@charset "utf-8";

.nav_bar h2 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.nav_bar h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #111;
}
.nav_bar h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #333;
}
.nav_bar .bo_title {
    float: left;
    padding-top: 12px;
}
.view_head_wrap {
    border: 1px solid #dedede;
    border-bottom: 2px solid #dedede;
    position: relative;
}
.view_head_wrap .button-wrap {
    border-bottom: 1px dashed #dedede;
}
.view_head h1 {
    padding: 0 100px 15px 5px;
    /* font-family: dotum; */
    font-size: 16px;
    color: #000;
}

.view_head .view_info_wrap {
    border-top: 1px dashed #dedede;
    width: 100%;
    padding-top: 15px;
    text-align: right;
}
.list_title {min-height: 80px;}
.view_head .view_info_wrap .writer_name {
    float: left;
    padding-left: 5px;
}
.view_head .view_info_wrap .view_info {
    float: right;
    font-family: verdana;
    font-size: 11px;
    color: #858585;
    padding: 3px 5px 0 0;
    letter-spacing: -0.05em;
}

.list-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
}
.contents-wrap {
	color: #000;
}

.form-control_in {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #494949;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #f2f2f2;
}

.input-group-text_in {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.bo_safety_view_con_line h2{
  padding: 5px 10px;
  border-bottom:1px solid #848484;
  border-left:8px solid #848484;
}
/* 리스트 스타일 모바일 목록 */

@media all and (max-width:767px) {

	.responsive #bo_list .float-left.float-md-none {

		margin-right:1.0rem;

	}

	.responsive #bo_list .na-title {

		margin-bottom:0.14rem;

	}

}



/* 갤러리 스타일 */

#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_webzine .chk-box {

	position:absolute;

	bottom:5px;

	right:10px;

	z-index:2;

}

#bo_webzine .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

}

.view-content {min-height: 200px;}
@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;

	}

}