@charset "euc-kr"; 

.main {background-image:url('https://img.megagong.net/m/2023/0103_360/main_bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.main h3 {margin-left:-10px}

.banner {display:block; padding:18px 0; background-color:#000000}
.banner h3 {display:flex; flex-direction:row; align-items:center; justify-content:center}
.banner .when {height:34px; line-height:32px; margin-right:35px; padding:0 30px; color:#000000; font-size:16px; font-weight:bold; background-color:#fee8c1; border-radius:30px}
.banner .when br {display:none}
.banner .banner_title {color:#fee8c1; font-size:22px; font-weight:bold}
.banner .banner_title > img {margin-left:15px}


/* °øÅë¿ä¼Ò */
.evSection .con_tit {line-height:1.3; color:#000; font-weight:900}
.evSection .con_tit .pink {color:#ff6384}
.evSection .con_tit .mini_title {display:inline-block; margin-bottom:25px; padding:10px 70px; color:#fff; font-size:28px; font-weight:400; background-color:#000; border-radius:30px}
.evSection .con_box .event_subtitle {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; margin-top:80px}
.evSection .con_box .event_subtitle .line {flex:1; height:18px; border-top:1px solid #555555}
.evSection .con_box .event_subtitle .line:first-of-type {border-left:1px solid #555555}
.evSection .con_box .event_subtitle .line:last-of-type {border-right:1px solid #555555}
.evSection .con_box .event_subtitle .center {margin-top:-20px; padding:0 25px; color:#000000; font-size:28px; font-weight:900}
.evSection .con_box .event_subtitle .center span {position:relative; padding:0 10px; z-index:1; box-shadow:inset 0 -10px #ffc391}


/* tab */
.tab {width:100%; background-color:#f9b9a8; z-index:3}
.tab.topBn.on {position:fixed; top:0; left:0}
.tab .tabMenu {display:flex; flex-direction:row; align-items:center; justify-content:center}
.tab .tabMenu li {display:flex; flex-direction:row; align-items:center; justify-content:center; flex:1; height:100px; color:#fde5df; font-size:24px; font-weight:bold}
.tab .tabMenu li a {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; height:100%}
.tab .tabMenu li.on {color:#000000; background-color:#fff}

.tab_wrapper {position:relative;background-color: #000000;z-index:4}
.tab_wrapper.on{padding-top:100px}
.tab_wrapper .tab_base {background-color:#000; z-index:4}
.tab_wrapper .tab_base.on {position:fixed; top:0; left:0; width:100%}
.tab_wrapper .tab_base ul {display:flex;flex-direction:row;align-items:center;justify-content:center;} 
.tab_wrapper .tab_base ul li {display:flex; flex-direction:row; align-items:center; justify-content:center; flex:1; height:100px; color:#fff; font-size:22px; font-weight:normal; opacity:0.3}
.tab_wrapper .tab_base ul li a {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; height:100%; position:relative}
.tab_wrapper .tab_base ul li:nth-child(1) a{padding-right:85px}
.tab_wrapper .tab_base ul li:nth-child(1) a.i_off{padding-right:0}
.tab_wrapper .tab_base ul li br.for_mo{display:none}
.tab_wrapper .tab_base ul li.on {background-color:#322f42; opacity:1; font-weight:bold}
.tab_wrapper .tab_base ul li a i{position:absolute; top:8px; right:40px; background:#5361ff; color:#fff; font-size:14px; font-style:normal; line-height:1.2; border-radius:100%; width:84px; height:84px; display:flex; justify-content:center; align-items:center; font-weight:normal}



/* visual */
.visual{position:relative; background:#fff url(https://img.megagong.net/m/2023/0322_lawexam/con_img22.png) repeat 0 0 !important; padding:0 0 140px}
.visual .round{letter-spacing:0; background:url(https://img.megagong.net/m/2023/0322_lawexam/con_img1.png) no-repeat center 0; font-size:24px; padding:178px 0 0 0; width:550px; margin:0 auto; font-weight:bold; font-weight:normal}
.visual .round span{display:block; position:relative; background:#5361ff; color:#fff; border-radius:30px; padding:12px 0}
.visual::before{content:''; background:url(https://img.megagong.net/m/2023/0322_lawexam/con_img3.png) no-repeat 0 0; position:absolute; bottom:0; left:50%; width:482px; height:409px; margin:0px 0 0 525px; z-index:1}
.visual .charact_wrap{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; margin:0 15px}
.visual .charact_wrap .item{position:relative; background:#e7e7e7; border-radius:20px; margin:0 1%; width:31.3%; padding:40px 0}
.visual .charact_wrap .item::before{content:''; background:url(https://img.megagong.net/m/2023/0322_lawexam/con_img5.png) no-repeat 0 center; position:absolute; top:0; left:-125px; width:234px; height:100%; z-index:1}
.visual .charact_wrap .item:nth-child(1):before{display:none}
.visual h3{position:relative; margin:0 -90px 0}

/* evCon1 */
.evCon1{padding:0; background:#322f42}
.evCon1 .comment_wrap{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start; width:900px; margin:0 auto 0px}
.evCon1 .comment_wrap .item{width:430px; background:#fff; margin:0 10px 20px; border-radius:20px}




/* evCon2 */
.evCon2{padding:0 0 150px}
.evCon2 .slick-arrow{display:none !important}
.evCon2 .teacher{}
.evCon2 .review_slide{width:1160px; margin:0 0 0 -40px; overflow:hidden; border-radius:20px; box-shadow:0px 10px 10px 0px rgba(0,0,0,7%)}
.evCon2 .review_slide * {line-height:0}
.evCon2 .review_slide .item{position:relative}
.evCon2 .review_slide .item::before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#e5e5e5}
.evCon2 .review_slide .slick-current .item::before{display:none}
.evCon2 .btn{}
.evCon2 .btn a{}





/* À̺¥Æ® °øÅë¿ä¼Ò */
.event .inner {position:relative}
.event .inner .fin {position:absolute; top:200px; right:110px; z-index:1}
.event.event3 .inner .fin{top:55px; right:0}
.event .con_tit {line-height:1.2; color:#000000; font-size:60px; font-weight:900}
.event .con_tit > img {display:block; margin:0 auto 30px}
.event .con_tit span {color:#fff}




/* À̺¥Æ®1 */
.event1 {padding:160px 0; background-color:#f7a4a4}
.event1 .con_box {display:flex; flex-direction:column; align-items:center; justify-content:center}
.event1 .con_box > p {margin-top:30px; margin-bottom:60px; color:#000000; font-size:25px; font-weight:300}
.event1 .con_box > p span {color:#ff0036}
.event1 .con_box .container_info {display:inline-flex; padding:12px 70px; color:#000000; font-size:21px; background-color:#f9b6b6}
.event1 .con_box .gift {display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; margin:70px 0 100px 0}
.event1 .con_box .event_subtitle {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; margin-top:25px}
.event1 .con_box .event_subtitle .line {flex:1; height:18px; border-top:1px solid #555555}
.event1 .con_box .event_subtitle .line:first-of-type {border-left:1px solid #555555}
.event1 .con_box .event_subtitle .line:last-of-type {border-right:1px solid #555555}
.event1 .con_box .event_subtitle .center {margin-top:-20px; padding:0 25px; color:#000000; font-size:28px; font-weight:900}
.event1 .con_box .step_wrapper {display:flex; flex-direction:row; align-items:center; justify-content:center; margin:20px 0 100px 0}
.event1 .con_box .step_wrapper > img:nth-of-type(2),
.event1 .con_box .step_wrapper > img:nth-of-type(4) {margin:0 -10px; z-index:1}
.event1 .con_box .apply_wrapper {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; margin:20px 0 100px 0; background-color:#ffffff; border:7px solid #fff; border-radius:20px}
.event1 .con_box .apply_wrapper .apply_info {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; flex:1; padding-left:45px}
.event1 .con_box .apply_wrapper .apply_info .apply_info_title {position:relative; display:inline-block; margin-bottom:30px; padding:0 5px; color:#000000; font-size:32px; font-weight:900; text-align:left; z-index:1; box-shadow:inset 0 -10px #ffc391}
.event1 .con_box .apply_wrapper .apply_info ul {display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start}
.event1 .con_box .apply_wrapper .apply_info ul li {position:relative; width:34%; padding-left:15px; color:#222222; font-size:19px; text-align:left}
.event1 .con_box .apply_wrapper .apply_info ul li:first-of-type {width:100%}
.event1 .con_box .apply_wrapper .apply_info ul li::before {position:absolute; top:13px; left:0; content:''; width:3px; height:3px; background-color:#000; border-radius:50%}
.event1 .con_box .apply_wrapper .apply_btn {padding:40px; background-color:#f0f0f0; border-left:1px dashed #b4b4b4}
.event1 .con_box .apply_wrapper .apply_btn button {display:flex; flex-direction:row; align-items:center; justify-content:center; width:310px; height:50px; margin-top:19px; color:#fff; font-size:21px; font-weight:bold; font-family:'NotoSans KR'; background-color:#ff6384}
.event1 .con_box .eventVideo.for_youtube {position:relative; width:100%; margin-top:20px}
.event1 .con_box .eventVideo.for_youtube .ytb_thumb {z-index:2}
.event1 .con_box .eventVideo.for_youtube .ytb_thumb > div {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:95px; color:#fff; font-size:40px; font-weight:bold; text-align:left}
.event1 .con_box .eventVideo.for_youtube .ytb_thumb > div > img {margin-top:30px}
.event1 .con_box .eventVideo.for_youtube .ytb_thumb .pink {color:#ff6384}
.event1 .con_box .eventVideo.for_youtube .ytb_thumb .count {display:flex; flex-direction:row; align-items:center; justify-content:center; width:135px; height:45px; margin-bottom:10px; color:#ffffff; font-size:26px; font-weight:bold; border-radius:30px; background-color:#ff6384}
.event1 .con_box .btn_wrapper {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%}
.event1 .con_box .btn_wrapper button {flex:1; height:72px; margin-right:15px; color:#fff; font-size:20px; font-weight:bold; font-family:'NotoSans KR'; background-color:#000000}
.event1 .con_box .btn_wrapper button:last-of-type {margin-right:0; background-color:#ff6384}
.event1 .con_box .notice {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; margin-top:40px; padding:22px 0; border:1px solid #222222}
.event1 .con_box .notice > img {margin-right:30px}
.event1 .con_box .notice ul {display:flex; flex-direction:column; align-items:flex-start; justify-content:center}
.event1 .con_box .notice ul li {margin-bottom:5px; color:#222222; font-size:16px; font-weight:300; text-align:left}
.event1 .con_box .notice ul li:last-of-type {margin-bottom:0}

/* 2023_03_09 ¿ö½Ì */
.container_info .info .info_date{/* font-weight:bold; */
/* font-weight:200; */
}
.event1 .con_box .container_info .info .noti{color:#ff6384; font-weight:bold}
.event1 .con_box .event_subtitle.custom{width:81%}
.event1 .con_box .step_wrapper{margin-bottom:50px}
.event1 .con_box .btn_wrap{margin-bottom:80px}
.event1 .con_box .update{width:100%; margin-top:20px}
.evCon4 .con_box .eventVideo.for_youtube {position:relative; width:100%; margin-top:20px}
.evCon4 .con_box .eventVideo.for_youtube .ytb_thumb {z-index:2}
.evCon4 .con_box .eventVideo.for_youtube .ytb_thumb > div {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:95px; color:#fff; font-size:40px; font-weight:bold; text-align:left}
.evCon4 .con_box .eventVideo.for_youtube .ytb_thumb > div > img {margin-top:30px}
.evCon4 .con_box .eventVideo.for_youtube .ytb_thumb .pink {color:#ff6384}
.evCon4 .con_box .eventVideo.for_youtube .ytb_thumb .count {display:flex; flex-direction:row; align-items:center; justify-content:center; width:135px; height:45px; margin-bottom:10px; color:#ffffff; font-size:26px; font-weight:bold; border-radius:30px; background-color:#ff6384}
.evCon4 .con_box .btn_wrapper {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%}
.evCon4 .con_box .btn_wrapper button {flex:1; height:72px; margin-right:15px; color:#fff; font-size:20px; font-weight:bold; font-family:'NotoSans KR'; background-color:#000000}
.evCon4 .con_box .btn_wrapper button:last-of-type {margin-right:0; background-color:#ff6384}
.evCon4 .con_box .notice {display:flex; flex-direction:row; align-items:center; justify-content:center; width:100%; margin-top:40px; padding:22px 0; border:1px solid #222222}
.evCon4 .con_box .notice > img {margin-right:30px}
.evCon4 .con_box .notice ul {display:flex; flex-direction:column; align-items:flex-start; justify-content:center}
.evCon4 .con_box .notice ul li {margin-bottom:5px; color:#222222; font-size:16px; font-weight:300; text-align:left}
.evCon4 .con_box .notice ul li:last-of-type {margin-bottom:0}


/* À̺¥Æ®2 */
.event2 {padding:140px 0; background-color:#c496f0}
.event2 .con_box {display:flex; flex-direction:column; align-items:center; justify-content:center}
.event2 .con_box .point, .event3 .con_box .point{margin-top:30px; margin-bottom:60px; color:#fff; font-size:25px; font-weight:normal}
.event2 .con_box .point br.mo_for, .event3 .con_box .point br.mo_for{display:none} 
.event2 .con_box .point .tiny{font-size:15px; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; display:block; font-weight:normal; padding:15px 0 0}
.event2 .con_box .container_info {/* display:inline-flex; */padding:12px 70px; /* font-size:21px; */background-color:#d6b6f5}
.event2 .con_box .container_info .info .info_title::before,
.event2 .con_box .container_info .info .info_title::after {background-color:#333}
.event2 .con_box .event2_btn, .event3 .con_box .event3_btn {display:flex; flex-direction:row; align-items:center; justify-content:center; color:#fff; font-size:24px; font-weight:bold; background:#000; border-radius:10px; padding:28px 86px; font-family:inherit}
.event2 .con_box .event2_btn.end {background-color:#777}


/* À̺¥Æ®3 */
.event3 {padding:140px 0; background-color:#5361ff}
.event3 .con_box {display:flex; flex-direction:column; align-items:center; justify-content:center}
.event3 .con_box > p {/* margin-top:30px; *//* margin-bottom:140px; *//* color:#fff; *//* font-size:25px; *//* font-weight:normal; */} 
.event3 .con_box .container_info {/* display:inline-flex; *//* padding:12px 70px; *//* color:#333333; *//* font-size:21px; *//* background:inherit; *//* color:#fff; */background:inherit; display:flex; flex-direction:column; align-items:flex-start; padding:0; width:100%; margin:0 0 165px 40px}
.event3 .con_box .container_info .info + .info{margin-top:13px}
.event3 .con_box .container_info .info .info_title{width:107px; text-align:left; margin-right:37px}
.event3 .con_box .container_info .info .info_title::before,
.event3 .con_box .container_info .info .info_title::after {/* background-color:#333; */} 
.event3 .con_box .container_info .info .info_date{font-weight:200}
.event3 .con_box .container_info .info .noti{color:#fff; opacity:0.6}
.event3 .con_box .container_info .gift{position:absolute; top:205px; right:0}
.event3 .con_box .event2_btn {display:flex; flex-direction:row; align-items:center; justify-content:center; width:451px; height:96px; margin-top:70px; color:#fff; font-size:26px; font-weight:bold; font-family:'NotoSans KR'; background-color:#000000}
.event3 .con_box .event2_btn.on {background-color:#bababa}


/* À̺¥Æ®2 Æ˾÷ */
.mg_popup_wrap .m_tit {margin-bottom:15px; color:#000000; font-size:30px; font-weight:bold}
.mg_popup_wrap .sub_text {margin-bottom:25px; line-height:1.4; color:#333333; font-size:15px; font-weight:bold; text-align:center}
.mg_popup_wrap .sub_text .pink {color:#e45c6c}
.mg_popup_wrap table {margin-bottom:30px; border-top:1px solid #000; border-bottom:1px solid #000}
.mg_popup_wrap table tr {height:50px; border-bottom:1px solid #d0d0d0}
.mg_popup_wrap table tr:last-of-type {border-bottom:0}
.mg_popup_wrap table tr th {width:120px; background-color:#f5f5f5; text-align:center; border-right:1px solid #d0d0d0}
.mg_popup_wrap table tr th,
.mg_popup_wrap table tr td {padding:0 10px; font-size:13px}
.mg_popup_wrap table + p {margin-bottom:8px; color:#333333; font-size:15px; font-weight:bold}
.mg_popup_wrap .s_info {margin-bottom:30px; padding:17px; border:1px solid #000}
.mg_popup_wrap .s_info li {color:#000000; font-size:13px}
.mg_popup_wrap .s_info li a {color:#e45c6c; text-decoration:underline}



/* À̺¥Æ® À¯ÀÇ»çÇ× */
.eventWrap .evWarning {padding:65px 0}
.warningList > li.w_tit {font-weight:bold}
.warningList > li {margin-top:15px}
.warningList li ul li a.tp1 {color:#5361ff; font-size:inherit; text-decoration:underline; background-color:transparent}
.warningList li ul li.mint{color:#00a5b0; font-weight:bold}


/* Æ˾÷ Ä¿½ºÅÒ */
#popupSms {width:560px}
#popupSaleNoti {width:700px}
#popupCertified {width:700px}
#popupApplyPop {width:900px}
#popupCertified table {margin-bottom:0}
#popupCertified .mg_tb_wrap {border-bottom:0}
#popupCertified  .s_info {border:0}
.mg_popup_wrap .s_info li{/* color:#b5b5b6; */}


[class*=mg_popup_wrap].popupSaleNoti{}
[class*=mg_popup_wrap].popupSaleNoti .content_inner{padding:0 0 30px}
[class*=mg_popup_wrap].popupSaleNoti .m_tit{background:#000; color:#fff; font-size:20px; padding:13px 0; margin:0 0 30px}
[class*=mg_popup_wrap].popupSaleNoti .s_tit{margin:0 20px 10px; text-align:left}
[class*=mg_popup_wrap].popupSaleNoti .s_info{text-align:left; border:0; padding:0 0 0; margin:0 20px 20px; font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
[class*=mg_popup_wrap].popupSaleNoti .s_info li{color:#676767}
[class*=mg_popup_wrap].popupSaleNoti .s_info li span{}


[class*=mg_popup_wrap].popupApplyPop .m_tit{
    background: #000;
    color: #fff;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    letter-spacing: 0;
    margin: 0 0 40px;
}
[class*=mg_popup_wrap].popupApplyPop .content_area .content_inner{padding: 0 0 50px;}
[class*=mg_popup_wrap].popupApplyPop .app_tab{position:relative;display: flex;margin: 0 40px 20px;}
[class*=mg_popup_wrap].popupApplyPop .app_tab ul{border-bottom:1px solid #000;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin: 0 0 0 -5px;}
[class*=mg_popup_wrap].popupApplyPop .app_tab ul li{/* margin: 0 1px 0px 5px; */}
[class*=mg_popup_wrap].popupApplyPop .app_tab ul li+li{
    margin: 0 0 0 5px;
}
[class*=mg_popup_wrap].popupApplyPop .app_tab ul li a{display:block;font-size: 16px;font-weight:bold;padding: 15px 53px;background: #f5f5f5;color: #8a8a8a;border: 1px solid #c3c3c3;border-width: 1px 1px 0;}
[class*=mg_popup_wrap].popupApplyPop .app_tab ul li.on a{background: #fff;color: #000;border-color: #737373;margin: 0 0 0px;position: relative;}
[class*=mg_popup_wrap].popupApplyPop .app_tab ul li.on a::before{content:'';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: #fff;}
[class*=mg_popup_wrap].popupApplyPop .app_tab .time{position:absolute;top: 4px;right:0;font-size: 16px;font-weight:bold;background: #ededed;border-radius: 20px;padding: 12px 23px;}
[class*=mg_popup_wrap].popupApplyPop .app_tab .time strong{color: #e45c6c;}

[class*=mg_popup_wrap].popupApplyPop .app_tabcont{margin: 0 40px 30px;}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info{font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;border: 0;background: #f5f5f5;margin: 0 0px 25px;padding: 30px;}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info dt{font-weight:bold; margin:0 0 10px}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info dd{text-indent:-15px;padding: 3px 0 0 15px;line-height:1.2}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info dd:nth-child(5){color:#e45c6c}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap{position:relative}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .tit{border-left: 2px solid #000;font-size:15px;font-weight:bold;padding:0 0 0 6px;margin:0 0 10px}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap{position:relative;padding:0 0 0 6%;border: 1px solid #cccccc;margin:0 0 20px}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag{position:absolute; top:0; left:0; width:6%}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li{}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li+li{display:none}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li span{display:block;height:30px;background: #ededed;display:flex;justify-content:center;align-items:center}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li .num{border-bottom: 1px solid #cccccc;}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li .ipu{background: #fff;}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu{display:flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; text-align:center}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li{width:calc(100% / 25);border-left: 1px solid #cccccc;}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(6), [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(11), [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(16),[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(21){
    border-color: #555555;
}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li span{height:30px; display:flex; justify-content:center; align-items:center}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li .num{border-bottom: 1px solid #cccccc;background: #ededed;}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li .ipu{padding:0 5px}
[class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li .ipu input{display:block; padding:0; width:100%; height:100%; border:0}
[class*=mg_popup_wrap].popupApplyPop .btn{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start}
[class*=mg_popup_wrap].popupApplyPop .btn a{display:block;background-color:#e45c6c;color:#fff;padding: 19px 36px;min-width: 252px;font-weight:bold;margin: 0 13px;/* min-width:170px; */text-align:center;font-size: 17px;}
[class*=mg_popup_wrap].popupApplyPop .btn a.app_end{background-color:#000}



/************************************************************************/

.cont2 {padding: 130px 0 150px;background:#322f42;}
.cont3 {padding: 140px 0 200px;background:#fff;}
.cont2 .con_tit, .cont3 .con_tit {margin:0 auto 50px; font-weight:900}
.cont2 .con_tit span, .cont3 .con_tit span {font-size:55px; color:#fff; text-align:center}
.cont3 .con_tit span {color:#000;}

.way_wrap{}
.way_wrap .con_tit{}
.way_wrap .con_tit_info{position:relative; font-size:25px; padding:20px 0 20px}
.way_wrap .con_tit_info strong{color:#f00}
.way_wrap .step{display:flex; padding:0; margin:0 -18px 40px}
.way_wrap .step dl{width:340px; margin:0 18px; position:relative; font-size:19px; background:#fff; border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; height:215px}
.way_wrap .step dl+dl::before{content:''; background:url('https://img.megagong.net/m/2023/0322_lawexam/con_img19.png') center center no-repeat; position:absolute; top:0; right:100%; width:35px; height:100%}
.way_wrap .step dl dt{font-weight:900; color:#5361ff; font-size:20px; margin:0 0 10px}
.way_wrap .step dl dd{height:110px}
.way_wrap .step dl dd strong{}
.way_wrap .step dl dd span{display:block; font-size:15px; opacity:0.6; padding:10px 0 0 0}



.sale_box{position:relative; z-index:2; margin-bottom:150px; border:1px solid #000; border-radius:20px; overflow:hidden}
.sale_box:last-of-type{margin-bottom:0}
.sale_box .sale_end{position:absolute;top: 31px;right:20px;z-index:1}
.sale_box .mo_view{display:none}
.sale_box .white{background:#fff;padding: 45px 60px 45px;position:relative;text-align:left;}
.sale_box .title{margin-bottom:5px; justify-content:flex-start; align-items:end}
.sale_box .title .wish{font-size:20px; display:block; margin-bottom:10px; font-weight:500; background:#5361ff; color:#fff; border-radius:40px; padding:3px 30px}
.sale_box .title .name{font-size:42px; display:flex; flex-direction:column; align-items:flex-start}
.sale_box .title .pop{position:absolute; bottom:20px}
.sale_box .title .pop > a{font-size:14px; line-height:1.5}
.sale_box .info p{font-size:14px;font-weight:normal;margin-bottom: 25px;color:#878787;}
.sale_box .info p.tiny_info{padding-left:30px;margin-bottom:0;}
.sale_box .info .list{}
.sale_box .info .list li{padding:1px 0 2px 30px; font-size:18px; width:auto; font-weight:500; margin-right:10px; background:url(https://img.megagong.net/m/2023/0322_lawexam/con_img20.png) 0 0 no-repeat; line-height:1; margin:0 0 11px}
.sale_box .info .list li:last-child{margin-right:0}
.sale_box .info .list li.bg_point6{background:#b4f447}
.sale_box .info .list li.bg_black{background:#000; color:#fff}

.sale_box .price{position:absolute; right:40px; bottom:60px; /* transform:translateY(50%); */padding-right:40px; font-weight:700; text-align:right}
.sale_box .price:before{content:''; display:block; position:absolute; right:0; top:0; background:url(https://img.megagong.net/m/2022/1219_pass/price_arr.png) no-repeat center; width:41px; height:36px}
.sale_box .price .origin{font-size:30px; display:block; color:#999; margin-bottom:10px}
.sale_box .price .discount{font-size:45px; font-weight:900}
.sale_box .price .total{font-size:40px; line-height:1}
/*add221230*/
.sale_box .price.ver {padding-right:0}
.sale_box .price.ver:before {display:none}
.sale_box .price.ver .origin_price {color:#5361ff; font-size:40px; line-height:120%; line-height:1}
.sale_box .price.ver .origin_price b {font-size: 69px;font-weight:900;line-height:1;}
.sale_box .price.ver .origin_price b i{font-style: normal;font-size: 0.8em;}
.sale_box .price.ver .discount_price {color:#111; font-size:25px; font-weight:700; margin-top:10px}
.sale_box .price.ver .discount_price span {color:#ca4c4d; font-size:25px; font-weight:700; line-height:120%; margin-left:5px}
.sale_box .price.ver .discount_price span b {font-size:30px; line-height:120%}

.sale_box .tiny_noti {position:absolute; right:10px; bottom:10px}
.sale_box .agree {text-align:left;border-top:1px solid #ddd;background:#eee;padding: 12px 40px;z-index:2;position:relative}
.sale_box .agree label {display:inline-block; font-size:14px; color:#9a9a9a; margin-bottom:3px}
.sale_box .agree label input {vertical-align:baseline; margin-right:9px}
.sale_box .agree span {margin-left:10px; display:inline-block}
.sale_box .agree span a {display:inline-block; padding:3px 15px; font-size:12px; color:#9a9a9a; border:1px solid #9a9a9a; font-weight:700}
.sale_box .agree span a + a {margin-left:10px}
.sale_box .book {background:#fff; display:none}
.sale_box .book.on{display:block}
.sale_box .book p {padding:15px 0px; color:#fff; font-size:20px; font-weight:500}
.sale_box .book .list{display:flex}
.sale_box .book li {margin:0; width:20%; text-align:center; border-right:1px solid #ccc; box-sizing:border-box}
.sale_box .book li:last-child {border:none}
.sale_box .book li input {display:none}
.sale_box .book li label {cursor:pointer; padding:20px 0px; font-weight:700; font-size:16px; display:block}
.sale_box .book li.on {background:#f2f2f2}
.sale_box .book li span {display:inline-block; position:relative; width:16px; height:16px; border:1px solid #999; margin:0px 5px -2px 0px}
.sale_box .book li input:checked + span::before {content:"\2713"; display:block; position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); font-size:13px; color:#2c2a58; font-weight:900}
.sale_box .book dl {text-align:left; border-top:1px solid #ccc; padding:15px 40px}
.sale_box .book dl dd {color:#a1a1a1; line-height:1.4}
.sale_box .btn.list{margin-top:0}
.sale_box .btn.list li{width:100%; margin:0}
.sale_box .btn.list li a{display:block; background:#5361ff url(https://img.megagong.net/m/2023/0322_lawexam/con_img21.png) 97% 50% no-repeat; color:#fff; font-size:22px; padding:25px 0}
.sale_box .btn.list li.end a{background:#929292; color:#575757; cursor:default}
.sale_box .pop_con {display:none; width:19.1vw; background-color:#eee; border:1px solid #111; padding:15px 20px; position:absolute; left:40px; top:50px; z-index:3; text-align:left; box-sizing:border-box; font-size:14px; color:#111; line-height:1.4; font-weight:500}
.sale_box .pop_con .close {position:absolute; top:-15px; right:5px; cursor:pointer; width:10px; z-index:5}
.sale_box .pop_dim {position:fixed; display:none; top:0px; left:0px; width:100%; height:100%; background-color:rgb(0, 0, 0); opacity:0; z-index:1}



.test_info{/* margin-top:50px; */font-size:15px;border:1px solid rgba(204,204,204, 1);background:#fff;}
.test_info th,
.test_info td {padding:10px 0}
.test_info th {font-weight:900; background:#f5f5f5; text-align:center}
.test_info td{text-align:left;border:1px solid rgba(204,204,204, 1);border-width:0 1px;padding:10px;height: 60px;}
.test_info td:last-child{border-right:none }
.test_info select{padding:2% 3%; font-size:15px}
.test_info.test_info_pop td{padding-left:0; text-align:center}


.test_info.name {margin-top:50px; overflow:hidden; box-sizing:border-box; font-size:15px; border:1px solid rgba(204,204,204, 1); background:#fff}
.test_info.name li {float:left; width:50%}
.test_info.name li h4 {float:left; width:20%; padding:17px 0; margin-bottom:0; font-weight:900; background:#f5f5f5; text-align:center}
.test_info.name li div {float:left; width:80%; text-align:left; border:1px solid rgba(204,204,204, 1); border-width:0 1px; padding:9px 10px; box-sizing:border-box}
.test_info.name li div select{padding:2% 3%; font-size:15px}





.infoBox {text-align:left;margin: 15px 0 80px;border:1px solid rgba(204,204,204, 1);background:#fff;padding:3%;font-size:16px;}
.infoBox li{position:relative; margin-bottom:5px; padding-left:17px}
.infoBox li::before{content:'\203B'; display:block; position:absolute; left:0; top:auto}
.infoBox li:last-of-type{margin-bottom:0}
.infoBox li .mg_btn_base.sm{padding:6.5px 17px; font-size:12px; background-color:#000000; border-radius:5px}
.infoBox li.bold{font-weight:bold}
.infoBox li .red{color:#f00}
.result_tit {margin:70px 0 10px; font-size:21px; color:#000; font-weight:700; line-height:120%; position:relative; text-align:left; padding-left:15px;  }
.result_tit:before {content:""; display:block; width:2px; height:19px; background:#000; position:absolute; top:3px; left:0}

.result_gubun {margin:0 0 20px}
.result_gubun::after{content:''; display:block; clear:both}
.result_gubun li {float:left; margin-right:15px; font-size:18px; color:#000; cursor:pointer}


.tab_list2 {position:relative; margin:20px 0}
.tab_list2:before {content:""; display:block; width:100%; height:1px; background:#222; position:absolute; bottom:0; left:0}
.tab_list2 li {float:left; font-size:18px; width:195px; cursor:pointer; text-align:center; font-size:18px; border-bottom:5px solid #fff; padding-bottom:5px}
.tab_list2 li.on {color:#491581; font-size:19px; font-weight:700; border-bottom-color:#491581}



.errata_tbl {margin-top:20px}
/* table common */
.tab_cont2 table{font-size:15px; border:1px solid rgba(204,204,204, 1); border-right:none; background:#fff; text-align:center}
.tab_cont2 table th,
.tab_cont2 table td{padding:10px 0; position:relative}
/* .tab_cont2 table td:last-child{border-right:none} */

.tab_cont2 table th{font-weight:900; background:rgba(245,245,245,1); border:1px solid rgba(204,204,204, 1); border-width:0 1px; background-clip:padding-box}
.tab_cont2 table th.bdt{border-width:1px 1px 0}
.tab_cont2 table td{border:1px solid rgba(204,204,204, 1)}

.tab_cont2 table th.co_mint{background-color:rgba(197,252,255); background-clip:padding-box}
.tab_cont2 table td.co_mint2{background-color:rgba(234,254,255,1); background-clip:padding-box}

.tab_cont2 table.score_box th,
.tab_cont2 table.score_box td{padding:20px 0}



/*tbl wrap + dim*/
.tblWrap {position:relative}
.tblWrap .dim_data {position:absolute; display:block; bottom:0; right:0; /*width:100%; height:100%; */ background:rgba(0, 0, 0, 0.8); z-index:2}
.tblWrap .dim_data > div {display:table; width:100%; height:100%}
.tblWrap .dim_data > div .tit {display:table-cell; vertical-align:middle}
.tblWrap .dim_data > div .tit span {display:inline-block; vertical-align:top; margin-top:3px; color:#fff600; font-size:15px; font-weight:700; word-break:break-all}

.dim_wrap {position:relative}
.dim_wrap .dim {position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); right:0; bottom:0; z-index:3}
.dim_wrap .dim span {font-size:18px; color:#fff600; font-weight:normal; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

.lds-spinner {color:official; display:inline-block; position:relative; width:25px; height:25px}
.lds-spinner div {transform-origin:12.5px 12.5px; animation:lds-spinner 1.2s linear infinite}
.lds-spinner div:after {content:" "; display:block; position:absolute; top:3px; left:7px; width:2px; height:4px; border-radius:12.5%; background:#fff}
.lds-spinner div:nth-child(1) {transform:rotate(0deg); animation-delay:-1.1s}
.lds-spinner div:nth-child(2) {transform:rotate(30deg); animation-delay:-1s}
.lds-spinner div:nth-child(3) {transform:rotate(60deg); animation-delay:-0.9s}
.lds-spinner div:nth-child(4) {transform:rotate(90deg); animation-delay:-0.8s}
.lds-spinner div:nth-child(5) {transform:rotate(120deg); animation-delay:-0.7s}
.lds-spinner div:nth-child(6) {transform:rotate(150deg); animation-delay:-0.6s}
.lds-spinner div:nth-child(7) {transform:rotate(180deg); animation-delay:-0.5s}
.lds-spinner div:nth-child(8) {transform:rotate(210deg); animation-delay:-0.4s}
.lds-spinner div:nth-child(9) {transform:rotate(240deg); animation-delay:-0.3s}
.lds-spinner div:nth-child(10) {transform:rotate(270deg); animation-delay:-0.2s}
.lds-spinner div:nth-child(11) {transform:rotate(300deg); animation-delay:-0.1s}
.lds-spinner div:nth-child(12) {transform:rotate(330deg); animation-delay:0s}
@keyframes lds-spinner {0% {opacity:1}100% {opacity:1}}

.tab_area2 {padding:0}



/* result tab */
.errata_box {margin-bottom:20px}
.tab_cont2 .tbl_box .tbl_tit2{position:relative; width:40%}
.tab_cont2 .tbl_box .tbl_tit2::before{content:''; display:block; left:0; top:50%; border:1px solid rgba(204,204,204, 1); border-width:1px 1px 0; width:99.5%; height:20px; position:absolute}
.tab_cont2 .tbl_box .tbl_tit2 span{font-weight:900; font-size:16px; padding:0 18px; position:relative; text-align:left; background:#fff}
.tab_cont2 .tbl_left{width:40%; float:left; margin-top:20px; border:1px solid #b2b2b2; padding:13px}
.tab_cont2 .tbl_left .radar_box{height:auto}
.tab_cont2 .analyze_tbl {float:right; width:55%; margin-top:20px}
#chart_radar{margin:0 auto}


/* accumulate tab */
.tab_cont2 .non_tst{text-align:right; font-weight:500; color:rgba(254,48,0,1); font-size:15px; margin:35px 0 10px}
.tab_cont2 .hyphen_red{position:relative}
.tab_cont2 .hyphen_red::before{content:''; display:block; background:rgba(254,48,0,1); width:10px; height:1px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.tab_cont2 .mytbl_box{position:relative}
.tab_cont2 .mytbl_box .dim_ing{position:relative; background:rgba(0, 0, 0, 0.5) }
.tab_cont2 .mytbl_box .dim_ing.mid::before{content:''; display:block; position:absolute; background:url(https://img.megagong.net/m/2021/1214_lyj4718/dim_ing.png) no-repeat center; width:174px; height:25px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2}
.tab_cont2 .lineWrap{/*border:1px solid rgba(204,204,204, 1); padding:10px 15px; width:100%; */}

.accumul_box {position:relative; border:1px solid rgba(204,204,204, 1); padding:50px 40px 60px; width:1080px; box-sizing:border-box}
.accumul_box h4 {position:relative}
.accumul_box h4:before {content:""; display:block; width:100%; height:1px; background:#491581; position:absolute; top:13px; left:0;  }
.accumul_box h4 span {font-weight:900; font-size:18px; padding:0 10px; position:relative; text-align:center; background:#fff; color:#491581; display:inline-block}
.accumul_box h4 span em {font-style:normal;  }

.arr_btn{z-index:1; position:absolute; top:40%; left:50%; transform:translate(-50%,-40%); margin-left:-540px}
.arr_btn.arr_nxt{left:100%; margin:0 -540px 0 0}
.arr_btn a{display:block}
.tab_cont2 dl.cautn{margin-top:10px; text-align:left; font-size:12px; color:#404141; background:#f1f2f2; padding:10px 20px; width:100%; box-sizing:border-box}

.tab_cont2 .paging{text-align:center; color:#7f7f7f}
.tab_cont2 .paging a {vertical-align:top}
.tab_cont2 .paging a, 
.tab_cont2 .paging strong {color:#7f7f7f; font-size:15px; padding:3px 5px}
.tab_cont2 .paging img{margin-top:-3px}
.tab_cont2 .paging strong{color:#000; font-weight:900}


.line_chart{margin:0 auto; /* overflow-x:scroll; */ }


.clickPop{width:490px; background:#fff; border:1px solid #000; padding:40px 10px 20px; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.dim_popup.clickPop .tit{text-align:center; margin:0 0 10px; padding:0 15px; font-size:23px; font-weight:bold}
.dim_bnrwrp_wrap table{font-size:14px}
.dim_bnrwrp_wrap table tr th, .eventWrap .dim_bnrwrp_wrap table tr td{padding:8px 5px; border:1px solid #ddd}
.dim_bnrwrp_wrap table tr th{border-color:#fff}
.dim_bnrwrp_wrap table tr th{background:#eaeaea}
.dim_bnrwrp_wrap .dim_popup table tr th, .eventWrap .dim_bnrwrp_wrap .dim_popup table tr td{word-break:break-all; text-align:center}
.dim_bnrwrp_wrap .dim_popup table tr td.con{text-align:left}
.dim_popup.clickPop .btnConfirm{text-align:center; margin:40px 0 0 0}
.dim_popup.clickPop .btnClose{position:absolute; right:10px; top:10px; background:url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size:0; width:26px; height:26px; margin:0}

.black_bg{background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92}

.apply_test {border:2px solid #000; background:#fff; position:fixed; top:50%; left:50%; z-index:93; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.apply_box {padding:30px; position:relative; width:860px; height:660px; text-align:left; overflow-y:auto}
.apply_box .tit {color:#000}
.apply_test .stit{position:relative; text-align:left; display:block; font-size:16px; color:#fff; padding:11px 15px; border-bottom:2px solid #000; background:#343434}
.apply_test .stit a{position:absolute; top:50%; right:10px; transform:translateY(-50%)}
.apply_test .stit a::before{content:"\00d7"; font-size:27px; color:#fff}
.apply_test .tit{font-size:24px; margin:0 auto 3vw; text-align:center; font-weight:900}
.apply_test table{font-size:11px; border:1px solid rgba(204,204,204, 1); background:#fff; text-align:center; margin-bottom:5px}
.apply_test table th,
.apply_test table td{padding:10px 0}
.apply_test table td:last-child{border-right:none}

.apply_test table th{font-weight:700; background:#f5f5f5; border:1px solid rgba(204,204,204, 1); border-width:0 1px}
.apply_test table td{border:1px solid rgba(204,204,204, 1)}

.apply_test .tiny{font-size:12px; color:#b2b2b2}


.apply_test .answer_tbl .s_tit{position:relative; font-size:18px; font-weight:900; margin:40px 0 5px}
.apply_test div.timeBox{text-align:right; font-size:18px; font-weight:900}

.apply_test .test_info{font-size:14px; margin-top:5px}
.apply_test .test_info td{padding-left:0; text-align:center}
.apply_test .test_info .bdt{border:1px solid rgba(204,204,204, 1); border-width:1px 1px 0}
.apply_test .answer_tbl td{padding:19px 0}
.apply_test .answer_tbl input[type=text], input[type=password], input[type=number]{border:none; padding:0; width:98%; text-align:center}
.apply_test .answer_tbl .btn_box{margin:40px auto 0; text-align:center}
.apply_test .answer_tbl h5 {font-weight:700; color:#000; font-size:18px; margin-top:20px}

.line_chart {position:relative}
.line_chart:before {content:""; display:block; position:absolute; bottom:18px; left:calc(50% - 125px); background:#f2f2f3; width:250px; height:25px; border-radius:10px}
.line_chart > div {margin-top:-75px}


.tit_new {margin-top:50px; text-align:left; font-size:16px; color:#000; font-weight:300}
.tit_new span {display:block; font-size:18px; line-height:120%; position:relative; padding-left:15px; font-weight:700}
.tit_new span:before {content:""; display:block; width:8px; height:8px; background:#000; border-radius:50%; position:absolute; top:5px; left:0}

/* tab2 ½ºÄÉÁÙ Æ˾÷ */
[class*=mg_popup_wrap].table{width:415px}
[class*=mg_popup_wrap].table table tr th{border-right:0}
[class*=mg_popup_wrap].table table tr td{text-align:center}
[class*=mg_popup_wrap].table table tr th:first-of-type,
[class*=mg_popup_wrap].table table tr td:first-of-type{border-right:1px solid #d0d0d0}


/* Á¤´ä ÀÔ·Â Æ˾÷ Ä¿½ºÅÒ */
.apply_test .btn_popclo{position:absolute; top:-51px; right:0; display:inline-block; width:36px; height:36px; background:url('https://img.megagong.net/common/btn_close_mg_popup.png') 0 0 no-repeat; font-size:0; transition:none; opacity:1; z-index:99}

.submit_btn{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.submit_btn a{background: #0082ff;color:#fff;padding: 17px 0;font-size: 18px;border-radius: 10px;margin: 0 10px;min-width: 260px;}
.submit_btn a br.for_mo{display:none}
.submit_btn a.offline{background: #111}
.submit_btn a.end{background: #999;cursor:default
}
.submit_btn a.result{background: #111}










@media screen and (max-width:1200px) {





    .eventWrap img{width:100%}

    /* °øÅë¿ä¼Ò */
    .evSection .con_tit {padding:0 17%} 
    .evSection .con_tit .mini_title {margin-bottom:22px; padding:10px 50px; font-size:24px}
    .evSection .con_box .event_subtitle {margin-top:80px}
    .evSection .con_box .event_subtitle .center {margin-top:-17px; padding:0 20px; font-size:24px}



    /* visual */
    .visual{padding: 9% 0 19%;}
    .visual::before{left:inherit; right:-9%; margin:0; width:20vw; height:37vw; background-size:100%; z-index:1; transform:rotate(-32deg); bottom:7%}
    .visual .inner{width:90%}
    .visual .round{font-size:2.4vw; margin:0 0 0; display:flex; flex-direction:row; justify-content:center; width:auto; background-size:auto 74%; background-position:center 10%; padding:19% 0 0}
    .visual .round span{padding:1% 4%; border-radius:5vw}
    .visual h3{margin:0 9%; padding:4% 0 0%}
    .visual .charact_wrap{width:auto; margin:0 10%}
    .visual .charact_wrap .item{padding:3% 4%}
    .visual .charact_wrap .item::before{width:13vw; background-size:100%; left:-31%}
    .visual .charact_wrap .item:nth-child(1):before{}


    /* evCon1 */
    .evCon1{padding:0}
    .evCon1 .comment_wrap{width:auto; margin:0 14% 6%}
    .evCon1 .comment_wrap .item{width:48%; margin:0 1% 2%; padding:0 6%}


    /* evCon2 */
    .evCon2{padding:0 0 15%}
    .evCon2 .teacher{margin:0 5%}
    .evCon2 .review_slide{width:auto; margin:0 0 0}
    .evCon2 .btn a{display:block; width:34%; margin:0 auto}



    /* À̺¥Æ® °øÅë¿ä¼Ò */
    .event .inner .fin, .event.event3 .inner .fin {width:21vw; top:0; right:0} 
    .event .con_tit {padding:0; font-size:5vw} 
    .event .con_tit > img {width:20%; margin:0 auto 2%} 




    .event1 .con_box .apply_wrapper .apply_info .apply_info_title {font-size:24px}
    .event1 .con_box .apply_wrapper .apply_info ul li {font-size:16px}


    .tab_wrapper .tab_base ul{width:100%}
    .tab_wrapper .tab_base ul li{font-size: 2.4vw;height: 10vw}
    .tab_wrapper .tab_base ul li a i{right: 3%;font-size: 1.5vw;width: 8vw;height: 8vw}

    /* event1 */
    .event1 .con_box .step_wrapper > img:nth-of-type(1),
    .event1 .con_box .step_wrapper > img:nth-of-type(3),
    .event1 .con_box .step_wrapper > img:nth-of-type(5) {width:32%}


    /* À̺¥Æ®2 */
    .event2 {padding:15% 0}
    .event2 .con_box {display:flex; flex-direction:column; align-items:center; justify-content:center}
    .event2 .con_box .point, .event3 .con_box .point{margin-top:2%; margin-bottom:5%; font-size:2.6vw}
    .event2 .con_box .point .tiny{font-size:12px}
    .event2 .con_box .container_info {padding:12px 50px; font-size:18px} 
    .event2 .con_box .container_info .info .info_title::before,
    .event2 .con_box .container_info .info .info_title::after {background-color:#333}
    .event2 .con_box .gift{padding:0 18%}
    .event2 .con_box .event2_btn, .event3 .con_box .event3_btn {padding:3% 14%; font-size:2.6vw} 
    .event2 .con_box .event2_btn.on {background-color:#bababa}


    /* À̺¥Æ®3 */
    .event3 {padding:15% 0}
    .event3 .con_box {display:flex; flex-direction:column; align-items:center; justify-content:center}
    .event3 .con_box .container_info {padding:0; font-size:18px; display:inline-flex; width:auto; margin:0 0 5%; align-content:center}
    .event3 .con_box .container_info .gift{position:relative; top:inherit; right:inherit; margin:0 auto; width:88%}
    .event3 .con_box .container_info .info .info_date{font-weight:normal}
    .event3 .con_box .container_info .info .info_title{width:90px}



    .submit_btn#ans{max-width:initial;width:100%}

    .sale_box .btn.list li.choice a::before{background-size:contain; width:10%; height:100%}

    .tiny{font-size:10px}
    .flt_inner{display:none}
    .eventWrap{font-size:15px}
    .eventWrap .inner{width:96%}

    /* common */
    .con2 .tiny,.con3 li p .tiny,.con4 .con4_btn .tiny,.con4 .timePop_wrap .tiny, .con5 .tiny, .evt1 .tiny{font-size:10px}

    .infoBox {font-size:13px;margin: 10px 0 20px;}

    /* .tab_area2{padding:8% 0}*/
    .tab_cont2{padding:0}
    .tab_list2 li{width:50%}
    .tab_cont2 dl.cautn{margin-top:3vw; font-size:12px; font-size:10px; padding:2%}
    .tab_cont2 .tbl_left,
    .tab_cont2 .tbl_box .tbl_tit2{width:44%}

    .accumul_box{width:100%; padding:3% 3% 8%}
    .tab_cont2 .non_tst{margin:8% 0 5px}
    .arr_btn{width:10%; top:50%; transform:translate(-50%,-50%); max-width:48px; width:20%}
    .arr_btn{margin-left:-48%}
    .arr_btn.arr_nxt{margin-left:-2%; }

    /*
    .evt1 .info_list{padding:1% 1% 2%; border-radius:10px}
    .evt1 .info_list li{width:100%; font-size:18px}
    .evt1 .info_list li strong::before{top:50%; transform:translateY(-50%)}
    .evt1 .info_list li strong::after{top:30%}
    .evt1 .gift{padding:5% 0 10%}
    .evt1 .evt1_btn li{margin-right:2%; width:48%}
    .evt1 .sns_list{padding:2% 0; margin-top:15%}
    .evt1 .sns_list li{width:15%; float:none; margin-left:0; display:inline-block}
    .evt1 .evtBoard_common{padding:5% 2% 3%}
    */
    .apply_test{width:90%; height:80%}
    .line_chart div[dir="ltr"]{margin:auto !important; width:100% !important}
    /* .line_chart div > svg{margin:auto !important; width:100% !important; overflow:visible !important; overflow-x:scroll !important}*/

    .cont2{padding: 8% 0 13%;}
    .cont3{padding: 11% 0 13%;}
    .cont2 .con_tit, .cont3 .con_tit {padding:0;margin: 0 0 5%;}
    .cont2 .con_tit span ,.cont3 .con_tit span  {font-size:4vw}

    .submit_btn {max-width:280px; width:50%; margin:0 auto}
    .submit_btn a{font-size: 17px;padding: 14px 0;min-width: 200px}


    .result_tit {margin-top:5vw; font-size:18px; padding-left:8px}

    .test_info th{font-weight:normal}
    .test_info td select{   width:100%; 
    }

    .apply_box{   width:100%;    height:500px;    overflow:scroll}

    .sale_box .btn.list li.choice a::before{background-size:contain; width:10%; height:100%}
    .sale_box{margin-bottom: 12%;border-radius: 10px;}
    .sale_box .sale_end{width:100px}
    .sale_box .white{padding:35px 20px 30px}
    .sale_box .title .wish{font-size:15px}
    .sale_box .title .name{font-size:28px}
    .sale_box .title .pop > a{font-size:12px}
    .sale_box .pop_con .txt {word-break:break-all; padding:0 5px 0 0}
    .sale_box .info p{font-size:13px}
    .sale_box .info .list li{padding:3px 0 5px 29px; font-size:13px; margin-right:7px; margin:0 0 7px}
    .sale_box .price{right:10px; padding-right:40px}
    .sale_box .price .origin{font-size:23px; margin-bottom:5px}
    .sale_box .price .discount{font-size:40px}
    .sale_box .agree {padding:12px 20px}
    .sale_box .agree label{font-size:13px}
    .sale_box .btn.list li a{
    padding: 18px 0;
    font-size: 19px;
}
    .sale_box .book p {font-size:16px}
    .sale_box .book li label {padding:15px 0px; font-size:14px}
    .sale_box .book li span {width:13px; height:13px}
    .sale_box .book dl {padding:15px}
    .sale_box .pop_con {display:none; width:35vw; font-size:12px; padding:10px}
    .sale_box .price.ver {padding-right:10px; bottom:33px}
    .sale_box .price .total{font-size:26px; padding:0 0 6px}
    .sale_box .price.ver .origin_price {font-size:30px;  }
    .sale_box .price.ver .origin_price b {font-size:35px}
    .sale_box .price.ver .discount_price {font-size:20px; margin-top:5px}
    .sale_box .price.ver .discount_price span {font-size:20px}
    .sale_box .price.ver .discount_price span b {font-size:25px}

    .way_wrap .step{margin:0 -2% 20px}
    .way_wrap .step dl{width:29.3%; margin:0 2%; font-size:17px; height:170px}
    .way_wrap .step dl+dl::before{width:14%; background-size:50%}
    .way_wrap .step dl dt{font-weight:bold; font-size:18px}
    .way_wrap .step dl dd{height:90px}
    .way_wrap .step dl dd strong{}
    .way_wrap .step dl dd span{font-size:13px}

    /* Æ˾÷ Ä¿½ºÅÒ */
    #popupSms {width:80%}
    #popupCertified {width:80%}
    #popupSaleNoti {width:80%}
    #popupApplyPop {width:80%}





}





@media screen and (max-width:1125px){
}





@media screen and (max-width:992px) {




    /* visual */
    .visual .round{/* font-size:30px; */}


    /* °øÅë¿ä¼Ò */
    .evSection .con_tit {} 
    .evSection .con_tit .mini_title {margin-bottom:20px; padding:10px 45px; font-size:22px}
    .evSection .con_box .event_subtitle {margin-top:7vw}
    .evSection .con_box .event_subtitle .center {margin-top:-17px; padding:0 15px; font-size:22px}



    /* event */
    .event .inner .fin {/* width:25vw; */} 


    /* event1 */
    .event1 {padding:10vw 0}
    .event1 .con_box > p {font-size:20px}
    .event1 .con_box .gift {flex-wrap:wrap; justify-content:center}
    .event1 .con_box .gift > img {width:40vw}
    .event1 .con_box .gift > img:nth-of-type(1) {margin:0 30vw}
    .event1 .con_box .gift > img:nth-of-type(2) {margin-right:30px}
    .event1 .con_box .step_wrapper,
    .event1 .con_box .apply_wrapper {margin:20px 0 7vw 0}
    .event1 .con_box .apply_wrapper {flex-direction:column}
    .event1 .con_box .apply_wrapper .apply_info {padding:30px 45px}
    .event1 .con_box .apply_wrapper .apply_btn {width:100%; border-top:1px dashed #b4b4b4; border-left:none}
    .event1 .con_box .apply_wrapper .apply_btn button {margin:0 auto; margin-top:20px}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb > div {padding:5vw; font-size:32px}
    .evCon4 .con_box .eventVideo.for_youtube .ytb_thumb > div {padding:5vw; font-size:32px}



    /* À̺¥Æ®2 */
    .event2 {} 
    .event2 .con_box {} 
    .event2 .con_box .point, .event3 .con_box .point{} 
    .event2 .con_box .point .tiny{}
    .event2 .con_box .container_info {} 
    .event2 .con_box .container_info .info .info_title::before,
    .event2 .con_box .container_info .info .info_title::after {} 
    .event2 .con_box .gift{}
    .event2 .con_box .event2_btn, .event3 .con_box .event3_btn {
    } 
    .event2 .con_box .event2_btn.on {} 


    /* À̺¥Æ®3 */
    .event3 {}
    .event3 .con_box {}
    .event3 .con_box > p {}
    .event3 .con_box .container_info {}
    .event3 .con_box .container_info .gift{}
    .event3 .con_box .container_info .info .info_date{}
    .event3 .con_box .container_info .info .info_title{}



    /* .line_chart div > svg{width:900px !important}
    .con1 .cont2 .tab_cont2 .lineWrap{overflow-x:scroll}*/
    .cont2 {/* margin-top:10vw; *//* margin-bottom:10vw; *//* padding: 0 0 0; */}
    .cont2 .con_tit span, .cont3 .con_tit span {font-size:36px}

    .con2 .dim_box p{font-size:14px}
    .con2 .dim_box p strong{font-size:20px}

    .sale_box .price{bottom:40px; transform:translateY(0)}






}





@media screen and (max-width:768px) {
    
    
    

    /* °øÅë¿ä¼Ò */
    .evSection .con_tit {padding:0 3%; margin:0} 
    .evSection .con_tit .mini_title {margin-bottom:20px; padding:7px 35px; font-size:18px}
    .evSection .con_box .event_subtitle {margin-top:7vw}
    .evSection .con_box .event_subtitle .center {margin-top:-17px; padding:0 15px; font-size:18px}


    .visual::before{display:none}
    .visual h3{margin:0 2%;padding: 6% 0;}
    .visual .round{font-size:3vw;}
    .visual .charact_wrap{margin:0 0%}
    .visual .charact_wrap .item{padding:3% 4%}


    .evCon1 .comment_wrap{margin:0 6% 0%}
    .evCon1 .comment_wrap + p{padding:0 13%}

    .banner {padding:10px 0}
    .banner .inner h3 {display:flex; flex-direction:row; align-items:center; justify-content:center}
    .banner .when {display:flex; flex-direction:column; align-items:center; justify-content:center; height:40px; line-height:1.2; margin-right:7px; padding:0 12px; font-size:12px}
    .banner .when br {display:inline-block}
    .banner .banner_title {font-size:12px}
    .banner .banner_title > img {margin-top:-2.5px; margin-left:7px}

    .tab_wrapper.on {   padding-top:80px}
    .tab_wrapper .tab_base ul li {/* height:80px; */font-size: 2.6vw;height: 14vw;}
    .tab_wrapper .tab_base ul li br.for_mo{display:block}
    .tab_wrapper .tab_base ul li:nth-child(1) a{padding-right: 20%}
    .tab_wrapper .tab_base ul li a i{font-size: 2.0vw;width: 12vw;height: 12vw;top: 8%;right: 2%}
    .tab_wrapper .tab_base ul li a i br{/* display:none; */}

    .event .con_tit > img {width:30%}

    .event1 .con_box > p {margin-top:5vw; margin-bottom:7vw; font-size:16px}
    .event1 .con_box .container_info {font-size:18px}
    .event1 .con_box .gift {margin:5vw 0 7vw 0}
    .event1 .con_box .step_wrapper {flex-direction:column}
    .event1 .con_box .step_wrapper > img:nth-of-type(1), .event1 .con_box .step_wrapper > img:nth-of-type(3), .event1 .con_box .step_wrapper > img:nth-of-type(5) {width:80%}
    .event1 .con_box .step_wrapper > img:nth-of-type(2), .event1 .con_box .step_wrapper > img:nth-of-type(4) {margin:-10px 0; transform:rotate(90deg)}
    .event1 .con_box .apply_wrapper .apply_info ul li {width:40%}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb > div {font-size:24px}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb > div > img {width:15%}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb .count {width:100px; height:35px; font-size:20px}
    .event1 .con_box .btn_wrapper button {font-size:16px}
    .event1 .con_box .notice > img {margin-right:15px}
    .event1 .con_box .notice ul li {font-size:12px}

    .event1 .con_box .btn_wrap {   margin-bottom:5vw}



    /* À̺¥Æ®2 */
    .event2 {} 
    .event2 .con_box {} 
    .event2 .con_box .point, .event3 .con_box .point{font-size:3.6vw} 
    .event2 .con_box .point br.mo_for, .event3 .con_box .point br.mo_for{display:block}
    .event2 .con_box .point .tiny{}
    .event2 .con_box .container_info {font-size:15px; padding:10px 30px} 
    .event2 .con_box .container_info .info .info_title::before,
    .event2 .con_box .container_info .info .info_title::after {} 
    .event2 .con_box .gift{}
    .event2 .con_box .event2_btn, .event3 .con_box .event3_btn {
    } 
    .event2 .con_box .event2_btn.on {} 


    /* À̺¥Æ®3 */
    .event3 {}
    .event3 .con_box {}
    .event3 .con_box > p {}
    .event3 .con_box .container_info {font-size:15px}
    .event3 .con_box .container_info .gift{}
    .event3 .con_box .container_info .info .info_date{}
    .event3 .con_box .container_info .info .info_title{}

    /* Æ˾÷ Ä¿½ºÅÒ */
    #popupSms {width:100%}
    #popupCertified {width:100%}
    #popupSaleNoti {width:100%}
    #popupApplyPop {width:100%}

    [class*=mg_popup_wrap] .content_area .content_inner{padding:20px 12px}
[class*=mg_popup_wrap].popupApplyPop .content_area .content_inner{
    padding: 0 0 25px;
}
    
    .submit_btn#ans > *{width:48%;margin:0 1%;font-size: 15px;}
    .submit_btn#ans > * > img{width:100%}


    [class*=mg_popup_wrap].popupApplyPop .m_tit{
    margin: 0 0 20px;
    font-size: 17px;
}
    [class*=mg_popup_wrap].popupApplyPop .app_tab{
    margin: 0 15px 15px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tab ul{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tab ul li{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tab ul li a{padding: 8px 14px;font-size:15px}
    [class*=mg_popup_wrap].popupApplyPop .app_tab ul li.on a{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tab .time{
    padding: 7px 10px;
    font-size: 13px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tab .time strong{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont{
    margin: 0 15px 15px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info{
    padding: 15px;
    font-size: 12px;
    margin: 0 0 10px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info dt{
    margin: 0 0 5px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .s_info dd{
    text-indent: -13px;
    padding: 2px 0 0 13px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .tit{
    font-size: 14px;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap{
    padding: 0 0 0 10%;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag{
    width: 10%;
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li{border-bottom:1px solid #444}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li+li{display:block}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li:nth-child(3),
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li:last-child{border-bottom:0}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li:nth-child(4),
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li:nth-child(5){display:none}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li span{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li .num{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag li .ipu{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li{width: calc(100%/10);border-bottom:1px solid #444}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(6), [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(11), [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(16), [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(21){
    border-left-color: #cccccc;
}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:last-child{border-right: 1px solid #ccc;}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(21),
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(22),
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(23),
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(24),
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li:nth-child(25){border-bottom:0}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li span{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li .num{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li .ipu{
    }
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu li .ipu input{
    }
    [class*=mg_popup_wrap].popupApplyPop .btn a{
    padding: 15px 0;
    width: 190px;
    min-width: 150px;
    font-size: 15px;
    margin: 0 5px;
}
    [class*=mg_popup_wrap].popupApplyPop .btn a.app_end{}



    h4{font-size:18px; margin-bottom:3%}

    .cont2 .con_tit span, .cont3 .con_tit span {font-size:30px}
    .way_wrap .step{/* display: flex; */
    /* flex-direction: column; */
    /* align-items: flex-start; */
    }
    .way_wrap .step dl{font-size:14px; height:150px}
    .way_wrap .step dl+dl::before{width:14%; background-size:50%}
    .way_wrap .step dl dt{font-size:17px}
    .way_wrap .step dl dd{height:90px}
    .way_wrap .step dl dd strong{}
    .way_wrap .step dl dd span{font-size:12px; padding:7px 0 0}

    .test_info{/* margin-top:10vw; */font-size:14px;}
    .test_info th, 
    .test_info td{padding:5px 4px}
    .test_info.test_info_pop th, 
    .test_info.test_info_pop td{padding:5px 3px}

    .test_info select{font-size:12px}

    .test_info.name {font-size:13px}
    .test_info.name li h4 {padding:11px 0; font-size:13px}
    .test_info.name li div {padding:9px 10px}
    .test_info.name li div select {font-size:10px; padding:2%}




    .submit_btn{margin:0 auto 10%}

    .tab_cont2 table{font-size:13px}
    .tab_list2 li{font-size:16px; height:auto; padding:5px 0}
    .tab_cont2 .tbl_box .tbl_tit{font-size:13px; padding-left:10px}
    .tab_cont2 .tbl_box .tbl_tit::before{width:4px; height:4px}
    .tab_cont2 .non_tst{font-size:12px}
    .tab_cont2 .mytbl_box .dim_ing.mid::before{background-size:80%}
    .tab_cont2 .tbl_box .dim span,
    .dim_wrap .dim span{font-size:15px}
    .tab_cont2 .tbl_box .dim.dim2 span, 
    .tab_cont2 .tbl_box .dim.dim3 span, 
    .tab_cont2 .tbl_box .dim.dim4 span{font-size:12px}
    .tab_cont2 .tbl_box .tbl_tit2{width:100%}
    .tab_cont2 .tbl_left{width:100%}
    .tab_cont2 .tbl_box .analyze_tbl{width:100%}
    .tab_cont2 .tbl_tit3 span{font-size:16px}


    .apply_box{padding:5% 3%}
    .apply_test .tit{font-size:20px}
    .apply_test .stit{font-size:12px; padding:3%}
    .apply_test .stit a::before{font-size:20px}
    .apply_test .answer_tbl .s_tit,
    .apply_test div.timeBox{font-size:14px}
    .apply_test .test_info{font-size:12px; margin-bottom:5px}
    .apply_test .tiny{font-size:10px}
    .apply_test .answer_tbl .btn_box{margin:5% 20% 0}
    .apply_test .answer_tbl h5 {font-size:14px}


    .result_gubun li {margin-right:10px;font-size: 14px;margin-bottom: 4px;}


    /* con2 pass sale */
    .sale_box .white{padding:25px 15px 15px}
    .sale_box .title .wish{font-size:13px}
    .sale_box .title .name{font-size:24px}
    /* .sale_box .title .pop{margin:5px 0 0; width:100%; display:block; border-color:#bbb}*/

    .sale_box .title .pop{bottom:unset; top:18px; right:20px}
    .sale_box .pop_con {left:unset; right:10px}
    .sale_box .info p{font-size:12px; line-height:1.4}
    .sale_box .info .list li{/* font-size:10px; *//* padding:5px 10px; *//* margin-right:5px; *//* text-align:center; */}
    .sale_box .price{padding:15px 0 0; position:relative; right:auto; bottom:auto; margin:4.5% 0 0; border-top:1px solid #d0d0d0; display:flex; justify-content:center}
    .sale_box .price:before{position:absolute; right:0; top:-25%; width:9%; height:100%; background-size:contain}
    .sale_box .price .origin{font-size:18px; margin:12px 10px 0 0; float:left; position:relative; padding-right:20px}
    .sale_box .price .discount{font-size:30px; float:left}
    .sale_box .price::after{content:''; display:block; clear:both}
    .sale_box .price .origin:before{content:""; display:block; position:absolute; right:0; top:5px; background:url("https://img.megagong.net/m/2022/0603_pass/gov/con2_salearrow_mo.png") center no-repeat; background-size:contain; width:11px; transform:rotate(45deg); height:11px}
    .sale_box .price:before{content:none}
    .sale_box .tiny_noti {right:unset; bottom:70px}


    /*add221230*/
    .sale_box .price.ver {display:block;padding:10px 0 0;transform: none;bottom: inherit;}
    .sale_box .price .total{display: inline-block;margin: 0 11px 0px 0;font-size: 18px}
    .sale_box .price.ver .origin_price {font-size:25px;display: inline-block;}
    .sale_box .price.ver .origin_price b {font-size:30px}
    .sale_box .price.ver .discount_price {font-size:20px}
    .sale_box .price.ver .discount_price span {font-size:20px}
    .sale_box .price.ver .discount_price span b {font-size:20px}
    .sale_box .price.ver + .tiny_noti {bottom:95px}


    .mg_popup_wrap .m_tit{font-size:22px}




}





@media screen and (max-width:576px) {
    


    /* °øÅë¿ä¼Ò */
    .evSection .con_tit {font-size:6vw}
    .evSection .con_tit .mini_title {margin-bottom:10px; padding:7px 20px; font-size:12px}
    .evSection .con_box .event_subtitle {margin-top:10vw}
    .evSection .con_box .event_subtitle .center {margin-top:-17px; padding:0 10px; font-size:12px}


    .visual .round{font-size:3.8vw; background-position:center -10%}
    .visual .round i{padding:0 8px}
    .visual .charact_wrap .item{border-radius:10px; padding:3% 1%}
    .visual .charact_wrap .item::before{display:none}

    .evCon1 .comment_wrap{margin:0}
    .evCon1 .comment_wrap .item{padding:0 0%; border-radius:10px; overflow:hidden}
    .evCon1 .comment_wrap + p{padding:0 9%}

    .evCon2 .review_slide{margin:0 5%; border-radius:10px}

    .tab_wrapper.on {   padding-top:55px}
    .tab_wrapper .tab_base ul li {height: 18vw;font-size:14px;letter-spacing:-1px}
    .tab_wrapper .tab_base ul li a i{top: 15%}

    .event1 .con_box .apply_wrapper .apply_info .apply_info_title {font-size:17px}
    .event1 .con_box .apply_wrapper .apply_info ul li {font-size:14px}
    .event1 .con_box .apply_wrapper .apply_info ul li {width:48%}
    .event1 .con_box .apply_wrapper .apply_info {padding:30px 0px 30px 10px}
    .event1 .con_box .apply_wrapper .apply_info ul li::before {top:8px}
    .event .con_tit > img {margin-bottom:5vw}
    .event1 .con_box > p {font-size:11px}
    .event1 .con_box .container_info {padding:12px 10px 12px 20px; font-size:14px}
    .event1 .con_box .apply_wrapper .apply_btn {padding:0 0 20px 0}
    .event1 .con_box .apply_wrapper .apply_btn > img {transform:scale(0.5)}
    .event1 .con_box .apply_wrapper .apply_btn > button {margin-top:-15px; transform:scale(0.8)}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb > div {font-size:16px}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb > div > img {margin-top:15px}
    .event1 .con_box .eventVideo.for_youtube .ytb_thumb .count {width:70px; height:20px; margin-bottom:6px; font-size:14px}
    .event1 .con_box .btn_wrapper button {height:50px; margin-right:5px; font-size:12px; letter-spacing:-1px}
    .event1 .con_box .notice {padding:22px 10px}
    .event1 .con_box .notice > img {width:14%}
    .event1 .con_box .notice ul li {font-size:9px}


    /* À̺¥Æ®2 */
    .event2 {} 
    .event2 .con_box {} 
    .event2 .con_box .point, .event3 .con_box .point{font-size:3.7vw} 
    .event2 .con_box .point br.mo_for, .event3 .con_box .point br.mo_for{}
    .event2 .con_box .point .tiny{font-size:12px}
    .event2 .con_box .container_info {font-size:13px;padding: 10px 14px 10px 25px;} 
    .event2 .con_box .container_info .info .info_title::before,
    .event2 .con_box .container_info .info .info_title::after {} 
    .event2 .con_box .gift{padding:0 9% 5%}
    .event2 .con_box .event2_btn, .event3 .con_box .event3_btn {font-size:3.6vw; padding:4% 16%; font-weight:normal}
    .event2 .con_box .event2_btn.on {} 


    /* À̺¥Æ®3 */
    .event3 {}
    .event3 .con_box {}
    .event3 .con_box > p {}
    .event3 .con_box .container_info {font-size:13px;padding: 0 0 0 5px;}
    .event3 .con_box .container_info .info + .info{margin-top:6px}
    .event3 .con_box .container_info .gift{width:74%; /* margin:0; */
    }
    .event3 .con_box .container_info .info .info_date{text-align: left}
    .event3 .con_box .container_info .info .info_title{width:70px;margin: 0 7px 0 0;}
    .event3 .con_box .container_info .info .info_title::after{right: 0}
    .event3 .con_box .container_info .info .info_title::before{left: -10px}

    .cont2 .con_tit, .cont3 .con_tit {padding: 0;}   
    .cont2 .con_tit span, .cont3 .con_tit span {font-size: 18px;}
    .con2 .dim_box p{font-size:12px}
    .con2 .dim_box p strong{font-size:16px}

    .submit_btn#ans{
    /* width: 70%; */
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
}
    .submit_btn#ans > *{font-size:13px;padding: 10px 0;border-radius: 5px;}
    .submit_btn#ans a{
    width: 48%;
    min-width: 0;
}
.submit_btn a br.for_mo{display:block}

    .way_wrap .step{flex-direction: row;flex-wrap: wrap;justify-content: center;margin: 0 0 5%}
    .way_wrap .step dl{font-size: 13px;border-radius: 5px;width: 49%;margin: 0 0.5%;height: auto;/* height: 115px; */padding: 10px 0;}
    .way_wrap .step dl:nth-child(1){width: 100%;margin: 0 0.5% 0.8%;/* padding: 10px 0 10px; */
    }
    .way_wrap .step dl+dl::before{width:14%;background-size:50%;display: none;}
    .way_wrap .step dl dt{font-size: 14px;margin: 0 0 3px;padding: 0;}
    .way_wrap .step dl dd{height: 68px;}
    .way_wrap .step dl:nth-child(1) dd{height:auto}
    .way_wrap .step dl dd br{/* display:none; */}
    .way_wrap .step dl:nth-child(1) dd br{display:block}
    .way_wrap .step dl dd strong{}
    .way_wrap .step dl dd span{font-size: 11px;padding: 2px 0 0;}


    .test_info.name {font-size:10px; margin-top:20px}
    .test_info.name li {float:none; width:100%; overflow:hidden; border-bottom:1px solid rgba(204,204,204, 1)}
    .test_info.name li:nth-child(2) {border-bottom:none}
    .test_info.name li h4 {padding:11px 0; font-size:10px}
    .test_info.name li div {padding:4px 10px 6px}
    .test_info.name li div select {font-size:10px; padding:2%}


    .tab_list2 li,
    .tab_list2 li.on {font-size:15px}


    .tab_cont2 table{font-size:10px}
    .tab_cont2 .tbl_box .tbl_tit2::before{height:5px}
    .tab_cont2 .tbl_box .tbl_tit2 span{font-size:13px}
    .tab_cont2 .tbl_tit3::before{height:5px}
    .tab_cont2 .tbl_tit3 span{font-size:13px}

    .tab_cont2 .tbl_left .radar_box{height:155px}
    .apply_test .test_info{font-size:10px}
    .tab_cont2 dl.cautn{font-size:10px}


    .clickPop{width:90%}
    .dim_popup.clickPop .tit{font-size:20px}
    .dim_bnrwrp_wrap table{font-size:12px}
    .dim_popup.clickPop .btnConfirm{margin:40px 35% 0}

    .infoBox {font-size: 12px;}
    .infoBox li{
    margin-bottom: 2px;
}
    .line_chart > div {margin-top:-15vw}

    /*tbl wrap + dim*/
    .tblWrap .dim_data > div .tit span {font-size:11px}
    .dim_wrap .dim span {font-size:11px !important}

    .result_tit {font-size:15px; padding-left:8px}
    .result_tit:before {height:15px}

    .sale_box .agree {padding: 15px 5px;}
    .sale_box .agree label {font-size: 12px;}
    .sale_box .agree label input {margin:0 4px; vertical-align:middle}
    .sale_box .agree span a {font-size: 11px;padding:1px 5px;margin: 0 0 0 13px;}
    .sale_box .book dl {padding:10px 5px; font-size:10px}
    .sale_box .price {margin:30px 0 0}
    .sale_box .tiny_noti {bottom:65px}
    .sale_box .white{padding-top:25px}  
    .sale_box .title .wish{}
    .sale_box .title .name{font-size:20px}
    .sale_box .info p .mo_view {display:block}
    .sale_box .info .list li.bg_black{padding:9px}
    .sale_box .info .list li .mo_view {display:block}
    .sale_box .list.btn li{width:100%; margin-right:0}
    .sale_box .btn.list li a{padding: 12px 0;font-size: 16px}
    .sale_box .book p{font-size:14px}
    .sale_box .book li:nth-child(n+1):nth-child(-n+3){width:33.3333%; border-bottom:1px solid #ccc}
    .sale_box .book li:nth-child(n+4):nth-child(-n+5){width:50%}
    .sale_box .book li label{font-size:12px}
    .sale_box .price .origin{font-size:16px; margin-top:6px}
    .sale_box .price .discount{font-size:28px}
    .sale_box .price.ver .origin_price {font-size:18px}
    .sale_box .price.ver .origin_price b {font-size:25px}
    .sale_box .price.ver .discount_price {font-size:14px}
    .sale_box .price.ver .discount_price span {font-size:14px}
    .sale_box .price.ver .discount_price span b {font-size:18px}
    .sale_box .mo_view{display:block}

    .warningList > li.w_tit{font-size:14px}

    .mg_popup_wrap .m_tit{font-size:20px}
    .mg_popup_wrap .sub_text{font-size:13px}
    .mg_popup_wrap table tr{height:40px}
    .mg_popup_wrap table + p{font-size:13px}
    .mg_popup_wrap .s_info{margin:0 0 15px}
    [class*=mg_popup_wrap] .content_area .mg_btn_wrap{margin-top:0}
    [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base{min-width:150px; padding:13px 10px; font-size:13px}
    [class*=mg_popup_wrap] button.mfp-close, 
    [class*=mg_popup_wrap] .mg_popup_close,
    [class*=mg_popup_wrap] button.mfp-arrow{width:25px; height:25px; background-position:center; top:-33px}


    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap{
    padding: 0;
    border-left: 0;
}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .flag{
    display: none;
}
    [class*=mg_popup_wrap].popupApplyPop .app_tabcont .subj_wrap .input_wrap .user_ipu{border-left:0}
[class*=mg_popup_wrap].popupApplyPop .btn{
    margin: 0 12px;
}
    [class*=mg_popup_wrap].popupApplyPop .btn a{
    font-size: 13px;
    width: 48%;
    min-width: 0;
    margin: 0 1%;
}
}




@media (max-width:495px) {
    
    
    .line_chart:before {bottom:18px}

    .accumul_box h4 span em {display:block}

    /* tab2 ½ºÄÉÁÙ Æ˾÷ */
    [class*=mg_popup_wrap].table{   width:100%}




}

@media (max-width:392px) {
    

    .tab_cont2 .tbl_box .dim.dim3{height:93.2%; top:6.8%}
    .tab_cont2 .tbl_box .dim.dim4{top:17%}

    .con2 .dim_box p{font-size:10px}
    .con2 .dim_box p strong{font-size:13px}



}