@charset "utf-8";

body{background:url(../img/bg.jpg) no-repeat center center;background-size:cover;background-attachment: fixed;}

#index_wrap{width:100%;height:100%;font-size:15px;line-height:25px;}

#login{text-align:center;}
.fix_box{position:fixed;top:50%;left:50%;transform:translate(-50%, -51%);width:86%;max-width:460px;text-align:center;background-color:#fff;padding:50px 50px 40px;border-radius:30px;box-shadow:8px 8px 20px rgba(0,0,0,0.15);}
.rel_box{position:relative;width:86%;max-width:700px;margin:80px auto 0;text-align:center;background-color:#fff;padding:50px 50px 40px;border-radius:30px;box-shadow:8px 8px 15px rgba(0,0,0,0.1);}
#login .title_top{font-size:14.6px;font-weight:700;color:#555;letter-spacing:0px;}
#login h1{font-size:38.6px;font-weight:900;color:#1f4081;letter-spacing:-0.2px;line-height:44px;padding:5px 0 10px;}
#login .exp{font-size:13.4px;line-height:1.4;font-weight:500;color:#999;letter-spacing:0px;padding:0 0 20px 0;}
#login .join{padding:30px 0;color:#777;}
#login .join a{color:#333;font-weight:600;}
#login .join a:hover{color:#2875f5;}
#login .copy{font-size:13.6px;font-weight:400;color:#999;letter-spacing:0px;line-height:18px;}

#login .user_type{font-size:15px;font-weight:600;margin:0 0 20px;}
#login .user_type input{vertical-align:middle;transform:translateY(-2px);}
#login .login_input input[type='text'], 
#login .login_input input[type='password']{width:100%;height:60px;font-size:16px;font-weight:500;color:#222;text-indent:15px;border:0px solid #555;background-color:#F4F6F9;margin-bottom:15px;border-radius:7px;overflow:hidden;}
#login .chk_label{display:block;text-align:left;margin-bottom:10px;font-size:15px;color:#666;font-weight:500;padding:3px 0;}
#login .check_big{width:18px;height:18px;vertical-align:middle;transform:translateY(-2px);margin-right:2px;}
#login .btn_login{display:block;width:100%;line-height:60px;font-size:18px;font-weight:700;color:#fff;text-align:center;background-color:#193e84;border-radius:7px;}
#login .btn_login:hover{opacity:0.5}

.index_btn_wrap{font-size:0;}
.index_btn_wrap .btn{display:inline-block;vertical-align:top;width:47.6%;margin-right:3.8%;line-height:54px;font-size:16.4px;font-weight:700;color:#fff;text-align:center;background-color:#193e84;border-radius:7px;}
.index_btn_wrap .btn.gray{margin-right:0;color:#555;background-color:#ededed;}
.index_btn_wrap .btn:hover{opacity:0.5}


.gradient-text {
  /* 1. 배경에 그라데이션 설정 */
  background: linear-gradient(to top, #0f3782, #295fc5);
  /* 2. 배경을 글자 영역으로만 제한 (중요!) */
  -webkit-background-clip: text;
  background-clip: text;
  /* 3. 원래 글자 색상을 투명하게 만들어 배경이 보이게 함 */
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width:500px) {
#login{width:92%;padding:40px 15px 30px;}
#login h1{font-size:27.4px;line-height:35px;padding:0px 0 10px;}
}




.index_policy_box{height:165px;font-size:14.2px;line-height:20px;font-weight:300;overflow:auto;background-color:#F4F6F9;padding:15px;border-radius:12px;text-align:left;}
.agree_check{text-align:right;margin:10px 0 0;font-size:14px;color:#666;font-weight:400;}
.agree_check label{display:block;}
.agree_check input{ertical-align:middle;transform:translateY(-2px);}

.index_join_form{border-top:1px solid #f0f0f0;padding-top:30px;margin-top:10px;display:flex;flex-wrap:wrap;flex-shrink:0;}
.index_join_form li{width:48%;margin-right:4%;text-align:left;font-size:15px;padding-bottom:20px;}
.index_join_form li.last{margin-right:0;}
.index_join_form li.w100{width:100%;}
.index_join_form p.title{font-size:15.4px;font-weight:500;padding-bottom:5px;}
.index_join_form input[type='text'], 
.index_join_form input[type='password']{width:100%;height:46px;font-size:15px;font-weight:500;color:#222;text-indent:10px;border:0px solid #555;background-color:#F4F6F9;border-radius:5px;overflow:hidden;vertical-align:top;}
.index_join_form input[type='checkbox']{transform:translateY(-2px);}
.index_join_form li p.alert{font-size:13.2px;line-height:1.4;color:#ff6600;padding:5px 0 0 10px;}
.index_join_form input.must{background:url(/img/icon_must.png) no-repeat right 7px top 7px #F4F6F9;}
.index_join_form li .box{line-height:46px;font-size:15px;font-weight:500;color:#222;padding-left:15px;background-color:#F4F6F9;margin-bottom:15px;border-radius:5px;overflow:hidden;}

@media screen and (max-width:800px) {
.index_join_form{padding-top:20px;margin-top:0px;}
.index_join_form li{width:100%;margin-right:0;}
}