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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1720px ){
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow.slick-prev{left:3%; background:url("/images/button/arrow_prev.png") no-repeat}
	.main-visual-con .slick-arrow.slick-next{right:3%; background:url("/images/button/arrow_next.png") no-repeat}
}
@media all and ( max-width: 1620px ){
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow.slick-prev{left:2%; background:url("/images/button/arrow_prev.png") no-repeat}
	.main-visual-con .slick-arrow.slick-next{right:2%; background:url("/images/button/arrow_next.png") no-repeat}
}
@media all and ( max-width: 1520px ){
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display: none !important;}
}
@media all and ( max-width: 1220px ){
	/* 모바일용 슬라이드 버튼 */
	.main-visual-con .slick-arrow{display: block !important;}
	.main-visual-con .slick-arrow{position:absolute; width:auto; height:auto; top:auto; bottom: 25px; margin-top:0; color: #fff;}
	.main-visual-con .slick-arrow i{font-size: 20px; filter: drop-shadow(5px 0px 5px rgba(0,0,0,0.2));}
	.main-visual-con .slick-arrow.slick-prev{left:50%; margin-left: -110px; background: none;}
	.main-visual-con .slick-arrow.slick-next{right:50%; margin-right: -110px; background: none;}
	.main-visual-con .slick-dots{position:absolute; width:100%; text-align:center; bottom:25px;}
	.main-visual-con .slick-dots li{display:inline-block; margin:0 15px;}
	.main-visual-con .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; color: #fff;}
	.main-visual-con .slick-dots li button i{font-size: 20px; filter: drop-shadow(5px 0px 5px rgba(0,0,0,0.2));}
	.main-visual-con .slick-dots li.slick-active button{color: #c01823;}		/* 버튼 active */
}
@media all and ( max-width: 800px ){
	#mainVisual{height: auto;}
	/* 메인 비주얼 :: 이미지 */
	.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%;}
	/* 모바일용 슬라이드 버튼 */
	.main-visual-con .slick-arrow{bottom: 20px;}
	.main-visual-con .slick-arrow i{font-size: 15px;}
	.main-visual-con .slick-arrow.slick-prev{left:50%; margin-left: -85px;}
	.main-visual-con .slick-arrow.slick-next{right:50%; margin-right: -85px;}
	.main-visual-con .slick-dots{position:absolute; width:100%; bottom:20px;}
	.main-visual-con .slick-dots li{margin:0 10px;}
	.main-visual-con .slick-dots li button i{font-size: 15px;}
}



/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit{}
	.main-tit strong{font-size:30px;}
	.main-sub-tit{margin-top:15px; font-size:15px;}
}


/* -------- 비주얼 하단 :: 메뉴컨텐츠 -------- */
 @media all and (max-width:1220px){
	.main-menu-con{position: static; padding-top: 45px;}
	.main-menu-con ul{margin-top: -60px;}
	.main-menu-con ul li{float: left; width: 33.33%; margin-top: 60px;}
	.main-menu-con ul li:nth-child(3n+1){clear: both;}
	.main-menu-con ul li a{display: block; height: auto;}
	.main-menu-con ul li a .img{position: static;}
	.main-menu-con ul li a .txt .en{display: none;}
	/* 별 */
	.main-menu-con ul li a .img .star-con{display: none;}
 }
@media all and (max-width:800px){
	.main-menu-con.area{padding-top: 45px; padding-left: 0; padding-right: 0;}
	.main-menu-con ul{margin-top: -40px;}
	.main-menu-con ul li{float: left; width: 33.33%; margin-top: 40px;}
	.main-menu-con ul li a{display: block; height: auto;}
	.main-menu-con ul li a .img{position: relative;}
	.main-menu-con ul li a .img span{display: inline-block; height: 95px;}
	.main-menu-con ul li a .img span img{height: 100%;}
	.main-menu-con ul li a .txt{margin-top: 7px;}
	.main-menu-con ul li a .txt .kr{font-size: 20px;}
}
@media all and (max-width:480px){
	.main-menu-con ul li a .txt .kr{font-size: 15px;}
}




/* -------- 메인 컨텐츠 :: 컨텐츠1(베스트메뉴) -------- */
@media all and (max-width:1220px){
	#mainContent .main-bg-con{height: auto; background: url("../images/main/main_con01_bg.jpg") center 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
}
@media all and (max-width:800px){
	
}




/* -------- 메인 컨텐츠 :: 컨텐츠2(관리 배너) -------- */
@media (max-width:800px) {
	.main-full-banner-box .main-full-banner-left .pc-img, .main-full-banner-box .main-full-banner-right .pc-img{display: none;}
	.main-full-banner-box .main-full-banner-left .m-img, .main-full-banner-box .main-full-banner-right .m-img{display: block; width: 100%; height: 100%;}
	
	.main-full-banner-box{width:100%; height: auto; position: static;}
	.main-full-banner-box .main-full-banner-left{width: 100%; min-width: auto; height: auto; position: static;}
	.main-full-banner-box .main-full-banner-right{width: 100%; min-width: auto; height: auto; position: static;}
}