@charset "utf-8";
/* 게시판 목록 */
#bo_list {position:relative;width:100%;max-width:1200px;margin:0 auto;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list h2 {display:block;margin:0 0 24px 0;font-family:'Lato';color:#222;font-size:30px;font-weight:900;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/*카테고리*/
#bo_cate {width:100%;margin:0 0 36px 0;}
#bo_cate ul {padding:0 4px;font-size:0;line-height:0;text-align:center;border-bottom:solid 1px #ddd;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate ul li {display:inline-block;}
#bo_cate ul li a {display:block;margin:0 -1px -1px 0;padding:0 36px;color:#666;font-size:14px;line-height:40px;background:#f6f6f6;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {color:#fff;background:#444;}
#bo_cate #bo_cate_on {color:#ff7700;font-weight:500;background:#444;z-index:2;}

#bo_btn_top {margin:0 0 10px 0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list_total {float:left;line-height:40px;color:#999;font-size:13px;}
#bo_list_total strong {color:#ff7700;font-weight:500;}

.bo_fx {zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {display:block;float:left;margin:0 0 0 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn_bo_user li:first-child {margin:0;}
.btn_bo_user li button.btn_bo_sch {display:block;width:32px;height:40px;overflow:hidden;color:#999;text-align:center;line-height:40px;background:#fff;border:none;}
.btn_bo_user li button.btn_more_opt {display:block;width:32px;height:40px;overflow:hidden;color:#999;text-align:center;line-height:40px;background:#fff;border:none;}
.btn_bo_user li button.btn_more_opt .dot {margin:2px auto;;}
.btn_bo_user li a.btn_list i {color:#666;font-size:18px;}
.btn_bo_user li a.btn_admin_icon {display:block;width:32px;height:40px;padding:0;overflow:hidden;text-align:center;line-height:40px;background:#fff;border:none;}
.btn_bo_user li a.btn_admin_icon i {color:#444;}


.btn_bo_user > li {position:relative}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #bbb;z-index:9;margin: 0;padding: 0;}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #bbb transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {float:none;margin:0;padding:0;text-align:left;border-bottom:dotted 1px #444;}
.more_opt li:last-child {border-bottom:none}
.more_opt li button, .more_opt li a {display:block;padding:0 12px;color:#666;font-size:12px;line-height:40px;text-align:center;white-space:nowrap;background:#fff;border:none;}
.more_opt li:hover a,
.more_opt li:hover button {color:#ff7700}

/* 리스트 */
#list_type {margin:0 0 30px 0;border-top:solid 1px #222;}
#list_type table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;}
#list_type caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#list_type th {padding:12px 0;color:#222;font-weight:500;text-align:center;background:#f6f6f6;border-bottom:solid 1px #ddd;}
#list_type td {padding:12px 0;border-bottom:solid 1px #ddd;}
#list_type td input,
#list_type td span,
#list_type td img,
#list_type td a {vertical-align:middle}

#list_type .td_board {width:120px;text-align:center}
#list_type .td_chk {width:30px;text-align:center;}
#list_type .td_date {width:60px;text-align:center}
#list_type .td_datetime {width:140px;text-align:center}
#list_type .td_group {width:120px;text-align:center}
#list_type .td_mb_id {width:120px;text-align:center}
#list_type .td_mng {width:100px;text-align:center}
#list_type .td_name {width:120px;text-align:center}
#list_type .td_nick {width:120px;text-align:center}
#list_type .td_num {width:80px;text-align:center}
#list_type .td_numbig {width:100px;text-align:center}
#list_type .td_subject {}
#list_type .txt_active {color:#5cb85c}
#list_type .txt_expired {color:#ccc}

#list_type .bo_notice td {background:#f6f6f6;}
#list_type .bo_notice td a {font-weight:500;}
#list_type .bo_notice .notice_icon {display:inline-block;padding:0 6px;color:#fff;font-size:12px;font-weight:400;line-height:22px;background:#444;/*border-radius:5px;*/}
#list_type .bo_current {display:inline-block;padding:0 8px;color:#ff7700;font-size:12px;line-height:22px;background:#fff;border:solid 1px #ccc;/*border-radius:5px;*/}
#list_type .td_num strong {}
#list_type .bo_cate_link {display:inline-block;margin:0 0 2px 0;color:#999;font-size:11px;line-height:20px;padding:0 6px;background:#f6f6f6;border:solid 1px #ddd;/*border-radius:5px;*/} /* 글제목줄 분류스타일 */
#list_type .bo_cate_link:hover {text-decoration:none}
#list_type .bo_tit {display:inline-block;overflow:hidden;line-height:18px;/*white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');*/
}
#list_type .bo_tit i {font-size:18px;}
#list_type .bo_tit a {font-size:14px !important;}
#list_type .bo_tit .icon_new {color:#ff7700;}
#list_type .bo_tit .icon_secret {color:#444;}

ul.bo_tit_mobile {display:none;margin:0;}
ul.bo_tit_mobile:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_tit_mobile li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;font-size:13px;line-height:20px;background:url(../../../img/var.gif) no-repeat right 50%;}
ul.bo_tit_mobile li:last-child {background:none;}
ul.bo_tit_mobile li i {color:#f75665}
ul.bo_tit_mobile li.date {color:#999;}
ul.bo_tit_mobile li.view {color:#999;}

#list_type .profile_img {vertical-align:baseline;}
#list_type .profile_img img {border-radius:50%;}
#list_type .cnt_cmt {color:#ff7700;font-size:12px;font-weight:400;}
#list_type .bo_tit a {font-size:14px;}
#list_type .bo_tit .new_icon i {color:#ff7700;font-size:18px;}

.empty_img {width:100%;height:auto;margin:0 auto;}
.empty_img:after {display:block;visibility:hidden;clear:both;content:""}
.empty_img img {width:100%;height:auto;}

/*검색폼*/
.bo_sch_wrap {display:block;position:relative;width:100%;max-width:500px;margin:0 auto 20px auto;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch {position:relative;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch .sch_select {display:block;float:left;position:relative;width:29%;height:40px;margin:0 1% 0 0;line-height:40px;border:1px solid #ccc;background:#fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch .sch_select label {display:block;position:absolute;top:0;left:0;width:100%;padding:0;color:#666;font-weight:300;line-height:40px;text-indent:10px;}
.bo_sch .sch_select label:after{position:absolute;top:0;right:0;width:38px;height:38px;padding:0;content:'';font-size:13px;color:#444;text-align:center;background:url(../../../img/board/ico-select.png) no-repeat 50% 50% #fff;}
.bo_sch .sch_select select {display:block;width:100%;height:38px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0)/* IE 8 */;}
.bo_sch .sch_bar {display:block;float:left;position:relative;width:100%;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch .sch_bar:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch .sch_input {display:block;width:100%;height:38px;text-indent:10px;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_sch .sch_btn {display:block;position:absolute;right:0;top:0;width:40px;height:38px;color:#fff;text-align:center;line-height:40px;;background:#4a4c58;border:none}

/* 게시판 쓰기 */
/*#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:700}*/

#bo_w {position:relative;width:100%;max-width:1200px;margin:0 auto;border-top:solid 2px #444;}

#bo_w .write_div {position:relative;padding:10px 20px 10px 120px;border-bottom:solid 1px #ddd;}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .write_div label {display:block;position:absolute;left:20px;top:0;padding:10px 0;color:#222;font-weight:500;line-height:40px;}

#bo_w .bo_w_info {}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {}

#bo_w .bo_w_select .select {display:block;position:relative;width:30%;height:40px;line-height:40px;text-transform:uppercase;border:1px solid #ccc;background:#fff;}
#bo_w .bo_w_select .select label {display:block;position:absolute;top:0;left:0;width:100%;padding:0;color:#666;font-weight:300;line-height:40px;text-indent:10px;}
#bo_w .bo_w_select .select label:after{position:absolute;top:0;right:0;width:38px;height:38px;padding:0;content:'';font-size:13px;color:#444;text-align:center;background:url(../../../img/board/ico-select.png) no-repeat 50% 50% #fff;}
#bo_w .bo_w_select .select select {display:block;width:100%;height:40px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0)/* IE 8 */;}
/*#bo_w .bo_w_select select {width:100%;height:40px;border:solid 1px #ccc;}*/

#bo_w .bo_v_option {margin: 0; padding: 0;}
#bo_w .bo_v_option:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_v_option li {display:block;float:left;text-align:left;margin:0 12px 0 0;}
#bo_w .bo_v_option li label {display:inline;position:relative;left:0;padding:0 0 0 24px;color:#666;font-weight:400;vertical-align:baseline}

#bo_w .bo_w_tit {position:relative;}
#bo_w .bo_w_tit .frm_input {}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:0;right:0;}

#bo_w .bo_w_content {padding:0 20px;}
#bo_w .bo_w_content textarea {height:240px;}

#bo_w .wr_content.smarteditor2 iframe {background:#fff}

#bo_w .bo_w_link label {}
#bo_w .bo_w_link .frm_input {}

#bo_w #wr_password, #bo_w #wr_homepage {}

#bo_w .bo_w_flie .file_wr {position:relative;}
#bo_w .bo_w_flie .file_wr label {display:block;position:absolute;width:120px;height:40px;left:0;top:0;padding:0;color:#fff;line-height:40px;font-weight:300;text-align:center;background:#4a4c58;border:none;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_w .bo_w_flie .file_wr label:hover {background:#15aacf;}
#bo_w .bo_w_flie .file_wr label input {position:absolute;width:0;height:0;overflow:hidden;}
#bo_w .bo_w_flie .file_wr input[type=text] {display:block;width:100%;height:40px;line-height:40px;text-indent:130px;border:solid 1px #ccc;}
#bo_w .bo_w_flie .frm_file {}
#bo_w .bo_w_flie .file_del {display:block;position:relative;min-width:100px;line-height:30px;}
#bo_w .bo_w_flie .file_del label {display:inline;position:relative;left:0;padding:0 0 0 24px;color:#666;font-weight:400;vertical-align:baseline}

.btn_confirm .btn_submit {width:200px;}
.btn_confirm .btn_cancel {width:200px;}


/*임시저장*/
#autosave_wrapper {position:relative}
#autosave_pop {display:none;position:absolute !important;top:44px;right:0;width:400px;height:auto !important;height:180px;max-height:180px;border:1px solid #444;background:#fff;z-index:9;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {height:130px;padding:4px;list-style:none;overflow-y:scroll;border-top:1px solid #eee;border-bottom:1px solid #eee}
#autosave_pop li {padding:8px 5px;font-size:13px;border-bottom:1px solid #eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left;}
#autosave_pop span {display:block;float:right;font-size:12px;color:#666}
.autosave_close {cursor:pointer;width:100%;height:30px;color:#666;font-size:12px;background:#f6f6f6;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.autosave_close:hover {color:#fff;background:#444;}
.autosave_content {display:none}
.autosave_del {width:20px;height:20px;overflow:hidden;text-indent:-999px;background:url(../../../img/close_btn.png) no-repeat 50% 50%;}



/* 글읽기 */
#bo_v {width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}

/* view title */
#bo_v_title {position:relative;padding:24px 20px;letter-spacing:-1px;/*border-top:solid 1px #222;*/border-bottom:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_title .bo_v_cate {display:inline-block;margin:0 0 4px 0;padding:0 6px;color:#fff;font-size:12px;line-height:19px;background:#15aacf;border:solid 1px #0f96b8;}
#bo_v_title .bo_v_tit {display:block;color:#222;font-size:22px;font-weight:500;word-break:break-all;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_v_info {}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {margin:8px 0 0 0;}
#bo_v_info .profile_info ul {}
#bo_v_info .profile_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info .profile_info ul li {display:block;float:left;margin:0 12px 0 0;padding:0 12px 0 0;color:#666;background:url(../../../img/var.gif) no-repeat right 50%;}
#bo_v_info .profile_info ul li:last-child {margin:0;background:none}
#bo_v_info .profile_info ul li strong {display:inline-block;margin:0 8px 0 0;color:#444;font-weight:500;}
#bo_v_info .profile_info ul li a.comment {color:#15aacf;}

#bo_v_info strong {}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:500;}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#444}
#bo_v_info .if_date {margin:0;color:#999}



/* view title normal */
#bo_v_title_normal {position:relative;margin:0 0 24px 0;border-top:solid 2px #222;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_title_normal .bo_v_cate {display:inline-block;margin:0 0 4px 0;padding:0 6px;color:#fff;font-size:12px;line-height:19px;background:#15aacf;border:solid 1px #0f96b8;}
#bo_v_title_normal .bo_v_tit {display:block;padding:18px 20px;color:#222;font-size:16px;font-weight:400;border-bottom:solid 1px #ddd;word-break:break-all;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_v_info_normal {border-bottom:solid 1px #ddd;}
#bo_v_info_normal:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info_normal h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info_normal .profile_info {padding:12px 20px;}
#bo_v_info_normal .profile_info ul {}
#bo_v_info_normal .profile_info ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info_normal .profile_info ul li {display:block;float:left;margin:0 24px 0 0;padding:0 24px 0 0;color:#666;background:url(../../../img/var.gif) no-repeat right 50%;}
#bo_v_info_normal .profile_info ul li:last-child {margin:0;padding:0;background:none;}
#bo_v_info_normal .profile_info ul li strong {display:inline-block;margin:0 12px 0 0;color:#444;font-weight:400;}
#bo_v_info_normal .profile_info ul li a.comment {color:#15aacf;}

#bo_v_info_normal strong {}
#bo_v_info_normal .sv_member,
#bo_v_info_normal .sv_guest,
#bo_v_info_normal .member,
#bo_v_info_normal .guest {font-weight:500;}
#bo_v_info_normal .profile_img {display:none}
#bo_v_info_normal .sv_member {color:#444}
#bo_v_info_normal .if_date {margin:0;color:#999}

#bo_v_more_normal {display:block;position:absolute;right:0;top:12px;}
#bo_v_more_normal button.btn_bo_sch {display:block;width:32px;height:40px;overflow:hidden;line-height:999px;background:url(./img/icon_zoomer.png) no-repeat 50% 50% #fff;border:none;}
#bo_v_more_normal button.btn_more_opt {display:block;width:32px;height:40px;overflow:hidden;color:#999;text-align:center;line-height:40px;background:none;border:none;}



#bo_v_atc {min-height:200px;height:auto !important;height:200px;padding-top:20px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_share {position:relative;margin:0 20px;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn_scrap i {color:#666;font-size:24px;}

#bo_v_sns {display:block;float:left;padding:0;list-style:none;zoom:1;margin:0;}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin:0 5px 0 0;text-align:center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_sns li a {height:40px;color:#fff;line-height:40px;text-align:center;}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li i {color:#fff;font-size:20px;}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_img {width:100%;overflow:hidden;text-align:center;zoom:1;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
/*#bo_v_img a.view_image {display:block}*/
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:10px 0 60px 0;width:100%;min-height:200px;padding:0 20px;font-size:14px;line-height:24px;overflow:hidden;word-break:break-all;}
#bo_v_con a {color:#222;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_con p span { word-break:keep-all;}

#bo_v_more {display:block;position:absolute;right:0;top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#bo_v_more button.btn_bo_sch {display:block;width:32px;height:40px;overflow:hidden;line-height:999px;background:url(./img/icon_zoomer.png) no-repeat 50% 50% #fff;border:none;}
#bo_v_more button.btn_more_opt {display:block;width:32px;height:40px;overflow:hidden;color:#999;text-align:center;line-height:40px;background:none;border:none;}

#bo_v_act {margin:0 0 60px 0;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative;}
#bo_v_act a {margin:0 5px 0 0;color:#444;font-size:14px;vertical-align:middle;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_act a:hover {color:#ff7700;background-color:#fff;border:solid 1px #999;}
#bo_v_act img {width:24px;height:auto;margin:0 6px 0 0;}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;width:165px;padding:10px 0;color:#fff;text-align:center;background:#f75665;z-index:9;}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;}

#bo_v_file,
#bo_v_link {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_v_file i,
#bo_v_link i {display:block;position:absolute;left:20px;top:20px;color:#444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {display:block;position:relative;padding:20px 20px 20px 70px;margin:0 0 10px 0;border:1px solid #aaa;}
#bo_v_file li .var {display:inline-block;width:1px;height:14px;margin:0 12px 0 12px;background:#ccc;vertical-align:middle;}
#bo_v_file a {display:block;margin:0;text-decoration:none;color:#444;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color:#ff7700;text-decoration:underline;}
#bo_v_file .bo_v_file_cnt {display:block;color:#999;font-size:12px;}

#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;list-style:none}
#bo_v_link li {display:block;position:relative;padding:20px 20px 20px 70px;margin:0 0 10px 0;border:1px solid #aaa;}
#bo_v_link li .var {display:inline-block;width:1px;height:14px;margin:0 12px 0 12px;background:#ccc;vertical-align:middle;}
#bo_v_link a {display:block;margin:0;text-decoration:none;color:#444;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {color:#ff7700;text-decoration:underline;}
#bo_v_link .bo_v_link_cnt {display:block;color:#999;font-size:12px;}

#bo_v_top {zoom:1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all;}

#bo_v_bot {zoom:1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}

.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {display:block;padding:18px 20px;overflow:hidden;white-space:nowrap;border-top:1px solid #ddd;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_v_nb li:last-child {border-bottom:1px solid #ddd}
.bo_v_nb li:hover {background:#f6f6f6}
/*.bo_v_nb li.btn_prv {background:url(./img/arrow_up.png) no-repeat 20px 50%;}
.bo_v_nb li.btn_next {background:url(./img/arrow_down.png) no-repeat 20px 50%;}*/
.bo_v_nb li .nb_tit {display:inline-block;padding:0 20px;color:#999}
.bo_v_nb li .nb_tit i {color:#444;}
.bo_v_nb li .nb_date {float:right;color:#999}

/* 게시판 댓글 */
.cmt_btn {width:100%;margin:30px 0 0 0;padding:0;text-align:left;background:none;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.cmt_btn span.total {position:relative;display:inline-block;font-size:16px;font-weight:500;color:#444;line-height:40px;}
.cmt_btn span.total strong {font-family:'Lato';font-weight:700;}
.cmt_btn span.cmt_more {display:block;float:right;width:30px;height:30px;margin:5px 0 0 0;background:url(./img/btn_cmt.png) no-repeat 50% 0;border:none;}
.cmt_btn_op span.cmt_more {background-position:50% -30px}

.bo_vc_w {display:block;position:relative;margin:0 0 30px 0;padding:0;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w form {display:block;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_vc_w_info {padding:12px 20px;border-bottom:solid 1px #eee}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;width:120px;margin-right:5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_vc_w_info #captcha {display:block;}

.bo_vc_w textarea {display:block;width:100%;height:120px;padding:10px 20px;background:#fff;border:none;border-bottom:solid 1px #eee;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_vc_w #char_cnt {display:block;float:left;margin:0;padding:0 20px;font-family:'Lato';color:#666;line-height:40px;}
.bo_vc_w .secret_cm label {font-size:12px !important}
.bo_vc_w .btn_cmt_submit {display:inline-block;width:60px;margin:0 0 0 8px;padding:0;color:#222;line-height:40px;background:#eee;border:none;}

#wr_secret {}
.bo_vc_w_wr {text-align:right;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_login {display:block;position:relative;margin:0 0 30px 0;padding:20px;background:url(../../../img/icon_smile.png) no-repeat right 50% #f6f6f6;border:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {position:relative;margin:20px 0;padding:0 20px 0 70px;border-bottom:1px solid #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .pf_img {display:block;position:absolute;left:20px;top:4px;}
#bo_vc article .pf_img img {width:40px;height:40px;border-radius:50%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_vc article .profile_img img {border-radius:50%;vertical-align:middle;}

#bo_vc article .cm_wrap {}
#bo_vc header {position:relative;width:100%;margin:0 0 6px 0;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
.bo_vc_hdinfo {color:#999;font-size:13px;}

#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:500}

#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:0;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#f63941;}
#bo_vc_empty {margin:0;padding:40px 0 !important;color:#666;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

#bo_vc .bo_vl_opt {position:absolute;top:0px;right:20px;z-index:9;}

.btn_cm_opt {display:block;width:30px;height:30px;color:#999;text-align:center;line-height:30px;background:none;border:none;}
.bo_vc_act {display:none;position:absolute;right:0;top:35px;width:48px;text-align:right;background:#fff;border:1px solid #ccc;margin:0;list-style:none;zoom:1;z-index:9}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #ccc transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:dotted 1px #444}
.bo_vc_act li:last-child {border-bottom:none;}
.bo_vc_act li a {display:block;padding:0 6px;font-size:12px;line-height:26px;text-align:center;}
.bo_vc_act li a:hover {color:#ff7700}

#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}


.all_chk {height:40px;margin:0 10px;}
.all_chk label span {cursor:pointer}





@media screen and (max-width:1024px) {
/*카테고리*/
#bo_cate {width:auto;margin:0 10px 36px 10px;}
#bo_cate h2 {margin:0 0 24px 0;font-size:30px;}
#bo_cate ul li a {padding:0 16px;font-size:13px;line-height:50px;}

/* 리스트 */
#bo_list h2 {margin:0 10px 24px 10px;;font-size:30px;}

 #list_type .td_num {width:60px;}

#bo_btn_top {margin:0 10px 10px 10px;}

.bo_fx {margin:0 10px;}



/* 글읽기 */
#bo_v_title {padding:18px 10px;}
#bo_v_title .bo_v_tit {font-size:22px;}

#bo_v_info .profile_info {margin:8px 0 0 0;}
#bo_v_info .profile_info ul li {margin:0 16px 0 0;}
#bo_v_info .profile_info ul li strong {margin:0 8px 0 0;}

#bo_v_share {margin:0 10px;}

#bo_v_file {margin:0 10px 10px 10px;}
#bo_v_link {margin:0 10px 10px 10px;}

#bo_v_top {margin:0 10px;}

#bo_v_bot {margin:0 10px;}

.bo_v_com {margin:20px 10px;}

.cmt_btn {margin:30px 0 0 0;padding:0 10px;}
.cmt_btn span.cmt_more {margin:5px 0 0 0;}

.bo_vc_w {margin:0 10px 30px 10px;}
.bo_vc_w_info {padding:12px 10px;}

.bo_vc_login {margin:0 10px 30px 10px;}
}




@media screen and (max-width:768px) {

/*카테고리*/
#bo_cate {}
#bo_cate h2 {margin:0 0 24px 0;font-size:24px;}
#bo_cate ul {padding:0;border-bottom:none;}
#bo_cate ul li {float:left;width:50%;}
#bo_cate ul li a {padding:0 10px;font-size:13px;line-height:40px;}

/* 리스트 */
#bo_list h2 {margin:0 10px 24px 10px;;font-size:24px;}

.bo_sch_wrap {width:auto;max-width:100%;margin:0 20px 20px 20px;}

#list_type th {display:none;}
#list_type td {padding:14px 10px;}

#list_type .td_board {display:none;}
#list_type .td_chk {display:none;}
#list_type .td_date {display:none;}
#list_type .td_datetime {display:none;}
#list_type .td_group {display:none;}
#list_type .td_mb_id {display:none;}
#list_type .td_mng {display:none;}
#list_type .td_name {display:none;}
#list_type .td_nick {display:none;}
#list_type .td_num {display:none;}
#list_type .td_num2 {display:none;}
#list_type .td_numbig {display:none;}

#list_type .bo_tit {display:block;margin:0 0 4px 0;}
#list_type .bo_tit a {font-size:14px;}
#list_type .bo_tit .new_icon {width:13px;line-height:13px;}

ul.bo_tit_mobile {display:block;}

.bo_cate_link {float:none;display:block;margin:0 0 4px 0;padding:0 4px;}

.bo_sch_wrap {width:auto;margin:0 10px 20px 10px;}

/*글쓰기*/
#bo_w .write_div {padding:10px 20px 10px 20px;}
#bo_w .write_div label {display:none;}

#bo_w .bo_w_select .select {width:100%;}

#bo_w .bo_w_flie .file_wr label {width:80px;}
#bo_w .bo_w_flie .file_wr input[type=text] {text-indent:90px;}

#autosave_pop {width:100%;}

.btn_confirm .btn_submit {width:49.5%}
.btn_confirm .btn_cancel {width:49.5%;}


/* 글읽기 */
#bo_v_title {padding:16px 40px 16px 10px;}
#bo_v_title .bo_v_tit {font-size:18px;line-height:24px;}

#bo_v_info .profile_info {margin:12px 0 0 0;}
#bo_v_info .profile_info ul li {margin:0 8px 0 0;padding:0 8px 0 0;font-size:12px;}
#bo_v_info .profile_info ul li strong {margin:0 6px 0 0;}


#bo_v_title_normal .bo_v_tit {padding:12px 20px;font-size:16px;}

#bo_v_info_normal .profile_info {}
#bo_v_info_normal .profile_info ul li {margin:0 12px 0 0;padding:0 12px 0 0;font-size:13px;}

#bo_v_more_normal {right:10px;top:4px;}

#bo_v_sns li {width:40px;}
#bo_v_sns li span {display:none;}

#bo_v_con {padding:0 20px;}

#bo_v_more {right:0;top:34px;}

#bo_v_act {margin:0 0 40px 0;}

#bo_v_file li .var {margin:0 8px 0 8px;}
#bo_v_file img {width:24px;height:auto;}

#bo_v_link li .var {margin:0 8px 0 8px;}
#bo_v_link img {width:24px;height:auto;}

.bo_v_nb li {padding:12px 10px 12px 10px;}
.bo_v_nb li .nb_tit {margin:0 12px 0 0;padding:0;}
.bo_v_nb li .nb_date {display:none;}

.cmt_btn span.total {font-size:14px;}

.bo_vc_w_info .frm_input {float:none;width:100%;margin:0 0 10px 0}
.bo_vc_w_info #captcha {display:block;}

.bo_vc_w textarea {height:100px;padding:10px 10px;}

#bo_vc article .cm_wrap {font-size:13px;}

#bo_vc article {margin:10px 0;padding:0 10px 0 40px;}
#bo_vc article .pf_img {left:10px;}
#bo_vc article .pf_img img {width:24px;height:24px;}

#bo_vc .cmt_contents {font-size:13px;}

#bo_vc .bo_vl_opt {right:10px;}
}




@media screen and (max-width:480px) {
}