@charset "euc-kr";
/* setting */
/*{padding:0;margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap {width:100%;position:relative;font-family :'NotoSans KR';font-size:15px;line-height:1.4;letter-spacing:-0.05em;overflow:hidden;font-weight:200}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;max-width:1080px;width:96%;margin:0 auto;padding:0}
.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:5;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 {width:100%;height:170px;background:#c78589;color:#fff;display:table;box-sizing:border-box;padding:0 25px;position:relative;border:1px solid #000}
.leftS h2 p {display:table-cell;vertical-align:middle;font-size:24px;line-height:120%;font-weight:900;text-align:left}
.leftS .menu {width:100%;text-align:left}
.leftS .menu > li {border-bottom:1px solid #181818;width:100%;overflow:hidden;font-size:18px;line-height:120%;font-weight:500}
.leftS .menu > li:last-child {border-bottom:none}
.leftS .menu > li > a {position:relative;display:table;width:100%;height:58px;font-weight:700}
.leftS .menu > li > a > span {display:table-cell;vertical-align:middle;padding-left:15px;}
.leftS .menu > li.on > a > span {color:#c78589} 
.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 {color:#999}
.leftS .menu li.on > a {color:#c78589} 
.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{background:#ededed;border:none;padding:20px 30px}
.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="6"]{}
.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:200;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:200;font-family :'NotoSans 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:200;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:200;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*/height:auto;overflow: visible;}
.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_zone > .question .frame_box{}
.eventWrap .apply_start .question_zone > .question .frame_box iframe{}
.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%;overflow:hidden;border-bottom:5px solid #000;padding-bottom:15px;margin-top:80px}
.com_tit.first {margin-top:0}
.com_tit h3,.eventWrap .board_common .com_tit h3 {float:left;color:#000;font-weight:700;font-size:47px;margin:0;line-height:1;}
.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 0 18px}
.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 :'NotoSans 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 :'NotoSans 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:300;}
.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 th:first-child,
.tbl_wrp.schedule .tbl td:first-child {/* border-left-color:#fff; */}
.tbl_wrp.schedule .tbl th:last-child,
.tbl_wrp.schedule .tbl td:last-child {/* border-right-color:#fff; */}
.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 {height: 1300px;background:url(https://img.megagong.net/m/2022/1110_sbexam/bg_con_top.png) no-repeat center;background-size:cover}
.mainCon1.moreheight{height: 1490px;}
.mainCon1 .tiny_txt {text-align:right;color:#555;margin-top:10px;font-size:13px}
.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 {margin-top:170px;position:relative}
.mainCon1 h3 i {position:absolute;top:-90px;left:0}
.mainCon1 p {margin-top: 60px;color:#fff;font-size:27px;font-weight:300;line-height:150%}
.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 {background:#eee;padding:150px 0}
.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:#b4b4b4;color:#282828;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 {color:#fff;background:#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:"NotoSans 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:200;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:"NotoSans 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: 200;}
.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%;}



@media (max-width:1500px) {
    .rightS .inner {margin-left:203px; }
    .rightS.open .inner {margin-left:auto}


}


@media (max-width:1400px){
    .eventWrap .con_top .flo{top:30%;right:-5%}

}



@media (max-width:1200px){

    .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:85px;background:#c78589;color:#fff;display:table;box-sizing:border-box;padding:25px;position:relative;border:1px solid #000}
    .topS h2 p {display:table-cell;vertical-align:middle;font-size:24px;line-height:120%;font-weight:900;text-align:center}
    .topS h2 p br {display:none}
    .topS .menu {width:100%;overflow:hidden}
    .topS .menu > li {width:100%;overflow:hidden;font-size:18px;line-height:120%;font-weight:500;font-size:15px}
    .topS .menu > li a {position:relative;border-bottom:1px solid #222121;padding:10px; display:block}
    .topS .menu > li > a > span {display:table-cell;vertical-align:middle;}
    .topS .menu > li.on > a > span {color:#c78589;font-weight: bold;} 
    .topS .menu > li li a {}
    .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:26px}
    .com_tit h3 img,
    .eventWrap .board_common .com_tit h3 img {height:40px}
    .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 {/*height:120vw;max-height:1030px;*/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}
    .mainCon1 h3 {margin-top:13vw}
    .mainCon1 h3 img{max-width: 100%;width: 100%;max-width: 660px}
    .mainCon1 h3 i {top:-10vw;left:0;width:16%}
    .mainCon1 p {margin-top:6vw;/*font-size:4vw;*/ 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 .apply_state.gradi strong{}
    
    .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}

    .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 table th:nth-child(4),.eventWrap .board_common table td:nth-child(4){border-right:none} */
    .eventWrap .board_common .noticeEdit .board_view{padding:30px 11px 20px 11px;word-break:break-all}
    .eventWrap .board_common .noticeEdit .board_add{padding:10px 10px}
    .eventWrap .board_common .qInfo{padding:3% 2%}
    .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 ul{/* display: block; */}
    .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}
    


}
@media (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%}


}
@media (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 .tbl_wrap.titspan colgroup col:nth-child(5){}
    
   .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 h3,
    .eventWrap .board_common .com_tit h3{font-size:20px;text-align:left}
    .com_tit h3 img,
    .eventWrap .board_common .com_tit h3 img {height:35px}
    .com_tit p {font-size:13px;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}


}


@media (max-width:576px){


    .tbl tr th,
    .tbl tr td,
    .tbl_wrp td.left{padding:10px 10px;font-size:13px;}

    .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{padding:10px 0;height:55px;border-width:1px 0 0;}
    .topS h2 p{font-size:17px;}

    /*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%}


}


@media (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){width: 23%;} */
    .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: auto;/*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}
}


@media (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}


}
