section .my_service { float: left; width: 960px; margin: 20px 10px 20px 0px;}
section .my_service dl { margin: 0; display: flex; height: 100%; }
section .my_service dt { float: left; width: 100px; background: #fff; margin-right: 5px; height: 100%; }

section .my_service dt ul { margin: 10px 0px; }
section .my_service dt li { box-sizing: border-box; width: 100%; height: 70px; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 6px; padding: 10px; font-size: 12px; line-height: 20px;}
section .my_service dt li i { font-size: 26px; }
section .my_service dt li.on { width: 100%; height: 70px; background: #f7f9ff; border: 1px solid #3d61ad; }

section .my_service dd { float: left; width: 860px; }
section .my_service dd div.view_info { clear: both; border-radius: 6px; height: 100%; text-align: left; }
section .my_service dd div.view_info ul { display: flex;  margin: 10px 20px; clear: both; margin-bottom: 20px;  }
section .my_service dd div.view_info li { box-sizing: border-box; font-size: 16px;float: left;  padding-bottom: 15px; }
section .my_service dd div.view_info li:first-child { width: 90px; font-size: 12px; font-weight: bold; margin-right: 20px; }
section .my_service dd div.view_info li:first-child img { width: 90px; height: 90px; overflow: hidden; border-radius: 50%; border: 1px solid #ddd; }
section .my_service dd div.view_info li p { font-size: 12px; margin-bottom: 5px; }
section .my_service dd div.view_info li .t_name { font-size: 14px; font-weight: bold; }

section .sub_info { float: left;  width: 300px; margin-top: 20px; text-align: left; }
section .sub_info h2 { font-size: 14px; margin: 10px; text-align: left; }

section .sub_info li { position: relative; width: 300px; border: 1px solid #ccc; margin-right: 15px; margin-top: 10px;  height: 120px; background-color: #fff; border-radius: 5px;}
section .sub_info li dl { clear: both; box-sizing: border-box;   margin: 10px;  cursor: pointer;}
section .sub_info li dt { text-align: left; font-size: 16px; font-weight: bold; color: #666;  margin-top: 10px;}
section .sub_info li dd { margin-top: 10px; font-size: 14px; }
section .sub_info li dd:last-child { text-align: right; font-size: 11px; color: #3d4ead; font-weight: bold; }

section .sub_info li p.logo { position: absolute; right: 7px; top:7px; }
section .sub_info li p.logo img { border-radius: 5px;}
section .sub_info li:nth-child(4n) { margin-right: 0;}

/*
.job_offer { clear: both; position: relative;  margin: 10px; width: 100%; }

.job_offer .mem_content { width: 100%; clear: both; position: relative; margin-bottom: 15px; padding-top: 15px;  padding-bottom: 15px;  margin-left: auto; margin-right: auto; background: #fff;  }
.job_offer .mem_content h2 { text-align: left; color: #434343; font-size: 16pt; font-weight: bold; padding: 10px; margin-bottom: 5px; margin-left: 5px; }

.job_offer .mem_content h3 { text-align: left; color: #434343; font-size: 16pt; font-weight: bold; padding-left: 10px; padding-top: 10px; margin-left: 15px; }
.job_offer .mem_content h1 { text-align: left; color: #434343; font-size: 12pt; font-weight: bold; padding-left: 10px; margin-top: 10px; margin-left: 15px; }


.job_offer .mem_content dl { clear: both;  margin-left: auto; margin-right: auto; margin-top: 5px; border-bottom: 1px dotted #999; }

.job_offer .mem_content dt { width: 120px; text-align: right; font-size: 14px; float: left; margin-right: 10px; padding: 10px; line-height: 20px;; font-weight: bold; }
.job_offer .mem_content dt span{ color: #999; font-size: 9pt; }

.job_offer .mem_content dd { width: 640px; text-align: left; font-size: 12px;  padding: 10px; }

.job_offer .mem_content dd p { margin-bottom: 15px; line-height: 26px; }

.job_offer .mem_content dd input[type="text"]{ width:500px; height: 22px; padding: 5px; color:#434343; border: 1px solid #ddd;}
.job_offer .mem_content dd input[type="text"]:focus { border: 1px solid #FF8040; outline: none; background: #f1f1f1; }

.job_offer .mem_content dd input[type="password"]{ width:500px; height: 29px; padding: 5px; color:#434343; border: 1px solid #ddd;}
.job_offer .mem_content dd input[type="password"]:focus { border: 1px solid #FF8040; outline: none; background: #f1f1f1; }

.job_offer .mem_content dd input[type="date"]{ width:500px; height: 22px; padding: 5px; color:#434343; border: 1px solid #ddd;}
.job_offer .mem_content dd select { width:200px; height: 32px; padding: 5px; color:#434343; border: 1px solid #ddd;}

.job_offer .mem_content dd input[type="file"]{  padding: 5px; color:#434343; }
.job_offer .mem_content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 30px; }

div input[type="button"]{ width: 100px; padding: 10px; color:#fff; border: 1px solid #3659f1; background: #3659f1; }

.job_offer .job_offer_summary1 { clear: both; position: relative;  margin-left: auto; margin-right: auto; background: #fff; width: 100%;  }
.job_offer .job_offer_summary1 ul.status { width: 100%; display: inline-block;box-sizing: border-box; margin-left: 20px; }
.job_offer .job_offer_summary1 ul.status li { width: 152px; padding: 15px; border: 1px solid #ddd; float: left; margin-right: 35px; font-size: 14px;text-align: center; border-radius: 10px;}
.job_offer .job_offer_summary1 ul.status li:first-child {  margin-left: 0; font-weight: normal; }
.job_offer .job_offer_summary1 ul.status li:last-child { margin: 0; }

.job_offer .job_offer_summary1 ul.status li.stat1 {  margin-left: 0; font-weight: normal; border: 1px solid #3d61ad; background-color: #e8ecfe; border-radius: 50%; width: 120px; height: 120px; }
.job_offer .job_offer_summary1 ul.status li.stat2 {  font-weight: normal; border: 1px solid #89c997; background-color: #e9ffed; border-radius: 50%; width: 120px; height: 120px;}
.job_offer .job_offer_summary1 ul.status li.stat3 {  font-weight: normal; border: 1px solid #ea68a2; background-color: #ffebf4; border-radius: 50%; width: 120px; height: 120px; }

.job_offer .job_offer_summary1 ul.status li p.cnt { clear: both; font-size: 40px; font-weight: bold; line-height: 50px; margin-top: 30px;}
.job_offer .job_offer_summary1 ul.status li p.txt { clear: both; font-size: 14px; margin-top: 10px;}
.job_offer .job_offer_summary1 ul.status li p i { font-size: 90px; }

.job_offer .job_offer_summary1 ul.status li span { clear: both; font-size: 26px; font-weight: bold; line-height: 50px;}

.job_offer .job_offer_summary2 { clear: both; position: relative; margin-top: 50px;  margin-left: auto; margin-right: auto; background: #fff; display: inline-block; }
.job_offer .job_offer_summary2 h2 { font-size: 16px; text-align: left; margin-bottom: 10px; }

.job_offer .job_offer_summary2 ul { width: 100%; display: inline-block; }
.job_offer .job_offer_summary2 ul li { width: 100%; border: 1px solid #ddd; border-radius: 10px; position: relative; }
.job_offer .job_offer_summary2 ul li table { width: 100%; }
.job_offer .job_offer_summary2 ul li td { width: 90px; border-right: 1px solid #ddd; padding: 15px 10px; font-size: 14px; background-color: #efefef;}
.job_offer .job_offer_summary2 ul li td:last-child { border-right: 0;  }
.job_offer .job_offer_summary2 ul li td.bottoms { border-top: 1px solid #ddd; font-size: 16px; font-weight: bold;  background-color: #fff; }

.job_offer .job_offer_summary3 { clear: both; width: 100%; position: relative; margin-top: 40px;  margin-left: auto; margin-right: auto; background: #fff; display: inline-block; }

.job_offer .job_offer_summary3 h3 {  text-align: left; color: #434343; font-size: 16px; font-weight: bold; padding: 10px 5px; margin-left: 15px; border-bottom: 1px solid #ddd; }
.job_offer .job_offer_summary3 ul { width: 100%; display: inline-block; }
.job_offer .job_offer_summary3 ul li { width: 94%; margin-left: 15px;   position: relative; text-align: left; padding: 10px 15px; border-bottom: 1px dotted #999;  }

.job_offer .job_offer_list { clear: both; width: 100%; position: relative;  margin-left: auto; margin-right: auto; background: #fff; display: inline-block; }
.job_offer .job_offer_list h3 {  text-align: left; color: #434343; font-size: 16px; font-weight: bold; padding: 10px 5px; margin-left: 15px;}

.job_offer .job_offer_list table { width: 100%; }

.job_offer .job_offer_list tr { height: 36px; }
.job_offer .job_offer_list th { background-color: #e2e7fd;   font-size: 14px;}
.job_offer .job_offer_list td { border-bottom: 1px solid #e2e7fa; padding: 5px 15px; line-height: 22px; font-size: 14px;}
.job_offer .job_offer_list td a:hover { color: #3d61ad; }
.job_offer .job_offer_list td i { font-size: 18px; }

.job_offer .job_offer_list td input[type="text"]{ width:200px; height: 22px; padding: 5px; color:#434343; border: 1px solid #ddd;}
.job_offer .job_offer_list td input[type="button"]{ width: 70px; padding: 9px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; }
.job_offer .job_offer_list td input[type="submit"]{ width: 70px; padding: 9px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; }

.job_offer .apply_list { clear: both; position: relative;  margin-left: auto; margin-right: auto;  }
.job_offer .apply_list h3 {  text-align: left; color: #434343; font-size: 16px; font-weight: bold; padding: 10px 5px; margin-left: 15px; border-bottom: 1px solid #ddd; }

.job_offer .apply_list ul { width: 100%; margin-top: 0; }
.job_offer .apply_list li { width: 98%; margin-left: auto; margin-right: auto; border: 1px solid #ddd; margin-right: 5px; margin-top: 15px; background-color: #fff; border-radius: 5px;}
.job_offer .apply_list li dl { clear: both; box-sizing: border-box; display: flex;  cursor: pointer; }
.job_offer .apply_list li dt { text-align: center; float: left; width: 120px; border-right: 1px solid #ddd; line-height: 20px; padding: 10px; font-size: 12px; }
.job_offer .apply_list li dt span { font-size: 9px; }
.job_offer .apply_list li dd span { font-size: 9px; }

.job_offer .apply_list li dd { box-sizing: border-box; text-align: left; float: left; margin-right: 15px; line-height: 18px; padding: 10px 20px; line-height: 22px; font-size: 12px; }
.job_offer .apply_list li dd:last-child { margin-right: 0; float: right; text-align: center; line-height: 18px;}



.job_offer .apply_list li:hover { border: 1px solid #3d4ead; background-color: #e2e7fa;}

.view_btn { padding: 5px; color:#000; border: 1px solid #91a0e1; background: #fff; border-radius: 5px; margin-top: 5px; }

section .job_offer dd { float: left; width: 870px; }

section .job_offer div.apply_info {  clear: both; position: relative; margin: 10px; border: 1px solid #ddd; border-radius: 6px; height: 100%; text-align: left; }
section .job_offer div.apply_info div.s_title {  position: relative; height: 40px; }
section .job_offer div.apply_info h2 { position: absolute; top: 20px; left: 20px; font-size: 16px; text-align: left; }
section .job_offer div.apply_info  ul { display: inline-block; margin: 20px; margin-top: 40px; margin-bottom: 10px;  }
section .job_offer div.apply_info  li.sub_title { font-size: 16px; }
section .job_offer div.apply_info  li.main_title { font-size: 20px; font-weight: bold; margin-top: 20px; }



section .job_offer div.apply_info .search_area  { position: absolute; top: 0px; right: 5px; padding: 0; margin: 0; }
section .job_offer div.apply_info .search_area dl { clear: both;  border: 0; }
section .job_offer div.apply_info .search_area dd { float: left;  margin-right: 10px; width: 165px;}
section .job_offer div.apply_info .search_area dd select { font-size: 14px; border: 1px solid #ddd; border-radius: 6px; padding: 5px 15px; }

section .job_offer div.info1 { clear: both;  margin: 20px; border-top: 1px solid #ddd;  text-align: left;  }

section .job_offer div.info1 table { margin-top: 15px; margin-bottom: 15px; width: 100%; border-bottom: 1px solid #ddd;}
section .job_offer div.info1 table td { color: 14px; font-weight: bold; padding: 5px 15px; color: #00a0e9; }
section .job_offer div.info1 table td:nth-child(2n) { color: #000; }

section .job_offer div.info1 div table { box-sizing: border-box; width: 100%; }
section .job_offer div.info1 div td { color: #000; font-size: 14px; }

section .job_offer div.info2 { clear: both;  margin: 20px; border-top: 1px solid #ddd;  text-align: left;  }

section .job_offer div.info2 table { margin-top: 15px; margin-bottom: 15px; width: 100%; border-bottom: 1px solid #ddd;}

section .job_offer div.info2 table td { color: 14px; font-weight: bold; padding: 5px 15px; text-align: center; font-size: 14px;}


section .job_offer div.info2 div table { box-sizing: border-box; width: 100%; }
section .job_offer div.info2 div td { color: #000; }


section .headerhunter {  clear: both; position: relative; margin: 10px; border: 1px solid #ddd; border-radius: 6px; height: 100%; text-align: left; }
section .headerhunter div.s_title {  position: relative; height: 40px; }
section .headerhunter h2 { position: absolute; top: 20px; left: 20px; font-size: 16px; text-align: left; }

section .headerhunter .search_area  { position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; }
section .headerhunter .search_area dl { clear: both;  border: 0; }
section .headerhunter .search_area dd { margin-right: 10px; width: 370px; }
section .headerhunter .search_area dd span.reg_btn { width: 70px; padding: 7px 10px; color:#fff; border: 1px solid #cd643a; background: #cd643a; font-weight: bold; }

section .headerhunter .search_area dd input[type="text"]{ width:150px; height: 20px; padding: 5px; color:#434343; border: 1px solid #ddd;}
section .headerhunter .search_area dd input[type="button"]{ width: 70px; padding: 9px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; }
section .headerhunter .search_area dd input[type="submit"]{ width: 70px; padding: 9px; color:#fff; border: 1px solid #3d61ad; background: #3d61ad; }


section .headerhunter .lists { position: relative; margin-top: 10px; }

section .headerhunter .lists ul { width: 100%; }
section .headerhunter .lists li { float: left; box-sizing: border-box; width: 23%; margin-top: 15px; margin-right: 15px; border: 1px solid #ddd; border-radius: 6px;}
section .headerhunter .lists li:last-child { margin-right: 0px; }
section .headerhunter .lists li dt { float: left; width: 30%; padding: 10px; }


section .headerhunter .lists li dt p.cnt { clear: both; font-size: 40px; font-weight: bold; line-height: 50px; margin-top: 30px;}
section .headerhunter .lists li dt p.txt { clear: both; font-size: 14px; margin-top: 10px; text-align: center;}
section .headerhunter .lists li dt i { font-size: 60px; color: #ccc; }

section .headerhunter .lists li dd { float: left; position: relative; width: 70%; text-align: left;}
section .headerhunter .lists li dd p.txt { clear: both; font-size: 12px; margin-top: 20px; line-height: 22px; font-weight: normal;}

section .headhunter_join {  width: 600px; position: absolute; top: 20px; left: 20px; border: 1px solid #ddd; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 1px #ccc; margin-bottom: 20px; z-index: 1000; }
section .headhunter_join h2 { font-size: 22px;  margin: 30px; }

section .headhunter_join h3 { font-size: 16px;  margin: 30px; text-align: left;}

section .headhunter_join div.s_title { margin: 15px; font-size: 16px; font-weight: bold; }

section .headhunter_join  ul { clear: both; margin: 15px 30px; border-bottom: 1px solid #ddd; display: flex;}
section .headhunter_join  li { font-size: 16px; text-align: left; padding: 5px; float: left; padding-bottom: 10px; }
section .headhunter_join  li:first-child { font-size: 12px; line-height: 30px; width: 110px; }


section .headhunter_join  li input[type="text"] { padding: 5px 10px; font-size: 14px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }
section .headhunter_join  li input[type="password"] { padding: 5px 10px; font-size: 14px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }
section .headhunter_join  li input[type="date"] { padding: 5px 10px; font-size: 14px; color: #000; border: 1px solid #ddd; border-radius: 6px; width: 80%; height: 20px; }

section .headhunter_join  li input[type="text"]:focus { border: 1px solid #00a0e9; }
section .headhunter_join  li input[type="password"]:focus { border: 1px solid #00a0e9; }
section .headhunter_join  li input[type="date"]:focus { border: 1px solid #00a0e9; }

section .headhunter_join  li select { padding: 5px 10px; font-size: 16px; color: #000; border: 1px solid #ddd; border-radius: 6px;  height: 32px; }

section .headhunter_join  li input[type="button"] { font-size: 14px; color: #fff; border: 1px solid #999; border-radius: 6px; width: 100px; padding: 5px; background-color: #3659f1;}
section .headhunter_join  li span { font-size: 12px; line-height: 30px; margin-right: 15px; color: #d20a0a; }


section .member_save {  border: 1px solid #ddd; border-radius: 10px; margin-top: 20px; padding: 25px; margin-bottom: 40px; background-color: #3659f1; color: #fff; font-size: 18px; font-weight: bold; }

*/