@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-family:'Nanum Gothic',  sans-serif; }/*font-size:100%*/
body { line-height:1; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400 !important; letter-spacing: -1px;}/**/
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
fieldset * { vertical-align:top}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { /*display:none;*/}
input, select, img { vertical-align:middle; outline:0; max-width:100%;}
input, select, textarea, button, table { font-family: 'Nanum Gothic' !important; font-weight:400;}
em, address { font-style:normal; }
div, span, a, h1, h2, h3, h4, h5, h6, p, ul, li {box-sizing:border-box;-moz-box-sizing:border-box;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#333; line-height:1;} /* font Setup Code */
a { color:#333; text-decoration:none;} /* anchor (normal) Setup Code */
a:hover { text-decoration:none;} /* anchor (mouse over) Setup Code */
input.text { padding:2px; height:19px; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;} /* input:text Setup Code */
button {outline:none; border:none;}
select.select { height:23px; border:1px solid #cdcdcd;} /* select element Setup Code */
textarea.textarea { width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.vtMiddle { vertical-align:middle;}


/* 모바일 */
body {background: #fff;}
.bd {background: #fff;}

/* header */
.bd_header {font-size:0; position:relative; height:40px; text-align:center; background:#2a3b65; width:100%;}
.bd_header > div {display: inline-block; vertical-align: top; text-align:center; color:#fff;}
.bd_header > div.left { position:absolute; left:0px; top:0px; padding:8px; font-size:24px; background:#748eb0; font-weight:800;}
.bd_header > div.center {text-align:center; color:#fff; font-weight:bold; font-size:20px; line-height:55px;}
.bd_header > div.left img {height:40px;}
.bd_header > div.right {font-size:26px; position:absolute; right:10px; top:4px;}

.bd_header > div.right2 {font-size:26px; position:absolute; left:10px; top:4px;}

.bd_header > div.right3 {font-size:26px; position:absolute; right:50px; top:4px;}

.bd_title {font-size:0; }
.bd_title > div {display: inline-block; vertical-align: top; text-align:center; color:#000; font-size:14px; padding:15px 0; border-bottom:1px solid #ccc;}
.bd_title > div.left {width:55%;  text-align:left; padding-left:5%; border-right:1px solid #ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bd_title > div.center {width:25%;  border-right:1px solid #ccc;}
.bd_title > div.right {width:20%; }
.bd_title > div.right i {margin:0 5%;}


.zoom ul {display: inline-block;}

.zoom ul li {display: inline-block;}

.zoom ul li img {width: 15px;}

.bd_logo {padding-top:50px; padding-bottom:40px; border-bottom:1px solid #ccc;}


.mland_top_gnb_tit{font-size:14px; line-height:100%; color:#fff;  text-align:left;  line-height:40px; letter-spacing:1px;}
.mland_top_gnb_tit span {font-weight:700;}

/* 상단 카테고리 */
.category161114{padding:5px; position:relative; border-bottom:1px solid #ddd;}
.category161114 li{display:inline-block; padding:8px 11px; font-size:12px;}
.mland_top_icon03{position:absolute; top:40px; right:0px; width:43px;}
.category_b{border-bottom:1px solid #039; color:#039;}

.sub_header  {padding:0 15px; margin-top:10px;text-align: right; }
.sub_header .reply {position:relative; display:inline-block; }
.sub_header .reply span {position:absolute; right:3px; top:4px; color:#fe0000; font-weight:bold; font-size:10px;}
.sub_header .smile {position:relative; display:inline-block; width:55px; border:1px solid #ccc; padding:3px 5px 2.5px;}
.sub_header .smile img {width:16px; padding:2px 0;}
.sub_header .smile span {position:absolute; right:6px; top:6px; color:#fe0000; font-weight:bold; font-size:12px;}
.sub_header .zoom {display: inline-block; width:120px;}


/* 타이틀 */
.hx.h3 {padding:5px 0; color:#333; background:#fff; text-shadow:none;font-family: sans-serif;font-weight: bold; margin-top:10px;  padding:0 20px;}
.hx.h3 h3 {font-size: 22px;font-weight: 700; line-height:1.5; font-family:sans-serif; color:#222;  word-break: break-all; font-family: 'Nanum Gothic', sans-serif;}
.hx.h3 .time {font-size:12px; font-family:sans-serif; font-weight:400; color:#9b9c9f; margin-top:10px;}
.hx.h3 .bd_name {color:#3369e8 ; text-align:center; margin-top:20px;  padding-bottom:10px; font-weight:600; font-size:14px; margin-bottom:20px;}
.times {color:#434343; padding:10px 0; font-size:14px; text-align:center; font-family:Arial; letter-spacing:0; font-weight:400; text-align:left; padding-left:20px;}

.hx.h3 i {padding-right:10px; font-weight:100; padding-left:10px;}
.mo_sub_layout .bd {background:#fff;}
.xe_content p {line-height:20px; font-size:14px;}
.hx:after {margin:0; top:15px;}


/* footer */
.bottom_parts2 {clear:both;overflow:hidden;border-top:1px solid #e6e6e5;border-bottom:1px solid #ededea;background-color:#eff2f7;padding:14px 0 18px 0;}
.bottom_slign1 {margin:0 auto;text-align:center;width:310px;padding-left:10px;}
.bottom_slign2 {margin:0 auto;text-align:center;width:310px;margin-top:-3px;}
.bottom_slign3 {margin:0 auto;text-align:center;width:310px;background:url('../img/bottom_line2.gif') no-repeat;background-position:top;margin-top:-4px; padding-top:6px;}
.bottom_slign4{margin:0 auto;text-align:center;width:310px;background:url('../img/bottom_line2.gif') no-repeat;background-position:top; font-size:11px; color:#989896; padding:10px; line-height:17px;}
.bottom_slign5{margin:0 auto;text-align:left;width:310px;background:url('../img/bottom_line2.gif') no-repeat;background-position:top; font-size:11px; color:#989896; padding:10px; line-height:17px;}

.bottom_parts01 {	font-size:11px;font-family:AppleSDGothicNeo-Light;color:#4d4d4c;height:29px;text-align:center;}
.bottom_parts01 span a:link, .bottom_parts01 span a:visited, .bottom_parts01 span a:active, .bottom_parts01 span a:hover {text-decoration:none; color:#4d4d4c;}
.bottom_parts01 span {display:inline-block;}

.bottom_txt {padding-top:3px;margin-right:10px;vertical-align:top;}
.bottom_txt a {display: inline-block; min-width:40px;}
.bottom_txt_last {padding-top:3px;}
.bottom_line {padding-top:4px;padding-right:10px;vertical-align:top;}
.bottom_btn {font-size:0;}
.bottom_btn a {text-decoration:none;}
.bottom_btn a img {font-size:0;line-height:0%;width:133px;}

.bottom_parts02 {font-size:11px;font-family:AppleSDGothicNeo-Light;color:#4d4d4c;text-align:center;padding-top:10px;}
.bottom_parts02 em {font-style:normal;padding-left:10px;}
.bottom_parts03 {text-align:center;margin-top:4px;}
.bottom_stxt {display:block;font-size:11px;font-family:AppleSDGothicNeo-Light;color:#989896;padding-top:3px;text-decoration:none;}
.bottom_stxt em {font-family:AppleSDGothicNeo-Light;font-style:normal;letter-spacing:-1px;}




.recommend_wrap {text-align:center; margin:100px auto 15px;}
.recommend {display:inline-block; background:url("../img/recommend.png") no-repeat; width:96px; height:66px; color:blue; font-size:20px; font-weight:bold; text-align:center; padding-top:35px;}

.dummy {padding-left:20px;}
/* 모바일 푸터 */







/** 기사 댓글-----*/
	.rd_news_li a{ text-decoration:none; color:#000;}
	.rd_news_li a:link{ text-decoration:none; color:#000;}
	.rd_news_li a:hover{ text-decoration:none; color:#000;}
	.rd_news_li a:visited{ text-decoration:none; color:#000;}
	.rd_news_li a:active{ text-decoration:none; color:#000;}
	
	.rd_reply a{ text-decoration:none; color:#000;}
	.rd_reply a:link{ text-decoration:none; color:#000;}
	.rd_reply a:hover{ text-decoration:none; color:#000;}
	.rd_reply a:visited{ text-decoration:none; color:#000;}
	.rd_reply a:active{ text-decoration:none; color:#000;}
	
	
	.rd_news_li{ width:320px; padding-left:10px; margin-bottom:30px;}
	.rd_news_li p{ color:#9d9d9d; font-size:12px; margin-bottom:10px;}
	.rd_news_li p strong{color:#333333; font-size:16px; font-weight:bold;}
	.rd_news_li ul li{ padding-bottom:10px; color:#666666; font-size:14px;}
	.rd_news_li ul li img{ margin-bottom:3px; margin-right:10px;}
	.rd_news_li ul li strong{ font-size:14px; color:#2565d0; font-weight:bold;}
	
	
	.rd_reply{ width:100%; padding:0 10px;box-sizing:border-box; }
	
	.rd_reply_write{ border-bottom:1px solid #c5c5c5; width:100%; padding:10px;box-sizing:border-box;}
	.rd_reply_write p{ font-size:16px; color:#222; font-weight:bold; float:left; padding-right:10px;}
	.rd_reply_back img{ margin-top:-5px;}
	.rd_reply_exm{float:right;vertical-align:middle;}
	.rd_reply_exm img{}
	
	.rd_reply_txt{position:relative; width:100%;box-sizing:border-box; padding:15px; border:1px solid #eee; margin-top:10px; color:#999; font-size:12px; margin-bottom:20px;}
	.rd_reply_txt strong{position:absolute;right:80px; font-size:12px; color:#bbb;}
	.rd_reply_txt span{position:absolute;right:0;top:0; padding:15px 20px; color:#fff; font-size:12px; background-color:#2565d0; }
	
	.rd_reply_tab{ color:#333333; font-size:16px; font-weight:bold; border-bottom:1px solid #dddddd; width:100%; margin-bottom:20px; margin-top:10px; padding-bottom:10px;}
	.rd_reply_tab img{ margin-right:5px;}
	.rd_reply_tab strong{color:#929292; font-size:16px; font-weight:normal; padding-left:10px;}
	
	
	.rd_reply_li li{ border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px; width:100%;}
	.rd_re_id{ font-size:14px; font-weight:bold; color:222#; letter-spacing:-1px; margin-bottom:5px;}
	.rd_re_txt{ font-size:14px; color:#333; letter-spacing:-1px; line-height:20px; width:100%; margin-bottom:10px;}
	.rd_re_time{display:block;font-size:12px; color:#aeaeae; letter-spacing:-1px;}
	.rd_re_img1{ float:left; position:relative;}
	.rd_re_img1 img{ }
	.rd_re_img1 span {position: absolute;
    right: 5px;
    top: 4.5px;
    font-size: 13px;}
	.good_icon{float:right; position:relative;}
.good_icon span {position:absolute; font-size:12px; letter-spacing:0;}
.good_icon span.good {right:45px; top:5px; color:#a9a9a9;}
.good_icon span.bad {right:5px; top:5px; color:#a9a9a9;}
.good_icon img {display: inline-block; float:left;}
	
	.rd_re_all{ font-size:14px; color:#444; text-align:right; letter-spacing:-1px; padding-bottom:30px; border-bottom:1px solid #ccc; }
	.reple_bottom{vertical-align:middle;margin-top:10px;}
	.reple_bottom:after{content:"";display:block;clear:both;}

	#news-container ul{width:100%;box-sizing:border-box;}
	#news-container ul li{width:100%;height:100%;}
	#news-container{width:100%;overflow: hidden; position: relative;}
	



/* 메인 */
.mo_common_layout {padding-top:60px;}
.mo_main_layout {padding:5%;}
.mo_main_layout .item {padding:2.5%; background:#fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);    box-shadow: 0 1px 2px rgba(0, 0, 0, .2); margin-bottom:40px;}
.mo_main_layout .item .img {position:relative;}
.mo_main_layout .item .img .t1 {    position: absolute;    right: 15px;    top: 15px;    font-size: 25px;    background: rgba(255, 255, 255, 0.7);    color: #000;    line-height: 2;    padding: 0 20px;    font-weight: 700;}
.mo_main_layout .item .txt {}
.mo_main_layout .item .txt h2 {color:#3bafda; font-size:18px; line-height:1.7;}
.mo_main_layout .item .txt p {text-align:right; padding-top:10px;}

.mo_main_layout .img_box {margin-top:40px;}
.mo_main_layout .img_box ul {width:100%; font-size:0;}
.mo_main_layout .img_box ul li {display:inline-block; vertical-align:top; width:24%; margin:0.5% 0.5%; position:relative; height:0; padding-bottom:25%;}
.mo_main_layout .img_box ul li img {position:absolute; left:0; top:0; width:100%; height:100%;}

/* 서브 게시판 */
.bot_content {width:100%; text-align:center;}

/* qna */
.lt {min-height:400px;}
.lt a {font-size:0; box-sizing:border-box;}
.lt .num {display:inline-block; width:10%; font-size:14px; border:1px solid #ccc; border-radius:5px; text-align:center; line-height:20px; vertical-align:top;}
.lt .title {display:inline-block; width:90%; padding-left:5%;}
.sh input[type=search] {padding:0 5px 0; box-sizing:border-box; height:28px;}
/*.bd {background:#ffffff;}*/

.co { margin: 20px 15px 5px; background:#fff;}


.read_body .xe_content p,
.read_body .xe_content span { font-family: Dotum, 돋움; font-size: 15px; line-height: 1.5; letter-spacing: 1px; text-align: justify; }
.bd .co .xe_content p,
.bd .co .xe_content span { font-family: Dotum, 돋움; font-size: 15px; line-height: 1.5; letter-spacing: 1px; text-align: justify; }

.mo_sub_layout { padding: 15px; }
.xe_content h1, .xe_content h2 , .xe_content h3, .xe_content h4, .xe_content h5, .xe_content h6 { 
  font-size: 20px; 
 position:relative;
  text-height:200%;
  padding: 3px 12px; 
  margin: 5px 0 18px 0;
  letter-spacing: 0;
  word-spacing: 3px;
  text-align:left;
/*  text-align:center; box-shadow: 0 1px 2px rgba(0, 0, 0, .2);*/
}
/* .xe_content h1:after, .xe_content h2:after , .xe_content h3:after, .xe_content h4:after, .xe_content h5:after, .xe_content h6:after {background:#000; content:""; position:absolute; width:4px; height:20px; top:8px; left:0; } */
.xe_content h2 { font-size: 22px; }
.xe_content h3 { font-size: 20px; }
.xe_content h4 { font-size: 18px; }
.xe_content h5 { font-size: 16px; }
.xe_content h6 { font-size: 14px; }
.show_author_document {
    margin: 10px 0;
    overflow: hidden;
    background: #fff;
    font-size: 13px;
    line-height: 1.4;
    clear: both
}

.show_author_document a {
    text-decoration: none;
    color: #222
}

.show_author_document a:hover,.show_author_document a:active,.show_author_document a:focus {
    text-decoration: none
}

.show_author_document img[title="file"] {
    display: none
}

.show_author_document h2 {
    margin: 0;
    padding: 5px 10px;
    font-size: 20px;
    background: #3f63bf;
    color: #fff;
    font-weight: bold;
    font-family: 돋움;
    border: none;
}

.show_author_document h2:after {content:none;}

.show_author_document ul {
    margin: 0;
    padding: 10px 8px 8px 8px;
    list-style: none;
    border: 1px solid #ddd;
    border-top: 0
}
.show_author_document ul li { padding-bottom: 3px; }
.show_author_document ul li a {
    display: block;
    height: 23px
}

.show_author_document ul li a .part {
    float: right
}

.show_author_document ul li a .part .hour {
    color: #000
}

.show_author_document ul li a .part .date {
    color: #888
}

.show_author_document ul li a .title {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

.show_author_document ul li a:hover .title,.show_author_document ul li a:active .title,.show_author_document ul li a:focus .title {
    text-decoration: underline;
    color: #15c
}

.show_author_document ul li a .mark {
    display: inline-block;
    margin-right: 2px;
    padding: 1px 6px;
    font-size: 12px;
    background: #000;
    color: #fff;
    border-radius: 10px
}

.show_author_document ul li a .mark.newest {
    background: #3A8E52
}

.show_author_document ul li a .mark.popular {
    background: #F24452
}


/* Pagination */
/* list.html | _comment.html */
.pagination {
	margin: 0;
	padding: 13px 0;
	text-align: center;
	line-height: normal;
	clear:both;
	background:#fff; margin:0 10px; border-radius:5px;
}
.pagination a,
.pagination strong {
	position: relative;
	color: #767676;
	font: bold 11px/22px Tahoma, Sans-serif;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
	padding: 1px 8px;
	background-color: #F6F6F6;
	border-radius:2px;
	z-index: 2;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background-color: #f8f8f8;
}
.pagination strong {
	color: #e4007f;
	font-size: 13px;
}
.pagination .direction {
	font-weight: normal;
	color: #767676;
	text-decoration: none !important;
	border: 0;
	z-index: 1;
}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus {
	color: #333;
	background-color: #fff;
}
.pagination .prev {
	border-left: 0;
}
.pagination .next {
	border-right: 0;
}
.pagination .direction span {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	top: 4px;
}
.pagination .prev span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-left: 0;
	margin-right: 1px;
	*left: -4px;
}
.pagination .next span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-right: 0;
	margin-left: 1px;
}

/* list.html */
.board_list {
	background:#fff; border-radius:5px; padding:5px; margin:0 10px; margin-bottom:20px;
}
.board_list table {
	border: 0;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	color: #4a4a4a;
}
.board_list a {
	text-decoration: none;
	color: #4a4a4a;
}
.board_list a:hover,
.board_list a:active,
.board_list a:focus {
	text-decoration: underline;
}
.board_list th {
	border: 0;
	border-bottom:double #DBDBDB;
	padding: 14px 0 15px 0;
	height: 14px;
	white-space: nowrap;
}
.board_list th:first-child span {
	border: 0;
}
.board_list th span {
	display: block;
	padding: 0 15px;
	height: 14px;
	font-weight: normal;
}
.board_list ul {
	display:flex; 
align-content:flex-start; 
flex-direction:column; 
flex-wrap:wrap; 
overflow:auto;
height:60px;
position:relative;
}
.board_list ul:after {content:""; background:#ccc; width:1px; height:55px; left:50%; margin-left:-0.5px; bottom:0px;}

.board_list ul li {display: inline-block; width:50%;  font-size:0;}
.board_list ul li > div {display: inline-block; vertical-align:top; line-height:20px;}
.board_list ul li > div img {display:none;}
.board_list ul li > div.no {width:10%; font-size:14px; text-align:center;}
.board_list ul li > div.title {white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; width:90%;  font-size:14px; padding-left:10px;}

.board_list ul td.title a {
	font-weight: bold;
}
.board_list td {
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 10px;
	white-space: nowrap;
	vertical-align: top;
}
.board_list tr:last-child td {
	border: 0;
}
.board_list td.notice {
	text-align: center;
}
.board_list td.no {
	text-align: center;
	font: 11px Tahoma, Geneva, sans-serif; color:#e4007f;
}
.board_list td.title {
	white-space: normal;
	line-height: 1.4;
	width: 100%;
}
.board_list td.title img {display:none;}
.board_list td.author img {
	position: relative;
	top: -1px;
}
.board_list td.time,
.board_list td.readNum,
.board_list td.voteNum,
.board_list td.lastReply a {
	text-align: center;
	font: 11px Tahoma, Geneva, sans-serif;
}
.board_list td.lastReply sub {
	font: 9px Tahoma, Geneva, sans-serif;
}
.board_list td.check {
	text-align: center;
}
.board_list tr.no_article {
	height:150px;
}
.board_list tr.no_article td {
	vertical-align: middle;
}
.list_footer {
	position: relative;
	margin: 15px 0;
	zoom: 1;
}
.list_footer:after {
	content: "";
	display: block;
	clear: both;
}
.list_footer .btnArea {
	float: right;
	margin: 0;
}
.list_footer .board_search {
	float: left;
	position: relative;
	margin: 0 4px 0 0; }
.list_footer .board_search .xi-magnifier {
	position:absolute; top:7px; left: 7px;
}
.list_footer .board_search * {
	vertical-align: top;
}
.list_footer .board_search .iText {
	height: 25px;
	line-height: 25px;
	padding: 0 60px 0 27px;
	width: 160px;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	box-sizing:border-box;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out		
}
.list_footer .board_search .iText.active,
.list_footer .board_search .iText:active,
.list_footer .board_search .iText:focus {
	width: 180px;
}
.list_footer .board_search .search_input {display:inline-block; position: relative;}
.list_footer .board_search select {
	height: 25px;
	min-width: 80px;
	padding: 0;
}
.list_footer .board_search .btn {
	position: absolute;
	top: 0;
	right:0;
	border-radius: 0 2px 2px 0;
}

.b_tit {margin: 5px 0; padding-left: 10px; color: #fff; background: #e4007f; line-height: 33px;}

.lt li {margin:5px 10px; background:#fff; border-radius:5px;}

.mo_common_layout .tab_tit {}
.mo_common_layout .tab_tit .tit {line-height:40px; font-size:18px; font-weight:bold; padding:0 0 0 10px; background:#e4007f; color:#fff;}
.mo_common_layout .tab_tit .tit a {color:#fff;}

.click_top {position:fixed; right:20px; bottom:20px; z-index:8000; background-color:#000; color:#fff; border-radius:5px; width:30px; height:30px; text-align:center; line-height:30px; display:none;}




/* 새로운 css */

.banner {margin:30px auto 40px;}




/* 새로운 바텀 뉴스 */

.bot_news1 {padding:0 20px;}
.bot_news1 * {letter-spacing:0;}
.bot_news1 .tit_box {padding:10px 0; position:relative;}
.bot_news1 .tit_box .t1 {font-size:16px; color:#2565d1;}
.bot_news1 .tit_box .t2 {color:#8b8b8b;  font-size:13px; line-height:1.2; margin-top:5px;}
.bot_news1 .tit_box .t3 {position:absolute; right:0; top:20px; font-size:30px; color:#b7b7b7;}
.bot_news1 .news_tab {font-size:0; width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.bot_news1 .news_tab li {display: inline-block; width:33.3333%; vertical-align:top; line-height:42px; position:relative; font-size:16px; text-align:center; font-weight:100; }
.bot_news1 .news_tab li.on {color:#2565d1;}
.bot_news1 .news_tab li.on span {display: inline-block; line-height:40px; position:relative;}
.bot_news1 .news_tab li.on span:after {content:""; left:0;bottom:-2px; width:100%; height:1px; background:#2565d1; position:absolute;}
.bot_news1 .news_tab li:first-child {}
.bot_news1 .news_tab li:first-child:before {content:""; right:0; top:10px; width:1px; height:20px; background:#eee; position:absolute;}
.bot_news1 .news_list {font-size:0;}
.bot_news1 .news_list li {line-height:40px; border-bottom:1px solid #eee; position:relative; height:96px; padding:10px 0;}
.bot_news1 .news_list li a {display: inline-block; position:relative; width:100%;}
.bot_news1 .news_list li div {vertical-align:top; margin:0; padding:0;}
.bot_news1 .news_list li div.num {line-height:72px; font-size: 25px; display: inline-block; position:absolute; left:0; font-weight:100; font-family:sans-serif;}
.bot_news1 .news_list li div.contt {width:100%; display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box; padding: 0 85px 0 30px; font-size:15px;  height:72px;  }
.bot_news1 .news_list li div.contt p {display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; text-align: left; word-wrap: break-word; line-height: 22px; height: 44px;}
.bot_news1 .news_list li div.contt span {color:#ababab; position:relative; top:-5px;}
.bot_news1 .news_list li div.new {line-height:72px; font-size:13px; color:#ea3432; position:absolute; right:0; top:0; width:72px; height:72px;}


.bot_news2 * {letter-spacing:0;}
.bot_news2 {padding:0 20px 10px; background:#fff; margin-top:20px;}
.bot_news2 .tit {font-size:18px; line-height:44px; color:#3f63be;}
.bot_news2 .news_tab {font-size:0; width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.bot_news2 .news_tab li {display: inline-block; width:50%; vertical-align:top; line-height:42px; position:relative; font-size:16px; text-align:center; font-weight:100;}
.bot_news2 .news_tab li.on {color:#2565d1;}
.bot_news2 .news_tab li.on span {display: inline-block; line-height:40px; position:relative;}
.bot_news2 .news_tab li.on span:after {content:""; left:0;bottom:-2px; width:100%; height:1px; background:#2565d1; position:absolute;}
.bot_news2 .news_tab li:first-child {}
.bot_news2 .news_tab li:first-child:before {content:""; right:0; top:10px; width:1px; height:20px; background:#eee; position:absolute;}
.bot_news2 .news_list {font-size:0;}
.bot_news2 .news_list li {line-height:40px; border-bottom:1px solid #eee; position:relative;}
.bot_news2 .news_list li span {vertical-align:top; margin:0; padding:0;}
.bot_news2 .news_list li span.num {line-height:38px; font-size: 23px; display: inline-block; position:absolute; left:0; font-weight:100; font-family:sans-serif;}
.bot_news2 .news_list li span.contt {width:100%; display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box; padding: 0 45px 0 30px; line-height:38px;  font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bot_news2 .news_list li span.new {line-height:38px; font-size:13px; color:#ea3432; position:absolute; right:0; }

.bot_news2 .yyyymmdd {color:#999999; line-height:30px; font-size:14px; padding-left:10px; }
.bot_news2 .circle_box {line-height:43px; height:43px; position:relative;}
.bot_news2 .circle {position:absolute; top:20px; left:0; text-align:center; display: inline-block; width:100%; vertical-align:top;}
.bot_news2 .circle div {border-radius:50px; width:8px; height:8px; background:#ccc; display: inline-block; vertical-align:top; line-height:42px;  margin:0 4px; margin-top:1px;}
.bot_news2 .circle div.on {background:#3f63be; width:10px; height:10px; margin-top:0;}

.loandream-1 {height:400px !important;}
.adsbygoogle, .adsbygoogle iframe {height:250px !important; width:300px !important;}
/* 모바일 */
body {background: #fff;}
.bd {background: #fff;}

/* header */
.bd_header {font-size:0; position:relative; height:58px; text-align:center; background:#3e6969; width:100%; border-top: 1px solid #6bb1ed !important; border-bottom: 1px solid #549898 !important;}
.bd_header > div {display: inline-block; vertical-align: top; text-align:center; color:#fff;}
.bd_header > div.left { position:absolute; left:16px; top:8px; padding:5px; font-size:30px;}
.bd_header > div.center {text-align:center; color:#fff; font-weight:bold; font-size:20px; line-height:55px;}
.bd_header > div.left img {height:40px;}
.bd_header > div.right {font-size:26px; position:absolute; right:20px; top:15px;}

.bd_title {font-size:0; }
.bd_title > div {display: inline-block; vertical-align: top; text-align:center; color:#000; font-size:14px; padding:15px 0; border-bottom:1px solid #ccc;}
.bd_title > div.left {width:55%;  text-align:left; padding-left:5%; border-right:1px solid #ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bd_title > div.center {width:25%;  border-right:1px solid #ccc;}
.bd_title > div.right {width:20%; }
.bd_title > div.right i {margin:0 5%;}

.bd_logo {padding-top:50px; padding-bottom:40px; border-bottom:1px solid #ccc;}

/* 타이틀 */
.hx.h3 {padding:5px 0 10px; color:#333; background:#fff; text-shadow:none;font-family: sans-serif;font-weight: bold; margin-top:10px; border-bottom:1px solid #ccc;}
.hx.h3 h3 {font-size: 20px;font-weight: 900; line-height:1.25em; font-family:sans-serif; color:#549898; padding-left:20px;}
.hx.h3 .bd_name {color:#3369e8 ; text-align:center; margin-top:20px;  padding-bottom:10px; font-weight:600; font-size:14px; margin-bottom:20px;}
.times {color:#434343; padding:10px 0; font-size:14px; text-align:center; font-family:Arial; letter-spacing:0; font-weight:400; text-align:left; padding-left:20px; display:none;}

.hx.h3 i {padding-right:10px; font-weight:100; padding-left:10px;}
.mo_sub_layout .bd {background:#fff;}
.xe_content p {line-height:20px; font-size:14px; letter-spacing:0;}
.hx:after {margin:0; top:15px;}

.recommend_wrap {text-align:center; margin:100px auto 15px;}
.recommend {display:inline-block; background:url("../img/recommend.png") no-repeat; width:96px; height:66px; color:blue; font-size:20px; font-weight:bold; text-align:center; padding-top:35px;}

.dummy {padding-left:20px;}
/* 모바일 푸터 */


/* 메인 */
.mo_common_layout {padding-top:60px;}
.mo_main_layout {padding:5%;}
.mo_main_layout .item {padding:2.5%; background:#fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);    box-shadow: 0 1px 2px rgba(0, 0, 0, .2); margin-bottom:40px;}
.mo_main_layout .item .img {position:relative;}
.mo_main_layout .item .img .t1 {    position: absolute;    right: 15px;    top: 15px;    font-size: 25px;    background: rgba(255, 255, 255, 0.7);    color: #000;    line-height: 2;    padding: 0 20px;    font-weight: 700;}
.mo_main_layout .item .txt {}
.mo_main_layout .item .txt h2 {color:#3bafda; font-size:18px; line-height:1.7;}
.mo_main_layout .item .txt p {text-align:right; padding-top:10px;}

.mo_main_layout .img_box {margin-top:40px;}
.mo_main_layout .img_box ul {width:100%; font-size:0;}
.mo_main_layout .img_box ul li {display:inline-block; vertical-align:top; width:24%; margin:0.5% 0.5%; position:relative; height:0; padding-bottom:25%;}
.mo_main_layout .img_box ul li img {position:absolute; left:0; top:0; width:100%; height:100%;}

/* 서브 게시판 */
.bot_content {width:100%; text-align:center;}

/* qna */
.lt {min-height:400px;}
.lt a {font-size:0; box-sizing:border-box;}
.lt .num {display:inline-block; width:10%; font-size:14px; border:1px solid #ccc; border-radius:5px; text-align:center; line-height:20px; vertical-align:top;}
.lt .title {display:inline-block; width:90%; padding-left:5%;}
.sh input[type=search] {padding:0 5px 0; box-sizing:border-box; height:28px;}
/*.bd {background:#ffffff;}*/

.co {min-height:400px; margin: 20px 7% 5px; background:#fff; border-radius:5px; border-bottom:1px solid #ccc;}


.read_body .xe_content p,
.read_body .xe_content span { font-family: Dotum, 돋움; font-size: 15px; line-height: 1.7; letter-spacing: 1px; text-align: justify; }
.bd .co .xe_content p,
.bd .co .xe_content span { font-family: Dotum, 돋움; font-size: 15px; line-height: 1.7; letter-spacing: 1px; text-align: justify; }

.mo_sub_layout { padding: 15px; }
/* .xe_content h1, .xe_content h2 , .xe_content h3, .xe_content h4, .xe_content h5, .xe_content h6 */
.xe_content h3.fs0 { 
  font-size: 24px; 
 position:relative;
  text-height:200%;
  padding: 3px 5px 45px; 
  margin: 5px 0 18px 0;
  letter-spacing: 0;
  word-spacing: 3px;
  text-align:center;
}

/*.xe_content h1:after, .xe_content h2:after , .xe_content h3:after, .xe_content h4:after, .xe_content h5:after, .xe_content h6:after */
.xe_content h3.fs0:after {background:#3369e8; content:""; position:absolute; width:10%; height:4px; bottom:15px; left:50%; margin-left:-5%; }
.xe_content h2 { font-size: 22px; }
.xe_content h3 { font-size: 20px; }
.xe_content h4 { font-size: 18px; }
.xe_content h5 { font-size: 16px; }
.xe_content h6 { font-size: 14px; }
.show_author_document {
    margin: 10px 0;
    overflow: hidden;
    background: #fff;
    font-size: 13px;
    line-height: 1.4;
    clear: both
}

.show_author_document a {
    text-decoration: none;
    color: #222
}

.show_author_document a:hover,.show_author_document a:active,.show_author_document a:focus {
    text-decoration: none
}

.show_author_document img[title="file"] {
    display: none
}

.show_author_document h2 {
    margin: 0;
    padding: 5px 10px;
    font-size: 20px;
    background: #F7931E;
    color: #fff;
    font-weight: bold;
    font-family: 돋움;
    border: none;
}

.show_author_document ul {
    margin: 0;
    padding: 10px 8px 8px 8px;
    list-style: none;
    border: 1px solid #ddd;
    border-top: 0
}
.show_author_document ul li { padding-bottom: 3px; }
.show_author_document ul li a {
    display: block;
    height: 23px
}

.show_author_document ul li a .part {
    float: right
}

.show_author_document ul li a .part .hour {
    color: #000
}

.show_author_document ul li a .part .date {
    color: #888
}

.show_author_document ul li a .title {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

.show_author_document ul li a:hover .title,.show_author_document ul li a:active .title,.show_author_document ul li a:focus .title {
    text-decoration: underline;
    color: #15c
}

.show_author_document ul li a .mark {
    display: inline-block;
    margin-right: 2px;
    padding: 1px 6px;
    font-size: 12px;
    background: #000;
    color: #fff;
    border-radius: 10px
}

.show_author_document ul li a .mark.newest {
    background: #3A8E52
}

.show_author_document ul li a .mark.popular {
    background: #F24452
}


/* Pagination */
/* list.html | _comment.html */
.pagination {
	margin: 0;
	padding: 13px 0;
	text-align: center;
	line-height: normal;
	clear:both;
	background:#fff; margin:0 10px; border-radius:5px;
}
.pagination a,
.pagination strong {
	position: relative;
	color: #767676;
	font: bold 11px/22px Tahoma, Sans-serif;
	vertical-align: top;
	display: inline-block;
	text-decoration: none;
	padding: 1px 8px;
	background-color: #F6F6F6;
	border-radius:2px;
	z-index: 2;
}
.pagination a:hover,
.pagination a:active,
.pagination a:focus {
	background-color: #f8f8f8;
}
.pagination strong {
	color: #e4007f;
	font-size: 13px;
}
.pagination .direction {
	font-weight: normal;
	color: #767676;
	text-decoration: none !important;
	border: 0;
	z-index: 1;
}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus {
	color: #333;
	background-color: #fff;
}
.pagination .prev {
	border-left: 0;
}
.pagination .next {
	border-right: 0;
}
.pagination .direction span {
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	top: 4px;
}
.pagination .prev span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-left: 0;
	margin-right: 1px;
	*left: -4px;
}
.pagination .next span {
	border: 3px solid;
	border-top: solid #fff;
	border-bottom: solid #fff;
	border-right: 0;
	margin-left: 1px;
}

/* list.html */
.board_list {
	background:#fff; border-radius:5px; padding:5px; margin:0 10px; margin-bottom:20px;
}
.board_list table {
	border: 0;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	color: #4a4a4a;
}
.board_list a {
	text-decoration: none;
	color: #4a4a4a;
}
.board_list a:hover,
.board_list a:active,
.board_list a:focus {
	text-decoration: underline;
}
.board_list th {
	border: 0;
	border-bottom:double #DBDBDB;
	padding: 14px 0 15px 0;
	height: 14px;
	white-space: nowrap;
}
.board_list th:first-child span {
	border: 0;
}
.board_list th span {
	display: block;
	padding: 0 15px;
	height: 14px;
	font-weight: normal;
}
.board_list ul {
	display:flex; 
align-content:flex-start; 
flex-direction:column; 
flex-wrap:wrap; 
overflow:auto;
height:60px;
position:relative;
}
.board_list ul:after {content:""; background:#ccc; width:1px; height:55px; left:50%; margin-left:-0.5px; bottom:0px;}

.board_list ul li {display: inline-block; width:50%;  font-size:0;}
.board_list ul li > div {display: inline-block; vertical-align:top; line-height:20px;}
.board_list ul li > div img {display:none;}
.board_list ul li > div.no {width:10%; font-size:14px; text-align:center;}
.board_list ul li > div.title {white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; width:90%;  font-size:14px; padding-left:10px;}

.board_list ul td.title a {
	font-weight: bold;
}
.board_list td {
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 10px;
	white-space: nowrap;
	vertical-align: top;
}
.board_list tr:last-child td {
	border: 0;
}
.board_list td.notice {
	text-align: center;
}
.board_list td.no {
	text-align: center;
	font: 11px Tahoma, Geneva, sans-serif; color:#e4007f;
}
.board_list td.title {
	white-space: normal;
	line-height: 1.4;
	width: 100%;
}
.board_list td.title img {display:none;}
.board_list td.author img {
	position: relative;
	top: -1px;
}
.board_list td.time,
.board_list td.readNum,
.board_list td.voteNum,
.board_list td.lastReply a {
	text-align: center;
	font: 11px Tahoma, Geneva, sans-serif;
}
.board_list td.lastReply sub {
	font: 9px Tahoma, Geneva, sans-serif;
}
.board_list td.check {
	text-align: center;
}
.board_list tr.no_article {
	height:150px;
}
.board_list tr.no_article td {
	vertical-align: middle;
}
.list_footer {
	position: relative;
	margin: 15px 0;
	zoom: 1;
}
.list_footer:after {
	content: "";
	display: block;
	clear: both;
}
.list_footer .btnArea {
	float: right;
	margin: 0;
}
.list_footer .board_search {
	float: left;
	position: relative;
	margin: 0 4px 0 0; }
.list_footer .board_search .xi-magnifier {
	position:absolute; top:7px; left: 7px;
}
.list_footer .board_search * {
	vertical-align: top;
}
.list_footer .board_search .iText {
	height: 25px;
	line-height: 25px;
	padding: 0 60px 0 27px;
	width: 160px;
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	box-sizing:border-box;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out		
}
.list_footer .board_search .iText.active,
.list_footer .board_search .iText:active,
.list_footer .board_search .iText:focus {
	width: 180px;
}
.list_footer .board_search .search_input {display:inline-block; position: relative;}
.list_footer .board_search select {
	height: 25px;
	min-width: 80px;
	padding: 0;
}
.list_footer .board_search .btn {
	position: absolute;
	top: 0;
	right:0;
	border-radius: 0 2px 2px 0;
}

.b_tit {margin: 5px 0; padding-left: 10px; color: #fff; background: #e4007f; line-height: 33px;}

.lt li {margin:5px 10px; background:#fff; border-radius:5px;}

.mo_common_layout .tab_tit {}
.mo_common_layout .tab_tit .tit {line-height:40px; font-size:18px; font-weight:bold; padding:0 0 0 10px; background:#e4007f; color:#fff;}
.mo_common_layout .tab_tit .tit a {color:#fff;}

.click_top {position:fixed; right:20px; bottom:20px; z-index:8000; background-color:#000; color:#fff; border-radius:5px; width:30px; height:30px; text-align:center; line-height:30px; display:none;}



pre {white-space: pre-wrap;line-height:1.5; font-size:12pt; line-height:1.5; letter-spacing:1px; font-family:Dotum, 돋움;}
#mo_wrap, #mobile_header {max-width:360px; margin:0 auto;}
/*#mobile_header {left:50%; margin-left:-180px;}*/

.xe_content , .xe_content * { font-size:14px; line-height:1.6; letter-spacing:1px !Important; font-family:Dotum, 돋움;}





/* 큰글씨 스타일 */

/* 큰글씨 스타일 */

.fs1 { font-size: 250%; font-weight: bold; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); color: #666;  text-height:200%; padding: 3px 5px; margin: 5px 0; letter-spacing: 1px; word-spacing: 3px; position:relative;  padding-bottom:60px; padding-top:20px; text-align:center;} 
.fs1:after {content:""; width:20px; height:3px; background:#666; position:absolute; left:50%; margin-left:-10px; bottom:25px;}

.fs2 { FONT-SIZE: 22px; COLOR: #2E86B9; PADDING-BOTTOM: 10px; TEXT-ALIGN: left; border-right: #55555B 8px solid; padding: 3px 5px; margin: 5px 0; BACKGROUND-COLOR: #FFF; BORDER-BOTTOM: 1px solid #000; border-radius:20px 0; padding-left:20px; border-top:1px solid #000; border-left:8px solid #55555B; padding-right:20px;} 

.fs3 { font-size: 200%; color: #666; PADDING-BOTTOM: 10px; TEXT-ALIGN: left; border-right:8px solid #55555b;  BORDER-LEFT: #55555B 8px solid; padding: 3px 5px; margin: 5px 0; BACKGROUND-COLOR: #FFF;    border-radius:10px; text-align:center;} 

.fs4 { FONT-SIZE: 22px; COLOR: #eeeeee; PADDING-BOTTOM: 10px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #00b5ff 8px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #282828; border-radius:3px; margin-top:20px;  } 

.fs5 { font-size: 22px !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); padding: 3px 5px; margin: 5px 0; BACKGROUND-COLOR: #FFF; BORDER-BOTTOM: 2px solid #ccc; BORDER-TOP: 2px solid #ccc; BORDER-LEFT: #4D82B8 8px solid; BORDER-RIGHT: 2px solid #ccc; border-bottom: 2px solid #ccc;  box-shadow:4px 6px 14px 1px rgba(51, 51, 51, 0.6);}

.fs6 { font-size: 18px !important; font-weight: bold !important; font-style: normal !important; min-height: inherit !important; min-height: auto !important; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #FFF; BORDER-LEFT: #03867B 4px solid; position:relative; box-shadow:4px 6px 14px 1px rgba(51, 51, 51, 0.6); margin:10px auto; border-radius:5px;}

.fs6:after {content:""; width:3px; height:100%; background:#666; position:absolute; left:0;  bottom:0px;}