@charset "utf-8";

/* membership */
#content > .row-w{ margin-bottom: 40px;}
section h2{line-height:1.4;}
section.logo{border-bottom: 0px;padding-bottom: 16px;padding-bottom: 1rem;text-align:center;margin-top:4rem;}
section.logo h1 img{width:/*220p*/180px;margin-left: -17px;}


section.membership{width:100%;max-width:400px;margin: auto;}
.input-wrap{width:100%;margin-top:40px;}
.input-wrap-inner{width:100%;overflow:hidden;margin-top:10px;position:relative;}


.membership .margin-top-34{margin-top:34px;}

.membership #goMember{width:100%;text-align:center;}
.membership #goMember ul {display:inline-block;width:auto;}
.membership #goMember ul li {float:left;}
.membership #goMember ul li:before{content:'|';display:inline;padding:0 4px 0 4px;font-size:14px;color:#dbdbdb;}
.membership #goMember ul li:first-child:before{display:none;}
.membership #goMember ul li a{display:inline-block; width:auto;padding:0 4px;color:#000;font-weight:normal;font-size:14px;background:none;}
.membership #goMember ul li a:hover{color:#f39a00;text-decoration:underline;}
/* signup */
.membership .label-tit{color:#808080;font-size:14px;text-indent:13px;margin-right:13px;}
.membership .label-radio{color:#808080;font-size:14px;text-indent:13px;margin-right:13px;float:right;}
.membership .label-term{display:inline-block; text-indent:0px; margin-right:13px; padding-left:25px; color:#808080;font-size:12px;line-height:1.4;}
.membership .label-term .term-link, .membership .label-term .term-link:visited{letter-spacing:-0.5px;color:#000;display:inline;width:auto;height:0;font-size:12px;margin:0;padding:0;line-height:20px;background:none;text-decoration:underline;}
.membership .label-term .term-link:hover, .membership .label-term .term-link:active{letter-spacing:-0.5px;color:#f39a00;display:inline;width:auto;height:0;font-size:12px;margin:0;padding:0;line-height:20px;}

.membership select{padding-top:13px;padding-bottom:13px;border-radius:3px;/* box-shadow:0 0 3px rgba(0,0,0,0.3);*/border:solid 1px #dadada;}
.membership input{border-radius:3px;/* box-shadow:0 0 3px rgba(0,0,0,0.3); */border:solid 1px #dadada;}
.membership input[type="phone"], .membership input[type="text"], .membership input[type="password"], .membership input[type="email"],
.membership input[type="phone"], .membership input[type="number"]{box-sizing:border-box;padding-left:12px;padding-bottom:13px;padding-top:13px;font-size:14px;/* mac */line-height:1rem;/* mac */}

.membership input[type="radio"]{position:relative;width:16px;height:16px;border-radius:8px;margin-top:0px;padding:0;border:1px solid #9c9c9c;background:transparent;vertical-align:middle;}
.membership input[type="radio"]:checked::after{content:'';position:absolute;display:inline-block;width:8px;height:8px;border-radius:4px;left:3px;top:3px;background:#808080;}
.membership input[type="checkbox"]{margin-left:-20px; width:16px;height:16px;padding:3px 0 0 0;color:#fff;vertical-align:middle;background: #fafafa/* #4c4c4c */;border:1px solid #9c9c9c !important;}
.membership input[type="checkbox"]:checked{width:16px;height:16px;padding:3px 0 0 0;color:#fff;vertical-align:middle;background:#4c4c4c;border:1px solid #9c9c9c !important;}
.membership input[type="checkbox"]:checked:after{content:'';box-sizing:border-box;display:inline-block;border-radius:3px;border:1px solid #4c4c4c !important;width:16px;height:16px;margin-right:24px;left:-1px;top:-1px;background:#4c4c4c url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/blit-check.png) -1px -1px  no-repeat; background-size:16px;}

/*placeholder*/
.membership ::placeholder,
.membership ::-webkit-input-placeholder,
.membership ::-moz-placeholder, /* Firefox 19+ */
.membership :-moz-placeholder, /* Firefox 18- */
.membership :-ms-input-placeholder,/* IE 10+ */
.membership ::-ms-input-placeholder,
.membership textarea::-webkit-input-placeholder,
.membership textarea::-moz-placeholder, /* Firefox 19+ */
.membership textarea:-moz-placeholder,/* Firefox 18- */
.membership textarea:-ms-input-placeholder{color:#808080 !important;text-align:left;font-size:14px;}


.membership a, .membership a:visited {display:inline-block;border-radius:3px;width:80px;height:48px;line-height:48px;font-size:14px;text-align:center;color:#fff;background:#4c4c4c;text-decoration:none;}
.membership a:hover, .membership a:active {display:inline-block;border-radius:3px;width:80px;height:48px;line-height:48px;font-size:14px;text-align:center;color:#fff;background:#f39a00;text-decoration:none;}
.membership a.alert-link, .membership a.alert-link:visited { display: inline; width: auto;height: inherit;line-height: 1.4;border: none;background: none;color: #000;font-size: inherit; text-decoration:underline; text-align:left;}
.membership a.alert-link:hover, .membership a.alert-link:focus{ display: inline; width: auto;height: inherit;line-height: 1.4;border: none;background: none;color: #4F8FF5;font-size: inherit; text-decoration:underline; text-align:left;}

.membership .input-wrap{position:relative;margin-top:3px;}
.membership .input-alert{display:none; position:relative;
    box-sizing: border-box;
    width:100%;
    max-width:400px;
    border-radius:5px;
    margin-top: 4px;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    text-align:left;
    color: #808080;
    padding: 1.25rem 1.25rem 1.25rem;
    border: 10px solid #cbcbcb;
}
.input-alert .icon.error{
    display: inline-block;
    margin-right:4px;
    width: 13px;
    height: 14px;
    vertical-align: middle;
    background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/icon-exclaim.png) -13px -13px no-repeat;
}
.input-alert .icon.gdpr{
    display: inline-block;
    margin-right:4px;
    width: 13px;
    height: 14px;
    vertical-align: middle;
    background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/icon-gdpr.png) -13px -13px no-repeat;
}
.membership .input-alert.show{display:block;}
.membership .input-alert.alert-term{display:inline-block;margin-top:4px;width:auto;font-size:12px;color:#ed770e;text-align:right;float:right;}
.membership .input-first-name{width:calc(100% - 150px);float:left;}
.membership .input-last-name{width:140px;float:right;}
.membership .input-alert .alert-close{display: inline-block;width:13px; height:13px; position:absolute; bottom: 10px; right:10px;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/icon-close.png) center no-repeat;}
.membership .input-alert .alert-close:hover{background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/icon-close-hover.png) center no-repeat;}

.membership .country-num{width:100%;width:72px;height:46px;line-height:46px;padding:0 0 0 8px;font-size:14px;float:left;-moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;}
.membership .input-phone{margin-left:8px;width:100% ;float:left;font-size:16px;}
.membership .btn-certi {float:right;}


.membership .input-certi-num{margin-right:8px;width:calc(100% - 88px);float:left;font-size:16px;}
.membership .btn-certi-confirm {float:right;}

.membership .line{display:block;height:4px;width:100%;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/member-bar.png) 0 0 repeat;}
.membership .captcha-style{margin:0 auto;}

.membership .input-agree-term{float:left;}
.membership .input-agree-privacy{float:left;}

/* 내 정보 */
section.myinfo{max-width:600px;min-width:400px;margin-left: auto;margin-right:auto;}
section:last-child.myinfo{margin-bottom:0;}
.inner-left{width:88px; float:left;}
.inner-right{width:calc(100% - 98px); float:right; text-align:left;}
.inner-right.gender{margin-top:18px;}
.input-label{display:inline-block;width:88px;height:52px;letter-spacing:-1px;line-height:52px;float:left;font-size:18px;font-size:1.125rem;font-weight:bold;color:#4f4f4f;}
.lh1-4{line-height:1.4}
.input-label + input{width:calc(100% - 98px);float:right;}
.myinfo .label-tit{color:#808080;font-size:16px;margin-right:13px;float:left;}
.myinfo .label-radio{color:#808080;font-size:16px;margin-right:13px;float:left;}
.myinfo .label-term{color: #808080;font-size: 14px;margin-left:7px;line-height: 1.2;vertical-align: top;}

.myinfo select{padding-top:13px;padding-bottom:13px;border-radius:3px;/* box-shadow:0 0 3px rgba(0,0,0,0.3);*/border:solid 1px #dadada;}
.myinfo input{border-radius:3px;/* box-shadow:0 0 3px rgba(0,0,0,0.3); */border:solid 1px #dadada;}
.myinfo input[type="phone"], .myinfo input[type="text"], .myinfo input[type="password"], .myinfo input[type="email"],
.myinfo input[type="phone"], .myinfo input[type="number"]{box-sizing:border-box;padding-left:12px;padding-bottom:15px;padding-top:15px;font-size:14px;/* mac */line-height:1rem;/* mac */}

.myinfo input[type="radio"]{position:relative;width:16px;height:16px;border-radius:8px;margin-top:-4px;padding:0;border:1px solid #9c9c9c;background:transparent;vertical-align:middle;}
.myinfo input[type="radio"]:checked::after{content:'';position:absolute;display:inline-block;width:8px;height:8px;border-radius:4px;left:3px;top:3px;background:#808080;}
.myinfo input[type="checkbox"]{width:16px;height:16px;padding:3px 0 0 0;color:#fff;vertical-align:middle;background:#4c4c4c;border:1px solid #9c9c9c !important;}
.myinfo input[type="checkbox"]:checked{width:16px;height:16px;padding:3px 0 0 0;color:#fff;vertical-align:middle;background:#4c4c4c;border:1px solid #9c9c9c !important;}
.myinfo input[type="checkbox"]:checked:after{content:'';box-sizing:border-box;display:inline-block;border-radius:3px;border:1px solid #4c4c4c !important;width:20px;height:20px;margin-right:24px;left:-1px;top:-1px;background:#4c4c4c url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/blit-check.png) 0-2px no-repeat;}


/*placeholder*/
.myinfo ::placeholder,
.myinfo ::-webkit-input-placeholder,
.myinfo ::-moz-placeholder, /* Firefox 19+ */
.myinfo :-moz-placeholder, /* Firefox 18- */
.myinfo :-ms-input-placeholder,/* IE 10+ */
.myinfo ::-ms-input-placeholder,
.myinfo textarea::-webkit-input-placeholder,
.myinfo textarea::-moz-placeholder, /* Firefox 19+ */
.myinfo textarea:-moz-placeholder,/* Firefox 18- */
.myinfo textarea:-ms-input-placeholder{color:#808080 !important;text-align:left;font-size:14px;}


.myinfo a, .myinfo a:visited {display:inline-block;border-radius:3px;width:80px;height:50px;line-height:50px;font-size:14px;text-align:center;color:#fff;background:#4c4c4c;text-decoration:none;}
.myinfo a:hover, .myinfo a:active {display:inline-block;border-radius:3px;width:80px;height:50px;line-height:50px;font-size:14px;text-align:center;color:#fff;background:#f39a00;text-decoration:none;}
.myinfo .input-wrap{position:relative;margin-top:3px;}
.myinfo .input-alert{display:block;margin-top:4px;width:100%;font-weight:normal;font-size:12px;color:#ed770e;text-align:right;}
.myinfo .input-alert-2{box-sizing:border-box;display:block;margin-top:4px;width:calc(100% - 100px);margin-left:100px;font-weight:normal;font-size:12px;line-height:1;color:#ed770e;text-align:left;
    padding: 1.625rem 1.25rem 1.25rem;
    border: 10px solid #cbcbcb;
}

.myinfo .input-alert.email{
    padding-top:5px;margin-bottom:10px;
}
.myinfo .vsmall{float:left; width:auto; margin:0; }
.myinfo .vsmall a{display:inline-block; vertical-align:bottom; width: auto; padding-left:0.5rem; padding-right:0.5rem; height: 20px;line-height:20px; font-size:12px;
    background:#3bc37e;
}
.myinfo .input-alert.email .fa,
.myinfo .input-alert.email .text{margin-top:4px;}


/* 마이인포 : 미인증시 얼럿: 리센드 메일 */
.myinfo .input-alert-2 .wrap-btn{display: block;margin-top: 20px;text-align: center;}
.myinfo .input-alert-2 .fa{display:inline-block;float:left;margin-right:8px;vertical-align:middle;font-size:32px;width:32px;height:32px;}
.myinfo .input-alert-2 .txt{display:inline-block;vertical-align:middle;width:calc(100% - 40px);font-weight:normal;font-size:12px;line-height:1.4;color:#ed770e;text-align:left;}
.input-alert-2 .alert-ph{line-height:1.4;}
.myinfo .input-alert.alert-term{display:inline-block;margin-top:4px;width:auto;font-size:12px;color:#ed770e;text-align:right;float:right;}
.myinfo .input-first-name{width:calc(100% - 150px);float:left;}
.myinfo .input-last-name{width:140px;float:right;}

.myinfo .country-num{width:100%;width:72px;height:46px;line-height:46px;padding:0 0 0 8px;font-size:14px;float:left;-moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;}
.myinfo .input-phone{margin-left:8px;width:100% ;float:left;font-size:16px;}
.myinfo .btn-certi {float:right;}


.myinfo .input-certi-num{margin-right:8px;width:calc(100% - 88px);float:left;font-size:16px;}
.myinfo .btn-certi-confrim{float:right;}
.myinfo .line{display:block;height:4px;width:100%;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/member-bar.png) center 0 repeat;}
.myinfo .captcha-style{margin:0 auto;}

.myinfo .input-agree-term{float:left;}
.myinfo .input-agree-privacy{float:left;}

.myinfo a.btn-leave{margin-top:10px;width:auto;height:auto;line-height:inherit;}
.myinfo a.btn-leave, .myinfo a.btn-leave:visited{background:none;color:#4c4c4c;}
.myinfo a.btn-leave:hover, .myinfo a.btn-leave:active{color:#f39a00;}
/* 아이디 찾기 / 비번 찾기  */
.find-sec-tit{padding-bottom:0;}
.find-id-pw{margin-top:0;}

.find-tit{margin:0 auto;width:100%;font-size:35px;font-size:2.1875rem;color:#f39a00;text-indent: -17px;padding-left: 35px;}
.find-tit .fa.fa-desktop{font-size:35px;font-size:2.1875rem;color:#f39a00;}

.find-subtit{margin:18px auto;width:100%;font-size:16px;font-weight:normal;color:#4c4c4c;}


.find-id-pw .label-tit{color:#808080;font-size:16px;text-indent:13px;margin-right:13px;
    display: block;width: 100%;padding-left: 10px;padding-top: 9px;padding-bottom:2px;box-sizing: border-box;}
.find-id-pw .label-radio{color:#808080;font-size:16px;text-indent:13px;margin-right:13px;float:right;}
.find-id-pw .label-radio.f-none{float:none;}
.find-id-pw .label-term{color:#808080;font-size:16px;text-indent:13px;margin-right:13px;line-height:20px;}

.find-id-pw select{padding-top:13px;padding-bottom:13px;border-radius:3px;/* box-shadow:0 0 3px rgba(0,0,0,0.3);*/border:solid 1px #dadada;}
.find-id-pw input{border-radius:3px;/* box-shadow:0 0 3px rgba(0,0,0,0.3); */border:solid 1px #dadada;}
.find-id-pw input[type="phone"], .find-id-pw input[type="text"], .find-id-pw input[type="password"], .find-id-pw input[type="email"],
.find-id-pw input[type="phone"], .find-id-pw input[type="number"]{padding-left: 12px;padding-bottom: 13px;padding-top: 13px;font-size: 14px;box-sizing:border-box;/* mac */line-height:1rem;/* mac */}

.find-id-pw input[type="radio"]{position:relative;width:16px;height:16px;border-radius:8px;margin-top:0px;padding:0;border:1px solid #9c9c9c;background:transparent;vertical-align:middle;}
.find-id-pw input[type="radio"]:checked::after{content:'';position:absolute;display:inline-block;width:8px;height:8px;border-radius:4px;left:3px;top:3px;background:#808080;}
.find-id-pw input[type="checkbox"]{width:20px;height:20px;padding:3px 0 0 0;color:#fff;vertical-align:middle;background:#4c4c4c;border:1px solid #9c9c9c !important;}
.find-id-pw input[type="checkbox"]:checked{width:20px;height:20px;padding:3px 0 0 0;color:#fff;vertical-align:middle;background:#4c4c4c;border:1px solid #9c9c9c !important;}
.find-id-pw input[type="checkbox"]:checked:after{content:'';box-sizing:border-box;display:inline-block;border-radius:3px;border:1px solid #4c4c4c !important;width:20px;height:20px;margin-right:24px;left:-1px;top:-1px;background:#4c4c4c url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/blit-check.png) 0-2px no-repeat;}

/*
.find-id-pw input ::placeholder,
.find-id-pw input :-ms-input-placeholder,
.find-id-pw input ::-ms-input-placeholder,
.find-id-pw input ::-moz-input-placeholder, .find-id-pw input ::-moz-textarea-placeholder,
.find-id-pw input ::-webkit-input-placeholder, .find-id-pw ::-webkit-textarea-placeholder{color:#808080 !important;text-align:left;font-size:14px;}
*/
/*placeholder*/
.find-id-pw ::placeholder,
.find-id-pw ::-webkit-input-placeholder,
.find-id-pw ::-moz-placeholder, /* Firefox 19+ */
.find-id-pw :-moz-placeholder, /* Firefox 18- */
.find-id-pw :-ms-input-placeholder,/* IE 10+ */
.find-id-pw ::-ms-input-placeholder,
.find-id-pw textarea::-webkit-input-placeholder,
.find-id-pw textarea::-moz-placeholder, /* Firefox 19+ */
.find-id-pw textarea:-moz-placeholder,/* Firefox 18- */
.find-id-pw textarea:-ms-input-placeholder{color:#808080 !important;text-align:left;font-size:14px;}

.find-id-pw a, .find-id-pw a:visited {display:inline-block;margin:0;padding:0;border-radius:3px;width:80px;height:48px;line-height:48px;font-size:14px;text-align:center;color:#fff;background:#4c4c4c;text-decoration:none;}
.find-id-pw a:hover, .find-id-pw a:active {display:inline-block;margin:0;padding:0;border-radius:3px;width:80px;height:48px;line-height:48px;font-size:14px;text-align:center;color:#fff;background:#f39a00;text-decoration:none;}
.find-id-pw .input-wrap{position:relative;margin-top:3px;}
.find-id-pw .input-alert{display:block;margin-top:4px;width:100%;font-weight:normal;font-size:12px;color:#ed770e;text-align:right;}
.find-id-pw .input-alert.alert-term{display:inline-block;margin-top:4px;width:auto;font-size:12px;color:#ed770e;text-align:right;float:right;}
.find-id-pw .input-first-name{width:calc(100% - 150px);float:left;}
.find-id-pw .input-last-name{width:140px;float:right;}

.find-id-pw .country-num{width:100%;width:72px;height:46px;line-height:46px;padding:0 0 0 8px;font-size:14px;float:left;-moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;}
.find-id-pw .input-phone{margin-left:8px;width:100% ;float:left;font-size:16px;}
.find-id-pw .btn-certi {float:right;}


.find-id-pw .input-certi-num{margin-right:8px;width:calc(100% - 88px);float:left;font-size:16px;}
.find-id-pw .btn-certi-confirm {float:right;}


/*탈퇴 - 비밀번호 확인*/
section h2 strong{font-weight:bold;margin-left:10px;}

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

}
@media screen and (max-width: 1024px) {
    #content{padding-bottom: 60px !important;}
}