@charset "utf-8";
@import "popup.css";

/* 멤버공통-팝업 */
.ond_log_pop {
	width: 700px;
}
/* 로그인-안내메세지 { */
.ond_log_message {
	margin-top: 45px;
	padding: 30px;
	background: #fafafa;
	text-align: center;
}
.ond_log_message p {
	margin-top: 15px;
	font-size: 14px;
	color: #666;
}
.ond_log_message p:first-child {
	margin: 0;
	font-family: "noto-sans-scott-m";
	font-size: 15px;
	color: #222;
}
.ond_log_message a {
	font-family: "noto-sans-scott-r";
	display:inline-block;
	vertical-align:middle;
	padding:5px 10px;
	background:#86a63f;
	color:#fff;
}
/* } 로그인-안내메세지 */
/* 로그인 */
.ond_log_wrap {
	position: relative;
	display: table;
	width: 100%;
	padding: 50px 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #f7f7f7;
}
.ond_log_wrap > div {
	width: 500px;
	margin: 0 auto;
	padding: 55px 49px 65px;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: #fff;
}
.ond_log_ipt {
	margin-bottom: 50px;
}
.ond_log_ipt li {
	position: relative;
	margin-top: 40px;
}
.ond_log_ipt li:first-child {
	margin: 0;
}
.ond_log_ipt .ond_txt_lbl {
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 15px;
	color: #aaa;
	-webkit-transition: top .1s linear; -o-transition: top .1s linear; transition: top .1s linear;
	z-index: 0;
}
.ond_log_ipt .ond_txt_lbl.on {
	top: -22px;
	font-size: 13px;
	color: #666;
}
.ond_log_ipt .ond_ipt_txt {
	width: 100%;
	height: 40px;
	border: none;
	border-bottom: 1px solid #ddd;
	font-family: "noto-sans-scott-r";
	font-size: 16px;
	color: #333;
	-webkit-transition: border .1s linear; -o-transition: border .1s linear; transition: border .1s linear;
}
.ond_log_ipt .ond_ipt_txt:focus {
	border-bottom: 2px solid #222;
	outline: none;
}
.ond_log_btn li {
	margin-top: 10px;
}
.ond_log_btn li:first-child {
	margin: 0;
}
.ond_log_btn a {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.ond_log_wrap h2 {
	text-align: center;
	font-family: "noto-sans-scott-b";
	margin-bottom: 50px;
	font-size: 30px;
}
.ond_log_find {
	margin-top: 50px;
	text-align: center;
	font-size: 15px;
}
.ond_log_find a {
	color: #666;
}
.ond_log_sns {
	margin-top: 55px;
	text-align: center;
}
.ond_log_sns dt {
	position: relative;
	font-family: "noto-sans-scott-m";
	margin-bottom: 35px;
}
.ond_log_sns dt:before, .ond_log_sns dt:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 120px;
	height: 2px;
	margin-top: -2px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.ond_log_sns dt:before {
	left: 0;
}
.ond_log_sns dt:after {
	right: 0;
}
.ond_log_sns dd {
	display: inline-block;
	margin: 0 15px;
	font-size: 25px;
}
.ond_log_sns dd a {
	display: table;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
}
.ond_log_sns dd i {
	display: table-cell;
	vertical-align: middle;
}
.ond_log_sns .ond_sns_fbook a {
	background: #3a589b;
}
.ond_log_sns .ond_sns_naver a {
	background: #1dc800;
}
.ond_log_sns .ond_sns_kakao a {
	position: relative;
	background: #fdeb1d;
	color: #574837;
}
.ond_log_sns .ond_sns_kakao a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 10px;
	border-radius: 10px;
	margin: -6px 0 0 -9px;
	background: #574837;
}
.ond_log_tab {
	position: relative;
	padding-top: 90px;
	overflow: hidden;
}
.ond_log_tab:before {
	content: '';
	position: absolute;
	left: 0;
	top: 35px;
	width: 200px;
	height: 3px;
	background: #222;
	z-index: 1;
	-webkit-transition: left .3s linear; -o-transition: left .3s linear; transition: left .3s linear;
}
.ond_log_tab_wrap {
	width: 860px;
	-webkit-transition: margin .3s linear; -o-transition: margin .3s linear; transition: margin .3s linear;
}
.ond_log_tab_wrap:after {
	content: '';
	display: table;
	clear: both;
}
.ond_log_tab.move:before {
	left: 200px;
}
.ond_log_tab.move .ond_log_tab_wrap {
	margin-left: -430px;
}
.ond_log_tab_box {
	float: left;
	width: 400px;
	margin-right: 30px;
}
.ond_log_tab h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 35px;
	border-bottom: 3px solid #ccc;
}
.ond_log_tab h3 button {
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	font-family: "noto-sans-scott-m";
	font-size: 15px;
	color: #ccc;
	outline: none;
}
.ond_log_tab h3 button:active {
	outline: none;
}
.ond_log_tab h3.nonmember {
	left: 200px;
}
.ond_log_tab h3.on button {
	color: #333;
	cursor: default;
}
.ond_log_wrap .ond_terms_check {
	margin-bottom: 50px;
}
#ond-login h2 {
	font-size: 60px;
}
/* 아이디 비밀번호 찾기 */
#ond-find .ond_log_ipt {
	margin-bottom: 60px;
}
.ond_find_result {
	padding: 50px 0;
	text-align: center;
}
.ond_find_result b {
	font-size: 20px;
}
.ond_find_send {
	display: table;
	width: 100%;
	height: 150px;
	margin-top: 50px;
	background: #f6f6f6;
}
.ond_find_send p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.ond_find_send span {
	display: block;
	margin-bottom: 25px;
}
.ond_find_send b {
	line-height: 25px;
}
.ond_find_send .ond_s_btn {
	width: 110px;
	margin-left: 15px;
	padding: 0;
}
.ond_find_error:before {
	content: '!';
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	margin: 0 auto 20px;
	border-radius: 50%;
	border: 2px solid #ddd;
	text-align: center;
	font-family: "noto-sans-scott-m";
	font-size: 30px;
	color: #ddd;
}
/* 비밀번호 확인 */
#ond-check-pw .ond_log_message {
	margin-bottom: 50px;
}
p.ond_ipt_txt {
	line-height: 40px;
	padding: 0;
	border: none;
}
/* 회원가입 */
.ond_join_wrap h2 {
	margin-bottom: 80px;
	text-align: center;
	font-family: "noto-sans-scott-m";
	font-size: 35px;
}
.ond_regist_btn {
	display: table;
	margin: 80px auto 0;
	overflow: hidden;
}
.ond_regist_btn li {
	float: left;
	margin: 0 5px;
}
.ond_regist_btn .ond_b_btn {
	width: 250px;
}
#ond-regist-step {
	position: relative;
	margin-bottom: 90px;
}
#ond-regist-step:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd;
	z-index: 0;
}
#ond-regist-step ul {
	position: relative;
	width: 460px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
}
#ond-regist-step li {
	float: left;
	display: table;
	width: 100px;
	height: 100px;
	margin-left: 80px;
}
#ond-regist-step li:first-child {
	margin: 0;
}
#ond-regist-step p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	line-height: 18px;
	font-size: 13px;
}
#ond-regist-step p {
	background: #ddd;
	color: #999;
}
#ond-regist-step .on {
	background: #222;
	color: #fff;
}
#ond-regist-step i {
	display: block;
	margin-bottom: 5px;
	font-size: 22px;
}
#ond-regist-terms {
	width: 600px;
	margin: 0 auto;
}
#ond-regist-terms .ond_terms {
	display: block;
}
#ond-regist-form {
	width: 600px;
	margin: 0 auto;
}
/* 약관/동의 탭 */
.ond_terms_check > div {
	margin-top: -1px;
	padding: 19px;
	border: 1px solid #ddd;
	color: #666;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.ond_check {
	line-height: 20px;
	overflow: hidden;
}
.ond_check.all {
	background: #f3f3f3;
	font-size: 16px;
	color: #333;
}
.ond_chk_lbl {
	float: left;
}
.ond_terms_btn {
	position: relative;
	padding-right: 12px;
	float: right;
	background: none;
	border: none;
	font-size: 13px;
	color: #999;
}
.ond_terms_btn:before {
	content: '자세히보기';
}
.ond_terms_btn:after {
	content: '';
	position: absolute;
	top: 7px;
	right: 2px;
	width: 3px;
	height: 3px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear;
}
.ond_terms_btn.on:before {
	content: '닫기';
}
.ond_terms_btn.on:after {
    -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);
}
.ond_terms_btn i {
	font-size: 12px;
}
.ond_terms {
	display: none;
	max-height: 200px;
	overflow-y: auto;
	background: #f9f9f9;
	font-size: 14px;
}
/* 회원정보입력 */
.ond_form_ipt .ond_ipt_tit {
	display: block;
	margin: 10px 0;
	margin-bottom: 10px;
	font-family: "noto-sans-scott-m";
	position:relative;
}
.ond_form_ipt .ond_ipt_tit:first-child {
	margin-top: 0;
}
.ond_form_ipt .ond_ipt_tit span {
	font-family: "noto-sans-scott-dl";
	font-size: 13px;
}
.ond_form_ipt ._email .ond_ipt_txt {
	width:285px;
}
.ond_form_ipt .ond_ipt_tit.required {
	padding-left:10px;
}
.ond_form_ipt .ond_ipt_tit.required:before {
	content: '*';
    color: #ff0101;
    font-size: 15px;
    position: absolute;
    top: -3px;
    left: 0px;
} 
.ond_form_ipt ._email span {
	display:inline-block;
	vertical-align:middle;
	width:25px;
	text-align:center;
}
.ond_form_ipt ._email .ond_ipt_txt.ematil_box02 {
    display: none;
}
.ond_form_ipt ._email.direct .ond_ipt_txt {
	width:150px;
}
.ond_form_ipt ._email.direct .ond_ipt_txt.ematil_box02 {
	display:inline-block;
	vertical-align:top;
	width:270px;
}

.ond_form_ipt .ond_ipt_txt, .ond_form_ipt .ond_ipt {
	width: 100%;
	height: 50px;
	padding: 0 30px 0 20px;
	border-color: #eee;
	font-size: 15px;
	color: #222;
}
.ond_form_ipt input[type=password].ond_ipt_txt {
	padding: 0 60px 0 20px;
}
.ond_form_ipt .ond_ipt_txt:focus, .ond_form_ipt .ond_ipt:focus {
	border-color: #666;
}
.ond_form_ipt .ond_ipt {
	margin-bottom: 10px;
}
.ond_form_ipt .ond_txt_del {
	top: 12px;
	right: 10px;
}
.ond_form_ipt .ond_txt_show {
	top: 12px;
	right: 35px;
}
.ond_form_ipt .ond_ipt_box.with_btn {
	overflow: hidden;
}
.ond_form_ipt .ond_ipt_box.with_btn input {
	float: left;
	width: 500px;
}
.ond_form_ipt .ond_ipt_box.with_btn .ond_b_btn {
	float: left;
	width: 90px;
	margin-left: 10px;
	font-size: 15px;
}
.ond_form_ipt .ond_ipt_box.with_btn .ond_txt_del {
	right: 110px;
}
#ond-regist-result {
	width: 640px;
	margin: 0 auto;
	text-align: center;
}
#ond-regist-result p {
	line-height: 25px;
	font-size: 14px;
	color: #666;
}
#ond-regist-result .ond_result_tit {
	position: relative;
	margin-bottom: 30px;
	line-height: 45px;
	font-family: "noto-sans-scott-l";
	font-size: 35px;
	color: #222;
}
#ond-regist-result .ond_result_tit b {
	color:#86a63f;
}
.ond_result_tit:before {
	content: url(../images/register_complete.png);
	display: block;
	margin-bottom: 50px;
}
.ond_result_info {
	width: 100%;
	margin: 45px 0;
	border: 2px solid #ddd;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.ond_result_info ul {
	display: table;
	margin: 0 auto;
	padding: 45px;
	text-align: left;
}
.ond_result_info li {
	position: relative;
	line-height: 30px;
	font-size: 15px;
}
.ond_result_info li span {
	display: inline-block;
	width: 115px;
}