@charset "utf-8";

/* font */
@import url(font-awesome.min.css);

html,body{width: 100%;height: 100%; overflow: hidden;}

/*login*/
/* .login_wrap{background: #edf3f7;position:relative; width:100%; height:100%; z-index:100;} */
.login_wrap{background: #fff;position:relative; width:100%; height:100%; z-index:100; border:}
.login_box{max-width:400px;width:100%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);border:0}
.login_box .login_img{width:150px; margin:0px auto; display: block;}
.login_box .tit{background: linear-gradient(-90deg, #204F9D 40%, #29AD37); color: transparent; -webkit-background-clip: text; text-align: center; margin: 10px 20px;font-size: 15px; }
.login_box .tit strong { font-size: 2rem;}
/* .login_box .login_Enter{padding:25px 50px 50px;background: rgba(255,255,255,0.8); box-shadow:2px 3px 3px rgba(221, 221, 221, 0.4);} */
.login_box .login_Enter{padding:0 50px 0;background: rgba(255,255,255,0.8);}
input{height:34px; width:100%; padding: 22px 10px; font-size:12px;border: none;background-color:#eeeeee8b;border-radius:5px; outline: none;color: #777;}

.remember_id{display:flex;align-items:center;font-size:12px;margin-top:15px; color: #999; accent-color: #766BFB;}

/* 로그인 버튼 */
.login_box .login_btn{color:#fff;  padding:10px; margin-top:5px; display:block; text-align:center; border-radius:5px; font-size: 14px; transition: 0.3s; margin:5px 0; background-color: black; }
/* .login_box .login_btn{ background-image: linear-gradient(to right, #29AD37 0%, #539E8A 51%, #204F9D 100%);} */
.login_box .login_btn:hover{transform: scale(1.05);}

/*결제하기*/
.pay_item { display: flex; flex-wrap: wrap; align-items:center; justify-content: center; gap: 0 1rem; margin-top: 10px; padding: .5rem; text-align: center; border-top: 1px solid rgba(127, 118, 255, 0.2); background: rgba(255,255,255,0.3); }
.pay_item p { margin-bottom: .5rem; padding-bottom: .3rem; width: 100%; color:#737374; border-bottom:1px solid rgba(127, 118, 255, 0.2); font-size: 14px;}
.pay_item span { color:#737374; cursor: pointer; }
.pay_item span:not(.bar):hover { color: #766BFB; }
.fa-wallet { position: relative; margin-right: 10px; cursor: pointer; font-size: 1rem;}
.fa-credit-card { position: relative; margin-right: 10px; cursor: pointer; font-size: 1rem; }
span.bar { width: 1px; height: 1rem; background: rgba(127, 118, 255, 0.2); }

/* 모바일 결제하기*/
.pay_item_2 { display: flex; flex-wrap: wrap; align-items:center; justify-content: center; gap: 0 1rem; padding: .5rem; text-align: center;  border-top: 1px solid rgba(127, 118, 255, 0.2); border-bottom: 1px solid rgba(127, 118, 255, 0.2); background: rgba(255,255,255,0.3); }
.pay_item_2 p { margin-bottom: .5rem; padding-bottom: .3rem; width: 100%; color:#737374; border-bottom:1px solid rgb(191 187 249 / 20%); font-size: 14px;}
.pay_item_2 span { color:#737374; cursor: pointer; }
.pay_item_2 span:not(.bar):hover { color: #766BFB; }
.pay_item_2 .fa-wallet, .pay_item_2 .fa-credit-card { position: relative; margin-right: 10px; cursor: pointer; font-size: 1rem; color:#766BFB; }
.pay_item_2 span.bar { width: 1px; height: 1rem; background: rgba(127, 118, 255, 0.2); }

/* background:#204F9D; 
background: linear-gradient(-45deg, #204F9D, #29AD37 );
*/

/* 회원가입 버튼 */
.signUp_wrap{width: 25rem; display: flex; justify-content: center; align-items: center;padding: 20px 0; margin: 0 auto; position: relative; left: 50%; transform: translateX(-50%);}
.signUp_wrap a{white-space: nowrap;}
.signUp_wrap #signUpBtn .signWrap{height: 30px; display:flex; align-items: center;}
.signUp_wrap #signUpBtn .signWrap .signIcon{width:30px; height: 30px; object-fit: cover; object-position: center;}
.signUp_wrap #signUpBtn:not(:first-child) .signIcon{margin-right: 5px;}
.signUp_wrap #signUpBtn:last-child .signIcon{width: 22px; height: 22px;}
#signUpBtn {color:inherit;text-decoration:underline; padding:10px; margin-top:5px; display:block; text-align:center; border-radius:5px; font-size: 14px; transition: 0.3s; margin:5px 0;}
#signUpBtn:hover{transform: scale(1.05);}

/* 회원가입 버튼 */
/* .register{font-size:13px;justify-content:center;margin-top:30px;color:#555;text-align:center;}
.register a{color:#204F9D;font-weight:700;margin-left:5px;display:inline-block;text-decoration:underline;}
 */
.idpw li{margin:20px 0;}
input[type=checkbox], input[type=radio] {height:14px; width:14px; display: block; float:left;}

/* privacy */
.privacy{text-align: center; color: #777;}
.privacy button{color: #777;font-size: 11px;text-decoration:underline;}




@media (max-width:950px) {
    .login_wrap{background-color:#fff; border:none;}
    .login_box .login_Enter{box-shadow: none; border:none;}
    .login_box .login_img {width: 130px;}
    .signUp_wrap{padding: 10px 0;}
}

/* ios */
@media not all and (min-resolution:.001dpcm) { 
    input{font-size: 16px;}
    input:focus{font-size: 16px;}
}