/*main layout*/ 
.mainCon > div#main3 { z-index:0; }
.mainCon h3 { font-family: 'Nunito Sans', sans-serif;  color:#fff; font-weight:700; font-size:85px; line-height:120%; text-transform:uppercase; }
.mainCon > div > article { width: 100%; transition:all .3s; -webkit-transition:all .3s; }
.mainCon > div > article:not(.bestBox) .inner2 { height:100%; /* min-height:900px; */ min-height: 100vh; display:table; overflow-y:auto;  }
/* .mainCon i.tit { position:absolute; top:0; left:0; transform:rotate(90deg) translate(45%, 550%); width:209px; font-size:11px; font-style:normal; text-align:right; color:#0071e3; font-family: 'Nunito Sans', sans-serif; border-bottom:2px solid #0071e3; z-index:5; text-transform:uppercase; } */

/*mainVisual*/
#mainVisual { height:100%; }
#mainVisual .slick-list ,
#mainVisual .slick-track { height:100%;  }
#mainVisual .item { height:100vh; position:relative; }
#mainVisual .item > div { height:100%; position:relative; display:table; }
#mainVisual .item > div h2 { display:table-cell; vertical-align:middle; color:#fff; font-weight:700; font-size:84px; line-height:110%; font-family: 'Nunito Sans', sans-serif; text-transform:uppercase; text-shadow: 1px 2px 5px #666;}

.countVs { position:absolute; bottom:5%; left:0; width:100%; z-index:5; }
.countVs .inner2 { height:auto; }
.countVs span { display:inline-block; vertical-align:top; color:#fff; font-size:16px; }
.countVs p { display:inline-block; vertical-align:top; width:60px; height:1px; background:rgba(255,255,255,.3); margin:10px 10px 0; position:relative; }
.countVs p i { position:absolute; top:0; left:0; width:0; height:1px; background:#fff;  }




.toggle img:last-child { display:none; }
.toggle.on img:last-child { display:block; }
.toggle.on img:first-child { display:none; }


/*best*/
.bestBox { background:#111; opacity:.9999; height:100%; } 
.bestBox .slick-list { height:100%;  }
.bestBox .slick-track { height:100%;  }
.bestBox .item { height:100%; position:relative; display:table; }
.bestBox .item .scroll { position:absolute; top:45%; left:40%; transform:translate(-50%, -50%); z-index:20; }
.bestBox .item .leftS { display:table-cell; vertical-align:middle; position:relative; z-index:5; color:#fff; padding:10vw 0;  }
.bestBox .item .leftS .stit { /* font-size:17px; */ font-size:20px;  text-transform:uppercase; }
.bestBox .item .leftS dl { margin-top:7vw; color:#fff; }
.bestBox .item .leftS dt img { width:34%; }
.bestBox .item .leftS dt span { display:block; margin-top:2vw; font-size:25px; font-family: 'Nunito Sans', sans-serif;  }
.bestBox .item .leftS dd { margin-top:3vw; min-height: 3em; color:rgba(255,255,255,.7); /* font-size:19px; */ font-size:22px; line-height: 1.5; font-weight:300; }
.bestBox .item .leftS .link { margin-top: 10vw; display:inline-block;  }
.bestBox .item .leftS .link a { display:block; position:relative; padding:15px 20px 15px 0; }
.bestBox .item .leftS .link a:before { content:""; display:block; width:58px; height:58px; border:1px solid #fff; border-color: #fff #fff #fff transparent; border-radius:50%; position:absolute; top:0; right:0; z-index:-1; box-sizing:border-box; transition:all .3s; }
.bestBox .item .leftS .link a:hover:before { /*border-width:10px;*/ opacity:.5; }
.bestBox .item .leftS .link a span { display:inline-block; padding:5px; font-family: 'Nunito Sans', sans-serif; color:#fff; /* font-size:14px; */ font-size:16px; text-transform:uppercase; }

.bestBox .item.white{ background: #FFF; }
.bestBox .item.white .leftS .stit{ color: #111; }
.bestBox .item.white .leftS dl{ color: #111; }
.bestBox .item.white .leftS dd{ color: #666; }
.bestBox .item.white .leftS .link a:before{  border-color: #000 #000 #000 transparent; }
.bestBox .item.white .leftS .link a span{ color: #000; }

.bestBox .item .rightS { position:absolute; top:0; right:0; width:60%; height:100%; overflow:hidden; z-index:7; }
/* .bestBox .item .rightS img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);   } */
.product { position:absolute !important; right:0; top:0; z-index:50 }
.threesixty-image-rotate { background:none !important }
.product .images-display img { }
.navigation-bar-wrapper { display:none }
/*추가*/
#img_pdBox { position:absolute !important; left:0; top:50%; transform:translateY(-50%); z-index:50 }
#img_product { max-width: 130%; transform:translateX(-20%); }
.mvDot { position:absolute; bottom:5%; right:30%; transform: translateX(50%); z-index:11; display:inline-block; width:auto;  }
.mvDot .slick-list .slick-track { transform:none !important; width:auto !important; }
.mvDot .item { margin-right:5px; position:Relative; }
.mvDot .item:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } 
.mvDot button { display:block; width:20px; height:20px; color:#fff; font-size:0; text-align:center; position:relative; background:none; border:none; cursor:pointer; }
.mvDot button::before,
.mvDot button::after { box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; }
.spin::before, .spin::after { top: 0; left: 0; }
.spin::before { border: 1px solid transparent; }
.spin:hover::before { border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s; }
.spin::after { border: 0 solid transparent; }
.spin:hover::after { border-top: 1px solid #fff; border-left-width: 1px; border-right-width: 1px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }
.circle { border-radius: 100%; box-shadow: none; }
.circle::before, .circle::after { border-radius: 100%; }
.mvDot .slick-current .spin::before { border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s; }
.mvDot .slick-current .spin::after { border-top: 1px solid #fff; border-left-width: 1px; border-right-width: 1px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s; }


.mvDot.black .item:before{ background: #000; }
.mvDot.black button { color: #000; }
.mvDot.black .spin:hover::before { border-top-color: #000; border-right-color: #000; border-bottom-color: #000; }
.mvDot.black .spin:hover::after { border-top: 1px solid #000; }
.mvDot.black .slick-current .spin::before { border-top-color: #000; border-right-color: #000; border-bottom-color: #000; }
.mvDot.black .slick-current .spin::after { border-top: 1px solid #000; }


 
/*products*/
.pdBox { background:#181818; opacity:.9999; }
.pdBox .swiper { width: 100%; height: 100%; }
.pdBox .swiper-slide { display: flex; justify-content: center; align-items: center; }
.pdBox .swiper-slide:nth-child(odd) { margin-top:3vw; }
.pdBox .swiper-slide a { position:relative; }
.pdBox .swiper-slide dl { color:#fff; position:absolute; bottom:50px; left:50px; z-index:5; font-family: 'Nunito Sans', sans-serif; }
.pdBox .swiper-slide dt { font-size:70px; font-weight:700; line-height:120%; text-transform:uppercase; }
.pdBox .swiper-slide dd { margin-top:25px; /* font-size:20px; */ font-size:24px; font-weight:300; line-height:130%; opacity:.8; }
.cursor { position: fixed; z-index:5; width:117px; height:86px; background: url('/img/main/bg_cursor3.png') no-repeat center;  transition: transform 0.2s; mix-blend-mode: difference; transform: translate(-50%, -50%); pointer-events: none; }

:root {
	--swiper-theme-color:#fff !important; 
}

/*About DRTECH*/
.aboutBox { background:#111; opacity:.9999; position:relative; }
.aboutBox .bdBox { display:table-cell; vertical-align:middle; }
.aboutBox .bdBox ul { margin-top:120px; }
.aboutBox .bdBox li { float:left; width:33.3%; position:relative; box-sizing:border-box; padding:0 2%; transition:all .3s; }
.aboutBox .bdBox li:before { content:""; display:block; width:1px; height:440px; background:#1d1d1d; position:absolute; top:0; left:0; }
.aboutBox .bdBox li:first-child:before { display:none; }
.aboutBox .bdBox h4 { font-family: 'Nunito Sans', sans-serif; color:#fff; text-transform:uppercase; /* font-weight:500; font-size:26px; */ font-weight:600; font-size:28px; line-height:120%; }
.aboutBox .bdBox div { margin-top:30px; width:100%; height:18vw; max-height:285px; overflow:hidden; position:relative; }
.aboutBox .bdBox div img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; max-width:100% !important; }
.aboutBox .bdBox dl { margin-top:25px; }
.aboutBox .bdBox dt { /* font-size:17px; */ font-size:20px; font-weight:300; color:#fff; opacity:.7; }
.aboutBox .bdBox dd { margin-top:20px; color:#fff; font-weight:300; /* font-size:14px; */ font-size:16px; opacity:.3; }
.aboutIntro { width:100%; height:100%; position:absolute; top:0; left:0; z-index:5; background:#111; }
.aboutIntro .bg { width:100%; height:100%; background:url(/img/main/img_intro.png) no-repeat center; background-size:100%; opacity:1; transition:all .3s; }
.aboutIntro h3 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:6; }

.aboutIntro.out { animation:fadeOut 3s; animation-fill-mode:forwards; opacity:0; }
.aboutIntro.out .bg { animation:fadeOut_bg 3s; animation-fill-mode:forwards; }

.aboutBox .inner2 .bdBox li.leftS { transform:translateX(-120%); animation-fill-mode:forwards; }
.aboutBox .inner2.on .bdBox li.leftS { transform:translateX(0); }
.aboutBox .inner2 .bdBox li.rightS { transform:translateX(120%); animation-fill-mode:forwards; }
.aboutBox .inner2.on .bdBox li.rightS { transform:translateX(0); }
.aboutBox .inner2 .bdBox li.centerS { transform:scale(0); animation-fill-mode:forwards; }
.aboutBox .inner2.on .bdBox li.centerS { transform:scale(1); }

@keyframes fadeOut {
	0% { opacity:1; }
	99% { opacity:0; }
	100% { display:none; z-index:-1; }
}
@keyframes fadeOut_bg {
	0% { transform:scale(1); }
	99% { transform:scale(.5); }
	100% { display:none; z-index:-1; }
}

/*CONTACT US*/
.formBox.main { background:#111; }
.formBox.main .leftS { display:table-cell; vertical-align:middle;   }
.formBox.main .leftS .formDefault { margin-top: 30px; /*margin-top:60px; width:50%; max-width:850px; */ width: 100%; max-width: 750px; }
.formBox.main .formDefault li select { border:1px solid #282828; background:url(/img/main/bullet_arrow.png) no-repeat 95% center; } 
.formBox.main .formDefault input[type='text'] { border:1px solid #282828; }
.formBox.main .formDefault textarea { border:1px solid #282828; }
.formBox.main .formDefault .agree { color:#fff; }
.formBox.main .formDefault .agree span { border:1px solid #414141; }
.formBox.main .formDefault .agree span:before { color:#074ea2; }
.formBox.main .formDefault .agree a { border-bottom:1px solid #fff; color:#fff; }
.formBox.main .formDefault .link button:before { border:1px solid #525252; }
.formBox.main .formDefault .link button span { background:#111; color:#fff; }
.formBox.main .rightS { position:absolute !important; top:0; right:0; width:40%; min-width:40%; height:100%; z-index:-1; position:relative; background:url(/img/main/img_contact.png) no-repeat; background-size:cover; }



@media (max-width:1600px) {
	
}

@media (max-width:1400px) {
	/*main layout*/ 
	.mainCon h3{ font-size: 60px; }
}

@media (max-width:1200px) {

	/*main layout*/ 
	.mainCon h3 {  font-size:55px; }
	.mainCon > div > article:not(.bestBox) .inner2 { min-height:auto; }


	/*mainVisual*/
/* 	#mainVisual { height:70vw !important; } */
	#mainVisual .item > div h2 { font-size:45px; }
	.countVs { position:absolute; bottom:5%; left:0; width:100%; z-index:5; }
	.countVs .inner2 { height:auto; }
	.countVs span { display:inline-block; vertical-align:top; color:#fff; font-size:16px; }
	.countVs p { display:inline-block; vertical-align:top; width:60px; height:1px; background:rgba(255,255,255,.3); margin:10px 10px 0; position:relative; }
	.countVs p i { position:absolute; top:0; left:0; width:20%; height:1px; background:#fff; }
  

	/*best*/
	.bestBox .item .leftS { padding:13vw 0; }
	.bestBox .item .leftS .stit { font-size:14px; }
	.bestBox .item .leftS dl { margin-top:3vw; }
	.bestBox .item .leftS dt img { width:36%; }
	.bestBox .item .leftS dt span { margin-top:1.8vw; font-size:1.8vw; }
	.bestBox .item .leftS dd { margin-top:3vw; font-size:1.5vw; }
	.bestBox .item .leftS .link { margin-top:12vw;  }
	/* .bestBox .item .leftS .link a { padding:1.5vw 4vw 1.5vw 0; width:110px; box-sizing:border-box; }
	
	.bestBox .item .leftS .link a:before { width:40px; height:40px; }
	.bestBox .item .leftS .link a:hover:before { border-width:5px; }
	.bestBox .item .leftS .link a span { padding:5px; font-size:11px; } */
	.bestBox .item .scroll { left:45%; top:50%;  }
	.bestBox .item .scroll img { width:60%; text-align:center; }
	.product { width:140% !important; }
	.mvDot .item { margin-right:2px; }
 
	 
	/*products*/
	.pdBox { padding:15vw 0; }
	.pdBox .swiper-slide:nth-child(odd) { margin-top:3vw; }
	.pdBox .swiper-slide dl { bottom:2vw; left:5vw; }
	.pdBox .swiper-slide dt { font-size:4.5vw; }
	.pdBox .swiper-slide dd { margin-top:1vw; font-size:1.5vw; }
  

	/*About DRTECH*/
	.aboutBox .bdBox { padding:10vw 0; }
	.aboutBox .bdBox ul { margin-top:5vw; }
	.aboutBox .bdBox li { padding:0 2%; }
	.aboutBox .bdBox li:before { height:40vw; }
	.aboutBox .bdBox h4 { font-size:2vw;  }
	.aboutBox .bdBox div { margin-top:2vw; height:20vw; max-height:285px; }
	.aboutBox .bdBox dl { margin-top:2vw; }
	.aboutBox .bdBox dt { font-size:1.7vw; }
	.aboutBox .bdBox dd { margin-top:3vw; font-size:1.5vw; }
	
	.aboutIntro .bg { width:100%; height:100%; background:url(/img/main/img_intro.png) no-repeat center; background-size:cover; opacity:1; transition:all .3s; }
	.aboutIntro h3 { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

	.aboutIntro.out { animation:fadeOut 3s; animation-fill-mode:forwards; opacity:0; }
	.aboutIntro.out .bg { animation:fadeOut_bg 3s; animation-fill-mode:forwards; }


	/*CONTACT US*/
	.formBox.main .leftS .formDefault { /*margin-top:5vw; */ margin-top: 3vw; width:100%; max-width:100%; }
	.formBox.main .rightS { width:100%; min-width:100%; opacity:.05; }

}
@media (max-width:650px) {
	/*main layout*/ 
	.mainCon h3 {  font-size:7vw; }

	/*mainVisual*/
	#mainVisual .item > div h2 { font-size:28px; }
	.countVs span { font-size:14px; }
	.countVs p { width:30px; height:1px; margin:10px 5px 0; }


	/*best*/
	.bestBox .item { display:block; }
	.bestBox .item .leftS { display:block; width:100%; padding:8vw 5vw; }
	.bestBox .item .leftS dl { margin-top:3vw; }
	.bestBox .item .leftS dt img { width:80%; }
	.bestBox .item .leftS dt span { margin-top:3vw; font-size:4.5vw; }
	.bestBox .item .leftS dd { margin-top:5vw; font-size:3.5vw; }
	.bestBox .item .leftS .link { margin-top:10vw;  }
	/* .bestBox .item .leftS .link a { padding:7px 4vw 7px 0; width:110px; box-sizing:border-box; } */
	.bestBox .item .rightS { display:block; position:relative; top:inherit; right:inherit; width:100%; height:82vw; }
	/*추가*/
	#img_product { max-width: 100%; transform:translateX(-10%); }

		
	.bestBox .item .scroll { top:68%; left:5%; transform:none;  }
	.bestBox .item .scroll img { width:50%; }
	.product { width:115% !important; }
	.mvDot { bottom:2%; right: 50%; }
	.mvDot .item { margin-right:2px; }


	/*products*/
	.pdBox { padding-left:5vw; }
	.cursor { display:none; }


	/*About DRTECH*/
	.aboutBox .bdBox { padding-left:5vw; }
	.aboutBox .bdBox dt { font-size:2vw; }

	
	/*CONTACT US*/
	.formBox.main { padding:5vw 0 10vw 5vw; }
 

}
@media (max-width:400px) {
	/*mainVisual*/
/* 	#mainVisual { height:90vw !important; } */

}


/* 221123 수정
------------------------------------------------------ */
@media (max-width: 1200px){
	
/* 	#mainVisual .item{height: 100%;} */
}

/* 1129수정 */
/* style="background:url(/img/main/mainVisual1.jpg) no-repeat center; background-size:cover;" */
#mainVisual .item > .video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); min-width: 100%; min-height: 100%;}
#mainVisual .item > .video video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); min-width: 100%; min-height: 110%; }
@media (max-width: 500px){
	.bestBox .item{height: calc(100vh - 70px); margin-top: 70px;}
	.bestBox .item .leftS{height: 50%;}
	.bestBox .item .rightS{height: 50%;}
	.aboutBox .bdBox{padding: 60px 0;}
	.pdBox{padding: 60px 16px}
	.pdBox .swiper{display:flex; align-items:center;}
	.pdBox .swiper-wrapper{flex-wrap:wrap; height: auto;}
	.pdBox .swiper-slide{width: 84%; margin-bottom:20px;}
	.pdBox .swiper-slide:nth-child(odd){margin-top: 0;}
	.pdBox .swiper-slide:last-of-type{margin-bottom:0;}
	.pdBox .swiper-slide:nth-of-type(2n){margin-left: auto;}
	.mainCon > div#main4 article{height: auto;}
	.mainCon > div#main3 article{height: 100vh;}
	.pdBox .swiper-button-next, .swiper-rtl .swiper-button-prev,
	.pdBox .swiper-button-prev, .swiper-rtl .swiper-button-next{display:none; }
	.aboutBox .bdBox li{width: 100%; margin-bottom:20px; padding: 0;}
	.aboutBox .bdBox li:last-of-type{margin-bottom:0;}
	.aboutBox .bdBox dd,
	.aboutBox .bdBox dt,
	.pdBox .swiper-slide dd{font-size:16px;}
	.aboutBox .bdBox h4{font-size:18px;}
	.aboutBox .bdBox li:before{display:none; }
	.aboutBox .bdBox div{height: 130px;}
	.aboutBox .bdBox div img{width: 100%;}
}



/* main - product-menu */
#product { position:relative; z-index: 15; }
#product .product-menu{ position:relative; padding: 100px 0;  z-index:1; }
#product .product-menu .item a{ background: #F5F5F5; }
#product.ov:before { content:''; display:block; width:100vw; height:100vh; background:rgba(0,0,0,0); position:absolute; left:0; top:0; }

@media screen and (max-width: 700px){
	#product .product-menu{ padding: 60px 0; }
}