@charset "UTF-8";

/* Original file: modules/member/skins/junggo_member/css/style.css */

/* common */

.bd_bar {
	display: none; position: absolute; top: 0; right: 16px; font-size: 20px;
}
.bd_bar i {
	cursor: pointer;
}
.cnb_n_list {
	margin-bottom: 20px;
}
	.cnb_n_list .bd_cnb.open .bg_f_f9 {
		padding-right: 11px;
	}
.rd {
	padding: 0 0 30px 0;
}
.rd_hd .board .btm_area .side {
	font-size: 0;
}
.rd_hd .board .btm_area a {
    font-size: 11px;
}
.rd_ft_nav {
	padding-bottom: 0;
}
.bd_btn.blue:hover {
	color: #fff;
}
.btn_img .fa {
	vertical-align: unset;
}
@media screen and (max-width: 640px) {
	.bd .rd_nav, .rd_ft_nav .btn_img {
		margin: 16px 2px 0;
	}
}


/* 타이틀의 J와 M 글자 전용 포인트 컬러 스타일 */
.system_message_header h1 .title_point_j,
.system_message_header h1 .title_point_m {
	color: #d32f2f; /* 중고나라의 정체성을 살린 세련된 레드 포인트 컬러 */
	font-weight: 900; /* 조금 더 두껍게 표현하여 강조 효과 극대화 */
}


/* 중앙 연출용 외부 정렬 레이아웃 */
.system_message_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff; /* 외곽 영역도 흰색으로 통일 */
	padding: 16px;
	box-sizing: border-box;
	overflow-y: auto;
}

/* 메인 카드 박스 (요청사항: 테두리선, 그림자 완전히 제거) */
.system_message {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 400px;
	margin: auto;
	padding: 16px 4px; /* 테두리가 사라졌으므로 여백을 스마트하게 조정 */
	background-color: #ffffff;
	border: none; /* 테두리선 삭제 */
	box-shadow: none; /* 그림자 효과 삭제 */
	box-sizing: border-box;
	font-size: 14px;
}

/* 폼 내부 상단 고정 타이틀 양식 */
.system_message_header {
	width: 100%;
	margin-top: 0;
}
.system_message_header h1 {
	position: relative;
	margin: 0 0 24px 0;
	padding-left: 14px;
	width: 100%;
	word-break: keep-all;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -0.5px;
	text-align: left;
	line-height: 1.4;
	color: #111;
}
.system_message_header h1 i.bg_color {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 4px;
	height: 16px;
	border-radius: 2px;
}

/* 입력 필드 레이아웃 그룹 */
.system_message_body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
}
.system_message_body.is_logged {
	width: 100%;
	text-align: center;
}

/* 로그인 유지 장치 서식 */
.system_message_body label {
	display: flex;
	align-items: center;
	gap: 6px;
	text-align: left;
	margin: 6px 0;
	font-size: 13px;
	color: #555;
	cursor: pointer;
	user-select: none;
}
.system_message_body label input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: #222;
	cursor: pointer;
}
.system_message_body #warning {
	display: block;
	margin: -4px 0 8px 4px;
	text-align: left;
	font-size: 11px;
	color: #ff5252;
	line-height: 1.4;
}

/* 에러 경고 메시지 창 서식 */
.system_message_body p {
	margin: 0;
	padding: 12px;
	word-break: break-all;
	text-align: left;
	border: 1px solid #ffe3e3;
	border-radius: 8px;
	line-height: 1.5;
	font-size: 13px;
	color: #d32f2f;
	background-color: #fff5f5;
}

/* 텍스트 인풋 폼 최적화 */
.itx {
	color: #222;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	transition: all .2s ease-in-out;
	display: block;
	margin: 0;
	padding: 10px 14px;
	width: 100%;
	height: 46px;
	background: #f1f3f5; /* 흰 배경과 대비되도록 입력창을 살짝 더 차분하게 조정 */
	border-radius: 8px;
	border: 1px solid transparent;
	-webkit-appearance: none;
}
.itx:focus {
	background: #fff;
	border-color: #222;
	outline: none;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.02);
}

/* 버튼 메인 규격 및 플랫화 공통 서식 */
.bd_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 6px 0 0 0;
	padding: 0 16px;
	height: 46px;
	box-sizing: border-box;
	background: #222;
	color: #fff !important;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none !important;
	transition: background .2s;
}
.bd_btn:hover {
	background: #111;
}

/* 하단 가입/찾기 영역 분할형 설계 */
.system_message_footer {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
	padding-top: 20px;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px dashed #e9ecef;
}

/* 개별 버튼 블록 */
.signin_box_group {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* 하단 버튼 구조 */
.system_message_footer .bd_btn {
	height: 48px;
	font-size: 14px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 6px 16px;
	text-shadow:none !important;
}

/* 버튼 내부의 상단 영문 분류 소형 태그 */
.btn_tag {
	display: block;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.3px;
	margin-bottom: 2px;
	opacity: 0.7;
}

.sub_btn_white {
	background: #ffffff !important;
	color: #333333 !important;
	border: 1px solid #ced4da !important;
}
.sub_btn_white .btn_tag {
	color: #868e96;
}
.sub_btn_white:hover {
	background: #f8f9fa !important;
	border-color: #adb5bd !important;
}

.sub_btn_blue {
	color: #ffffff !important;
	background: #007bff !important;
}
.sub_btn_blue .btn_tag {
	color: #b3d7ff;
}
.sub_btn_blue:hover {
	background: #0056b3 !important;
}

/* 링크 전용 디폴트 서식 */
a {
	text-decoration: none;
	color: #495057;
	transition: all .2s;
}

/* _header */

.tgt_modal {
	display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
	background-color: #00000030; font-size: 16px; z-index: 11; align-items: center; justify-content: center;
}
.tgt_menu {
	display: inline-block; width: 320px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.tgt_menu h3 {
	display: flex !important; align-items: center; margin: 0; padding: 20px 24px 0; font-size: 16px; line-height: 22px;
}
.tgt_menu h3 .bg_color {
	margin-right: 8px; width: 12px; height: 22px; border-radius: 2px;
}
.tgt_menu .fa-times,
.tgt_menu .fa-angle-down,
.tgt_menu .fa-angle-up {
	position: absolute; top: calc(50% + 10px); right: 24px; transform: translateY(-50%);
	margin: 0; width: 24px; height: 24px; line-height: 1.6;
	background-color: #fff; border: 1px solid #e5e5e5; border-radius: 2px;
	font-size: 14px; color: #aaa; text-align: center;
	cursor: pointer; box-sizing: border-box;
}
.tgt_menu .fa-angle-down,
.tgt_menu .fa-angle-up {
	top: auto; right: auto; bottom: 0; left: 50%; transform: translate(-50%, 14px);
}
.tgt_menu .tgt_menu_wrap {
	padding: 24px;
}
	.tgt_menu .tgt_menu_wrap .cnb_n_list {
		margin-bottom: 0;
	}
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb {
			margin: 0; padding: 0; box-shadow: none;
		}
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .home,
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .dummy_ie,
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .cnbMore {
			display: none;
		}
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .bg_f_f9 {
			height: auto; background: none; border: none; box-shadow: none;
		}
	.tgt_menu .tgt_menu_wrap .cnb_n_list ul,
	.tgt_menu .tgt_menu_slct {
		display: flex; flex-flow: wrap; gap: 8px;
		margin: 0; text-align: center; line-height: 1.5em;
	}
		.tgt_menu .tgt_menu_wrap .cnb_n_list li,
		.tgt_menu .tgt_menu_slct > a {
			display: flex; justify-content: center; align-items: center; width: calc(50% - 4px);
		}
		.tgt_menu .tgt_menu_wrap .cnb_n_list li > a {
			margin: 0; width: 100%; padding: 4px 12px; font-size: 11px;
		}
		.tgt_menu .tgt_menu_slct > a.on {
			background: #f0f0f0;
		}
		.tgt_menu .tgt_menu_slct .bd_wrt_main {
			display: flex; align-items: center; width: 100%;
		}
			.tgt_menu .tgt_menu_slct .bd_wrt_main select {
				flex: 1;
			}
			.tgt_menu .tgt_menu_slct .bd_wrt_main .itx {
				margin-bottom: 0; width: 100%;
			}
			.tgt_menu .tgt_menu_slct .bd_wrt_main .bd_btn {
				margin-left: 4px;
			}
		.tgt_menu .tgt_menu_slct .bd_wrt_main.friend {
			position: relative;
		}
		.tgt_menu .tgt_menu_slct .bd_wrt_main.group {
			display: none; margin-top: 4px;
		}


/* member_info */

.rd_hd {
	margin:0 0 20px;
}
.rd_hd .board .top_area .fr {
	height: 24px; line-height: 24px;
}
.rd_hd .board .top_area .img {
	display: inline-block; width: 24px; margin: 0; padding: 0; border: none; border-radius: 50%; vertical-align: middle;
}
.rd_hd .board .top_area .np_18px {
	display: inline-block; vertical-align: middle; padding-left: 4px;
}
.rd_body .et_vars.bd_tb {
	display: table;
}
.rd_body .rhymix_content {
	margin-bottom: 20px;
}
.rd_body .et_info {
	margin-top: 36px;
}

	.net_info {
		margin-bottom: 32px;
	}
	.net_info .net_body,
	.net_info .net_body .flw,
	.net_info .net_body .flwr {
		padding: 4px 0;
	}
	.net_info .net_body .flw,
	.net_info .net_body .flwr {
		line-height: 2;
	}
	.net_info .net_body .flw span,
	.net_info .net_body .flwr span {
		vertical-align: middle;
	}
	.net_info .net_body .flw span.net_cnt,
	.net_info .net_body .flwr span.net_cnt {
		vertical-align: initial;
	}
	.net_info .net_body .net_tab {
		display: inline-flex; align-items: center; height: 24px; background-color: #f3f3f3; border-radius: 18px; vertical-align: middle;
	}
	.net_info .net_body .net_tab .net_img {
		width: 24px; margin-right: 4px; padding: 0; border: none; border-radius: 50%; vertical-align: middle;
	}
	.net_info .net_body .net_tab span {
		pointer-events: none;
	}

	.cnt_info {
		display: flex; flex-wrap: wrap; gap: 32px; overflow: hidden;
	}
	.cnt_info.col {
		flex-direction: column;
	}
	.cnt_info .cnt_docs,
	.cnt_info .cnt_coms {
		flex: 1;
	}
	.cnt_info .bd_m_lst {
		padding: 0;
	}
	.cnt_info .bd_m_lst.zine .cnt_title {
		display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
		height: 1em; line-height: 1em; overflow: hidden; font-size: 14px;
	}
	.cnt_info li {
		width: 100% !important; box-sizing: border-box;
	}
	.cnt_info .hx {
		border-width: 0;
	}


/* form */

.confirm {
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	margin: 0 auto; max-width: 320px; border: none;
}
.confirm h1 {
	word-break: keep-all;
}
.confirm .itx {
	width: 100%; height: 32px; margin-bottom: 8px;
}
.confirm span.help-inline {
	margin: -8px 0 8px 40px; text-align: left;
}
.confirm .bd_btn {
	margin: 0; height: 32px;
}


/* login */
.confirm#fo_member_login {
	padding: 24px; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 3px #eee; box-sizing: border-box;
	align-items: baseline;
}
.confirm#fo_member_login h1 {
	margin: 8px 0 24px; width: 100%; text-align: center;
}
.confirm#fo_member_login label {
	display: flex;
}
.confirm#fo_member_login label input[type="checkbox"] {
	margin-right: 4px;
}
.confirm#fo_member_login #warning {
	display: none;
}
.confirm#fo_member_login #warning p {
	margin: 0; padding: 0 0 0 20px; text-align: justify;
}
.confirm#fo_member_login .bd_btn {
	margin: 8px 0 0; width: 100%;
}
.confirm#fo_member_login .login_footer {
	display: flex; margin-top: 12px; width: 100%; justify-content: space-between; align-items: center;
}


/* find_account */
.find_info {
	display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-evenly;
}
.find_info section {
	flex: 1;
}
.find_info section.col {
	flex-direction: column;
}
.find_info h1 {
	margin-bottom: 0;
}
.find_info hr {
	margin: 40px 0; width: 1px; border: 0;
}
.find_info hr.col {
	margin: 0px 40px; width: calc(100% - 80px); height: 1px;
}


/* modify_profile */
.bd_wrt input[type="text"],
.bd_wrt input[type="tel"] {
	display: inline-block; margin: 0; height: 28px; padding: 3px 6px;
	background: #FAFAFA; border-radius: 3px; border: 1px solid; border-color: #BBB #DDD #DDD #BBB; outline: none;
	box-sizing: border-box; transition: border .4s,background .4s; cursor: default;
}
.bd_wrt input[type="text"]:hover,
.bd_wrt input[type="text"]:focus,
.bd_wrt input[type="tel"]:hover,
.bd_wrt input[type="tel"]:focus {
	background-color: #FFF; border-color: #AAA;
}
.bd_wrt #profile_imagetag {
	position: relative; display: inline-block; margin-right: 4px; width: 90px; vertical-align: bottom;
}
.bd_wrt #profile_imagetag img {
	display: block; margin-bottom: 4px;
}
.bd_wrt #profile_imagetag button {
	position: absolute; display: flex; justify-content: center; align-items: center; bottom: 4px; left: 0;
	width: 24px; height: 24px; padding: 0; background-color: transparent; border: 2px solid #ccc; border-radius: 50%; color: #ccc; font-size: 14px;
}
.bd_wrt input[type="file"] {
	display: inline-block; margin-bottom: 4px; vertical-align: bottom;
}
.bd_wrt textarea {
	height: 240px !important;
	outline: none;
}
.bd_wrt label {
	margin-right: 8px;
}
.bd_wrt input[type=radio],
.bd_wrt input[type=checkbox] {
	margin: 0;
}

/* signup_form */
.bd_wrt .agreement {
	margin-bottom: 24px;
}
.bd_wrt .agreement .title {
	font-weight: bold;
}
.bd_wrt .agreement .text {
	background-color: #fcfcfc; padding: 24px; max-height: 240px; overflow-y: auto; transition: background-color .4s;
}
.bd_wrt .agreement .text:hover,
.bd_wrt .agreement .text:focus {
	background-color: #ffc;
}
.bd_wrt .agreement .confirm_check {
	margin: 4px 0 0 4px;
}
	.bd_wrt .agreement .confirm_check label {
		display: flex;
	}
	.bd_wrt .agreement .confirm_check input[type=checkbox] {
		margin-right: 4px;
	}
.bd_wrt .g-recaptcha {
	display: table; margin: 0 auto;
}


/* document/comment/scrapped/saved/voted_list */
.my_cnts,
.my_cnts * {
	box-sizing: border-box;
}
.my_cnts .cnt_status {
	padding-left: 12px; font-size: 11px; font-weight: bold;
}
.my_cnts .bd_zine {
	margin-top: -20px; padding: 0;
}
	.my_cnts .bd_zine li {
		width: auto;
	}
	.my_cnts .bd_zine.zine li:first-child {
		border-top: none;
	}
	.my_cnts .bd_m_lst.zine h3 {
		font-size: 14px;
	}
.my_cnts .btm_mn {
	margin: 24px auto 0; max-width: 480px; padding: 0; border-top: none;
}
	.my_cnts .bd_faq_srch {
		display: block; margin-bottom: 0;
	}

.my_cnts.scrapped .scr_comm {
	display: flex; justify-content: space-between; align-items: center; padding: 0 12px;
}
	.my_cnts.scrapped .scr_comm .fldr_slct {
		display: flex; flex: 1;
	}
.my_cnts.scrapped .bd_zine {
	margin-top: 12px;
}
.my_cnts.scrapped .bd_zine li,
.my_cnts.saved .bd_zine li,
.my_cnts.active_logins .bd_zine li {
	display: flex; justify-content: space-between;
}
.my_cnts.scrapped .bd_zine li.no_doc,
.my_cnts.saved .bd_zine li.no_doc,
.my_cnts.active_logins .bd_zine li.no_doc {
	display: block;
}
.my_cnts.scrapped .bd_zine.zine li:first-child {
	border-top: 1px solid #DDD;
}
.my_cnts.scrapped .bd_m_lst .rt_area,
.my_cnts.saved .bd_m_lst .rt_area,
.my_cnts.active_logins .bd_m_lst .rt_area {
	flex: 1;
}
.my_cnts.scrapped .bd_zine > li > a,
.my_cnts.saved .bd_zine > li > a {
	right: 84px;
}
.my_cnts.scrapped .del_move,
.my_cnts.saved .del_move,
.my_cnts.active_logins .del_move {
	margin-left: 16px; width: 72px;
}
	.my_cnts.scrapped .del_move button,
	.my_cnts.scrapped .del_move select,
	.my_cnts.saved .del_move button,
	.my_cnts.active_logins .del_move button	{
		width: 100%;
	}

.my_cnts.voted {
	margin-top: -21px;
}
.my_cnts.voted.both {
	margin-top: -8px;
}
.my_cnts.voted .vtd_comm {
    display: flex; justify-content: space-between; align-items: center; padding: 0 12px;
}
.my_cnts.voted .vtd_comm .fldr_slct {
	display: flex;
	flex: 1;
}
	.my_cnts.voted.centered .vtd_comm .fldr_slct {
		justify-content: center;
	}
.my_cnts.voted .bd_zine {
	margin-top: 4px;
}
	.my_cnts.voted .bd_zine.zine li:first-child {
		border-top: 1px solid #DDD;;
	}
@media screen and (max-width: 533px) {
	.my_cnts .vtd_comm {
		padding: 0 2px 4px;
	}
	.my_cnts.voted .cnb3 > li {
		width: auto;
	}
	.my_cnts.voted .cnb3 > li > a {
		padding: 5px 16px;
	}
}
@media screen and (max-width: 360px) {
	.my_cnts.voted .cnb3 > li {
		width: auto;
	}
}

/* message/friend */
.my_comm,
.my_comm * {
	box-sizing: border-box;
}

.my_comm .comm_cmd {
	display: flex; justify-content: space-between; align-items: center; padding: 0 12px 4px;
}
	.my_comm .comm_cmd .fldr_slct {
		display: flex; flex: 1;
	}
	.my_comm .comm_cmd .fldr_slct.alter {
		display: none;
	}
	.my_comm .comm_cmd .fldr_cnfg {
		display: flex;
	}
		.my_comm .comm_cmd .fldr_cnfg .new_msg {
			position: relative; margin-right: 8px; font-size: 16px; color: #ccc;
		}
		.my_comm .comm_cmd .fldr_cnfg .new_msg span {
			position: absolute; top: 0; right: -4px; display: flex; justify-content: center; align-items: center;
			font-size: 12px; color: #999;
		}
		.my_comm .comm_cmd .fldr_cnfg a.new_msg {
			color: #333;
		}
		.my_comm .comm_cmd .fldr_cnfg a.new_msg span {
			color: #f99;
		}
		.my_comm .comm_cmd .chng_inf {
			padding: 4px 16px; background-color: #f3f3f3; border-radius: 18px;
		}
		.my_comm .comm_cmd .set_msg_rcv .btn_img {
			margin: 8px 0; width: auto;
		}
		.my_comm .comm_cmd .set_msg_grp .btn_img {
			flex: auto; width: auto;
		}
		.my_comm .comm_cmd .set_msg_grp .bd_wrt_main.group {
			display: flex;
		}

.my_comm.friend.centered .comm_cmd {
	display: block;
}
	.my_comm.friend.centered .comm_cmd .fldr_slct {
		justify-content: center;
	}
	.my_comm.friend.centered .comm_cmd .fldr_cnfg {
		justify-content: flex-end; margin-top: 12px;
	}

.frnd_cnts {
	margin-top: 20px;
}
	.frnd_cnts .no_frnd,
	.frnd_cnts .has_frnd {
		width: 100%;
	}
	.frnd_cnts .has_frnd .net_info {
		margin-bottom: 0;
	}
.frnd_cnts .bd_zine.random {
	display: block; padding: 12px 0 !important; width: 100%; white-space: nowrap; overflow-x: auto; text-align: center;
}
	.frnd_cnts .bd_zine.random::-webkit-scrollbar {
		height: 8px;
	}
	.frnd_cnts .bd_zine.random::-webkit-scrollbar-thumb {
		background: #ccc; border-radius: 12px;
	}
	.frnd_cnts .bd_zine.random::-webkit-scrollbar-track {
		background: #cccccc50;
	}
.frnd_cnts .bd_zine.random li {
	display: inline-block; margin-left: 16px; width: 120px !important; border: 1px solid #ddd; border-radius: 4px;
	box-sizing: border-box; box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
}
.frnd_cnts .bd_zine.random li:first-child {
	margin-left: 0; border-top: 1px solid #ddd;
}
.frnd_cnts .bd_m_lst.random .is_tmb {
	padding: 0;
}
.frnd_cnts .bd_m_lst.random .is_tmb .tmb_wrp {
	display: flex; justify-content: center; margin: 0; float: none;
}
	.bd_m_lst.random .tmb_wrp img {
		border-radius: 50%;
	}
	.bd_m_lst.random img.tmb.no_prf {
		opacity: .2;
	}
.bd_m_lst.zine.random .cnt_title {
	display: block; margin: 6px auto 8px; text-overflow: ellipsis;
}
.bd_zine.zine.random .info {
	height: 2em; overflow: hidden;
}
.bd_zine.zine.random .info > span {
	display: block; margin: 0; padding: 0;
}
.bd_m_lst.random .info b {
	display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.friend_list {
	margin-top: 16px;
}
.friend_list .frnd_status {
	display: flex;
}
.friend_list .frnd_status input {
	margin-left: 8px;
}
.friend_list .bd_zine {
	display: flex; flex-wrap: wrap; gap: 24px; padding: 0;
}
.friend_list .bd_m_lst.zine > li {
	width: calc(50% - 12px); padding: 20px; background-color: #fcfcfc; border: 1px solid #ccc; border-radius: 8px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box; transition: box-shadow .4s;
}
.friend_list .bd_m_lst.zine > li:hover,
.friend_list .bd_m_lst.zine > li:focus {
	box-shadow: 0 1px 4px rgb(0 0 0 / 24%);
}
.friend_list .bd_zine.zine .tmb_wrp img {
	border-radius: 50%;
}
.friend_list .bd_zine.zine .tmb_wrp img.no_prf {
	background: transparent; border-color: transparent; opacity: .2;
}
.friend_list .bd_lst input[type="checkbox"] {
	position: absolute; top: 8px; right: 8px;
}
.friend_list .bd_zine .frnd_cmd {
	flex: 1; display: flex; justify-content: center; align-items: center; white-space: nowrap;
}
.friend_list .bd_zine .frnd_cmd span {
	margin: 0 4px;
}

@media screen and (max-width: 640px) {
	.message_list .bd_lst input,
	.friend_list .bd_lst input {
		display: inline-block;
	}
	.friend_list .bd_btn,
	.friend_list .btn_img,
	.friend_list .itx,
	.friend_list select {
		height: 28px;
	}
}
@media screen and (max-width: 533px) {
	.my_comm .comm_cmd {
		padding: 0 2px 4px;
	}
	.my_comm.friend .cnb3 > li,
	.my_comm.notify .cnb3 > li {
		width: auto;
	}
	.my_comm.friend .cnb3 > li > a,
	.my_comm.notify .cnb3 > li > a {
		padding: 5px 16px;
	}
	.friend_list .frnd_status {
		padding: 0 12px;
	}
	.friend_list .bd_zine {
		padding: 0 12px !important;
	}
	.friend_list .bd_m_lst.zine > li {
		width: 100%
	}
}
@media screen and (max-width: 360px) {
	.my_comm.friend .cnb3 > li,
	.my_comm.notify .cnb3 > li {
		width: auto;
	}
}


/* ncenter : notify_list */

@media screen and (max-width: 640px) {
	.notify_list .bd_lst input {
		display: inline-block;
	}
}


/* ncenter : config */

.ncenter_config,
.ncenter_config * {
	box-sizing: border-box;
}
	.ncenter_config .config_list {
		display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px;
	}
	.ncenter_config fieldset {
		flex: auto; margin: 0; padding: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; transition: background-color .4s;
	}
	.ncenter_config fieldset:hover {
		background-color: #f9f9f9;
	}
	.ncenter_config legend {
		margin: 0 0 0 8px; padding: 0 8px 0 6px; font-size: 12px;
	}
	.ncenter_config .labels {
		display: flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 12px 36px 4px 12px; font-size: 14px;
	}
	.ncenter_config label {
		display: flex; margin-left: 12px;
	}
	.ncenter_config label input[type="checkbox"] {
		margin: 0 4px 0 0;
	}
	.ncenter_config .desc {
		margin: 0; padding: 0 24px 16px; font-size: 12px;
	}
	.ncenter_config .regist {
		margin-top: 24px; text-align: center;
	}
		.my_comm .ncenter_config .labels {
			gap: 8px; padding: 12px 12px 12px 16px; font-size: 12px;
		}
		.my_comm .ncenter_config label {
			margin-left: 0;
		}
		.my_comm .ncenter_config .desc {
			display: none;
		}


/* ncenter : unsubscribe_list */

.unsubscribe_list {
    margin-top: 16px;
}
.unsubscribe_list .bd_zine {
    display: flex; flex-wrap: wrap; gap: 24px; padding: 0;
}
.unsubscribe_list .bd_zine h3 {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.unsubscribe_list .bd_m_lst.zine > li {
    flex: auto; padding: 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 8px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box; transition: box-shadow .4s, background-color .4s;
}
.unsubscribe_list .bd_m_lst.zine > li:hover {
    background-color: #f9f9f9; box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.unsubscribe_list a:hover {
	text-decoration: none;
}
.unsubscribe_list form {
	position: absolute; top: 0; right: 0;
}
.unsubscribe_list form .fa-times {
	position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; line-height: 1.6;
	font-size: 16px; color: #aaa; text-align: center; cursor: pointer; box-sizing: border-box;
}


/* point_history */
.my_comm.pointhistory {
	margin-top: -8px;
}
.history_list .bd_tb_lst {
	margin-top: 0;
}
	.history_list .blue td {
		background-color: #eeeeff50;
	}
	.history_list .blue td.m_no {
		color: #66c;
	}
	.history_list .red td {
		background-color: #ffeeee50
	}
	.history_list .red td.m_no {
		color: #c66;
	}

.my_comm.pointhistory.centered .comm_cmd {
	display: block;
}
	.my_comm.pointhistory.centered .comm_cmd .fldr_slct {
		justify-content: center;
	}
	.my_comm.pointhistory.centered .comm_cmd .fldr_cnfg {
		justify-content: flex-end; margin-top: 12px;
	}

@media screen and (max-width: 533px) {
	.my_comm.pointhistory .cnb3 > li {
		width: auto;
	}
	.my_comm.pointhistory .cnb3 > li > a {
		padding: 5px 16px;
	}
}
@media screen and (max-width: 360px) {
	.my_comm.pointhistory .cnb3 > li {
		width: auto;
	}
}

/* Original file: modules/isx/tpl/css/jquery.autocomplete.css */

/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
	padding: 0px;
	border: 1px solid #ddd;
	color: #666666;
	background-color: White;
	overflow: hidden;
	z-index:2000;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 5px 8px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url("../../../../modules/isx/tpl/css/indicator.gif") right center no-repeat;
}

.acSelect {
	background-color: #F5F5F5;
	color: #666666;
}

.acResults div {
	position:relative;
	text-align:right;
	border-top:1px solid #ddd;
	background:#f7f7f7;
	padding:5px;
	color:#666;
}

.acResults span:hover {
	cursor:pointer;
	text-decoration:underline;
}

.acResult span {
	cursor:pointer;
}

/* Original file: modules/popup_manager/tpl/css/popup_manager.css */

.popup-manager-popup {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	overflow: hidden;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.popup-manager-header {
	background: #f8f9fa;
	padding: 12px 15px;
	border-bottom: 1px solid #eee;
	user-select: none;
}

.popup-manager-title {
	font-weight: 600;
	font-size: 14px;
	color: #333;
}

.popup-manager-content {
	max-height: 70vh;
	overflow-y: auto;
	line-height: 1.6;
}

.popup-manager-content img {
	max-width: 100%;
	height: auto;
}

.popup-manager-close-bar {
	background: #f8f9fa;
	padding: 10px 15px;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.popup-manager-hide-label {
	font-size: 13px;
	color: #666;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
}

.popup-manager-hide-label input[type="checkbox"] {
	margin: 0;
}

.popup-close-btn {
	padding: 6px 16px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-size: 13px;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.popup-close-btn:hover {
	background: #f0f0f0;
	border-color: #bbb;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.popup-manager-popup {
		left: 10px !important;
		right: 10px;
		width: auto !important;
		max-width: calc(100% - 20px);
	}
}

/* Original file: m.layouts/jungonala2023/css/xeicon.min.css */

@font-face{font-family:'xeicon';src:url("../../../../m.layouts/jungonala2023/fonts/xeicon.eot");src:url("../../../../m.layouts/jungonala2023/fonts/xeicon.eot#iefix") format("embedded-opentype"),url("../../../../m.layouts/jungonala2023/fonts/xeicon.woff2") format("woff2"),url("../../../../m.layouts/jungonala2023/fonts/xeicon.woff") format("woff"),url("../../../../m.layouts/jungonala2023/fonts/xeicon.ttf") format("truetype"),url("../../../../m.layouts/jungonala2023/fonts/xeicon.svg") format("svg")}.xe-icon{font-family:'xeicon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xe-plus:before{content:"\e600"}.xe-plus-circle:before{content:"\e601"}.xe-plus-square:before{content:"\e602"}.xe-minus:before{content:"\e603"}.xe-minus-circle:before{content:"\e604"}.xe-minus-square:before{content:"\e605"}.xe-check:before{content:"\e606"}.xe-check-circle:before{content:"\e607"}.xe-check-square:before{content:"\e608"}.xe-close:before{content:"\e609"}.xe-close-circle:before{content:"\e60a"}.xe-close-square:before{content:"\e60b"}.xe-angle-left:before{content:"\e60c"}.xe-left-circle:before{content:"\e60d"}.xe-left-square:before{content:"\e60e"}.xe-angle-right:before{content:"\e60f"}.xe-right-circle:before{content:"\e610"}.xe-right-square:before{content:"\e611"}.xe-angle-up:before{content:"\e612"}.xe-up-circle:before{content:"\e613"}.xe-up-square:before{content:"\e614"}.xe-angle-down:before{content:"\e615"}.xe-down-circle:before{content:"\e616"}.xe-down-square:before{content:"\e617"}.xe-arrow-left:before{content:"\e618"}.xe-arrow-right:before{content:"\e619"}.xe-arrow-up:before{content:"\e61a"}.xe-arrow-down:before{content:"\e61b"}.xe-angle-double-left:before{content:"\e61c"}.xe-angle-double-right:before{content:"\e61d"}.xe-angle-double-up:before{content:"\e61e"}.xe-angle-double-down:before{content:"\e61f"}.xe-caret-left:before{content:"\e620"}.xe-caret-left-circle:before{content:"\e621"}.xe-caret-left-square:before{content:"\e622"}.xe-caret-right:before{content:"\e623"}.xe-caret-right-circle:before{content:"\e624"}.xe-caret-right-square:before{content:"\e625"}.xe-caret-up:before{content:"\e626"}.xe-caret-up-circle:before{content:"\e627"}.xe-caret-up-square:before{content:"\e628"}.xe-caret-down:before{content:"\e629"}.xe-caret-down-circle:before{content:"\e62a"}.xe-caret-down-square:before{content:"\e62b"}.xe-arrows:before{content:"\e62c"}.xe-arrows-alt:before{content:"\e62d"}.xe-expand-square:before{content:"\e62e"}.xe-compress-square:before{content:"\e62f"}.xe-arrows-h:before{content:"\e630"}.xe-arrows-v:before{content:"\e631"}.xe-expand:before{content:"\e632"}.xe-compress:before{content:"\e633"}.xe-refresh:before{content:"\e634"}.xe-power-off:before{content:"\e635"}.xe-alt:before{content:"\e636"}.xe-command:before{content:"\e637"}.xe-esc:before{content:"\e638"}.xe-eye:before{content:"\e639"}.xe-toggle:before{content:"\e63a"}.xe-toggle-off:before{content:"\e63b"}.xe-toggle-on:before{content:"\e63c"}.xe-spinner:before{content:"\e63d"}.xe-ellipsis-h:before{content:"\e63e"}.xe-download-circle:before{content:"\e63f"}.xe-upload-circle:before{content:"\e640"}.xe-download:before{content:"\e641"}.xe-upload:before{content:"\e642"}.xe-download-disk:before{content:"\e643"}.xe-upload-disk:before{content:"\e644"}.xe-archive:before{content:"\e645"}.xe-download-my:before{content:"\e646"}.xe-download-bottom:before{content:"\e647"}.xe-download-caret:before{content:"\e648"}.xe-cloud:before{content:"\e649"}.xe-cloud-upload:before{content:"\e64a"}.xe-cloud-download:before{content:"\e64b"}.xe-upload-square:before{content:"\e64c"}.xe-download-square:before{content:"\e64d"}.xe-share:before{content:"\e64e"}.xe-share-l:before{content:"\e64f"}.xe-share-alt:before{content:"\e650"}.xe-share-arrow-alt:before{content:"\e651"}.xe-cloud-plus:before{content:"\e652"}.xe-cloud-minus:before{content:"\e653"}.xe-external-share:before{content:"\e654"}.xe-external-link:before{content:"\e655"}.xe-flag:before{content:"\e656"}.xe-flag-line:before{content:"\e657"}.xe-notice:before{content:"\e658"}.xe-announce:before{content:"\e659"}.xe-rss-square:before{content:"\e65a"}.xe-code-fork:before{content:"\e65b"}.xe-Sitemap:before{content:"\e65c"}.xe-wifi-tower:before{content:"\e65d"}.xe-wifi:before{content:"\e65e"}.xe-signal-circle:before{content:"\e65f"}.xe-Antenna:before{content:"\e660"}.xe-marquee-add:before{content:"\e661"}.xe-marquee-remove:before{content:"\e662"}.xe-exchange:before{content:"\e663"}.xe-repeat:before{content:"\e664"}.xe-share-arrow-alt2:before{content:"\e665"}.xe-scissors:before{content:"\e666"}.xe-pen:before{content:"\e667"}.xe-pencil:before{content:"\e668"}.xe-circle:before{content:"\e669"}.xe-slash-circle:before{content:"\e66a"}.xe-magnifier-expand:before{content:"\e66b"}.xe-magnifier-reduce:before{content:"\e66c"}.xe-magnifier:before{content:"\e66d"}.xe-pin:before{content:"\e66e"}.xe-clip:before{content:"\e66f"}.xe-key:before{content:"\e670"}.xe-key-classic:before{content:"\e671"}.xe-wastebasket:before{content:"\e672"}.xe-eyes:before{content:"\e673"}.xe-eye-slash:before{content:"\e674"}.xe-slip-tongs:before{content:"\e675"}.xe-lock:before{content:"\e676"}.xe-unlock:before{content:"\e677"}.xe-calculator:before{content:"\e678"}.xe-target:before{content:"\e679"}.xe-pen-point:before{content:"\e67a"}.xe-pencil-point:before{content:"\e67b"}.xe-brush-point:before{content:"\e67c"}.xe-magnet:before{content:"\e67d"}.xe-cube:before{content:"\e67e"}.xe-brush:before{content:"\e67f"}.xe-type:before{content:"\e680"}.xe-paint-bucket:before{content:"\e681"}.xe-crop:before{content:"\e682"}.xe-marquee:before{content:"\e683"}.xe-color:before{content:"\e684"}.xe-ruler:before{content:"\e685"}.xe-ruler-triangle:before{content:"\e686"}.xe-magic:before{content:"\e687"}.xe-eyedropper:before{content:"\e688"}.xe-canvas:before{content:"\e689"}.xe-tool:before{content:"\e68a"}.xe-repair:before{content:"\e68b"}.xe-align-justify:before{content:"\e68c"}.xe-align-left:before{content:"\e68d"}.xe-align-center:before{content:"\e68e"}.xe-align-right:before{content:"\e68f"}.xe-layout-full:before{content:"\e690"}.xe-layout-side-left:before{content:"\e691"}.xe-layout-side-right:before{content:"\e692"}.xe-layout-left-two:before{content:"\e693"}.xe-layout-side-center:before{content:"\e694"}.xe-layout-side-three:before{content:"\e695"}.xe-layout-grid:before{content:"\e696"}.xe-layout-top:before{content:"\e697"}.xe-layout-top-left:before{content:"\e698"}.xe-layout-top-grid:before{content:"\e699"}.xe-layout-top-colum:before{content:"\e69a"}.xe-layout-top-center:before{content:"\e69b"}.xe-layout-top-left-mid:before{content:"\e69c"}.xe-layout-top-right:before{content:"\e69d"}.xe-bold:before{content:"\e69e"}.xe-underline:before{content:"\e69f"}.xe-italic:before{content:"\e6a0"}.xe-Caps:before{content:"\e6a1"}.xe-strikethrough:before{content:"\e6a2"}.xe-paragraph:before{content:"\e6a3"}.xe-list-ul:before{content:"\e6a4"}.xe-list-ul-square:before{content:"\e6a5"}.xe-list-ol:before{content:"\e6a6"}.xe-list-ul-l:before{content:"\e6a7"}.xe-indent:before{content:"\e6a8"}.xe-indent-arrow:before{content:"\e6a9"}.xe-dedent:before{content:"\e6aa"}.xe-dedent-arrow:before{content:"\e6ab"}.xe-link:before{content:"\e6ac"}.xe-link-l:before{content:"\e6ad"}.xe-unlink:before{content:"\e6ae"}.xe-link-clip:before{content:"\e6af"}.xe-content-right:before{content:"\e6b0"}.xe-content-left:before{content:"\e6b1"}.xe-content-grid:before{content:"\e6b2"}.xe-eraser:before{content:"\e6b3"}.xe-lineheight-plus:before{content:"\e6b4"}.xe-lineheight-minus:before{content:"\e6b5"}.xe-lineheight:before{content:"\e6b6"}.xe-code:before{content:"\e6b7"}.xe-rotate-right:before{content:"\e6b8"}.xe-rotate-left:before{content:"\e6b9"}.xe-stack-paper:before{content:"\e6ba"}.xe-paper:before{content:"\e6bb"}.xe-user:before{content:"\e6bc"}.xe-user-plus:before{content:"\e6bd"}.xe-user-minus:before{content:"\e6be"}.xe-user-check:before{content:"\e6bf"}.xe-users:before{content:"\e6c0"}.xe-user-info:before{content:"\e6c1"}.xe-user-add:before{content:"\e6c2"}.xe-user-circle:before{content:"\e6c3"}.xe-user-folder:before{content:"\e6c4"}.xe-user-address:before{content:"\e6c5"}.xe-user-lock:before{content:"\e6c6"}.xe-female:before{content:"\e6c7"}.xe-male:before{content:"\e6c8"}.xe-gender:before{content:"\e6c9"}.xe-man:before{content:"\e6ca"}.xe-community:before{content:"\e6cb"}.xe-email:before{content:"\e6cc"}.xe-mail-envelope:before{content:"\e6cd"}.xe-mail-card:before{content:"\e6ce"}.xe-mail-postcard:before{content:"\e6cf"}.xe-mail-open:before{content:"\e6d0"}.xe-mail-open-letter:before{content:"\e6d1"}.xe-mail-at:before{content:"\e6d2"}.xe-postbox:before{content:"\e6d3"}.xe-mail-reply:before{content:"\e6d4"}.xe-send:before{content:"\e6d5"}.xe-attach:before{content:"\e6d6"}.xe-mail-refresh:before{content:"\e6d7"}.xe-message-bubble:before{content:"\e6d8"}.xe-message-left:before{content:"\e6d9"}.xe-message-right:before{content:"\e6da"}.xe-message-left-list:before{content:"\e6db"}.xe-message-left-ellipsis:before{content:"\e6dc"}.xe-comment-list:before{content:"\e6dd"}.xe-comment-bubble:before{content:"\e6de"}.xe-comment-double:before{content:"\e6df"}.xe-status-check:before{content:"\e6e0"}.xe-status-check-box:before{content:"\e6e1"}.xe-status-check-boxout:before{content:"\e6e2"}.xe-status-check-circle:before{content:"\e6e3"}.xe-status-check-circleout:before{content:"\e6e4"}.xe-status-check-shield:before{content:"\e6e5"}.xe-status-check-shieldout:before{content:"\e6e6"}.xe-status-check-commentout:before{content:"\e6e7"}.xe-status-check-comment:before{content:"\e6e8"}.xe-status-check-home:before{content:"\e6e9"}.xe-status-check-homeout:before{content:"\e6ea"}.xe-ban:before{content:"\e6eb"}.xe-ban-square:before{content:"\e6ec"}.xe-ban-circle:before{content:"\e6ed"}.xe-ban-octagonal:before{content:"\e6ee"}.xe-ban-briefcase:before{content:"\e6ef"}.xe-unknown-square:before{content:"\e6f0"}.xe-unknown-circle:before{content:"\e6f1"}.xe-ok-square:before{content:"\e6f2"}.xe-ok-circle:before{content:"\e6f3"}.xe-ban-l:before{content:"\e6f4"}.xe-rollback:before{content:"\e6f5"}.xe-rollback-circle:before{content:"\e6f6"}.xe-exclamation-circle:before{content:"\e6f7"}.xe-exclamation-triangle:before{content:"\e6f8"}.xe-exclamation-octagon:before{content:"\e6f9"}.xe-information-circle:before{content:"\e6fa"}.xe-help-circle:before{content:"\e6fb"}.xe-skull:before{content:"\e6fc"}.xe-image:before{content:"\e6fd"}.xe-images:before{content:"\e6fe"}.xe-photo:before{content:"\e6ff"}.xe-photo-camera-a:before{content:"\e700"}.xe-photo-camera-b:before{content:"\e701"}.xe-photo-camera-c:before{content:"\e702"}.xe-photo-camera-retro:before{content:"\e703"}.xe-photo-cameracorder:before{content:"\e704"}.xe-backward-arrow:before{content:"\e705"}.xe-forward-arrow:before{content:"\e706"}.xe-backward-double-arrow:before{content:"\e707"}.xe-forward-double-arrow:before{content:"\e708"}.xe-stop:before{content:"\e709"}.xe-backward-double-circle:before{content:"\e70a"}.xe-forward-double-circle:before{content:"\e70b"}.xe-forward-double-circle2:before{content:"\e70c"}.xe-backward-double-circle2:before{content:"\e70d"}.xe-backward-end-circle:before{content:"\e70e"}.xe-forward-end-circle:before{content:"\e70f"}.xe-backward-end-double-circle:before{content:"\e710"}.xe-forward-end-double-circle:before{content:"\e711"}.xe-stop-circle:before{content:"\e712"}.xe-play-circle:before{content:"\e713"}.xe-backward-double-square:before{content:"\e714"}.xe-forward-double-square:before{content:"\e715"}.xe-backward-end-square:before{content:"\e716"}.xe-forward-end-square:before{content:"\e717"}.xe-backward-end-double-square:before{content:"\e718"}.xe-forward-end-double-square:before{content:"\e719"}.xe-stop-square:before{content:"\e71a"}.xe-play-square:before{content:"\e71b"}.xe-record:before{content:"\e71c"}.xe-play:before{content:"\e71d"}.xe-forward-double-angle:before{content:"\e71f"}.xe-backward-double-angle:before{content:"\e720"}.xe-pause:before{content:"\e721"}.xe-forward-end-angle:before{content:"\e722"}.xe-backward-end-angle:before{content:"\e723"}.xe-h-41:before{content:"\e724"}.xe-record-circle:before{content:"\e725"}.xe-forward-double-circle-o:before{content:"\e726"}.xe-backward-double-circle-o:before{content:"\e727"}.xe-pause-circle-o:before{content:"\e728"}.xe-pausenow-circle-o:before{content:"\e729"}.xe-video:before{content:"\e72a"}.xe-play-movie:before{content:"\e72b"}.xe-play-tv:before{content:"\e72c"}.xe-play-tv-wide:before{content:"\e72d"}.xe-video-recoder:before{content:"\e72e"}.xe-play-film:before{content:"\e72f"}.xe-film:before{content:"\e730"}.xe-sound-max:before{content:"\e731"}.xe-sound-mid:before{content:"\e732"}.xe-sound-min:before{content:"\e733"}.xe-sound-plus:before{content:"\e734"}.xe-sound-minus:before{content:"\e735"}.xe-sound-off:before{content:"\e736"}.xe-sound-close:before{content:"\e737"}.xe-volume-circle:before{content:"\e738"}.xe-volume-off-circle:before{content:"\e739"}.xe-volume-max:before{content:"\e73a"}.xe-volume-mid:before{content:"\e73b"}.xe-volume-min:before{content:"\e73c"}.xe-volume-plus:before{content:"\e73d"}.xe-volume-minus:before{content:"\e73e"}.xe-volume-off:before{content:"\e73f"}.xe-volume-close:before{content:"\e740"}.xe-headset:before{content:"\e741"}.xe-mic:before{content:"\e742"}.xe-mic-off:before{content:"\e743"}.xe-microphone:before{content:"\e744"}.xe-mic-new:before{content:"\e745"}.xe-volume-bar:before{content:"\e746"}.xe-record-play:before{content:"\e747"}.xe-mix-machine:before{content:"\e748"}.xe-music-note-a:before{content:"\e749"}.xe-music-note-b:before{content:"\e74a"}.xe-music-note-c:before{content:"\e74b"}.xe-speaker:before{content:"\e74c"}.xe-keyboard:before{content:"\e74d"}.xe-saxophone:before{content:"\e74e"}.xe-music-scale:before{content:"\e74f"}.xe-star:before{content:"\e750"}.xe-medal:before{content:"\e751"}.xe-medal-l:before{content:"\e752"}.xe-trophy:before{content:"\e753"}.xe-love-o:before{content:"\e754"}.xe-present:before{content:"\e755"}.xe-flag-triangle:before{content:"\e756"}.xe-tag-a:before{content:"\e757"}.xe-tag-left:before{content:"\e758"}.xe-tags:before{content:"\e759"}.xe-tag-thin:before{content:"\e75a"}.xe-tag-lefts:before{content:"\e75b"}.xe-heart:before{content:"\e75c"}.xe-marker-pin:before{content:"\e75d"}.xe-marker-point:before{content:"\e75e"}.xe-tag-plus:before{content:"\e75f"}.xe-bookmark:before{content:"\e760"}.xe-bookmark-left:before{content:"\e761"}.xe-bookmark-spread:before{content:"\e762"}.xe-marker-circle:before{content:"\e763"}.xe-marker-plus:before{content:"\e764"}.xe-marker-minus:before{content:"\e765"}.xe-marker-multiply:before{content:"\e766"}.xe-marker-circle-round:before{content:"\e767"}.xe-marker-plus-round:before{content:"\e768"}.xe-marker-minus-round:before{content:"\e769"}.xe-marker-multiply-round:before{content:"\e76a"}.xe-marker-circle-fat:before{content:"\e76b"}.xe-marker-plus-fat:before{content:"\e76c"}.xe-marker-minus-fat:before{content:"\e76d"}.xe-marker-multiply-fat:before{content:"\e76e"}.xe-map-marker:before{content:"\e76f"}.xe-map-folding:before{content:"\e770"}.xe-location-arrow:before{content:"\e771"}.xe-compass-a:before{content:"\e772"}.xe-compass-b:before{content:"\e773"}.xe-crosshairs:before{content:"\e774"}.xe-flag-wind:before{content:"\e775"}.xe-car:before{content:"\e776"}.xe-taxi:before{content:"\e777"}.xe-plane:before{content:"\e778"}.xe-monitor-mac:before{content:"\e779"}.xe-monitor:before{content:"\e77a"}.xe-laptop:before{content:"\e77b"}.xe-mouse:before{content:"\e77c"}.xe-mouse-wheel:before{content:"\e77d"}.xe-print-paper:before{content:"\e71e"}.xe-mobile:before{content:"\e77f"}.xe-mobile-phone:before{content:"\e780"}.xe-tablet:before{content:"\e781"}.xe-battery-full:before{content:"\e782"}.xe-battery-mid:before{content:"\e783"}.xe-battery-min:before{content:"\e784"}.xe-battery-non:before{content:"\e785"}.xe-disk-old:before{content:"\e786"}.xe-usb:before{content:"\e787"}.xe-memorycard:before{content:"\e788"}.xe-cd-r:before{content:"\e789"}.xe-hdd:before{content:"\e78a"}.xe-hardware-wifi:before{content:"\e78b"}.xe-calculators:before{content:"\e78c"}.xe-plug:before{content:"\e78d"}.xe-gamepad:before{content:"\e78e"}.xe-gamepad-simple:before{content:"\e78f"}.xe-time-o:before{content:"\e790"}.xe-time-point:before{content:"\e791"}.xe-clock:before{content:"\e792"}.xe-timer:before{content:"\e793"}.xe-time-forward:before{content:"\e794"}.xe-time-back:before{content:"\e795"}.xe-time-hour:before{content:"\e796"}.xe-alarm-clock:before{content:"\e797"}.xe-bell:before{content:"\e798"}.xe-bell-ring:before{content:"\e799"}.xe-bell-mute:before{content:"\e79a"}.xe-sandwatch:before{content:"\e79b"}.xe-sandwatch-forward:before{content:"\e79c"}.xe-watch:before{content:"\e79d"}.xe-time-day:before{content:"\e79e"}.xe-time-night:before{content:"\e79f"}.xe-calendars:before{content:"\e7a0"}.xe-calendars-month:before{content:"\e7a1"}.xe-calendars-week:before{content:"\e7a2"}.xe-calendars-time:before{content:"\e7a3"}.xe-calendars-add:before{content:"\e7a4"}.xe-calendars-remove:before{content:"\e7a5"}.xe-calendars-delete:before{content:"\e7a6"}.xe-calendars-check:before{content:"\e7a7"}.xe-file:before{content:"\e7a8"}.xe-file-add:before{content:"\e7a9"}.xe-file-remove:before{content:"\e7aa"}.xe-file-text:before{content:"\e7ab"}.xe-documents:before{content:"\e7ac"}.xe-documents-twin:before{content:"\e7ad"}.xe-file-image:before{content:"\e7ae"}.xe-file-movie:before{content:"\e7af"}.xe-file-check:before{content:"\e7b0"}.xe-file-music:before{content:"\e7b1"}.xe-file-code:before{content:"\e7b2"}.xe-file-zip:before{content:"\e7b3"}.xe-file-excel:before{content:"\e7b4"}.xe-file-word:before{content:"\e7b5"}.xe-file-powerpoint:before{content:"\e7b6"}.xe-file-time:before{content:"\e7b7"}.xe-file-check-o:before{content:"\e7b8"}.xe-file-add-o:before{content:"\e7b9"}.xe-file-remove-o:before{content:"\e7ba"}.xe-file-upload-o:before{content:"\e7bb"}.xe-file-download-o:before{content:"\e7bc"}.xe-file-bookmark:before{content:"\e7bd"}.xe-file-lock:before{content:"\e7be"}.xe-folder:before{content:"\e7bf"}.xe-folder-open:before{content:"\e7c0"}.xe-folder-add:before{content:"\e7c1"}.xe-folder-check:before{content:"\e7c2"}.xe-folder-remove:before{content:"\e7c3"}.xe-folder-delete:before{content:"\e7c4"}.xe-folder-upload:before{content:"\e7c5"}.xe-folder-download:before{content:"\e7c6"}.xe-folder-bookmark:before{content:"\e7c7"}.xe-folder-lock:before{content:"\e7c8"}.xe-folder-time:before{content:"\e7c9"}.xe-folder-music:before{content:"\e7ca"}.xe-folder-image:before{content:"\e7cb"}.xe-folder-movie:before{content:"\e7cc"}.xe-folder-code:before{content:"\e7cd"}.xe-folder-zip:before{content:"\e7ce"}.xe-windows:before{content:"\e7cf"}.xe-windows-text:before{content:"\e7d0"}.xe-windows-forbidden:before{content:"\e7d1"}.xe-windows-time:before{content:"\e7d2"}.xe-windows-add:before{content:"\e7d3"}.xe-windows-remove:before{content:"\e7d4"}.xe-windows-delete:before{content:"\e7d5"}.xe-windows-check:before{content:"\e7d6"}.xe-windows-download:before{content:"\e7d7"}.xe-windows-upload:before{content:"\e7d8"}.xe-windows-lock:before{content:"\e7d9"}.xe-windows-forward:before{content:"\e7da"}.xe-windows-refresh:before{content:"\e7db"}.xe-windows-home:before{content:"\e7dc"}.xe-windows-favorite:before{content:"\e7dd"}.xe-windows-look:before{content:"\e7de"}.xe-server:before{content:"\e7df"}.xe-server-folder:before{content:"\e7e0"}.xe-server-hardware:before{content:"\e7e1"}.xe-server-forbidden:before{content:"\e7e2"}.xe-server-time:before{content:"\e7e3"}.xe-server-add:before{content:"\e7e4"}.xe-server-remove:before{content:"\e7e5"}.xe-server-delete:before{content:"\e7e6"}.xe-server-check:before{content:"\e7e7"}.xe-server-download:before{content:"\e7e8"}.xe-server-upload:before{content:"\e7e9"}.xe-server-lock:before{content:"\e7ea"}.xe-server-forward:before{content:"\e7eb"}.xe-server-refresh:before{content:"\e7ec"}.xe-server-look:before{content:"\e7ed"}.xe-html5:before{content:"\e7ee"}.xe-css3:before{content:"\e7ef"}.xe-ruby:before{content:"\e7f0"}.xe-radiation:before{content:"\e7f1"}.xe-rocket:before{content:"\e7f2"}.xe-atom:before{content:"\e7f3"}.xe-shield-o:before{content:"\e7f4"}.xe-saturn:before{content:"\e7f5"}.xe-globus:before{content:"\e7f6"}.xe-funnel:before{content:"\e7f7"}.xe-chart-line:before{content:"\e7f8"}.xe-chart-bar:before{content:"\e7f9"}.xe-chart-area:before{content:"\e7fa"}.xe-chart-wave:before{content:"\e7fb"}.xe-cocktail:before{content:"\e7fc"}.xe-icecream:before{content:"\e7fd"}.xe-fork:before{content:"\e7fe"}.xe-spoon:before{content:"\e7ff"}.xe-knife:before{content:"\e800"}.xe-burger:before{content:"\e801"}.xe-rice:before{content:"\e802"}.xe-cup:before{content:"\e803"}.xe-lemon:before{content:"\e804"}.xe-orange:before{content:"\e805"}.xe-watermelon:before{content:"\e806"}.xe-cake:before{content:"\e807"}.xe-pill:before{content:"\e808"}.xe-glasses:before{content:"\e809"}.xe-umbrella:before{content:"\e80a"}.xe-bomb:before{content:"\e80b"}.xe-bonfire:before{content:"\e80c"}.xe-tent:before{content:"\e80d"}.xe-handbag:before{content:"\e80e"}.xe-briefcase-l:before{content:"\e80f"}.xe-credit-card:before{content:"\e810"}.xe-taxi-square:before{content:"\e811"}.xe-idea:before{content:"\e812"}.xe-telephone:before{content:"\e813"}.xe-book-spread:before{content:"\e814"}.xe-evergreens:before{content:"\e815"}.xe-carts:before{content:"\e816"}.xe-tree:before{content:"\e817"}.xe-leaf:before{content:"\e818"}.xe-facebook:before{content:"\e819"}.xe-google-plus:before{content:"\e81a"}.xe-twitter:before{content:"\e81b"}.xe-vk:before{content:"\e81c"}.xe-blogger:before{content:"\e81d"}.xe-hubpages:before{content:"\e81e"}.xe-medium:before{content:"\e81f"}.xe-naver:before{content:"\e820"}.xe-tumblr:before{content:"\e821"}.xe-xing:before{content:"\e822"}.xe-bloglovin:before{content:"\e823"}.xe-stumbleupon:before{content:"\e824"}.xe-delicious:before{content:"\e825"}.xe-linkedin:before{content:"\e826"}.xe-pocket:before{content:"\e827"}.xe-feedly:before{content:"\e828"}.xe-social-rssfeed:before{content:"\e829"}.xe-digg:before{content:"\e82a"}.xe-reddit:before{content:"\e82b"}.xe-social-email:before{content:"\e82c"}.xe-social-print:before{content:"\e82d"}.xe-github:before{content:"\e82e"}.xe-git:before{content:"\e82f"}.xe-hunie:before{content:"\e830"}.xe-trello:before{content:"\e831"}.xe-yobi:before{content:"\e832"}.xe-skillshare:before{content:"\e833"}.xe-slideshare:before{content:"\e834"}.xe-stackoverflow:before{content:"\e835"}.xe-flickr:before{content:"\e836"}.xe-instagram:before{content:"\e837"}.xe-kakaostory:before{content:"\e838"}.xe-path:before{content:"\e839"}.xe-behance:before{content:"\e83a"}.xe-deviantart:before{content:"\e83b"}.xe-dribbble:before{content:"\e83c"}.xe-pinterest:before{content:"\e83d"}.xe-evernote:before{content:"\e83e"}.xe-onenote:before{content:"\e83f"}.xe-goodreads:before{content:"\e840"}.xe-kickstarter:before{content:"\e841"}.xe-senscritique:before{content:"\e842"}.xe-myplace:before{content:"\e843"}.xe-soundcloud:before{content:"\e844"}.xe-vimeo:before{content:"\e845"}.xe-youtube:before{content:"\e846"}.xe-foursquare:before{content:"\e847"}.xe-trover:before{content:"\e848"}.xe-facebook-messenger:before{content:"\e849"}.xe-kakaotalk:before{content:"\e84a"}.xe-line-messenger:before{content:"\e84b"}.xe-skype:before{content:"\e84c"}.xe-telegram:before{content:"\e84d"}.xe-wechat:before{content:"\e84e"}.xe-whatsapp:before{content:"\e84f"}.xe-bitrix:before{content:"\e850"}.xe-concrete5:before{content:"\e851"}.xe-dot-cms:before{content:"\e852"}.xe-drupal:before{content:"\e853"}.xe-expressionengine:before{content:"\e854"}.xe-ghost:before{content:"\e855"}.xe-joomla:before{content:"\e856"}.xe-kimsq:before{content:"\e857"}.xe-magento:before{content:"\e858"}.xe-opencart:before{content:"\e859"}.xe-oscommerce:before{content:"\e85a"}.xe-prestashop:before{content:"\e85b"}.xe-silverstripe:before{content:"\e85c"}.xe-typo3:before{content:"\e85d"}.xe-ubercart:before{content:"\e85e"}.xe-vbulletin:before{content:"\e85f"}.xe-wix:before{content:"\e860"}.xe-virtuemart:before{content:"\e861"}.xe-wordpress:before{content:"\e862"}.xe-xpressengine:before{content:"\e863"}.xe-zencart:before{content:"\e864"}

/* Original file: m.layouts/jungonala2023/css/jquery.mmenu.all.css */

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 91%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);
      -moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      -o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);
      -moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
      -o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;top: 44px; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }
/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative; }
  .mm-buttonbar:after {
    content: '';
    display: block;
    clear: both; }
  .mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-buttonbar > a {
    text-decoration: none; }
  .mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px; }
  .mm-buttonbar > input:checked + label {
    border-color: transparent  !important; }
  .mm-buttonbar > *:first-child,
  .mm-buttonbar > input:first-child + * {
    border-left: none; }
  .mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%; }
  .mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%; }
  .mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%; }
  .mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%; }

.mm-header .mm-buttonbar {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px; }

.mm-footer .mm-buttonbar {
  border: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px; }
  .mm-footer .mm-buttonbar > * {
    border-left: none; }

.mm-list > li > .mm-buttonbar {
  margin: 10px 20px; }

.mm-menu .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: #333333; }
  .mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: #333333; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0; }

.mm-menu.mm-hasfooter > .mm-panel:after {
  height: 80px; }

.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title,
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-top: 30px; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative; }
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
  .mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0; }
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-left: 10px;
    padding-right: 20px;
    right: 0; }
  .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px; }
  .mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
    margin-left: 5px;
    margin-right: -2px; }
  .mm-header [href].mm-next:after {
    border-top: none;
    border-left: none; }
  .mm-header [href].mm-close:after {
    content: 'x'; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-title,
  .mm-menu.mm-hassearch .mm-header .mm-prev,
  .mm-menu.mm-hassearch .mm-header .mm-next,
  .mm-menu.mm-hassearch .mm-header .mm-close {
    padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px; }
  .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header .mm-prev:before,
  .mm-menu .mm-header .mm-next:after,
  .mm-menu .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
  display: none; }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
  top: 8.5px; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-search {
  padding: 10px; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
  bottom: auto;
  margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
  top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check {
  top: 5px; }

label.mm-toggle, label.mm-check {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  margin-right: 70px; }

label.mm-check + a,
label.mm-check + span {
  margin-right: 50px; }

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
  right: 50px; }

a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
  margin-right: 100px; }

a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
  margin-right: 80px; }

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
  right: 90px; }

em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
  margin-right: 140px; }

em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
  margin-right: 120px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu label.mm-toggle:before {
    background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      -moz-transform: scale(0.7, 0.7) translateX(-30%);
      -ms-transform: scale(0.7, 0.7) translateX(-30%);
      -o-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/* Original file: m.layouts/jungonala2023/css/main.min.css */

@font-face {
    font-family: 'Outfit';
    /* 아파치가 차단하지 않는 /files/ 경로로 강제 우회 호출 */
    src: url('/files/font/Outfit-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
*{margin:0;padding:0;border:0;font-size:12px;font:inherit;vertical-align:baseline;
font-family: 'Outfit',"GmarketSansLight","Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;outline:none}section,nav,menu,hgroup,header,footer,figure,figcaption,details,aside,article{display:block}body{line-height:1}ul,ol{list-style:none}q,blockquote{quotes:none}q:after,q:before,blockquote:after,blockquote:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}input{border:1px solid #CCC}select{border:1px solid #CCC}.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{margin-left:0!important}.mm-menu.mm-white .mm-list > li > a.mm-subclose{color:rgba(0,0,0,0.9)!important}

.lines-button{padding:3px 13px;transition:.3s;cursor:pointer;border-radius:1px}.lines{border-radius:1px;display:inline-block;width:20px;height:2px;background:#bbb;transition:.3s;position:relative}
.lines:before,.lines:after{border-radius:1px;display:inline-block;width:20px;height:2px;background:#bbb;transition:.3s;position:absolute;left:0;content:'';-webkit-transform-origin:1.42857px center;transform-origin:1.42857px center}
.lines:before{top:-6px}.lines:after{top:-12px}.lines-button.close .lines{background:rgba(0,0,0,0)}.lines-button.close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}.lines-button.close .lines:before,.lines-button.close .lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:20px}.lines-button.close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}.lines-button.arrow .lines:after{-webkit-transform:rotate3d(0,0,1,-40deg);transform:rotate3d(0,0,1,-40deg)}.lines-button.arrow .lines:before{-webkit-transform:rotate3d(0,0,1,40deg);transform:rotate3d(0,0,1,40deg)}.lines-button.arrow .lines:before,.lines-button.arrow .lines:after{top:0;width:11.11111px}html,body,.junggo_layout{width:100%;min-height:100%}


#menu > ul{padding:0!important;margin-top:80px;border-top:1px solid rgba(0,0,0,0.15)}
.junggo_layout > .headerBar{width:100%;height:182px;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.05)}.junggo_layout > .headerBar > a > 
.menuButton{position:absolute;top:0;background-color: #7c8388;left:0;height:44px;width:45px}

.junggo_layout > .headerBar > .logo,.junggo_layout > .headerBar > .searchForm > .searchInput{margin-left:6px;padding:8px 0 0;float:left;font-size:20px;line-height:22px}.junggo_layout > .headerBar > .logo > a{color:#333}.junggo_layout > .headerBar > .logo > a > img{wight:auto;margin-top: -2px;margin-right:5px}
.junggo_layout > .headerBar > .searchButton,.headerBar > .searchForm > .searchBtn{display: inline-block;cursor: pointer;font-size:13px;font-weight:500;line-height:1.4;text-align: center;padding:4px;border-radius:4px;border-width: 1px;border-style: solid;text-decoration: none!important;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;color: #fff!important;border-color: #3493ff!important;background-color: #2990e4!important;margin: 8px 2px 0 6px;float: right;}
.junggo_layout > .headerBar > .searchForm{display:none}.junggo_layout > .headerBar > .searchForm > .searchInput > input{width:240px;border:none;border-bottom:1px solid #CCC;border-radius:0}
.headerBar > .searchForm > .searchBtn{margin-bottom:8px;line-height:18px;padding:4px 12px}


/* ======================================================== */
/* 1. 모바일 하단바 본체 및 기본 메뉴 정렬 (기본 상태 순정 유지) */
/* ======================================================== */
.bottom_navbar_container { 
    position: fixed !important; 
    display: flex !important; 
    flex-direction: column !important; 
    z-index: 10 !important; 
    width: 100% !important; 
    bottom: 0 !important; 
    left: 0 !important; 
    background-color: #ffffff !important; 
    box-shadow: none !important; 
    border-top: 1px solid #eaeaea !important; 
    border-radius: 6px 6px 0 0 !important; 
    overflow: hidden !important; 
    box-sizing: border-box !important; 
}

.bottom_navbar_row1 { 
    display: flex !important; 
    width: 100% !important; 
    border-bottom: 1px solid #f1f3f5 !important; 
    box-sizing: border-box !important; 
    justify-content: space-between !important; 
}

.bottom_navbar_row1 > div { 
    position: relative !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    text-align: center !important; 
    min-width: 0% !important; 
    height: 46px !important; 
    padding: 0 !important; 
    flex: 1 1 0% !important; 
    box-sizing: border-box !important; 
}

.bottom_navbar_row1 > div > a { 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: center !important; 
    width: 100% !important; 
    height: 100% !important; 
    list-style: none !important; 
    cursor: pointer !important; 
    text-decoration: none !important; 
    box-sizing: border-box !important; 
    line-height: 1.1 !important; 
}

.bottom_navbar_row1 > div > a > i { 
    font-size: 1.25rem !important; 
    line-height: 1 !important; 
    color: #444444 !important; 
    display: inline-block !important; 
}

.bottom_navbar_row1 > div > a > p { 
    margin: 2px 0 0 0 !important; 
    padding: 0 !important; 
    word-break: keep-all !important; 
    text-align: center !important; 
    font-size: 0.72rem !important; 
    line-height: 1 !important; 
    color: #555555 !important; 
    display: inline-block !important; 
}

.bottom_navbar_row1 #sitemap2 { 
    width: 100% !important; 
    float: none !important; 
    position: absolute !important; 
}

/* ======================================================== */
/* 2. [탈출 대응] 독립형 알림 센터 패널 및 리스트 내역 스타일링 */
/* ======================================================== */

/* HTML 인라인 스타일과 결합하여 미출력 및 무너짐 현상을 보정하는 핵심 앵커 */
#ncenterlite_Detail_Panel.custom_standalone_detail {
    /* HTML의 display:none !important를 자바스크립트가 .toggle()로 제어할 수 있도록 스코프 허용 */
    display: none; 
}

/* 알림 내역이 담기는 핑크빛 리스트 박스의 세부 텍스트 정렬 */
.custom_alert_list_box .alert_item_li { 
    margin: 4px 0 !important; 
    list-style: none !important; 
}

.custom_alert_list_box .alert_link_click { 
    text-decoration: none !important; 
}

/* 마우스 호버 및 터치 시 은은한 배경 피드백 효과 연동 */
.custom_alert_list_box .alert_link_click:hover {
    background: rgba(211, 47, 47, 0.05) !important;
}
/* 모바일 화면 바깥이나 엉뚱한 곳에 코어가 밀어 넣은 순정 #nc_container 소멸 */
body > #nc_container,
#nc_container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 우리가 직접 제어하는 모바일 전용 독립 패널 박스는 정상 출력 보장 */
#ncenterlite_Detail_Panel {
    /* 자바스크립트의 .toggle() 상호작용을 위해 display 규칙에서 !important를 소거 */
    position: fixed !important; 
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* 2층 사양 조율 */
.bottom_navbar_row2 { display: flex !important; width: 100% !important; height: 32px !important; background-color: #ffffff !important; border-top: none !important; box-sizing: border-box !important; }
.bottom_navbar_row2 .toolbar_item { flex: 1 1 0% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }
.bottom_navbar_row2 .toolbar_item > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; text-decoration: none !important; font-size: 1.05rem !important; color: #444444 !important; line-height: 1 !important; box-sizing: border-box !important; cursor: pointer !important; }
.bottom_navbar_row2 .toolbar_item > a:active { opacity: 0.4 !important; }



/* mmenu 우선순위 정렬 및 토글 닫기 연동 마감 */
html.mm-opened .bottom_navbar_container { z-index: 1 !important; }
html.mm-opened .mm-menu { z-index: 9999991 !important; }
html.mm-opened .mm-blocker, html.mm-opened .mm-wrapper_background { z-index: 9999990 !important; }


.userArea{width:100%;height:80px;position:relative;background:#222;background-size:cover;background-position:center;overflow:hidden}
.userArea > .profileImage{position:absolute;width:58px;height:58px;background-size:60px;top:7px;left:15px;border:1px solid #CCC;border-radius:30px;background-color:#FFF;padding:2px;box-shadow:0 1px 1px rgba(0,0,0,0.2)}
.userArea > .profileImage > div{width:58px;height:58px;border-radius:30px;background-size:58px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.3)}
.userArea > .profileImage > span{display:block;width:58px;height:58px;border-radius:30px;overflow:hidden;text-align:center;line-height:80px;font-size:65px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.3)}
.userArea > .profileImage > span > span{margin-left:-3.5px}
.userArea > .nickName{position:absolute;left:85px;top:25px;font-size:24px;font-weight:700;color:#fff;color:rgba(255,255,255,0.9);text-shadow:0 1px 1px rgba(0,0,0,0.3)}.userArea > .groupList{position:absolute;top:52px;left:80px;font-size:12px;color:#fff;color:rgba(255,255,255,0.8);text-shadow:0 1px 1px rgba(0,0,0,0.2);max-width:55%}.userArea > .memberBtn{position:absolute;top:0;bottom:0;right:0;width:40px;box-shadow:0 0 5px rgba(0,0,0,0.5)}.userArea > .memberBtn > a{display:block;width:40px;height:39px;border-bottom:1px solid rgba(0,0,0,0.2);line-height:44px;text-align:center;color:rgba(255,255,255,0.9);font-size:20px;background-color:rgba(255,255,255,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.3)}.userArea > .memberBtn > a:last-child{border:none}
#back-to-top {
  display: flex; /* 가로세로 중앙 정렬을 위해 flex 도입 */
  align-items: center;
  justify-content: center;
  background-color: #5795db;
  width: 44px; /* 손가락 터치를 위해 40px에서 44px로 살짝 확대 */
  height: 44px;
  position: fixed;
  top: 80%;
  right: 12px; /* 화면 우측 끝에서 너무 붙지 않게 여백 조정 */
  z-index: 9999; /* 주변 요소에 묻히지 않도록 최상위로 설정 */
  
  border-radius: 50%; /* 모바일용 완벽한 원형 */
  box-shadow: 0 3px 10px rgba(0,0,0,0.15); /* 모바일 입체감 그림자 */
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
}

/* 폰트어썸 화살표 크기 및 중앙 정렬 왜곡 해결 */
#back-to-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em; /* 2em에서 원형 크기에 맞게 변경 */
  line-height: 1; /* 유령 높이값을 없애서 중앙 정렬 고정 */
  color: #fff;
}

#back-to-top:hover { cursor: pointer; background-color: #333; }
#back-to-top:active { background-color: #555; }
#back-to-top.show { opacity: 1; visibility: visible; }

.searchb_btn1 {display: inline-block;cursor: pointer;font-size: 13px;font-weight: 500;line-height: 1.4;
    text-align: center;padding: 4px;border-radius: 4px;border-width: 1px;border-style: solid;text-decoration: none!important;-webkit-transition: all .2s;
    -moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;color: #fff!important;border-color: #3493ff!important;background-color: #2990e4!important;
	margin: 8px 0 0 0px;float: right;}
#headerBar.open{top:0}	


#sitemap2 {
    display: none; position: fixed !important; left: 0 !important; bottom: 79px !important; 
    width: 100% !important; z-index: 100000 !important; background: #fff !important; 
    box-shadow: 0 -8px 24px rgba(0,0,0,0.12) !important; padding: 18px 8px 10px;
    border-radius: 16px 16px 0 0; box-sizing: border-box !important;
    max-height: 65vh; overflow-y: auto; /* 💡 메뉴가 아주 많을 때 아래위로 스크롤 가능 */
}
#sitemap2.open { display: block !important; }
#sitemap2:after { content:""; display:block; clear:both; }

#sitemap2 ul { display: block; width: 100%; margin: 0; padding: 0; list-style: none; }

/* 🛠️ 핵심: 한 줄에 정확히 3개(33.33%)씩 기하학적 배치 */
#sitemap2 .li11 { 
    float: left; width: 33.333% !important; 
    margin-bottom: 10px; padding: 0 4px; box-sizing: border-box; 
}

/* 대메뉴 버튼 스타일 */
#sitemap2 .a1 {
    display: block; color: #444; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px;
    font-size: 12px; font-weight: 500; text-align: center; text-decoration: none;
    padding: 10px 4px; /* 3단 좁은 공간에 맞춰 좌우 여백 다듬기 */
    
    /* 💡 긴 글자 처리 마법 */
    white-space: normal !important;     /* 글자가 길면 숨기지 않고 아랫줄로 넘김 */
    word-break: break-all !important;    /* 단어 단위를 무시하고 테두리 끝에서 자동 줄바꿈 */
    line-height: 1.3 !important;         /* 두 줄이 되어도 글자가 겹치지 않는 황금 행간 */
}

/* 현재 활성화(선택)된 메뉴 */
#sitemap2 .on { 
    color: #1a72bb !important; border-color: #1a72bb !important; 
    background-color: #f1f7fc !important; font-weight: 600; 
}

/* 2차 서브메뉴 레이아웃 개별 최적화 */
#sitemap2 .li11 ul { display: block; width: 100%; margin-top: 4px; }
#sitemap2 .li2 { float: none; width: 100%; }
#sitemap2 .a2 {
    display: block; font-size: 11px; color: #777; text-align: center; padding: 3px 0;
    white-space: normal !important; word-break: break-all !important; line-height: 1.2;
}


/* 1. 하단 영역 전체 기본 스타일 (부모 의존성 완전 제거) */

.footerB {width:100%;float: left;height: 210px !important;
    background-color: #fcfcfc !important;
    padding: 8px 10px !important; 
    text-align: center !important;
    box-sizing: border-box !important;
    border-top: 1px solid #f0f0f0 !important;
    display: block !important;
    clear: both !important;
}

/* 2. 모든 메뉴바 공통 초기화 ( flex 구조 강제 부여 ) */
.footerB .menuBar {
    display: flex !important;
    flex-wrap: nowrap !important; 
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.footerB .menuBar li {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 1 !important; 
    min-width: 0 !important; 
}

.footerB .menuBar li a {
    text-decoration: none !important;
    font-size: 3.1vw !important; 
    white-space: nowrap !important; 
    letter-spacing: -0.5px !important; 
}

/* 데스크톱이나 태블릿 한계선 조절 */
@media (min-width: 420px) {
    .footerB .menuBar li a {
        font-size: 13px !important; 
    }
}

/* 3. [1층] 일반 서비스 메뉴 */
.footerB .menu-top {
    margin-bottom: 8px !important; 
}
.footerB .menu-top li a {
    color: #666 !important;
    padding: 0 6px !important; 
    border-right: 1px solid #e5e5e5 !important;
}
.footerB .menu-top li:last-child a {
    border-right: none !important;
}

/* 4. [2층] 사기 예방/신고 메뉴 */
.footerB .menu-fraud {
    padding-top: 8px !important;
    border-top: 1px solid #f0f0f0 !important; 
    margin-bottom: 8px !important;
}
.footerB .menu-fraud li a {
    color: #555 !important;
    padding: 0 8px !important;
    border-right: 1px solid #e5e5e5 !important;
}
.footerB .menu-fraud li:last-child a {
    border-right: none !important;
}
.footerB .menu-fraud li a.highlight {
    color: #df484a !important;
    font-weight: bold !important;
}

/* 5. [3층] 회원 및 화면 전환 메뉴 */
.footerB .menu-bottom {
    padding-top: 8px !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-bottom: 12px !important;
}
.footerB .menu-bottom li a {
    color: #333 !important;
    font-weight: bold !important;
    padding: 0 12px !important;
    border-right: 1px solid #e5e5e5 !important;
}
.footerB .menu-bottom li:last-child a {
    border-right: none !important;
}

/* 6. [4층] 카피라이트 */
.footerB .footer-text {
    font-size: 11px !important;
    color: #999 !important;
    line-height: 1.4 !important;
    background: transparent !important;
    padding: 0 !important;
}

/* [1. 공통 & 모바일 우선 설정] 화면 너비 100%로 유연하게 작동 */
.gnb { background: #fff; border-top: 1px solid #ccc; width: 100% !important; clear: both !important; margin: 10px auto !important; box-sizing: border-box; }
.gnb ul { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; list-style: none; margin: 0; padding: 0; border-left: 1px solid #ccc; }
.gnb li { display: block; width: 100% !important; box-sizing: border-box; }
.gnb .a1 {
  color: #222; display: block; text-decoration: none; text-align: center;
  font-size: 11px; line-height: 12px; letter-spacing: -0.5px; padding: 4px 2px;
  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
  white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; /* 💡 모바일 글자 넘침 방지 */
}
.gnb .a1:hover { background: #f8fafc; color: #1a72bb; }

/* [2. PC 전용 설정] 화면이 넓은 PC 환경(1200px 이상)에서만 작동 */
@media screen and (min-width: 1200px) {
  .gnb { width: 1130px !important; } /* 💡 PC에서만 1130px로 가로 폭 제한 */
  .gnb ul { grid-template-columns: repeat(6, 1fr) !important; } /* 💡 PC에서는 시원하게 6단 배치 */
  .gnb .a1 { font-size: 12px; overflow: visible !important; text-overflow: clip; }
}