body{background:#fffcf3; height:100vh; display:table; width:100%}
.mb_login{display:table-cell; vertical-align:middle; width:100%}

.login_logo{padding-bottom:30px}
#mb_login{max-width:630px; width:95%; margin:100px auto 100px}

.mbskin .mbskin_box{border:none; -webkit-box-shadow: 0px 0px 31px 20px rgba(180,130,0,0.07); box-shadow: 0px 0px 31px 20px rgba(180,130,0,0.07); border-radius:25px; border:1px solid #eee}
.mb_log_cate h2{width:100%; float:none; font-size:30px; font-weight:900; letter-spacing:-1px; color:#222; padding:60px 0 0}

#login_fs{padding:50px 65px 65px}
#mb_login #login_fs .frm_input{border-radius:10px; background:#f5f6f9; border:none; height:60px; box-shadow:none; -webkit-box-shadow:none; margin:0 0 15px; padding:0 25px; font-size:15px}
#mb_login #login_fs .frm_input::placeholder {color: #ccc; opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
#mb_login #login_fs .frm_input::-webkit-input-placeholder {color: #ccc}
#mb_login #login_fs .frm_input:-ms-input-placeholder {color: #ccc}
#mb_login #login_fs .frm_input:-mos-input-placeholder {color: #ccc}

.required{background-image:none!important}

#login_info{padding-bottom:30px}
.chk_box input[type="checkbox"] + label{color:#666; font-size:14px}
.chk_box input[type="checkbox"] + label span{width:12px; height:12px; border:4px solid #ccc; border-radius:0; margin-top:5px}
.chk_box input[type="checkbox"]:checked + label span{background:none; border-radius:0; border-color:#fdbb11}

#mb_login #login_fs .btn_submit{border-radius:10px; background:#fdbb11; color:#fff; font-size:16px; height:60px; transition:0.2s ease}
#mb_login #login_fs .btn_submit:hover{background:#fdac11}
#mb_login #login_fs .btn_register{display:block; height:60px; border-radius:10px; background:#545146; color:#fff; font-size:16px; font-weight:500; line-height:60px; transition:0.2s ease}
#mb_login #login_fs .btn_register:hover{background:#423f35}

.login_if_lpl ul{padding-top:20px}
.login_if_lpl ul li{display:inline-block; position:relative; padding-right:10px}
.login_if_lpl ul li a{font-size:14px; color:#999}
.login_if_lpl ul li + li{padding-left:10px; padding-right:0}
.login_if_lpl ul li + li:before{content:''; width:1px; height:9px; background:#999; position:absolute; left:-2px; top:6px}

/* Media Query */

@media only screen and ( max-width: 980px ) {
	.mb_log_cate h2{padding:30px 0 0; font-size:24px}
	#login_fs{padding:21px 45px 45px}
	#login_info{padding-bottom:20px}

	#mb_login #login_fs .frm_input{height:45px; padding:0 15px; margin: 0 0 10px}

	#mb_login #login_fs .btn_submit{height:45px; margin:0 0 10px}
	#mb_login #login_fs .btn_register{height:45px; line-height:45px}
}

@media only screen and ( max-width: 480px ) {
	#mb_login{margin:50px auto 150px}

	.login_logo{padding-bottom:20px}
	.login_logo img{width:200px}

	.mb_log_cate h2{padding:20px 0 0; font-size:18px}

	#login_fs{padding:11px 15px 25px}

	#mb_login #login_fs .btn_submit{font-size:14px}
	#mb_login #login_fs .btn_register{font-size:14px}
	.login_if_lpl ul li a{font-size:13px}
}