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


/**/
.spacebar{position:relative;height: 150px;}
.spacebar:after{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#80916e;}
/* 게시판 목록 */
#bo_list {position:relative;margin: 0 0 40px 0;}
#bo_list:after {display:block; visibility:hidden; clear:both; content:""}

#container .contentTitle{display: flex !important;flex-direction: column;align-items: flex-start;overflow: initial;}
#container .contentTitle:after{display: none;}
#container .contentTitle strong{position:relative;text-align: left !important;width: auto;padding: 0 0 7px 0;font-size: 3em;display: inline-flex;color: #000000;}
#container .contentTitle strong:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;background:#000000;}
#container .contentTitle .locationBar{top: -40px;line-height: 20px;font-size: 14px;}
#container .contentTitle .locationBar i{padding:0 6px;}

#bo_btn_top{display:flex}

#bo_list_total{font-size: 18px;color: #666666;margin: 0 auto 0 0;line-height: 36px;}
#bo_list_total strong{}

#bo_select{margin: 0 0 0 10px;}
#bo_select select{display:flex;height: 36px;padding:0 10px;width: 180px;font-size: 16px;}

#bo_cate_ul{margin: 0 -6px -3px 0;}
#bo_cate_ul li{padding: 0;margin: 0 6px 3px 0;}
#bo_cate_ul li + li{}
#bo_cate_ul li a{height: 30px;font-size: 17px;padding: 0 15px;margin: 0;}

#container .pg_wrap{margin:40px 0;}
#container .pg{display:flex;align-items:center;justify-content:center;}
#container .pg a,
#container .pg strong{margin:0 7.5px;display:flex;width:45px;height:45px;}

#bo_sch{margin:0 auto;display:flex;align-items:center;width:100%;max-width: 540px;float: none;}
#bo_sch form{width:100%}
#bo_sch input{flex:1;width: 100%;max-width: 100%;}
#bo_sch .sch_btn{font-size:24px;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;}
#bo_sch .sch_btn i{vertical-align:top;}

.reportList{}
.reportList ul{}
.reportList li{}
.reportList li + li{
	/*margin: 40px 0 0 0;*/
	margin: 20px 0 0 0;
	border-top: 1px solid #ddd;
	padding: 20px 0 0 0;
}
.reportList .inner{display: flex;}
.reportList .con{flex: 1;display: flex;flex-direction: column;}
.reportList .tit{line-height: 36px;font-size: 24px;font-weight: bold;color: #000000;margin: 0 0 12px 0;}
.reportList .inf{line-height: 24px;font-size: 14px;font-weight: 600;color: #796961;margin: 0 0 12px 0;display: flex;flex-wrap: wrap;}
.reportList .inf span{position:relative;padding: 0 10px 0 0;}
.reportList .inf span:after{content:'';position:absolute;top: 8px;right:0;width:1px;height:10px;background:#796961;}
.reportList .inf span + span{margin-left: 10px;}
.reportList .inf span:last-child:after{display:none;}
.reportList .txt{line-height: 30px;font-size: 18px;font-weight: 500;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.reportList .img{flex-shrink: 0;width: 200px;height: 200px;overflow: hidden;background: #fafafa;}
.reportList .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.reportList .nocontent{display:flex;height:300px;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#999999}

.bo_fx{display:flex;align-items:center;justify-content:flex-end;float:none;margin:40px 0;}

.latest{padding: 45px 0;}
.latest .la_title{margin: 0 0 40px 0;line-height: 1;font-size: 36px;font-weight: bold;color: #000;}
.latest .la_list{display: flex;flex-wrap: wrap;}
.latest .la_more{display: flex;align-items: center;justify-content: flex-start;margin: 45px 0 0 0;}
.latest .la_more a{display: block;width: 90px;height: 90px;}
.latest .la_more a img{width:100%;height:auto;display:block;}


.latest_new{position: relative;background:#eeeeee}
.latest_new:before{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;background:#eee;transform:translateX(-50%);z-index:-1;pointer-events: none;}
.latest_new .la_list{display: flex;flex-wrap: wrap;margin: 0 -20px;}
.latest_new .la_list li{padding: 0 20px 40px;width: 50%;}
.latest_new .la_list li a{display: flex;}
.latest_new .la_list li .con{flex: 1;padding: 0 20px 0 0;}
.latest_new .la_list li .tit{margin: 0 0 20px 0;line-height: 36px;font-size: 24px;font-weight: bold;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.latest_new .la_list li .inf{line-height: 21px;font-size: 14px;font-weight: 600;color: #796961;margin: 0 0 12px 0;}
.latest_new .la_list li .inf p{position:relative;padding: 0 10px 0 0;display: inline-block;vertical-align: top;}
.latest_new .la_list li .inf p:after{content:'';position:absolute;top: 8px;right:0;width:1px;height:10px;background:#796961;}
.latest_new .la_list li .inf p + p{margin-left: 10px;}
.latest_new .la_list li .inf p:last-child:after{display:none;}
.latest_new .la_list li .txt{line-height: 30px;font-size: 18px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 600;}
.latest_new .la_list li .img{width: 180px;height: 180px;flex-shrink: 0;overflow: hidden;}
.latest_new .la_list li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}

.latest_hot{padding:45px 0 0 0;}
.latest_hot .la_list{display: flex;flex-wrap: wrap;margin: 0 -20px;}
.latest_hot .la_list li{width: 50%;padding: 0 20px 40px;display: flex;}
.latest_hot .la_list li .num{width: 20px;flex-shrink:0;line-height: 40px;font-size: 48px;font-weight: bold;color: #ffb54a;margin: 0 20px 0 0;}
.latest_hot .la_list li .con{flex: 1;}
.latest_hot .la_list li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;font-size: 24px;font-weight: bold;color: #000;margin: 0 0 18px 0;}
.latest_hot .la_list li .txt{line-height: 30px;font-size: 18px;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.latest_hot .la_list li .inf{display: flex;flex-wrap: wrap;margin: 0 0 18px 0;}
.latest_hot .la_list li .inf p{position:relative;margin: 0 8px 0 0;line-height: 18px;font-size: 14px;font-weight: bold;color:#544943}
.latest_hot .la_list li .inf p + p{padding: 0 0 0 8px;}
.latest_hot .la_list li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width: 1px;height:14px;font-weight: bold;background:#544943;transform: translateY(-50%);}

.relaList{margin: 100px 0;position: relative;overflow: hidden;}
.relaList .swiper-slide{}
.relaList .swiper-slide a{}
.relaList .swiper-slide .img{margin: 0 0 12px 0;position: relative;padding: 100% 0 0 0;}
.relaList .swiper-slide .img img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.relaList .swiper-slide .tit{line-height: 30px;font-size: 20px;font-weight: bold;color: #000000;margin: 0 0 12px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-break: break-all;}
.relaList .swiper-slide .inf{display: flex;flex-wrap: wrap;margin: 0 0 18px 0;}
.relaList .swiper-slide .inf span{position:relative;margin: 0 8px 0 0;line-height: 18px;font-size: 13px;font-weight: bold;color:#544943}
.relaList .swiper-slide .inf span + span{padding: 0 0 0 8px;}
.relaList .swiper-slide .inf span + span:before{content:'';position:absolute;top:50%;left:0;width: 1px;height:14px;font-weight: bold;background:#544943;transform: translateY(-50%);}
.relaList .swiper-prev{position:absolute;top:50%;left:0;transform:translateY(-50%);width:30px;height:30px;border-radius:30px;background: rgba(255,255,255,0.75) url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_left_48px-512.png") no-repeat 50% 50% / 24px auto;z-index:5;border:1px solid #e5e5e5;}
.relaList .swiper-next{position:absolute;top:50%;right: 0;transform:translateY(-50%);width:30px;height:30px;border-radius:30px;background: rgba(255,255,255,0.75) url("https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_right_48px-256.png") no-repeat 50% 50% / 24px auto;z-index:5;border:1px solid #e5e5e5;}

.relaSpace{position:relative;margin: 0 0 100px 0;width:100%;height:200px;pointer-events: none;}
.relaSpace:after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:#959d78;}
#bo_v_info2 .v_download {
	padding: 20px 0 25px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
#bo_v_info2 .v_download li a > div {
	font-size: 1.2em;
}
#bo_v_info2 .v_download li a > span {
	font-size: 1.0em;
}
#bo_v_info2 .v_desc {
	font-size: 1.25em;
}
#bo_v_info2 .v_desc:nth-child(2){
	width: 40%;
}
#bo_v_info2 .v_desc:nth-child(3){
	width: 20%;
}
.v_readbox {
	font-size: 1.25em;
	line-height: 1.75em;
	margin: 20px 0;
	padding: 16px;
	background: #efefef;
}
 #bo_v_title .bo_v_tit {
	text-align: left;
	font-size: 2.5em;
}
 

.likeTbl{width:100%; margin-bottom:20px;    height: 350px;
	overflow-y: auto;
	margin-bottom: 50px; }
.likeTbl > ul{display:table; width:100%; }
.likeTbl > ul > li{display:table-row; width:100%; }
.likeTbl > ul > li > div{display:table-cell; }
.likeTbl > ul > li.likeTblTh{background:#f8f8f8; }
.likeTbl > ul > li.likeTblTh > div{padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; }
.likeTbl > ul > li.likeTblTd > div{padding:15px 2px; border-bottom:1px solid #ddd; vertical-align:middle; }
.likeTbl > ul > li:hover.likeTblTd{background:#fafafa; }
.likeTbl > ul > li.likeTblTd .td_subject a{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:5px;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{display:block; }
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a em{font-style:normal; }
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em span,
.likeTbl > ul > li:hover.likeTblTd .td_subject .bo_tit a em i{color:#333 !important; }

.bo_notice,
.bo_notice > div {background:#fcf9f3 !important; }
.likeTbl .td_board {width:120px; text-align:center}
.likeTbl .td_chk {width:30px; text-align:center}
.likeTbl .td_date {width:60px; text-align:center; font-style: italic; }
.likeTbl .td_datetime {width:60px; text-align:center; font-style: italic; color:#999; font-size:11px; font-family:verdana; }
.likeTbl .td_group {width:100px; text-align:center}
.likeTbl .td_mb_id {width:100px; text-align:center}
.likeTbl .td_mng {width:80px; text-align:center}
.likeTbl .td_name {width:90px; text-align:center; padding:10px 0}
.likeTbl .td_nick {width:100px; text-align:center}
.likeTbl .td_num {width:60px; ; text-align:center; color:#999; font-size:11px; }
.likeTbl .td_num2 {width:50px; ; text-align:center; color:#999; font-size:11px; }
.likeTbl .td_numbig {width:80px; text-align:center}
.likeTbl .txt_active {color:#5d910b}
.likeTbl .txt_expired {color:#ccc}

.td_subject img {margin-left:5px}

/*.likeTbl .profile_img {display:inline-block; ; margin-right:2px}*/
.likeTbl .profile_img img{border-radius:50%}
.likeTbl .cnt_cmt{display:inline-block; background:#b8b8b8; color:#fff; font-size:11px; height:16px; line-height:15px; padding:1px 6px; border-radius:30px; vertical-align:middle; }

.likeTbl .bo_tit .fa-download{width:16px; height:16px; line-height:16px; background:#ddd; color:#999; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px}
.likeTbl .bo_tit .fa-link{width:16px; height:16px; line-height:16px; background:#ddd; color:#999; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px; font-weight: normal; }
.likeTbl .bo_tit .new_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#999; background:#ddd; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px}
.likeTbl .bo_tit .hot_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#999; background:#ddd; text-align:center; border-radius: 2px; ; vertical-align:middle; margin-right:2px; font-weight:normal}
.likeTbl .bo_tit .fa-lock{display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #fff; background: #333; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #000}
.likeTbl .bo_tit a{font-size:14px; }

.onlyMvV{display:none; }
.likeTbl > ul > li > div.mvInlinev i{display:none; }

.ca_box {margin-bottom: 10px}
.ca_chk {display: none}
.ca_chk:checked + .ca_chk_label {    background: #f3f3f3;
	border: 1px solid #888;}
.ca_chk_label {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px 10px;
	margin-right: 5px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
}
.reportList .inner .img.mo_img {
	display: none;
}
.blank_box {
	margin-bottom: 45px;
}
@media all and (max-width: 980px){
	.reportList .inner .img.pc_img {
		display: none !important;
	}
	.reportList .inner .img.mo_img {
		display: block !important;
		float: right;
		margin-top: 0 !important;
	}
	.reportList .con {
		display: inline !important;
	}
	.reportList .txt {display: inline !important;}
	.blank_box {
		margin-bottom: 25px;
	}
}
@media all and (max-width: 800px)
{
	#bo_v_info2 .v_desc {
		font-size: 13px;
	}
	#bo_v_info2 .v_desc:nth-child(2){
		width: 100%;
	}
	#bo_v_info2 .v_desc:nth-child(3){
		width: 100%;
	}

	#bo_v_title .bo_v_tit {
		margin-top: 0;
	}
	#bo_v_info2 .v_button a + a {
		margin-left: 12px;
	}
	#bo_v_info2 .v_download {
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
		padding: 20px 0;
	}
	#bo_v_info2 .v_download li a > div {
		min-width: 140px;
		line-height: 30px;
		font-size: 1.1em;
		height: 30px;
	}
	#bo_v_info2 .v_download li {margin-bottom: 14px}
	#bo_v_info2 .v_download li a > span {font-size: 1.0em}
	#container .contentTitle {padding: 10px 0 0 }
	#container .contentTitle strong{font-size: 30px;padding: 0 0 7px 0}
	#container .contentTitle strong:after{height: 5px;}
	#container .contentTitle .locationBar{top: 0;line-height: 20px;font-size: 14px;margin: 20px 0 0 auto;}
	#container .contentTitle .locationBar i{padding:0 6px;}

	#bo_v_title .bo_v_tit {font-size: 2.0em}
	#bo_list_total{font-size:14px;}

	#bo_cate_ul li a{font-size: 14px;height: 28px;}

	.reportList .inner{display:flex;/*flex-direction:column;*/}
	/*.reportList .inner .img{order:2;width: 100%;position: relative;padding: 100% 0 0 0;height: auto;}*/
	.reportList .inner .img{
		order: 2;
		width: 120px;
		position: relative;
		height: 120px;
		padding: 12px;
		margin-top: 12px;
		margin-left: 12px;
	}
	.reportList .inner .img img{position:absolute;top:0;left:0;}
	.reportList .inner .con{order:1;padding: 12px 0;}
	.reportList .tit{line-height:24px;font-size:18px}
	.reportList .inf{}
	.reportList .inf span{line-height: 14px;font-size:12px;margin: 0 6px 4px 0;padding: 0 6px 0 0;}
	.reportList .inf span + span{margin-left:0;}
	.reportList .inf span:after{top: 3px;}
	.reportList .txt{line-height: 24px;font-size: 14px;}
	
	.latest .la_title{font-size:28px;}
	.latest .la_more{width: 40px;height:40px;}
	
	.latest_new .la_list ul{flex-wrap:unset;flex-direction:Column}
	.latest_new .la_list li{width:100%;}
	.latest_new .la_list li a{flex-direction:column;}
    .latest_new .la_list li .img{order:1;width: 100%;padding: 100% 0 0 0;height: auto;position:relative;}
	.latest_new .la_list li .img img{position:absolute;top:0;left:0;}
    .latest_new .la_list li .con{order:2;padding: 12px 0;}
	.latest_new .la_list li .tit{line-height: 24px;font-size: 18px;}
	.latest_hot .la_list li .inf{line-height: 16px;font-size: 12px;font-weight: bold;margin: 0 0 10px 0;}
	.latest_new .la_list li .txt{line-height: 24px;font-size: 14px;}

	.latest_hot .la_list{flex-wrap:unset;flex-direction:Column}
	.latest_hot .la_list li{width:100%;}
	.latest_hot .la_list li .tit{line-height: 24px;font-size: 18px;margin: 0 0 10px 0;}
	.latest_hot .la_list li .inf p{line-height: 16px;font-size: 12px;}
	.latest_hot .la_list li .txt{line-height: 24px;font-size: 14px;}

}
#bo_v_info2 .v_button a i {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	font-size: 24px;
}