/* BASIC css start */
/* 로그인 210205 R */
#SMS_login_warp #contents { padding:0 20px; background:#fff; margin-bottom:65px;}
.login_back_btn{content:''; position:absolute; display:inline-block; width:10px; height:10px; border-left:1px solid #000; border-bottom:1px solid #000; top:50%; left:0; transform:rotate(45deg) translateY(-50%);}

#SMS_login_warp .h_title { background:#fff; color:#000; margin-top:20px; border:none;}
#SMS_login_warp .h_title h3 { position:relative; font-weight: 400;}
#SMS_login_warp .member { width:100%; padding:20px 0px 0; display:none;}

#SMS_login_warp .member.on{ display:block;}

.member-login { margin:20px 0 13px;}
.basicLoginSect .member-login{ margin:38px 0 13px; }
.member-login li {text-align:center; margin-top:10px; border-radius:5px; height:54px; line-height: 52px;}
.member-login li:first-child { margin-top:25px; }
.member-login li a{ display: inline-block; width: 100%; border-radius:5px; font-size:16px; font-weight:400;}


.member-login li.basic_login{ border: 1px solid #D4D4D4; }

.member-login li.kakaotalk { position: relative;}
.member-login li.kakaotalk a { background-color:#F9DF4A; color:#371D1E; display: flex; align-items: center; justify-content: center;}
.member-login li.kakaotalk a span { display:block;  }
.member-login li.kakaotalk a img{ width: 20px; margin-right: 7px;}
.member-login li.kakaotalk > p.bubble{ position: absolute; left: 50%; bottom: 79%; transform: translateX(-50%); display: inline-block; 
 animation: rimotion .6s infinite alternate; line-height: 1;
}
.member-login li.kakaotalk > p.bubble span{ position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%); white-space: nowrap; font-size: 14px;}

@keyframes rimotion {
	0% {bottom: 79%;}
	100% {bottom: 86%;}
}



.text_wrap{ display: flex; align-items: center; justify-content: center; font-size: 12px; margin-top: 12px; }
.text_wrap li a{ padding: 0 9px;color: #484848; position: relative;}
.text_wrap li a::after{ display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 10px; width: 1px; background: #484848;}
.text_wrap li:first-child a::after{display:none;}

.split{ display:block; color: #808080; font-size: 14px; text-align: center; width: 100%; margin: 40px 0 12px;}

.sns-login{ display: flex; justify-content: space-between;}
.sns-login li{ width: 49%; margin-top: 0; text-align: center; border:solid 1px #D4D4D4; border-radius:5px; height: 54px; line-height: 52px;}
.sns-login li a{ display: inline-flex; align-items: center; justify-content: center; width: 100%; border-radius:5px; font-size:16px; font-weight:400;}
.sns-login li a span{ display:block;}
.sns-login li a img{ width: 18px;  margin-right: 7px;}

.member-login li.naver { position: relative; border: 1px solid #D4D4D4;}
.member-login li.naver a { background-color:#fff; color:#371D1E; display: flex; align-items: center; justify-content: center;}
.member-login li.naver a span { display:block;  }
.member-login li.naver a img{ width: 18px; margin-right: 7px; filter:invert(32%) sepia(69%) saturate(3968%) hue-rotate(105deg) brightness(99%) contrast(98%); margin-top: -2px;}

.member-login li.apple { position: relative; border: 1px solid #D4D4D4;}
.member-login li.apple a { background-color:#fff; color:#371D1E; display: flex; align-items: center; justify-content: center;}
.member-login li.apple a span { display:block; }
.member-login li.apple a img{ width: 18px; margin-right: 7px; margin-top: -3px;}
/*
.sns-login li.naver { background-color:#fff;}
.sns-login li.naver a { color:#000; }
.sns-login li.naver img {filter:invert(32%) sepia(69%) saturate(3968%) hue-rotate(105deg) brightness(99%) contrast(98%);margin-top: -2px;}

.sns-login li.apple { background-color:#ffffff;}
.sns-login li.apple img { margin-top: -3px;}

.sns-login li.facebook { background-color:#3b5998;}
.sns-login li.facebook span {}
*/


#SMS_login_warp .login .loginCheck label { text-align:left; width:90px;}
#SMS_login_warp .login .loginCheck label:last-child { text-align:right; float:right;}
#SMS_login_warp #container .login .loginCheck label input[type="checkbox"]{ margin-right: 4px;}



.basicLoginSect{width:100%; padding:20px 0px 0; display:none;}
.basicLoginSect.on{display:block;}
.basicLoginSect .loginTxtbox .loginInput input{width:100%; height:48px !important; margin-bottom:8px !important; font-size:16px; border-radius:5px !important; border: 1px solid #e3e3e3 !important;}


.member-login-btn{ }
.member-login-btn a{display: inline-block; width: 100%; padding: 17px 0; border-radius:5px; font-size:16px; font-weight:400; text-align: center; background: #d9d9d9; margin-top: 32px;}







/* BASIC css end */