@charset "utf-8";

#include02_wrapper{width:1200px;position:relative;padding:16px 0 0px;text-align:center;margin:0 auto}
#include02_wrapper .inner{position:relative;width:1200px;margin:0 auto}
/* 타이틀*/
#include02_wrapper .tit_area{margin-bottom:15px}
#include02_wrapper .tit_area p{padding-bottom:19px;font-size:17px;color:#7826e2;letter-spacing:.3px;font-weight:700;font-family:'Exo 2'}
#include02_wrapper .tit_area h3{font-size:31px;font-weight:200;color:#222;font-family:'notokr-regular'}
#include02_wrapper .tit_area h3 b{font-weight: 800;}
/* 슬라이드 */
#include02_wrapper .bx-viewport{overflow:visible;padding-top:25px;width:1200px!important;margin:0 auto}
#include02_wrapper .bx-wrapper{max-width:1920px !important}
#include02_wrapper ul li{position:relative;width:386px!important;height: 436px;background:#fff;transition:all .3s;}
#include02_wrapper ul li a{display:block;z-index:100;width:386px;height:436px;}
#include02_wrapper ul li .img{width:386px;height:255px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .2s}

#include02_wrapper ul li .info{color:#222;font-size:16px;padding:35px 30px 30px 30px;text-align:left;font-family: 'notokr-bold';text-align:center;line-height:21px}
#include02_wrapper ul li .info span{font-size:15px;line-height:24px;color:#777;opacity:100%;transition:all .2s;text-align:left;font-family:'notokr-regular'}




#include02_wrapper ul li:hover {margin-top:-20px}
#include02_wrapper ul li:after{display:block;position:absolute;top:430px;content:"VIEW MORE";width:66px;height:8px;opacity:0;color:#333;cursor:pointer;margin:-39px 0 0 30px;font-size:12px;font-weight:500;font-family:'Exo 2';transition:all 0.5s;}
#include02_wrapper ul li:hover:after{opacity: 1}
/* control */
#include02_wrapper .bx-controls-direction{position:absolute;left:0;top:300px;z-index:1001;width:100%;font-size:13px;font-weight:600}
#include02_wrapper .bx-controls-direction a{width:50px;height:50px;position:absolute;top:42px;left:-77px;display: block;background:url(/sh_img/make24/include_02/img/prev.png)no-repeat center center;}
#include02_wrapper .bx-controls-direction a.bx-next{width:50px;height:50px;position:absolute;left:1227px;display:block;background:url(/sh_img/make24/include_02/img/next.png)no-repeat center center;}
/* pager */
#include02_wrapper .bx-pager{position:absolute;z-index:1001;width:100%;text-align:center;bottom:-57px;left:40.4%}
#include02_wrapper .bx-pager > div{display:inline-block;margin:0 8px}
#include02_wrapper .bx-pager > div a{display:block;width:10px;height:10px;border-radius:10px;border:2px solid #fff;font-size:0;opacity:1!important}
#include02_wrapper .bx-pager > div a.active{background-color:#fff}
#include02_wrapper .view_more{display:block;width:182px;height:58px;margin:107px auto 39px;font-size:13px;font-weight:600;text-align:center;letter-spacing:.3px;line-height:58px;color:#fff;transition:all .5s;background-size:200% auto;background-size:200% auto;background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #6d1ee4), color-stop(0.51, #9338DD), color-stop(1, #6d1ee4));background-image:linear-gradient(to right, #6d1ee4 0%, #9338DD 51%, #6d1ee4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d1ee4', endColorstr='#9338dd', gradientType=1);font-family:'Exo 2'}
#include02_wrapper .view_more:hover{background-position:right center}