@charset "utf-8";

input::placeholder{color:#a4a4a4;}

input[type="checkbox"]{display: none;}
input[type="checkbox"] +label{color:#ccc;margin-right:8px;}
input[type="checkbox"] +label span{ display: inline-block; width:12px; height:12px; vertical-align: middle; border:1px solid #e2e2e2; background: #fff; cursor:pointer;}
input[type="checkbox"]:checked + label span {width:14px; height:14px; background:url(../images/checkbox-selected.png)top left no-repeat; outline:none; border:none;}

dd input[type="checkbox"] +label span{ display: inline-block; width:14px; height:14px; vertical-align: middle; border:1px solid #e2e2e2; background: #fff; cursor:pointer;}
dd input[type="checkbox"]:checked + label span {width:16px; height:16px; background:url(../images/checkbox-selected2.svg)top left no-repeat; outline:none; border:none;}
dd label{margin-right:8px;}

input[type="radio"]{display: none; }
input[type="radio"] +label{display: inline-block; color:#414141; line-height: 16px; vertical-align: middle; padding:11px 0; }
input[type="radio"] +label span{display: inline-block; width:14px; height:14px;line-height: 16px; vertical-align: middle; border:1px solid #ccc;margin-bottom:2px;margin-right:10px;border-radius: 8px; background: #fff; cursor:pointer;}
input[type="radio"]:checked + label span {width:16px; height:16px; background:url(../images/radio-selected.svg)top left no-repeat; outline:none; border:none;}
input[type="radio"].radio-disabled:checked + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)top left no-repeat; outline:none; border:none;}
input[type="radio"]:checked:disabled + label span {width:16px; height:16px; background:url(../images/radio-selected2.svg)top left no-repeat; outline:none; border:none;}
input[type="radio"]:disabled +label span{display: inline-block; width:14px; height:14px;line-height: 16px; vertical-align: middle; border:1px solid #ccc;margin-bottom:2px;margin-right:10px;border-radius: 8px; background: #fff;color:#8D8D8D;}

input[type="text"],[type="password"],[type="date"]{height:32px;font-size:14px; outline:none; padding-left:13px; border:1px solid #e3e3e3;}
input.input_search{width:240px;border-left:0; }
input.input{width:100%; }
input.input_100{width:100%;}
input.input_h{width:70px; }
input.pop_bs{position: relative; width:100%; border:1px solid #e3e3e3; border-bottom:0;}
input.pop_bs +label{position: absolute; top:40px; right:14px;}

.form_input textarea{width:630px; height:96px;padding:8px 14px; border:1px solid #e3e3e3; }

#datepicker{position: relative; width: 140px; }
#datepicker > span img{position: absolute; top:8px; right:14px;}
#datepicker > span:hover{cursor:pointer;}




.btnCalendar { display:inline-block; position:relative; overflow:hidden; width:36px; height:30px; box-sizing:border-box; border:1px solid #d4d4d4; vertical-align:top; text-indent:120%; white-space:nowrap;  -webkit-transition:border .3s ease-out; transition:border .3s ease-out; }
.btnCalendar:before { content:""; display:inline-block; position:absolute; top:0; left:0; width:18px; height:18px; margin-top:0;  background: url(../images/btn-calendar.png)no-repeat; }
.btnCalendar { margin-left:-5px; }

/*팝업*/
#mask{position: fixed; left:0; top:0; z-index: 9999;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}

.pop_box{ position:fixed; 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 50px;}
.w_500{width:500px;}
.w_650{width:650px;}
.w_1000{width:1000px;}


.pop_h1{font-size:20px; color:#3a3a3a; font-weight:700; }
.pop_h2{font-size:24px; color:#3a3a3a;padding-top: 20px; font-weight:700; line-height:28px; text-align: center; letter-spacing: -1px;}
.pop_h1 br{display: none;}
.pop_h3{width:144px;height:32px; line-height:28px; padding-left:10px; box-sizing:border-box;font-size:20px; background: #363636; color:#fff; }
.pop_cont{margin-top:20px;}
.pop_btn{display: flex; justify-content:space-between; margin-top:30px;}
.pop_close{content:""; display:block; position: absolute; top:15px; right:15px;width:25px; height:25px;background: url(../images/btn_pop_close.png);background-size: 25px 25px; }
.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;}
button.btn_close{width:22px; height:14px; background: url(../images/icn-close.png)8px 2px no-repeat;padding:0; ;}

.platinem_pop_txt{width:100%; }
.platinem_pop_txt p{width:100%; font-size:13px; border-bottom:1px solid #ccc; line-height: 20px; padding:10px; box-sizing: border-box;}


@media (min-width:768px)and (max-width:1023px){
	.w_500{width:500px;padding:0 30px;}

	.w_1000{width:730px;}
	.pop_wrap{position:relative; padding:30px 20px;}
}
/*로그인-회원가입*/
.login_txt01{font-size:18px; line-height: 24px; }
.login_txt02{font-size:14px; color:#999; margin-top:20px;}
.login_form{width:100%; padding-top:10px;}

.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%; font-size:14px;line-height:20px;color:#333;  padding:14px 14px;margin-top:5px;margin-bottom:5px; border:1px solid #e3e3e3; outline:none;background: #fff; box-sizing: border-box;}
.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;}


.idpw_m{height:50px; }
.idpw_m p{font-size: 12px;line-height: 16px; color:#005a2b; padding-top:10px;}

.mem_table{padding:0 40px 30px 40px; width:100%; box-sizing: border-box;}
.mem_table .mem_top{color:#999; border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;padding:20px;}
.mem_table .mem_top .first_txt{font-size:16px;color:#333;line-height: 36px; font-weight: 600;}

.mem_table2{padding:60px; width:64%;  margin:50px auto; border:1px solid #e4e4e4;box-sizing: border-box;}
.mem_table2 .mem_top{width:100%; font-weight: 600; margin:40px auto;padding:0 0 20px 6px; color:#005a2b;  border-bottom: 1px dotted #ccc;}

.form_field{display: flex; justify-content: space-between; width:100%; font-size:14px; margin:0 auto; padding:20px 0; border-bottom: 1px solid #e3e3e3;}
.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%;float:left; 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{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;}

.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; }
.txttit01{font-size:18px; line-height: 30px;}
.mem_box{width:100%; border-bottom: 1px solid #f3f3f3;padding:20px 0; margin-bottom: 40px; }
.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;}


.txt_agree {font-size:14px; width:100%; height:100px; line-height:20px;overflow-y: scroll; border:1px solid #cfcfcf; padding:10px; box-sizing: border-box;}
.txt_agree strong{font-weight: bold; }
.txt_agree a{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;}

.member_bt{display:flex; justify-content: center; margin-top: 30px;}

.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;}
button.member_btn{ padding:0 10px; background:#005a2b; color:#fff; height:32px; line-height: 32px;  }
button.black_btn{ width:150px; padding:10px 0; background:#333; color:#fff;   margin:5px; }

.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;}



/*테이블*/
.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:600px; 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;}

@media (max-width:767px){

.pop_box{width:96%; }
.pop_wrap{padding:15px;}
.pop_close{width:17px; height:17px;background: url(../images/btn_pop_close.png)no-repeat;background-size: 17px 17px; }
.w_650{width:90%;}
.pop_cont table td.txt_l{text-align:left; padding-left:5px;}
.platinem_pop_txt p{ font-size:11px; }



.mem_table{width:100%;padding:0 20px 10px 20px; }
.mem_table .mem_top{font-size:12px;line-height: 18px;padding:20px;}
.mem_table .mem_top .first_txt{font-size:14px;line-height: 20px;}

.mem_table2{width:100%;padding:30px; margin:0; border:0;}
.mem_table2 .mem_top{width:100%;  margin:0;padding:30px 0; }

.pop_h1 {font-size:15px;}
.pop_h1 br{display: inline-block;}

.txttit01{font-size:16px; line-height: 24px;}

.form_field{flex-direction: column; font-size:12px;  padding:10px 0; }
.form_field .form_h1{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{margin-right: 3px;}
.form_field .form_input > ul > li >input{width:100%;}

.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;}
.cir_green{margin-left: 0;}

button.member_btn{ width:100px;  }


}