@charset "utf-8";

#include01_wrapper{display:flex;position:relative;width:1500px;margin:0 auto;background:#ddd}
#include01_wrapper .tit_wrap{padding:33px 40px;font-size:16px;color:#867563;letter-spacing:-0.3px;line-height:24px}
#include01_wrapper .tit_wrap .s_tit{font-size:16px;color:#f79e36;font-family:'Noto Sans KR'}
#include01_wrapper .tit_wrap .b_tit{padding:8px 0 25px;font-size:28px;color:#333;font-family:'Noto Sans KR';font-weight:700}

#include01_wrapper .box1{position:relative;background:#b7b7b7;width:30%;height:450px}
#include01_wrapper .box1 li{height:450px;background:url(./img/in01_bg01.jpg) right bottom/cover no-repeat}
#include01_wrapper .box1 .n1{background-image:url(./img/in01_bg01.jpg)}
#include01_wrapper .box1 .n2{background-image:url(./img/in01_bg02.jpg)}
#include01_wrapper .box1 .bx-viewport{height:450px !important}
#include01_wrapper .box1 .bx-controls{display:block;position:absolute;bottom:40px;left:33px;z-index:100}
#include01_wrapper .box1 .bx-pager{display:block}
#include01_wrapper .box1 .bx-pager div{display:inline-block}
#include01_wrapper .box1 .bx-pager div a{display:block;overflow:hidden;width:11px;height:11px;margin-left:8px;border-radius:11px;background:#fff;text-indent:-100px}
#include01_wrapper .box1 .bx-pager div:first-child a{margin-left:0}
#include01_wrapper .box1 .bx-pager div a.active{background:#3d2825}

#include01_wrapper .box2{display:flex;flex-wrap:wrap;width:30%}
#include01_wrapper .box2 a{display:block;height:100%}
#include01_wrapper .box2 .s_box01{position:relative;width:100%;height:225px;background:url(./img/in01_bg03.jpg) left center/cover no-repeat}
#include01_wrapper .box2 .s_box01 .more_view{position:absolute;bottom:33px;right:40px;text-align:right;font-size:14px;color:#555;font-family:'Noto Sans KR';font-weight:500}
#include01_wrapper .box2 .s_box01 .tit_wrap .more_view:after{display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:"";width:80px;height:1px;background:#f79e36;opacity:0}
#include01_wrapper .box2 .s_box01 .tit_wrap:hover .more_view:after{opacity:1;transition: 0.55s all ease}
#include01_wrapper .box2 .s_box01 .txt{color:#838383}
#include01_wrapper .box2 .s_box02{width:50%}
#include01_wrapper .box2 .s_box02 p{padding-top:159px;font-size:18px;text-align:center;color:#333;font-family:'Noto Sans KR';font-weight:700}
#include01_wrapper .box2 .sbg01{background:#fff url(./img/in01_icon2.png) center 37px no-repeat}
#include01_wrapper .box2 .sbg01 a{height:224px;border-bottom:1px solid #ddd}
#include01_wrapper .box2 .sbg02{background:#aca091 url(./img/in01_icon.png) center 37px no-repeat}
#include01_wrapper .box2 .sbg02 p{color:#fff}

#include01_wrapper .box3{width:40%;height:450px;text-align:right;background:url(./img/in01_bg04.jpg) left bottom/ cover no-repeat}
#include01_wrapper .box3 .tit_wrap{padding:67px 61px 70px 61px}
#include01_wrapper .box3 .e_tit{font-size:13px;color:#fff;letter-spacing:0.2px;opacity:0.7;font-family: 'Playfair Display', serif;}
#include01_wrapper .box3 .b_tit{padding:24px 0 34px 0;font-size:40px;letter-spacing:-0.7px;color:#fff;font-family: 'NanumMyeongjo'}
#include01_wrapper .box3 .b_tit span{font-weight:bold}
#include01_wrapper .box3 .s_tit{padding-bottom:15px;font-size:18px;color:#f79e36;font-family:'Noto Sans KR';font-weight:500}
#include01_wrapper .box3 .txt{font-size:15px;color:#fff;opacity:0.7}
#include01_wrapper .box3 .go_btn{display:inline-block;width:154px;height:50px;margin-top:46px;border-radius:2px;behavior:url(/js/PIE.htc);font-size:15px;color:#fff;line-height:47px;text-align:center;transition: .3s linear;background:rgba(255,255,255,0.15);font-family:'Noto Sans KR';font-weight:500}
#include01_wrapper .box3 .go_btn:hover{color:#3d2825;background:#fff;transition: .3s linear}

@media(max-width:1530px){
#include01_wrapper{width:100%}
#include01_wrapper .box1{width:25%}
#include01_wrapper .box3{width:45%}
}
@media(max-width:1250px){
#include01_wrapper .pl{white-space:normal}
#include01_wrapper .tit_wrap .b_tit{font-size:25px}
#include01_wrapper .box3 .b_tit{font-size:30px}
}
@media(max-width:1024px){
#include01_wrapper .pl{white-space:pre-line}
#include01_wrapper{flex-wrap:wrap}
#include01_wrapper .box1{width:50%}
#include01_wrapper .tit_wrap{padding:35px 15px}
#include01_wrapper .box2{width:50%}
#include01_wrapper .box3{width:100%;height:auto}
#include01_wrapper .box3 .tit_wrap{text-align:center}
}
@media(max-width:700px){
#include01_wrapper .tit_wrap .b_tit{font-size:20px}
#include01_wrapper .box3 .b_tit{padding:10px 0 34px;font-size:25px;line-height:35px}
#include01_wrapper .box3 .go_btn{margin-top:30px}
}
@media(max-width:680px){
#include01_wrapper .pl{white-space:normal}
}
@media(max-width:600px){
#include01_wrapper .pl{white-space:pre-line}
#include01_wrapper .box1{width:100%;height:auto}
#include01_wrapper .box1 .bx-viewport{height:auto!important}
#include01_wrapper .box1 ul{height:300px}
#include01_wrapper .box1 li{height:100%;background-size:70%;background-color:#f5ece3}
#include01_wrapper .box2{width:100%}
#include01_wrapper .box3 .tit_wrap{padding:50px 15px}
}