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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner {padding-left: 10rem;}
	.main-visual-dots {left: 0; margin-top: 22rem;}
	.main-visual-dots .slick-dots {padding-left: 13rem; }

	.main-scroll-icon {right: var(--area-padding);}
}
@media all and ( max-width: 800px ){
	
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item {border-radius: 0;}
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner {padding-left: 0;}
	.main-visual-txt-box .main-visual-txt1{font-size:5.4rem}
	.main-visual-txt-box .main-visual-txt1 .txt01 {left: 0;}
	.main-visual-txt-box .main-visual-txt2 {font-size: 1.8rem;}

	.main-visual-dots {left: 0; margin-top: 18rem;}
	.main-visual-dots .slick-dots {padding-left: var(--area-padding);}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}

	.main-rolling-txt {display: none;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */	
	.main-tit-box .main-txt01 {font-size: 3.6rem;}
	.main-tit-box .main-tit-rolling-txt {display: none;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(Product) -------- */
@media all and ( max-width: 1780px ){
	.main-product-list-wrap {padding: 5rem 8rem 5rem 56rem  !important;}
	.main-product-list .swiper-slide .main-product-list-item:first-child a {margin-left: -16rem;}
}
@media all and ( max-width: 1500px ){
	.main-product-left .main-tit-box {width: 52rem;}
	.main-product-right {    width: calc(100% - (82rem + ((100% - 1720px) / 2)));}
	.main-product-list-wrap {padding: 5rem 0 5rem 56rem  !important;}
}
@media all and ( max-width: 1280px ){
	#mainProduct {padding: 10rem 0 4rem;}
	.main-product-con {display: block; height: auto;}
	.main-product-left {position: relative; top: 0;     transform: translateY(0);}
	.main-product-left .main-tit-box  { width: 100%; padding: 0;}
	.main-product-right  {width: 100%;}
	.main-product-btn {padding: 4rem 0 0 0;}
	.main-product-left .main-view-btn {position: absolute; right: 0; bottom: 0;}
	.main-product-list-wrap {height: auto ; padding: 5rem 0 5rem 50.5% !important;}
	.main-product-list-item {height: 100% !important;}
	.main-product-list .swiper-slide .main-product-list-item:first-child a {margin-left: 0;}
	.main-product-list-item a .main-product-tit {margin-top: 1rem;}
	.main-product-con .bottom-txt-wrap {display: none;}
}
@media all and ( max-width: 480px ){
	#mainProduct {padding: 8rem 0 4rem;}
	.main-product-list-item {padding: 1rem;}
	.main-product-list-wrap {padding: 4rem 4rem 4rem 0 !important;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2(Newsroom) -------- */
@media all and ( max-width: 1280px ){
	#mainNewsroom {padding: 10rem 0;}
	.main-news-con-top {flex-wrap: wrap;}
	.main-news-control-box {width: 100%; margin-top: 2rem; justify-content: space-between;}
	.main-news-btn {left: -1rem;}
	.main-news-rolling-txt {right: -70%;}
}
@media all and ( max-width: 800px ){
	#mainNewsroom {padding: 0;}
	.main-news-rolling-txt {display: none;}
	.main-news-con {padding: 8rem 0;}
	.main-news-con:before {width: 100%; border-radius: 0;}
	.main-news-con .inner {padding: 0;}
	.main-news-con-top {margin-bottom: 2.5rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠3(About ROTP) -------- */
@media all and ( max-width: 1280px ){
	.main-about-con {padding: 5rem 0 10rem;}
}
@media all and ( max-width: 800px ){
	.main-about-con {padding: 8rem 0;}
	.main-about-con .main-tit-box {padding: 0;}
	.main-about-list {flex-wrap: wrap; height: auto;}
	.main-about-list li {width: 100%; height: 28rem;}
	.main-about-list li:first-child {border-radius: 0 7rem 0 0;}
	.main-about-list li:last-child {border-radius: 0 0 0 7rem;}
	.main-about-list li a .inner .main-about-tit {font-size: 3rem;}
	.main-about-list li a .inner .more-btn {display: none;}
}


/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1366px){
	#fp-nav{right:10px;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}