@charset "utf-8";

#atc03{position:relative}
#atc03:before{position:absolute;top:0;left:0;content:'';width:375px;height:430px;background:url(/sh_img/include/inc03/inc_bg.png) no-repeat left}
#atc03 .atc03_wrap{overflow:hidden;position:relative;width:1200px;height:430px;margin:0 auto;padding-top:145px}
#atc03 .atc03_wrap .tel{float:left;width:430px;height:285px;padding:52px 50px 0;color:#fff;background:url(/sh_img/include/inc03/tel_bg.png) no-repeat left}
#atc03 .atc03_wrap .tel .num{margin-bottom:30px;font-family:'notokr-medium'}
#atc03 .atc03_wrap .tel .num p{font-weight:700;font-size:29px;line-height:35px;letter-spacing:0;font-family:'Poppins'}
#atc03 .atc03_wrap .tel .time li span{margin-right:10px;font-family:'notokr-medium'}
#atc03 .atc03_wrap .latest{float:right;width:770px}

@media (max-width:1240px){
#atc03:before{width:calc(100% / 3)}
#atc03 .atc03_wrap{width:100%;padding:145px 20px 0}
#atc03 .atc03_wrap .tel{width:calc(100% / 3);padding:42px 40px}
#atc03 .atc03_wrap .latest{width:calc(100% / 3 * 2)}
}
@media (max-width:1024px){
#atc03:before{width:calc(100% / 2)}
#atc03 .atc03_wrap{padding:145px 15px 0}
#atc03 .atc03_wrap .tel{width:calc(100% / 2);background-size:cover}
#atc03 .atc03_wrap .latest{width:calc(100% / 2)}
}
@media (max-width:900px){
#atc03:before{background-image:none!important}
#atc03 .atc03_wrap{height:auto;padding:50px 15px}
}
@media (max-width:600px){
#atc03 .atc03_wrap .latest,#atc03 .atc03_wrap .tel{width:100%;height:auto}
#atc03 .atc03_wrap .tel{padding:40px 30px}
#sh_latest li a{padding:40px 30px !important}
}
@media (max-width:400px){
#atc03 .atc03_wrap .latest,#atc03 .atc03_wrap .tel{width:100%;height:auto}
}