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

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1780px ){
	.main-scroll-icon {right: var(--area-padding);}
}
@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 {width: 35rem;} */
	.visual-logo {width: 35rem;}
	.main-visual-txt-box .main-visual-txt3 {top: 0; margin-left: -13rem;}
}
@media all and ( max-width: 800px ){
	/* 메인 레이아웃 */
	.main-wrap:before {bottom: -5rem; background-position: 50% 20%;}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner {padding-bottom: 15rem;}
	.main-visual-txt-box .main-visual-txt1{font-size:6.6rem; margin-left: -0.2rem;}	
	.main-visual-txt-box .main-visual-txt3 {left: 0; margin-left: 0; font-size:1.6rem; margin-top: 2rem;}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots-wrapper{bottom:5rem;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display:none !important;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit{font-size:4.5rem; margin-left: -0.1rem;}
	.main-tit-box .main-tit.ta-l {margin-left: -0.1rem}
}

/* -------- 메인 컨텐츠1 :: Eatnovation -------- */
@media all and ( max-width: 800px ){ 
	.main-eatnovation-con .main-tit-box {margin-bottom: 5rem;}
	.main-eatnovation-img {height: 30rem;}
	.main-eatnovation-con {padding: 10rem 0;}
	.main-eatnovation-con .main-tit-box {text-align: left; padding-right: 0;}
}

/* -------- 메인 컨텐츠2 :: Product -------- */
@media all and ( max-width: 1280px ){
	.main-prd-list li:first-child {padding-top: 0;}
	.main-prd-list li:last-child {padding-top: 0;}
	.main-product-con .swiper-container {overflow: visible;}
	.main-prd-controls {display: block;}
}
@media all and ( max-width: 800px ){
	.main-product-con {padding: 10rem 0;}
	.main-product-top {flex-wrap: wrap; justify-content: start; border-bottom: 0; padding-bottom:0;}
	.main-product-top .main-tit-box {width: 100%; margin-bottom: 4rem;}
	.main-prd-list {padding-top: 0;}
	.main-prd-list li a {padding: 5rem 0 3rem; height: 56rem;}
	.main-prd-list li a .txt-box {padding: 0 3rem;}
	.main-prd-list li a .txt-box .main-prd-tit {font-size: 3rem; padding-bottom: 3rem;}
	.main-prd-list li a .img-box {padding-top: 4rem;}
	/* 공통 rotate-circle */
	.cm-rotate-circle {width: 6rem; height: 6rem;}
	.cm-rotate-circle:before {display: none;}
	.cm-rotate-circle .inner-circle i {font-size: 2rem;}
}

/* -------- 메인 컨텐츠3 :: Global Business -------- */
@media all and ( max-width: 1280px ){
	.main-global-container.display-pc {display: block;}
	/* .main-global-container.display-m {display: none;} */
}
@media all and ( max-width: 800px ){
	.main-global-con {padding: 10rem 0;}
	.main-global-con .main-tit-box {text-align: left;}
	/* .main-global-container.display-pc {display: none;}
	.main-global-container.display-m {display: block;} */
}

/* -------- 메인 컨텐츠4 :: Public Relations -------- */
@media all and ( max-width: 1280px ){
	#mainNews {padding-bottom: 10rem;}
	.main-news-con > .area {flex-wrap: wrap;}
	/* 왼쪽 탭 */
	.main-news-left {width: 100%; margin-bottom: 6.5rem;}
	.main-news-tab-list {display: flex;}
	.main-news-tab-list li:first-child {margin-right: 1.2rem;}
	/* 오른쪽 리스트 */
	.main-news-right {width: 100%;height: auto;}
	.main-news-item:nth-child(odd) {transform: translateY(0);}
	.main-news-list {margin: 0; flex-wrap: initial;}
	.main-news-item {margin: 0;}
	.main-news-item a {padding: 5rem 7.5% 6rem;}
	.main-news-cover {padding: 5rem 7.5% 6rem;}
	/* 바 */
	.main-news-controls {display: block;}
}

/* -------- 메인 컨텐츠5 :: Inquiry -------- */
@media all and ( max-width: 1280px ){
	#mainInquiry {padding: 20rem 0; margin-top: 0;}
}
@media all and ( max-width: 800px ){
	#mainInquiry {padding: 15rem 0 10rem;}
	.main-inquiry-con {flex-wrap: wrap;}
	.main-inquiry-con .main-tit-box {width: 100%; margin-bottom: 6rem;}
}