@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1600px ){
	#mainVisual{height: auto;}
	/* .main-visual-item{height: 0; padding-top: 52.5%;}
	.main-visual-item .main-visual-pc-img{position: absolute; top: 0; left: 0;} */
}

@media all and (max-width:1440px){
	.gnb_wrap .gnb{padding:0 15px;}
}

@media all and (max-width:1360px){
	.main-content-wrap .content-wrap{width:95%;}
}

@media all and ( max-width: 1275px ){
	#wrap.main-wrap{margin-left: 0; width: 100%;}
}
@media all and ( max-width: 1050px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item{height: auto; padding-top: 0;}
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-m-img img{width:100%;}
}

/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and ( max-width: 1300px ){
	#rightBar{position:static; height:121px;}
	#rightBar > ul {width:auto; padding:0;}
	#rightBar > ul > li{width: 16.66%; background-color:#2c355d; float: left; border-left:1px solid rgba(255,255,255,0.1); border-top: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#rightBar > ul > li:first-child{border-left: 0;}
	#rightBar > ul > li > a{width:100%; border-bottom:none; height:120px; padding:0; color:#fff;}
	#rightBar > .rightBar_top{display:none;}
	#rightBar > ul > li > a::after{display:none;}
}

@media all and (max-width:1100px){
	#headerInnerWrap > .logo_m{display:block !important; padding-left:40px; padding-top:10px; cursor:pointer;}
	#headerInnerWrap > .logo_m > img{height:40px;}
}

@media all and ( max-width: 1000px ){
	.main_3rd_wrap .invited_wrap,.main_3rd_wrap .newsletter_wrap{width:100%; margin-right:0;}
}

@media all and ( max-width: 800px ){
	#rightBar{height:162px; background:none;}
	#rightBar > ul > li{width: 33.33%;}
	#rightBar > ul > li:last-child{display: none; border-right:1px solid rgba(255,255,255,0.1);}
	/* #rightBar > ul > li:nth-child(4) ~ *{border-top:1px solid rgba(255,255,255,0.1);} */
	#rightBar > ul > li > a{width:100%; height:80px; border-bottom:1px solid rgba(255,255,255,0.1);}
	#rightBar > ul > li > a i{font-size: 23px;}
	#rightBar > ul > li > a p{margin-top: 4px; height: 2.28em; display: table; table-layout: fixed;}
	#rightBar > ul > li > a span{font-size: 14px; display: table-cell; vertical-align: middle; line-height:1.2;}
}

/* ******************  메인 유튜브 썸네일 영역 ********************** */
@media all and ( max-width: 800px ){
	.main-sub-con .sub-con-tit .tit {font-size: 20px; }
	.sub-con-view-thum-list {padding: 0 30px ;}
	.video-iframe-wrapper { margin:0 10px;}
	.sub-con-view .slick-arrow {font-size: 30px;}
}