@charset "euc-kr";
.leftS h2 { background:#4563d1; } 
.leftS .menu > li { border-bottom:1px solid #181818; } 
.leftS .menu > li.on > a > span { color:#4563d1; } 
.leftS .menu li.on > a { color:#4563d1; } 
.leftS .menu > li > a i.toggle, .topS .menu > li > a i.toggle { background: #2f4cc6; } 
.leftS .menu > li > a i.toggle::before, .topS .menu > li > a i.toggle::before { border-right-color: #2f4cc6; } 
.leftS .menu > li > a i.toggle.on, .topS .menu > li > a i.toggle.on { background: #abc9ff; color: #000; font-weight: 700; } 
.leftS .menu > li > a i.toggle.on::before, .topS .menu > li > a i.toggle.on::before { border-right-color: #abc9ff; } 
.leftS .menu > li li { margin: 15px 0; } 
.leftS .menu > li:last-child {border-bottom: 1px solid #181818;}
.leftS .lnbBnr{display: inline-block; margin: 30px 0 0;}

/*************************************************************************************************************/
/* 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: text-bottom; } 
h3.commonTit b sup { font-size: 32px; } 

/* table*/
table.list tr.notice td a { color:#0a3de5; } 
.tbl_wrp .tbl tr:last-child th { border-bottom: 1px solid #9c9c9c; } 
.tbl_wrp .tbl tr td { /* padding: 26px 7px; */ } 
.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; } 

.flt_inner .toggleImg span { background-color:#4563d1; } 
.flt_inner.renewal + .flt_inner { margin: 141px 0 0; } 
.flt_inner.renewal .mo { display: none; } 
.sTxt.on a { color: #4563d1; border-color: #4563d1; } 

/*main*/
.eventWrap .evSection.mainCon1 { background: #282828 url(https://img.megagong.net/m/2022/1124_gongexam/bg_con_top.jpg) no-repeat center; background-position: center 0; background-size: auto 100%; padding: 0 0 170px; height: auto; } 
.eventWrap .evSection.mainCon1.d0128 { padding: 0 0 108px; } 
.mainCon1 .tiny_txt { text-align:right; color:#555; margin-top:10px; font-size: 13px !important; } 
.mainCon1 h3 { margin-top: 150px; position:relative; } 
.mainCon1 h3 i { position:absolute; top:-90px; left:0; } 
.mainCon1 p { margin-top:150px; color:#fff; font-size:35px; font-weight:300; line-height:150%; } 
.mainCon1 p b { font-weight:700; color:#fff } 
.mainCon1 p b span { color:#4563d1; } 
.mainCon1 p b i { font-style: normal; } 
.mainCon1.d0128 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.d1224 p { margin: 70px 0; } 
.mainCon1.d0128 p { margin: 45px 0 35px; font-size: 28px; color: #999999; font-weight: 200; } 
.mainCon1.d0128 p b { font-size: 30px; } 
.mainCon1.d1224 .tiny_txt { margin: 25px 0 0; } 
.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: 550px; padding: 34.5px 0; border-radius: 100px; margin: 70px auto 0; background: linear-gradient(90deg, #304dc6, #9192e1, #f9d0f6); font-size: 33px; } 
.mainCon1 .apply_state.gradi span { color: #000; } 
.mainCon1 .apply_state.gradi strong { color: #000; font-size: 33px; 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; } 

.mainCon2 { background:#eee; padding:150px 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; } 

.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 { 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 #4564d1; } 
.mainCon4 .tab_base li.on p { color:#fff; background:#4564d1; } 
.mainCon4 .tab_base li.on p:after { display:block; } 
.mainCon4 .tabcontent { margin-top:40px; overflow:hidden; } 
.mainCon4 .tabcontent > div { display:none; } 


.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 { } 
.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; } 
.benefit .cautn li:last-child { } 


.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: #a1232f; 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 div label { margin-right: 20px; } 
.pop_wrap .info_text dl dt strong span { color:#2f4cc6 } 
#pop_wrap .privacy_wrap { margin: 30px 0 0; } 
#pop_wrap .privacy_box { height: 158px; padding: 20px 18px; } 
#pop_wrap .privacy_check { margin-top: 8px 0 0; } 
#pop_wrap .privacy_box strong { padding: 20px 0 0; } 

/* apply_main */
.eventWrap .apply_main .exam_intro .btn_wrap a { background: #4564d1; } 
.eventWrap .apply_main .btn_box a { background: #4564d1 !important; padding: 13px 0; } 
.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 { padding: 0 0; } 
.eventWrap .apply_start .com_tit.first h3 img { margin: 0 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: #4564d1; } 
.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: #4564d1; } 
.eventWrap .apply_start .answer_sheet.normal { max-height: 1300px; 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; } 

/* q_question */
/* .eventWrap .board_common .btn_wrap a { width: 140px; height: 56px; line-height: 56px; } */


.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 br { display: none; } 
.pop_wrap .privacy_box { font-weight: normal; } 
.pop_wrap .info_text dl dt strong span { color:#2f4cc6 } 
.pop_wrap .info_text dl dd strong { color:#abc9ff } 

/* 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 .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 { height: calc(100% - 93px); width: 29.2%; } 
.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 .grade_score .tbl_wrap { margin-bottom: 35px; } 
.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 .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: #4564d1; } 

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

#popupDim { } 
#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; } 
@media (max-width:1500px){
 .rightS .inner { margin-left:203px; } 
 .rightS.open .inner { margin-left:auto; } 
 }

@media (max-width: 1200px){
 .leftS { display:none; } 

 .flt_inner.renewal { display: block; width: 28%; right: 1%; } 
 .flt_inner.renewal a { display: inline-block; } 
 .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: 4%; top: 0; z-index: 10; } 

 .tbl_wrp .tbl tr th, .tbl_wrp .tbl tr td { padding: 12px 7px; } 
 .tbl_wrp .tbl tr td.line1 { padding: 16px 7px; } 

 h3.commonTit b sup { font-size: 20px; } 

 /*topMenu*/
 .topS h2 { background:#4563d1; } 
 .topS .menu > li.on > a > span { color:#4563d1; } 
 .topS .menu > li li.on > a { color:#4563d1; } 
 .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%; } 
 

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

 
 /*main*/
 .eventWrap .evSection.mainCon1 { height: auto; background-size:cover; max-height: unset; padding: 0 0 20%; } 
 .eventWrap .evSection.mainCon1.d0128 { padding: 0 0 10%; } 
 .mainCon1 .tiny_txt, .mainCon1.d1224 .tiny_txt { margin-top:15px; font-size: 11px !important; } 
 .mainCon1 h3 { margin-top: 8%; padding: 0 10%; } 
 .mainCon1 h3 i { top:-10vw; left:0; width:16%; } 
 .mainCon1 .apply_state { padding: 6vw 0 0; font-size: 31px; } 
 .mainCon1 .apply_state.gradi { margin: 6% 10% 0; width: auto; font-size: 4.2vw; padding: 3% 0; } 
 .mainCon1 .apply_state.gradi strong { font-size: 4.2vw; } 
 .mainCon1 p { margin-top: 5vw; font-size: 27px; } 
 .mainCon1.d1224 p { margin: 6.5%; } 
 .mainCon1.d0128 p { margin: 4.5% 0 3.5%; font-size: 24px; } 
 .mainCon1.d0128 p b { font-size: 26px; } 
 .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; } 
 
 .mainCon2 { padding: 70px 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% } 


 .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 #4564d1; } 
 .mainCon4 .tabcontent { margin-top:4vw; } 

 .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 { } 
 .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:nth-child(4) a, .eventWrap .apply_start .subject_tab li:nth-child(5) a { border-width: 0 1px 1px 1px; } 
 .eventWrap .apply_start .subject_tab li.on a { height: 48px; } 
 .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; } 
 

 #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 { 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 .grade_score .cont_bottom_wrap.tip .cont_txt { padding: 2%; } 
 .eventWrap .grade_score .cont_bottom_wrap.tip .cont_txt strong { left: inherit; margin: 0; } 
 }
@media (max-width:992px){
 .eventWrap .apply_main .exam_warning ul li { font-size: 14.5px; } 
 .mainCon3 ul.con3_cont li .tx p { font-size: 15px; } 
 }

@media (max-width:768px) { h3.commonTit { font-size: 5vw; } 
 h3.commonTit b sup { font-size: 2.7vw; } 
 .com_tit p { font-size: 11px; } 

 .mainCon1 .apply_state { font-size: 18px; } 
 .mainCon1 p { font-size: 4.2vw; } 
 .mainCon1.d0128 p { font-size: 15px; } 
 .mainCon1.d0128 p b { font-size: 16px; } 
 .mainCon1 .content { font-size: 16.5px; width: 90%; padding: 11px 0; } 

 .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; } 


 #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 .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; } 

 .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; } 
 }

@media (max-width:576px){
 .eventWrap .apply_confirm .inner 
 .mainCon2,
 .mainCon3,
 .mainCon4 { padding: 50px 0; } 

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

 
 .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; /* width: auto; */ } 
 .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 } 
 .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% } 
 .mainCon2 .point { overflow: hidden } 
 .mainCon2 .point img { max-width: 200%; width: 130%; margin: 0 0 0 -15% } 
 .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; } 
 

 #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; } 
 }


@media (max-width: 460px){
 .mainCon3 ul.con3_cont li .tx p { font-size: 11.5px; } 

 .eventWrap .apply_score .result_cont .blind { width: 29.8%; } 
 
 .benefit .tit { font-size: 17px; } 
 .benefit .content .book { } 
 .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; } 
 }

 @media (max-width:375px){
 #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; } 
 }