@charset "euc-kr";

/* À̺¥Æ® °øÅë css - ÆÛºí¸®½ÌÆÀ °øÅë ¼Ò½º */
:root {
    --font: 'Noto Sans KR';
    --font-warning: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;

    --btn-point: #009cff;
    --btn-point2: #00ff96;
    --btn-complete: #6d6d6d;
} 

.eventWrap{font-weight: 500;}
.block { display: block; } 
.flex { display:flex; } 
/* [class*="show-"] { display: none !important; }  */

/* À̺¥Æ® (°øÅë) */
.blindw { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden; } 
.moView { display:none !important; } 
.t_left,.tal { text-align:left !important; } 
.tar { text-align: right !important; } 
.btn_link { display:inline-block; background:gold; opacity:0; position:absolute; font-size:0; } 
.eventWrap { width:100%; text-align:center; position:relative; font-size: 17px; line-height:1.4; letter-spacing:-0.03em; } 
.eventWrap { font-family:var(--font); } 
.eventWrap * { box-sizing:border-box } 
.eventWrap .evSection { background-position:50% 50%; background-repeat:no-repeat; /*background-size:cover; background-size:auto 100%; */overflow:hidden; } 

/* evSection¿¡ lectureÀ» Æ÷ÇÔÇÑ °æ¿ì overflow visible */
.evSection:has(.lecture) { overflow-y: visible !important;overflow-x: clip !important; } 
.evSection.overview { overflow-y: visible !important;overflow-x: clip !important; } 
.evSection:has(.lecture) .lecture { padding-bottom: 0 !important; background: #fff } 
.evSection.overview .lecture { padding-bottom: 0 !important; background: #fff } 
.evSection .lecture .lecture_whtwrp { position: relative; } 
.evSection .lecture .end-dim { position: absolute; top:0; left:0; width: 100%; height:100%; display: flex; color:#fff; background: #000000b3; z-index: 1; align-items: center; justify-content: center; font-style: normal } 

/* ÅÇ °­Á¸®½ºÆ® */
.evSection .lectureTab .lecTab_wrap{border-width: 1px 0}
.evSection .lectureTab .lecTab_wrap .gubnTab {display: flex;gap: min(30px,4%);background: #fff;}
.evSection .lectureTab .lecTab_wrap .tit{position: relative;height: auto;}
.evSection .lectureTab .lecTab_wrap .gubn_list{margin: 0;}
.evSection .lectureTab .lecCon_wrap{margin-top: 20px;}
.evSection .lectureTab .lecCon_wrap > li{display: none;} 
.evSection .lectureTab .lecCon_wrap > li.on{display: block;}

.eventWrap .inner { position:relative; width:1080px; margin:0 auto; } 
.eventWrap .inner::after { content:""; display:block; clear:both; } 
.eventWrap img { border:0 none; vertical-align:middle; max-width:100% } 
.eventWrap .evWarning { padding:90px 0; background-color:#fff; font-family: var(--font-warning); } 
.eventWrap .tiny_noti { font-size: 12px; letter-spacing: -0.06em; font-family: var(--font-warning); } 

/* Äü (°øÅë) */
.flt_inner { position:absolute; text-align:right; right:50px; z-index:5; top:19.5%; opacity:0; transition:opacity 0.3s; } 
.flt_inner a { display:block; margin-bottom:9px; } 
.flt_inner a.top { width:42px; margin:0 auto; } 
.flt_inner.renewal a { margin-bottom:0; } 
.flt_inner.renewal li { margin-top:5px; line-height:1; } 
.flt_inner.renewal li:first-child { margin-top:0; } 
.flt_inner.renewal li.top { margin-top:10px; } 
.flt_inner.renewal li.top a { display:block; text-align:center; } 
.flt_inner.renewal li img { vertical-align:top; } 
.flt_inner.renewal.text { text-align:center; width:180px; } 
.flt_inner.renewal.text li { margin-top:10px; } 
.flt_inner.renewal.text li:first-child { margin-top:0; } 
.flt_inner.renewal.text li:not(.top) { border:1px solid #555555; border-radius:10px; overflow:hidden; } 
.flt_inner.renewal.text li:not(.top) a { padding:25px 0; font-size:18px; color:#000; font-weight:900; line-height:1.3; background-color:#fff; } 
.flt_inner.renewal.text li:not(.top) a strong { display:block; color:#a73b31; font-weight:900; } 
.flt_inner.renewal.example li:not(.top) a{text-align:center;background-color:#111;color:#fff;padding:10px;font-size:14px;}

/* °­»çȨ ¹öÆ° (°øÅë) */
.teacher_home {display: flex;align-items: center;}
.teacher_home i{width: 1px;height: 14px;background: #000;opacity: 0.5;display: inline-block;margin: 0 10px 0;vertical-align: middle;}
.teacher_home b{background: #000;color: #fff;line-height: 1;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 900;padding: 5px 7px 6px;border-radius: 100%;margin: 0 0 0 5px;letter-spacing: 0;}
.teacher_home.white {color:#fff}
.teacher_home.white i{background: #fff;}
.teacher_home.white b{background: #fff;color: #000;}

/* ÄÄÆ÷³ÍÆ® (°øÅë) */
.tab_base > li a { transition:background-color 0.2s, color 0.2s; } 
.panel_base:not(.w_slide) > li, .panel_base:not(.w_slide) > div { display:none; } 
.panel_base.w_slide > li, .panel_base.w_slide > div { opacity:0; } 
.panel_base.w_slide.active > li, .panel_base.w_slide.active > div { opacity:1; } 

/* Á¦¸ñ, ÄÁÅÙÃ÷ (°øÅë) */
.eventWrap .con_tit { position: relative; text-align: center; } 
.eventWrap .con_box { position: relative; } 

/* °¡·Î¼±ÀÌ ÀÖ´Â subÁ¦¸ñ */
.evSection .subtitle_line { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 35px; } 
.evSection .subtitle_line .line { flex: 1; height: 1px; background-color: #000000; } 
.evSection .subtitle_line .text { margin: 0 18px; color: #000000; font-size: 26px; font-weight: bold; } 

/* °¡·Î¼±ÀÌ ÀÖ´Â subÁ¦¸ñ-¸®´º¾ó */
.line_tit {display: flex;justify-content: center;align-items: center;margin: 0 0 20px;}
.line_tit i{height: 1px;background: #000;flex: 1;}
.line_tit i:last-child{right: unset;left:100%;}
.line_tit span {position: relative;padding: 0 40px;line-height: 1;display: inline-block;}
.line_tit.circle span {background: #000;color: #fff;padding: 10px 60px 12px;border-radius: 40px;}
.line_tit.square i{height: 10px;border: 1px solid #000;border-width: 1px 0 0 1px;background: none;margin: 10px 0 0;}
.line_tit.square i:last-child{border-width: 1px 1px 0 0;}
.line_tit.line span {border: 1px solid;padding: 10px 60px 12px;border-radius: 40px;}
.line_tit.white {color: #fff;}
.line_tit.white i {background: #fff;}
.line_tit.white.circle span {background: #fff;color: #000;}
.line_tit.white.square i {background: none;border-color: inherit;}



/* °Ô½ÃÆÇ (°øÅë) */
.eventBoard .evtBoard_common { padding:0; margin:0; } 
.eventBoard .evtBoard_common .evtBoard_inner { padding:30px; } 
.eventBoard .evtBoard_common .board_write { margin:0; } 
.eventBoard .evtBoard_common .info_wrap { margin:10px 0 0; text-align:right; } 
.eventBoard .evtBoard_common .info_wrap .tip_list { text-align:left; font-size:14px; font-weight:400; color:#444444; } 
.eventBoard .evtBoard_common .info_wrap.with_tip { width:100%; } 
.eventBoard .evtBoard_common .info_wrap.with_tip:after { content:''; display:block; clear:both; } 
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list { float:left; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { float:right; } 
.eventBoard .evtBoard_common .board_notice { margin:10px 0 0; position:relative; } 
.eventBoard .evtBoard_common .board_notice li.chk_notice { top:0; right:0; width: auto; } 
.eventBoard .evtBoard_common .board_notice li.chk_notice label { vertical-align:middle; } 
.eventBoard .evtBoard_common .no_list .no_list_icon { display: block; margin: 0 auto 0.5vw; } 

.eventBoard .radio_list { text-align:left; font-size:0; margin-bottom:30px; } 
.eventBoard .radio_list li { display:inline-block; margin-right:40px; } 
.eventBoard .radio_list li:last-child { margin-left:0; } 
.eventBoard .radio_list li label, .eventBoard .radio_list li input { vertical-align:middle; } 
.eventBoard .radio_list li input { width:18px; height:18px; } 
.eventBoard .radio_list li label { font-size:18px; color:#fff; margin-left:10px; } 

/* °Ô½ÃÆÇ (°øÅë) _ À̹ÌÁö ÷ºÎ¹öÆ° Ãß°¡ */
.eventBoard.attachedImg .evtBoard_common .dflex { display: flex; } 
.eventBoard.attachedImg .evtBoard_common .board_write { padding-right: 315px; } 
.eventBoard.attachedImg .evtBoard_common .board_write .btn_wrap.dflex { width: 305px; justify-content:space-between; } 
.eventBoard.attachedImg .evtBoard_common .board_write .btn_wrap.dflex a { width: 49%; } 
.eventBoard.attachedImg .evtBoard_common .board_write .btn_wrap.dflex a + a { background: #ef4f27; } 

.eventBoard.attachedImg .evtBoard_common .board_list ul li.dflex { justify-content: flex-start; } 
.eventBoard.attachedImg .evtBoard_common .board_list ul li .img { margin-right: 15px; background: #f0f0f0; width: 80px; height: 80px; overflow: hidden; display: inline-block; } 
.eventBoard.attachedImg .evtBoard_common .board_list ul li .text { width: calc(100% - 95px); } 
.eventBoard.attachedImg .evtBoard_common .board_list ul li .img img { object-fit: contain; width: 100%; height: 100%; /*À̹ÌÁö ²ËÂ÷°Ô object-fit: cover; */ } 

/* °Ô½ÃÆÇ (°øÅë) _ ÀÎÁõ URL + ±â´ëÆò Ãß°¡ */
.eventBoard.certifyUrl .evtBoard_common .board_write { padding-right:210px; } 
.eventBoard.certifyUrl .evtBoard_common .board_write .inp_wrap { padding-left:110px; position: relative; margin-top:10px; } 
.eventBoard.certifyUrl .evtBoard_common .board_write .inp_wrap:first-of-type { margin-top:0; } 
.eventBoard.certifyUrl .evtBoard_common .board_write .inp_wrap label { position:absolute; left:0; top:12px; font-size:20px; color:#fff; font-weight:700; } 
.eventBoard.certifyUrl .evtBoard_common .board_write .inp_wrap input[type="text"] { height:auto; } 
.eventBoard.certifyUrl .evtBoard_common .board_write .btn_wrap { height:100%; } 
.eventBoard.certifyUrl .evtBoard_common .board_write .btn_wrap a { height:100%; display:flex; align-items:center; justify-content: center; line-height:1; } 
.eventBoard.certifyUrl textarea::placeholder { opacity:0.5; } 
.eventBoard.certifyUrl textarea::-webkit-input-placeholder { opacity:0.5; } 
.eventBoard.certifyUrl textarea:-ms-input-placeholder { opacity:0.5; } 

/* À¯ÀÇ»çÇ× (°øÅë) */
.warningList { text-align:left; } 
.warningList li { font-size:13px; color:#000000; line-height:1.7; } 
.warningList > li { margin-top:30px; } 
.warningList > li:first-child { margin-top:0; } 
.warningList > li.w_tit { font-size:17px; } 
.warningList li .s_tit { font-size:14px; font-weight:bold; } 
.warningList li ul li a { font-size:12px; display:inline-block; font-weight:bold; padding:2.5px 8px; line-height:1; margin-left:5px; } 
.warningList li ul li a.tp2 { padding:0; font-weight:bold; font-size:13px; } 
.warningList li.indent { position:relative; padding-left:10px; } 
.warningList li.indent span { position:absolute; left:0; top:0; } 
.warningList .f_dash li { padding-left:12px; position:relative; } 
.warningList .f_dash li .dash { position:absolute; left:0; top:0; } 
.warningList .f_dash.f_strong { margin-bottom:15px; } 
.warningList .f_dash.f_strong li { font-weight:bold; } 

/* À¯ÀÇ»çÇ× (Åä±Û) */
.evtoggleWarning p.w_tit { background: #000; color: #fff; font-size: 16px; padding: 10px 0; position: relative; cursor: pointer; } 
.evtoggleWarning p.w_tit::before { content:''; width: 1000%; height: 100%; background: #000; position: absolute; top: 0; left: -500%; } 
.evtoggleWarning p.w_tit span { position: relative; } 
.evtoggleWarning p.w_tit i { margin-left: 5px; display: inline-block; position: relative; vertical-align: text-top; } 
.evtoggleWarning.on p.w_tit i { transform: rotate(180deg) translateY(-15%); } 
.evtoggleWarning .warningList { padding: 40px 0; display: none; font-family: var(--font-warning); } 
.evtoggleWarning.on .warningList { display: block; } 

/* ·¹°Å½Ã Æ˾÷ (°øÅë) */
.popup-dimm { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9; display:none; } 
.popup-wrap { position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); z-index:10; background-color:#fff; padding:50px 35px; border-radius:10px; font-family:var(--font); display:none; box-sizing:border-box; width:510px; } 
.popup-wrap * { box-sizing:border-box; } 
.popup-wrap.abs { position:absolute; transform:translateX(-50%); } 
.popup-wrap .btn_close { position:absolute; right:0; top:-55px; width:45px; height:45px; background:url('https://img.megagong.net/m/2022/0620_kimchanghun/btn_close.png') 0 0 no-repeat; font-size:0; } 
.popup-wrap.wide { padding:0; width:1280px; height:700px; position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); background-color:#000; border-radius:0; } 
.popup-wrap .btn_today { position: absolute; top: -30px; right: 30px; border: 1px solid #fff; padding: 3px; color:#fff; } 
.popup-wrap .btn_x { position: absolute; top: -30px; right: 0; border: 1px solid #fff; padding: 3px 8px; color:#fff; } 


/* STEP ¾È³» */
.evSection .event_step { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evSection .event_step .step { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 1; height: 200px; padding: 45px 25px 32px 25px; background-color: #fff; } 
.evSection .event_step .step::before { position: absolute; top: 50%; right: -18px; transform: translate(0, -50%); content: ""; width: 36px; height: 36px; background-image: url("https://image.megagong.net/m/2024/0416_promo/event1_step_arrow.png"); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 2; } 
.evSection .event_step .step::after { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ""; width: 1px; height: calc(100% - 80px); background-color: #dddddd; } 
.evSection .event_step .step:last-of-type::before,
.evSection .event_step .step:last-of-type::after { display: none; } 
.evSection .event_step .step span { display: inline-block; margin-bottom: 18px; color: #000000; font-size: 20px; font-weight: 900; } 
.evSection .event_step .step p { color: #000000; font-size: 16px; font-weight: bold; } 
.evSection .event_step .step a { display: inline-block; width: 100%; height: 46px; line-height: 46px; margin-top: 13px; color: #fff; font-size: 16px; font-weight: bold; background-color: #000000; border-radius: 5px; } 
.evSection .event_step .step i.custom_option { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; min-width: 147px; margin-top: 8px; color: #cf3043; font-size: 14px; font-weight: bold; font-style: normal; } 
.evSection .event_step .step i.custom_option > img { margin-right: 9px; } 
.evSection .event_step .step i.custom_option:last-of-type { margin-top: 3px; } 

/* STEP °øÅë ¸®´º¾ó */
.eventStep-base{display:flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;gap: 10px;margin: 0 0 20px;}
.eventStep-base.no_gap{gap:0;border-radius: 15px;background: #fff;overflow: hidden;}
.eventStep-base .item{position: relative;flex:1;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;background: #fff;border-radius: 15px;padding: 30px 0 30px;}
.eventStep-base .item::before {content: "";position: absolute;top: 50%;right: -25px;transform: translateY(-50%);width: 36px;height: 36px;background: url('https://image.megagong.net/m/2024/0416_promo/event1_step_arrow.png') center no-repeat;z-index: 1;}
.eventStep-base .item:last-child:before { display: none; } 
.eventStep-base.no_gap .item::before {content: "";width: 1px;height: 70%;background: #dbdbdb;right: 0;} 
.eventStep-base.no_gap .item::after {content: "";display: block;position: absolute;right: -18px;bottom: 50%;transform: translateY(50%);width: 36px;height: 36px;background-image: url('https://image.megagong.net/m/2024/0807_jeonhangil/arrow.png');background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;z-index: 1;} 
.eventStep-base.no_gap .item:last-child:after { display: none; } 
.eventStep-base .item .step{color: #0082ff;line-height: 1;font-weight: bold;}
.eventStep-base .item .step.circle{background: #0082ff;color: #fff;border-radius: 50px;padding: 4px 15px 5px;font-weight: normal;}
.eventStep-base .item p{margin: 15px 0 0;}
.eventStep-base .item p.noti{color: #f00;margin: 10px 0 0;}
.eventStep-base .item i.icon{margin: 15px 0 0;}
.eventStep-base .item .btn-base{margin: 15px 0 0;}


/* °øÀ¯Çϱ⠰øÅë */
.shareList .tit { position: relative; text-align: center; } 
.shareList .tit::before { position:absolute; content:''; top: 50%; left: 0; margin-top:-5px; width: 410px; height: 10px; border-top:2px dashed #888888 } 
.shareList .tit::after { position:absolute; content:''; top: 50%; right: 0; margin-top:-5px; width: 410px; height: 10px; border-top:2px dashed #888888 } 
.shareList ul { padding: 40px; background: #fff; } 
.shareList ul li+li { margin: 15px 0 0; } 
.shareList ul li dl { position: relative; padding: 0 0 0 155px; text-align: center; } 
.shareList ul li dl:after { content:''; display:block; clear:both } 
.shareList ul li dl dt { color: #fff; width: 155px; height: 50px; line-height:50px; border-radius: 8px; font-size: 20px; font-weight: bold; margin: 0; position: absolute; top: 0; left: 0; } 
.shareList ul li dl dd { float: left; width: 155px; height: 50px; border-radius: 8px; margin: 0 0 0 20px; border: 1px solid #3a3a3a; color: #3a3a3a; font-weight: bold; font-size: 16px; box-sizing: border-box; } 
.shareList ul li dl dd+dd { margin:0 0 0 10px } 
.shareList ul li dl dd a { display:table; width:100%; height:100%; } 
.shareList ul li dl dd a span { display:table-cell; vertical-align:middle; line-height:120%; } 
.shareList ul li dl.sns dt { background-color: #4e7fd9; } 
.shareList ul li dl.sns dd { border:1px solid #4e7fd9; color:#4e7fd9; } 
.shareList ul li dl.naver dt { background-color: #4db369; } 
.shareList ul li dl.naver dd { border:1px solid #4db369; color:#4db369; } 
.shareList ul li dl.daum dt { background-color: #be5d5d; } 
.shareList ul li dl.daum dd { border:1px solid #be5d5d; color:#be5d5d; } 
.shareList ul li dl.etc dt { background-color: #878787; } 
.shareList ul li dl.etc dd { border:1px solid #878787; color:#878787; } 
/* °øÀ¯Çϱ⠰øÅë - 4°³ ³ª¿­ */
.shareList.ver2 ul li dl dd { width: 195px; } 
.shareList.ver2 ul li dl.sns dt { background-color: #63b4ff; } 
.shareList.ver2 ul li dl.naver dt { background-color: #54d582; } 
.shareList.ver2 ul li dl.daum dt { background-color: #ac63ff; } 
.shareList.ver2 ul li dl.etc dt { background-color: #bebebe; } 
.shareList.ver2 ul li dl.sns dd,.shareList.ver2 ul li dl.naver dd,
.shareList.ver2 ul li dl.daum dd,.shareList.ver2 ul li dl.etc dd { border:1px solid #c6c6c6; color:#888888; } 
/* °øÀ¯Çϱ⠰øÅë - sns app ³ª¿­ */
.shareList.ver3 ul+ .evtBoard_common{background: #ddd;}
.shareList.ver3 ul{display: flex;align-items: center;justify-content: center;gap: 50px;background: #ddd;}
.shareList.ver3 ul li {margin: 0;}
.shareList.ver3 ul li a{display: block;}


/* ±âÁ¸ ºñµð¿À */
.eventVideo { position: relative; background: #f1f2f2; width: 670px; height: 380px; overflow: hidden; cursor: pointer; } 
.eventVideo .video_box { padding-bottom: 35.295%; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: none; z-index: 2; } 
.eventVideo .video_box .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.eventVideo .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.eventVideo .tea_tit { position: absolute; top: 0; left: 0; margin: 95px 0 0 54px; text-align: left; font-size: 26px; font-weight: normal; z-index: 2; padding: 0; } 
.eventVideo .tea_tit::before { content:''; display: block; font-size: 0; width: 88px; height: 88px; background: url('https://img.megagong.net/m/2022/0422_sobang/con_img21.png') no-repeat 0 0; vertical-align: middle; margin: 0 0 0 10px; position: absolute; bottom: 0; left: 0; margin: 0 0 -130px; } 
.eventVideo .tea_tit i { display: inline-block; position: absolute; top: -35px; left: 0; width: 120px; height: 30px; background: #0088e8; color: #fff; font-size: 16px; text-align: center; line-height: 30px; font-style: normal; } 
.eventVideo .tea_img,
.eventVideo .video_box .play_area > img { z-index: 1; position: absolute; top: 13px; right: 0; width: 302px; } 

/* ºñµð¿À - ¸®´º¾ó */
.eventVideo.video_renewal { position: relative; width: auto; height: auto; background: #000; } 
.eventVideo.video_renewal .video_box { position: relative; top: unset; left: unset; width: auto; height: auto; padding-bottom: 56.2%; } 
.eventVideo.video_renewal .video_box .play_area > img { top: 0; width: 100%; } 
.eventVideo.video_renewal .video_box.v_popup { padding-bottom:0; } 

/* ºñµð¿À - ±×¸²ÀÚ */
.eventVideo.with_shadow { margin-bottom: 45px; overflow: visible; } 
.eventVideo.with_shadow::before { position: absolute; left: 50%; bottom: -45px; transform: translate(-50%, 0); content: ''; width: 100%; height: 45px; background-image: url('https://img.megagong.net/common/video_bg.png'); background-repeat: no-repeat; background-position: 50% 0; background-size: contain; } 

/* ºñµð¿À - À¯Æ©ºê Àç»ý */
.eventVideo.for_youtube { width: auto; height: auto; } 
.eventVideo.for_youtube .tea_img,
.eventVideo.for_youtube .video_box .play_area > img { top: 0; width: 100%; } 
.eventVideo.for_youtube .ytb_thumb { position: absolute; left: 0; top: 0; width: 100%; } 

/* ºñµð¿À - ¸®½ºÆ®(2´Ü) */
.eventVideo_list { width:100%; } 
.eventVideo_list:after { content:''; display:block; clear:both; } 
.eventVideo_list > li { width:520px; float:left; margin-left:40px; } 
.eventVideo_list > li:first-child { margin-left:0; } 
.eventVideo_list > li .eventVideo.with_shadow { margin-bottom:30px; } 
.eventVideo_list > li .eventVideo.with_shadow::before { height:30px; bottom:-30px; background-image: url('https://img.megagong.net/common/video_bg_small.png'); } 

/* µî·Ï Æû */
.eventInput { background-color:#fff; } 
.eventInput table { width:100%; font-family: var(--font-warning) } 
.eventInput table tr { border-bottom: none; font-size: 14px } 
.eventInput table tr th { padding: 16px 0; background:#f7f7f7; text-align:center; color:#606060; font-weight:bold; line-height:18px; vertical-align:middle } 
.eventInput table tr td { padding: 10px 15px; vertical-align:middle } 
.eventInput table tr td.grade input { width: 69%; float: left } 
.eventInput table tr td.grade input:nth-child(2) { width: 21%; float: right } 
.eventInput table tr td.grade select { border: 1px solid #b1b1b1; text-align: left; padding: 0 0 0 10px } 
.eventInput table tr td.flie p { margin-top: 10px; text-align:left; display: block; color: #666666; padding-left: 3px; font-size: 12px; overflow: hidden; font-family: var(--font-warning) } 
.eventInput table select { width: 29%; height: 36px; font-size: 14px; border: 1px solid #b1b1b1; vertical-align: middle; padding:0; text-align: center; float: right; border: 1px solid #b1b1b1; border: 1px solid #b1b1b1 } 
.eventInput table input[type="text"] { border: 1px solid #b1b1b1; height: 36px; display: inline-block; vertical-align: middle; padding-left: 10px; box-sizing: border-box; width: 100% } 
.eventInput table td[colspan="3"] input[type="text"] { width: 70% } 
.eventInput .filebox { position: relative; height: 36px; padding: 0 0 0 1px; overflow: hidden; width: 670px; } 
.eventInput .filebox .filename { position: relative; height: 36px; width: 560px; float: left; border: 1px solid #b1b1b1; overflow:hidden; box-sizing: border-box; padding: 0 60px 0 0; } 
.eventInput .filebox .filename label { position: absolute; top:0; left:0; z-index: 1; font-size: 13px; padding-left: 10px; height: 30px; line-height: 30px } 
.eventInput .filebox .filename input[type="text"] { position: absolute; left:0; font-size: 13px; width: 100%; height: 30px; line-height: 30px; padding-left: 10px; color: #666666; border:0; box-sizing: border-box } 
.eventInput .filebox .filename input.mb768[type="text"] { display: none } 
.eventInput .filebox .filebtn { position: relative; height: 36px; float: left; overflow: hidden; font-size: 0 } 
.eventInput .filebox .filename .file_del { position: absolute; width: 50px; height: 36px; line-height: 36px; font-size: 13px; background-color: #929292; color: #fff; right: 0; top: 0; } 
.eventInput .filebox .filebtn label { display: block; background: #0b0b0b; color: #fff; font-size: 13px; width: 100px; text-align: center; height: 36px; line-height: 36px; float: left } 
.eventInput .filebox input[type="file"] { position: absolute; top:0; left: 0; width: 70%; height: 100%; cursor: pointer; opacity:0; color: #666666; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0 } 
.eventInput .btn { width: 440px; display: block; margin: 0 auto } 
.eventInput .btn.complete { cursor:default } 
.eventWrap .con03 .chk_wrap { position: relative; text-align:right; padding: 12px 0 0 0; text-align: left; font-family: var(--font-warning); color: #555; margin: 0 0 50px } 
.eventWrap .con03 .chk_wrap input[type="checkbox"] { width: 14px; height: 14px; margin-right: 2px; margin-top: -3px } 
.eventWrap .con03 .chk_wrap label { color: #555; font-size: 13px } 
.eventWrap .con03 .chk_wrap label span { color: #e20000; font-weight: bold } 
.eventWrap .con03 .chk_wrap .detail { display: inline-block; color: #555; font-size: 12px; margin-left: 2px; padding-bottom: 0px; border-bottom: 1px solid #555; font-weight: bold } 
.eventWrap .con03 .info_popwrap { width: 535px; background-color:#ffffff; border: solid 1px #000000; padding: 10px 30px 20px; position: absolute; left: 50%; border-radius: 10px; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 3; box-sizing: border-box } 
.eventWrap .con03 .info_popwrap p { padding-top: 0 } 
.eventWrap .con03 .info_popwrap .txtcont { color: #606060 } 
.eventWrap .con03 .info_popwrap .tit { font-size:14px; font-weight:bold; margin-bottom: 3px; color: #606060; margin: 20px 0 0 } 
.eventWrap .con03 .info_popwrap .txt { color: #606060; font-size: 14px; line-height: 1.5; padding: 0 15px 0 0 } 
.eventWrap .con03 .info_popwrap .txt br { display:none } 
.eventWrap .con03 .info_popwrap .txt strong { font-weight:400 } 
.eventWrap .con03 .info_popwrap .pop_clobtn { position:absolute; top:15px; right:15px; cursor:pointer; z-index:1 } 

/* ¹öÆ° ±×·ì */
.eventBtns { display:flex; justify-content:center; gap:0 20px; }
.eventBtns a { display:inline-block; }
.eventBtns a.btn_ui { display:inline-block; padding: 26px; background-color: #000; color: #fff; border-radius: 40px; font-size:20px; min-width: 470px; }
.eventBtns a.btn_ui .point { color: #ffea5b; }
.eventBtns a.btn_ui.complete { background-color: #999; }

.eventButtons{display:flex;justify-content:center;gap:0 40px;flex-wrap:wrap;width:100%;}
.eventButtons .btn{font-size:22px;font-weight:bold;color:#fff;display:flex;padding:25px 20px;background-color:#111;border-radius:5px;min-width:400px;align-items:center;justify-content:center;}
.eventButtons .btn.point{background-color: var(--btn-point);}
.eventButtons .btn.point2{background-color: var(--btn-point2);}
.eventButtons .btn.complete{background-color: var(--btn-complete);}
.eventButtons .btn .ico{display:inline-block;position: relative;}
.eventButtons .btn .ico::before{content:'';display:inline-block;position: absolute;left:0;top:0;}
.eventButtons .btn .ico.book1{padding-left:46px;}
.eventButtons .btn .ico.book2{padding-left:36px;}
.eventButtons .btn .ico.book1::before{width:34px;height:30px;background:url('https://image.megagong.net/m/2024/0905_allawyer/ic_book1.png') 0 0 no-repeat;}
.eventButtons .btn .ico.book2::before{width:28px;height:31px;background:url('https://image.megagong.net/m/2024/0905_allawyer/ic_book2.png') 0 0 no-repeat;}


/* À̺¥Æ® ±â°£ ¾È³» */
/* À̺¥Æ® ±â°£ ¾È³» - ±âº»Çü */
.container_info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; padding: 12px 30px; color: #000; font-size: 21px; border-radius: 50px; background-color: #fff; } 
.container_info, .container_info > * { position: relative; } 
.container_info .info { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-right: 50px; } 
.container_info .info:last-of-type { margin-right: 0; } 
.container_info .info .info_title { position: relative; font-weight: 600; padding: 0 min(13px,2vmin); margin-right: min(15px,2vmin); width: fit-content;} 
.container_info .info .info_title:nth-of-type(2) { margin-left: 45px; } 
.container_info .info .info_title::before { position: absolute; top: 50%; left: 0; width: min(5px,.8vmin); height: min(5px,.8vmin); transform: translate(0,-50%); content: ''; background-color: #000; border-radius: 50%; } 
.container_info .info .info_title::after { position: absolute; top: 50%; transform: translate(0,-50%); content: ''; width: 2px; right: 0; height: 50%; background-color: #000; } 
.container_info .info .noti { position: relative; margin-left: 20px; padding-left: 10px; color: inherit; font-size: 14px; font-weight: 300; opacity: 0.7; } 
.container_info .info .noti::before { position: absolute; top: 3px; left: 0; content: '*'; } 
.container_info.ver_dark { background-color:#000; color:#fff; } 
.container_info.ver_dark .info .info_title::before, .container_info.ver_dark .info .info_title::after { background-color:#fff; } 

/* À̺¥Æ® ±â°£ ¾È³» - ³ª¿­Çü */
.container_info.ver_column { background-color: transparent; gap: 10px; padding: 0; } 
.container_info.ver_column .info { width: 100%; margin-right: 0; text-align: left; justify-content: flex-start; align-items: flex-start; } 
.container_info.ver_column .info .info_date { padding-top: 0; flex: 1; } 
.container_info.ver_column .info .info_title { width: 130px; } 
.container_info.ver_column .info .info_title:before,.container_info.ver_column .info .info_title:after { display:block !important } 
/* À̺¥Æ® ±â°£ ¾È³» - ¿øÇü³ª¿­ */
.container_info.ver_circle { background-color: transparent; border-radius: 0; gap: 20px; padding: 0; } 
.container_info.ver_circle .info { width: 100%; margin-right: 0; text-align: left; gap: min(15px,2vmin); justify-content: flex-start; align-items: stretch; } 
.container_info.ver_circle .info .info_title { background: rgb(240, 127, 127); border-radius: 30px; color: #fff; text-align: center; line-height: 40px; margin-right: 0; width: 150px; } 
.container_info.ver_circle .info .info_date { /*padding-top: 5px;*/ flex: 1; } 
.container_info.ver_circle .info .info_title:before,.container_info.ver_circle .info .info_title:after { display:none !important } 

/* À̺¥Æ® ±â°£ ¾È³» - ¼±¹°Çü */
.container_info_wrap { display: flex; position: relative; align-items: center; justify-content: center; font-size: 21px; flex-direction:row-reverse; gap:min(50px,5vmin) } 
.container_info_wrap > * { position: relative; } 
.container_info_wrap .gift + .container_info { flex:1 } 

/* À̺¥Æ® ±â°£ ¾È³» - ¼±¹°Çü2 */
.container_gift_wrap ul { justify-content: space-between; } 
.container_gift_wrap ul li { width: min(320px,45%); } /*flex ±âº»°ªÀÌ nowrapÀÌ¶ó¼­ 45%¿¡ ¿µÇâÀ» ¹ÞÁö¾ÊÀ½*/
.container_gift_wrap ul.col2 { justify-content: center; gap: 0 80px; }


/* ¼ö°­Èı⠸ñ·Ï */
.eventWrap .tech_comment_name { font-size:15px; font-weight:bold; color:#fff; text-align:left; display:block; padding-left:28px; position:relative; text-align:left; margin-bottom:20px; } 
.eventWrap .tech_comment_name:before { content:''; display:block; width:18px; height:15px; background:url('https://img.megagong.net/common/ic_tec_check.png') 0 0 no-repeat; position: absolute; left:0; top:2px; } 
.eventWrap .tech_commentwrap { background-color: #fff; } 

/* ÀÎÁõ¼¦ or ±³À縮ºä °¶·¯¸® */
.type_lst ul::after { content:""; clear:both; display:block; } 
.type_lst ul { padding-bottom:10px; } 
.type_lst ul li { float:left; line-height:1; margin: 0 10px 0 0; border-right: 1px solid #111; padding: 0 10px 0 0; } 
.type_lst ul li a { display: inline-block; color: #111; font-weight: 100; padding: 0 0 3px; font-size:15px; } 
.type_lst ul li a img { margin-left:7px; margin-top:-2px; } 
.type_lst ul li a .icon_on { display:none; } 
.type_lst ul li.on a { font-weight: bold; color:#111; } 
.type_lst ul li.on a .icon_off { display:none; } 
.type_lst ul li.on a .icon_on { display:inline-block; } 
.type_lst ul li:last-child { border:0 } 
.gallery_lst ul::after { content:""; display:block; clear:both } 
.gallery_lst ul li { float:left; width: 32%; box-sizing:border-box; margin-bottom:20px; margin: 0 2% 2% 0; background: #fff; } 
.gallery_lst ul li:first-child,
.gallery_lst ul li:nth-child(2),
.gallery_lst ul li:nth-child(3) { margin-top:0; } 
.gallery_lst ul li:nth-child(3n) { margin-right:0; } 
.gallery_lst ul li div { position: relative; } 
.gallery_lst ul li .txtBox { margin:10px 10px 0; box-sizing:border-box; border:1px solid #ccc; } 
.gallery_lst ul li strong { display:block; padding: 14px 0; text-align: center; font-size: 16px; font-weight:400; } 
.gallery_lst ul li .txt { padding:0 13px; margin:20px 0 25px; height:140px; overflow-x:hidden; overflow-y:auto; font-weight: 400; font-size:14px; color:#333333; line-height:1.6; text-align: left; word-break: break-word; } 
.gallery_lst ul li p { position: relative; text-align:right; padding:19px 20px; font-size:13px; text-align: left; border-top:1px solid #e9e9e9; } 
.gallery_lst ul li p::after { content:""; display:block; clear:both } 
.gallery_lst ul li p a { float:left; color: #ff3636; position: absolute; top: 50%; right: -1px; padding: 6px 10px; margin: -14px 0 0; font-size:13px; font-weight:700; } 
.gallery_lst ul li p span { color: #323232; height:15px; display:inline-block; line-height:1; font-size:13px; font-weight:700; } 
.gallery_lst ul li p span:last-child { border-left: 1px solid #323232; padding:0 0 0 7px; margin:0 0 0 7px; font-size:13px; font-weight:300; } 
.gallery_lst ul li .img { position: relative; display:block; text-align:center; margin: 6px 6px 0; overflow: hidden; padding-bottom:72%; } 
.gallery_lst ul li .img:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, .3); z-index: 1; } 
.gallery_lst ul li .img img { max-width:100%; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
.gallery_lst ul li.none { width:100%; background:none; color:#fff; padding:10% 0; } 

.paging.gall { margin:0; padding:0; color: #111; text-align:center; } 
.paging.gall strong { color: #111; width:24px; height:24px; line-height:24px; vertical-align: middle; display: inline-block; padding: 0 5px; } 
.paging.gall a { color: #111; vertical-align: middle; display: inline-block; padding: 0 9px; height:24px; line-height:24px; font-weight: 100; font-size:13px; } 
.paging.gall a img { margin-top: 0; } 
.paging.gall a:first-child,
.paging.gall a:last-child { margin-top:-3px; } 


/* ¼ö°­ ÀÎÁõÇϱâ */
#popupCetify .filebox { border:1px solid #dcdcdc; position:relative; height:40px; padding-right:118px; } 
#popupCetify .filebox .filename { padding:11px 10px; } 
#popupCetify .filebox .filename input[type="text"],
#popupCetify .s-filename-wrap { display:inline-block; width:auto; max-width:100%; padding-right:15px; position: relative; } 
#popupCetify .s-filename { border:0; font-size:15px; line-height:18px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; } 
#popupCetify .filebox .filename .delbtn { color:#ff0000; font-size:15px; position:relative; z-index:1; cursor:pointer; position:absolute; right:0; top:0; } 
#popupCetify .filebox .filebtn { position:absolute; right:0; top:0; width:118px; height:38px; background-color: #000; color:#fff; font-size:15px; text-align:center; line-height:38px; } 
#popupCetify .filebox input[type="file"] { position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; } 

/* À̺¥Æ®¿µ¿ª ŸÀÌƲ ³» À̺¥Æ® Á¾·á ¾ÆÀÌÄÜ */
.con_tit { position: relative; } 
.con_tit .end { position: absolute; right: 0; top: 0; z-index: 2; width: min(25vw, 211px); height: min(25vw, 206px); } 
.con_tit .end img { display: none; } 
.con_tit .end::after { content: ""; position: absolute; right: 0; top: 0; margin: auto; display: inline-block; height: 100%; width: 100%; background-color:red; -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/common/event_end.svg'); mask-image: url('https://img.megagong.net/common/event_end.svg'); } 

/* À̺¥Æ®¿µ¿ª ŸÀÌƲ »ó´Ü EVENT ¾ÆÀÌÄÜ */
.con_tit .event_tag {position: relative; display: inline-block; width: 36%; max-width: 230px; font-style: normal; font-weight: 900; font-size: 32px; padding: 15px 0; background: #fff; margin: 0 auto 30px; z-index: 0;}
.con_tit .event_tag::before {content: ''; position: absolute; width: 16px; height: 16px; left: 50%; bottom: 0; transform: translate(-50%, 50%) rotate(45deg); background: inherit; z-index: -1;}
.con_tit .event_tag.ver_border {background: #fff; border: 4px solid #000;}
.con_tit .event_tag.ver_border::before {width: 18px; height: 18px; border: 4px solid #000; box-sizing: border-box; bottom: -3px; left: 50%; transform: translate(-50%, 50%) rotate(45deg); border-top: none; border-left: none;}
.con_tit .evt_mark{display:inline-block;padding:15px 20px;font-size:22px;font-weight:500;color:#fff;border-radius:35px;background-color:#000;font-style:normal;min-width:225px;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25);position: relative;margin-bottom:45px;}
.con_tit .evt_mark.square{border-radius:0;}
.con_tit .evt_mark::after {content:'';display:block;position: absolute;left:50%;margin-left:-9px;bottom:-10px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid #000;}

/* 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; } 
/* E: °øÀ¯Çϱâ À̺¥Æ® Æ˾÷ */

/* S: swiper °øÅë */
.swiper-pagination { z-index: 1; } 
/* E: swiper °øÅë */

/* À̺¥Æ® ÅÇ °øÅë */
.evt-tab {position: relative; display: flex; z-index: 0;}
.evt-tab li {position: relative; flex: 1;}
.evt-tab li a {display: block;}
.evt-tab.type-1 li a {padding: 26px 5px; color: #c5c5c5; background: #e9e9e9; border: 3px solid #e9e9e9;}
.evt-tab.type-1 li.on::before {content: ''; position: absolute; width: calc(100% - 6px); height: 4px; background: #fff; left: 3px; bottom: 0; z-index: 1;}
.evt-tab.type-1 li.on a {color: #111; background: #fff; border-color: #111;}
.evt-tab.type-1.xl-line::before {content: ''; position: absolute; width: 1000%; height: 3px; left: -500%; bottom: 0; background: #111; z-index: 1;}

/* S: °­Á¸®½ºÆ® */
.lecTab_wrap > div, .teaTab_wrap > div, .stepTab_wrap > div{text-align: left;}
/* E: °­Á¸®½ºÆ® */

@media screen and (max-width: 1300px) {
    /* ·¹°Å½Ã Æ˾÷ */
    .popup-wrap.wide { width:80%; height:50vw; } 
}

@media screen and (max-width:1200px) {
    .eventWrap { font-size:13px; } 
    .eventWrap .evWarning { padding:45px 0; } 
    .eventWrap .inner { width:96%; } 
    .eventWrap .eventBoard .evtBoard_common.tech_review .inner { width:100%; } 
    .flt_inner { display: none; } 

    /* °¡·Î¼±ÀÌ ÀÖ´Â subÁ¦¸ñ-¸®´º¾ó */
    .line_tit span {padding: 0 20px;}
    .line_tit.circle span,.line_tit.line span {padding: 7px 30px 9px;}

    /* STEP °øÅë ¸®´º¾ó */
    .eventStep-base{gap:7px}
    .eventStep-base .item::before{right: -20px}
    .eventStep-base .item i.icon{width: min(80%,100px);}

    .eventBoard .evtBoard_common { padding:0; } 
    .eventBoard .evtBoard_common .evtBoard_inner { padding:15px; } 
    .eventBoard .radio_list { margin-bottom:15px; } 
    .eventBoard .radio_list li { margin-right:20px; } 
    .eventBoard .evtBoard_common .board_notice li { width: calc(100% - 40px); } 
    .eventBoard.attachedImg .evtBoard_common .board_write { padding-right: 0; } 
    .eventBoard.attachedImg .evtBoard_common .board_write .btn_wrap.dflex { width: 100%; } 
    .eventBoard.attachedImg .evtBoard_common .board_write .btn_wrap.dflex a { width: 50%; } 
    .eventBoard.certifyUrl .evtBoard_common .board_write { padding-right:0; } 
    .eventBoard.certifyUrl .evtBoard_common .board_write .inp_wrap label { font-size:16px; } 
    .eventBoard.certifyUrl .evtBoard_common .board_write .btn_wrap { margin-top:10px; } 
    .eventBoard.certifyUrl .evtBoard_common .board_write .btn_wrap a { padding:10px 0; } 

    .warningList > li { margin-top:15px; } 
    
    .evtoggleWarning.on .warningList { padding: 30px 0; } 

    .shareList ul { padding: 2%; } 
    .shareList ul li dl { padding: 0 0 0 18%; } 
    .shareList ul li dl dt { width: 18%; font-size: 18px; } 
    .shareList ul li dl dd { width: 18%; margin: 0 0 0 2%; font-size: 16px; } 
    .shareList ul li dl dd+dd { margin:0 0 0 1% } 
    /* °øÀ¯Çϱ⠰øÅë - 4°³ ³ª¿­ */
    .shareList.ver2 ul li dl dd { width: 23%; } 
    /* °øÀ¯Çϱ⠰øÅë - sns app ³ª¿­ */
    .shareList.ver3 ul{gap: clamp(10px,3vmin,50px);}


    /* µî·Ï Æû */
    .eventInput .input_info { margin: 0 } 
    .eventInput .input_info { padding: 0 } 
    .eventInput .input_info span { width: 40px; padding: 0 } 
    .eventInput .input_info ul { padding-left: 20px; margin: 0 0 20px } 
    .eventInput .input_info ul li { margin: 0 0 3px } 

    .eventInput .filebox { width: 100%; } 
    .eventInput .filebox .filename { width: 80%; } 
    .eventInput .filebox input[type="file"] { width: calc(100% - 60px); height: 36px; } 
    .eventInput .filebox .filebtn { width:20% } 
    .eventInput .filebox .filebtn label { width: 100%; } 
    .eventInput .btn { padding: 0; width: 50%; } 
    .eventInput .filebox { height: auto; } 
    .eventInput .filebox .filename input[type="text"] { font-size:12px } 
    .eventInput .filebox .filename { width: 100%; float: none; } 
    .eventInput .filebox .filebtn { float: none; width: auto; clear: both; } 
    .eventInput .filebox .filename .file_del { width:48%; width: 50px; } 
    .eventWrap .con03 .chk_wrap { margin: 0 0 20px; letter-spacing: -0.08em; } 

    /* ºñµð¿À - ¸®½ºÆ®(2´Ü) */
    .eventVideo_list > li { width:48.5%; margin-left:3%; } 

    /* À̺¥Æ® ±â°£ ¾È³» */
    .container_info { font-size: 18px; } 
    .container_info .info { display: flex; flex-direction: row; } 
    .container_info .info .info_title:nth-of-type(2) { margin-left: 45px; } 
    .container_info .info .noti { font-size: clamp(11px,1.4vmin,14px); margin-left: clamp(10px,2vmin,20px); padding-left: clamp(5px,1vmin,10px); } 
    /* ³ª¿­Çü */
    .container_info.ver_column { gap: max(10px, 5%); display: flex; } 
    .container_info.ver_column .info .info_title { width: 115px; } 
    
    /* ¿øÇü ³ª¿­Çü */
    .container_info.ver_circle { gap: max(10px, 5%); display: flex; } 
    .container_info.ver_circle .info .info_title { width: clamp(85px,16vmin,150px); line-height: clamp(25px,4vmin,40px); } 
    
    /* ÀÎÁõ¼¦ or ±³À縮ºä °¶·¯¸® */
    .type_lst { margin-top:4%; } 
    .type_lst ul li { margin: 0 10px 0 0; font-size: 14px; padding: 0 10px 0 0; } 

    .gallery_lst { margin-bottom:10px; } 
    .gallery_lst ul li { width: 49%; } 
    .gallery_lst ul li:nth-child(3n) { margin-right:2%; } 
    .gallery_lst ul li:nth-child(even) { margin-right:0; } 

    /* À̺¥Æ®¿µ¿ª ŸÀÌƲ »ó´Ü EVENT ¾ÆÀÌÄÜ */
    .con_tit .event_tag {font-size: clamp(16px, 3.2vmin, 32px); padding: 1% 0 1.5%; margin: 0 auto 4%;}
    .con_tit .evt_mark {font-size: clamp(12px,2.4vmin,22px);margin-bottom:4%;}
}

@media (max-width: 1024px) {
    .container_gift_wrap ul.col2{gap:0 40px;}

    .eventButtons{gap:0 20px;}
    .eventButtons .btn{min-width:initial;width:calc(50% - 10px);padding:20px 15px;font-size:18px;}
}

@media (max-width: 992px) {
    .click_wrap { margin:0 auto 30px; padding: 45px 10px; } 
    .click_wrap .count_wrap > p.today { font-size: 32px; } 
    .click_wrap .count_wrap > .count_box { margin: 15px auto; } 
    .click_wrap .count_wrap > .count_box .cspan { font-size: 25p } 
    #my_result.clickPop { width: 60%; } 
    #my_result.clickPop .tit { font-size: 28px; } 
    #my_result.clickPop.no .tit { font-size: 28px; } 

    
    /* °¡·Î¼±ÀÌ ÀÖ´Â subÁ¦¸ñ */
    .evSection .subtitle_line { margin-bottom: 4vw; } 
    .evSection .subtitle_line .text { margin: 0 10px; font-size: clamp(18px, 2vmin, 22px) } 


    /* À̺¥Æ® ±â°£ ¾È³» */
    .container_info { display: inline-block; margin: 0 auto; padding: 12px 30px 12px 45px; } 
    .container_info .info { justify-content: flex-start; margin-right: 0; align-items: flex-start; text-align: left; } 
    .container_info .info .info_title:nth-of-type(2) { margin-left: 45px; } 


    /* STEP ¾È³» */
    .evSection .event_step .step::before { right: -12.5px; width: 25px; height: 25px; } 
    .evSection .event_step .step { padding: 34px 15px 32px 15px; } 
    .evSection .event_step .step span { font-size: 16px; } 
    .evSection .event_step .step p { font-size: 16px; } 
    .evSection .event_step .step a { height: 40px; line-height: 40px; margin-top: 13px; font-size: 14px; } 


    /* °øÀ¯Çϱâ À̺¥Æ® Æ˾÷ */
    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 

    /* ¹öÆ° ±×·ì */
    .eventBtns { gap: 0 1%; }
    .eventBtns a.btn_ui { padding: 20px; font-size: 16px; min-width: 400px; }
}

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

    .eventWrap .evWarning { padding:25px 0; } 
    .pcView { display:none !important; } 
    .moView { display:block !important; } 
    .popup-wrap { width:96% !important; left:2%; transform:translate3d(0, -50%, 0); } 
    .popup-wrap .btn_close { width:30px; height:30px; background-size:auto 30px; top:-40px; } 

    
    /* °¡·Î¼±ÀÌ ÀÖ´Â subÁ¦¸ñ */
    .evSection .subtitle_line .text { font-size: clamp(15px, 1.5vmin, 18px); } 


    .eventBoard .radio_list li { margin-right:10px; } 
    .eventBoard .radio_list li label { font-size:14px; margin-left:5px; } 
    .eventBoard .radio_list li input { width:14px; height:14px; } 

    /* STEP ¾È³» */
    .evSection .event_step:not(.had_four) { flex-direction: column; max-width: 400px; margin: 0 auto; } 
    .evSection .event_step:not(.had_four) .step { flex: initial; width: 100%; height: auto; padding: 30px 2% 35px 2%; } 
    .evSection .event_step:not(.had_four) .step::before { top: initial; left: 50%; right: initial; bottom: -12.5px; transform: translate(-50%, 0) rotate(90deg); } 
    .evSection .event_step:not(.had_four) .step::after { top: initial; left: 50%; right: initial; bottom: 0; transform: translate(-50%, 0); width: calc(100% - 80px); height: 1px; } 
    .evSection .event_step:not(.had_four) .step a { width: calc(100% - 65px); } 
    .evSection .event_step.had_four { flex-direction: row; flex-wrap: wrap; max-width: 554px; margin: 0 auto; } 
    .evSection .event_step.had_four .step { flex: initial; width: 50%; } 
    .evSection .event_step.had_four .step:nth-of-type(1),.evSection .event_step.had_four .step:nth-of-type(2) { margin-bottom: 5px; } 
    .evSection .event_step.had_four .step:nth-of-type(2)::before,.evSection .event_step.had_four .step:nth-of-type(2)::after { display: none; } 

    /* STEP °øÅë ¸®´º¾ó */
    .eventStep-base{flex-direction: column;gap:2px}
    .eventStep-base.no_gap{gap:2px;background: none;}
    .eventStep-base .item{padding:clamp(15px,2.5vmin,20px) 0}
    .eventStep-base .item::before{display:none}
    .eventStep-base.no_gap .item::after{display:none}
    .eventStep-base .item p{margin: 5px 0 0;}
    .eventStep-base .item p.noti{margin: 5px 0 0;}
    .eventStep-base .item i.icon{display: none;}
    .eventStep-base .item .btn-base{margin: 10px 0 0;}
    
    .shareList ul li dl { padding: 0; } 
    .shareList ul li dl dt { width: 100%; font-size: 18px; position: relative; margin-bottom: 2%; height: 40px; line-height: 40px; } 
    .shareList ul li dl dd { width: 32%; margin: 0 0 0 1.3%; font-size: 14px; height: 40px; } 
    .shareList ul li dl dd:nth-child(2),
    .shareList ul li dl dd:nth-child(5) { margin:0 } 
    .shareList ul li dl dd:nth-child(5),
    .shareList ul li dl dd:nth-child(6) { margin-top:1.3% } 

    /* °øÀ¯Çϱ⠰øÅë - 4°³ ³ª¿­ */
    .shareList.ver2 ul li dl dd { width: 24%; } 
    .shareList.ver2 ul li dl dd:nth-child(5),.shareList.ver2 ul li dl dd:nth-child(6) { margin: 0 0 0 1%; } 
    /* °øÀ¯Çϱ⠰øÅë - sns app ³ª¿­ */
    .shareList.ver3 ul{flex-wrap: wrap;}
    .shareList.ver3 ul li {width: 23%;}
    
    /* ÀÎÁõ¼¦ or ±³À縮ºä °¶·¯¸® */
    .type_lst ul li a { font-size: 15px; } 
    .gallery_lst ul li strong { font-size: 14px; } 

    /* ¼ö°­ ÀÎÁõÇϱâ */
    #popupCetify .filebox { padding-right:90px; } 
    #popupCetify .filebox .filebtn { width:90px; font-size:12px; } 
    #popupCetify .filebox .filename .delbtn { font-size:12px; } 

    /* À̺¥Æ® ±â°£ ¾È³» */
    .container_info { font-size: clamp(13px,2.5vmin,21px); } 
    .container_info.ver_column .info .info_title { width: clamp(80px,17vmin,125px); } 
    /* À̺¥Æ® ±â°£ ¾È³» - ¼±¹°Çü */
    .container_info_wrap { flex-direction:column; gap:20px } 
    .container_info_wrap .gift { position: relative; width: 50%; } 

    /* À̺¥Æ® ±â°£ ¾È³» - ¼±¹°Çü2 */
    .container_gift_wrap ul { flex-wrap: wrap; justify-content: center; gap: 20px; } 
    .container_gift_wrap ul li:first-child { margin: 0 27%; } 
    .container_gift_wrap ul.col2{gap:0 20px;}
    .container_gift_wrap ul.col2 li:first-child { margin: 0; }

    /* À̺¥Æ®¿µ¿ª ŸÀÌƲ »ó´Ü EVENT ¾ÆÀÌÄÜ */
    .con_tit .evt_mark {min-width:175px;}

    /* ¹öÆ° ±×·ì */
    .eventBtns a.btn_ui { min-width:initial; width: 60%; font-size: 14px; padding: 15px; }
    .eventButtons{gap:0 10px;}
    .eventButtons .btn{font-size:16px;padding:15px 10px;}
    .eventButtons .btn .ico.book1{padding-left:36px;}
    .eventButtons .btn .ico.book1::before{width:28px;height:25px;background-size:28px auto;}
    .eventButtons .btn .ico.book2{padding-left:26px;}
    .eventButtons .btn .ico.book2::before{width:22px;height:25px;background-size:22px auto;}

    /* À̺¥Æ® ÅÇ °øÅë */
    .evt-tab.type-1 li a {padding: 3vmin 3px;}
}

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

    .warningList li { font-size:12px; line-height:1.6; } 
    .warningList li ul li a { font-size:10px; padding:2.5px 4px; } 

    .evtoggleWarning p.w_tit { font-size: 14px; } 


    .eventBoard .radio_list li label { font-size:12px; margin-left:3px; } 
    .eventBoard .radio_list li input { width:12px; height:12px; } 

    .shareList ul li dl dt { font-size:15px; height:30px; line-height:30px; } 
    .shareList ul li dl dd { font-size:12px; height:35px; } 

    .eventVideo_list > li { float:none; width:100%; margin-left:0; margin-top:0; } 

    /* STEP ¾È³» */
    .evSection .event_step .step span { font-size: 16px; } 
    .evSection .event_step .step p { font-size: 14px; } 

    /* STEP °øÅë ¸®´º¾ó */


    /* À̺¥Æ® ±â°£ ¾È³» */
    .container_info { padding: 12px 20px; border-radius: clamp(10px,2vmin,50px); } 

    /* À̺¥Æ®¿µ¿ª ŸÀÌƲ »ó´Ü EVENT ¾ÆÀÌÄÜ */
    .con_tit .event_tag::before {width: 10px; height: 10px;}
    .con_tit .event_tag.ver_border::before {width: 12px; height: 12px;}
    .con_tit .evt_mark {min-width:125px;padding:10px 15px;}
    .con_tit .evt_mark::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; bottom: -5px; margin-left: -4px; }

    /* °øÀ¯Çϱâ À̺¥Æ® Æ˾÷ */
    .dim_popup.sns { width:90% } 

    /* ¹öÆ° ±×·ì */
    .eventBtns { display: block; padding: 0 12%; } 
    .eventBtns a { margin-top: 2%; }
    .eventBtns a:first-child { margin-top: 0; }
}

@media screen and (max-width:500px) {
    /* ¹öÆ° ±×·ì */
    .eventButtons{flex-direction:column;align-items:center;gap:10px;}
    .eventButtons .btn{width:90%;}
}

/* ¼öÁ¤ */
.con_tit .event_tag.ver_border::before{}
.con_tit .event_tag.ver_border::after{}