@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;}
}
@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 .main-visual-txt1{font-size:4rem}
	.main-visual-txt-box .main-visual-txt2{font-size:1.6rem}
	/* 메인 비주얼 :: Dots */
	.main-visual-con .slick-dots-wrapper{text-align:center; bottom:10px;}
	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow{display:none !important;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}
}

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

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and (max-width:1280px){
	.pd-container {flex-direction:column;}
	.mainProductcategory {display:none !important;}
	.mainProductCon {justify-content: center;}
	
	.mainProductlist {width: 100%;}
	.mainProductlist .slick-dots {display:flex; justify-content:center; position: relative; top: 6rem;}
	.mainProductlist .slick-dots li {margin: 0 4px;}
	.mainProductlist .slick-dots li.slick-active button {background: #CD1719;}
	.mainProductlist .slick-dots li button {font-size:0; width: 12px; height: 12px; border-radius:100%; background: rgba(0,0,0,0.2);}
}
@media all and (max-width:800px){
	.pd-total-menu {flex-direction:column; margin: 2rem 0 0;}
	.pd-total-menu li {width: 24rem; height: 4.2rem; margin: 0.5rem 0;}
	.pd-total-menu li a {flex-direction: row; padding: 1.2rem 2rem;}
	.mainProductlist .slick-dots li button {width: 8px; height: 8px;}
	/* .mainProductlist .img-box {width: 24.6rem;} */
	.product-flow-txt {bottom: 10rem;}
	.product-flow-txt p {font-size:12rem;}
	
	#mainContent1 {padding-top: 6rem;}	
	#mainContent1 .main-tit-box .main-sub-tit {font-size:3rem; margin-top: 4rem;}
	#mainContent1 .main-tit-box .main-txt {font-size:1.6rem; margin-top: 1.9rem;}			
}
/* -------- 메인 컨텐츠 :: 컨텐츠2 -------- */
@media all and (max-width:1362px){
	.mainContent2-since-con{
		max-width:none;
		padding: 0 var(--area-padding);
	}	
}
@media all and (max-width:800px){
	#mainContent2 {padding: 14rem 0 8.2rem;}
	
	.main-product-wrapper {display:flex; flex-direction:column;}
	.main-product-container {height: auto; border-radius: 15px !important; background-color:#fff;}
	.main-product-bg {display:none;}
	.main-product-con{width: 100% !important;}
	.main-product-bg-m {display: block; opacity: 1;}
	
	.main-product-item {/* display: table-cell; */ display: table-row; width: 100%; height: 26rem; transition: height 0.4s ease-in-out; margin-bottom: 4px;}
	.main-product-item:last-of-type {margin-bottom: 0;}
	.main-product-inner{padding: 0 1rem; position: relative; justify-content: flex-end; padding-bottom: 3rem;}
	.main-product-bg-m{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity: 0.6;}
	.main-product-item:nth-child(1) .pc-br{display: none;}
	.main-product-item:nth-child(1) .txt{padding: 0;}
	.main-product-item + .main-product-item{border-left: none;}
	.main-product-item .num{font-size: 1.6rem; line-height: 1.3; position: relative;}
	.main-product-item .tit{margin-top: 1rem; font-size: 2.4rem; line-height: 1.3; position: relative;}
	.main-product-item .sub-tit{margin-top: 1rem; font-size: 1.5rem; position: relative;}
	.main-product-item .btn{display:none;}	
	.main-product-cover {bottom: 0;}

	/* active */
	.main-product-item.active{width: 100%; height:26rem; background-color: rgba(0, 0, 0, 0.6);}
	.main-product-item.active .main-product-inner {opacity: 1;}	
	.main-product-item.active .main-product-bg-m{opacity: 1;}
	.main-product-item:nth-child(1).active .pc-br{display: none;}
	.main-product-item:nth-child(1).active .txt{padding: 0;}
	.main-product-item.active .main-product-txt{padding-bottom: 8rem; opacity: 0;}
	.main-product-item.active .main-product-cover .num {font-size:1.8rem;}
	.main-product-item.active .main-product-cover .tit {font-size:3rem;}
	.main-product-item.active .main-product-cover .sub-tit {font-size:1.6rem;}
	.main-product-con.animated:before,
	.main-product-con.animated:after{width: 0%;}
}
@media all and (max-width:800px){
	.mainContent2-since-con {flex-direction:column; margin: 8rem 0 0;} 
	.mainContent2-since-con .logo-box {width: 16.6rem; height: 16.6rem;}
	.mainContent2-since-con .tit-box {width: 100%; text-align:center; margin-left: 0; margin-top: 6rem;}
	.mainContent2-since-con .tit {font-size:2.4rem; margin-top: 2.6rem;}
	.mainContent2-since-con .sub-tit {font-size:2rem;}
}
/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
@media all and (max-width:800px){
	#mainContent3 {margin-top: 7rem;}
	#mainContent3 .main-tit-box.center {text-align:left;}
	.main-notice-list li a {padding: 2.5rem 0;}
	.main-notice-list li .tit-box {width: 100%; flex-direction:column; align-items: flex-start;}
	.main-notice-list li i {display:none;}
	.main-notice-list .date {width: 100%; margin-right: 0; font-size:1.4rem; line-height: 1;}
	.main-notice-list .title {width: 100% !important; font-size:1.6rem; margin-top: 1.2rem;}
	.main-notice-list .category {width: 5rem; height: 2rem; font-size:1.3rem; line-height:2rem; margin-top: 1.2rem; margin-right: 0;}
	.main-notice-list .inner-img {display:none;}
	.notice-more-btn {margin-top: 5rem; height: 5rem; line-height:5rem;}
	.notice-more-btn em {font-size:1.6rem;}
	.notice-more-btn i {font-size:1.6rem;}
}
/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
@media all and (max-width:1820px){
	#mainContent4 {max-width:none; width: calc(100% - (var(--area-padding) * 2)); margin: 15rem var(--area-padding) 11.5rem;}
}
@media all and (max-width:1280px){
	.main-customer-list {padding: 5rem 4.5rem;}
}
@media all and (max-width:800px){
	#mainContent4 {margin:7.6rem var(--area-padding) 8rem;}
	#mainContent4 .main-tit-box .main-tit {font-size:5rem;}
	#mainContent4 .main-tit-box .main-sub-tit {font-size:1.8rem;}
	#mainContent4 .main-tit-box .main-txt {font-size:1.4rem; line-height:1.714em; margin-top: 2rem;}
	#mainContent4 .main-tit-box {width: 100%;}
	.main-customer-con {flex-direction:column-reverse; padding: 5rem 0 2rem;}
	.main-customer-list {width: 100%; margin-top: 5rem; padding: 3rem 2.4rem;}
	.main-customer-list li .tit {font-size:1.6rem;}
	.main-customer-list li .txt {font-size:1.4rem; margin-top: 1rem;}
	.main-customer-list li a {padding: 2rem 0;}		
	.main-customer-list .icon-box {width: 3.8rem;}
}
@media all and (max-width:480px){
	.main-customer-list .icon-box {width: 2.96rem;}
}

/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and ( max-width: 1440px ){
	#rightBar{right:-56px;}
	#rightBar.fixed{visibility:hidden;opacity:0;}
}
/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1366px){
	#fp-nav{right:10px;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}