@charset "utf-8";
@import url("../ajax/libs/meyer-reset/2.0/reset.css");

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} 

/* font */
@font-face {
	font-family: yoongothic340;
	src: local('yoongothic340'),
		url('http://ymtechne.com/images/fonts/yoongothic340.ttf'); 
}
@font-face {
	font-family: Nanum Gothic;
	src: local('Nanum Gothic'),
		url('http://ymtechne.com/images/fonts/nanumgothic.ttf'); 
}

/* swiper 시작 */
html, body {position:relative; height:100%;}
.swiper-container {width:100%; height:100%; margin-left:auto; margin-right:auto;}
/* swiper 끝 */

body {color:#000; font-size:14px; line-height:1.5em; font-family: 'Nanum Gothic', 'yoongothic340', sans-serif; margin:0; padding:0; letter-spacing:-1px;}
a {color:inherit; text-decoration: none;}
img {max-width:100%; vertical-align: middle; border: 0;}
button {background:none; border:none;padding:0;}

/* 고정 레이아웃 박스 */
.container {width:1176px; margin-left:auto; margin-right:auto;}
.clearFix::after {content:''; display:block; clear:both;}
.blind {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}

/* 공통 스타일 */
/* mobile */
.mOnly {display:none;}

/* 마진 */
.mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;} .mt45 {margin-top:45px;} .mt50 {margin-top:50px;} .mt55 {margin-top:55px;} .mt60 {margin-top:60px;} .mt70 {margin-top:70px;} .mt80 {margin-top:80px;} .mt90 {margin-top:90px;} .mt100 {margin-top:100px;} .mt110 {margin-top:110px;} .mt120 {margin-top:120px;} .mt130 {margin-top:130px;} .mt200 {margin-top:200px;} .mt300 {margin-top:300px;}
.ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml45 {margin-left:45px;} .ml50 {margin-left:50px;} .ml60 {margin-left:60px;} .ml70 {margin-left:70px;} .ml80 {margin-left:80px;} .ml90 {margin-left:90px;} .ml100 {margin-left:100px;}
.mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;} .mr40 {margin-right:40px;} .mr50 {margin-right:50px;} .mr60 {margin-right:60px;} .mr70 {margin-right:70px;} .mr80 {margin-right:80px;} .mr90 {margin-right:90px;} .mr95 {margin-right:95px;} .mr100 {margin-right:100px;} .mr110 {margin-right:110px;}
.mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb35 {margin-bottom:35px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;} .mb55 {margin-bottom:55px;} .mb60 {margin-bottom:60px;} .mb70 {margin-bottom:70px;} .mb80 {margin-bottom:80px;} .mb90 {margin-bottom:90px;} .mb100 {margin-bottom:100px;}
.pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;} .pt45 {padding-top:45px;} .pt50 {padding-top:50px;} .pt55 {padding-top:55px;} .pt60 {padding-top:60px;} .pt70 {padding-top:70px;} .pt80 {padding-top:80px;} .pt90 {padding-top:90px;} .pt100 {padding-top:100px;} .pt110 {padding-top:110px;} .pt120 {padding-top:120px;} .pt130 {padding-top:130px;} .pt140 {padding-top:140px;} .pt150 {padding-top:150px;} .pt300 {padding-top:300px;}
.pl10 {padding-left:10px;} .pl20 {padding-left                                :20px;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .pl50 {padding-left:50px;}
.pr10 {padding-right:10px;} .pr20 {padding-right:20px;} .pr30 {padding-right:30px;} .pr40 {padding-right:40px;} .pr50 {padding-right:50px;}
.pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;}

.bold {font-weight:bold;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

/* header */
.nav {position:relative; z-index:2; text-align:left; height:1185px; background:url("http://ymtechne.com/images/default/content/bg.png") no-repeat center 0; background-size:100% 100%;}
.nav .pcMenu {width:100%; height:33px; padding-top:5px; border-bottom:1px solid #cad0df; text-align:center; margin:0 auto;}
.nav .logo {display:inline-block; margin-top:47px;}
.nav .search {float:right; z-index:1; margin-top:100px;}
.nav .search_input {padding:0 25px 5px 5px; width:200px; border:none; border-bottom:1px solid #3862b3; background:none; font-family:inherit; font-weight:200; font-size:14px; color:#3862b3; box-sizing:border-box;}

/* menu */
.nav .menu {position:relative; width:100%; text-align:center; height:57px; line-height:57px; margin-top:173px; background:#3862b3; font-weight:700; font-size:20px; color:#fff;}
.nav .menu ul li {display:inline-block;}
.nav .menu ul li div:after {content:"/"; margin-left:70px; margin-right:70px;}
.nav .menu ul li:last-child div:after {content:""; margin-left:0px; margin-right:0px;}
.nav .menu ul li a {display:inline-block;}
.nav .menu ul li a {display:inline-block;}

/* home */
.nav .pcMenu .home {float:left;}
.nav .pcMenu .home ul li {display:inline-block;}
.nav .pcMenu .home ul li a {display:inline-block;}

/* lang */
.nav .pcMenu .lang {float:right;}
.nav .pcMenu .lang ul li {display:inline-block;}
.nav .pcMenu .lang ul li a {display:inline-block; }
.nav .pcMenu .lang ul li.ko {margin-right:5px; }
.nav .pcMenu .lang ul li.en {margin-right:5px;}

/* image */
.nav .pcMenu .img1 {z-index:0; margin-top:200px;} 
.nav .pcMenu .cube {margin-top:80px; z-index:-1; text-align:center;}

/* mobileMenu */
.mBtn1 {position:absolute; left:0; top:5px; margin:11px; z-index:5; cursor:pointer;}
.mBtn2 {position:absolute; right:0; top:5px; margin:11px; z-index:6; cursor:pointer;} 
 
.mMenu {display:none; position:absolute; left:0; top:80px; width:100%; z-index:3; background:#3862b3; font-weight:700;}
.mMenu li {border-bottom:1px solid #fff; color:#fff; display:block; /* padding:10px; */  text-align:left; letter-spacing:-0.02em;}
.mMenu li div{padding:10px 0; margin-left:20px;}
.mMenu li ul li{background:#fff; color:#3862b3; padding-left:29px; padding-top:5px; padding-bottom:5px; background:#fff url("http://ymtechne.com/images/default/content/bu.png") no-repeat left 9px;}

.mLang {display:none; position:absolute; left:0; top:80px; width:100%; z-index:4; background:#6e99ec; font-weight:700;}
.mLang li {border-bottom:1px solid #fff; color:#fff; display:block; padding:10px; text-align:left; letter-spacing:-0.02em;}
.mLang li:hover {background:#fff; color:#2c2a29; cursor: pointer;}

/* toilet */
.toilet_wrap .title {text-align:center; font-weight:700; color:#3862b3; font-size:40px; line-height:27px; letter-spacing:-2px;}
.toilet_wrap .s_txt {text-align:center; margin:0 auto; font-weight:200; color:#fff; background:#3862b3; width:250px; font-size:15px;}
.toilet_wrap .toilet_img {display:block; text-align:center;}

/* slide */
.swiper-container {height:628px; margin-top:57px;}
#slideImg1 {height:100%; background:url("http://ymtechne.com/images/default/content/product1.png") no-repeat center 0; background-size:contain;}
#slideImg2 {height:100%; background:url("http://ymtechne.com/images/default/content/product2.png") no-repeat center 0; background-size:contain;}
#slideImg3 {height:100%; background:url("http://ymtechne.com/images/default/content/product3.png") no-repeat center 0; background-size:contain;}
#slideImg4 {height:100%; background:url("http://ymtechne.com/images/default/content/product4.png") no-repeat center 0; background-size:contain;}
#slideImg5 {height:100%; background:url("http://ymtechne.com/images/default/content/product5.png") no-repeat center 0; background-size:contain;}
#slideImg6 {height:100%; background:url("http://ymtechne.com/images/default/content/product6.png") no-repeat center 0; background-size:contain;}

#slideImg1_e {height:100%; background:url("http://ymtechne.com/images/theme1/content/product1_e.png") no-repeat center 0; background-size:contain;}
#slideImg2_e {height:100%; background:url("http://ymtechne.com/images/theme1/content/product2_e.png") no-repeat center 0; background-size:contain;}
#slideImg3_e {height:100%; background:url("http://ymtechne.com/images/theme1/content/product3_e.png") no-repeat center 0; background-size:contain;}
#slideImg4_e {height:100%; background:url("http://ymtechne.com/images/theme1/content/product4_e.png") no-repeat center 0; background-size:contain;}
#slideImg5_e {height:100%; background:url("http://ymtechne.com/images/theme1/content/product5_e.png") no-repeat center 0; background-size:contain;}
#slideImg6_e {height:100%; background:url("http://ymtechne.com/images/theme1/content/product6_e.png") no-repeat center 0; background-size:contain;}

#slideImg1_c {height:100%; background:url("http://ymtechne.com/images/theme2/content/product1_c.png") no-repeat center 0; background-size:contain;}
#slideImg2_c {height:100%; background:url("http://ymtechne.com/images/theme2/content/product2_c.png") no-repeat center 0; background-size:contain;}
#slideImg3_c {height:100%; background:url("http://ymtechne.com/images/theme2/content/product3_c.png") no-repeat center 0; background-size:contain;}
#slideImg4_c {height:100%; background:url("http://ymtechne.com/images/theme2/content/product4_c.png") no-repeat center 0; background-size:contain;}
#slideImg5_c {height:100%; background:url("http://ymtechne.com/images/theme2/content/product5_c.png") no-repeat center 0; background-size:contain;}
#slideImg6_c {height:100%; background:url("http://ymtechne.com/images/theme2/content/product6_c.png") no-repeat center 0; background-size:contain;}

/* video */
.video_wrap {margin:0 auto; text-align:center; }

/* toilet */
.partners_wrap {background:#f2f6ff; padding-top:80px; padding-bottom:65px;}
.partners_wrap .title {text-align:center; font-weight:700; color:#3862b3; font-size:40px; letter-spacing:-2px;}
.partners_wrap .s_txt {text-align:center; margin:0 auto; font-weight:200; color:#fff; background:#3862b3; width:213px; font-size:15px;}
.partners_wrap .partners {display:block; text-align:center;}

/* center */
.center_wrap {padding-bottom:65px;}
.center_wrap .title {text-align:center; font-weight:700; color:#3862b3; font-size:40px; letter-spacing:-2px;}
.center_wrap .s_txt {text-align:center; margin:0 auto; font-weight:200; color:#fff; background:#3862b3; width:160px; font-size:15px;}
.center_wrap .center {position:relative; height:247px; background:url("http://ymtechne.com/images/default/content/center_bg.png") no-repeat center 0;}
.center_wrap .center .center_btn1 {position:absolute; top:101px; left:864px;}
.center_wrap .center .center_btn2 {position:absolute; top:101px; left:1044px;}
.center_wrap .center_e {position:relative; height:247px; background:url("http://ymtechne.com/images/theme1/content/center_bg_e.png") no-repeat center 0;}
.center_wrap .center_e .center_btn1 {position:absolute; top:101px; left:864px;}
.center_wrap .center_e .center_btn2 {position:absolute; top:101px; left:1044px;}
.center_wrap .center_c {position:relative; height:247px; background:url("http://ymtechne.com/images/theme2/content/center_bg_c.png") no-repeat center 0;}
.center_wrap .center_c .center_btn1 {position:absolute; top:101px; left:864px;}
.center_wrap .center_c .center_btn2 {position:absolute; top:101px; left:1044px;}

/* 확대 효과 */
.scale {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.5s ease-in-out 0.1s;}
.scale:hover {opacity:0.5; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}

/* footer */
.foot_wrap {font-size:0.9em; color:#3862b3; height:200px; background:#ecf3ff; }
.foot_wrap .footer {padding-top:58px;}
.foot_wrap .footer .footer_left {float:left;} 
.foot_wrap .footer .footer_center {float:left;}
.foot_wrap .footer .footer_center .add {font-weight:700; font-size:15px; width:500px;}
.foot_wrap .footer .footer_right {float:right;}

/* swiper 스타일 */
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {display:none; background-image: url(http://ymtechne.com/images/default/content/arrowRight.svg);right: 15px; left: auto}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none; background-image: url(http://ymtechne.com/images/default/content/arrowLeft.svg); left: 15px; right: auto;}
.swiper-pagination-bullet-active {opacity: 1; background: #fff;}
.swiper-pagination-bullet {width:12px; height:12px; opacity:0.3;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {display:none;}

/* pc 기기 사이즈 이하 */
@media screen and (max-width: 1200px){
	.pcOnly {display:none !important;}
    .mOnly {display:block;}
	section {overflow:hidden;}
	.container {width:100%; margin:0 auto; text-align:center;}
	.nav {height:315px; margin:0 auto; text-align:center;}
	.mlogo {width:100px; margin-top:20px;}
	.nav .img1 {margin-top:60px; width:50%;} 
	.nav .cube {margin-top:30px; width:50%;}
	.toilet_wrap {margin-top:550px;}
	.toilet_wrap .title {font-size:25px;}
	.toilet_wrap .s_txt {font-size:12px; width:140px; margin-top:-15px;}
	.toilet_wrap .toilet_img {margin-top:0;}
	.swiper-container {height:320px; margin-top:22px;}
	.partners_wrap {padding-top:30px; padding-bottom:30px; margin-top:30px;}
	.partners_wrap .title {font-size:25px;}
	.partners_wrap .s_txt {font-size:12px; width:80px; margin-top:-5px;}
	.partners_wrap .partners {margin-top:0;}
	.center_wrap {margin-top:30px; padding-bottom:0;}
	.center_wrap .title {font-size:25px; }
	.center_wrap .s_txt {font-size:12px; width:110px; margin-top:-5px;}
	.center_wrap .center {font-weight:700; font-size:18px; background:none; color:#3862b3; margin-top:10px; margin-bottom:90px; width:600px; height:177px; margin:0 auto; text-align:center;}
	.center_wrap .center div:nth-child(1) {float:left;}
	.center_wrap .center div:nth-child(2) {float:left;}
	.center_wrap .center div:nth-child(3) {float:left;}
	.center_wrap .center .txt2 {font-size:30px; margin-bottom:30px;}
	.center_wrap .center .center_btn1 {position:relative; display:contents;}
	.center_wrap .center .center_btn2 {position:relative; display:contents; margin-top:100px;}	
}

/* 중간 기기(해상도 낮은 pc) 사이즈 이하 */
@media screen and (max-width: 992px){
	.toilet_wrap {margin-top:470px;}
    .foot_wrap {font-size:0.95em; width:100%; height:320px;}
	.foot_wrap .footer {width:100%;}
	.foot_wrap .footer .footer_left {width:100%; clear:both; text-align:center; width:100%; margin-top:-20px;}
	.foot_wrap .footer .footer_center {width:100%; clear:both; font-size:12px;}
	.foot_wrap .footer .footer_center .add {font-size:13px; margin-top:30px; width:100% ;}
	.foot_wrap .footer .footer_right {width:100%; clear:both;}	
}
@media screen and (max-width: 850px){
	.toilet_wrap {margin-top:340px;}
	.foot_wrap .footer .footer_center .add {width: 100%;}
}
/* 태블릿 사이즈 이하 */
@media screen and (max-width: 768px) {
	.footer img {width:30%;}
	.toilet_wrap {margin-top:280px;}
	.swiper-container {height:118px;}
	.center_wrap .center {width:508px; height:190px;}
	.center_wrap .center div:nth-child(1) {margin-right:16px;}
	.center_wrap .center div:nth-child(2) {margin-right:16px;}
	.toilet_wrap .s_txt {width:200px; }
	.partners_wrap .s_txt {width:170px;}
}
@media screen and (max-width: 550px) {
	.toilet_wrap {margin-top:200px;}
	.center_wrap .center {width:200px; display: inline-grid; height:552px;}
	
}
@media screen and (max-width: 400px) {
    .foot_wrap {height:290px;}
	.toilet_wrap {margin-top:110px;}
	.footer img {width:50%;}
	.center_wrap .center {width:200px; display: inline-grid; height:552px;}
	.center_wrap .center div:nth-child(1) {margin-right:0;clear:both;margin-bottom:20px;}
	.center_wrap .center div:nth-child(2) {margin-right:0;clear:both;margin-bottom:20px;}
	.center_wrap .center div:nth-child(3) {clear:both;}
	.container {width:100%; margin:0 auto; text-align:center;}
}