@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

.con_tit { font-size: 46px; font-weight: 900; line-height: 1.25; color: #121212; } 
.con_txt { font-size: 26px; } 
.slick-dots li button { font-size: 0; } 
.slick-dots li:last-child { margin-right: 0 !important; } 

.fix_bnr { display: none; } 

.evCon1 { background: #13060d url('https://image.megagong.net/m/2023/0712_sbhr/con1_bg.jpg'); padding: 44px 0 0; } 
.evCon1 .con1 { } 
.evCon1 h3 { position: relative; margin: 29px -63px 0; } 
.evCon1 h3 .home { position: absolute; right: 0; bottom: 148px; } 

.evCon2 { background: #ebebed; padding: 140px 0 135px; } 
.evCon2 .con_tit { font-weight: normal; } 
.evCon2 .con_tit strong { font-weight: 900; } 
.evCon2 .con1 { font-size: 22px; margin: 50px 0 20px; } 
.evCon2 .con1 strong { font-weight: 900; } 
.evCon2 .con2 { font-weight: 900; color: #be37a3; text-decoration-line: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; line-height: 1.55; } 
.evCon2 .con3 { margin: 60px auto 74px; display: flex; justify-content: space-between; width: 1000px; } 
.evCon2 .con3 li { } 
.evCon2 .con4 { font-size: 36px; font-weight: 900; line-height: 1.25; } 

.evCon3 { background: #883e79 url('https://image.megagong.net/m/2023/0712_sbhr/con3_bg.jpg'); padding: 125px 0 135px; } 
.evCon3 .con_tit { color: #fff; margin: 0 0 40px; } 
.evCon3 .conWrap { position: relative; margin: 0 0 -148px; } 
.evCon3 .conWrap .con1 { position: relative; left: -11px; } 
.evCon3 .conWrap .con2 { position: absolute; bottom: 225px; } 
.evCon3 .conWrap .con3 { } 

.evCon4 { padding: 145px 0; } 
.evCon4 .inner { width:1000px } 
.evCon4 .con_tit { } 
.evCon4 .con_txt { font-weight: 900; margin: 18px 0 0; } 
.evCon4 .con4_roll { display: flex; justify-content: space-between; margin: 58px auto 18px; } 
.evCon4 .con4_roll .item { } 
.evCon4 .tiny_noti { text-align: right; font-size: 14px; color: #999999; } 

.evCon5 { background: #331e2f; padding: 150px 0; } 
.evCon5 .con_tit { color: #fff; } 
.evCon5 .con_tit .con_txt { margin: 0 0 15px; } 
.evCon5 .con5_roll { margin-top: 50px; margin-right: -12px; } 
.evCon5 .con5_roll .item { background: #fff; border-radius: 20px; width: 350px !important; height: 240px; font-size: 16px; padding: 35px 0 0; position: relative; } 
.evCon5 .con5_roll .item .name { font-size: 14px; width: 80px; height: 25px; line-height: 25px; margin: 0 auto; background: #f3f4f4; border-radius: 100px; position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 35px; } 
.evCon5 .con5_roll .item strong { color: #be37a3; } 
.evCon5 .con5_roll .slick-arrow { font-size: 0; width: 20px; height: 30px; position: absolute; z-index: 1; top: 50%; transform: translate(0, -50%); } 
.evCon5 .con5_roll .slick-prev { background: url('https://image.megagong.net/m/2023//0712_sbhr/con5_prev.png') no-repeat; left: -50px; } 
.evCon5 .con5_roll .slick-next { background: url('https://image.megagong.net/m/2023//0712_sbhr/con5_next.png') no-repeat; right: -45px; } 

.evCon6 { background: #ebebeb; padding: 140px 0 150px; } 
.evCon6 .inner { width:1000px } 
.evCon6 .con_tit { } 
.evCon6 .con_tit .con_txt { font-weight: normal; margin: 19px 0 0; } 
.evCon6 .con_tit .con_txt strong { font-weight: 900; } 
.evCon6 .eventVideo { margin: 54px 0 46px; } 
.evCon6 .con6_roll { display: flex; justify-content: space-between; margin: 0 0 60px; } 
.evCon6 .con6_roll .item { background: #fff; width: 320px; border-radius: 15px; font-size: 16px; padding: 39px 0; } 
.evCon6 .con6_roll .item .tit { font-size: 14px; width: 60px; background: #444; border-radius: 100px; font-weight: 900; color: #fff; padding: 2.7px 0; margin: 0 auto 16px; } 
.evCon6 .btn { } 

.evCon7 { padding: 140px 0 150px; } 
.evCon7 .inner { width:1000px; } 
.evCon7 .con_tit { font-size: 36px; } 
.evCon7 .con1 { margin: 45px 0 70px; display: flex; justify-content: space-between; position: relative; } 
.evCon7 .con1::before { content:''; height: 1px; width: 1000%; background: #000; position: absolute; left: -500%; top: 50%; z-index: -1; } 
.evCon7 .con1 .item { color: #fff; background: #121212; border-radius: 100%; font-size: 20px; font-weight: 700; width: 266px; height: 266px; padding: 74px 0; } 
.evCon7 .con1 .item .tit { font-size: 16px; width: 60px; background: #fff; color: #e164c7; border-radius: 100px; margin: 0 auto 15px; } 
.evCon7 .con7_rollWrap { display: flex; justify-content: end; position: relative; } 
.evCon7 .con7_rollWrap .book { position: absolute; z-index: 1; left: -32px; bottom: -20px; } 
.evCon7 .con7_rollWrap .con7_roll { width: 832px; margin-right: -10px; } 
.evCon7 .con7_rollWrap .con7_roll .item { } 
.evCon7 .con7_rollWrap .con7_roll .slick-dots { font-size: 0; margin: 12px 0 0; } 
.evCon7 .con7_rollWrap .con7_roll .slick-dots li { display: inline-block; width: 10px; height: 10px; border: 1px solid #000000; border-radius: 100%; margin-right: 10px; } 
.evCon7 .con7_rollWrap .con7_roll .slick-dots li.slick-active { background: #000000; } 


.evCon7 .btn { display: inline-block; margin: 60px 0 0; } 

.evCon8 { background: #ebebeb; padding: 140px 0 150px; overflow: inherit !important; } 
.evCon8 .con_tit { margin: 0 0 55px; } 
.evCon8 .lecture { padding-bottom: 0 !important; } 
.evCon8 .lecList { background: #fff; } 
.evCon8 .vodchr_banner { margin-bottom: 0; } 
.evCon8 .lectlist .lect_item:last-child { border-bottom: 1px solid #ccc; } 

.evCon9 { background: #90e28d; padding: 160px 0 150px; } 
.evCon9 .con_tit { } 
.evCon9 .con_tit i { position: absolute; right: -10px; top: -10px; } 
.evCon9 .con_txt { margin: 20px 0 32px; } 
.evCon9 .schedule { background: #fff; border-radius: 40px; padding: 15px 0; position: relative; width: 1000px; margin: 0 auto; } 
.evCon9 .schedule dl { font-size: 21px; display: inline-block; } 
.evCon9 .schedule dl:first-child { margin-right: 45px; } 
.evCon9 .schedule dl dt { margin-right: 13px; padding-right: 16px; display: inline-block; position: relative; } 
.evCon9 .schedule dl dt::after { content:''; display: block; width: 2px; height: 44.2%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #888888; } 
.evCon9 .schedule dl dd { display: inline-block; } 
.evCon9 .schedule dl dd .tiny_txt { color: #555555; font-size: 16px; display: inline-block; } 
.evCon9 .gift { width: 1000px; margin: 80px auto 65px; display: flex; justify-content: space-between; } 
.evCon9 .gift li { } 
.evCon9 h5 { text-align: left; font-size: 20px; margin: 0 0 5px; } 
.eventBoard .evtBoard_common .evtBoard_inner { background: #81cb7e; } 
.evtBoard_common .board_notice li { color: #000; opacity: 1; } 

.evCon10 { background: #e264c8; padding: 160px 0; } 
.evCon10 .con_tit { margin: 0 0 58px; } 
.evCon10 .con_tit i { position: absolute; right: -10px; top: -10px; } 
.evCon10 .con_box_outside .container_info { display: inline-flex; padding: 12px 69px; } 
.container_info .info .info_title::before { display: none; } 


.eventWrap .evWarning { padding: 70px 0; } 
.warningList > li.w_tit { font-weight:900; } 
.warningList > li { margin-top:75px } 
.warningList > li:nth-child(2) { margin-top: 13px; } 
.warningList li .s_tit { font-size: 13px; } 
.warningList > li ul + ul { margin: 30px 0 0; } 
.warningList .f_dash li { line-height: 1.8; } 
.warningList li ul li a { padding: 2px 0; font-size: 13px; color: #0058c4; border-bottom: 1px solid #638ad2; } 
.warningList .f_dash li .cr_red { color: #e45c6c; } 

.stepTab_wrap > div { text-align: left; } 

@media screen and (max-width: 1200px){
 .con_tit { font-size: 4.13vw; } 
 .con_txt { font-size: 2.5vw; } 
 .slick-dots { font-size: 0; margin: 10px 0 0; } 
 .slick-dots li { display: inline-block; width: 10px; height: 10px; border-radius: 100%; margin-right: 10px; } 
 
 .fix_bnr.on { position: fixed; z-index: 10; left: 0; right: 0; top: 0; display: block; } 
 .fix_bnr ul { display: flex; } 
 .fix_bnr ul li { width: 33.33333%; border-right: 1px dotted #fff; } 
 .fix_bnr ul li:last-child { border-right: 0; } 
 .fix_bnr ul li a { color: #fff; background: #121212; line-height: 1.3; padding: 15.1px 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } 
 .fix_bnr ul li .tag { font-size: 14px; width: 160px; margin: 0 auto 8px; background: #414141; border-radius: 100px; font-weight: 900; padding: 3.4px 0; } 
 .fix_bnr ul li .txt { font-size: 16px; width: 100%; } 
 .fix_bnr ul li strong { display: block; font-size: 20px; color: #e164c7; font-weight: 900; } 
 .fix_bnr ul li:first-child strong { margin: 5px 0 0; } 

 .evCon1 { padding: 4% 0 0; background-size: cover; } 
 .evCon1 h3 { margin: 2% 0 0; } 
 .evCon1 h3 .home { bottom: 12%; padding-left: 70%; } 

 .evCon2 { padding: 12% 0; } 
 .evCon2 .con1 { margin: 5% 0 2%; font-size: 2.2vw; } 
 .evCon2 .con3 { width: 100%; margin: 5% auto 6%; justify-content: space-around; } 
 .evCon2 .con3 li { width: 49%; } 
 .evCon2 .con4 { font-size: 3.6vw; } 

 .evCon3 { padding: 10.5% 0 12%; background-size: cover; } 
 .evCon3 .con_tit { margin: 0 0 4%; } 
 .evCon3 .conWrap { margin: 0 0 -13%; } 
 .evCon3 .conWrap .con1 { left: 0; padding: 0 28%; } 
 .evCon3 .conWrap .con2 { width: 100%; bottom: 26%; } 

 .evCon4 { padding: 12% 0; } 
 .evCon4 .inner { width: 96%; } 
 .evCon4 .con_txt { margin: 2% 0 0; } 
 .evCon4 .con4_roll { margin: 6% 0 2%; display: block; } 
 .evCon4 .con4_roll .slick-slide { } 
 .evCon4 .con4_roll img { margin: 0 auto; } 
 .evCon4 .con4_roll .slick-dots li { border: 1px solid #000; } 
 .evCon4 .con4_roll .slick-dots li.slick-active { background: #000; } 
 .evCon4 .tiny_noti { font-size: 12px; } 

 .evCon5 { padding: 12.5% 0; } 
 .evCon5 .con_tit .con_txt { margin: 0 0 1.5%; } 
 .evCon5 .con5_roll { margin: 5% 0 0; } 
 .evCon5 .con5_roll .item { width: 550px !important; height: 200px; padding: 15px 0 0; } 
 .evCon5 .con5_roll .item .name { bottom:15px } 
 .evCon5 .con5_roll .slick-dots li { border: 1px solid #fff; } 
 .evCon5 .con5_roll .slick-dots li.slick-active { background: #fff; } 

 .evCon6 { padding: 12% 0 12.5%; } 
 .evCon6 .inner { width:96%; } 
 .evCon6 .con_tit .con_txt { margin: 2% 0 0; } 
 .evCon6 .eventVideo { margin: 5.5% 0 4.5%; } 
 .evCon6 .con6_roll { display: block; margin: 0 0 5%; } 
 .evCon6 .con6_roll .item { width: 550px !important; padding: 30px 0; } 
 .evCon6 .con6_roll .slick-dots li { border: 1px solid #000; } 
 .evCon6 .con6_roll .slick-dots li.slick-active { background: #000; } 

 .evCon7 { padding: 12% 0 12.5%; } 
 .evCon7 .inner { width: 96%; } 
 .evCon7 .con_tit { font-size: 3.6vw; } 
 .evCon7 .con1 { margin: 4.5% 0 7%; display: block; } 
 .evCon7 .con1::before { display:none; } 
 .evCon7 .con1 .item { border-radius: 15px; height: auto; padding: 15px 0; font-size: 17px; width: 550px !important; } 
 .evCon7 .con1 .item .tit { font-size: 14px; width: 50px; margin: 0 auto 10px; } 
 .evCon7 .con1 .slick-dots li { border: 1px solid #000; } 
 .evCon7 .con1 .slick-dots li.slick-active { background: #000; } 
 .evCon7 .con7_rollWrap { display: block; } 
 .evCon7 .con7_rollWrap .book { position: static; } 
 .evCon7 .con7_rollWrap .con7_roll { margin: 3% auto 0; } 
 .evCon7 .btn { margin: 6% 0 0; } 

 .evCon8 { padding: 12% 0 12.5%; } 
 .evCon8 .con_tit { margin: 0 0 5%; } 
 
 .pocket_pop { z-index: 4; } 

 .evCon9 { padding: 13% 0 12.5%; } 
 .evCon9 .con_tit i { right: 0; top: 0; width: 23%; } 
 .evCon9 .con_txt { margin: 2% 0 3%; } 
 .evCon9 .schedule { padding: 12px 0; width: 90%; } 
 .evCon9 .schedule dl { font-size: 17px; } 
 .evCon9 .schedule dl:first-child { margin-right: 20px; } 
 .evCon9 .schedule dl dd .tiny_txt { font-size: 12px; } 
 .evCon9 .gift { width: 100%; margin: 7% auto 6%; } 
 .evCon9 .gift li { width: 32%; } 
 .evCon9 h5 { font-size: 17px; } 

 .evCon10 { padding: 13% 0; } 
 .evCon10 .con_tit { margin: 0 0 5%; } 
 .evCon10 .con_tit i { right: 0; top: 0; width: 23%; } 
 .evCon10 .container_info { font-size: 17px; } 

 .eventWrap .evWarning { padding: 45px 0; } 
 .warningList > li ul + ul { margin: 15px 0 0; } 
 .warningList > li { margin-top: 35px; } 
 }

@media screen and (max-width: 992px){
 .evCon7 .con7_rollWrap .con7_roll { width: 90%; } 
 .evCon7 .con7_rollWrap .con7_roll img { width: 100%; } 
 
 .evCon9 .schedule dl { font-size: 15px; } 

 .evCon10 .container_info { font-size: 15px; } 
 }

@media screen and (max-width: 768px){
 .con_txt { font-size: 15px; } 
 
 .fix_bnr ul li .txt { font-size: 13px; } 
 .fix_bnr ul li .tag { font-size: 12px; width: 140px; } 
 .fix_bnr ul li strong { font-size: 16px; } 
 
 .evCon1 h3 .home { padding-left: 50%; bottom: 11.5%; } 

 .evCon2 .con1 { font-size: 13px; } 
 .evCon2 .con2 { text-underline-offset: 3px; } 
 .evCon2 .con3 { display: block; } 
 .evCon2 .con3 li { width: 70%; margin: 0 auto 5%; } 
 .evCon2 .con3 li:last-child { margin: 0 auto; } 

 .evCon4 .con4_roll { padding: 0 18%; } 

 .evCon5 .con5_roll { padding: 0 5%; } 
 .evCon5 .con5_roll .item { font-size: 14px; width: 400px !important; } 
 .evCon5 .con5_roll .item .name { font-size: 13px; height: 20px; line-height: 20px; width: 70px; } 

 .evCon6 .con6_roll .item { font-size: 14px; width: 400px !important; padding: 20px 0; } 
 .evCon6 .con6_roll .item .tit { font-size: 13px; padding: 2px 0; width: 53px; margin: 0 auto 10px; } 
 .evCon6 .btn { padding: 0 10%; display: inline-block; } 

 
 .evCon7 .con_tit { font-size: 4vw; } 
 .evCon7 .con1 { display: block; } 
 .evCon7 .con1 .item { width: 400px !important; font-size: 14px; } 
 .evCon7 .con1 .item .tit { font-size: 13px; } 
 .evCon7 .con7_rollWrap .book { padding: 0 30%; } 
 .evCon7 .con7_rollWrap .con7_roll { width: 100%; } 
 .evCon7 .btn { padding: 0 10%; } 

 .evCon9 .gift { flex-wrap: wrap; justify-content: center; } 
 .evCon9 .gift li { width: 48%; margin: 0 1%; } 
 .evCon9 h5 { font-size: 14px; } 
 
 .evCon10 .con_box_outside .container_info { padding: 2% 8%; } 
 .evCon10 .container_info { } 

 .eventWrap .evWarning { padding: 25px 0; } 
 }

@media screen and (max-width: 576px){
 .evCon2 .con3 li { width: 90%; } 
 
 .evCon9 .schedule dl { font-size: 13px; display: block; } 
 .evCon9 .schedule dl:first-child { margin-right: 0; } 
 .evCon9 .schedule dl dt { margin-right: 5px; padding-right: 7px; } 

 .evCon10 .tiny_noti { font-size: 10px; } 
 .evCon10 .con_box_outside .container_info { padding: 2% 5%; font-size: 13px; } 
 .evCon10 .container_info .info { display: block; } 
 .evCon10 .container_info .info .info_title::before,.container_info .info .info_title::after { display: none; } 
 }

@media screen and (max-width: 460px){
 .con_txt { font-size: 13px; } 
 
 .fix_bnr ul li a { padding: 11px 0; } 
 .fix_bnr ul li strong { font-size: 13.2px; } 
 .fix_bnr ul li .txt { font-size: 11.9px; } 
 .fix_bnr ul li .tag { font-size: 11px; width: 110px; padding: 2px 0; margin: 0 auto 5px; } 

 .evCon5 .con5_roll .item { font-size: 13px; width: 310px !important; height: 170px; } 
 .evCon6 .con6_roll .item { font-size: 13px; width: 310px !important; padding: 15px 0; } 
.evCon7 .con1 .item { font-size: 13px; width: 310px !important; padding: 10px 0; } 
 }