@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}

#container {width:100%;}
#contents {width:100%;}


/**header*/
header #header_top {
	width:100%;padding:13px 0;background:#fff;
	/*border-bottom: 1px solid #d2d1d1;*/
}
header div.logo {margin:auto;text-align:left;}
header #header_top div.logo img{width:40%;}
header #header_top div.menu_btn {
	position:absolute;
	margin-right:4.68%;
	right:1%;
	top:13px;
	width:5.781%;
}
header #header_top div.menu_btn 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:73.5%;height:100%;
	background:#fff;
	position: fixed;
	right:-73.5%;top:0px;
	overflow:auto;z-index:9100;

}
header #menu_top {padding:13px 0;position: relative;background:#fff;}
header #menu div.logo img{width:54.35%;}
header #menu div.logo2_btn {    
	position: absolute;
	right: 0;
    top: 13px;
	width:14%;
}
header #menu div.logo2_btn img {width:100%;}
header #menu > ul > li > a {
	background:#fff;
	position: relative;font-size:1em;
	font-weight:bold;color:#333333;padding:20px 5% 20px 7.2%;
	display:block;border-bottom:1px solid #c5c5c5;
}
header #menu > ul > li > a.first {border-top:1px solid #c5c5c5;}
header #menu > ul > li.on > a {
	background:#1c55a4;
	color:#fff;
}
header #menu .menu_sub {background:#fff;display:none}
header #menu .menu_sub > li > a {
	font-size:0.8em;
	color:#333333;padding:15px 6%;
	display:block;border-bottom:1px solid #c5c5c5;
	background:#f5f5f5;
	
}

header #menu > ul > li > a div.menu_sub_btn {
height:14px;width:21px;position: absolute;right:5%;top:22px;

background:url(/m/images/common/menu_sub_btn_off.jpg) top right no-repeat;

}

header #menu > ul > li.on > a div.menu_sub_btn {
background:url(/m/images/common/menu_sub_btn_on.jpg) top right no-repeat;
}

.section {
	width:90%;margin: auto;
	
}
.section > img {width:100%;}









/**footer*/
footer {width:100%;}
footer .address {width:100%;}
footer .address img {width:100%;}