@charset 'utf-8';

/* °ψΕλ */
.inner1600 { max-width:1600px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner1440 { max-width:1440px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner1400 { max-width:1400px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inner1200 { max-width:1200px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


/*header*/
#wrap { width:100%; overflow: hidden; }
header { width: 100%; height: 100px; position: absolute; top: 0; left: 0; z-index:99; transition:all .3s; -webkit-transition:all .3s; }
header h1 { position: absolute; top: 32px; left: 40px; }
header nav { min-width:1200px; width:100%; max-width:1600px; box-sizing:border-box; text-align: center; margin: 0 auto;  }
header .rightBox { position: absolute; top: 40px; right: 40px; }
#gnb { text-align: center; margin-top: 35px; }
#gnb > li { display: inline-block; width:105px; margin:0 46px; position: relative; }
#gnb > li > a { font-size:18px; color: #fff; font-family: "Montserrat"; text-transform: uppercase; padding-bottom:100px; }
#gnb > li ul { display: none; width: 200px; padding:15px 0; overflow: hidden; position: absolute; top: 40px; left: 50%; margin-left:-100px; border-top:2px solid #faaf28; background: #fff; }
#gnb > li li { line-height:200%;  font-size:15px; }
#gnb > li li a { color: #888; }
#gnb > li li a i { display: none; }
#gnb > li li:hover a { color: #faaf28; }
.right { position: absolute; top: 35px; right: 60px; }
.right > p { float: right; }
.lang { margin-right: 60px; }
.lang li { float: left; }
.lang li:before { content: ""; display: block; width:1px; height:10px; background: #a2a4a4; float: left; margin:8px 15px 0; }
.lang li:first-child:before { display: none; }
.lang li a { display: block; float: left; font-size:20px; color: rgba(255,255,255,.5); line-height:120%; font-family: 'Blinker', sans-serif; }
.lang li.on a { color: #fff; }
.cateM { position: relative; top:-22px; right: 0; width:30px; height:22px; }
.cateM i { height:2px; background: #faaf28; position: absolute; top: 0; right: 0; font-size:0; cursor:pointer; }
.cateM i:first-child { width: 30px; }
.cateM i:nth-child(2) { width: 20px; top: 10px; }
.cateM i:last-child { width: 30px; top: 20px; }
header:hover { background: rgba(255,255,255,.45); }
header:hover #gnb > li > a { color: #888; }
header:hover #gnb > li:hover > a { color: #faaf28; }
header:hover .cateM i { background: #faaf28; }	 
header:hover .lang li a { color: #999; }
header:hover .lang li.on a { color: #faaf28; } 


/*mobileCateogry*/
.mobileNav { height: 100%; width: 280px; right: 0; top: 0; z-index: 99999; position: fixed;  overflow: hidden; transition:all .3s; -webkit-transition:all .3s; transform:translate3d(100%,0,0); -webkit-transform:translate3d(100%,0,0); display:none \9;  }
.mobileNav.on { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); display:block \9; }
.m_bg { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8);  z-index: 9999; opacity:0; transition:all .3s; -webkit-transition:all .3s; overflow: hidden; }
.m_bg.on { opacity:1; display: block; }
.mobileNav > div { position:absolute; right:0; height:100%; width:280px; background:#faaf28; }
.mobileNav .top { overflow: hidden; height: 80px; margin:0 10px; box-sizing:border-box; position: relative; }
.mobileNav .top h1 { margin-top:25px; float: left; }
.mobileNav .top .closeBtn { display: block; width: 50px; height: 50px; z-index:999; position: absolute; top: 25px; right: 0; overflow: hidden; font-size:0; }
.mobileNav .top .closeBtn:before { content: ""; display: block; width:80%; height:3px; background: #fff; position: absolute; top: 25px; left: 4px; transform:rotate(45deg); transform:rotate(45deg); }
.mobileNav .top .closeBtn:after { content: ""; display: block; width:80%; height:3px; background: #fff; position: absolute; top: 25px; left: 4px; transform:rotate(-45deg); transform:rotate(-45deg);  }

#gnbM { width: 100%; overflow: hidden; margin:0 auto; box-sizing:border-box; padding:0 15px; }
#gnbM > li { overflow: hidden; }
#gnbM > li > a { overflow: hidden; font-size:20px; color: #fff; line-height: 230%; }
#gnbM > li ul { display: none; padding-left:10px; }
#gnbM > li li { line-height:200%; }
#gnbM > li li a { font-size:16px; color: #eee; }
#gnbM > li li a:before { content: "-"; display: block; float: left; margin-right: 5px; }
#gnbM > li li a i { display: none; }
#gnbM > li li.on a { color: #eee; }



/*footer*/
footer { width: 100%; background: #222; box-sizing:border-box; position: relative; padding:30px 0; }
footer > article { width: 1600px; overflow: hidden; margin: 0 auto; color: #888; font-size:15px; }
footer > article ul { margin-top:20px; overflow: hidden; }
footer > article li { float: left; margin-right: 28px; }
footer > article address { margin-top:10px; overflow: hidden; }
footer > article address span { display: inline-block; margin:0 25px 10px 0; }
footer .txt { margin-top:18px; color: #c5c5c5; font-size:15px; line-height: 130%; letter-spacing: -.2px; }
.scrollTop { position: absolute; top: -35px; right: 10px; cursor:pointer; }


@media screen and (max-width:1200px) {

	/*header*/
	header { height: 80px; background:#fff; }
	header h1 { top: 18px; left: 15px; }
	header .rightBox, #gnb { display: none; }
	.right { top: 25px; right: 15px; }


	/*footer*/
	footer { padding:30px 15px 40px; box-sizing:border-box; }
	footer > article { width: 100%; }
	footer > article ul { margin-top:20px; overflow: hidden; }
	footer > article li { margin-right: 20px; }
	footer > article address span { margin:0 20px 5px 0; }
	footer .txt { margin-top:15px;  }
	.scrollTop { position: absolute; top: -35px; right: 10px; cursor:pointer; }
	.scrollTop img { width: 65px; height: 65px; }

	
}