@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 */

/* S: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* popup */
/* .black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } */


/* new */
:root { --color-primary: #FF4552; } 
.blue { color: #0058c4; } 
.mCombination .quick_banner { position: sticky; top:70px; z-index: 3; } 
.mCombination .quick_banner ul { position: absolute; right: 0px; top: 10px; /* °¢°¢ À§Ä¡¿¡ ¸Â°Ô ¼öÁ¤ */ } 


/* setting */

.mCombination .br_1200 { display: none; } 
.mCombination .br_992 { display: none; } 
.mCombination .br_768 { display: none; } 
.mCombination .br_576 { display: none; } 
.mCombination .br_375 { display: none; } 


.mCombination .lecture { padding-bottom: 0 !important; } 
.mCombination .eventWrap .evSection .inner { padding: 100px 0; } 
.mCombination .eventWrap .evSection.evWarning .inner { padding: 0px 0; } 
.mCombination .eventWrap .evSection.evCon3 { overflow: inherit; } 

.mCombination .con_tit { font-size: 40px; font-style: normal; font-weight: 700; margin-bottom: 15px; letter-spacing: -1.6px; line-height: 140%; } 
.mCombination .mini_tit { margin-bottom: 10px; font-size: 18px; color: #969696; font-weight: 700; } 
.mCombination .sub_tit { font-size: 24px; } 
.mCombination .main_text { font-size: 18px; font-weight: 300; } 
.mCombination .sub_text { font-size: 28px; } 
.mCombination .con_tit b { font-weight: 800; } 
.mCombination .sub_tit_comp { color: #212121; font-size: 30px; font-weight: 700; margin-bottom: 50px; } 

.mCombination .event_end { position: absolute; display: block; top: 483px; left: 50%; transform: translateX(-50%); z-index: 2; display: block; } 

.mo { display: none !important; } 


/* con1 */
.mCombination .eventWrap .evSection.evCon1 .inner { padding: 0px 0 0; } 
.mCombination .evCon1 { background: url(https://image.megagong.net/m/2023/1117_note/bg_con1_w.png) no-repeat center center; background-size: cover; } 
.mCombination .evCon1 .tea_img_con1 { margin: 0 -35px 0 -190px; } 
.mCombination .evCon1 h3 { position: absolute; top: 233px; right: 50px; } 
.mCombination .evCon1 .small_text_con1 { font-size: 22px; color: #fff; font-weight: 300; text-align: left; position: absolute; top: 590px; right: 64px; } 


/* con2 */
.mCombination .eventWrap .evSection.evCon2 .inner { padding:110px 0 140px; } 
.mCombination .evCon2 { background: #000; } 
.mCombination .evCon2 .con_tit { color: var(--color-primary); } 
.mCombination .evCon2 .main_text { color: #fff; margin-bottom: 50px; } 
.mCombination .evCon2 .obj_say_img { position: absolute; width: 100%; left: 0%; top: 85px; } 
.mCombination .evCon2 .say_box { position: absolute; top: 40px; left: 125px; } 
.mCombination .evCon2 .tea_img_con2 { margin-bottom: 70px; } 
.mCombination .evCon2 .reveiw_wrap.mo { display: none; } 
.mCombination .evCon2 .reveiw_wrap { display: flex; flex-wrap: wrap; gap: 9px; justify-content: center; align-items: center; } 
.mCombination .evCon2 .reveiw_wrap li { width:43.5%; border: 1px solid; padding: 22px 24px; background: #fff; border-radius: 3px; } 
.mCombination .evCon2 .reveiw_wrap .check_img { display: block; margin-bottom: 8px; } 
.mCombination .evCon2 .reveiw_wrap .review_text { color: #212121; font-size: 14px; font-weight: 700; margin-bottom: 8px; } 
.mCombination .evCon2 .reveiw_wrap .review_name { color: #B3B3B3; font-size: 14px; } 
.mCombination .evCon2 .noti_tiny { display: block; margin-right: 66px; color: #818181; text-align: right; font-size: 12px; font-weight: 400; margin-top: 15px; } 

/* con3 */
.mCombination .evCon3 .main_text { font-weight: 400; margin-bottom: 50px; } 
.mCombination .evCon3 .eventVideo.video_renewal { margin: 0 -30px 50px; } 


/* con4 */
.mCombination .evCon4 { background: #F8F8F8; } 
.mCombination .evCon4 .main_text { margin-bottom: 60px; font-weight: 400; } 
.mCombination .evCon4 .book_img { margin-bottom: 126px; } 
.mCombination .evCon4 .book_img_ex { margin: 0 -35px 50px; } 
.mCombination .evCon4 .btn_wrap { display: flex; align-items: center; justify-self: center; gap: 12px; margin: 0 126px; } 
.mCombination .evCon4 .btn_wrap .book_link { width: 50%; } 
.mCombination .btn_wrap .book_link a { display: block; border-radius: 4px; background: #121212; color: #fff; font-size: 16px; font-weight: 700; padding: 24px 0; } 
.mCombination .btn_wrap .book_link.white a { background: transparent; border: 1px solid #E3E6EC; color: #000; } 

/* con5 */
.mCombination .evCon5 { background: linear-gradient(180deg, #FFF 0%, #FFDADD 40%); } 

.mCombination .evCon5 .main_text { font-weight: 500; margin-bottom: 50px; } 
.mCombination .evCon5 .container_info { font-size: 18px; padding: 0px 0px; margin-bottom: 50px; background: transparent; } 
.mCombination .evCon5 .container_info .info { margin-right: 5px; } 
.mCombination .evCon5 .container_info .info .info_title::before, 
.mCombination .evCon5 .container_info .info .info_title::after { display: none; } 
.mCombination .evCon5 .container_info .info .info_title { margin-right: 6px; } 
 .mCombination .evCon5 .bg_span_event { position: absolute; width: 1140px; left: -24px; top: 152px; margin: 0; z-index: 0; } 
 .mCombination .evCon5 .gift_img { position: relative; z-index: 1; margin-bottom: 110px; } 
 .mCombination .evCon5 .sub_tit_comp { margin-bottom: 30px; } 
 .mCombination .evCon5 .store_wrap { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0 -30px 20px; } 
 .mCombination .evCon5 .store_wrap li { width: 33%; } 
.mCombination .evCon5 .store_wrap li a { border-radius: 2px; border: 1px solid #E3E6EC; background: #FAFAFC; padding: 10px; display: block; font-size: 13px; font-weight: 400; display: block; } 
 .mCombination .evCon5 .step_img { margin: 0 -35px 30px; } 
 .mCombination .evCon5 .btn_wrap { margin: 0 290px 90px; } 
.mCombination .evCon5 .btn_wrap a { border-radius: 0px; } 

.mCombination .evSection.evCon5.off { position: relative; } 
.mCombination .evCon5.off::after { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.6; position: absolute; left: 0%; top: 0%; z-index: 1; } 

/* warn */

.mCombination .eventWrap .evWarning { padding: 40px 0; background-color: #FAFAFC; } 

.mCombination .eventWrap .w_tit { color: #121212; font-family: NotoSans KR; font-size: 14px; font-weight: 500; } 
 .mCombination .warningList > li { margin-top: 10px; } 
 .mCombination .warningList li { font-size: 13px; color: #000000; color: #7E8B9A; font-family: NotoSans KR; font-size: 12px; font-weight: 400; line-height: 180%; } 
 .mCombination .warningList li ul li a { padding: 2.5px 3px; text-decoration: underline; } 

/* pop */
[class*=mg_popup_wrap] .content_area .content_inner { padding: 20px 20px; } 
.mg_s_info li:before { display: none; } 
input.certify_url { width: 100%; border-radius: 0px; border: 1px solid #d0d0d0; padding: 5px 5px; } 
.mg_s_info { margin-top: 15px; color: #999;} 
.mg_s_info li { font-size: 13px; margin-top: 6px; } 
.mg_info_wrap { margin-top: 15px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap { margin-top: 20px; } 
[class*=mg_popup_wrap] .content_area .content_inner { padding: 20px 20px; } 
.mg_filebox .filebtn label {
    background-color: #777777;
}
.mg_terms strong,.mg_terms,.mg_chk_base {

    color: #999;
}

@media screen and (max-width: 1200px) { /* °øÅë */
.mCombination .br_1200 { display: block; } 
.mCombination .br_1200_none { display: none; } 
.mCombination .con_tit { margin-bottom: 3%; font-size: 44px; line-height: 49px; padding: 0 8%; } 
.mCombination .mini_tit { font-size: 26px; } 
.mCombination .sub_tit { font-size: 21px; } 
.mCombination .main_text { font-size: 23px; margin-bottom: 5%; } 
.mCombination .sub_text { font-size: 24px; } 

.mCombination .eventWrap .evSection .inner { padding: 10% 0; } 
.mCombination .event_end { right: 2%; top: 14%; width: 22%; } 
.mCombination .quick_banner { display: none; } 


/* con1 */
.mCombination .eventWrap .evSection.evCon1 .inner { padding: 5% 0 0; } 
.mCombination .evCon1 .tea_img_con1 { margin: 0 0px 0 0px; padding: 0 12% 0 0%; } 
.mCombination .evCon1 h3 { top: 22%; right: 3%; width: 35%; } 
.mCombination .evCon1 .small_text_con1 { font-size: 18px; top: 71%; right: 7%; } 

/* con2 */
.mCombination .eventWrap .evSection.evCon2 .inner { padding: 10% 0 10%; } 
.mCombination .evCon2 .obj_say_img { top: 20%; } 
.mCombination .evCon2 .say_box { top: 5%; left: 50%; width: 100%; transform: translateX(-50%) !important; } 
.mCombination .evCon2 .tea_img_con2 { margin-bottom: 3%; } 

/* con3 */
.mCombination .evCon3 .eventVideo.video_renewal { margin: 0 0px 0px; } 
.mCombination .evCon3 .main_text { margin-bottom: 5%; } 

/* con4 */
.mCombination .evCon4 .main_text { margin-bottom: 5%; } 
.mCombination .evCon4 .book_img { margin-bottom: 8%; padding: 0 6%; } 
.mCombination .sub_tit_comp { font-size: 25px; margin-bottom: 5%; } 
.mCombination .evCon4 .book_img_ex { margin: 0 0px 5%; padding: 0 6%; } 

/* con5 */
.mCombination .evCon5 .main_text { margin-bottom: 3%; } 
.mCombination .evCon5 .gift_img { margin-bottom: 8%; padding: 0 7%; } 
.mCombination .evCon5 .bg_span_event { width: 90%; left: 50%; top: 9%; transform: translateX(-50%); } 
.mCombination .evCon5 .sub_tit_comp { margin-bottom: 3%; } 
.mCombination .evCon5 .store_wrap { gap: 1%; margin: 0 0px 2%; } 
.mCombination .evCon5 .step_img { margin: 0 0px 3%; } 
.mCombination .evCon5 .btn_wrap { margin: 0 28% 8%; } 

/* pop */
[class*=mg_popup_wrap] .content_area .content_inner { height: 690px; overflow: auto; } 
 }

@media screen and (max-width: 992px) { /* °øÅë */
 .mCombination .br_992 { display: block; } 
 .mCombination .br_992_none { display: none; } 
 .mCombination .con_tit { font-size: 34px; line-height: 41px; } 
 .mCombination .mini_tit { font-size: 22px; } 
 .mCombination .sub_tit { font-size: 18px; } 
 .mCombination .main_text { font-size: 20px; } 
 .mCombination .sub_text { font-size: 22px; } 


 /* con1 */
 .mCombination .evCon1 .tea_img_con1 { padding: 0 22% 0 0%; } 
.mCombination .evCon1 .small_text_con1 { font-size: 14px; top: 76%; right: 7%; } 

/* con4 */
.mCombination .evCon4 .book_img { padding: 0 2%; } 
.mCombination .sub_tit_comp { font-size: 23px; } 
.mCombination .evCon4 .book_img_ex { padding: 0 3%; } 
.mCombination .evCon4 .btn_wrap { gap: 2%; margin: 0 3%; } 
.mCombination .btn_wrap .book_link a { font-size: 15px; padding: 6% 0; } 
.mCombination .evCon4 .main_text { font-weight: 700; } 

/* con5 */
.mCombination .evCon5 .mini_tit { font-size: 19px; } 
 }

@media screen and (max-width: 768px) { /* °øÅë */
 .mCombination .br_768 { display: block; } 
 .mCombination .br_768_none { display: none; } 
 .mCombination .con_tit { font-size: 32px; line-height: 44px; padding: 0 1%; } 
 .mCombination .mini_tit { font-size: 18px; } 
 .mCombination .sub_tit { font-size: 15px; } 
 .mCombination .main_text { font-size: 1.7rem; font-weight: 400; } 
 .mCombination .sub_text { font-size: 19px; } 

 .mCombination .event_end { top: 12%; width: 39%; } 

 .mo { display: block !important; } 
 .pc { display: none !important; } 

 /* con1 */
 .mCombination .evCon1 { background: url(https://image.megagong.net/m/2023/1117_note/bg_con1_mo.png) no-repeat center center; background-size: cover; } 
 .mCombination .eventWrap .evSection.evCon1 .inner { padding: 8% 0 0; } 
 .mCombination .evCon1 h3 { width: 100%; position: relative; right: inherit; top: inherit; padding: 0 8%; margin-bottom: 5%; } 
 .mCombination .evCon1 .small_text_con1 { font-size: 1.7rem; width: 100%; text-align: center; top: inherit; right: inherit; position: relative; } 
.mCombination .evCon1 .tea_img_con1 { padding: 0 0% 0 0%; width: 104%; margin-left: -2%; } 

/* con2 */

.mCombination .evCon2 { background: url(https://image.megagong.net/m/2023/1117_note/bg_con2_mo.png) no-repeat center center; background-size: cover; } 
.mCombination .evCon2 .main_text { margin-bottom: 6%; } 

.mCombination .evCon2 .tea_img_con2 { padding: 0 0%; margin-top: 10%; } 
.mCombination .evCon2 .say_box { width: 85%; top: 0%; } 
.mCombination .evCon2 .reveiw_wrap.mo { transform: translateX(4%); } 
.mCombination .evCon2 .reveiw_wrap .review_text { font-size: 1.3rem; margin-bottom: 3%; } 
.mCombination .evCon2 .reveiw_wrap .review_name { font-size: 12px; } 
.mCombination .evCon2 .reveiw_wrap li { width: 70%; padding: 5% 2%; border-radius: 0px; } 
.mCombination .evCon2 .noti_tiny { margin-right: 0px; margin-top: 2%; } 

 /* con3 */
 .mCombination .evCon3 .con_tit { margin-bottom: 5%; } 
 .mCombination .evCon3 .main_text { font-weight: 700; margin-bottom: 11%; } 

 /* con4 */
 .mCombination .evCon4 .main_text { margin-bottom: 3%; } 
 .mCombination .evCon4 .book_img { padding: 0 0%; margin-bottom: 0%; } 
.mCombination .sub_tit_comp { display: none; } 
.mCombination .evCon4 .book_img_ex { margin: 0 0px 0%; } 
.mCombination .evCon4 .btn_wrap { display: block; } 
.mCombination .evCon4 .btn_wrap .book_link { width: 100%; } 
.mCombination .evCon4 .btn_wrap .book_link:nth-child(1) { margin-bottom: 10px; } 
.mCombination .btn_wrap .book_link a { font-size: 1.4rem; padding: 5% 0px; border-radius: 50px; } 
.mCombination .btn_wrap .book_link.white a { background: white; border: 0.5px solid #000000; color: #000; } 

/* con5 */
.mCombination .evCon5 { background: linear-gradient(180deg, #FFF 0%, #FFF2F3 100%); } 
.mCombination .evCon5 .mini_tit { font-size: 1.4rem; color: #ff4552; } 
.mCombination .evCon5 .container_info { font-size: 1.4rem; margin-bottom: 2%; } 
.mCombination .evCon5 .main_text { font-size: 1.4rem; color: #ff4552; font-weight: 700; margin-bottom: 7%; } 
.mCombination .evCon5 .gift_img { padding: 0 11%; } 
.mCombination .evCon5 .sub_tit_comp { display: block; } 
.mCombination .evCon5 .store_wrap li a { padding: 3% 0px; font-size: 1rem; } 
.mCombination .evCon5 .btn_wrap { margin: 0 3% 15%; } 
.mCombination .evCon5 .step_img { margin: 0 0px 4%; } 
 }
@media screen and (max-width: 576px){
 .mCombination.dim_popup.sns { width:90% } 

 /* °øÅë */
 .mCombination .br_576 { display: block; } 
 .mCombination .br_576_none { display: none; } 
 .mCombination .sub_tit { font-size: 13px; } 
 .mCombination .con_tit { font-size: 23px; line-height: 30px; padding: 0 0%; } 
 .mCombination .mini_tit { font-size: 15px; display: block; line-height: 20px; } 
 .mCombination .main_text { font-size: 16px; } 
 .mCombination .sub_text { font-size: 15px; } 

 .mCombination .event_end { top: 11%; width: 48%; } 

 /* con1 */
 .mCombination .evCon1 h3 { padding: 0 3%; } 
.mCombination .evCon1 .small_text_con1 { font-size: 1.3rem; } 

/* con2 */
.mCombination .eventWrap .evSection.evCon2 .inner { padding: 15% 0 15%; } 
.mCombination .evCon2 .reveiw_wrap li { width: 84%; padding: 6% 2%; } 
.mCombination .evCon2 .reveiw_wrap .review_text { font-size: 1rem; } 
.mCombination .evCon2 .reveiw_wrap .review_name { font-size: 11px; } 

/* con5 */
.mCombination .eventWrap .evSection.evCon5 .inner { padding: 19% 0; } 
.mCombination .evCon5 .con_tit { margin-bottom: 6%; } 
.mCombination .evCon5 .mini_tit { font-size: 1.2rem; } 
.mCombination .evCon5 .container_info { font-size: 1.1rem; } 
.mCombination .evCon5 .main_text { font-size: 1.1rem; margin-bottom: 9%; } 
.mCombination .evCon5 .gift_img { padding: 0 7%; } 
.mCombination .evCon5 .sub_tit_comp { font-size: 1.4rem; margin-bottom: 5%; } 
.mCombination .btn_wrap .book_link a { font-size: 1.2rem; padding: 6% 0px; } 


 /* pop */
 [class*=mg_popup_wrap] .content_area .content_inner { padding: 3%; } 
[class*=mg_popup_wrap] .b_tit { font-size: 20px; } 
.b_tit + .mg_tb_wrap, .s_tit + .mg_tb_wrap { margin-top: 4%; } 
.mg_tb_form th { font-size: 12px; } 
.mg_tb_form th, .mg_tb_form td { font-size: 12px; } 
.mg_s_info li { font-size: 12px; margin-top: 4px; line-height: 13px; } 
.mg_terms { padding: 3%; font-size: 13px; } 
 }

 @media screen and (max-width: 375px) { /* °øÅë */
 .mCombination .br_375 { display: block; } 
 .mCombination .br_375_none { display: none; } 
 }
/* E: °øÀ¯ÇÏ±â ÀÌº¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
