@charset "utf-8";

#atc03{overflow:hidden;width:100%;padding:60px 0 107px;background:url('/sh_img/make24/include_03/img/inc3_bg.jpg') no-repeat center bottom}
#atc03 .inc3_wrap{width:100%;max-width:1200px;margin:0 auto;}
#atc03 .inc3_wrap .tit{position:relative;margin-bottom:43px}
#atc03 .inc3_wrap .tit p{margin-bottom:20px;color:#222;font-family:'notokr-bold';font-size:28px;line-height:28px}
#atc03 .inc3_wrap .tit .more_view{display:block;position:absolute;right:0;bottom:21px;width:165px;padding:18px 0;border-radius:30px;background:#f7f7f7;font-family:'notokr-medium';transition:all .3s;text-align:center}
#atc03 .inc3_wrap .tit .more_view:hover{background:#3490c4;color:#fff}

#atc03 .inc3_wrap .pro_con:after{display:block;clear:both;content:''}
#atc03 .inc3_wrap .pro_con li{float:left;width:calc(25% - 15px);height:282px;border:1px solid #ddd;border-bottom-right-radius:24px;background:#fff;transition:all .3s;text-align:center}
#atc03 .inc3_wrap .pro_con li+li{margin-left:20px}
#atc03 .inc3_wrap .pro_con li:hover{margin-top:-8px}
#atc03 .inc3_wrap .pro_con li a{display:block;height:100%;padding-top:148px;color:#777;transition:all .3s;background:center 55px no-repeat}
#atc03 .inc3_wrap .pro_con li:first-child a{background-image:url('/sh_img/make24/include_03/img/in3_ico1_off.png')}
#atc03 .inc3_wrap .pro_con li:nth-child(2) a{background-image:url('/sh_img/make24/include_03/img/in3_ico2_off.png')}
#atc03 .inc3_wrap .pro_con li:nth-child(3) a{background-image:url('/sh_img/make24/include_03/img/in3_ico3_off.png')}
#atc03 .inc3_wrap .pro_con li:last-child a{background-image:url('/sh_img/make24/include_03/img/in3_ico4_off.png')}
#atc03 .inc3_wrap .pro_con li:first-child a:hover{background-image:url('/sh_img/make24/include_03/img/in3_ico1_on.png')}
#atc03 .inc3_wrap .pro_con li:nth-child(2) a:hover{background-image:url('/sh_img/make24/include_03/img/in3_ico2_on.png')}
#atc03 .inc3_wrap .pro_con li:nth-child(3) a:hover{background-image:url('/sh_img/make24/include_03/img/in3_ico3_on.png')}
#atc03 .inc3_wrap .pro_con li:last-child a:hover{background-image:url('/sh_img/make24/include_03/img/in3_ico4_on.png')}
#atc03 .inc3_wrap .pro_con li .p_txt{margin-bottom:16px;color:#222;font-family:'notokr-bold';font-size:18px;line-height:18px}

/* 반응형 [s] */
@media (max-width:1024px){
#atc03{padding:60px 20px}
#atc03 .inc3_wrap .pro_con li{width:calc(50% - 10px);margin-bottom:20px;border-radius:0}
#atc03 .inc3_wrap .pro_con li+li{margin:0 0 20px}
#atc03 .inc3_wrap .pro_con li:nth-child(even){margin-left:20px}
}
@media (max-width:768px){
#atc03{padding:40px 20px}
#atc03 .inc3_wrap .tit{margin-bottom:30px;text-align:center}
#atc03 .inc3_wrap .tit p{font-size:24px}
#atc03 .inc3_wrap .tit .more_view{position:relative;right:auto;bottom:auto;margin:15px auto 0;padding:10px 0}
#atc03 .inc3_wrap .pro_con li a{padding:140px 10px 0}
#atc03 .inc3_wrap .pro_con li:hover{margin-top:0}
#atc03 .inc3_wrap .pro_con li{width:calc(50% - 5px);margin-bottom:10px}
#atc03 .inc3_wrap .pro_con li+li{margin:0 0 10px}
#atc03 .inc3_wrap .pro_con li:nth-child(even){margin-left:10px}
#atc03 .inc3_wrap .pro_con li:first-child a{background-image:url('/sh_img/make24/include_03/img/in3_ico1_on.png')}
#atc03 .inc3_wrap .pro_con li:nth-child(2) a{background-image:url('/sh_img/make24/include_03/img/in3_ico2_on.png')}
#atc03 .inc3_wrap .pro_con li:nth-child(3) a{background-image:url('/sh_img/make24/include_03/img/in3_ico3_on.png')}
#atc03 .inc3_wrap .pro_con li:last-child a{background-image:url('/sh_img/make24/include_03/img/in3_ico4_on.png')}
}
@media (max-width:480px){
#atc03 .inc3_wrap .pro_con li{height:230px}	
#atc03 .inc3_wrap .pro_con li .p_txt{font-size:16px}
#atc03 .inc3_wrap .pro_con li a{padding: 100px 10px 0;background-size:55px;background-position:center 35px}
#atc03 .inc3_wrap .pro_con li:hover{margin-top:0}
#atc03 .inc3_wrap .tit br{display:none}
#atc03 .inc3_wrap .pro_con br{display:none}
}
@media (max-width:380px){
#atc03 .inc3_wrap .pro_con li{width:100%;height:auto;margin:0}
#atc03 .inc3_wrap .pro_con li+li{margin:10px 0 0}
#atc03 .inc3_wrap .pro_con li:nth-child(even){margin-left:0}
#atc03 .inc3_wrap .pro_con li a{padding:80px 20px 20px;background-position:center 20px}
#atc03 .inc3_wrap .pro_con li .p_txt{margin-bottom:12px}
}
/* 반응형 [e] */