#row_1{text-align:center; position:relative}
.mainPage{position:absolute; bottom:20px !important; z-index:99 !important}
#row_1 .swiper-wrapper{z-index:10 !important}
#row_1 .swiper-pagination-bullet { width: 16px !important; height: 16px !important; background: transparent; border: 1px solid white !important; opacity: 1; }
#row_1 .swiper-pagination-bullet-active { width: 40px !important; transition: width .5s; border-radius: 30px !important; background: white !important; border: 1px solid transparent; }
#row_3{text-align:center; margin:80px auto !important}
.fullBanner{text-align:center;}
.fullBanner img{width:1170px;}
.threeBanner img{width:100%}
.smallBanner{margin-bottom:0 !important}
.sBpage{padding-right:24px;}
#row_4{margin:0 -15px 40px !important;}

.youtubeArea{margin-bottom:40px}
.tipArea{position: relative;text-align: center;margin-bottom:40px}
.tipArea .youtubeBtArea{position:absolute;right:0;bottom:11px}
.tipArea .youtubeBtArea a{font-size: 1.4rem;border: 1px solid #000;box-sizing: border-box;padding: 10px;}
.tipArea .youtubeBtArea a:hover, .tipArea .youtubeBtArea a:focus{color:#0014b1;border-color:#0014b1}
.youtubeBanner .swiper-slide img{width:100%} 
.youtubeArea .swiper-button-prev{position:absolute !important;left:55% !important;width: 50px !important;height: 50px !important;color:#000 !important;cursor:pointer;top:210px !important; margin-left:-720px;}
.youtubeArea .swiper-button-prev::after{border:1px solid #000;border-radius:26px;font-size:29px !important;background-color : rgb(255,255,255,0.5);padding: 10px 17px;}
.youtubeArea .swiper-button-next{position:absolute !important;left:45.5% !important;width: 50px !important;height: 50px !important;color:#000 !important;cursor:pointer;top:210px !important;margin-left:660px;}
.youtubeArea .swiper-button-next::after{border:1px solid #000;border-radius:26px;font-size:29px !important;background-color : rgb(255,255,255,0.5);padding: 10px 17px;}

.d_day{width:60px; text-align:center; background:#fff;}
.d_day h3{font-weight:900; font-size:1.9rem; margin-bottom:0; line-height:1.5}
.d_day h6{color:#1c47ff;font-size:1.3rem;margin:0}
.d_day .swiper-slide{box-sizing:border-box;}
.d_day .swiper-slide:last-child h6{color:#ff0000}
.d_day .nav{display:flex; justify-content: space-between;}

header .topLogoWrap h1{margin-left:60px}
header .topLogoWrap .utill li:first-child{margin-left:0;}

.rollBanner .swiper-button-next{right:15%;color:#fff;padding: 2%;border: 1px solid #fff;border-radius: 50%;}
.rollBanner .swiper-button-prev{left:15%;color:#fff;padding: 2%;border: 1px solid #fff;border-radius: 50%;}


.popupBannerArea{display: grid;place-items: center;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;z-index: 9999;}
.popupBannerArea .blackWrap{display:flex;justify-content: center;align-items:center}
.blackWrap{position:initial;width:auto;height:auto;background:none;display:inherit;}

.popup3 .bw_box{max-width:400px;}
.popup3 .bw_box img{width:100%}

.popup4{flex-flow: wrap;width:50%}
.popup4 .bw_box{max-width:350px;}
.popup4 .bw_box img{width:100%}

@media (min-width:1400px) {
	.popup4{width:58%}
	.popup4 .bw_box{max-width:415px}
}
@media (max-width:1400px) {
	.popup4{flex-flow: wrap;width:75%}
}
@media (max-width:1200px) {
	#row_1 .swiper-slide img{width:100%;}
	#row_6 .col-md-12{margin-bottom:20px;}
	.eventRoll img{width:100%;}
	.row_3_title{width:100%;}
	.fullBanner{width: calc(100% - 30px) !important; margin:0 auto;}
	.fullBanner img{width:100%;}
	.rollBanner .swiper-button-next{right:10%;border:none}
	.rollBanner .swiper-button-prev{left:10%;border:none}
	
	.popupBannerArea .blackWrap .bw_box{width:45%}
	.popupBannerArea .blackWrap img{width:100%}
	
	.tipArea > img{width: auto;margin-bottom: 20px;max-width: 100%;}
	.tipArea .youtubeBtArea{position: static;}
	.tipArea .youtubeBtArea a{display: inline-block;width: 49%;}
}
@media (max-width:768px) {
	.popupBannerArea .blackWrap{flex-direction: column;}
	.popupBannerArea .blackWrap .bw_box{width:50%}
	.popupBannerArea .blackWrap img{width:100%;margin:0}
	.eventSection{margin-top:8px;}
	#row_4{margin:40px -15px !important}
	
	.d_day, .classPlan, .oneonone{display:none}
	
	.popup4{flex-flow: wrap;width:85%;flex-direction: initial !important;}
	.popup4 .bw_box{max-width:250px;}
}
@media (max-width:480px) {
	
	.popupBannerArea .blackWrap .bw_box{width:70%}
	.popupBannerArea .blackWrap img{width:100%;margin:0}
	
	.popup3 .bw_box{width:55%}
	.popup4 .bw_box{width:50% !important}
	
}}


/* 모바일에서 3단배너 한장만 나올 수 있도록 영역 수정 */
@media (max-width: 767.98px) {
  .threeBanner2 { padding: 0 16px; }
}

.threeBanner2 .swiper-slide a { display: block; }
.threeBanner2 .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.threeBanner2 { overflow: visible; }