@charset "utf-8";
body { 
	 font-size:12px; font-family: Dotum, 돋움,arial ; color: #666;-webkit-text-size-adjust:none;
	 padding: 0px; margin: 0px; min-width:320px;
	 -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)
}

a {
	color:#3f3f3f;text-decoration: none;
}
a:hover { text-decoration: none; }
img { margin:0px;border: 0px; }

fieldset { border: 0px;color:#3f3f3f }
table { border-collapse: separate;border-spacing:0px; }
td,th { font-size:12px;color:#3f3f3f;word-break:break-all;word-wrap:break-all;vertical-align:middle}

dl,ul,ol,li,dd,dt { list-style-type: none }
ul,ol, li, dl, dt, dd {  margin:0px; padding:0px}

h1, h2, h3, h4 {  margin:0px; padding:0px;color: #333; }

input,button { vertical-align: middle; font-family: Dotum,arial;}
button {margin:0px;padding:0px}
select { padding-top:0px;vertical-align: middle;font-family: Dotum,arial	}
textarea { -webkit-appearance:none;width:100%;vertical-align: middle;line-height:18px;padding:5px;color:#333;font-size:12px;font-family: Dotum,arial;border:1px #a0aab3 solid;border-radius:0px;box-sizing:border-box;min-height: 60px}

p{margin:0px;padding:0px}

/* body area */

#wrapper{ position:relative;display:block;min-width:1000px;}
#header{position:fixed;z-index:99;width:100%;height:88px;top:0px;left:0px;background:url(../images/head-bg.png) repeat-x 0 0}
#header .logo{ display:inline-block;width:362px;height:61px;margin-top:9px;background:url(../images/head-logo.png) no-repeat 0 0}
#header .btns{ position:absolute;right:0px;top:21px;text-align:right}
#header .btns a{display:inline-block;vertical-align:top;width:0px;height:0px;overflow:hidden}
#header .btns .btn1{padding-top:49px;padding-right:198px;margin-top: -4px;background:url(../images/head-btn1.png) no-repeat 0 -4px}
#header .btns .btn1:hover{background-position:0 100%  }
#header .btns .btn2{margin-left:5px;padding-top:39px;padding-right:143px;background:url(../images/head-btn2.png) no-repeat}
#header .btns .btn2:hover{background-position:0 100%  }
#header .btns .btn3{margin-left:8px;padding-top:39px;padding-right:143px;background:url(../images/head-btn3.png) no-repeat}
#header .btns .btn3:hover{background-position:0 100%  }
#header .langs{ position:absolute;right:10px;top:2px;text-align:center}
#header .langs a{display:inline-block;vertical-align:top;width:0px;height:0px;overflow:hidden ; color:#ddd}
#header .langs a:hover{  color:#036}
#header .langs .btn_jp{width:50px;height:20px;overflow:auto }
#header .langs .btn_cn{width:50px;height:20px;overflow:auto }
#header .langs .btn_ko{width:50px;height:20px;overflow:auto }
#header .langs .btn_en{width:50px;height:20px;overflow:auto }


#footer { display:block;border-top:2px #dadada solid }

.pages{position:relative;display:block;height:1000px;}
#page1{background:url(../images/ipage-backImg.jpg) no-repeat center 0  }
#page2{ height:800px }
#page3{background:url(../images/3page-back.png) repeat-x 0 0  }
#page4{height:2442px;background:url(../images/4page-back.png) repeat-x 0 0  }
#page5{height:1999px;  }
#page6{ height:800px; }
#page7{height:2650px;background:url(../images/7page-back.png) repeat-x 0 0  }

.backDot1{ z-index:2;position:absolute;width:281px;height:550px;top:120px;left:55px;background:url(../images/1page-backDot3.png) no-repeat  }
.backDot2{ z-index:2;position:absolute;width:258px;height:631px;top:120px;left:45%;background:url(../images/1page-backDot2.png) no-repeat  }
.backDot3{ z-index:2;position:absolute;width:281px;height:550px;top:120px;right:10px;background:url(../images/1page-backDot1.png) no-repeat  }


#phone1{ opacity:0;z-index:10;position:absolute;width:268px;height:502px;top:245px;left:35px;_background:url(../images/1page-phone1.png) no-repeat }
#phone2{ display:none;z-index:9;position:absolute;width:227px;height:734px;top:205px;left:210px;_left:110px;background:url(../images/1page-phone2.png) no-repeat }
#text1{ display:none;z-index:10;position:absolute;width:595px;height:70px;top:340px;right:30px;background:url(../images/1page-text1.png) no-repeat }
#text2{ display:none;z-index:9;position:absolute;width:425px;height:56px;top:460px;right:-20px;background:url(../images/1page-text2.png) no-repeat }
#text3{  display:none;z-index:9;position:absolute;width:267px;height:80px;top:450px;right:400px;background:url(../images/1page-price.png) no-repeat }
#subText1{ display:none;z-index:9;position:absolute;width:171px;height:95px;top:250px;right:480px;background:url(../images/1page-subText1.png) no-repeat }
#subText2{z-index:9;position:absolute;width:255px;height:163px;top:235px;right:10px;background:url(../images/1page-subText2.png) no-repeat }
#btns{display:none; z-index:9;position:absolute;width:400px;height:100px;top:558px;right:100px; }
#btns a {display:block;height:87px;background:url(../images/1page-btn.png) no-repeat 0 100%  }
#btns a:hover{background-position:0 0 }

#allPrice{z-index:8;position:fixed;width:100%;height:1px;top:143px;left:0px;}
#allPrice span{position:absolute; left:1000px;width:161px;height:161px;background:url(../images/all-price.png) no-repeat }

#page2 .WrapWid{padding-top:80px;}
#page3 .title{ display:block;text-align:right;padding-top:85px; padding-right:15px; }
#page3 .imgs{ display:block;text-align:center;margin-top:-25px }

#page4 .title{ display:block;text-align:left;padding-top:85px;padding-bottom:50px; padding-left:10px; }
#page4 .imgs{ display:block;text-align:left;}
#page4 .imgs.img1{padding-left:7px;margin-bottom:30px }
#page4 .imgs.img2{margin-bottom:27px;text-align:right;padding-right:7px; }
#page4 .imgs.img3{margin-bottom:84px;padding-left:7px; }
#page4 .imgs.img4{text-align:right;padding-right:10px; }


#page5 .title{ display:block;text-align:center;padding-top:80px;padding-bottom:38px; padding-left:15px; }
#page5 .imgs{ display:block;text-align:center;padding-right:15px}
#page5 .imgs.img1{margin-bottom:5px }
#page5 .imgs.img2{ }

#page6 .imgs{ display:block;text-align:center;padding-top:100px; }
#page7 .imgs{ display:block;text-align:center;padding-top:90px; }


#footer .copy{display:block;padding-top:35px;padding-bottom:20px}
#footer .logo{position:absolute;right:0px;top:20px}

.WrapWid{ position:relative;display:block;width:1000px;margin:0 auto }

@media all and (min-width:320px) and (max-width:1024px){
	
	#header{position:absolute;height:190px;box-shadow:0px 1px 15px rgba(0,0,0,0.8);background-image:none;background-color:#fff;text-align:center}
	#header .logo{margin-top:10px;width:489px;height:102px;background-image:url(../images/head-logo-mo.png);background-size:100% 100%}
	#header .btns{ width:100%;top:130px;text-align:center; }
	_#header .btns a{width:auto;height:auto;text-align:center; background-image:none !important;
					border:2px #97c4e2 solid;font-weight:bold;font-size:14px;border-radius:30px;padding:10px  15px !important;
	}
	#header .btns .btn1{padding-top:55px;padding-right:352px;background-image:url(../images/head-btn1-mo.png) }
	#header .btns .btn2{padding-top:45px;padding-right:255px;background-image:url(../images/head-btn2-mo.png) }
	#header .btns .btn3{padding-top:45px;padding-right:250px;background-image:url(../images/head-btn3-mo.png) }

	#header .langs{ position:absolute;width:100%; top:2px;text-align:center}
	#header .langs a{display:inline-block;vertical-align:top;width:0px;height:0px;overflow:hidden ; color:#ddd;}
	#header .langs a:hover{  color:#036}
	#header .langs .btn_jp{width:50px;height:20px;overflow:auto }
	#header .langs .btn_cn{width:50px;height:20px;overflow:auto }
	#header .langs .btn_ko{width:50px;height:20px;overflow:auto }
	#header .langs .btn_en{width:50px;height:20px;overflow:auto }
	

	#page1{padding-top:100px;height:850px;background-image:url(../images/ipage-backImg-600.jpg);background-size:100% 100% }
	#page3,#page5,#page7{background-image:none;background-color:#f7f7f7}
	#page4{background-image:none;background-color:#fff}
	
	
	#allPrice{top:223px;position:absolute;}
	#allPrice span{position:absolute; left:800px;width:161px;height:161px;background:url(../images/all-price.png) no-repeat }
	

	#phone1,#phone2{ -webkit-transition: left .2s ease; }
		


	.WrapWid{box-sizing:border-box}

	#page2{height:auto}
	#page2 .WrapWid{padding-top:0px;}

	#footer .copy{margin-left:20px;}
	#footer .logo{right:20px}

	
}