@charset "utf-8";

/*게시판 공통 css*/

.board_tt{font-size:1.5em; margin:45px 0 10px; color:#333;}
.table_info{color:#777;}
.frm_info{color: #777; font-size: .938em; line-height: 1.3; margin-top: 10px; position: relative; padding-left:18px;}
.frm_info:before{content:'\e9a7'; font-family: 'xeicon'; position: absolute; top: 0; left: 0;}

.board_st.write th{text-align:left; padding:.8em 1.5em; font-size:1.068em; background-color: #f9f9f9;}
.board_st.write td{text-align:left; padding:.8em 2em;}
.board_st.write td.border_n{border:0; padding: 0.8em 0;}

/*============================================================list============================================================*/

/*게시판 list 버튼*/
#bo_btn_top {margin:10px 0}
#bo_btn_top .board_btn_wrap > li{margin-left:3px;}
#bo_btn_top .board_btn_wrap > li .input_st .st_xi{font-size:1.068em; margin-right:7px;}

/*분류*/
#bo_cate { margin-bottom: 40px;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:flex;  -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap:wrap; -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content:center;}
#bo_cate ul li{padding:0 2.5px;}
#bo_cate ul li a{display:block;padding:10px 20px; border:1px solid #ddd; color:#666; box-sizing: border-box; border-radius: var(--bor_r);}
#bo_cate ul li a:hover{border-color:#333; color:#333; }
#bo_cate ul li a#bo_cate_on {background-color: #333; color:#fff; border-color:#333;}

/*게시판 list*/
#bo_list {position:relative;}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:150px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:left;}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

.board_st{border-top:2px solid #666; font-size:.938em;}
.board_st table{width:100%;}
.board_st caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.board_st thead th input {vertical-align:top}
.board_st th {border-bottom:1px solid #e8e8e8}
.board_st td {color:#666; /*border-top:1px solid #ecf0f1*/; border-bottom:1px solid #ecf0f1; vertical-align: middle;}
.board_st th,
.board_st td{padding:.8em .5em;}
.board_st td .xi{vertical-align: middle;}
.board_st tbody tr{position:relative;}
.board_st tbody tr:hover:after{content:''; width:2px; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--mainColor);}
.board_st tbody tr:hover td {background:#fafafa}
/*.board_st tbody .even td {background:#fbfbfb}*/

.board_st.write tbody tr:after{display:none;}
.board_st.write tbody tr:hover td{background-color: transparent;}

/*공지체크*/
.bo_notice td {background:#fff6fa !important;}
.bo_notice .notice_icon {font-weight:bold; color:#f9267f}

/*리스트분류*/
.bo_cate_link{display:inline-block; color:#aaa!important; margin-right:3px;}
.bo_cate_link:before{content:'[';}
.bo_cate_link:after{content:']';}

/*리스트댓글*/
.cnt_cmt{font-size:.938em; color:#888;}
.cnt_cmt:before{content:'['; margin-right:2px;}
.cnt_cmt:after{content:']'; margin-left:2px;}

/*리스트 new,파일,링크 icon*/
.new_icon_st .xi{color:#e8441e; font-size: 1.125em; vertical-align: middle; margin-left:2px;}
.file_icon_st .xi{color:#444; font-size: 1.125em; vertical-align: middle; margin-left:2px;}
.link_icon_st .xi{color:#444; font-size: 1.125em; vertical-align: middle; margin-left:2px;}

/*등록된 게시글이 없을때*/
.empty_list{color:#777!important; padding:3em 0!important; text-align: center;}
.empty_list .xi{font-size:4em; color:#ccc; display:block;}
#gall_ul .empty_list{width:100%;}


/*체크박스*/
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#111; cursor: pointer;}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% var(--mainColor);border-color:var(--mainColor);border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {margin-top: 3px; margin-right: 5px;}

/*검색*/
.bo_sch{border:0; margin-top:1em;}

/*페이징*/
.pg_wrap {float: none; display: block; text-align: center; margin-top: 3em;}
.pg_wrap .pg {text-align:center}
.pg_wrap .pg_page {display:inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; background-color: #fff; color: #333; font-size: 1em; margin: 2px 0; border-radius: var(--bor_r);}
.pg_wrap .pg_current {display:inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ddd; font-size: 1em; background-color: #333; color: #fff; border-radius: var(--bor_r); margin: 2px 0; font-weight: normal;}
.pg_wrap .pg_page.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}
.pg_wrap .pg_page.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}
.pg_wrap .pg_page.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}
.pg_wrap .pg_page.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%; background-color: #f5f5f5; padding:0;border:1px solid #ccc}


/*============================================================write============================================================*/


 /* 임시저장, 우편번호검색버튼 등 */
a.btn_frmline,
button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top}

#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}

#bo_w #btn_autosave {position:absolute; top:5px; right:5px;}
#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 button {margin:0;padding:0;border:0}
#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 {padding: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;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;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 {background:url(../img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

#bo_w .write_div{margin-top:20px;}
#bo_w .bo_w_link,
#bo_w .bo_w_flie{ position:relative; margin-bottom:5px;}
#bo_w .bo_w_link .xi,
#bo_w .bo_w_flie .xi{position: absolute; top: 50%; transform: translateY(-50%); left: 0; width:40px; text-align: center; overflow: hidden; color:#aaa;}
#bo_w .bo_w_link label,
#bo_w .bo_w_flie label{ color:#aaa; font-weight: 300; font-size:.938em;}
#bo_w .bo_w_link .input_st,
#bo_w .bo_w_flie .input_st{padding-left:40px;}
#bo_w .bo_w_flie .file_wr{position:relative;}
.btn_confirm{margin-top:50px;}
.btn_confirm > *{margin:0 1.5px;}


/*============================================================view============================================================*/

/*타이틀*/
#bo_v_title {text-align: center; border-top: 2px solid #333; padding: .8em 0; border-bottom: 1px dashed #ddd;  }
#bo_v_title .bo_v_cate {display:block; color:#ccc; margin-bottom: 3px; font-size:.75em; font-weight: 400;}
#bo_v_title .bo_v_cate:before{content:'[';}
#bo_v_title .bo_v_cate:after{content:']';}
#bo_v_title .bo_v_tit {display:block; font-size:1.125em; text-align: center; font-weight: 600; color: #333;}

/*상세info*/
#bo_v_info {margin: 0 0 40px; border-bottom: 1px solid #f1f1f1; color: #666; padding:15px 0;}
#bo_v_info h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_info .profile_info_ct > li{margin-right:20px; font-size:.938em; color:#666;}
#bo_v_info .profile_info_ct > li:last-child{margin-right:0px;}
#bo_v_info .profile_info_ct > li .xi{margin-right:3px;} 

/*본문박스*/
#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {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%;height:auto}

/*본문*/
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/*추천,비추천*/
#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

/*sns, 스크랩*/
#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#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_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}

/*링크,첨부파일*/
#bo_v_link h2,
#bo_v_file h2{position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_file ul,
#bo_v_file ul{margin:0; list-style:none}
#bo_v_link li,
#bo_v_file li{padding:15px; position:relative; margin:10px 0; border:1px solid #dfdfdf; border-radius:5px;}
#bo_v_link li i,
#bo_v_file li i{color:#b2b2b2; font-size:2em; margin-right:20px}
#bo_v_link a,
#bo_v_file a{display:block; text-decoration:none; word-wrap:break-word; color:#000; max-width: calc(100% - 60px);}
#bo_v_link li:hover a,
#bo_v_file li:hover a{text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt,
#bo_v_file .bo_v_file_cnt{color:#b2b2b2; font-size:0.92em}
#bo_v_link li:hover,
#bo_v_file li:hover{border-color:#bed4f4; color:#bed4f4}
#bo_v_link li:hover i,
#bo_v_file li:hover i{color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt,
#bo_v_file li:hover .bo_v_file_cnt{color:#99c2fc}

/*버튼*/
.bo_v_com {margin-top:20px;}
.bo_v_com > li {margin-left:3px}

/*이전글,다음글*/
.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 {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li a{width: calc(100% - 200px); display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}


/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative; display:inline-block; margin-right:5px; color:var(--mainColor);}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {content:""; position:absolute; bottom:-17px; left:0; background:var(--mainColor); width:100%; height:2px}
#bo_vc {}
#bo_vc h1,
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
#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 {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap {float:left;max-width:870px;width:90%}
#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 .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}

#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px}
#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_vl_opt {position:absolute;top:0;right:0}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.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 #b8bfc4 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:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.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 #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px;
box-sizing: border-box;}
.bo_vc_w_info {margin:10px 0;float:left}
.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_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px; padding:0 20px; border-radius:3px; font-size:1.083em; background-color:#333!important;}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

#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}