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

/* ******************  메인 헤더 ********************** */
@media all and (max-width:1280px){
	.page-on .main-page #header{transform:none;}
}

/* ******************  메인 비주얼 ********************** */
@media all and (min-width:1921px){
	.main-visual-item .main-visual-img{max-width:91.66%;}
}
@media all and (max-width:1420px){
	.main-visual-txt-box .main-visual-more-btn{left:var(--area-padding);}
}
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box{align-items: flex-end;}
	.main-visual-txt-box .main-visual-txt1{font-size:4.2rem; margin-bottom:22rem; line-height:1.42;}
	/* 메인 비주얼 :: 자세히보기 */
	.main-visual-txt-box .main-visual-more-btn{width:10rem; height:10rem; padding:1.5rem; bottom:3.5rem;}
	.main-visual-txt-box .main-visual-more-btn:before{right:1.5rem; bottom:1.5rem;}
	/* 메인 비주얼 :: dots */
	.slick-dots-wrapper{top:auto; bottom:19rem;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box{display: block; margin-bottom:4rem;}
	.main-tit-box .main-tit{font-size:4.2rem; margin-bottom:1.3rem; margin-right:0;}
	.main-tit-box .main-sub-tit span{display:block;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and (min-width:1921px){
	.main-product-wrap{max-width:91.66%;}
	.main-product-wrap:before{width:100%; background-repeat:repeat; background-size:auto;}
}
@media (min-width:801px) and (max-width:1660px){
	.main-product-slide .slide-item .slide-img{width:100%; height:0; padding-top:43%;}
	.main-product-slide .slide-item .slide-img img{position: absolute; width:auto; top:0; right:0; height:100%;}
}
@media (min-width:801px) and (max-width:1280px){
	.main-product-slide .slide-item .slide-img{padding-top:48%;}
}
@media all and (max-width:1280px){
	#mainContent1{padding-top:11rem;}
	.main-product-slide .slide-item .slide-txt{width:35%; padding:3rem 0; padding-right: var(--area-padding); box-sizing:border-box;}

	.main-product-arrows{bottom:10rem; right:var(--area-padding); width:8rem; height:8rem;}
	.main-product-pagination{bottom:5rem; right:var(--area-padding); width: calc(35% - (1 * var(--area-padding)));}
}
@media all and (max-width:800px){
	.main-product-arrows{display: none;}
	.main-product-pagination{width:calc(100% - (2 * var(--area-padding))); right:auto; left:var(--area-padding); bottom:3rem;}
	.main-product-pagination .pagination-btn{width:16.66%;}

	.main-product-slide .slide-item .slide-img{max-height: 135vw; overflow: hidden;}
	.main-product-slide .slide-item .slide-txt{width:calc(100% - (2 * var(--area-padding))); top:auto; bottom:6rem; right:auto; left:var(--area-padding); padding:0; padding-bottom:3rem; box-sizing:border-box;}
	.main-product-slide .slide-item .slide-txt .sub-tit{font-size:6rem;}
	/* .main-product-slide .slide-item .slide-txt .txt{min-height:8.5rem;} */
}
@media all and (max-width:640px){
	.main-product-slide .slide-item .slide-img{max-height: 145vw;}
}
@media all and (max-width:480px){
	.main-product-slide .slide-item .slide-img{max-height: none;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
@media all and (min-width:1921px){
	#mainContent2 .fp-tableCell{vertical-align: middle;}
}
@media all and (max-width:1280px){
	#mainContent2{padding-top:11rem;}
	.main-market-wrap .market-item .img-box{padding-top:80.9%;}
}
@media all and (max-width:800px){
	#mainContent2{margin-bottom:4rem;}
	.main-market-wrap-scroll{overflow-x:auto; width:calc(100% + (2 * var(--area-padding))); margin-left:calc((-1) * var(--area-padding));}
	.main-market-wrap{flex-wrap: nowrap; width:calc(280% + 5rem + var(--area-padding)); margin-left: var(--area-padding);}
	.main-market-wrap .market-item{margin-top:0; width:calc(33.33% - 1rem); margin-right:1rem;}
	.main-market-wrap .market-item:last-child{margin-right:var(--area-padding);}
	.main-market-wrap .market-item .img-box{width:100%; height:0; padding-top:123.53%; overflow:hidden;}
	.main-market-wrap .market-item .img-box img{max-width:none; height:100%;}
	/* .main-market-wrap .market-item .img-box img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; height:100%; transform: none;} */
}
@media all and (max-width:480px){
	.main-market-wrap{width:calc(495.15% + 5rem + var(--area-padding));}
}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1420px){
	#fp-nav{left:var(--area-padding); top:60%;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}