@charset 'UTF-8';
@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%; height: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; height:100%; margin:0; padding:0; background:#f5f5f5; font-size:1em; font-family:'SUIT','맑은 고딕','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;}

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

@media only screen and (max-width: 1023.98px) {

	.btn {display:block; width:100%; background:#1c1c1c; height:16vw; font-size:5.86667vw; border:none; font-weight:700; text-align:center; color:#fff;}
	.btn:disabled,
	.btn.disabled {background:#ccc !important; color:#fff !important;}
	.btn.white {background:#f0f0f0; color:#1c1c1c;}
	.btn.round {border-radius:2.66667vw;}
	.btn.shadow {box-shadow:0 0.53333vw 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.svg') 50% 50% no-repeat; background-size:5.33333vw auto; vertical-align:middle;}

	.wrap {width:100%; height:100%; padding-top:16.26667vw; box-sizing:border-box;}
	.wrap > .site_header {position:fixed; left:0; top:0; width:100%; height:16.26667vw; border-bottom:0.26667vw solid #eee; box-sizing:border-box; background:#fff; z-index:1000;}
	.wrap > .site_header .site_back {position:absolute; left:0; top:0; width:17.06667vw; height:100%; box-sizing:border-box; background:url('../images/t_btn_back.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 {position:relative; width:100%; height:100%; font-size:0; text-align:center;}
	.wrap > .site_header .site_title::before {content:''; display:inline-block; height:100%; vertical-align:middle;}
	.wrap > .site_header .site_title span {position:relative; left:0; top:0.13333vw; display:inline-block; font-size:4.26667vw; color:#1c1c1c; font-weight:700; vertical-align:middle;}
	.wrap > .site_header .site_title img {height:3.46667vw; margin-top:0.8vw; margin-left:0.8vw; vertical-align:top;}
	.wrap > .content {width:100%; height:100%;}

	.main {width:100%; height:100%;}
	.main::after {content:''; position:fixed; left:0; top:0; width:100%; height:200%; background:#1c1c1c; z-index:0;}
	.main .main_wrap {position:relative; width:100%; min-height:100%; padding:101.06667vw 0 33.33333vw 0; box-sizing:border-box; background:#000 url('../images/m_main_bg.png') 50% -16.26667vw no-repeat; background-size:100% auto; z-index:10;}
	.main .logo {position:absolute; left:50%; top:82.4vw; width:8.53333vw; transform:translateX(-50%);}
	.main .logo img {width:100%;}
	.main .title {text-align:center; font-weight:700; color:#f0f0f0; text-align:center; line-height:10.66667vw; font-size:8vw;}
	.main .desc {width:100%; margin-top:7.46667vw; text-align:center; font-size:3.73333vw; font-weight:400; line-height:5.06667vw; color:#fff;}
	.main .btn_area {margin:7.73333vw 5.33333vw 0 5.33333vw;}

	.step {width:100%; padding-bottom:16vw; background:#f5f5f5; z-index:10;}

	/* step_nav */
	.step .step_nav {position:relative; margin:0 6.66667vw; padding:12.26667vw 0 20vw 0; box-sizing:border-box;}
	.step .step_nav > div {position:relative; width:100%; height:2.13333vw; text-align:center; font-size:0;}
	.step .step_nav > div::before {content:''; position:absolute; left:0; top:50%; width:100%; margin-top:-0.26667vw; border-top:dashed 0.26667vw #ccc;}
	.step .step_nav > div::after {content:''; display:block; clear:both;}
	.step .step_nav > div > div {display:inline-block; width:2.13333vw; height:2.13333vw; text-align:center;}
	.step .step_nav > div > div > div {position:relative; width:100%; height:100%;}
	.step .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 #ccc; box-sizing:border-box; border-radius:100%; background:#fff;}
	.step .step_nav > div > div:first-child {float:left;}
	.step .step_nav > div > div:last-child {float:right;}
	.step .step_nav > div > div em,
	.step .step_nav > div > div span {position:absolute; left:50%; top:5.06667vw; font-size:3.2vw; color:#999; line-height:1; white-space:nowrap; transform:translate(-50%, 0); font-style:normal;}
	.step .step_nav > div > div.active em,
	.step .step_nav > div > div.active span {color:#1c1c1c;}
	.step .step_nav > div > div.active > div::after {top:-0.26667vw; width:2.66667vw; height:2.66667vw; border:0.26667vw solid #1c1c1c; background:#1c1c1c;}
	.step .step_nav > div > div.active::before {content:''; position:absolute; left:0; top:50%; width:50%; margin-top:-0.26667vw; height:0.26667vw; background:#1c1c1c;}
	.step .step_nav > div > div.active:last-child::before {width:100%;}
	.step .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 8vw; padding:15.73333vw 0 13.06667vw 0; border-radius:5.33333vw; box-shadow:0 0.53333vw 0.8vw 0 rgba(0,0,0,0.16); background:#fff;}
	.step .step_intro .box_wrap > .title {font-weight:700; color:#1c1c1c; font-size:5.06667vw; text-align:center; line-height:6.93333vw;}
	.step .step_intro .thumb {height:16vw; margin:7.73333vw auto 0 auto;}
	.step .step_intro .thumb img {display:block; max-height:100%; margin:0 auto;}
	.step .step_intro .desc {margin-top:5.2vw; font-size:3.73333vw; color:#666; line-height:5.06667vw; font-weight:400; text-align:center;}
	.step .step_intro .btn_area {margin:10.66667vw 5.33333vw 0 5.33333vw;}

	/* step_search */
	.step .step_search {width:100%; background:#f5f5f5;}
	.step .step_search .step_nav {padding-bottom:15.73333vw;}
	.step .step_search .search_field {height:10.66667vw; margin:0 10.4vw 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 #1c1c1c;}
	.step .step_search .search_field .placeholder {float:left; padding:3.6vw 0 0 2.66667vw; font-size:3.73333vw; line-height:1; color:#999;}
	.step .step_search .search_field .icon {float:right; width:6.4vw; height:6.4vw; margin:1.86667vw 1.6vw 0 0; background:url('../images/icon_search.svg') 50% 50% no-repeat; background-size:100% auto;}

	.step .step_search .selected_list .item {margin:5.33333vw 8vw 0 8vw; padding:6.4vw 4vw 5.6vw 4vw; box-sizing:border-box; border:solid 0 #1c1c1c; border-radius:5.33333vw; height:16vw; box-shadow:0 0.53333vw 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:#999; 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:4vw 0 0 4vw; overflow:hidden;}
	.step .step_search .selected_list .item .info .thumb {flex:0 0 auto; width:16vw; height:16vw; margin-right:4vw; border-radius:100%; overflow:hidden; box-sizing:border-box; border:0.26667vw solid #ccc; 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:7.2vw; 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.2vw; border:solid 0.8vw #1c1c1c; height:24vw;}
	.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 .btn_area {margin:10.66667vw 5.33333vw 0 5.33333vw;}

	.finish {width:100%; padding-bottom:8vw; background:#f5f5f5; z-index:20;}
	.finish::before {content:''; display:block; width:100%; overflow:hidden;}
	.finish .product {position:sticky; top:18.66667vw; display:flex; align-items:center; height:24vw; margin:8vw 5.33333vw 10.66667vw 5.33333vw; padding:4vw 4vw 4vw 3.73333vw; box-sizing:border-box; z-index:10;}
	.finish .product .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;}
	.finish .product .thumb img {max-height:100%;}
	.finish .product .info {position:relative; padding:0 0 0 3.73333vw; box-sizing:border-box; font-size:3.2vw; color:#666; line-height:5.06667vw; z-index:5;}
	.finish .product::before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-shadow:0 0.53333vw 0.8vw 0 rgba(0,0,0,0.16); background:#f5f5f5; border-radius:5.33333vw; z-index:1;}
	.finish .product::after {content:''; position:absolute; left:-5.33333vw; top:-9.33333vw; right:-5.33333vw; bottom:-2.66667vw; background:#f5f5f5; z-index:0;}

	.finish .matching {position:relative; width:100%;}
	.finish .matching > .title {margin:0 8vw; font-size:5.86667vw; font-weight:700; color:#1c1c1c; letter-spacing:-0.14667vw;}

	.finish .matching .slider {position:relative; margin:8vw 0 0 0;}
	.finish .matching .slider .area_wrap {width:100%; padding:0 0 4vw 0; box-sizing:border-box; font-size:0; white-space:nowrap; overflow-x:auto;}
	.finish .matching .slider .area_wrap::-webkit-scrollbar {display:none;}
	.finish .matching .slider .area_wrap .scroll_wrap {display:inline-block; padding:0 5.33333vw;}
	.finish .matching .slider .item {display:inline-block; width:80vw; height:94.26667vw; margin-left:4vw; box-shadow:0 0.53333vw 0.8vw 0 rgba(0,0,0,0.16); background:#fff; border-radius:5.33333vw; white-space:normal; vertical-align:middle;}
	.finish .matching .slider .item:first-child {margin-left:0;}

	.finish .matching .slider .item .item_wrap {position:relative; width:100%; height:100%; box-sizing:border-box;}
	.finish .matching .slider .item.item_product .item_wrap {padding:53.33333vw 5.33333vw 0 5.33333vw;}
	.finish .matching .slider .item.item_product .thumb {position:absolute; left:5.33333vw; top:0; right:5.33333vw; display:flex; align-items:center; justify-content:center; height:50.66667vw; overflow:hidden;}
	.finish .matching .slider .item.item_product .thumb > span {flex:0 0 auto; height:100%;}
	.finish .matching .slider .item.item_product .thumb img {max-height:100%;}
	.finish .matching .slider .item.item_product .brand {width:100%; font-size:4.26667vw; font-weight:700; color:#1c1c1c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.finish .matching .slider .item.item_product .name {width:100%; min-height:13.86667vw; margin-top:1.86667vw; font-size:4.26667vw; font-weight:700; color:#1c1c1c; line-height:6.93333vw; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.finish .matching .slider .item.item_product .color {position:relative; width:100%; margin-top:4vw; padding-left:9.86667vw; box-sizing:border-box; font-size:5.86667vw; font-weight:700; color:#1c1c1c;}
	.finish .matching .slider .item.item_product .color i {position:absolute; left:0; top:50%; margin-right:2.66667vw; display:inline-block; width:7.2vw; height:7.2vw; margin-top:-3.46667vw; background:#fff; vertical-align:middle;}
	.finish .matching .slider .item.item_product .color span {display:inline-block; width:100%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.finish .matching .slider .item.item_color .item_wrap {padding:10.13333vw 5.33333vw 5.33333vw 5.33333vw;}
	.finish .matching .slider .item.item_color .desc {font-size:4.26667vw; line-height:6.66667vw; color:#666; font-weight:500;}
	.finish .matching .slider .item.item_color .match {position:absolute; left:5.33333vw; bottom:9.86667vw;}
	.finish .matching .slider .item.item_color .match .label {font-size:3.73333vw; color:#666; font-weight:500; line-height:1.07;}
	.finish .matching .slider .item.item_color .match .number {margin-top:-0.93333vw; font-size:3.73333vw; color:#666; font-weight:500;}
	.finish .matching .slider .item.item_color .match .number .num {position:relative; font-size:13.33333vw; color:#000; font-weight:700; vertical-align:bottom;}
	.finish .matching .slider .item.item_color .match .number .mark {position:relative; top:-1.86667vw; font-size:5.86667vw; color:#000; font-weight:700; vertical-align:bottom;}

	.finish .matching .slider .item.item_color .graph {position:absolute; right:5.33333vw; bottom:8vw; padding-bottom:4.53333vw;}
	.finish .matching .slider .item.item_color .graph .label {position:absolute; left:0; bottom:0; width:100%; font-size:3.2vw; color:#1c1c1c; font-weight:400; text-align:center;}
	.finish .matching .slider .item.item_color .graph .bright {position:relative;}
	.finish .matching .slider .item.item_color .graph .bright .bar {position:relative; width:43.73333vw; height:5.33333vw; border-radius:2.66667vw; background-image:linear-gradient(to left, #e2bfa6, #7c4f2f);}
	.finish .matching .slider .item.item_color .graph .bright .bar::after {content:''; position:absolute; left:50%; top:0; width:1.06667vw; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.finish .matching .slider .item.item_color .graph .bright .bar .legend {position:absolute; top:0; height:100%; line-height:5.33333vw; font-size:3.2vw; color:#fff;}
	.finish .matching .slider .item.item_color .graph .bright .bar .legend_0 {left:2.66667vw;}
	.finish .matching .slider .item.item_color .graph .bright .bar .legend_10 {right:2.66667vw;}
	.finish .matching .slider .item.item_color .graph .bright .mark_grid {position:absolute; left:2.13333vw; top:0; right:2.13333vw;}
	.finish .matching .slider .item.item_color .graph .bright .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.finish .matching .slider .item.item_color .graph .bright .mark .mark_wrap {position:absolute; right:0;}
	.finish .matching .slider .item.item_color .graph .bright .mark .mark_wrap .guide {position:absolute; left:50%; top:-6.93333vw; height:5.33333vw; padding:0 1.46667vw; box-sizing:border-box; border-radius:2.66667vw; background:#1c1c1c; transform:translateX(-50%);}
	.finish .matching .slider .item.item_color .graph .bright .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:1.6vw solid transparent; border-right:1.6vw solid transparent; border-top:1.6vw solid black; transform:translateX(-50%) scale(0.7, 1);}
	.finish .matching .slider .item.item_color .graph .bright .mark .name {display:block; font-size:3.2vw; color:#fff; font-weight:400; line-height:5.33333vw; white-space:nowrap;}
	.finish .matching .slider .item.item_color .graph .temper {position:relative; margin-top:10.93333vw;}
	.finish .matching .slider .item.item_color .graph .temper .bar {position:relative; width:43.73333vw; height:5.33333vw; border-radius:2.66667vw; background-image:linear-gradient(to left, #ed9c9c, #fcc291 50%, #fad400);}
	.finish .matching .slider .item.item_color .graph .temper .bar::after {content:''; position:absolute; left:50%; top:0; width:1.06667vw; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.finish .matching .slider .item.item_color .graph .temper .bar .legend {position:absolute; top:0; height:100%; line-height:5.33333vw; font-size:3.2vw; color:#fff;}
	.finish .matching .slider .item.item_color .graph .temper .bar .legend_0 {left:2.66667vw;}
	.finish .matching .slider .item.item_color .graph .temper .bar .legend_10 {right:2.66667vw;}
	.finish .matching .slider .item.item_color .graph .temper .mark_grid {position:absolute; left:2.13333vw; top:0; right:2.13333vw;}
	.finish .matching .slider .item.item_color .graph .temper .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.finish .matching .slider .item.item_color .graph .temper .mark .mark_wrap {position:absolute; right:0;}
	.finish .matching .slider .item.item_color .graph .temper .mark .mark_wrap .guide {position:absolute; left:50%; top:-6.93333vw; height:5.33333vw; padding:0 1.46667vw; box-sizing:border-box; border-radius:2.66667vw; background:#1c1c1c; transform:translateX(-50%);}
	.finish .matching .slider .item.item_color .graph .temper .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:1.6vw solid transparent; border-right:1.6vw solid transparent; border-top:1.6vw solid black; transform:translateX(-50%) scale(0.7, 1);}
	.finish .matching .slider .item.item_color .graph .temper .mark .name {display:block; font-size:3.2vw; color:#fff; font-weight:400; line-height:5.33333vw; white-space:nowrap;}

	.finish .matching .slider .item.item_picture .item_wrap {display:flex; align-items:center; justify-content:center; border-radius:5.33333vw; overflow:hidden;}
	.finish .matching .slider .item.item_picture .item_wrap > .thumb {flex:0 0 auto; height:100%;}
	.finish .matching .slider .item.item_picture .item_wrap img {max-height:100%;}

	.finish .matching .btn_area {display:flex; gap:2.93333vw; flex-direction:column; margin:1.33333vw 5.33333vw 0 5.33333vw;}
	.finish .matching .btn_area > * {flex:1 1 auto;}

	.finish .no_matching {position:relative;width:100%; margin-top:10.66667vw;}

	.finish .no_matching .desc {width:100%; box-sizing:border-box;}
	.finish .no_matching .filter_product ~ .desc {padding-top:11.33333vw;}
	.finish .no_matching .desc > p {font-size:5.86667vw; color:#000; font-weight:700; text-align:center; line-height:6.93333vw;}
	.finish .no_matching .desc > span {display:block; margin-top:10.13333vw; font-size:4.26667vw; font-weight:400; color:#000; line-height:5.86667vw; text-align:center;}
	.finish .no_matching .caution {margin-top:5.33333vw; padding:0 5.33333vw; font-size:3.2vw; text-align:left; color:#666;}
	.finish .no_matching .btn_area {margin:30.66667vw 5.33333vw 0 5.33333vw;}

	.finish .other {position:relative; width:100%; margin-top:8vw;}
	.finish .other > .title {margin:0 8vw; font-size:5.86667vw; font-weight:700; color:#1c1c1c; letter-spacing:-0.14667vw;}
	.finish .product_list {display:flex; flex-wrap:wrap; gap:4vw; margin-top:16.13333vw; padding:0 5.33333vw; font-size:0;}
	.finish .other .product_list {margin-top:5.6vw;}
	.finish .other .caution {margin-top:5.33333vw; padding:0 5.33333vw; font-size:3.2vw; text-align:left; color:#666;}
	.finish .product_list .item {width:42.66667vw; height:89.33333vw; box-shadow:0 0.53333vw 0.8vw 0 rgba(0,0,0,0.16); background:#fff; border-radius:5.33333vw; white-space:normal; vertical-align:middle; overflow:hidden;}
	.finish .product_list .item .item_wrap {position:relative; width:100%; height:100%; padding:45.33333vw 5.33333vw 5.33333vw 5.33333vw; box-sizing:border-box;}
	.finish .product_list .item .thumb {position:absolute; left:2.66667vw; top:0; right:2.66667vw; display:flex; align-items:center; justify-content:center; height:40vw; overflow:hidden;}
	.finish .product_list .item .thumb > span {flex:0 0 auto; height:100%;}
	.finish .product_list .item .thumb img {max-height:100%;}
	.finish .product_list .item .brand {width:100%; font-size:3.73333vw; font-weight:400; color:#1c1c1c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.finish .product_list .item .name {width:100%; min-height:10.66667vw; margin-top:1.06667vw; font-size:3.73333vw; font-weight:400; color:#1c1c1c; line-height:5.33333vw; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.finish .product_list .item .color {position:relative; width:100%; margin-top:1.33333vw; padding-left:5.33333vw; box-sizing:border-box; font-size:3.73333vw; font-weight:400; color:#1c1c1c;}
	.finish .product_list .item .color::after {content:''; position:relative; right:-0.93333vw; top:1.33333vw; display:inline-block; width:4.26667vw; height:4.26667vw; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath style='fill:none' d='M0 0h40v40H0z'/%3E%3Cg%3E%3Cpath d='m21.142 34.285-1.414-1.414 12.728-12.728L19.728 7.415 21.142 6l14.142 14.143-14.142 14.142z'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat; background-size:100% 100%;}
	.finish .product_list .item .color i {position:absolute; left:0; top:50%; margin-right:2.66667vw; display:inline-block; width:4.26667vw; height:4.26667vw; margin-top:-1.6vw; background:#fff; vertical-align:middle;}
	.finish .product_list .item .color span {position:relative; display:inline-block; max-width:21.33333vw; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:underline;}
	.finish .product_list .item .match {position:absolute; left:5.33333vw; bottom:5.33333vw;}
	.finish .product_list .item .match .label {position:relative; top:-0.8vw; display:inline-block; margin-right:3.86667vw; font-size:3.2vw; color:#666; font-weight:400; vertical-align:middle; line-height:4.53333vw;}
	.finish .product_list .item .match .number {position:relative; display:inline-block; font-size:3.2vw; color:#666; font-weight:400; vertical-align:middle;}
	.finish .product_list .item .match .number .num {position:relative; font-size:8vw; color:#1c1c1c; font-weight:700; vertical-align:bottom;}
	.finish .product_list .item .match .number .mark {position:relative; left:-0.13333vw; top:-0.66667vw; font-size:5.86667vw; color:#1c1c1c; font-weight:700; vertical-align:bottom;}
	/* 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%; overflow-y:auto;}
	.layer .content {width:100%;}

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

	.layer .content .sort_filter {position:relative; z-index:5; margin-top:7.2vw; padding:0 6.66667vw; box-sizing:border-box; background:#f5f5f5;}
	.layer .content .sort_filter .lang_type {width:100%; height:7.73333vw; 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.46667vw; background:#fff; color:#999; font-size:3.46667vw; 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 #1c1c1c; background:#1c1c1c; 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;}
	.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.86667vw 0 1.86667vw; padding:1.33333vw 1.33333vw; font-size:3.46667vw; font-weight:400; color:#999; 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:#1c1c1c;}
	.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:#1c1c1c;}

	.layer .content .sort_result {position:absolute; left:0; right:0; top:38.13333vw; bottom:0; /* width:100%; margin-top:8vw; */ padding-top:8vw; padding-bottom:32vw; 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:#1c1c1c; font-weight:700;}
	.layer .content .sort_result .hot_brand .brand_list {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 {display:inline-block; 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-top:1.86667vw; font-size:3.46667vw; color:#999; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.layer .content .sort_result .hot_brand .brand_list .item.current .thumb {border:0.53333vw solid #1c1c1c;}
	.layer .content .sort_result .hot_brand .brand_list .item.current .name {font-weight:700; color:#1c1c1c;}
	.layer .content .sort_result .hot_brand .brand_list .item.current .name span {}

	.layer .content .sort_result .result {width:100%; margin-top:6.4vw; 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.26667vw; padding:2.66667vw 6.66667vw 0 6.66667vw; box-sizing:border-box; font-size:8vw; color:#1c1c1c;}
	.layer .content .sort_result .result .label:first-child {margin-top:0;}
	.layer .content .sort_result .result .list {width:100%; margin-top:1.2vw;}
	.layer .content .sort_result .result .list .item {width:100%; height:13.33333vw; padding:4.53333vw 6.66667vw 0 6.66667vw; box-sizing:border-box; font-size:4.26667vw; color:#999; 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:#1c1c1c; font-weight:700;}

	.layer .content .sort_result .btn_area {position:fixed; left:0; bottom:0; width:100%;}

	.layer .content .thumb_result {position:absolute; left:0; right:0; top:30.13333vw; bottom:0; padding-bottom:32vw; 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 4vw; box-sizing:border-box; font-size:4.26667vw; color:#999; 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 #1c1c1c;}
	.layer .content .thumb_result .thumb_list .item.current .name {font-weight:700; color:#1c1c1c;}

	.layer .content .thumb_result .btn_area {position:fixed; left:0; bottom:0; width:100%;}

	.layer .content .search {width:100%; height:100%; box-sizing:border-box; padding:16.26667vw 0 0 0;}
	.layer .content .search .search_text {position:fixed; left:0; top:0; width:100%; height:16.26667vw; padding:0 14.4vw 0 11.73333vw; box-sizing:border-box; border-bottom:0.53333vw solid #1c1c1c; background:#fff;}
	.layer .content .search .search_text::before {content:''; position:absolute; left:5.33333vw; top:5.06667vw; width:6.4vw; height:6.4vw; background:url('../images/icon_search.svg') 50% 50% no-repeat; background-size:6.4vw auto;}
	.layer .content .search .search_text input {display:block; width:100%; height:15.73333vw; padding-left:2.66667vw; line-height:15.73333vw; font-size:4.26667vw; font-weight:500; color:#1c1c1c; border:none; box-sizing:border-box; outline:none; background:transparent;}
	.layer .content .search .search_popular {margin-top:5.33333vw;}
	.layer .content .search .search_popular .label {padding:0 5.33333vw; font-size:3.73333vw; color:#999; 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:#999; font-weight:400;}
	.layer .content .search .search_popular ul li:first-child {margin-top:0;}
	.layer .content .search .search_result {padding-top:5.33333vw; min-height:100%; box-sizing:border-box;}
	.layer .content .search .search_result ul {padding:5.33333vw 5.33333vw 26.66667vw 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 span {color:#1c1c1c;}
	.layer .content .search .search_result ul li a {display:block; color:inherit;}
	.layer .content .search .search_result ul li.no_data {font-size:4.26667vw; color:#999; font-weight:400;}

	.layer .content .search .btn_area {position:fixed; left:8vw; bottom:5.33333vw; right:8vw;}
	.layer .content .search .btn_area .btn_request {border-radius:5.33333vw; font-size:3.73333vw; line-height:5.06667vw; font-weight:400; color:#999;}

	.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:16.26667vw; padding:0 14.4vw 0 14.4vw; box-sizing:border-box; border-bottom:0.26667vw solid #eee; background:#fff; font-size:4.26667vw; color:#1c1c1c; line-height:14.93333vw; font-weight:700; text-align:center; z-index:10}
	.layer .content .request > .title span {position:relative; left:0.4vw; top:0.66667vw;}
	.layer .content .request .desc {position:relative; margin-top:12vw; z-index:1;}
	.layer .content .request .desc p {font-size:5.86667vw; font-weight:700; color:#1c1c1c; text-align:center;}
	.layer .content .request .desc span {display:block; margin-top:7.73333vw; font-size:5.06667vw; font-weight:500; color:#666; text-align:center; line-height:6.93333vw;}
	.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:#1c1c1c; 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:7.73333vw; 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; overflow:hidden; box-sizing:border-box; border:0.26667vw solid #e9ecef; background:#fff; font-size:5.06667vw; font-weight:500; border-radius:2.13333vw;}
	.layer .content .request .request_input .input_row:first-child {margin-top:0;}
	.layer .content .request .request_input .input_row label {flex:1 0 auto; padding:0 1.2vw 0 5.06667vw; outline:none; font-weight:500; color:#999;}
	.layer .content .request .request_input .input_row input {flex:1 1 auto; width:100%; outline:none; border:none; font-weight:500; color:#999;}
	.layer .content .request .request_input .input_row.active {border:0.26667vw solid #666; background:#fff;}
	.layer .content .request .request_input .input_row.active label,
	.layer .content .request .request_input .input_row.active input {color:#1c1c1c;}
	.layer .content .request .request_input .input_row:hover {border:0.26667vw solid #666; background:#fff;}
	.layer .content .request .request_input .input_row:hover label,
	.layer .content .request .request_input .input_row:hover input {color:#1c1c1c;}

	.layer .content .request .btn_area {margin:17.73333vw 5.33333vw 0 5.33333vw;}
	.layer .content .request .btn_area .btn_product {display:block; width:100%; height:16vw; padding-bottom:0.8vw; background:#ccc; font-size:5.86667vw; border:none; border-radius:2.66667vw; font-weight:700; text-align:center; color:#fff;}
	.layer .content .request .btn_area .btn_product.active {background:#1c1c1c;}

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

	.alert {position:fixed; left:0; top:0; width:100%; height:100%; font-size:0; background:rgba(0,0,0,0.5); text-align:center; z-index:9999;}
	.alert::after {content:''; display:inline-block; height:100%; vertical-align:middle;}
	.alert .alert_wrap {display:inline-block; min-width:78.66667vw; background:#fff; border-radius:5.33333vw; text-align:center; font-size:5.86667vw; font-weight:400; color:#1c1c1c; line-height:6.93333vw; vertical-align:middle;}
	.alert .alert_wrap .alert_text {padding:13.33333vw 8vw;}
	.alert .alert_wrap .btn_area {margin:0 13.33333vw; padding-bottom:8vw;}
	.alert .alert_wrap .btn_area .btn_alert_confirm {}

	/* 팝업 수정 240103 100vw */
	.popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:8.13333vw 6.8vw 9.33333vw; overflow-y:auto; overscroll-behavior:none; box-sizing:border-box; background:rgba(0,0,0,0.5); z-index:9000;}
	.popup .area_wrap {position:relative; width:100%; padding:0 2.66667vw 7.86667vw 1.33333vw; border-radius:5.33333vw; box-sizing:border-box; background:#fff;}
	.popup .btn_popup_close {position:absolute; right:4.13333vw; top:4.4vw; width:8.53333vw; height:8vw; border:none; background:url('../images/t_btn_close.svg') 50% 50% no-repeat; background-size:6.4vw auto; z-index:100;}
	.popup .content {width:100%;}

	.popup .item_set .item .item_wrap {position:relative; width:100%; height:100%; box-sizing:border-box;}
	.popup .item_set .item.item_product .item_wrap {width:100%; padding:0 7.86667vw; box-sizing:border-box;}
	.popup .item_set .item.item_product .thumb {display:flex; align-items:center; justify-content:center; height:50.66667vw; overflow:hidden;}
	.popup .item_set .item.item_product .thumb > span {flex:0 0 auto; height:100%;}
	.popup .item_set .item.item_product .thumb img {max-height:100%;}
	.popup .item_set .item.item_product .brand {width:100%; margin-top:5.33333vw; font-size:4.26667vw; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.popup .item_set .item.item_product .name {width:100%; max-height:13.33333vw; margin-top:2vw; font-size:4.26667vw; font-weight:700; color:#000; line-height:6.66667vw; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.popup .item_set .item.item_product .color {position:relative; width:100%; margin-top:2.66667vw; padding-left:9.73333vw; box-sizing:border-box; font-size:5.86667vw; font-weight:700; color:#000;}
	.popup .item_set .item.item_product .color i {position:absolute; left:0; top:50%; display:inline-block; width:7.06667vw; height:7.06667vw; margin-top:-3.2vw; background:#fff; vertical-align:middle;}
	.popup .item_set .item.item_product .color span {display:inline-block; width:100%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.popup .item_set .item.item_color .item_wrap {padding:7.33333vw 2.66667vw 2.66667vw 7.86667vw; overflow:hidden;}
	.popup .item_set .item.item_color .desc {font-size:4.26667vw; line-height:6.66667vw; color:#666; font-weight:500;}
	.popup .item_set .item.item_color .match {float:left; margin-top:9.46667vw; margin-left:-0.66667vw; white-space:nowrap;}
	.popup .item_set .item.item_color .match .label {font-size:3.73333vw; color:#666; font-weight:500; line-height:4vw;}
	.popup .item_set .item.item_color .match .number {margin-top:-1.06667vw; font-size:3.73333vw; color:#666; font-weight:500;}
	.popup .item_set .item.item_color .match .number .num {position:relative; font-size:13.33333vw; color:#000; font-weight:700; vertical-align:bottom; letter-spacing:-0.53333vw;}
	.popup .item_set .item.item_color .match .number .mark {position:relative; left:0.66667vw; top:-2vw; font-size:5.86667vw; color:#000; font-weight:700; vertical-align:bottom;}

	.popup .item_set .item.item_color .graph {float:right; position:relative; left:-3.2vw; margin:8.93333vw 0 0 0; padding-bottom:4.66667vw;}
	.popup .item_set .item.item_color .graph .label {position:absolute; left:0; bottom:0; width:100%; font-size:3.2vw; color:#000; font-weight:400; text-align:center;}
	.popup .item_set .item.item_color .graph .bright {position:relative;}
	.popup .item_set .item.item_color .graph .bright .bar {position:relative; width:43.73333vw; height:5.33333vw; border-radius:2.66667vw; background-image:linear-gradient(to left, #e2bfa6, #7c4f2f);}
	.popup .item_set .item.item_color .graph .bright .bar::after {content:''; position:absolute; left:50%; top:0; width:1.06667vw; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.popup .item_set .item.item_color .graph .bright .bar .legend {position:absolute; top:0; height:100%; line-height:5.33333vw; font-size:3.2vw; color:#fff;}
	.popup .item_set .item.item_color .graph .bright .bar .legend_0 {left:2.66667vw;}
	.popup .item_set .item.item_color .graph .bright .bar .legend_10 {right:2.66667vw;}
	.popup .item_set .item.item_color .graph .bright .mark_grid {position:absolute; left:2.13333vw; top:0; right:2.13333vw;}
	.popup .item_set .item.item_color .graph .bright .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.popup .item_set .item.item_color .graph .bright .mark .mark_wrap {position:absolute; right:0;}
	.popup .item_set .item.item_color .graph .bright .mark .mark_wrap .guide {position:absolute; left:50%; top:-6.93333vw; height:5.33333vw; padding:0 1.46667vw; box-sizing:border-box; border-radius:2.66667vw; background:#000; transform:translateX(-50%);}
	.popup .item_set .item.item_color .graph .bright .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:1.6vw solid transparent; border-right:1.6vw solid transparent; border-top:1.6vw solid black; transform:translateX(-50%) scale(0.7, 1);}
	.popup .item_set .item.item_color .graph .bright .mark .name {display:block; font-size:3.2vw; color:#fff; font-weight:400; line-height:5.33333vw; white-space:nowrap;}
	.popup .item_set .item.item_color .graph .temper {position:relative; margin-top:10.8vw;}
	.popup .item_set .item.item_color .graph .temper .bar {position:relative; width:43.73333vw; height:5.33333vw; border-radius:2.66667vw; background-image:linear-gradient(to left, #ed9c9c, #fcc291 50%, #fad400);}
	.popup .item_set .item.item_color .graph .temper .bar::after {content:''; position:absolute; left:50%; top:0; width:1.06667vw; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.popup .item_set .item.item_color .graph .temper .bar .legend {position:absolute; top:0; height:100%; line-height:5.33333vw; font-size:3.2vw; color:#fff;}
	.popup .item_set .item.item_color .graph .temper .bar .legend_0 {left:2.66667vw;}
	.popup .item_set .item.item_color .graph .temper .bar .legend_10 {right:2.66667vw;}
	.popup .item_set .item.item_color .graph .temper .mark_grid {position:absolute; left:2.13333vw; top:0; right:2.13333vw;}
	.popup .item_set .item.item_color .graph .temper .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.popup .item_set .item.item_color .graph .temper .mark .mark_wrap {position:absolute; right:0;}
	.popup .item_set .item.item_color .graph .temper .mark .mark_wrap .guide {position:absolute; left:50%; top:-6.93333vw; height:5.33333vw; padding:0 1.46667vw; box-sizing:border-box; border-radius:2.66667vw; background:#000; transform:translateX(-50%);}
	.popup .item_set .item.item_color .graph .temper .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:1.6vw solid transparent; border-right:1.6vw solid transparent; border-top:1.6vw solid black; transform:translateX(-50%) scale(0.7, 1);}
	.popup .item_set .item.item_color .graph .temper .mark .name {display:block; font-size:3.2vw; color:#fff; font-weight:400; line-height:5.33333vw; white-space:nowrap;}
	.popup .item_set .btn_area {display:flex; flex-direction:column; gap:2.93333vw; margin-top:2.66667vw; padding:0 2.53333vw 0 3.86667vw;}

	.popup .item_set .btn_area .btn {display:block; width:100%; background:#000; height:16vw; font-size:5.86667vw; border:none; font-weight:700; text-align:center; color:#fff;}
	.popup .item_set .btn_area .btn.round {border-radius:2.66667vw;}

}

/* -webkit-scrollbar-thumb 스크롤바는 PX값으로 고정시켜주세요 */
@media only screen and (min-width: 1024px) {

	.dis_mo {display:none;}

	.btn {display:block; width:100%; background:#1c1c1c; height:80px; font-size:28px; border:none; font-weight:700; text-align:center; color:#fff;}
	.btn:disabled,
	.btn.disabled {background:#ccc !important; color:#fff !important;}
	.btn.white {background:#f0f0f0; color:#1c1c1c;}
	.btn.round {border-radius:10px;}
	.btn.shadow {box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
	.btn.arrow {position:relative; height:60px; padding:0 40px 0 40px;}
	.btn.arrow span {position:relative; top:-1px; 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:27px; top:50%; display:inline-block; width:24px; height:24px; margin:-12px 0 0 0; background:url('../images/t_btn_arrow.svg') 50% 50% no-repeat; background-size:24px auto; vertical-align:middle;}

	.wrap {width:100%; height:100%; padding-top:60px; box-sizing:border-box;}
	.wrap > .site_header {position:fixed; left:0; top:0; width:100%; height:60px; border-bottom:1px solid #eee; box-sizing:border-box; background:#fff; z-index:1000;}
	.wrap > .site_header .site_back {position:absolute; left:0; top:0; width:86px; height:100%; background:url('../images/t_btn_back.svg') 50% 50% no-repeat; background-size:26px auto; 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 {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:0; text-align:center;}
	.wrap > .site_header .site_title span {position:relative; left:-3px; top:1px; display:inline-block; font-size:20px; color:#1c1c1c; font-weight:700; vertical-align:middle;}
	.wrap > .site_header .site_title img {height:16px; margin-top:5px; margin-left:1px; vertical-align:top;}
	.wrap > .content {width:100%; height:100%;}

	.main {width:100%; height:100%;}
	.main::after {content:''; position:fixed; left:0; top:0; width:100%; height:200%; background:#1c1c1c; z-index:0;}
	.main .main_wrap {position:relative; width:100%; min-height:100%; padding:426px 0 100px 0; box-sizing:border-box; background:#000 url('../images/t_main_bg.png') 50% -60px no-repeat; background-size:100% auto; z-index:10;}
	.main .title {text-align:center; font-weight:700; color:#fff; text-align:center; line-height:46px; font-size:36px;}
	.main .logo {position:absolute; left:50%; top:336px; width:50px; transform:translateX(-50%);}
	.main .logo img {width:100%;}
	.main .desc {width:100%; margin-top:28px; text-align:center; font-size:20px; font-weight:400; line-height:28px; color:#fff;}
	.main .btn_area {width:600px; margin:58px auto 0 auto;}

	.step {width:800px; margin:0 auto; padding-bottom:60px; background:#f5f5f5; z-index:10;}

	/* step_nav */
	.step .step_nav {position:relative; margin:0; padding:40px 0 70px 0; box-sizing:border-box;}
	.step .step_nav > div {position:relative; width:100%; height:12px; text-align:center; font-size:0;}
	.step .step_nav > div::before {content:''; position:absolute; left:0; top:50%; width:100%; margin-top:-1px; border-top:dashed 2px #ccc;}
	.step .step_nav > div::after {content:''; display:block; clear:both;}
	.step .step_nav > div > div {display:inline-block; width:12px; height:12px; text-align:center;}
	.step .step_nav > div > div > div {position:relative; width:100%; height:100%;}
	.step .step_nav > div > div:nth-child(2) {margin-left:-6px;}
	.step .step_nav > div > div > div::after {content:''; position:absolute; top:0; left:50%; width:12px; height:12px; margin-left:-6px; border:2px solid #ccc; box-sizing:border-box; border-radius:100%; background:#fff;}
	.step .step_nav > div > div:first-child {float:left;}
	.step .step_nav > div > div:last-child {float:right;}
	.step .step_nav > div > div em,
	.step .step_nav > div > div span {position:absolute; left:50%; top:24px; font-size:16px; color:#999; line-height:1; white-space:nowrap; transform:translate(-50%, 0); font-style:normal;}
	.step .step_nav > div > div.active em,
	.step .step_nav > div > div.active span {color:#1c1c1c;}
	.step .step_nav > div > div.active > div::after {border:1px solid #1c1c1c; background:#1c1c1c; width:16px; height:16px; margin-left:-8px; margin-top:-1px;}
	.step .step_nav > div > div.active::before {content:''; position:absolute; left:0; top:50%; width:50%; margin-top:-1px; height:2px; background:#1c1c1c;}
	.step .step_nav > div > div.active:last-child::before {width:100%;}
	.step .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; padding:55px 0 48px 0; border-radius:30px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#fff;}
	.step .step_intro .box_wrap > .title {font-weight:700; color:#1c1c1c; font-size:28px; text-align:center; line-height:46px;}
	.step .step_intro .thumb {height:120px; margin:26px auto 0 auto;}
	.step .step_intro .thumb img {display:block; max-height:100%; margin:0 auto;}
	.step .step_intro .desc {margin-top:31px; font-size:18px; color:#666; line-height:26px; font-weight:400; text-align:center;}
	.step .step_intro .btn_area {margin:40px 0 0 0;}

	/* step_search */
	.step .step_search {width:100%; background:#f5f5f5;}
	.step .step_search .step_nav {padding-bottom:71px;}
	.step .step_search .search_field {height:50px; margin:0 12px 30px 6px; cursor:pointer;}
	.step .step_search .search_field .area_wrap {position:relative; width:100%; height:100%; box-sizing:border-box; overflow:hidden; border-bottom:2px solid #1c1c1c;}
	.step .step_search .search_field .placeholder {float:left; padding:15px 0 0 10px; font-size:20px; line-height:1; color:#999;}
	.step .step_search .search_field .icon {float:right; width:26px; height:26px; margin:12px 11px 0 0; background:url('../images/t_icon_search.svg') 50% 50% no-repeat; background-size:100% auto;}

	.step .step_search .selected_list .item {margin:20px 0 0 0; padding:31px 15px 25px 20px; box-sizing:border-box; border:solid 0 #1c1c1c; border-radius:24px; height:80px; box-shadow:0 3px 6px 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:20px; color:#999; line-height:1;}
	.step .step_search .selected_list .item .placeholder {display:none; font-size:28px; font-weight:700; line-height:1;}
	.step .step_search .selected_list .item .info {display:none; align-items:center; padding:13px 0 0 18px; overflow:hidden;}
	.step .step_search .selected_list .item .info .thumb {flex:0 0 auto; width:84px; height:84px; margin-right:18px; border-radius:100%; overflow:hidden; box-sizing:border-box; border:2px solid #ccc; background:#fff;}
	.step .step_search .selected_list .item .info .thumb img {max-height:100%;}
	.step .step_search .selected_list .item .info .name {position:relative; top:1px; padding-right:15px; font-size:28px; line-height:32px; 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:39px 15px 36px 17px; border:solid 3px #1c1c1c; height:110px;}
	.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:110px; 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 .btn_area {margin:40px 0 0 0;}

	.finish {max-width:1140px; margin:0 auto; padding:0 25px 31px 25px; box-sizing:border-box; background:#f5f5f5; z-index:20;}
	.finish::before {content:''; display:block; width:100%; overflow:hidden;}
	.finish .product {position:sticky; top:80px; display:flex; align-items:center; height:110px; margin:40px auto 40px auto; padding:16px 15px 14px 18px; box-sizing:border-box; z-index:10;}
	.finish .product .thumb {position:relative; flex:0 0 auto; width:84px; height:84px; box-sizing:border-box; border-radius:100%; overflow:hidden; border:2px solid #d8d8d8; background:#fff; z-index:5;}
	.finish .product .thumb img {max-height:100%;}
	.finish .product .info {position:relative; padding:0 0 0 20px; box-sizing:border-box; font-size:20px; color:#666; line-height:30px; z-index:5;}
	.finish .product::before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#f5f5f5; border-radius:24px; z-index:1;}
	.finish .product::after {content:''; position:absolute; left:0; top:-45px; right:0; bottom:-10px; background:#f5f5f5; z-index:0;}

	.finish .matching {position:relative; width:100%;}
	.finish .matching > .title {margin:0 10px; font-size:28px; font-weight:700; color:#1c1c1c;}

	.finish .matching .slider {position:relative; margin:30px 0 0 0; padding-bottom:20px;}
	.finish .matching .slider .area_wrap {width:100%; padding:0 10px 20px 10px; box-sizing:border-box; font-size:0; white-space:nowrap; overflow-x:auto;}

	.finish .matching .slider .area_wrap .scroll_wrap {display:inline-block;}
	.finish .matching .slider .item {display:inline-block; width:385px; height:466px; margin-left:30px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#fff; border-radius:40px; white-space:normal; vertical-align:middle;}
	.finish .matching .slider .item:first-child {margin-left:0;}

	.finish .matching .slider .item .item_wrap {position:relative; width:100%; height:100%; box-sizing:border-box;}
	.finish .matching .slider .item.item_product .item_wrap {padding:260px 30px 0 30px;}
	.finish .matching .slider .item.item_product .thumb {position:absolute; left:30px; top:0; right:30px; display:flex; align-items:center; justify-content:center; height:240px; overflow:hidden;}
	.finish .matching .slider .item.item_product .thumb > span {flex:0 0 auto; height:100%;}
	.finish .matching .slider .item.item_product .thumb img {max-height:100%;}
	.finish .matching .slider .item.item_product .brand {width:100%; font-size:20px; font-weight:700; color:#1c1c1c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.finish .matching .slider .item.item_product .name {width:100%; min-height:60px; margin-top:14px; font-size:20px; font-weight:700; color:#1c1c1c; line-height:30px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.finish .matching .slider .item.item_product .color {position:relative; width:100%; margin-top:28px; padding-left:48px; box-sizing:border-box; font-size:28px; font-weight:700; color:#1c1c1c;}
	.finish .matching .slider .item.item_product .color i {position:absolute; left:0; top:50%; margin-right:13px; display:inline-block; width:35px; height:35px; margin-top:-15px; background:#fff; vertical-align:middle;}
	.finish .matching .slider .item.item_product .color span {display:inline-block; width:100%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.finish .matching .slider .item.item_color .item_wrap {padding:38px 30px 30px 30px;}
	.finish .matching .slider .item.item_color .desc {font-size:20px; line-height:30px; color:#666; font-weight:400;}
	.finish .matching .slider .item.item_color .match {position:absolute; left:30px; bottom:41px;}
	.finish .matching .slider .item.item_color .match .label {font-size:18px; color:#666; font-weight:400; line-height:1.44;}
	.finish .matching .slider .item.item_color .match .number {margin-top:-2px; font-size:18px; color:#666; font-weight:500;}
	.finish .matching .slider .item.item_color .match .number .num {position:relative; font-size:60px; color:#1c1c1c; font-weight:700; vertical-align:bottom;}
	.finish .matching .slider .item.item_color .match .number .mark {position:relative; top:-8px; font-size:32px; color:#1c1c1c; font-weight:700; vertical-align:bottom;}

	.finish .matching .slider .item.item_color .graph {position:absolute; right:30px; bottom:29px; padding-bottom:22px;}
	.finish .matching .slider .item.item_color .graph .label {position:absolute; left:0; bottom:0; width:100%; font-size:14px; color:#1c1c1c; font-weight:400; text-align:center;}
	.finish .matching .slider .item.item_color .graph .bright {position:relative;}
	.finish .matching .slider .item.item_color .graph .bright .bar {position:relative; width:198px; height:24px; border-radius:12px; background-image:linear-gradient(to left, #e2bfa6, #7c4f2f);}
	.finish .matching .slider .item.item_color .graph .bright .bar::after {content:''; position:absolute; left:50%; top:0; width:4px; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.finish .matching .slider .item.item_color .graph .bright .bar .legend {position:absolute; top:0; height:100%; line-height:24px; font-size:14px; color:#fff;}
	.finish .matching .slider .item.item_color .graph .bright .bar .legend_0 {left:12px;}
	.finish .matching .slider .item.item_color .graph .bright .bar .legend_10 {right:12px;}
	.finish .matching .slider .item.item_color .graph .bright .mark_grid {position:absolute; left:8px; top:0; right:8px;}
	.finish .matching .slider .item.item_color .graph .bright .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.finish .matching .slider .item.item_color .graph .bright .mark .mark_wrap {position:absolute; right:0;}
	.finish .matching .slider .item.item_color .graph .bright .mark .mark_wrap .guide {position:absolute; left:50%; top:-32px; height:24px; padding:0 7px; box-sizing:border-box; border-radius:12px; background:#1c1c1c; transform:translateX(-50%);}
	.finish .matching .slider .item.item_color .graph .bright .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid black; transform:translateX(-50%) scale(0.6, 1);}
	.finish .matching .slider .item.item_color .graph .bright .mark .name {display:block; font-size:14px; color:#fff; font-weight:400; line-height:24px; white-space:nowrap;}
	.finish .matching .slider .item.item_color .graph .temper {position:relative; margin-top:48px;}
	.finish .matching .slider .item.item_color .graph .temper .bar {position:relative; width:198px; height:24px; border-radius:12px; background-image:linear-gradient(to left, #ed9c9c, #fcc291 50%, #fad400);}
	.finish .matching .slider .item.item_color .graph .temper .bar::after {content:''; position:absolute; left:50%; top:0; width:4px; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.finish .matching .slider .item.item_color .graph .temper .bar .legend {position:absolute; top:0; height:100%; line-height:24px; font-size:14px; color:#fff;}
	.finish .matching .slider .item.item_color .graph .temper .bar .legend_0 {left:12px;}
	.finish .matching .slider .item.item_color .graph .temper .bar .legend_10 {right:12px;}
	.finish .matching .slider .item.item_color .graph .temper .mark_grid {position:absolute; left:8px; top:0; right:8px;}
	.finish .matching .slider .item.item_color .graph .temper .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.finish .matching .slider .item.item_color .graph .temper .mark .mark_wrap {position:absolute; right:0;}
	.finish .matching .slider .item.item_color .graph .temper .mark .mark_wrap .guide {position:absolute; left:50%; top:-32px; height:24px; padding:0 7px; box-sizing:border-box; border-radius:12px; background:#1c1c1c; transform:translateX(-50%);}
	.finish .matching .slider .item.item_color .graph .temper .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid black; transform:translateX(-50%) scale(0.6, 1);}
	.finish .matching .slider .item.item_color .graph .temper .mark .name {display:block; font-size:14px; color:#fff; font-weight:400; line-height:24px; white-space:nowrap;}

	.finish .matching .slider .item.item_picture .item_wrap {display:flex; align-items:center; justify-content:center; border-radius:40px; overflow:hidden;}
	.finish .matching .slider .item.item_picture .item_wrap > .thumb {flex:0 0 auto; height:100%;}
	.finish .matching .slider .item.item_picture .item_wrap img {max-height:100%;}

	.finish .matching .btn_area {display:flex; gap:22px; margin:0 0 0 0;}
	.finish .matching .btn_area > * {flex:1 1 auto;}

	.finish .no_matching {position:relative;width:100%; margin-top:41px;}

	.finish .no_matching .desc {width:100%; box-sizing:border-box;}
	.finish .no_matching .desc > p {font-size:28px; color:#1c1c1c; font-weight:700; text-align:center; line-height:33px;}
	.finish .no_matching .desc > span {display:block; margin-top:22px; font-size:20px; font-weight:400; color:#1c1c1c; line-height:30px; text-align:center;}
	.finish .no_matching .caution {margin-top:20px; padding:0; font-size:20px; text-align:center; color:#666;}
	.finish .no_matching .btn_area {margin:97px 0 0 0;}

	.finish .other {position:relative; width:100%; margin-top:40px; padding-bottom:69px;}
	.finish .other > .title {margin:0 10px; font-size:28px; font-weight:700; color:#1c1c1c; letter-spacing:0;}
	.finish .product_list {display:flex; flex-wrap:wrap; gap:23px; margin-top:41px; padding:0; font-size:0;}
	.finish .other .product_list {margin-top:30px;}
	.finish .other .caution {margin-top:20px; padding:0; font-size:20px; text-align:center; color:#666;}
	.finish .product_list .item {width:255px; height:486px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#fff; border-radius:40px; white-space:normal; vertical-align:middle; overflow:hidden;}
	.finish .product_list .item .item_wrap {position:relative; width:100%; height:100%; padding:220px 30px 30px 30px; box-sizing:border-box;}
	.finish .product_list .item .thumb {position:absolute; left:30px; top:0px; right:30px; display:flex; align-items:center; justify-content:center; height:200px; overflow:hidden;}
	.finish .product_list .item .thumb > span {flex:0 0 auto; height:100%;}
	.finish .product_list .item .thumb img {max-height:100%;}
	.finish .product_list .item .brand {width:100%; font-size:20px; font-weight:400; color:#1c1c1c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.finish .product_list .item .name {width:100%; min-height:60px; margin-top:12px; font-size:20px; font-weight:400; color:#1c1c1c; line-height:30px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.finish .product_list .item .color {position:relative; width:100%; margin-top:14px; padding-left:49px; box-sizing:border-box; font-size:28px; font-weight:700; color:#1c1c1c;}
	.finish .product_list .item .color::after {display:none;}
	.finish .product_list .item .color i {position:absolute; left:0; top:50%; margin-right:10px; display:inline-block; width:35px; height:36px; margin-top:-15px; background:#fff; vertical-align:middle;}
	.finish .product_list .item .color span {display:inline-block; width:100%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none;}
	.finish .product_list .item .match {position:absolute; left:30px; bottom:20px;}
	.finish .product_list .item .match .label {position:relative; top:1px; display:inline-block; margin-right:23px; font-size:16px; color:#666; font-weight:400; vertical-align:middle; line-height:24px;}
	.finish .product_list .item .match .number {position:relative; display:inline-block; font-size:18px; color:#666; font-weight:400; vertical-align:middle;}
	.finish .product_list .item .match .number .num {position:relative; font-size:60px; color:#1c1c1c; font-weight:700; vertical-align:bottom;}
	.finish .product_list .item .match .number .mark {position:relative; left:3px; top:-8px; font-size:32px; color:#1c1c1c; font-weight:700; vertical-align:bottom;}

	/* layer */
	.layer {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding-bottom:100px; background:#f5f5f5; z-index:9000;}
	.layer .area_wrap {position:relative; width:100%; height:100%; overflow-y:auto;}
	.layer .content {width:800px; margin:0 auto;}
	.layer .content._maxWidth {width:100%;}
	.layer .content._maxHeight {height:100%;}

	.layer .content .select_guide {padding:84px 0 0 2px; box-sizing:border-box; font-size:28px; font-weight:700; color:#1c1c1c; line-height:1;}

	.layer .content .sort_filter {position:relative; z-index:5; margin-top:34px; padding:0; box-sizing:border-box; background:#f5f5f5;}
	.layer .content .sort_filter .lang_type {width:100%; height:38px; overflow:hidden;}
	.layer .content .sort_filter .lang_type .item {float:left; width:395px; height:100%; border:2px solid #d8d8d8; box-sizing:border-box; line-height:34px; background:#fff; color:#999; font-size:16px; font-weight:400; text-align:center; cursor:pointer;}
	.layer .content .sort_filter .lang_type .item:first-child {border:2px solid #d8d8d8;}
	.layer .content .sort_filter .lang_type .item:first-child span {position:relative; top:1px; left:-4px;}
	.layer .content .sort_filter .lang_type .item:last-child {float:right;}
	.layer .content .sort_filter .lang_type .item:last-child span {position:relative; right:-4px;}
	.layer .content .sort_filter .lang_type .item.active {border:1px solid #1c1c1c; background:#1c1c1c; color:#fff;}

	.layer .content .sort_filter .cons_type {position:relative; width:100%; margin-top:11px; padding:0; overflow-x:auto; box-sizing:border-box; font-size:0; line-height:28px;}
	.layer .content .sort_filter .cons_type .type_list {position:relative; display:none; padding:0 0 2px 0; white-space:nowrap;}
	.layer .content .sort_filter .cons_type .type_list::after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; 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:0px 16px 0 16px; padding:5px 5px 6px 5px; font-size:16px; font-weight:400; color:#999; cursor:pointer;}
	.layer .content .sort_filter .cons_type .type_list .item:first-child {margin-left:0; margin-right:20px; padding-left:0; padding-right:0;}
	.layer .content .sort_filter .cons_type .type_list .item.current {color:#1c1c1c;}
	.layer .content .sort_filter .cons_type .type_list .item.current::after {content:''; position:absolute; left:0; right:0; bottom:0; height:4px; background:#1c1c1c;}

	.layer .content .sort_result {position:absolute; left:-3px; right:0; top:187px; bottom:0; /* width:100%; margin-top:30px; */ padding-top:0; padding-bottom:160px; overflow:hidden; overflow-y:auto; box-sizing:border-box;}

	.layer .content .sort_result .hot_brand {width:800px; margin:0 auto; padding:40px 9px 0 9px; box-sizing:border-box;}
	.layer .content .sort_result .hot_brand > .title {width:100%; font-size:24px; color:#1c1c1c; font-weight:700;}
	.layer .content .sort_result .hot_brand .brand_list {margin-top:18px; margin-left:-2px; padding:0; 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:block;}
	.layer .content .sort_result .hot_brand .brand_list .item {display:inline-block; width:84px; padding:0 13px 0 13px; 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:84px; height:84px; box-sizing:border-box; border-radius:100%; overflow:hidden; border:2px 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-top:8px; font-size:16px; color:#999; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.layer .content .sort_result .hot_brand .brand_list .item.current .thumb {border:3px solid #1c1c1c;}
	.layer .content .sort_result .hot_brand .brand_list .item.current .name {font-weight:700; color:#1c1c1c;}
	.layer .content .sort_result .hot_brand .brand_list .item.current .name span {}

	.layer .content .sort_result .result {width:800px; margin:31px auto 0 auto; padding:0 9px; box-sizing:border-box; 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:14px 10px 0 10px; box-sizing:border-box; font-size:40px; color:#1c1c1c;}
	.layer .content .sort_result .result .label:first-child {margin-top:0;}
	.layer .content .sort_result .result .list {width:100%; margin-top:4px;}
	.layer .content .sort_result .result .list .item {width:100%; height:50px; padding:15px 10px 0 10px; box-sizing:border-box; font-size:22px; color:#999; 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:#1c1c1c; font-weight:700;}

	.layer .content .sort_result .btn_area {position:fixed; left:0; bottom:68px; width:100%;}
	.layer .content .sort_result .btn_area > .btn {width:800px; margin:0 auto; border-radius:10px;}

	.layer .content .thumb_result {position:absolute; left:0; right:0; top:147px; bottom:0; padding-bottom:160px; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
	.layer .content .thumb_result .thumb_list {width:800px; margin:0 auto; box-sizing:border-box; font-size:0;}
	.layer .content .thumb_result .thumb_list .item {display:flex; align-items:center; width:100%; padding:8px 18px 8px 18px; box-sizing:border-box; cursor:pointer;}
	.layer .content .thumb_result .thumb_list .item .thumb {flex:0 0 auto; width:84px; height:84px; box-sizing:border-box; border-radius:100%; overflow:hidden; border:2px 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 20px 0 18px; box-sizing:border-box; font-size:22px; color:#999; line-height:32px; 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:3px solid #1c1c1c;}
	.layer .content .thumb_result .thumb_list .item.current .name {font-weight:700; color:#1c1c1c;}

	.layer .content .thumb_result .btn_area {position:fixed; left:0; bottom:68px; width:100%;}
	.layer .content .thumb_result .btn_area > .btn {width:800px; margin:0 auto; border-radius:10px;}

	.layer .content .search {width:100%; height:100%; box-sizing:border-box; padding:61px 0 0 0;}
	.layer .content .search .search_text {position:fixed; left:0; top:0; width:100%; height:61px; padding:0 56px 0 66px; box-sizing:border-box; border-bottom:2px solid #1c1c1c; background:#fff;}
	.layer .content .search .search_text::before {content:''; position:absolute; left:30px; top:17px; width:26px; height:26px; background:url('../images/t_icon_search.svg') 50% 50% no-repeat; background-size:26px auto;}
	.layer .content .search .search_text input {display:block; width:100%; height:59px; padding-left:10px; line-height:59px; font-size:20px; font-weight:500; color:#1c1c1c; border:none; box-sizing:border-box; outline:none; background:transparent;}
	.layer .content .search .search_popular {margin-top:20px;}
	.layer .content .search .search_popular .label {padding:0 60px; font-size:16px; color:#999; font-weight:400;}
	.layer .content .search .search_popular ul {margin-top:20px; padding:0 60px;}
	.layer .content .search .search_popular ul li {margin-top:20px; font-size:20px; color:#999; font-weight:400;}
	.layer .content .search .search_popular ul li:first-child {margin-top:0;}
	.layer .content .search .search_result {padding-top:20px; min-height:100%; box-sizing:border-box;}
	.layer .content .search .search_result ul {padding:20px 60px 140px 60px; box-sizing:border-box;}
	.layer .content .search .search_result ul li {margin-top:20px; font-size:20px; 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 span {color:#1c1c1c;}
	.layer .content .search .search_result ul li a {display:block; color:inherit;}
	.layer .content .search .search_result ul li.no_data {font-size:16px; color:#999; font-weight:400;}

	.layer .content .search .btn_area {position:fixed; left:100px; bottom:20px; right:100px;}
	.layer .content .search .btn_area .btn_request {border-radius:30px; font-size:20px; font-weight:400; color:#999;}

	.layer .content .request {position:relative; width:100%; min-height:100%; box-sizing:border-box; padding-top:60px; padding-bottom:100px;}
	.layer .content .request > .title {position:fixed; left:0; top:0; width:100%; height:60px; padding:0 84px 0 84px; box-sizing:border-box; background:#fff; font-size:20px; color:#1c1c1c; line-height:60px; font-weight:700; text-align:center; letter-spacing:-1px; z-index:10}
	.layer .content .request .desc {position:relative; margin-top:40px; z-index:1;}
	.layer .content .request .desc p {font-size:28px; font-weight:700; color:#1c1c1c; text-align:center;}
	.layer .content .request .desc span {display:block; margin-top:21px; font-size:22px; font-weight:500; color:#666; text-align:center; line-height:26px;}
	.layer .content .request .request_text {position:relative; width:800px; margin:41px auto 0 auto; z-index:1;}
	.layer .content .request .request_text textarea {display:block; width:100%; min-height:240px; padding:35px; box-sizing:border-box; border:none; background:#fff; font-size:22px; color:#1c1c1c; font-weight:500; line-height:38px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius:40px; text-align:left; 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; width:800px; margin:41px auto 0 auto; z-index:1;}
	.layer .content .request .request_input .input_row {display:flex; align-items:center; width:100%; height:54px; margin-top:8px; overflow:hidden; box-sizing:border-box; border:1px solid #e9ecef; background:#fff; font-size:22px; font-weight:500; border-radius:10px;}
	.layer .content .request .request_input .input_row:first-child {margin-top:0;}
	.layer .content .request .request_input .input_row label {flex:1 0 auto; padding:0 5px 0 19px; outline:none; font-weight:500; color:#999;}
	.layer .content .request .request_input .input_row input {flex:1 1 auto; width:100%; outline:none; border:none; font-weight:500; color:#999;}
	.layer .content .request .request_input .input_row.active {border:1px solid #1c1c1c; background:#fff;}
	.layer .content .request .request_input .input_row.active label,
	.layer .content .request .request_input .input_row.active input {color:#1c1c1c;}
	.layer .content .request .request_input .input_row:hover {border:1px solid #1c1c1c; background:#fff;}
	.layer .content .request .request_input .input_row:hover label,
	.layer .content .request .request_input .input_row:hover input {color:#1c1c1c;}

	.layer .content .request .btn_area {width:800px; margin:40px auto 0 auto;}
	.layer .content .request .btn_area .btn_product {display:block; width:100%; border-radius:10px; background:#ccc; height:80px; font-size:28px; border:none; font-weight:700; text-align:center; color:#fff;}
	.layer .content .request .btn_area .btn_product.active {background:#1c1c1c;}

	.layer .btn_layer_close {position:fixed; right:0; top:0; width:86px; height:60px; border:none; background:url('../images/t_btn_close.svg') 50% 50% no-repeat; background-size:26px auto; z-index:100;}

	.alert {position:fixed; left:0; top:0; width:100%; height:100%; font-size:0; background:rgba(0,0,0,0.5); text-align:center; z-index:9999;}
	.alert::after {content:''; display:inline-block; height:100%; vertical-align:middle;}
	.alert .alert_wrap {display:inline-block; min-width:400px; background:#fff; border-radius:24px; text-align:center; font-size:28px; font-weight:400; color:#1c1c1c; line-height:38px; vertical-align:middle;}
	.alert .alert_wrap .alert_text {padding:78px 40px 58px 40px;}
	.alert .alert_wrap .btn_area {margin:0 40px; padding-bottom:40px;}
	.alert .alert_wrap .btn_area .btn_alert_confirm {}

	.popup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:25px 0 35px 0; overflow-y:auto; overscroll-behavior:none; box-sizing:border-box; background:rgba(0,0,0,0.5); z-index:9000;}
	.popup .area_wrap {position:relative; width:440px; margin:0 auto; padding:0 0 41px 0; border-radius:40px; box-sizing:border-box; background:#fff;}
	.popup .btn_popup_close {position:absolute; right:28px; top:28px; width:30px; height:30px; border:none; background:url('../images/t_btn_close.svg') 50% 50% no-repeat; background-size:26px auto; z-index:100;}
	.popup .content {width:100%;}

	.popup .item_set .item .item_wrap {position:relative; width:100%; height:100%; box-sizing:border-box;}
	.popup .item_set .item.item_product .item_wrap {width:100%; padding:0 58px; box-sizing:border-box;}
	.popup .item_set .item.item_product .thumb {display:flex; align-items:center; justify-content:center; height:239px; overflow:hidden;}
	.popup .item_set .item.item_product .thumb > span {flex:0 0 auto; height:100%;}
	.popup .item_set .item.item_product .thumb img {max-height:100%;}
	.popup .item_set .item.item_product .brand {width:100%; margin-top:21px; font-size:20px; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.popup .item_set .item.item_product .name {width:100%; max-height:60px; margin-top:6px; font-size:20px; font-weight:700; color:#000; line-height:30px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
	.popup .item_set .item.item_product .color {position:relative; width:100%; margin-top:14px; padding-left:48px; box-sizing:border-box; font-size:28px; font-weight:700; color:#000;}
	.popup .item_set .item.item_product .color i {position:absolute; left:0; top:50%; display:inline-block; width:35px; height:35px; margin-top:-15px; background:#fff; vertical-align:middle;}
	.popup .item_set .item.item_product .color span {display:inline-block; width:100%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.popup .item_set .item.item_color .item_wrap {padding:29px 58px 20px 58px; overflow:hidden;}
	.popup .item_set .item.item_color .desc {font-size:20px; line-height:30px; color:#666; font-weight:400;}
	.popup .item_set .item.item_color .match {float:left; margin-top:30px;}
	.popup .item_set .item.item_color .match .label {font-size:18px; color:#666; font-weight:400; line-height:26px;}
	.popup .item_set .item.item_color .match .number {margin-top:-2px; font-size:18px; color:#666; font-weight:500;}
	.popup .item_set .item.item_color .match .number .num {position:relative; font-size:60px; color:#000; font-weight:700; vertical-align:bottom;}
	.popup .item_set .item.item_color .match .number .mark {position:relative; left:3px; top:-8px; font-size:32px; color:#1c1c1c; font-weight:700; vertical-align:bottom;}

	.popup .item_set .item.item_color .graph {float:right; position:relative; left:1px; margin:49px 0 0 0; padding-bottom:22px;}
	.popup .item_set .item.item_color .graph .label {position:absolute; left:0; bottom:0; width:100%; font-size:14px; color:#000; font-weight:400; text-align:center;}
	.popup .item_set .item.item_color .graph .bright {position:relative;}
	.popup .item_set .item.item_color .graph .bright .bar {position:relative; width:198px; height:24px; border-radius:12px; background-image:linear-gradient(to left, #e2bfa6, #7c4f2f);}
	.popup .item_set .item.item_color .graph .bright .bar::after {content:''; position:absolute; left:50%; top:0; width:4px; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.popup .item_set .item.item_color .graph .bright .bar .legend {position:absolute; top:0; height:100%; line-height:24px; font-size:14px; color:#fff;}
	.popup .item_set .item.item_color .graph .bright .bar .legend_0 {left:12px;}
	.popup .item_set .item.item_color .graph .bright .bar .legend_10 {right:12px;}
	.popup .item_set .item.item_color .graph .bright .mark_grid {position:absolute; left:8px; top:0; right:8px;}
	.popup .item_set .item.item_color .graph .bright .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.popup .item_set .item.item_color .graph .bright .mark .mark_wrap {position:absolute; right:0;}
	.popup .item_set .item.item_color .graph .bright .mark .mark_wrap .guide {position:absolute; left:50%; top:-32px; height:24px; padding:0 7px; box-sizing:border-box; border-radius:12px; background:#000; transform:translateX(-50%);}
	.popup .item_set .item.item_color .graph .bright .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid black; transform:translateX(-50%) scale(0.7, 1);}
	.popup .item_set .item.item_color .graph .bright .mark .name {display:block; font-size:14px; color:#fff; font-weight:400; line-height:24px; white-space:nowrap;}
	.popup .item_set .item.item_color .graph .temper {position:relative; margin-top:48px;}
	.popup .item_set .item.item_color .graph .temper .bar {position:relative; width:198px; height:24px; border-radius:12px; background-image:linear-gradient(to left, #ed9c9c, #fcc291 50%, #fad400);}
	.popup .item_set .item.item_color .graph .temper .bar::after {content:''; position:absolute; left:50%; top:0; width:4px; height:100%; background:#fff; transform:translateX(-50%); z-index:1;}
	.popup .item_set .item.item_color .graph .temper .bar .legend {position:absolute; top:0; height:100%; line-height:24px; font-size:14px; color:#fff;}
	.popup .item_set .item.item_color .graph .temper .bar .legend_0 {left:12px;}
	.popup .item_set .item.item_color .graph .temper .bar .legend_10 {right:12px;}
	.popup .item_set .item.item_color .graph .temper .mark_grid {position:absolute; left:8px; top:0; right:8px;}
	.popup .item_set .item.item_color .graph .temper .mark {position:absolute; left:0; top:0; width:50%; transition:width 0.5s ease-out; transform:translate3d(0,0,0);}
	.popup .item_set .item.item_color .graph .temper .mark .mark_wrap {position:absolute; right:0;}
	.popup .item_set .item.item_color .graph .temper .mark .mark_wrap .guide {position:absolute; left:50%; top:-32px; height:24px; padding:0 7px; box-sizing:border-box; border-radius:12px; background:#000; transform:translateX(-50%);}
	.popup .item_set .item.item_color .graph .temper .mark .mark_wrap .guide::after {content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid black; transform:translateX(-50%) scale(0.7, 1);}
	.popup .item_set .item.item_color .graph .temper .mark .name {display:block; font-size:14px; color:#fff; font-weight:400; line-height:24px; white-space:nowrap;}
	.popup .item_set .btn_area {display:flex; flex-direction:column; gap:8px; margin-top:10px; padding:0 60px;}

	.popup .item_set .btn_area .btn {display:block; width:100%; background:#000; height:60px; font-size:28px; border:none; font-weight:700; text-align:center; color:#fff;}
	.popup .item_set .btn_area .btn.round {border-radius:10px;}

	.finish .matching .slider .area_wrap::-webkit-scrollbar {display:block;}
	.finish .matching .slider .area_wrap::-webkit-scrollbar-thumb {border-radius:80px; border:5px solid transparent; background-clip:content-box; background-color:#bbb;}
	.finish .matching .slider .area_wrap::-webkit-scrollbar-track {background-color:transparent;}
	.layer .content .sort_filter .cons_type::-webkit-scrollbar {display:block;}
	.layer .content .sort_filter .cons_type::-webkit-scrollbar-thumb {border-radius:80px; border:5px solid transparent; background-clip:content-box; background-color:#bbb;}
	.layer .content .sort_filter .cons_type::-webkit-scrollbar-track {background-color:transparent;}
	.layer .content .sort_result::-webkit-scrollbar {display:block;}
	.layer .content .sort_result::-webkit-scrollbar-thumb {border-radius:80px; border:5px solid transparent; background-clip:content-box; background-color:#bbb;}
	.layer .content .sort_result::-webkit-scrollbar-track {background-color:transparent;}
}

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

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