@charset "utf-8";
/* CSS Document */

/* 군산 */
.bmOder .id_wrap {}

/*탭*/
.bmOder .tab_content {position: relative; font-size: 0; width: 100%;}
.bmOder .tab_content input[type="radio"] {display: none;}
.bmOder .tab_content input[type="radio"] + label {
	display: inline-block;
	width: 50%;
	height: 42px;
	line-height: 42px;
	color: #202020;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #ededef;
}
.bmOder .tab_content input[type="radio"]:checked + label {color: #FF7A42;}
.bmOder .tab_content input[type="radio"]:checked + label::after {
	content: '';
	display: block;
	border-bottom: 2px solid #FF7A42;
}
.conbox {
	display: none;
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0 auto;
}
.bmOder .tab_content input[id="tab01"]:checked ~ .con1 { display: block;}
.bmOder .tab_content input[id="tab02"]:checked ~ .con2 { display: block;}
.bmOder .tab_content input[id="tab03"]:checked ~ .con { display: block;}

/*con1_con2공통*/
.bmOder .tab_content .conbox {
	position: relative;
	width: 100%;
	background: #fff;
}

/*아이디찾기*/

.bmOder .tab_content .con1 > div {display: block;}
.bmOder .tab_content .con1 span {display: block; font-size: 10px; color: #a5a5a5; margin-bottom: 5px;}
.bmOder .tab_content .con1 .ver_nub_input {margin-top: 15px;}
.bmOder .tab_content .con1 .ids input[id*="ver_number"] {display: inline-block; width: 100%; height: 39px;}
.bmOder .tab_content .con1 .phon_input input[id*="ver_number"] {width: 73%; border-radius: 0;}
.bmOder .tab_content .con1 .ids button {position: absolute; right: 0;  display: inline-block; background: #7e7e7e; width: 25%; height: 39px; font-size: 11px; color: #fff;}
.bmOder .id_wrap .phon_input button.re_ver {}
.bmOder .tab_content .con1 .ver_nub_input {display: none;}
.bmOder .tab_content .con1 .jo_btn {
	display: none;
	padding: 0 16px;
	width: 100%;
	height: 48px;
	line-height: 48px; 
}
.bmOder .tab_content .con1 .jo_btn a {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	background: #FF8E5E;
	text-align: center;
	color: #fff;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}

/*비밀번호 찾기*/
.tab_content .con2 {
	position: relative;
	width: 100%;
	background: #fff;
}
.tab_content .con2 .psSear_id {
	padding: 0 16px;
	margin-top: 24px;
}
.bmOder .tab_content .con2 input[type="email"]{
	padding: 0 16px;
	margin-top: 8px;
	width: 100%;
	height: 40px;
	border-radius: 0;
}
.bmOder .tab_content .con2 input[type="email"]::input-placeholder {font-size: 14px; color: #757575;}
.bmOder .tab_content .con2 input[type="email"]::-webkit-input-placeholder {font-size: 14px; color: #757575}
.bmOder .tab_content .con2 span {
	display: block;
	font-size: 14px;
	color: #202020;
}
.bmOder .tab_content .con2 .psSear_pnm {padding: 16px 0 0;}
.bmOder .tab_content .con2 input[type="tel"]{width: 100%; height: 39px; border-radius: 0;}
.bmOder .tab_content .con2 button {
	margin: 24px auto 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	display: block;
	background: #FF8E5E;
	text-align: center;
	color: #fff;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}



.bmOder .id_wrap .phon_con {padding: 0 16px; margin: 75px 0 40px;}
.bmOder .id_wrap .phon_con img {
	display: block;
	margin: 0 auto;
	width: 84px;
	height: 84px;
}
.bmOder .id_wrap .phon_con span {
	display: block;
	margin-top: 37px;
	padding: 16px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
}
.bmOder .id_wrap .phon_con input[id*="ver_number"] {height: 46px; line-height: 46px;}
.bmOder .id_wrap .phon_input {display: inline-block; padding: 34px 0 12px; width: 100%; }
.bmOder .id_wrap .phon_input input[id*="ver_number"] {width: 70%; height: 46px; border-radius: 0; }
.bmOder .id_wrap .phon_input input::-webkit-input-placeholder {opacity: 1; transition: all 0.5s; font-size: 14px;}
.bmOder .id_wrap .phon_input input:focus::-webkit-input-placeholder { text-indent:20px; opacity: 0; }
.bmOder .id_wrap .phon_input .btnCert {position: absolute; right: 16px; display: inline-block; background: #7e7e7e; width: 25%; height: 46px; line-height:46px; font-size:14px; color: #fff; text-align:center;}
.bmOder .id_wrap .phon_input button.re_ver {display: none;}

#certFrame{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; overflow:hidden;}
#certFrame iframe{height:calc(100% - 50px); background:#ffffff;}
#certFrame .title{height:50px; background:#ffffff; text-align:center; font-size:15px; line-height:50px;}
#certFrame .btnClose{position: absolute; top:8px; right:8px; font-size:26px;}