@charset "utf-8";

/* 게시판용 버튼 */
#bo_btn_area {margin:20px 0 0}
#bo_btn_area:after {display:block; clear:both; content:''; }
#bo_btn_area.bottom {margin:20px 0 0}
.btn_bo_user {float:right; margin:0 -5px}
.btn_bo_user li {float:left; margin:0 5px}
.btn_bo {position:relative; display:inline-block; width:85px; height:35px; line-height:35px; font-size:15px; box-sizing:border-box; text-align:center; font-weight:400; -webkit-transition:.3s; transition:.3s;}
.btn_bo:after {position:absolute; top:0; left:0; bottom:0; right:0; border:1px solid #848484; content:''}
.btn_bo:hover {color:#fff; background:#2c2c2c}

.bo_btn_opt_wrap {position:absolute; right:10px; top:25px}
.btn_more_opt {padding:0 10px}
.btn_more_opt .btn_dot {display:block; width:4px; height:20px; background:url('/img/common/btn_dot.png'); background-size:100% 100%}
.more_opt {display:none;position:absolute;top:35px;right:-7px; background:#fff;border:1px solid #b8bfc4;z-index:999}
.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 #b8bfc4 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:inherit; box-sizing:border-box; width:47px; margin:0; text-align:center}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {display:block; padding:5px 0; font-size:13px; color:#515151}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

/*check list*/
.list_check {box-sizing:border-box; padding:10px 15px; margin:-2px -15px}
.list_check:after {display:block; clear:both; content:''}
.list_check li {float:left; margin:2px 15px}
.list_check li span {}

/***********************
	게시판 목록
***********************/
/* 카테고리 */
#bo_cate h2 {position:absolute; font-size:0}
#bo_cate_ul {margin-bottom:20px}
#bo_cate_ul {display:table; table-layout:fixed; width:100%; padding:0 1px; box-sizing:border-box}
#bo_cate_ul li {display:table-cell; text-align:center;}
#bo_cate_ul li a {position:relative; display:block; margin: 0 -1px; line-height:48px; font-size:18px; color:#8a8a8a; background:#f4f4f4;  border:1px solid #c5c5c5}
#bo_cate_ul #bo_cate_on {z-index:1; color:#2b2b2b; background:#fff; border:1px solid #2b2b2b}

/* 게시판 검색 */
.bo_sch_wrap {float:left; margin:0 0 20px}
.bo_sch_wrap.bottom {margin:20px 0 0}
.bo_sch {display:inline-block}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.bo_sch select, 
.bo_sch .sch_input, 
.bo_sch .sch_btn {float:left; box-sizing:border-box; height:35px; font-size:15px}
.bo_sch select {width:120px; padding:0 10px; border:1px solid #c9c9c9; background:#fff url('/img/common/icon_select_down.png') no-repeat no-repeat; background-position:90% center; background-size:10px auto}
.bo_sch .sch_input {width:190px; padding:0 20px; border:1px solid #c9c9c9; border-left:0; border-right:0}
.bo_sch .sch_btn {width:90px; border:0; color:#fff; background:#302e73;}

.bo_sch_wrap.type_full {float:none; padding:40px; text-align:center; border:1px solid #cccccc; background:#fafafa}
.bo_sch_wrap.type_full .bo_sch {display:block; max-width:800px; margin:0 auto}
.bo_sch select, 
.bo_sch .sch_input, 
.bo_sch .sch_btn {height:50px}
.bo_sch select {width:18.75%; margin-right:1.25%}
.bo_sch .sch_input {width:63.75%; border:1px solid #c9c9c9; margin-right:1.25%}
.bo_sch .sch_btn {width:15%}

/* 게시판 기본테이블 */
#bo_list {}
.dp_bo_list {border-top:2px solid #060606}
.dp_bo_list {table-layout:auto; width:100%; }
.dp_bo_list tbody tr:hover {background:#f6f6f6}
.dp_bo_list th {height:55px; font-size:18px; color:#2b2b2b; border-bottom:1px solid #060606}
.dp_bo_list th > a {font-size:1em}
.dp_bo_list td {height:75px; padding:0 5px; font-size:16px; color:#666666; text-align:center; border-bottom:1px dashed #d1d1d1}

.dp_bo_list .col_chk .inpChk {height:15px}
.dp_bo_list .bo_notice {background:#fee7e7 !important}
.dp_bo_list th.col_subject {text-align:center}
.dp_bo_list .col_subject {padding:0 30px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.dp_bo_list .col_subject .list_tit {overflow:hidden; white-space:nowrap}
.dp_bo_list .col_subject .bo_tit {line-height:1.2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.dp_bo_list .col_subject .bo_tit > a {vertical-align:middle; color:#333333}
.dp_bo_list .col_subject .bo_tit .icon_secret {display:inline-block; margin-right:10px; vertical-align:middle;}
.dp_bo_list .col_subject .bo_tit .icon_reply {display:inline-block; vertical-align:middle;}
.dp_bo_list .col_subject  {}
.dp_bo_list .sv_member {font-size:1em}
.dp_bo_list .m_bo_info {display:none}

.dp_list_chk {width:50px}
.dp_list_num {width:50px}
.dp_list_name {width:100px}
.dp_list_hit {width:50px}
.dp_list_date {width:100px}

/* 테이블 항목별 정의 */
.col_board {width:120px;text-align:center}
.col_chk {width:30px;text-align:center}
.col_date {width:60px;text-align:center}
.col_datetime {width:170px;text-align:center}
.col_default {width:60px;text-align:center}
.col_dvr {width:100px;text-align:center}
.col_group {width:100px;text-align:center}
.col_imgsmall {width:60px;text-align:center}
.col_num {width:80px;text-align:center}
.col_numbig {width:100px;text-align:center}
.col_nick {width:100px;text-align:center}
.col_name {width:180px;text-align:center}
.col_namesmall {width:50px;text-align:left}
.col_mb_id {width:100px;text-align:center}
.col_mng {width:80px;text-align:center}
.col_mngsmall {width:100px;text-align:center}
.col_statsmall {width:50px;text-align:center}

/* 아이콘 */
#bo_list .bo_tit .icon {display:inline-block; line-height:1; padding:1px 2px; border-radius:3px; font-size:12px; box-sizing:border-box; vertical-align:middle}
#bo_list .bo_tit .new_icon {background:#ff3131; color:#fff}
#bo_list .bo_tit .file_icon {background:#26a6ff; color:#fff}
#bo_list .bo_tit .file_icon .fa {vertical-align:baseline}
#bo_list .bo_tit .cnt_cmt {padding:0 3px; background:#ffe21c; color:#000}
#bo_list .bo_tit .notice_icon {display:inline-block; padding:0 5px; margin-right:5px; border:1px solid #ff6666; color:#ff6666; vertical-align:middle}

/* 갤러리형 리스트 */
#gall_allchk {margin-bottom:10px}
.gall_list_wrap {overflow:hidden}
.gall_list {margin:0 -13.5px}
.gall_list:after {display:block; clear:both; content:''}
.gall_item {float:left; box-sizing:border-box; width:33.33%; padding:0 13.5px; margin-bottom:40px}
.gall_item .gall_box {position:relative}
.gall_item .gall_chk {position:absolute; top:13px; left:13px; z-index:1}
.gall_item .gall_chk .inpChk {height:15px}
.gall_item .gall_img {position:relative; overflow:hidden}
.gall_item .gall_img a {position:relative; display:block; padding-top:101.785%}
.gall_item .gall_img a:after {position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #d8d8d8; content:''}
.gall_item .gall_img img {position:absolute; top:-50%; left:-50%; right:-50%; bottom:-50%; width:100%; margin:auto; transition:.5s} 
.gall_item .gall_img .hover_box {position:absolute; top:0; left: 0; width:100%; height: 100%; background:rgba(0,0,0,.5); text-align:center; opacity:0; transition:.3s}
.gall_item .gall_img .hover_box:after {display:inline-block; height:100%; content:''; vertical-align: middle}
.gall_item .gall_img .hover_box span {display:inline-block; font-size:20px; color:#fff; vertical-align:middle}
.gall_item .gall_img:hover .hover_box {opacity:1}
.gall_item .gall_text_href {padding:10px 5px}
.gall_item .bo_tit {display:-webkit-box; height:3.1em;  line-height:1.55; font-size:18px; color:#080808; overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient: vertical}
.gall_item .bo_tit:hover {text-decoration:underline}
.gall_item .gall_date {font-size:13px; color:#9f9f9f}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/***********************
	게시판 읽기
***********************/  
#bo_v {border-top:2px solid #060606; }
#bo_v_header {position:relative; padding:25px 10px; }
.bo_v_tit {display:block; line-height:1.3; font-size:25px; color:#000000; font-weight:500}
.bo_v_tit .icon_secret {width:20px; height:24px; margin-right:10px; background-position:-80px 0}
.bo_v_cate {display:inline-block; height:34px; padding:0 15px; margin-bottom:15px; line-height:34px; font-size:16px; color:#00c7e5; border:1px solid #00c7e5;}
#bo_v_info {margin-top:15px; margin-left:-5px}
#bo_v_info {overflow:hidden}
#bo_v_info strong {float:left; padding:0 5px; font-size:13px; color:#9f9f9f}
#bo_v_info strong + strong {border-left:1px solid #9f9f9f}
#bo_v_container {border-top:1px solid #afafaf}

/* 본문 */
#bo_v_atc {min-height:200px; padding:40px 10px}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_img {width:100%;overflow:hidden;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% ; width:auto !important; height:auto}
#bo_v_con {line-height:1.388; font-size:18px; color:#403e3e}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/*첨부파일 & 관령링크*/
.section_href {padding:20px; background:#f0f4f7}
.section_href + .section_href {border-top:1px dashed #e9e9e9}
.section_href h2 {margin-bottom:8px; font-size:15px; color:#000000}
.section_href ul li {line-height:1.3}
.section_href ul li a {display:inline-block; font-size:15px; color:#156fd4}

/* 게시판 네비 */
#bo_v_nb {position:relative; border-top:1px solid #afafaf}
#bo_v_nb ul:after {display:block; clear:both; content:''}
#bo_v_nb li {float:left; width:50%; box-sizing:border-box}
#bo_v_nb .btn_inner {display:block; padding:30px 0; }
#bo_v_nb .nb_arrow {position:relative; display:block; width:63px; height:63px; margin-top:-10px; border:1px solid #cccccc; border-radius:50%;}
#bo_v_nb .nb_arrow img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto}
#bo_v_nb .nb_tit {font-size:13px; color:#9f9f9f}
#bo_v_nb .nb_subject {margin-top:5px; line-height:1.5; font-size:18px; color:#2a2a2a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#bo_v_nb .btn_prv {padding-right:50px}
#bo_v_nb .btn_prv .nb_arrow {float:left; margin-right:20px}
#bo_v_nb .btn_next {padding-left:50px; text-align:right}
#bo_v_nb .btn_next .nb_arrow {float:right; margin-left:20px}
#bo_v_nb .btn_list {position:absolute; top:50%; left:50%; width:65px; height:65px; margin:-32.5px 0 0 -32.5px; line-height:65px; border-radius:10px; text-align:center; font-size:15px; color:#fff; background:#8860e2; transition:.3s}
#bo_v_nb .btn_list:hover {background:#9e7ce9}
#bo_v_nb a.btn_inner:hover .nb_subject {color:#8860e2}

/* 게시판 댓글 */
.cmt_btn {width:100%; margin-top:30px; text-align:left;border:0}
.cmt_btn b {font-size:18px; color:#000000}
.cmt_btn span {font-size:15px; color:#8e8e8e}

/*댓글입력창*/
#bo_vc_w {padding:30px; margin-top:40px; background:#f6f6f6}
#bo_vc_w h2 {margin-bottom:10px; font-size:18px; color:#000000}
#bo_vc_w .bo_vc_text_box textarea {height:95px}

/*댓글입력창-공통*/
.bo_vc_w {display:block}
.bo_vc_w:after {display:block; clear:both; content:''}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_text_box {position:relative; padding-right:170px}
.bo_vc_text_box .btn_submit {position:absolute; width:170px; height:100%; font-size:15px; color:#ffffff; background:#000000}
.bo_vc_text_box textarea {width:100%; padding:5px; box-sizing:border-box; border:1px solid #d8d8d8; background:#fff;color:#585858; font-size:15px}

/*댓글목록*/
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {position:relative; padding:15px 15px 15px 65px; border-bottom:1px dashed #c1c1c1}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {position:absolute; left:0;}
#bo_vc article .pf_img img {border-radius:50%;width:48px;height:48px; border:1px solid #c5c5c5;}
#bo_vc article .cm_wrap {}
#bo_vc header {position:relative;width:100%}
#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 header span {font-size:15px; color:#2c2c2c}
#bo_vc .member, 
#bo_vc .guest, 
#bo_vc .sv_member, 
#bo_vc .sv_guest, 
#bo_vc .bo_vc_hdinfo {display:inline-block; font-size:15px; color:#2c2c2c; vertical-align:middle}
#bo_vc .member {margin-right:15px}
#bo_vc .bo_vc_hdinfo {font-size:13px; color:#9a9a9a;}
#bo_vc .bo_vc_hdinfo time {display:block}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin-top:8px; line-height:1.66; font-size:15px; color:#4c4c4c}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vc_w .bo_vc_text_box {margin-top:15px}

.secret_cm {display:block}
.bo_vc_w_info {margin:10px 0}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}

/*옵션*/
.bo_vc_act {display:inline-block; margin-left:5px; vertical-align:middle}
.bo_vc_act li {position:relative; float:left; font-size:13px; color:#9a9a9a}
.bo_vc_act li:after {position:absolute; left:0; top:50%; width:1px; height:9px; margin-top:-4.5px; background:#8f8f8f; content:''}
.bo_vc_act li a {display:block; padding:0 10px; line-height:1;  font-size:13px; color:#9a9a9a}
.bo_vc_act li a:hover {color:#3a8afd}

/*sns등록*/
#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}

/***********************
	게시판 글쓰기
***********************/  
/* 게시판 글쓰기 임시저장*/
#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:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;*max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#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 ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {position:relative; padding:8px 20px 8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;}
#autosave_pop span {display:block; margin-top:10px; font-size:0.92em; color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {position:absolute; right:10px; top:50%; margin-top:-7px; line-height:1; font-size:0; vertical-align:middle}
.autosave_del:after {display:block; width:14px; height:14px; background:url('/img/icon_sprites.png') no-repeat; background-position:-30px -200px; content:''}

/* 게시판 글쓰기 폼 */
.bo_write_wrap {border-top:2px solid #060606}
.write_row {position:relative; margin:10px 0; box-sizing:border-box}
.write_row .frm_input {width:100%; height:40px; padding:5px 10px; border:1px solid #d6d6d6; font-size:15px; box-sizing:border-box}
.write_row .frm_input.input_type2 {background:#f7f7f7}
.write_box {position:relative; min-height:40px; margin-left:120px}
.write_label {position:absolute; top:0; left:0; width:110px; height:40px; padding-left:10px; line-height:40px; font-size:15px; color:#323232}
.write_label strong {font-size:13px; color:#e82222}

#bo_w .bo_w_tit {padding:7.5px 0; margin:0; border-bottom:1px solid #afafaf}
#bo_w .bo_w_tit #btn_autosave {position:absolute; top:0; right:5px; height:55px; width:170px; font-size:15px; color:#fff;  background:#000000; border:0}
#bo_w .bo_w_tit .write_label {top:7.5px; height:55px; line-height:55px; font-size:25px; color:#000000}
#bo_w .bo_w_tit .write_label:after {position:absolute; top:50%; right:0px; width:2px; height:24px; margin-top:-12px; background:#626262; content:''}
#bo_w .bo_w_tit .frm_input {height:55px; padding-left:20px; line-height:55px; font-size:25px; color:#484848; border:0}
#bo_w .bo_w_tit .frm_input::placeholder {color:#000}
#bo_w .bo_w_content .write_box {margin-left:0}
#bo_w .bo_w_file .frm_file {padding:6px 10px; border:0}
#bo_w .bo_w_file .file_del {display:block; min-height:auto; padding:10px}
#bo_w .bo_w_file .file_del label {font-size:15px; color:#6a6a6a}
#bo_w .bo_w_file .file_info {position:absolute; right:10px; top:12px; font-size:13px; color:#ff5858}
#bo_w .write_row_group:after {display:block; clear:both; content:''}
#bo_w .bo_w_info {float:left; width:50%; }
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .custom_select_wrapper {float:left; width:170px; height:40px; margin-right:10px}
#bo_w .bo_w_option .write_box {overflow:hidden}
#bo_w .list_check {box-sizing:border-box; padding:10px 15px; margin:-2px -15px; background:#f7f7f7}
#bo_w .list_check:after {display:block; clear:both; content:''}
#bo_w .list_check li {float:left; margin:2px 15px}
#bo_w .list_check li span {}
#bo_w .addr_box {position:relative; float:left; width:897px; border:1px solid #d6d6d6; background:#f7f7f7}
#bo_w .addr_box:before {position:absolute; left:15%; top:12px; width:1px; height:13px; background:#d6d6d6; content:''}
#bo_w .addr_box input {float:left; height:38px; border:0; background:#f7f7f7}
#bo_w .addr_box .frm_zip {width:15%}
#bo_w .addr_box .frm_addr1 {width:85%}
#bo_w .bo_w_address .frm_addr2 {margin-top:10px}
#bo_w .btn_frmline {float:right; width:172px; height:40px; font-size:16px; color:#00c7e5; border:1px solid #00c7e5}
#bo_w .btn_confirm {margin:40px 0 0; text-align:center}
#bo_w .btn_confirm .btn_basic {width:310px; height:70px; line-height:70px; margin:0 4px; font-size:20px}