@charset "utf-8";

#include02_wrapper{overflow:hidden;z-index:999;max-width:1400px;letter-spacing:-.3px;font-family:'notokr-regular'}
#include02_wrapper:after {content:""; display:block; clear:both}

/*Edu Gallery*/
.index03{overflow:hidden;float:left;position:relative;padding:60px 38px 60px 0;width:730px;height:300px}
.index03 .tit_area{margin:0 auto;float:left}
.index03 .tit_area .tit{margin:7px 0;cursor:pointer}
.index03 .tit_area .txt{font-size:14px;line-height:24px;color:#888}
.index03 .wrapper {float:right;overflow:hidden;width:470px}
.index03 .wrapper ul{z-index:10}
.index03 .wrapper ul li{position:relative;overflow:hidden;height:180px;margin-right:15px;text-align:center;font-size:14px}
.index03 .wrapper ul li img{border:none!important}
.index03 .wrapper ul li a{display:block}
.index03 .wrapper ul li a .gall_tit{position:absolute;left:0;right:0;bottom:0;width:100%;height:0;font-size:15px;line-height:42px;color:#fff;background-color:rgba(0, 0, 0, 0.36);font-family:'arita-semibold';transition:all 0.3s}

/* 슬라이더 컨트롤 */
.index03 .nav{position:absolute;width:78px;top:180px;left:0;z-index:10000}
.index03 .nav .prev, .nav .next{display:inline-block;overflow:hidden;width:37px;height:37px;border-radius:5px;cursor:pointer;text-indent:-999px}
.index03 .prev{position:absolute;background:#f7f7f7 url(/sh_img/make24/include/include_02/img/arr.png) no-repeat center;top:0;left:0;transition:all 0.2s}
.index03 .next{position:absolute;background:#f7f7f7 url(/sh_img/make24/include/include_02/img/arr.png) no-repeat center;top:0;right:0;transition:all 0.2s;transform: rotate(180deg);}

/*custmer Service*/
.index04{float:right;width:300px;height:300px;padding:40px;text-align:center;color:#fff;background:rgba(245,167,0,0.84);font-family:'Poppins', sans-serif}
.index04 .tit{margin-bottom:15px;font-size:15px;font-weight:700;letter-spacing:0}
.index04 .tit i{width:45px;height:45px;border:1px dotted rgba(255,255,255,.8);border-radius:100%;text-align:center;line-height:45px}
.index04 .tel{margin:4px 0;font-size:28px;font-weight:700}
.index04 .txt{padding:0 10px;text-align:left;font-weight:600}
.index04 .txt span{float:right;font-weight:400;opacity:0.6}
.index04 ul{overflow:hidden;margin-top:45px;border-top:1px solid #ecc36c}
.index04 ul li{float:left;width:50%;height:35px}
.index04 ul li a{display:table;width:100%;line-height:35px;font-size:13px;color:#fff;font-family:'notokr-medium';transition:.2s;}
.index04 ul li:first-child{border-right:1px solid #ecc36c}

@media(hover:hover){
.index03 .wrapper ul li:hover .gall_tit{height:42px}
.index03 .prev:hover,.index03 .next:hover{background:#ffae00 url(/sh_img/make24/include/include_02/img/arr.png) no-repeat center}
}
/* 반응형 [s] */
@media (max-width:1400px){
.index03{float:none;width:100%;height:auto;padding:50px}
.index03 .nav{left:50px}
.index03 .wrapper{width:70%}
.index04{float:none;width:100%;height:auto}
.index04 .txt span{float:none;margin-left:10px}
.index04 .txt{display:inline-block}
}
@media (max-width:940px){
.index03{padding:0 20px}
.index03 .nav{top:115px;left:20px}
}
@media (max-width:600px){
.index03 .tit_area{float:none;text-align:center}
.index03 .nav{display:none}
.index03 .wrapper{float:none;width:100%;margin-top:20px}
}
@media (max-width:480px){
.index04{padding:20px}
.index04 ul{margin-top:20px}
}
/* 반응형 [e] */
