@charset "utf-8";

#atc02{overflow:hidden;border-top:1px solid #e1e1e1}
#atc02 .inner{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;max-width:1400px;width:100%;margin:0 auto 90px}
#atc02 .inner:before{content:'';position:absolute;left:50%;top:0;width:100%;height:100%;background-color:#f5f5f5;border-bottom-left-radius:30px}
#atc02 .inner > div{width:calc(100% / 2)}

/* 라테스트 */
#atc02 .latest{padding:90px 7% 40px 0}
#atc02 .latest .tit_area{margin-bottom:50px}
#atc02 .latest .tit_area .en{margin-bottom:30px;color:#04865f;font-size:15px;line-height:15px;font-family:'SBAggroB'}
#atc02 .latest .tit_area p{font-size:40px;line-height:50px;white-space:pre-line;color:#222}
#atc02 .latest .tit_area p b{font-family:'SBAggroB'}
#atc02 .latest .swiper-container{height:270px}
#atc02 .latest ul li{display:flex;align-items:center;padding:15px 20px;border:1px solid #d7d7d7;border-radius:10px}
#atc02 .latest ul li .status{display:block;width:80px;height:30px;margin-right:15px;background-color:var(--primary1);border-radius:30px;font-size:13px;color:var(--white);line-height:32px;text-align:center}
#atc02 .latest ul li .m_status{display:none}
#atc02 .latest ul li .subj{color:#777}
#atc02 .latest ul li .date{flex-shrink:0;margin-left:auto}
#atc02 .latest ul li .m_date{display:none}

/* 상담폼 */
#atc02 .form{position:relative;padding:90px 4% 0}
#atc02 .form .tit{margin-bottom:30px}
#atc02 .form .tit p{display:inline-block;margin-right:10px;font-size:35px;color:#222;font-family:'SBAggroM'}
#atc02 .form ul li{display:flex;justify-content:space-between}
#atc02 .form ul li+li{margin-top:16px}
#atc02 .form .sh_input{width:100%;height:55px;padding:0 20px;border-radius:3px;border:1px solid #d7d7d7;font-size:16px;transition:all .3s;font-family:'SBAggroL'} 
#atc02 .form .sh_input::placeholder{color:#999}
#atc02 .form .sh_input:focus{box-shadow:none;border:1px solid var(--primary)!important}
#atc02 .form .half p{width:calc(50% - 8px)}
#atc02 .form .sh_txtarea{padding:15px;height:130px;resize:none}
#atc02 .form .prv_area{display:flex;margin:15px 0 30px;cursor:pointer;align-items:center;justify-content:flex-end;line-height:14px}
#atc02 .form .prv_area #prv_check[type="checkbox"]{-webkit-appearance:none;position:relative;width:15px;height:15px;margin-right:6px;cursor:pointer;border:1px solid #d7d7d7;border-radius:3px;background:var(--white)}
#atc02 .form .prv_area #prv_check[type="checkbox"]::before{content:"\f00c";position:absolute;top:40%;left:50%;overflow:hidden;transform:scale(0) translate(-50%, -50%);font-size:8px;font-family:'fontawesome'}
#atc02 .form .prv_area #prv_check[type="checkbox"]:checked{background-color:var(--primary1);color:white}
#atc02 .form .prv_area #prv_check[type="checkbox"]:checked::before{border-radius:2px;transform:scale(1) translate(-50%, -50%)}
#atc02 .form .prv_area a{position:relative;vertical-align:middle;color:#999;transition:all .3s}
#atc02 .form .prv_area a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#dbdbdb}
#atc02 .form input[type=submit]{width:100%;height:70px;border-radius:70px;font-size:19px;color:var(--white);background-color:var(--primary);appearance:none;-webkit-appearance:none;transition:all .3s;font-family:'SBAggroL'}

/* 반응형 메뉴 [s] */
@media (hover:hover){
#atc02 .form .prv_area a:hover{color:#555}
#atc02 .form input[type=submit]:hover{background-color:var(--primary1)}
}
@media(max-width:1400px){
#atc02 .latest{padding-right:4%}
#atc02 .inner{padding:0 20px}
}
@media (max-width:1250px){
#atc02 .inner{padding:0}
#atc02 .inner > div{padding:90px 3%;text-align:center}
#atc02 .latest .tit_area p{white-space:normal;word-break:keep-all}
#atc02 .form .tit p{display:block;margin-right:0}
}
@media (max-width:1220px){
#atc02 .latest .tit_area{margin-bottom:30px}
#atc02 .latest .tit_area p b{font-family:'SBAggroL'}
}
@media (max-width:1158px){
#atc02 .inner .form{padding:128px 3%;background-color:#f7f7f7}
}
@media (max-width:1040px){
#atc02 .inner{display:block;margin-bottom:0}
#atc02 .inner > div{width:80%;margin:0 auto}
#atc02 .inner:before{display:none}
#atc02 .inner .latest{padding-top:80px}
#atc02 .latest .tit_area p{white-space:pre-line}
#atc02 .inner .form{width:100%;padding:70px 13%}
#atc02 .form.active{transition:1s 1.4s}
}
@media (max-width:950px){
#atc02 .inner > div{padding:80px 20px!important}
#atc02 .inner .latest{width:100%}
#atc02 .latest .tit_area p{font-size:32px;line-height:42px}
}
@media(max-width:530px){
#atc02 .latest ul li .subj{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;width:30%;text-align:left;text-overflow:ellipsis}
#atc02 .form ul li{display:block}
#atc02 .form .half p{width:100%}
#atc02 .form .half p+p{margin-top:15px}
}
@media(max-width:480px){
#atc02 .inner .latest{padding:60px 20px!important}
#atc02 .latest .tit_area .en{margin-bottom:25px;font-size:13px;line-height:23px}
#atc02 .latest .tit_area p{font-size:28px;line-height:38px;white-space:normal}
#atc02 .latest ul li .subj{width:40%}
#atc02 .latest ul li .m_status{display:block;width:auto;padding:0 15px}
#atc02 .latest ul li .pc_status{display:none}
#atc02 .latest ul li .date{font-size:13px}
#atc02 .latest ul li .pc_date{display:none}
#atc02 .latest ul li .m_date{display:block}
#atc02 .inner .form{padding:60px 20px!important}
#atc02 .form .tit p{font-size:30px;line-height:40px}
}
/* 반응형 메뉴 [e] */