/* 로그인 PC */
@media (min-width:768px) {
.login_bg {
background: url(/_img/img2/bg_login.png) repeat 0 0;
width: 100%;
height: 100%;
}
.login_wrap {
margin: 0 auto;
padding-top: 300px;
max-width: 290px;
}
.join_cont .tit_bi {
margin: 0 auto 30px auto;
width: 290px;
height: 40px;
text-align: center;
}
.login_cont .login_ipt_box {
position: relative;
display: block;
height: 48px;
border-radius: 30px;
background-color: rgba(255,255,255,.2);
}
.login_cont .id_ipt {
margin-bottom: 10px;
}
.login_cont .pw_ipt {
margin-bottom: 20px;
}
::-webkit-input-placeholder {
color: #a2a3b0;
}
.login_cont .login_ipt_box input {
position: relative;
padding: 14px 19px 14px 19px;
font-weight: bold;
font-size: 14px;
color: #a2a3b0;
border: none;
background: none;
}
.join_cont .btn_login {
display: block;
height: 50px;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: center;
line-height: 51px;
text-decoration:none;
background-color: #f72f63;
border-radius: 30px;
}
.login_cont .btn_join {
margin-top: 20px;
text-align: center;
}
.login_cont .btn_join a {
display: inline-block;
padding: 5px 18px 0 18px;
color: #fff;
font-size: 12px;
text-decoration: underline;
}
}
/* 로그인 모바일 */
@media (max-width:767px) {
.login_bg {
background: url(/_img/img2/bg_login.png) no-repeat 0 0;
width: 100%;
height: 100%;
}
.login_wrap {
width:100%;
overflow:hidden;
}
.login_wrap .join_cont {
margin: 45% 20px;
}
.join_cont .tit_bi {
margin: 0 auto 30px auto;
height: 40px;
text-align: center;
}
.join_cont .tit_bi img {
max-width: 95%;
}
.login_cont .login_ipt_box {
position: relative;
display: block;
height: 48px;
border-radius: 30px;
background-color: rgba(255,255,255,.2);
}
.login_cont .id_ipt {
margin-bottom: 10px;
}
.login_cont .pw_ipt {
margin-bottom: 20px;
}
::-webkit-input-placeholder {
color: #a2a3b0;
}
.login_cont .login_ipt_box input {
position: relative;
padding: 23px 5px 15px 20px;
width: 95%;
height: 17px;
font-weight: bold;
font-size: 13px;
color: #a2a3b0;
border: none;
background: none;
}
.join_cont .btn_login {
width:100%;
display: block;
height: 50px;
color: #fff;
font-weight: bold;
font-size: 14px;
text-align: center;
line-height: 51px;
text-decoration:none;
background-color: #f72f63;
border-radius: 30px;
}
.login_cont .btn_join {
margin-top: 20px;
text-align: center;
}
.login_cont .btn_join a {
padding: 19px 10px 0 10px;
color: #fff;
font-size:12px;
text-decoration: underline;
}
}