body {background-color:#08090a;}
.m_inner {padding:0 20px;}
.m_header {display:flex;padding:10px;align-items: center;justify-content: space-between;}
.m_header h1 {width:100px;height:42px;}
.m_header h1 img {width:100%;height:auto;}

.m_menu .lang_area {text-align: right;padding-left:20px;padding-right:70px;padding-top:8px;}

.m_menu_depth_wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99;background-color:#111215;padding:20px;overflow: hidden;overflow-y: auto;}
.m_menu_depth_wrap .m_menu_close {display:inline-block;width:24px;height:24px;position:absolute;right:20px;top:20px;background:url("../img/m_main/m_menu_btn_close.svg") center no-repeat;}

.m_menu .btn_signin {font-size:14px;}
.m_menu .btn_login {margin-left:20px;font-size:14px;}
.m_menu .lang_btn {font-size:14px;}

.m_menu_depth_wrap .lang_area button {position:relative;padding-left:30px;}
.m_menu_depth_wrap .lang_area button::before {content:"";width:2px;height:2px;background-color:#626b78;position:absolute;left:12px;top:8px;}
.m_menu_depth_wrap .lang_area button:first-child {padding-left:0;margin-left:0;}
.m_menu_depth_wrap .lang_area button:first-child::before {display:none;}

.m_menu_depth_wrap .lang_area .lang_btn {font-family: "jost";color:#626b78;}
.m_menu_depth_wrap .lang_area .lang_btn.on {font-weight:bold;color:#fff;}
.m_menu a.m_menu_btn {margin-left:10px;}
.m_main .m_menu_right {padding-top:3px;}
.m_main .btn_mypage {padding:5px 10px;border:1px solid #fff;border-radius:5px;margin-left:5px;margin-right:10px;font-size:13px;}
.m_main .btn_reserve {padding:5px 10px;border:1px solid #fff;border-radius:5px;font-size:13px;}

.m_menu_list {margin-top:30px;}
.m_menu_list > li > a {font-family: "jost";font-size:24px;display:block;position:relative;padding:18px 0;font-weight:bold;}
.m_menu_list > li > a.active {color:#00bfff;}
.m_menu_list > li > a::before {content:"";width:20px;height:20px;position:absolute;right:0px;top:15px;background:url("../img/m_main/btn_menu_bull.png") center no-repeat;}
.m_menu_list > li > a.active::before {background: url("../img/m_main/btn_menu_bull_on.png") center no-repeat;}
.m_menu_list .depth02 {margin-bottom:20px;display:none;}
.m_menu_list .depth02 li a {display:block;font-size:15px;color:#626b78;border-bottom:1px solid #15181b;padding:10px 0;}
.m_menu_list > li > a.active + .depth02 {display:block;}

.video_all {box-shadow:0 0 8px #00b8fa90;}
.top_video {height:10px;border:6px solid #00b8fa;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:10px;background-color: transparent;}
.con_video {position:relative;line-height:0;height:420px;overflow:hidden;}
.con_video .con_video_tit {margin-top:125px;font-family: 'jost';font-weight:600;text-align:center;font-size:46px;position:relative;z-index:11;}
.con_video::before {content:"";width:6px;height:100%;background-image: linear-gradient(#00b8fa, #00f9c8);position:absolute;left:0;top:0;z-index:10;}
.con_video::after {content:"";width:6px;height:100%;background-image: linear-gradient(#00b8fa, #00f9c8);position:absolute;right:0;top:0;}
.con_video video {position:absolute;left:50%;top:50%;transform: translate( -50% , -50% ); width:auto;height:100%;padding:0 5px;}
.bottom_video {height:10px;border:6px solid #00f9c8;border-top:none;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}

.top_box_wrap {border-radius:16px;padding:24px 24px 30px;margin-top:20px;
    background-image: linear-gradient(to right, #00bffe , #00ffad);
}
.top_box_wrap p {font-family: 'jost';font-size:20px;font-weight:600;}
.top_box_wrap ul {margin-top:6px;margin-bottom:10px;}
.top_box_wrap ul li {font-family: 'jost';font-size:20px;font-weight:600;margin-top:3px;}
.top_box_wrap ul li:first-child {margin-top:0;}
.top_box_wrap button {border:1px solid #fff;padding:6px 14px;border-radius:8px;}
.top_box_wrap button + button {margin-left:5px;}

.m_tit_box {display:flex; margin-top:80px;justify-content: space-between;align-items: center;}
.m_tit_box h2 {font-size:24px;}
.m_tit_box button.btn_more {position:relative; color:#626b78;padding-right:15px;}
.m_tit_box button.btn_more::before {content:"";width:10px;height:10px;background:url("../img/m_main/btn_more.png") center no-repeat; position:absolute;right:0;top:4px;}

.m_main_list_wrap {padding:20px;background-color:#1a1b20;border-radius:20px;margin-top:12px;}
.m_main_list_wrap ul li span {font-size:11px;display:inline-block;padding:4px 10px;background-color: #153c4d;color:#01b4f1;border-radius:10px;}
.m_main_list_wrap ul li dl {margin-top:12px;}
.m_main_list_wrap ul li dt a {display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.m_main_list_wrap ul li dd {padding-bottom:13px;margin-bottom:15px;color:#6b7684;margin-top:4px;font-size:13px;border-bottom:1px solid #24252c;}
.m_main_list_wrap ul li:last-child dd {border-bottom:none;margin-bottom:0;padding-bottom:0;}

.m_slide_all {padding-left:20px;margin-top:15px;overflow: hidden;overflow-x:auto;}
.m_slide_all ul {display:flex;gap:10px;}
.m_slide_all ul li {width:128px;}
.m_slide_all .pic_area {width:128px;height:84px;background-color: #fff;border-radius:20px;overflow: hidden;}
.m_slide_all .pic_name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;font-size:13px;margin-top:15px;color:#626b78;}

.sponsor_wrap {width:100%;height:355px;border-radius:15px;overflow: hidden;background:url("../img/m_main/bg_spon.jpg") center no-repeat;background-size:100% auto !important;position:relative;margin-top:10px;}
.sponsor_wrap::before {content:"";width:100%;height:100%;background:#00000090;position:absolute;left:0;top:0;}
.sponsor_wrap p {text-align: center;font-size:20px;font-weight:600;position:relative;z-index:10;margin-top:5px;}
.sponsor_wrap .btn_link_all {text-align: center;margin-top:20px;position:relative;z-index:10;}
.sponsor_wrap .btn_link_all a {display:inline-block;padding:8px 15px;padding-right:30px;border-radius:10px;border:1px solid #fff;font-size:13px;background:url("../img/m_main/btn_link.png") right 15px center no-repeat;}
.sponsor_wrap .btn_link_all a + a {margin-left:5px;}
.sponsor_wrap .spon_tit {font-size:15px;font-weight:400;margin-top:125px;}

.m_swiper {padding-bottom:50px;margin-top:20px;margin-bottom:30px;}
.m_swiper .swiper-slide {position:relative;overflow:hidden;border-radius:20px;}
.m_swiper .swiper-slide ul {display:flex;flex-wrap: wrap;}
.m_swiper .swiper-slide ul li {position:relative;width:50%;height:166px;overflow: hidden;}
.m_swiper .swiper-slide ul li img {width:100%;height:100%;object-fit: cover;position:absolute;left:50%;top:50%;transform: translate( -50% , -50% );}

.m_swiper .swiper-pagination-bullet {background-color:#fff;}
.m_swiper .swiper-pagination-bullet-active {background-color:transparent;border-radius:0;width: 0;height: 0;border-bottom: 10px solid #00bfff;border-top: 5px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;}

.flex_list li {position:relative;}
.flex_list li::before {content:"";width:28px;height:28px;position:absolute;left:10px;top:10px;z-index:1;background:url("../img/m_main/bull_sns.png") center no-repeat;}
.flex_list li.sns02::before {content:"";width:28px;height:28px;position:absolute;left:10px;top:10px;z-index:1;background:#111215 url("../img/m_main/bull_sns02.png") center no-repeat;border-radius:28px;background-size:14px auto;}
.flex_list li.sns03::before {content:"";width:28px;height:28px;position:absolute;left:10px;top:10px;z-index:1;background:#111215 url("../img/m_main/bull_sns03.png") center 7px no-repeat;border-radius:28px;background-size:14px auto;}

/* 배너 컨테이너 */
.rollingbanner {width: 100%;height: 130px;}
.rollingbanner a {display:block;color: #fff;text-decoration: none;white-space: nowrap;}
.rollingbanner a img {max-width:inherit;height:100%;max-height:150px;width:auto;}
.rollingbanner > .rollingWrap {position: relative;width: 100%;height: 150px;margin: 0 auto;box-sizing: border-box;overflow: hidden;}

.roller {position: absolute;height: 100%;}
.roller > ul {margin: 0;list-style: none;padding: 9px 0;display: flex;flex-flow: row nowrap;align-items: center;}
.roller > ul > li{width:300px;text-align:center;}

.now_rolling {width: 100%;height: 130px;color: #fff;margin-top:5px;}
.now_rolling a {color: #fff;text-decoration: none;white-space: nowrap;}
.now_rolling a img {max-width:inherit;}
.now_rolling > .nowrollingWrap {position: relative;width: 100%;height: 130px;margin: 0 auto;box-sizing: border-box;overflow: hidden;}

.nowroller {position: absolute;height: 100%;}
.nowroller > ul {margin: 0;list-style: none;padding: 9px 0;display: flex;flex-flow: row nowrap;align-items: center;}
.nowroller > ul > li {width:130px;margin-right:10px;}
.nowroller > ul > li > a dd {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:13px;color:#626b78;padding:0 3px;text-align:center;}

.now_rolling .pic_area {position: relative;width:128px;height:85px;overflow:hidden;border-radius:15px;}
.now_rolling .pic_area img {width: 118px;height: auto;position:absolute;left:50%;top:50%;transform: translate( -50% , -50% );}

.bg_dimm {width:100%;height:100vh;background-color:#000;position:fixed;top:0;left:0;z-index:120;}
.bg_dimm2 {width:100%;height:100vh;background-color:#000;position:fixed;top:0;left:0;z-index:122;}
.bg_dimm3 {width:100%;height:100vh;background-color:#000;position:fixed;top:0;left:0;z-index:124;}
.main_pop_wrap {position:fixed;top:50%;left:50%;transform: translate( -50% , -50% ); z-index:121;border-radius:16px;overflow:hidden;}
.main_pop_wrap.main_pop02 {z-index:123;}
.main_pop_wrap.main_pop03 {z-index:125;}
.main_pop_wrap .main_pop_top {position: relative;}
.main_pop_wrap .main_pop_top .pop_close {position:absolute;right:8px;top:8px;width:30px;height:30px;background:url("../img/m_main/btn_close2.png") center no-repeat;}
.main_pop_wrap .main_pop_top.top_child .pop_close {position:absolute;right:8px;top:11px;width:30px;height:30px;background:url("../img/m_main/btn_close3.png") center no-repeat;}
.main_pop_wrap {width:calc( 100% - 40px );max-width:375px;}
.main_pop_wrap .main_pop_top {padding:8px 0;background-color:#0095d9;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.main_pop_wrap .type_day01 .main_pop_top {background-color:#0095d9;}
.main_pop_wrap .type_day02 .main_pop_top {background-color:#cb141c;}
.main_pop_wrap .type_day03 .main_pop_top {background-color:#712e74;}
.main_pop_wrap .type_day04 .main_pop_top {background-color:#e9d416;}
.main_pop_wrap .main_pop_top p {padding:0 10px;}
.nexson_30th {text-align:center;padding:5px 0;}
.main_pop_con {background-color:#fff;padding:20px 24px 0;margin-bottom:75px;overflow: hidden;overflow-y: auto;max-height:calc( 100vh - 330px );}
.main_pop_con.mb_none {margin-bottom:0;padding-bottom:30px;}
.main_pop_img {position:relative;}
.main_pop_img img {width:100%;height:auto;}
.main_pop_img.bull_img01::before {content:"";width:137px;height:94px;background:url("../img/m_main/bull_nexon01.png") center no-repeat;position:absolute;left:5px;bottom:0;}
.main_pop_img.bull_img02::before {content:"";width:137px;height:94px;background:url("../img/m_main/bull_nexon02.png") center no-repeat;position:absolute;left:5px;bottom:0;}
.main_pop_img.bull_img03::before {content:"";width:137px;height:94px;background:url("../img/m_main/bull_nexon03.png") center no-repeat;position:absolute;left:0px;bottom:0;}
.main_pop_img.bull_img04::before {content:"";width:200px;height:91px;background:url("../img/m_main/bull_nexon04.png") center no-repeat;position:absolute;left:0px;bottom:0;}

.main_pop_wrap .main_pop_page {position:absolute;left:50%;top:17px;transform: translateX( -50% );color:#ffffff90;font-size:13px;}
.main_pop_wrap .main_pop_page span {color:#fff;font-size:14px;font-weight:bold;}

.ticket_area .ticket_img {width:100%;text-align:center;}
.ticket_area .ticket_img img {width:100%;height:auto;max-width:240px;}
.ticket_num {text-align:center;color:#000;margin-top:5px;font-weight:bold;font-size:12px;}
.ticket_list {margin-top:15px;}
.ticket_list li {padding:8px 0;border-bottom:1px solid #f0f1f4;display:flex;color:#15181c;justify-content: space-between;text-align:right;font-size:13px;}
.ticket_list li span {width:74px;flex-shrink: 0;color:#15181c;text-align:left;font-size:13px;font-weight:bold;}
.ticket_list_txt {margin-top:5px;color:#d2d4d9;font-size:12px;}

.main_pop_btn_wrap {position:absolute;bottom:0;left:0;width:100%;padding:10px 20px 20px;background-color:#fff;min-height:75px;}
.main_pop_btn_wrap button {width:100%;padding:14px 10px 13px;border-radius:8px;display:block;background-color:#f0f1f4;color:#333943;font-weight:bold;}

.main_pop_btn_wrap a {width:100%;padding:14px 10px 13px;border-radius:8px;display:block;background-color:#f0f1f4;color:#333943;font-weight:bold;text-align:center;font-size:16px;}

.main_pop_btn_wrap .main_pop_btn {position:relative;}
.main_pop_btn_wrap .main_pop_btn::before {content:"";width:75px;height:65px;background:url("../img/m_main/bull_btn_nexon.png") center no-repeat;position:absolute;right:0;bottom:0;}
.main_pop_img .bull_area {position:absolute;top:12px;left:16px;}
.main_pop_img .bull_area a {display:inline-block;padding:4px 8px;background-color:#fff;color:#333943;font-size:11px;border-radius:6px;font-weight:500;}
.main_pop_img .bull_area a.type_02 {background-color:#4e5866;color:#cacdd2;}
.main_pop_img .bull_area a.type_03 {background-color:#f03e4c;color:#fff;}

.main_pop_top .top_logo_area {width:100%;height:32px;}
.main_pop_top .top_logo_area {background:url("../img/m_main/main_pop_logo.png") 10px 4px no-repeat;}
.main_pop_top.top_child .top_logo_area {background:#fff url("../img/m_main/main_pop_logo2.png") 10px 4px no-repeat;}
.main_pop_top.top_child .main_pop_page {color:#999;}
.main_pop_top.top_child .main_pop_page span {color:#000;font-weight:bold;}
.main_pop_top.top_child .main_pop_page span {color:#000;font-weight:bold;}

.main_pop_slide .swiper-pagination {font-size:12px;}
.main_pop_slide .swiper-pagination span {font-size:12px;}
.ticket_tit {color:#000;font-weight:bold;text-align:center;font-size:20px;}
.ticket_tb {margin-top:20px;border-right:1px solid #ddd;}
.ticket_tb th {padding:8px 5px;background-color:#333;color:#fff;font-size:12px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.ticket_tb td {text-align:center;color:#333;padding:8px 5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.ticket_tb td button {display:block;width:100%;padding:5px 5px;border-radius:5px;font-size:12px;background-color:#00b8fa;color:#fff;}
.ticket_tb td.color_point {color:#02b7f7;}

.ticket_txt {color:#000;text-align:center;font-size:16px;padding:20px 0;line-height:140%;}
.ticket_txt strong {color:#000;font-size:16px;}

.btn_area_wrap {text-align: center;}
.btn_area_wrap a {display:inline-block;padding:10px 20px;background-color:#02b7f7;border-radius:20px;}

.main_pop_con.not_today {margin-bottom:0;overflow-y: hidden;max-height:inherit;}
.today_not_wrap {padding:20px 0 20px;display:flex;}
.today_not_wrap input {display:none;}
.today_not_wrap label {color:#000;}
.today_not_wrap input + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #555;
    border-radius: 4px;
    vertical-align: middle;
	margin-right:10px;
}

.today_not_wrap input:checked + label:before {
    content: "";
    border-color: #00bfff;
    background-image: url(../img/bull_check_on.png);
    background-repeat: no-repeat;
    background-position: 50%;
}

@media only screen and (max-width: 1099px){
	.m_menu_right {display:flex;align-items: center;}
}

@media only screen and (max-width: 720px){
    .pop-layer {width:90%; height:auto; position:absolute; margin:auto; border:1px solid #ccc; background:#fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); overflow:hidden; z-index:100;}
	.pop-layer.pop_1{top:70px;left:5%;}
	.pop-layer.pop_2{top:70px;left:5%;}
	.pop-layer.pop_3 {top:355px;left:5%;}
	.pop-layer.pop_4{top:70px;left:5%;}
	.pop-layer.pop_5{top:70px;left:5%;}
    .pop-layer.pop-rest {width:90%; height:auto; position:absolute; top:400px; left:5%; border:1px solid #ccc; background:#fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); overflow:hidden; box-sizing:border-box; /* z-index:9999999999; */ }
    .pop-layer .popLayer-close {display:inline-block; color:#fff; padding:10px 10px; position:absolute; right:15px; top:15px; border-radius:50%; z-index:999;background:#00B2E4 url("../img/popup_btn_close.png") center no-repeat;background-size:11px auto;}
	.pop-layer .pop-container {height:auto}
    .pop-layer .pop-container img {width:100%;}
    .pop-layer .dailyClose {height:40px; padding:12px 10px 8px; background:#333; color:#fff; text-align:right; font-size:0.8rem;}

	.pop-layer.type_main{width: 330px;left: 50%;margin-left: -165px;top: 20px;}
	.pop-layer img.m_on{display: block;}
	.pop-layer img.m_off{display: none;}

	.main_pop_btn_wrap a {font-size:13px;}
}