@charset "euc-kr"; 

:root { --inner-margin: 100px; --box-margin: 50px; } 

.mCombination #moVer { display: none; } 
.mCombination .inner { width:1140px; } 
.mCombination .lecture { padding-bottom: 0 !important; } 
.mCombination .lecList { background: #fff; } 
.mCombination .vodchr_banner { margin-bottom: 0; } 
.mCombination .lectlist .lect_item:last-child { border-bottom: 1px solid #ccc; } 
.mCombination .pocket_pop { z-index: 4; } 

.mCombination .evCon1 { background: #0B0003 url('https://image.megagong.net/m/2023/1120_shin242/pc/con1_bg2.png') no-repeat top center; } 
.mCombination .evCon1 h3 { text-align: left; position: absolute; top: 220px; right: -33px; z-index: 1; } 
.mCombination .evCon1 h3 div + div { margin-top: 6px; position: relative; } 
.mCombination .evCon1 h3 div .home { position: absolute; left: 169.52px; top: 31.52px; } 
.mCombination .evCon1 h3 div .tiny_noti { position: absolute; left: 0; bottom: -28px; } 
.mCombination .evCon1 .tea { position: relative; left: -64px; } 

.mCombination .evCon2 { background: #160D22; padding: var(--inner-margin) 0; } 
.mCombination .evCon2 .con1 { margin: var(--box-margin) 0; } 

.mCombination .evCon3 { background: #EBEBEB; padding: var(--inner-margin) 0 144px; } 
.mCombination .evCon3 .con_tit .tiny_noti { text-align: right; display: block; margin-bottom: 10px; } 
.mCombination .evCon3 .con1 { margin: var(--box-margin) -39px 80px -34px; } 
.mCombination .evCon3 .con2 { position: relative; } 
.mCombination .evCon3 .con2::before , .mCombination .evCon3 .con2::after { width: 24px; height: 20px; position: absolute; left: 50%; transform: translate(-50%, 0); } 
.mCombination .evCon3 .con2::before { content:''; background: url('https://image.megagong.net/m/2023/1120_shin242/pc/con3_ico.png') no-repeat; top: -44px; } 
.mCombination .evCon3 .con2::after { content:''; background: url('https://image.megagong.net/m/2023/1120_shin242/pc/con3_ico2.png') no-repeat; bottom: -44px; } 
.mCombination .evCon3 .con2 .txt { color: #6763EC; font-size: 24px; font-style: normal; font-weight: 700; margin: 0 0 24px; } 
.mCombination .evCon3 .review_roll { border: solid #A6A6A6; border-width: 1px 0; height: 426px; overflow-x: visible; } 
.mCombination .evCon3 .review_roll .item { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; } 
.mCombination .evCon3 .review_roll .item.swiper-slide-active { background: #fff; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.20); border-radius: 20px; } 
.mCombination .evCon3 .review_roll .item strong { color: #A6A6A6; font-size: 16px; letter-spacing: -0.64px; font-weight: normal; line-height: 170%; } 
.mCombination .evCon3 .review_roll .item .name { width: 100%; color: #B3B3B3; font-size: 14px; margin-top: 15px; } 
.mCombination .evCon3 .review_roll .item.swiper-slide-active strong { color: #212121; font-weight: 700; } 

.mCombination .evCon4 { padding: var(--inner-margin) 0; overflow: visible;} 
.mCombination .evCon4 .eventVideo { margin: var(--box-margin) 0; } 
.mCombination .evCon4 .con1 { margin-bottom: var(--box-margin); overflow-x: auto; } 
.mCombination .evCon4 .con1 ul { display: flex; justify-content: space-between; } 


.mCombination .evCon5 { background: #F8F8F8; padding: var(--inner-margin) 0; } 
.mCombination .evCon5 .con5_tab_nav { margin: var(--box-margin) 0; } 
.mCombination .evCon5 .con5_tab_nav li { width: 570px; cursor: pointer; color: #D3D3D3; font-size: 18px; padding: 20px 0; border-bottom: 1px solid #D3D3D3; } 
.mCombination .evCon5 .con5_tab_nav li.active { color: #212121; font-weight: 700; border-bottom: 2px solid #212121; } 
.mCombination .evCon5 .con5_tab_cont .swiper-slide { overflow: hidden; } 
.mCombination .evCon5 .con2 { margin: 20px 0 30px; } 
.mCombination .book_roll { padding: 0 0 45px; position: relative; overflow: hidden; } 
.mCombination .book-roll-pager { font-size: 0; } 
.mCombination .book-roll-pager .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; } 
.mCombination .evCon5 .con3 { margin: var(--box-margin) 0 0; } 
.mCombination .evCon5 .con3 a + a { margin-left: 10px; } 

.mCombination .evCon6 { background: #0C091F url('https://image.megagong.net/m/2023/1120_shin242/pc/con6_bg.png') no-repeat top center; padding: 60px 0 67px; } 
.mCombination .evCon6 .con1 { margin-top: 40px; display: flex; justify-content: space-between; } 
.mCombination .evCon6 .con1 li { position: relative; z-index: 1; } 
.mCombination .evCon6 .con1 li::before { content:''; background: url('https://image.megagong.net/m/2023/1120_shin242/pc/con6_ico.png') no-repeat; width: 36px; height: 37px; position: absolute; right: -12px; top: 50%; transform: translate(100%, -50%); } 
.mCombination .evCon6 .con1 li:last-child::before { display:none; } 

.mCombination .evCon7 { padding: var(--inner-margin) 0; background: linear-gradient(180deg, #FFFDF8 7.6%, #FFF5D3 100%); overflow: visible; } 
.mCombination .evCon7 .con_tit .tiny_noti { display: block; text-align: right; margin-bottom: 10px; } 
.mCombination .evCon7 .con1 { margin: 48.84px 0 var(--box-margin); } 

.mCombination .evCon8 { background: linear-gradient(180deg, #F8F8FF -170%, #D3D8FF); padding: var(--inner-margin) 0; position: relative; } 
.mCombination .evCon8 .end_dim { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } 
.mCombination .evCon8 .end_dim .dim { width: 100%; height: 100%; background: #000; opacity: 0.6; } 
.mCombination .evCon8 .end_dim img { display: block; position: absolute; left: 50%; top: 483px; transform: translate(-50%, 0); } 
.mCombination .evCon8 .con1 { margin: 64px -13.5px 0; } 
.mCombination .evCon8 .con2 { margin: var(--box-margin) 0 15px; } 
.mCombination .evCon8 .write_box { background: #fff; margin-top: 12px; padding: 40px; color: #212121; position: relative; } 
.mCombination .evCon8 .write_box i { position: absolute; top: -30px; right: 58px; } 
.mCombination .evCon8 .write_box .tit { font-size: 24px; font-weight: 700; } 
.mCombination .evCon8 .write_box .txt { font-size: 16px; margin: 15px 0; } 
.mCombination .evCon8 .write_box .btn_wrap { display: flex; gap: 8px; } 
.mCombination .evCon8 .write_box .btn_wrap li { flex: 1; border-radius: 2px; border: 1px solid #121212; } 
.mCombination .evCon8 .write_box .btn_wrap li a { font-size: 14px; display: block; padding: 13px 0; } 
.mCombination .evCon8 .write_box .btn_wrap li:first-child a { background: #121212; color: #fff; } 
.mCombination .evCon8 .link { display: flex; gap: 8px; margin: 0 0 15px; } 
.mCombination .evCon8 .link li { flex: 1; border-radius: 2px; border: 1px solid #E3E6EC; } 
.mCombination .evCon8 .link li a { font-size: 13px; display: block; background: #FAFAFC; padding: 10px 0; } 

.mCombination .eventWrap .evWarning { padding: 40px 0; } 
.mCombination .warningList > li.w_tit { font-size: 14px; font-weight: 700; color: #000; margin: 0 0; line-height: 1; } 
.mCombination .warningList > li { margin-top: 10px; } 
.mCombination .warningList li { color: #7E8B9A; font-size: 12px; } 
.mCombination .warningList li .s_tit { font-size: 12px; } 
.mCombination .warningList li ul li a { color: #0058C4; text-decoration-line: underline; margin: 0 0; padding: 0 0; } 


/* popup */
.mCombination .black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.mCombination .dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.mCombination .clickPop { width: 600px; background: #fff; padding: 44px 24px 30px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* url popup */
.mCombination .dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.mCombination .dim_popup.sns table { font-size: 14px; } 
.mCombination .dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.mCombination .dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.mCombination .dim_popup.sns table tr td.con { text-align:left } 
.mCombination .dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.mCombination .dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

.mCombination .warningList li ul li a.tp1 { background-color:#000; color:#fff; } 

.url { font-family: 'NotoSans KR'; line-height: 140%; } 
.url .content_area .content_inner { padding: 44px 24px 30px; } 
.url .m_tit { font-size: 24px; font-weight: bold; } 
.url .wrapper { margin: 20px 0; } 
.url .wrapper h6 { display: block; font-size: 13px; font-weight: 700; text-align: left; margin-bottom: 6px; } 
.url .wrapper .radio_list { display: flex; justify-content: flex-start; gap: 16px; margin-bottom: 12px; } 
.url .wrapper .radio_list li label { cursor: pointer; font-size: 13px; color: #7E8B9A; line-height: 20px; } 
.url .wrapper .radio_list li label input { margin-right: 4px; } 
.url .wrapper input.input_url { width: 100%; height: 36px; border: 1px solid #E3E6EC; } 
.url .mg_info_wrap { margin: 20px 0 12px; } 
.url .mg_info_wrap .mg_terms { margin: 0 0; padding: 16px; white-space: inherit; font-size: 12px; border: 1px solid #E3E6EC; background: #FAFAFC; } 
.mg_terms strong.lg_tit { color: #000; } 
.url .mg_info_wrap .mg_terms div { margin-top: 12px; } 
.url .mg_info_wrap .mg_terms div strong { display: block; } 
.url .desc { padding: 20px 16px; background: #FAFAFC; } 
.url .desc li { font-size: 12px; color: #7E8B9A; font-weight: 200; } 
.url .desc li:last-of-type { margin-bottom: 0; } 
.mg_chk_base { display: block; border: 1px solid #025AF6; border-radius: 2px; padding: 10px 12px; font-size: 14px; color: #121212; } 
.mg_chk_base input { position: relative; top: 2px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base.xl { width: 100%; background: #025AF6; padding: 17px 0; font-size: 14px; } 

[class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow, .mCombination .dim_popup.sns .btnClose { background: url('https://image.megagong.net/m/2023/1120_shin242/pc/close_pop.png') no-repeat; width: 14px; height: 14px; right: 17px; top: 17px; } 
 

@media screen and (max-width: 1200px){
 :root { --inner-margin: 9%; --box-margin: 5%; } 

 .mCombination .inner { width: 96%; } 
 .mCombination .inner img { margin: 0 auto; } 


 .mCombination .evCon1 { background-size: cover; } 
 .mCombination .evCon1 h3 { width: 46%; right: 0; top: 26%; } 
 .mCombination .evCon1 h3 div .home { left: 31.5%; top: 9%; width: 3.3%; } 
 .mCombination .evCon1 .tea { left: -6%; } 

 .mCombination .evCon3 { padding: var(--inner-margin) 0 12%; } 
 
 .mCombination .evCon4 .con1 ul { gap:10px; } 

 .mCombination .evCon5 .con1 { padding: 0 20%; } 
 .mCombination .evCon5 .con2 { margin: 20px -20% 30px; } 
 .mCombination .evCon5 .con3 { display: flex; justify-content: center; } 

 .mCombination .evCon6 { padding: 13% 0 8%; background-size: cover; } 
 .mCombination .evCon6 .con_box { overflow-x: auto; } 
 .mCombination .evCon6 .con1 { width: 1140px; } 

 .mCombination .evCon7 .con1 img { width:100%; } 
 
 .mCombination .evCon8 .con2 { margin: var(--box-margin) -20% 15px; } 

 .mCombination .evCon8 .write_box i { width: 250px; right: auto; left: 50%; transform: translate(60%, 0); } 
 }

@media screen and (max-width: 992px){
 .mCombination .evCon4 .con1 ul { width: 1040px; } 

 .mCombination .evCon8 .con3 { overflow-x: auto; } 
 .mCombination .evCon8 .con3 div { width: 970px; } 
 
 .mCombination .clickPop { padding: 15px 0 20px; } 
 .mCombination .dim_popup.sns .tit { font-size:22px } 
 .mCombination .dim_popup.sns table { font-size:12px } 
 }

@media screen and (max-width: 768px){
 :root { --inner-margin: 13%; --box-margin: 8.5%; } 
 .mCombination .inner img { width: 80%; } 
 
 .mCombination #pcVer { display: none; } 
 .mCombination #moVer { display: block; } 
 .mCombination img { display:block; margin:0 auto; } 


 .mCombination .evCon1 { background: #0B0003 url('https://image.megagong.net/m/2023/1120_shin242/m/con1_bg.png') no-repeat top center; background-size: 100% 100%; padding: 9% 0 0; } 
 .mCombination .evCon1 h3 { position: static; width: auto; margin: 0 auto; } 
 .mCombination .evCon1 h3 div + div { margin-top: 8px; } 
 .mCombination .evCon1 .tea { left: 0; margin: -6% 0 0; } 
 .mCombination .evCon1 .tea img { width: 100%; } 
 .mCombination .evCon1 h3 div .home { left: 63%; width: 5%; } 

 .mCombination .evCon3 .con1 { margin: var(--box-margin) 0 13%; } 

 .mCombination .evCon4 .eventVideo.video_renewal .video_box { padding-bottom: 64%; } 
 .mCombination .evCon4 .con4_roll { padding-bottom: 40px; } 

 .mCombination .evCon5 .con1 { padding: 0 10%; } 
 .mCombination .evCon5 .con2 { margin: 20px 0 30px; } 
 .mCombination .evCon5 .con3 { flex-wrap: wrap; gap: 8px; } 

 .mCombination .evCon6 .con6_roll { margin: var(--box-margin) 0 0; padding-bottom: 50px; } 
 .mCombination .evCon6 .con6_roll .con6-roll-pager .swiper-pagination-bullet { background: rgba(255, 255, 255, 1); } 
 .mCombination .evCon6 .con6_roll .con6-roll-pager .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; } 

 .mCombination .evCon8 .con1 img { width:100%; } 
 .mCombination .evCon8 .con2 { margin: var(--box-margin) 0 15px; } 
 .mCombination .evCon8 .write_box { margin: var(--box-margin) auto 0; padding: 22px 16px; } 
 .mCombination .evCon8 .write_box .point { color: #6763EC; font-size: 16px; margin-bottom: 16px; } 
 .mCombination .evCon8 .link { flex-wrap: wrap; } 
 .mCombination .evCon8 .link li { flex: auto; width: 30%; border-radius: 4px; } 
 .mCombination .evCon8 .write_box .btn_wrap { flex-wrap: wrap; } 
 .mCombination .evCon8 .write_box .btn_wrap li { flex: auto; width: 100%; } 
 
 .mfp-zin.mfp-ready .z-anim { padding: 0 0; width: 90%; } 

 .mCombination .evCon8 .end_dim img { padding: 0 20%; } 
 }


@media screen and (max-width: 576px){
 .mCombination .dim_popup.sns { width:90% } 
 }


@media screen and (max-width: 480px){
 .mCombination .inner img { width: 96%; } 

 .mCombination .evCon1 h3 div .home { left: 66%; } 
 
 .mCombination .evCon3 .con2::before, .mCombination .evCon3 .con2::after { width: 15px; height: 12px; } 
 .mCombination .evCon3 .con2::before { background: url('https://image.megagong.net/m/2023/1120_shin242/m/con3_ico.png') no-repeat; top: -24px; } 
 .mCombination .evCon3 .con2::after { background: url('https://image.megagong.net/m/2023/1120_shin242/m/con3_ico.png') no-repeat; bottom: -24px; } 

 .mCombination .evCon3 .con2 .txt { font-size: 18px; margin-bottom: 12px; } 
 .mCombination .evCon3 .review_roll { height: 350px; } 
 .mCombination .evCon3 .review_roll .item strong { font-size: 14px; } 
 .mCombination .evCon3 .review_roll .item .name { font-size: 13px; margin-top: 8px; } 

 .mCombination .evCon5 .con5_tab_nav li { font-size: 14px; padding: 15px 0; } 
 .mCombination .evCon5 .con1 { padding: 0 0; } 

 .mCombination .evCon8 .write_box .tit { font-size: 18px; } 
 .mCombination .evCon8 .write_box .txt { font-size: 14px; margin: 8px 0; } 
 .mCombination .evCon8 .write_box .btn_wrap li a { font-size: 15px; } 
 .mCombination .evCon8 .write_box .point { margin-bottom:8px; } 
 .mCombination .evCon8 .link li a { padding: 5px 0; } 
 }