@charset "utf-8";

/* 노브랜드 common css */

/* @@@@@ mobile @@@@@ */
/* Layout */
#wrap {background:#fff; transition:.8s ease;}
#wrap.wbg #header,#wrap.mainWb #header {background:#fff;}
#wrap.wbg .btn_tm,#wrap.mainWb .btn_tm {background-image:url(../images/common/btn_menuw.png);}
#wrap.wbg .logo a,#wrap.mainWb .logo a {background-image:url(../images/common/logow.png);}
#wrap.wbg,#wrap.mainWb {background:#fff !important;}
#wrap.mainWb .main_sec1 .main_news {background-color:#fff; border:1px solid #333; box-sizing:border-box; transition:.8 ease .1s;}
#wrap.mainWb .main_sec1 .main_news dt a {background-image:url(../images/main/btn_newsw.png);}
#wrap.mainWb .main_sec1 .main_news dd a {color:#333; font-weight:}
#wrap.mainWb .main_sec1 span p {background-image:url(../images/main/main_tit_tempw.png);}
#wrap.mainWb .main_sec1 span em {color:#333;}
#wrap.mainWb .main_sec1 .bottom_scroll {background-image:url(../images/common/btn_scrollw.png)}

#header {position:absolute; width:100%; margin:0 auto; height:56px; background:#222; transition:0.8s ease; z-index:500;}
#header .main_wrapper {position:relative;}
#header .btn_tm {position:absolute; top:20px; right:6.3%;; display:block; width:25px; height:18px; background:url(../images/common/btn_menu.png) no-repeat 0 0; background-size:contain; text-indent:-9999px; z-index:550;}
#header .btn_tm.active {background-size:18px; background-image:url(../images/common/btn_menux.png) !important; background-position:center 0;}
#header .logo, #menu,.none_tm {display:none;} 
#header.headerOn {height:100%;}

/*GNB*/
#gnb {position:fixed; width:84%; height:100%; background:#333333; right:-2000px;  z-index:500; box-sizing:border-box;}
#gnb.on {right:0;}
#gnb .lang {border-top:1px solid #222; margin-top:55px;}
#gnb .lang ul {border:1px solid #fff; width:80%; height:40px; margin:25px auto 0; box-sizing:border-box; overflow:hidden;}
#gnb .lang ul li {float:left; width:50%; background:#333;}
#gnb .lang ul li a {display:block; margin:0; text-align:center; color:#fff; font-size:87.5%; line-height:40px; letter-spacing:1px;}
#gnb .lang ul li.on {background:#fff;}
#gnb .lang ul li.on a {color:#333;}

#gnb .gnb_wrap ul {width:80%; margin:0 auto;}
#gnb .gnb_wrap dl, #gnb .gnb_wrap dl dt, #gnb dl dd:nth-child(2) {display:none;}
#gnb .gnb_wrap ul li > a {display:block; font-size:93.8%; color:#fff; font-weight:700; margin:15px 0 10px 0; padding:5px 0; letter-spacing:1.5px;}
#gnb .gnb_wrap dl dd a {display:block; font-size:81.3%; color:#9e9e9e; letter-spacing:1px; height:20px;}



/* @@@@@ tablet @@@@@ */
@media only screen and (min-width:768px) {
	#header .logo {display:block; position:absolute; top:20px; left:5%; z-index:200;}
	#header .logo a {display:block; width:126px; height:17px; background:url(../images/common/logo.png) no-repeat 0 0; text-indent:-9999px;}
	#header .btn_tm {right:5%; width:30px; height:20px;}
	#header .btn_tm.active {background-size:20px;}
	#gnb {width:50%; right:-1300px;}
}



/* @@@@@ PC @@@@@ */
@media only screen and (min-width:1025px) {
	html {min-width:1300px !important;}

	.none_tm {display:block;}
	
	#wrap.wbg #header,#wrap.mainWb #header {background:url(../images/common/header_bgw.gif) repeat-x 0 0 transparent;}
	#wrap.wbg .gnb_wrap ul li > a,#wrap.mainWb .gnb_wrap ul li > a {color:#333;}
	#wrap.wbg #menu li a,#wrap.mainWb #menu li a {background-image:url(../images/common/icon_page2.png)}
	#wrap.wbg #menu li.active a,#wrap.mainWb #menu li.active a {background-image:url(../images/common/icon_page2_on.png)}	
	#wrap.wbg .lang_box,#wrap.mainWb .lang_box {border:1px solid #333;}
	#wrap.wbg .lang_box li a,#wrap.mainWb .lang_box li a {background:#fff; color:#333}
	#wrap.wbg .lang_box li.on a,#wrap.mainWb .lang_box li.on a {background:#333; color:#fff}
	
	#header {background:url(../images/common/header_bgb.gif) repeat-x 0 0 transparent; height:100px; z-index:500;}
	#header .header_wrap {position:relative; height:100%;}
	#header .logo {left:50px; top:41px;}
	#header .btn_tm {right:50px; top:40px;}

	/*gnb*/
	#gnb .lang {display:none;}	
	#gnb {width:100%;position:absolute;top:0;left:0;padding:22px 110px 0 200px;background:transparent;}
	#gnb .gnb_wrap {height:100%;text-align:center;}
	#gnb .gnb_wrap ul:after {content:""; clear:both; display:block;}
	#gnb .gnb_wrap ul {display:table;width:100%; height:100%; background:transparent;} 
	#gnb .gnb_wrap ul li {float:none;display:table-cell;position:relative;margin:0;vertical-align:top;}
	#gnb .gnb_wrap ul li:first-child {ma rgin-left:0%;}
	#gnb .gnb_wrap ul li > a {font-size:81.3%; height:20px;text-align:center;}
		/*GNB 최소PC 레이아웃*/
		@media only screen and (max-width:1650px) {
			#g nb .gnb_wrap ul li {margin-left:4.5%;}
			#g nb .gnb_wrap ul li:first-child {margin-left:6%;}
		}
	
	#gnb .gnb_wrap dl {position:absolute; left:50%; top:-1080px; padding-top:28px; margin-left:-125px; height:2000px; width:250px; background:url(../images/common/bg_gnb.png) repeat 0 0;z-index:999;}
	#gnb .gnb_wrap dl dt {display:block; color:#fff; font-size:81.3%; font-weight:bold; letter-spacing:1.5px; text-align:center; margin-top:20px;}
	#gnb .gnb_wrap dl dd:nth-child(2) {display:block; text-align:center;}
	#gnb .gnb_wrap dl dd:nth-child(2) button {width:50px; height:20px; margin:49px 0 26px 0; background:url(../images/common/btn_gnbx.png) no-repeat center center; text-indent:-9999px;}
	#gnb .gnb_wrap dl dd a {text-align:center; color:#fff; font-size:87.5%; height:50px; line-height:50px; transition:.2s ease;}
	#gnb .gnb_wrap dl dd:hover a {font-size:95%;}

	#gnb .gnb_wrap.allmenu {display:block; position:fixed; width:100%; left:0; top:0; background:#222; z-index:500; text-align:center;}
	#gnb .gnb_wrap.allmenu ul {margin-top:120px; padding-top:6%; border-top:1px solid #333;}
	#gnb .gnb_wrap.allmenu ul li > a,#gnb .gnb_wrap.allmenu dl dd:nth-child(2) {display:none;}
	#gnb .gnb_wrap.allmenu ul li {position:static; float:none; display:inline-block; width:auto; margin:0; padding:0 2.5%;}
	#gnb .gnb_wrap.allmenu ul li:first-child {padding-left:0;}
	#gnb .gnb_wrap.allmenu ul li:last-child {padding-right:0;}
	#gnb .gnb_wrap.allmenu dl {position:static; display:block !important; width:auto; background:none; margin:0;}
	#gnb .gnb_wrap.allmenu dl dt {margin-bottom:25px; text-align:left; font-size:100%; font-weight:400; letter-spacing:2px;}
	#gnb .gnb_wrap.allmenu dl dd a {text-align:left; font-size:81.3%; color:#999; height:42px; background:url(../images/common/bg_menuline.gif) repeat-x 0 bottom; transition:.4s ease;}
	#gnb .gnb_wrap.allmenu dl dd:hover a {background-image:url(../images/common/bg_menuline_on.gif);}
		/*GNB 최소PC 레이아웃*/
		@media only screen and (max-width:1650px) {
			#gnb .gnb_wrap.allmenu ul {padding-left:2%; padding-right:2%;}
			#gnb .gnb_wrap.allmenu ul li {width:15%; min-width:180px; height:300px;} 
			#gnb .gnb_wrap.allmenu ul li:first-child {padding-left:2.5%;}
			#gnb .gnb_wrap.allmenu dl dt {margin-bottom:10px;} 
			#gnb .gnb_wrap.allmenu dl dd {height:30px;}
			#gnb .gnb_wrap.allmenu dl dd a {height:30px; line-height:30px;}
		}
	
	
	/*스크롤*/
	#menu {display:block; position:absolute; right:5%; top:45%; z-index:200;}
	#menu li a {width:13px; height:18px; display:block; text-indent:-9999px; background:url(../images/common/icon_page1.png) no-repeat center;}
	#menu li:last-child a {margin-bottom:0;}
	#menu li.active a {background:url(../images/common/icon_page1_on.png) no-repeat center;}
	
	/*언어선택*/
	#content .lang_box {position:absolute; left:5%; top:45%; width:35px; height:70px; z-index:200; border:1px solid #fff;}
	#content .lang_box li a {display:block; text-align:center; height:35px; line-height:35px; font-size:75%; font-weight:700; color:#fff; background:#222;}
	#content .lang_box li.on a {background:#fff; color:#333}
		
}