/* BASIC css start */
.page_tit_area h2.page_name {text-align:center; margin-bottom:5px !imoportant;}
.page_tit_area.bb{border-bottom:0 !important;}


#loginWrap {width:500px; margin:0 auto;}
img[alt="혜택배너"]{width: 500px; margin: 0 auto; display: none;}
img[alt="혜택배너"].on{display: block;}

.member{ width: 400px; margin: 0 auto; display:none;}
.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; }
.member-login li:first-child { margin-top:25px; }
.member-login li a{ width: 100%; display: inline-flex; align-items: center; justify-content: center; 
height: 54px; line-height: 54px;
border-radius:5px; font-size:16px; font-weight:400;}


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

.member-login li.kakaotalk { position: relative; background-color:#F9DF4A;}
.member-login li.kakaotalk a { color:#371D1E;}
.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;
}
.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;}
.sns-login li a{ display: inline-flex; align-items: center; justify-content: center;  height: 54px; line-height: 54px;
    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; background-color:#ffffff; border: 1px solid #D4D4D4;}
.member-login li.naver a { color:#000; }
.member-login li.naver img { width: 20px; 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; background-color:#ffffff; border: 1px solid #D4D4D4;}
.member-login li.apple a { color:#000; }
.member-login li.apple img { width: 20px; 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 a { color:#000; }
.sns-login li.apple img { margin-top: -3px;}
*/

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


.security label { text-align:left; color: #484848; font-size:14px; margin: 0 18px 0 0; }
.security label input[type="checkbox"]{margin: 0 3px 3px 0;}



.basicLoginSect{width:400px; margin: 0 auto; 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; padding: 0 15px; box-sizing: border-box;
}


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







/* BASIC css end */

