@charset "utf-8";
input[type=submit] { cursor:pointer; }
input[type=file] { width:50%; box-sizing:border-box; }
.input { padding:5px; border:1px solid #d8d8d8; }
.btn_forinput { padding:6px 10px; background:#666; border:0px; color:#fff; font-weight:bold; vertical-align:middle; }
.btn { display:inline-block; margin-bottom:2px; padding:4px 20px; min-width:60px; text-align:center; background:#f3f3f3; border:1px solid #dbdbdb; font-weight:bold; border-radius:4px; overflow:hidden; font-size:15px; transition:all .2s ease; }
.btn.btn_ok { background:#d55050/*#2f2927*/; border:1px solid #9f2e2e/*#201b1a*/; border-bottom:3px solid #9f2e2e; box-shadow:0px 0px 0px #9f2e2e; color:#fff; }
.btn.btn_back { background:#fff; border:1px solid #d1d1d1; border-bottom:3px solid #ebebeb; box-shadow:0px 1px 0px #d1d1d1; color:#484848; }
.btn:hover,
.btn:focus{ background-color:#245abe !important; border-color:#245abe !important; box-shadow:0px 1px 0px #1f4894 !important; color:#fff !important; }
input.btn { vertical-align:top; padding:4px 40px 2px; line-height:160%; }

.sbtn { display:inline-block; position:relative; margin-bottom:3px; padding:1px 10px; min-width:55px; line-height:20px;  background-color:#f3f3f3; transition:all .2s ease; font-size:14px; border:1px solid #dbdbdb; border-radius:3px; overflow:visible; }
.sbtn:hover { background-color:#fff; color:#f3692b; }
.sbtn:hover:after { display:block; content:''; position:absolute; top:-4px; left:-1px; width:100%; height:100%; border:1px solid #f3692b; border-radius:4px; background-color:#f3692b; z-index:-1; }

.sbtn_down { padding-left:25px; background:#f3f3f3 url(/share/images/program/ic_down.gif) no-repeat 10px center; }
.sbtn_link { padding-left:30px; background:#f3f3f3 url(/share/images/program/ic_link.gif) no-repeat 10px center; }
.sbtn_map { padding-left:30px; background:#f3f3f3 url(/share/images/program/ic_place.png) no-repeat 10px center; }

.sbtn .down { padding-left:15px; background:url(/share/images/program/ic_down.gif) no-repeat left center; }
.sbtn:hover .down { background:url(/share/images/program/ic_down_on.gif) no-repeat left center; color:#f3692b; }
.sbtn .link { padding-left:18px; background:url(/share/images/program/ic_link.gif) no-repeat left center; }
.sbtn:hover .link { padding-left:18px; background:url(/share/images/program/ic_link_on.gif) no-repeat left center; }

.btnBox { margin-top:20px; text-align:right; }
.btnBoxC { margin-top:30px; text-align:center; }
.caution { display:inline-block;  padding-left:25px; background:url(/share/images/program/ic_caution.gif) no-repeat left center; }

.viewmap { display:inline-block; vertical-align:middle; margin-left:5px; padding-left:20px; background:url(/share/images/program/ic_place.gif) no-repeat left center; }

.w50 { width:50px !important; }
.w70 { width:70px !important; }
.w100 { width:100px !important; }
.w5p { width:5% !important; }
.w6p { width:6% !important; }
.w8p { width:8% !important; }
.w10p { width:10% !important; }
.w13p { width:13% !important; }
.w15p { width:15% !important; }
.w18p { width:18% !important; }
.w20p { width:20% !important; }
.w23p { width:23% !important; }
.w25p { width:25% !important; }
.w27p { width:27% !important; }
.w30p { width:30% !important; }
.w34p { width:34% !important; }
.w35p { width:35% !important; }
.w38p { width:38% !important; }
.w40p { width:40% !important; }z
.w45p { width:45% !important; }
.w50p { width:50% !important; }
.w60p { width:60% !important; }
.w70p { width:70% !important; }
.w100p { width:100% !important; }

.c_rd { color:#d12d2d; font-weight:600; }
.c_or { color:#c54e17; font-weight:600; }
.c_bl { color:#0a488d; font-weight:600; }
.c_vi { color:#67419b; font-weight:600; }
.c_gr { color:#177463; font-weight:600; }
.c_pk { color:#ce405e; font-weight:600; }
.c_bk { color:#333; font-weight:600; }
.c_gray { color:#666; }

.maw550 {max-width:550px;}

/*****  게시판  *****/
/*** 검색  ***/
.search { margin-top:10px; margin-bottom:20px; padding:3% 1%; text-align:center; background:#f5f5f5; border:1px solid #d4d4d4; }
.search div { display:inline-block; margin:2px .5%; }
.search select { padding:3px 3px 3px 3px; height:33px; vertical-align:middle ; }
.search input[type=text] { padding:3px; height:25px; border:1px solid #dddddd; }
.search div.num input[type=text] { margin-right:2px; text-align:center; width:80px ; }
.search div.num img  { margin-left:2px; vertical-align:middle; }
.search div.word dl dt { width:10%; font-size:14px; font-weight:600; }
.search div.word input[type=text] { min-width:150px; }
.search div.word input[type=submit] { padding:3px 10px; height:32px; background:#222; border:0px; color:#fff; font-weight:bold; vertical-align:middle; }
.search .field_inline { display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ddd; }
.search .field_inline li { display:inline-block; vertical-align:middle; }
.search .field_inline li select { width:100%; max-width:100%; }
.search .field_search { width:75%; }
.search .field_search .checkbox_list li { display:inline-block; }
.search .field_search dl { display:flex; gap:10px; justify-content:center; align-items:center; margin-top:7px; }
.search .field_search dl:first-child { margin-top:0; }
.search .field_search dl dd { display:flex; justify-content:space-between; gap:4px; text-align:left; width:100%; }
.search .field_search dl dd input[type=text] { width:calc(100% - 40px); }
.search .field_search dl dd .checkbox_list li { margin-right:8px; }
.search .field_search dl dd .checkbox_list input[type=checkbox] { vertical-align:middle; }
.search .field_search dl dd .checkbox_list label { margin-left:3px; font-size:14px; }
/*** 리스트 ***/
.board_list {position: relative ; width: 100%;}
.board_list .scroll_info {display:none;}
.nodata { padding:5%; text-align:center; }
/* 일반리스트 */
table.general_board { margin-bottom:20px; width:100%; border-bottom:1px solid #8e8e8e; border-top:2px solid #2d2d2d; }
/* table.general_board { margin-bottom:20px; width:100%; table-layout:fixed;  border-bottom:1px solid #8e8e8e; border-top:2px solid #2d2d2d; } */
table.general_board thead th { padding:13px 10px; border-bottom:1px solid #8e8e8e; text-align:center; color:#333; font-size:15px; background:#f8f8f8 ; }
table.general_board tbody tr { border-top:1px dotted #dcdcdc; } 
table.general_board tbody tr:first-child { border-top:0px; }
table.general_board tbody td {padding:13px 10px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.general_board tbody td.title a { display:block; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; font-weight:bold; }
table.general_board tbody td.title {max-width:400px;}
table.general_board tbody td.title2 {max-width:300px;}
table.general_board tbody td.title2 a, table.general_board.rows tbody td {white-space:normal; word-wrap:break-word; word-break:keep-all;}
/*table.general_board tbody td.branch {max-width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
 table.general_board tbody td p.branch {max-width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} */
/* 홍보관 리스트 */
.general_board2 { margin-top:5px; width:100%; }
.general_board2 li { position:relative; padding:35px 5px; overflow:hidden; border-bottom:1px solid #ddd; }
.general_board2 li p.img { float:left; width:32%; height:300px; overflow:hidden; padding:1px;}
.general_board2 li p.img2 { float:left; width:32%; height:210px; overflow:hidden; padding:1px;}
.general_board2 li p.img img { width:100%; min-height:210px; max-height:300px; }
.general_board2 li p.con { float:right; width:63%; }
.general_board2 li p.con span { display:block; }
.general_board2 li p.con span.tit { padding-top:2px; color:#333; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.general_board2 li p.con span.txt { margin-top:15px; padding-bottom:35px; color:#666; }
.general_board2 li p.con span.txt br+br { display:block; content:''; line-height:0px; height:0px; }
.general_board2 li p.con span.date { position:absolute; bottom:35px; }
.board_list p.btn_more { margin-bottom:20px; background:#f8f8f8; border:1px solid #ddd; border-top:0px; }
.board_list p.btn_more a { display:block; padding:3% 5px; text-align:center; color:#333; }
/* 포토 리스트 */
.board_gallery { margin-top:5px; padding:20px 0px; border-top:2px solid #2d2d2d;  border-bottom:1px solid #ddd; overflow:hidden; }
.board_gallery>li { position:relative; float:left; width:31.3%; margin:1%; }
.board_gallery>li a { display:block; padding:4%; border:3px solid #efefef; }
.board_gallery>li span { display:block; text-align:center; }
.board_gallery>li span.img { height:175px; overflow:hidden; }
.board_gallery>li span.img img { width:100%; min-height:175px; }
.board_gallery>li span.tit { padding:10px 5px 3px; font-size:16px; font-weight:bold; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.board_gallery>li span.date { font-weight:bold; color:#858585; }
.board_gallery>li a:hover:after { display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.3) url(/share/images/program/photo_more.png) no-repeat center center; }
.board_gallery>li a:hover { border-color:#fff; text-decoration:none; }
/* 이북 리스트 */
.ebook_box { margin-bottom:30px; padding-top:5px; background:url(/share/images/program/ebook_bgT.gif) repeat-x left top; box-shadow:0px 1px 2px rgba(0,0,0,.1); }
.ebook_box>.bg { padding:4% 5% 2.5%; background:url(/share/images/program/ebook_bg.gif) repeat center top; border:1px solid #d4d4d4; border-top:0px; overflow:hidden; }
.ebook_box img { max-width:100%; }
.ebook_box .img { float:right; width:45%; }
.ebook_box .img p { display:inline-block; padding-bottom:17px; padding-right:12px; background:url(/share/images/program/ebook_this_bg.png)  no-repeat right bottom 100% ; }
.ebook_box .con { float:left; margin-left:1.5%; width:53%; }
.ebook_box .con p.tit { margin-top:4%; }
.ebook_box .con p.txt { margin-top:3%; }
.ebook_box .con ul { margin-top:30px; }
.ebook_box .con ul li { font-weight:bold; }
.ebook_box .con ul li a { color:#245abe; }
.board_ebook { margin-top:5px; overflow:hidden; }
.board_ebook>li { float:left; width:22%; margin:2% 1.5%; /* width:29.3%; margin:2%; */ }
.board_ebook>li div.con { position:relative; padding-right:3px; background:#f1f1f1; border:1px solid #c8c8c8; box-shadow:1px 2px 3px rgba(0,0,0,.1); }
.board_ebook>li div.con p.img { padding-right:4px; background:#f7f7f7; border-right:1px solid #c8c8c8; overflow:hidden; }
.board_ebook>li div.con p.img img { margin-bottom:1px; width:100%; /* height:350px; */ height:310px; vertical-align:top; border-right:1px solid #c8c8c8; }
.board_ebook>li div.con div.txt { position:absolute; bottom:0px; padding:7% 5%; width:90%; background:rgba(75,42,27,.9); text-align:center; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,.1); }
.board_ebook>li div.con div.txt p { color:#fff; line-height:135%; }
.board_ebook>li div.con div.txt p.tit { margin-bottom:7px; font-weight:bold; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.board_ebook>li div.con div.txt p.tit span.num { color:#ffbf25; }
.board_ebook>li:hover div.con div.txt { display:block; }
.board_ebook>li .btn_ebook { margin-top:20px; text-align:center; }
.board_ebook>li .btn_ebook a { padding:8px 15px; }
/* 게시글내용없음 */
.nocontents { padding:40px 0; border-top:2px solid #333333; border-bottom:1px solid #aaaaaa; color:#333333; font-size:14px; text-align:center; }
/* 페이징 */
.paging { margin-top:20px; text-align:center; }
.paging a { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; vertical-align:middle; border:1px solid #d8d8d8; }
.paging a.page_btn { width:20px; height:30px; border:0px; }
.paging a.page_btn.first { background:url(/share/images/program/page_first.gif) no-repeat center center; }
.paging a.page_btn.prev { background:url(/share/images/program/page_prev.gif) no-repeat center center; }
.paging a.page_btn.next { background:url(/share/images/program/page_next.gif) no-repeat center center; }
.paging a.page_btn.last { background:url(/share/images/program/page_last.gif) no-repeat center center; }
.paging a.select { background:#4e4643; border-color:#4e4643; color:#fff; font-weight:bold; }
.paging.paging_mb>div { display:inline-block; padding:0px; margin:0px; max-width:120px; }
/*** 보기 ***/
.board_view .title { border-top:3px solid #2d2d2d; padding:10px 5px; font-size:20px !important; font-weight:bold; color:#333; margin-bottom: 0 !important;}
.board_view .title span.stitle {display:block; font-size:15px;}
.board_view ul.datalist { border-top:1px solid #d8d8d8; }
.board_view ul.datalist>li { overflow:hidden; padding:10px 0px; border-bottom:1px solid #ddd; min-height:25px; }
.board_view ul.datalist>li dl { float:left; min-width:28%; padding-right:5%; overflow:hidden; }
.board_view ul.datalist>li.line1 dl { min-width:90%; }
.board_view ul.datalist>li dl dt { float:left; padding:0px 10px 0px 5px; font-weight:bold; min-width:70px ; }
.board_view ul.datalist>li dl dd { float:left; max-width:90%; } 
/* .board_view ul.datalist>li { overflow:hidden; border-bottom:1px solid #ddd; }
.board_view ul.datalist>li dl { float:left; display:table; padding:10px 0px; min-width:28%; padding-right:5%; overflow:hidden; }
.board_view ul.datalist>li dl dt { float:left; display:table-cell; padding:0px 10px 0px 5px; font-weight:bold; min-width:70px ; }
.board_view ul.datalist>li dl dd { float:left; display:table-cell; max-width:90%; } */
.board_view ul.datalist>li.addfile  { position:relative; }
.board_view ul.datalist>li.addfile>dl { width:100%; } 
.board_view ul.datalist>li.addfile>dl>dt { position:absolute; left:0px; width:70px; }
.board_view ul.datalist>li.addfile>dl>dd { padding-left:80px; }
.board_view ul.datalist>li.addfile>dl>dd ul li a.btn_preview { display:inline-block; margin-left:5px; padding:1px 10px; background:#666; color:#fff; font-size:14px; border-radius:20px}
.board_view ul.datalist>li.addfile>dl>dd ul li>a>img { margin-top:-3px; vertical-align:middle }
.board_view div.con { margin-bottom:20px; margin-top:-1px; padding:30px 10px; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; }
.board_view div.con img { max-width:100%; }
.board_view div.con p.add_img { margin-bottom:40px; text-align:center; }
.board_view div.con>img, .board_view div.con p.add_img>img { display:block; margin:10px auto; max-width:100%; }
.board_view div.con p.openNuri { position:relative; bottom:-37px; text-align:right; }
.other_con { margin-top:20px; border-top:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; }
.other_con li { position:relative; padding:8px 10px 8px 140px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #d8d8d8; }
.other_con li:first-child { border-top:0px; }
.other_con li>span { display:block; position:absolute; left:0px; top:0px; padding:8px 0px; width:125px; text-align:center; font-weight:bold; background:#f5f5f5; }
/* 답글*/
.board_reply  { margin-top:-21px; margin-bottom:20px; border-top:1px solid #353535; border-bottom:1px solid #353535; }
.board_reply div.list { padding:20px 10px; border-top:1px dotted #353535; }
.board_reply div.list:first-child  { border-top:0px dotted #353535; }
.board_reply div.list p.tit {  float:left; margin-bottom:5px; color:#222; font-size:17px ; }
.board_reply div.list p.writer { float:right; font-size:14px ; }
.board_reply div.list p.txt { clear:both; padding-top:15px; width:100% ; }
/* 댓글 */
.comment { margin-top:40px; padding:30px 25px 10px; background:#F5F5F5; }
.comment p.writer label { font-weight:bold; }
.comment p.writer input { margin-right:20px; padding:5px; border:1px solid #dcdcdc; width:10%; min-width:90px; }
.comment div.comment_form { position:relative; margin-top:10px; height:80px; padding-right:93px; border:1px solid #dcdcdc; }
.comment div.comment_form textarea { width:96%; padding:10px 2% 9px; height:60px; border:0px; line-height:150%; }
.comment div.comment_form input[type=submit] { position:absolute; right:0px; top:0px; width:93px; height:80px; background:#333; font-weight:bold; color:#fff; border:0px; }
.comment div.comment_view ul.comment_list li { position:relative; padding:15px 10px; padding-left:100px; border-top:1px dotted #dcdcdc; }
.comment div.comment_view ul.comment_list li:first-child { border-top:0px; }
.comment div.comment_view ul.comment_list li p.writer { position:absolute; left:10px; width:80px; font-weight:bold; }
.comment div.comment_view ul.comment_list li p.txt span.date { margin-left:10px; color:#666; }
.comment div.comment_view ul.comment_list li p.txt a img  { position:relative; bottom:-1px; margin-left:5px; }
.comment div.comment_view div.comment_page { margin-top:10px; padding:10px 0px; text-align:center; font-size:13px; }
.comment div.comment_view div.comment_page a { display:inline-block; margin:0px 3px; }
.comment div.comment_view div.comment_page a img { vertical-align:middle; }
.comment div.comment_view div.comment_page a.select { font-weight:bold; text-decoration:underline; }
.comment div.comment_view div.comment_page a.page_btn { margin:0px; }
.comment div.comment_view div.comment_page a.page_btn.prev { margin-right:10px; }
.comment div.comment_view div.comment_page a.page_btn.next { margin-left:10px; }
/**** 게시판 테이블 : 쓰기, 보기2 ****/
.board_title { position:relative; padding:10px 150px 10px 5px; border-top:3px solid #2d2d2d; border-bottom:1px solid #2d2d2d; font-size:20px; font-weight:bold; color:#333; }
.board_title p.state { position:absolute; right:5px; top:12px; }
.board_table { margin-bottom:20px; border-top:2px solid #353535; border-bottom:1px solid #8e8e8e; }
.board_table img { max-width:100%; }
.board_table>li { border-top:1px solid #ddd; }
.board_table>li:first-child { border-top:none; }
.board_table>li>dl { display:table; width:100%; }
.board_table>li>dl>dt, .board_table>li>dl>dd { display:table-cell; padding:10px; vertical-align:middle; border-left:1px solid #ddd; box-sizing:border-box; }
.board_table>li>dl>dt:first-child { border:0px; }
.board_table>li>dl>dt { width:16%; min-width:70px; font-weight:600; padding:8px; background:#f8f8f8; text-align:center; }
.board_table>li>dl>dd { overflow:hidden; min-width:70px; }
.board_table>li>dl>dd.brcon { padding:2%; }
.board_table>li>dl>dt.brcon br:nth-child(2n),
.board_table>li>dl>dd.brcon br:nth-child(2n) {  display:block; content:''; position:relative; margin-top:5px; padding-bottom:5px; border-top:1px dotted #ddd; line-height:20px; }
.board_table>li>dl>dd ul.flex-box li {display: flex; align-items: center; padding: 6px 0; border-bottom: 1px dotted #ccc;}
.board_table>li>dl>dd ul.flex-box li:nth-last-child(1) {border-bottom: none;}
.board_table>li>dl>dd ul.flex-box li span {flex: 0 0 auto; text-align: center; min-width: 135px; font-weight: 600;}
.board_table>li>dl>dd ul.flex-box li span br {display: none;}
.board_table>li>dl>dd ul.flex-box li div {width: 100%;}
.board_table>li>dl>dd p.flex-box {display: flex; align-items: center;}
.board_table>li>dl>dd p.flex-box .btn {margin-bottom: 0;}
.board_table>li>dl>dd.middle {vertical-align: middle;}
.board_table input[type="text"], 
.board_table input[type=password] { height:28px; border:1px solid #ccc; margin:1px 0px; padding:0px 1%; vertical-align:middle; }
.board_table textarea { border:1px solid #ccc; margin:1px 0px; padding:1%; width:98%; vertical-align:middle; }
.board_table input[size="3"], .board_table input[size="4"], .board_table input[size="5"], .board_table input[size="7"], .board_table input[size="8"], .board_table input[size="10"] { width:10%; max-width:100px; min-width:50px; text-align:center; }
.board_table input[type=checkbox],.board_table input[type=radio] { margin-left:10px; margin-right:5px; }
.board_table select { height:30px; margin:1px 0px; padding:0px 1%; border:1px solid #ccc; }
.board_table img.wordimg { float:left; padding:10px 10px; margin-right:10px; border:2px solid #72c1d9; }
.board_table p.wordimg { float:left; }
.board_table p.qalist span.q { display:inline-block; }
.board_table p.qalist span.a { display:inline-block; margin-right:5%; }
.board_table p.qalist span.a:last-child { margin-right:0%; }
.board_table .lec_photo { margin-top:5px; overflow:hidden; }
.board_table .lec_photo p.img { float:left; width:30%; margin-right:1%; }
.board_table .lec_photo p.img img { width:94%; padding:3%; border:1px solid #eee; }
.board_table .lec_photo div.teacher_info { float:right; width:68%; }
.board_table .teaher  { width:150px; text-align:center; }
.board_table .teaher img { width:100%; height:200px; }
.board_view p.sblet { margin-top:30px; }
.board_view .board_table { margin-top:10px; }
.board_table.ys_eum>li>dl>dt:first-child { border-left:1px solid #ddd; }
.board_table.ys_eum .col2 { overflow:hidden; width:100%; }
.board_table.ys_eum .col2 dl { position:relative; float:left; width:50%; }
.board_table.ys_eum .col2 dl:after { content:''; position:absolute; left:0; top:0; width:32%; height:150%; background-color:#f8f8f8; z-index:-1; }
.board_table.ys_eum .col2 dt { width:32%; background:none; }
.board_table.ys_eum .col2 dd { width:65%; height:52px; }
.board_table.ys_eum  li:nth-child(2) dt { height:100px; }
.board_table.ys_eum .col2 .brcon { padding:8px !important; }

/* 달력 */
.cal_month { position:relative; margin:0px auto 20px; width:420px ; }
.cal_month p { font-size:30px; color:#353535; text-align:center; font-family:verdana; }
.cal_month p span {  color:#f3692b; font-weight:bold; }
.cal_month ul li { position:absolute; top:7px; }
.cal_month ul li.prev { left:-20px; }
.cal_month ul li.next { right:-20px;  ; }
.cal_month ul li a { display:block; position:relative; width:125px; }
.cal_month ul li a span { display:block; position:absolute; top:0px; line-height:40px; height:40px ; }
.cal_month ul li.prev a span.cal_btn { right:0px; width:40px; background:#585858 url(/share/images/program/cal_prev.gif) no-repeat center center; transition:all .2s ease; }
.cal_month ul li.next a span.cal_btn { left:0px; width:40px; background:#585858 url(/share/images/program/cal_next.gif) no-repeat center center; transition:all .2s ease; }
.calendar div.day { display:table; table-layout:fixed; width:100%; }
.calendar div.day>ul { display:table-row; }
.calendar div.day>ul>li { display:table-cell; border:1px solid #dcdcdc; border-right:0px; border-top:0px; padding:10px; width:14.28%; vertical-align:top; }
.calendar div.day>ul>li:first-child, .calendar div.day>ul>li:first-child p.date {  border-left:0px; color:#c61d1d; }
.calendar div.day>ul>li:last-child, .calendar div.day>ul>li:last-child p.date { color:#155297; }
.calendar div.day>ul.td>li:not(.dp_pc):hover  { background:#f0f0f0; }
.calendar div.day>ul.th>li { padding:10px 0px; text-align:center; background:#f8f8f8; border-top:2px solid #353535; border-bottom:1px solid #353535; font-weight:bold; font-size:16px; }
.calendar div.day>ul.td>li.today  { border:2px dotted #f85b15; box-sizing:border-box; }
.calendar div.day>ul.td>li p.date { text-align:right; font-weight:bold ; }
.calendar div.day>ul.td>li ul li  { position:relative; font-size:13px; }
/* 예약 */
.calendar.reserve div.day>ul.td>li ul li  { margin:3px 0px; padding-left:10px; background:#fff; }
.calendar.reserve div.day>ul.td>li ul li:after  { display:block; content:''; position:absolute; top:8px; left:3px; width:2px; height:2px; background:#4882d8; }
.calendar.reserve div.day>ul.td>li ul li.finish { background:transparent url(/main/images/contents/sssblet.gif) no-repeat 3px 8px/2px; }
.calendar.reserve div.day>ul.td>li ul li.finish:after { background:#ccc; }
.calendar.reserve div.day>ul.td>li ul li.finish a { color:#888; }
.calendar.reserve div.day>ul.td>li:hover ul li.finish a { text-decoration:line-through; cursor:default; }
/* 공연, 행사 */
.calendar.event { ; }
.calendar.event ul.legend { padding-top:20px; margin-bottom:7px; text-align:right; }
.calendar.event ul.legend li { position:relative; display:inline-block; padding:2px 15px; font-size:13px; font-weight:bold; color:#fff; border-radius:30px; }
.calendar.event ul.legend li.place1 { background:#4882d8; }
.calendar.event ul.legend li.place2 { background:#d25987; }
.calendar.event ul.legend li.place3 { background:#128535; }
.calendar.event ul.legend li.place4 { background:#127685; }
.calendar.event ul.legend li.place5 { background:#865fb2; }
.calendar.event .place:after { display:block; content:''; position:absolute; top:10px; left:3px; width:3px; height:3px; }
.calendar.event .place1:after { background:#4882d8; }
.calendar.event .place2:after { background:#d25987; }
.calendar.event .place3:after { background:#128535; }
.calendar.event .place4:after { background:#127685; }
.calendar.event .place5:after { background:#865fb2; }
.calendar.event div.day>ul.td>li ul li  { border-top:1px dotted #ccc; }
.calendar.event div.day>ul.td>li ul li:first-child { border-top:0px; }
.calendar.event div.day>ul.td>li ul li:hover { padding-top:1px; border-top:0px; }
.calendar.event div.day>ul.td>li ul li:hover+li { padding-top:1px; border-top:0px; }
.calendar.event div.day>ul.td>li ul li:first-child:hover { padding-top:0px; }
.calendar.event div.day>ul.td>li ul li.place1:hover, .calendar.event div.day>ul.td>li ul li.select.place1 { background:#4882d8; }
.calendar.event div.day>ul.td>li ul li.place2:hover, .calendar.event div.day>ul.td>li ul li.select.place2 { background:#d25987; }
.calendar.event div.day>ul.td>li ul li.place3:hover, .calendar.event div.day>ul.td>li ul li.select.place3 { background:#128535; }
.calendar.event div.day>ul.td>li ul li.place4:hover, .calendar.event div.day>ul.td>li ul li.select.place4 { background:#127685; }
.calendar.event div.day>ul.td>li ul li.place5:hover, .calendar.event div.day>ul.td>li ul li.select.place5 { background:#865fb2; }
.calendar.event div.day>ul.td>li>ul>li>a { display:block; padding:3px 0px 3px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.calendar.event div.day>ul.td>li>ul>li>a:hover, .calendar.event div.day>ul.td>li>ul>li.select>a { padding-right:10px; font-weight:bold; color:#fff; }
.calendar.event div.view_event { display:none; padding:20px; }
.calendar.event div.view_event p.tit { padding:0px 5px; padding-bottom:15px; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; color:#333; }
.calendar.event div.view_event table { width:100%; border-collapse:collapse; }
.calendar.event div.view_event table th, .calendar.event div.view_event table td { padding:8px 5px; border:1px dotted #aaa; border-right:0px; border-top:0px; font-size:14px; }
.calendar.event div.view_event table tr th:first-child, 
.calendar.event div.view_event table tr td:first-child { border-left:0px; }
.calendar.event div.view_event table th { background:#f5f5f5; text-align:center; }
.calendar.event div.view_event .btnBox { margin-top:10px; text-align:right; }
/* 일정 */
.calendar.schedule div.day>ul.td>li, .calendar.schedule div.day>ul.td>li p.date { padding:0px; text-align:center; }
.calendar.schedule div.day>ul.td>li a { display:block; padding:5px; }
.calendar.schedule div.day>ul.td>li a span { display:inline-block; width:30px; line-height:30px; }
.calendar.schedule div.day>ul.td>li.sch a span { border-radius:50px; background:#666; color:#fff; }
.calendar.schedule div.day>ul.td>li.select a span { border-radius:50px; background:#4882d8; color:#fff; }
/* 주별일정 */
.week_tab { border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; height:40px; }
.week_tab ul { margin:0px auto; width:90%; text-align:center; }
.week_tab ul li { float:left; width:16.5%; padding:2px 0px; margin-top:-1px; }
.week_tab ul li:hover,
.week_tab ul li.select { padding:0px; border-top:2px solid #4882d8; border-bottom:2px solid #4882d8; }
.week_tab ul li a { display:block; padding:0px 5px; line-height:38px; font-weight:bold; font-size:16px; }
.week_tab ul li.select a, .week_tab ul li a:hover { color:#4882d8; }
/* 아코디언리스트 
.accor_list { margin-top:30px; }
.accor_list>ul { margin-top:5px; border-top:2px solid #555; border-bottom:1px solid #aaa; }
.accor_list>ul>li { border-top:1px dotted #ddd; }
.accor_list>ul>li:first-child { border-top:0px; }
.accor_list>ul>li>.tit>a { display:block; padding:0px 5px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#555; transition:all .1s ease; }
.accor_list>ul>li.select>.tit>a { font-size:17px; color:#333; }
.accor_list>ul>li.select+li { border-top-style:solid; border-top-color:#aaa; }
.accor_list>ul>li .con { display:none; padding:15px 15px; background:#fbfbfb; }
.accor_list>ul>li .con.sch_list  { border-top:1px solid #aaa; overflow:hidden; }
.accor_list>ul>li .con.sch_list li { padding:7px 7px; border-top:1px dotted #ddd; }
.accor_list>ul>li .con.sch_list li:first-child { border-top:0px; }
.accor_list>ul>li .con.sch_list .q,
.accor_list>ul>li .con.sch_list .a { display:inline-block; vertical-align:top; }
.accor_list>ul>li .con.sch_list .q { font-weight:bold; margin-right:10px; }
.accor_list>ul>li .con.sch_list .q { min-width:5%; }
.accor_list>ul>li .con.sch_list .a { max-width:85%; font-size:14px; }
.accor_list>ul.first-open  { ; }*/
.accor_list { margin-top:10px; }
.accor_list>ul>li { margin-top:3px; border:1px solid #d4d4d4; background:url(/share/images/program/accor_open.png) no-repeat 98% 15px; }
.accor_list>ul>li>.tit>a { display:block; padding:1px 50px; line-height:40px; background:url(/share/images/program/accor_blet.png) no-repeat 20px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#555; transition:all .1s ease; }
.accor_list>ul>li.select { border-color:#4e4643; background:#4e4643 url(/share/images/program/accor_close.png) no-repeat 98% 16px; }
.accor_list>ul>li.select>.tit>a { padding:4px 50px; background:url(/share/images/program/accor_blet_on.png) no-repeat 20px center; color:#FFF; }
.accor_list>ul>li.select+li { border-top-style:solid; border-top-color:#aaa; }
.accor_list>ul>li .con { display:none; padding:4% 5%; background:#fbfbfb; }
.accor_list>ul>li .con.sch_list  { border-top:1px solid #aaa; overflow:hidden; }
.accor_list>ul>li .con.sch_list li { padding:7px 7px; border-top:1px dotted #ddd; }
.accor_list>ul>li .con.sch_list li:first-child { border-top:0px; }
.accor_list>ul>li .con.sch_list .q,
.accor_list>ul>li .con.sch_list .a { display:inline-block; vertical-align:top; }
.accor_list>ul>li .con.sch_list .q { font-weight:bold; margin-right:10px; }
.accor_list>ul>li .con.sch_list .q { min-width:5%; }
.accor_list>ul>li .con.sch_list .a { max-width:85%; font-size:14px; }
.accor_list>ul>li.nodata  { background:0px; }

/* 동주민센터, 문화포털 교육예약 상태 스타일 */
span.state { display:block; text-align:center; box-sizing:border-box; font-size:13px; }
span.state.register01 { background:#f0531b; color:#ffffff; } /* register01 신청중*/
span.state.register02 { background:#f2f2f2; color:#f0531b; } /* register02 신청예정 */
span.state.register03 { background:#e9e9e9; color:#666666; } /* register03 신청마감 */
span.state.register04 { background:#888888; color:#ffffff; } /* register04 강좌준비 */
span.state.register05 { background:#222222; color:#ffffff; } /* register05 신청취소 */
span.state.register06 { background:#2c6da5; color:#ffffff; } /* register06 방문접수 */
span.state.study01 { border:1px solid #f0531b; color:#dc3c03; } /* study01 교육중 */
span.state.study02 { border:1px solid #333333; color:#333333; } /* study02 교육종료 */


/* 설문조사 폼 시작 */
.survey_top { position:relative; overflow:hidden; z-index:9; margin:20px 0 45px; border:1px solid #dadada; border-radius:10px; background:#fff; box-shadow:0px 4px 0 rgba(0,0,0,0.1); }
.survey_top .tit, .survey_top span { font-family: 'Noto Sans KR', sans-serif !important; font-size:20px; font-weight:500; color:#222; }
.survey_top .survey_tit { width:100%; border-right:0; padding:3% 0; border-bottom:1px dashed #d2d2d2; text-align:center; background:url(/share/images/program/survey_bg.gif) repeat left top; }
.survey_top .survey_con { width:93%; margin:20px auto; }
.survey_top .survey_con .ic_date, .survey_top .survey_con .ic_con { background-position:left 5px; }
.survey_form .textarea { width:90%; }
.survey_top .survey_tit .tit { font-size:30px; }
/*.survey_top .survey_con { width:auto; text-align:left; margin:20px 20px 20px; }*/
.survey_top .survey_con .tit span { font-size:19px; font-weight:600; color:#256cd6; }
.survey_top .survey_con span { display:block; padding-left:25px; line-height:35px; font-size:16px; }
.survey_top .survey_con .ic_tit { background:url(/share/images/program/ic_title.gif) no-repeat left 8px;  }
.survey_top .survey_con .ic_date { background:url(/share/images/program/ic_date.gif) no-repeat left 4px; }
.survey_top .survey_con .ic_con { background:url(/share/images/program/ic_con.gif) no-repeat left 8px; }
.survey_form { overflow:hidden; border:1px solid #e4e4e4; }
.survey_form>div { overflow:hidden; border-top:1px solid #e4e4e4; }
.survey_form>div:first-child { border-top:0; }
.survey_form .tit { padding:22px 30px; background:#fbfbfb; border-bottom:1px dashed #e4e4e4; font-size:18px; font-weight:600; color:#222; }
.survey_form .tit span { padding:8px; font-size:18px; color:#fff; font-weight:600; background:#256cd6; border-radius:25px; margin-right:10px; }
.survey_form .tit span.sub_point { font-size:14px; background:none; padding:0; border-radius:0; color:#d13131; margin-left:45px; }
.survey_form>div>ul { overflow:hidden; width:auto; margin:20px auto 40px; border-bottom:1px solid #e4e4e4; padding:0 50px; }
.survey_form>div>ul li { float:left; width:20%; line-height:30px; }
.survey_form>div>ul.long li { width:49%; }
.survey_form>div>ul li input { vertical-align:middle; margin-right:5px; }
.survey_form>div>ul li input[type=text], .survey_form textarea { margin-left:7px; background:#fcfcfc; border:1px solid #e7e7e7; border-radius:5px; padding:4px; }
.survey_form>div>ul:last-child { border-bottom:0; }
.survey_form .textarea { width:93%; padding:5px 10px; margin:30px; line-height:22px; }
.survey_form .form .choice_list li { float:none; position:relative; width:100%; line-height:43px; border-bottom:1px dashed #d1d1d1; font-weight:600; }
.survey_form .form .choice_list li span { font-weight:300; padding-left:27px; position:absolute; right:0; background:url(/share/images/program/ic_pin.png) no-repeat left center; }
.survey_btn { margin-top:40px; text-align:center; }
/* 설문버튼 */
.box_situation { background:#005db3; padding:5px 15px; color:#fff; font-weight:600; width:100px; }
.box_end { background:#333; padding:5px 23px; color:#fff; font-weight:600; width:100px; }
.lock { padding-left:20px; background:url(/share/images/program/ic_lock.gif) no-repeat left 4px; }
.btn_result { background:#2773b3; padding:5px 15px; color:#fff; font-weight:600; }
.btn_result:hover { background:#1e4f7c; }
.btn_secret { background:#4b4d4f; padding:5px 23px; color:#fff; font-weight:600; }
.btn_secret:hover { background:#212223; }
.btn_end { background:#858585; padding:5px 7px; color:#fff; font-weight:600; }
/* 설문조사 폼 끝 */

/*설문 만족~불만족*/
.list_table { width:100%; overflow-x:auto !important; }
.list_table table{ width:98%; margin:1%; min-width:400px; }
.list_table table thead th,
.list_table table tbody th,
.list_table table tbody td { padding:1% 2%; border:1px solid #ddd; border-right:0; }
.list_table table thead th { padding:1% 0; }
.list_table table thead th:first-child { border-left:0; }
.list_table table tbody th { font-weight:normal; border-left:0; }

/* 회원정보 sns 연동 */
#detail_con .sns_con {margin-bottom:40px;}
#detail_con .login_mem .modify_sns {padding:0.5% 2%;}
#detail_con .login_mem .modify_sns li {padding:12px 0; font-weight:bold;}
#detail_con .login_mem .modify_sns li.naver {border-bottom:1px dashed #ddd;}
#detail_con .login_mem .modify_sns img {margin-right:8px; width:30px;}
#detail_con .login_mem .modify_sns a {display:inline-block; float:right; text-align:center; width:78px; padding:2px 0; color:#2b5cc1; font-weight:normal; border:1px solid #2b5cc1; border-radius:5px; background-color:#fff;}
#detail_con .login_mem .modify_sns a.connect {color:#fff; background-color:#2b5cc1;}

@media screen and (min-width:768px) { 
	.cal_month ul li a span.cal_txt { visibility:hidden; width:0px; transition:all .2s ease; background:#333; color:#fff; font-weight:bold; overflow:hidden; }
	.cal_month ul li.prev a span.cal_txt { padding-left:40px; text-align:center; right:0px; }
	.cal_month ul li.next a span.cal_txt { padding-right:40px; text-align:center; left:0px; }
	.cal_month ul li a:hover span.cal_txt {  visibility:visible; width:85px ; }
	.cal_month ul li.prev a:hover span.cal_btn { right:85px; }
	.cal_month ul li.next a:hover span.cal_btn { left:85px; }
	.calendar.reserve div.day>ul.td>li { height:80px; }
	.calendar.event div.day>ul.td>li { height:80px; }
	.calendar.event div.view_event { position:absolute; width:400px; background:#fff; border:1px solid #ccc; border-top:3px solid #333; box-shadow:0px 1px 1px rgba(0,0,0,.2); z-index:2; }
	.week_tab ul li.select a { padding-right:20px; background:url(/share/images/program/week_open.gif) no-repeat 85% center; }
}

@media all and (max-width:1024px)  { 
	.survey_form .tit span.sub_point { margin-left:0; }
}

@media screen and (max-width:767px) { 	
	.board_list {overflow-x: scroll;}
	table.general_board {min-width: 850px !important;}

	.board_list .scroll_info {
        position: absolute;
        display: block;
        top: 25%;
        left: 55%;
        text-align: center;
        width: 80px;
        height: 80px;
        margin-left: -125px;
        color: #fff;
        border-radius: 50%;
        background: rgba(0,0,0,.5) url(/share/images/program/ic_scroll.png) center center no-repeat ;
		background-size: 36px;
        font-size: 0px
    }

	.board_gallery>li span.img { height:135px; }
	.board_gallery>li span.img img { min-height:135px; }
	.ebook_box .img { padding-left:1%; width:99%; text-align:center; }
	.ebook_box .con { margin:0%; width:100%; }
	.ebook_box .con ul { margin-top:20px; margin-bottom:6%; }
	.board_ebook>li { width:48%; margin:1%; }
	.board_ebook>li div.con p.img img { height:250px; }
	.board_ebook>li div.con div.txt p.tit { font-size:16px; }
	.cal_month { width:100%; }
	.cal_month ul li a span.cal_txt { display:none; }
	.calendar:not(.schedule) div.day { border-top:2px solid #666; }	
	.calendar:not(.schedule) div.day>ul.th { display:none; }
	.calendar:not(.schedule) div.day>ul, .calendar:not(.schedule) div.day>ul>li { display:block; padding:0px; width:100%; border-left:0px; }
	.calendar:not(.schedule) div.day>ul>li.dp_pc { display:none; }
	.calendar div.day>ul.td>li>ul { padding:0px 10px 10px; }
	.calendar div.day>ul.td>li p.date { padding:10px; }
	.calendar.event div.view_event table th { background:transparent; }
	.calendar.event div.view_event p.tit { padding-top:15px; color:#fff; border-top:2px solid #fff; }
	.calendar.event div.view_event table th, .calendar.event div.view_event table td { color:#fff; border-color:#FFF; font-size:13px; }
	.week_tab ul { width:100%; }
	.accor_list>ul>li, .accor_list>ul>li.select { background-position:95% 16px; }
	.survey_form>div>ul li { width:49%; }
	.survey_form .textarea { width:80%; }
	.board_table.ys_eum .col2 dl { width:100%; }
	.board_table.ys_eum .col2 dl:first-child { border-bottom:1px solid #ddd; }
	.board_table.ys_eum .col2 dl:after,
	.board_table.ys_eum dt { width:20% !important; }
	.board_table.ys_eum li:nth-child(2) dt { height:auto; }
	.search .field_search {width:94%;}
	.search div.word dl dt { width:28%; }
	.board_table>li>dl>dd ul.flex-box li {align-items: flex-start;}
	.board_table>li>dl>dd ul.flex-box li span br {display: block;}

}

@media screen and (max-width:480px) { 	
	.board_gallery>li { width:48%; margin:1%; }	
	.board_table>li>dl>dd ul.flex-box li select {width: 100%;}
}


/**********************************

Name: cmxform Styles

***********************************/
form.cmxform  { 
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend  { 
	padding-left: 0;
}

form.cmxform legend, form.cmxform label  { 
	color: #333;
}

form.cmxform fieldset  { 
	border: none;
	border-top: 1px solid #C9DCA6;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset  { 
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset  { 
	padding: 5px 10px 7px;
}

form.cmxform label.error, label.error  { 
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #d12d2d !important;
	font-style: italic;
	font-family:'Nanum Gothic','나눔고딕', sans-serif; font-size:15px;
}
div.error { display: none; }
input.checkbox { border: none ; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted #d12d2d; }
form.cmxform .gray * { color: gray; }

input.error, textarea.error { 
  border:1px dashed #d12d2d !important; 
}