@charset "utf-8";



/****************************************************************
기본 11개 (일반게시판, 포토뉴스, 기본갤러리, 그리드갤러리, 다운로드갤러리, 동영상(스트림), 동영상(유투브), 배너, 팝업존, 자주묻는질문, 묻고답하기)+ 기타모듈
*****************************************************************/


/**************************************************************************************************************
**************************************************공통 페이지**************************************************
*************************************************************************************************************/

/* 페이징  ---------------------------------------------------------------------------------------------------- */

.paging { font-size: 0; margin: 40px 0; text-align: center; vertical-align: middle; width:100%; display:inline-block}
.paging a span { font-size: 0; height: 0; overflow: hidden; text-indent: -10000px}
.paging a.first {background: #fff url("/images/board/page_first.gif") no-repeat scroll 50% 50%;}
.paging a.prev {background: #fff url("/images/board/page_prev.gif") no-repeat scroll 50% 50%; margin: 0 0 0 -1px;}
.paging a.next {background: #fff url("/images/board/page_next.gif") no-repeat scroll 50% 50%; margin: 0 0 0 -1px;}
.paging a.last {background: #fff url("/images/board/page_last.gif") no-repeat scroll 50% 50%; margin: 0 0 0 -1px;}
.paging a.first, .paging a.prev, .paging a.next, .paging a.last, .paging .num a { border: 1px solid #d1ccc9; display: inline-block !important; height: 32px; vertical-align: top; width: 34px}
.paging .num a { font-family: "Verdana","Arial","Dotum","Tahoma","sans-serif"; font-size: 14px !important; line-height: 32px; margin: 0 0 0 -1px; padding: 0;
}
.paging .num a.on {	background-color:#4164a2; border:1px solid #4164a2; color: #fff; font-weight:400}
.paging .num a:hover { text-decoration: none}

/* 페이지 내 검색 (게시물 검색) -------------------------------------------------------------------------- */

#board_sch1 {text-align: center; vertical-align: middle; margin:0 0 50px; clear:both; font-size: 14px;}
#board_sch1 .srch { border:1px solid #d4d4d4; padding:20px;}
#board_sch1 .srch label {margin-left: 6px; position: absolute; visibility: hidden;}
#board_sch1 .keyword {background-color:#f7f7f7; border: 1px solid #d5d5d5;height:32px; line-height: 15px; margin-left: 1px; padding: 2px 5px; width: 345px}
#board_sch1 select {height: 38px; width: 100px;/* background:url(/images/common/select_bg.png) no-repeat right center;*/ border: 1px solid #d5d5d5;}
input.btn-normal {cursor: pointer;}
#board_sch1 .btn-sch {height: 38px; padding-top: 0; color:#fff; padding:0 10px; cursor: pointer; margin-left:2px}
.btn-gray {background: #6f7470 !important; border: 1px solid #6f7471;}
#board_sch1 select:focus {outline: none;}

/* 댓글 등록 폼 -------------------------------------------------------------------------- */
#comment_form { margin:0;}
.comment_input {clear:both; position: relative; padding-right: 130px; box-sizing: border-box;}
.comment_input fieldset { width:100%;}
/*.comment_input textarea { background: #eef2f6 none repeat scroll 0 0; border: #d2d2d2 solid 1px; color: #666666; float: left; font-size: 14px; height: 53px; line-height: 16px; margin: 0; overflow: auto; padding: 10px; vertical-align: top; width:90%}
.comment_input input.btn_comment { background:#323440; color:#fff; min-width:75px; height:75px; cursor:pointer; border:none !important; margin:0 0 0 1%; width:7%; position:absolute; right:0;}*/
.comment_input .admin_reg_name{margin-bottom: 15px;} 
.comment_input .admin_reg_name input{padding: 3px 7px;}
.comment_input textarea { background: #eef2f6 none repeat scroll 0 0; border: #d2d2d2 solid 1px; color: #666666; float: left; font-size: 14px; height: 75px; line-height: 16px; margin: 0; overflow: auto; padding: 10px; vertical-align: top; width:100%; box-sizing: border-box;}
.comment_input input.btn_comment { background:#323440; color:#fff; min-width:75px; height:75px; cursor:pointer; border:none !important; margin:0; width:120px; position:absolute; right:0; text-align: center;}
.comment_list {margin:30px 0 0;}
.comment_list ul { clear:both;}
.comment_list ul li { clear:both; border-bottom:1px solid #d2d2d2; padding-bottom:25px !important; margin-bottom:25px; background:none !important;}
span.usr_name {font-size:16px; font-weight:400; color:#000; margin-right:7px;}
span.usr_date {font-size:14px; color:#000; margin-right:7px;}
p.usr_comm {font-size:14px; color:#000; margin-top:10px; line-height:1.6;}
p.usr_comm textarea {width:100%; height:100px;}

/* 게시판 목록 내 수정, 삭제 */
a.l_btn_modify, a.l_btn_remove{ border:1px solid #4264a3; border-radius:2px; color:#4264a3; font-size:14px; width:58px; display: inline-block; margin:0 2px; padding:5px;}
.write_name_sytle{ width:250px;}

/*======= 게시판 상세관리자(글내용보기, 등록자정보..)================ */

.tab_list { margin:0 auto 30px; max-width:1200px;}
/*.tab_menu {	width:100%;	background:url(/images/common/bg_tab.gif) repeat-x 0 100%;	display:inline-block;}
.tab_menu li {float:left;margin-right:-1px;background:url(/images/common/bg_tab_right.gif) 100% 0 no-repeat !important;list-style:none;padding:0 !important}*/
.tab_menu {display: inline-block; border-bottom: 1px solid #d2d2d2; width: 100%; height: 28px;}
.tab_menu li {float:left;margin-right:-1px;list-style:none;padding:0 !important}
.tab_menu li span {display:block}
/*.tab_menu li a {display:block;	background:url(/images/common/bg_tab_left.gif) 0 0 no-repeat;color:#666;line-height:28px;height:28px;width:110px;text-align:center;
text-decoration:none;font-size:13px;
}*/
.tab_menu li a {display:block; background-color: #fff; color:#333; line-height:28px; height:28px; width:110px; text-align:center; text-decoration:none; font-size:13px; border: solid #d2d2d2; border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0; transition: cubic-bezier(0.68, 0.02, 0, 0.43) 0.3s; box-sizing: border-box; position: relative;}
.tab_menu li a.touch { font-size:14px;padding: 8px 12px 0; }
/*.tab_menu li a:hover {color:#333}
.tab_menu li.selected {	background-position:100% -28px}
.tab_menu li.selected a {background-position:0 -28px;color:#333;font-weight:400;letter-spacing:-1px}*/
.tab_menu li.selected a {background-color: #d64227; color: #fff; border-color: #d64227;}
.tab_menu li a:hover, .tab_menu li.selected a:hover {color:#000; background-color: #fbbc0f !important; border-color: #fbbc0f;}

/*게시판 상세관리자(테이블) ----------------------------------------- */

.boardlist {border-top:1px solid #d2d2d2; width:100%; clear: both;font-size:14px;}
.boardlist th {border-bottom:1px solid #d2d2d2; color: #000; font-size:15px; font-weight:normal; padding: 15px 5px;text-align:left;} 
.boardlist td {border-bottom: 1px solid #d2d2d2; color: #707070; padding: 15px 5px; text-align:left; line-height:1.5;}
.boardlist td textarea#admin_comment { width: 200px;}/* 20170329 서희진: 관리자화면 게시물 설정 textarea 강제로 값을 줌. */
.boardlist .search_btn{border: 0; background-color: #4264a3; color: #fff; font-size: 14px; border-radius: 3px; height: 26px; line-height: 26px; padding: 0 7px; display: inline-block; margin-right: 5px;}
.boardlist .search_btn:hover{background-color: #d24a34; transition: ease-in-out 0.3s;}


/* 게시판 상세 관리자(로그정보) */

.log_table { border-bottom: 1px solid #555555; border-collapse: collapse; border-right: 1px solid #dfdfdf; border-top: 2px solid #4264a3; clear: both;    margin-bottom: 20px; width: 100%;}
.log_table th {  background-color: #eeeeee;  border-left: 1px solid #dfdfdf;  border-top: 1px solid #d1d1d1;  color: #6d6d70;  padding: 5px;  text-align: center;
}
.log_table td {  border-left: 1px solid #dfdfdf;  border-top: 1px solid #dfdfdf;  color: #6d6d70;  padding: 5px;  text-align: center}
.log_table .debug_box {  border: 0 none;  display: block;  height: 80px;  overflow-y: scroll}

/* 첨부파일 -------------------------------------------------------------------------- */
.fileUpload .file_name {background-color: #f7f7f7; border: 1px solid #d2d2d2; display: block; float: left; height: 32px; padding-left: 5px; width: 65%}
.fileUpload .fileUpload_button { float: left; height: 34px; margin-left: 5px !important; overflow: hidden; position: relative; width: 121px}
.fileUpload .fileUpload_button label {color: #fff; background: #43474a; width: 121px; height: 34px; line-height: 34px; display: block; text-align: center; cursor: pointer; margin: 0;}
.fileUpload .fileUpload_button input:focus ~ label{	border:1px solid #f00}
.fileUpload .fileUpload_button span {color: #fff; background: #858585; width: 121px; height: 34px; line-height: 34px; display: block; text-align: center; cursor: pointer; margin: 0;}
/*.fileUpload .fileUpload_button span { color: #fff; display: block;line-height: 32px; text-align: center;background-color:#858585}*/
.fileUpload input.file_input { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; height: 32px; line-height: 32px;}
#buttonUpload {	cursor: pointer; display: block;  font-size: 14px; height: 32px; text-align: center; width: 70px;background:#222222;color:#fff;	border:none !important;position:absolute;top:-2px;	right:-75px}

/*첨부파일 추가버튼 주석처리 171123_김용선 (span의 넓이값이 줄어버림)*/
@media screen and (max-width: 850px){
	/*.fileUpload .fileUpload_button span{width: 63%;}*/
}




/*상단문구 190108업데이트_배금아*/
/*.content_top_alert, .content_top_alert2 {background:#fdfdfd url("/images/common/sub/content_boxico.png") no-repeat 35px 22px;  border:1px solid #d2d2d2; padding:10px 20px 25px 160px; position:relative; min-height:100px; ;margin-bottom:30px;}*/
.content_top_alert, .content_top_alert2 {background:#f3f4f6 url("/images/common/sub/box_icon02.png") no-repeat 62px 29px;  border:1px solid #cacccc; padding:10px 20px 10px 160px; position:relative; min-height:90px;}
.content_top_alert .alert_content{ background:#fff; padding: 25px; min-height: 70px; }



/*항목별 버튼 (본청자주하는질문 카테고리수정-171227전지은)*/
.cate_list{ overflow:hidden; border-left:1px solid #d2d2d2; margin-bottom:20px}
.cate_list li{ float:left; width:20.1%; box-sizing:border-box; text-align:center; background:#fafafa; margin:0 0 0 -1px; height: 47px; line-height: 47px;}
.cate_list li.on{ background:#00688f; color:#FFF; border-color: #00687f;}
.cate_list li a{ display:block; color:#333; padding: 0 10px; border: solid #d2d2d2; border-width: 0 1px 1px; height: 47px; line-height: 47px; box-sizing: border-box;}
.cate_list li:nth-child(1) a, .cate_list li:nth-child(2) a, .cate_list li:nth-child(3) a, .cate_list li:nth-child(4) a, .cate_list li:nth-child(5) a{border-top: 1px solid #d2d2d2}

/*설문조사 결과보기 */

 .poll_result .poll_asw_box{border:1px solid #ddd;clear:both;margin:5px 10px; padding: 5px 10px; height:20px;}
 .poll_result .poll_asw_box_text{border:1px solid #dddddd;clear:both;margin:2px 10px 5px 10px;display:none; background-color:#FFFFFF}
 .poll_result .poll_asw_box_title{ width:300px; float:left; line-height: 20px;}
 .poll_result .poll_asw_box_graph{width:190px;float:left;}
 .poll_result .poll_asw_box_count{ width:90px;float:left;text-align:left; font-size:13px; height: 20px; line-height: 20px;}
 .poll_result .poll_asw_box_button{width:60px;float:left; margin:0; text-align:center;}
 .poll_result .poll_asw_box_button2{width:60px;float:right;text-align:center; margin-right:14px;}
 .poll_result .poll_asw_detail{clear:both;margin:2px 10px 5px 10px;display:none;}
 .poll_result .poll_asw_detail_sex{border:1px solid #dddddd;width:265px;margin-left:50px; margin-bottom:5px; float:left; background-color:#fff}
 .poll_result .poll_asw_detail_age{border:1px solid #dddddd;width:265px;margin-left:50px; margin-bottom:20px; float:left; background-color:#fff; }
 .poll_result .poll_graph_box{width:180px;height:20px;}
 .poll_result .poll_graph{background-color:#88BBFF;height:100%;}
 .poll_result .poll_asw_box_text_title{font-weight:bold;margin:15px 10px 2px 10px; background-color:#F4FFDF}
 .poll_result .poll_asw_box_text_title span{margin-left: 10px;}
 .poll_result .poll_asw_box_text_content{margin:1px 5px 1px 15px;border-bottom:1px dotted #CCC;}
 .poll_result .poll_asw_detail_graph{width:92%;height:12px; margin:5px 5px 5px 10px; overflow:hidden; white-space:nowrap;}
 .poll_result .poll_asw_detail_graph2{height:12px;display:inline-block; margin:0; padding:0; }
 .poll_result .poll_asw_icon_box{clear:both;}
 .poll_result .poll_asw_icon{float:left;margin:2px 2px 2px 10px;}
 .poll_result .square{width:10px;height:10px;margin:4px 2px 2px 2px;float:left;}
 .poll_result .color_m{background-color:#ccddff;}
 .poll_result .color_f{background-color:#ffccdd;}
 .poll_result .color_10{background-color:#dcfabe;}
 .poll_result .color_20{background-color:#abd768;}
 .poll_result .color_30{background-color:#8cbc43;}
 .poll_result .color_40{background-color:#6b9925;}
 .poll_result .color_50{background-color:#517b12;}
 .poll_result .color_60{background-color:#2c4a00;}

#pollgroup { overflow: hidden; margin-top:15px; }
#pollgroup h3 { background: #eff6f5 url("/images/common/icon_polltit.png") no-repeat scroll 19px 12px; float: left; font-size: 14px; font-weight: normal; margin: 3px 0 0 !important; min-height: 40px; padding: 16px 3% 10px 8% !important; width: 89%; }
#pollgroup .poll_button { background-image: none; float: left; margin: 6px 5px 6px 0; }
#pollgroup .poll_button ul li { background-image: none; float: left; }
.poll_button span.qst_add { margin-top:8px; display:block;}
#pollgroup .board_content { float: left; margin: 5px 0 20px; min-height: 250px; width: 100%; }
#pollgroup .board_content div.term { color: #28a031; margin: 10px 0 15px 8px; }
#pollgroup .board_content div.term span { background: rgba(0, 0, 0, 0) url("/images/common/board/board_icon.png") no-repeat scroll -102px 0; font-weight: 400; margin-right: 5px; padding-left: 16px; }
#pollgroup .board_button ul li{ margin-top:25px;}
.poll_qst_title { font-size: 14px; margin-left: 10px; }
.poll_qst_requisite { margin-left: 5px; }
.poll_box  { margin-top:15px;}
#pollgroup .poll_box .poll, #pollgroup .poll_box .poll_result { background-color: #f7f7f7; border: 1px dashed #e3e3e3; float: left; margin-bottom: 5px; padding: 1%; width: 98%; }
#pollgroup .poll textarea { border: 1px solid #d8d7d7; width: 640px; }
#pollgroup .poll input { border: 1px solid #d8d7d7; padding: 3px; }
#pollgroup .poll .poll_qst_number { background: rgba(0, 0, 0, 0) url("/images/www/icon/h_li.gif") no-repeat scroll left 4px; float: left; margin-left: 10px; padding: 0 0 0 10px; }
#pollgroup dl.left { float: left; margin: 10px 0; overflow: hidden; width:100%; }
#pollgroup dl.left dt { background: rgba(0, 0, 0, 0) url("/images/www/icon/h3_1.gif") no-repeat scroll left 7px; float: left; font-weight: 400; margin: 2px 0 1px; padding: 5px 0 0 17px; width: 10%; clear:left; }
#pollgroup dl.left dd { float: left; margin: 2px 0 1px; padding: 5px 0 0 15px; width: 80%; }


/*****************************************************************************************************************
**************************************************LIST 페이지**************************************************
*****************************************************************************************************************/

/*기본게시판*/

/* 기본게시판 (공지사항, board)  */
/*11_24 board_t1 td middle정렬 스타일추가 _ 배금아*/

.board_t1 {border-top:1px solid #d2d2d2; width:100%; clear: both; margin-top:20px; table-layout: fixed;}
.board_t1 th {border-bottom:1px solid #d2d2d2; font-size:16px; font-weight:normal; padding: 15px 5px;text-align:center; color: #000;} 
.board_t1 td {border-bottom: 1px solid #d2d2d2; color: #000; padding: 15px 5px; text-align: center; line-height:1.5; word-break:break-all; vertical-align:middle; font-size: 16px;}
.board_t1 td.title {text-align:left !important;}
.board_t1 td.align_l {text-align:left !important;}
.board_t1 td a.title_cont{display:inline-block; max-width:85%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size: 16px;}
.board_t1 td.title_wrap span.icon_new1{margin:0 0 0 7px; float:left;}
.board_t1 span.category_1{ color:#0099af;}
.board_t1 td div.title1, .board_t1 td div.title2 { text-align:left;}
.board_t1 td.title > a, .board_t1 td.title_wrap > a{float: left; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;}
.board_t1 td.title > a.title_delete, .board_t1 td.title_wrap > a.title_delete{color: #a5a5a5; text-decoration: line-through;}
.board_t1 td span.icon_lock { background: transparent url("/images/board/icon_lock.png") no-repeat scroll 0 0; display: inline-block; height: 22px; margin-left: 5px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 18px;}
.board_t1 td span.icon_reply, .board_t1 td.title span.icon_reply{font-weight:600; color:#ff5957; margin-right:5px; float:left; background: url("/images/board/reple_icon.png") no-repeat center center; text-indent: -99999px; padding: 0; width: 33px; height: 22px;}
.board_t1 td span.icon_hidden { background: transparent url("/images/board/icon_hidden.png") no-repeat scroll 0 0; display: inline-block; height: 17px; margin-left: 5px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 15px;}
.board_t1 tr.tr_notice{background:#eee;}

/* 기본게시판2 List (키워드게시판 적용) ----------------------------------------- */

.board_t2 {border-top:1px solid #4264a3; width:100%; clear: both;}
.board_t2 th {border-bottom:1px solid #4264a3; color: #000; padding: 13px 5px;text-align:center; background-color:#f8f9fb; font-size:15px; font-weight:normal;}
.board_t2 td {border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2; color: #000; padding: 10px 15px; text-align: center; font-size:14px;}
.board_t2 th.bnone {border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;color: #4264a3 !important; background:none !important;}
.board_t2 td input {background-color: #f8f9fb; border: 1px solid #d2d2d2; height: 30px; padding-left: 5px; margin:2px 0;}
.board_t2 a:hover { text-decoration:underline;}
.keyword_list { width:100%;}
#add_url { width:90px;}

/* 기본게시판3 (관광지 상세정보 내 이용안내) ----------------------------------------- */

.board_t3 {border:1px solid #d2d2d2; width:100%; clear: both;}
.board_t3 th {border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2; color: #000; padding: 10px;text-align:left; background-color:#fafafa; font-size:14px; font-weight:normal;}
.board_t3 td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;color: #000; padding: 10px;text-align:left; font-size:14px;}

/*.list_empty{padding: 100px 0 0; margin: 30px 0 0; background: url("/images/board/no_search.png") no-repeat center top; text-align: center; font-size: 20px; color: #333; text-indent: 15px;}*/

.flatform td.title a {white-space:normal;}

/* 공지사항 (관광, notice) */
#notice_list {width:100%; margin-top:40px;}
#notice_list ul {width:100%;}
#notice_list ul li { border-bottom:1px solid #d2d2d2; margin-bottom:40px; padding-bottom:40px; background:none !important; word-break:break-all}
#notice_list span.n_num { background-color:#eef2f6; border:1px solid #d2d2d2; display: inline-block; font-size:14px; color:#000; margin-right:15px; padding:7px 0; width:59px; text-align:center;} 
#notice_list li.notice_top span.n_num { background-color:#4264a3 !important; border:1px solid #4264a3 !important; color:#FFF;} 
#notice_list span.n_date { display: inline-block; font-size:14px; color:#000; margin-right:13px; padding:0;line-height: 11pt; vertical-align:top;}
#notice_list span.list_cate {vertical-align:top; line-height:15px; color:#ff4141} 
#notice_list p.n_tit { display: block; font-size:20px; color:#000; margin:-22px 5px 0 80px; padding:0; font-weight:400;} 
#notice_list p.n_txt { display: block; font-size:14px; color:#000; margin:25px 0 0; padding:0;} 
#notice_list a:hover { text-decoration:underline;}



/*보도자료(포토뉴스,photonews)*/

.photonews_top{border-bottom:1px solid #ccc;margin-bottom:25px;padding-bottom:25px}
.photonews_top > li{position:relative;float:right;width:49%;}
.photonews_top > li:first-child{float:left}
.photonews_top > li > a{display:block;  background:#eee}
.photonews_top > li > a img{min-width:100%}
.photonews_top > li .photonews_oppacity{position:absolute;bottom:0;width:100%;height:90px;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0.4), rgba(0,0,0,0.4));} 
.photonews_top > li > a > .photonews_oppacity div.title{position:absolute;left:20px;bottom:10px;color:#fff;padding-left:45px;background:url("/images/board/photonews_icon.png") no-repeat left center}
.photonews_top > li > a > .photonews_oppacity div.title > p{font-weight:400;font-size:15px}
.photonews_top > li > a > .photonews_oppacity div.title > span{font-size:15px}
.photonews_cont {border-bottom: 1px solid #cccccc; float: left; margin: 0 0 20px; min-height: 180px; padding: 0 0 20px 260px; position: relative; width: 100%; box-sizing: border-box;}
.photonews_cont p.img { border: medium none !important; background: #f7f7f7 url("/images/board/logo_bg_1.png") no-repeat scroll center center; float: left; margin: 0 0 0 -260px; position: relative; vertical-align: middle !important; height:180px}
.photonews_cont p.img.book { width:106px; height:144px;}
.photonews_cont p.img a { width:100%; height:180px; overflow:hidden;}
.photonews_cont p.img > a > img {width:100%; max-height:180px; overflow:hidden;}
.photonews_cont dl {margin: 0; width:100%; float:left;}
.photonews_cont span.play_btn { position:absolute; top:45%; left:45%;}
.photonews_cont p.book > a > img { width:auto !important;}
.photonews_cont dt {display: inline-block; font-size: 17px; margin: 0 0 5px; padding: 3px 0;}
.photonews_cont dt.title {height: auto; text-align: left; word-break: break-all;}
.photonews_cont dt .span_tit {font-weight: 400; margin: 0; padding: 0; vertical-align: middle;}
.photonews_cont dt .span_date {color: #4264a3; font-size: 16px; margin: 0; padding: 0; position: absolute; right: 0; top: 5px;}
.photonews_cont dd.con {color: #464646; margin: 0; padding: 0 0 10px; text-align: justify; line-height:1.6; word-break:break-all;}


/*동영상 스트림(stream_html5)*/
.tbl_type_stream { border-bottom: 1px solid #ccc; float: left; margin: 0 0 20px; min-height: 180px; padding: 0 0 20px; position: relative; width: 100%}
.tbl_type_stream p.img { background: #f7f7f7 url("/images/board/bg_logo.png") no-repeat scroll center center; border: medium none !important; position: absolute; top:0; left:0; vertical-align: middle !important; width:320px; height:180px; text-align: center;}
.tbl_type_stream p.img a img { height:100%;} 
.tbl_type_stream p.img.book { height: 144px; width: 106px;}
.tbl_type_stream p.img a { height: 180px; overflow: hidden; width: 100%}
.tbl_type_stream p.img > a > img { max-height: 180px; overflow: hidden;}
.tbl_type_stream dl {padding-left:320px; margin:0 0 0 4%;}
.tbl_type_stream span.play_btn {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/images/board/op30.png") repeat;}
.tbl_type_stream p.img a span.play_btn img{position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px; width:44px; height:44px;}
.tbl_type_stream p.book > a > img { width: auto !important}
.tbl_type_stream dt.title { height: auto; text-align: left; word-break: break-all}
.tbl_type_stream dt { display: inline-block; font-size: 15px; margin: 0 0 5px; padding: 3px 0}
.tbl_type_stream dt .span_tit {font-size: 16px; font-weight: 400; margin: 0; padding: 0 60px 0 0; vertical-align: middle; display:block;}
.tbl_type_stream dt .span_date { color: #4264a3; font-size: 14px; margin: 0; padding: 0; position: absolute; right: 0; top: 5px}
.tbl_type_stream dd.con { color: #464646; line-height: 1.6; margin: 0; padding: 0 0 10px; text-align: justify; word-break: break-all}
img, video {height: auto;}
table.board_write td input#top_start, table.board_write td input#top_end { margin-left:5px; vertical-align: top;}
table.board_write td .next{display: block; margin-bottom: 5px;}
.board_cont.vodbg { background-color:#f7f7f7; padding-top:40px !important; }
.video_view { margin-top:25px; width:700px; margin:0 auto}
.cate_list li.on { font-weight:500;}


/*동영상 유투브(youtube)*/
.youtube_list { float: left; margin-bottom: 30px; min-height: 200px; width: 24.9%; }
.youtube_list dt, .youtube_list dd { overflow: hidden; padding: 0 10px; text-align: center; }
.youtube_list dd.title { height: 80px; }
.youtube_list dt img { height: 100%; width: 100%; }
.youtube_list dt a { display: inline-block; position:relative;}
.youtube_list dd span { display: block; }
.youtube_list span.span_tit { font-size: 15px; font-weight: 400; margin-top: 5px; height: 25px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.youtube_list span.span_date { color: #7d7d7d; }
.youtube_icon {background: url("/images/board/youtube_icon.png") no-repeat; position: absolute; width: 41px; height: 41px; top: 10px; right: 10px;}
.vodbg .show_movie{width:700px; margin:0 auto 20px auto; height:395px;}
.vodbg .show_movie > iframe{width:100%; height:100%}

/*배너존(banner)*/
#banner {display: inline-block; margin-bottom: 20px; width: 100%;}
.banner_list{float: left; border: 1px solid #d2d2d2; box-sizing: border-box; border-radius: 10px; padding: 3%; margin: 0 0 1.5% 1.5%;}
.banner_list p.img {float: left; overflow: hidden;}
.banner_list p.img a{display: block;}
.banner_list p.img a img{width: 100%;}
.banner_list .bannerzone_cont {display: inline-block; margin-top: 15px; width: 95%;}
.banner_list .bannerzone_cont strong a {display: block; color:#4264a3; font-weight:400; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner_list .bannerzone_cont p {margin-top:5px;}
.banner_list .bannerzone_cont p{}
.banner_list .bannerzone_cont p span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner_list .bannerzone_cont p span.term {color:#000;}
.banner_list span.icon_new { display:none;}

@media screen and (min-width:951px){
	.banner_list{width: 32.333333%;}
	.banner_list:nth-child(3n-2){margin-left: 0;}
}
@media screen and (max-width:950px){
	.banner_list{width: 49.25%;}
	.banner_list:nth-child(2n-1){margin-left: 0;}
	.banner_list p.img{width: 100%;}
}


/*팝업존(popupzone)*/
.popupzone_type {margin: 0 0 20px; padding: 0 0 20px; position: relative; text-align: left; width: 100%; height: 159px; border-bottom:1px solid #d2d2d2}
.popupzone_type p.img {background: #f2f5f4 url("/images/board/logo_bg_1.png") no-repeat scroll 50% 50%; border: 1px solid #e1e1e1; position: absolute; top: 0; left: 0; height: 157px; width: 250px; padding: 0;}
.popupzone_type p.img a { width:100%; height:100%;}
.popupzone_type p.img img { width:100%; height:100%;}
.popupzone_type dl {float:left; width:60%; margin: 0 0 0 280px;}
.popupzone_type dt a { font-weight: 400; margin-left: 0; padding:0;	color:#4264a3}
.popupzone_type dd { color: #868686; font-size: 13px; line-height: 20px; margin-bottom:5px; margin-left: 0; padding:0}
.popupzone_type dd span.term { color: #102f54}
.bot_line01, .bot_line02, .bot_con { text-align:left; font-size:15px; line-height:22px;}
.bot_line01 h5, .bot_line02 h5, .bot_con h5 { margin-bottom:15px !important;}


/**********************************************************************************************************************************
****************************************************VIEW 페이지********************************************************************
**********************************************************************************************************************************/

/*기본게시판*/

/* 버튼 목록 */
.board_button_list {display: block; margin: 25px 0 ;}
.board_button_list ul {text-align: center;}
.board_button_list ul li  { display:inline-block; margin-left: 5px; text-align:center; background:none !important; padding:0 !important;}
.board_button_list a { padding:0 30px; height:38px; line-height:38px; border:1px solid #2c2f3b; display:block; font-size:16px; color:#000;text-align: center;}
.board_button_list input#v_btn_confirm { width:98px; height:40px; font-size:15px; text-align: center; cursor:pointer;margin: -2px 0 0; vertical-align:inherit}
.board_button_list a#v_btn_write { background-color:#2c2f3b; color:#FFF !important;}
.board_button_list a#v_btn_modify, .board_button_list a#v_btn_remove{ background-color:#eef2f6;}
a.btn_like { border:none !important; background:#4264a3; color:#FFF !important;}

/* 기본게시판 상세 view */
#board_basic_view { border-top:2px solid #1c4b75;}
#board_basic_view .news_tit { margin-top:22px; color:#000; border-bottom:1px solid #1c4b75; padding:0 0 15px; word-break:break-all;}
#board_basic_view .news_tit h3 { font-size:21px; display:block; background:none !important; color:#000 !important; font-weight:400; padding:0 !important; margin:0 !important; line-height:normal; text-align: left;}
#board_basic_view .news_tit dl { margin:13px 13px 6px 0; display:inline-block;font-size:16px;}
#board_basic_view .news_tit dt { color:#000; float:left; margin-right:10px;} 
#board_basic_view .news_tit dd { color:#000; float:left; margin-right:50px; word-spacing:normal}
#board_basic_view .file_attach {border-bottom:1px solid #d2d2d2; padding:9px 0 6px;;}
#board_basic_view .file_attach h5 { font-size:14px; display:inline-block; vertical-align:top; margin:0 10px 0 5px !important;background: none !important; padding:0 !important; float:left;}
#board_basic_view .file_attach ul {display:inline-block; margin:0; width: 80%;}
#board_basic_view .file_attach ul li{ background:none !important; clear:both;}
/*#board_basic_view .file_attach ul > li > span { margin-top:2px !important;}*/
#board_basic_view .file_attach ul > li > span.file_attach_cont{float: left !important; margin: -1px 0 0 0 !important;}
#board_basic_view .file_attach ul > li > span.file_attach_cont img{vertical-align: middle;}
#board_basic_view .file_attach ul li > a { color:#000;font-size:15px; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 58%;}
#board_basic_view .file_attach ul li p { display:inline-block; font-size:14px; margin-left:10px; float:left;}
#board_basic_view .file_attach ul li p.file_info {color:#8d6a00;}
.board_cont {padding:20px 0 50px; font-size:16px; color:#000;text-align:center;border-bottom:1px solid #d2d2d2; width:100%; }
.board_cont p { text-align:left;word-break: break-all;}
.board_cont img {margin:20px 0; height:auto;max-width: 100%;}
#board_basic_view .file_attach ul li a.download, #board_basic_view .file_attach ul li a.ebookview{font-size:14px; color:#000; border:1px solid #707070; border-radius:3px; padding:0 8px; margin-left:3px; height:17px; line-height:17px; margin-top:3px; font-weight:500}

/*외국어 다운로드버튼*/
.english #board_basic_view .file_attach ul li a.download{text-indent: -99999px; display: block; border: 0; width: 74px; height: 21px; background: url("/images/board/downbtn_foreign.png") no-repeat;}
.english #board_basic_view .file_attach ul li a.download:hover{background: url("/images/board/downbtn_foreign_hover.png") no-repeat;}

.board_cont div.photo_view.banner_p img { width:auto; height:auto; max-width:none;}
.board_cont p.video_view { width:512px; margin:0 auto;}

.board_t1_view {border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;  width:100%; clear: both;font-size:14px; margin-top:20px; margin-bottom:15px;}
.board_t1_view th {border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;color: #000; padding: 15px 5px;text-align:center; font-weight:normal; background-color:#fafafa; width:9%; vertical-align: middle;}
.board_t1_view td {border:1px solid #d2d2d2;color: #000; padding: 15px 5px 15px 10px;text-align:left;}

/*산업경제 > 경제생활 > 물가정보*/
table.table_basic02 { margin:25px 0 5px 0; border-right:1px solid #d2d2d2; border-top:1px solid #1a2a42; border-bottom:1px solid #d2d2d2;  border-collapse:collapse; clear:both; width:100%; }
table.table_basic02 th {font-weight:400;padding:13px;background-color:#f7f7f7;border-bottom:2px solid #b7b7b7;border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;vertical-align:middle;word-break:keep-all;box-sizing:  border-box;}
table.table_basic02 td {text-align:center;padding:13px;border-left:1px solid #dedede;border-top:1px solid #dedede;vertical-align:middle;/* word-break:keep-all; */box-sizing:  border-box;}
table.table_basic02 td.th { background-color:#f7f7f7;}
table.table_basic02 th.bbn { border-bottom:1px solid #d2d2d2; }
table.table_basic02.bbn th { border-bottom:1px solid #d2d2d2; } 


/* 설문조사 */
.tit-box {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; clear: both; margin: 0 0 15px; padding: 10px 0; width: 100%;}
.tit-box::after {clear: both; content: ""; display: block;}
#content .tit-box h3 {background: rgba(0, 0, 0, 0) url("/images/common/alert_tip.gif") no-repeat scroll 0 9px; color: #333; display: inline-block; font-size: 16px; letter-spacing: -1px; margin: 0 0 0 10px; padding: 5px 10px 3px 25px !important;}
.tit-box dl {float: right; margin: 5px 0 0;}
.tit-box dl.left {float: right; margin: 0;}
.tit-box dl dt, .tit-box dl dd {float: left; font-size: 12px;}
.tit-box dl dt {color: #4264a3; margin: 1px 3px 1px 0;}
.tit-box dl dd {color: #666; margin: 1px 11px 1px 0;}

.set-box {clear: both; margin-top: 10px; overflow: hidden; width: 99%;}
.set-box dl.left dt, .set-box dl.left dd {float: left; margin-left: 0; margin-right: 5px; padding-left: 0;}
.set-box dl.left dt {color: #707070; text-indent: -5000px; width: 0;}
.set-box dl.left dd span {font-size: 12px; margin: 0 4px 0 5px;}
.set-box dl.left dd span.blog_cate {color: #02aac4 !important;}
.set-box dl.right {float: right; margin: 0;}
.set-box dl.right dt, .set-box dl.right dd {color: #999; float: left; font-size: 11px;}
.set-box dl.right dt {margin-right: 8px;}

/*dictionary(사전) 뷰페이지*/
.tit-box2 {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; clear: both; margin: 0; padding: 8px 0; width: 100%;}
.tit-box2::after {clear: both; content: ""; display: block;}
#content .tit-box2 h3 {background: rgba(0, 0, 0, 0) url("/images/common/alert_tip.gif") no-repeat scroll 0 9px; color: #333; display: inline-block; font-size: 16px; letter-spacing: -1px; margin: 0 0 0 10px; padding: 5px 10px 3px 25px !important;}
.tit-box2 dl {float: right; margin: 5px 0 0;}
.tit-box2 dl.left {float: right; margin: 0;}
.tit-box2 dl dt, .tit-box2 dl dd {float: left; font-size: 12px;}
.tit-box2 dl dt {color: #4264a3; margin: 1px 3px 1px 0;}
.tit-box2 dl dd {color: #666; margin: 1px 11px 1px 0;}

.set-box2 {clear: both; overflow: hidden; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #d2d2d2; padding: 10px 0;}
.set-box2 dl.left dt, .set-box2 dl.left dd {float: left; margin-left: 0; margin-right: 5px; padding-left: 0;}
.set-box2 dl.left dt {color: #4264a3; font-weight: 400;}
.set-box2 dl.left dd{margin-right: 20px}
.set-box2 dl.left dd span {font-size: 12px; margin: 0 4px 0 5px;}
.set-box2 dl.left dd span.blog_cate {color: #02aac4 !important;}
.set-box2 dl.right {float: right; margin: 0;}
.set-box2 dl.right dt, .set-box2 dl.right dd {color: #999; float: left; font-size: 11px;}
.set-box2 dl.right dt {margin-right: 8px;}

/* 담당자 안내문 */
dl.admin_comment { width:100%; background:#f4f3f2; border:1px solid #d2d2d2; margin:50px 0 0; text-align:left; padding:15px 0;}
dl.admin_comment dt { margin:0 0 15px 15px;}
dl.admin_comment dt img { margin:0 !important;}
dl.admin_comment dd { padding : 0 15px; line-height:1.6;}





/*************************************************************************************************************************************
************************************************************WRITE 페이지************************************************************
*************************************************************************************************************************************/

/*기본게시판*/
/* list 에서 글쓰기*/
.board_button {display: block; margin: 40px 0 30px; text-align:center;}
.board_button ul {clear:both; margin:0 auto;}
.board_button ul li {background:none !important; margin-right:3px; display:inline-block; text-align:center !important;}
.board_button a {width:160px; height:44px; line-height:44px; display:block; color:#FFF; background-color:#2c2f3b;}
.board_button a:hover { background-color:#4264a3;}
.board_button a#btn_write {background-color:#2c2f3b; font-size:15px; padding:0 20px;}

/* 기본 글쓰기 폼 테이블 -------------------------------------------------------------------------- */
p.help_txt {font-size:15px; color:#000; margin-bottom:30px;} /* 상단도움말 */
div.form_write { clear:both; margin:10px 0 0;}
table.board_write {clear:both; width:100%; border-top:1px solid #d2d2d2;}
table.board_write th {width: 150px; font-size:15px; color:#000; font-weight:300; padding:20px 0; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background-color:#fafafa; vertical-align:middle}
table.board_write th em {font-size:15px; color:#d40041; font-style:normal; margin-left:3px;}
table.board_write td {font-size:14px; color:#000; padding:20px 10px; border-bottom:1px solid #d2d2d2;}
table.board_write td input, #file_0_alt { background-color: #f7f7f7; border: 1px solid #d2d2d2; height: 30px; padding-left: 5px;margin:2px 3px 2px 0;color:#000;}
table.board_write td input#title{width: 100%;}
table.board_write td input[type="radio"]{/*float:left; */background:#FFF;}
table.board_write td input[type="radio"]#encoding_audio_channels1{margin-right: 10px;}
table.board_write td label{/*float: left;*/ margin: 4px 5px 0 0;}
/*table.board_write td label[for="encoding_audio_channels1"], table.board_write td label[for="encoding_audio_channels2"]{float: left; margin: 4px 5px 0 0;}*/
table.board_write td input[type="checkbox"]{ background:none;}
table.board_write td select { width:auto; min-width:55px; padding-left:5px; height: 32px;}
table.board_write td .checkbox_list li{float: left; margin-right: 10px;}
table.board_write td .radio label { margin:0 15px 0 3px;}
table.board_write.stream_vod td select{width: 200px;}
td input.w95 {width:95%;}
td input.w80 {width:80%;}
td input.w70 {width:70%;}
td input.w60 {width:60%;}
td input.w50 {width:50%;}
td input.w40 {width:40%;}
td input.w30 {width:30%;}
td input.w20 {width:20%; min-width:170px;}
td input.w10 {width:10%; min-width:60px;}
td.file_input { background-color: #ffffff !important; width: 70% !important}
/*table.board_write td select { width: 130px;}*/
textarea#contents, textarea#note, textarea#paper3, textarea#paper4 { background-color: #ffffff; border: 1px solid #d2d2d2; min-height: 200px !important; padding-left: 5px; width: 95% !important}
p.save_files { display:inline-block;}
.btn_add {border: 1px solid #4264a3; color: #4264a3; display: inline-block; font-size: 14px; padding: 0 10px; text-align: center; margin:0 0 5px;line-height: 32px; height: 32px;}
.wr_button_list {margin: 35px 0 0; text-align:center;}
.wr_button_list ul { margin:0 auto; display:inline-block;}
.wr_button_list ul li  {margin:0 5px; text-align:center; display:inline-block;}
.wr_button_list a { width:98px;display:block; font-size:15px; text-align: center; cursor:pointer; padding:10px 0;}
td div.item select#pay_terms { border:1px solid #d2d2d2;}
td div.item textarea { width:95%; border-color: #d2d2d2;}

/*일일주요행사*/
table.board_write .event_hiddenbox{}
table.board_write .event_hiddenbox .repeat_box{margin: 5px 0 0 3px; padding: 5px 20px; border-radius: 5px; background-color: #474747; color: #fff; float: left;}
table.board_write .event_hiddenbox .repeat_box input{height: auto;}
table.board_write .event_hiddenbox .repeat_box select{height: 25px; background: none; border: 0; display: block; cursor: pointer; margin-left: 10px; float: left; border-radius: 5px; background-color: #ffda21; color: #333;}
table.board_write .event_hiddenbox .repeat_box select:first-child{margin-left: 0;}

/* 기본 글쓰기폼 파일첨부란 */
table.filelist { width:100%; border-top:none; }
table.filelist th {padding:14px 0; border-right:1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width:150px; background-color:#fafafa; color:#000;  font-size: 15px; font-weight: 300; vertical-align: middle;}
table.filelist td {padding: 20px 10px; font-size: 14px; color: #000; border-bottom: 1px solid #d2d2d2;}



/**********************************************************************************************************************************
**************************************************** 본청일반모듈, 관광일반모듈, 관광모듈, 기타모듈 ******************************
**********************************************************************************************************************************/



/**************************************************************************************************************
**************************************************공통 페이지**************************************************
*************************************************************************************************************/















/*****************************************************************************************************************
**************************************************LIST 페이지*****************************************************
*****************************************************************************************************************/



/* 문화행사소식 4개이미지  */

.img_news4 ul::after {clear: both; content: ""; display: block;}
.img_news4 ul {border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin: 0; overflow: hidden; padding: 0;}
.img_news4 li {border-bottom: 1px solid #d2d2d2; float: left; height: 405px; overflow: hidden; padding:45px 0 !important; position: relative; top: 1px; width: 33.33%; background:none !important; /*margin:0 0.5%*/;}
/*.img_news4 li:first-child{margin-left:0}*/
.img_news4 span.news_thumb { display:block; height:300px; width:93%; overflow: hidden; margin: 0 auto; background: url("/images/board/logo_bg_1.png") #ededed no-repeat 50% 50%;}
.img_news4 span.news_thumb img { width:100%; height:100%;}
.img_news4 strong {color: #000; display: inline-block;	font-size:17px; margin: 10px auto !important; width:77%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle}
.img_news4 span.new{float:right; margin-top:10px}
.img_news4 li p {color: #000; display: block;font-size:14px; margin:0 auto; margin-bottom:0 !important; width:93%;}
.img_news4 li a.modify_btn{position:absolute; top:45px; right:0; display:block; width:40px; height:40px; background:url("/images/board/img_news_modify.png") no-repeat left top; text-indent:-99999px;}
.img_news4 li p.title { margin-top:10px;}
.img_news4 li p.title span.new { position: inherit;}
.img_news4 span.new span.icon_new1 { width:40px !important; height:20px !important;}

/* 문화행사소식 3개이미지  */

.img_news3 ul::after {clear: both; content: ""; display: block;}
.img_news3 ul {border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin: 0; overflow: hidden; padding: 0;}
.img_news3 li {border-bottom: 1px solid #d2d2d2; float: left; height: 405px; overflow: hidden; padding:45px 0 !important; position: relative; top: 1px; width: 32.33%; background:none !important; margin:0 0.5%;}
/*.img_news3 li:first-child{margin-left:0}*/
.img_news3 span.news_thumb { display:block; height:300px; width:93%; overflow: hidden; margin: 0 auto; background: url("/images/board/logo_bg_1.png") #ededed no-repeat 50% 50%;}
.img_news3 span.news_thumb img { width:100%; height:100%;}
.img_news3 strong {color: #000; display: inline-block;	font-size:17px; margin: 10px auto !important; width:77%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle}
.img_news3 span.new{float:right; margin-top:10px}
.img_news3 li p {color: #000; display: block;font-size:14px; margin:0 auto; margin-bottom:0 !important; width:93%;}
.img_news3 li a.modify_btn{position:absolute; top:45px; right:0; display:block; width:40px; height:40px; background:url("/images/board/img_news_modify.png") no-repeat left top; text-indent:-99999px;}
.img_news3 li p.title { margin-top:10px;}
.img_news3 li p.title span.new { position: inherit;}
.img_news3 span.new span.icon_new1 { width:40px !important; height:20px !important;}




/* 관광후기 */
.open_tab { width:345px; border-top:1px solid #4264a3; margin:0 auto 40px;}
.open_tab a { display:block; padding:5px 0 5px 20px; background:#4264a3; width:115px; color:#fff; font-size:14px; margin:-1px auto 0; border:1px solid #4264a3; border-radius:2px;}
.open_tab a.sch_open {background:#4264a3 url("/images/board/bg_arrow_up.png") no-repeat 91% center;}
.open_tab a.sch_close {background:#4264a3 url("/images/board/bg_arrow_down.png") no-repeat 91% center;}

.postscript_list {padding:0 0 20px;}
.view_option { border-bottom:1px solid #4264a3; padding:0 0 40px; font-size:14px; margin-bottom:10px; height:39px;text-align: center; position:relative;}
.view_option p { color:#4264a3;padding:0; position:absolute; bottom:10px; text-align:right; right:15px; }
ul.btn_option { margin:0 auto; display:inline-block;}
ul.btn_option li { background:none !important; float:left; margin-left:4px;border:1px solid #4264a3; text-align:center !important; padding:0 !important;}
ul.btn_option li.b_write a { background-color:#4264a3; color:#fff;}
ul.btn_option li a { color:#4264a3; display:block; width:136px; height:37px; line-height:37px;}
ul.btn_option li.on a{background:#097363; color:#fff}

.post_article {clear:both; margin:0 0 30px; position:relative;}
.post_article dl { margin:0; border-bottom:1px solid #d2d2d2; padding:20px;}
.post_article dl dt a { font-size:16px; font-weight:400; margin-bottom:15px; color:#4264a3;}
.post_article dl dt a:hover { color:#000; text-decoration:underline;}
.post_article dl dd {font-size:14px; margin-bottom:5px;}
.post_article dl dd.tourist p { margin:-26px 0 0 40px; width:90%;}
.post_article dl dd.post_date { color:#000;}
.post_article dl dd.post_date span {margin:0 0 0 30px;}
.post_article dl dd.post_date span.post_recom {margin-left: 0 !important;}
.post_article dl dd.post_txt { color:#000; margin:10px 0 20px;}
.btn_recom a { background:#eef2f6; border:1px solid #4264a3; border-radius:3px; color:#4264a3;; text-align:center; padding:4px 10px; font-size:14px; display:block;}


/* 스케쥴러 */
.calendar_mon {border-collapse: collapse; clear: both; width: 100%; border:1px solid #d2d2d2; table-layout: fixed;}
.calendar_mon th,.calendar_mon td{width: 14.28%;}
.calendar_mon th.day {border:1px solid #d2d2d2; color:#4264a3; font-size:16px; font-weight:normal; padding:10px 5px; text-align:center;}
.calendar_mon th.date {background: url("/images/board/calencar_th_bg1.gif") repeat-x 0 0;border-left:1px solid #d2d2d2; height:45px; line-height:45px;font-weight:normal; text-align:center;}
.calendar_mon td {border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; color:#000; font-size:14px; height:100px; padding:15px 10px; vertical-align:top;}
.calendar_mon li a p{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #d2d2d2; padding: 4px 0 4px 10px;}
.calendar_mon li a p:last-child{border-bottom: 0;}
.calendar_mon li a p:before{content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background-color: #2c9a37;}
.calendar_mon li a.data_modify{margin-top: 10px;}

.event_list{margin-top: 7px;}
.event_list:first-child{margin-top: 0;}
.event_list .event a{display: block; border-radius: 5px; text-align: center; position: relative;}
.event_list .event a.li_etc{background-color: #606060; color: #fff; z-index: 2; padding: 5px;}
.event_list .event a.li_etc:hover{background-color: #4264a3;}
.event_list .event a.data_modify{margin: -6px 0 0 0; border: 0; background-color: #fbbc0f; color: #000; padding-top: 8px; border-radius: 0 0 5px 5px; z-index: 1; font-size: 14px;}
.event_list .event a.data_modify:hover{background-color: #d64227; color: #fff;}
.event_list .event a.data_modify span.icon{display: inline-block; width: 14px; height: 14px; background: url("/images/board/reserve_manager_btn.png") no-repeat 0 -68px; position: relative; top: 2px; margin-right: 5px;}

.monthly_bar { background:#f8f9fb; border:1px solid #d2d2d2; vertical-align:middle; margin-bottom:35px;height:56px; }
.nav_calendar {display:inline-block;height:56px; float:left;}
.nav_calendar span.num_year{ background:#eef2f6; border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2; display:inline-block;font-size:24px; color:#4264a3; height:40px; padding:16px 0 0; width:126px;  text-align:center;}
.nav_calendar span.num_month{ background:#4264a3; border-right:1px solid #d2d2d2; display:inline-block;font-size:24px; color:#fff; height:40px; padding:16px 0 0; width:75px; text-align:center; }
.nav_calendar a.month_prev { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -366px -52px; display: inline-block; text-indent: -99999px; height: 56px; margin:0; vertical-align: top; width:68px; overflow: hidden;}
.nav_calendar a.month_next { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -435px -52px; border-right:1px solid #d2d2d2; display: inline-block; text-indent: -99999px; height: 56px; margin:0; vertical-align: top; width:68px; overflow: hidden;}
.nav_calendar a span {padding:0 !important;}
.monthly_bar .help { position:absolute; right:0;font-size:15px; color:#000; margin:15px 15px 0 0;}


/*스케줄러 - 행사,휴관,공연,전시회,기타 아이콘*/
.cate_list_month {background-color:#f6f5f3;float:right; padding: 12px 0 12px 35px ;margin-bottom:30px;border:1px solid #d2d2d2;}
.cate_list_month li {float:left; margin-right:15px;}
.cate_list_month li.li_event a, .li_event {color:#e08416;}
.cate_list_month li.li_perform a, .li_perform {color:#1f727d}
.cate_list_month li.li_exhibition a, .li_exhibition {color:#62398a}
.cate_list_month li.li_etc a, .li_etc {color:#db495e;}
.cate_list_month li.li_movie a, .li_movie {color:#445d8c;}

.calendar_mon li.event{line-height: 22px; margin-bottom: 10px; border-top: 1px dashed #d2d2d2; padding-top: 6px;}
.calendar_mon li.event:first-child{border-top: 0; padding-top: 0;}
.calendar_mon li.event a{display: block; font-size: 15px;}
.calendar_mon li.event a:hover{text-decoration: underline;}
.calendar_mon li.event span.price_icon{display: block; background: url("/images/board/price_icon.png") no-repeat left center; padding-left: 22px; height: 20px; line-height: 20px; margin: 5px 0;}

.calendar_mon li.event .btn_box{display: inline-block; width: 100%; border-radius: 5px; overflow: hidden; margin-top: 5px;}
.calendar_mon li.event .btn_box li{float: left; width: 50%;}
.calendar_mon li.event .btn_box li a{display: block; margin: 0; border: 0; font-size: 14px; border-radius: 0; color: #fff; text-align: center; padding: 3px 0;}
.calendar_mon li.event .btn_box li.modify_btn a{background-color: #4264a3;}
.calendar_mon li.event .btn_box li.delete_btn a{background-color: #333;}

a.data_modify {display:inline-block;padding:2px 8px;margin-left:3px;font-size:12px;text-align:center;border-radius:20px;color: #000;border:1px solid #d1d1d1;}
a.data_modify:hover {background-color:#606060; color:#fff;}



/*****************************************************************************************************************
**************************************************VIEW 페이지*****************************************************
*****************************************************************************************************************/




/* 관광후기 */
.postscript_tit {border:2px solid #4264a3; text-align:center;}
.postscript_tit dl { background:#eef2f6; padding:20px; text-align:center;}
.postscript_tit dl dt {font-size:24px; text-decoration: underline; color:#4264a3; margin-bottom:20px;word-break: keep-all;line-height: 30px !important;}
.postscript_tit dl dd {font-size:15px; color:#000; display:inline; margin:0 25px;}
p.course {font-size:15px; color:#4264a3; padding:15px 25px;word-break: keep-all; margin:0 !important;}


/* 스케쥴러 */
.event_box { position:absolute; top:320px; left:50%; margin-left: -347px; background-color:#fff; border:3px solid #4264a3; width:628px; min-height:266px; padding:30px; z-index: 10;}
.event_view .event_img { width:204px; height:261px; border:1px solid #d3d3d3;background: #f2f5f4 url("/images/board/bg_logo.png") no-repeat scroll 50% 50%;}
.event_view dl { margin:-260px 0 0 235px; width:400px;}
.event_view dl dt {color: #4264a3; font-size: 23px; font-weight: 400; margin-bottom: 10px; line-height:1.2; width:90%; text-align:left !important; word-break:break-all;}
.event_view dl dd {color: #000; font-size: 14px; background: transparent url("/images/board/dd_bl_1.gif") no-repeat 0 10px; padding:0 0 0 8px; line-height:1.6; word-break:break-all;}
.event_view .cont{line-height: 22px; margin: 10px 0 0 235px; max-height: 131px; overflow: auto;}
.event_view .file_download{margin: 15px 0 0 235px; border-top: 1px dashed #d2d2d2; padding-top: 15px;}
.event_view .file_download li{margin-bottom: 7px;}
.event_view .file_download li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 2px solid #fbbc0f; padding: 5px 10px; border-radius: 5px; background-color: #fbbc0f;}
.event_view .file_download li a:hover{border-color: #4264a3;}
.event_view .file_download li a span.icon{float: left; width: 22px; height: 22px; margin: 2px 7px 0 0; background: url("/images/board/board_cont_bg.png") no-repeat -1px -129px;}
.event_view .btn_detail{margin: 10px 0 0 232px; display: block; float: left; padding: 3px 10px; background-color: #403a3a; color: #fff; border-radius: 3px; transition: ease-in-out 0.3s;}
.event_view .btn_detail:hover{background-color: #f3c204; color: #333; transition: ease-in-out 0.3s;}
.event_close { position:absolute; top:-2px; right:-2px;}
.event_close a { background: #4264a3 url("/images/board/board_cont_bg.png") no-repeat scroll -570px 3px; display: inline-block; height: 35px; margin: 0; vertical-align: middle; width: 35px; text-indent: -99999px; overflow: hidden;}



/* 동영상(스트리밍) */
.movie_cont { font-size: 15px;
    margin: 20px auto 0  auto;
    overflow-y: scroll;
    width: 658px;
	text-align:left;
	border:1px solid #d2d2d2;
	padding:20px;
	background-color:#fff;
	max-height: 300px;
}
.movie_cont.fixed_player {overflow: visible; max-height: none; padding-top: 390px;}
.vodbg video{transition: ease-in-out 0.3s; background-color: #000; max-height: 327px;}
.vodbg > .video_view.fixed_player{position: fixed; top: 10px; left: 50%; margin-left: -572px; width: 350px;}
.vodbg > .video_view.fixed_player > video.fixed_player{background-color: #fff; width: 350px;}

@media screen and (min-width: 1101px) and (max-width: 1200px){
	.vodbg > .video_view.fixed_player > video.fixed_player{width: 98%;}
}
@media screen and (min-width: 1101px) and (max-width: 1170px){
	.vodbg > .video_view.fixed_player > video.fixed_player{width: 90%; margin-left: 20px;}
}
@media screen and (max-width: 1100px){
	.movie_cont.fixed_player{width: 45%; padding: 350px 0 0 45%;}
	.vodbg > .video_view.fixed_player{width: 40%; left: 7%; margin-left: 0;}
	.vodbg > .video_view.fixed_player > video.fixed_player{width: 100%; min-width: 307px;}
}
@media screen and (max-width: 768px){
	.vodbg > .video_view.fixed_player{left: 53px;}
}


/*갤러리(gallery_social) - NEW 김용선*/
.gallery_grid_wrap{clear: both;}
.gallery_grid_wrap .gallery_grid{padding-top: 40px; display: inline-block; width: 100%;}
.gallery_grid_wrap .gallery_grid .grid_item{position: relative; float: left; width: 49.5%; display: inline-block; /*min-height: 400px; */margin-bottom: 1%; box-sizing: border-box; padding: 30px 40px; border: 1px solid #e3e3e3; border-radius: 8px; background-color: #f5f5f5;}
.gallery_grid_wrap .gallery_grid .grid_item:nth-child(2n){margin-left: 1%;}
.gallery_grid_wrap .gallery_grid .grid_item .title{display: block; margin-bottom: 20px; width: 100%; position: relative;}
.gallery_grid_wrap .gallery_grid .grid_item .title a{display: block; height: 36px;}
.gallery_grid_wrap .gallery_grid .grid_item .title h3{margin: 0; width: auto; font-size: 23px; color: #3e3e3e; height: 36px; line-height: 36px; font-weight: 400; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; float: left;}
.gallery_grid_wrap .gallery_grid .grid_item .title a:hover h3{color: #4264a3;}
.gallery_grid_wrap .gallery_grid .grid_item .title h3 span.icon_lock{float: left; text-indent: -99999px; background: url("/images/board/gallery_sp.png") no-repeat 0 -229px; width: 36px; height: 36px; margin-right: 8px; background-size: 70px;}
.gallery_grid_wrap .gallery_grid .grid_item .title span.new{display: inline-block; width: 14px; height: 14px; background: url("/images/board/gallery_sp.png") no-repeat 0 -100px; text-indent: -99999px; margin-left: 8px; position: relative; top: 11px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img{width: 100%; transition: ease-in-out 0.3s; display: inline-block;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item{position: relative; float: left; transition: ease-in-out 0.3s; overflow: hidden; box-sizing: border-box;}
.gallery_grid_wrap .gallery_grid .grid_item.closed .title h3{color: #aaa;}
.gallery_grid_wrap .gallery_grid .grid_item.closed .title > span{color: #9a9a9a;}
.gallery_grid_wrap .gallery_grid .grid_item.closed .grid_cont a{background-color: #9a9a9a;}

.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb1 .item{width: 100%; height: 184px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb2 .item{width: 50%; width: calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px); height: 184px; padding-left: 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb2 .item:first-child{padding-left: 0;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb3 .item{width: 33.3333333333%; width: calc(33.3333333333% - 2px); width: -webkit-calc(33.3333333333% - 2px); width: -moz-calc(33.3333333333% - 2px); height: 184px; padding-left: 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb3 .item:first-child{padding-left: 0;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb4 .item{width: 50%; width: calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px); height: 92px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb4 .item:nth-child(2n){padding-left: 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb4 .item:nth-child(3), .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb4 .item:nth-child(4){padding-top: 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item{width: 33.3333333333%; width: calc(33.3333333333% - 2px); width: -webkit-calc(33.3333333333% - 2px); width: -moz-calc(33.3333333333% - 2px); height: 92px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item:first-child{height: 184px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item:nth-child(2n){padding: 0 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item:nth-child(4), .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb5 .item:nth-child(5){padding-top: 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item{width: 33.3333333333%; width: calc(33.3333333333% - 2px); width: -webkit-calc(33.3333333333% - 2px); width: -moz-calc(33.3333333333% - 2px); height: 92px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item:nth-child(2), .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item:nth-child(5){padding: 0 2px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item:nth-child(4), .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item:nth-child(5), .gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 .item:nth-child(6){padding-top: 2px;}

.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 a.more{position: absolute; bottom: -2px; right: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,0.7); text-align: center; font-size: 16px; line-height: 16px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 a.more > span{position: absolute; top: 50%; left: 0; margin-top: -8px; width: 100%;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6 a.more span.icon{display: inline-block; background: url("/images/board/gallery_sp.png") no-repeat 0 -124px; width: 10px; height: 10px; margin-right: 4px; position: relative; top: -1px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6.slide_thumb .item p.pic{position: relative;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img.thumb6.slide_thumb .item p.pic span{display: block;}
 
.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item a{display: block; overflow: hidden;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item img{height: 100%; max-width: none !important;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_cont{transition: ease-in-out 0.3s; overflow: hidden; clear: both; width: 100%; padding: 0; margin: 15px 0 0 0; display: inline-block; max-height: 90px;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_cont p.name{float: left; color: #4264a3; font-weight: 400;}
.gallery_grid_wrap .gallery_grid .grid_item .grid_cont p.date{float: left; margin-left: 7px;}
.gallery_grid_wrap .gallery_grid .grid_item .contents_wrap{clear: both; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 3px;}

.wide .gallery_grid_wrap .gallery_grid .grid_item .grid_img .item img{width: 100%;}

@media screen and (max-width: 1100px){
	.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item img{width: 100%; height: auto;}
}
@media screen and (max-width: 975px){
	.gallery_grid_wrap .gallery_grid .grid_item .grid_img .item img{width: auto; height: 100%;}
}


/*****************************************************************************************************************
**************************************************WRITE 페이지****************************************************
*****************************************************************************************************************/








/**********************************************************************************************************************************
****************************************************본청일반모듈, 관광일반모듈, 관광모듈, 기타모듈 끝******************************
**********************************************************************************************************************************/
























/**********************************************************************************************************************************
****************************************************공통 클래스********************************************************************
**********************************************************************************************************************************/

/* 글자색 지정 ---------------------------------------------------------------------------------------------------- */

.fc_red {color:#ff5957 !important;} /* 빨간색 (접수중) */
.fc_blue1 {color:#4264a3 !important;} /* 밝은파랑 (신청완료) */
.fc_blue2 {color:#2c6ea8 !important;} /* 곤색 (강조) */
.fc_black {color:#000 !important;} /* 일반-검정 */
.fc_white {color:#fff !important;} /* 일반-흰색 */

/* 글자 스타일  ---------------------------------------------------------------------------------------------------- */

.fw_bold {font-weight:400 !important;} /* 글자 굵게 */
.tde_uline { text-decoration:underline !important;} /* 글자 아래선 */

/* 글자 크기 지정 ---------------------------------------------------------------------------------------------------- */

.fs_15 {font-size:15px !important;}
.fs_14 {font-size:14px !important;}
.fs_12 {font-size:12px !important;}
.fs_20 {font-size:20px !important;}

/* 버튼 종류 지정 ---------------------------------------------------------------------------------------------------- */

.btn_blue1 {color:#fff; background-color:#2c2f3b; border:1px solid #2c2f3c;} /* 곤색배경, 흰글자 */
.btn_blue2 {color:#fafafa; background-color:#eef2f6; border:1px solid #fafafa;} /* 하늘색배경, 곤색테두리 */
.btn_white {color:#fafafa; background-color:#fff; border:1px solid #fafafa;} /* 흰색배경, 곤색테두리 */

/* 게시판 이외 내용 중 버튼 ---------------------------------------------------------------------------------------------------- */
.button_list {margin-top:20px;}
.button_list ul li {display: inline; margin: 0 3px; text-align: center; background:none !important;}
.button_list a {padding:10px 20px; display: inline-block;}

/* 넓이 지정 ---------------------------------------------------------------------------------------------------- */

.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

/* 공백없음 ---------------------------------------------------------------------------------------------------- */

.mrn {margin-right:0 !important;}
.mln {margin-left:0 !important;}

/* 게시판 상단문구 ---------------------------------------------------------------------------------------------------- */

.board_guide { border:1px solid #d3d3d3; border-radius:2px; min-height:140px; margin-bottom:30px;}
.board_guide dl { margin:0 0 0 30px; width:70%; padding:20px 0;}
.board_guide dt {color:#000; font-size:18px; font-weight:400; margin:0 0 10px;}
.board_guide dd {color:#000; font-size:16px;}
.board_guide dd li { font-size:14px; line-height:1.4;background: url("/images/board/list_bl_1.png") no-repeat 0 11px !important; padding:0 0 0 9px;}
.board_guide ul { margin:38px 0 0 30px; width:70%; padding:20px 0;}
.guide_img1 {background: url("/images/board/board_guige_img1.png") no-repeat #f7f7f7 scroll 96% 50%;} /* 게시판 상단문구 이미지 */
.guide_img2 {background: url("/images/board/board_guige_img2.png") no-repeat #f7f7f7 scroll 96% 50%;}
.guide_img3 {background: url("/images/board/board_guige_img3.png") no-repeat #f7f7f7 scroll 96% 50%;}
.guide_img4 {background: url("/images/board/board_guige_img4.png") no-repeat #f7f7f7 scroll 96% 50%;}
.guide_img5 {background: url("/images/board/board_guige_img5.png") no-repeat #f7f7f7 scroll 50% 35px;}
.guide_img6 {background: url("/images/board/board_guige_img6.png") no-repeat #f7f7f7 scroll 50% 35px;}
.guide_img8 {background: url("/images/board/board_guige_img8.png") no-repeat #f7f7f7 scroll 50% 35px;}
.guide_img9 {background: url("/images/board/board_guige_img9.png") no-repeat #f7f7f7 scroll 50% 35px;}
.guide_img10 {background: url("/images/board/board_guige_img10.png") no-repeat #f7f7f7 scroll 50% 35px;}
.board_guide2 {padding:30px; border:1px solid #d2d2d2;} /* 게시판 상단문구 박스 */
.board_guide2 .fs_ico{ font-size:17px; color:#2c64ca; font-weight:400; background:url(/images/festival/sub/water_drop01.png) left top no-repeat; line-height:25px; padding-left:25px; }

/* 게시판 관련 아이콘 */

span.icon_attach {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -129px;
    display: inline-block; /* 게시판목록-첨부파일 */
    height: 23px;
	margin-left:5px;
    text-indent: -5000px;
    vertical-align: middle;
    width: 23px;
}
span.icon_que {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -123px 0;
    display: inline-block; /* 질문-Q */
	text-indent: -99999px;
    height: 26px;
	margin-right:10px;
    vertical-align: middle;
    width: 26px;
}
span.icon_asw {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -150px 0;
    display: inline-block; /* 답하기-A */
	text-indent: -99999px;	
    height: 26px;
	/*margin-right:10px;*/
    vertical-align: middle;
    width: 26px;
}
span.icon_asw.mat20 { margin-top:0px !important;}

.img_icon{display: inline-block; width: 20px; height: 22px; background: url("/images/board/img_icon.png") no-repeat 0 0; text-indent: -99999px; vertical-align: middle; margin: -3px 0 0 7px;}

/* 파일첨부 아이콘스타일 */
span.icon_hwp {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -187px 0;
    display: inline-block; /* 한글파일 */
	text-indent: -99999px;
    height: 16px;
	margin-right:5px;
    vertical-align: middle;
    width: 16px;
}
span.icon_xls {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -26px;
    display: inline-block; /* 엑셀파일 */
	text-indent: -99999px;
    height: 17px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_ppt {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -68px;
    display: inline-block; /* 파워포인트 */
	text-indent: -99999px;
    height: 17px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_word {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -90px;
    display: inline-block; /* 워드 */
	text-indent: -99999px;
    height: 17px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_img, span.icon_image {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -47px;
    display: inline-block; /* 이미지파일 */
	text-indent: -99999px;
    height: 17px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_other {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -99px;
    display: inline-block; /* 기타파일 */
	text-indent: -99999px;
    height: 18px;
	margin-right:5px;
    vertical-align: middle;
    width: 18px;
	background-size: 620px;
}
span.icon_flv {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -181px;
    display: inline-block; /* 동영상파일 */
	text-indent: -99999px;
    height: 17px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_pdf {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -115px;
    display: inline-block; /* pdf */
	text-indent: -99999px;
    height: 17px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_txt {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -142px;
    display: inline-block; /* txt */
	text-indent: -99999px;
    height: 18px;
	margin-right:5px;
    vertical-align: middle;
    width: 17px;
}
span.icon_new1, span.icon_new {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -209px 0;
    display: inline-block; /* new */
    height: 20px;
	margin-left:5px;
    text-indent: -5000px;
    vertical-align: middle;
    width: 40px;
}
span.icon_position {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px 0;
    display: inline-block; /* 위치 */
	text-indent: -99999px;	
    height: 31px;
	margin-right:10px;
    vertical-align: middle;
    width: 31px;
}
span.icon_period {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -36px;
    display: inline-block; /* 달력 */
	text-indent: -99999px;	
    height: 31px;
	margin-right:10px;
    vertical-align: middle;
    width: 31px;
}
span.icon_n_arrow {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -74px;
    display: inline-block; /* 다음 화살표 */
    height: 10px;
	margin-right:0;
    text-indent: -5000px;
    vertical-align: middle;
    width: 31px;
}
span.icon_latest {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px 0;
    display: inline-block; /*최신순 */
	text-indent: -99999px;	
    height: 18px;
	margin-right:5px;
    vertical-align: middle;
    width:18px;
}
span.icon_recom {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px -19px;
    display: inline-block;
	text-indent: -99999px;	
    height: 16px;
	margin-right:5px;
    vertical-align: middle;
    width:18px;
}
span.icon_post_wr {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px -37px;
    display: inline-block;
	text-indent: -99999px;
	height: 18px;
	margin-right:5px;
    vertical-align: middle;
    width:18px;
}
span.icon_kind {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -86px;
    display: inline-block; 
    height: 34px;
	margin-right:7px;
	text-indent: -99999px;
    vertical-align: middle;
    width:31px;
}
span.icon_man {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -122px;
    display: inline-block; /* 관광후기-사람 */
    height: 34px;
	margin-right:7px;
	text-indent: -99999px;
    vertical-align: middle;
    width:31px;
}
span.icon_like1 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -158px;
    display: inline-block;  /* 좋아요1 */
    height: 34px;
	margin-right:7px;
	text-indent: -99999px;
    vertical-align: middle;
    width:31px;
}
span.icon_like2 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -335px 0px;
    display: inline-block;   /* 좋아요2 */
    height: 13px;
	margin-right:5px;
	text-indent: -99999px;
    vertical-align: middle;
    width:18px;
}
span.icon_like3 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px -58px;
    display: inline-block;   /* 좋아요2 */
    height: 11px;
	margin-right:5px;
	text-indent: -99999px;
    vertical-align: middle;
    width:13px;
}
span.icon_like5 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -140px;
    display: inline-block;   /* 관광모듈 좋아요 */
    height: 22px;
	margin-right:5px;
	text-indent: -99999px;
    vertical-align: middle;
    width:22px;
}

span.icon_cm_delete {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -366px -3px;
    display: inline-block; /* 댓글-삭제*/
    height: 15px;
	margin-right:2px;
    text-indent: -5000px;
    vertical-align: middle;
    width:15px;
}
span.icon_cm_modify {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -385px -3px;
    display: inline-block;  /* 댓글-수정 */
    height: 15px;
	margin-right:2px;
    text-indent: -5000px;
    vertical-align: middle;
    width:15px;
}
span.icon_print1 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -651px -269px;
    display: inline-block; /* 쿠폰-인쇄 */
	text-indent: -99999px;
    height: 19px;
	margin-right:5px;
    vertical-align: middle;
    width:19px;
}
span.icon_light1 {
    background: transparent url("/images/board/icon_star_1.png") no-repeat scroll 0 0;
    display: inline-block; /*전구 */
	text-indent: -99999px;
    height: 26px;
	margin:0 5px 0 18px;
    vertical-align: middle;
    width:26px;
}
span.icon_help1 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -491px 0px;
    display: inline-block; /* 도움말 느낌표1 */
	text-indent: -99999px;
    height: 18px;
	margin:0 5px 0 28px;
    vertical-align: middle;
    width:18px;
}
span.icon_help2 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -491px -19px;
    display: inline-block; /* 도움말 느낌표2 */
	text-indent: -99999px;
    height: 30px;
	margin-right:8px;
    vertical-align: top;
    width:27px;
}

span.icon_event {
    background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -977px;
    display: inline-block; /* 스케줄러 - 행사 */
	text-indent: -99999px;
    height: 25px;
	margin-right:2px;
    vertical-align: middle;
    width:25px;
    
}
span.icon_close {
    background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -947px;
    display: inline-block; /* 스케줄러- 휴관 */
    text-indent: -99999px;
    height: 25px;
    margin-right:2px;
    vertical-align: middle;
    width:25px;
}
span.icon_perform {
    background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -918px;
    display: inline-block; /* 스케줄러 - 공연 */
    text-indent: -99999px;
    height: 25px;
    margin-right:2px;
    vertical-align: middle;
    width:25px;
}
span.icon_exhibition {
    background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -887px;
    display: inline-block; /* 스케줄러 - 전시회 */
    text-indent: -99999px;
    height: 25px;
    margin-right:2px;
    vertical-align: middle;
    width:25px;
}
span.icon_movie {
    background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -1009px;
    display: inline-block; /* 스케줄러 - 영화 */
    font-size:0;
    height: 25px;
    margin-right:2px;
    vertical-align: middle;
    width:25px;
}

span.icon_etc {
    background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -854px;
    display: inline-block; /* 스케줄러 - 기타 */
    text-indent: -99999px;
    height: 25px;
    margin-right:2px;
    vertical-align: middle;
    width:25px;
}
span.icon_key1 {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -129px -31px;
    display: inline-block;
	text-indent: -99999px;
    height: 16px;
	margin-right:7px;
	padding-top:3px;
    vertical-align: middle;
    width:12px; /* qna 비공개글 아이콘*/
}
span.comment_cnt{
    background: #4264a3;
	color:#fff;
	display:inline-block;
	font-size:12px;
    height: 21px;
    line-height: 20px;
	margin-left:7px;
	text-align:center;
    width:21px; 
	border-radius:50px;
}
span.qna_answer{
    width: 50px; background-color: #4264a3; color: white; padding: 6px 7px; font-size: 13px;
}
span.qna_answer_none{
	width: 50px; background-color: #797979; color: white; padding: 6px 7px; font-size: 13px;
}
/**********************************************************************************************************************************
****************************************************공통 클래스 끝*****************************************************************
**********************************************************************************************************************************/

/*민원편람서식 서식아이콘 20171122 김용선*/
.only_fileicon{text-align: center;}
.only_fileicon ul li{display: inline-block; margin-bottom: 2px;}
.default_file span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -180px;
    display: inline-block; /* 일반파일 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.hangul span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 0;
    display: inline-block; /* 한글파일 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.excel span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -30px;
    display: inline-block; /* 엑셀파일 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.p_point span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -90px;
    display: inline-block; /* 파워포인트 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.word span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -120px;
    display: inline-block; /* 워드 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.zip span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -206px;
    display: inline-block; /* 압축파일 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.pdf span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -150px;
    display: inline-block; /* pdf */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.image span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -60px;
    display: inline-block; /* image */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}
.music span.icon {
    background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -223px;
    display: inline-block; /* 음악파일 */
	text-indent: -99999px;
    height: 25px;
	margin-right:5px;
    vertical-align: middle;
    width: 25px;
}

/*벼룩시장 */
.fleamarket_list .img_box a{display: inline-block; width: 80px; height: 80px; background: #f4f4f4 url("/images/board/logo_bg_2.png") no-repeat center center; border: 1px solid #d2d2d2; box-sizing: border-box;}
.fleamarket label[for="sale_price_chk"]{float: none; margin-left: 10px;}

/*설문조사 - 설문기간*/
.pollpack .survey_date select{margin-right: 5px; width: 120px;}
.pollpack .survey_date .start_box{margin-bottom: 10px;}
.poll_box .qst_title_box .pointer > img{cursor: pointer;}

/*아이프레임*/
.bs_iframe{width: 100%; min-height: 800px;}


/*본문 924px일때 기본3개 이미지 갤러리_ 한국차박물곽 녹차요리 180813_배금아*/
.greentea_resipe {}
.greentea_resipe .greentea_resipe_img {}
.greentea_resipe .greentea_resipe_img ul li {position:relative; float:left; width:26.7%; padding:25px; margin: 0 1% 1% 0; background-color:#f7f7f7; border-radius:5px; border:1px solid #e4e4e4; }
.greentea_resipe .greentea_resipe_img ul li a img {border-radius:5px;}
.greentea_resipe .greentea_resipe_img ul li a p {width:70%; margin-top:10px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block;}
.greentea_resipe .greentea_resipe_img ul li a .new {float:left; padding-top:8px; margin-right:5px;}
.greentea_resipe .greentea_resipe_img ul li a div {position:absolute; right:25px; background:rgba(0,0,0,0.5); width:30px; height:30px; color:#fff; text-align:center;}

/*보성문화예술회관 예매하기 스킨*/
.ticket_wrap{}
.ticket_wrap ul{display: inline-block; width: 100%;}
.ticket_wrap ul .ticket_list{float: left; width: 43.5%; position: relative; margin-bottom: 3%; padding:20px; border:1px solid #e8e8e8;}
.ticket_wrap ul .ticket_list:nth-child(2n){margin-left: 3%;}
.ticket_wrap ul .ticket_list a{display: block;}
.ticket_wrap ul .ticket_list a.list_link{}
.ticket_wrap ul .ticket_list a.list_link .img_box{float: left; width: 45.5%; border:1px solid #e4e4e4; height:220px; background: #f9f9f9 url("/images/board/bg_logo.png") no-repeat center center;}
.ticket_wrap ul .ticket_list a.list_link .img_box img{ width:100%; height:100%;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap{float: left; width: 48%; margin-left: 4%;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap .ticket_type_show {width:52px;height:23px;display:block;background-color:#d64227;color:#fff;text-align:center;font-size:13px;line-height:21px; border-radius: 3px;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap .ticket_type_ex {width:52px;height:23px;display:block;background-color:#2da06a;color:#fff;text-align:center;font-size:13px;line-height:21px; border-radius: 3px;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap h3.ticket_title{margin: 10px 0 15px 0; font-size:17px; line-height: 20px;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap .ticket_cont{font-size: 14px; line-height: 22px;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap dt{clear: both; float: left; width: 35px;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap dt strong {font-weight:400;}
.ticket_wrap ul .ticket_list a.list_link .ticket_contwrap dd{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ticket_wrap ul .ticket_list a.ticket_btn{position: absolute; bottom: 20px; right: 20px; width: 44%; height: 35px; line-height: 32px; border-radius: 3px; background-color: #ececec; color: #000; text-align: center; font-size: 16px; border:3px solid #e4e4e4; transition: all 0.3s ease 0s; letter-spacing: -1px;}
.ticket_wrap ul .ticket_list a.ticket_btn:hover {background-color:#fbbc0f; border:2px solid #daa000;}
.ticket_wrap ul .ticket_list .ticket_btn_none {position: absolute; bottom: 20px; right: 20px; width: 44%; height: 35px; line-height: 32px; border-radius: 3px; background-color: #ffffff; color: #000; text-align: center; font-size: 16px; border:3px solid #e4e4e4; transition: all 0.3s ease 0s; letter-spacing: -1px;}



/*보성문화예술회관 예매하기 스킨_뷰페이지_180820_배금아*/
.content_box {clear: both; position:relative; margin:20px 0 50px 0;}
.content_box .photo_view {float:left;width: 40%;height: 525px;border:1px solid #e4e4e4;overflow: hidden;padding:  0px !important; background: #f9f9f9 url("/images/board/big_noimg.png") no-repeat center center;}
.content_box .photo_view img {width:100%; margin:0px 0px;}
.content_box .enter_content {float:left;width: 51%;text-align:left;margin-left:3%;border: 1px solid #e4e4e4;padding: 25px 25px 1px 25px;min-height: 500px;}
.content_box .enter_content .ticket_type_show {width:52px;height:23px;display:block;background-color:#d64227;color:#fff;text-align:center;font-size:13px;line-height:21px; border-radius: 3px;}
.content_box .enter_content .ticket_type_ex {width:52px;height:23px;display:block;background-color:#2da06a;color:#fff;text-align:center;font-size:13px;line-height:21px; border-radius: 3px;}
.content_box .enter_content .enter_title {border-bottom:2px solid #414792; margin:20px 0px; padding-bottom:10px;}
.content_box .enter_content .enter_title h4 {background: none; margin:0px 0px 0px 0px;padding-left:0px;display: inline;color:#414792;}
.content_box .enter_text ul {margin-top:20px;width:  100%;}
.content_box .enter_text ul li {margin-bottom:10px;border-bottom:1px dotted #e1e1e1;padding-bottom:10px;font-size:16px;}
.content_box .enter_text ul li strong {font-weight:500; margin-right: 15px;}
.content_box .enter_button {width: 100%;display: inline-block;}
.content_box .enter_button ul li {float:left;margin-right:1%;width: 29%;}
.content_box .enter_button ul li a {background-color:#e4e4e4;padding: 13px 38px;border-radius: 3px;}
.content_box .enter_button ul li.bt_ticket_none {padding: 12px 4px;background-color: #e4e4e4;margin-top:-12px;border-bottom:0px;border-radius: 3px; text-align: center;}
.content_box .enter_button ul li.bt_ticket a {background-color: #fbbc0f;}
.content_box .enter_button ul li.bt_review a {background-color: #2c6ea8; color:#fff; }

/*용어검색 스킨*/
.cate_list2{display: inline-block; width: 100%; margin-bottom: 20px; padding: 15px 20px; border: 1px solid #4264a3; box-sizing: border-box;}
.cate_list2 > li{float: left; width: 16.66666666666667%; height: 30px; line-height: 30px;}
.cate_list2 > li.on{color: #4264a3; font-weight: 400;}
.cate_list2 > li > a:hover{color: #4264a3; text-decoration: underline;}
.term_wrap{clear: both;}
.term_wrap .term_list{border: solid #333; border-width: 2px 0 1px;}
.term_wrap .term_list > li{border-top: 1px solid #e4e4e4; min-height: 50px; line-height: 50px; position: relative;}
.term_wrap .term_list > li:first-child{border-top: 0;}
.term_wrap .term_list > li span.title a{display: block;font-weight: 400;}
.term_wrap .term_list > li span.title a:hover{text-decoration: underline; color: #4264a3;}
.term_wrap .term_list > li span.title a span{display: inline-block; text-indent: -99999px; position: absolute;}
.term_wrap .term_list > li a.edit{position: absolute; top: 0; right: 0; display: block; padding: 0 10px; text-indent: -99999px; background: url("/images/assembly/sub/edit.png") no-repeat center center;}
.term_wrap .term_list > li a.edit:hover{background: url("/images/assembly/sub/edit_hover.png") no-repeat center center; animation: edit_cycle linear 3.5s infinite;}
.term_wrap .term_list > li > .term_txt{display: none; line-height: 24px; padding: 15px; border-top: 1px dashed #999; background-color: #f5f5f5;}
.board_txt_fix {border:1px dashed #e4e4e4;padding:20px;background-color: #fafafa;margin-bottom: 30px;}

@keyframes edit_cycle{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}


/*개인정보 동의*/
.personal_box{ margin-top:30px;}
.personal_box .personal_t1{ color:#1f527e; font-weight:400; font-size:19px; margin-bottom:10px;}
.personal_box textarea{ border:1px solid #d4d4d4; border-top:2px solid #2c6ea8; margin-top:10px; font-size:15px;}
.personal_box .red{ color:#cc2634;}
.personal_box .personal_t2 { border-bottom:1px dashed #d2d2d2; padding-bottom:20px; margin-bottom:20px; color:#cc2634;}


/*강좌신청정보 뷰페이지 180829_배금아*/
.edu_teacher table a.title_cont {text-align:center; float: none;}
.edu_teacher table td.title {text-align: center !important;}
.edu_teacher table td.title span.icon_new {display:none;}
.view_table {border:1px solid #e4e4e4; width:100%; background-color:#fafafa; margin-bottom:50px;}
.view_table tr {float:left; width:50%; border-bottom:1px solid #e4e4e4;}
.view_table th {float:left;width:15%;padding:12px;background-color: #2c6ea8;color:#fff; font-weight:400;}
.view_table td {float:left; padding:12px; vertical-align:middle;text-align: left;}

/*신청하기 개인정보동의양식*/
.agreeform_wrap{text-align: center; margin: 70px 0 20px; padding: 0 0 30px; border-bottom: 1px solid #777;}
.agreeform_wrap .agree_tit {font-size:21px; color:#333; padding:72px 0 0; padding-top: 72px; background: url(/images/board/board_guige_img5.png) no-repeat scroll center top; font-weight: 400;}
.agreeform_wrap .alrimi_tit {font-size:24px; color:#3e635c; margin:80px 0 0;}
.agreeform_wrap .txt_box1 {height: 200px; overflow: auto; margin: 20px 0; padding: 25px 20px; text-align: left; border-style: solid; border-width: 1px 4px 7px 1px; border-color: #777 #999; border-radius: 4px;}
.agreeform_wrap .txt_box1 h3{font-size: 15px; margin: 0; line-height: normal;}
.agreeform_wrap .txt_box1 h4{background: none; padding: 0; height: auto; font-size: 15px; line-height: normal; margin: 20px 0 0 0;}
.agreeform_wrap .txt_box2 {font-size:14px; color:#000; font-weight:400; margin:25px 0;}
.privacy_checks {margin:10px auto 0; display:inline-block; width: 100%;}
.privacy_checks input[type="checkbox"]#agree_privacy{cursor: pointer; margin: 0 0 0 5px; width: 16px; height: 16px; position: relative; top: -2px;} 
.privacy_checks input[type="checkbox"]#agree_privacy:hover+label[for="agree_privacy"]{color: #188657;}
.privacy_checks label {font-size:17px !important; color:#000;font-weight:400; cursor: pointer;}
.privacy_checks label[for="agree_privacy"]:hover {color: #188657;}
.board_under_line{ border-bottom:1px solid #3461c5;}

/*처리상태*/
.proc_wrap{}
.proc_wrap span{display: block; padding: 0 5px; height: 24px; line-height: 24px; border-radius: 5px;}
.proc_wrap span.request{background-color: #4264a3; color: #fff;}
.proc_wrap span.receipt{background-color: #d64227; color: #fff;}
.proc_wrap span.defer{background-color: #333; color: #fff;}
.proc_wrap span.complete{background-color: #029802; color: #fff;}

/*모듈 공공누리 write 페이지에있는 스타일*/
.div_open_header{position:relative;width:100%;background:#f7f7f7;padding-bottom:30px;border-bottom:1px solid #dbdbdb;}
.div_open_header h3{width:100%;height:27px;margin:0 !important;padding:0;line-height:27px;border-bottom:1px solid #dbdbdb;background:#918f8f;color:#fff !important;font-family:'돋움',dotum;font-size:14px !important;font-weight:bold !important;text-align:center;}
.div_open_header p{margin:0;padding:10px 20px;border-top:1px solid #fff;line-height:150%;font-size:14px;color:#595959;;}
.div_open_header a{position:absolute;right:20px;bottom:10px;font-size:14px;color:#595959;;}
.div_open_header span{font-size:10px;color:#595959;}

.div_open_form {position:relative;margin-top:5px;vertical-align:top;}
.div_open_form h4{position:absolute;left:0;top:0;margin:0 !important;padding:0 !important;width:188px;height:136px;}
.div_open_form h4 img {width:186px;height:135px;border-left:1px solid  #dbdbdb;border-top:1px solid  #dbdbdb;border-right:1px solid  #dbdbdb;}
.div_open_form ul{position:relative;list-style:none;margin:0;padding:0;}
.div_open_form ul.lpd{padding: 0 0 0 192px !important;} 
.div_open_form ul li {position:relative;margin:0;margin-bottom:2px;padding:0;min-height:30px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#f7f7f7;}
.div_open_form ul li input{position:absolute;left:10px;top:5px;z-index:10;}
.div_open_form ul li label{display:block;position:relative;margin:0;padding:6px 10px 6px 0;padding-left:165px;font-size:12px;color:#231f20;font-weight:bold;line-height:130%;cursor:pointer;}
.div_open_form ul li label[for='koglType5'] {display:inline-block;*display:inline;*zoom:1;position:relative;margin:0;padding:6px 10px 6px 0;padding-left:165px;font-size:12px;color:#231f20;font-weight:bold;line-height:130%;cursor:pointer;}
.div_open_form ul li label[for='koglType1'] img{position:absolute;left:40px;top:2px;vertical-align:middle;width:74px;height:27px;}
.div_open_form ul li label[for='koglType2'] img{position:absolute;left:40px;top:2px;vertical-align:middle;width:91px;height:27px;}
.div_open_form ul li label[for='koglType3'] img{position:absolute;left:40px;top:2px;vertical-align:middle;width:91px;height:27px;}
.div_open_form ul li label[for='koglType4'] img{position:absolute;left:40px;top:2px;vertical-align:middle;width:109px;height:27px;}
.div_open_form ul li label[for='koglType5'] img{position:absolute;left:40px;top:2px;vertical-align:middle;width:109px;height:27px;}
.div_open_form ul li a{display: block; font-size:14px;color:#595959; margin: 10px 0 0 11px;}
.div_open_form ul li a span{font-size:10px;color:#595959;}

.div_open_footer{border-top:1px solid #6c6b6b;background:#f7f7f7;margin-top:5px;padding:10px 20px 10px 27px}
.div_open_footer p{font-size:14px;color:#0c0c0c;margin-bottom:5px;text-indent:-7px;}
.div_open_footer p strong{font-size:14px; color:#dd494e;font-weight:bold;} 
.div_open_footer p span{margin-left:10px;}
.div_open_footer p span img{margin-top: 8px;}
.codeView {display:none;position:relative;margin:0;margin-top:5px;background:#fff;border:1px solid #dbdbdb;padding:17px 15px 17px 100px;font-size:12px;color:#292929;font-weight:bold;}
.codeView img{position:absolute;left:20px;top:25%;vertical-align:middle;width:74px;height:27px;}
.codeView05{position:relative;margin:0;margin-top:5px;background:#fff;border:1px solid #dbdbdb;padding:17px 15px 17px 60px;font-size:12px;color:#292929;font-weight:bold;}
.codeView05 img{position:absolute;left:20px;top:25%;vertical-align:middle;width:27px;height:27px;}
h5.open_title {margin:0;padding:0;position:absolute;left:0;top:136px;}
h5.open_title img{width:186px;height:32px;border-left:1px solid  #dbdbdb;border-bottom:1px solid  #dbdbdb;border-right:1px solid  #dbdbdb;}

/* 게시판 경고글 */
ul.type03 { font-size:12px;  font-weight:bold; padding:10px 10px 10px 20px !important; margin-left:8px; margin-top:10px; margin-bottom:10px; border:#FF3300 dashed 1px;}
ul.type03 li{ height:18px; padding:0 0 0 26px !important; color:#FF3300; background:url(/images/common/member/icon_excla.gif) left -1px no-repeat !important;}

/*의견제안 ##글자수 줄이지 말고 모든 내용이 다 나오도록 해달라고 해서 말줄임 스타일 해제 20190201_김용선*/
.suggest_info .board_t1 td.title > a, .suggest_info .board_t1 td.title_wrap > a{overflow: visible; white-space: normal;}

/*table-layout:fixed*/
.t_w_fixed{table-layout: fixed;}

/*테이블 스타일 추가*/
.cont_inner > table.board_t1 td {font-size:15px;}
.none{ display:none;}