@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */
.cosmosfarm-members-form {width:400px; margin:40px auto 60px;}
.cosmosfarm-members-form > h3 {margin-bottom:24px; text-align:center; font-size:36px; font-weight:700;}
.cosmosfarm-members-form legend {display:none;}

.cosmosfarm-members-form.loginfailed {margin:0 auto;}
.cosmosfarm-members-form.loginfailed .message {}

.sitero_member fieldset label {display:block; margin-top:32px; margin-bottom:8px; font-size:17px; font-weight:700;}
.sitero_member fieldset label:first-of-type {margin-top:0;}
.sitero_member input {width:100%; height:54px; background:#f8f8f8; border-color:#eee; border-radius:4px;}
.sitero_member input:focus {background:#fff;}
.sitero_member input[type="url"] {padding:0 16px; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif;}
.sitero_member input[type="submit"] {display:block; width:100%; height:56px; margin-top:24px; color:#fff; font-weight:500; border-radius:4px; background:#674FDC;}
.sitero_member .req {color:red; margin-left:4px; font-size:15px;}
.sitero_member .req-text {display:none;}
.sitero_member.signup-form input[type="submit"] {margin-top:48px;}

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

.inp_wrap li + li {margin-top:8px;}
.inp_wrap li input {width:100%; height:54px; background:#f8f8f8; border-color:#eee;}
.inp_wrap li input:focus {background:#fff;}

.btn_wrap .option {display:flex; justify-content:space-between; margin:24px 0;}
.btn_wrap .option .inp_chk {display:block;}
.btn_wrap .option .find {display:flex;}
.btn_wrap .option .find a {display:block; position:relative;}
.btn_wrap .option .find a + a {margin-left:25px;}
.btn_wrap .option .find a + a:before {content:''; position:absolute; z-index:1; left:-12px; top:3px; width:1px; height:16px; background:#ddd;}
.btn_wrap .confirm {display:block; width:100%; height:56px; color:#fff; font-weight:500; border-radius:4px; background:#674FDC;}

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


@media screen and (max-width: 600px) {

}