.search-modal-wrap { display: none; background-color: rgba(245, 245, 245, 0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; overflow-y: scroll; justify-content: center; align-items: center; }
.search-modal-wrap .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.search-modal-wrap .search-modal-content { position: relative; z-index: 101; width: 648px; min-width: 648px; min-height: 728px; margin: 50px auto; }
.search-modal-wrap .search-modal-content .close { content: ''; display: inline-block; width: 100%; height: 20px; background-image: url(https://chut.itembox.cloud/item/images/search_step/close.svg); background-position: right; background-repeat: no-repeat; background-size: auto; }
.search-modal-wrap .search-modal-content ul.search-modal-tab { width: 100%; display: flex; justify-content: space-between; }
.search-modal-wrap .search-modal-content ul.search-modal-tab li { font-size: 13px; display: flex; justify-content: center; align-items: center; width: 49.38272%; height: 40px; cursor: pointer; color: white; background-color: #878787; }
.search-modal-wrap .search-modal-content ul.search-modal-tab li.select { color: #2f2f2f; background-color: white; }
.search-modal-wrap .search-modal-content .step-content { display: none; width: 648px; height: 728px; background-color: white; overflow: hidden; position: relative; }
.search-modal-wrap .search-modal-content .step-content .aw-slide { height: 100%; display: block; transform: translate3d(0px, 0px, 0px); position: relative; -webkit-transition: all 1s; transition: all 1s; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box { position: relative; float: left; display: inline-block; width: 50%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .scroll-cover { overflow: hidden; height: 100%; width: 103%; overflow-y: scroll; position: relative; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content { position: relative; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content [data-step-items] { display: none; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 { display: flex; justify-content: center; align-items: center; margin-bottom: 42px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .logo { background-image: url(https://chut.itembox.design/item/images/search_step/logo.png); background-position: center; background-repeat: no-repeat; width: 56px; height: 56px; margin-right: 30px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label { border: solid 2px #dbdbdb; border-radius: 5px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank { display: flex; justify-content: center; align-items: center; position: relative; background-color: whitesmoke; padding: 11px 30px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .arrow { display: block; border-top: 10px solid transparent; border-right: 20px solid whitesmoke; border-bottom: 10px solid transparent; position: absolute; left: -19px; top: 33%; z-index: 1; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .arrow-border { display: block; border-top: 12px solid transparent; border-right: 22px solid #dbdbdb; border-bottom: 12px solid transparent; position: absolute; left: -22px; top: 30%; z-index: 0; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .step-texts .step-no { text-align: center; font-size: 13px; color: #5c99b0; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .step-texts .step-title { font-size: 16px; color: #2f2f2f; text-align: center; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content h2.step-sub-label { width: 100%; text-align: center; margin-bottom: 37px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content h2.step-sub-label > p.title { font-size: 24px; border-bottom: solid 2px #bc5371; display: inline; margin: auto; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content h2.step-sub-label p.sub-title { margin-top: 8px; font-size: 13px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 { padding-top: 40px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content { height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block { position: relative; width: 443px; height: 384px; margin: auto; display: flex; justify-content: center; align-items: center; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name1, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name2, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name3, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name4 { position: absolute; font-size: 12px; color: #2f2f2f; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name1 { top: 0; left: 0; text-align: center; width: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name2 { top: 0; right: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center; height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name3 { left: 0; bottom: 0; text-align: center; width: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name4 { top: 0; left: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center; height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart { width: 400px; height: 341px; background: repeating-linear-gradient(-30deg, #eef5f7 0, #eef5f7 5px, white 5px, white 10px); }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn { width: 50%; position: relative; display: block; background-image: url(https://chut.itembox.design/item/images/search_step/check.png); background-position: center; background-repeat: no-repeat; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:nth-of-type(1) { border-bottom: solid 1px #bdd5de; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:nth-of-type(2) { border-left: solid 1px #bdd5de; border-bottom: solid 1px #bdd5de; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:nth-of-type(4) { border-left: solid 1px #bdd5de; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn::after { content: ""; padding: 85% 0 0; width: 100%; display: block; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn.on, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:hover { background-image: none; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn.on > div, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:hover > div { position: absolute; top: 0; width: 100%; height: 100%; background-image: url(https://chut.itembox.design/item/images/search_step/check_on.png); background-position: center; background-repeat: no-repeat; border: solid 1px #ae4951; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn.on > div::after, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:hover > div::after { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(174, 73, 81, 0.1); }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 { background-color: white; padding-top: 40px; padding-bottom: 40px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content { padding-bottom: 40px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block { width: 560px; margin: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li { position: relative; width: 47.14286%; border: solid 1px black; padding: 32px; margin-right: 16px; margin-bottom: 16px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail .thumbnail { margin: auto; text-align: center; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail .thumbnail img { max-width: 100%; width: auto; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail p.name { font-size: 20px; text-align: center; margin-bottom: 16px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail dl { display: flex; justify-content: flex-start; margin-bottom: 5px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail dl dt { display: inline-block; width: 10px; height: 10px; border: solid 1px black; margin-right: 8px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail dl dd { font-size: 13px; line-height: 1; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail a.link-btn { margin-top: 10px; width: 200px; height: 40px; background-color: #bc5371; font-size: 14px; display: flex; justify-content: center; align-items: center; color: white; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content .back-btn { width: calc(560px/2); height: calc(88px/2); background-color: whitesmoke; border: solid 1px #dbdbdb; display: flex; justify-content: center; align-items: center; margin: auto; cursor: pointer; }
.search-modal-wrap .search-modal-content .search-form-content { display: flex; width: 648px; padding-top: 55px; padding-left: 56px; padding-right: 56px; padding-bottom: 60px; background-color: white; }
.search-modal-wrap .search-modal-content .search-form-content > form { width: 100%; }
.search-modal-wrap .search-modal-content .search-form-content .textbox { width: 100%; height: 44px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select { width: 256px; height: 44px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select:nth-child(odd) { margin-right: 24px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select:nth-child(-n + 2) { margin-bottom: 24px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select:disabled { background-color: whitesmoke !important; }
.search-modal-wrap .search-modal-content .search-form-content .price-group { margin-bottom: 30px; }
.search-modal-wrap .search-modal-content .search-form-content .price-group > span { margin-bottom: 8px; font-size: 13px; display: inline-block; }
.search-modal-wrap .search-modal-content .search-form-content .price-group input[type="text"] { width: 160px; }
.search-modal-wrap .search-modal-content .search-form-content .price-group .flex { display: flex; justify-content: flex-start; }
.search-modal-wrap .search-modal-content .search-form-content .price-group .flex p.p-text { display: flex; justify-content: center; align-items: center; width: 40px; height: 44px; }
.search-modal-wrap .search-modal-content .search-form-content .color-group { margin-bottom: 30px; }
.search-modal-wrap .search-modal-content .search-form-content .color-group > span { margin-bottom: 8px; font-size: 13px; display: inline-block; }
.search-modal-wrap .search-modal-content .search-form-content .color-group input[type="radio"] { display: none; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label { -webkit-transition: all 0.3s; transition: all 0.3s; width: 32px; height: 32px; display: inline-block; border-radius: 100%; background-size: cover; margin-right: 11px; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label:nth-of-type(-n + 12) { margin-bottom: 11px; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label.checked { width: 32px; height: 32px; border: solid 4px #dbdbdb; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 24px; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group > span { margin-right: 33px; height: 44px; display: flex; justify-content: center; align-items: center; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group input[type="radio"] { display: none; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group label { -webkit-transition: all 0.3s; transition: all 0.3s; width: 160px; height: 44px; display: inline-block; background-size: cover; margin-right: 8px; display: flex; justify-content: center; align-items: center; font-size: 13px; background-color: whitesmoke; color: #aaaaaa; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group label.checked { background-color: #878787; color: white; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group { display: flex; justify-content: center; margin-top: 40px; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group button { display: flex; justify-content: center; align-items: center; width: 160px; height: 40px; border: solid 1px #2f2f2f; color: black; background-color: white; font-size: 13px; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group button:first-of-type { margin-right: 16px; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group button:hover { color: white; background-color: #2f2f2f; }

.search-modal-wrap .search-modal-content .search-form-content .btn-group button {
	background-color: #ddd;
	border: none;
	border-radius: 20px;
	transition: 0.3s;
	-webkit−transition: 0.3s;
}
.search-modal-wrap .search-modal-content .search-form-content .btn-group button:nth-child(1) {
	background-color: #ddd;
}
.search-modal-wrap .search-modal-content .search-form-content .btn-group button:nth-child(2) {
	background-color: #221F1D;
	color: #fff;
}
.search-modal-wrap .search-modal-content .search-form-content .btn-group button:hover {
	background-color: #6797AA !important;
	color: #fff !important;
}

@media screen and (max-width: 767px) {
/* font
------------------------------------------------ */
@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,600|Crimson+Text:400,500,600|Overpass:400,500,600|Playfair+Display:400,400i");
.fRaleway { font-family: 'Raleway', sans-serif; }

.fCrimson { font-family: 'Crimson Text', sans-serif; }

.fOverpass { font-family: 'Overpass', sans-serif; }

.fPlayfairDisplay { font-family: 'Playfair Display', sans-serif; }

/* reset
------------------------------------------------ */
body, div, pre, p, a, img, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object, figure, figcaption { margin: 0; padding: 0; }


ul, ol { list-style: none; }

img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }

a:hover { text-decoration: none; }

/* clearfix
------------------------------------------------ */
.clearfix { clear: both; }
.clearfix:before { content: ' '; display: table; }
.clearfix:after { content: ' '; display: table; clear: both; }

.search-modal-wrap { display: none; background-color: rgba(245, 245, 245, 0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100; overflow-y: scroll; justify-content: center; align-items: center; -webkit-overflow-scrolling: touch; }
.search-modal-wrap .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.search-modal-wrap .search-modal-content { position: relative; z-index: 101; width: 92.5%; margin: 10px auto 100px auto; }
.search-modal-wrap .search-modal-content .close { content: ''; display: inline-block; width: 100%; height: 20px; background-image: url(https://chut.itembox.design/item/images/search_step/close.png); background-position: right; background-repeat: no-repeat; background-size: auto; }
.search-modal-wrap .search-modal-content ul.search-modal-tab { width: 100%; display: flex; justify-content: space-between; }
.search-modal-wrap .search-modal-content ul.search-modal-tab li { font-size: 3.125vw; display: flex; justify-content: center; align-items: center; width: 49.38272%; height: 40px; cursor: pointer; color: white; background-color: #878787; }
.search-modal-wrap .search-modal-content ul.search-modal-tab li.select { color: #2f2f2f; background-color: white; }
.search-modal-wrap .search-modal-content .step-content { display: block; width: 100%; min-width: 280px; height: 100vh; background-color: white; overflow: hidden; position: relative; }
.search-modal-wrap .search-modal-content .step-content .aw-slide { height: 100%; transform: translate3d(0px, 0px, 0px); position: relative; display: flex; justify-content: flex-start; -webkit-transition: all 1s; transition: all 1s; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box { position: relative; float: left; display: block; width: 100vw; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .scroll-cover { overflow: hidden; height: 100%; width: 103%; overflow-y: scroll; position: relative; -webkit-overflow-scrolling: touch; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content { position: relative; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content [data-step-items] { display: none; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 { display: flex; justify-content: center; align-items: center; margin-bottom: 9.375%; width: 95%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .logo { background-image: url(https://chut.itembox.design/item/images/search_step/logo.png); background-position: center; background-repeat: no-repeat; background-size: 100%; width: 40px; height: 40px; margin-right: 30px; border-radius: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label { border: solid 2px #dbdbdb; border-radius: 5px; width: 70%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank { display: flex; justify-content: center; align-items: center; position: relative; background-color: whitesmoke; padding: 6% 0%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .arrow { display: block; border-top: 10px solid transparent; border-right: 20px solid whitesmoke; border-bottom: 10px solid transparent; position: absolute; left: -19px; top: 33%; z-index: 1; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .arrow-border { display: block; border-top: 12px solid transparent; border-right: 22px solid #dbdbdb; border-bottom: 12px solid transparent; position: absolute; left: -22px; top: 30%; z-index: 0; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .step-texts .step-no { text-align: center; font-size: 2.8125vw; color: #5c99b0; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content > h1 .step-label .blank .step-texts .step-title { font-size: 3.4375vw; color: #2f2f2f; text-align: center; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content h2.step-sub-label { width: 100%; text-align: center; margin-bottom: 9.21875%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content h2.step-sub-label > p.title { font-size: 5vw; border-bottom: solid 2px #bc5371; display: inline; margin: auto; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box .content h2.step-sub-label p.sub-title { margin-top: 8px; font-size: 3.75vw; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 { padding: 7.5% 3.75%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .scroll-cover { overflow: unset; overflow-y: unset; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content { height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block { position: relative; width: 90%; margin: auto; margin-top: 18.75%; display: flex; justify-content: center; align-items: center; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name1, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name2, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name3, .search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name4 { position: absolute; font-size: 3.125vw; color: #2f2f2f; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name1 { top: -20px; left: 0; text-align: center; width: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name2 { top: 0; right: -20px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center; height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name3 { left: 0; bottom: -20px; text-align: center; width: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart-name4 { top: 0; left: -20px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center; height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart { position: relative; width: 100%; padding: 85.04348% 0 0; background: repeating-linear-gradient(-30deg, #eef5f7 0, #eef5f7 5px, white 5px, white 10px); }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul { position: absolute; top: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; height: 100%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn { width: 50%; position: relative; display: block; background-image: url(https://chut.itembox.design/item/images/search_step/check.png); background-position: center; background-repeat: no-repeat; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:nth-of-type(1) { border-bottom: solid 1px #bdd5de; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:nth-of-type(2) { border-left: solid 1px #bdd5de; border-bottom: solid 1px #bdd5de; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn:nth-of-type(4) { border-left: solid 1px #bdd5de; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn::after { content: ""; padding: 85% 0 0; width: 100%; display: block; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn.on { background-image: none; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn.on > div { position: absolute; top: 0; width: 100%; height: 100%; background-image: url(https://chut.itembox.design/item/images/search_step/check_on.png); background-position: center; background-repeat: no-repeat; border: solid 1px #ae4951; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid1 .content .chart-block .chart ul li.chart-btn.on > div::after { content: ""; width: 100%; height: 100%; display: block; background-color: rgba(174, 73, 81, 0.1); }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 { background-color: white; padding-top: 40px; padding-bottom: 40px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content { padding-bottom: 40px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block { width: 80%; margin: auto; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li { position: relative; width: 100%; border: solid 1px black; padding: 10.3125% 8.75%; margin-bottom: 9.375%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail .thumbnail { margin: auto; text-align: center; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail .thumbnail img { max-width: 100%; width: auto; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail p.name { font-size: 4.6875vw; text-align: center; margin-bottom: 4.6875%; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail dl { display: flex; justify-content: flex-start; margin-bottom: 5px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail dl dt { display: inline-block; width: 10px; height: 10px; border: solid 1px black; margin-right: 8px; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail dl dd { font-size: 3.4375vw; line-height: 1; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content ul.select-item-block li .slect-item-detail a.link-btn { margin-top: 5.78125%; width: 100%; height: 40px; background-color: #bc5371; font-size: 3.4375vw; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: white; cursor: pointer; }
.search-modal-wrap .search-modal-content .step-content .aw-slide .slid-box.slid2 .content .back-btn { width: 80%; height: calc(88px / 2); background-color: whitesmoke; border: solid 1px #dbdbdb; display: flex; justify-content: center; align-items: center; margin: auto; cursor: pointer; }
.search-modal-wrap .search-modal-content .search-form-content { display: none; width: 100%; padding-top: 7.5%; padding-left: 6.25%; padding-right: 6.25%; padding-bottom: 8.75%; background-color: white; }
.search-modal-wrap .search-modal-content .search-form-content .textbox { width: 100%; height: 44px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group { width: 100%; margin-bottom: 3.75%; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select { font-size: 14px; padding-left: 5%; height: 44px; border-radius: 4px; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select:nth-child(odd) { margin-bottom: 3.75%; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select:nth-child(-n + 2) { margin-bottom: 3.75%; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select:disabled { background-color: whitesmoke !important; }
.search-modal-wrap .search-modal-content .search-form-content .price-group { margin-bottom: 5.9375%; }
.search-modal-wrap .search-modal-content .search-form-content .price-group > span { margin-bottom: 1.25%; font-size: 3.4375vw; display: inline-block; }
.search-modal-wrap .search-modal-content .search-form-content .price-group input[type="text"] { width: 33.78378%; }
.search-modal-wrap .search-modal-content .search-form-content .price-group .flex { display: flex; justify-content: flex-start; }
.search-modal-wrap .search-modal-content .search-form-content .price-group .flex p.p-text { display: flex; justify-content: center; align-items: center; width: 12.5%; height: 44px; }
.search-modal-wrap .search-modal-content .search-form-content .color-group { margin-bottom: 5.9375%; }
.search-modal-wrap .search-modal-content .search-form-content .color-group > span { margin-bottom: 1.25%; font-size: 3.4375vw; display: inline-block; }
.search-modal-wrap .search-modal-content .search-form-content .color-group input[type="radio"] { display: none; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label { -webkit-transition: all 0.3s; transition: all 0.3s; width: 13.802%; padding-top: 13.802%; display: inline-block; border-radius: 100%; background-size: cover; margin-right: 3.4375%; margin-bottom: 3.4375%; cursor: pointer; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label.checked { position: relative; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label.checked::before { display: block; content: ''; width: calc(100% + 4px); padding-top: calc(100% + 4px); border: solid 2px #dbdbdb; position: absolute; border-radius: 100%; top: -4px; left: -4px; }
.search-modal-wrap .search-modal-content .search-form-content .color-group #search-color-box label:nth-of-type(6n) { margin-right: 0; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 6.25%; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group > span { width: 100%; text-align: left; font-size: 3.4375vw; margin-bottom: 1.71875%; margin-right: 0;}
.search-modal-wrap .search-modal-content .search-form-content .radio-group input[type="radio"] { display: none; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group label { -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; width: 47%; height: 44px; display: inline-block; display: flex; border-radius: 4px; justify-content: center; align-items: center; font-size: 3.4375vw; background-color: whitesmoke; color: #aaaaaa; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group label:first-of-type { margin-right: 3.75%; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group label.checked { background-color: #878787; color: white; }
.search-modal-wrap .search-modal-content .search-form-content input[type="text"] { font-size: 16px; border-radius: 4px; height: 44px; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group { display: flex; justify-content: space-between; margin-top: 9%; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group button { display: flex; justify-content: center; align-items: center; width: 47%; height: 40px; border: solid 1px #2f2f2f; color: black; background-color: white; font-size: 3.4375vw; }
.search-modal-wrap .search-modal-content .search-form-content .btn-group button:hover { color: white; background-color: #2f2f2f; }
.search-modal-wrap .search-modal-content { position: relative; z-index: 101; width: 90%; min-width: auto; min-height: 728px; margin: 50px auto; }
.search-modal-wrap .search-modal-content .search-form-content .select-group select { margin-right: 0; }
.search-modal-wrap .search-modal-content .search-form-content .radio-group label { margin-right: 0;}
.search-modal-wrap .search-modal-content .search-form-content .select-group select:nth-child(odd) {
    margin-right: 0;
}
.search-modal-wrap .search-modal-content .search-form-content .select-group select {
    width: 100%;
}
}
[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea {
    padding: 12px;
}
.search-modal-wrap .search-modal-content .search-form-content .select-group select {
    padding-left: 12px;
	height: 50px;
}
.search-modal-wrap select {
    background: url(https://chut.itembox.cloud/item/images/select_arrow1.png) no-repeat right 10px center #fff !important;
}