@charset "utf-8";

/* Layout */
.member-wrap {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.member-wrap img {vertical-align:middle;}

.find-account {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.join-wrap {
	width:100%; min-width:630px;
	margin-left:auto;
	margin-right:auto;
}
.join-ok {
	box-sizing: border-box;
	padding: 70px 95px;
	backgrounD: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1); 
	border-top: 1px solid #000;
}
.leave-wrap {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.mypage-wrap {
	width:100%; min-width:500px;
	margin-left:auto;
	margin-right:auto;
}
.change-pw {
	width:520px;
	margin-left:auto;
	margin-right:auto;
}
.change-pw .pw-chk {
	font-size:12px;
}
/* Attributes - Form */
.member-wrap input[type="text"],
.member-wrap input[type="password"] {
	border-radius:0;
	height:50px; 
	box-sizing: border-box;
	border:1px solid #ddd;
	padding-left:15px;
	padding-right:15px;
}
.member-wrap input[type="text"]:disabled,
.member-wrap input[type="password"]:disabled {
	background:#F1F1E9;
}
.member-wrap select {
	border-radius:0;
	height:50px; 
	box-sizing: border-box;
	border:1px solid #ddd;
	padding-left:15px;
}
.member-wrap input[type="checkbox"],
.member-wrap input[type="radio"] {
	width:15px; height:15px;
}
.member-wrap textarea {
	padding:10px;
	resize:none;
	border:1px solid #ddd;
}
.mem-input-01 {width:45px;}
.mem-input-02 {width:160px;}
.mem-input-03 {width:212px;}

/* Attributes - Buttons */
.mem-btn-inline a {
	display:inline-block;
	height:20px; line-height:18px;
	font-size:11px;
	letter-spacing:-0.05em;
	padding:0 8px;
	border:1px solid #aaa;
	color:#777;
}
.mem-btn-join a {
	display:inline-block;
	height:27px; line-height:25px;
	font-size:12px;
	letter-spacing:-0.05em;
	font-weight:600;
	padding:0 10px;
	border:1px solid #ccc;
	background:#f8f8f8;
	color:#666;
}
.mem-btn-tinted-01 a { background:#444; border-color:#444; color:#fff; }
.mem-btn-tinted-02 a { background:#e5e5e5; border-color:#cacaca; color:#777; }

/* Login */
.login-wrap {
	width:630px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	padding: 70px 65px;
	backgrounD: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.1); 
}
.login-tit {
	font-size: 35px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
}
.login-input {
	margin-bottom: 10px;
}
.login-input input {
	width: 100%;
}
.login-find .fz16 a {
	display: inline-block;
	color: #0076c0;
	border-bottom: 1px solid #0076c0;
	font-weight: 500; 
}

/* 아이디 패스워드 찾기 */
.find-id_text {
	font-size: 20px;
	font-weight: 500;
	padding: 30px 0;
	background: #f5f5f5;
}

/* Join : 공통 */
.join-top {
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
}
.join-title {
	float:left;
}
.join-step {
	float:right;
}
.join-btn {
	text-align:center;
	margin-top:50px;
}
.join-btn-cancel {
	border-radius:0;
	border:0;
	width:120px; height:45px;
	line-height:45px;
	background:#393737;
	color:#fff;
	cursor:pointer;
	font-size:13px;
	letter-spacing:-0.05em;
}
.join-btn-ok {
	border-radius:0;
	border:0;
	width:120px; height:45px;
	line-height:45px;
	background:#07468d;
	color:#fff;
	cursor:pointer;
	font-size:13px;
	letter-spacing:-0.05em;
}

/* Join : 약관동의 */
.join-agree {
	overflow:hidden;
	font-size: 15px;
}
.join-agree-l {
	float:left;
}
.join-agree-r {
	width:80%;
    width:-webkit-calc(100% - 150px); 
    width:-moz-calc(100% - 150px); 
    width:calc(100% - 150px);
	float:right;
}
.join-condition {
	padding: 10px;
	color:#666;
	border:1px solid #ccc;
	margin-bottom: 10px;
	background: #fff;
}
	.scrollbar-box {
		height:180px;
		overflow:auto;
		padding: 10px;
	}
	.scrollbar-box::-webkit-scrollbar {
		width: 5px;
	}
	.scrollbar-box::-webkit-scrollbar-thumb {
		background-color: #b8b8b8;
		border-radius: 10px;
		background-clip: padding-box;
	}
	.scrollbar-box::-webkit-scrollbar-track {
		background-color: #ececec;
		border-radius: 10px;
	}

.join-agree label {
	color:#666;
}

/* Join : 회원가입폼 */
.join-field-btn {
	color: #fff !important;
	background: #333;
	height: 50px;
}

/* 가입완료 */
.join-ok > p {
	font-size:11px;
	line-height:1.65em;
	letter-spacing:-0.03em;
	color:#777;
}
.join-result {
	overflow:hidden;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:20px 0 15px 0;
	padding:20px 0;
}
.join-result dl {
	float:left;
	overflow:hidden;
	line-height:25px;
}
.join-result dt {
	clear:left;
	float:left;
	width:55px;
	font-size:12px;
	color:#999;
	font-weight:600;
	border-right:1px solid #ddd;
	margin-right:10px;
}
.join-result dd {
	float:left;
	font-size:13px;
	width:200px;
}
.join-result-btn {
	float:right;
}

/* 회원탈퇴 */
.leave-wrap > p {
	font-size:11px;
	line-height:1.65em;
	letter-spacing:-0.03em;
	color:#777;
}
.leave-wrap .join-form {
	border-top:1px solid #ddd;
}
.leave-wrap textarea {
	width:96%;
}
.leave-wrap h5 {
	font-size:15px;
	line-height:1.5em;
	font-weight:600;
	padding-bottom:8px;
	border-bottom:1px solid #444;
}

/* 마이페이지 */
.mypage-blue {
	color: #fff;
	text-align: center;
	height: 70px;
	line-height: 70px;
    background: #0076c0;
	border-radius: 15px 0 15px 0;
	margin: 55px 0 20px;
}
.mypage-link li {
	text-align: center;
}
.mypage-link li a {
	display: block;
	border: 1px solid #ddd;
	background: #fff;
	padding: 40px;
}
.mypage-link li .fz19 {
	margin-top: 10px;
	font-weight: 500;
}
.mypage-gray {
	margin-top: 35px;
	border: 1px solid #ddd;
	background: #eeeeee;
	line-height: 1.2;
	padding: 15px 30px;
}

/* 비밀번호 변경 */
.change-pw-header {
	margin:0 auto 20px auto;
}
.change-pw-header small {
	color:#888;
}
.change-pw-form {
	margin:0 auto;
	background:#f5f5f5;
	padding:10px 15px 15px 15px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.change-pw-form li {
	overflow:hidden;
	padding:3px 0;
}
.change-pw-lb {
	float:left;
	width:120px; height:29px;
	line-height:28px;
	font-size:12px;
	font-weight:600;
	color:#666;
}
.change-pw-user {
	float:left;
	/* width:150px; */ 
	font-size:13px;
}
.change-pw-user input[type="password"] {
	height: 27px;
	line-height: 27px;
	padding: 0 5px;
	border: 1px solid #ccc;
}
.change-pw-btn {
	margin-top:30px;
	text-align:center;
}
/* 패스워드 체크 2017-11-07 */
.pw-chk {
	font-size:13px;
	margin-left:10px;
	color:#999;
}
.pw-chk.incorr {
	color:#f05228;
	padding-left:15px;
	background:url("../image/members/icon_cancel.png") no-repeat left center;
	background-size:12px 12px;
}
.pw-chk.corr {
	color:#35af0d;
	padding-left:15px;
	background:url("../image/members/icon_chk.png") no-repeat left center;
	background-size:12px 12px;
}

/* sns연동 로그인 */
.mem-inner {
	background-color: #f5f5f5;
    padding: 70px 0;
    margin: 0 auto;
}
.login_tit {	
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	color: #333;
	margin-bottom: 30px;
	line-height: 40px;
}
.t-wide {
	background-color: #fff;
	padding: 50px;
}
.login-form > li {
	margin-bottom: 10px;
}
.login-form > li input  {
	width: 100%;
	box-sizing: border-box;
	height: 65px !important;
	border-color: #ddd !important;
	border-radius: 3px;
	padding-left: 30px !important;
}
.login-form > li input::-ms-input-placeholder { font-size: 16px; color: #aaa; }
.login-form > li input::-webkit-input-placeholder { font-size: 16px; color: #aaa; } 
.login-form > li input::-moz-placeholder { font-size: 16px; color: #aaa; }

.login-form > li .btn {
	background-color: #4e8dc9;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}
.login-opt {
	padding-bottom: 25px;
}
.login-opt > li {
	display: inline-block;
}
.login-opt > li label[for="save-login"] {
	font-size: 15px;
	font-weight: 600;
	color: #555;
	margin-left: 10px;
}
.login-opt .find {
	float: right;
}
.login-opt .find span.bar {
	border-right: 1px solid #ddd;
	margin-right: 10px;
    padding-right: 15px;
}
.login-opt .find span a {
	font-size: 15px;
	font-weight: 600;
	color: #555;
}
.login-opt .find span a:hover {
	color: #4e8dc9;
	text-decoration: underline;
}
.login-side {
	padding-top: 30px;
	text-align: center;
	margin-bottom: 40px;
}
.login-side > li span {
	font-size: 16px;
    font-weight: 600;
	color: #777;
}
.login-side > li .a {
	text-decoration: underline;
	color: #555;
}
.login-sns > li {
    width: 32%;
    border-radius: 5px;
    text-align: center;
    margin-right: 2%;
    float: left;
}
.login-sns > li.f {	background-color: #3c5992; }
.login-sns > li.n {	background-color: #26c14b; }
.login-sns > li.k {	background-color: #f8df1a; }
.login-sns > li a {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	display: block;
	padding: 20px 0;
}
.login-sns > li a span {
	margin-right: 5px;
}
.login-sns > li.k a {
	color: #3a1e1d;
}