@charset "utf-8";

/* Form 공통 */
input, button, select, textarea { margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; }
input[type="text"], input[type="password"], select, textarea { border: 1px solid var(--border-color); background: var(--grey-background-color); color: var(--grey-light-color); vertical-align: middle; border-radius: 0px; padding: 5px 28px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 50px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid var(--border-color)  !important; } 
textarea { height:auto; }
.select_box { position: relative; margin: 0; }
.select_box select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; -ms-word-break: normal; word-break: normal; }
.select_box:after { position: absolute; top: 8px; right: 28px; content: '>'; font: 30px "Consolas", monospace; color: var(--grey-dark-color); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); pointer-events: none; }
.fa-solid, .fas { font-family: "Font Awesome 6 Free"; font-weight: 900; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.linkbox { display: flex; }
.linkbox > label[for^="wr_link"] { position: relative; left: 0; width: 50px; height: 50px; background: var(--grey-background-color); border: 1px solid var(--border-color); border-right: 0px; box-sizing: border-box; text-align: right; line-height: 50px; }
.linkbox > input { width: calc(100% - 50px); height: 50px; padding: 0 10px !important; border-left: 0px; }
.linkbox > input:focus { border-left: 0px !important; }
.filebox { display: flex; }
.filebox > input[class^=bf_file_name] { width: calc(100% - 150px); }
.filebox:not(.chk_box) label { position: relative; color: var(--grey-dark-color); font-weight:500; line-height:50px; }
.filebox > label { left:0; width:150px; height:50px; background: var(--grey-background-color); border: 1px solid var(--border-color); background:#fff; box-sizing: border-box; text-align: center; cursor: pointer; }
.filebox > input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

input::-webkit-input-placeholder {
	color: var(--grey-dark-color) !important;
	font-weight: 400;
}
input:-ms-input-placeholder {
	color: var(--grey-dark-color) !important;
	font-weight: 400;
}
input::placeholder {
	color: var(--grey-dark-color) !important;
	font-weight: 400;
}
textarea::-webkit-input-placeholder {
	color: var(--grey-dark-color) !important;
	font-weight: 400;
}
textarea:-ms-input-placeholder {
	color: var(--grey-dark-color) !important;
	font-weight: 400;
}
textarea::placeholder {
	color: var(--grey-dark-color) !important;
	font-weight: 400;
}

/* 편집기 grey 색상 변경 */
.cheditor-tb-wrapper {
  border-right: 1px var(--border-color) solid;
  border-left: 1px var(--border-color) solid;
  border-bottom: 1px var(--border-color) solid;
  background-color: var(--grey-background-color);
}
.cheditor-resizebar {
  border-left: 1px var(--border-color) solid;
  border-right: 1px var(--border-color) solid;
  background: var(--grey-background-color) url('../icons/splitter.gif') no-repeat center top;
}

/* 버튼 공통 */
.ico-comment { width:80px; height: 18px; padding-left:25px; margin-left:10px; background-image: url('./img/ico_cmt.png'); background-repeat:no-repeat; background-position:left bottom; }
.ico-reply { width:50px; padding-left:28px; background-image: url('./img/ico_reply.png'); background-repeat:no-repeat; background-position:left center; }
.new_icon { width:17px; height:17px; padding-left:25px; margin-left:10px; background-image: url('./img/ico_new.gif'); background-repeat:no-repeat; background-position:left center; }

a.btn, .btn { line-height: 50px; height: 50px; padding: 0; text-align: center; font-weight: 400; border: 0; font-size: 16px; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; letter-spacing: -0.03em; }
.btn { margin: 0 5px; }
.btn-blue { background: var(--main-color); color: #fff; }
.btn-white { background: #fff; border: 1px solid var(--border-color) !important; color: var(--grey-light-color); }
.btn-grey { background: var(--grey-light-color); border: 1px solid var(--grey-light-color) !important; color: #fff; }

.btn-blue:hover,
.btn-white:hover,
.btn-grey:hover { background:var(--main-color); border:1px solid var(--main-color) !important; color:#fff; } 

.bg-grey { background: var(--grey-background-color); }


/* 상단 버튼영역 */
.to-btn-wrap { position: relative; margin:30px 0; font-size: var(--f-14); color:var(--grey-light-color); }
.to-btn-wrap > .total { height: 36px; line-height: 36px; }
.btn_bo_user { position: absolute; right: 0; top: 0; }
.btn_bo_user li { float:left; width:40px; text-align:center; margin-left:5px; }
.btn_bo_user li { position:relative }
.btn_bo_user li > a, .btn_bo_user li > button { display:inline; }
.btn_bo_user li .btn { width:36px; height: 36px; line-height: 36px; margin: 0 5px; text-align: center; }
.btn_bo_user .btn-search { position: relative; }
.btn_bo_user .btn-search > i {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.btn_bo_user .more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid var(--border-color);z-index:999}
.btn_bo_user .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 var(--border-color) transparent}
.btn_bo_user .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}
.btn_bo_user .more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:var(--grey-light-color);text-align:left}
.btn_bo_user .more_opt li:last-child {border-bottom:0}
.btn_bo_user .more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:var(--grey-light-color);font-size:14px;text-align:left;}
.btn_bo_user .more_opt li:hover a,
.btn_bo_user .more_opt li:hover button {color:var(--grey-dark-color)}
.btn_bo_user .more_opt li i {float:right;line-height:20px}

/* 하단 버튼영역 */
.bo-btn-wrap { position: relative; margin:60px 0 25px; font-size: var(--f-14); color:var(--grey-light-color); }

/* 게시판 카테고리 */
#bo_cate { }
#bo_cate > ul { display:flex; list-style:none; margin:0; padding:0; }
#bo_cate > ul > li { flex:1; background:#f1f1f1; }
#bo_cate > ul > li > a { display:block; position: relative; height:50px; line-height:50px; color:var(--grey-dark-color); text-align:center; }
#bo_cate > ul > li > a:after { content:""; position:absolute; right:0; top:0; width:1px; height:50px; background:var(--border-color); }
#bo_cate > ul > li:last-child > a:after { display:none; }
#bo_cate #bo_cate_on { background:var(--main-color); color:#fff; }
#bo_cate #bo_cate_on:after { background:var(--main-color); }

/* 페이지 리스트 */
.pg_wrap { display: block; float: none; clear: both; height: 30px; line-height: 30px; text-align:center; }
.pg_wrap > .pg > .pg_page { display:inline-block; margin:-9px 5px; padding:0; min-width: auto; height:30px; line-height:30px; background:#fff; border:0; border-radius:0; cursor: pointer; color: var(--grey-light-color); font-size: var(--f-14); }
.pg_wrap > .pg > .pg_current { display: inline-block; height: 30px; line-height: 30px; padding: 0px; min-width: auto; background: #fff; border: 0px; border-radius: 0px; font-weight: 300; color:var(--main-color); }
.pg_wrap > .pg > .pg_start, 
.pg_wrap > .pg > .pg_end { width:30px; height:30px; background:#555;  border:1px solid #555; color:#fff;  background-repeat:no-repeat; background-position:center center; }
.pg_wrap > .pg > .pg_prev, 
.pg_wrap > .pg > .pg_next { width:30px; height:30px; background:#fff; border:1px solid var(--border-color); color:#464646; background-repeat:no-repeat; background-position:center center; }
.pg_wrap > .pg > .pg_prev { margin-right:20px; }
.pg_wrap > .pg > .pg_next { margin-left:20px; }
.pg_wrap > .pg > .pg_start { background-image: url('./img/ico_start.png'); }
.pg_wrap > .pg > .pg_end   { background-image: url('./img/ico_end.png'); }
.pg_wrap > .pg > .pg_prev  { background-image: url('./img/ico_prev.png'); }
.pg_wrap > .pg > .pg_next  { background-image: url('./img/ico_next.png'); }

/* 게시판 목록 */
/* 체크박스 */
#gall_allchk {  }
.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; padding-bottom:0px; }
.chk_box input[type="checkbox"] + label { position:relative; padding-left:20px; color:var(--grey-light-color); vertical-align:baseline; }
.chk_box input[type="checkbox"] + label:hover{ color: var(--grey-dark-color); }
.chk_box input[type="checkbox"] + label span { display:block; position:absolute; top:5px; left:0px; width:15px; height:15px; background:#fff; border:1px solid var(--border-color); border-radius:0px; }
.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 { display:block; position:absolute; top:6px; left:0; width:15px; height:15px; margin:0; background:#fff; border:1px solid var(--border-color); border-radius:0px; z-index: 2; }
.chk_box input[type="checkbox"]:checked + label { color:var(--grey-dark-color); }
.chk_box input[type="checkbox"]:checked + label span { background:url('./img/chk.png') no-repeat 50% 50% var(--main-color); border-color: var(--border-color); border-radius: 0px; }
.all_chk.chk_box input[type="checkbox"] + label span { top: 6px; left:0; }

/* 리스트 */
#board { padding: 35px 20px; }
#board {  }
#board .d-none { display:none; }
#board .ico-comment { width:80px; height: 18px; padding-left:25px; margin-left:10px; background-image: url('./img/ico_cmt.png'); background-repeat:no-repeat; background-position:left bottom; }
#board .ico-reply { width:50px; padding-left:28px; background-image: url('./img/ico_reply.png'); background-repeat:no-repeat; background-position:left center; }
#board .ico-new { width:17px; height:17px; padding-left:25px; margin-left:10px; background-image: url('./img/ico_new.gif'); background-repeat:no-repeat; background-position:left center; }
#board .list-wrap table { width:100%; border-bottom:1px solid var(--border-color); text-align:center; border-spacing: 0; border-collapse: collapse; }
#board .list-wrap table thead tr { border-top:2px solid var(--grey-dark-color); }
#board .list-wrap table thead tr th,
#board .list-wrap table tbody tr td { height:60px; line-height:60px; }
#board .list-wrap table tbody tr { border-top:1px solid var(--border-color); }
#board .list-wrap table tbody tr td a { display:block; margin:0 0px; color: var(--grey-light-color); text-align:left; }
#board .list-wrap table tbody tr td .ca-name { display:inline-block; width:92px; height:40px; line-height:38px; border:1px solid var(--grey-light-color); border-radius: 50px; }
#board .list-wrap table tbody tr td .notice { color:var(--main-color); }
#board .list-wrap table tbody tr.bg-grey { background:var(--grey-background-color); }

/* 글없음 */
#board div.empty_list { display: block; width: 100%; padding:85px 0; text-align:center}


/* 게시판 검색 */
.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:0px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:var(--f-16)}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:var(--f-16);background:#fff}
.bo_sch_bg {background:var(--grey-dark-color);background:rgba(0,0,0,0.1);width:100%;height: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}

#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 var(--grey-dark-color) 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:var(--grey-color)}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:var(--grey-color);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_v {padding: 35px 20px;box-sizing:border-box}

#bo_v_title { display:flex; align-items: center; width:100%; height:83px; padding:0 30px; background:var(--grey-background-color); border-top:2px solid var(--grey-dark-color); color: var(--grey-dark-color); font-weight:700; }
#bo_v_title .bo_v_cate { display: inline-block; width: 92px; height: 40px; line-height: 38px; margin-right:20px;  border: 1px solid var(--grey-light-color); border-radius: 50px; font-weight: 400; letter-spacing: -0.03em; color: var(--grey-light-color); text-align:center; }
#bo_v_title .bo_v_tit {word-break:break-all}

#bo_v_info { margin:0; padding:15px 30px; border-bottom:1px solid var(--border-color); }
#bo_v_info:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_info .profile_info { display:inline-block; float:left; overflow:hidden; }
#bo_v_info .profile_info .pf_img { float:left; margin-right:10px }
#bo_v_info .profile_info .pf_img img { border-radius:50%; width:50px; height:50px }
#bo_v_info .profile_info .comment { float:right; width:calc(100% - 60px);padding:0 15px; }
#bo_v_info .profile_info .comment p { display:inline-block; padding:0 0px; }
#bo_v_info .profile_info .comment p.name { width:100%; color:var(--grey-light-color); font-weight:500;  }
#bo_v_info .profile_info .comment p.date { display:inline-block; padding:0 10px 0 0; }
#bo_v_info .profile_info .comment p.cmt-count,
#bo_v_info .profile_info .comment p.read-count { display:inline-block; position: relative; padding:0 10px; }
#bo_v_info .profile_info .comment p.cmt-count:before,
#bo_v_info .profile_info .comment p.read-count:before{ position:absolute; left:0; top:7px; content:""; width:1px; height:14px; background:var(--grey-light-color); }

#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:var(--grey-dark-color); }

/* 게시판 상단 버튼 */
#bo_v_top { position: relative; zoom:1; }
#bo_v_top:after { display:block; visibility:hidden; clear:both; content:""; }
#bo_v_top ul { padding:0; list-style:none; word-break:break-all; }
#bo_v_top .bo_v_com {margin:5px 0;float:right}
#bo_v_top .bo_v_com > li {position:relative;float:left;margin-left:5px}

/* 게시판 첨부파일 */
#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:15px 40px;position:relative;margin:10px 0;border-bottom:1px solid var(--border-color);}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:var(--grey-dark-color); }
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:var(--main-color); }
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {}
#bo_v_file li:hover { border-color:var(--border-color); color:var(--grey-light-color); }
#bo_v_file li:hover i {color:var(--main-color)}
#bo_v_file li:hover .bo_v_file_cnt {}

/* 게시판 링크 */
#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:15px 40px;position:relative;margin:10px 0;border-bottom:1px solid var(--border-color);}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2em;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:var(--grey-dark-color); }
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:var(--main-color); }
#bo_v_link .bo_v_link_cnt {}
#bo_v_link li:hover { border-color:var(--border-color); color:var(--grey-light-color); }
#bo_v_link li:hover i {color:var(--main-color)}
#bo_v_link li:hover .bo_v_link_cnt {}

/* 본문 */
#bo_v_atc {height:200px;min-height:200px;height:auto !important;padding:40px 0 0;}

/* 본문 첨부 이미지 */
#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; width:100%; line-height:1.7em; min-height:200px; word-break:break-all; overflow:hidden; }
#bo_v_con a { color:var(--grey-light-color); text-decoration:underline; }
#bo_v_con img { max-width:100%; height:auto; }

/* 추천, 비추천 */
#bo_v_act_wrap { display:flex; color:var(--grey-dark-color); padding:50px 0 40px; overflow:hidden; }
#bo_v_act { display:flex; width:268px; }
#bo_v_act .bo_v_good,
#bo_v_act .bo_v_nogood { display: inline-flex; justify-content: center; align-items: center; width:125px; height:50px; margin-right:10px; background:#fff; border:1px solid var(--border-color); color:var(--grey-dark-color); font-weight:500; }
#bo_v_act .bo_v_good i,
#bo_v_act .bo_v_nogood i { margin-right:10px; }
#bo_v_act .fa-thumbs-up { color:var(--main-color); }
#bo_v_act .fa-thumbs-down { color:var(--red-color); }

/* SNS 공유하기 */
#bo_v_share { display: flex; }
#bo_v_share > a { display: inline-block; width:50px; height:50px; line-height:50px; margin-left: 20px; margin-right:10px; border:1px solid var(--border-color); color:var(--grey-dark-color); text-align:center; }
#bo_v_sns { display: inline-flex; margin-left: 20px; }
#bo_v_sns > a { display: inline-flex; width:50px; height:50px; margin-right:10px; background-repeat:no-repeat; background-size:cover; background-position:center center;}

/* 게시판 버튼 수정, 삭제, 목록 */
#bo_v_btn { display: flex; margin-left: auto; text-align:right; }
#bo_v_btn > a { width:100px; }


/* 이전글, 다음글 */
.bo_v_nb { position:relative; clear:both; margin:0px 0 34px; text-align:left;}
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:"" }
.bo_v_nb li { border-top:1px solid var(--border-color); height:62px; line-height:62px; padding:0;}
.bo_v_nb li:last-child {border-bottom:1px solid var(--border-color);}
.bo_v_nb li:hover { background:var(--grey-background-color); }
.bo_v_nb li > a { margin-left: 42px; padding: 0 30px; color: var(--grey-dark-color); }
.bo_v_nb li .nb_tit { display: inline-block; position: relative; width: 132px; height: 62px; line-height: 62px; padding: 0 30px; font-weight: 500; }
.bo_v_nb li .nb_tit:after { position: absolute; top: 28px; right: 30px; content: ""; width: 13px; height: 8px; background-repeat: no-repeat; background-position: center center; }
.bo_v_nb li .nb_date { float:right; width: 120px; color: var(--grey-light-color); text-align: center; }
.bo_v_nb li.btn_prev .nb_tit:after { background-image: url('./img/ico_move_arrow.png'); }
.bo_v_nb li.btn_next .nb_tit:after { background-image: url('./img/ico_move_arrow.png'); transform: rotate(180deg); }

/* 게시판 댓글 */
.cmt_btn { position: relative; width: 100%; height: 62px; line-height: 62px; background: #fff; border:0px; border-bottom: 2px solid var(--grey-dark-color); font-weight: 700; color: var(--grey-dark-color); text-align: left; }
.cmt_btn span { color: var(--main-color); margin-left: 5px; }
.cmt_btn span.cmt_more { float:right; display:inline-block; position: absolute; width: 23px; height: 14px; background-image: url('./img/ico_comment_arrow.png'); right: 20px; top: 20px; }
.cmt_btn span.cmt_more.on { -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.2s; }

/* 작성자 클릭 사이드 메뉴 */
.sv_wrap .sv { font-size: 14px; width: 100px; background: var(--main-color); }
.sv_wrap .sv::before { border-color: transparent transparent var(--main-color) transparent; }
.sv_wrap .sv a { width: 100%; padding: 0 10px; border-bottom:1px solid #61b0f9; color:#fff !important; font-size: 12px; }
.sv_wrap .sv a:hover { background: var(--main-hover-color); }
.sv_on { top: 0; }

/* 댓글 */
#bo_vc {}
#bo_vc article { position:relative; padding:20px 0; border-bottom:1px solid var(--border-color); }
#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:20px}
#bo_vc article .pf_img img { border-radius:50%; width:60px; height:60px; }
#bo_vc article .cm_wrap { float:left; /*max-width:870px;*/ width:90%; padding-top: 5px; }
#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 { margin-right:10px; }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight:500; }
#bo_vc .sv_member { color: var(--grey-dark-color); }
#bo_vc .bo_vc_hdinfo { color:var(--grey-light-color); }
#bo_vc .cmt_contents { line-height:30px; padding:0 0 0px }
#bo_vc p a { text-decoration:underline; }
#bo_vc_empty { margin:0; padding:80px 0 !important; color:var(--grey-light-color); text-align:center; }
#bo_vc .bo_vl_opt { position:absolute; top:20px; right:0; }

/* 댓글 버튼 영역 */
.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:62px;text-align:center;border:1px solid var(--border-color);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 var(--border-color) 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 var(--border-color); }
.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:var(--main-color)}

/* 댓글 쓰기 */
.bo_vc_w {position:relative;margin:0px 0;display:block}
.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:10px 20px; border:1px solid var(--border-color); background:#fff; color: var(--grey-light-color); vertical-align:middle; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

/* 댓글 옵션 */
.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:15px }
.bo_vc_w_info #captcha { display:block; clear:both; padding-top:10px; }
.bo_vc_w .btn_confirm { clear:both; margin-top:10px; margin-right:-5px; margin-left:-5px;}
.bo_vc_w .btn_confirm .btn { width:100px; }
.bo_vc_w_wr:after { display:block; visibility:hidden; clear:both; content:""; }
.secret_cm { float:left; display:inline-block; height: 50px; line-height: 50px; }

/* 댓글 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 15px 0 0}
#bo_vc_sns .sns_li_f {border-radius:0px;background:#3a589b;height:50px;line-height:50px;padding:0 0 0 15px;}
#bo_vc_sns .sns_li_t {border-radius:0px;background:#00aced;height:50px;line-height:50px;padding:0 0 0 15px;}
#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: -3px 5px 0 0;}
#twitter_icon { position: relative; margin-top: -3px; }

/*글쓰기*/
#bo_w { overflow: hidden; }
#bo_w .bo_v_option li { display:inline-block; float:left; text-align:left; margin:5px 5px 0 0; height: 40px; }
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-left:0; margin-right:5px} 
#bo_w .write_div { margin:10px 0; position:relative }

#bo_w .bo_w_info:after { display:block; visibility:hidden; clear:both; content:""}
#bo_w .bo_w_info .frm_input { float:left; margin-bottom:1% }
#bo_w #wr_password, #bo_w #wr_homepage { margin-left:1% }
#bo_w .wr_content.smarteditor2 iframe { background:#fff }
#bo_w .bo_w_tit { position:relative }
#bo_w .bo_w_tit .frm_input { padding-right:120px }
#bo_w .bo_w_tit #btn_autosave { position:absolute; top:10px; right:15px; line-height:30px; height:30px; background: var(--grey-dark-color); }
#bo_w .bo_w_link .frm_input { padding-left:50px }
#bo_w .bo_w_flie .file_del { top:10px; right:10px; color:var(--grey-light-color); }
#bo_w .btn_confirm { display: flex; width:320px; margin: 60px auto 40px; }
#bo_w .btn_confirm > .btn { display:inline-block; width:156px; padding:0 20px; }