@charset "utf-8";

#atc03_wrap{position:relative;width:1200px;margin:0 auto;padding:5px 0 110px;font-size:16px;color:#666;letter-spacing:-0.15px;line-height:26px;font-family:'notokr-regular'}

/*문구*/
#atc03_wrap .tit_wrap{text-align:center}
#atc03_wrap .tit_wrap .b_tit{padding-bottom:30px;font-size:40px;color:#333;letter-spacing:-0.5px;font-family:'notokr-light'}
#atc03_wrap .tit_wrap .b_tit b{font-family:'notokr-bold'}
#atc03_wrap .tit_wrap .b_tit span.dot{position:relative}
#atc03_wrap .tit_wrap .b_tit span.dot:after{display:block;position:absolute;top:-3px;left:50%;content:"";width:3px;height:8px;background:#32b4e3;transform:rotate(45deg);-webkit-transform:rotate(45deg)}

/*개별박스*/
#atc03_wrap ul{overflow:hidden;padding:65px 0 0}
#atc03_wrap ul li{position:relative;float:left;width:390px;height:374px;margin-right:14px;border-radius:2px}
#atc03_wrap ul li.last{margin-right:0}
#atc03_wrap ul li a{display:block;width:390px;height:374px;background:#fff;transition: transform .3s;-webkit-transition: transform .3s}
#atc03_wrap ul li a p{text-align:center;color:#888}
#atc03_wrap ul li a .b_txt{padding:38px 0 10px;font-size:18px;color:#333;font-family:'notokr-bold'}
#atc03_wrap ul li a:hover{transform:translateY(-25px);transition: transform .3s;-webkit-transition: transform .3s;box-shadow:0px 3px 20px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0px 3px 20px 0 rgba(0,0,0,0.05);-moz-box-shadow:0px 3px 20px 0 rgba(0,0,0,0.05);-ms-box-shadow:0px 3px 20px 0 rgba(0,0,0,0.0.05);behavior:url(/js/PIE.htc)}
#atc03_wrap ul li a:after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:9;margin:auto;border:1px solid #32b4e3;border-radius:2px;opacity:0;box-sizing:border-box;transition:300ms border,150ms opacity;content:""}
#atc03_wrap ul li a:hover:after{border-width:5px;opacity:1}

/* fadeInUp  */
#atc03_wrap ul li:first-child{animation-delay:0.4s}
#atc03_wrap ul li:nth-child(2){animation-delay:0.6s}
#atc03_wrap ul li:last-child{animation-delay:0.8s}
#atc03_wrap .animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#atc03_wrap .zoomIn{animation-name:zoomIn}
@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}