@charset "utf-8";

#atc01{overflow:hidden;position:relative;width:100%;max-width:1200px;margin:-76px auto 0}
#atc01 .inner{float:left;overflow:hidden;width:70%;background-color:#fff}

/* 최신글 */
#atc01 .noti_box{overflow:hidden;height:76px;padding:0 45px;border-bottom:1px solid #e1e1e1;border-right:0;line-height:75px}
#atc01 .noti_box p{float:left;width:15%;font-size:15px;font-weight:700;color:#222;font-family:'Poppins'}
#atc01 .noti_box .plus{display:inline-block;float:left;width:8%;font-size:15px;text-align:right;color:#3c97bd;font-family:'notokr-black'}

/* 링크박스 */
#atc01 .link_box{overflow:hidden}
#atc01 .link_box li{float:left;width:calc(100% / 3);height:280px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:center 55px no-repeat;-webkit-transition:all .3s;transition:all .3s;text-align:center}
#atc01 .link_box li a{display:block;height:100%;padding-top:125px;color:#777}
#atc01 .link_box li p{margin-bottom:10px;font-size:15px;font-weight:600;color:#222;font-family:'Poppins'}
#atc01 .link_box li:nth-child(1){background-image:url(/sh_img/make24/include_01/img/icon_01.png)}
#atc01 .link_box li:nth-child(2){background-image:url(/sh_img/make24/include_01/img/icon_02.png)}
#atc01 .link_box li:nth-child(3){background-image:url(/sh_img/make24/include_01/img/icon_03.png)}
#atc01 .link_box li:nth-child(1):hover{background-image:url(/sh_img/make24/include_01/img/icon_01_on.png)}
#atc01 .link_box li:nth-child(2):hover{background-image:url(/sh_img/make24/include_01/img/icon_02_on.png)}
#atc01 .link_box li:nth-child(3):hover{background-image:url(/sh_img/make24/include_01/img/icon_03_on.png)}
#atc01 .link_box li:hover{background-color:#f5f5f5}

/* cs */
#atc01 .cs{position:relative;float:left;width:30%;height:356px;padding:50px 0 0 50px;background:url(/sh_img/make24/include_01/img/customer_img.jpg) no-repeat;background-size:cover;color:#fff;font-family:'Poppins', 'notokr-regular'}
#atc01 .cs .tit{font-size:15px;font-family:'notokr-bold'}
#atc01 .cs .tel{font-size:36px;font-weight:700;line-height:2.2}
#atc01 .cs .tel a{color:#fff}
#atc01 .cs .etc{color:rgba(255,255,255,.6)}
#atc01 .cs .etc span{color:#fff}
#atc01 .cs .etc a{color:rgba(255,255,255,.6)}
#atc01 .cs .txt{position:absolute;bottom:0;left:0;width:100%;padding:30px 50px;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);background:url(/sh_img/make24/include_01/img/icon_04.png) 85% center no-repeat;font-family:'notokr-regular'}

/* 반응형 [s] */
@media (max-width:1024px){
#atc01 .noti_box{padding:0 20px}
#atc01 .link_box li:nth-child(1){border-left:none}
#atc01 .cs{padding:50px 10px 0;text-align:center}
#atc01 .cs .tel{font-size:28px}
#atc01 .cs .txt{padding:40px 0;background:none}
}
@media (max-width:768px){
#atc01{padding:0 20px 40px}
#atc01:before{display:block;content:"";position:absolute;left:0;top:76px;z-index:-1;width:100%;height:100%;background-color:#f2f2f2}
#atc01 .inner{float:none;width:100%;line-height:1.6}
#atc01 .cs{float:none;width:100%;height:auto;padding:30px 50% 30px 5%;text-align:left}	
#atc01 .cs .tel{font-size:24px;line-height:2}
#atc01 .cs .etc{font-size:13px}
#atc01 .cs .txt{width:50%;height:100%;left:auto;right:0;padding:85px 0 0 5%;border:none;border-left:1px solid rgba(255,255,255,.2);background:url(/sh_img/make24/include_01/img/icon_04.png) 85% 30px no-repeat}
}
@media (max-width:480px){
#atc01 .noti_box p{width:auto}
#atc01 .noti_box .plus{display:none}
#atc01 .link_box li{float:none;width:100%;height:auto;border:none;background-position:center 20px;background-size:35px}	
#atc01 .link_box li+li{border-top:1px solid #e1e1e1}
#atc01 .link_box li a{padding:65px 20px 20px}
#atc01 .link_box li:hover{background-color:#fff}
#atc01 .link_box li:nth-child(1){background-image:url(/sh_img/make24/include_01/img/icon_01_on.png)}
#atc01 .link_box li:nth-child(2){background-image:url(/sh_img/make24/include_01/img/icon_02_on.png)}
#atc01 .link_box li:nth-child(3){background-size:42px;background-image:url(/sh_img/make24/include_01/img/icon_03_on.png)}
#atc01 .cs{padding:20px;text-align:center;line-height:1.6;}
#atc01 .cs .tit{font-size:14px}
#atc01 .cs .tel{font-size:20px}
#atc01 .cs .txt{position:relative;right:auto;width:100%;padding:10px 0 0;margin-top:10px;border:none;border-top:1px solid rgba(255,255,255,.2);font-size:13px;text-align:center;background:none}
}
/* 반응형 [e] */