@charset "utf-8";
:root{
	--black:#131313;
	--white:#fff;

	--gray1:#525252;
	--gray2:#8c8c8c;
	--gray3:#c4c4c4;
	--gray4:#e8e8e8;

	--blue:#336699;	
	--light-blue1:#b9e8f1;
	--light-blue2:#d6edf6;
	--dark-blue:#274b63;

	--orange:#e8ab59;
	--tan:#d2aa87;	
	--tan2:#e2d4cb;
	--tan3:#d1bd82;	

	--cool:#d8dde0;
	--aqua:#a6c3c1;
	--red:#cf0707;
	--link-color:#131313;
	--green:#005A2B;
}
.green{
	color:var(--green);
}
.text_red{
	color:var(--red);
}
body{
	color:var(--black);
	font-size: 13px;
}
a{
	text-decoration: none; 
	color:var(--link-color);
}
h1{
	font-size:24px;
	color:var(--blue); 
}
.ml_10{margin-letft:10px;}
.mr_10{margin-right:10px;}
.mt_10{margin-top:10px;}
.mb_10{margin-bottom: 10px;}
.none{opacity: 0;}
.align-R{text-align: right;}

.webview{display:block;}
.mobileview{display:none;}

/*로그인-회원가입*/
.login_h1 {
  text-align: center;
  height: 50px;
  padding: 50px;
  line-height: 50px;
  font-size: 35px;
  margin-top: 70px;
}
.login_wrap {
  width: 650px;
  margin: auto;
  margin-bottom: 80px;
  padding: 80px 50px;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
}
.login_cont {
	width: 80%; 
	margin: auto;
}
.w_mail {width: 47%;}
.idpw_m{height:50px; }
.idpw_m p{
	font-size: 12px;
	line-height: 16px;
	color:#005a2b; 
	padding-top:10px;
}
.login_form{
	width:100%; 
	padding-top:10px;
}
.login_page_txt01{
	font-size:16px; 
	line-height: 24px;
	padding-bottom: 30px;
}
.login_page_txt02{
	font-size:14px; 
	line-height: 20px; 
	color:#999; 
	margin-top:20px;
}
.input_area{
	position: relative;
	padding-top:20px;
	margin-top:10px;
}
.input_area .input_h{
	width:100%; 
	height:40px; 
	display: flex; 
	align-items: center; 
	justify-content: space-between;
}
.input_area span.w_half{ 
	width:180px;
}
.input_area span.w_10{ 
	width:10px;
}
.input_area p{
	font-size:12px; 
	line-height:16px;
	margin-top:10px;  
	font-weight:400; 
}
.input_area p.gray{
	color:#a4a4a4; 
}
.input_area p.blue{
	color:#001fd2;
}
.input_area p.red{
	color:#f9422b;
}
.input_area p img{
	vertical-align: middle; 
	margin-right:3px;}

.login_form input{
	width:100%; 	
}
.login_form label{
	position: absolute; 
	left:0; 
	top:0;
	font-size:14px; 
	line-height: 14px;
}
.btn_area{
	margin-top:10px;
}
.btn_area button{
	width:100%;
	height:48px;
	font-size:16px;
	line-height: 48px;
	color:#fff; 
	outline:none; 
	border:none;
	background: #005a2b;  
	text-align: center; 
	cursor: pointer;
}
.btn_area2{
	margin-top:20px; 
	text-align: center;
}
.btn_area2 button{
	display: flex; 
	align-items: center;
	justify-content: center; 
	width:100%; 
	margin-top:5px;
	height:40px;
	font-size:14px;
	line-height: 38px;
	color:#999; 
	outline:none; 
	background:#fff; 
	border:1px solid #ccc;  
	text-align: center; 
	cursor: pointer;}
.btn_area2 span.my_btn{
	font-size:12px; 
	color:000; 
}
.btn_area2 img{
	margin-right:10px;
}
.btn_area_offline{
	margin-top:20px; 
	text-align: center;
}
.btn_area_offline button{
	width:120px; 
	margin:5px;
	height:40px;
	font-size:14px;
	line-height: 38px;
	color:#fff; 
	outline:none; 
	background:#005a2b; 
	text-align: center; 
	cursor: pointer;
}
.btn_center{
	margin-top: 50px;
	width:100%;
	display: flex;
	justify-content: center;
}
.opacity_70{
	opacity: 70%;
}
/*버튼*/
.btn_black{
	font-size: 0.75rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 15px 20px;
	min-width:100px;
}
.btn_black:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
.btn_white{
	font-size: 0.75rem;
	color: var(--black);	
	letter-spacing: 0.1em;
	background: var(--white);	
	transition: 0.4s;
	padding: 15px 20px;
}
.btn_white:hover{
	color: var(--white);
	background: var(--black);
	
}
.btn_black-s{
	font-size: 0.6rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 0 15px;
	line-height:20px;	
}
.btn_black-s:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
.btn_black-m{
	font-size: 0.7rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 5px 5px;
	line-height:20px;
	width:100%;	
}
.btn_black-m:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
button:disabled{
	background: rgba(0,0,0,.1);
	cursor: default;
}
button:disabled:hover{
	background: rgba(0,0,0,.1); 
	border:1px solid transparent;
	color: var(--white);
}
a.detail_link{
	display:block; 
	font-size:12px;
	font-weight: bold;
}
a.detail_link:before{
	display:inline-block; 
	content:""; 
	background-image: url("../images/chevron-right-solid.svg"); 
	background-size:6px 9px;           
	width:6px; 
	height:9px; 
	margin-right:10px;  
}
a.detail_link:hover{
	text-decoration: underline;
	text-underline-position : under;
}
/*팝업*/
#mask{
	position: fixed; 
	left:0; 
	top:0;
	z-index: 9999;
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, 0.5);
}
.mask_comingsoon{
	position: fixed; 
	left:0; 
	top:0;
	z-index: 9999;
	width: 100%; 
	height: 100%; 
	background: rgba(75, 75, 75, 0.8);
}
.mask_comingsoon div{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-shadow:0 0 10px rgba(0,0,0,0.9);
	width:100%;
	height:100%;
	color:#fff;
	font-size:24px;
	padding-bottom: 240px;	
	box-sizing: border-box;
}
.mask_comingsoon div br:first-child,.mask_comingsoon div br:last-child{
	display: none;
}
.pop_box{ 
	position:fixed; 
	width:95%;  
	left:50%; 
	top:50%; 
	z-index: 10000; 
	min-height: 250px; 
	background: #fff; 
	transform:translate(-50%, -50%);
	box-sizing: border-box;
	border-radius: 4px;
}

.pop_wrap{
	position:relative;
	padding:30px; 
	box-sizing: border-box;
}
.w_500{
	width:500px;
	height:auto;
}
.w_1400{
	width:1380px;
	}
.pop_close{
	content:""; 
	display:block; 
	position: fixed; 
	top:15px; 
	right:15px;
	width:25px; 
	height:25px;
	background: url(../images/btn_pop_close.png);
	background-size: 25px 25px; 
}
.pop_h1{
	display: block; 
	font-size:28px; 	
	color:var(--black);
	margin-bottom: 20px;
	font-family: "Land Rover Web","AvenirNext", "arial", "helvetica", sans-serif;
}
.pop_h2{	
	width:100%;
	font-size:26px; 
	color:#3a3a3a;
	margin-bottom: 20px;
	font-weight:700; 
	line-height:38px; 
	text-align:center;	 
	letter-spacing: -1px;
}
.pop_h2 .font_lr{
	font-family: "Land Rover Web";
	font-size:30px;
	font-weight: bold;
	width:100%; 
}
.pop_h3{
	display: inline-block; 
	height:50px; 
	line-height:50px;
	border-radius: 3px; 
	padding: 0 40px; 
	box-sizing:border-box;
	font-size:36px; 
	background: #363636; 
	color:#fff; }

.pop_h4{
	font-size:20px; 
	color:var(--black); 
	font-weight:700;
	margin-bottom: 10px;
}
.pop_h4 br{display: none;}	

.pop_cont_c{
	padding:40px 0; 
	width:90%;  
	margin:0 auto; 
	font-size:18px; 
	line-height: 40px; 
	text-align: center; 
}
.pop_cont_c span.lr{
	font-family:'Land Rover';
}
.pop_cont_c span.name{
	color:#005a2b; 
	font-weight: 700;
}
.pop_cont_c p.txt{ 
	font-size:16px; 
}
.pop_cont{
	width:100%;	
	max-height:90%;	
	padding-top: 0;
	overflow-y: auto;	
}

/* tab */
.tabCont {
	display:none; 
	height:100%; 
	}
.p_tab { 
	position:relative; 
	display:flex; 
	width:100%;
}

.p_tab ul {
	width:100%;
	display:flex; 
	
	flex-wrap:nowrap;  	
}
.p_tab li {
	flex:1; 
	padding:10px 24px 15px 24px;
	position: relative;	
	border: 1px solid var(--gray3);
	border-right:none;
	 
}
.p_tab li.selected{
	background: var(--gray4);
}
.p_tab li:last-child{
	border-right: 1px solid var(--gray3);
}

.p_tab li a {
	display:flex; 
	justify-content:center; 
	align-items:top;  
	line-height:20px; 
	color:#a4a4a4; 
	box-sizing:border-box; 
	text-align:center; 	
}
.p_tab li a.landrover{
	font-size:18px;
	font-family: Land Rover Web Bold,Arial,Helvetica,sans-serif;
}
.p_tab li.selected { 
	z-index:1; 
}
.p_tab li.selected a { 
	line-height:20px; 
	color:var(--gray1); 
	font-weight: bold; 	 
}

/*new탭*/
.mTab {  display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab li:nth-child(3){border:0; width:100px;}
.mTab li {display:inline-block; width:180px; height:40px; border:1px solid #ccc; font-weight: bold; margin:0 1px 10px 0; }
.mTab li a {display:block; font-size:14px; color:#666; line-height:40px;text-align:center;box-sizing:border-box;  }
.mTab li.selected a { background:#333; border:0; color:#fff;}
.category .tabCont {display:none; margin:-2px 0 0 -2px; height:95%; padding-top:10px; }


.table_box{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px; background: #fff; }
.table_box .no_data{width:100%; font-size:14px; padding:30px 0; text-align: center;}

.table_box .list_box{position: relative;  width:96%; margin:10px auto; padding:10px 0;border-top:2px solid #333;  border-bottom:1px solid #333;}
.table_box .list_box a{display: flex; justify-content: flex-start;}
.table_box .list_box .tit,.table_box .list_box .date{padding-left: 10px; box-sizing: border-box;}
.table_box .list_box .thumb{width:100px;height:56px;}
.table_box .list_box .thumb img,.table_box .list_box .thumb canvas{width:100%;}
.table_box .list_box .tit{font-weight: bold; font-size:14px; line-height: 16px; margin-bottom: 10px;}
.table_box .list_box .date{font-size:12px; color:#666;}
.table_box .list_box button{position: absolute; bottom:10px; right:0;}


/*form*/
.form_field{
	display: flex; 
	justify-content: space-between; 
	width:100%; 
	font-size:14px; 
	margin:0 auto; 
	padding:20px 0; 	
}
.td_tit{
	font-size:20px; 
	line-height:30px; 
	width:1025px; 
	margin-top: 20px;
}
.form_field .form_h1{
	width:17%;  
	line-height: 20px; 
	color:#1b1b1b; 
	margin-top:8px; 
	font-weight:600; 
	box-sizing: border-box;
}
.form_field .form_input{ 
	width:83%;
	line-height: 32px;
}
.form_field .form_input > input{
	width:60%;
}
.form_field .form_input > ul { 
	display: flex; 
	margin:2px 0;
}
.form_field .form_input > ul > li{ 
	width:50%;
	margin-right: 3px; 
}
.form_field .form_input > ul > li >input{
	width:100%;
}

.form_field .form_input .it_txt{
	color:#414141; 
	line-height: 26px;
}

.form_field2{
	display:flex; 
	justify-content: center; 
	width:100%; 
	font-size:14px; 
	margin:0 auto; 
	padding:15px 0;  
	box-sizing: border-box;
}
.form_field2 .form_h1{
	width:20%;  
	line-height: 20px; 
	color:#1b1b1b; 
	margin-top:8px; 
	font-weight:600; 
	box-sizing: border-box;
}
.form_field2 .form_input{
	width:80%;
	float:left;
}
.form_field3{
	display:flex; 	
	width:100%;
	font-size:14px; 
	margin:0 auto; 
	padding:5px 0;  
	box-sizing: border-box;
}
.form_field3 .form_input{
	flex:1;	
}
.form_field3 .form_input .input{
	width:100%;
}
.form_field3 .btn_r{
	width:110px;
}
.form_field .form_input .input_w_50 {
	width: 50%;		
}
.form_field .form_input .last_name {
	width: 49%; 
	margin-right: 1%;
}
.form_field .form_input .first_name {
	width: 49%;
}
.form_field .counseling_sub_txt {
	margin-top: 5px; 
	line-height: 15px; 
	letter-spacing: -0.5px;
	font-size: 12px;
}
.form_field .counseling_way {
	width: 83%; 
	margin-top: 8px; 
	font-size: 14px;
}

.form_field_100{
	flex-direction: column; 
	font-size:14px; 
	font-weight: bold; 
	padding:10px 0; 		
}
.form_field_100 .form_h1{
	display: black; 
	width:100%;  
	line-height: 16px; 
	margin-bottom: 6px; 
}
.form_field_100 .form_input{
	width:100%; 
}
.form_field_100 .form_input .it_txt{
	line-height: 22px;
}
.form_field_100 .form_input > input{
	width:100%;
}
.form_field_100 .form_input > ul {
	display: flex;
	margin:1px 0;
}
.form_field_100 .form_input > ul > li{
	margin-right: 3px;
}
.form_field_100 .form_input > ul > li >input{
	width:100%;
}
.form_field_100 .counseling_way {
	width: 100%;
}
.form_field_100 .form_input > .input_w_50 {
	width: 100%;
}
.form_field_100 .form_input .last_name {
	width: 30%; 
	margin-right: 3%;
}
.form_field_100 .form_input .first_name {
	width: 40%;
} 
.form_field3 .form_input {
	position: relative;
}
.check_count { 
  position: absolute;
  right: 0;  
  top:1px;
  height:30px;
  width: 60px;
  text-align: center;
  line-height:30px;
  font-size: 16px;
  color: #034a20;
}
/* 20240216 code_btn 추가 */
.form_field_100 .code_input {
	position: relative;
	display: flex;
	width: 100%;
}
.form_field_100 .form_input .code_btn {
	min-width: 130px;
	padding: 0;
}
.form_field_100 .code_input .check_count {
	position: absolute;
	right: 145px;
	height: 30px;
	width: 60px;
	text-align: center;
	line-height: 30px;
	font-size: 0.8rem;
	color: #034a20;
}
.form_field_100 .agree_sms_btn {
	width: 100%;
	margin-top: 20px;
}
/* 20240216 code_btn 추가 end */

/* 20240216 persnol_agree 추가 */
.form_field .persnol_agree_input > ul > li >input{
	width:40%;
	margin-right: 10px;
}
.form_field .persnol_agree_input .btn_black {
	height: 32px;
	padding: 0 20px;
}
/* 20240216 persnol_agree 추가 end*/
.mem_ect{width:20px;line-height: 30px;text-align: center;}

.compulsory{color:#f9422b; margin-left:3px;line-height: 20px; font-weight: 700;}

.form_input a.blue01{ float:right;}

.form_input a.btn_g{content:""; display:inline-block; font-size:14px; line-height:20px;color:#000;border:0; background: #f3f3f3;margin-left:10px;padding:8px 14px;  cursor: pointer;}
.form_input span.it_lb{position: relative; display:inline-block;margin:44px 15px 0 0;}
.form_input span.it_lb label{position: absolute; top:-22px; left:0; font-size:12px; font-weight:500;}
.under_red{ font-size: 12px; line-height:16px;color:red; margin-top: 10px;}
.under_txt{margin-top: 10px; line-height: 18px;}
.txttit01{font-size:18px; line-height: 30px;}
.mem_box{width:100%; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;padding:20px 0; margin-bottom: 40px; line-height: 20px;}
.mem_bt_box{width:100%; }
.mem_bt_tit{font-size:16px; font-weight: 600; margin-top:20px; margin-bottom: 10px; }
.bt_right{width:100%; display: flex; justify-content: flex-end; margin-top: 10px;}
.mem_bt_box ul{border:1px solid var(--gray4); padding: 20px 30px; margin-top: 20px;}
.mem_bt_box li{padding:14px 0;line-height: 22px; text-indent:-30px;margin-left: 30px;}
.mem_bt_tit a{color: var(--gray1);text-decoration: underline;}
.mem_bt_tit a:hover{color:#000;}
.txt_agree {font-size:14px; width:100%; height: 100px; overflow-y: scroll; border: 1px solid #cfcfcf; line-height:20px; padding:10px; box-sizing: border-box;}
.txt_agree strong{font-weight: bold; }
.txt_agree a{display: block; color:#000; font-weight: 600; line-height: 36px;}
.txt_agree table{width:95%;border-top:1px solid #ddd; }
.txt_agree table th{ background: #eee;  border-bottom:1px solid #ddd; text-align: left; padding-left: 10px; box-sizing: border-box;}
.txt_agree table td{border-bottom:1px solid #ddd; padding:5px 10px;}

.txt_agree > p {font-size: 14px; font-weight: 700;}
.txt_agree > span {display: block; width: 70%; margin-top: 6px; color: #333; line-height: 15px;}
.centerBtn{display:flex; justify-content: center; margin:50px 0;}

.section_bt_txt{font-size:12px; width:100%; line-height:20px;border:1px solid #cfcfcf; padding:26px;margin-top: 70px; box-sizing: border-box;}
.section_bt_txt span{font-size:14px; color:000; line-height: 30px; font-weight: 700;}

.find_bt{width:100%; height:100px; display: flex; align-items: center; justify-content: center;}
.find_bt button.find_btn{width:100%; height:50px; line-height: 50px; background:#005a2b; color:#fff;}

.find_text{font-size: 12px; color:red; text-align: center;}
button.member_btn{ padding:0 10px; background:#005a2b; color:#fff; height:32px; line-height: 32px;  }


/*테이블*/
.table01 table{width:100%; text-align: center; }
.table01 thead th{vertical-align: middle; background: #3a3a3a; color:#fff;border-right:1px solid #fff;padding:10px 0; box-sizing: border-box;}
.table01 tbody th{vertical-align: middle; font-size:12px; background: #eee; color:#3a3a3a;}
.table01 tbody td{padding:8px 0; }
.table01 tbody th,.table01 tbody td{border-bottom:1px solid #ddd;font-size:12px; line-height: 16px;box-sizing: border-box;}
table td.txt_l{text-align:left; padding-left:20px;}
table .cir_nor{display:inline-block;content:"";width:10px; height:10px; border-radius: 100%; border:1px solid #666;}
table .cir_color{display:inline-block;content:"";width:12px; height:12px; border-radius: 100%; background: #005a2b;}
.cir_green{display:inline-block;content:"";width:10px; height:10px; border-radius: 100%;  line-height: 18px; margin-right:5px; margin-left:10px;background: #005a2b;}
.add_option{font-size:14px; line-height: 18px;margin-left:20px;}

.table02 thead th,.table03 tbody th,.table03 tbody td{font-size:11px;}
.table02 table{width:100%; text-align: center; }
.table02 thead th{vertical-align: middle; background: #3a3a3a; color:#fff;border-right:1px solid #fff;padding:10px 0;box-sizing: border-box; }

.table03{width:100%;height:520px; overflow-y: scroll;}
.table03 table{width:100%;text-align: center;}
.table03 tbody th{vertical-align: middle;  background: #eee; color:#3a3a3a; border:1px solid #eee;padding:5px 0; box-sizing: border-box;}
.table03 tbody th.step01{background: #999; color:#fff;}
.table03 tbody td{vertical-align: middle;padding:10px 0; border-bottom:1px solid #ddd;font-size:12px; box-sizing: border-box;}
.table03 tbody td.txt_l{text-align:left; padding-left:15px;box-sizing: border-box;}
.table03 tbody th,td{line-height: 24px;}
.table03 tbody td:first-child{text-align:left; padding-left:15px;box-sizing: border-box;}

.table00 table {width:100%; margin-top: 50px;}

.table00 table thead th,.table00 table thead td{background: #fff;border-bottom:1px solid #b9b9b9; padding:30px 0; font-weight: bold;text-align:left; text-align: center;}
.table00 table thead th{background: #e9ecec;border-right:1px solid #0c121c;}
.table00 table tbody th{ border-bottom:1px solid #b9b9b9; border-right:1px solid #0c121c; vertical-align: middle; padding-left:20px;background: #e9ecec; text-align: left; font-weight: bold;box-sizing: border-box;}
.table00 table tbody td{background: #fff; border-bottom:1px solid #ccc; padding-top:20px; padding-bottom: 20px;text-align: center;}


.slidecontainer {
  width: 100%;
  margin-top: 20px; 
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #000;
  outline: none;
  opacity: 0.1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-top: 10px;
 
}

.slider:hover {
  opacity: 0.9;

}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border:5px solid #000;
  background: #eee;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border:5px solid #000;
  background: #eee;
  cursor: pointer;
}
/*툴팁*/
.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip .tooltip-content {
	position: absolute;	
	top:50px; left:-3px; 
	visibility: hidden;		
	background-color: #fff; 
	border:1px solid #000; 
	color:#414141; 
	padding: 14px;		
	text-align: left;	
	z-index: 1; 
	width:120px;
	box-sizing: border-box; 
}
.tooltip .tooltip-content::after {
	content: " ";	
	position: absolute; 
	top:-6px; 
	left:16px; 
	width:10px; 
	height:10px; 
	background:#f8f8f8;
	border-top: solid 1px #000; 
	border-right: solid 1px #000;
	transform: rotate(315deg);}
.tooltip:hover .tooltip-content { 
	visibility: visible; 
}
.swiper_stock{
	width:90%; 
	padding-top: 30px;
	overflow:hidden;
	margin:0 auto;
}
.swiper_stock img{
	width:100%;
}
canvas {			  
    object-fit: cover;
    min-width: 100%;
    max-width: 100%;   
    height: 100%;
    transition: 400ms;
	
}

.CPlayer__innerdiv {
	width: 100%;
	height: 100%;
}


		/*모바일-테블릿*/
@media screen and (max-width:1024px){ 
	
	.webview{display:none;}
	.mobileview{display:block;}
	
	.login_wrap {
	  width: 86%;
	  margin-bottom: 80px;
	  padding: 0;
	  border: none;
	}
	.login_h1 {
	    text-align: center;
	    height: 30px;
	    padding: 50px 0 30px 0;
	    line-height: 30px;
	    font-size: 26px;
	}
	.login_cont {
		width: 100%; 
		margin: auto;
	}
	.w_mail {
		width: 46%;
	}
	.login_page_txt01 {
		font-size: 16px; 
		line-height: 24px;
	}
	.login_page_txt02 {
		font-size: 14px; 
		color: #999; 
		margin-top: 20px;}
	.login_form label {
		font-size: 14px;
	} 
	
	/*팝업*/
	.w_500{
		width:90%;
	}
	.w_1400{
		width:96%; 
		height:auto;
		overflow-y: scroll;
	}
	.pop_wrap{
		padding:15px;
	}
	.pop_title{		 
		padding-left:0; 
		padding-bottom: 10px;		
	}	
	.pop_close{ 
		width:15px; 
		height:15px;
		background-size: 15px 15px; 
		top:3px;
		right:3px;
	}
	.mask_close{
		content:""; 
		display:block; 
		position: fixed; 
		width:17px; 
		height:17px;		
		top:10px;
		right:10px;		
		background: url(../images/btn_pop_close.png);	
		background-size: 17px 17px; 	
		z-index: 10001;
	}
	.mask_comingsoon div{		
		font-size:20px;
		padding-bottom: 0;	
		font-weight: bold;
	}
	.mask_comingsoon div br:first-child,.mask_comingsoon div br:last-child{
		display: block;
	}
	.pop_h1{
		font-size:20px;
	}
	.pop_h2{
		font-size:22px; 
		color:#3a3a3a;
		padding-top: 10px; 
		font-weight:700; 
		line-height:28px; 
		letter-spacing: -1px;
	}	
	.pop_h2 .font_lr{				
		font-size:24px;
	}
	.pop_h3 {
	  font-size: 20px;
	  height: 45px;
	  line-height: 45px;
	}	
	.pop_h4 {font-size:15px;}
	.pop_h4 br{display: inline-block;}
	.pop_cont_c { 
		font-size:13px; 
		line-height: 20px;
	}	
	.pop_cont{
		height:97%;
		overflow-y: auto;
	}
	
	.tabCont {		
		padding-top:0; 
		}
	.p_tab ul{
		display: none;
	}
	.pop_title .model_select{
		width:100%;
		display: block;		
		margin-top: 10px;
	}
	
	.txttit01{
		font-size:16px; 
		line-height: 24px;
	}
	.form_field{
		flex-direction: column; 
		font-size:12px;  
		padding:10px 0; 
	}
	.form_field .form_h1{
		display: black; 
		width:100%;  
		line-height: 16px; 
		margin-bottom: 6px; 
	}
	.form_field .form_input{
		width:100%; 
	}
	.form_field .form_input .it_txt{
		line-height: 22px;
	}
	.form_field .form_input > input{
		width:50%;
	}
	.form_field .form_input > ul {
		display: flex;
		margin:1px 0;
	}
	.form_field .form_input > ul > li{
		width:100%;
		margin-right: 0;
	}
	.form_field .form_input > ul > li >input{
		width:100%;
	}
	.form_field .counseling_way {
		width: 100%;
	}
	.form_field .form_input > .input_w_50 {
		width: 100%;
	}
	.form_field .form_input .last_name {
		width: 30%; 
		margin-right: 3%;
	}
	.form_field .form_input .first_name {
		width: 40%;
	}
	/* 20240216 persnol_agree 추가 */
  .form_field .persnol_agree_input > ul > li >input{
	  width:50%;
   }
	/* 20240216 persnol_agree 추가 end*/

	.txt_agree > span {
		display: block; 
		width: 100%; 
		margin-top: 6px; 
		color: #555;
	}
	.mem_bt_tit{
		margin-top:30px; 
		line-height: 20px;
	}
	  
	.form_field2{
		flex-direction: column;
	}
	.form_field2 .form_h1{
		width:100%;  
		line-height: 20px; 
		color:#1b1b1b; 
		margin-bottom:8px; 
	}
	.form_field2 .form_input{
		width:100%;
	}
	.find_bt{
		height:150px;
	}
	.find_text{
		text-align: left;
	}
	button.member_btn{ 
		width:100px;  
	}
	.table00 table{
		font-size:11px;
	}
	.table00 table tbody th{
		padding-left: 8px;
	}
.mem_bt_tit{font-size: 14px;}
.mem_bt_box ul{padding:10px;}
.mem_bt_box ul li{padding: 10px 0;font-size:12px;}
  /*new탭*/
	.mTab li {width:80px; height:30px; }
	.mTab li a { font-size:12px; line-height: 30px;  }
	.mTab li.selected a {  height:30px;line-height: 30px;}

	.table_box {padding:20px 10px;}
	.table_box .no_data{font-size:12px; }
	.table_box .list_box{position: relative; width:96%; margin:10px auto; padding:10px 0;border-top:2px solid #333;  border-bottom:1px solid #333;}
	.table_box .list_box a{display: flex; flex-direction: column; }
	.table_box .list_box div{padding-left: 10px; box-sizing: border-box;}
	.table_box .list_box img{width:100px;}
	.table_box .list_box .tit{font-weight: bold; font-size:13px; line-height: 17px; margin-bottom: 6px;}
	.table_box .list_box .date{font-size:12px; color:#666;}
	.table_box .list_box button{position: absolute; top:10px;height:20px; right:0;}


}