@charset "utf-8";
/* 
커뮤니티와 쇼핑몰 둘다 게시판을 사용하므로
게시판용 style은 분리하여
bbs/my/_board.php 에서 로드한다.
*/

/* ─────────────────────────────────────────────────
										게시판 레이아웃
───────────────────────────────────────────────── */
.boWrap{position:relative;width:100%;z-index:1;margin:0;padding:0;border-radius:0;}
.boWrap:after{display:block;visibility:hidden;clear:both;content:""}
.bo_list, .bo_gall, #bo_v, #bo_w{width:100%;margin:0 auto}




#bo_topbanner{position:relative;margin-bottom:20px;}
#bo_topbanner .banner_empty{min-height:46px;display:flex;align-items:center;justify-content:center;background:rgba(71,78,103,0.02);border:1px dashed rgba(71,78,103,0.3);color:rgba(71,78,103,0.5);font-size:15px;border-radius:8px;}
#bo_topbanner .banner_empty:before{content:'배너를 등록해 주세요.';}



/* ─────────────────────────────────────────────────
										게시판 타이틀
───────────────────────────────────────────────── */
#bo_title{font-family:var(--nexon);font-weight:700;}

#bo_title.blackGothic a{font-family:'Black Han Sans', sans-serif;font-weight:normal;}
#bo_title[class*='malgunGothic'] a{font-family:'Malgun Gothic', dotum, sans-serif;}
#bo_title.malgunGothic200 a{font-weight:200;}
#bo_title.malgunGothic400 a{font-weight:400;}
#bo_title.malgunGothic600 a{font-weight:600;}
#bo_title[class*='nanumSR'] a{font-family:'NanumSquareRound', sans-serif;}
#bo_title.nanumSR300 a{font-weight:300;}
#bo_title.nanumSR400 a{font-weight:400;}
#bo_title.nanumSR700 a{font-weight:700;}
#bo_title.nanumSR800 a{font-weight:800;}
#bo_title[class*='noto'] a{font-family:'Noto Sans KR', sans-serif;}
#bo_title.noto100 a{font-weight:100;}
#bo_title.noto200 a{font-weight:200;}
#bo_title.noto300 {font-weight:300;}
#bo_title.noto400 a{font-weight:400;}
#bo_title.noto500 a{font-weight:500;}
#bo_title.noto600 a{font-weight:600;}
#bo_title.noto700 {font-weight:700;}
#bo_title.nanum a{font-family:'Nanum Gothic', sans-serif;font-weight:normal;}
#bo_title.nanum-bold a{font-family:'Nanum Gothic', sans-serif;font-weight:bold;}
body[data-font-family='noto'] #bo_title{font-family:var(--noto);font-weight:500;}
body[data-font-family='nanumGothic'] #bo_title{font-family:var(--noto);font-weight:500;}

.bo_title_sub{display:block;margin-top:-40px;margin-bottom:50px;text-align:center}
.bo_title_sub a{color:inherit}
.bo_title_sub a:hover{text-decoration:underline}
.bo_title_sub .tag{vertical-align:middle;display:inline-block;padding:0 8px;height:24px;line-height:24px;font-size:11px;font-weight:400;color:#fff;text-align:center;border-radius:2px;background:rgba(71,78,103,0.85)}
.bo_title_sub .tag.light, .bo_title_sub .tag .light{color:#fff5bd}


/* ─────────────────────────────────────────────────
										태그 목록
───────────────────────────────────────────────── */
.tags-group{display:flex;align-items:center;flex-wrap:wrap;}
.tags-group .tag{height:var(--tag-height);padding:0 var(--tag-padding-lr);background:rgba(71,78,103,0.25);color:#fff;font-size:var(--tag-size);line-height:var(--tag-height);border-radius:30px;
	display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
.tags-group .tag:hover{background:rgba(71,78,103,0.45);}
.tags-group .tag.active{background:var(--green);}
.tags-group .tag:before{content:'#';margin-right:4px;}


/* ─────────────────────────────────────────────────
											아이콘
───────────────────────────────────────────────── */
[class*='boIcon_']{font-size:0;vertical-align:middle;display:inline-flex;justify-content:flex-start;position:relative;}
[class*='boIcon_']:before{content:"";font-family:'intaefont';position:relative;font-style:normal;font-weight:normal;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;}
.boIcon_notice{content:'';display:inline-flex;width:21px;height:21px;background:url('./img/icon_notice.svg') no-repeat center / 100% auto;}
.boIcon_new{display:inline-flex;width:16px;height:16px;background:url('./img/icon_new.svg') no-repeat center / 100% auto;}
.boIcon_file:before{content:'\e966';font-size:13px;font-weight:normal;color:rgba(71,78,103,0.85);}
/*.boIcon_img:before{content:'\e975';font-size:12px;color:rgba(71,78,103,0.7);}*/
.boIcon_img:before{content:'';font-size:0;width:12px;height:12px;background:url('./img/icon_img.gif') no-repeat center / auto 100%;}
.boIcon_video:before{content:'\e97d';font-size:14px;color:rgba(71,78,103,0.7);margin-top:-2px}
.boIcon_secret:before{content:"\e996";font-size:18px;color:rgba(71,78,103,0.8);}
.boIcon_hot{display:inline-flex;width:15px;height:21px;background:url('./img/icon_hot.svg') no-repeat center / auto 100%;transform:scale(0.8);}
.boIcon_link:before{content:'\e96c';font-size:15px;font-weight:normal;transition:all .2s ease-in-out;}
.boIcon_link:hover:before{color:var(--blue);}
.boIcon_attach:before{content:'\e0e5';font-family:'newfont';font-size:14px;display:inline-block;transform:rotate(90deg);}
[class*='boIcon_']:after{opacity:0;visibility:hidden;font-size:10px;line-height:1em;height:18px;padding:0 5px;white-space:nowrap;position:absolute;top:-20px;left:-5px;z-index:5;background:#fff;color:var(--blue);
	border:1px solid var(--blue);border-radius:3px;box-shadow:0 3px 4px rgba(0,0,0,0.03);transition:all .15s ease-in-out;display:inline-flex;align-items:center;justify-content:center;}
[class*='boIcon_']:hover:after{opacity:1;visibility:visible;transition-delay:0.15s;top:-25px}
.boIcon_notice:after{content:'공지글'}
.boIcon_file:after{content:'첨부파일'}
.boIcon_img:after{content:'첨부이미지';display:none;}
.boIcon_video:after{content:'동영상'}
.boIcon_secret:after{content:'비밀글'}
.boIcon_hot:after{content:'인기글'}
.boIcon_attach:after{content:'첨부링크'}

/* 게시물 사용여부 아이콘 */
[class*='boIcon_use_']{position:relative;display:inline-flex;justify-content:center;}
[class*='boIcon_use_']:before{content:"";font-family:'intaefont';color:#fff7c4;width:21px;height:21px;background-color:rgba(71,78,103,0.96);border-radius:2px;display:inline-flex;align-items:center;justify-content:center;}
.boIcon_use_pc:before{content:'\e982';font-size:11px}
.boIcon_use_mobile:before{content:'\e97f';font-size:13px}
.boIcon_use_none:before{content:'\e990';font-size:13px;}
.boIcon_use_admin:before{content:'\e29e';font-size:15px;background-color:#000;}
.boIcon_use_pc:after{content:'PC전용 글입니다';}
.boIcon_use_mobile:after{content:'모바일전용 글입니다';}
.boIcon_use_none:after{content:'비공개 글입니다';}
.boIcon_use_admin:after{content:'관리자전용 글입니다';}


/* ─────────────────────────────────────────────────
										회원이미지
───────────────────────────────────────────────── */
.mb_img{border-radius:50%;display:inline-flex;vertical-align:middle;}
.mb_img img{width:100%;height:100%;border-radius:50%;object-fit:cover;}
.mb_img.no_mb_img{border-radius:50%;background:rgba(170,170,170,0.6);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;}
.mb_img.no_mb_img:before{content:'\e4e2';font-family:'newfont';font-size:1em;margin-top:0.35em;color:#fff;text-align:center;}
.mb_img_name{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#ccc;border-radius:50%;overflow:hidden;color:rgba(255,255,255,0.9);font-family:'Hanna',fantasy;font-weight:normal;}






/* ─────────────────────────────────────────────────
										video-container
───────────────────────────────────────────────── */
.video-container{position:relative;font-size:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:center;}
.video-container:after{display:block;visibility:hidden;clear:both;content:"";margin:0;padding:0}
.video-container .btnController{position:absolute;top:50%;left:50%;z-index:3;margin-left:-30px;margin-top:-30px;width:60px;height:60px;color:#fff;background:rgba(0,0,0,1);border-radius:50%;opacity:0;
	display:inline-flex;align-items:center;justify-content:center;}
.video-container .btnController:before{content:'\e2af';font-family:'newfont';font-size:28px;}
.video-container .play + .btnController:before{content:'\e2aa';padding-left:0.13em;}
.video-container .btnController.click{animation:btnController 0.7s 0s 1 alternate;}
@keyframes btnController {
	0% {opacity:0;transform:scale(1);}
	20% {opacity:0.4;}
	70% {opacity:0.5;}
	100% {opacity:0;transform:scale(1.5);}
}
.video-container .btnController.large{margin-left:-45px;margin-top:-45px;width:90px;height:90px;}
.video-container .btnController.large:before{font-size:34px;}
.video-container .video{width:100%;}
.video-container .noimg{background:transparent}
.video-container .noimg:before{content:"";display:block;font-size:0;height:0;margin:0;width:100%;background:transparent}
.video-container.transparent .video{opacity:0;transition:all .2s ease-in-out}
.video-container.transparent .video.play{opacity:0}
/* __________ youtube-wrap __________ */
.youtube-wrap{position:relative;font-size:0;width:100%;overflow:hidden;z-index:20;background:rgba(0,0,0,1)}
.youtube-wrap iframe{width:100%;position:relative;float:left}
.youtube-wrap .video_thumb{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;cursor:pointer}
.youtube-wrap .video_thumb:before{font-size:24px;content:'\e490';font-family:'newfont';text-align:center;position:absolute;z-index:30;top:calc(50% - 1.2em);left:calc(50% - 1.2em);width:2.4em;height:2.4em;
	padding-left:0.15em;line-height:2.5em;color:rgba(255,255,255,0.95);background:rgba(0,0,0,0.65);	border-radius:50%;display:inline-block;transition:all .2s ease-in-out;opacity:0.7;z-index:3;}
.youtube-wrap .video_thumb:hover:before{opacity:1;background:rgba(255,85,85,0.65)}


/* ─────────────────────────────────────────────────
											좋아요 버튼
───────────────────────────────────────────────── */
.list_goodContainer{position:relative;width:100%;display:flex;align-items:center;margin-bottom:15px;justify-content:center;}
.list_goodContainer .good_button{font-size:0;width:30px;height:30px;background-color:#ff7b7b;border-radius:50%;overflow:hidden;transition:all 0.2s cubic-bezier(0.5,0,0,1.25);display:inline-flex;align-items:center;justify-content:center;}
.list_goodContainer .good_button:before{content:'';width:15px;height:15px;background:url('./img/icon_good.svg') no-repeat center / 100% auto;display:inline-flex;align-items:center;justify-content:center;}
.list_goodContainer .good_button:hover{transform:scale(1.3);}
.list_goodContainer .good_button:hover:before{position:relative;animation:good_button_active 0.4s cubic-bezier(1,0,0,0.6) infinite alternate;}
@keyframes good_button_active {0%{top:0;}100%{top:5px}}
.list_goodContainer .label_good{cursor:default;color:#fff;--label-color:rgba(71,78,103,0.7);}
.list_goodContainer .label_good.new{--label-color:#ff7b7b;}
.list_goodContainer .label_good:before{content:""attr(data-tip)"";display:inline-block;height:19px;line-height:20px;padding:0 5px;font-size:11px;font-weight:400;
	position:absolute;top:50%;left:50%;margin-left:28px;margin-top:-9px;background:var(--label-color);border-radius:4px;transition:all .2s ease-in-out;opacity:1;visibility:hidden;visibility:visible;z-index:39}
.list_goodContainer .label_good:after{ content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid var(--label-color);border-top:4px solid transparent;border-bottom:4px solid transparent;
	position:absolute;top:50%;left:50%;margin-left:20px;margin-top:-4px;transition:all .2s ease-in-out;opacity:1;visibility:hidden;visibility:visible;z-index:39}
.list_goodContainer .label_good:hover:before, .bo_v_good .label_good:hover:after{opacity:1;visibility:visible}
.list_goodContainer .label_good.new:before{background:#ff7b7b}
.list_goodContainer .label_good.new:after{border-right:4px solid #ff7b7b}


/* ─────────────────────────────────────────────────
										페이지 넘버
───────────────────────────────────────────────── */
.pg_wrap{clear:both;font-family:'Montserrat', 'NanumSquareRound', sans-serif;text-align:center;padding:0;}
.pg_wrap .pg{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);}
.pg_wrap .pg > *{font-size:var(--btn-font-size);font-weight:normal;color:#838383;width:var(--btn-size);height:var(--btn-size);text-align:center;display:flex;align-items:center;justify-content:center;
	cursor:pointer;background:var(--btnColor);border:1px solid rgba(0,0,0,0.2);border-radius:var(--btn-radius);padding:0;margin:0 !important;}
.pg_wrap.gap0 .pg > *:not(:last-child){border-right:0;}
.pg_wrap.gap0 .pg > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
.pg_wrap.gap0 .pg > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
.pg_wrap.gap0 .pg > *:not(:first-child):not(:last-child){border-radius:0 !important;}
.pg_wrap .pg_page:focus, .pg_wrap .pg_page:hover{border:0;background:var(--btnColor-hover);color:#fff;}
.pg_wrap .pg_current{background:var(--btnColor-active);font-weight:500;color:#fff;}
.pg_wrap .pg_start, .pg_wrap .pg_prev, .pg_wrap .pg_end, .pg_wrap .pg_next{font-size:0;position:relative;text-indent:0px;}
.pg_start:before, .pg_prev:before, .pg_end:before, .pg_next:before{content:'';font-family:'intaefont';font-size:15px;font-weight:normal;margin-top:2px}
.pg_start:before{content:'\e948';}
.pg_prev:before{content:'\e946';font-size:13px;}
.pg_next:before{content:'\e947';font-size:13px;}
.pg_end:before{content:'\e949';}
.pg_wrap .ellipsis:before{content:'\e9ed';font-family:'intaefont';font-size:13px;margin-top:2px;font-weight:normal;color:rgba(55,71,79,0.8);}
.pg_wrap .pg .sound_only{display:none !important;}





/* ─────────────────────────────────────────────────
											기타
───────────────────────────────────────────────── */
/* 작성자 */
.writer{font-size:13px;font-weight:bold;color:#333333;display:inline-flex;align-items:center;gap:5px;}
/* 카테고리 */
.category{white-space:nowrap;}
/* 댓글 카운트 */
.coCnt{font-family:var(--font-num);font-weight:500;color:#ff4a4a;white-space:nowrap;}
/* swiper-container */
.boWrap .swiper-pagination{position:relative !important;width:100%;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:50px;top:0 !important;bottom:0 !important;}
.boWrap .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:rgba(71,78,103,0.15);opacity:1;font-size:0;cursor:pointer;transition:all .1s ease-in-out;display:inline-flex;align-items:center;justify-content:center;}
.boWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--mainColor);}
.boWrap .swiper-pagination{margin-top:30px !important;}
/* 어디에 쓰였는지 확인 필요.. */
.order_num{position:absolute;top:-6px;right:-6px;z-index:20;font-family:var(--font-num);font-size:10px;color:#fff;min-width:14px;height:14px;padding:0 4px;background-color:#1de0d9;border-radius:2px;display:flex;align-items:center;justify-content:center;}



.section_header{font-size:16px;font-weight:bold;color:var(--mainColor);margin-bottom:20px;display:flex;align-items:flex-end;}
.section_header .title{position:relative;height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--mainColor);border-bottom:0;border-top-left-radius:9px;border-top-right-radius:9px;}
.section_header:after{content:'';flex:1;display:block;height:3px;background:var(--mainColor);}







/* ▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨

																						목록페이지 콘텐츠 list.skin.php

▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨ */

#_submenu{display:flex;align-items:center;border:3px solid var(--mainColor);border-radius:8px;overflow:hidden;gap:20px;margin-bottom:20px;}
#_submenu .gr_subject{height:50px;padding:0 25px;background:var(--mainColor);color:#fff;font-size:18px;font-weight:bold;display:flex;align-items:center;justify-content:center;}
#_submenu ul{display:flex;align-items:center;gap:18px;font-size:16px;font-weight:500;}
#_submenu li a{display:inline-flex;align-items:center;justify-content:center;height:28px;}
#_submenu li.active a{color:var(--mainColor);font-weight:bold;border-bottom:2px solid var(--mainColor);}


.boTabContainer{display:flex;position:relative;margin-bottom:30px;}
.boTabContainer:after{content:'';position:absolute;bottom:0;left:0;z-index:1;height:3px;width:100%;display:block;height:3px;background:var(--mainColor);}
.boTabContainer .tab{position:relative;z-index:3;font-size:15px;font-weight:bold;height:43px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;min-width:90px;}
.boTabContainer .tab.active{border:3px solid var(--mainColor);background:#fff;color:var(--mainColor);border-bottom:0;border-top-left-radius:9px;border-top-right-radius:9px;}


.bo_li_header{display:flex;align-items:center;font-size:15px;border-bottom:3px solid var(--mainColor);margin-bottom:15px;padding-bottom:7px;word-break:keep-all;}
.bo_li_header .bo_li_btnSet{margin-left:auto;}
.bo_list .bo_li_header{border:0;margin-bottom:0;}

@media screen and (max-width:780px) {
	.bo_li_header{flex-wrap:wrap;gap:6px 0;}
	.bo_li_header .bo_li_btnSet{margin-left:auto;gap:7px;padding-left:10px;}
}


.bo_li_btnSet{--font-size:14px;--btn-width:70px;--btn-height:30px;display:flex;align-items:center;justify-content:flex-end;gap:10px;}

/* ─────────────────────────────────────────────────
										게시판 링크 관련
───────────────────────────────────────────────── */
a[class*='link-icon-']{position:relative;vertical-align:middle;}
a[class*='link-icon-']:after{content:'';font-family:'newfont';font-weight:normal;opacity:0.7;margin-left:5px;margin-top:-4px;height:0;line-height:0;display:inline-flex;align-items:center;vertical-align:middle;transition:all .1s ease-in-out;}
a[class*='link-icon-']:hover:after{opacity:1;}
a.link-icon-out:after{content:'\e037';font-size:17px;opacity:0.6;}
a.link-icon-pop:after{content:'\e30a';font-size:18px;}
a.link-icon-alert:after{content:'\e9a5';font-family:'intaefont';font-size:13px;}
a.link-icon-layerpop:after{content:'\e33c';font-family:'newfont';font-size:14px;}
.pop-alert{cursor:pointer;}



/* ─────────────────────────────────────────────────
										모바일 검색
───────────────────────────────────────────────── */
@media screen and (max-width:780px) {
	#bo_sch{width:100%;}
	#bo_sch form{width:100%;}
	#bo_sch .searchContainer{width:100% !important;display:flex;height:50px !important;}
	#bo_sch .searchContainer input#stx{flex:1;width:auto;}
	#bo_sch .searchContainer .iconSearch{width:44px !important;}
}




/* ─────────────────────────────────────────────────
										div 테이블
───────────────────────────────────────────────── */
.tableContainer{}
	
	.table.mobile_table{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
	.table.mobile_table .caption{padding:0;font-size:0;line-height:0;overflow:hidden}
	.table.mobile_table .tr{display:table-row}
	.table.mobile_table .tr > *{display:table-cell;color:#0d0d0d;line-height:1.5em;vertical-align:middle;padding:12px 5px;border-top:1px solid;border-bottom:1px solid;border-color:rgba(0,0,0,0.1);word-break:break-all;text-align:center}
	
	.table.mobile_table .thead{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
	.table.mobile_table .thead .tr > *{font-weight:var(--bold);color:#282828;text-align:center;padding:12px 5px;border-top:3px solid;border-bottom:1px solid;border-color:var(--mainColor);}
	.table.mobile_table .thead a{color:inherit;position:relative}
	.table.mobile_table .thead a:hover{color:var(--mainColor);}
	.table.mobile_table .thead a:before{content:'';font-family:'newfont';font-size:12px;color:inherit;font-weight:normal;position:absolute;right:-15px;top:50%;margin-top:-6px;z-index:4;display:inline-block;vertical-align:middle;
		text-decoration:none;opacity:0;transition:all .2s ease-in-out}
	.table.mobile_table .thead a.active:before{opacity:1;}
	.table.mobile_table .thead a.asc:before{content:'\e04d'}
	.table.mobile_table .thead a.desc:before{content:'\e04e'}
	.table.mobile_table .thead a:hover:before{opacity:0.9}
	
	.table.mobile_table .tbody{width:100%;display:table !important;table-layout:fixed;border-collapse:collapse;}
	.table.mobile_table .tbody .tr:first-child .td{border-top:0}
	.table.mobile_table .tbody .tr.bo_notice{background:rgba(255,255,255,0.5);}
	.table.mobile_table .tbody .th{background:rgba(0,0,0,0.02);}
	.table.mobile_table .tbody .bo_current{color:var(--mainColor);font-size:12px;}
	.table.mobile_table .tbody .cell_chk{text-align:center}
	.table.mobile_table .tbody .cell_cate{padding:0 10px}
	.table.mobile_table .tbody .cell_subject{position:relative;text-align:left;vertical-align:middle;padding-left:15px;padding-right:15px;}
	.table.mobile_table .tbody .cell_subject a:hover{color:#000}
	.table.mobile_table .tbody .cell_subject .list_btn{margin-left:20px}
	.table.mobile_table .tbody .skinOption-subject{min-width:100px;color:#0d0d0d;font-size:15px;font-weight:normal;line-height:1.3em;display:flex;align-items:center;}
	.table.mobile_table .tbody .skinOption-subject a:not(.cate_link){display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
	.table.mobile_table .tbody .skinOption-subject > *:not(:first-child){margin-left:8px;}
	.table.mobile_table .tbody .skinOption-subject .boIcon_img{}
	.table.mobile_table .tbody .skinOption-subject:hover a{color:var(--mainColor);}
	.table.mobile_table .tr.bo_notice .skinOption-subject{font-weight:bold;}
	.table.mobile_table .tbody .skinOption-subject .cate_link{vertical-align:middle;font-size:0.9em;font-weight:400;color:#878792;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;}
	.table.mobile_table .tbody .skinOption-subject .cate_link:before{content:'';width:1px;height:1em;background:rgba(0,0,0,0.2);}
	.table.mobile_table .tbody .skinOption-subject.use_none a, .table.mobile_table .tbody .skinOption-subject.use_mobile a{opacity:0.7;text-decoration:line-through;text-decoration-color:rgba(0,0,0,0.7);}
	.table.mobile_table .tbody .cell_phone{font-size:0.9em;font-family:var(--font-num);font-weight:400}
	.table.mobile_table .tbody .cell_date{font-size:0.9em;font-family:var(--font-num);font-weight:400;color:#7f7f7f} 
	.table.mobile_table .tbody .cell_hit{font-size:0.9em;font-family:var(--font-num);font-weight:400}
	.table.mobile_table .tbody .cell_name{font-weight:normal;text-align:center;}
	.table.mobile_table .tbody .cell_name .writer{font-weight:normal}

	.table.mobile_table .cell_chk{width:40px;}
	.table.mobile_table .cell_num{width:50px;}
	.table.mobile_table .cell_name{max-width:250px;min-width:90px;width:100px;}
	.table.mobile_table .cell_date{width:88px;}
	.table.mobile_table .cell_good{width:50px;}
	.table.mobile_table .cell_hit{width:46px;}
	.table.mobile_table .cell_group{width:100px} 
	.table.mobile_table .cell_mb_id{width:94px} 
	.table.mobile_table .cell_mng{width:80px} 
	.table.mobile_table .cell_nick{width:100px}
	.table.mobile_table .cell_admin{width:40px}
	
	.tableContainer.type-black{border-radius:8px;background:#fff;}
	.tableContainer.type-black:not(.no-shadow){box-shadow:0 6px 7px rgba(0,0,0,0.07);}
	.tableContainer.type-black .table .thead .tr > *{font-weight:normal !important;color:#fff !important;border:0 !important;background:#4e5461;}
	.tableContainer.type-black .table .thead .tr > *:first-child{border-top-left-radius:8px !important;}
	.tableContainer.type-black .table .thead .tr > .edit-mode + *{border-top-left-radius:8px !important;}
	.tableContainer.type-black .table .thead .tr > *:last-child{border-top-right-radius:8px !important;}
	.tableContainer.type-black .table .tbody .tr:hover > *{background:#f8f9fb;}
	.tableContainer.type-black .table .tbody .tr:hover .skinOption-subject{color:var(--mainColor);}
	.tableContainer.type-black .table .tbody .tr:last-child > *:first-child{border-bottom-left-radius:8px !important;}
	.tableContainer.type-black .table .tbody .tr:last-child > *:last-child{border-bottom-right-radius:8px !important;}
	.tableContainer.type-black .table .tbody .tr:last-child > *{border-bottom:0;}


	@media screen and (min-width:781px) {
		.table{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
		.table .caption{padding:0;font-size:0;line-height:0;overflow:hidden}
		.table .tr{display:table-row}
		.table .tr > *{display:table-cell;color:#0d0d0d;line-height:1.5em;vertical-align:middle;padding:12px 5px;border-top:1px solid;border-bottom:1px solid;border-color:rgba(0,0,0,0.1);word-break:break-all;text-align:center}
		
		.table .thead{width:100%;display:table;table-layout:fixed;border-collapse:collapse;}
		.table .thead .tr > *{font-weight:var(--bold);color:#282828;text-align:center;padding:12px 5px;border-top:3px solid;border-bottom:1px solid;border-color:var(--mainColor);}
		.table .thead a{color:inherit;position:relative}
		.table .thead a:hover{color:var(--mainColor);}
		.table .thead a:before{content:'';font-family:'newfont';font-size:12px;color:inherit;font-weight:normal;position:absolute;right:-15px;top:50%;margin-top:-6px;z-index:4;display:inline-block;vertical-align:middle;
			text-decoration:none;opacity:0;transition:all .2s ease-in-out}
		.table .thead a.active:before{opacity:1;}
		.table .thead a.asc:before{content:'\e04d'}
		.table .thead a.desc:before{content:'\e04e'}
		.table .thead a:hover:before{opacity:0.9}
		
		.table .tbody{width:100%;display:table !important;table-layout:fixed;border-collapse:collapse;}
		.table .tbody .tr:first-child .td{border-top:0}
		.table .tbody .tr.bo_notice{background:rgba(255,255,255,0.5);}
		.table .tbody .th{background:rgba(0,0,0,0.02);}
		.table .tbody .bo_current{color:var(--mainColor);font-size:12px;}
		.table .tbody .cell_chk{text-align:center}
		.table .tbody .cell_cate{padding:0 10px}
		.table .tbody .cell_subject{position:relative;text-align:left;vertical-align:middle;padding-left:15px;padding-right:15px;}
		.table .tbody .cell_subject a:hover{color:#000}
		.table .tbody .cell_subject .list_btn{margin-left:20px}
		.table .tbody .skinOption-subject{min-width:100px;color:#0d0d0d;font-size:15px;font-weight:normal;line-height:1.3em;display:flex;align-items:center;}
		.table .tbody .skinOption-subject a:not(.cate_link){display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;}
		.table .tbody .skinOption-subject > *:not(:first-child){margin-left:8px;}
		.table .tbody .skinOption-subject .boIcon_img{}
		.table .tbody .skinOption-subject:hover a{color:var(--mainColor);}
		.table .tr.bo_notice .skinOption-subject{font-weight:bold;}
		.table .tbody .skinOption-subject .cate_link{vertical-align:middle;font-size:0.9em;font-weight:400;color:#878792;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;}
		.table .tbody .skinOption-subject .cate_link:before{content:'';width:1px;height:1em;background:rgba(0,0,0,0.2);}
		.table .tbody .skinOption-subject.use_none a, .table .tbody .skinOption-subject.use_mobile a{opacity:0.7;text-decoration:line-through;text-decoration-color:rgba(0,0,0,0.7);}
		.table .tbody .cell_phone{font-size:0.9em;font-family:var(--font-num);font-weight:400}
		.table .tbody .cell_date{font-size:0.9em;font-family:var(--font-num);font-weight:400;color:#7f7f7f} 
		.table .tbody .cell_hit{font-size:0.9em;font-family:var(--font-num);font-weight:400}
		.table .tbody .cell_name{font-weight:normal;text-align:center;}
		.table .tbody .cell_name .writer{font-weight:normal}

		.table .cell_chk{width:40px;}
		.table .cell_num{width:50px;}
		.table .cell_name{max-width:250px;min-width:90px;width:100px;}
		.table .cell_date{width:88px;}
		.table .cell_good{width:50px;}
		.table .cell_hit{width:46px;}
		.table .cell_group{width:100px} 
		.table .cell_mb_id{width:94px} 
		.table .cell_mng{width:80px} 
		.table .cell_nick{width:100px}
		.table .cell_admin{width:40px}
	}

	
	@media screen and (max-width:780px) {
		.table:not(.mobile_table){position:relative;}
		.table:not(.mobile_table) .caption{padding:0;font-size:0;line-height:0;overflow:hidden}
		.table:not(.mobile_table) .thead{display:none !important;}
		.table:not(.mobile_table) .tbody{display:flex;flex-direction:column;}
		.table:not(.mobile_table) .tbody .tr{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;}
		.table:not(.mobile_table) .tbody .tr:first-child{border-top:3px solid var(--mainColor);}
		.table:not(.mobile_table) .tbody .tr{padding:15px 10px;color:#0d0d0d;line-height:1.5em;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,0.1);}
		.table:not(.mobile_table) .tbody .cell_subject{position:relative;text-align:left;width:100%;order:0;vertical-align:middle;}
		.table:not(.mobile_table) .tbody .cell_subject a:hover{color:#000}
		.table:not(.mobile_table) .tbody .cell_subject .list_btn{margin-left:20px}
		.table:not(.mobile_table) .tbody .skinOption-subject{color:#0d0d0d;font-size:15px;font-weight:normal;line-height:1.3em;display:block;}
		.table:not(.mobile_table) .tbody .skinOption-subject > *{display:inline;}
		.table:not(.mobile_table) .tbody .coCnt{margin-top:-0.2em;}
		.table:not(.mobile_table) .tbody .skinOption-subject > *:not(:first-child){margin-left:8px;}
		.table:not(.mobile_table) .tbody .skinOption-subject:hover a{color:var(--mainColor);}
		.table:not(.mobile_table) .tr.bo_notice .skinOption-subject{font-weight:bold;}
		.table:not(.mobile_table) .tbody .cell_name{order:10;margin-left:auto;}
		.table:not(.mobile_table) .tbody .cell_date,
		.table:not(.mobile_table) .tbody .cell_good,
		.table:not(.mobile_table) .tbody .cell_hit{display:inline-flex;align-items:center;gap:3px;font-family:var(--mont);font-size:13px;}
		.table:not(.mobile_table) .tbody .cell_date:before{content:'\e307';font-family:'newfont';font-size:18px;}
		.table:not(.mobile_table) .tbody .cell_good:before{content:'\e9f6';font-family:'intaefont';font-size:14px;}
		.table:not(.mobile_table) .tbody .cell_reply:before{content:'\e9a3';font-family:'intaefont';font-size:14px;}
		.table:not(.mobile_table) .tbody .cell_hit:before{content:'\e13f';font-family:'newfont';font-size:14px;}
		.table:not(.mobile_table) .tbody .cell_admin{position:absolute;top:10px;right:5px;transform:scale(0.2);opacity:0;visibility:hidden;transition:all .2s ease-in-out;}
		.table:not(.mobile_table) .tbody .tr:hover .cell_admin{transform:scale(0.8);opacity:1;visibility:visible;}

	}


/* ─────────────────────────────────────────────────
										게시판 테이블
───────────────────────────────────────────────── */
.tableContainer{}
.tableContainer{position:relative;font-size:14px;font-weight:300;color:rgba(53,57,69,0.4)}
.tableContainer .reflesh{position:absolute;top:4px;left:-35px;}
.tableContainer .reflesh:before{content:'\e0f0';font-family:'newfont';font-size:14px;font-weight:normal;line-height:1em;width:26px;height:26px;padding-top:2px;border:1px solid rgba(0,0,0,0.15);border-radius:50%;box-shadow:0 4px 5px rgba(0,0,0,0.04);display:inline-flex;align-items:center;justify-content:center;}
.tableContainer .reflesh:hover:before{color:#000;}
.tableContainer table{width:100%;border-collapse:collapse;border-spacing:0}
.tableContainer caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tableContainer th{font-weight:var(--bold);color:#282828;text-align:center;padding:12px 5px;border-top:3px solid;border-bottom:1px solid;border-color:var(--mainColor);position:relative}
.tableContainer th a{color:inherit;position:relative}
.tableContainer th a:hover{color:var(--mainColor);}
.tableContainer th a:before{content:'';font-family:'newfont';font-size:12px;color:inherit;font-weight:normal;position:absolute;right:-15px;top:50%;margin-top:-6px;z-index:4;display:inline-block;vertical-align:middle;
	text-decoration:none;opacity:0;transition:all .2s ease-in-out}
.tableContainer th a.active:before{opacity:1;}
.tableContainer th a.asc:before{content:'\e04d'}
.tableContainer th a.desc:before{content:'\e04e'}
.tableContainer th a:hover:before{opacity:0.9}
.tableContainer tbody th{background:rgba(0,0,0,0.02);}
.tableContainer td, .tableContainer tbody th{/*color:#7f7f7f;*/color:#0d0d0d;line-height:1.5em;padding:12px 5px;border-top:1px solid;border-bottom:1px solid;border-color:rgba(0,0,0,0.1);word-break:break-all;text-align:center}
.tableContainer tbody tr:first-child td{border-top:0}
.tableContainer tr.bo_notice{background:rgba(255,255,255,0.5);}
.tableContainer .bo_current{color:var(--mainColor);font-size:12px;}
.tableContainer td.td_chk{width:40px;text-align:center}
.tableContainer td.td_num{width:50px;font-size:0.9em;font-family:var(--font-num);font-weight:400;color:#7f7f7f} 
.tableContainer td.td_cate{padding:0 10px}
.tableContainer td.td_subject{position:relative;text-align:left;vertical-align:middle;padding-left:15px;padding-right:15px;}
.tableContainer td.td_subject a:hover{color:#000}
.tableContainer td.td_subject .list_btn{margin-left:20px}
.tableContainer td .skinOption-subject{color:#0d0d0d;font-size:15px;font-weight:normal;line-height:1.3em;/*display:flex;align-items:center;flex-wrap:wrap;gap:10px;*/}
.tableContainer td .skinOption-subject > *:not(:first-child){margin-left:8px;}
.tableContainer td .skinOption-subject:hover a{color:var(--mainColor);}
.tableContainer tr.bo_notice td .skinOption-subject{font-weight:bold;}
.tableContainer td .skinOption-subject .cate_link{vertical-align:middle;font-size:0.9em;font-weight:400;color:#878792;display:inline-flex;align-items:center;gap:10px;}
.tableContainer td .skinOption-subject .cate_link:before{content:'';width:1px;height:1em;background:rgba(0,0,0,0.2);}
.tableContainer td .skinOption-subject.use_none a, .tableContainer td .skinOption-subject.use_mobile a{opacity:0.7;text-decoration:line-through;text-decoration-color:rgba(0,0,0,0.7);}
.tableContainer td.td_name{max-width:250px;min-width:90px;width:100px;font-weight:normal;text-align:center;}
.tableContainer td.td_name .writer{font-weight:normal}
.tableContainer td.td_phone{font-size:0.9em;font-family:var(--font-num);font-weight:400}
.tableContainer td.td_date{width:88px;font-size:0.9em;font-family:var(--font-num);font-weight:400;color:#7f7f7f} 
.tableContainer td.td_hit{width:46px;font-size:0.9em;font-family:var(--font-num);font-weight:400}
.tableContainer td.td_group{width:100px} 
.tableContainer td.td_mb_id{width:94px} 
.tableContainer td.td_mng{width:80px} 
.tableContainer td.td_nick{width:100px}
.tableContainer td.td_admin{width:40px}
/* table (롤오버) */
.trOver .tableContainer tr td{transition:all .2s ease-in-out}
.trOver .tableContainer tr:hover td{background:rgba(0,0,0,0.025)}
/* table (Line Table) */
.tableLine .tableContainer{}
.tableLine .tableContainer th{text-align:center;letter-spacing:-0.1em}
.tableLine .tableContainer td{border:1px solid rgba(0,0,0,0.1)}
.tableLine .tableContainer tr td:first-child{border-left:0}
.tableLine .tableContainer tr td.edit-mode:not(.on) + td{border-left:0}
.tableLine .tableContainer tr td:last-child{border-right:0}
.tableLine .tableContainer td.td_subject{padding-left:20px;padding-right:20px}
/* table (txtUnderline) */
.linkUnderline .tableContainer td a:hover{text-decoration:underline}


/* ─────────────────────────────────────────────────
												갤러리
───────────────────────────────────────────────── */
.bo_gall{position:relative;}
.bo_gall [class*='boIcon_use_']{position:absolute;top:-7px;left:-7px;z-index:21}
.bo_gall .labelCheck{position:absolute;top:-7px;left:-7px;margin-bottom:0;z-index:22}
.bo_gall .btnEdit{opacity:0;transform:scale(0.5);transition-delay:0.3s}
.bo_gall ul > li:hover .btnEdit, .bo_gall .gall_li:hover .btnEdit, .bo_gall .wz_li:hover .btnEdit{opacity:1;transform:scale(1);transition-delay:0s}

.gall_ul{text-align:left;margin:0;padding:0;list-style:none;display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--gall-gap);}

	.gall_li{position:relative;width:var(--gall-width);transition:all .2s ease-in-out;}
	.gall_li.use_none .textSubject a, .gall_li.use_none .textContent, .gall_li.use_mobile .textSubject a, .gall_li.use_mobile .textContent{opacity:0.7 !important;text-decoration:line-through !important;text-decoration-color:rgba(0,0,0,0.7) !important;}
		.gallContents{position:relative;font-size:13px;font-weight:normal;color:#616161;display:flex;flex-direction:column;gap:20px}
		.gallContents .gall_thumb{position:relative;padding:0;font-size:0;overflow:hidden;line-height:0;color:#fff;flex-shrink: 0;}
		.gallContents .gall_thumb a{color:inherit}
		.gallContents .gall_thumb a:after{position:absolute;top:15px;right:10px;margin:0;z-index:2;opacity:0;}
		.gallContents .gall_thumb a:hover:after{opacity:0.9}
		.gallContents .gall_thumb img{width:100%;height:100%;object-fit: cover;}
		.gallContents .gall_thumb.hover img{transition:all .2s ease-in-out;}
		.gallContents .gall_thumb.hover:hover img{transform:scale(1.1);}
		.gallContents .gall_thumb .video-container.no-poster{background:#000} /* 썸네일 없는 mp4비디오가 로드되기 직전 영역 채우기 */
		.gallContents .gall_thumb .video-container video{}
		.gallContents .gall_thumb .icon_movie{display:block;width:100%;height:100%;position:absolute;top:-2px;left:0;z-index:99;background:rgba(0,0,0,0.0);transition:all .25s ease-in-out}
		.gallContents .gall_thumb .icon_movie:before{content:'\e0a8';font-family:'newfont';font-size:32px;color:rgba(255,255,255,1);display:block;width:32px;height:32px;line-height:32px;text-align:center;
			position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px;transition:all .2s ease-in-out;opacity:0}
		.gallContents .gall_thumb a:hover .icon_movie{background:rgba(0,0,0,0.25)}
		.gallContents .gall_thumb a:hover .icon_movie:before{opacity:1}
		.gallContents .gall_con{background:transparent;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
		.gallContents .boIcon_hot{margin-right:8px;}
		.gallContents .textSubject{font-size:15px;font-weight:var(--bold);color:#0d0d0d;line-height:1.5em;z-index:2;word-break:keep-all;}
		.gallContents .textSubject a{display:inline;}
		.gallContents .textSubject a:hover{color:#000}
		.gallContents .textSubject a ~ *{vertical-align:middle;margin-left:10px;}
		.gallContents .textSubject a[class*='link-icon-']:after{display:none}
		.gallContents .textContent{max-width:100%;font-size:1em;line-height:1.5em;font-weight:normal;color:#484848;text-align:left;}		
		.gallContents .cate_link{font-size:0.95em;color:rgba(71,78,103,0.6);font-weight:var(--bold);}
		.gallContents .cate_link:hover{color:#4b86ff}
		.gallContents .tagSet{margin-top:10px;}
			.gall_list_infoSet{position:relative;width:100%;font-size:12px;color:#888888;margin-top:15px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
			.gall_list_infoSet .writer{font-size:12px;}
			.gall_list_infoSet .writer .mb_img{}
			.gall_list_infoSet .date{font-family:var(--font-num);font-weight:400}
			.gall_list_infoSet * + .date:before{content:'';display:inline-block;width:1px;height:10px;background:rgba(0,0,0,0.1);margin-right:10px;}
			.gall_list_infoSet .info_hit{margin-left:auto;display:inline-flex;align-items:center;gap:5px;}
			.gall_list_infoSet .info_hit .num{font-size:1em;font-family:var(--font-num);font-weight:normal;}

/* masonry_wrap ───────────────────────────────────────────────── */
.masonry_wrap{position:relative;margin:0 auto;}
.masonry_wrap .gall_ul .gall_li{margin-top:var(--gall-gap);}

/* webzine ───────────────────────────────────────────────── */
.webzine .labelCheck{position:absolute;top:5px;left:0;margin-bottom:0;z-index:22}
.webzine .gall_ul {gap:0 var(--gall-gap);}
.webzine .gall_ul .gall_li{border-color:rgba(0,0,0,0.15);border-style:solid;border-width:0;border-bottom-width:1px;}
		.wzContents{overflow:hidden;font-size:13px;padding:40px 0;display:flex;align-items:flex-start;gap:30px}
		.wzContents .wz_thumb{position:relative;z-index:1;overflow:hidden;flex-shrink:1;}
		.wzContents .wz_thumb img{border-radius:2px;}
		.wzContents .wz_thumb a:after{position:absolute;top:15px;right:10px;margin:0;z-index:2;opacity:0;color:#fff;}
		.wzContents .wz_thumb a:hover:after{opacity:0.9}
		.wzContents .wz_con{position:relative;z-index:2;flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:10px;overflow:hidden;}/*overflow:hidden -> 옵션에서 제목한줄자르기 일때 제목이 영역을 벗어나는 문제 해결 */ 
		.wzContents .wz_con .textSubject{font-size:16px;font-weight:var(--bold);}
		.wzContents .list-btn-set a{min-width:100px}
		.wzContents .gall_list_infoSet{}
		.wzContents .gall_list_infoSet .info_hit{margin-left:0;}
		.wzContents .gall_list_infoSet * + .info_hit:before{content:'';display:inline-block;width:1px;height:10px;background:rgba(0,0,0,0.1);margin-right:10px;}
		.wzContents .list_goodContainer{order:5;width:auto;margin:0;margin-left:30px;vertical-align:middle;}

/* ──────────────────────────────────────────────────────────────────
															gallerySwiper
─────────────────────────────────────────────────────────────────── */
.gallerySwiper .swiper-container{position:relative;width:100%;height:auto;/*cursor:grab;*/}
.gallerySwiper .swiper-container .swiper-wrapper{position:relative;}
.gallerySwiper .swiper-slide{position:relative;display:block}
.gallerySwiper .swiper-slide:active{cursor:grabbing}

.gallerySwiper.perview-1 .swiper-slide{transition:all 0.4s cubic-bezier(0.5,0,0,1.25);}
.gallerySwiper.perview-1 .swiper-slide:not(.swiper-slide-active){transform:scale(0.8);opacity:0.7;}
.gallerySwiper.perview-1 .gallContents{text-align:left;flex-direction:row;gap:0 !important;padding:0 !important;}
.gallerySwiper.perview-1 .gall_thumb{position:relative;width:50%}
.gallerySwiper.perview-1 .gall_thumb:before{content:'';font-size:0;height:0;margin:0;width:100%;display:block;padding-top:100%;background:rgba(0,0,0,0.1);}
.gallerySwiper.perview-1 .gall_thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.gallerySwiper.perview-1 .gall_con{width:50%;display:flex;flex-direction:column;}
.gallerySwiper.perview-1 .tagSet{margin-top:auto;}
.gallerySwiper.perview-1 .gall_list_infoSet{order:5;margin-top:auto;}

/* ─────────────────────────────
						skinOption
────────────────────────────── */
.skinOption-frame .gallContents{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;}
.skinOption-frame:not(.imgOnly) .gallContents{padding-bottom:15px;}
.skinOption-frame.imgOnly .gallContents{padding:10px;}
.skinOption-frame .gallContents .gall_con, .skinOption-frame .gallContents .list-btn-set{padding:0 15px;}
.skinOption-frame .gallContents .list-btn-set{margin-top:5px;}

.gallerySwiper.perview-1 .imgOnly .gall_thumb{width:100%;}
.gallerySwiper.perview-1 .imgOnly .gall_thumb{width:100%;}
.gallerySwiper.perview-1 .imgOnly .gall_thumb:before{padding-top:50%;}



/* ─────────────────────────────────────────────────
										게시물 없음
───────────────────────────────────────────────── */
.empty_table{padding:100px 0 !important;text-align:center}
.empty_list, .empty_member{display:flex;align-items:center;justify-content:center;width:100%;height:380px;text-align:center;font-size:0;position:relative}
.masonry_wrap .empty_list, .masonry_wrap .empty_member{height:200px}
.empty_table:before, .empty_list:before, .empty_member:after{content:""attr(data-text)"";font-size:14px;font-weight:400;color:#a1a1a1;text-align:center;padding:0 16px;}
.empty_list .tag{font-weight:var(--bold)}
#pageMake .empty_table, #pageMake .empty_list, #pageMake .empty_member{height:160px}
.empty_table.small{padding:15px 0 !important;}








/* ▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨

																					상세페이지 view.skin.php

▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨ */

/* ─────────────────────────────────────────────────
										상세 헤더
───────────────────────────────────────────────── */
#bo_v #bo_v_header{margin-bottom:20px;}
	#bo_v_header #bo_title{--font-size:15px;font-weight:700;color:#5e606a;padding:0;margin:0;}
	#bo_v_header.ca_name{font-size:15px;font-weight:300;color:#707070;display:inline-flex;align-items:center;}
	#bo_v_header #bo_v_subject{position:relative;width:100%;font-weight:bold;font-size:26px;line-height:1.2em;color:#2a2a2a;padding:10px 0 10px 0;margin-bottom:10px;border-bottom:1px solid rgba(71,78,103,0.15);}

	#bo_v_header #bo_v_info{position:relative;font-size:13px;color:#555555;}
	#bo_v_header #bo_v_info .writer{font-size:13px;font-weight:normal;color:#333333;}
	#bo_v_header #bo_v_info .date{font-family:var(--font-num);font-weight:normal;letter-spacing:0.02em;margin-left:auto;}
	#bo_v_header #bo_v_info .num{font-family:var(--font-num);font-weight:normal;margin-left:3px}
	#bo_v_header [class*='info_']{display:inline-flex;align-items:center;gap:5px;color:rgba(71,78,103,0.85);}
	#bo_v_header [class*='info_']:before{content:'';font-family:'intaefont';font-size:14px;}
	#bo_v_header .info_hit:before{content:'\e13f';font-family:'newfont';margin-top:2px;}
	#bo_v_header .info_reply:before{content:'\e9a3';}
	#bo_v_header .info_good:before{content:'\e9f6';}
	#bo_v_header .info_nogood:before{content:'\e9f7';}
	#bo_v_header .bo_v_btnSet{margin-left:auto;}



.view_image{position:relative;display:block;font-size:0 !important;}

.bo_v_btnSet{display:flex;align-items:center;justify-content:flex-end;gap:8px;--font-size:14px;--btn-width:70px;--btn-height:30px;}




/* ▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨

																					등록페이지 write.skin.php

▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨ */



/*쓰기페이지 필드팁*/
/*.fieldTip{cursor:pointer;position:relative;border:1px solid red}
.fieldTip.active:before{
	content:""attr(data-tip)"";
	font-size:10px;
	font-weight:normal;
	width:auto;
	padding:0 7px;
	height:18px;
	line-height:18px;
	color:#fff;
	display:inline-block;
	position:absolute;
	top:-25px;
	left:calc(50% - 20px);
	margin:0;
	margin-right:8px;
	background:#6a7cff;
	border-radius:4px;
	white-space:nowrap;
	transition:all .2s ease-in-out;
	opacity:1;
	visibility:visible;
	z-index:20;
	}
.fieldTip.active:after{
	content:'';
	width:0;
	height:0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #6a7cff;
	border-bottom:4px solid transparent;
	position:absolute;
	top:-8px;
	left:calc(50% - 12px);
	transition:all .2s ease-in-out;
	opacity:1;
	visibility:visible;
	z-index:39;	
	}
.fieldTip.select:before{ top:-30px;left:calc(50% - 56px);margin:0;margin-right:8px;z-index:50;}
.fieldTip.select:after{ top:-13px;left:calc(50% - 48px);z-index:49;}*/















/* ▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨

																					게시판 버튼 모음

▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨▨ */
[class*="btn_"]{position:relative;font-size:14px;font-weight:normal;padding:0 10px;height:30px;color:#fff;border-radius:5px;transition:all .2s ease-in-out;outline:0;cursor:pointer;
	display:inline-flex;align-items:center;justify-content:center;gap:7px;}
[class*="btn_"]:hover{background:#f5f5f5;}
.btn_admin{font-family:var(--nanumSR);font-size:10px;height:25px;font-weight:normal;background-color:#333333;color:#fff;border:0;}
.btn_admin:hover{text-decoration:none;background-color:#181818}
.bo_include{font-size:9px;width:42px;height:12px;line-height:11px;text-align:center;color:rgba(76, 127, 255, 1);border:1px solid rgba(76, 127, 255, 0.95);background:#fff;border-radius:5px;cursor:help}
.bo_include.myTip.mini:before{font-size:9px;font-weight:var(--bold);height:21px;line-height:21px;margin-top:-1em;margin-right:7px;padding:0px 6px;color:#d4fbff;background-color:rgba(76, 127, 255, 0.95);letter-spacing:-0.01em}
.bo_include.myTip:after{border-width:3px;border-left-color:rgba(76, 127, 255, 0.95);margin-right:1px;margin-top:-3px}
/* btn color (버튼컬러) */
.btn_write{font-size:var(--font-size);min-width:var(--btn-width);height:var(--btn-height);line-height:var(--btn-height);background-color:var(--mainColor);color:#fff;padding:0 10px;border:0;}
.btn_write:hover{background:var(--subColor);}
.btn_modify{background:#18A4EA;min-width:70px;border:0;}
.btn_modify:hover{background-color:#0093E5}
.btn_del{background-color:#ff5d5d;border:0;}
.btn_del:hover{background-color:#f02b2b}
.btn_copy{background-color:rgba(71,78,103,0.65);min-width:50px;border:0;}
.btn_copy:hover{background-color:rgba(71,78,103,0.75)}
.btn_move{background-color:#525252}
.btn_move:hover{background-color:#434343}
.btn_search{background:#f5f5f5;height:32px}
.btn_search:hover{background:#f0efef}
.btn_reply{background-color:rgba(71,78,103,0.65)}
.btn_reply:hover{background-color:rgba(71,78,103,0.8)}
.btn_list{font-size:var(--font-size);min-width:var(--btn-width);height:var(--btn-height);line-height:var(--btn-height);background:#fff;color:#000;border:1px solid rgba(0,0,0,0.35);}
.btn_my_list{background:#fff;color:#000;border:1px solid rgba(0,0,0,0.6);}
.btn_my_list.on{background:var(--orange);color:#fff;border-color:var(--orange);}
.btn_singo{gap:4px;background:#fff;color:#dd0f0f;border:1px solid var(--red);}
.btn_singo:before{content:'';width:16px;height:14px;background:url('./img/icon_bo_singo.png') no-repeat center / 100%;display:inline-flex;align-items:center;justify-content:center;}
.btn_scrap{background:#fff;color:#000;border:1px solid rgba(0,0,0,0.35);}
.btn_check{background-color:#377eff;background:rgba(71,78,103,0.95)}
.btn_check:hover{background-color:#1f68ed;background:rgba(71,78,103,1)}
.btn_submit{height:42px;background:rgba(53,57,69,0.9);border:0;}
.btn_submit:hover{background:rgba(53,57,69,1);}
.btn_cancel{height:42px;color:#474747;background:rgba(53,57,69,0.1)}
.btn_cancel:hover{background:rgba(53,57,69,0.15)}
/* btn icon (버튼 아이콘) */
[class*="btn_"]:before{font-family:'newfont';font-weight:normal;font-size:12px;margin-left:-1px;margin-top:-1px;display:inline-block;vertical-align:middle}
.btn_write:before{content:'\e957';font-family:'intaefont';font-size:11px;}
.btn_modify:before{content:"\e0d8";font-size:17px;margin-top:-1px;}
.btn_del:before{content:"\e0e3";font-size:14px;margin-top:0}
.btn_list:before{content:"\e92e";font-family:'intaefont';font-size:10px;margin-top:0}
.btn_copy:before{content:"";}
.btn_move:before{content:"";}
.btn_reply:before{content:"\e333";font-size:10px;margin-top:-3px;transform:rotate(180deg)}
.btn_:before{content:"\e08b";font-size:14px}
.btn_movie:before{content:"\e0a8";font-size:12px}
.btn_inquiry:before{content:"\e23d"}