/* 상단 메뉴 (흰 배경 / 검정 글자) + 하단(검정 배경 / 흰 글자) - 모든 사용자 화면 공통 */

/* ===== 네비게이션 기본 ===== */
@media (min-width: 1090px) {
	.fixed-top{position:fixed; top:0; right:0; left:0; z-index:1030;}
}
.mb_logo{display:none;}
.mba_ssdiv{display:none;}
.mba_ssdiv2{display:none;}
.navbar-expand-lg .nav-link .fa-angle-double-right{display:none;}
@media (max-width: 1279px) {
	.navbar .container{max-width:100%; padding-right:0; padding-left:0;}
	.mb_logo{display:block; padding:15px;}
	.mb_logo .mb_logo_logo .logo_white{display:block;}
	.navbar .mbs_top{background:#fff;}
	.navbar-expand-lg .navbar-nav .nav-item{border-bottom:1px solid #777;}
	.navbar-expand-lg .show .nav-link .fa-angle-double-right{float:right; line-height:46px;}

	.mba_ssdiv2{width:100%; background:#373737; padding:20px 0; margin-top:20px; display:flex; justify-content:space-between; align-items:center;}
	.mba_ssdiv2 .center_mma{text-align:center;}
	.mba_ssdiv2 a{font-family:"apple"; font-size:16px; font-weight:500; color:#fff;}
	.mba_ssdiv2 .left_mma{padding:0 10px;}
	.mba_ssdiv2 .left_mma .names{margin-bottom:10px;}
	.mba_ssdiv2 .right_mma{text-align:right; padding:0 10px;}

	.mba_ssdiv{display:block; width:100%; background:#373737; padding:10px 0;}
	.mba_ssdiv .mba_sslogin{display:flex; padding:10px;}
	.mba_ssdiv .mba_sslogin .money{margin-top:10px;}
	.mba_ssdiv .mba_sslogin a{font-family:"apple"; font-size:16px; font-weight:500; color:#fff;}
	.mba_ssdiv .mba_sslogin .left_mma{display:flex; flex-direction:column; width:100%;}

	.navbar-light.collapsed .navbar-toggler-icon{background-image:url('/img/menu_icon_white.png'); width:18px; height:18px;}
	.navbar-light .navbar-toggler-icon{background-image:url('/img/close_white.png'); width:18px; height:18px;}

	.navbar-expand-lg .navbar-toggler{display:block!important; z-index:100; position:fixed; top:0; right:0; left:auto; margin:0; padding:8px 12px;}
	.navbar-expand-lg .navbar-toggler:not(.collapsed){right:10px; left:auto; padding:10px 0 10px 10px;}
	.navbar-expand-lg .navbar-toggler:not(.collapsed) .menu-label{display:none;}
	.navbar_ssdiv{display:none;}
	.navbar-expand-lg .navbar-toggler:focus{outline:0;}
	.navbar-expand-lg > .container > .show{display:block!important;}
	.navbar-expand-lg .navbar-nav{flex-direction:column; margin-top:40px; background:#373737;}
	.navbar-expand-lg .navbar-nav .nav-item{width:100%; padding:0;}
	.navbar-expand-lg .navbar-nav .nav-item .nav-link{position:relative; height:50px; line-height:50px; padding:0 20px; display:block; font-size:16px; color:#aebbcd;}

	#navbarResponsive{position:fixed; width:80%; height:100%; top:0; right:0; background:#232323; overflow-y:scroll;}
	.nab_box .nab_top .navbar_ssdiv{display:none;}
	.nab_box .nabs_botop{display:none !important;}
	.nab_box{flex-direction:column; align-items:stretch; overflow:hidden;}
	.nab_box .nab_top{width:100%; justify-content:flex-start; padding-right:72px; box-sizing:border-box;}
	.nab_box .nav_info{width:100%; flex:none;}
	.navbar-expand-lg .navbar-collapse:not(.show){display:none !important;}
	.navbar-expand-lg .show{display:block !important;}
	.navbar-expand-lg .show .nav-link .fa-angle-double-right{display:inline-block !important;}

	.navbar_sslogin{display:flex;}
	.left_smenb .left_iuser{margin-left:10px;}
	.left_smenb .left_iuser a{font-size:14px; font-family:"apple"; color:#fff;}
	.left_smenb .left_iuser a.money{margin-left:10px; display:none;}
	.nab_box .nabs_botop .navbar_ssbtn{font-size:14px; font-family:"apple"; color:#fff; margin-left:20px; display:none;}
}
.nab_box{width:100%; position:relative; display:flex; justify-content:space-between; align-items:center; max-width:1300px; margin:0 auto;}
.nab_box .nabs_botop .botop_su{display:flex; justify-content:flex-end; height:40px; line-height:40px; padding:0 20px; width:100%; max-width:1100px; margin:0 auto;}
.nab_box .nab_top{display:flex; justify-content:center;}
.nab_box .nab_top .navbar_ssdiv{position:absolute; right:0; top:20px;}
.nab_box .nav_info{display:flex; justify-content:center;}

@media (min-width: 1280px) {
	.navbar .container{max-width:100%;}
	.navbar-nav li{padding:20px 0 20px 24px;}
	.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn:last-child{margin-right:0;}
	.left_smenb{display:inline-block; margin-right:20px;}
	.left_smenb:after{clear:both; display:block; content:"";}
	.navbar_sslogin{display:flex;}
	.left_smenb .left_iuser{margin-left:10px;}
	.left_smenb .left_iuser a{font-size:16px; font-family:"apple"; color:#0aa196;}
	.left_smenb .left_iuser a.names{color:#fff;}
	.left_smenb .left_iuser a.money{margin-left:10px;}
	.nab_box .nabs_botop .navbar_ssbtn{font-size:13px; border:1px solid #0aa196; color:#0aa196; padding:0 15px; margin-left:20px; height:35px; line-height:35px;}
	.nab_box .nabs_botop .navbar_ssbtn.mebm{background:linear-gradient(180deg, #0aa196 0%, #003532 100%); color:#fff; border:0 none;}
}
.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn i{display:inline-block; width:18px; height:18px; margin:0 5px 0 0;}

.fixed-top{padding:0 10px;}
.navbar .container{padding:0;}
.fixed-top .logo .logo_white{display:block;}
.fixed-top .navbar-collapse .nav-item .nav-link{color:#fff; font-size:16px; font-family:"apple"; font-weight:500;}
.fixed-top .navbar-collapse .nav-item .nav-link img{height:23px; margin-right:5px;}
.fixed-top .navbar-collapse .nav-item .nav-link:after{display:none;}
.navbar-expand-lg .ml-auto{margin-left:auto; margin-right:auto;}

@media (max-width: 768px) {
	.nab_box{display:flex; flex-wrap:wrap;}
	.nab_box .nab_top .navbar_ssdiv{display:none;}
}

/* ===== PC 메뉴 정렬 ===== */
body{padding-top:0 !important;}
@media (min-width:1280px){
	.navbar-nav .dropdown:hover > .dropdown-menu{display:block;}
	.ety-main{height:72px !important;}
	.nab_box{flex-direction:row !important; align-items:center !important; flex-wrap:nowrap !important; max-width:1440px;}
	.nab_box .nab_top{flex:0 0 auto;}
	.nab_box .nav_info{flex:1 1 auto; display:flex !important; align-items:center; justify-content:flex-end;}
	#navbarResponsive{display:flex !important; align-items:center; position:static !important; width:auto !important; height:auto !important; background:transparent !important; overflow:visible !important;}
	.navbar-expand-lg .navbar-nav{flex-direction:row !important; margin-top:0 !important; background:transparent !important;}
	.navbar-expand-lg .navbar-nav .nav-item{width:auto !important; border:0 !important; padding:18px 0 18px 22px !important;}
	.navbar-expand-lg .navbar-nav .nav-item .nav-link{height:auto !important; line-height:1.2 !important; padding:0 !important; color:#000 !important;}
	.mb_logo,.mba_ssdiv,.mba_ssdiv2,.navbar-toggler{display:none !important;}
	.nab_box .nabs_botop{display:flex !important; align-items:center; flex:0 0 auto;}
	.nab_box .nabs_botop .botop_su{height:auto; line-height:1; align-items:center;}
	.navbar_sslogin{display:flex; align-items:center;}
	.left_iuser{display:flex; align-items:center; gap:10px;}
	.left_iuser a.names,.left_iuser a.money{color:#111 !important; white-space:nowrap;}
	.nab_box .nabs_botop .navbar_ssbtn{
		display:inline-flex !important; align-items:center; justify-content:center;
		height:36px; line-height:1; padding:0 16px; margin-left:12px; border-radius:8px;
		box-sizing:border-box;
	}
}

/* ===== 강제 라이트 네비게이션 (배경 흰색, 글자 검정) ===== */
.collapse.in{
	-webkit-transition-delay: 4s;
	transition-delay: 5s;
	visibility: visible;
}
.fixed-top{background:#fff !important;}
.fixed-top .navbar-nav .nav-link{color:#000 !important;}
.fixed-top .navbar_ssbtn,
.fixed-top .names,
.fixed-top .money,
.fixed-top .logi,
.fixed-top .mebm,
.fixed-top .logout{color:#000 !important;}

/* 모바일 메뉴 열렸을 때 텍스트 색상 하얀색 */
@media (max-width: 991px) {
	#navbarResponsive.show,
	#navbarResponsive.collapsing,
	#navbarResponsive.collapse.show {
		background-color: rgba(0, 0, 0, 0.9) !important;
	}
	#navbarResponsive.show .nav-link,
	#navbarResponsive.collapsing .nav-link,
	#navbarResponsive.collapse.show .nav-link,
	#navbarResponsive.show .dropdown-item,
	#navbarResponsive.collapsing .dropdown-item,
	#navbarResponsive.collapse.show .dropdown-item,
	#navbarResponsive.show .navbar_ssbtn,
	#navbarResponsive.collapsing .navbar_ssbtn,
	#navbarResponsive.collapse.show .navbar_ssbtn,
	#navbarResponsive.show .names,
	#navbarResponsive.collapsing .names,
	#navbarResponsive.collapse.show .names,
	#navbarResponsive.show .money,
	#navbarResponsive.collapsing .money,
	#navbarResponsive.collapse.show .money,
	#navbarResponsive.show .logi,
	#navbarResponsive.collapsing .logi,
	#navbarResponsive.collapse.show .logi,
	#navbarResponsive.show .mebm,
	#navbarResponsive.collapsing .mebm,
	#navbarResponsive.collapse.show .mebm,
	#navbarResponsive.show .logout,
	#navbarResponsive.collapsing .logout,
	#navbarResponsive.collapse.show .logout,
	#navbarResponsive.show .left_iuser a,
	#navbarResponsive.collapsing .left_iuser a,
	#navbarResponsive.collapse.show .left_iuser a {
		color: #fff !important;
	}
}

/* 모바일 메뉴의 하위메뉴(입출금신청, 고객센터) : 어두운 배경 + 흰 글씨 */
@media (max-width: 1279px) {
	#navbarResponsive .dropdown-menu{
		position:static !important;
		float:none;
		width:100%;
		margin:0 !important;
		padding:4px 0;
		border:0 !important;
		border-radius:0;
		box-shadow:none;
		transform:none !important;
		background:#1f1f1f !important;
	}
	#navbarResponsive .dropdown-menu .dropdown-item{
		display:block;
		padding:12px 20px 12px 36px;
		font-size:15px;
		color:#fff !important;
		background:transparent !important;
		white-space:normal;
	}
	#navbarResponsive .dropdown-menu .dropdown-item:hover,
	#navbarResponsive .dropdown-menu .dropdown-item:focus,
	#navbarResponsive .dropdown-menu .dropdown-item:active{
		background:rgba(255,255,255,0.12) !important;
		color:#fff !important;
	}
}

/* 로고와 메뉴 버튼 가로 정렬 및 세로 가운데 정렬 */
.nab_top{display:flex; align-items:center; justify-content:space-between;}

/* 데스크톱 로고 크기 */
.nab_top .logo{display:flex; align-items:center;}
.nab_top .logo img{height:40px; width:auto; display:block;}
.nab_top .logo .logo_text{display:none; color:#000; margin-left:8px; font-weight:600; font-size:20px;}
@media (min-width: 1280px) {
	.nab_top .logo .logo_text{display:inline-block;}
	.navbar .nab_top .logo img{height:45px; width:auto;}
	/* 첫 화면 외 화면은 기존 간격 유지 */
	.ety-main:not(.ety-home){height:88px !important;}
}

/* 모바일 로고 크기 */
.mb_logo .mb_logo_logo img{height:36px; width:auto;}
/* 모바일/태블릿: 네비가 화면 밖으로 넘치지 않도록 */
@media (max-width: 1279px) {
	.navbar.fixed-top,
	.navbar .container,
	.nab_box{width:100%; max-width:100%; box-sizing:border-box; overflow:hidden;}
	.nab_box{flex-direction:column; align-items:stretch; flex-wrap:nowrap;}
	.nab_top{width:100%; justify-content:flex-start !important; padding-right:72px; box-sizing:border-box;}
	.nab_top .logo{max-width:100%; min-width:0; flex:1 1 auto; overflow:hidden;}
	.nab_top .logo img{max-width:100%; width:auto; height:28px !important; object-fit:contain; object-position:left center;}
	.nav_info{width:100%; flex:none;}
	.nab_box .nabs_botop{display:none !important;}
	.navbar-expand-lg .navbar-toggler{position:fixed !important; top:0 !important; right:0 !important; left:auto !important; margin:0 !important; z-index:101 !important;}
	.navbar-expand-lg .navbar-toggler:not(.collapsed){right:10px !important; padding:10px 0 10px 10px !important;}
	.navbar-expand-lg .navbar-toggler:not(.collapsed) .menu-label{display:none !important;}

	#navbarResponsive .mba_ssdiv2{justify-content:center; align-items:stretch; padding:16px 20px 24px; gap:10px; box-sizing:border-box;}
	#navbarResponsive .mba_ssdiv2 .left_mma,
	#navbarResponsive .mba_ssdiv2 .right_mma,
	#navbarResponsive .mba_ssdiv2 .center_mma{padding:0; flex:1; min-width:0; text-align:center;}
	#navbarResponsive .mba_ssdiv2 .center_mma{flex:none; width:100%;}
	#navbarResponsive .mba_ssdiv2 .navbar_ssbtn.logi,
	#navbarResponsive .mba_ssdiv2 .navbar_ssbtn.mebm,
	#navbarResponsive .mba_ssdiv2 .navbar_ssbtn.logout{
		display:flex; align-items:center; justify-content:center; width:100%; height:46px; border-radius:23px;
		font-size:15px; font-weight:600; text-decoration:none; box-sizing:border-box;
	}
}
/* 모바일 화면에서만 네비게이션 높이 줄이기 */
@media (max-width: 1279px) {
	.navbar{padding-top:0 !important; padding-bottom:0 !important; min-height:auto !important;}
	.nab_top{padding:0; padding-right:72px;}
	.nab_top .navbar-toggler{padding:8px 12px !important;}
}
/* PC: 로그인/회원가입/로그아웃 버튼 모서리만 살짝 둥글게 */
@media (min-width: 1280px) {
	.nab_box .nabs_botop .navbar_ssbtn.logi,
	.nab_box .nabs_botop .navbar_ssbtn.mebm,
	.nab_box .nabs_botop .navbar_ssbtn.logout{border-radius:8px;}
}

/* ===== 하단 : 검정 배경 / 흰 글자 ===== */
footer{background:#000 !important; color:#fff !important;}
footer .css-16fg1lm,
footer .css-uaxrot,
footer .css-qy4fwh{background:#000 !important; color:#fff !important;}
footer b, footer span, footer pre, footer li, footer div{color:#fff !important;}
footer a, footer a:hover, footer a:visited{color:#fff !important;}
footer pre{background:transparent !important;}
footer svg path{fill:#fff !important;}
