@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */
@media all and ( max-width: 1280px ){
	
}
/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	.main-slide-wrapper {display: block !important;}
	.main-visual-slide {height: 100vh !important;}
	.main-slide-controls {display: none;}
	.main-visual-txt-inner {padding-bottom: 7rem;}
	.main-visual-con {}

	.main-visual-slide.active .main-txt-effect {animation: scrollEffectDiv 1.5s ease-in-out forwards;}
	.main-visual-slide.active .main-txt-effect p{animation: scrollEffectP 1.5s ease-in-out forwards;}
	.main-visual-slide.active .main-txt-effect p:nth-child(4n-3){animation-delay:0.3s;}
	.main-visual-slide.active .main-txt-effect p:nth-child(4n-2){animation-delay:0.4s;}
	.main-visual-slide.active .main-txt-effect p:nth-child(4n-1){animation-delay:0.5s;}
	.main-visual-slide.active .main-txt-effect p:nth-child(4n){animation-delay:0.6s;}

}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */

	/* 메인 비주얼 :: 제품 */
	.main-visual-prd-img .main-visual-prd .prd {top: 60%; left: 30%;}
	.main-visual-prd-img .main-visual-prd2 .prd {top: 69%; left: 47%;}
	.main-visual-prd-img .main-visual-prd2 .light {top: 60%; left: 52%;}

	@keyframes light_ani01 {
		0% {
			opacity: 0.2;
			transform: rotate(0deg) scale(0.8);
		}

		20% {
			opacity: 0.8;
		}

		70% {
			opacity: 0.5;
		}

		100% {
			transform: rotate(180deg) scale(0);
			opacity: 0;
		}
	}

	@keyframes prdAni {
	  0% {
		transform: scale(0.68,0.68);
	  }
	  100% {
		transform: scale(0.6,0.6);
	  }
	}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-inner {padding-bottom: 4rem;}
	.main-visual-txt-box .main-visual-txt1 {margin-bottom: 1rem;}
	.main-visual-txt-box .main-visual-txt2 {font-size: 4.8rem; }
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 1280px ){
	.animated .main-txt-effect {animation: scrollEffectDiv 1.5s ease-in-out forwards;}
	.animated .main-txt-effect p{animation: scrollEffectP 1.5s ease-in-out forwards;}
	.animated .main-txt-effect p:nth-child(4n-3){animation-delay:0.3s;}
	.animated .main-txt-effect p:nth-child(4n-2){animation-delay:0.4s;}
	.animated .main-txt-effect p:nth-child(4n-1){animation-delay:0.5s;}
	.animated .main-txt-effect p:nth-child(4n){animation-delay:0.6s;}
}
@media all and ( max-width: 800px ){
	.main-tit-box .main-sub-tit {margin-bottom: 1rem;}
	.main-tit-box .main-tit {font-size: 4.8rem;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(Dentium Product) -------- */
@media all and ( max-width: 1440px ){
	.main-prd-list li a .tit {font-size: 2.6rem;}
}
@media all and ( max-width: 1280px ){
	.main-brand-con-wrap {position: relative; z-index: 1; transform:none !important;}
	.main-prd-con {padding: 15rem 0 10rem; display: block;}
	.main-prd-left {width: 100%; margin-bottom: 5rem;}
	.main-prd-right {width: 100%;}

	.animated .main-prd-list li {opacity: 1; transform: translateX(0); }
}
@media all and ( max-width: 800px ){
	.main-prd-con {padding: 15rem 0 13rem;}
	.main-prd-list .slick-list {overflow: visible;}
	.main-prd-list li a .tit {font-size: 2rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(Overseas Forum) -------- */
@media all and ( max-width: 1580px ){
	.main-banner-wrap {padding:  15rem var(--area-padding);  box-sizing: border-box;}
}
@media all and ( max-width: 1280px ){
	.main-banner-con {padding-right: 0;}
	.main-banner-con.animated .main-banner-box.box01,
	.main-banner-con.animated .main-banner-box.box02,
	.main-banner-con.animated .main-banner-box.box03 {opacity: 1; transform: translateX(0); }
	.main-banner-con {margin: 0 1rem;}
	.main-banner-con .main-banner-box:not(.box03) {width: calc(((100% - 34.6rem) / 2) - 2rem); margin: 0 1rem;}
	.main-banner-con .main-banner-box.box03 {    width: 32.6rem; margin: 0 1rem;}
	.main-banner-con .main-banner-box .inner {padding: 4.5rem 4rem 4rem;}
	.main-schedule-list { padding: 4rem 1.5rem 0 2rem;}
	.main-schedule-list .inner-list {padding-right: 2rem;}
}
@media all and ( max-width: 800px ){
	.main-banner-wrap {padding:  10rem var(--area-padding); }
	.main-banner-con {height: auto; margin: -1rem 0;}
	.main-banner-con .main-banner-box {width: 100% !important; height: 39.6rem; margin: 1rem 0 !important;}
	
	.main-banner-con .main-banner-box .inner {padding: 4rem 3rem;}
	.main-banner-con .main-banner-box .inner .box-tit {padding-top: 0;}

}

/* -------- 메인 컨텐츠 :: 컨텐츠3(Dentium Newsroom) -------- */
@media all and ( max-width: 1580px ){
	.main-news-wrap {padding:  14rem var(--area-padding);  box-sizing: border-box;}
}
@media all and ( max-width: 1280px ){
	.main-news-con .swiper-container {overflow: visible;}
	.main-news-list li a .txt-box {padding-right: 5rem;}
}
@media all and ( max-width: 800px ){
	.main-news-con-top {display: block;}
	.main-news-con-top .main-view-btn {margin: 2rem 0 4rem;}
	.main-news-list li a {display: block; padding: 3rem 2rem 2rem;}
	.main-news-list li a .txt-box {width: 100%; padding-right: 0; margin-bottom: 3rem;}
	.main-news-list li a .txt-box .txt {font-size: 2rem;}
	.main-news-list li a .img-box {width: 100%;}
	.main-news-list li a .img-box .img img  {width: 100%;}
	.main-news-list li a .txt-box .date {font-size: 1.4rem; margin-top: 2.5rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠4(Global Networks) -------- */
@media all and ( max-width: 1780px ){
	.main-global-txt-con.main-brand-con .inner .main-tit-box {left: var(--area-padding);}
	.main-global-txt-con.main-brand-con .inner .main-brand-txt-con {right:var(--area-padding) ;}
}
@media all and ( max-width: 1280px ){
	.main-global-bg-con {top: 0;}
	.main-global-con {}
	.main-global-txt-con.main-brand-con .inner .main-tit-box ,
	.main-global-txt-con.main-brand-con .inner .main-brand-txt-con {bottom: 6rem;}
}
@media all and ( max-width: 800px ){
	.main-global-bg-con {top: 0;}
	.main-global-con {height: calc(100vh + 6rem);}
	.main-global-bg-con{height: 100vh;}
		
	.main-global-txt-con.main-brand-con .inner .main-tit-box {bottom: auto; top: 0;}
	.main-global-txt-con.main-brand-con .inner .main-brand-txt-con {bottom: 4rem; left: var(--area-padding); right: auto;  text-align: left; align-items: flex-start; justify-content: flex-start;}

	.main-brand-txt-con dl {padding-left: 0; text-align: left;}
	.main-brand-txt-con dl + dl {margin-top: 2rem;}
	.main-brand-txt-con dl dt {font-size: 6rem;}
	.main-brand-txt-con dl dd {padding-top: 2rem;}

}

/* -------- 메인 컨텐츠 :: 푸터 -------- */
@media all and ( max-width: 1280px ){
	.main-footer-box {position: relative; transform: translateY(0);}
}