@charset "euc-kr"; :root { --point-color1:#F95B33; --point-color2:#834715; --point-color3:#D35F00; --point-color4:#BE5600; --pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff); --swiper-navigation-size:25px; --swiper-navigation-color:#000; --swiper-theme-color:#000; } .eventWrap .con_tit .end::after{background: #000;}/* 이벤트종료 아이콘 색상변경 */ .eventWrap .tiny_noti{padding:10px 0 0} .eventWrap .tiny_noti.right{text-align: right;opacity: 0.5;} .eventWrap .evSection{padding: 150px 0;} .evSection.evtoggleWarning{padding: 0 !important;} .evSection .line_tit.large i{opacity:0} .evSection .line_tit.circle.large span{padding: 15px 125px;} .evSection .fw-300{font-weight: 300;} .evSection .fw-400{font-weight: 400;} .evSection .fw-bold{font-weight: bold;} .evSection .color-highlight{color: var(--point-color1);} .evSection .color-highlight2{color: var(--point-color2);} .evSection .color-highlight3{color: var(--point-color3);} .evSection .color-highlight4{color: var(--point-color4);} .evSection .mini_tit i{display: block;margin: 0 0 30px;} .evSection .mini_tit i img{width: auto !important;} .evSection .con_tit {margin: 0 0 40px;} .evSection .mini_tit + .con_tit {margin: 13px 0 70px;} .sliderWrap{position: relative;} .sliderWrap .slick-slider{display: none;} .sliderWrap .slick-slider.slick-initialized{display: block;} .sliderWrap .slick-slide img{display: inline-block;} .sliderWrap .sliderArrow a{position: absolute; top: 50%;transform: translate(0, calc(-50%)); left: -1.5%;} .sliderWrap .sliderArrow a + a{transform: rotate(180deg) translate(0, calc(50%));left: auto;right: -1.5%;} .sliderWrap .slick-dots{margin-top: 20px;display: flex;justify-content: center;align-items: center;} .sliderWrap .slick-dots li{background: #555;transition: all .1s;cursor: pointer;width: 12px;height: 12px;border-radius: 50%;margin-right: .5%;} .sliderWrap .slick-dots li.slick-active{background: #000;} .sliderWrap .slick-dots li button{font-size:0;} .sliderWrap .slick-dots li:last-child{margin-right: 0} .sliderWrap .slick-list{margin-left: 0vw;} /*edit margin*/ .sliderWrap .slick-slide{margin-right: 0vw;} .sliderWrap.progressBar .slick-dots .slick-dots{margin: 20px auto 0;} .sliderWrap.progressBar .slick-dots li{height: 10px;border-radius: 0;margin: 0;flex: 1;} .sliderWrap.progressBar .slick-dots li.slick-active{background: #555;} /* S: swiper template */ .eventWrap .swiper_basic1_wrap {position: relative;} .eventWrap .swiper-initialized {position: relative;overflow: hidden} .eventWrap .swiper-slide img{width: auto;} .eventWrap .swiper-pagination{position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 1rem;} .eventWrap .swiper-pagination-bullet{background: #b7b7b7;opacity: 1;width: 12px;height: 12px;} .eventWrap .swiper-pagination-bullet-active{background: #000;} .eventWrap .swiper-button-next, .eventWrap .swiper-button-prev{top: 50%;transform: translateY(-50%);left: auto;right: auto;margin: 0 auto;z-index: 2;width: auto;height: auto;} .eventWrap .swiper-button-next:after, .eventWrap .swiper-button-prev::after{background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;} .eventWrap .swiper-button-next{right: 0;transform: translateY(-50%) rotate(180deg);} .eventWrap .swiper-button-next:after{transform: rotate(180deg);} .eventWrap .type1-prev, .eventWrap .type1-next{color: #fff;} .eventWrap .type1-prev:after, .eventWrap .type1-next::after{font-size: 50px;} .eventWrap .type2-next:after, .eventWrap .type2-prev::after{font-size: 0;} .eventWrap .type2-prev{left: -1rem;} .eventWrap .type2-next{right: -1rem;} .eventWrap .evCon_swiper_destroy .swiper-slide {display: flex;flex: 1 1 auto;justify-content: center;} .eventWrap .evCon_swiper_destroy .swiper-pagination {display: none;} .eventWrap .evCon_swiper_destroy .swiper-scrollbar{display: none;} .evSection .con_tit {font-weight: normal;} .evSection .con_tit b{display: block;margin: 10px 0 0;} .evSection.evCon1 {text-align: center;background: #fdf2c5 url(https://img.megagong.net/m/2025/0509_korean/con_img1.png) center 0 no-repeat;padding: 65px 0 85px;} .evCon1 h3 {margin: 0 0 15px;} .evCon1 p {display: flex;flex-direction: column;align-items: center;margin: 0 0 320px;} .evCon1 h3+p {display: inline-flex;align-items: center;margin: 0 0 325px;background: #fff;padding: 15px 80px;border-radius: 40px;margin: 0;font-weight: bold;} .evCon1 strong {display: block;margin: 0 0 15px;} .evSection.evCon2 {text-align: center;} .evCon2 .con_box p{text-align: center;line-height: 1.6;margin: 0 0 40px;} .evCon2 .con_box p b{font-weight: bold;} .evCon2 .charact_wrap{display: flex;justify-content: center;align-items: flex-end;} .evCon2 .charact_wrap .arrow{position: relative;color: #fff;display: flex;justify-content: center;align-items: center;background: url(https://img.megagong.net/m/2025/0509_korean/con_img6.png) center 0 no-repeat;width: 262px;height: 234px;margin: 0 20px 250px 0;} .evSection.evCon3 {background: #FAFAFA;padding-bottom: 100px;} .evCon3 .graph_wrap{display: flex;padding: 70px 35px;gap: 60px;border-radius: 20px;background: #FFF;box-shadow: 8px 13px 20px 0px rgba(0, 0, 0, 0.09);flex-direction: column;flex-wrap: wrap;align-items: center;} .evCon3 .graph_wrap .line_tit{margin: 0;} .evCon3 .graph_wrap .line_tit.circle span{padding: 0;} .evCon3 .graph_wrap .evCon_swiper_destroy{width: 100%;} .evCon3 .test_wrap{display: flex;flex-direction: column;gap: 20px;margin: 100px 0 0;} .evCon3 .test_wrap li{position: relative;border-radius: 20px;background: #FFF0D9;display: flex;padding: 90px 0px 90px 320px;align-self: stretch;align-items: flex-start;flex-direction: column;text-align: left;gap: 20px;justify-content: center;} .evCon3 .test_wrap li i{position: absolute;left: 110px;} .evCon3 .test_wrap li strong{display: block;color: #111;text-align: center;font-weight: 900;} .evCon3 .test_wrap li span{display: block;color: #817A69;font-weight: 700;line-height: 28px; /* 155.556% */} .evCon3 .test_wrap li span b{font-weight: bold;} .evSection.evCon4 {background: #fafafa;padding-top: 0 !important;} .evCon4 .tab_base {display: flex;justify-content: center;align-items: center;margin: 0;gap: 1px;} .evCon4 .tab_base li {flex: 1} .evCon4 .tab_base li a {display: block;width: 100%;background: #EAEAEA;color: #8a8a8a;padding: 23px 0;font-weight: normal;} .evCon4 .tab_base li.on a {background: var(--point-color1);color: #fff} .evCon4 .tab_base li a strong{display: block;} .evCon4 .panel_base{display: block;background: #FFF;box-shadow: 8px 13px 20px 0px rgba(0, 0, 0, 0.09);} .evCon4 .panel_base > li{padding: 55px 50px;height: 640px;} .evCon4 .paper_wrap{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;text-align: left;gap: 40px;} .evCon4 .point{padding: 0 0 20px;} .evCon4 .tit{display: inline-flex;padding: 9px 40px;justify-content: center;align-items: center;gap: 10px;border-radius: 500px;background: #FFFADA;font-weight: bold;margin: 0 0 25px;} .evCon4 .tit + .info{color: #555;margin: 0 0 0 10px;font-weight: 400;line-height: 26px; /* 162.5% */} .evCon4 .info + .tit{margin-top: 40px;} .evCon4 .tit + .info b{color: #000;font-weight: bold;} .evSection.evCon5 {text-align: center;background: #fff0d9 url(https://img.megagong.net/m/2025/0509_korean/con_img13.png) center 0 no-repeat;} .evCon5 .con_box p{margin: -50px 0 40px;} .evCon5 .evCon_swiper_destroy{margin: 0 -38px -20px -24px;} .evCon5 .evCon_swiper_destroy .item{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center;} .evCon5 .evCon_swiper_destroy .item strong{display: flex;background: #c9c9c9;border-radius: 100%;aspect-ratio: 1/1;width: 110px;justify-content: center;align-items: center;} .evCon5 .evCon_swiper_destroy .item span{display: block;text-align: left;} .evCon6 .con_box > p {opacity: 0.6;font-weight: 400;margin: -20px 0 60px;} .evCon6 .evCon_swiper_destroy .swiper-wrapper {flex-direction: column;gap: 20px;} .evCon6 .evCon_swiper_destroy .swiper-slide{flex: 1 0 100%;} .evCon6 .evCon_swiper_destroy .item{display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;border-radius: 20px;background: #FFF;box-shadow: 8px 3px 20px 0px rgba(0, 0, 0, 0.09);padding: 0;align-items: center;align-self: stretch;overflow: hidden;} .evCon6 .evCon_swiper_destroy .item .img_wrap{display: flex;justify-content: center;align-items: center;} .evCon6 .evCon_swiper_destroy .item .info{display: block;text-align: left;font-weight: 400;margin: 0 0 0 70px;color: #555;} .evCon6 .evCon_swiper_destroy .item .info b{display: block;color: #000;margin: 0 0 20px;} .evSection.evCon7 {background: #fff0d9 url(https://img.megagong.net/m/2025/0509_korean/con_img17.png) center 0 no-repeat;text-align: left;} .evCon7 .point{font-weight: 900;margin: 0 0 20px -60px;line-height: 1.4;} .evCon7 .point strong{color: var(--point-color1);display: block;margin: 0 0 15px;} .evCon7 .info{color: #555;line-height: 1.5;margin: 0 0 0 -60px;} .evCon7 .info img{display: block;margin: 0 0 35px;} .evCon8 {background: #FFF0D9;} .evCon8 .con_tit strong > span {font-weight: 400;} .evCon8 .tec_wrap {display: flex; align-items: stretch; justify-content: center; gap: 40px;} .evCon8 .tec_wrap li {width: calc(50% - 20px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap:30px;} .evCon8 .eventVideo.video_renewal {width: 100%;} .evCon8 .tec_wrap .btn_wrap {display: flex; align-items: center; justify-content: center; gap:12px;} .evCon8 .btn-base a {width: 254px; height:55px; display: flex; align-items:center; justify-content: center; border-radius: 3px; color:#fff;} .evCon8 .btn-base.orange a {background-color: var(--point-color1);} .evSection.event.event1 {background: linear-gradient(180deg, #FFFEFA 0%, #FFECCE 100%), linear-gradient(270deg, #29F19E 0%, #03A3F8 100%);} .event.event1 .badge-base.c-blue{background: var(--point-color1);} .event.event1 .con_tit .evt_mark{background: var(--point-color1);} .event.event1 .con_tit .evt_mark::after{border-top-color:var(--point-color1);} .event.event1 .con_tit + .mini_tit {opacity: 0.8;margin-top: -20px;} .event.event1 .container_info .info .noti{color: #000;} .event.event1 .gift_list_wrap li .badge{background-color: var(--point-color1);color: #fff;} .event.event1 .gallery_base_wrap{margin: 60px 0 0;} .grl_textBox{width: 100%;height: 100px;} .comment_base_wrap{margin: 40px 0 0;} .regist_form_area{background: var(--point-color1);} .warningList li ul li a{color:var(--point-color1);} /*[s]:커리큘럼 한눈에 보기 팝업*/ .eventWrap .layerPopup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;} .eventWrap .layerPopup .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.7;} .eventWrap .layerPopup .contentBox {position: absolute;width: 960px;letter-spacing: -0.08em;line-height: 1.3;background: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);} .eventWrap .layerPopup .pop_box {padding: 20px 20px 0;position: relative;max-height: 800px;overflow: hidden;overflow-y: auto;} .eventWrap .layerPopup .btnClose {position: absolute;bottom: -30px;right: 0;background: #000;padding: 3px;width: 30px;height: 30px;box-sizing: border-box;} .eventWrap .layerPopup .btnClose {position: absolute;top: 0;right: -48px;display: block;font-size: 0;line-height: 0;width: 35px;height: 35px;background: url('https://img.megagong.net/m/2022/0602_curr/certifi_clo.png') center center no-repeat;} .eventWrap .layerPopup .btnToday {position: absolute;bottom: -30px;right: 32px;padding: 0 15px;height: 30px;line-height: 30px;background: #000;color: #fff;font-weight: bold;} .eventWrap .layerPopup .tab_btn {display: none;} .char_zone {display: none;} .teaCurr .curr_tit{margin: 0 0 30px;} .teaCurr .tbl_wrp {margin-bottom: 20px;} .teaCurr .tiny_txt{display: none;} .eventWrap .layerPopup .curr_tab li {background: #ededed;width: 50%;float: left;font-size: 18px;color: #444;} .eventWrap .layerPopup .curr_tab li.on {background: #df5a60;font-weight: bold;color: #fff;} .eventWrap .layerPopup .tab_btn {margin-bottom: 40px;} .eventWrap .layerPopup .tab_btn::after {content: '';display: block;clear: both;} .eventWrap .layerPopup .tab_btn li {background: #ededed;width: 50%;float: left;font-size: 18px;color: #444;} .eventWrap .layerPopup .tab_btn li a {display: block;padding: 20px 0;} .eventWrap .layerPopup .tab_btn li.on {background: #df5a60;font-weight: bold;color: #fff;} /*[e]:커리큘럼 한눈에 보기 팝업*/ @media screen and (max-width: 1200px){ .evSection .mini_tit i{width: clamp(20px, 3.5vmin , 30px);margin: 0 auto 10px;} .eventWrap .evSection{padding: 15% 0;} .eventWrap img{width:100%} .evSection .con_tit{margin: 0 0 5%;} .evSection .mini_tit + .con_tit{margin: 0 0 5%;} .sliderWrap .sliderArrow a {max-width:6%} .sliderWrap .slick-slide img{width: 100%;} .evSection.evCon1{padding: 6% 0 10%;background-size: cover;} .evCon1 p{margin: 0 0 40%;} .evCon1 h3{margin: 0 0 6%;} .evCon1 h3+p{padding: 2% 8%;} .evCon2 .con_box p{margin: 0 0 5%;} .evCon2 .charact_wrap .arrow{background-size: 100% 100%;width: 24vw;height: 22vw;margin: 0 0 24%;} .evCon3 .test_wrap{gap: 1vw;margin: 5% 0 0;} .evCon3 .test_wrap li{border-radius: 10px;gap: 10px;padding: 30px 10px;text-align: center;align-items: center;} .evCon3 .test_wrap li i{width: 59px;position: relative;left: unset;display: none;} .evCon3 .test_wrap li strong{display: block;color: #111;text-align: center;font-weight: 900;} .evCon3 .test_wrap li span{ /* 155.556% */line-height: 1.3;} .evCon3 .test_wrap li span b{font-weight: bold;} .evCon4 .tab_base li a {padding: 15px 0;} .evCon4 .tab_base li a strong{display: block;} .evCon4 .panel_base > li{padding: 5% 3%;height: auto;} .evCon4 .paper_wrap{gap: 2vw;flex-direction: column;text-align: center;} .evCon5 .con_box p{margin: -3% 0 5%;} .evCon5 .evCon_swiper_destroy{margin:0} .evCon6 .con_box > p{margin: 0% 0 6%;} .evCon6 .evCon_swiper_destroy .item{border-radius: 10px;} .evCon6 .evCon_swiper_destroy .item .img_wrap{width: 42%;} .evCon6 .evCon_swiper_destroy .item .info{margin: 0 0 0 3%;} .evCon6 .evCon_swiper_destroy .item .info b{margin: 0 0 2%;} .evSection.evCon7{background-size: cover;} .evCon7 .point{margin: 0 0 4%;} .evCon7 .info{margin: 0;} .evCon7 .info img{margin: 0 0 3%;width: 40%;max-width: 270px;} /*[s]:커리큘럼 한눈에 보기 팝업*/ .eventWrap .layerPopup .contentBox {width: 90%;} .eventWrap .layerPopup .btnClose {top: -28px;right: 0px;width: 20px;height: 20px;} .eventWrap .layerPopup .tab_btn,.eventWrap .layerPopup .curr_tab {margin-bottom: 2%;} /*[e]:커리큘럼 한눈에 보기 팝업*/ } @media screen and (max-width: 992px){ } @media screen and (max-width: 768px){ .eventWrap .evCon_swiper_destroy {position: relative; overflow: hidden;} .eventWrap .evCon_swiper_destroy .swiper-pagination {display: block;} .evCon3 .graph_wrap{padding: 6%;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;align-self: auto;gap: 20px;} .evCon3 .evCon_swiper_destroy .swiper-slide{flex: 1 0 auto;} .evCon4 .paper_wrap{gap: 3vw;} .evCon4 .point{text-align: center;display: flex;flex-direction: column;align-items: center;width: 100%;} .evCon4 .tit + .info{line-height: 1.6;} .evCon4 .tit{margin: 0 0 5%;} .evCon4 .info + .tit{margin-top: 6%;} .evCon5 .evCon_swiper_destroy .swiper-scrollbar {position: relative;margin-top: 15px;left: auto;top: auto;height: 8px;width: 100%;z-index: 1;display: block;} .evCon5 .evCon_swiper_destroy .swiper-scrollbar .swiper-scrollbar-drag {background: var(--point-color1)} .evCon5 .evCon_swiper_destroy .swiper-slide{flex: 1 0 auto;} .evCon6 .evCon_swiper_destroy .swiper-slide{flex: 1 0 auto;} .evCon6 .evCon_swiper_destroy .swiper-wrapper {flex-direction: row;gap: 0;} .evCon6 .evCon_swiper_destroy .item{flex-direction: column;padding: 0 0 20px;text-align:center;box-shadow:none;border:1px solid #ddd} .evCon6 .evCon_swiper_destroy .item .img_wrap{width: 100%;margin: 0 0 20px;} .evCon6 .evCon_swiper_destroy .item .img_wrap img{width:100%} .evCon6 .evCon_swiper_destroy .item .info{margin: 0 0 0 3%;text-align:center} .evCon6 .evCon_swiper_destroy .item .info b{margin: 0 0 2%;} .evCon8 .tec_wrap {flex-direction: column;} .evCon8 .tec_wrap li {width: 100%;} .evCon8 .tec_wrap .btn_wrap {width: 100%;} .evCon8 .btn-base {width: calc(50% - 6px);} .evCon8 .btn-base a {width: 100%;} /*[s]:커리큘럼 한눈에 보기 팝업*/ .eventWrap .layerPopup .teaCurr {height: 80vw;overflow: auto;} .eventWrap .layerPopup .contentBox .pop_box {padding: 10px;} .eventWrap .layerPopup .tab_btn li a,.curr_tab li a {display: block;padding: 10px 0;font-size: 16px;} /*[e]:커리큘럼 한눈에 보기 팝업*/ } @media screen and (max-width: 576px){ .sliderWrap{margin: 0 7%;} .sliderWrap .sliderArrow a {max-width:10%} .sliderWrap .slick-dots{margin-top: 10px;} .sliderWrap .slick-dots li{width: 10px;height: 10px;margin-right: 1.5%;} .eventWrap .type1-prev:after, .eventWrap .type1-next::after{font-size: 40px;} .eventWrap .type2-prev, .eventWrap .type2-next{width: 3rem;} .evCon2 .charact_wrap{flex-direction: column;max-width: 70%;margin: 0 auto;gap: 10px;} .evCon2 .charact_wrap .arrow{width: 28vw;height: 42vw;margin: auto;transform: rotate(90deg);} .evCon2 .charact_wrap .arrow span{transform: rotate(-90deg);} .evCon5 .evCon_swiper_destroy{margin: 0 10%;} .evCon5 .evCon_swiper_destroy .swiper-slide{padding: 0 0 0 6%;} /*[s]:커리큘럼 한눈에 보기 팝업*/ .eventWrap .layerPopup .teaCurr {height: 100vw;} .eventWrap .layerPopup .contentBox {width: 98%;} /*[e]:커리큘럼 한눈에 보기 팝업*/ }