@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 게시판 목록 */
#bo_gall {margin-bottom:20px; overflow:hidden}
#bo_gall h2 {margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#bo_gall #gall_ul {display:flex; flex-direction:row; flex-wrap:wrap; margin:0 0 20px; padding:0; list-style:none; overflow:hidden; }
#bo_gall .gall_box {position:relative; margin:0; overflow:hidden; }
#bo_gall .gall_li .gall_chk{position:absolute; top:0; right:0; padding:5px; z-index:1; }

.gall_row > li.gallWST{position:relative; margin-left:-0.03em; }

.gall_row  > li.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; float:left; }
.gall_row  > li.gallWST.col-gn-0,.latest_row .col-gn-1,.gall_row  > li.gallWST.col-gn-1{width:100% !important; }
.gall_row  > li.gallWST.col-gn-2{width:50% !important; }
.gall_row  > li.gallWST.col-gn-3{width:33.33333333% !important; }
.gall_row  > li.gallWST.col-gn-4{width:25% !important; }
.gall_row  > li.gallWST.col-gn-5{width:20% !important; }
.gall_row  > li.gallWST.col-gn-6{width:16.66666667% !important; }
.gall_row  > li.gallWST.col-gn-7{width:14.28571428% !important; }
.gall_row  > li.gallWST.col-gn-8{width:12.5% !important; }
.gall_row  > li.gallWST.col-gn-9{width:11.11111111% !important; }
.gall_row  > li.gallWST.col-gn-10{width:10% !important; }

#bo_gall .gall_now .gall_text_href a {color:#999}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_boxa{overflow:hidden; text-align:center; position:relative; margin:0px; }
#bo_gall .gall_boxa a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}

#bo_gall .gall_boxa a .iconPs {
	position: absolute;
    top: 10px;
    left: 10px;
    background: darkorange;
    color: #fff;
    border-radius: 20px;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 400;
    padding: 0 12px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    z-index: 1;
}

#bo_gall .gall_boxa a .icoNotice{display:inline-block; padding:5px; background-color:#000; border-radius:3px; color:#fff; }
#bo_gall .gall_boxa a > img{display:block; width:100% !important; min-width:100%; height:auto !important; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gall .gall_boxa a b{display:block; position:absolute; left:0px; top:50%; height:30px; line-height:30px; margin-top:-15px; color:#999; font-size:12px; font-family:verdana; letter-spacing:2px; font-weight:normal; width:100%; }
#bo_gall .gall_boxa .gall_info{font-style:normal; position:absolute; left:0px; bottom:-50%; text-align:center; width:100%; height:20px; color:#fff; ; font-size:0.92em; line-height:20px; margin-top:-10px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gall .gall_boxa .gall_info strong{ display:inline-block; margin:0 0 0 10px }
#bo_gall .gall_boxa .gall_info i{font-size:12px}
#bo_gall .gall_boxa .gall_info .gall_date{display:inline-block; color:#fff; }
#bo_gall .gall_boxa .gall_info u{display:block; color:#fff; text-decoration:none; }
#bo_gall .gall_boxa .gall_info u .sv_member{color:#fff; }
#bo_gall .gall_boxa a .imgAr{display:block; width:100%; max-width:100%; min-width:100%; height:auto; overflow:hidden; }
#bo_gall .gall_boxa a .imgAr img{display:block; width:100%; max-width:100%; min-width:100%; height:auto; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

#bo_gall .gall_boxa a .youtube_img{display:block; width:100%; max-width:100%; min-width:100%; position:relative; height:auto; overflow:hidden; background:#333; }
#bo_gall .gall_boxa a .youtube_img sup{display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; overflow:hidden; background-repeat:no-repeat; background-size:auto 200%;; background-position:center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gall .gall_boxa a .youtube_img sub,
#bo_gall .gall_boxa a .youtube_img sub img{display:block; height:auto; width:100%; max-width:100%; min-width:100%; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; }
#bo_gall .gall_box:hover .gall_boxa a .youtube_img sup{transform: scale(1.1); filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }

#bo_gall .gall_box:hover .gall_info{bottom:50%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#bo_gall .gall_box:hover .gall_boxa{background:#222; }
#bo_gall .gall_box:hover .gall_boxa a .imgAr{width:100%; height:auto; filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
#bo_gall .gall_box:hover .gall_boxa a .imgAr img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; transform: scale(1.1); }

.fa-youtube-play{font-size:22px !important; vertical-align:middle; }

#bo_gall .gall_text_href {padding:10px 10px 15px 10px; }
#bo_gall .gall_text_href a {font-weight:400; color:#000; }
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit{margin-top:5px; display:flex; align-items: center; height:50px; font-weight:400; color:#000; font-size:18px; overflow:hidden; line-height:1.3em; /* text-overflow:ellipsis; white-space:wrap; */ text-align:center; }
#bo_gall .gall_text_href .bo_tit span a {display:inline-block; width:80px; font-size:15px; text-align:center; background:skyblue; border-radius: 10px; margin-top:5px; }
#bo_gall .bo_tit .cnt_cmt{background:#5c85c1; color:#fff; font-size:11px; height:20px; line-height:20px; padding:0 5px; border-radius:3px; vertical-align:middle; }
#bo_gall .profile_img img{border-radius:50%}
#bo_gall .gall_name{margin:10px}
#bo_gall .bo_cate_link {display:block; margin: 0 auto; width:60px; height: 25px; background: #e2eaf6; color: #3a8afd; text-align:center; border-radius: 5px; font-size: 0.95em; }


.noDataArea{margin-bottom:20px; }

#bo_gall .gall_con {
    position: relative;
	border:1px solid #eee;
	height:auto;
	margin:10px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);	
}

.gall_info2 {text-align:left;}
.gall_info2 e{
	display: inline-block;
	background-color: #fff !important;
    color: #000;
    border: 1px solid darkorange;
	border-radius: 50px;
	padding:2px 10px; 
	margin:2px 4px 2px 2px;
	font-weight: 400;
	font-size: 0.8em;
}
#bo_gall .bo_tit a{width:100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#bo_v .bo_v_tit {margin: 15px 0; line-height:1.3em;  }	
#bo_v_link h2 {font-size:1.1em !important;}
#bo_v_link a {font-size:1.0em; color: orangered;}
#bo_v_info-1 {margin: 10px 0px 10px; padding:0px 0px; border-top: 1px solid #ddd; color: #333; }
#bo_v_info-1:after {display:block;visibility:hidden;clear:both;content:""} 


#bo_w .write_div2 {margin: 0px 0; position: relative;}
#bo_w .write_div2 label {display:inline-block; width:100px; margin:5px 0;}
#bo_w .write_div2 .wri_half {float:left; width:49%; margin-right:1%}
#bo_w .write_div2:after {content:''; display:block; clear:both;}
.subti {display: inline-block; width: 100%; font-size: 0.9em; padding: 5px 0 0;}
.subti_v {display: inline-block; width:100%; font-size: 1.0em;	font-weight: 500; padding :10px 0;}

.event_info div {
	display: inline-block;
	width:49%;
	height: 40px;
	vertical-align: top;
	font-weight: 400;
	font-size: 1.1em;
}

.event_info e{
	display: inline-block;
	background-color: #e0eff6 !important;
    color: #000;
    border: 0px solid #e764ff;
	border-radius: 50px;
	padding:4px 13px 2px; 
	font-weight: 400;
	font-size: 0.8em;
}

@media all and (max-width: 800px)
{
	.gall_row .box_clear{clear:none; }
	.gall_row  > li.col-gn-0,.gall_row  > li.gallWST.col-gn-3,.gall_row  > li.gallWST.col-gn-4,.gall_row  > li.gallWST.col-gn-5,.gall_row  > li.gallWST.col-gn-6,.gall_row  > li.gallWST.col-gn-7,.gall_row  > li.gallWST.col-gn-8,.gall_row  > li.gallWST.col-gn-9,.gall_row  > li.gallWST.col-gn-10
	{width:33.33333333% !important; }
	.gall_row  > li.gallWST.col-gn-1,.gall_row  > li.gallWST.col-gn-2{width:50% !important; }
    #bo_gall .bo_tit{font-size:16px;letter-spacing:-1px; overflow:hidden;}	
}
@media all and (max-width: 680px)
{
	.gall_row  > li.col-gn-0,.gall_row  > li.gallWST.col-gn-3,.gall_row  > li.gallWST.col-gn-4,.gall_row  > li.gallWST.col-gn-5,.gall_row  > li.gallWST.col-gn-6,.gall_row  > li.gallWST.col-gn-7,.gall_row  > li.gallWST.col-gn-8,.gall_row  > li.gallWST.col-gn-9,.gall_row  > li.gallWST.col-gn-10
	{width:50% !important; }
	.gall_row  > li.gallWST.col-gn-1,.gall_row  > li.gallWST.col-gn-2{width:100% !important; }
	.half_input {width: 100%; margin-bottom:5px;}
	#bo_cate a {line-height: 24px; padding: 0 6px; font-size:0.9em;}
    #bo_gall .bo_tit{display:block; font-weight:500; color:#000; height:20px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }	
}

@media all and (max-width: 480px)
{
	#container {padding:10px 10px !important;}
	.gall_row  > li.col-gn-0,.gall_row  > li.gallWST.col-gn-3,.gall_row  > li.gallWST.col-gn-4,.gall_row  > li.gallWST.col-gn-5,.gall_row  > li.gallWST.col-gn-6,.gall_row  > li.gallWST.col-gn-7,.gall_row  > li.gallWST.col-gn-8,.gall_row  > li.gallWST.col-gn-9,.gall_row  > li.gallWST.col-gn-10
	{width:50% !important; }
	.gall_row  > li.gallWST.col-gn-1,.gall_row  > li.gallWST.col-gn-2{width:100% !important; }
	#bo_gall .gall_con {margin:10px 5px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);	}
    #bo_gall .bo_tit{font-size:16px;letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:wrap; word-break: break-all; height:40px; text-align:center; margin-bottom:5px; }
	#bo_gall .gall_boxa a .iconPs {font-size:0.8em;}	
	#bo_gall .gall_text_href {padding:10px 5px 10px 5px;}	
	#bo_gall .gall_text_href .bo_tit span a {font-size:14px; border-radius: 5px; width:70px; margin-top:0px; line-height:1.4em; }
	#bo_gall .bo_cate_link {height:auto}
	#bo_gall .bo_cate_link {font-size:13px;}	
	textarea, select {font-size:0.9em !important;}
	input, button {font-size:0.9em;}
	
    #bo_v_title .bo_v_tit {font-size: 1.3em;}
	#bo_v_link li {padding-right:0px;}	
	#bo_v_link h2 {font-size: 1.0em !important;}	
	.bo_v_link_cnt {display:none;}
	.bo_v_nb li a {padding:0px; font-size:0.9em;}
	.bo_v_nb li.btn_prev i {left:-10px;}
	.bo_v_nb li.btn_prev a b {padding-left:15px;}
	.bo_v_nb li.btn_next i {right:-10px;}
	.bo_v_nb li.btn_next a b {padding:0 12px 0 5px;}	
	.event_info div {width:90%;	font-size: 15px; height:30px;}
	
	.gall_info2 e {display:none;}
	.gall_info2 div {font-size:0.85em;}
	.gall_info2 div:before {content: "◦";}
}