@charset "euc-kr";:root { --point-color1:#F35B36; } 
.con_tit .end::after { background: #000; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .con_tit { margin:0 0 60px; line-height: 1.3; } 
.evSection .mini_tit { margin:0 auto 20px; } 
.evSection { padding: 150px 0; } 
.evSection.evTab { padding:0; } 
.clp-fs116 { font-size: 116px; } 
/* Ãß¼®¿¬ÈÞ ÀÌÈÄ ´Ù½Ã È®ÀÎ ¿¹Á¤*/
.eventVideo .video_box {z-index:1;}
.con_tit .end {z-index:1;}
/* Ãß¼®¿¬ÈÞ ÀÌÈÄ ´Ù½Ã È®ÀÎ ¿¹Á¤*/

/*evCon1*/
.eventWrap .evSection.evCon1 { position:relative; padding: 50px 0 30px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0821_tmddk4521/evCon1_bg.png"); } 
.evCon1 .cir_tit { margin:0 auto 30px; padding: 10px 40px; width: max-content; line-height: 1; border-radius: 20px; background: rgba(17, 17, 17, 0.15); letter-spacing: 5.6px; font-weight: 500; } 
.evCon1 .con_tit { margin: 0; } 
.evCon1 .con_tit .mini_tit { margin: 0; display: block; line-height: 1.5; font-weight: 500; } 
.evCon1 .con_tit .mini_tit + strong { margin: 0; } 
.evCon1 .mini_tit + strong { display: block; line-height: 1.2; } 
.evCon1 .mini_tit + strong .point { color:#000; display: block; } 
.evCon1 .img_wrap { margin: -60px auto 0; position: relative; width: fit-content; } 
.evCon1 .img_wrap .clock { position: absolute; top: 100px; left: -70px; animation:float1 3s infinite ease; } 
.evCon1 .img_wrap .calendar { position: relative; animation:float1 4s infinite ease; } 
.evCon1 .img_wrap .pencil { position: absolute; top: 116px; right: -14px; animation:float2 4s infinite ease; } 
.evCon1 .teacher_home { justify-content: center; } 
.evCon1 .teacher_home b { background-color: #fff; color:#000; } 
.teacher_home i { background: #ddd; } 

@-webkit-keyframes float1 { 
 0% { transform: translate(0, 0); } 
 50% { transform: translate(0, 10px); } 
 100% { transform: translate(0, 0); } 
 }
@-webkit-keyframes float2 { 
 0% { transform: translate(0, 0); } 
 50% { transform: translate(0, 20px); } 
 100% { transform: translate(0, 0); } 
 }


/*evCon2*/
.evCon2 { position: relative; background: linear-gradient(180deg, #f8f8f8 0%, #ffd48e 100%), #fff0e9; } 
.evCon2 .paper_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.evCon2 .paper_wrap .inner { position: relative; height: 100%; } 
.evCon2 .paper_wrap img { opacity: 0; } 
.evCon2 .paper_wrap .animate { animation: paper 7s 0s ease-out forwards; } 
.evCon2 .paper_wrap .paper1.animate { position: absolute; top: 20px; left: 50%; } 
.evCon2 .paper_wrap .paper2.animate { position: absolute; top: 263px; left: 40px; } 
.evCon2 .paper_wrap .paper3.animate { position: absolute; top: 372px; right: -40px; } 
.evCon2 .paper_wrap .paper4.animate { position: absolute; bottom: 269px; left: 0; } 
.evCon2 .paper_wrap .paper5.animate { position: absolute; bottom: 0; right: -40px; animation: paper2 8s 0s ease-out forwards; } 
.evCon2 .sns_box { margin: 0 auto; width: 630px; border-radius: 31px; border: 10px solid #1a1a1a; background: #fff; overflow: hidden; } 
.evCon2 .sns_box .talk { padding: 72px 42px; display: flex; flex-direction: column; gap: 20px; min-height: 464px; } 
.evCon2 .sns_box .talk li { opacity: 0; transform: translateY(20px); transition: all 0.5s ease-out; } 
.evCon2 .sns_box .talk li.is-active { opacity: 1; transform: translateY(0); } 
.evCon2 .typing-dots span { display: inline-block; animation: bounce 1s infinite ease-in-out; } 
.evCon2 .typing-dots span:nth-child(2) { animation-delay: 0.2s; } 
.evCon2 .typing-dots span:nth-child(3) { animation-delay: 0.4s; } 
.evCon2 .talk li .flex { display: flex; align-items: center; gap: 30px; } 
.evCon2 .talk .txt { position:relative; padding: 20px 30px; border-radius: 5px; background: #111; box-shadow: 8px 8px 15px 0 rgba(0, 0, 0, 0.2); color: #fff; text-align: left; } 
.evCon2 .talk .txt::before { content:""; display:block; position: absolute; left: -37px; top: 34%; transform: translateY(-50%); border-left: 20px solid transparent; border-right: 20px solid #111; border-bottom: 9px solid transparent; } 
.evCon2 .bot { position: relative; padding: 30px 100px; background: #ededed; text-align: left; } 
.evCon2 .bot > p { display: flex; flex-direction: column; gap: 45px; font-weight: 400; } 
.evCon2 .bot .tea1 { position: absolute; right: 0px; bottom: 0; } 

@keyframes paper { 
 0% { opacity: 0; transform: translate(0, 0) rotate(0deg); } 
 10% { opacity: 1; /* translate¿Í rotate¿¡ CSS º¯¼ö Àû¿ë */
 transform: translate(var(--x), var(--y)) rotate(var(--r)); } 
 80% { opacity: 1; transform: translate(calc(var(--x) / 4), calc(var(--y) / 4)) rotate(calc(var(--r) / 4)); } 
 100% { opacity: 1; transform: translate(0, 0) rotate(0deg); } 
 }

@keyframes paper2 { 
 0% { opacity: 0; transform: translate(0, 100px) rotate(0deg); } 
 10% { opacity: 1; transform: translate(10px, calc(-20px * -1)) rotate(5deg); } 
 80% { opacity: 1; transform: translate(calc(10px / 4), calc(-20px / -4)) rotate(calc(5deg / 4)); } 
 100% { opacity: 1; transform: translate(0, 0) rotate(0deg); } 
 }

@keyframes bounce { 0%,
 100% { transform: translateY(0); } 
 50% { transform: translateY(-5px); } 
 }


/*evCon3*/
.eventWrap .evSection.evCon3 { position:relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0821_tmddk4521/evCon3_bg.png"); } 
.pr_book_wrapper { gap: 60px; } 
.pr_book_wrapper dt { width: fit-content; } 
.pr_book_wrapper > dd { display: flex; align-items: center; width: max-content; } 
.pr_book_detail > li { display: flex; justify-content: space-between; align-items: center; gap: 70px; } 
.pr_book_detail > li .label { color:#757575; } 
.pr_book_detail > li .tit { color:var(--point-color1); } 


/*evCon4*/
.evCon4 {padding-bottom: 0;}
.evCon4 .inner {padding-bottom: 150px;}
.evCon4 .con_tit .point { color:var(--point-color1); } 
.evCon4 .service_wrap { margin:0 auto 30px; display: flex; gap: 20px; justify-content: space-between; align-items: stretch; } 
.evCon4 .service_wrap .item { padding: 40px; flex:1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; border-radius: 10px; border: 2px solid #111; background: #F9F9F9; } 
.evCon4 .service_wrap .tit { color: var(--point-color1); } 
.evCon4 .service_wrap .det { color:#555555; line-height: 1.6; } 
.evCon4 .gpt_box { display: flex; padding: 40px 70px; align-items: center; gap: 40px; border-radius: 10px; background: #FFE8DD; } 
.evCon4 .gpt_box .txt { text-align: left; } 
.evCon4 .gpt_box .tit { margin:0 auto 20px; display: flex; align-items: center; gap: 4px; } 
.evCon4 .gpt_box .new { line-height: 1; padding: 4px 5px; border-radius: 5px; background: var(--point-color1); color:#fff; font-weight: bold; } 
.evCon4 .gpt_box .det { color:#555555; line-height: 1.6; } 


/*evCon5*/
.eventWrap .evSection.evCon5 { background-color: var(--point-color1); } 
.evCon5 .eventVideo.video_renewal { margin: 0 auto; width: 1000px; } 
.evCon5 .lecture { margin: 60px 0; } 
.evCon5 .evt_tit_base { font-size: 20px; } 
.evCon5 .evt_con_base { margin:20px auto; color: #777; text-align: left; } 
.evCon5 .evt_con_base > strong { text-decoration: underline; } 
.evCon5 .step_base_wrap { padding: 40px 50px; } 
.evCon5 .step_base_wrap .step_list li { position: relative; } 
.evCon5 .step_base_wrap .step_list li + li::before { content:""; position: absolute; top:50%; transform: translateY(-50%); left: -32px; display:block; width:40px; height: 40px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0821_tmddk4521/arr.png"); } 
.evCon5 .step_base_wrap .step_list li .box_area { padding: 30px 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap:20px; } 
.evCon5 .step_base_wrap .hashtag { color:var(--point-color1); } 
.evCon5 .timetable th { background-color: #e8f3ff; height: 55px; } 
.evCon5 .timetable th.blue { background: #0082FF; color:#fff; } 
.evCon5 .timetable tbody tr { border-bottom: 1px solid #ddd; height: 55px; } 
.evCon5 .timetable td .flex { flex-direction:column; align-items:center; justify-content:center; gap: 2px; } 
.evCon5 .timetable td strong.blue { color:#0082FF; } 
.badge-base.type-2 { border-radius:5px; padding: 4px 6px; font-size: 13px; } 

/* tab_base_wrap */
.tab_base_wrap { background: #000; } 
.tab_base_wrap.fix { position: fixed; top: 0; left: 0; right: 0; /*z-index: 3;*/ z-index:2; } 
.tab_base_wrap .tab_base { display: flex; } 
.tab_base_wrap .tab_base li { cursor: pointer; position: relative; flex: 1; display: flex; align-items: center; justify-content: center; height: 80px; color: #fff; font-weight: 500; line-height: 1.2; flex-direction: column; color: #999; } 
.tab_base_wrap .tab_base li strong { display: flex; width: fit-content; position:relative; flex-direction: column; align-items: center; justify-content: center; } 
.tab_base_wrap .tab_base li:not(:last-child)::before { content:''; background: #4c4c4c; width: 1px; height: 61.5%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.tab_base_wrap .tab_base li.on { color: #fff; } 
.tab_base_wrap .tab_base li.on strong::after { content: ""; margin: 3px auto 0; display: block; width: 100%; height:2px; background-color: #fff; } 
.tab_base_wrap .tab_base li .event_icon { position: absolute; top: 0; left: 10px; } 
.ver1030 .tab_base_wrap .tab_base li.on span { color: #002950; } 


.evtoggleWarning { padding: 0 !important; } 

/* 250923 */
.evTab .point_mark { font-size: 11px; width: 50px; height: 50px; background: #f35b36; color: #fff; font-weight: 400; display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; right: 20px; } 
.evTab .point_mark.on { background: #fff; color: #f35b36; } 

/* [ws] S: ¸ðÀÇ°í»ç ÅëÇÕ ¼­ºñ½º ¹è³Ê Ãß°¡ */
.mock_bnr {background: #000 url(https://image.megagong.net/m/2025/1106_analysis/bnr_bg.jpg) no-repeat; background-size: auto 100%;}
.mock_bnr a {display: block; padding: 40px 0;}
.mock_bnr .s_txt {display: block; color: #1DFFCA;}
.mock_bnr .tit {display: block;}
/* [ws] E: ¸ðÀÇ°í»ç ÅëÇÕ ¼­ºñ½º ¹è³Ê Ãß°¡ */


@media screen and (max-width: 1200px){
 .evSection { padding: 12% 0; } 
 .evSection .con_tit { margin: 0 auto 7%; } 
 .evSection .mini_tit { margin: 0 0 5%; } 

 /*evCon1*/
 .eventWrap .evSection.evCon1 { padding: 10% 0 7%; } 
 .evCon1 .cir_tit { padding: 10px 4%; margin: 0 auto 4%; } 
 .evCon1 .con_tit { margin: 0; } 
 .evCon1 .img_wrap { margin: -5% auto 0; } 

 /*evCon3*/
 .pr_book_wrapper { gap: 4%; } 
 .pr_book_wrapper dt { width: 42%; } 
 .pr_book_wrapper > dd { width: 56%; } 
 .pr_book_detail { width: 100%; } 
 .pr_book_detail > li { gap: 8%; } 

 .evCon4 {padding-bottom: 0;}
 .evCon4 .inner {padding-bottom: 12%;}
 
 /*evCon5*/
 .evCon5 .eventVideo.video_renewal { width: 100%; } 
 .evCon5 .step_base_wrap { padding: 20px; } 

 /* tab_base_wrap */
 .tab_base_wrap .inner { width: 100%; } 
 .tab_base_wrap .tab_base li .event_icon { width: clamp(30px,3.6vmin,44px); } 
 .clp-fs116 { font-size: clamp(45px, 10vmin, 100px); } 

 .evTab .point_mark {right: 3%;}
 }

 @media screen and (max-width:1024px) { /*evCon2*/
 .evCon2 .sns_box { width: 560px; border-width: 8px; } 
 .evCon2 .sns_box .talk { padding: 56px 36px; gap: 18px; min-height: 420px; } 
 .evCon2 .talk .txt { padding: 18px 24px; } 
 .evCon2 .bot { padding: 26px 80px; } 
 .evCon2 .bot .tea1 { right: 0; width: clamp(140px, 22vmin, 180px); } 
 .evCon2 .paper_wrap .paper1.animate { top: 16px; left: 50%; } 
 .evCon2 .paper_wrap .paper2.animate { top: 220px; left: 24px; } 
 .evCon2 .paper_wrap .paper3.animate { top: 320px; right: -10px; } 
 .evCon2 .paper_wrap .paper4.animate { bottom: 240px; left: 0; } 
 .evCon2 .paper_wrap .paper5.animate { bottom: 0; right: -12px; } 

    /* [ws] S: ¸ðÀÇ°í»ç ÅëÇÕ ¼­ºñ½º ¹è³Ê Ãß°¡ */
    .mock_bnr a {padding: 4vmin 0;}
    /* [ws] E: ¸ðÀÇ°í»ç ÅëÇÕ ¼­ºñ½º ¹è³Ê Ãß°¡ */
 }


@media screen and (max-width: 992px) { /*evCon1*/
 .evCon1 .img_wrap .clock { width: 22%; left: 8%; top: 27%; } 
 .evCon1 .img_wrap .calendar { width: 68%; } 
 .evCon1 .img_wrap .pencil { width: 22%; top: 32%; right: 16%; } 

 /*evCon3*/
 .pr_book_detail > li img { width: 60px; } 

 /*evCon4*/
 .evCon4 .service_wrap { flex-direction: column; } 
 .evCon4 .gpt_box { padding: 20px 5%; } 

 /*evCon5*/
 .evCon5 .step_base_wrap .step_list { display:block; } 
 .evCon5 .step_base_wrap .step_list li { margin-top: 10px; } 
 .evCon5 .step_base_wrap .step_list li + li::before { left: 50%; top: -20px; transform: translateX(-50%) rotate(90deg); width: 30px; height: 30px; } 
 .evCon5 .step_base_wrap .step_list li .box_area { padding: 20px; } 
 .step_base_wrap .step_list li .box_area span,
 .step_base_wrap .step_list li .box_area span > * { display: block; width: 100%; } 

.evTab .point_mark { right: inherit;position: relative;background: transparent; width: auto;height: auto; font-weight:600;margin-bottom: 1%;}
.evTab .point_mark.on {background: transparent;}
 }

@media screen and (max-width: 768px) { /*evCon2*/
 .evCon2 .sns_box { width: 92%; border-width: 8px; } 
 .evCon2 .sns_box .talk { padding: 48px 28px; gap: 16px; min-height: 395px; } 
 .evCon2 .talk .txt { padding: 16px 20px; } 
 .evCon2 .typing-dots span { transform: translateY(0); } 
 .evCon2 .bot { padding: 24px 64px; } 
 .evCon2 .bot > p { gap: 30px; } 
 .evCon2 .paper_wrap { display: none; } 

 /*evCon3*/
 .pr_book_wrapper dt { width: 65%; margin: 0 auto; } 
 .pr_book_wrapper > dd { width: 100%; } 
 .pr_book_detail > li { position: relative; } 
 .pr_book_detail > li img { position: absolute; bottom: 30px; right: 24px; width: 48px; } 

 /*evCon4*/
 .evCon4 .service_wrap .item { padding: 20px; gap: 10px; } 
 .evCon4 .gpt_box { flex-direction: column; gap: 20px; } 
 .evCon4 .gpt_box .txt { text-align: center; } 
 
 /*evCon5*/
 .evCon5 .lecture { margin: 30px 0; } 
}

@media screen and (max-width: 576px) { /*evCon2*/
 .evCon2 .sns_box { width: calc(100% - 30px); border-width: 6px; border-radius: 20px; } 
 .evCon2 .sns_box .talk { padding: 38px 20px; gap: 14px; min-height: 380px; } 
 .evCon2 .talk img { width: 50px; } 
 .evCon2 .talk li .flex { gap: 20px; } 
 .evCon2 .talk .txt { padding: 14px 16px; } 
 .evCon2 .talk .txt br { display: none; } 
 .evCon2 .bot { padding: 20px 16px 30px; } 
 .evCon2 .bot .tea1 { right: -6px; bottom: 0; } 

 /*evCon5*/
 .badge-base.type-2 { padding: 2px 4px; } 

 /* tab_base_wrap */
 .tab_base_wrap .tab_base li.on strong::after { display:none; } 
}