#examWrap, #examWrap_waiting{max-width: 720px; margin: 0 auto;}
#examWrap *, #examWrap_waiting *{font-family: 'Noto Sans CJK KR', NotoSans;}

:root {
	--color-1 : #2465ff;
	--color-2 : #ff562f;
}
.txc-1{color: var(--color-1);}
.txc-2{color: var(--color-2);}

.exam_wrap img {width:100%}
.exam_wrap .inBox {position:relative;}
.exam_wrap .imgBox {font-size:0; position:relative;}

/* ¸ðÀÇ°í»ç¾È³» */
.cnt_1 {position:relative; padding-bottom:6vw;}
/* .cnt_1 .temp {font-size:0} */
/* .cnt_1 .tab_exam {overflow:hidden;position:absolute;bottom:0;width:100%;z-index:100} */
.cnt_1 .tab_exam, .cnt_1 .tab_exam.fix {position:fixed;bottom:auto;bottom:8.5%;left:0; z-index: 9;}
.cnt_1 .tab_exam li {float:left;position:relative;width:33.333333%}
.cnt_1 .tab_exam li a {display:block;font-size:0;text-align:center;}
.cnt_1 .tab_exam li img.on {position:absolute;top:0;left:0;opacity:0;transition:0.2s}
.cnt_1 .tab_exam li.active img.on {opacity:1}

/* À̺¥Æ®¾È³» */
.cnt_3 .btn_link {position:absolute;left:50%;padding-bottom:14%}
.cnt_3 .btn_link.btn01 {bottom:16%;width:76.7%;margin-left:-35%;}
.cnt_3 .btn_link.btn02 {bottom:9.5%;width:80%;margin-left:-35%;}
.cnt_3 .btn_link.btn03 {bottom:29%;width:39%;margin-left:-35%;}
.cnt_3 .btn_link.btn04 {bottom:29%;width:39%;margin-left:6%;}

.cnt_3 .event_url {overflow:hidden;width:100%;margin:0 auto;border:22px solid #150f09;box-sizing:border-box;}
.cnt_3 .event_url input[type=text] {float:left;width:75%;height:10vw;padding:0 2%;border:0 none;box-sizing:border-box;font-size:3vw}
.cnt_3 .event_url .btn_url {display:block;float:right;width:25%;height:10vw;box-sizing:border-box;font-size:3vw;line-height:10vw;color:#fff;text-align:center;background-color:#c4902f;}

.cnt_3 .img_download {padding:0 6.944444%;box-sizing:border-box}
.cnt_3 .download_list {overflow:hidden;}
.cnt_3 .download_list li {overflow:hidden;float:left;width:49%;}
.cnt_3 .download_list li:first-child {margin-right:2%;}
.cnt_3 .download_list li a {display:block;font-size:0}


/* ¸ðÀÇ°í»ç½Åû */
.cnt_4 .inBox .btn_join {position: absolute; bottom: 3%; left: 76.6%; width: 16.4%; height: 0; padding-bottom: 7%; z-index: 9;}
.cnt_4 .inBox .btn_subject {position: absolute; right: 8.8%; width: 26%; height: 0; padding-bottom: 8.3%; z-index: 9;}
.cnt_4 .inBox .btn_subject.offline{top: 22.3%;}
.cnt_4 .inBox .btn_subject.online{top: 59%;}

.cnt_4 .inBox .bnt_Application {position: absolute; left: 50%; transform: translateX(-50%); width: 86%; height: 0; padding-bottom: 13%; z-index: 9;}
.cnt_4 .inBox .bnt_Application.offline{top: 42.1%;}
.cnt_4 .inBox .bnt_Application.online{top: 86.8%;}

.cnt_4 .btn_list {overflow:hidden;padding:5% 6.944444% 10% 6.944444%;box-sizing:border-box;background-color:#fdf1e5}
.cnt_4 .btn_list li {overflow:hidden;float:left;width:49%;}
.cnt_4 .btn_list li:first-child {margin-right:2%;}
.cnt_4 .btn_list li a {display:block;font-size:0}


/* À¯ÀÇ»çÇ× */
.cnt_5 {background-color:#b32b2b}
.cnt_5 .notice {padding:6%;box-sizing:border-box}
.cnt_5 .notice .noti_title{font-size:3vw; margin-bottom:1%}
.cnt_5 .notice dl {margin-bottom:4%;font-size:3vw;}
.cnt_5 .notice dl dt {position:relative;margin-bottom:1%;padding-left:4%;font-weight:bold;font-size:1em;color:#333;letter-spacing:-0.075em;}
.cnt_5 .notice dl dt .num {position:absolute;top:0;left:0;}
.cnt_5 .notice dl dd {margin-bottom:0.5%;padding-left:4%;font-size:0.9em;color:#666;letter-spacing:-0.075em;}
.cnt_5 .notice .point {font-weight:bold;color:#008453}


/* Æ˾÷ */
.pop_wrap .pop_title {display:block;padding:10px;box-sizing:border-box;font-size:16px;color:#fff;background-color:#353b4c; text-align: center;}
.pop_wrap .pop_contents {}
.pop_wrap .img_list {box-sizing:border-box;}
.pop_wrap .imgBox {font-size:0}
.pop_wrap img {width:100%}
.pop_wrap.download {min-height:100vh;background-color:#e8e8e8}

.tbl_subject {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_subject th,
.tbl_subject td {padding:5px;box-sizing:border-box;border:1px solid #ccc;font-size:13px;line-height:20px;color:#333;word-break:keep-all}
.tbl_subject th {border-left:0 none;text-align:center}
.tbl_subject td:last-child {border-right:0 none}
.tbl_subject .sub_title {color:#999;text-align:center;background-color:#f7f7f7}


/* Æû½ºÅ¸ÀÏ ¼öÁ¤ */
input[type="checkbox"], input[type="radio"] {display:none;}
input[type="checkbox"] + label {font-size: 14px; color:#666; text-align: left; padding-bottom: 10px; display: block;}
input[type="checkbox"] + label .ico_check {display:inline-block; width:18px; height:18px; margin-top: -4px; margin-left: 5px; vertical-align:middle; background:url('../images/check_radio_sheet.png') 0px -28px ; cursor:pointer;}
input[type="checkbox"]:checked + label .ico_check {background:url('../images/check_radio_sheet.png') -21px -28px ;}
input[type="checkbox"]:checked + label .ico_check.online {background:url('../images/check_radio_sheet.png') -42px -28px;}

input[type="checkbox"] + label .ico_radio {display:inline-block; width:24px; height:24px; margin-top: -4px; vertical-align:middle; background:url('../images/check_radio_sheet.png') 0px 0px ;cursor:pointer;}
input[type="checkbox"]:checked + label .ico_radio {background:url('../images/check_radio_sheet.png') -25px 0px ;}
input[type="checkbox"]:checked + label .ico_radio.online {background:url('../images/check_radio_sheet.png') -50px 0px ;}

input[type="radio"] + label {font-size: 14px; color:#666; text-align: left; padding-bottom: 10px; display: block;}
input[type="radio"] + label .ico_radio {display:inline-block; width:24px; height:24px; margin-top: -4px; vertical-align:middle; background:url('../images/check_radio_sheet.png') 0px -72px ;cursor:pointer;}
input[type="radio"]:checked + label .ico_radio {background:url('../images/check_radio_sheet.png') -25px -72px ;}

.terms-area, .btn-area{padding: 5%;}
.terms-area{}
.terms-area .con-tile {position: relative;}
.terms-area .con-tile .termsh3{font-size: 1.1em; color:#111; margin-bottom: 2%}
.terms-area .con-tile .txt_account{font-size: 0.95em; color:#666; margin-right: 5px;}
.terms-area .line-aling{position: absolute; right: 0px; top: 3px;}

.btn-area{padding-top: 0%;}
.btn-area > .exam-btn-style{display: block; width: 100%; text-align: center; color: #fff; padding: 4.5% 0; font-size: 18px; margin: 0 auto; box-sizing: border-box; font-weight: 500;}
.btn-area > .exam-btn-style.terms_offline{background-color: var(--color-1);}
.btn-area > .exam-btn-style.terms_online{background-color: var(--color-2);}



.btn-area > .exam-btn-style_50{display: inline-block; width: 48%;  text-align: center; color: #fff; padding: 4.5% 0; font-size: 18px; box-sizing: border-box; font-weight: 500; margin: 0px 1%;}
.btn-area > .exam-btn-style_50.btn_pay{background-color: #398700;}
.btn-area > .exam-btn-style_50.btn_cancel{background-color: #858585;}

.terms-area .con-box {border: 1px solid #dadada; padding: 4%; font-size: 0.85em; letter-spacing: -0.03em; word-break:keep-all;}
.terms-area .con-box > ol {padding-left: 3%;}
.terms-area .con-box > ol > li{list-style: decimal; list-style-position: inside; text-indent: -1.2em; font-weight: bold; color:#666; margin-bottom: 2%}
.terms-area .con-box > ol > li > ul{}
.terms-area .con-box > ol > li > ul li{color:#666; text-indent: -0.5em; font-weight: normal;}
.terms-area .con-box > strong{font-weight: bold; display:block; margin-bottom: 1%}

.terms-area .agree-check{display:block; padding: 5px 0 10px; font-size: 0.85em; text-align: right; line-height: 23px;}
.terms-area .agree-check > strong{font-weight:bold; color: red;}

/* ½ÅûÇϱâ ÆäÀÌÁö */
.bg_01{background-color:#f1f1f1;}
.receipt-cnt{background-color:#fff; padding: 5%; margin-bottom: 5%; word-break: keep-all;}
.receipt-cnt > ul > li{color: #666; font-size: 0.9em; letter-spacing: -0.075em; line-height: 1.5em;}
.receipt-cnt > ul > li > .offstrong{font-weight: bold; color: var(--color-1)}
.receipt-cnt > ul > li > .onstrong{font-weight: bold; color: var(--color-2)}

.ontext-remind{background-color: #000; color: #fff; width: 50%; text-align: center; border-radius: 10em; font-weight: bold; padding: 1.8% 0%; position: relative; margin-bottom: 4%;}
/* .ontext-remind:after{content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -8px; left: 11%; margin-left: -10px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #000; border-bottom: 10px solid transparent;} */


.offtext-remind{background-color: #000; color: #fff; width: 50%; text-align: center; border-radius: 10em; font-weight: bold; padding: 1.8% 0%; position: relative; margin-bottom: 4%;}
.offtext-remind:after{content: ''; display: block; width: 0; height: 0; position: absolute; bottom: -8px; left: 11%; margin-left: -10px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #000; border-bottom: 10px solid transparent;}


.receipt-cnt > table{width: 100%; margin: 0 auto; margin-bottom: 5%; border-collapse: collapse; border-spacing: 0; font-size: 1.1em; color:#111}
.receipt-cnt > table th{border-bottom: 1px solid #000; text-align: center; }
.receipt-cnt > table td{border-bottom: 1px solid #dadada; border-right: none; padding: 3%; }

.receipt-cnt select {
	width: 100%;
	background: url('../images/select_arrow.png') no-repeat 100% 50%;  
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0px;
	font-size: 1em;
	color:#999;
	letter-spacing:-0.03em;
}
.receipt-cnt select option{color:#111;}
.receipt-cnt select::-ms-expand { /* for IE 11 */
	display: none;
}

/* °áÁ¦±Ý¾× Ç¥±â */
.receipt-cnt > table td .sum-price{color:#999; display: inline-block;}
.receipt-cnt > table td .sum-price > span{text-decoration: line-through;}
.receipt-cnt > table td .last-price{display: inline-block; margin-left: 3%}
.receipt-cnt > table td .last-price  > span{font-weight: bold; font-size: 1.5em}

.receipt-cnt > table td .termsh3{font-size: 1.1em; color:#111; margin-bottom: 2%}
.receipt-cnt > table td .txt_account{font-size: 0.95em; color:#111;}
.receipt-cnt > table td .txt_account > em{font-size: 0.75em; color:#111; margin-left: 2%}

.pay-remind{font-weight: bold; margin: 2% 0;}
.pay-remind:before{content:''; display:inline-block; width: 20px; height: 20px; background: #d0d0d6 url('../images/bu_01.png') no-repeat 50% 50%; background-size: cover; border-radius: 50%; margin: -1.3% 1% -1.3% 0%;}
.receipt-cnt > ul > li > ul > li{margin-left: 1%;}
.receipt-cnt > ul >  li > ul > li:last-child{margin-left: 3%;}
.receipt-cnt strong{color: #398700;} 

.title_box_offline{background-color:#f2f2f2; text-align:center; padding: 35px 0; position:relative;}
.title_box_offline h4{color:#111; text-align:center; font-size: 1.3em;}
.title_box_offline h5{color:#222;text-align:center; font-weight: bold; font-size: 1.8em; letter-spacing: -0.075em;}
.title_box_offline h5 em{color:var(--color-1);}
.title_box_offline p{color:#333; font-size: 0.8em; margin-top: 14px; letter-spacing: -0.075em;}
.title_box_offline p.complete{color: red;}
.title_box_offline .btn_clse{position:absolute; right:15px; top:15px;}

.title_box_online{background-color:#f2f2f2; text-align:center; padding: 35px 0;}
.title_box_online h4{color:#111; text-align:center; font-size: 1.3em;}
.title_box_online h5{color:#222;text-align:center; font-weight: bold; font-size: 1.8em; letter-spacing: -0.075em;}
.title_box_online h5 em{color:var(--color-2);}
.title_box_online p{color:#333; font-size: 0.8em; margin-top: 7px; letter-spacing: -0.075em;}
.title_box_online p.complete{color: red;}


.alert-wrap{padding:6% 4%;}
.alert-wrap h3{font-weight:700; font-size:20px; margin-bottom:10px;}
.alert-wrap strong{color: red;}

.alert-wrap.offline{background-color:#ebfcff;}
.alert-wrap.online{background-color:#eeedff;}
.alert-wrap.offline h3{color:var(--color-1);}
.alert-wrap.online h3{color:var(--color-2);}


.waitting{color: #666; background-color: #fff; padding: 4%; text-align: center;}
.waitting p.info{font-size: 1.2em; color: var(--color-1); font-weight: bold;}
.waitting p.info_sub{font-size: 1.0em; color: #666; font-weight: bold; margin-bottom: 8px;}
.waitting p.info_sub span{font-size: 1.0em; color: var(--color-1);}
.waitting ul{text-align: left;}
.waitting ul{font-size: 0.9em; margin-left: 0.6em;}
.waitting ul li{text-indent: -0.6em;}
.waitting ul li:before{content: ''; width: 2px; height: 2px; border-radius: 2px; background-color: #666; display: inline-block; margin: 4px;}
.waitting ul li .red{color:#ff0000;}