body { background: #eee !important; position:static; min-height:auto}

.wrapper3 { width:100%; padding:0 0 0 0; display:table; position:absolute; height:100%; }
.wrapper3 div{/*height:100%;*/ display: table-cell; vertical-align: middle;}
.wrapper3 .checkbox { padding-left: 20px;}
.login-back{background:url('/theme/basic/images/login-bg.png') no-repeat; background-position:bottom; background-size:cover; padding:0 20px; height:100%}
.form-signin {/*overflow:hidden;*/max-width: 460px; padding: 0px; margin: 0 auto; background-color:;/*border: 1px solid rgba(0, 0, 0, 0.1);*/ box-sizing:content-box; border-radius:10px; /*box-shadow:0px 0px 10px 0px rgba(0,0,0,.2)*/}
.form-signin .login-container {display:block; position:relative}
.form-signin .login-container .login-card{position:relative; display:block; border-radius:5px; box-sizing:border-box; box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); transition:0.3s ease; padding:60px 0 ; background:#fff}
.form-signin .login-container .login-card:first-child{background:#fafafa; height:10px; border-radius:5px 5px 0 0; margin:0 10px; padding:0;}
.form-signin .login-container .login-card .login-title{position:relative; z-index:1; border-left:5px solid #373635; margin:0 0 35px; padding:10px 0 10px 50px; color:#373635; font-size:32px; font-weight:bold; text-transform:uppercase;}
.form-signin .login-container .login-card .login-input{display:block; margin:0 60px 50px; position:relative}
.form-signin .login-container .login-card .login-input input{font-size:24px; height:60px; color:#212121}
.form-signin .login-container .login-card .login-btn-box{display:block; margin:0 60px;}
.form-signin .login-container .login-card .login-btn-box .login-btn{}
.form-signin .login-container .login-card-alt {position:absolute; top:40px; right:-70px; z-index:10; /*width:140px; height:140px;*/ background:none; border-radius:100%; box-shadow:none; padding:0; transition:0.3s ease}
.form-signin .login-container .login-card-alt .pc-login-bg{width:100%; max-width:120px;}
.form-signin .login-container .login-card-alt .mobile-login-bg{width:100%; max-width:120px; display:none}
.form-signin .login-container .login-card-alt .login-card-logo{position:relative; background:#373635; width:140px; height:140px; border-radius:100%; box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); color:#fff; line-height:140px; text-align:center}
.form-signin .login-container .login-card-alt .login-card-logo img{width:100px;}
.input-container label {position: absolute; top: 0; left: 0; color: #757575; font-size: 24px; font-weight: 300; line-height: 60px; transition:0.2s ease}

.form-signin .form-signin-heading{margin-bottom: 10px; margin-top:20px; text-align:center; font-weight:bold; color:#000; /*line-height:120%;*/font-size:30px;}
.form-signin .form-signin-heading span{font-weight:700; display:block;}
.form-signin .checkbox {margin-top: 30px; vertical-align:middle;  font-weight: normal; }
.form-signin .form-control {border:0; border-bottom:2px solid #373635; position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:0;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="text"] {margin-bottom: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 20px; border-top-left-radius: 0; border-top-right-radius: 0;}

.btn-primary {color: #fff; background-color: #337ab7; border-color: #2e6da4;}

.checkbox input[type="checkbox"], .radio input[type="radio"] {opacity: 1; margin-left: -20px;}

.footer{ display:none;}

.ul_center{text-align:center}
.rico_li_btn{display:inline-block;}
.rico_li_btn li{float:left; padding-right:15px;}



/* 20200522 로그인 언어박스 추가 */

.dropdown_menu{border:0; margin:0; min-width:14rem; box-shadow:0px 0px 50px 0px rgba(82, 63, 105, 0.15); border-radius:5px;position:absolute; transform:translate3d(955px, 425px, 0); top:0; left:0; will-change:transform; height:auto !important; background:#fff; z-index:999}
.dropdown_warp{display:block !important;}
.dropdown_head{display:block !important; text-align:right; margin-bottom:50px;}
.dropdown_img{width:23px;}
.dropdown_font{flex-grow:1; font-size:1.4rem; font-weight:400; color:#595d62}
.dropdown_body{display:block; padding:1rem 0; margin:10px 0; list-style:none; border:0;}
.dropdown_list{padding:0.55rem 1.75rem; display:flex; align-items:center}
.dropdown_in1{flex:0 0 30px; font-size:1.25rem; line-height:0;}
.dropdown_in2{flex-grow:1; font-size:1.4rem; font-weight:400; color:#595d62}
.lang_active > a:hover{background:#f7f8fa; transition:all 0.3s; }
.show{display:block;}


/* 20200924 로그인 추가 */
.login-top{display:block !important; background:#008001}
.login-top .login-top-bg{ background:url('/theme/basic/images/in-bg.png') no-repeat; background-size:60%; background-position:center; display:block; padding:100px;}
.login-body{padding:25px 60px}
.login-btn{padding:10px 20px; width:100%; background:#373635; border:0; border-radius:500px; color:#fff; font-size:20px; font-weight:bold}

.store-shop{width:30px; margin-left:10px;}
.rico_mar_top_13{margin-top:13px;}

@media (max-width:1024px){
	.login-back{background-position:left bottom; background-size:200%; padding:0 20px; height:100%}
}

@media (max-width:767px){
	.login-top .login-top-bg{padding:55px; background-size:50%;}
	.login-back{padding:0 40px;}
	.form-signin .login-container .login-card-alt{display:block; position:relative; top:0; left:0;}
	.form-signin .login-container .login-card-alt .mobile-login-bg{width:100%; max-width:400px; display:block; margin:0 auto 20px; padding:0 20px;}
	.form-signin .login-container .login-card-alt .pc-login-bg{width:100%; max-width:120px; display:none}
}

@media (max-width:610px){
	.form-signin .login-container .login-card-alt{top:0; right:0;}
	.form-signin .login-container .login-card-alt .login-card-logo{width:100px; height:100px; line-height:100px;}
	.form-signin .login-container .login-card-alt .login-card-logo img{width:70px}
}


@media (max-width:500px){
	.form-signin .login-container .login-card{padding:30px 0;}
	.login-back{padding:0 20px; background-position:left bottom; background-size:250%; }
	.form-signin .login-container .login-card .login-title{margin:0 0 10px}
	.form-signin .login-container .login-card .login-input{margin:0 40px 15px}
	.form-signin .login-container .login-card .login-title{padding:10px 0 10px 30px}
	.form-signin .login-container .login-card .login-btn-box .login-btn{margin-top:30px}
	.form-signin .login-container .login-card-alt .mobile-login-bg{max-width:280px}

}