@charset "utf-8";

.jwxe_board select,
.jwxe_board textarea,
.jwxe_board input[type="text"],
.jwxe_board input[type="password"],
.jwxe_board .uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.jwxe_board textarea,
.jwxe_board input[type="text"],
.jwxe_board input[type="password"],
.jwxe_board .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.jwxe_board select,
.jwxe_board input[type="text"],
.jwxe_board input[type="password"],
.jwxe_board .uneditable-input {
	height: 15px;
}


.jwxe_board textarea:focus,
.jwxe_board input[type="text"]:focus,
.jwxe_board input[type="password"]:focus,
.jwxe_board .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  /*outline: thin dotted \9;*/
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.bold{font-weight:bolder;}
.fl{float:left}
.al_right{ text-align:right; }
.al_center{ text-align:center; }
.pt5{ padding-top:5px; }
.pt20{ padding-top:20px; }
.pt30{ padding-top:30px; }
.pt40{ padding-top:40px; }
.pt50{ padding-top:50px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr12{ padding-right:12px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.none{ display:none; }

/*약관동의*/
.mem_wrap.join .mem_title {margin:10px 0; background: url('/_custom/lx/_common/member/common/img/bg/member_bullet.gif') transparent 0 8px no-repeat;}
.mem_wrap.join .mem_title .bullet01{color:#1b7a73; font-size:18px; padding-left:20px;}
.mem_wrap.join .title_step {padding-bottom: 15px;}
.mem_wrap.join .title {margin: 40px 0 20px 0;}
.mem_wrap.join .text {background:#ffffff;max-height: 210px;min-width: 580px;overflow-y: scroll; border:1px solid #e7e7e7;}
.mem_wrap.join .chk {padding:10px 10px 5px 0px;}
.mem_wrap.join .chk input {padding-right:5px;}
.mem_wrap.join .btn {text-align: right;}

/*정보입력 및 가입완료*/
.wp14per{width:14%;}
.wp15per{width:15%;}
.wp36per{width:36%;}
.wp97per{width:97%;}
.wp100per{width:100%;}

.write_wrap {padding-top: 20px; margin:0 10px;}
.write_table{border-collapse: collapse; border-top: 1px solid #000; width:100%;}
.write_table .th{
	line-height: 18px;
	padding: 15px;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-size: 14px;
	letter-spacing: -1px;
}
.bg_colore4{background-color: #e4ecff;}
.bg_colorf5{background-color: #f5f5f5;}
.write_table .td{
	color: #676767;
	line-height: 18px;
	padding: 15px;
	border-bottom: 1px solid #cccccc;
	font-size: 13px;
}
.write_table .input, .write_table #article_text {border: 1px solid #d7d7d7;padding: 1px;}
.write_table #article_text, .write_table input.title{width:98%;}
/*.btn_wrap { width:157px;height:32px;margin:30px 0 0 745px; }*/
.btn01{ /*확인*/
	display: inline-block;
	width: 71px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	cursor: pointer;
	background: #1151e2;
	border: 1px solid #0d3eaf;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.btn02{ /*취소*/
	display: inline-block;
	width: 71px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	cursor: pointer;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.btn_01{ /*회원정보 입력 버튼*/
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	padding: 5px 10px;
	background: #1151e2;
	border: 1px solid #0d3eaf;
}

.btn_wrap1 { /*회원탈퇴 버튼 */
	display: inline-block;
	width: 75px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border: 1px solid #cccccc;
	padding: 8px 0;
	background-color: #ffffff;
	cursor:pointer;
}

.write_table .td_title {
	padding: 12px 0 12px 15px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	font-size: 14px;
	color: #454545;
}

.write_table .input{
	border: 1px solid #cccccc;
	vertical-align: middle;
	height: 26px;
	margin-right: 5px;
	font-size: 12px;
	color: #454545;
	padding: 0 0 0 10px;
}

.write_table .td_title2 {
	padding: 12px 0 12px 15px;
	text-align: left;
	font-size: 14px;
	color: #454545;
}

/* 비빌번호 변경 */
.pw_chang_wrap .span{ font-weight:bolder; padding-left:5px; background: url('/_custom/lx/_common/member/common/img/bg/id_pw_bullet.gif') no-repeat scroll left center transparent; }

/* 본인인증*/
.auth_wrap{ background:#ffffff; padding: 25px 45px; overflow: auto; border:1px solid #a8dad6;}
.auth_wrap .top_title{font-weight:bolder; font-size:24px; color:#00a98e; border-bottom:6px solid #dcdcdc;}
.auth_wrap .mobile_wrap, .auth_wrap .ipin_wrap{ width:318px; }
.auth_wrap .ul{ padding:25px 10px 25px 10px; }


/*회원가입*/
.contents .h5_tit_02{
	font-size:17px;
	font-weight:bold;
	color:#222;
	padding:35px 0 15px 0;
	position: relative;
	display: block;
    left: 0;
    top: 0;
}


.contents { color: #454545; padding: 0 15px 50px; }
.contents02{padding:0 30px 20px 30px !important}
.contents ._scrollY {height: 160px; overflow-y: scroll; padding: 20px;}
.contents .border {border: 1px solid #CCCCCC;}
.contents .h5_tit { font-size: 17px; font-weight: bold; color: #222; padding: 40px 0 15px 0; }
.contents .blue02 { color: #1854db !important; } 
.contents .joinus_step_01{width:900px; height:80px; background:url("/_custom/cgbest/_common/member/common/img/bg/joinus_step_bg_01.png") no-repeat 0 0;font-size:20px;font-weight:bold;color:#fff;text-align:center;letter-spacing:-1px}
.contents .joinus_step_01 ol li{width:300px;float:left;}
.contents .joinus_step_01 ol li span{font-size:15px;padding-right:10px;display:inline-block}
.contents .joinus_step_02{width:900px; height:80px; background:url(/_custom/cgbest/_common/member/common/img/bg/joinus_step_bg_02.png) no-repeat 0 0;font-size:20px;font-weight:bold;color:#fff;line-height:80px;text-align:center;letter-spacing:-1px}
.contents .joinus_step_02 ol li{width:300px;float:left}
.contents .joinus_step_02 ol li span{font-size:15px;padding-right:10px;display:inline-block}
.contents .joinus_step_03{width: 900px; height: 80px;background:url(/_custom/cgbest/_common/member/common/img/bg/joinus_step_bg_03.png) no-repeat 0 0;font-size:20px;font-weight:bold;color:#fff;line-height:80px;text-align:center;letter-spacing:-1px}
.contents .joinus_step_03 ol li{width:300px;float:left}
.contents .joinus_step_03 ol li span{font-size:15px;padding-right:10px;display:inline-block}
.contents ._scrollY{height:160px;overflow-y:scroll}
.contents .check{background:url(/_custom/cgbest/_common/member/common/img/joinus_vline.gif) no-repeat 80px 55px}
.contents .check{line-height:36px}
.contents .check li{float:left;width:100px}
.contents .check li a{display:inline-block;width:114px;height:34px;cursor:pointer;border:1px solid #ccc;text-align:center}
.contents .joinus_end label{display:block}
.contents .joinus_end p.joinus_text{font-size:22px;font-weight:bold;color:#333;text-align:center}
.contents .joinus_end dl{width:280px;height:60px;margin:0 auto}
.contents .joinus_end dl dt{float:left;width:80px;height:25px;padding-top:4px}
.contents .joinus_end dl dt label{font-size:15px;font-weight:bold;color:#333}
.contents .joinus_end dl dd{float:left;width:190px;height:32px}
.contents .joinus_end dl .inputText{width:180px;height: 23px;line-height: 23px;padding: 0 5px;border: 1px solid #b9b9b9;}
.contents .joinus_end .login{position:absolute;top:0;left:277px}
.contents .joinus_end .login .btn{display:inline-block;width:73px;height:55px;line-height:57px;text-align:center;cursor:pointer;background:#1151e2;border:1px solid #0d3eaf;font-size:14px;font-weight:bold;color:#fff}
.contents .step_02 li{float:left;padding-left:5px}
.contents .step_02 .btn01{display:inline-block;width:71px;height:29px;line-height:29px;text-align:center;cursor:pointer;background:#1151e2;border:1px solid #0d3eaf;font-size:14px;font-weight:bold;color:#fff}
.contents .step_02 .btn_02{display:inline-block;width:71px;height:29px;line-height:29px;text-align:center;cursor:pointer;background:#fff;border:1px solid #ccc;font-size:14px;font-weight:bold;color:#333}

/*아이디 비밀번호 찾기 */
.qbox_wrap{ padding:20px 30px;margin-bottom:30px;border:1px solid #cccccc;display:block;border-top:1px solid #000000;overflow:auto}
.qbox_wrap2{padding:30px 0;text-align:center;border:1px solid #cccccc;margin-bottom:10px}
.qbox_wrap2 input{margin-left:15px;height:26px}
.qbox_wrap span{font-size:14px;font-weight:bold;color:#454545;float:left;padding-top:6px}
.qbox_wrap .search_btn2{font-size:14px;font-weight:bold;color:#ffffff;border:1px solid #0d3eaf;background:#1151e2;padding:5px 10px;float:right}
.qbox1{font-size:22px;font-weight:bold;color:#333333}
.qbox2{padding:20px 30px 39px 30px;font-size:13px;color:#454545}
.line1{width:518px;height:1px;background:#cccccc;margin:0 auto}
.line2{width:700px;height:1px;background:#cccccc;margin:0 auto}
.qbox3{padding-top:30px;font-size:13px;font-weight:bold;color:#282828}
.qbox4{margin:0 auto 30px auto;width:610px;overflow:auto}
.qbox4 h5{font-size:17px;font-weight:bold;color:#333333;float:left;text-align:left;width:220px}
.qbox4 ul{float:left;text-align:left}
.qbox4 ul li{clear:both;text-align:left;font-size:13px;color:#454545;margin-bottom:10px;list-style:disc}
 
.btn_wrap4{text-align:center;font-size:15px;font-weight:bold;color:#313131;border:1px solid #cccccc;padding:10px 30px;margin-left:10px}
.btn_wrap6{text-align:center;font-size:22px;font-weight:bold;color:#333333;border:1px solid #cccccc;padding:15px 80px;margin:0 15px}
.p15_2{padding:0 15px;color:#cccccc!important;font-weight:normal !important;}