@CHARSET "EUC-KR";
* {
	margin:0px;
	padding:0px;
	border:0px;	
}
body {
	font-family:"NanumGothic", 'Nanum Gothic';
}
li {
	list-style:none;
}
#nav {
    position: absolute;
    top: 0px;
    left: 250px;
    width: 408px;
    height: 53px;
}

#nav li {
	background-image:url(../img/nav_bg.png);
	background-repeat:no-repeat;
	width:102px;
	height:53px;
	float:left;
}

#nav li:hover {
	background-image:url(../img/nav_bg_over.png);
}

#nav span {
	font-family:"NanumGothic", 'Nanum Gothic';
	text-align:center;
	display:block;
	margin-top:31px;
	color:#fff;
	font-weight: 600;
	cursor:pointer;
}

#wrap {
		background-image: url(img/back_input.jpg);
		width: 1000px;
		height: 630px;
		position: relative;
		margin: 0 auto;
	}	
	#wrap h1 {
		font-family: "NanumGothic", 'NanumGothic';
		font-size: 1.9em;
		color: #fff;
		position: absolute;
		text-shadow: 1px 3px 25px #000;
		text-align: center;
		width: 100%;
		top: 320px;
		font-weight: 400;
	}
	/* Â÷½Ã¸í */
	#header h1.subject {
		font-size: 1.42em;
		color: #000;
		position: absolute;
		left: 60px;
		top: 15px;
		font-weight: 600;
		text-align: left;
		width: 600px;
		text-shadow: 0px 0px 4px white;
		/* letter-spacing: 0px; */
		font-family: 'NanumGothic';
	}
	/* ´Ü¿ø¸í */
	#header h1.m_title {
		font-size: 1.18em;
		color: #228ea9;
		position: absolute;
		right: 25px;
		top: 15px;
		font-weight: 800;
		text-align: right;
		width: 300px;
		text-shadow: 0px 0px 4px white;
		font-family: 'NanumGothic';
	}	
#menu{
	transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	top: 0;
	left: -200px;
	background: rgb(0, 0, 0);
	height: 100%;
	z-index: 1999;
	box-shadow: 0px 0px 10px black;
}
#menu a{
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	border-radius: 100px;
	transition: all 0.2s ease;
}
#menu a:hover{
	color: #000;
	background-color: #f9f9f9;
}
#menu-toggle{
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 1000;
	transition: all 0.3s ease;
}
#menu-toggle:hover{
	cursor: pointer;
}
#menu.open{
	background-color:#595959;
	left: 0;
	width: 150px;
	display: block;
}
#menu-toggle.open{
	left: 150px;
}

#footer {
	width:100%;
	position:absolute;
	bottom:0px;
}
#footer .logo {
	position:absolute;
	width: 148px;
	height: 40px;
	left:23px;
	bottom:0px;
}
#footer .pager {
	position: absolute;
	right: 40px;
	bottom: 10px;
}
#footer .pager li {
	float:left;
}
#footer .pager span {
	font-weight: 600;
	font-size:29px;
	margin:0px 10px;
}

#footer .pds {
    position: absolute;
    width: 125px;
    height: 28px;
    left: 360px;
    top: -82px;
    cursor: pointer;
}

#footer .expandVideo {
    position: absolute;
    width: 125px;
    height: 28px;
    left: 525px;
    top: -82px;
    cursor: pointer;
}

.audioView {display:none}

DIV.ready {
	width:1000px;
	height:680px;
	z-index:9999;
	position:absolute;
	background:rgba(255,255,255,0.7);
	text-align:center;
	display:none;
	top:0px
}

DIV.ready img { margin-top:200px; }
DIV.ready span { font-weight: 600; font-size:30px;}

#subNav {margin-top:15px;position:relative;width:160px;margin:auto}
#subNav li {position:absolute;height:32px;}
#subNav li:first-child {background:url(../img/bt_sub_prev.png) no-repeat; width:32px;left:0px;cursor:pointer}
#subNav li:nth-child(2) {left:50%;width:80px;margin-left:-40px;text-align: center;font-size:1.5em}
#subNav li:nth-child(2) span:first-child {color:orange}
#subNav li:last-child {background:url(../img/bt_sub_next.png) no-repeat; width:32px;right:0px;cursor:pointer}

/* mobile navi */
.mpager {position: absolute;width:100%;top:50%;}
.mpager .left_bt {
	background:url(../img/l_btn.png) no-repeat;
	width: 69px;
	height: 69px;
	position: absolute;
	top: -48px;
	left: 13px;
	cursor: pointer;
	z-index: 3;
}
.mpager .left_bt:hover {
	background:url(../img/l_btn_over.png) no-repeat;
}

.mpager .right_bt {
	background: url(../img/r_btn.png) no-repeat;
	width: 69px;
	height: 69px;
	position: absolute;
	top: -48px;
	right: 10px;
	cursor: pointer;
	z-index: 3;
}
.mpager .right_bt:hover {
	background: url(../img/r_btn_over.png) no-repeat;
}

div.bd3_header {
	height: 50px;
	color: #fff;
}
div.bd3_header h1 {
	font-weight: normal;
	float: left;
	margin: 17px 5px 17px 10px;
}

div.bd3_left_menu_idx {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 3px;
    top: 83px;
    z-index: 6;
    background-image: url(../img/menu_b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    cursor: pointer;
}
.close {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url(../img/menu_w.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#menu {
	position: absolute;
	top: 0px;
	right: -300px;
	z-index: 10010;
	text-align: center;
	transition: All 0.2s ease;
	-webkit-transition: All 0.2s ease;
	-moz-transition: All 0.2s ease;
	-o-transition: All 0.2s ease;
}
#menu.open {
	right: 0px;
}
.page_cover.open {
	display: block;
}
.page_cover {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4;
	display: none;
}

div.bd3_left_menu {
	width: 280px;
	/*background-color: rgba(0,0,0,0.8);*/
	background-color:#282828;
	color: #fff;
	height: 630px;
}
div.bd3_left_menu h3 {
	font-weight: 600;
	text-align: left;
	font-size: 15px;
	padding-left: 7px;
	border-bottom: 1px solid #565656;
	box-sizing:border-box;
	height: 50px;
	line-height: 50px;
}

div.bd3_list {
	line-height: 30px;
}
div.bd3_list li.active {
	/*background-color: #3b3b3b;*/
	background-color:#464646;	
	color: #fff;
	background-image:url(../img/active.html);
	background-repeat:no-repeat;
	background-position:5px 7px;
}
div.bd3_list li:hover{	/*background-color: #3a3a3a;*/background-color:#464646;}
div.bd3_list li {
	font-family: 'NanumGothic';
	font-size: 12px;
	padding-left:38px;
	padding-right:10px;
	text-indent:-15px;	
}
div.bd3_list h3 {
	font-weight: normal;
	font-size: 22px;
	padding-bottom: 8px;
	margin-bottom: 18px;
}

#bd3MenuImenu {
	overflow: auto;
	height: 520px;
}
span.bd3_li_expand {
	float: none!important;
	margin: 0px!important;
	position: absolute;
	top:3px;	
	right: 9px;
	background-image:url(../img/list.html);
	background-repeat:no-repeat;
	width:30px;
	height:22px;
	background-position:5px 0px;
}
span.bd3_li_expand.remove{background-position:-32px 0px;}

.bd3_left_menu_head {
	text-align: left;
	font-size: 13px;
	cursor: pointer;
	border-bottom: 1px solid #565656;
	position: relative;
	margin:2px 0px;
	display:block;
	line-height:33px;
	text-indent:5px;
}
.bd3_left_menu_head:last-child {border-bottom: 1px solid #565656;}