@charset "utf-8";
/*html, body { overflow:hidden; }*/

#contents .sub-top-area { position:fixed; top:0; }
#bo_list { position:relative; margin-top:100vh; background-color:#fff; }


.view .sub01-08-top-view .txtbox h3 { font-size:1.5rem; }
.view .sub01-08-top-view .txtbox h2 { font-size:2.8125rem; font-family:'Noto Serif KR', serif; font-weight:500; word-break:keep-all; }

.view .sub01-08-top-view .bo_info { margin-top:2.5rem; color:#fff; z-index:1; opacity:0.5; }

@media (max-width:799px) {
	.view .sub01-08-top-view .txtbox { left:0 !important; right:0; padding:0 15px; }
}

/* 분류 */
#bo_cate ul { display:flex; margin:0 auto 5rem; justify-content:center; }
#bo_cate li { display:inline-block; width:auto; margin:0 7px; text-align:center; }
#bo_cate a { position:relative; display:block; padding:3px 18px 2px; border:1px solid #bebebe; color:#888; font-size:1.312rem; border-radius:2rem; }
#bo_cate #bo_cate_on { background-color:#7c94c4; color:#fff; }

/* 갤러리 목록 */
#gall_ul { display:flex; flex-wrap:wrap; margin:0 -1.875rem -4.375rem; }
#bo_gall #gall_ul:after { display:block; visibility:hidden; clear:both; content:""; }
#bo_gall .gall_box { position:relative; }
#bo_gall .gall_con { position:relative; }

.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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; }
.gall_row .col-gn-0, .gall_row .col-gn-1 { width:100%; margin:0 0 4.375rem; }
.gall_row .col-gn-2 { width:calc(50% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-3 { width:calc(33.33333333% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-4 { width:calc(25% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-5 { width:calc(20% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-6 { width:calc(16.66666667% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-7 { width:calc(14.28571428% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-8 { width:calc(12.5% - 3.75rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-9 { width:calc(11.11111111% - 1.625rem); margin:0 1.875rem 4.375rem; }
.gall_row .col-gn-10 { width:calc(10% - 3.75rem); margin:0 1.875rem 4.375rem; }

.gall_row .box_clear { clear:both; }

#bo_gall .gall_img a, #bo_gall .gall_img .no_image, #bo_gall .gall_img .is_notice { display:block; }
#bo_gall .gall_img img, #bo_gall .gall_img video { max-width:100%;height:auto !important; }
#bo_gall .gall_img span { display:inline-block; background:#eaeaea; text-align:center; text-transform:uppercase; font-weight:bold; font-size:1.25em; color:#777; }

#bo_gall .bo_tit { display:block; margin-top:1.25rem; margin-bottom:0.938rem; color:#131313; font-size:1.714rem; }
#bo_gall .bo_cnt { font-size:1.142rem; color:#888; }
#bo_gall li.empty_list { width:100%; padding:85px 0; text-align:center; }

@media (max-width:991px) {
	/* 분류 */
	#bo_cate ul { margin:0 -7px 1.25rem; flex-wrap:wrap; justify-content:center; }
	#bo_cate li { width:calc(33.33% - 14px); margin:0 7px 1.25rem; }
	
	/* 갤러리 목록 */
	.gall_row .col-gn-4 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
	.gall_row .col-gn-5 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
	.gall_row .col-gn-6 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
	.gall_row .col-gn-7 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
	.gall_row .col-gn-8 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
	.gall_row .col-gn-9 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
	.gall_row .col-gn-10 { width:calc(33.33333333% - 2.5rem); margin:0 1.25rem 4.375rem; }
}
@media (max-width:639px) {
	/* 갤러리 목록 */
	#gall_ul { margin:0 -0.8125rem -4.375rem; }
	.gall_row .col-gn-4 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
	.gall_row .col-gn-5 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
	.gall_row .col-gn-6 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
	.gall_row .col-gn-7 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
	.gall_row .col-gn-8 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
	.gall_row .col-gn-9 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
	.gall_row .col-gn-10 { width:calc(50% - 1.625rem); margin:0 0.8125rem 4.375rem; }
}
@media (max-width:479px) {
	/* 분류 */
	#bo_cate li a { padding:3px 10px 2px; }
}

/**************************************************
* 게시판 list 공통 영역
**************************************************/
#bo_cate { }
#bo_cate_ul { }
#bo_cate_ul li { }

/**************************************************
* 게시판 view 공통 영역
**************************************************/
/* contents */
.bo_title { height:6.25rem; line-height:6.25rem; margin-bottom:8.75rem; border-top:3px solid #131313; border-bottom:1px solid #131313; font-size:1.875rem; font-weight:600; }
#bo_v { position:relative; padding-top:0; margin-top:80vh; text-align:center; background-color:#fff; }
#bo_v_con { margin-bottom:4.375rem; font-size:1.125rem; font-weight:300; }
#bo_v_con * { word-break:keep-all; }
#bo_v_con img { max-width:100%; }
#bo_v_con b { font-weight:bold; }
#bo_v_con i { font-style:italic; }

/* 공유 */
.bo_bottom { display:flex; justify-content:flex-end; align-items:end; margin-top:10rem; padding-bottom:0.938rem; overflow:hidden; border-bottom:3px solid #131313; }
.bo_bottom .bo_info { font-size:1.125rem;  color:#bbbbbb; }
.bo_bottom #bo_v_share li { float:left; width:4.375rem; text-align:center; }
.bo_bottom #bo_v_share .img { width:auto; max-width:100%; height:auto; }
.bo_bottom #bo_v_share span { display:block; margin-top:0.3125rem; font-size:0.938rem; color:#888; }

@media (max-width:1299px) {
	#bo_v_con { margin:0 -15px; }
}
@media (max-width:639px) {
	.bo_bottom { flex-direction:column; align-items:flex-start; padding:0 15px; }
	.bo_bottom .bo_info { margin-bottom:0.938rem; }
}
@media (max-width:479px) {
	#bo_v_con { margin:0 -1.66rem; }
}

/* 이전글/다음글 */
.view_btn { position:relative; margin-top:4.6875rem; text-align:center; }
.view_btn [class^="btn-"] { display:inline-block; height:2.25rem; line-height:2.0625rem; padding:0 1.25rem; min-width:5rem; vertical-align:middle; border-radius:2rem; color:#888; }
.view_btn .btn-list { border:1px solid #aaa; font-size:1.125rem; }
.view_btn .btn-prev { position:absolute; left:0; background-color:#f8f8f8; border:1px solid #edf0f6; font-size:1rem; }
.view_btn .btn-next { position:absolute; right:0; background-color:#f8f8f8; border:1px solid #edf0f6; font-size:1rem; }

/* 공지사항 list */
.gall_img a { position:relative; display:inline-block; width:100%; height:150px; overflow:hidden; border-radius:0.625rem; }
.gall_img a img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.gall_text_href { margin-top:1.562rem; text-align:left; }
.gall_text_href .text-primary { font-size:0.938rem; font-weight:500; }
.gall_text_href .bo_tit { display:inline-block; width:100%; max-height:4.562rem; overflow:hidden; white-space:wrap; margin-top:0.125rem; margin-bottom:0.625rem; font-size:1.5rem; color:#131313; font-weight:500; }
.gall_text_href .gall_name { color:#888; }
.gall_text_href .gall_name .notoserif { font-weight:100; color:#ccc; }
.gall_text_href .gall_date { color:#888; }

/* gallery-wrap */
.notice-view-bottom { position:relative; background-color:#fff; padding-bottom:150px; }
.notice-view-bottom #bo_cate li { margin:0 7px; width:auto; line-height:normal; }
.notice-view-bottom #bo_cate a { padding:3px 18px 2px; background-color:#fff; border-radius:2rem; }
.notice-view-bottom #bo_cate li + li a { border-left:1px solid #bebebe; }
.notice-view-bottom #bo_cate .active a { background-color:#7c94c4; color:#fff; }
.notice-view-bottom #bo_cate .active a:after { display:none; }
.gallery-wrap { display:flex; flex-wrap:wrap; }
.gallery-wrap li { width:calc(33.333% - 1rem); margin:0 0.5rem 1.5rem; }
.gallery-wrap li .imgbox { position:relative; width:100%; height:240px; border-radius:1.25rem; overflow:hidden; }
.gallery-wrap li .txtbox { margin-top:1.25rem; }
.gallery-wrap li .txtbox small { font-size:0.938rem; color:#c79678; }
.gallery-wrap li .txtbox h4 { font-size:1.25rem; color:#131313; }
.gallery-wrap li .txtbox p { font-size:0.938rem; color:#ababab; }
.gallery-wrap .wr_content { height:2.8em; line-height:1.4; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.gallery-wrap .wr_content * { color:#595959 !important; text-align:left !important; font-size:0.938rem !important; font-family:'Noto Sans KR', sans-serif !important; font-weight:300 !important; background:none !important; }
.gallery-wrap .wr_content img { display:none; }

@media (max-width:799px) {
	.notice-view-bottom { padding-bottom:0; }
	.notice-view-bottom .container-sm { padding:0; }
	.gallery-wrap li { position:relative; width:100%; margin:0; }
	.gallery-wrap li .imgbox { height:10rem; border-radius:0; }
	.gallery-wrap li .imgbox:after { content:""; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }
	.gallery-wrap li .txtbox { position:absolute; left:10%; top:50%; transform:translate(0, -50%); margin:0; z-index:2; }
	.gallery-wrap li .txtbox small { color:#fff; }
	.gallery-wrap li .txtbox h4 { font-size:18px; color:#fff; font-size:300; }
	.gallery-wrap .wr_content { display:none; }
}
@media (max-width:479px) {
	#bo_cate ul { margin:0 0 1.25rem; }
}