/* COMMON */
dl, ul, ol, menu, li{list-style-type: none;}
address, caption, cite, code, dfn, em, var{font-style:normal;}

#wrap{background:;}
.section{position:relative; width: 100%; height: 100%; box-sizing:border-box; overflow:hidden;}

@media (max-width:1240px){
#fp-nav{display:none;}
}

/* section1 */

#myVideo{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; 
background-size:100% 100%;
background-color:black; /* in case the video doesn't fit the whole page*/
background-image:/* our video */;
background-position:center center;
background-size:contain;
object-fit:cover; /*cover video background */
z-index:3;
}

/* Arrows */
.metis.tparrows{width:38px; height:38px;}
.metis.tparrows:before{line-height:20px;}

/* Bullets */
.ares .tp-bullet{background:rgba(255,255,255,0.35); transition:all 1s ease; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);}
.ares .tp-bullet:hover, .ares .tp-bullet.selected{background:rgba(255,255,255,0.95);}

@media (max-width:1240px){
.tp-bullets.ares{transform:translate(30px, -67px)!important}
}


/* Scrollbar */
.jcore-scroll-bar span{
	width:1px; height:100px; position:absolute; left:0; transform:translate3d(0, -100%, 0);
	background:#f2f2f2;	animation:jcore-scroll-ani ease-in-out 1.5s infinite;
}
@keyframes jcore-scroll-ani{
	0% {
		transform: translate3d(0, -100%, 0);
	}
	100% {
		transform: translate3d(0, 100%, 0);
	}
}
.jcore-scroll-text{
	color:#fff;
	font-family:Roboto;
	font-size:12px;
	font-weight:400;
	line-height:1;
	padding:0;
	text-decoration:none;
	transform:rotate(90deg)!important;
}

.Main-Explain{font-family:Noto Sans KR; }
@media (max-width:768px){
.Main-Explain{}
.Main-Explain br{display:none;}
}



/* section2 */
.sec2{ z-index: 2;}
.sec2 .section2-wrap{position:relative;width:100%; height:100%; display:flex; flex-wrap:wrap; background:#f4f4f4;}
.sec2 .section2-bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.sec2 .section2-bg .swiper-wrapper{width:100%; height:100%;}
.sec2 .section2-bg .article{width:100%; height:100%; overflow:hidden;}
.sec2 .section2-bg .article .group{width:50%; height:100%; position:relative; overflow:hidden;}
.sec2 .section2-bg .article .group:after{display:block; content:""; background:#f4f4f4; position:absolute; top:0; right:0; width:100%; height:100%; transition:1s ease width; z-index:10;}
.sec2.ani .section2-bg .article .group:after{width:0;}
.sec2 .section2-bg .article .img{width:100%; height:100%; transform:scale(1.2); transition:1.3s;}
.sec2 .section2-bg .article.swiper-slide-active .img{transform:scale(1);}
.sec2 .section2-bg.prev .article1{z-index:10;}
.sec2 .section2-bg.prev .article2{z-index:9;}
.sec2 .section2-bg.prev .article3{z-index:8;}

.sec2 .section2-con-wrap{position:relative; width:50%; left:48%; height:100%; background:#f4f4f4; padding:0 0 0 80px; display:flex; flex-wrap:wrap; align-items:center;}
.sec2 .section2-con-wrap .center{width: 100%;}
.sec2 .section2-title{font-size:20px; font-weight:700; color:#333; line-height:1; transform:translate3d(0, 150%, 0); opacity:0;}
.sec2.ani .section2-title{transform:translate3d(0, 0%, 0); opacity:1; transition:1s 0.4s;}
.sec2 .section2-con{margin:68px 0 0; padding:0 80px 0 0;}
.sec2 .section2-con .swiper-wrapper{align-items:center;}
.sec2 .section2-con .swiper-wrapper .group{position:relative; width:100%; z-index:14;}
.sec2 .section2-con .article{position:relative; width:100%!important;}
/*
.sec2 .section2-con .article:before{display:block; content:""; position:absolute; top:50%; left:50%; width:10000%; height:10000%; background:transparent; transform:translate(-50%,-50%);}
*/
.sec2 .section2-con .article .title{font-size:54px; font-weight:700; color:#333; line-height:1;}
.sec2 .section2-con .article .txt1{font-size:18px; font-weight:400; color:#555; line-height:1.4; margin-top:14px; overflow:hidden;}
.sec2 .section2-con .article .element{display:flex; flex-wrap:wrap; margin-top:34px; position:relative; overflow:hidden; list-style-type:none;}
.sec2 .section2-con .article .element:before{content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
/* .sec2 .section2-con .article.article3 .element:before{width:80%;} */
.sec2 .section2-con .article .element li{flex-basis:20%;  padding:32px 4px;}
.sec2 .section2-con .article .element li span{ max-height: 90px;}
.sec2 .section2-con .article .element li img{display:block; margin:0 auto 12px; transform:scale(0.6); transition:2s; max-height: 70px;}
.sec2 .section2-con .article.swiper-slide-active .element li img{transform:scale(1);}
.sec2 .section2-con .article .element li p{font-size:16px; font-weight:400; line-height:1; color:#333; text-align:center; overflow:hidden;}
.sec2 .section2-con .article a{background:#F16D79; font-size:14px; color:#fff; border-radius:50px; padding:4px 18px; text-decoration:none; display:inline-block; margin:20px 0 0;}

.tm_view{display:none;}
.sec2 .section2-con .count_wrap{margin-top:68px; display:flex;}
.sec2 .section2-con .total-wrap{display:flex; flex-wrap:wrap; align-items:flex-end; margin-right:30px;}
.sec2 .section2-con .total-wrap .big{font-size:26px; color:#000; height:30px; overflow:hidden; display:flex; flex-wrap:wrap;}
.sec2 .section2-con .total-wrap .big .num{position:relative; top:0; transition: 0.5s;}
.sec2 .section2-con .total-wrap .big span{position:relative; top:0; height:28px; display:block;}
.sec2 .section2-con .total-wrap .big.prev_act .num{top:-56px;}
.sec2 .section2-con .total-wrap .big.prev .num{top:-28px;}
.sec2 .section2-con .total-wrap .big.next .num{top:-28px;}
.sec2 .section2-con .total-wrap .total{font-size:16px; color:#333;}
.sec2 .section2-con .article.swiper-slide-active .total-wrap .big span{top:-100%; transition:1s;}

.sec2 .section2-con{opacity:0; transform:translateY(10px); position:relative; z-index:100;}
.sec2.ani .section2-con{opacity:1; transform:translateY(0px); transition:1s 1.3s;}
.sec2 .button_g{display:flex;}
.sec2 .button_g .arrow{position:relative; width:48px; height:48px; border:1px solid #777; background:rgba(255,255,255,0.7);}
.sec2 .button_g .arrow:after{display:block; content:""; position:absolute; top:18px; left:21px; width:9px; height:9px; border:1px solid #333; transform:rotate(135deg); border-top:0; border-left:0;}
.sec2 .button_g .arrow + .arrow{border-left:0;}
.sec2 .button_g .arrow.button_next:after{transform:rotate(-45deg); left:16px;}
.sec2 .prod_nav_wrap{position:absolute; bottom:40px; right:40px; width:calc(100% - 80px); z-index:40;}
.sec2 .prod_nav_wrap .prod_nav{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; width:100%;}
.sec2 .prod_nav_wrap .prod_nav .count{display:inline-block; width:auto; font-size:16px; color:#333; text-shadow:0 0 4px #fff; margin-right:30px;}
.sec2 .prod_nav_wrap .prod_nav .count span{font-size:26px; color:#000;}

@media (max-width:1240px){
.sec2 .section2-wrap{position:relative; width:100%; height:100%;}
.sec2 .section2-bg{position:absolute; top:60%; left:0; width:100%; height:40%; overflow:hidden; z-index:9;}
.sec2 .section2-bg .swiper-wrapper{width:100%; height:100%;}
.sec2 .section2-bg .article{width:100%; height:100%; overflow:hidden;}
.sec2 .section2-bg .article .group{top:0; width:100%; height:100%; overflow:hidden;}
.sec2 .section2-bg .article .img{width:100%; height:100%;}

.tm_view{display:block;}

.sec2 .section2-con-wrap{position:relative; width:100%; left:0; height:60%; background:#f4f4f4; display:flex; flex-wrap:wrap; align-items:center; padding:0; z-index:30;}
.sec2 .section2-con-wrap .center{width:93%; margin:0 auto;}
.sec2 .section2-title{font-size:16px;}
.sec2 .section2-con{margin-top:40px; padding:0;}
.sec2 .section2-con .swiper-wrapper .group{position:relative; width:100%; z-index:2;}
.sec2 .section2-con .article{position:relative; width:100%!important;}
.sec2 .section2-con .article:before{z-index:31;}
.sec2 .section2-con .article .title{font-size:32px;}
.sec2 .section2-con .article .txt1{font-size:15px; font-weight:400; color:#555; line-height:1.4; margin-top:12px; overflow:hidden;}
.sec2 .section2-con .article .element{margin-top:22px;}
.sec2 .section2-con .article .element li{padding:12px 4px;}
.sec2 .section2-con .article .element li img{height:28px; margin:0 auto 8px;}
.sec2 .section2-con .article .element li p{font-size:14px;}


.sec2 .section2-con .count_wrap{display:none;}
}

@media (max-width:768px){
.sec2 .section2-con .article .title{font-size:38px;}
.sec2 .section2-con .article .txt1{font-size:13px;}
.sec2 .section2-con .article .element li img{height:22px;}
.sec2 .section2-con .article .element li p{font-size:12px;}
.sec2 .section2-con .article.article3 .element:before{width:100%;}
}


/* section3 */
.sec3{z-index: 3;}
.sec3 .section3-wrap{width:80%; margin:auto;}
.sec3 .section3-title{width:100%; margin:0 0 40px; padding:0 0 60px; border-bottom:2px solid #888;}
.sec3 .section3-title h1{font-size:54px; font-weight:700; color:#333; line-height:1; text-align:center;}
.sec3 .section3-con{display:flex;}
.sec3 .section3-con-l{flex-basis:36%; margin:0 4% 0 0;}
.sec3 .section3-con-l ul{}
.sec3 .section3-con-l ul li{position:relative;}
.sec3 .section3-con-l ul li + li{margin-top:30px;}
.sec3 .section3-con-l ul li input{width:100%; height:45px; padding:10px 0; border:0; border-bottom:1px solid #dadada; background-color:transparent; color:#222; font-size:18px; outline:none;}
.sec3 .section3-con-l ul li label{position:absolute; left:0; top:9px; width:100%; color:#555; font-size:15px; font-family:"Noto Sans KR"; font-weight:400; transition:all .3s; z-index:-1;}
.sec3 .section3-con-l ul li span{position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000; transition:all .5s;}
.sec3 .section3-con-l ul li input:focus ~ label, .section3-inpt li input.on ~ label{top:-15px; color:#000; font-size:13px; font-weight:700;}
.sec3 .section3-con-l ul li input:focus ~ span, .section3-inpt li input.on ~ span{ width:100%; color:#dadada;}
.sec3 .section3-con-l ul li textarea{width:100%; height:121px; display:block; padding:0; border:0; border-radius:0; border-bottom:1px solid #dadada; font-size:13px; line-height:20px; resize:none; outline:none;}
.sec3 .section3-con-l ul li.send{text-align:;}
.sec3 .section3-con-l ul li.send button{font-size:14px; font-weight:500; background:#000; color:#fff; border:none; border-radius:50px; padding:10px 42px;}
.sec3 .section3-con-l ul li textarea::-webkit-input-placeholder{
color:#555; font-size:15px; font-family:"Noto Sans KR"; font-weight:400;}
::-moz-placeholder{
color:#555; font-size:15px; font-family:"Noto Sans KR"; font-weight:400;}
:-ms-input-placeholder{
color:#555; font-size:15px; font-family:"Noto Sans KR"; font-weight:400;}
:-moz-placeholder{
color:#555; font-size:15px; font-family:"Noto Sans KR"; font-weight:400;}

.sec3 .section3-con-r{flex-basis:60%;}
.sec3 .section3-con-r ul{margin:0 0 4%;}
.sec3 .section3-con-r ul li{display:flex; margin:0 0 10px;}
.sec3 .section3-con-r ul li:last-of-type{margin:0 0 0;}
.sec3 .section3-con-r ul li em{width:110px; min-width:110px; font-size:15px; font-weight:700; color:#222; line-height:1;}
.sec3 .section3-con-r ul li p{font-size:14px; font-weight:400; color:#555; line-height:1;}

.root_daum_roughmap .wrap_map{height:318px!important;}

@media (max-width:1240px){
.sec3 .section3-title{margin:0 0 2%; padding:0 0 4%; border-bottom:1px solid #888;}
.sec3 .section3-title h1{font-size:38px;}

.sec3 .section3-con{flex-direction:column;}
.sec3 .section3-con-l{order:2;}
.sec3 .section3-con-l ul li + li{margin-top:20px;}
.sec3 .section3-con-l ul li textarea{height:90px;}
.sec3 .section3-con-l ul li.send button{display:block; margin:auto; padding:10px 82px;}

.sec3 .section3-con-r{order:1; border-bottom:1px solid #888; margin:0 0 2%; padding:0 0 2%;}
.sec3 .section3-con-r ul{margin:0;}
.sec3 .section3-con-r ul li em{width:80px; min-width:80px; font-size:13px;}
.sec3 .section3-con-r ul li p{font-size:13px;}

.section3-map{display:none;}
}
@media (max-width:768px){
.sec3 .section3-title{margin:0 0 4%; padding:0 0 6%;}
.sec3 .section3-title h1{font-size:26px;}

.sec3 .section3-con-r{margin:0 0 4%; padding:0 0 4%;}
}




/* footer */
footer{display:flex; align-items:center; background:#333!important; cursor:auto!important;}
footer .footer-l{margin:0 80px 0 0;}
footer .footer-l img{display:block;}

footer .footer-r{}
footer .footer-r .footer-infor{display:flex;}
footer .footer-r dl{font-size:16px; font-weight:400; line-height:1.4; color:rgba(255,255,255,0.6); display:flex; flex-wrap:wrap;}
footer .footer-r dl dt{margin:0 6px 0 0;}
footer .footer-r dl dd{display:flex; align-items:center;}
footer .footer-r dl dd:after{content:"|"; display:inline-flex; font-size:14px; margin:0 19px;}
footer .footer-r dl:last-of-type dd:after{content:""; display:none; margin:0;}
footer .footer-r em{display:flex; margin:6px 0 0; font-size:16px; font-weight:400; line-height:1; color:rgba(255,255,255,0.8);}
footer .footer-r em br{display:none;}
@media (max-width:1640px){
footer{padding:30px 20px;}
}
@media (max-width:1240px){
footer{flex-direction:column;}
footer .footer-l{margin:0 0 20px;}
footer .footer-r .footer-infor{flex-direction:column;}
footer .footer-r dl{justify-content:center; font-size:14px;}
footer .footer-r dl dd:after{display:none;}
footer .footer-r em{font-size:14px;}
}
@media (max-width:768px){
footer .footer-l img{height:20px;}
footer .footer-r dl{font-size:12px;}
footer .footer-r em{font-size:12px; line-height:1.2; justify-content:center; text-align:center;}
footer .footer-r em br{display:block;}
}