@charset "utf-8";
/* CSS Document */

#wrapper {
	position:relative;
	width:100%;
	height:100%;
}
.default_box {
	position:relative;
	width:1000px;
	margin:0 auto;
}
/*상단*/
#head {
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
}
#head ul.type {
	position:absolute;
	top:38px;
	left:0;
	font-size:13px;
	font-family: malgunbd;
	margin:0;
	width:30%;
}
#head .logo {
	padding:20px 0;
	text-align:center;
}
#head .lnb {
	position:absolute;
	top:30px;
	left:0;
	font-size:13px;
}
#head .lnb span {
	margin:0 10px;
}
#head .lnb a:hover, #head .lnb a:focus {
	font-family: malgunbd;
	color:#0073c3;
}
#head .sns {
	position:absolute;
	top:30px;
	right:0;
}
/*상단메뉴*/
#topmenu {
	position:relative;
	width:100%;
	margin:0;
	background:#036ab1;
	height:45px;
	z-index:100;
}
#topmenu:hover .topmenu_bg {
	display:block;
	position:absolute;
	border-bottom:1px solid #036ab1;
	background:#fff;
	height:590px;
	width:100%;
	top:45px;
	left:0;
}
#topmenu ul.depth1 {
	position:absolute;
	top:0;
	right:0;
	z-index:300;
}
#topmenu ul.depth1 li {
	width:166.6px;
	float:left;
	text-align:center;
	line-height:1;
}
#topmenu ul.depth1 li:hover ul.depth2 {
	background:#e8f4fb;
}
#topmenu ul.depth1 li:hover h3 a {
	background:#0580d5;
}
#topmenu ul.depth1 li h3 a {
	display:block;
	height:45px;
	font-size:15px;
	font-family: malgunbd;
	color:#fff;
	line-height:45px;
	padding:0;
	vertical-align:middle;
	border-right:1px solid #3588c1;
}
#topmenu ul.depth1 li.first h3 a {
	border-left:1px solid #3588c1;
}
#topmenu ul.depth1 li h3 a:hover, #topmenu ul.depth1 li h3 a:focus {
	background:#0580d5;
	text-decoration:none;
}
#topmenu ul.depth1 li ul.depth2 {
	display:none;
}
#topmenu:hover ul.depth1 li ul.depth2 {
	display:block;
	padding:10px 0 0;
	height:580px;
	border-right:1px solid #e6e6e6;
}
#topmenu ul.depth1 li.first ul.depth2 {
	border-left:1px solid #e6e6e6;
}
#topmenu ul.depth1 li ul.depth2 li a {
	display:block;
	float:none;
	font-size:12px;
	line-height:15px;
	padding:5px 10px;
	color:#000;
	text-align:left;
	letter-spacing:-0.03em;
}
#topmenu ul.depth1 li ul.depth2 li a:hover, #topmenu ul.depth1 li ul.depth2 li a:focus {
	color:#0073c3;
	font-family: malgunbd;
	letter-spacing:-0.04em;
}
/*하단*/
#foot {
	position:relative;
	width:100%;
	height:100%;
}
#foot .foot_lnb {
	background:#f2f2f2;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:1;
}
#foot .foot_lnb span {
	display:inline-block;
	margin:0 15px;
	height:14px;
	padding:13px 0;
}
#foot .foot_lnb a {
	display:inline-block;
	color:#000;
	font-family: malgunbd;
	height:14px;
	padding:13px 0;
}
#foot .foot_lnb a.color {
	color:#036ab1;
}
#foot .foot_lnb a:hover, #foot .foot_lnb span a:focus {
	color:#0073c3;
}
#foot .foot_content {
	padding:20px 0;
}
#foot .foot_txt {
	float:left;
	line-height:2.0;
	font-size:12px;
}
#foot .foot_box {
	float:right;
	text-align:right;
	line-height:1;
	margin:0 90px 0 0;
}
#foot .foot_box h3 a {
	display:block;
	font-size:12px;
	color:#000;
	height:14px;
	width:148px;
	padding:7px 15px;
	border:1px solid #ccc;
	text-align:left;
}
#foot .foot_box h3 a:hover, #foot .foot_box h3 a:focus {
	background-color:#666;
	color:#fff;
	text-decoration:none;
}
#foot .foot_download h3 a {
	background:#fafafa url(/Common/Images/Bottom_ico_download.gif) no-repeat 100% center;
}
#foot .foot_site {
	position:relative;
	width:180px;
	height:30px;
	margin:0 0 2px 0;
}
#foot .foot_site h3 a {
	background:#fafafa url(/Common/Images/Bottom_ico_select.gif) no-repeat 100% center;
}
#foot .foot_site:hover h3 a {
	background-color:#666;
	color:#fff;
	text-decoration:none;
}
#foot .foot_site ul.open {
	display:none;
}
#foot .foot_site:hover ul.open {
	display:block;
	position:absolute;
	bottom:29px;
	right:0;
	width:178px;
	border:1px solid #ccc;
	border-bottom:none;
	overflow-y:scroll;
	height:200px;
	background:#fff;
}
#foot .foot_site:hover ul.open li {
	margin:0;
	padding:0;
}
#foot .foot_site:hover ul.open li a {
	display:block;
	text-align:left;
	padding:7px 15px;
	font-size:12px;
	border-bottom:1px dashed #ccc;
	height:16px;
	vertical-align:top;
}
#foot .foot_site:hover ul.open li a:hover, #foot .foot_site:hover ul.open li a:focus {
	background:#fafafa;
	color:#000;
	font-family: malgunbd;
	text-decoration:none;
}
#foot .qr{
	position:absolute;
	top:20px;
	right:0;
}
/*왼쪽메뉴*/
#leftmenu {
	float:left;
	width:200px;
	height:100%;
}
#leftmenu h3 {
	color:#000;
	font-size:30px;
	height:30px;
	padding:135px 0 30px;
	text-align:center;
	line-height:1;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:malgunbd;
}
#leftmenu h3.Sub1_tit {
	background:url(/Common/Images/Sub01_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub2_tit {
	background:url(/Common/Images/Sub02_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub3_tit {
	background:url(/Common/Images/Sub03_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub4_tit {
	background:url(/Common/Images/Sub04_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub5_tit {
	background:url(/Common/Images/Sub05_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub6_tit {
	background:url(/Common/Images/Sub06_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub7_tit {
	background:url(/Common/Images/Sub07_tit.png) no-repeat center 40px;
}
#leftmenu h3.Sub8_tit {
	background:url(/Common/Images/Sub08_tit.png) no-repeat center 40px;
}
#leftmenu ul.depth1 {
	border-top:1px dashed #ccc;
}
#leftmenu ul.depth1 li {
	border-bottom:1px dashed #ccc;
	margin:0;
	padding:0;
	line-height:1
}
#leftmenu ul.depth1 li a {
	display:block;
	padding:10px 30px 10px 10px;
	font-size:14px;
	color:#000;
	font-family: malgunbd;
	vertical-align:top;
	line-height:18px;
}
#leftmenu ul.depth1 li.on a:hover, #leftmenu ul.depth1 li.on a:focus {
	color:#fff;
	background:#014c7f url(/Common/Images/Leftmenu_on.png) no-repeat 93% center;
}
#leftmenu ul.depth1 li.on a {
	background:#014c7f url(/Common/Images/Leftmenu_on.png) no-repeat 93% center;
	color:#fff;
}
#leftmenu ul.depth1 li a:hover, #leftmenu ul.depth1 li a:focus {
	background:#036ab1;
	color:#fff;
	text-decoration:none;
}
#leftmenu ul.depth1 li ul.depth2 {
	display:none;
	margin:0;
	background:#fafafa;
	padding:10px 0;
}
#leftmenu ul.depth1 li.on ul.depth2 {
	display:block;
	background:#fafafa;
	padding:10px 0;
}
#leftmenu ul.depth1 li ul.depth2 li {
	border:none;
}
#leftmenu ul.depth1 li ul.depth2 li a, #leftmenu ul.depth1 li.on ul.depth2 li a {
	font-size:12px;
	color:#666;
	font-weight:normal;
	padding:3px 20px 3px 35px;
	background:url(/Common/Images/bu3.gif) no-repeat 20px 9px;
}
#leftmenu ul.depth1 li ul.depth2 li a:hover, #leftmenu ul.depth1 li ul.depth2 li a:focus {
	color:#0073c3;
	font-family: malgunbd;
	text-decoration:underline;
}
#leftmenu ul.depth1 li ul.depth2 li.on a {
	color:#0073c3;
	font-family: malgunbd;
}
#leftmenu ul.depth1 li ul.depth2 li a img {
	padding:0 0 0 4px;
	line-height:18px;
	vertical-align:middle;
	}
/*콘텐츠*/
#content {
	position:relative;
	width:100%;
	height:100%;
}
.contentbox {
	width:760px;
	float:left;
	height:100%;
	min-height:900px;
	padding:40px 0 80px 38px;
	border-left:1px solid #e6e6e6;
}
.subtit {
	width:100%;
	position:relative;
	margin:0 0 45px;
}
.subtit .location {
	text-align:right;
	font-size:12px;
}
.subtit .location img {
	vertical-align:-6px;
}
.subtit .location span {
	color:#b3b3b3;
	margin:0 5px;
	font-size:12px;
}
.subtit .location strong {
	color:#000;
}
.subtit .location .btbox {
	margin:0 3px 0 20px;
}
.subtit .location .btbox input {
	width:26px;
	height:24px;
	border:1px solid #ccc;
	cursor:pointer;
	padding:0;
	margin:-3px;
}
.subtit .location .btbox .txt_b {
	background:#fafafa url(/Common/Images/txt_b.gif) no-repeat center;
}
.subtit .location .btbox .txt_n {
	background:#fafafa url(/Common/Images/txt_n.gif) no-repeat center;
}
.subtit .location .btbox .txt_s {
	background:#fafafa url(/Common/Images/txt_s.gif) no-repeat center;
}
.subtit .location .btbox .bt_print {
	background:#fafafa url(/Common/Images/bt_print.gif) no-repeat center;
}
.subtit h2 {
	font-size:34px;
	color:#000;
	letter-spacing:-1px;
	margin:26px 0 0;
	line-height:1;
	height:40px;
	font-weight:normal;
	font-family:malgunbd;
}
.subtit p.tit_txt {
	font-size:13px;
	margin:5px 0 0;
}

/* 20190731 */
#leftmenu ul.depth1 li.on .text {letter-spacing: -1px;}