@charset "euc-kr";
:root { --color-primary: #4fa5e1; --color-highlight: #006ebb; --color-disabled: rgba(255, 255, 255, 0.5); } 

/* setting */
.blindw { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden } 
.eventWrap .cont_pay .wrap_content { position:relative; width:1000px; margin:0 auto } 
.eventWrap { width:100%; /* text-align:center; */font-family:'Noto Sans KR'; position:relative; line-height: 1.4; letter-spacing: -0.06em; /* overflow:hidden; */ } 
.eventWrap * { box-sizing:border-box } 
.eventWrap .inner { position:relative; width:1080px; margin:0 auto; padding: 0 } 
.eventWrap .inner::after { content:""; display:block; clear:both } 
.eventWrap img { border:0 none; vertical-align:middle; max-width:100% } 
.eventWrap .superRight_bnr { display:none } 
.show-576 { display: none; } 
.show-768 { display: none; } 

.flt_inner { position:absolute; text-align:center; margin-top:0px; top:200px; right: 2%; z-index: 4 } 
.flt_inner a { display:block; margin-bottom: 5px } 
.flt_inner a.mb0 { margin-bottom: 0 } 
.flt_inner a.aplli { position: absolute; left: 0; top: 29%; width: 100%; height: 10% } 
.flt_inner a+a { margin-top:8px } 

.eventWrap .con_tit { font-size: 42px; margin: 0 0 60px; text-align: center; font-weight: 900 } 
.eventWrap .con_tit .tiny { display: block; font-size: 22px; padding: 15px 0 0; color: #111; font-weight: normal; } 
.eventWrap .con_tit .tiny.top { padding: 0 0 15px; } 
.eventWrap .bigt { display:block; font-weight: 900; font-size: 44px; line-height: 1.3; letter-spacing: -0.05em; color: #008072; } 
.eventWrap .bigt.wht { color:#fff } 
.eventWrap .bigt.grd { background-image: linear-gradient(to right, #0872e8, #00197a); background-clip: text; -webkit-background-clip: text; color: transparent } 
.eventWrap .bigt .for_mo { display:none } 
.eventWrap .tit_point { margin: 0 0 30px; font-size: 20px } 
.eventWrap .con_tit .end { position: absolute; top: 0; right: 0; } 
.eventWrap .con_tit .gr { background: linear-gradient(270deg, transparent 0%, #fff 20%, #fff 80%, transparent 100%); font-size: 24px; color: #37c3b4; display: block; margin: 0 40px 30px; /* font-weight: bold; */padding: 4px 0; } 
.event2 .con_tit .gr { color: #e68200; } 
.event3 .con_tit .gr { color: #52c7d2; } 
.event1 .bigt, .event2 .bigt, .event3 .bigt { color: #111; } 
.event2 .bigt .color_highlight { color: #e68200; } 
.event1 .con_tit .tiny { color: #111; font-weight: 900; } 
.event1 .con_tit .tiny, .event2 .con_tit .tiny, .event3 .con_tit .tiny { font-weight:900 } 
#event1 .tiny_text { font-size:13px; margin-top:10px; color:#fff; } 


/* conTop */
.conTop { text-align: center; background:url(https://img.megagong.net/m/2023/0914_tjenglish08/con_img1.jpg) no-repeat center 0; background-color: #cef5f1; padding: 0; } 
.conTop .con_tit { padding:130px 0 0 } 
.conTop .charact { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } 
.conTop .charact::before { position: absolute; background: linear-gradient(180deg, #fff 0%, #fff 50%, #cef5f1 50%, #cef5f1 100%); top: 0; left: 100%; width: 1500px; height: 100%; } 
.conTop .charact::after { /* content:''; */
position: absolute; background: linear-gradient(180deg, #fff 0%, #fff 50%, #cef5f1 50%, #cef5f1 100%); top: 0; right: 100%; width: 1500px; height: 100%; } 
.conTop .charact li { margin: 0 20px; } 
.conTop h5 { position:relative; margin: 0 40px; } 
.conTop h5:before { content:''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #008072; } 
.conTop h5 img { position:relative } 
.conTop .time_wrap { display: flex; justify-content: space-between; margin: 0 20px 100px; } 
.conTop .type_wrap { display: flex; justify-content: space-between; margin: 0 20px 100px; position: relative; } 
.conTop .type_wrap .item { position: relative; } 
.conTop .type_wrap .tiny_noti { position:absolute; bottom: -26px; right: 20px; text-align: right; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; opacity: 0.4; } 
.conTop .type_wrap .item .on { position: absolute; top: 0; left: 0; opacity: 0; } 
.conTop h3.new { padding-top:8%; position: relative; } 
.conTop h3.new .badge { position: absolute; left:50%; top:46%; transform:translateX(-50%); display:inline-block; } 
.conTop h3.new .badge.off { opacity: 0; } 
.conTop h3.new .badge .badge2 { opacity: 0; position: absolute; left: 0; top: 0; } 
.conTop h3.new .badge.on .badge1 { opacity: 0; } 
.conTop h3.new .badge.on .badge2 { opacity: 1; } 

.conTop .top_text { position: absolute; left:0; top:30%; width:100%; text-align:center; } 
.conTop .top_text span { display:inline-block; background-color: #a0e0e4; padding:10px 45px; border-radius:30px; font-size:18px; font-weight:200; color:#121212; } 
.conTop .top_text span.on { color: #a0e0e4; background-color: #121212; } 

/* 231117 added */
.conTop .point_wrap { position: relative; margin: 0 auto 12%; } 
.conTop .point_wrap .item { padding: 2% 0; } 
.conTop .point_wrap .item img { margin: 0 auto; border-radius: 16px; box-shadow: 4px 4px 10px 10px #528f8824; } 
.conTop .point_wrap .slick-arrow { position: absolute; top: 300px; font-size: 0; width: 49px; height: 49px; } 
.conTop .point_wrap .slick-arrow.slick-prev { left: 0; background: url(https://image.megagong.net/m/2023/1117_tjenglish08/point_prev.png); transform: translate(-100%, -50%); } 
.conTop .point_wrap .slick-arrow.slick-next { right: 0; background: url(https://image.megagong.net/m/2023/1117_tjenglish08/point_next.png); transform: translate(100%, -50%); } 
.conTop .point_wrap .slick-dots { display: flex; justify-content: center; align-items: center; gap: 5px; visibility: hidden; } 
.conTop .point_wrap .slick-dots li button { font-size: 0; width: 10px; height: 10px; background: #fff; border-radius: 50%; opacity: 0.6; } 
.conTop .point_wrap .slick-dots li.slick-active button { background: #005d80; opacity: 1; } 

/* con1 */
.con1 { padding:30px 0 150px; position:relative; background: #cef5f1; } 
.con1:before { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:50%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgb(255,255,255) 48%, rgb(238,239,255) 100%); background: -webkit-linear-gradient(top, rgb(255,255,255) 48%,rgb(238,239,255) 100%); background: linear-gradient(to bottom, rgb(255,255,255) 48%,rgb(238,239,255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeefff',GradientType=0 ) } 
.con1 ul { margin-top:80px } 
.con1 li { float:left; margin-left:16px } 
.con1 li:first-child { margin-left:0 } 


/* con2 */
.con2 { padding: 0; padding-top: 45px; position:relative; background: #cef5f1; overflow: hidden; } 
.con2:before { content:""; display:block; width:100%; height:2px; background:#7853f0; position:absolute; top:653px; left:0; display: none; } 
.con2 nav { /* border-bottom: 2px solid #45c6b8; *//* overflow:hidden; */position: relative; } 
.con2 nav::before { content:''; background: #45c6b8; position: absolute; bottom: 0; left: 050%; width: 3000px; height: 2px; margin: 0 0 0 -1500px; } 
.con2 nav li { float:left; width:50%; height:110px; /*overflow:hidden; */ background:#e1e1e1; border-radius:10px 10px 0 0; display:table; cursor:pointer; text-align:center; position: relative; } 
.con2 nav ul::after { content:''; display:block; clear:both } 
.con2 nav li p { display:table-cell; vertical-align:middle; color:#fff; font-size:20px; line-height:120% } 
.con2 nav li p span { font-weight:900; font-size:29px; display:block; margin-top:5px } 
.con2 nav li.on { background: #45c6b8; } 
.con2 nav li .label { position: absolute; top: 10%; left: 50%; transform: translate(-50%, -100%); font-style: normal; font-weight: bold; font-size: 14px; color: #fff; background: #ff9f37; padding: 8px 40px; border-radius: 15px; } 
.con2 nav li .label::before { content: ''; position: absolute; bottom: 1px; left: 50%; transform: translate(-50%, 100%); border-top: 6px solid #ff9f37; border-left: 5px solid transparent; border-right: 5px solid transparent; } 
.con2 nav li .badge { position: absolute; font-size:20px; font-weight:700; color:#fff; left:0; top:0; display:inline-block; padding:5px 20px; border-radius:30px; left:50%; top:-20px; transform:translateX(-50%); background: linear-gradient(90deg, rgba(255,156,0,1) 0%, rgba(255,180,0,1) 100%); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); } 
.con2 .tabContent { margin: 60px 0 0 0; height: 670px; } 
.con2 .tabContent > div { display:none; position:relative } 
.con2 .tabContent .item .book { margin: 0 0 0 -70px; position: relative; } 
/* .con2 .tabContent .item:nth-of-type(2) .book { margin: 0 0 0 60px; } */
.con2 .tabContent .item:nth-of-type(2) .book { margin: 0; } 
.con2 .tabContent .item .info { position:absolute; right: 0; top: 0; } 
.con2 .tabContent .item:nth-of-type(2) .info { /* top: 60px; */ } 
.con2 .tabContent a { position:absolute; bottom: -80px; left: 166px; } 
.con2 .tabContent .item .book.new { margin-left:-40px; } 
.con2 .tabContent .item:nth-of-type(2) .book.new { margin: 0 auto; } 
.con2 .tabContent .item .book.new a.link { left:120px; bottom:-120px; } 
.con2 .tabContent a span.label { position: absolute; left:50%; transform:translate(-50%, -100%); top:0; background-color:#45c6b8; color:#fff; font-weight:bold; display:inline-block; padding:7px 25px; border-radius:20px; font-size:14px; white-space:nowrap; margin-top:-13px; } 
.con2 .tabContent a span.label:after { content:''; display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #45c6b8; position: absolute; left:50%; margin-left:-5px; bottom: -6px; } 
.con2 .tabContent .link.d1027 { left: 47%; bottom: 0 } 


/* con3 */
.con3 { background: #f3f4f4; padding: 0 0 150px; text-align: center; } 
.con3 .video_box { margin: 0 0 0; } 
.con3 h5 { margin: 50px 0 35px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 34px; font-weight: 900; } 
.con3 .comment_wrap { /* margin-top:80px; */overflow:hidden; margin: 0 -10px; } 
.con3 .comment_wrap .item { position: relative; } 
.con3 .comment_wrap .slick-slide { margin: 0 15px } 
.con3 .comment_wrap .item .txt { display: flex; background: #fff; border: 2px solid #37c3b4; color:#343434; flex-direction: column; align-items: center; border-radius: 15px; } 
.con3 .comment_wrap .item .txt .cmt { height: 354px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 15px; line-height: 1.3; width: 100%; } 
.con3 .comment_wrap .item .txt .tit { font-size: 19px; margin: 0 0 20px; } 
.con3 .comment_wrap .item .txt .int { height: 56px; font-size: 12px; opacity: 0.5; width: 83%; display: flex; justify-content: center; align-items: center; border-top: 2px solid #e7e7e7; line-height: 1; padding: 0 0 3px; } 
.con3 .tiny_txt { text-align:right; margin-top:10px; color:#9f9f9f; font-size:13px } 


/* con4 */
.con4 { padding: 0 0 150px; } 
.con4 .lecture { margin-top:70px; padding-bottom:0 !important } 



/*event1*/
.event1 { background: #37c3b4; padding:160px 0 150px; position: relative; } 
.event1 .finish { position:absolute; top:0; left:50%; margin-left:430px; max-width:228px; width:20%; z-index:1 } 
.event1 .con_tit .evt, .event2 .con_tit .evt, .event3 .con_tit .evt { position: relative; color: #37c3b4; background: #000; padding: 17px 0; font-size: 26px; font-weight: bold; line-height: 1; margin: 0 auto 35px; display: block; width: 210px; /* border-radius: 10px; */ } 
.event2 .con_tit .evt { /*color: #ffd39a; */ color: var(--color-primary) } 
.event3 .con_tit .evt { color: #52c7d2; } 
.event1 .con_tit .evt::before, .event2 .con_tit .evt::before, .event3 .con_tit .evt::before { content:''; position: absolute; bottom: 0; left: 50%; margin: 0px 0 -7px -7px; width: 14px; height: 14px; background: #000; transform: rotate(45deg); } 

.event1 .evt_top, .event2 .evt_top, .event3 .evt_top { margin: 45px auto 0; display:table; width:100%; height:58px; background: rgba(255,255,255,0.6); border-radius:28px; text-align: center; } 
.event1 .evt_top div { display:table-cell; vertical-align:middle; /* color:#fff; */font-size:21px; line-height:120%; text-align:center; } 
.event1 .evt_top div p { position:relative; display:inline-block; padding-left:17px; font-weight: bold; } 
.event1 .evt_top div p:before { content:""; display:block; width:5px; height:5px; background: #111; border-radius:50%; position:absolute; top:11px; left:0; } 
.event1 .evt_top div p span:before { content:""; display:inline-block; width:3px; height:13px; background: #111; margin:0 15px; } 
.event1 ul { margin-top:50px } 
.event1 li { position: relative; margin-top: 25px; border-radius:10px; overflow:hidden; /* box-shadow:0 0 10px rgba(0,0,0,.2); */ } 
.event1 .txt { margin-top:10px; text-align: right; color: #fff; font-size:13px; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; opacity: 0.7; } 


/* S: [ws] 250110 .price_wrap Ãß°¡ */
.event1 .package_wrap.mar { margin: 30px 0 20px; } 
.event1 .package_wrap { display:flex; } 
.event1 .package_wrap .cont { position: relative; background: #fff; text-align: left; padding: 40px 70px; border-radius: 16px 0 0 16px; overflow: hidden; width:calc(100% - 280px); } 
.event1 .package_wrap .tit { font-weight: 900; } 
.event1 .package_wrap .tit .point { color:#37c3b4; } 
.event1 .package_wrap .price_wrap { position: relative; } 
.event1 .package_wrap .price_wrap .discount { padding: 10px 22px; display: block; border-radius: 30px; margin: 0 0 7px; font-weight: bold; line-height:1; position: absolute; top: 14px; left: 260px; z-index: 1; background-color:#000; color:#fff; } 
.event1 .package_wrap .price_wrap .price { position:relative; color: #000; display: flex; justify-content: space-between; overflow: hidden; line-height: 1.5; align-items: center; } 
.event1 .package_wrap .price_wrap .price strong { position:relative; font-weight: 900; padding: 0 0 0 33px; } 
.event1 .package_wrap .price_wrap .price strong::before { content:''; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px; border-top: 1px solid #d0d0d0; } 
.event1 .package_wrap .price_wrap .price strong::after {content: '';position: absolute;top: 41%;right: 93%;width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 10px solid transparent;border-left: 10px solid #d0d0d0;} 
.event1 .package_wrap .price_wrap .price .origin { font-weight: normal; color: #d0d0d0; text-decoration: none; font-weight: 900; } 
.event1 .package_wrap .btn a { display: flex; border-radius: 0 16px 16px 0; background: #444444; color: #fff; width: 280px; height: 100%; flex-direction: column; align-items: center; justify-content: center; text-align: center; /* gap: 0; */font-weight: 900; } 
/* E: [ws] 250110 .price_wrap Ãß°¡ */



/* .mission1 */
.mission1 { /*background: #ffd39a; */ background: var(--color-primary); padding:150px 0; position:relative; /* opacity:.9999; */ } 
.mission1 h3 { margin: 0 -30px } 
.mission1 .finish { position:absolute; top:175px; left:50%; margin-left:430px; max-width:228px; width:20%; z-index:1 } 
.mission1 .inner2 { max-width:1140px; margin:auto } 
.mission1 .evt_top { /* margin:55px auto 0; *//* display:table; *//* width:100%; *//* height:58px; *//* background:#852df8; *//* border-radius:28px; *//* text-align:center; */ } 
.mission1 .evt_top div { display:table-cell; vertical-align:middle; /* color:#fff; */font-size:21px; line-height:120%; } 
.mission1 .evt_top div p { position:relative; display:inline-block; padding-left:17px; font-weight: bold; } 
.mission1 .evt_top div p:before { content:""; display:block; width:5px; height:5px; background: #111; border-radius:50%; position:absolute; top:11px; left:0; } 
.mission1 .evt_top div p span br { display:none } 
.mission1 .evt_top div p span:before { content:""; display:inline-block; width:3px; height:13px; background: #111; margin:0 15px; } 
.mission1 .txt_box { margin-top: 15px; font-size: 14px; line-height:130%; /*color: #e68200; */ color: var(--color-disabled); text-align:center; } 
.mission1 .txt_box .cl { color:#852ef8 } 

.mission1 .bg_box { margin-top:30px; background: #fff; padding-bottom: 50px; overflow:hidden; border-radius: 20px; } 
.mission1 .ex { margin: 60px 0 40px } 
.mission1 .video_wrap .video_box { max-width:1000px; width:100%; height: auto; cursor: pointer; margin:auto } 
.mission1 .video_wrap .video_box .play_area { margin: 0 auto } 
.mission1 .video_wrap .manage_btn { text-align: right; display: block; margin:-15px 40px 15px 0 } 
.mission1 .video_wrap .manage_btn span { border: 1px solid #000; padding: 2px } 
.mission1 .btn_wrap { position: relative; margin: 50px 40px 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } 
/* .mission1 .btn_wrap ul { text-align: left; width: 490px; } */
.mission1 .btn_wrap ul { display: flex; justify-content: space-between; gap: 10px; } 
/* .mission1 .btn_wrap li:first-child { margin-bottom: 10px } */
/* .mission1 .btn_wrap ul li img { width:500px; max-width:1000px; margin: 0 0 0 -4px; } */

.mission1 .right_btn { position: absolute; right: 0; top: 0 } 
.mission1 .way { position: relative; background: #f2f2f2; padding: 20px 10px; text-align:center } 
.mission1 .way::before { content: ''; display: block; position: absolute; top: -28px; left: 50%; transform: translateX(-50%); border-top: 14px solid transparent; border-bottom: 14px solid #f2f2f2; border-right: 14px solid transparent; border-left: 14px solid transparent } 
.mission1 .cld_chk { display: block; margin:100px 0 25px } 
.mission1 .day_chk { width: fit-content; font-size: 20px; background: #e68200; color: #fff; padding: 0.5vw 4vw; border-radius: 20px; margin: 0 auto 2%; } 
.mission1 .day_chk b { color: #000; } 
.mission1 .calenderBox table { border-collapse: separate; border-spacing: 10px 10px } 
.mission1 .calenderBox { overflow:hidden } 
.mission1 .calenderBox + p.tiny { /*color: #e68200; */ color: var(--color-disabled); text-align: right; font-size:13px; padding-top:10px; } 
.mission1 .calenderBox >div { float:left } 
.mission1 .calenderBox .tableType { overflow:hidden } 
.mission1 .calenderBox .tableType table tr th { padding:0 } 
.mission1 .calenderBox .tableType table tr td { padding:0 } 
.mission1 .calenderBox .tableType table tr { background: #fff; position: relative } 
.mission1 .calenderBox .tableType { width: 100%; float:left; position: relative } 
.mission1 .calenderBox .tableType p { position: absolute; z-index: 2; background: rgba(0,0,0,0.8); width: 100%; height: 100%; top: 0; left: 0 } 
.mission1 .calenderBox .tableType p img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } 
.mission1 .calenderBox .tableType table { width:100%; position: relative } 
.mission1 .calenderBox .tableType table thead tr th { background: #000; color: #fff; height:40px; padding: 10px 0; font-size: 16px } 

.mission1 .calenderBox .tableType .tableBox { position: relative; padding: 40px; background: #f2faff } 
.mission1 .calenderBox .tableType table tbody tr td { vertical-align:top; padding: 6px; position: relative } 
.mission1 .calenderBox .tableType table tbody tr td div { position:relative; width:100%; height: 128px } 
.mission1 .calenderBox .tableType table tbody tr td .blur {background-color: rgba(0,0,0,0.4);}
.mission1 .calenderBox .tableType table tbody tr td div .date { color: #000; font-size:15px; position:absolute; left:3px; top:3px; font-weight:bold } 
.mission1 .calenderBox .tableType table tbody tr td div .huu_icon,
.mission1 .calenderBox .tableType table tbody tr td div .fail_icon,
.mission1 .calenderBox .tableType table tbody tr td div .suc_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width:100px; height:100px; border-radius: 100%; font-size: 20px; font-weight: bold; box-shadow: 2px 2px 7px rgb(0 0 0 / 30%); display: flex; align-items: center; justify-content: center; text-align: center; } 
.mission1 .calenderBox .tableType table tbody tr td div .suc_icon { background: #0800ce } 
.mission1 .calenderBox .tableType table tbody tr td div .fail_icon { background: #828282 } 
.mission1 .calenderBox .tableType table tbody tr td div .huu_icon { background: #9330ed } 
.mission1 .calenderBox .tableType table tbody tr td div .huu_icon .txt, 
.mission1 .calenderBox .tableType table tbody tr td div .fail_icon .txt, 
.mission1 .calenderBox .tableType table tbody tr td div .suc_icon .txt { color: #fff; } 
.mission1 .calenderBox .tableType table tbody tr td.today { overflow: hidden; box-sizing: border-box; border: 3px solid #0800ce; padding: 7px 9px 9px } 
.mission1 .calenderBox .tableType table tbody tr td.gray_bg { background:#d3d3d3 } 

.mission1 .btn_down { margin:40px auto 0; display:block; width:490px } 
.mission1 .btn_down a { display:block; width:100% } 

.mission1 .evt01 { position: relative } 
.mission1 .evt01 i { position: absolute; right: -6%; top: 8% } 
.mission1 .evt01 h4 { margin: 100px 0 40px } 
.mission1 .evt01 .tiny_txt { font-size: 12px; text-align: left; color: #acacac; margin: 10px 0 0 } 
.mission1 .evt01 .tiny_txt li { position: relative; padding-left: 10px } 
.mission1 .evt01 .tiny_txt li::before { content: '*'; display: block; position: absolute; left: 0; top: 2px } 

.mission1 .benefit { margin-top:25px } 
.mission1 .benefit .text { width:100%; height:65px; background:#0800ce; display:table; border-radius:0 0 35px 35px; text-align:center } 
.mission1 .benefit .text p { color:#fff; font-size:21px; display:table-cell; vertical-align:middle } 
.mission1 .benefit .text p .tiny_noti { color:#a5a3e7; margin-left:5px; font-size:14px } 

.mission1 .benefit.d1027 { display: flex; align-items: center; margin: 60px 0 0 0 } 
.mission1 .benefit.d1027 .img { text-align: center; flex: 1; position: relative } 
.mission1 .benefit.d1027 .img i { position: absolute; top: -40%; right: 15%; font-style: normal; font-size: 17px; font-weight: bold; color: #fff; background: #000; border-radius: 50%; width: 75px; height: 75px; padding: 13px 0; transform: translateY(50%) } 
.mission1 .benefit.d1027 .text { background: transparent; display: unset; flex: 1; text-align: left; font-weight: bold; height: auto } 
.mission1 .benefit.d1027 .text p { display: block; color: #000; margin: 0 0 20px 0 } 
.mission1 .benefit.d1027 .text p .blue { color: #0800ce } 
.mission1 .benefit.d1027 .text p .tiny_noti { font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; font-size: 12px; line-height: 2; color: rgba(0, 0, 0, 0.40); font-weight: normal; display: block; margin: 0 } 
.mission1 .benefit.d1027 .text p b { background: #000; border-radius: 20px; color: #d6d3ff; font-size: 21px; padding: 5px 20px; margin: 0 20px 0 0 } 
.mission1 .benefit.d1027 .text .winner { font-weight: normal } 
.mission1 .benefit.d1027 .text .winner .tiny_noti { color: #908cc7; font-size: 13px; display: initial } 

.mission1 .gift { /* border: 2px solid #0800ce; *//* border-radius: 35px; *//* background: #fff; *//* margin: 50px 0 0; */ } 
.mission1 .gift .content { position: relative; /*border: 2px solid #e68200; */ border: 2px solid var(--color-highlight); background: #fff; border-radius: 30px 30px 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin: 22px 0 0; } 
.mission1 .gift .content li { flex: 1; position: relative; text-align: center; margin: -22px 0 0; } 
.mission1 .gift .content li:nth-child(1) { position: relative } 
.mission1 .gift .content li::before { content:''; background: #d4d8ef; width: 1px; height: 71%; position: absolute; left: 0; top: 20%; /* transform: translate(0, -50%); */ } 
.mission1 .gift .content li:nth-child(1)::before { display:none } 
.mission1 .gift .content li .tit span { background: #0800ce; color: #fff; font-size: 20px; font-weight: 700; padding: 9.5px 51px; border-radius: 100px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%) } 
.mission1 .gift .content li .img { position: relative; display: inline-block } 
.mission1 .gift .content li:nth-child(1) .img i { position: absolute; top: -12px; right: -40px } 
.mission1 .gift .content li:nth-child(2) .img i { position: absolute; top: -20px; right: -20px } 
.mission1 .gift .content li .name { font-size: 18px; font-weight: 700; margin: 8px 0 } 
.mission1 .gift .content li .tiny_noti { font-size: 11px; font-weight: 100; color: #b8b8b8 } 
.mission1 .gift .schedule { /*background: #e68200; */ background: var(--color-highlight); border-radius: 0 0 30px 30px; color: #fff; text-align: center; font-size: 21px; padding: 17px 0 20px; } 
.mission1 .gift .schedule dt { display: inline-block; padding-right: 16px; margin-right: 18px; position: relative } 
.mission1 .gift .schedule dt::before { content:''; background: #fff; width: 2px; height: 44.5%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) } 
.mission1 .gift .schedule dd { display: inline-block } 
.mission1 .gift .schedule dd .tiny_noti { color: #fff; font-size: 14px; font-weight: 200; opacity: 0.5; } 

/*event3*/
.event3 { background:#bfe7eb; padding:160px 0; position:relative } 
.event3 .finish { position:absolute; top:0; left:50%; margin-left:380px; max-width:228px; width:20%; z-index:1 } 
.event3 .listBox { margin-top:70px; font-family: 'NotoSans KR' } 
.event3 .listBox li { overflow:hidden; margin-bottom:40px } 
.event3 .listBox li h4 { display:block; float:left; width:140px; height:40px; background:#000; color:#bfe7eb; font-size:21px; line-height:40px; border-radius:20px; text-align:center } 
.event3 .listBox li div { float:right; width:calc(100% - 165px); color:#000; font-size:21px; line-height:130%; margin-top:5px } 
.event3 .listBox li div img { margin-left:50px } 
.event3 .listBox li div img:first-child { margin-left:0 } 
.event3 .listBox li div span { color:#69a0a5; font-size:13px; margin-left:5px } 
.event3 .btn { margin:100px auto 0; max-width:490px; width:100% } 

/* event3 1027 added */
.event3.d1027 { background: #e6aaff } 
.event3.d1027 h3 { margin: 0 -30px } 
.event3.d1027 .listBox li h4 { color: #e6aaff } 
.event3.d1027 .listBox li ol li { margin-bottom: 0 } 
.event3.d1027 .listBox li ol li span { display: block; color: #ac14de; font-size: 21px; font-weight: bold; margin: 0 0 0 18px; line-height: 2 } 
.event3.d1027 .listBox li ol li span::before,
.event3.d1027 .listBox li ol li span::after { content: ''; display: inline-block; background: url(https://img.megagong.net/m/2022/1027_tjenglish08/evt3_img01.png) no-repeat; width: 22px; height: 22px } 
.event3.d1027 .listBox .review { display: flex; justify-content: center; text-align: center; width: 76%; margin: 0 auto 40px } 
.event3.d1027 .listBox .review div { background: #fff; border-radius: 10px; margin: 0 10px } 
.event3.d1027 .listBox .review p { font-weight: bold } 
.event3.d1027 .listBox .review p a { display: block; padding: 20px 0 } 
.event3.d1027 .listBox .review .naver { color: #1fca5b } 
.event3.d1027 .listBox .review .yes24 { color: #ca3b5c } 
.event3.d1027 .listBox .review .kyobo { color: #36308f } 
.event3.d1027 .listBox .review p span { display: block; font-size: 14px; color: #afafaf; font-weight: normal } 
.event3.d1027 .listBox .gift { margin: 0 } 
.event3.d1027 .listBox .gift div { display: flex } 
.event3.d1027 .listBox .gift div p { position: relative; margin: 0 60px 0 0 } 
.event3.d1027 .listBox .gift div p:last-child { margin: 0 } 
.event3.d1027 .listBox .gift div i { position: absolute; font-size: 14px; text-align: center; color: #fff; border-radius: 50%; background: #ac14deb0; width: 60px; height: 60px; line-height: 1.4; font-style: normal; padding: 11px 0; right: 0; top: 15px } 
.event3.d1027 .listBox .gift div img { margin: 0 } 

/* event3 1207 added */
.event3.d1207 { background: #f7cafe } 
.event3.d1207 .finish { top: 9% } 
.event3.d1207 .schedule { background: #ac14de; border-radius: 40px; padding: 14.3px 0; position: relative; margin: 60px 0 100px; text-align: center } 
.event3.d1207 .schedule dl { font-size: 21px; color: #fff; display: inline-block } 
.event3.d1207 .schedule dl:first-child { margin-right: 45px } 
.event3.d1207 .schedule dl dt { margin-right: 16px; padding-right: 16px; display: inline-block; position: relative } 
.event3.d1207 .schedule dl dt::after { content:''; display: block; width: 2px; height: 44.6%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #fff } 
.event3.d1207 .schedule dl dd { display: inline-block } 
.event3.d1207 .schedule dl dd .tiny_txt { font-size: 14px; display: inline-block; margin: 0 0 0 6px; color: #d68aef } 
.event3 .gift { border: 2px solid #ac14de; border-radius: 35px; background: #fff; margin: 50px 0 100px } 
.event3 .gift .content li { float: left; width: 50%; text-align: center; position: relative; padding: 56px 0 30px } 
.event3 .gift .content li:nth-child(1) { position: relative } 
.event3 .gift .content li:nth-child(1)::before { content:''; background: #eed0f8; width: 1px; height: 79.4%; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) } 
.event3 .gift .content li .tit span { background: #ac14de; color: #fff; font-size: 20px; font-weight: 700; padding: 9.5px 51px; border-radius: 100px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%) } 
.event3 .gift .content li .img { position: relative; display: inline-block } 
.event3 .gift .content li:nth-child(1) .img i { position: absolute; top: -26px; right: -20px } 
.event3 .gift .content li:nth-child(2) .img i { position: absolute; top: -25.5px; right: -20px } 
.event3 .gift .content li .name { font-size: 18px; font-weight: 700; margin: 18px 0 0 } 
.event3 .gift .txt { background: #ac14de; border-radius: 0 0 32px 32px; color: #d68aef; text-align: center; font-size: 15px; padding: 19px 0; font-weight: 200 } 
.event3 .way { margin: 25px 0 45px } 
.event3 .way li { background: #fff; display: inline-block; width: 350px; margin: 0 12px 0 0; text-align: center; vertical-align: top; position: relative; padding: 27.7px 0 50px } 
.event3 .way li::before { content:''; background:url(https://img.megagong.net/m/2022/1207_tjenglish08/evt3_ico.png) no-repeat center; width: 36px; height: 36px; position: absolute; top: 50%; right: 0; transform: translate(68%, -50%); z-index: 1 } 
.event3 .way li:last-child { margin: 0 0 } 
.event3 .way li:last-child::before { display:none } 
.event3 .way li div .tit { font-size: 21px; color: #ac14de; font-weight: 900 } 
.event3 .way li div .txt { font-size: 20px; font-weight: 700; margin: 15px 0 } 
.event3 .way li div .btn { display: inline-block; margin: 0 } 
.event3 .way li div .tiny_noti { color: #ac14de; font-size: 14px; font-weight: 200; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0) } 
.event3 .cautn { color: #be89c6 } 
.event3 .cautn dt { font-size: 16px; font-weight: 700; margin: 0 0 5px } 
.event3 .cautn dd { font-size: 15px; position: relative; line-height: 1.53; font-weight: 200; padding-left: 8px } 
.event3 .cautn dd::before { content:''; background: #c28eca; width: 2px; height: 2px; position: absolute; left: 0; top: 11px } 

.event3.ver1010 { background: #4f59e1 } 
.event3.ver1010 .con_tit .evt { color: #4f59e1; } 
.event3.ver1010 .bigt { color: #fff; } 
.event3.ver1010 .bigt span { color: #53b8ff; } 
.event3.ver1010 .con_tit .tiny { color: #fff; line-height: 1.65; } 
.event3.ver1010 .con_tit .tiny.top { padding: 15px 0 0; } 
.event3.ver1010 .evt_top { /* margin:55px auto 0; *//* display:table; *//* width:100%; *//* height:58px; *//* background:#852df8; *//* border-radius:28px; *//* text-align:center; */ } 
.event3.ver1010 .evt_top div { display:table-cell; vertical-align:middle; /* color:#fff; */font-size:20px; line-height:120%; } 
.event3.ver1010 .evt_top div p { position:relative; display:inline-block; padding-left:17px; font-weight: bold; margin: 0 15px; } 
.event3.ver1010 .evt_top div p:before { content:""; display:block; width:5px; height:5px; background: #111; border-radius:50%; position:absolute; top:11px; left:0; } 
.event3.ver1010 .evt_top div p span em { font-size: 14px; color: #fff; font-weight: 400; font-style: normal; } 
.event3.ver1010 .evt_top div p span:before { content:""; display:inline-block; width:3px; height:13px; background: #111; margin:0 15px; } 
.event3.ver1010 .evt_bot { display: flex; flex-direction: column; align-items: center; } 
.event3.ver1010 .evt_bot .gift_box { margin: 50px 0 60px; } 

/*event4*/
.event4 { background: #52c7d2; padding:160px 0; position:relative; } 
.event4 .finish { position:absolute; top:0; left:50%; margin-left:380px; max-width:228px; width:20%; z-index:1 } 
.event4 .evt_top { /* margin:55px auto 0; *//* display:table; *//* width:100%; *//* height:58px; *//* background:#852df8; *//* border-radius:28px; *//* text-align:center; */ } 
.event4 .evt_top div { display:table-cell; vertical-align:middle; /* color:#fff; */font-size:21px; line-height:120%; } 
.event4 .evt_top div p { position:relative; display:inline-block; padding-left:17px; font-weight: bold; } 
.event4 .evt_top div p:before { content:""; display:block; width:5px; height:5px; background: #111; border-radius:50%; position:absolute; top:11px; left:0; } 
.event4 .evt_top div p span:before { content:""; display:inline-block; width:3px; height:13px; background: #111; margin:0 15px; } 
.event4 h5 { position: relative; margin: 60px 0 10px; } 
.event4 .radio_list { display: flex; position: relative; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; background: #fff; border-radius: 30px; padding: 40px 0; background: #fff url(https://img.megagong.net/m/2023/0914_tjenglish08/con_img24.png) no-repeat center 126px; margin: 0 0 60px; } 
.event4 .radio_list li { text-align: center; position: relative; margin: 0 10%; } 
.event4 .radio_list li label { display: block; } 
.event4 .radio_list li input { position: absolute; top: 50%; left: 50%; margin: 2px 0 0 -8px; width: 16px; height: 16px; } 
.event4 .right_btn { display: flex; flex-direction: row; justify-content: center; } 
.event4 .right_btn li { margin: 0 30px } 


/* review popup */
.mg_popup_wrap .content_area .content_inner { padding: 30px 20px } 
.mg_popup_wrap .m_tit { font-size: 30px; margin: 0 0 30px 0 } 
.mg_popup_wrap .m_stit { text-align: center; font-size: 18px; margin: 0 0 28px 0 } 
.mg_popup_wrap .tbl { text-align: left; border-top: 2px solid #000; border-bottom: 2px solid #000 } 
.mg_popup_wrap .tbl tr th { text-align: center } 
.mg_popup_wrap .tbl input[type=text] { width: 100%; outline: none; border: none } 
.mg_popup_wrap .form_caution { margin: 10px 0 30px 20px } 
.mg_popup_wrap .form_caution a { color: #e45c6c; border-bottom: 1px solid #e45c6c; font-weight: bold } 
.mg_popup_wrap .privacy_box { overflow-y: scroll; border: 1px solid #000; padding: 20px; line-height: 1.4; height: 130px; margin: 0 0 10px 0 } 
.mg_popup_wrap .privacy_check { color: #999 } 
.mg_popup_wrap .content_area .mg_btn_wrap .mg_btn_base { width: 240px } 

.mg_popup_wrap.d1207 .content_area .content_inner { padding: 40px 20px } 
.mg_popup_wrap.d1207 .tbl { border-right: 0; border-left: 0 } 
.mg_popup_wrap.d1207 .tbl tr th { border-left: 0 } 
.mg_popup_wrap.d1207 .tbl tr td:last-child { border-right: 0 } 
.mg_popup_wrap.d1207 .mg_filebox .filename { width: calc(100% - 120px) } 
.mg_popup_wrap.d1207 .content_area .mg_btn_wrap .mg_btn_base { width: 220px } 
.mg_popup_wrap.d1207 .mg_filebox .filebtn { width: 120px } 
.mg_popup_wrap.d1207 .mg_filebox .filebtn label { background: #777 } 

/*event_caution*/
.caution { background:#f1f2f2; padding:60px 0 55px; text-align:left; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif } 
.caution h4 { color:#222; font-size:17px; font-weight:700 } 
.caution dl { margin-top:20px } 
.caution dt { color:#222; font-size:13px; line-height:120%; font-weight:700 } 
.caution dd { position:relative; padding-left:10px; font-size:13px; margin-top:5px } 
.caution dd:before { content:"-"; display:block; position:absolute; top:0; left:0 } 
.caution dd.new { padding-left: 15px; } 
.caution dd.new:before { content:"¢º"; display:block; position:absolute; top:0; left:0 } 
.caution dd a { color:#a871f0; font-weight:700; font-size:14px; border-bottom:1px solid #a871f0; margin-left:5px } 
/*event_caution_new*/
.caution.wbox { padding:0 } 
.caution.wbox h4 { width:100%; height:60px; background:#000; display:table; text-align:center; color:#fff; font-size:20px; font-weight:700; cursor:pointer } 
.caution.wbox h4 span { display:table-cell; vertical-align:middle; padding-right:10px; position:relative } 
.caution.wbox h4 span i { display:inline-block; vertical-align:top; font-style:normal; width:13px; height:28px; position:relative; margin-left:5px } 
.caution.wbox h4 span i:before { content:"^"; position:absolute; top:-2px; right:0; transform:rotate(-180deg) } 
.caution.wbox h4.on span i:before { transform:rotate(0); top:3px } 
.caution.wbox .inner { padding:60px 0; display:none } 
.caution.wbox dl { margin-top:0 } 
.caution.wbox dd+dt { margin-top:30px } 
.caution.wbox dt { font-weight:700; color:#222; font-size:16px; margin-bottom:5px } 
.caution.wbox dd { font-size:14px } 
/* .caution.wbox a { color:#0012ff; border-bottom-color:#0012ff } */
.caution.wbox a { color:#f00; border-bottom-color:#f00 } 

/* pop */
.black_bg { background-color:#000; opacity: 0.5; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.certifi_pop .pop_wrap { width: 680px; position:fixed; top:50%; left:50%; background-color:#fff; z-index:93; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:13px; box-sizing:border-box; padding:45px 25px 0 } 
.certifi_pop .popinner { padding: 0; position:relative; /* font-size:13px; */padding: 80px 43px } 
.certifi_pop .tit { position:relative; text-align: left; margin-bottom: 35px; /* border-bottom: 1px solid #acacac; *//* padding: 14px 14px; */font-size: 48px; text-align: center } 
.certifi_pop .inpbox { overflow:hidden; margin-bottom:0 } 
.certifi_pop .inpbox p { position:relative; float:left; width:48.5%; box-sizing:border-box; padding:0 0px 0 78px; margin:0 0 12px } 
.certifi_pop .inpbox p:nth-child(1) { width:45% } 
.certifi_pop .inpbox p:nth-child(2) { width:55%; padding:0 0 0 100px } 
.certifi_pop .inpbox p:nth-child(3) { width:100%; float:none; clear:both } 
.certifi_pop .inpbox span { display:block; border:1px solid #333; overflow:hidden } 
.certifi_pop .inpbox span input[type="text"] { height:40px; width:100%; border:0; padding-left:10px; font-size:13px } 
.certifi_pop .inpbox label { position:absolute; top:15px; left:0; font-size:13px; font-weight:bold } 
.certifi_pop .inpbox p:nth-child(2) label { left:25px } 
.certifi_pop .filebox { position:relative; margin-bottom: 40px; padding: 23px 43px; background: #fafafa } 
.certifi_pop .filebox .filename { position:relative; height: 50px; width:71%; float:left; border: 1px solid #b7b7b7; overflow:hidden } 
.certifi_pop .filebox .filename input[type="text"] { position:absolute; top:0; left:0; font-size:13px; width:83%; height:45px; padding-left:10px; color: #b7b7b7; border:0 } 
.certifi_pop .filebox .filename a { position:absolute; top:9px; right:10px; width:50px; height:28px; line-height:28px; font-size:13px; background-color:#929292; color:#fff; z-index:1; text-align:center } 
.certifi_pop .filebox .filebtn { position:relative; width:26%; height:47px; float:right; cursor:pointer } 
.certifi_pop .filebox .filebtn label { position:absolute; top:0; right:0; background-color:#000; color:#fff; font-size:15px; width:100%; text-align:center; height:47px; line-height:47px } 
.certifi_pop .filebox input[type="file"] { position:absolute; top:0; right:0; width:100%; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0 } 
.certifi_pop .filebox label { position:absolute; z-index:1; top:17px; left:0; font-size:13px; font-weight:bold } 
.pop_re_btn { margin: 0 auto; display: block } 
.certifi_pop ul { clear:both; margin:0 0 18px; padding:15px 0 0; border-top:1px solid #ddd } 
.certifi_pop ul li { text-align:left; padding-left:10px; font-size:13px; text-indent:-10px; line-height:1.3; padding-bottom:3px } 
.certifi_pop ul li a { color:#333; border:1px solid #333; padding:1px 3px; font-weight:normal; font-size:11px; margin-left:5px } 
.certifi_pop .btn_popclo { position:absolute; top:7px; right: -50px; display:block; font-size:0; line-height:0; width: 39px; height: 40px } 
.certifi_pop .btn_popclo::before { display: inline-block; content: "\00d7"; font-size:60px; color: #fff } 
#Popalarm .pop_wrap { width: 680px; text-align:center; height: 460px; } 
#Popalarm.certifi_pop .tit { position:relative; text-align: left; margin-bottom: 0; border-bottom: 1px solid #acacac; padding: 14px 14px } 
#Popalarm.certifi_pop .write_info { margin:30px auto; overflow: hidden; background:#fafafa; padding:10px; box-sizing:border-box } 
#Popalarm.certifi_pop .write_info span { vertical-align:top } 
#Popalarm.certifi_pop .write_info span input { width: 45%; height:46px; padding: 8PX; border: 1px solid #9e9e9e } 
#Popalarm.certifi_pop .btnbox { margin-bottom: 42px; text-align: center; overflow: hidden } 
#Popalarm.certifi_pop .btnbox .reserv_cancle { margin-left:18px } 
#Popalarm.certifi_pop .certifi_btn { display:block; background:#1b30b8; width:300px; height:45px; line-height:45px; color:#fff; font-size:18px; text-align:center; margin:0 auto 0 } 
#Popadmin.certifi_pop .t_border1 { border-top: 1px solid #ddd } 
#Popadmin.certifi_pop .t_border1 td a { color:#1b30b8 } 
#Popalarm.certifi_pop .cautn { text-align: left; margin:0 20px 30px } 
#Popalarm.certifi_pop .cautn a { color: #f76c25; font-weight: bold } 


#pop_wrap { position:relative; width:100%; max-width:850px; word-break: keep-all; margin: 0 auto; min-width: 350px } 
#pop_wrap .top_title { position: relative; background-color: #025bc3; padding: 0 10%; overflow: hidden; text-align: center } 
#pop_wrap .top_title p { text-align: center; margin-top: 10px; font-size: 14px } 
#pop_wrap .write_info { padding-bottom: 12px; padding: 20px 20px } 
#pop_wrap .write_info p { padding-bottom: 3px; line-height: 1.4; position: relative; padding-left: 5px; font-size: 15px; font-weight: bold } 
#pop_wrap .write_info th label { display: block } 
#pop_wrap .write_info th label em { color: #f13333; font-style: normal } 
#pop_wrap .write_info th label span { display: block; font-weight: normal !important; font-size: 11px } 
#pop_wrap .write_info td { text-align: left } 
#pop_wrap .write_info td span { display: inline-block; border:1px solid #ccc; padding: 3px; width: 60% } 
#pop_wrap .write_info td .tiny_txt { display:inline-block } 
#pop_wrap .write_info td label { display: inline-block } 
#pop_wrap .write_info td input[type="text"] { width: 100%; border:0; height: 17px; font-size: 12px } 
#pop_wrap .write_info [type="radio"],#pop_wrap .write_info [type="checkbox"] { margin-right: 2px; vertical-align: middle } 
#pop_wrap table { border-collapse:collapse; border:0 } 
#pop_wrap th,td { word-wrap:break-word; line-height: 1.3; padding-left: 3px; padding-right: 3px } 
#pop_wrap table.t_border1 { border-top:1px solid #ddd; border-bottom:none; text-align:center; border-left:1px solid #ddd; width: 100% } 
#pop_wrap table.t_border1 tr th, table.t_border1 td { padding:8px 7px 8px 7px; border-bottom:1px solid #ddd; font-size:12px; box-sizing: border-box } 
#pop_wrap table.t_border1 td span.readonly { float:left } 
#pop_wrap table.t_border1 tr th { background-color:#f1f1f1; letter-spacing:-1px; border-right:1px solid #ddd; font-weight: bold; text-align: left } 
#pop_wrap table.t_border1 tr th i { font-style: normal; color: #e02900; font-size: 14px; padding: 0 0 0 4px } 
#pop_wrap table.t_border1 tr td { border-right:1px solid #ddd } 
#pop_wrap table.t_border1 td strong { font-size:11px } 
#pop_wrap table.t_border1 a:hover { color:#0073bd } 
#pop_wrap table.t_border1 tr td textarea { width: 100%; box-sizing: border-box; padding: 4px; font-size: 12px; font-family: '?? ??','??',Arial; line-height: 1.4; border: 1px solid #ccc } 
#pop_wrap .filebox { position: relative; /* margin: 25px 0 5px; */height: 40px; padding: 0 0 0 0px } 
#pop_wrap .filebox .filename { position: relative; height: 40px; width: 80%; float: left; border:1px solid #333; overflow:hidden } 
#pop_wrap .filebox .filename label { position: absolute; top:0; left:0; z-index: 1; font-size: 13px; padding-left: 10px; height: 47px; line-height: 47px } 
#pop_wrap .filebox .filename input[type="text"] { position: absolute; top:2px; left:0; font-size: 13px; width: 94%; height: 40px; padding-left: 5px; color:#333; border:0; text-overflow: ellipsis } 
#pop_wrap .filebox .filename a { position: absolute; top: 9px; right: 10px; width: 50px; height: 28px; line-height: 28px; font-size: 13px; font-weight: bold; text-align:center; background-color: #929292; color: #fff; z-index: 1 } 
#pop_wrap .filebox .filebtn { position: relative; width: 19%; height: 42px; float: right; cursor: pointer } 
#pop_wrap .filebox .filebtn label { position: absolute; top:0; right:0; background-color: #000; color: #fff; font-size: 15px; width:100%; text-align: center; height: 42px; line-height: 42px } 
#pop_wrap .filebox input[type="file"] { position: absolute; top:0; left: 0; width: 80%; height: 100%; cursor: pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0 } 
#pop_wrap .btnbox { text-align: center; /* float: right; */margin: 0 20px 0 auto; width: 100%; padding: 20px 20px; box-sizing: border-box } 
#pop_wrap .btnbox a { display: inline-block; width: 32.3%; line-height: 30px; background-color:#808080; color: #fff; text-decoration: none; font-size: 16px; padding: 6px 0; margin: 0 auto } 
#pop_wrap .btnbox a img { max-width:100% } 
#pop_wrap .txtarea { height: 100px } 
#pop_wrap .txtarea textarea { width: 100%; height: 100%; border:0; max-width: 100%; max-height: 100%; font-family:'?? ??','??',Arial; font-size:12px; line-height: 1.3 } 



/* ?? ??? */
.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%; } 

/* 20240715 ?? */
.conTop.new0715 { background-size:cover; background-position: center center; background-repeat:no-repeat; background-image: url(https://img.megagong.net/m/2024/0717_tjenglish08/v_bg.png); background-color: #cef5f1; } 
.conTop.new0715 .top_text { top:0; } 
.conTop.new0715 h3.new { padding-top:0; margin-left: -15px;width: 1109px;} 
.conTop.new0715 .topcontent { position: relative; } 
.conTop.new0715 .home_btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 134px; } 
.conTop.new0715 .con_tit { position: relative; padding: 0 0 31px; margin: 0; } 
.conTop.new0715 .bg_white_wrap { position: relative; } 

.conTop.new0715 .type_wrap { margin: 0 20px 150px; } 
.conTop.new0715 .cloud { display:block; position:absolute; bottom: -390px; left: 50%; transform: translateX(-50%); width: 100%; } 
.conTop.new0715 .charact_wrap { position: relative; } 
.conTop.new0715 .top_rolling_wrap { position: absolute; top: 56px; left: 0; overflow:hidden; height:140px; } 
.conTop.new0715 .top_rolling { width: 350px; min-height:160px; display: flex; flex-direction: column; align-items: flex-start; } 
.conTop.new0715 .top_rolling .top_rolling_txt { position: relative; height: 100%; } 
.conTop.new0715 .top_rolling .top_rolling_txt p { margin:6px 0 12px 0; min-height:75px; color: #005b52; font-size: 18px; text-align: left; } 
.conTop.new0715 .top_rolling .top_rolling_txt span { color: #005b52; font-size: 16px; text-align: left; display: block; } 
.conTop.new0715 .top_rolling_wrap img { display: block; } 


.conTop.new0715 .slick-vertical .slick-slide { height: 160px !important; } 
.conTop.new0715 .top_rolling .top_rolling_txt span.change { position: absolute; bottom: 3%; left: 0; } 


.conTop.new0715 .top_rolling .slick-list { padding: 0 !important; } 

.flt_pub{background-color: #fff;border: 1px solid #121212;border-radius:10px;margin-bottom:10px;padding:0 15px;}
.flt_pub li {padding:25px 0;border-top:1px solid #d8d8d8;font-size:16px;color:#121212;}
.flt_pub li:first-child {border-top:0;}
.flt_pub li .evt_label{display:inline-block;font-weight:700;background-color:#f3f4f4;padding:6px 30px;border-radius:20px;}
.flt_pub li .evt_text{display:block;}
.flt_pub li .evt_label + .evt_text{margin-top:15px;}
.flt_pub li .evt_text.green{color:#37c3b4;font-weight:700;}

/* [ws] 20250314 */
.conTop.new0715 h3.new .twk_txt{position: absolute;background: #20a496;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;width: 360px;height: 60px;align-content: center;border-radius: 30px;font-size: 26px;filter: drop-shadow(2px 3px 4px #999);}
.conTop.new0715 h3.new .twk_txt.on{background: #4f59e1;}

@media screen and (max-width:1820px){
    .conTop.new0715 .cloud { bottom: -36%; } 
}

@media screen and (max-width:1600px){
    .conTop.new0715 .cloud { bottom: -26%; } 
    .conTop.new0715 .bg_white_wrap::before { content:""; display: block; position:absolute; width: 100vw; height: 100%; top: 0; left: 50%; transform:translateX(-50%); background-color: #fff; } 
    .conTop.new0715 .charact_wrap::before { content:""; display: block; position:absolute; width: 100vw; height: 50%; top:0; left: 50%; transform:translateX(-50%); background-color: #fff; } 
}

@media screen and (max-width:1300px){
    .conTop.new0715 .cloud { bottom: -25%; } 
}

@media screen and (max-width:1200px){
    .conTop.new0715 h3.new{width: 100%;margin-left: 0;}

    .conTop .type_wrap .item .on { opacity:0 } 
    .conTop .type_wrap .item:hover .on { opacity:1 } 
    .conTop.new0715 .top_rolling_wrap img { width: 20px; } 
    .conTop.new0715 .top_rolling .top_rolling_txt p { font-size: 16px; margin: 1% 0 2% 0; } 
    .conTop.new0715 .top_rolling .top_rolling_txt span { font-size: 14px; } 
    .conTop h3.new .badge { width:27%; } 

    .flt_inner { display:none !important } 
    .eventWrap .inner { width: 97% } 
    .eventWrap img { width: 100% } 
    .eventWrap img.w_auto { width: auto; } 
    .inner2 { width: 97% } 




    .eventWrap .con_tit { font-size: 4vw; margin: 0 0 6%; } 
    .eventWrap .con_tit .end { right: 0; width: 29%; } 
    .eventWrap .con_tit .tiny { font-size: 2.6vw; padding: 2% 0 0; } 
    .eventWrap .con_tit .tiny.top { padding: 0 0 2%; } 
    .eventWrap .bigt { font-size: 4vw; } 
    .eventWrap .bigt.wht { color:#fff } 
    .eventWrap .clock { display: block; margin: 0 39%; } 
    .eventWrap .con_tit .gr { font-size: 2.4vw; margin: 0 2% 3%; } 


    /* conTop */
    .conTop { background-size: 230%; } 
    .conTop h3 { padding: 0 3%; } 

    .conTop a { display: block; margin: 0 32%; } 
    .conTop .con_tit { padding: 5% 0 0; } 
    .conTop .charact { margin: 0 -2% 0 0; } 
    .conTop .charact li { margin: 0; width: 33.3%; } 
    .conTop .bt_point { padding: 0 19%; } 
    .conTop h5 { padding: 0 16%; margin: 0; } 
    .conTop .h5_point { padding: 0 16%; } 
    .conTop .time_wrap { margin: 0 0px 12%; } 
    .conTop .type_wrap { margin: 0 0 13%; } 
    .conTop .type_wrap .tiny_noti { font-size: 11px; } 
    .conTop .type_wrap .item .on { opacity:0 } 
    .conTop .type_wrap .item.on .on { opacity:1 } 

    .conTop .top_text { top:25%; } 
    .conTop .top_text span { font-size:1.8vw; } 

    .conTop .point_wrap .slick-arrow { display: none !important; } 
    .conTop .point_wrap .slick-dots { visibility: visible; } 
    .conTop .point_wrap .item img { box-shadow: none; } 


    /* con1 */
    .con1 { padding:5vw 0 10vw } 
    .con1 ul { margin-top:5vw } 
    .con1 li { margin-left:2%; width:32% } 

    /* con2 */
    /* .con2 { padding: 0 0 15%; } */
    .con2 { padding: 2% 0 15%; overflow: initial; } 
    .con2:before { display:none } 
    .con2 nav::before { content: none; } 
    .con2 nav li { height:75px; border-radius:10px 10px 0 0 } 
    .con2 nav li p { font-size:15px } 
    .con2 nav li p span { font-size:20px; margin-top:5px } 
    .con2 .tabContent { margin: 6% 0 0; height: auto; } 
    .con2 .tabContent > div { display:none; position:relative } 
    .con2 .tabContent .item .book { margin: 0; width: 35%; position: absolute; top: 0; left: 0; } 
    .con2 .tabContent .item:nth-of-type(2) .book { margin: 0 0 0 8%; width: 28%; } 
    .con2 .tabContent .item .info { padding: 0 0 0 40%; position: relative; right: inherit; top: inherit; } 
    .con2 .tabContent a { left: 14%; bottom: inherit; top: 0100%; margin: 4% 0 0; width: 87%; } 
    .con2 .tabContent .link.d1027 { left: 47%; bottom: 0 } 
    .con2 .tabContent .item .book.new { margin-left:0; } 
    .con2 .tabContent .item .book.new a.link { left:8%; bottom:inherit; margin-top:20%; } 

    /* con3 */
    .con3 h5 { padding: 0 17%; margin: 5% 0 5%; font-size: clamp(18px, 4vmin, 27px); } 
    .con3 ul { margin-top:5vw } 
    .con3 ul li { margin-left:2%; width:32% } 
    .con3 .tiny_txt { font-size:11px; text-align: center; } 
    .con3 .comment_wrap .slick-slide { margin: 0 2vw; } 
    .con3 .comment_wrap { margin: 0 -2%; } 

    /* con3 */
    .con3 { padding: 0 0 15%; } 
    .con3 .video_box .play_area { width:100% !important; height: auto !important } 

    /* con4 */
    .con4 { padding: 0 0 015%; } 
    .con4 .lecture { margin-top:3vw } 

    /*event1*/
    .event1 { padding: 15% 0; } 
    .event1 .finish { left:inherit; right:0; margin-left:0 } 
    .event1 .evt_top { margin:3vw auto 0; height:35px; border-radius:10px } 
    .event1 .evt_top div { font-size:16px } 
    .event1 .evt_top div p { padding-left:13px } 
    .event1 .evt_top div p:before { top:5px } 
    .event1 .evt_top div p span:before { height:10px; margin:0 10px } 
    .event1 ul { margin-top:5vw; } 
    .event1 li { margin: 15px 0 0; } 
    .event1 li a > img { width:80% } 
    .event1 li a .btn { width:20%; position: absolute; top: 0; right: 0; height: 100%; overflow: hidden; } 
    .event1 li a .btn img { max-width: 200%; width: 145%; margin: 0 0 0 -20%; } 
    .event1 .txt { margin-top:10px; font-size:11px } 

    /* S: [ws] 250110 .price_wrap Ãß°¡ */
    .event1 .package_wrap .cont { padding: 4% 6%; width: calc(100% - 220px); } 
    .event1 .package_wrap .price_wrap .discount { left: unset; top: 7px; position: relative; width: fit-content; } 
    .event1 .package_wrap .price_wrap .price strong::after { top: 38%; right: 93%; } 
    .event1 .package_wrap .btn a { width: 220px; } 
    /* E: [ws] 250110 .price_wrap Ãß°¡ */

    /*event_caution*/
    .caution { padding:8vw 0 } 
    .caution h4 { font-size:15px } 
    .caution dl { margin-top:3vw } 
    .caution dt { font-size:12px } 
    .caution dd { font-size:11px } 
    .caution dd a { font-size:13px } 

    /*event4*/
    .event4 .evt_top { margin:3vw auto 0; height:35px; border-radius:10px } 
    .event4 .evt_top div { font-size:16px } 
    .event4 .evt_top div p { padding-left:13px } 
    .event4 .evt_top div p:before { top:5px } 
    .event4 .evt_top div p span:before { height:10px; margin:0 10px } 

    .mission1 .finish { top:0; left:inherit; right:0; margin-left:0 } 
    .mission1 .evt_top { margin:3vw auto 0; height:auto; padding:5px 0; border-radius:10px } 

    .event1 .evt_top div, .mission1 .evt_top div, .event3 .evt_top div { font-size:16px; padding: 20px 0; } 
    .event1 .evt_top div p, .mission1 .evt_top div p, .event3 .evt_top div p { padding-left:13px; font-size: 2vw; } 

    .mission1 .evt_top div p:before { top:5px } 
    .mission1 .evt_top div p span:before { height:10px; margin:0 10px } 
    .mission1 .txt_box { font-size:13px; line-height:130%; } 

    .mission1 { padding: 15% 0; } 
    .mission1 h3 { margin: 0 0 } 
    .mission1 .ex { margin: 5% 10% } 
    .mission1 .ex img { width: auto } 
    .mission1 .btn_wrap { margin: 0; overflow:hidden } 
    .mission1 .bg_box { padding: 20px; } 
    .mission1 .calenderBox .tableType .tableBox { padding: 0 } 
    .mission1 .calenderBox .tableType p img { width: auto } 
    .mission1 .calenderBox p.tiny { font-size: 10px } 
    .mission1 .stit { padding: 2% 0 } 
    .mission1 .stit >p { font-size: 20px } 
    .mission1 .stit >img { margin: 0 auto 2%; display: block; width: 12% } 
    .mission1 .video_wrap .manage_btn { margin: 0 0 15px 0 } 
    .mission1 .video_wrap .video_box .play_area { width:100% !important; height: auto !important } 
    .mission1 .btn_wrap ul,
    .mission1 .right_btn { width: 49% } 
    .mission1 .btn_wrap ul { width: 100%; } 
    .mission1 .btn_wrap li:first-child { margin-bottom: 1.2% } 
    .mission1 .btn_wrap ul li img { max-width: 100%; width: 100%; margin: 0; } 
    .mission1 .evt01 h4 { margin: 8.5% 0 3.5% } 
    .mission1 .evt01 i { right: 0; width: 17% } 
    .mission1 .btn_down { margin:3vw auto; max-width:490px; width:50% } 

    .mission1 .benefit { margin-top:5vw } 
    .mission1 .benefit .text { height:auto; border-radius:0 0 15px 15px; padding:10px 0 } 
    .mission1 .benefit .text p { font-size:15px } 
    .mission1 .benefit .text p span { margin-left:5px; font-size:12px } 

    .mission1 .benefit.d1027 img { width: auto } 
    .mission1 .benefit.d1027 .text p { font-size: 21px } 
    .mission1 .benefit.d1027 .text p .blue { margin: 0; font-size: 21px } 

    .mission1 h5, .event4 h5 { overflow: hidden; } 
    .event4 h5 { margin:10% 0 2% } 
    .mission1 h5 img, .event4 h5 img { max-width: 150%; width: 126%; margin: 0 0 0 -13%; } 
    .mission1 .gift .content { /*border: 1px solid #e68200; */ border-width: 1px; margin: 3vw 0 0; padding: 0 1%; border-radius: 10px 10px 0 0; } 
    .mission1 .gift .content li { margin: -3vw 0 0; padding: 0 1%; } 

    .mission1 .gift .schedule { font-size: 16px; border-radius: 0 0 10px 10px; } 
    .mission1 .gift .schedule dd .tiny_noti { font-size: 12px } 

    .evt .inner { padding: 15% 0 13% } 
    .evt h3,.evt.event2 h3 { margin-bottom: 8% } 
    .evt h3 i { top: 0; right: 0; width: 18% } 
    .evt .info,.evt.event2 .info { margin-bottom: 20%; width: 100% } 
    .evt .info .stit { font-size: 24px; margin-bottom: 5% } 
    .evt .info dl { font-size: 18px } 
    .evt .info dl dd::before { height: 50% } 
    .evt .info dl dd:first-child { margin-bottom: 2% } 
    .evt .info .gift,
    .evt.event2 .info .gift { width: 50%; top: 0; right: 0 } 
    .event1 section { width: 97% } 
    .event1 section .tit { margin-bottom: 4% } 
    .event1 section .tit span { font-size: 20px; padding: 0 2% } 
    .event1 section ul.proc li { float: none; display: inline-block; width: 48%; padding: 2% 10% 3% } 
    .event1 section ul.proc li:first-child { margin-right: 2% } 
    .event1 section ul.proc li:first-child::before { z-index: 2; right: -3.5% } 
    .event1 section ul.proc a.certifi_btn { width: 50%; bottom: 15%; height: 30% } 
    .event1 section.gallery_box { margin-top: 10% } 
    .event1 .gallery_wrp .gallery_lst { padding: 4% 3% } 
    .event1 .gallery_wrp .paging { padding: 0 } 
    .event1 .gallery_wrp .type_lst ul li a img { width: auto } 
    .event2 .tbl_6 td img { width: auto } 

    .evt_cautn h5 { font-size: 14px } 
    .evt_cautn { font-size: 11px; padding: 6.5% 0 } 

    .certifi_pop .pop_wrap { width:65% } 
    .certifi_pop .txt { padding: 0 10% 0; } 
    .certifi_pop .tit { font-size: 44px } 
    .certifi_pop .popinner { padding: 8% 2% } 
    .certifi_pop .filebox { padding: 3%; margin-bottom: 5% } 
    .certifi_pop .filebox .filebtn,
    .certifi_pop .filebox .filename { width: 100% } 
    #Popalarm.certifi_pop .btnbox a img { width: auto } 

    .con04.d0106 .tec_box { width: 100% } 
    .con04.d0106 .tec_box .video_box .play_area { position: absolute; width: 100% !important; height: 100% !important } 
    .con04.d0106 .tec_box .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100% } 


    .event3 { padding: 15% 0; } 
    .event3 .finish { left:inherit; right:0; margin-left:0 } 
    .event3 .listBox { margin-top:5vw } 
    .event3 .listBox li { margin-bottom:20px } 
    .event3 .listBox li h4 { width:100px; height:30px; font-size:15px; line-height:30px; border-radius:15px } 
    .event3 .listBox li div { width:calc(100% - 110px); font-size:17px; margin-top:3px } 
    .event3 .listBox li div img { margin-left:3%; width:30% } 
    .event3 .listBox li div img:first-child { margin-left:0 } 
    .event3 .listBox li div span { color:#69a0a5; font-size:13px; margin-left:5px } 
    .event3 .btn { margin:50px auto 0; max-width:350px } 

    .event3.d1027 h3 { margin: 0 0 } 
    .event3.d1027 .listBox li ol li span { font-size: 17px; margin: 0 0 0 10px } 
    .event3.d1027 .listBox .gift div p { margin: 0 6% 0 0 } 
    .event3.d1027 .listBox .gift div p img { width: 100% } 
    .event3.d1027 .listBox .review { margin: 0 auto 4% } 

    .event3.d1207 .schedule { padding: 12px 0; margin: 5.5% 0 8.5% } 
    .event3.d1207 .schedule dl { font-size: 17px } 
    .event3.d1207 .schedule dl:first-child { margin-right: 20px } 
    .event3.d1207 .schedule dl dd .tiny_txt { font-size: 12px } 
    .event3.d1207 .gift { margin: 5% 0 9% } 
    .event3.d1207 .gift .content li .tit span { width: 60%; font-size: 17px; padding: 9px 0 } 
    .event3.d1207 .gift .content li .img { width: 71.2% } 
    .event3.d1207 .gift .content li:nth-child(1) .img { width: 54.7% } 
    .event3.d1207 .gift .content li:nth-child(1) .img i { width: 31%; right: -6%; top: -10% } 
    .event3.d1207 .gift .content li:nth-child(2) .img i { width: 23.79%; right: -5%; top: -12% } 
    .event3.d1207 .gift .content li .name { font-size: 16px; margin: 10px 0 0 } 
    .event3.d1207 .gift .txt { padding: 10px 0; font-size: 13px } 
    .event3 .way { margin: 2.5% 0 4% } 
    .event3 .way li { margin: 0 1% 0 0; width: 32.4%; padding: 25px 0 35px } 
    .event3 .way li div .tit { font-size: 19px } 
    .event3 .way li div .txt { font-size: 17px; margin: 10px 0 } 
    .event3 .way li div .btn { padding: 0 7% } 
    .event3 .way li div .tiny_noti { font-size: 12px; bottom: 1%; width: 100% } 
    .event3 .cautn dt { font-size: 14px } 
    .event3 .cautn dd { font-size: 13px } 

    /*event_caution_new*/
    .caution.wbox h4 { height:40px; line-height:40px; font-size:14px } 
    .caution.wbox h4 span { display:table-cell; vertical-align:middle; padding-right:10px; position:relative } 
    .caution.wbox h4 span i { display:inline-block; vertical-align:top; font-style:normal; width:13px; height:28px; position:relative; margin-left:5px } 
    .caution.wbox h4 span i:before { content:"^"; position:absolute; top:-2px; right:0; transform:rotate(-180deg) } 
    .caution.wbox h4.on span i:before { transform:rotate(0); top:3px } 
    .caution.wbox .inner { padding:20px 0 } 
    .caution.wbox dd+dt { margin-top:15px } 
    .caution.wbox dt { font-size:15px } 
    .caution.wbox dd { font-size:13px } 

    .event1 .con_tit .evt, .event2 .con_tit .evt, .event3 .con_tit .evt { padding: 2% 0% 3%; font-size: 2.6vw; line-height: 1; margin: 0 auto 4%; width: 27%; } 
    .event1 .con_tit .evt::before, .event2 .con_tit .evt::before, .event3 .con_tit .evt::before { content:''; position: absolute; bottom: 0; left: 50%; margin: 0px 0 -5px -5px; width: 10px; height: 10px; background: #000; transform: rotate(45deg); } 

    .event4 .radio_list { border-radius: 10px; padding: 5% 16%; margin: 0 0 5%; background-size: 90%; background-position: center 55%; } 
    .event4 .radio_list li { margin: 0 9%; width: 15.3%; } 
    .event4 .radio_list li label { display: block; } 
    .event4 .radio_list li input { margin: 0 0 0 -1.5vw; width: 3vw; height: 3vw; } 
    .event4 .right_btn { display: flex; flex-direction: row; justify-content: center; } 
    .event4 .right_btn li { margin: 0 1%; width: 48%; } 

    .conTop.new0715 .home_btn {margin:0;bottom: 15%;} 
    .conTop.new0715 .cloud { bottom:-18%; } 
    .conTop.new0715 .top_rolling_wrap { height: 110px; } 

    .con3 .slick-arrow { display:none !important } 
    .con3 .slick-dots { text-align: center; font-size: 0; padding: 8px 0 0; margin: 0; } 
    .con3 .slick-dots li { display: inline-block; width: auto; margin: 0 4px; } 
    .con3 .slick-dots li button { display: block; width: 6px; height: 6px; font-size: 0; -webkit-border-radius: 100%; border-radius: 100%; background: #c7c7c7; } 
    .con3 .slick-dots li.slick-active button { background: #837d95; } 

    /* [ws] 20250314 */
    .conTop.new0715 h3.new .twk_txt{ font-size: clamp(12px,2.6vmin,26px); height: clamp(25px,6vmin,60px); width: fit-content; padding: 0 5vmin;}
}

@media (max-width:992px){
    .mission1 h4 { margin: 6% 0 8% } 
    .mission1 .evt_end { width: 35%; right: 18.5%; top: 5% } 
    .mission1 .video_wrap .manage_btn { margin: 15px 0 } 
    .mission1 .date span { padding: 1% 5%; width: auto; font-size: 20px } 
    /* .mission1 .calenderBox .tableType table tbody tr td div .fail_icon .txt, 
    .mission1 .calenderBox .tableType table tbody tr td div .suc_icon .txt,
    .mission1 .calenderBox .tableType table tbody tr td div .huu_icon .txt { font-size:12px } */

    .mission1 .day_chk { font-size: 16px; } 
    .mission1 .calenderBox .tableType table tbody tr td div .fail_icon, 
    .mission1 .calenderBox .tableType table tbody tr td div .suc_icon,
    .mission1 .calenderBox .tableType table tbody tr td div .huu_icon { width: 80px; height: 80px; font-size:15px } 

    .mission1 .calenderBox .btn { margin: 30px 0 0 0 } 

    .mission1 .benefit.d1027 .img i { right: 6% } 

    .certifi_pop .pop_wrap { width: 90%; padding: 22px 10px 0 } 
    .certifi_pop .btn_popclo { right: 30px; width:20px; height:20px; top: -30px } 
    #Popalarm .pop_wrap { width: 500px; /* padding: 45px 25px 0; */height: 350px; } 
    #Popalarm.certifi_pop .cautn { margin: 0 0 15px; font-size: 11px; letter-spacing: -0.06em } 
    #Popalarm.certifi_pop .btnbox { margin-bottom: 20px; padding: 0 150px; } 
    #Popalarm.certifi_pop .write_info { width:94%; margin: 15px auto } 
    #Popalarm.certifi_pop .write_info span { float: none; width: auto; margin:0 0.5%; display: block; margin: 0 0 4px; text-align: center } 
    #Popalarm.certifi_pop .write_info span input { width:100%; height: 30px; text-align: center; padding: 0 } 
    #Popadmin.certifi_pop { width:80% } 
    #Popadmin.certifi_pop form { height:450px; overflow-y:auto; overflow-x:hidden } 

    .mission1 .calenderBox .tableType table tr.bg_pink .noti { width: 415% } 
    #Popalarm.certifi_pop.d0106 { width:90% } 
    #Popalarm.certifi_pop.d0106 .txt { padding: 10% 5% 0 } 
    #Popalarm.certifi_pop.d0106 .write_info { margin: 3% 3% 3%; padding: 3% 5% } 
    #Popalarm.certifi_pop.d0106 .write_info span { width: 39% } 
    #Popalarm.certifi_pop.d0106 .write_info span+span { width:59% } 
    #Popalarm.certifi_pop.d0106 .write_info span input { width:100%; font-size: 16px } 
    #Popalarm.certifi_pop.d0106 .write_info span+span input { width:100% } 
    #Popalarm.certifi_pop.d0106 .cautn { margin: 0 3% 3% } 


    .event3.d1027 .listBox .gift div i { top: 0; font-size: 13px; width: 50px; height: 50px; padding: 7px 0 } 

    .event3.d1207 .schedule dl { font-size: 15px } 
    .event3.ver1010 .evt_top div p span em { font-size: 11px; } 
}
@media (max-width: 768px){
    .show-768 { display: block; } 
    .hide-768 { display: none; } 

    .mission1 .cld_chk { margin: 12% -25% 5% } 
    .mission1 .calenderBox table { border-spacing: 5px 5px } 
    .mission1 .calenderBox .tableType .tableBox .cal_dim { top: 25.4%; left: 0.5%; width: 99%; height: 18% } 
    .mission1 .calenderBox .tableType table tbody tr td { padding: 3px; } 
    .mission1 .calenderBox .tableType { float: none; margin: 0 auto; width: 100% } 
    .mission1 .calenderBox .btn img { max-width: 40% } 

    .evt .info,.evt.event2 .info { margin-bottom: 10%; padding: 0 2% } 
    .evt .info .gift { position: relative; top: auto; right: auto; width:65%; margin: 0 auto 5% } 
    .evt .info .stit { margin-bottom: 5%; } 
    .evt .info dl { font-size: 18px } 
    .event1 section .tit span i { display: block } 
    .event2 button { margin: 0 25% 10% } 
    .event1 .gallery_wrp .gallery_lst { padding:1% 1% 3% } 
    .event1 .gallery_wrp .gallery_lst ul { margin:0 0 0 -1% } 
    .event1 .gallery_wrp .gallery_lst ul li { width: 49%; margin: 0 0 4% 1% } 
    .event1 .gallery_wrp .gallery_lst ul li strong { font-size: 13px; height: 28px } 
    .event1 .gallery_wrp .type_lst { padding: 0 0 2% } 
    .event1 .gallery_wrp .type_lst ul li { font-size:14px } 
    .event1 .gallery_wrp .btn a { font-size: 13px } 


    /* S: [ws] 250110 .price_wrap Ãß°¡ */
    .event1 .package_wrap { display: block; position: relative; } 
    .event1 .package_wrap .cont { border-radius: 16px; padding: 4% 6% 13%; width: 100%; } 
    .event1 .package_wrap .btn a {width: 90%;border-radius: 7px;position: absolute;bottom: 7%;left: 50%;padding: 12px 0;transform: translateX(-50%);height: fit-content;} 
    .event1 .package_wrap .btn a br { display:none; } 
    /* E: [ws] 250110 .price_wrap Ãß°¡ */

    .certifi_pop .tit { font-size: 6vw; margin-bottom: 6% } 
    .certifi_pop .btn_popclo::before { font-size: 50px } 

    .evt_cautn dd span { margin-left: 0 } 
    .mission1 .ex span { font-size:13px } 
    .mission1 .calenderBox .tableType table tr.bg_pink .noti { width: 409% } 
    .mission1 .calenderBox .tableType table tr.bg_pink .noti span { font-size: 15px } 

    #Popalarm.certifi_pop.d0106 { width:80% } 
    #Popalarm.certifi_pop.d0106 .write_info span input { height:30px; font-size:14px } 
    #Popalarm.certifi_pop.d0106 .cautn { font-size:11px } 
    #Popalarm.certifi_pop.d0106 .btnbox { width:70%; margin: 0 auto 22px } 

    /* event1 */
    .event1 .evt_top { margin:3vw auto 0; height:auto; padding:5px 0; border-radius:10px } 
    .event1 .evt_top div { font-size:12px; padding:0 10px } 
    .event1 .evt_top div p { padding-left:13px } 
    .event1 .evt_top div p:before { top:5px } 
    .event1 .evt_top div p span:before { height:10px; margin:0 10px } 

    /* event4 */
    .event4 .evt_top { margin:3vw auto 0; height:auto; padding:5px 0; border-radius:10px } 
    .event4 .evt_top div { font-size:12px; padding:0 10px } 
    .event4 .evt_top div p { padding-left:13px } 
    .event4 .evt_top div p:before { top:5px } 
    .event4 .evt_top div p span:before { height:10px; margin:0 10px } 

    .event3.ver1010 .evt_top div p { width: auto; display: block; text-align: left; } 
    .event3.ver1010 .evt_top div p span { display: inline; } 
    .event3.ver1010 .evt_top div p span::before { position: initial; width: 2px; margin: 0 10px; } 
    .event3.ver1010 .evt_bot .gift_box { max-width: 70%; margin: 40px 0; } 
    .event3.ver1010 .evt_bot .review_Btn { margin: 0 40px; } 

    /* .mission1 */
    .event1 .evt_top, .mission1 .evt_top, .event3 .evt_top { margin:3vw auto 0; height:auto; padding:10px 0; border-radius:10px } 
    .mission1 .evt_top div { font-size:12px; padding:0 10px } 
    .mission1 .evt_top div p { padding-left:13px } 
    .event1 .evt_top div p:before { top:5px } 
    .event1 .evt_top div p span:before { height:10px; margin:0 10px } 

    .mission1 .benefit .text p { font-size:13px } 
    .mission1 .benefit .text p span { font-size:11px } 

    .mission1 .benefit.d1027 { flex-direction: column } 
    .mission1 .benefit.d1027 .img i { right: -5% } 
    .mission1 .benefit.d1027 .text { text-align: center } 
    .mission1 .benefit.d1027 .text p b { font-size: 16px; margin: 0 1% 0 0; padding: 5px 10px } 

    .event3.d1207 .schedule dl { font-size: 13px; display: block } 
    .event3.d1207 .schedule dl:first-child { margin-right: 0 } 
    .event3.d1207 .schedule dl dt { margin-right: 5px; padding-right: 7px } 
    .event3.d1207 .subtit { margin: 0 -15% } 
    .event3 .way li div .tit { font-size: 17px } 
    .event3 .way li div .txt { font-size: 15px } 
    .event3 .way li::before { background-size: 65%; background-position: center } 

    /* review popup */
    .mg_popup_wrap .m_tit { font-size: 26px; margin: 0 0 4% 0 } 
    .mg_popup_wrap .m_stit { font-size: 16px; margin: 0 0 3% 0 } 
    .mg_popup_wrap .form_caution { margin: 2% 0 3% } 

    .con3 .comment_wrap .item .txt .cmt { font-size: 13px; height: 322px; } 
    .con3 .comment_wrap .item .txt .tit { font-size: 1.3em; } 
    .con3 .comment_wrap .item .txt .int { height: 40px; font-size: 11px; } 

    .event1 .evt_top div p, .mission1 .evt_top div p, .event3 .evt_top div p { font-size: 13px; padding: 0; position: relative; width: 100%; } 
    .event1 .evt_top div p:before, .mission1 .evt_top div p:before, .event3 .evt_top div p:before { display: none; } 
    .event1 .evt_top div p span, .mission1 .evt_top div p span, .event3 .evt_top div p span { display: block; position: relative; margin: 10px 0 0; padding: 10px 0 0; } 
    .mission1 .evt_top div p span br { display:block } 
    .event1 .evt_top div p span:before, .mission1 .evt_top div p span:before, .event3 .evt_top div p span:before { width: 100%; height: 1px; opacity: 0.2; margin: 0; position: absolute; top: 0; left: 0; } 
    .con2 .tabContent a span.label { font-size:12px; } 

    .con2 nav li .label { font-size: 12px; padding: 1vw 2vw; } 
    .conTop.new0715 { background-size: 100% 26%; } 
    .conTop.new0715 .home_btn {width: min(240px,40%);bottom: 9%;} 
    .conTop.new0715 .cloud { bottom: -25%; } 



    .conTop.new0715 .top_rolling .top_rolling_txt img { width: 20px; } 
    .conTop.new0715 .top_rolling .top_rolling_txt p { font-size: 14px; min-height: 50px; } 
    .conTop.new0715 .top_rolling .top_rolling_txt span { font-size: 13px; } 

    .conTop.new0715 .top_rolling { width:263px } 
    .conTop.new0715 .top_rolling_wrap { height: 90px; } 
}

@media (max-width: 576px){
    .show-576 { display: block; } 
    .hide-576 { display: none; } 


    .eventWrap .con_tit .tiny { font-size: 3.4vw; } 
    .eventWrap .tit_point { font-size: 3.4vw; } 
    .eventWrap .bigt { font-size: 4.6vw; } 
    .eventWrap .bigt .for_mo { display:block } 
    .eventWrap .con_tit .gr { font-size: 3.2vw; } 


    .conTop .type_wrap { margin: 0 0 13%; display: flex; flex-direction: row; flex-wrap: wrap; } 
    .conTop.new0715 .type_wrap { margin: 0 20px 50px; } 
    .conTop .type_wrap .item { width: 50%; } 
    .conTop .type_wrap .tiny_noti { padding: revert; bottom: inherit; position: relative; right: inherit; width: 100%; font-size: 10px; } 
    .con2 nav li { height: 65px; border-radius:10px 10px 0 0; } 
    .con2 nav li p { font-size: 13px; } 
    .con2 nav li p span { font-size: 15px; margin-top: 5px; } 
    .mission1 .calenderBox .tableType table tbody tr td div .date { font-size: 12px; top: 0; left: 0; } 
    .mission1 .calenderBox .tableType p img { width: 190px; } 
    .mission1 .calenderBox .tableType table thead tr th { height: auto; padding: 6px 0; font-size: 14px } 
    .mission1 .calenderBox .tableType .tableBox .cal_dim { top: 28%; left: 1%; width: 98%; height: 17.1% } 
    .mission1 .calenderBox .tableType table tbody tr td div { height: 15vw; } 
    .mission1 .calenderBox .tableType table tbody tr td div .fail_icon, 
    .mission1 .calenderBox .tableType table tbody tr td div .suc_icon,
    .mission1 .calenderBox .tableType table tbody tr td div .huu_icon { width: 14vw; height: 14vw; font-size:12px; margin: 6% 0 0 8%; } 

    .evt .info .stit { font-size: 18px } 
    .evt .info dl { font-size: 14px } 
    .event1 section ul.proc li:first-child::before { content: none } 
    .event1 section ul.proc li { padding: 2% 5% 3% } 
    .event1 section ul.proc a.certifi_btn { bottom: 12%; width: 65% } 

    .mission1 .bg_box { padding: 15px 10px; border-radius: 7px; } 
    .mission1 .benefit.d1027 { flex-direction: column } 
    .mission1 .benefit.d1027 .img { width: 60% } 
    .mission1 .benefit.d1027 .img i { font-size: 14px; width: 60px; height: 60px; padding: 10px 0 } 
    .mission1 .benefit.d1027 .text p { font-size: 16px } 
    .mission1 .benefit.d1027 .text p .blue { font-size: 16px } 
    .mission1 .benefit.d1027 .text p b { font-size: 14px } 

    .mission1 .gift { border-radius: 0 } 
    .mission1 .gift .content li { width: 100%; float: none; padding: 0 0 20px } 
    .mission1 .gift .content li:nth-child(1)::before { display: none } 
    .mission1 .gift .content li .tit { margin: 0 0 30px } 
    .mission1 .gift .content li .tit span { position: static; transform: none; display: block; margin: 0 auto; border-radius: 0; width: 100%; font-size: 15px; padding: 6px 0 } 
    .mission1 .gift .content li:nth-child(1) .img { width: 19.5% } 
    .mission1 .gift .content li:nth-child(2) .img { width: 57.4% } 
    .mission1 .gift .content li .name { font-size: 13px; margin: 5px 0 } 
    .mission1 .gift .schedule { border-radius: 0; font-size: 15px; padding: 8px 0 } 
    .mission1 .gift .schedule dt { padding-right: 10px; margin-right: 10px } 
    .mission1 h5 img, .event4 h5 img { width: 160%; margin: 0 0 0 -30%; max-width: 160%; } 
    .event4 h5 img { width: 130%; margin: 0 0 0 -15%; max-width: 160%; } 
    .mission1 .gift .content li { padding: 0; } 

    .mission1 .gift .schedule { font-size: 12px; border-radius: 0 0 10px 10px; padding: 12px 0; } 
    .mission1 .gift .schedule dd .tiny_noti { font-size: 12px } 

    .event1 ul { margin-top:5vw; } 
    .event1 li { margin: 10px 0 0; } 
    .event1 li a { display:block; overflow:hidden } 
    .event1 li a > img { width: 93%; max-width: 150%; margin: 0 0 0 -7%; } 
    .event1 li a .btn { background: #444; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
    .event1 li a .btn img { max-width: 200%; width: 170%; margin: 0 0 0 1%; } 
    .mission1 .calenderBox + p.tiny { font-size: 11px; } 

    /* S: [ws] 250110 .price_wrap Ãß°¡ */
    .event1 .package_wrap .cont { padding: 4% 6% 20%; }
    .event1 .package_wrap .price_wrap .discount { padding: 5px 22px; margin: 0 0 11px; } 

    /* E: [ws] 250110 .price_wrap Ãß°¡ */



    /*event3*/
    .event3 .listBox { margin-top:6vw } 
    .event3 .listBox li { margin-bottom:10px } 
    .event3 .listBox li h4 { width:85px; height:25px; font-size:12px; line-height:25px; border-radius:15px } 
    .event3 .listBox li div { width:calc(100% - 95px); font-size:12px } 
    .event3 .listBox li div img { margin-left:2% } 
    .event3 .listBox li div img:first-child { margin-left:0 } 
    .event3 .listBox li div span { font-size:11px } 
    .event3 .btn { margin:30px auto 0; max-width:230px } 

    .event3.d1027 .listBox li ol li span { font-size: 12px; line-height: 1.3; margin: 0 } 
    .event3.d1027 .listBox li ol li span::before, .event3.d1027 .listBox li ol li span::after { width: 11px; height: 11px; background-size: 100% auto } 
    .event3.d1027 .listBox .review { width: 90% } 
    .event3.d1027 .listBox .review p a { padding: 4% 0 } 
    .event3.d1027 .listBox .review p span { font-size: 11px } 
    .event3.d1027 .listBox .gift div { width: 100%; margin: 4% 0 0 0 } 
    .event3.d1027 .listBox .gift div p { margin: 0 2% 0 0 } 
    .event3.d1027 .listBox .gift div i { font-size: 11px; width: 40px; height: 40px; padding: 4px 0 } 

    .event3.d1207 .gift { border-radius: 0 } 
    .event3.d1207 .gift .content li { width: 100%; float: none; padding: 0 0 20px } 
    .event3.d1207 .gift .content li:nth-child(1)::before { display: none } 
    .event3.d1207 .gift .content li .tit { margin: 0 0 30px } 
    .event3.d1207 .gift .content li .tit span { position: static; transform: none; display: block; margin: 0 auto; border-radius: 0; width: 100%; font-size: 15px; padding: 6px 0 } 
    .event3.d1207 .gift .content li:nth-child(1) .img { width: 44.1% } 
    .event3.d1207 .gift .content li:nth-child(2) .img { width: 57.4% } 
    .event3.d1207 .gift .content li .name { font-size: 13px; margin: 5px 0 } 
    .event3.d1207 .gift .txt { border-radius: 0; font-size: 12px; padding: 8px 0 } 
    .event3 .way li { width: 100%; margin: 0 0 2%; padding: 10px 0 } 
    .event3 .way li::before { right: auto; left: 50%; top: auto; bottom: 0; transform: translate(-50%, 67%) rotate(90deg) } 
    .event3 .way li div .tit { font-size: 15px } 
    .event3 .way li div .txt { font-size: 13px; margin: 7px 0 } 
    .event3 .way li div .txt br { display: none } 
    .event3 .way li div .tiny_noti { position: static; transform: none; margin: 5px 0 0 } 
    .event3 .way li div .btn { padding: 0 6% } 
    .event4 .radio_list { padding: 5% 9%; } 
    .con3 .comment_wrap .slick-slide { margin: 0 1vw; } 

    /*event_caution_new*/
    .caution.wbox dd { font-size:12px } 


    /*event_caution_new*/
    .caution.wbox h4 { font-size:13px } 
    .caution.wbox h4 span { display:table-cell; vertical-align:middle; padding-right:10px; position:relative } 
    .caution.wbox h4 span i { display:inline-block; vertical-align:top; font-style:normal; width:13px; height:28px; position:relative; margin-left:5px } 
    .caution.wbox h4 span i:before { content:"^"; position:absolute; top:-2px; right:0; transform:rotate(-180deg) } 
    .caution.wbox h4.on span i:before { transform:rotate(0); top:3px } 
    .caution.wbox .inner { padding:20px 0 } 
    .caution.wbox dd+dt { margin-top:15px } 
    .caution.wbox dt { font-size:15px } 
    .caution.wbox dd { font-size:13px } 

    .con2 .tabContent .item .book.new a.link { overflow:initial; } 

    .con2 nav li .label { width: 80%; font-size: 10px; } 
    .conTop.new0715 .top_rolling_wrap { top: 5%; } 

    .conTop { background-size: 260%; } 

    .conTop a { margin: 0 27%; } 
    .conTop .bt_point { padding: 0 12%; } 
    .conTop h5 { padding: 0 11%; } 
    .conTop .h5_point { padding: 0 10%; } 
    .con2 .tabContent .item .book { width: 30%; position: absolute; top: 0; left: 0; } 
    .con2 .tabContent .item:nth-of-type(2) .book { margin: 0 0 0 0%; width: 30%; } 
    .con2 .tabContent .item .info { width: 100%; position: relative; top: inherit; right: inherit; padding: 0 0 0 33%; } 
    .con2 .tabContent .item:nth-of-type(2) .info { top: inherit; } 
    .con2 .tabContent a { overflow: hidden; border-radius:1vw; left: 5%; width: 98%; } 
    .con2 .tabContent a img { max-width:150%; width:150%; margin:0 0 0 -25% } 
    .con2 .tabContent .link.d1027 { left: 47%; bottom: 0 } 
    .con3 h5 { margin: 5% 0 7%; padding: 0 14%; } 



    /* S: [ws] 250110 .price_wrap Ãß°¡ */
    .event1 .package_wrap .price_wrap .price strong::after { top: 29%; right: 87%; } 
    /* E: [ws] 250110 .price_wrap Ãß°¡ */


    .mission1 .ex span { font-size:11px } 
    .mission1 .calenderBox .tableType table tr.bg_pink .noti { width: 411% } 
    .mission1 .calenderBox .tableType table tr.bg_pink .noti span { font-size: 13px } 
    .mission1 .txt_box { font-size:10.5px } 
    .mission1 .day_chk { font-size: 13px; } 

    #Popalarm.certifi_pop.d0106 .cautn a { display:inline-block } 

    .mg_popup_wrap.d1207 .mg_filebox .filename { width: calc(100% - 52px) } 
    .mg_popup_wrap.d1207 .mg_filebox .filebtn { width: 52px } 


    .event4 .right_btn li { overflow: hidden; border-radius: 6px; } 
    .event4 .right_btn li img { max-width: 130%; width: 130%; margin: 0 0 0 -15%; } 
    .mission1 .btn_wrap li { overflow: hidden; border-radius: 6px; } 
    .mission1 .btn_wrap ul li img { max-width: 160%; width: 160%; margin: 0 0 0 -30%; } 
    .con3 .comment_wrap .item .txt .cmt { font-size: 11px; height: 252px; } 
    .con3 .comment_wrap .item .txt .tit { font-size: 1.2em; } 
    .con3 .comment_wrap .item .txt .int { height: 40px; font-size: 11px; } 

    #Popalarm .pop_wrap { width: 330px; } 
    .certifi_pop .txt { padding: 0; } 
    #Popalarm.certifi_pop .btnbox { padding: 0 60px; } 
    .con2 .tabContent .item .book.new { position: relative; width: 94%; margin:0 auto; } 
    .con2 .tabContent .item:nth-of-type(2) .book.new { width: 60%; } 
    .con2 .tabContent .item .book.new a.link { position: relative; left:0; top: initial; margin-top: 10%; display: block; text-align: center; } 
    .con2 .tabContent .item .book.new a.link img { width: 80%; max-width:100%; margin:0; } 
    .con2 .tabContent .item .info.new { padding: 0 3%; margin-top: 6%; } 

    .conTop .top_text span { font-size:14px; } 
    .conTop.new0715 .top_rolling .top_rolling_txt p { font-size: 11px; min-height: 63px; } 
    .conTop.new0715 .top_rolling .top_rolling_txt span { font-size: 10px; } 
    .conTop.new0715 .top_rolling { width: 178px; height: 100px; position: relative;z-index: 2;} 
    .conTop.new0715 .slick-vertical .slick-slide { height: 100px !important; } 
    .conTop.new0715 .top_rolling .top_rolling_txt span.change { bottom: 20%; } 
    .conTop.new0715 .top_rolling_wrap { height: 94px; } 
}

@media (max-width: 460px){
    .mission1 .calenderBox .tableType table tr.bg_pink .noti { width: 413% } 
    .mission1 .date span { font-size: 16px } 
    .mission1 .stit >p { font-size:14px } 
    .mission1 .video_wrap .manage_btn { margin: 0 0 8px 0 } 
    .mission1 .video_wrap .manage_btn span { font-size: 10px } 
    .mission1 .calenderBox .tableType .tableBox .cal_dim { top:29.5%; height: 17% } 
    .mission1 .calenderBox .tableType table tbody tr td div .date { font-size:10px } 

    .pop_re_btn { margin: 0 16% } 

    .mission1 .calenderBox .tableType table tr.bg_pink .noti { width: 415% } 
    .event1 .con_tit .evt, .event2 .con_tit .evt, .event3 .con_tit .evt { font-size: 3.2vw; } 
}
@media (max-width: 360px){
    .mission1 .calenderBox .tableType table tr.bg_pink .noti { width: 418% } 
}