@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

/*회원가입 공통 변수*/
:root {
	--point-color:#0F0F10;
}


 /* 공통 + 기본형 */
.join_visual {text-align:center; font-size:24px; font-weight:700; line-height:1; color:#333; padding:75px 0; background:#F0F0F0;}
.joinform_wrap {padding-top:80px; padding-bottom:100px;}
.cosmosfarm-members-form > .message {max-width:500px; margin:-50px auto 50px; color:#333; font-size:14px; font-weight:700; line-height:1.4; text-align:center; padding:50px; border-radius:10px; animation:error .1s ease 5; background:#f9f9f9;}
.cosmosfarm-members-form > .message .message {width:auto; margin:0; padding:0; border-radius:0;}

.cosmosfarm-members-form.loginfailed {width:100%; margin:0;}
.cosmosfarm-members-form.loginfailed > .message .cosmosfarm-members-form.loginfailed .message {margin:0;}
.cosmosfarm-members-form.editsuccess .message {width:60%; margin:-50px auto 50px; color:#333; font-size:14px; font-weight:700; line-height:1.4; text-align:center; padding:50px; border-radius:10px; animation:none; background:#f9f9f9;}

@keyframes error {
	0% {transform:translateX(-2px);}
	100% {transform:translateX(2px);}
}

.cosmosfarm-members-form {display: block; width:720px; margin: 0 auto;}
.cosmosfarm-members-form fieldset {display:block; width:100%; min-inline-size:auto; margin:0; padding:0;}
.cosmosfarm-members-form label { font-size:14px; line-height:1; font-weight:700; color:#333;}
.cosmosfarm-members-form label .req {color:transparent;}
.cosmosfarm-members-form fieldset legend {display:none;}
.cosmosfarm-members-form select,
.cosmosfarm-members-form input[type=text],
.cosmosfarm-members-form input[type=email],
.cosmosfarm-members-form input[type=date],
.cosmosfarm-members-form input[type=url],
.cosmosfarm-members-form input[type=number],
.cosmosfarm-members-form input[type=password] {display:inline-block; width:380px; height:46px; color:#888; font-size:14px; border:1px solid #e0e0e0; border-radius:6px; padding:0 24px;}
.cosmosfarm-members-form input[type=text]::placeholder,
.cosmosfarm-members-form input[type=email]::placeholder,
.cosmosfarm-members-form input[type=date]::placeholder,
.cosmosfarm-members-form input[type=url]::placeholder,
.cosmosfarm-members-form input[type=number]::placeholder,
.cosmosfarm-members-form input[type=password]::placeholder {color:#888; font-size:14px;}
.cosmosfarm-members-form input[type=text]:hover,
.cosmosfarm-members-form input[type=email]:hover,
.cosmosfarm-members-form input[type=date]:hover,
.cosmosfarm-members-form input[type=url]:hover,
.cosmosfarm-members-form input[type=number]:hover,
.cosmosfarm-members-form input[type=password]:hover,
.cosmosfarm-members-form input[type=text]:focus,
.cosmosfarm-members-form input[type=email]:focus,
.cosmosfarm-members-form input[type=date]:focus,
.cosmosfarm-members-form input[type=url]:focus,
.cosmosfarm-members-form input[type=number]:focus,
.cosmosfarm-members-form input[type=password]:focus {border-color:#DD0000;}

/* 회원가입 */
.cosmosfarm-members-form .my-row-wrapper {display:flex; align-items:center;}
.cosmosfarm-members-form .my-row-wrapper + .my-row-wrapper:not(.email_origin, .policy_chk) {margin-top:16px;}
.cosmosfarm-members-form .my-row-wrapper.btm_hr {padding-bottom:40px; border-bottom:1px solid #e0e0e0;}
.cosmosfarm-members-form .my-row-wrapper.btm_hr + .my-row-wrapper {margin-top:40px;}

.cosmosfarm-members-form .my-row-wrapper > label {flex-shrink:0; width:120px;}
.cosmosfarm-members-form .my-row-wrapper > div {flex-grow:1; width:calc(100% - 120px);}
.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap {display:inline-block; width:102px; height:46px; margin-left:16px;}
.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap button {display:block; width:100%; height:100%; font-size:12px; font-weight:700; line-height:46px; ;color:#fff; border-radius:6px; background:#ccc; transition:all .3s ease;}
.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap button:not(.chk_ok):hover,
.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap button:not(.chk_ok):focus {background:#DD0000;}
.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap button.chk_ok {background:#333;}

/* checkbox */
.cosmosfarm-members-form .my-row-wrapper .div_checkbox label {margin-top:-2px; font-size:12px; line-height:1; color:#555; font-weight:400; padding:0;}

/* 이메일 */
.cosmosfarm-members-form .email_origin {width:1px; height:1px; overflow:hidden; margin:0;}
.cosmosfarm-members-form .email_wrap {display:flex; align-items:center; margin-top:16px;}
.cosmosfarm-members-form .email_wrap > .my-row-wrapper {display:inline-flex; width:auto;}
.cosmosfarm-members-form .email_wrap > .my-row-wrapper + .my-row-wrapper {margin-top:0;}
.cosmosfarm-members-form .email_wrap .head input {width:130px;}
.cosmosfarm-members-form .email_wrap .foot label {position:relative; width:47px; text-align:center; text-indent:-9999px;}
.cosmosfarm-members-form .email_wrap .foot label:before {content:'@'; position:absolute; z-index:1; top:0; left:0; width:100%; text-align:center; text-indent:0;}
.cosmosfarm-members-form .email_wrap .foot input {width:203px;}
.cosmosfarm-members-form .email_wrap .domain {margin-left:16px;}
.cosmosfarm-members-form .email_wrap .domain label {display:none;}
.cosmosfarm-members-form .email_wrap .domain > div {width:203px;}
.cosmosfarm-members-form .email_wrap .domain > div select {width:100%; color:#888; font-size:13px; border-color:#e0e0e0; background:url(../images/ico/ico_select_arw02.svg) no-repeat right 15px center;}
/* 이메일 수신동의 checkbox */
.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox {margin-top:3px; padding-left:120px;}
.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox label {display:inline-block;}
.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height:16px; margin-right:6px; border-radius: 4px; cursor: pointer; outline: 0; background: #fff; border:1px solid #e0e0e0;} 
.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox input[type="checkbox"]:after {content: ''; display: none; border: solid #fff; border-width: 0 2px 2px 0; height: 40%; left: 38%; position: relative; top: 18%; transform: rotate(45deg); width: 15%; } 
.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox input[type="checkbox"]:checked {background: #000;} 
.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox input[type="checkbox"]:checked:after {display: block;}

/* 개인정보처리방침 checkbox*/
.cosmosfarm-members-form .policy_chk {margin-top:60px;}
.cosmosfarm-members-form .policy_chk .div_checkbox.agree .policy_content {max-height:240px; font-size:14px; line-height:1.4; color:#555; overflow:scroll; border:1px solid #E0E0E0; padding:40px 49px 40px 40px;}
.cosmosfarm-members-form .policy_chk .div_checkbox.agree .policy_content p {margin:19px 0;}
.cosmosfarm-members-form .policy_chk .div_checkbox.agree > label {margin-top:24px; color:#333;}
.cosmosfarm-members-form .policy_chk .div_checkbox.agree > label label {display:contents;}
.cosmosfarm-members-form .policy_chk .div_checkbox.agree > label label .req {display:none;}
.cosmosfarm-members-form .policy_chk label {display:block; font-size:12px; font-weight:700; color:#333; text-align:right;}
.cosmosfarm-members-form .policy_chk label input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width:24px; height:24px; margin-right:12px; border-radius:24px; border:1px solid #e0e0e0;}
.cosmosfarm-members-form .policy_chk label input[type="checkbox"]:checked {background:#000;}

/* 회원가입 버튼 */
.cosmosfarm-members-form .button_div {margin-top:40px; text-align:center;}
.cosmosfarm-members-form .button_div input[type=submit] {width:380px; height:46px; line-height:46px; font-size:14px; font-weight:700; color:#fff; border-radius:6px; background:#ccc; transition:all .3s ease;}
.cosmosfarm-members-form .button_div input[type=submit]:hover,
.cosmosfarm-members-form .button_div input[type=submit]:focus {background:#333;}
.cosmosfarm-members-form .req-text {display:none;}

/* 로그인 */
.cosmosfarm-members-form.signin-form { width: 100%; }
.cosmosfarm-members-form .form-wrap { overflow: hidden; }
.cosmosfarm-members-form .form-top { border: 1px solid #cccccc; border-bottom: 0; text-align: center; }
.cosmosfarm-members-form .form-top .form-top-wrap { padding: 55px 0 25px 0; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-top-fields { display:inline-block; vertical-align: top; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button { display:inline-block; vertical-align: top; padding-left: 1px; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button .login-button { margin: 0; padding: 0; width: 110px; height:117px; border:0; color: white; vertical-align: middle; border-radius:5px; cursor: pointer; background:var(--point-color);}
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row { position: relative; margin: 0; padding-bottom: 5px; overflow: hidden; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row label { float: left; margin: 0; padding: 0; display: block; width: 85px; height: 55px; line-height: 55px; font-size: 15px; text-align: left; box-sizing: content-box; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input { float: left; margin: 0; padding: 0 10px; width: 280px; height: 55px; line-height: 55px; font-size: 15px; border: 1px solid #cdcdcd; box-sizing: content-box; border-radius:5px;}
.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row { overflow: hidden; padding-left: 85px; text-align: left; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row label { letter-spacing: -1px; font-size: 13px; cursor: pointer; }
.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row label input[type=checkbox] { margin: 4px; font-size: 13px; cursor: pointer; vertical-align: middle; }
.cosmosfarm-members-form .form-bottom { padding: 40px 0; border: 1px solid #cccccc; background-color: #eeeeee; text-align: center; }
.cosmosfarm-members-form .form-bottom .form-link-item { display: inline; }
.cosmosfarm-members-form .form-bottom .form-button { display: inline-block; width: 226px; height: 49px; line-height: 49px; background-color: white; border: 1px solid #b6b6b6; color: #333333; vertical-align: middle; cursor: pointer; border-radius:5px;}
.cosmosfarm-members-form .form-bottom .cosmosfarm-social-login {margin-bottom:20px;}
.cosmosfarm-members-form .form-bottom .cosmosfarm-social-login .cosmosfarm-social-login-title {margin-bottom:10px;}
.cosmosfarm-members-form .form-bottom .cosmosfarm-social-login > a {display:inline-block; width:50px; height:50px; margin:0 5px;}

/* 마이페이지 */
.cosmosfarm-members-form .profile-header { position: relative; margin: 30px 0; }
.cosmosfarm-members-form .profile-header input[type=file] { position: absolute !important; margin: -1px !important; padding: 0 !important; width: 1px !important; height: 1px !important; border: 0 !important; box-shadow: none !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; }
.cosmosfarm-members-form .profile-header .avatar-img { margin-bottom: 15px; text-align: center; }
.cosmosfarm-members-form .profile-header .avatar-img .change-avatar-message { display: block; margin: 4px 0; font-size: 12px; line-height: 12px; color: RGBA(0,0,0,0.5); }
.cosmosfarm-members-form .profile-header .avatar-img img { float: none; display: inline; margin: 0; padding: 0; width: 150px; height: 150px; border-radius: 50%; border: 1px solid #eaebeb; box-shadow: none; vertical-align: middle; pointer-events: none; }
.cosmosfarm-members-form .profile-header .avatar-img label { float: none; display: inline-block; margin: 0; padding: 0; cursor: pointer; }
.cosmosfarm-members-form .profile-header .display-name { text-align: center; font-size: 24px; font-weight: bold; color: #444444; }
.cosmosfarm-members-form .members-link { margin: 0; padding: 0; list-style: none; background-color: #444444; border-left: 1px solid #3b3b3b; border-top: 1px solid #3b3b3b; overflow: hidden; }
.cosmosfarm-members-form .members-link li { display: table; float: left; margin: 0; padding: 0; list-style: none; list-style-type: none !important; width: 50%; height: auto; background: none; }
.cosmosfarm-members-form .members-link li a { display: table-cell; padding: 10px; height: 80px; color: white; text-align: center; background: none; border-right: 1px solid #3b3b3b; border-bottom: 1px solid #3b3b3b; text-decoration: none; word-break: break-all; }
.cosmosfarm-members-form .members-link li a:hover { border-bottom: 1px solid #3b3b3b; text-decoration: underline; }

/* 정보수정 */
.cosmosfarm-members-form.wrap_join.mypage .my-row-wrapper:not(.domain) > div {width:100%;}
.cosmosfarm-members-form.wrap_join.mypage input[type="text"],
.cosmosfarm-members-form.wrap_join.mypage input[type="email"],
.cosmosfarm-members-form.wrap_join.mypage select {color:#000;}
.cosmosfarm-members-form.wrap_join #wpmem_profile_form .my-row-wrapper.policy_chk {display:block; margin-top:30px;}
.cosmosfarm-members-form.wrap_join #wpmem_profile_form .my-row-wrapper.policy_chk > label {display:block; width:100%; margin:0;}

/* 비밀번호 변경 */
.cosmosfarm-members-form.pwdchange-form.wrap_join .my-row-wrapper > label {width:155px;}
.cosmosfarm-members-form.pwdchange-form.wrap_join select, 
.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=text],
.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=email],
.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=date],
.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=url], 
.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=number], 
.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=password] {width:464px;}

/* 로그인 됨 */
.register_status {margin-bottom:50px; font-size:20px; font-weight:700; text-align:center;}
.register_links {display:flex; align-items:center; justify-content:center; margin:-10px 0;}
.register_links li {margin:0 10px; width:300px; text-align:center; border-radius:50px; background:var(--point-color);}
.register_links li a {display:block; color:#fff8ed; padding:20px 0;}
/* e: 회원가입 */

/* 비밀번호 찾기 */
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join {width:400px;}
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join input[type=text] {margin-top:5px; width:100%;}
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join .button_div {margin-top:5px;}
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join .button_div input[type=submit] {width:100%;}
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join .link-text {margin-top:20px;}
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join .link-text span {display:block;}
.cosmosfarm-members-form.wrap_joininfo_form.wrap_join .link-text span a {display:block; font-size:13px; text-align:center; text-decoration:underline; text-underline-position:under;}


/* 세로형 css */
/* 로그인 */
.wrap_member_join {width:416px; margin:0 auto;}
.wrap_member_join h3 {margin-bottom:60px; text-align:center; font-size:40px; font-weight:800;}
.wrap_member_join legend {display:none;}

.wrap_member_join .link-text {margin-top:36px; text-align:center;}
.wrap_member_join .link-text a {color:#000; text-decoration:underline; font-weight:500; transition:color .3s ease;}
.wrap_member_join .link-text a:hover {color:#674FDC;}

.wrap_member_join .id_pw_wrap li + li {margin-top:8px;}
.wrap_member_join .id_pw_wrap li input {width:100%; height:60px; padding:20px 32px; border-radius:8px; border:1px solid #ddd;}
.wrap_member_join .id_pw_wrap li input:focus {border-color:#ddd;}
.wrap_member_join .id_pw_wrap li.pwd_wrap {position:relative;}
.wrap_member_join .id_pw_wrap li.pwd_wrap input {padding-right:45px;}
.wrap_member_join .id_pw_wrap li.pwd_wrap .eyes {position: absolute; top:50%; right:14px; width:28px; height:28px; transform:translateY(-50%); background:url(images/ico_pwd_eye.svg) no-repeat center; cursor:pointer;}
.wrap_member_join .id_pw_wrap li.pwd_wrap.active .eyes {background-image:url(images/ico_pwd_eye02.svg);}

.wrap_member_join .login_keep {display:block; margin:18px 0 30px; font-size:14px; line-height:1.3; letter-spacing:-0.025em;}
.wrap_member_join .login_keep input[type="checkbox"] {position:absolute; z-index:-1; left:-9999px; width:0; height:0; border:0; padding:0; margin:0;  clip:rect(0,0,0,0); overflow:hidden;}
.wrap_member_join .login_keep input[type="checkbox"] + i {display:inline-block; width:18px; height:18px; margin-right:8px; border:1px solid #ccc; border-radius:2px; vertical-align:top;}
.wrap_member_join .login_keep input[type="checkbox"]:checked + i {background:url(images/ico_chk01.svg) no-repeat center; border-color:#0688FF;}
.wrap_member_join .login_keep input[type="checkbox"] + i + span {vertical-align:top;}

.wrap_member_join .confirm {display:block; width:100%; color:#fff; font-size:17px; line-height:1.2; letter-spacing:-0.025em; font-weight:700; padding:19px 0; border-radius:8px; background:#0688FF;}

.wrap_member_join .find_link {display:flex; align-items:center; justify-content:center; margin:24px 0 58px;}
.wrap_member_join .find_link a {position:relative; font-size:14px; line-height:1.3; font-weight:500; letter-spacing:-0.025em; padding:0 11px;}
.wrap_member_join .find_link a:after {content:''; position:absolute; z-index:1; top:50%; transform:translateY(-50%); left:0; height:12px; width:1px; background:#bbb;}
.wrap_member_join .find_link a:first-child:after {display:none;}
.wrap_member_join .find_link a.join {color:#0688FF;}

.wrap_member_join .social_login .tit_box {position:relative; margin-bottom:21px; text-align:center;}
.wrap_member_join .social_login .tit_box:after {content:''; position:absolute; z-index:-1; top:50%; transform:translateY(-50%); left:0; width:100%; height:1px; background:#D9D9D9;}
.wrap_member_join .social_login .tit_box strong {display:inline-block; font-weight:400; line-height:1.3; font-size:14px; letter-spacing:-0.025em; padding:0 33px; background:#fff;}
.wrap_member_join .social_login .link_wrap {display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.wrap_member_join .social_login .link_wrap a {width:38px; height:38px; margin:9px;}

.wrap_member_join .register {margin-top:36px; display:flex; justify-content:center; color:#666;}
.wrap_member_join .register span {margin-right:16px;}
.wrap_member_join .register a {color:#000; text-decoration:underline; font-weight:500; transition:color .3s ease;}
.wrap_member_join .register a:hover {color:#674FDC;}

/**/
.wrap_member_join.loginfailed {margin:0 auto;}
.wrap_member_join.loginfailed .message {}

.wrap_member_join .avatar-img {display:none;}
.wrap_member_join .display-name {display:block; margin-bottom:24px; text-align:center; font-size:32px; font-weight:700;}
.wrap_member_join .members-link {margin-top:36px; text-align:center;}
.wrap_member_join .members-link a {display:block; width:100%; height:56px; margin-top:4px; line-height:56px; color:#fff; font-weight:500; border-radius:4px; background:#000; transition:color .3s ease;}
.wrap_member_join .members-link .logout {margin-top:24px;}
.wrap_member_join .members-link .logout a {background:#fff; color:#888;}
.wrap_member_join .members-link .logout a:hover {text-decoration:underline;}	

/* 마이페이지 */
.wrap_member_join.mypage {padding-top:100px;}

@media screen and (max-width: 768px) {
	.join_visual {text-align:left; font-size:20px; font-weight:700; line-height:1.4; padding:30px 26px;}
	.joinform_wrap {padding:40px 32px 60px;}

	.cosmosfarm-members-form {width:100%; margin:0;}
	.cosmosfarm-members-form select,
	.cosmosfarm-members-form input[type=text],
	.cosmosfarm-members-form input[type=email],
	.cosmosfarm-members-form input[type=date],
	.cosmosfarm-members-form input[type=url],
	.cosmosfarm-members-form input[type=number],
	.cosmosfarm-members-form input[type=password] {width:100%; height:38px; font-size:12px; border-radius:5px; padding:0 24px;}

	.cosmosfarm-members-form select::placeholder,
	.cosmosfarm-members-form input[type=text]::placeholder,
	.cosmosfarm-members-form input[type=email]::placeholder,
	.cosmosfarm-members-form input[type=date]::placeholder,
	.cosmosfarm-members-form input[type=url]::placeholder,
	.cosmosfarm-members-form input[type=number]::placeholder,
	.cosmosfarm-members-form input[type=password]::placeholder {font-size:12px;}

	.cosmosfarm-members-form .my-row-wrapper {display:block;}
	.cosmosfarm-members-form .my-row-wrapper + .my-row-wrapper:not(.email_origin, .policy_chk) {margin-top:20px;}
	.cosmosfarm-members-form .my-row-wrapper.btm_hr {padding-bottom:32px;}
	.cosmosfarm-members-form .my-row-wrapper.btm_hr + .my-row-wrapper {margin-top:32px;}
	.cosmosfarm-members-form .my-row-wrapper > label {display:block; width:100%; margin-bottom:12px; font-size:12px;}
	.cosmosfarm-members-form .my-row-wrapper > div {width:100%;}

	.cosmosfarm-members-form .my-row-wrapper.userid .div_text input[type="text"],
	.cosmosfarm-members-form .my-row-wrapper.cellphone .div_text input[type="text"] {width:calc(100% - 98px);}
	.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap {margin-left:8px; width:90px; height:38px;}
	.cosmosfarm-members-form .my-row-wrapper > div .add-buttons-wrap button {line-height:38px; border-radius:5px;}
	
	.cosmosfarm-members-form .email_wrap {align-items:flex-end; flex-wrap:wrap;}
	.cosmosfarm-members-form .email_wrap .email_line.head {display:block; width:33.33%;}
	.cosmosfarm-members-form .email_wrap .email_line.head label {display:block; width:100%;}
	.cosmosfarm-members-form .email_wrap .email_line.head input {width:100%;}
	.cosmosfarm-members-form .email_wrap .email_line.foot {margin:0; width:66.67%;}
	.cosmosfarm-members-form .email_wrap .email_line.foot label {width:29px;}
	.cosmosfarm-members-form .email_wrap .email_line.foot > div {width:calc(100% - 29px);}
	.cosmosfarm-members-form .email_wrap .email_line.foot > div input {width:100%;}
	.cosmosfarm-members-form .email_wrap .email_line.domain {display:block; width:100%; margin:8px 0 0 0; text-align:right;}
	.cosmosfarm-members-form .email_wrap .email_line.domain > div {display:inline-block; width:calc(66.67% - 29px);}

	.cosmosfarm-members-form .my-row-wrapper.email_chk {display:inline-block; transform:translateY(-34px);}
	.cosmosfarm-members-form .my-row-wrapper.email_chk .div_checkbox {padding-left:0;}

	.cosmosfarm-members-form .policy_chk {margin-top:24px;}
	.cosmosfarm-members-form .policy_chk .div_checkbox.agree .policy_content {max-height:191px; font-size:10px; padding:18px;}
	.cosmosfarm-members-form .policy_chk .div_checkbox.agree .policy_content p {margin:14px 0;}
	.cosmosfarm-members-form .policy_chk .div_checkbox.agree label {margin-top:16px;}
	.cosmosfarm-members-form .policy_chk label input[type="checkbox"] {width:22px; height:22px;}

	.cosmosfarm-members-form .button_div input[type=submit] {max-width:303px; width:calc(100% - 8px);}

	/* 비밀번호 변경 */
	.cosmosfarm-members-form.pwdchange-form.wrap_join select,
	.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=text],
	.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=email],
	.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=date],
	.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=url],
	.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=number],
	.cosmosfarm-members-form.pwdchange-form.wrap_join input[type=password] {width:100%;}
	.cosmosfarm-members-form.pwdchange-form.wrap_join .button_div {margin-top:32px;}
}

@media screen and (max-width: 640px) {
	.cosmosfarm-members-form { width: 100% !important; }
	.cosmosfarm-members-form .form-top { border: 0; }
	.cosmosfarm-members-form .form-top .form-top-wrap {padding:0 0 10px; }
	.cosmosfarm-members-form .form-top .form-top-wrap .form-top-fields { width: 100%; }
	.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row {margin-bottom:10px;}
	.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row label { padding: 0 0 5px 0; font-size:13px; line-height:1.2; height:auto;}
	.cosmosfarm-members-form .form-top .form-top-wrap .form-input-row input { margin:0; width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; }
	.cosmosfarm-members-form .form-top .form-top-wrap .form-checkbox-row { padding-left: 0; }
	.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button { padding: 0; margin-top:20px; width: 100%; }
	.cosmosfarm-members-form .form-top .form-top-wrap .form-top-button .login-button { width: 100%; height:50px; line-height:50px;}
	.cosmosfarm-members-form .form-bottom { border: 0; }
	.cosmosfarm-members-form .cosmosfarm-social-login { padding-bottom: 20px; }
	.cosmosfarm-members-form .form-bottom {padding:0; background:transparent;}
	.cosmosfarm-members-form .form-bottom .form-link {display:flex; align-items:center; justify-content:space-between;}
	.cosmosfarm-members-form .form-bottom .form-link .form-link-item {width:calc(50% - 5px);}
	.cosmosfarm-members-form .form-bottom .form-link .form-link-item .form-button { margin:0; width:100%; height:45px; line-height:45px; font-size:12px;}
	.cosmosfarm-members-form .members-link li { width: 100% !important; }
	
	.cosmosfarm-members-form .profile-header {margin-bottom:20px;}
	.cosmosfarm-members-form .profile-header .display-name {font-size:25px;}
	.cosmosfarm-members-form .profile-header .display-name:after {font-size:12px;}
	.cosmosfarm-members-form .members-link li {height:40px; line-height:40px;}
	.cosmosfarm-members-form .members-link li a {font-size:12px;}
	.cosmosfarm-members-form .members-link li + li {margin-top:5px;]
}

@media screen and (max-width: 480px) {
	.wrap_member_join h3 {font-size:24px;}
}