@charset "utf-8";

#inc02_wrap{height:593px;background:url('/sh_img/make24/include_02/img/bg.jpg') no-repeat center}
#inc02_wrap .inner{width:1200px;margin:0 auto;padding-top:123px;text-align:center}
#inc02_wrap .inner .b_txt{font-size:35px;font-weight:300;color:#fff;font-family:'Montserrat', sans-serif}
#inc02_wrap .inner .b_txt span{font-weight:700}
#inc02_wrap .inner .s_txt{margin:13px 0 47px 0;font-size:15px;color:rgba(255,255,255,.8);font-family:'notokr-regular'}
#inc02_wrap .inner ul li{float:left;overflow:hidden;position:relative;width:285px;height:215px;margin-right:20px;border-radius:3px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);background:#fff}
#inc02_wrap .inner ul li:last-child{margin-right:0}
#inc02_wrap .inner ul li a{display:block;width:100%;height:100%;padding-top:74px;font-size:16px;font-weight:700;color:#333;-webkit-transition:padding .2s;transition:padding .2s;font-family:'Montserrat', sans-serif}
#inc02_wrap .inner ul li img{display:block;margin:0 auto 14px auto}
#inc02_wrap .inner ul li a:hover{padding-top:65px}

/* 마우스오버 테두리효과 */
.border-effect li em {display:block;position:absolute;background-color:#398b9d;z-index:10}
.border-effect li .emL{left:-1px;bottom:-1px;width:10px;height:0}
.border-effect li .emT{left:-1px;top:-1px;width:0;height:10px}
.border-effect li .emR{right:-1px;top:-1px;width:10px;height:0}
.border-effect li .emB {right:-1px;bottom:-1px;width:0;height:10px}
.border-effect li:hover .emL{-webkit-animation:lineAniL 1.2s 0.1s forwards;animation:lineAniL 1.2s 0.1s forwards}
.border-effect li:hover .emT{-webkit-animation:lineAniT 1.2s 0.3s forwards;animation:lineAniT 1.2s 0.3s forwards}
.border-effect li:hover .emR{-webkit-animation:lineAniR 1.2s 0.5s forwards;animation:lineAniR 1.2s 0.5s forwards}
.border-effect li:hover .emB{-webkit-animation:lineAniB 0.5s forwards;animation:lineAniB 0.5s forwards}
@-webkit-keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@-webkit-keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
@keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}