@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 */


:root {--point-color1:#7aa1fe;--point-color2:#dabc76;--point-color3:#1a5de9;--arrow:url('https://image.megagong.net/m/2024/0404_kimchanghun/con3_arrow.png');--arrow2:url('https://image.megagong.net/m/2024/0404_kimchanghun/event2_arrow.png');--pt-gradi-color:linear-gradient(90deg, #fff 0%, #7794ff 100%)}


/* S:°øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* popup */
.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 popup */
.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}


/* °øÅë */
br.mo_for {display:block} /* 768 on */
.eventWrap .evSection {padding:160px 0}
.eventWrap .evtoggleWarning {padding:0}
.warningList li ul li a {color:#0038fd; text-decoration:underline}
.lecture {padding-bottom:0 !important; background:#fff}

/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after {background:#004c99;top:0;right:-50px} 

.clamp-title {font-size:46px}
.clamp-title2 {font-size:26px}
.clamp-text {font-size:28px}
.clamp-text2 {font-size:18px}

.eventWrap .btn {display:flex;gap:20px}
.eventWrap .btn_n {display:flex;gap:20px}
.eventWrap a.btn {font-size:20px;display:block;margin:0 auto;padding:26px 0px;width:530px;border-radius:3px;font-weight:bold;background:#fff;color:#000}
.eventWrap a.btn span {display:inline-block;position:relative;padding:0 25px 0 0}
.eventWrap a.btn span::before {content:"";position:absolute;right:0;top:50%;width:12px;height:17px;margin:-7px 0 0;background-color:#fff;color:#fff;-webkit-mask-size:100%;mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;-webkit-mask-image:url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image:url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg)}
.eventWrap a.btn span::before {display:none}
.eventWrap a.btn span {padding:0}
.eventWrap a.btn.point {background:var(--point-color3);color:#fff}

/* Å¸ÀÌÆ² */
.evSection .con_tit {margin:0 -30px 70px;line-height:1.2}
.evSection .con_tit .tiny {display:block;padding:20px 0 0;font-weight:400}
.evSection .con_tit .tiny.top {padding:0 0 15px}
.evSection .bigt {display:block;font-weight:bold;line-height:1.2}
.evSection .bigt.wht {color:#fff}
.evSection .bigt.grd {background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .bigt .stgrd {background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.eventWrap .tit_point {margin:0 0 50px;padding:22px 0 0;font-weight:bold}
.eventWrap .tit_point strong {font-weight:900}
.eventWrap .tit_line {position:relative;margin-bottom:40px} 
.eventWrap .tit_line::before {content:''; display:block; width:100%; height:1%; background:var(--point-color1); position:absolute; left:0; top:50%; transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative; padding:7px 43px; color:#fff; border-radius:30px;  } 

.flt_inner.renewal li {margin:0 !important}
.flt_inner {right:0}

.bottom_fix {display:none}

/* con1 */
.evSection.evCon1 {padding:55px 0 0;background:#101322 url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img7.jpg) no-repeat center 0;color:#fff} 
.evCon1 .point {margin:0 0 730px;font-size:22px;letter-spacing:0.65em;background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:500;line-height:1.6} 
.evCon1 h3 {margin:0 -10px;position:relative} 
.evCon1 h3 a {position:absolute;bottom:303px;right:9px;width:60px;height:60px;background:#fff;opacity:0} 
.evCon1 h3 span {letter-spacing:0.1em;font-size:25px;background:url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img6_1.png) no-repeat center 0;display:block;margin:0 -170px;font-weight:normal;letter-spacing:0.67em;padding:9px 0 10px;line-height:1} 
.evCon1 h3 span b {color:var(--point-color2);font-weight:inherit} 

/* con2 */
.evSection.evCon2 {background:#121524;padding:0;color:#fff} 
.evSection.evCon2 ul {display:flex;gap:20px;margin:0 0 200px} 
.evSection.evCon2 ul li {flex:1;position:relative} 
.evSection.evCon2 ul li i {content:'';position:absolute;top:380px;left:-44px} 


/* con1 */
.evSection.evCon3 {background:#121524 url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img8.jpg) no-repeat center 0;padding-top:60px;color:#fff;padding-top:0} 
.evCon3 .con_tit .tiny {letter-spacing:-0.05em}
.evCon3 .con3_slider {position:relative}
.evCon3 .con3_slider .slick-slide {border-radius:17px;background-color:#eee;overflow:hidden}
.evCon3 .con3_slider .slick-dots {display:none !important}
.evCon3 .con3_slider .slick-dots li {display:inline-block;margin:0 5px}
.evCon3 .con3_slider .slick-dots  button {background:#fff;font-size:0;border-radius:100%;width:7px;height:7px;opacity:0.3}
.evCon3 .con3_slider .slick-dots .slick-active button {background:var(--point-color3);opacity:1}
.evCon3 .con3_slider .slick-arrow {width:80px;height:80px;border:1px solid #fff;position:absolute;top:50%;margin:-60px 0 0;z-index:1;transform:rotate(45deg);font-size:0}
.evCon3 .con3_slider .slick-prev {left:-84px;border-width:0 0 1px 1px}
.evCon3 .con3_slider .slick-next {right:-84px;border-width:1px 1px 0px 0}
.evCon3 .con3_slider p {display:flex;flex-direction:column;align-items:center;font-size:20px;margin:0 0 40px;padding:50px 0 0}
.evCon3 .con3_slider p strong {background:var(--point-color3);color:#fff;font-weight:500;font-size:1.1em;line-height:1;padding:10px 41px 14px;border-radius:40px;margin:0 0 15px}
.evCon3 .con3_slider .info {height:135px;background:#333;color:#fff;font;font-size:1em;padding:0;display:flex;justify-content:center;margin:0;align-items:center}
.evCon3 .con3_slider .for_mo {display: none;}
.evCon3 .last_point {font-size:28px;padding:40px 0 0;margin:0 0 160px}
.evCon3 .prize {display:flex;position:relative;justify-content:space-between;align-items:flex-start;padding:0 0 310px}
.evCon3 .prize li {padding:110px 0 0 0}
.evCon3 .prize li:nth-child(3) {position:absolute;top:0;left:0;padding:0;width:100%}
.evCon3 .prize .tiny_noti {position:absolute;bottom:155px;right:0;text-align:right;font-size:14px;color:#a1a1a1;line-height:1.2}
.evCon3 .mob_wrap {position:relative;padding:150px 0 120px 500px;text-align:left;margin:0 40px 0}
.evCon3 .mob_wrap li {margin:0 0 21px;position:relative}
.evCon3 .mob_wrap li:nth-child(1) {position:absolute;top:0;left:0}
.evCon3 .mob_wrap li:nth-child(1) span{color:#fff;position: absolute;bottom: 35px;left: 0;width: 100%;font-family: var(--font-warning);font-size: 12px;text-align: center;}
.evCon3 .mob_wrap li::before {content:'';position:absolute;top:50%;left:-105px;width:99px;height:25px;background:url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img17.png) no-repeat 00 center}
.evCon3 .mob_wrap li:nth-child(1)::before {display:none}
.evCon3 .tit_point {color:var(--point-color1);font-size:34px;background:url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img16_1.png) no-repeat center 0}
.evCon3 .prize + .tit_point {background-image:url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img16_2.png)}
.evCon3 .last_point + .tit_point {background-image:url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img16_3.png)}

/* con4 */
.evSection.evCon4 {background:#f5f5f5} 
.evCon4 .con4_slider {background:var(--point-color3);color:#fff;font-size:20px;border-radius:15px;padding:13px 0;margin:0 0 10px;font-weight:normal;display:none}
.evCon4 .con4_slider.slick-initialized {display:block}
.evCon4 .con4_slider + .tiny_noti {font-size:12px;color:#c0c0c0;margin:0 0 20px}
.evCon4 .bottom_boxes {margin-bottom:11px}
.evCon4 .bottom_boxes .box_txt {background-color:#eee;color:#777;font-size:24px;font-weight:bold;height:133px;display:flex;justify-content:center;align-items:center;border-radius:15px;margin:0 0 20px}
.evCon4 .bottom_boxes ul {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;gap:25px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 30px;flex-direction:row}
.evCon4 .bottom_boxes ul li {padding:25px 20px 0;width:calc(33.3% - 13px);border:1px solid #dddddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-direction:column;-ms-flex-direction:column;background:#fff;height:220px;border-radius:15px}
.evCon4 .bottom_boxes ul li:nth-child(4),
.evCon4 .bottom_boxes ul li:nth-child(5){width: calc(50% - 13px)}
.evCon4 #tab1_2 .bottom_boxes ul li {flex:0 0 calc(20% - 20px)}
.evCon4 .bottom_boxes ul li .orange {font-size:19px;font-weight:700;line-height:1.2}
.evCon4 .bottom_boxes ul li span {display:block;border-radius:25px;padding:3px 20px;width:auto;background-color:var(--point-color3);color:#fff;font-weight:500;font-size:14px;margin:0 0 10px}
.evCon4 .bottom_boxes ul li .txt1::before {content:"";display:block;margin:10px 0 10px;width:100%;height:1px;background-color:#dddddd}
.evCon4 .bottom_boxes ul li .txt1 {font-size:15px;width:100%;font-weight:500}
.evCon4 .bottom_boxes img {margin:0 0 25px}
.evCon4 .bottom_boxes .three_boxes {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:20px}
.evCon4 .bottom_boxes .three_boxes .box {border-radius:15px;flex:1;padding:24px 0;font-size:20px;font-weight:700;color:#fff;text-align:center;background-color:var(--point-color3)}
.evCon4 .bottom_boxes .point {font-size:26px;margin:0 0 25px}
.evCon4 .bottom_boxes + .tiny_noti {opacity:0.4}

/* con5 */
.evCon5 .con_tit .tiny.top.clamp-text {font-weight:bold}
.evCon5 .vdo_wrap {display:flex;gap:20px}
.evCon5 .vdo_wrap .item {flex:1}

/* con6 */
.evSection.evCon6 {background:#f5f5f5} 
.evCon6 .tit_point {font-weight:500;font-size:26px;padding:0;margin:-20px 0 20px;text-align: center;} 
.evCon6 .con_box {text-align: left;} 
.evCon6.overview .lecture{background: #f5f5f5 !important;}
.evCon6 .stepTab_wrap{background-color: #fff;border-top: 1px solid #d6d6d6;margin: 0 0 20px;}
.evCon6 .conditionSearch_wrap{display:none}
.evCon6 .lectlist{background-color: #fff;}

/* event */
.eventWrap .evCon_event {padding:170px 0 180px}
.evCon_event .evt {display:block;margin:0}
.evCon_event .con_tit {margin:0 0 35px}
.evCon_event .con_tit .tiny {font-size:26px;font-weight:bold;color:var(--point-color3)}
.evCon9 .con_tit .tiny {color:#fff}
.evCon_event .tit_point {padding:30px 0 0;margin:0 0 60px;font-size:23px;letter-spacing:0;color:#b5d0ff}
.evCon_event .gift {position:absolute;top:0;right:34px}
.evCon_event .button_wrap {margin:0 0 90px}
.evCon_event .container_info .info .noti {color:#f00;opacity:1}
.evCon_event .eventBoard .evtBoard_common {background:none;color:#000}
.evCon_event .evtBoard_common .board_list ul li .usr_info em + span {display:inline-block}
.evCon_event .evtBoard_common .board_list ul li .usr_info em.point {display:inline-block;background:var(--point-color1);color:#fff;font-weight:normal;font-style:normal;font-size:13px;height:20px;line-height:20px;padding:0 10px;margin:-2px 0 0}
.evCon_event .con_tit .end::after {background:#d0d0d0} 
.evCon7 .con_tit .end::after {background:#fff} 
.evCon8 .con_tit .end::after {background:#000} 
.evCon9 .con_tit .end::after {background:#fff} 

/* evCon7 */
.evSection.evCon7 {background:#202539;color:#fff} 
.evCon7 .point {position:absolute;top:70px;left:145px}
.evCon7 .tit_point strong {color:#fff}
.evCon7 .tit_line::before {background:#111} 
.evCon_event.evCon7 .container_info_wrap {padding:10px 0 80px 40px}

.evCon7 .salePack_wrap {display:flex;background:#fff;overflow:hidden;border-radius:20px;align-items:flex-end}
.evCon7 .salePack_wrap .info {flex:1;display:flex;align-items:center;justify-content:flex-start}
.evCon7 .salePack_wrap .info .txt {padding:0 0 30px 23px}
.evCon7 .salePack_wrap a {background:#1A5DE9 url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img13_4.png) repeat-y 0 0;display:flex;align-items: flex-end;justify-content:center;width:380px;height:320px;flex-direction: column;padding: 0 40px 0 0;}
.evCon7 .salePack_wrap a span{border: 3px solid #fff;font-size: 20px;width: 280px;height: 50px;display: flex;justify-content: center;align-items: center;font-weight: bold;margin: 15px 8px 0 0;}
.evCon7 .container_info {display:inline-flex;min-width:680px}
.evCon7 .container_info .info_date {font-weight:bold}

/* evCon8 */
.evSection.evCon8 {background:#eeeeee} 
.evCon8 .con_tit {color:#1a4eb4}
.evCon8 .tit_point {color:#111}
.evCon8 .container_info_wrap {padding:65px 0px 150px 40px;text-align:left}
.evCon8 .container_info, .evCon9 .container_info {background:none;text-align:left;padding:0 0 0;display:block}
.evCon8 .container_info {padding:10px 0 0}
.evCon8 a.btn, .evCon9 a.btn {background:#000;color:#fff}
.evCon8 .tit_point {margin:-15px 0 20px;font-size:24px;font-weight:500;color:#454545;padding:0}
.evCon8 .tit_point + .tit_point {margin:0 0 120px}
.evCon8 .tit_point span {font-size:13px;font-weight:normal;opacity:0.5}

.evCon8 .container_info_wrap.ver0717{margin: 0 40px 70px; padding: 0; position: relative; border-radius: 20px; overflow: hidden;}
.evCon8 .container_info_wrap.ver0717 .dim_box{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.8); width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center;}
.evCon_event .gift{position: initial;}


/* evCon9 */
.evSection.evCon9 {background:#1a4bb2;color:#fff} 
.evCon9 .tit_point {font-weight:normal}
.evCon9 .container_info_wrap {padding:0;text-align:left}
.evCon9 .gift_wrap {display:flex;justify-content:center;gap:130px;margin:0 0 60px}

/* evCon10 */
.evSection.evCon10 {background:#ffc600;} 
.evCon_event.evCon10 .con_tit{margin: 0;}
.evCon_event.evCon10 .con_tit .tiny{color: #000;}
.evCon_event.evCon10 .tit_point{color: #000; font-weight: 400;}
.evCon_event.evCon10 .con_tit .end::after{background: rgba(255,255,255,.8);}
.evSection.evCon10 .con_item_box1{background: #ffd133; margin: 70px 0 0;}
.evSection.evCon10 .y_box{ display: flex; align-items: center; justify-content: space-between; padding: 45px 0 0;}
.evSection.evCon10 .y_box .txt_box{padding: 0 0 50px 40px;}
.evSection.evCon10 .y_box .img_box{margin: -110px -140px 0 0;}
.evSection.evCon10 .con_item_box2{padding: 100px 40px 0;}
.eventWrap .evSection.evCon10 .tit_line::before{background-color: #000;}
.eventWrap .evSection.evCon10 .tit_line span{background: #ffc600; color: #000; font-weight: 700; padding: 7px 20px;}
.eventWrap .evSection.evCon10 .step_wrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 30px 60px;}
.eventWrap .evSection.evCon10 .step_wrap li{ position: relative; background: #fff; border-radius: 15px;} 
.eventWrap .evSection.evCon10 .step_wrap li::after{position: absolute; content: ''; left: calc(100% + 12px); top: 50%; transform: translateY(-50%); background: url(https://image.megagong.net/m/2024/0705_muntaehwan/con_img20.png) no-repeat center/cover; width: 36px; aspect-ratio: 36/37;}
.eventWrap .evSection.evCon10 .step_wrap li:nth-child(even):after{display: none;}
.eventWrap .evSection.evCon10 .step_wrap li .top{background: #000; padding: 20px 0; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.eventWrap .evSection.evCon10 .step_wrap li .top p{color: #ffd133; font-weight: 700;}
.eventWrap .evSection.evCon10 .step_wrap li .bot{ border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 270px; padding: 0 10px;}
.eventWrap .evSection.evCon10 .step_wrap li .bot .bot_tit{ font-size: 24px; font-weight: bold; line-height: 1.25; margin: 0 0 20px;}
.eventWrap .evSection.evCon10 .step_wrap li .bot .bot_tit.mb15{margin: 0;}
.eventWrap .evSection.evCon10 .step_wrap li .bot .btn_wrap{width: 100%; padding: 0 45px;}
.eventWrap .evSection.evCon10 .step_wrap li .bot .btn_wrap a{ padding: 10px 0; border-radius: 22.5px; background-color: #195de9; color: #fff; font-weight: 700; display: block; width: 100%;}
.eventWrap .evSection.evCon10 .step_wrap li .bot .btn_wrap a:not(:last-child){margin-bottom: 10px;}
.eventWrap .evSection.evCon10 .step_wrap li .bot .btn_wrap a.sky{background: #00a5fa;}
.eventWrap .evSection.evCon10 .tiny_noti{font-size: 14px; color: #999; margin: 15px 0;} 
.eventWrap .evSection.evCon10 .tiny_noti.red{color: #ff0000;}


.warningList li ul li a {color:var(--point-color3);font-weight:bold;text-decoration:none}
.warningList li.intab {margin-left:10px}
.warningList .intab2{margin-left: 35px;}
.warningList .intab3{margin-left: 11px;}
.warningList .red{color: #e45c6c;}

#popupApply .checkWrap ul {display:flex;flex-wrap:wrap;border:1px solid #000;border-width:1px 0} 
#popupApply .checkWrap ul li {width:50%;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;height:50px;text-align:left;border-top:1px solid #ccc} 
#popupApply .checkWrap ul li:nth-child(1) {border-top:0} 
#popupApply .checkWrap ul li.full {width:100%}
#popupApply .checkWrap ul li:nth-child(8) {border-top:1px solid #ccc;width:100} 
#popupApply .checkWrap ul li .date {background:#f5f5f5;display:flex;justify-content:center;align-items:center;font-weight:bold;width:120px;border-right:1px solid #ccc;margin:0 10px 0 0} 
#popupApply .checkWrap ul li input {margin:0 10px 0 0} 
#popupApply .checkWrap ul li label {font-size:13px;font-weight:700;vertical-align:middle;display:flex;align-items:center} 
.mg_info_wrap .info_list li a {color:#000; text-decoration:none; border-bottom:1px solid}
#popupApply .mg_btn_wrap .complete {background:#444444}
#popupApply .checkWrap + .mg_tb_wrap {margin-top:10px !important} 
#popupApply .mg_tb_form {text-align:center} 
#popupApply .mg_tb_form td + td {border-left:1px solid #ccc} 
#popupApply .mg_tb_form input {background:#fff;border:0;text-align:center;padding:0} 
#popupApply .mg_info_wrap .info_list {border:0;padding:0} 
#popupApply .mg_info_wrap .info_list li:nth-child(1) {font-weight:bold} 
#popupApply .mg_info_wrap .info_list li a {color:#e45c6c;display:inline-block} 
#popupApply .mg_info_wrap {margin-top:0 !important} 

.mg_s_info li {padding-left:0}
.mg_s_info li:before {display:none}
.mg_textarea {height:70px}
.mg_s_info {margin:10px 0 0}
.mg_s_info li {font-size:12px}
.mg_terms {font-size:12px;padding:10px}




@media screen and (max-width:1200px){



    .eventWrap .evSection {padding:clamp(70px,20vmin,150px) 0}
    .eventWrap .evtoggleWarning {padding:0}
    .eventWrap img {width:100%}
    .eventWrap img.con_img21{width: auto;}

    .clamp-title {font-size:clamp(18px,4vmin,34px)}
    .clamp-title2 {font-size:clamp(15px,4vmin,26px)}
    .clamp-text {font-size:clamp(14px,2vmin,20px)}
    .clamp-text2 {font-size:clamp(13px,1.8vmin,18px)}

    .eventWrap a.btn {font-size:clamp(14px,3vmin,18px);padding:20px 0;width:50%}
    .eventWrap .only a.btn {width:100%}

    /*Å¸ÀÌÆ²*/
    .eventWrap sup {vertical-align:top}
    .evSection .bigt sup {font-size:27px}
    .evSection .con_tit {margin:0 0 5%}
    .evSection .bigt.wht {color:#fff}
    .eventWrap .tit_point {margin:0 0 6%;font-size:clamp(13px,2.5vmin,20px)}
    .eventWrap .tit_line {margin-bottom:5%} 
    .eventWrap .tit_line span {font-size:20px;display:inline-block;width:clamp(230px,47vmin,450px);padding:0} 
    .eventWrap .evSection.evCon10 .tit_line span{padding: 0;}
    .con_tit .end::after {right:0}

    /* con1 */
    .evSection.evCon1 {padding:7% 0 0;background-size:cover} 
    .evCon1 .point {margin:0 0 66%;font-size:clamp(14px,2.5vmin,20px);line-height:1.3} 
    .evCon1 h3 {margin:0} 
    .evCon1 h3 a {bottom:36%;right:1%;width:11%;height:15%} 
    .evCon1 h3 span {font-size:clamp(13px,2.5vmin,22px);background-size:100% 100%;margin:0;letter-spacing:clamp(0px,1.0vmin,8px);padding:clamp(10px,2vmin,15px);line-height:1.5} 
    .evCon1 h3 span b {color:var(--point-color2);font-weight:inherit} 
    .evCon1 h3 strong {display:block;margin:0 5%} 

    /* con2 */
    .evSection.evCon2 {padding:0} 
    .evSection.evCon2 ul {gap:1%;margin:0 0 15%} 
    .evSection.evCon2 ul li {flex:1;position:relative} 
    .evSection.evCon2 ul li i {top:unset;bottom:47%;left:-10%;width:17%} 

    /* con1 */
    .evSection.evCon3 {padding-top:0;background-size:100% auto} 
    .evCon3 .con_tit .tiny {letter-spacing:-0.05em}
    .evCon3 .con3_slider .info {height:135px;background:#333;color:#fff;font;font-size:1em;padding:0;display:flex;justify-content:center;margin:0;align-items:center}
    .evCon3 .last_point {font-size:clamp(14px,2.3vmin,23px);padding:3% 0 0;margin:0 0 12%}
    .evCon3 .prize {padding:0 0 15%}
    .evCon3 .prize li {padding:0;width:27%}
    .evCon3 .prize li:nth-child(3) {padding:0 23%}
    .evCon3 .prize .tiny_noti {bottom:0;font-size:12px;width:100%}
    .evCon3 .mob_wrap {padding:15% 0% 11% 47%;margin:0}
    .evCon3 .mob_wrap li:nth-child(1) {width:45%}
    .evCon3 .mob_wrap li::before {left:-13%;width:13%;height:3vw;margin:-1.5vw 0 0 0}
    .evCon3 .mob_wrap li:nth-child(1)::before {display:none}
    .evCon3 .tit_point {font-size:clamp(15px,2.5vmin,25px);background-size:auto 30px;padding:20px 0 0;margin:0 0 6%}
    .evCon3 .con3_slider .slick-dots {display:block !important;margin:0 0 20px}
    .evCon3 .con3_slider .slick-arrow {display:none !important}

    /* con4 */
    .evCon4 .con4_slider {font-size:clamp(13px,2.0vmin,18px);margin:0 0 10px}
    .evCon4 .con4_slider + .tiny_noti {font-size:12px;color:#c0c0c0;margin:0 0 20px}
    .evCon4 .bottom_boxes {margin-bottom:11px}
    .evCon4 .bottom_boxes .box_txt {background-color:#eee;color:#777;font-size:24px;font-weight:bold;height:133px;display:flex;justify-content:center;align-items:center;border-radius:15px;margin:0 0 20px}
    .evCon4 .bottom_boxes ul {gap:2%;margin:0 0 0%;justify-content: center;}
    .evCon4 .bottom_boxes ul li {width:calc(50% - 1%);margin:0 0 2%;height:auto;padding:3% 1% 0}
    .evCon4 .bottom_boxes ul li:nth-child(4), .evCon4 .bottom_boxes ul li:nth-child(5){width:calc(50% - 1%)}
    .evCon4 #tab1_2 .bottom_boxes ul li {flex:0 0 calc(20% - 20px)}
    .evCon4 .bottom_boxes ul li .orange {font-size:clamp(13px,2vmin,17px)}
    .evCon4 .bottom_boxes ul li span {padding:2px 3%;margin:0 0 7px;font-size:clamp(12px,2vmin,14px)}
    .evCon4 .bottom_boxes ul li .txt1::before {margin:5px 0}
    .evCon4 .bottom_boxes ul li .txt1 {font-size:clamp(12px,1.7vmin,15px);padding:0 0 5%}
    .evCon4 .bottom_boxes img {margin:0 0 3%}
    .evCon4 .bottom_boxes .three_boxes {gap:2%}
    .evCon4 .bottom_boxes .three_boxes .box {padding:clamp(10px,1.7vmin,15px) 0;font-size:clamp(13px,2vmin,18px)}
    .evCon4 .bottom_boxes .point {font-size:clamp(14px,2.5vmin,20px);margin:0 0 3%}
    .evCon4 .bottom_boxes + .tiny_noti {opacity:0.4}

    /* con5 */
    .evCon5 .vdo_wrap {gap:1%}

    /* con6 */
    .evSection.evCon6 {background:#f5f5f5} 
    .evCon6 .tit_point {font-size:clamp(13px,2.5vmin,25px);margin:0 0 5%} 

    .evCon_event .con_tit .tiny {clamp(18px,4vmin,38px);font-size:clamp(14px,4vmin,38px)}
    .evCon_event .evt {display:block;margin:0 auto 0%;width:clamp(130px,20vmin,200px)}
    .evCon_event .gift {width:36%;right:unset;top:unset;position:relative}
    .evCon_event .container_info_wrap {padding:0 !important;text-align:left;margin:0 0 7%;align-items:center;justify-content:space-between}
    .evCon_event .container_info {flex:none !important;margin:0}
    .evCon_event .button_wrap {margin:0 0 90px}
    .evCon_event .container_info .info .noti {color:#f00;opacity:1}
    .evCon_event .eventBoard .evtBoard_common {background:none;color:#000}
    .evCon_event .evtBoard_common .board_list ul li .usr_info em + span {display:inline-block}
    .evCon_event .evtBoard_common .board_list ul li .usr_info em.point {display:inline-block;background:var(--point-color1);color:#fff;font-weight:normal;font-style:normal;font-size:13px;height:20px;line-height:20px;padding:0 10px;margin:-2px 0 0}

    .evCon7 .tit_point strong {color:#fff}
    .evCon7 .tit_line::before {background:#111} 
    .evCon_event.evCon7 .container_info_wrap {padding:10px 0 80px 40px}

    .evCon7 .salePack_wrap {align-items:stretch}
    .evCon7 .salePack_wrap .info {align-items:flex-end}
    .evCon7 .salePack_wrap .info .tea {width:27%}
    .evCon7 .salePack_wrap .info .txt {width:73%;padding:5% 5% 5% 3%}
    .evCon7 .salePack_wrap a {width:35%;padding: 3% 3% 3% 4%;height:auto}
    .evCon7 .salePack_wrap a > img{width: 82%;}
    .evCon7 .salePack_wrap a span{width: 100%;margin: 10px 0 0;font-size: clamp(14px,2vmin,20px);border-width: 2px;height: clamp(36px,5vmin,50px);}
    .evCon7 .container_info {min-width:auto}
    .evCon7 .point{left: 9%;top: 0;width: clamp(90px,15vmin,120px);}

    /* evCon8 */
    .evSection.evCon8 {background:#eeeeee} 
    .evCon8 .container_info, .evCon9 .container_info {background:none;text-align:left;padding:0 0 0;display:block}
    .evCon8 .container_info {padding:10px 0 0}
    .evCon8 a.btn {background:#000;color:#fff}
    .evCon8 .tit_point {margin:0 0 2%;font-size:clamp(13px,2vmin,18px)}
    .evCon8 .tit_point + .tit_point {margin:0 0 6%}
    .evCon8 .tit_point span {font-size:13px;font-weight:normal;opacity:0.5}

    /* evCon9 */
    .evSection.evCon9 {background:#1a4bb2;color:#fff} 
    .evCon9 .tit_point {padding:0}
    .evCon9 .container_info_wrap {justify-content:center;margin:0}
    .evCon9 .gift_wrap {gap:3%;margin:0 8% 6%}
    .evCon9 .gift_wrap li {flex:1}

    /* evCon10 */
    .eventWrap .evSection.evCon10 .step_wrap li .bot .bot_tit{font-size: clamp(15px,2.8vmin,24px);}
    .eventWrap .evSection.evCon10 .tiny_noti{font-size: clamp(12px,1.8vmin,14px);}

    .eventWrap .bottom_fix {background-color:var(--point-color3);position:absolute;bottom:0;left:0;width:100%;z-index:3;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;flex-wrap:wrap;color:#fff;border-bottom:1px solid #629cd6}
    .eventWrap .bottom_fix.fixed {position:fixed;bottom:unset;top:0;left:0;width:100%}
    .eventWrap .bottom_fix a {position:relative;display:flex;line-height:1.3;font-size:15px;height:70px;flex:1;flex-direction:column;align-items:center;justify-content:center}
    .eventWrap .bottom_fix a+a {border-left:1px solid #629cd6}
    .eventWrap .bottom_fix a span {background:var(--float-color2);padding:4px 15px;border-radius:30px;display:block;font-size:13px;line-height:1;font-weight:bold;margin:0 0 6px}
    .eventWrap .bottom_fix a strong b {display:block;color:#fff;font-size:13px;font-weight:200;padding:3px 0 0}



}





@media screen and (max-width:992px){



    .clickPop {padding:15px 0 20px}
    .dim_popup.sns .tit {font-size:22px}
    .dim_popup.sns table {font-size:12px}

    .evSection.evCon10 .y_box{flex-direction: column;}
    .evSection.evCon10 .y_box .img_box{margin: 5% 0 0;}
    .evSection.evCon10 .y_box .txt_box{padding: 0;}
    .evSection.evCon10 .con_item_box2{padding: 10% 0 0;}
    .eventWrap .evSection.evCon10 .step_wrap{grid-template-columns: repeat(1, 1fr); gap: 10px 0;}
    .eventWrap .evSection.evCon10 .step_wrap li .bot{min-height: auto; padding: 15px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
    .eventWrap .evSection.evCon10 .step_wrap li .bot .btn_wrap{padding: 0;}
    .eventWrap .evSection.evCon10 .step_wrap li .bot .btn_wrap a{padding: 7px 0;}
    .eventWrap .evSection.evCon10 .step_wrap li .top{padding: 10px 0; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    .eventWrap .evSection.evCon10 .step_wrap li .bot .bot_tit{margin: 0 0 10px;}
    .eventWrap .evSection.evCon10 .tiny_noti{margin: 7px 0;}
    .eventWrap .evSection.evCon10 .step_wrap li::after{display: none;}
}





@media screen and (max-width:768px){



    /* °øÅë */
    .eventWrap .tit_line span {font-size:18px}
    br.mo_for {display:none}

    .eventWrap .btn {gap:10px}

    .evCon3 .table_wrap table thead th {font-size:inherit;padding:10px 0} 
    .evCon3 .table_wrap table tbody td {padding:10px 0;border:1px solid #dddddd} 

    [class*=mg_popup_wrap] .content_area .content_inner {padding:20px 15px}
    [class*=mg_popup_wrap] .b_tit, .super_popup_wrap .b_tit {font-size:18px}
    #popupApply .checkWrap ul li label {font-size:12px}
    [class*=mg_popup_wrap] .mg_popup_close {width:25px;height:25px;background-position:center;right:20px;top:-35px}

    .evCon8 .container_info_wrap.ver0717 .dim_box{width: 140%; left: 41%;}


}






@media screen and (max-width:576px){



    .dim_popup.sns {width:90%}

    /* °øÅë */
    .evSection .con_tit .tiny {/* font-size:1em; */padding:5px 0 0}
    .evSection .con_tit .tiny.top {padding:0 0 5px}

    .eventWrap .bottom_fix a {height:14vw;font-size:13px}

    .eventWrap .btn {gap:5px}
    .eventWrap a.btn {width:100%}

    .evCon1 .point {letter-spacing:0.1em}

    .evSection.evCon2 {padding-top:0} 
    .evSection.evCon2 .point {margin:0 auto 10%;width:clamp(300px,55vmin,450px)} 
    .evSection.evCon2 .step {gap:1%;overflow-x:scroll;padding:0 0 10px;overflow-y:visible} 
    .evSection.evCon2 .step::scrollbar-thumb {background:#fff}
    .evSection.evCon2 .step::scrollbar-thumb:hover {background:#fff}
    .evSection.evCon2 .step::-webkit-scrollbar-thumb {background:#fff}
    .evSection.evCon2 .step::-webkit-scrollbar-thumb:hover {background:#fff}
    .evSection.evCon2 .step .item {width:54vw;flex:none} 
    .evSection.evCon2 ul {flex-direction:column;margin:0 12% 15%} 
    .evSection.evCon2 ul li {margin:0 0 4%} 
    .evSection.evCon2 ul li i {bottom:100%;left:50%;width:16%;margin:0 0 -2% -8%} 

    .evCon3 .prize {padding:0 0 80px}
    .evCon3 .prize li {position:relative;padding:0 6% 0;width:50%;z-index:1}
    .evCon3 .prize li:nth-child(3) {padding:0 27% 0;z-index:0;display:none}
    .evCon3 .prize .tiny_noti {font-size:11px;text-align:center;padding:0;bottom:45px;opacity:0.5}
    .evCon3 .mob_wrap {padding:0 0 8%}
    .evCon3 .mob_wrap li {margin:0 0% 1%}
    .evCon3 .mob_wrap li:nth-child(1) {width:auto;position:relative;top:unset;left:unset;margin: 0 13% -2%;}
    .evCon3 .mob_wrap li:nth-child(1) span{
    font-size: 11px;
    opacity: 0.3;
}
    .evCon3 .mob_wrap li::before {display:none}
    .evCon3 .tit_point {font-size:clamp(15px,2.5vmin,25px);background-size:auto 30px;padding:20px 0 0;margin:0 0 6%}
    .evCon3 .btn_n {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}
    .evCon3 a.btn {width:calc(50% - 5px)}
    .evCon3 a.btn.point {width:100%}
    .evCon3 .con3_slider{
    margin: 0 7%;
}
    .evCon3 .con3_slider .for_mo {display: block;}
    .evCon3 .con3_slider .for_pc {display: none;}

    .evCon4 .bottom_boxes ul li {width:calc(100% - 0%);border-radius:7px;padding:3% 3%;margin:0 0 1%}
    .evCon4 .bottom_boxes ul li:nth-child(4), .evCon4 .bottom_boxes ul li:nth-child(5){width:calc(100% - 0%)}
    .evCon4 .bottom_boxes ul li .orange br {display:none}
    .evCon4 .bottom_boxes ul li .txt1 {padding:0}
    .evCon4 .bottom_boxes ul li .txt1 br:nth-child(2n) {display:none}
    .evCon4 .bottom_boxes ul li:nth-child(1) .txt1 br {display:none}
    .evCon4 .bottom_boxes ul li:nth-child(2) .txt1 br {display:none}
    .evCon4 .bottom_boxes ul li:nth-child(3) .txt1 br {display:none}
    .evCon4 .bottom_boxes ul li:nth-child(6) .txt1 br {display:none}
    

    .evCon5 .vdo_wrap {flex-wrap:wrap;justify-content:center;gap:2%}
    .evCon5 .vdo_wrap .item {width:calc(100% - 2%);flex:none;margin:0 0 2%}
    .evCon5 .vdo_wrap .item a {display:block;padding:0 10%;background:#333}

    .evCon_event .gift {width:68%}
    .eventBoard .radio_list li input {opacity:0;width:0px;height:0px;min-width:0;min-height:0}
    .eventBoard .radio_list li label {margin:0;width:100%;display:block;text-align:center;height:25px;line-height:23px;border:1px solid #1c5289}
    .eventBoard .radio_list li input:checked + label {font-weight:bold;background:#fff;color:#00274d;border-radius:3px}


    .evCon7 .salePack_wrap {border-radius:7px;flex-wrap:wrap;flex-direction: column;}
    .evCon7 .salePack_wrap .info {width: 100%;position: relative;padding: 0 19% 0 4%;}
    .evCon7 .salePack_wrap .info .tea {width: 34%;position: absolute;top: 117%;left: 1%;}
    .evCon7 .salePack_wrap .info .txt {width:100%;padding:6% 3% 6% 4%}
    .evCon7 .salePack_wrap a {padding: 5% 6% 4% 42%;height:auto;background-image:none;justify-content:center;width: 100%;align-items: center;}
    .evCon7 .salePack_wrap a > img{width: 81%;}
    .evCon7 .container_info {display:flex;padding:10px 0px}
    .evCon7 .point{left: 0;top: -24%;}

    .evCon8 .container_info, .evCon9 .container_info {width:100%}
    .evCon8 .container_info {overflow:hidden}
    .evCon8 .container_info img {max-width:140%;width:108%}
    .evCon9 .gift_wrap {margin:0 0 6%}

    #popupApply .checkWrap ul li {width:100% !important;height:40px;border-left:0 !important}



}



