.lnb {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:210px;
	background-color:#222;
	transition:transform .3s ease;
	box-sizing:border-box;
	z-index:101;
}
.lnb.stop {transition-duration:0s;}

.lnb .inner {
	height:100vh;
	padding:20px 30px;
	overflow-x:hidden;
	overflow-y:auto;
	box-sizing:border-box;
}


.lnb .inner::-webkit-scrollbar{width:8px;height:8px}
.lnb .inner::-webkit-scrollbar-track{background:#e0e0e0;border-left:1px solid #bdbdbd;}
.lnb .inner::-webkit-scrollbar-thumb{background:#999;border:1px solid #9e9e9e;border-right:0;}

.logo > a {
	display:block;
	width:127px;
	height:31px;
	margin:0 auto;
	background-image:url("../img/lnb_logo.png");
	overflow:hidden;
	text-indent:-1000em;
}
body:has(._10th) .lnb .inner {padding:12px 30px 20px;}
body:has(._10th) .lnb .logo > a {
	width:121px;
	height:115px;
	background-image:url("../img/lnb_logo_10th.png");
	background-size:contain;
	/* image-rendering:pixelated; */
}
body:has(._10th) .lnb .tab_evt {margin-top:11px;}

.tab_evt {
	margin-top:32px;
}

.tab_evt > li > a {
	/* display:block; */
    display:flex;
    flex-direction:column;
    align-items:center;
	font-size:14px;
	line-height:19px;
	text-align:center;
	letter-spacing:-0.05em;
	color:#888;
	font-family:"맑은 고딕", "Malgun Gothic";
	white-space:nowrap;
}
.tab_evt > li > a span {
	margin-top:7px;
	display:block;
}
.tab_evt > li > a img {
	width:150px;
	height:90px;
	object-fit:cover;
}
/* .tab_evt > li > a:before {
	content:"";
	display:block;
	margin-bottom:7px;
	width:150px;
	height:90px;
}

.tab_evt > li.ico1 > a:before {background-image:url("../img/lnb_thumb1.jpg");}
.tab_evt > li.ico2 > a:before {background-image:url("../img/lnb_thumb2.jpg");}
.tab_evt > li.ico3 > a:before {background-image:url("../img/lnb_thumb3.jpg");}
.tab_evt > li.ico4 > a:before {background-image:url("../img/lnb_thumb4.jpg");}
.tab_evt > li.ico5 > a:before {background-image:url("../img/lnb_thumb5.jpg");}
.tab_evt > li.ico6 > a:before {background-image:url("../img/lnb_thumb6.jpg");}
.tab_evt > li.ico7 > a:before {background-image:url("../img/lnb_thumb7.jpg");}
.tab_evt > li.ico8 > a:before {background-image:url("../img/lnb_thumb8.jpg");}
.tab_evt > li.ico9 > a:before {background-image:url("../img/lnb_thumb9.jpg");}
.tab_evt > li.ico10 > a:before {background-image:url("../img/lnb_thumb10.jpg");}
.tab_evt > li.ico11 > a:before {background-image:url("../img/lnb_thumb11.jpg");}
.tab_evt > li.ico12 > a:before {background-image:url("../img/lnb_thumb12.jpg");}
.tab_evt > li.ico13 > a:before {background-image:url("../img/lnb_thumb13.jpg");} */
.tab_evt > li.on > a {color:#fff;}
.tab_evt > li + li {margin-top:26px;}


.lnb .btn_lnb {
	position:absolute;
	top:0;
	left:210px;
	width:50px;
	height:50px;
	padding:0;
	background-color:#111;
	opacity:.85;
	transition:opacity .3s ease;
}
.lnb .btn_lnb:hover {
	opacity:1;
}
.lnb .btn_lnb:before {
	content:"";
	position:absolute;
	top:15px;
	left:15px;
	width:20px;
	height:20px;
	background-image:url("../img/lnb_close.png");
}

.lnb.close {
	transform:translateX(-210px);
}
.lnb.close .btn_lnb:before {
	top:18px;
	left:16px;
	width:18px;
	height:15px;
	background-image:url("../img/lnb_open.png");
}
.global_wrap ~ .lnb {z-index:10000;}



.mo .lnb {width:73.33vw;}
.mo .lnb .inner,
body.mo:has(._10th) .lnb .inner {padding:3.6vw 4vw;}
.mo .lnb .inner .logo > a {
	width:30.26vw;
	height:7.46vw;
	background-image:url("../img/mo_lnb_logo.png");
	background-size:30.26vw 7.46vw;
}

body.mo:has(._10th) .lnb .inner .logo > a {
	/* width:16.13vw;
	height:15.33vw; */
	width:27.42vw;
	height:26.06vw;
	background-image:url("../img/mo_lnb_logo_10th.png");
	background-size:contain;
}

.mo .lnb .inner .tab_evt {margin-top:3.6vw;}

.mo .lnb .inner .tab_evt > li {
	padding:2vw 0;
	border-top:1px solid #444;
}
.mo .lnb .inner .tab_evt > li > a {
	display:flex;
	align-items:center;
    flex-direction:row;
	text-align:left;
	font-size:4vw;
	font-family:"Pretendard";
	line-height: 4.8vw;
}
/* .mo .lnb .inner .tab_evt > li > a:before {
	width:20vw;
	height:12vw;
	margin-right:2.4vw;
	margin-bottom:0;
	background-size:20vw 12vw;
} */
.mo .lnb .inner .tab_evt > li > a img {
	width:20vw;
	height:12vw;
	margin-right:2.4vw;
	margin-bottom:0;
}
.mo .lnb .inner .tab_evt > li + li {
	margin-top:0;
	border-bottom:1px solid #444;
}
.mo .lnb .btn_lnb {
	left:73.33vw;
	width:12vw;
	height:12vw;
	&:before {
		top:3.33vw;
		left:3.33vw;
		width:5.33vw;
		height:5.33vw;
		background-image:url("../img/mo_lnb_close.png");
		background-size:5.33vw 5.33vw;
	}
}

.mo .lnb.close {
	transform:translateX(-100%);
}
.mo .lnb.close .btn_lnb:before {
	top:4.26vw;
	left:3.86vw;
	width:4.26vw;
	height:3.73vw;
	background-image:url("../img/mo_lnb_open.png");
	background-size:4.26vw 3.73vw;
}