.pdview1{gap:30px;}
.pdview1 .left{display: flex;}
.pdview1 .left .bxslider li{height: 100vw!important;width: 100vw!important;}
.pdview1 .left img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.pdview1 .right{width: 100%;text-align: left;box-sizing: border-box;display: flex;flex-direction: column;padding: 0 var(--pd15);}
.pdview1 .right hgroup{display: flex;flex-direction: column;gap: 15px;}
.pdview1 .right h1{font-size: 17px;padding: 0;font-family: 'TheJamsil';font-weight: 400;color: var(--txtgray1);}
.pdview1 .right h2{font-size:21px;color: var(--txtblack);font-family: 'Paybooc';display: flex;justify-content: space-between;align-items: center;}
.pdview1 .right h2 b{font-size: 25px;}
.pdview1 .right h2 em{color: var(--txtgray2);}
.pdview1 .right h2 span{display: flex;align-items: center;gap: 3px;}
.pdview1 .right h2 i{font-size: 23px;color: var(--linegray1);}
.pdview1 .right h2 .on i{color: var(--blue);}
.pdselect{display: flex;flex-direction: column;gap: 40px;}
.pdselect .in{display: flex;flex-direction: column;gap: 10px;font-size: 15px;}
.pdselect .in p{font-weight: 600;font-size: 15px;}
.pd_obj input[type="radio"] {display: none;}
.pd_obj input[type="radio"] + span {display: inline-block; padding: 5px 12px;cursor: pointer;border-radius: var(--pd05);border: 1px solid var(--linegray1);}
.pd_obj input[type="radio"]:checked + span {background: var(--btngreen1);color: var(--white);border-color: var(--btngreen1);}
.pdselect .con1{display: flex;gap: 10px;}
.pdview1 .right .bx-pager{width: 520px;}
.pdview1 .right .bx-pager img{width: 130px;}
.qua{display: flex;gap: 10px;font-size:20px;}
.qua a {border: 1px solid #d3d3d3;border-radius: 3px;height: 48px;width: 48px;min-width: 48px;color: #4d4d4f;box-sizing: border-box;line-height: 48px;font-size: inherit;text-align: center;}
.qua a:hover, .qua input:hover{border-color: var(--blue);}
.qua input{width: 48px;padding: 0;height: 48px;font-size: inherit;border-radius: 3px;border: 1px solid #d3d3d3;text-align: center;}
.button_box1{display: flex;gap: 10px;}
.cartbtn{padding: 17px 0;text-transform: uppercase;text-align: center;font-size: 15px;width: 100%;border: 1px solid var(--pink);border-radius: var(--pd05);}
.product-description{display: flex;flex-direction: column;gap: 10px;font-size: 15px;}
.product-description li{list-style: disc;margin-left: 15px;}
.dtview{border-top: 1px solid var(--linegray1);}
input[id*="detail"] {display:none;}
input[id*="detail"] + label {padding:var(--pd20) 0;cursor:pointer;position:relative;border-bottom: 1px solid var(--linegray1);display: flex;justify-content: space-between;align-items: center;}
input[id*="detail"] + label span{font-size: 15px;}
input[id*="detail"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray);}
input[id*="detail"] + label + div p {display:inline-block;padding:var(--pd20) var(--pd15);}
input[id*="detail"]:checked + label + div {max-height:700px;}
input[id*="detail"]:checked + label span {background-position:0 -30px;}
input[id*="detail"] + label span:before, input[id*="detail"] + label span:after {content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 11px;height: 1px;background-color: currentColor;transition: .3s ease;transition-property: transform,opacity;}
input[id*="detail"] + label span:before{transform: rotate(90deg);}
input[id*="detail"]:checked + label span::before{opacity: 0;}
.pdlike .hllist a{width: 23.5%;text-align: left;}
.pdlike .hllist img{width: 100%;}
.pdlike .hllist a:not(:last-child){margin-right: 2%;}
.pdlike .hllist h1, .pdlist h1{font-size: 17px;color: var(--txtgray1);font-weight: 400;}
.pdlike .hllist hgroup{height: auto;}
.article2 .inner{display: flex;flex-direction: column;gap: 50px;}
.pdlistw .utility-bar{margin-bottom:-20px;}
.utility-bar{display: flex;justify-content: space-between;align-items: center;font-size: 15px;}
.utility-bar a{display: flex;gap: 5px;align-items: center;}
.layout-switchers{display: none;}
.pdlist a{display: flex;flex-direction: column;gap: 20px;align-items: center;float: left;width: 23.5%;margin-top: var(--pd50);position: relative;}
.pdlist a:not(:nth-child(4n)){margin-right: 2%;}
.pdlist a img{width: 100%;}
.pdlist hgroup{display: flex;flex-direction: column;gap: 10px;text-align: left;width: 100%;}
.pdlist h1{padding:0;}
.ftstw{display: flex;gap: 50px;}
.ftlist{margin-top: var(--pd10);max-height: 500px;overflow-y: auto;}
.ftlist::-webkit-scrollbar{display: none;}
.ftlist::-webkit-scrollbar{-ms-overflow-style: none;scrollbar-width: none; }
input[id*="filter"] {display:none;}
input[id*="filter"] + label {padding:var(--pd20) 0;cursor:pointer;position:relative;display: flex;justify-content: space-between;align-items: center;}
input[id*="filter"] + label span{font-size: 15px;}
input[id*="filter"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray);text-align: left;}
input[id*="filter"]:checked + label + div{max-height:700px;}
input[id*="filter"]:checked + label span {background-position:0 -30px;}
input[id*="filter"] + label span:before, input[id*="filter"] + label span:after {content: "";position: absolute;top: calc(50% - 1px);right: 10px;width: 11px;height: 1px;background-color: currentColor;transition: .3s ease;transition-property: transform,opacity;}
input[id*="filter"] + label span:before{transform: rotate(90deg);}
input[id*="filter"]:checked + label span::before{opacity: 0;}
.fttab1{display: flex;gap: 10px;justify-content: center;}
.fttab1 a{display: inline-block;padding: 5px 12px; border-radius: var(--pd05);border: 1px solid var(--linegray1);font-size: 16px;}
.fttab1 .on{background: var(--btngreen1);color: var(--white);}
.ftheader{display: flex;flex-direction: column;gap: 15px;}
.ftheader h2{font-size: 15px;font-weight: 600;text-align: left;padding-top: var(--pd25);}
.ftheader .ftapply{display:flex;gap: 10px;font-size:14px;}
.ftheader .ftapply .item1{background: rgba(0,0,0,.05);display: flex;gap: 20px;align-items: center;padding:4px 6px 4px 10px;border-radius: var(--pd05);}
.ftheader .ftapply .item1 a{display: flex;}
.ftheader .ftclear{color: #61b0bc;text-align: left;text-decoration: underline;}
.ftin1 {display:flex;padding:var(--pd20) var(--pd15);flex-direction: column;gap: 13px;}
.ftin1 .ftselect{display: flex;justify-content: space-between;align-items: center;}
.ftw{display: flex;flex-direction: column;gap: 10px;}
.ftstock{display: flex;justify-content: space-between;}
.ftw .sortin{padding: var(--pd20) 0;}
.cartw{display: flex;justify-content: space-between;flex-direction: column;gap: 50px;}
.cartleft{gap: 15px;}
.cartleft h1{font-size: 21px;text-align: center;}
.clbody li, .cartlist .clhead{border-bottom: 1px solid var(--linegray1);position: relative;font-size: 15px;}
.cartlist .clhead{padding-bottom: 12px;display: flex;justify-content: space-between;align-items: center;}
.clhead .seldel{padding-bottom: 2px;border-bottom: 1px solid var(--txtblack);}
.clhead .checkbox_w{font-size: inherit;}
.clbody .checkbox_w{position: absolute;top: 37px;left: 0;}
.clbody hgroup{display: flex;flex-direction: column;gap: 10px;}
.wonp{position: absolute;right: 0;bottom: 15px;text-align: right;font-size: 17px;font-family: 'Paybooc';align-items: center;gap: 3px;}
.wonp b{font-size: 21px;}
.clbody li{padding: 18px var(--pd20) var(--pd20) 115px;min-height: 65px;text-align: left;}
.clbody .thum{width: 65px;height: 65px;left: 30px;top: 20px;position: absolute;display: block;}
.clbody img{width: 100%;height: 100%;object-fit: cover;}
.clbody .name{color: var(--txtgray2);display: block;font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.clbody .qua a, .clbody .qua input{width: 40px;height: 40px;min-width: 40px;line-height: 37px;text-align: center;}
.clbody .qua{font-size: 17px;}
.clbody .qua02{display: flex;flex-direction: column;gap: 10px;}
.clbody .remove{color: var(--txtgray4);top: 2px;right: -9px;position: absolute;display: flex;gap: 5px;padding: 7px;}
.clbody .remove svg{width: 15px;height: 15px;}
.wonm{font-family: 'Paybooc';display: flex;gap: 3px;align-items: center;}
.wonm b{font-size: 17px;}
.subtotal{display: flex;justify-content: end;}
.subtotal hgroup{display: flex;flex-direction: column;align-items: end;gap: 15px;width: 100%;}
.subtotal hgroup h1{display: flex;gap: 10px;font-size: 18px;}
.subtotal em, .subtotal2 em{color: var(--pink);display: flex;gap: 3px;align-items: center;font-family: 'Paybooc';font-size: 19px;}
.subtotal .checkout{padding: 15px 0;font-size: 16px;width: 100%;}
.subtotal .continue{color: var(--blue);padding-bottom: 2px;border-bottom: 1px solid var(--blue);display: inline-block;margin-top:-5px;font-size: 15px;}
.cartright{display: flex;flex-direction: column;gap: 15px;}
.cartright h1{font-size: 20px;text-align: center;}
.recomlist li{position: relative;padding-left: 110px;text-align: left;box-sizing: border-box;min-height: 122px;}
.recomlist .recimg{position: absolute;top: 0;left: 0;display: flex;flex-direction: column;gap: 10px;align-items: center;}
.recomlist .recimg img{width: 90px;}
.recimg em{padding-left: 5px;text-decoration: line-through;}
.recomlist p{display: flex;gap: 3px;font-family: 'Paybooc';}
.recomlist h2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: var(--txtgray4);font-size: 15px;font-weight: normal;}
.recomlist hgroup{display: flex;flex-direction: column;gap: 15px;align-items: start;}
.recomlist hgroup a{padding: 13px 30px;}
.recomlist li:not(:last-child){margin-bottom: var(--pd20);}
.orderw{display: flex;flex-direction: column;gap: 30px;text-align: left;}
.orderw .in5{gap: 15px;}
.odleft{z-index: 1;position: relative;}
.odlist{border-top: 1px solid var(--linegray1);}
.odlist li{text-align: left;display: flex;justify-content: space-between;gap: 20px;align-items: center;font-size: 15px;padding:var(--pd20) 0;}
.odlist li:not(:last-child){border-bottom: 1px solid var(--linegray1);}
.odlist .thum{width: 65px;height: 65px;}
.odlist img{width: 100%;height: 100%;object-fit: cover;}
.won{text-align: right;display: flex;gap: 3px;align-items: center;font-family: 'Paybooc';}
.odlist .name{width: 100%;color: var(--txtgray3);flex: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.odlistw{display: flex;flex-direction: column;gap: 30px;}
.discount{display: flex;justify-content: space-between;gap: 10px;}
.discount a{line-height: 56px;padding: 0 13px;}
.odtotalw{display: flex;flex-direction: column;gap: 5px;}
.odtotalw p{display: flex;justify-content: space-between;font-family: 'Paybooc';}
.odtotalw .odttwon{font-size: 19px;}
.odtotalw .odttwon .won{color: var(--pink);font-weight: bold;}
.odcontact{display:flex;flex-direction: column;gap: 15px;align-items: start;}
.odcontact h1, .odaddr h1{padding: 0;}
.odcontact h3, .odaddr h3{font-size: 15px;font-weight: 400;line-height: 1.7em;}
.odaddr, .odaddr .in3, .payw{display:flex;flex-direction: column;gap: 15px;position: relative;}
.delibtnw{display: flex;gap: 10px;}
.delibtnw a{padding: 8px 17px;}
.delp1{display: flex;flex-direction: column;gap: 20px;}
.delp2{display: flex;flex-direction: column;gap: 10px;}
.btnw2{display: flex;justify-content: space-between;gap: 15px;margin-top: var(--pd10);}
.btnw2 a{width: 100%;padding: 15px 0;text-align: center;}
.odaddr h3 b{font-size: 17px;padding-bottom: 5px;display: block;}
.odmody{position: absolute;top: 5px;display: flex;gap: 10px;right: 0;}
.odmody a{padding: 3px 13px;font-size: 13px;}
.adw02{border-top: 1px solid var(--linegray1);margin-top: var(--pd20);}
.adw02 li{padding: var(--pd15) 0 ;position: relative;border-bottom: 1px solid var(--linegray1);box-sizing: border-box;display: flex;gap: 7px;text-align: left;flex-direction: column;}
.adw02 h2{color: var(--blue);font-size: 17px;font-weight: bold;display: block;}
.adw02 hgroup{line-height: 1.7em;font-size: 15px;}
.adw02 em{color: var(--txtgray3);}
.adw02 strong{display: inline-block;padding-left: 6px;font-family: 'Paybooc';}
.adw02 .adsel{position: absolute;top:15px;right:0;padding: 3px 7px;}
.adbtw{position: absolute;bottom: 15px;right: 0;}
.adbtw a{display: inline-block;color: var(--txtgray3);}
.adbtw a:first-child{margin-right: 8px;}
.adbtw a:last-child{margin-left: 8px;position: relative;}
.adbtw a:last-child::before{position: absolute;left: -8px;top: 5px;width: 1px;height: 13px;background-color: #d5dce4;content: '';}
#modal_delivery, #modal_addel, .modal_exchange2, .modal_trace{z-index: 6;}
#modal_addel .btnw2{margin-top: var(--pd40);}
.paytab{display: flex;gap: 10px;}
.paytab a{padding: 12px 15px;border-radius: var(--pd05);border: 1px solid var(--txtgray4);box-sizing: border-box;color: var(--txtgray4);width: 100%;text-align: center;font-size: 15px;}
.paytab .on{background: var(--blue);color: var(--white);border-color: var(--blue);}
.payway{display: flex;flex-direction: column;gap: 20px;}
.payin{display: flex;flex-direction: column;gap: 15px;}
.paycard{display: flex;justify-content: space-between;gap: 15px;}
.paycash .in4{display: grid;grid-template-columns: 130px auto;gap: 15px;}
.paycard select{background: url('/img/angle-down-solid.svg') no-repeat 91% 50%;background-size: 11px;}
.payw h3{font-size: 15px;font-weight: 400;margin: var(--pd15) 0 var(--pd10);}
.odright .subtotal{margin: 0;justify-content:start;}
.odright .subtotal hgroup{align-items: normal;width: 100%;}
.odright .subtotal .checkout{text-align: center;}
.paycash select{background: url(/img/angle-down-solid.svg) no-repeat 88% 50%;background-size: 11px;}
.bank{border: 1px solid var(--linegray1);border-left:0;border-right: 0;padding: var(--pd20) 0;display: flex;flex-direction: column;gap: 15px;margin: var(--pd20) 0 var(--pd30);}
.bank p{display: flex;gap: 10px;font-size: 15px;}
.bank span{color: var(--txtgray1);}
.bank .won2{color: var(--blue);font-weight: bold;}
.myleft{width: 300px;text-align: left;display: flex;flex-direction: column;gap: 30px;}
.myleft .myin1{display: flex;flex-direction: column;gap: 20px;}
.myleft .myin1 hgroup{display: flex;flex-direction: column;gap: 5px;}
.myleft .myin1 h1{padding: 0;}
.myleft .myin1 h2{font-weight: 600;color: var(--txtblack);}
.myleft .myin1 h3{font-weight: 500;}
.myright{gap: 20px;}
.mylmenu li{border-bottom: 1px solid var(--linegray1);width: 100%;font-size: 15px;}
.mylmenu li a{display: flex;justify-content: space-between;align-items: center;padding: var(--pd20) 0;}
.mylmenu li a:hover, .mylmenu li .on{color: var(--blue);}
.mylmenu li svg{width: 20px;height: 20px;}
table{border-top: 1px solid var(--linegray1);margin-left: -1px;}
th{background: var(--bggray);}
th, td{padding: var(--pd10);border-bottom: 1px solid var(--linegray1);}
td{border: 1px solid var(--linegray1);}
td:first-child{border-left: 0;}
td:last-child{border-right: 0;}
.basic_type{display: flex;gap: 20px;text-align: left;align-items: center;}
.basic_type .thum3{width: 70px;height: 70px;display: block;}
.basic_type .thum3 img{width: 100%;height: 100%;object-fit: cover;}
.basic_type hgroup{flex: 1;display: flex;flex-direction: column;gap: 5px;}
.basic_type .name2{color: var(--txtgray2);font-size: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.basic_type .price_info span{display: inline-block;font-family: 'Paybooc';font-weight: 600;}
.basic_type .price_info span:first-child{margin-right: 8px;}
.basic_type .price_info span:last-child{margin-left: 8px;position: relative;}
.basic_type .price_info span:last-child::before{position: absolute;left: -8px;top: 5px;width: 1px;height: 13px;background-color: #d5dce4;content: '';}
#recent .basic_type .price_info span:last-child::before, #like .basic_type .price_info span:last-child::before, #product_list .basic_type .price_info span:last-child::before, #search .basic_type .price_info span:last-child::before{content: none;}
#recent .basic_type .price_info span, #like .basic_type .price_info span, #product_list .basic_type .price_info span, #search .basic_type .price_info span{content: none;margin: 0;}
.status{display: flex;flex-direction: column;gap: 7px;align-items: center;}
.status .in5{display: flex;gap: 7px;}
.mysbtn1{padding: 3px 7px;box-sizing: border-box;display: block;font-size: 13px;}
.trace_con{display: flex;flex-direction: column;gap: 20px;margin-top: var(--pd20);}
.delivery_step_wrap{padding: var(--pd30) 0;background: var(--bggray);border-radius: var(--pd10);}
.delivery_step_tit {font-size: 22px;line-height: 27px;font-weight: bold;min-height: 54px;text-align: center;}
.delivery_step {width:100%;padding-top: var(--pd30);}
.delivery_step li{ position: relative;display: inline-block;width: 19%;font-size: 12px;line-height: 15px;color: #999;text-align: center;}
.delivery_step_txt:before{content: "";display: block;width: 4px;height: 4px;border: 2px solid #ddd;background-color: #fff;border-radius: 50%;margin: 0 auto 9px;position: relative;z-index: 2;}
.delivery_step_wrap .delivery_step li.on:before{background-color: var(--txtred);z-index: 3;}
.delivery_step li.on .delivery_step_txt{color: var(--txtred);}
.delivery_step_wrap .delivery_step li~li{position: relative;}
.delivery_step_wrap .delivery_step li~li:before {content: "";display: block;width: 100%;height: 3px;background-color: #e3dfdf;position: absolute;top: 3px;left: -49%;z-index: 1;}
.delivery_step li.on .delivery_step_txt:before{background-color: var(--txtred);border-color: var(--txtred);}
.basic_info li{display: flex;text-align: left;}
.basic_info li .stitle{width: 71px;color: var(--txtgray4);font-family: 'Paybooc';}
.basic_info li p{display: flex;align-items: center;font-family: 'Paybooc';}
.basic_info li:not(:first-child){margin-top: var(--pd10);}
.claim_info_wrap{background: var(--bggray);border-radius: var(--pd10);padding: var(--pd25) var(--pd20);}
a.call:after {content: "";display: inline-block;width: 13px;height: 13px;background: url(/img/ico_mypage_call.png) no-repeat 0 0;background-size: cover; margin: 3px 0 0 5px;vertical-align: top;}
.delivery_info li{color: var(--txtgray4);display: flex;flex-direction: column;gap: 4px;text-align: left;}
.delivery_info li hgroup{display: flex;align-items: center;font-family: 'Paybooc';}
.delivery_info li.on .delivery_location{color: #333;}
.delivery_info li.on .delivery_state{color: var(--txtred);}
.delivery_state:before {content: "";display: inline-block;width: 1px;height: 12px;background-color: #bdb7b7;margin: 0 10px;}
.delivery_date{font-size: 13px;font-family: 'Paybooc';}
.delivery_info li~li{margin-top: var(--pd15);}
.rein{display: flex;flex-direction: column;gap: 20px;}
.return_list{border-top: 1px solid var(--linegray1);}
.return_list li{padding: var(--pd15) 0 var(--pd10);border-bottom: 1px solid var(--linegray1);display: flex;flex-direction: column;gap: 15px;}
.return_list .checkbox_w{margin-right: -15px;}
.return_list .checkbox_w .checkmark{top: -8px;}
.return_list .basic_type hgroup{width: 400px;}
.prd_count {margin: 0 0 0 129px; padding: 10px 0 0;border-top: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;}
.quantity{width:55px;height: 30px;padding: 0 27px;border: 1px solid#ddd;position: relative;}
.quantity button{height: 100%;position: absolute;top: 0;width: 27px;background: var(--white);}
.quantity .btn_qnt_minus{left: 0; border-right: 1px solid#ddd;}
.quantity input {font-size: 13px;line-height: 29px;border: 0;height: 30px;text-align: center;padding: 0;border-radius: 0;}
.quantity input:hover{background:var(--white);}
.quantity .btn_qnt_plus{right: 0;border-left: 1px solid#ddd;}
.claim_info{display: flex;flex-direction: column;gap: 15px;}
.rein select, .rein textarea, .rein input{font-size: 14px;}
.claim_info textarea, .rein textarea, #upload textarea{height: 120px;}
.claim_info a{padding: 10px;display: block;}
.fileboxw{gap: 15px;}
.filebox{width: 100%;display: flex;gap: 10px;font-size: 13px;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;font-size: inherit;}
.filebox label {white-space: nowrap; display: inline-block;line-height: 54px; padding:0 10px;color: #999;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius:var(--pd05);}
.filebox .upload-name {display: inline-block;padding:12px 10px;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;text-align: left;width: 100%;font-size: inherit;
  border-radius:var(--pd05);-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.request_info{display: flex;flex-direction: column;gap: 10px;text-align: left;margin-top: var(--pd10);}
.request_info p{display: flex;justify-content: space-between;font-size: 14px;}
.request_info p strong{color: var(--txtred);font-family: 'Paybooc';font-size: 15px;}
.request_info p em{color: var(--txtred);font-size: 18px;font-weight: 700;font-family: 'Paybooc';}
.in_disc{padding: var(--pd10);background: var(--bggray);}
.in_disc h3{font-size: 15px;padding:var(--pd05) 0 var(--pd05) var(--pd05);}
.in_disc ul{display: flex;flex-direction: column;gap: 5px;}
.in_disc li{position: relative;color: var(--txtgray4);padding-left: 7px;}
.in_disc li:before {content: "";position: absolute;width: 2px;height: 2px;top: 10px;left: 0;background: #999;}
.claim_location{text-align: left;}
.claim_location .tw{margin-left: 5px;}
.claim_location .line2{display: flex;flex-direction: column;gap: 10px;}
.claim_location input[type="radio"] {display:none;}
.claim_location input[type="radio"] + label {display:inline-block;padding:5px 15px;color:var(--txtgray4);font-size:13px;cursor:pointer;border: 1px solid var(--txtgray4);border-radius: var(--pd05);} 
.claim_location input[type="radio"]:checked + label {background:var(--blue);color:var(--white);border-color: var(--blue);}
.claim_location .conbox {display:none;padding-top: var(--pd20);}
.claim_location input[id="tab01"]:checked ~ .con1 {display:block;}
.claim_location input[id="tab02"]:checked ~ .con2 {display:block;}
.claim_location input[id="tab03"]:checked ~ .con3 {display:block;}
.claim_location input[id="tab04"]:checked ~ .con4 {display:block;}
.claim_location .stitle1{padding-bottom: var(--pd15);}
.fi1{display: flex;gap: 10px;align-items: center;}
.fi1 a{display: block;padding-top: 2px;}
.rein dd:not(:first-child){padding-top: 5px;font-family: 'Paybooc';}
#modal_admody{z-index: 6;}
.admody{display: flex;flex-direction: column;gap: 15px;margin-top: var(--pd20);}
.md3 input, .md3 select{height: 50px;line-height: 49px;}
.inputtel{display: flex;gap: 3px;justify-content: space-between;align-items: center;}
.inputtel input{width: 30%;}
.address_wrap1{display: flex;flex-direction: column;gap: 10px;}
.zipcode{display: flex;gap: 10px;}
.zipcode input{width: 150px;}
.zipcode a{font-size: 14px;padding: 0 10px;height: 50px;line-height: 49px;}
.claim_delivery{text-align: left;display: flex;flex-direction: column;gap: 10px;}
.stitle1{font-weight: 400;font-size: 14px;}
.period_slt{gap: 10px;margin: var(--pd20) 0;}
.period_slt h3{font-size: inherit;margin-right: 10px;}
.btpw, .calendar_period, .selectStatus, .btn_period input[type="radio"] + span, .period_slt label, .selectStatus select, .date_pick{width: 100%;box-sizing: border-box;font-family: 'Paybooc';}
.btpw{display: flex;}
.btn_period input[type="radio"] {display: none;}
.btpw .last input[type="radio"] + span{border-right: 1px solid #ddd;}
.btn_period input[type="radio"] + span {display: inline-block; padding:8px 0;border: 1px solid #ddd; background-color: var(--bggray);cursor: pointer;border-right: 0;text-align: center;}
.btn_period input[type="radio"]:checked + span {background-color: var(--blue);color: var(--white);border-color: var(--blue);}
.calendar_period{display: flex;align-items: center;gap: 10px;}
.date_pick{display: flex;gap: 5px;align-items: center;}
.date_pick label{position: relative;}
.period_slt input{padding-right: 30px;}
.period_slt input:hover{background: none;}
.selectStatus select{background: url(/img/angle-down-solid.svg) no-repeat 93% 50%;background-size: 11px;padding-right: 30px;}
.date_pick label img{position: absolute;top: 0;right: 0;cursor: pointer;width: 13px;padding:0 14px;height: 48px;}
.selectStatus a{ border: 1px solid #e1e1e1;padding: 0 var(--pd15);white-space: nowrap;}
.period_slt input, .selectStatus select, .selectStatus a{height: 50px;border-radius: var(--pd05);line-height: 49px;}
.selectStatus{display: flex;gap: 10px;flex: 1;}
.stitle2{margin-bottom: -45px;}
.fbw{text-align: left;border-top: 1px solid var(--linegray1);}
.fbw hgroup{display: flex;gap: 5px;align-items: start;width: 100%;}
.fbw .fbdetail{display: flex;gap:20px;}
.fbw h2{color: var(--stblack);font-weight: 400;padding: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: inherit;}
.fbw a:hover{color: var(--brown);}
.fbw h1{font-size:inherit;font-weight: 400;padding: 0;color: var(--txtgray1);}
.fbw p{color: var(--txtgray4);font-family: 'Paybooc';}
.fbw .ingw{display: block;padding:1px 8px 3px;border-radius: var(--pd05);font-size: 13px;color: var(--white);margin-top: -2px;text-align: center;}
.fbw .ing1{background: var(--txtgray4);}
.fbw .ing2{background: var(--blue);}
.fbw .ing3{background: var(--txtred);}
.fbw input[id*="ans"] {display:none;}
.fbw input[id*="ans"] + label {white-space: nowrap;width: 100%;border-bottom: 1px solid var(--linegray1);padding: var(--pd15) 0;display: flex;flex-direction: column; justify-content: space-between;gap: 15px;font-size: 14px;cursor:pointer;position:relative;}
.fbw input[id*="ans"] + label em {background: url('/img/angle-down-solid.svg') no-repeat 96% 30%;background-size: 13px;width: 20px;}
.fbw input[id*="ans"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray1);font-size:11px;}
.fbw input[id*="ans"] + label + div .vtxt {display: flex;flex-direction: column;}
.fbw input[id*="ans"]:checked + label + div {max-height:1000px;}
.fbw input[id*="ans"]:checked + label em {background: url('/img/angle-up-solid.svg') no-repeat 96% 30%;background-size: 13px;}
.fbw .q01, .fbw .a01{display: flex;width: 100%;gap: 15px;flex-direction: column;padding:var(--pd15);box-sizing: border-box;}
.fbw .a01{border-top: 1px solid var(--linegray1);background: var(--bggray);}
.fbw .fbicon{width: 25px;height: 25px;line-height: 24px;border-radius: 50%;padding: 0;text-align: center;font-weight: 500;color: var(--white);}
.fbw .qicon{background: var(--txtgray3);}
.fbw .aicon{background: var(--blue);}
.fbw h3{font-weight: 400;font-size: 14px;}
.article5 .rein textarea{height: 150px;}
.article5 .basic_type hgroup{width: 420px;}
.qnabtn{display: inline-block;padding: 13px 0;}
.qnablock1{display: flex;gap: 10px;}
.qnablock1 select{background: url(/img/angle-down-solid.svg) no-repeat 94% 50%;background-size: 11px;}
.faq input[id*="reply"] {display:none;}
.faq input[id*="reply"] + label {padding:var(--pd15) 0;cursor:pointer;position:relative;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--linegray1);}
.faq input[id*="reply"] + label hgroup{font-size: 14px;display: flex;gap: 3px;text-align: left;flex-direction: column;}
.faq input[id*="reply"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray);text-align: left;}
.faq input[id*="reply"]:checked + label + div{max-height:700px;}
.faq input[id*="reply"]:checked + label span {background-position:0 -30px;}
.faq input[id*="reply"] + label span:before, .faq input[id*="reply"] + label span:after {content: "";position: absolute;top: calc(50% - 1px);right: 10px;width: 11px;height: 1px;background-color: currentColor;transition: .3s ease;transition-property: transform,opacity;}
.faq input[id*="reply"] + label span:before{transform: rotate(90deg);}
.faq input[id*="reply"]:checked + label span::before{opacity: 0;}
.faq .ftin1{padding: var(--pd20) var(--pd15);}
.faq .ftin1 p{color: var(--txtgray1);}
.board-paging {display: flex;flex-wrap: nowrap;flex-shrink: 1;justify-content: center;align-items: center;}
.board-paging li.arrow {margin: 0 12px;}
.board-paging li a {display: block;height: 100%;position: relative;}
.board-paging li a i {color: #c1c1c1;transition: 0.3s;}
.board-paging li.arrow a i {font-size: 16px;}
.fa-chevron-double-left:before {content: "\f323";}
.board-paging li.num {margin: 0 7px;}
.board-paging li.on a {color:var(--pink)!important;font-weight: 600;}
.board-paging li.num a {padding: 5px;font-size: 14px;color: var(--txtgray4);}
.starRev{display: flex;gap: 10px;justify-content: center;}
.starR{display: inline-block;color: transparent;text-shadow: 0 0 0 #f0f0f0;font-size: 25px;box-sizing: border-box;cursor: pointer;}
.starR:hover {text-shadow: 0 0 0 #ccc;}
.starR.on{text-shadow: 0 0 0 #ffbc00;}
#modal_review .basic_type{border-top: 1px solid var(--linegray1);}
#modal_review .basic_type hgroup{width: 430px;}
#modal_review textarea{height: 150px;}
.ui-widget-content{width: 276px!important;z-index: 5!important;}
.ui-datepicker td{padding: 0;}
.cdtl_dtlcont_wrap{background: var(--white);padding-bottom: 110px;}
.cdtl_tab{display: table;width: 100%;border-bottom: 1px solid var(--txtblack);position: sticky;top: -1px;background: var(--white);z-index: 4;}
.cdtl_tab li{display: table-cell;width: 25%;position: relative;}
.cdtl_tab li a{text-align: center; height: 55px;font-size: 14px;line-height:1.3em;color: #777;display: block;border-bottom: 3px solid transparent;padding-top: 15px;box-sizing: border-box;letter-spacing: -0.5px;}
.cdtl_tab li a:hover, .cdtl_tab .on a{color: #222;border-color: var(--txtblack);}
.cdtl_tab li .count{display: inline-block;font-size: 11px; vertical-align: top;color: var(--txtgray4);font-family: 'Paybooc';}
.cdtl_tab > li + li::after{content: "";position: absolute;top: 18px;left: 0;width: 1px;height: 15px;background: #e5e5e5;}
.cdtl_cm_detail{padding: var(--pd20) 0;text-align: left;}
.review_w{display: flex;flex-direction:column;gap: 20px;padding: 0 var(--pd15);}
.review_total{display: flex;justify-content: space-between;align-items: center;}
.review_total em{font-size: 16px;}
.reviewchoice{display: flex;gap: 20px;align-items: center;}
.reviewchoice .checkbox_w{font-size: 15px;}
.reviewchoice select{border-radius: var(--pd05);height: 37px;line-height: 36px;font-size: 14px;width: 130px;padding: 0 25px 0 var(--pd10);background:url('/img/angle-down-solid.svg') no-repeat 89% 50%;background-size: 11px;}
.review_total strong{color: var(--orange);display: inline-block;padding: 0 2px 0 7px;}
.rating{padding:var(--pd40) var(--pd20);border-radius: var(--pd10);background: var(--bggray);display: flex;justify-content: center;}
.rating_in{display: flex;gap: 20px;align-items: center;}
.rating_in p{font-size: 17px;}
.rating strong{font-size: 38px;line-height: 38px;font-family: 'Paybooc';}
.rating_star i{font-size: 20px;color: #dfdcdc;}
.rating_star .on{color:#ffbc00;}
.cdtl_cm_info img{width: 100%;}
.review_w .ph{display: flex;}
.declare svg{margin-top: -1px;}
.r_info > span + span::after{content: "";position: absolute;top: 4px;left: -8px;width: 1px;height: 12px;background: #d7d6d6;}
.ex_radio_w {display: block;position: relative;padding-left: 26px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 18px;}
.ex_radio_w input{position: absolute;opacity: 0;cursor: pointer;display: none;}
.ex_radio_w .checkmark {position: absolute;top: 0;left: 0;height: 16px;width: 16px;border-radius: 50%;border: 1px solid #d0cbcb;}
.ex_radio_w:hover input ~ .checkmark {background-color: #d6e2f9;border: 1px solid #d6e2f9;}
.ex_radio_w input:checked ~ .checkmark {background-color: var(--pink);border: 1px solid var(--pink);}
.ex_radio_w .checkmark:after {content: "";position: absolute;display: none;}
.ex_radio_w input:checked ~ .checkmark:after {display: block;}
.ex_radio_w .checkmark:after {top: 4px;left: 4px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.declarepop{display: flex;flex-direction: column;gap: 20px;}
.declarepop hgroup{display: flex;flex-direction: column;gap: 15px;text-align: center;width: 100%;border-bottom: 1px solid var(--linegray1);padding-bottom: var(--pd20);}
.declarepop hgroup h1{padding: 0;}
.declarepop hgroup p{color: var(--txtgray4);}
.declarepop textarea{height: 150px;font-size: 15px;}
.declin{display: flex;gap: 14px;flex-direction: column;overflow: hidden;}
.declarepop a{text-align: center;}
.review_list li{border-bottom: 1px solid var(--linegray1);padding: var(--pd25) 0;display: flex;flex-direction: column;gap: 10px;}
.r_info{display: flex;font-family: 'Paybooc';gap:16px;align-items: center;}
.r_info .fa-star{color:#ffbc00;padding-right: 5px;}
.r_info span{position: relative;}
.r_info .declare{padding-right: 0;display: flex;align-items: center;cursor: pointer;}
.r_info .date{color: var(--txtgray4);font-size: 13px;}
.r_img{display: flex;gap: 2%;padding-top: var(--pd10);}
.r_img .thum2{width: 23.5%;height: 80px;cursor: pointer;position: relative;}
.r_img img{width: 100%;height: 100%;object-fit: cover;}
.r_img .thum2 i{position: absolute;top: 5px;right: 3px;color: var(--white);opacity: .8;font-size: 25px;}
#modal_photo .bxslider img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
#modal_photo{text-align: center;}
#modal_photo .bx-viewport{overflow: auto;height: 100%!important;}
#modal_photo .bx-wrapper{display: block;height: calc(100vw - 40px);}
#modal_photo .bxslider > div{width: 100%!important;height: calc(100vw - 40px)!important;}
#modal_photo .set_modal-content{padding-bottom: var(--pd60);}
#modal_photo .bx-wrapper .bx-controls-direction a{opacity: 0.7;}
.custom-select {position: relative;text-align:left ;}
.custom-select select {display: none; /*hide original SELECT element:*/}
.select-selected:after {content: '';position: absolute;z-index: 2;right: 15px;top: 13px;width: 9px;height: 9px;box-sizing: border-box;border-bottom: 2px solid #333;border-left: 2px solid #333;transform: rotate(-45deg);/* -webkit-transform: rotate(-45deg); */-ms-transform: rotate(-45deg);}
.select-selected.select-arrow-active:after {top: 17px;transform: rotate(-225deg);-webkit-transform: rotate(-225deg);-ms-transform: rotate(-225deg);}
.select-items div,.select-selected {color: #333;padding: 10px 30px 10px 16px;cursor: pointer;user-select: none;position: relative;}
.select-selected{border: 1px solid var(--txtgray4);}
.select-items div{border:solid var(--linegray1);border-width: 1px 1px 0;}
.select-items div:first-child{border-top: none;}
.select-items div:last-child{border-bottom: 1px solid var(--linegray1);}
.select-items {background: var(--white); max-height: 168px;overflow: auto;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color:var(--bggreen);}
.review_w .board-btm-wrap{margin-top: var(--pd10);}
.review_total h1{padding-bottom:0;font-size: 18px;}
.review_total .pdaskwrite{padding: 5px 15px;font-size: 13px;}
.mndtl_chart_lst{border-top: 1px solid var(--linegray1);}
input[id*="proask"] {display:none;}
input[id*="proask"] + label {padding:var(--pd20) var(--pd25) var(--pd20) 0;cursor:pointer;position:relative;border-bottom: 1px solid var(--linegray1);display: flex;justify-content: space-between;align-items: center;}
input[id*="proask"] + label + div {max-height:0;transition: all .35s;overflow:hidden;background:var(--bggray);}
input[id*="proask"] + label + div .qna_a{display:inline-block;padding:var(--pd20) var(--pd15);display: flex;align-items: start;gap: 10px;}
.qna_a strong{color: var(--orange);font-family: 'Paybooc';}
input[id*="proask"]:checked + label + div {max-height:700px;}
input[id*="proask"]:checked + label span {background-position:0 -30px;}
input[id*="proask"] + label .qna_q:before, input[id*="proask"] + label .qna_q:after {content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 11px;height: 1px;background-color: currentColor;transition: .3s ease;transition-property: transform,opacity;}
input[id*="proask"] + label .qna_q:before{transform: rotate(90deg);}
input[id*="proask"]:checked + label .qna_q::before{opacity: 0;}
.qna_q{display: flex;flex-direction: column;gap: 5px;align-items: start;}
.qna_prd{font-size: 13px;color: var(--txtgray4);font-weight: 300;}
.qna_wrap{position: relative;padding-left: var(--pd20);}
.qna_q .qna_tit {position: relative;box-sizing: border-box;display: flex;align-items: start;gap: 7px;}
.qna_tit strong{font-family: 'Paybooc';}
.qna_secret .fa-lock{font-size: 13px;color: #777;margin:0 0 3px -8px;}
#modal_secret .btnw2{margin-top: var(--pd20);}
.r_info .ingbtn{padding: 4px 7px;font-size: 12px;line-height: 1em;}
.r_info .ingbtn::after{content: none;}
.mndtl_opt_btmw{position: absolute;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;gap: 30px;}
.mndtl_opt_btm{display: flex;position: fixed;left: 0;right: 0;bottom: 0;}
.mndtl_opt_btm a{width: 100%;display: block;height: 52px;line-height: 51px;font-size: 17px;text-align: center;}
.mndtl_opt_btm a:first-child{background: var(--txtblack);color: var(--white);}
.mndtl_opt_btm a:last-child{background: var(--pink);color: var(--white);}
.mndtl_total{display: flex;justify-content: end;padding: var(--pd10) var(--pd15) 0;align-items: baseline;}
.mndtl_total p{font-size: 16px;}
.mndtl_total strong{font-size: 23px;color: var(--pink);display: inline-block;padding: 0 2px 0 6px;font-family: 'Paybooc';}
.mndtl_total em{font-size: 15px;font-family: 'Paybooc';}
.mndtl_item_del{position: absolute;top: 6px;right: 12px;font-size: 16px;color: var(--txtgray3);}
.mndtl_art{display: flex;justify-content: space-between;align-items: center;}
.mndtl_art .price strong{font-size: 20px;font-family: 'Paybooc';}
.mndtl_art .price em{display: inline-block;padding-left: 3px;font-family: 'Paybooc';}
.mndtl_opt_bx hgroup{padding-right: 20px;}
.mndtl_opt_bx .sel_bx{font-size: 13px;text-align: left;padding: var(--pd15) 12px var(--pd15) var(--pd15);border-radius: var(--pd05);border: 1px solid var(--txtblack);background: var(--bggray);position: relative;display: flex;flex-direction: column;gap: 15px;}
.btn_bt_opt{position: fixed;right: 0;bottom: 0;left: 0;padding: var(--pd15);background: var(--white);z-index: 4;box-shadow: 0 0 5px rgba(170,170,170,.5);}
.btn_bt_opt .btn_buy{width: 100%;padding: 15px 0;font-size: 16px;}
.bt_opt_layer{left: 0;top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);box-sizing: border-box; display: none; position: fixed;padding-top:var(--pd40);z-index: 11; -webkit-transition-duration: 400ms;-moz-transition-duration: 400ms;-o-transition-duration: 400ms;transition-duration: 400ms;}
.bt_opt_layer .btin{padding-bottom: var(--pd80); display: flex;flex-direction: column;gap: 15px; background: var(--white);border-radius: var(--pd25) var(--pd25) 0 0;position: fixed;right: 0;bottom: 0;left: 0;}
  .bt_opt_layer .hit_area{display:flex;justify-content: center;padding: 15px 0 0;}
 .mndtl_opt_item{display: flex;flex-direction: column;gap: 10px;padding: 0 var(--pd15);}
 .cdtl_dtlcont_rgt{position: sticky;top: 0;right: 0;display: flex;flex-direction: column;gap: 20px;width: 300px;height: 850px;}
.arin1{display: flex;flex-direction: column;gap: 23px;padding-top:55px;}
.article1 .inner2{width: 100%;}
.mndtl_opt_bx, .as_w{display: flex;flex-direction: column;gap: 30px;padding: 0 var(--pd15);}
.after_service{display: flex;flex-direction: column;gap: 10px;}
.after_service ul{border-top: 1px solid var(--linegray1);}
.after_service li{padding: var(--pd15) 0;border-bottom: 1px solid var(--linegray1);display: flex;text-align: left;flex-direction: column;gap: 5px;font-size: 15px;}
.after_service li dl dd{color: var(--txtgray4);}
.ourw{gap: 60px;}
.ourimg1{background: url('/img/ourstory1.png') no-repeat center;background-size: cover;height: 600px;display: block;margin-top: var(--pd40);}
.ourimg2{background: url('/img/sustain1.png') no-repeat center;background-size: cover;height: 600px;display: block;margin: -40px 0 20px;}
.article6, .ourlist{gap: 80px;}
.ourlist{margin-top: var(--pd30);}
.ourlist li{display: flex;justify-content: space-between;align-items: center;}
.ourlist img{width: 700px;}
.ourlist hgroup{width: 500px;text-align: left;}
.retailer1{gap: 40px;}
.retin{gap: 15px;width: 700px;margin: 0 auto;}
.retin textarea{height: 150px;}
.article8 table{width: 70%;}
.article8 td, .article8 p{word-break: break-all;text-align: left;}
.product-price{display: flex;gap: 5px;align-items: center;}
.product-price .cpprice{opacity: .5;text-decoration: line-through;}
.product-price em{color: var(--txtorange);}
.couponw{gap: 20px;}
.coupon_area{box-sizing: border-box;display: flex;justify-content: center;gap: 10px;}
.coupon_area label{width: 100%;}
.coupon_area a{padding: 0 var(--pd15);height: 55px;line-height: 54px;white-space: nowrap;}
.evt_cbboxlist hgroup{position: relative;}
.evt_cbboxlist img{width: 90%;}
.evt_cbboxlist li{padding: var(--pd25) var(--pd15) var(--pd10);display: flex;flex-direction: column;gap: 15px;}
.evt_cbboxlist li:not(:last-child){margin-bottom: var(--pd20);}
.evt_cbboxlist p{font-family: 'Paybooc';align-items: center;gap: 3px;}
.per_area{font-size: 13px;color: var(--txtgray4);position: absolute;top: 50%;left: 43%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);box-sizing: border-box;}
.per_area em{font-size: 42px;font-weight: bold;color: var(--txtblue);padding-right: 3px;display: inline-block;}
.evt_cbboxlist .date2{color: var(--txtgray4);}
.evt_cbboxlist .txt2{color: var(--txtgray1);}
.cpimg{background: url('/img/coupon.png') no-repeat;background-size: 110px;color: var(--txtgray4);height: 56px;line-height: 55px;display: inline-block;width: 110px;font-size: 13px;}
.cpimg em{font-size: 25px;color: var(--txtblue);padding-right: 3px;font-weight:bold;display: inline-block;}
.m-hidden, .m-block{display: none;}
.p-hidden{display: flex;}
.p-block{display: inline-flex;}
.article1 .bx-wrapper{box-shadow: none;border: none;margin: 0;}
#modal_photo .set_modal-content{display: flex;flex-direction: column;gap: 20px;}
.bx-wrapper img{width: 100%;}
#modal_photo .bx-wrapper .bx-controls-direction a{opacity: 0.7;}
.article1 .bx-wrapper .bx-controls-direction a{width: 35px;height: 35px;z-index: 2;opacity: 0.7;}
.article1 .bx-wrapper .bx-prev, .article1 .bx-wrapper .bx-prev:hover, .article1 .bx-wrapper .bx-prev:link{background: url('/img/controls.png') no-repeat -35px 0;background-size: 70px;}
.article1 .bx-wrapper .bx-next, .article1 .bx-wrapper .bx-next:hover, .article1 .bx-wrapper .bx-next:link{background: url('/img/controls.png') no-repeat 0 0;background-size: 70px;}
article .inner{padding: 55px var(--pd15) 40px;box-sizing: border-box;}
.article3 .inner{padding: 80px var(--pd15) 110px;}
.btchout{position: fixed;width: 100%;bottom: 0;background: var(--white);padding:var(--pd15);box-sizing: border-box;z-index: 2;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);left: 0;}
.btchout a{padding: 15px 0;font-size: 16px;width: 100%;display: block;}
.odview{margin: 0 -15px;}
.collapsible{background: var(--bggray);padding: 18px;width: 100%;text-align: left;outline: none;display: flex;justify-content: space-between;box-sizing: border-box;}
.collapsible hgroup{display: flex;gap: 10px;width: 100%;align-items: center;}
.collapsible img{width: 15px;}
.collapsible:after {content: '\002B';font-weight: bold;font-size: 20px;cursor: pointer;}
.collapsible hgroup span{font-size: 15px;}
.active02:after {content: "\2212";}
.odcontent {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;border-bottom: 1px solid var(--linegray1);}
.odcontent .in{padding: 0 var(--pd15);display: flex;flex-direction: column;gap: 30px;}
.odcontent .odlist{border: none;}
.pwon1w{display: flex;gap: 10px;}
.pwon1{position: relative;width: 100%;}
.pwon1 input{padding-right: 35px;text-align: right;}
.pwon1 em{position: absolute;top: 16px;right: 14px;color: var(--txtgray4);font-size: 15px;}

.pwon2{position: relative;width: 100%;}
.pwon2 input{padding-right: 100px;text-align:right;width:180px}
.pwon2 em{position: absolute;top: 16px;right: 14px;color: var(--txtgray4);font-size: 15px;}


.pwon1w a{line-height: 54px;padding: 0 8px;white-space: nowrap;font-size: 14px;}
.mt1{display: flex;justify-content: end;}
.mytop{gap: 10px;}
.mylevel{background: var(--btnpink1);padding:5px var(--pd10);border-radius: 25px;display: flex;gap: 5px;align-items: center;color: var(--white);font-size: 17px;font-family: 'TheJamsil';}
.mylevel em{width: 22px;height: 21px;background: var(--white);border-radius: 50%;display: flex;}
.mylevel i{color: var(--btnpink1);font-size: 14px;padding: 3px 0 0 3px;}
.myinfo1{display: flex;justify-content: space-between;align-items: center;}
.myinfot{display: flex;gap: 20px;align-items: center;}
.myphoto1{width: 52px;height: 52px;display: flex;justify-content: center;align-items: center;border-radius: 15px;background: var(--blue);}
.myphoto1 img{width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.myinfot hgroup{display: flex;flex-direction: column;align-items: start;}
.myinfot h1{color: var(--txtgray4);font-weight: normal;font-size: 17px;font-family: 'TheJamsil';line-height: 1.3em;}
.myinfot h2{font-weight: 600;font-size: 20px;line-height: 1.3em;}
.nav-tit .myinfot h1{color: var(--txtblack);font-size: 18px;line-height: 1.5em;}
.mytpoint{display: flex;gap: 3px;align-items: center;font-family: 'Paybooc';font-weight: 600;font-size: 15px;}
.mytpoint i{font-size: 18px;color: var(--txtgray5);}
.myset1{padding: 10px;}
.myset1 img{width: 22px;}
.mypayin1{background: var(--blue);border-radius: var(--pd15) var(--pd15) 0 0;padding: var(--pd20) 18px;gap: 10px;}
.mypayin1 p{color: var(--txtblue1);font-size: 17px;font-family: 'TheJamsil';}
.mypayin1 .won{font-size: 21px;color: var(--white);justify-content: end;}
.mypayin2{background: var(--bgblue1);font-family: 'TheJamsil';display: flex;justify-content: space-between;border-radius: 0 0 var(--pd15) var(--pd15);padding: 12px 18px;}
.mypbtn1{display: flex;gap: 3px;align-items: center;color: var(--white);}
.mypbtn1 i{font-size: 11px;margin-bottom: 1px;}
.mypbtn2{border-radius: 15px;border: 1px solid var(--white);padding: 2px 10px;color: var(--white);display: flex;}
.ingap1{gap: 20px;}
.ingap2{gap: 40px;}
.title2{font-size: 18px;}
.title3{font-size: 21px;text-align: center;position: relative;}
.mystep1{display: flex;align-items: center;}
.mystep1 a{display: flex;flex-direction: column;gap: 4px;flex: 1;align-items: center;}
.mystep1 h1{font-weight: 600;font-family: 'Paybooc';background: var(--bggray);border-radius: 18px;width: 50px;height: 50px;font-size: 16px;display: flex;align-items: center;justify-content: center;color: var(--txtgray4);}
.mystep1 h2{font-weight: normal;font-size: 13px;}
.mystep1 i{color: #e5e3e3;margin-bottom: var(--pd30);}
.mylist1{display: flex;flex-wrap: wrap;gap: 10px;}
.mylist1 a{width: calc(50% - 5px);border-radius: 7px;border: 1px solid var(--linegray1);padding:12px var(--pd15);display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
.mylist1 em{color: var(--txtgray2);}
.mylist1 i{font-size: 11px;color: var(--txtgray5);}
.art1{display: flex;gap: 3px;align-items: center;}
.art1 i{font-size: 13px;color: var(--txtgray5);}
.sdw1{display: flex;align-items: center;}
.sdw1 a{padding:var(--pd10);}
.sdw1 img{width: 23px;}
.sdmeuw{gap: 20px;padding: var(--pd30) var(--pd20) var(--pd10);}
.sdmeul1{display: flex;}
.sdmeul1 a{display: flex;flex-direction: column;gap: 7px;align-items: center;font-size: 15px;width: calc(50%);position: relative;}
.sdmeul1 img{width: 26px;}
.sdmeul1 > a + a::after{content: "";position: absolute;top: 32px;left: 0;width: 1px;height: 12px;background: #d7d6d6;}
.sdmeul2{display: flex;border-radius: var(--pd10);border: 1px solid var(--linegray1);}
.sdmeul2 a{padding: var(--pd15) 0;text-align: center;font-size: 15px;position: relative;width: 100%;}
.sdmeul2 > a + a::after{content: "";position: absolute;top: 20px;left: 0;width: 1px;height: 12px;background: #d7d6d6;}
.order_search a, .order_search hgroup{position: relative;display: block;}
.order_search input{background: var(--bggray);padding: 0 40px 0 15px;height: 47px;line-height: 46px;}
.order_search i{color: var(--txtgray4);font-size: 16px;position: absolute;top: 14px;right: 15px;}
.shtop .order_search .shbtn1{cursor: pointer;padding: 12px;color: var(--txtgray4);font-size: 16px;position: absolute;top: 3px;right: 3px;}
.prd_box{gap: 30px;}
.prd_wrap{gap: 15px;}
.prd_wrap .prdtit{display: flex;font-size: 13px;font-family: 'Paybooc';}
.prd_list{border-top: 1px solid var(--linegray1);}
.prd_list li{padding: var(--pd15) 0;border-bottom: 1px solid var(--linegray1);display: flex;flex-direction: column;gap: 15px;}
.claim_state{display: flex;justify-content: space-between;}
.claim_state em{font-family: 'Paybooc';color: var(--txtgray4);}
.prdbtn{display: flex;justify-content: space-between;gap: 10px;}
.prdbtn a{font-size: 13px;width: 100%;padding: 8px 0;}
#notice .faq input[id*="reply"] + label em{font-family: 'Paybooc';}
#info_modify .idpw-wrap{gap: 10px;}
.pwon2{width: 100%;}
.modal_coupon .evt_cbboxlist li:not(:last-child){margin: 0;}
.modal_coupon .set_modal-content{padding-bottom: 80px;}
.modal_coupon .request_info{padding: 20px 15px;background: var(--bggray);position: fixed;left: 0;bottom: 0;right: 0;margin: 0;z-index: 3;}
.modal_coupon .request_info p span{font-size: 16px;}
.modal_coupon .evt_cbboxlist li{position: relative;}
.modal_coupon .evt_cbboxlist .on i{color: var(--txtred);}
.mccheck{position: absolute;top: 16px;left: 8px;display: flex;background: var(--white);z-index: 2;}
.mccheck i{font-size: 42px;color: #ebe6e6;}
.setw1{gap: 20px;}
.settop{gap: 10px;align-items: center;}
.settop h1{font-weight: 600;font-size: 16px;}
.settop .myphoto1{position: relative;width:80px;height: 80px;}
.settop .myphoto1, .settop .myphoto1 img{border-radius: 20px;}
.myphbtn1{position: absolute;right: -5px;bottom: -1px;width: 35px;height: 35px;border-radius: 50%;background: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
.myphbtn1 i{color: var(--white);font-size: 15px;}
.modal_myset .mylist1{margin: var(--pd05) -20px 0;gap: 0;}
.modal_myset .mylist1 hgroup, .modal_myset .mylist1 a{width: 100%;border-bottom: 1px solid var(--linegray1);padding:13px 20px;font-size: 15px;display: flex;justify-content: space-between;align-items: center;}
.modal_myset .mylist1 .setlink1{color: var(--txtgray2);border-radius: 0;width: auto;border: none;padding: 0;justify-content: start;gap: 3px;}
.setlink1 i{font-size: 13px;color: var(--txtgray5);margin-bottom: -2px;}
.modal_myset .mylist1 a{border-width: 0 0 1px;border-radius: 0;padding: 16px 20px;}
.switch {position: relative;display: inline-block;width: 55px;height: 28px;}
.switch input { opacity: 0;width: 0;height: 0;}
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.switch .slider:before {position: absolute;content: "";height: 22px;width: 22px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switch input:checked + .slider {background-color: var(--pink);}
.switch input:focus + .slider {box-shadow: 0 0 1px var(--pink);}
.switch input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}
.chargew{gap: 20px;}
.chargein1{gap: 25px;}
.chargein1 hgroup{display: flex;flex-direction: column;gap: 10px;}
.chargein1 p{font-size: 15px;font-weight: 600;}
.modal_charge .btnw2, .modal_transfer .btnw2{margin-top: var(--pd20);}
.fee1{display: flex;justify-content: end;align-items: center;gap: 10px;font-family: 'Paybooc';font-size: 15px;color: var(--txtgray3);font-weight: 400;margin-bottom: -10px;}
.chargewon select{font-family: 'Paybooc';}
.shtop{gap: 15px;}
.s-widget2-26{gap: 15px;margin-bottom: -10px;}
.s-widget2-head{display: flex;justify-content: space-between;}
.s-widget2-head p{font-size: 16px;}
.s-widget2-body{display: flex;gap: 10px;overflow: auto;white-space: nowrap;}
.s-widget2-body a{padding: var(--pd10) 35px var(--pd10) 13px;position: relative;border-radius: 30px;border: 1px solid var(--linegray1);}
.s-widget2-body .btndel1{position: absolute;top: 3px;right: 1px;}
.btndel1 i{font-size: 17px;color: var(--txtgray5);padding: 8px;}
.s-widget2-body::-webkit-scrollbar, .deli2::-webkit-scrollbar{display: none;}
.s-widget2-body::-webkit-scrollbar, .deli2::-webkit-scrollbar{-ms-overflow-style: none;scrollbar-width: none; }
.mp1 i{color: var(--txtblue1);font-size: 15px;margin-bottom: 3px;}
.modal_payhistory .mypayin1{border-radius: var(--pd15);}
.phsrh{display: flex;gap: 10px;}
.phlist1{border-top: 1px solid var(--linegray1);}
.phlist1 li{display: flex;justify-content: space-between;padding: var(--pd15)0 ;border-bottom: 1px solid var(--linegray1);align-items: center;}
.phlist1 hgroup{display: flex;flex-direction: column;font-family: 'Paybooc';font-size: 15px;}
.phlist1 em{color: var(--txtgray4);}
.phlist1 b{font-family: 'Paybooc';font-size: 15px;}
#btn-back-to-top {padding:7px 14px 8px;border: 1px solid var(--linegray1); font-size: 15px; display: none; position: fixed; bottom: 83px;right: 17px; z-index: 3;background:var(--white);color: var(--txtgray4); cursor: pointer;border-radius: 10px;}
#pdview #btn-back-to-top{bottom: 104px;}
.rolling_wrap{width:100%;height:31.7vw;}
.rolling_wrap a{position: relative;display: block;}
.rolling_wrap img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.reclist2{border-top: 1px solid var(--linegray1);}
.reclist2 li{display: flex;gap: 5px;flex-direction: column;border-bottom: 1px solid var(--linegray1);padding: var(--pd15) 0;}
.reclist2 hgroup{display: flex;justify-content: space-between;} 
.reclist2 em{color: var(--txtgray4);}
.reclist2 em, .reclist2 p{font-family: 'Paybooc';}
.reclink{font-weight: normal;display: flex;align-items: center;color: var(--txtgray4);font-family: 'Paybooc';font-size: 13px;gap: 10px;}
.reclink span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.reclink i{color: var(--blue);font-size: 15px;}
.modal_odsh .set_modal-content, #modal_odsh .set_modal-content{height:fit-content;top: 0;transform: translate(-50%, 0);}
.modal_odsh .period_slt, #modal_odsh .period_slt{margin-bottom: var(--pd10);}
.sht1{position: relative;}
.sht1 .i_odsh{position: absolute;top: -4px;right: -8px;padding:var(--pd05) var(--pd10);color: var(--txtgray2);}
.sht1 svg{width: 23px;height: 19px;}
.deli2{display: flex;gap: 10px;overflow: auto;white-space: nowrap;padding: var(--pd15);background: var(--bggray);margin:0 -15px;}
.deli2 a{display: flex;padding:4px 8px;font-size: 13px;background: var(--white);border-radius: var(--pd05);border: 1px solid var(--txtgray5);color: var(--txtgray1);}
.deli2 .on{background: var(--txtgray1);color: var(--white);border-color: var(--txtgray1);}
#modal_addel h1, .modal_exchange h1{padding-top: var(--pd10);}
.mylist1 .myupbtn{width: 100%;background: #fbf4f9;border-color:#d9c5d1;}
.mylist1 .myupbtn em, .mylist1 .myupbtn i{color: var(--pink);}
.mylist1 .recbtn{width: 100%;}
.rollingIcon li{background: url('/img/offBtn.png')!important;}
.ingap1 .mylist1{margin-top: -5px;}
.ingap1 .mylist1 .recbtn{background: var(--bggray);}
.modal_payhistory .period_slt{margin: 0;}
.ingap1 .mylist1 i{color: var(--blue);font-size: 15px;}
.ingap1 .mylist1 em{color: #2197c5;font-size: 15px;}
#qna .fbw input[id*="ans"] + label{gap: 10px;}
.fot2{padding:var(--pd20) var(--pd15) 100px;background: var(--bggray);display: flex;flex-direction: column;gap: 15px;}
.fot2 hgroup{gap: 5px;display: flex;flex-direction: column;color: var(--txtgray2);}
.fot2 h1{font-size: 15px;color: var(--black);}
.ftbt1{display: flex;gap: 16px;}
.ftbt1 a{position: relative;}
.ftbt1 > a + a::after{content: "";position: absolute;top: 6px;left: -8px;width: 1px;height: 10px;background: #b9b6b6;}
.fbnote{padding-top: var(--pd10);border-top: 1px solid var(--linegray1);}
.article4 .inner{padding: 80px var(--pd15) var(--pd50);}
.like2{display: block;padding: var(--pd10) var(--pd05);}
.like2 i{font-size: 20px;color: #ccc;}
.like2 .on{color: var(--blue);}
.alldel{position: absolute;top: 4px;right: 0;font-size: 14px;line-height: 1.5em;}
.nodata1{gap:10px;align-items: center;width: 100%;}
.nodata1 i{font-size: 30px;color: #ccc;}
#recent .nodata1{padding: var(--pd20) 0;border-top: 1px solid var(--linegray1);border-bottom: 1px solid var(--linegray1);}
#product_list .prd_list li{position: relative;}
.adw03{position: absolute;bottom: 15px;right: 0;gap: 7px;display: flex;}
.adw03 a{font-size: 13px;padding:0 4px;}
#pdview .nodata1{padding: var(--pd20) 0;border-bottom: 1px solid var(--linegray1);}
.grayscale{filter: grayscale(100%);}
.adtxt1{font-size: 17px;font-weight: bold;margin-bottom: 5px;}
.adline1{display: flex;gap: 5px;}
.adline1 input:first-child{width: 57px;text-align: center;}
#h3_address input{border: 0;height: auto;line-height: 1.5em;padding: 0;}
#h3_address p{display: flex;align-items: center;}
#h3_address{padding-bottom: var(--pd20);}
.pinktxt{color: var(--pink)!important;}
.subtotal2{background: var(--bggray);border-radius: var(--pd10);padding: var(--pd15);gap: 3px;}
.subtotal2 hgroup{display: flex;justify-content: space-between;align-items: center;}
.subtotal2 b{font-weight: normal;font-family: 'Paybooc';}
.s2view{padding-top: 8px;border-top: 1px solid var(--linegray1);margin-top: 10px;}
.subtotal3{display: flex;justify-content: space-between;align-items: center;background: var(--bggray);border-radius: var(--pd10);padding: var(--pd15);}
.subtotal2 h1{font-size: 16px;}
.subtotal3 h1, .subtotal4 h1{font-size: 15px;}
.subtotal3 em, .subtotal4 em{color: var(--txtblack);font-size: 16px;}
.pwon2w{display: flex;gap: 10px;}
.pwon2{position: relative;width: 100%;}
.pwon2 input{padding:0 40px 0 46px;text-align: right;color: var(--pink);font-family: 'Paybooc';font-size: 17px;}
.pwon2 em{position: absolute;top: 16px;right: 14px;color: var(--txtgray4);font-size: 17px;color: #999;}
.pwon2w a{line-height: 54px;padding: 0 16px;white-space: nowrap;font-size: 15px;}
.pwon2 b{font-weight: normal;position: absolute;top: 15px;left: 13px;font-size: 15px;}
.subtotal4{gap: 10px;background: var(--bggray);border-radius: var(--pd10);padding: var(--pd15);}
.subtotal4 hgroup{display: flex;justify-content: space-between;}
.orderw .checkbox_w p{font-weight: 600;font-size: 15px;}
.odetail1{background: var(--bggray);border-radius: var(--pd10);gap: 3px;padding: var(--pd15);margin-top: var(--pd20);}
.odetail1 em{font-family: 'Paybooc';}
.odetail1 p{display: flex;gap: 10px;align-items: center;font-family: 'Paybooc';font-weight: 600;}
.modal_odetail #div_address{background: var(--bggray);border-radius: var(--pd10);padding: var(--pd15) var(--pd15) 0  var(--pd15);}
.modal_odetail #div_address input{background: none;}
.mndtl_pack{margin: 0 var(--pd15) -12px;display: flex;gap: 16px;border-top: 1px solid var(--linegray1);padding-top: var(--pd15);}
.mndtl_pack p{position: relative;font-family: 'Paybooc';}
.mndtl_pack p::after{content: "";position: absolute;top: 4px;right:-8px;width: 1px;height: 12px;background: #aba7a7;}
.mndtl_pack hgroup{display: flex;flex-direction: column;font-family: 'Paybooc';gap: 2px;}
.odsell{display: flex;justify-content: space-between;background: var(--bggray);border-radius: var(--pd10);padding:12px var(--pd15);align-items: center;}
.odsell h3{font-size: 16px;}
.odsell h4{display: flex;gap: 3px;font-family: 'Paybooc';font-weight: normal;white-space: nowrap;}
.card1{padding-left: 5px;margin-top: -5px;font-family: 'Paybooc';}
.chbox1{display: flex;align-items: center;gap: 7px;}
.modal_transfer .pwon1 input{font-family: 'Paybooc';font-weight: 600;}
#buy .basic_type .price_info span{margin: 0;}
#buy .basic_type .price_info span::before{content: none;}
.pwon3{position: relative;width: 100%;}
.pwon3 input{padding-right: 110px;text-align: right;font-family: 'Paybooc';}
.pwon3 em{position: absolute;top: 16px;right: 14px;font-size: 15px;color:#4d4d4f ;}
.brandshop .ovconw{padding-top: 60px;}

@media (min-width: 701px){

    .brandshop .ovconw{padding-top: 80px;}
    .main .m2 div:nth-child(1){font-size: 18px;}
    .main .list_type a i{font-size: 20px;}
    .pwon3 input{padding-right: 130px;}
    .pwon3 em{font-size: 17px;}
    .odsell{padding: 18px var(--pd25);}
    .odsell h3{font-size: 19px;}
    .s2view{padding-top: 13px;margin-top: 15px;}
    .mndtl_pack hgroup{gap: 7px;}
    .mndtl_pack p{margin-top: -2px;}
    .mndtl_pack{margin: 0 var(--pd35) -20px;padding-top: var(--pd20);}
    .modal_odetail #div_address{padding: 17px var(--pd25) 0 var(--pd25);}
    .odetail1{font-size: 15px;padding: var(--pd20) var(--pd25);}
    .paytab a{padding: 13px 0;}
    .pwon2 input{padding: 0 45px 0 55px;}
    .pwon2 b{font-size: 18px;}
    .pwon2 input, .pwon2 em{font-size: 20px;}
    .pwon2w a{padding: 0 25px;}
    .subtotal3 h1, .subtotal4 h1{font-size: 18px;}
    .subtotal3 em, .subtotal4 em{font-size: 20px;}
    .subtotal2{padding: var(--pd25);gap: 8px;}
    .adline1 input:first-child{width: 63px;}
    .qna_secret .fa-lock{margin-bottom: 2px;}
    #pdview .nodata1{padding: var(--pd30) 0;}
  .adw03 a{font-size: 14px;padding:1px 6px;}
  .adw03{bottom:20px;}
  #recent .nodata1{padding: var(--pd30) 0;}
  #like .nodata1{padding: var(--pd10) 0;}
  .nodata1{gap: 15px;}
  .nodata1 i{font-size: 50px;}
  .alldel{top: 5px;font-size: 15px;}
    .like2 i{font-size: 25px;}
    .article4 .inner{padding: 100px var(--pd35) var(--pd60);}
    .fot2{padding:var(--pd25) var(--pd30) 120px;}
    .prd_list li{padding: 18px 0;}
    #qna .fbw input[id*="ans"] + label{gap: 15px;}
    input[id*="proask"] + label .qna_q:before, input[id*="proask"] + label .qna_q:after, .faq input[id*="reply"] + label span:before, .faq input[id*="reply"] + label span:after{width: 15px;}
  .r_img .thum2 i{font-size: 30px;}
  #modal_addel h1, .modal_exchange h1{padding: var(--pd20) 0 var(--pd10);font-size: 24px;}
  .deli2{padding: var(--pd15) var(--pd30);margin: 0 -35px;}
  .deli2 a{padding: 5px 15px;font-size: 14px;}
  .sht1 .i_odsh{top: -1px;right: -10px;}
  .sht1 svg{width: 35px;height: 29px;}
  .reclist2 li{gap: 5px;padding: 18px 0;}
    #btn-back-to-top{font-size: 21px;padding: 8px 17px 9px;bottom: 110px;}
    .phlist1 hgroup, .phlist1 b{font-size: 17px;}
    .mp1 i{font-size: 19px;margin: 0;}
    .modal_charge .btnw2, .modal_transfer .btnw2{margin-top: var(--pd30);}
    .chargein1 p{font-size: 19px;}
    .chargein1{gap: 35px;}
    .modal_coupon .request_info p span{font-size: 20px;}
    .modal_coupon .request_info{padding:var(--pd25) var(--pd30);}
    .qnabtn{font-size: 16px;padding: 15px 0;}
    .fbw hgroup{font-size: 16px;gap: 30px;}
    .faq .ftin1, .fbw .q01, .fbw .a01{padding:17px var(--pd20);}
    .faq input[id*="reply"] + label hgroup, .filebox {gap: 10px;}
    .evt_cbboxlist li{width: 100%;box-sizing: border-box;margin: 0;}
    .evt_cbboxlist li img{width: 100%;}
    .evt_cbboxlist li:last-child, .evt_cbboxlist li:not(:last-child){margin:0;}
    .evt_cbboxlist{display:grid;gap: 20px;grid-template-columns: repeat(2,1fr);}
    .coupon_area{padding: var(--pd20);border: 1px solid var(--linegray1);background: var(--bggray);}
    .coupon_area a{height: 55px;line-height: 54px;}
    .order_search i{font-size: 19px;top: 17px;right: 18px;}
    .order_search input{height: 55px;line-height: 54px;padding-right: 50px;}
    .btnw2 a{padding: 18px 0;}
    .rein textarea, #upload textarea{height: 150px;}
    .in_disc{padding: var(--pd15) var(--pd20);}
    .filebox label{font-size: 15px;padding: 0 15px;line-height: 56px;}
    .claim_info a{font-size: 16px;padding: 13px 0;}
    .claim_info_wrap{padding: var(--pd25);}
    .delivery_step_tit{font-size: 26px;line-height: 1.3em;}
    .delivery_step li, .fbw p{font-size: 15px;}
    .delivery_step_wrap .delivery_step li~li:before{left: -50%;}
    .period_slt{gap: 15px;}
    .btn_period input[type="radio"] + span{padding: 10px 0;}
    .selectStatus select{background:url(/img/angle-down-solid.svg) no-repeat 97% 50%;background-size: 11px;}
    .selectStatus a{font-size: 15px;padding: 0 18px;}
    .basic_type hgroup{gap: 8px;}
    .prdbtn a{padding: 10px 0;}
  .sdmeul2 a{padding: var(--pd20) 0;font-size: 17px;}
  .sdmeuw{gap: 30px;padding: var(--pd40);}
  .sdmeul1 a{gap: 10px;font-size: 18px;}
  .sdmeul1 img{width: 30px;}
  .mytpoint i{font-size: 24px;}
  .mytpoint{font-size: 21px;}
  .nav-tit .myinfot h1{font-size: 29px;}
  .mylist1 a{padding: var(--pd20);}
    .mystep1 h1{width: 65px;height: 65px;}
    .title2{font-size: 22px;}
    .mypbtn2{padding: 3px 12px;}
    .mypayin1{border-radius: var(--pd20) var(--pd20) 0 0;padding: var(--pd25) 23px;gap: 20px;}
    .mypayin2{border-radius: 0 0 var(--pd20) var(--pd20);padding: 18px 23px;}
    .ingap1{gap: 40px;}
    .ingap2{gap: 60px;}
    .myset1 img, .sdw1 img{width: 34px;}
    .myinfot h2{font-size: 32px;}
    .myphoto1{width: 72px;height: 72px;}
    .mylevel i{font-size: 16px;padding: 5px 0 0 5px;}
    .mylevel em{width: 26px;height: 25px;}
    .mylevel{font-size: 22px;gap: 5px;}
    .pwon1w a{padding: 0 13px;}
    .paycash select{background: url('/img/angle-down-solid.svg') no-repeat 91% 50%;background-size: 11px;}
    .paycash .in4{grid-template-columns: 200px auto;}
    .orderw .in5{gap: 20px;}
    .orderw{gap: 50px;}
    .paycard select{background: url('/img/angle-down-solid.svg') no-repeat 96% 50%;background-size: 11px;}
    .collapsible img{width: 21px;}
    .collapsible:after{font-size: 25px;}
    .collapsible{padding: 18px 30;}
    .odview{margin: 0 -35px;}
  .recomlist li:not(:last-child){margin: 0;}
  .btchout a{padding: 18px 0;}
  .recomlist{flex-wrap: wrap;gap: 20px;display: flex;}
  .recomlist li{width: calc(50% - 10px);}
  .cartright{gap: 25px;}
  .cartright h1{font-size: 24px;}
  .subtotal .continue{margin-top: -15px;font-size: 17px;}
  .subtotal .checkout{padding: 18px 0;font-size: 17px;}
  .subtotal hgroup{gap: 30px;}
  .subtotal hgroup h1, .myinfot h1, .mypayin1 p, .request_info p strong{font-size: 22px;}
  .subtotal em, .mypayin1 .won, .title3, .request_info p em, .subtotal2 em{font-size: 27px;}
  .clbody .checkbox_w{top: 51px;}
  .clbody .remove svg{width: 22px;height: 22px;}
  .clbody li{min-height: 85px;padding:18px 30px var(--pd20) 135px;}
  .clbody .thum{width: 85px;height: 85px;}
  .cartleft h1{font-size: 35px;}
  .cartleft{gap: 30px;}
  article .inner{padding: 65px var(--pd35) 70px;}
  .article3 .inner{padding: 100px var(--pd35) 120px;}
  .pdview1 .right h2 i{font-size: 30px;}
  .review_total .pdaskwrite, .mystep1 h2, .fbw .ing1, .fbw .ing2, .fbw .ing3, .reclink span{font-size: 14px;}
  .bt_opt_layer .btin{padding-bottom: var(--pd100);}
  .mndtl_opt_btm a{height: 56px;line-height: 55px;}
  .mndtl_total{padding:var(--pd20) var(--pd35) 0 ;}
  .mndtl_total strong{font-size: 32px;}
  .mndtl_art .price strong{font-size: 24px;}
 .mndtl_opt_item{padding: 0 var(--pd30);}
  .review_total h1, .mndtl_art .price em, .mndtl_total em, .mndtl_total p{font-size: 20px;}
  .mndtl_opt_bx, .as_w{gap: 50px;padding: 0 var(--pd35);}
  .article1 .bx-wrapper{width: 500px;margin: 0 auto;}
  .article1 .bx-wrapper .bx-controls-direction a{width: 40px;height: 40px;opacity: 1;}
  .article1 .bx-wrapper .bx-prev{left: -60px;}
  .article1 .bx-wrapper .bx-next{right: -60px;}
  .article1 .bx-wrapper .bx-prev, .article1 .bx-wrapper .bx-prev:hover, .article1 .bx-wrapper .bx-prev:link{background: url('/img/controls.png') no-repeat -40px 0;background-size: 80px;}
  .article1 .bx-wrapper .bx-next, .article1 .bx-wrapper .bx-next:hover, .article1 .bx-wrapper .bx-next:link{background: url('/img/controls.png') no-repeat 0 0;background-size: 80px;}
  .pdview1 .left .bxslider li{width: 500px!important;margin: 0 auto;height: 500px!important;}
  #modal_photo .bx-wrapper{display: block;height: 600px;width: 600px;margin: 0 auto;}
    .cdtl_tab li a{height: 65px;padding-top: 22px;}
    .r_img .thum2{height: 150px;}
    .ex_radio_w .checkmark{top: 2px;}
    .ex_radio_w{line-height: 20px;}
    .declin{gap: 18px;}
    pre, .fot2 p, .ftbt1 a, .reclink i, .fi1, .in_disc li, .r_info, .mndtl_opt_bx hgroup, .prd_wrap .prdtit, .prdbtn a, .btn_period input[type="radio"] + span, .basic_info li, .delivery_info li, .delivery_date, .claim_location input[type="radio"] + label{font-size: 15px;}
    .p-hidden, .review_w .ph, .p-block{display: none;}
    .m-hidden{display: flex;}
    .m-block{display: inline-flex;}
    .card1, .odsell h4, .subtotal2, .mndtl_pack, .in_disc h3, .nodata1, .fot2 h1, .ingap1 .mylist1 i, .qna_tit, input[id*="proask"] + label + div .qna_a, .reclist2 hgroup, textarea, .evt_cbboxlist p, .fbw h3, .faq input[id*="reply"] + label hgroup, .filebox .upload-name, .rein select, .rein textarea, .rein input, .claim_state, .basic_type .price_info span, .cdtl_tab li a, .declarepop hgroup p, .declarepop a, .declarepop textarea, .ex_radio_w, .post, .after_service li, .checkbox_w p, .clhead .seldel, .won, .bank p, .mypbtn1, .mypbtn2, .mylist1 em{font-size: 16px;}
    .cdtl_tab li .count{font-size: 14px;}
    .btn_bt_opt .btn_buy, .paytab a, .orderw .checkbox_w p, pre b, .ingap1 .mylist1 em, .cartbtn, .collapsible hgroup span, .adw02 hgroup, .adbtw a, .basic_type .name2, .request_info p, .stitle1{font-size: 17px;}
    .pdselect .in p{font-size: 20px;}
    .pdview1 .right{gap: 20px;}
    .pdview1 .right hgroup{gap: 25px;}
    .pdview1{gap: 50px;}
    .pdview1 .right h2{font-size: 24px;}
    .pdview1 .right h2 b{font-size: 35px;}
    .pdview1 .right h1{font-size: 20px;}
    .pdview1 .right, .review_w, .odcontent .in{padding: 0 var(--pd35);}
    .arin1{padding-top: 100px;}
}

@media (min-width: 1030px){


  .modal_odsh .set_modal-content{top: 50%;transform: translate(-50%, -50%);}
  .rolling_wrap{height: 255px;}
  #modal_photo .bx-wrapper{width: 100%;height: 520px;}
  #modal_photo .bxslider > div{height: 520px!important;}
  #modal_photo .bx-wrapper .bx-prev{left: 10px;}
  #modal_photo .bx-wrapper .bx-next{right: 10px;}
}