@charset "utf-8"; /* ### 기본 스타일 커스터마이징 시작 ### */

.chk_all {margin:10px 0; }

/* 게시판 목록 */
#bo_list .td_chk {width:30px; text-align:center; }
#bo_list .td_group {width:100px; text-align:center; }
#bo_list .td_board {width:120px; text-align:center; }
#bo_list .td_num {width:50px; text-align:center; }
#bo_list .td_numbig {width:80px; text-align:center; }
#bo_list .td_mb_id {width:100px; text-align:center; }
#bo_list .td_nick {width:100px; text-align:center; }
#bo_list .td_name {width:100px; text-align:left; }
#bo_list .td_date {width:60px; text-align:center; }
#bo_list .td_datetime {width:150px; text-align:center; }
#bo_list .td_mng {width:80px; text-align:center; }
#bo_list .notice_icon {display:inline-block; background:#fbe2e6; padding:0 5px; line-height:20px; border-radius:5px; font-weight:bold; font-size:11px; color:#f1364c; }
#bo_list .bo_subject { color:#fff; float:left; font-size:1.083em; font-weight:bold; font-family: 'Gowun Batang'; text-shadow: -1px 0px rgba(0,0,0,.5), 0px 1px rgba(0,0,0,.5), 1px 0px rgba(0,0,0,.5), 0px -1px rgba(0,0,0,.5); }
#bo_list .bo_subject span { font-weight:400; }
#bo_list .bo_subject .fa-download {width:16px; line-height:16px; background:#ffefb9; color:#daae37; text-align:center; font-size:10px; border-radius:2px; vertical-align:baseline; }
#bo_list .bo_subject .fa-link {width:16px; line-height:16px; background:#edd3fd; color:#b451fd; text-align:center; font-size:10px; border-radius:2px; vertical-align:baseline; }
#bo_list .bo_subject .fa-heart {color:#ff0000; text-align:center; font-size:10px; border-radius:2px; }
#bo_list .bo_subject .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; display:none; }
#bo_list .bo_subject .fa-lock {display:inline-block; line-height:16px; width:16px; font-size:0.833em; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:baseline; }


#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_list_admin th label {position:absolute; font-size:0; line-height:0; overflow:hidden; }

#bo_list_admin th:nth-of-type(1) {width:40px; }
#bo_list_admin th:nth-of-type(3) {width:100px; }

#bo_list_admin td:nth-of-type(1) {text-align:center; }
#bo_list_admin td:nth-of-type(3) {text-align:center; }

/* 관리자가 아닐 때 */
#bo_list th:nth-of-type(2) {width:100px; }
#bo_list td:nth-of-type(2) {text-align:center; }

/* 게시판 목록 공통 */
#bo_list {padding-bottom: 20px; }
#bo_list li { border-bottom:none; padding:20px 20px 10px; }
#bo_list li.bo_notice {}

#bo_list li .search_item { width:100%; border-radius:20px; }

.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; padding:10px; text-align:center; 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; }

.bo_cate_link {display:inline-block; background:#e2eaf6; padding:0 5px; line-height:20px; border-radius:5px; font-weight:bold; font-size:11px; color:#3ca1ff !important; text-decoration:none; /*font-size:0.92em*/; } /* 글제목줄 분류스타일 */
.bo_cate_ico {margin-bottom:5px; }

.bo_cnt {display:block; width:100%; float:left; line-height:1.4em; background-color:#33383d; color:#fff; padding:20px; border-radius:14px 14px 0 0; color:#fff; }
.bo_cnt i {color:#8d96c2; font-size:12px; }
.bo_cnt .fa-heart {color:#ff0000; }
.bo_cnt p { float:right; font-size:14px; opacity:.5; }

.bo_cnt.bg_point { background-color:#5398cf !important;}
.bo_cnt.bg_point .bo_subject { text-shadow:none !important;}
.bo_cnt.bg_point p { opacity:.7;}

.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; }
.all_chk.chk_box input[type="checkbox"] + label span {top:18px; left:15px; }

.bo_cmt {background:#e9eff5; color:#3a8afd; font-size:0.925em; height:16px; padding:0 5px; border-radius:2px; vertical-align:top; min-width:16px; display:none; }

.bo_subject {display:block; }
.bo_current {color:#e8180c; }

.bo_info:after {display:block; visibility:hidden; clear:both; content:""; }
.bo_info {position:relative; padding-top:5px; line-height:20px; color:#646464; vertical-align:top; padding:20px !important; border-radius:0 0 14px 14px; background-color:#fff; width: 100%; float: left; }
.bo_info i {margin-left:10px; }
.bo_info .comment_icon {background:url(./img/icon_comment.png) no-repeat 50% 50%; display:inline-block; width:20px; height:28px; text-indent:-999px; overflow:hidden; vertical-align:top; background-size:70%; margin:0 0px 0 5px; }
.bo_info .bo_date {; }
.bo_info .cnt_cmt {display:inline-block; margin: 0 5px 0 3px; }
.bo_info .profile_img img {border-radius:50%; vertical-align:top; }

.bo_info dl { display:inline-block; width:50%; min-width:150px; float:left; margin-bottom:10px; }
.bo_info dl dt { float:left; width:40px; }
.bo_info dl dd { float:left; width:calc(100% -  40px); }
.bo_info dl:last-child { width:100%; margin-bottom:0; }

#bo_sch {background:#fff; border:none; position:relative; position: sticky; top: 60px; z-index: 99; padding:20px; background-color:#000; border-top:1px solid #555; }
#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 #fff; float:left; width: 130px; margin-right: 10px;  background-color: #fff;}
#bo_sch .sch_input {height:38px; border:0; padding:0; background-color:#fff; float:left; width:calc(100% - 140px); padding:0 40px 0 10px; }
#bo_sch .sch_btn {height:38px; position:absolute; top:50%; transform:translateY(-50%); right:20px; 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_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%; }
.fix_btn.write_btn{z-index:99; display:none; }

/* 게시판 읽기 */
#bo_v {padding:20px 0 0; background:#fff; }
#bo_v>header {padding:0 15px; 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:#e2eaf6; color:#3a8afd; line-height:20px; border-radius:5px; padding:0 5px; font-weight:bold; }
.bo_v_tit {display:block; font-size:1.5em; margin:10px 0 0; }

#bo_v_info {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; }
#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_vc {background:#fff; padding:20px 20px 0 20px; }
#bo_vc h2.bo_vc_tit { width: 100%; float: left; font-size: 20px; font-weight: 800; margin-bottom: 20px; display: flex; align-items: flex-start; }
#bo_vc h2 span {color:#54b0fb !important; font-size:16px; display:inline-block; margin-left:6px; }

#bo_vc article { width: 100%; float: left; display: flex; flex-wrap: nowrap; align-items: center; border-bottom:1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; font-size: 18px; }
#bo_vc article .comment_inner{margin: 0 0 0 20px !important; background:#fff; padding-bottom:0 !important; }
#bo_vc article h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; }
#bo_vc article img.comment {width: 30px; height: auto; opacity:.7; }
#bo_vc article img.flower {width: 45px; height: auto; }

#bo_vc header {position:relative; padding:0; padding-right:18px; font-size:16px !important; color:#000 !important; }
#bo_vc header span {; }

#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; font-size:.8em; }
#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 { color:#777; }
#bo_vc p a {text-decoration:underline; }
#bo_vc p a.s_cmt {text-decoration:underline; color:#ed6479; }
#bo_vc_empty { width:100%; float:left; margin: 20px 0 50px; padding:20px !important; text-align:center; color:#999; }
#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; 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 { border-bottom:10px solid #f0f0f0; }
#bo_vc_w h1 { width:100%; float:left; padding:0px 20px 15px ; font-size:18px; font-weight:600; display: flex; align-items: center; }
#bo_vc_w h1 span { display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#353535; text-align:center; display:inline-block; margin-right:6px; position:relative; }
#bo_vc_w h1 img { height:16px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.bo_vc_w {width:100%; float:left; display:block; position:relative; padding:0 20px 20px; }
.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% !important; height:58px !important; padding:5px; border:1px solid #d0d3db; background:#fff; color:#000; vertical-align:middle; margin-bottom:5px; }
#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:calc(100% - 115px); margin:0 0 5px 0; }
.bo_vc_w_info #wr_password {float:right; width:110px; }

.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; background-color:#565656; }
.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 h2 { width:100%; float:left; font-size:18px; margin:20px 0 10px; }
#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; }




.view_title {width:100%; float:left; background-image:url(../../../../../../../img/common/view_title_pattern.png); background-size:50%; text-align:center; color:#fff; background-color:#33383d; position:relative; }

.view_title .view_title_loca {width:100%; float:left; padding:10px 0; line-height:40px; border-bottom:1px solid rgba(255,255,255,.1); font-size:20px; position:relative; z-index:2; font-weight:600; color:#75c1ff; }

.view_title .view_title_info {width:100%; float:left; padding:20px 0 30px; position:relative; z-index:2; }
.view_title .view_title_info .view_title_name {font-family: 'Gowun Batang'; font-size:30px; text-shadow: -1px 0px rgba(0,0,0,.5), 0px 1px rgba(0,0,0,.5), 1px 0px rgba(0,0,0,.5), 0px -1px rgba(0,0,0,.5); }
.view_title .view_title_info .view_title_name span {font-weight:600; }
.view_title .view_title_info .view_title_age { font-size:16px; margin:25px auto 6px; text-shadow: -1px 0px rgba(0,0,0,.5), 0px 1px rgba(0,0,0,.5), 1px 0px rgba(0,0,0,.5), 0px -1px rgba(0,0,0,.5); }
.view_title .view_title_info .view_title_date {}
.view_title .view_title_info .view_title_date span {display:inline-block; padding:4px 20px; border-radius:50px; background-color:rgba(0,0,0,.3); font-size:16px; }

.view_title .view_title_bg { position:absolute; right:0; bottom:0; width:100%; text-align:right; z-index: 0; }
.view_title .view_title_bg img { width:70%; max-width:540px; }


.view_info {width:100%; float:left; padding:20px; border-bottom:10px solid #f0f0f0; }
.view_info h2 {width:100%; float:left; font-size:20px; font-weight:800; margin-bottom:20px; display: flex; align-items: flex-start; }
.view_info h2 span {color: #54b0fb !important; font-size: 16px; display: inline-block; margin-left: 6px; }
.view_info ul {width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; }
.view_info ul:last-child {border-bottom:none; padding-bottom:0px; margin-bottom:0px; }

.view_info dl {width:100%; float:left; font-size:16px; display: flex; align-items: flex-start; margin-bottom:10px; line-height:24px; }
.view_info dl:last-child {margin-bottom:0px; }
.view_info dt {width:80px; }
.view_info dd {width:calc(100% - 80px);}
.view_info dd a { display: inline-block; width: auto !important;}
.view_info dd a img { vertical-align:-2px;}
.view_info dd .sv_member { display:inline-block; margin-right:4px; }
.view_info .view_info_map { width:100%; float:left; margin-bottom:20px; }
.view_info .view_info_map img { width:100%; border-radius:10px; }

.view_loca { width:100%; float:left; display: flex; justify-content: space-around; margin-top:10px; padding:20px 0; border-radius:20px; background-color:#f5f5f5; }
.view_loca p { width:100%; text-align-last:center; position:relative; }
.view_loca p::after { content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#ddd; }
.view_loca p:last-child::after { display:none; }
.view_loca p img { width:36px; }
.view_loca p span { margin-top:10px; display:block; color:#888; font-size:14px; }

.view_tel { display:inline-block; width:18px; height:18px; background-image:url(../../../../../../../img/common/icon_tel.png); background-size:14px; background-repeat:no-repeat; background-position:center; margin-left:6px; vertical-align: -2px; }




dl dt {color: #888; }
dl dd {color: #000; }




/*댓글 페이징 */
.paging {
  display: inline-block; text-align: center
}
.paging a {
  color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; }
.paging a.active {
  background-color: #253dbe; color: white; border: 1px solid #4CAF50; }
.paging a:hover:not(.active) {background-color: #253dbe; }



.bo_flower { width:100%; float:left; display:flex; flex-wrap: wrap; }
.bo_flower_item { margin-right:20px; font-size:16px; font-weight:500; display: flex; align-items: center; margin-bottom:14px; }
.bo_flower_item .flower_img { height:16px; display:inline-block; margin-right:4px; }


.view_menu {width:100%; background-color:#f4f5fa; padding:20px; border-top:1px solid #ddd; bottom:0; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; font-size:17px; font-weight: 600; }
.view_menu ul.point_menu { background-color:#344f66; }

.view_menu_01,
.view_menu_02,
.view_menu_03 { color:#fff; padding:4px 10px; border-radius:6px; display: flex; align-items: center; justify-content: center; }

.view_menu_01 a,
.view_menu_02 a,
.view_menu_03 a {color:#fff; display:flex; justify-content: center; align-items: center; width: 100%; padding: 6px; }

.view_menu_01 img,
.view_menu_02 img,
.view_menu_03 img { height:20px; display:inline-block; margin-right:6px; }

.view_menu_01 { width:calc(50% - 5px); margin-bottom:8px; background-color:#000; }
.view_menu_02 { width:calc(50% - 5px); margin-bottom:8px; background-color:#b6532a; }
.view_menu_03 { width:100%; background-color:#3a4e64; }


.view_top {position:fixed; top:0; left:0; color: #fff; z-index: 999; line-height: 60px; font-size: 20px; font-weight:400; width: 100%; text-align:left; width: calc(100% - 90px) !important; margin-left: 40px; margin-right:40px; max-width:430px !important;}

@media (max-width: 1060px) {
	.view_top { max-width:calc(100% - 90px) !important;}
}

  .view_top_icon{
    font-size: 5em; animation: motion 2s /* 속도 */
               linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
               infinite alternate; /* 무한 반복 */
  }
  @keyframes motion {
	0% {margin-top: 0px; } /* 처음 위치 */
	100% {margin-top: 20px; } /* 마지막 위치 */
  }
  
  
/* 흐르는 글자 */
  .box {
  width: 100%; text-align:left; }

.marquee {
  width:100%; overflow:hidden; position:relative; }

.marquee p:after {
  content:""; white-space:nowrap; padding-right:50px; }

.marquee p {
  margin:0; padding-left:100%; display:inline-block; white-space:nowrap; -webkit-animation-name:marquee; -webkit-animation-timing-function:linear; -webkit-animation-duration:10s; -webkit-animation-iteration-count:infinite; -moz-animation-name:marquee; -moz-animation-timing-function:linear; -moz-animation-duration:10s; -moz-animation-iteration-count:infinite; -ms-animation-name:marquee; -ms-animation-timing-function:linear; -ms-animation-duration:10s; -ms-animation-iteration-count:infinite; -o-animation-name:marquee; -o-animation-timing-function:linear; -o-animation-duration:10s; -o-animation-iteration-count:infinite; animation-name:marquee; animation-timing-function:linear; animation-duration:10s; animation-iteration-count:infinite; }
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%); }
  99%,to { -webkit-transform: translate(-100%); }
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%); }
  99%,to { -moz-transform: translate(-100%); }
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%); }
  99%,to { -ms-transform: translate(-100%); }
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%); }
  99%,to { -o-transform: translate(-100%); }
}
@keyframes marquee {
  from   { transform: translate(0%); }
  99%,to { transform: translate(-100%); }
}