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

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1760px){
	.main-visual-txt-box.area-box{max-width: none; padding: 0 calc(var(--area-padding) + 10rem);}
	.main-scroll-icon {left: 2.2%;}
}
@media all and ( max-width: 1280px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box.area-box{padding: 0 calc(var(--area-padding) + 7.5rem);}
	.main-visual-txt-box .main-visual-txt1{margin-left: -7rem; margin-bottom: -4.5rem;}
	.main-visual-txt-box .main-visual-txt1 img{max-width: 56rem;}
	.main-visual-txt-box .main-visual-txt2{font-size:7.5rem;}
	.main-visual-txt-box .m-br{display: none;}
	/* Line */
	.visual-line-box{margin-top: 9rem;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box.area-box {padding: 0 var(--area-padding);}
	.main-visual-txt-inner{width: 100%; padding-bottom: 20rem;}
	.main-visual-txt-box .main-visual-txt1{display: none;}
	.main-visual-txt-box .main-visual-txt2{font-size:6rem; line-height: 1.1; text-align: center;}
	.main-visual-txt-box .main-visual-txt3{display: none;}
	.main-visual-txt-box .m-br{display: block;}
	/* Line */
	.visual-line-box{display: none;}
	/* 메인 비주얼 :: 텍스트 :: active효과 */
	.active-item .main-visual-txt2{animation-delay:0.3s;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and (max-width:1280px){
	#mainContainer{padding-bottom: 0;}
	.main-tit-box{text-align: center;}
}
@media all and (max-width:800px){
	.main-tit-box .main-tit{font-size:5rem; line-height: 1.1;}
	.main-tit-box .main-tit.has-btn{padding-right: 3.4rem;}
	.main-tit-box .main-tit.has-btn a{top: -0.7rem; right: 0; font-size: 2.6rem;}
	.main-tit-box .main-sub-tit{margin-top:2rem; font-size:2.2rem; line-height:1.3;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠1(제품) -------- */
@media all and (max-width:1760px){
	/* 제품 선택 탭 */
	.main-product-tab{right: 0;}
	/* 제품 설명 컨텐츠 */
	.main-product-img{transform: scale(0.9); transform-origin: center bottom;}
}
@media all and (max-width:1280px){
	#mainProductCon .area-box{padding: 0;}
	.main-product-con .main-tit-box{position: static; padding: 0 var(--area-padding);}

	/* 제품 선택 탭 */
	.main-product-tab{display: none;}

	/* 제품 설명 컨텐츠 */
	.main-product-list{width: 100%;}
	.main-product-item{width: 100%;}
	.main-product-box{position: relative; width: 100%; height: auto;}

	.main-product-info{margin-top: 8rem; padding: 0 var(--area-padding); padding-bottom: 11rem; position: relative; top: auto;}
	.main-product-info .tit{font-size: 2.6rem; line-height: 1.3;}
	.main-product-info .txt{margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.47;}
	.main-product-info .btn-list{position: absolute; bottom: 0; left: calc(var(--area-padding) - 0.6rem); right: calc(var(--area-padding) - 0.6rem); margin: 0;}
	.main-product-info .btn-list li,
	.main-product-info .btn-list li + li{margin: 0 0.6rem; width: calc(50% - 1.2rem);}
	.main-product-info .btn-list li a{padding: 0 2rem; width: 100%; height: 6rem; font-size: 1.7rem; font-weight:500; justify-content: space-between; box-sizing: border-box;}
	.main-product-info .btn-list li a i{font-size: 2.6rem;}
	.main-product-info .btn-list li a span{display: block;}
	.main-product-info .more-btn{margin-top: 2.5rem;}
	.main-product-info .more-btn a{font-size: 1.7rem; line-height: 3rem;}
	.main-product-info .more-btn a i{margin-left: 1.5rem; font-size: 2.2rem;}

	.main-product-img{margin-top: 2rem; transform: scale(1);}

	.main-product-more-btn{margin: 6rem var(--area-padding) 0; padding-top: 2.5rem; border-top: 1px solid #ddd; display: block; display: flex; align-items: center; justify-content: center;}
	.main-product-more-btn a{font-size: 1.9rem; line-height: 4rem; letter-spacing: -0.015em; font-weight: 700; color: #000; display: flex; align-items: center;}
	.main-product-more-btn a i{margin-left: 4.5rem; font-size: 2.6rem; transition:var(--transition-custom); transition-property: transform;}
	.main-product-more-btn a:hover i{transform: translateX(0.5rem);}
}
@media all and (max-width:800px){
	#mainProductCon{padding:8rem 0;}
	#mainProductCon:before{display: none;}
	.main-product-bottom-txt{display: none;}

	.main-product-img {padding-top: 100%;}
	.main-product-img .img.pc-ver{display: none;}
	.main-product-img .img.m-ver{display: block;}
	.main-product-img .txt{display: none;}

	.main-product-more-btn{margin: 0rem var(--area-padding) 0;}

	.main-product-list .slick-arrow{top: 30%; width: 25px; height: 9.7rem;}

	/* 이미지슬라이드 팝업 */
	.popup-main-prd-box .slick-arrow.slick-prev{left: -4.5rem;}
	.popup-main-prd-box .slick-arrow.slick-next{right: -4.5rem;}
	.popup-main-prd-box .slick-arrow i {font-size: 3rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(GLOBAL MAXBRIO) -------- */
@media all and (max-width:1600px){
	.main-global-right {width: 85%; right: 0;}
}
@media all and (max-width:1280px){
	#mainGlobalCon{padding:11rem 0;}
	#mainGlobalCon .main-tit-box{padding-right: 0;}
	.main-global-logo{display: none;}

	.main-global-container{margin: 5rem 0 3rem; justify-content: center;}
	.main-global-left{width: 100%; position: static; transform: translateY(0);}

	.main-global-right{position: relative; right: 0; width: 100%;}
	.global-map-container-JS{display: flex; justify-content: center;}

	.nation-circle img{opacity: 1;}
}
@media all and (max-width:800px){
	#mainGlobalCon{padding:8rem 0;}

	.main-global-container{margin: 5rem 0 3rem;}
	.main-global-info-list{width: 100%;}
	.main-global-info-item{padding: 2rem 1rem;}
	.main-global-info-item .num{font-size: 3rem;}
	.main-global-info-item .num b{font-size: 5rem;}
	.main-global-info-item .tit{margin-top: 1rem; font-size: 2.3rem; line-height: 1.3;}
	.main-global-info-item .txt{margin-top: 0.5rem; font-size: 1.8rem; line-height: 1.5;}

	.main-global-right{width: 140%; margin-right: 7%;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(NEWS·EVENTS) -------- */
@media all and (max-width:1780px){
	.main-customer-left{padding-left: calc(var(--area-padding)*3); box-sizing: border-box;}
	.main-customer-svg-box.on svg{transform: translate(6%, 0px);}
}
@media all and ( max-width: 1600px ){
	#mainCustomerCon .main-tit-box .main-tit {font-size: 6.5rem;}
}
@media all and ( max-width: 1280px ){
	#mainCustomerCon{background-color: #222;}
	.main-customer-con{padding: 10rem 0 15rem; height: auto; z-index: 1;}
	.main-customer-con:before{display: none;}
	.main-customer-con > .area-box{display: block;}
	/* News :: 왼쪽 영역 */
	.main-customer-left{position: static; padding-left: 0; padding-top: 0; width: 100%; text-align: center;}
	#mainCustomerCon .main-tit-box .main-tit {font-size: 7.4rem;}
	/* News :: 카테고리 */
	.main-customer-tab-box{margin-left: 0; margin-top: 3rem;}
	.main-customer-tab-list{display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
	.main-customer-tab-item + .main-new-tab-item{margin-top: 0; margin-left: 5rem;}
	.main-customer-tab-item a{line-height: 1.5;}
	/* News :: 링크 리스트 */
	.main-customer-link-box {margin-top: 5rem;}
	.main-customer-link-list{flex-direction: initial; align-items: center; justify-content: center;}
	.main-customer-link-item + .main-customer-link-item{margin-top: 0; margin-left: 1rem;}
	/* News :: 오른쪽 리스트 */
	.main-customer-right{margin-top: 0; width: 100%; padding-top: 8rem; height: auto; position: relative; z-index: 11;}
	.swiper-container-vertical > .swiper-wrapper.main-customer-list {flex-direction: column;}
	.main-customer-list{margin: 0; flex-wrap: initial;}
	.main-customer-item{margin: 0; margin-bottom: 0; opacity: 1 !important;}
	.main-customer-item:nth-child(odd){transform: none;}
	/* svg */
	.main-customer-svg-con{bottom: 0; width: 100%; height:32rem;}
	.main-customer-svg-box.on svg{transform: translate(1.5%, 0px);}
}
@media all and ( max-width: 800px ){
	.main-customer-con{padding: 10rem 0 12rem;}
	/* News :: 왼쪽 영역 */
	#mainCustomerCon .main-tit-box .main-tit{font-size:5rem;}
	.main-customer-left .main-tit-box .main-sub-tit{display: none;}
	/* News :: 카테고리 */
	.main-customer-tab-item a{font-size: 2.4rem; line-height: 1.5;}
	/* News :: 링크 리스트 */
	.main-customer-link-box{margin-top: 4rem; display: none;}
	/* News :: 오른쪽 리스트 */
	.main-customer-right{padding-top: 6rem; padding-right: 0; height: auto;}
	.main-customer-item{height: auto;}
	.main-customer-item a{padding: 3rem 7.8% 5rem;}
	.main-customer-txt{margin-top: 5rem;}
	.main-customer-item .category{font-size: 1.8rem;}
	.main-customer-item .tit{margin-top: 2rem; max-height: 2.72em; font-size: 2.2rem; line-height: 1.36; display: -webkit-box; -webkit-line-clamp: 2;}
	.main-customer-item .date{margin-top: 3.5rem; font-size: 1.55rem;}
	/* cover */
	.main-customer-cover{display: none;}
	/* svg */
	.main-customer-svg-con{bottom: 0; height:20rem;}
}
@media all and ( max-width: 480px ){
	/* News :: 왼쪽 영역 */
	#mainCustomerCon .main-tit-box .main-tit{font-size:4.5rem;}
}