@media all and (max-width:680px) {

.wrap_ban {height:0; display:none !important;}
.wrap_ban .main_ban {display:none !important;}
.wrap_nav {display:none;}
.wrap_main .box_main .box_head2 {opacity:0 !important; display:none !important; z-index:-9999;}
.box_ctt1 {display:none !important;}


.m_header {display:block; width:100%; height:45px; position:fixed; z-index:9998 !important; top:0 !important; left:0 !important; padding:4px 0 0; background:rgba(0,0,0,0.8) url('../images/bg_topbar2.png') 0 0 repeat-x; }
.m_header .box_ham {width:100%; height:0px;}
.m_header .box_ham a {display:block; position:absolute; top:12px; right:10px; width:26px; height:26px; z-index:9999;}
.m_header .box_ham a .bar {display:block; position:absolute; width:26px; height:2px; background:#fff; left:0;}
.m_header .box_ham a .bar1 {top:9px;}
.m_header .box_ham a .bar2 {top:15px;}
.m_header h1 {position:absolute; top:14px; left:10px; height:20px; z-index:9998;}
.m_header h1 a img {height:30px; position:relative; top:-5px;}

.m_wrap_ban {display:block; padding:5px 0 0 0; background:url('../images/bg_topbar2.png');}
.m_wrap_ban {height:360px; overflow: hidden; position:relative;}
.m_wrap_ban .m_bg_ban {height:100%; position:absolute; top:5px; left:0; margin:0 0 0 -100px; z-index:0;}
.m_wrap_ban .m_bg_tit {height:80px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -112px; opacity:0.9;}
.m_wrap_ban .m_bg_ex {position:absolute; color:#fff; font-weight:200; text-align:center; width:100%; top:50%; margin:50px 0 0; line-height:1.6; font-size:15px; font-weight: 900; opacity:0.7;}
.m_box_hello {display:block;}
.m_box_hello h2 {font-size:16px; font-weight:400; color:#3a2744; text-align:center; padding:50px 0 20px;}
.m_box_hello .m_hello {font-size:12px; font-weight:200; color:#6a6a6a; text-align:center; line-height:1.65; padding:0 0 50px;}

.box_ctt2 {display:none !important;}
.m_box_ctt2 {display:block; background:#f7e4e4;}
.m_box_ctt2 .content .img_pola {width:100%; height:250px;}
.m_box_ctt2 .content .tit_pola {padding:0 20px;}
.m_box_ctt2 .content .tit_pola .tit {font-size:20px; color:#535353; line-height:1.6; padding:30px 0 0; display:block; font-weight:400;}
.m_box_ctt2 .content .tit_pola .ex {font-size:14px; line-height:1.6; color:#535353; opacity:0.8; padding:30px 0; display:block;}

.box_ctt3 {width:100%; }
.box_ctt3 h2 {padding:40px 0 40px; opacity:1 !important; font-weight:400; font-size:20px; -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; -o-transform:translate(0,0) !important; transform:translate(0,0) !important;}
.box_ctt3 .ex {display:none !important; opacity:1 !important; -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; -o-transform:translate(0,0) !important; transform:translate(0,0) !important;}
.box_ctt3 .ul_video {width:300px; margin:0 auto;}
.box_ctt3 .ul_video li {width:146px; height:90px; margin:0 0 8px; opacity:1 !important; -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; -o-transform:translate(0,0) !important; transform:translate(0,0) !important;}
.box_ctt3 .ul_video li:nth-child(2n) {margin-left:8px; margin-bottom:8px;}
.box_ctt3 .ul_video li:nth-child(3) .tit {margin-top:-12px;}
.box_ctt3 .ul_video li:nth-child(4) .tit {margin-top:-12px;}
.box_ctt3 .ul_video li img {width:146px; height:90px;}
.box_ctt3 .ul_video li .tit {font-size:13px; width:122px; margin:-5px 0 0 -60px; left:50%; font-weight:400;}
.box_ctt3 .ul_video li .hover {background-size:100%;}
.box_ctt3 .btn_watch_pola {display:block; opacity:1 !important; margin:12px auto 20px;}

.box_ctt4 {height:180px;}
.box_ctt4 .box_ctt {width:100%; }
.box_ctt4 .paral {width:100%; height:100%; left:0; margin:0; top:0 !important;}
.box_ctt4 .box_ctt .tit_pyun {font-size:16px; padding:50px 0 0;}
.box_ctt4 .box_ctt .btn_pyun .arrow {right:13px;}
.box_ctt4 .box_ctt .btn_pyun1 {width:120px; left:50%; margin:0 0 0 -125px; bottom:40px; padding:0 0 0 30px;}
.box_ctt4 .box_ctt .btn_pyun2 {width:120px; left:50%; margin:0 0 0 5px; bottom:40px;}
.box_ctt5 .ul_sns {width:100%; display:none;}
.box_ctt5 .ul_sns li {width:24.6%; opacity:1 !important;}
.box_ctt5 .ul_sns li a {width:100%; height:50px;}
.box_ctt5 .ul_sns li:nth-child(1) a img {width:63px; height:12px; top:50%; left:50%; margin:-6px 0 0 -31px;}
.box_ctt5 .ul_sns li:nth-child(2) a img {width:56px; height:11px; top:50%; left:50%; margin:-5px 0 0 -28px;}
.box_ctt5 .ul_sns li:nth-child(3) a img {width:63px; height:12px; top:50%; left:50%; margin:-6px 0 0 -31px;}
.box_ctt5 .ul_sns li:nth-child(4) a img {width:63px; height:12px; top:50%; left:50%; margin:-6px 0 0 -31px;}

.wrap_footer .box_footer {width:100%;}
.wrap_footer .box_footer .ul_fo li {margin:0 6px;}
.wrap_footer .box_footer .txt_footer {padding:0 15px; font-weight:400;}

.btn_topgo {display:none;}

.m_gnb {position:fixed; top:0 !important; right:-220px; z-index:9999; width:220px; height:100%; min-height:100%; background:#0f0d17;}
.m_gnb .m_logo_ham {display:block; margin:30px auto; text-align:center;}
.m_gnb .nav {padding:0 30px;}
.m_gnb .nav li {border-bottom:1px solid #2b2a32;}
.m_gnb .nav li a {display:block; font-size:14px; color:#fff; padding:15px 0; opacity:0.8;}
.m_gnb .sns {width:160px; border-top:1px solid #2b2a32; position:absolute; bottom:30px; left:30px;}
.m_gnb .sns li {float: left; padding:20px 0 0; margin:0 2px;}
.m_gnb .sns li img {width:30px; height:30px;}

.wrap_ctt .box_cont {width:100%;}


.show_qtone {position:relative; width:301px; height:2480px; /*2142px;*/ margin:0 auto; overflow: hidden; }
.show_qtone .ul_qtoneshow {width:1200px; position:absolute; top:0; left:0; display:none;}
.show_qtone .ul_qtoneshow li .day {width:150px ;}
.show_qtone .ul_qtoneshow li .time {width:149px;}
.show_qtone .ul_qtoneshow li .pro {width:149px ;}
.show_qtone .ul_qtoneshow li .pro:last-child {width:148px !important;}

.m_time {display:block; position:absolute; top:0px; left:0; width: 300px;}
.m_time span {display: block; width: 149px; height: 33px; padding: 5px 0; line-height: 40px; border: 1px solid #d1d1d1; text-align: center; font-size: 13px; background: #f4f4f4; border-top: none;}
.m_time span.point {background:#ff5f5f; color:#fff;}
.m_time span.time_head {display: inline-block; width: 151px; height: 30px; line-height: 20px; font-size: 13px; background: #f4f4f4; border: 1px solid #d1d1d1; text-align: center; -webkit-box-sizing: border-box;}

.box_pn {display:block; margin:0px 10px 20px; text-align:center; line-height:30px;}
.box_pn span {font-size:14px; color:#565656; padding:0 20px;}
.box_pn a {display:inline-block; width:30px; height:30px; background:#f5f5f5; border:1px solid #d5d5d5; color:#565656; font-size:18px; font-weight:400; }
.box_pn .btn_prev {background:url('../images/btn_prev.png') center center no-repeat; text-indent:-9999px; }
.box_pn .btn_next {background:url('../images/btn_next.png') center center no-repeat; text-indent:-9999px; }
.wrap_ctt .box_cont .tit_sub {font-size:20px; width:260px; margin: 0 auto;}


.box_modal {width:300px; height:180px; margin:-100px 0 0 -150px; padding:10px;}
.box_modal iframe {width:280px !important; height:160px !important;}
.box_modal .btn_close {top:-20px; right:20px;}

.wrap_ctt .box_cont .ul_tbl_chn {margin:0 auto 20px; width:300px; border:none; overflow: hidden;}
.wrap_ctt .box_cont .ul_tbl_chn .head {display:none;}
.wrap_ctt .box_cont .ul_tbl_chn .body {clear:both; margin:0 0 20px; height:164px; border-bottom:1px solid #d4d4d4;}
.wrap_ctt .box_cont .ul_tbl_chn .body span {border-top:1px solid #d4d4d4;}
.wrap_ctt .box_cont .ul_tbl_chn .body span.num { width:100% !important;}
.wrap_ctt .box_cont .ul_tbl_chn .body span.bc { width:100% !important;}
.wrap_ctt .box_cont .ul_tbl_chn .body span.place {padding:0; width:100% !important;}
.wrap_ctt .box_cont .ul_tbl_chn .body span.cs {padding:0; width:100% !important;}

.wrap_ctt .box_cont .ul_tbl_chn .body span.rspv_hd {display:inline-block; border:none; float: left; width:80px; height:40px; background:#f5f5f5; line-height:40px; font-size:12px; color:#565656; text-align: center; margin:0 10px 0 0;}
.m_btn_top {display:block; width:80px; height:36px; text-align: center; line-height:36px; background:#565656; font-weight:400; margin:0 auto 40px; color:#fff !important;}
.ul_chn {display:none;}
.wrap_ctt .box_cont .tit_sub {width:300px; color:#666666;}
.wrap_ctt .box_cont .m_chnav {display:block; width:300px; border:1px solid #d5d5d5; margin:0 auto 40px; height:40px; position:relative; background:#fff;}
.wrap_ctt .box_cont .m_ul_chn {background:#fff; position:absolute; top:40px; left:-1px; z-index:11; width:100%; border:1px solid #d5d5d5;}
.wrap_ctt .box_cont .m_ul_chn li {float:none; border:none; padding:0; border-bottom:1px dotted #d8d8d8; height:40px; line-height:40px;}
.wrap_ctt .box_cont .m_chnav .cur {cursor:pointer; position:relative; display:block;}
.wrap_ctt .box_cont .m_chnav .cur span {font-size:13px; color:#8263a5; font-weight:600; padding:0 0 0 20px; line-height:40px;}
.wrap_ctt .box_cont .m_chnav .cur .btn {display:inline-block; width:40px; height:40px; padding:0; border-left:1px solid #d5d5d5; background:#f5f5f5 url('../images/btn_bot.png') center center no-repeat; position:absolute; top:0; right:0;}
.wrap_ctt .box_cont .m_chnav .cur .btn.on {background:#f5f5f5 url('../images/btn_tops.png') center center no-repeat;}
.wrap_ctt .box_cont .m_ul_chn li:last-child {border:none;}
.wrap_ctt .box_cont .m_ul_chn li a {border:none !important; font-size:12px; height:40px; line-height:40px; padding:0; text-indent:20px; width:100%; }
.wrap_ctt .box_cont .m_ul_chn li a:hover {border:none !important; color:#fff; background:#8263a5;}
body, html, .wrap_ctt {background:#fff;}
.box_pola {margin:0;}
.box_pola .img_pola {float:none; width:300px; margin:0 auto; display:block; display:none;}
.box_pola .box_txt {float:none; width:300px; margin:0 auto; padding:40px 0;}

.box_ban_ch .tit {font-size:18px;}
.box_bans .tit {font-size:18px;}
.m_gnb {display:block;} 
/*.ul_board_nav {display:none;}*/
.tit_sub_board {display:none;}
.tit_qt {display:block;}
.box_searchs #bo_sch {width:300px; margin:0 auto; float:none; padding:20px 0 0;}
.box_searchs #bo_sch .input_text {width:290px; margin:0 auto; float:none;}

#bo_list tr {display:block; width:100%; padding:20px 0; border-bottom:1px solid #d4d4d4; }
#bo_list .tbl_head01 td {display:inline-block; height:auto; width:auto; padding:0; clear:both;}
#bo_list .tbl_head01 td.td_subject {display:block; width:100%; padding:0 0 6px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; float: left;}
#bo_list .tbl_head01 td.td_hit {display:inline-block !important; opacity:0.5;}
#bo_list .tbl_head01 td.td_hit:before {content:'조회수 ';}
#bo_list .tbl_head01 td.td_name {opacity:0.5;}
#bo_list .tbl_head01 td.td_name:after {display:inline-block; width:1px; height:9px; content:''; background:#d4d4d4; position:relative; top:1px; margin:0 5px 0 8px;}
#bo_list .tbl_head01 td.td_date {opacity:0.5;}
#bo_list .tbl_head01 td.td_date:after {display:inline-block; width:1px; height:9px; content:''; background:#d4d4d4; position:relative; top:1px; margin:0 5px 0 8px;}
.box_searchs #bo_sch .btn_submit {top:24px;}

#bo_list .tbl_head01 {clear:both; overflow: hidden;}
#b_sub_basic {border:none; border-top:1px solid #d4d4d4; width:300px; margin:0 auto;}
#bo_list #b_sub_basic td {border:none; background:#fff !important;}
#bo_list #b_sub_basic .td_num {display:none;}
#bo_list #b_sub_basic .m_hide {display:none;}

.m_box_nav {display:block;}
.ul_board_nav {display:none;}

.m_board_nav {display:none; background:#fff; position:absolute; top:40px; left:-1px; z-index:11; width:100%; border:1px solid #d5d5d5;}
.m_board_nav li {float:none; border:none; padding:0; border-bottom:1px dotted #d8d8d8; height:40px; line-height:40px;}
.m_board_nav li a {text-indent:20px; display:block;}
.m_box_nav {position:relative; border:1px solid #d4d4d4; width:300px; margin: 10px auto 0;}
.m_box_nav .cur {cursor:pointer; position:relative; display:block;}
.m_box_nav .cur span {font-size:13px; color:#2a72a3; font-weight:600; padding:0 0 0 20px; line-height:40px;}
.m_box_nav .cur .btn {display:inline-block; width:40px; height:40px; padding:0; border-left:1px solid #d5d5d5; background:#f5f5f5 url('../images/btn_bot1.png') center center no-repeat; position:absolute; top:0; right:0;}
.m_box_nav .cur .btn.on {background:#f5f5f5 url('../images/btn_tops.png') center center no-repeat;}

#bo_gall #gall_ul {width:320px; margin:0 auto;}
#bo_gall .gall_con {width:320px; overflow: hidden; border-top:1px solid #d4d4d4;}
#bo_gall #gall_ul > li {margin:0 0 20px !important; padding:10px 0; border-bottom:1px solid #d4d4d4;}
#bo_gall #gall_ul > li:nth-child(3n) {margin:0 0 20px !important;}
#bo_gall .gall_con .gall_href a {width:320px; overflow: hidden; display:inline-block;}
#bo_gall .gall_con .gall_href a img {width:100%; height:100%;}
#bo_gall .gall_con .gall_href a span {width:100%; height:100%;}


.wrap_ctt .box_cont .event_update {padding:5px 0 10px;}
.wrap_ctt .box_cont .event_subject {padding:0 0 5px;}
.wrap_ctt .box_cont .event_date {padding:0; border:none;}

#bo_v_info {width:320px; margin:0 auto;}
#bo_v_info td, #bo_v_info th {padding:0; display:inline-block;}
#bo_v_info th {width:100px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; height:40px; line-height:40px; text-align:center;}
#bo_v_info td {width:220px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; height:40px; line-height:40px; text-align:center;}
#bo_v_info .th_cont {display:none;}
#bo_v_info .box_contt {width:320px; padding:30px 0 50px; line-height:1.7; height:auto;}
.bo_v_com {width:320px; margin:0 auto !important; float:none; clear:both; overflow: hidden;}
.bo_v_nb {width:320px; margin:0 auto !important; float:none; clear:both; overflow: hidden;}
.bo_v_com li {margin:10px 0 0; float: right;}
.bo_v_nb li {float: right; margin:0;}
.wrap_ctt .box_cont a.btn_admin, .wrap_ctt .box_cont a.btn_b01, .wrap_ctt .box_cont a.btn_b02 {margin:0 0 0 5px;}

.wrap_ctt .box_cont .head_reply {width:320px; margin:0 auto;}
.tbl_frm01.tbl_wrap {width:320px; margin:0 auto;}
.wrap_ctt .box_cont .tbl_frm01 table tr th label, .wrap_ctt .box_cont .tbl_frm01 table tr th {width:100px;}
.wrap_ctt .box_cont .tbl_frm01 textarea {width:200px;}
.wrap_ctt .box_cont .btn_submit2 {width:62px;}
.wrap_ctt .box_cont #bo_vc {width:320px; margin:0 auto;}


.autograph {width:80px; right:0px; bottom:80px;}

.wrap_ctt .box_cont .ul_chn li:last-child a {padding:0;}
#bo_v_info .tdsb {overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
#bo_list .tbl_head01 a {overflow: hidden; white-space:nowrap; text-overflow:ellipsis; width:300px; display:block;}
.box_head2 {display:none !important;}
.wrap_footer .box_footer .ul_fo li a {font-size:13px;}
.mt {color:#fff !important;}
.m_br {display:block;}

/*-------2015.12.28-----------*/
.wrap_local_ban {background:#1f2a37; height:400px;}
.wrap_local_ban .box_local {width:300px; height:400px; margin:0 auto;}
.wrap_local_ban .box_local img {width:100%; margin:80px 0 0;}
.wrap_local_ban .box_local .box_text a {display:block; margin:0 auto 30px; float:none;}
.wrap_local_ban .box_local .box_text p {float:none; text-align:center;}

.wrap_cont .box_cont {width:300px; margin:0 auto; }
.wrap_cont .box_cont h1 {font-size:25px; padding:80px 0 20px; font-weight:400; color:#565656;}
.wrap_cont .box_cont .bar {display:block; height:1px; background:#c4c4c4;}
.wrap_cont .box_cont ul {padding:25px 0 50px;}
.wrap_cont .box_cont ul li .way {font-size:16px; color:#333; padding:0 0 15px; font-weight:500;}
.wrap_cont .box_cont ul li .ex {font-size:13px; color:#656565; padding:0 0 40px; font-weight:400; line-height:1.7;}


}