@charset "euc-kr"; 



:root { --point-color1:#ff5a00; --point-color2:#ff7e00; } 

.eventWrap .lecture { padding-bottom: 0 !important; background: #fff; } 
.eventWrap .vodchr_banner { margin-bottom: 0; } 
.eventWrap .pocket_pop { z-index: 4; } 
.con_tit .end::after { background: #3b689c; } 
.con_tit { font-size: 44px; line-height: 1.2; } 
.con_txt { font-size: 20px; margin-top: 20px; } 
.sub_tit { position: relative; } 
.sub_tit::before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; } 
.sub_tit span { color: #fff; font-size: 22px; font-weight: 700; border-radius: 100px; padding: 3.5px 47px; display: inline-block; position: relative; } 
.point { color: var(--point-color1); } 


.tab_wrapper { position: relative; z-index: 100; } 
.tab_wrapper.on { padding-top:100px; } 
.tab_wrapper .tab_base { background-color: #000; } 
.tab_wrapper .tab_base.on { position: fixed; top: 0; left: 0; width: 100%; } 
.tab_wrapper .tab_base ul { display: flex; } 
.tab_wrapper .tab_base ul li { width: 50%; } 
.tab_wrapper .tab_base ul li a { color: #999999; font-size: 20px; display: block; width: 100%; padding: 22.3px 0; } 
.tab_wrapper .tab_base ul li a .tiny { display: block; font-size: 18px; font-weight: 200; margin-bottom: 10px; } 
.tab_wrapper .tab_base ul li.on { background: #fff; } 
.tab_wrapper .tab_base ul li.on a { color: #000; font-weight: 700; } 


.main { background: #2375ff url('https://image.megagong.net/m/2024/0214_wjsgywls1/visual_bg.jpg') no-repeat; } 
.main ul { display: flex; justify-content: space-between; margin: 35px 0 30px; } 
.main ul li { color: #fff; font-size: 32px; font-weight: 200; } 
.main ul li .tiny { color: #d7ecff; font-size: 24px; letter-spacing: 0.07em; } 
.main ul li strong { font-weight: 900; } 
.main h3 { position: relative; margin-right: -1%; } 
.main h3 .home { position: absolute; display: block; left: 50%; bottom: 5%; transform: translate(-56%, 0); } 
.main h3 .tag { position: absolute; top: 38%; right: -7%; width: 178px; height: 178px; border-radius: 100%; background: linear-gradient(to right, #ffa036, #ff6d0e); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; font-size: 15px; } 
.main h3 .tag strong { width: 100%; color: #fff; font-size: 19px; } 


.evCon1 { padding: 95px 0 150px; } 
.evCon1 .con_txt + .sub_tit { margin: 55px 0 45px; } 


.evCon1 .sub_tit::before { background: #111111; } 
.evCon1 .sub_tit span { background: #000; } 
.evCon1 .sub_tit span i { font-style: normal; color: var(--point-color2); } 


.evCon1 .con2 { border: 1px solid var(--point-color2); box-shadow: 0 0 12px 0px rgba(0,0,0,10%); border-radius: 10px; padding: 40px 0; } 
.evCon1 .con2 ul { display: inline-block; } 
.evCon1 .con2 ul li { text-align: left; font-size: 18px; position: relative; padding-left: 38px; } 
.evCon1 .con2 ul li + li { margin-top: 8px; } 
.evCon1 .con2 ul li::before { content:''; background: url('https://image.megagong.net/m/2024/0214_wjsgywls1/con1_ico.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.evCon1 .con2 + .sub_tit { margin: 100px 0 60px; } 
.evCon1 .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.evCon1 .step_wrapper .step { background-color: #fff; border-radius: 100%; height: 200px; width: 200px; box-sizing: border-box; } 
.evCon1 .step_wrapper .step:nth-of-type(1) { background: #ffdcaa; } 
.evCon1 .step_wrapper .step:nth-of-type(2) { background: #ffc879; } 
.evCon1 .step_wrapper .step:nth-of-type(3) { background: #ffb244; } 
.evCon1 .step_wrapper .step:nth-of-type(4) { background: #ff9600; } 
.evCon1 .step_wrapper .step:nth-of-type(5) { background: var(--point-color2); } 
.evCon1 .step_wrapper .step span { display: inline-block; margin: 56px 0 10px; padding: 0.2px 13.5px; color: var(--point-color2); font-size: 14px; font-weight: bold; border-radius: 100px; background: #fff; font-weight: 900; } 
.evCon1 .step_wrapper .step p { color: #000000; font-size: 16px; } 
.evCon1 .step_wrapper .arrow { margin: 0 -10px; z-index: 1; } 


.evCon2 { background: #f5f5f5; padding: 140px 0 120px; } 
.evCon2 .sub_tit { margin: 55px 0; } 
.evCon2 .sub_tit::before { background: var(--point-color1); } 
.evCon2 .sub_tit span { background: var(--point-color1); } 
.evCon2 .con2_roll { overflow: hidden; position: relative; } 
.evCon2 .con2_roll .swiper-wrapper { justify-content: center; } 
.evCon2 .con2_roll .swiper-slide { width: 338px; } 


.evCon3 { padding: 145px 0; } 
.evCon3 .con_txt { margin-bottom: 55px; } 
.evCon3 .roll_wrap { position: relative; margin: 0 -9px; } 
.evCon3 .roll_wrap .con3_roll .fraction { color: #111111; border: 1px solid; margin: 0 auto; font-weight: 200; border-radius: 100px; width: 90px; padding: 3px 0; margin-top: 9px; } 
.evCon3 .roll_wrap .con3_roll .fraction .swiper-pagination-current { font-weight: 700; } 
.evCon3 .roll_wrap .swiper-button-prev { left: -75px; } 
.evCon3 .roll_wrap .swiper-button-next { right: -75px; } 
.evCon3 .roll_wrap .swiper-button-next:after, .evCon3 .swiper-button-prev::after { display:none; } 


.evCon4 { background: #ff850d url('https://image.megagong.net/m/2024/0214_wjsgywls1/con4_bg.jpg') no-repeat; padding: 140px 0 150px; } 
.evCon4 .con_tit { color: #fff; } 
.evCon4 .content { background: #fff; border-radius: 10px; margin: 50px 0 40px; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 66px 60px; font-weight: 700; } 
.evCon4 .content .tag { position: absolute; width: 120px; height: 120px; background: #000; border-radius: 100%; color: #fff; font-size: 16px; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; line-height: 1.2; gap: 4.5px; font-weight: 700; right: 20px; top: -60px; } 
.evCon4 .content .tag span { color: var(--point-color2); width: 100%; } 
.evCon4 .content .txt_wrap { text-align: left; } 
.evCon4 .content .txt_wrap .txt1 { font-size: 28px; } 
.evCon4 .content .txt_wrap .txt2 { font-size: 38px; color: #0888ff; } 
.evCon4 .content .txt_wrap .txt3 { font-size: 18px; color: #999999; font-weight: normal; } 
.evCon4 .content .price { text-align: right; line-height: 1.35; } 
.evCon4 .content .price .before { color: #bbbbbb; font-size: 28px; position: relative; display: inline-block; } 
.evCon4 .content .price .before::before { content:''; background: #bbb; height: 2px; width: 100%; position: absolute; left: 0; top: 56%; } 
.evCon4 .content .price .after { font-size: 38px; } 


.evCon5 { background: #f5f5f5; padding: 140px 0 150px; position: relative; z-index: 1; } 
.evCon5 .tea { position: absolute; z-index: -1; left: -435px; top: -95px; } 
.evCon5 .con5_roll { margin: 56px 0 60px 65px; } 
.evCon5 .con5_roll .swiper-slide { width: 349px; text-align: left; } 
.evCon5 .con5_roll .swiper-slide .btn { display: inline-block; color: #fff; background: #000; width: 300px; line-height: 55px; border-radius: 5px; text-align: center; margin: 23px 0 0 -23px; font-size: 18px; } 
.evCon5 .content { background: #fff; border: 1px solid var(--point-color2); border-radius: 10px; padding: 40px 0; } 
.evCon5 .content div { display: inline-block; } 
.evCon5 .content ul + ul { margin-top: 25px; } 
.evCon5 .content ul .tit { font-size: 18px; color: var(--point-color1); font-weight: 700; position: relative; padding-left: 35px; margin-bottom: 10px; } 
.evCon5 .content ul .tit::before { content:''; background:url('https://image.megagong.net/m/2024/0214_wjsgywls1/con1_ico.png') no-repeat; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.evCon5 .content ul li { text-align: left; font-size: 16px; } 


.evCon6 { padding: 140px 0; } 
.evCon6 .con_tit { margin-bottom: 50px; } 
.evCon6 h5 { text-align: left; position: relative; padding-left: 16px; font-size: 21px; margin: 0 0 10px; } 
.evCon6 h5::before { content: ''; display: block; height: 65%; width: 4px; position: absolute; left: 0; top: 50%; background: #333333; transform: translateY(-50%); } 
.evCon6 .tbl { margin-bottom: 100px; } 
.evCon6 .tbl th, .evCon6 .tbl td { font-size: 16px; padding: 9px 5px; } 
.evCon6 .tbl td { font-weight: 200; } 
.evCon6 .tbl td i { display: inline-block; } 
.evCon6 .tbl td i + span { display: inline-block; vertical-align: middle; } 
.evCon6 .content div { margin: 0 -12px; } 


.evCon7 { background: #0d2d53; padding: 150px 0; } 
.evCon7 .inner { width:1000px; } 
.evCon7 .con_tit { padding: 0 5%; } 
.evCon7 .con_txt { color: #c6ddff; } 
.evCon7 .schedule { background: #fff; border-radius: 40px; padding: 15px 0; position: relative; font-weight: 700; margin: 55px 0 65px; } 
.evCon7 .schedule dl { font-size: 22px; display: inline-block; } 
.evCon7 .schedule dl:first-child { margin-right: 20px; } 
.evCon7 .schedule dl dt { margin-right: 13px; padding-right: 14px; display: inline-block; position: relative; } 
.evCon7 .schedule dl dt::after { content:''; display: block; width: 2px; height: 45%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #000; } 
.evCon7 .schedule dl dd { display: inline-block; } 
.evCon7 .schedule dl dd .tiny_txt { color: #999999; font-size: 13px; display: inline-block; margin: 0 0 0 6px; font-weight: 200; } 
.evCon7 .way { background: #1f4674; border-radius: 10px; position: relative; padding: 55px 0 40px; font-size: 18px; line-height: 1.55; } 
.evCon7 .way .tit { background: #fff; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); font-size: 22px; width: 185px; line-height: 56px; border-radius: 100px; font-weight: 700; } 
.evCon7 .way .txt1 { font-size: 20px; color: #fff; font-weight: 700; } 
.evCon7 .way .txt2 { color: #ffea00; font-weight: 700; margin: 20px 0 8px; } 
.evCon7 .way .txt3 { color: #c6ddff; font-weight: 200; } 
.evCon7 .sub_tit { margin: 100px 0 60px; } 
.evCon7 .sub_tit::before { background: #000; } 
.evCon7 .sub_tit span { background: #000; } 
.evCon7 .gift { display: flex; justify-content: space-between; } 


.eventWrap .evWarning { padding: 66px 0; } 
.warningList > li.w_tit { font-weight: 700; } 

/* 2024 04 04 */
.main ul.ver_one {justify-content: center;}
.evCon6 .tbl td {position: relative;}
.evCon6 .tbl td .end_tag {position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); }
.tbl td.end_mark {position: relative;}
.tbl td.end_mark .end_tag_tab2 { position: absolute;right: 31px; top: 50%; transform: translateY(-50%);}

@media screen and (max-width: 1200px){


 .con_tit { font-size: clamp(16.8px,4.4vmin,44px); } 
 .con_txt { margin-top: 2%; font-size: clamp(14px,2vmin,20px); } 
 .sub_tit span { font-size: clamp(13.5px,2.2vmin,22px); padding: 1% 6%; } 
 

 .tab_wrapper.on { padding-top: 8.4%; } 
 .tab_wrapper .tab_base ul { width:100%; } 
 .tab_wrapper .tab_base ul li a { padding: 4% 0; font-size: clamp(14px,2vmin,20px); } 


 .main ul { margin: 3.5% 0 3%; } 
 .main ul li { font-size: clamp(14px,3.2vmin,32px); } 
 .main ul li .tiny { font-size: clamp(13px,2.4vmin,24px); } 
 .main h3 .tag { right: 0; font-size: 13px; width: 150px; height: 150px; top: 22%; } 
 .main h3 .tag strong { font-size: 17px; } 


 .evCon1 { padding: 9.5% 0 15%; } 
 .evCon1 .step_wrapper .step p { font-size: 13px; } 
 .evCon1 .con_txt + .sub_tit { margin: 5.5% 0 4.5%; } 
 .evCon1 .con2 { padding: 4% 0; } 
 .evCon1 .con2 ul li { font-size: clamp(13px,1.8vmin,18px); } 
 .evCon1 .con2 + .sub_tit { margin: 10% 0 6%; } 
 .evCon1 .step_wrapper .step { width: 17.81%; height: 17.1vw; } 
 .evCon1 .step_wrapper .step span { font-size: 13px; margin: 5vw 0 1vw; } 


 .evCon2 { padding: 14% 0 12%; } 
 .evCon2 .sub_tit { margin: 5.5% 0; } 
 .evCon2 .con2_roll { margin: 0 26%; } 


 .evCon3 { padding: 14.5% 0; } 
 .evCon3 .con_txt { margin-bottom: 5.5%; } 
 .evCon3 .roll_wrap { margin: 0 0; } 


 .evCon4 { padding: 14% 0 15%; } 
 .evCon4 .content { margin: 5% 0 4%; padding: 6%; } 
 .evCon4 .content .tag { font-size: 13px; gap: 3px; height: auto; border-radius: 5px; padding: 5px 0; width: auto; top: 0; margin-top: -22px; } 
 .evCon4 .content .tag span br { display: none; } 
 .evCon4 .content .txt_wrap .txt1 { font-size: clamp(15px,2.8vmin,28px); } 
 .evCon4 .content .txt_wrap .txt2 { font-size: clamp(20px,3.8vmin,38px); } 
 .evCon4 .content .txt_wrap .txt3 { font-size: clamp(13px,1.8vmin,18px); } 
 .evCon4 .content .price .before { font-size: clamp(17px,2.8vmin,28px); } 
 .evCon4 .content .price .after { font-size: clamp(23px,3.8vmin,38px); } 


 .evCon5 { padding: 14% 0 15%; } 
 .evCon5 .tea { display: none; } 
 .evCon5 .con5_roll { margin: 5.6% 24% 6%; } 
 .evCon5 .con5_roll .swiper-slide { text-align: center; } 
 .evCon5 .con5_roll .swiper-slide img { margin-left: 7vw; } 
 .evCon5 .con5_roll .swiper-slide .btn { display: block; margin: 10px auto 0; font-size: 16px; } 
 .evCon5 .content { padding: 4%; } 
 .evCon5 .content ul li { font-size: clamp(13px,1.6vmin,16px); } 
 .evCon5 .content ul .tit { font-size: clamp(14px,1.8vmin,18px); } 


 .evCon6 { padding: 14% 0; } 
 .evCon6 .con_tit { margin-bottom: 5%; } 
 .evCon6 h5 { font-size: clamp(14px,2.1vmin,21px); margin: 0 0 1%; } 
 .evCon6 .tbl th, .evCon6 .tbl td { font-size: clamp(12px,1.6vmin,16px); } 
 .evCon6 .content { overflow-x: auto; } 
 .evCon6 .content div { margin: 0 auto; width: 1103px; text-align: left; } 


 .evCon7 { padding: 15% 0; } 
 .evCon7 .inner { width: 96%; } 
 .evCon7 .schedule { margin: 5.5% 0 calc(20px + 5%); padding: 1.3% 0; } 
 .evCon7 .schedule dl { font-size: clamp(13px,2.2vmin,22px); } 
 .evCon7 .schedule dl dd .tiny_txt { font-size: 12px; } 
 .evCon7 .way { padding: 5.5% 0 4%; font-size: clamp(13px,1.8vmin,18px); } 
 .evCon7 .way .tit { font-size: clamp(14px,2.2vmin,22px); line-height: clamp(30px,5.6vmin,56px); } 
 .evCon7 .way .txt1 { font-size: clamp(13px,2vmin,20px); } 
 .evCon7 .way .txt2 { margin: 2% 0 1%; } 
 .evCon7 .sub_tit { margin: 10% 0 6%; } 


/* 24 04 04 */
.evCon6 .tbl td .end_tag {width: 70%;}
 .tbl td.end_mark .end_tag_tab2 {right: 50%;transform: translate(50%, -50%);width: 70%;}
 }

@media screen and (max-width: 992px){


 .evCon1 .step_wrapper .step span { padding: 2px 10px; } 
 .evCon1 .step_wrapper .arrow { width: 25px; height: 25px; margin: 0 -8px; } 


 .evCon6 .content div { width: 130%; } 

 }

@media screen and (max-width: 768px){


 .main h3 .tag strong { font-size: 13px; } 


 .evCon1 .con2 ul li { padding-left: 23px; } 
 .evCon1 .con2 ul li::before { width: 15px; height: 15px; background-size: cover; } 
 .evCon1 .step_wrapper { flex-wrap: wrap; justify-content: center; } 
 .evCon1 .step_wrapper .step { width: 31.6%; border-radius: 10px; height: 100px; } 
 .evCon1 .step_wrapper .step:nth-of-type(4),
 .evCon1 .step_wrapper .step:nth-of-type(5) { margin-top: 10px; } 
 .evCon1 .step_wrapper .step span { margin: 10px 0; font-size: 12px; } 


 .evCon3 .roll_wrap .con3_roll .fraction { width: 70px; padding: 1.5px 0; } 


 .evCon4 .content { display: block; overflow: hidden; } 
 .evCon4 .content .tag { margin: 0; right: 0; font-size: 12px; width: 120px; } 


 .evCon5 .content ul .tit { padding-left: 24px; margin-bottom: 5px; } 
 .evCon5 .content ul .tit::before { width: 15px; height: 15px; background-size: contain; } 


 .evCon6 .content div { width: 135%; } 
 

 .evCon7 .schedule dl { display: block; } 
 .evCon7 .schedule dl:first-child { margin-right: 0; } 
 .evCon7 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 


 }

@media screen and (max-width: 576px){


 .tab_wrapper.on { padding-top: 62.22px; } 
 

 .main h3 .tag { font-size: 11px; width: 125px; height: auto; border-radius: 6px; padding: 2px 0; top: 40%; } 
 .main h3 .home { width: 27%; bottom: 4%; } 


 .evCon1 .step_wrapper .step p { letter-spacing: -1.5px; font-size: 12px; } 
 .evCon1 .step_wrapper .arrow { width: 20px; height: 20px; } 


 .evCon2 .con2_roll { margin: 0 16%; } 


 .evCon5 .con5_roll { margin: 5.6% 10% 6%; } 
 .evCon5 .con5_roll .swiper-slide img { margin-left: 12vw; } 
 .evCon5 .con5_roll .swiper-slide .btn { width: 288px; font-size: 14px; } 


 .evCon6 .tbl td i { width: 45px; } 
 .evCon6 .content div { width: 170%; } 


 .evCon7 .gift { flex-wrap: wrap; justify-content: center; } 
 .evCon7 .gift li { width: 45%; } 
 .evCon7 .gift li:first-child { margin: 0 12% 3%; } 


 }
 
@media screen and (max-width: 480px){


 .evCon6 .content div { width: 200%; }



 }