@charset "euc-kr"; /* setting */
/* { padding:0; margin:0 } */
.blindw { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden } 
.eventWrap { width:100%; text-align:center; position:relative; font-size: 15px; line-height: 1.4; letter-spacing: -0.03em; overflow:hidden; } 
.eventWrap { font-family : 'NotoSans KR'; } 
.eventWrap * { box-sizing:border-box } 
.eventWrap .inner { position:relative; width:1080px; margin:0 auto; } 
.eventWrap .inner::after { content:""; display:block; clear:both; } 
.eventWrap img { border:0 none; vertical-align:middle; max-width:100% } 
.eventWrap .con_tit { position: relative; margin-bottom: 60px; text-align: center; } 
.eventWrap .con_subtit { margin-bottom: 35px; position:relative; padding: 0 5%; } 
.eventWrap .img_mb { display:none } 
.eventWrap .conBox { position:relative } 
.eventWrap .conBox::after { content:""; display:block; clear:both } 
.eventWrap .flow::after { content:""; display:block; clear:both } 
.eventWrap .video_box { position: relative; z-index: 1; cursor:pointer; padding-bottom: 56.3%; background: #222; overflow: hidden; border-radius: 3px; } 
.eventWrap .video_box .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.eventWrap .video_box.vdo_none { padding:0 } 
.eventWrap .video_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 
.eventWrap .tiny_txt { font-size:12px; letter-spacing: -0.03em; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; } 
.eventWrap sup { vertical-align: top; } 
.lecture { padding-bottom:0!important; background:#fff; text-align: left; } 
.vodchr_banner { margin-bottom:0!important; } 

.flt_inner { position: absolute; right: 2%; top: 6%; z-index: 10; } 
.flt_inner a { display: block; margin: 0 0 3px; } 

.conTop { background: url(https://img.megagong.net/m/2022/0705_gong/conTop_bg.jpg) center 0 no-repeat; padding: 98px 0 120px; } 
.conTop .tea { margin: 40px -91.5px 0; } 

/* wBox ?? */
.wBox { position: relative; padding: 89px 0 51px; } 
.wBox::before { content: ''; background: url(https://img.megagong.net/m/2022/0705_gong/wBox_ico.png) center 0 no-repeat; width: 236px; height: 301px; position: absolute; z-index: 1; right: -2.5%; bottom: -10%; } 
.wBox dt { font-size: 24px; background: #000; color: #fff; display: inline-block; padding: 7.2px 59px; border-radius: 100px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -10%); } 
.wBox dd { position: relative; font-size: 20px; width: 900px; margin: 0 auto 16px; text-align: left; border-bottom: 1px solid #eeeeee; padding: 0 70px; line-height: 1.6; font-weight: 200; } 
.wBox dd::before { content: ''; background: url(https://img.megagong.net/m/2022/0705_gong/con01_ico.png) center 0 no-repeat; width: 17px; height: 14px; position: absolute; top: 50%; left: 3.7%; transform: translate(0, -50%); } 
.wBox dd.tiny_txt { border-bottom: none; position: absolute; right: 15%; bottom: 9.5%; width: auto; font-size: 14px; color: #b0b0b0; padding: 0 0; } 
.wBox dd.tiny_txt::before { display: none; } 

.con01 { padding: 140px 0; } 
.con01 .sub { margin: 86px auto 80px; display: flex; justify-content: space-between; width: 1000px; } 
.con01 .wBox { background: url(https://img.megagong.net/m/2022/0705_gong/con01_txt_bg.png) center 0 no-repeat; } 

.con02 { background: #ced89e; padding: 144px 0 140px; } 
.con02 .box { position: relative; text-align: left; margin: 85px 0 95px; } 
.con02 .box .pyra { position: relative; display: inline-block; margin: 0 0 0 -85px; } 
.con02 .box .pyra::before { content: ''; background: url(https://img.megagong.net/m/2022/0705_gong/con02_img3.png) center 0 no-repeat; width: 175px; height: 146px; position: absolute; bottom: 10%; right: -6%; z-index: 1; } 
.con02 .box .point { position: absolute; right: -38px; top: 50%; transform: translate(0, -50%); } 
.con02 .wBox { background: url(https://img.megagong.net/m/2022/0705_gong/con02_txt_bg.png) center 0 no-repeat; position: relative; } 

.con03 { background: #fbb24f; padding: 150px 0; } 
.con03 .tblWrap { position: relative; margin: 70px 0 55px; background: #fff; padding: 68px 50px; } 
.con03 .tblWrap::before { content: ''; background: url(https://img.megagong.net/m/2022/0705_gong/con03_img2.jpg) center 0 no-repeat; width: 148px; height: 48px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -52.4%); } 
.con03 table thead th { font-size: 20px; border-bottom: 1px solid #eeeeee; line-height: 2.63; } 
.con03 table tbody td { font-size: 21px; border-bottom: 1px solid #eeeeee; } 
.con03 table tbody td:first-child { text-align: left; padding-left: 75px; line-height: 2.63; } 
.con03 table tbody td .box { width: 30px; height: 30px; border: 1px solid #999999; display: inline-block; position: relative; } 
.con03 table tbody td .box::before { content: ''; opacity: 0; width: 70%; height: 70%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.con03 table.on tbody tr td .box.yes::before { background: #000; } 
.con03 table.on tbody tr td .box.no::before { background: #f16172; } 
.con03 table.on tbody tr:nth-of-type(1) td .box.yes::before { animation: point_in 0s linear 0s; animation-fill-mode: forwards; } 
.con03 table.on tbody tr:nth-of-type(2) td .box.no::before { animation: point_in 0s linear 1.5s; animation-fill-mode: forwards; } 
.con03 table.on tbody tr:nth-of-type(3) td .box.no::before { animation: point_in 0s linear 3s; animation-fill-mode: forwards; } 
.con03 table.on tbody tr:nth-of-type(4) td .box.no::before { animation: point_in 0s linear 4.5s; animation-fill-mode: forwards; } 

@keyframes point_in { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }
@-webkit-keyframes point_in { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }

.con04 { background: url(https://img.megagong.net/m/2022/0705_gong/con04_bg.jpg) center 0 no-repeat; padding: 148px 0 150px; background-size: 100% 100%; } 
.con04 h4 { margin: 0 0 74px; } 
.con04 .con_box { position: relative; } 
.con04 .tabMenu { position: absolute; top: 0; left: -250px; } 
.con04 .tabMenu li { border: 1px solid #d2d2d2; background: #fff; font-size: 20px; color: #828282; width: 150px; height: 60px; line-height: 60px; margin: 0 0 6px; } 
.con04 .tabMenu li:last-child { margin: 0 0 0; } 
.con04 .tabMenu li.on { border-color: #f16172; background: #f16172; color: #fff; position: relative; } 
.con04 .tabMenu li.on::before { content:''; width: 0; height: 0; position: absolute; top: -1px; right: -21px; width: 0; height: 0; border-left: 20px solid #f16172; border-top: 30px solid transparent; border-bottom: 30px solid transparent; } 
.con04 .tabMenu li .new { background: #f16172; color: #fff; font-style: normal; font-weight: 200; font-size: 11px; width: 14px; height: 14px; line-height: 14px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(160%, -50%); } 
.con04 .tabMenu li.on .new { background: #000; } 
.con04 .tabMenu li a { display: block; position: relative; } 

.con04 .cont_box .tit { position: relative; } 
.con04 .cont_box .tit::before { content:''; width: 100%; height: 50%; border: 1px solid #000; border-bottom: none; position: absolute; left: 0; top: 50%; } 
.con04 .cont_box .tit > span { font-size: 24px; background: #000; display: inline-block; border-radius: 100px; color: #fff; height: 56px; line-height: 56px; width: 460px; position: relative; } 
.con04 .cont_box .tit.long >span { width: 580px; } 
.con04 .cont_box .tit.mid >span { width: 500px; } 
.con04 .cont_box .tit span.red { color: #f16172; } 
.con04 .cont_box .wrap { margin: 62px 0 94px; text-align: right; position: relative; } 
.con04 .cont_box .wrap .tea { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.con04 .cont_box .wrap .tea a { position: absolute; /* border: 1px solid #f00; */bottom: 14%; left: 50%; width: 34%; height: 10%; display: block; font-size: 0; transform: translate(-44%, 0); } 
.con04 .cont_box .wrap .mWrap { width: 600px; display: inline-block; } 
.con04 .cont_box .wrap .mWrap .video_box { padding-bottom: 56.25%; margin: 0 0 14px; } 
.con04 .cont_box .wrap .mWrap .txt { display: flex; justify-content: space-between; } 
.con04 .cont_box .wrap .mWrap .txt li { text-align: center; border: 1px solid #c0c0c0; font-size: 16px; background: #fff; width: 194px; height: 116px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-weight: 200; } 
.con04 .cont_box .wrap .mWrap .txt li strong { display: contents; } 
.con04 .cont_box .lec_tit { position: relative; font-size: 22px; text-align: left; margin: 0 0 14px; padding-left: 26px; } 

.con04 .cont_box .lec_tit::before { content: ''; background: url(https://img.megagong.net/m/2022/0705_gong/tab_check.png) center 0 no-repeat; width: 19px; height: 15px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.con04 .cont_box .lecture { padding-bottom: 0 !important; } 
.con04 .cont_box .lecList { background: #fff; } 

.evt01 { background: #581a29; padding: 140px 0; } 
.evt01 h4 { position: relative; margin: 0 -30.5px; } 
.evt01 h4 .end { position: absolute; right: -30px; bottom: 30%; } 
.evt01 .tea { margin: 72px 0 86px; } 
.evt01 .wrap { background: #3c121c; color: #fff; text-align: left; position: relative; z-index: 1; margin: 0 0 80px; } 
.evt01 .wrap::before { content:''; height: 100%; width: 1000%; position: absolute; left: -500%; top: 0; background: #3c121c; z-index: -1; } 
.evt01 .wrap .gift { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } 
.evt01 .wrap .schedule { font-size: 21px; padding: 137.5px 0; } 
.evt01 .wrap .schedule dl { margin: 0 0 18.5px; } 
.evt01 .wrap .schedule dl:last-child { margin: 0 0 0; } 
.evt01 .wrap .schedule dl dt { display: inline-block; padding-left: 12px; margin-right: 20px; position: relative; vertical-align: top; } 
.evt01 .wrap .schedule dl dt::before { content:''; background: #fff; width: 2px; height: 61%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.evt01 .wrap .schedule dl dd { display: inline-block; } 
.evt01 .wrap .schedule dl dd .tiny_txt { font-size: 14px; color: #606060; } 
.evt01 .evtBoard_common { background: #ececec; } 
.evt01 .evtBoard_common .board_notice li { color: #9b9b9b; opacity: 1; } 
.evt01 .evtBoard_common .board_notice li.chk_notice { top: 109px; right: 186px; /* font-size: 13px; */ } 
.evt01 .evtBoard_common .board_write .inp_wrap textarea, .evt01 .evtBoard_common .board_write .inp_wrap input[type="text"] { /* line-height: 46px; */padding: 24px 10px; } 

.evt_cautn { background: #eeeeee; padding: 65px 0; } 
.evt_cautn dl { text-align: left; } 
.evt_cautn dl dt { font-size: 16px; font-weight: 700; margin: 0 0 22px; } 
.evt_cautn dl dd { font-size: 14px; line-height: 1.67; position: relative; padding-left: 8px; } 
.evt_cautn dl dd::before { content:'-'; position: absolute; left: 0; } 
.evt_cautn dl dd .red { color: #8b0022; } 
.evt_cautn dl dd a { display: inline-block; margin: 0 0 0 2px; color: #8b0022; border-bottom: 1px solid; line-height: 1.2; } 

@media (max-width:1600px){
 .con04 .tabMenu { left: -194px; } 
 .con04 .con_box { right: -130px; } 
 .con04 .tabContent { width: 1050px; } 
 }

@media (max-width:1200px){
 .flt_inner { display:none } 
 .eventWrap .inner { width: 94%; } 
 .eventWrap img { width: 100%; } 
 .eventWrap .con_tit { margin: 0 0 5%; padding: 0 0%; } 
 .eventWrap .con_subtit { margin: 0 0 4%; } 
 
 .conTop { padding: 8% 0 11%; background-size: cover; } 
 .conTop .tea { margin: 3% -3% 0 -2.5%; } 
 
 .con01 { padding: 12% 0; } 
 .con01 .sub { margin: 7% 0; width: 100%; } 
 .con01 .sub li { width: 31%; } 
 .con01 .wBox { background-size: 100% 100%; } 
 .con02 .wBox { background-size: 100% 100%; } 

 .wBox::before { background-size: contain; width: 20%; background-position: right center; } 
 .wBox dd { width: 87%; } 

 .con02 { padding: 12% 0; } 
 .con02 .box { margin: 7.5% 0 8.5%; } 
 .con02 .box .pyra { margin: 0 0 0 -3%; width: 39%; } 
 .con02 .box .pyra::before { background-size: 80%; background-position: right bottom; } 
 .con02 .box .point { width: 72%; right: -4.5%; } 
 
 .con03 { padding: 12.5% 0; } 
 .con03 .tblWrap { margin: 6.5% 0 5%; } 
.con03 table tbody td:first-child { padding-left: 2%; } 

 .con04 { padding: 12.5% 0; } 
 .con04 h4 { margin: 0 0 6.5%; } 
 .con04 .con_box { right: 0; } 
 .con04 .tabMenu { margin: 0 0 30px; position: static; } 
 .con04 .tabMenu li { width: 12.5%; border-right: none; margin: 0 0 0; float: left; } 
 .con04 .tabMenu li:last-child { border-right: 1px solid #d2d2d2; } 
 .con04 .tabMenu li.on::before { right: auto; left: 50%; top: auto; bottom: 0; transform: translate(-50%, 64%) rotate(90deg); border-width: 20px 0 20px 15px; } 
 .con04 .tabContent { width: 100%; } 
 .con04 .cont_box .wrap .tea { width: 39.5%; } 
 .con04 .cont_box .wrap .mWrap { width: 57.5%; } 
 .con04 .cont_box .wrap { margin: 6% 0 9%; } 
 .con04 .cont_box .wrap .mWrap .txt li { width: 32.5%; } 
 .con04 .cont_box .tit > span { font-size: 20px; } 
 .con04 .cont_box .tit.mid >span { } 
 .con04 .cont_box .lec_tit { font-size: 19px; } 
 
 .evt01 { padding: 12% 0; } 
 .evt01 h4 .end { right: 0; width: 23%; } 
 .evt01 h4 { margin: 0 0; } 
 .evt01 .wrap { margin: 0 0 7%; } 
 .evt01 .tea { margin: 6.5% 0 7.5%; } 
 .evt01 .wrap .schedule { font-size: 20px; padding: 120px 0; } 
 .evt01 .wrap .gift { width: 50%; } 
 .evt01 .evtBoard_common .board_write .inp_wrap textarea, .evt01 .evtBoard_common .board_write .inp_wrap input[type="text"] { padding: 10px 10px; } 
 .evt01 .evtBoard_common .board_notice li.chk_notice { position: static; } 
.evt01 .wrap .schedule dl dd .tiny_txt { font-size: 12px; } 
 .evt_cautn { padding: 30px 0; } 
 .evt_cautn dl dt { font-size: 15px; margin: 0 0 10px; } 
 .evt_cautn dl dd { font-size: 12px; } 
 }

@media (max-width:992px){
 .wBox { padding: 60px 0 51px; } 

 .wBox dt { font-size: 20px; padding: 4px 50px; } 
 .wBox dd { font-size: 17px; padding: 0 0 0 4.5%; } 
 .wBox dd::before { left: 1%; background-size: 70%; background-position: left center; } 
 .wBox dd.tiny_txt { font-size: 12px; right: auto; left: 7.5%; } 
 
 .con02 .box .pyra::before { background-size: 65%; } 

 .con03 .tblWrap { padding: 40px 30px; } 
 .con03 table tbody td, .con03 table thead th { font-size: 18px; } 
 

 .con04 .tabMenu li { font-size: 17px; } 
 .con04 .cont_box .tit > span { height: auto; line-height: 1.5; width: auto; font-size: 17px; padding: 10px 50px; } 
 .con04 .cont_box .tit.long >span { width: auto; } 
 .con04 .cont_box .tit.mid >span { width: auto; } 
 
 .con04 .cont_box .wrap .mWrap .txt { display: block; } 
 .con04 .cont_box .wrap .mWrap .txt li { font-size: 15px; width: 100%; height: auto; padding: 8px 0; margin: 0 0 4px; } 
 .con04 .cont_box .wrap .mWrap .txt li br.mo { display: none; } 

 .con04 .cont_box .tit > span { /* font-size: 17px; */ } 
 .con04 .cont_box .lec_tit { font-size: 17px; } 
 .con04 .cont_box .lec_tit::before { background-size: 70%; background-position: left center; } 
 
 .evt01 .wrap .schedule { font-size: 17px; padding: 90px 0; } 
 .evt01 .wrap .gift { width: 47%; } 
 }

@media (max-width:768px){
 .wBox { padding: 43px 0; } 
 .wBox::before { background-position: right bottom; } 

 .wBox dt { font-size: 17px; } 
 .wBox dd { font-size: 15px; margin: 0 auto 10px; } 

 .con02 .box .pyra { width: 50%; margin: 0 auto 3%; left: 50%; transform: translate(-50%, 0); } 
 .con02 .box .pyra::before { transform: rotate(67deg) translate(74%, -66%); bottom: 0; right: 0; background-position: left bottom; background-size: 65%; } 
 .con02 .box .point { position: static; width: 100%; transform: none; } 

 .con03 .tblWrap { padding: 30px 20px; } 
 .con03 .tblWrap::before { background-size: 80%; background-position: center bottom; top: -1.6%; } 
 .con03 table tbody td, .con03 table thead th { font-size: 15px; } 
 .con03 table tbody td .box { width: 20px; height: 20px; } 

 .con04 .tabMenu { } 
 .con04 .tabMenu li { width: 25%; font-size: 15px; height: 40px; line-height: 40px; } 

.con04 .tabMenu li:nth-of-type(4) { border-right: 1px solid #d2d2d2; } 
.con04 .tabMenu li:nth-of-type(1), .con04 .tabMenu li:nth-of-type(2), .con04 .tabMenu li:nth-of-type(3), .con04 .tabMenu li:nth-of-type(4) { border-bottom: none; } 
.con04 .tabMenu li.on::before { display: none; } 
 
.con04 .cont_box .wrap .mWrap .txt li { font-size: 13px; } 
 .con04 .cont_box .tit > span { font-size: 15px; } 
 .con04 .cont_box .lec_tit { font-size: 15px; } 
 .evt01 .wrap { padding: 3% 0 5%; text-align: center; } 
 .evt01 .wrap .gift { position: static; transform: none; margin: 0 auto 5%; width: 55%; } 
 .evt01 .wrap .schedule { font-size: 15px; padding: 0 0; display: inline-block; text-align: left; } 
 }

@media (max-width:576px){
 .con02 .box .pyra::before { background-size: 50%; right: -6%; bottom: -5%; } 
 
 .wBox dt { font-size: 15px; padding: 4px 40px; } 
 .wBox dd { font-size: 13px; } 
 .wBox dd::before { left: 0; } 

 .con03 .tblWrap { padding: 20px 10px; } 
 .con03 table tbody td, .con03 table thead th { font-size: 13px; } 
 .con03 table tbody td:first-child { line-height: 1.5; padding: 7px 0 7px 2%; } 
 
 .con04 .cont_box .wrap .tea { position: relative; transform: none; margin: 0 auto 2%; width: 50%; } 
 .con04 .cont_box .wrap .mWrap { width: 100%; } 
.con04 .cont_box .wrap .mWrap .video_box { margin: 0 0 7px; } 
 .con04 .cont_box .tit > span { font-size: 13px; padding: 7px 30px; } 
 .con04 .cont_box .lec_tit { font-size: 13px; } 
 
 .evt01 .wrap .schedule { font-size: 13px; } 
 .evt01 .wrap .schedule dl dt { padding-left: 9px; margin-right: 12px; } 

 .evt01 .wrap .gift { width: 65%; } 
 }

@media (max-width:460px){
 .con02 .box .pyra::before { background-size: 40%; right: -14%; bottom: -13%; } 
 }