@charset "utf-8";

#atc01{position:relative;padding: 30px 0 115px;background-color:#f3efea;}
#atc01:after{display:block;position:absolute;left:0;top: 200px;width:50%;height:3px;background-color:#48586c;content:'';}
#atc01:before{display:block;position:absolute;right:0;top: 200px;width:50%;height:3px;background-color:#48586c;content:'';}

#atc01 .icon_area{overflow:hidden}
#atc01 .icon_area li{position: relative;float:left;width:25%;height: 286px;text-align:center;z-index: 10;background-repeat:no-repeat;background-color:#f3efea;transition:all .2s;}
#atc01 .icon_area li a{display:block;height:100%;padding-top: 230px;color:#00285a}
#atc01 .icon_area li a p{transition:all .2s;font-family: notokr-bold}
#atc01 .icon_area li a:hover p{color:#f36f21}
#atc01 .icon_area li.more-01{background-image:url(/sh_img/include/inc01/img/icon1_off.png);background-position:center 32px}
#atc01 .icon_area li.more-02{background-image:url(/sh_img/include/inc01/img/icon2_off.png);background-position:center 32px}
#atc01 .icon_area li.more-03{background-image:url(/sh_img/include/inc01/img/icon3_off.png);background-position:center 32px}
#atc01 .icon_area li.more-04{background-image:url(/sh_img/include/inc01/img/icon4_off.png);background-position:center 29px}

#atc01 .business_area{margin-top:100px;text-align:center;}
#atc01 .business_area .tit{font-size:33px;color:#f36f21;font-family:notokr-bold}
#atc01 .business_area ul{margin-top:30px;overflow:hidden}
#atc01 .business_area ul li{float:left;width:20%}
#atc01 .business_area ul li p{padding-top:20px;font-size:16px;color:#808284}
#atc01 .business_area ul li p span{display:block;font-size:19px;color:#00285a;font-family:notokr-bold}
#atc01 .business_area ul li:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
#atc01 .business_area ul li:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}
#atc01 .business_area ul li:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}
#atc01 .business_area ul li:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}
#atc01 .business_area ul li:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s}

#atc01 .animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#atc01 .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translateX(200px)}to{opacity:1;-webkit-transform:none}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(200px)}to{opacity:1;transform:none}}