@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2018-03-27
******************************************************** */
/* ******************  메인 비주얼 ********************** */
@media all and (max-height:700px) and (min-width:480px) {
	#mainVisual {min-height:700px;}
}
@media all and ( max-width: 1720px){
	/* 메인 비주얼 :: 텍스트 */
	#mainVisual .slick-dots{left:65px}
}
@media all and (max-width:1220px){
	/* 메인 비주얼 :: 버튼 */
	#mainVisual .slick-dots {width:100%; top:auto; left:0; bottom:100px;text-align:center; -webkit-transform:translateY(0);  transform:translateY(0); }
	#mainVisual .slick-dots li{display:inline-block; margin:0; margin:0 30px; }
	#mainVisual .slick-dots li a{padding-left:0; width:25px; height:25px;}
	#mainVisual .slick-dots li a:before{left:0;}
	#mainVisual .slick-dots li a:after{left:8px;}
	#mainVisual .slick-dots li a span{display:none;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	/* 메인 비주얼 :: 버튼 */
	#mainVisual .slick-dots li{margin:0 15px;}
	#mainVisual .slick-dots li.slick-active a:before{transform:scale(1.69); }
	#mainVisual .slick-dots li.slick-active a:after{transform:scale(1.6);}
	/* 메인 비주얼 :: 타이틀 */
	.main-txt-box h2{font-size:30px}
}
@media all and ( max-width: 480px ){
	/* 메인 비주얼 :: 텍스트 */
}
/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 컨텐츠1(퀵메뉴) -------- */
@media all and (max-width:1366px){
	#mainQuickMenu {bottom:50px;}
	.main-quick-menu-list .quick-menu-item .quick-menu-item-inner {padding:0 30px;}
}
 @media all and (max-width:800px){
	#mainQuickMenu  {position:static; padding:50px 0;}
	.main-quick-menu-list{margin: -1% 0;}
	.main-quick-menu-list .quick-menu-item {width:100%; margin:1% 0;}
	.main-quick-menu-list .quick-menu-item a {height:90px;}
	.main-quick-menu-list .quick-menu-item .quick-menu-item-inner {padding:0 38px;}
	.main-quick-menu-list .quick-menu-item .item-txt-box{bottom:10%;}
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-tit{margin-bottom:0; font-size:21px;}
	.main-quick-menu-list .quick-menu-item .item-txt-box .item-sub-tit{display:none;}
	.main-quick-menu-list .quick-menu-item .item-txt {display:none;}
}