@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
body { background:#fff;font-family: 'Noto Sans KR', sans-serif; }
button { border-radius:3px;padding: 7px 25px; border: none; }
.btn_on { background:#236ab9; color:#fff; }



/*1200이하에서 가로 스크롤 만들기*/
@media screen and (max-width: 1200px) {
  body {
    overflow-x: scroll;
  }
}

	section.content-area {position:relative;}
	#title_wrap { display:flex; align-items: center; border-bottom:2px solid #e5e5e5;margin-top:25px;background:;}
	#title_wrap .title-header { letter-spacing:-2px; font-size:20px;  }
	#title_wrap .join_fc { margin-left:auto; padding:7px 0; }
	#title_wrap .join_fc2  { height:55px; }


	.sub_title { margin: 20px 0 20px; font-size:16px;background:#dee0e6;padding:25px;color:#666; }
	.sub_title dt { margin-bottom:5px; }
	.sub_title dd { line-height:20px; font-size:0.8em;}
	
	.agree { display:flex;margin-top:10px; }
	.agree>.beo-checkbox { margin-left:auto;  height:30px; }
	h3 { margin:10px 0 5px; font-size:18px; color:#236ab9; }
	textarea { padding:25px; width:100%; height:150px;border:1px solid #e5e5e5; } 

	.final { padding:30px 0 25px; text-align:center;  font-size:12px;  }
	.final button { padding:10px 25px; border-radius:3px; margin:0 5px;  } 
	.final button.btn_on { background:#236ab9; color:#fff; }
	.final button.btn_off { background:#dee0e6; color:#666;}
	.final button.darkblue{ background:#0a396e; color:#fff;}
	
	h2 { color:#236ab9; padding:25px 0 0; }
	h2.first { padding-top:0; } /*첫번째 h2는 패딩 주면 안됨*/
	.login_pwfind span { color:#666; font-size:0.9em; } /*비번찾기 span 회색 글씨 */



	
	/*회원가입 테이블 스타일*/

	table {
    width: 100%;
     }

	th, td {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
  }
	th {
		background:#f1f1f1;
		font-size:14px;
	}

  h2 {
    font-size: 18px;
    letter-spacing:-1px ;
}

	caption {
    overflow: hidden;
    position: absolute;
    left: -1000%;
    top: auto;
    width: 1px;
    height: 1px;
}

[type="text"], [type="tel"], [type="password"] {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #dddddd;
}

select {
    height: 30px;
    padding-left: 20px;
    border: 1px solid #ddd;
    background: #fff url(../images/home/bg-form-selects.png) no-repeat 90% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	font-size:14px;
}

.btn_tb_nr, .btn_tb_wh {
    padding: 7px 25px;
    color: #fff;
    background: #666;
    border: none;
    border-radius: 3px;
}



/*아이디,비밀번호 찾기*/

.login_idfind_input02 select {
    border: none;
    display: inline-block;
    margin: 1px;
    font-weight: bold;
	}

.pdr40 {
    padding-right: 10px ;
    padding-left: 10px ;
    width: 80px;
	}

select {
  
    background: #fff url(../../images/home/bg-form-selects.png) no-repeat 80% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
	}


.login_idfind button, .login_pwfind button {
    background: #666;
    padding: 7px 25px;
    color: #fff;
    border-radius:3px;
}


.btn_area {padding:20px; text-align:center; }
.btn_area button { padding:15px 55px;background:#236ab9; }


/* otp 찾기 */
.login_otp { margin:50px auto 100px; width:430px; }
.login_otp .otp_img { text-align:center; }
.login_otp p { margin:20px 0; text-align:center; }
.login_otp input { padding:25px 10px; width:100%; margin-bottom:4px;}
.login_otp .btn_otp { text-align:center;margin:10px 0 30px;  }

/*가입 완료*/
.finish { min-height:65%; text-align:center;display:flex;flex-direction: column; justify-content: center;
  align-items: center;height:auto;}
.finish img { padding-bottom : 10px ; }
.finish .sub_tit { font-size:20px; color:#236ab9; }
.finish .sub_txt { display:block;margin-bottom:20px; }


/*모달 약관 버튼*/

.btn_area button { padding:10px 25px; border-radius:3px; margin:0 5px;  }
.btn_area .btn_off { background:#dee0e6; color:#666;}