@charset "UTF-8";
/*대량주문 페이지 스타일 파일입니다. */
.header--sub .header__title { height: 51px; font-size: 19px;}
.l-header > div{position:sticky; top:0; z-index: 1;}
.footer{margin-top:0;}

/*대량주문 상단 이미지*/
.v-order-img{position:relative; min-height:100px;}
.v-order-img .skin-banner img{width:100% !important;}
.v-order-txt{position:absolute;  top:10.5882vw; left:3.5294vw; }
.v-order-txt .txt1{font-size:4.2353vw; line-height:1;font-weight: 500; }
.v-order-txt .txt2{font-size:7.0588vw; line-height:1; margin:3.1765vw 0 6.7059vw; font-weight: 700;}
.btn_consult_now{ position: relative; display: inline-block; height:8.2353vw;  line-height: 8.2353vw ; padding:0 9.2941vw 0 3.1765vw; background:#3d712e; font-size:3.5294vw; color:#fff;}
.btn_consult_now::after{content:''; position: absolute;  right: 3.1765vw;  top: 41%; width: 1.4118vw;height: 1.4118vw; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}




/*대량구매문의절차*/
.v-order-flow{width:100%; background:#fff; padding:49px 0 45px;}
.v-order-flow__inner{text-align: center;}
.v-order-flow__inner .tit{display: block; line-height:1; text-align: center; font-size:25px; letter-spacing: -0.025em; font-weight: 700; margin-bottom:23px;}
.v-order-flow__inner .sub_tit{display: inline-block; margin:0px auto 39px;  padding: 0 24.3px; width:auto; height:30px; line-height:30px; text-align: center; font-size:14px; font-weight:400; border:1px solid #e5e5e5; border-radius: 25px; ;}

.flow_list{display: flex; justify-content: space-between;  flex-direction: column; row-gap: 38px; padding-left:6.2353vw;}
.flow_list li{display: flex;   gap:34px;  align-items: center; text-align: left;}
.flow_list li > img{width:28.0000vw; height:29.4118vw}
.flow_tit{font-size:18px; font-weight: 700; line-height:1;margin:0px 0 12px;}
.flow_txt{font-size:15px; font-weight: 400; word-break: auto-phrase; }


@media all and (min-width:640px) {
    .flow_list{padding-left:0;}
    .flow_list li{justify-content: center;}

}

/*대량주문 상담신청*/
.v-order-consult{background:#f7f8fa; padding-bottom: 50px;}
.v-order-consult__inner{ margin:0px auto; padding:48.5px 0 0px;}
.v-order-consult__inner > strong{display: block; margin:0px auto 12.5px; text-align: center; font-size:25px; line-height:1; letter-spacing: -0.025em; font-weight: 700; }
.v-order-consult .info_txt{display: block; line-height:1; margin-bottom:25px; text-align: center; letter-spacing: -0.025em; font-size:12px;  }
.v-order-consult .info_txt em{color:#f8081e; font-style: normal;}

.consult__inner {margin:0 3.5294vw; border-top:1px solid #000;}
.consult__inner dl:first-child{margin-top: 25px;}
.consult__inner dl~dl{margin-top:25px;}
.consult__inner dl dt{font-size:15px; font-weight: 700; line-height: 1; margin-bottom: 15px;}
.consult__inner dl dt font{position:relative}
.consult__inner dl dt font::after{content:'*'; position:absolute; top:1px; margin-left:5px; font-size:16px; color:#f8081e;}

.consult__inner .consult_type{display: flex; flex-wrap: wrap; row-gap: 8px;}
.consult__inner .consult_type li{width:50%;}
.consult__inner .consult_type input[type=radio] {position:relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; width:18px; height: 18px; font-size:15px; font-weight: 400; border:1px solid #e5e5e5; background:#fff; padding: 0; margin: 0 9px 0 0;  border-radius:100%;  cursor: pointer;    vertical-align: middle; margin-top: -1px;}
.consult__inner .consult_type input[type=radio]:checked {border:1px solid #3e712d;}
.consult__inner .consult_type input[type=radio]:checked::after{content:''; position:absolute; width:10px; height:10px; border-radius: 100%; background-color: #3e712d; top:50%; left:50%; transform: translate(-50%,-50%);}

.consult__inner input[type=text]{width:100%; height:40px; border:1px solid #e5e5e5; font-size:16px;     padding: 0 15px;} 

.consult__inner .consult_con_box{align-items: flex-start;}
.consult__inner input[type=text].title{width:100%;     padding: 0 15px;}
.consult__inner .text{border:1px solid #e5e5e5; background:#fff;  height: 183.5px; padding:21px 17px; box-sizing: border-box;}
.consult__inner .text textarea { font-size: 12px;font-weight: 400;color: #000; line-height: 1.2; appearance: none; -moz-appearance: none;-webkit-appearance: none;border: 0; resize: none; width: 100%; height:139px; outline:none;}
.consult__inner .text textarea::placeholder{color:#ddd; font-size:16px; line-height:1.4; font-style: italic;}

.area_filebox {position: relative; display: flex; align-items: center; flex-wrap:  wrap; line-height: 1; font-size: 0;}
.area_filebox input.upload_name {display: block; width:calc(100% - 100px); height: 40px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #fff; padding: 0 15px; font-size: 16px;}
.area_filebox label {cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; width: 100px; height:40px; background: #000; color: #fff; line-height: 1; font-size: 15px; font-weight: 400;}
.area_filebox input.upload_hidden {width: 0; height: 0; opacity: 0; position: absolute;}

.term_check_box{align-items: center;}
.consult__inner .terms {position: relative; display: block; width: 100%; height: 200px; border: 1px solid #e5e5e5; background: #fff; padding: 16px 17.5px 16px;}
.consult__inner .terms > div { font-size: 13px; font-weight: 300; color: #888; line-height: 1.6; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 0; resize: none; width: 100%; height: 162px; outline: none; overflow: auto;}
.consult__inner .terms > div::-webkit-scrollbar {width: 6px;}
.consult__inner .terms > div::-webkit-scrollbar-track {background-color: #fff;}
.consult__inner .terms > div::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 3px;}
.consult__inner .terms > div strong {font-weight: 700;}
.consult__inner .terms_check {position: relative; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-top: 15px;}
.consult__inner .terms_check label {display: flex; align-items: center; line-height: 1; font-size: 14px; font-weight: 400; color: #000;}
.consult__inner .terms_check label input[type=checkbox] {background-color: #fff;  cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 18px; height: 18px;border:1px solid #e5e5e5; padding: 0; margin: 0 10.5px 0 0;}
.consult__inner .terms_check label input[type=checkbox]:checked {background-color: #3e712d;   background-image: url('../../../images/img-single/ico-check-white-16.png');
    background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box; padding: 2px;}
.term_check_box .btn_term{position:relative; font-size: 12px; color:#999; height: 16px; line-height: 16px; margin-left: 13.5px;}
.term_check_box .btn_term::after{ content:''; position:absolute; width:100%; height:1px; background:#999; left:0; bottom:-1px; }

.btn_consult{display: flex; align-items: center; justify-content: center; font-size:15px; font-weight: 500; color:#fff; width:100%; height:45px; margin:45px auto 0px;  background:#3e712d; }   

/*영문몰*/
.lang-body-en .consult__inner .consult_type{flex-direction: column;}
.lang-body-en .consult__inner .consult_type li{width:100%}
.lang-body-en .tel .iti{width:100%;}
@media all and (max-width:380px) {
    .lang-body-en .consult__inner dl.term_check_box dt font::after{top:17px;}
}
.lang-body-en .tel .iti {display: flex;}
.lang-body-en .tel .iti__flag-container{ position:relative; background: #fff;border: 1px solid #e5e5e5;border-right: none;}
.lang-body-en .tel .iti__selected-flag{z-index: 0;}
.lang-body-en .tel input[type=text].contents_extra{padding-left:5px; border-left:none; outline: none;}