.login-wrap {
    margin-top: 30px;
}
.ocmg{
	display:block;
	margin:0 auto;
}
.ocmg-desc{
	text-align:center;
	margin-top:25px;
	line-height:1.3;
	padding-bottom:25px;
}
.login-wrap .login{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#f1f1f1;
	padding:30px 40px 50px 40px;
	margin-top:25px;
}
.login-wrap .login .tit{
	font-size:14px;
	font-weight:600;
}
.login .login-item{
	position:relative;
	padding-right:95px;
    display:block;
	margin-top:50px;
}
.login .login-item .login-btn{
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	width:90px;
	height:90px;
	border-radius:50%;
	outline:0;
	border:0;
	background-color:#33c5f2;
	color:#fff;
	font-size:14px;
}
.login-item .login-row{
	position:relative;
	padding-left:80px;
	margin-top:40px;
}
.login-item .login-row span{
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	font-weight:500;
}
.login-item .login-row input{
	border:0;
	border-bottom:1px solid #000;
	width:100%;
	
}
.link .join-link{
	display:block;
	margin-top:50px;
	background-color:#33c5f2;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:20px 5px;
	border-radius:2px;
}
.link-sns-tit{
	text-align:center;
	margin-top:25px;
}
.link-sns{
	text-align:center;
	margin-top:20px;
}
.link-sns a{
	display:inline-block;
	margin-left:10px;
}
.link-sns a:first-of-type{
	margin-left:0;
}

.terms{
	padding:50px 20px;
	background-color:#fff;
	margin-top:30px;
}
.terms-item{
	padding-left:30px;
}
.terms-tit{
	padding-bottom:20px;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	font-size:26px;
	font-weight:500;
}
.terms-item .terms-p{
	font-size:14px;
	font-weight:600;
	margin-top:30px;
}
.terms-item .terms-scroll{
	height:450px;
    
    line-height: 20px;
	overflow-y:auto;
    overflow-x: hidden;
    font-size: 13px;
	margin-top:30px;
	padding-right:20px;
}
.terms-check{
	margin-top:30px;
	padding-top:30px;
	padding-left:30px;
	border-top:1px solid #e1e1e1;
}
.terms-check p,
.terms-check label{
	display:inline-block;
	vertical-align:top;
    font-size: 15px;
}
.terms-check label{
	margin-left:20px;
}
.terms-btn-wrap .blue-btn{
	background-color:#33c5f2;
	color:#fff;	
}
.terms-btn-wrap .white-btn{
	background-color:#fff;
	color:#000;
	border:1px solid #000;
}
.terms-btn-wrap{
	margin-top:40px;
	text-align:center;
}
.terms-btn-wrap .terms-btn{
	display:inline-block;
	width:80px;
	height:80px;
	line-height:70px;
	border-radius:50%;	
	font-size:14px;
	text-align:center;
}
.terms-btn-wrap .terms-btn.white-btn{
	margin-left:10px;
}
.join{
	width:660px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding:35px 50px;
}
.join-tit{
	text-align:center;
	font-size:26px;
	font-weight:500;
}
.join .join-inner{
	margin-top:35px;
	border-top:1px solid #000;
    /*border-bottom:1px solid #000;*/
	padding:25px 50px;
}
.join-row{
    position:relative;
	margin-top:25px;
}
.join-row .star:before{
    content: "*";
    color: red;
    position: absolute;
    top: 0;
    left: -15px;
    line-height: 34px;
}
.join-row:after{
	clear:both;
	display:table;
	content:"";
}
.join .join-inner .join-p{
	font-size:14px;
	font-weight:600;
}
.join .join-half{
	border:1px solid #959595;
	padding:6px 10px;
	font-size:14px;
	width:50%;
    color:#000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.join input::-webkit-input-placeholder { color: #000; }
.join .join-full{
	border:1px solid #959595;
	padding:6px 10px;
	font-size:14px;
	width:100%;
    color:#000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.join .sms-text{
	display:block;
	margin-top:10px;
	color:#b7b7b7;
}
.join-refer{
	margin-top:7px;
	color:#999;
}
.join-btn-wrap{
    text-align:center;
    padding-top:35px;
}
.join-btn-wrap .btn{
    display:inline-block;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
}
.join-btn-wrap .blue-btn{
    border:1px solid #33c5f2;
    background-color:#33c5f2;
    color:#fff;
}
.join-btn-wrap .white-btn{
    border:1px solid #000;
    color:#000;
    background-color:#fff;
    margin-left:35px;
}
.birth .birth-item{
	display:inline-block;
}
.birth .birth-item select{
	border:1px solid #959595;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	height:34px;
	line-height:34px;
	min-width:90px;
}
.recom-tit{
    margin-top:50px;
    font-size:14px;
    font-weight:600;    
}
.membership{
    padding:35px 25px 80px 25px;
    background-color:#fff;
    width:550px;
    margin-left:auto;
    margin-right:auto;
}
.membership .membership-tit{
    font-size:26px;
    font-weight:600;
    text-align:center;
    padding-bottom:30px;    
}
.membership .membership-inner{
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    padding:20px 10px 60px 10px;
}
.membership .icon{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.membership-blue{
    font-size:14px;
    font-weight:600;
    color:#33c5f2;
    text-align:center;
    margin-top:25px;
}
.membership-gray{
    margin-top:35px;
    color:#b7b7b7;
    text-align:center;
}
.membership-btn-wrap{
    margin-top:80px;
    text-align:center;
}
.membership-btn-wrap .membership-btn{
    display:inline-block;
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%;
    background-color:#33c5f2;
    color:#fff;
    text-align:center;
    margin-left:10px;
}
.membership-btn-wrap .membership-btn:first-of-type{
    margin-left:0;
}
.border-error{
    border:red solid 1px !important;
}
.forgot{
    margin-top:30px;
}
.forgot a{
    display:block;
    text-align:center;
    font-weight:600;
    margin: 3px;
}
.join .w-item{
    display:none;
}
.join .welcome-icon .w-item{
    display:inline-block;
    height:34px;
    padding-left:5px;
}
.join .welcome-icon span{
    line-height:34px;
    font-weight:600;
}
.join .welcome-icon img{
    vertical-align:middle;
    margin-left:1px;
}
.join .welcome-icon span,
.join .welcome-icon img{
    color:#33c5f2;    

}
@media screen and (max-width:767px){
    .login-wrap .login{
        width:100%;
        padding:20px;
    }
    .terms{
        width:100%;
        padding:20px;        
    }
    .terms-item{
        padding-left:0;        
    }
    .terms-check{
        padding-left:0;        
    }
    .join{
        width:100%;
        padding:20px;
    }
    .join .join-inner{
        padding:20px 10px;
    }
    .membership{
        width:100%;
        padding:20px;
    }
}
@media screen and (max-width:480px){
    
    .login .login-item{
        padding-right:0;
        margin-top:0;
    }
    .login .login-item .login-btn{
        position:relative;
        top:initial;
        right:initial;
        display:block;
        margin-left: auto;
        margin-right: auto;
        margin-top:20px;
    }
    .link .join-link{
        margin-top:20px;        
    }
    .link-sns{
        margin-top:10px;
    }
    .terms-check p, .terms-check label{
        display:block;
    }
    .join-row{
        margin-top:15px;
    }
    .terms-check label{
        margin-left:0;
        margin-top:5px;
    }
    .join .join-half{
        width:100%;
    }
    .birth .birth-item{
        display:block;
        margin-top:5px;
    }
    .birth .birth-item select{
        min-width:initial;
        width:80%;
    }
}