@charset "utf-8";


/* 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-size:100%*/
body { line-height:1; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400; letter-spacing: -1px; font-family:'sans-serif';}/**/
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-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:45px; text-align:center; background:#003b84; width:100%; }
.bd_header > div {display: inline-block; vertical-align: top; text-align:center; color:#fff;}
.bd_header > div.left { position:absolute; left:14px; top:5px; padding:0px; font-size:24px;}
.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:16px; position:absolute; right:0; top:15px;}
.bd_header > div.right span {display: inline-block; vertical-align: top; padding:0 20px; position:relative;}
.bd_header > div.right span:first-child {font-size:12px;}
.bd_header > div.right span:first-child:after {position:absolute; right:0; top:0; content:""; width:1px; height:18px; background:#6a6a6a;}

.bd_title {font-size:0; position:relative; padding:15px;}
.bd_title > div {display: inline-block; vertical-align: top; text-align:center; color:#000; font-size:14px; padding:15px 0; }
.bd_title > div.left {display: inline-block;  padding:5px; color:#fff; background:#516B82; font-size:12px; text-align:left; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bd_title > div.right {display: inline-block; position:absolute; right:0; width:80px; top:4px; color:#999;}
.bd_title > div.right i:first-child {margin:0 15px 0 0;}

.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;  border-bottom:1px solid #ccc; position:relative;}
.hx.h3 h3 {font-size: 18px;font-weight: 900; line-height:1.25em; font-family:sans-serif; color:#000; padding-left:20px; width:100%; padding-right:70px;}
.hx.h3 .bd_name {color:#3369e8 ; text-align:center; margin-top:20px;  padding-bottom:10px; font-weight:600; font-size:14px; margin-bottom:20px;}
.hx.h3 .like {position:absolute; right:14px; top:4px; border:1px solid #ccc; background:#eee; padding:5px;}
.hx.h3 .like span {border-left:1px solid #ccc; font-size:12px; margin-left:5px; padding-left:5px;}

.mo_sub_layout .bd {background:#fff;}
.xe_content p {line-height:28px; font-size:14px;}
.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 {text-align:center;}
/* 모바일 푸터 */


/* 메인 */
.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: 0px 7% 15px; background:#fff;  border-bottom:1px solid #ccc; padding-bottom:10px;}
.co .times {color:#434343; padding:10px 0; font-size:12px; text-align:center; font-family:Arial; letter-spacing:0; font-weight:400; text-align:left; }
.co .times::after {content:""; display:block; clear:both; height:0;}
.co .times .left {float:left;}
.co .times .right {float:right;}


.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 h3.fs0 { 
  font-size: 24px; 
 position:relative;
  padding: 8px 5px; 
  margin: 5px 0;
  letter-spacing: 0;
  word-spacing: 3px;
  text-align:center;
  overflow:hidden;
  padding-left:40px;
}
.xe_content h3.fs0:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100px;
    height: auto;
    background: red;
    content: "New"; /* 보여주는 텍스트 */
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    padding: 4px 4px;
    left: -42px;
    top: 3px;
    transform: rotate(-46deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.xe_content h2 { font-size: 22px; }
.xe_content h3 { font-size: 19px; }
.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; }



/* 큰글씨 스타일 */

.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; font-weight: bold; COLOR: #003b84; PADDING-BOTTOM: 10px; TEXT-ALIGN: left; border-right: #003b84 8px solid; padding: 3px 5px; margin: 5px 0; BACKGROUND-COLOR: #FFF; BORDER-BOTTOM: 1px solid #003b84; border-radius:20px 0; padding-left:20px; border-top:1px solid #003b84; border-left:8px solid #003b84; padding-right:20px;} 

.fs3 { font-size: 200%; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 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;}