@charset "utf-8";

#include03_wrapper{overflow:hidden;position:relative;height:355px;margin-top:100px}
#include03_wrapper:before{position:absolute;left:50%;top:49px;content:'';width:1201px;height:1px;border-radius:100px;transform:translateX(-21.7%);background:#ddd}
#include03_wrapper:after{position:absolute;left:50%;top:0;content:url('./img/inc03_bg.jpg');width:100%;margin-left:-960px;height:300px;z-index:-1}

/* 갤러리 */
.gallery_wrap{overflow:hidden;position:relative;max-width:1200px;width:100%;margin:0 auto}
.gallery_wrap .gallery_txt{float:left;width:350px}
.gallery_wrap .gallery_txt .eng_txt{padding-top:108px;font-size:13px;font-weight:500;color:#fff;font-family:'Poppins', sans-serif}
.gallery_wrap .gallery_txt .tit_txt{padding-top:10px;font-size:33px;color:#fff;font-family:'Noto Sans KR';font-weight:300}
.gallery_wrap .gallery_txt .tit_txt span{font-family:'Noto Sans KR';font-weight:700}
.gallery_wrap .gallery_txt .sub_txt{padding-top:32px;font-size:15px;line-height:26px;color:#fff;white-space:pre-line;font-family:'Noto Sans KR'}
.gallery_wrap .img_list{float:right;width:calc(100% - 365px);margin-top:100px}

/* 이미지 리스트 */
.gallery_wrap .img_list .gall li{height:203px}
.gallery_wrap .img_list .gall li a{display:block;height:100%}
.gallery_wrap .img_list .gall li .thum_wrap{width:100%;height:100%}
.gallery_wrap .img_list .gall li .thum_wrap .thum{height:100%;background-size:cover;background-position:center}
.gallery_wrap .control{position:absolute;left:220px;top:49px;width:83px;height:37px;border-radius:50px;background:rgba(255,255,255,.15)}
.gallery_wrap .control:before{position:absolute;left:50%;top:14px;content:'';width:1px;height:10px;background:rgba(255,255,255,.4)}
.gallery_wrap .control span{display:inline-block;position:absolute;top:0px;width:20px;height:36px;transition:all .3s}
.gallery_wrap .control span.button-prev{left:12px;background:url('../include_01/img/prev_off.png') no-repeat center}
.gallery_wrap .control span.button-prev:hover{background:url('../include_01/img/prev_on.png') no-repeat center}
.gallery_wrap .control span.button-next{right:11px;background:url('../include_01/img/next_off.png') no-repeat center}
.gallery_wrap .control span.button-next:hover{background:url('../include_01/img/next_on.png') no-repeat center}

/* 반응형 [s] */
@media (max-width:1200px){
#include03_wrapper{background:none}
.gallery_wrap .gallery_txt{width:360px;height:355px;padding-left:20px;background:url('./img/inc03_bg.jpg') no-repeat left top}
.gallery_wrap .img_list{width:calc(100% - 385px)}
}
@media (max-width:1024px){
#include03_wrapper{height:auto;margin-top:0;padding-bottom:60px}
#include03_wrapper:after{display:none}
.gallery_wrap{height:auto;overflow:initial}
.gallery_wrap .gallery_txt{width:100%;height:340px;text-align:center;background-repeat:repeat}
.gallery_wrap .gallery_txt .tit_txt{font-size:29px}
.gallery_wrap .gallery_txt .eng_txt{padding-top:58px}
.gallery_wrap .gallery_txt .sub_txt{padding-top:20px}
.gallery_wrap .img_list{position:relative;width:100%;margin-top:-107px;padding:0 10px}
.gallery_wrap .control span.button-prev{background:url('../include_01/img/prev_on.png') no-repeat center}
.gallery_wrap .control span.button-next{background:url('../include_01/img/next_on.png') no-repeat center}
.gallery_wrap .control{left:auto;right:20px;top:168px}
}
@media (max-width:768px){
.gallery_wrap .gallery_txt .sub_txt{ white-space:pre-line}
.gallery_wrap .control{display:none}
.gallery_wrap .img_list{margin-top:-122px}
}
@media (max-width:480px){
.gallery_wrap .gallery_txt .tit_txt{font-size:25px;font-family:'Noto Sans KR';font-weight:700}
}
/* 반응형 [e] */