@charset 'UTF-8';  

.login_wrap {margin-top: 67px; padding-bottom: 125px;}
.login_wrap .tp_tb {margin-top: 66px; padding:53px 0; border:1px solid #c9c9c9; background:#eeeeee;}
.login_wrap .tp_tb .l_wd{margin-bottom:38px; font-size:18px; color:#313131; text-align:center; font-weight:500;}
.login_wrap .btns {margin-top:32px; text-align:center;}
.login_wrap .btns button {display:inline-block; width:190px; height:40px; line-height:38px; margin-right:29px; background:#707070; text-align:center; color:#fff;}
.login_wrap .btns button:last-child {margin-right:0;} 

.login_box {overflow:hidden; width:408px; margin:0 auto;}
.login_box > div {float:left; width:280px; margin-right:14px;}
.login_box input {display:inline-block; width:280px; height:50px; margin-bottom:14px; padding-left:17px; color:#707070;}
.login_box input:last-child {margin-bottom:0;}
.login_box button {float:left; display:inline-block; width:114px; height:114px; line-height:114px; background:#037cb5; color:#fff; text-align:center; font-weight:500;}



.tabs_btn ul {position:relative; overflow:hidden;}
.tabs_btn ul:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#037cb5;}
.tabs_btn ul li {float:left; width:149px; height:58px; line-height:56px;     border: 1px solid #c9c9c9; border-bottom:0; text-align:center;}
.tabs_btn ul li a { color:#313131; font-size:18px; font-weight:500;}
.tabs_btn ul li.on {position:relative; border:2px solid #037cb5; border-bottom:0;}
.tabs_btn ul li.on a {color:#037cb5;}
.tabs_btn ul li.on:after {content:''; position:absolute; left:0; bottom:0; z-index:1000; width:100%; height:2px; background: #fff;}
.tab_cont {display:none; overflow:hidden; padding:53px 115px; margin-top: 52px; border: 1px solid #c9c9c9; background: #eeeeee;} 
.tab_cont .bar_tit {margin: 20px 0 26px; font-weight:500;}
.tab_cont.on {display:block;}


.find_wrap {margin-top: 67px; padding-bottom: 125px;}
.find_wrap .tp_tb {margin-top: 66px;} 
.find_wrap .login_box {float:left; width:366px; margin-right:226px;}  
.find_wrap .login_box:last-child {margin-right:0;}
.find_wrap .login_box > div {margin-right:11px;}
.find_wrap .login_box button {width:75px;} 


.bar_tit {position:relative; padding-left:13px; font-weight:500; font-size:20px;} 
.bar_tit:after {content:''; position:absolute; top:5px; left:0; width:4px; height:19px; background:#037cb5;}

.find_wrap table.id_ftable {width:100%; border: 1px solid #c9c9c9; border-collapse: collapse;}
.find_wrap table.id_ftable  th{height:39px; background:#eeeeee; border-right: 1px solid #c9c9c9;} 
.find_wrap table.id_ftable th:last-child, .find_wrap table td:last-child {border-right:0;}
.find_wrap table.id_ftable td{height:39px; border-right: 1px solid #c9c9c9; text-align:center;}
.find_wrap .btns {margin-top:32px; text-align:center;}
.find_wrap .btns button {display:inline-block; width:190px; height:40px; line-height:38px; margin-right:29px; background:#707070; text-align:center; color:#fff;}
.find_wrap .btns button:last-child {margin-right:0;} 

.join_step {overflow:hidden; margin-bottom:59px; border:1px solid #c9c9c9;}
.join_step li {position:relative; float:left; width:33.3%; height:68px; line-height:66px; padding-left:39px; border-right:1px solid #c9c9c9; font-size:18px; color:#707070;}
.join_step li:after{content:''; position:absolute; top:37%; right:40px; width:9px; height:15px; background:url("../img/join_arrow.png") no-repeat;}
.join_step li:last-child {border-right:0;}
.join_step li.on {position:relative; color:#037cb5; font-weight:bold;}
.join_step li.on:after{content:''; position:absolute; top:37%; right:40px; width:9px; height:15px; background:url("../img/join_on_arrow.png") no-repeat;}

.st1_area .bar_tit {margin-bottom:22px;}
.st1_area .txt_area {height:196px; margin-bottom:9px; border:1px solid #c9c9c9; background:#f6f6f6;}
.find_wrap .btns button.next_btn {display:inline-block; width:150px; height:50px; line-height:48px; text-align:center; color:#fff; background:#037cb5;} 

/* board_write */
.bw_top_txt {margin-bottom:10px; color:#777; text-align:right;}
.bw_top_txt img {vertical-align:middle;}
.board_write {width:100%; border-spacing: 0; border-collapse:collapse; }
.board_write tbody {border-top:2px solid #5e5e5e;}
.board_write tr {border-bottom:1px solid #d9d9d9;}
.board_write th, .board_write td {padding:5px 17px; vertical-align:middle;}
.board_write th {border-right:1px solid #d9d9d9; background-color:#f7f7f7; text-align:left;}
.board_write tr * {vertical-align:middle; font-size:15px; letter-spacing: -1px;}
.board_write input[type="text"], .board_write input[type="password"], .board_write select {height:36px; border:1px solid #cacaca;}
.board_write input[type="text"], .board_write input[type="password"] {padding:0 5px;}
.board_write textarea {border:1px solid #cacaca;}
.board_write .address_input {margin-top:5px; margin-right:5px;}
.board_write .address_input.top {width:150px; margin-top:0;}
.board_write .address_input.mid, .board_write .address_input.btm {width:100%; max-width:500px;}
.board_write .email_input {width:100%; max-width:150px;}
.date_input {width:110px; padding:0 5px 0 30px; background:url('/images/basic/cal_ico.png') 5px center no-repeat; text-align:center; cursor:pointer;}
.board_write .short_input {width: 70px;}
.board_write .middle_input {width:100%; max-width:200px;}
.board_write .long_input {width:100%; max-width:500px;}
.board_write .full_input {width: 100%;}
.bw_in_btn {display:inline-block; text-align: center;height:30px;width: 80px;line-height:30px;padding: 0 10px;background-color:#ff795f;color:#fff;font-size:0.93em;vertical-align:top !important;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border: 1px solid #ff795f;}
.bw_in_btn:hover, .bw_in_btn:focus {background-color:#fff; color: #ff795f;}
.write_sup_txt {display:inline-block; font-size:0.93em;}
.th_star {margin:5px 3px;}
.hps select {width: 100%; height: 40px; line-height: 38px; -webkit-appearance: none; padding: 0 10px; border-radius: 3px;}
.hps{float: left; position: relative; width: 32%; margin-right: 2%;}
.hps:after {content: ''; position: absolute; right: 17px; top: 41%; background: url("/m/images/ico_open.png")no-repeat; width: 13px; height: 7px;
transition: all ease 0.5s;}
.board_write input[type="text"].hp_num {width: 31%; float: left;}
.board_write .yn_radio_box {float:none;}
.view_con {padding: 30px 0px 0; margin-bottom: 0px;} 

.popup_c {display:none; position:fixed; top:50%; left:50%; margin:-390px 0 0 -365px; padding:50px; background: #fff; z-index:20;}
.popup_c.on {display:block;}
.popup_bg {display:none; position: fixed; top: 0; left: 0; width: 100%;
    height: 100%; background: #000; opacity: 0.6;  z-index: 10;}
.tbl_blue{letter-spacing: -0.01em; font-size:14px;}
.tbl_blue th{height:50px; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#0b7cc1; color:#fff; font-weight:700;}
.tbl_blue th:first-child{border-left:0;}
.tbl_blue td{height:50px; padding:15px 20px; border-top:1px dashed #c8c8c8; border-left:1px solid #fff; background:#e6f2f9; color:#212121; line-height:22px;}
.tbl_blue td:first-child{border-left:0; text-align:center;}
.btn_close {position:absolute; top:0; right:10px; font-size:30px !important; font-weight:500;}