@charset "utf-8";

	
	/*** MAIN VISUAL ***/

	.fp-tableCell{overflow: hidden!important;}

	/* Main Visual */
	.mainVisualWrap{position: relative;}
	.mainVisualWrap:before,
	.mainVisualWrap:after{content: '';position: absolute; top:0;left:0;width: 60px;height: 100vh;z-index: 111;background-color: #fff;}

	.mv_sec {position:relative;height:100vh;max-width:1800px;margin:auto;overflow: hidden;}

	/* Main Slider Start Effect */
	.mv_list {transition:5s;}

	/* Main Slider Height */
	.mv_sec .owl-theme .owl-item {opacity:0;width: 100%;overflow: hidden;}
   .mv_sec .owl-theme .owl-item.active{opacity:1}

	.mv_sec .owl-theme .item {position:relative;width:100%;height:100vh;overflow:hidden;z-index:1;}
	.mv_sec .owl-theme .active .item {z-index:2;}

    .mv_sec .owl-theme .item .img {position: absolute;top: 110px;left: 0;width: 100%;height: 100%;transform:scale(1.18);  transition: all 1.5s ;/*  transition-delay: 1.7s */}
	.mv_sec .owl-theme .active .item .img {transform:scale(1);transform:rotate(0.001deg); transform: scale(1.0); transform: perspective(500px) rotate(.001deg)/* ;background-color: #333 */;}

	.mv_sec .owl-theme .active .item .img video{display: block; width:1800px;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);overflow: hidden;}
/* 	.mv_sec .owl-theme .active .item .img.video{background: url(../../images/main/mainVisual__img1.png) no-repeat 80% center; background-size: cover}  */

	.mv_sec .owl-theme .item.mv02 .img{background: url(../../images/main/mainVisual__img2.jpg) no-repeat center center; /* background-size: cover; */}
	.mv_sec .owl-theme .item.mv03 .img{background: url(../../images/main/mainVisual__img3.jpg) no-repeat center center; background-size: cover;}

	.mv_sec .mv_slog {position: absolute;top:37.5%;left: 50%;transform:translateX(-50%);width: 100%;max-width: 1200px;box-sizing:border-box;text-align: center;color: #fff;}

	.mv_sec .mv_slog .t1 {opacity: 0;position: relative;top:60px;display: block;font-size:3.125rem;font-weight: 700;line-height: 1.2;text-transform: uppercase;transition:.8s;}
	.mv_sec .mv_slog .t2 {opacity: 0;position: relative;top:60px;margin: 35px 0 60px;font-size: 1.125rem;line-height: 1;font-weight: 400;transition:1.2s;}
	.mv_sec .mv_slog .mainVisual__more {opacity: 0;position: relative;top:60px;display: block;width: 200px;margin: auto;font-size: 1.125rem;line-height: 55px;color: #fff;background-color: #6da0cc;font-weight: 500;transition:1.4s;box-sizing:border-box;}

	.mv_sec  .owl-item.active .mv_slog .t1{top:0; opacity: 1;} 
	.mv_sec  .owl-item.active .mv_slog .t2{top:0; opacity: 1;} 
	.mv_sec  .owl-item.active .mv_slog .mainVisual__more{top:0; opacity: 1;} 

	/* main visual dot */
	.mv_sec .owl-dots,
	.mv_sec .owl-nav{display: none !important;}
	


	/* fullpage nav */
	#fp-nav.fp-right {top: calc(50% + 100px );right: 87px !important;margin-top:115px;}
	#fp-nav ul li{width:7px;height: 7px;margin: 0 0 33px 0;}
	#fp-nav ul li span{display: none !important;}
	#fp-nav ul li a{position: relative;width:100%;height: 100%;border-radius:50% !important;background-color: #c0c0c0;transition:none}
	#fp-nav ul li a:before{display: none;position: absolute;top:50%;left:-127px;transform:translateY(-50%);width:110px;font-size:0.813em;font-weight: 500;color: #6da0cc;text-align: right;text-transform: uppercase;font-family: 'Montserrat',sans-serif;}
	#fp-nav ul li:nth-child(1) a:before{content: 'Main';}
	#fp-nav ul li:nth-child(2) a:before{content: 'products';}
	#fp-nav ul li:nth-child(3) a:before{content: 'about';}
	#fp-nav ul li:nth-child(4) a:before{content: 'news & notice';}
	#fp-nav ul li:nth-child(5) a:before{content: 'quick menu';}
	#fp-nav ul li a.active{background-color: #6da0cc;}
	#fp-nav ul li a.active:before{display: block;}
i
	#fp-nav ul li a.color:before{color: #fff;}



	#fp-nav ul li a:after{content: '';position: absolute;top: -10px; left: -10px;/* transform:translateY(-50%); */width: 27px;height: 27px;border: 1px solid transparent;box-sizing:border-box;border-radius:50% !important;}
	#fp-nav ul li a.active:after{border-color: #6da0cc;-webkit-animation: ball-scale 1s 0s linear infinite;animation: ball-scale 1s 0s linear infinite;}

	


	/* scroll icon */
	.icon--scroll{position: absolute;bottom:60px;left:50%;transform:translate(-50%);z-index: 99;cursor:pointer;animation-name: scroll;animation-direction: alternate;animation-iteration-count: infinite; animation-duration: .8s; }

	.t4{position: absolute;bottom:65px;left:50%;transform:translateX(-50%);width:1600px;z-index: 99;font-size:1.125rem;color: #fff;text-transform: uppercase;text-align: right;}

	@keyframes scroll{
		from{bottom:75px;},
		to{bottom:60px;}
	}



	/* 메인공통 */
	.mns_inner{padding-top: 191px;box-sizing:border-box;}

	.main__title{position: relative;text-align: center;padding-top: 30px;margin-bottom:55px;font-size: 2.5rem;line-height: 1;text-transform: uppercase;}
	.mns5_wrap .main__title{margin-bottom: 60px;}
	.main__title:after{content: '';position: absolute;top:0;left:50%;transform:translateX(-50%);width:32px;height: 5px;background-color: #6da0cc;}


	/* 전체 공통 */
	.af:after{content: '';display: block;clear: both;}
	.w1800{width:1800px;margin:auto}
	.w1600{width:1600px;margin:auto}
	.w1320{width:1320px;margin:auto}
	.w1265{width:1265px;margin:auto}
	.w1200{width:1200px;margin:auto}

	/* 버튼 퍼짐 효과 공통 */
	.ball-scale {position: absolute;top: 50%;transform:translateY(-50%); width: 100%;height: 100%;filter:Alpha(opacity=0);-moz-transition:all 0.7s, opacity 1.0s;-ms-transition:all 0.7s, opacity 1.0s;-webkit-transition:all 0.7s, opacity 1.0s;	-o-transition:all 0.7s, opacity 1.0s;transition:all 0.7s, opacity 1.0s;}
	.ball-scale > div:nth-child(2) { -webkit-animation-delay: -2s; animation-delay: -2s;}
	.ball-scale > div {border-radius: 100%; position: absolute;  top: -20px;left:-20px;opacity: 0;  margin: 0; width: 100px; height: 100px;background-color: #6da0cc;  
		-webkit-animation: ball-scale 3s 0s linear infinite;  
		animation: ball-scale 3s 0s linear infinite;
	}

	@keyframes ball-scale {
		0% {
			-webkit-transform: scale(0.33);
			transform: scale(0.33);
			opacity: 0.5; 
		}
		5% {
			opacity: 1; 
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 0; 
		}  
	}

	@-webkit-keyframes ball-scale {
		0% {
			-webkit-transform: scale(0.33);
			transform: scale(0.33);
			opacity: 0.3; 
		}
		5% {
			opacity: 0.8; 
		}
		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 0; 
		}  
	}

	.ball-scale > div:nth-child(2) {   -webkit-animation-delay: -2s;
		animation-delay: -2s; 
	}



/*DONGKWANG PRODUCTS  */
.product__contents {padding: 0 10px;box-sizing:border-box;}
.product__contents .product__leftWrap{float: left;width: 37.289%;margin-right: 1.583%;}
.product__contents .product__leftWrap .productBox{width: 100%;height: 560px;padding: 60px;box-sizing:border-box;background: url(../../images/main/product__img1.png) no-repeat center;    background-size: cover;}
.product__contents .product__rightWrap{float: left;width: 61.128%;}
.product__contents .product__rightWrap .productBox{width: 100%;height: 270px;padding: 48px 60px;box-sizing:border-box;background: url(../../images/main/product__img2.png) no-repeat center;    background-size: cover;}
.product__contents .product__rightWrap .productBox:nth-child(2){margin-top: 20px;background: url(../../images/main/product__img3.png) no-repeat center;}
.product__contents .productBox a{display: block;width: 100%;height: 100%;}

.product__contents .productBox em{display: block;font-size:1.875rem;font-weight: 500;}
.product__contents .productBox p{margin:8px 0 17px;color: #666;line-height: 1.75;}
.product__contents .productBox button{display: block;width: 140px;font-size:0.938rem;line-height: 40px;font-weight: 500;text-align: center;border:1px solid #b6b6b6;box-sizing:border-box;transition:0.3s;}



/* ABOUT DONGKWANG */
.aboutWrap{background: url(../../images/main/about__bg.png) no-repeat center;background-size:cover;}
.about__contents{width: 100%;height: 490px;overflow: hidden;border-bottom:6px solid #b3d2ed;box-shadow: 7px 7px 15px rgb(0,0,0,0.15);}
.about__contents li{position: relative;float: left;width: 25%;height: 490px;}
.about__contents li .aboutBox{position: absolute;bottom:-66px;width: 100%;height: 196px;background-color: #fff;padding-top:35px;text-align: center;box-sizing:border-box;transition:0.3s;box-shadow: -2px -2px 23px rgba(0,0,0,0.05)}
.about__contents li .aboutBox .about__subTitle{display: block;font-size:0.938em;line-height: 1.2;color: #79a6cf;font-weight: 500;}
.about__contents li .aboutBox .about__title{display: block;margin:5px 0 23px;font-size:1.563rem;font-weight: 500;}
.about__contents li .aboutBox button{opacity:0;width: 110px;margin:auto;font-size:0.938rem;line-height: 35px;font-weight: 500;color: #fff;text-align: center;background-color: #6da0cc;transition:0.3s;}



/* DONGKWANG NEWS & NOTICE */
.newsWrap{background: url(../../images/main/news__bg.png) no-repeat center;background-size:cover;}
.news__contents ul li{margin-bottom: 10px;}
.news__contents ul li:last-child{margin-bottom: 0;}
.news__contents ul li a{display: block;width: 100%;height: 130px;padding: 0 57px 0 45px;box-sizing:border-box;border:1px solid #fff;background-color: #fff;transition:0.3s;}
.news__contents ul li a span{float: left;line-height: 130px;}
.news__contents ul li a span.news__date{width: 175px;font-size:1.75rem;font-weight: 600;}
.news__contents ul li a span.news__title{width: calc(100% - 220px);padding-right: 5%;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.news__contents ul li a span.news__button--move{float: right;width:45px;line-height: 130px;}
.news__contents ul li a span.news__button--move button{display: inline-block;width: 45px;height: 45px;line-height: 130px;background: url(../../images/main/news__arrow.png) no-repeat center;border:1px solid #ddd;border-radius:50%;box-sizing:border-box;transition:0.3s;}

.news__button--more{display: block;width:200px;margin:40px auto 0;line-height: 53px;border:1px solid #6da0cc;color: #6da0cc;text-align: center;transition:0.3s;}



/* QUICK MENU */
.quick__topWrap ul li{float: left;width: 25%;padding-left: 45px;box-sizing:border-box;text-align: center;}
.quick__topWrap ul li a{display: block;}
.quick__topWrap ul li figure,
.quick__bottomWrap .quick__questionList ul li figure{transition:0.3s;}
.quick__topWrap ul li em{display: block;margin:27px 0 10px;font-size:1.5rem;line-height: 1.2;font-weight: 500;}
.quick__topWrap ul li p{line-height: 1.75;color: #666;}

.quick__bottomWrap{height: 190px;margin-top: 110px;background: url(../../images/main/cs__bg.png) no-repeat center;background-size:cover;}
.quick__bottomWrap .quick__cs{float: left;margin-top: 57px;padding-left: 60px;box-sizing: border-box;}
.quick__bottomWrap .quick__cs em{float: left;padding-left: 33px;margin-top:5px;margin-right: 55px;font-size:1.5rem;line-height: 1;font-weight: 500;background: url(../../images/main/icon--tel.png) no-repeat left center;;}
.quick__bottomWrap .quick__cs div{float: left;font-size:;font-weight: 500;}
.quick__bottomWrap .quick__cs div a{display: block;margin-bottom: 3px;font-size:2.5rem;line-height: 1;color: #6da0cc;font-weight: 500;}
.quick__bottomWrap .quick__cs div p{font-size:1.125rem;color: #666666;line-height: 1.555;font-weight: 400;}

.quick__bottomWrap .quick__questionList{float: right;margin-top: 40px;}
.quick__bottomWrap .quick__questionList ul li{float: left;width: 238px;height: 110px;text-align: center;box-sizing: border-box}
.quick__bottomWrap .quick__questionList ul li:first-child{border-right:1px solid #d9d8d8;box-sizing: border-box;}
.quick__bottomWrap .quick__questionList ul li em{position: relative;display: inline-block;margin-top:6px;font-size:1.25rem;font-weight: 500;}
.quick__bottomWrap .quick__questionList ul li em:after{content: '';position: absolute;top:10px;right:-24px;width: 8px;height: 11px;background: url(../../images/main/cs__arrow.png) no-repeat center}












/* 800px이하 호버효과 제거 */
@media (min-width:800px){

	/*main visual
	.mv_sec .mv_slog .mainVisual__more:hover{background: none;border: 2px solid #6da0cc;color: #fff;}*/

	/*DONGKWANG PRODUCTS  */
	.product__contents .productBox:hover button{background-color: #6da0cc;color: #fff;border:1px solid #6da0cc;}

	/* ABOUT DONGKWANG */
	.about__contents li:hover .aboutBox{bottom: 0;}
	.about__contents li:hover .aboutBox button{opacity:1;}

	/* DONGKWANG NEWS & NOTICE */
	.news__contents ul li:hover a{border:1px solid #6da0cc;}
	.news__contents ul li:hover a span.news__date{color:#6da0cc;}
	.news__contents ul li:hover a span.news__button--move button{background: url(../../images/main/news__arrowH.png) no-repeat center;border-color: #6da0cc}
	.news__button--more:hover{border:1px solid #6da0cc;color: #fff;background-color: #6da0cc;}

	/* QUICK MENU */
	.quick__topWrap ul li:hover figure{transform:translateY(-20px);}
	.quick__bottomWrap .quick__questionList ul li:hover figure{transform:translateY(-6px);}

}