@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:800&display=swap');
* {
	font-family: 'Noto Sans KR', sans-serif;
	-webkit-text-size-adjust: 100%;
	counter-reset: chapter section 1 page;
}
html {
	font-size: 10px;
	box-sizing: border-box;
	overflow: scroll;
	overflow-x: auto;
	font-size: 10px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	font-family: 'noto';
	line-height: 1.25;
	color: #2f313c;
	font-family: 'NanumSquare', sans-serif;
}
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}
img {
	border: 0;
	vertical-align: middle;
	font-size: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
caption, legend {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
select, input, textarea {
	color: #454545;
	font-size: 1.6rem;
}
select, input {
	vertical-align: middle;
}
b, strong {
	font-weight: normal;
}
address, em, i {
	font-style: normal;
}
button {
	background: none;
	cursor: pointer;
	outline: none;
}
hr {
	margin: 0;
	border: none;
	padding: 0;
	display: block;
}
figure, figcaption {
	padding: 0;
	margin: 0;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
header, footer, article, section, aside, nav, main {
	display: block;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0
}
.area {
	max-width: 94%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
#wrap {
	width: 100%;
	text-align: center;
	margin: 0;
	display: block;
	overflow: hidden;
}
.wrap_con {
	max-width: 640px;
	text-align: center;
	margin: auto;
}
header .util {
	background: #0d2a50;
	color: #99acc6;
	font-size: 14px;
	height: 40px;
	text-align: left;
	padding: 12px 4% 0;
}
header .util li {
	float: left;
	padding: 0 8px
}
header .util li:first-child {
	padding-left: 0px;
	border-right: 1px solid #324b6b;
}
header .header_m {
	background: #fff;
	height: 65px;
	padding: 0 4%;
}
header .header_m h1 {
	float: left;
	text-align: left;
	line-height: 60px;
}
header .header_m p button {
	border: 0
}
header .header_m p {
	float: right;
	text-align: right;
	line-height: 60px;
}
#header #gnbM {
	display: block!important;
	overflow-y: auto;
	position: fixed;
	top: 0px;
	right: -82%;
	width: 80%;
	height: 100%;
	max-width: 280px;
	background-color: #fff;
	z-index: 999;
	box-shadow: -2px 1px 11px rgba(0, 0, 0, .3);
	transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
	visibility: hidden;
}
#gnbM.open {
	right: 0px!important;
	visibility: visible!important;
}
#gnbM .gnb_text {
	background: #00d0c2;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	text-align: left;
	padding: 40px 20px 25px;
}
#gnbM .gnb_m_join {
	background: #2f313c;
	color: #fff;
	font-size: 14px;
	line-height: 48px;
	font-weight: 400;
}
#gnbM .gnb_m_join ul {
	display: block;
	height: 48px;
}
#gnbM .gnb_m_join ul li {
	float: left;
	width: 50%;
}
#gnbM .gnb_m_join ul li:first-child {
	border-right: 1px solid #3e404a;
	margin-right: -1px;
}
#gnbM .gnb_m_join ul li a {
	color: #fff
}
#gnbM .gnb_m_join .icon1 {
	background: url(../images/main/icon_login.png) no-repeat 20% 50%;
}
#gnbM .gnb_m_join .icon2 {
	background: url(../images/main/icon_join.png) no-repeat 20% 50%;
}
#gnbM #navigation {}	/* Header 높이값 */
/* GNB Mobile :: 1차 */
#gnbM #navigation > li {
	border-bottom: 1px solid #e6eaf0;
}
#gnbM #navigation > li > a {
	position: relative;
	display: block;
	padding: 20px 25px;
	color: #2f313c;
	font-size: 17px;
	text-align: left;
}
#gnbM #navigation > li.active > a {
	color: #2f313c;
}
#gnbM #navigation > li.has-2dep > a {}
#gnbM #navigation > li.has-2dep.active > a {}
#gnbM #navigation > li .gnb-icon {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}
#gnbM #navigation > li .gnb-icon i {
	font-size: 24px;
}
/* GNB Mobile :: 2차 */
#gnbM #navigation > li .gnb-2dep {
	display: none;
	background-color: #e6eaf0;
}
#gnbM #navigation > li .gnb-2dep > li {
	border-bottom: 1px solid #fff;
}
#gnbM #navigation > li .gnb-2dep > li > a {
	display: block;
	text-align: left;
	color: ##2f313c;
	font-size: 16px;
	padding: 15px 25px;
	opacity: 0.7;
	filter: Alpha(opacity=70);
}
#gnbM #navigation > li .gnb-2dep > li.on > a {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	text-decoration: underline;
}
/* GNB Mobile :: 3차 */
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep {
	display: none;
	padding: 10px 25px;
	background-color: #aaa;
	box-shadow: inset 0px 3px 9px rgba(0, 0, 0, .3);
}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a {
	display: block;
	padding: 8px 0;
	font-size: 13px;
	color: #fff;
}
#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before {
	display: inline-block;
	content: "-";
	margin-right: 5px;
}
/*서브컨텐츠*/
#sub_con .navi {
	height: 200px;
	display: block;
	overflow: hidden;
}
#sub_con .navi h1 {
	color: #1e7fd1;
	font-size: 24px;
	padding-top: 50px;
}
#sub_con .navi p {
	color: #fff;
	font-size: 16px;
	padding-top: 10px;
}
#sub_con .s1 {
	background: url(./../img/bg_sub_01.png) no-repeat;
}
#sub_con .cont-top {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	margin-top: -50px;
}
#sub_con .path {
	margin: auto;
	left: 0;
	z-index: 1;
	height: 50px;
	color: #fff;
}
#sub_con .path .home {
	float: left;
	padding: 12px 0;
	height: 40px;
	position: relative;
	width: 18%;
	border-right: 1px solid rgba(255, 255, 255, .1);
	vertical-align: middle;
	text-align: center;
}
#sub_con .path .group {
	float: left;
	position: relative;
	width: 40%;
	border-right: 1px solid rgba(255, 255, 255, .1);
	z-index: 10;
}
#sub_con .path .group a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 0 20px 0 10px;
	font-size: 14px;
	color: #fff;
}
#sub_con .path .group ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 80px 0 10px;
	background-color: #0d2a50;
	opacity: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
}
#sub_con .path .group ul a {
	overflow: hidden;
	height: 0;
	line-height: 40px;
	transition: all .2s;
	-webkit-transition: all .2s;
}
#sub_con .path .depth2 {
	width: 40%;
	z-index: 3;
}
#sub_con .path .depth2 p {
	padding: 14px 0
}
#sub_con .path .depth3 {
	width: 100%;
	z-index: 3;
	color:#333
}
#sub_con .path .depth3 p {
	padding: 14px 0;
}
#sub_con .path .depth3 a {
	color:#333
}
#sub_con .path .depth3 .label a:after {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	content: '';
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all .2s;
	-webkit-transition: all .2s;
}
#sub_con .path .depth3 {
	border: 2px solid #0b63d7!important
}
#sub_con .path .depth3 ul {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 80px 0 10px;
	background: #f7f9ff;
	opacity: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
}
#sub_con .path .label {
	padding: 14px 0;
}
#sub_con .path .label a:after {
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: '';
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all .2s;
	-webkit-transition: all .2s;
}
#sub_con .path .group.active .label a:after {
	margin-top: -3px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}
#sub_con .path .group.active ul {
	visibility: visible;
	padding: 50px 0 10px;
	opacity: 1;
}
#sub_con .path .group.active ul a {
	height: 50px;
}

#sub_con .cont {
	text-align: left;
	padding: 40px 4%
}
#sub_con .cont h1 {
	font-size: 22px;
	background: url(./../img/c_1.png) 0px 8px no-repeat;
	padding-left: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dce4ec;
	padding-bottom: 15px
}
#sub_con .tab_m {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
}
#sub_con .tab_m .on {
	color: #fff;
	background: #13499f url(./../img/bg_sub_tab.png) right no-repeat
}
#sub_con .tab_m li {
	width: 33.3%;
	float: left;
	border: 1px solid #e0e7ee;
	font-size: 14px;
	color: #676767;
	padding: 12px 0;
	text-align: center;
	margin-right: -1px;
}
#sub_con #menu_tab {
	display: block;
	overflow: hidden;
	margin-top: 50px;
	clear: both;
}
#sub_con #menu_tab button {
	text-align: center;
	float: left;
	width: 50%;
	font-size: 16px;
	line-height: 20px;
	padding: 14px 0;
	border: 1px solid #dce4ec;
	color: #7d8aa9;
	overflow: auto;
}
#sub_con #menu_tab .w3-container {}
#sub_con #menu_tab ul {
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 20px 0;
}
#sub_con #menu_tab ul li {
	float: left;
	width: 50%;
	font-size: 14px;
	text-align: center;
	padding: 12px 0
}
#sub_con #menu_tab ul li h1 {
	font-size: 14px!important;
	padding-top: 5px;
	font-weight: normal;
}
#sub_con .pick {
	color: #0b63d7!important;
	border: 2px solid #0b63d7!important;
	font-weight: 600;
}
#sub_con .tb_01 {
	width: 100%;
}
#sub_con .tb_01 thead {
	border-top: 2px solid #0b63d7;
	border-bottom: 1px solid #a1b3c5;
	text-align: center;
	background: #f7f9ff;
}
#sub_con .tb_01 thead th {
	padding: 15px 0;
}
#sub_con .tb_01 thead th:first-child {
	border-right: 1px solid #dce4ec;
}
#sub_con .tb_01 tbody td {
	padding: 10px 0;
	color: #888888;
	text-align: center;
	border-bottom: 1px solid #dce4ec;
	font-size: 16px;
}
#sub_con .tb_01 tbody td:first-child {
	border-right: 1px solid #dce4ec;
}
#sub_con #menu_tab .unit {
	margin-top: 70px;
	padding: 16px 0;
	text-align: right;
	font-size: 12px;
}
#sub_con #menu_tab .source {
	background: #f7f9ff;
	padding: 16px 0;
	text-align: center;
	margin: 20px 0
}
#sub_con #menu_tab .source img {
	margin-top: -3px;
}

.intro_view {position:relative; width:100%;}
.intro_view h2{position:relative; color:#333333; top:10px; background:url(/img/bu01.png) no-repeat 0 5px; background-size: 14px; font-weight:bold; font-size:20px; padding-left:20px; color:#333333;}

.intro_view .txt01 {font-size:16px;  text-decoration:underline; padding-top:20px; padding-bottom:50px;}
.intro_view .txt02 {font-size:20px; color:#555555; padding-bottom:15px;font-weight:bold; }
.intro_view .txt03 {font-size:20px; line-height: 24px;color:#0059ad; }
.intro_view .txt04 {font-size:16px; color:#555555; margin-bottom:25px;}
.intro_view .txt05 {font-size:18px; color:#0059ad;font-weight:bold;padding:20px 0 5px }
.intro_view div{margin-bottom: 30px;}
.intro_view p{margin-bottom: 15px;}









footer {
	background: #141720;
	padding: 20px 5%;
	text-align: left;
}
footer .f_logo {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	padding: 20px 0;
	display: block;
	overflow: hidden;
}
footer .f_logo li {
	float: left;
}
footer .f_logo li:last-child {
	float: right;
}
address {
	clear: both;
	font-size: 12px;
	color: #6f7177!important;
}
.copyright{
	font-size: 12px;
	line-height: 14px;
	color: #6f7177!important;
	padding: 10px 0 30px
}


/*통계DB 상세내용 테이블*/
table {border-collapse:collapse;}
.tbstyle01 {border-collapse: collapse;width:100%;border-top:1px solid #2775e9;font-size:14px; text-align:center; overflow:auto;}
.tbstyle01 table {width:100%;}
.tbstyle01 thead {height:35px; line-height:35px; border-bottom:1px solid #999; background:#e7ebf7; font-weight:bold; color:#333333; }
.tbstyle01 thead th {border-right:1px solid #c0cdde;border-bottom:1px solid #c0cdde; text-align:center; }
.tbstyle01 thead th:last-child {border-right:0px solid #c0cdde;}
.tbstyle01 tbody td {color:#555555;padding:6px 10px;border:1px solid #c0cdde; border-width:0 1px 1px 0; font-size:13px;}
.tbstyle01 tbody td:last-child {border-right:0px solid #c0cdde;}



h2 {font-size:17px; letter-spacing:-1px; padding-top:20px;}
.unit {position:relative; font-size:13px;text-align:right;}
.img_data {position:relative; margin: auto; text-align:center;height:250px; top:100px;}