@charset "utf-8";

.wrapper{position:relative;background:#12161a}
.wrapper *{font-family:var(--font-family-Pretendard);color:#fff}
.wrapper .inner{width:1300px;padding:220px 0 160px;margin:0 auto}
.wrapper .inner .tit{font-weight:500;line-height:80px;font-size:50px;animation:show-up 1s 0.5s forwards;opacity:0}
.wrapper .inner form{display:flex;flex-flow:row nowrap;align-items:flex-end;justify-content:space-between;width:100%;height:100%}
.wrapper .inner form .half{width:calc(100% / 2 - 70px)}
.wrapper .inner form .half .titCont{}
.wrapper .inner form .half .titCont p{font-weight:500;line-height:80px;font-size:50px;opacity:0}
.wrapper .inner form .half .inpUl{}
.wrapper .inner form .half .inpUl li:not(:nth-of-type(1)){margin-top:30px}
.wrapper .inner form .half .inpUl li p{font-weight:500;line-height:28px;letter-spacing:-0.45px;font-size:18px}
.wrapper .inner form .half .inpUl li .inp{display:block;width:100%;font-weight:600;line-height:28px;letter-spacing:-0.45px;padding:9px 11px 22px;margin-top:11px;background:none;border:solid #5b5b5b;border-width:0 0 1px 0;font-size:20px}
.wrapper .inner form .half .inpUl li .inp::placeholder{font-weight:500;line-height:28px;letter-spacing:-0.45px;font-size:18px;color:#4e4e4e}
.wrapper .inner form .half .inpUl li textarea.inp{height:120px;font-weight:500;line-height:26px;letter-spacing:-0.4px;border:1px solid #5b5b5b;resize:none;overflow-y:auto;font-size:16px;color:#b2b2b2 }
.wrapper .inner form .half .inpUl li textarea::placeholder{font-weight:500;line-height:28px;letter-spacing:-0.45px;font-size:18px;color:#4e4e4e}
.wrapper .inner form .half .txtBox{height:120px;padding:16px 28px;margin-top:20px;border:1px solid #5b5b5b;overflow-y:auto}
.wrapper .inner form .half .chkBox{position:relative;margin-top:20px}
.wrapper .inner form .half .chkBox input[type=checkbox]{display:none}
.wrapper .inner form .half .chkBox label{position:relative;font-weight:300;line-height:26px;padding:10px 0 10px 30px;background:url('../../../img/main/check.png') no-repeat left center;font-size:14px}
.wrapper .inner form .half .chkBox input[type=checkbox]:checked + label{background:url('../../../img/main/check-on.png') no-repeat left center}
.wrapper .inner form .half .btnBox{margin-top:30px}
.wrapper .inner form .half .btnBox button{font-weight:400;line-height:30px;letter-spacing:-0.65px;padding:17px 125px 19px 37px;background:url('../../../img/main/confirm-btn01.png') no-repeat center;border:none;font-size:26px}

.wrapper .inner form .half.left .inpUl{margin-top:120px}


@media screen and (max-width: 1300px)
{
    .wrapper{padding-top:66px}
    .wrapper .inner{width:100%;padding:60px 20px 40px;margin:0 auto}
    .wrapper .inner form{align-items:center;flex-direction:column;padding-bottom:0}
    .wrapper .inner form .half{width:100%}
    .wrapper .inner form .half .tit p{line-height:30px;text-align:center;font-size:24px}
    .wrapper .inner form .half.left .inpUl{margin-top:30px}
    .wrapper .inner form .half .inpUl li p{}
    .wrapper .inner form .half .inpUl li .inp{line-height:24px;padding:10px;margin-top:10px;font-size:18px}
    .wrapper .inner form .half .txtBox{padding:10px}
    .wrapper .inner form .half .btnBox{width:60%;margin:20px auto 0;text-align:center}
    .wrapper .inner form .half .btnBox button{line-height:unset;padding:unset;background:none;text-indent:-9999em;font-size:0}
    .wrapper .inner form .half .btnBox button img{width:100%}
}