@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    c_member.css
 * SUMMARY      :    멤버십
 */





/* ********************************************** *
 * 멤버쉽
 * ********************************************** */
.c_member {margin:50px 0 200px;}

/* 가입연령관련 문구추가 */
.c_member .auth_tip {overflow:hidden; margin-top:20px; text-align:center;}
.c_member .auth_tip .tx {color:#999; background:transparent url('../images/c_img/auth_tip_icon.gif') left 2px no-repeat; padding-left:20px; letter-spacing:-0.5px; line-height:15px\0;  line-height:16px; min-height:18px}









/* ********************************************** *
 * 로그인
 * ********************************************** */
 /* 페이지 타이틀 */
.c_login_tit { margin:0 auto 20px; width:100%; max-width:1000px; overflow:hidden; height:40px; padding:0 20px; box-sizing:border-box;}
.c_login_tit .title {color:#333; font-size:18px;}

.c_login {max-width:700px; margin:0 auto; border: 1px solid #ddd; padding: 30px; border-radius: 0.5rem; box-sizing:border-box;}
.c_login .ul {display:table; width:100%; max-width:1000px; margin:0 auto; table-layout:fixed; box-sizing:border-box;}
.c_login .li {list-style:none; vertical-align:top; border:1px solid #dddddd; box-sizing:border-box;}

/* 로그인폼 */
.c_login .login_form {margin:40px 44px; position:relative; box-sizing:border-box;}
.c_login .login_form.nomember {border-top:1px solid #ddd; padding-top:40px;}
.c_login.if_none_member .login_form {max-width:450px; margin:40px auto;}
.c_login .form {margin-top:10px; overflow:hidden; position:relative; padding-right:140px; box-sizing:border-box;}
.c_login .form ul {margin:0; padding:0;}
.c_login .form li {list-style:none; }
.c_login .form li+ li {margin-top:10px}
.c_login .form .input_design {width:100%; height:55px; border:1px solid #ddd; box-sizing:border-box; padding:17px 15px 20px; font-size:14px; letter-spacing:-0.5px;}
.c_login .form .input_design:focus {border-color:#999}
.c_login .form .btn_login {position:absolute; right:0; top:0; width:130px; height:120px; background:#333; border:1px solid #333; color:#fff; font-size:18px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_login .form .btn_order {position:absolute; right:0; top:0; width:130px; height:120px; background:#fff; border:1px solid #333; color:#333; font-size:17px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_login .form .btn_find {position:absolute; right:0; top:0; width:130px; height:120px; background:#666; border:1px solid #666; color:#fff; font-size:18px; letter-spacing:-1px; box-sizing:border-box; padding-bottom:4px}
.c_login .form .btn_login:hover {background:#333;}
.c_login .form .btn_order:hover {background:#eee; }
.c_login .form .btn_find:hover {background:#333; border-color:#333}
.c_login .type {position:absolute; right:0; top:5px;}
.c_login .type label {float:left; margin-left:15px; padding:3px;}
.c_login .type label input {margin:4px 3px 0 0;}

/* 아이디 저장 */
.c_login .save_id {overflow:hidden; }
.c_login .save_id label {color:#888; letter-spacing:-0.5px; line-height:36px; height:36px;}
.c_login .save_id input {margin-right: 5px;}

/* 로그인, 회원가입 공통버튼 */
.c_login .c_btnbox {width:100%; box-sizing:border-box; text-align:right;}
.c_login .c_btnbox .white_btn {display:inline-block; border:1px solid #ddd; font-size:.75rem; padding:5px 10px; width:auto; line-height:20px; margin-right:5px; color:#4c4c4c;}

.c_login .guide {margin-top:30px;}
.c_login .guide dt {color:#1e1e1e; font-weight:600; font-size:1rem; letter-spacing:-0.5px; margin-bottom:15px}
.c_login .guide dd {line-height:1.2; color:#aaa; letter-spacing:-0.5px; padding:0 0 10px 10px; position:relative; word-wrap:break-word; word-break:keep-all;}
.c_login .guide dd:before {content:""; position:absolute; left:3px; top:8px; width:2px; height:2px; background:#666;}

/* 반응형 미디어 쿼리 */
@media screen and (max-width: 768px) {
	.c_login {max-width:100%; margin:0 20px; padding:20px; border-radius:0.3rem;}
	.c_login .login_form {margin:20px 0; padding:0 10px;}
	.c_login .login_form.nomember {padding-top:20px; margin-top:20px;}
	.c_login.if_none_member .login_form {max-width:100%; margin:20px 0;}
	.c_login .form {padding-right:0; margin-top:15px;}
	.c_login .form .btn_login,
	.c_login .form .btn_order,
	.c_login .form .btn_find {position:static; width:100%; height:50px; margin-top:15px; border-radius:0.3rem;}
	.c_login .form .input_design {height:50px; padding:15px; font-size:16px;}
	.c_login .c_btnbox {text-align:center; margin-top:20px;}
	.c_login .c_btnbox .white_btn {display:block; margin:10px auto; text-align:center;}
	.c_login .guide {margin-top:20px; padding:0 10px;}
	.c_login .guide dt {font-size:0.9rem; margin-bottom:10px;}
	.c_login .guide dd {font-size:0.85rem; padding:0 0 8px 8px;}
}

@media screen and (max-width: 480px) {
	.c_login {margin:0 10px; padding:15px;}
	.c_login .login_form {margin:15px 0; padding:0 5px;}
	.c_login .login_form.nomember {padding-top:15px; margin-top:15px;}
	.c_login .form {margin-top:10px;}
	.c_login .form .input_design {height:45px; padding:12px; font-size:16px;}
	.c_login .form .btn_login,
	.c_login .form .btn_order,
	.c_login .form .btn_find {height:45px; font-size:16px;}
	.c_login .c_btnbox {margin-top:15px;}
	.c_login .guide {margin-top:15px; padding:0 5px;}
	.c_login .guide dt {font-size:0.85rem;}
	.c_login .guide dd {font-size:0.8rem;}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.c_login {max-width:600px; padding:25px;}
	.c_login .login_form {margin:30px 30px;}
	.c_login .form {padding-right:120px;}
	.c_login .form .btn_login,
	.c_login .form .btn_order,
	.c_login .form .btn_find {width:120px; height:110px;}
}


/* ********************************************** *
 * 회원가입
 * ********************************************** */

.join_group_tit {position:relative; width:100%; max-width:700px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow: hidden; padding:0 10px 15px; margin:0 auto; }
.join_group_tit .tit { color: #333; font-size: 1.3rem; letter-spacing: -1px; font-weight:600; margin-bottom: 4px; }
.join_group_tit .c_process { float:none;position:absolute;top:-15px;right:10px;}
.join_group_tit .c_process  .tit { font-size:1rem;}
.join_step01{min-height: 50px;}
.join_step02{margin-top:60px;}
.join_step03{margin-top:60px;}

.join_form {border:1px solid #ddd; margin-top:10px; width:100%; max-width:700px; padding:30px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:0 auto 20px; border-radius: 0.5rem;}
.join_form strong {color:#ff0000;}
.join_form table {width:100%; table-layout:fixed;}
.join_form table tr {border-bottom:1px solid #f0f0f0;}
.join_form table th {padding:15px; text-align:right; vertical-align:top;}
.join_form table td {padding:10px 20px;}
.join_form table .tit {color:#666; font-weight:400; letter-spacing:-0.5px; padding-left:15px; position:relative;}
.join_form table .tit:before {content:""; position:absolute; left:2px; top:6px; width:8px; height:6px; background:transparent url('../images/c_img/join_check.gif') left top no-repeat;}
.join_form table .ess .tit:before {background-position:right top;}

/* 회원가입 폼 div 구조 스타일 */
.join_form .form_row {
	display: flex;
	margin-bottom: 20px;
	padding: 15px 0;
	border-bottom: 1px solid #f0f0f0;
}

.join_form .form_row:last-child {
	border-bottom: none;
}

.join_form .form_label {
	width: 130px;
	padding: 15px;
	text-align: right;
	vertical-align: top;
	flex-shrink: 0;
}

.join_form .form_input {
	flex: 1;
	padding: 10px 20px;
}

.join_form .form_label .tit {
	color: #666;
	font-weight: 400;
	letter-spacing: -0.5px;
	padding-left: 15px;
	position: relative;
}

.join_form .form_label .tit:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 6px;
	width: 8px;
	height: 6px;
	background: transparent url('../images/c_img/join_check.gif') left top no-repeat;
}

.join_form .form_label.ess .tit:before {
	background-position: right top;
}

/* 회원가입 반응형 */
@media screen and (max-width: 768px) {
	.join_group_tit {width:100%; padding:0 20px 15px; margin:0 auto;}
	.join_group_tit .c_process {position:static; right:auto; margin-top:15px; text-align:center;}
	.join_group_tit .c_process ul {display:flex; justify-content:center; flex-wrap:wrap; gap:10px;}
	.join_group_tit .c_process li {float:none; }
	.join_form {width:100%; margin:10px auto; border-radius:0.3rem;border:none;}

	.join_step02,
	.join_step03 {margin-top:40px;}

	/* 모바일에서 div 구조 스타일 */
	.join_form .form_row {
		display: block;
		margin-bottom: 15px;
		padding: 10px 0;
	}

	.join_form .form_label {
		width: 100%;
		padding: 0 0 8px 0;
		text-align: left;
	}

	.join_form .form_input {
		padding: 0;
	}

	.join_form .form_label .tit {
		font-size: 0.9rem;
		font-weight: 600;
		color: #333;
	}

	/* 모바일에서 input_box 스타일 조정 */
	.join_form .input_box {
		margin-left: 0;
		margin-bottom: 8px;
	}

	.join_form .input_box .input_design {
		width: 100% !important;
		margin-left: 0;
		margin-bottom: 8px;
	}

	.join_form .input_box .c_btn {
		width: 100%;
	}

	/* 이메일 입력 모바일 스타일 */
	.join_form .input_box.mail {
		display: flex;
		gap: 8px;
	}

	.join_form .input_box.mail .input_design {
		width: 100% !important;
	}

	.join_form .input_box.mail select {
		width: 100%;
		margin-left: 0;
	}

	.join_form .input_box.mail .c_btn {
		width: 100%;
	}

	/* 주소 입력 모바일 스타일 */
	.join_form .input_full .input_design {
		width: 100%;
		margin-top: 8px;
	}

	/* 라디오 버튼 모바일 스타일 */
	.join_form .label_design {
		display: block;
		margin-bottom: 8px;
		padding: 6px 0;
	}

	/* 도움말 텍스트 모바일 스타일 */
	.join_form .tip_txt {
		font-size: 0.85rem;
		line-height: 1.4;
		margin-top: 5px;
	}
}

@media screen and (max-width: 480px) {
	.join_group_tit {padding:0 15px 15px;}
	.join_group_tit .tit {font-size:1.1rem;}
	.join_group_tit .c_process {margin-top:10px;}
	.join_group_tit .c_process ul {gap:5px;}
	.join_group_tit .c_process .num {font-size:14px;}
	.join_group_tit .c_process .tit {font-size:0.8rem;}
	
	.join_form {margin:10px 15px; padding:15px;}
	.join_step02,
	.join_step03 {margin-top:30px;}

	/* 소형 모바일에서 추가 스타일 */
	.join_form .form_row {
		margin-bottom: 12px;
		padding: 8px 0;
	}

	.join_form .form_label .tit {
		font-size: 0.85rem;
		font-weight: 600;
	}

	.join_form .input_design {
		height: 45px;
		padding: 12px;
		font-size: 16px;
	}

	.join_form .c_btn {
		height: 45px;
		font-size: 14px;
		padding: 12px 16px;
	}

	.join_form .tip_txt {
		font-size: 0.8rem;
		line-height: 1.3;
	}

	.join_form .label_design {
		font-size: 0.85rem;
		padding: 4px 0;
	}

	/* 이메일 입력 소형 모바일 */
	.join_form .input_box.mail {
		gap: 6px;
	}

	.join_form .input_box.mail .input_design,
	.join_form .input_box.mail select {
		height: 45px;
		font-size: 16px;
	}

	/* 주소 입력 소형 모바일 */
	.join_form .input_full .input_design {
		height: 45px;
		font-size: 16px;
	}
}

/* 태블릿 화면 (769px ~ 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.join_form {
		max-width: 600px;
		padding: 25px;
	}

	.join_form .form_row {
		margin-bottom: 18px;
		padding: 12px 0;
	}

	.join_form .form_label {
		width: 120px;
		padding: 12px;
	}

	.join_form .form_input {
		padding: 8px 15px;
	}

	.join_form .input_design {
		height: 45px;
		padding: 12px;
		font-size: 14px;
	}



	/* 이메일 입력 태블릿 */
	.join_form .input_box.mail {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
	}

	.join_form .input_box.mail .input_design {
		flex: 1;
		min-width: 120px;
	}

	.join_form .input_box.mail select {
		flex: 1;
		min-width: 100px;
	}


}

/* 비밀번호 변경 폼 태블릿 화면 (769px ~ 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.c_complete.my_password .c_form {
		max-width: 600px;
		padding: 25px;
	}

	.c_complete.my_password .c_form .form_row {
		margin-bottom: 18px;
		padding: 12px 0;
	}

	.c_complete.my_password .c_form .form_label {
		width: 130px;
		padding: 12px;
	}

	.c_complete.my_password .c_form .form_input {
		padding: 8px 15px;
	}

	.c_complete.my_password .c_form .input_design {
		height: 45px;
		padding: 12px;
		font-size: 14px;
	}

	.c_complete.my_password .c_btnbox .c_btn {
		height: 45px;
		font-size: 14px;
		padding: 10px 16px;
	}
}

.join_form .c_agree textarea{background-color:#fff;}

/* 등록폼 : 셀렉트박스 */
.join_form .select_box {margin-left:-5px}
.join_form .select_box select {margin-left:5px}
.join_form select {border:1px solid #d5dbe7; background:#fff; height:40px;  padding:1px 22px 4px 8px; padding:1px 22px 3px 6px\0;  font-size:12px !important; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.join_form select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; user-select: none; background:#fff url('../images/c_img/select.gif') right center no-repeat;}
.join_form select:focus {border-color:#aaa;}
.join_form select::-ms-expand {display:none;}

/* 등록폼 : 인풋 */
.join_form .input_design {width:100%; border:1px solid #d5dbe7; background:#fff; height:40px; box-sizing:border-box; padding:4px 10px 6px; color:#666;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.join_form .input_design.if_date{background:transparent url('../images/c_img/icon_date.gif') 5px center no-repeat; padding:5px 10px 6px 30px}
.join_form .input_design:focus {border-color:#999;}
.join_form input[type=checkbox] {margin-right:5px;display:inline-block;}
.join_form table td .c_btn{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

/* 인풋이 다른요소들과 함께 쓰일때 묶는 인풋박스 */
.join_form .input_box { margin-left:-5px}
.join_form .input_box .input_design { display:inline-block;margin-left:5px; }
.join_form .input_box+ .input_box {margin-top:5px}
.join_form .input_box .if_beside { display:inline-block;margin-left:15px !important; margin-top:6px}
.join_form .input_box .if_beside input[type=checkbox] {margin-top:3px}
.join_form .input_box input[type=radio] {margin-top:4px}
.join_form .input_box .dash { display:inline-block;margin:5px 0 5px 5px}

/* 이메일 주소 입력 */
.join_form .input_box.mail select {margin-left:5px; min-width:130px}
.join_form .mail_icon { display:inline-block;line-height:30px; margin-left:5px}

/* 100% 꽉찬 인풋 */
.join_form .input_full {margin-top:5px;}
.join_form .input_full .input_design {margin-top:5px}

/* 기간선택 인풋 */
.join_form .date .input_design { display:inline-block; border:1px solid #ddd; background:#fff; height:35px; padding:8px 35px 10px 10px; box-sizing:border-box; color:#999; background:#fff url('../images/c_img/ic_order_date.gif') right center no-repeat;}
.join_form .date .input_design:focus {border-color:#aaa; background:#fff url('../images/c_img/ic_order_date_on.gif') right center no-repeat;}
.join_form .date .dash { display:inline-block; padding:0 3px; line-height:33px; color:#999; margin:0 0 0 5px}

/* 등록폼 : 라벨 */
.join_form .label_design { display:inline-block;padding:6px 15px 8px 0}
.join_form .label_design .txt {color:#666; letter-spacing:0px;  display:inline-block;}
.join_form .label_design .sub_txt {color:#bbb; padding-top:10px; border-top:1px solid #e5e5e5; margin-top:10px}
.join_form .label_design input { display:inline-block; margin-top:3px}
.join_form .label_design input:focus+ .txt {color:#000;}
.join_form .label_design input:checked+ .txt {color:#000;}
.join_form .label_design:hover .txt {text-decoration:underline;}

/* 등록폼 : 텍스트에어리어 */
.join_form .textarea_box { box-sizing:border-box; clear:both; margin-top:5px}
.join_form .textarea_box .textarea_design {border:1px solid #dfdfdf; clear:both; display:block; width:100%; padding:10px; box-sizing:border-box;}
.join_form .textarea_box .textarea_design:focus {border-color:#999}

/* 등록폼 : 도움말 */
.join_form .tip_txt {padding-left:16px; color:#999; letter-spacing:-1px; position:relative; padding-top:6px; clear:both; margin-top:0 !important}
.join_form .tip_txt:before {content:""; position:absolute; left:0; top:9px; width:13px; height:13px; background:transparent url('../images/c_img/join_tip.gif') left top no-repeat;}
.join_form .tip_txt.black {color:#333;}
.join_form .tip_txt.black:before {background-position:left bottom;}

/* 파일첨부 */
.join_form .input_file_box {background:#fff; border:1px solid #ddd;  position:relative;  display:inline-block; height:35px; width:100%;}
.join_form .input_file_box:first-child {margin-top:0}
.join_form .input_file_box .fakeFileTxt {  display:inline-block; width:100%; color:#999; margin-top:6px; text-indent:10px; border:0; letter-spacing:0px;}
.join_form .input_file_box .fileDiv {  width:100px; height:100%; /* overflow: hidden; */ }
.join_form .input_file_box .buttonImg {background:#aaa; width:90px; height:30px; position: absolute; top:-1px; right:-1px; color:#fff; border:0; padding:5px 0 8px;}
.join_form .input_file_box:hover .buttonImg {background:#999}
.join_form .input_file_box:hover {border:1px solid #ddd;}
.join_form .input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}

/* 사진첨부 */
.join_form .form_file {overflow:hidden;}
.join_form .form_file .input_file_box {height:30px; border:1px solid #ddd; box-sizing:border-box;}

/* 첨부파일-추가삭제 */
.join_form .duplicate.if_add { margin-top:-8px}
.join_form .duplicate.if_add .form_file {padding-right:65px; position:relative; margin-top:8px}
.join_form .duplicate.if_add .input_file_box {float:left; box-sizing:border-box;}
.join_form .duplicate.if_add .add_btn_box {position:absolute; right:0; top:0;}
.join_form .duplicate.if_add .add_btn_box .c_btn {width:60px; margin-left:0}

/* 등록된 파일 */
.join_form .duplicate_file {overflow:hidden; position:relative; padding-bottom:8px; }
.join_form .duplicate_file .table {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.join_form .duplicate_file .title {display:table-cell; vertical-align:middle; background:#f5f5f5; width:110px; text-align:center; color:#666;}
.join_form .duplicate_file ul {display:table-cell;}
.join_form .duplicate_file li {list-style:none; overflow:hidden; position:relative; border-top:1px solid #ddd; padding-left:10px; height:30px; box-sizing:border-box;}
.join_form .duplicate_file li:first-child {border-top:0;}
.join_form .duplicate_file .txt {float:left; line-height:29px; line-height:28px\0; color:#999;}
.join_form .duplicate_file .del_btn {float:right; line-height:29px; line-height:28px\0; padding:0 10px}
.join_form .duplicate_file .del_btn input {margin:9px 3px 0 0; float:left;}
.join_form .duplicate_file .txt:hover {text-decoration:underline;}

/*가입왈료 페이지*/
.c_complete.join_complete {border:1px solid #ddd; width:100%; max-width:700px; margin:0 auto; border-top: 1px solid #ddd; padding-bottom:40px; box-sizing:border-box; }

/* 비밀번호 변경 폼 스타일 */
.c_complete.my_password .c_form {
	border: 1px solid #ddd;
	margin: 20px auto;
	width: 100%;
	max-width: 700px;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 0.5rem;
}

.c_complete.my_password .c_form .form_row {
	display: flex;
	margin-bottom: 20px;
	padding: 15px 0;
	border-bottom: 1px solid #f0f0f0;
}

.c_complete.my_password .c_form .form_row:last-child {
	border-bottom: none;
}

.c_complete.my_password .c_form .form_label {
	width: 150px;
	padding: 15px;
	text-align: right;
	vertical-align: top;
	flex-shrink: 0;
}

.c_complete.my_password .c_form .form_input {
	flex: 1;
	padding: 10px 20px;
}

.c_complete.my_password .c_form .form_label .tit {
	color: #666;
	font-weight: 400;
	letter-spacing: -0.5px;
	padding-left: 15px;
	position: relative;
}

.c_complete.my_password .c_form .form_label .tit:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 6px;
	width: 8px;
	height: 6px;
	background: transparent url('../images/c_img/join_check.gif') left top no-repeat;
}

.c_complete.my_password .c_form .form_label.ess .tit:before {
	background-position: right top;
}

/* 가입완료 페이지 반응형 */
@media screen and (max-width: 768px) {
	.c_complete.join_complete {width:100%; margin:0 20px; padding:20px; padding-bottom:30px;}
	.c_complete .complete_box {padding:40px 20px;}
	.c_complete .complete_box .tit {font-size:1.5rem;}
	.c_complete .complete_box .sub_txt {font-size:0.9rem;}
	.c_complete .c_btnbox {margin-top:30px;}
	.c_complete .c_btnbox .c_btn {width:100%; margin:5px 0;}

	/* 비밀번호 변경 폼 모바일 스타일 */
	.c_complete.my_password .c_form {
		width: 100%;
		margin: 20px auto;
		padding: 20px;
		border-radius: 0.3rem;
	}

	.c_complete.my_password .c_form .form_row {
		display: block;
		margin-bottom: 15px;
		padding: 10px 0;
	}

	.c_complete.my_password .c_form .form_label {
		width: 100%;
		padding: 0 0 8px 0;
		text-align: left;
	}

	.c_complete.my_password .c_form .form_input {
		padding: 0;
	}

	.c_complete.my_password .c_form .form_label .tit {
		font-size: 0.9rem;
		font-weight: 600;
		color: #333;
	}

	.c_complete.my_password .c_form .input_box {
		margin-left: 0;
		margin-bottom: 8px;
	}

	.c_complete.my_password .c_form .input_design {
		width: 100% !important;
		margin-left: 0;
		margin-bottom: 8px;
	}

	.c_complete.my_password .c_form .tip_txt {
		font-size: 0.85rem;
		line-height: 1.4;
		margin-top: 5px;
	}
}

@media screen and (max-width: 480px) {
	.c_complete.join_complete {margin:0 15px; padding:15px; padding-bottom:25px;}
	.c_complete .complete_box {padding:30px 15px;}
	.c_complete .complete_box .tit {font-size:1.3rem;}
	.c_complete .complete_box .sub_txt {font-size:0.85rem;}
	.c_complete .c_btnbox {margin-top:25px;}

	/* 비밀번호 변경 폼 소형 모바일 스타일 */
	.c_complete.my_password .c_form {
		margin: 15px auto;
		padding: 15px;
		border-radius: 0.2rem;
	}

	.c_complete.my_password .c_form .form_row {
		margin-bottom: 12px;
		padding: 8px 0;
	}

	.c_complete.my_password .c_form .form_label .tit {
		font-size: 0.85rem;
		font-weight: 600;
	}

	.c_complete.my_password .c_form .input_design {
		height: 45px;
		padding: 12px;
		font-size: 16px;
	}

	.c_complete.my_password .c_form .tip_txt {
		font-size: 0.8rem;
		line-height: 1.3;
	}

	.c_complete.my_password .c_btnbox .c_btn {
		height: 45px;
		font-size: 14px;
		padding: 12px 16px;
	}
}


/* ********************************************** *
 * 마이페이지 정보수정
 * ********************************************** */

.js_modify_form{max-width:800px;margin:0 auto;}

/* ********************************************** *
 * 아이디/비밀번호찾기
 * ********************************************** */
.c_login .result {background:#f5f5f5; margin-top:10px; padding:25px; text-align:center;}
.c_login .result .c_btnbox {margin:30px 45px 0}
.c_login .result .result_txt {color:#333; font-size:16px; letter-spacing:-1px; line-height:22px; word-wrap:break-word; word-break:keep-all;}
.c_login .result .result_txt strong {font-weight:600; letter-spacing:0px;}
.c_login .result .sub_txt {letter-spacing:-0.5px; color:#aaa; line-height:15px; margin-top:10px}









/* ********************************************** *
 * 소셜 로그인 (맞춤제작)
 * ********************************************** */
.c_sns_login {overflow:hidden;}

.c_sns_login .sns_btn {overflow:hidden; padding-top:10px; margin-top:10px; text-align:center;}
.c_sns_login .sns_btn .btn {max-width:170px; height:40px; line-height:40px; display:inline-block; box-sizing:border-box; text-align:center; padding-right:20px; position:relative;}
.c_sns_login .sns_btn .naver {background:#36ac36;}
.c_sns_login .sns_btn .kakao {background:#ffeb00;}
.c_sns_login .sns_btn .face {background:#3b5999;}
.c_sns_login .sns_btn .twitt {background:#52c3f1;}
.c_sns_login .sns_btn .google {background:#da4835;}
.c_sns_login .sns_btn .payco {background:#fa2828;}
.c_sns_login .sns_btn .sns {display:inline-block; color:#fff; padding-left:45px; letter-spacing:-0.5px;}
.c_sns_login .sns_btn .naver .sns {background:transparent url('../images/c_img/sns_naver.png') left top no-repeat;}
.c_sns_login .sns_btn .naver .sns span{color:#fff;}
.c_sns_login .sns_btn .kakao .sns {color:#3b1e1e !important; background:transparent url('../images/c_img/sns_kakao.png') left top no-repeat;}
.c_sns_login .sns_btn .face .sns {background:transparent url('../images/c_img/sns_face.png') left top no-repeat;}
.c_sns_login .sns_btn .twitt .sns {background:transparent url('../images/c_img/sns_twitt.png') left top no-repeat;}
.c_sns_login .sns_btn .google .sns {background:transparent url('../images/c_img/sns_google.png') left top no-repeat;}
.c_sns_login .sns_btn .payco .sns {background:transparent url('../images/c_img/sns_payco.png') left top no-repeat;}
.c_sns_login .sns_btn .kr {display: block; line-height: 40px; font-weight:600;}
.c_sns_login .sns_btn .en {display:none;}

.c_sns_login .sns_btn.if_col2 ul {margin:-10px 0 0 -11px;}
.c_sns_login .sns_btn.if_col2 li {float:left; width:50%; margin-top:10px}
.c_sns_login .sns_btn.if_col2 .btn {margin-left:11px;}
.c_sns_login .sns_btn.if_col2 .sns {display:block; text-align:right;}

.c_sns_login .sns_btn.if_col3 ul {margin-left:-15px;}
.c_sns_login .sns_btn.if_col3 li {float:left; width:33.333%;}
.c_sns_login .sns_btn.if_col3 .btn {margin-left:15px; height:auto; line-height:15px; padding:3px 0 12px}
.c_sns_login .sns_btn.if_col3 .sns {padding-left:0; padding-top:37px; background-position:center top !important;}


/* 약관에서 */
.c_agree .c_sns_login {text-align:center; padding:20px 0; }
.c_agree .c_sns_login .sns_btn {border-top:0; padding-top:0px; margin-top:0px;}
.c_agree .c_sns_login ul {display:inline-block;}
.c_agree .c_sns_login li {float:left; margin:0 5px;}
.c_agree .c_sns_login .btn {padding-right:20px;}

/* 개인정보 수집 항목 반응형 스타일 */
.agree_add_info {margin-top:15px;}

/* 데스크톱용 테이블 */
.agree_add_info .desktop-table {display:table; width:100%; border-collapse:collapse; margin-bottom:20px;}
.agree_add_info .desktop-table th,
.agree_add_info .desktop-table td {padding:12px; border:1px solid #ddd; text-align:left; vertical-align:top;}
.agree_add_info .desktop-table th {background:#f8f8f8; font-weight:600; color:#333;}
.agree_add_info .desktop-table td {color:#666;}

/* 모바일용 div 구조 */
.agree_add_info .mobile-table { width:100%;}
.agree_add_info .mobile-table .privacy_row {display:block; border:1px solid #ddd; margin-bottom:10px; border-radius:0.3rem; overflow:hidden; background:#fff;}
.agree_add_info .mobile-table .privacy_row .privacy_item {display:block; padding:12px 15px; border-bottom:1px solid #f0f0f0; position:relative;}
.agree_add_info .mobile-table .privacy_row .privacy_item:last-child {border-bottom:none;}
.agree_add_info .mobile-table .privacy_row .privacy_item .privacy_label {display:inline-block; font-weight:600; color:#333; min-width:80px; margin-right:10px; font-size:0.9rem;}
.agree_add_info .mobile-table .privacy_row .privacy_item .privacy_value {display:inline-block; color:#666; font-size:0.9rem; word-break:keep-all; line-height:1.4;}
.agree_add_info .mobile-table .privacy_row .privacy_item.privacy_category {background:#f8f8f8; font-weight:600; color:#333; border-bottom:2px solid #ddd;}
.agree_add_info .mobile-table .privacy_row .privacy_item.privacy_category .privacy_value {font-weight:600;}

/* 약관동의 반응형 */
@media screen and (max-width: 768px) {
	.c_agree .c_sns_login {padding:15px 0;}
	.c_agree .c_sns_login ul {display:block; text-align:center;}
	.c_agree .c_sns_login li {float:none; margin:0 0 10px 0; display:inline-block;width: 170px;}
	.c_agree .c_sns_login .btn {padding-right:0; width:100%; max-width:300px;}
		.c_agree .c_group_tit {font-size:1.1rem; margin-bottom:10px;}
	.c_agree .c_group_tit .btn {font-size:0.8rem; padding:3px 8px;}
	.c_agree .form .text_box {margin-bottom:10px;}
	.c_agree .form .textarea_design {height:120px; font-size:0.9rem; padding:15px;}
	.c_agree .agree_check {margin-top:10px;}
	.c_agree .agree_check label {font-size:0.9rem; line-height:1.4;}
		
	/* 모바일에서 데스크톱 테이블 숨기고 div 구조 표시 */
	.agree_add_info .desktop-table {display:none;}
	.agree_add_info .mobile-table {display:block;}
	
	/* 개인정보 수집 항목 모바일 스타일 */
	.agree_add_info .mobile-table .privacy_row .privacy_item {padding:10px 12px;}
	.agree_add_info .mobile-table .privacy_row .privacy_item .privacy_label {min-width:70px; font-size:0.85rem;}
	.agree_add_info .mobile-table .privacy_row .privacy_item .privacy_value {font-size:0.85rem;}
}

@media screen and (max-width: 480px) {
	.c_agree .c_sns_login {padding:10px 0;}
	.c_agree .c_sns_login .btn {max-width:100%;}
	
	.c_agree .agree_form {margin-bottom:15px;}
	.c_agree .c_group_tit {font-size:1rem; margin-bottom:8px;}
	.c_agree .c_group_tit .btn {font-size:0.75rem; padding:2px 6px;}
	.c_agree .form .textarea_design {height:100px; font-size:0.85rem; padding:12px;}
	.c_agree .agree_check label {font-size:0.85rem;}
	
	/* 개인정보 수집 항목 소형 모바일 스타일 */
	.agree_add_info .mobile-table .privacy_row {margin-bottom:8px; border-radius:0.2rem;}
	.agree_add_info .mobile-table .privacy_row .privacy_item {padding:8px 10px;}
	.agree_add_info .mobile-table .privacy_row .privacy_item .privacy_label {min-width:60px; font-size:0.8rem; margin-right:8px;}
	.agree_add_info .mobile-table .privacy_row .privacy_item .privacy_value {font-size:0.8rem;}
}

/* 마이페이지에서 */
.c_form .c_sns_login {text-align:center; margin-top:0px;}
.c_form .c_sns_login .sns_btn {border-top:0; margin-top:0px; padding-top:0px;}
.c_form .c_sns_login .sns_btn ul {margin-left:-10px; margin-top:-10px;}
.c_form .c_sns_login .sns_btn li {list-style:none; float:left; width:120px;}
.c_form .c_sns_login .sns_btn .btn {padding:3px 0 12px; display:block; box-sizing:border-box; text-align:center; margin-left:10px; margin-top:10px; height:auto; line-height:1.2;}
.c_form .c_sns_login .sns_btn .btn:before {content:""; width:100%; height:100%; background:#fff; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50); position:absolute; left:0; top:0; z-index:5}
.c_form .c_sns_login .sns_btn .sns {display:inline-block; color:#fff; font-size:13px; text-align:center; padding-top:37px; background-position:center top ; padding-left:0px;}
.c_form .c_sns_login .sns_btn .kr {font-size:12px;}
.c_form .c_sns_login .sns_btn .hit .btn:before {display:none;}

/* 탈퇴에서 */
.c_mypage .leave_form .c_sns_login {text-align:center; border-top:0; margin-top:0px;}
.c_mypage .leave_form .c_sns_login .sns_btn {border-top:0; padding-top:0px; margin-top:0px;}
.c_mypage .leave_form .c_sns_login ul {display:inline-block;}
.c_mypage .leave_form .c_sns_login li {float:left; margin:0 5px; width:auto;}
.c_mypage .leave_form .c_sns_login li:only-child .btn {width:250px;}
.c_mypage .leave_form .c_sns_login .sns_btn .btn {padding:3px 0 12px; display:block; box-sizing:border-box; text-align:center; margin-left:0; margin-top:0; height:auto; line-height:1.2; width:115px;}
.c_mypage .leave_form .c_sns_login .sns_btn .sns {display:inline-block; color:#fff; font-size:13px; text-align:center; padding-top:37px; background-position:center top ; padding-left:0px;}
.c_mypage .leave_form .c_sns_login .sns_btn .kr {font-size:12px;}
.c_mypage .leave_form .c_sns_login .sns_btn .hit .btn:before {display:none;}