

.memberPage {width:100%; height:100vh; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7f7;; position:relative;}
.memberPage .inner {width:370px; background-color:#ffffff; box-shadow:3px 5px 30px rgba(0, 0, 0, 0.5); border-radius:20px; padding:95px 60px 50px 60px; text-align:center; position:relative;}
.memberPage .inner::after {content:''; width:120px; height:29px; background-image:url(../../_images/mypage/member_page_logo02.png); position:absolute; right:0; bottom:-55px}
.memberPage .inner .topLogo {width:110px; position:absolute; top:-55px; left:50%; transform:translateX(-50%);}
.memberPage .tit {font-size:21px; font-weight:500; color:#000; margin-bottom:10px;}
.memberPage .txt {font-size:16px; font-weight:300; color:#000; opacity:0.5;}
.memberPage .txt02 span, 
.memberPage .txt02 strong {font-size:16px; opacity:1; display:inline-block; color:#333; font-weight:300; opacity:0.7;}
.memberPage .txt02 strong {font-weight:500; color:#000; opacity:1;}
.memberPage .txt03 {font-size:31px; font-weight:700; color:#01a6c7;}

.memberPage .contentLogo {width:277px;}
.memberPage .formStyle {text-align:left; width:100%;}
.memberPage .formStyle li {width:100%;}
.memberPage .titArea p {font-size:13px; font-weight:500; color:#000;}
.memberPage .customInput input {width:100%; height:45px; font-size:20px; font-weight:500; color:#222; opacity:0.5; border-bottom:1px solid #a6b5c2; box-sizing:border-box;}
.memberPage .customInput input::placeholder {font-size:20px; font-weight:500; color:#222; opacity:0.5;}
.memberPage .customInput input:focus {outline:none; opacity:1; color:#666666; border-bottom:1px solid #01a6c7;}
.memberPage .check_wrap .txt {font-size:13px; font-weight:400; color:#000; opacity:1;}
.memberPage .findWrap a {font-size:13px; font-weight:300; color:#999999;}
.memberPage .findWrap a:hover {color:#000;}
.memberPage .subMitBtn01 {width:100%; height:60px; border-radius:30px; font-size:18px; font-weight:400; color:rgba(255,255,255,0.7); background-color:#07383f;}
.memberPage .subMitBtn01:hover {background-color:#01a6c7; color:#fff;}

.linkMove {position:absolute; top:-50px; left:0px; }
.linkMove a {display:flex; flex-direction:row; align-items:center;}
.linkMove img {width:8px; margin-right:8px; position:relative; top:0px;}
.linkMove a span {font-size:17px; font-weight:400; color:#666; line-height:1;}
.linkMove a .on {display:none;}
.linkMove a:hover span {color:#01a6c7;}
.linkMove a:hover .off {display:none;}
.linkMove a:hover .on {display:block;}

.linkMove02 {position:absolute; top:50px; left:50px;}
.linkMove02 a span {font-size:21px;}
.linkMove02 img {width:10px; margin-right:10px;}

/* 로그인 */
#login {background-image:url(../../_images/mypage/login_bg.png); background-size:cover; background-repeat:no-repeat; background-position:center; background-color:transparent;}
#login .inner::after {background-image:url(../../_images/mypage/member_page_logo.png);}
