From e51a6681844e449ab65246f89d491266bd10a598 Mon Sep 17 00:00:00 2001 From: "NEW_GIL_HOME\\hyeon" Date: Sun, 10 Aug 2025 22:12:44 +0900 Subject: [PATCH] =?UTF-8?q?GNB=20&=20=EC=B0=A8=EB=9F=89=20=EB=A6=AC?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EA=B0=9C=EC=84=A0=20UX=20=5F20250804?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- kr/assets/css/common.css | 144 +- kr/assets/css/common.css.map | 2 +- kr/assets/css/common.scss | 9172 +++++++++++----------- kr/assets/images/common/ico_info.png | Bin 0 -> 775 bytes kr/assets/images/common/ico_selected.png | Bin 0 -> 214 bytes kr/assets/js/common.js | 92 + kr/mypage/coupon-list_new.html | 156 +- 7 files changed, 5029 insertions(+), 4537 deletions(-) create mode 100644 kr/assets/images/common/ico_info.png create mode 100644 kr/assets/images/common/ico_selected.png diff --git a/kr/assets/css/common.css b/kr/assets/css/common.css index e07b9f4..e0cd75c 100644 --- a/kr/assets/css/common.css +++ b/kr/assets/css/common.css @@ -1227,6 +1227,13 @@ video::-webkit-media-controls { align-items: center; height: 8rem; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carItem { + height: 3.2rem; + padding: 0 1.2rem; + border: 1px solid #dedede; + } +} .hederWarp_n .headerInner .func .carlist .carItem::after { content: ""; display: block; @@ -1236,10 +1243,20 @@ video::-webkit-media-controls { background: url("../images/common/icon-wtbarrow.svg") center right no-repeat; background-size: 1.2rem; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carItem::after { + margin-left: 2rem; + } +} .hederWarp_n .headerInner .func .carlist .carItem:hover, .hederWarp_n .headerInner .func .carlist .carItem:focus { border: none; outline: none; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carItem:hover, .hederWarp_n .headerInner .func .carlist .carItem:focus { + border: 1px solid #dedede; + } +} .hederWarp_n .headerInner .func .carlist .carItem.on::after { transform: rotate(-180deg); background-position-x: left; @@ -1277,6 +1294,15 @@ video::-webkit-media-controls { left: 50%; transform: translate(-50%, 0); } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carlistItem { + top: 3.2rem; + left: 0; + right: 0; + transform: initial; + width: 100%; + } +} .hederWarp_n .headerInner .func .carlist .carlistItem.on { display: block; } @@ -1300,6 +1326,28 @@ video::-webkit-media-controls { background-color: #fff; border: 1px solid #dedede; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carlistItem ul { + margin-top: 0.5rem; + padding: 1.2rem; + max-height: 70rem; + overflow-y: auto; + /* WebKit 기반 브라우저용 스크롤바 스타일 */ + } + .hederWarp_n .headerInner .func .carlist .carlistItem ul::-webkit-scrollbar { + width: 0.4rem; /* 폭 4px */ + } + .hederWarp_n .headerInner .func .carlist .carlistItem ul::-webkit-scrollbar-track { + background: transparent; /* 트랙 투명 */ + } + .hederWarp_n .headerInner .func .carlist .carlistItem ul::-webkit-scrollbar-thumb { + background-color: #dedede; /* 스크롤바 색상 */ + border-radius: 0.2rem; + } +} +.hederWarp_n .headerInner .func .carlist .carlistItem ul li { + align-items: center; +} .hederWarp_n .headerInner .func .carlist .carlistItem ul li a { display: flex; font-size: 1.4rem; @@ -1309,13 +1357,18 @@ video::-webkit-media-controls { color: #000; } .hederWarp_n .headerInner .func .carlist .carlistItem ul li a span { - color: #9ea1a2; + color: #05141f; font-weight: 400; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carlistItem ul li a span { + display: inline; + } +} .hederWarp_n .headerInner .func .carlist .carlistItem ul li a span + span::before { content: ""; display: block; @@ -1325,9 +1378,69 @@ video::-webkit-media-controls { margin-left: 1rem; margin-right: 1rem; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carlistItem ul li a { + position: relative; + display: inline; + } +} +.hederWarp_n .headerInner .func .carlist .carlistItem ul li button { + display: inline; +} +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carlistItem ul li { + position: relative; + padding-left: 2rem; + } + .hederWarp_n .headerInner .func .carlist .carlistItem ul li > span { + display: inline; + } + .hederWarp_n .headerInner .func .carlist .carlistItem ul li button { + text-align: left; + } +} +.hederWarp_n .headerInner .func .carlist .carlistItem ul li .btn-info { + display: inline-block; + position: relative; + width: 1.3rem; + height: 1.3rem; + margin-left: 0.4rem; + background: url("../images/common/ico_info.png") center center no-repeat; + background-size: 1.3rem auto; + cursor: pointer; +} +.hederWarp_n .headerInner .func .carlist .carlistItem ul li .btn-info:hover .tooltip { + display: flex; + left: -2.4rem; + top: 2.4rem; +} +.hederWarp_n .headerInner .func .carlist .carlistItem ul li:before { + content: ""; + display: block; + position: absolute; + top: 50%; + left: 0; + transform: translate(0, -50%); + width: 1.4rem; + height: 1.4rem; + margin-right: 0.4rem; +} +.hederWarp_n .headerInner .func .carlist .carlistItem ul li.selected:before { + content: ""; + display: block; + width: 1.4rem; + height: 1.4rem; + background: url("../images/common/ico_selected.png") center center no-repeat; + background-size: 1.4rem auto; +} .hederWarp_n .headerInner .func .carlist .carlistItem ul li + li { margin-top: 1rem; } +@media (min-width: 1025px) { + .hederWarp_n .headerInner .func .carlist .carlistItem ul li + li { + margin-top: 1.2rem; + } +} .hederWarp_n .headerInner .func .userLogin { position: relative; display: block; @@ -4325,7 +4438,6 @@ video::-webkit-media-controls { } .agree-result .popInner .tableStyle { border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; margin-top: 3rem; margin-bottom: 5rem; } @@ -4393,4 +4505,32 @@ video::-webkit-media-controls { display: block; } } + +.tooltip { + display: none; + position: absolute; + z-index: 1; +} + +.tooltip-bubble { + position: relative; + padding: 1.6rem 1.6rem 1.4rem; + background: #fff; + border: 1px solid #0b1320; /* 테두리 추가 */ + border-radius: 0.6rem; + font-size: 1.4rem; + color: #0b1320; + filter: drop-shadow(0 0.2rem 0.8rem rgba(0, 0, 0, 0.18)); +} +.tooltip-bubble .edge { + position: absolute; + top: -0.7rem; /* border 두께 때문에 살짝 조정 */ + left: 2.4rem; + width: 1.2rem; + height: 1.2rem; + background: #fff; + border-left: 1px solid #0b1320; /* 포인터 테두리 */ + border-top: 1px solid #0b1320; + transform: rotate(45deg); +} /*# sourceMappingURL=common.css.map */ \ No newline at end of file diff --git a/kr/assets/css/common.css.map b/kr/assets/css/common.css.map index 938770a..e336e46 100644 --- a/kr/assets/css/common.css.map +++ b/kr/assets/css/common.css.map @@ -1 +1 @@ -{"version":3,"sources":["common.css","_utils.scss","common.scss"],"names":[],"mappings":"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","file":"common.css"} \ No newline at end of file +{"version":3,"sources":["common.css","_utils.scss","common.scss"],"names":[],"mappings":"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","file":"common.css"} \ No newline at end of file diff --git a/kr/assets/css/common.scss b/kr/assets/css/common.scss index b26ad3a..56f0b18 100644 --- a/kr/assets/css/common.scss +++ b/kr/assets/css/common.scss @@ -3,1613 +3,500 @@ /*변수파일 import*/ pre { - font-family: "KiaSignature"; + font-family: "KiaSignature"; } /*비디오 콘트롤러 없앰*/ video::-webkit-media-controls { - display: none !important; + display: none !important; } //공통 바디 .scrollDisable { - min-height: 100%; - overflow: hidden !important; - touch-action: none; + min-height: 100%; + overflow: hidden !important; + touch-action: none; - .logo { - z-index: 101; - } + .logo { + z-index: 101; + } } .listNone { - display: flex; - justify-content: center; - align-items: center; - height: 14rem; + display: flex; + justify-content: center; + align-items: center; + height: 14rem; + + @include tablet { + height: 18rem; + } + + p { + font-size: 1.6rem; + color: #9ea1a2; + font-weight: 600; @include tablet { - height: 18rem; - } - - p { - font-size: 1.6rem; - color: #9ea1a2; - font-weight: 600; - - @include tablet { - font-size: 2rem; - } + font-size: 2rem; } + } } //헤더 .hederWarp { - position: relative; - background-repeat: no-repeat; - background-position: center; - z-index: 101; - - .headerInner { - display: block; - width: 100%; - padding-left: 2rem; - padding-right: 2rem; - - @include desktopMin { - width: 100%; - } - - @include desktopMax { - width: 120rem; - margin: 0 auto; - padding-left: 0rem; - padding-right: 0rem; - position: relative; - z-index: 1; - } - - .headerTop { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 5.6rem; - - @include desktopMin { - height: 8rem; - } - - .headerGnb { - width: 100%; - display: flex; - justify-content: space-between; - - .logo { - display: flex; - align-items: center; - - a { - .logoImg { - display: block; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - margin-right: 0.9rem; - - @include desktopMin { - margin-right: 1.3rem; - } - } - } - - p { - font-size: 1rem; - font-weight: 400; - color: #fff; - margin-top: 0.3rem; - - @include desktopMin { - font-size: 1.1rem; - } - } - } - - .topUtil { - position: relative; - display: flex; - align-items: center; - - .carlist { - position: relative; - display: none; - - @include desktopMin { - display: block; - } - - span { - color: #fff; - font-weight: 400; - display: flex; - width: fit-content; - min-width: 2.2rem; - } - - span+span { - &::before { - content: ""; - display: block; - width: 1px; - height: 1.4rem; - background-color: #dedede; - margin-left: 1rem; - margin-right: 1rem; - } - } - - .carItem { - display: flex; - height: 8rem; - font-size: 1.4rem; - align-items: center; - cursor: pointer; - color: #676767; - - &::after { - content: ""; - width: 2.5rem; - height: 0.8rem; - display: block; - background: url("../images/common/icon-wtbarrow.svg") center right no-repeat; - background-size: 1.2rem; - } - - &:hover, - &:focus { - border: none; - outline: none; - } - } - - .carItem.on { - .carlistItem { - display: block; - } - } - - .carlistItem { - display: none; - position: absolute; - width: fit-content; - min-width: 17rem; - top: 7.9rem; - left: 50%; - transform: translate(-50%, 0); - - @include desktopMin {} - - .boxBullet { - display: none; - - @include desktopMin { - width: 1.4rem; - height: 1rem; - display: block; - position: absolute; - top: -0.9rem; - left: 50%; - transform: translate(-50%, 0); - z-index: 1; - } - } - - ul { - position: relative; - display: block; - padding: 2rem; - background-color: #fff; - border: 1px solid #dedede; - - li { - a { - display: flex; - font-size: 1.4rem; - align-items: center; - - &:hover { - span { - color: #000; - } - } - - span { - color: #9ea1a2; - font-weight: 400; - display: flex; - width: fit-content; - } - } - } - - li+li { - margin-top: 1rem; - } - } - } - - .carlistItem.on { - display: block; - } - - .carItem.on+.carlistItem { - display: block; - } - } - - .carlist.on { - a { - &::after { - transform: rotate(-180deg); - background-position-x: left; - } - } - } - - .gnbIcon { - display: flex; - - i { - display: block; - } - - .boxBullet { - display: none; - - @include desktopMin { - width: 1.4rem; - height: 1rem; - display: block; - position: absolute; - top: -0.9rem; - left: 50%; - transform: translate(-50%, 0); - z-index: 1; - } - } - - .mMenuWarp { - position: fixed; - //display: none; - right: -100rem; - top: 0; - height: 100vh; - width: 100%; - min-width: 36rem; - -webkit-transition: right 0.3s; - -moz-transition: right 0.3s; - -ms-transition: right 0.3s; - -o-transition: right 0.3s; - transition: right 0.3s; - - @include mobile { - max-width: 36rem; - } - - @include maxtablet { - background-color: #fff; - } - - @include mobileSmall { - max-width: 32rem; - } - - @include tablet { - max-width: 36rem; - } - - @include desktopMin { - position: inherit; - display: flex; - align-items: center; - right: inherit; - top: inherit; - width: auto; - height: auto; - width: 100%; - min-width: auto; - box-shadow: none; - } - - .mobileMember { - margin-top: 5.6rem; - display: flex; - - @include desktopMin { - display: none; - } - - button { - width: 50%; - height: 5rem; - background-color: #f3f3f3; - border: solid #dedede; - border-width: 1px 1px 1px 0px; - padding: 2rem; - display: flex; - align-items: center; - justify-content: space-between; - - @include desktopMin { - display: none; - } - - &::after { - content: ""; - display: block; - width: 0.6rem; - height: 1.2rem; - background-image: url("../images/common/icon-mMarrow.svg"); - background-repeat: no-repeat; - background-size: contain; - } - } - - button+button { - border-right: 0; - } - - @include desktopMin { - display: none; - } - } - - .menu { - position: relative; - padding: 3rem 2rem; - min-height: 100vh; - overflow-y: auto; - - @include desktopMin { - padding: 0; - min-height: auto; - overflow-y: inherit; - padding: 0; - } - - >a { - display: none; - - @include desktopMin { - display: flex; - align-items: center; - height: 8rem; - } - } - - .gnbMenu { - width: 100%; - display: block; - margin-bottom: 4rem; - - @include desktopMin { - display: none; - position: absolute; - min-width: 11rem; - top: 7.9rem; - left: 50%; - transform: translate(-50%, 0); - background-color: #fff; - padding: 1.5rem; - border: 1px solid #dedede; - } - - .moblieBlock { - display: block; - margin-top: 5rem; - - @include desktopMin { - display: none; - } - - li { - a { - color: #676767; - } - } - - li+li { - margin-top: 2rem; - } - } - - ul { - position: relative; - display: block; - - li { - a { - display: flex; - font-size: 1.6rem; - font-weight: 600; - align-items: center; - color: #000; - - @include desktopMin { - color: #9ea1a2; - font-size: 1.4rem; - font-weight: 400; - } - - &:hover { - color: #000; - } - - span { - color: #676767; - font-weight: 400; - display: flex; - width: fit-content; - } - } - } - - li+li { - margin-top: 3rem; - - @include desktopMin { - margin-top: 1rem; - } - } - } - } - - .loginBtn { - @include desktopMin { - display: none; - } - } - - .gnbMenu.on { - display: block; - } - } - - .user { - position: relative; - display: none; - - @include desktopMin { - display: block; - } - - >a { - display: none; - - @include desktopMin { - display: flex; - align-items: center; - height: 8rem; - } - } - - .userMenu { - @include desktopMin { - display: none; - width: 100%; - min-width: 11rem; - top: 7.9rem; - left: 50%; - transform: translate(-50%, 0); - position: absolute; - padding: 1.5rem; - background-color: #fff; - border: 1px solid #dedede; - } - - ul { - position: relative; - display: block; - - li { - a { - display: flex; - font-size: 1.4rem; - align-items: center; - color: #9ea1a2; - - &:hover { - color: #000; - } - - span { - color: #676767; - font-weight: 400; - display: flex; - width: fit-content; - } - } - } - - li+li { - margin-top: 1rem; - } - } - } - - .userMenu.on { - display: block; - } - } - - .menu+.user { - margin-left: 2rem; - } - } - - .mMenuWarp.on { - right: 0rem; - display: block; - background-color: #fff; - box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; - } - - .mMenuWarp+.cart { - margin-left: 0; - - @include desktopMin { - margin-left: 2rem; - } - } - - .cart { - >a { - display: flex; - align-items: center; - height: 5.6rem; - - @include desktopMin { - height: 8rem; - } - } - } - - .moblieMenu { - position: relative; - display: block; - width: 3rem; - height: 5.6rem; - - @include desktopMin { - display: none; - height: 8rem; - } - - .slide-open { - position: absolute; - display: flex; - align-items: center; - justify-content: flex-end; - top: 50%; - left: 0%; - width: 3.6rem; - height: 5rem; - transform: translate(0%, -50%); - cursor: pointer; - } - - .burgur { - display: block; - position: absolute; - width: 0px; - height: 0px; - left: 50%; - transform: translate(-50%, -50%); - top: 50%; - } - - .burgur .top-line { - width: 1.8rem; - height: 0.2rem; - background-color: #fff; - bottom: -0.4rem; - content: ""; - position: absolute; - left: -0.4rem; - -webkit-transition: -webkit-transform 0.3s; - transition: transform 0.3s; - } - - .burgur .bot-line { - width: 1.8rem; - height: 0.2rem; - background-color: #fff; - top: -0.6rem; - content: ""; - position: absolute; - left: -0.4rem; - -webkit-transition: -webkit-transform 0.3s; - transition: transform 0.3s; - } - - .burgur.on { - width: 0; - } - - .burgur.on .bot-line { - -webkit-transform: translateY(4px) rotate(135deg); - transform: translateY(4px) rotate(135deg); - background-color: #000; - } - - .burgur.on .top-line { - -webkit-transform: translateY(-4px) rotate(-135deg); - transform: translateY(-4px) rotate(-135deg); - background-color: #000; - } - } - } - } - - .carlist+.gnbIcon { - margin-left: 0; - - @include desktopMin { - margin-left: 2.5rem; - } - } - } - } - } -} - -.hederWarp.noBoder, -.hederWarp.hBoder { - height: 5.6rem; - background-image: none; + position: relative; + background-repeat: no-repeat; + background-position: center; + z-index: 101; + + .headerInner { + display: block; + width: 100%; + padding-left: 2rem; + padding-right: 2rem; @include desktopMin { + width: 100%; + } + + @include desktopMax { + width: 120rem; + margin: 0 auto; + padding-left: 0rem; + padding-right: 0rem; + position: relative; + z-index: 1; + } + + .headerTop { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 5.6rem; + + @include desktopMin { height: 8rem; - } + } - .headerInner { - .headerTop { - .headerGnb { - .topUtil { - .carlist { - .carItem { - &::after { - background-image: url("../images/common/icon-tbarrow.svg"); - } - } - - span { - color: #676767; - } - } - - .gnbIcon { - .moblieMenu { - .slide-open { - .burgur { - - .top-line, - .bot-line { - background-color: #000; - } - } - } - } - } - } - - .logo { - p { - color: #000000; - } - } - } - } - } -} - -//보더가 있는 헤더 -.hederWarp.hBoder { - border-bottom: 1px solid #dedede; - - &.menu-open { - .user .icon-user { - background-image: url(../images/common/icon-user.svg); - } - } -} - -.hederWarp_n { - position: relative; - width: 100%; - - z-index: 101; - overflow-x: clip; - background-color: transparent; - - @media (max-width: 1240px) { - padding: 0 1.5rem; - } - - @media (max-width: 1120px) { - // height: 5.6rem; - } - - &.menu-open { - &~.pageTitle { - z-index: 0 !important; - } - - &~.contentWarp { - z-index: 0 !important; - } - - .user .icon-user { - background-image: url(../images/common/icon-user.svg) !important; - } - - - .headerInner { - - .gnb { - .logoWrap { - a { - color: #05141f; - } - } - - .menuWarp { - .menu { - .menuDepth1Wrap { - .menuDepth1 { - color: #05141f; - } - } - } - } - } - - .func { - .carlist { - .carItem { - span { - color: #05141f; - } - - &::after { - content: ""; - display: block; - width: 2.5rem; - height: 0.8rem; - margin-top: -0.4rem; - background: url("../images/common/icon-tbarrow.svg") center right no-repeat; - background-size: 1.2rem; - } - } - - &.on { - a { - &::after { - transform: rotate(-180deg); - background-position-x: left; - } - } - } - } - - .userLogin { - >a { - border: 1px solid rgba(5, 20, 31, 0.3); - color: #05141f; - transition: 0.3s; - - &:hover { - border: 1px solid rgba(5, 20, 31, 1); - } - } - } - - .moblieMenu { - @media (max-width: 1120px) { - .burgur .top-line { - background-color: #000; - } - - .burgur .bot-line { - background-color: #000; - } - } - } - } - - .menuBg { - @media (min-width: 1120px) { - &::after { - opacity: 1; - } - } - } - - - } - - - } - - .headerInner { + .headerGnb { + width: 100%; display: flex; justify-content: space-between; - align-items: center; - max-width: 120rem; - height: 8rem; - margin: 0 auto; + .logo { + display: flex; + align-items: center; - @media (max-width: 1120px) { - height: 5.6rem; + a { + .logoImg { + display: block; + background-position: center; + background-repeat: no-repeat; + background-size: contain; + margin-right: 0.9rem; + + @include desktopMin { + margin-right: 1.3rem; + } + } + } + + p { + font-size: 1rem; + font-weight: 400; + color: #fff; + margin-top: 0.3rem; + + @include desktopMin { + font-size: 1.1rem; + } + } } - .menuBg { + .topUtil { + position: relative; + display: flex; + align-items: center; + + .carlist { + position: relative; display: none; - @media (min-width: 1120px) { - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - z-index: 1; - background-color: #fff; - transition: height 0.2s; - - &::after { - content: ""; - position: absolute; - top: 80px; - left: 0; - right: 0; - border-top: 1px solid #dedede; - z-index: 2; - opacity: 0; - transition: opacity 0.2s; - } + @include desktopMin { + display: block; } - } - .gnb { - display: flex; - justify-content: flex-start; - align-items: center; + span { + color: #fff; + font-weight: 400; + display: flex; + width: fit-content; + min-width: 2.2rem; + } - .logoWrap { - position: relative; - z-index: 2; + span + span { + &::before { + content: ""; + display: block; + width: 1px; + height: 1.4rem; + background-color: #dedede; + margin-left: 1rem; + margin-right: 1rem; + } + } - @media (min-width: 1120px) { - display: flex; - align-items: center; - height: 8rem; + .carItem { + display: flex; + height: 8rem; + font-size: 1.4rem; + align-items: center; + cursor: pointer; + color: #676767; + + &::after { + content: ""; + width: 2.5rem; + height: 0.8rem; + display: block; + background: url("../images/common/icon-wtbarrow.svg") center right no-repeat; + background-size: 1.2rem; + } + + &:hover, + &:focus { + border: none; + outline: none; + } + } + + .carItem.on { + .carlistItem { + display: block; + } + } + + .carlistItem { + display: none; + position: absolute; + width: fit-content; + min-width: 17rem; + top: 7.9rem; + left: 50%; + transform: translate(-50%, 0); + + @include desktopMin { + } + + .boxBullet { + display: none; + + @include desktopMin { + width: 1.4rem; + height: 1rem; + display: block; + position: absolute; + top: -0.9rem; + left: 50%; + transform: translate(-50%, 0); + z-index: 1; } + } - a { + ul { + position: relative; + display: block; + padding: 2rem; + background-color: #fff; + border: 1px solid #dedede; + + li { + a { display: flex; - justify-content: flex-start; + font-size: 1.4rem; align-items: center; - font-size: 2rem; - font-weight: 600; - color: #ffffff; - .logoImg { - background-size: contain; + &:hover { + span { + color: #000; + } } span { - margin-left: 1rem; - - @media (max-width: 1120px) { - font-size: 1.5rem; - margin-top: 0.4rem; - } + color: #9ea1a2; + font-weight: 400; + display: flex; + width: fit-content; } + } } + + li + li { + margin-top: 1rem; + } + } } - .menuWarp { - @media (max-width: 1120px) { - position: fixed; - top: 0; - bottom: 0; - right: -36rem; - z-index: 9999; - width: 36rem; - height: 100vh; + .carlistItem.on { + display: block; + } - background-color: #ffffff; - box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; + .carItem.on + .carlistItem { + display: block; + } + } + + .carlist.on { + a { + &::after { + transform: rotate(-180deg); + background-position-x: left; + } + } + } + + .gnbIcon { + display: flex; + + i { + display: block; + } + + .boxBullet { + display: none; + + @include desktopMin { + width: 1.4rem; + height: 1rem; + display: block; + position: absolute; + top: -0.9rem; + left: 50%; + transform: translate(-50%, 0); + z-index: 1; + } + } + + .mMenuWarp { + position: fixed; + //display: none; + right: -100rem; + top: 0; + height: 100vh; + width: 100%; + min-width: 36rem; + -webkit-transition: right 0.3s; + -moz-transition: right 0.3s; + -ms-transition: right 0.3s; + -o-transition: right 0.3s; + transition: right 0.3s; + + @include mobile { + max-width: 36rem; + } + + @include maxtablet { + background-color: #fff; + } + + @include mobileSmall { + max-width: 32rem; + } + + @include tablet { + max-width: 36rem; + } + + @include desktopMin { + position: inherit; + display: flex; + align-items: center; + right: inherit; + top: inherit; + width: auto; + height: auto; + width: 100%; + min-width: auto; + box-shadow: none; + } + + .mobileMember { + margin-top: 5.6rem; + display: flex; + + @include desktopMin { + display: none; } - @media (max-width: 500px) { - right: -100%; - width: 100%; - } + button { + width: 50%; + height: 5rem; + background-color: #f3f3f3; + border: solid #dedede; + border-width: 1px 1px 1px 0px; + padding: 2rem; + display: flex; + align-items: center; + justify-content: space-between; - .mobileMenuTop { + @include desktopMin { display: none; + } - @media (max-width: 1120px) { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 2rem; - height: 5.6rem; - - .mobileLogoWrap { - a { - display: flex; - justify-content: flex-start; - align-items: center; - font-size: 2rem; - font-weight: 600; - color: #05141f; - - .logoImg { - display: block; - width: 16.7rem; - height: 1.5rem; - background-image: url(../images/kia/kia-blogo-n.svg); - background-size: contain; - background-repeat: no-repeat; - } - - span { - margin-left: 1rem; - font-size: 1.5rem; - margin-top: 0.4rem; - } - } - } - - .closeBtn { - a { - display: block; - width: 1.6rem; - height: 1.6rem; - background: url("../images/common/icon-menu-close.svg") center center no-repeat; - } - } - } + &::after { + content: ""; + display: block; + width: 0.6rem; + height: 1.2rem; + background-image: url("../images/common/icon-mMarrow.svg"); + background-repeat: no-repeat; + background-size: contain; + } } - .mobileFunc { - display: none; - - @media (max-width: 1120px) { - display: flex; - width: 100%; - - button { - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; - height: 5rem; - background-color: #f3f3f3; - border: solid #dedede; - border-width: 1px 0 1px 0; - padding: 2rem; - color: #676767; - cursor: pointer; - - &::after { - content: ""; - display: block; - width: 0.6rem; - height: 1.2rem; - background-image: url("../images/common/icon-mMarrow.svg"); - background-repeat: no-repeat; - background-size: contain; - } - - &+button { - border-right: 0; - } - } - } + button + button { + border-right: 0; } - .mobileCarlist { - display: none; + @include desktopMin { + display: none; + } + } - @media (max-width: 1120px) { - display: block; - position: relative; + .menu { + position: relative; + padding: 3rem 2rem; + min-height: 100vh; + overflow-y: auto; - .mobilecarItem { - display: flex; - justify-content: space-between; - align-items: center; - height: 5.6rem; - padding: 0 2rem; - border-bottom: 1px solid #dedede; - - &.on { - border: none; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: center; - - span { - color: #05141f; - font-size: 1.4rem; - font-weight: 600; - display: flex; - align-items: center; - width: fit-content; - min-width: 2.2rem; - word-break: break-word; - } - - span+span { - color: #676767; - font-weight: 400; - - &::before { - content: ""; - display: block; - width: 1px; - height: 1.4rem; - background-color: #dedede; - margin-left: 1rem; - margin-right: 1rem; - } - } - } - - .arrow { - display: block; - width: 1.2rem; - height: 0.8rem; - margin-top: -0.4rem; - background: url("../images/common/icon-tbarrow.svg") center right no-repeat; - background-size: 1.2rem; - - &.on { - transform: rotate(-180deg); - } - } - } - - .carlistItem { - position: absolute; - display: none; - z-index: 10; - width: 100%; - top: 5.6rem; - border-bottom: 1px solid #dedede; - - ul { - position: relative; - display: block; - padding: 2rem; - background-color: #fff; - - li { - a { - display: flex; - font-size: 1.4rem; - align-items: center; - - &:hover { - span { - color: #000; - } - } - - span { - color: #9ea1a2; - font-weight: 600; - display: flex; - width: fit-content; - } - - span+span { - font-weight: 400; - - &::before { - content: ""; - display: block; - width: 1px; - height: 1.4rem; - background-color: #dedede; - margin-left: 1rem; - margin-right: 1rem; - } - } - } - } - - li+li { - margin-top: 1rem; - } - } - } - } + @include desktopMin { + padding: 0; + min-height: auto; + overflow-y: inherit; + padding: 0; } - .menu { + > a { + display: none; + + @include desktopMin { display: flex; - margin-left: 4.5rem; - transition: margin-left 0.2s ease-in-out; - - @media (max-width: 1220px) { - margin-left: 2rem; - } - - &.open { - li { - .menuDepth2Wrap { - &.info { - @media (min-width: 1120px) { - display: block; - width: 27rem; - } - } - - h3 { - margin-bottom: 2.8rem; - } - } - } - - li:nth-child(1) { - .menuDepth2Wrap { - @media (min-width: 1120px) { - left: -11.6rem; - } - } - } - - li:nth-child(2) { - .menuDepth2Wrap { - @media (min-width: 1120px) { - left: 5.4rem; - } - } - } - - li:nth-child(3) { - .menuDepth2Wrap { - @media (min-width: 1120px) { - left: 21.6rem; - } - } - } - - li:nth-child(4) { - .menuDepth2Wrap { - @media (min-width: 1120px) { - display: block; - left: 30.4rem; - } - } - } - } - - @media (max-width: 1120px) { - display: block; - margin-left: 0; - margin-top: 2rem; - overflow: hidden; - overflow-y: auto; - height: 63vh; - } - - .menuDepth1Wrap { - position: relative; - z-index: 2; - - @media (max-width: 1120px) { - padding: 0 2rem; - } - - .menuDepth1 { - display: flex; - justify-content: center; - align-items: center; - height: 8rem; - padding: 0 2rem; - font-size: 1.6rem; - font-weight: 600; - color: #ffffff; - white-space: nowrap; - - @media (max-width: 1220px) { - padding: 0 1.25rem; - } - - @media (max-width: 1120px) { - position: relative; - justify-content: flex-start; - height: initial; - padding: 1.3rem 0; - color: #000000; - - &.lower { - &::after { - content: ""; - position: absolute; - right: 0; - width: 1.5rem; - height: 1.5rem; - transform: rotate(90deg); - background: url("../images/common/icon-arrow_right.svg") center center no-repeat; - transition: transform .2s ease; - } - - &.on { - margin-bottom: .3rem; - - &::after { - content: ""; - position: absolute; - right: 0; - width: 1.5rem; - height: 1.5rem; - transform: rotate(270deg); - background: url("../images/common/icon-arrow_right.svg") center center no-repeat; - } - - &~.menuDepth2Wrap { - margin-bottom: 1rem; - } - } - } - } - } - - .menuDepth2Wrap { - position: absolute; - display: none; - width: 100%; - min-width: 11rem; - top: 7.9rem; - left: 50%; - transform: translate(-50%, 0); - padding: 4rem 2rem 5rem; - - // opacity: 0; - // transition: opacity 0.2s ease-in .1s; - // transition-delay: 2s; - // background-color: #fff; - // border: 1px solid #dedede; - h3 { - a { - color: #000; - } - } - - @media (max-width: 1120px) { - position: initial; - width: 100%; - transform: initial; - padding: 0; - border: none; - - .boxBullet { - display: none !important; - } - - h3 { - display: none; - } - } - - &.info { - width: 14rem; - - @media (max-width: 1120px) { - width: 100%; - } - } - - &.support { - width: 16rem; - - @media (max-width: 1120px) { - width: 100%; - } - } - - .boxBullet { - width: 1.4rem; - height: 1rem; - display: none; - position: absolute; - top: -0.9rem; - left: 50%; - transform: translate(-50%, 0); - z-index: 1; - } - - ul { - .menuDepth2 { - a { - display: flex; - justify-content: flex-start; - align-items: center; - font-size: 1.4rem; - font-weight: 400; - color: #9ea1a2; - padding: .8rem 0; - - &.active { - color: #05141f; - } - - &:hover { - color: #05141f; - } - - @media (max-width: 1120px) { - padding: .6rem 0; - } - } - } - } - } - } + align-items: center; + height: 8rem; + } } - .mobileSubMenu { + .gnbMenu { + width: 100%; + display: block; + margin-bottom: 4rem; + + @include desktopMin { display: none; + position: absolute; + min-width: 11rem; + top: 7.9rem; + left: 50%; + transform: translate(-50%, 0); + background-color: #fff; + padding: 1.5rem; + border: 1px solid #dedede; + } - @media (max-width: 1120px) { - display: flex; - position: absolute; - bottom: 3.2rem; - left: 0; - right: 0; - // padding: 0 2rem; - // margin-top: 3rem; + .moblieBlock { + display: block; + margin-top: 5rem; - a { - display: block; - // width: 100%; - padding: 0 2rem; - font-size: 1.4rem; - font-weight: 600; - color: #676767; - - &+a { - border-left: 1px solid #dedede; - } - } + @include desktopMin { + display: none; } + + li { + a { + color: #676767; + } + } + + li + li { + margin-top: 2rem; + } + } + + ul { + position: relative; + display: block; + + li { + a { + display: flex; + font-size: 1.6rem; + font-weight: 600; + align-items: center; + color: #000; + + @include desktopMin { + color: #9ea1a2; + font-size: 1.4rem; + font-weight: 400; + } + + &:hover { + color: #000; + } + + span { + color: #676767; + font-weight: 400; + display: flex; + width: fit-content; + } + } + } + + li + li { + margin-top: 3rem; + + @include desktopMin { + margin-top: 1rem; + } + } + } } .loginBtn { + @include desktopMin { display: none; - - @media (max-width: 1120px) { - position: absolute; - bottom: 2rem; - display: block; - padding: 0 2rem; - } + } } - } - } - .func { - display: flex; - justify-content: flex-end; - align-items: center; - position: relative; - z-index: 2; + .gnbMenu.on { + display: block; + } + } - .carlist { + .user { position: relative; - margin-right: 2rem; - transition: all 0.2s ease-in-out; + display: none; - @media (max-width: 1220px) { - margin-right: 1.5rem; + @include desktopMin { + display: block; } - @media (max-width: 1120px) { - display: none; - } + > a { + display: none; - &.on { - a { - &::after { - transform: rotate(-180deg); - background-position-x: left; - } - } - } - - .carItem { - display: flex; - justify-content: flex-end; - align-items: center; - height: 8rem; - - &::after { - content: ""; - display: block; - width: 2.5rem; - height: 0.8rem; - margin-top: -0.4rem; - background: url("../images/common/icon-wtbarrow.svg") center right no-repeat; - background-size: 1.2rem; - } - - &:hover, - &:focus { - border: none; - outline: none; - } - - &.on { - &::after { - transform: rotate(-180deg); - background-position-x: left; - } - - .carlistItem { - display: block; - } - } - - span { - color: #fff; - font-size: 1.4rem; - font-weight: 400; - display: flex; - width: fit-content; - // min-width: 2.2rem; - white-space: nowrap; - } - - span+span { - &::before { - content: ""; - display: block; - width: 1px; - height: 1.4rem; - background-color: #dedede; - margin-left: 1rem; - margin-right: 1rem; - } - } - } - - .carlistItem { - position: absolute; - display: none; - width: fit-content; - min-width: 11rem; - top: 6.1rem; - left: 50%; - transform: translate(-50%, 0); - - &.on { - display: block; - } - - &.on+.carlistItem { - display: block; - } - - .boxBullet { - width: 1.4rem; - height: 1rem; - display: none; - position: absolute; - top: -0.9rem; - left: 50%; - transform: translate(-50%, 0); - z-index: 1; - } - - ul { - position: relative; - display: block; - padding: 2rem; - background-color: #fff; - border: 1px solid #dedede; - - li { - a { - display: flex; - font-size: 1.4rem; - align-items: center; - - &:hover { - span { - color: #000; - } - } - - span { - color: #9ea1a2; - font-weight: 400; - display: flex; - width: fit-content; - } - - span+span { - &::before { - content: ""; - display: block; - width: 1px; - height: 1.4rem; - background-color: #dedede; - margin-left: 1rem; - margin-right: 1rem; - } - } - } - } - - li+li { - margin-top: 1rem; - } - } - } - } - - .userLogin { - position: relative; - display: block; - margin-right: 2rem; - - @media (max-width: 1120px) { - display: none; - } - - >a { - display: flex; - align-items: center; - padding: 0.3rem 0.6rem; - font-size: 1.4rem; - font-weight: 600; - border: 1px solid rgba(255, 255, 255, 0.3); - color: #ffffff; - transition: 0.3s; - - &:hover { - border: 1px solid rgba(255, 255, 255, 1); - } - } - } - - .user { - position: relative; - display: block; - margin-right: 0; - - @media (max-width: 1120px) { - display: none; - } - - >a { + @include desktopMin { display: flex; align-items: center; height: 8rem; + } } .userMenu { + @include desktopMin { display: none; width: 100%; min-width: 11rem; @@ -1620,3270 +507,4509 @@ video::-webkit-media-controls { padding: 1.5rem; background-color: #fff; border: 1px solid #dedede; + } - .boxBullet { - width: 1.4rem; - height: 1rem; - display: block; - position: absolute; - top: -0.9rem; - left: 50%; - transform: translate(-50%, 0); - z-index: 1; - } + ul { + position: relative; + display: block; - ul { - position: relative; - display: block; + li { + a { + display: flex; + font-size: 1.4rem; + align-items: center; + color: #9ea1a2; - li { - a { - display: flex; - font-size: 1.4rem; - align-items: center; - color: #9ea1a2; - - &:hover { - color: #000; - } - - span { - color: #676767; - font-weight: 400; - display: flex; - width: fit-content; - } - } + &:hover { + color: #000; } - li+li { - margin-top: 1rem; + span { + color: #676767; + font-weight: 400; + display: flex; + width: fit-content; } + } } + + li + li { + margin-top: 1rem; + } + } } .userMenu.on { - display: block; + display: block; } + } + + .menu + .user { + margin-left: 2rem; + } + } + + .mMenuWarp.on { + right: 0rem; + display: block; + background-color: #fff; + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; + } + + .mMenuWarp + .cart { + margin-left: 0; + + @include desktopMin { + margin-left: 2rem; + } } .cart { - >a { - display: flex; - align-items: center; - height: 5.6rem; + > a { + display: flex; + align-items: center; + height: 5.6rem; - @include desktopMin { - height: 8rem; - } + @include desktopMin { + height: 8rem; } + } } .moblieMenu { + position: relative; + display: block; + width: 3rem; + height: 5.6rem; + + @include desktopMin { display: none; + height: 8rem; + } + + .slide-open { + position: absolute; + display: flex; + align-items: center; + justify-content: flex-end; + top: 50%; + left: 0%; + width: 3.6rem; + height: 5rem; + transform: translate(0%, -50%); + cursor: pointer; + } + + .burgur { + display: block; + position: absolute; + width: 0px; + height: 0px; + left: 50%; + transform: translate(-50%, -50%); + top: 50%; + } + + .burgur .top-line { + width: 1.8rem; + height: 0.2rem; + background-color: #fff; + bottom: -0.4rem; + content: ""; + position: absolute; + left: -0.4rem; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + } + + .burgur .bot-line { + width: 1.8rem; + height: 0.2rem; + background-color: #fff; + top: -0.6rem; + content: ""; + position: absolute; + left: -0.4rem; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + } + + .burgur.on { + width: 0; + } + + .burgur.on .bot-line { + -webkit-transform: translateY(4px) rotate(135deg); + transform: translateY(4px) rotate(135deg); + background-color: #000; + } + + .burgur.on .top-line { + -webkit-transform: translateY(-4px) rotate(-135deg); + transform: translateY(-4px) rotate(-135deg); + background-color: #000; + } + } + } + } + + .carlist + .gnbIcon { + margin-left: 0; + + @include desktopMin { + margin-left: 2.5rem; + } + } + } + } + } +} + +.hederWarp.noBoder, +.hederWarp.hBoder { + height: 5.6rem; + background-image: none; + + @include desktopMin { + height: 8rem; + } + + .headerInner { + .headerTop { + .headerGnb { + .topUtil { + .carlist { + .carItem { + &::after { + background-image: url("../images/common/icon-tbarrow.svg"); + } + } + + span { + color: #676767; + } + } + + .gnbIcon { + .moblieMenu { + .slide-open { + .burgur { + .top-line, + .bot-line { + background-color: #000; + } + } + } + } + } + } + + .logo { + p { + color: #000000; + } + } + } + } + } +} + +//보더가 있는 헤더 +.hederWarp.hBoder { + border-bottom: 1px solid #dedede; + + &.menu-open { + .user .icon-user { + background-image: url(../images/common/icon-user.svg); + } + } +} + +.hederWarp_n { + position: relative; + width: 100%; + + z-index: 101; + overflow-x: clip; + background-color: transparent; + + @media (max-width: 1240px) { + padding: 0 1.5rem; + } + + @media (max-width: 1120px) { + // height: 5.6rem; + } + + &.menu-open { + & ~ .pageTitle { + z-index: 0 !important; + } + + & ~ .contentWarp { + z-index: 0 !important; + } + + .user .icon-user { + background-image: url(../images/common/icon-user.svg) !important; + } + + .headerInner { + .gnb { + .logoWrap { + a { + color: #05141f; + } + } + + .menuWarp { + .menu { + .menuDepth1Wrap { + .menuDepth1 { + color: #05141f; + } + } + } + } + } + + .func { + .carlist { + .carItem { + span { + color: #05141f; + } + + &::after { + content: ""; + display: block; + width: 2.5rem; + height: 0.8rem; + margin-top: -0.4rem; + background: url("../images/common/icon-tbarrow.svg") center right no-repeat; + background-size: 1.2rem; + } + } + + &.on { + a { + &::after { + transform: rotate(-180deg); + background-position-x: left; + } + } + } + } + + .userLogin { + > a { + border: 1px solid rgba(5, 20, 31, 0.3); + color: #05141f; + transition: 0.3s; + + &:hover { + border: 1px solid rgba(5, 20, 31, 1); + } + } + } + + .moblieMenu { + @media (max-width: 1120px) { + .burgur .top-line { + background-color: #000; + } + + .burgur .bot-line { + background-color: #000; + } + } + } + } + + .menuBg { + @media (min-width: 1120px) { + &::after { + opacity: 1; + } + } + } + } + } + + .headerInner { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 120rem; + height: 8rem; + margin: 0 auto; + + @media (max-width: 1120px) { + height: 5.6rem; + } + + .menuBg { + display: none; + + @media (min-width: 1120px) { + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1; + background-color: #fff; + transition: height 0.2s; + + &::after { + content: ""; + position: absolute; + top: 80px; + left: 0; + right: 0; + border-top: 1px solid #dedede; + z-index: 2; + opacity: 0; + transition: opacity 0.2s; + } + } + } + + .gnb { + display: flex; + justify-content: flex-start; + align-items: center; + + .logoWrap { + position: relative; + z-index: 2; + + @media (min-width: 1120px) { + display: flex; + align-items: center; + height: 8rem; + } + + a { + display: flex; + justify-content: flex-start; + align-items: center; + font-size: 2rem; + font-weight: 600; + color: #ffffff; + + .logoImg { + background-size: contain; + } + + span { + margin-left: 1rem; + + @media (max-width: 1120px) { + font-size: 1.5rem; + margin-top: 0.4rem; + } + } + } + } + + .menuWarp { + @media (max-width: 1120px) { + position: fixed; + top: 0; + bottom: 0; + right: -36rem; + z-index: 9999; + width: 36rem; + height: 100vh; + + background-color: #ffffff; + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; + } + + @media (max-width: 500px) { + right: -100%; + width: 100%; + } + + .mobileMenuTop { + display: none; + + @media (max-width: 1120px) { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 2rem; + height: 5.6rem; + + .mobileLogoWrap { + a { + display: flex; + justify-content: flex-start; + align-items: center; + font-size: 2rem; + font-weight: 600; + color: #05141f; + + .logoImg { + display: block; + width: 16.7rem; + height: 1.5rem; + background-image: url(../images/kia/kia-blogo-n.svg); + background-size: contain; + background-repeat: no-repeat; + } + + span { + margin-left: 1rem; + font-size: 1.5rem; + margin-top: 0.4rem; + } + } + } + + .closeBtn { + a { + display: block; + width: 1.6rem; + height: 1.6rem; + background: url("../images/common/icon-menu-close.svg") center center no-repeat; + } + } + } + } + + .mobileFunc { + display: none; + + @media (max-width: 1120px) { + display: flex; + width: 100%; + + button { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + height: 5rem; + background-color: #f3f3f3; + border: solid #dedede; + border-width: 1px 0 1px 0; + padding: 2rem; + color: #676767; + cursor: pointer; + + &::after { + content: ""; + display: block; + width: 0.6rem; + height: 1.2rem; + background-image: url("../images/common/icon-mMarrow.svg"); + background-repeat: no-repeat; + background-size: contain; + } + + & + button { + border-right: 0; + } + } + } + } + + .mobileCarlist { + display: none; + + @media (max-width: 1120px) { + display: block; + position: relative; + + .mobilecarItem { + display: flex; + justify-content: space-between; + align-items: center; + height: 5.6rem; + padding: 0 2rem; + border-bottom: 1px solid #dedede; + + &.on { + border: none; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: center; + + span { + color: #05141f; + font-size: 1.4rem; + font-weight: 600; + display: flex; + align-items: center; + width: fit-content; + min-width: 2.2rem; + word-break: break-word; + } + + span + span { + color: #676767; + font-weight: 400; + + &::before { + content: ""; + display: block; + width: 1px; + height: 1.4rem; + background-color: #dedede; + margin-left: 1rem; + margin-right: 1rem; + } + } + } + + .arrow { + display: block; + width: 1.2rem; + height: 0.8rem; + margin-top: -0.4rem; + background: url("../images/common/icon-tbarrow.svg") center right no-repeat; + background-size: 1.2rem; + + &.on { + transform: rotate(-180deg); + } + } + } + + .carlistItem { + position: absolute; + display: none; + z-index: 10; + width: 100%; + top: 5.6rem; + border-bottom: 1px solid #dedede; + + ul { + position: relative; + display: block; + padding: 2rem; + background-color: #fff; + + li { + a { + display: flex; + font-size: 1.4rem; + align-items: center; + + &:hover { + span { + color: #000; + } + } + + span { + color: #9ea1a2; + font-weight: 600; + display: flex; + width: fit-content; + } + + span + span { + font-weight: 400; + + &::before { + content: ""; + display: block; + width: 1px; + height: 1.4rem; + background-color: #dedede; + margin-left: 1rem; + margin-right: 1rem; + } + } + } + } + + li + li { + margin-top: 1rem; + } + } + } + } + } + + .menu { + display: flex; + margin-left: 4.5rem; + transition: margin-left 0.2s ease-in-out; + + @media (max-width: 1220px) { + margin-left: 2rem; + } + + &.open { + li { + .menuDepth2Wrap { + &.info { + @media (min-width: 1120px) { + display: block; + width: 27rem; + } + } + + h3 { + margin-bottom: 2.8rem; + } + } + } + + li:nth-child(1) { + .menuDepth2Wrap { + @media (min-width: 1120px) { + left: -11.6rem; + } + } + } + + li:nth-child(2) { + .menuDepth2Wrap { + @media (min-width: 1120px) { + left: 5.4rem; + } + } + } + + li:nth-child(3) { + .menuDepth2Wrap { + @media (min-width: 1120px) { + left: 21.6rem; + } + } + } + + li:nth-child(4) { + .menuDepth2Wrap { + @media (min-width: 1120px) { + display: block; + left: 30.4rem; + } + } + } + } + + @media (max-width: 1120px) { + display: block; + margin-left: 0; + margin-top: 2rem; + overflow: hidden; + overflow-y: auto; + height: 63vh; + } + + .menuDepth1Wrap { + position: relative; + z-index: 2; + + @media (max-width: 1120px) { + padding: 0 2rem; + } + + .menuDepth1 { + display: flex; + justify-content: center; + align-items: center; + height: 8rem; + padding: 0 2rem; + font-size: 1.6rem; + font-weight: 600; + color: #ffffff; + white-space: nowrap; + + @media (max-width: 1220px) { + padding: 0 1.25rem; + } + + @media (max-width: 1120px) { + position: relative; + justify-content: flex-start; + height: initial; + padding: 1.3rem 0; + color: #000000; + + &.lower { + &::after { + content: ""; + position: absolute; + right: 0; + width: 1.5rem; + height: 1.5rem; + transform: rotate(90deg); + background: url("../images/common/icon-arrow_right.svg") center center no-repeat; + transition: transform 0.2s ease; + } + + &.on { + margin-bottom: 0.3rem; + + &::after { + content: ""; + position: absolute; + right: 0; + width: 1.5rem; + height: 1.5rem; + transform: rotate(270deg); + background: url("../images/common/icon-arrow_right.svg") center center no-repeat; + } + + & ~ .menuDepth2Wrap { + margin-bottom: 1rem; + } + } + } + } + } + + .menuDepth2Wrap { + position: absolute; + display: none; + width: 100%; + min-width: 11rem; + top: 7.9rem; + left: 50%; + transform: translate(-50%, 0); + padding: 4rem 2rem 5rem; + + // opacity: 0; + // transition: opacity 0.2s ease-in .1s; + // transition-delay: 2s; + // background-color: #fff; + // border: 1px solid #dedede; + h3 { + a { + color: #000; + } + } + + @media (max-width: 1120px) { + position: initial; + width: 100%; + transform: initial; + padding: 0; + border: none; + + .boxBullet { + display: none !important; + } + + h3 { + display: none; + } + } + + &.info { + width: 14rem; @media (max-width: 1120px) { - display: flex; - justify-content: center; - align-items: center; - margin-left: 1.5rem; - width: 2.4rem; - height: 2.4rem; - cursor: pointer; - - .burgur { - position: relative; - display: block; - width: 1.8rem; - height: 1rem; - } - - .burgur .top-line { - position: absolute; - width: 1.8rem; - height: 0.2rem; - background-color: #fff; - top: 0; - content: ""; - } - - .burgur .bot-line { - position: absolute; - width: 1.8rem; - height: 0.2rem; - background-color: #fff; - bottom: 0; - content: ""; - } + width: 100%; } + } + + &.support { + width: 16rem; + + @media (max-width: 1120px) { + width: 100%; + } + } + + .boxBullet { + width: 1.4rem; + height: 1rem; + display: none; + position: absolute; + top: -0.9rem; + left: 50%; + transform: translate(-50%, 0); + z-index: 1; + } + + ul { + .menuDepth2 { + a { + display: flex; + justify-content: flex-start; + align-items: center; + font-size: 1.4rem; + font-weight: 400; + color: #9ea1a2; + padding: 0.8rem 0; + + &.active { + color: #05141f; + } + + &:hover { + color: #05141f; + } + + @media (max-width: 1120px) { + padding: 0.6rem 0; + } + } + } + } } + } } + + .mobileSubMenu { + display: none; + + @media (max-width: 1120px) { + display: flex; + position: absolute; + bottom: 3.2rem; + left: 0; + right: 0; + // padding: 0 2rem; + // margin-top: 3rem; + + a { + display: block; + // width: 100%; + padding: 0 2rem; + font-size: 1.4rem; + font-weight: 600; + color: #676767; + + & + a { + border-left: 1px solid #dedede; + } + } + } + } + + .loginBtn { + display: none; + + @media (max-width: 1120px) { + position: absolute; + bottom: 2rem; + display: block; + padding: 0 2rem; + } + } + } } + + .func { + display: flex; + justify-content: flex-end; + align-items: center; + position: relative; + z-index: 2; + + .carlist { + position: relative; + margin-right: 2rem; + transition: all 0.2s ease-in-out; + + @media (max-width: 1220px) { + margin-right: 1.5rem; + } + + @media (max-width: 1120px) { + display: none; + } + + &.on { + a { + &::after { + transform: rotate(-180deg); + background-position-x: left; + } + } + } + + .carItem { + display: flex; + justify-content: flex-end; + align-items: center; + height: 8rem; + + @include desktopMin { + height: 3.2rem; + padding: 0 1.2rem; + border: 1px solid #dedede; + } + + &::after { + content: ""; + display: block; + width: 2.5rem; + height: 0.8rem; + margin-top: -0.4rem; + background: url("../images/common/icon-wtbarrow.svg") center right no-repeat; + background-size: 1.2rem; + + @include desktopMin { + margin-left: 2rem; + } + } + + &:hover, + &:focus { + border: none; + outline: none; + + @include desktopMin { + border: 1px solid #dedede; + } + } + + &.on { + &::after { + transform: rotate(-180deg); + background-position-x: left; + } + + .carlistItem { + display: block; + } + } + + span { + color: #fff; + font-size: 1.4rem; + font-weight: 400; + display: flex; + width: fit-content; + // min-width: 2.2rem; + white-space: nowrap; + } + + span + span { + &::before { + content: ""; + display: block; + width: 1px; + height: 1.4rem; + background-color: #dedede; + margin-left: 1rem; + margin-right: 1rem; + } + } + } + + .carlistItem { + position: absolute; + display: none; + width: fit-content; + min-width: 11rem; + top: 6.1rem; + left: 50%; + transform: translate(-50%, 0); + + @include desktopMin { + top: 3.2rem; + left: 0; + right: 0; + transform: initial; + width: 100%; + } + + &.on { + display: block; + } + + &.on + .carlistItem { + display: block; + } + + .boxBullet { + width: 1.4rem; + height: 1rem; + display: none; + position: absolute; + top: -0.9rem; + left: 50%; + transform: translate(-50%, 0); + z-index: 1; + } + + ul { + position: relative; + display: block; + padding: 2rem; + background-color: #fff; + border: 1px solid #dedede; + + @include desktopMin { + margin-top: 0.5rem; + padding: 1.2rem; + max-height: 70rem; + overflow-y: auto; + + /* WebKit 기반 브라우저용 스크롤바 스타일 */ + &::-webkit-scrollbar { + width: 0.4rem; /* 폭 4px */ + } + + &::-webkit-scrollbar-track { + background: transparent; /* 트랙 투명 */ + } + + &::-webkit-scrollbar-thumb { + background-color: #dedede; /* 스크롤바 색상 */ + border-radius: 0.2rem; + } + } + + li { + align-items: center; + a { + display: flex; + font-size: 1.4rem; + align-items: center; + + &:hover { + span { + color: #000; + } + } + + span { + color: #05141f; + font-weight: 400; + display: flex; + width: fit-content; + @include desktopMin { + display: inline; + } + } + + span + span { + &::before { + content: ""; + display: block; + width: 1px; + height: 1.4rem; + background-color: #dedede; + margin-left: 1rem; + margin-right: 1rem; + } + } + + @include desktopMin { + position: relative; + display: inline; + } + } + button { + display: inline; + } + + @include desktopMin { + position: relative; + padding-left: 2rem; + > span { + display: inline; + } + button { + text-align: left; + } + } + + .btn-info { + display: inline-block; + position: relative; + width: 1.3rem; + height: 1.3rem; + margin-left: 0.4rem; + background: url("../images/common/ico_info.png") center center no-repeat; + background-size: 1.3rem auto; + cursor: pointer; + &:hover { + .tooltip { + display: flex; + left: -2.4rem; + top: 2.4rem; + } + } + } + + &:before { + content: ""; + display: block; + position: absolute; + top: 50%; + left: 0; + transform: translate(0, -50%); + width: 1.4rem; + height: 1.4rem; + margin-right: 0.4rem; + } + &.selected { + &:before { + content: ""; + display: block; + width: 1.4rem; + height: 1.4rem; + background: url("../images/common/ico_selected.png") center center no-repeat; + background-size: 1.4rem auto; + } + } + } + + li + li { + margin-top: 1rem; + + @include desktopMin { + margin-top: 1.2rem; + } + } + } + } + } + + .userLogin { + position: relative; + display: block; + margin-right: 2rem; + + @media (max-width: 1120px) { + display: none; + } + + > a { + display: flex; + align-items: center; + padding: 0.3rem 0.6rem; + font-size: 1.4rem; + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.3); + color: #ffffff; + transition: 0.3s; + + &:hover { + border: 1px solid rgba(255, 255, 255, 1); + } + } + } + + .user { + position: relative; + display: block; + margin-right: 0; + + @media (max-width: 1120px) { + display: none; + } + + > a { + display: flex; + align-items: center; + height: 8rem; + } + + .userMenu { + display: none; + width: 100%; + min-width: 11rem; + top: 7.9rem; + left: 50%; + transform: translate(-50%, 0); + position: absolute; + padding: 1.5rem; + background-color: #fff; + border: 1px solid #dedede; + + .boxBullet { + width: 1.4rem; + height: 1rem; + display: block; + position: absolute; + top: -0.9rem; + left: 50%; + transform: translate(-50%, 0); + z-index: 1; + } + + ul { + position: relative; + display: block; + + li { + a { + display: flex; + font-size: 1.4rem; + align-items: center; + color: #9ea1a2; + + &:hover { + color: #000; + } + + span { + color: #676767; + font-weight: 400; + display: flex; + width: fit-content; + } + } + } + + li + li { + margin-top: 1rem; + } + } + } + + .userMenu.on { + display: block; + } + } + + .cart { + > a { + display: flex; + align-items: center; + height: 5.6rem; + + @include desktopMin { + height: 8rem; + } + } + } + + .moblieMenu { + display: none; + + @media (max-width: 1120px) { + display: flex; + justify-content: center; + align-items: center; + margin-left: 1.5rem; + width: 2.4rem; + height: 2.4rem; + cursor: pointer; + + .burgur { + position: relative; + display: block; + width: 1.8rem; + height: 1rem; + } + + .burgur .top-line { + position: absolute; + width: 1.8rem; + height: 0.2rem; + background-color: #fff; + top: 0; + content: ""; + } + + .burgur .bot-line { + position: absolute; + width: 1.8rem; + height: 0.2rem; + background-color: #fff; + bottom: 0; + content: ""; + } + } + } + } + } } .hederWarp_n.noBoder, .hederWarp_n.hBoder { - .headerInner { - .gnb { - .logoWrap { - a { - color: #05141f; - } - } - - .menuWarp { - .menu { - .menuDepth1Wrap { - .menuDepth1 { - color: #05141f; - } - } - } - } + .headerInner { + .gnb { + .logoWrap { + a { + color: #05141f; } + } - .func { - .carlist { - .carItem { - span { - color: #05141f; - } - - &::after { - content: ""; - display: block; - width: 2.5rem; - height: 0.8rem; - margin-top: -0.4rem; - background: url("../images/common/icon-tbarrow.svg") center right no-repeat; - background-size: 1.2rem; - } - - &.on { - &::after { - transform: rotate(-180deg); - background-position-x: left; - } - } - } - - &.on { - a { - &::after { - transform: rotate(-180deg); - background-position-x: left; - } - } - } - } - - .userLogin { - >a { - border: 1px solid rgba(5, 20, 31, 0.3); - color: #05141f; - transition: 0.3s; - - &:hover { - border: 1px solid rgba(5, 20, 31, 1); - } - } - } - - .moblieMenu { - @media (max-width: 1120px) { - .burgur .top-line { - background-color: #000; - } - - .burgur .bot-line { - background-color: #000; - } - } + .menuWarp { + .menu { + .menuDepth1Wrap { + .menuDepth1 { + color: #05141f; } + } } + } } + + .func { + .carlist { + .carItem { + span { + color: #05141f; + } + + &::after { + content: ""; + display: block; + width: 2.5rem; + height: 0.8rem; + margin-top: -0.4rem; + background: url("../images/common/icon-tbarrow.svg") center right no-repeat; + background-size: 1.2rem; + } + + &.on { + &::after { + transform: rotate(-180deg); + background-position-x: left; + } + } + } + + &.on { + a { + &::after { + transform: rotate(-180deg); + background-position-x: left; + } + } + } + } + + .userLogin { + > a { + border: 1px solid rgba(5, 20, 31, 0.3); + color: #05141f; + transition: 0.3s; + + &:hover { + border: 1px solid rgba(5, 20, 31, 1); + } + } + } + + .moblieMenu { + @media (max-width: 1120px) { + .burgur .top-line { + background-color: #000; + } + + .burgur .bot-line { + background-color: #000; + } + } + } + } + } } .hederWarp_n.hBoder { - border-bottom: 1px solid #dedede; + border-bottom: 1px solid #dedede; } //푸터 .footer { - width: 100%; - padding-bottom: 6rem; + width: 100%; + padding-bottom: 6rem; - @include tablet { - padding-bottom: 0; - } + @include tablet { + padding-bottom: 0; + } - .top { - z-index: 100; - } + .top { + z-index: 100; + } - .kiaInner { - .familyBoxWarp { - .familyBox { - .familyInner { - .cont-select { - .btn-select { - &::after { - top: 35% !important; - } - } - - .btn-select.on { - &::after { - top: 35% !important; - background: url("../images/common/icon-wminus.svg"); - background-size: auto; - background-repeat: no-repeat; - background-position: center; - } - } - } - } + .kiaInner { + .familyBoxWarp { + .familyBox { + .familyInner { + .cont-select { + .btn-select { + &::after { + top: 35% !important; + } } + + .btn-select.on { + &::after { + top: 35% !important; + background: url("../images/common/icon-wminus.svg"); + background-size: auto; + background-repeat: no-repeat; + background-position: center; + } + } + } } + } } + } } //상세페이지 스티키 .infoSticky { + height: 5.6rem; + background-color: #000; + color: #fff; + position: sticky; + top: 0; + z-index: 100; + + @include desktopMin { + height: 6rem; + } + + .infoStickyInner { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; height: 5.6rem; - background-color: #000; - color: #fff; - position: sticky; - top: 0; - z-index: 100; + padding-left: 2rem; + padding-right: 2rem; - @include desktopMin { - height: 6rem; + @media (min-width: 1240px) { + width: 120rem; + height: 6rem; + margin: 0 auto; + padding-left: 0rem; + padding-right: 0rem; } - .infoStickyInner { + .stickyLeft { + p { display: flex; - justify-content: space-between; align-items: center; - width: 100%; - height: 5.6rem; - padding-left: 2rem; - padding-right: 2rem; + flex-wrap: wrap; - @media (min-width: 1240px) { - width: 120rem; - height: 6rem; - margin: 0 auto; - padding-left: 0rem; - padding-right: 0rem; + strong { + font-weight: 600; + font-size: 1.2rem; + width: 100%; + color: #fff; + + @include desktopMin { + font-size: 1.4rem; + width: fit-content; + } } - .stickyLeft { - p { - display: flex; - align-items: center; - flex-wrap: wrap; + span { + font-weight: 400; + font-size: 1.2rem; + color: #9ea1a2; + width: 100%; + margin-top: 0.5rem; - strong { - font-weight: 600; - font-size: 1.2rem; - width: 100%; - color: #fff; - - @include desktopMin { - font-size: 1.4rem; - width: fit-content; - } - } - - span { - font-weight: 400; - font-size: 1.2rem; - color: #9ea1a2; - width: 100%; - margin-top: 0.5rem; - - @include desktopMin { - font-size: 1.4rem; - width: fit-content; - margin-left: 1.5rem; - margin-top: 0rem; - } - } - } - } - - .stickyRight { - dl { - display: flex; - align-items: center; - flex-wrap: wrap; - - dt { - font-weight: 400; - font-size: 1.2rem; - width: 100%; - text-align: right; - color: #fff; - - @include desktopMin { - font-size: 1.4rem; - width: fit-content; - text-align: left; - } - } - - dd { - font-weight: 600; - font-size: 1.2rem; - width: 100%; - margin-top: 0.5rem; - text-align: right; - color: #fff; - - @include desktopMin { - font-size: 1.4rem; - width: fit-content; - margin-left: 1rem; - margin-top: 0rem; - text-align: left; - } - } - } + @include desktopMin { + font-size: 1.4rem; + width: fit-content; + margin-left: 1.5rem; + margin-top: 0rem; + } } + } } - @include tablet { + .stickyRight { + dl { display: flex; - justify-content: space-between; - } - - @include desktopMax { - display: flex; - justify-content: center; align-items: center; - padding-left: 0rem; - padding-right: 0rem; + flex-wrap: wrap; + + dt { + font-weight: 400; + font-size: 1.2rem; + width: 100%; + text-align: right; + color: #fff; + + @include desktopMin { + font-size: 1.4rem; + width: fit-content; + text-align: left; + } + } + + dd { + font-weight: 600; + font-size: 1.2rem; + width: 100%; + margin-top: 0.5rem; + text-align: right; + color: #fff; + + @include desktopMin { + font-size: 1.4rem; + width: fit-content; + margin-left: 1rem; + margin-top: 0rem; + text-align: left; + } + } + } } + } + + @include tablet { + display: flex; + justify-content: space-between; + } + + @include desktopMax { + display: flex; + justify-content: center; + align-items: center; + padding-left: 0rem; + padding-right: 0rem; + } } //콘텐츠 레이아웃 .contentWarp { - position: relative; - display: flex; - flex-wrap: wrap; - justify-content: center; - margin-top: 6rem; - margin-bottom: 10rem; + position: relative; + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-top: 6rem; + margin-bottom: 10rem; - @include tablet { - margin-top: 10rem; - } + @include tablet { + margin-top: 10rem; + } + + @include desktopMin { + max-width: 120rem; + margin: 0 auto; + margin-top: 10rem; + margin-bottom: 15rem; + } + + @include desktopMax { + margin-top: 10rem; + margin-bottom: 15rem; + } + + .tabWarp { + display: flex; + margin-top: 4rem; @include desktopMin { - max-width: 120rem; - margin: 0 auto; - margin-top: 10rem; - margin-bottom: 15rem; + margin-top: 7rem; } - @include desktopMax { - margin-top: 10rem; - margin-bottom: 15rem; + a { + color: #9ea1a2; + font-weight: 600; + font-size: 1.6rem; + padding-bottom: 0.8rem; + + @include desktopMin { + font-size: 1.8rem; + } + + &:hover { + color: #000; + } } - .tabWarp { - display: flex; - margin-top: 4rem; - - @include desktopMin { - margin-top: 7rem; - } - - a { - color: #9ea1a2; - font-weight: 600; - font-size: 1.6rem; - padding-bottom: 0.8rem; - - @include desktopMin { - font-size: 1.8rem; - } - - &:hover { - color: #000; - } - } - - .tabActive { - color: #000; - border-bottom: 1px solid #000; - } - - a+a { - margin-left: 2rem; - } + .tabActive { + color: #000; + border-bottom: 1px solid #000; } - .searchBoxWarp { - display: flex; - justify-content: flex-end; - width: 100%; + a + a { + margin-left: 2rem; + } + } - @include tablet { - width: auto; - } + .searchBoxWarp { + display: flex; + justify-content: flex-end; + width: 100%; - .searchBox { - .selectInner { - .cont-select { - position: relative; - width: 100%; - height: 4.5rem; - min-width: 10rem; + @include tablet { + width: auto; + } - @include tablet { - width: 13rem; - } + .searchBox { + .selectInner { + .cont-select { + position: relative; + width: 100%; + height: 4.5rem; + min-width: 10rem; - .btn-select { - position: relative; - width: 100%; - height: 4.5rem; - font-size: 1.4rem; - padding: 1.4rem 2rem; - background-color: #fff; - border: 1px solid #dedede; - box-sizing: border-box; - cursor: pointer; - text-align: left; - color: #000; - line-height: 1; - /* 말줄임 */ - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + @include tablet { + width: 13rem; + } - @include tablet { - font-size: 1.6rem; - } - - &::after { - content: ""; - position: absolute; - right: 1rem; - top: 40%; - transform: translate(-50%, 0); - width: 1.4rem; - height: 0.8rem; - display: block; - background: url("../images/common/icon-notice.svg"); - background-size: contain; - background-repeat: no-repeat; - transform: rotate(-180deg); - } - } - - .list-member { - display: none; - position: absolute; - padding: 1rem 2rem; - width: 100%; - top: 4.4rem; - left: 0; - border: 1px solid #dedede; - box-sizing: border-box; - background-color: #fff; - z-index: 1; - } - - .btn-select.on { - &::after { - transform: rotate(0deg); - } - } - - .btn-select.on+.list-member { - display: block; - } - - .list-member li { - font-size: 1.6rem; - line-height: 2; - box-sizing: border-box; - } - - .list-member li button { - width: 100%; - font-size: 1.6rem; - border: none; - background-color: #fff; - cursor: pointer; - text-align: left; - /* 말줄임 */ - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - } - } - } - - .searchTextBox { + .btn-select { + position: relative; width: 100%; - border: 1px solid #dedede; - border-left: 0; height: 4.5rem; - padding: 1rem 2rem; - display: flex; - justify-content: space-between; + font-size: 1.4rem; + padding: 1.4rem 2rem; + background-color: #fff; + border: 1px solid #dedede; + box-sizing: border-box; + cursor: pointer; + text-align: left; + color: #000; + line-height: 1; + /* 말줄임 */ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; @include tablet { - width: 32rem; + font-size: 1.6rem; } - input[type="text"] { - width: 100%; - font-size: 1.4rem; - - @include tablet { - font-size: 1.6rem; - } + &::after { + content: ""; + position: absolute; + right: 1rem; + top: 40%; + transform: translate(-50%, 0); + width: 1.4rem; + height: 0.8rem; + display: block; + background: url("../images/common/icon-notice.svg"); + background-size: contain; + background-repeat: no-repeat; + transform: rotate(-180deg); } + } - .icon-search { - display: block; - width: 2.4rem; - height: 2.4rem; - background-image: url("../images/common/icon-search.svg"); - background-size: contain; + .list-member { + display: none; + position: absolute; + padding: 1rem 2rem; + width: 100%; + top: 4.4rem; + left: 0; + border: 1px solid #dedede; + box-sizing: border-box; + background-color: #fff; + z-index: 1; + } + + .btn-select.on { + &::after { + transform: rotate(0deg); } + } + + .btn-select.on + .list-member { + display: block; + } + + .list-member li { + font-size: 1.6rem; + line-height: 2; + box-sizing: border-box; + } + + .list-member li button { + width: 100%; + font-size: 1.6rem; + border: none; + background-color: #fff; + cursor: pointer; + text-align: left; + /* 말줄임 */ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } } + } } - .towButton { - display: flex; - justify-content: space-between; - flex-direction: column; + .searchTextBox { + width: 100%; + border: 1px solid #dedede; + border-left: 0; + height: 4.5rem; + padding: 1rem 2rem; + display: flex; + justify-content: space-between; + + @include tablet { + width: 32rem; + } + + input[type="text"] { + width: 100%; + font-size: 1.4rem; @include tablet { - flex-direction: row; - max-width: 37rem; + font-size: 1.6rem; } + } - .leftBtn { - cursor: pointer; - margin-right: 0; - - @include tablet { - margin-right: 0.5rem; - } - } - - .rightBtn { - cursor: pointer; - margin-left: 0em; - margin-top: 0.8rem; - - @include tablet { - margin-left: 0.5rem; - margin-top: 0; - } - } + .icon-search { + display: block; + width: 2.4rem; + height: 2.4rem; + background-image: url("../images/common/icon-search.svg"); + background-size: contain; + } } + } + + .towButton { + display: flex; + justify-content: space-between; + flex-direction: column; + + @include tablet { + flex-direction: row; + max-width: 37rem; + } + + .leftBtn { + cursor: pointer; + margin-right: 0; + + @include tablet { + margin-right: 0.5rem; + } + } + + .rightBtn { + cursor: pointer; + margin-left: 0em; + margin-top: 0.8rem; + + @include tablet { + margin-left: 0.5rem; + margin-top: 0; + } + } + } } .paging { + display: flex; + justify-content: center; + margin-top: 5rem; + + .pagingInner { display: flex; - justify-content: center; - margin-top: 5rem; + align-items: center; + justify-content: space-between; + max-width: 100%; - .pagingInner { - display: flex; - align-items: center; - justify-content: space-between; - max-width: 100%; - - @include tablet { - max-width: 36.5rem; - } - - a { - display: flex; - justify-content: center; - align-items: center; - width: 3.5rem; - height: 3.5rem; - margin: 0 0.7rem; - color: #9ea1a2; - font-weight: 600; - font-size: 1.6rem; - line-height: initial; - transition: 0.3 all; - - &:hover { - color: #000; - } - - &.active { - color: #000; - } - - i { - display: block; - width: 3.5rem; - height: 3.5rem; - background-image: url("../images/common/icon-page-arrow.svg"); - background-repeat: no-repeat; - background-position: center; - border: 1px solid #cdd0d2; - transition: 0.3s all; - - &:hover { - border: 1px solid #000000; - } - } - - .next { - transform: rotate(180deg); - } - - &:first-child { - margin-right: 2.7rem; - } - - &:last-child { - margin-left: 2.7rem; - } - } + @include tablet { + max-width: 36.5rem; } + + a { + display: flex; + justify-content: center; + align-items: center; + width: 3.5rem; + height: 3.5rem; + margin: 0 0.7rem; + color: #9ea1a2; + font-weight: 600; + font-size: 1.6rem; + line-height: initial; + transition: 0.3 all; + + &:hover { + color: #000; + } + + &.active { + color: #000; + } + + i { + display: block; + width: 3.5rem; + height: 3.5rem; + background-image: url("../images/common/icon-page-arrow.svg"); + background-repeat: no-repeat; + background-position: center; + border: 1px solid #cdd0d2; + transition: 0.3s all; + + &:hover { + border: 1px solid #000000; + } + } + + .next { + transform: rotate(180deg); + } + + &:first-child { + margin-right: 2.7rem; + } + + &:last-child { + margin-left: 2.7rem; + } + } + } } //에디터 영역 .editorWarp { - display: flex; - flex-wrap: wrap; - justify-content: center; - margin-top: 5rem; - // border:1px solid #666; - min-height: 50rem; + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-top: 5rem; + // border:1px solid #666; + min-height: 50rem; + @include desktopMax { + margin-top: 12rem; + } + + .editorInner { + display: block; + width: 100%; + // padding-left:2rem; + // padding-right:2rem; + text-align: center; + + // @include tablet{ + // display:flex; + // justify-content: space-between; + // } @include desktopMax { - margin-top: 12rem; - } - - .editorInner { - display: block; - width: 100%; - // padding-left:2rem; - // padding-right:2rem; - text-align: center; - - // @include tablet{ - // display:flex; - // justify-content: space-between; - // } - @include desktopMax { - width: 100%; - // display:flex; - // justify-content: space-between; - padding-left: 0rem; - padding-right: 0rem; - } + width: 100%; + // display:flex; + // justify-content: space-between; + padding-left: 0rem; + padding-right: 0rem; } + } } //관련상품 .relatedProducts { - margin-top: 12rem; - margin-bottom: 5rem; + margin-top: 12rem; + margin-bottom: 5rem; + + @include tablet { + margin-top: 6rem; + margin-bottom: 10rem; + } + + .relatedInnder { + display: block; + width: 100%; + padding-left: 2rem; + padding-right: 2rem; @include tablet { - margin-top: 6rem; - margin-bottom: 10rem; + display: flex; + flex-wrap: wrap; + justify-content: space-between; } - .relatedInnder { + @include desktopMax { + width: 120rem; + margin: 0 auto; + padding-left: 0rem; + padding-right: 0rem; + } + + h2 { + width: 100%; + font-size: 1.8rem; + font-weight: 600; + + @include desktopMax { + font-size: 2.4rem; + } + } + + .relatedList { + margin-top: 1.5rem; + width: 100%; + + @include desktopMax { + margin-top: 3rem; + } + + a { display: block; - width: 100%; - padding-left: 2rem; - padding-right: 2rem; - @include tablet { - display: flex; - flex-wrap: wrap; - justify-content: space-between; + &:hover { + .relatedListItem { + border: 1px solid #05141f; + } } - @include desktopMax { - width: 120rem; - margin: 0 auto; - padding-left: 0rem; - padding-right: 0rem; - } + .relatedListItem { + border: 1px solid #dedede; + border-radius: 0.6rem; + padding: 2rem; + padding-right: 2rem; - h2 { - width: 100%; - font-size: 1.8rem; - font-weight: 600; + @include tablet { + padding-right: 4rem; + } - @include desktopMax { - font-size: 2.4rem; + .itemInner { + display: block; + + @include tablet { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; } - } - .relatedList { - margin-top: 1.5rem; - width: 100%; + .itemLeft { + display: flex; - @include desktopMax { + .img { + flex-grow: 16rem; + flex-shrink: 1; + flex-basis: 0; + border-radius: 0.6rem; + + @include tablet { + height: 16rem; + } + + img { + width: 7.5rem; + + @include tablet { + width: 16rem; + } + } + } + + .productName { + display: flex; + flex-wrap: wrap; + flex-grow: 1; + flex-shrink: 1; + flex-basis: 0; + padding-left: 1.5rem; + + @include tablet { + flex-grow: 3; + flex-shrink: 3; + padding-left: 2rem; + align-items: center; + } + + @include desktopMax { + padding-left: 4rem; + } + + dt, + dd { + display: block; + width: 100%; + line-height: 1.2; + white-space: normal; + display: -webkit-box; + color: #000000; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + + @include tablet { + width: 100%; + } + + @include desktopMax { + width: 100%; + } + } + + dt { + font-size: 1.8rem; + font-weight: 600; + line-height: 2.2rem; + + @include desktopMax { + font-size: 2.4rem; + line-height: 3.2rem; + } + } + + dd { + margin-top: 1rem; + color: #676767; + font-size: 1.4rem; + font-weight: 400; + line-height: 2rem; + + @include tablet { + margin-top: 2rem; + line-height: 2.4rem; + } + + @include desktopMax { + font-size: 1.6rem; + margin-top: 2rem; + } + } + } + } + + .productPrice { + flex-grow: 1; + flex-shrink: 1; + flex-basis: 0; + min-width: 24rem; + width: 100%; + display: block; + + @include tablet { + min-width: 24rem; + display: flex; + align-items: center; + justify-content: flex-end; + } + + dl { + border-bottom: 1px solid #dedede; + display: flex; + justify-content: space-between; + align-items: center; margin-top: 3rem; - } + padding-bottom: 1.2rem; + margin-bottom: 1.2rem; - a { - display: block; - - &:hover { - .relatedListItem { - border: 1px solid #05141f; - } + @include tablet { + display: block; + padding-right: 1rem; + margin-right: 1rem; + border-right: 1px solid #dedede; + border-bottom: 0; + margin-top: 0rem; + padding-bottom: 0rem; + margin-bottom: 0rem; } - .relatedListItem { - border: 1px solid #dedede; - border-radius: 0.6rem; - padding: 2rem; - padding-right: 2rem; - - @include tablet { - padding-right: 4rem; - } - - .itemInner { - display: block; - - @include tablet { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - } - - .itemLeft { - display: flex; - - .img { - flex-grow: 16rem; - flex-shrink: 1; - flex-basis: 0; - border-radius: 0.6rem; - - @include tablet { - height: 16rem; - } - - img { - width: 7.5rem; - - @include tablet { - width: 16rem; - } - } - } - - .productName { - display: flex; - flex-wrap: wrap; - flex-grow: 1; - flex-shrink: 1; - flex-basis: 0; - padding-left: 1.5rem; - - @include tablet { - flex-grow: 3; - flex-shrink: 3; - padding-left: 2rem; - align-items: center; - } - - @include desktopMax { - padding-left: 4rem; - } - - dt, - dd { - display: block; - width: 100%; - line-height: 1.2; - white-space: normal; - display: -webkit-box; - color: #000000; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; - - @include tablet { - width: 100%; - } - - @include desktopMax { - width: 100%; - } - } - - dt { - font-size: 1.8rem; - font-weight: 600; - line-height: 2.2rem; - - @include desktopMax { - font-size: 2.4rem; - line-height: 3.2rem; - } - } - - dd { - margin-top: 1rem; - color: #676767; - font-size: 1.4rem; - font-weight: 400; - line-height: 2rem; - - @include tablet { - margin-top: 2rem; - line-height: 2.4rem; - } - - @include desktopMax { - font-size: 1.6rem; - margin-top: 2rem; - } - } - } - } - - .productPrice { - flex-grow: 1; - flex-shrink: 1; - flex-basis: 0; - min-width: 24rem; - width: 100%; - display: block; - - @include tablet { - min-width: 24rem; - display: flex; - align-items: center; - justify-content: flex-end; - } - - dl { - border-bottom: 1px solid #dedede; - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 3rem; - padding-bottom: 1.2rem; - margin-bottom: 1.2rem; - - @include tablet { - display: block; - padding-right: 1rem; - margin-right: 1rem; - border-right: 1px solid #dedede; - border-bottom: 0; - margin-top: 0rem; - padding-bottom: 0rem; - margin-bottom: 0rem; - } - - @include desktopMax {} - - dt { - color: #676767; - font-size: 1.4rem; - font-weight: 400; - } - - dd { - color: #000; - font-size: 1.6rem; - font-weight: 600; - - @include tablet { - margin-top: 1rem; - } - - @include desktopMax { - font-size: 1.6rem; - } - } - } - - dl+dl { - border-bottom: 0; - margin-top: 0rem; - padding-bottom: 0rem; - margin-bottom: 0rem; - - @include tablet { - border-right: 0; - padding-right: 0rem; - margin-right: 0rem; - } - } - } - } + @include desktopMax { } - } - a+a { - margin-top: 1.1rem; + dt { + color: #676767; + font-size: 1.4rem; + font-weight: 400; + } + + dd { + color: #000; + font-size: 1.6rem; + font-weight: 600; + + @include tablet { + margin-top: 1rem; + } + + @include desktopMax { + font-size: 1.6rem; + } + } + } + + dl + dl { + border-bottom: 0; + margin-top: 0rem; + padding-bottom: 0rem; + margin-bottom: 0rem; + + @include tablet { + border-right: 0; + padding-right: 0rem; + margin-right: 0rem; + } + } } + } } + } + + a + a { + margin-top: 1.1rem; + } } + } } //알럿팝업 .alertPopup { - position: fixed; - overflow: hidden; - width: 100%; - height: 100%; - display: flex; - background-color: rgba(0, 0, 0, 0.4); - top: 0; - left: 0; - z-index: 500; - padding: 2rem; + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; + padding: 2rem; - .popInner { - width: calc(100% - 4rem); - min-height: 22rem; - position: absolute; - top: 53%; - left: 50%; - max-height: 90%; - overflow-y: auto; + .popInner { + width: calc(100% - 4rem); + min-height: 22rem; + position: absolute; + top: 53%; + left: 50%; + max-height: 90%; + overflow-y: auto; - transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); - background-color: #fff; - padding: 3rem 3rem; - border-radius: 0.6rem; + background-color: #fff; + padding: 3rem 3rem; + border-radius: 0.6rem; + + @include tablet { + padding: 5rem; + width: 54rem; + } + + p { + strong { + display: flex; + justify-content: center; + font-size: 1.8rem; + font-weight: 600; + color: #000; + text-align: center; + line-height: 2.6rem; @include tablet { - padding: 5rem; - width: 54rem; + font-size: 2.4rem; + line-height: 3.2rem; + } + } + + span { + display: flex; + justify-content: center; + font-size: 1.4rem; + line-height: 2.2rem; + text-align: center; + + @include tablet { + font-size: 1.6rem; } - p { - strong { - display: flex; - justify-content: center; - font-size: 1.8rem; - font-weight: 600; - color: #000; - text-align: center; - line-height: 2.6rem; - - @include tablet { - font-size: 2.4rem; - line-height: 3.2rem; - } - } - - span { - display: flex; - justify-content: center; - font-size: 1.4rem; - line-height: 2.2rem; - text-align: center; - - @include tablet { - font-size: 1.6rem; - } - - &.info { - font-size: 1.4rem; - } - } - } - - p+p { - margin-top: 1.5rem; - - @include tablet { - margin-top: 2rem; - } - } - - .tableView { - margin-top: 3rem; - - @include maxtablet { - margin-top: 2.5rem; - } - - dl { - display: flex; - justify-content: flex-start; - align-items: center; - padding: 2rem 0; - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - - @include maxtablet { - display: block; - padding: 1.5rem 0; - } - - .itemName { - position: relative; - width: 14.5rem; - font-size: 1.4rem; - line-height: 2.2rem; - color: #676767; - - @include maxtablet { - font-size: 1.4rem; - line-height: 2.2rem; - } - - &::after { - content: ""; - position: absolute; - top: 0.3rem; - right: 0; - display: block; - width: 0.1rem; - height: 1.5rem; - background-color: #dedede; - - @include maxtablet { - display: none; - } - } - } - - .itemValue { - display: flex; - justify-content: flex-start; - width: calc(100% - 14.5rem); - padding-left: 2rem; - font-size: 1.4rem; - line-height: 2.2rem; - color: #000000; - - @include maxtablet { - display: block; - width: 100%; - margin-top: 0; - padding-left: 0; - font-size: 1.4rem; - line-height: 2.2rem; - } - } - - &:not(:first-child) { - border-top: 0; - } - } - } - - .carswBtn { - width: 100%; - margin: 0 auto; - margin-top: 3rem; - - @include tablet { - margin-top: 5rem; - width: 37rem; - } - - .towButton { - display: flex; - flex-wrap: wrap; - - @include tablet { - flex-wrap: nowrap; - } - - a+a { - margin-top: 1rem; - - @include tablet { - margin-top: 0; - } - } - } - } - - .btnWarp { - width: 100%; - margin: 0 auto; - - @include tablet { - width: 16rem; - } - - &.mg-t { - margin-top: 5rem; - } - } - - .counponBtn { - width: 16rem; - margin: 0 auto; - margin-top: 3rem; - - @include maxtablet { - width: 100%; - } - } - - .tableStyle { - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - margin-top: 3rem; - margin-bottom: 5rem; - - dl { - display: block; - border-bottom: 1px solid #dedede; - padding-top: 2rem; - padding-bottom: 2rem; - - @include tablet { - display: flex; - padding-top: 0rem; - padding-bottom: 0rem; - } - - dt { - font-size: 1.4rem; - color: #676767; - - @include tablet { - padding: 2rem; - font-weight: 700; - width: 14rem; - background-color: #f3f3f3; - } - } - - dd { - padding: 0rem; - margin-top: 1.5rem; - font-size: 1.4rem; - - @include tablet { - padding: 2rem; - margin-top: 0; - } - } - - &:last-child { - border-bottom: 0; - } - } + &.info { + font-size: 1.4rem; } + } } + + p + p { + margin-top: 1.5rem; + + @include tablet { + margin-top: 2rem; + } + } + + .tableView { + margin-top: 3rem; + + @include maxtablet { + margin-top: 2.5rem; + } + + dl { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 2rem 0; + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + + @include maxtablet { + display: block; + padding: 1.5rem 0; + } + + .itemName { + position: relative; + width: 14.5rem; + font-size: 1.4rem; + line-height: 2.2rem; + color: #676767; + + @include maxtablet { + font-size: 1.4rem; + line-height: 2.2rem; + } + + &::after { + content: ""; + position: absolute; + top: 0.3rem; + right: 0; + display: block; + width: 0.1rem; + height: 1.5rem; + background-color: #dedede; + + @include maxtablet { + display: none; + } + } + } + + .itemValue { + display: flex; + justify-content: flex-start; + width: calc(100% - 14.5rem); + padding-left: 2rem; + font-size: 1.4rem; + line-height: 2.2rem; + color: #000000; + + @include maxtablet { + display: block; + width: 100%; + margin-top: 0; + padding-left: 0; + font-size: 1.4rem; + line-height: 2.2rem; + } + } + + &:not(:first-child) { + border-top: 0; + } + } + } + + .carswBtn { + width: 100%; + margin: 0 auto; + margin-top: 3rem; + + @include tablet { + margin-top: 5rem; + width: 37rem; + } + + .towButton { + display: flex; + flex-wrap: wrap; + + @include tablet { + flex-wrap: nowrap; + } + + a + a { + margin-top: 1rem; + + @include tablet { + margin-top: 0; + } + } + } + } + + .btnWarp { + width: 100%; + margin: 0 auto; + + @include tablet { + width: 16rem; + } + + &.mg-t { + margin-top: 5rem; + } + } + + .counponBtn { + width: 16rem; + margin: 0 auto; + margin-top: 3rem; + + @include maxtablet { + width: 100%; + } + } + + .tableStyle { + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + margin-top: 3rem; + margin-bottom: 5rem; + + dl { + display: block; + border-bottom: 1px solid #dedede; + padding-top: 2rem; + padding-bottom: 2rem; + + @include tablet { + display: flex; + padding-top: 0rem; + padding-bottom: 0rem; + } + + dt { + font-size: 1.4rem; + color: #676767; + + @include tablet { + padding: 2rem; + font-weight: 700; + width: 14rem; + background-color: #f3f3f3; + } + } + + dd { + padding: 0rem; + margin-top: 1.5rem; + font-size: 1.4rem; + + @include tablet { + padding: 2rem; + margin-top: 0; + } + } + + &:last-child { + border-bottom: 0; + } + } + } + } } //문의하기 레이어 팝업 .inquiryPopup { - position: fixed; - overflow: hidden; + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; + padding: 2rem; + + .popInner { width: 100%; - height: 100%; - display: flex; - background-color: rgba(0, 0, 0, 0.4); - top: 0; - left: 0; - z-index: 500; - padding: 2rem; - - .popInner { - width: 100%; - max-width: 120rem; - min-height: 22rem; - max-height: 90%; - overflow-y: scroll; - position: absolute; - top: 53%; - left: 50%; - transform: translate(-50%, -50%); - background-color: #fff; - padding: 5rem 0; - border-radius: 0.6rem; - - @media (max-width: 1240px) { - width: calc(100% - 4rem); - } - - .title { - strong { - display: flex; - justify-content: center; - font-size: 1.8rem; - font-weight: 600; - color: #000; - text-align: center; - line-height: 2.6rem; - - @include tablet { - font-size: 2.4rem; - line-height: 3.2rem; - } - } - } - - .inquiryType { - display: flex; - justify-content: center; - align-items: flex-start; - flex-direction: column; - width: 100%; - max-width: 80rem; - margin-top: 3rem; - margin-left: auto; - margin-right: auto; - background-color: #f3f3f3; - padding: 3rem 2.4rem; - - .radioArea { - display: flex; - justify-content: center; - align-items: center; - - label { - font-size: 20px; - line-height: 2rem; - padding: 0.2em 0.4em; - } - - span { - vertical-align: middle; - font-size: 1.6rem; - } - - [type="radio"] { - vertical-align: middle; - appearance: none; - border: max(1px, 0.1em) solid #05141f; - border-radius: 50%; - width: 1.5rem; - height: 1.5rem; - transition: border 0.3s ease-in-out; - } - - [type="radio"]:checked { - border: 0.4rem solid #ea0029; - } - - [type="radio"]:hover { - box-shadow: 0 0 0 max(2px, 0.2em) #dedede; - cursor: pointer; - } - - [type="radio"]:disabled { - background-color: #dedede; - box-shadow: none; - opacity: 0.7; - cursor: not-allowed; - } - - [type="radio"]:disabled+span { - opacity: 0.5; - cursor: not-allowed; - } - } - - .info { - font-size: 1.4rem; - font-weight: 400; - line-height: 2.2; - color: #676767; - } - } - - .privateApply { - margin: auto; - width: 100%; - max-width: calc(80rem + 4rem); - text-align: left; - margin-top: 2rem; - padding: 0 2rem; - - label { - display: inline-flex; - align-items: center; - cursor: pointer; - font-size: 1.4rem; - - span { - margin-left: 1rem; - line-height: 2rem; - } - } - } - - .csWarp { - margin-top: 5rem; - padding: 0 2rem; - - .csInner { - max-width: 80rem; - margin: 0 auto; - - dl.important { - dt { - display: flex; - align-items: center; - - &::after { - content: ""; - width: 0.5rem; - height: 0.5rem; - display: block; - border-radius: 50%; - margin-left: 0.4rem; - background-color: #ea0029; - margin-top: -0.7rem; - - @include tablet { - margin-left: 0.4rem; - margin-top: -1rem; - } - } - } - } - - dl { - display: flex; - flex-wrap: wrap; - align-items: center; - - @include tablet { - flex-wrap: nowrap; - } - - dt { - position: relative; - width: 100%; - font-size: 1.4rem; - font-weight: 600; - color: #676767; - - @include tablet { - max-width: 14rem; - } - - @include desktopMin { - font-size: 1.6rem; - } - } - - dd { - width: 100%; - display: flex; - margin-top: 1rem; - - @include tablet { - margin-top: 0; - } - - input[type="text"] { - display: flex; - width: 100%; - align-items: center; - padding-left: 1.7rem; - border: 1px solid #dedede; - height: 4.5rem; - font-size: 1.4rem; - color: #000; - - @include desktopMin { - font-size: 1.6rem; - height: 5rem; - } - } - - >div { - width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - - @include tablet { - flex-wrap: nowrap; - } - - input[type="text"] { - width: calc(100% / 3); - font-size: 1.4rem; - - @include desktopMin { - font-size: 1.6rem; - } - } - - input[type="text"]+input[type="text"] { - margin-left: 1rem; - } - - input[type="text"]+select { - width: 100%; - margin-top: 1rem; - - @include tablet { - margin-top: 0; - margin-left: 1rem; - width: calc(100% / 3); - } - } - - span { - height: 5rem; - display: flex; - align-items: center; - padding-left: 0.8rem; - padding-right: 0.8rem; - } - } - - >div.phone { - flex-wrap: nowrap; - } - - >div.mail { - input { - width: calc(100% / 2 - 4.5%); - } - } - - select { - width: 100%; - height: 4.5rem; - border: 1px solid #dedede; - outline: 0 none; - border-radius: 0; - padding-left: 1.7rem; - display: flex; - align-items: center; - font-size: 1.4rem; - - @include desktopMin { - font-size: 1.6rem; - height: 5rem; - } - - option { - height: 4.5rem; - display: flex; - padding-left: 1.7rem; - align-items: center; - - @include desktopMax { - height: 5rem; - } - } - } - - textarea { - width: auto; - border: 1px solid #dedede; - outline: 0 none; - border-radius: 0; - padding: 1.5rem 1.7rem; - font-size: 1.4rem; - line-height: 2.2rem; - - @include desktopMin { - font-size: 1.6rem; - line-height: 2.4rem; - } - } - } - - dd.contentsWrap { - flex-direction: column; - - .wordCounter { - justify-content: flex-end; - margin-top: 1rem; - font-size: 1.4rem; - color: #676767; - text-align: right; - } - } - - dd.flieWarp { - display: block; - - .fileList { - ul { - display: flex; - justify-content: space-between; - width: 100%; - - .imgItem { - position: relative; - width: calc((100% - 30px) / 3); - border: 1px solid #dedede; - - .itemWrap { - position: relative; - width: 100%; - padding-top: 100%; - - .imgInput { - display: none; - } - - .contents { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; - cursor: pointer; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } - } - - .delImg { - position: absolute; - display: none; - top: 1.5rem; - right: 1rem; - cursor: pointer; - } - } - } - } - - .textInfo { - font-size: 1.4rem; - color: #9ea1a2; - margin-top: 1.5rem; - } - - .fileAddBtn { - display: flex; - margin-top: 3rem; - flex-wrap: nowrap; - - button, - label { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 5rem; - border: 1px solid #dedede; - cursor: pointer; - - span { - font-weight: 600; - font-family: "KiaSignature"; - color: #676767; - font-size: 1.4rem; - - @include desktopMin { - font-size: 1.6rem; - } - } - - .icon-reset { - width: 1.4rem; - height: 1.4rem; - background-image: url(../images/common/icon-reset.svg); - background-size: contain; - background-repeat: no-repeat; - } - - .icon-plus { - width: 1.4rem; - height: 1.4rem; - background-image: url(../images/common/icon-bplus.svg); - background-size: contain; - background-repeat: no-repeat; - } - } - - button+label { - margin-left: 1rem; - } - } - } - } - - dl.insertFile { - align-items: flex-start; - - dt { - margin-top: 0rem; - - @include tablet { - margin-top: 2rem; - } - } - } - - dl+dl { - margin-top: 3rem; - } - - .csComplete { - text-align: center; - border: 1px solid #dedede; - width: 100%; - padding: 3rem; - - @include desktopMin { - border: none; - } - - p { - strong { - font-size: 1.8rem; - font-weight: 600; - - @include desktopMin { - font-size: 2.4rem; - } - } - - span { - font-size: 1.4rem; - line-height: 2.2rem; - - @include desktopMin { - line-height: 2.4rem; - font-size: 1.6rem; - } - } - } - - p+p { - margin-top: 2rem; - } - } - } - } - - .carswBtn { - width: 100%; - margin: 0 auto; - margin-top: 3rem; - - @include tablet { - margin-top: 5rem; - width: 37rem; - } - - .towButton { - display: flex; - flex-wrap: wrap; - padding: 0 2rem; - - .leftBtn { - margin-right: 0; - - @include tablet { - margin-right: 0.5rem; - } - } - - .rightBtn { - margin-left: 0; - - @include tablet { - margin-left: 0.5rem; - } - } - - @include tablet { - flex-wrap: nowrap; - } - - a+a { - margin-top: 1rem; - - @include tablet { - margin-top: 0; - } - } - } - } - - .btnWarp { - width: 100%; - margin: 0 auto; - - @include tablet { - width: 16rem; - } - } - - .tableStyle { - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - margin-top: 3rem; - margin-bottom: 5rem; - - dl { - display: block; - border-bottom: 1px solid #dedede; - padding-top: 2rem; - padding-bottom: 2rem; - - @include tablet { - display: flex; - padding-top: 0rem; - padding-bottom: 0rem; - } - - dt { - font-size: 1.4rem; - color: #676767; - - @include tablet { - padding: 2rem; - font-weight: 700; - width: 14rem; - background-color: #f3f3f3; - } - } - - dd { - padding: 0rem; - margin-top: 1.5rem; - font-size: 1.4rem; - - @include tablet { - padding: 2rem; - margin-top: 0; - } - } - - &:last-child { - border-bottom: 0; - } - } - } + max-width: 120rem; + min-height: 22rem; + max-height: 90%; + overflow-y: scroll; + position: absolute; + top: 53%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #fff; + padding: 5rem 0; + border-radius: 0.6rem; + + @media (max-width: 1240px) { + width: calc(100% - 4rem); } + + .title { + strong { + display: flex; + justify-content: center; + font-size: 1.8rem; + font-weight: 600; + color: #000; + text-align: center; + line-height: 2.6rem; + + @include tablet { + font-size: 2.4rem; + line-height: 3.2rem; + } + } + } + + .inquiryType { + display: flex; + justify-content: center; + align-items: flex-start; + flex-direction: column; + width: 100%; + max-width: 80rem; + margin-top: 3rem; + margin-left: auto; + margin-right: auto; + background-color: #f3f3f3; + padding: 3rem 2.4rem; + + .radioArea { + display: flex; + justify-content: center; + align-items: center; + + label { + font-size: 20px; + line-height: 2rem; + padding: 0.2em 0.4em; + } + + span { + vertical-align: middle; + font-size: 1.6rem; + } + + [type="radio"] { + vertical-align: middle; + appearance: none; + border: max(1px, 0.1em) solid #05141f; + border-radius: 50%; + width: 1.5rem; + height: 1.5rem; + transition: border 0.3s ease-in-out; + } + + [type="radio"]:checked { + border: 0.4rem solid #ea0029; + } + + [type="radio"]:hover { + box-shadow: 0 0 0 max(2px, 0.2em) #dedede; + cursor: pointer; + } + + [type="radio"]:disabled { + background-color: #dedede; + box-shadow: none; + opacity: 0.7; + cursor: not-allowed; + } + + [type="radio"]:disabled + span { + opacity: 0.5; + cursor: not-allowed; + } + } + + .info { + font-size: 1.4rem; + font-weight: 400; + line-height: 2.2; + color: #676767; + } + } + + .privateApply { + margin: auto; + width: 100%; + max-width: calc(80rem + 4rem); + text-align: left; + margin-top: 2rem; + padding: 0 2rem; + + label { + display: inline-flex; + align-items: center; + cursor: pointer; + font-size: 1.4rem; + + span { + margin-left: 1rem; + line-height: 2rem; + } + } + } + + .csWarp { + margin-top: 5rem; + padding: 0 2rem; + + .csInner { + max-width: 80rem; + margin: 0 auto; + + dl.important { + dt { + display: flex; + align-items: center; + + &::after { + content: ""; + width: 0.5rem; + height: 0.5rem; + display: block; + border-radius: 50%; + margin-left: 0.4rem; + background-color: #ea0029; + margin-top: -0.7rem; + + @include tablet { + margin-left: 0.4rem; + margin-top: -1rem; + } + } + } + } + + dl { + display: flex; + flex-wrap: wrap; + align-items: center; + + @include tablet { + flex-wrap: nowrap; + } + + dt { + position: relative; + width: 100%; + font-size: 1.4rem; + font-weight: 600; + color: #676767; + + @include tablet { + max-width: 14rem; + } + + @include desktopMin { + font-size: 1.6rem; + } + } + + dd { + width: 100%; + display: flex; + margin-top: 1rem; + + @include tablet { + margin-top: 0; + } + + input[type="text"] { + display: flex; + width: 100%; + align-items: center; + padding-left: 1.7rem; + border: 1px solid #dedede; + height: 4.5rem; + font-size: 1.4rem; + color: #000; + + @include desktopMin { + font-size: 1.6rem; + height: 5rem; + } + } + + > div { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + @include tablet { + flex-wrap: nowrap; + } + + input[type="text"] { + width: calc(100% / 3); + font-size: 1.4rem; + + @include desktopMin { + font-size: 1.6rem; + } + } + + input[type="text"] + input[type="text"] { + margin-left: 1rem; + } + + input[type="text"] + select { + width: 100%; + margin-top: 1rem; + + @include tablet { + margin-top: 0; + margin-left: 1rem; + width: calc(100% / 3); + } + } + + span { + height: 5rem; + display: flex; + align-items: center; + padding-left: 0.8rem; + padding-right: 0.8rem; + } + } + + > div.phone { + flex-wrap: nowrap; + } + + > div.mail { + input { + width: calc(100% / 2 - 4.5%); + } + } + + select { + width: 100%; + height: 4.5rem; + border: 1px solid #dedede; + outline: 0 none; + border-radius: 0; + padding-left: 1.7rem; + display: flex; + align-items: center; + font-size: 1.4rem; + + @include desktopMin { + font-size: 1.6rem; + height: 5rem; + } + + option { + height: 4.5rem; + display: flex; + padding-left: 1.7rem; + align-items: center; + + @include desktopMax { + height: 5rem; + } + } + } + + textarea { + width: auto; + border: 1px solid #dedede; + outline: 0 none; + border-radius: 0; + padding: 1.5rem 1.7rem; + font-size: 1.4rem; + line-height: 2.2rem; + + @include desktopMin { + font-size: 1.6rem; + line-height: 2.4rem; + } + } + } + + dd.contentsWrap { + flex-direction: column; + + .wordCounter { + justify-content: flex-end; + margin-top: 1rem; + font-size: 1.4rem; + color: #676767; + text-align: right; + } + } + + dd.flieWarp { + display: block; + + .fileList { + ul { + display: flex; + justify-content: space-between; + width: 100%; + + .imgItem { + position: relative; + width: calc((100% - 30px) / 3); + border: 1px solid #dedede; + + .itemWrap { + position: relative; + width: 100%; + padding-top: 100%; + + .imgInput { + display: none; + } + + .contents { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + cursor: pointer; + + img { + width: 100%; + height: 100%; + object-fit: contain; + } + } + } + + .delImg { + position: absolute; + display: none; + top: 1.5rem; + right: 1rem; + cursor: pointer; + } + } + } + } + + .textInfo { + font-size: 1.4rem; + color: #9ea1a2; + margin-top: 1.5rem; + } + + .fileAddBtn { + display: flex; + margin-top: 3rem; + flex-wrap: nowrap; + + button, + label { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 5rem; + border: 1px solid #dedede; + cursor: pointer; + + span { + font-weight: 600; + font-family: "KiaSignature"; + color: #676767; + font-size: 1.4rem; + + @include desktopMin { + font-size: 1.6rem; + } + } + + .icon-reset { + width: 1.4rem; + height: 1.4rem; + background-image: url(../images/common/icon-reset.svg); + background-size: contain; + background-repeat: no-repeat; + } + + .icon-plus { + width: 1.4rem; + height: 1.4rem; + background-image: url(../images/common/icon-bplus.svg); + background-size: contain; + background-repeat: no-repeat; + } + } + + button + label { + margin-left: 1rem; + } + } + } + } + + dl.insertFile { + align-items: flex-start; + + dt { + margin-top: 0rem; + + @include tablet { + margin-top: 2rem; + } + } + } + + dl + dl { + margin-top: 3rem; + } + + .csComplete { + text-align: center; + border: 1px solid #dedede; + width: 100%; + padding: 3rem; + + @include desktopMin { + border: none; + } + + p { + strong { + font-size: 1.8rem; + font-weight: 600; + + @include desktopMin { + font-size: 2.4rem; + } + } + + span { + font-size: 1.4rem; + line-height: 2.2rem; + + @include desktopMin { + line-height: 2.4rem; + font-size: 1.6rem; + } + } + } + + p + p { + margin-top: 2rem; + } + } + } + } + + .carswBtn { + width: 100%; + margin: 0 auto; + margin-top: 3rem; + + @include tablet { + margin-top: 5rem; + width: 37rem; + } + + .towButton { + display: flex; + flex-wrap: wrap; + padding: 0 2rem; + + .leftBtn { + margin-right: 0; + + @include tablet { + margin-right: 0.5rem; + } + } + + .rightBtn { + margin-left: 0; + + @include tablet { + margin-left: 0.5rem; + } + } + + @include tablet { + flex-wrap: nowrap; + } + + a + a { + margin-top: 1rem; + + @include tablet { + margin-top: 0; + } + } + } + } + + .btnWarp { + width: 100%; + margin: 0 auto; + + @include tablet { + width: 16rem; + } + } + + .tableStyle { + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + margin-top: 3rem; + margin-bottom: 5rem; + + dl { + display: block; + border-bottom: 1px solid #dedede; + padding-top: 2rem; + padding-bottom: 2rem; + + @include tablet { + display: flex; + padding-top: 0rem; + padding-bottom: 0rem; + } + + dt { + font-size: 1.4rem; + color: #676767; + + @include tablet { + padding: 2rem; + font-weight: 700; + width: 14rem; + background-color: #f3f3f3; + } + } + + dd { + padding: 0rem; + margin-top: 1.5rem; + font-size: 1.4rem; + + @include tablet { + padding: 2rem; + margin-top: 0; + } + } + + &:last-child { + border-bottom: 0; + } + } + } + } } .couponPopup { - position: fixed; - overflow: hidden; + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; + padding: 2rem; + + .popInner { width: 100%; - height: 100%; - display: flex; - background-color: rgba(0, 0, 0, 0.4); - top: 0; - left: 0; - z-index: 500; - padding: 2rem; + max-width: 120rem; + min-height: 22rem; + max-height: 90%; + overflow-y: auto; + position: absolute; + top: 53%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #fff; + padding: 5rem 0; + border-radius: 0.6rem; - .popInner { - width: 100%; - max-width: 120rem; - min-height: 22rem; - max-height: 90%; - overflow-y: auto; - position: absolute; - top: 53%; - left: 50%; - transform: translate(-50%, -50%); - background-color: #fff; - padding: 5rem 0; - border-radius: 0.6rem; - - @media (max-width: 1240px) { - width: calc(100% - 4rem); - } - - .content { - max-width: 100rem; - width: 100%; - margin: 0 auto; - - .title { - strong { - display: flex; - justify-content: center; - font-size: 1.8rem; - font-weight: 600; - color: #000; - text-align: center; - line-height: 2.6rem; - - @include tablet { - font-size: 2.4rem; - line-height: 3.2rem; - } - } - } - - .cartItemWrap { - padding: 0 2rem; - max-width: 100rem; - margin: 0 auto; - margin-top: 3rem; - - .cartItem { - display: flex; - justify-content: space-between; - align-items: center; - padding-right: 2rem !important; - border: 1px solid #dedede; - border-radius: 0.6rem; - - @media (max-width: 768px) { - display: block; - padding: 2rem; - } - - .cartItemInfo { - >div { - display: flex; - align-items: center; - margin-top: 0; - - >p { - margin-left: 0; - border-radius: 0; - overflow: hidden; - - @media (max-width: 768px) { - width: 7.5rem; - height: 7.5rem; - border-radius: 0.6rem; - } - - img { - width: 18rem; - height: 18rem; - - @media (max-width: 768px) { - width: 7.5rem; - height: 7.5rem; - } - } - } - - dl { - margin-left: 1.5rem; - display: flex; - flex-wrap: wrap; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - max-width: 58%; - - @media (max-width: 768px) { - width: calc(100% - 7.5rem); - max-width: initial; - } - - dt { - font-weight: 600; - font-size: 1.6rem; - color: #000; - line-height: 2rem; - - @include desktopMin { - font-size: 2rem; - line-height: 2.6rem; - } - } - - dd { - font-weight: 400; - font-size: 1.4rem; - line-height: 2rem; - color: #676767; - - @include desktopMin { - line-height: 2.2rem; - } - } - - dt, - dd { - width: 100%; - white-space: normal; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - overflow: hidden; - - @include desktopMin { - -webkit-line-clamp: 2; - } - } - - dt+dd { - margin-top: 0.5rem; - - @include desktopMin { - margin-top: 1rem; - } - } - - dd+dd { - margin-top: 1.5rem; - font-size: 1.4rem; - - @include desktopMin { - margin-top: 2rem; - } - } - } - } - } - - .cartItemInfo+dl { - min-width: 20rem; - text-align: right; - - @media (max-width: 768px) { - margin-top: 2rem; - padding-top: 2rem; - border-top: 1px solid #dedede; - text-align: left; - } - - dt { - font-size: 1.4rem; - font-weight: 400; - } - - dd { - font-size: 2rem; - font-weight: 600; - margin-top: 0.5rem; - - @include desktopMin { - font-size: 2.4rem; - } - } - } - - >dl { - .couponBtn { - display: flex; - justify-content: flex-end; - margin-top: 1rem !important; - - @media (max-width: 767px) { - justify-content: flex-start; - } - - .info { - display: flex; - align-items: center; - margin-right: 1rem; - font-size: 1.4rem; - font-weight: 400; - color: #000000; - } - - .apply { - display: flex; - justify-content: center; - align-items: center; - width: 7.2rem; - height: 2.4rem; - font-size: 1.4rem; - font-weight: 400; - color: #ffffff; - background-color: #05141f; - } - - .clear { - display: flex; - justify-content: center; - align-items: center; - width: 7.2rem; - height: 2.4rem; - font-size: 1.4rem; - font-weight: 400; - color: #9ea1a2; - background-color: #f3f3f3; - } - } - } - } - } - - .counponList { - padding: 0 2rem; - - li { - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #dedede; - padding: 2.5rem 0; - - @media (max-width: 768px) { - display: block; - } - - .infoWrap { - width: calc(100% - 15rem); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - @media (max-width: 768px) { - width: 100%; - } - - .info { - display: flex; - flex-wrap: wrap; - - .radioItem { - margin-top: 0.5rem; - - [type="radio"] { - position: relative; - top: -0.1rem; - vertical-align: middle; - appearance: none; - border: max(1px, 0.1em) solid #05141f; - border-radius: 50%; - width: 1.5rem; - height: 1.5rem; - transition: border 0.3s ease-in-out; - } - - [type="radio"]:checked::after { - content: ""; - position: absolute; - top: 0.3rem; - left: 0.3rem; - width: 0.7rem; - height: 0.7rem; - background: #000000; - border-radius: 100%; - } - - [type="radio"]:disabled { - background-color: #dedede; - box-shadow: none; - opacity: 0.7; - cursor: not-allowed; - } - - [type="radio"]:disabled+span { - opacity: 0.5; - cursor: not-allowed; - } - - span { - position: relative; - font-size: 1.6rem; - font-weight: 600; - padding-left: 0.5rem; - color: #000000; - - &::before { - content: ""; - position: absolute; - top: 0.1rem; - right: -1.2rem; - display: inline-block; - width: 0.1rem; - height: 1.5rem; - background-color: #dedede; - padding-top: 0.2rem; - } - } - } - - .title { - position: relative; - padding-left: 2.4rem; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - margin-top: 0.5rem; - font-size: 1.6rem; - font-weight: 600; - color: #676767; - } - } - - .date { - margin-top: 1.2rem; - margin-left: 2.4rem; - font-size: 1.4rem; - font-weight: 400; - color: #676767; - } - } - - .benefit { - width: 15rem; - margin-top: 2.5rem; - text-align: right; - font-size: 2rem; - font-weight: 600; - color: 600; - - @media (max-width: 768px) { - width: 100%; - margin-left: 2.4rem; - text-align: left; - font-size: 1.8rem; - } - } - } - } - - .carswBtn { - width: 100%; - margin: 0 auto; - margin-top: 3rem; - - @include tablet { - margin-top: 5rem; - width: 37rem; - } - - .towButton { - display: flex; - flex-wrap: wrap; - padding: 0 2rem; - - .leftBtn { - margin-right: 0; - - @include tablet { - margin-right: 0.5rem; - } - } - - .rightBtn { - margin-left: 0; - - @include tablet { - margin-left: 0.5rem; - } - } - - @include tablet { - flex-wrap: nowrap; - } - - a+a { - margin-top: 1rem; - - @include tablet { - margin-top: 0; - } - } - } - } - } + @media (max-width: 1240px) { + width: calc(100% - 4rem); } + + .content { + max-width: 100rem; + width: 100%; + margin: 0 auto; + + .title { + strong { + display: flex; + justify-content: center; + font-size: 1.8rem; + font-weight: 600; + color: #000; + text-align: center; + line-height: 2.6rem; + + @include tablet { + font-size: 2.4rem; + line-height: 3.2rem; + } + } + } + + .cartItemWrap { + padding: 0 2rem; + max-width: 100rem; + margin: 0 auto; + margin-top: 3rem; + + .cartItem { + display: flex; + justify-content: space-between; + align-items: center; + padding-right: 2rem !important; + border: 1px solid #dedede; + border-radius: 0.6rem; + + @media (max-width: 768px) { + display: block; + padding: 2rem; + } + + .cartItemInfo { + > div { + display: flex; + align-items: center; + margin-top: 0; + + > p { + margin-left: 0; + border-radius: 0; + overflow: hidden; + + @media (max-width: 768px) { + width: 7.5rem; + height: 7.5rem; + border-radius: 0.6rem; + } + + img { + width: 18rem; + height: 18rem; + + @media (max-width: 768px) { + width: 7.5rem; + height: 7.5rem; + } + } + } + + dl { + margin-left: 1.5rem; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + max-width: 58%; + + @media (max-width: 768px) { + width: calc(100% - 7.5rem); + max-width: initial; + } + + dt { + font-weight: 600; + font-size: 1.6rem; + color: #000; + line-height: 2rem; + + @include desktopMin { + font-size: 2rem; + line-height: 2.6rem; + } + } + + dd { + font-weight: 400; + font-size: 1.4rem; + line-height: 2rem; + color: #676767; + + @include desktopMin { + line-height: 2.2rem; + } + } + + dt, + dd { + width: 100%; + white-space: normal; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; + + @include desktopMin { + -webkit-line-clamp: 2; + } + } + + dt + dd { + margin-top: 0.5rem; + + @include desktopMin { + margin-top: 1rem; + } + } + + dd + dd { + margin-top: 1.5rem; + font-size: 1.4rem; + + @include desktopMin { + margin-top: 2rem; + } + } + } + } + } + + .cartItemInfo + dl { + min-width: 20rem; + text-align: right; + + @media (max-width: 768px) { + margin-top: 2rem; + padding-top: 2rem; + border-top: 1px solid #dedede; + text-align: left; + } + + dt { + font-size: 1.4rem; + font-weight: 400; + } + + dd { + font-size: 2rem; + font-weight: 600; + margin-top: 0.5rem; + + @include desktopMin { + font-size: 2.4rem; + } + } + } + + > dl { + .couponBtn { + display: flex; + justify-content: flex-end; + margin-top: 1rem !important; + + @media (max-width: 767px) { + justify-content: flex-start; + } + + .info { + display: flex; + align-items: center; + margin-right: 1rem; + font-size: 1.4rem; + font-weight: 400; + color: #000000; + } + + .apply { + display: flex; + justify-content: center; + align-items: center; + width: 7.2rem; + height: 2.4rem; + font-size: 1.4rem; + font-weight: 400; + color: #ffffff; + background-color: #05141f; + } + + .clear { + display: flex; + justify-content: center; + align-items: center; + width: 7.2rem; + height: 2.4rem; + font-size: 1.4rem; + font-weight: 400; + color: #9ea1a2; + background-color: #f3f3f3; + } + } + } + } + } + + .counponList { + padding: 0 2rem; + + li { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #dedede; + padding: 2.5rem 0; + + @media (max-width: 768px) { + display: block; + } + + .infoWrap { + width: calc(100% - 15rem); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + @media (max-width: 768px) { + width: 100%; + } + + .info { + display: flex; + flex-wrap: wrap; + + .radioItem { + margin-top: 0.5rem; + + [type="radio"] { + position: relative; + top: -0.1rem; + vertical-align: middle; + appearance: none; + border: max(1px, 0.1em) solid #05141f; + border-radius: 50%; + width: 1.5rem; + height: 1.5rem; + transition: border 0.3s ease-in-out; + } + + [type="radio"]:checked::after { + content: ""; + position: absolute; + top: 0.3rem; + left: 0.3rem; + width: 0.7rem; + height: 0.7rem; + background: #000000; + border-radius: 100%; + } + + [type="radio"]:disabled { + background-color: #dedede; + box-shadow: none; + opacity: 0.7; + cursor: not-allowed; + } + + [type="radio"]:disabled + span { + opacity: 0.5; + cursor: not-allowed; + } + + span { + position: relative; + font-size: 1.6rem; + font-weight: 600; + padding-left: 0.5rem; + color: #000000; + + &::before { + content: ""; + position: absolute; + top: 0.1rem; + right: -1.2rem; + display: inline-block; + width: 0.1rem; + height: 1.5rem; + background-color: #dedede; + padding-top: 0.2rem; + } + } + } + + .title { + position: relative; + padding-left: 2.4rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin-top: 0.5rem; + font-size: 1.6rem; + font-weight: 600; + color: #676767; + } + } + + .date { + margin-top: 1.2rem; + margin-left: 2.4rem; + font-size: 1.4rem; + font-weight: 400; + color: #676767; + } + } + + .benefit { + width: 15rem; + margin-top: 2.5rem; + text-align: right; + font-size: 2rem; + font-weight: 600; + color: 600; + + @media (max-width: 768px) { + width: 100%; + margin-left: 2.4rem; + text-align: left; + font-size: 1.8rem; + } + } + } + } + + .carswBtn { + width: 100%; + margin: 0 auto; + margin-top: 3rem; + + @include tablet { + margin-top: 5rem; + width: 37rem; + } + + .towButton { + display: flex; + flex-wrap: wrap; + padding: 0 2rem; + + .leftBtn { + margin-right: 0; + + @include tablet { + margin-right: 0.5rem; + } + } + + .rightBtn { + margin-left: 0; + + @include tablet { + margin-left: 0.5rem; + } + } + + @include tablet { + flex-wrap: nowrap; + } + + a + a { + margin-top: 1rem; + + @include tablet { + margin-top: 0; + } + } + } + } + } + } } .policyPopup { - display: flex; - align-items: center; - justify-content: center; - position: fixed; - overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; + padding: 2rem; + + .popInner { + overflow-y: auto; width: 100%; - height: 100%; - display: flex; - background-color: rgba(0, 0, 0, 0.4); - top: 0; - left: 0; - z-index: 500; - padding: 2rem; + max-width: 120rem; + min-height: 22rem; + max-height: calc(90vh - 10rem); + position: relative; + top: 0 !important; + // left: 50%; + background-color: #fff; + padding: 10rem 0; + border-radius: 0.6rem; - .popInner { - overflow-y: auto; - width: 100%; - max-width: 120rem; - min-height: 22rem; - max-height: calc(90vh - 10rem); - position: relative; - top: 0 !important; - // left: 50%; - background-color: #fff; - padding: 10rem 0; - border-radius: 0.6rem; + @media (max-width: 1240px) { + width: calc(100% - 4rem); + } - @media (max-width: 1240px) { - width: calc(100% - 4rem); - } + @include maxtablet { + padding: 3rem 0; + } + + .content { + position: relative; + max-width: 100rem; + width: 100%; + margin: 0 auto; + + @media (max-width: 1100px) { + padding: 0 3rem; + } + + & + .content { + margin-top: 3rem; + padding-top: 6rem; + border-top: 1px solid #d9d9d9; @include maxtablet { - padding: 3rem 0; + padding-top: 4rem; + } + } + + u { + border-bottom: 1px solid #000; + } + + .title { + strong { + display: flex; + justify-content: center; + font-size: 1.8rem; + font-weight: 600; + color: #000; + text-align: center; + line-height: 2.6rem; + + @include tablet { + font-size: 3.2rem; + line-height: 3.4rem; + } + } + } + + .editorText { + margin-top: 4rem; + + @include maxtablet { + margin-top: 1.6rem; } - .content { - position: relative; - max-width: 100rem; - width: 100%; - margin: 0 auto; - - @media (max-width: 1100px) { - padding: 0 3rem; - } - - &+.content { - margin-top: 3rem; - padding-top: 6rem; - border-top: 1px solid #d9d9d9; - - @include maxtablet { - padding-top: 4rem; - } - } - - u { - border-bottom: 1px solid #000; - } - - .title { - strong { - display: flex; - justify-content: center; - font-size: 1.8rem; - font-weight: 600; - color: #000; - text-align: center; - line-height: 2.6rem; - - @include tablet { - font-size: 3.2rem; - line-height: 3.4rem; - } - } - } - - .editorText { - margin-top: 4rem; - - @include maxtablet { - margin-top: 1.6rem; - } - - &.termsContents { - h2 { - font-size: 1.8rem; - font-weight: 600; - - @include tablet { - font-size: 2.4rem; - } - } - - h3 { - margin-top: 2rem; - - @include tablet { - margin-top: 3rem; - } - } - - h4 { - margin-top: 4rem; - } - - >p { - margin-top: 2rem; - line-height: 3rem; - font-size: 2.2rem; - - @include maxtablet { - font-size: 1.4rem; - line-height: 2.2rem; - } - } - - ul, - ol { - margin-top: 2rem; - - li { - line-height: 2.2rem; - font-size: 1.4rem; - color: #676767; - } - } - - ol { - li { - padding: 0.2rem 0; - - span { - line-height: 2.2rem; - font-size: 1.4rem; - - &::before { - display: block; - padding-right: 0.5rem; - font-style: normal; - margin-top: 0.2rem; - } - } - - ol { - margin-top: 0.3rem; - margin-bottom: 1rem; - - li { - padding: 0 0 0 2rem; - - span { - line-height: 2.2rem; - font-size: 1.4rem; - - &::before { - display: block; - padding-right: 0.5rem; - font-style: normal; - margin-top: 0.2rem; - } - } - - // &:nth-child(1){&::before{content: "1. ";}} - // &:nth-child(2){&::before{content: "2. ";}} - // &:nth-child(3){&::before{content: "3. ";}} - // &:nth-child(4){&::before{content: "4. ";}} - // &:nth-child(5){&::before{content: "5. ";}} - // &:nth-child(6){&::before{content: "6. ";}} - // &:nth-child(7){&::before{content: "7. ";}} - // &:nth-child(8){&::before{content: "8. ";}} - // &:nth-child(9){&::before{content: "9. ";}} - // &:nth-child(10){&::before{content: "10. ";}} - // &:nth-child(11){&::before{content: "11. ";}} - // &:nth-child(12){&::before{content: "12. ";}} - // &:nth-child(13){&::before{content: "13. ";}} - // &:nth-child(14){&::before{content: "14. ";}} - // &:nth-child(15){&::before{content: "15. ";}} - } - } - - // &:nth-child(1){&::before{content: "① ";}} - // &:nth-child(2){&::before{content: "② ";}} - // &:nth-child(3){&::before{content: "③ ";}} - // &:nth-child(4){&::before{content: "④ ";}} - // &:nth-child(5){&::before{content: "⑤ ";}} - // &:nth-child(6){&::before{content: "⑥ ";}} - // &:nth-child(7){&::before{content: "⑦ ";}} - // &:nth-child(8){&::before{content: "⑧ ";}} - // &:nth-child(9){&::before{content: "⑨ ";}} - // &:nth-child(10){&::before{content: "⑩ ";}} - // &:nth-child(11){&::before{content: "⑪ ";}} - // &:nth-child(12){&::before{content: "⑫ ";}} - // &:nth-child(13){&::before{content: "⑬ ";}} - // &:nth-child(14){&::before{content: "⑭ ";}} - // &:nth-child(15){&::before{content: "⑮ ";}} - } - } - } - } - - .carswBtn { - - width: 18rem; - margin: 0 auto; - margin-top: 3rem; - - @include tablet { - margin-top: 5rem; - } - } - - .marketingCheck { - display: flex; - justify-content: space-between; - align-items: flex-end; - flex-wrap: wrap; - margin-top: 3rem; - flex-direction: column; - - @include tablet { - flex-direction: row; - } - - h4 { - width: 100%; - margin: 0 0 1.6rem; - font-size: 2.2rem; - - @include maxtablet { - font-size: 1.6rem; - } - } - - h5 { - width: 100%; - margin: 0 0 1.6rem; - font-size: 1.4rem; - } - - >span { - display: block; - - @include maxtablet { - font-size: 1.4rem; - } - } - - .titArea { - margin-bottom: 4rem; - font-size: 2.2rem; - - @include maxtablet { - margin-bottom: 2.4rem; - font-size: 1.6rem; - } - - &+.agree-area { - margin-bottom: 4rem; - } - - h4 { - margin-top: 0; - } - - span { - @include maxtablet { - font-size: 1.4rem; - } - } - } - - .agree-area { - display: block; - gap: 5rem; - - @include tablet { - display: flex; - } - - label { - display: flex; - align-items: center; - margin-top: 3rem; - - @include tablet { - margin-top: 0; - } - - span { - margin-left: 1rem; - - @include maxtablet { - font-size: 1.4rem; - } - } - } - } - - &.Multi { - display: block; - } - } - - .bu { - display: block; - padding-left: 0.8rem; - text-indent: -1rem; - } - - .bu2 { - display: block; - padding-left: 1.8rem; - text-indent: -1.8rem; - } - - .acc { - color: #000; - font-weight: 700; - - .bu { - display: block; - padding-left: 2rem; - text-indent: -2rem; - } - } - - .noticeTextBox { - margin: 3.2rem 0 4rem; - padding: 3.2rem; - font-size: 2rem; - line-height: 2.4rem; - border: 1px solid #e2e2e2; - - @include maxtablet { - margin: 1.6rem 0 4rem; - padding: 2.4rem 2rem; - font-size: 1.4rem; - } - } - - .agreeBox { - padding: 4.2rem; - border: 1px solid #e2e2e2; - - @include maxtablet { - padding: 2.4rem 2rem; - font-size: 1.4rem; - } - - h4 { - margin: 0 0 1.6rem !important; - font-size: 2.2rem; - - @include maxtablet { - font-size: 1.6rem; - } - } - - h5 { - font-size: 1.6rem; - } - - .titArea { - margin-bottom: 4rem; - - span { - font-size: 2.2rem; - - @include maxtablet { - font-size: 1.4rem; - } - } - } - } - - .towButton { - justify-content: center; - - a { - width: 18rem; - } - } - } - } - - &.marketingAd { - .popInner { - @include maxtablet { - width: 100%; - } - - .content { - @include maxtablet { - width: auto; - padding: 0; - margin: 0 3rem; - - &+.content { - padding: 6rem 0; - } - - .marketingCheck { - display: block; - - .agree-area { - label { - margin-top: 2.4rem; - } - } - } - - .carswBtn { - width: 100%; - margin: 0; - padding: 4rem 0 0; - - .towButton { - display: block; - - a { - width: 100%; - margin-top: 0.8rem; - } - } - } - } - } - } - } - -} - -#ad_popup { - .popInner .content { - - .carswBtn { - - width: 100%; - margin: 0 auto; - margin-top: 3rem; - padding-top: 0; + &.termsContents { + h2 { + font-size: 1.8rem; + font-weight: 600; @include tablet { - margin-top: 5rem; + font-size: 2.4rem; } - } - } + } -} + h3 { + margin-top: 2rem; -.termsContents { - margin-top: 4rem; + @include tablet { + margin-top: 3rem; + } + } - h2 { - font-size: 1.8rem; - font-weight: 600; + h4 { + margin-top: 4rem; + } - @include tablet { - font-size: 2.4rem; - } - } + > p { + margin-top: 2rem; + line-height: 3rem; + font-size: 2.2rem; - h3 { - margin-top: 2rem; + @include maxtablet { + font-size: 1.4rem; + line-height: 2.2rem; + } + } - @include tablet { - margin-top: 3rem; - } - } + ul, + ol { + margin-top: 2rem; - h4 { - margin-top: 4rem; - } + li { + line-height: 2.2rem; + font-size: 1.4rem; + color: #676767; + } + } - >p { - margin-top: 2rem; - line-height: 2.2rem; - font-size: 1.6rem; + ol { + li { + padding: 0.2rem 0; - @include maxtablet { - font-size: 1.4rem; - } - } - - ul, - ol { - margin-top: 2rem; - - li { - line-height: 2.2rem; - font-size: 1.4rem; - color: #676767; - } - } - - ol { - li { - padding: 0.2rem 0; - - span { + span { line-height: 2.2rem; font-size: 1.4rem; &::before { - display: block; - padding-right: 0.5rem; - font-style: normal; - margin-top: 0.2rem; + display: block; + padding-right: 0.5rem; + font-style: normal; + margin-top: 0.2rem; } - } + } - ol { + ol { margin-top: 0.3rem; margin-bottom: 1rem; li { - padding: 0 0 0 2rem; + padding: 0 0 0 2rem; - span { - line-height: 2.2rem; - font-size: 1.4rem; + span { + line-height: 2.2rem; + font-size: 1.4rem; - &::before { - display: block; - padding-right: 0.5rem; - font-style: normal; - margin-top: 0.2rem; - } + &::before { + display: block; + padding-right: 0.5rem; + font-style: normal; + margin-top: 0.2rem; } + } + + // &:nth-child(1){&::before{content: "1. ";}} + // &:nth-child(2){&::before{content: "2. ";}} + // &:nth-child(3){&::before{content: "3. ";}} + // &:nth-child(4){&::before{content: "4. ";}} + // &:nth-child(5){&::before{content: "5. ";}} + // &:nth-child(6){&::before{content: "6. ";}} + // &:nth-child(7){&::before{content: "7. ";}} + // &:nth-child(8){&::before{content: "8. ";}} + // &:nth-child(9){&::before{content: "9. ";}} + // &:nth-child(10){&::before{content: "10. ";}} + // &:nth-child(11){&::before{content: "11. ";}} + // &:nth-child(12){&::before{content: "12. ";}} + // &:nth-child(13){&::before{content: "13. ";}} + // &:nth-child(14){&::before{content: "14. ";}} + // &:nth-child(15){&::before{content: "15. ";}} } + } + + // &:nth-child(1){&::before{content: "① ";}} + // &:nth-child(2){&::before{content: "② ";}} + // &:nth-child(3){&::before{content: "③ ";}} + // &:nth-child(4){&::before{content: "④ ";}} + // &:nth-child(5){&::before{content: "⑤ ";}} + // &:nth-child(6){&::before{content: "⑥ ";}} + // &:nth-child(7){&::before{content: "⑦ ";}} + // &:nth-child(8){&::before{content: "⑧ ";}} + // &:nth-child(9){&::before{content: "⑨ ";}} + // &:nth-child(10){&::before{content: "⑩ ";}} + // &:nth-child(11){&::before{content: "⑪ ";}} + // &:nth-child(12){&::before{content: "⑫ ";}} + // &:nth-child(13){&::before{content: "⑬ ";}} + // &:nth-child(14){&::before{content: "⑭ ";}} + // &:nth-child(15){&::before{content: "⑮ ";}} } + } } + } + + .carswBtn { + width: 18rem; + margin: 0 auto; + margin-top: 3rem; + + @include tablet { + margin-top: 5rem; + } + } + + .marketingCheck { + display: flex; + justify-content: space-between; + align-items: flex-end; + flex-wrap: wrap; + margin-top: 3rem; + flex-direction: column; + + @include tablet { + flex-direction: row; + } + + h4 { + width: 100%; + margin: 0 0 1.6rem; + font-size: 2.2rem; + + @include maxtablet { + font-size: 1.6rem; + } + } + + h5 { + width: 100%; + margin: 0 0 1.6rem; + font-size: 1.4rem; + } + + > span { + display: block; + + @include maxtablet { + font-size: 1.4rem; + } + } + + .titArea { + margin-bottom: 4rem; + font-size: 2.2rem; + + @include maxtablet { + margin-bottom: 2.4rem; + font-size: 1.6rem; + } + + & + .agree-area { + margin-bottom: 4rem; + } + + h4 { + margin-top: 0; + } + + span { + @include maxtablet { + font-size: 1.4rem; + } + } + } + + .agree-area { + display: block; + gap: 5rem; + + @include tablet { + display: flex; + } + + label { + display: flex; + align-items: center; + margin-top: 3rem; + + @include tablet { + margin-top: 0; + } + + span { + margin-left: 1rem; + + @include maxtablet { + font-size: 1.4rem; + } + } + } + } + + &.Multi { + display: block; + } + } + + .bu { + display: block; + padding-left: 0.8rem; + text-indent: -1rem; + } + + .bu2 { + display: block; + padding-left: 1.8rem; + text-indent: -1.8rem; + } + + .acc { + color: #000; + font-weight: 700; + + .bu { + display: block; + padding-left: 2rem; + text-indent: -2rem; + } + } + + .noticeTextBox { + margin: 3.2rem 0 4rem; + padding: 3.2rem; + font-size: 2rem; + line-height: 2.4rem; + border: 1px solid #e2e2e2; + + @include maxtablet { + margin: 1.6rem 0 4rem; + padding: 2.4rem 2rem; + font-size: 1.4rem; + } + } + + .agreeBox { + padding: 4.2rem; + border: 1px solid #e2e2e2; + + @include maxtablet { + padding: 2.4rem 2rem; + font-size: 1.4rem; + } + + h4 { + margin: 0 0 1.6rem !important; + font-size: 2.2rem; + + @include maxtablet { + font-size: 1.6rem; + } + } + + h5 { + font-size: 1.6rem; + } + + .titArea { + margin-bottom: 4rem; + + span { + font-size: 2.2rem; + + @include maxtablet { + font-size: 1.4rem; + } + } + } + } + + .towButton { + justify-content: center; + + a { + width: 18rem; + } + } } + } + + &.marketingAd { + .popInner { + @include maxtablet { + width: 100%; + } + + .content { + @include maxtablet { + width: auto; + padding: 0; + margin: 0 3rem; + + & + .content { + padding: 6rem 0; + } + + .marketingCheck { + display: block; + + .agree-area { + label { + margin-top: 2.4rem; + } + } + } + + .carswBtn { + width: 100%; + margin: 0; + padding: 4rem 0 0; + + .towButton { + display: block; + + a { + width: 100%; + margin-top: 0.8rem; + } + } + } + } + } + } + } +} + +#ad_popup { + .popInner .content { + .carswBtn { + width: 100%; + margin: 0 auto; + margin-top: 3rem; + padding-top: 0; + + @include tablet { + margin-top: 5rem; + } + } + } +} + +.termsContents { + margin-top: 4rem; + + h2 { + font-size: 1.8rem; + font-weight: 600; + + @include tablet { + font-size: 2.4rem; + } + } + + h3 { + margin-top: 2rem; + + @include tablet { + margin-top: 3rem; + } + } + + h4 { + margin-top: 4rem; + } + + > p { + margin-top: 2rem; + line-height: 2.2rem; + font-size: 1.6rem; + + @include maxtablet { + font-size: 1.4rem; + } + } + + ul, + ol { + margin-top: 2rem; + + li { + line-height: 2.2rem; + font-size: 1.4rem; + color: #676767; + } + } + + ol { + li { + padding: 0.2rem 0; + + span { + line-height: 2.2rem; + font-size: 1.4rem; + + &::before { + display: block; + padding-right: 0.5rem; + font-style: normal; + margin-top: 0.2rem; + } + } + + ol { + margin-top: 0.3rem; + margin-bottom: 1rem; + + li { + padding: 0 0 0 2rem; + + span { + line-height: 2.2rem; + font-size: 1.4rem; + + &::before { + display: block; + padding-right: 0.5rem; + font-style: normal; + margin-top: 0.2rem; + } + } + } + } + } + } } //설치안내 팝업 .installInfoPopup { - position: fixed; - overflow: hidden; + position: fixed; + overflow: hidden; + width: 100%; + height: 100%; + display: flex; + background-color: rgba(0, 0, 0, 0.4); + top: 0; + left: 0; + z-index: 500; + padding: 2rem; + + .popInner { width: 100%; - height: 100%; - display: flex; - background-color: rgba(0, 0, 0, 0.4); - top: 0; - left: 0; - z-index: 500; - padding: 2rem; + max-width: 120rem; + min-height: 22rem; + position: absolute; + top: 53%; + left: 50%; + transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); - .popInner { - width: 100%; - max-width: 120rem; - min-height: 22rem; - position: absolute; - top: 53%; - left: 50%; - transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); + background-color: #fff; + padding: 5rem; + border-radius: 0.6rem; - background-color: #fff; - padding: 5rem; - border-radius: 0.6rem; - - @media (max-width: 1240px) { - width: calc(100% - 4rem); - } - - @media (max-width: 1120px) { - padding: 3rem 3rem; - } - - .swiper { - margin-top: 4rem; - - ul { - li { - width: calc((100% - 40px) / 3); - - @media (max-width: 768px) { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - - &:not(:last-child) { - margin-right: 2rem; - } - - p { - margin-top: 1.5rem; - font-size: 1.6rem; - font-weight: 400; - line-height: 2.4rem; - - @media (max-width: 768px) { - font-size: 1.4rem; - line-height: 2.2rem; - } - } - } - } - - .swiper-scrollbar, - .swiper-scrollbar.swiper-scrollbar-horizontal { - bottom: 0; - left: 0; - right: 0; - margin: auto; - width: 400px; - height: 4px; - border-radius: 0; - background: #c3c6c8; - opacity: 1 !important; - - @media (max-width: 768px) { - width: 100%; - } - - .swiper-scrollbar-drag { - border-radius: 0; - background: #05141f; - } - } - - .swiper-scrollbar-after-space { - height: 40px; - } - - .swiper-scrollbar-lock+.swiper-scrollbar-after-space { - display: none; - } - } - - p { - strong { - display: flex; - justify-content: center; - align-items: flex-start; - font-size: 1.8rem; - font-weight: 600; - color: #000; - text-align: center; - line-height: 2.6rem; - text-align: left; - - @include tablet { - font-size: 2.4rem; - line-height: 3.2rem; - } - - img { - margin-right: 1rem; - } - } - - span { - display: flex; - justify-content: center; - font-size: 1.4rem; - line-height: 2.2rem; - text-align: center; - - @include tablet { - font-size: 1.6rem; - } - - &.info { - font-size: 1.4rem; - } - } - } - - p+p { - margin-top: 1.5rem; - - @include tablet { - margin-top: 2rem; - } - } - - .tableView { - margin-top: 3rem; - - @include maxtablet { - margin-top: 2.5rem; - } - - dl { - display: flex; - justify-content: flex-start; - align-items: center; - padding: 2rem 0; - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - - @include maxtablet { - display: block; - padding: 1.5rem 0; - } - - .itemName { - position: relative; - width: 14.5rem; - font-size: 1.4rem; - line-height: 2.2rem; - color: #676767; - - @include maxtablet { - font-size: 1.4rem; - line-height: 2.2rem; - } - - &::after { - content: ""; - position: absolute; - top: 0.3rem; - right: 0; - display: block; - width: 0.1rem; - height: 1.5rem; - background-color: #dedede; - - @include maxtablet { - display: none; - } - } - } - - .itemValue { - display: flex; - justify-content: flex-start; - width: calc(100% - 14.5rem); - padding-left: 2rem; - font-size: 1.4rem; - line-height: 2.2rem; - color: #000000; - - @include maxtablet { - display: block; - width: 100%; - margin-top: 0; - padding-left: 0; - font-size: 1.4rem; - line-height: 2.2rem; - } - } - - &:not(:first-child) { - border-top: 0; - } - } - } - - .carswBtn { - width: 100%; - margin: 0 auto; - margin-top: 3rem; - - @include tablet { - margin-top: 5rem; - width: 37rem; - } - - .towButton { - display: flex; - flex-wrap: wrap; - - @include tablet { - flex-wrap: nowrap; - } - - a+a { - margin-top: 1rem; - - @include tablet { - margin-top: 0; - } - } - } - } - - .btnWarp { - width: 100%; - margin: 0 auto; - - @include tablet { - width: 16rem; - } - } - - .counponBtn { - width: 16rem; - margin: 0 auto; - margin-top: 3rem; - - @include maxtablet { - width: 100%; - } - } - - .tableStyle { - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - margin-top: 3rem; - margin-bottom: 5rem; - - dl { - display: block; - border-bottom: 1px solid #dedede; - padding-top: 2rem; - padding-bottom: 2rem; - - @include tablet { - display: flex; - padding-top: 0rem; - padding-bottom: 0rem; - } - - dt { - font-size: 1.4rem; - color: #676767; - - @include tablet { - padding: 2rem; - font-weight: 700; - width: 14rem; - background-color: #f3f3f3; - } - } - - dd { - padding: 0rem; - margin-top: 1.5rem; - font-size: 1.4rem; - - @include tablet { - padding: 2rem; - margin-top: 0; - } - } - - &:last-child { - border-bottom: 0; - } - } - } + @media (max-width: 1240px) { + width: calc(100% - 4rem); } -} -.floating_menu { - display: none; - position: fixed; - bottom: 1rem; - right: 1rem; - z-index: 1; + @media (max-width: 1120px) { + padding: 3rem 3rem; + } - a { - display: block; + .swiper { + margin-top: 4rem; - img { - width: 5.6rem; - height: 5.6rem; + ul { + li { + width: calc((100% - 40px) / 3); + + @media (max-width: 768px) { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + + &:not(:last-child) { + margin-right: 2rem; + } + + p { + margin-top: 1.5rem; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.4rem; @media (max-width: 768px) { - width: 5rem; - height: 5rem; + font-size: 1.4rem; + line-height: 2.2rem; } + } + } + } + + .swiper-scrollbar, + .swiper-scrollbar.swiper-scrollbar-horizontal { + bottom: 0; + left: 0; + right: 0; + margin: auto; + width: 400px; + height: 4px; + border-radius: 0; + background: #c3c6c8; + opacity: 1 !important; + + @media (max-width: 768px) { + width: 100%; + } + + .swiper-scrollbar-drag { + border-radius: 0; + background: #05141f; + } + } + + .swiper-scrollbar-after-space { + height: 40px; + } + + .swiper-scrollbar-lock + .swiper-scrollbar-after-space { + display: none; + } + } + + p { + strong { + display: flex; + justify-content: center; + align-items: flex-start; + font-size: 1.8rem; + font-weight: 600; + color: #000; + text-align: center; + line-height: 2.6rem; + text-align: left; + + @include tablet { + font-size: 2.4rem; + line-height: 3.2rem; + } + + img { + margin-right: 1rem; + } + } + + span { + display: flex; + justify-content: center; + font-size: 1.4rem; + line-height: 2.2rem; + text-align: center; + + @include tablet { + font-size: 1.6rem; + } + + &.info { + font-size: 1.4rem; + } + } + } + + p + p { + margin-top: 1.5rem; + + @include tablet { + margin-top: 2rem; + } + } + + .tableView { + margin-top: 3rem; + + @include maxtablet { + margin-top: 2.5rem; + } + + dl { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 2rem 0; + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + + @include maxtablet { + display: block; + padding: 1.5rem 0; + } + + .itemName { + position: relative; + width: 14.5rem; + font-size: 1.4rem; + line-height: 2.2rem; + color: #676767; + + @include maxtablet { + font-size: 1.4rem; + line-height: 2.2rem; + } + + &::after { + content: ""; + position: absolute; + top: 0.3rem; + right: 0; + display: block; + width: 0.1rem; + height: 1.5rem; + background-color: #dedede; + + @include maxtablet { + display: none; + } + } + } + + .itemValue { + display: flex; + justify-content: flex-start; + width: calc(100% - 14.5rem); + padding-left: 2rem; + font-size: 1.4rem; + line-height: 2.2rem; + color: #000000; + + @include maxtablet { + display: block; + width: 100%; + margin-top: 0; + padding-left: 0; + font-size: 1.4rem; + line-height: 2.2rem; + } } &:not(:first-child) { - margin-top: -1.2rem; + border-top: 0; } + } } + + .carswBtn { + width: 100%; + margin: 0 auto; + margin-top: 3rem; + + @include tablet { + margin-top: 5rem; + width: 37rem; + } + + .towButton { + display: flex; + flex-wrap: wrap; + + @include tablet { + flex-wrap: nowrap; + } + + a + a { + margin-top: 1rem; + + @include tablet { + margin-top: 0; + } + } + } + } + + .btnWarp { + width: 100%; + margin: 0 auto; + + @include tablet { + width: 16rem; + } + } + + .counponBtn { + width: 16rem; + margin: 0 auto; + margin-top: 3rem; + + @include maxtablet { + width: 100%; + } + } + + .tableStyle { + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + margin-top: 3rem; + margin-bottom: 5rem; + + dl { + display: block; + border-bottom: 1px solid #dedede; + padding-top: 2rem; + padding-bottom: 2rem; + + @include tablet { + display: flex; + padding-top: 0rem; + padding-bottom: 0rem; + } + + dt { + font-size: 1.4rem; + color: #676767; + + @include tablet { + padding: 2rem; + font-weight: 700; + width: 14rem; + background-color: #f3f3f3; + } + } + + dd { + padding: 0rem; + margin-top: 1.5rem; + font-size: 1.4rem; + + @include tablet { + padding: 2rem; + margin-top: 0; + } + } + + &:last-child { + border-bottom: 0; + } + } + } + } +} + +.floating_menu { + display: none; + position: fixed; + bottom: 1rem; + right: 1rem; + z-index: 1; + + a { + display: block; + + img { + width: 5.6rem; + height: 5.6rem; + + @media (max-width: 768px) { + width: 5rem; + height: 5rem; + } + } + + &:not(:first-child) { + margin-top: -1.2rem; + } + } } .table-wrap { + width: 100%; + overflow-x: auto; + + table { width: 100%; - overflow-x: auto; + th { + padding: 2.3rem; + background-color: #f3f3f3; + font-size: 1.6rem; + line-height: 1.4rem; + color: #676767; + font-weight: 600; + text-align: center; + + @include maxtablet { + font-size: 1.4rem; + } + } + + td { + padding: 2.3rem 2.4rem; + color: #000000; + font-size: 1.6rem; + line-height: 2.4rem; + + @include maxtablet { + font-size: 1.4rem; + } + } + + th, + td { + border: 1px solid #e6e6e6; + } + } + + &.type2 { table { - width: 100%; + table-layout: fixed; - th { - padding: 2.3rem; - background-color: #f3f3f3; - font-size: 1.6rem; - line-height: 1.4rem; - color: #676767; - font-weight: 600; - text-align: center; + th { + padding: 2.3rem 1.8rem; + font-size: 1.6rem; + color: #000; - @include maxtablet { - font-size: 1.4rem; - } + @include maxtablet { + padding: 1.8rem 1rem; + } + } + + td { + font-size: 1.6rem; + color: #676767; + + @include maxtablet { + padding: 1.8rem 1rem; + font-size: 1.4rem; } - td { - padding: 2.3rem 2.4rem; - color: #000000; - font-size: 1.6rem; - line-height: 2.4rem; - - @include maxtablet { - font-size: 1.4rem; - } - } - - th, - td { - border: 1px solid #e6e6e6; - } - } - - &.type2 { - table { - table-layout: fixed; - - th { - padding: 2.3rem 1.8rem; - font-size: 1.6rem; - color: #000; - - @include maxtablet { - padding: 1.8rem 1rem; - } - } - - td { - font-size: 1.6rem; - color: #676767; - - @include maxtablet { - padding: 1.8rem 1rem; - font-size: 1.4rem; - } - - a { - color: #676767; - border-bottom: 1px solid #676767; - } - } + a { + color: #676767; + border-bottom: 1px solid #676767; } + } } + } } .noticeTextUnderTable { - margin-top: 3.2rem; - font-size: 2.2rem; - font-weight: 400; - line-height: 3rem; - color: #000000; - text-indent: -2.4rem; - padding: 0 0 2rem 2.4rem; + margin-top: 3.2rem; + font-size: 2.2rem; + font-weight: 400; + line-height: 3rem; + color: #000000; + text-indent: -2.4rem; + padding: 0 0 2rem 2.4rem; - @include maxtablet { - font-size: 1.4rem; - text-indent: -1.7rem; - padding: 0 0 0 1.5rem; - } + @include maxtablet { + font-size: 1.4rem; + text-indent: -1.7rem; + padding: 0 0 0 1.5rem; + } } @for $i from 1 through 10 { - .mt-#{$i*2} { - margin-top: #{$i * 2}rem; - } + .mt-#{$i*2} { + margin-top: #{$i * 2}rem; + } } .btn-more { - display: inline-flex; - align-items: center; - font-size: 1.6rem; - font-weight: 400; - color: #676767; - margin-left: 1rem; + display: inline-flex; + align-items: center; + font-size: 1.6rem; + font-weight: 400; + color: #676767; + margin-left: 1rem; - @media (max-width: 768px) { - font-size: 1.4rem; - margin-left: 0.5rem; - } + @media (max-width: 768px) { + font-size: 1.4rem; + margin-left: 0.5rem; + } - em { - border-bottom: 1px solid #676767; - line-height: 1.3; - } + em { + border-bottom: 1px solid #676767; + line-height: 1.3; + } - &:after { - content: ""; - display: block; - width: 0.8rem; - height: 1.4rem; - margin-left: 0.6rem; - background: url(../images/common/icon-arrow_right.svg) no-repeat center / contain; - } + &:after { + content: ""; + display: block; + width: 0.8rem; + height: 1.4rem; + margin-left: 0.6rem; + background: url(../images/common/icon-arrow_right.svg) no-repeat center / contain; + } } //광수동, 마수동 결과 레이어 .agree-result { - .popInner { - width: 64rem; - padding: 5rem 3rem; + .popInner { + width: 64rem; + padding: 5rem 3rem; - @include maxtablet { - width: 90%; - transform: translate(-50%, -55%); - -webkit-transform: translate(-50%, -55%); - } - - .tableStyle { - border-top: 1px solid #dedede; - border-bottom: 1px solid #dedede; - margin-top: 3rem; - margin-bottom: 5rem; - - dl { - display: flex; - align-items: center; - padding-top: 0rem; - padding-bottom: 0rem; - text-align: center; - - dt { - width: 39rem; - padding: 2rem 0.5rem; - font-size: 1.6rem; - color: #000; - font-weight: 400; - background-color: #f3f3f3; - - @include maxtablet { - width: 60%; - font-size: 1.4rem; - padding: 2rem; - } - } - - dd { - margin-top: 0; - font-size: 1.4rem; - flex: 1; - color: #676767; - text-align: center; - - @include tablet { - width: 40%; - flex: auto; - padding: 2rem; - } - } - - &:last-child { - border-bottom: 0; - } - } - } - - .btnWarp { - width: 16rem; - margin: 0 auto; - - &.mg-t { - margin-top: 5rem; - } - } + @include maxtablet { + width: 90%; + transform: translate(-50%, -55%); + -webkit-transform: translate(-50%, -55%); } + + .tableStyle { + border-top: 1px solid #dedede; + margin-top: 3rem; + margin-bottom: 5rem; + + dl { + display: flex; + align-items: center; + padding-top: 0rem; + padding-bottom: 0rem; + text-align: center; + + dt { + width: 39rem; + padding: 2rem 0.5rem; + font-size: 1.6rem; + color: #000; + font-weight: 400; + background-color: #f3f3f3; + + @include maxtablet { + width: 60%; + font-size: 1.4rem; + padding: 2rem; + } + } + + dd { + margin-top: 0; + font-size: 1.4rem; + flex: 1; + color: #676767; + text-align: center; + + @include tablet { + width: 40%; + flex: auto; + padding: 2rem; + } + } + + &:last-child { + border-bottom: 0; + } + } + } + + .btnWarp { + width: 16rem; + margin: 0 auto; + + &.mg-t { + margin-top: 5rem; + } + } + } } .br-m { - display: none; + display: none; - @include maxtablet { - display: block; - } + @include maxtablet { + display: block; + } } .br-pc { - display: none; + display: none; - @include tablet { - display: block; - } -} \ No newline at end of file + @include tablet { + display: block; + } +} + +.tooltip { + display: none; + position: absolute; + z-index: 1; +} + +.tooltip-bubble { + position: relative; + padding: 1.6rem 1.6rem 1.4rem; + background: #fff; + border: 1px solid #0b1320; /* 테두리 추가 */ + border-radius: 0.6rem; + font-size: 1.4rem; + color: #0b1320; + filter: drop-shadow(0 0.2rem 0.8rem rgba(0, 0, 0, 0.18)); + .edge { + position: absolute; + top: -0.7rem; /* border 두께 때문에 살짝 조정 */ + left: 2.4rem; + width: 1.2rem; + height: 1.2rem; + background: #fff; + border-left: 1px solid #0b1320; /* 포인터 테두리 */ + border-top: 1px solid #0b1320; + transform: rotate(45deg); + } +} diff --git a/kr/assets/images/common/ico_info.png b/kr/assets/images/common/ico_info.png new file mode 100644 index 0000000000000000000000000000000000000000..16c072293b784894c25f90dc8e6d7ba2dea1c4c5 GIT binary patch literal 775 zcmV+i1Ni)jP)Z-k8t{sUel@h7n7odW>f3C)tFTv_^ z3Cw$U;a2V@7+06ny4KM#v<{D<@%anve%n)hMaWpa*M%y0t_PEF@rn=&X=6W`He}{{ zPS!Rp+3s{?6x7~WlH`K6PrAmEkR_Vr#+`z650B)mXrc_sYBE5bBSgtXQJ;ro99beG ztRWJ*cy0DPB!gsh^ok6169*4GqDc)uy4T-;W=D%%L45 z(^*T!ya;hDjD&RfL|JRpR!mY!o%qg4HcT=h@dac;lToW;Dvtt+)KyI7nQOU05;3Tn zjkPS%#~i{oXh`|V#NbE;ilBfxP@FhF4pd>X{RutxRC}zfcYA!KIGI*%nK)UQvD~Vl z7w?Rl4=o@mF@o%4&f<9qGLHhOK+=_x!k4sh&Ynb|@fTm@Yv17S&&U7(002ovPDHLk FV1h6hVaNag literal 0 HcmV?d00001 diff --git a/kr/assets/images/common/ico_selected.png b/kr/assets/images/common/ico_selected.png new file mode 100644 index 0000000000000000000000000000000000000000..65d2b10f09eb8b1f5d1d131714d97067dcaab67e GIT binary patch literal 214 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*s1|*Ak?@s|zoCO|{#S9E$svykh8Km+7D9BhG z?skkJI^+e?C(crTdr3cB&kNI24SLncV=rp>kglXx@MFVYH*a_q'); + + // 툴팁 내용 설정 + const tooltipText = $btn.data("tooltip") || "정보를 확인하세요"; + console.log("🚀 ~ tooltipText:", $btn.attr("data-tooltip")); + $tooltip.html('
' + tooltipText + "
"); + + // 툴팁을 .carlist에 추가 + $(".carlist").append($tooltip); + + // .carlist 요소의 offset 정보 가져오기 + const $carlist = $(".carlist"); + const carlistOffset = $carlist.offset(); + const carlistScrollTop = $carlist.scrollTop(); + const carlistScrollLeft = $carlist.scrollLeft(); + + // 툴팁 위치 계산 + const tooltipWidth = $tooltip.outerWidth(); + const tooltipHeight = $tooltip.outerHeight(); + + // .carlist 내에서의 상대적 위치 계산 + let left = e.pageX - carlistOffset.left + carlistScrollLeft - tooltipWidth / 2; + let top = e.pageY - carlistOffset.top + carlistScrollTop - tooltipHeight + 70; + + // .carlist 내에서의 경계 체크 + const carlistWidth = $carlist.width(); + const carlistHeight = $carlist.height(); + const padding = 10; // 경계에서의 여백 + + // 오른쪽 경계 체크 - 툴팁이 오른쪽으로 넘어가면 경계에 딱 붙게 + if (left + tooltipWidth > carlistWidth - padding) { + left = carlistWidth - tooltipWidth - padding; + $(".tooltip").addClass("right"); + console.log("오른쪽 경계에 딱 붙음"); + } + + // 왼쪽 경계 체크 - 툴팁이 왼쪽으로 넘어가면 경계에 딱 붙게 + if (left < padding) { + left = padding; + $(".tooltip").addClass("left"); + console.log("왼쪽 경계에 딱 붙음"); + } + + // 툴팁 위치 설정 + $tooltip.css({ + position: "absolute", + left: left + "px", + top: top + "px", + zIndex: 9999, + }); + + // .edge 요소를 .btn-info 요소 위치로 이동 + const $edge = $tooltip.find(".edge"); + const edgeWidth = $edge.outerWidth(); + const edgeHeight = $edge.outerHeight(); + + // .btn-info 요소의 위치 정보 가져오기 + const btnOffset = $btn.offset(); + const btnWidth = $btn.outerWidth(); + + // .btn-info 요소가 툴팁 내에서의 상대적 위치 계산 + const btnXInTooltip = btnOffset.left - carlistOffset.left + carlistScrollLeft - left + btnWidth / 2; + const btnYInTooltip = btnOffset.top - carlistOffset.top + carlistScrollTop - top; + + // .edge 요소의 위치 설정 (.btn-info 요소 위치 기준) + $edge.css({ + position: "absolute", + left: btnXInTooltip - edgeWidth / 2 + "px", + }); + + // 툴팁 표시 + $tooltip.fadeIn(200); +}); + +$(document).on("mouseleave", ".btn-info", function () { + $(".tooltip").fadeOut(200, function () { + $(this).remove(); + }); +}); + +$(document).on("mouseleave", ".tooltip", function () { + $(this).fadeOut(200, function () { + $(this).remove(); + }); +}); diff --git a/kr/mypage/coupon-list_new.html b/kr/mypage/coupon-list_new.html index af97dc0..24d8c51 100644 --- a/kr/mypage/coupon-list_new.html +++ b/kr/mypage/coupon-list_new.html @@ -86,8 +86,9 @@
- MV - 161어 1660 + + 쏘렌토(MQ4) 하이브리드-플러그인 상품성개선
@@ -180,8 +181,9 @@
- MV - 161어 1660 + + 쏘렌토(MQ4) 하이브리드-플러그인 상품성개선
@@ -189,23 +191,155 @@