@charset "UTF-8";
/* 게시판 목록 */
#bo_list { position: relative; margin-bottom: 20px; }

#bo_list:after { display: block; visibility: hidden; clear: both; content: ""; }

/* #bo_list tbody tr:hover {border-left:2px solid #253dbe} */
/* 게시판 목록 공통 */
.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: #2172f8; }

.chk_box input[type="checkbox"] + label span { width: 15px; height: 15px; display: inline-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% #3a8afd; border-color: #1471f6; border-radius: 3px; }

#bo_btn_top { -webkit-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; height: 33px; }

/* 게시판 쓰기 */
#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); 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; }

/* =============== VIEW =============== */
#bo_v { margin-bottom: 20px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.view-wr { border: 1px solid #ddd; border-radius: 10px; padding: 20px; }

#bo_v_table { position: absolute; top: 0; right: 16px; margin: 0; padding: 0 5px; height: 25px; background: #ff3061; color: #fff; font-weight: bold; line-height: 2.2em; }

#bo_v_title .bo_v_cate { display: inline-block; line-height: 20px; background: #e2eaf6; color: #3a8afd; padding: 0 10px; border-radius: 3px; }

#bo_v_title .bo_v_tit { display: block; font-size: 24px; margin: 0 0 20px; word-break: break-all; font-weight: 500; }

#bo_v_info { margin: 0; border-bottom: 1px solid #f1f1f1; color: #666; }

#bo_v_info:after { display: block; visibility: hidden; clear: both; content: ""; }

#bo_v_info h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#bo_v_info .profile_info { margin: 0 0 10px; }

#bo_v_info .profile_info .pf_img { margin-right: 10px; }

#bo_v_info .profile_info .pf_img img { border-radius: 50%; width: 50px; height: 50px; }

#bo_v_info .profile_info .profile_info_ct { padding: 5px 0; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#bo_v_info .profile_info .profile_info_ct .v-name { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }

#bo_v_info strong { display: inline-block; margin: 0 15px 0 0; font-weight: normal; }

#bo_v_info strong i { margin-right: 5px; }

#bo_v_info .fa-commenting-o { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest { font-weight: bold; }

#bo_v_info .profile_img { display: none; }

#bo_v_info .sv_member { color: #000; }

#bo_v_info .if_date { margin: 0; color: #888; }

#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; position: relative; margin: 10px 0; border: 1px solid #dfdfdf; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#bo_v_file li i { color: #b2b2b2; font-size: 2.35em; margin-right: 20px; }

#bo_v_file a { display: block; text-decoration: none; word-wrap: break-word; color: #000; }

#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 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; position: relative; margin: 10px 0; border: 1px solid #dfdfdf; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#bo_v_link li i { color: #b2b2b2; font-size: 2.35em; margin-right: 20px; }

#bo_v_link a { display: block; 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 { zoom: 1; }

#bo_v_top:after { display: block; visibility: hidden; clear: both; content: ""; }

#bo_v_top h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#bo_v_top ul { padding: 0; list-style: none; word-break: break-all; background: #fff; }

#bo_v_bot { zoom: 1; }

#bo_v_bot:after { display: block; visibility: hidden; clear: both; content: ""; }

#bo_v_bot h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

#bo_v_bot ul { padding: 0; list-style: none; }

#bo_v_atc { min-height: 200px; height: auto !important; padding-top: 40px; }

#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 img { margin-bottom: 20px; max-width: 100%; height: auto; }

#bo_v_con { margin: 30px 0; 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; }

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

/* =============== LIST =============== */
.ist-table.card .card-list > ul { overflow: hidden; }

.ist-table.card .card-list .cols-2 .gall_li { width: calc(100% / 2); }

.ist-table.card .card-list .cols-3 .gall_li { width: calc(100% / 3); }

.ist-table.card .card-list .cols-4 .gall_li { width: calc(100% / 4); }

.ist-table.card .card-list .cols-5 .gall_li { width: calc(100% / 5); }

.ist-table.card .card-list .cols-6 .gall_li { width: calc(100% / 6); }

.ist-table.card .card-list .cols-7 .gall_li { width: calc(100% / 7); }

.ist-table.card .card-list .cols-8 .gall_li { width: calc(100% / 8); }

.ist-table.card .card-list .cols-9 .gall_li { width: calc(100% / 9); }

.ist-table.card .card-list .cols-10 .gall_li { width: calc(100% / 10); }

.ist-table.card .card-list .gall_li { float: left; padding: 0 1%; margin-bottom: 30px; position: relative; }

.ist-table.card .card-list .chk_box { position: absolute; top: 8px; left: calc(3% + 10px); }

.ist-table.card .card-list .gall_li.box_clear { clear: both; }

.ist-table.card .card-list .card-wr { display: block; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); }

.ist-table.card .card-list .card-wr .no_image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #777; color: #fff; font-size: 16px; }

.ist-table.card .card-list .card-wr .post-info { padding: 15px; color: #777; }

.ist-table.card .card-list .card-wr .post-info .title { font-weight: 500; font-size: 18px; padding: 0.5em 0 1em; display: block; overflow: hidden; line-height: 1em; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color: #000; }

.ist-table.card .card-list .card-wr .post-info ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ist-table.card .card-list .card-wr .post-info ul .i-name { max-width: 45%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.ist-table.card .card-list .card-wr .post-info ul .i-reply i { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.ist-table.card .card-list .card-wr .post-info ul .i-name i { color: #999; }

.ist-table.card .card-list .card-wr .post-info ul .i-date i { color: #999; }

.ist-table.card .card-list .thumb { width: 100%; height: auto; }

/* =============== 1230 =============== */
/* =============== 768 =============== */
@media screen and (max-width: 768px) { #bo_btn_top { height: 0; overflow: hidden; }
  .ist-table.card .card-list .cols-3 .gall_li { width: calc(100% / 2); }
  .ist-table.card .card-list .cols-4 .gall_li { width: calc(100% / 3); }
  .ist-table.card .card-list .gall_li.box_clear { clear: inherit; }
  .ist-table.card .card-list .card-wr .no_image { font-size: 3.5vw; }
  .ist-table.card .card-list > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

/* =============== 480 =============== */
@media screen and (max-width: 480px) { .ist-table.card .card-list .cols-3 .gall_li { width: 100%; } }