@charset "utf-8";

/* 바로가기 */
#include02 {position:relative;z-index:11;width:100%;background-color:#f6f6f6}
#include02:before {display:block;content:"";position:absolute;top:-94px;right:0;width:100%;height:94px;background:url(/sh_img/make24/include/include02/img/inc02_before_bg.png) no-repeat}
/*#include02:after {display:block;content:"";position:absolute;bottom:-94px;right:0;width:100%;height:94px;background:url(/sh_img/make24/include/include02/img/inc02_after_bg.png) no-repeat}		*/

#inc02_wrap {overflow:hidden;position:relative;width:100%;padding:40px 0 45px}
#inc02_wrap:before {display:block;content:"our service";position:absolute;left:-50px;bottom:0;z-index:-1;font-size:130px;line-height:1;letter-spacing:30px;color:#ededed;text-transform:uppercase;font-family:notokr-bold}

#inc02_wrap ul {text-align:center}
#inc02_wrap ul li {display:inline-block;vertical-align:top}
#inc02_wrap ul li a {display:block;color:#777}
#inc02_wrap ul li .icon {position:relative;display:inline-block;width:145px;height:145px;border-radius:145px;background-color:#fff}
#inc02_wrap ul li .icon .deco {position:absolute;top:0;left:0;opacity:0;transition:all .8s ease-out}
#inc02_wrap ul li:hover .deco {opacity:1;transform:rotate(360deg)}
#inc02_wrap ul li:nth-child(1) .icon {background:url(/sh_img/make24/include/include02/img/inc02_icon03.png) center no-repeat #fff}
#inc02_wrap ul li:nth-child(2) {margin:0 107px}
#inc02_wrap ul li:nth-child(2) .icon {background:url(/sh_img/make24/include/include02/img/inc02_icon01.png) center no-repeat #fff}
#inc02_wrap ul li:nth-child(3) .icon {background:url(/sh_img/make24/include/include02/img/inc02_icon02.png) center no-repeat #fff}
#inc02_wrap ul li h4 {position:relative;padding:25px 0 10px;font-size:19px;color:#333;font-family:notokr-medium}
#inc02_wrap ul li h4:after {display:block;content:"";position:absolute;left:50%;top:-20px;width:1px;height:30px;background-color:#e80141}

#inc02_wrap ul li:nth-child(1) {-webkit-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s}
#inc02_wrap ul li:nth-child(2) {-webkit-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
#inc02_wrap ul li:nth-child(3) {-webkit-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s}

/* 익스 8 */
@media \0screen {
#inc02_wrap ul li {filter:alpha(opacity=100}
}