@charset "utf-8";

.txt_blue { color: #00f!important;}
.txt_red { color: #f00!important;}

/*검색*/
.searchForm *{box-sizing:border-box}
.searchForm{position: relative;display: block;margin-bottom: 20px;padding: 15px 20px 10px 20px;background: #fff;border: 1px solid #d9d9d9;text-align:center}
.searchForm:before {content: "";position: absolute;bottom: -4px;left: -1px;display: block; width: 100%;height: 3px;  background: #f1f1f1;}
.searchForm .sch_sel_label{width:100%}
.searchForm input,.searchForm select{vertical-align:middle}
.table-search{margin:0 auto;width:80%}
.searchForm select{height:34px; padding: 0px 10px;border:1px solid #999;background:#fff}
.searchForm input{width:50%;height:34px; padding: 6px 10px;border:1px solid #999}
.searchForm input[type="checkbox"]{width:auto!important}
.searchForm button{height:34px;vertical-align:middle;padding:0px 20px !important;vertical-align:top!important}

.searchForm select,.searchForm input,.searchForm button{margin-bottom:5px}

.searchForm.left{text-align:left}
.searchForm.right{text-align:right}

.searchForm input[type="submit"], .searchForm input[type="button"], .searchForm a.btn, .searchForm button{
	border: 1px solid #aab2bd;
	color: #444a54 !important;
	font-size: 13px!important;
	cursor: pointer;
	font-weight: 400;
	padding: 10px 20px;
	position: relative;
	background: #e6e9ed;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	font-family: "Noto Sans KR";
	height: 34px;
	line-height:34px;
	width:auto;
	padding: 0px 20px !important;
    vertical-align: top!important;
    border-radius:3px;
   
}

.searchForm input:hover[type="submit"], .searchForm input:hover[type="button"], .searchForm a:hover.btn{background: #f8f8f8}

.eventSearch .searchForm input[type="text"]{width:160px}
.eventSearch .searchForm select{width:100px}
.eventSearch .searchForm .w15{background:url(/assets/image/common/ic_calendar.png)right 50% no-repeat;width:120px!important}
.eventSearch .searchForm select{padding: 6px 5px;}
.eventSearch .searchForm #searchEventSeCode{width:120px}


.searchForm .sch_box{overflow:hidden}
.searchForm .year_sel{}
.searchForm .top_select{width:90px}
.searchForm .cal_month_ul{}
.searchForm .cal_month_ul li{float:left;margin:5px 3px}
.searchForm .cal_month_ul li a{display:inline-block;padding:5px 15px;border:1px solid #d9d9d9;background:#f8f8f8;border-radius:3px}
.searchForm .cal_month_ul .selected a{background:#1b4694;color:#fff;letter-spacing:-0.08em}


/* 리스트 테이블 */


table caption {
	position: relative;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.tbl-basic{margin-bottom:10px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;border-collapse: collapse; border-spacing: 0;font-family:'Noto Sans KR';}
.tbl-basic th{padding:10px 5px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 15px;color:#000}
.tbl-basic td{padding:10px 5px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 15px;color:#000;text-align:center}
.tbl-basic th:first-child,
.tbl-basic td:first-child{border-left:none}
.tbl-basic th.trw,
.tbl-basic td.trw{border-right:1px solid #ddd;}
.tbl-basic tbody th,
.tbl-basic thead th{vertical-align:middle;font-family:'Noto Sans KR';}
.tbl-basic thead th,
.tbl-basic tfoot th{background-image:none;}
.tbl-basic tbody th{/*color:#004993;*/color:#333;}
.tbl-basic thead th{color:#333;text-align:center;background:#f8f8f8;font-family:'Noto Sans KR';}
.tbl-basic td  .btn-file{font-size:12px;}

.tbl-basic .tbt_dashed{border-bottom-style:dashed;}
.tbl-basic th{text-align:center}
.tbl-basic{border-top-color:#000;border-bottom-color:#ddd;}
.tbl-basic th,
.tbl-basic td{border-left-color:#ccc;border-bottom-color:#ccc;vertical-align:top}
.tbl-basic tbody th{background-color:#f4f7fc;font-weight:bold}
.tbl-basic td table {border:1px solid #cccccc;font-size:14px;border-bottom:none}
.tbl-basic td table thead th{text-align:center}
.tbl-basic td table th{background:#f8f8f8;font-size:14px}
.tbl-basic td table th,.tbl-basic td table td{border-bottom:1px solid #cccccc;text-align:left;padding:8px 10px;font-size:14px}


.tbl-basic.left td{text-align:left}
.tbl-basic .noStyle td{padding:0}
.tbl-basic .toolbar td{padding:0}
.tbl-basic td input[type="text"],.tbl-basic td input[type="password"],.tbl-basic select{height:34px; padding: 6px 10px;border:1px solid #999;font-family:'Noto Sans KR';font-family:'Noto Sans KR';font-size:15px!important;background:#fff}

.tbl-basic .left{text-align:left!important}
.center {
	text-align: center;
}

.left {
	text-align: left;
}


.tbl-basic td .list_gray li{letter-spacing:-0.08em}
.tbl-basic td .list_gray ul li{background:url(/images/site/sub/dot_bk.png)0 10px no-repeat;padding-left:10px;font-size:13px;}


.tbl-basic td input[type="file"]{border: 1px solid #999;height:30px;font-family:'Noto Sans KR';font-size:14px!important}

.tbl-basic #egovComFileList div{margin:3px 0}
.tbl-basic #egovComFileList div:first-child{margin-top:15px}
.tbl-basic #egovComFileList div input[type="button"]{display:inline-block;border:1px solid #f00;background:#f00;color:#fff;margin:0 10px;padding:2px 10px;cursor:pointer}


/*레이어팝업*/
	.fixed_layer_wrap{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;display:none;}
	.fixed_layer_wrap.open{display:block;}
	.opacity_box{background-color:#000;opacity:0.7;width:100%;height:100%;}
	.layer_pop{width:500px;min-height:335px;position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-15%;background-color:#fff;
	border:7px solid #03ac9a;
	}
	.layer_pwd_in {background-color:#fff; width:220px; height:auto; position:absolute; top:50%; left:50%; padding:15px; margin-left:-110px; margin-top:-60px; text-align:center;}
	.layer_pwd_in p {color:#fff;margin-bottom:15px;font-size:14px; color:#000;font-weight:bold;}
	.layer_pwd_in .in_box {margin-bottom:20px; border: 1px solid #ccc;}

	.lte-ie8 .opacity_box{opacity:1;background-color:transparent;background-image:url("/commons/main/images/site/opa.png");background-position:0 0;background-repeat:repeat;}/* 익스 8이하 */
	.layer_pop_in{position:relative;min-height:335px;padding:20px;}
	.layer_pop_in h3{color:#222;font-size:24px;margin-bottom:10px;}
	.layer_pop_in h3 small{font-size:15px}
	.layer_pop_in .po_box{background-color:#f6f6f6;padding:10px;}
	.layer_pop_in .po_box label{width:55px;}
	.pop_close{position:absolute;bottom:0;right:0;z-index:9999;}
/*
.filebox label { display: inline-block; padding: .5em .75em;  font-size: inherit; line-height: normal; vertical-align: middle; color: #fff;
  background-color: #5cb85c; cursor: pointer; border: 1px solid #4cae4c; border-bottom-color: #e2e2e2; border-radius: .25em; } 
.filebox input[type="file"] {  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
*/

/*현황*/
.board_state{margin-bottom:5px}
.board_state strong{font-size:18px;color:#00f}

/*상세보기*/
.bbs_view_wrap{border-top: 2px solid #434343;    border-bottom: 1px solid #d5d5d5;}
.bbs_view_tit{position: relative;padding: 15px 20px;border-bottom: 1px solid #d5d5d5;background-color: #f7f7f7;}
.bbs_view_tit {font-size:26px ;line-height: 1.2;color: #111;font-weight:400}
.bbs_view_tit p{margin-bottom:10px}
.bbs_view_tit .bbs_info{overflow:hidden}
.bbs_view_tit .bbs_info{font-size:13px;width:50%;padding:5px 0}
.bbs_contents{display: block;float: none; width: 100%;position: relative;padding: 20px 15px;min-height:200px;font-size:15px}

.bbs_file{overflow:hidden; position: relative;padding: 10px 20px 10px 20px; border-bottom: 1px solid #000;background-color: #fff;font-size:13px}
.bbs_file dt,.bbs_file dd{float:left;padding-right:10px}
.bbs_file i{color:#0092da}
.bbs_file a{color:#0092da;margin-right:20px}
.bbs_file .fileList{float:left}
.bbs_file .fileList li{float:left}


/*이전글 다음글*/
.prev-next-zone{overflow:hidden;border-top: 2px solid #434343; margin-top:20px  }
.prev-next-zone dt{float:left;width:15%;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;padding:10px 0;text-align:center}
.prev-next-zone dd{float:left;width:85%;border-bottom: 1px solid #d5d5d5;;padding:10px }

/* 리스트 타이틀 */
.listTitle{font-family:'Noto Sans KR'; font-size:15px; color:#000000 ;
        font-weight: bold ; vertical-align: middle}

/* 리스트 내용 */
.listCenter {font-size:15px; color:#000000;font-family:'Noto Sans KR'; height:24px; text-align:center; vertical-align:middle;}
.listLeft {font-size:15px; color:#000000; font-family:'Noto Sans KR'; height:24px; text-align:left; vertical-align:middle;}
.listRight {font-size:15px; color:#000000;font-family:'Noto Sans KR'; height:24px; text-align:right; vertical-align:middle;}

/* 일반 테이블 */
.generalTable{BORDER-TOP: #D2D4D1 1px solid;BORDER-bottom: #D2D4D1 1.5px solid;BORDER-left: #D2D4D1 1px solid;BORDER-right: #D2D4D1 1px solid;}
  .generalTable th{ padding-left:2px; padding-right:5px;background-color: #E4EAF8; Text-align: right; border-bottom:1px solid #fff; }
  .generalTable td{ padding-left:2px; padding-right:5px;background-color: #F7F7F7; }

/* 강조 내용 */
.emphasisCenter {font-family:'Noto Sans KR'; font-size:15px; color:#2E4B90 ; font-weight: bold ; padding-right:3px; text-align: center ; vertical-align: middle}
.emphasisLeft {font-family:'Noto Sans KR'; font-size:15px; color:#2E4B90 ; font-weight: bold ; padding-right:3px; text-align: left ; vertical-align: middle}
.emphasisRight {font-family:'Noto Sans KR'; font-size:15px; color:#2E4B90 ; font-weight: bold ; padding-right:3px; text-align: right ; vertical-align: middle}



/*달력  */
.tbl-calendar{margin-bottom:10px;width:100%;border-top:2px solid transparent;border-bottom:1px solid transparent;border-collapse: collapse; border-spacing: 0;font-family:'Noto Sans KR';}
.tbl-calendar th{padding:10px 15px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 15px;color:#000}
.tbl-calendar td{padding: 5px 5px 5px 10px; vertical-align: top;;border-left:1px solid transparent;border-bottom:1px solid transparent;margin-left:-1px;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR';font-size: 14px;color:#000;text-align:left;height:80px;position:relative}
.tbl-calendar th:first-child,
.tbl-calendar td:first-child{border-left:none}
.tbl-calendar th.trw,
.tbl-calendar td.trw{border-right:1px solid #ddd;}
.tbl-calendar tbody th,
.tbl-calendar thead th{vertical-align:middle;font-family:'Noto Sans KR';}
.tbl-calendar thead th,
.tbl-calendar tfoot th{background-image:none;}
.tbl-calendar tbody th{/*color:#004993;*/color:#333;}
.tbl-calendar thead th{color:#333;text-align:center;background:#f8f8f8;font-family:'Noto Sans KR';}
.tbl-calendar td  .btn-file{font-size:12px;}

.tbl-calendar .tbt_dashed{border-bottom-style:dashed;}
.tbl-calendar th{text-align:center}
.tbl-calendar{border-top-color:#000;border-bottom-color:#ddd;}
.tbl-calendar th,
.tbl-calendar td{border-left-color:#ccc;border-bottom-color:#ccc;}
.tbl-calendar tbody th{background-color:#f4f7fc;font-weight:bold}
.tbl-calendar td table {border:1px solid #cccccc;font-size:14px}
.tbl-calendar td table th{background:#f8f8f8;font-size:14px}
.tbl-calendar td table th,.tbl-calendar td table td{border-bottom:1px solid #cccccc;text-align:left;padding:8px 10px;font-size:14px}

.tbl-calendar td:nth-child(1) em{color:#f00}
.tbl-calendar td:nth-child(7) em{color:#00f}

.tbl-calendar.left td{text-align:left}
.tbl-calendar .noStyle td{padding:0}
.tbl-calendar .toolbar td{padding:0}
.tbl-calendar td input[type="text"],.tbl-calendar td input[type="password"],.tbl-calendar select{height:34px; padding: 6px 10px;border:1px solid #999;font-family:'Noto Sans KR';font-family:'Noto Sans KR';font-size:15px!important}
.tbl-calendar.left td textarea{border:1px solid #999;width:90%}
.tbl-calendar .left{text-align:left!important}

.tbl-calendar .sat{color:#00f}
.tbl-calendar .sun{color:#f00}



/* --------------------------------------------
 * 버튼영역
/* ------------------------------------------ */
.btnArea {
	margin: 1em 0;
	text-align: center;
	*zoom: 1;
}

.btnArea:after {
	content: "";
	display: block;
	clear: both;
}

.btnArea .fLeft {
	float: left;
	display: block;
}

.btnArea .fRight {
	float: right;
	display: block
}

.btnArea button .btnArea .fLeft button, .btnArea .fRight button {
	width: 100%
}


/* --------------------------------------------
 * 페이징
/* ------------------------------------------ */
.paging {
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
	text-align:center
}

.paging li {
	display: inline;
}
.paging strong{vertical-align:top}
.paging a ,.paging strong{
	position: relative;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #333333;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
	font-size:13px!important;
	font-weight:normal;
	display:inline-block
}

/*
.paging a:first-child, .paging strong:first-child {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.paging a:last-child>a, .paging stong:last-child {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
*/
.paging a:hover, .paging .current:hover, .paging a:focus,
	.paging .current:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eeeeee;
	border-color: #ddd;
}

.paging strong{display:inline-block}
.paging .current,.paging .current:hover,.paging .current:focus,.paging strong{
	z-index: 3;
	color: #fff;
	background-color: #55555b;
	border-color: #55555b;
	cursor: default;
}

.paging>.disabled>span, .paging>.disabled>span:hover,
	.paging>.disabled>span:focus, .paging>.disabled>a, .paging>.disabled>a:hover,
	.paging>.disabled>a:focus {
	color: #777777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
}

.paging-lg>li>a, .paging-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

.paging-lg>li:first-child>a, .paging-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.paging-lg>li:last-child>a, .paging-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
}

.paging-sm>li>a, .paging-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.paging-sm>li:first-child>a, .paging-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.paging-sm>li:last-child>a, .paging-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}






.tabArea{background:#fff;border-bottom:0px solid #adadad;height:24px;position:relative;z-index:1}
.tab{width:98%;margin:0 auto;border-bottom:0px solid #adadad;height:24px;position:relative;z-index:1;overflow: hidden}
.tab li{float:left;width:120px;margin-left:-1px}
.tab li:first-child{margin-left:0;position:relative;z-index:1}

.tab li a{display:block;font-size:13px;height:auto;line-height:23px;vertical-align:middle;text-align:center;border:1px solid #adadad;border-radius:5px 5px 0 0;background:#f5f5f5;color:#999999;}
.tab li a:hover,.tab a:focus,.tab .on{background: no-repeat 18px 8px #e8f3fc;border:1px solid #98cef9;border-bottom:1px solid #e8f3fc;z-index:100;color:#000}


.tab_box{border:1px solid #98cef9;padding:10px;border-radius:3px;position:relative;background:#e8f3fc;overflow:hidden;min-width:1100px}
.tab_box div{margin:5px 0}
.tab_box div label{background:url(/image/common/dot_gray.png) no-repeat 0 5px;padding-left:8px;font-size:12px;margin:0 5px 0 20px}
.tab_box div label:first-child{margin-left:10px}
.tab_box .input{border:1px solid #adadad;height:20px}
.tab_box input.date{background:url(/image/common/ic_calendar.png) no-repeat right 0 #fff;padding-left:10px}
.tab_box select{border:1px solid #adadad;height:25px}
.tab_box input,.tab_box label,.tab_box select{vertical-align:middle}
.tab_box .tb_btnArea{position:absolute;top:8px;right:3%}

/*갤러리*/
.new_gall_wrap{border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px 0}
.float_wrap{overflow:hidden}
.float_wrap li{width:100%;height:250px;margin-bottom:30px}
.float_wrap li a{width:95%;margin:0 auto;display:block;color:#000}
.float_wrap li a .item01{margin: 0 auto; margin-bottom: 12px; text-align: center; width:auto; height: 150px;overflow: hidden;}
.float_wrap li a .item01 img[alt="이미지가 없습니다."]{width:287px;height:150px}
.new_gall_list_wrap li p.item01 img { width: 100%;  height: auto;}
.float_wrap .photo_tit{font-size:1.125em;height:75px;overflow:hidden;word-break:keep-all;word-wrap:break-word;margin-bottom:10px}

.item02{color:#059eda;font-size:0.875em}


/* 웹진  */
.new_wz_wrap{border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px 0}
.gall_div,.wz_div{overflow:hidden}
.wz_wrap li{border-top:1px dashed #c7cbd2;padding:30px 0}
.wz_wrap li:first-child{border:none}
.wz_wrap li a{color:#000}
.wz_wrap li a:hover{color:#059eda}
.wz_wrap li a .item01{float:left;  margin-right:20px ;text-align: center; width:100%; height: 150px;overflow: hidden;}
.new_wz_list_wrap li p.item01 img { width: 100%;  height: auto;}
.new_wz_wrap .wz_tit{font-size:1em;font-weight:500;height:30px;overflow:hidden;width:100%;overflow:hidden;white-space: nowrap;
    word-wrap: normal !important;text-overflow: ellipsis;    -o-text-overflow: ellipsis;    display: block;}
    
.new_wz_wrap .wz_txt{letter-spacing:normal;font-size:14px;height:60px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.5;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom:20px}
.item01{}



/* 이전글/다음글 */
.pageMove {margin-top: 50px; line-height:55px; border-top: 1px solid #9ca6b1; border-bottom: 1px solid #9ca6b1; overflow: hidden;}
.pageMove > li {position: relative; padding-left: 100px; border-top: 1px solid #e8ecf1;height:55px;vertical-align:middle;line-height:55px}
.pageMove > li > span {position: absolute; top: 0; left: 0; width: 100px; text-align: center; color: #424242;height:55px;line-height:55px;vertical-align:middle;display:inline-block}
.pageMove > li > a {display: block; padding: 0 50px;}

.pageMove > li:first-child {border-top: none;}

.pageMove a:before {position: absolute; top: 0; right: 30px;   font-family: 'FontAwesome'; color: #424242;}
.pageMove .prev a:before {color: #28b1fa; content: "\f106";}
.pageMove .next a:before {content: "\f107";}