@charset "utf-8";

#atc04{position:relative;z-index:1;width:100%;height:392px;margin:-93px auto 0;text-align:center;letter-spacing:-.3px;background:url(/sh_img/make24/include_04/img/inc04_bg.jpg) no-repeat center center;background-size:cover}
#atc04 .cont_area{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding-top:100px;width:100%;color:#fff;font-size:48px;line-height:45px;font-weight:500;font-family:'Poppins'}
#atc04 .cont_area > *{width:50%}
#atc04 .cont_area .cont1{position:relative}
#atc04 .cont_area .cont1::after{position:absolute;top:0;left:100%;display:block;content:'';width:1px;height:100%;background-color:#fff;}
#atc04 .txt{padding-top:23px;font-size:14px;color:rgba(255,255,255,.7);font-family:'notokr-regular'}
#atc04 .more{width:86px;margin:0 auto;padding-top:33px}
#atc04 .more a{display:block;font-size:12px;font-weight:600;color:#fff;font-family:'Poppins',sans-serif}
#atc04 .more:after{display:block;content:"";width:84px;height:4px;margin:-4px auto 0;background:rgba(255,255,255,.3);-webkit-transition:all .4s;transition:all .4s}
#atc04 .more:hover:after{background:rgba(255,255,255,.8)}
@media (max-width:1024px){
#atc04 .cont_area{font-size:44px}
}

@media (max-width:768px){
#atc04{padding-top:50px}
#atc04 .cont_area p.tit{margin:0 auto;width:250px;height:90px;font-size:38px;text-align:center;word-break:keep-all}
}
@media (max-width:480px){
#atc04{height:260px;margin:0}
#atc04 .cont_area{padding-top:0}
#atc04 .tit{font-size:35px}
#atc04 .cont_area p.tit{width:155px;line-height:1.2;font-size:30px;}
}
@media (max-width:380px){
#atc04 .cont_area p.tit{width:115px;line-height:1.3;font-size:21px}
#atc04 .more{padding-top:0}
}