@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */

* {
	margin:0; padding:0;
}
body {
	background:#fff;
	font-family:'Nanum Gothic', '맑은 고딕','Malgun Gothic', dotum, 굴림, Gulim, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
}

ul, li, dl, dd, dt {
	list-style:none;
}

img {
	border:0;
}
a {
	color:#666;
	text-decoration:none;
}

textarea {
	border:1px solid #ccc;
	color:#666;
}
#wrap {
	width:100%;
}
#wrap:after {
	clear:both;
	display:block;
	content:"";
}

#header {
	width:100%; 
	height:80px;
	position:absolute;
	background:#fff;
	min-width:300px;
	top: 0;
	left: 0;
	border-bottom: 1px solid #eee;
}
#header:after {
	clear:both;
	display:block;
	content:"";
}

#header #logo { 
	position: absolute;
	width: 90px;
	top: 20px;
	left: 50%;
	margin-left: -45px;
}

#header #logo img {
	width: 90px;
}

#header #logo a {
	display:block;
}

#header #sns {
	float:right;
	margin-top:6px; margin-right:10px;
}
#header #sns a {
	display:inline-block;
	width:23px; height:24px;
	vertical-align:middle; 
}
#sns .favor {
	width:50px !important;
	line-height:24px;
	font-size:12px;
}
#sns .facebook {
	background:url(../images/btn_f.jpg) no-repeat; background-size:23px 24px;
}
#sns .twitter {
	background:url(../images/btn_t.jpg) no-repeat; background-size:23px 24px;
}

/*navi*/
.gnb {
	clear:both; position:relative;
	width:100%; height:60px;
	background:url(../images/navi_bg.gif) repeat-x left top; background-size:2px 30px;
	*zoom:1;
}
.gnb:after {
	clear:both;
	display:block;
	content:"";
}
#main .gnb {
	height:30px;
}
.gnb li {
	float:left;
	width:20%;
	text-align:center;
	background:url(../images/navi_li_bg.gif) no-repeat right top; background-size:2px 30px;
}
.gnb li a {
	display:block;
	width:100%;
	height:30px;
}
.gnb li img {
	height:30px;
}


.gnb .lnb {
	display:none; position:absolute; left:0; top:30px;
	width:100%; height:30px;
	background:url(../images/sub_navi_bg.jpg) repeat-x; background-size:2px 30px;
	*zoom:1;
}
.gnb .lnb:after {
	clear:both;
	display:block;
	content:"";
}

.gnb .lnb li {
	text-align:center;
	background:url(../images/sub_navi_li_bg.gif) no-repeat right top; background-size:1px 30px;
}
.gnb .lnb li.last_lnb {
	background:none;
}
#sub1 #submn1, #sub2 #submn2, #sub3 #submn3, #sub4 #submn4, #sub5 #submn5 {
	display:block;
}
#submn1 .sub1_1 { width:14%; }
#submn1 .sub1_2, #submn1 .sub1_5, #submn1 .sub1_6 { width:18%; }
#submn1 .sub1_3, #submn1 .sub1_4 { width:16%; }

#submn2 li, #submn4 li {
	width:33.3%;
}

#submn5 li {
	width:16.6%;
}



/*footer*/
#footer {
	clear:both;
	padding: 30px 5%;
	color: #888;
	border-top: 1px solid #eee;
}
#footer a {
	display:inline-block; 
	height:25px; line-height:25px;
	margin-bottom:10px; padding:0 10px;
	font-size:13px;
	border:1px solid #262626; background:#808080; color:#e5e5e5; -webkit-border-radius:5px; -moz-border-radius:5px;
}

#footer span {
	display: block;
	line-height: 1.7em;
	font-size: 0.7em;
	padding-bottom: 5px;
}

#footer p {
	font-size: 10px;
	line-height: 20px;
}

#footer #copy {
	clear:both;
}
#footer #copy img {
	width:100%;
}

/*main*/
#main_visual {
	clear:both;
	width:100%;
	min-width: 300px;
	position:relative;
	margin-top: 80px;
}
#main_visual:after {
	clear:both;
	display:block;
	content:"";
}

#main_visual li {
	float:left;
	width:100%; 
}

#main_visual li img {
	width:100%;
}

#main_visual div img {
	width:100%;
	display: block;
}

#main_gnb {
	clear:both;
	min-width:300px;
}
#main_gnb:after {
	clear:both;
	display:block;
	content:"";
}
#main_gnb ul {
	padding: 2% 1% 0;
}

#main_gnb li {
	margin: 0 1% 1.5% 1%;
	float:left;
	text-align:center;
	width: 31.3333%;
	position: relative;
}
#main_gnb li a {
	display: block;
}
#main_gnb li img {
	width:100%;
}


/*sub*/
#contents {
	clear:both;
	width:100%; min-height:360px;
	padding-top:15px; 
	background:#fff;
}
#contents #title {
	padding-left:10px;
	height:13px;
	margin-bottom:15px;
	color:#333; font-family:"돋움"; font-size:15px; font-weight:bold;
}
#contents #title img {
	height:100%;
}

#contents #article {
	position:relative;
	width:100%; padding-bottom:10px;
}

/*history*/
#article .tab {
	margin:0 10px;
	border-bottom:1px solid #e1e1e1;
	*zoom:1;
}
#article .tab:after {
	clear:both;
	display:block;
	content:"";
}
#article .tab li {
	float:left;
	padding:7px 5px; margin-right:1px;
	font-size:12px; text-align:center;
	background:#ededed; cursor:pointer;
}
#article .tab .on { background:#5973c1; color:#fff; }
#article .tab .off { background:#ededed; color:#999; }

#article .history_box {
	margin-bottom:30px;
	display:none;
}

#article .pic {
	margin:0 10px;
	margin-bottom:10px;
}
#article .period {
	margin:10px;
}
#article .period img {
	height:13px;
}
#article .history {
	width:95%; margin:auto;
	border-top:2px solid #90a0ce;
}
#article .history td {
	border-bottom:1px solid #d9d9d9;
	font-size:13px; line-height:18px; text-align:left;
}
#article td.year {
	width:30%;
	padding:5px 0 4px 10px;
	font-weight:bold; color:#999;
}
#article td.history_txt {
	padding:6px 8px 4px 8px;
}

/*board*/
select {
	-webkit-appearance:none;
	-webkit-border-radius:3px;
	color:#666;
	font-family:'돋움', 'Dotum';
	font-size:12px;
	vertical-align:middle;
	padding:2px;
	border:1px solid #ccc;
	height:21px;
	background:url(/m/images/select_arrow.gif) no-repeat right top;
}
#brd {
	margin:0 10px;
	position:relative;
}


/*organ*/
#article .cmt_p {
	width:95%; 
	margin:auto; margin-bottom:20px;
}
#article .sub_tit img {
	height:12px;
	margin-bottom:10px;
}
#article .cmt_table {
	border-collapse:collapse;
	border-top:2px solid #a1b4e6;
}
#article .cmt_table th {
	background:#eef3ff;
	border:1px solid #d9d9d9;
	font-weight:bold;
	color:#7486b2;
	height:30px;
}
#article .cmt_table td {
	border:1px solid #d9d9d9;
	padding:7px;
	line-height:18px;
	text-align:center;
}
#article .cmt_table .cmt_name {
	background:#f6f6f6;
	font-weight:bold; color:#666;
}
#article .cmt_table .names {
	text-align:left;
}
#article .cmt_official {
	padding-bottom:3px;
}

/*li stlye*/
.list_style {
	list-style:square inside;
}
.list_style li {
	list-style:inherit;
	padding-left:2px;
}

/*map*/
.map_tbl {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-top:2px solid #90a0ce;
}
.map_tbl th, .map_tbl td {
	border:1px solid #d9d9d9;
	padding:5px;
}
.map_tbl th {
	text-align:center;
	font-weight:normal;
}
.map_tbl td {
	height:25px;
	text-align:left;
}

/*community*/
.cmnt_tabs {
	width:100%;
	margin-bottom:10px;
}
.cmnt_tabs ul {
	border:1px solid #d9d9d9;
	*zoom:1;
}
.cmnt_tabs ul:after {
	clear:both;
	display:block;
	content:"";
}
.cmnt_tabs li {
	float:left;
	width:16.6%; height:30px;
}
.cmnt_tabs li a {
	display:block;
	height:100%;
	font-size:11px; text-align:center; text-decoration:none; line-height:30px;
	border-right:1px solid #d9d9d9;
}
.cmnt_tabs li a:hover {
	color:#5b72b1;
	font-weight:bold;
}
.cmnt_tabs li .last_tab {
	border-right:0;
}


@media screen and (max-width:640px) {
	#quick { display:none; }
}