@charset "utf-8";

/* 갤러리 공통 */
.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: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}

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

.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{display:grid;row-gap:10px;}
#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 {display:grid;grid-template-columns:repeat(6, 1fr);grid-auto-rows:minmax(30px, auto);column-gap:1%;row-gap:0.8rem;}
#bo_gall #gall_ul:after {display:none;visibility:hidden;clear:both;content:""}

#bo_cate{position:sticky;top:37px;z-index:1;}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display:flex;justify-content:space-between;max-width:1024px;margin:0 auto;border-top:0;border-left:0;border-right:0;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {line-height:30px;width:100%;text-align:center;}
#bo_cate a {display:block;line-height:36px;font-weight:500;font-size:0.875rem;}
#bo_cate #bo_cate_on {margin-bottom:-1px;border-bottom:1px solid red;color:red;}
#bo_cate #bo_cate_on:after {content:"";}
.bg_lazy{display:none;}

#bo_gall .gall_li_wr {position:relative;}
#bo_gall .gall_li_chk {display:inline-block;position:absolute;top:10px;left:10px}
#bo_gall .gall_li{width:100%;}
#bo_gall .gall_li .gall_img img, #bo_gall .gall_li .gall_img video{width:100%;height:auto}
#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_li .gall_img{height:0px;padding-bottom:140%;background-color:#eee;background-size:cover;background-position:center;margin-bottom:7px;position:relative;border-radius:5px;}
#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 {font-size:0.875rem;font-weight:500;}
#bo_gall .bo_sbjt{font-size:0.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
#bo_gall .bo_cnt{line-height:18px;display:block;padding:10px 0;font-size:12px;color:#666;}

#bo_gall .bo_gall_bane{margin:-18px 0;width:100%;grid-column:1 / span 6;}
#bo_gall .bo_gall_bane img{width:100%;}

@media(min-width:768px) and (max-width:1023px){
#bo_gall #gall_ul{display:grid;grid-template-columns:repeat(5, 1fr);column-gap:1.5%;}
#gall_ul > li:nth-child(6){display:none;}
#bo_gall .bo_gall_bane{margin:-15px 0;width:100%;grid-column:1 / span 5;}
}
@media(min-width:0px) and (max-width:767px){
#bo_gall #gall_ul {display:grid;grid-template-columns:repeat(3, 1fr);column-gap:2.5%;}
#bo_gall .bo_gall_bane{margin:-15px 0 0;width:100%;grid-column:1 / span 3;}
}


/* 게시판 읽기 */
#view_hd {display:block;height:59px;}
#view_hd2 {position:absolute;top:-160px;}
.story_synop{margin:0;overflow:hidden;color:#000;}
.bo_menu_bin{position:fixed;left:0;right:0;background:#252525;color:#fff;padding:0 10px;z-index:9;}
#bo_top_menu{top:0;}
#bo_top_menu img{width:40px}
#bo_bottom_menu{bottom:0;height:50px;}
#bo_top_menu .left_area{float:left;height:60px;width:calc(100% - 24%);display:flex;align-items:center;font-size:1rem;cursor:pointer;}
#bo_top_menu .right_area{float:right;height:60px;display:flex;align-items:center;margin-right:10px;cursor:pointer;}
#bo_bottom_menu .center_area{width:100%;max-width:720px;margin:0 auto;height:100%;font-size:1.56rem;display:flex;align-items:center;}
#bo_bottom_menu .center_area div{width:25%;height:100%;display:grid;grid-template-rows:1fr 1fr;align-content:center;text-align:center;letter-spacing:-0.3px;border-right:1px solid #5b5959;cursor:pointer;}
#bo_bottom_menu .center_area .n_img{display:block;}
#bo_bottom_menu .center_area .n_img img{height:14px;margin-top:3px;}
#bo_bottom_menu #list .n_list{display:block;height:22px;}
#bo_bottom_menu #list .n_list img{height:100%;margin-top:3px;}
#bo_bottom_menu > div > div:nth-child(4){border-right:0;}
#bo_bottom_menu .center_area div span{font-size:0.85rem;width:100%;}
#bo_bottom_menu .center_area div i{width:100%;}
#bo_bottom_menu #list i{font-size:0.7em;}

#bo_v {padding:0;max-width:720px;margin:0 auto;}
#bo_v>header {padding:0 15px;border-bottom:1px solid #eee}

#bo_v_info {padding:15px 0;color:#8e8e8e;line-height:20px;position:absolute;top:-50px;}
#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_atc {min-height:200px;}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_atc .bo_v_tag{display:flex !important;flex-wrap:wrap;margin:0;padding:70px 40px 20px;font-size:0.86rem;list-style-type:none;}
#bo_v_atc .bo_v_tag li{margin:0 5px;}
#bo_v_atc .black{display:block;background:#000;color:#fff;}
#bo_v_atc .white{display:block;background:#fff;color:#333;}

#bo_v_con {min-height:200px;width:100%;text-align:center;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden;border-bottom:1px solid #333;}
#bo_v_con img{height:100%;width:100%;}
#bo_v_con .max_img{max-width:720px;}
#bo_v_con .min_img{max-width:100%;}
#bo_v_con .next{width:100%;max-width:720px;margin:0 auto;}
#bo_v_con .next a{text-decoration:none;}
#bo_v_con .next p{font-size:1rem;color:#ff0000;font-weight:bold;padding:10px 0 5px;margin:10px 0;}
#bo_v_con > div > p:nth-child(2){width:160px;background:#ff0000;margin:0 auto;height:36px;line-height:18px;}
#bo_v_con > div > p:nth-child(2) a{color:#fff;}
#bo_v_con .next_menu{height:50px;width:calc(100% - 20%);margin:0 auto 180px;display:flex;justify-content:center;align-items:center;background:#ff0000;color:#fff;font-size:1.2rem;font-weight:bold;position:relative;}
#bo_v_con .next_menu i{position:absolute;right:20px;}
#bo_v_con .next_info{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:5px;padding:10px;display:flex;width:calc(100% - 80px);margin:0 auto;}
#bo_v_con .next_info_img{width:calc(100% - 20%);flex:1 0;}
#bo_v_con .next_info_img img{border-radius:6px;}
#bo_v_con .next_info_txt{display:flex;flex-wrap:wrap;align-content:center;width:100%;border:1px solid #ccc;border-radius:6px;padding:0 10px;margin-left:6px;flex:1 0;}
#bo_v_con .next_info_txt strong{font-size:0.96rem;font-weight:500;}
#bo_v_con .next_info_txt div{width:100%;text-align:left;padding-left:20px;font-size:0.76rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word;max-height:36px;line-height:18px;letter-spacing:-0.4px;font-weight:500;}

/*작가의 다른작품부분*/
#bo_v_con .episodeInfo{width:100%;max-width:1024px;overflow:hidden;display:grid;gap:16px;padding:20px 10px;margin-top:60px;}
#bo_v_con .episode_txt{position:relative;font-size:0.85rem;padding:0 10px;}
#bo_v_con .episode_txt .ep{position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left;}
#bo_v_con .episode_txt .ep_tit{font-size:1.45rem;font-weight:bold;margin-bottom:5px;}
#bo_v_con .episode_txt .ep_author{}
#bo_v_con .episode_txt .ep_author span{margin-right:5px;}
#bo_v_con .episode_txt hr{background:#E3E3E3;height:1px;width:100%;display:block;border:none;margin:10px 0;}
#bo_v_con .episode_txt .ep_explanation{display:flex;overflow:hidden;position:relative;line-height:1.14rem;text-align:justify;margin-bottom:20px;}
#bo_v_con .episode_txt .ep_tag{margin-right:8px;text-align:justify;}
#bo_v_con .episode_txt .ep_tag span{margin-right:8px;display:inline-block;}
#bo_v_con .episode_txt .ep_tag a{color:#999;}
#bo_v_con .ep_nxt{display:block;width:96%;margin:0 auto;padding:8px 0;border-radius:3px;background:#ff0000;font-weight:600;color:#fff;text-decoration:none;}
		
.margintop30{margin-top:30px;}
@media(min-width:560px) and (max-width:1920px){
#bo_v_con .next_info{padding:16px;}
#bo_v_con .next_info_txt{margin-left:12px;}
}
@media(min-width:0px) and (max-width:559px){
#bo_v_con .next_menu{height:40px;width:calc(100% - 10%);}
#bo_v_con .next_info{width:calc(100% - 10px);}
#bo_v_atc .bo_v_tag{padding:70px 10px 20px;}
}