/* 로그인 */
.loginArea { box-sizing: border-box;    width: 100%;    margin: auto;    padding: 63px 0 53px 0;    border: 3px solid #E9ECEF; }
.login{width: 545px;    margin: auto;padding-bottom: 30px;    border-bottom: 1px solid #EEE; overflow:hidden;}
.loginInput {margin-right: 10px; float: left;}
.login dt label {  position: absolute;  top: -999em;  height: 0;  line-height: 0;  font-size: 0;}
.login dt label { position: absolute;  top: -999em;  height: 0;  line-height: 0;  font-size: 0;}
.login input.i_text {width: 400px;   height:48px; line-height:48px;padding:0px 15px; border: 1px solid #CCC;    border-radius: inherit;    background-clip: padding-box;    -webkit-appearance: none; box-sizing: border-box; background-color:#fff;}
.login dd.inputPw { margin-top:8px;}
.login input.btnLogin { float:right;  width: 130px;    height: 106px;    border: inherit;  font-size: 15px;    color: #FFF;    background: #00AEEF;    cursor: pointer;    -webkit-transition: all 0.1s ease;    transition: all 0.1s ease;}

.extra_box{overflow:hidden; width: 545px;    margin: auto;padding-top: 25px; text-align:right;}
.extra_box ul{float:right;}
.extra_box ul:after { clear: both; display: block; content: '';}
.extra_box  li {  float:left;  position: relative;    line-height: 46px; padding-left: 10px;    font-size: 14px;}
.extra_box a.join{background: #172272; padding:10px 30px; color:#fff; font-weight:bold; margin-left:20px;}
.extra_box p{clear:both;padding-top:10px; }
.extra_box p a{color:#172272; }
.error{color: #ff0000; padding-top:5px; }

/* 회원가입, 회원가입완료 */
div.ico_title{position: relative; padding: 0 280px; margin-bottom:40px;}
div.ico_title p {position: relative; padding-left: 110px; font-size:18px; color:#444;}
div.ico_title p:before {    content: '';    position: absolute;    left: 0;    top: 0;    width: 92px;    height: 92px;    background: url('/images/default/content/ico_mem.gif') no-repeat 0 0;  }
div.ico_title em{font-size:35px; font-weight:400;}
div.ico_title:before {content: ''; position: absolute; left: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}
div.ico_title:after {content: ''; position: absolute; right: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}

ul.sign_select{overflow:hidden;}
ul.sign_select li{float:left; width:50%;}
ul.sign_select li a{display:block; height: 496px; box-sizing:border-box; padding:80px;}
ul.sign_select li.s01 a{background: url('/images/default/content/m_bg01.jpg') no-repeat 0 0; }
ul.sign_select li.s02 a{background: url('/images/default/content/m_bg02.jpg') no-repeat 0 0; }
ul.sign_select li a div{height:100%; color:#fff; text-align:center; box-sizing:border-box; padding-top:50px;}
ul.sign_select li a div h3{font-size: 35px; font-weight:800; margin-bottom:30px;}
ul.sign_select li a div p.more{background: url('/images/default/content/btn_arrow.png') no-repeat right center; padding-right: 80px; padding-bottom:10px; border-bottom:3px solid #fff; display:inline-block; margin-top:40px;}
ul.sign_select li.s01 a div{background: url('/images/default/content/coverBlue.png') repeat 0 0;}
ul.sign_select li.s02 a div{background: url('/images/default/content/coverBlack.png') repeat 0 0;}

.signup03{text-align:center;}
.signup03 .t_big{margin-top:20px; margin-bottom:10px; font-size:28px; font-weight:bold;}
.signup03 p.go_main{margin-top:10px;}
.signup03 p.go_main a{padding:15px 40px; background-color:#307cd7; color:#fff; font-weight:bold;}
.user_agree h3{font-size:18px; font-weight:bold; color:#242424; margin-top:40px;}
.reload_captcha img{vertical-align:middle !important;}

.user_agree label{display:block;}
.checkbox {height:20px; position:relative; font-size:0.8em;  margin:15px 0px; overflow:hidden;}
.checkbox label {line-height:20px; float:left; padding:0;}
.checkbox i {float:left; display:block; width:20px; height:20px; background:url('/images/default/content/input_checkbox_disable.png') no-repeat left top; background-size:20px 20px; z-index:3;}
.checkbox input.inputChkbox {opacity:0; cursor:pointer; z-index:5;}
.checkbox input.inputChkbox:checked+i { background:url('/images/default/content/input_checkbox_on.png') no-repeat left top; }


/* 멤버 Step */
ul.step {margin-bottom: 20px; border:1px solid #ddd; overflow:hidden;}
ul.step li{float:left; width:33.3%; height: 40px;text-align:center; background-color: #fafafa; line-height:40px; font-size: 15px; font-weight:bold;}
ul.step li.step_bg{ background: #fafafa url('/images/default/member/arrow.png') no-repeat right center;}
ul.step li.blue{display:block;background: url('/images/default/member/arrow_on.png') no-repeat left top; height:50px; } 
ul.step li span.arrow_off{display:block;background: url('/images/default/member/arrow_off.png') no-repeat left top; height:50px; } 
ul.step li span.arrow_on{display:block;background: url('/images/default/member/arrow_on.png') no-repeat left top; height:50px; } 
ul.step li.on{background: #009899; color: #fff; }
ul.step li.arrow_last{display:block;background: #848e9a url('/images/member/arrow_off.png') no-repeat left top; height:50px; width:33.4%; color:#fff;} 


.user_agree input{vertical-align:middle;}
.btnChkUnique{ display:inline-block; width:100%;  font-size: 14px;  height:37px; line-height:37px; text-align:center;  background-color: #0070c0; color: #fff; }

.example{font-size: 14px; color: #898989; padding-left:10px; }
textarea {padding:1%; border:1px solid #e5e5e5; color:#4d4d4d; resize:none;}    


/* 버튼 */
.btn_confirm { margin-right: 7px; width:112px; height:40px; line-height:40px;   font-size: 14px;  font-weight: bold;  color: #fff;  background-color: #0070c0;  border: 1px solid #0070c0; cursor:pointer; }
.btn_cancel {  width:112px; height:40px; line-height:40px;    font-size: 14px;  font-weight: bold;  color: #fff;  background-color: #848484;  border: 1px solid #848484;cursor:pointer;  }
.btn_save { margin-right: 7px; width:112px; height:40px; line-height:40px;    font-size: 14px;  font-weight: bold;  color: #fff;  background-color: #2D4472;  border: 1px solid #2D4472; cursor:pointer;  }
.btn_modify { margin-right: 7px; width:112px; height:40px; line-height:40px;    font-size: 14px;  font-weight: bold; font-weight: bold;  color: #fff;  background-color: #EF9737;  border: 1px solid #EF9737; cursor:pointer; }
.btn_list { margin-right: 7px; width:112px; height:40px; line-height:40px;    font-size: 14px;  font-weight: bold;  color: #848484;  background-color: #fff;  border: 1px solid #848484;cursor:pointer;  }
.btn_response { margin-right: 7px; width:112px; height:40px; line-height:40px;    font-size: 14px;  font-weight: bold;  color: #fff;  background-color: #5D5B60;  border: 1px solid #5D5B60;cursor:pointer;  }
.btn_view { width:160px; height:40px; line-height:40px;    font-size: 14px;  font-weight: bold;  color: #fff;  background-color: #002060;  border: 1px solid #002060;cursor:pointer;  }
.btn_submit{background-color:#009999; color:#fff; padding:10px 30px; border-radius:3px;cursor:pointer;}
.btn_submit2{background-color:#67ACCD; color:#fff !important; padding:5px 20px; border-radius:3px;cursor:pointer;}



/* 아이디 비번찾기 */
.btnAction{margin-top:40px;text-align:center; }
.IdSearch{width:48.5%;float:left;}
.PwSearch{width:48.5%;float:right;}
.IdSearch div.btnAction input[type="submit"], 
.PwSearch div.btnAction input[type="submit"]{ width:100%; height:44px; line-height:44px  font-size: 14px;  font-weight: 400;  color: #fff;  background-color: #b0b8c0;  border: 1px solid #b0b8c0; cursor:pointer; }
div.find{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:25px 0px; font-size:16px; margin-top:30px;}
h3.bul{font-size:21px; color:#333333; font-weight:bold;margin-top:48px; margin-bottom:13px; line-height:25px;position:relative;padding-left:30px;border-bottom:1px solid #d2d2d2;padding-bottom:13px;}
h3.findid:before{content:'';width:30px;height:30px;top:-3px;left:0;position:absolute;background:url('/images/default/member/icon_id.png') no-repeat top left;}
h3.findpw:before{content:'';width:30px;height:30px;top:-3px;left:0;position:absolute;background:url('/images/default/member/icon_pw.png') no-repeat top left;}
p.txt{font-size:16px;}
table.find_tb{border:2px solid #e7e8ea}
table.find_tb tr th{border-top:2px solid #e7e8ea;background:#f5f6f7;font-size:14px;color:#333333;font-weight:400;padding:15px;text-align:left;}
table.find_tb tr td{border-top:2px solid #e7e8ea;background:#f5f6f7;border-left:1px solid #e7e8ea;height:100%;}
table.find_tb tr td input{border:none;text-indent:20px;height:100%;width:100%;padding:0px;outline: none;}
table.find_tb tr td.on{border:2px solid #0070c0;}

/* 회원탈퇴 */
.withdraw{width: 100%;margin: 0 auto; text-align:center; padding-bottom:35px; color:#555555; font-size:18px; line-height:28px;}
.withdraw p.bar_bg{width:100%; height:2px; background-color:#21416a; margin-bottom:30px; position:relative;}
.withdraw p.bar_bg span{background-color:#29aca9; width:30%; height:2px; position:absolute; left:0; }
.withdraw b{color:#212121; font-weight:bold;}
.withdraw b span{color:#ff6a00; }
.withdraw p.withdrawBtn{margin-top:30px;}
.withdraw p.msg{background:#d3dae0;padding:50px 0px;color:#333333;font-size:14px;}


caption{display:none;}

/* 입력 스타일 */
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:38px; border:1px solid #e1e1e1; color:#555; background:#f7f7f7; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 3px 10px; box-sizing:border-box;  }
input[type="text"] {width:278px; background:#f7f7f7; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px 10px;  box-sizing:border-box;  height: 38px; text-align:left;line-height:38px;}
label{font-size:16px;}
textarea{padding:10px; width:100%;vertical-align:middle; box-sizing:border-box; background:#f7f7f7; border:1px solid #e1e1e1; color:#676767;  -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0; line-height:1.5;}

table.online_tb {width:100%; border-top: 2px solid #000;}
table.online_tb td, 
table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2; padding:18px 0; }
table.online_tb .label {float:left; position:relative; overflow:hidden; padding:18px 0; padding-left:20px; width:150px; vertical-align:middle}
table.online_tb .label label {display:block; padding-left:15px; font-weight:bold; font-size:16px; color:#000; line-height:1.5}
table.online_tb .label label.ls {letter-spacing:-2.2px;}
table.online_tb .label span {position:absolute; top:-9999px; left:-9999px; text-indent:-9999px;}
table.online_tb .label.star label {background:url("/images/default/content/star6x6.gif") no-repeat 0 50%;}
table.online_tb  p {font-size:15px; color:#767676; line-height:1.5; margin-top:10px}
table.online_tb .radio {position:relative; display:inline-block; margin-right:15px;}
table.online_tb .radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
table.online_tb .radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:33px; font-size:16px; color:#555; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
table.online_tb .radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 20px; height: 20px; line-height: 20px; background:url("/images/default/content/input_radio.png") no-repeat 0 50%}
table.online_tb .radio input[type="radio"]:checked + label:before{background:url("/images/default/content/input_radio_on.png") no-repeat 0 50%}
table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
table.online_tb .file input[type="text"] {width:358px;}
table.online_tb .file a {margin-left:10px; vertical-align:middle;}
table.online_tb .file span {margin-left:20px; font-size:15px; color:#767676}
table.online_tb input::-webkit-input-placeholder {color:#888;}
table.online_tb input:-moz-placeholder {color:#888; opacity:1;}
table.online_tb input::-moz-placeholder {color:#888; opacity:1;}
table.online_tb input:-ms-input-placeholder {color:#888;}
table.online_tb input:placeholder-shown {color:#888;}
table.online_tb input:focus::-webkit-input-placeholder, table.online_tb textarea:focus::-webkit-input-placeholder { /* WebKit browsers */  color:transparent;}
table.online_tb input:focus:-moz-placeholder, table.online_tb textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:transparent;}
table.online_tb input:focus::-moz-placeholder, table.online_tb textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */color:transparent;}
table.online_tb input:focus:-ms-input-placeholder, table.online_tb textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */color:transparent;}
table.online_tb td.address input{margin-top:5px;}
table.online_tb td.address input:first-child{margin-top:0;}
table.online_tb td.w10 input{width:10%;}
table.online_tb td.w20 input{width:20%;}
table.online_tb select{border:1px solid #ccc;height:38px;}
.fileBtn {display:inline-block; width:90px; height:38px; line-height:38px; background:#626262; font-weight:normal; font-size:15px; color:#fff; text-align:center;margin-left:0px !important;}

/* 개인정보처리방침 이용약관 */
div.mem_con {color:#656565;}
div.mem_con h4 {font-size:1.6em;color:#000; font-weight:300; margin-bottom:15px;}
div.mem_con h5{font-size:1.15em; font-weight:500; letter-spacing:0;}
div.mem_con ul.sm{padding-left:20px; margin-top:10px; color:#989898;}
div.mem_con ul.sm li{position:relative; padding-left:20px;}
div.mem_con ul.sm li span{position:absolute; left:0; top:0;}
div.mem_con ul.sm ul{margin:10px;}
p.mem_tit_text {margin-bottom:10px;margin-top:20px;color:#333;}
div.mem_table_wrap {border-top:2px solid #666;}
table.mem_table {border-bottom:1px solid #e1e1e1;border-collapse: collapse;}
table.mem_table tr th {vertical-align:top;padding:20px;text-align:left;color: #555;border-bottom: 1px solid #e1e1e1;font-size:15px;}
table.mem_table tr th:first-child {background:#f7f7f7;border-right:1px solid #e1e1e1;}
table.mem_table tr td {border:1px solid #e1e1e1;padding:17px;border-right:none;vertical-align:top; text-align:left;font-size:14px;}
table.mem_table tr:first-child td {border-top:none;}
table.mem_table tr td p.interval {margin-top:10px;}
table.mem_table tr td ul li {margin-bottom:10px;}
table.mem_table tr td ul li.list2 {font-size:0.9em;padding-left:20px;box-sizing:border-box;line-height:24px;}

/*이메일무단수집거부*/
div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:30px 50px 30px 30px;
background:#f9f9f9 url('/images/default/content/email_ico.png') no-repeat 50px 25px;box-sizing:border-box;}
div.emailPolicy div.email_desc {margin-left:200px;padding-left:30px;border-left:1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:10px;font-weight:bold;}
div.emailPolicy li.list2 {font-size:14px;padding-left:10px;margin-top:10px;}
div.emailPolicy p {margin-bottom:10px;}
div.emailPolicy p span.point {font-weight:bold;color:#1546ac;}

/*회원가입*/
div.join_div{background:#f4f5f6;padding:26px 20px 40px;margin-bottom:40px; position:relative; z-index:0;}
div.join_div h2{text-align:center;font-size:24px;color:#333333;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #d2d2d2;letter-spacing:0;}
div.join_div table{width:100%;table-layout:fixed;}
div.join_div table tr th{height:48px;border-top:1px solid #dddddd;background:#e5e7e9;font-size:14px;color:#333333;font-weight:400;text-align:left;padding-left:10px;}
div.join_div table tr th.ver_top{vertical-align:top;padding-top:15px;}
div.join_div table tr td{font-size:14px;padding:10px 0px 10px 15px;}
div.join_div table tr td.td_right{color:#333333;white-space:nowrap;padding:10px 0px;padding-left:10px;}
div.join_div table tr td.pd05{padding-left:10px;}
div.join_div table tr td input[type="text"],div.join_div table tr td input[type="password"]{width:100%;outline:none;background:#ffffff;border:none;height:33px;font-size:14px;}
div.join_div table tr td textarea{height:80px;background:#ffffff;border:none;outline:none; width:100%; box-sizing:border-box;}
div.join_div table tr td span.btn_search{background:#ffffff;font-size:14px;color:#828282;padding:9px 20px;cursor:pointer;}
div.join_div table tr:first-child th{border-top:none;}
div.join_div table tr td a.red{text-decoration:underline !important; color:#ff0000;}

div.join_div table .radio {position:relative; display:inline-block; margin-right:15px;}

div.join_div table .radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
div.join_div table .radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:20px; margin-left:0; font-size:14px; color:#828282; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
div.join_div table .radio input[type="radio"] + label:before {content: ' '; position:absolute; top:-2px; left:2px; display: inline-block; width: 25px; height: 22px; line-height: 20px; background:url("/images/default/member/input_radio.png") no-repeat 0 50%}
div.join_div table .radio input[type="radio"].disabled + label:before {background:url("/images/default/member/input_radio_off.png") no-repeat 0 50%;}
div.join_div table .radio input[type="radio"]:checked + label:before{background:url("/images/default/member/input_radio_on.png") no-repeat 0 50%}

div.join_div table input.datepicker{background:#ffffff url('/images/default/member/datepicker.png') no-repeat 90% center!important;}
table.contTbl input.datepicker{width:150px !important; background:#ffffff url('/images/default/member/datepicker.png') no-repeat 90% center!important;}


div.join_div table select{outline:none;border:none;width:150px;height:38px; padding:3px 7px; background:#ffffff url('/images/default/member/input_arrow.png') no-repeat 90% center; -webkit-appearance: none;}
div.join_div table select:-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
div.join_div table tr td.w30 select{width:80px;}


.affix {position:relative;height:35px; line-height:35px;width:350px;}
.affix span {display:block;padding-left:10px;margin-right:95px;background:#efefef;color:#888;line-height:35px;height:35px;}
.affix label {position:absolute;right:0; top:0;width:85px; height:33px;line-height:33px;font-size:15px;text-align:center;background:#fff;color:#0068b7;border:1px solid #0068b7;cursor:pointer;}
.affix input[type="file"] {position:absolute;right:0px; top:0px;width:85px; height:33px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha("opacity=0");}
p.beforeFile {text-align:left !important; color:black !important;}
p.beforeFile a {color:red;}
div.join_div table tr td.upload p.affix{margin:8px 0px;}


/*가입완료*/
div.join_div p{text-align:center;font-size:14px;color:#333333;}
div.border_join{border:1px solid #dedede;}
p.go_main{margin-top:10px;text-align:center;height:38px;}
p.go_main a{padding:15px 50px; background-color:#0070c0; color:#fff; font-weight:bold;}

/*정보 수정 전 확인*/
div.checkPassword{background:#d3dae0;padding:40px 180px;}
table.ck_tbl tbody tr th{text-align:left;font-size:14px;color:#333333;padding:10px 0px;}
table.ck_tbl tbody tr td{font-size:14px;color:#333333;text-indent:20px;}
table.ck_tbl tbody tr td input{height:40px;font-size:14px;color:#333333;margin-left:-20px;text-indent:10px;width:435px;outline:none;}
table.ck_tbl tbody tr th img{margin-top:-5px;padding-right:3px;}

/*정보 수정*/
div.join_div table tbody tr th div.no_img{background:#ffffff;font-size:14px;color:#828282;width:130px;height:150px;line-height:150px;text-align:center; margin:0 auto;}
div.join_div table tbody tr th.nopad{padding:20px;vertical-align:top; box-sizing:border-box;}