@charset "utf-8";

#atc01 .inner{width:100%;max-width:1200px;padding:60px 0;margin:0 auto;display:flex;align-items:center}
/*atc01*/
#atc01 .inner .txt_box{width:30%;font-family:'Poppins'}
#atc01 .inner .txt_box span{display:block;margin-bottom:0px;color:#125ad3;letter-spacing:-.2px;font-size:26px;font-family:'Noto Sans KR';font-weight:700}
#atc01 .inner .txt_box .num{margin-bottom:14px;font-weight:bold;font-size:35px;font-family:'Poppins'}
#atc01 .inner .txt_box .cs{color:rgba(34,34,34,0.5);font-weight:500;font-size:15px}
#atc01 .inner .btn_box{width:70%}
#atc01 .inner .btn_box ul{display:flex;justify-content:space-evenly}
#atc01 .inner .btn_box ul li{color:#222;text-align:center;font-size:16px;font-family:'Noto Sans KR';font-weight:500}
#atc01 .inner .btn_box ul li a{border-radius:31px}
#atc01 .inner .btn_box ul li a .icon{width:100px;height:100px;background:#eff0f2;border-radius:30px;display:flex;align-items:center;justify-content:center}
#atc01 .inner .btn_box ul li img{transition:all .2s}
#atc01 .inner .btn_box ul li p{margin-top:22px;font-size:16px}
#atc01 .notice{position:relative;background:#125ad3}
#atc01 .notice .inner_box{padding:30px 0;display:flex;width:100%;max-width:1200px;margin:0 auto;align-items:center}
#atc01 .notice .inner_box .cont_box{flex-shrink:0;width:108px;height:38px;line-height:38px;text-align:center;letter-spacing:0;color:#Fff;border-radius:30px;border:1px solid rgba(255,255,255,0.3);font-size:15px;font-weight:bold;font-family:'Poppins';cursor:pointer}
#atc01 .notice .inner_box .cont_box a{display:block;color:#fff;transition:all .2s}
#atc01 .notice .notice_inner .notice_box .txt{display:inline-block;width:108px;height:38px;line-height:38px;border:1px solid rgba(255,255,255,0.3);border-radius:30px;color:#fff;text-align:center;font-weight:bold;font-size:15px;font-family:'Poppins'}
#atc01 .txt_box .sh_lt{width:1090px;display:flex;height:20px;color:#fff}
#atc01 .txt_box .sh_lt .sh_notice a{padding-left:80px;position:relative;color:#fff;font-size:15px;font-family:'Noto Sans KR';font-weight:500}
#atc01 .txt_box .sh_lt .sh_notice a:before{position:absolute;content:'';width:3px;height:3px;top:10px;left:56px;background:#fff;border-radius:50%}
#atc01 .notice .controls{display:flex;position:absolute;right:28px;top:0;z-index:2}
#atc01 .notice .controls button{height:24px;color:#fff;background:none;border:none}
#atc01 .notice .controls .prev{margin-right:15px}
#atc01 .notice .controls .prev:after{position:absolute;content:'';top:50%;left:50%;width:1px;height:11px;margin-top:-5px;background:rgba(255,255,255,0.3)}
#atc01 .sh_lt li{display:flex}
#atc01 .sh_lt li .datetime{position:absolute;right:134px;color:rgba(255,255,255,0.7);font-size:15px}

@media(hover:hover){
#atc01 .inner .btn_box ul li:hover img{transform:translateY(-8px)}
#atc01 .inner .btn_box ul li a:hover{color:#125ad3}
#atc01 .inner .btn_box ul li p:hover{transition:all .2s}
#atc01 .notice .inner_box .cont_box a:hover{border-radius:50px;background:#fff;color:#125ad3;border:none}
}
@media(max-width:1240px){
#atc01 .inner{padding:60px 20px}
#atc01 .notice .inner_box{padding:30px 15px}
#atc01 .txt_box{width:calc(100% - 108px)}
#atc01 .txt_box .sh_lt{width:100%}
}
@media(max-width:1024px){
#atc01 .inner .btn_box ul li a .icon{width:90px;height:90px}
}
@media(max-width:768px){
#atc01 .inner{padding-right:10px}
#atc01 .inner .txt_box{width:auto}	
#atc01 .txt_box{width:calc(100% - 90px)}
#atc01 .inner .txt_box span{font-size:15px}	
#atc01 .inner .txt_box .num{font-size:28px}
#atc01 .inner .txt_box .cs{font-size:14px;word-break:keep-all}
#atc01 .inner .txt_box span{margin-bottom:20px}
#atc01 .inner .btn_box ul{flex-wrap:wrap;justify-content:flex-end}
#atc01 .inner .btn_box ul li{margin:8px}
#atc01 .inner .btn_box ul li a .icon{width:72px;height:72px;border-radius:12px}
#atc01 .inner .btn_box ul li p{margin-top:8px;font-size:14px;letter-spacing:-.3px}
#atc01 .txt_box .sh_lt .sh_notice a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:30px}
#atc01 .txt_box .sh_lt .sh_notice a:before{left:15px}
#atc01 .sh_lt ul{width:calc(100% - 60px)}
#atc01 .sh_lt li{align-items:center}
#atc01 .sh_lt li .sh_notice{width:calc(100% - 80px); margin-top:20px;}
#atc01 .sh_lt li .datetime{position:relative;right:auto;margin-left:10px;font-size:14px}
#atc01 .notice .inner_box .cont_box{width:90px;font-size:14px;font-weight:600}
#atc01 .notice .controls{right:0}
}
@media(max-width:480px){
#atc01 .inner{padding:60px 12px 40px}	
#atc01 .inner{display:block;text-align:center}
#atc01 .inner .txt_box{margin-bottom:20px}
#atc01 .inner .txt_box span{margin-bottom:10px}
#atc01 .inner .txt_box .num{margin-bottom:8px}
#atc01 .inner .btn_box{width:100%}
#atc01 .inner .btn_box ul{justify-content:center}
#atc01 .inner .btn_box ul li{width:65px;margin:0}
#atc01 .inner .btn_box ul li+li{margin-left:8px}
#atc01 .inner .btn_box ul li a .icon{width:65px;height:65px}
#atc01 .inner .btn_box ul li a .icon img{max-width:45%}
#atc01 .inner .btn_box ul li p{word-break:keep-all}
#atc01 .txt_box{width:calc(1000% - 70px)}
#atc01 .notice .inner_box{padding:20px 15px}
#atc01 .notice .inner_box .cont_box{width:70px;height:30px;font-size:12px;line-height:29px}
}
@media(max-width:380px){
#atc01 .sh_lt li .sh_notice{width:100%}
#atc01 .sh_lt li .datetime{display:none}	
}