@charset "utf-8";
@import url(/open_content/comm/js/jquery/themes/base/jquery.ui.all.css);
@import url(/open_content/comm/SpryAssets/SpryValidationCheckbox.css);
@import url(/open_content/comm/SpryAssets/SpryValidationTextField.css);
@import url(/open_content/comm/SpryAssets/SpryValidationSelect.css);
@import url(/open_content/comm/SpryAssets/SpryValidationTextarea.css);

.input{ margin-bottom:1px; padding:2px 0px; border:1px solid #ccc; }
.btn { display:inline-block; padding:5px 20px; font-size:16px; font-weight:600; text-align:center; }
.btn.s_btn { padding:2px 15px; font-size:14px; }
input.btn { padding:4px 18px; vertical-align:top; min-height:32px}
input.btn.s_btn { padding:1px 13px; font-size:14px; }
input.btn:hover, input.btn:active { text-decoration:underline; cursor:pointer; }
.btn.list { border:1px solid #654a37; background:#835f47; color:#fff; }
.btn.gray { border:1px solid #aaa; background:#f0f0f0; }
.btn.ebook { border:1px solid #654a37; background:#554d47; color:#fff; }
.btn.black { border:1px solid #333333; background:#484848; color:#fff; }
.btn.s_btn2 { padding:0 10px 0 7px; font-size:12px; font-weight:600; }
.btn.detail_btn { margin-left:5px; padding-left:25px; border:1px solid #23201e; border-radius:3px; box-shadow:0 2px 0 #000; background:#554d47 url('/open_content/share/images/btn_detail.png') no-repeat 5px 3px; color:#fff; }
.btn.detail_btn img { vertical-align:middle; padding-right:3px; }

.c_or { color:#c54e17; font-weight:800; }
.c_bl { color:#0a488d; font-weight:800; }
.c_vi { color:#73459a; font-weight:800; }
.c_gr { color:#177463; font-weight:800; }
.c_rd { color:#d12d2d; font-weight:800; }
.c_pk { color:#d33281; font-weight:800; }
.c_gray { color:#666; }

.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}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w27p{width:27% !important}
.w30p{width:30% !important}
.w34p{width:34% !important}
.w35p{width:35% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w49p{width:49% !important}
.w50p{width:50% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w100p{width:100% !important}
.checkLine li{display:inline-block; margin-right:10px}

div.search {margin-bottom:30px;padding: 20px 15px;/* border: 1px solid #ccc; */background:#f6f6f6;text-align:center;border-radius: 10px;}
div.search select {height: 40px;vertical-align:middle;padding: 0 10px;border-radius: 5px;font-size: 1.6rem;}
div.search input[type="text"] {width:30%;height: 40px;border:1px solid #ccc;padding: 0 10px;border-radius: 5px;font-size: 1.6rem;}
div.search .btn {height: 40px;padding: 0 20px;border:1px solid #333333;background:#484848;color:#fff;font-size: 1.6rem;border-radius: 5px;}
div.search div.contract { padding:2%; margin-bottom:15px; border-bottom:1px solid #ddd; overflow:hidden }
div.search div.contract ul {padding:0% 2%; }
div.search div.contract ul li { margin-top:5px; text-align:left; }
div.search div.contract ul li label { display:inline-block; font-weight:bold; width:60px; }
div.search div.contract ul li input { text-align:center; }
div.search div.contract ul.type1 li.name input { width:65.5%; }
div.search div.contract ul.type1 li.date input { width:26.2%; }
div.search div.contract ul.type2 li.name input { width:68.5%; }
div.search div.contract ul.type2 li.price input { width:31.5%; }
div.search div.contract ul.type3 li.name input { width:60%; }

div.search div.contract ul.type1 li.date.haveNote {position:relative; padding-bottom:20px;}
div.search div.contract ul.type1 li.date.haveNote .note {position:absolute; left:0; bottom:0; font-size:11px; color:#b50505;}
.board_list th, .board_list td{font-size:1.8rem}
#detail_con p.right{margin-bottom:10px; color:#666;}


div.search fieldset {display: flex; align-items: center; justify-content: space-between;}
div.search fieldset div.dp_pc{display: flex; align-items: center; gap: 0.5rem;}
div.search fieldset div:last-child{float:right; width:55%; margin-top:0 !important; text-align: right;}
div.search fieldset div:last-child input[type="text"]{width:50%;}

.board_list table.general_board { margin-top:5px; margin-bottom:20px; width:100%; table-layout:fixed;  border-bottom:1px solid #8e8e8e; }
.board_list table.general_board thead th { padding:13px 10px; border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; text-align:center; color:#333 }
.board_list table.general_board tbody th, 
.board_list table.general_board tbody td {padding: 15px 0;border-top:1px dotted #ccc;text-align:center;}
.board_list table.general_board tbody td.title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  text-align:left; }
.board_list .break { word-break:break-all }
/*.board_list>ul { margin-top:5px; }
.board_list li.title ul { border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; font-size:15px; font-weight:600; }
.board_list li ul { overflow:hidden; width:100%; border-bottom:1px dotted #ccc; }
.board_list li.last ul { border-bottom:1px solid #ccc; }
.board_list li ul li { overflow:hidden; float:left; padding:13px 0; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.board_list li.title li.tit { text-align:center; }
.board_list li.tit { text-align:left; }
.board_list li.tit span.txt_sell { color:#c54e17; font-weight:800; }
.board_list li.tit span.txt_buy { color:#0a488d; font-weight:800; }
.board_list li.tit span.txt_change { color:#73459a; font-weight:800; }
.board_list li.tit span.txt_donate { color:#177463; font-weight:800; }
.board_list li.file img { vertical-align:middle; }*/

.board_list table.edu_board { width:100%; border-top:2px solid #484848; }
.board_list table.edu_board td,
.board_list table.edu_board th { padding:15px 5px; border-bottom:1px solid #ccc; text-align:center; }
.board_list table.edu_board tbody th {min-width:70px; text-align:left; }
.board_list table.edu_board th p.lecture { font-size:15px; }
#detail_con .board_list table.edu_board th p.time { margin-top:5px; font-size:13px; font-weight:normal; line-height:150%; }
.board_list table.edu_board td.price { min-width:50px; font-weight:bold; color:#333; }

.board_list table.edu_board td.date ul li { overflow:hidden; }
.board_list table.edu_board td.date ul li span { float:left; font-size:13.5px; }
.board_list table.edu_board td.date ul li span:first-child { margin-right:3px; }
.board_list table.edu_board td.state { font-size:13.5px; }
 
.board_view .title {padding: 15px 20px;border-top:2px solid #484848;border-bottom:1px solid #8e8e8e;font-size: 2.4rem;font-weight:600;}
.board_view .data, .board_view ul.writer, .board_view .file, .board_view dl.list { overflow:hidden; padding:10px 20px; border-bottom:1px dotted #ccc; }
.board_view table.data{overflow:visible}
.board_view .file { border-bottom:1px solid #ccc; }
.board_view ul.writer li { float:left; margin-right:8%; }
.board_view ul.writer.fixW li { width:32%; margin-right:1%; }
.board_view ul.writer.fixW li.addW { width:65%; }
.board_view ul.writer li>p { float:left; }
.board_view ul.writer li p.q { width:77px; font-weight:bold; color:#333; }
.board_view dt { float:left; margin-right:10px; min-width:60px; font-weight:600; }
.board_view dd { float:left; }
.board_view.width100 dt { min-width:100px; }
.board_view .con {padding: 50px 20px;border-bottom:1px solid #ccc;font-size: 1.8rem;}
.board_view .con p.img { margin-bottom:10px; text-align:center; }
.board_view .con p.img img { margin-bottom:5px }
.board_view .con p.img span { display:block; }
.board_view .con div.img { margin-bottom:10px; text-align:center; }
.board_view .con div.img img { margin-bottom:5px }
.board_view .con div.img span { display:block; }
.board_view .con div.movie_view { margin:0 auto; width:80%; margin-bottom:10px; text-align:center;}
.board_view .con div.scroll_50 {margin:0 auto;border:1px solid #6686cd; overflow:auto;overflow-x:hidden;height:50px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_60 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:60px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_70 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:70px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_80 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:80px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_90 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:90px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_100 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:100px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_110 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:110px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_120 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:120px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_130 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:130px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_140 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:140px;width:90%; margin-top:10px; padding:5px;}
.board_view .con div.scroll_150 {margin:0 auto;border:1px solid #6686cd;overflow:auto;overflow-x:hidden;height:150px;width:90%; margin-top:10px; padding:5px;}
.board_view .con>table{margin:7px 0px 3px; min-width:80%}
.board_view .con>table td{border:1px solid #ddd}
.board_view .con>table th{background:#f0f0f0; border:1px solid #ddd}
.board_view .openNuri { position:relative; margin-top:-1px; padding:15px; text-align:right; border-top:1px dotted #fff; border-bottom:1px solid #ccc; }
.board_view .reply { position:relative; margin-top:-1px; padding:3%; background:#f9f9f9; border:1px solid #ccc }
.board_view .reply p.tit { color:#333; font-size:15px; }
.board_view .reply p.tit span.txt_reply { font-weight:bold; color:#0a488d}
.board_view .reply p.txt { margin:20px 0px; }
.board_view .reply div.txt { margin:20px 0px; }
.board_view .reply p.writer { text-align:right; font-size:13px; }
.board_view .comment { margin-top:40px; padding:14px; background:#f9f9f9; border:1px solid #ccc; }
.board_view .comment div.comment_form { position:relative; padding-right:14.5%; }
.board_view .comment div.comment_form textarea { width:100%; padding:10px 2% 9px; height:60px; border:1px solid #ddd; }
.board_view .comment div.comment_form input[type=submit]{position:absolute; right:0px; top:0px; width:10%; height:80px; background:#554d47; font-weight:bold; font-size:15px; color:#fff; border:1px solid #3c2f25; cursor:pointer; }
.board_view .comment div.comment_view ul.comment_list li { position:relative; padding:15px 10px; padding-left:100px; border-bottom:1px dotted #ccc; }
.board_view .comment div.comment_view ul.comment_list li:first-child { border-top:0px; }
.board_view .comment div.comment_view ul.comment_list li p.writer { position:absolute; left:10px; width:80px; font-weight:bold; }
.board_view .comment div.comment_view ul.comment_list li p.txt { font-size:13px; color:#666; }
.board_view .comment div.comment_view ul.comment_list li p.txt a img {position:relative; bottom:-3px; margin-left:5px; }
.board_view .comment div.comment_view div.comment_page { margin-top:10px; padding:10px 0px; text-align:center; font-size:13px; }
.board_view .comment div.comment_view div.comment_page a { display:inline-block; margin:0px 3px; }
.board_view .comment div.comment_view div.comment_page a img { vertical-align:middle; }
.board_view .comment div.comment_view div.comment_page a.select { font-weight:bold; text-decoration:underline; }
.board_view .comment div.comment_view div.comment_page a.page_btn { margin:0px; }
.board_view .comment div.comment_view div.comment_page a.page_btn.prev { margin-right:10px; }
.board_view .comment div.comment_view div.comment_page a.page_btn.next { margin-left:10px; }
.board_view .other_con { margin-top:40px; border-top:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e; }
.board_view .other_con li { padding:10px; }
.board_view .other_con li:first-child { border-bottom:1px dotted #ccc; }
.board_view .other_con span { padding:0 5%; font-weight:600; }
.board_view .edu_title { position:relative; padding:5px 15px 8px; border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; overflow:hidden; }
.board_view .edu_title p.tit { margin-right:5px; font-size:18px; font-weight:600; }
.board_view .edu_title p.state { margin-top:5px; font-size:13px; }
.board_view .edu_title p.edu_btn .con_btn{ margin-top:0px; }
.board_view div.edu_dataTable { padding:10px 20px 20px; border-bottom:1px dotted #ccc; }
.board_view .title2 { position:relative; padding:5px 15px 8px; border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; overflow:hidden; }
.board_view .title2 p.tit { margin-right:5px; padding:12px 0px 11px; font-size:18px; font-weight:600; }
.board_view .title2 p.state { margin-top:5px; font-size:13px; }
.board_view .title2 p.type + p.tit { padding:0px; }
.board_view .title2 p.tit_btn .con_btn{ margin-top:0px; }
.board_view .borderT {border-top:2px solid #484848; }
.board_view dl.list { position:relative;  }
.board_view dl.list dt { padding-left:20px; position:absolute; left:0px; }
.board_view dl.list dd { float:none; padding-left:100px; min-height:23px; }
.board_view.width130 dl.list dd  { padding-left:130px; }
.board_view ul.list2 li { padding:10px; border-bottom:1px dotted #ccc; overflow:hidden; }
.board_view ul.list2 li dl { position:relative; min-height:20px; }
.board_view ul.list2 li.col1 dl { width:100%;  }
.board_view ul.list2 li dl dt { position:absolute; left:0px; font-weight:bold; }
.board_view ul.list2 li dl dd { padding-left:100px; }
.board_view.w80 ul.list2 li dl dd { padding-left:80px; }
.board_view .mapbox { width:98%; margin:20px 0px 10px; padding:1%; border:1px solid #ddd; }
.board_view .view_photo { width:100%; margin:20px auto; text-align:center; }
.board_view .view_photo div.photoB img { display:inline; max-width:100%; border:1px solid #ccc; }
.board_view .view_photo div.photoS { margin-top:10px; text-align:center; overflow:hidden; }
.board_view .view_photo div.photoS ul.photo_list { margin-top:0px; text-align:center; }
.board_view .view_photo div.photoS ul.photo_list li { /*float:left;*/ display:inline-block; margin:.4%; width:13.4%; } 
.board_view .view_photo div.photoS ul.photo_list li img { width:100%; height:60px; border:1px solid #ccc; }
.board_view .view_photo div.photoS ul.photo_list li img.on { border:2px solid #333; }

.board_write { border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; }
.board_write li:first-child { border-top:none; }
.board_write li { overflow:hidden; padding:10px 0; border-top:1px dotted #ccc; }
.board_write dt { padding-top:3px; padding-left:15px; font-weight:600; text-align:left; }
.board_write dd { min-height:24px;  }
.board_write input[type="text"] { height:28px; border:1px solid #ccc; }

.board_gallery ul {overflow:hidden;padding: 30px 0 30px 0;border-top:2px solid #484848;border-bottom:1px solid #8e8e8e;}
.board_gallery li {float:left;width:33.3%;margin-bottom: 40px;text-align:center;}
.board_gallery .photo {overflow:hidden;margin: 0 15px 15px;border:1px solid #929292;border-top:1px solid #868686;border-top:1px solid #cecece;}
.board_gallery a { display:block; }
.board_gallery .title {padding:0px 10px;color: #666;margin-top: 5px;}
.board_gallery .title a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size: 2.0rem;font-weight: 500;}
.board_gallery img { width:100%; }

.board_gallery3 ul { overflow:hidden; padding:30px 10px 30px 0; border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; }
.board_gallery3 li { float:left; width:33.3%; margin-bottom:20px;; text-align:center; }
.board_gallery3 .photo { overflow:hidden; margin:0 15px 10px; background:#eee; }
.board_gallery3 a { display:block; }
.board_gallery3 .title { padding:0px 10px; }
.board_gallery3 .title a { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.board_gallery3 img { width:100%; }


/* .board_gallery2 { overflow:hidden; border-bottom:1px solid #8e8e8e; }
.board_gallery2>ul>li:first-child { border-top:2px solid #484848; }
.board_gallery2>ul>li { border-top:1px solid #ccc; }
.board_gallery2 .title { margin:0px 10px 10px; font-size:18px; font-weight:600; }
.board_gallery2 .list { padding:15px 10px; border-top:1px dotted #ccc; } */
.board_gallery2 { overflow:hidden; border-bottom:1px solid #8e8e8e; }
.board_gallery2>ul>li:first-child { border-top:2px solid #484848; }
.board_gallery2>ul>li { border-top:1px solid #ccc; }
.board_gallery2 .title { margin-bottom:10px; padding:0px 10px 10px; font-size:18px; font-weight:600; border-bottom:1px dotted #ccc; }
.board_gallery2 .list { padding:15px 10px;  }
.board_gallery2 .type { padding:0px 10px;  }
.board_gallery2 .txt { margin-left:10px; padding:2px 10px; background:url('/open_content/main/images/contents/ssssblet.gif') no-repeat left 12px; }

.board_ebook { overflow:hidden; border-bottom:1px solid #8e8e8e; }
.board_ebook>ul>li:first-child { border-top:2px solid #484848; }
.board_ebook>ul>li { overflow:hidden; padding:30px 0px 30px; border-top:1px solid #ccc; }
.board_ebook .photo { padding:0% 6% 0%; background:url('/open_content/share/images/ebook_bg.gif') no-repeat center bottom; background-size:100% }
.board_ebook .photo p { border:1px solid #ccc; background:#fff; }
.board_ebook .photo img { width:100%; }
.board_ebook li ul { margin-top:10px; margin-bottom:3%; }
.board_ebook li ul li { padding:0 10px; }
.board_ebook .title { margin-bottom:10px; font-size:18px; font-weight:600; }
.board_ebook .list { margin:15px 0; padding:15px 10px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }

.faq { border-top:2px solid #484848; }
.faq dl { border-bottom:1px solid #ccc; }
.faq dl dt { padding:10px 5px; font-weight:600; font-size:15px; background:url('/open_content/share/images/faq_down.gif') no-repeat 98% center; }
.faq dl.show dt { background:url('/open_content/share/images/faq_up.gif') no-repeat 98% center; }
.faq dl dt a { padding-left:12px; background:url('/open_content/share/images/faq_blet.gif') no-repeat left 5px; }
.faq dl dd { padding:20px; border-top:1px dotted #a2a2a2; background:#f9f9f9; }

.nocontens { padding:40px 0 40px 15px; border-top:2px solid #484848; border-bottom:1px solid #8e8e8e; text-align:center; }

.paging { margin-top:20px; text-align:center; }
.paging a { display:inline-block; margin:0 5px; width:27px; text-align:center; vertical-align:middle; }
.paging a.page_btn { width:27px; height:27px; margin:0 1px; vertical-align:middle; }
.paging a.page_btn.first { background:url(/open_content/share/images/btn_first.gif) no-repeat center }
.paging a.page_btn.prev { background:url(/open_content/share/images/btn_prev.gif) no-repeat center }
.paging a.page_btn.next { background:url(/open_content/share/images/btn_next.gif) no-repeat center }
.paging a.page_btn.last { background:url(/open_content/share/images/btn_last.gif) no-repeat center }
.paging a.total { display:none; padding-right:10px; }
.paging a.select { font-weight:bold; text-decoration:underline; }

/*popup*/
.pop { padding-bottom:20px; }
.pop .top { position:relative; text-align:center; margin-bottom:30px; padding:20px; border-bottom:2px solid #554d47; }
.pop .top .tit { font-size:32px; font-weight:600; letter-spacing:-1px; }
.pop .top .close { position:absolute; right:30px; top:30px; }
.pop .graph { width:80%; margin:0 auto; }

.pop .opinion { width:90%; margin:0 auto; }
.pop .opinion td { text-align:center; padding:10px; border-bottom:1px dotted #a6a6a6; }
.pop .opinion td img { vertical-align:middle; }
.pop .opinion td.left { text-align:left; }
.pop .opinion .name { vertical-align:top; min-width:50px; font-weight:600; }
.pop .opinion p.date { font-size:12px; padding-bottom:3px; }

.pop table.data { margin:0 auto; border-top:3px solid #86634c; }
.pop table.data thead th { text-align:center; padding:10px; border-left:1px solid #835f47; border-right:1px solid #835f47; border-bottom:1px solid #835f47; color:#493426; background:#f0ebe8; }
.pop table.data tbody th, .pop table.data td { text-align:center; padding:10px; border:1px solid #aaa; }
.pop table.data tbody th, .pop table.data tfoot td, .pop table.data td.gray { background:#f9f9f9; }
.pop table.data tbody th.left, .pop table.data tbody td.left { text-align:left; }
.pop table.data tbody th.right, .pop table.data tbody td.right { text-align:right; }

.pop .pop_reply_form { position:relative; top:-10px; padding-right:140px; }
.pop .pop_reply_form div.formBox { margin-left:20px; width:100%; height:70px; border:1px solid #ccc; }
.pop .pop_reply_form textarea { height:38px; padding:5px 2%; width:96%; border:0px; }
.pop .pop_reply_form input[type=submit] { position:absolute; right:20px; top:0px; width:92px; height:71px; background:#666; border:1px solid #545454; color:#fff; font-weight:bold; font-size:15px; cursor:pointer; } 
.pop .pop_reply_form p.txtnum { padding-right:10px; height:22px; text-align:right; font-size:12px; }
.pop .pop_reply_form .textareaRequiredMsg { margin-left:20px; }
.pop .paging.dp_pc { display:none; }
.pop .paging_mb .page_go, .pop .paging_mb .page { display:inline-block; } 
.pop .paging_mb .page_go input[type=text] { width:50px; height:25px; }
.pop .paging_mb .page_go input[type=submit] { height:27px; }

.pop #detail_con{padding:0px 20px}
.aid_agree{margin-top:20px; text-align:center; padding:20px; font-size:16px; font-weight:bold; border:2px solid #aaa; background:#f9f9f9}
.aid_agree p{margin-top:10px; font-size:16px}
.aid_point{font-size:1.2em; color:#0051ac; text-decoration:underline}

.calendar { padding:30px 20px 15px; margin-bottom:20px; border:1px solid #c8c8c8; background:#f8f8f7 url('/open_content/share/images/calendar_bg.gif') no-repeat center bottom; }
.calendar .event_box { width:96%; margin:0 auto; border:1px solid #d4d4d4; padding-bottom:30px; margin-bottom:20px; background:#fcfcfc url('/open_content/share/images/calendar_barrow.png') no-repeat center bottom; }
.calendar .btm_txt { margin:10px 40px 30px 0; }
.calendar .monthbox { position:relative; text-align:center; padding:35px 0; }
.calendar .monthbox>div { font-size:45px; font-family:'NanumMyeongjo','나눔명조'; font-weight:900; color:#4c453a; }
.calendar .monthbox a { font-size:16px; font-weight:600; }
.calendar .monthbox a.month_prev { position:absolute; left:20px; top:55px; }
.calendar .monthbox a.month_next { position:absolute; right:20px; top:55px; }
.calendar .monthbox a img { vertical-align:bottom; padding:0 10px; }
.calendar table { width:90%; margin:0 auto; table-layout:fixed; border:1px solid #d0cbbb; }
.calendar table .sun { color:#d52a2a; }
.calendar table .sat { color:#0a6ea1; }
.calendar table th, .calendar table td { padding:10px; font-weight:600; font-size:16px; border-left:1px solid #d0cbbb; border-bottom:1px solid #d0cbbb; }
.calendar table td { position:relative; text-align:right; vertical-align:top; height:60px; }
.calendar table td:hover, .calendar table td:active, .calendar table td.c_today { cursor:pointer; background:#d2ccc3; }
.calendar table td span { position:absolute; right:0; bottom:0; display:block; width:18px; height:18px; background:url('/open_content/share/images/calendar_on.gif') no-repeat left top; }
.calendar table td .d_txt { text-align:left; font-size:13px; color:#444; font-weight:600; line-height:16px; letter-spacing:-0.5px; }
.calendar table .bl_n { border-left:0; }
.event_list { margin:20px 0; }
.event_list>div { overflow:hidden; padding:27px 35px; border:1px solid #d4d4d4; }
.event_list>div .con { overflow:hidden; }
.event_list .tit { font-size:16px; font-weight:600; padding-bottom:13px; margin-bottom:15px; background:url('/open_content/share/images/event_list_tit.gif') repeat-x bottom; }
.event_list .mu01 { color:#c10d4c; }
.event_list .mu02 { color:#407714; }
.event_list span { padding:0 9px; }
.event_list span:first-child { padding-left:0; }

.sights_list .nocontens { margin-top:10px; }
.sights_list .present { text-align:center; padding:10px; font-size:13px; border-bottom:1px solid #ebebeb; }
.sights_list .pageBtn { text-align:right; margin-top:-20px; margin-bottom:-30px; margin-right:10px; }
.sights_list .pageBtn a { display:inline-block; padding:0 10px; color:#fff; font-weight:600; background:#762b92; }
.sights_list>ul { overflow:hidden; margin-top:30px; padding-bottom:3px; }
.sights_list>ul>li { position:relative; float:left; width:31.3%; margin:0 1%; margin-top:25px; }
.sights_list>ul>li>a { display:block; text-align:center; height:325px; overflow:hidden; border-top:1px solid #fff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #ababab; background:#f7f7f7; }
.sights_list>ul>li>a img { width:100%; height:213px; }
.sights_list>ul>li>a>span { display:block; }
.sights_list>ul>li .type { width:70%; margin:0 auto; padding:5px 0; color:#fff; background:#575d70; }
.sights_list>ul>li .tit { padding:30px 0; font-size:16px; font-weight:600; }
.sights_list>ul>li .link { display:none; position:absolute; bottom:0; left:0; text-align:center; width:100%; height:65.5%;  background:url('/open_content/tour/images/contents/sights_onbg.png') repeat; }
.sights_list>ul>li .link ul { padding-top:25%; }
.sights_list>ul>li .link li { display:inline-block; }
.sights_list>ul>li .link li:first-child { padding-right:10px; margin-right:5px; background:url('/open_content/tour/images/contents/sights_bar.png') no-repeat right 5px; }
.sights_list>ul>li .link a { color:#fff; font-size:16px; font-weight:600; }
.sights_list>ul>li .link a.map { padding-bottom:63px; background:url('/open_content/tour/images/contents/sight_map.gif') no-repeat center bottom; }
.sights_list>ul>li .link a.view { padding-bottom:60px; background:url('/open_content/tour/images/contents/sight_view.gif') no-repeat center bottom; }

.sights_list>ul>li.on>a { border:1px solid #762b92; outline:2px solid #762b92; }
.sights_list>ul>li.on .type { background:#762b92; }
.sights_list>ul>li.on .tit { color:#762b92; }
.sights_list>ul>li.on .link { display:block; }

/*명소게시판view*/
.photo_list { margin-top:50px; }
.photo_list .con { text-align:center; overflow:hidden; white-space:nowrap; margin-right:20px; margin-left:20px; padding-bottom:8px; }
.photo_list .con li { display:inline-block; position:relative; width:49.3%; border:1px solid #f0f0f0; }
.photo_list .con li p { margin:6px; /*height:250px;*/ overflow:hidden; }
.photo_list .con li p img { width:100%; height:250px; }
.photo_list .con li:after { display:block; content:""; position:absolute; bottom:-8px; left:0; width:100%; height:8px; background:url('/open_content/tour/images/contents/nadeul_shwdow.gif') no-repeat; background-size:100%; }
.photo_list .thumbnail { position:relative; margin-top:20px; }
.photo_list .thumbnail ul { text-align:center; width:70%; overflow:hidden; margin:0 auto; white-space:nowrap; font-size:0; line-height:0; }
.photo_list .thumbnail ul li { display:inline-block; line-height:100%; width:24%; margin:0 0.5%; }
.photo_list .thumbnail ul li a { display:block; overflow:hidden; padding:5px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #b5b5b5; }
.photo_list .thumbnail ul li a img { width:100%; height:84px; }
.photo_list .thumbnail ul li.on a { background:#762b92; }
.photo_list .thumbnail>a { position:absolute; }
.photo_list .thumbnail>a.prev { left:10%; top:30%; }
.photo_list .thumbnail>a.next { right:10%; top:30%; }

.sights_view .visual { overflow:hidden; }
.sights_view .visual .photo_list { float:left; width:60%; margin-top:0; }
.sights_view .visual .photo_list .con li { width:100%; }
/*.sights_view .visual .photo_list .con li p { height:320px; }*/
.sights_view .visual .photo_list .con li p img { height:320px; }
.sights_view .visual .photo_list .thumbnail li { width:32%; }
.sights_view .visual .etc { float:right; width:38%; }
.sights_view .visual .etc>ul { overflow:hidden; margin-bottom:10px; }
.sights_view .visual .etc>ul a { display:block; text-align:center; padding-bottom:25px; font-weight:600; font-size:17px; color:#fff; }
.sights_view .visual .etc>ul a span { display:inline-block; padding-top:85px; }
.sights_view .visual .etc>ul .map { float:left; width:49%; background:url('/open_content/tour/images/contents/sights_mapbg.gif') repeat; }
.sights_view .visual .etc>ul .map span { background:url('/open_content/tour/images/contents/btn_map.gif') no-repeat center center; }
.sights_view .visual .etc>ul .bus { float:right; width:49%; background:url('/open_content/tour/images/contents/sights_busbg.gif') repeat; }
.sights_view .visual .etc>ul .bus span { background:url('/open_content/tour/images/contents/btn_bus.gif') no-repeat center center; }
.sights_view .visual .etc .commentator img { width:100%; height:198px }
.sights_view .visual .etc .recom { position:relative; margin-top:10px; padding:13px 20px 20px; background:#3a589b; }
.sights_view .visual .etc .recom .tit { font-size:19px; font-weight:600; color:#fff; }
.sights_view .visual .etc .recom .more { display:block; position:absolute; right:20px; top:18px; padding:0 20px 0 15px; font-size:13px; font-weight:600; border-radius:20px; background:#d6e3ff url('/open_content/tour/images/contents/recom_more.gif') no-repeat 90% center; }
.sights_view .visual .etc .recom ul { overflow:hidden; margin-top:20px; }
.sights_view .visual .etc .recom li { float:left; width:48%; margin:0 1%; padding:5px 0; background:#fff url('/open_content/tour/images/contents/recom_point.gif') no-repeat 95% center; }
.sights_view .visual .etc .recom li a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px; color:#3a589b; font-weight:600; font-size:13px; }

.sights_view .information { margin-top:40px; }
.sights_view .information .list_tab { overflow:hidden; border:1px solid #e7e7e7; }
.sights_view .information .list_tab li { float:left; width:20%; text-align:center; }
.sights_view .information .list_tab li a { display:block; padding:10px; font-weight:600; font-size:15px; border-right:1px solid #e7e7e7; }
.sights_view .information .list_tab li.on a { color:#fff; text-decoration:underline; background:#762b92; }
.sights_view .information .con { display:none; padding:40px; background:#f2f2f2; }
.sights_view .information .con.on { display:block; }
.sights_view .information .con .imgtxt>li { position:relative; padding:20px 0; border-bottom:1px dotted #a7a7a7; }
.sights_view .information .con .imgtxt>li .pt { text-align:center; width:116px; padding:3px 0; border-bottom:1px solid #cbcbcb; background:#fff; }
.sights_view .information .con .imgtxt>li>div { position:absolute; left:140px; top:20px; }
.sights_view .information .con .imgtxt>li>div .tit { margin-bottom:5px; font-size:16px; font-weight:600; }
.sights_view .information .con .imgtxt>li>div .tit img { vertical-align:middle; }
.sights_view .information .con .imgtxt>li>div  li { margin-top:0 !important; }
.sights_view .information .con#info_con2, 
.sights_view .information .con#info_con3 { padding:20px; }
.sights_view .information .con#info_con2 .imgtxt, 
.sights_view .information .con#info_con3 .imgtxt { padding:0px 20px 20px; min-height:300px; max-height:500px; overflow-y:auto; }

/* 새창팝업 */
.newpop{width:80%; margin:70px auto 50px}
.newpop .poptitle{text-align:center; padding-bottom:40px; font-weight:bold; font-size:30px; color:#333; word-break:keep-all; }

/* 유튜브 등 동영상 반응형 */
.embed-container{position:relative;padding-bottom:56.2%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* 하계대학생직장체험 동의박스 */
.agree_other .box{padding:20px; border:1px solid #ddd}
.agree_other .btnBox{margin:20px 0px; padding:10px; text-align:center; background:#f0f0f0}
.agree_other .btnBox input{margin-left:20px}
.agree_other .btnBox input+lable{margin-right:20px}



.dipy_n, hr {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

div.search select {
	-webkit-appearance: auto;
	border-color: #cccccc;
}

#text_symd input,
#text_eymd input{
	width: 130px !important;
}

#detail_con #text_symd img, #detail_con #text_eymd img {
	vertical-align: top !important;
	background: #ddd;
	padding: 11px;
	border-radius: 5px;
	margin-left: 2px;
	border: 1px solid #cccccc;
}



.btn {
	padding: 1rem 2.8rem;
	font-size: 1.7rem;
	font-weight: 500;
	border-radius: 0.4rem;
	letter-spacing: -0.1rem;
}

.btn.gray {
	color: #484848;
	border-color: #999;
	background: #F5F5F5;
}
.btn.dkgray{
  color: #fff;
  background: #484848;
  border-radius: 1rem;
}

#search {
  margin-bottom: 30px;
  padding: 20px 15px;
  text-align: center;
  background: #f6f6f6;
  /* border: 2px solid #ccc; */
  border-radius: 10px;
  margin-top: 0 !important;
}

#search form {
	position: relative;
	margin: auto;
	/* padding-left: 16.5%; */
	/* padding-right: 12%; */
	width: auto;
	box-sizing: border-box
}

#search form select {
	/* position: absolute; */
	left: 0;
	padding: 0 10px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 1.7rem;
	-webkit-appearance: auto;
}

#search form input[type=text] {
	padding: 0 10px;
	width: 30%;
	height: 38px;
	/* line-height: 3.8rem; */
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 1.7rem;
}

#search form input[type=submit] {
	/* position: absolute; */
	right: 0px;
	top: 0px;
	width: min-content;
	height: 40px;
	background: #484848;
	color: #fff;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0 20px;
	font-size: 1.7rem;
}

div.photo ul.list {
	overflow: hidden
}

div.photo ul.list>li {
	position: relative;
	float: left;
	margin: 1.5%;
	width: 30.3%;
	/* background: #f5f5f5; */
	/* box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); */
}

div.photo ul.list>li p.img {
	position: relative;
	display: block;
	height: 24rem;
	overflow: hidden
}

div.photo ul.list>li p.img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div.photo ul.list>li dl {
	padding-top: 15px;
}

div.photo ul.list>li dl dt {
	font-size: 2.0rem;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
}

div.photo ul.list>li dl dd {
	margin-top: 5px;
	color: #666;
	text-align: center;
}

div.photo p.btn_photo {
	margin-top: 2rem;
	text-align: center
}

div.photo p.btn_photo a {
	display: inline-block;
	text-align: center;
	margin: 0.2rem;
	padding: 1.5rem 1rem;
	width: 16rem;
	font-weight: bold;
	font-size: 1.6rem;
	border-width: 1px;
	border-style: solid
}

.board_gallery>ul {
	/* text-align: center; */
	font-size: 0px
}

.board_gallery>ul>li {
	float: none;
	display: inline-block;
	width: 33%
}

div.paging {
	margin-bottom: 3rem;
}

div.paging a {
	margin: 0px;
	font-size: 16px
}

div.paging a.page_btn.prev {
	margin-right: 1rem;
}

div.paging a.page_btn.next {
	margin-left: 1rem;
}

div.paging_mb .page_go input.btn[type=submit] {
	min-height: 3.1rem;
}

.board_view h2 {
	position: relative;
	padding: 3rem 0px;
	margin: auto;
	width: 80%;
	text-align: center;
	font: bold 3.6rem 'Nanum Myeongjo', '나눔명조';
	color: #111;
	letter-spacing: -1px;
	word-break: keep-all
}

.board_view h2:after {
	display: block;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	width: 10rem;
	height: 0.5rem;
	background: #222
}

.board_view table {
	border-collapse: separate;
	border-spacing: 0.5rem 0px
}

.board_view table th,
.board_view table td {
	padding: 1rem 0px;
	text-align: center;
	border: 1px solid #ddd;
	width: 33%
}

.board_view table th {
	background: #f0f0f0;
	border-bottom: 0px
}

.board_view table td {
	border-top: 0px
}

.board_view .con table td {
  text-align-last: left !important;
  border: none !important;
}

.board_view div.view_con {
	margin: auto;
	padding: 2rem;
}

.board_view div.view_con img {
	display: block;
	margin: 0.5rem auto;
}

.board_view div.view_con p.alt {
	text-align: center;
	margin-bottom: 2rem;
}

.board_view div.view_con p.txt {
	margin: 3rem 0;
}

.btnBox {
	margin-top: 2rem;
	text-align: center
}

.btnBox .btn_back {
	display: inline-block;
	text-align: center;
	margin: 0.2rem;
	padding: 1.5rem 1rem;
	width: 16rem;
	font-weight: bold;
	font-size: 1.6rem;
	border-width: 0.1rem;
	border-style: solid
}

.photo_view {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: rgba(255, 255, 255, .75);
	z-index: 9999
}

.photo_view div.view_con {
	position: relative;
	margin: 10.7rem auto 5%;
	width: 80%;
	max-width: 108rem
}

.photo_view div.view_con div.photo {
	text-align: center;
	padding: 0px 7%
}

.photo_view div.view_con div.photo {
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin-bottom: 0px !important
}

/*메인css영향*/
.photo_view div.view_con div.photo p {
	display: inline-block;
	position: relative;
	height: 62rem;
	overflow: hidden
}

.photo_view div.view_con div.photo p img {
	max-height: 100%
}

.photo_view div.view_con div.photo p a.close {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 4.5rem;
	height: 4.5rem;
	background: #727171 url(../img/sub/photo_close.png) no-repeat center / 4.5rem;
	text-indent: -5000px;
	z-index: 1
}

.photo_view div.view_con ul.thumbnail {
	text-align: center;
	margin-top: 2rem;
	font-size: 0px
}

.photo_view div.view_con ul.thumbnail li {
	display: inline-block;
	margin: .5%;
	width: 15.5%;
	height: 11rem;
	overflow: hidden;
	border: 0.2rem solid transparent;
	box-sizing: border-box
}

.photo_view div.view_con ul.thumbnail li.select {
	border: 2px solid #f69100
}

.photo_view div.view_con ul.thumbnail li img {
	min-height: 11rem;
}

.photo_view div.view_con ul.photo_btn li {
	position: absolute;
	top: calc(50% - 2.5rem);
}

.photo_view div.view_con ul.photo_btn li.prev {
	left: 0px
}

.photo_view div.view_con ul.photo_btn li.next {
	right: 0px
}

.photo_view div.view_con ul.photo_btn li a {
	display: block;
	width: 5rem;
	height: 5rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 3.3rem;
	text-indent: -5000px
}

.photo_view div.view_con ul.photo_btn li.prev a {
	background-image: url(../img/sub/photo_prev.png)
}

.photo_view div.view_con ul.photo_btn li.next a{
	background-image:url(../img/sub/photo_next.png)
}

div.search fieldset div.dp_pc .sfont {
	display: none;
}

.middle {
	vertical-align: middle;
}

.right {
	text-align: right;
}

.margin_r10 {
	margin-right: 10px;
}

.margin_t15 {
	margin-top: 1.5rem;
}

.btn {
	padding: 1rem 2.8rem;
	font-size: 1.7rem;
	font-weight: 500;
	border-radius: 0.4rem;
	letter-spacing: -0.1rem;
}

.btn.gray {
	color: #484848;
	border-color: #999;
	background: #F5F5F5;
}
.btn.dkgray{
  color: #fff;
  background: #484848;
  border-radius: 1rem;
}

/********************************************************************************************************************************************/
@media all and (min-width:1141px) { 
	.board_gallery .photo {width:90%;min-height:180px;margin: 0 auto 15px;}
	.board_gallery img {height: 240px;}

	.board_gallery3 .photo { width:265px; min-height:272px; display:table-cell; vertical-align:middle; }
	.board_gallery3 img { max-width:196px; max-height:272px; }
}

@media all and (max-width:1024px) {
	.board_gallery2 li ul { width:50%; margin-left:0; }
	.sights_view .visual .photo_list .con li { width:97%; }

	div.search fieldset div.dp_pc{width:100%;}
	div.search fieldset div:last-child{width:100%; margin-top:10px !important; text-align: center;}
	div.search fieldset div:last-child input[type="text"]{width:50%;}

	div.search fieldset {flex-direction: column; justify-content: center;}
	div.search fieldset div.dp_pc {align-items: center; justify-content: center;}
	
  div.photo ul.list>li {
		width: 47%
	}
	
	div.photo ul.list>li p.img {
		height: 30rem;
	}
	
	div.photo p.btn_photo a {
		padding: 15px 10px;
		width: 40%;
		box-sizing: border-box
	}
	
	.photo_view div.view_con {
		margin: 9rem auto 5%
	}
	
	.photo_view div.view_con div.photo {
		padding: 0px
	}
	
	.photo_view div.view_con div.photo p {
		padding: 0px 2.5rem;
		height: auto
	}
	
	.photo_view div.view_con div.photo p img {
		min-height: 25rem;
		height: auto;
	}
	
	.photo_view div.view_con div.photo p a.close {
		right: 2.5rem
	}
	
	.photo_view div.view_con ul.thumbnail {
		padding: 0px 5rem
	}
	
	.photo_view div.view_con ul.thumbnail li {
		height: 5rem
	}
	
	.photo_view div.view_con ul.thumbnail li img {
		min-height: 5rem
	}

	.photo_view div.view_con ul.photo_btn li.prev {
		left: -2rem
	}
	
	.photo_view div.view_con ul.photo_btn li.next {
		right: -2rem
	}
	
	.board_gallery>ul>li {
		width: 100%;
	}
	
	.board_view .con div.movie_view {
		width:100%;
	}
  #search form{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #search form select{
    width:auto !important;
  }
}

@media all and (min-width:768px) {
	div.search div.edu_search { display:inline }
	div.search div.contract ul.type1 { float:left; width:34%; border-right:1px dotted #ccc; }
	div.search div.contract ul.type2 { float:left; width:29%; border-right:1px dotted #ccc; }
	div.search div.contract ul.type3 { float:left; width:24%; }
	div.search div.contract ul.type1 li.date input { font-size:13px; letter-spacing:-0.05em; }
	div.search div.contract ul.type2 li.price input { font-size:13px; letter-spacing:-0.05em; }

	.board_gallery2 .photo { float:left; width:35%; padding:0% 3%; }
	.board_gallery2 .photo p { width:95%; padding:2%; border:1px solid #ccc; background:#fff; }
	.board_gallery2 .photo img { width:100%; height:190px; }
	.board_gallery2>ul>li { overflow:hidden; padding:30px 30px 30px 0; }
	.board_gallery2 li ul { float:left; width:59%;}

	.board_view dl dt { margin-left:5% }
	.board_view dl dt:first-child { margin-left:0px }
	.board_view ul.list2 li dl { float:left; width:33.3%; }
	.board_view .view_photo div.photoB img { height:380px; }
	.board_view .view_photo div.photoS ul.photo_list li img { height:60px; }

	.board_ebook .photo { float:left; width:24%; }
	.board_ebook .photo p { width:94%; padding:3%; }
	.board_ebook .photo img { height:240px; }
	.board_ebook li ul { float:left; width:64%; margin-top:10px; }
}

@media all and (max-width:767px) {
	div.search select { width:auto; }
	div.search .margin_t10 {margin-top: 0 !important;}
	div.search div.edu_search { margin-top:5px; }
	div.search div.edu_search input[type=text] { width:50%; }
	div.search div.contract ul.type1 { padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #ccc; }
	div.search div.contract ul.type2 { padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #ccc; }

	div.search{padding:10px;margin-bottom: 20px;border: 1px solid #ccc;}
	div.search .btn{height: 34px;}
	div.search input[type="text"]{height:34px}
	div.search select{height: 36px;}
	div.search fieldset div:last-child{margin-top:0 !important;}
	div.search fieldset div:last-child input[type="text"]{width:30%;}
	.board_list table.general_board tbody th, .board_list table.general_board tbody td{padding:10px 0px !important;}

	.board_list>ul { border-top:2px solid #484848; }
	.board_list>ul>li>ul>li { display:none; }
	.board_list>ul>li>ul>li.tit { display:block; width:95%; padding-left:10px; }

	.board_list table.edu_board .date { display:none }

	.board_view dd { float:none; margin-right:0; }
	.board_view .file dd { float:left; }
	/*.board_view .comment { display:none; }*/
	.board_view .view_photo div.photoB img { width:100%; height:300px; }
	.board_view .view_photo div.photoS ul.photo_list li img { height:50px; }
	.board_view .mb_clear { clear:both; }

	.board_gallery ul { padding-bottom:10px; }
	.board_gallery li {width:100%;margin-bottom: 20px;}
	.board_gallery3 ul { padding-bottom:10px; }
	.board_gallery3 li { width:100%; }
	.board_gallery2>ul>li { padding:30px 10px 30px 10px; }
	.board_gallery2 li ul { width:100%; }
	.board_gallery2 .photo { width:100%; margin-bottom:20px; padding:0; }
	.board_gallery2 .photo p { padding:7px;  border:1px solid #ccc;  }
	.board_gallery2 .photo p img { width:100%; }

	.board_ebook .photo p { margin-left:13%; width:70%; padding:2%; }
	.board_ebook .photo img { max-height:650px; }
	.board_ebook .title { margin-top:15px; margin-bottom:5px; font-size:16px; }

	.paging_mb {margin-top:20px;text-align:center;overflow:hidden;}
	.paging_mb .page {display:inline-block;}
	.paging_mb .page a { display:inline-block; text-align:center; vertical-align:middle; }
	.paging_mb .page a.prev { margin-right:10px; }
	.paging_mb .page a.next { margin-left:10px; }
	.paging_mb .page span { display:inline-block; text-align:center; vertical-align:middle; }
	.paging_mb .page_go {display:inline-block;margin-top: 3px;}
	.paging_mb .page_go input[type=text] {width:50px;height: 22px;}
	.paging_mb .page_go input[type=submit] {height: 28px;margin-left: 2px;}

	.calendar .monthbox { padding:20px 0 60px; }
	.calendar .monthbox>div { font-size:40px; }
	.calendar .monthbox a { margin-top:40px; }

	.sights_list>ul>li { width:48%; }
	.sights_view .visual .photo_list { width:98%; }
	.sights_view .visual .photo_list .con li p, .sights_view .visual .photo_list .con li p img { height:auto; }
	.sights_view .visual .etc { width:100%; margin-top:20px; }
	.sights_view .information .list_tab li { width:33.3%; }

	.newpop{width:90%}
	.newpop .poptitle{padding-bottom:30px; font-size:24px}

	.dp_pc {display: none !important;}
	

	div.photo ul.list>li {
		width: 100%;
		margin-bottom: 20px;
	}

  #search{padding:10px;margin-bottom: 20px;border: 1px solid #ccc;margin-top: 0 !important;}
  #search form select{height:36px;}
  #search form input[type=text]{height:34px;}
  #search form input[type=submit]{height:34px;}
}

@media all and (min-width:414px) {
	.board_view .edu_title { padding-right:120px; }
	.board_view .edu_title p.edu_btn { position:absolute; right:5px; top:10px; }
	.board_view .title2 { padding-right:120px; }
	.board_view .title2 p.tit_btn { position:absolute; right:5px; top:12%; }
	.board_write dt { position:absolute; width:120px; }
	.board_write dd { margin-left:130px; }
	.board_write.width70 dt { width:70px; }
	.board_write.width70 dd { margin-left:180px; }
	.board_write.width150 dt { width:150px; }
	.board_write.width150 dd { margin-left:180px; }
}

@media all and (max-width:640px){
	.photo_list .con { margin-right:0; margin-left:0; }
	.photo_list .con li p { height:180px; }
	.photo_list .con li p img { min-height:180px; }
	.photo_list .thumbnail ul li a img { height:60px; }
	.photo_list .thumbnail>a.prev { left:5%; top:20%; }
	.photo_list .thumbnail>a.next { right:5%; top:20%; }
	.photo_list .thumbnail>a img { width:70%; }	
}

@media all and (max-width:500px) {
	.calendar .event_box { width:100%; padding-bottom:10px; margin-bottom:10px; background:#fcfcfc; }
	.sights_view .visual .photo_list .con { height:auto; }
	.sights_list>ul>li { width:98%; }
	.sights_list .pageBtn { margin-top:20px; margin-bottom:-40px; }
	.sights_view .information .con .imgtxt>li .pt { margin:0 auto; }
	.sights_view .information .con .imgtxt>li>div { position:static; margin-top:10px; }
}

@media all and (max-width:413px) {
	.board_list table.edu_board .time { display:none }
	.board_view .edu_title p.edu_btn { margin-top:5px; padding:5px 0px; border-top:1px dotted #ccc; text-align:center; } 
	.board_view .title2 p.tit_btn { margin-top:5px; padding:5px 0px; border-top:1px dotted #ccc; text-align:center; } 
	.board_view .view_photo div.photoB img { height:200px; }
	.board_view .view_photo div.photoS ul.photo_list li { margin:1%; width:18%; } 
	.board_view .view_photo div.photoS ul.photo_list li img { height:40px; }
	.board_write dd { margin-top:5px; margin-left:15px; }

	.photo_list .con { height:400px; overflow:hidden; }
	.photo_list .con ul { white-space:normal; }
	.photo_list .con li { display:block; width:96%; margin-bottom:10px; }
	.photo_list .thumbnail ul li a { padding:3px; }
	.photo_list .thumbnail ul li a img { height:40px; }
	.photo_list .thumbnail>a.prev, .photo_list .thumbnail>a.next { top:5%; }	

	.calendar { padding:0; margin-bottom:20px; border:0; background:none; }
	.event_list>div { padding:15px; }
	.event_list .tit { margin-bottom:0; /*background:none;*/ }
	/*.event_list .con>div { display:none; }*/
	.board_view .comment div.comment_form { padding-right:0; }
	.board_view .comment div.comment_form textarea { width:95%; }
	.board_view .comment div.comment_form input[type=submit] { position:static; width:100%; margin-top:5px; }
}

@media all and (max-width:328px) {
	.calendar table td.d_txt { display:none; }
}