@charset "utf-8";

/*------------------------------------
	기본정보입력
------------------------------------*/
/* 전체 폼 스타일 */
.register_form { border-top: 0.2rem solid #222; padding: 4rem 0; } 
.register_form ul {border-bottom:1px solid #ccc;}
.register_form ul li { margin-bottom: 5rem; } 
.register_form ul li .tit { display: block; font-size: 2.2rem; color:var(--black); font-weight: 600; line-height: 1; font-family: 'Pretendard'; letter-spacing: -0.05em; margin-bottom: 1.5rem; 
position: static; text-indent: 0;}
.register_form ul li .tit.no_bg {padding:0; background: none; text-align:left;}



@media all and (max-width:1400px){ 
	.register_form {padding: 3rem 0; }  
	.register_form ul li {margin-bottom:4rem;}
	.register_form ul li .tit {font-size: 1.3em; margin-bottom: 1.2rem; }
}
@media all and (max-width:1200px){  
	.register_form ul li {margin-bottom:3rem;}
	.register_form ul li .tit { }
}
@media all and (max-width:768px){  
	.register_form ul li .tit {font-size: 1.1em;}
}



/* 그리드 레이아웃 설정 */
.form_group {width: 100%; display: flex; gap: 1rem; align-items: center} 
.form_box.flex {display:flex;  gap: 0.5rem; align-items: center;}
.form_box.flex input { flex-grow: 1; } /* 인풋은 늘어나고 */
.form_box.flex button { flex-shrink: 0; } /* 버튼 크기 고정 */

.form_box { position: relative; display: inline-block; width:100%; flex-grow: 1; vertical-align: top; margin-bottom:.2rem;} 


/* 폼 아이템 너비 조절 (그룹 내 적용) */ 
.w100 { width: 100% ; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w33 { width: 33%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w10 { width: 10%; }


/* 입력 필드 및 라벨 스타일 */
.form_box input, 
.form_box label {font-size: 1.8rem; font-weight: 500;} 
.form_box input {appearance: none; display: block; width: 100%; } 
.radio_box label {display: flex; align-items: center; justify-content: center; padding: 2rem 2rem; width: 100%; background: #f5f5f5; color: #000; border-radius: 8px; text-align: center;
box-sizing: border-box; }
 
/* 체크 및 라디오 버튼 스타일 */
.radio_box input[type="radio"] + label:before, 
.radio_box input[type="radio"]:checked + label:before, 
.radio_box input[type="radio"]:checked + label:after { display: none; } 
.radio_box input:checked + label, .radio_box input:checked ~ label { background: #000; color: #fff; } 
.radio_box input:checked + label span, .radio_box input:checked ~ label span {position:relative; }
.radio_box input:checked + label span:before, .radio_box input:checked ~ label span:before {position:absolute; left:-3rem; top:0; content:'\e928'; color:#fff; font-family: 'xeicon';}

@media all and (max-width:1400px){ 
	/* 입력 필드 및 라벨 스타일 */
	.radio_box label {padding: 1.8rem 2rem; font-size: 1em; }
	
	/* 체크 및 라디오 버튼 스타일 */
	.radio_box input:checked + label span:before, .radio_box input:checked ~ label span:before {font-size: .95em; left:-2.5rem;}
}
@media all and (max-width:1200px){ 
	.radio_box label {padding: 1.5rem 2rem; }
}
@media all and (max-width:768px){ 
	.radio_box label {padding: 1rem 2rem; border-radius:.5rem;}
}


/* 입력 필드 스타일 */
.input_txt {width: 100%; height: 5.5rem; padding: 0.5rem 2rem; box-sizing: border-box; border: 1px solid #D4D4D4; border-radius: 0.6rem; } 
.input_txt:focus { outline: none; border-color: #666; }

@media all and (max-width:1400px){ 
	.input_txt {height: 5rem; }	
	.form_box input {font-size: 1em;}
}
@media all and (max-width:1200px){ 
	.input_txt {height: 4.5rem; border-radius:.4rem;} 
}
@media all and (max-width:768px){ 
	.input_txt {height: 3.8rem; padding:0.5rem 1rem} 
}


/* 선택 박스 스타일 */
.sel_box {-webkit-appearance: none; /* iOS & Safari */ -moz-appearance: none; /* Firefox */ appearance: none; /* 기본 스타일 제거 */  background: none; /* 배경 제거 */
width: 100%; height: 5.5rem; padding: 0.5rem 2rem; box-sizing: border-box; border: 1px solid #D4D4D4; font-size: 1.8rem; color: #666; border-radius: 0.6rem; 
 background:url("../image/common/ico_select.png") 96% 50% #fff no-repeat; }
.sel_box::-ms-expand {display: none;}
.sel_box::after {content: none;}


/* 폼내부 버튼 */
.sbtn {display:inline-block; padding:1.5rem; font-size: 1.5rem; background:#656565; color:#fff; border:0; border-radius:.6rem;}

@media all and (max-width:1400px){ 
	.sbtn {padding:1.3rem 1.5rem;  } 
}
@media all and (max-width:1200px){ 
 
}
@media all and (max-width:768px){ 
	.sbtn {padding:1.1rem 1.5rem; ; border-radius:.5rem; font-size: 1.3rem; } 
}



/* 개인정보 이용동의 */
.terms_section {background:#f2f2f2; padding:4rem; border-radius:1rem; }
.terms_section p {color:#707070}

.point_txt {position:relative; padding-left:2.2rem; margin-top:2rem; text-align:right; }
.point_txt:before {position:inline-block; left:0; top:0; content:'\e9a6'; color:#F84444; font-family: 'xeicon'; margin-right:.5rem; vertical-align:-.2rem;}

@media all and (max-width:1400px){ 
	.terms_section {padding:3rem;  } 
}
@media all and (max-width:1200px){ 
 
}
@media all and (max-width:768px){ 
	.terms_section {padding:2rem; border-radius:.5rem; } 
}



/*------------------------------------
	자격조회
------------------------------------*/
.auth_box {max-width:55rem; background:#F7F8FB; border:1px solid #ECECEC; border-radius:1.5rem; padding:8rem 8rem 10rem 8rem; box-sizing:border-box; margin:0 auto;}
.auth_box .logo {text-align: center; margin:0 0 2.5rem 0;}
.auth_box .logo img {max-width:100%;}
.auth_box p {color:#707070; text-align: center; font-weight: 500; word-break:keep-all;}
.auth_box ul {margin-top:5rem;}
.auth_box ul li {margin-bottom:2rem;}
.auth_box ul li label {display:block; font-weight: 600; margin: 0 0 1rem 0; line-height:1; color:#222;}
.auth_box .con_btn {width:100%; margin:0 auto; border:0;}

@media all and (max-width:1400px){ 
	.auth_box ul li label {font-size: 1.1em;}
	
}
@media all and (max-width:1200px){ 
 
}
@media all and (max-width:768px){ 
	.auth_box .logo {max-width:12rem; margin:0 auto 2rem auto;}
	.auth_box {max-width:45rem; border-radius:1rem; padding:5rem 4rem; }
	
	.auth_box ul {margin-top:3rem;}
	.auth_box ul li {margin-bottom:1.5rem;}
	.auth_box ul li label {margin:0 0 .5rem 0;}
}