@charset "utf-8";
@import url("common.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
   font-family:"나눔고딕","NanumGothic",'Nanum Gothic',helvetica,arial,sans-serif;
   font-style:normal;
 /*  font-weight:normal; */
   src:url(NanumGothic.eot);
   src:local(※),url('NanumGothic.woff') format('woff'),url('NanumGothic.ttf') format('truetype') ;
}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{font-family:"NanumGothic",'Nanum Gothic';}


/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}

img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}




/**header*/

header #header_top {width:100%;padding: 0;background:url(/m/images/common/header_top_bg.jpg);position:relative}
header div.logo {margin:auto;text-align:center;}
header #header_top div.logo img{width:11.406%;}
header #header_top div.menu_btn {float:left;margin-left:5%;position:absolute;left:1%;top:30%;width:9%;max-width:45px;}
header #header_top div.menu_right {position:absolute;right:5%;top:30%;width:20%;max-width:118px;}
header #header_top div.menu_btn img ,header #header_top div.menu_right img {width:100%}

header #menu_bg {background:rgba(0,0,0,0.6);width:100%;height:100%;position: fixed;left:0px;top:0px;display:none;z-index:9000;}


header #menu {
	width:70%;height:100%;background:url(/m/images/common/menu_bg.png);
	position: fixed;left:-70%;top:0px;overflow:auto;z-index:9100;
}
header #menu_top {padding:15px 0;position: relative;background:url(/m/images/common/header_top_bg.jpg);}
header #menu div.logo img{width:22.5%;}
header #menu div.logo2_btn {    
	position: absolute;
	right: 5%;
    top: 24px;
	width:8%;
}
header #menu div.logo2_btn img {width:100%;}
header #menu > ul > li > a {
	position: relative;font-size:0.8em;
	font-weight:bold;color:#fff;padding:18px 10%;
	display:block;border-bottom:1px solid rgba(255,255,255,0.15);
}
header #menu > ul > li.on > a {
background:url(/m/images/common/menu_bg_on.png);
color:#fff;
}
header #menu .menu_sub {
	background:url(/m/images/common/menu_sub_bg.png);
	display:none;
}
header #menu .menu_sub > li > a {
	font-size:0.7em;
	color:#dddddd;padding:18px 10%;
	display:block;border-bottom:1px solid rgba(255,255,255,0.15);
	
}




/**footer*/
footer {background:url(/m/images/common/header_top_bg.jpg);padding:30px 0 ;}
footer .address {text-align:center;}
footer .address img {width:90%;max-width:586px;}