@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* S: settings */
:root {
    --color-primary: #002AFF;
    --color-second: #D3DFFF;
    --color-third: #F0F4FF;
}
.evSection {padding: 80px 0 150px; background-color: #F1F6FF;}
.title_default {padding-bottom: 40px; border-bottom: 2px solid #111; margin-bottom: 40px;}
.title_default h4 {font-weight: 900;}
.show-table-row-768 {display: none;}

/* ±âº» ÅÇ */
.evSection .tab_base.tab_default {display: flex; justify-content: center; align-items: center; gap: 20px; margin: 0 auto 30px;}
.evSection .tab_base.tab_default li {width: 33%; max-width: 220px;}
.evSection .tab_base.tab_default li a {display: block; font-size: 18px; color: #545C72; background: var(--color-second); padding: 17px 0; border-radius: 30px;}
.evSection .tab_base.tab_default li.on a {font-weight: 500; color: #fff; background: var(--color-primary);}

/* ¼­ºê ÅÇ */
.evSection .tab_base.tab_sub{display:flex;justify-content:center;gap:4px 8px;flex-wrap:wrap;}
.evSection .tab_base.tab_sub li a{font-size:16px;color:#888;border:1px solid #BBB;display:inline-block;padding:6px 20px;border-radius:20px;}
.evSection .tab_base.tab_sub::before {content: ''; display: inline-block; width: 100%; height: 0; order: 1;}
.evSection .tab_base.tab_sub li:nth-child(n+9) {order: 1;}
.evSection .tab_base.tab_sub li.on a{color:var(--color-primary);font-weight:700;border-color:var(--color-primary);}
.evSection .panel_base.panel_sub{margin-top:40px;}

/* ÀÀ½Ã ÅÇ */
.result_tab {border-bottom: 1px solid #000; margin-bottom: 20px;}
.result_tab ul {display: flex; justify-content: flex-start; align-items: center;}
.result_tab ul li {width: 130px; max-width: 30%;}
.result_tab ul li a {display: block; font-size: 16px; color: #8a8a8a; border: 1px solid #ddd; border-bottom: none; border-radius: 20px 20px 0 0; padding: 18px 0;}
.result_tab ul li + li a {border-left: none;}
.result_tab ul li.on a {font-weight: 700; color: #fff; background: #000}

/* ÄÁÅÙÃ÷ ¹Ú½º */
.box_default {background: #fff; border: 1px solid #ddd; border-radius: 20px; padding: 38px 40px; font-weight: 400; font-size: 16px; letter-spacing: -0.05em;}
.box_default + .box_default {margin-top: 40px;}
.box_default .box_title {font-weight: 700; font-size: 20px; text-align: left; margin-bottom: 20px;}
.box_default * + .box_title {margin-top: 30px;}
.box_default .box_title span {font-size: 13px; vertical-align: middle;}
.box_default * + p {margin-top: 10px;}
.box_default.apply_noti {text-align: left;}
.box_default.apply_noti li {position: relative; font-weight: 400; font-size: 16px; padding-left: 15px;}
.box_default.apply_noti li .mark {position: absolute; top: 0; left: 0;}
.box_default.apply_noti li b {color: var(--color-primary);}

/* ³ªÀÇ ÀÀ½Ã Á¤º¸ */
.info_wrap {font-size: 16px; color: #333;}
.info_wrap .info.flex {display: flex; justify-content: flex-start; align-items: center;}
.info_wrap .info + .info {margin-top: 15px;}
.info_wrap .info .info_title {font-weight: 700; text-align: left;}
.info_wrap .info.flex .info_title::after {content: ''; display: inline-block; width: 1px; height: 14px; background: #999; margin: 0 10px; vertical-align: middle;}
.info_wrap .info .radio_list {display: flex; justify-content: flex-start; align-items: center; gap: 14px;}
.info_wrap .info .radio_list li label {cursor: pointer;}
.info_wrap .info .radio_list li label input[type=radio] {cursor: pointer;}
.info_wrap .info .info_table {color: #111; border-top: 2px solid #DDD; border-bottom: 2px solid #DDD; margin-top: 10px;}
.info_wrap .info .info_table th {text-align: center; background: var(--color-third); border: 1px solid #ddd; padding: 14px 10px;}
.info_wrap .info .info_table td {text-align: left; border: 1px solid #ddd; padding: 14px 10px;}
.info_wrap .info .info_table th:first-child {border-left: none;}
.info_wrap .info .info_table td:last-child {border-right: none;}
.info_wrap .info .info_table td .select_box {margin-right: 40px;}
.info_wrap .info .info_table td .select_box select {width: 100%; height: 29px; font-family: var(--font); font-size: 16px; color: #888; padding: 0 8px; border: 1px solid #ddd; border-radius: 0; appearance: none; cursor: pointer; background-color: #fff; background-image: url(https://image.megagong.net/m/2024/0708_exam/select_arrow.png); background-repeat: no-repeat; background-position: 100% 0;}
.info_wrap .info .info_table td.col_3 .flex {display: flex; justify-content: flex-start; align-items: center;}
.info_wrap .info .info_table td.col_3 .select_box {display: flex; justify-content: flex-start; align-items: center; gap: 10px; text-wrap: nowrap; margin-right: 18px;}
.info_wrap .info .info_table td.col_3 .select_box select {width: 128px;}
.info_btn {display: flex; justify-content: center; align-items: center; gap: 20px; margin: 40px auto;}
.info_btn a {display: block; width: 290px; max-width: 48%; font-weight: 500; font-size: 18px; color: #fff; background: #000; padding: 17px 0; border-radius: 10px;}
.info_btn a.apply {background: var(--color-primary);}
/* ÀÀ½Ã ÈÄ */
.info_wrap.type_2 .info .info_table th {padding: 9px 10px;}
.info_wrap.type_2 .info .info_table td {padding: 9px 10px;}
.info_wrap.type_2 .info .info_table td.col_3 .flex span + span::before {content: ''; display: inline-block; width: 1px; height: 14px; background: #DDD; margin: 0 7px; vertical-align: middle;}
/* Àü Á÷·Ä Àü¹®°ú¸ñ Æ˾÷ */
.tiny_pop {text-align: left; font-size: 12px; color: #888; margin-top: 10px;}
.tiny_pop a {font-size: 11px; color: #fff; background: var(--color-primary); border-radius: 3px; padding: 0 5px; margin-left: 5px; text-wrap: nowrap;}
.interest_pop {text-align: center;}

/* ¶ì¹è³Ê */
.bnr_default a {position: relative; display: block; font-weight: 700; font-size: 20px; letter-spacing: -0.04em; padding-top: 21px; padding-bottom: 21px; border-radius: 10px;}
.bnr_default.series {margin-bottom: 30px;}
.bnr_default.series a {font-size: 24px; color: #fff; background: #8cacff; padding: 30px 0; border-radius: 20px;}
.bnr_default.series a::before,
.bnr_default.series a::after {content: ''; position: absolute; bottom: 0;}
.bnr_default.series a::before {left: 55px; width: 114px; height: 74px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_series_bg1.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.series a::after {right: 40px; width: 128px; height: 76px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_series_bg2.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.series a span {color: #111;}
.bnr_default.series a .arrow {display: inline-block; width: 10px; height: 16px; background: url(https://image.megagong.net/m/2024/0708_exam/bnr_arrow_wht.png) no-repeat; background-size: contain; vertical-align: middle;}
.bnr_default.quizbank {margin-top: 30px;}
.bnr_default.quizbank a {background: #e0edff; padding-left: 90px; text-align: left;}
.bnr_default.quizbank a::after {content: ''; position: absolute; width: 142px; height: 70px; bottom: 0; right: 90px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_quizbank_bg.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.quizbank a span.cr_1 {color: #63c6ff;}
.bnr_default.quizbank a .arrow {display: inline-block; width: 7px; height: 16px; background: url(https://image.megagong.net/m/2024/0708_exam/bnr_arrow_blk.png) no-repeat; background-size: contain; vertical-align: middle;}
.bnr_default.pass_opinion {margin-top: 30px;}
.bnr_default.pass_opinion a {background: #fae9e0;}
.bnr_default.pass_opinion a::before,
.bnr_default.pass_opinion a::after {content: ''; position: absolute; bottom: 0;}
.bnr_default.pass_opinion a::before {left: 30px; width: 105px; height: 59px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_pass_opinion_bg1.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.pass_opinion a::after {right: 36px; width: 117px; height: 60px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_pass_opinion_bg2.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.pass_opinion a span.cr_1 {color: #63c6ff;}
.bnr_default.pass_opinion a span.cr_2 {color: #ff737a;}
.bnr_default.pass_opinion a .arrow {display: inline-block; width: 7px; height: 16px; background: url(https://image.megagong.net/m/2024/0708_exam/bnr_arrow_blk.png) no-repeat; background-size: contain; vertical-align: middle;}
.bnr_default.sub_guide a {background: #e0edff; border-radius: 29px; padding: 15px 0; padding-left: 120px;}
.bnr_default.sub_guide a::before {content: ''; position: absolute; width: 115px; height: 68px; bottom: 0; left: 260px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_sub_guide_bg.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.sub_guide a span {color: #63c6ff;}
.bnr_default.price a {background: #e0edff; border-radius: 29px; padding: 15px 0; padding-left: 160px;}
.bnr_default.price a::before {content: ''; position: absolute; width: 134px; height: 68px; bottom: 0; left: 250px; background-image: url(https://image.megagong.net/m/2024/0708_exam/bnr_price_bg.png); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%;}
.bnr_default.price a span {color: #63c6ff;}
.bnr_default.price + .tiny_noti {color: #888; margin-top: 10px; text-align: right;}

/* ±âº» Å×À̺í */
.table_default {font-size: 16px;}
.table_default .table_tit {margin-bottom: 10px;}
.table_default table {background: #fff;}
.table_default tr th,
.table_default tr td {padding: 10px 5px; border: 1px solid #e5deed; line-height: 1.2;}
.table_default tr th:first-child,
.table_default tr td:first-child {border-left: none;}
.table_default tr th:last-child,
.table_default tr td:last-child {border-right: none;}
.table_default .tbl_mo {display: none;}
.table_default .cr_1 {color: #fff; background: var(--color-primary);}
.table_default .cr_2 {background: var(--color-third);}
.table_default .cr_3 {background: #fffee8;}
.table_default .tal {text-align: left;}
.table_default .tiny_noti {color: #888; margin-top: 10px; text-align: left;}
.table_default .tiny_noti a {font-size: 11px; color: #fff; background: var(--color-primary); border-radius: 3px; padding: 0 5px; margin-left: 5px; text-wrap: nowrap;}
/* E: settings */

/* S: left.asp */
.lnb_bar {position: absolute; top: 190px; left: 55px; width: 220px; font-weight: 700; text-align: left; background-color: #FFF; border: 1px solid #111; border-radius: 10px; overflow: hidden; z-index: 3;}
.lnb_bar.pofixed {position: fixed;}
.lnb_bar h2 {display: flex; justify-content: flex-start; align-items: center; color: #FFF; background-color: var(--color-primary); padding: 20px;}
.lnb_bar h2::before {content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 10px; background: no-repeat center / contain url(https://image.megagong.net/m/2025/0728_exam/left_ico1.png);}
.lnb_bar .depth1 {color: #111;}
.lnb_bar .depth1 > li {position: relative; padding: 20px;}
.lnb_bar .depth1 > li + li {border-top: 1px solid #111;}
.lnb_bar .depth1 > li > a {display: flex; justify-content: flex-start; align-items: center;}
.lnb_bar .depth1 > li > a::after {content: ''; display: inline-block; width: 7px; height: 12px; margin-left: 10px; background: no-repeat center / contain url(https://image.megagong.net/common/arrow_right_md.svg)}
.lnb_bar .depth1 > li > a::before {content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 10px; background-size: contain; background-repeat: no-repeat;}
.lnb_bar .depth1 > li:nth-child(1) > a::before {background-image: url(https://image.megagong.net/m/2025/0728_exam/left_ico2.png);}
.lnb_bar .depth1 > li:nth-child(2) > a::before {background-image: url(https://image.megagong.net/m/2025/0728_exam/left_ico3.png);}
.lnb_bar .depth1 > li:nth-child(3) > a::before {background-image: url(https://image.megagong.net/m/2025/0728_exam/left_ico4.png);}
.lnb_bar .depth2 {color: #555; padding-left: 36px; margin-top: 10px;}
.lnb_bar .depth2 a {position: relative; display: block;}
.lnb_bar .depth2 a .mark {position: absolute; top: calc(50% - 2.5px); left: -10px; width: 5px; height: 5px; background: #555; border-radius: 50%;}
.lnb_bar .btn-base {display: block;}
.lnb_bar .btn-base a {display: block; padding: 11.5px;}
.lnb_bar .depth1 > li:hover > a,
.lnb_bar .depth1 > li.on > a,
.lnb_bar .depth2 li:hover a,
.lnb_bar .depth2 li.on a {color: var(--color-primary);}
.lnb_bar .depth2 li:hover a .mark,
.lnb_bar .depth2 li.on a .mark {background: var(--color-primary);}
/* E: left.asp */

/* S: Áø´ÜÆò°¡¶õ? - main.asp */
/* con_top */
.con_top {padding: 100px 0 65px; background: linear-gradient(180deg, #0034BD 0%, #0046FD 23.16%, #5C89FF 49.17%, rgba(255, 255, 255, 0.00) 84.53%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); overflow: hidden;}
.con_top .sub_tit {font-weight: 700;}
.con_top .sub_tit .emphasis {display: block; color: #98FF3F; background: no-repeat 48% 100% / auto url(https://image.megagong.net/m/2025/0728_exam/main_subtit_bg.png);}
.con_top h3 {font-size: 86px; justify-content: center; align-items: center; gap: 20px; margin: 7px auto 15px;}
.con_top h3 .badge {line-height: 1.2; color: #111; background: #FFF; border-radius: 40px; padding: 9.5px 30px;}
.con_top .visual_swiper {position: relative; overflow: hidden; margin: 0 -137px 15px; background: no-repeat center / auto url(https://image.megagong.net/m/2025/0728_exam/main_arrow_bg.png);}
.con_top .visual_swiper .swiper-wrapper {align-items: center; gap: 0;}
.con_top .visual_swiper .swiper-slide {flex: 1 1 auto;}
.con_top .visual_swiper .arrow {position: absolute; top: 50%; right: 0; transform: translate(50%, calc(-50% + 0.5px)); z-index: 2;}
.con_top .visual_swiper .swiper-pagination {position: static; margin: 0 auto 2%;}
.con_top .visual_swiper .swiper-pagination-bullet {width: clamp(10px, 2.4vmin, 18px); height: clamp(10px, 2.4vmin, 18px);}
.con_top .visual_swiper .swiper-pagination-bullet-active {background: var(--color-primary);}
.con_top .btn-base a {min-width: 367px; font-size: 20px;}

/* evCon1 */
.evCon1 {padding: 60px 0 150px; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FAFAFA;}
.evCon1 .con_tit {margin-bottom: 60px;}
.evCon1 .tab_way {color: #fff; gap: 2px;}
.evCon1 .tab_way li a {display: flex; flex-direction: column; justify-content: center; height: 85px; background: #DADADA;}
.evCon1 .tab_way li.on a {background: var(--color-primary);}
.evCon1 .panel_base {box-shadow: 20px 25px 30px 0px rgba(0, 0, 0, 0.20);}
/* E: Áø´ÜÆò°¡¶õ? - main.asp */

/* S: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */
.evSeries .box_default b {color: var(--color-primary);}
.evSeries .tip_title {font-weight: 700; font-size: 24px; text-align: left; margin: 60px auto 20px;}
.evSeries .tip_title span {font-size: 18px;}
.evSeries .tip_title::before {content: ''; display: inline-block; width: 58px; height: 58px; vertical-align: middle; margin-right: 5px; background-image: url(https://image.megagong.net/m/2025/0728_exam/series_tip_icon.png); background-repeat: no-repeat; background-size: auto 100%;}
.evSeries .tip_title.tip1::before {background-position: 0 0;}
.evSeries .tip_title.tip2::before {background-position: -58px 0;}
.evSeries .tip_title.tip3::before {background-position: -116px 0;}
.evSeries .table_default {margin-top: 50px;}
.evSeries .msg {font-size: 18px; margin-top: 20px;}
.evSeries .msg b {color: var(--color-primary);}

.series_cont {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px; background: url(https://image.megagong.net/m/2025/0728_exam/series_arrow.png) no-repeat 50% 50%;}
.series_cont .item {width: 450px; height: 450px; color: #111; background: #fff; border-radius: 50%; border: 1px solid #ddd; padding: 100px 0;}
.series_cont .item_title {width: fit-content; font-weight: 900; font-size: 26px; color: var(--color-primary); padding-bottom: 5px; border-bottom: 2px solid var(--color-primary); margin: 0 auto 20px;}  
.series_cont .item dl dt {font-weight: 900; font-size: 20px; margin-bottom: 20px;} 
.series_cont .item dl dt span {display: block; font-weight: 400; font-size: 16px; color: #555;}
.series_cont .item dl dd {font-size: 16px;} 
.series_cont .item dl dd ul {display: flex; justify-content: center; align-items: center; gap: 5px 10px; flex-wrap: wrap;} 
.series_cont .item dl dd ul::before {content: ''; display: block; width: 100%; height: 0; order: 2;}
.series_cont .item dl dd ul li:nth-child(n + 4) {order: 3;} 
.series_cont .item dl dd ul li a {display: block; font-size: 19px; color: #888; border: 1px solid #BBB; border-radius: 18px; padding: 2px 20px;} 
.series_cont .item dl dd ul li:hover a {font-weight: 700; color: #fff; background: var(--color-primary); border-color: var(--color-primary);}
/* E: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */

/* S: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */
.subject_intro_wrap .tec_info {display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; padding: 20px 30px; text-align: left; margin-bottom: 20px;}
.subject_intro_wrap .tec_info .home {display: flex; align-items: center; gap: 10px; width: fit-content; font-weight: 700; font-size: 24px; color: #333;}
.subject_intro_wrap .tec_info .home span {display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; background: #333; width: 24px; height: 24px; border-radius: 50%;}
.subject_intro_wrap .tec_info .slogan {display: block; font-size: 18px; color: #555; margin-top: 5px;}
.subject_info_list > li{padding:40px;background-color:#fff;border:1px solid #ddd;border-radius:15px;margin-top:20px;text-align: justify; font-size:16px;color:#111;font-weight:400;word-break: break-all;}
.subject_info_list > li:first-child{margin-top:0;}
.subject_info_list > li .num{font-weight:900;color:#111;font-size:18px;margin-bottom:20px;display:block;}
.subject_info_list > li .con{margin-top:10px;}
.subject_info_list > li .con:first-child{margin-top:0;}
.subject_info_list > li .s-tit{font-weight:900;margin-top:20px;}
.subject_info_list > li .s-tit,
.subject_info_list > li .con strong.black{color:#000;}
.subject_info_list > li .s-tit.primary,
.subject_info_list > li .con strong,
.subject_info_list > li .b-tit strong{color:var(--color-primary);}
.subject_info_list > li .con strong span{font-weight:400;color:#000;}
.subject_info_list > li .con li{padding-left:10px;text-indent:-10px;}
.subject_info_list > li .con.type-2 li{margin-top: 5px;padding-left:22px;text-indent:-22px;}
.subject_info_list > li .con.type-2 li:first-child{margin-top:0;}
.subject_info_list > li .tbl_subject{table-layout:fixed;width:100%;}
.subject_info_list > li .tbl_subject th,.subject_info_list > li .tbl_subject td{padding:10px;text-align:center;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;font-size:16px;}
.subject_info_list > li .tbl_subject thead tr:first-child th{border-top:1px solid #ddd;}
.subject_info_list > li .tbl_subject th:last-child,
.subject_info_list > li .tbl_subject td:last-child{border-right:1px solid #ddd;}
.subject_info_list > li .tbl_subject th.bl{border-left:1px solid #ddd;}
.subject_info_list > li .tbl_subject th{background-color:var(--color-third);font-weight:700;}
.subject_info_list > li .tbl_subject td{font-weight:400;color:#111;}
.subject_info_list > li .tbl_subject.type-2 th, .subject_info_list > li .tbl_subject.type-2 td{text-align:left;}
.subject_info_list > li .tbl_subject.type-2 tr:first-child th,
.subject_info_list > li .tbl_subject.type-2 tr:first-child td{border-top:1px solid #ddd;}
.subject_info_list > li .con.type-2 .tbl_subject.type-2 th strong{margin-bottom:0;}
.tbl_subject_wrap{display:flex;justify-content:space-between;align-items:center;gap:0 20px;}
.tbl_subject_wrap .tbl_subject{flex-grow:1;}
.tbl_subject_wrap .tbl_arrow{flex-shrink:0; position: relative; font-weight: 700; background: var(--color-second); padding: 10px 14px 10px 30px; margin-right: 33px;}
.tbl_subject_wrap .tbl_arrow::after {content: ''; position: absolute; top: 50%; right: 0; transform: translate(100%, -50%); border-top: 33px solid transparent; border-bottom: 33px solid transparent; border-left: 34px solid var(--color-second); }
.subject_info_list > li .tiny{font-size:12px;color:#999;margin-top:10px;}
.subject_info_list > li .info_box{font-size: 14px; border:1px solid #ccc;padding:10px;border-radius:5px;margin-top:10px;}
.subject_info_list > li .info_box li{padding-left:10px;text-indent:-10px;line-height:1.6;color:#111;}
.subject_info_list > li .b-tit{color:#000;font-weight:500;font-size:16px;text-align:center;display:block;}
/* E: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */

/* S: ÀÀ½Ã - apply_start.asp */
.apply_start .test_paper {display: flex; justify-content: center; align-items: stretch; gap: 20px; height: 770px; margin-bottom: 40px;}
.apply_start .question_wrap {position: relative; width: 590px;}
.apply_start .question_wrap .question_zone .btn_wrap a {position: absolute; top: 50%; display: block; width: 24px; height: 40px; font-size: 0; text-align: center; background-image: url(https://img.megagong.net/m/2023/0222_gongexam/paging_arrow.png); background-repeat: no-repeat;}
.apply_start .question_wrap .question_zone .btn_wrap a.prev {left: 3%; background-position: 0 0;}
.apply_start .question_wrap .question_zone .btn_wrap a.next {right: 3%; background-position: 100% 0;}
.apply_start .answer_sheet {width: 390px; border: 1px solid #ddd; overflow-y: auto; background: #fff; padding: 15px 15px 20px 15px;}
.apply_start .answer_sheet .tbl_wrap {font-size: 16px; color: #111; margin-bottom: 30px;}
.apply_start .answer_sheet .tbl_wrap + .tbl_wrap {margin-top: 15px;}
.apply_start .answer_sheet .tbl_wrap thead th {background: var(--color-third); border: 1px solid #ddd; padding: 8px 10px;}
.apply_start .answer_sheet .tbl_wrap tbody th {background: var(--color-third); border: 1px solid #ddd; padding: 8px 10px;}
.apply_start .answer_sheet .tbl_wrap tbody td {font-family: var(--font-warning); border: 1px solid #ddd; padding: 8px 10px;}
.apply_start .answer_sheet .tbl_wrap thead th {border-width: 1px 0;}
.apply_start .answer_sheet .tbl_wrap tbody th:first-of-type,
.apply_start .answer_sheet .tbl_wrap tbody td:first-of-type {border-left: none;}
.apply_start .answer_sheet .tbl_wrap tbody th:last-of-type,
.apply_start .answer_sheet .tbl_wrap tbody td:last-of-type {border-right: none;}
.apply_start .answer_sheet .tbl_wrap tbody td a {display: block;}
.apply_start .answer_sheet .tbl_wrap tbody td a span {display: block; width: 20px; height: 20px; border: 1px solid #898989; border-radius: 50%; font-size: 12px; line-height: 18px; color: #898989; background: #fff; text-align: center; margin: 0 auto;}
.apply_start .answer_sheet .tbl_wrap tbody td a span.last {font-size: 10px; letter-spacing: -0.1em;}
.apply_start .answer_sheet .tbl_wrap tbody td.on a span {color: #fff; background: var(--color-primary); border: 1px solid var(--color-primary);}
.apply_start .answer_sheet .tiny_txt {font-size: 13px; color: #888; text-align: center; margin-bottom: 10px;}
.apply_start .answer_sheet .apply_btn a {display: block; width: 290px; font-weight: 500; font-size: 18px; color: #fff; background: #000; padding: 17px 0; border-radius: 10px; margin: 0 auto;}

/* ¹®Á¦ */
.question_wrap {word-break: break-all; text-align: justify;}
.question_wrap .question {height: 770px; font-size: 16px; line-height: 1.6; text-align: left; padding: 20px 50px 40px; border: 1px solid #ddd; overflow-y: auto;}
.question_wrap .question .tit {font-size: 15px; margin-bottom: 10px;}
.question_wrap .box {position: relative; padding: 20px; border: 1px solid #000; margin-bottom: 30px;}
.question_wrap .box p {text-indent: 1em;}
.question_wrap .box .example {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 0 10px;}
.question_wrap .choices li {position: relative; padding-left: 25px;}
.question_wrap .choices.type2 li {padding-left: 28px;}
.question_wrap .choices li + li {margin-top: 5px;}
.question_wrap .choices li .mark {position: absolute; top: 0; left: 0;}
.question_wrap u {text-decoration: none; border-bottom: 1px solid #000;}
.question_wrap .blnk {display: inline-block; width: 80px; height: auto; min-height: 18px; text-align: center; background: #fff; border: 1px solid #000; margin: 0 5px;}
.question_wrap .blnk.block {display: block; width: auto;}
.question_wrap .tac {text-align: center;}
.question_wrap .box .no_indent {text-indent: initial;}

.question_wrap .question #q10_1 .blnk {width: 80%; height: 18px; margin: 5px auto 0;}
.question_wrap .question #q11_3 .choices {flex-wrap: wrap; column-gap: 15px;}
.question_wrap .question #q11_3 .choices li {margin-top: 0;}

/* Á¤´ä ¹× Çؼ³ */
.scroll_box {height: auto; max-height: 700px; overflow-y: auto;}
.scroll_box .question_wrap .question {height: auto; overflow: visible;}
.answer_box {position: relative; background: #bce8ff; text-align: left; font-size: 16px; line-height: 1.6;}
.answer_box .tit {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); color: #fff; background: #00a6ff; padding: 5px 10px; border-radius: 10px;}
.answer_box .txt {padding: 30px;}
.answer_box .txt .info {display: flex; justify-content: space-between;}
.answer_box .txt .correct {font-weight: 700; color: #0184ff; font-size: 18px; margin-top: 20px;}
.answer_box .txt .s_tit {font-weight: 700; margin: 10px auto 5px;}
.answer_box .box {margin-top: 10px;}

/* ¼³¹® Æ˾÷ */
#popupSurvey .s_tit {color: #777;}
#popupSurvey .info_wrap {font-size: 14px;}
#popupSurvey .info_wrap .info .info_table {border-width: 1px 0 0 1px;}
#popupSurvey .info_wrap .info .info_table td .select_box select {font-size: 14px;}
/* E: ÀÀ½Ã - apply_start.asp */

/* S: Áø´Ü°á°úºÐ¼® - apply_result.asp */
.apply_result .info_detail {display: flex; align-items: center; gap: 0 15px;}
.apply_result .info_detail .title {order: -1;}
.apply_result .info_detail::before {content: ''; display: inline-block; width: 1px; height: 14px; background: #999;}
.apply_result .info_detail .btn-base a {font-size: 12px; padding: 5px 17px 6px;}

/* Å×À̺í */
.result_tbl.pass_tbl {margin-bottom: 30px;}
.result_tbl sup {opacity: 0.5; font-size: 0.75em; vertical-align: top;}
.result_tbl tr .cr_1 {border-color: #fff;}
.result_tbl.grade_tbl td.ans_X {font-weight: 700; color: #f00;}
.result_tbl.grade_tbl td.ans_O {font-weight: 700; color: #0c00ff;}
.result_tbl.grade_tbl td .qst_view {display: block; font-size: 0; width: 26px; max-width: 76%; height: 22px; background: url('https://img.megagong.net/m/2024/0708_exam/result_qst.png') center center no-repeat; background-size: 100% auto; margin: 0 auto;}
.result_tbl.predict_tbl colgroup col:first-child {border: 2px solid var(--color-primary);}
.result_tbl.predict_tbl tr td:first-of-type {font-weight: 700; color: var(--color-primary);}
.result_tbl.pass_tbl td a {color: var(--color-primary); border-bottom: 1px solid var(--color-primary);}
.result_tbl.cut_tbl {font-size: 15px;}
.result_tbl.cut_tbl tr th,
.result_tbl.cut_tbl tr td {padding: 7px 5px;}
.result_tbl.cut_tbl thead th span {font-size: 13px;}
.result_tbl.cut_tbl tbody th a {border-bottom: 1px solid #000;}
.result_tbl.cut_tbl .subject {position: relative; font-size: 15px; padding: 0;}
.result_tbl.cut_tbl .subject::before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ddd;}
.result_tbl.cut_tbl .subject > div {display: flex;}
.result_tbl.cut_tbl .subject span {position: relative; display: block; flex: 1; padding: 10px 5px;}
.result_tbl.cut_tbl .tiny_noti .img {vertical-align: bottom; margin: 0 2px;}

/* ÇʱâÇհݼ± */
.graph_tab {margin-top: 30px;}
.graph_tab .grh {margin-bottom: 40px;}
.graph_tab .grh > img {margin: 0 auto;}
.graph_tab .radio_list {display: flex; justify-content: flex-start; align-items: center; gap: 18px; margin-bottom: 15px;}
.graph_tab .radio_list li label {font-size: 16px;}
.graph_tab .radio_list li input[type=radio] {margin-right: 5px;}
.graph_tab .radio_list li input[type=radio]:checked + span {font-weight: 700;}

/* ¹®Á¦ Çؼ³ Æ˾÷ */
.eventWrap .layerPopup { position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; } 
.eventWrap .layerPopup.questn_pop {display: flex;justify-content: center;align-items: center;} 
.eventWrap .layerPopup .dimBg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; } 
.eventWrap .layerPopup .contentBox { position: relative; width: 94%; max-width: 770px; line-height: 1.3; background: #fff;} 
.eventWrap .layerPopup .contentBox .pop_box { padding: 0; position: relative; height: 650px; overflow-y: auto; } 
.eventWrap .layerPopup .btnClose { position: absolute; bottom: -30px; right: 0; background: #000; padding: 3px; width:30px; height:30px; box-sizing: border-box; } 
.eventWrap .layerPopup .btnClose { position:absolute; top: -35px; right: 0; display:block; font-size:0; line-height:0; width:35px; height:35px; background: url('https://img.megagong.net/m/2021/0106_basicexam/pop_x.png') center center no-repeat;} 

/* ³ªÀÇ ÀÀ½Ã Á¤º¸ »ó¼¼º¸±â Æ˾÷ */
.eventWrap .layerPopup.info_detail_pop .contentBox {padding: 20px;}
.eventWrap .layerPopup.info_detail_pop {display: flex;justify-content: center;align-items: center;} 
.info_detail_pop .info_wrap .info .info_table {margin: 0;}

/* Àü¹®°ú¸ñ Æ˾÷ */
.subj_nm {display: none;}
.pop_table {background: #fff; margin-top: 10px;}

/* .s_3 {text-align: left;} */

.s_26 .question .choices img {width: 93px; max-width: 23%;}
.s_26 .answer_box .txt img {max-width: 36%;}

.part-wrp {margin-bottom: 0;}
.part-wrp table td, .part-wrp table th {border-color: #e5deed;}
.part-wrp table {border: none; border-top: 1px solid #e5deed;}
.part-wrp table thead tr th {background: var(--color-third);}
.part-wrp tr th:first-child, .part-wrp tr td:first-child {border-left: none;}
.part-wrp tr th:last-child, .part-wrp tr td:last-child {border-right: none;}
.part-wrp + .tiny_noti {color: #888; margin-top: 10px; text-align: left;}
.part-wrp + .tiny_noti a {font-size: 11px; color: #fff; background: var(--color-primary); border-radius: 3px; padding: 0 5px; margin-left: 5px; text-wrap: nowrap;}
.part-wrp .mo-view {margin-top: 0 !important;}
/* E: Áø´Ü°á°úºÐ¼® - apply_result.asp */

/* S: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
.evLearning .box_default .box_title b {color: var(--color-primary);}
.evLearning .box_default .box_title .tiny {font-weight: 500; font-size: 14px; color: #666;}
.evLearning .txtbox_default {font-size: 16px; text-align: left; background: #fff; border: 1px solid #ddd; padding: 40px; border-radius: 20px;}
.evLearning .txtbox_default .cr_1 {color: var(--color-primary);}

.evLearning .graph_wrap.pie_graph {display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 40px;}
.evLearning .graph_wrap.pie_graph .grp {flex: 0 0 auto; width: 360px; height: auto;}
.evLearning .graph_wrap.pie_graph .grp .piechart {width: 360px; height: 250px; margin: 0 auto;}
.evLearning .graph_wrap.pie_graph .legend_list {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px 10px; margin-top: 20px; font-size: 16px;}
.evLearning .graph_wrap.pie_graph .legend_list::before {content: ''; display: block; width: 100%; height: 0; order: 2;}
.evLearning .graph_wrap.pie_graph .legend_list li:nth-of-type(n+4) {order: 3;}
.evLearning .graph_wrap.pie_graph .legend_list li::before {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px;}
.evLearning .graph_wrap.pie_graph .legend_list li:nth-of-type(1):before {background: #86b4f6;}
.evLearning .graph_wrap.pie_graph .legend_list li:nth-of-type(2):before {background: #4dbae7;}
.evLearning .graph_wrap.pie_graph .legend_list li:nth-of-type(3):before {background: #49acff;}
.evLearning .graph_wrap.pie_graph .legend_list li:nth-of-type(4):before {background: #7dbdff;}
.evLearning .graph_wrap.pie_graph .legend_list li:nth-of-type(5):before {background: #bfd9ff;}
.evLearning .graph_wrap.pie_graph text {font-size: 16px; text-align: center; }
.evLearning .graph_wrap.pie_graph p {flex: 1; position: relative; font-weight: 400; font-size: 16px; text-align: left; background: #f8f8f8; border-radius: 0 40px 0 40px; padding: 30px;}
.evLearning .graph_wrap.pie_graph p::before {content: ''; position: absolute; top: 0; left: 0; transform: translateX(-100%); border-bottom: 30px solid transparent; border-right: 42px solid #f8f8f8;}
.evLearning .graph_wrap.bar_graph {display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 30px;}
.evLearning .graph_wrap.bar_graph .ico span {display: block; font-weight: 500; font-size: 16px; line-height: 1.2; margin-top: 5px;}
.evLearning .graph_wrap.bar_graph .grp {flex: 1; display: flex;}
.evLearning .graph_wrap.bar_graph .grp li {position: relative; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 1.2; color: #fff; height: 60px;}
.evLearning .graph_wrap.bar_graph .grp li:nth-child(1) {color: #000; background: #9db8ff; background: -webkit-linear-gradient(0deg, transparent 0%, #9db8ff 50%); background: linear-gradient(90deg, transparent 0%, #9db8ff 50%);}
.evLearning .graph_wrap.bar_graph .grp li:nth-child(2) {background: #759bff;}
.evLearning .graph_wrap.bar_graph .grp li:nth-child(3) {background: #3b71ff;}
.evLearning .graph_wrap.bar_graph .grp li:nth-child(4) {background: #002aff; z-index: 0; padding-right: 2%;}
.evLearning .graph_wrap.bar_graph .grp li:nth-child(4)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); ;border-top: 45px solid transparent; border-bottom: 45px solid transparent; border-left: 54px solid #002aff; background: #fff; z-index: -1;}
.evLearning .curr .txtbox_default {margin-bottom: 60px;}
.evLearning .curr_list li {display: flex; justify-content: center; align-items: stretch; gap: 10px;}
.evLearning .curr_list li + li {margin-top: 10px;}
.evLearning .curr_list li .step {
    --arrow-height: 30px;
    position: relative; flex: 0 0 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 700; font-size: 18px; color: #fff; margin-bottom: var(--arrow-height); border-radius: 10px;}
.evLearning .curr_list li .step::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); width: 40px; height: var(--arrow-height); background-image: url('https://img.megagong.net/m/2025/0728_exam/curr_arrow.png'); background-repeat: no-repeat; background-size: auto 100%;}
.evLearning .curr_list li .step span {font-size: 14px;}
.evLearning .curr_list li:nth-child(1) .step {background: #9db8ff;}
.evLearning .curr_list li:nth-child(2) .step {background: #759bff;}
.evLearning .curr_list li:nth-child(3) .step {background: #3b71ff;}
.evLearning .curr_list li:nth-child(4) .step {background: #002aff; margin-bottom: 0;}
.evLearning .curr_list li:nth-child(1) .step::after {background-position: 0 0;}
.evLearning .curr_list li:nth-child(2) .step::after {background-position: -40px 0;}
.evLearning .curr_list li:nth-child(3) .step::after {background-position: -80px 0;}
.evLearning .curr_list li:nth-child(4) .step::after {content: none;}
.evLearning .curr_list li p {flex: 1; font-size: 16px; text-align: left; border: 1px solid #e5deed; border-radius: 10px; padding: 25px 30px; margin: 0;}

.evLearning .tip .txtbox_default {margin-bottom: 30px;}
.tip_tbl {margin-bottom: 40px;}
.tip_tbl tbody td.cr_2 {font-weight: 700;}
.tip_tbl tbody td.prosncons {padding: 20px 15px;}
.tip_tbl tbody td.prosncons ul li {position: relative; padding-left: 10px;}
.tip_tbl tbody td.prosncons ul li + li {margin-top: 5px;}
.tip_tbl tbody td.prosncons ul li .mark {position: absolute; top: 0; left: 0;}
.tip_tbl tbody td.prosncons ul li.link a {font-size: 14px;}
.tip_tbl tbody td.prosncons ul li.link a u {font-weight: 700; color: var(--color-primary); text-underline-offset: 3px;}
/* E: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */

@media screen and (max-width: 1625px){
    .lnb_bar {left: 10px;}
}
@media screen and (max-width: 1400px){
    /* S: settings */
    .hide-1400 {display: none;}
    /* E: settings */

    /* S: left.asp */
    .lnb_bar {position: relative; top: 0; left: 0; width: 100%; text-align: center; border: none; border-radius: 0; overflow: initial;}
    .lnb_bar h2 {display: block; padding: 10px;}
    .lnb_bar h2::before {content: none;}
    .lnb_bar .depth1 {display: flex; justify-content: center; align-items: center; gap: 2vmin;}
    .lnb_bar .depth1 > li {padding: 0;}
    .lnb_bar .depth1 > li + li {border-top: none;}
    .lnb_bar .depth1 > li + li::before {content: ''; position: absolute; width: 1px; height: clamp(10px, 2.2vmin, 14px); background-color: var(--color-third); top: 50%; left: -1vmin; transform: translateY(-50%);}
    .lnb_bar .depth1 > li > a {padding: 10px;}
    .lnb_bar .depth1 > li > a::before,
    .lnb_bar .depth1 > li > a::after {content: none;}
    .lnb_bar .depth2 {padding: 0 10px; margin: 0; position: absolute; bottom: 1px; left: -15px; transform: translateY(100%); background-color: #FFF; border: 1px solid var(--color-third); text-wrap: nowrap; display: none;}
    .lnb_bar .depth1 li.on .depth2 {display: flex;}
    .lnb_bar .depth2 a {padding: 5px 10px;}
    .lnb_bar .depth2 a .mark {left: 0;}
    .lnb_bar .btn-base a {font-weight: 700; font-size: 14px; background-color: unset; color: #111; border: none; padding: 10px; line-height: 1.4;}
    .lnb_bar .on .btn-base a {color: var(--color-primary);}
    .lnb_bar .btn-base a::after {content: none;}
    .lnb_bar .depth1 > li:last-of-type .depth2 {left: auto; right: 0;}
    /* E: left.asp */

    /* S: Áø´ÜÆò°¡¶õ? - main.asp */
    /* con_top */
    .con_top .visual_swiper {margin: 0 -80px 15px;}
    /* E: Áø´ÜÆò°¡¶õ? - main.asp */
}
@media screen and (max-width: 1200px){
    /* S: settings */
    .evSection {padding: 8% 0 14%;}
    .title_default {padding-bottom: 4%; margin-bottom: 5%;}

    /* ±âº» ÅÇ */
    .evSection .tab_base.tab_default {gap: 1vmin; margin: 0 auto 3%;}
    .evSection .tab_base.tab_default li a {font-size: clamp(15px, 2vmin, 18px); padding: clamp(8px, 1.5vmin, 17px) 0;}

    /* ¼­ºê ÅÇ */
    .evSection .tab_base.tab_sub {gap: 1vmin;}
    .evSection .tab_base.tab_sub::before {content: none;}
    .evSection .tab_base.tab_sub li a {font-size: clamp(13px, 1.7vmin, 16px); padding: 0.5vmin 2vmin;}
    .evSection .panel_base.panel_sub {margin-top: 5%;}

    /* ÀÀ½Ã ÅÇ */
    .result_tab {margin-bottom: 3%;}
    .result_tab ul li a {font-size: clamp(13px, 1.8vmin, 16px); padding: 1.5vw 0; border-radius: 10px 10px 0 0;}

    /* ÄÁÅÙÃ÷ ¹Ú½º */
    .box_default {padding: 30px 20px; font-size: clamp(13px, 1.8vmin, 16px);}
    .box_default + .box_default {margin-top: 5%;}
    .box_default .box_title {font-size: clamp(16px, 2.2vmin, 20px); margin-bottom: 2%;}
    .box_default * + .box_title {margin-top: 3%;}
    .box_default.apply_noti li {font-size: clamp(13px, 1.8vmin, 16px);}

    /* ³ªÀÇ ÀÀ½Ã Á¤º¸ */
    .info_wrap {font-size: clamp(13px, 1.8vmin, 16px);}
    .info_wrap .info + .info {margin-top: 2vmin;}
    .info_wrap .info .info_table {margin-top: 1vmin;}
    .info_wrap .info .info_table td .select_box {margin-right: 0;}
    .info_wrap .info .info_table td .select_box select {font-size: clamp(13px, 1.8vmin, 16px);}
    .info_btn {gap: 2vmin; margin: 4% auto;}
    .info_btn a {font-size: clamp(16px, 2vmin, 18px); padding: 1.5vmin 0;}

    /* ¶ì¹è³Ê */
    .bnr_default a {font-size: clamp(13px, 2.2vmin, 20px); padding: 2vmin 0;}
    .bnr_default.series {margin-bottom: 3%;}
    .bnr_default.series a {font-size: clamp(14px, 2.6vmin, 24px); padding: 3vmin 0;}
    .bnr_default.series a::before {left: 2%; width: 17vw;}
    .bnr_default.series a::after {right: 2%; width: 18vw;}
    .bnr_default.quizbank {margin-top: 3%;}
    .bnr_default.quizbank a {padding-left: 5vw;}
    .bnr_default.quizbank a::after {right: 2%; width: clamp(80px, 15vmin, 110px);}
    .bnr_default.pass_opinion {margin-top: 3%;}
    .bnr_default.pass_opinion a {text-align: left; padding-left: 5vw;}
    .bnr_default.pass_opinion a::before {content: none;}
    .bnr_default.pass_opinion a::after {right: 2%; width: clamp(50px, 15vmin, 110px);}
    .bnr_default.sub_guide a {padding: 1.5vmin 0;}
    .bnr_default.sub_guide a::before {width: 13vw; left: 2%;}
    .bnr_default.price a {padding: 1.5vmin 0; padding-left: 2vmin;}
    .bnr_default.price a::before {width: 13vw; left: 2%;}

    /* ±âº» Å×À̺í */
    .table_default {font-size: clamp(13px, 1.8vmin, 16px);}
    /* E: settings */

    /* S: Áø´ÜÆò°¡¶õ? - main.asp */
    /* con_top */
    .con_top {padding: 10% 0 8%;}
    .con_top h3 {font-size: clamp(44px, 9vmin, 86px);}
    .con_top .visual_swiper {margin: 0 -6vmin 10px;}

    /* evCon1 */
    .evCon1 {padding: 5% 0 14%;}
    .evCon1 .con_tit {margin-bottom: 6%;}
    /* E: Áø´ÜÆò°¡¶õ? - main.asp */

    /* S: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */
    .evSeries .tip_title {font-size: clamp(18px, 2.6vmin, 24px); margin: 6% auto 2%;}
    .evSeries .tip_title span {font-size: clamp(15px, 2vmin, 18px);}
    .evSeries .table_default {margin-top: 5%;}
    .evSeries .msg {font-size: clamp(15px, 2vmin, 18px); margin-top: 4%;}
    /* E: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */

    /* S: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */
    .subject_info_list > li{padding:30px;}
    /* E: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */

    /* S: ÀÀ½Ã - apply_start.asp */
    .apply_start .test_paper {flex-direction: column; height: auto; gap: 2vw; margin-bottom: 5%;}
    .apply_start .question_wrap {width: 100%;}
    .apply_start .question_wrap .question_zone .btn_wrap {display: flex; justify-content: center; align-items: center; gap: 1vw; margin-top: 2%;}
    .apply_start .question_wrap .question_zone .btn_wrap a {flex: 1; position: static; width: auto; height: auto; font-weight: 700; font-size: 14px; background: #fff; border: 1px solid #c3c3c3; padding: 11px 0; border-radius: 6px;}
    .apply_start .answer_sheet {width: 100%;}
    .apply_start .answer_sheet .tbl_wrap {margin-bottom: 3%;}
    .apply_start .answer_sheet .tbl_wrap + .tbl_wrap {margin-top: 1%;}
    .apply_start .answer_sheet .apply_btn a {font-size: clamp(14px, 2vmin, 18px); padding: 2vw 0;}

    /* ¹®Á¦ */
    .question_wrap .question {height: auto; padding: 20px 20px 40px;}

    /* Á¤´ä ¹× Çؼ³ */
    .answer_box .txt {padding: 20px 20px 30px;}
    /* E: ÀÀ½Ã - apply_start.asp */

    /* S: Áø´Ü°á°úºÐ¼® - apply_result.asp */
    /* Å×À̺í */
    .result_tbl.pass_tbl {margin-bottom: 3%;}
    .result_tbl.grade_tbl td .qst_view {height: 3vmin;}
    .result_tbl.cut_tbl {font-size: clamp(12px, 1.7vmin, 15px);}
    .result_tbl.cut_tbl thead th span {font-size: clamp(11px, 1.5vmin, 13px);}
    .result_tbl.cut_tbl .subject {font-size: clamp(12px, 1.7vmin, 15px);}
    .result_tbl.cut_tbl td .result {display: inline-block; width: 88%;}

    /* ÇʱâÇհݼ± */
    .graph_tab {margin-top: 3%;}
    .graph_tab .grh {margin-bottom: 8%;}
    .graph_tab .radio_list {gap: 1.5vmin; margin-bottom: 2%;}
    .graph_tab .radio_list li label {font-size: clamp(13px, 1.8vmin, 16px);}

    /* ¹®Á¦ Çؼ³ Æ˾÷ */
    .eventWrap .layerPopup .contentBox {width: 90%;}
    .scroll_box {height: auto; max-height: 90vh;}
    /* E: Áø´Ü°á°úºÐ¼® - apply_result.asp */

    /* S: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
    .evLearning .box_default .box_title .tiny {font-size: clamp(11px, 1.6vmin, 14px);}
    .evLearning .txtbox_default {font-size: clamp(13px, 1.8vmin, 16px); padding: 30px 20px;}
    .evLearning .graph_wrap.pie_graph {gap: 2vw; margin-bottom: 6%;}
    .evLearning .graph_wrap.pie_graph .grp {width: 40vmin;}
    .evLearning .graph_wrap.pie_graph .grp .piechart {width: 100%; height: 32vmin;}
    .evLearning .graph_wrap.pie_graph .legend_list {font-size: clamp(13px, 1.8vmin, 16px); gap: 0.25vmin 1vmin;}
    .evLearning .graph_wrap.pie_graph p {font-size: clamp(13px, 1.8vmin, 16px); padding: 20px;}
    .evLearning .graph_wrap.pie_graph p::before {border-bottom-width: 3vmin; border-right-width: 4vmin;}
    .evLearning .graph_wrap.pie_graph text {font-size: clamp(11px, 1.8vmin, 16px);}
    .evLearning .graph_wrap.bar_graph {gap: 1vw; margin-bottom: 4%;}
    .evLearning .graph_wrap.bar_graph .ico span {font-size: clamp(11px, 1.8vmin, 16px);}
    .evLearning .graph_wrap.bar_graph .grp li {font-size: clamp(11px, 1.8vmin, 16px); height: clamp(36px, 6vmin, 60px);}
    .evLearning .graph_wrap.bar_graph .grp li:nth-child(4)::after {border-top-width: 4.4vmin; border-bottom-width: 4.4vmin; border-left-width: 5vmin;}
    .evLearning .curr .txtbox_default {margin-bottom: 6%;}
    .evLearning .curr_list li .step {flex-basis: 24%; min-width: 0; font-size: clamp(13px, 2vmin, 18px);}
    .evLearning .curr_list li .step span {font-size: clamp(11px, 1.6vmin, 14px);}
    .evLearning .curr_list li p {font-size: clamp(13px, 1.8vmin, 16px); padding: 20px 15px;}
    .evLearning .tip .txtbox_default {margin-bottom: 4%;}
    .tip_tbl {margin-bottom: 6%;}
    /* E: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
}
@media screen and (max-width: 992px){
    /* S: Áø´ÜÆò°¡¶õ? - main.asp */
    /* con_top */
    .con_top .visual_swiper {margin: 0 auto 10px; background: none;}
    .con_top .visual_swiper .swiper-slide {flex: 1 0 100%;}
    /* E: Áø´ÜÆò°¡¶õ? - main.asp */

    /* S: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */
    .series_cont {gap: 4vmin; background-size: 6vmin;}
    .series_cont .item {width: calc(50% - 2vmin); height: 43vmin; padding: 5vmin 0; border-radius: 20px; display: flex; flex-direction: column;}
    .series_cont .item_title {font-size: clamp(18px, 2.8vmin, 26px); margin: 0 auto 2vmin;}
    .series_cont .item dl {margin: auto;}
    .series_cont .item dl dt {font-size: clamp(15px, 2.2vmin, 20px); margin: 0 auto 2vmin;}
    .series_cont .item dl dt span {font-size: clamp(13px, 1.8vmin, 16px);}
    .series_cont .item dl dd {font-size: clamp(13px, 1.8vmin, 16px);} 
    .series_cont .item dl dd ul li a {font-size: clamp(14px, 2.1vmin, 19px); padding: 2px 2vmin;}
    /* E: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */

    /* S: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */
    .subject_info_list > li .num{font-size:16px;}
    .subject_info_list > li .tbl_subject th, .subject_info_list > li .tbl_subject td{font-size:14px;padding:5px;}
    .subject_intro_wrap .tec_info .home{font-size:20px; gap: 5px;}
    .subject_intro_wrap .tec_info .slogan{font-size:16px;}
    .tbl_subject_wrap {flex-direction: column; gap: 20px;}
    .tbl_subject_wrap .tbl_arrow{width: auto; padding: 20px 15px 10px; margin: 0 auto 30px;}
    .tbl_subject_wrap .tbl_arrow::after {top: auto; right: auto; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-top: 30px solid var(--color-second); border-left: 80px solid transparent; border-right: 80px solid transparent;}
    /* E: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */
}
@media screen and (max-width: 768px){
    /* S: settings */
    .eventWrap .tiny_noti {font-size: 11px;}
    .show-table-row-768 {display: table-row;}

    /* ³ªÀÇ ÀÀ½Ã Á¤º¸ */
    .info_wrap .info .info_table colgroup {display: none;}
    .info_wrap .info .info_table tr {display: flex; flex-wrap: wrap;}
    .info_wrap .info .info_table th {flex: 1 0 34%; border: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; justify-content: center; align-items: center; padding: 7px 5px;}
    .info_wrap .info .info_table td {flex: 1 0 66%; border: none; border-bottom: 1px solid #ddd; display: flex; justify-content: flex-start; align-items: center; padding: 7px 5px;}
    .info_wrap .info .info_table tr:last-child th:last-of-type,
    .info_wrap .info .info_table tr:last-child td:last-of-type {border-bottom: none;}
    .info_wrap .info .info_table td .select_box {flex: 1;}
    .info_wrap .info .info_table td.col_3 .flex {flex: 1; flex-direction: column; align-items: stretch; gap: 1vw;}
    .info_wrap .info .info_table td.col_3 .select_box {margin-right: 0;}
    .info_wrap .info .info_table td.col_3 .select_box select {width: calc(100% - 50px); margin-left: auto;}
    /* ÀÀ½Ã ÈÄ */
    .info_wrap.type_2 .info .info_table th {padding: 7px 5px;}
    .info_wrap.type_2 .info .info_table td {padding: 7px 5px;}
    .info_wrap.type_2 .info .info_table td.col_3 .flex {flex-direction: row; gap: 0;}
    /* Àü Á÷·Ä Àü¹®°ú¸ñ Æ˾÷ */
    .tiny_pop {font-size: 11px;}
    .tiny_pop a {font-size: 10px;}

    /* ¶ì¹è³Ê */
    .bnr_default.series a .arrow {width: clamp(5px, 2.2vmin, 8px); height: clamp(8px, 2.2vmin, 13px);}
    .bnr_default.quizbank a .arrow,
    .bnr_default.pass_opinion a .arrow {width: clamp(5px, 2vmin, 7px); height: clamp(8px, 2vmin, 16px);}

    /* ±âº» Å×À̺í */
    .table_default tr th,
    .table_default tr td {padding: 7px 3px;}
    .table_default .tbl_pc {display: none;}
    .table_default .tbl_mo {display: table;} 
    .table_default .tiny_noti a {font-size: 10px;}
    /* E: settings */

    /* S: Áø´ÜÆò°¡¶õ? - main.asp */
    /* evCon1 */
    .evCon1 .tab_way li a {height: 60px;}
    /* E: Áø´ÜÆò°¡¶õ? - main.asp */

    /* S: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */
    .evSeries .tip_title::before {width: 40px; height: 40px;}
    .evSeries .tip_title.tip2::before {background-position: -40px 0;}
    .evSeries .tip_title.tip3::before {background-position: -80px 0;}
    .evSeries .table_info colgroup col:nth-child(1) {width: 14% !important;}
    .evSeries .table_info colgroup col:nth-child(6) {width: 9% !important;}

    .series_cont .item {height: clamp(320px, 48vmin, 365px);}
    /* E: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */

    /* S: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */
    .subject_intro_wrap .tec_info {gap: 0 10px; padding: 20px;}
    .subject_intro_wrap .tec_info dt {width: 80px;}
    .subject_info_list > li{font-size:14px;padding:20px;}
    .subject_info_list > li .info_box {font-size: 12px;}
    .subject_info_list > li .b-tit {font-size: 14px; text-align: left;}
    .subject_info_list > li .num{margin-bottom:10px;}
    /* E: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */

    /* S: ÀÀ½Ã - apply_start.asp */
    .apply_start .answer_sheet .tbl_wrap {font-size: 14px;}
    .apply_start .answer_sheet .tbl_wrap tbody td {padding: 6px 0;}
    /* ¹®Á¦ */
    .question_wrap .question {font-size: 14px;}
    .question_wrap .question .tit {font-size: 13px;}
    .question_wrap .question .box {padding: 10px;}

    /* Á¤´ä ¹× Çؼ³ */
    .answer_box {font-size: 14px;}
    .answer_box .txt .correct {font-size: 16px; margin-top: 10px;}
    /* E: ÀÀ½Ã - apply_start.asp */

    /* S: Áø´Ü°á°úºÐ¼® - apply_result.asp */
    .apply_result .info_detail {flex-wrap: wrap; gap: 10px 15px;}
    .apply_result .info_detail::before {content: none;}
    .apply_result .info_detail .info {width: 100%; order: 1;}
    .apply_result .info_detail .info::before {content: ''; display: inline-block; width: 1px; height: 10px; background: #999; margin-right: 10px;}

    /* Å×À̺í */
    .result_tbl.grade_tbl td .qst_view {height: clamp(15px, 4vmin, 22px); background-size: auto 100%;}
    .result_tbl.predict_tbl colgroup col:first-child {border: none;}
    .result_tbl.predict_tbl tbody tr:first-child {border: 2px solid var(--color-primary);}
    .result_tbl.pass_tbl .badge {display: inline-block; max-width: 80%;}
    .result_tbl.cut_tbl tr th,
    .result_tbl.cut_tbl tr td {padding: 5px 2px;}
    .result_tbl.cut_tbl tr th > div.show-768 {display: inline-block !important;}
    .result_tbl.cut_tbl .subject::before {width: 100%; height: 1px; top: 50%; left: 0;}
    .result_tbl.cut_tbl .subject > div {flex-direction: column;}
    .result_tbl.cut_tbl .subject span {padding: 7px 3px;}
    .result_tbl.cut_tbl colgroup col:nth-child(n+2):nth-child(-n+4) {width: 13.5% !important;}
    .result_tbl.cut_tbl colgroup col:nth-child(5) {width: 27.5% !important;}
    .result_tbl.cut_tbl colgroup col:last-child {width: 14% !important;}

    .part-wrp + .tiny_noti a {font-size: 10px;}

    /* ÇʱâÇհݼ± */
    .graph_tab .grh > img {max-width: 80%;}
    /* E: Áø´Ü°á°úºÐ¼® - apply_result.asp */

    /* S: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
    .evLearning .graph_wrap.bar_graph {flex-wrap: wrap; justify-content: space-between;}
    .evLearning .graph_wrap.bar_graph .ico {order: 1; width: 30vmin;}
    .evLearning .graph_wrap.bar_graph .ico:first-of-type {text-align: left;}
    .evLearning .graph_wrap.bar_graph .ico:last-of-type {text-align: right;}
    .evLearning .graph_wrap.bar_graph .ico > img {width: 40%; max-width: 80px;}
    .evLearning .graph_wrap.bar_graph .grp {flex-basis: 100%; order: 2;}
    .evLearning .graph_wrap.bar_graph .grp li:nth-child(1) {background: #9db8ff;}
    .evLearning .graph_wrap.bar_graph .grp li:nth-child(4) {padding-right: 0;}
    .evLearning .graph_wrap.bar_graph .grp li:nth-child(4)::after {content: none;}
    .tip_tbl thead {display: none;}
    .tip_tbl tbody td.prosncons {
        --title-height: clamp(20px, 3.2vmin, 30px);
        padding: 0; position: relative; line-height: 1.4;
    }
    .tip_tbl tbody td.prosncons > b {position: absolute; top: 0; left: 0; width: 100%; line-height: var(--title-height);}
    .tip_tbl tbody td.prosncons ul {padding: 15px 10px; /*margin-top: var(--title-height);*/}
    .tip_tbl tbody td.prosncons ul li.link a {font-size: 12px;}
    .tip_tbl tbody th.cr_2 {border-left: none;}
    /* E: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
}
@media screen and (max-width: 576px){
    /* S: settings */
    /* ÄÁÅÙÃ÷ ¹Ú½º */
    .box_default {border-radius: 10px; padding: 20px 10px;}

    /* ³ªÀÇ ÀÀ½Ã Á¤º¸ */
    .info_wrap .info.flex .info_title {align-self: flex-start;}
    .info_wrap .info .radio_list {flex-direction: column; align-items: flex-start; gap: 5px;}
    /* E: settings */

    /* S: Áø´ÜÆò°¡¶õ? - main.asp */
    /* con_top */
    .con_top h3 {flex-direction: column; gap: 5px;}
    .con_top .sub_tit .emphasis {width: fit-content; margin: 0 auto;}
    .con_top h3 .badge {padding: 6px 20px;}
    .con_top .btn-base {width: 80%;}
    .con_top .btn-base a {min-width: initial; width: 100%;}
    /* E: Áø´ÜÆò°¡¶õ? - main.asp */

    /* S: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */
    .series_cont {flex-wrap: nowrap; flex-direction: column; background: none; gap: 2vmin;}
    .series_cont .item {width: 100%; height: auto;}
    /* E: Á÷·Ä ¼±Åà °¡À̵å - series_guide.asp */

    /* S: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */
    .subject_intro_wrap .tec_info {flex-direction: column; gap: 10px 0; text-align: center;}
    .subject_intro_wrap .tec_info .home {font-size: 18px; margin: 0 auto;}
    .subject_intro_wrap .tec_info .home span {width: 18px; height: 18px; font-size: 11px;}
    .subject_intro_wrap .tec_info dd .slogan {font-size: 13px;}
    .subject_info_list > li .tbl_subject th, .subject_info_list > li .tbl_subject td{font-size:12px;}
    /* E: °ú¸ñº° Ư¡ ¹× ÇнÀ¹ý - subject_guide.asp */

    /* S: ÀÀ½Ã - apply_start.asp */
    /* ¼³¹® Æ˾÷ */
    #popupSurvey .content_area .content_inner {padding: 40px 10px;}
    #popupSurvey .info_wrap {font-size: 13px;}
    #popupSurvey .info_wrap .info .info_table td .select_box select {font-size: 13px;}
    /* E: ÀÀ½Ã - apply_start.asp */

    /* S: Áø´Ü°á°úºÐ¼® - apply_result.asp */
    .apply_result .info_detail .btn-base a {font-size: 11px; padding: 3px 10px 4px;}
    /* E: Áø´Ü°á°úºÐ¼® - apply_result.asp */

    /* S: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
    .evLearning .txtbox_default {padding: 20px 10px;}
    .evLearning .box_default .box_title .tiny {display: block; margin-top: 0.5vmin;}
    .evLearning .graph_wrap.pie_graph {flex-direction: column; gap: 5vmin;}
    .evLearning .graph_wrap.pie_graph .grp {width: 100%;}
    .evLearning .graph_wrap.pie_graph .grp .piechart {height: 58vmin;}
    .evLearning .graph_wrap.pie_graph text {font-size: clamp(14px, 3vmin, 17px);}
    .evLearning .graph_wrap.pie_graph p::before {content: none;}
    .bnr_default.price + .tiny_noti {margin-top: 5px;}
    /* E: ÇнÀ°èȹ°¡À̵å - learning_guide.asp */
}