@charset "utf-8";
.left-card{
	width: 220px;
	border: 1px solid #dcdddf;
	border-radius: 10px;
}
.right-card{
	width: 250px;
	border: 1px solid #dcdddf;
	border-radius: 10px;
}
	.card-header{
	color: #48494a;
	font-size: 12px;
	font-weight: 900;
	display: flex;
	justify-content: space-between;
	border-bottom: #dcdddf 1px solid;
	height: 44px;
	margin: 0 12px;
	align-items: center;
}
.card-list-item{
	color: #48494a;
	font-size: 12px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	border-bottom: #dcdddf 1px dotted;
	height: 40px;
	margin: 0 12px;
	align-items: center;
}
.card-list-item:nth-last-child(1){
	border-bottom: unset;
}
.card-link{
	display: flex;
}
.card-link .card-name:hover{
	text-decoration: underline;
	color: #06c !important;
}
.card-img .card-img-content{
	height: 20px;
	margin-right: 8px;
}
.card-name{
	align-content: center;
	font-size: 12px;
	font-weight: 500;
	color: #1d1e1f;
}
.card-login-out{
	padding: 0px 12px;
	margin-top: 12px;
	margin-bottom: 20px;
}
.card-login-etc-out{
	padding: 0px 12px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 11px;
}
.card-login-etc-out a:hover{
	text-decoration: underline;
	color: #06c;
}
.card-login{
	display: inline-block;
	font-size: 10px;
	height: 32px;
	color: #000;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 30px;
	background: #fab200;
	width: 100%;
	text-align: center;
	align-content: center;
	font-weight: 600;
}
.card-login:hover{
	background: #ffc126;
}
.card-nick-name{
	font-size: 12px;
	font-weight: 900;
	color: #1d1e1f;
}
.card-myinfo-btn{
	display: inline-block;
	position: relative;
	margin: -2px 0 0 4px;
	padding: 2px 7px;
	/* border: 1px solid #ccc; */
	/* background: #fff; */
	background: #ffc126;
	border-radius: 7px;
	color: #555;
	font-size: 11px;
	cursor: pointer;
	white-space: nowrap;
	font-weight: 500;
}
.card-notice-btn{
	border-bottom: #dcdddf 1px solid;
}
.notice-content .visited span {
	color: #9f9f9f !important;
}
.notice-content .visited{
	color: #9f9f9f !important;
}

.notice-content a:hover span{
	text-decoration: underline;
	color: #06c !important;
}
.notice-content2{
	padding: 10px 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.notice-content2:nth-last-child(1){
	padding: 10px 0px 12px 0px;
}
.notice-content2 > a:hover{
	text-decoration: underline;
	color: #06c !important;
}
.card-default-content{
	padding: 7px 0px;
	margin: 0px 12px;
	border-bottom: #dcdddf 1px dotted;
}
.card-col-content{
	padding: 5px 0px;
	margin: 0px 12px;
	border-bottom: #dcdddf 1px solid;
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	font-weight: 500;
	color: #48494a;
}
.card-default-content:nth-last-child(1){
	border-bottom: unset;
}
.card-default-content > .default-desc{
	margin-bottom: 5px;
}
.card-default-content > .default-desc:nth-last-child(1){
	margin-bottom: unset;
}
.card-default-content > .default-desc a:hover{
	text-decoration: underline;
	color: #06c;
}
.card-default-content.notice-content{
	padding: 7px 0px;
}
.card-default-content.notice-content:nth-last-child(1){
	padding: 7px 0px 12px 0px;
}
.card-notice-cnt{
	font-size: 12px;
	font-weight: 600;
	color: #48494a;
	margin-right: 3px;
}
.card-notice-btn{
	border: 1px solid #cecfcf;
	background-color: #f4f4f4;
	color: #3772df;
	width: 20px;
	height: 18px;
	padding-bottom: 18px;
}
.card-info-btn{
	margin: 0px 12px;
	border-bottom: #dcdddf 1px dotted;
	display: flex;
	justify-content: space-around;
	height: 44px;
}
.info-btn{
	width: 50%;
	text-align: center;
	height: 44px;
	align-content: center;
	font-size: 12px;
	font-weight: 900;
	color: #a5a6a7;
	cursor: pointer;
	transition: all .25s ease-in-out;
}
.info-btn.active{
	border-bottom: 2px solid #c00;;
	color: #48494a;
}
.info-btn:hover{
	border-bottom: 2px solid #c00;;
	color: #48494a;
}
.card-point:hover{
	text-decoration: underline;
	color: #06c;
}
.notice-content-desc{
	font-size: 12px;
	font-weight: 500;
	color: #48494a;
}
.card-rank{
	margin-right: 5px;
	color :#48494a;
	font-size: 12px;
}
#pop_info_list4 .card-nick-name{
	color: #06c;
	font-size: 12px;
	font-weight: 500;
}
.card-name .point-col{
	color: #48494a;
}
#card_ranking .sv_wrap_cus a:hover {
	text-decoration: underline;
	color: #06c;
}
.arrow-left{
	width: 0;
	height: 0;
	margin-top: 4px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 8px solid #3772df;
}
.arrow-right{
	width: 0;
	height: 0;
	margin-top: 4px;
	margin-left: 5px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 8px solid #3772df;
	border-right: 5px solid transparent;
}
.arrow-left.noneac{
	border-right: 8px solid #868686;
}
.arrow-right.noneac{
	border-left: 8px solid #868686;
}
.telegram-banner{
	width: 250px;
	height: 50px;
	background: linear-gradient(117deg, #1777c5, #0b5998);
	display:flex;
	padding: 0px 12px 0px 12px;
	align-items: center;
	border-radius: 10px;

}
.telegram-img{
	width: 38px;
	height: 38px;
	margin-right: 6px;
}
.telegram-account{
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	line-height: 1.5;
}
.telegram-account a{
	color: #fff;
}
.telegram-account a:hover{
	text-decoration: underline;
}
.ranktab1:hover, .ranktab1-week:hover{
	text-decoration: underline;
	color: #3b4890;
}
.ranktab2:hover, .ranktab2-week:hover{
	text-decoration: underline;
	color: #5a140c;
}
.ranktab3:hover, .ranktab3-week:hover{
	text-decoration: underline;
	color: #178c1b;
}
.ranktab1.active, .ranktab1-week.active{
	text-decoration: underline;
	color: #3b4890;
}
.ranktab2.active, .ranktab2-week.active{
	text-decoration: underline;
	color: #5a140c;
}
.ranktab3.active, .ranktab3-week.active{
	text-decoration: underline;
	color: #178c1b;
}
.rank_no_box_1{
	background-image: url('/images/rank_bg_1.png');
	width: 15px;
	height: 15px;
	text-align: center;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 1px;
	box-sizing: border-box;
}
.rank_no_box_2{
	background-image: url('/images/rank_bg_2.png');
	width: 15px;
	height: 15px;
	text-align: center;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 1px;
	box-sizing: border-box;
}
.rank_no_box_3{
	background-image: url('/images/rank_bg_3.png');
	width: 15px;
	height: 15px;
	text-align: center;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 1px;
	box-sizing: border-box;
}
.rank_no_box_4{
	background-image: url('/images/rank_bg_4.png');
	width: 15px;
	height: 15px;
	text-align: center;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 1px;
	box-sizing: border-box;
}






#new_noti_btn{
	font-weight: 500;
}
.bo__type__list b{
    display: block;
    overflow: hidden;
    width: 11px;
    height: 0;
    padding-top: 11px;
    background: url(/images/list_style.png) no-repeat;
	opacity: 0.5;
}
.bo__type__web b{
    display: block;
    overflow: hidden;
    width: 11px;
    height: 0;
    padding-top: 11px;
    background: url(/images/list_style.png) no-repeat;
	background-position: -11px 0;
	opacity: 0.5;
}

.hd__notice__wr {position:absolute;right:0;top:59%;transform:translateY(-50%);}
.hd__notice__wr a{
	display: block;
	padding: 5px 15px;
	border: 1px solid #06c;;
	color: #06c;
	font-size: 12px;
	font-weight: 600;
	border-radius: 20px;
	cursor: pointer;
}
.hd__notice__wr a:hover{
	background-color: #dee8fa;
}
.hd__notice__wr a span{
	border-radius: 4px;
	background-color: #3772df;
	color: #fff;
	padding: 0px 4px 1px 4px;
	margin-left: 2px;
}
.popup_box {
	display:none;
	position:absolute;
	top:66px; 
	right:0%; 
	padding:15px 0px 15px 15px;
	width: 310px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	
}
.scroll_box{
	overflow-y:scroll; 
	max-height: 600px;
	padding-right: 15px;
}
.pop_title{
	color:#48494a;
	font-size: 12px;
	font-weight: 800;
	border-bottom: 1px solid #dcdddf;
	padding-bottom: 6px;
}
.pop_content{
	display: flex;
	border-bottom: 1px dotted #dcdddf;
	padding: 7px 0px 7px 0px;
	justify-content: space-between;
	/* align-items: center; */
}
.pop_content:nth-child(1){
	padding: 0px 0px 7px 0px;
}
.mynoti-subject{
	font-weight:600;
	color: #48494a;
}
.pop_contents{
	padding: 0px 0px 0px 0px;
}
.close_area{
	display: flex;
	float: right;
	gap: 12px;
	padding: 10px 16px 0px 5px;
	font-size: 11px;
}
.close_area a:hover{
	text-decoration: underline;
    color: #06c;
}
.pop_contents a:hover{
	text-decoration: underline;
    color: #06c;
}
.pop_contents a:hover span{
	text-decoration: underline;
	color: #06c !important;
}
.timeago{
	font-size: 10px;
}
.menu_text{
	color: #e0e0e0 !important;
}
.menu_over{
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	bottom: 0;
	content: '';
	height: 0;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	width: 0;
	display: none;
}
.me_searchbox{
	display: none;
	position: absolute;
	right: 20px;
	z-index: 999999;
	background-color: #fff;
	margin-top: 3px;
	width: 324px;
}
.me_searchbox2{
	display: flex;
	align-items: self-end;
	height: 39px;
}
.me_searchbox span{
	padding: 5px;
	height: 45px;
}
.me_searchbox input{
	height: 30px;
	border: unset;
}
.me_searchbox input:focus{
	border: unset !important;
	box-shadow: unset !important;
}
.pop_delete_btn{
	font-size: 14px;color: #3772df; padding-left: 3px; position:relative; top: -3px;
	height: 15px;

}
/* 영상 관련 */
.mejs__overlay-loading{
	display: none !important;
}
.mejs__overlay-button {
	display: none !important;
}

/* #gnb_1dul{
	background-color: #1777c5;
} */
.gnb_1dli:has(> a:hover) > .menu_over,
.gnb_1dli:hover .gnb_2dul {
	display: block;
}

#topBanner {
	position: fixed;
	top: -55px; /* 초기엔 숨겨진 상태 */
	left: 0;
	width: 100%;
	height: 55px;
	align-content: center; 
	background-color: #ffc126;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	z-index: 9999;
	transition: top 0.5s ease;
}

#topBanner.show {
	top: 0;
}

#topBannerInner{
	margin: 0 auto;
	width: 1100px;
}
#topBannerInner img{
	width: 30px;
}
#topBannera{
	font-size: 15px; 
	font-weight: 700;
	color: #fff; 
}

#topUserNoti {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: top 0.5s ease;
  pointer-events: none;
}

#topUserNoti.show {
  top: 10px;
}

/* 🔥 header 폭과 동일하게 */
#topUserNotiInner {
  max-width: 1110px;
  margin: auto;
  display: flex;
  justify-content: flex-end; /* 오른쪽 정렬 */
}

/* 실제 알림 박스 */
#topUserNotiInner .noti-box {
  width: 300px;
  background-color: #fbfbfb;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdddf;
  border-radius: 10px;
  padding: 15px;
  pointer-events: auto; 
}

#topUserNotiInner .noti-box-title img{
	width: 20px;
}
#topUserNotiInner .noti-box .noti-box-sender{
	margin-top: 10px;
	display: flex;
	align-items: center;
    gap: 3px;
}
#topUserNotiInner .noti-box .noti-box-content{
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#topUserNotiInner .noti-box .noti-box-btn{
	margin-top: 20px;
	text-align: center;
}

#topUserNotiInner .noti-box .noti-box-btn .noti-box-memo-link{
	text-decoration: underline;
}



.bo__l__intro__event__wr{margin-top:5px; margin-bottom: 30px; width:100%; }
.bo__l__intro__event__wr .chart__data{display: flex;}
.bo__l__intro__event__wr table{
	/* width: 270px; */
	border-collapse: collapse;
}
.bo__l__intro__event__wr .chart__rank{text-align: left; width: 40px;}
.bo__l__intro__event__wr .chart__name{text-align: left; color: #06c; display:flex;}
.chart__name__rank{color: #000000;align-content: center;margin-right: 3px;}
.bo__l__intro__event__wr .chart__point{text-align: right; width: 100px;}
.bo__l__intro__event__wr .chart__space{width: 10px;padding: 5px;}

.bo__l__intro__event__wr th{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-weight: 700;
	text-align: left;
	color: #555555;
	height: 32px;
}
.bo__l__intro__event__wr td{
	border-bottom: #fafafa 1px solid;
	padding: 6px;
	height: 38px;
}
.bo__l__intro__event__title{
	font-size: 16px;
	color: #ffc126;;
	font-weight: 700;
}
.bo__l__intro__event__desc {
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-left: 12px;
	position: relative;
}
.bo__l__intro__event__desc:after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 2px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #414141;
}
.event-bg-color {
	background-color: rgb(250, 250, 250);
}
.event-nick-name{
	color: #06c;
	font-size: 12px;
	font-weight: 500;
}
.sv_member_cus{
	line-height: 1.2;
}
.viewing__notice td{
    background-color: #e9e9e9;
}
.viewing__notice_webzine .gall__tbody__td{
    background-color: #e9e9e9;
}
.viewing__notice_mo{
    background-color: #e9e9e9;
}






@media screen and (min-width: 1115px) {
	.header__top__box_mo {
		display: none !important;
	}
	.mobile-main-nav {
		display: none !important;
	}
	.oc-footer-mobile {
		display: none !important;
	}
	.bbs__mobile__col{
		display: none !important;
	}
	.bo__table__wr__st_mobile {
		display: none !important;
	}
	.chart-toggle{
		display: none !important;
	}
    .bo__v__fixbtn__mo{
		display: none !important;
	}
    .main_mobile_notice{
        display: none !important;
    }
    
}

/* 1114px 이하 모바일 레이아웃 (레이아웃 + 페이지 요소 모두 포함) */
@media screen and (max-width: 1114px) {
	.header__top__box,
	.header__middle__box,
	.header__bottom__box {
		display: none !important;
	}
	.bo__table__wr__st{
		display: none !important;
	}

	/* 컨테이너: 고정폭 해제*/
	.inner__wcen1110__respon {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		padding-left: 12px;
		padding-right: 12px;
	}
	#container.container__main__wr,
	.container__main__wr {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		box-sizing: border-box;
		float: none;
	}
	#container__right__wr.container__right__wr,
	.container__right__wr {
		display: none !important;
	}
	/* 메인 영역 내부 고정폭(850px) 요소 모바일 대응 */
	#container .main_title_header,
	#container .main_sub_title_header {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	/* 테이블(.bo__table__st): 모바일에서 뷰포트 넘침 방지, 최소폭 제거 */
	.bo__table__st {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.bo__table__st table {
		min-width: 0;
		width: 100%;
		table-layout: fixed;
	}
	.bo__table__st td,
	.bo__table__st th {
		white-space: normal;
		word-break: break-word;
	}
	.inner__box {
		padding-left: 0;
		padding-right: 0;
	}

	/* 모바일: 헤더 44px만 차지 */
	.header {
		height: 44px !important;
	}

	#header.header {
		z-index: 10050;
	}
	
	.inner__full.hgt__100per {
		height: auto !important;
	}

	/* 가로 스크롤 방지 */
	body { overflow-x: hidden; }

	/* 모바일 주요 메뉴바*/
	.mobile-main-nav {
		display: block;
		height: 49px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
		opacity: 0;
		transition: opacity 0.05s ease-out;
	}
	.mobile-main-nav.nav-positioned {
		opacity: 1;
	}
	.mobile-main-nav::-webkit-scrollbar {
		display: none;
	}
	.mobile-main-nav-inner {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		min-height: 32px;
		padding: 9px 12px;
		box-sizing: border-box;
	}
	.mobile-main-nav-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 32px;
		padding: 0 12px;
		font-size: 14px;
		font-weight: normal;
		color: #000;
		background: #f2f2f2;
		border: none;
		border-radius: 8px;
		text-decoration: none;
		white-space: nowrap;
		flex-shrink: 0;
		box-sizing: border-box;
		cursor: pointer;
	}
	.mobile-main-nav-btn:hover {
		background: #e8e8e8;
		color: #000;
	}
	.mobile-main-nav-btn.active {
		background: #000;
		color: #fff;
	}
	.mobile-main-nav-btn.active:hover {
		background: #333;
		color: #fff;
	}

	/* 상단 알림 */
	#topUserNoti { top: -300px; }
	#topUserNotiInner { max-width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box; }
	#topUserNotiInner .noti-box { max-width: 100%; width: 100%; box-sizing: border-box; }

	/* ===== 모바일 헤더 (완전 동일) ===== */
	.header__top__box_mo {
		display: block !important;
	}
	#global-header {
		height: 44px;
		z-index: 10000;
		background: #2b2c2d;
		box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
		box-sizing: border-box;
	}
	#global-header .container {
		position: relative;
		z-index: 2;
		height: 44px;
		margin: 0 auto;
		max-width: 100%;
		box-sizing: border-box;
	}
	#global-header .container:before,
	#global-header .container:after {
		content: '';
		display: table;
	}
	#global-header .container:after {
		clear: both;
	}
	/* 햄버거 버튼 (3줄 → 1줄 → X / X → 1줄 → 3줄 순서 애니메이션) */
	#global-header #global-nav-mobile-trigger {
		float: left;
		height: 44px;
		position: relative;
		width: 54px;
		z-index: 2;
		display: block;
	}
	#global-header #global-nav-mobile-trigger span {
		color: transparent;
		font: 0/0 a;
		text-shadow: none;
		margin: 0 auto;
		position: relative;
		top: 21px;
		display: block;
		/* 닫힐 때: 가운데 줄은 딜레이 뒤에 나타남 (1줄→3줄 후) */
		-webkit-transition: background-color .18s ease-in-out .18s;
		transition: background-color .18s ease-in-out .18s;
	}
	#global-header #global-nav-mobile-trigger span:before,
	#global-header #global-nav-mobile-trigger span:after {
		content: '';
		position: absolute;
		left: 50%;
		margin-left: -10px;
		/* 닫힐 때: 먼저 회전(0s) → 그다음 margin(딜레이) = X→1줄→3줄 */
		-webkit-transition: transform .18s ease-in-out 0s, margin .18s ease-in-out .18s;
		transition: transform .18s ease-in-out 0s, margin .18s ease-in-out .18s;
	}
	#global-header #global-nav-mobile-trigger span,
	#global-header #global-nav-mobile-trigger span:before,
	#global-header #global-nav-mobile-trigger span:after {
		background-color: #fff;
		border-radius: 3px;
		display: block;
		height: 3px;
		width: 20px;
	}
	#global-header #global-nav-mobile-trigger span:before {
		margin-top: -7px;
	}
	#global-header #global-nav-mobile-trigger span:after {
		margin-top: 7px;
	}
	/* 열릴 때: 3줄 → 1줄(margin 먼저) → X(회전+가운데 숨김, 딜레이) */
	body.js-global-nav-mobile #global-header #global-nav-mobile-trigger span {
		background-color: rgba(255,255,255,0);
		-webkit-transition-delay: .25s;
		transition-delay: .25s;
	}
	body.js-global-nav-mobile #global-header #global-nav-mobile-trigger span:before,
	body.js-global-nav-mobile #global-header #global-nav-mobile-trigger span:after {
		-webkit-transition: margin .25s ease-in-out 0s, transform .25s ease-in-out .25s;
		transition: margin .25s ease-in-out 0s, transform .25s ease-in-out .25s;
	}
	body.js-global-nav-mobile #global-header #global-nav-mobile-trigger span:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 0;
	}
	body.js-global-nav-mobile #global-header #global-nav-mobile-trigger span:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: 0;
	}
	/* 로고 영역 + 로고 이미지*/
	#global-header .container > h1,
	#global-header .logo-header {
		float: left;
		position: relative;
	}
	#global-header .logo-header {
		margin: 0 0 0 13px;
		font-size: 18px;
		font-weight: bold;
		line-height: 44px;
		z-index: 1;
	}
	#global-header .logo-header a {
		background-image: url("/images/oc_logo_01.png");
		background-size: 36px 20px;
		background-position: center center;
		background-repeat: no-repeat;
		color: transparent;
		font: 0/0 a;
		text-shadow: none;
		display: block;
		height: 44px;
		width: 80px;
		position: relative;
		text-decoration: none;
	}
	/* :before/:after 공통 - skew로 사선 생성, height 43px */
	#global-header .container > h1:before,
	#global-header .container > h1:after,
	#global-header .logo-header:before,
	#global-header .logo-header:after {
		content: '';
		display: block;
		height: calc(44px - 1px);
		position: absolute;
		top: 0;
		-webkit-transform: skew(-25deg, 0);
		-ms-transform: skewX(-25deg) skewY(0);
		transform: skew(-25deg, 0);
	}
	#global-header .container > h1:before,
	#global-header .logo-header:before {
		background: #1777c5;
		left: -80px;
		right: -10px;
		z-index: -1;
	}
	#global-header .container > h1:after,
	#global-header .logo-header:after {
		background: #1777c5b8;
		left: -10px;
		right: -20px;
		z-index: -2;
	}
	/* 우측 도구*/
	#global-header .tools {
		float: right;
		list-style-type: none;
		margin: 0;
		display: flex;
		align-items: center;
		gap: 17px;
		z-index: 2;
	}
	#global-header .tools > li {
		float: left;
		line-height: 44px;
		list-style-type: none;
		position: relative;
		text-align: center;
	}
	#global-header .tools > li > a {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		height: 44px;
	}
	/* 신규 알림: 전체 영역 클릭 가능, 12px 볼드, 네모 뱃지(높이 16px·기본 가로 14px) */
	#global-header .tools .notification-trigger {
		position: relative;
		font-size: 12px;
		font-weight: bold;
		gap: 3px;
		box-sizing: border-box;
	}
	/* 신규 알림 레이어 열림 시 버튼 아래 흰 삼각형 토글 */
	body.js-global-notification-open #global-header .tools .tool-notification .notification-trigger:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -8px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #fff transparent;
		z-index: 1000041;
	}
	#global-header .tools .notification-label {
		font-size: 12px;
		font-weight: bold;
		line-height: 44px;
		position: relative;
		top: 1px;
	}
	#global-header .tools .notification-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 14px;
		height: 16px;
		padding: 1px 4px 0 4px;
		box-sizing: border-box;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		background: #fff;
		color: #1777c5;
		border-radius: 2px;
	}
	/* 프로필 아이콘 */
	#global-header .tools .profile-trigger {
		position: relative;
		padding: 0;
		line-height: 0;
	}
	/* 프로필 레이어 열림 시 버튼 아래 삼각형 토글 */
	body.js-global-profile-open #global-header .tools .tool-profile .profile-trigger:before,
	body.page-login #global-header .tools .tool-profile .profile-trigger:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 25%;
		margin-left: -8px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #fff transparent;
		z-index: 1000041;
	}
	#global-header .tools .profile-icon {
		display: block;
		height: 16px;
		width: auto;
		vertical-align: middle;
		margin-right: 17px;
	}
	/* 메뉴 오버레이: 헤더는 덮지 않음*/
	.header__top__box_mo .menu-overlay-secondary {
		display: none;
		position: fixed;
		top: 44px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #1d1e1f;
		opacity: 0;
		z-index: 100005;
		pointer-events: none;
		transition: opacity .15s linear;
	}
	.header__top__box_mo .menu-overlay-secondary.active {
		display: block;
		opacity: .7;
		pointer-events: auto;
		cursor: pointer;
	}
	/* 모바일 드로어*/
	.header__top__box_mo #global-nav-mobile {
		display: none;
		position: fixed;
		top: 44px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #ffffff;
		z-index: 100006;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: none;
		box-shadow: 2px 3px 4px 0 rgba(0,0,0,0.3);
	}
	body.js-global-nav-mobile .header__top__box_mo #global-nav-mobile {
		display: block;
	}
	body.scroll-locked {
		overflow: hidden;
		overscroll-behavior: none;
	}
	/* 드로어/레이어 공통 타이틀 (전체 메뉴, 로그인 등 - 기준선 좌우 17px 띄움) */
	.header__top__box_mo .nav-layer-title {
		margin: 0 17px;
		padding: 20px 0 10px 0;
		font-size: 14px;
		font-weight: normal;
		color: #000000;
		line-height: normal;
		border-bottom: 1px solid #eee;
	}
	/* 메뉴 목록 (기준선 좌우 17px 띄움) */
	#global-nav-mobile .nav-mobile-list {
		list-style: none;
		margin: 0 17px;
		padding-bottom: 20px;
	}
	#global-nav-mobile .nav-mobile-list--myinfo {
		padding-bottom: 100px;
	}
	#global-nav-mobile .nav-mobile-item {
		border-bottom: 1px solid #eee;
	}
	#global-nav-mobile .nav-mobile-item-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 50px;
		padding: 0;
		font-size: 14px;
		color: #000000;
		text-decoration: none;
		box-sizing: border-box;
	}
	#global-nav-mobile .nav-mobile-item.has-sub .nav-mobile-item-arrow {
		flex-shrink: 0;
		margin-left: 8px;
		font-size: 14px;
	}
	#global-nav-mobile .nav-mobile-item.has-sub .nav-mobile-item-arrow-up {
		display: none;
	}
	#global-nav-mobile .nav-mobile-item.has-sub.is-open .nav-mobile-item-arrow-down {
		display: none;
	}
	#global-nav-mobile .nav-mobile-item.has-sub.is-open .nav-mobile-item-arrow-up {
		display: inline-block;
	}
	/* 중분류 (열렸을 때) */
	#global-nav-mobile .nav-mobile-sub {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0 0 20px 0;
		background: #fff;
	}
	#global-nav-mobile .nav-mobile-item.has-sub.is-open .nav-mobile-sub {
		display: block;
	}
	#global-nav-mobile .nav-mobile-sub li {
		height: 50px;
	}
	#global-nav-mobile .nav-mobile-sub li a {
		display: flex;
		align-items: center;
		height: 50px;
		padding: 0 17px 0 17px;
		font-size: 14px;
		color: #000;
		text-decoration: none;
		box-sizing: border-box;
	}
	/* #global-nav-mobile .nav-mobile-sub li a:hover {
		background: rgba(0,0,0,0.04);
	} */
	/* nav-mobile-list 아래 로그인 블록 (기준선 밑 17px / 버튼 17px 간격 / 버튼 아래 17px / 찾기) */
	#global-nav-mobile .nav-mobile-login {
		margin: 17px 17px 0 17px;
		padding-bottom: 100px;
	}
	#global-nav-mobile .nav-mobile-login-buttons {
		display: flex;
		gap: 17px;
		margin-bottom: 17px;
	}
	#global-nav-mobile .nav-mobile-btn-login {
		flex: 1;
		height: 32px;
		padding: 0;
		display: flex;
        align-items: center;
        justify-content: center;
		font-size: 14px;
		font-weight: normal;
		color: #000;
		background: #fab200;
		border: none;
		border-radius: 30px;
		cursor: pointer;
		box-sizing: border-box;
	}
	#global-nav-mobile .nav-mobile-btn-login:hover {
		background: #ffc126;
	}
	#global-nav-mobile .nav-mobile-btn-join {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 32px;
		font-size: 14px;
		font-weight: normal;
		color: #fff;
		background: #3772df;
		border-radius: 30px;
		text-decoration: none;
		box-sizing: border-box;
	}
	#global-nav-mobile .nav-mobile-btn-join:hover {
		background: #2a5bb8;
		color: #fff;
	}
	#global-nav-mobile .nav-mobile-login-find {
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		color: #000;
		text-decoration: none;
	}
	#global-nav-mobile .nav-mobile-login-find:hover {
		text-decoration: underline;
	}
	/* 프로필(로그인) 레이어 - global-nav-mobile과 동일하게 전체 흰색 */
	.header__top__box_mo #global-profile-layer {
		display: none;
		position: fixed;
		top: 44px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #ffffff;
		z-index: 100006;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: none;
		box-shadow: 2px 3px 4px 0 rgba(0,0,0,0.3);
	}
	body.js-global-profile-open .header__top__box_mo #global-profile-layer {
		display: block;
	}
	/* 신규 알림 레이어 - 전체 메뉴/프로필과 동일하게 흰색 팝업 */
	.header__top__box_mo #global-notification-layer {
		display: none;
		position: fixed;
		top: 44px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #ffffff;
		z-index: 100006;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: none;
		box-shadow: 2px 3px 4px 0 rgba(0,0,0,0.3);
	}
	body.js-global-notification-open .header__top__box_mo #global-notification-layer {
		display: block;
	}
	#global-notification-layer .noti-layer-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 17px;
		padding: 20px 0 20px 0;
		font-size: 14px;
		font-weight: normal;
		color: #000000;
		line-height: normal;
	}
	#global-notification-layer .noti-layer-btn-allread {
		height: 28px;
		width: 100px;
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		color: #fff;
		background: #3772df;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		box-sizing: border-box;
	}
	#global-notification-layer .noti-layer-btn-allread:hover {
		background: #2d62c4;
	}
	#global-notification-layer .noti-layer-desc {
		margin: 0px 17px 17px 17px;
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		color: #000;
		line-height: 1.5;
	}
	
	#global-notification-layer .noti-layer-list {
		margin: 0 17px;
		padding: 0 0 100px 0;
	}
	#global-notification-layer .noti-layer-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 50px;
		padding: 0;
		border-bottom: 1px dotted #dcdddf;
		box-sizing: border-box;
	}
	#global-notification-layer .noti-layer-item-link {
		flex: 1;
		display: block;
		padding: 10px 8px 10px 0;
		font-size: 14px;
		color: #000;
		text-decoration: none;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#global-notification-layer .noti-layer-item-link:hover {
		text-decoration: underline;
		color: #06c;
	}
	#global-notification-layer .noti-layer-item-subj {
		font-weight: bold;
		color: #48494a;
	}
	#global-notification-layer .noti-layer-item-del {
		flex-shrink: 0;
		height: 50px;
		padding: 0;
		font-size: 20px;
		line-height: 1;
		color: #999;
		background: none;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#global-notification-layer .noti-layer-item-del:hover {
		color: #333;
	}
	#global-profile-layer .profile-layer-body {
		padding: 15px 17px 100px 17px;
		box-sizing: border-box;
	}
	#global-profile-layer .profile-layer-input {
		display: block;
		width: 100%;
		height: 40px;
		margin: 0 0 17px 0;
		padding: 0 12px;
		font-size: 13px;
		border: 1px solid #dcdddf;
		border-radius: 4px;
		box-sizing: border-box;
	}
	#global-profile-layer .profile-layer-input:first-of-type {
		margin-top: 0;
	}
	#global-profile-layer .profile-layer-captcha {
		margin: 0 0 17px 0;
		min-height: 0;
	}
	#global-profile-layer .profile-layer-btn-login {
		display: block;
		width: 100%;
		height: 40px;
		margin: 0 0 40px 0;
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		color: #000;
		background: #fab200;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		box-sizing: border-box;
	}
	#global-profile-layer .profile-layer-btn-login:hover {
		background: #ffc126;
	}
	#global-profile-layer .profile-layer-or {
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		color: #6c6d6f;
		line-height: 44px;
	}
	#global-profile-layer .profile-layer-buttons {
		display: flex;
		gap: 17px;
	}
	#global-profile-layer .profile-layer-btn-find {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		height: 40px;
		font-size: 13px;
		font-weight: normal;
		color: #000;
		background: #f4f4f4;
		border-radius: 4px;
		text-decoration: none;
		box-sizing: border-box;
	}
	#global-profile-layer .profile-layer-btn-find:hover {
		background: #e8e8e8;
	}
	#global-profile-layer .profile-layer-btn-join {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		height: 40px;
		font-size: 13px;
		font-weight: normal;
		color: #fff;
		background: #3772df;
		border-radius: 4px;
		text-decoration: none;
		box-sizing: border-box;
	}
	#global-profile-layer .profile-layer-btn-join:hover {
		background: #2d62c4;
	}
	/* 로그인 후: 상단 아이콘/닉네임/실적 인증마크 + 회원 정보 */
	#global-profile-layer .profile-layer-head {
		padding: 20px 17px 0 17px;
		box-sizing: border-box;
	}
	#global-profile-layer .profile-layer-head-row {
		display: flex;
		align-items: normal;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	#global-profile-layer .profile-layer-user {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	#global-profile-layer .profile-layer-user .profile_mark_cus img{
		width: 13px;
		height: 13px;
	}
	#global-profile-layer .profile-layer-user-icon {
		display: block;
		line-height: 0;
	}
	#global-profile-layer .profile-layer-user-icon img {
		display: block;
		width: 35px;
		height: 35px;
		vertical-align: top;
	}
	#global-profile-layer .profile-layer-btn-logout {
		height: 28px;
		width: 100px;
		padding: 0;
		font-size: 13px;
		font-weight: normal;
		color: #000;
		background: #f4f4f4;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		box-sizing: border-box;
		flex-shrink: 0;
		margin-right: 0;
	}
	
	#global-profile-layer .profile-layer-user-name {
		font-size: 13px;
		font-weight: bold;
		color: #000;
	}
	#global-profile-layer .profile-layer-user-badge {
		/* 실적 인증마크 (PHP에서 이미지/스팬 출력) */
	}
	#global-profile-layer .profile-layer-info {
		font-size: 14px;
		color: #000;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	#global-profile-layer .profile-layer-info-desc {
		margin-bottom: 5px;
	}
	#global-profile-layer .profile-layer-info-desc:last-child {
		margin-bottom: 0;
	}
	#global-profile-layer .profile-layer-info-desc a {
		text-decoration: none;
	}
	#global-profile-layer .profile-layer-info-desc a:hover {
		text-decoration: underline;
		color: #06c;
	}
	#global-profile-layer .profile-layer-point {
		color: #06c;
	}
	/* 로그인 후: 내 정보 메뉴 목록 (전체 메뉴와 동일 스타일) */
	#global-profile-layer .nav-mobile-list {
		list-style: none;
		margin: 0 17px;
		padding-bottom: 20px;
	}
	#global-profile-layer .nav-mobile-list.nav-mobile-list--myinfo {
		padding-bottom: 100px;
	}
	#global-profile-layer .nav-mobile-item {
		border-bottom: 1px solid #eee;
	}
	#global-profile-layer .nav-mobile-item-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 50px;
		padding: 0;
		font-size: 14px;
		color: #000000;
		text-decoration: none;
		box-sizing: border-box;
	}
	/* #global-profile-layer .nav-mobile-item-link:hover {
		background-color: rgba(0,0,0,0.04);
	} */

	/* ===== 모바일 푸터 ===== */
	.oc-footer {
		width: 100%;
		max-width: 100%;
		border-top: unset !important;
	}
	.oc-footer-map,
	.oc-footer .oc-footer-logo-terms {
		display: none !important;
	}
	.oc-footer-mobile {
		display: block;
		margin-top: 50px;
		padding-bottom: 50px;
		box-sizing: border-box;
	}
	/* ===== 모바일 푸터: 보증 카지노 ===== */
	.oc-footer-mobile-guarantee {
		margin-bottom: 50px;
	}
	.oc-footer-mobile-guarantee-title {
		padding: 0 17px;
		font-size: 14px;
		font-weight: 700;
		color: #000;
		margin: 0 0 15px 0;
	}
	.oc-footer-mobile-guarantee-divider {
		height: 1px;
		background: #dcdddf;
		margin: 0 17px 15px 17px;
	}
	.oc-footer-mobile-guarantee-items {
		padding: 0 17px;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.oc-footer-mobile-guarantee-item {
		display: flex;
		align-items: center;
		gap: 8px;
		text-decoration: none;
		color: #000;
	}
	.oc-footer-mobile-guarantee-item img {
		width: 25px;
		height: 25px;
		display: block;
	}
	.oc-footer-mobile-guarantee-item span {
		font-size: 14px;
		font-weight: 400;
		color: #000;
	}
	.oc-footer-mobile-terms {
		padding: 0 17px;
		font-size: 14px;
		font-weight: normal;
		color: #000;
	}
	.oc-footer-mobile-terms a {
		display: inline-block;
		margin-right: 16px;
		color: #000;
		text-decoration: underline;
	}
	.oc-footer-mobile-terms a:hover {
		color: #06c;
	}
	.oc-footer-mobile-copy {
		font-size: 12px;
		font-weight: normal;
		color: #a5a6a7;
		margin-top: 8px;
		margin-bottom: 0;
	}
	.total_menu_img{
		width: 16px;
		height: 16px;
		margin-right: 3px;
		transform: translateY(-1px);
	}

	.bo__l__intro__wr{
		height: unset;
	}
	#board_top_image, #board_top_video{
		height: unset !important;
	}

	.register_form_inner .full_input,
	.mypage__info__inbox .full_input{
		max-width: 100% !important;
	}

	

	.rigister__input__box div button,
	.mypage__val__box div button{
		margin-top: 4px;
	}

	#myinfoback{
		display: none;
	} 


	.fboardlist__table-mobile { display: block; }
	.fboardlist__table-mobile {
		font-size: 13px;
		line-height: 1.5;
		color: var(--color__basic);
		margin-bottom: 10px;
	}
	.fboardlist__head {
		display: flex;
		align-items: stretch;
		height: 36px;
		box-sizing: border-box;
		padding: 5px 0px 4px;
		border-bottom: dotted 1px #999;
		color: #555;
		font-weight: 700;
		height: 38px;
		text-align: center;

	}
	.fboardlist__head > div{
		align-content: center;
	}
	.fboardlist__body a > div{
		align-content: center;
	}
	.fboardlist__head__subj {
		flex: 1;
		min-width: 0;
	}
	.fboardlist__head__date {
		width: 130px;
		flex-shrink: 0;
		text-align: center;
	}
	.fboardlist__head__date2 {
		width: 70px;
		flex-shrink: 0;
		text-align: center;
	}
	.fboardlist__head__date3 {
		width: 55px;
		flex-shrink: 0;
		text-align: center;
	}
	.fboardlist__head__date4 {
		width: 90px;
		flex-shrink: 0;
		text-align: center;
	}
	.fboardlist__head__date5 {
		width: 120px;
		flex-shrink: 0;
		text-align: center;
	}
	.fboardlist__head__del {
		flex-shrink: 0;
		text-align: center;
	}
	.fboardlist__head .tb__inbox {
		display: block;
		overflow: hidden;
	}
	.fboardlist__body {
		display: flex;
		flex-direction: column;
	}
	.fboardlist__row {
		display: flex;
		align-items: stretch;
		min-height: 36px;
		box-sizing: border-box;
		border-bottom: 1px solid #eee;
		position: relative;
	}
	.fboardlist__row--last {
		border-bottom: 1px solid #bbb;
	}
	.fboardlist__row__link {
		display: flex;
		align-items: stretch;
		flex: 1;
		min-width: 0;
		text-decoration: none;
		color: inherit;
		padding: 5px 0px 4px;
		box-sizing: border-box;
	}
	.fboardlist__row__link__padding {
        padding: 9px 0px 7px;
	}
	.fboardlist__row__link.visited,
	.fboardlist__row__link.visited .mynoti-subject {
		color: #9f9f9f;
	}
	.fboardlist__row__link a {
		position: relative;
		z-index: 2;
	}
	/* sv_wrap_cus(프로필 레이어)가 있는 tb__inbox는 overflow visible → 레이어(sv_on_cus)가 잘리지 않도록 */
	.fboardlist__cell__subj .tb__inbox:has(.sv_wrap_cus) {
		overflow: visible;
	}
	/* 레이어가 열린 행을 위로 올려 다음 행에 가려지지 않도록 */
	.fboardlist__row:has(.sv_on_cus) {
		position: relative;
		z-index: 1001;
	}
	.fboardlist__row__link {
		cursor: pointer;
	}

	.fboardlist__row__link.row-active {
		background: rgba(0,0,0,0.05);
	}
	.fboardlist__cell__subj {
		flex: 1;
		min-width: 0;
		white-space: normal;
		word-wrap: break-word;
		word-break: break-all;
	}
	.fboardlist__cell__subj .tb__inbox {
		display: block;
		overflow: hidden;
	}
	.fboardlist__cell__date {
		width: 130px;
		flex-shrink: 0;
		text-align: center;
		display: flex;
		align-items: normal;
		justify-content: center;
	}
	.fboardlist__cell__date .tb__inbox {
		display: block;
		overflow: hidden;
	}
	.fboardlist__cell__date2 {
		width: 70px;
		flex-shrink: 0;
		text-align: center;
		display: flex;
		align-items: normal;
		justify-content: center;
	}
	.fboardlist__cell__date2 .tb__inbox {
		display: block;
		overflow: hidden;
	}
	.fboardlist__cell__date3 {
		width: 105px;
		flex-shrink: 0;
		text-align: center;
		display: flex;
		align-items: normal;
		justify-content: end;
	}
	.fboardlist__cell__date3 .tb__inbox {
		display: block;
		overflow: hidden;
	}
	.fboardlist__cell__date4 {
		width: 75px;
		flex-shrink: 0;
		text-align: center;
		display: flex;
		align-items: normal;
		justify-content: end;
	}
	.fboardlist__cell__date4 .tb__inbox {
		display: block;
		overflow: hidden;
	}
	.fboardlist__cell__del {
		flex-shrink: 0;
		display: flex;
		align-items: normal;
		justify-content: center;
		text-decoration: none;
		padding: 5px 6px 4px;
		box-sizing: border-box;
		width: 22px;
	}
	.fboardlist__cell__del:hover {
		background: #f6f6f6;
	}
	.cell__subj__title__default{
		font-size: 14px;
		color: #000;
		font-weight: normal;
		margin-bottom: 3px;
        top: -1px;
        position: relative;
	}
	.cell__subj__2nd__default{
		font-size: 11px;
		color: #999;
		font-weight: normal;
		display: flex !important;
		align-items: center;
	}
	.fboardlist__cont__num__poit{font-size:10px; color:#686868;height: 19px;top: -1px; position: relative;}
	.fboardlist__cont__num__poit:after{content:"|"; margin:0px 5px 0 5px; display:block;color:#dddddd; font-size: 15px; }
	.bo__t__file__exist img{
		height: 12px;
	}
    .fboardlist__cont__right{
        position: absolute;
        right: 0;
    }
    .fboardlist__cont__right img{
        width: 20px;
    }
	.bo__t__cmt__num{
		color: #d31900;
        font-size: 14px;
        font-weight: normal;
	}
	.board__title__wr > .btbtn__st__basic{
		display: block !important;
		font-size: 11px;
		padding: 0px 14px;
        white-space: nowrap;
	}
	.bo__t__tit > .cell__subj__title__default > span.visited {color: #999;}
    .cell__subj__2nd__default img{
        position: relative;
        top: -1px;
    }
	.bo__t__status__icon img{
		height: 16px;
	}
    .bo__t__status__icon{
		position: relative;
        top: 1px;
	}
    .bo__t__status__icon_gall
    {
        line-height: 1.0;
        position: relative !important;
        top: -1px !important;
    }
    .bo__t__status__icon_gall img
    {
        height: 16px;
        margin-top: 0.6px;
    }
	.mobile__view_count_img{
		width: 11px;
		margin-right: 2px;
	}
	.mobile__best_count_img{
		width: 11px;
		margin-right: 2px;
	}
	.mobile__perf_point_img img{
		width: 10px;
		margin-left: 3px;
	}
	
	.mobile__user__img{
		width: 11px; 
	}
	.mobile__notice__btn{
		height: 20px; 
		padding: 0px 3px 0px 3px; 
		line-height: unset; 
		align-content: center; 
		border-color: unset;  
		box-shadow: unset; 
		cursor: unset;
		margin: 0px 5px;
		background:#989898 ;
	}
	.gallthumb__inbox > span{width:75px; height:54px; border-radius: 0px; overflow: hidden; border:0px solid #e6e6e6; display: flex; flex-direction: row; justify-content: center; align-items: center;}
	.gall__tbody__td {
		border-bottom: unset;
	}

	.gall__tbody__box3 .gallcont__tit {
		line-height: 1.2;
		width: 100%;
		min-height: 16px;
		display: flex;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: 1px;
	}
		/* 말줄임은 제목만, bo__t__cmt(댓글수)는 항상 노출 */
	.gall__tbody__box3 .gallcont__tit .bo__t__tit {
		min-width: 0;
		flex-shrink: 1;
	}
	/* 링크 안에 bo__t__cmt가 없을 때: 링크 전체에 말줄임 */
	.gall__tbody__box3 .gallcont__tit .bo__t__tit:not(:has(.bo__t__cmt)) {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	/* 링크 안에 bo__t__cmt가 있을 때: 제목 텍스트만 말줄임, bo__t__cmt는 항상 노출 */
	.gall__tbody__box3 .gallcont__tit .bo__t__tit:has(.bo__t__cmt) {
		display: flex;
		align-items: center;
		overflow: hidden;
		gap: 2px;
	}
	.gall__tbody__box3 .gallcont__tit .bo__t__tit .bo__t__tit__text {
		min-width: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		flex: 1 1 0;
	}
	.gall__tbody__box3 .gallcont__tit .bo__t__tit .bo__t__cmt {
		flex-shrink: 0;
	}
	.gall__tbody__box3 .gallcont__tit > .bo__t__cmt,
	.gall__tbody__box3 .gallcont__tit > .bo__t__status__icon_gall {
		flex-shrink: 0;
		white-space: nowrap;
	}
	.mobile_hidden{
		display:none !important;
	}
	.bo__li__top__box.bo__li__top__box__st02 .bo__li__top__box__00{
		width: 100%;
	}
	.bo__li__top__box__00 .bo__top__subj{
		font-size: 13px;
	}
	select {
		-webkit-appearance: none;
		appearance: none;

		background-color: #fff;

		/* 화살표 추가 */
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23333' stroke-width='2' fill='none'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 10px 6px;

		padding-right: 28px; /* 화살표 공간 */
	}

	/* 모바일: 차트 영역 (좌우 여백 유지) */
	.bo__l__intro__event__wr .chart__data {
		display: block !important;
		width: 100%;
	}
	#chart_table_0{
		display: table;
		width: 100% !important;
	}
	#chart_table_1{
		display: none;
		width: 100% !important;
	}
	/* 모바일: PC용 여백 셀(chart__space) 숨김 */
	#chart_table_0 .chart__space,
	#chart_table_1 .chart__space {
		display: none !important;
	}
	#chart_table_0 .chart__name,
	#chart_table_1 .chart__name {
		width: 60%;
		display: table-cell;
		box-sizing: border-box;
	}
	#chart_table_0 .chart__point,
	#chart_table_1 .chart__point {
		width: 40%;
		display: table-cell;
		box-sizing: border-box;
	}
	#chart_table_0 .chart__name > span,
	#chart_table_1 .chart__name > span {
		width: 100%;
	}

	.chart-toggle{
        width: 100%;
        box-sizing: border-box;
        padding: 0px 0 8px 0;
        border-bottom: 1px solid #bbb;
	}
	.chart-toggle__list{
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
	}
	.chart-toggle__btn{
		height: 32px;
		padding: 0 12px;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #cbccce;
		color: #000;
		font-size: 12px;
		font-weight: 400;
		line-height: 32px;
		cursor: pointer;
		border-radius: 20px;
	}
	.chart-toggle__btn:hover,
	.chart-toggle__item.is-active .chart-toggle__btn{
		background: #eeeeee;
		border-color: #cbccce;
	}

    .bo__t__viewing_mo{background:#f6f6f6;}
    .bo__t__viewing_mo div .cell__subj__title__default{color: #045cdf;}
    .bo__t__viewing_mo .bo__t__tit > .cell__subj__title__default > span.visited{color: #045cdf;}

    #bo_v{
        padding: 10px 0px 10px 0px;
    }

    /* 우측 버튼 */
    .bo__v__fixbtn__mo{position: fixed;right: 25px;bottom: 15px;z-index: 9999;border: 1px solid #dbdbdb;}
    .bo__v__fixbtn__mo .bo__v__fixbtn__mo__box{}
    .bo__v__fixbtn__mo .bo__v__fixbtn__mo__box div{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;background: #fff;}
    .bo__v__fixbtn__mo .bo__v__fixbtn__mo__box a{font-size: 12px; line-height: 16px; letter-spacing: -1px; text-decoration: none; display:block; padding: 9px;  text-align: center; }
    .bo__v__fixbtn__mo .bo__v__fixbtn__mo__box a img{width:12px;}
    #bo_vc_act_good, #bo_vc_act_nogood, #bo_vc_act_good_err,
	#bo_v_act_good, #bo_v_act_nogood, #bo_v_act_good_err {
        bottom: 54px;
        right: 12px;
    }

    #bo_vc .cmt_contents {
        font-size: 14px;
    }
    #bo_vc article.c_best {
        padding: 15px 12px 10px 12px;
        margin: 0 -12px;
    }
    .bo_vc_w textarea {
        height: 50px;
        min-height: 50px;
    }
    .cmt__bo_vc_w__inbox .cmt__conts textarea {
        height: 50px;
        min-height: 50px;
    }
	.card-notice-btn{
		border: 1px solid #cecfcf;
		background-color: #f4f4f4;
		color: #3772df;
		width: 20px;
		height: 18px;
		padding-bottom: 18px;
		position: inherit;
		top: -1px;
	}
}