@charset "utf-8";

#include01{position:relative;width:87%;margin:0 auto;padding:100px 0;box-sizing:border-box;font-family:var(--font-main)}
#include01 .txt_area{position:absolute;right:0;top:220px;width:50%;padding:65px;z-index:999999;box-sizing:border-box}
#include01 .txt_area:before{display:block;position:absolute;left:0;top:0;width:310px;height:492px;background-color:#fff;content:'';z-index:-1}
#include01 .txt_area .eng{display:inline-block;border-bottom:solid 1px #333;font-size:15px;line-height:9px;color:#333;text-transform:uppercase;font-family:'Taviraj', serif}
#include01 .txt_area h2{padding:25px 0 50px;font-size:61px;line-height:62px;font-weight:500;color:#212121;font-family:'Taviraj', serif}
#include01 .txt_area h2 span{padding-left:46px}
#include01 .txt_area .cont{width:83%;padding-left:46px}

/* 슬라이드 */
#include01 #slideshow{position:relative;width:63%;height:604px}
#include01 #slides{position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#include01 #slides li{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:0;background-repeat:no-repeat}
#include01 #slides .img01{background-image:url('./img/img01.jpg')}
#include01 #slides .img02{background-image:url('./img/img02.jpg')}
#include01 #slides .img03{background-image:url('./img/img03.jpg')}

/* pager */
#include01 .pagination{z-index:9999;height:38px;margin-top:56px;padding-left:46px}
#include01 .pagination li{float:left;width:74px;padding-bottom:10px;border-bottom:solid 1px #e7e7e7;font-size:12px;font-weight:500;color:#999;text-align:center;letter-spacing:0.5px;cursor:pointer;transition:all .2s;font-family:'Taviraj', serif}
#include01 .pagination li:hover{color:#333}
#include01 li.current{border-bottom:3px solid #333;color:#333}

/* 좌우버튼 */
#include01 .controls{position:absolute;bottom:0;left:-78px;z-index:99;display:block;cursor:pointer}
#include01 .controls li{float:left;position:relative;width:78px;height:78px;background-color:#fff;transition:all .3s}
#include01 .prev{background:url('./img/prev.png') 40% center no-repeat #fff}
#include01 .prev:before{display:block;content:"";position:absolute;top:50%;left:40%;width:20px;height:1px;background-color:#333;transition:all.3s}
#include01 .prev:hover{background-position:32% center}
#include01 .prev:hover:before{left:32%;width:35px}
#include01 .next{background:url('./img/next.png') 63% no-repeat #fff}
#include01 .next:before{display:block;content:"";position:absolute;top:50%;left:40%;width:20px;height:1px;background-color:#333;transition:all.3s}
#include01 .next:hover{background-position:78% center}
#include01 .next:hover:before{left:32%;width:35px}