@charset "utf-8";

.banner { margin:30px 0; text-align:left; }
.banner img { width:100%; }

.pass-btn { 
	display:inline-block; min-width:120px;
	padding:5px 10px; background:#F75C00; border:none; border-radius:10px; outline:none; 
	line-height:1.8; font-weight:600; text-decoration:none;	vertical-align:middle; color:#fff; 	
}
.pass-btn:hover { 
	background:#fc853e; 
	color:#fff; 
}

.license-btn { 
	display:inline-block; min-width:120px;
	padding:5px 10px; background:#1D2089; border:none; border-radius:10px; outline:none; 
	line-height:1.8; font-weight:600; text-decoration:none;	vertical-align:middle; color:#fff; 	
}
.license-btn:hover { background:#3e43e3; }

.take-period { width:300px; text-align:center; }

/* 시험보기 */
#exam { clear:both; margin:10px auto 50px; }
#exam h1 { margin-top:50px; margin-bottom:30px; font-size:2em; text-align:center; color:#222; }
#exam h2 { padding:10px; margin-top:20px; line-height:1.5; color:#333;  }
#exam .exm-subject { display:inline-block; width:100px; }

#exam .photo img { max-width:160px; height:auto; }


.q-subject { padding:20px 0; border-bottom:1px solid #ccc;  font-weight:bold; font-size:1.125em; color:#111; } 
.q-subject img { display:block; max-width:90%; margin:10px auto; }

#exam .question .answer,
#exam .question .answer-multi { 
	padding:10px; margin-top:0; margin-bottom:50px; 
	background-color:#fff; /* border:15px solid #eeead1; */
	/* display:flex; flex-flow:row wrap; box-sizing:border-box; */
}
#exam .question .answer li,
#exam .question .answer-multi li { 
	/* flex:1; align-self:center; */
	list-style-position:inside;
	padding:15px; margin:0 8px; 
	cursor:pointer; border-radius:5px; 
}
#exam .question .answer li .bull,
#exam .question .answer-multi li .bull { display:inline-block; width:10px; height:10px; margin-right:8px; background-color:#5288ec; border-radius:50%; }

#exam .question .answer li.active,
#exam .question .answer-multi li.active { /* background:#3fbeff; */ background:#3595f7; font-weight:500; color:#fff; } 
#exam .question .answer li.active.incorrect,
#exam .question .answer-multi li.active.incorrect { background:#999; }
#exam .question .answer li.active .bull,
#exam .question .answer-multi li.active .bull { background-color:#fff; }

#exam .question.disable { background-color:#f1f2f3; }
#exam .question.disable * { background-color:transparent; }
#exam .question.disable .q-subject { padding:20px; } 

#exam .multi-info { padding:15px 20px; margin-top:20px; margin-bottom:-15px; background-color:#f3f3f5; font-size:12px; color:#555; }

#exam .answer.disable input { }

#exam input[type=submit] {
	display:block; padding:16px 32px; margin:6px auto; background-color:#1b4eaa; border:none;
	text-decoration:none; font-weight:700; cursor:pointer; color:white;
}

#exam .answer .full-answer { width:calc(100% - 100px); }


#score { 
	display:flex; flex-flow:row wrap; justify-content:space-between;
	margin:20px auto 10px; padding:20px; 
	background-color:#fff; border:1px solid #ddd; border-radius:5px; box-sizing:border-box;
}
#score li { position:relative; flex:1 0 70px; padding:5px; text-align:center; }

#score .user-answer { display:inline-block; position:relative; padding:25px; min-width:120px; }

#score .correct { background-color:#fff8c9; }
#score .correct:after { content:"O"; font-family:Arial; color:#1898f2; }
#score .incorrect { background-color:#eee; } 
#score .incorrect:after { content:"X"; font-family:Arial; color:#f22c18; }
#score .correct:after,
#score .incorrect:after { position:absolute; left:35%; margin:0; font-size:30px; font-weight:bold; margin-left:5px; vertical-align:middle; }

#result { 
	margin:10px auto 80px; padding:40px 30px; background-color:#e5f9ff; border:2px solid #62d8ff; border-radius:5px; 
	font-size:24px; font-weight:500; text-align:center; color:#222; 
}
#result strong { font-size:28px; color:#098ce0; }


table#examInfo { width:100%; table-layout:fixed; border-top:1px solid #999; }
#examInfo th, #examInfo td { padding:15px 10px; color:#333; border-bottom:1px solid #ccc;  }
#examInfo th { width:120px; background-color:#f3f3f3; font-weight:normal; }
#examInfo td { font-size:1.125em; }
#examInfo .exm-number { font-size:1.5em; letter-spacing:-1px; font-weight:500; color:#0D9AD7; }

.pass-result .pass { font-size:1.25em; letter-spacing:-1px; font-weight:500; color:#1c7ee3; }
.pass-result .failure { font-size:1.25em; letter-spacing:-1px; font-weight:500; color:#e3461c; }



#exmCert {}
#exmCert td { }

#exmCert table { width:100%;  border-spacing:0; table-layout:fixed; border-top:1px solid #999; }
#exmCert th, #exmCert td { padding:10px; color:#333; border-bottom:1px solid #ccc;  }
#exmCert th { background-color:#f3f3f3; font-weight:normal; }
#exmCert td  { text-align:center; }
#exmCert .subject { text-align:left; }


#exmCert tr { 
	-webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
#exmCert tr:hover { background-color:#f3f9fe; }

#exmCert .confirm-btn { min-width:80px; }
	
	
.w70 { width:70px; }
.w100 { width:100px; }
.w130 { width:130px; }
.w160 { width:160px; }

/* 자격증신청 */
#fCert { max-width:900px; padding:20px 30px; margin:0 auto; }
#pps { padding:30px; margin-bottom:5px; border:1px solid #ddd; border-radius:5px; }
.prv-title { margin-bottom:25px; font-size:1.125em;  }
.prv { margin-bottom:25px; }
.sub-title { margin-bottom:5px; margin-top:25px; }
.sub-title:first-child { margin-top:0; }
.prv-center { margin-top:50px; margin-bottom:50px; text-align:center; }

.agree-check { overflow:hidden; padding:20px; background-color:#f5f5f5; border:1px solid #ddd; border-radius:5px; }
.agree-q { display:inline-block; float:left;   }
.agree-btn { display:inline-block; float:right;  font-size:1.125em; }

table#certInput { width:100%; margin-top:50px; table-layout:fixed; }
#certInput th, #certInput td { padding:10px 15px; color:#333; border-bottom:1px solid #ccc;  }
#certInput th { width:120px; background-color:#f3f3f3; text-align:left; }
#certInput tr { margin-bottom:10px; }
#certInput td { 
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 24px;
    page-break-inside: avoid;
    word-wrap: break-word;
	font-size:1.125em; 
	-webkit-transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);
    transition: background-color 200ms cubic-bezier(0.0,0.0,0.2,1);
}
#certInput .addr input { font-size:13px; }
#certInput .s-label { display:block; padding:4px 0; cursor:pointer; }

.cert-subject { 
	width:100%; margin-bottom:15px; 
	font-weight:400; word-break:break-word; letter-spacing:.1px; line-height:22px; color:#202124; 
}

.td_price,
.td_btn { text-align:center; }
.td_btn {  width:120px !important; }


/* 그누보드5 overwrite */
button.btn_frmline { font-size:12px; }
.td_btn a { display:inline-block; padding:7px 20px; background-color:#777; border-radius:3px; font-size:12px; font-weight:bold; color:#fff;  } 
.td_btn a:focus, .td_btn a:hover { background-color:#189fe5; } 


/*2023-08-24 */
.radioContainer { 
	display: flex;
    flex-direction: row;
    align-items: center;
}
/* 2023-08-25 */
.radioContainer>[type='radio']:not(:first-of-type){
	margin-left:60px;
}

.photo_exp{
	font-size:0.8em; font-weight:bold;
	color:red;
}
.photo_exp > div{
	color:black; font-weight:bold;
}