@charset "utf-8";
/* Reset */
@font-face{
	font-family:"Nanum Gothic";
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/NanumGothic.woff') format('woff'),
	src:local(※), url('/fonts/NanumGothic.woff') format('woff');
}

html{overflow-y:auto;overflow-x:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,.textbtn li{font-family:'verdana', Dotum,'돋움',Arial,Helvetica;font-size:12px;line-height:1.6em;font-style:normal;color:#000}
body.main {
	background:url('../img/main_bg.png') repeat-x
}
p.history,a.oneDepth,div.sub1M h3,div.cont h3,div.cont h4{font-family:'verdana', 'Nanum Gothic','나눔고딕';font-style:normal;letter-spacing:-1px;font-size:small;color:#000}
p.history{font-weight:bold}

img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
:first-child+html img{vertical-align:top}
table{border-collapse:collapse}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#000;text-decoration:none}
a:hover,a:focus{text-decoration:none}

button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
input[type=text],select{border:1px solid #c0c0c0}
textarea{overflow-y:auto;border:none;resize:none}
textarea,input{ime-mode:active}
input:focus{outline:0}
textarea:focus{outline:0}

/* 메인 */
/*2016-07-04 mod
div#top{width:100%; height:118px; background:url(../img/bg_top.gif) 0 bottom repeat-x;text-align:center}
div#top h1{padding:19px 0 0 0}
div#top h2{padding:20px 0 0 0;}
//2016-07-04 mod */
div#top{width:100%; height:118px; background:url('../img/bg_top.png') 0 bottom no-repeat;background-size: 100%;}
div#top h1{display:inline-block;padding:40px 0 0 25px;}
div#top h2{display:inline-block;padding:40px 0 0 10px;}
div#top h2 a{color:#fff;font-weight:bold;font-size:28px;font-family:'Nanum Gothic','나눔고딕'}
*:first-child+html div#top h2{padding:10px 0 0 0;}
#wrap_m ol li{border-bottom:1px solid #e8e9e9}
div.midContainer{display:block;position:relative;}


#wrap_m div#mid{background:url(../img/bg_mainbody.gif) repeat-x}
#wrap_s div#mid{/* width:1000px; margin-left:20px */width:1020px; margin-left:10px}

div.container{position:relative;width:980px;margin:0 auto}
p.history{padding:10px 0 16px;text-align:center}
div.contentsList{position:relative;left:-4px;width:1008px;height:549px;background:url(../img/m_body.jpg) 0 1px no-repeat}
div.contentsList h2{position:absolute;top:158px;left:708px}
div.contentsList h3{position:absolute;top:75px;left:14px}
div.contentsList ol{position:absolute;top:17px;left:109px;width:487px}
div.contentsList ol li{position:relative;height:17px;padding:4px 10px 2px}
#wrap_m  div.contentsList ol li.noline,#wrap_m  div.contentsList ol li.last{border:none}
div.contentsList ol li.noline a.down{margin-top:10px}
div.contentsList ol li span{display:inline-block;width:25px}

div#wrap_m div#mid a{font-weight:bold;text-decoration:none}
div#mid a:hover,div#mid a:focus{color:#06c;text-decoration:underline}
div#wrap_m div#mid a.down{position:absolute;right:0;font-weight:normal}

div.dataList{position:relative;margin:54px 0 0;padding:0 0 30px 108px}
div.dataList h3{margin:0 0 5px 5px}
div.dataList ol{position:relative;width:368px}
div.annex ol li,div.appendix ol li{position:relative;height:17px;padding:3px 3px 3px 5px}
div.appendix{position:absolute;top:0;left:489px;padding-left:14px;background:url(../img/bg_databox.gif) no-repeat}
div.dataList a.down{bottom:0px}

div#btm{padding:15px 0 12px;border-top:1px solid #b1b1b1;font-size:11px;color:#7d7d7d;text-align:center}
a.btnTop{position:fixed;right:10px;bottom:150px}

/* 서브 */
.leftM{position:absolute;top:0;left:0;height:100%;background:url(../img/bg_leftM.gif) repeat-y;background-size: 100%;width: 260px;}

ul.leftMList{float:left}
ul.leftMList li{display:block;width:100px;}
.oneDepth{display:block;min-height: 28px;width:100%;font-size:12.5px;font-weight:bold;box-sizing:border-box;padding:5px 0 2px 5px;}
.oneDepth.on{background:url(../img/bg_menu.gif) no-repeat;background-size: 100% 28px;color:#06c;}
li.m0 .oneDepth.on{background:url(../img/bg_menu1.gif) no-repeat;background-size:100% 100%;}
li.m1 .oneDepth{letter-spacing:-2px}

div.sub1M{display:none;float:left;width:150px;margin-left:10px;height:100%;overflow-y:auto;}
div.sub1M h3{padding:25px 0;border-bottom:1px solid #5c5c5c;line-height:1.2em;font-size:18px}
**div.sub1M h3{width:135px}

div.sub1M ul li a{display:block;padding:6px 0px 4px;border-bottom:1px solid #eaeaea;line-height:1.35em;font-weight:normal}
div.sub1M ul li a span{font-size:10px}
div.sub1M ul li a.hiddenmenu{border-bottom:none}
div.sub1M a.on{color:#06c}
div.sub1M ul li{position:relative}
li.sub1M_7 a.on,li.sub1M_8 a.on{font-weight:normal}

a.hiddenmenu{position:absolute; width:11px; height:11px; right:5px; top:9px; z-index:10;padding:0 !important; background:url(../img/plus.gif) no-repeat}
a.hiddenmenu.on{background-position:-11px 0}

.sub1M_663 a.hiddenmenu, .sub1M_260 a.hiddenmenu{top:15px}

div.sub2M{position:relative; display:none; width:149px; left:-10px; background:#e4e4e4}
div.sub2M ul{margin:0 10px 0 28px}
div.sub2M ul li a{padding:5px 0 5px 0px; border-bottom:1px solid #ccc}
div.sub2M ul li.last a{border-bottom:none}

#contentsWrap{position:relative;width:765px;min-height: 470px;margin-left:260px;padding:22px 0 0 20px;}
.list01 a, .list02 a, .list03 a{font-weight:bold}
.list01 p {background:url('../img/dot01.png') no-repeat;padding-left:27px}
.list02 p {background:url('../img/dot02.png') no-repeat;padding-left:27px}
.list03 p {background:url('../img/dot03.png') no-repeat;padding-left:27px}

.menu_btn{display:none;}

@media screen and (max-width: 768px){
	div#top{height: auto;background: #fff;}
	div#top h1{padding:10px 0 0 10px;display: block;text-align: center;}
	div#top h2{padding:10px;display: block;text-align: center;background: #345a91;margin-top: 10px;}
	div#top h2 a{font-size:16px;font-weight:500;}
	#wrap_s div#mid{width:100%;margin: 0;}
	.leftM{position: fixed;z-index: 100;left:-260px;transition: left .3s;}
	.leftM.on{left:0;}
	.menu_btn{display:block;position:fixed;top: 5px;right: 5px;width:25px;height:23px;cursor:pointer;transition: 2s;background-color: rgba(0,0,0,.5);padding:5px;z-index: 9999;}
	#contentsWrap{width:100%;margin-left:0;background:none;box-sizing: border-box;padding: 20px 10px;}
	a.btnTop{opacity:.6;bottom:10px;}
	ul.leftMList {overflow-y: auto;}
	#mid.dim:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:99;}
		
	.menu_btn .nav{
		position:relative;
		display: block;
		width:25px;
		height:2px;
		background: #fff;
		transition: 0.2s;
		border-radius: 2.5rem;
		font-size:5px;
		color:transparent;
		margin-top:10px;
	}

	.menu_btn .nav:before, .menu_btn .nav:after{
		transition: 0.2s;
		display: block;
		content: "";
		height: 2px;
		width: 25px;
		background: #fff;
		position: absolute;
		border-radius: 2.5rem;
	}
		
	.menu_btn .nav:before{top:8px;}
	.menu_btn .nav:after{top:-8px;}
			
	.menu_btn.x .nav{
		background: transparent;
	}
	.menu_btn.x .nav:before, .menu_btn.x .nav:after{
		top:0;
		background-color:#fff;
		height: 3px;
	}
	.menu_btn.x .nav:before{
		transform: rotate(-45deg); 
	}
	.menu_btn.x .nav:after{
		transform: rotate(45deg);
	}
}