@charset "utf-8";

#atc02{position:relative;padding:100px 0;font-size:15px;background:#eff8fa;font-family:'GongGothicLight'}
#atc02 *{word-break:keep-all}
#atc02 .inner{max-width:1400px;margin:0 auto}
#atc02 .tit{margin-bottom:75px;text-align:center}
#atc02 .tit p{font-size:40px;color:#111;font-family:'GongGothicMedium'}
#atc02 .tit span{font-size:17px;color:#777}

#atc02 .cont_area{display:flex;justify-content:space-between}
#atc02 .cont_area>div{width:49%}
#atc02 .cont_area .inq_form{border:2px solid var(--primary);border-radius:3px}
#atc02 .bnr{display:flex;padding:30px 40px;align-items:center;justify-content:space-between;background:url(/sh_img/include/inc01/img/bg.png) no-repeat;background-size:cover}
#atc02 .bnr .pl{white-space:pre-line}
#atc02 .bnr p{font-size:35px;line-height:1.3;color:#fff;font-family:'GongGothicLight'}
#atc02 .bnr p span{font-family:'GongGothicMedium'}

#atc02 .form_area{position:relative;padding:30px 40px;background:#fff}
#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 .sh_input{width:100%;height:55px;padding:0 20px;border-radius:3px;border:none;font-size:15px;background:#f2f2f2;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 .half p{float:left;width:calc(50% - 5px)}
#atc02 .form_area .half p+p{float:right}
#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 .sh_txtarea{padding:20px;height:130px;resize:none}
#atc02 .form_area .prv_area{position:absolute;top:37px;right:40px;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 .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 .tel{display:flex;margin-top:25px;justify-content:space-around;flex-wrap:wrap}
#atc02 .tel .txt{line-height:1.3;font-family:'GongGothicMedium'}
#atc02 .tel .txt p{font-size:25px;color:#111;}
#atc02 .tel .txt span{font-size:16px;color:#777}
#atc02 .tel .num{display:flex;align-items:center}
#atc02 .tel .num span{display:flex;width:45px;height:45px;margin-right:13px;border-radius:50px;color:#fff;align-items:center;justify-content:center;background:var(--primary)}
#atc02 .tel .num svg{width:20px;animation:call 1.2s infinite linear}
@keyframes call{from{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(0)}30%{transform:rotate(20deg)}40%{transform:rotate(0)}100%{transform:rotate0)}}
#atc02 .tel .num p{font-size:30px;color:#111;font-family:'GongGothicBold'}

#atc02 .inq_latest{border-top:2px solid var(--primary)}
#atc02 .lt_area{color:#111;background:none}
#atc02 .lt_area p{color:#111}
#atc02 .lt_area .link{display:flex;align-items:center}
#atc02 .lt_area .link>span{font-size:17px;font-family:'GongGothicMedium'}
#atc02 .lt_area .link a span{display:flex;width:45px;height:45px;margin-left:13px;border-radius:50px;color:#fff;align-items:center;justify-content:center;background:var(--primary);transition:all .3s}

#atc02 .lt_box{overflow:hidden;height:450px}
#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}
#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 .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 0 100px;background:none}
.sub #atc02 .tit{margin-bottom:40px}
.sub #atc02 .cont_area>div{width:80%;margin:0 auto}
.sub #atc02 .cont_area{justify-content:center}

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

/* 반응형 [s] */
@media (max-width:1300px){
#atc02{padding:50px 15px}
#atc02 .tit{margin-bottom:45px}
#atc02 .tit p{margin-bottom:5px;font-size:30px}
#atc02 .cont_area{display:block}
#atc02 .cont_area>div{width:100%}
#atc02 .inq_latest{margin-top:15px;border-top:none}

.sub #atc02 .cont_area>div{width:98%}
}
@media (max-width:1024px){
#atc02 .tit p{margin-bottom:0;font-size:25px}
#atc02 .bnr p{font-size:25px}
#atc02 .form_area .s_tit{font-size:22px}
#atc02 .tel .num p{font-size:25px}
#atc02 .lt_box{height:250px}
#atc02 .form_area input[type=submit]{background:#111}
#atc02 .lt_box .sh_nodata{line-height:1.5}

.sub #atc02{padding:20px 0 50px}
}
@media (max-width:768px){
#atc02 .form_area{padding:25px}
#atc02 .form_area .prv_area{position:unset}
#atc02 .form_area ul li+li{margin-top:5px}
#atc02 .form_area .half p{float:none;width:100%}
#atc02 .form_area .half p+p{float:none;margin-top:5px}
#atc02 .form_area .halfn div p{float:none;width:100%}
#atc02 .form_area .halfn div{display:block}
#atc02 .form_area .halfn div p+p{margin-top:5px}
#atc02 .form_area .sh_input{height:45px}
#atc02 .form_area input[type=submit]{height:55px;font-size:18px}
#atc02 .lt_box .info{display:none}
#atc02 .tel .txt p{font-size:20px}
#atc02 .tel .txt span{font-size:13px}

.sub #atc02{padding:30px 0 50px}
}
@media (max-width:480px){
#atc02 .tit{margin-bottom:30px}
#atc02 .bnr{display:block;padding:20px}
#atc02 .bnr .pl{white-space:normal}
#atc02 .bnr p{text-align:center}
#atc02 .cont_area .inq_form img{display:none}
#atc02 .lt_area .link{margin-top:15px;justify-content:center}
}
@media (max-width:425px){
#atc02 .lt_box .icon{display:none}
}
/* 반응형 [e] */