@charset "utf-8";

/* 모바일 목록 */
@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_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
}
@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;
}

#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;
	}
}

.view-content img {
	margin-bottom: 3rem !important;
}

.view-text-seo{
	line-height:1.5;
	word-break:keep-all;
}

/* 메인 제목 */
.view-text-seo h2{
	position:relative;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	font-size: clamp(16px,2vw,20px);
}

.view-text-seo h2:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:110px;
	height:6px;
	border-radius:20px;
	background:linear-gradient(90deg,#00d68f,#019589,#017e72);
}

/* 중간 제목 */
.view-text-seo h3{
	position:relative;
	padding:1rem 1.5rem;
	font-size: clamp(14px,2vw,16px);
	font-weight:500;
	color:#14332d;
	border-radius:15px;
	background:linear-gradient(90deg,#eefcf8,#ffffff);
	border:1px solid rgba(1,149,137,.12);
	overflow:hidden;
}

.view-text-seo h3:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:6px;
	background:linear-gradient(180deg,#00d68f,#019589);
}

/* 마지막 제목 */
.view-text-seo h4{
	font-size: clamp(14px, 2vw, 16px);
	font-weight:500;
	color:#019589;
}

/* 링크 */
.view-text-seo a{
	color:#019589;
	font-weight:600;
	text-decoration:none;
	background-image:linear-gradient(#019589,#019589);
	background-repeat:no-repeat;
	background-size:100% 2px;
	background-position:0 100%;
	transition:.25s;
}

.view-text-seo a:hover{
	color:#01695f;
	letter-spacing:.2px;
}

/* 강조 */
.view-text-seo b{
	color:#111;
	font-weight:700;
	padding:0 .15em;
	background:
	linear-gradient(
		transparent 58%,
		rgba(0,214,143,.18) 58%,
		rgba(0,214,143,.35) 82%,
		rgba(0,214,143,.55) 100%
		);
		text-decoration:underline;
		text-decoration-color:#00c98b;
		text-decoration-thickness:2px;
		text-underline-offset:3px;
	}

/* 리스트 */
.view-text-seo ul{
	margin:25px 0;
	padding-left:20px;
}

.view-text-seo li{
	margin-bottom:12px;
}

/* 인용 */
.view-text-seo blockquote{
	margin:35px 0;
	padding:22px 28px;
	border-radius:15px;
	background:#f7fffc;
	border-left:5px solid #019589;
	box-shadow:0 10px 30px rgba(0,0,0,.05);
}