@charset "utf-8";

#atc03{position:relative;display:flex;flex-flow:column;justify-content:center;height:100vh;padding-top:10%}
#atc03 *{word-break:keep-all}
#atc03:after{position:absolute;z-index:-1;content:'';top:0;left:0;width:100%;height:50vh;background:#f2f2f2}
#atc03 .tit{text-align:center}
#atc03 .tit h2{margin-top:20px;color:#111 !important}

/* 공지사항 */
#atc03 .cont_slide{overflow:hidden;margin-top:50px}
#atc03 .cont_slide .img{height:260px;border-radius:10px;/*background-size:cover*/background:no-repeat center}
#atc03 .cont_slide .img.none{border:1px solid #e1e1e1;background:#fff url(../../hd/top_menu/logo.png) center no-repeat !important}
#atc03 .cont_slide .cont{padding:30px}
#atc03 .cont_slide .cont p{margin-bottom:5px;font-size:18px;font-weight:700;transition:all .3s}
#atc03 .cont_slide .cont div{margin-bottom:20px;color:#777;line-height:1.5}
#atc03 .cont_slide .cont div.mo{display:none}
#atc03 .cont_slide .cont span{display:inline-block;padding:2px 15px;border:2px solid var(--primary);border-radius:50px;font-size:14px;font-weight:700;color:var(--primary);transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#atc03 .cont_slide a:hover span{color:#fff;background:var(--primary)}
}
@media (max-width:1024px){
#atc03{padding:110px 0;height:auto}
#atc03:after{height:384px}
#atc03 .cont_slide .cont{padding:20px}
#atc03 .cont_slide .cont p{font-size:16px}
#atc03 .cont_slide .cont div{font-size:15px}
#atc03 .cont_slide .cont div.pc{display:none}
#atc03 .cont_slide .cont div.mo{display:block}
#atc03 .cont_slide .img{height:230px}
}
@media (max-width:768px){
#atc03{padding:100px 0}
#atc03:after{height:327px}
#atc03 .tit h2{margin-top:15px}
#atc03 .cont_slide .cont{text-align:center;padding:20px 8px}
#atc03 .cont_slide .cont div{font-size:14px}
#atc03 .cont_slide .img{height:210px}
}
@media (max-width:480px){
#atc03{padding:90px 0}
#atc03:after{height:300px}
#atc03 .cont_slide .cont p{font-size:15px}
#atc03 .cont_slide .cont div{font-size:13px}
#atc03 .cont_slide .cont span{font-size:13px}
}
@media (max-width:380px){
#atc03{padding:70px 0}
#atc03:after{height:288px}
#atc03 .cont_slide{margin-top:40px}
#atc03 .cont_slide .img{height:185px}
}
/* 반응형 [e] */