.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.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: 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; }