@charset "utf-8";

/* ----------login----------- */
.logwrap {
    text-align: center;
}
.container {
	max-width: 630px;
    margin: 0 auto;
    width: 100%;
    padding: 30px 15px 60px;
}
.logtt h2 {
    background-color: #FFFF;
    text-align: center;
    border: 2px solid rgba(217,217,217,0.3);
	font-weight: 600;
	font-size: 20px;
	padding: 10px 0;
}
.top_text {
    margin-bottom: 25px;
}
.top_text p {
	font-size: 20px;
}
.top_text p:first-child {
    color: #A0A0A0;
    font-weight: 500;
}
.top_text p:last-child {
    color: #292929;
    font-weight: 700;
}
/* .login_box {
    width: 600px;
    margin: 0 auto;
} */
.login_box_line {
    background-color: #fff;
    /* border: 2px solid rgba(217,217,217,0.3); */
	border: 1px solid #E3E3E3;
	border-radius: 5px;
    padding: 35px 55px;
    margin-bottom: 40px;
}
.login_box_input {
    margin-bottom: 20px;
}
.login_box_input > input {
    width: 100%;
    background-color: #F6F6F6;
    border: 0;
    border-radius: 4px;
    padding: 15px;
}
input::placeholder {
    color: #BDBDBD;
}
.login_box_input > input:nth-of-type(1) {
    margin-bottom: 15px;
}
.find_idpw {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.find_idpw div.find_txt {
    color: #AFAFAF;
    font-weight: 500;
}
.find_idpw div:last-child a {
    color: #4B4B4B;
    font-weight: 600;
}
.login_btn {
    background-color: #F44242;
    border-radius: 5px;
	max-width: 100%;
}
.login_btn a {
    display: block;
    width: 100%;
    color: #fff;
	padding: 15px;
	font-weight: 600;
	font-size: 18px;
}
.login_yet {
    color: #A1A1A1;
    margin-bottom: 10px;
}
.join {
    max-width: 80%;
    margin: 0 auto;
    background-color: #EFEFEF;
    border-radius: 5px;
    padding: 15px;
    /* margin-bottom: 35px; */
}
.join a {
    color: #F44242;
    display: block;
    width: 100%;
    font-weight: 600;
	font-size: 18px;
}

/* -----------join-------------- */
.join_top_text {
	text-align: left;
    color: #D1D1D1;
    font-weight: 500;
	padding: 5px 0;
}
.login_box_input div input {
	background-color: #F9F9F9;
    border: 0;
    border-radius: 4px;
    padding: 15px;
}
.idchk {
	background-color: #453F3F;
    border-radius: 5px;
	width: 100px;
}
.idchk a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 13px 0;
}
.display_flex1 {
	display: flex;
    align-items: center;
	margin-bottom: 15px;
}
.display_flex1 label {
	/*margin-right: 10px;*/
	padding-right: 10px;
    width: 110px;
	text-align: left;
	font-weight: 600;
}
.display_flex1 input {
	width: 100%;
	flex: 1;
    margin-right: 5px;
}
.display_flex2 {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.display_flex2 label {
	padding-right: 10px;
    width: 110px;
	text-align: left;
	font-weight: 600;
}
.display_flex2 input {
	/*width: 100%;*/
	flex: 1;
}
.email_box, .signup_wrap {
	display: flex;
	align-items: baseline;
}
.email_box {
	margin-bottom: 10px;
}
.signup_wrap {
	margin-bottom: 40px;
}
.form-control {
	width: 100%;
	background-color: #F9F9F9;
    border: 0;
    padding: 15px;
}
.form-control::placeholder {
	color: #BDBDBD;
}
.form-control2 {
	background-color: #eee !important;
}
.box_font {
	padding-right: 10px;
    width: 110px;
    text-align: left;
	font-weight: 600;
}

.gol_s {
	padding: 0 5px;
}

/* ---------find_id------------ */
.idpw_findbox {
	display: flex;
    justify-content: space-around;
    border: 1px solid rgba(217,217,217,0.3);
	margin-bottom: 20px;
}
.findbox_color1 {
	background-color: #F9F9F9;
    width: 100%;
}
.findbox_color1 a {
	font-weight: 600;
}
.findbox_color2 {
	width: 100%;
}
.findbox_color2 a {
	color: #CDCDCD;
}
.idpw_findbox div a {
	display: block;
    width: 100%;
    padding: 10px 0;
}
.find_namebox, .find_emailbox, .find_idbox {
	display: flex;
    align-items: center;
    text-align: left;
}
.find_namebox, .find_idbox {
	margin-bottom: 15px;
}
.find_namebox label, .find_idbox label {
	width: 70px;
	font-weight: 600;
}
.find_emailbox label {
	width: 60px;
	font-weight: 600;
}
.find_namebox input, .find_emailbox input, .find_idbox input {
	width: 100%;
}

.email_box>div:not(.gol_s) {
	flex: 1;
}
.email_box>div.gol_s {
	width: 24px
}

/* -----------terms--------------- */
.chk_box1 {
    color: #fff;
    font-weight: 600;
	/* background-color: #F44242; */
    border-radius: 5px;
}
.chk_box1 label {
	display: block;
    width: 100%;
    padding: 15px;
}
.chk_btn01, .chk_btn02 {
	display: flex;
    justify-content: space-between;
	margin-bottom: 15px;
    align-items: center;
}
.chk_btn_box label {
	display: block;
	width: 100%;
}
.chk_box1 input, .chk_btn_box input {
	display: none;
}
.checkbox_boxbutton {
	display: block;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
	background: url(../images/chk.png) no-repeat center center;
}
.chk_btn_box input:checked + label .checkbox_boxbutton {
	background: url(../images/chk_on.png) no-repeat center center;
	border: 1px solid #F44242;
}
.chk_text {
	font-weight: 600;
}
.chk_text span {
	color: #F44242;
}
.terms_text {
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	height: 150px;
	overflow-y: auto;
	white-space: pre-line;
	padding: 10px;
}
.terms_text p {
	color: #696969;
	white-space: pre-line;
	text-align: left;

}
.chk_btn {
	padding: 20px 0;
}
#agree1 + label {
	background-color: #E7E7E7;
	color: #A0A0A0;
    font-weight: 600;
    border-radius: 5px;
	font-size: 15px;
}
#agree1:checked + label {
	background-color: #F44242;
	color: #fff;

}
.next {
	background-color: #F44242;
	border-radius: 5px;
}
.next a {
	display: block;
    width: 100%;
	color: #fff;
    padding: 15px;
    font-weight: 600;
	font-size: 18px;
}
.next.on a {
	display: block;
    width: 100%;
	color: #A0A0A0;
    padding: 15px;
    font-weight: 600;
}
.next.on {
	background-color: #E7E7E7;
    border-radius: 5px;
}
/* ----------job_ad----------- */
.top_meun_detail {
	/*display: table;*/
	display: flex;
    /*justify-content: space-between;*/
	/*align-items: stretch;*/
}
.top_menu {
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 35px;
}
.container2 {
	max-width: 1130px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}
.top_meun_detail li {
	width: 100%;
	border-left: 1px solid #E3E3E3;
	/*height: 100%;*/
	/*display: table-cell;*/
	width: 20%;
	display: table;
}
.top_meun_detail li a {
	display: inline-block;
	display: table-cell;
	width: 100%;
	padding: 17px;
	color: #989898;
	font-size: 18px;
	text-align: center;
	/*height: 100%;*/
	word-break: keep-all;
	vertical-align: middle;
}
.top_meun_detail li a span {
	display: block;
}
.top_meun_detail li:nth-last-of-type(1) {
	border-right: 1px solid #E3E3E3;
}
.top_meun_detail_color{
	background-color: #CD3838;
	color: #fff !important;
}
.top_meun_detail_color a {
	color: #fff !important;
}
.job_ad_content {
	display: flex;
	justify-content: space-between;
	background: #F7F7F7;
}
.job_ad_content li {
	width: 100%;
	border-right: 1px solid #E3E3E3;
}
.job_ad_content li a {
	display: block;
	width: 100%;
	padding: 17px;
	color: #B9B9B9;
	font-size: 15px;
}
.job_ad_content li:last-child {
	border-right: 0;
}
.job_ad_content li input +  label {
	display: block;
	width: 100%;
	padding: 17px;
	color: #B9B9B9;
	font-size: 15px;
	text-align: center;
}
.job_ad_content li input:checked +  label {
	background-color: #C6B9B9;
	color: #766868;
	font-weight: 600;
	
}
.th1 {
	width: 120px;
	text-align: left;
}
.th2 {
	text-align: center;
}
.th1 + td > input {
	background-color: #F6F6F6;
	border: 0;
	width: 100%;
    padding: 15px 17px;
}
.td1 {
	width: 45%;
}
/*.login_box_line tr {*/
/*	height: 75px;*/
/*}*/
.login_box_line tr {
	margin-bottom: 10px;
}
.login_box_line td {
	padding: 5px 0px;
	text-align: left
}
.login_box_line td.bg_color {
	padding: 12px;
}
/*.login_box_line td.bg_color:first-of-type {*/
/*	padding-right: 0;*/
/*}*/
	/*.phnum {*/
/*	text-align: end;*/
/*}*/
.phnum .tbinputrow {
	font-weight: 700;
	display: flex;
	align-items: center;
	text-align: left;
}
.phnum_select {
	/*width: 132px;*/
	background-color: #F6F6F6;
	color: #595959;
	padding: 15px 25px 15px 17px;
}

.job_input {
	border: 0;
	background-color: #F6F6F6;
	width: 115px;
	padding: 15px 17px;
}

.tbinputrow1 input {
	width: calc(100% - 200px);
}
.tbinputrow2 input {
	width: calc((100% - 110px) / 2);
}

.job_box {
    text-align: center;
}
.job_input2 {
	width: 100%;
	background-color: #F6F6F6;
    border: 0;
}
.job_input3 {
	margin-right: 5px;
}
.btm_text {
	text-align: start;
    padding: 10px 110px 0;
	color: #A1A1A1;
	margin-bottom: 40px;
}
.btm_text span:first-child {
	background-color: #ccc;
    padding: 0px 6px;
    border-radius: 50%;
    color: #fff;
}
.btm_text span {
	font-size: 12px;
}
.job_btn {
	max-width: 500px;
    margin: 20px auto;

}
.job_btn a {
	display: block;
	width: 100%;
	color: #9A9A9A;
	padding: 15px;
	font-size: 18px;
    font-weight: 500;
	text-align: center;
	background-color: #EAEAEA;
	border-radius: 5px;
}
.job_content {
	color: #C0C0C0;
	/* padding: 0 0 20px; */
	font-weight: lighter;
	text-align: center;
}

.tr50 th{
	width: 120px;
}
.th2 {
	text-align: center;
}
.job_box_line {
	background-color: #fff;
    /* border: 2px solid rgba(217,217,217,0.3); */
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    margin-bottom: 40px;
	padding: 5px 0 35px;
}
.job_padding {
	padding: 35px 45px 0;
}
.top_meun_detail li a:hover {
	background-color: #CD3838;
    color: #fff !important;
}
.job_ad_content li a:hover {
	background-color: #C6B9B9;
    color: #766868;
	font-weight: 600;
}
.job_ad_content {
	
}
.job_ad_content 
.th1, .th2 {
	font-size: 15px;
}
.th1, .th2 label {
	font-size: 15px;
}
.callnum {
	width: 150px !important;
}

.job_mainimg_txt {
	padding-left: 120px;
	text-align: left;
}
/* .img_file>div {
	display: inline-block;
} */
.img_file .f_box {
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	margin-bottom: 5px;
}
.img_file>div img {
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
}
/*
#image_box {
	visibility: hidden;
}
#image_box img {
	object-fit: cover;
	width: 80px;
	height: 80px;
	display: inline-block;
	border: 1px solid #D1D1D1;
}*/
#Preview ul li {
	width: 80px;
	height: 80px;
	display: inline-block;
	border: 1px solid #D1D1D1;
	position: relative;
}
#Preview ul img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#Preview ul li a {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%,-50%);
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-weight: 500;
}


.img_file>div.f_box {
	border: 1px dashed #D1D1D1;
	margin-right: 5px;
	line-height: 80px;
}


/* --------job_basic------------ */
.job_area {
	display: flex;
	padding: 5px 0;
}
.job_area select {
	width: 100%;
}
.job_area select:first-child {
	margin-right: 5px;
}
.basic_select, .basic_input {
	width: 100%;
}

/* ------------job_vip--------------- */
.job_find_btn {
	display: block;
    width: 100%;
    padding: 7.3px;
    background-color: #453F3F;
    color: #fff;
    border-radius: 5px;
	margin-left: 5px;
}
.vip_top_section {
	
}
.top_section_tt {
	display: flex;
    align-items: center;
}
.top_section_tt div:first-child {
	width: 87px;
    text-align: left;
    font-weight: 700;
}
.top_section_tt input {
	width: 100%;
    height: 37px;
	background-color: #F6F6F6;
    border: 0;
    padding: 10px;
}
.top_section_tt .find_btn {
	flex: none;
    margin-left: auto;
}
.top_section_tt .find_btn a {
	display: block;
    width: 100%;
    padding: 7.3px;
    background-color: #453F3F;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px;
}
.top_section_img {
	display: flex;
	margin-left: 75px;
	padding: 5px 0 5px;
}
.top_section_img button {
	border: 1px solid #EEEEEE;
    border-radius: 3px;
    background-color: #fff;
	padding: 25px;
	color: #969696;
	margin-right: 10px;
}
.top_section_img button:last-child {
	margin-right: 0;
}
.phnum2 label {
	justify-content: normal;
}
.enter_date {
	display: flex;
    align-items: center;
}
.enter_date span {
	padding: 0 5px;
	color: #CACACA;
}

.enter_month div {
	width: 24%;
	/*margin-right: 10px;*/
	border: 1px solid #E3E3E3;
    background-color: #fff;
	border-radius: 3px;
	padding: 8px 0;
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}
.enter_month div:last-child {
	margin-right: 0;
}
.enter_input {
	border: 1px solid #E3E3E3;
    background-color: #fff;
    padding: 10px 5px;
	border-radius: 3px;
}
.bg_color {
	background-color: #F6F6F6;
    padding: 0 10px;
}
.bg_color:after {content:"";display:block;clear:both}
.bg_color>div {
	width: 50%;
	float: left;
	/*padding-left: 15px;*/
}
.bg_color>div:first-of-type {
	padding-right: 15px;
}
.bg_color>div button {
	width: 24%;
}
.textarea_box {
    background-color: #F6F6F6;
    margin: 10px 0 20px;
    /*height: 270px;*/
    /* padding: 5px 10px; */
	padding: 15px 17px;
	padding-bottom:0
}
.textarea_box .job_input {
	padding: 0
}
.img_file {
    text-align: left;
    padding: 20px 15px 20px 0;
}

.input_email {
	flex: 1;
}
#job_ad_con th, #job_ad_con td {
	padding-bottom: 10px;
}

.job_btn.on a {
	background-color: #F44242;
	border-radius: 5px;
}


/*
	모바일 기반이나 모든 기계에서 맞추기위함
*/

@media (max-width:991px){
	.main_wrap {
		margin:0 auto;
		padding-bottom: 0;
		max-width:720px;
		max-height: 1275px;
		width:100%;
		height:100%;
		position:fixed;
		overflow:hidden;
		left: 50%;
		transform: translateX(-50%);
	}
	.main_box {
		left: auto;
		top: auto;
	}
    /* .th2 {
        text-align: left;
    } */
    .phnum {
        text-align: left;
    }
	.th1 {
		width: 145px;
		text-align: center;
	}
	.job_box .th1  {
		text-align: left;
		width: auto;
	}
	.job_padding {
		padding: 20px 35px;
	}
	.btm_text {
		padding: 0 130px;
	}
	.container {
		padding: 20px 15px 30px;
	}
	.top_text {
		margin-bottom: 10px;
	}
	.job_ad_content {
		display: block;
	}
	.job_ad_content:after {content:"";display:block;clear:both}
	.job_ad_content li {
		width: 25%;
		float: left;
	}
	.job_ad_content li:nth-child(4n) {
		border-right:0
	}

	.login_box_line {
		padding: 20px 35px;
		margin-bottom: 20px;
	}
	.top_meun_detail li a {
		padding: 10px;
		font-size: 14px;
	}
	.job_area select:first-child {
		margin-right: 0
	}
	.job_area select:nth-child(2) {
		margin-left: 5px;
	}

	.employ_box2 li>div {
		display: block;
	}
	.employ_box2 li>div>div {
		width: 100%;
	}


}

@media (max-width:730px) {
	.bg_color>div {
		width: 100%;
		float: none;
	}
	.bg_color>div:first-of-type {
		padding-right: 0;
	}
	.enter_date {
		margin-bottom: 5px;
	}
	.login_box_line td.bg_color:first-of-type {
		padding-right: 12px;
	}
	.enter_month {
		text-align: left;
	}
	.top_section_tt .th1 {
		width: 90px !important;
	}
	.top_section_img {
		margin-left: 90px !important;
	}
	.job_mainimg_txt {
		padding-left: 90px;
	}
	.job_box .th1 {
		text-align: left;
		width: 90px;
	}
	.top_menu {
		margin-bottom: 15px;
	}
	.btm_text {
		padding: 0 0 0 90px;
		margin-bottom: 15px;
	}
	.job_box .login_box_line {
		padding: 10px 15px;
	}
	.job_btn {
		margin: 0 15px;
	}
	.job_ad_content li {
		width: 50%;
		float: left;
	}
	.job_ad_content li:nth-child(2n) {
		border-right:0
	}
	.job_ad_content li a {
		padding: 10px;
	}
}
@media (max-width:500px){
	.login_box .login_box_line {
		padding: 30px 15px;
		margin-bottom: 10px;
	}
	.top_text p {
		font-size: 16px;
		word-break: keep-all;
	}
	.login_box_input div input {
		padding: 10px
	}
	.login_btn a , .join , .next a , .chk_box1 label , .login_btn a , .job_btn a{
		padding: 10px;
	}
	.chk_box1 label {
		word-break: keep-all;
	}
	.idchk a {
		padding: 7px 0;
	}
	.display_flex1 {
		margin-bottom: 10px;
	}
	.display_flex2 {
		margin-bottom: 10px;
	}
	.form-control {
		padding: 10px;
	}
	footer {
		margin-top: 20px;
	}
	.display_flex2 label , .display_flex1 label , .box_font {
		padding-right: 5px;
		width: 90px;
	}
	.idchk {
		width: 62px;
	}
	.idchk a {
		padding: 7px;
	}
	.find_namebox, .find_idbox {
		margin-bottom: 10px;
	}
	.top_meun_detail li a {
		padding:10px 5px 5px;
	}
	.btm_text {
		padding-left: 78px;
	}
	.login_box_line td {
		width: 80%;
	}
	.tbinputrow2 > * {
		width: 100% !important
	}
	.tbinputrow2 input {
		margin-top: 5px;
		margin-left: 0;
		width: calc((100% - 98px) / 2);
	}
	.job_padding {
		padding: 10px 15px;
	}
	.job_ad_content li a {
		font-size: 12px;
	}
	.login_box_line tr {
		margin-bottom: 5px;
	}
	#job_ad_con th, #job_ad_con td {
		padding-bottom: 5px;
	}
	.login_box_line td {
		padding: 2px 0px;
	}
	.textarea_box {
		margin: 5px 0 10px;
	}
	.job_area {
		width: 100% !important
	}


}
@media (max-width:430px) {
	.display_flex2 label, .display_flex1 label, .box_font {
		width: 60px;
	}
	.job_box .th1 , .top_section_tt .th1 {
		width: 70px !important;
		font-size: 12px;
	}
	.job_box .th1 label{
		font-size: 12px;
	}
	.bg_color>div button {
		font-size: 12px;
		width: 49%;
	}
	.top_section_img {
		margin-left: 70px !important;
	}
	.job_mainimg_txt {
		padding-left : 70px;
	}
	.bg_color>div button:nth-child(-n + 3) {
		margin-bottom: 3px;
	}
	.tbinputrow1>* {
		width: 100% !important;
		margin-bottom: 5px;
		margin-left:0
	}

}
@media (max-width:400px){
	.find_idpw {
		display: block;
		margin-bottom: 20px;
	}
	.find_idpw div {
		text-align: center;
	}
	.login_box .login_box_line {
		margin-bottom: 20px;
	}
	.top_text p {
		font-size: 14px;
	}
	.logtt h2 {
		font-size: 18px;
		padding: 5px 0;
	}
	.table01 td , .table01 td.subtxt {
		font-size: 14px;
	}
	.table01 tr {
		height: 40px !important;
	}
	.blockbox {
		padding: 3px 7px;
		font-size: 12px;
	}
	.top_meun_detail {
		flex: 1 1 20%;
		flex-wrap: wrap;
	}
	.top_meun_detail li {
		flex-grow: 1;
		width: 30%;
	}
	.top_meun_detail li:nth-child(-n + 3) {
		border-bottom: 1px solid #E3E3E3
	}
	.top_meun_detail li:nth-child(3) {
		border-right : 1px solid #E3E3E3
	}
	.phnum_select {
		padding: 15px 15px 15px 7px;
	}
	.tbinputrow2 input {
		width: calc((100% - 90px) / 2);
	}
	.tbinputrow1 input {
		width: calc(100% - 160px);
	}
	.tbinputrow>* , .tbinputrow2>div>* {
		width: 100% !important;
		margin-bottom: 5px;
	}
	.job_input3 {
		margin-right: 0;
	}
	.top_section_tt .find_btn {
		width: 70px;
		padding: 5px 8px;
	}
	.file_input {
		padding: 5px 8px;
	}
	.job_box .th1 {
		width: 35px !important;
		word-break: keep-all;
	}
	.top_section_tt .th1 {
		width: 50px  !important;
		word-break: keep-all;
	}
	.top_section_img {
		margin-left: 50px !important;
	}
	.job_mainimg_txt {
		padding-left: 50px;
	}
}