@charset "utf-8";

input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, textarea:focus,select:focus{box-shadow:none;border:none!important}
input:focus{outline:none}

#atc04{position:relative;display:flex;justify-content:center;overflow:hidden;padding:0;color:#fff;background:#070707;font-family:var(--k-font);z-index:1}
#atc04 .bg{width:50%;background:url(./img/bg.jpg) center no-repeat}
#atc04:after{position:absolute;content:'';right:-20px;bottom:0;width:100%;height:100%;background:url(./img/form_bg.png) right no-repeat;z-index:-1}
#atc04 .pl{white-space:pre-line}

/* 타이틀 */
#atc04 .form_area{position:relative;float:right;padding:100px 20px 182px 90px;width:50%}
#atc04 .tit_area{margin-bottom:50px;color:#fff}
#atc04 .tit_area p{margin-bottom:60px;font-size:47px;font-weight:100;line-height:1.3;white-space:pre-line;word-break:keep-all}
#atc04 .tit_area p b{font-weight:700}
#atc04 .tit_area p span{overflow:hidden;display:block;margin-left:-220px}
#atc04 .tit_area p i{display:inline-block;font-style:normal}
#atc04 .tit_area > div{position:relative;padding:0 0 30px 30px;font-size:16px;font-weight:500;white-space:pre-line;word-break:keep-all}
#atc04 .tit_area > div:after{position:absolute;content:'';width:18px;height:18px;left:0;top:4px;background:url(./img/w_deco.png) no-repeat}

/* 폼 */
#atc04 form{max-width:670px}
#atc04 ul{margin-bottom:50px;display:grid;grid-template-columns:repeat(2, 1fr);align-items:end;gap:20px}
#atc04 ul:last-child{margin-bottom:0 !important}
#atc04 ul li{position:relative}
#atc04 ul li+li{margin-top:25px}
#atc04 ul li .sh_input{width:100%;height:45px;line-height:36px;padding-left:70px;border:0;border-bottom:1px solid rgba(255,255,255,.3)!important;color:#fff;background-color:transparent;transition:all .4s;font-size:15px;font-family:'pretendard'}
#atc04 ul li .sh_input:focus{border-color:rgba(255,255,255,.6)!important}
#atc04 ul li label{position:absolute;left:11px;top:8px;color:rgba(255,255,255,0.5);font-size:14px}
#atc04 ul + ul{margin-bottom:0;grid-template-columns:repeat(1, 1fr)}
#atc04 .prv_area{display:flex;align-items:center;justify-content:flex-end;padding:6px 0 40px 0;font-size:14px}
#atc04 .prv_area a{cursor:pointer;color:#fff}
#atc04 .prv_area label{cursor:pointer;margin:0 0 0 3px}
#atc04 .prv_area .ck_box{margin-right:10px;width:13px;height:13px;margin-bottom:1px;background:rgba(255,255,255,0.20);cursor:pointer;-webkit-appearance:none;-ms-appearance:none;appearance:none}
#atc04 .prv_area .ck_box:after{display:none;content:'\f00c';padding-left:1px;font-size:10px;text-align:center;color:#000;line-height:12px;font-family:'fontawesome'}
#atc04 .prv_area .ck_box:checked{border-color:#fff;background:#fff}
#atc04 .prv_area .ck_box:checked:after{display:block}
#atc04 .send{width:100%;height:66px;border:1px solid rgba(255, 255, 255, 0.3);font-size:15px;font-weight:700;color:#fff;background:transparent;transition:all 0.2s;font-family:var(--k-font)} 

/* 반응형 [s] */
@media (hover:hover){
#atc04 .prv_area a:hover{text-decoration:underline}
#atc04 .send:hover{color:#222;background:#fff}
}
@media (max-width:1024px){
#atc04{padding:0 20px 90px}
#atc04 .bg{width:47%;height:550px}
#atc04 .form_area{padding:28px 20px 0 40px;width:53%}
#atc04 .tit_area{margin-bottom:20px}
#atc04 .tit_area p{margin-bottom:0px;font-size:30px}
#atc04 .tit_area p span{margin-left:0px}
#atc04 .tit_area > div{padding:0 0 15px 25px;font-size:15px}
#atc04 .tit_area > div:after{left:0px;top:3px}
}
@media (max-width:895px){
#atc04{padding:0 20px 70px;gap:20px}
#atc04:after{display:none}
#atc04{flex-direction:column}
#atc04 .bg{width:100%;height:215px;order:2;background-size:cover;background-position:50% 57%}
#atc04 .form_area{padding:0px;width:100%}
#atc04 form{max-width:unset;width:100%}
#atc04 .tit_area{margin-bottom:40px}
#atc04 .tit_area > div{padding:0 0 8px 0;font-size:14px;text-align:center}
#atc04 .tit_area > div:after{display:none}
#atc04 .tit_area p{font-size:29px;text-align:center}
#atc04 ul{margin-bottom:40px}
#atc04 .prv_area{padding:6px 0 25px}
}
@media (max-width:650px){
#atc04 .tit_area{margin-bottom:15px}
}
@media (max-width:480px){
#atc04{padding:0 15px 60px;gap:15px}
#atc04 .bg{height:180px}
#atc04 .tit_area > div{font-size:15px}
#atc04 .tit_area p{text-align:center;font-size:23px}
#atc04 ul{margin-bottom:30px;gap:15px}
#atc04 ul li .sh_input{height:40px}
#atc04 ul li label{top:12px;font-size:13px}
#atc04 .prv_area{padding:6px 0 18px;font-size:13px}
#atc04 .send{height:55px;font-size:14px}
}
@media (max-width:380px){
#atc04{padding:0 15px 50px}
#atc04 .bg{height:150px}
#atc04 .tit_area p{font-size:20px}
#atc04 ul{margin-bottom:25px}
#atc04 .prv_area{padding:4px 0 12px}
#atc04 .send{height:50px}
}
/* 반응형 [e] */