@charset "utf-8";

/* 페이지 제목 */
.regist_title_wrap .page_title { font-size:16px; color:#8e8e8e;}


/* 등록페이지 */
.register01_wrap {}
.register_box {}
.register_title {}

.reg_tit { font-size:24px; color:#000000; line-height:1.6; font-weight:bold;}
.reg_txt { font-size:15px; }
.register_cont01 {}

.register_title02 { margin-bottom: 40px; }
.register_title02 .reg_tit { font-size:36px;}

.register_title03 { margin-bottom: 40px; }
.register_title03 .reg_tit { font-size:36px;}


/* 개인정보방침 필드셋*/	
.bx_register {
height: 350px;
padding: 20px;
margin: 0 0 8px 0;
border: 1px solid #e5e5e5;
overflow-y: scroll;
}

.register_policy {}
.register_policy dl {}
.register_policy dt { }
.register_policy dt.title { font-size:18px; color: #14294f;}
.register_policy dd {}

.agree_chk {}
.agree_radio {}
.agree_bx {}
.agree_chk .agree_bx, .agree_radio .agree_bx { margin-right:10px;}
.agree_chk .agree_bx:last-child, .agree_radio .agree_bx:last-child { margin-right: 0;}



/* 사전등록 */	
.register_cont01 .control-label { font-size:15px; font-family: "맑은 고딕","나눔고딕","dotum", "malgun", Arial, Verdana, AppleGothic, sans-serif;}
.control-label span.required { color:#F00; padding-right:5px; }
.form-group span.fa { font-size:17px; margin-top:8px;}
.panel input.add_icon { margin:0;}


/* 버튼 */	
.btn-prev{
		font-size: 12pt;
		background: #fff;
		color: #15356e;
		background: #fff;;
		border-radius: 0;
		border: 2px solid #15356e !important;
	}
.btn-prev:hover{
		background: #15356e;
		color: #fff;
		border: 2px solid #15356e !important;
	}
.btn-next{
		border: none;
		font-size: 12pt;
		background: #fff;
		color: #fbad17;
		background: #fff;
		border: 2px solid #fbad17 !important;
		border-radius: 0;				
	}
.btn-next:hover{
		background: #fbad17;
		color: #fff;
		border: 2px solid #fbad17 !important;
	}
	
.btn-confirm {
	font-size:18px;
	line-height:20px;
	width:25%;
	padding:12px 0 14px;
	background:#15356e;
	background:#002060;
	border:2px solid #15356e;
	border:2px solid #002060;
	color: #fff !important; 
	border-radius: 0;
	}
.btn-confirm:hover {
	font-size:18px;
	line-height:20px;
	padding:12px 0 14px;
	background:#fff;
	border:2px solid #15356e;
	border:2px solid #002060;
	color: #15356e !important; 
	color: #002060 !important;
	border-radius: 0;
	}	
.btn-cancel-new {
	font-size:18px;
	line-height:20px;
	width:25%;
	padding:12px 0 14px;
	background-color:#fff;
	border:2px solid #fbad17;
	border:2px solid #15356e;
	border:2px solid #002060;
	color: #fbad17 !important; 
	color: #15356e !important; 
	color: #002060 !important; 
	border-radius: 0;
	}
.btn-cancel-new:hover {
	font-size:18px;
	line-height:20px;
	padding:12px 0 14px;
	background:#fbad17;
	background:#15356e;
	background:#002060;
	border:2px solid #fbad17;
	border:2px solid #15356e;
	border:2px solid #002060;
	color: #fff !important; 
	border-radius: 0;
	}	
	
	
/* 취소 다른 색상버튼*/	
.btn-confirm02 {
	font-size:18px;
	line-height:20px;
	width:25%;
	padding:20px 0 20px;
	background:#15356e;
	background:#002060;
	color: #fff !important; 
	border-radius: 0;
	}
.btn-confirm02:hover {
	background:#2352b1;
	/*color: #002060 !important;*/
	border-radius: 0;
	}	
.btn-cancel02-new {
	font-size:18px;
	line-height:20px;
	width:25%;
	padding:20px 0 20px;
	background:#999898;
	color: #fff !important; 
	border-radius: 0;
	}
.btn-cancel02-new:hover {
	background:#fbad17;
	background:#15356e;
	background:#afafaf;
	/*color: #fff !important;*/
	border-radius: 0;
	}	

@media screen and (max-width:991px) {
	.btn-confirm, .btn-confirm02 {
	 width:40%;
	}
	.btn-cancel-new, .btn-cancel02-new {
	 width:40%;
	}
}
	
@media screen and (max-width:768px) {
	.btn-confirm, .btn-confirm02 {
	 width:40%;
	}
	.btn-cancel-new, .btn-cancel02-new {
	 width:40%;
	}
	
}	

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../image/btn/a_captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../image/btn/a_captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:200px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../image/btn/a_captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../image/btn/a_captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}



/* 등록페이지 참가자 그룹별 등록*/
.register02_wrap {}


/* step_join */
.step_join01 {position: relative;margin-bottom: 100px;}
.step_join01 ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;z-index: 1;width: 76%;margin: 0 auto;}
.step_join01 li {text-align: center;/* z-index: 1; */}

.step_join01 li .num{background: #c8c8c8;border-radius: 50%; width:32px; height:32px; display:-webkit-box; display:-ms-flexbox; display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin:0 auto 1em;position: relative;color: #fff; }
.step_join01 li.on .num{color:#fff;background: #00a5c0;}
.step_join01 li.done .num:after{content:""; display:block; width:32px; height:32px; background:url('../images/member/icon_check.svg') no-repeat center / 32px 32px; position: absolute; top:0; left:0;}
.step_join01 li .txt{ color:#888; font-size: 17px;}
.step_join01 li.on .txt{color:#222; font-weight:700; }
.step_join01:after{content: "";display: block;width: calc(76% - 30px);height: 1px;background: #e3e3e3;position: absolute;top: 16px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 0;}

/* ENG*/
.eng .step_join01 ul { width:90%;}
.eng .step_join01:after{width: 79%;}
.eng .step_join01 li .txt{font-size:0.98em;}

@media only screen and (max-width :991px) {
	.eng .step_join01:after{width: 72%;}
}

@media only screen and (max-width :768px) {
	.step_join01{ margin-bottom:20px;}
	.step_join01:after{ top:13px;}
	.step_join01 li .num{ width:28px; height:28px;margin: 0 auto 0.8em;}
	.step_join01 li.done .num:after{width:28px; height:28px; background-size:cover;}
	.step_join01 li span{ font-size:0.95em;}
	
	.eng .step_join01:after{width: 70%;}
	.eng .step_join01 li .txt{line-height: 1.2em;display: block;letter-spacing: -0.05em;font-size: 0.88em;}
}
@media only screen and (max-width :480px) {
	.step_join01{ margin-bottom:20px;}
	.step_join01:after{ top:11px;}
	.step_join01 li .num{ width:22px; height:22px;margin: 0 auto 0.5em;}
	.step_join01 li.done .num:after{width:22px; height:22px;}
	.step_join01 li span{ font-size:0.85em;}
	
	.eng .step_join01 li .txt{ font-size: 0.68em;}
}


/* membertype_btn  form_btn 멤버 구분 버튼*/
.membertype_btn {}
.membertype_btn button { background: transparent; display:block; float:left; border: 2px solid #000; color: #000; vertical-align: top; font-size: 1.25em;font-weight: 500;height: 150px; width: calc(100% / 4 - 2%); margin: 1%;     transition: all 0.3s;}
.membertype_btn button:disabled{ background:#eee; }
.membertype_btn button .txt_sm { font-weight:400; font-size:0.8em; display:block; margin-top:5px; line-height:1em;}
.membertype_btn button br {display: none;}
.membertype_btn.col4 button{ width: calc(100% / 4 - 2%); margin: 1%; }
.membertype_btn.col3 button{ width: calc(100% / 3 - 2%); margin: 1%; }
.membertype_btn.col2 button{ width: calc(100% / 2 - 2%); margin: 1%; }
.membertype_btn.col5 button{ width: calc(100% / 5 - 2%); margin: 1%; }
.membertype_btn.st02 button{height: 5.5em !important;margin-bottom:10px;border-radius: 3px;border-width: 1px;font-size: 0.9em;background-color: #fff;word-break: break-word;padding: 0 5px;}
.membertype_btn.st02 button.bg2{background-color: #fff4e6;}

.membertype_btn button:hover,
.membertype_btn button.on{ background: #00a5c0 !important; background: #15356e !important; /*border-color: #00a5c0;*/ color: #fff;font-weight: 900;}
.membertype_btn button:disabled,
.membertype_btn button:disabled:focus,
.membertype_btn button:disabled:hover{background: #eee !important;border-color:#d1d1d1;color:#9f9f9f;font-weight: 500;}
.membertype_btn button.mem_btn2 {}


@media only screen and (max-width:1024px){
	.membertype_btn.col5 button{ width: calc(100% / 5 - 2%); margin: 1%; }
}

@media only screen and (max-width:991px){
	
}

@media only screen and (max-width:768px){	
	.membertype_btn button,
	.membertype_btn.col4 button, .membertype_btn.col3 button, .membertype03_btn.col5 button, .membertype03_btn.col2 button { width: calc(100% / 2 - 2%); height: 120px;}
	.membertype_btn button br {display: block;}
	
}
@media only screen and (max-width:480px){
	.membertype_btn button,
	.membertype_btn.col4 button, .membertype_btn.col3 button, .membertype_btn.col5 button, .membertype03_btn.col2 button { width: calc(100% / 2 - 2%); height: 100px; }
	.membertype_btn button { font-size:1.10em}

	
}


/* 등록페이지 참가자 그룹별  type 구분3 등록*/
.register03_wrap {}

/* membertype03_btn  등록 type 구분3 버튼*/
.membertype03_btn {}
.membertype03_btn button { background: transparent; display:block; float:left; /*border: 2px solid #000;*/ border-top:5px solid #15356e; border-left:5px solid #15356e; border-right:5px solid #5b7cb6;  border-bottom:5px solid #5b7cb6; color: #15356e; vertical-align: top; font-size: 1.25em;font-weight: 500; height: 150px; height: 160px; width: calc(100% / 4 - 2%); margin: 1%;     transition: all 0.3s; font-size: 22px; font-weight:bold; background: #f3f9fc;}
.membertype03_btn button:disabled{ background:#eee; }
.membertype03_btn button .txt_sm { font-weight:400; font-size:0.8em; display:block; margin-top:5px; line-height:1em;}
.membertype03_btn button br {display: none;}
.membertype03_btn.col4 button{ width: calc(100% / 4 - 2%); margin: 1%; }
.membertype03_btn.col3 button{ width: calc(100% / 3 - 2%); margin: 1%; }
.membertype03_btn.col2 button{ width: calc(100% / 2 - 2%); margin: 1%; }
.membertype03_btn.col5 button{ width: calc(100% / 5 - 2%); margin: 1%; }
.membertype03_btn.st02 button{height: 5.5em !important;margin-bottom:10px;border-radius: 3px;border-width: 1px;font-size: 0.9em;background-color: #fff;word-break: break-word;padding: 0 5px;}
.membertype03_btn.st02 button.bg2{background-color: #fff4e6;}

.membertype03_btn button:hover,
.membertype03_btn button.on{ background: #00a5c0 !important; background: #15356e !important; /*border-color: #00a5c0;*/ color: #fff;font-weight: 900;}
.membertype03_btn button:disabled,
.membertype03_btn button:disabled:focus,
.membertype03_btn button:disabled:hover{background: #eee !important;border-color:#d1d1d1;color:#9f9f9f;font-weight: 500;}
.membertype03_btn button.mem_btn3 {}

/* ENG*/
.eng .membertype03_btn { }


@media only screen and (max-width:1024px){
	.membertype03_btn.col5 button{ width: calc(100% / 5 - 2%); margin: 1%; }
}

@media only screen and (max-width:991px){
	
}

@media only screen and (max-width:768px){	
	.membertype03_btn button,
	.membertype03_btn.col4 button, .membertype03_btn.col3 button, .membertype03_btn.col5 button, .membertype03_btn.col2 button { width: calc(100% / 2 - 2%); height: 120px; height: 140px;}
	.membertype03_btn button br {display: block;}
	
}
@media only screen and (max-width:480px){
	.membertype03_btn button,
	.membertype03_btn.col4 button, .membertype03_btn.col3 button, .membertype03_btn.col5 button, .membertype03_btn.col2 button { /*width: calc(100% / 2 - 2%); height: 100px;*/ }
	.membertype03_btn.col4 button, .membertype03_btn.col3 button, .membertype03_btn.col5 button, .membertype03_btn.col2 button { width: 100%; margin: 0 0 10px 0; height: 100px; }
	.membertype03_btn button { font-size:1.10em}

	
}