@charset "utf-8";


/* ****************************************************************************************** *
 * board 공통 시작
 * ****************************************************************************************** */


#list-skin, #bo_v, #bo_w, #bo_w .form-control { font-size: 0.92rem; } /* list, view, write 폰트사이지 공통 */
#list-skin p:hover, #list-skin h1:hover, #list-skin a:hover { color: #0cf;  text-decoration: none; }

#list-skin ul , #bo_v ul , #bo_w ul , #bo_w  ul { padding: 0;}




/* 카테고리 공통 */
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate{margin:0; margin-bottom:32px; padding:32px 0; background:#fafafa; text-align:center;}
#bo_cate ul {zoom:1; margin-bottom: 0rem; padding-left: 0;}
#bo_cate li{margin:1px;display:inline-block;padding:2px}
#bo_cate a{ display:block;padding:8px 36px; line-height:1.5; border-radius:0; border:1px solid #96989c; background:#fff; text-align:center;
	-webkit-transition:all .3s ease; transition:all .3s ease; transition: background-color .5s;}
#bo_cate #bo_cate_on{background-color:#646873; font-weight:400; border:1px solid #646873; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;color: #fff ! important;}
#list-skin #bo_cate #bo_cate_ul li a:hover{background-color:#646873; border-color:#646873;color: #fff ! important; }



/*게시판 페이지 정보 및 버튼 시작 */
#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

/*리스트형,웹진형, 갤러리형 아이콘*/
#bo_list_total {float:left;font-size:0.92em;color:#999; padding:12px 10px 0 0; border-radius:3; line-height:1;}
#bo_list_total > span{text-transform:uppercase;}
.i_cons {display: inline;overflow: hidden;margin: 1px;border: 1px solid #E1E1E1;padding: 7px 9px;text-align: center;text-overflow: ellipsis;white-space: nowrap;}

/*목차, 검색, 쓰기, 아이콘*/
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}

/*선택삭제 클릭 숨김메뉴버튼*/

/* 상단 버튼 */
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999;list-style-type: none;}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;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:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.btn_bo_user li ul {padding: 0;}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:7px;float:inherit;width:100px;margin:0;font-size: 0.85em;}
.more_opt li:last-child {border-bottom:0} 
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c;cursor: pointer;}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float: none;padding-right: 4px;}


/* 모달검색창 */
.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px; }
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px; background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}

/*  모달 게시판 검색  */
@media (max-width: 768px) { 
.bo_sch { left: 50%; width: 80%; margin-left: -40%; margin-top: -60%; }
.bo_sch .sch_input { width: 80%;}
}

/* map 크기설정 */
.map_h { height:500px;}	@media(max-width: 768px){.map_h { height:350px;} }

#og_box * {	font-family: Arial, 'Nanum Gothic';}
#og_box {padding: 15px;	border: 1px solid #DDD;	margin: 15px 0px;font-family: Arial;} 
#og_box > video,
#og_box > iframe,
#og_box > img {	display: block;	border: 0px;	width: 100%;	margin: 0px;	padding: 0px;}
#og_box > a {	text-decoration: none;}
#og_box > a > h2 {	font-size: 16px;	line-height: 16px;	line-height: 20px;	margin-top: 13px;}
#og_box > a > p {	margin-top: 8px;	word-break: break-all;	text-align: justify;	font-size: 13px;	line-height: 17px;}
#og_box > a > h3 {	display: block;	margin-top: 8px;	color: #666;	font-size: 14px;}
div.og_gal_li {	text-align: center;	overflow: hidden;}
div.og_gal_li img {	display: block;	margin: 0px;	padding: 0px;	border: 0px;}

















 
/* ****************************************************************************************** *
 * list_board.php 시작
 * ****************************************************************************************** */
 
#list-skin { color: #bbb; } 
#list-skin a { color: #666; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

#list-skin tbody .even tr { background: #fbfbfb;}
#list-skin tbody tr:hover {background-color: #fbfbfb;}

/* 카테고리 */
#list-skin > ul{ margin-bottom: 40px;}
#list-skin > ul:after{display: block;clear: both;content: '';}
#list-skin > ul > li{ float: left; width: 12.5%;}
#list-skin > ul > li > a{display: block;overflow: hidden;margin: 1px;border: 1px solid #ececec;line-height: 40px;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
#list-skin > ul > li > a:hover { background: #555; color: #fff; }

#list-skin > ul > li.on > a{	border: 1px solid #333333;	background-color: #333333;	color: #FFFFFF;}
@media(max-width: 768px){	#list-skin > ul > li{	width: 25%;	}  }

/* table 적요 */
#list-skin > form > table{	width: 100%;border-collapse: collapse;border-top: 2px solid #ccc;}
#list-skin > form > table > thead > tr > th{padding: 20px 0px;	border-bottom: 1px solid #ccc;height: 40px;}
#list-skin > form > table > thead > tr > th.checkbox{width: 40px;}
#list-skin > form > table > thead > tr > th.checkbox > input{width: 16px;height: 16px;vertical-align: -3px;cursor: pointer;}
#list-skin > form > table > thead > tr > th.number{width: 60px;}
#list-skin > form > table > thead > tr > th.category{	width: 150px;}
#list-skin > form > table > thead > tr > th.name{width: 150px;}
#list-skin > form > table > thead > tr > th.datetime{	width: 80px;}
#list-skin > form > table > thead > tr > th.hit{	width: 60px;}
#list-skin > form > table > thead > tr > th.is_nogood { 	width: 60px;}
#list-skin > form > table > thead > tr > th.is_good { 	width: 60px; }
#list-skin > form > table > tbody > tr.notice{	background-color: #F5F5F5;}

#list-skin > form > table > tbody > tr > td{	padding: 30px 0px;	border-bottom: 1px solid #ececec;	line-height: 1;	text-align: center;}
#list-skin > form > table > tbody > tr > td.checkbox{	width: 40px;}
#list-skin > form > table > tbody > tr > td.checkbox > input{width: 16px;height: 16px;vertical-align: -3px;cursor: pointer;}
#list-skin > form > table > tbody > tr > td.number{	width: 60px;	color: #999999;}
#list-skin > form > table > tbody > tr > td.number > strong{	color: #FF0000;}
#list-skin > form > table > tbody > tr > td.category{	width: 100px;}
#list-skin > form > table > tbody > tr > td.subject{	padding: 10px;	line-height: 100%;	text-align: left;}
#list-skin > form > table > tbody > tr > td.subject > p{	margin-bottom: 0px;}
#list-skin > form > table > tbody > tr > td.subject > p > strong{	font-weight: normal;}
#list-skin > form > table > tbody > tr > td.subject > p > i{ padding-left:7px;} 
#list-skin > form > table > tbody > tr > td.subject > p > a > i{	vertical-align: -1px;}
#list-skin > form > table > tbody > tr > td.subject > p > a > span{	display: none;} 
#list-skin > form > table > tbody > tr > td.subject > p > a:hover{	 }
#list-skin > form > table > tbody > tr > td.subject > p > span{	margin-left: 10px;}
#list-skin > form > table > tbody > tr > td.subject > span{	display: none;}
#list-skin > form > table > tbody > tr > td.name{	width: 150px;	color: #999999;}
#list-skin > form > table > tbody > tr > td.name > span{	color: #999999;}
#list-skin > form > table > tbody > tr > td.datetime{	width: 80px;	color: #999999;}
#list-skin > form > table > tbody > tr > td.hit{	width: 60px;}
#list-skin > form > table > tbody > tr > td.hit > strong{	color: #999999;	font-weight: 500;}
#list-skin > form > table > tbody > tr > td.hit > span{	display: none;}

#list-skin > form > table > tbody > tr.notice > td.subject > p > a{	color: #FF0000;	font-weight: bold;}


@media(max-width: 990px){
	#list-skin > form > table > thead{	display: none;	}
	#list-skin > form > table > tbody > tr > td.number{	display: none;	}
	#list-skin > form > table > tbody > tr > td.category{	display: none;	}
	#list-skin > form > table > tbody > tr > td.subject > p{	margin-bottom: 15px;}
	#list-skin > form > table > tbody > tr > td.subject > p > a > span{	display: inline;	}
	#list-skin > form > table > tbody > tr > td.subject > p > span{	display: none;	}
	#list-skin > form > table > tbody > tr > td.subject > span{	display: block;	margin-top: 5px;color: #999999;	font-weight: normal;font-size: 0.7em;}
	#list-skin > form > table > tbody > tr > td.subject > span > i{	margin-left: 10px;	}
	#list-skin > form > table > tbody > tr > td.subject > span > i:first-child{	margin-left: 0px;	}
	#list-skin > form > table > tbody > tr > td.subject > span > span{	color: #999999;	}
	#list-skin > form > table > tbody > tr > td.name{	display: none;	}
	#list-skin > form > table > tbody > tr > td.datetime{	display: none;	}
	#list-skin > form > table > tbody > tr > td.hit{	line-height: 100%;	}
	#list-skin > form > table > tbody > tr > td.hit > strong{	font-size: 16px;	}
	#list-skin > form > table > tbody > tr > td.hit > span{	display: block;	margin-top: 5px;	}	
	#list-skin > form > table > tbody > tr > td.is_nogood {   display: none; 	}
	#list-skin > form > table > tbody > tr > td.is_good {  display: none; 	}	
}



/* 전체선택, 삭제,복사 작성 리스트버튼 */
#list-skin > form > div:after{display: block;clear: both;content: '';} 
#list-skin > form > div > p{width: 50%;margin-top: 10px;}
#list-skin > form > div > p.left{	float: left;}
#list-skin > form > div > p.right{	float: right;	text-align: right;}
#list-skin > form > div > p > button{padding: 0 20px;height: 45px;border: 1px solid #dcdcdc; background: #fff;color: #888; border-radius: 0px;cursor: pointer;}
#list-skin > form > div > p > button:first-child{display: none;}
#list-skin > form > div > p > button:hover { background: #555; color: #fff; } 
#list-skin > form > div > p > a{display: inline-block;	padding: 0 40px; border: 1px solid #666; background: #666; line-height: 45px; border-radius: 0px; text-align: center;color: #FFFFFF;}
#list-skin > form > div > p > a:hover {background:#333;color: #FFFFFF;} 

@media(max-width: 768px){
	#list-skin > form > div > p{width: 100%;}
	#list-skin > form > div > p:after{	display: block;	clear: both;content: '';}
	#list-skin > form > div > p > button{ float: left;width: 25%;border-left: 1px solid #FFFFFF;	}
	#list-skin > form > div > p > button:first-child{display: block;	border: 1px solid #333333;background-color: #FFFFFF;color: #333333;	}
	#list-skin > form > div > p > a{display: block;	width: 100%;}
}

/* 하단 검색 창*/
#list-skin > form > p{margin-top: 40px;text-align: center;}
#list-skin > form > p > select{	width: 95px;height: 40px;padding-left: 5px;border: 1px solid #E1E1E1;background-color: #FFFFFF;outline: none;}
#list-skin > form > p > input{	width: 300px;height: 40px;padding: 0px 5px;border: 1px solid #E1E1E1;background-image: none !important;outline: none;}
#list-skin > form > p > button{width: 60px;height: 40px;border: none;background-color: #555;color: #FFFFFF;outline: none;}
@media(max-width: 768px){
	#list-skin > form > p{ position: relative;margin-top: 40px;padding: 0px 59px 0px 94px;	}
	#list-skin > form > p > select{	position: absolute;	top: 0px;	left: 0px;	}
	#list-skin > form > p > input{	min-width: 100%;}
	#list-skin > form > p > button{position: absolute;top: 0px;right: 0px;	}
}



/* 하단 검색 두번째창*/
#bsd_sch {background:#fff;border:1px solid #d0d3db;position:relative;margin:10px;margin:0 auto;width: 38%; height: 50px;} 
#bsd_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bsd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bsd_sch select {border:0;border-right:1px solid #f8f8f8;float:left;width:30%; height: 48px;}
#bsd_sch .sch_input {height:48px;border:0;padding:0;background-color:transparent;float:left;width:70%;padding:0 40px 0 10px}
#bsd_sch .sch_btn {height:48px;position:absolute;top:0;right:0;border:0;width:45px;background:none;font-size:17px} 
@media (max-width: 768px) { #bsd_sch { width: 85%;margin:20px auto;} #bsd_sch .sch_btn {height:55px;width:40px;font-size:15px} } 



/*  페이징  */
.paging>.pagination>.page_active {position: relative;display: block; padding: .5rem .85rem; margin-left: -1px;line-height: 1.25; background-color: #666;}
.paging>.pagination>.page_active a{ color: #fff! important;}
.paging>.pagination>.page-item>.page-link {padding: .5rem .85rem;margin-left: -1px;line-height: 1.25;color: #888;background-color: #fff; border: 1px solid #dcdcdc;}
.paging>.pagination>.page-item>.page-link:hover { color: #fff;text-decoration: none; background-color: #888; border-color: $pagination-hover-border-color;}

















/* ****************************************************************************************** *
 * list_webzine.php 시작
 * ****************************************************************************************** */



/* webzine 처리 */
.bo_tit {color:#333;}
.td_chk { width: 25px; background-color: transparent !important; /* position: absolute;  margin-top: 5px;  margin-left: 5px;*/}
.td_datetime {  width: 40% ! important; vertical-align: top;  padding-right: 30px !important;} 
.img_v_pc {  width: 100%;}
.img_v_pc img { border-radius: 4px; width: 100%;}
.tbl_head01 td { padding: 30px 0px 30px 0px; border-bottom: 1px solid #ecf0f1; }
.tbl_head01 a { text-decoration: none; letter-spacing: -0.5px;  }

.status_b1 {border:0px; color:#fff!important; border-radius: 3px; padding: 4px 10px 4px 10px; background-color: #dc3545!important;}
.status_b2 {border:0px; color:#fff!important; border-radius: 3px; padding: 4px 10px 4px 10px;  background-color: #ccc!important;}
.status_b3 {border:0px; color:#fff!important; border-radius: 3px; padding: 4px 10px 4px 10px; background-color: #333!important;}

.fl { float: left;color: #999; }
.bo_tit_ul2 { margin-bottom: 10px; margin-left: 0px !important; font-weight: 600;font-size: 1.1em;} 
.bo_tit_ul3 { margin-bottom: 0px; margin-top: 0px; margin-left: 0px !important; line-height:1.7;}
.bo_tit_ul4 { margin-bottom:0px; margin-top:15px; margin-left: 0px !important; line-height:30px; list-style-type: none; }
.bo_tit_ul4 li {margin-right: 15px; font-size: 0.7em;}
.bo_tit_ul5 { margin-bottom: 15px;}

.mo_view {display: none !important;}
.mo_view2 {display: none !important;}
.re_cmt2 { color: rgb(254, 190, 24);  }
/* webzine 처리 */



/* 반응형 처리 */
@media all and (max-width: 768px) { 
    .pc_view {display: none !important;}
    .mo_view {display: block !important;padding: 10px 0 0 0;}
    .mo_view img{width: 100%; overflow: hidden;top:0; left: 0;}
    .mo_view2 {display:contents!important;}
    .bo_tit_ul3 {margin-top: 15px;}
    .bo_tit_ul5 {margin-bottom: 5px;}
    .td_datetime {width:100%;}    
    .tbl_head01 a { letter-spacing: 0px; }

    #bo_v_sns span {display: none;}
    #bo_v_sns li {width:35px;}
    #bo_v_sns li img {margin-right: 0px}    
    #bo_v_file li i {display: none;}
    #bo_v_link li i {display: none;}    
    #bo_v_share .btn {width:35px;}    
    #bo_v_share .btn i { margin-right: 0px; }   
    .btn_v_01 a {  padding: 0px 15px; }    
    .btn_list_01 i {margin-top: 10px}
    .btn_list_01 a{padding: 0px 15px}       
}
/* 반응형 처리 */

















/* ****************************************************************************************** *
 * list_gallery.php 시작
 * ****************************************************************************************** */

.grid:after { content: ''; display: block; clear: both;}
.grid-sizer,.grid-item { width: 33.333%;}
@media (max-width: 575px) { .grid-sizer, .grid-item {  width: 100%; }}
@media (min-width: 576px) and (max-width: 767px) { .grid-sizer, .grid-item {   width: 50%; } }

/* To change the amount of columns on larger devices, uncomment the code below */
/* 
@media (min-width: 768px) and (max-width: 991px) {  .grid-sizer,  .grid-item {   width: 33.333%;  }  }
@media (min-width: 992px) and (max-width: 1199px) { .grid-sizer, .grid-item {   width: 25%;  }  }
@media (min-width: 1200px) { .grid-sizer, .grid-item {   width: 20%;  }} 
*/

.grid .grid-item a .caption {
    background-color:rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}
.grid .grid-item a:hover .caption { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100) }
.grid .grid-item a .caption .inner { 
    position: absolute; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0;bottom:30px;padding-left:10%; width:100%;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transition: all 0.4s cubic-bezier(0.215, .61, 0.355, 1) 0.2s;
    -moz-transition: all 0.4s cubic-bezier(0.215, .61, 0.355, 1) 0.2s;
    -o-transition: all 0.4s cubic-bezier(0.215, .61, 0.355, 1) 0.2s;
    -webkit-transition: all 0.4s cubic-bezier(0.215, .61, 0.355, 1) 0.2s
}
.grid .grid-item a:hover .caption .inner { 
    -moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;opacity: 1;-ms-filter:alpha(opacity=100);
    filter:alpha(opacity=100);bottom:0px;padding-left:10%;width:100%;	
}
.grid .grid-item a .caption .inner h4 {
    font-size: 22px; margin-bottom: 3px;color: #ffffff;padding-top:5px;overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap; width: 90%;display: block;
}
.grid .grid-item a .caption .inner p { color: #ffffff;  margin: 0;}
.grid .grid-item a { position: relative;  display: block;}

.grid .grid-item {  float: left; padding: 5px;}
.grid .grid-item img {  display: block;  max-width: 100%;}

.grid .grid-item .txt { letter-spacing: -0.3px; margin:5px 10px 20px 10px; }

/* list_gallery.php 끝 */






















/* ****************************************************************************************** *
 * view.skin.php 시작
 * ****************************************************************************************** */

/*상단 제목, 카테고리 */

#bo_v{padding-bottom:48px; }

@media screen and (max-width: 767px){ 
#bo_v .table-responsive { overflow-y: hidden;overflow-x: hidden; border: 0px solid #ddd;} 
#bo_v .table-responsive>.table>tbody>tr>td { white-space: inherit;}
#bo_v_info strong { margin: 0 5px 0 0;letter-spacing:-1px;} 
}


/* 상단 메뉴(답변글쓰기 수정) */
#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}

#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#000}
#bo_v_info .if_date {margin:0;color:#888}


.btn_bo_user a { color: #999; text-decoration: none; }
.btn_bo_user .btn { color: #999;  }



/* 글제목 출력, 카테고리 */
#bo_v_title {text-align: center; margin-top: 24px;word-break:break-all;}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#fff;color:#f666b1;padding:0 10px;border: 1px solid #f666b1;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 50px;
    -webkit-border-radius: 50px; font-size: 0.9rem;margin-bottom: 24px;}
#bo_v_title .bo_v_tit {display: block;font-size: 1.2em;margin:20px 20px;word-break: break-all;font-family: 'Noto Serif KR', serif;/* letter-spacing: -.64px;padding: 0 120px */ font-weight: bold; line-height: 1.2;}


/*작성일 수정일*/
#bo_v .profile {letter-spacing: -.3px;color: #878787;text-align: center; padding: 10px;border-bottom: 1px solid #f1f1f1;font-size: 12px;}
#bo_v .profile .if_date span{word-break:normal;/* display:inline; */}
#bo_v .profile .if_date2::after { content: "|"; color: #ccc; padding:0 5px }
#bo_v .profile .if_date3::after { content: "|"; color: #ccc; padding:0 5px }
@media (max-width: 768px) { #bo_v .profile .if_date2 { display: block; }  #bo_v .profile .if_date2::after { display: none; }  } 

/*본문 타이틀*/
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}	



/*여분필드 정리 테이블*/
tr.table_tr_width td.th_width {  width: 120px; }
table { table-layout: fixed; word-wrap: break-word; }
table th, table td { overflow: hidden;} 


/* sns 공유 */
#bo_v_share{vertical-align:top; padding:20px 0 20px 0; font-size:13px; text-align:right;}
#bo_v_share .btn{margin-left:3px; vertical-align:top; border:1px solid #dde0e3;font-size: 13px;width:120px; height:40px; line-height:27px;}
.gw_m_sns{display:inline-block; width:120px; height:40px; line-height:40px; border:1px solid #dde0e3; background:#fff; position:relative;}
.gw_m_sns_con{display:block; text-align:center;cursor: pointer;}
.gw_m_sns_con> i{margin-right:5px;}
#bo_v_sns{padding:0;list-style:none;zoom:1;display:none; position:absolute; bottom:24px; left:-1px; z-index:555;}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns.on{display:block;}
#bo_v_sns li{float:none; width:120px; margin-right:0;}
#bo_v_sns li a, #bo_v_share .btn{border-radius:0;} 
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}




/* 추천 비추천  */
#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#0cf;border-color:#0cf;}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}


/* 첨부파일 & 링크 */
#bo_v_file, #bo_v_link{margin-bottom:10px;}
#bo_v_file h2, #bo_v_link h2{position:static; padding:10px 10px 8px; background:#f7f8f9; font-size:14px; overflow:inherit; line-height:1.5;}
#bo_v_file ul{margin-bottom:10px;}
#bo_v_file ul, #bo_v_link ul{padding:15px; border:1px solid #dde0e3; list-style-type: none;}
#bo_v_file li, #bo_v_link li{margin:0; padding:0; border:0; border-radius:0; -webkit-box-shadow:inherit; box-shadow:inherit; position:relative;}
#bo_v_file li i, #bo_v_link li i{margin-right:8px;}
#bo_v_file li i, #bo_v_file a, 
#bo_v_link li i, #bo_v_link a{float:none; display:inline-block; font-size:14px; color:#646873; word-break:break-all;}
#bo_v_file .bo_v_file_cnt{display:block; font-size:0.7em; text-align:right; color:#8c8d90;font-size: 0.7em;}
#bo_v_link .bo_v_link_cnt{position:absolute; top:0; right:0; color:#8c8d90;font-size: 0.7em;}

/* 첨부파일 & 링크 hover */
#bo_v_file li:hover, #bo_v_link li:hover{color:#3e4046; border-color:#3e4046;}
#bo_v_file li:hover i, #bo_v_link li:hover i{color:#3e4046;}
#bo_v_file li:hover .bo_v_file_cnt, #bo_v_link li:hover .bo_v_link_cnt{color:#3e4046;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active, 
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active{color:#3e4046;}

#bo_v_link li p{ text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

/* 이전글, 다음글 */
.bo_v_nb{display:table; width:100%; height:180px; margin:0; margin-bottom:10px; border-top:1px solid #eef1f5; position:relative;}
.bo_v_nb > a{display:table-cell; width:50%; height:100%; padding:0 60px; border:none; text-align:center; vertical-align:middle; position:relative;}
.bo_v_nb > a:after{content:""; display:block; position:absolute; top:0; left:-2px; width:100%; height:2px; background:transparent;
	-webkit-transition:background .3s; transition:background .3s;}
.bo_v_nb > a:last-child{border-bottom:none;}
.bo_v_nb > a.btn_next{padding-left:96px;}
.bo_v_nb > a.btn_prv{padding-right:96px;}
.bo_v_nb .nb_list{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:72px; height:72px; 
	background-image:url('img/icon_list.svg'); background-repeat:no-repeat; 
	background-position:50% 50%; background-size:18px auto; background-color:#646873; z-index:1; 
	-webkit-transition:all .3s linear; transition:all .3s linear;}
.bo_v_nb > a .nb_tit{padding:0; font-size:22px; color:#646873; position:relative;}
.bo_v_nb > a > p{display:-webkit-box; padding-top:8px; font-size:15px; color:#8c8d90; text-overflow:ellipsis;
    -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.3em; overflow:hidden; 
	-webkit-transition:all .3s; transition:all .3s;}
.bo_v_nb > a .nb_date{display:none;}
.bo_v_nb > a i{position:absolute; top:6px; font-size:16px; color:#3e4046; opacity:0; transition:all .3s ease;}
.bo_v_nb > a i.fa-chevron-left{left:0;}
.bo_v_nb > a i.fa-chevron-right{right:0;}

/* 이전글, 다음글 hover */
.bo_v_nb > a:hover:after{background:#3e4046;}
.bo_v_nb > a:hover .nb_tit, 
.bo_v_nb > a:hover p{color:#3e4046;}
.bo_v_nb > a:hover i{opacity:1;}
.bo_v_nb > a:hover i.fa-chevron-left{left:-24px;}
.bo_v_nb > a:hover i.fa-chevron-right{right:-24px;}
.bo_v_nb .nb_list:hover{background-position:50% 40%; background-color:#3e4046;}
.bo_v_nb .nb_list > a{display:block; width:100%; height:100%; }
.no_link{cursor:default;}

/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {
	
	/* view share */
	#bo_v_share .btn, .gw_m_sns{height:34px; line-height:34px;width: 34px;} 
	.gw_m_sns_con span { display:none; }
	.gw_m_sns_con> i { margin-right: 0px;}
	#bo_v_sns li a { width: 34px;}
	#bo_v_sns li img { margin-right: 0px; }

	/* 추천 비추천 */
	#bo_v_act .bo_v_good > .txt, #bo_v_act .bo_v_nogood > .txt {font-size:12px;}
	#bo_v_act .bo_v_good, 
	#bo_v_act .bo_v_nogood, 
	#bo_v_act strong{height:30px; padding:0px; line-height:30px;}
	#bo_v_act strong{line-height:28px;}
	#bo_v_act i{margin-right:8px; font-size:14px;}
	#bo_v_link li i, #bo_v_link a{font-size: 0.7em;}	

	/* view file */
	#bo_v_file .bo_v_file_cnt, #bo_v_file a {font-size: 0.7em; }
	
	/* view comment */
	#fviewcomment{background:#f7f7f7}
	#bo_vc{font-size:14px;}
	#bo_vc article, .cmt_btn{border-bottom-color:#dde0e3;}
	.bo_vc_w_form_control{width:49%; margin-right:1%;}
	.bo_vc_w_form_control:last-child{margin-left:1%;}
	.bo_vc_w_form_control > label{width:60px;}
	.bo_vc_w_form_control > input{width:calc(100% - 64px);}

	/* view 이전글 다음글 */
	.bo_v_nb{height:54px; border-top-color:#dde0e3;margin-bottom: 50px! important;}
	.bo_v_nb .nb_list{width:56px; height:56px;}\
	.bo_v_nb .nb_list:hover{background-position:center; background-color:inherit;}
	.bo_v_nb > a .nb_tit{font-size:15px;}
	.bo_v_nb > a > p{display:none; color:#3e4046;}

	.bo_v_nb > a.btn_next{padding-left:36px;}
	.bo_v_nb > a.btn_prv{padding-right:36px;}

	

	

}	
	
	
/* view.skin 끝-------------------------------------------------------------------------------*/


























/* ****************************************************************************************** *
 * write.skin.php 시작
 * ****************************************************************************************** */



.m_b_5 {  margin-bottom: 5px;  }
#bo_w .form-control { line-height: 1.25! important;}

/* 무료이미지 링크 토클  */ 
.photo_plus {background-color:#f8585b;color:#fff;padding: 10px 30px;margin: 4px;cursor: pointer;}  /* 이미지추가버튼  */ 
.bsd_toggle { margin: 20px 0 20px 0;width:100%;} 
.bsd_toggle > li {display: block;list-style: outside none none;	margin-bottom: 0px;} 
.bsd_toggle-title {/*font-weight: 400;font-size: 18px;*/ color: #fff; margin-bottom: 0; margin-top: 0;}
.bsd_toggle_view {
    background-color: #777;cursor: pointer;display: block;padding: 0 20px;text-decoration: none;height: 52px;border-radius: 2px;
	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;	-ms-transition: all 0.2s;-o-transition: all 0.2s; transition:all 0.2s;line-height: 52px;position: relative;
}
.bsd_toggle_view.bsd_toggle_opened {background: #03adf8;border-radius: 3px 3px 0 0;border-bottom: 1px solid rgba(255,255,255,0.12);}
.bsd_toggle_detail {	padding: 15px 20px;display: none;line-height: 20px;/*font-weight: 300;font-size: 16px;*/background-color: #fff;color: #fff;border-radius: 0px;border: 1px solid #ccc;	}
.bsd_toggle_view:hover {text-decoration: none;background: #03adf8;}
.bsd_toggle_view.bsd_toggle_opened {background-color: #03adf8;border: 0 none;}
.bsd_toggle_view.bsd_toggle_opened .bsd_toggle-title,.bsd_toggle_view:hover .bsd_toggle-title {color: #fff;}


/*write 활용 뱃지 css*/
.tip { background: #3535354a; padding: 5px 0 5px 10px; margin:5px 0 5px 0; color: #fff;border-radius: 3px;}
.badge_bgcolor { color: #fff; background-color: #ff9700; margin-right:10px;}
.alert_bgcolor { color: #fff; background-color: #777; border-color: #666; }


/*write 임시저장된글 */
#bo_w .bo_w_tit #btn_autosave { height: 40px;line-height: 40px; font-size: 14px; letter-spacing: -1.5px; }
#autosave_pop ul li { list-style-type: decimal; }
.autosave_del {cursor: pointer;color: #fff; background-color: #dc3545; border-color: #dc3545; border-radius: .25rem; font-size: 0.7em;}


/*기존 첨부파일 삭제 폰트사이즈 */
.file_del { font-size: 0.7em;}

/*write 버튼 css*/
#bo_w .btn_cancel { width: 30%; height: 50px; line-height: 50px; padding: 0 30px; border: 1px solid #dcdcdc; background: #fff;color: #333; border-radius: 0px;font-weight: 500;}
#bo_w .btn_cancel:hover { background: #333; color: #fff;}  
#bo_w .btn_submit { width: 30%; height: 50px; line-height: 50px; padding: 0 30px; border: 1px solid #666; background: #666; color: #fff; border-radius: 0px;font-weight: 500;}
#bo_w .btn_submit:hover { background: #333;}  
#bo_w .btn_confirm { margin-bottom:30px; text-align:center;}
@media (max-width: 767px) { #bo_w .btn_cancel { width: 47%; } #bo_w .btn_submit { width: 47%; }  }