.login_wrap{padding-top:140px; padding-bottom:260px;}
.login_wrap > div{max-width:540px; margin:0 auto; box-sizing:border-box; border:1px solid #dedede; padding:69px 60px 92px }
.login_wrap > div h2{text-align:center; color:#292B2E; font-size:40px; line-height:1;}
.social_login{margin-top:33px;}
.social_login li + li{margin-top:19px;}
.social_login a{display:block; height:56px; display:flex; align-items:center; padding-left:80px; color:#fff; box-sizing:border-box; font-weight:700; font-size:18px;}
.social_login a div{padding-left:40px; position:relative; height:28px; line-height:28px;}
.social_login a div:before{content:''; display:block; height:28px; width:28px; position:absolute; left:0; top:0;}
.social_login li:nth-child(1) a{background:#00C300;}
.social_login li:nth-child(2) a{background:#FEE500; color:#000;}
.social_login li:nth-child(3) a{background:#3B5A9A;}
.social_login li:nth-child(4) a{color:#000; border:1px solid #dedede;}
.social_login li:nth-child(5) a{background:#000;}
.social_login li:nth-child(1) a div:before{background:url('/images/member/sns_login01.svg') center center no-repeat;}
.social_login li:nth-child(2) a div:before{background:url('/images/member/sns_login02.svg') center center no-repeat;}
.social_login li:nth-child(3) a div:before{background:url('/images/member/sns_login03.svg') center center no-repeat;}
.social_login li:nth-child(4) a div:before{background:url('/images/member/sns_login04.svg') center center no-repeat;}
.social_login li:nth-child(5) a div:before{background:url('/images/member/sns_login05.svg') center center no-repeat;}

.register_wrap{max-width:1140px;}


@media screen and (max-width:640px){
.login_wrap{padding-top:70px; padding-bottom:120px;}
.login_wrap > div{padding:60px 20px; border:0;}
.login_wrap > div h2{font-size:26px;}
.social_login a{padding-left:20px; font-size:16px;}

}