@charset "utf-8";

#atc05{background:#fff}
#atc05 *{word-break:keep-all}
#atc05 .inner .b_tit{position:sticky;top:150px;height:100%;color:#111;text-align:left;white-space:pre-line}

#atc05 .form_area{padding:150px 0;background:#f5f5f5}
#atc05 .form_area .inner{display:flex;justify-content:space-between}
#atc05 .b_tit p{font-size:22px;font-weight:600;color:#aaa}
#atc05 .cont_area{width:50%}
#atc05 .form>div>p{margin-bottom:10px;font-size:16px;font-weight:700;color:#111}
#atc05 .cont_area div+div{margin-top:50px}
#atc05 .form ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px 20px}
#atc05 .sh_label{display:block;font-size:14px;font-weight:600;color:#aaa}
#atc05 .sh_label.rq:after{display:inline-block;content:"*";margin-left:5px;font-size:17px;color:#e91e63}
#atc05 .form ul li .sh_input{width:100%;height:50px;padding:0 15px;border-radius:4px;border:1px solid #e1e1e1;font-size:15px;color:#777;background:#fff;transition:all .2s}
#atc05 .form ul li .sh_input:focus, #atc05 ul li .sh_input:active{outline:none!important;border-color:#e1e1e1!important;background-color:#fff;box-shadow:none}
#atc05 .form ul li .sh_select{cursor:pointer;-webkit-appearance:none;appearance:none;background:url(/sh_img/common/select_arr.png) calc(100% - 15px) center no-repeat #fff}
#atc05 .form ul li .sh_input.txt{height:200px;padding:15px;line-height:1.4}
#atc05 .form ul li.full{grid-column:span 2}
#atc05 .form ul li.file_area .flex{display:flex}
#atc05 .form ul li.file_area .upload-name{width:calc(100% - 120px)}
#atc05 .form ul li.file_area label{cursor:pointer;width:120px;height:50px;margin:0 0 0 5px;border-radius:4px;font-weight:600;color:#fff;text-align:center;line-height:50px;background:#b1b1b1}
#atc05 .form ul li.file_area input[type=file]{display:none}
#atc05 .form .pjt>ul{margin-top:20px}
#atc05 .form .chk{display:flex;gap:5px}
#atc05 .form .chk input{display:none}
#atc05 .form .chk span{display:inline-block;padding:5px 20px;border-radius:3px;font-weight:500;color:#fff;cursor:pointer;background:#b1b1b1}
#atc05 .form .chk input:checked + .ck_btn{background:var(--dark)}
#atc05 .pvc_ck{display:flex;align-items:center;justify-content:space-between;margin-top:20px !important;font-size:15px;font-weight:500}
#atc05 .pvc_ck .sh_ck{width:16px;height:16px;border:none;border-radius:4px;background:#e5e5e5;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#atc05 .pvc_ck .sh_ck:checked{background:url('/sh_img/common/ck.png') center no-repeat #111;background-size:8px}
#atc05 .pvc_ck label{margin:0 5px;cursor:pointer;font-size:15px;font-weight:500;color:#111}
#atc05 .pvc_ck label span{color:var(--primary)}
#atc05 .pvc_ck a{vertical-align:middle;color:#111;text-decoration:underline}
#atc05 .inq_btn{display:flex;align-items:center;justify-content:center;width:150px;height:60px;font-size:17px;font-weight:600;border-radius:50px;color:#fff;background:var(--primary);transition:all .25s}

#atc05 .bnr{background:var(--dark)}
#atc05 .bnr .inner{padding:100px 0;text-align:center}
#atc05 .bnr h4{font-size:35px;font-weight:700;color:#fff}
#atc05 .bnr h4 span{color:var(--primary)}
#atc05 .bnr p{margin:10px 0 30px;font-size:20px;font-weight:500;color:rgba(255,255,255,.5)}
#atc05 .bnr li{display:inline-block}
#atc05 .bnr li+li{margin-left:10px}
#atc05 .bnr li a{display:inline-block;padding:15px 30px;border-radius:5px;font-size:18px;font-weight:700;color:#fff;background:rgba(255,255,255,.2);transition:all .3s}

@media(hover:hover){
#atc05 .inq_btn:hover{background:var(--primary-h)}
#atc05 .bnr li a:hover{background:rgba(255,255,255,.1)}
}

/* 반응형 [s] */
@media (max-width:1024px){
    #atc05 .form_area .inner{padding:0 15px}
    #atc05 .form_area{padding:100px 0}
    #atc05 .bnr .inner{padding:60px 15px}
    #atc05 .bnr h4{font-size:25px}
    #atc05 .bnr p{margin:0 0 20px}
    #atc05 .bnr li a{padding:10px 22px;font-size:16px}
}
@media (max-width:768px){
    #atc05 .form_area{padding:70px 0 50px}
    #atc05 .form_area .inner{display:block}
    #atc05 .inner .b_tit{position:unset;top:unset;text-align:center;white-space:normal}
    #atc05 .inq_btn{width:140px;height:50px;font-size:15px}
    #atc05 .form ul li.file_area label{height:45px;line-height:45px}
    #atc05 .form ul li .sh_input{height:45px;font-size:15px}
    #atc05 .cont_area div+div{margin-top:30px}
    #atc05 .cont_area{width:100%}
    #atc05 .bnr h4{font-size:22px}
    #atc05 .bnr p{font-size:16px}
    #atc05 .bnr li a{font-size:15px}
}
@media (max-width:480px){
    #atc05 .form ul{gap:10px}
    #atc05 .form ul li .sh_input{height:40px;font-size:14px}
    #atc05 .form ul li .sh_input.txt{height:150px}
    #atc05 .form ul li.file_area label{height:40px;line-height:40px}
    #atc05 .form>div>p{margin-bottom:5px}
    #atc05 .inq_btn{width:130px;height:45px;font-size:14px}
    #atc05 .pvc_ck{flex-direction:column;gap:10px}
    #atc05 .bnr .inner{padding:40px 15px}
    #atc05 .bnr p{font-size:14px}
    #atc05 .bnr h4{font-size:17px}
    #atc05 .bnr li+li{margin-left:5px}
    #atc05 .bnr li a{padding:10px 15px;font-size:14px}
}
@media (max-width:390px){
    #atc05 .bnr .inner{padding:30px 15px}
    #atc05 .form_area{padding:50px 0}
    #atc05 .form .pjt>ul{margin-top:10px}
    #atc05 .form>div>p{font-size:15px}
    #atc05 .form ul li .sh_input.txt{height:125px}
    #atc05 .sh_label{font-size:13px}
    #atc05 .inq_btn{width:120px;height:40px;font-size:13px}
    #atc05 .bnr li a{font-size:13px}
}
/* 반응형 [e] */