@charset "utf-8";

#atc05{position:relative}
#atc05:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:375px;background:url('./bg.png') no-repeat center #f5f5f5}
#atc05 .inner{display:flex;opacity:0;justify-content:space-between;flex-wrap:wrap;max-width:1400px;width:100%;margin:0 auto;padding:40px 0 80px;transform:translateY(40px);animation-delay:.5s}
#atc05 .inner > div{width:50%}

/* 라테스트 */
#atc05 .latest .late_txt{text-align:center}
#atc05 .latest .late_txt .b_txt{margin-top:20px;font-size:43px;line-height:55px;white-space:pre-line;color:#222}
#atc05 .latest .late_txt .b_txt span{color:var(--primary);font-family:'SBAggroB'}
#atc05 .latest .late_txt .s_txt{margin:17px 0 80px}
#atc05 .latest .swiper-container{height:240px!important;padding-right:50px}
#atc05 .latest ul li{display:flex;align-items:center;height:60px;padding:0 20px;border-bottom:1px dashed #e1e1e1;line-height:60px}
#atc05 .latest ul li .status{display:block;width:150px;height:35px;margin-right:15px;border:1px solid #e1e1e1;border-radius:50px;font-size:14px;color:#444;line-height:35px;text-align:center;background-color:#fff;font-family:'SBAggroM'}
#atc05 .latest ul li .subj{width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atc05 .latest ul li .date{flex-shrink:0;margin-left:auto;font-size:14px;color:#888}

/* 상담폼 */
#atc05 .form{overflow:hidden;position:relative;padding:49px 50px 60px;border-radius:20px;background:var(--dark)}
#atc05 .form .tit{text-align:center}
#atc05 .form .tit p{font-size:30px;color:#fff;font-family:'SBAggroB'}
#atc05 .form .tit span{display:block;margin-bottom:26px;font-size:15px;color:rgba(255,255,255,.5);font-family:'SBAggroL'}
#atc05 .form ul li{overflow:hidden}
#atc05 .form ul li+li{margin-top:10px}
#atc05 .form .sh_input{width:100%;height:55px;padding:0 20px;border-radius:3px;border:none;font-size:15px;transition:all .3s;font-family:'SBAggroL'} 
#atc05 .form .sh_input::placeholder{color:#999}
#atc05 .form .sh_input:focus{box-shadow:none}
#atc05 .form .half p{float:left;width:calc(50% - 5px)}
#atc05 .form .half p+p{float:right}
#atc05 .form .sh_txtarea{padding:20px;height:130px;resize:none}
#atc05 .form .prv_area{margin-bottom:12px;font-size:14px;text-align:right;cursor:pointer}
#atc05 .form .prv_area a{vertical-align:middle;color:#666;transition:all .3s}
#atc05 .form .prv_area label{color:#999}
#atc05 .form input[type=submit]{width:100%;height:55px;border:none;border-radius:3px;font-size:15px;color:#fff;background-color:var(--primary);appearance:none;-webkit-appearance:none;transition:all .3s;font-family:'SBAggroM'}

/* 모바일 호버 X */
@media (hover: hover) {
#atc05 .key_inner .keyword_list button:hover{color:#fff}
#atc05 .form input[type=submit]:hover{background-color:var(--primary-hover)}
}

/* 반응형 [s] */
@media (max-width:1430px){
#atc05 .key_inner{max-width:none}
#atc05 .key_inner .key_tit{width:445px}
#atc05 .key_inner .keyword_list{display:flex;width:calc(100% - 445px);padding-left:0}
#atc05 .key_inner .keyword_list button{width:calc(100%/6);margin:0 !important}
#atc05 .key_inner .keyword_list button+button:before{left:0;top:50%;transform:translateY(-50%)}
#atc05 .inner{max-width:none;padding:95px 15px 80px 0}
#atc05 .latest .swiper-container{padding-left:15px}
}

@media (max-width:1230px){
#atc05 .inner{padding:80px 15px 60px}
#atc05 .latest .late_txt .b_txt{font-size:35px;line-height:47px}
#atc05 .form .tit p{font-size:25px}
#atc05 .keyword{margin:0;border-radius:0}
}

@media (max-width:1024px){
#atc05 .key_inner{line-height:normal}
#atc05 .key_inner .key_tit{width:385px;line-height:110px}
#atc05 .key_inner .keyword_list{flex-wrap:wrap;width:calc(100% - 385px)}
#atc05 .key_inner .keyword_list button{width:calc(100%/3);height:55px}
#atc05 .key_inner .keyword_list button:nth-child(4):before{display:none}
#atc05 .latest .late_txt .b_txt{font-size:30px;line-height:42px}
#atc05 .latest .late_txt .s_txt{line-height:25px;word-break:keep-all}
#atc05 .latest .swiper-container{padding-right:30px}
#atc05 .latest ul li{padding:0}
#atc05 .form{padding:49px 30px 60px}
#atc05 .form .tit span{line-height:25px;word-break:keep-all}
}

@media (max-width:768px){
#atc05:before{display:none}
#atc05 .key_inner{display:block}
#atc05 .key_inner .key_tit{width:100%;font-size:17px;line-height:55px}
#atc05 .key_inner .key_tit svg{width:17px}
#atc05 .key_inner .keyword_list{width:100%}
#atc05 .key_inner .keyword_list button{border-bottom:1px solid rgba(255,255,255,.3);font-size:15px;color:#fff}
#atc05 .key_inner .keyword_list button+button:before{height:100%}
#atc05 .inner{display:block;padding:60px 0 0}
#atc05 .inner .latest{position:relative;width:100% !important;padding:0 15px 40px}
#atc05 .inner .latest:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:320px;background:url('./bg.png') no-repeat center #f5f5f5;background-size:cover}
#atc05 .latest .late_txt .b_txt{margin-top:0}
#atc05 .latest .late_txt .s_txt{margin-bottom:70px}
#atc05 .latest .swiper-container{padding:0}
#atc05 .form{width:calc(100% - 30px) !important;margin:15px auto 0}
}

@media (max-width:480px){
#atc05 .latest .late_txt .b_txt{font-size:25px;line-height:37px}
#atc05 .form{padding:39px 25px 45px}
#atc05 .form .tit p{font-size:20px}
#atc05 .form .half p{width:100%}
#atc05 .form .half p+p{margin-top:10px}
#atc05 .form .sh_input{height:50px}
#atc05 .form .sh_txtarea{height:120px}
#atc05 .form input[type=submit]{height:50px}
}

@media (max-width:380px){
#atc05 .latest ul li .status{width:105px}
#atc05 .latest ul li .date{display:none}
}
/* 반응형 [e] */