@charset "utf-8";

/* 게시판 목록 */
#bo_gall {
		position:relative;
		max-width:1680px;
		margin:auto;
	}
#bo_cate {
		position:relative;
		max-width:1180px;height:70px;
		margin:auto;margin-top:-70px;
		border:3px solid #f63;border-bottom:none;
		background:#fff;
		z-index:10;
	}
#bo_cate ul {
		display:none;
		position:absolute;left:0;top:67px;
		width:100%;max-height:70vh;
		padding:15px;
		border-radius:0 0 7px 7px;
		background:rgba(0,0,0,.6);
		overflow-y:auto;
	}
#bo_cate:hover ul {display:block;}
#bo_cate ul li+li {border-top:1px solid rgba(255,255,255,.6);}
#bo_cate ul li a {
		display:block;
		padding:12px 10px;
		font-size:1.25em;color:#fff;
		transition:all .2s;
	}
#bo_cate ul li a:hover {
		color:#fd3;
		background:rgba(0,0,0,.6);
	}
.view_bo_cate {
		display:block;
		position:relative;
		padding:0 20px;
		font-size:1.25em;line-height:67px;
}
.view_bo_cate:after {
		content:'\f0d7';
		display:block;
		position:absolute;right:20px;top:0;
		font-family:var(--ff-FA);font-size:1.15em;color:#f63;
	}

#gall_ul {display:grid;grid-template-columns:repeat(auto-fill, minmax(23%, auto));grid-gap:60px 30px;}
#gall_ul .gall_li {position:relative;}
#gall_ul .gall_li * {display:block;}
#gall_ul .gall_li .gall_chk {
		position:absolute;top:0;right:0;
		padding:5px;
		z-index:1;
	}
#gall_ul .gall_li .img {
		margin-bottom:20px;padding:10px;
		border:1px solid #e1e1e1;
		text-align:center;
	}
#gall_ul .gall_li:hover .img {
		padding:9px;
		border:2px solid #f63;
	}
#gall_ul .gall_li .img img {margin:auto;}
#gall_ul .gall_li .cate {margin-bottom:7px;color:#2d71b3;}
#gall_ul .gall_li .tit {font-size:1.35em;font-weight:normal;line-height:1.3em;}
#gall_ul .gall_li .gall_op {position:absolute;left:5px;top:5px;}
#gall_ul .gall_li .gall_op span {
		display:block;
		width:30px;height:30px;
		border-radius:3px;
		font-weight:600;color:#fff;line-height:30px;
		text-align:center;
		background:rgba(5,100,210,.7);
	}

/* 게시판 읽기 */
#bo_v {
		position:relative;
		padding:70px 0;
	}
#bo_v_title {
		position:relative;
		margin-bottom:50px;
		line-height:1.5em;
	}
#bo_v_title span.bo_v_cate {
		display:block;
		font-size:1.25em;font-weight:normal;color:#2d71b3;
	}
#bo_v_title span.bo_v_cate:after {
		content:'';display:block;
		width:25px;height:3px;
		margin:18px 0 15px;
		background:#2d71b3;
	}
#bo_v_title strong {font-size:2em;font-weight:500;}
#bo_v_file {
		position:relative;
		margin-bottom:20px;padding:12px;
		border:1px solid #333;border-radius:5px;
		background:rgba(0,0,0,.7);
	}
#bo_v_file li+li {
		margin-top:10px;padding-top:10px;
		border-top:1px dashed rgba(255,255,255,.5);
	}
#bo_v_file a {
		display:block;
		position:relative;
		padding:7px 15px 7px 35px;
	}
#bo_v_file a:before {
		content:'\f019';
		position:absolute;left:10px;top:7px;
		font-family:var(--ff-FA);color:rgba(255,255,255,.7);
	}
#bo_v_file a strong {
		display:block;
		margin-bottom:7px;
		font-weight:normal;font-size:1.1em;color:#fff;
	}
#bo_v_file a span {
		display:inline-block;
		font-family:var(--ff-MT);font-size:.78em;color:rgba(255,255,255,.5);
		text-transform:uppercase;
	}
#bo_v_file a span.bo_v_file_down {
		margin-right:10px;padding-right:15px;
		border-right:1px solid #999;
	}
#bo_v_file a:hover strong {color:#fd3;}
#bo_v_atc {position:relative;}
#bo_v_img {position:relative;margin-bottom:30px;}
#bo_v_img figure {margin:0;text-align:center;}
#bo_v_img figure+figure {margin-top:30px;}
#bo_v_img figure a.view_image {display:inline-block;}
#bo_v_img figcaption {
		display:block;
		position:relative;
		margin-top:-18px;
		font-size:1.2em;
		z-index:2;
	}
#bo_v_img figcaption span {
		display:inline-block;
		padding:10px 40px;
		border:1px solid #ccc;border-radius:30px;
		background:linear-gradient(#fff 50%,#ececec);
		box-shadow:0 0 5px rgba(0,0,0,.2);
	}
#bo_v_con {
		min-height:200px;
		margin:10px 0 30px;
		font-size:1.2em;
		text-align:center;
	}
#bo_v_con > .innerWrap {
		display:inline-block;
		margin:auto;
		text-align:left;
	}
#bo_v_con * {line-height:1.5em;}
.video {
		position:relative;
		max-width:940px;
		margin:0 auto 50px;padding:30px;
		background:#000;
	} 
.video > .innerWrap {
		height:0;
		padding-bottom:56.25%;
		overflow:hidden;
	} 
.video iframe,.video-container object,.video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
#bo_v_link {position:relative;padding:15px;border:1px solid #dfdfdf;border-radius:5px;box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);}
#bo_v_link h2 {margin-bottom:20px;font-family:var(-ff-KOL);font-size:1.25em;font-weight:normal;color:#4c4c4c;}
#bo_v_link li {border-top:1px solid #efefef;}
#bo_v_link a {display:block;padding:10px;font-size:.88em;transition:all .2s;}
#bo_v_link a:before {content:'\f08e';margin-right:10px;font-family:var(--ff-FA);color:#6586a9;}
#bo_v_link a:hover {color:#6586a9;background:#fafafa;}

/*글쓰기*/
#char_count_desc {
		display:block;
		margin:0 0 5px;padding:0;
	}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#bo_w {
		position:relative;
		padding:70px 0;
	}
#bo_w .bo_v_option li {
		float:left;
		display:inline-block;
		margin:0 5px 0 0;
		text-align:left;
	}
#bo_w .bo_v_option li label {vertical-align:baseline;}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px;}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
#bo_w .bo_w_info:after {
		content:"";
		display:block;
		clear:both;
		visibility:hidden;
	}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%;}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%;}
#bo_w .wr_content.smarteditor2 iframe {background:#fff;}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_link label {
		position:absolute;top:1px;left:1px;
		width:40px;height:38px;
		border-radius:3px 0 0 3px;
		font-size:1.2em;color:#b2b2b2;line-height:38px;
		text-align:center;
	}
#bo_w .bo_w_link .frm_input {padding-left:50px;}
#bo_w .bo_w_flie .lb_icon {
		position:absolute;top:0px;left:0px;
		width:40px;height:38px;
		border-radius:3px 0 0 3px;
		font-size:1.2em;color:#b2b2b2;line-height:38px;
		text-align:center;
	}
#bo_w .bo_w_flie .frm_file {margin-top:3px;padding-left:50px;}
#bo_w .bo_w_flie .file_wr {
		position:relative;
		height:40px;
		margin:0;padding:5px;
		border:1px solid #ccc;border-radius:3px;
		color:#000;
		vertical-align:middle;
		background:#fff;
	}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {
		position:absolute;top:10px;right:10px;
		font-size:0.92em;color:#7d7d7d;
	}
#bo_w .bo_w_select select {
		width:100%;height:40px;
		border:1px solid #d0d3db;border-radius:3px;
	}
#bo_w .btn {padding:0 20px;font-size:1.15em}
#bo_w .desc {
		margin-top:20px;
		font-size:.92em;color:#4c4c4c;line-height:1.3em;
	}
#bo_w .desc:before {
		content:'\f069';
		margin-right:10px;
		font-family:var(--ff-FA);color:#f63;
	}
#bo_w .desc strong {font-weight:normal;color:#f30;}
#bo_w .desc ol {margin:12px 0 0 7px;}
#bo_w .desc ol li {color:#4c4c4c;line-height:1.3em;}
#bo_w .desc ol li+li {margin-top:5px;}

@media (max-width:1340px) {
	#bo_v {padding:70px 10px;}
	#bo_w {padding:10px;}
}
@media (max-width:1180px) {
	#bo_cate {margin:-70px 10px 30px;}
	#bo_cate ul li a {padding:10px;font-size:1.05em;}
	#gall_ul, .bo_info {padding:0 10px;}
	#bo_v {padding:40px 10px;}
}
@media (max-width:1024px) {
	#gall_ul {grid-template-columns:repeat(auto-fit, minmax(48%, auto));grid-gap:60px 20px;}
	#bo_v_con {margin:10px 0;font-size:1em;}
}
@media (max-width:768px) {
	#bo_cate {margin:0 0 30px;height:50px;border:none;}
	#bo_cate ul {top:50px;border-radius:none;}
	.view_bo_cate {line-height:50px;font-size:1.05em;color:#fff;background:#000;}
	#gall_ul {display:block;}
	#bo_gall .gall_li+.gall_li {margin-top:30px;}
	#bo_gall .gall_li .cate {margin:20px 0 5px;}
	#bo_gall .gall_li .tit {font-size:1.05em;}
	#bo_w .desc {font-family:inherit;font-size:.88em;}
	#bo_w .btn {padding:0 10px;font-size:1em}
	#bo_v {padding:20px 10px;}
	#bo_v_title {margin-bottom:30px;}
	#bo_v_title strong {font-size:1.25em;}
	#bo_v_img figcaption {font-size:1em;}
	#bo_v_con {min-height:auto;padding-bottom:20px;}
	#bo_v_link {padding:15px 10px 5px;}
	#bo_v_link h2 {margin-bottom:10px;font-size:1.05em;}
}

/* 제품 테이블 마크업 */
h4.tit {
	margin-bottom:10px;
	font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;
}
h4.tit::before {
	content:'\f138';
	margin-right:15px;
	font-family:var(--ff-FA);
	color:#2d71b3;
}
.prod_tbl_wrap {
	width:100%;max-width:100%;
	overflow-x:auto;
}
.prod_tbl {
	width:100%;
	border-bottom:2px solid #333;
}
.prod_tbl caption {
	padding-bottom:10px;
	border-bottom:2px solid #333;
	font-size:.92rem;
	color:#808080;
	text-align:right;
}
.prod_tbl th, .prod_tbl td {
	padding:12px 10px;
	border-right:1px solid #efefef;border-bottom:1px solid #ccc;
	text-align:center;
}
.prod_tbl tr > *:last-child {border-right:0;}
.prod_tbl tbody tr:last-child > * {border-bottom:0;}
.prod_tbl thead th {
	font-weight:500;
	color:#fff;
	background:#2d71b3;
}
.prod_tbl tbody {font-size:1.05rem;}
.prod_tbl tbody tr:nth-child(odd) > * {background:#f9f9f9;}
.prod_tbl tbody th {
	font-weight:500;
	color:#2d71b3;
}
.prod_tbl_note {font-size:1rem;}
.prod_tbl_note ul {
	display:flex !important;
	gap:60px;
}
.prod_tbl_note strong {
	color:#d92f2f;
}

@media (max-width:1024px) {
	.prod_tbl_note ul {
		flex-direction:column;
		gap:5px;
	}
}