.member {
 margin-top:5%;
 margin-bottom:10%;
}
.member .title>h1 {
 text-align:center;
 font-size:1.875vw;
 font-weight: 600;
}
.member .title>h1>span {
 display:block;
 font-family:Lato,sans-serif;
 font-size:.67vw;
 letter-spacing:2px;
 margin-top:1.25vw
}
.member .member-wrap {
 display:flex;
 align-items:center;
 justify-content:center;
 padding-bottom:4.16vw;
}
.icon.right-arrow {
	display: inline-block;
	width: 1.61vw;
	height: 1.66vw;
	background-image: url('/images/common/btn_enter.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.member .member-wrap>div {
 width:49.47vw;
 height:16.4vw;
 background-color:#f1f1f1;
 padding:3.22vw 3.22vw 2.86vw
}
.member .member-wrap.register-wrap>div {
 height:auto
}
.member .member-input-wrap {
 display:flex;
 justify-content:space-between;
 flex-wrap:wrap
}
.member .member-input-wrap input,
.member .member-wrap button {
 width:20.3125vw;
 height:3.38vw;
 color:#555252;
 padding-left:1.25vw;
 padding-right:1.04vw;
 background-color: #fff;
}
.member .register-wrap input {
 margin-bottom:1.97vw
}
.member .member-wrap button {
 color:#fff;
 display:flex;
 justify-content:space-between;
 align-items:center
}
#login .login-wrap .btn-login,
.member .member-wrap .btn-register {
 background-color:#a58c59;
 cursor: pointer;
}
#login .login-wrap .btn-join {
 background-color:gray;
 cursor: pointer;
}
#login .login-btn-wrap {
 margin-top:1.97vw
}
#login .login-btn-wrap>div {
 display:flex;
 justify-content:space-between;
 align-items:center
}
#login .login-btn-wrap .btn-link {
 display: inline-block;
 color:#a58c59;
 font-size:.83vw;
 font-weight: 500;
 margin-top:.72vw
}
.member .login-wrap.sns {
 border-bottom:0;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap
}
.member .login-wrap.sns button.btn-naver {
 background-color:#54ca30
}
.member .login-wrap.sns button.btn-facebook {
 background-color:#3762a9
}
.member .login-wrap.sns button.btn-kakao {
 background-color:#ffb414
}
.member .login-wrap.sns button {
 width:14.89vw;
 margin-right:2.23vw
}
.member .member-wrap .register-sns {
 font-weight: 300;
 font-size:.98vw
}
#login .popup-wrap {
 position:fixed;
 top:0;
 left:0;
 width:100vw;
 height:100vh;
 background-color:rgba(0,0,0,.7);
 display:flex;
 justify-content:center;
 align-items:center;
 display:none;
 z-index: 25;
}
#login .popup-wrap .popup {
 background-color:#fff;
 padding:1.04vw;
 width:30.2vw
}
#login .popup-wrap .close-wrap {
 text-align:right
}
.icon.close {
	display: inline-block;
	width: 1.04vw;
	height: 1.04vw;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/images/common/btn_close.png');
	cursor: pointer;
}
#login .popup-wrap form {
 padding:1.5625vw;
 padding-top:1.04vw
}
#login .popup-wrap label {
 font-weight: 600;
 font-size:1.61vw;
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 margin-bottom:1.66vw
}
#login .popup-wrap label>span {
 font-weight: 300;
 font-size:.88vw;
 width:13.54vw
}
#login .popup-wrap input {
 width:100%;
 height:3.33vw;
 background-color:#f1f1f1;
 color:#848484;
 font-size:.98vw;
 padding-left:1.56vw;
 margin-bottom:1.35vw
}
#login .popup-wrap button.btn-submit {
 background-color:#a58c59;
 color:#fff;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 1.56vw;
 font-size:.98vw;
 width:100%;
 height:3.38vw;
 font-weight: 600;
 cursor: pointer;
}
.member .member-btn-wrap>p {
 display:flex;
 margin-top:.52vw
}
.member .member-btn-wrap input#privacy {
 width:0;
 height:0;
 border:0;
 margin-bottom:0;
 display: none;
}
.member .member-btn-wrap input#privacy+label {
 display:flex;
 align-items:center;
 color:#464646;
 font-size:.72vw;
}
.member .member-btn-wrap input#privacy+label:after {
 content:'';
 display:block;
 width:1.04vw;
 height:1.04vw;
 border:1px solid #464646;
 margin-left:.52vw;
 background-color:#fff
}
.member .member-btn-wrap input#privacy+label>a {
 display:inline-block;
 text-decoration:underline;
 width:auto;
 height:auto
}
.member .member-btn-wrap input#privacy+label>a:hover {
 text-decoration:underline!important
}
.member .title>h1>span.register-sns {
 font-weight: 300;
}


@media screen and (max-width :768px) {
 .member .title>h1 {
  font-size:4.94vw
 }
 .member .title>h1>span {
  font-size:1.82vw
 }
 .member .title {
  margin-top:7.8125vw;
  margin-bottom:6.51vw
 }
 .member .member-wrap>div {
  background-color:#fff;
  padding:0;
  width:69.01vw;
  height:auto
 }
 .member .member-input-wrap {
  display:block
 }
 .member .member-input-wrap input {
  border:1px solid #000;
  width:100%;
  height:9.76vw;
  margin-bottom:3.38vw;
  font-size:2.86vw;
  padding-left:3.38vw
 }
 #login .login-btn-wrap {
  margin-top:0
 }
 .member .member-wrap button {
  width:32.55vw;
  height:10.15625vw;
  font-size:2.86vw;
  padding-left:2.6vw;
  padding-right:1.3vw
 }
 .icon.right-arrow {
  width:5.2vw;
  height:5.2vw
 }
 #login .login-btn-wrap .btn-link {
  margin-top:2.86vw;
  font-size:2.47vw;
  text-decoration:underline
 }
 #login .login-btn-wrap .btn-link:hover {
  text-decoration:underline
 }
 .member .member-wrap {
  padding-bottom:8.33vw
 }
 .member .sns-title {
  margin-top:9.76vw
 }
 .member .login-wrap.sns {
  display:block;
  width:69.01vw;
  margin:0 auto
 }
 .member .login-wrap.sns button {
  width:100%;
  margin-bottom:3.38vw;
  font-size:3.64vw;
  justify-content:center;
  position:relative
 }
 .member .login-wrap.sns button .icon.right-arrow {
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  right:3.64vw;
  width:4.16vw;
  height:4.16vw
 }
 #login .popup-wrap .popup {
  width:90vw;
  padding:4vw
 }
 #login .popup-wrap label {
  font-size:3.64vw;
  flex-direction:column
 }
 #login .popup-wrap label>span {
  width:100%;
  font-size:2.47vw;
  margin-top:2vw;
  margin-bottom:5vw
 }
 #login .popup-wrap input {
  height:9.76vw;
  font-size:2.86vw;
  margin-bottom:3vw
 }
 #login .popup-wrap button.btn-submit {
  height:10.15625vw;
  font-size:3.64vw
 }
 #login .popup-wrap .icon.close {
  width:4vw;
  height:4vw
 }
 .member .member-btn-wrap input#privacy+label {
  font-size:2.73vw;
  margin-top:5.85vw;
  color:#707070;
  margin-bottom:3.125vw;
  white-space:nowrap
 }
 .member .member-btn-wrap input#privacy+label:after {
  width:3.90625vw;
  height:3.90625vw
 }
 .member .member-wrap .btn-register {
  width:100%
 }
}

@media screen and (min-width :1921px) {
 .member .title {
  margin-top:66px;
  margin-bottom:56px
 }
 .member .title>h1 {
  font-size:36px
 }
 .member .title>h1>span {
  font-size:13px;
  margin-top:24px
 }
 .member .member-wrap {
  padding-bottom:80px;
  border-bottom:2px solid #d8d8d8
 }
 .member .member-wrap>div {
  width:950px;
  height:315px;
  padding:62px 62px 55px
 }
 .member .member-input-wrap input,
 .member .member-wrap button {
  width:390px;
  height:65px;
  font-size:1.15rem;
  padding-left:1.5rem;
  padding-right:1.5rem
 }
 .member .register-wrap input {
  margin-bottom:38px
 }
 #login .login-btn-wrap {
  margin-top:38px
 }
 #login .login-btn-wrap .btn-link {
  font-size:16px;
  margin-top:14px
 }
 .member .login-wrap.sns button {
  width:286px;
  margin-right:43px
 }
 .member .login-wrap.sns button:last-child {
  margin-right:0
 }
 .member .member-wrap .register-sns {
  font-size:19px
 }
 #login .popup-wrap .popup {
  padding:20px;
  width:580px
 }
 #login .popup-wrap form {
  padding:30px;
  padding-top:20px
 }
 #login .popup-wrap label {
  font-size:31px;
  margin-bottom:32px
 }
 #login .popup-wrap label>span {
  font-size:17px;
  width:260px
 }
 #login .popup-wrap input {
  height:64px;
  font-size:19px;
  padding-left:30px;
  margin-bottom:26px
 }
 #login .popup-wrap button.btn-submit {
  padding:0 30px;
  font-size:19px;
  height:65px
 }
 .member .member-btn-wrap>p {
  margin-top:10px
 }
 .member .member-btn-wrap input#privacy+label {
  font-size:14px
 }
 .member .member-btn-wrap input#privacy+label:after {
  width:20px;
  height:20px;
  margin-left:10px
 }
}