@charset "ks_c_5601-1987";

a:hover {text-decoration: none;}
body {font-family: 'notokr-medium';}
.inner {position:relative; width:1200px; margin:0 auto;}
.content_top {position:relative; overflow: hidden; z-index: 1;background:#008353 url('//img1s.mbest.co.kr/Pub_event/20241113L/top_bg.png') no-repeat center 0;}
.content_top .inner {text-align: center;height: 1498px;}















.content_top .btn_vod {position:absolute; top:56px; left:50%; margin-left:-490px;}
.content_top .top_tit {position:absolute; left:50%; z-index: 1; opacity: 0;}
.content_top .top_tit.tit1 {bottom:258px; margin-left:-183px; transform: translateX(150px); z-index: 3;}
.content_top .top_tit.tit2 {bottom:124px; z-index: 2; margin-left:-191px; transform: translateX(-150px);}
.content_top .top_tit.tit3 {bottom:0; margin-left: -443px;  transform: translateX(100px);}
.content_top.main_ani .top_tit{opacity: 1; transition: 0.3s cubic-bezier(.215,.61,.355,1); transform: translateX(0);}
.content_top.main_ani .tit3 {transition-delay:0.1s;}
/* .content_top.main_ani .tit1 {animation:bounceInRight .8s;}
.content_top.main_ani .tit2 {animation:bounceInLeft .6s ;}
.content_top.main_ani .tit3 {animation:bounceInRight 1s ;} */

.content_top .tit1 > img:not(:first-child) {position: absolute; z-index: 2;} 
.content_top .tit1 .txt1 {bottom: 23px; left: 39px; animation:fadeEvt 1.5s infinite linear;}
.content_top .tit1 .txt2 {bottom: 23px; right: 33px; animation:fadeEvt 1.5s infinite linear forwards reverse;}

@keyframes fadeEvt {
	0%, 49% {opacity:1;}
	50%, 99% {opacity:0;}
	100% {opacity:1;}
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(700px,0,0) scaleX(3);
        transform: translate3d(700px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1000px,0,0) scaleX(3);
        transform: translate3d(-1000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.content_top .top_img {position:absolute; z-index: 1;}
.content_top .top_img.img1 {top:0; right:20px;}
.content_top .top_img.img2 {top:160px; right:-30px;}
.content_top .fire span {position:absolute; z-index: -1; opacity: 0; transform: scale(0); animation: sizeMotion 3s infinite cubic-bezier(0.83, 0, 0.17, 1);} 
.content_top .fire .fire1 {top:387px; left:50%; margin-left:-620px;}
.content_top .fire .fire2 {top:544px; left:50%; margin-left:385px; animation-delay: .8s;}
.content_top .fire .fire3 {top:42px; left:50%; margin-left:-600px; animation-delay: 1s;}
.content_top .fire .fire4 {top:224px; left:50%; margin-left:585px; animation-delay: .2s;}

.content_top .light span  {position:absolute; z-index: -1; animation: lightMotion 3.5s infinite cubic-bezier(0.83, 0, 0.17, 1);}
.content_top .light .light1 {top:63px; left:50%; margin-left:-790px; animation-delay:2s;}
.content_top .light .light2 {top:211px; left:50%; margin-left:-1127px; animation-delay:1s;}
.content_top .light .light3 {top:483px; left:50%; margin-left:-807px; animation-delay:0.5s;}
.content_top .light .light4 {top:677px; left:50%; margin-left:-955x; animation-delay:3s;}
.content_top .light .light5 {top:716px; left:50%; margin-left:-673px; animation-delay:1.4s;}
.content_top .light .light6 {top:112px; left:50%; margin-left:810px; animation-delay:1.2s;}
.content_top .light .light7 {top:39px; left:50%; margin-left:1088px; animation-delay:2s;}
.content_top .light .light8 {top:498px; left:50%; margin-left:583px; opacity: 0; animation-delay:3s;}
.content_top .light .light9 {top:598px; left:50%; margin-left:723px; animation-delay:1s;}

@keyframes sizeMotion {
    10% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(1) translateY(0px);
        opacity: 1
    }

    100% {
        transform: scale(1) translateY(30px);
        opacity: 0
    }
}

@keyframes lightMotion {
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}



/* scrollBanner */
#scrollBanner {
    position: absolute;
    top: 221px;
    right: 0;
    width: 165px;
    z-index: 9999;
}
#scrollBanner.jbFixed {
    position: fixed !important;
    top: 215px;
}
#scrollBanner a {
    display: block;
    text-indent: -9999em;
    background: url('//img1s.mbest.co.kr/Pub_event/20241113L/scroll_off.png') 0 0 repeat-x;
}
#scrollBanner a.scroll01{background-position:0 0;height:105px;}
#scrollBanner a.scroll02{background-position:0 -105px;height:106px;}
#scrollBanner a.scroll03{background-position:0 -211px;height:117px;}
#scrollBanner a:hover, #scrollBanner a.on{background-image: url('//img1s.mbest.co.kr/Pub_event/20241113L/scroll_on.png')}



/* scrollBanner */
.tab_btn2 {
    position: absolute;
    top: 221px;
    right: 0;
    width: 165px;
    z-index: 9999;
}
.tab_btn2.jbFixed {
    position: fixed !important;
    top: 215px;
}




/* section */
.con01_tit {background:#e45b00;}
.con01 {background:#fff; padding-bottom: 100px;}
.con01 .evt_top_btn {position: absolute;top:395px;left:900px;}

.con01 .btn_book_view {position:absolute; top:357px; left:50%; margin-left:135px;}
.con01 .btn_book_view img:nth-child(2) {position:absolute; bottom:-10px; right:-15px; z-index: 1;}


.con02_tit {background:#109727;}
.con02 {background:#ddeeb6; padding-bottom: 100px;}
.con02 .a_vod {position: absolute;top:205px;left:90px;width: 350px;height: 160px;}

.con03_tit {background:#0067db;}
.con03 {background:#fff; padding-bottom: 100px;}
.a_link3_1 {position: absolute;bottom:50px;left:755px;width: 190px;height: 50px;}


.evt_tab {position:relative; height:157px; z-index:999; overflow:hidden;}
.evt_tab .sec_tab_btn {position:absolute; top:0; left:0; display:flex; justify-content: center; width:100%; height:157px; background: #004b30; overflow:hidden;}
.evt_tab .sec_tab_btn a {position:relative; display:block; z-index:10;}

.con04 {background:#ffcd38;}
.con04 *{box-sizing: border-box;}
.con04 .inner {padding: 80px 0;}

.con05 {background:#fff; padding-bottom: 100px;}

.btn_book_vew1 {position: absolute;bottom: 290px;left:90px;width: 320px;height: 410px;}
.btn_book_vew2 {position: absolute;bottom: 80px;left:110px;width: 320px;height: 410px;}


@keyframes fadeEvt2 {
	0% {opacity:1;}
	1% {opacity:.3;}
	25% {opacity:.3;}
	26% {opacity:1;}
	50% {opacity:1;}
	51% {opacity:.3;}
	75% {opacity:.3;}
	76% {opacity:1;}
	100% {opacity:1;}
}


/* evt */
.evt_con1,
.evt_con2 {position:relative;background:#fff; padding-bottom: 80px; box-shadow:0 6px 0 0 rgba(0,0,0,0.1); border-radius: 50px;overflow: hidden;/*border: 2px solid #ebbd34;*/}
.evt_con1 .evt_top_btn {position: absolute;top:240px;left:570px;}
.evt_con2 .evt_top_btn {position: absolute;top:270px;left:670px;}

.evt_con1 .re_box {position:relative;height: 410px;background: #d8eee6 url('//img1s.mbest.co.kr/Pub_event/20241113L/evt1_re_tit.png') no-repeat center 54px;}
.evt_con1 .re_box::after {content:'';position:absolute;bottom:-32px;left:50%;transform: translateX(-50%);height: 32px;width: 162px;background: url('//img1s.mbest.co.kr/Pub_event/20241113L/re_img1.png') no-repeat center 0;}
.evt_con2 .re_box {position:relative;height: 410px;background: #dfebfe url('//img1s.mbest.co.kr/Pub_event/20241113L/evt2_re_tit.png') no-repeat center 54px;}
.evt_con2 .re_box::after {content:'';position:absolute;bottom:-32px;left:50%;transform: translateX(-50%);height: 32px;width: 162px;background: url('//img1s.mbest.co.kr/Pub_event/20241113L/re_img2.png') no-repeat center 0;}

.evt_write_box {position:absolute; top: 125px; left: 81px; width: 1038px; display: flex;}
.evt_write_box > a {display: flex;justify-content: center;align-items: center; width:161px; height:176px; margin-left:10px; font-size:0; background: #008353;border-radius: 30px;z-index: 9;}
.evt_con1 .evt_write_box > a {background: #008353;}
.evt_con2 .evt_write_box > a {background: #004ec4;}
.write_inp {width:867px; height:176px; background:#fff; border:1px solid #cecece; border-radius:29px; overflow:hidden; padding:20px 30px 15px;}
.write_inp textarea {color:#111; border:0; width:100%; height:120px; font-size:16px; font-family:'notokr-medium'; resize: none; padding:0;}
.write_inp textarea:focus {outline: 0;}
.write_inp textarea::placeholder {color:#757575;}
.write_inp .btm {display:flex; align-items: center; justify-content: space-between;}
.write_inp .btm .l {font-size:13px; color:#302112; font-family: 'notokr-black';}
.write_inp .btm .r {font-size:12px; color:#919191;}
.evt_write_end {position:absolute; top: 121px; left: 78px;z-index: 9;}

.evt_con1 .re_txt {POSITION: absolute;top: 315px;left: 100px;color: #6e8f83;font-size: 13px;}
.evt_con2 .re_txt {POSITION: absolute;top: 315px;left: 100px;color: #919bac;font-size: 13px;}

.evt_comment_box {position:relative; padding:75px 40px 20px;background: #f8f4e4;border-radius: 30px;border: 1px solid #e6decd;margin: 110px 75px 0;box-shadow:0 4px 0 0 #e6decd;}
.evt_comment_box .tit_i {position: absolute;top:-35px;left: 50%;transform: translateX(-50%);z-index: 9;}
.evt_comment_box .top {display:flex; align-items:center; justify-content: space-between;}
.evt_comment_box .top .tit {font-size:20px; color:#1f1a14; font-family: 'notokr-black';}
.evt_con1 .evt_comment_box .top .tit span {color:#008353;}
.evt_con2 .evt_comment_box .top .tit span {color:#255ec6;}
.evt_comment_box .top .btn_list {display:block; padding:6px 10px; background:#999; color:#fff; font-size:14px; font-family: 'notokr-bold'; min-width:113px; text-align:center; border-radius:16px;}
.comment_list {margin-top:18px; display:flex; flex-wrap:wrap;}
.comment_list .comment {position:relative; width:calc(33.3% - 15px); height:235px; background:#fff; padding:35px;margin-right:15px;margin-bottom:25px;border: 1px solid #e1dcc6;overflow: hidden;border-radius: 30px;box-shadow:0 2px 0 0 #e1dcc6;}
.comment_list .comment:nth-child(3n){margin-right:0px;}
.comment_list .comment .btn_delete {position:absolute; top:13px; right:20px;}
.comment_list .comment strong {display: block; font-size:13px; color:#2d1801; margin-bottom:12px; font-family: 'notokr-bold';}
.comment_list .comment p {font-size:15px; color:#444; max-height:132px; overflow:hidden; text-overflow: ellipsis; line-height:1.4;overflow-y: scroll;word-break:break-all;}
.comment_list .comment p::-webkit-scrollbar {background:none;width: 5px;}
.comment_list .comment p::-webkit-scrollbar-thumb {background-color: #e7e7e7;border-radius: 10px;}
.comment_list .comment p::-webkit-scrollbar-track {background:#fff;border-radius: 10px;}
.evt_comment_box .swiper-button {position:absolute; top:55%; width:26px; height:38px;}
.evt_comment_box .swiper-button-prev {left:-55px; background:url("//img1s.mbest.co.kr/Pub_event/20241113L/btn_prev.png") no-repeat 0 0 ;}
.evt_comment_box .swiper-button-next {right:-55px; background:url("//img1s.mbest.co.kr/Pub_event/20241113L/btn_next.png") no-repeat 0 0 ;}
.evt_comment_box .noData {display:flex;justify-content:center;font-size:20px;padding:80px 0;}

.con04 .notice {margin-top:35px;}
.con04 .notice .tit {display:flex; align-items: center; font-size:18px; font-family:'notokr-black'; color:#715500; margin-bottom: 15px;}
.con04 .notice .tit:before {content:''; display:inline-block; width:22px; height:22px; background:url('//img1s.mbest.co.kr/Pub_event/20241113L/ico_notice.png') no-repeat 0 0; margin-right:5px;}
.con04 .notice ul li {position:relative; font-size:14px; color:#957925; font-family: 'notokr-bold'; padding-left:8px;}
.con04 .notice ul li:before {content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#957925;}
.con04 .notice ul li strong {color: #2e2200;}
.con04 .notice ul li.white {color:#fff;}
.con04 .notice ul li.yellow {color:#f3efae;}
.con04 .notice ul li:not(:first-child){margin-top:4px;}




























.evt_sns_end {position:absolute; top: 20px; left: 175px; z-index: 2;}
.evt_step3 {position:absolute; left:266px; top:118px; }
.evt_step3 .tit {font-size:13px; color:#232323; font-family: 'notokr-bold';}
.evt_step3 .tit span {color:#f16c00;}
.evt_step3 .inp {margin-top:10px; display: flex;}
.evt_step3 .inp input[type="text"] {width:719px; height:45px; border:1px solid #b6b3b3; border-radius:10px; padding:0 20px; font-family: 'notokr-medium'; font-size:16px;}
.evt_step3 .inp input[type="text"]::placeholder{color:#808080;}
.evt_step3 .inp >a {display:block; margin-left:6px;}

.sns_board_tit {font-size:20px; color:#1f1a14; font-family: 'notokr-black';}
.sns_board_tit span{color:#e74c00;}

.class_vod_view {position:relative;}
.class_vod_view .view_con {position:absolute; top:227px; left:50%; transform:translateX(-50%); width:704px; height:406px;}
.class_vod_view .view_con .btn_play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 1;}
.class_vod_view .view_con .txt_bubble {position:absolute; top:-60px; left:-84px;}

.btn_class_list {display:flex; justify-content: center;}
.btn_class_list a {display: block; width:337px;height: 79px;}
.btn_class_list a:not(:first-child){margin-left:11px;}
.tab_con {padding:0 95px; margin-top: 30px; font-size:16px;}









.jbFixed {position:fixed !important;}

.layer_pop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 9999;}
.layer_pop * {box-sizing: border-box;}
.layer_pop .pop_container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:64px; overflow:hidden; min-width:700px; box-shadow:0 5px 0 0 rgba(0,0,0,0.26); display: flex;
    flex-direction: column; max-height: 75%;}
/* .layer_pop .pop_container img {image-rendering: -webkit-optimize-contrast; backface-visibility: hidden;transform: translateZ(0);}  */
.layer_pop .pop_container .pop_close {position:absolute; display: block; right:30px; top:23px;}
.layer_pop .pop_container .pop_tit {padding:34px 15px; text-align:center; background:#e5e1fc; font-family: 'notokr-black'; font-size:36px; color:#000;}
.layer_pop .pop_container .pop_tit span {color:#5a3dd6;}
.pop_content {padding:35px 40px; text-align: left; overflow-y: auto;}
.pop_content .info li {position:relative; padding-left:13px; font-size:18px; color:#4c4c4c; font-family: 'notokr-bold'; letter-spacing: -0.7px;}
.pop_content .info li:before {content:''; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background:#5a3dd6;}
.pop_content .info li + li {margin-top:2px;}
.pop_content .tbl_txt {font-size:14px; color:#626262;}

.tbl_type1 {width:100%; text-align: center;}
.tbl_type1 th {padding:9px 15px; font-size:16px; background:#efefef; color:#000; font-family: 'notokr-black';} 
.tbl_type1 td {padding:10px 15px; font-size:16px; color:#5c5c5c; border-bottom:1px solid #dfdfdf; font-family: 'notokr-bold';}
.pop_content .paginate .prev_first, .pop_content .paginate .prev,.pop_content .paginate .next,.pop_content .paginate .next_end {top:6px}

.pop_content::-webkit-scrollbar {width: 5px;}
.pop_content::-webkit-scrollbar-thumb {background-color: #eee; border-radius: 10px;}
.pop_content::-webkit-scrollbar-track {background-color: #fff;}

/* .pop_user_list .pop_container .pop_tit img {margin-top: -1px;} */
.pop_book .pop_container {transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px))}
.pop_book .pop_container {max-height:95%;}/* tab°ú °°°Ô *******/
.pop_book .pop_container .pop_tit {padding:30px 15px 5px; background:#fff;font-family:'SB ¾î±×·Î B';}
.pop_book .pop_content {position:relative; padding:25px 80px 34px;}
/*.book_wrap {width:972px; height:690px; background:url('//img1s.mbest.co.kr/Pub_event/20240716L/book_bg.jpg') no-repeat 0 0; margin:0 auto; padding:2px 0;}*/
.book_wrap {width:815px; height:578px; background:url('//img1s.mbest.co.kr/Pub_event/20240716L/book_bg.jpg') no-repeat 0 0; margin:0 auto; padding:2px 0; background-size: 100% 100%;}/* tab°ú °°°Ô *******/
/*.flip_book {width:966px; height:690px; margin:0 auto;}*/
.flip_book {width:815px; height:578px; margin:0 auto;}/* tab°ú °°°Ô *******/
.flip_book img {height: 100%;}/* tab°ú °°°Ô *******/
.btn_book {position:absolute; top:50%; transform:translateY(-50%)}
.btn_book.btn_prev {left:38px;}
.btn_book.btn_next {right:38px;}
.pagination {display: flex; align-items:center; justify-content: center; position:absolute; top:3px; right:97px;}
.pagination span {display:block; width:12px; height:12px; border-radius:50%; background:#cecece;}
.pagination span + span{margin-left:6px;}
.pagination span.active{background:#008353;}

.pop_basic .pop_container {min-width:500px; max-width:640px; padding:65px 40px 40px; font-family: 'notokr-Bold'; line-height:1.3}
.pop_basic .pop_content {padding:0;}
.pop_basic .txt1 {font-size:24px; color:#2d1801; font-family: 'notokr-black'; letter-spacing: -0.7px;}
.pop_basic .txt2 {font-size:19px; color:#333; font-family: 'notokr-Bold'; letter-spacing: -0.7px;}
.pop_basic .pop_content {font-size:20px; text-align:center; color:#333;}

.layer_pop .pop_btn {font-size:0; margin-top:20px; text-align: center;}
.layer_pop .pop_btn a {display: inline-block; vertical-align: middle; min-width:160px; padding:15px; background:#d7d7d7; font-size:18px; color:#5a5a5a; border-radius:25px; font-family: 'notokr-Bold';}
.layer_pop .pop_btn a.btn_org{background:#fb7d13; color:#fff;}
.layer_pop .pop_btn a.btn_black{background:#000; color:#fff;}
.layer_pop .pop_btn a.btn_black{background:#333; color:#fff;}
.layer_pop .pop_btn a:not(:first-child) {margin-left:10px;}

@media all and (min-width: 768px) and (max-width:1920px){
 .pop_book.layer_pop .pop_container {max-height:85%; transform:translate(calc(-50% + 0.5px), calc(-55% + 0.5px))}
}

/* À¯Æ©ºê */
.vod { position:absolute; bottom:100px; left:50%; margin-left:-388px; padding:10px 11px 0 11px; width:755px; height:425px; background:url('//jrimg1s.mbest.co.kr/pub_event/20151119_tch/evt_vod_Pbg.png') no-repeat center 0; }
.vod .vod_close { position:absolute; top:10px; right:-60px; }
.vod2 {position:absolute;bottom:134px;right:4px;width:690px;height:388px;}

/* ½ºÅ©·Ñ¹è³Ê */
.scrollBanner {position:absolute;top:200px;right:0;width:144px;z-index:99999;}
.scrollBanner a {display:inline-block;}
.jbFixed {position:fixed !important;}

/*  */

/* À̺¥Æ® Á¾·á (2024-09-24) */ 
.pop_info .pop_container {min-width:588px; padding:80px 30px 70px; border-radius: 60px; box-shadow: inset 0px -7px 0 0 rgb(161 161 161 / 29%);}
.pop_info .pop_container .pop_close {top:30px; right:37px;}
.pop_info .pop_info_txt {font-size:26px; color:#111; font-family: 'notokr-black'; line-height:1.35; letter-spacing:-0.6px;}
.pop_info .pop_info_txt strong {color:#008353;}
.pop_info .pop_btn {margin-top:39px;}
.layer_pop .pop_btn a.btn_info {background: #292929; min-width:208px; color:#fff; padding:9px 15px; border-radius: 21px;}


@font-face {
	font-family:'SB ¾î±×·Î B';
	src: url('//files.mbest.co.kr/www/common/fonts/sb_aggro_b.ttf') format('truetype'),
		url('//files.mbest.co.kr/www/common/fonts/sb_aggro_b.otf?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
.fc_grn {color: #008353 !important;}