@charset "utf-8";

/************************************************
*				로그인 : Login					*
************************************************/
.login_wrap{ margin:0 auto;padding:0;position:relative; max-width: 500px; }
.login_wrap .lw_case{padding:80px 15px;position:relative;}
.login_wrap .lw_case .lc_symbol{height:35px;margin:0 0 15px;text-align:center;}
.login_wrap .lw_case .lc_symbol img{width:auto;height:35px;}
.login_wrap .lw_case .lc_logo{text-align:center;}
.login_wrap .lw_case .lc_logo > h4{font-size: 2em; font-weight: bold;text-align: center;}
.login_wrap .lw_case .lc_logo > p{font-size: 1.2em; margin: 20px auto;}
.login_wrap .lw_case .lc_id{height:50px;margin:0 0 10px;position:relative;}
.login_wrap .lw_case .lc_id .ld_snum{width:25%;float:left;}
.login_wrap .lw_case .lc_id .ld_lnum{width:70%;float:right;}
.login_wrap .lw_case .lc_pw{height:50px;margin:0 0 10px;position:relative;
color:#000 !important;}
.login_wrap .lw_case .lc_id input[type="text"],
.login_wrap .lw_case .lc_pw input[type="password"]{
	height:50px;
	padding:0 10px;
	background-color:#fff;
	border:0 none;
	border-radius:3px;
	font-size:14px;
	line-height:50px;
	color:#000 !important;
}
.login_wrap .lw_case .lc_btn{
	height:50px;
	margin:0 0 15px;
	padding:0;
	position:relative;
}
.login_wrap .lw_case .lc_btn a{
	height:50px;
	background-color:rgb(184,28,34);
	border-radius:3px;
	text-align:center;
	font-size:16px;
	color:rgb(255,255,255);
	line-height:50px;
	display:block;
}
.login_wrap .lw_case .lc_rtxt{
	margin:0 0 40px;
	text-align:right;
	font-size:14px;
	color:rgb(34,34,34);
}
.login_wrap .lw_case .lc_rtxt img{width:5px;height:10px; margin:0 0 0 3px;}
.login_wrap .lw_case .lc_ctxt{
	height:15px;
	text-align:center;
	position:relative;
}
.login_wrap .lw_case .lc_ctxt a:first-child{border:0 none;}
.login_wrap .lw_case .lc_ctxt a{
	height:15px;
	padding:0 10px;
	border-left:1px solid rgb(219,219,219);
	text-align:center;
	font-size:14px;
	color:rgb(119,119,119);
	line-height:15px;
	display:inline-block;
}






.login_wrap_tit{font-size: 2.2em; color:#000; margin-bottom: 20px;}
.login_wrap_txt{font-size: 1.3em; color:#000; margin-bottom: 40px;}

.login__cont{width: 100%;}

.login__cont_input{width: 100%; height: 100%; margin-bottom: 10px;}
.login__cont_input > input{width: 100%; background: #fff; border-radius: 3px; border:none; padding: 10px; margin-bottom: 10px; box-sizing: border-box; height: 50px; line-height: 50px; font-size: 1.1em;}

.login__cont_link{width: 100%; text-align: right; display: flex; flex-direction: column; margin-bottom: 10px;}
span.red_link{color:rgb(184, 28, 34); font-weight: bold; font-size: 1em; cursor: pointer;}

.login__cont_btn{width: 100%; max-width: 500px;  display: flex; flex-direction: column;  }
.login__cont_btn > input{ height: 50px; line-height: 50px; cursor: pointer; background: rgb(184, 28, 34); border-radius: 3px !important; border:none; color:#fff !important; font-size: 1.2em; box-sizing: border-box; border-radius: 0px; box-shadow: none !important; margin:0px;}


.login__cont_btn > input.bg_white{background: #fff;}

.login__pwd_link > span.gray{position: relative;}
.login__pwd_link > span.gray b.login_account_none,
.login__pwd_link > span.gray b.reset_time{display:block; position: absolute;left:0px; top: -15px;}


.login_pwd_number{display: flex; flex-direction: row; width: 100%; justify-content: space-between;}
.login_pwd_number span.reset_time{color:rgb(184, 28, 34);;}

.login_num_wrong, .login_num_wrong_txt{width: 100%; color:rgb(184, 28, 34);; text-align: left;}

.pwd_same_cont{display: flex; flex-direction: column;}
.pwd_same_cont > .redn{color:rgb(184, 28, 34);}
.tac{text-align: center; line-height: 1.4em;}

.login_pwd_ok_btn{ width: 100%; margin:0 auto; display: flex; max-width: 500px;}
.login_pwd_ok_btn >input{width: 100%; max-width: 500px; height: 50px; box-shadow: none; border-radius: 3px; line-height: 50px; background:rgb(184, 28, 34); color:#fff !important; font-size: 1.1em;}

.join_new_txt.tar{width: 100%; text-align: right;}
.join_new_txt span.redn{color:rgb(184, 28, 34);;}
.redn{color:rgb(184, 28, 34);;}



/*join_check_agree*/
.join_check_agree{width: 100%;  margin:0 auto;}
.join_check_agree_cont{width: 100%; }

.cate, .cate2{ 
    width:100%;
    position:relative;
}

.cate .menu{display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #c4c4c4; padding:10px 0 10px;}
.cate .menu > div{display: flex; width: 100%; flex-direction: row;}

.cate .menu > a{display: block; min-width: 90px; }

.cate:last-child .menu{margin-bottom: 0px;}

.cate2 .menu2{
    display:block;
    position:relative;
    width:100%;
    height:40px;
    line-height: 40px;
  }

  .cate .menu .menulink, .cate2 .menu2 .menulink2{
    display:block;
    color:#000;
    text-decoration:none;
    width:100%;
    padding-left:0;
    line-height:40px;
  }
  .cate2 .menu2 .subopen2{
    position:absolute;
    width:8px;
    height:8px;
    right:15px;
    padding:0;
    top:0;
    bottom:0;
    margin:auto;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    transform:rotate(45deg);
  }
  .cate ul, .cate2 ul{border-bottom: 1px solid #000; padding: 0px;}
  .cate > ul > li{
    padding:0 0 0;
  }
 
  .cate2 ul > li{border:1px solid #000; margin-bottom: 10px;   height: 300px; overflow-y: scroll; padding: 10px;}
  .cate2 ul > li::-webkit-scrollbar{display: none;}

  .cate2 ul > li:last-child{margin-bottom: 0px;}
  .cate2 ul:last-child{
    border-bottom: none;
  }

  .cate > ul > li:last-child{
    padding-bottom:0;
  }
/* .cate .menu div input[type="checkbox"] + label{
    background: url(../images/icon/ic_check_off.svg)no-repeat;
    padding-left: 30px;
    background-size: 18px;
    font-size: 1.2em;
    cursor: pointer;
}

input[type="checkbox"], input[type="checkbox"]:checked{display: none;}
.cate .menu div input[type="checkbox"]:checked + label{
    background: url(../images/icon/ic_check_on.svg)no-repeat;
    padding-left: 30px;
    background-size: 18px;
    font-size: 1.2em;
    cursor: pointer;
} */

.cate2 ul li h4{font-weight: bold; font-size: 1.5em; margin-bottom: 10px;}

.jca_table{width: 100%; margin-top: 20px; margin-bottom: 20px;}
.jca_table tr:first-child td{background: #000; color:#fff; text-align: center;}
.jca_table tr td{border:1px solid #eee; padding:5px;}


.join__ok_cont{width: 100%; }

.fz-8{font-size: 0.8em;}