@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:0.75rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* gallery */
#bo_gallery .chk-box {
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:2;
}
#bo_gallery .wr-now {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.75);
	z-index:1;
}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	min-height:200px; 
	word-break:break-all;
	overflow:hidden
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con { 
		min-height:140px; 
	}
}

#bo_v_con img {
	max-width:100%;
	height:auto
}
#bo_v_img {
	width:100%;
	text-align:center;
	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:1.0rem;
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon { 
	margin:-5px auto; 
}
#bo_v_sns_icon img { 
	width:40px; 
	border-radius:50%; 
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer { 
	background:#fbefef !important;
	border-top:1px solid #f6cece !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul { 
	list-style: none; 
	margin: 0; 
}
.cmt-btn ul > li { 
	float: left; 
	font-size:12px;
	padding: 0 10px; 
}
.cmt-btn ul > li::before { 
	float: left; 
	color:#ccc; 
	content: "|"; 
	margin-left:-12px;
}
.cmt-btn ul > li:last-child { 
	padding-right:0;
}
.cmt-btn ul > li:first-child::before, 
.cmt-btn ul > li.no-bar::before { 
	content: ""; 
	margin-left:0; 
}
.cmt-btn ul > li > a { 
	float:left;
	color:#888;
	white-space:nowrap;	
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content { 
	resize:none; 
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {	
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
	background:#ccc;
	border-radius:3px;
}
#bo_vc_opt ol:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_opt ol li { 
	float:left;
	margin:0; 
}
#bo_vc_send_sns ul { 
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
}
#bo_vc_send_sns ul:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_send_sns ul li {	
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {	
	margin:0 0 0 0.5rem;
}

/* 게시판 쓰기 */
#bo_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content { 
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {}
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px}
#bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
.gall_row .col-gn-0,.latest_row .col-gn-1 {width:100%}
.gall_row .col-gn-2 {width:50%}
.gall_row .col-gn-3 {width:33.33333333%}
.gall_row .col-gn-4 {width:25%}
.gall_row .col-gn-5 {width:20%}
.gall_row .col-gn-6 {width:16.66666667%}
.gall_row .col-gn-7 {width:14.28571428%}
.gall_row .col-gn-8 {width:12.5%}
.gall_row .col-gn-9 {width:11.11111111%}
.gall_row .col-gn-10 {width:10%}

.gall_row .box_clear {clear:both}

#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_img {border-bottom:1px solid #eee;text-align:center;max-height:200px;overflow:hidden}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img img {max-width:100%;height:auto !important}
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;line-height:200px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {margin:10px 0}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em}
#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_gall .bo_cnt {color:#acacac;line-height:18px}
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

#bo_gall .gall_info {line-height:1.5em;line-height:20px}
#bo_gall .gall_info strong {display:inline-block;margin:0}
#bo_gall .gall_info i {font-size:12px}
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}

#bo_gall .gall_option {position:absolute;top:170px;left:10px}
#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-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)}

/* ****************************************************************************************** *
 * GNUWIZ / wizwic custom
 * gallery.css
 * ****************************************************************************************** */

/* 게시판 공통 */ 
#bo_gall, #container_title, #bo_v, #bo_w{width:100%;}

/* 검색버튼 */
.bo_sch_bg{background:rgba(0, 0, 0, .3);}
.bo_sch{margin-left:inherit; margin-top:inherit; transform:translate(-50%, -50%); border:0;} 
.bo_sch select{padding:0 10px;}
.bo_sch select, .bo_sch .sch_bar{box-shadow:none;}
.bo_sch h3, .bo_sch .bo_sch_cls{top:4px; background:#3e4046; color:#fff;}
.bo_sch h3{text-align:center; font-weight:400; border-bottom:0;}
.bo_sch .sch_input{width:calc(100% - 40px)}
.bo_sch .sch_bar > input{padding:0 10px; border:1px solid #fff;}

/* 공지, 새글 아이콘, 코멘트 수, 인기글 아이콘 */
#bo_gall .bo_tit .new_icon, 
#bo_gall .bo_tit .fa-lock, 
#bo_gall .bo_tit .fa-download, 
#bo_gall .bo_tit .fa-link, 
#bo_gall .bo_tit .fa-heart{margin-left:4px; height:16px;}

#bo_gall .bo_tit .new_icon, 
#bo_gall .bo_tit .fa-download, 
#bo_gall .bo_tit .fa-link,
#bo_gall .bo_tit .fa-heart {background-color:#acafb9; color:#fff;}

#bo_gall .bo_tit .new_icon{margin-left:4px; font-size:11px;}
#bo_gall .bo_tit .fa-lock{display:inline-block; width:16px; margin-right:4px; margin-top:1px; line-height:18px; background-color:#646873; color:#fff; font-size:13px;
	border:0; vertical-align:middle;}
#bo_gall .bo_tit .fa-download{font-size:10px;}
#bo_gall .bo_tit .fa-heart{width:16px; line-height:16px; font-size:8px; text-align:center; border-radius:2px;}
#bo_gall .bo_tit .cnt_cmt{padding:0 4px; line-height:16px; background-color:inherit; font-weight:600; font-size:14px; color:#646873;}
#bo_gall .bo_tit .fa-link{font-size:10px}
#bo_gall i.fa-pencil{display:none;}

/* ****************************************************************************************** *
 * gallery - list 게시판 리스트
 * ****************************************************************************************** */
/* 갤러리 심플 게시물 없을 때 */
#gw_gl_s li.gw_gl_empty{width:calc(100% - 20px); margin:0 auto; padding:60px 0; border-top:1px solid #eef1f5; border-bottom:1px solid #eef1f5; text-align:center;
	-webkit-transition:background .3s; transition:background .3s; }
#gw_gl_s li.gw_gl_empty:hover{background:#fafafa;}

/* GNUWIZ gallery simple */
.gw_gl_s_box{margin-bottom:10px;}
#gw_gl_s{margin:0 -10px; padding:0; }
#gw_gl_s:after{content:""; display:block; clear:both;}
#gw_gl_s .box{position:relative; margin-bottom:20px; cursor:pointer;}
#gw_gl_s .con{position:relative;}
#gw_gl_s .con > .img{/*min-height:200px;*/ background-color:#fafafa; overflow:hidden; overflow:hidden; position:relative;}
#gw_gl_s .con > .img .no_thumb{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:calc(100% - 16px);
	text-align:center; color:#d1d3d8; -webkit-t ransition:all 1s; transition:all 1s;}
#gw_gl_s .con > .img .no_thumb i{font-size:52px;}
#gw_gl_s .con > .img .no_thumb span{display:block;}
#gw_gl_s .con > .img img{width:100%;-webkit-transition:all 1s; transition:all 1s;}
#gw_gl_s .con > .txt{padding:20px 24px;}
#gw_gl_s .title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3.2em; text-overflow:ellipsis; line-height:1.33; font-weight:600; overflow:hidden;}
#gw_gl_s .info {padding:8px 0 24px;}
#gw_gl_s .info .date{color:#868992;}
#gw_gl_s .info .profile_img img{display:none;}
#gw_gl_s .bo_tit{display:inline; color:#646873; font-size:15px; line-height:1.33; vertical-align:middle;}
#gw_gl_s .bo_tit > span{display:inline; vertical-align:middle;}
#gw_gl_s .subs{display:block; padding:5px 0 20px; color:#8c8d90; font-size:14px;}
#gw_gl_s .more_btn{display:inline-block; padding:4px 24px; border:1px solid #646873; border-radius:13px; font-size:12px; -webkit-transition:all .3s; transition:all .3s;}
#gw_gl_s .more_btn:hover{background:#646873; color:#fff;}

/* 갤러리 심플 hover */
#gw_gl_s li:hover .img img{webkit-transform:scale(1.05); transform:scale(1.05);}
#gw_gl_s li:hover .img .no_thumb{color:#acafb9;}


/* 갤러리 심플 전체 선택 */
#gall_allchk{height:60px; margin-bottom:20px; line-height:60px; border-top:1px solid #eef1f5; border-bottom:2px solid #eef1f5;
	-webkit-transition:background .3s; transition:background .3s;}
#gall_allchk:hover{background:#fafafa;}
.chk_box input[type="checkbox"] + label:hover{color:inherit;}
.all_chk.chk_box input[type="checkbox"] + label span{top:2px;}

/* 갤러리 심플 체크박스 */
#gw_gl_s .chk_box{position:absolute; top:2px; left:2px; z-index:99;}
#gw_gl_s .chk_box input[type="checkbox"] + label span{position:static; top:unset; left:unset;}
#gw_gl_s .chk_box input[type="checkbox"] + label{padding-left:0;}

/* 게시판의 출력 카테고리 */
#bo_gall #gw_gl_s .bo_cate_link{float:none; display:inline; margin-right:4px; padding:1px 8px; background:#fff; color:#646873; font-size:12px; 
	vertical-align:text-bottom; border-radius:0; border:1px solid #96989c;}

/* pagination - default.css */
nav.pg_wrap{float:none; display:inherit; padding-bottom:100px; text-align:center;}

/* 열람중 */
.bo_current{color:#646873; font-weight:600;}


.phantom_slide_hover { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(51,70,103, 0.4); color:#fff; display:flex; opacity:0; align-items: center; flex-direction: column; justify-content: center; transition: 0.3s linear all; font-size:16px; border-radius:10px}
.phantom_slide_hover:hover { opacity:1; transition: 0.3s linear all; border-radius:0px}
.phantom_slide_hover b { font-size:12px; font-weight:400; margin:2px 0;} 

/* 반응형 1200px 이하 작동 */
@media (max-width:1200px) {
.phantom_slide_hover { padding:0 20px; }
}

#bo_cate {margin:0 0 25px 0; text-align:center}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:5px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;background:#F6F6F6;border:1px solid #F6F6F6;color:#787878}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#AF2634;color:#fff;border:1px solid #AF2634;}
#bo_cate #bo_cate_on {z-index:2;background:#AF2634;color:#fff;font-weight:bold;border:1px solid #AF2634;}

/* ****************************************************************************************** *
 * 1023px
 * ****************************************************************************************** */


/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

#bo_cate {margin:0 0 25px 0; text-align:left}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:5px}
#bo_cate a {display:block;line-height:28px;padding:10px 25px;border-radius:30px;background:#fff;border:1px solid #DEDEDE;color:#000;font-size:20px;font-weight:600}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#AF2634;color:#fff;border:1px solid #AF2634;}
#bo_cate #bo_cate_on {z-index:2;background:#AF2634;color:#fff;font-weight:bold;border:1px solid #AF2634;}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:5px;*padding-left:0;padding-right:5px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}

#gw_gl_s .box{margin-bottom:10px;}
#gw_gl_s .con > .img{border-radius:5px}

	.gall_row .col-gn-3, 
	.gall_row .col-gn-4{width:50%;}

}
/* 768px end */