@charset "UTF-8";

.member .table:before {content:none}
div.member{text-align: center;}
div.member .group{display: inline-block; width: 48.5rem; padding: 4rem; margin: 4rem auto 0 auto; border: 1px solid #ddd; text-align: center; background-color: #fff;}

/*핸드폰인증 로그인*/
.nonMemberLogin {border:1px solid #CBD3E2; line-height:1.6; margin:0 auto; text-align:center; padding:5rem 2rem}
.nonMemberLogin .desc {}
.nonMemberLogin .desc .icon {display:block; width:8.5rem; height:8.5rem; margin:0 auto 3rem; border:1px solid #02ACEE; font-size:3.5rem; line-height:8.5rem; border-radius:100%; box-sizing:border-box;}
.nonMemberLogin .desc .icon::before {content:"\eb41"; display:block; width:100%; height:100%; font-family:"remixicon"; color:#02ACEE;}
.nonMemberLogin .desc .title {display:block; margin-bottom:2rem; font-size:2.4rem; font-weight:700;}
.nonMemberLogin .desc .con {font-size:1.6rem; margin-bottom:4rem; font-size:1.8rem;}
.nonMemberLogin .btnbox .button a {min-width:19.0rem; justify-content:center;}

/* 로그인 */
.board_box.type1.login .form {position: relative; width: 50rem; max-width: 100%; margin:3rem auto; padding-bottom: 1px; padding-right: 10rem;}
.board_box.type1.login .form_textbox {margin-bottom: -1px;}
.board_box.type1.login .form_textbox:focus,
.board_box.type1.login .form_textbox:active {position: relative; z-index: 0;}
.board_box.type1.login .btn {position: absolute; right: 0; bottom: 0; width: 10rem; height: 100%; background-color: #484c58; color: #fff;}
.board_box.type1.login .member-btn  {display: block; position: relative; z-index: 0; width: 50rem; max-width: 100%; margin: 0 auto;}
.board_box.type1.login .member-btn::before {position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 1px; background-color: #ddd; content: '';}
.board_box.type1.login .btn_find{display:inline-block; padding: 0 1rem; background-color: #f8f8f8;}
.board_box.type1.login .sns_login {width:56rem; max-width:100%; margin:0 auto 3rem}
.board_box.type1.login .sns_login a {width:44%}
.board_box.type1 .join_out textarea {width:100%; max-width:55rem; height:10rem; margin-top:2.5rem; padding:1rem 1.5rem}

/* 아이디/비밀번호 찾기 */
.board_box.type1.find .form {width: 60rem; max-width: 100%; margin: 2rem auto 0; padding-top: 2rem; border-top: 1px solid #ddd;}
.board_box.type1.find .board_btns {margin-top: 1.5rem;}
.board_box.type1.find .board_btns .btn {min-width: 15rem;}

/* 회원가입 절차 */
.member_step {display: table; overflow: hidden; width: 100%; border: 1px solid #484c58; table-layout: fixed;}
.member_step li {background-color:#fff; display: table-cell; position: relative; height: 6rem; padding-left: 2rem; font-weight: 600; text-align: center; vertical-align: middle;}
.member_step li::after {position: absolute; right: -0.6rem; z-index: 1; top: 50%; width: 6rem; height: 6rem; margin-top: -0.5em; border-right: 1px solid #484c58; border-top: 1px solid #484c58; background-color: #fff; content: ''; transform: scaleX(0.7) rotate(45deg) translateY(-50%);}
.member_step li:last-child::after {display: none;}
.member_step .active {background-color: #484c58; color: #fff;}
.member_step .active::after {background-color: #484c58;}
.member_step small {margin-right: 0.5rem; font-size: 1.6rem; font-weight: 300;}

.sns_login a{height:5rem; border:1px solid #333; line-height:4.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.6rem; display:inline-block; min-width:10.5rem; padding:0 2rem; background-color:#333; color:#fff; text-align:center; vertical-align:middle; -webkit-transition:all 0.2s; transition:all 0.2s; font-weight:500; margin:0 0.25rem}
.sns_login .vvYellow {border:1px solid #fee500 !important}
.sns_login .ltGreen {border:1px solid #03c75a !important}
.sns_login .vvYellow:hover,
.sns_login .ltGreen:hover {background-color:#fff !important; border:1px solid #333 !important; color:#333 !important}

/*회원탈퇴*/
.join_out {width:100%; max-width:50rem; margin:0 auto}
.join_out .form_select {width:100%; margin-bottom:0.5rem; margin-top:2rem}

@media (max-width: 580px)
{
    /* 회원가입 절차 */
    .member_step small {display: block; margin-top: 0.25rem; line-height: 1;}
    
    /* 로그인 */
    .board_box.type1.login .sns_login {width:100%}
	.board_box.type1.login .sns_login a {width:100%}
    
}

@media (max-width:640px){

	
}