@charset "euc-kr";
/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

/* S: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* ÆË¾÷ */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

/* µî·ÏÇÑ url ÆË¾÷ */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

.evSection .con_tit{margin: 0 0 60px;font-weight: 900}
.evSection .con_tit .tiny{display: block;font-size: 26px;/* color:#777; *//* font-weight: normal; */padding: 20px 0 0;font-weight: normal;}
.evSection .con_tit .tiny.wht{color:#fff}
.evSection .con_tit .tiny.top{padding: 0 0 20px;}
.evSection .con_tit .point{display: block;}
.evSection .con_tit .end{position: absolute;top: -10px;right: -40px}
.evSection .bigt{display:block;font-weight: 900;font-size: 42px;line-height: 1.2}
.evSection .bigt.wht{color:#fff}
.evSection .bigt.grd{background-image: linear-gradient(to right, #0872e8, #00197a);background-clip: text;-webkit-background-clip: text;color: transparent}
.evSection .bigt .cl{color:#9e3af4}


/* ÇÈ½º ¸Þ´º¸¦ À§ÇÑ css */
.eventWrap .evSection.fix_mode{padding-top:100px;}
.fix_menu {background: #1d006e;z-index: 5;position: relative;height: 100px;position: absolute;top: 0;left: 0;width: 100%;}
.fix_menu ul{width: 850px;margin: 0 auto;display:flex;align-items:flex-start;justify-content:space-between;}
.fix_menu li{width: 100%;position: relative;}
.fix_menu li i{position: absolute;bottom: 0;right: 0px;z-index: 2;}
.fix_menu li a{display: block;padding: 34px 0;font-size: 23px;position: relative;color: #fff;font-weight: 700;text-align: left;}
.fix_menu li a br{display: none;}
.fix_menu li a:before{content:'';display:block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #999;height: 40%;width: 1px;}
.fix_menu li:last-child a:before{display:none}
.fix_menu li a:hover{color:rgba(255, 255, 255, 0.75);}
.fix_menu li.on a{color:rgba(255, 255, 255, 1);}
.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}


.eventWrap .evSection.evCon1{background: url('https://img.megagong.net/m/2023/0704_basic/con_img16.jpg') no-repeat center 0;padding: 0 0 105px;/* background-size: auto; */}
.evCon1 h3{padding: 210px 0 0 160px;text-align: left;}
.evCon1 h3 i{position: absolute;top: 190px;right: -127px;}
.evCon1 h3 i .on{position: absolute;top: 0;left: 0px;opacity: 0;}
.evCon1 h3 i.on .on{opacity: 1;}
.evCon1 p{text-align: left;margin: -20px 0 0 20px;}

.eventWrap .evSection.evCon2 {position: relative;background: #f5f5f5;padding: 260px 0 160px;} 
.eventWrap .evSection.evCon2.fixno {padding-top: 160px;} 
.evCon2 .charact_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;margin: 0 -65px -15px 0;}
.evCon2 .charact_wrap .item{position: relative;flex: 1;margin: 0 -20px;}
.evCon2 .btn_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start}
.evCon2 .btn_wrap a{display: block;}
.evCon2 .point{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start}
.evCon2 .subj_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-end;margin: 0 -14px;}
.evCon2 .subj_wrap .item{margin: 0 14px;flex: 1}
.evCon2 .subj_wrap .item img{box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.1);border-radius: 12px;}




.roll_slide_wrap{position: relative;padding: 45px 65px;background: #fff;box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.05);border-radius: 0 0 12px 12px;}
.roll_slide_wrap .roll_slide {padding: 0;text-align: left;}
.roll_slide_wrap .roll_slide .slick-slide{margin: 0 20px;}
.roll_slide_wrap .roll_slide .item {padding: 25px 35px;border: 1px solid #555;border-radius: 20px;box-sizing:border-box;cursor: pointer;}
.roll_slide_wrap .roll_slide .item .pf_box {display:table;width: 100%;}
.roll_slide_wrap .roll_slide .item .pf_box .pf_img {display:inline-block;vertical-align: middle;}
.roll_slide_wrap .roll_slide .item .pf_box .pf_t {width: calc(100% - 73px);display:inline-block;vertical-align: middle;padding-left:10px;font-weight:bold;line-height:1.26;font-size: 18px;color:#333333;}
.roll_slide_wrap .roll_slide .item .pf_box .pf_t .date {display:block;margin-top:3px;font-size: 16px;color:#aaaaaa;font-weight: 300;}
.roll_slide_wrap .roll_slide .item .txt {padding-top:17px;}
.roll_slide_wrap .roll_slide .item .txt strong {display:block;font-weight:bold;font-size: 19px;line-height:1.46;height: 60px;overflow:hidden;box-sizing:border-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.roll_slide_wrap .roll_slide .item .txt p {position:relative;word-break: break-all;padding-right:5px;margin-top:5px;font-size: 15px;color:#aaaaaa;line-height:1.5;height: 47px;overflow:hidden;box-sizing:border-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.roll_slide_wrap .roll_slide .item .txt p span {display:inline-block;}
.roll_slide_wrap .roll_slide .item .txt p span:before {content:'...';position:absolute;bottom:0;right:0;}
.roll_slide_wrap .roll_slide .slick-arrow {z-index: 2; width:71px;height:71px;position:absolute;top:50%;transform: translateY(-50%);font-size:0;}
.roll_slide_wrap .roll_slide .slick-prev {left:-100px;background:url(https://img.megagong.net/m/2022/0824_review/evCon2_arr1.png) no-repeat center;background-size:100% auto;}
.roll_slide_wrap .roll_slide .slick-next {right:-100px;background:url(https://img.megagong.net/m/2022/0824_review/evCon2_arr2.png) no-repeat center;background-size:100% auto;}





.eventWrap .evSection.evCon3 {background: #e7cfff;padding: 160px 0;} 
.evCon3 .review_tit{color: #fff;background: #9e3af4;font-size: 24px;font-weight: bold;padding: 16px 0;border-radius: 10px 10px 0 0;overflow: hidden}
.evCon3 .secont_tit{font-size: 28px;padding: 100px 0 15px;font-weight: 900;margin: 0 0 10px}
.evCon3 .feature_wrap{margin: 0 -8px;}
.evCon3 .feature_wrap .item{position: relative;padding: 8px 8px;}
.evCon3 .feature_wrap .item img{display:inline-block;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);border-radius: 12px;}
.evCon3 .feature_wrap .item::before{content: '';background: url(https://img.megagong.net/m/2023/0704_basic/con_img20.png) no-repeat -7px -5px;position: absolute;top: 50%;left: -18px;width: 40px;height: 40px;margin: -20px 0 0;border-radius: 100%;box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.3);}
.evCon3 .feature_wrap .item.first::before{display: none;}





.eventWrap .evSection.evCon4 {padding: 160px 0;background: #fff;}
.evCon4 .bigt span{color: #9e3af4;}
.evCon4 .select {margin: 60px 0 0}
.evCon4 .select .selectWrap {position: relative; display: inline-block; width: 430px}
.evCon4 .select .selectWrap::before {content:''; background: url('https://img.megagong.net/m/2022/1128_army/con4_ico.png') no-repeat; width: 20px; height: 10px; position: absolute; right: 40px; top: 50%; transform: translate(0, -50%)}
.evCon4 .select .selectWrap:first-child {margin: 0 20px 0 0}
.evCon4 .select .selectWrap select {width: 100%;border-radius: 100px;background: #eee;color: #111111;font-size: 20px;font-weight: 700;border: none;padding: 25.5px 0 25.5px 52px;} 
select {-webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand {display:none}
.evCon4 .bnBox {position:relative; margin: 40px -140px}
.evCon4 .bnBox .carouselBox {width: 100%; margin: 0 auto}
.evCon4 .bnBox .carouselBox .slick-list {padding: 0 140px !important}
.evCon4 .bnBox .carouselBox .slick-slide:not(.slick-center) {z-index: 0; -webkit-transform: scaleX(0.489) scaleY(0.486) translateX(144%) translateY(-15%); -moz-transform: scaleX(0.489) scaleY(0.486) translateX(144%) translateY(-15%); transform: scaleX(0.489) scaleY(0.486) translateX(144%) translateY(-15%)}
.evCon4 .bnBox .carouselBox .slick-slide::before {position:absolute; content:''; top:0; left: 0; width: 100%; height: 100%; background:#222; opacity: 0.7; z-index: 2}
.evCon4 .bnBox .carouselBox .slick-active.slick-center::before {display:none } 
.evCon4 .bnBox .carouselBox .slick-active.slick-center+.slick-slide+.slick-slide {z-index: 1}
.evCon4 .bnBox .carouselBox .slick-active.slick-center+.slick-slide,
.evCon4 .bnBox .carouselBox .slick-center+.slick-cloned {z-index: 2; -webkit-transform: scaleX(0.489) scaleY(0.486) translateX(-144%) translateY(-15%); -moz-transform: scaleX(0.489) scaleY(0.486) translateX(-144%) translateY(-15%); transform: scaleX(0.489) scaleY(0.486) translateX(-144%) translateY(-15%)}
.evCon4 .bnBox .carouselBox .slick-slide:not(.slick-center) .slide, .evCon4 .bnBox .carouselBox .slick-active.slick-center+.slick-slide .slide, .evCon4 .bnBox .carouselBox .slick-center+.slick-cloned .slide {width: 100% !important; background: #000}
.evCon4 .bnBox .carouselBox .slick-center {z-index: 3; transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); opacity:1}
.evCon4 .bnBox .carouselBox .slick-slide {position: relative; transition: transform 50ms}
.evCon4 .bnBox .carouselBox .slide {position: relative; width: 880px !important; background: #222222}
.evCon4 .bnBox .carouselBox .slide::before {content:''; background:url('https://img.megagong.net/m/2022/1128_army/play.png') no-repeat; width: 110px; height: 110px; position: absolute; bottom: 78px; left: 100px}
.evCon4 .bnBox .carouselBox .slide img {position: relative; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%}
.evCon4 .bnBox .carouselBox .pc_item {display:block; position: relative;padding-bottom: 56.25%; overflow: hidden; cursor: pointer}
.evCon4 .bnBox .carouselBox .pc_item img {width: 100%}
.evCon4 .bnBox .carouselBox .pc_item .tea {width: 46.8%; position: absolute; right: 30px; bottom: 0}
.evCon4 .bnBox .carouselBox .pc_item .tit .txt {font-size: 18px;color: #959595;border-bottom: 1px solid;padding-bottom: 3.7px;display: inline-block;margin: 0 0 24px;}
.evCon4 .bnBox .carouselBox .pc_item .tit {position: absolute; color: #fff; font-size: 34px; z-index: 1; top: 94px; left: 70px; text-align: left}
.evCon4 .bnBox .carouselBox .pc_item .tit strong {display: block;color: #f0226d;} 
.evCon4 .bnBox .carouselBox .pc_item .tit .tiny_noti{position: absolute;top: 50px;left:0;opacity: 0.15;}
.evCon4 .bnBox .carouselBox .pc_item .name {position: absolute; color: #fff; left: 70px; top: 313px; font-size: 20px; font-weight: 200}
.evCon4 .bnBox .carouselBox .pc_item .name span {position: relative; margin-right: 6px; padding-right: 9px}
.evCon4 .bnBox .carouselBox .pc_item .name span::before {content:''; width: 2px; height: 50%; background: #fff; position: absolute; right: 0; top: 33%}
.evCon4 .bnBox .carouselBox .m_item {display:none}
.evCon4 .bnBox .slick-arrow {position:absolute; display:block; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:2; width: 39px; height: 64px; font-size:0}
.evCon4 .bnBox .slick-arrow.slick-prev {left: 180px; background: url('https://img.megagong.net/m/2022/1128_army/con4_roll_prev.png') no-repeat center}
.evCon4 .bnBox .slick-arrow.slick-next {right: 180px; background: url('https://img.megagong.net/m/2022/1128_army/con4_roll_next.png') no-repeat center}
.evCon4 .bnBox .slick-dots {margin-top: 12px; text-align:center; overflow: hidden}
.evCon4 .bnBox .slick-dots li {background: #cfd5e2; display: inline-block; text-indent: -9999px; width: 12px; height: 12px; border-radius: 100%; margin-right: 10px}
.evCon4 .bnBox .slick-dots li.slick-active {background: #000}
.evCon4 .bnBox .slick-dots li:last-child {margin-right: 0}
.evCon4 .btn {display: inline-block}




.eventWrap .evSection.evCon6 {padding: 160px 0;background: #fbfbfb;overflow: visible;} 
.evCon6 .tab_base {margin: 58px 0 26px}
.evCon6 .tab_base li {float: left;background: #e5e5e5;margin: 0 0 0 0;width:50%;} 
.evCon6 .tab_base li:last-child {margin: 0 0}
.evCon6 .tab_base li a {color: #c1c1c1;font-size: 18px;padding: 21.3px 0;display: block;font-weight: 200;} 
.evCon6 .tab_base li a .mo {display: none}
.evCon6 .tab_base li a strong {display: block;font-size: 23px;color: inherit;} 
.evCon6 .tab_base li.on {background: #111111}
.evCon6 .tab_base li.on a {color: #fff}
.evCon6 .tab_base li.on a strong {color: #bb6dff;} 
.lecture {padding-bottom: 0 !important}
.lecList {background: #fff}
.lecTab_wrap, .teaTab_wrap, .stepTab_wrap{background:#fff}
.lecture .chrarea{background: #f3f3f3}
.lecture .conditionSearch_wrap{display: none}
.lecture .lectlist{margin-top: 20px;background: #fff}
.vodchr_banner {margin-bottom: 0}
.lectlist .lect_item:last-child {border-bottom: 1px solid #ccc}
.lecTab_wrap > div, .teaTab_wrap > div, .stepTab_wrap > div {text-align: left}
.conditionSearch_wrap .condition_btn {display: none;}



.eventWrap .evSection.evCon9{background-color: #252525;padding: 160px 0 160px;background: linear-gradient(150deg, #f6fdde, #f6fb94);}
.evCon9 .con_tit .tiny{color: #555555;font-size: 20px;font-weight: bold;}
.evCon9 .tit_point{color: #fff}
.evCon9 .info_and_gift {position: relative;padding: 60px 0 0;margin: 0 0 140px;}
.evCon9 .info_and_gift > img {position: relative;z-index: 1}
.evCon9 .info_and_gift .container_info {position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;margin: 0 53% 0 17px;padding: 0;/* color: #fff; */font-size: 20px;z-index: 1;background-color: transparent;border-radius: 0;position: relative;text-align: left;}
.evCon9 .info_and_gift .container_info .info {margin-bottom: 20px;margin-right: 0;padding: 0 0 0 25%;position: relative;width: 100%;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.evCon9 .info_and_gift .container_info .info:nth-of-type(2) {align-items: flex-start}
.evCon9 .info_and_gift .container_info .info:last-of-type {margin-bottom: 0}
.evCon9 .info_and_gift .container_info .info .info_title {/* font-weight: normal; */text-align: left;position: absolute;top: 0;left: 0;margin: 0;width: 108px;}
.evCon9 .info_and_gift .container_info .info .info_title::before {width: 4px;height: 4px;/* background-color: #fff; */border-radius: 100%;}
.evCon9 .info_and_gift .container_info .info .info_title::after {/* background: #fff; *//* opacity: 0.3; */right: 0}
.evCon9 .info_and_gift .container_info .info .info_date {text-align: left;/* width: 73%; */width: 100%;font-weight: bold;}
.evCon9 .info_and_gift .container_info .info .noti {color: #878787;margin: 0 0 0 15px;display: inline-block;}
.evCon9 .gift {position: absolute;top: -25px;right: 0;} 

.evCon9 .evt_btn {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;}

.evCon9 .evt_btn a {margin: 0 20px 0}
.evCon9 .review_wrap{position: relative;margin: 0 0 40px;}
.evCon9 .review_wrap h5{position: relative;color: #000;font-size: 20px;margin: 0 0 25px}
.evCon9 .review_wrap h5::before{content:'';display:block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #000;opacity: 0.5;}
.evCon9 .review_wrap h5 span{display: inline-block;position: relative;background: #f6fcb2;padding: 0 40px}
.evCon9 .review_wrap .review_slider{display: none;position: relative;background: #fcfede;padding: 40px 0 40px;}
.evCon9 .review_wrap .review_slider.slick-initialized {display: block;}
.evCon9 .review_wrap .review_slider .item span{display: block;}
.evCon9 .review_wrap .review_slider .item .txt dt{font-size: 22px;font-weight: bold;}
.evCon9 .review_wrap .review_slider .item .txt dd{padding: 3px 0 0;opacity: 0.4;font-weight: bold;}







@media screen and (max-width: 1200px){






    .eventWrap img{width:100%}
    .evSection .con_tit{margin:0 0 5%}
    .evSection .con_tit .tiny{font-size: 2.6vw;padding: 2% 0 0;}
    .evSection .con_tit .tiny.top{padding: 0 0 2%;}
    .evSection .con_tit .point{padding: 0 35%}
    .evSection .con_tit .end{right: 0;width: 32%;top: 0}
    .evSection .bigt{font-size: 4vw;}


    .fix_menu{height:auto}
    .fix_menu ul{width: 100%;}
    .fix_menu li a{font-size: 2.8vw;padding: 4% 0 4% 3%;}
    .fix_menu li i{right: 4%;width: 21%;}


    .eventWrap .evSection.evCon1{padding: 15% 0;}
    .eventWrap .evSection.evCon2{padding: 26% 0 15%;}
    .eventWrap .evSection.evCon2.fixno{padding-top: 15%}
    .eventWrap .evSection.evCon3{padding: 15% 0;}
    .eventWrap .evSection.evCon4{padding: 15% 0;}
    .eventWrap .evSection.evCon5{padding: 15% 0;}
    .eventWrap .evSection.evCon6{padding: 15% 0;}
    .eventWrap .evSection.evCon7{padding: 15% 0;}
    .eventWrap .evSection.evCon8{padding: 15% 0;}
    .eventWrap .evSection.evCon9{padding: 15% 0;background: linear-gradient(-180deg, #f6fdde, #f6fb94);}

    .eventWrap .evSection.evCon1{background-size: auto 105%;padding: 0 0 11%;background-position: 56% 0;}
    .evCon1 h3{padding: 17% 32% 0 12%;}
    .evCon1 h3 i{top: 14vw;right: 0;width: 27%;}
    .evCon1 p{padding: 0 31% 0 7%;margin: 0;}

    .evCon2 .charact_wrap{margin: 0 -4% 0% 0;}
    .evCon2 .charact_wrap::before{display: none}
    .evCon2 .charact_wrap .item{margin: 0;width: 50%;}
    .evCon2 .btn_wrap a{width: 56%;}
    .evCon2 .point{padding: 0 22%;}
    .evCon2 .subj_wrap{margin: 0}
    .evCon2 .subj_wrap .item{margin: 0 1%}


    .evCon3 .review_tit{font-size: 2.6vw;padding: 3% 0;}
    .evCon3 .secont_tit{font-size: 2.7vw;padding: 0 0;margin: 0 0 3%}
    .evCon3 .feature_wrap .item{padding: 5% 4%;}
    .evCon3 .feature_wrap .item img{display:inline-block}
    .evCon3 .feature_wrap .item::before{width: 4.5vw;height: 4.5vw;background-size: 140%;}
    .evCon3 .feature_wrap .item.first::before{display: none;}


    .roll_slide_wrap{padding: 5% 5%;margin: 0 0 10%;}
    .roll_slide_wrap .roll_slide .slick-slide{margin: 0 1vw;padding: 1px 0;}
    .roll_slide_wrap .roll_slide .slick-arrow {width:5%;height:25%;}
    .roll_slide_wrap .roll_slide .slick-prev {left: -5%;}
    .roll_slide_wrap .roll_slide .slick-next {right: -5%;}


    .evCon4 {padding: 13.5% 0}
    .evCon4 .select {margin: 5.5% 0 0}
    .evCon4 .select .selectWrap {width: 48.5%}
    .evCon4 .select .selectWrap:first-child {margin: 0 2% 0 0}
    .evCon4 .bnBox {margin: 4% auto}
    .evCon4 .bnBox .carouselBox .slide {width: 100% !important}
    .evCon4 .bnBox .carouselBox .slick-active.slick-center+.slick-slide, .evCon4 .bnBox .carouselBox .slick-center+.slick-cloned {-webkit-transform: scale(0.6) translateX(-84%); -moz-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%)}
    .evCon4 .bnBox .carouselBox .slick-slide:not(.slick-center) {-webkit-transform: scale(0.6) translateX(84%); -moz-transform: scale(0.6) translateX(84%); transform: scale(0.6) translateX(84%)}
    .evCon4 .bnBox .carouselBox {width: 125%; transform:translateX(-10%); -moz-transform:translateX(-10%); -webkit-transform:translateX(-10%)}
    .evCon4 .bnBox .carouselBox .slick-list {padding: 0 15% !important}
    .evCon4 .bnBox .slick-arrow.slick-prev {left:11%; background-size: 70%}
    .evCon4 .bnBox .slick-arrow.slick-next {right:11%; background-size: 70%}
    .evCon4 .bnBox .carouselBox .pc_item .tit {font-size: 30px;left: 5%;top: 30%;width: 56%;}
    .evCon4 .bnBox .carouselBox .pc_item .tit .txt {font-size: 15px}
    .evCon4 .bnBox .carouselBox .pc_item .tea {right: 3%;width: 40%;}
    .evCon4 .bnBox .carouselBox .slide::before {left: 8%; background-size: 70%; top: 65%}
    .evCon4 .bnBox .carouselBox .pc_item .tit strong {font-size: 37px}
    .evCon4 .bnBox .carouselBox .pc_item .name {font-size: 17px; left: 8%; top: 50%}
    .evCon4 .btn {width: 56%;} 
    .evCon4 .bnBox .carouselBox .pc_item .tit .tiny_noti{
    margin: -20px 0 0;
    top: 0;
    font-size: 11px;
}


    .evCon6 {padding: 16% 0 12.5%}
    .evCon6 .con_tit {margin: 0 0}
    .evCon6 .tab_base {margin: 5% 0 2.5%}
    .evCon6 .tab_base li a {font-size: 2vw;} 
    .evCon6 .tab_base li a strong {font-size: 3vw;} 


    .evCon9 .con_tit .evt{display: block;margin: 0 37%;}
    .evCon9 .tit_point{color: #fff}
    .evCon9 .review_wrap h5{font-size: 2.7vw;margin: 0 0 2%}
    .evCon9 .review_wrap h5 span{padding: 0 3%}
    .evCon9 .review_wrap{margin: 0 0 5%}
    .evCon9 .info_and_gift {padding: 3% 0 0;margin: 0 0 14%;}
    .evCon9 .info_and_gift > img {position: relative;z-index: 1}
    .evCon9 .info_and_gift .container_info {font-size: 2.4vw;margin: 0 30% 0 3%;}
    .evCon9 .info_and_gift .container_info .info {padding: 0 0 0 25%;}
    .evCon9 .info_and_gift .container_info .info .info_title {width: 22%;}
    .evCon9 .review_wrap .review_slider{padding: 2% 0%;}
    .evCon9 .review_wrap .review_slider .item .txt dt{font-size: 2.2vw;}
    .evCon9 .review_wrap .review_slider .item .txt dd{font-size: 13px;}
    .evCon9 .gift {width: 37%;right: 0;top: -14%;} 
    .evCon9 .evt_btn {margin: 3% 5% 0;}
    .evCon9 .evt_btn a {width: 48%;margin: 0 1%;}






}






@media (max-width: 992px){





    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}



    .evCon1 .point + .point {margin: 1% auto 34px}
    .evCon1 .con1_wrap li {margin: 0 18px 0 0}
    .evCon1 .con1_wrap li::before {bottom: 18%}
    .evCon1 .con1_wrap li a {width: 230px; height: 230px}

    .evCon3 .con3_content li {width: 40%}
    .evCon3 .con3_content li:nth-child(2n) {margin-right: 0}
    .evCon3 .con3_content li:nth-child(3) {margin-right: 1%}
    .evCon3 .con3_content li:nth-child(4) {margin-bottom: 2%}

    .roll_slide_wrap .roll_slide .item {padding: 7% 5% 9%;}
    .roll_slide_wrap .roll_slide .item .pf_box .pf_img {width: 45px;}
    .roll_slide_wrap .roll_slide .item .pf_box .pf_t {font-size: 16px;}
    .roll_slide_wrap .roll_slide .item .pf_box .pf_t .date{font-size: 13px;}
    .roll_slide_wrap .roll_slide .item .txt strong{font-size: 16px;height: 50px;}
    .roll_slide_wrap .roll_slide .item .txt {padding-top: 3%;}
    .roll_slide_wrap .roll_slide .item .txt p {font-size: 13px;height: 40px;}

    .evCon4 .bnBox .slick-arrow {width:30px; height:30px}
    .evCon4 .bnBox .carouselBox .pc_item .tit {font-size: 21.5px}
    .evCon4 .bnBox .carouselBox .pc_item .tit strong {font-size: 27px}
    .evCon4 .bnBox .carouselBox .pc_item .name {font-size: 15px}




}

@media (max-width: 768px){




    .fix_menu li a:before{height: 30%;}

    .evCon1 .point span {top: 10px}
    .evCon1 .con1_wrap li {margin: 0 8px 0 0}
    .evCon1 .con1_wrap li a {width: 175px; height: 175px; padding: 40px 0px 0}
    .evCon1 .con1_wrap li a .step {font-size: 15px}
    .evCon1 .con1_wrap li a strong {font-size: 20px; margin: 4px 0}
    .evCon1 .con1_wrap li a .txt {font-size: 13px}


    .roll_slide_wrap .roll_slide {padding:0 25px;}
    .roll_slide_wrap .roll_slide .slick-slide{margin: 0 .1%;}

    .roll_slide_wrap .roll_slide .slick-arrow {width:25px;}
    .roll_slide_wrap .roll_slide .slick-prev {left:-5px;}
    .roll_slide_wrap .roll_slide .slick-next {right:-5px;}

    .evCon4 .select .selectWrap select {font-size: 15px;padding: 15px 0 15px 20px;} 
    .evCon4 .select .selectWrap::before {right: 20px;background-size: 12px;width: 12px;height: 7px;} 
    .evCon4 .bnBox .carouselBox .pc_item .tit {font-size: 17px}
    .evCon4 .bnBox .carouselBox .pc_item .tit .txt {font-size: 13px; margin: 0 0 7px}
    .evCon4 .bnBox .carouselBox .pc_item .tit strong {font-size: 21px}
    .evCon4 .bnBox .carouselBox .pc_item .name {font-size: 13px; top: 51%}
    .evCon4 .bnBox .carouselBox .slide::before {background-size: 50%}

    .evCon6 .tab_base li a {font-size: 13px; padding: 10px 0}
    .evCon6 .tab_base li a .mo {display: block}
    .evCon6 .tab_base li a strong {font-size: 16px}




}

@media (max-width: 576px){




    .dim_popup.sns{width:90%}

    .evSection .bigt{font-size: 4.2vw;}
    .evSection .con_tit .tiny{font-size: 3.4vw;font-weight: normal}



    .evCon1 h3{padding: 21% 29% 0 11%;}
    .evCon1 h3 i{top: 11vw;right: 0;width: 31%;}
    .evCon1 p{padding: 0% 22% 0 4%;margin: 0;}
    .evCon2 .charact_wrap .item{margin: 0 -2%;width: 50%;}
    .evCon2 .subj_wrap .item{overflow: hidden;}
    .evCon2 .subj_wrap .item img{max-width: 130%;width: 120%;margin: 0 0 0 -10%;}
    .fix_menu li a{font-size: 3.7vw;padding: 4% 0 4% 5%;}
    .fix_menu li a br{display: block;} 
    .fix_menu li i{width: 30%;right: 3%;bottom: 10%;}

    .eventWrap .evSection.evCon2{padding: 35% 0 15%}
    .eventWrap .evSection.evCon2.fixno{padding-top: 15%}


    .evCon2 .btn_wrap a{width: 70%;}
    .evCon2 .point{padding: 0 14%}

    .evCon3 .feature_wrap{margin: 0 15%;}
    .evCon3 .feature_wrap .item::before{display: none;}
    .evCon3 .feature_wrap .slick-dots{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;padding: 10px 0 0}
    .evCon3 .feature_wrap .slick-dots li{font-size: 0;margin: 0 5px}
    .evCon3 .feature_wrap .slick-dots li button{display:block;width:10px;height:10px;border-radius:100%;background:#000;font-size:0;opacity:0.3}
    .evCon3 .feature_wrap .slick-dots li.slick-active button{opacity:1}
    .evCon3 .review_tit{font-size: 3.4vw}
    .evCon3 .secont_tit{font-size: 3.6vw}
    .evCon3 .con_tit .txt {font-size: 13px}


    .roll_slide_wrap .roll_slide .item .pf_box .pf_t {font-size: 13px}
    .roll_slide_wrap .roll_slide .item .pf_box .pf_t .date{font-size: 12px}
    .roll_slide_wrap .roll_slide .item .txt strong{font-size: 13px;height: 40px}
    .roll_slide_wrap .roll_slide .item .txt p {font-size: 11px;font-weight: 200;height: 33px}

    .evCon4 .select .selectWrap select{font-size: 13px;padding: 10px 0 10px 15px;border: 1px solid #ddd}
    .evCon4 .bnBox .carouselBox .pc_item .tit {font-size: 12px;width: 65%;}
    .evCon4 .bnBox .carouselBox .pc_item .tit .txt {font-size: 12px;margin: 0 0 5px;padding-bottom: 2px}
    .evCon4 .bnBox .carouselBox .pc_item .tit strong {font-size: 16px}
    .evCon4 .bnBox .carouselBox .pc_item .name {top: 51%}
    .evCon4 .btn {width: 79%;} 


    .evCon4 .bnBox .carouselBox .pc_item .tit strong {font-size: 14px}
    .evCon4 .bnBox .carouselBox .pc_item .name {top: 53%}
    .evCon4 .bnBox .carouselBox .slide::before {background-size: 40%; top: 70%}
.evCon4 .bnBox .carouselBox .pc_item .tit .tiny_noti{
    font-size: 10px;
    margin: -31px;
    left: 16%;
}
    .evCon4 .bnBox .carouselBox .pc_item .tea{
    width: 35%;
}
    
    .evCon6 .tab_base li a {font-size: 3vw}
    .evCon6 .tab_base li a strong {font-size: 4vw}



    .evCon9 .review_wrap h5 span{background: #f5fba6;}
    .evCon9 .info_and_gift {padding: 0;}
    .evCon9 .info_and_gift > img {position: relative;z-index: 1}
    .evCon9 .info_and_gift .container_info {margin-left: 6%;font-size: 3.6vw;margin: 0 0 8% 6%;}
    .evCon9 .info_and_gift .container_info .info {padding: 0 0 0 24%;margin: 0 0 7px;}
    .evCon9 .gift {position: relative;top: inherit;right: inherit;width: 100%;padding: 0 12% 0 15%;margin: 0 0 5%;} 

    .evCon9 .evt_btn {margin: 0;}

    .evCon9 .evt_btn a {overflow: hidden;border-radius: 5px}
    .evCon9 .evt_btn a img{max-width: 200%;width: 130%;margin: 0 0 0 -15%;}
    .evCon9 .review_wrap h5{font-size: 3.6vw;}
    .evCon9 .review_wrap .review_slider{padding: 4% 0%;}
    .evCon9 .review_wrap .review_slider .item .txt dt{font-size: 14px;}
    .evCon9 .review_wrap .review_slider .item .txt dd{font-size: 12px;}

    .warningList > li.w_tit{font-size:15px}



}



/* E: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */

.warningList li ul li a.tp1{background-color:#000; color:#fff;}