/* ==========================================================================
   fonts.css
   ========================================================================== */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* ==========================================================================
   helper.css
   ========================================================================== */
@import url("./normalize.css");
/* ==========================================================================
   reset.css
   ========================================================================== */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}   
body{-webkit-text-size-adjust:none;font-family: 'Nanum Gothic';min-width:320px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지. */
input:checked[type='checkbox'] {-webkit-appearance:checkbox;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'] {-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.2;font-family:'Nanum Gothic' , sans-serif;color:#000} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{vertical-align:top;max-width:100%;}


ul:after,ol:after{content:""; display:block; clear:both}
.blind{ overflow:hidden;  position:absolute;  width:0;  height:0;  line-height:0;  text-indent:-9999px}
.img_thum{display:block;}

/* ==========================================================================
   common Styles
   ========================================================================== */
.layer_inner{max-width:1000px;}
.frame_m{display:none;}
.frame_d{display:block;}

@media (max-width:720px){
	.frame_d{display:none;}
	.frame_m{display:block;}
}
.hidden #nav{opacity: 1;z-index: 10;}
#nav{position:fixed;top:0;left:0;right: 0;bottom: 0;z-index:-10;opacity: 0;}
.nav_inner{max-width:1000px;margin:0 auto;background:#000;}
#gnb{text-align:center;}
#gnb li{padding: 4.128% 0;transform:scale(1,1);transition:all .2s ease-in;}
#gnb li a{color:#ebddc3;font-size:30px;font-family:'Roboto Condensed' !important; 
	
}

#gnb li:hover {
	transform:scale(1.2,1.2);
}
body.hidden{overflow:hidden;}
.nav_foot p{color:#eadcc2;text-align:center;font-size:10px;}
.spaceImg{position:relative;}

@media (max-width:720px){
	.nav_inner{height:100%;}
	#gnb li{padding: 3.355% 0;}
	#gnb li a{font-size: 24px;}
	#mCSB_1{background: #000;}
}

@media (max-width:320px){
	#gnb li{padding: 1.675% 0;}
	#gnb li a{font-size: 12px;}
}

.menu_on{text-align: right;padding:50px 40px 60px 0;}
.menu_on img{cursor:pointer}

.btn_inner{padding:20px 20px 60px 0;text-align:right;}
.btn_inner button{display:inline-block;}



@media (min-width:1000px){
	.btn_inner{padding:40px 40px 120px 0;}
}



#header{height:100px;background:#000;position:relative;}
#header h1{position:absolute;left:60px;top:40px;}
#header #menu_on{position:absolute;right:40px;top:30px;}

@media (max-width:1000px){
	#header{height:50px;background:#000;position:relative;}
	#header h1{position:absolute;left:30px;top:20px;}
	#header h1 img{height:11px;}
	#header #menu_on{position:absolute;right:20px;top:15px;}
	#header #menu_on img{height:16.5px;}

}

.nsns{text-align:center;padding:200px 0 35px;}
.nsns img{height:33px;}

@media (max-width:720px){
	.nsns{padding:100px 0 17.5px;}
	.nsns img{height:16.5px;}
}

.bsns{text-align:center;padding:7px 0 2px;border-bottom:1px solid #000;margin-bottom:15px;}
.bd{height:55px;background:#000;}

@media (max-width:720px){
	.bd{height:27px;}
}