@charset "utf-8";

#atc02{position:relative;padding:120px 0;font-size:15px;background:#f2f7fd;font-family:'GongGothicLight'}
#atc02 *{word-break:keep-all}
#atc02 .inner{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;max-width:1400px;margin:0 auto}
#atc02 .right{width:100%}
#atc02 .left{width:100%}

/* 빠른상담폼 */
#atc02 .cont_area{width:100%;padding:23px 15px;border-radius:20px;background:#fff}
#atc02 .cont_area .inq_form .form_area .f_tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
#atc02 .cont_area .inq_form .form_area .f_tit p{font-size:36px;color:#222;font-family:var(--gong-medi)}
#atc02 .cont_area .inq_form .form_area .f_tit a{display:inline-block;padding:15px 30px;border-radius:50px;font-size:15px;color:#fff;background:#222;transition:0.2s;font-family:var(--gong-medi)}
#atc02 .cont_area .inq_form .form_area .f_tit a:hover{background:var(--primary)}
#atc02 .form_area{position:relative;padding:30px 40px}
#atc02 .form_area .s_tit{margin-bottom:7px;font-size:25px;color:#111;font-family:'GongGothicMedium'}
#atc02 .form_area ul li{overflow:hidden}
#atc02 .form_area ul li+li{margin-top:10px}
#atc02 .form_area .half p{float:left;width:calc(50% - 5px)}
#atc02 .form_area .halfn div{display:flex;width:100%;justify-content:space-between}
#atc02 .form_area .halfn div p{float:left;width:calc(33.33% - 5px)}
#atc02 .form_area .half p+p{float:right}

/* 폼 기본 스타일 */
#atc02 .form_area .sh_input{width:100%;height:66px;padding:0 20px;border-radius:3px;border:none;font-size:15px;background:#f7f7f7;transition:all .3s;font-family:'GongGothicLight'} 
#atc02 .form_area .sh_input::placeholder{color:#999}
#atc02 .form_area .sh_input:focus{box-shadow:none}
#atc02 .form_area input[type=submit]{width:100%;height:65px;margin-top:10px;border:none;border-radius:3px;font-size:20px;color:#fff;background-color:var(--primary);appearance:none;-webkit-appearance:none;transition:all .3s;font-family:'GongGothicMedium'}
#atc02 .form_area input[type=submit]:hover{background:#111}
#atc02 .form_area .sh_txtarea{padding:20px;height:130px;resize:none}

/* 개인정보 동의 */
#atc02 .form_area .prv_area{margin:25px 0 10px; font-size:14px;text-align:right;cursor:pointer}
#atc02 .form_area .prv_area a{vertical-align:middle;color:#666;transition:all .3s}
#atc02 .form_area .prv_area label{color:#999}

/* 진행현황 타이틀 */
#atc02 .right .tit{text-align:right}
#atc02 .right .tit b{font-size:13px;color:var(--primary);font-family:var(--gong-bold)}
#atc02 .right .tit p{padding:15px 0 30px;font-size:36px;line-height:1.4;color:#222}
#atc02 .right .tit p span{font-family:var(--gong-medi)}
#atc02 .right .tit p span strong{font-weight:normal;color:var(--primary)}

#atc02 .lt_box{overflow:hidden;height:366px}
#atc02 .lt_box li{display:flex;padding:20px;border:1px solid #e1e1e1;border-radius:3px;font-size:15px;align-items:center;justify-content:space-between;background:#fff}
#atc02 .lt_box .sh_nodata{display:block;border:none;line-height:27.2;text-align:center}
#atc02 .lt_box .icon{display:inline-block;width:85px;height:35px;border-radius:50px;font-size:13px;line-height:35px;color:#fff;text-align:center;background:#aaa;font-family:'GongGothicMedium'}
#atc02 .lt_box .icon2{background:var(--primary)}
#atc02 .lt_box .icon3{background:#111}
#atc02 .lt_box .icon6{background:#f33c4c}
#atc02 .lt_box .name{color:#111}
#atc02 .lt_box .info{display:flex}
#atc02 .lt_box .info span{overflow:hidden;display:inline-block;width:130px;white-space:nowrap;text-overflow:ellipsis}
#atc02 .lt_box .info span+span{position:relative;margin-left:10px;padding-left:10px}
#atc02 .lt_box .info span+span:after{position:absolute;content:'';top:7px;left:0;width:1px;height:10px;background:#e1e1e1}
#atc02 .lt_box .date{font-size:13px;color:#111;font-family:'GongGothicMedium'}

/*서브페이지*/
.sub #atc02{padding:0;background:transparent}
.sub #atc02 .inner{flex-direction:column-reverse;gap:37px;padding:0 0 50px}
.sub #atc02 .right .tit{text-align:center}
.sub #atc02 .cont_area{justify-content:center;background:#f7f7f7}
.sub #atc02 .cont_area>div{width:100%;margin:0 auto}
.sub #atc02 .left .tit{text-align:center}
.sub #atc02 .left .tit p{padding-bottom:0}
.sub #atc02 .form_area{padding:20px 40px}
.sub #atc02 .cont_area .inq_form .form_area .f_tit{justify-content:center;margin-bottom:15px}
.sub #atc02 .cont_area .inq_form .form_area .f_tit p{font-size:33px}
.sub #atc02 .cont_area .inq_form .form_area .f_tit a{display:none}
.sub #atc02 .form_area .sh_input{background:#fff}
.sub #atc02 .right .tit p{padding-bottom:0}

@media(hover:hover){
#atc02 .lt_area .link a:hover span{background:#111}
}

/* 반응형 [s] */
@media (max-width:1400px){
#atc02{padding:80px 20px}
#atc02 .inner{flex-direction:column-reverse}
#atc02 .right .tit{text-align:center}
#atc02 .right .inq_latest{width:85%;margin:0 auto}
#atc02 .left{width:85%;margin:0 auto}
#sh_content.sub .cont_area{width:95%; margin:0 auto}
#atc02 .lt_box .sh_nodata{background:transparent}
}

@media (max-width:1024px){
#atc02 .right .inq_latest{width:100%}
#atc02 .left{width:100%}
#atc02 .inner{gap:20px}
#atc02 .lt_box{height:250px}
#atc02 .lt_box .sh_nodata{line-height:10}
}

@media (max-width:768px){
#atc02{padding:50px 20px}
#atc02 .lt_box .info{display:none}
#atc02 .right .tit p{font-size:33px}
#atc02 .cont_area{padding:0 15px}
#atc02 .cont_area .inq_form .form_area .f_tit p{font-size:33px}
#atc02 .form_area{padding:30px 20px}
#atc02 .form_area input[type=submit]{font-size:16px}
.sub #atc02 .form_area{padding:30px 20px}
.sub #atc02 .cont_area .inq_form .form_area .f_tit p{font-size:28px}
#sh_content.sub .cont_area{padding:0}
}

@media (max-width:480px){
#atc02{padding:50px 10px}
#atc02 .lt_area .link{margin-top:15px;justify-content:center}
#atc02 .right .tit p{font-size:28px}
#atc02 .cont_area .inq_form .form_area .f_tit{flex-direction:column;gap:10px}
#atc02 .cont_area .inq_form .form_area .f_tit p{font-size:28px}
#atc02 .cont_area .inq_form .form_area .f_tit a{padding:12px 35px;font-size:14px}
#atc02 .form_area{padding:30px 10px}
#atc02 .form_area .half p{width:100%}
#atc02 .form_area .sh_input::placeholder{color:#222}
#atc02 .form_area .half p+p{margin-top:10px}
#atc02 .form_area .halfn div{flex-direction:column;gap:10px;width:100%}
#atc02 .form_area .halfn div p{width:100%}
.sub #atc02 .inner{padding-bottom:20px}
.sub #atc02 .right .tit{padding:0 20px}
#atc02 .form_area .sh_input{height:52px}
}

@media (max-width:425px){
#atc02 .lt_box .icon{display:none}
}

@media (max-width:380px){
#atc02 .right .tit p{padding-bottom:20px;font-size:25px}
#atc02 .cont_area{padding:0 10px}
#atc02 .cont_area .inq_form .form_area .f_tit p{font-size:25px}
#atc02 .form_area .sh_input{font-size:14px}
#atc02 .form_area .half p+p{margin-top:5px}
#atc02 .form_area ul li+li{margin-top:5px}
#atc02 .form_area .halfn div{gap:5px}
#atc02 .form_area .prv_area{margin:20px 0 5px;font-size:13px}
#atc02 .form_area input[type=submit]{height:58px}
#atc02 .lt_box .date{font-size:12px}
#atc02 .lt_box li{font-size:14px}
.sub #atc02{gap:30px}
.sub #atc02 .cont_area .inq_form .form_area .f_tit p{font-size:22px}
}
/* 반응형 [e] */