@charset "utf-8"; /* 갤러리 공통 */

#bo_v,
#bo_v>header,
#bo_v_atc,
.bo_v_nb,
#bo_gall li.empty_list,
#gall_ul { width:100%; float:left;}


.bo_fx {margin-bottom:5px; padding:0 10px}
.bo_fx:after {display:block; visibility:hidden; clear:both; content:""}
.bo_fx ul {margin:0; padding:0; list-style:none}
#bo_list_total {margin:10px; text-align:center; padding:20px 20px 0; background:#e3e7ec; color:#8b8b8b; border-radius:3px}

.btn_bo_user > li {float:left; text-align:center; margin-left:5px}
.btn_bo_adm button {border:0; padding:0 10px; background:#d13f4a; color:#fff; text-decoration:none; vertical-align:middle}
.btn_more_opt {width:30px}
.more_opt {display:none; position:absolute; top:50px; right:7px; background:#fff; border:1px solid #b8bfc4; z-index:999}
.more_opt:before {content:""; position:absolute; top:-8px; right:6px; 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:6px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent}
.more_opt.is_list_btn{width:90px}
.more_opt li {display:block; border-bottom:1px solid #f1f1f1; padding:10px; margin:0; color:#6b757c; text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%; border:0; background:#fff; color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {line-height:20px}

.bo_share {position:relative}
#bo_v_share {display:none; position:absolute; top:42px; right:0; padding:10px; text-align:right; background:#fff; border:1px solid #b8bfc4}
#bo_v_share:before {content:""; position:absolute; top:-8px; right:6px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent}
#bo_v_share:after {content:""; position:absolute; top:-6px; right:6px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent}
#bo_v_share .btn_scrap {display:inline-block; background:#d4d4d4; color:#444; line-height:40px; width:40px; font-weight:bold; text-align:center; border-radius:3px}

#bo_v_sns {padding:0; list-style:none; zoom:1}
#bo_v_sns:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_sns li {text-align:center; margin:5px 0 0}
#bo_v_sns li a {display:block; width:40px; height:40px; padding:10px 0}
#bo_v_sns li .sns_f {background:#415b92; border-radius:3px}
#bo_v_sns li .sns_t {background:#35b3dc; border-radius:3px}
#bo_v_sns li .sns_g {background:#d5503a; border-radius:3px}
#bo_v_sns li .sns_k {background:#fbe300; border-radius:3px}
#bo_v_sns li img {vertical-align:top}
#bo_v_sns li span {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}

.td_num strong {color:#000}
.bo_current {color:#e8180c}
.td_subject img {margin-left:3px}
.cnt_cmt {font-weight:bold}

#bo_sch {background:#fff; border:1px solid #d0d3db; position:relative; margin:20px; width:calc(100% - 40px); float:left;}
#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 {border:0; height:38px; border-right:1px solid #f8f8f8; float:left; width:30%}
#bo_sch .sch_input {height:38px; border:0; background-color:transparent; float:left; width:70%; padding:0 40px 0 10px}
#bo_sch .sch_btn {height:38px; position:absolute; top:0; right:0; border:0; width:40px; background:none; font-size:15px}

.view_is_list.btn_top {position:relative; z-index:auto; top:0; left:0}
.view_is_list {margin:8px 10px 0; height:50px; padding:10px; line-height:30px; border-radius:3px; border-bottom:1px solid #ccc; background:#fff; color:#333; text-align:right}
.view_is_list li {display:inline-block}

#bo_gall li.empty_list {padding:30px 0; text-align:center}

.bo_cnt {display:block; width:100%; font-size:1.083em; font-weight:bold; line-height:1.4em}
.bo_cnt i {color: #8d96c2; font-size:12px}
.bo_cnt .fa-heart {color:#ff0000}
.bo_chk {display:inline-block; float:left; margin-right:5px}

.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 {padding-left:20px; color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute; top:0; left:0; width:15px; height:15px; display:block; 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% #3a8afd; border-color:#1471f6; border-radius:3px}
.chk_box input[type="radio"] {position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index: -1; overflow:hidden}
.chk_box input[type="radio"] + label {position:relative; padding-left:23px; display:inline-block; color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute; top:0; left:0; width:15px; height:15px; display:block; background:#f7f8f9; border:1px solid #cdd6df; border-radius:50%}
.chk_box input[type="radio"]:checked + label{color:#ff8080}
.chk_box input[type="radio"]:checked + label span {border-color:#ea6060; }
.chk_box input[type="radio"]:checked + label span:before{width:9px; height:9px; background:#ff8080; content:''; position:absolute; top:3px; left:3px; border-radius:50%; }

.all_chk { width:100%; float:left; }
.all_chk.chk_box input[type="checkbox"] + label span {top:18px; left:20px}


/* 갤러리 목록 */
#bo_gall h2 {margin:0; padding:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

#bo_gall #gall_allchk {}

#bo_gall #gall_ul {margin:10px 0 0; padding:10px 20px 10; list-style:none}
#bo_gall #gall_ul:after {display:block; visibility:hidden; clear:both; content:""}

#bo_cate h2 {width:0; height:0; font-size:0; line-height:0; overflow:hidden}
#bo_cate ul {background:#fff; padding-left:1px; border-bottom:1px solid #d9dce3; zoom:1}
#bo_cate ul:after {display:block; visibility:hidden; clear:both; content:""} 
#bo_cate li {display:inline-block; float:left}
#bo_cate a {display:block; line-height:24px; padding:20px}
#bo_cate #bo_cate_on {display:inline-block; position:relative; color:#3a8afd}
#bo_cate #bo_cate_on:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; display:inline-block; background:#3a8afd}

#bo_gall .gall_li {float:left; width:100%; padding:20px; border-bottom:1px solid #eee;}
#bo_gall .gall_li_wr {position:relative; display:flex; align-items: center;}
#bo_gall .gall_li_wr .gall_img { border-radius:10px 10px 0 0; }
#bo_gall .gall_li_wr .gall_img img { width:100%; border-radius:10px 10px 0 0; border-bottom:1px solid #eee; }

#bo_gall .gall_li_chk {display:inline-block; position:absolute; top:10px; left:10px; z-index: 9; }
#bo_gall .gall_li:nth-child(2n+1) {clear:both}

#bo_gall .gall_li .gall_img , 
#bo_gall .gall_li .gall_img video{width:120px; height:90px; background-position:center !important; background-size:cover !important; position:relative; border-radius:10px; background-image:url(../../../img/common/noimage_mem.png); }

#bo_gall .gall_li .gall_img a, 
#bo_gall .gall_li .gall_img video a { display:block; }

#bo_gall .gall_li .gall_img .no_img,
#bo_gall .gall_li .gall_notice {display:block; background:#eaeaea; color:#d0d0d0; font-size:3em; text-align:center; padding:25% 0}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block; width:174px; height:124px; background:#f7f7f7; text-align:center; line-height:8em}

#bo_gall .gall_text_href { width:calc(100% - 120px); padding:0 0 0 10px; display:block; border-top:none; }
#bo_gall .gall_li_tit {display:block; margin:0 0 0px 0; font-weight:bold; font-size:16px; }
#bo_gall .bo_cate_link {display:inline-block; font-weight:400; background-color:#fff !important; color:#465bf0 !important; border:1px solid #465bf0; border-radius:50px; font-size:12px; padding:2px 4px; margin-bottom:6px; /*font-size:0.92em*/} /* 글제목줄 분류스타일 */
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .new_icon {display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin:0 4px; font-weight:bold; vertical-align:middle}

.bo_cmt {background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle}

#bo_gall .gall_info {color:#999; font-size:14px; font-weight:400; margin-top:2px;}
#bo_gall .gall_info:after {display:block; visibility:hidden; clear:both; content:""} 
#bo_gall .gall_info strong {display:inline-block; margin-right:3px}
/*
#bo_gall .gall_info i {display:inline-block; font-size:18px; vertical-align:-3px;}

#bo_gall .gall_info i.fa.fa-thumbs-o-up { font-size:14px; vertical-align:0px;}
*/



/* 게시판 쓰기 */
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}

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

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}


/* 게시판 읽기 */
#bo_v {padding:20px 0 0; background:#fff}
#bo_v>header {padding:0 20px; border-bottom:1px solid #eee}
#bo_v_table {padding:10px; color:#999; font-size:0.9em; font-weight:bold}

#bo_v_title {}
.bo_v_cate {display:inline-block; background:#fff !important; color:#000; font-size:14px; font-weight:400}
.bo_v_tit {display:block; font-size:1.5em; margin:6px 0; }

#bo_v_info { width:100%; float:left; padding:20px 0; color:#8e8e8e; line-height:20px}
#bo_v_info h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
#bo_v_info strong {display:inline-block; font-weight:normal; margin:0 5px}
#bo_v_info .profile_img img {border-radius:50%; vertical-align:top}
#bo_v_info .icon_view {display:inline-block; background:url('./img/icon_view.png') no-repeat 50% 50%; background-size:80%; height:15px; width:20px; overflow:hidden; text-indent:-999px; vertical-align:middle; margin:0 3px 0 5px}
#bo_v_info .icon_comment {display:inline-block; background:url('./img/icon_comment.png') no-repeat 50% 50%; background-size:70%; height:15px; width:20px; overflow:hidden; text-indent:-999px; vertical-align:middle; margin:0 3px 0 5px}

#bo_v_file {padding:0 20px; margin-bottom:20px}
#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 {padding:20px; position:relative; margin:10px 0; border:1px solid #dfdfdf}
#bo_v_file li i {float:left; color:#b2b2b2; font-size:1.6em; margin-right:20px}
#bo_v_file a {float:left; display:block; margin-right:10px; text-decoration:none; word-wrap:break-word; color:#000}

@media (max-width:450px){
	#bo_v_file a {float:inherit}
}

#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline; color:#3a8afd}
#bo_v_file img {float:left; margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2; font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4; color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}

#bo_v_link {padding:0 20px; margin-bottom:20px}
#bo_v_link h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#bo_v_file ul {margin:0; list-style:none}
#bo_v_link li {padding:20px; position:relative; margin:10px 0; border:1px solid #dfdfdf}
#bo_v_link li i {float:left; color:#b2b2b2; font-size:1.6em; margin-right:20px}
#bo_v_link a {float:left; display:block; margin-right:10px; text-decoration:none; word-wrap:break-word; color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline; color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2; font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4; color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_top {margin:10px 20px}
#bo_v_top:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_top h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
#bo_v_top ul {margin:0; padding:0; list-style:none}
#bo_v_top ul:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_top ul li {display:inline-block}
.bo_v_left {float:left}
.bo_v_right {float:right}

#bo_v_bot {padding:0 10px}
#bo_v_bot:after {display:block; visibility:hidden; clear:both; content:""}
#bo_v_bot h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
#bo_v_bot ul {margin:0; padding:0; list-style:none}

.bo_v_nb {position:relative; margin:10px 0 0; border-top:1px solid #e4e4ec; border-bottom:1px solid #e4e4ec; text-align:left}
.bo_v_nb:after {display:block; visibility:hidden; clear:both; content:""}
.bo_v_nb li {}
.bo_v_nb li a {display:block; padding:20px; color:#777}
.bo_v_nb li a i {color:#c5cfdd}
.bo_v_nb li.bo_v_prev {border-bottom:1px solid #f8f8f8}
.bo_v_nb li.bo_v_next {}


#bo_v_atc {min-height:200px; padding:20px 20px 0}
#bo_v_atc_title {margin:0; padding:0; 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 {min-height:200px; margin-bottom:20px; width:100%; font-size:1.250em; line-height:1.7em; 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}

.bo_v_con_link {
    display: block; width: 100%; text-align: center; padding: 0 20px; line-height: 50px; border: 1px solid #eee; border-bottom: none; margin-bottom: 20px; }

/* 게시판 댓글 */
#bo_vc {background:#f8f8f8; padding:20px}
#bo_vc h2.bo_vc_tit {}
#bo_vc h2 span {color:#3a8afd}
#bo_vc article {}
#bo_vc article .comment_inner{margin:20px 0 0; padding:20px; background:#fff; border-bottom:1px solid #e4e4ec}
#bo_vc article h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
#bo_vc header {position:relative; padding:0; line-height:20px; padding-right:18px}
#bo_vc .profile_img {vertical-align:text-bottom}
#bo_vc .profile_img img {width:23px; height:23px; border-radius:50%}
#bo_vc header .bo_vl_opt {position:absolute; top:-5px; right:-8px}
.comment_inner .bo_vc_w{margin-top:10px; padding-top:20px}

#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block; color:#777}
#bo_vc h1 {width:0; height:0; font-size:0; line-height:0; overflow:hidden}
#bo_vc .cmt_contents {margin:10px 0 0; border-radius:5px; line-height:1.8em}
#bo_vc .cmt_contents p {font-size:1.083em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline; color:#ed6479}
#bo_vc_empty {margin:0; padding:20px !important; text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block; visibility:hidden; clear:both; content:""}

.bo_vc_act {display:none; position:absolute; right:0; top:40px; width:58px; text-align:center; 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 20px}
.bo_vc_act li a:hover {color:#3a8afd}

#bo_vc_w h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.bo_vc_w {display:block; position:relative; padding:0 20px 20px; background:#f8f8f8}
.bo_vc_w:after {display:block; visibility:hidden; clear:both; content:""}
.bo_vc_w #char_cnt {display:block; margin:0 0 5px}
.bo_vc_w textarea {width:100%; height:120px; padding:5px; border:1px solid #d0d3db; background:#fff; color:#000; vertical-align:middle}
#wr_secret {}

.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; width:49.5%; margin:0 0 5px 0}
.bo_vc_w_info #wr_password {float:right}
.bo_vc_w_info #captcha {display:block; clear:both}
.bo_vc_w .btn_confirm {margin-top:5px; clear:both}
.bo_vc_w .icon_lock {display:inline-block; font-size:1em; vertical-align:baseline}
.bo_vc_w .btn_submit {height:50px; width:100%; padding:0 20px; border-radius:3px; font-weight:bold; font-size:1.083em}
.bo_vc_w_wr:after {display:block; visibility:hidden; clear:both; content:""}
.bo_vc_w .bo_vc_secret {display:block}

#bo_vc_send_sns {display:block; margin-bottom:10px}
#bo_vc_sns {display: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; padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_t {border-radius:3px; background:#00aced; height:40px; padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block; padding:0 20px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

/*글쓰기*/
#bo_w {padding:20px}
#bo_w .bo_v_option li {display:inline-block; float:left; margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option:after {display:block; visibility:hidden; clear:both; content:""}
#bo_w .bo_w_select select {border:1px solid #d0d3db; background:#fff; width:100%}
#bo_w .bo_w_link label {position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; width:45px; height:43px; line-height:43px; font-size:1.2em; text-align:center; color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute; top:0px; left:0px; border-radius:3px 0 0 3px; width:45px; height:43px; line-height:43px; font-size:1.2em; text-align:center; color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px}
#bo_w .bo_w_flie .file_wr {position:relative; color:#000; vertical-align:middle; margin:0}
#bo_w .bo_w_flie .frm_input {margin:5px 0 0}

.filebox .btn_file {display:inline-block; position:absolute; right:8px; top:8px; border:1px solid #3a8afd; border-radius:3px; width:60px; height:30px; color:#3a8afd; font-size:1em; line-height:30px; font-weight:bold; background:#fff; text-align:center; vertical-align:middle; cursor:pointer}
.filebox .fileName {display:inline-block; position:relative; width:100%; height:45px; padding-left:45px; line-height:30px; border:1px solid #d0d3db; background-color:#fff; color:red; vertical-align:middle; border-radius:0}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}

#bo_w .btn_confirm {text-align:center; margin:20px 0}
#bo_w .btn_submit {width:49%; height:45px; padding:0 30px; font-weight:bold; font-size:1.083em}
#bo_w .btn_cancel {width:49%; line-height:45px; height:45px; padding:0 30px; font-weight:bold; font-size:1.083em; background:#fff; border-radius:3px; border:1px solid #dcdcdc}