@charset "utf-8"; 

.ipt_txt, .ipt_tel, .ipt_num, .textArea, .select {width:100%; min-height:40px; padding:0 7px; color:#1b1b1b; font-size:14px; font-weight:400; line-height:34px; border:none; border-bottom:1px solid #bababa; resize:none; border-radius:0; background:#fff; transition:all 0.3s ease-out;}
.ipt_txt:focus, .ipt_tel:focus, .ipt_num:focus, .textArea:focus, .select:focus {border:none; border-bottom:1px solid #1b1b1b; transition:all 0.3s ease-out;}
.ipt_txt::placeholder, .ipt_tel::placeholder, .ipt_num::placeholder, .ipt_direct_msg::placeholder {color:#989898; font-size:13px; font-weight:300;}
.ipt_txt:autofill, .ipt_txt:autofill:hover, .ipt_txt:autofill:focus, .ipt_txt:autofill:active, 
.ipt_tel:autofill, .ipt_tel:autofill:hover, .ipt_tel:autofill:focus, .ipt_tel:autofill:active, 
.ipt_num:autofill, .ipt_num:autofill:hover, .ipt_num:autofill:focus, .ipt_num:autofill:active {box-shadow:0 0 0 30px #fffef1 inset;}

#wrap {text-align:center;}
#wrap .inner {display:inline-block; width:1180px; margin:0 auto; padding:120px 0 0 0; text-align:left;}
#wrap .inner .titBox {display:block;}
#wrap .inner .titBox h3 {display:block; font-size:30px; font-weight:600;}
#wrap .inner .titBox dl.desc {display:block; padding:25px 20px 40px 20px;}
#wrap .inner .titBox dl.desc dt {display:block; padding:0 0 7px 0; font-size:18px; font-weight:500;}
#wrap .inner .titBox dl.desc dd {display:block; font-size:15px; font-weight:300; line-height:22px; opacity:0.7;}
#wrap .inner .contBox {clear:both; overflow:hidden;}
#wrap .inner .contBox p.essential {clear:both; overflow:hidden; padding:0 0 10px 0; font-size:13px; font-weight:300; border-bottom:1px solid rgba(14,14,14,1.0);}
#wrap .inner .contBox .essential:before {content:'*'; display:inline-block; margin:0 3px 0 0; color:#f00; font-weight:500; vertical-align:middle;}
#wrap .inner .contBox .dlBox {display:block; clear:both; overflow:hidden; padding:15px 40px; border-bottom:1px solid rgba(14,14,14,0.05);}
#wrap .inner .contBox .dlBox dt {float:left; width:20%; font-size:14px; font-weight:400; line-height:40px;}
#wrap .inner .contBox .dlBox dd {float:left; width:80%;} 
#wrap .inner .contBox .dlBox dd .ipt_txt:first-child:nth-last-child(1) {width:100%;}
#wrap .inner .contBox .dlBox dd .ipt_txt:first-child:nth-last-child(2) {width:calc(40% - 10px);}
#wrap .inner .contBox .dlBox dd .ipt_txt:first-child:nth-last-child(2) ~ .ipt_txt {width:calc(60% - 20px); margin:0 0 0 20px;}
#wrap .inner .contBox .dlBox dd .select {width:calc(40% - 10px);}
#wrap .inner .contBox .dlBox dd .select + .ipt_num {width:calc(60% - 20px); margin:0 0 0 20px;}
#wrap .inner .contBox .dlBox:last-child {border-bottom:1px solid rgba(14,14,14,1.0);}
#wrap .inner .policyBox {display:block; width:100%; padding:30px 40px; text-align:left; border-bottom:1px solid rgba(14,14,14,1.0);}
#wrap .inner .policyBox .iptBox2 {display:block; padding:0 0 0 20%;}
#wrap .inner .policyBox .iptBox2 .ipt_check {display:none;}
#wrap .inner .policyBox .iptBox2 .ipt_check + label {display:inline-block; position:relative; padding:0 0 0 25px; color:#1b1b1b; font-size:15px; font-weight:300; vertical-align:top; line-height:19px; letter-spacing:-1px;}
#wrap .inner .policyBox .iptBox2 .ipt_check + label:before {content:''; position:absolute; top:50%; left:0%; width:16px; height:16px; text-indent:-99px; border:1px solid #bababa; background:rgba(27,27,27,0); transform:translate(0,-50%); border-radius:0;}
#wrap .inner .policyBox .iptBox2 .ipt_check + label:after {content:''; position:absolute; top:50%; left:0; width:16px; height:16px; transform:translate(0,-50%);}
#wrap .inner .policyBox .iptBox2 .ipt_check:checked + label {color:#1b1b1b; font-weight:300;}
#wrap .inner .policyBox .iptBox2 .ipt_check:checked + label:before {content:''; border:1px solid #1b1b1b; background:rgba(27,27,27,1.0) !important;}
#wrap .inner .policyBox .iptBox2 .ipt_check:checked + label:after {content:''; background:rgba(27,27,27,1.0) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_line_w.svg") no-repeat 50% 50%/50% 55%; opacity:1.0;}
#wrap .inner .policyBox .policy_txt {display:block; padding:0 0 0 20%; color:#666; font-size:13px; text-align:left; line-height:22px; white-space:pre-wrap;}
#wrap .inner .btnBox {margin:50px 0 100px 0;}
#wrap .inner .btnBox a, #wrap .inner .btnBox button {width:400px;}
#wrap .inner .btnBox a:hover, #wrap .inner .btnBox button:hover {border:1px solid #1b1b1b; background:#1b1b1b;}
#wrap .inner .btnBox a:disabled, #wrap .inner .btnBox button:disabled {pointer-events:none;}

/* -------------------- mobile -------------------- */
@media screen and (max-width:780px) {
#wrap .inner {display:inline-block; width:100%; padding:120px 20px 0 20px;}
#wrap .inner .titBox h3 {font-size:1.75rem;}
#wrap .inner .titBox dl.desc {padding:15px 0 20px 0;}
#wrap .inner .titBox dl.desc dt {font-size:1rem;}
#wrap .inner .titBox dl.desc dd {font-size:0.8rem; line-height:20px;}
#wrap .inner .contBox .dlBox {padding:15px 0;}
#wrap .inner .contBox .dlBox dt {width:100%;}
#wrap .inner .contBox .dlBox dd {width:100%;}
#wrap .inner .contBox .dlBox dd .ipt_txt:first-child:nth-last-child(1) {width:100%;}
#wrap .inner .contBox .dlBox dd .ipt_txt:first-child:nth-last-child(2) {width:100%; margin:0 0 10px 0;}
#wrap .inner .contBox .dlBox dd .ipt_txt:first-child:nth-last-child(2) ~ .ipt_txt {width:100%; margin:0;}
#wrap .inner .contBox .dlBox dd .select {width:100%;}
#wrap .inner .contBox .dlBox dd .select + .ipt_num {width:100%; margin:10px 0 0 0;}
#wrap .inner .policyBox {padding:30px 0 0 0;}
#wrap .inner .policyBox .iptBox2 {padding:0;}
#wrap .inner .policyBox .iptBox2 .ipt_check + label {font-size:0.9rem;}
#wrap .inner .policyBox .policy_txt {padding:0; font-size:0.7rem; line-height:20px;}
#wrap .inner .btnBox {margin:30px 0 50px 0; padding:0;}
#wrap .inner .btnBox a, #wrap .inner .btnBox button {width:100%;}
}