@charset "utf-8";

/* cbt */
.container_cbt{
	display:flex;
	flex-direction: column;
	overflow-x:auto;
	position: relative;
	min-width: 1200px;
	height: 100vh;
}
.container_cbt * {
	font-family: Pretendard, -apple-system, system-ui, Roboto, "Noto Sans KR", "Malgun Gothic", sans-serif;
}
/* cbt header */
.container_cbt .header_cbt{
	flex: 0 0 72px;
	height:72px;
	background-color: #23456C;
}
.container_cbt .header_cbt .inner_header{
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	padding:10px 20px;
	box-sizing: border-box;
}
.container_cbt .header_cbt .box_info{
	overflow:hidden;
	padding:4px 20px 4px 4px;
	border-radius: 28px;
	background-color: #fff;
	text-align: left;
	box-sizing: border-box;
}
.container_cbt .header_cbt .box_info .wrap_thumb {
	float:left;
	overflow: hidden;
	width:44px;
	height:44px;
	border-radius: 50%;;
}
.container_cbt .header_cbt .box_info .wrap_thumb .img_g{
	display:block;
	width:100%;
}
.container_cbt .header_cbt .box_info .wrap_info {
	overflow:hidden;
	float: none;
	padding-left: 10px;
}
.container_cbt .header_cbt .box_info .wrap_info .txt_info{
	display:block;
	margin-top: 4px;
	font-size:14px;
	font-weight:500;
	line-height:16px;
	color:#000;
}
.container_cbt .header_cbt .align_left{
	float: left;
}
.container_cbt .header_cbt .align_right{
	display: flex;
	float: right;
}
.container_cbt .header_cbt .box_user{
	min-width: 265px;
}
.container_cbt .header_cbt .box_time{
	min-width: 200px;
	margin-right: 20px;
}
.container_cbt .header_cbt .box_timer{
	min-width: 200px;
}
.container_cbt .header_cbt .tit_cbt {
	position: absolute;
	top: 10px;
	left: 50%;
	height: 52px;
	padding: 10px 0;
	font-size:30px;
	line-height:32px;
	color:#fff;
	transform: translateX(-50%);
	box-sizing: border-box;
}
.container_cbt .header_cbt .tit_cbt .img_logo{
	display: block;
	max-width: 100%;
	height: 100%;
}
@media all and (max-width:1300px) {
	.container_cbt .header_cbt {
		text-align: center;
	}
	.container_cbt .header_cbt .tit_cbt {
		display: inline-block;
		position: static;
		transform: none;
	}
}

/* cbt body */
.container_cbt .cont_cbt{
	flex:1 1 auto;
	overflow-y:auto;
	position: relative;
}

/* cbt footer */
.container_cbt .footer_cbt{
	flex: 0 0 64px;
	height:64px;
	background-color: #E7EBEF;
}
.container_cbt .footer_cbt .inner_foot{
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	padding:10px 20px;
	box-sizing: border-box;
}
.container_cbt .footer_cbt .align_left{
	float: left;
}
.container_cbt .footer_cbt .box_logo {
	height:40px;
	margin-top:2px;
}
.container_cbt .footer_cbt .box_logo .img_g{
	width:auto;
	height:100%;
}
.container_cbt .footer_cbt .align_right{
	display: flex;
	float: right;
}
.container_cbt .footer_cbt .btn_control{
	padding: 0 12px;
	margin-left: 10px;
	border-radius: 6px;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	background-color: #fff;
	box-sizing: border-box;
}
.container_cbt .footer_cbt .btn_control.btn_dark {
	color: #fff;
	background-color: #23456C;
}
.container_cbt .footer_cbt .btn_control .ico_btn {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 10px;
	margin-right: 8px;
	vertical-align: top;
}


/* 응시자 로그인 */
.cont_cbt_login {
	width: 100%;
	max-width: 1920px;
	padding:0 178px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media all and (max-width:1800px) {
	.cont_cbt_login {
		padding: 0 100px;
	}
}
@media all and (max-width:1300px) {
	.cont_cbt_login {
		padding: 0 50px;
	}
}
.cont_cbt_login .inner_cbtlogin {
	max-width: 1186px;
	padding:60px 0 110px;
}
.cont_cbt_login .tit_login {
	position: relative;
	padding-left: 40px;
	line-height: 40px;
	font-size: 28px;
	font-weight: 500;
	color: #000;
}
.cont_cbt_login .tit_login::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 40px;
	background-color: #0062E2;
	content: '';
}
.cont_cbt_login .desc_login {
	margin-top: 20px;
	padding: 56px 20px 57px;
	font-size: 40px;
	font-weight: 500;
	line-height: 47px;
	background-color: #F1F8FF;
	text-align: center;
}
.cont_cbt_login .tbl_ctblogin {
	width: 100%;
	table-layout: fixed;
	margin-top: 40px;
	border-top: 1px solid #000;
}
.cont_cbt_login .tbl_ctblogin th{
	padding: 15px;
	font-size: 24px;
	font-weight: 500;
	line-height: 29px;
	color: #000;
	background-color: #F8F8F8;
}
.cont_cbt_login .tbl_ctblogin td{
	padding: 18px 30px 17px;
	font-size: 20px;
	line-height: 24px;
	color: #989898;
}
.cont_cbt_login .tbl_ctblogin th,
.cont_cbt_login .tbl_ctblogin td{
	border-bottom: 1px solid #C9C9C9;
}
.cont_cbt_login .tbl_ctblogin .module_searchbox{
	gap: 10px 27px;
}
.cont_cbt_login .tbl_ctblogin .module_select{
	width: 200px;
}
.cont_cbt_login .tbl_ctblogin .module_select .select_g{
	color:#989898;
}
.cont_cbt_login .box_guide{
	margin-top: 54px;
	text-align: center;
}
.cont_cbt_login .list_guide{
	display: inline-block;
	margin-top: 54px;
	margin: 0 auto;
}
.cont_cbt_login .list_guide li {
	font-size: 20px;
	line-height: 24px;
	color: #989898;
	text-align: left;
}
.cont_cbt_login .list_guide .txt_emph{
	color: #FF0000;
}
.cont_cbt_login .btn_prev{
	display: block;
	margin: 35px auto 0;
	width: 160px;
	border-radius: 3px;
	font-size: 24px;
	line-height: 50px;
	color:#fff;
	background-color: #2953C7;
	text-align: center;
}


/* 시험 응시 */
.cont_cbt_exam {
	width: 100%;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	box-sizing: border-box;
}
.cont_cbt_exam .inner_cbtexam {
	display: flex;
	height: 100%;
}
.cont_cbt_exam .layout_answer {
	flex: 0 0 360px;
	overflow-y: auto;
	position: relative;
	width: 360px;
	height: 100%;
}
.cont_cbt_exam .head_answer{
	line-height: 50px;
	border-bottom: 2px solid #23456C;
	font-size: 20px;
	font-weight: bold;
	background-color: #EAF3FF;
	text-align: center;
}
.cont_cbt_exam .list_answer li{
	border-bottom: 1px solid #D8D8D8;
}
.cont_cbt_exam .list_answer .inner_item{
	display: flex;
}
.cont_cbt_exam .list_answer .num_item{
	position: relative;
	flex:0 0 80px;
	width: 80px;
	padding: 10px 10px 10px 39px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	box-sizing: border-box;
	background-color: #F4F5F6;
}
.cont_cbt_exam .list_answer .num_item:before {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 20px;
	height: 20px;
	background: transparent url(/renewal/img/cbt/ico_check_bk.png) 0 0 no-repeat;
	background-size: contain;
	content: '';
}
.cont_cbt_exam .list_answer .is_checked .num_item:before {
	display: block;
}
.cont_cbt_exam .list_answer .list_choice {
	display: flex;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.cont_cbt_exam .list_answer .list_choice .item_choice {
	flex: 1 1 100%;
}
.cont_cbt_exam .list_answer .list_choice .lab_choice {
	display: block;
	width: 24px;
	height: 24px;
	margin: 8px auto 0;
	border-radius: 50%;
	border: 1px solid #A8A8A8;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	color: #888888;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
}
.cont_cbt_exam .list_answer .list_choice .lab_choice.is_checked {
	border-color: #1357A5;
	color: #1257A5;
	background-color: #D4E6FB;
}
.cont_cbt_exam .layout_question {
	flex: 1 1 100%;
	overflow-y: auto;
	height: 100%;
	padding: 64px 30px 64px 178px;
	box-sizing: border-box;
}
@media all and (max-width:1800px) {
	.cont_cbt_exam .layout_question {
		padding-left: 100px;
	}
}
@media all and (max-width:1300px) {
	.cont_cbt_exam .layout_question {
		padding-left: 50px;
	}
}
.cont_cbt_exam .list_question > li + li{
	margin-top: 80px;
}
.cont_cbt_exam .list_question .btn_check {
	display: inline-block;
	position: relative;
	margin-bottom: 16px;
	padding: 0 16px 0 40px;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	border-radius: 8px;
	background-color: #EDF1F7;
}
.cont_cbt_exam .list_question .btn_check::before {
	position: absolute;
	top: 10px;
	left: 12px;
	width: 20px;
	height: 20px;
	background: transparent url(/renewal/img/cbt/ico_check_gray.png) 0 0 no-repeat;
	background-size: contain;
	content: '';
}
.cont_cbt_exam .list_question .btn_check.is_checked {
	background-color: rgba(237,109,131,.2);
}
.cont_cbt_exam .list_question .btn_check.is_checked::before {
	background-image: url(/renewal/img/cbt/ico_check_red.png);
}
.cont_cbt_exam .list_question .tit_question {
	display: block;
	font-size: 24px;
	font-weight: 500;
	line-height: 29px;
	word-break: break-all;
}
.cont_cbt_exam .list_question .list_choice {
	margin-top: 30px;
}
.cont_cbt_exam .list_question .list_choice li + li {
	margin-top: 10px;
}
.cont_cbt_exam .list_question .list_choice > li {
	position: relative;
}
.cont_cbt_exam .list_question .list_choice .inp_choice{
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-color: transparent;
	color: transparent;
	appearance: none;
}
.cont_cbt_exam .list_question .list_choice .inp_choice:checked + .lab_choice .num_choice{
	background-color: #000;
}
.cont_cbt_exam .list_question .list_choice .lab_choice {
	display: block;
	position: relative;
	padding-left: 32px;
	line-height: 24px;
	font-size: 20px;
	word-break: break-all;
	cursor: pointer;
}
.cont_cbt_exam .list_question .list_choice .num_choice {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	text-align: center;
	box-sizing: border-box;
}
.cont_cbt_exam .list_question .wrap_qimg {
	max-width: 960px;
	margin-top: 20px;
	padding: 10px 0;
	text-align: center;
	background-color: #F1F8FF;
	box-sizing: border-box;
}
.cont_cbt_exam .list_question .wrap_qimg .img_q {
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
}




/* 작성 답안 확인 */
.cont_cbt_examreview {
	width: 100%;
	max-width: 1920px;
	padding:0 178px;
	margin: 0 auto;
	box-sizing: border-box;
}
@media all and (max-width:1800px) {
	.cont_cbt_examreview {
		padding: 0 100px;
	}
}
@media all and (max-width:1300px) {
	.cont_cbt_examreview {
		padding: 0 50px;
	}
}
.cont_cbt_examreview .inner_examreview {
	padding:60px 0 110px;
}
.cont_cbt_examreview .tit_examreview {
	position: relative;
	padding-left: 40px;
	line-height: 40px;
	font-size: 28px;
	font-weight: 500;
	color: #000;
}
.cont_cbt_examreview .tit_examreview::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 40px;
	background-color: #0062E2;
	content: '';
}
.cont_cbt_examreview .wrap_answerlist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px 20px;
	margin-top: 20px;
}
.cont_cbt_examreview .list_answer {
	width: 340px;
	border-top: 1px solid #D8D8D8;
}
.cont_cbt_examreview .list_answer li{
	border-bottom: 1px solid #D8D8D8;
}
.cont_cbt_examreview .list_answer .inner_item{
	display: flex;
}
.cont_cbt_examreview .list_answer .num_item{
	position: relative;
	flex:0 0 60px;
	width: 60px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	box-sizing: border-box;
	background-color: #F4F5F6;
	text-align: center;
}
.cont_cbt_examreview .list_answer .is_error .num_item{
	color: #fff;
	background-color: #FF0404;
}

.cont_cbt_examreview .list_answer .list_choice {
	display: flex;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.cont_cbt_examreview .list_answer .list_choice .item_choice {
	flex: 1 1 100%;
}
.cont_cbt_examreview .list_answer .list_choice .lab_choice {
	display: block;
	width: 24px;
	height: 24px;
	margin: 8px auto 0;
	border-radius: 50%;
	border: 1px solid #A8A8A8;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	color: #888888;
	text-align: center;
	box-sizing: border-box;
}
.cont_cbt_examreview .list_answer .list_choice .lab_choice.is_checked {
	border-color: #1357A5;
	color: #1257A5;
	background-color: #D4E6FB;
}
.cont_cbt_examreview .btn_confirm{
	display: block;
	width: 160px;
	margin: 52px auto 0;
	border-radius: 3px;
	font-size: 24px;
	line-height: 50px;
	color:#fff;
	background-color: #2953C7;
}


/* 알림 팝업 */
.layer_cbtalert {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
}
.layer_cbtalert.on {
	display: flex;
}
.layer_cbtalert .inner_layer{
	overflow: hidden;
	position: relative;
	width: 480px;
	border-radius: 8px;
	border: 1px solid #B8B8B8;
	background-color: #fff;
}
.layer_cbtalert .head_layer{
	height: 60px;
	padding: 0 30px;
	background-color: #D84552;
}
.layer_cbtalert .head_layer .tit_layer{
	display: block;
	font-size: 24px;
	line-height: 60px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.layer_cbtalert .btn_close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
}
.layer_cbtalert .btn_close .img_g {
	display: block;
	width: 100%;
}
.layer_cbtalert .body_layer{
	padding: 48px 20px 40px;
}
.layer_cbtalert .body_layer .img_countdown {
	display: block;
	width: 96px;
	height: 96px;
	margin: 0 auto;
}
.layer_cbtalert .body_layer .txt_alert {
	display: block;
	margin-top: 21px;
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}
.layer_cbtalert .body_layer .txt_alert .emph_txt{
	color: #EB3629;
	font-style: normal;
}
.layer_cbtalert .body_layer .btn_confirm{
	display: block;
	width: 200px;
	margin: 40px auto 0;
	border-radius: 6px;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	background-color: #23456C;
	color: #fff;
}