/* BASIC css start */
.wib-login {padding:0 15px 40px;}
.wib-login > h3 {font-size:26px; font-weight:400; line-height:1; letter-spacing:0.05em; color:#2c2c2c; text-align:center; padding-bottom:25px; }
.wib-login .tab {display:flex; }
.wib-login .tab li {width:50%; line-height:1;}
.wib-login .tab li a {padding-bottom:18px; display:block; width:100%; height:auto; font-size:14px; letter-spacing:-0.03em; line-height:1; font-weight:350; color:#505050; text-align:center; border-bottom:1px solid #e5e5e5;}
.wib-login .tab li a.act {font-weight:500; color:#2c2c2c; position:relative; }
.wib-login .tab li a.act::before {content:''; display:block; width:100%; height:2px; background:#2c2c2c; position:absolute; bottom:0; left:0; }

.wib-login .tab_con {margin-top:30px;}
.wib-login .member {margin:0; padding:0;}
.wib-login .loginInput input {width:100%; height:50px; border-color:#e5e5e5; padding:0 15px; text-indent:0; margin-bottom:8px;}
.wib-login .loginInput input:placeholder {font-size:14px; font-weight:400; color:#838383; letter-spacing:-0.03em; }
.wib-login .loginCheck {padding-top:2px; }
.wib-login .loginCheck p {display:inline-block; margin-right:20px; position:relative; line-height:18px;}
.wib-login .loginCheck p input {position:absolute; top:3px; left:0; }
.wib-login .loginCheck p label {font-size:14px; font-weight:400; color:#2c2c2c; letter-spacing:-0.03em; line-height:1; padding: 2px 0 1px 25px;}

.wib-login .loginbtns {padding-top:30px;}
.wib-login .loginbtns > a {display:block; width:calc(100% - 2px); margin-bottom:10px;  height:50px; border-radius:5px; line-height:50px; border:1px solid #505050; background:#fff; text-align:center; font-size:15px; font-weight:700; letter-spacing:-0.05em; }
.wib-login .loginbtns > a:first-child {background:#505050; color:#fff; }
.wib-login .loginbtns span {display:block; margin:20px auto 0; width:100%; text-align:Center; }
.wib-login .loginbtns span a {display:inline-block; font-size:12px; font-weight:500; color:#2c2c2c; letter-spacing:-0.05em; line-height:1; }

.wib-login .sns-login {margin:40px 0 60px; }
.wib-login .sns-login .kakaotalk {padding:43px 0 40px; position:relative;}
.wib-login .sns-login .kakaotalk p {animation: bounce .3s ease infinite alternate; animation-delay: .7s; position:absolute; top:0; left:50%; margin-left:-103.5px; display:block; z-index:10; width:207px; height:32px; background:#fff; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1); border:1px solid #e5e5e5; border-radius:16px; text-align:Center; color:#505050; line-height:32px; font-size:12px; font-weighT:500; letter-spacing:-0.05em; }
.wib-login .sns-login .kakaotalk p::after { content:''; display:block; width:12px; height:12px; background:url('/design/hanstyle/wib/2022wib/img/mo/kakao_mal.svg') no-repeat center center; position:absolute; top:30px; left:50%; margin-left:-6px; z-index:15;}


@keyframes bounce {
  100% {
    top: -20px;
    
  }
}


.wib-login .sns-login .kakaotalk a {width:100%; height:50px; background:#FFE812; display:block; text-align:center; color:#0a0909; font-size:13px; font-weight:500; border-radius:3px; letter-spacing:-0.03em; line-height:50px;  }
.wib-login .sns-login .kakaotalk a img {display:inline-block; vertical-align:middle; padding-right:10px; }
.wib-login .sns-login > p {font-size: 14px; font-weight:500; line-height:1; text-align:center; letter-spacing:-0.03em; color:#2c2c2c; position:relative; margin-bottom:20px; }
.wib-login .sns-login > p::before {content:''; display:block; width:114px; height:1px; background:#e5e5e5; position:Absolute; top:50%; left:0; }
.wib-login .sns-login > p::after {content:''; display:block; width:114px; height:1px; background:#e5e5e5; position:Absolute; top:50%; right:0; }
.wib-login .sns-login ul li {padding:0; border:0; line-height:1; height:auto; border-radius:0; }
.wib-login .sns-login ul li a {border:0; font-size:14px; font-weight:400; line-heighT:50px; letter-spacing:-0.03em; padding:0; text-align:Center; }
.wib-login .sns-login ul li a img {display:inline-block; vertical-align:middle; padding-right:10px; margin-top:-3px;}
.wib-login .sns-login ul li.naver a {border:1px solid #2BB500; color:#2BB500;}
.wib-login .sns-login ul li.facebook a {border:1px solid #1877F2; color:#1877F2;}
.wib-login .sns-login ul li.apple a {border:1px solid #2c2c2c; color:#2c2c2c;}
.wib-login .sns-login .snsinfo {text-align:left; margin:10px 0 60px; background:#f5f5f5; padding:20px 15px; font-size:12px; font-weight:400; color:#838383; letter-spacing:-0.05em; line-height:20px; }
.wib-login .sns-login .snsinfo::before, .wib-login .sns-login .snsinfo::after {display:none;}
.wib-login .hansmember > p {font-size: 18px; font-weight:700; line-height:1; text-align:center; letter-spacing:-0.03em; color:#2c2c2c; position:relative; margin-bottom:20px; }
.wib-login .hansmember > p::before {content:''; display:block; width:63px; height:1px; background:#e5e5e5; position:Absolute; top:50%; left:0; }
.wib-login .hansmember > p::after {content:''; display:block; width:63px; height:1px; background:#e5e5e5; position:Absolute; top:50%; right:0; }
.wib-login .hansmember ul li {width:100%; display:flex; justify-content:center; padding:20px 0; border-bottom:1px dashed #B8B8B8; position:relative; }
.wib-login .hansmember ul li::before {content:''; display:block; width:2px; height:105px; background:url('/design/hanstyle/wib/2022wib/img/mo/hansmem_border.svg') no-repeat center center ; position:absolute; top:50%; right:50%; transform:translate(-50%,-50%);}
.wib-login .hansmember ul li:last-child {border:0;}
.wib-login .hansmember ul li > div {width:50%; text-align:center; }
.wib-login .hansmember ul li > div img, .wib-login .hansmember ul li > div > p {display:block; margin: 0 auto;}
.wib-login .hansmember ul li > div img {margin-bottom:15px; }
.wib-login .hansmember ul li > div > p {height: 50px; display:table}
.wib-login .hansmember ul li > div > p > span {display:table-cell; vertical-align:middle; font-weight:400; font-size:12px; letter-spacing:-0.03em; color:#2c2c2c; line-height:20px; }
.wib-login .hansmember ul li > div > p > span span {font-weight:700; color:#50696F}























/* BASIC css end */