@charset "utf-8";

#atc01{background:url(/sh_img/include/inc01/img/inc01_bg.jpg) no-repeat center bottom}
#atc01 .inner{position:relative;z-index:1;width:1400px;padding:120px 0 90px;margin:0 auto}
#atc01 .inner:before{content:'';position:absolute;z-index:-1;right:0;top:0;width:1px;height:396px;background-color:#e1e1e1}

/*tit*/
#atc01 .inner .tit_area{position:absolute;right:66px;top:200px}
#atc01 .inner .tit_area .stit{margin-bottom:30px;font-size:17px;font-weight:700;color:#2e7cae;letter-spacing:0;line-height:17px;font-family:'Philosopher'}
#atc01 .inner .tit_area .tit{font-size:32px;line-height:48px;color:#222;letter-spacing:-1.5px;font-family:'notokr-light'}
#atc01 .inner .tit_area .tit b {font-weight:normal;font-family:'notokr-bold'}

/*link_box*/
#atc01 ul+ul{margin:58px 0 0 264px}
#atc01 ul:after{display:block;content:'';clear:both}
#atc01 ul li{opacity:0;position:relative;top:100px;float:left;width:330px;margin-right:60px;padding:48px 34px 30px 40px;border-radius:15px;background-color:#fff;box-shadow:5px 5px 20px rgba(0,0,0,.15)}
#atc01 ul li:nth-child(3){margin:58px 60px 0 264px}
#atc01 ul li:nth-child(4){margin-top:58px}
#atc01 ul li a .num{position:relative;margin-bottom:25px;line-height:13px;letter-spacing:0;font-size:13px;font-weight:700;color:rgba(24,24,24,.6);font-family:'Philosopher'}
#atc01 ul li a .num span{opacity:.4;position:absolute;right:0;top:-2px;width:17px;height:17px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#atc01 ul li a:hover .num span{opacity:1;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#atc01 ul li a .num span:before{content:'';position:absolute;left:8px;top:0;width:1px;height:17px;background-color:#488dba}
#atc01 ul li a .num span:after{content:'';position:absolute;left:0;top:8px;width:17px;height:1px;background-color:#488dba}
#atc01 ul li a dl dt{margin-bottom:25px;font-size:23px;line-height:23px;color:#222;font-family:'notokr-bold'}
#atc01 ul li a dl dd{margin-bottom:26px;font-size:15px;line-height:25px;color:rgba(24,24,24,.7);letter-spacing:-.8px}
#atc01 ul li a .img{overflow:hidden;width:308px;height:125px;border-bottom-right-radius:15px;background:no-repeat center;background-size:100%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
#atc01 ul li:nth-child(1) a .img{background-image:url(/sh_img/include/inc01/img/inc01_img-01.jpg)}
#atc01 ul li:nth-child(2) a .img{background-image:url(/sh_img/include/inc01/img/inc01_img-02.jpg)}
#atc01 ul li:nth-child(3) a .img{background-image:url(/sh_img/include/inc01/img/inc01_img-03.jpg)}
#atc01 ul li:nth-child(4) a .img{background-image:url(/sh_img/include/inc01/img/inc01_img-04.jpg)}
#atc01 ul li a:hover .img{background-size:115%}

/*animation*/
#atc01 ul li:nth-child(1).active{opacity:1;top:0;-webkit-transition:all 1s .1s;-ms-transition:all 1s .1s;transition:all 1s .1s}
#atc01 ul li:nth-child(2).active{opacity:1;top:0;-webkit-transition:all 1.2s .1s;-ms-transition:all 1.2s .1s;transition:all 1.2s .1s}
#atc01 ul li:nth-child(3).active{opacity:1;top:0;-webkit-transition:all 2.0s .1s;-ms-transition:all 2.0s .1s;transition:all 2.0s .1s}
#atc01 ul li:nth-child(4).active{opacity:1;top:0;-webkit-transition:all 2.2s .1s;-ms-transition:all 2.2s .1s;transition:all 2.2s .1s}