/* BASIC css start */
/* 로그인 */
.login .caution {}
.login h2 { text-align:center; margin:60px auto 20px; }
.member { padding:0 20px; }
.login #keyboard { text-align:center; margin:0 auto;}
.login #keyboard p { text-align:right; margin-bottom:12px;}
.login #keyboard img {display:none; width:100%;}
.login .loginInput { margin-top:18px;}
.login .loginInput input { width:100%; display:block; margin-bottom:8px; height:46px; line-height:46px; border-radius:4px; font-size:14px; color:#9a9a9a; padding-left:20px; }
.login .loginCheck { display:flex; margin:24px 0;}
.login .loginCheck label {margin-right:10px;font-size:13px; color:#606060; font-weight:500; }
.login .loginCheck label input {vertical-align: middle;}
.login .loginCheck a { margin-left:auto; font-size:13px; color:#606060; font-weight:500; }

.login .loginMiddle a { display:block; font-size:15px; letter-spacing:0.4px; font-weight:500;  height:50px; line-height:50px; text-align:center;border-radius:4px; border:1px solid #642870; }
.login .loginMiddle .btn_login { margin:0 0 8px; background:#642870; color:#fff; }
.login .loginMiddle .btn_join { color:#642870; }
.login .loginBottom {background-color:#eaeaea; padding:18px 15px; margin-top:20px;}
.login .loginBottom h4 {background-color:#eaeaea; margin-bottom:5px; padding:0; font-weight:bold;}
.login .loginBottom a {font-size:1.167em;}
.login .loginBottom a.btn_Black {margin-top:16px;}
.login .loginBottom a.btn_Black:last-child {margin-top:10px;}
.login .loginBottom a.btn_White {margin-top:10px;}
.sns-login { position: relative; margin: 40px 0 0; text-align:center; }
.sns-login ul { font-size:0; }
.sns-login ul li { position: relative; display:inline-block; margin:0 10px; }
.sns-login ul li a { display: block; }

.log-small-banner { padding:0 20px; margin:30px 0; overflow:hidden; }
.log-small-banner .swiper-pagination-bullet-active { background:#222; }
.log-small-banner .swiper-slide img { width:100%; }


.log-banner { position:relative; overflow:hidden; }
.log-banner .swiper-num { width:48px; height:22px; color:#a6a6a6; font-weight:500; line-height:23px; background:#fff; z-index:10; border-radius:100px; position:absolute; left:auto; right:14px; bottom:16px; text-align:center; }
.log-banner .swiper-num .swiper-pagination-current { color:#222; }
.log-banner .swiper-slide img { width:100%; }

.benefitWrap { width: 100%; padding:60px 20px 40px; background: #f6f8fc; }
.benefitWrap h3 { font-size:22px; font-weight:bold; letter-spacing:-0.4px; margin-bottom:30px; text-align:center; }
.benefitWrap .benefitBox { }
.benefitWrap .benefitBox .section { display:flex; align-items: center; text-align:left; text-align:center; margin-bottom:10px; padding:10px; background-color:#fff; height:130px; box-shadow: 0 3px 8px rgba(0,0,0,0.15); border-radius:6px; }
.benefitWrap .benefitBox .section .normal { font-size:15px; letter-spacing:-0.32px; }
.benefitWrap .benefitBox .section .strong { font-size:20px; letter-spacing:-0.48px; font-weight:bold; color:#6e34a4; }
.benefitWrap .benefitBox .section > div {  align-items: center;}
.benefitWrap .benefitBox .section > div img { width:95%; }
.benefitWrap .benefitBox .section > div.img { width:95%; }
.benefitWrap .benefitBox .section > div.text { text-align:left; }

.mall_btn_join { width:100%; text-align:center; margin:30px auto 40px;}
.mall_btn_join a { display:inline-block; width:100%; height:60px; background:#793baa; line-height:60px; font-size:16px; border-radius:100px; font-weight:bold; color:#fff; }




/* BASIC css end */