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

/* ******************  공통 :: 레이아웃 ********************** */
@media all and ( max-width: 1024px ){
	#fullpage .section:not(#mainVisual,#prdVisualCon){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{padding-top:0; height:0 !important;}
}

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1740px ){	
	/* 메인 비주얼 :: Dots */
	.main-visual-dot,
	.main-visual-controls .btn-wrap{margin-right:0}

}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box{justify-content:center; text-align:center}
	.main-visual-txt-con .main-visual-txt1{font-size:7rem}
	.main-visual-txt-con .main-visual-txt2{margin-bottom:5rem}
	/* 메인 비주얼 :: Dots */
	.main-visual-dot-wrap,
	.main-visual-controls{bottom:4rem}
	.main-visual-dot li,
	.main-visual-controls .controls-btn{width:calc(33.333% - 1.5rem)}
	/*.main-visual-dot li .dot-txt,
	.main-visual-controls .controls-btn .dot-txt{display:none}*/
	.main-visual-controls .controls-btn .dot-txt{font-size:1.6rem}
}
@media all and ( max-width: 480px ){	
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-con .main-visual-txt1{font-size:4.8rem}
	/* 메인 비주얼 :: Dots */
	.main-visual-controls .controls-btn .dot-txt{font-size:1.6rem; text-align:center; font-size:1.3rem; line-height:1.3; margin-bottom:1rem}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 컨텐츠1(프로모션 비디오) -------- */
@media all and ( max-width: 1024px ){
	#mainPromotionVideo{padding:10rem 0}
	/* 프로모션 비디오 :: 영상 */
	.promotion-video{width:100%}
	/* 프로모션 비디오 :: 텍스트 */
	.promotion-txt{position:relative; right:0; top:0; margin:-3rem 5% 0 0}
	.promotion-txt .sm-txt br{display:none}
}
@media all and ( max-width: 800px ){	
	#mainPromotionVideo{padding:7rem 0}
	/* 프로모션 비디오 :: 영상 */
	/* Circle */
	.promotion-video .visual-circle-box{margin-top:-3%}
	.promotion-video .visual-circle-box .circle-box{transform:scale(0.5)}
	.promotion-video .visual-circle-box .txt{margin:-2.5rem 0 0 0.5rem}
	/* 프로모션 비디오 :: 텍스트 */
	.promotion-txt .big-txt{font-size:7.5rem}
	.promotion-txt .sm-txt{font-size:2rem; margin-top:4rem}
	.promotion-txt .more-btn{margin-top:3rem}
}
@media all and ( max-width: 480px ){	
	/* 프로모션 비디오 :: 텍스트 */
	.promotion-txt .big-txt{font-size:5rem}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(메뉴링크/제품정보) -------- */
@media all and ( max-width: 1366px ){	
	/* 프로모션 비디오 :: 제품정보 */
	/* 서브 */
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl{padding:0 calc(6% + 30px) 0 9.5%}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl dt{font-size:2.2rem}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl dd{font-size:1.4rem}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl dd br{display:none}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li .plus-icon{right:6%}
}
@media all and ( max-width: 1024px ){	
	.main-prd-con-wrap{display:flex; flex-direction:column-reverse}
	.main-prd-con-wrap > article{display:block; }
	/* 프로모션 비디오 :: 메뉴링크 */
	.main-prd-con-wrap .lf-link-con{width:100%; margin-top:6rem}
	.main-prd-con-wrap .lf-link-con .link-box{display:block; height:auto}
	.main-prd-con-wrap .lf-link-con .link-box .box-inner{max-width:none; padding:30px 3rem; box-sizing:border-box}
		
	/* 프로모션 비디오 :: 제품정보 */
	.main-prd-con-wrap .rt-prd-con .rt-con-inner{display:block}
	.main-prd-con-wrap .rt-prd-con .rt-con-inner > div{display:block}
	/* 메인 */
	.main-prd-con-wrap .rt-prd-con .main-con .main-con-inner{padding-top:73%}
	.main-prd-con-wrap .rt-prd-con .main-con .main-con-item .main-prd-txt{padding-top:10%}
	/* 탭 */
	.prd-tab-list{border:0}
	.prd-tab-list span{background-color:rgba(255,255,255,0.25); border:0; margin:0 1px; width:calc(33.333% - 2px)}
	.prd-tab-list span.active,
	.prd-tab-list span:hover,
	.prd-tab-list span:focus{background-color:#0971ce; color:#fff}
	/* 서브 */
	.main-prd-con-wrap .rt-prd-con .sub-con{width:100%; padding-top:50%}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl{padding:0 7rem 0 3rem}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li .plus-icon{right:3rem}
}
@media all and ( max-width: 800px ){		
	/* 프로모션 비디오 :: 메뉴링크 */
	.main-prd-con-wrap .lf-link-con .link-box .box-inner{padding:35px 15px}

	/* 프로모션 비디오 :: 제품정보 */
	/* 서브 */
	.main-prd-con-wrap .rt-prd-con .sub-con{padding-top:250px}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl{padding:0 35px 0 15px}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li a dl dd{display:none}
	.main-prd-con-wrap .rt-prd-con .sub-con .sub-con-item .sub-prd-list li .plus-icon{right:15px}
}
@media all and ( max-width: 480px ){		
	/* 메인 */
	.main-prd-con-wrap .rt-prd-con .main-con .main-con-inner{padding-top:390px}
}

/* -------- 메인 컨텐츠 :: 컨텐츠3(게시판) -------- */
@media all and ( max-width: 1024px ){	
	.main-board-area{display:block; height:auto}
	.main-board-area > div{display:block}
	/* IR */
	.main-ir-con .area-1445{padding-top:7rem; padding-bottom:7rem}
	/* IR :: 주가 */
	.main-ir-con .ir-state-con .tit{top:7rem; left:15px}

	/* 게시판 */
	.main-board-con .board-con-inner{padding:7rem 0}
	.main-ir-con .ir-notice-con .ir-notice-arrow{left:-4rem}
}
@media all and ( max-width: 960px ){	
	/* IR */
	.main-ir-con .area-1445{display:block}
	.main-ir-con .ir-state-con, .main-ir-con .ir-notice-con{float:none; width:100%}
	/* IR :: 주가 */
	.main-ir-con .ir-state-con .tit{position:relative; top:auto; left:auto; margin-bottom:4rem}
	.main-ir-con .ir-state-con .ir-info .if-detail li{max-width:500px}
	.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item,
	.main-ir-con .ir-state-con .ir-info .if-detail li .detail-item:nth-child(2n){width:50%}
	/* IR :: 게시판 */
	.main-ir-con .ir-notice-con{margin-top:5rem; min-height:auto}
	.main-ir-con .ir-notice-con .ir-notice-slide ul{margin:0 -8px}
	.main-ir-con .ir-notice-con .ir-notice-slide ul li{width:calc(50% - 16px); margin:0 8px}
	.main-ir-con .ir-notice-con .ir-notice-slide ul li a{padding:8%}
	.main-ir-con .ir-notice-con .ir-notice-slide .slick-dots{text-align:center; margin:2rem 0 0}
	.main-ir-con .ir-notice-con .ir-notice-slide .slick-dots li{background:transparent !important; display:inline-block; width:auto; float:none; margin:0 5px}
	.main-ir-con .ir-notice-con .ir-notice-slide .slick-dots li button{font-size:0; width:7px; height:7px; background-color:#d0d1d3; border-radius:50%}
	.main-ir-con .ir-notice-con .ir-notice-slide .slick-dots li.slick-active button{background-color:#818181}

	/* 게시판 */
	.main-board-con .board-con-inner{margin:0; padding-bottom:4rem}
	.main-board-con .board-con{float:none; width:100%; margin:0}
	.main-board-con .board-con:last-child{margin-top:8rem}
}