@charset "euc-kr"; /* common */
.con_tit .end::after { background-color: #94a8a9; } 
h4 { margin-bottom: 90px; } 
.tiny { text-align: right; font-size: 11px; opacity: 0.45; } 
.dflex { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 auto; position: relative; /*gap: calc(33.3333% - li??); */ } 
.dflex > *:last-child { margin:0 !important } 
.dflex.gap20 { gap:20px } 
.dflex.gap20 > * { flex:1; } 
.dflex.w_equal { gap:0 } 
.dflex.w_equal > * { flex:1; } 

.pc_768,.pc_576 { display: block; } 
.mo_768,.mo_576 { display: none; } 

.evCon1 { padding-top: 70px; background: #c6c8c7 url(https://img.megagong.net/m/2023/0720_kimchanghun/con1_bg.jpg) no-repeat center; background-size: auto 100%; } 
.evCon1 .tiny { text-align: left; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; } 
.evCon1 .inner { width: 1250px; } 
.evCon1 h3 { text-align: left; margin-right: -115px; z-index: 2; } 
.evCon1 h3 p { color: #434343; font-weight: 300; margin: 25px auto 0; } 
.evCon1 h3 strong { display: block; margin: 95px 0 150px -45px; } 
.evCon1 h3 a { display: block; text-align: right; margin-right: 145px; font-size: 17px; font-weight: 500; } 
.evCon1 h3 a span { background: #393939; color: #fff; width: 25px; display: inline-block; height: 25px; line-height: 25px; border-radius: 50%; text-align: center; font-size: 15px; vertical-align: bottom; } 
.evCon1 h3 > span.exp { position: relative; display:block; height:39px; } 
.evCon1 h3 > span.exp em { position: absolute; display:block; width:615px; } 
.evCon1 .tea { position: relative; margin-right: -5px !important; } 

.evCon2 .evTop { background: #51a0a4; padding: 75px 0 200px; } 
.evCon2 .evTop .sliderWrap h5 { background: #316769; font-size: 25px; color: #fff; padding: 24px 10px; font-weight: 300; border-radius: 40px; width: 55.5%; margin: 0 auto 50px; } 
.evCon2 .evTop .sliderWrap h5 span { background: #224546; color: #f8f09f; border-radius: 50px; display: inline-block; width: 35px; height: 35px; line-height: 33px; font-family: '¸¼Àº °íµñ'; font-size: 21px; font-weight: 900; } 
.evCon2 .evTop .sliderWrap + .sliderWrap { margin-top: 80px; } 
.evCon2 .evBottom { background: #2a4e50; } 
.evCon2 .evBottom .inner { position: relative; padding: 110px 0; } 
.evCon2 .evBottom .inner::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 341px; height: 545px; background:url(https://img.megagong.net/m/2023/0720_kimchanghun/con2_img4.png) no-repeat center; } 
.evCon2 .evBottom p { margin-right: 40px; text-align: right; } 

/* 231110 added */
.evCon2 .con_tit { margin-bottom: 50px; } 
.evCon2 h5 { position: relative; font-weight: normal; font-size: 22px; color: #c7eee5; background: #2e676a; max-width: 440px; padding: 24px 0; border-radius: 55px; margin: 0 auto 55px; } 
.evCon2 h5::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); border-top: 15px solid #2e676a; border-left: 15px solid transparent; border-right: 15px solid transparent; } 
.evCon2 h5 b { color: #fff; } 
.evCon2 .pass_wrap { position: relative; background: #fff; text-align: left; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; margin: 0 -50px; padding: 50px; } 
.pass_wrap .tit { position: relative; font-size: 17px; font-weight: bold; padding: 0 0 0 8px; margin: 0 0 25px; line-height: 1; } 
.pass_wrap .tit::before { content: ''; position: absolute; top: 2px; left: 0; width: 2px; height: 14px; background: #222; } 
.evCon2 .btn_place { background: #fff; margin: 0 -50px; padding: 50px; padding-top: 0; } 
.evCon2 .btn_place a { display: block; max-width: 415px; margin: 0 auto; } 

.evCon3 { padding: 150px 0 180px; background: #dbe9ea; background-size: auto 100%; } 
.evCon3 h4 i { position: absolute; top: -10%; right: -9%; } 
.evCon3 h4 em { display: block; max-width: 23%; margin: 0 auto; } 
.evCon3 h4 span { font-size: 22px; display: inline-flex; margin: 35px auto 45px; background: #e2e6c3; padding: 3px 20px; color: #4c4c4c; border-radius: 20px; } 
.evCon3 h4 p { font-size: 27px; margin-top: 35px; font-weight: 200; color: #444243; } 
.evCon3 .list { text-align: left; position: relative; padding: 43px 0; border: 1px solid #9ca3a5; border-width: 1px 0; justify-content: flex-start; } 
.evCon3 .list li { font-size: 18px; margin-bottom: 10px; color: #606261; font-weight: 700; width: 57%; margin: 0 0 16px; } 
.evCon3 .list li:nth-child(2) { width: 43%; } 
.evCon3 .list li b { padding: 0 15px; color: #2c5351; position: relative; margin-right: 15px; } 
.evCon3 .list li b::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #2c5351; width: 5px; height: 5px; border-radius: 50%; } 
.evCon3 .list li b::after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #2c5351; width: 2px; height: 50%; } 
.evCon3 .list li .tiny { font-size: 14px; color: #7c9091; } 
.evCon3 .gift { margin: 100px auto 120px; } 
.evCon3 .gift.tem2 { margin-left: 130px; margin-right: 130px; } 
.evCon3 .step { margin: 60px auto 65px; } 
.evCon3 .step li { font-size: 17px; background: #fff; border-radius: 20px; padding: 40px 0; } 
.evCon3 .step li span { display: block; width: 85px; margin: 0 auto; color: #fff; background: #51a0a4; border-radius: 20px; padding: 7px 8px; font-size: 0.8em; letter-spacing: 0; } 
.evCon3 .step li img { margin: 20px auto; } 
.evCon3 .step li b { color: #428a8d; } 
.evCon3 .btn { width: 450px; margin: 0 auto; } 
.evCon3 .btn a { color: #fff; background: #51a0a4; padding: 23px 0; display: block; font-size: 24px; border-radius: 15px; font-weight: 900; } 
.evCon3 .btn a span { position: relative; padding-right: 35px; line-height: 1; display: inline-block; } 
.evCon3 .btn a span::before { content: ''; display: block; position: absolute; right: 0; top: 60%; transform: translateY(-50%); background:url(https://img.megagong.net/m/2023/0720_kimchanghun/con3_arrow.png) no-repeat center; width: 15px; height: 23px; background-size: contain; } 
.evCon3 .btn a.done { background: #c5d1d0; } 

.eventWrap .evWarning { padding: 45px 0; } 
.eventWrap .evWarning .pl0 { padding-left: 0; } 

.warningList .f_dash li.in { margin-left: 5px; } 
.warningList li ul li a { border-bottom: 1px solid #389499; padding: 0 0 2px; color: #389499; } 

.evEvent { background-color: #006166; padding:215px 0 180px; } 
.evEvent .con_tit .evt { display:block; margin-bottom:35px; } 
.evEvent .con_tit .e_label { font-size:22px; font-weight:bold; color:#4b4b4b; padding:8px 35px; background-color:#fdffc3; border-radius:25px; display:inline-block; } 
.evEvent .con_tit .e_con { display:block; font-size:45px; font-weight:900; color:#fff; margin-top:30px; } 
.evEvent .con_tit .e_info { display:block; font-size:24px; color:#fff; margin-top:30px; } 
.evEvent .con_tit .e_info strong { font-weight:700; color:#fdffc3; } 
.evEvent .con_tit .e_tips { display:block; margin:35px auto 0; width:675px; } 
.evEvent .con_tit .e_tips { border:1px solid #fdffc3; display:flex; border-radius:30px; align-items:center; } 
.evEvent .con_tit .e_tips .label { padding:10px 25px; background-color: #fdffc3; border-radius:30px; display:block; font-style:normal; font-size:19px; font-weight:700; color:#006166; } 
.evEvent .con_tit .e_tips .txt { font-size:22px; font-weight:700; color:#fdffc3; flex-grow:1; text-align:center; } 
.evt_period_box { padding:35px 0; border-top:1px solid #9da5a6; border-bottom:1px solid #9da5a6; } 
.evt_period_box ul { display:flex; flex-wrap:wrap; gap:15px 0; } 
.evt_period_box li { font-size:18px; color:#ffffff; display:flex; /*align-items:center; */text-align:left; } 
.evt_period_box li:nth-child(odd) { width:65%; } 
.evt_period_box li:nth-child(even) { width:35%; } 
.evt_period_box li .label { position: relative; padding:0 15px 0 20px; flex-shrink:0; } 
.evt_period_box li .label::before,.evt_period_box li .label::after { content:''; display:block; background-color:#fff; position: absolute; } 
.evt_period_box li .label::before { width:5px; height:5px; border-radius:50%; left:0; top:11px; } 
.evt_period_box li .label::after { width:2px; height:13px; right:0; top:7px; } 
.evt_period_box li .con_wrap { padding-left:12px; flex-grow:1; } 
.evt_period_box li .con_wrap .tiny { color:#fdffc3; opacity:1; } 
.evt_gift { display:flex; justify-content:center; gap:0 50px; margin-top:60px; } 
.evt_join_wrap { margin-top:120px; } 
.evt_join_wrap .join_label { position: relative; } 
.evt_join_wrap .join_label::before { content:''; display:block; width:100%; height:1px; background-color:#92a2a3; position:absolute; top:50%; left:0; } 
.evt_join_wrap .join_label .label { display:inline-block; padding:0 40px; background-color: #006166; position: relative; font-size:30px; font-weight:700; color:#ffffff; } 
.evt_join_wrap .join_step { display:flex; margin-top:60px; gap:0 20px; } 
.evt_join_wrap .join_step > li { background-color: #fff; border-radius:15px; padding:40px 0; width:33.333%; } 
.evt_join_wrap .join_step > li > span { display:block; } 
.evt_join_wrap .join_step > li .label { display:inline-block; padding:10px 15px; border-radius:25px; background-color:#006166; font-size:13px; font-weight:700; color:#fff; } 
.evt_join_wrap .join_step > li .ico { margin-top:25px; } 
.evt_join_wrap .join_step > li .txt { margin-top:15px; font-size:17px; color:#414141; } 
.evt_join_wrap .join_step > li .txt strong { color:#408a8e; font-weight:700; } 
.evt_btns { margin-top:70px; text-align:center; } 
.evt_btns a { display:inline-block; position: relative; background-color:#003134; border-radius:15px; padding:25px; min-width:450px; } 
.evt_btns a span { display:inline-block; padding-right:35px; position: relative; font-size:24px; font-weight:bold; color:#fff; } 
.evt_btns a span::after { content:''; display:inline-block; width:14px; height:22px; background:url(https://img.megagong.net/m/2024/0716_kimchanghun/btn_arrow.png) 0 0 no-repeat; position: absolute; right:0; top:6px; } 
.evt_btns a.disabled { background-color:#c6d1d2; } 
.evt_btns a.disabled span { padding-right:0; } 
.evt_btns a.disabled span::after { display:none; } 

.warningList .f_dash li.num { padding-left:16px; } 
.warningList .f_dash li.import { padding-left:16px; margin-left:10px; } 
.warningList li ul li a { color:#ff0000; border-color:#ff0000; } 

.evEvent.ver241010 { background-color: #19505e; } 
.evEvent.ver241010 .evt_join_wrap .join_label .label { background-color: #19505e; } 
.evEvent .con_tit .evt_mark { padding: 14px 15px; font-size: 30px; font-weight: 800; color: #19505e; background-color: #fff; min-width: 230px; box-shadow: none; margin-bottom: 5px; } 
.evEvent .con_tit .evt_mark::after { border-top: 10px solid #ffffff; } 
.evEvent.ver241010 .con_tit .e_con { color: #ebffb5; } 
 .evEvent.ver241010 .con_tit .e_info { font-weight: 300; } 
.evEvent.ver241010 h4 { margin-bottom: 60px; } 
.evEvent.ver241010 .con_tit .end::after { background-color: #ebffb5; } 
.evEvent.ver241010 .evt_btns a { background-color: #000000; } 
.evEvent.ver241010 .evt_btns a.disabled { background-color:#113842; color: #5e858f; } 

#event1 { background: #1f717b; padding: 160px 0; }
#event1 .container_info .info .noti{color:#111;opacity:0.6;}
#event1 .con_tit{margin-bottom:30px;color:#fff;}
#event1 .mini_tit{color:rgba(255, 255, 255, 0.6);}
#event1 .container_info.ver_circle .info .info_date{color:#fff;}
#event1 .gift_list_wrap li .badge{background-color: #059cc1;}
#event1 .step_base_wrap .step_list li .box_area .label{color:#1f717b;}

@media screen and (max-width: 1200px) { h4 { margin-bottom: 9%; } 
 .tiny { font-size: 10px; } 
 .evCon1 { padding: 9% 0; } 
 .evCon1 .tiny { text-align: left; } 
 .evCon1 .inner { width: 96%; } 
 .evCon1 h3 { margin-right: -12%; width: 60%; } 
 .evCon1 h3 > span { max-width: 80%; display: block; } 
 .evCon1 h3 p { margin: 3% auto 0; } 
 .evCon1 h3 strong { margin: 12% 0 10% -9%; max-width: 100%; } 
 .evCon1 h3 a { margin-right: 0; font-size: 15px; text-align: left; font-size: 12px; } 
 .evCon1 h3 a span { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } 
 .evCon1 h3 > span.exp { max-width:100%; } 
 .evCon1 h3 > span.exp em { width:100%; } 
 .evCon1 .tea { margin-right: -5% !important; width: 55%; } 
 .evCon2 .evTop .sliderWrap h5 { width: 60%; font-size: 18px; } 
 .evCon2 .evTop { /*padding: 15% 0; */ padding: 7% 0 15%; } 
 .evCon2 .evBottom .inner { padding: 10% 0; } 
 .evCon2 .evBottom .inner::before { background-size: contain; max-width: 35%; height: 100%; } 
 .evCon2 .evBottom p { margin: 0 0 0 33%; } 

 /* 231110 added */
 .evCon2 .pass_wrap { margin: 0 auto; padding: 30px 20px 5%; } 
 .evCon2 h5 { width: 70%; font-size: 20px; padding: 2vw 0; margin: 0 auto 6%; } 
 .evCon2 .btn_place { margin: 0 auto; padding: 0 20px 30px; } 
 .evCon2 .btn_place a { max-width: 70%; } 

 .evCon3 { padding: 15% 0; } 
 .evCon3 h4 p { font-size: 21px; margin-top: 4%; } 
 .evCon3 h4 i { right: 0; max-width: 20%; } 
 .evCon3 .list { padding: 5% 3%; display: inline-flex; justify-content: center; flex-wrap: wrap; flex-direction: column; } 
 .evCon3 .list li:first-child { margin: 0 0 10px; } 
 .evCon3 .list li, .evCon3 .list li:nth-child(2) { width: 100%; } 
 .evCon3 .list li p { margin-right: 10px; padding: 3px 15px; } 
 .evCon3 .list li .tiny { font-size: 12px; } 
 .evCon3 .step { margin: 4% auto 7%; } 
 .evCon3 .step li { font-size: 14px; } 
 .evCon3 .gift.tem2 { margin-left: 0; margin-right: 0; } 


 .evEvent { padding:20% 0 18%; } 
 .evEvent .con_tit .evt { margin:0 auto 3.5%; width:20%; min-width:160px; } 
 .evEvent .con_tit .e_label { font-size:clamp(14px, 2vw, 22px); padding:8px clamp(10px, 3vw, 35px) } 
 .evEvent .con_tit .e_con { font-size:clamp(25px, 4vw, 45px) } 
 .evEvent .con_tit .e_info { margin-top:3%; font-size:clamp(16px, 2.2vw, 24px); } 
 .evEvent .con_tit .e_tips { margin-top:3.5%; } 
 .evEvent .con_tit .e_tips .label { font-size:16px; } 
 .evEvent .con_tit .e_tips .txt { font-size:18px; } 

 .evt_period_box { padding:3.5% 0; } 
 .evt_period_box ul { gap:10px 0; } 
 .evt_period_box li { font-size:16px; } 
 .evt_period_box li .label { padding:0 10px 0 15px; } 
 .evt_period_box li .label::before { top:9px; } 
 .evt_period_box li .label::after { top:6px; } 
 .evt_gift { margin-top:6%; gap:0 20px; } 

 .evt_join_wrap { margin-top:12%; } 
 .evt_join_wrap .join_step { margin-top:6%; } 
 .evt_join_wrap .join_label .label { padding:0 20px; font-size:clamp(16px, 2.6vw, 30px); } 
 
 .evt_btns { margin-top:7%; } 
 .evt_btns a { width:100%; min-width:initial; padding:20px; } 
 .evt_btns a span { font-size:22px; } 

 /* 241010 */
 .evEvent .con_tit .evt_mark { padding: 1% 1%; font-size:clamp(16px, 2.6vw, 30px); min-width: 23vw; margin-bottom: 1%; } 
.con_tit .evt_mark::after { bottom: -14%; } 
.evEvent .con_tit .evt_mark { padding: 1.5% 1%; margin-bottom: 0%; } 
.evEvent.ver241010 h4 { margin-bottom: 6%; } 
 }

@media screen and (max-width: 1024px){
 .evt_period_box li:nth-child(odd),
 .evt_period_box li:nth-child(even) { width:100%; } 

 .evt_join_wrap .join_step { display:block; } 
 .evt_join_wrap .join_step > li { width:100%; padding:20px 0; margin-top:10px; } 
 .evt_join_wrap .join_step > li:first-child { margin-top:0; } 
 .evt_join_wrap .join_step > li .ico { margin-top:20px; } 
 .evt_join_wrap .join_step > li .txt { font-size:15px; } 
 }

@media screen and (max-width: 768px){
 .pc_768 { display: none; } 
 .mo_768 { display: block; } 
 .evCon2 .evTop .sliderWrap h5 { font-size: 15px; width: 70%; padding: 5px; margin-bottom: 5%; } 
 .evCon2 .evTop .sliderWrap h5 span { width: 25px; height: 25px; line-height: 25px; font-size: 14px; } 
 .evCon2 .evBottom .inner::before { content: none; } 
 .evCon2 .evBottom p { margin: 0 10%; } 
 .evCon3 h4 p { font-size: 18px; } 
 .evCon3 h4 span { font-size: 15px; width: 75%; margin: 3% auto 6%; } 
 .evCon3 .gift { margin: 8% auto 15%; } 
 .evCon3 .gift li { width: 45%; flex: inherit; } 
 .evCon3 .gift li:first-child { margin: 0 27% 5%; } 
 .evCon3 .gift.tem2 li { width:50% } 
 .evCon3 .gift.tem2 li:first-child { margin: 0; } 
 .evCon3 .list { width: 100%; } 
 .evCon3 .list li { font-size: 13px; } 
 .evCon3 .list li p { margin-right: 10px; padding: 3px 15px; } 
 .evCon3 .list li .tiny { font-size: 10px; } 
 .evCon3 .step { gap: 0; display: block; } 
 .evCon3 .step li { width: 90%; margin: 0 auto 3% !important; padding: 3% 5%; position: relative; border-radius: 5px; justify-content: center; display: flex; align-items: center; } 
 .evCon3 .step li span { position: absolute; top: 0; left: 0; border-radius: 5px 0px 5px 0px; font-size: 11px; width: 60px; } 
 .evCon3 .step li img { margin: 0 3% 0 0; max-width: 20%; } 
 .evCon3 .step li img + p { min-width: 205px } 
 .evCon3 .btn { width: auto; margin: 0 25vw; } 
 .evCon3 .btn a { font-size: 18px; } 
 .evCon3 .btn a span { padding-right: 9%; } 
 .evCon3 .btn a span::before { max-width: 7%; height: 100%; } 

 .evCon2 .con_tit { margin-bottom: 5%; } 
 .evCon2 h5 { font-size: 16px; } 
 .evCon2 h5::after { border-width: 10px; border-bottom-width: 0; } 

 .evEvent .con_tit .e_tips { width:100%; } 
 .evEvent .con_tit .e_tips .label { font-size:14px; padding:10px 15px; } 
 .evEvent .con_tit .e_tips .txt { font-size:14px; } 

 .evt_btns a span { font-size:16px; padding-right:18px; } 
 .evt_btns a span::after { width:10px; height:16px; background-size:auto 100%; top:4px; } 

/* 241010 */
 .evEvent.ver241010 { padding: 14% 0 18%; } 
 .evEvent .con_tit .evt_mark { padding: 2% 0%; min-width: 27vw;   } 
 }



@media screen and (max-width: 576px){
 .pc_576 { display: none; } 
 .mo_576 { display: block; } 
 .evCon1 h3 { margin-right: 0; width: 100%; text-align: center; } 
 .evCon1 h3 > span { max-width: 90%; margin: 5% auto 0; } 
 .evCon1 h3 p { margin: 3% auto 0; font-size: 13px; } 
 .evCon1 h3 strong { margin: 45% 13% 5% 9%; } 
 .evCon1 h3 strong img { filter: drop-shadow(5px 5px 5px #fff) } 
 .evCon1 h3 a { text-align: center; } 
 .evCon1 h3 a span { width: 20px; height: 20px; line-height: 20px; font-size: 10px; } 
 .evCon1 .tea { margin-right: 0 !important; width: 65%; position: absolute; bottom: 10%; left: 50%; margin-left: -30% !important; } 
 .evCon2 .evTop .sliderWrap h5 { width: 90%; } 
 .evCon3 h4 p { font-size: 13px; } 
 .evCon3 h4 span { font-size: 11px; width: 95%; } 
 .evCon3 .list li b { display: block; margin: 0; padding: 0 0 0 10px; } 
 .evCon3 .list li b:after { display: none; } 
 .evCon3 .list li b::before { width:3px; height:3px } 
 .evCon3 .step_tit { margin: 0 -45%; } 
 .evCon3 .step li { width: 100%; padding: 5%; } 
 .evCon3 .step li img + p { min-width: 190px; font-size: 13px; } 
 .evCon3 .step li span { padding: 1px; } 
 .evCon3 .btn a { font-size: 15px; padding: 16px 0; border-radius: 5px; } 

 .evCon2 .pass_wrap { padding: 20px 10px 5%; } 
 .evCon2 h5 { font-size: 14px; } 
 .pass_wrap .tit { margin: 0 0 15px; font-size: 14px; } 
 .bn_info_techPass li { font-size: 12px; line-height: 1.3; } 
 .evCon2 .btn_place { padding: 0 0 20px; } 

 /* 241010 */
 .evEvent .con_tit .evt_mark { font-size: clamp(19px, 2.6vw, 30px);} 
 .evEvent.ver241010 .con_tit .e_con { margin-top: 5%; font-size: clamp(22px, 4vw, 45px); } 
.evEvent.ver241010 .con_tit .e_info { font-size: clamp(15px, 2.2vw, 24px); } 
.evEvent.ver241010 .evt_gift { gap: 0 1%; } 
 }