.bbs_cnt_title {position:relative; padding:3%;clear: both;margin:1rem auto;border-radius: 0.25rem;width:55%;background-color:#EEE;overflow: hidden;text-align:center;}
.bbs_cnt_title:after {clear: both;content: "";display: block;}
.bbs_cnt_title h3{font-size:2.25rem;font-weight:600;margin:0 auto;}

.none_table {border:none; padding:0;margin:0;}
.none_table tbody th, .none_table tbody td{border:none; padding:0;margin:0;}

#attached_file {position:relative;margin-bottom:10px;clear: both;}
#attached_file:after {content:""; display:block; clear:both;}
#attached_file dl{float:left;margin:3px;}
#attached_file dl dt{clear: both;border:1px solid #DDD;text-align:center;padding:0.25rem;margin-bottom:0.25rem;font-size:0;min-width:100px;height:70px;border-radius:0.25rem;overflow: hidden;
display:flex;
justify-content:center;
align-items:center;
}
#attached_file dl dt img{max-width:100px;max-height:70px;min-width:100px;}
#attached_file dl dd{clear: both;display: block;}

#attached_file dl._bead dt{background-color:#444;}
#attached_file dl._bead dt{border:1px solid red;}

/* news view page */
.skin_view {position: relative; overflow: hidden; padding: 0 0 10px 0px; font-size: 13pt; line-height: 1.9;color:#000;}
.skin_view table {font-size: 13pt; line-height: 1.5;}
.skin_view td {line-height: 1.5;}
.skin_view ul li{list-style:disc inside;}
.skin_view ol li{list-style:decimal inside;}
.skin_view a {}
.skin_view a img {vertical-align:top;}
.skin_view img {max-width:100%;}
.skin_view p {margin-bottom:0rem;}
.skin_view table p {margin:0;}

.skin_view h1 {font-size: 2em;font-weight: bold;}
.skin_view h2 {font-size: 1.5em;font-weight: bold;}
.skin_view h3 {font-size: 1.17em;font-weight: bold;}
.skin_view h4 {font-size: 1em;font-weight: bold;}
.skin_view h5 {font-size: 0.83em;font-weight: bold;}
.skin_view h6 {font-size: 0.67em;font-weight: bold;}

figure {max-width:100%;padding: 0;}
figure img{max-width:100%;}
figure figcaption {text-align: left;padding: 8px;margin-top:0;color: #999;font-size: 0.85rem;word-break: keep-all;line-height: normal;}
figure figcaption p{margin-bottom:0 !important}

.image.align-center{display: table;margin:0 auto;margin-bottom:1.5rem;text-align:center;}
.image.align-left{float: left;margin-left:0;margin-right:1.5rem;text-align:center;}
.image.align-right{float: right;margin-left:1.5rem;margin-right:0;text-align:center;}

table.align-center{margin:0 auto;margin-bottom:1.5rem;text-align:center;}
table.align-left{float: left;margin-left:0;margin-right:1.5rem;text-align:center;}
table.align-right{float: right;margin-left:1.5rem;margin-right:0;text-align:center;}

.__se_tbl td._c2 {margin:0 auto;padding:0;}
.__se_tbl td._c2 img{width:60% !important;margin:0 auto;padding:0;vertical-align:bottom;}
.__se_tbl td._caption{padding:5px 0;line-height: 1.2; font-size: 0.85rem !important; color: #8191af;}

.__se_mov{margin:0 auto;margin-bottom:1.5rem;text-align:center;}
.skin_view iframe[data-type-iframe] {
  width: 100%;
  aspect-ratio: 16 / 9; /* 16:9 비율 */
  height: auto;
  display: block;
}

/* new */
.skin_view .photo-layout.float-left {
    float: left!important;
    margin-right: 1.5rem;
	max-width:35%;
}
.skin_view .photo-layout.float-right {
    float: right!important;
    margin-left: 1.5rem;
}
.skin_view .photo-layout {
    margin-bottom: 1rem;
    text-align: center;
}
.skin_view .photo-layout figcaption, .skin_view .simplebox-title {
    padding: 0 0.625rem;
    margin-top: 0.75rem;
    font-size: .8125rem;
    font-weight: 400;
    font-weight: var(--wgt400, 400);
    line-height: 1.625;
    color: #777;
    text-align: center;
}


.view_info_box {border-top:2px solid #333;border-bottom:1px solid rgba(0,0,0,.12);clear:both;}

.view_subject {margin:0;padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.08);}
.view_subject h3 {margin:0;font-size:1.35rem;font-weight:700;line-height:1.5;color:#222;}

.view_info_row {display:flex;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.08);}
.view_info_row:last-child {border-bottom:0;}
.view_info_label {flex:0 0 95px;padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:#333;}
.view_info_cont {flex:1;min-width:0;padding:.5rem .75rem;font-size:.85rem;line-height:1.6;color:#333;word-break:break-all;}

.view_meta {display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .75rem;}
.view_meta span {position:relative;display:inline-flex;align-items:center;gap:4px;}
.view_meta span:not(:last-child)::after {content:'';width:1px;height:11px;background:rgba(0,0,0,.25);margin-left:.75rem;}
.view_attach a {display:block;color:#333;text-decoration:none;}
.view_attach a:hover {color:#0d6efd;text-decoration:underline;}
.view_attach font {font-size:.75rem!important;color:#777;}

@media (max-width:576px) {
	.view_info_row {display:block;}
	.view_info_label {display:block;width:100%;padding:.5rem .75rem;}
	.view_info_cont {display:block;width:100%;padding:.6rem .75rem;}
	.view_subject h3 {font-size:1.15rem;}
	.view_meta {display:block;}
	.view_meta span {display:inline-flex;margin-right:.5rem;margin-bottom:.25rem;}
	.view_meta span:not(:last-child)::after {display:none;}
}

/*리스트 테이블*/
#bbs_list {width:100%;min-height:200px;}
.bbs_list_wrap {clear:both;}
.bbs_description {margin-bottom:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-size:.92rem;line-height:1.6;color:#444;}
.bbs_category {margin-bottom:1rem;overflow:hidden;}
.bbs_category ul {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;}
.bbs_category li {margin:0;padding:0;list-style:none;}
.bbs_category a {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #ddd;border-radius:999px;background:#fff;font-size:.85rem;color:#333;text-decoration:none;}
.bbs_category a:hover,
.bbs_category li.select a{border-color:#111;background:#111;color:#fff;}
.bbs_table {width:100%;margin:1rem auto;border-collapse:collapse;table-layout:fixed;border-top:2px solid #222;}
.bbs_table a {color:#222;text-decoration:none;outline:none;}
.bbs_table a:hover {color:#0d6efd;text-decoration:underline;}
.bbs_table .col_check {width:8%;}
.bbs_table .col_no {width:8%;}
.bbs_table .col_subject {width:auto;}
.bbs_table .col_writer {width:15%;}
.bbs_table thead {border-bottom:1px solid #dcdcdc;background:#fafafa;}
.bbs_table thead th {height:52px;padding:0 .5rem;font-size:.86rem;font-weight:600;text-align:center;color:#333;}
.bbs_table tbody tr {border-bottom:1px solid #eee;background:#fff;transition:background-color .15s ease;}
.bbs_table tbody tr:hover {background:#f6f9ff;}
.bbs_table tbody th, .bbs_table tbody td {padding:13px .65rem;font-size:.9rem;font-weight:400;color:#444;vertical-align:middle;}
.bbs_table .bbs_check {text-align:center;}
.bbs_table .bbs_no {text-align:center;color:#777;}
.bbs_table .bbs_subject {text-align:left;}
.bbs_table .bbs_writer {text-align:center;color:#555;}
.bbs_notice {display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 8px;border-radius:999px;background:#111;color:#fff;font-size:.75rem;font-weight:600;}
.bbs_title {display:flex;align-items:center;gap:5px;min-width:0;margin-bottom:5px;line-height:1.45;}
.bbs_title a {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;letter-spacing:-.04rem;line-height:1.45;color:#111;word-break:break-all;}
.bbs_comment {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position:relative;
	min-width:18px;
	height:16px;
	padding:0 5px;
	margin-left:5px;
	background:#ddd;
	color:#777;
	border-radius:9px;
	font-size:11px;
	font-weight:bold;
	line-height:1;
	vertical-align:middle;
	top:-1px;
}
.bbs_comment:after {
	content:"";
	position:absolute;
	left:5px;
	bottom:-3px;
	width:0;
	height:0;
	border-top:4px solid #ddd;
	border-right:4px solid transparent;
}

.bbs_new {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:18px;padding:0 5px;border-radius:4px;background:#ff4757;color:#fff;font-size:.65rem;font-weight:700;line-height:18px;}
.bbs_meta {display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .7rem;margin:0;padding:0;font-size:.8rem;line-height:1.5;color:#777;word-break:break-all;}
.bbs_meta span {position:relative;display:inline-flex;align-items:center;gap:4px;}
.bbs_meta span:not(:last-child)::after {content:'';width:1px;height:10px;margin-left:.7rem;background:rgba(0,0,0,.22);}
.bbs_meta .cate {font-weight:600;}
.bbs_meta i {font-size:.95rem;line-height:1;}
.form-check-input {width:16px;height:16px;margin:0;vertical-align:middle;cursor:pointer;}


/* <i> 태그를 아이콘 박스로 만드는 기본 설정 */
.custom-icon {display: inline-block;width: 16px;height: 16px;vertical-align: middle;background-repeat: no-repeat;background-size: contain;}
.icon-user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m0-8c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3M4 22h16c.55 0 1-.45 1-1v-1c0-3.86-3.14-7-7-7h-4c-3.86 0-7 3.14-7 7v1c0 .55.45 1 1 1m6-7h4c2.76 0 5 2.24 5 5H5c0-2.76 2.24-5 5-5'%3E%3C/path%3E%3C/svg%3E");
}
.icon-user-circle {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='M12 6c-2.28 0-4 1.72-4 4s1.72 4 4 4 4-1.72 4-4-1.72-4-4-4m0 6c-1.18 0-2-.82-2-2s.82-2 2-2 2 .82 2 2-.82 2-2 2'%3E%3C/path%3E%3Cpath d='M12 2C6.49 2 2 6.49 2 12c0 3.26 1.58 6.16 4 7.98V20h.03c1.67 1.25 3.73 2 5.97 2s4.31-.75 5.97-2H18v-.02c2.42-1.83 4-4.72 4-7.98 0-5.51-4.49-10-10-10M8.18 19.02C8.59 17.85 9.69 17 11 17h2c1.31 0 2.42.85 2.82 2.02-1.14.62-2.44.98-3.82.98s-2.69-.35-3.82-.98m9.3-1.21c-.81-1.66-2.51-2.82-4.48-2.82h-2c-1.97 0-3.66 1.16-4.48 2.82A7.96 7.96 0 0 1 4 11.99c0-4.41 3.59-8 8-8s8 3.59 8 8c0 2.29-.97 4.36-2.52 5.82'%3E%3C/path%3E%3C/svg%3E");
}

.icon-eye {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='M12 9a3 3 0 1 0 0 6 3 3 0 1 0 0-6'%3E%3C/path%3E%3Cpath d='M12 19c7.63 0 9.93-6.62 9.95-6.68.07-.21.07-.43 0-.63-.02-.07-2.32-6.68-9.95-6.68s-9.93 6.61-9.95 6.67c-.07.21-.07.43 0 .63.02.07 2.32 6.68 9.95 6.68Zm0-12c5.35 0 7.42 3.85 7.93 5-.5 1.16-2.58 5-7.93 5s-7.42-3.84-7.93-5c.5-1.16 2.58-5 7.93-5'%3E%3C/path%3E%3C/svg%3E");
}
.icon-clock {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.58 2 2 6.58 2 12s4.58 10 10 10 10-4.58 10-10S17.42 2 12 2m0 18c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8-3.66 8-8 8'%3E%3C/path%3E%3Cpath d='M13 7h-2v6h6v-2h-4z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-home {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h1v7c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-7h1c.4 0 .77-.24.92-.62.15-.37.07-.8-.22-1.09l-8.99-9a.996.996 0 0 0-1.41 0l-9.01 9c-.29.29-.37.72-.22 1.09s.52.62.92.62Zm7 7v-5h4v5zm2-15.59 6 6V20h-2v-5c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v5H6v-9.59z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-trash {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='M17 6V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v2H2v2h2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8h2V6zM9 4h6v2H9zM6 20V8h12v12z'%3E%3C/path%3E%3Cpath d='M9 10h2v8H9zm4 0h2v8h-2z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-chevrons-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234d4d4d' viewBox='0 0 24 24'%3E%3Cpath d='m7.71 17.71 5.7-5.71-5.7-5.71-1.42 1.42 4.3 4.29-4.3 4.29z'%3E%3C/path%3E%3Cpath d='m11.29 7.71 4.3 4.29-4.3 4.29 1.42 1.42 5.7-5.71-5.7-5.71z'%3E%3C/path%3E%3C/svg%3E");
}
.skin_btn_wrap{
    margin-top: 2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 1rem 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.skin_btn_wrap .btn_grp {
    position: relative;
    display: flex;
    gap: 0.8rem;
}

/*댓글쓰기*/
#commt_write fieldset { display:inline;margin:0;padding:10px 0; border:0 none;width:100%;}
#commt_write legend {display:none;}

/*댓글리스트*/
.commt_list {position:relative;width:100%;font-size:0.90rem;}
.commt_list dl {margin-bottom:10px;padding-bottom:2px;border-bottom:1px solid #ddd;}
.commt_list dl:last-child {margin-bottom:0;border-bottom:0;}
.commt_list dt {position:relative;margin:0;margin-bottom:5px;}
.commt_list dd {position:relative;margin:0;padding-bottom:20px;}
.commt_list dl:last-child ddxx {padding-bottom:0;}

.commt_list span.uico{float:left;margin-right:0.5rem;height:32px;line-height:32px;}
.commt_list span.name{font-weight:bold; color:#444;display:block;height:32px;line-height:32px;padding-left:5px;font-size:0.85rem;}
.commt_list span.date{position:absolute;right:0;bottom:5px;text-align:right; color:#C5C5C5;font-size:0.85rem;}
.commt_list span.del{position:absolute;right:0;bottom:0px;text-align:right;}
.commt_list span.del a{color:#C5C5C5;font-size:0.85rem;}