@charset "utf-8";

#atc03{font-size:15px;background-color:#f5f9ff}
#atc03 .inner{max-width:1500px;width:100%;margin:0 auto;padding:60px 0;overflow:hidden} 
#atc03 .inner > div{position:relative;float:left;width:calc(100% / 3)}
#atc03 .tit{padding-bottom:20px;font-size:20px;color:#000;font-family:notokr-bold}
#atc03 .tit i{float:right;font-size:12px;line-height:31px}
#atc03 .bn1{padding-right:40px;border-right:solid 1px #e1e1e1}
#atc03 .bn1 a{display:block;height:100%;color:#888}
#atc03 .bn1 span{ white-space:pre-line}
#atc03 .bn1 img{position:absolute;right:40px;bottom:0}
#atc03 .bn2{padding:0 40px}
#atc03 .bn2 ul li{overflow:hidden}
#atc03 .bn2 ul li .subj{float:left;width:calc(100% - 100px);font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#atc03 .bn2 ul li .subj:hover{ text-decoration:underline}
#atc03 .bn2 ul li .date{float:right;width:72px;font-size:14px;color:#999}
#atc03 .bn3{padding:35px 25px;font-size: 14px;color:rgba(255, 255, 255, 0.45);border-radius:20px;background:#006aec url(/sh_img/include/inc03/img/bn3_bg.png) center no-repeat;background-size:cover;font-family:'inter','notokr-regular'}
#atc03 .bn3 .tit{padding-bottom: 0;font-size:15px;color:#fff;font-family:notokr-medium}
#atc03 .bn3 .tel{font-size:23px;font-weight: 700;color:#fff;font-family:'inter'}
#atc03 .bn3 .inq_btn{position:absolute;right: 25px;top:50%;padding: 5px 15px;border:solid 1px #fff;border-radius:30px;font-size:14px;color:#fff;transform:translateY(-50%);font-family: 'notokr-medium';}
#atc03 .bn3 .inq_btn i{padding-left: 12px;}

/* 반응형 [s] */
@media (hover:hover) {

}
@media (max-width:1500px){
#atc03 .inner{padding:60px 10px}
}
@media (max-width:1200px){
#atc03 .bn1{padding-right:20px}
#atc03 .bn1 img{right:20px;width:100px}
#atc03 .bn2{padding:0 20px}
#atc03 .bn3 .inq_btn span{display:none}
}
@media (max-width:1024px){
#atc03 .inner{padding:50px 10px}
#atc03 .inner > div{width:50%}
#atc03 .bn2{padding:0 0 0 20px}
#atc03 .inner .bn3{width:100%;margin-top:30px}
#atc03 .bn3 .inq_btn{padding:12px 38px}
}
@media (max-width:768px){
#atc03 .bn1{padding:25px;margin-bottom:10px;border-radius:20px;border-right:none;background-color:#fff}
#atc03 .bn1 img{bottom:25px}
#atc03 .bn2{padding:25px;border-radius:20px;background-color:#fff}
#atc03 .inner .bn3{margin-top:10px}
#atc03 .inner > div{width:100%}
#atc03 .tit{padding-bottom:10px}
}
@media (max-width:480px){
#atc03 .inner{padding:40px 10px}
#atc03 .bn1 span{display:block;width:100%;padding-right:120px; word-break:keep-all;white-space:normal}
#atc03 .bn3{text-align:center}
#atc03 .bn3 .inq_btn{display:block;position:relative;right:auto;top:auto;margin-top:15px;border: none;font-size: 15px;background-color: #0e4487;transform:none}
}
@media (max-width:380px){
#atc03{font-size:14px}
#atc03 .bn1 img{width:82px}
#atc03 .bn1 span{padding-right:90px}
}
/* 반응형 [e] */
