@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; z-index: 10; }

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

.case-wr { width: 1200px; margin: auto; }

#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; width: 1200px; margin: auto; }

#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; -webkit-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; height: 60px; }

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

@-webkit-keyframes arr { from { left: 20%;
    opacity: 1; }
  50% { left: 48%;
    opacity: 1; }
  to { left: 80%;
    opacity: 0; } }

@keyframes arr { from { left: 20%;
    opacity: 1; }
  50% { left: 48%;
    opacity: 1; }
  to { left: 80%;
    opacity: 0; } }

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

#bo_v_atc:after { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 20%; left: 20%; font-size: 120px; color: #fff; opacity: 0; -webkit-animation: 2s ease 1s arr forwards; animation: 2s ease 1s arr forwards; }

#bo_v_atc strong.title { display: block; font-size: 16px; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; font-weight: normal; line-height: 1em; padding: 1.5em 0; border-top: 1px solid #4c4c4c; }

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

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

#bo_v_img { width: 100%; display: table; table-layout: fixed; position: relative; }

#bo_v_img .tb-cell { display: table-cell; opacity: 0; -webkit-animation: 1.2s linear 0.7s fadeIn forwards; animation: 1.2s linear 0.7s fadeIn forwards; }

#bo_v_img .tb-cell:nth-of-type(3) { -webkit-animation-delay: 1s; animation-delay: 1s; }

#bo_v_img .tb-cell .img { display: block; position: relative; overflow: hidden; }

#bo_v_img .tb-cell .img a.guest { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.93); 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; font-size: 16px; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#bo_v_img .tb-cell .img a.guest i { display: block; font-size: 30px; }

#bo_v_img .tb-cell:not(.before) .img.guest img { -webkit-filter: blur(5px); filter: blur(5px); }

#bo_v_img .tb-cell.before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

#bo_v_img .tb-cell.before a.guest { display: none; }

#bo_v_img .tb-cell p { font-size: 12px; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; border-right: 1px solid #4c4c4c; line-height: 1em; padding: 2em 0; }

#bo_v_img .tb-cell:last-child p { border-right: 1px solid rgba(0, 0, 0, 0.8); }

#bo_v_img img { max-width: 100%; height: auto; width: 100%; }

#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; width: calc(100% + 20px); margin-left: -10px; }

.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 10px; margin-bottom: 100px; 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 { overflow: hidden; position: relative; 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 a { display: block; position: relative; }

.ist-table.card .card-list .card-wr a.guest::after { content: '\f023'; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.93); 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 24px; text-align: center; }

.ist-table.card .card-list .card-wr .img-wr { display: table; table-layout: fixed; width: 100%; }

.ist-table.card .card-list .card-wr .img-wr a { display: table-cell; }

.ist-table.card .card-list .card-wr .img-wr img { width: 100%; }

.ist-table.card .card-list .card-wr .img-wr.img-3 a:first-child { width: 33.3%; }

.ist-table.card .card-list .card-wr .img-wr.img-3 a:last-child img { width: 50%; }

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

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

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

/* =============== WRITE =============== */
#bo_w .bo_w_tit.write_div { padding: 30px 0; }

#bo_w .bo_w_flie { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

#bo_w .bo_w_flie dl { width: 50%; }

#bo_w .bo_w_flie dl:first-child { padding-right: 1%; }

#bo_w .bo_w_flie dl:last-child { padding-left: 1%; }

#bo_w .bo_w_flie .frm_file { height: 32px; }

#bo_w .bo_w_flie .file_del { display: block; margin-top: 3px; position: initial; top: auto; left: auto; }

#bo_w .bo_w_flie .file_del label { margin-bottom: 0; }

#bo_w .bo_w_file.hide { overflow: hidden; height: 0; margin-bottom: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

/* =============== 1230 =============== */
@media screen and (max-width: 1230px) { .case-wr { width: 100%; }
  #bo_v_top ul { overflow: hidden; height: 0; } }

@-webkit-keyframes arr_down { from { top: 5%;
    opacity: 1; }
  50% { top: 40%;
    opacity: 1; }
  to { top: 80%;
    opacity: 0; } }

@keyframes arr_down { from { top: 5%;
    opacity: 1; }
  50% { top: 40%;
    opacity: 1; }
  to { top: 80%;
    opacity: 0; } }

/* =============== 780 =============== */
@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; }
  .ist-table.card .card-list > ul .gall_li { margin-bottom: 50px; }
  #bo_v { padding-bottom: 0; }
  #bo_v_atc { margin-top: 20px; }
  #bo_v_atc strong.title, #bo_v_img .tb-cell p { padding: 1em 0; }
  #bo_v_img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #bo_v_atc:after { left: calc(50% - 0.5em); width: 1em; text-align: center; top: 5%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 100px; -webkit-animation: 2s ease 1s arr_down forwards; animation: 2s ease 1s arr_down forwards; } }

/* =============== 570 =============== */
@media screen and (max-width: 480px) { .ist-table.card .card-list > ul .gall_li { width: 100% !important; margin-bottom: 30px; }
  #bo_v_atc { margin-top: 0; }
  #bo_v_atc strong.title { font-size: 14px; }
  .ist-table.card .card-list .card-wr .post-info .title { font-size: 16px; }
  #bo_v_atc:after { font-size: 70px; } }