@charset "euc-kr";

:root {--point-color1:#4564d1; --point-color2:#f7fbfe; --point-color3:#e4eff9; --point-color4:#2d86ff;--point-color5:#80a4ef; --commentary-color1:#adc8ff}


/* setting */
/*{padding:0;margin:0}*/
.eventWrap {font-size:15px;line-height:1.4;letter-spacing:-0.03em;overflow:hidden;font-weight: 400;}
.eventWrap .inner {position:relative;max-width:1080px;width:96%;}
.eventWrap .inner::after{content:"";display:block;clear:both}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .con_tit{position:relative;margin-bottom:70px;text-align:center}
.eventWrap .con_subtit{margin-bottom:35px;position:relative;padding:0 5%}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position:relative;z-index:1;cursor:pointer;padding-bottom:59%;background:#222}
.eventWrap .video_box .play_area{width:100% !important;height:100% !important;position:absolute;width:100%;height:100%}
.eventWrap .video_box iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.superRight_bnr{display:none !important}
.lnb_bar.pc_for.fixed{position:fixed;top:0}
.lnb_bar h2.add_selct span:nth-child(2){color:#a1232f}
.lnb_bar > ul > li a{letter-spacing:-1px}
.lnb_bar > ul > li ul li a::before{background:#404040}
.lnb_bar > ul > li > a .mock_left{position:absolute;top:50%;right:12px;display:inline-block;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.lnb_bar > ul > li > a .mock_left img{width:75px}
.lnb_bar > ul > li > a .mock_left img.on1 {display:inline-block}
.lnb_bar > ul > li > a .mock_left img.on2 {display:none}
.lnb_bar > ul > li > a .mock_left.on img.on1 {display:none}
.lnb_bar > ul > li > a .mock_left.on img.on2 {display:inline-block}
.eventWrap .tiny_noti,
.eventWrap .tiny_txt{font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-weight: normal;}


br.mo_for{display: none;}
br.pc_for{display: block;}

.flt_inner a{display:block;position:relative;overflow:hidden}
.flt_inner .toggleImg img:nth-child(2) {display:none}
.flt_inner .toggleImg.on img:nth-child(1) {display:none}
.flt_inner .toggleImg.on img:nth-child(2) {display:block}
.flt_inner .toggleImg span {display:none;color:#fff;position:absolute;bottom:18px;left:0;width:100%;font-size:19px;letter-spacing:0;font-weight:bold;text-align:center;line-height:1.2;background:#c78589}
.flt_inner .toggleImg span.on {display:block;padding:0}
.flt_inner .toggleImg.on span {color:#000}
.flt_inner.renewal + .flt_inner {margin: 141px 0 0}
.flt_inner.renewal .mo {display: none}
.flt_inner.renewal .toggleImg span {width: 140px;height: 135px;background-color: #c47aff;font-size: 19px;display: block;position: relative;bottom: inherit;left: inherit;padding: 32px 0 0;border-radius: 10px;color:#000;}
.flt_inner.renewal .toggleImg span strong{color:#fcffa6;display: block;}
.flt_inner.renewal .toggleImg.on span {color:#000;background-color: #f0a1dc;}

/*leftMenu*/
.leftS {position:absolute;top:0;width:203px;height:100%;background:#000;z-index:1;transition:all .3s}
.leftS.fixed {position:fixed;top:0}
.leftS.open {transform:translateX(-100%)}
.leftS .toggle_left {position:absolute;top:120px;left:202px;width:25px;height:52px}
.leftS .toggle_left img {position:absolute;transform:rotate(180deg);display:block;}
.leftS .toggle_left.on img {transform:rotate(0)}
.leftS h2 {font-size: 19px;width:100%;height:170px;color:#fff;display:table;box-sizing:border-box;padding: 50px 25px 0;position:relative;background: var(--point-color1);border: none;text-align: left;}
.leftS h2 p {display:table-cell;vertical-align:middle;text-align:left;font-size: 19px;line-height: 157%;font-weight: 700;padding-top: 15%;}
.leftS .menu > li {border-bottom: 1px solid #cdcdcd;font-size: 16px;}
.leftS .menu > li a{position: relative;display: flex;width: 100%;height: 58px;font-weight: 700;align-items: center;color: #323232;}
.leftS .menu > li:last-child {border-bottom:none}
.leftS .menu > li > a > span {padding-left: 25px;}
.leftS .menu > li ul {margin:0 0 0 25px}
.leftS .menu > li li {margin-top:15px}
.leftS .menu > li li:first-child {margin-top:0}
.leftS .menu > li li a {height: 18px;}
.leftS .menu > li li a i {font-style:normal}
.leftS .menu > li > a i.toggle, 
.topS .menu > li > a i.toggle{position:absolute;top:50%;left:117px;background:#a1232f;color:#fff;line-height:22px;width:75px;height:22px;margin:-11px 0 0;font-style:normal;font-size:13px;font-weight:normal;text-align:center}
.leftS .menu > li > a i.toggle::before, 
.topS .menu > li > a i.toggle::before{content:'';position:absolute;top:6px;left:-7px;width:0px;height:0px;border-right:7px solid #a1232f;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(0deg)}
.leftS .menu > li > a i.toggle.on, 
.topS .menu > li > a i.toggle.on{background:#c78589}
.leftS .menu > li > a i.toggle.on::before, 
.topS .menu > li > a i.toggle.on::before{border-right:7px solid #c78589}
.leftS .menu > li li {margin: 15px 0}


.topS {display:none}

/*layout*/
.rightS {width:100%;min-height:700px}
.rightS .inner {transition:all .3s}


/* ¸ÞÀÎ »ó´Ü */
.eventWrap .con_top{position:relative;background:#1c1c1c url(https://img.megagong.net/m/2021/1110_exam/top_bg.jpg) no-repeat center 0;background-size:auto 100%;min-height:964px;text-align:center}
.eventWrap .con_top .flo{position:absolute;display:inline-block;top:280px;right:-230px}
.eventWrap .con_top .flo .pc span{font-size:0}
.eventWrap .con_top .flo .mo{display:none}
.eventWrap .con_top .live_counting > div > div a.v2{display:none}


/* ÇÕ°ÝÀÚ ¸í´Ü */
.eventWrap .pass_wrap{position:relative;padding:220px 0 145px;background:#f3f3f3}
.eventWrap .pass_wrap h4{font-size:59px;text-align:center;position:relative}
.eventWrap .pass_wrap h4 strong{color:#a1232f}
.eventWrap .pass_wrap h4::before{position:absolute;content:'';top:-145px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);width:220px;height:92px;background:url(https://img.megagong.net/m/2021/1110_exam/tit_icon1.png) no-repeat center 0}
.eventWrap .pass_wrap h4 span{position:absolute;bottom:20%;font-size:30px;text-indent:-5px}
.eventWrap .pass_wrap span.tiny{display:block;font-size:12px;color:#8e8e8e;margin:20px auto 80px;text-align:right}
.eventWrap .pass_wrap .pass_roll_wrap{position:relative;padding:60px 135px 60px;border-top:1px solid #222;border-bottom:1px solid #222}
.eventWrap .pass_wrap .pass_roll_wrap::before{position:absolute;content:'';background:linear-gradient(rgba(243, 243, 243, 0.4) 5%, rgba(243, 243, 243 , 0.9) 95%);left:0;bottom:20%;width:100%;height:20%;z-index:1}
.eventWrap .pass_wrap .pass_roll_wrap p{text-align:center;position:absolute;top:-46px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);background:#f3f3f3}
.eventWrap .pass_wrap .pass_roll_wrap p img{width:100%}
.eventWrap .pass_wrap .pass_roll .item{text-align:center;font-size:0}
.eventWrap .pass_wrap .pass_roll .item strong{display:inline-block;width:20%;font-size:22px;padding:10px 0;text-align:center;color:#282828}
.eventWrap .pass_wrap a{position:relative;width:269px;height:57px;line-height:50px;margin:25px auto 0;float:right;border:2px solid #343434;text-align:center;font-size:19px;font-weight:400;box-sizing:border-box}
.eventWrap .pass_wrap a::before{position:absolute;content:"";top:50%;right:24px;width:5px;height:9px;background:url(https://img.megagong.net/m/2021/1110_exam/pass_btn_ar.png) no-repeat center 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}

/* Ư¡ */
.eventWrap .character{position:relative;padding:250px 0 160px}
.eventWrap .character h4{font-size:59px;text-align:center;position:relative}
.eventWrap .character h4 strong{color:#a1232f}
.eventWrap .character h4::before{position:absolute;content:'';top:-140px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);width:220px;height:92px;background:url(https://img.megagong.net/m/2021/1110_exam/tit_icon2.png) no-repeat center 0}
.eventWrap .character h5{margin:40px auto 35px;text-align:center}
.eventWrap .character ul{position:relative;margin:0 20px 60px}
.eventWrap .character ul::before{position:absolute;content:'';width:199px;height:199px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);background:url(https://img.megagong.net/m/2021/1110_exam/arrow.png) no-repeat center 0}
.eventWrap .character ul:after{display:block;content:'';clear:both}
.eventWrap .character ul li{float:left}
.eventWrap .character ul li:nth-child(2n){margin-left:50px}
.eventWrap .character ul li+li+li{margin-top:30px}
.eventWrap .character .bot_txt{color:#ab774c;font-size:37px;font-weight:400;text-align:center}
.eventWrap .character .bot_txt span{display:inline-block;border-bottom:1px solid #ab774c}


/* °øÁö»çÇ× & ¹®Ç×¹®ÀÇ */
.eventWrap .board_common .noticeView .sub_txt{width:auto;border-left:none;border-right:none;position:relative;text-align:right}
.eventWrap .board_common table tbody tr.notice td.wide{color:#a12530;font-weight:bold}
.eventWrap .board_common table.question_view{border-top:none;margin-top:40px}
.eventWrap .board_common table.question_view tr th{background:#ededed;font-weight:bold}
.eventWrap .board_common .paging{margin:0;color:#fff;text-align:center}
.eventWrap .board_common .paging strong{color:#a12530;vertical-align:middle;display:inline-block;padding:0 5px;line-height:1}
.eventWrap .board_common .paging a{vertical-align:middle;display:inline-block;padding:0 5px;line-height:1;font-weight:400;color:#000}
.eventWrap .board_common .paging a img{margin-top:0}
.eventWrap .board_common .qInfo_tit{color:#a1242f;font-size:16px;font-weight:bold;margin-bottom:10px}
.eventWrap .board_common .qInfo ul li{position:relative;padding:0 0 3px 10px;text-indent:0}
.eventWrap .board_common .qInfo ul li::before{position:absolute;content:'-';left:0}
.eventWrap .board_common .tab_list.que{margin:40px auto;border-bottom:1px solid #737373}
.eventWrap .board_common .tab_list.que::after{display:block;content:'';clear:both}
.eventWrap .board_common .tab_list.que li{position:relative;float:left;width:235px;background:#f5f5f5;text-align:center;border:1px solid #c3c3c3;border-bottom:none}
.eventWrap .board_common .tab_list.que li+li{margin-left:5px}
.eventWrap .board_common .tab_list.que li a{display:block;padding:17px 0;font-size:18px;color:#8a8a8a;font-weight:bold}
.eventWrap .board_common .tab_list.que li.on{background:#fff;border-color:#737373}
.eventWrap .board_common .tab_list.que li.on::after{position:absolute;content:'';left:0;bottom:-1px;background:#fff;width:100%;height:1px;z-index:2}
.eventWrap .board_common .tab_list.que li.on a{color:#000000}
.eventWrap .board_common .file_zone input[type=file]{display:block}
.eventWrap .board_common .file_zone input[type=file] + input[type=file]{margin:7px 0 0}
.eventWrap .board_common table.list.question2.count_o td[colspan="5"]{display:none}

#mContainer .pagenav{vertical-align:middle}
#mContainer .pagenav strong{color:#a1242f;margin-top:0}


/* ÀÀ½ÃÇϱ⠸ÞÀÎ */
/* .eventWrap .apply_main h3,
.eventWrap .apply_start h3{background-color:#503925;background-image:url(https://img.megagong.net/m/2021/1110_exam/top_subtitle_bg.jpg);padding:65px 0 60px;margin:0;text-align:center} */
.eventWrap .apply_main .tit2,
.eventWrap .apply_start .tit2{margin:0 0 30px;padding:0;text-align:center}
.eventWrap .apply_main .tit2::before{display:none}
.eventWrap .apply_main .tit2 span,
.eventWrap .apply_start .tit2 span{width:auto;height:auto;background:none;font-size:30px;margin:0 auto;border:none}
.eventWrap .apply_main .inner{padding:110px 0 80px}
.eventWrap .apply_main .exam_intro{margin:60px auto 150px}
.eventWrap .apply_main .exam_intro .intro_tit {font-size:26px;text-align:center;color:#040404;font-weight:bold}
.eventWrap .apply_main .exam_intro .intro_tit i{display:block;margin:0 0 30px}
.eventWrap .apply_main .exam_intro .intro_tit span{display:block;font-size:18px;margin-top:10px;font-weight:normal}
.eventWrap .apply_main .exam_intro .btn_wrap{text-align:center;margin:45px auto 0}
.eventWrap .apply_main .exam_intro .btn_wrap a{background:#cd8a93;color:#fff;font-size:21px;padding:15px 0;width:305px;height:auto;display:inline-block;font-weight:normal}
.eventWrap .apply_main h3.top_title, 
.eventWrap .apply_start h3.top_title{background-image:url(https://img.megagong.net/m/2022/1110_sbexam/apply_titbg.jpg);font-size:40px;color:#fff;font-weight:900;padding:66px 0;line-height:1;background-repeat:no-repeat;letter-spacing:0}

.eventWrap .apply_main .btn_wrap a.point{background-image:url(https://img.megagong.net/m/2020/1212_exam/sobang/btn_bg1.png)}
.eventWrap .apply_start .answer_sheet table tbody tr.end td{background:#f9f0e5}
.eventWrap .apply_start .answer_check,
.eventWrap .apply_start .answer_sheet .answer_check{clear:both;float:none;font-weight:bold;line-height:1.4;border-radius:0;width:370px;background:#cc8a91;padding:18px 0;font-size:21px;color:#fff;text-align:center;margin:0 auto;display:block;font-weight:normal}
.eventWrap .apply_start .answer_sheet .answer_check{width: 206px;}
.eventWrap .apply_start .answer_sheet table th{background:#c1c1c1;font-size:18px}
.eventWrap .apply_main .exam_caution .btn_wrap{position:relative;text-align:left;padding:0 0 0 30px;font-size:0}
.eventWrap .apply_main .exam_caution .btn_wrap::after{content:"";display:block;clear:both}
.eventWrap .apply_main .exam_caution .btn_wrap a{display:inline-block;width:120px;height:40px;line-height:40px;background-color:#6f319e;background-image:none !important;margin:0 0 0 20px;color:#fff;padding:0;font-weight:400;text-align:center;font-size:14px}
.eventWrap .apply_main .exam_caution .btn_wrap a strong{color:#ffe8cd;font-weight:normal}

.eventWrap .apply_start{padding:0}
.eventWrap .apply_start.w1200 .inner{max-width: 1465px;}


.eventWrap .apply_main .tbl_wrap.exam_myinfo th{background:#f0f0f0}
.eventWrap .apply_main .tbl_wrap.exam_myinfo tr:nth-child(1) th:nth-child(1),
.eventWrap .apply_main .tbl_wrap.exam_myinfo tr:nth-child(4) th:nth-child(1),
.eventWrap .apply_main .tbl_wrap.exam_myinfo tr:nth-child(2) td:nth-child(1),
.eventWrap .apply_main .tbl_wrap.exam_myinfo tr:nth-child(3) td:nth-child(1),
.eventWrap .apply_main .tbl_wrap.exam_myinfo tr:nth-child(5) td:nth-child(1){border-left:none}
.eventWrap .apply_main .tbl_wrap.exam_myinfo th,
.eventWrap .apply_main .tbl_wrap.exam_myinfo td{border-right:none}
.eventWrap .apply_main .tiny_txt{color:#ff0000;margin-bottom:60px;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-weight:normal}
.eventWrap .apply_main .tiny_txt .mo_view{display:none}
.eventWrap .apply_main .exam_caution{border-top:3px solid #000000;border-bottom:1px solid #9c9c9c;background:#f0f0f0;padding:10px 40px 30px;margin:0}
.eventWrap .apply_main .exam_caution h5{margin:30px 0 0}
.eventWrap .apply_main .agree_check_box{margin:25px auto 50px;color:#e40000;text-align:left;font-weight:normal;}
.eventWrap .apply_main .agree_check_box input{margin-right:10px;width: 15px;height: 15px;}
.eventWrap .apply_main .agree_check_box br{display:none;}
.eventWrap .apply_main .btn_box{text-align:center}
.eventWrap .apply_main .btn_box a{display:inline-block;width:305px;background:#cc8a91;padding:18px 0;font-size:21px;color:#fff;text-align:center}
.eventWrap .apply_main .btn_box a.point{background:#cc8a91}
.eventWrap .apply_main .caution_wrap{font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-weight:normal;background: #000 url(https://img.megagong.net/m/2022/1110_sbexam/caution_icon.png) no-repeat 70px center;padding: 30px 0 30px 170px;text-align: left;color: #fff;margin: 0 0 80px;font-size: 17px;}
.eventWrap .apply_main .caution_wrap li{padding: 0 0 0 10px;text-indent: -10px;}
.eventWrap .apply_main .caution_wrap li strong{color:#fa3f1e}


#mock_ConfirmBefore_pop {z-index:10; display: flex; flex-direction: row; justify-content: center; align-items: center}
#mock_ConfirmBefore_pop .contentBox {width: 590px; background: #fff; padding: 40px 40px 0; position: absolute; bottom: 10px; border: 1px solid #333333; box-sizing: border-box}
#mock_ConfirmBefore_pop .caution {position: relative}
#mock_ConfirmBefore_pop .caution dt {font-weight: bold; font-size: 20px; margin: 0 0 20px; text-align: center; line-height: 1; color: #2d2d2d}
#mock_ConfirmBefore_pop .caution dd {padding: 0 0 0 8px; text-indent: -8px; margin: 0 0 4px; font-size: 14px}
#mock_ConfirmBefore_pop .contentBox .btnClose {position: absolute; background: transparent; font-size:13px; color:#ffffff; padding: 3px; /*width: 30px; */width:59px; height: 30px; right: 0; top: -35px; box-sizing: border-box; border:1px solid #868484}
#mock_ConfirmBefore_pop .btn {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 28px 0 34px}
#mock_ConfirmBefore_pop .btn li {margin: 0 6px}
#mock_ConfirmBefore_pop .btn li a {display: block; width: 120px; background: #ccc; text-align: center; line-height: 42px; height: 42px; color: #fff; text-decoration: none; font-size: 16px}
#mock_ConfirmBefore_pop .btn li a.cfrm {background: #000; color: #fff}
#mock_ConfirmBefore_pop .close {display: inline-block; position: absolute; right: -1px; top: -37px}


/* apply_confirm */
.eventWrap .apply_confirm .inner {padding: 80px 0 0}
.eventWrap .apply_confirm .tit2 {position: relative; padding: 60px 0 20px; font-size: 24px; font-weight: normal}
.eventWrap .apply_confirm table {border-top:2px solid #000}
.eventWrap .apply_confirm h3 img {margin-right: 18px; display: inline-block}
.eventWrap .apply_confirm .exam_caution {text-align: left; padding: 40px 0 0 20px; background: none; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; font-weight: normal}
.eventWrap .apply_confirm .exam_caution dl {font-size: 14px}
.eventWrap .apply_confirm .exam_caution dl dt {font-weight: bold; margin: 0 0 8px; color: #222}
.eventWrap .apply_confirm .exam_caution dl dd {margin: 0 0 5px; padding: 0 0 0 8px; text-indent: -8px}
.eventWrap .apply_confirm .tit2 {font-size: 20px}
.eventWrap .apply_confirm .print_btn {display: block; width: 100px; height: 40px; line-height: 40px; background-color: #000; color: #fff; margin: 0 auto; max-width: 100%}


/*¹®Ç׺м®*/
.eventWrap .apply_score .result_cont .blind.bl2{height:calc(100% - 81px);right: 0;width: 30.0%;bottom: 0;}
.eventWrap .apply_score .result_cont .blind3{position: absolute;height:calc(100% - 81px);right: 0;width: 30.0%;bottom: 0;background: rgba(0,0,0,0.7);font-size: 15px;color: #fff;text-align: center;}
.eventWrap .apply_score .result_cont .blind3 p{display: table-row;}
.eventWrap .apply_score .result_cont .blind3 p span {display: table-cell;vertical-align: middle;color: #f7f7f7;}
.eventWrap .apply_score .result_cont .blind3 p span i{display: block;margin: 0 auto;width: 34px;}
.eventWrap .apply_score .result_cont .blind3 > div{display: table;width: 100%;table-layout: fixed;height: 100%;}
.eventWrap .apply_score h5, .eventWrap .grade_score h5{display: flex;align-items: center;padding: 0;}

/* ÀÀ½Ã Á¤º¸ Æ˾÷ */
/* #pop_wrap{font-weight:400;font-family :'Noto Sans KR';border:none}
#pop_wrap .top_title{background:#222222;padding:28px;color:#ac7b4d;font-size:25px;font-weight:200}
#pop_wrap .top_title strong{color:#fff;font-size:25px;display:inline-block}

#pop_wrap .write_info{padding:0 20px}
#pop_wrap .write_info.sec{padding:0 20px}
#pop_wrap .write_info .health tbody td span br{display:block}
#pop_wrap .write_info .health tbody td{vertical-align:middle}

#pop_wrap .write_info .info_tit{padding-left:17px;padding:0;margin:50px 0 20px}
#pop_wrap .write_info .info_tit::before{display:none}
#pop_wrap .write_info .info_tit strong{position:relative;font-size:20px;padding-left:15px}
#pop_wrap .write_info .info_tit strong::before{position:absolute;content:'';top:50%;left:0;width:10px;height:4px;margin-top:-2px;background:#222}
#pop_wrap .write_info .info_tit strong span{color:#a1232f;font-size:20px;font-weight:200}
#pop_wrap .write_info .info_tit .notic{color:#666666;font-size:16px;font-weight:400;padding-left:15px}

#pop_wrap table.t_border1 tr th{background:#ededed}
#pop_wrap table.t_border1 tr.bg_none th{background:none}
#pop_wrap table.t_border1 tr th label .mo_for{display:none}
#pop_wrap table.t_border1 tr th,#pop_wrap table.t_border1 tr td{font-size:16px}
#pop_wrap table.t_border1 tr td{padding:15px 15px;box-sizing:border-box}
#pop_wrap table.t_border1 tr:nth-child(1) td,
#pop_wrap table.t_border1 tr:nth-child(2) td,
#pop_wrap table.t_border1 tr:nth-child(4) td,
#pop_wrap table.t_border1 tr:nth-child(5) td{padding:6px 15px}
#pop_wrap table.t_border1 tr td.addPoint{padding:15px 10px 15px 15px}
#pop_wrap table.t_border1 tr td.onlyInp > span{width:80%;box-sizing:border-box;padding:0;margin:0}
#pop_wrap table.t_border1 tr td.onlyInp > span input{padding:0 0 0 10px;box-sizing:border-box;height:40px;font-size:16px}
#pop_wrap table.t_border1 tr td.field label{display:inline-block;padding-right:15px}


#pop_wrap .write_info select{height:40px;font-size:16px}
#pop_wrap .write_info td span{margin:0;padding:0;box-sizing:border-box}
#pop_wrap .write_info td.area > div{display:inline-block;margin-bottom:0 !important}
#pop_wrap .write_info td.area > div > strong{width:45px;font-weight:400;line-height:40px;padding:0;display:inline-block}
#pop_wrap .write_info td.area > div div{margin-right:15px;display:inline-block}
#pop_wrap .write_info td.addPoint > div:nth-child(1){margin-bottom:0}
#pop_wrap .write_info td.addPoint > div strong{margin-right:15px;text-align:center}
#pop_wrap .write_info td.addPoint > div div label{display:inline-block;padding:0 10px 3px 0;width:50px}
#pop_wrap .write_info td.addPoint > div div label:last-child{padding:0 0 3px 0}
#pop_wrap .write_info td.gender label{padding-right:28px}
#pop_wrap .write_info td.birth em{font-size:16px;color:#222;margin:0 10px}

#pop_wrap table.t_border1.health tr th{padding:15px 0px}
#pop_wrap table.t_border1.health tr th span{font-weight:200}
#pop_wrap table.t_border1.health tr td{padding:6px 8px}
#pop_wrap table.t_border1.health tr td.total{color:#a1232f;font-weight:bold}
#pop_wrap .privacy_box{background:#ededed;padding:20px}
#pop_wrap .privacy_box strong{font-size:14px;font-weight:200}
#pop_wrap .privacy_box strong:nth-child(1){padding:0 0 2px}
#pop_wrap .privacy_box span{font-size:14px;color:#222}
#pop_wrap .privacy_check{font-size:14px}
#pop_wrap .btnbox{}
#pop_wrap .btnbox a.final{background:#a1232f;width:140px;height:56px;line-height:56px;font-size:21px;color:#fff} */



/* .eventWrap .apply_score .cont_bottom_wrap .cont_txt strong,
.eventWrap .grade_score .cont_bottom_wrap .cont_txt strong{color:#a12530} */

/* ÃÖÁ¾´ä¾È Æ˾÷ */
.answer_popup_wrap {display:none;position:fixed;width:470px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;background:#fff;border:1px solid #000}
.answer_popup_wrap .pop_tit{padding:20px 25px;background:#1a1a1a;color:#fff;font-size:23px}
.answer_popup_wrap > div {width:425px;margin:40px auto 0}
.answer_popup_wrap > div .btn{margin:0 auto 30px;text-align:center}
.answer_popup_wrap > div .btn a{position:relative;background:#333333;display:inline-block;font-size:20px;color:#fff;padding:5px 0;width:130px;text-align:center;text-indent:-10px}
.answer_popup_wrap > div .btn a::before{position:absolute;content:'£¾';right:20px;top:50%;font-size:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.answer_popup_wrap > div > ul.cont_box{max-height:600px;overflow-y:scroll;margin:0 auto 30px}
.answer_popup_wrap > div > ul li{float:left;width:135px;margin-bottom:5px;text-align:left;box-sizing:border-box}
.answer_popup_wrap > div > ul li.long, 
.answer_popup_wrap > div > ul li:nth-child(3n){padding-left:0}
.answer_popup_wrap > div > ul li.long{letter-spacing:-1px}
.answer_popup_wrap .btn_popclo {position:absolute;top:20px;right:15px;width:24px;height:24px;cursor:pointer;text-indent:-9999px;background:url(https://img.megagong.net/m/2021/1110_exam/pop_close.png) no-repeat}		

.eventWrap .grade_score .addpoint_state{position: relative;clear:both;margin:0 0 70px}
.eventWrap .grade_score .addpoint_state::after{content:"";display:block;clear:both}
.eventWrap .grade_score .addpoint_state .item{float: none;width: auto;}
.eventWrap .grade_score .addpoint_state .item.right{float: none;width: auto;}
.eventWrap .grade_score .addpoint_state .graph{height:320px}
.eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap{margin-bottom:10px}
.eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt{padding:30px 30px 30px}
.eventWrap .grade_score .addpoint_state a.detail_pop,
.eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt a{position: absolute;right: 0;top: -57px;width:130px;height:40px;line-height:40px;color:#fff;background:#434343;text-align:center;font-size:15px;font-weight:bold}
.eventWrap .grade_score .tiny_txt{clear:both;float:none;display:inline-block}
.eventWrap .grade_score .tbl_wrap.physical + .tiny_txt{margin:0 0 40px}
.eventWrap .grade_score h5 .confirm_sc{background-color:#0f779d}
.eventWrap .grade_score h5 .confirm_sc.ver2{background-color:#434343;width:140px;line-height:40px;height:40px;margin-top:-5px;font-size:15px;font-weight:bold}
.eventWrap .grade_score .cont_bottom_wrap.physical{margin-bottom:70px}
.eventWrap .grade_score .select_apply th{background:#dcdcdc;cursor:pointer}
.eventWrap .grade_score .select_apply th.on{background:#0f779d;color:#fff}
.eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt strong{background:#0f779d}
.eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt strong::before{border-left-color:#0f779d}
.eventWrap .grade_score .average_graph.compettn{margin: 60px 0 40px;}
.eventWrap .grade_score .addpoint_state .posTit{position: relative;margin: 0 0 10px;display: block;text-align: center;}


/* ÇÕ°ÝÀÚ ¸í´Ü Æ˾÷ */
.black_bg {display:none;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}
.popup {display:none;position:fixed;width:470px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;background:#fff;border:1px solid #000}
.popup .pop_tit{padding:20px 25px;background:#1a1a1a;color:#fff;font-size:23px}
.popup > div {width:425px;margin:40px auto 0}
.popup > div .btn{margin:0 auto 30px;text-align:center}
.popup > div .btn a{position:relative;background:#333333;display:inline-block;font-size:20px;color:#fff;padding:5px 0;width:130px;text-align:center;text-indent:-10px}
.popup > div .btn a::before{position:absolute;content:'£¾';right:20px;top:50%;font-size:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.popup > div > ul.cont_box{max-height:600px;overflow-y:scroll;margin:0 auto 30px}
.popup > div > ul li{float:left;width:135px;margin-bottom:5px;text-align:left;box-sizing:border-box}
.popup > div > ul li.long, 
.popup > div > ul li:nth-child(3n){padding-left:0}
.popup > div > ul li.long{letter-spacing:-1px}
.popup .btn_popclo {position:absolute;top:20px;right:15px;width:24px;height:24px;cursor:pointer;text-indent:-9999px;background:url(https://img.megagong.net/m/2021/1110_exam/pop_close.png) no-repeat}		


.eventWrap .apply_start .subject_tab{margin:0 0 30px}
.eventWrap .apply_start .subject_tab ul{position:relative}
.eventWrap .apply_start .subject_tab ul::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;z-index: 1;}
.eventWrap .apply_start .subject_tab li.on a{background:#cc8a91;color:#fff}


.eventWrap .apply_start .question_wrap{width: 837px;margin:0 0 50px}
.eventWrap .apply_start.w1200 .question_wrap{width: 1220px;}
.eventWrap .apply_start .question_zone > .question{height:1005px}
.eventWrap .apply_start .question_zone > .question .img_box{display: none;}
.eventWrap .apply_start .question_zone > .question .img_box img{width:auto;}
.eventWrap .apply_start .question_wrap .tiny_noti,
.answerinp_wrap + .tiny_noti, 
.pop_answerinp_wrap + .tiny_noti{font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-size:12px;opacity:0.6;font-weight:normal;padding:20px 0 0}
.answerinp_wrap + .tiny_noti, 
.pop_answerinp_wrap + .tiny_noti{margin:0 0 55px}
.eventWrap .apply_start .answer_sheet{width:206px;padding:90px 0 0}
.eventWrap .apply_start .answer_sheet.quick{width:100%;padding:0 0 0}
.eventWrap .apply_start .answer_sheet.quick .tiny_noti{margin-bottom: 60px;}

.eventWrap .apply_score .percentageTop5_wrap{position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin: 0 0 50px}
.eventWrap .apply_score .percentageTop5_wrap .item{width: 49%;margin: 0 0px}
.eventWrap .apply_score .percentageTop5_wrap .item + .item{margin: 0 0 0 2%}
.eventWrap .apply_score .percentageTop5_wrap .item h6{text-align: center;font-size: inherit;margin: 0 0 10px}

.qInfo {background:#ededed;border:none;padding:20px 30px}
.qInfo_tit {color:#a1242f;font-size:16px;font-weight:bold;margin-bottom:10px}
.qInfo ul li {position:relative;padding:0 0 3px 10px;text-indent:0}
.qInfo ul li::before {position:absolute;content:'-';left:0}


.q_btn{display:block;margin:0 0 25px 0;color:#fff;text-align:center;width:100%;overflow:hidden}
.q_btn a{display:inline-block;width:165px;padding:8px 0;cursor:pointer;background:#ab774c;float:right;margin-top:20px}
.q_btn.sobang a {background:#cc8a91}

#mContainer .pagenav img {margin:0 5px}
.btn_wrap {margin-top:15px}
.btn_wrap.f_right a {background:#222;font-size:21px;color:#fff;display:block;text-align:center;width:140px;height:55px;line-height:55px; }
.btn_wrap.q_grade a {background:#222;font-size:21px;color:#fff;display:block;text-align:center;width:140px;height:55px;line-height:55px}
#mContainer .pagenav strong {color:#cc8a91; }

.tab_list.que{margin:40px auto;border-bottom:1px solid #737373}
.tab_list.que::after{display:block;content:'';clear:both}
.tab_list.que li{position:relative;float:left;width:235px;background:#f5f5f5;text-align:center;border:1px solid #c3c3c3;border-bottom:none}
.tab_list.que li+li{margin-left:5px}
.tab_list.que li a{display:block;padding:17px 0;font-size:18px;color:#8a8a8a;font-weight:bold}
.tab_list.que li.on{background:#fff;border-color:#737373}
.tab_list.que li.on::after{position:absolute;content:'';left:0;bottom:-1px;background:#fff;width:100%;height:1px;z-index:2}
.tab_list.que li.on a{color:#000000}

 
/*common*/
.red {color: #e02b3c}
h3.commonTit {text-align:center;font-size:52px;line-height:120%;color:#000;font-weight:300} 
h3.commonTit b {font-weight:900}
.com_tit {position:relative;width:100%;border-bottom:5px solid #000;padding-bottom:15px;margin-top:80px;padding-bottom: 8px;overflow: visible;display: flex;justify-content: space-between;}
.com_tit.first {margin-top:0}
.com_tit h3 img,
.eventWrap .board_common .com_tit h3 img {vertical-align:bottom}
.eventWrap .apply_start .com_tit, 
.eventWrap .apply_start .com_tit,
.eventWrap .board_common .com_tit{margin:0 0 60px}
.eventWrap .apply_main .com_tit h3, 
.eventWrap .apply_start .com_tit h3,
.eventWrap .board_common .com_tit{background:none;padding: 0;}
.com_tit .sTxt {font-size:25px;margin:0 0 0 5px; }
.sTxt a {display:inline-block;vertical-align:middle;border-bottom:1px solid #000;padding:0;line-height:120%;font-weight:700}
.sTxt.on a {color:#bf6d75;border-bottom-color:#bf6d75}
/* .com_tit .sTxt a:hover {color:#bf6d75;border-bottom-color:#bf6d75} */
.com_tit p {position:absolute;right:0;bottom:18px;font-size:20px;line-height:1}
.com_tit.only_right {border: 0;padding-bottom: 25px;}
.com_tit.only_right p{position: relative;bottom: inherit;right: inherit;text-align: right;}

.com_box {margin-top:55px;position:relative} 
.com_box .sTxt {display:none;margin-bottom:15px;font-size:18px;text-align:left}

.eventWrap .tbl_wrap{position:relative}
.eventWrap table {font-size:15px;margin:0 0 15px;word-break:break-all;text-align:center;font-family :'Noto Sans KR', 'Malgun Gothic', Arial;font-weight:normal}
.eventWrap table caption{text-indent:-100000px;font-size:0}


.infoSearch .btn_find {background:#282828}
table.list {border-top:2px solid #272727}
table.list th {border-bottom:1px solid #969696;border-left:1px solid #969696;background:#eee;height:55px}
table.list td {border-bottom:1px solid #969696;border-left:1px solid #969696;padding:15px 0}
table.list td.wide {padding-left:15px}
table.list tr.notice td a {color:#9a3142}
.noticeView .sub_txt {border:none}

/* main table*/
.tbl_wrp {overflow:hidden}
.tbl_wrp .tbl {border-top:2px solid #222;font-family :'Noto Sans KR', 'Malgun Gothic', Arial;width:calc(100% + 2px);margin:0 0 0 -1px;}
.tbl_wrp .tbl th,.tbl_wrp .tbl td{border:1px solid #9c9c9c}
.tbl_wrp .tbl th {background:#ebebeb;}
.tbl_wrp .tbl tr td {font-weight:400;}
.tbl_wrp .tbl tr td.line {border-right-color:#9c9c9c}
.tbl_wrp .tbl tr:last-child th,
.tbl_wrp .tbl tr:last-child td,
.tbl_wrp .tbl tr td.bottom,
.tbl_wrp .tbl tr td.bottom {border-bottom-color:#222 !important}
.tbl_wrp td.left{text-align:left;padding:15px 20px}
.tbl_wrp.schedule .tbl th {border-color:#9c9c9c}
.tbl_wrp.schedule .tbl.pc td {padding:40px 0;border-color:#9c9c9c}
.tbl_wrp.schedule .tbl.mo td {padding:0;border-color:#9c9c9c}
.tbl_wrp.schedule .tbl td span.red {font-size:13px;color:#e02b3c;font-weight:300}

.tbl_wrp.schedule .tbl td .toggle img {opacity:1}
.tbl_wrp.schedule .tbl td .toggle.on img {opacity:.2}
.tiny_txt_right {text-align:right;margin-top:5px;color:#808080;font-size:14px;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-weight:normal;} 
.tiny_txt_left {text-align:left;margin-top:5px;color:#808080;font-size:14px;font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-weight:normal;} 

 

/*bar*/
.box_link {display:none}

/*main*/
.mainCon1.moreheight{height: 1490px;}
.mainCon1 .tiny_txt {text-align:right;color:#555;margin-top:10px;font-size:13px;text-align: right !important;!i;!;position: absolute;top: 6px;right: 0;}
.mainCon1 .apply_state{color: #ffe7a6;font-size: 36px;padding: 80px 0 0;font-weight: bold;line-height: 1;letter-spacing: 0;}
.mainCon1 .apply_state.gradi{background: linear-gradient(90deg, #e0a3a9, #9472f0);color: #fff;width: 550px;height: 105px;margin: 0 auto;border-radius: 80px;padding: 34px 0 0;font-size: 33px;margin: 80px auto 50px;}
.mainCon1 .apply_state sup{color: #555;font-size: 15px;vertical-align: top;}
.mainCon1 .apply_state strong{color: #fff;letter-spacing: 0.08em;padding: 0 4px 0 10px;font-size: 0.9em}
.mainCon1 .apply_state.gradi strong{
    color: #000;
}
.mainCon1 h3 {
    position: relative;
    margin: 0 0 35px;
}
.mainCon1 h3 i {position:absolute;top:-90px;left:0}
.mainCon1 p {line-height: 150%;margin: 25px 0 400px;font-size: 15px;color: #8d8d8d;font-weight: 400;position: relative;}
.mainCon1 p b {color:#c78589;font-weight:700}
.mainCon1 p span {color:#b0b0b0}
.mainCon1 .support{background: #c47aff;border-radius: 80px;width: 660px;margin: 45px auto 0;font-size: 32px;font-weight: bold;padding: 27px 0;color: #fff}
.mainCon1 .support strong{font-weight: 900;color: #000 !important}
.mainCon1 .support_noti{color: #fff;padding: 13px 0 0;display: block;line-height: 1.3;opacity: 0.2}

.mainCon2 ul li {margin-top:50px}
.mainCon2 ul li.tea img{display:none;}
.mainCon2 ul li.tea img.on{display:block;}

.mainCon3 {padding:135px 0}
.mainCon3 .box {margin-top:60px}
.mainCon3 .box img {display:block;margin:auto}
.mainCon3 .box img:last-child {display:none}
.mainCon3 .box.on img:first-child {display:none}
.mainCon3 .box.on img:last-child {display:block}
.mainCon3 .txt {margin:10px auto 0;max-width:974px;text-align:right;font-size:12px;color:#555;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}


.mainCon3_offline {background: #fcfcfc; padding: 158px 0 160px}
.mainCon3_offline h3.commonTit {margin: 0 0 0px; font-size: 54px}
.mainCon3_offline h3.commonTit span {display: block; font-size: 32px; margin: 0 0 15px; line-height: 1}
.mainCon3_offline .charac {position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; padding: 25px 0 0}
.mainCon3_offline .charac li {margin: 0 -9px}
.mainCon3_offline ul.con3_cont {margin: 60px 0 0}
.mainCon3_offline ul.con3_cont li {display: inline-block; margin: 0 18px 0 0}
.mainCon3_offline ul.con3_cont li:last-child {margin: 0 0}
.mainCon3_offline ul.con3_cont li .img {position: relative}
.mainCon3_offline ul.con3_cont li .img i {position: absolute; right: -38px; top: -27px}
.mainCon3_offline ul.con3_cont li .tx {background: #ececec; height: 95px; border-radius: 0 0 30px 30px; position: relative}
.mainCon3_offline ul.con3_cont li .tx p {font-size: 19px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%}
.mainCon3_offline ul.con3_cont li .tx p .mo {display: none}


 
.lineBox {width:100%;height:110px;background:#cc8a91;text-align:center;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;}
.lineBox .inner p {color:#000;font-size:27px;}
.lineBox .inner p b {color:#fff;font-weight:700}
 
.mainCon4 {padding:150px 0 80px}
.mainCon4 .tab_base {display:inline-block;text-align:center; }
.mainCon4 .tab_base li {display:inline-block}
.mainCon4 .tab_base li p {width: 115px;height: 48px;background: #ececec;color: #c4c4c4;line-height: 48px;font-weight: 700;position: relative;font-size: 19px;}
.mainCon4 .tab_base li p:after {content:"";display:none;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border:10px solid transparent;border-top:10px solid #cc8a91}
.mainCon4 .tab_base li.on p:after {display:block}
.mainCon4 .tabcontent {margin-top:40px;overflow:hidden}
.mainCon4 .tabcontent > div {display:none}

.mainCon4 .pc {display:table}
.mainCon4 .mo {display:none}

.mainCon4 .tbl_wrp.exinfo .tbl td ul {display: inline-block; text-align: left}


.rcbox {position:relative}
.rcbox i.finish_end {position:absolute;top:-30px;right:5%;z-index:3}
.receipt {border:2px solid #1d1d1d;width:100%;background:url(https://img.megagong.net/m/2022/1110_sbexam/bg_receipt.png) no-repeat;position:relative;box-sizing:border-box;padding: 80px 100px;text-align:left;background-size: auto 100%;background-position: 100% 0;}
.receipt::before{content:'';position: absolute;top: 0;left: 0;width: 25px;height: 100%;background: #cc8a91;}
.receipt.offline{background-image: url(https://img.megagong.net/m/2022/1124_gongexam/con_img13.jpg);}
.receipt + .receipt {margin: 40px 0 0;}
.receipt dl {position: relative}
.receipt dt {font-size:38px;line-height:120%;color:#222;font-weight:700;margin-bottom: 45px;}
.receipt dt .state {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin: 0 0 11px}
.receipt dt .state i {display: block;font-style: normal;font-size: 18px;padding: 6px 19px 7px;line-height: 1;border-radius: 40px;margin: 0 10px 0 0;background: #a1232f;color: #fff;width: 130px;text-align: center;letter-spacing: 0;} 
.receipt.online dt .state i {background: #d08b90;} 
.receipt dt .state a {display: block;font-style: normal;font-size: 19px;border-bottom: 1px solid #000;padding: 0 0 4px;line-height: 1;margin: 3px 10px 0 0;} 
.receipt dt .state a.on {color:#a1232f; border-color:#a1232f} 
.receipt.online dt .state a.on {color: #d08b90; border-color:#d08b90}

.receipt dt b {color:#cc8a91;}
.receipt dd {position:relative;overflow:hidden;margin-top:15px}
.receipt dd p {float:left;width:120px;position:relative;font-size:19px;line-height:120%;font-weight:700;padding-left:10px; }
.receipt dd p:before {content:"";display:block;width:3px;height:18px;background:#000;position:absolute;top:3px;left:0}
.receipt dd span {float:left;font-size:19px;line-height:120%;font-weight:500}
.receipt dd span.red{/* color:inherit; */font-weight: bold;}
.receipt dd span del {font-weight: normal; margin: 0 7px 0 0}
.receipt dd span i {font-style: normal;color: #a1232f;font-size: 0.8em;font-weight: normal;} 
.receipt dd.ico {font-size: 17px; background: #1d1ce5; color: #fff; display: inline-block; padding: 3px 31px; border-radius: 100px; position: absolute; bottom: -3px; left: 220px}
.receipt dd.ico.on {background: #e02b3c}
.receipt dd.ico strong {color: #f0d542}
.receipt .btn {margin-top:45px;text-align:center}
.receipt .btn li {position: relative;display:inline-block;vertical-align:top;width: 340px;margin: 0 15px;}
.receipt .btn li i.finish_end {top: inherit; bottom: 28px; right: -71px}
.receipt .btn li a {display:block;width:100%;height:65px;background:#222;text-align:center;line-height:65px;color:#f5f5f5;font-size:23px;font-weight:500}
.receipt .btn li a span {color:#cc8a91}
.receipt .btn li.finish {width:calc(100% - 10px)}
.receipt .btn li.finish a {background:#a5a5a5;color:#fff}

.receipt + .tiny_txt_left {padding: 20px; line-height: 1.6}
.receipt .btn + .tiny_txt {font-size: 12px;color: #808080;position: absolute;left: 40px;bottom: 20px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}

.price_support{position: relative;padding: 100px 90px;border: 2px solid #000;text-align: left;background: #f7dfdf url(https://img.megagong.net/m/2022/1110_sbexam/price_support_bg_re.png) no-repeat 695px 110px;margin: 20px 0 0}
.price_support p{font-size: 32px;font-weight: bold;line-height: 1.1;margin: 0 0 25px;color: #555}
.price_support p.point{position: relative;font-size: 60px;line-height: 1.2;margin: 0 0 35px}
.price_support p.point strong{color: #a1232f}
.price_support p.point.on strong{color: #2146c7}
.price_support p.point img:nth-child(1){opacity: 1;}
.price_support p.point img:nth-child(2){opacity: 0;position: absolute;top:0;left:0}
.price_support.on p.point img:nth-child(1){opacity: 0;}
.price_support.on p.point img:nth-child(2){opacity: 1;}
.price_support p.tiny{font-size: 20px;color: #a1232f;line-height: 1.4;font-weight: normal;padding: 0 0 70px;margin: 0 0 30px;border-bottom: 1px dashed #c4c4c4}
.price_support .tiny_noti{color: #949494}
.price_support .tiny_noti li{line-height: 1.3;margin: 0 0 4px;padding: 0 0 0 8px;text-indent: -8px;font-size: 11px}


.evToggle h3 {width:100%;background:#e3e3e3;text-align:center;color:#222;font-size:15px;font-weight:500;padding:15px 0;cursor:pointer}
.evToggle h3 i {font-style:normal;font-size:12px;display:inline-block;margin-left:3px}
.evToggle h3.on i {transform:rotate(180deg)}
.evToggle dl {text-align:left;box-sizing:border-box;padding:0 20px 35px;font-size:14px}
.evToggle dt {margin-top:35px;color:#222;font-weight:500}
.evToggle dd {position:relative;padding-left:10px;margin-top:3px}
.evToggle dd:before {content:"-";position:absolute;top:0;left:0}
.evToggle dd span{display:none;}
.evToggle dd span.on{display:inline-block;}
.evToggle dd a {color:#4563d1; font-weight: normal}

.exam_select_dim .content_area .content_inner,
.anwer_view_dim .content_area .content_inner{padding:0}
.exam_select_dim .b_tit,
.anwer_view_dim .b_tit{background:#000;color:#fff;font-size:20px;padding:20px 0}
.exam_select_dim .btn_wrap{margin: 0 60px 0;padding:70px 0 60px;font-family:"Noto Sans KR", sans-serif}
.exam_select_dim .btn_wrap li{margin:0 0 20px}
.exam_select_dim .btn_wrap li a{display:flex;justify-content:center;align-items:center;flex-direction:column;height:85px;background:#cc8a91;font-size:21px}
.exam_select_dim .btn_wrap li.tiny_noti{font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;padding-left: 14px;text-indent: -14px;line-height: 1.4;font-size: 1.05em;}
.exam_select_dim .btn_wrap li .tiny_noti{font-size:14px;font-weight:400;margin:6px 0 0}


.answerinp_wrap,
.pop_answerinp_wrap{position:relative}
.answerinp_wrap .tit, 
.pop_answerinp_wrap .tit{font-weight:bold;font-size:18px;line-height:1;margin:0 0 10px;border-left:2px solid #000;padding:0 0 0 7px}
.quick .answerinp_wrap + .answerinp_wrap{margin-top:40px}
.answerinp_wrap .answer_zone{position: relative;padding: 0 0 0 6%;}

.answerinp_wrap ul, 
.pop_answerinp_wrap ul{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;border:1px solid #ccc;border-width: 1px 0px 0px 1px;margin:0 0 30px}
.quick .answerinp_wrap ul, 
.quick .pop_answerinp_wrap ul{margin:0;border-width: 1px 0px 0px 0;}
.quick .answerinp_wrap ul + ul, 
.quick .pop_answerinp_wrap ul + ul{margin-top:-1px}
.answerinp_wrap li, 
.pop_answerinp_wrap li{width:20%;text-align:center;font-size:16px;border:1px solid #ccc;border-width:0px 1px 1px 0px}
.quick .answerinp_wrap li, 
.quick .pop_answerinp_wrap li{width:calc(100% / 25)}
.quick .answerinp_wrap li:nth-child(5n),
.quick .pop_answerinp_wrap li:nth-child(35){border-right:1px solid #000}


.answerinp_wrap .answer_zone .info, 
.pop_answerinp_wrap .answer_zone .info{width:6%;position:absolute;top:0;left:0;text-align: center;border: 1px solid #ccc;border-width: 1px 1px 1px 1px;}
.answerinp_wrap .answer_zone .info.over25, 
.pop_answerinp_wrap .answer_zone .info.over25{top:69px;}
.answerinp_wrap li label, 
.pop_answerinp_wrap li label{display:block}
.answerinp_wrap .answer_zone .info .num,
.answerinp_wrap li .num, 
.pop_answerinp_wrap li .num{display:block;background:#ededed;line-height:26px;height:28px;border-bottom:1px solid #ccc}
.answerinp_wrap .answer_zone .info .inp,
.answerinp_wrap li .inp, 
.pop_answerinp_wrap li .inp{line-height: 1;height: 40px;display: flex;justify-content: center;align-items: center;}
.answerinp_wrap li .inp input[type=text], 
.pop_answerinp_wrap li .inp input[type=text]{text-align:center;padding:0;margin:0;height:100%;border:0;font-size:inherit}

[class*='mg_'] .pop_answer_sheet{padding:45px 40px;font-family:"Noto Sans KR", sans-serif}
[class*='mg_'] .pop_answerinp_wrap + .pop_answerinp_wrap{margin:30px 0 0}
[class*='mg_'] .answer_check{clear:both;float:none;font-weight:bold;line-height:1.4;border-radius:0;width:200px;background:#000;padding:14px 0;font-size:18px;color:#fff;text-align:center;margin:30px auto 0;display:block;font-weight:bold}
 

.timer_wrap{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;position:absolute;right:0;top:101px}
.timer_wrap .time_state{margin:0;text-align:left;float:none;vertical-align:unset}
.timer_wrap .time_state{font-size:21px;text-align:left;font-size:21px;color:#000 !important;line-height:1}
.timer_wrap .time_state.on{color:#f00 !important;}
.timer_wrap .time_state span, .timer_wrap .end_time_state span{display:block;background:none;padding:0;letter-spacing:0;margin:0 0 0}
.timer_wrap .time_state b, .timer_wrap .end_time_state b{font-weight:400;}
.timer_wrap .time_state b strong, .timer_wrap .end_time_state b strong{font-weight: bold;}
.timer_wrap .end_time_state{margin:9px 0 0;font-size:21px;text-align:left;font-size:21px;color:#000 !important;line-height:1}
.timer_wrap .time_state span span, .timer_wrap .end_time_state span span{display: inline;}
.timer_wrap .time_state span span.countdown-amount, .timer_wrap .end_time_state span span.countdown-amount{font-weight: bold;}
.timer_wrap .time_state span span.countdown-period, .timer_wrap .end_time_state span span.countdown-period{margin: 0 5px 0 0;}

.lnb_tab{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;margin:0 0 60px}
.lnb_tab li{flex:1;text-align:center;margin:0 0 0 -1px}
.lnb_tab li a{display:block;background:#f5f5f5;font-size:19px;font-weight:bold;color:#8a8a8a;padding:17px 0;border:1px solid #c3c3c3}
.lnb_tab li.on a{background:#000;color:#fff;border-color:#000}
.roundselect_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;margin: 0 0 10px;}
.roundselect_wrap select{width: 160px;height: 35px;border: 1px solid #555;padding: 0 0 0 10px;}
.eventWrap .apply_score .result_cont .blind{height: calc(100% - 93px);width: 30%;}

.leftS {background: var(--point-color2)} 
.leftS .menu > li.on > a > span {color: var(--point-color1)} 
.leftS .menu li.on > a {color:var(--point-color1)} 
.leftS .toggle_left img {background: var(--point-color1)} 
.leftS .menu > li > a i.toggle, .topS .menu > li > a i.toggle {background: var(--point-color1)} 
.leftS .menu > li > a i.toggle::before, .topS .menu > li > a i.toggle::before {border-right-color: var(--point-color1)} 
.leftS .menu > li > a i.toggle.on, .topS .menu > li > a i.toggle.on {background: var(--commentary-color1); color: #000; font-weight: 700} 
.leftS .menu > li > a i.toggle.on::before, .topS .menu > li > a i.toggle.on::before {border-right-color: var(--commentary-color1)} 
.leftS .menu > li li {margin: 15px 0} 
.leftS .menu > li:last-child {border-bottom: none}
.leftS .lnbBnr {display: inline-block; margin: 30px 0 0} 
.leftS .menu > li.event_left { background: #ebeffd; } 
.leftS .menu > li.event_left > a { color: #0588fe; padding: 18px 22px; font-size: 15px; } 
.leftS .menu > li.event_left.imgbnr > a {padding: 0} 
.leftS .menu > li.event_left > a strong { color: #fff; background: linear-gradient(90deg, #0588fe 0%, #f16fff 100%); font-weight: 400; border-radius: 50px; padding: 0 8px; font-size: 12px; margin-bottom: 5px; display: inline-block; } 
.leftS .menu > li:last-child { border-bottom: 1px solid #cdcdcd; } 


/*************************************************************************************************************/
/* common */
.red {color: #e02b3c} 
.eventWrap .tiny_txt {width: 100%; text-align: left} 
.com_tit h3 img, .eventWrap .board_common .com_tit h3 img {vertical-align: unset; margin: -10px 10px 0 0} 
.com_tit h3, .eventWrap .board_common .com_tit h3 {font-weight: bold;display: flex;align-items: center;float: none;font-size: 36px;margin-bottom: 0;line-height: 1;font-weight: 900;} 
.eventWrap .board_common .com_tit h3.cau {font-weight: 600; font-size: 53px} 

h3.commonTit {font-size: 40px;line-height: 108%;letter-spacing: -2px;margin-bottom: 20px;font-weight: 900} 
h3.commonTit sup {font-size: 30px; vertical-align: top; margin: -5px 0 0; display: inline-block} 
h3.commonTit b {position: relative; z-index: 1} 
h3.commonTit b::before {content: "";display: block;width: 101%;left: 50%;bottom: 6px;height: 12px;background: #e2e8ff;position: absolute;z-index: -1;transform: translateX(-50%)} 

/* table*/
table.list tr.notice td a {color:#1283ec} 
.tbl_wrp .tbl tr:last-child th {border-bottom: 1px solid #9c9c9c} 
.tbl_wrp .tbl tr td.line1 {padding: 38px 7px} 
.tbl_wrp .tbl td ul {display: inline-block; text-align: left} 
.tbl_wrp .tbl.tal td {text-align: left} 

.tbl_wrp .tbl .square_list {display: flex; flex-direction: column; gap:30px;}
.tbl_wrp .tbl .step_list {display: flex;gap: clamp(20px, 7.5vmin, 70px);} 
.tbl_wrp .tbl .step_list li{background: #ebebeb;padding: 25px 30px;position: relative;display: flex;justify-content: center;align-items: center;} 
.tbl_wrp .tbl .step_list li + li::before{content: '';position: absolute;top: 50%;left: -42px;width: 10px;height: 14px;background:var(--point-color1);margin: -7px 0 0;} 
.tbl_wrp .tbl .step_list li + li::after{content: '';position: absolute;top: 50%;left: -32px;width: 2px;height: 2px;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 10px solid var(--point-color1);margin: -12px 0 0;} 


.flt_share{position: absolute;top: 280px;right:50px;z-index:3}
.flt_share ul li{margin-bottom:10px}
.flt_share ul li.top{display: none}
.flt_share.fixed{top: 50px;position: fixed}
.flt_share.fixed ul li.top{display: block}
.flt_share .close {display: none;position: absolute;right: 0;width: 20px;height: 20px;top: 0;background: url(https://img.megagong.net/m/2023/0330_academy/bn_flt_cls.png) no-repeat center;z-index: 3}
.flt_share.fixed .close {display: block}
.flt_inner.renewal {top: 100px;}
.flt_inner.renewal li{margin-top: 10px;text-align: center}
.flt_inner.renewal li.top img {width: 68px; max-width: 50%;}
.allp {position: absolute;top: 150px;right: 50px;z-index: 1} 
.allp.endevt {right: 50%;margin: 0 -560px 0 0;top: 110px} 
.allp a{display:block;margin-top:10px}
.allp a:first-child{margin-top:0}

/* flt_bnr */
.flt_bnr {position: absolute; text-align: right; top: 340px; right: 50px; z-index: 2;}
.flt_bnr li + li {margin: 10px auto 0;}
.flt_bnr li.top {text-align: center; margin-top: 2%;}
.flt_bnr li.top img {width: 68px; max-width: 50%;}


.sTxt.on a {color: #4563d1; border-color: #4563d1} 

/*main*/
.mainCon1 .main_point_text {margin: 70px 0 20px; position: relative; z-index: 1} 
.mainCon1 .main_img_span {position: absolute; bottom: 0px; left: 55%; transform: translateX(-51%); width: 2055px} 
.mainCon1 h3 i {position: absolute; top: -110px; right: -40px; left: inherit; z-index: 1} 
.mainCon1 h3 i a {display: inline-block} 
.mainCon1 p b span {color:#4563d1} 
.mainCon1 p b i {font-style: normal} 
.mainCon1 p b i {font-size: 14px; color: #777777; vertical-align: top; position: relative; top: -10px; font-weight: normal} 
.mainCon1 p strong {display: block; padding: 65px 0 0}

.mainCon1 p b {font-size: 17px; margin-top: 7px; display: block; font-weight: 500; color:#fff}
.mainCon1 .tiny_noti {font-size: 13px; color: #555; margin: 10px 0 0; display: block} 
.mainCon1 .apply_state {padding: 70px 0 0; color: #fcffa6} 
.mainCon1 .apply_state {padding: 70px 0 0; color: #fcffa6} 
.mainCon1 .apply_state.gradi {color: #fff;width: 400px;padding: 21px 0;border-radius: 100px;margin: 0 auto 45px;background:linear-gradient(90deg, rgba(253,30,217,1) 21%, rgba(2,150,255,1) 70%);font-size: 21px;height: 64px;} 
.mainCon1 .apply_state.gradi span, .mainCon1 .apply_state sup {color: #fff} 
.mainCon1 .apply_state.gradi strong {color: #fff;font-size: inherit;padding: 0 0 0 0} 
.mainCon1 .content {width: 662px; margin: 0 auto; background: #fcffa6; border-radius: 100px; font-size: 31px; font-weight: 700; padding: 21.1px 0} 
.mainCon1 .content span {display: none} 
.mainCon1 .content span.on {display: block} 
.mainCon1 .content strong {font-weight: 900} 
.mainCon1 .content .col_blue {color: #4564d1} 
.mainCon1 .content .col_red {color: #eb5353} 
.mainCon1 .main_day {position: relative} 

.mainCon2 {background:var(--point-color2);; padding:110px 0} 
.mainCon2 ul.examcharac_wrap > li {background: #fff; position: relative; border-radius: 20px; box-shadow: 3px 3px 14px 0px rgba(0,0,0,0.1)} 
.mainCon2 ul.examcharac_wrap > li:nth-child(1) p {position: absolute; bottom: -30px; right: 0; opacity: 0.5; font-weight: normal}
.mainCon2 ul.examcharac_wrap > li+li {margin-top: 140px} 
.mainCon2 ul.examcharac_wrap > li h4 {position: absolute; top: -30px; left: 0; width: 100%; text-align: center}
.mainCon2 .type_roll {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin: 0 32px 0 40px; padding: 120px 0 0}
.mainCon2 .type_roll li {width: 134px; border: 3px solid #f9f9f9; margin: 0 5px 10px 5px; font-size: 17px; font-weight: bold; line-height: 54px; border-radius: 10px; background: #f9f9f9}
.mainCon2 .type_roll li.on {border-color:#4564d1; color:#4564d1; font-weight:900}
.mainCon2 .type_roll + .tiny_noti {text-align: right; padding: 0 36px 40px 0; font-weight: normal; opacity: 0.4}
/* .mainCon2 ul li.tea img.on {display: inline-block} */
.mainCon2 ul li {margin-top: 0px} 

.mainCon3 {background: #fff; padding: 158px 0 160px} 
.mainCon3 h3.commonTit {margin: 0 0 0px; font-size: 54px} 
.mainCon3 h3.commonTit span {display: block; font-size: 32px; margin: 0 0 15px; line-height: 1}
.mainCon3 .charac {position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; padding: 25px 0 0}
.mainCon3 .charac li {margin: 0 -9px}
.mainCon3 ul.con3_cont {margin: 60px 0 0} 
.mainCon3 ul.con3_cont li {display: inline-block; margin: 0 18px 0 0} 
.mainCon3 ul.con3_cont li:last-child {margin: 0 0} 
.mainCon3 ul.con3_cont li .img {position: relative} 
.mainCon3 ul.con3_cont li .img i {position: absolute; right: -38px; top: -27px} 
.mainCon3 ul.con3_cont li .tx {background: #ececec; height: 95px; border-radius: 0 0 30px 30px; position: relative} 
.mainCon3 ul.con3_cont li .tx p {font-size: 19px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%} 
.mainCon3 ul.con3_cont li .tx p .mo {display: none} 

.lineBox {background:#4564d1} 
.lineBox .inner p {letter-spacing: 0.1em; color: #fff} 

.mainCon4 {padding:150px 0 80px} 
.mainCon4 .tab_base {display:inline-block; text-align:center} 
.mainCon4 .tab_base li {display:inline-block} 
.mainCon4 .tab_base li p:after {content:""; display:none; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width: 0; height: 0; border: 10px solid transparent; border-top: 10px solid #000} 
.mainCon4 .tab_base li.on p {color:#fff;background:#000;} 
.mainCon4 .tab_base li.on p:after {display:block} 
.mainCon4 .tabcontent {margin-top:40px; overflow:hidden} 
.mainCon4 .tabcontent > div {display:none} 
.mainCon4 .btn a span{color: var(--commentary-color1)} 

.rcbox {position:relative} 
.rcbox i.finish_end {position:absolute; top: 30px; right: 40px; z-index:3} 
.receipt {border:2px solid #1d1d1d; width:100%; height: auto; background: url(https://img.megagong.net/m/2022/1124_gongexam/con_img13.jpg) no-repeat 100% 0; position:relative; box-sizing:border-box; padding: 70px 80px 80px 90px; text-align:left} 
.receipt:before {background: #4563d1} 
.receipt.online {background-image:url(https://img.megagong.net/m/2022/1124_gongexam/con_img14.jpg); margin: 15px 0 0} 
.receipt dt {font-size: 43px; line-height:120%; color:#222; font-weight: bold; margin-bottom: 45px} 
.receipt dt .state {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin: 0 0 11px}
.receipt dt .state i {display: block; font-style: normal; font-size: 20px; padding: 6px 19px 7px; line-height: 1; border-radius: 40px; margin: 0 10px 0 0; background: #e02b3c; color: #fff; width: 130px; text-align: center}
.receipt.online dt .state i {background: #4563d1}
.receipt dt .state a {display: block; font-style: normal; font-size: 21px; border-bottom: 1px solid #000; padding: 0 0 6px; line-height: 1; margin: 0 10px 0 0}
.receipt dt .state a.on {color:#e02b3c; border-color:#e02b3c}
.receipt.online dt .state a.on {color: #4563d1; border-color:#4563d1}
.receipt.online dt b {color:#4563d1}
.receipt dl {position: relative} 
.receipt dd {position:relative; overflow:hidden; margin-top:15px} 
.receipt dd p {float:left; width:120px; position:relative; font-size:19px; line-height:120%; font-weight: bold; padding-left:10px} 
.receipt dd p:before {content:""; display:block; width:3px; height:18px; background:#000; position:absolute; top:3px; left:0} 
.receipt dd span {float:left; font-size:19px; line-height: 1.3; font-weight: bold; /* width: calc(100% - 120px); */}
.receipt dd span del {font-weight: normal; margin: 0 7px 0 0}
.receipt dd span i {font-style: normal; color: #e02b3c; font-size: 15px; font-weight: normal} 
.receipt dd.ico {font-size: 17px; background: #1d1ce5; color: #fff; display: inline-block; padding: 3px 31px; border-radius: 100px; position: absolute; bottom: -3px; left: 220px} 
.receipt dd.ico.on {background: #e02b3c} 
.receipt dd.ico strong {color: #f0d542} 
.receipt .btn {margin-top:45px; text-align:center} 
.receipt .btn li {position: relative; display:inline-block; vertical-align:top; width: 340px} 
.receipt .btn li i.finish_end {top: inherit; bottom: 28px; right: -71px}
.receipt .btn li a {display:block; width:100%; height:65px; background:#222; text-align:center; line-height:65px; color:#f5f5f5; font-size:23px; font-weight:500} 
.receipt .btn li.finish {cursor: default} 
.receipt .btn li.finish a {background:#a5a5a5; color:#fff; cursor: default} 
.receipt + .tiny_txt_left {padding: 20px; line-height: 1.6} 
.receipt .btn + .tiny_txt {font-size: 12px; color: #808080; position: absolute; left: 40px; bottom: 20px} 

.benefit {background: #dde9ff; border: 2px solid #000; margin: 15px 0 0; padding: 74px 40px} 
.benefit .tit {font-size: 45px; font-weight: 700; margin: 0 0 58px} 
.benefit .tit span {color: #4564d1} 
.benefit .content {text-align: left; position: relative} 
.benefit .content ul li {margin: 0 0 22px} 
.benefit .content ul li:last-child {margin: 0 0} 
.benefit .content ul li .num {display: inline-block; vertical-align: middle; margin: 0 20px 0 35px} 
.benefit .content ul li .txt {display: inline-block; vertical-align: middle; letter-spacing: -0.04em} 
.benefit .content ul li .txt strong {display: block; font-size: 25px; color: #4564d1} 
.benefit .content ul li:first-child .txt strong {color: #e02b3c} 
.benefit .content ul li .txt span {font-size: 19px} 
.benefit .content .book {position: absolute; right: 50px; bottom: -5px} 
.benefit .cautn {margin-top: 45px; padding-top: 35px; position: relative} 
.benefit .cautn::before {content:''; width: 100%; border-top: 1px dashed #cad4e6; position: absolute; left: 0; top: 0} 
.benefit .cautn li {text-align: left; color: #808080; font-size: 12px; margin-bottom: 2.6px; letter-spacing: -0.045em} 

.evToggle dd a {color:#4563d1; font-weight: normal} 

#pop_wrap {max-width: 100%} 
#pop_wrap table.t_border1 tr th, #pop_wrap table.t_border1 tr td {font-size: 16px} 
#pop_wrap table.t_border1 tr td.onlyInp > span input {font-size: 16px} 
#pop_wrap table.t_border1 tr td .tiny_noti {font-size: 12px; color: #ea5b6d;; line-height: 1; margin: 6px 0 0; font-weight: normal} 
.pop_wrap .apply_zone .write_info table tr th br {display: block} 
#pop_wrap .write_info td.addPoint > div strong {margin-right: 20px} 
#pop_wrap .write_info td.addPoint > div strong .noti_star {color: #f00; vertical-align: top;}
#pop_wrap .write_info td.addPoint > div div label {margin-right: 20px} 
#pop_wrap .write_info .tiny_noti {margin-top: 10px;}
#pop_wrap .write_info .tiny_noti span {color: #f00;}
.pop_wrap .info_text dl dt strong span {color:#000} 
#pop_wrap .privacy_wrap {margin: 30px 0 0} 
#pop_wrap .privacy_box {height: 110px; padding: 20px 18px; background: #fff} 
#pop_wrap .privacy_check {margin-top: 8px 0 0; color: #9b9b9b} 
#pop_wrap .privacy_box strong {padding: 20px 0 0; font-weight: 600} 

/* apply_main */
.eventWrap .apply_main .exam_intro .btn_wrap a {background: #000} 
.eventWrap .apply_main .exam_intro .btn_wrap a strong{color:var(--point-color4)} 
.eventWrap .apply_main .btn_box a {background: #000 !important; padding: 13px 0; font-weight: 400} 
.eventWrap .apply_main .btn_box a.point {background: var(--point-color1)  !important} 
.eventWrap .apply_main .exam_warning {background: #000000; text-align: center; padding: 28px 5px; margin: 20px 0 90px} 
.eventWrap .apply_main .exam_warning .ico {display: inline-block; margin: 0 40px 0 0} 
.eventWrap .apply_main .exam_warning ul {display: inline-block; vertical-align: middle} 
.eventWrap .apply_main .exam_warning ul li {color: #fff; text-align: left; font-size: 20px; position: relative; padding-left: 10px} 
.eventWrap .apply_main .exam_warning ul li::before {content: '-'; position: absolute; left: 0; top: -3px} 
.eventWrap .apply_main .exam_warning ul li strong {color: #fd411e} 

.exam_select_dim .btn_wrap li a {background: #4564d1} 

/* apply_start_simple */
.eventWrap .apply_start .com_tit.first h3,
.eventWrap .apply_comment .com_tit.first h3 {padding: 5px 0 0}
.eventWrap .apply_start .com_tit.first h3 img,
.eventWrap .apply_comment .com_tit.first h3 img{margin: -5px 18px 0 0}
.quick .answerinp_wrap li, .quick .pop_answerinp_wrap li {width: calc(100% / 20)} 
.quick .answerinp_wrap li:last-child, .quick .pop_answerinp_wrap li:last-child {border-right: 1px solid #ccc} 
.answerinp_wrap .answer_zone .info, .pop_answerinp_wrap .answer_zone .info {font-weight: 700} 
.eventWrap .apply_start .answer_check, .eventWrap .apply_start .answer_sheet .answer_check {background: var(--point-color1)} 
.answerinp_wrap + .tiny_noti, .pop_answerinp_wrap + .tiny_noti {font-size: 14px; padding: 26px 0 0} 

/* apply_start */
.eventWrap .apply_start .com_tit.first h3 img.ver2 {margin: 0 10px 0 0} 
.eventWrap .apply_start .subject_tab li.on a {background: var(--point-color1);border: 1px solid #000;border-bottom: 0}
.eventWrap .apply_start .answer_sheet.normal {max-height: 1005px; overflow-y: auto; padding: 0 0; margin: 90px 0 0} 
.eventWrap .apply_start .question_wrap .tiny_noti {font-size: 14px} 
.eventWrap .apply_start .answer_check {margin: 56px auto 0} 
.eventWrap .apply_start .answer_check.mo {display: none; opacity: 0} 

.pop_wrap .apply_zone .write_info table tr td.addPoint > div strong {display: block; width: auto} 
.pop_wrap .privacy_wrap {font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif !important} 
#mock_ConfirmBefore_pop {z-index:10; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative} 
#mock_ConfirmBefore_pop .contentBox {width: 590px; background: #fff; padding: 40px 40px 0; position: absolute; bottom: 10px; border: 1px solid #333333; box-sizing: border-box} 
#mock_ConfirmBefore_pop .caution {position: relative} 
#mock_ConfirmBefore_pop .caution dt {font-weight: bold; font-size: 20px; margin: 0 0 20px; text-align: center; line-height: 1; color: #2d2d2d} 
#mock_ConfirmBefore_pop .caution dd {padding: 0 0 0 8px; text-indent: -8px; margin: 0 0 4px; font-size: 14px} 
#mock_ConfirmBefore_pop .contentBox .btnClose {position: absolute; background: transparent; font-size:13px; color:#ffffff; padding: 3px; /*width: 30px; */width:59px; height: 30px; right: 0; top: -35px; box-sizing: border-box; border:1px solid #868484} 
#mock_ConfirmBefore_pop .btn {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 28px 0 34px} 
#mock_ConfirmBefore_pop .btn li {margin: 0 6px} 
#mock_ConfirmBefore_pop .btn li a {display: block; width: 120px; background: #ccc; text-align: center; line-height: 42px; height: 42px; color: #fff; text-decoration: none; font-size: 16px} 
#mock_ConfirmBefore_pop .btn li a.cfrm {background: #000; color: #fff} 
#mock_ConfirmBefore_pop .close {display: inline-block; position: absolute; right: -1px; top: -37px} 
.pop_wrap .apply_zone .write_info table tr th br {display: none} 
.pop_wrap .apply_zone .write_info table tr th br.show {display: block} 
#pop_wrap .top_title {background: #ffffff; padding: 22px 0 2px} 
.pop_wrap .top_title br {display: block} 
#pop_wrap .top_title strong {color: #000; font-size: 31px} 
#pop_wrap .noti_wrp {display: flex; justify-content: space-between; align-items: flex-end} 
.pop_wrap .privacy_box {font-weight: normal} 
.pop_wrap .info_text dl dt strong span {color:#000} 
.pop_wrap .info_text dl dd strong {color:#000; font-weight: 300} 
#pop_wrap .write_info .info_tit {margin: 0px 0 8px} 
#pop_wrap .write_info .info_tit strong::before {top: 35%; width: 12px; height: 12px} 
#pop_wrap .write_info .info_tit strong {font-size: 17px} 

#pop_wrap .write_info .new_area_sel td.area > div div {width: 95%} 
#pop_wrap .write_info .new_area_sel select.long_sel {width: 230px} 
#pop_wrap .write_info .new_area_sel td.area.wide_div > div div {width: 98%} 
#pop_wrap .write_info .new_area_sel select.wide_sel {width: 610px} 
#pop_wrap .write_info td.addPoint > div:nth-child(1) {display: flex; align-items: center} 

#pop_wrap table.t_border1 tr th {background: #f5f5f5} 
#pop_wrap table.t_border1 tr th, #pop_wrap table.t_border1 tr td,#pop_wrap table.t_border1 {border-left: none} 
#pop_wrap table.t_border1, #pop_wrap table.t_border1 tr td:last-child {border-right:none} 
#pop_wrap .btnbox a.final {width: auto; padding: 0px 50px; font-size: 18px} 

/* apply_confirm */
.eventWrap .apply_confirm .inner {padding: 80px 0 0} 
.eventWrap .apply_confirm .tit2 {position: relative; padding: 10px 0 20px; font-size: 20px; font-weight: normal} 
.eventWrap .apply_confirm .roundselect_wrap {margin: 50px 0 0} 
.eventWrap .apply_confirm table {border-top:2px solid #000}
.eventWrap .apply_confirm h3 img {margin-right: 18px; display: inline-block} 
.eventWrap .apply_confirm .exam_caution {text-align: left; padding: 40px 0 0 20px; background: none; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; font-weight: normal}
.eventWrap .apply_confirm .exam_caution dl {font-size: 14px}
.eventWrap .apply_confirm .exam_caution dl dt {font-weight: bold; margin: 0 0 8px; color: #222}
.eventWrap .apply_confirm .exam_caution dl dd {margin: 0 0 5px; padding: 0 0 0 8px; text-indent: -8px}
.eventWrap .apply_confirm .print_btn {display: block; width: 100px; height: 40px; line-height: 40px; background-color: #000; color: #fff; margin: 0 auto; max-width: 100%} 

.eventWrap .apply_score .result_cont .blind {height: calc(100% - 93px); width: 27%} 
.eventWrap .apply_score .result_cont .blind.bl2 {height: calc(100% - 81px)} 
.eventWrap .apply_score .result_cont .blind p span {font-size: 20px; font-weight: 700} 
.eventWrap .apply_score .result_cont .blind.bl2 p span {font-size: 15px} 
.eventWrap .apply_score .result_cont .blind p span i {width: 73px; margin: 0 auto 20px} 
.eventWrap .apply_score .result_cont .blind.bl2 p span i {width: 64px; width: 23%; margin: 0 auto 2%} 
.eventWrap .apply_score .percentageTop5_wrap .blind{width: 100%;height: calc(100% - 65px);bottom: 34px}
.eventWrap .apply_score .result_cont .blind.gbn1 {width: 27%;}/*±â¼úÁ÷*/ 

.eventWrap .grade_score .cont_bottom_wrap.tip, .eventWrap .grade_score .cont_bottom_wrap.mt_tight {margin-top: 0} 
.eventWrap .grade_score .cont_bottom_wrap.mb100 {margin-bottom: 100px} 
.eventWrap .grade_score h5 {margin-bottom: 20px} 
.eventWrap .grade_score h5 .confirm_sc {font-size: 13px; font-weight: normal; background: #1240de; height: 28px; line-height: 28px; width: 106px} 
.eventWrap .cautn_grade {margin-top: 0; text-align: left} 
.eventWrap .cautn_grade.mb70 {margin-bottom: 70px} 
.eventWrap .cautn_grade dd {text-indent: -4px; padding: 0 0 0 4px} 
.eventWrap .cautn_grade dd a {background: #1240de} 
.eventWrap .grade_score .average_graph_compettn_wrap{position: relative;padding-left:140px}
.eventWrap .grade_score .comp_legend {display: flex;align-items: flex-start;justify-content: center;position: absolute;top: 0;left: 00;flex-direction: column;gap: 20px;height: 100%}
.eventWrap .grade_score .comp_legend span{font-weight: 900;display: flex;justify-content: flex-start;align-items: center;gap: 10px}
.eventWrap .grade_score .comp_legend span i{width:18px;height:18px;background: #bbb}
.eventWrap .grade_score .comp_legend span i.me{background: var(--point-color1)}

.eventWrap .grade_score .cont_bottom_wrap.tip {border-radius: 20px} 
.eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt {padding: 32.5px 23px 32.5px 115px; border-radius: 20px} 
.eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt strong {left: 23px; font-size: 15px; background: #0c3ee3} 
.eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt strong::before {border-left-color: #0c3ee3} 

.eventWrap .result_tab ul {margin: 0 0 30px -0.5%} 

.eventWrap .board_common .btn_wrap.f_right a {background: #000} 
.eventWrap .board_common .btn_wrap a.point {background: var(--point-color1) !important} 

.eventWrap .bBnr {margin-top: 80px} 
.eventWrap .bBnr .moVer {display: none} 

#popupDim .content_inner {background: #fff; text-align: center; padding: 35px 30px 40px} 
#popupDim .content_inner .pop_tit {font-size: 30px; font-weight: 900; line-height: 1.25} 
#popupDim .content_inner .pop_tit span {color: #0082ff} 
#popupDim .content_inner .pop_txt {margin: 14px 0 30px; font-size: 18px} 
#popupDim .content_inner .pop_content {border: 1px solid #dadada; border-width: 1px 0; padding: 18px 40px} 
#popupDim .content_inner .pop_content .cont_gift {display: inline-block; vertical-align: middle} 
#popupDim .content_inner .pop_content .cont_txt {display: inline-block; vertical-align: middle; text-align: left; font-size: 18px; line-height: 1.9; margin-left: 20px} 
#popupDim .content_inner .btn {background: #000; display: inline-block; color: #fff; font-size: 17px; padding: 19px 37.1px; margin: 30px 0 0} 
#popupDim .dim a.mg_btn_base.sm, #popupDim .dim .mg_btn_base.sm {border-color: #868484; vertical-align: top} 
#popupDim .dim .mg_btn_base.sm.close {padding: 6px 6px} 

/* 2024 01 24 */
.show-576 {display: none} 
.show-768 {display: none} 
.show-992 {display: none} 
.hide-992 {display: block} 

.fix_mode {padding-top:100px} 
.fix_menu {/*background: var(--point-color1);*/ background: #00BFFF; z-index: 5; position: relative; padding: 25px; color: #fff} 
.fix_menu ul {width: 1080px; margin: 0 auto; display:flex; align-items: center; justify-content:space-between} 
.fix_menu li {width: 20%; position: relative} 
.fix_menu li i {position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2} 
.fix_menu li a {font-weight: 500; display: block; padding: 13px 84px; font-size: 16px; position: relative; color:#000; font-weight: bold} 
.fix_menu li a br {display: none} 
.fix_menu li a:before {content:''; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #999; height: 40%; width: 1px} 
.fix_menu li:last-child a:before {display:none}
.fix_menu li.on a {color:rgba(255, 255, 255, 1)} 
.fix_menu.fixed {position: fixed; top: 0; left: 0; width: 100%} 
.fix_menu.fixed.bottom {position: fixed; bottom: 0; top:auto; left: 0; width: 100%; z-index: 6;} 
.fix_menu .fix_menu_top {font-size: 20px;font-weight: bold;width: 28%;text-align: left} 
.fix_menu .fix_menu_top .top_point {color: #000;font-size: 16px} 
.fix_menu .fix_menu_bot {display: flex; justify-content: space-between; align-items: center; width: 72%} 
.fix_menu_time_wrp {display: flex; justify-content: center; align-items: center} 
.fix_menu .fix_menu_time {font-size: 20px; font-weight: 500; background: #000; letter-spacing: 32px; padding: 8px 13px; text-align: center; width: 80px; position: relative} 
.fix_menu .fix_menu_time::before {content: ''; width: 8px; height: 100%; /*background: var(--point-color1);*/ background: #00BFFF; display: block; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%)} 
.fix_menu .fix_menu_text {margin: 0 20px 0 6px; font-size: 16px} 
.fix_menu .fix_menu_btn a {background: #fff} 
.fix_menu .box_link.toggle.fixed.on {background: #000; color: #fff} 

/* main tab */
.mainCon2 .tab_base {display: flex} 
.mainCon2 .tab_base > li {margin-top: 0px;background: var(--point-color3);color: var(--point-color5);font-size: 20px;font-weight: 400;border-bottom: 3px solid #000;border-right: 1px solid #fff;flex: 1;font-weight: 500;} 
.mainCon2 .tab_base > li.on {background: #fbfbff; color: #000; font-weight: 800; border: 3px solid #000; border-bottom: none} 
.mainCon2 .tab_base > li a {display: inline-block; width: 100%; padding: 22px 0} 
.mainCon2 .panel_base > li {margin-top: 0px;padding: 75px 0 0;position: relative;height: 1143px;} 
.mainCon2 .panel_base > li .tiny_noti {position: absolute; right: 0px; top: 16px; color: #a0a0a0} 
.mainCon2 .panel_base > li .panel_base_text {font-size: 26px;font-weight:400;margin-bottom: 50px;color: #3b3b3b} 
.mainCon2 .panel_base > li .panel_tea_img {margin: 0 -55px} 
.mainCon2 .panel_base > li:nth-child(3) h3.commonTit,.mainCon2 .panel_base > li:nth-child(4) h3.commonTit {line-height: 134%} 
.mainCon2 .panel_base > li:nth-child(4) h3.commonTit {margin-bottom: 70px} 
.charact_slider {position: relative} 
.charact_slider:not(.swiper-initialized) .swiper-wrapper {display: flex; justify-content: center;; flex-direction: row; flex-wrap: wrap; gap: 20px}
.charact_slider:not(.swiper-initialized) .swiper-slide {width: 31%} 
.charact_slider:not(.swiper-initialized) .swiper-slide:nth-of-type(2n) {display:flex; justify-content: flex-end} 
.charact_slider:not(.swiper-initialized) .item {margin: 14px 0; width: 300px} 
.charact_slider:not(.swiper-initialized) {padding: 0 0 30px; margin: 0 -27px} 
.charact_slider:not(.swiper-initialized) .swiper-pagination {display:none}
.charact_slider .img_cover img {box-shadow: 3px 5px 14px rgba(0,0,0,0.1);} 

.mainCon2 .panel_base .fac_slick2 .exam_ex_box {border-right: 1px solid #e6e6e6; box-shadow: 7px 7px 10px rgba(0,0,0,0.05); border-radius: 0 0 20px 20px} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(2n) .exam_ex_box {border-right: none} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(1) .exam_ex_box,.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(2) .exam_ex_box {margin-bottom: 45px} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(1) .exam_ex_body {border-radius: 0 0 0 10px} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(1) .exam_ex_head {border-radius: 10px 0 0 0}
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(2) .exam_ex_body {border-radius: 0 0 10px 0px} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(2) .exam_ex_head {border-radius: 0px 10px 0 0}
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(3) .exam_ex_body {border-radius: 0 0 0px 10px} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(3) .exam_ex_head {border-radius: 10px 0px 0 0}
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(4) .exam_ex_body {border-radius: 0 0 10px 0px} 
.mainCon2 .panel_base .fac_slick2 .swiper-slide:nth-child(4) .exam_ex_head {border-radius: 0 10px 0 0}
.mainCon2 .panel_base .fac_slick2 .exam_ex_head {font-size: 17px; background: #000; font-weight: 600; padding: 18px 0} 
.mainCon2 .panel_base .fac_slick2 .exam_ex_head.blue {color: #309bff} 
.mainCon2 .panel_base .fac_slick2 .exam_ex_head.white {color: #fff} 
.mainCon2 .panel_base .fac_slick2 .exam_ex_body {background: #fff; padding: 12px 0 25px} 
.mainCon2 .panel_base .fac_slick2 .exam_ex_body {background: #fff; padding: 12px 0 25px} 
.mainCon2 .panel_base .fac_slick2 .exam_ex_body img {display: block; margin: auto} 
.mainCon2 .panel_base .fac_slick2.slick-vertical .slick-slide {margin-bottom: 30px} 
.mainCon2 .panel_base .fac_slick2 .slick-list {padding: 0 5%; margin: 0 -5%} 
.fac_slick2 {position: relative} 
.fac_slick2:not(.swiper-initialized) .swiper-wrapper {display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; gap: 0px} 
.fac_slick2 :not(.swiper-initialized) .swiper-slide {width: 50%} 
.fac_slick2 :not(.swiper-initialized) .item {margin: 14px 0; width: 300px} 
.fac_slick2 :not(.swiper-initialized) {padding: 0 0 0px; margin: 0 0px} 
.fac_slick2 :not(.swiper-initialized) .swiper-pagination {display:none}

.arrow_box {position: relative} 
.arrow_box .cir_arrow {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1} 
.arrow_box .cir_arrow img {border-radius: 50%} 
.mainCon2 .panel_base .fac_slick3 {margin: 50px 0 0;display: flex;flex-wrap: wrap;flex-direction: row} 
.mainCon2 .panel_base .fac_slick3 .step_box{position:relative;display: inline-flex;justify-content: center;align-items: center;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);line-height: 0;}
.mainCon2 .panel_base .fac_slick3 .step_box.on:before {content:'';position:absolute;top:0;left:0;width:calc(100% - 6px);height:calc(100% - 6px);border:3px solid var(--point-color1)}
.mainCon2 .panel_base .fac_slick3 .step_box {} 
.mainCon2 .panel_base .fac_slick3 .step_box img {} 
.mainCon2 .panel_base .fac_slick3 .swiper-slide:nth-child(4) {order:1}
.mainCon2 .panel_base .fac_slick3 .swiper-slide:nth-child(3) {/* order: 1; */}
.fac_slick3 {position: relative} 
.fac_slick3:not(.swiper-initialized) .swiper-wrapper {display: flex;justify-content: center;flex-direction: row;flex-wrap: wrap;gap: 15px;align-items: center;} 
.fac_slick3 :not(.swiper-initialized) .swiper-slide {width: calc(50% - 28px);} 
.fac_slick3 :not(.swiper-initialized) .swiper-slide:first-child {width: 100%;} 
.fac_slick3 :not(.swiper-initialized) .item {margin: 14px 0; width: 300px} 
.fac_slick3 :not(.swiper-initialized) .swiper-pagination {display:none}

.fac_slick3.ver2 { position: relative; } 
.fac_slick3.ver2:not(.swiper-initialized) .swiper-wrapper {display: flex;justify-content: flex-start;flex-direction: column;flex-wrap: wrap;gap: 0px;align-items: stretch} 
.fac_slick3.ver2:not(.swiper-initialized) .swiper-slide {margin: 0 0 30px;height: 250px}
.fac_slick3.ver2:not(.swiper-initialized) .item { margin: 14px 0; width: 300px; } 
.fac_slick3.ver2:not(.swiper-initialized) .swiper-pagination { display:none } 
.fac_slick3.ver2 .swiper-wrapper{height: auto}
.fac_slick3.ver2 .step_box{position:relative;border: 0;box-shadow: 3px 9px 14px rgba(0,0,0,0.1);display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 95px 0 100px;background: #fff;height: 250px}
.fac_slick3.ver2 .step_box.on::before{content:'';border: 3px solid var(--point-color1);position:absolute;top:0;left:0;width:calc(100% - 6px);height:calc(100% - 6px)}
.fac_slick3.ver2 .step_box p{font-size: 16px;text-align: left;font-weight: normal;line-height: 1.6}
.fac_slick3.ver2 .step_box p b{font-size: 1.5em}
.fac_slick3.ver2 .step_box.on p b{color:var(--point-color1)}
.mainCon2 .fac_slick3.ver2 .swiper-pagination { z-index: 4; display: none; } 
.mainCon2 .swiper-pagination {z-index: 4; display: none} 

.mainCon4 .btn {font-size: 21px;font-weight: 500;margin-top: 35px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 20px} 
.mainCon4 .btn a {display: block; padding: 25px 104px; background: var(--point-color1); color: #fff; line-height: 1} 
.mainCon4 .btn a.complete {background: #c3c3c3} 
.mainCon4 .btn a.black_ver {background: #000;color:#fff} 
.mainCon4 .btn a.black_ver strong{color:var(--point-color4)} 
.mainCon4 .faq.toggle {display: block; text-align: right;margin-bottom: 10px;} 
.mainCon4 .faq.toggle a {background: #efefef; display: inline-block; width: 225px; font-size: 13px; padding: 5px 0; text-align: center; font-weight: 400} 
.mainCon4 .faq.toggle.on a {background: #e0eef8} 
.mainCon4 .tabcontent {margin-top: 13px} 
.mainCon4 .tabcontent table {font-size: 17px} 
.mainCon4 .tabcontent .tbl_wrp.schedule .tbl.pc td {padding: 18px 0;} 
.mainCon4 .tabcontent .tbl_wrp.top_renew {margin-top: 40px} 
.tbl_wrp td.left {padding: 30px 30px;} 
.mainCon4 .tbl_wrp.schedule {position: relative} 
.mainCon4 .end_mark {position: absolute;right: 0;bottom: 320px;} 
.evtoggleWarning p.w_tit {font-size: 18px; font-weight: 600; padding: 12px 0; letter-spacing: 0px} 

.eventWrap .apply_main .tit2_wrap {display: flex; justify-content: space-between; align-items: center} 
.eventWrap .apply_main .tit2_wrap .btn_edit a {background: #5d5d5d; color: #fff; display: inline-block; font-size: 14px; padding: 5px 20px} 
.eventWrap .apply_main .tbl_wrap.exam_myinfo th {background: #f7f7f7} 
.eventWrap .apply_main .tbl_wrap.exam_myinfo tr th:nth-child(1) {border-left: none} 
.eventWrap .apply_main .tbl_wrap.exam_myinfo table th, .eventWrap .apply_main .tbl_wrap.exam_myinfo table td {padding: 12px 0} 
.eventWrap .apply_main .tbl_wrap.exam_myinfo table td {text-align: left; padding: 0 13px} 
.eventWrap .apply_main .tit2, .eventWrap .apply_start .tit2 {margin: 0 0 13px} 
.eventWrap .apply_main .tit2 span, .eventWrap .apply_start .tit2 span {display: block; text-align: left} 
.eventWrap .apply_main table {margin: 0 0 145px} 
.eventWrap .apply_main .agree_check_box {color: #707070} 
.pop_wrap .top_title h1 {color: #000; font-size: 30px} 
.pop_wrap .info_text {margin: 0px 20px;border: 1px solid #000} 
.pop_wrap .info_text dl {border-bottom: none} 

.eventWrap .board_common table.list.notice td[colspan="5"] {display: none} 

.main_day {display: flex; justify-content: center; align-items: center; gap: 35px} 
.mainCon1 .main_day p {margin: 0px;} 
.mainCon1 .main_day_tit {background: #fff; color: #000; font-size: 17px; font-weight: 600; display: inline-block; padding: 5px 28px; position: relative} 
.mainCon1 .main_day_tit .span_arrow {position: absolute; right: -14px; top: 50%; transform: translateY(-50%)} 
.main_day_text {display: flex; justify-content: center; align-items: center; gap: 38px; letter-spacing: 0px} 
.mainCon1 .main_day .main_day_text p {color: #fff;font-size: 22px;font-weight: 500;} 
.mainCon1 .main_day .main_day_app {position: relative;display: inline-block;} 
.mainCon1 .main_day .main_day_app::after {content: ""; display: block; width: 1px; height: 14px; background: #fff; opacity: 0.2; position: absolute; right: -20px; top: 56%; transform: translateY(-50%); z-index: 1} 

.eventWrap .simul_wrap{margin: -66px 0 80px}
.eventWrap .simul_wrap .youpop_btn{display: block;margin: 0 0 10px auto;width: 320px;border: 1px solid #ddd;padding: 4px 0;text-align: center;background: #5d5d5d;color: #fff}
.eventWrap .simul_wrap .link_btn .mo{display: none}

/* ÇÕ°Ý °¡´É¼º  */
.grade_score .possibility_text_wrap{display: flex;align-items: center;justify-content: center;background: #f0f0f0;border-radius: 2px;height: 60px;gap: 40px;margin: 0 0 30px}
.grade_score .possibility_text_wrap .item{display: flex;flex-direction: row;align-items: center;justify-content: flex-start}
.grade_score .possibility_text_wrap h6{font-size: 16px;font-weight: bold;margin: 0 15px 0 0}
.grade_score .possibility_text_wrap .typo_wrap{border: 1px solid #ababab;height: 35px;width: 150px;background: #fff;display: flex;justify-content: center;align-items: center}
.grade_score .possibility_text_wrap .typo_wrap input[type=text]{height: 100%;width: 100%;padding-left: 20px;box-sizing: border-box;font-size: inherit;border: 0;text-align: left}
.grade_score .possibility_text_wrap .typo_wrap .item:nth-child(2) input[type=text]{text-align: center}
.grade_score .possibility_text_wrap .typo_wrap .item:nth-child(2) input[type=text]{text-align: center}
.grade_score .possibility_text_wrap .typo_wrap .zone{padding: 4px 20px;line-height: 1;font-weight: normal}
.grade_score .possibility_text_wrap .typo_wrap .zone.zn0{background-color: #ff8c8c}
.grade_score .possibility_text_wrap .typo_wrap .zone.zn1{background-color: #ffd1a5}
.grade_score .possibility_text_wrap .typo_wrap .zone.zn2{background-color: #a6deff}
.grade_score .possibility_text_wrap .typo_wrap .zone.zn3{background-color: #f1a5ff}
.grade_score .possibility_text_wrap .typo_wrap .zone.zn4{background-color: #bfb1ff}

/* ÇÕ°Ý °¡´É¼º - ¸·´ë±×·¡ÇÁ */
.grade_score .loca_grp_wrp {position: relative;margin-bottom: 40px;padding: 35px 0 0}
.grade_score .loca_grp_wrp.dim_on .tbl_dim { display: block; top: -10px; }
.grade_score .loca_grp_wrp.dim_on .tbl_dim p { padding: 0; height: auto; width: 100%; }
.grade_score .loca_grp_wrp.dim_on .tbl_dim p span { position: static; margin: 0; width: auto; }
.grade_score .loca_grp_wrp.dim_on .pointer { display: none; }
.grade_score .loca_grp_wrp .pointer {position: absolute;background: #000;font-weight: bold;font-size: 14px;top: -35px;color: #fff;width: 120px;text-align: center;height: 30px;line-height: 29px;margin-left: -60px}
.grade_score .loca_grp_wrp .pointer::before {content: "";position: absolute;bottom: -8px;left: 50%;margin: 0 0 0 -8px;width: 0;height: 0;border-top: 8px solid #000;border-left: 8px solid transparent;border-right: 8px solid transparent}
.grade_score .loca_grp_wrp .pointer br { display: none}
.grade_score .loca_grp_wrp .pointer.left_fix{margin-left: 0}
.grade_score .loca_grp_wrp .pointer.right_fix{margin-left: -120px}
.grade_score .loca_grp_wrp .pointer.left_fix::before{left: 0;border-left: 0 solid transparent;margin: 0}
.grade_score .loca_grp_wrp .pointer.right_fix::before{border-right: 0 solid transparent;left: unset;right: 0}
.grade_score .loca_grp_wrp .zone1 { width: 30.4%; background-color: #ffd1a5; }
.grade_score .loca_grp_wrp .zone2 { width: 19.6%; background-color: #a6deff; }
.grade_score .loca_grp_wrp .zone3 { width: 20%; background-color: #f1a5ff; }
.grade_score .loca_grp_wrp .zone4 { width: 30%; background-color: #bfb1ff; }
.grade_score .loca_grp_wrp .lgw_zone {position: relative;float: left;height: 40px;text-align: center;font-weight: bold;line-height: 40px;font-size: 15px}
.grade_score .loca_grp_wrp .lgw_zone .score_num {position: absolute;bottom: -77%;right: 0;transform: translateX(50%);font-size: 14px;color: #000000;white-space: nowrap;font-weight: normal}
.grade_score .loca_grp_wrp .lgw_inner {padding: 0px 0 20px;position: relative}
.grade_score .loca_grp_wrp .lgw_inner::after {content:'';display:block;clear:both}
.grade_score .loca_grp_wrp .grpbox { margin-top: 10px; padding: 15px 26px 23px; border: 1px solid #ccc; }
.grade_score .loca_grp_wrp .grpbox .grp_tit { margin-bottom: 10px; font-weight: 700; font-size: 15px; color: #000000; }
.grade_score .loca_grp_wrp .grpbox .grp_tit .inner ul li { font-weight:400; font-size: 13px; line-height: 1.5; color: #666666}

.grade_score .myPossibility_info_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin: 0 0 080px}
.grade_score .myPossibility_info_wrap .myPossibility_graph{width: 45%}
.grade_score .myPossibility_info_wrap .cont_bottom_wrap{width: 51%;margin: 0 0 35px}
.grade_score .myPossibility_info_wrap .cont_bottom_wrap .cont_txt{height: 100%}

/* 0429 Áö¹æÁ÷ ´ëºñ ¸ðÀÇ°í»ç S */
.mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow1,
.mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow2 {position: relative; z-index: 1;}
.mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow1 .exam_ex_box,
.mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow2 .exam_ex_box {box-shadow: -7px 7px 10px rgba(0, 0, 0, 0.05);}
.mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow1::before {content: ''; position: absolute; width: 207px; height: 30px; background: url('https://image.megagong.net/m/2024/0429_gongexam/slide2_1_arr.png') no-repeat; top: 280px; right: -75px; z-index: 1;}
.mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow2::before {content: ''; position: absolute; width: 82px; height: 33px; background: url('https://image.megagong.net/m/2024/0429_gongexam/slide2_2_arr.png') no-repeat; top: 170px; right: -16px; z-index: 1;}
/* 0429 Áö¹æÁ÷ ´ëºñ ¸ðÀÇ°í»ç E */

/* reset */
.mainCon1 p { margin: 0; } 
.mainCon1 p strong { padding: 0px 0 0; display: inline-block; width: inherit; } 

/* renew */
.evSection.mainCon_state{background-color: #06248f;color:#fff;font-size: 22px;font-weight: bold;}
.evSection.mainCon_state strong{color: var(--point-color5);}
.evSection.mainCon_state strong sup{font-size: 14px;}
.evSection.mainCon_state .tiny_noti{margin: 4px 0 0;color: #808080;opacity: 1;font-size: 14px;}

.mainCon1 .mian_img_side { position: absolute; right: -970px; bottom: -60px; width: 2055px; } 
.mainCon1 .main_mini_tit {color: var(--point-color5);margin-bottom: 20px;font-size: 20px;font-weight: bold;letter-spacing: 0;display: flex;justify-content: center;align-items: center;gap: 20px;} 
.mainCon1 h3 > span {position: absolute;top: 60px;left: 0;width: 100%;}
.mainCon1 .main_text {font-size: 20px;color: #fff;margin: 0 0 30px;line-height: 1.6;font-weight: 500;} 
.mainCon1 .main_text.sub{font-size: 18px;opacity: 0.5;margin: 0 0 25px;font-weight: normal;display: none;} 
.mainCon1 .main_day {display: block;margin-bottom: 55px;} 
.mainCon1 .main_day_tit { margin-bottom: 18px; border-radius: 50px; font-weight: 800; } 
.mainCon1 h3 i { top: -130px; right: -114px; } 
.mainCon1 p .point_h { color: #f91edb; } 
.mainCon1 .main_day .main_day_app::after { opacity: 0.5; } 


/* 0429 v3: Áö¹æÁ÷ ´ëºñ ¸ðÀÇ°í»ç S */
.eventWrap .mainCon1 {background: #0c0c0c url(https://image.megagong.net/m/2025/0213_gongexam/con_img1.jpg) no-repeat center 0;}
.eventWrap .mainCon1 .inner {padding: 90px 0 65px;}
.mainCon1 .main_mini_tit sup {font-size: 12px;vertical-align: top;}
.mainCon1 .main_mini_tit b {color: #f91edb;}
.mainCon1 h3 b {display: block; line-height: 1; font-size: 91px; font-family: 'NotoSans KR'; font-weight: 900; background: -webkit-linear-gradient(0deg, rgba(253,30,217,1) 21%, rgba(2,150,255,1) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mainCon1 .main_text b {position: relative;color: #4564d1;}
.mainCon1 .main_day {margin: 0 auto 60px;}
/* 0429 v3: Áö¹æÁ÷ ´ëºñ ¸ðÀÇ°í»ç E */



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

    .rightS .inner {margin-left:203px; }
    .rightS.open .inner {margin-left:auto}

    .rightS .inner {margin-left:203px} 
    .rightS.open .inner {margin-left:auto} 

}



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


    .eventWrap .con_top .flo{top:30%;right:-5%}

}



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

    
    /*¹ÝÀÀÇü½Ã swiper ±æÀÌ À̽´*/
    .swiper-wrapper {height: fit-content;}

    .leftS {display:none}
    /*topMenu*/
    .topS {display:block;width:100%;background:#000}
    .topS.fixed {position:static;top:0;left:0;z-index:5}
    .topS h2 {width:100%;height: clamp(50px,9.0vmin,85px);color:#fff;display: flex;position:relative;border:1px solid #000;align-items: center;justify-content: center;font-size: clamp(16px,2.9vmin,24px);background: var(--point-color1);}
    .topS h2 p br {display:none}
    .topS .menu {width:100%;overflow:hidden;text-align: left;}
    .topS .menu > li {width:100%;overflow:hidden;font-size:18px;line-height:120%;font-weight:500;font-size: clamp(13px,2.0vmin,15px);}
    .topS .menu > li a {position:relative;border-bottom: 1px solid #cdcdcd;padding:10px;display:block}
    .topS .menu > li.on > a > span {font-weight: bold;} 
    .topS .menu > li ul {width:100%;overflow:hidden}
    .topS .menu > li li {float:left;width:33.333%;/* height:42px; */border-left:1px solid #222121;text-align:center}
    .topS .menu > li li:first-child {border-left:none}
    .topS .menu > li li a {border-bottom:none;font-size:13px}
    .topS .menu > li li.on > a {color:#c78589} 
    .topS .menu > li li a i {display:none}
    .topS .menu > li > a i.toggle{margin:-10px 0 0;left:100px}                  
    .topS .menu > li ul.row2 {border-bottom: 1px solid #222121;}
    .topS .menu > li ul.row2 li {width: 50%}

    .rightS .inner {width:96%;margin:auto}
    .inner {width:96%;margin:auto}

    .flt_inner.renewal {display: block; width: 28%; right: 1%}
    .flt_inner.renewal a {display: inline-block;border-radius: 100%;}
    .flt_inner.renewal .toggleImg span{border-radius: 100%;padding: 35px 0 0}
    .flt_inner.renewal .pc {display: none}
    .flt_inner.renewal .mo {display: block; position: relative}
    .flt_inner.renewal .mo a.close {display: inline-block;position: absolute;right: 1%;top: 0;z-index: 10}
   

    /*bar*/
    .box_link {display:flex;width:100%;height:75px;background:#000;color:#fff;text-align:center;font-size:27px;font-weight:900;z-index:5;align-content:center;align-items:center;justify-content:center;flex-direction:row;}
    .box_link span {color:#fff;display:none;}
    .box_link span.on {display:block}
    .box_link.box_link {position:fixed;bottom:65px;left:0}
    .box_link:hover {color:#fff}
    .box_link.on {background:#c78589}

    /*common*/
    h3.commonTit {font-size:35px} 
    .com_tit,
    .eventWrap .board_common .com_tit {padding-bottom:1.5vw;margin-top:40px;border-width:0 0 2px}
    .eventWrap .board_common .com_tit{margin-top: 0;}
    .com_tit h3,
    .eventWrap .board_common .com_tit h3 {font-size: clamp(17px,3.1vmin,26px);}
    .com_tit h3 img,
    .eventWrap .board_common .com_tit h3 img {height:40px;display: none !important;}
    .com_tit .sTxt {font-size:12px;margin:0 0 0 5px;display:none; }
    .com_box {margin-top:5vw}

    .tbl tr th,
    .tbl tr td,
    .tbl_wrp td.left{padding:12px 7px;font-size:14px;}
    table.list col.mo_none,
    table.list td.mo_none,
    table.list th.mo_none {display:none}

    table.list col:first-child {width:12%}
    table.list col:nth-child(3) {width:12%}
    table.list col:nth-child(4) {width:70px}
    table.list th {padding:10px 0 !important;font-size:13px;height:auto}
    table.list td {padding:10px 5px !important;font-size:13px}
    table.list td img.icon {width:75%;max-width:57px}

    /*main*/
    .mainCon1 {background-size:cover;height:auto;padding: 0 0 80px;}
    .mainCon1.moreheight{height: auto;max-height: 1220px;padding: 0 0 10%;}
    .mainCon1 .tiny_txt {margin-top:15px;font-size:11px;font-size: 11px !important;line-height: 1.1;}
    .mainCon1 h3 {margin: 0 10% 5%;}
    .mainCon1 h3 img{width: 100%;}
    .mainCon1 h3 i {top:-10vw;left:0;width:16%}
    .mainCon1 p {margin-top:6vw;font-size:25px}
    .mainCon1 .apply_state{font-size: 23px;padding: 6vw 0 0;font-weight: bold;line-height: 1;letter-spacing: 0;}
    .mainCon1 .apply_state strong{letter-spacing: 0.08em}
    .mainCon1 .apply_state.gradi{margin: 6% 10% 0;width: auto;font-size: 4.2vw;padding: 3% 0;height: auto;}
    
    .mainCon1 .support{border-radius: 80px;width: 90%;margin: 20px auto 0;font-size: 20px;padding: 12px 0 14px}
    .mainCon1 .support strong{font-weight: 900;color: #000 !important}

    .mainCon1 h3 i { top: 126%; right: 2%; width: 16%; } 
    .mainCon1 .typing_h3 .not_ty { margin-bottom: 1vw; } 
    .mainCon1 .main_day_tit { padding: 5px 28px; } 
    .mainCon1 .mian_img_side { right: -83%; bottom: -4%; width: 188%; } 
    .mainCon1 .main_mini_tit {font-size: clamp(14px, 2.5vmin, 20px);margin: 0 auto 3%;flex-direction: column;gap: 0px;} 
    .mainCon1 .main_text { margin-bottom: 9%; font-size: 24px; } 
    .mainCon1 .main_day { display: block; margin-bottom: 8%; } 

    /* 0429 v3: Áö¹æÁ÷ ´ëºñ ¸ðÀÇ°í»ç S */
    .eventWrap .mainCon1 .inner {padding: calc(10% + 50px) 0 5%;}
    .mainCon1 h3 span {padding: 0 20%;top: 8%;}
    .mainCon1 h3 b {font-size: clamp(42px, 9vmin, 91px);}
    .mainCon1 .main_text {font-size: clamp(13px, 2.5vmin, 20px);margin: 0 auto 7%;}
    .mainCon1 .apply_state.gradi {margin: 0 auto 3%; padding: 3vmin 0; height: auto;}
    .mainCon1 .main_day {margin: 0 auto 6%;}
    /* 0429 v3: Áö¹æÁ÷ ´ëºñ ¸ðÀÇ°í»ç E */

    .mainCon2 {padding:70px 0;}
    .mainCon2 ul li {margin-top:5vw}

    .mainCon3 {padding:12vw 0}
    .mainCon3 .box {margin-top:5vw}
    .mainCon3 .txt {margin:5px auto 0;font-size:11px}
    
    .mainCon3_offline {padding:12vw 0}
    .mainCon3_offline h3.commonTit {font-size: 35px}
    .mainCon3_offline h3.commonTit span {font-size: 21px; margin: 0 0 10px}
    .mainCon3_offline ul.con3_cont {margin: 5.5% 0 0}
    .mainCon3_offline ul.con3_cont li {margin: 0 1% 0 0; width: 32%}
    .mainCon3_offline ul.con3_cont li .img i {right: -10%; top: -11%; width: 60%}
    .mainCon3_offline ul.con3_cont li .img img {width: 100%}
    .mainCon3_offline ul.con3_cont li .tx {border-radius: 0 0 0 0; height: 80px}
    .mainCon3_offline ul.con3_cont li .tx p {font-size: 17px}

    .lineBox {height:auto;}
    .lineBox .inner p {font-size:20px;padding:3% 0%;}
    
    .mainCon4 {padding:70px 0;}
    .mainCon4 .tab_base {width:100%}
    .mainCon4 .tab_base li {max-width:115px;width:20%}
    .mainCon4 .tab_base li p {width:100%;height:45px;line-height:45px;font-size:15px}
    .mainCon4 .tab_base li p:after {bottom:-20px;border:10px solid transparent;border-top:10px solid #cc8a91}
    .mainCon4 .tabcontent {margin-top:4vw}

    .com_box.rcbox {margin-top:2vw}
    .com_box .sTxt {display:block;margin-bottom:10px;font-size:18px;text-align:right;}

    .rcbox .finish, .rcbox i.finish_end  {max-width:157px;width: 18vw;top:0;right:0}
    .receipt {background-size:auto 100%;height:auto;padding: 5vw 6vw;}
    .receipt + .receipt{margin-top: 20px}
    .receipt:before {width: 4px;}
    .receipt dt {font-size:30px;margin-bottom:4vw}
    .receipt dd {margin-top:10px;}
    .receipt dd p {width: 90px;font-size:17px;padding-left:10px}
    .receipt dd p:before {top:2px}
    .receipt dd span {font-size:17px}
    .receipt .btn {margin-top:5vw}
    .receipt .btn::after {content:'';display: block;clear: both;}
    .receipt .btn li {width: 48%;float: left;margin: 0;}
    .receipt .btn li + li{margin-left: 4%;}
    .receipt.offline .btn li {width:100%}
    .receipt .btn li i.finish_end{right: 0;}
    .receipt .btn li a {height:45px;line-height:45px;font-size:18px}
    .receipt .btn li.finish {max-width:620px;width:98%}
    .receipt dt .state {margin: 0 0 7px;} 
    .receipt dt .state i {font-size: 17px;padding: 5px 0 7px;width: 115px;} 
    .receipt dt .state a {font-size: 16px; padding: 5px 3px 7px}
    .receipt dd.ico {font-size: 13px; padding: 2px 20px; left: 160px; bottom: 0px}
    .receipt .btn + .tiny_txt{position: relative;bottom: inherit;left: inherit;padding: 10px 0 0}

    .price_support{background-size: 170px;height: auto;padding: 5vw 6vw;background-position: 94% 70px}
    .price_support p{font-size: 18px;margin: 0 0 10px}
    .price_support p.point{font-size: 34px;margin: 0 0 15px 0;width: 340px}
    .price_support p.point strong{color: #a1232f}
    .price_support p.point.on strong{color: #2146c7}
    .price_support p.tiny{font-size: 16px;padding: 0 0 20px;margin: 0 0 20px}
 
    .evToggle h3 {font-size:14px;padding:10px 0}
    .evToggle dl {padding:0 10px 5vw;font-size:13px}
    .evToggle dt {margin-top:5vw}

    .tbl_wrp.schedule td {padding:5vw 0}

    .answerinp_wrap li, 
    .pop_answerinp_wrap li{width:10%;font-size:15px}

    .timer_wrap {position:relative;right:inherit;top:inherit;flex-direction:row;justify-content:flex-end;margin:0 0 30px}
    .timer_wrap .time_state{font-size:18px}
    .timer_wrap .end_time_state{margin:0 0 0 20px;border-left:1px solid #000;padding:0 0 0 20px}
    .timer_wrap .end_time_state span{font-size:18px}

    /* 211110 */
    .lnb_bar.mo_for{background:#000}
    .lnb_bar > ul > li{background:#000;border-top:1px solid #222121}
    .lnb_bar > ul > li.on >a{color:#b27d4b}
    .lnb_bar > ul > li > a .mock_left{right:auto;left:100px}
    .lnb_bar > ul > li > a .mock_left img{width:auto;max-width:80%}
    .lnb_bar > ul > li.on > a::before{color:#b27d4b}
    .lnb_bar > ul > li ul{border-top:1px solid #222121}
    .lnb_bar h2.add_selct {padding:12px 0%;color:#000;background:#b27d4b;text-align:center;font-size:17px}
    .lnb_bar h2.add_selct span{display:inline-block}
    .lnb_bar h2.add_selct span:nth-child(2){color:#a1232f}
    .lnb_bar h2.add_selct span:nth-child(3){color:#000}
    .lnb_bar h2.add_selct span.select_tit{display:block;margin:10px auto 0;background:#040404;border:none;overflow:visible}
    .lnb_bar h2.add_selct span.select_tit ul{position:absolute;height:auto;top:auto;left:0;z-index:2;overflow:hidden;width:100%}
    .lnb_bar h2.add_selct span.select_tit ul li a{width:100%;text-align:center;padding:5px 0}
    .lnb_bar h2.add_selct span.select_tit ul li + li{border-top:1px solid #222}
    
    .eventWrap .con_top .flo{right:auto}
    .eventWrap .con_top .flo .pc{display:none}
    .eventWrap .con_top .flo .pc span{font-size:15px;padding-bottom:2px;border-bottom:1px solid #fff;color:#fff}
    .eventWrap .con_top .flo.type2{bottom:12%;top:auto;right:0}
    .eventWrap .con_top .flo.type2 .pc{display:block}
    .eventWrap .con_top .flo.type2 .pc img{display:none}
    .eventWrap .con_top .flo .mo{display:block;position:fixed;bottom:80px;z-index:99;right:1%}
    .eventWrap .con_top .flo .mo a.close{z-index:100;position:absolute;right:0;top:0;width:20%;height:15%;font-size:0}

    .eventWrap .con_top{min-height:auto}
    .eventWrap .con_top .inner{padding:10% 0}
    .eventWrap .con_top .tiny_txt{top:2%;font-size:10px}
    .eventWrap .con_top p.sub{margin:4% auto 10%;max-width:20%}
    
    .eventWrap .con_top .live_counting > div{text-align:center}
    .eventWrap .con_top .live_counting .end{max-width:12%;top:-100%}
    .eventWrap .con_top .live_counting > div > div p{margin-left:0;font-size:24px;margin:1% 0}
    .eventWrap .con_top .live_counting > div > div a{margin-left:4%;padding:9px 5%;font-size:20px;float:none}
    .eventWrap .con_top .live_counting > div > div a::before{right:5%;width:10px;height:23px;background-size:contain}
    .eventWrap .con_top .live_counting > div > div a.v2{display:inline-block}

    .eventWrap .pass_wrap{padding:20% 0 8%}
    .eventWrap .pass_wrap h4{font-size:40px}
    .eventWrap .pass_wrap h4::before{top:-100px;width:180px;height:72px;background-size:100%}
    .eventWrap .pass_wrap h4 span{font-size:20px}
    .eventWrap .pass_wrap span.tiny{font-size:10px;margin:10px auto 7%}
    .eventWrap .pass_wrap .pass_roll_wrap p{top:-22%}
    .eventWrap .pass_wrap .pass_roll_wrap{padding:4% 12% 4%}
    .eventWrap .pass_wrap .pass_roll .item strong{font-size:16px}
    .eventWrap .pass_wrap a{width:30%}
    
    .eventWrap .character{padding:20% 0 8%}
    .eventWrap .character h4{font-size:40px}
    .eventWrap .character h4::before{top:-100px;width:180px;height:72px;background-size:100%}
    .eventWrap .character h5{margin:20px auto 15px}
    .eventWrap .character ul{margin:0 auto 30px}
    .eventWrap .character ul::before{width:20%;height:20%;background-size:contain}
    .eventWrap .character ul li{width:49%}
    .eventWrap .character ul li img{width:100%}
    .eventWrap .character ul li:nth-child(2n){margin-left:2%}
    .eventWrap .character ul li+li+li{margin-top:0%}
    .eventWrap .character .bot_txt{font-size:28px}


    .eventWrap .apply_main h3.top_title, 
    .eventWrap .apply_start h3.top_title{font-size:28px;font-weight:bold;padding:38px 0}
    
    .eventWrap .exam_info{padding:8% 0 8%}
    .eventWrap .exam_info h4{margin:0 0 30px;padding:0 0 10px;border-bottom:3px solid #222;text-align:left}
    .eventWrap .exam_info h4 > img{max-width:35%}
    .eventWrap .exam_info h4 span{font-size:18px;bottom:10px}
    .eventWrap .exam_info .tab_list{width:100%;margin:0 auto 4%}
    .eventWrap .exam_info .tab_list li{width:24.5%;margin:0 0.25%}
    .eventWrap .exam_info .tab_list li a{width:100%}
    .eventWrap .exam_info .tab_list li a span{font-size:16px;width:100%}
    .eventWrap .exam_info .tab_list li.on::before{bottom:-10px;border-top:10px solid #ab774c;border-left:12px solid transparent;border-right:12px solid transparent;margin:0 0 0 -12px}
    .eventWrap .exam_info .tbl_con .flow{width:100%}
    .eventWrap .exam_info .tbl_con .flow.long{width:100%}
    .eventWrap .exam_info .tbl_con .flow.long2{width:100%}
    .eventWrap .exam_info .tbl_con .flow > div{padding:7px 8px;height:auto}
    .eventWrap .exam_info .tbl_con .flow:nth-child(3) > div,
    .eventWrap .exam_info .tbl_con .flow:nth-child(5) > div{padding:7px 8px}
    .eventWrap .exam_info .tbl_con .flow:last-child{border-right:1px solid #d5d5d5}
  
    .eventWrap .exam_info .examinfo{margin-bottom:55px}
    .eventWrap .exam_info .examinfo table th,
    .eventWrap .exam_info .examinfo table td{font-size:14px;padding:10px 15px}
    
    .eventWrap .exam_info .apply_box .end{max-width:12%;right:2%;top:-5%}
    .eventWrap .exam_info .apply_box .info{padding:40px 12% 40px}
    .eventWrap .exam_info .apply_box .btn_box{margin:30px auto 0;width:90%}
    .eventWrap .exam_info .apply_box .btn_box a{width:49%;padding:10px 0;font-size:18px}
    .eventWrap .exam_info .apply_box .btn_box a+a{margin-left:1%}
    .eventWrap .exam_info .apply_box .btn_box a.complete{width:80%}
    
    .eventWrap .exam_caution{padding:0 0 8%}
    .eventWrap .exam_caution div div{padding:20px 10px 0}

    .eventWrap .board_common h4{margin:0 0 30px;padding:0 0 10px;border-bottom:3px solid #222;text-align:left}
    .eventWrap .board_common h4 > img{max-width:35%}
    .eventWrap .board_common h4 span{font-size:18px;bottom:10px}
    .eventWrap .board_common table th{padding:8px 2px}
    .eventWrap .board_common table tbody th{padding:8px 2px}
    .eventWrap .board_common table tbody td{padding:8px 5px}
    .eventWrap .board_common .noticeEdit .board_view{padding: 15px;word-break:break-all}
    .eventWrap .board_common .noticeEdit .board_add{padding:10px 10px}
    .eventWrap .board_common .qInfo_tit{font-size:14px}
    .eventWrap .board_common .tab_list.que{margin:2% auto}
    .eventWrap .board_common .tab_list.que li{width:25%}
    .eventWrap .board_common .tab_list.que li a{font-size:14px;padding:10px 0}
    .eventWrap .board_common table.list.question colgroup col:nth-child(1){width:9%}
    .eventWrap .board_common table.list.question colgroup col:nth-child(2){width:9%}
    .eventWrap .board_common table.list.question colgroup col:nth-child(5){width:70%}
    .eventWrap .board_common table.list.question colgroup col:nth-child(7){width:12%}

    .eventWrap .board_common table.list.question2 th.mo_none, 
    .eventWrap .board_common table.list.question2 td.mo_none{display:none}
    .eventWrap .board_common table.list.question2 td[colspan="6"]{display:none}
    .eventWrap .board_common table.list.question2 colgroup col:nth-child(1){width:50px}
    .eventWrap .board_common table.list.question2 colgroup col:nth-child(2){width:50px}
    .eventWrap .board_common table.list.question2 colgroup col:nth-child(3){width:auto}
    .eventWrap .board_common table.list.question2 colgroup col:nth-child(4){width:none}
    .eventWrap .board_common table.list.question2 colgroup col:nth-child(5){display:none}
    .eventWrap .board_common table.list.question2 colgroup col:nth-child(6){width:auto;display:block}
    .eventWrap .board_common table.list.question2.count_o colgroup col:nth-child(6){width: 70px; display: table-column;}
    .eventWrap .board_common table.list.question2.count_o td[colspan="6"]{display:none}
    .eventWrap .board_common table.list.question2.count_o td[colspan="5"]{display:table-cell}

    .eventWrap .board_common table.list.notice th.mo_none, 
    .eventWrap .board_common table.list.notice td.mo_none{display:none}
    .eventWrap .board_common table.list.notice td[colspan="6"]{display:none}
    .mo_bor_ri_none{border-right:none !important}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(1){width:50px}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(2){width:50px}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(3){width:auto}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(4){width:40px}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(5){display:block}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(6){width:80px}

    
    .eventWrap .apply_main .inner{padding:10% 0 8%}
    .eventWrap .apply_main h3{padding:5% 0 4.5%}
    .eventWrap .apply_main h3 span img{max-width:77%}
    .eventWrap .apply_main .tit2{margin:0 0 15px}
    .eventWrap .apply_main .tit2 span{font-size:24px}

    .eventWrap .apply_main .exam_intro{margin:15% auto}
    .eventWrap .apply_main .exam_intro .intro_tit {font-size:20px}
    .eventWrap .apply_main .exam_intro .intro_tit span{font-size:16px}
    .eventWrap .apply_main .exam_intro .btn_wrap{margin:25px auto 0}
    .eventWrap .apply_main .exam_intro .btn_wrap a{font-size:15px;margin: 0;width: 47%;}
    .eventWrap .apply_main .exam_intro .btn_wrap a + a{margin-left: 2%;}

    .eventWrap .apply_main .exam_caution{padding:10px 20px 15px}
    .eventWrap .apply_main .exam_caution h5{margin:15px 0 0}
    .eventWrap .apply_main .exam_caution .btn_wrap{padding:0}
    .eventWrap .apply_main .exam_caution .btn_wrap a{float:left;width:49%;margin:0 0 0 1%}
    .eventWrap .apply_main .agree_check_box{margin:10px auto 25px;font-size:13px}
    .eventWrap .apply_main .tbl_con .down_btn{height:18px;background-size:contain}
    .eventWrap .apply_main .btn_wrap a.point {background-color:#217575}
    .eventWrap .apply_main .btn_box a{width:40%;padding:10px 0;font-size:18px}

    .eventWrap .apply_main .caution_wrap{padding: 20px 10px 20px 90px;margin: 0 0 50px;background-size: 50px;background-position: 20px 20px;font-size: 13px;}

    .eventWrap .apply_start .question_wrap{width:100%;margin:0 0 0}
    .eventWrap .apply_start .question_zone > .question .img_box{display: block;}
    .eventWrap .apply_start .question_zone > .question .frame_box{display: none;}
    .eventWrap .apply_start .answer_sheet table tbody tr.end td, 
    .eventWrap .apply_start .pop_answer_sheet table tbody tr.end td{background:#f9f0e5}
    .eventWrap .apply_start .answer_sheet, 
    .eventWrap .apply_start .pop_answer_sheet{width:100%;padding:50px 0 0}
    .eventWrap .apply_start .answer_sheet.normal{position:fixed;bottom:65px;left:0;width:100%;background:#fff;z-index:1;height: 240px;border-top:1px solid #cdcdcd;padding:15px 2% 25px;overflow:auto;box-shadow:0px 0px 10px #a0a0a0}
    .eventWrap .apply_start .question_zone > .question{height:auto}
    .eventWrap .apply_start .answer_check,
    .eventWrap .apply_start .answer_sheet .answer_check{padding:10px 0;width:40%;font-size:18px;margin-top:30px;}
    .eventWrap .apply_start .subject_tab{padding:0}
    .eventWrap .apply_start .subject_tab{overflow: auto;}
    .eventWrap .apply_start .subject_tab li{width: calc(33.3% - 2px);flex: none;}
    .eventWrap .apply_start .subject_tab select{display: none;}

    .eventWrap .con_top .character li > strong br{display:none}
    
    .eventWrap .apply_confirm .inner, .eventWrap .apply_main .inner {padding: 70px 0}
    .eventWrap .board_common {padding: 70px 0}
    .eventWrap .board_common .infoSearch {margin: 30px 0 25px}
    .eventWrap .board_common .noticeView {margin-top: 30px}
    .eventWrap .apply_confirm .exam_caution {padding: 20px 0 0}
    .eventWrap .apply_confirm .exam_caution dl {font-size: 13px}
    .eventWrap .apply_confirm .exam_caution dl dd {font-size:13px}

    #mock_ConfirmBefore_pop .contentBox .btnClose {top: -32px; right: 0}
    #mock_ConfirmBefore_pop .contentBox {width:96%; max-width:540px}
    #mock_ConfirmBefore_pop .contentBox img {margin: 0 auto}
    

    .eventWrap .grade_score .addpoint_state .item{width:100%}
    .eventWrap .grade_score .addpoint_state .item.right{width:100%}
    .eventWrap .grade_score .cont_bottom_wrap.physical{margin-top:0;margin-bottom:25px}
    .eventWrap .grade_score .select_apply th{text-align:center}
    .eventWrap .apply_score .percentageTop5_wrap{margin: 0 0 30px;}

    .popup > div > ul.cont_box{max-height:400px}
    .popup > div > ul li.long{letter-spacing:-1.2px}
    .popup .btn_popclo{top:2%;right:2%}

    .lnb_tab li a{font-size:15px;padding:13px 0}
    

    .leftS {display:none} 


    .flt_share{position: absolute;top: calc(320px + 7%);right: 2%;transition: 0.3s}
    .flt_share.fixed{position: fixed;top: 40px}
    .flt_share + .allp{top: 530px;position: absolute;display: none}
    .allp.endevt {margin: 0;right: 2%;top: 51vw;width: 20%} 

    /* flt_bnr */
    .flt_bnr {top: 17%; right: 2%; max-width: 22%;}

    .flt_share .close {display: block}
    .flt_share ul li.top{display: block}
    .tbl_wrp .tbl tr th, .tbl_wrp .tbl tr td {padding: 12px 7px} 
    .tbl_wrp .tbl tr td.line1 {padding: 16px 7px} 

    h3.commonTit {font-size: 40px; margin-bottom: 3%} 
    h3.commonTit b sup {font-size: 20px} 


    /*topMenu*/
    .topS {background: #f5f5f5; border-bottom: 1px solid #cdcdcd} 
    .topS h2 {} 
    .topS .menu > li li {border-left: 1px solid #cdcdcd} 
    .topS .menu > li.on > a > span {color:var(--point-color1)} 
    .topS .menu > li li.on > a {color:var(--point-color1)} 
    .topS .menu > li > ul li {border-bottom: 1px solid #222121} 
    .topS .menu > li:last-child > ul li {border-bottom: none} 
    .topS .menu > li ul.row2 {border-bottom: 1px solid #222121} 
    .topS .menu > li ul.row2 li {width: 50%} 
    .topS .menu > li.event_left { background: #ebeffd; } 
    .topS .menu > li.event_left > a { color: #0888fe; padding: 15px 10px; font-size: 15px; display: flex; justify-content: flex-start; align-items: center; } 
    .topS .menu > li.event_left > a strong { color: #fff; background: linear-gradient(90deg, #0888fe 0%, #f46eff 100%); font-weight: 400; border-radius: 50px; padding: 0 8px; font-size: 12px; display: inline-block; margin-right: 1%; } 
    .topS .menu > li > ul li { border-bottom: 1px solid #cdcdcd; } 
    .topS .menu > li.event_left > a p br{display: none}
    .leftS .menu > li.event_left.imgbnr{display: none;} 
    .topS .menu > li.event_left{display: none;} 


    /*bar*/
    .box_link.on {background:#4563d1} 


    /*main*/
    .eventWrap .evSection.mainCon1 {background-size:cover;} 
    .mainCon1 h3 i {top: -35%; right: 0%; width: 13%} 
    .mainCon1 .apply_state {padding: 6vw 0 0; font-size: 31px} 
    .mainCon1 .apply_state.gradi {margin: 25px auto;width: 405px;font-size: 25px;padding: 20px 0;} 
    .mainCon1 .apply_state.gradi strong {font-size: inherit;} 
    .mainCon1 p {margin-top: 5vw; font-size: 27px} 
    .mainCon1 p {margin: 6.5%} 
    .mainCon1 p strong {padding: 5% 0 0; width: 320px; margin: 0 auto}
    .mainCon1 .content {width: 70%; font-size: 27px; padding: 17px 0} 
    .mainCon1 .tiny_noti {font-size: 11px} 
    .mainCon1 .main_point_text {margin: 3% 0 2%; padding: 0 15%; position: relative; z-index: 1} 
    .mainCon1 p {margin: 3% 0 41%; font-size: 17px} 
    .mainCon1 p b {font-size: 18px; margin-top: 1%} 
    .mainCon1 .main_img_span {width: 230%} 

    .mainCon2 {padding: 10% 0} 
    .mainCon2 ul.examcharac_wrap > li h4 {padding: 0 10%}
    .mainCon2 ul.examcharac_wrap > li {margin-top:5vw; border-radius: 10px} 
    .mainCon2 ul.examcharac_wrap > li+li {margin-top: 58px}
    .mainCon2 ul.examcharac_wrap > li div {padding: 0 3%}
    .mainCon2 .type_roll {margin: 0; padding: 10% 0 0}
    .mainCon2 .type_roll li {line-height:40px; font-size:15px; width: 24%; margin: 0 0.5% 1%; border-radius: 6px; border-width: 2px} 
    .mainCon3 .charac {padding: 2% 0 0}
    .mainCon3 .charac li {margin: 0 -1%}
    .mainCon2 .type_roll + .tiny_noti {padding: 0 0 6%}
    .mainCon2 .tab_base > li {font-size: 17px} 
    .mainCon2 .tab_base > li a {padding: 7% 0} 
    .mainCon2 .panel_base > li {padding: 8% 0 0; height: 60vw} 
    .mainCon2 .panel_base > li .tiny_noti {top: 1%} 
    .mainCon2 .panel_base > li .panel_base_text {font-size: 2.1vw; margin-bottom: 4%} 
    .mainCon2 .panel_base > li .panel_tea_img {margin: 0 0px; padding: 0 13%} 
    .mg_slick_wrap.fac_slick_wrap {margin: 0 2%} 
    .mainCon2 .panel_base .fac_slick .img_cover {margin-bottom: 3%} 
    .mainCon2 .panel_base .fac_slick .img_cover img {box-shadow: 3px 2px 7px rgba(0,0,0,0.1); margin: auto} 
    .mainCon2 .panel_base .fac_slick2.slick-vertical .slick-slide {margin-bottom: 3%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_head {font-size: 16px; padding: 4% 0} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_body {padding: 2% 0 4%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_body img {padding: 0 10%} 
    .mainCon2 .panel_base > li:nth-child(4) h3.commonTit {margin-bottom: 5%} 
    .mainCon2 .panel_base .fac_slick2 .swiper-slide .exam_ex_box {margin-bottom:0 !important}
    .fac_slick3.ver2:not(.swiper-initialized) .swiper-wrapper{display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch}
    .fac_slick3.ver2:not(.swiper-initialized) .swiper-slide{margin: 0 0 2%;flex: 1}
    .fac_slick3.ver2 .step_box{height: auto;padding: 7% 3%;display: flex;flex-direction: column-reverse;height: auto}
    .fac_slick3.ver2 .step_box.on::before{display:none}
    .fac_slick3.ver2 .step_box p{font-size: 1.6vw;text-align: center;padding: 2vw 0 0;line-height: 1.2}
    .fac_slick3.ver2 .step_box p b{color:var(--point-color1);font-size: 1.1em}
    .mainCon2 .panel_base .fac_slick3 .step_box {margin-bottom: 0} 
    .mainCon2 .panel_base .fac_slick3.ver2 .swiper-pagination { display: block; } 
    .mainCon2 .panel_base .fac_slick3.ver2 {margin: 0 0px;overflow: hidden} 
    .mainCon2 .panel_base .fac_slick3.ver2 .step_box .off { display: inline-block; } 
    .mainCon2 .panel_base .fac_slick3.ver2 .step_box .on { display:none } 
    .mainCon2 .panel_base .fac_slick3.ver2 .step_box.on .off { display: inline-block; } 
    .mainCon2 .panel_base .fac_slick3.ver2 .step_box.on .on { display:none } 

    .arrow_box .cir_arrow {display: none} 

    .mainCon3 {padding:70px 0}
    .mainCon3 h3.commonTit {font-size: 35px} 
    .mainCon3 h3.commonTit span {font-size: 21px; margin: 0 0 10px} 
    .mainCon3 ul.con3_cont {margin: 5.5% 0 0} 
    .mainCon3 ul.con3_cont li {margin: 0 1% 0 0; width: 32%} 
    .mainCon3 ul.con3_cont li .img i {right: -10%; top: -11%; width: 60%} 
    .mainCon3 ul.con3_cont li .img img {width: 100%} 
    .mainCon3 ul.con3_cont li .tx {border-radius: 0 0 0 0; height: 80px} 
    .mainCon3 ul.con3_cont li .tx p {font-size: 17px} 


    .mainCon4 {padding: 70px 0} 
    .mainCon4 .tab_base {width:100%} 
    .mainCon4 .tab_base li {max-width: 100px; width: 23%} 
    .mainCon4 .tab_base li p {width:100%; height:45px; line-height:45px; font-size:15px} 
    .mainCon4 .tab_base li p:after {bottom: -16px; border: 7px solid transparent; border-top: 10px solid #000} 
    .mainCon4 .tabcontent {margin-top:4vw} 
    .mainCon4 .end_mark {right: 0;bottom: 5%;width: 14%} 

    .com_box.rcbox {margin-top:2vw} 
    .com_box .sTxt {display:block; margin-bottom:3vw; font-size:18px} 

    .rcbox i.finish {max-width:157px; width:20%; top:0; right:0} 
    .receipt {height:auto; padding: 6vw 5vw 6vw 5vw; margin: 0 0 10px; border-width: 1px} 
    .receipt.online {margin: 10px 0 0}
    .rcbox i.finish_end {top: 10px; right: 10px; width: 100px}
    .receipt .btn li i.finish_end {right: 0; bottom: 20px}
    .receipt:before {width:15px} 
    .receipt dt {font-size: 25px; margin-bottom:4vw} 
    .receipt dt .state {margin: 0 0 4px}
    .receipt dt .state i {font-size: 17px; padding: 5px 20px 7px; width: 115px} 
    .receipt dt .state a {font-size: 16px; padding: 5px 20px 7px}
    .receipt dd {margin-top:2vw} 
    .receipt dd p {width:80px; font-size:17px; padding-left:10px} 
    .receipt dd p:before {top:2px} 
    .receipt dd span {font-size:17px} 
    .receipt dd span i {font-size: 13px} 
    .receipt dd.ico {font-size: 13px; padding: 2px 20px; left: 160px; bottom: 0px} 
    .receipt .btn {margin-top:5vw} 
    .receipt .btn li {width:45%} 
    .receipt .btn li a {height:45px; line-height:45px; font-size:18px} 
    .receipt + .tiny_txt_left {padding:0}
    .receipt .btn + .tiny_txt {position: initial; margin: 10px 0 0} 

    .benefit {border-width: 1px; padding: 6.3% 3%} 
    .benefit .tit {font-size: 30px; margin: 0 0 5%} 
    .benefit .content ul li .num {margin: 0 10px 0 20px; width: 70px} 
    .benefit .content ul li .txt strong {font-size: 22.5px} 
    .benefit .content ul li .txt span {font-size: 17px} 
    .benefit .content .book {right: -3%; bottom: 0; width: 35%} 

    .eventWrap .apply_main .btn_box a {padding: 10px 0; width: 40%} 
    .eventWrap .apply_main .exam_warning .ico {margin: 0 20px 0 0} 
    .eventWrap .apply_main .exam_warning ul li {font-size: 17px} 

    .rightS .inner {margin-left: auto} 

    .answerinp_wrap + .tiny_noti, .pop_answerinp_wrap + .tiny_noti {font-size: 12px} 

    .eventWrap .apply_start .answer_sheet.normal {padding: 15px 2% 25px} 
    .eventWrap .apply_start .subject_tab li a {border-width: 1px 1px 1px 1px} 
    .eventWrap .apply_start .subject_tab li.on a {height: 48px;border: 0}
    .eventWrap .apply_start .subject_tab ul::before {display: none} 
    .eventWrap .apply_start .subject_tab li:before {display: none} 
    .eventWrap .apply_start .question_wrap .tiny_noti {font-size: 12px} 
    .eventWrap .apply_start .answer_check {margin: 5% auto 0} 
    .eventWrap .apply_start .answer_check.mo {display: block;opacity: 1} 
    .eventWrap .apply_start .answer_check.pc {display: none} 
    .answerinp_wrap .answer_zone{padding: 0}
    .answerinp_wrap .answer_zone .info, .pop_answerinp_wrap .answer_zone .info{display: none}
    .quick .answerinp_wrap ul, .quick .pop_answerinp_wrap ul{border-left: 1px solid #ccc}
    .quick .answerinp_wrap li, .quick .pop_answerinp_wrap li{width: 10%}
    .quick .answerinp_wrap li:nth-child(5n), .quick .pop_answerinp_wrap li:nth-child(35){border-right: 1px solid #ccc}

    #mock_ConfirmBefore_pop .contentBox .btnClose {top: -32px; right: 0} 
    #mock_ConfirmBefore_pop .contentBox {width:96%; max-width:540px} 
    #mock_ConfirmBefore_pop .contentBox img {margin: 0 auto} 

    .eventWrap .apply_confirm .inner, .eventWrap .apply_main .inner, .eventWrap .apply_comment .inner {padding: 70px 0} 
    .eventWrap .board_common {padding: 70px 0} 
    .eventWrap .board_common .infoSearch {margin: 30px 0 25px} 
    .eventWrap .board_common .noticeView {margin-top: 30px} 
    .eventWrap .apply_confirm .exam_caution {padding: 20px 0 0}
    .eventWrap .apply_confirm .exam_caution dl {font-size: 13px} 
    .eventWrap .apply_confirm .exam_caution dl dd {font-size:13px}
    .eventWrap .apply_confirm .roundselect_wrap {margin: 4.5% 0 0} 
    .eventWrap .apply_score .result_cont .blind {height: calc(100% - 85px)} 
    .eventWrap .apply_score .result_cont .blind.bl2 {height: calc(100% - 68px)} 
    .eventWrap .apply_score .result_cont .blind p span {font-size: 15px} 
    .eventWrap .apply_score .result_cont .blind.bl2 p span {font-size: 13px} 
    .eventWrap .apply_score .result_cont .blind p span i {width: 44px; margin: 0 auto 10px} 
    .eventWrap .apply_score .result_cont .blind.bl2 p span i {width: 44px} 
    .eventWrap .apply_score .percentageTop5_wrap .blind{height: calc(100% - 30px);bottom: 0}

    .eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt {padding: 2%} 
    .eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt strong {left: inherit; margin: 0} 

    .mainCon2 ul li {margin-top: 0px} 

    /* fixmenu */
    .fix_menu {padding: 2% 0} 
    .fix_menu ul {width:96%} 
    .fix_menu li a {padding: 6% 60px} 
    .fix_menu .box_link.box_link {position: relative; bottom: inherit; left: inherit; height: inherit; background: #fff} 
    .fix_menu .fix_menu_top {font-size: 18px} 
    .fix_menu .fix_menu_top .top_point {font-size: 15px} 

    .eventWrap .apply_main .tit2, .eventWrap .apply_start .tit2 {margin: 0 0 0.5%} 
    .eventWrap .apply_main .tit2 span {font-size: 21px} 
    .eventWrap .apply_main table {margin: 0 0 9%} 
    .eventWrap .apply_main .exam_caution {padding: 1% 2% 1%; font-size: 14px} 
    .eventWrap .apply_main .btn_box a {padding: 1.5% 0; width: 32%} 

    .eventWrap .board_common table.list.notice td[colspan="5"] {display: table-cell} 
    .eventWrap .board_common table.list.notice colgroup col:nth-child(1),.eventWrap .board_common table.list.notice colgroup col:nth-child(2) {width: 12%} 
    .eventWrap .board_common table.list.notice colgroup col:nth-child(3) {width: 82px} 
    .eventWrap .board_common table.list.notice colgroup col:nth-child(4) {width: 12%} 
    .eventWrap .board_common table.list.notice colgroup col:nth-child(5) {display: table-column; width: 15%} 
    .eventWrap .board_common table.list.notice colgroup col:nth-child(6) {display: none} 
    .eventWrap .board_common .btn_wrap a {font-size: 19px; width: 131px} 

    .charact_slider .img_cover img {width: 100%} 
    .mainCon2 .swiper-pagination {position: relative; top: unset; bottom: unset; left: unset; padding: 2% 0 4%} 
    .mainCon2 .swiper-pagination .swiper-pagination-bullet-active {background:#000}
    .mainCon2 .panel_base .swiper-pagination {display: block} 
    .mainCon2 .panel_base .fac_slick2 {overflow: hidden} 
    .mainCon2 .panel_base .fac_slick3 {margin: 0 0px; overflow: hidden; padding: 0 0 4%} 
    .mainCon2 .panel_base .fac_slick3 .step_box.on:before {display: none} 

    .eventWrap .simul_wrap{margin: 30px 0 60px}

    /* ÇÕ°Ý °¡´É¼º - ¸·´ë±×·¡ÇÁ */
    .grade_score .loca_grp_wrp {padding: 50px 0 0}
    .grade_score .loca_grp_wrp .pointer {top: -48px;font-size: 13px;text-align: center;height: 45px;line-height: 1.3;padding: 5px 0 0;width: 60px;margin-left: -30px}
    .grade_score .loca_grp_wrp .pointer.right_fix{margin-left: -60px}
    .grade_score .loca_grp_wrp .pointer .mo_none { display: none; }
    .grade_score .loca_grp_wrp .pointer br { display: block}
    .grade_score .myPossibility_info_wrap .myPossibility_graph{width: 50%}
    .grade_score .myPossibility_info_wrap .cont_bottom_wrap{width: 48%}

    .mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow1::before {top: 75%; right: -9vw;}
    .mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow2::before {top: 48%; right: -2vw;}


}




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


    .eventWrap .con_top .flo.type2{bottom:14%}
    .eventWrap .con_top h3{width:96%}
    .eventWrap .con_top .live_counting > div{width:96%}

    .eventWrap .pass_wrap .pass_roll_wrap{padding:4% 8% 4%}
    .eventWrap .pass_wrap a{font-size:15px;margin:15px auto 0;padding:5px 0;height:auto;line-height:1.5}
    .eventWrap .pass_wrap a::before{right:8%}

    .eventWrap .apply_main .exam_warning ul li {font-size: 14.5px} 
    .mainCon3 ul.con3_cont li .tx p {font-size: 15px} 

    h3.commonTit {font-size: 33px} 

    .show-992 {display: block} 
    .hide-992 {display: none} 


    /* fixmenu */
    .fix_menu ul {display: block} 
    .fix_menu ul li:nth-child(1) {margin-bottom: 1%} 
    .fix_menu .fix_menu_top {font-size: 16px; width: 100%; display: flex; justify-content: center; gap: 2%; align-items: end} 
    .fix_menu .fix_menu_bot {justify-content: center; gap: 3%; width: 100%} 
    .fix_menu .fix_menu_bot .box_link.box_link {padding: 4% 60px; font-size: 15px; font-weight: 600} 
    .fix_menu_time_wrp {flex-wrap: wrap;}
    .fix_menu_time_wrp .top_point {font-weight: 700; font-size: 15px; color: #000; width: 100%; margin: 0 auto 1vmin; justify-content: center;}
    .fix_menu .fix_menu_time {font-size: 17px; letter-spacing: 29px; padding: 1% 11px; width: 70px} 
    .fix_menu .fix_menu_time::before {height: 104%} 
    .fix_menu .fix_menu_btn {flex-shrink: 0;}
    .fix_menu .fix_menu_btn .top_text {font-weight: 700; font-size: 16px; margin: 0 auto 1vmin;}

    /* con1 */
    .mainCon1 .main_point_text {margin: 4% 0 3%; padding: 0 9%} 
    .mainCon1 h3 i {top: -11%} 
    .mainCon1 p {font-size: 18px} 
    .mainCon1 p b {font-size: 19px} 
    .mainCon1 .main_text {margin: 0 0 12px;} 
    .mainCon1 h3 i { top: 146%; right: 2%; width: 16%; } 
    .mainCon1 .main_day_tit { padding: 5px 28px; font-size: 17px; } 

    .mainCon2 .panel_base > li .panel_base_text {font-size: 2.3vw; margin-bottom: 4%} 
    .mainCon2 .panel_base .fac_slick2 .slick-list {padding: 0% 5% 1%} 
    .mainCon2 .panel_base .fac_slick .slick-slide {padding: 0 2%; margin-right: 0px} 
    .mainCon2 .panel_base .fac_slick .img_cover img {display: block; margin: auto; margin-bottom: 2%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_head {font-size: 14px; padding: 3% 0} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_body img {padding: 0 3%} 
    .mainCon2 .panel_base .fac_slick2 .slick-slide {margin: 0 10px} 
    .mainCon2 .panel_base .fac_slick2 .slick-list {margin: 0 -6%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_box:nth-child(1) .exam_ex_body {border-radius: 0px} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_box:nth-child(1) .exam_ex_head {border-radius: 0px} 

    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-list {padding: 0% 5% 1%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 {margin: 0 13%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-slide {margin: 0 40px} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-list {margin: 0 -40px} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .step_box img {margin: auto; margin-bottom: 2%; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 10px} 

    .com_tit p {font-size: clamp(12px,2.3vmin,18px);bottom: 21%} 
    .mainCon4 .faq.toggle a {margin-top: 2%} 
    .mainCon4 .tabcontent {margin-top: 1vw} 
    .mainCon4 .tabcontent .tbl_wrp.schedule .tbl.pc td {padding: 3% 0} 
    .mainCon4 .btn {font-size: 18px;margin-top: 6%;gap: 2%} 
    .mainCon4 .btn li {width: 48%;margin: 0 0 1%} 
    .mainCon4 .btn a{padding: 25px 0} 

    #pop_wrap .write_info .new_area_sel select.long_sel {width: 27vw} 
    #pop_wrap .write_info .new_area_sel select.wide_sel {width: 73vw} 

    .eventWrap .apply_main .tbl_wrap.exam_myinfo table th, .eventWrap .apply_main .tbl_wrap.exam_myinfo table td {padding: 1.5% 1%} 

    .eventWrap .apply_main .exam_caution h5 {margin: 1% 0 0; font-size: 14px} 
    .eventWrap .apply_main .exam_caution {font-size: 13px} 
    .eventWrap .apply_main .tit2_wrap .btn_edit a {font-size: 13px} 

    .eventWrap .board_common .btn_wrap a {font-size: 17px; width: 131px} 

    .mainCon1 .main_day_tit {font-size: 14px; padding: 1% 28px} 
    .mainCon1 .main_day_tit .span_arrow {right: -9%; top: 52%; width: 8.9%} 
    .mainCon1 .main_day .main_day_text p {font-size: clamp(14px, 2.5vmin, 20px);} 

}


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

    br.mo_for{display: block;}
    br.pc_for{display: none;}
    br.mo_none{display: none;}


    .lnb_bar > ul > li > a .mock_left{left:80px}

    .eventWrap .con_top .flo{bottom:80px}
    .eventWrap .con_top .flo .mo{width:25%}

    .eventWrap .con_top .live_counting > div{margin:10px auto}
    .eventWrap .con_top .live_counting > div > div p{font-size:18px}
    .eventWrap .con_top .live_counting > div > div a{padding:5px 5%;font-size:18px}
    .eventWrap .con_top .live_counting > div > div a::before{height:15px}

    .eventWrap .pass_wrap h4{font-size:30px}
    .eventWrap .pass_wrap h4::before{top:-70px;width:140px;height:60px}
    .eventWrap .pass_wrap .pass_roll_wrap p{top:-15%}
    .eventWrap .pass_wrap .pass_roll_wrap{padding:4% 4% 4%}
    .eventWrap .pass_wrap .pass_roll .item strong{font-size:14px}
    .eventWrap .pass_wrap a::before{right:5%;font-size:10px}
    
    .eventWrap .character h4{font-size:30px}
    .eventWrap .character h4::before{top:-70px;width:140px;height:60px}
    .eventWrap .character .bot_txt{font-size:20px}

    .eventWrap .apply_main h3.top_title, 
    .eventWrap .apply_start h3.top_title{font-size:24px;padding:25px 0}

    .eventWrap .exam_info h4 span{font-size:14px}
    .eventWrap .exam_info .tab_list li a{padding:12px 0}
    .eventWrap .exam_info .tab_list li a span{font-size:14px}

    .eventWrap .exam_info .apply_box .info{padding:40px 5% 40px}
    .eventWrap .exam_info .apply_box .btn_box a{font-size:16px}
    .eventWrap .exam_caution p span{font-size:15px}

    .eventWrap .apply_main .tiny_txt .mo_view{display:block}
    .eventWrap .apply_main .tit2 span{font-size:20px}

    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(1), .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(2), .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(3), .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(4), .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(5){width: 6%}
    
   .eventWrap .apply_score .percentageTop5_wrap .item{width: 100%}
    .eventWrap .apply_score .percentageTop5_wrap .item + .item{margin: 0}
    .eventWrap .apply_score .percentageTop5_wrap .item h6{font-size: 14px}

    .eventWrap .board_common h4 span{font-size:14px}
    .eventWrap .board_common table.list.notice.sobang colgroup col:nth-child(5){width:12%}
    
    .popup .pop_tit{padding:10px 15px;font-size:18px}
    .popup > div{margin:20px auto 0}
    .popup > div .btn{margin:0 auto 15px}
    .popup > div .btn a{font-size:14px;width:20%}
    .popup > div > ul li{font-size:15px}
    .popup .btn_popclo{width:18px;height:18px;background-size:contain}

    .eventWrap .grade_score .addpoint_state .item{width:100%;clear: both;}
    .eventWrap .grade_score .addpoint_state .item.right{width:100%;padding-top:0}
    .eventWrap .grade_score .addpoint_state .graph{height:250px}
    .eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt p br{display:none}
    .eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt{height:auto}
    .eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt{padding:2%}
    .eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt::after{content:"";display:block;clear:both}
    .eventWrap .grade_score .addpoint_state a.detail_pop,
    .eventWrap .grade_score .addpoint_state .item.right .cont_bottom_wrap .cont_txt a{position:relative;bottom:inherit;right:inherit;display:block;float:right;font-size:13px;height:30px;line-height:30px}
    .eventWrap .grade_score .addpoint_state a.detail_pop{display: block;top: inherit;margin: 0 0 10px}
    .eventWrap .grade_score h5 .confirm_sc.ver2{height:30px;line-height:30px;font-size:13px;width: 112px;}
    .eventWrap .grade_score .addpoint_state .posTit{font-size: 13px;}
    
    /*bar*/
    .box_link {height:50px;font-size:17px}

    .qInfo {padding:15px}
    .qInfo ul li {position:relative;padding:0 0 3px 10px;text-indent:0}
    .qInfo ul li::before {position:absolute;content:'-';left:0}

    .tiny_txt_right {font-size:11px}
    .tiny_txt_left {font-size:11px}

    /*common*/
    h3.commonTit, 
    .mainCon3_offline h3.commonTit{font-size:5.2vw}
    .mainCon3_offline h3.commonTit span{font-size: 4.2vw;}
    .com_tit p {bottom:10px}

    /*main*/
    .mainCon1 {padding: 0 0 10%;}
    .mainCon1 p {font-size:4vw}
    .lineBox .inner p{font-size:14px;letter-spacing:0;}
    .lineBox .inner p b{display:block}
    .mainCon1 .apply_state{font-size: 19px;}
    .mainCon1 .apply_state strong{letter-spacing: 0.08em}
    .mainCon1 .support{width: 100%;margin: 15px auto 0;font-size: 14px;padding: 10px 0 12px}
    .mainCon1 .support strong{font-weight: 900;color: #000 !important}

    .mainCon2 {padding:50px 0;}
    .mainCon4 {padding:50px 0;}

    .mainCon3_offline h3.commonTit {font-size: 5.2vw}
    .mainCon3_offline h3.commonTit span {font-size: 4vw}
    .mainCon3_offline ul.con3_cont li .tx {height: 65px}
    .mainCon3_offline ul.con3_cont li .tx p {font-size: 13px}

    .mainCon4 .pc {display:none}
    .mainCon4 .mo {display:table}
    .mainCon4 .mo + .mo{margin-top:10px;}

    .eventWrap .apply_score .result_cont .blind3 p span i{width: 30px;    margin: 0 auto 5px;}
    .eventWrap .apply_score .result_cont .blind3 p span{font-size: 14px;}

    .eventWrap .apply_confirm h3 img {margin-right: 7px}
    .eventWrap .apply_confirm .tit2 {font-size: 16px}
    #mock_ConfirmBefore_pop .contentBox .btnClose {width: 3vw}

    .flt_share{top: calc(480px + 1vw)}

    .show-768 {display: block} 
    .hide-768 {display: none} 
    h3.commonTit {font-size: 5vw} 
    h3.commonTit b sup {font-size: 2.7vw} 
    h3.commonTit b::before {bottom: 5%; height: 10px} 

    .mainCon1 .apply_state {font-size: 18px} 
    .mainCon1 h3 i {top: 195%; width: 22%; right: 1%} 
    .mainCon1 p {font-size: 15px; margin: 3% 0 51%} 
    .mainCon1 p b {font-size: 16px} 
    .mainCon1 .content {font-size: 16.5px; width: 90%; padding: 11px 0} 
    .mainCon1 .main_point_text {padding: 0 3%} 
    .mainCon1 .main_img_span {width: 300%; left: 57%} 
    .mainCon1 .main_img_span i {top: 17%; right: 27%; width: 8%} 

    .mainCon2 .tab_base {flex-direction: row; flex-wrap: wrap; gap: 1px} 
    .mainCon2 .tab_base > li {font-size: 14px; width: calc(50% - 1px); border-bottom: 0} 
    .mainCon2 .tab_base > li.on {border: 2px solid #000} 
    .mainCon2 .panel_base > li .panel_base_text {font-size: 3vw} 
    .mainCon2 .panel_base > li .panel_tea_img {padding: 0 2%} 
    .mainCon2 .panel_base .fac_slick .slick-slide {padding: 0 1.5%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_box {width: 100%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_head {padding: 2% 0} 

    .mainCon2 .panel_base .arrow_box {padding-top: 4%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 {margin: 0 10%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-slide {padding: 0 0%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-list {padding: 0% 0% 1%} 

    .eventWrap .apply_start .com_tit.first h3 img {margin-right: 7px} 

    .mainCon3 h3.commonTit {font-size: 5.2vw} 
    .mainCon3 h3.commonTit span {font-size: 4vw} 
    .mainCon3 ul.con3_cont li .tx {height: 65px} 
    .mainCon3 ul.con3_cont li .tx p {font-size: 13px} 

    .eventWrap .grade_score h5 {margin-bottom: 10px} 
    .eventWrap .grade_score h5 .confirm_sc {margin: 0 0 0 10px} 

    .mainCon4 .end_mark {bottom: 7%;width: 18%} 
    .evtoggleWarning p.w_tit {font-size: 15px} 
    #mock_ConfirmBefore_pop .contentBox .btnClose {width: 3vw} 
    #mock_ConfirmBefore_pop .contentBox {padding: 30px 15px} 

    .eventWrap .apply_confirm h3 img {margin-right: 7px} 
    .eventWrap .apply_confirm .tit2 {font-size: 16px} 

    .eventWrap .apply_main .exam_warning {padding: 10px; margin: 20px 0 60px} 
    .eventWrap .apply_main .exam_warning .ico {display: block; margin: 0 auto 10px; width: 55px} 
    .eventWrap .apply_main .exam_warning ul li {font-size: 13px} 

    .eventWrap .apply_score .result_cont .blind p span {font-size: 13px} 
    .eventWrap .apply_score .result_cont .blind.bl2 p span {font-size: 11px} 
    .eventWrap .apply_score .result_cont .blind.bl2 {height: calc(100% - 84.67px)} 
    .eventWrap .apply_score .percentageTop5_wrap .blind{height: 100%}

    .eventWrap .grade_score .tbl_wrap {margin-bottom: 15px} 
    .eventWrap .grade_score .cont_bottom_wrap.mt_tight.mb30 {margin-bottom: 15px !important} 
    .eventWrap .grade_score .cont_bottom_wrap.mb100 {margin-bottom: 50px} 
    .eventWrap .cautn_grade.mb70 {margin-bottom: 35px} 
    .eventWrap .apply_score .result_cont .blind.gbn1{width: 26.5%;}
    .eventWrap .apply_score .tbl_wrap.titspan table.gbn1 colgroup col:nth-child(5){width:25.7%}

    .eventWrap .grade_score .average_graph_compettn_wrap{padding-left:0}
    .eventWrap .grade_score .average_graph.compettn{margin-bottom: 10px}
    .eventWrap .grade_score .comp_legend {position: relative;top: unset;left: unset;height: auto;display: flex;align-items: center;justify-content: center;flex-direction: row;margin: 0 0 30px}
    .eventWrap .grade_score .comp_legend span i{width:15px;height:15px}
    .eventWrap .grade_score .comp_legend span{font-weight: normal;font-size: 13px}

    .benefit .content ul li .num {width: 55px; margin: 0 10px 0 0} 
    .benefit .content ul li .txt span {font-size: 15px} 
    .benefit .content ul li .txt strong {font-size: 19px} 

    .eventWrap .bBnr {margin-top: 40px} 
    .eventWrap .bBnr .pcVer {display: none} 
    .eventWrap .bBnr .moVer {display: block} 

    #popupDim .content_inner {padding: 15px} 
    #popupDim .content_inner .pop_tit {font-size: 24px} 
    #popupDim .content_inner .pop_txt {font-size: 15px; margin: 10px 25px} 
    #popupDim .content_inner .pop_content {padding: 15px} 
    #popupDim .content_inner .pop_content .cont_txt {font-size: 15px; line-height: 1.5} 
    #popupDim .content_inner .btn {margin: 20px 0 0; font-size: 14px; padding: 15px 30px} 

    #pop_wrap .top_title strong {font-size: 26px} 
    #pop_wrap .top_title {padding: 4% 0 1%} 
    #pop_wrap .write_info {padding: 0 2%} 
    #pop_wrap .write_info .info_tit {margin: 0px 0 1%} 
    #pop_wrap .write_info .info_tit strong {font-size: 15px} 
    #pop_wrap table.t_border1 tr th, #pop_wrap table.t_border1 tr td {font-size: 14px} 
    #pop_wrap table.t_border1 tr td.onlyInp > span input {font-size: 13px} 
    #pop_wrap table.t_border1 tr td {padding: 1% 1%} 
    #pop_wrap table.t_border1 tr th {padding-left: 1%; padding-right: 1%} 
    #pop_wrap table.t_border1 tr:nth-child(1) td, #pop_wrap table.t_border1 tr:nth-child(2) td, #pop_wrap table.t_border1 tr:nth-child(4) td, #pop_wrap table.t_border1 tr:nth-child(5) td {padding: 1% 1%} 
    #pop_wrap .write_info td.addPoint > div:nth-child(1) {display: block} 
    #pop_wrap .write_info td.addPoint > div strong {margin-right: 0px; width: 100%; text-align: left} 
    #pop_wrap .privacy_box {padding: 2% 2%; margin: 0 2% 2%} 

    .mainCon2 .panel_base .fac_slick2 .exam_ex_wrap.hide-768 {display: none !important} 
    .eventWrap .apply_main .btn_box a {padding: 2% 0; width: 36%; font-size: 17px} 
    .noticeView > .tit {padding: 12px 12px;font-size: clamp(13px,1.9vmin,14px);} 
    .eventWrap .board_common .btn_wrap a {font-size: 15px; width: 120px} 
    .eventWrap .board_common .noticeEdit .board_view {font-size: 13px} 

    .mainCon1 .main_day {display: block} 
    .mainCon1 p.main_day_tit {margin-bottom: 2%; border-radius: 50px} 
    .mainCon1 .main_day_tit .span_arrow {display: none} 

    .mainCon2 .panel_base > li {height: 105vw} 
    .charact_slider {margin: 0 21%; overflow: hidden} 
    .charact_slider .img_cover img {box-shadow:none; border: 1px solid #ddd} 

    .eventWrap .simul_wrap{margin: 0 0 50px}
    .eventWrap .simul_wrap .youpop_btn{font-size: 13px;width: 260px}
    .eventWrap .simul_wrap .link_btn .pc{display: none}
    .eventWrap .simul_wrap .link_btn .mo{display: block}

    /* ÇÕ°Ý°¡´É¼º - ¸·´ë±×·¡ÇÁ */
    .grade_score .loca_grp_wrp {padding: 50px 0 0;margin-bottom: 35px}
    .grade_score .loca_grp_wrp .lgw_zone{font-size:13px}
    .grade_score .loca_grp_wrp.dim_on .tbl_dim { top: -30px; }
    .grade_score .loca_grp_wrp .pointer {font-size: 12px;top: -49px}
    .grade_score .loca_grp_wrp .lgw_zone .score_num { font-size: 11px; }
    .grade_score .loca_grp_wrp .grpbox { padding: 5px 15px 13px; }
    .grade_score .loca_grp_wrp .grpbox .grp_tit { margin-bottom: 7px; font-size: 13px; }
    .grade_score .loca_grp_wrp .grpbox .grp_tit .inner ul li { font-size: 12px}
    .grade_score .myPossibility_info_wrap{margin: 0 0 30px;display: flex;flex-direction: column}
    .grade_score .myPossibility_info_wrap .myPossibility_graph{width: 100%;margin: 0 0 20px}
    .grade_score .myPossibility_info_wrap .cont_bottom_wrap{width: 100%}

    .mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow1::before ,
    .mainCon2 .panel_base .fac_slick2.exam3 .swiper-slide.arrow2::before {content: none;}


    .mainCon1 h3 {margin: 0 0 5%;} 
    .mainCon1 .main_day_tit { font-size: 15px; } 
    .mainCon1 h3 i { top: 146%; right: 0%; width: 19%; } 
    
    .evSection.mainCon_state{font-size: clamp(15px,2.7vmin,22px);}
    .evSection.mainCon_state strong sup{font-size: 14px;}
    .evSection.mainCon_state .tiny_noti{font-size: clamp(11px,1.6vmin,14px);}
        

}







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


    .tbl tr th,
    .tbl tr td,
    .tbl_wrp td.left{padding:10px 10px;font-size:13px;}

    .tbl_wrp .tbl .step_list {flex-direction: column;gap: 10px;} 
    .tbl_wrp .tbl .step_list li{padding: 13px 0;}
    .tbl_wrp .tbl .step_list li + li::before{display: none;} 
    .tbl_wrp .tbl .step_list li + li::after{top: 0;left: 50%;margin: -9px 0 0 -5px;border: 2px solid var(--point-color1);border-width: 0px 2px 2px 0px;width: 10px;height: 10px;transform: rotate(45deg);} 

    
    .eventWrap .con_top .flo{bottom:24%}
    .eventWrap .con_top .flo .pc span{font-size:13px}
    .eventWrap .con_top .flo .mo {bottom:65px}

    .eventWrap .con_top .live_counting > div > div p{font-size:15px}
    .eventWrap .con_top .live_counting > div > div a{padding:5px 5%;font-size:15px}


    .eventWrap .pass_wrap h4{font-size:24px}
    .eventWrap .pass_wrap .pass_roll_wrap{padding:4% 1% 2%}
    .eventWrap .pass_wrap .pass_roll .item strong{font-size:12px;padding:5px 0}
    .eventWrap .pass_wrap .pass_roll_wrap::before{bottom:0;height:26%}
    .eventWrap .pass_wrap a{font-size:13px}

    .eventWrap .character h4{font-size:24px}
    .eventWrap .character .bot_txt{font-size:16px}

    .eventWrap .apply_main h3.top_title, 
    .eventWrap .apply_start h3.top_title{padding:24px 0;font-size:17px}

    .eventWrap .exam_info .apply_box .btn_box a{font-size:13px}
    .eventWrap .apply_main .exam_intro .intro_tit {font-size:18px}
    .eventWrap .apply_main .exam_intro .intro_tit span{font-size:14px}
    .eventWrap .apply_main .exam_intro .intro_tit i{width:60px;margin:0 auto 20px}
    .eventWrap .apply_main .exam_intro .btn_wrap{margin:15px auto 0}
    .eventWrap .apply_main .exam_intro .btn_wrap a{font-size:13px}
    .eventWrap .apply_main .agree_check_box{position:relative;font-size:13px;font-weight:normal;}
    .eventWrap .apply_main .agree_check_box label{padding:0 0 0 25px;display:block}
    .eventWrap .apply_main .agree_check_box input{margin-right:2px;position:absolute;top:2px;left:0;}
    .eventWrap .apply_main .agree_check_box br{display:block;}
    .eventWrap .apply_main .btn_box a{font-size:14px}

    .eventWrap .apply_start .answer_check,
    .eventWrap .apply_start .answer_sheet .answer_check{font-size:14px}
    .answerinp_wrap + .tiny_noti, 
    .pop_answerinp_wrap + .tiny_noti{margin:0 0 25px;}

    .eventWrap .board_common .infoSearch{padding:15px 15px}
    .eventWrap .board_common table.question_view{margin-top:20px}
    .eventWrap .board_common .btn_wrap a{width:80px;font-size:13px}

    .popup > div > ul li{padding:0}
    .popup > div .btn a{width:22%;font-size:12px}
    .popup > div .btn a::before{right:8px}

    [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:-35px}


    /* ÀÀ½ÃÇϱâ Æ˾÷ */
    /* #pop_wrap .top_title{padding:18px;font-size:20px}
    #pop_wrap .top_title strong{font-size:20px}
    #pop_wrap .write_info{padding:0 2%}
    #pop_wrap .write_info.sec{padding:0 2%}
    #pop_wrap .write_info .info_tit{margin:25px 0 10px}
    #pop_wrap .write_info .info_tit strong{font-size:16px}
    #pop_wrap .write_info .info_tit strong span{font-size:16px}
    #pop_wrap .write_info .info_tit .notic{font-size:13px}

    #pop_wrap table.t_border1 tr th,#pop_wrap table.t_border1 tr td{font-size:13px;padding:6px 0}
    #pop_wrap table.t_border1 tr td{padding:6px 8px}
    #pop_wrap table.t_border1 tr:nth-child(1) td,
    #pop_wrap table.t_border1 tr:nth-child(2) td,
    #pop_wrap table.t_border1 tr:nth-child(4) td,
    #pop_wrap table.t_border1 tr:nth-child(5) td{padding:6px 8px}
    #pop_wrap table.t_border1 tr td.addPoint{padding:8px 8px 8px 8px}
    #pop_wrap table.t_border1.health tr th,#pop_wrap table.t_border1.health tr td{padding:6px 0px}
    #pop_wrap table.t_border1 tr td.onlyInp > span input{font-size:13px;height:30px}

    #pop_wrap .write_info select{font-size:13px;height:30px}

    #pop_wrap .write_info td.addPoint > div strong{margin-right:5px;text-align:left}
    #pop_wrap .write_info td.addPoint > div div br{display:none}
    #pop_wrap .write_info td.addPoint > div div label{padding:0 0.5% 3px 0;width:24%;box-sizing:border-box}
    #pop_wrap .write_info td.birth em{margin:0 5px}

    #pop_wrap .privacy_box{padding:10px;margin:0 2% 5px}
    #pop_wrap .privacy_box strong{font-size:13px}
    #pop_wrap .privacy_box span{font-size:11px}
    #pop_wrap .privacy_check{font-size:11px;margin-left:2%}

    #pop_wrap .btnbox a.final{width:140px;height:40px;line-height:40px;font-size:15px} */


    .topS h2{border-width:1px 0 0;}

    /*bar*/
    .box_link {height:50px;font-size:14px}
    .box_link.fixed {bottom:55px;left:0}

    .eventWrap .apply_start .com_tit, 
    .eventWrap .apply_start .com_tit,
    .eventWrap .board_common .com_tit{margin:0 0 30px;}


    .com_box .sTxt{font-size:14px;padding:6px 0 0px}

    .receipt dt {font-size: 17px;}
    .receipt dt .state i {font-size: 12px;padding: 5px 0 7px;width: 75px;} 
    .receipt dt .state a {font-size: 13px;padding: 2px 0 3px;margin: 0;} 
    .receipt dd p {width:80px;font-size: 14px;padding-left:10px}
    .receipt dd p:before {top:2px;height:15px;width:2px;}
    .receipt dd span {font-size: 14px;width:calc(100% - 80px)}
    .receipt .btn li a {height: 40px;font-size:13px;line-height: 40px;}
    .receipt dd.ico {position: initial; font-size: 12px}

    .price_support{background-size: 170px;height: auto;padding: 7vw 6vw;background-position: 94% 40px;background-size: 90px}
    .price_support p{font-size: 14px}
    .price_support p.point{font-size: 21px;width: 200px}
    .price_support p.point strong{color: #a1232f}
    .price_support p.point.on strong{color: #2146c7}
    .price_support p.tiny{font-size: 13px;padding: 0 0 20px;margin: 0 0 20px}
    
    .exam_select_dim .b_tit,
    .anwer_view_dim .b_tit{font-size:15px;padding:15px 0}
    .exam_select_dim .btn_wrap{padding:20px 0 10px;margin:0 20px}
    .exam_select_dim .btn_wrap li{margin:0 0 10px;}
    .exam_select_dim .btn_wrap li a{height:55px;font-size:16px;}
    .exam_select_dim .btn_wrap li .tiny_noti{font-size:13px;}

    .answerinp_wrap .tit, 
    .pop_answerinp_wrap .tit{font-size:15px;}
    .quick .answerinp_wrap + .answerinp_wrap, 
    .quick .pop_answerinp_wrap + .pop_answerinp_wrap{margin-top:20px}
    .answerinp_wrap .answer_zone{padding:0}
    .answerinp_wrap li, 
    .pop_answerinp_wrap li{font-size:13px}
    .answerinp_wrap .answer_zone .info, 
    .pop_answerinp_wrap .answer_zone .info{display:none}
    .quick .answerinp_wrap ul, 
    .quick .pop_answerinp_wrap ul{padding:0;border-width: 1px 0px 0px 1px;}
    .quick .answerinp_wrap li, 
    .quick .pop_answerinp_wrap li{width:calc(100% / 10);}
    .quick .answerinp_wrap li:nth-child(6),
    .quick .answerinp_wrap li:nth-child(11),
    .quick .answerinp_wrap li:nth-child(16),
    .quick .answerinp_wrap li:nth-child(21),
    .quick .pop_answerinp_wrap li:nth-child(6),
    .quick .pop_answerinp_wrap li:nth-child(11),
    .quick .pop_answerinp_wrap li:nth-child(16),
    .quick .pop_answerinp_wrap li:nth-child(21){border-color:#ccc}
    .quick .answerinp_wrap li.empty, 
    .quick .pop_answerinp_wrap li.empty{display:none}
    .answerinp_wrap li .num, 
    .pop_answerinp_wrap li .num{line-height:22px;height:24px;}
    .answerinp_wrap li .inp, 
    .pop_answerinp_wrap li .inp{height:30px;padding:0 0 3px}
    [class*='mg_'] .pop_answer_sheet{padding:20px}
    .quick .answerinp_wrap ul + .tit, 
    .quick .pop_answerinp_wrap ul + .tit{margin-top:20px}
    [class*='mg_'] .pop_answerinp_wrap .tit{font-size:14px}
    [class*='mg_'] .pop_answerinp_wrap li .num{line-height:22px;height:24px;}
    [class*='mg_'] .pop_answerinp_wrap li .inp{height:30px;padding:0 0 3px 0;}
    [class*='mg_'] .answer_check{font-size:15px;padding:10px 0}

    .timer_wrap {justify-content:center;background:#ffeff2;padding:12px 0;}
    .timer_wrap .time_state{font-size:15px;}
    .timer_wrap .end_time_state{padding:0 0 0 10px;margin:0 0 0 5px;}
    .timer_wrap .end_time_state span{font-size:15px;}

    .lnb_tab{margin:0 0 30px}
    .lnb_tab li{width:calc(23% + 1px)}
    .lnb_tab li:nth-child(3){width:calc(31% + 1px)}
    .lnb_tab li a{font-size:14px}
    .roundselect_wrap select{width: 120px;height: 32px;}

    .eventWrap .apply_start .answer_sheet.normal{bottom:55px}

    .eventWrap .grade_score .average_graph.compettn{margin: 20px 0 30px;}

    .eventWrap .apply_confirm .tit2 {font-size: 14px; padding: 20px 0 10px}
    .eventWrap .apply_confirm .exam_caution dl dd {font-size:12px; margin-bottom: 2px}
    #mock_ConfirmBefore_pop .contentBox {width: 90%; max-width: 320px; height: auto; padding: 15px 15px}
    #mock_ConfirmBefore_pop .contentBox .btnClose {width: 3vw}
    #mock_ConfirmBefore_pop .caution dt{font-size: 15px;margin: 0 0 10px;}
    #mock_ConfirmBefore_pop .caution dd{font-size: 12px;}
    #mock_ConfirmBefore_pop .btn{margin: 10px 0 0;}
    #mock_ConfirmBefore_pop .btn li a{line-height: 32px;height: 32px;font-size: 13px}
    .eventWrap .apply_main .caution_wrap{padding: 15px 10px 15px 65px;margin: 0 0 40px;background-size: 30px;font-size: 12px;}
    .eventWrap .apply_main .caution_wrap li{padding: 3px 0 3px 8px;text-indent: -8px}
    .eventWrap .apply_main .caution_wrap li br{display:none}

    .flt_inner.renewal .toggleImg span{width: 100px;font-size: 14px;height: 100px;padding: 25px 0 0;border-radius: 100%}

    .eventWrap .apply_confirm .inner 
    .mainCon2,
    .mainCon3,
    .mainCon4 {padding: 50px 0} 

    .show-576 {display: block} 

    .flt_share{max-width: 110px;top: calc(480px + 27vw)}
    .allp.endevt{top: 70vw;width: 25%}
    .fix_menu {padding: 3.5% 0} 
    .fix_menu .fix_menu_top {font-size: 14px} 
    .fix_menu .fix_menu_top .top_point {font-size: 13px} 
    .fix_menu .fix_menu_bot {gap: 0%} 
    .fix_menu .fix_menu_bot .box_link.box_link {padding: 4% 0px} 
    .fix_menu_time_wrp {width: 50%} 
    .fix_menu .fix_menu_text {margin: 0px 5% 0 1%; font-size: 14px} 
    .fix_menu .fix_menu_btn {width: 50%} 
    .fix_menu .fix_menu_time {font-size: 18px; letter-spacing: 0px; padding: 1% 3%; width: auto} 
    .fix_menu .fix_menu_time::before {display: none} 
    .fix_menu_time_wrp .top_point {font-size: 14px; margin-bottom: 2vmin;}
    .fix_menu .fix_menu_btn .top_text {font-size: 15px; margin-bottom: 2vmin;}

    /* con1 */
    .mainCon1 h3 i {width: 28%;    top: 217%} 
    .mainCon1 p {font-size: 13px; color: #8b8b8b; margin: 3% 0 62%} 
    .mainCon1 p b {font-size: 13px} 
    .mainCon1 .main_img_span i {top: 34%; right: 31%; width: 11%} 
    .mainCon1 .main_img_span {width: 394%; left: 59%} 
    .mainCon1 .main_point_text {margin: 4% 0 7%} 
    .mainCon1 .apply_state {padding: 6vw 0 0; font-size: 31px} 
    .mainCon1 .apply_state.gradi {font-size: 18px;padding: 16px 0;width: 300px;height: auto;} 
    .mainCon1 .apply_state.gradi strong {font-size: inherit;} 

    .mainCon2 .tab_base > li {font-size: 14px; line-height: 15px} 
    .mainCon2 .panel_base > li {padding: 12% 0 0} 
    .mainCon2 .panel_base > li .tiny_noti {font-size: 11px} 
    .mainCon2 .panel_base > li .panel_base_text {font-size: 3.8vw} 
    .mainCon2 .panel_base .fac_slick .slick-slide {padding: 0 1%} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_head {font-size: 13px} 
    .mainCon2 .panel_base .fac_slick2 .exam_ex_body img {padding: 0px 2%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 {margin: 0 1%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-slide {padding: 0 0%} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-slide {margin: 0 30px} 
    .mainCon2 .panel_base .fac_slick_slide3.ver1 .slick-list {margin: 0 -30px} 
    .fac_slick3.ver2 .step_box p{font-size: 3.4vw;line-height: 1.5}

    .mainCon3 ul.con3_cont li .tx p .mo {display: block} 

    .mainCon4 .faq.toggle a {margin-top: 6%} 
    .mainCon4 .end_mark {bottom: 13%;width: 24%} 
    .mainCon4 .btn a {padding: 14px 0} 

    .receipt dt {font-size: 17px; margin: 0 0 23px} 
    .receipt dt .state i {font-size: 13px; padding: 5px 0 7px; width: 75px} 
    .receipt dt .state a {font-size: 13px; padding: 2px 0 3px}
    .receipt dd {margin-top:1vw} 
    .receipt dd p {width:80px; font-size: 14px; padding-left:10px} 
    .receipt dd p:before {top: 3px; height: 12px; width: 2px} 
    .receipt dd span {font-size: 14px; width:calc(100% - 80px); font-weight: normal}
    .receipt dd span br {display:none}
    .receipt dd.ico {position: initial; font-size: 12px} 
    .receipt .btn li {margin:0 1%; width: 100%} 
    .receipt .btn li a {font-size: 14px} 
    .rcbox i.finish_end {width: 80px}
    .receipt .btn li i.finish_end {width: 68px; bottom: 36px}

    .mainCon2 ul.examcharac_wrap > li h4 {padding: 0 4%; top: -4vw}
    .mainCon2 .type_roll li {width: 19%; font-size: 11px; line-height: 25px}
    .mainCon2 .point {overflow: hidden}
    .mainCon2 .point img {max-width: 200%; width: 130%; margin: 0 0 0 -15%}

    .mainCon3 .charac {margin: 0 -1%}
    .mainCon3 .charac li {overflow: hidden; margin: 0}
    .mainCon3 .charac li img {max-width: 200%; width: 108%; margin: 0 0 0 -4%}
    .pop_wrap .privacy_check {font-size: 13px} 

    .benefit .tit {font-size: 25px; margin: 0 0 6.5%} 
    .benefit .content .book {position: initial; margin: 0 auto 20px; width: 45%} 
    .benefit .content ul li {margin: 0 0 15px} 
    .benefit .content ul li .num {width: 45px} 
    .benefit .content ul li .txt span {font-size: 13px} 
    .benefit .content ul li .txt strong {font-size: 16px} 
    .benefit .cautn {margin-top: 25px; padding-top: 20px} 
    .benefit .cautn li {font-size: 11px} 

    .mainCon4 .btn{font-size:14px}

    #mock_ConfirmBefore_pop .contentBox .btnClose {width: 3vw} 

    .eventWrap .apply_confirm .tit2 {font-size: 14px; padding: 20px 0 10px} 
    .eventWrap .apply_confirm .exam_caution dl dd {font-size:12px; margin-bottom: 2px} 
    #pop_wrap .write_info td.addPoint > div div label {margin-right: 0} 

    #pop_wrap .top_title strong {font-size: 21px} 
    #pop_wrap .write_info .red_noti {line-height: 13px; text-align: right; font-size: 12px} 
    #pop_wrap .write_info .info_tit strong {font-size: 13px} 
    #pop_wrap table.t_border1 tr th, #pop_wrap table.t_border1 tr td {font-size: 12px} 
    #pop_wrap table.t_border1 tr td.onlyInp > span input {font-size: 11px} 
    #pop_wrap table.t_border1 tr td .tiny_noti {font-size: 11px} 
    #pop_wrap .write_info td.gender label {padding: 0 9%} 
    #pop_wrap .sel_wrp {width: 100%} 
    #pop_wrap .write_info td.area > div div {width: 80%} 
    #pop_wrap .btnbox a.final {font-size: 16px} 
    #pop_wrap .write_info select {font-size: 11px} 

    .eventWrap .apply_main .tit2_wrap {margin-bottom: 1%} 
    .eventWrap .apply_main .tit2 span {font-size: 18px} 
    .eventWrap .apply_main .tit2_wrap .btn_edit a {font-size: 12px} 
    .eventWrap .apply_main .btn_box a {padding: 3% 0; width: 49%; font-size: 16px} 
    .eventWrap .apply_main .agree_check_box {font-size: 12px} 
    .eventWrap .apply_main .agree_check_box label {padding: 2px 0 0 5%; line-height: 15px} 

    .main_day_text {gap: 6%} 

    .mainCon1 .main_day_tit {font-size: 13px} 
    .mainCon1 .main_day .main_day_app::after {right: -12%} 

    .mainCon2 .panel_base > li {height: 121vw} 
    .charact_slider {margin: 0px 0%} 
    .charact_slider .img_cover img {width: 74%} 

    /* ÇÕ°Ý °¡´É¼º  */
    .grade_score .possibility_text_wrap{margin: 0 0 10px;gap: 10px}
    .grade_score .possibility_text_wrap .typo_wrap input[type=text]{width: 80px;padding-left: 0;text-align: center}
    .grade_score .possibility_text_wrap h6{font-size: 14px;margin: 0 10px 0 0}
    .grade_score .possibility_text_wrap .typo_wrap{width: 70px}
    .grade_score .possibility_text_wrap .typo_wrap .zone{font-size: 13px;padding: 4px 15px}

    .mainCon1 .main_text {margin-bottom: 2%;} 
    .mainCon1 .main_text.sub{font-size: 15px;}
    .mainCon1 h3 i { top: 151%; right: 0%; width: 25%; }

    .mainCon2 .panel_base .fac_slick3{margin: 0 4%;}
    .mainCon2 .panel_base .fac_slick3 .step_box img{border: 1px solid #ddd;}
}



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


    .eventWrap .con_top .flo{bottom:26%}
    .eventWrap .con_top .flo .pc span{font-size:11px}
    .eventWrap .con_top .flo span{font-size:11px}
    .eventWrap .con_top .flo.type2{bottom:16%}

    .eventWrap .con_top .live_counting > div > div a{font-size:13px}
    .eventWrap .con_top .live_counting > div > div a::before{right:2%}

    .eventWrap .pass_wrap{padding:24% 0 8%}
    .eventWrap .pass_wrap h4{font-size:18px}
    .eventWrap .pass_wrap h4::before{top:-50px;width:100px;height:40px}
    .eventWrap .pass_wrap .pass_roll_wrap p{top:-20%}
    .eventWrap .pass_wrap .pass_roll_wrap{padding:4% 0 2%}
    .eventWrap .pass_wrap .pass_roll .item strong{font-size:10px}
    .eventWrap .pass_wrap a{font-size:10px}

    .eventWrap .character{padding:24% 0 8%}
    .eventWrap .character h4{font-size:18px}
    .eventWrap .character h4::before{top:-50px;width:100px;height:40px}

    .eventWrap .exam_info .examinfo table th,
    .eventWrap .exam_info .examinfo table td{font-size:13px;padding:10px 10px 10px 10px}
    .eventWrap .exam_info .examinfo table td ol li+li{margin-top:5px}
    .eventWrap .exam_info .examinfo table td ol li span{display:block}
    
    .eventWrap .exam_info .apply_box .info{padding:20px 5% 20px}

    .eventWrap .exam_caution p span{font-size:13px}
    .eventWrap .exam_caution p span:before{margin:-8px 0 0}

    .popup {width:96%}
    .popup > div{width:96%}
    .popup .pop_tit{font-size:15px}
    .popup > div > ul li{width:33.3%;font-size:13px}

    .eventWrap .board_common .tab_list.que li{width:33%}
    .eventWrap .board_common .tab_list.que li a{font-size:12px;padding:7px 0}
    .eventWrap .board_common table.list.question colgroup col:nth-child(1){width:10%}
    .eventWrap .board_common table.list.question colgroup col:nth-child(2){width:10%}
    .eventWrap .board_common table.list.question colgroup col:nth-child(5){width:66%}
    .eventWrap .board_common table.list.question colgroup col:nth-child(7){width:14%}

    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(1), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(2), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(3), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(4), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(5),
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(6){width: 6%}
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(6), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(7), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(8), 
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(9),
    .eventWrap .apply_score .tbl_wrap.titspan colgroup col:nth-child(10){width: 10%;}
    .eventWrap .apply_score .tbl_wrap.unit colgroup col:nth-child(2), 
    .eventWrap .apply_score .tbl_wrap.unit colgroup col:nth-child(3), 
    .eventWrap .apply_score .tbl_wrap.unit colgroup col:nth-child(6), 
    .eventWrap .apply_score .tbl_wrap.unit colgroup col:nth-child(7){width: 15%;}

    .eventWrap .apply_score .result_cont .blind3 p span i{display: none;}
    .eventWrap .apply_score .result_cont .blind3 p span{font-size: 11px;}
    
    .mainCon3_offline ul.con3_cont li .tx p {font-size: 11.5px}

    .mainCon3 ul.con3_cont li .tx p {font-size: 11.5px} 

    .eventWrap .apply_score .result_cont .blind {width: 38%} 
    .eventWrap .apply_score .percentageTop5_wrap .blind{width: 100%}
    .eventWrap .apply_score .result_cont .blind.gbn1{width: 40.5%;}
    .eventWrap .apply_score .tbl_wrap.titspan table.gbn1 colgroup col:nth-child(5){width:10%}

    .benefit .tit {font-size: 17px} 
    .benefit .content ul li {margin: 0 0 10px} 
    .benefit .content ul li .num {display: none} 
    .benefit .content ul li .txt span {font-size: 12px} 
    .benefit .content ul li .txt strong {font-size: 15px} 

    .mainCon2 .panel_base > li .panel_tea_img {padding: 4% 0%} 

    .mainCon1 .main_mini_tit {margin-bottom: 3%;} 
    .mainCon1 .main_text {margin-bottom: 5%;} 
    .mainCon1 .main_text.sub{font-size: 14px; margin-bottom: 7%;}
    .mainCon1 .main_day_tit { font-size: 14px; margin-bottom: 3%; } 
    .mainCon1 h3 i { top: 158%; right: 0%; width: 28%; } 

    

}









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


    .eventWrap .con_top .flo{bottom:28%}
    .eventWrap .con_top .flo span{font-size:10px}
    .eventWrap .con_top .flo.type2{bottom:18%}

    .eventWrap .apply_score .result_cont .blind.bl2{height:calc(100% - 102px)}

    .popup > div > ul li{font-size:12px}
    #pop_wrap .write_info [type="radio"]{margin-right:5%}
    #pop_wrap .write_info td.area > div > strong{width:30px}
    #pop_wrap .write_info td.gender label{padding-right:10px;width:40px}

    #mock_ConfirmBefore_pop .contentBox {width: 90%; max-width: 320px; height: auto; padding: 15px} 
    .pop_wrap .apply_zone .write_info table tr th br {display: block} 
    .pop_wrap .top_title br {display: block} 


}