@charset "utf-8";

#include01_wrapper{position:relative;display:grid;grid-template-areas:
"a c"
"b c"
" d d";grid-template-columns:2.5fr 1fr;gap: 14px;max-width:1200px;margin:0 auto}
#include01_wrapper .box_banner_wrap{display:flex;overflow:hidden;grid-area:a;width:100%}
#include01_wrapper .box_banner_wrap li{position:relative;width:calc(100% / 3 - 4px);margin-right:12px;box-sizing:border-box;font-size:15px}
#include01_wrapper .box_banner_wrap li a{display:block;padding:65px 20px 27px;z-index:0}
#include01_wrapper .box_banner_wrap li a .in01_tit{padding-bottom:15px;font-size:20px;font-weight:600;color:#fff;letter-spacing:0.5px;font-family:'notokr-bold'}
#include01_wrapper .box_banner_wrap li a .more_btn{position:absolute;right:30px;top:30px;width:32px;height:32px;transition-duration:0.4s}
#include01_wrapper .box_banner_wrap li a p{color:rgba(255, 255, 255, 0.7607843137254902);font-family:'notokr-regular';word-break:keep-all}
#include01_wrapper .box_banner_wrap .li01{background:#4e4e4e}
#include01_wrapper .box_banner_wrap .li02{background:#4e4e4e}
#include01_wrapper .box_banner_wrap .li03{margin-right:0;background:#4e4e4e}

/*box_banner2*/
#include01_wrapper .cons_wrap{grid-area:c;width:100%;height:504px;padding:30px;background:#3d3d3d;z-index:10;box-sizing:border-box;box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.30980392156862746)}
#include01_wrapper .latest_wrap{display:flex;grid-area:d;margin-top:70px}
#include01_wrapper .latest_wrap:after{display:block;visibility:hidden;clear:both;content:""} 
#include01_wrapper .latest_wrap .latest_box .latest{margin-top:22px}
#include01_wrapper .latest_wrap .latest_box{width:50%;box-sizing:border-box;background-color:#fff}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:55px;border-right:solid 1px #ddd}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:55px}
#include01_wrapper .latest_wrap .latest_box_tit{position:relative;font-size:20px;color:#333;font-family:'notokr-bold'}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn{float:right;padding-right:14px;font-size:13px;color:#626262}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn i{position:absolute;right:0;top:7px;font-size:10px}
#include01_wrapper .latest_wrap .more{float:right;margin-top:-3px}

/*슬라이드*/
#include01_wrapper .swiper-container{position:relative;grid-area:b;margin-top:40px;width:100%;height:260px}
#include01_wrapper .swiper-slide.bg01{background: url(./img/banner01.png) no-repeat center / cover}

/*슬라이드_배너내용*/
#include01_wrapper .banner_txt{position:absolute;text-align:center;width:100%}
#include01_wrapper .banner_txt .logo{position:absolute;top:40px;left:40px;display:none;}
#include01_wrapper .banner_txt .banner_btn{display:block;color:#fff;width:150px;margin:0 auto;line-height:40px;font-family:'notokr-regular'}
#include01_wrapper .swiper-slide.bg01 .banner_btn{margin-top:30px;background:#12335e}
#include01_wrapper .swiper-slide.bg02 .banner_btn{margin-top:18px;background:#2d2d2d}
#include01_wrapper .swiper-slide.bg01 .banner_txt p{margin-top:124px;font-size:36px;font-style:oblique;font-family:'notokr-bold';color:#fff}
#include01_wrapper .swiper-slide.bg02 .banner_txt .sub_tit{font-size:18px;color:#fff;padding:5px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;width:130px;margin:37px auto 0;font-family:'notokr-regular'}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4 span{color:#fff;font-family:'notokr-light';font-size:33px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4{font-size:35px;color:#12335e;font-family:'notokr-bold';line-height:40px;margin-top:5px}

/*슬라이드 pager*/
#include01_wrapper .pager{position:absolute;z-index:1;bottom:5%;right:2%;left:auto !important;width:auto !important}
#include01_wrapper .pager .swiper-pagination-bullet{margin:0 3px;width:10px;height:10px;border-radius:0%;background-color:#ccc;opacity:1}
#include01_wrapper .pager .swiper-pagination-bullet-active{background-color:#fff}

/* 반응형 [s] */
@media (hover:hover){
#include01_wrapper .box_banner_wrap li:hover .more_btn{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#include01_wrapper .box_banner_wrap .li01:hover{background:url(./img/li01_bg_on.png) no-repeat center / cover}
#include01_wrapper .box_banner_wrap .li02:hover{background:url(./img/li02_bg_on.png) no-repeat center / cover}
#include01_wrapper .box_banner_wrap .li03:hover{margin-right:0;background:url(./img/li03_bg_on.png) no-repeat center / cover}
}
@media (max-width:1024px){
.include_01{padding-bottom:40px}
#include01_wrapper{display:flex;flex-direction:column;margin:auto;padding-top:30px;width:95%;gap:10px}
#include01_wrapper .box_banner_wrap li{font-size:14px;line-height:1.5}
#include01_wrapper .box_banner_wrap li a{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:40px 25px}
#include01_wrapper .box_banner_wrap li a .in01_tit{order:1;font-size:18px}
#include01_wrapper .box_banner_wrap li a .more_btn{order:2;position:static;width:25px;height:25px}
#include01_wrapper .box_banner_wrap li a .more_btn img{width:100%}
#include01_wrapper .box_banner_wrap li a p{order:3}
#include01_wrapper .swiper-container{margin-top:10px;height:270px}
#include01_wrapper .banner_txt .logo{top:25px;left:25px}
#include01_wrapper .swiper-slide.bg01 .banner_txt p{margin-top:132px;font-size:26px}
#include01_wrapper .swiper-slide.bg02 .banner_txt .sub_tit{margin-top:55px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4{margin-top:5px;font-size:26px;line-height:1.5}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4 span{font-size:24px}
#include01_wrapper .swiper-slide.bg02 .banner_btn{margin-top:12px}
#include01_wrapper .latest_wrap{margin-top:30px}
#include01_wrapper .latest_wrap .latest_box_tit{display:flex;justify-content:space-between;font-size:18px}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:35px}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:35px}
}
@media (max-width:768px){
#include01_wrapper .box_banner_wrap li{font-size:13px}
#include01_wrapper .box_banner_wrap li a{padding:30px 18px;gap:15px}
#include01_wrapper .box_banner_wrap li a .in01_tit{padding-bottom:0px;font-size:16px}
#include01_wrapper .box_banner_wrap li a .more_btn{width:17px;height:17px}
#include01_wrapper .swiper-container{height:230px}
#include01_wrapper .banner_txt .logo{width:136px}
#include01_wrapper .swiper-slide.bg01 .banner_txt p{margin-top:110px;font-size:20px}
#include01_wrapper .swiper-slide.bg01 .banner_btn{margin-top:20px;width:140px}
#include01_wrapper .swiper-slide.bg02 .banner_txt .sub_tit{padding:3px 0;margin-top:43px;font-size:16px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4{margin-top:6px;font-size:20px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4 span{font-size:18px}
#include01_wrapper .swiper-slide.bg02 .banner_btn{margin-top:12px;width:140px}
#include01_wrapper .latest_wrap{flex-direction:column;gap:10px}
#include01_wrapper .latest_wrap .latest_box{width:100%}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:0px;border-right:none}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:0px}
#include01_wrapper .latest_wrap .latest_box .latest{margin-top:15px}
#include01_wrapper .latest_wrap .latest_box_tit{font-size:16px}
}
@media (max-width:480px){
#include01_wrapper{padding-top:20px}
#include01_wrapper .box_banner_wrap{flex-wrap:wrap;gap:10px}
#include01_wrapper .box_banner_wrap li{margin:0px;width:100%}
#include01_wrapper .box_banner_wrap li:nth-child(-n+2){width:calc(50% - 5px)}
#include01_wrapper .box_banner_wrap li a .in01_tit{width:50%;font-size:15px}
#include01_wrapper .box_banner_wrap li a p{width:100%}
#include01_wrapper .swiper-container{margin-top:5px;height:210px}
#include01_wrapper .banner_txt .logo{top:18px;left:18px;width:110px}
#include01_wrapper .swiper-slide.bg01 .banner_txt p{margin-top:95px;font-size:18px}
#include01_wrapper .swiper-slide.bg01 .banner_btn{margin-top:18px;width:130px}
#include01_wrapper .swiper-slide.bg02 .banner_txt .sub_tit{ width:120px;font-size:15px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4{margin-top:7px;font-size:18px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4 span{font-size:16px}
#include01_wrapper .swiper-slide.bg02 .banner_btn{margin-top:7px;width:130px}
#include01_wrapper .latest_wrap{margin-top:20px}
#include01_wrapper .latest_wrap .latest_box_tit{font-size:15px}
}
@media (max-width:380px){
#include01_wrapper .box_banner_wrap li a{padding:26px 16px;gap:12px}
#include01_wrapper .box_banner_wrap li a .in01_tit{font-size:14px}
#include01_wrapper .swiper-container{margin-top:0px;height:195px}
#include01_wrapper .banner_txt .logo{top:15px;left:15px;width:100px}
#include01_wrapper .swiper-slide.bg01 .banner_txt p{margin-top:88px;font-size:16px}
#include01_wrapper .swiper-slide.bg01 .banner_btn{margin-top:12px;width:120px;line-height:38px}
#include01_wrapper .swiper-slide.bg02 .banner_txt .sub_tit{padding:0px;margin-top:38px;width:115px;font-size:14px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4{margin-top:5px;font-size:16px}
#include01_wrapper .swiper-slide.bg02 .banner_txt h4 span{font-size:14px}
#include01_wrapper .swiper-slide.bg02 .banner_btn{width:120px;line-height:38px}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn{font-size:12px}
}
/* 반응형 [e] */