/* BASIC css start */
.sns-join { padding-top:32px; }
.sns-join .sns-title h2{ font-size:26px; line-height:31px; font-weight:500; color:#000; margin-bottom:16px;}
.sns-join .sns-title h2 + div{font-size:14px; font-weight:500; line-height:17px; color:#999; margin-bottom:24px;}
.sns-join img { width: 100%;}


.sns-join .kakao,
.sns-join .naver,
.sns-join .apple{ padding: 4px 0 ; position: relative;}
.sns-join .kakao{margin-top:20px;}
.sns-join .kakao a{ display: block; background-image: url(/design/justmysize/ECHO/icon/ico_28_Kakaotalk.svg); background-repeat:no-repeat; background-position:left 16px center; background-size:28px; background-color: #FFE500; border: 1px solid #FFE500; font-weight: 500; text-align: center; padding: 15px 16px; font-size: 16px; line-height:19px;}
.sns-join .naver a{ display: block; background-image: url(/design/justmysize/ECHO/icon/ico_28_Naver.svg); background-repeat:no-repeat; background-position:left 16px center; background-size:28px; background-color: #fff; border: 1px solid #D9D9D9; font-weight: 500; text-align: center; padding: 15px 16px; font-size: 16px; line-height:19px;}
.sns-join .apple a{ display: block; background-image: url(/design/justmysize/ECHO/icon/ico_28_Apple.svg); background-repeat:no-repeat; background-position:left 16px center; background-size:28px; background-color: #fff; border: 1px solid #D9D9D9; font-weight: 500; text-align: center; padding: 15px 16px; font-size: 16px; line-height:19px;}


.login_box{ margin-top:12px; margin-bottom:80px; display: flex; align-items: center; justify-content: center;}
.login_box li{ position: relative; padding:0 8px;}
.login_box li::after{ display: inline-block; content: ""; width: 1px; height: 12px; background: #999999; position: absolute; left:0; top: 50%; transform: translateY(-50%);}
.login_box li:first-child::after{display:none;}
.login_box li,
.login_box li a{font-size:13px; font-weight:500; line-height:15px; color:#999;}


.login { padding-top:32px; padding-bottom:80px; display:none;}
.login .info-detail li{padding-bottom:16px;}
.login .info-detail li > span{font-size:14px; font-weight:500; line-height:17px; color:#333; display:block; margin-bottom:8px;}
.login .info-detail li > .input input:not([type=checkbox]){height:auto; width:100%;}
.login .info-detail li > label{font-size:14px; font-weight:500; line-height:17px; color:#666;}
.login .info-detail li label input{margin-right:8px; vertical-align:sub;}
.login .info-detail li label + label{margin-left:16px;}

.login .btn_Black{display:block; text-align:center; background:#000; color:#fff; font-size:16px; line-height:19px; font-weight:500; padding:12px 0; margin-top:8px;}

.login .find_info{margin-top:16px; text-align:center;}
.login .find_info a{ font-size:14px; font-weight:500; line-height:17px; color:#666;}

.login .loginBottom{margin-top:40px;}
.login .loginBottom h4{font-size:16px; font-weight:700; line-height:19px; color:#242424; margin-bottom:4px;}
.login .loginBottom p{font-size:14px; font-weight:500; line-height:17px; color:#666; margin-bottom:16px;}
.login .loginBottom a{display:block; font-size:16px; font-weight:500; line-height:19px; color:#242424; padding:12px 0; text-align:center; border:solid 1px #D9D9D9;}
.login .loginBottom a.kakao{background-image: url(/design/justmysize/ECHO/icon/ico_28_Kakaotalk.svg); background-repeat:no-repeat; background-position:left 16px center; background-size:28px; background-color: #FFE500; border: 1px solid #FFE500; font-weight: 500; text-align: center; padding: 15px 16px; font-size: 16px; line-height:19px; margin-bottom:8px;}


/* BASIC css end */