@charset "UTF-8";

/* common */
.inner {width:1100px; margin:0 auto;}
.inner * {box-sizing: border-box;}
.pc_img {display:inline-block;}
.m_img {display:none;}
.pc {display:block;}
.m {display:none;}

.header {height:80px; background:#fff; border-bottom:1px solid #e6e6e6;}
.header .inner {position:relative; display: flex; align-items: center; height: 100%;}
.header .tit {display: flex; align-items: center; font-size:27px; color:#515151; font-family: 'notokr-bold'; line-height:1;}
.header .tit:before {content:''; display:inline-block; width:30px; height:28px; background:url("//img1s.mbest.co.kr/Pub_event/20250821p/ico_tit.png") no-repeat 0 0 / 100%; margin-right: 11px;}
.logo {position:absolute; right:0; top:50%; margin-top: -14px;}

a:hover {text-decoration: none;}

.abtn {position:absolute; font-size:0; text-indent: -9999em; top:0; height:100%;}
.abtn1 {left:0; width:119px;}
.abtn2 {left:148px; width:81px;}
.abtn3 {right:0; width:57px;}

.content_top {width:100%; background:url("//img1s.mbest.co.kr/Pub_event/20250821p/top_bg.jpg") repeat-x center;}
.con1 {background:#01aacc;}

.con2 {padding:100px 0;}
.vod_list {display:flex; width:100%; flex-wrap: wrap; gap:28px; flex-direction: column; align-items: center;}
.vod_list .item {position: relative; width:calc(50% - 14px); height:366px; border:1px solid #e6e6e6; border-radius:14px; box-sizing: border-box;}
.vod_list .item .img {position:relative; display: flex; justify-content: center; height: 301px; border-radius: 14px 14px 0 0; overflow: hidden; text-align: center;}
.vod_list .item .img:before {content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:90px; height:93px; background:url("//img1s.mbest.co.kr/Pub_event/20250821p/ico_play.png") no-repeat 0 0 / 100%;}
/* .vod_list .item .img img {width: 100%;} */
.vod_list .item .tit {padding:18px 10px; text-align: center;}
.vod_list .item .tit span {display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height:1.3; font-size:20px; color:#000; font-family: 'notokr-bold'; letter-spacing: -0.5px;}
.vod_list .item.nodata {display:flex; align-items: center; justify-content: center;}
.vod_list .item.coming .img:before {display: none;}
.vod_list .item .new {position:absolute; top:-15px; right:-4px;}

.vod_list.list02 {flex-direction: row}

.con3 {background:#15c06e; padding:100px 0; text-align: center;}
.con3 .tit {font-size:42px; color:#fff; font-family: 'notokr-bold'; line-height: 1; margin-bottom: 45px;}
.con3 .tit strong {color:#faff6a; font-weight: normal;}
.con3_sw {position:relative; width:800px; height:496px; padding:20px; margin:0 auto; background:url("//img1s.mbest.co.kr/Pub_event/20250821p/bg_tablet.png") no-repeat 0 0 / 100%;}
.con3_sw .swiper-container {border-radius: 10px;}
.con3_sw .swiper-button {position:absolute; top:50%; transform: translateY(-50%); width:50px; height:52px; background:none; opacity: 1; margin:0;}
.con3_sw .swiper-button-prev {left:-70px;}
.con3_sw .swiper-button-next {right:-70px;}

.layer_pop {position:fixed; display:flex; align-items: center; justify-content: center; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index: 10;}
.layer_pop * {box-sizing: border-box;}
.layer_pop .pop_bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index: -1;}
.layer_pop .pop_content {position:relative; padding:45px 50px; background:#fff; border-radius: 25px;}
.layer_pop .btn_wrap {margin-top: 27px; text-align: center; font-size:0;}
.layer_pop .btn_wrap a {display:inline-block; min-width:130px; padding:13px 10px; font-size:20px; border-radius: 23px; color:#fff; background:#2e3542; text-align: center; font-family: 'notokr-bold'; line-height: 1;}
.layer_pop .btn_wrap a + a {margin-left: 15px;}

.layer_pop.pop_vod .pop_content {width:936px;}
.layer_pop.pop_vod .pop_content .pop_close {position:absolute; top:0; right:-43px; z-index: 1;}
.layer_pop.pop_vod .vod_box {width:100%;}
.layer_pop.pop_vod .vod_box iframe {width: 100%;}
.layer_pop.pop_vod .tit {font-size:24px; color:#000; line-height:1.25; font-family: 'notokr-black'; margin-top: 20px;}
.layer_pop.pop_vod .txt_box {padding:23px 24px; height:162px; border-radius: 15px; background:#f3f3f3; margin-top: 20px; font-size:16px; color:#606060; line-height:1.45; font-family: 'notokr-medium'; overflow-y: auto;}

.layer_pop.pop_vod .txt_box::-webkit-scrollbar {width: 10px;}
.layer_pop.pop_vod .txt_box::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 5px;}
.layer_pop.pop_vod .txt_box::-webkit-scrollbar-track {background-color: transparent;}

.layer_pop.pop_alert .pop_content {padding:92px 10px 45px; text-align: center; width:460px;}
.layer_pop.pop_alert .pop_content:before {content:""; position:absolute; top:-47px; left:50%; transform: translateX(-50%); width:121px; height:123px; background:url("//img1s.mbest.co.kr/Pub_event/20250821p/img_pop.png") no-repeat 0 0 / 100%;}
.layer_pop.pop_alert .txt1 {font-size:24px; color:#000; font-family: 'notokr-bold'; line-height:1.35;}



@media screen and (max-width: 1100px) {
.inner {width:100%;}
img {width:100%; vertical-align: top;}
.pc_img {display:none;}
.m_img {display:inline-block;}
.pc {display:none;}
.m {display: block;}

.header {height:auto; padding:4.31vw 0 4.86vw;}
.header .inner {display:block; height: auto; text-align: center;}
.header .tit {font-size:calc(38 * 100vw / 720); justify-content: center; margin-top: 5.56vw;}
.header .tit:before {width:6.53vw; height:6.25vw; background-image:url("//img1s.mbest.co.kr/Pub_event/20250821p/m_ico_tit.png"); margin-right: 2.36vw;}
.logo {position:relative; display:inline-block; top:auto; margin:0;}
.logo img {width:54.72vw;}

.abtn1 {width:38%;}
.abtn2 {left:47%; width:26%;}
.abtn3 {width:18%;}

.con2 {padding:11.11vw 5.56vw;}
.vod_list {gap:0}
.vod_list .item {width:100%; height:60.56vw; border-radius:2.08vw;}
.vod_list .item + .item {margin-top: 2.78vw;}

.vod_list .item .img {height: 49.86vw; border-radius: 2.08vw 2.08vw 0 0;}
.vod_list .item .img:before {width:12.5vw; height:12.92vw;}
.vod_list .item .tit {padding:3vw 1.39vw;}
.vod_list .item .tit span {font-size:calc(24 * 100vw / 720);}
.vod_list .item.nodata {display:none;}
.vod_list .item .new {top:-1.94vw; right:-1.25vw; width:9.72vw;}

.vod_list.list02 {gap:0 3%;}
.vod_list.list02 .item {width:48.5%; height:38.06vw;}
.vod_list.list02 .item .img {height:24.03vw;}
.vod_list.list02 .item .img:before {width:8.33vw; height:8.75vw;}
.vod_list.list02 .item .tit {padding:2.22vw 1.39vw 0 }
.vod_list.list02 .item .tit span{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; white-space: normal;}
.vod_list.list02 .item:nth-child(1) {width:100%; height: auto;}
.vod_list.list02 .item:nth-child(1) .tit {padding:3vw 1.39vw;}
.vod_list.list02 .item:nth-child(1) .tit span {white-space: nowrap;}
.vod_list.list02 .item:nth-child(1) .img {height: 49.86vw;}
.vod_list.list02 .item:nth-child(1) .img:before {width:12.5vw; height:12.92vw;}
.vod_list.list02 .item.nodata {display:flex; align-items: center; justify-content: center;}
.vod_list.list02 .item.nodata img {width:auto; height:50%;}


.con3 { padding:11.11vw 5.56vw 20.83vw;}
.con3 .tit {font-size:calc(42 * 100vw / 720); line-height:1.25; margin-bottom: 9.03vw;}
.con3_sw {width:76.39vw; height:47.36vw; padding:1.81vw; background-image:url("//img1s.mbest.co.kr/Pub_event/20250821p/m_bg_tablet.png");}
.con3_sw .swiper-container {border-radius: 1.39vw;}
.con3_sw .swiper-button {width:6.94vw; height:7.22vw;}
.con3_sw .swiper-button-prev {left:-11.84%;}
.con3_sw .swiper-button-next {right:-11.84%;}

.layer_pop .pop_content {padding:4.9% 4.5%; border-radius: 3.47vw;}
.layer_pop .btn_wrap {margin-top: 4.44vw;}
.layer_pop .btn_wrap a {min-width:18.06vw; padding:1.81vw 1.39vw; font-size:calc(20 * 100vw / 720); border-radius: 3.19vw;}
.layer_pop .btn_wrap a + a {margin-left: 2.08vw;}

.layer_pop.pop_vod .pop_content {width:91.7%;}
.layer_pop.pop_vod .pop_content .in_scroll {max-height: 130vw; overflow-y: auto;}
.layer_pop.pop_vod .pop_content .pop_close {top:-5.2%; right:0; width:5%;}
.layer_pop.pop_vod .tit {font-size:calc(28 * 100vw / 720); line-height:1.35; margin-top: 3.89vw;}
.layer_pop.pop_vod .txt_box {padding:3.89vw; height:39.17vw; border-radius: 2.08vw; margin-top: 3.89vw; font-size:calc(22 * 100vw / 720);}

.layer_pop.pop_vod .txt_box::-webkit-scrollbar {width: 1.39vw;}
.layer_pop.pop_vod .txt_box::-webkit-scrollbar-thumb {border-radius: 0.69vw;}

.layer_pop.pop_alert .pop_content {padding:12.78vw 1.39vw 6.25vw; width:63.89vw;}
.layer_pop.pop_alert .pop_content:before {top:-6.53vw; width:16.81vw; height:17.08vw;}
.layer_pop.pop_alert .txt1 {font-size:calc(24 * 100vw / 720);}

.layer_pop.pop_vod .vod_box {width: 100%; position: relative; height: 0; padding-bottom: 56.3%;}
.layer_pop.pop_vod .vod_box iframe {width: 100%; position: absolute; top: 0; left: 0; height: 100%;}



.smt_footer{background: #f2f2f2; padding:4% 0 7% 0;}
.smt_footer ul{text-align: center; padding-bottom:3%;}
.smt_footer ul li{display:inline; position:relative; padding:0 1% 0 1%; font-size:13px; white-space:nowrap; border-left:1px solid #444;}
.smt_footer ul li:first-child{border-left:0;}
.smt_footer ul li a{display: inline-block; color:#444; font-size:13px; letter-spacing: -1px;}
.smt_footer p{display: block; text-align: center; color: #666; letter-spacing: -1px; padding:0.5% 0; /*font-size:12px;*/}
.smt_footer p a{color: #1c1c1c; display: inline-block;}


}