@charset "UTF-8";

/* 2019.11.19 Updates : 게시물 공통처리 */ 
.contentBody th.title {max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contentBody .substance {padding:10px !important;overflow:hidden;white-space:normal;text-align:center;min-height:100px;/*font-size:0.9em;*/}
.contentBody .substance div {margin:5px 0 !important; padding:5px !important;}
.contentBody .substance img {margin:0 auto;max-width:100%;height:auto !important;}
@media all and (max-width:768px) {
	.contentBody table th.title {font-size:1.2em;text-overflow:inherit;white-space:normal;}
	.contentBody .substance iframe{height:270px !important; width:360px !important;}
	.contentBody .substance img{max-height:100%;}
}
@media all and (max-width:480px) {
	.contentBody .substance iframe{height:210px !important; width:280px !important;}
}
/* 2021.01.27 Updates : 게시글목록 공통CSS (이한식) */
.board {border-collapse:collapse; border-spacing:0; width:100%; border-top:1px solid #333;}
.board thead th {background:#fafafb; padding: 13px 4px 11px 4px; font-weight:800; color:#222; letter-spacing:-1px; border-bottom:1px solid #c1c5cd; border-left:1px solid #e4e7ec;}
.board thead th:first-child {border-left:none;}
.board tr {background:#fff}
.board tr:hover {background:#fdfbef}
.board tr.brd_notice {background: #f4f8fc;}
.board td {border:1px solid #e9e8e8; padding:9px 5px 10px 5px; text-align:center; word-break:normal;}
.board td:first-child {border-left:none;}
.board td:last-child {border-right:none;}
.board .title {text-align:left; font-weight:500;line-height:1.3;}
.board .title a{overflow:hidden;text-overflow:ellipsis;}    
.board .b_title {text-align:left; font-weight:bold;line-height:1.3;}
.board .b_title {padding:10px 10px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .b_write {font-size: 0.85em; padding:0 5px;}
.board .b_write {padding:10px 10px;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .b_num {font-size:0.80em; font-weight:bold;}
.board .b_num img{vertical-align:middle;}
.board .b_board {font-size:0.85em;}
.board .b_cate {font-size:0.85em;}
.board .b_date {font-size:0.80em;}
.board .b_hit {font-size:0.80em;}
.board .b_comment {font-size:0.85em; color:#D14900;}
.board .b_left {text-align:left; padding:10px 10px;}
.board td.txt_left {text-align:left !important;}
.board td.txt_left_1 {text-align:left !important;}

/* 2020.07.23 Updates : 게시글목록 공통CSS (모바일) */
@media screen and (max-width:768px) {
	.m_board, .m_board thead, .m_board tbody, .m_board th, .m_board td, .m_board tr {display:block;}
	.m_board tr{float:left;width:100%;box-sizing:border-box;}
	.m_board th, .m_board td{float:left;width:100%;box-sizing:border-box;}
	.m_board thead tr {position: absolute; top: -9999px; left: -9999px;}
	.m_board tr {position:relative; border-bottom:1px solid #e4e7ec; border-top:none;padding:10px 0;}
	.m_board tr:first-child {border-top:none;}
	.m_board tr:nth-child(even) {background-color:#f7f7f7;}	 
	.m_board tbody td {position:relative; border:none; text-align:left;padding:0 10px 5px 10px;}
	.m_board td.title {padding:0 10px; color:#000;text-align:left; font-weight: bold;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
	.m_board td.nodata{padding:0 10px;text-align:center;}
	.m_board .b_date{padding:3px 10px 0;}
	.m_board .b_hit, .m_board .b_file, .m_board .b_none {display:none}

	.board td.title, .board td.b_write{max-width:none;padding:5px 10px;overflow:hidden;text-overflow:initial;white-space:inherit;}	
	.board tr.brd_notice{background:#f4f8fc;}
	.board td.b_banner:before {display:inline; content: '배 너 명 : ';}
	.board td.sepa:before {display:inline; content: '구　 분  : ';}
	.board .b_title {max-width:100%;}
	.board td.num {display:none;}
	.board td.num:before {display:inline; content: '번　  호  : ';}
	.board td.title:before {display:inline; content: '제　  목 : ';}
	.board td.b_date {font-size:1rem;}
	.board td.b_date:before {display:inline; content: '등 록 일 : ';}
	.board td.b_check:before {display:inline; content: '선 　  택 : ';} 
	.board td.txt_left_1 {text-align:center !important;}
}
@media screen and (max-width:480px) {
	 .m_board th, .m_board td{float:left;clear:both;width:100%;box-sizing:border-box;}
}
/** board_view : 2018.01.10 */
.board_view {font-size:1rem !important;border-collapse:collapse; width:100%; border-top:1px solid #333; border-bottom:1px solid #96afce; line-height:1.5}
.board_view th {background:#fafafb; padding:9px 10px 10px 10px; color:#222; border:1px solid #e9e8e8; text-align: right; font-weight: bold;}
.board_view td {border:1px solid #e9e8e8; padding:9px 10px 10px 10px; background:none; text-align: left;}
.board_view .brdnone {border:none;}
.board_view .txt_center {text-align: center;}
.board_view .gray {background-color:#fafafb; color:#2f3743;  text-align: right; font-weight: bold;}
.board_view .txt_left {padding-left: 5px; text-align: left;}
.board_view .inText {background:url("/base/imgs/board/inText.gif") no-repeat 0 0; border:none; border-right:1px solid #dfdfdf; padding:2px; height:17px; font-size:1em;}
.board_view .next_text {display:block; color: #2f3743 !important; background:url("/base/imgs/board/ico_next_text.gif") no-repeat 22px 50%; padding:0 0 0 13px;}
.board_view .prev_text {display:block; color: #2f3743 !important; background:url("/base/imgs/board/ico_prev_text.gif") no-repeat 22px 50%; padding:0 0 0 13px;}
.board_view .substance {padding:10px !important; overflow:hidden; white-space: normal; text-align: left; min-height: 200px;}
/** board_foot : 2018.01.18 */
.board_foot {font-size:1rem !important;border-collapse:collapse; width:100%; border-top:1px solid #e9e8e8;word-break:break-all;}
.board_foot th {color:#707070; border-bottom:1px solid #e9e8e8; padding:9px 5px 10px 5px; font-weight:normal;}
.board_foot td {border-bottom:1px solid #e9e8e8; padding: 9px 10px 10px 10px; background:none;}
.board_foot .gray {background-color:#fafafb; border-right:1px solid #e4e7ec;}
.board_foot .next_text {display:block; color: #2f3743 !important; background:url("/base/imgs/board/ico_next_text.gif") no-repeat 22px 50%; padding:0 0 0 13px; font-weight: bold;}
.board_foot .prev_text {display:block; color: #2f3743 !important; background:url("/base/imgs/board/ico_prev_text.gif") no-repeat 22px 50%; padding:0 0 0 13px; font-weight: bold;}
.board_foot .now_text {display:block; color: #2f3743 !important; padding:0 0 0 13px; font-weight: bold;}
@media screen and (max-width:768px) {
	.board_foot .next_text, .board_foot .prev_text{background-position:3px 50%;word-break:keep-all;}
}
/** board_insert : 2019.11.19 Updates */
.board_insert {border-collapse:collapse; width:100%; border-top:1px solid #333; border-bottom:1px solid #d5d5d5;word-break:break-all;word-wrap:break-word;}
.board_insert th {color:#2f3743; border-bottom:1px solid #e5e5e5; padding:12px 10px 11px 10px; font-weight: bold; background-color:#fafafb;}
.board_insert th.th_riline{border-right:1px solid #e5e5e5;}
.board_insert th.th_point{background-color:#f2f2f9; color:#373773;}
.board_insert td {border-bottom:1px solid #e5e5e5; padding:9px 10px 8px 10px; background:none; text-align: left;}
.board_insert .substance {padding:15px !important;}
.board_insert .substance table {width:100% !important;word-break: break-all;}
.board_insert .tbl2Area {border:1px solid #CFCFCF; height:100px; width:100%; font-size:0.75em;}
.board_insert label{line-height:36px;}
.board_insert th.title {text-overflow:initial !important;white-space:initial !important;}
.board_insert .title {padding:12px 8px 12px 8px !important; font-size:1.4em; text-align: center;}
.board_insert .view_title {color:#333; font-size:1.2em;}
.board_insert .inText {background:url("/base/imgs/board/inText.gif") no-repeat 0 0; border:none; border-right:1px solid #dfdfdf; padding:2px; height:17px; font-size:1em;}
.board_insert video{width:100% !important;}
@media screen and (max-width:768px) {
	.board_insert img {max-width:100%;}
	.m_board_insert colgroup{display:none;}
	.m_board_insert th{display:block;text-align:left;}
	.m_board_insert td{display:block;border:none;border-bottom:1px solid #e5e5e5;}
	.m_board_insert td input[type="text"], .m_board_insert td select{max-width:98% !important;}
	.m_board_insert td input[type="file"]{width:auto !important;} 
}
@media screen and (max-width:620px) {
  .board_insert th {padding:12px 5px 11px 5px;font-size:0.85em;letter-spacing:-0.8px;}
  .board_insert td {padding:9px 5px 8px 5px;font-size:0.85em;letter-spacing:-1px;}
}
/* 갤러리게시판 */
.board_gallery {border-collapse:collapse; padding:10px 0 10px 0; width:100%; border-top:2px solid #444547; border-bottom:2px solid #d5d5d5;}
.board_gallery td {border-bottom:1px solid #d5d5d5; padding:10px 0; color:#464646;}
.board_gallery .comment {font-size:11px; color:#D14900;}
.board_gallery a {color:#464646;}
.board_gallery a:hover {color:#03559a; text-decoration:underline;}
.board_gallery .g_type {width:31%; float: left; margin:15px 0 15px 3.5%; display:inline-block; border:1px solid #e9e9e9;box-sizing:border-box;}
.board_gallery .g_type.wd29{width:29%;  margin:15px 0 15px 6.5%;}
.board_gallery .g_type:nth-child(3n+1) {margin-left:0;}
.board_gallery .g_type .g_con {height:auto;overflow:hidden;}
.board_gallery .g_type .g_con.h350{height:350px;}
.board_gallery .g_type .g_con a {display:block;/*height:100%;*/}
.board_gallery .g_type .g_con img {width:100%; max-height:500px;}
.board_gallery .g_type .g_text {overflow:hidden; padding:0 0 20px 0;}
.board_gallery .g_type .g_text a {display:block; width:90%; margin:0 auto; padding:9px 0 2px 0; white-space:nowrap; overflow:hidden; font-size:1.1rem; color:#636363 !important;text-overflow:ellipsis;}
.board_gallery .g_type .g_text .conList li {font-size:16px; padding-bottom:0;}
.board_gallery .g_type .g_text span {display:block; width:90%; margin:0 auto; color:#888;}
.board_gallery .nodata{text-align:center;padding:20px 0;}
.board_gallery .date {font-size:12px;}

@media all and (max-width:1024px) {
	.board_gallery .g_type .g_text span+span {position: relative; bottom:0;}
}
@media all and (max-width:768px) {
	.board_gallery .g_type {width:100%;margin-left:0;}
	.board_gallery .g_type .g_con {margin:0 auto; width: auto;}
}
@media all and (max-width:670px) {
	.board_gallery .g_type .g_con {margin:0 auto; width: auto;}
}
@media all and (max-width:586px) {
	.board_gallery .g_type .g_con {float:none; margin:0 auto; width: auto;}
	.board_gallery .g_type .g_text {width:100%;}
}

/* 충북도립극단_공연일정 */
.board_show {padding:15px 0 30px 0; width:100%; display:flex; flex-wrap:wrap; border-top:2px solid #444547; border-bottom:2px solid #d5d5d5;}
.board_show .g_type {width:22%; margin:15px 1.5% 15px; display:inline-block; border-bottom:2px solid #000; box-sizing:border-box;}
.board_show .g_type .g_con {height:auto;overflow:hidden; text-align:center;}
.board_show .g_type .g_con.h350{height:350px;}
.board_show .g_type .g_con a {display:block;/*height:100%;*/}
.board_show .g_type .g_con img {width:350px; height:475px;}
.board_show .g_type .g_text {overflow:hidden; padding:0 0 20px 0;}
.board_show .g_type .g_text p{display:inline-block; font-size:17px; color:#e83436; font-weight:600; background:url("/base/imgs/board/show_titbg.png") repeat-x 0 bottom;}
.board_show .g_type .g_text a {display:block; margin:0 auto; padding:9px 0 2px 0; font-weight:bold; white-space:nowrap; overflow:hidden; font-size:23px; color:#222 !important;text-overflow:ellipsis;}
.board_show .g_type .g_text a.btn_show{float:right; font-size:18px; font-weight:500; text-align:center; width:100px; margin-top:8px; display:inline-block; color:#fff !important; }
.btn_show{background:url('/base/imgs/board/view_show_bg.png') no-repeat right 6px;  height:38px; }
.board_show .g_type .g_text .conList li {font-size:16px; padding-bottom:0;}
.board_show .g_type .g_text span {display:block; width:90%; margin:0 auto; color:#fff;}
.board_show .nodata{text-align:center;padding:20px 0;}
.board_show .date {font-size:12px;}

@media all and (max-width:1600px) {
	.board_show .g_type {width:30%;} 
}
@media all and (max-width:1200px) {
	.board_show .g_type {width:47%;} 
}
@media all and (max-width:1024px) {
	.board_show .g_type .g_text span+span {position: relative; bottom:0;}
}
@media all and (max-width:768px) {
	.board_show .g_type {width:100%;margin-left:0;}
	.board_show .g_type .g_con {margin:0 auto; width: auto;}
}
@media all and (max-width:670px) {
	.board_show .g_type .g_con {margin:0 auto; width: auto;}
}
@media all and (max-width:586px) {
	.board_show .g_type .g_con {float:none; margin:0 auto; width: auto;}
	.board_show .g_type .g_text {width:100%;}
}
@media all and (max-width:414px) {
	.board_show .g_type .g_con img {width:100%; height:100%;}
}

/* 게시판 상단 뷰어 다운로드 */
.board_viewer {zoom:1;}
.board_viewer:after {content:""; display:block; clear:both;}
.board_viewer_box {float:right; width:200px;padding-bottom:5px;}
.board_viewer_box h3 {float:left; font-size:0; line-height:0; padding-right:10px;}
.board_viewer_box li {float:left; font-size:0; line-height:0;}
.board_viewer_box li a {display:block; padding:0 3px 0 0;}
@media all and (max-width:768px) {
	.board_viewer_box{width:auto;}
	.board_viewer_box ul{display:inline-block;}
	.board_viewer_box li{display:none;}
	.board_viewer_box li.adobe{display:block;}
}
/* contTable */
.contTable {border-collapse:collapse; width:100%; border-top:2px solid #434343; border-bottom:1px solid #ccc; word-break:keep-all;font-size: 1rem;}
.contTable thead th, .contTable tbody th {height:42px;background:#f8f8f8; color:#222; padding:8px 12px 9px; border:1px solid #ccc;text-align:center;}
.contTable thead td, .contTable tbody td {height:42px;padding:7px 10px; border:1px solid #ccc; border-top:none; text-align:left; }
.contTable.tableR  tbody td {text-align:right;}
.contTable tbody td span.num {background:#1a4881;border-radius:300px;color:#fff;width:20px;height:20px;display:inline-block;font-size:14px;text-align:center;} 
.contTable tbody td.td_c{text-align:center;}
.contTable tfoot{border:1px solid #c2c2c2;border-style:double;}
.contTable tfoot th {padding:7px 10px; border:1px solid #dbdbdb;height:30px; background:#eef4fa;color:#17459d;}
.contTable tfoot td {padding:7px 10px; border:1px solid #dbdbdb;font-weight:bold; height:30px; background:#eef4fa;color:#17459d;}
.contTable .first{border-left:0;}
.contTable .last{border-right:0;}
.contTable .conList {padding:0;}
.contTable tbody th.left {text-align:left;}
.contTable thead th.bg1,.contTable tbody td.bg1 {background:#ebf5ff;}
.contTable thead th.bg2,.contTable tbody td.bg2 {background:#cae4ff;}
.contTable thead th.bg3,.contTable tbody td.bg3 {background:#fff9eb;}
.contTable thead th.bg4,.contTable tbody td.bg4 {background:#fff2d3;}
/* contTable_b tbody만 있는 경우 */
.contTable_b {border-collapse:collapse; width:100%; border-top:1px solid #000;border-bottom:1px solid #ccc; word-break:break-all;}
.contTable_b tbody th {height:42px;background:#f8f8f8; padding:6px 4px 6px 10px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#222;}
.contTable_b tbody th.left {text-align:left;padding-left:20px;}
.contTable_b tbody td {height:42px;padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.contTable_b tbody td.td_c{text-align:center;}
.contTable_b tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b .first{border-left:0;}
.contTable_b .last{border-right:0;}
.contTable_b .conList {padding:0;}
/* contTable_c*/
.contTable_c {border-collapse:collapse; width:100%; border-top:2px solid #000; border-bottom:1px solid #ccc; word-break:break-all;}
.contTable_c thead{border-bottom:1px solid #c2c2c2;}
.contTable_c thead th {height:42px;background:#f6f6f6; color:#222; padding:8px 12px 9px; border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;text-align:center;}
.contTable_c tbody th {background:#fbfbfb; padding:6px 4px 6px 10px; border-bottom:1px solid #e4e7ec; border-left:1px solid #e4e7ec; color:#4f565b;}
.contTable_c tbody td {padding:13px 10px; border:1px solid #ccc; border-top:none; text-align:center; height:30px;}
.contTable_c tbody td.td_left{text-align:left; padding-left:30px;}
.contTable_c tbody{border-bottom:1px solid #c2c2c2;}
.contTable_c tfoot{border:1px solid #c2c2c2;border-style:double;}
.contTable_c tfoot th {padding:7px 10px; border:1px solid #dbdbdb;height:30px; background:#eef4fa; text-align:center;color:#17459d;}
.contTable_c tfoot td {padding:7px 10px; border:1px solid #dbdbdb;font-weight:bold; height:30px; background:#eef4fa; text-align:center;color:#17459d;}
.contTable_c .conList {padding:0;}

.contTable_c ul{padding:0;}
.contTable_c ul li   {position:relative;padding:0 0 0 12px;color:#444;line-height:1.8;}
.contTable_c ul li::after  {position:absolute; left:0; top:10px; content:""; width:6px; height:6px; background:#a6d6c6;border-radius:100px;}
.contTable_c ul ul {position:relative; padding:2px 0;}
.contTable_c li li{padding:0 0 0 10px; color:#888}
.contTable_c li li:after {position:absolute; left:0 top:12px; content:""; width:4px; height:1px; background:#888;}


@media all and (max-width:860px) {
	.contTable{font-size:0.95rem !important;}
	.contTable_c{font-size:0.95rem !important;}
}
/* 콘텐츠 공통 */
.text_pre { white-space: pre-line; }
.textarea_cmmn { white-space: pre-line; resize: none; width: 100%;height:100px;border:1px solid #ddd;overflow-y:scroll; word-break: break-all; font-size: 0.9rem; line-height: 1.5; letter-spacing: -0.03em; font-family: "Malgun Gothic", gulim, dotum, Helvetica, AppleGothic, Sans-serif; color: #555; }
.wid1 {width:70%}
/* 댓글등록 */
.cmntcs {width:88%; float:left;}
.cmntcs textarea {width:98%;}
.btn01 {float:left; background: #5b5c6b; border: 1px solid #585965; width:12%; height:92px;color:#fff;border-radius:7px;font-size:17px;font-weight:600;}
@media screen and (max-width:680px) {
	.cmntcs {width:98%;float:none;}
	.cmntcs textarea {width:100%;}
	.btn01 {width:100%; margin-top:10px; height:50px;}
}
/* 갤러리 좋아요 */
.like_text{width:340px;float:left;}
.like{font-size:0.75em;float:right;margin:14px 10px 0 0;background-color:#f6f6f6;border-radius:100px;width:70px;height:55px;text-align:center;line-height:1.5;padding:15px 0 0 0;}
.like span{display:block;}
.like img{padding:0 2px 0 0;vertical-align:middle;margin:0 0 3px 0;}
.likeView{margin:0 0 10px 0;background:#fff3f3;width:auto;height:auto;padding:10px;}
.likeView span{display:inline-block;padding-right:3px;}
@media screen and (max-width:1400px) {
	.like_text{width:100%;}
	.like{margin:0 10px 10px 0;width:auto;height:auto;padding:10px;}
	.like span{display:inline-block;padding-right:3px;}
}
@media screen and (max-width:670px) {
	.like{margin:0 10px 10px 0;}
}
@media screen and (max-width:586px) {
	.like{margin:0 10px 10px 0;}
}

/* 증명서발급 20210621 추가 */
.certi {margin:20px;}
.conH3 {position:relative; font-size:25px; background:url("/home/imgs/contents/h3_bg.png") no-repeat 0 50%; color:#000; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:60px; padding-top:10px;}
.conH3.top {margin-top:-10px !important;}
/* 박스Point 20210621 추가*/
.boxPoint {padding:2rem;border: 5px solid #E6E6E6;height: auto; position: relative;}
.boxPoint:before {background:#e83436;position:absolute;top:-5px;left:0;width:2.5rem;height:5px;content:'';}
.boxPoint:after {background:#e83436;position:absolute;top:-5px;left:-5px;height:2.5rem;width:5px;content:'';}
.selline {vertical-align:middle;}


.cts_158 ul{border:none !important; width:100% !important}
.cts_158 li{padding:0 10px; width:100%; text-align:left !important}
.cts_158 li:before{display:none !important;}
.cts_158 .scroll{overflow: hidden; overflow-y:auto; height:auto; margin:-8px; padding:8px;}