@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; } 

.flt_inner { position: absolute; z-index: 6; right: 1%; top: 376px; transition: none; opacity: 1; } 
.flt_inner a { display: block; margin: 0 0 8px; text-align: center; } 
.flt_inner a.top { color: #33bcbb; font-weight: 700; font-size: 13px; } 
.flt_inner a.top span { font-size: 8px; } 

.conTop { background: url(https://img.megagong.net/m/2022/0707_gong/conTop_bg.jpg) center 0 no-repeat; padding: 171px 0 252px; } 
.conTop h3 { margin: 0 -2px 0; } 

.con01 { padding: 156px 0 152px; } 
.con01 .gra { margin: 62px 0 10px; display: flex; justify-content: space-between; } 
.con01 .tiny_txt { text-align: right; color: #c1c1c1; } 

.con02 { background: #efefef; padding: 156px 0; } 
.con02 .cont li:nth-of-type(1) { margin: 65px 0 12px; } 

.con03 { padding: 160px 0; } 
.con03 h4 { margin: 0 0 85px; } 
.con03 .tab_base { position: relative; } 
.con03 .tab_base::before { content:''; width: 99.99%; border-top: 3px solid #000; position: absolute; left: 0; bottom: 0; } 
.con03 .tab_base li { float: left; width: calc(100% / 7); background: #eeeeee; border-right: 1px solid #fff; position: relative; } 
.con03 .tab_base li:last-child { border-right: none; } 
.con03 .tab_base li.on { background: #fff; border: 3px solid #000; border-bottom: none; } 
.con03 .tab_base li a { font-size: 15px; color: #999999; display: block; padding: 19.8px 0; } 
.con03 .tab_base li a strong { display: block; font-size: 21px; } 
.con03 .tab_base li.on a { color: #000; } 
.con03 .panel_base li .con1 { text-align: right; padding: 62px 0 42px; position: relative; } 
.con03 .panel_base li .con1 .tea { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.con03 .panel_base li .con1 .tea .home { position: absolute; text-align: center; left: 50%; bottom: -6px; transform: translate(-50%, 0); width: 118px; } 
.con03 .panel_base li .con1 .tea .home.s { width: 106px; } 
.con03 .panel_base li .con1 .tea .home a { display: block; position: absolute; font-size: 0; right: 0; top: 0; width: 20%; height: 100%; } 
.con03 .panel_base li .con1 .video { display: inline-block; width: 600px; } 
.con03 .panel_base li .con1 .video .tit { margin: 0 0 16px; } 
.con03 .panel_base li .con2 { margin: 0 0 44px; } 


.con04 { background: #e7fbfb; padding: 156px 0 160px; } 
.con04 h4 { margin: 0 -79px 85px; } 
.con04 .teaTab_wrap > div, .con04 .stepTab_wrap > div { text-align: left; background: #fff; } 
.con04 .lecture { padding-bottom: 0 !important; } 
.con04 .lectlist { margin: 26px 0 0; background: #fff; } 
.con04 .vodchr_banner { margin-bottom: 0; } 
.gob_tab_wrap .tab_list { overflow: hidden; width:100%; margin-bottom: 40px; } 
.gob_tab_wrap .tab_list li { float: left; width:50%; height: 58px; color: #777; background: #f5f5f5; border: 1px solid #e3e3e3; box-sizing: border-box; } 
.gob_tab_wrap .tab_list li.on { background:#26b7bc; border: 1px solid #26b7bc; color: #fff; } 
.gob_tab_wrap .tab_list li a { text-align: center; padding:20px 0; display: block; font-size: 17px; } 
.gob_tab_wrap .tab_cont { display: none; padding: 23px 0 35px; position: relative; } 
.gob_tab_wrap .tab_cont.on { display: block; } 
.lecTab_wrap { display:none; } 
.teaTab_wrap { border-top: 1px solid #d6d6d6; } 
.conditionSearch_wrap { display:none; } 


.evt01 { background: #2a304a; padding: 160px 0 180px; } 
.evt01 h4 { position: relative; } 
.evt01 h4 .end { position: absolute; z-index: 1; right: 0; top: 31%; } 
.evt01 .schedule { background: #fff; border-radius: 40px; padding: 15px 0; position: relative; font-weight: 700; margin: 62px auto 46px; width: 1000px; } 
.evt01 .schedule dl { font-size: 21px; display: inline-block; color: #2a304a; } 
.evt01 .schedule dl:first-child { margin-right: 45px; } 
.evt01 .schedule dl dt { margin-right: 14px; padding-right: 14px; display: inline-block; position: relative; font-weight: 900; } 
.evt01 .schedule dl dt::after { content:''; display: block; width: 1px; height: 45%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #b4bfe3; } 
.evt01 .schedule dl dd { display: inline-block; font-weight: normal; } 
.evt01 .schedule dl dd .tiny_txt { color: #2a304a; font-size: 13px; display: inline-block; margin: 0 0 0 6px; } 
.evt01 .gift { width: 1000px; margin: 92px auto 48px; display: flex; justify-content: space-evenly; } 
.evt01 .evtBoard_common .board_tit { font-size: 20px; color: #97fffd; font-weight: 700; } 
.evt01 .evtBoard_common { background: #151825; } 
.evt01 .selTea { margin: 25px 0; } 
.evt01 .selTea li { display: inline-block; margin: 0 45px 0 0; } 
.evt01 .selTea label { font-size: 18px; color: #fff; } 
.evt01 .selTea li:last-child { margin-right: 0; } 
.evt01 .selTea label input { vertical-align: baseline; } 
.evt01 .evtBoard_common .board_write { margin: 0 40px 10px; padding: 0 160px 0 0; } 
.evt01 .evtBoard_common .board_write .btn_wrap { width: 160px; } 
.evt01 .evtBoard_common .board_write .btn_wrap a { background: #8beaec; color: #000; } 
.evt01 .evtBoard_common .board_notice { margin: 0 40px 35px; } 
.evt01 .evtBoard_common .board_notice li { font-size: 11px; color: #8beaec; opacity: 0.9; } 
.evt01 .evtBoard_common .board_notice li.chk_notice { font-size: 15px; top: 237px; right: 94px; } 
.evt01 .evtBoard_common .board_list { padding: 44px 20px 10px; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em { display: inline-block; background: #000; color: #fff; font-weight: normal; font-style: normal; font-size: 13px; height: 20px; line-height: 20px; padding: 0 10px; margin: -2px 0 0; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea1 { background: #6e78ff; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea2 { background: #ff9a6e; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea3 { background: #ff78e4; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea4 { background: #73d98b; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea5 { background: #d478ff; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea6 { background: #3748a0; } 
.evt01 .evtBoard_common .board_list ul li .usr_info em.tea7 { background: #ff7f76; } 

.evt_cautn { padding: 85px 0; text-align: left; } 
.evt_cautn dl dt { font-size: 17px; font-weight: 900; margin: 0 0 24px; } 
.evt_cautn dl dd { font-size: 13px; line-height: 1.7; font-weight: 200; } 
.evt_cautn dl dd::before { content: ''; } 
.evt_cautn dl dd a { display: inline-block; color: #239fff; margin-left: 3px; border-bottom: 1px solid #a4cefc; line-height: 1.1; font-weight: normal; } 

@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: 14% 0 20%; background-size: cover; } 

 .con01 { padding: 13% 0; } 
 .con01 .gra { margin: 5.5% 0 7px; } 
 .con01 .gra li { width: 49%; } 
 .con01 .tiny_txt { text-align: left; font-size: 11px; } 
 
 .con02 { padding: 13% 0; } 
 .con02 .cont li:nth-of-type(1) { margin: 6% 0 7px; } 

 .con03 { padding: 13.5% 0; } 
 .con03 h4 { margin: 0 0 7.5%; } 
 .con03 .panel_base li .con1 { padding: 6% 0 4%; } 
 .con03 .panel_base li .con1 .tea { width: 40%; } 
 .con03 .panel_base li .con1 .video { width: 56%; } 
 .con03 .panel_base li .con1 .tea .home { width: 40%; bottom: -4%; } 
 .con03 .panel_base li .con2 { margin: 0 0 4%; } 

 .con04 { padding: 13% 0; } 
 .con04 h4 { margin: 0 -3% 7.5%; } 
 .con04 .pocket_pop.cart { position: relative; } 
 .con04 .teaTab_wrap > div ul li button a img { width: auto; } 

 .evt01 { padding: 13.5% 0 15.5%; } 
 .evt01 h4 .end { width: 19%; } 
 .evt01 .schedule { margin: 5.5% 0 4%; padding: 12px 0; width: 100%; } 
 .evt01 .schedule dl { font-size: 17px; } 
 .evt01 .schedule dl:first-child { margin-right: 20px; } 
 .evt01 .schedule dl dd .tiny_txt { font-size: 12px; } 
 .evt01 .gift { width: 100%; justify-content: space-between; margin: 8.5% auto 7%; } 
 .evt01 .gift li { width: 32%; } 
 .evt01 .evtBoard_common { padding: 25px 0 0; } 
 .evt01 .evtBoard_common .board_list { padding: 15px; } 
 .evt01 .evtBoard_common .board_write { padding: 0; margin: 0 15px 10px; } 
 .evt01 .evtBoard_common .board_write .btn_wrap { width: 100%; } 
 .evt01 .evtBoard_common .board_notice li.chk_notice { position: static; font-size: 12px; } 
 .evt01 .evtBoard_common .board_tit { font-size: 17px; } 
 .evt01 .evtBoard_common .board_notice { margin: 0 15px 20px; } 
 .evt01 .selTea li { margin: 0 30px 0 0; } 
 .evt01 .selTea label { font-size: 15px; } 

 .evt_cautn { padding: 45px 0; } 
 .evt_cautn dl dt { font-size: 15px; margin: 0 0 10px; } 
 .evt_cautn dl dd { font-size: 12px; } 
 }

@media (max-width:992px){
 .con03 .tab_base { border: 1px solid #ccc; } 
 .con03 .tab_base li { width: calc(100%/4); border-color: #ccc; } 
 .con03 .tab_base li.on { border: none; border-right: 1px solid #ccc; } 
 .con03 .tab_base li:nth-of-type(4) { border-right: none; } 
 .con03 .tab_base li:nth-of-type(1), .con03 .tab_base li:nth-of-type(2), .con03 .tab_base li:nth-of-type(3), .con03 .tab_base li:nth-of-type(4) { border-bottom: 1px solid #ccc; } 
 .con03 .tab_base li:nth-of-type(7) { border-right: 1px solid #ccc; } 
 .con03 .tab_base li a { font-size: 13px; padding: 10px 0; } 
 .con03 .tab_base li a strong { font-size: 18px; } 
 .con03 .tab_base::before { display: none; } 
 
 .evt01 .schedule dl { font-size: 15px; } 
 }

@media (max-width:768px){
 .gob_tab_wrap .tab_list li { height: auto; } 
 .gob_tab_wrap .tab_list li a { padding: 5% 0; font-size: 15px; } 

 .con03 .panel_base li .con1 .tea .home { width: 50%; bottom: -6%; } 
 .con03 .tab_base li a { padding: 7px 0; } 
 .con03 .tab_base li a strong { font-size: 16px; } 

 .evt01 .schedule dl { font-size: 13px; display: block; } 
 .evt01 .schedule dl:first-child { margin-right: 0; } 
 .evt01 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 
 .evt01 .evtBoard_common .board_tit { font-size: 15px; } 
 .evt01 .selTea li { margin: 0 18px 0 0; } 
 .evt01 .selTea label { font-size: 13px; } 
 }

@media (max-width:576px){
 .con01 .gra { display: block; } 
 .con01 .gra li { width: 80%; margin: 0 auto; } 
 .con01 .gra li:first-child { margin: 0 auto 3%; } 

 .con03 .tab_base li a { padding: 5px 0; font-size: 11px; } 
 .con03 .tab_base li a strong { font-size: 14px; } 
 .con03 .panel_base li .con1 { text-align: center; } 
 .con03 .panel_base li .con1 .tea .home { width: 65%; bottom: -9%; } 
 .con03 .panel_base li .con1 .tea { position: relative; transform: none; margin: 0 auto 10%; width: 45%; } 
 .con03 .panel_base li .con1 .video { width: 90%; } 
 .con03 .panel_base li .con1 .video .tit { margin: 0 0 7px; width: 85%; } 
 
 .con04 .lectlist { margin: 16px 0 0; } 
 .con04 .teaTab_wrap > div .tit, .con04 .stepTab_wrap > div .tit span { font-size: 13px; } 
 
 .evt01 .evtBoard_common .board_tit { font-size: 13px; margin: 0 5px 10px; /* font-weight: normal; */ } 
 .evt01 .selTea { text-align: left; display: inline-block; margin: 10px 0 25px 4%; } 
 .evt01 .selTea li { width: 24%; margin: 0 0 0 0; } 
 }

@media (max-width:460px){
 .evt01 .evtBoard_common .board_tit br { display: none; } 
 }