#indexBan{padding-top:40px;margin-bottom:40px;width:100%;display:flex;justify-content:space-between;}

#indexBan .infoCon{width:210px;height:300px;border:1px solid #ccc;}
#indexBan .mainSwiper{position:relative;width:calc(100% - 650px);height:300px;border:1px solid #ccc;}


#indexBan .youtube{position:relative;width:400px;height:300px;border:1px solid #ccc;}

#indexBan .youtube .yt{position:relative;width:100%;height:0px;padding-bottom:56.25%;}
#indexBan .youtube .yt iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}

#indexBan .youtube .subject{margin-top:10px;padding:0px 15px;display:flex;align-items:center;width:100%;height:50px;font-size:16px;font-weight:500;}

#indexBan .infoCon{padding:15px 15px;}
#indexBan .infoCon ul{}
#indexBan .infoCon ul li{letter-spacing:-0.05em;}

#indexBan .infoCon ul li .head{padding:8px 0px;margin-bottom:10px;font-size:16px;font-weight:400;background:#f7bd14;color:white; border-radius:5px;text-align:center;}
#indexBan .infoCon ul li .shead{margin-bottom:1px;font-size:16px;font-weight:500;text-align:center;color:#555;}
#indexBan .infoCon ul li .text{margin-bottom:5px;font-size:20px;font-weight:500;text-align:center;color:black}

#indexBan .infoCon ul li .current{margin-bottom:10px;font-size:14px;text-align:center;line-height:23px;}

#indexSwiper{position:relative;margin-bottom:30px;width:100%;background-color:#fafafa;padding:30px;border-radius:15px;}
#indexSwiper .isNav{width:100%;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;}
#indexSwiper .isNav button, 
#indexSwiper .isNav a{margin:0px 5px 10px 2px;padding:0px 15px;display:inline-flex;align-items:center;justify-content:center;height:36px;border:1px solid #aaa;font-size:14px;color:black;border-radius:18px;background-color:white;}
#indexSwiper .isNav a:hover, 
#indexSwiper .isNav a.on,
#indexSwiper .isNav button:hover, 
#indexSwiper .isNav button.on
{background-color:steelblue;color:white;border-color:steelblue;}

.indexSwiper {position:relative;}
.indexSwiper .isCont{width:100%;margin-bottom:40px;}

.indexSwiper .isCont > div{width:100%;}
.indexSwiper .isCont .swiper{padding-bottom:30px;}
.indexSwiper .isCont .swiper-slide{width:270px;}
.indexSwiper .isCont .swiper-slide a{display:block;width:100%;}
.indexSwiper .isCont .swiper-slide .image{margin-bottom:10px;width:100%;height:0px;padding-bottom:66.66%;border:1px solid #ccc;background:no-repeat center center;background-size:cover;}

.indexSwiper .isCont .swiper-slide .subject{padding:0px 5px;margin-bottom:0px;width:100%;line-height:23px;min-height:23px; font-size:16px;font-weight:500;}

.indexSwiper .isCont .swiper-slide .basic{padding:0px 5px;font-size:15px;color:#555;line-height:21px;}
.indexSwiper .swiper-button-next, .indexSwiper .swiper-button-prev{color:#555;}


#mainSwiper .swiper{width:100%;height:300px;}
#mainSwiper .swiper-slide{position:relative;}
#mainSwiper .swiper-slide a{display:flex;align-items:center;justify-content:center;position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;background:no-repeat center center;background-size:cover;}
			
			
.banner2{margin-bottom:50px;width:100%;display:flex;justify-content:space-between;}
.banner2 > div{width:calc(50% - 10px);}
.banner2 > div a {display:block;width:100%;}
.banner2 > div.guide{position:relative;}

.banner2 > div.call{display:flex;flex-wrap:wrap;position:relative;}
.banner2 > div.call .email{width:100%;}
.banner2 > div.call .naver{width:50%;}
.banner2 > div.call .kakao{width:50%;}

.banner2 > div img{width:100%;}

.swiper-pagination-bullet-active{background-color:#f7bd14}

@media (max-width: 980px) {

}