@charset "utf-8";

/* 플레이버튼 */
.vjs-big-play-button{left: 0;right: 0;margin: auto;top: 0;bottom: 0;}

/* 쓰기 */
.bbs_comment{margin:15px 0;color:#fff}
.w_star{color:#f26a29}
.txt_cm{padding:3px 0 0 0;font-size:14px;color:#bb7560}
.txt_cm:before{content:"";display:inline-block;width:16px;height:16px;background:url("/images/bbs/ico_bbs.png") -80px 0;vertical-align:middle;margin:0 5px 0 0}
.input_wss{width:40px}
.input_ws{width:100px !important}
.input_wm{width:170px}
.input_wl{width:90%}
.input_wf{width:95%}
.input_h{width:40%}
.txt_cal{background:url("/images/bbs/ico_bbs.png") no-repeat -243px -63px;padding-left:32px !important;width:120px}
.btn_bbsw, .btn_bbsw:visited{margin:2px 0 2px 3px;background:#0f447f;border:none;font-size:14px;color:#fff;line-height:1.25em;white-space:nowrap;font-weight:300}
.btn_bbsw:hover, .btn_bbsw:focus{color:#1e1e20;background:#464646}
button.btn_bbsw{padding:9px 10px}
a.btn_bbsw{display:inline-block;padding:9px 10px}
.btn_bbsw.cancle, .btn_bbsw.cancle:visited{margin:2px 0 2px 3px;background:#0f447f;border:none;font-size:14px;color:#1e1e20;line-height:1.25em;white-space:nowrap;font-weight:700}
.btn_bbsw.cancle:hover, .btn_bbsw.cancle:focus{color:#1e1e20;background:#464646}

.btn_bbsw2{margin:2px 0 2px 3px;background:#1e1e20;border:1px solid #4a4a4a;font-size:14px;color:#4a4a4a;line-height:1.25em;white-space:nowrap;font-weight:700}
.btn_bbsw2:hover, .btn_bbsw2:focus{color:#1e1e20;background:#0f447f}
button.btn_bbsw2{padding:10px}
a.btn_bbsw2{display:inline-block;padding:10px}

.bbs_write{width:100%;margin:10px 0;border-top:1px solid #4a4a4a}
.bbs_write th, .bbs_write td{padding:5px 10px;border-bottom:1px solid #353537;border-top:none;vertical-align:middle;line-height:1.5em;height:35px;color:#fff}
.bbs_write th{background:#2a2b2c;text-align:center}
.bbs_write td *{vertical-align: middle}
.bbs_write input{border:1px solid #353537;background-color:#2a2b2c;padding:8px 0;margin:2px 0;color:#fff}
.bbs_write textarea{background-color:#2a2b2c}
.bbs_write input[type=checkbox],.bbs_write input[type=radio]{width:16px;height:16px}
.bbs_write .bw_file{margin:2px 0}
.bbs_write .bw_file input[type=file]{padding:2px 0;height:30px;width:100%;color:#7d7d7d}
.bbs_write .bw_file .memoarea{display:block}
.bbs_write .bw_file .memoarea em{font-style: normal;display:inline-block}
.bbs_write td .ggong ul li{margin:9px 0;color:#fff}
.bbs_write td .ggong ul li img{display:block;height:35px;padding-right: 10px}
.bbs_write textarea{border:1px solid #353537}
.bbs_write select{border:1px solid #353537;padding:6px 0 7px 0;margin:2px 0}
.bbs_write td label{margin:0 20px 0 0}
@media all and (min-width:768px){
.bbs_write td .ggong ul li img{display:inline-block}
}

/* 목록-상단 */
.bbs_cate{margin:0 0 30px 0}
.bbs_cate ul{border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7}
.bbs_cate li{border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
.bbs_cate li.on{background:#0f447f;font-weight:700}
.bbs_cate li a{display:block;padding:10px 0;text-align:center}
.bbs_cate li.on a{color:#1e1e20}
@media all and (min-width:768px){
.bbs_cate ul{display:table;width:100%}
.bbs_cate li{display:table-cell}
.bbs_cate li a{padding:20px 0}
}
@media all and (min-width:1024px){
.bbs_cate li{width:20%}
}

.bbs_down_xls{display:inline-block;background:#29935b;color:#1e1e20;padding:10px 20px}
.bbs_down_xls:before{content:"";display:inline-block;width:17px;height:20px;background:url("/images/bbs/ico_bbs.png") no-repeat 0 -120px;margin:0 10px 0 0;vertical-align:middle}
.bbs_down_xls:hover,.bbs_down_xls:focus{background:#1a7b48}
.bbs_total{margin:10px 0;color:#fff}
.bbs_total:before{content:"";display:inline-block;vertical-align:middle;width:15px;height:16px;background:url("/images/bbs/ico_bbs.png") no-repeat -20px -100px;margin:0 5px 0 0}
.bbs_total strong{color:#f26a29;font-weight:700;vertical-align:top}
.bbs_search{margin:0 0 20px 0}
.bbs_search *{vertical-align:middle}
.bbs_search.left{text-align:left}
.bbs_search.right{text-align:right}
.bbs_search input[type=text],.bbs_search select{height:34px;padding:0 5px;margin:2px 0;background-color:#2a2b2c;border:1px solid #353537;background-color:#1e1e20;box-sizing:border-box;color:#fff}
.bbs_search .form_sel{width:20%}
.bbs_search .form_txt{width:40%}
.bbs_search .input_cal{border:1px solid #e8e8e8;padding:8px 0;margin:2px 0;width:120px}
.bbs_search .form_cancle{cursor:pointer;width:20%;height:34px;background:#f26a29;color:#1e1e20;font-size:15px}
.bbs_search button{cursor:pointer;height:34px;padding:0 15px;margin:2px 0;color:#1e1e20}
.bbs_search button.btn1{background:#f26a29}
.bbs_search button.btn2{background:#4a4a4a}
.bbs_search input[type=submit]{cursor:pointer;height:34px;padding:0 15px;margin:2px 0;background:#0f447f;color:#fff}
.bbs_search span{margin:0 5px 0 0;color:#fff}
.bbs_search input[type=checkbox]{width:20px;height:20px}
.bbs_search label{margin:0 10px 0 5px}
.bbs_search2{background:#2a2b2c;padding:10px 20px}
@media all and (min-width:768px){
.bbs_search{overflow:hidden}
.bbs_search .left{float:left}
.bbs_search .right{float:right}
.bbs_search span{margin:0 5px 0 20px}
.bbs_search span:first-child{margin-left:0}
.bbs_search2{text-align:center}
}
@media all and (min-width:1024px){
.bbs_search select{width:auto}
.bbs_search .input_tit{width:20%}
}

/* 목록-하단 */
.bbs_page{text-align:center;margin:50px 0}
.bbs_page a{display:inline-block;padding:10px 0 0 0;margin:2px 1px;width:40px;height:40px;box-sizing:border-box;color:#fff}
.bbs_page a:hover, bbs_page a:focus{background-color:#2a2b2c}
.bbs_page a.on{font-weight:700;color:#1e1e20;background:#fff}
.bbs_page .prev{width:40px;height:0;padding:40px 0 0 0;margin-right:10px;overflow:hidden;background: url("/images/bbs/ico_bbs.png") no-repeat -40px -140px}
.bbs_page .prev2{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;background: url("/images/bbs/ico_bbs.png") no-repeat 0 -140px}
.bbs_page .next{width:40px;height:0;padding:40px 0 0 0;margin-left:10px;overflow:hidden;background: url("/images/bbs/ico_bbs.png") no-repeat -80px -140px}
.bbs_page .next2{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;background: url("/images/bbs/ico_bbs.png") no-repeat -120px -140px}
.bbs_btn{text-align:right;margin:20px 0}
.bbs_btn a{display:inline-block;margin:0 3px 7px 3px;vertical-align:middle;color:#fff}
.bbs_btn .bbs_bt1{background:#1e1e20;border:1px solid #353537;padding:14px 19px}
.bbs_btn .bbs_bt1:hover, .bbs_btn .bbs_bt1:focus{border-color:#464646}
.bbs_btn .bbs_bt2{background:#0f447f;padding:15px 20px}
.bbs_btn .bbs_bt2:hover, .bbs_btn .bbs_bt2:focus{background:#464646}
.bbs_btn .bbs_bt3{background:#f26a29;padding:15px 20px}
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus{background:#464646}
.bbs_btn input[type=submit]{margin:0 3px 7px 3px;background:#0f447f;color:#fff;height:56px;padding:0 20px;cursor:pointer;vertical-align:middle}
.bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus{background:#464646}

/* 목록페이지 */
.adm_check{width:20px;height:20px;margin:20px 10px 0 0;vertical-align:middle}
.sel_check{width:20px;height:20px;margin:10px}
.list_none{text-align:center;padding:30px 0;border-top:1px solid #4a4a4a;border-bottom:1px solid #353537;margin:0 0 30px 0;color:#fff}
.video_list{border-top:1px solid #4a4a4a}
.video_list li{margin:30px 0 0 0;text-align:center;box-sizing:border-box}
.video_list li a{display:block}
.video_list .img{display:block;position:relative;background:#111}
.video_list .img img{width:100%;transition:.2s ease-out}
.video_list .date{display:block;color:#898989;font-size:14px}
.video_list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300;font-size:20px;margin:15px 0 5px 0;color:#fff}
.video_list .img:before{content:"";display:block;width:60px;height:60px;background:url("/images/bbs/ico_bbs.png") 0 -180px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}
@media all and (min-width:768px){
.video_list ul{overflow:hidden;margin-left:-2%}
.video_list li{float:left;width:48%;margin-left:2%}
.video_list .img img{height:210px}
}
@media all and (min-width:1024px){
.video_list ul{margin-left: -1.5%}
.video_list li{width:31.8%;margin-left: 1.5%}
.video_list .img img{height:200px}
}
.video_view{margin:30px 0}
.video_view .vid_area{width:100%;background:#2a2b2c; height:200px}
.video_view .vid_text{padding:0 20px 20px;margin:10px 0;height:170px;border:1px solid #353537;background:#2a2b2c;overflow-y:auto;color:#fff}
.video_view .vid_text .tit{text-align:center;color:#fff;font-size:18px;padding:10px 0;border-bottom:solid 1px #353537;margin-bottom:13px}
@media all and (min-width:1024px){
.video_view{overflow:hidden}
.video_view .vid_area{float:left;width:64%;height:500px}
.video_view .vid_text{float:right;width:35%;height:500px;box-sizing:border-box;margin:0}
}

/* 상세-상단 */
.bbs_vtop h4{padding:0;font-size:30px;font-weight:700;color:#fff}
.bbs_vtop h4:before{display:none}
.bbs_vtop .vtop_list{padding-bottom:10px;border-bottom:1px solid #353537}
.bbs_vtop .vtop_list li{margin:0 0 3px 0;color:#fff}
.bbs_vtop .vtop_list li:last-child{margin:0}
.bbs_vtop .vtop_list strong{color:#898989;font-weight:300}
.bbs_vtop .vtop_table{border-top: 1px solid  #353537}
.bbs_vtop .vtop_table li{border-bottom:1px solid #353537;display:table;width:100%}
.bbs_vtop .vtop_table strong{display:table-cell;padding:20px 10px;background:#2a2b2c;width:40%;text-align:center;vertical-align:middle;font-weight:300;color:#fff}
.bbs_vtop .vtop_table span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}
.bbs_filedown{background:#2a2b2c;padding:15px 20px;margin:20px 0;color:#fff}
.bbs_filedown a{display:inline-block;background:#1e1e20;border:1px solid #353537;color:#fff;line-height:1.25em;font-size:13px;font-weight:300;padding:4px 10px;margin:1px 2px;vertical-align:middle}
.bbs_filedown a:before{content:"";display:inline-block;width:13px;height:13px;background:url("/images/bbs/ico_bbs.png");margin:1px 3px 0 0;vertical-align:top}
.bbs_filedown a.ico_file:before{background-position:-20px 0}
.bbs_filedown a.ico_viewer:before{background-position:0 0}
.bbs_filedown a:hover,.bbs_filedown a:focus{background-color:#4a4a4a;color:#fff}
.bbs_filedown a:hover.ico_file:before,.bbs_filedown a:focus.ico_file:before{background-position:-20px 0}
.bbs_filedown a:hover.ico_viewer:before,.bbs_filedown a:focus.ico_viewer:before{background-position:0 0}
.bbs_filedown .ico_allfile{display:block;padding:15px;margin:0 0 10px 0;background:#0f447f;color:#fff;text-align:center}
.bbs_filedown .ico_allfile:before{background-position:-20px 0}
@media all and (min-width:768px){
.bbs_vtop .vtop_list li{display:inline;margin:0 20px 0 0}
.bbs_vtop .vtop_table{overflow:hidden}
.bbs_vtop .vtop_table li{float:left;width:50%}
.bbs_vtop .vtop_table li:nth-child(n+3){width:100%}
.bbs_vtop .vtop_table li:nth-child(n+3) strong{width:20%}
.bbs_filedown{position:relative;padding:15px 20px 15px 180px}
.bbs_filedown .ico_allfile{position:absolute;top:50%;left:25px;transform:translate(0, -50%);width:100px;height:18px}
}

/* 상세-하단 */
.bbs_re{margin:30px 0}
.bbs_re ul{border-top:1px solid #4a4a4a}
.bbs_re li{padding:15px 0;border-bottom:1px solid #353537}
.bbs_re li div{color:#000;line-height:1.5em}
.bbs_re li span{display:block;margin-top:10px;color:#666}
.bbs_re li span strong{color:#4a4a4a}
.re_write{margin-bottom:20px}
.re_write h5{margin: 0 0 10px;background: none;padding-left: 0}
.re_write h5:before{display:none}
.re_form{overflow:hidden}
.re_form textarea{float:left;width:100%;height:60px;background:#f4f4f4;border:none;padding:10px 5%;box-sizing:border-box}
.re_form input{float:right;width:100%;background:#0f447f;font-weight:700;font-size:15px;color:#1e1e20;padding:10px 15px;margin-top:5px;}
.re_form input:hover, .re_form input:focus{background:#464646}
@media all and (min-width:768px){
.re_form textarea{width:83%;height:80px;padding:10px 2%}
.re_form input{width:15%;height:80px;margin:0}
}

.bbs_reply{background:#2a2b2c;padding:20px;margin-top:30px}
.bbs_reply h4{font-size:20px;margin-top:0}
.bbs_reply h4 strong{display:inline-block;width:23px;height:0;padding:20px 0 0 0;margin:0 5px 0 0;background:url("/images/bbs/ico_bbs.png") no-repeat 0 -20px;overflow:hidden;vertical-align:middle}
.bbs_reply .bbs_filedown{border-top:1px solid #353537;padding:15px 0;margin:0}
@media all and (min-width:768px){
.bbs_reply{padding:30px}
.bbs_reply .bbs_filedown{padding:15px 0 15px 160px}
.bbs_reply .bbs_filedown .ico_allfile{left:0}
}

/* 상세-내용 */
.bbs_con{padding:20px 0;line-height:1.5em}
.bbs_con img{max-width:100%}
.bbs_img{text-align:center}
.bbs_img figcaption{text-align:center;color:#898989;margin:10px 0 0 0;font-size:0.9em}
.pagelist{border-top:1px solid  #353537}
.pagelist li{border-bottom:1px solid  #353537}
.pagelist ul li strong{display:table-cell;padding:20px 10px;background:#2a2b2c;font-weight:300;color:#fff;width:100px;text-align:center;vertical-align:middle}
.pagelist ul li span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}
.pagelist ul li span a{color:#fff}
.pagelist ul li span a:hover,.pagelist ul li span:focus{text-decoration:underline}