#login{position:relative;height:100%;min-height:550px;background-color:#f0f0f0;border-top:3px solid #8cc11e}

#login .login_mid_position{
	position:absolute;top:50%;left:50%;width:calc(100% - 40px);max-width:800px;margin:0 auto;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

#loginHead{height: 90px;padding: 24px 0 0;text-align:center}
#loginHead .logo{display:inline-block;}
#loginHead .logo a{display:block}
#loginHead .logo a img{}

#loginBody{width:calc(100% - 40px);max-width:800px;padding-bottom:80px;margin:0 auto;background:#fff url(../images/content/login_bottom_bg.png) no-repeat 50% 100%;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;}
#loginBody .body_top{height:68px;padding:20px 0 0 25px;position:relative;background-color:#ddd}
#loginBody .body_top h2{font-weight:600;font-size:20px;color:#333}
#loginBody .body_top a{position:absolute;top:25px;right:25px;padding-right:15px;font-weight:400;font-size:16px;background:url(../images/content/login_ti_arr.png) no-repeat 100% 50%}
#loginBody .body_bottom{position:relative;width:calc(100% - 40px);max-width:450px;margin: 40px auto 0;}
#loginBody .body_bottom>div:after{content:'';display:block;clear:both}
#loginBody .body_bottom .identity,
#loginBody .body_bottom .password{position:relative;padding-left:90px;margin-bottom:10px}
#loginBody .body_bottom .identity label,
#loginBody .body_bottom .password label{position:absolute;top:0;left:0;height:40px;padding-top:10px;font-weight:600;font-size:18px;}
#loginBody .body_bottom .identity input,
#loginBody .body_bottom .password input{width:100%;height:40px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ddd;background-color:#f9f9f9;}
#loginBody .body_bottom .button{margin-top:10px}
#loginBody .body_bottom .button button,
#loginBody .body_bottom .button a{float:left;display:block;width:49.5%;padding:15px 0;margin-left:1%;text-align:center;font-weight:600;font-size:18px;-webkit-border-radius:5px;border-radius:5px;background-color:#6bc500;color:#fff;}
#loginBody .body_bottom .button *:first-child{margin-left:0}
#loginBody .body_bottom .button a{font-weight:400;background-color:#666}
#loginBody .body_bottom .validation-feedback{width:auto;color:#f00;line-height:100%;}
#loginBody .body_bottom .validation-feedback span{color:inherit;font-size:16px;line-height:20px;}

#loginFoot{height:50px;padding-top:15px;}
#loginFoot address{text-align:center;font-size:12px;}


.btn_center{text-align:center;margin-top:30px}
.btn_right{text-align:right;margin-top:30px}
/*페이징*/
.page_list{text-align:center;margin-top:30px;display:block}
.page_list span{display:inline-block;vertical-align:middle}
.page_list strong{display:inline-block;margin:0 0 5px;width:40px;height:40px;background:#6bc500;border:1px solid #6bc500;color:#fff;vertical-align:top;text-align:center;line-height:40px;font-weight:normal}
.page_list>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;border:1px solid #d5d5db;vertical-align:middle}
.page_list .p_first>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .p_prev>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .p_next>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .p_end>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}

.page_list>a:hover,.page>a:focus{border:1px solid #6bc500;background:#fff}
.page_list>a.start,.page>a.prev, .page>a.next, .page>a.end,
.page_list>a.start:hover,.page>a.prev:hover, .page>a.next:hover, .page_list>a.end:hover,
.page_list>a.start:focus,.page>a.prev:focus, .page>a.next:focus, .page_list>a.end:focus{border:0;background:none}
.page_list .paging_count{display:none}

/*페이징처리(모바일단독)*/
.page_list .mo_p_first>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .mo_p_prev>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .mo_p_next>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .mo_p_end>a{display:inline-block;width:40px;height:40px;background:#fff;color:#4e4e4e;line-height:40px;text-align:center;vertical-align:middle}
.page_list .mo_paging_count{display:none}

.page_list .mo_p_prev, .page_list .mo_p_next{display:none}

@media(max-width:767px){
.page_list{margin-top:10px}
.page_list .ds_number{display:none}
.page_list .paging_count{display:inline-block;margin:0 10px;vertical-align:middle}
.page_list .paging_count b{font-weight:500;color:#429b00}
.page_list .mo_p_prev, .page_list .mo_p_next{display:inline-block}
.page_list .p_prev, .page_list .p_next{display:none}
}

.form_group{position:relative;padding:20px;border:1px solid #ddd;}


.search_group{position:relative;padding:20px 200px 20px 20px;border:1px solid #ddd;}
.search_group:after{content:'';display:block;clear:both;}
.search_group .grap{float:left;width:23.5%;margin-left:2%}
.search_group .grap:first-of-type{margin-left:0}
.search_group .grap .search_ti{font-weight:500;font-weight: 500;color:#000;}
.search_group .grap .search_ti:before{content:'';display:inline-block;width:4px;height:4px;vertical-align:6px;margin-right:10px;background-color:#aaa}
.search_group .search_button{position:absolute;top:20px;right:20px;height:100%;}
.search_group .search_button button{height:calc(100% - 40px)}
.search_group .search_button button img{vertical-align:-2px;margin-right:5px}

@media (max-width:1000px) {

.search_group{padding-right:0}
.search_group .grap{width:49%}
.search_group .grap:nth-child(2n+1){margin-left:0}
.search_group .grap:nth-child(1),
.search_group .grap:nth-child(2){margin-bottom:4%}

.search_group .search_button{clear:both;position:static;padding-top:20px;text-align:center}

}


/* 모바일용 테이블 */
.tbl_wrap{overflow:auto}
.tbl_wrap .tbl{min-width:1552px;}

.tbl_responsed{display:none}
.tbl_responsed .order_box{display:inline-block;
    color:#fff;
    background:#1298ff;
    border-color:#1298ff;
    padding:5px 10px;
    margin-right:5px}

@media(max-width:767px) {
    /*모바일용 태이블 단순화*/
    .tbl.res_tbl,
    .tbl.res_tbl tbody,
    .tbl.res_tbl tbody tr,
    .tbl.res_tbl tbody tr th,
    .tbl.res_tbl tbody tr td{display:block;border-width:0;text-align:left}
    .tbl.res_tbl tbody tr th,
    .tbl.res_tbl tbody tr th:first-child{padding:20px;font-size:16px;border:solid #ccc;border-width:1px 1px 0}
    .tbl.res_tbl tbody tr td{padding:20px;margin-bottom:10px;border:1px solid #ccc}

    .res_bbs_wrap .tbl_wrap{display:none}

    .tbl_responsed{display:block}
    .tbl_responsed ul{}
    .tbl_responsed ul li{padding:5px 10px;margin-top:10px;border:1px solid #dcdcdc;border-top:2px solid #00c386;box-shadow:1px 1px 0 #dcdcdc}
    .tbl_responsed ul li:first-child{margin-top:0}

    .tbl_responsed ul li>div{line-height:150%;padding:5px 0;padding-left: 120px;border-top:1px dashed #dcdcdc;overflow:hidden;}
    .tbl_responsed ul li>div:first-child{border-top-width:0}
    .tbl_responsed ul li>div>b{line-height:inherit;float:left;margin-left: -115px;width: 105px;color:#222;font-weight:500;}

    .res_bbs_wrap.break .tbl_responsed ul li>div{padding-left:200px}
    .res_bbs_wrap.break .tbl_responsed ul li>div>b{margin-left:-180px;width:180px}

    /* 직원찾기 */
    .res_bbs_wrap.famWrap .child_0{display:none}
    .res_bbs_wrap.famWrap .child_1{border-top:0}
}

/*회원가입*/
.member_group{padding: 30px 50px;border:1px solid #ddd;}

.member_group .grap{margin-top: 0;}
.member_group .grap:after{content:'';display:block;clear:both}
.member_group .grap .member_ti{float:left;height:40px;padding-top:10px;margin-bottom:10px;width:170px;font-weight:500;font-weight: 500;color:#000;}
.member_group .grap .member_ti:before{content:'';display:inline-block;width:4px;height:4px;vertical-align:6px;margin-right:10px;background-color:#aaa}
.member_group .grap .member_ti+div{overflow:hidden}
.member_group .grap .member_pt{min-height:40px;padding-top:10px}

.member_group .float_wrap{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}
.member_group .float_wrap:last-of-type{padding-bottom:0;border-bottom-width:0}
.member_group .float_wrap:after{content:'';display:block;clear:both;}
.member_group .float_wrap .grap{position:relative;float:left;width:49%;margin-left:2%}
.member_group .float_wrap .grap:nth-child(odd){margin-left:0}
.member_group .float_wrap .grap.per_70{width:69%}
.member_group .float_wrap .grap.per_30{width:29%}
.member_group .float_wrap .grap.addr{width:100%}
.member_group .float_wrap .grap.addr .form_address{padding-right:30%}

.member_group .grap .validation-feedback{width:auto;color:#f00;line-height:100%}
.member_group .grap .validation-feedback span{color:inherit;font-size:16px;line-height:20px}

.policy_check{margin:50px 0 20px 0;text-align:right;}
.policy_check label{margin-left:5px;color:#000;font-weight:500;}
.policy_check .validation-feedback span{color:#f00;font-size:16px;line-height:2opx;}

.member_group.policy{height:200px;overflow:auto;}
.member_group.policy b{display:block;margin:30px 0 10px 0;}


@media (max-width:1000px) {
.member_group .float_wrap{border-bottom-width:0;margin:0;padding:0}
.member_group .float_wrap .grap,
.member_group .float_wrap .grap.per_70,
.member_group .float_wrap .grap.per_30{width:100%;margin:10px 0 0 0}
.member_group .float_wrap .grap.addr .form_address{padding-right:0}

.result_member .float_wrap{border-bottom-width:0;padding-bottom:0}

}


.in_tbl_button{}
.in_tbl_button:after{content:'';display:block;clear:both;}
.in_tbl_button a{float:left;width:49%;min-width:auto;padding:10px;margin-left:2%}
.in_tbl_button a:first-child{margin-left:0}

@media(max-width:767px) {
	.in_tbl_button a{width:auto;margin-left:5px}
}

.write_group{padding: 30px 50px;border:1px solid #ddd;}

.write_group .grap{margin-top: 0;}
.write_group .grap:after{content:'';display:block;clear:both}
.write_group .grap .write_ti{margin-bottom:10px;font-weight:500;font-weight: 500;color:#000;}
.write_group .grap .write_ti:before{content:'';display:inline-block;width:4px;height:4px;vertical-align:6px;margin-right:10px;background-color:#aaa}
.write_group .grap .write_pt{min-height:40px;padding-top:10px}

.write_group .float_wrap{margin-top:25px}
.write_group .float_wrap:first-of-type{margin-top:0}
.write_group .float_wrap:after{content:'';display:block;clear:both;}
.write_group .float_wrap .grap{position:relative;float:left;width:23.5%;margin-left:2%;}
.write_group .float_wrap .grap:nth-child(4n+1){margin-left:0}

.member_group .float_wrap.full{padding-top:25px;border-top:1px solid #ddd}
.member_group .float_wrap.full .grap{width:100%}

@media (max-width:1000px) {
.write_group{padding-top:5px}
.write_group .float_wrap{margin-top:0}
.write_group .float_wrap .grap{width:49%;margin-top:25px}
.write_group .float_wrap .grap:nth-child(4n+1){margin-left:2%}
.write_group .float_wrap .grap:nth-child(2n+1){margin-left:0}


#append-body .float_wrap{padding-bottom:15px}

.member_group .float_wrap.full{margin-top:0;padding-top:5px;}
}

.write_button{margin-top:30px;text-align:center;}

.form-button .btn{min-width:100px;padding:10px;}
.form-button .btn:hover{}