@charset "UTF-8";

@font-face {
	font-family: 'Pretendard JP';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard JP Black'), url(../font/PretendardJP/woff2/PretendardJP-Black.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard JP ExtraBold'), url(../font/PretendardJP/woff2/PretendardJP-ExtraBold.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard JP Bold'), url(../font/PretendardJP/woff2/PretendardJP-Bold.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard JP SemiBold'), url(../font/PretendardJP/woff2/PretendardJP-SemiBold.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard JP Medium'), url(../font/PretendardJP/woff2/PretendardJP-Medium.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard JP Regular'), url(../font/PretendardJP/woff2/PretendardJP-Regular.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard JP Light'), url(../font/PretendardJP/woff2/PretendardJP-Light.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard JP ExtraLight'), url(../font/PretendardJP/woff2/PretendardJP-ExtraLight.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard JP';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard JP Thin'), url(../font/PretendardJP/woff2/PretendardJP-Thin.woff2) format('woff2'), url(../font/PretendardJP/woff/PretendardJP-Thin.woff) format('woff');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('../font/SUIT-woff2/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('../font/SUIT-woff2/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('../font/SUIT-woff2/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('../font/SUIT-woff2/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('../font/SUIT-woff2/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('../font/SUIT-woff2/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('../font/SUIT-woff2/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('../font/SUIT-woff2/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('../font/SUIT-woff2/SUIT-Heavy.woff2') format('woff2');
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; font-size:1em; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {display:block;}
table {border-collapse:collapse; border-spacing:0;}
legend, caption {position:absolute; left:0; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;}
input, select, textarea {margin:0; padding:0; font-family:inherit; font-size:inherit; resize:none; -webkit-transform: translate3d(0,0,0);}
button {border:none; background:none; cursor:pointer; -webkit-transform: translate3d(0,0,0);}
label {cursor:pointer;}
label img {pointer-events:none;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
a {text-decoration:none; color:inherit;}
html {width:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -ms-touch-action:manipulation; touch-action:manipulation;}
body {position:relative; width:100%; min-width:320px; margin:0; padding:0; background:#f5f5f5; font-size:1em; font-family:'Pretendard JP','맑은 고딕','Malgun Gothic','Nanum Gothic',NanumGothic,나눔고딕,돋움,dotum,'Apple SD Gothic Neo',AppleGotihc,'Helvetica Neue',Helvetica,Arial,sans-serif; -webkit-text-size-adjust:none;}
body.overflow-hidden {height:100%; overflow:hidden;}
form {display:block; margin:0; padding:0;}

.hide {position:absolute; width:0; height:0; margin:0; padding:0; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap;}
.dis-none {display:none !important;}

html, body {height:100%;}


.dis_pc {display:none;}

.btn {display:flex; justify-content:center; align-items:center; width:100%; background:#121212; height:13.86667vw; font-size:4.26667vw; border:none; font-weight:700; text-align:center; color:#fff;}
.btn:disabled,
.btn.disabled {background:#ddd !important; color:#aaa !important;}
.btn.white {background:#fff; color:#121212;}
.btn.gray {background:#f5f5f5; color:#666;}
.btn.active {background:#121212; color:#fff;}
.btn.round {border-radius:2.13333vw;}
.btn.shadow {box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16);}
.btn.arrow {position:relative; padding:0 10.66667vw 0 5.33333vw;}
.btn.arrow span {display:inline-block; width:100%; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.btn.arrow::after {content:''; position:absolute; right:5.33333vw; top:50%; display:inline-block; width:5.33333vw; height:5.33333vw; margin:-2.66667vw 0 0 5.06667vw; background:url('../images/btn_arrow_250407.svg') 50% 50% no-repeat; background-size:5.33333vw auto; vertical-align:middle;}
.btn.back {width:16vw; height:16vw; border:0.26667vw solid #121212; border-radius:2.66667vw; background:transparent url('../images/back_arrow.svg') 50% 50% no-repeat; background-size:10.66667vw auto;}
.btn.back span {position:absolute; width:0; height:0; margin:0; padding:0; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap;}
.btn.border {border:0.26667vw solid #121212; background:transparent; color:#121212;}

.wrap {width:100%; height:100%; box-sizing:border-box;}
.wrap > .site_header {position:fixed; left:0; top:0; width:100%; height:14.93333vw; border-bottom:0.13333vw solid #f0f0f0; box-sizing:border-box; background:#fff; z-index:1000;}
.wrap > .site_header .site_back {position:absolute; left:0; top:0; width:16vw; height:100%; box-sizing:border-box; background:url('../images/btn_back_250407.svg') 50% 50% no-repeat; background-size:auto 6.4vw; z-index:10;}
.wrap > .site_header .site_back .btn_back {display:block; width:100%; height:100%; background:none; border:none;}
.wrap > .site_header .site_title {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100%; text-align:center;}
.wrap > .site_header .site_title span {font-size:4.26667vw; color:#121212; font-weight:600; vertical-align:middle;}
.wrap > .site_header .site_close {position:absolute; right:4.8vw; top:4.26667vw; background:url('../images/site_close_btn.svg') 50% 50% no-repeat; background-size:auto 6.4vw;}
.wrap > .site_header .site_close button {display:block; width:6.4vw; height:6.4vw;}
.wrap > .site_header .index_close {position:absolute; right:4.8vw; top:4.26667vw; background:url('../images/site_close_btn.svg') 50% 50% no-repeat; background-size:auto 6.4vw;}
.wrap > .site_header .index_close button {display:block; width:6.4vw; height:6.4vw;}

.wrap > .content {width:100%; height:100%; box-sizing:border-box; padding-top:14.93333vw; padding-bottom:18.4vw;}

.main {position:relative; width:100%; height:calc(100% + 18vw); margin-bottom:-18.4vw; border-top:0.4vw solid #f5f5f5;}
.main::after {content:''; position:fixed; left:0; top:15.33333vw; width:100%; bottom:0; background:#f5f5f5 url('../images/m_main_bg_250703.png') 50% 0 no-repeat; background-size:cover; z-index:0;}
.main::before {content:''; position:fixed; left:0; top:15.33333vw; width:100%; bottom:0; background:rgba(18,18,18,0); z-index:1;}
.main .main_wrap {position:absolute; left:0; bottom:29.33333vw; width:100%; box-sizing:border-box; z-index:10;}
.main .title {text-align:center; font-weight:400; color:#fff; line-height:8.53333vw; font-size:8vw;}
.main .desc {width:100%; margin-top:3.6vw; text-align:center; font-size:3.73333vw; font-weight:400; line-height:5.2vw; color:#fff;}
.main .btn_area {margin:15.6vw 5.33333vw 0 5.33333vw;}
.main .btn_start > span {position:relative; left:0; top:0;}
.main .btn_lang {position:absolute; right:4vw; top:4vw; width:26.66667vw; height:8vw; border-radius:4vw; background:#fff; padding:0.93333vw 2.66667vw 0.8vw 2.93333vw;}
.main .btn_lang .lang_type {position:relative; font-size:3.73333vw; line-height:5.06667vw; color:#000;}
.main .btn_lang::before {content:''; position:absolute; left:0.8vw; top:0.8vw; width:6.4vw; height:6.4vw; background:url('../images/lang.svg') 0 0 no-repeat; background-size:100% auto;}
.main .btn_lang::after {content:''; position:absolute; right:2.66667vw; top:2vw; width:4vw; height:4vw; background:url('../images/lang_arrow.svg') 0 0 no-repeat; background-size:100% auto;}
.main .btn_lang.active::after {transform:rotate(-180deg);}

.step {width:100%; padding-bottom:calc(40vw + env(safe-area-inset-bottom)); background:#f5f5f5; z-index:10;}

/* step_nav */
.step_nav {position:relative; margin:0vw 5.33333vw 0vw 5.33333vw; padding:8vw 0 20vw 0; box-sizing:border-box;}
.step_nav > div {position:relative; width:100%; height:2.13333vw; text-align:center; font-size:0;}
.step_nav > div::before {content:''; position:absolute; left:0; top:50%; width:100%; margin-top:-0.13333vw; border-top:dashed 0.26667vw #ddd;}
.step_nav > div::after {content:''; display:block; clear:both;}
.step_nav > div > div {display:inline-block; width:2.13333vw; height:2.13333vw; text-align:center;}
.step_nav > div > div > div {position:relative; width:100%; height:100%;}
.step_nav > div > div > div::after {content:''; position:absolute; top:0; left:50%; width:2.13333vw; height:2.13333vw; margin-left:-1.06667vw; border:0.26667vw solid #ddd; box-sizing:border-box; border-radius:100%; background:#fff;}
.step_nav > div > div:first-child {float:left;}
.step_nav > div > div:last-child {float:right;}
.step_nav > div > div em,
.step_nav > div > div span {position:absolute; left:50%; top:5.33333vw; font-size:3.2vw; color:#888; line-height:1; white-space:nowrap; transform:translate(-50%, 0); font-style:normal;}
.step_nav > div > div:first-child em,
.step_nav > div > div:first-child span {left:0; transform:none;}
.step_nav > div > div:last-child em,
.step_nav > div > div:last-child span {left:initial; right:0; transform:none;}
.step_nav > div > div.active em {color:#121212;}
.step_nav > div > div.active > div::after {top:-0.26667vw; width:2.66667vw; height:2.66667vw; border:0.26667vw solid #121212; background:#121212;}
.step_nav > div > div.active::before {content:''; position:absolute; left:0; top:50%; width:50%; margin-top:-0.13333vw; height:0.26667vw; background:#121212;}
.step_nav > div > div.active:last-child::before {width:100%;}
.step_nav > div > div.active:first-child::before {display:none;}

/* step_intro */
.step .step_intro {width:100%; background:#f5f5f5;}
.step .step_intro .box_wrap {margin:0 5.33333vw 0 5.33333vw; padding:12.8vw 0 12.93333vw 0; border-radius:2.13333vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16); background:#fff;}
.step .step_intro .box_wrap > .title {font-weight:700; color:#121212; font-size:5.06667vw; text-align:center; line-height:7.06667vw;}
.step .step_intro .thumb {height:16vw; margin:7.46667vw auto 0 auto;}
.step .step_intro .thumb img {position:relative; left:-0.66667vw; display:block; height:100%; margin:0 auto;}
.step .step_intro .desc {margin-top:7.73333vw; font-size:3.73333vw; color:#121212; line-height:5.2vw; font-weight:400; text-align:center;}
.step .step_intro .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:2.13333vw; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}
.step .step_intro .btn_area .back {flex:0 0 16vw; width:16vw; height:16vw;}
.step .step_intro .btn_area .back + .btn {flex:1 0 auto; width:auto; margin-left:2.66667vw;}

/* step_search */
.step .step_search {width:100%; background:#f5f5f5;}
.step .step_search .step_nav {padding:8.4vw 0 17.2vw 0;}
.step .step_search .step_nav > div > div em,
.step .step_search .step_nav > div > div span {top:5.2vw;}
.step .step_search .search_field {height:10.66667vw; margin:0 10.53333vw 5.33333vw 9.33333vw; cursor:pointer;}
.step .step_search .search_field .area_wrap {position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; border-bottom:0.53333vw solid #121212;}
.step .step_search .search_field .placeholder {float:left; padding:3.6vw 0 0 2.66667vw; font-size:3.73333vw; line-height:1; color:#aaa;}
.step .step_search .search_field .icon {float:right; width:6.4vw; height:6.4vw; margin:1.86667vw 1.46667vw 0 0; background:url('../images/icon_search_250407.svg') 50% 50% no-repeat; background-size:100% auto;}

.step .step_search .selected_list .item {margin:5.33333vw 8vw 0 8vw; padding:6.13333vw 4vw 5.33333vw 4vw; box-sizing:border-box; border:solid 0 #000; border-radius:2.13333vw; height:16vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16); background:#fff; cursor:pointer;}
.step .step_search .selected_list .item:first-child {margin-top:0;}
.step .step_search .selected_list .item .label {font-size:3.73333vw; color:#aaa; line-height:1;}
.step .step_search .selected_list .item .placeholder {display:none; font-size:5.86667vw; font-weight:700; line-height:1;}
.step .step_search .selected_list .item .info {display:none; align-items:center; padding:3.73333vw 0 0 3.73333vw; overflow:hidden;}
.step .step_search .selected_list .item .info .thumb {flex:0 0 auto; width:16.26667vw; height:16.26667vw; margin-right:3.73333vw; border-radius:100%; overflow:hidden; box-sizing:border-box; border:0.26667vw solid #ddd; background:#fff;}
.step .step_search .selected_list .item .info .thumb img {max-height:100%;}
.step .step_search .selected_list .item .info .name {padding-right:4vw; font-size:5.86667vw; line-height:8.26667vw; font-weight:700; color:#666;}
.step .step_search .selected_list .item .info .name span {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.step .step_search .selected_list .item.active {padding:8.53333vw 4vw 8.26667vw 3.33333vw; border:solid 0.66667vw #121212; height:24vw; color:#121212;}
.step .step_search .selected_list .item.active .label {display:none;}
.step .step_search .selected_list .item.active .placeholder {display:block;}

.step .step_search .selected_list .item.selected {height:24vw; padding:0; background:#f5f5f5; border:none;}
.step .step_search .selected_list .item.selected .info {display:flex;}
.step .step_search .selected_list .item.selected .placeholder {display:none;}

.step .step_search .prd_request {position:fixed; left:0; right:0; bottom:calc(23.2vw + env(safe-area-inset-bottom)); text-align:center;}
.step .step_search .prd_request button {display:inline-block;}
.step .step_search .prd_request button span {font-size:3.73333vw; color:#888; text-decoration:underline;}

.step .step_search .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:2.13333vw; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}
.step .step_search .btn_area .back {flex:0 0 16vw; width:16vw; height:16vw;}
.step .step_search .btn_area .back + .btn {flex:1 0 auto; width:auto; margin-left:2.66667vw;}

.matching {width:100%; background:#f5f5f5; z-index:10;}

.matching .step_nav {padding:8.4vw 0 17.2vw 0;}
.matching .step_nav > div > div em,
.matching .step_nav > div > div span {top:5.2vw;}

.matching .matching_header {position:relative; display:flex; align-items:center; min-height:18.66667vw; margin:0 5.33333vw 8.13333vw 5.33333vw; padding:1.06667vw 4vw 1.06667vw 3.73333vw; box-sizing:border-box; z-index:10;}
.matching .matching_header .thumb {position:relative; flex:0 0 auto; width:16.53333vw; height:16.53333vw; box-sizing:border-box; border-radius:100%; overflow:hidden; border:0.26667vw solid #d8d8d8; background:#fff; z-index:5;}
.matching .matching_header .thumb img {max-height:100%;}
.matching .matching_header .info {position:relative; padding:0.13333vw 0 0 3.73333vw; box-sizing:border-box; font-size:3.2vw; color:#666; line-height:4.53333vw; z-index:5;}
.matching .matching_header::before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16); background:#f5f5f5; border-radius:2.13333vw; z-index:1;}

.matching .matching_content {}
.matching .matching_content .matching_title {padding:0 1.33333vw; font-size:5.86667vw; color:#121212; line-height:6.93333vw; font-weight:700; text-align:center;}
.matching .matching_content .matching_color {width:32vw; height:32vw; margin:5.33333vw auto 0 auto; border-radius:100%; background:#e3c2a3;}
.matching .matching_content .matching_item {margin-top:7.46667vw; padding:0 1.33333vw 0 0; box-sizing:border-box; font-size:8vw; font-weight:700; color:#121212; line-height:10.66667vw; text-align:center;}

.matching .matching_caution {margin:15.06667vw 0 0 0; padding-bottom:48.8vw; text-align:center; font-size:3.2vw; line-height:4.53333vw; color:#666;}

.matching .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:16px; padding:16px 32px calc(16px + env(safe-area-inset-bottom)); background:#fff; border-top:2px solid #f0f0f0;}
.matching .btn_area .back {flex:0 0 120px; width:120px; height:120px;}
.matching .btn_area .back + .btn {flex:1 0 auto; width:auto; margin-left:20px;}

.counsel {width:100%; padding-bottom:calc(26vw + env(safe-area-inset-bottom)); background:#f5f5f5; z-index:10;}
.counsel .step_nav {padding:8.4vw 0 17.6vw 0;}
.counsel .counsel_header {display:flex; justify-content:space-between; margin-top:-0.26667vw; padding:0 8vw;}
.counsel .counsel_header .title {font-size:5.86667vw; font-weight:700; color:#121212; line-height:6.93333vw;}
.counsel .counsel_header .guide {}
.counsel .counsel_header .guide .btn_guide {position:relative; left:2.66667vw; top:2.8vw; padding-right:4vw; letter-spacing:0; font-size:3.46667vw; color:#457cdb;}
.counsel .counsel_header .guide .btn_guide::after {content:''; position:absolute; right:0; top:0; width:4vw; height:4vw; background:url('../images/icon_layer_arrow_250407.svg') 0 0 no-repeat; background-size:100% auto;}

.counsel .counsel_subtitle {margin-top:4.93333vw; padding:0 8vw; font-size:4.26667vw; line-height:6vw; color:#666;}

.counsel .counsel_select {margin-top:5.6vw; padding:0 8vw;}
.counsel .counsel_select ~ .counsel_select {margin-top:3.46667vw;}
.counsel .counsel_select .label {font-size:3.73333vw; line-height:5.06667vw; color:#666; font-weight:600;}
.counsel .counsel_select .check_box {margin-top:2.4vw; font-size:0;}
.counsel .counsel_select .inp_check {position:relative; display:inline-block; margin-right:1.6vw; margin-bottom:1.6vw;}
.counsel .counsel_select .inp_check input {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; opacity:0;}
.counsel .counsel_select .inp_check label {display:flex; align-items:center; height:8vw; padding:0 3.06667vw; border-radius:4vw; border:0.13333vw solid #d5d5d5; box-sizing:border-box; background:#fff; font-size:3.73333vw; color:#aaa; text-align:center;}
.counsel .counsel_select .inp_check input:checked ~ label {background:#121212; color:#fff; border-color:#121212; font-weight:600;}

.counsel .counsel_result {position:relative; display:flex; margin-top:6.13333vw; padding:0 7.6vw;}
.counsel .counsel_result::after {content:''; position:absolute; left:50%; top:23.33333vw; width:11.73333vw; height:11.73333vw; margin-left:-7.6vw; background:url('../images/counsel_result_arrow_gray.svg') 0 0 no-repeat; background-size:100% auto; transition:background 0.4s;}
.counsel .counsel_result.active::after {background:url('../images/counsel_result_arrow_black.svg') 0 0 no-repeat; background-size:100% auto;}
.counsel .counsel_result .resule_matching {width:50%;}
.counsel .counsel_result .resule_counsel {width:50%;}
.counsel .counsel_result .title {font-size:4.26667vw; color:#666; line-height:5.6vw; text-align:center;}
.counsel .counsel_result .color_name {margin-top:2vw; font-size:5.86667vw; color:#121212; font-weight:700; line-height:6.93333vw; text-align:center;}
.counsel .counsel_result .color_name span::before {content:'\00a0';}
.counsel .counsel_result .color_name span::after {content:'\00a0';}
.counsel .counsel_result .color_bg {width:24vw; height:24vw; margin:2.66667vw auto 0 auto; border-radius:100%; background:#fff; border:0.26667vw solid #000; box-sizing:border-box;}
.counsel .counsel_result .color_bg.active {border:none;}

.counsel .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:2.13333vw; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}
.counsel .btn_area .back {flex:0 0 16vw; width:16vw; height:16vw;}
.counsel .btn_area .back + .btn {flex:1 0 auto; width:auto; margin-left:2.66667vw;}

.grid {width:100%; padding-bottom:0; background:#f5f5f5; z-index:10;}
.grid .step_nav {padding:8.4vw 0 14.93333vw 0;}
.grid .grid_header {display:flex; justify-content:space-between; margin-top:-0.26667vw; padding:0 5.33333vw;}
.grid .grid_header .title {font-size:5.86667vw; font-weight:700; color:#121212; line-height:6.93333vw;}
.grid .grid_header .go_color {}
.grid .grid_header .go_color .btn_color {position:relative; left:0vw; top:2.8vw; padding-right:4vw; letter-spacing:0; font-size:3.46667vw; color:#121212;}
.grid .grid_header .go_color .btn_color::after {content:''; position:absolute; right:0; top:0; width:4vw; height:4vw; background:url('../images/icon_layer_arrow_250407.svg') 0 0 no-repeat; background-size:100% auto;}

.grid .grid_color {display:flex; flex-wrap:wrap; gap:2.53333vw 3.86667vw; margin-top:5.2vw; padding:0 5.33333vw;}
.grid .grid_color .matching_color {flex:0 0 auto; position:relative; display:flex; align-items:center; min-width:40.8vw;}
.grid .grid_color .matching_color::before {content:''; flex:0 0 5.33333vw; display:inline-block; width:5.33333vw; height:5.33333vw; border-radius:0.53333vw; background:#121212;}
.grid .grid_color .matching_color .label {margin-left:1.06667vw; font-size:4.26667vw; line-height:5.6vw; color:#121212; white-space:nowrap;}
.grid .grid_color .matching_color .label::after {content:''; position:relative; left:-0.4vw; top:0.53333vw; display:inline-block; width:4vw; height:4vw; background:url('../images/icon_grid_arrow_250407.svg') 0 0 no-repeat; background-size:100% auto;}

.grid .grid_color .buy_color {flex:1 1 auto; position:relative; display:flex; align-items:center;}
.grid .grid_color .buy_color::before {content:''; flex:0 0 5.33333vw;  display:inline-block; width:5.33333vw; height:5.33333vw; border-radius:0.53333vw; background:#666;}
.grid .grid_color .buy_color .label {margin-left:1.06667vw; font-size:4.26667vw; line-height:5.06667vw; color:#666; white-space:nowrap;}

.grid .grid_color .selected_color {flex:1 1 auto; position:relative; display:flex; align-items:center; width:100%;}
.grid .grid_color .selected_color::before {content:''; flex:0 0 5.33333vw;  display:inline-block; width:5.33333vw; height:5.33333vw; border-radius:0.53333vw; background:#457cdb;}
.grid .grid_color .selected_color .label {margin-left:1.06667vw; font-size:4.26667vw; line-height:5.06667vw; color:#457cdb; white-space:nowrap;}

.grid .grid_legend {position:relative; height:5.33333vw; margin-top:5.33333vw; z-index:0; pointer-events:none;}
.grid .grid_legend .legend_left {position:absolute; left:5.33333vw; top:12.53333vw; width:5.33333vw; height:calc(100vh - 101.86667vw - env(safe-area-inset-bottom)); min-height:45.33333vw; border-radius:2.66667vw; background-image:linear-gradient(#ffe4cb, #aa7e5c);}
.grid .grid_legend .legend_left .text {}
.grid .grid_legend .legend_left .text .lable {position:absolute; left:0; width:5.33333vw; font-size:4.26667vw; line-height:5.06667vw; color:#121212; transform:rotate(-90deg); white-space:nowrap;}
.grid .grid_legend .legend_left .text .lable:first-child {top:12.93333vw;}
.grid .grid_legend .legend_left .text .lable:last-child {bottom:10.8vw;}
.grid .grid_legend .legend_top {position:absolute; left:20.53333vw; top:0; width:74.13333vw; height:5.33333vw; border-radius:2.66667vw; background-image:linear-gradient(to right, #fccfc5, #edca99);}
.grid .grid_legend .legend_top .text {}
.grid .grid_legend .legend_top .text .lable {position:absolute; top:0.13333vw; width:5.33333vw; font-size:4.26667vw; line-height:5.06667vw; color:#121212; white-space:nowrap;}
.grid .grid_legend .legend_top .text .lable:first-child {left:6.4vw;}
.grid .grid_legend .legend_top .text .lable:last-child {right:24.26667vw;}

.grid .grid_list_wrap {padding:7.06667vw 0 calc(16vw + env(safe-area-inset-bottom)) 10.66667vw; box-sizing:border-box;}
.grid .grid_list_wrap .list_wrap {position:relative; padding-bottom:0/* 2.66667vw */;}
.grid .grid_list_wrap .list_legend {position:absolute; left:9.6vw; top:-5.73333vw; z-index:0; pointer-events:none;}
.grid .grid_list_wrap .list_legend .legend_top .val {display:flex; justify-content:space-between; width:100%;}
.grid .grid_list_wrap .list_legend .legend_top .val > div {width:13.6vw; margin-left:1.6vw; font-size:3.73333vw; line-height:5.06667vw; color:#000; text-align:center;}
.grid .grid_list_wrap .list_legend .legend_top .val > div:first-child {margin-left:0;}

.grid .grid_list_wrap .chip_list {display:flex; width:100%; height:calc(100vh - 101.86667vw - env(safe-area-inset-bottom)); overflow-y:auto; padding:0vw 0 0 5.33333vw; box-sizing:border-box;}
.grid .grid_list_wrap .chip_list .legend_left {pointer-events:none;}
.grid .grid_list_wrap .chip_list .legend_left .val {position:relative; left:-0.53333vw; top:0; display:flex; justify-content:space-between; flex-wrap:wrap; width:2.66667vw;}
.grid .grid_list_wrap .chip_list .legend_left .val > div {display:flex; align-items:center; justify-content:flex-end; width:100%; height:13.6vw; margin-top:1.6vw; font-size:3.73333vw; line-height:5.06667vw; color:#000; text-align:right;}
.grid .grid_list_wrap .chip_list .legend_left .val > div:first-child {margin-top:0;}
.grid .grid_list_wrap .chip_list ul {display:flex; flex-wrap:wrap;}
.grid .grid_list_wrap .chip_list ul li {width:13.6vw; height:13.6vw; margin:0 0 1.6vw 1.6vw; border-radius:1.33333vw; overflow:hidden;}
.grid .grid_list_wrap .chip_list ul li a {display:block; width:100%; height:100%;}
.grid .grid_list_wrap .chip_list ul li .name {opacity:0; position:relative; display:flex; align-content:center; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:100%; font-size:2.4vw; font-weight:400; color:#000; line-height:4vw; letter-spacing:-0.06vw; text-align:center;}
.grid .grid_list_wrap .chip_list ul li .name em {position:relative; top:-0.26667vw; font-size:3.2vw; letter-spacing:-0.08vw;}
.grid .grid_list_wrap .chip_list ul li .name::before {position:relative; top:-0.13333vw;}
.grid .grid_list_wrap .chip_list ul li.selected .name {opacity:1; border:0.53333vw solid #457cdb; box-sizing:border-box; border-radius:1.33333vw; color:#457cdb; font-weight:600;}
.grid .grid_list_wrap .chip_list ul li.selected .name::before {content:'선택컬러';}
.grid .grid_list_wrap .chip_list ul li.buy .name {opacity:1; border:0.26667vw solid #666; box-sizing:border-box; border-radius:1.33333vw; color:#666;}
.grid .grid_list_wrap .chip_list ul li.buy .name::before {content:'최근구매';}
.grid .grid_list_wrap .chip_list ul li.matched .name {opacity:1; border:0.26667vw solid #121212; box-sizing:border-box; border-radius:1.33333vw; color:#121212;}
.grid .grid_list_wrap .chip_list ul li.matched .name::before {content:'매칭컬러';}
.grid .grid_list_wrap .chip_list ul li.matched.selected .name {opacity:1; border:0.53333vw solid #457cdb; box-sizing:border-box; border-radius:1.33333vw; color:#457cdb; font-weight:600;}
.grid .grid_list_wrap .chip_list ul li.matched.selected .name::before {content:'선택컬러';}
.grid .grid_list_wrap .chip_list ul li.buy.selected .name {opacity:1; border:0.53333vw solid #457cdb; box-sizing:border-box; border-radius:1.33333vw; color:#457cdb; font-weight:600;}
.grid .grid_list_wrap .chip_list ul li.buy.selected .name::before {content:'선택컬러';}

.grid .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:2.13333vw; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}
.grid .btn_area .back {flex:0 0 16vw; width:16vw; height:16vw;}
.grid .btn_area .back + .btn {flex:1 0 auto; width:auto; margin-left:2.66667vw;}

.product_select {width:100%; padding-bottom:14.66667vw; background:#f5f5f5; z-index:10;}
.product_select .step_nav {padding-bottom:18.26667vw;}
.product_select .product_header {display:flex; justify-content:space-between; margin-top:-0.26667vw; padding:0 8vw;}
.product_select .product_header .title {font-size:5.86667vw; font-weight:700; color:#000; line-height:6.93333vw;}

.product_select .select_item {margin-top:8.13333vw;}
.product_select .select_item ul {padding:0 5.33333vw;}
.product_select .select_item ul li {position:relative; margin-top:5.33333vw; overflow:hidden; border-radius:5.33333vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16); background:#fff;}
.product_select .select_item ul li:first-child {margin-top:0;}
.product_select .select_item ul li input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.product_select .select_item ul li label {position:relative; display:flex; width:100%; height:100%;}
.product_select .select_item ul li .thumb {flex:0 0 32vw; width:32vw; height:32vw; overflow:hidden;}
.product_select .select_item ul li .thumb img {display:block; width:100%;}
.product_select .select_item ul li .info {display:flex; flex-direction:column; justify-content:center; width:57.33333vw; padding:0 5.33333vw; box-sizing:border-box;}
.product_select .select_item ul li .info .title {position:relative; top:-0.4vw; font-size:5.06667vw; line-height:6.93333vw; font-weight:700; color:#000;}
.product_select .select_item ul li .info .desc {margin-top:2vw; font-size:4.26667vw; line-height:5.06667vw; color:#000; word-break:keep-all;}
.product_select .select_item ul li .info .brand {font-size:4.26667vw; line-height:5.06667vw; color:#000; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_select .select_item ul li .info .name {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:4.26667vw; line-height:5.06667vw; color:#000; word-break:keep-all;}
.product_select .select_item ul li .info .price {margin-top:2.66667vw; font-size:5.06667vw; line-height:6.93333vw; font-weight:700; color:#000; letter-spacing:-0.08vw;}
.product_select .select_item ul li input:checked + label::after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:0.66667vw solid #000; border-radius:5.33333vw; pointer-events:none;}

.product_select .btn_area {display:flex; flex-wrap:wrap; margin:10.66667vw 5.33333vw 0 5.33333vw;}
.product_select .btn_area .back {flex:0 0 16vw; width:16vw; height:16vw;}
.product_select .btn_area .back + .btn {flex:1 0 auto; width:auto; margin-left:2.66667vw;}

.finish_product {width:100%; padding-bottom:calc(26.66667vw + env(safe-area-inset-bottom)); background:#f5f5f5; z-index:10;}
.finish_product .finish_header {display:flex; justify-content:space-between; padding:10.26667vw 8vw 0 8vw;}
.finish_product .finish_header .title {font-size:5.86667vw; font-weight:700; color:#121212; line-height:8.26667vw; white-space:nowrap;}

.finish_product .product_detail {margin-top:6vw; padding:0 5.33333vw;}
.finish_product .product_detail .detail_wrap {display:flex; flex-direction:column; align-items:center; padding:5.33333vw 2.66667vw 8vw 2.66667vw; box-sizing:border-box; border-radius:2.13333vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16); background:#fff; text-align:center;}
.finish_product .product_detail .detail_wrap .thumb {flex:0 0 42.66667vw; width:42.66667vw; height:42.66667vw;}
.finish_product .product_detail .detail_wrap .thumb .thumb_wrap {position:relative; width:100%; height:100%;}
.finish_product .product_detail .detail_wrap .thumb .thumb_wrap .thumb_sizzle {position:absolute; left:0; top:0; width:100%; z-index:0;}
.finish_product .product_detail .detail_wrap .thumb .thumb_wrap .thumb_product {position:relative; z-index:10;}
.finish_product .product_detail .detail_wrap .thumb .thumb_wrap > * {display:block; width:100%; height:100%;}
.finish_product .product_detail .detail_wrap .thumb img {display:block; width:100%; height:100%;}
.finish_product .product_detail .detail_wrap .laout_wrap {display:flex; flex-direction:column; align-items:center;}
.finish_product .product_detail .detail_wrap .info {margin-top:2.66667vw; font-size:4.26667vw; line-height:5.06667vw; color:#666; text-align:center; opacity:0.8;}
.finish_product .product_detail .detail_wrap .info .brand_text {}
.finish_product .product_detail .detail_wrap .info .product_text {margin-top:1.6vw;}
.finish_product .product_detail .detail_wrap .info .brand {margin-right:0.93333vw;}
.finish_product .product_detail .detail_wrap .color {margin-top:2.26667vw; font-size:5.86667vw; line-height:6.93333vw; color:#121212; font-weight:700; opacity:0.8;}
.finish_product .product_detail .detail_wrap .detail {display:flex; justify-content:center; margin-top:4.53333vw; font-size:4.26667vw; line-height:5.06667vw; color:#666;}
.finish_product .product_detail .detail_wrap .detail .mark {margin:0 0.66667vw 0 0.93333vw;}

.finish_product .caution {margin-top:5.2vw; padding:0 6.4vw;}
.finish_product .caution ul {}
.finish_product .caution ul li {position:relative; padding-left:2.66667vw; font-size:3.46667vw; line-height:4.8vw; color:#666; word-break:keep-all;}
.finish_product .caution ul li.bold {position:relative; padding-left:2.66667vw; font-size:3.46667vw; font-weight:700; line-height:4.8vw; color:#666; word-break:keep-all;}
.finish_product .caution ul li::before {content:'•'; position:absolute; left:-1.33333vw; top:-0.26667vw;}

.finish_product .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; flex-direction:column; gap:2.13333vw; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}



/* layer */
.layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding-bottom:26.66667vw; background:#f5f5f5; z-index:9000;}
.layer .area_wrap {position:relative; width:100%; height:100%; transition:height 0.2s;}
.layer .content {width:100%; height:100%; overflow:hidden;}

.layer .content .select_guide {padding:17.46667vw 6.66667vw 0 6.66667vw; box-sizing:border-box; font-size:5.86667vw; font-weight:700; color:#121212; line-height:1;}

.layer .content .sort_filter {position:relative; z-index:5; margin-top:8.53333vw; padding:0 6.66667vw; box-sizing:border-box; background:#f5f5f5;}
.layer .content .sort_filter .lang_type {width:100%; height:7.46667vw; overflow:hidden;}
.layer .content .sort_filter .lang_type .item {float:left; width:50%; height:100%; border:0.26667vw solid #d8d8d8; box-sizing:border-box; line-height:7.2vw; background:#fff; color:#888; font-size:3.2vw; font-weight:400; text-align:center; cursor:pointer;}
.layer .content .sort_filter .lang_type .item:first-child {border-right:none;}
.layer .content .sort_filter .lang_type .item.active {border:0.26667vw solid #121212; background:#121212; color:#fff;}

.layer .content .sort_filter .cons_type {position:relative; width:100%; margin-top:3.73333vw; padding:0; overflow-x:auto; box-sizing:border-box; font-size:0; line-height:4.8vw;}
.layer .content .sort_filter .cons_type::-webkit-scrollbar {display:none;}

body.not_mobile .layer .content .sort_filter + .sort_result {top:52.93333vw;}
body.not_mobile .layer .content .sort_filter .cons_type::-webkit-scrollbar {display:block;}
body.not_mobile .layer .content .sort_filter .cons_type::-webkit-scrollbar-thumb {border-radius:10px; border:5px solid transparent; background-clip:content-box; background-color:#bbb;}
body.not_mobile .layer .content .sort_filter .cons_type::-webkit-scrollbar-track {background-color:transparent;}

.layer .content .sort_filter .cons_type .type_list {position:relative; display:none; padding:0 0 0.26667vw 0; white-space:nowrap;}
.layer .content .sort_filter .cons_type .type_list::after {content:''; position:absolute; left:0; bottom:0; width:100%; height:0.26667vw; background:#d8d8d8;}
.layer .content .sort_filter .cons_type .type_list.active {display:inline-block;}
.layer .content .sort_filter .cons_type .type_list .item {position:relative; display:inline-block; margin:0 1.6vw 0 1.86667vw; padding:1.46667vw 1.46667vw; font-size:3.73333vw; font-weight:400; color:#888; cursor:pointer;}
.layer .content .sort_filter .cons_type .type_list .item:first-child {margin-left:0; margin-right:2.93333vw; padding-left:0; padding-right:0;}
.layer .content .sort_filter .cons_type .type_list .item.current {color:#121212;}
.layer .content .sort_filter .cons_type .type_list .item.current::after {content:''; position:absolute; left:0; right:0.26667vw; bottom:0; height:0.53333vw; background:#121212;}

.layer .content .sort_result {position:absolute; left:0; right:0; top:50.93333vw; bottom:calc(18.4vw + env(safe-area-inset-bottom)); /* width:100%; margin-top:8vw; */ padding-top:8.13333vw; padding-bottom:13.33333vw; overflow:hidden; overflow-y:auto; box-sizing:border-box;}

.layer .content .sort_result .hot_brand {width:100%; padding:0 5.33333vw 0 5.33333vw; box-sizing:border-box;}
.layer .content .sort_result .hot_brand > .title {width:100%; font-size:4.26667vw; color:#121212; font-weight:700;}
.layer .content .sort_result .hot_brand .brand_list {display:flex; margin-top:5.06667vw; padding:0 0.26667vw; box-sizing:border-box; font-size:0; white-space:nowrap; overflow-x:auto;}
.layer .content .sort_result .hot_brand .brand_list .group {display:none;}
.layer .content .sort_result .hot_brand .brand_list .group.active {display:block;}
.layer .content .sort_result .hot_brand .brand_list::-webkit-scrollbar {display:none;}
.layer .content .sort_result .hot_brand .brand_list .item {flex:0 0 16.53333vw; display:flex; flex-direction:column; width:16.53333vw; padding:0 1.6vw 0 1.86667vw; text-align:center; cursor:pointer;}
.layer .content .sort_result .hot_brand .brand_list .item:first-child {padding-left:0;}
.layer .content .sort_result .hot_brand .brand_list .item:last-child {padding-right:0;}
.layer .content .sort_result .hot_brand .brand_list .item .thumb {width:16.53333vw; height:16.53333vw; box-sizing:border-box; border-radius:100%; overflow:hidden; border:0.26667vw solid #d8d8d8; background:#fff;}
.layer .content .sort_result .hot_brand .brand_list .item .thumb img {max-height:100%;}
.layer .content .sort_result .hot_brand .brand_list .item .name {margin:1.06667vw -1.33333vw 0 -1.33333vw; font-size:3.73333vw; line-height:5.2vw; color:#aaa; font-weight:400; white-space:normal; word-break:break-all;}
.layer .content .sort_result .hot_brand .brand_list .item.current .thumb {border:0.53333vw solid #121212;}
.layer .content .sort_result .hot_brand .brand_list .item.current .name {font-weight:700; color:#121212;}
.layer .content .sort_result .hot_brand .brand_list .item.current .name span {}

body.not_mobile .layer .content .sort_result .hot_brand .brand_list::-webkit-scrollbar {display:block;}
body.not_mobile .layer .content .sort_result .hot_brand .brand_list::-webkit-scrollbar-thumb {border-radius:10px; border:5px solid transparent; background-clip:content-box; background-color:#bbb;}
body.not_mobile .layer .content .sort_result .hot_brand .brand_list::-webkit-scrollbar-track {background-color:transparent;}

.layer .content .sort_result .result {width:100%; margin-top:0.53333vw; line-height:1;}
.layer .content .sort_result .result .group {display:none;}
.layer .content .sort_result .result .group.active {display:block;}
.layer .content .sort_result .result .label {width:100%; margin-top:0; padding:2.4vw 6.66667vw 0 6.66667vw; box-sizing:border-box; font-size:8vw; color:#121212;}
.layer .content .sort_result .result .label:first-child {margin-top:0;}
.layer .content .sort_result .result .list {width:100%; margin-top:1.33333vw;}
.layer .content .sort_result .result .list .item {width:100%; height:13.33333vw; padding:4.4vw 9.33333vw 0 6.66667vw; box-sizing:border-box; font-size:4.26667vw; color:#888; background:#f5f5f5; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.layer .content .sort_result .result .list .item.current {background:#fff; color:#121212; font-weight:700;}

.layer .content .sort_result .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}

.layer .content .thumb_result {position:absolute; left:0; right:0; top:30.13333vw; bottom:calc(18.4vw + env(safe-area-inset-bottom)); padding-bottom:13.33333vw; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
.layer .content .thumb_result .thumb_list {width:100%; box-sizing:border-box; font-size:0;}
.layer .content .thumb_result .thumb_list .item {display:flex; align-items:center; width:100%; padding:1.73333vw 5.33333vw 1.73333vw 5.06667vw; box-sizing:border-box; cursor:pointer;}
.layer .content .thumb_result .thumb_list .item .thumb {flex:0 0 auto; width:16.53333vw; height:16.53333vw; box-sizing:border-box; border-radius:100%; overflow:hidden; border:0.26667vw solid #d8d8d8; background:#fff;}
.layer .content .thumb_result .thumb_list .item .thumb img {max-height:100%;}
.layer .content .thumb_result .thumb_list .item .name {padding:0 5.33333vw 0.26667vw 3.73333vw; box-sizing:border-box; font-size:4.26667vw; color:#888; line-height:5.6vw; font-weight:400; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.layer .content .thumb_result .thumb_list .item.current {background:#fff;}
.layer .content .thumb_result .thumb_list .item.current .thumb {border:0.53333vw solid #121212;}
.layer .content .thumb_result .thumb_list .item.current .name {font-weight:700; color:#121212;}

.layer .content .thumb_result .btn_area {position:fixed; left:0; right:0; bottom:0; display:flex; padding:2.13333vw 4.26667vw calc(2.13333vw + env(safe-area-inset-bottom)); background:#fff; border-top:0.26667vw solid #f0f0f0;}

.layer .content .search {width:100%; height:calc(100% - 14.93333vw); box-sizing:border-box; margin:14.93333vw 0 0 0; overflow-y:auto;}
.layer .content .search .search_text {position:fixed; left:0; top:0; width:100%; height:15.46667vw; padding:0 14.4vw 0 11.73333vw; box-sizing:border-box; border-bottom:0.53333vw solid #121212; background:#fff;}
.layer .content .search .search_text::before {content:''; position:absolute; left:4.8vw; top:4.26667vw; width:6.4vw; height:6.4vw; background:url('../images/icon_search_250407.svg') 50% 50% no-repeat; background-size:6.4vw auto;}
.layer .content .search .search_text input {display:block; width:100%; height:14.8vw; padding-left:2.13333vw; font-size:4.26667vw; font-weight:500; color:#121212; border:none; box-sizing:border-box; outline:none; background:transparent;}
.layer .content .search .search_popular {margin-top:5.86667vw;}
.layer .content .search .search_popular .label {padding:0 5.33333vw; font-size:3.73333vw; color:#aaa; font-weight:400;}
.layer .content .search .search_popular ul {margin-top:5.33333vw; padding:0 5.33333vw;}
.layer .content .search .search_popular ul li {margin-top:5.33333vw; font-size:4.26667vw; color:#121212; font-weight:400;}
.layer .content .search .search_popular ul li:first-child {margin-top:0;}
.layer .content .search .search_result {padding-top:5.86667vw; box-sizing:border-box;}
.layer .content .search .search_result ul {padding:0vw 5.33333vw 0 5.33333vw; box-sizing:border-box;}
.layer .content .search .search_result ul li {margin-top:5.33333vw; font-size:4.26667vw; color:#999; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layer .content .search .search_result ul li:first-child {margin-top:0;}
.layer .content .search .search_result ul li:last-child {padding-bottom:10.66667vw;}
.layer .content .search .search_result ul li span {color:#121212;}
.layer .content .search .search_result ul li a {display:block; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.layer .content .search .search_result ul li.no_data {font-size:4.26667vw; color:#999; font-weight:400;}

.layer .content .search .btn_area {/* position:absolute; left:8vw; bottom:16vw; right:8vw; */ margin:0 8vw;}
.layer .content .search .btn_area .btn_request {height:16vw; border-radius:2.13333vw; font-size:3.73333vw; font-weight:400; color:#aaa;}
.layer .content .search .btn_area .btn_request.arrow::after {background:url('../images/btn_arrow_250407.svg') 50% 50% no-repeat; background-size:5.33333vw auto;}

.layer .content > form {height:100%;}
.layer .content .request {position:relative; width:100%; height:calc(100% - 14.93333vw); box-sizing:border-box; margin-top:14.93333vw; padding-bottom:calc(5.33333vw + env(safe-area-inset-bottom)); overflow-y:auto;}
.layer .content .request > .title {position:fixed; left:0; top:0; width:100%; height:14.93333vw; padding:0 14.4vw 0 14.4vw; box-sizing:border-box;  background:#fff; font-size:4.26667vw; color:#121212; line-height:14.93333vw; font-weight:600; text-align:center; z-index:10}
.layer .content .request .desc {position:relative; margin-top:10.8vw; z-index:1;}
.layer .content .request .desc p {font-size:5.86667vw; font-weight:700; color:#121212; text-align:center;}
.layer .content .request .desc span {display:block; margin-top:8vw; font-size:4.26667vw; font-weight:400; color:#121212; text-align:center; line-height:5.2vw;}
.layer .content .request .request_text {position:relative; margin-top:10.4vw; padding:0 8vw; z-index:1;}
.layer .content .request .request_text textarea {display:block; width:100%; min-height:53.33333vw; padding:7.46667vw 5.33333vw 7.46667vw 5.33333vw; box-sizing:border-box; border:none; background:#fff; font-size:5.06667vw; color:#000; font-weight:500; line-height:6.93333vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.16); border-radius:2.13333vw; outline:none;}
.layer .content .request .request_text textarea::placeholder {text-align:center;}
.layer .content .request .request_text textarea:-ms-input-placeholder {text-align:center;}
.layer .content .request .request_text textarea::-ms-input-placeholder {text-align:center;}
.layer .content .request .request_back_touch {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}

.layer .content .request .request_input {position:relative; margin-top:10.53333vw; padding:0 8vw; z-index:1;}
.layer .content .request .request_input .input_row {display:flex; align-items:center; width:100%; height:14.53333vw; margin-top:2.66667vw; box-sizing:border-box; border:0.26667vw solid #e9ecef; background:#fff; font-size:5.06667vw; color:#ddd; border-radius:2.13333vw;}
.layer .content .request .request_input .input_row.active {border:0.26667vw solid #121212; background:#fff; color:#121212;}
.layer .content .request .request_input .input_row:hover {border:0.26667vw solid #457cdb; background:#fff; color:#121212;}
.layer .content .request .request_input .input_row:first-child {margin-top:0;}
.layer .content .request .request_input .input_row label {width:15.73333vw; padding-left:5.06667vw; outline:none;}
.layer .content .request .request_input .input_row input {width:54vw; padding:0 1.2vw; outline:none; border:none;}

.layer .content .request .btn_area {margin:8vw 5.33333vw 0 5.33333vw;}
.layer .content .request .btn_area .btn_product {display:block; width:100%; height:13.86667vw; background:#dddddd; font-size:4.26667vw; border:none; font-weight:700; text-align:center; color:#aaaaaa; }
.layer .content .request .btn_area .btn_product.active {display:block; width:100%; border-radius:2.13333vw; background:#121212; height:13.86667vw; font-size:4.26667vw; border:none; font-weight:700; text-align:center; color:#fff;}

.layer .btn_layer_close {position:fixed; right:0; top:0; width:16vw; height:14.93333vw; border:none; background:url('../images/btn_close_250407.svg') 50% 50% no-repeat; background-size:6.4vw auto; z-index:100;}

.alert {position:fixed; left:0; top:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:0; background:rgba(18,18,18,0.5); border:0.13333vw solid #707070; text-align:center; z-index:9999;}
.alert .alert_wrap {width:83.73333vw; background:#fff; border-radius:3.73333vw; text-align:center; font-size:4.26667vw; font-weight:400; color:#666; line-height:6vw;}
.alert .alert_wrap .alert_title {margin-bottom:-4.66667vw; padding-top:7.86667vw; font-size:5.06667vw; font-weight:700; color:#121212; line-height:7.06667vw;}
.alert .alert_wrap .alert_text {padding:8vw 8vw 3.73333vw 8vw;}
.alert .alert_wrap .btn_area {display:flex; gap:1.86667vw; padding:2.13333vw 5.2vw 5.2vw 5.2vw;}
.alert .alert_wrap .btn_area .btn {height:14.66667vw; font-weight:600;}

.alert.lang .alert_wrap {}
.alert.lang .alert_wrap .alert_text {position:relative; padding:10.4vw 8vw; font-size:5.06667vw; line-height:6.93333vw; color:#000; font-weight:700;}
.alert.lang .alert_wrap .btn_area {margin:0 6.66667vw; padding-bottom:10.66667vw;}
.alert.lang .alert_wrap .btn_area .btn.lang {height:10.66667vw; margin-top:2.66667vw; border-radius:2.66667vw; font-size:3.73333vw; line-height:5.06667vw; font-weight:400; background:#ccc;}
.alert.lang .alert_wrap .btn_area .btn.lang:first-child {margin-top:0;}
.alert.lang .alert_wrap .btn_area .btn.lang.current {background:#000; font-weight:700;}

::placeholder {color:#aaa; opacity:1;}
:-ms-input-placeholder {color:#aaa;}
::-ms-input-placeholder {color:#aaa;}

.popup {position:fixed; left:0; top:0; width:100%; height:100%; padding:4.93333vw 3.33333vw 4.66667vw 3.33333vw; overflow-y:auto; overscroll-behavior:none; box-sizing:border-box; background:rgba(0,0,0,0.5); z-index:9000;}
.popup::-webkit-scrollbar {display:none;}
.popup .area_wrap {position:relative; width:100%; padding:0 1.33333vw 4vw 0.66667vw; border-radius:2.66667vw; box-sizing:border-box; background:#fff;}
.popup .content {width:100%;}
.popup.color_guide {padding:21.86667vw 8.13333vw 13.33333vw 8.13333vw;}
.popup.color_guide .area_wrap {padding:0 0 5.2vw 0; border-radius:3.6vw;}
.popup.color_guide .title {padding:7.46667vw 0 4.53333vw 0.53333vw; font-size:5.06667vw; line-height:6.93333vw; color:#121212; text-align:center; font-weight:700;}
.popup.color_guide .desc {padding:0 0 0 0.53333vw; font-size:3.73333vw; line-height:5.2vw; color:#666; text-align:center;}
.popup.color_guide .thumb {width:72.8vw; margin:4.93333vw auto 0 auto;}
.popup.color_guide .thumb img {width:100%;}
.popup.color_guide .btn_area {margin-top:4.8vw;}
.popup.color_guide .btn_area .btn {position:relative; left:0.26667vw; width:73.33333vw; height:14.66667vw; margin:0 auto; border-radius:2.13333vw; font-size:4.26667vw; font-weight:600;}
.popup.color_guide .btn_area .btn span {position:relative;}

body.mobile .layer .content .sort_filter .cons_type::-webkit-scrollbar {display:none !important;}
body::-webkit-scrollbar {display:none;}

.c030C2 {background-color:#EED2BC;}
.c030C1 {background-color:#EDD2B9;}
.c030N1 {background-color:#EDD3B8;}
.c030W1 {background-color:#EBD3B7;}
.c030W2 {background-color:#EBD4B3;}

.c050C2 {background-color:#EDCEB7;}
.c050C1 {background-color:#ECCFB4;}
.c050N1 {background-color:#EBCFB3;}
.c050W1 {background-color:#E9D0B3;}
.c050W2 {background-color:#EAD0AF;}

.c070C2 {background-color:#ECCCB4;}
.c070C1 {background-color:#EBCCB1;}
.c070N1 {background-color:#EACDB0;}
.c070W1 {background-color:#E8CDAF;}
.c070W2 {background-color:#E9CDAB;}

.c090C2 {background-color:#EBC9B0;}
.c090C1 {background-color:#EAC9AD;}
.c090N1 {background-color:#E8CAAD;}
.c090W1 {background-color:#E7CAAC;}
.c090W2 {background-color:#E7CBA8;}

.c110C2 {background-color:#E9C6AD;}
.c110C1 {background-color:#E8C6AA;}
.c110N1 {background-color:#E7C7A9;}
.c110W1 {background-color:#E5C8A9;}
.c110W2 {background-color:#E6C8A5;}

.c130C2 {background-color:#E7C3AA;}
.c130C1 {background-color:#E7C4A7;}
.c130N1 {background-color:#E5C4A6;}
.c130W1 {background-color:#E4C5A5;}
.c130W2 {background-color:#E5C5A1;}

.c150C2 {background-color:#E6C0A7;}
.c150C1 {background-color:#E5C1A4;}
.c150N1 {background-color:#E4C1A3;}
.c150W1 {background-color:#E3C2A2;}
.c150W2 {background-color:#E3C29E;}

.c170C2 {background-color:#E4BEA4;}
.c170C1 {background-color:#E3BEA1;}
.c170N1 {background-color:#E2BFA0;}
.c170W1 {background-color:#E1BF9E;}
.c170W2 {background-color:#E2BF9A;}

.c190C2 {background-color:#E1BBA0;}
.c190C1 {background-color:#E1BB9E;}
.c190N1 {background-color:#E0BC9C;}
.c190W1 {background-color:#E0BC9A;}
.c190W2 {background-color:#E0BC96;}

.c210C2 {background-color:#DFB89D;}
.c210C1 {background-color:#DEB89A;}
.c210N1 {background-color:#DEB999;}
.c210W1 {background-color:#DEB997;}
.c210W2 {background-color:#DFB993;}

.c215C2 {background-color:#DDB59A;}
.c215C1 {background-color:#DCB597;}
.c215N1 {background-color:#DCB695;}
.c215W1 {background-color:#DCB693;}
.c215W2 {background-color:#DDB68F;}

.c220C2 {background-color:#DAB297;}
.c220C1 {background-color:#DAB394;}
.c220N1 {background-color:#DAB392;}
.c220W1 {background-color:#DAB390;}
.c220W2 {background-color:#DBB38B;}

.c225C2 {background-color:#D8AF94;}
.c225C1 {background-color:#D8B091;}
.c225N1 {background-color:#D8B08F;}
.c225W1 {background-color:#D8B08C;}
.c225W2 {background-color:#D9B088;}

.c230C2 {background-color:#D6AC91;}
.c230C1 {background-color:#D5AD8E;}
.c230N1 {background-color:#D5AD8C;}
.c230W1 {background-color:#D6AD89;}
.c230W2 {background-color:#D7AD85;}

.c240C2 {background-color:#D4AA8F;}
.c240C1 {background-color:#D3AB8C;}
.c240N1 {background-color:#D4AB89;}
.c240W1 {background-color:#D5AA86;}
.c240W2 {background-color:#D5AA82;}

.c250C2 {background-color:#D2A88D;}
.c250C1 {background-color:#D2A98A;}
.c250N1 {background-color:#D2A987;}
.c250W1 {background-color:#D3A884;}
.c250W2 {background-color:#D4A880;}

.c260C2 {background-color:#D0A68B;}
.c260C1 {background-color:#D0A788;}
.c260N1 {background-color:#D1A785;}
.c260W1 {background-color:#D2A682;}
.c260W2 {background-color:#D3A67D;}

.c270C2 {background-color:#CFA488;}
.c270C1 {background-color:#CEA586;}
.c270N1 {background-color:#CFA583;}
.c270W1 {background-color:#D0A47F;}
.c270W2 {background-color:#D1A47B;}

.c280C2 {background-color:#CDA286;}
.c280C1 {background-color:#CCA383;}
.c280N1 {background-color:#CDA381;}
.c280W1 {background-color:#CFA27D;}
.c280W2 {background-color:#CFA279;}

.c290C2 {background-color:#CBA084;}
.c290C1 {background-color:#CAA081;}
.c290N1 {background-color:#CBA07E;}
.c290W1 {background-color:#CDA07A;}
.c290W2 {background-color:#CDA076;}

.c300C2 {background-color:#C89D81;}
.c300C1 {background-color:#C89E7E;}
.c300N1 {background-color:#C99E7B;}
.c300W1 {background-color:#CA9D78;}
.c300W2 {background-color:#CB9D73;}

.c310C2 {background-color:#C59A7E;}
.c310C1 {background-color:#C59B7B;}
.c310N1 {background-color:#C69B78;}
.c310W1 {background-color:#C89A74;}
.c310W2 {background-color:#C89A70;}

.c320C2 {background-color:#C1967A;}
.c320C1 {background-color:#C19777;}
.c320N1 {background-color:#C29774;}
.c320W1 {background-color:#C49670;}
.c320W2 {background-color:#C5966C;}

.c330C2 {background-color:#BF9478;}
.c330C1 {background-color:#BF9575;}
.c330N1 {background-color:#C09472;}
.c330W1 {background-color:#C2946E;}
.c330W2 {background-color:#C2946A;}

.c340C2 {background-color:#BB9074;}
.c340C1 {background-color:#BA9071;}
.c340N1 {background-color:#BB906E;}
.c340W1 {background-color:#BD8F69;}
.c340W2 {background-color:#BE8F65;}

.c350C2 {background-color:#B78B70;}
.c350C1 {background-color:#B68B6D;}
.c350N1 {background-color:#B78B6A;}
.c350W1 {background-color:#B98B65;}
.c350W2 {background-color:#BA8B61;}

.c360C2 {background-color:#BB8364;}
.c360C1 {background-color:#BA8461;}
.c360N1 {background-color:#BC835D;}
.c360W1 {background-color:#BE8258;}
.c360W2 {background-color:#BC8457;}

.c370C2 {background-color:#B67F60;}
.c370C1 {background-color:#B67F5D;}
.c370N1 {background-color:#B77F5A;}
.c370W1 {background-color:#BA7E55;}
.c370W2 {background-color:#B87F54;}

.c380C2 {background-color:#B27A5D;}
.c380C1 {background-color:#B27B5A;}
.c380N1 {background-color:#B37A57;}
.c380W1 {background-color:#B57A52;}
.c380W2 {background-color:#B37B51;}

.c390C2 {background-color:#AD765A;}
.c390C1 {background-color:#AD7657;}
.c390N1 {background-color:#AE7653;}
.c390W1 {background-color:#B0754F;}
.c390W2 {background-color:#AE764D;}

.c400C2 {background-color:#A87257;}
.c400C1 {background-color:#A87253;}
.c400N1 {background-color:#A97251;}
.c400W1 {background-color:#AB714C;}
.c400W2 {background-color:#A9724B;}

.c410C2 {background-color:#A46D54;}
.c410C1 {background-color:#A46E50;}
.c410N1 {background-color:#A46E4E;}
.c410W1 {background-color:#A66D4A;}
.c410W2 {background-color:#A46E48;}

.c420C2 {background-color:#9F6951;}
.c420C1 {background-color:#9F6A4D;}
.c420N1 {background-color:#9F6A4B;}
.c420W1 {background-color:#A16947;}
.c420W2 {background-color:#9F6A46;}

.c430C2 {background-color:#9A654E;}
.c430C1 {background-color:#9A654B;}
.c430N1 {background-color:#9A6649;}
.c430W1 {background-color:#9B6545;}
.c430W2 {background-color:#9A6643;}

.c440C2 {background-color:#95614B;}
.c440C1 {background-color:#956148;}
.c440N1 {background-color:#956246;}
.c440W1 {background-color:#966143;}
.c440W2 {background-color:#946241;}

.c450C2 {background-color:#905D49;}
.c450C1 {background-color:#905D45;}
.c450N1 {background-color:#905E44;}
.c450W1 {background-color:#905D41;}
.c450W2 {background-color:#8F5E3F;}

.c460C2 {background-color:#8B5946;}
.c460C1 {background-color:#8B5943;}
.c460N1 {background-color:#8A5A42;}
.c460W1 {background-color:#8B5A3F;}
.c460W2 {background-color:#895B3E;}

.c470C2 {background-color:#7F584B;}
.c470C1 {background-color:#7F5848;}
.c470N1 {background-color:#7E5947;}
.c470W1 {background-color:#7D5946;}
.c470W2 {background-color:#7F5940;}

.c480C2 {background-color:#7A5449;}
.c480C1 {background-color:#7A5546;}
.c480N1 {background-color:#795544;}
.c480W1 {background-color:#785643;}
.c480W2 {background-color:#7A553E;}

.c490C2 {background-color:#71524A;}
.c490C1 {background-color:#715247;}
.c490N1 {background-color:#705346;}
.c490W1 {background-color:#6F5345;}
.c490W2 {background-color:#715340;}

.c500C2 {background-color:#6B4F48;}
.c500C1 {background-color:#6B4F45;}
.c500N1 {background-color:#6B4F44;}
.c500W1 {background-color:#6A5043;}
.c500W2 {background-color:#6B4F3E;}