@charset "utf-8";

#include03_wrapper{width:100%;max-width:1200px;margin:65px auto 0;padding-bottom:86px}
#include03_wrapper .tit_area{overflow:hidden;margin-bottom:20px;font-size:15px;color:#777}
#include03_wrapper .tit_area span{padding-right:20px;font-size:26px;letter-spacing:0;color:#222;font-weight:700;font-family: 'Poppins', sans-serif}

#include03_wrapper .inc03_arr{float:right}
#include03_wrapper .inc03_arr > div{cursor:pointer;display:inline-block;vertical-align:middle}
#include03_wrapper .inc03_arr > div:focus{outline:none}
#include03_wrapper .inc03_arr .arr-prev{width:50px;height:50px;margin-right:5px;background:url('/sh_img/make24/include_03/img/ico_prev.png') no-repeat}
#include03_wrapper .inc03_arr .arr-next{width:50px;height:50px;background:url('/sh_img/make24/include_03/img/ico_next.png') no-repeat}

#include03_wrapper ul{width:100%}
#include03_wrapper ul li.box01 .img{background:#000 center no-repeat}
#include03_wrapper ul li.box02 .img{background:#000 center no-repeat}
#include03_wrapper ul li.box03 .img{background:url('/sh_img/make24/include_03/img/img03.jpg') center no-repeat}
#include03_wrapper ul li.box04 .img{background:#000 center no-repeat}
#include03_wrapper ul li .img{height:360px;background-size:cover}
#include03_wrapper ul li a{display:block;position:relative;height:100%}
#include03_wrapper ul li a:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,  #333 0, transparent 60%);-webkit-transition:all .3s;transition:all .3s;opacity:0}
#include03_wrapper ul li a:hover:before{opacity:1}
#include03_wrapper ul li .info{opacity:0;position: absolute;bottom:0;left:0;width:100%;padding:35px 30px 45px;font-size:16px;line-height:1.6;color:#fff;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-medium'}
#include03_wrapper ul li .info p{margin-bottom:10px;font-size:14px;color:#f48c05;font-family:'notokr-bold'}
#include03_wrapper ul li a:hover .info{opacity:1}

/* 반응형 [s] */
@media (max-width:1024px){
#include03_wrapper{padding:30px 0;margin-top:0}
#include03_wrapper .tit_area{width:95%;margin:0 auto;text-align:center;word-break:keep-all}
#include03_wrapper .tit_area span{display:block;padding:0;margin-bottom:15px}
#include03_wrapper .inc03_arr{float:none;margin:15px 0}
#include03_wrapper .inc03Swiper{padding:0 30px}
#include03_wrapper ul li .img{height:260px}
#include03_wrapper ul li .info{padding:25px}	
}
/* 반응형 [e] */