@charset "utf-8";
/* THEETHRU (http://www.theethru.com) */

#main-wrap{    width: 100%; position: relative;}

/* 네비게이션 바 - 홈 */
#hnb {    position: fixed; background-color:#fff;    width: 100%;  z-index: 10; height:50px; min-width:1120px;}
#hnb .bg {position: absolute;    width: 100%;    height: 50px;    background-size: contain;}
#hnb .wrap{    width: 1120px;    margin-left: auto;    margin-right: auto; position:relative; height:100%;  padding-right:30px;}
#hnb .logo{     float: left;    width: 50%}
#hnb .logo .img-wrapper{margin-left: 10px; margin-top: 10px}
#hnb .logo .img-wrapper{width:122px; height:23px;}

#hnb .menu{    float: left;    width: 50%;    margin: 0;    padding: 0;    text-align: right;    margin-top: 15px;    font-size: 1.125em;}
#hnb .menu li {margin-left: 30px; color:#3f5358;}
#hnb .menu li.indi > a > img{display:none;}
#hnb .menu li.indi > a > span{display:inline-block;}

.header{margin-top:30px;}
#header { width: 100%;	position:relative;  overflow: hidden; padding-top:50px;}

#content {position:relative; width:1120px; padding:50px 0 0 0; box-sizing: border-box;; margin-left: auto; margin-right: auto;}
#content .header-title{margin-top:50px; margin-bottom:30px;}
#content .header-title > div.text-wrapper{font-size:2em; font-weight:bold; color:#07abea;}

/* #content .gif-wrap{width:100%;text-align: center;margin:70px 0;}
#content .gif-wrap .gif{width:820px; border: 1px solid #dddddd;} */

#footer {width:100%; min-width:1120px;/* margin-top:20px;  */padding:0 0; clear:both;}
#footer .wrap{/*width:1120px;*/ width:100%; margin-left: auto; margin-right: auto;text-align:center; padding:20px 0; background-color:#22485D;color:#CED2D2;}
#footer .fnb{display: inline-block;padding:15px 0; width:100%;}
#footer .fnb li{border-right: 1px solid #fff;    padding: 0 15px;}
#footer .fnb li.last{border-right: none}
#footer .desc {padding:5px 10px; display:inline-block; font-style:normal; margin:0; font-size:12px;}
#footer .desc4 {display:block;}
#footer address {display: block;}
#footer .copyright {display: block;}

.logo-img .img-wrapper {border: 1px solid #BABABC; text-align:center;}
.logo-img .img-wrapper img {max-width:100%; max-height:100%; width:auto; height:auto; vertical-align:middle; margin:auto;}

.file-upload.btn{cursor:pointer; font-size:0.875em; font-weight: 700; background-color:#07abea; color:#ffffff; display:table-cell; vertical-align:middle; text-align:center; position:relative;}
.file-upload.btn input{position:absolute; top:0; left:0; opacity:0.0; filter:alpha(opacity:0); }

/* 팝업 */
.popup {    width: 100%;  min-width:1120px;  height: 100%;    position: fixed;    top: 0;    left: 0;    z-index: 100; }
.popup .bg{width:100%;height:100%;}
.popup .body{    width: 1120px;  max-height:90%; overflow-y:auto; height: auto;    position: absolute;    top: 60px;    left: 50%;    margin-left: -560px;    background-color: #fff;    padding: 50px 35px;    box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #D2D2D2;}
.popup .body .title{}
.popup .body .control{margin-top:30px;}

.popup .pagination {padding:20px 0 10px 0;}

/* a.btn-close-popup{  background-image: url('../image/popup_close_btn02_pc.jpg');    width: 40px;    height: 40px;    overflow: hidden;    position: absolute;    right: 1;    top: 1;}
a.btn-close-popup:active{	background-image: url('../image/popup_close_btn02_pc_act.jpg');} */

a.btn-close-popup{  background-image: url('../image/x_web.png'); width:16px; overflow: hidden; height:16px;   position: absolute; right: 10px;    top: 10px;}
a.btn-close-popup:active{	background-image: url('../image/x_web.png');}
a.btn-close-popup.t2{background-image:url('../image/x_web.png'); width:16px; height:16px;    right: 10px;    top: 10px;}
a.btn-close-popup.t2:active{background-image:url('../image/x_web.png');}

.tab-wrapper {font-size:1.0em;}
.tab-wrapper.t1 {padding-top: 50px;    height: 43px; position:relative;}
.tab-wrapper.t1 .body {width:100%; height:43px; z-index:1; position:absolute; left:0; top:50px;}
.tab-wrapper.t1 .tab{ height:40px; box-sizing:border-box; text-align:center;float:left; display: inline-block; width:20%;  border-radius: 10px 10px 0 0;    border: 2px solid #DDDDDD;   border-bottom:0px;    padding: 10px 10px; box-sizing:border-box;     background-color: #F2F2F2;    color: #B3B3B3;}
.tab-wrapper.t1 .tab.selected{ height:43px;  background-color: #fff;    color: #000;  border-color: #05abea ; border-bottom: 2px solid #fff;}
.tab-wrapper.t1 .tab1{}
.tab-wrapper.t1 .tab2{}
.tab-wrapper.t1 .tab3{}
.tab-wrapper.t1 .line{border: 1px solid #05ABEA; box-sizing:border-box; width:100%; height:0px; position:absolute; top:90px; z-index:0;}

.tab-wrapper.t2 {border:none; margin-top:10px; background-color:#F2F2F2;padding:10px;}
.tab-wrapper.t2 .tab{color: #B3B3B3;    height: 20px;padding:0px 10px;}
.tab-wrapper.t2 .tab.selected{ color: #000;    border-color: #05abea;    height: 22px;}
.tab-wrapper.t2 .tab1{}
.tab-wrapper.t2 .tab2{}
.tab-wrapper.t2 .tab3{}


/*이용약관*/
.agreement{}
.agreement #content{    box-sizing: border-box; width: 1120px; margin-left: auto; margin-right: auto;}
.agreement .subject{margin:20px 0px;}
.agreement .subject > .img-wrapper img{width:auto;height:20px;}
.agreement .subject>span{padding:5px; display:inline-block; font-size:1.2em; font-weight:bold;}
.agreement .main-box{border:1px solid #CCCCCC; padding:10px;margin-bottom:40px; font-size:0.9em; line-height:1.8;}

.indicator {    width: 100%;    height: 100%;    position: fixed;    top: 0;    left: 0;    z-index: 100;}
.indicator .bg{width:100%;height:100%;}
.indicator .body{    height: auto;    position: absolute; top:50%; left:50%; box-sizing: border-box;}
.indicator .body img{    /*content: url('/static/common/image/loading_img.gif');*/    width: 55px;    height: 55px; margin-left:-27px; margin-top:-55px;}

.location-list {position:absolute; background-color:#fff; border:1px solid #ddd; box-shadow: 2px 2px 2px #888888; z-index:101; max-height:300px; overflow-y:auto;}
.location-list > li {display:block; border-bottom:1px solid #ddd; padding:10px;}
.location-list > li:last-child {border-bottom:0px;}

.keyword-list {position:absolute; background-color:#fff; border:1px solid #ddd; box-shadow: 2px 2px 2px #888888; z-index:101; width:300px; left:-1px; top:35px; max-height:300px; overflow-y:auto;}
.keyword-list > li {display:block; border-bottom:1px solid #ddd; padding:7px; font-size:0.9em;}
.keyword-list > li:last-child {border-bottom:0px;}

#pagination{padding:20px 0}
.pagination {padding: 10px 0; text-align:center;}
.pagination.pc {display:block;}
.pagination.mobile {padding:0px 0px 10px 0px; display:none;}
.pagination.mobile a{border-bottom: 1px solid #d2d2d2;}

.pagination a{    padding:  5 7px; color:#A0A0A0;}
.pagination a.selected{color:#01B7E6; border:1px solid #01B7E6; border-radius: 3px}
.pagination a.prev{    padding: 0 30px;}
.pagination a.next{    padding: 0 30px;}

/* .pagination {padding: 30px 0}
.pagination a{    padding: 5 7px;}
.pagination a.selected{color:#01B7E6; border:1px solid #01B7E6; border-radius: 3px}
 */
.blank-form {border:1px solid #ddd; color:#00aff0; font-size:1.2em; font-weight:bold; padding:60px; text-align:center; margin-top:0px; margin-bottom:20px; }


/* 검색폼 */
.hr-search-form {    border-bottom: 1px solid #CCCCCC;    padding-bottom: 20px;}
.hr-search-form .header{    font-size: 1.5em;    padding-left: 30px;    color: #00AFF0;    letter-spacing: 1;}
.hr-search-form .body{    margin: 20px 0;    border: 1px solid #CCCCCC;    padding: 20px 20px;    box-sizing: border-box;}
.hr-search-form .body .label{    font-size: 1.1em;    font-weight: bold;    width: 80px;    display: inline-block;    position: relative;    padding-left: 20px;    box-sizing: border-box;}
.hr-search-form .body .label.keyword{width: 80px;}

.hr-search-form .body .keyword{    display: inline-block;    width: 175px;}
.hr-search-form .body .work-place{    display: inline-block;    width: 343px;}
.hr-search-form .body .industry{}
.hr-search-form .body .job{}
.hr-search-form .body .rank{}
.hr-search-form .body .salary{}
.hr-search-form .body .select-wrapper{    width: 175px;    display: inline-block;}

.hr-search-form .body .top{}
.hr-search-form .body .bottom{    margin-top: 20px;}
.hr-search-form .footer{	text-align: right; color:#AAAAAA;}
.hr-search-form .footer button{margin-left: 20px; margin-top:10px;   width: 86px;}


/* 테이블 */
table{ width: 100%;    border-spacing: 0;    border-top: 2px solid #646464; /*margin-top:40px;*/}
table caption{margin-bottom: 10px; text-align:right; /* height:30px; */ margin-top:40px; }
table caption .desc{    font-size: 1.5em;    padding-left: 30px;    color: #00AFF0;    letter-spacing: 1;    text-align: left;}
table caption strong{    color: #05ABEA;}
table caption .control { text-align: right; /*float:right; margin-left:20px;*/display:inline-block;}
table caption .control button{width:100px; vertical-align:middle; padding:6px 0;}

.caption{margin-bottom: 10px; text-align:right; /* height:30px; */ margin-top:40px;}
.caption {margin-bottom: 10px}
.caption .desc{    font-size: 1.5em;    padding-left: 30px;    color: #00AFF0;    letter-spacing: 1;    text-align: left;}
.caption strong{    color: #05ABEA;}
.caption .control { text-align: right; /*float:right; margin-left:20px;*/}
.caption .control button{width:100px; vertical-align:middle; padding:6px 0;}

table thead tr th{ background-color: #F1F2F4;  padding:5px 0px; color: #5B5B5B; }

table thead tr th.pc{display:table-cell !important}
table thead tr th.m{display:none;}
table thead tr th .text{ border-right: 1px solid #DEDFE1;   padding: 4px 0;     font-weight: 500; }
table thead tr th:last-child .text{border-right: none }

table tbody tr td{    padding: 15px;    border-bottom: 1px solid #EBEBEB;    box-sizing: border-box;}
table .date{  width: 25%;  text-align: center}
table .name{  width: 20%;  text-align: center}
table .content{}
table .cbox{  width: 100px; text-align: center}
table .index{ width:80px; text-align:center}

/* table caption .desc{    font-size: 1.5em;    padding-left: 30px;    color: #00AFF0;    letter-spacing: 1;    text-align: left;}
table caption .control { text-align: right; color:#AAAAAA;    margin-top: 20px;}
table caption .control button{margin-left:20px;} */


.link{color:#07abea;}
.link2{color:#33b9c5;}
.line-data{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*	이력서 미리보기 */
.resume-preview {}
.resume-preview #content{}
.resume-preview .title{    margin-bottom: 30px;}
.resume-preview .moto{        padding: 10px 0;    font-size: 1.2em;    letter-spacing: 1;}
.resume-preview .section {   padding-bottom: 30px; }
.resume-preview .section.relative {   padding-bottom: 0px; }
.resume-preview .section .header{  margin-top:20px;  padding: 10px 0;    position: relative;    height: 26px; border-bottom: 2px solid #07B4ED;}
.resume-preview .section .header .subject{    font-weight: normal;    font-size: 1.5em;    /*padding-left: 10px;*/}
.resume-preview .section .header .btn{    position: absolute;    right: 0;    top: 10px;}
.resume-preview .section .body {}
.resume-preview .section .body .pic {border: 1px solid #d2d2d2;    display: inline-block;    padding: 10px;    margin: 0 30px; box-sizing:border-box;}
.resume-preview .section.t2 {border-top: 2px solid #07B4ED;    }
.resume-preview .section.t2 .header{border-bottom: 0px;    }

.resume-preview .section .img-wrapper.clip-icon{margin-left:5px;    }
.resume-preview .section .img-wrapper.link-icon{margin-left:5px;    }

.resume{  width:100%;  display: inline-block;    vertical-align: top;    border-collapse: collapse;    /* border-top: 2px solid #09BCEF; */   /*border-bottom: 1px solid #8A8A8A;*/}
.resume .item{     font-size: 0.875em;   clear: both;    border-bottom: 1px solid #d2d2d2;    display: inline-block;    position: relative;}
.resume .item:first-child{/* border-top: 2px solid #09BCEF */}
.resume .item:last-child{border-bottom: 1px solid #8A8A8A}
.resume .item .label{font-weight: normal;width:275px; float:left;background-color: #F3F4F5; box-sizing: border-box; padding: 10px 15px; min-height:38px;}
.resume .item .data{width:845px; float:left;padding: 10px 15px;    box-sizing: border-box; min-height:38px;}
.resume .item .data .title{margin-bottom:15px;}
.resume .item .data .detail{color:#9A9A9A;}
.resume .item:last-child .label{border-bottom: 0}
.resume .item:last-child .data{border-bottom: 0}
.resume.t1 .item:first-child{border-top: 1px solid #8A8A8A}
.resume.t1{	width: 780px;    margin-left: 84px;}
.resume.t1 .item .label{width:145px;}
.resume.t1 .item .data{width:635px;}
.resume.t3 .item {background-color:#F3F4F5;}
.resume.t3 .item .data{background-color: #fff;line-height: 1.8}

.resume.t4 .item {background-color:#F3F4F5;}
.resume.t4 .item .data{background-color: #fff}
.resume.t4 .item .data .sub-item{    position: relative; display: inline-block;    width: 100%;    clear: both;    padding:0; /* margin-bottom:10px; */}
.resume.t4 .item .data .sub-item:last-child {margin-bottom:0px;}
.resume.t4 .item .data .sub-item .title{    color: #9A9A9A;    display: inline-block;    position: relative;    width: 145px; margin-bottom: 0; line-height:1.8;}
.resume.t4 .item .data .sub-item .detail{    display: inline-block;    color: #808080;    width: 665px;    vertical-align: top; line-height:1.8;}

.resume.t5 {}
.resume.t5 .item {    width: 100%;}
.resume.t5 .item .data{    width: 100%;}

.resume-preview.reading .section .header .btn{ display:none;}

/* 기업정보  */
.company.detail{}
.company.detail .spot{}
.company.detail .spot .title{    margin: 60px 0;}
.company.detail .spot .title .img{background-image:url('../image/company_info.png');width:213px;height:36px; }
.company.detail .body{}

.company-info-header.t1{border:1px solid #C3C3C3;;}
.company-info-header.t1 .header{    border-bottom: 1px solid #C3C3C3;    color: #3A3A3A;    padding: 25px;    font-weight: bolder;    font-size: 1.6em;    text-align: center; margin-top:10px;}
.company-info-header.t1 .content{    height: 272px; }
.company-info-header.t1 .content .wrapper{    display: inline-block;    float: left;    height: 272px;    vertical-align: middle;    text-align: center;    box-sizing: border-box;}
.company-info-header.t1 .content .wrapper.t2{width: 252px;    padding-top: 55px;    border-right: 1px solid #C3C3C3;    background: #F1F2F4;}
.company-info-header.t1 .content .wrapper .img-wrapper{}
.company-info-header.t1 .content .wrapper .name{padding-top:10px; color:#000;}
.company-info-header.t1 .content .wrapper .data{    padding-top: 32px;    font-weight: bolder;    color: #000;    font-size: 1.3em;    line-height: 1.2em;}
.company-info-header.t1 .content .logo.wrapper{    width: 362px;    border-right: 1px solid #C3C3C3;    padding-top: 80px;}
.company-info-header.t1 .content .category.wrapper{}
.company-info-header.t1 .content .sales.wrapper{}
.company-info-header.t1 .content .employee.wrapper{    border-right: 0;}
.company-info {    margin-top: 85px;}
.company-info .header {    border-left: 5px solid #05ABEA;    font-size: 1.7em;    padding-left: 10px;    margin-left: 5px;    font-weight: bolder;    color: #000;    margin-bottom: 15px;}
.company-info .content {    border-top: 3px solid #8BD5E6;    width: 100%;    clear: both;    display: inline-block;}
.company-info .content .row{    float: left;    clear: both;    width: 100%;    border-bottom: 1px solid #D3D3D3;}
.company-info .content .row .label{width: 150px;    background-color: #F1F2F4;    display: inline-block;    color: #000;    text-align: center;    padding: 15px;    box-sizing: border-box;}
.company-info .content .row .data{    display: inline-block;    padding: 10px;}

.company-info .content .row.t2{    width: 50%;    clear: none;}
.company-info .content .row.t2 .label{}
.company-info .content .row.t2 .data{    width: 320px;    display: inline-block;    padding: 10px;}
.company-info.t1{}
.company-info.t2 .content{    padding: 10px 20px;    line-height: 2.5em;    color: #000;box-sizing:border-box;}
.company-info.t3 .content {}
.company-info.t3 .content strong{    padding: 15px 10px;    width: 100%;    display: inline-block;    color: #000;    font-weight: normal;box-sizing:border-box;}
.company-info.t4 .sub-header {    display: inline-block;    width: 100%;    padding-bottom: 10px;    padding-left: 10px;}
.company-info.t4 .sub-header strong{    color: #05ABEA;    font-weight: bolder;    font-size: 1.1em;}
.company-info.t4 .content{}
.company-info.t4 .content .list-head{    background: #F1F2F4;    display: inline-block;    width: 100%;    padding: 10px;    box-sizing: border-box;}
.company-info.t4 .content .subject{    display: inline-block;    float: left;    width: 912px;}
.company-info.t4 .content .period{    text-align: center;    }
.company-info.t4 .content .list-head .subject{    text-align: center;    border-right: 1px solid #DEDFE1;    color: #000;}
.company-info.t4 .content .list-head .period{color: #000;}
.company-info.t4 .content .list {display: inline-block; width:100%;}
.company-info.t4 .content .list .row{    padding: 20px 0;    box-sizing: border-box;}
.company-info.t4 .content .list .subject{    box-sizing: border-box;    padding-left: 50px;}
.company-info.t4 .content .list .subject .top{    color: #000;    padding-bottom: 10px;    font-size: 1.1em;}
.company-info.t4 .content .list .subject .bottom{    font-size: 0.90em;}
.company-info.t4 .content .list .period{    color: #000;    padding-top: 10px;}

.company-info-header .logo-img .img-wrapper {width:280px; height:100px; }

/* 채용 공고 (개인/기업 공통)*/

.recruit.noti .section{border: 1px solid #CBCBCB;    padding: 10px 10px; }
.recruit.noti .section .header{    position: relative;    height: 45px; font-weight: bolder}
.recruit.noti .section .header .title{font-size: 1.5em;    color: #3A3A3A;    vertical-align: middle;    padding: 5px 10px;}
.recruit.noti .section .header .status{    position: absolute;    top: 0;    right: 0;}
.recruit.noti .section .header .status .img.applied{width:82px;height:42px;background-image:url('/static/common/image/send_active.png');}
.recruit.noti .section .header .status .img.not.applied{background-image:url('/static/common/image/send_off.png');}
.recruit.noti .section .body{    padding-top: 20px;    border-top: 2px solid #646464;    position: relative; display:inline-block; width:100%;}

.recruit.noti .section.company .body{margin-top: 20px;}
.recruit.noti .section.company {margin-top: 40px;}

.recruit.noti .section .body .logo{    width: 280px;    display: inline-block;    margin-left: 10px;}
.recruit.noti .section .body .date{    position: absolute;    top: 20px;    font-weight: bold;    right: 10px; color:#000;}
.recruit.noti .section .body .summary-wrapper{    width: 600px;    display: inline-block;    padding: 10px 20px;    box-sizing: border-box;    vertical-align: top;}
.recruit.noti .section .body .summary-wrapper .name{    font-weight: bold;    color: #000;    font-size: 1.3em;    margin-bottom: 15px;}
.recruit.noti .section .body .summary-wrapper .category{    font-size: 0.9em;    padding-left: 5px;    padding-bottom: 5px;}
.recruit.noti .section .body .summary-wrapper .ceo{    font-size: 0.9em;    padding-left: 5px;}

.recruit.noti .section .body .company-info-wrapper{    padding: 20px;}
.recruit.noti .section .body .company-info-wrapper .info{    padding: 10px 0;    display: inline-block;}
.recruit.noti .section .body .company-info-wrapper .info.half{}
.recruit.noti .section .body .company-info-wrapper .info .label{    width: 120px;    box-sizing: border-box;    display: inline-block;}
.recruit.noti .section .body .company-info-wrapper .info .data{    display: inline-block;    color: #000;}

.recruit.noti .section .body .job-info-wrapper {    padding: 25px 30px;    border: 1px solid #CBCBCB;    background-color: #F0F0F0;    box-sizing: border-box;    display: inline-block;    vertical-align: top;    float: left;    height: 210px;}
.recruit.noti .section .body .job-info-wrapper .title{    color: #000;    font-size: 1.1em;    margin-bottom: 20px;}
.recruit.noti .section .body .job-info-wrapper .content{}
.recruit.noti .section .body .job-info-wrapper .content .item{    display: inline-block;    width: 100%;    clear: both;    padding-bottom: 10px;    font-size: 0.9em;}
.recruit.noti .section .body .job-info-wrapper .content .item:last-child{padding:0px;}

.recruit.noti .section .body .job-info-wrapper .content .item .label{    width: 93px;    display: inline-block;}
.recruit.noti .section .body .job-info-wrapper .content .item .data{    display: inline-block;    color: #000;}
.recruit.noti .section .body .job-info-wrapper.qualification {    width: 260px; height:223px;    border-right: 0;}
.recruit.noti .section .body .job-info-wrapper.working-condition {   width: 500px;height:223px;    border-right: 0;}
.recruit.noti .section .body .job-info-wrapper.employment-type {    width: 335px; height:223px;}

.recruit.noti .section .footer{}
.recruit.noti .section .date{}
.recruit.noti .section .header{margin-top:10px;}

.recruit.noti .section.t2 {}
.recruit.noti .section.t2 .header{height: auto;    padding: 10px 0;}
.recruit.noti .section.t2 .header .title{    border-left: 5px solid #05ABEA;    padding: 0 10px;}
.recruit.noti .section.t2 .body{    padding-top: 0;}
.recruit.noti .section.t2 .body .info{    border-bottom: 1px solid #D3D3D3;}
.recruit.noti .section.t2 .body .info .label{    background-color: #F1F2F4;    width: 150px;    display: inline-block;    position: relative;    padding: 10px;    box-sizing: border-box;    text-align: center;    color: #000;}
.recruit.noti .section.t2 .body .info .data{    display: inline-block;    position: relative;    padding: 10px;    color: #000;}
.recruit.noti .section.t2 .body .item {    padding: 10px 5px;    color: #000;}
.recruit.noti .section.t2 .body .item img{    vertical-align: middle;    margin-right: 5px;}

.recruit.noti .section.t2 .body .textarea{    padding: 10px 5px;    line-height: 1.8em;    color: #000;}

.recruit.noti .section.t3 {    padding: 10px;    padding-bottom: 20px; margin-bottom: 100px}
.recruit.noti .section.t3 .header{height: auto;    padding: 10px 0;}
.recruit.noti .section.t3 .header .title{    border-left: 5px solid #05ABEA;    padding: 0 10px;}
.recruit.noti .section.t3 .body{ padding-top: 0; padding-bottom:20px; }
.recruit.noti .section.t3 .body .info{    border-bottom: 1px solid #D3D3D3; position: relative;}
.recruit.noti .section.t3 .body .info:last-child{border-bottom: 0}
.recruit.noti .section.t3 .body .info .label{    background-color: #fff;    width: 150px;    display: inline-block;    padding: 15px;    box-sizing: border-box;    text-align: left;    color: #000;}
.recruit.noti .section.t3 .body .info .label.full{width:100%;}
.recruit.noti .section.t3 .body .info .label .text{ position: absolute;    top: 10px;}
.recruit.noti .section.t3 .body .info .data{    display: inline-block;    position: relative;    padding: 10px;    color: #000;}
.recruit.noti .section.t3 .body .info .data .control {    padding: 20px 0;}
.recruit.noti .section.t3 .body .info .data .control a:first-child{padding-left: 0}
.recruit.noti .section.t3 .body .info .data.full{    width: 100%;    box-sizing: border-box;    padding: 0;}
.recruit.noti .section.t3 .body .info .data table{  margin-top:0px;  width: 100%;    border: 1px solid #BABABA;    border-spacing: 0;}
.recruit.noti .section.t3 .body .info .data table thead{ }
.recruit.noti .section.t3 .body .info .data table thead tr{ }
.recruit.noti .section.t3 .body .info .data table thead tr th{    background-color: #F0F0F0;    font-size: 0.85em;    color: #858585;    font-weight: 100;}
.recruit.noti .section.t3 .body .info .data table tbody tr {}
.recruit.noti .section.t3 .body .info .data table tbody tr th{ }
.recruit.noti .section.t3 .body .info .data table th{border-right: 1px solid #BABABA;    padding: 15px;    }
.recruit.noti .section.t3 .body .info .data table td{border-right: 1px solid #BABABA;    padding: 15px; text-align: center;    color: #000;}
.recruit.noti .section.t3 .body .item {    padding: 10px 5px;    color: #000;}
.recruit.noti .section.t3 .body .item img{    vertical-align: middle;    margin-right: 5px;}

.recruit.noti .section.t3 .body .info.apply .item{padding:5px 5px;}
.recruit.noti .section.t3 .body .info.apply span{color:#BABABA;}
.recruit.noti .section.t3 .body .info.apply span.link{color:#05ABEA;}

.recruit.noti .section-wrapper { border: 1px solid #CBCBCB;padding:10px 10px;margin-bottom: 50px; /* display: inline-block; width:100%; */}
.recruit.noti .section-wrapper > .section{border:0;  padding:0;  padding-bottom: 40px; }

.recruit.noti .control {    width: 100%;    padding: 25px;  text-align: center;  box-sizing: border-box;    display: inline-block;}
.recruit.noti .t3 .control {padding-left:150px;  text-align: left;}

.recruit.noti .control a{    display: inline-block;    position: relative;    padding: 0 10px; cursor:default;}
.recruit.noti .control a div{width:162px;height:52px;}
.recruit.noti .control a div.btn-online{background-image:url('/static/common/image/online_btn.png');}
.recruit.noti .control a div.disable.btn-online{background-image:url('/static/common/image/online_btn_off.png');}
.recruit.noti .control a div.btn-homepage{background-image:url('/static/common/image/homepage_btn.png');}
.recruit.noti .control a div.disable.btn-homepage{background-image:url('/static/common/image/homepage_btn_off.png');}
.recruit.noti .control a div.btn-email{background-image:url('/static/common/image/email_btn.png');}
.recruit.noti .control a div.disable.btn-email{background-image:url('/static/common/image/email_btn_off.png');}

.recruit.noti .logo-img .img-wrapper {width:280px; height:100px; }

.popup.popup-modify-phone .body{width:600px; top:10%; left: 50%; margin-left: -300px; height:auto; overflow-y:hidden; font-size:0.9em}
.popup.popup-modify-phone .header{width: 100%; position: relative; overflow: hidden; padding-top: 0px;}
.popup.popup-modify-phone .header .text{position: relative; color: #3f5358; margin-left: auto; margin-right: auto; text-align: center; font-size: 2em; padding: 20px;}

/* 채용 공고*/
.phone-verify .section{width: 100%; margin: 20px 0; padding: 5px 0;}
.phone-verify .section .input-wrapper{height:40px}
.phone-verify .section .input-wrapper input{font-size:1.1em;}
.phone-verify .noti{padding-top:10px;}
.phone-verify .noti.error{color:red;}
.phone-verify .noti-wrapper{margin-top:10px; text-align: right;}
.phone-verify .noti-wrapper .noti{display:inline-block;}
.phone-verify .noti-wrapper .btn-wrapper{display:inline-block; margin-left:10px;}
.phone-verify .noti-wrapper .btn-wrapper .btn{width:100px;}
.phone-verify .btns{text-align: center; margin-top:0px; height:60px;}
.phone-verify .btns li{border-right: 2px solid #eee;padding:0 10px; font-size:0.875em;  color:#6a6f71}
.phone-verify .btns li.last{border-right: 0}
.phone-verify .btns li a{}
.phone-verify .btns .btn-submit{width:150px;}

@media screen and (max-width:640px)
{
	#content {width:100%; padding:50px 10px 10px 10px}
	.home #content {width:100%; padding:50px 0 0 0}
	.job-fitting #content {width:100%; padding:50px 0 0 0}

	#content .header-title{    text-align: center; }

	#hnb {position: absolute;    width: 100%;  min-width:320px;  left: 0;    top: 0;    /* height: 599px;   */  overflow: hidden;}
    #hnb .logo {}
    #hnb .logo img{    width: 120px;    margin-left: 5px;    margin-top: 0;}
    #hnb .wrap {width:100%;}
    #hnb .menu{ margin-top:0px;}
    #hnb .menu li {display: block; cursor:pointer;  box-sizing: border-box;    position: relative;    text-align: right;    margin-right: 15px;    padding: 10px 0;}
    #hnb .menu li.indi > a > img{display:block; float:right; height:30px;}
    #hnb .menu li.indi > a > span{display:none;}

    #hnb .menu .corp {display: none;}

    #hnb .menu li .bg{ position: absolute;display: block;width: 100%;height: 100%;  background-color: #000;     z-index: -1;}
    #hnb .menu li .desc{    display: block;    position: relative;    margin-top: 10px;    margin-bottom: 10px;}
    #hnb .menu li .icon{    display: inline-block;    vertical-align: middle;}
    #hnb .menu li .type{    font-size: 20px;    vertical-align: middle;    margin-left: 10px;}

    #footer {width:100%; clear:both; min-width:320px;}
	#footer .wrap{padding:20px 0; width:100%; }

	#footer .fnb li{    width: 50%;    box-sizing: border-box;    margin: 0;    float: left;	margin-bottom: 15px}
	#footer .fnb li.second{border-right: 0}

	.tab-wrapper {font-size:1.2em;}
	.tab-wrapper.t1 .body{height:37px;}
    .tab-wrapper.t1 .tab{width: 25%; font-size:0.7em; padding:10px 5px;}
    .tab-wrapper.t2 .tab{font-size:0.7em;}
    .tab-wrapper.t1 .line{/* display:none; */}

	.popup {min-width:320px;}
    .popup .body { width: 90%; max-height:85%; left:50%; margin-left:-45%; padding:20px 10px;}

	.hr-search-form .body{padding:10px; font-size:0.9em}
	.hr-search-form .body .label{padding-left:0; width:17%;}
	.hr-search-form .body .label.keyword{width:100%; margin-bottom:5px;}
	.hr-search-form .body .keyword{ width: 32%; margin-bottom:10px;}
	.hr-search-form .body .work-place{width: 80%;}
	.hr-search-form .body .select-wrapper{width: 80%;  margin-bottom:10px;}
	.hr-search-form .body .bottom{    margin-top: 10px;}
	.hr-search-form .keyword-list {width:130%;}
	.hr-search-form .footer{font-size:0.9em;}

	table caption .control button{width:70px; padding:6px 10px}
	.caption{margin-bottom: 10px; text-align:right; margin-top:10px;}

	table thead tr th.pc{display:none !important;}
	table thead tr th.m{display:block;}
	table tbody tr td{    padding: 10px;    border-bottom: 1px solid #EBEBEB;    box-sizing: border-box;  font-size: 1.0em}
	table .date{  display: inline-block; width: 100%;  text-align: left; padding:5px 0;  font-size: 0.9em}
	table .name{  display: inline-block; width: 100%;  text-align: left; padding:5px 0px;  font-size: 1.0em}
	
	table .content{ /* padding:5px 0px; */box-sizing:border-box;}
	/* table .content:nth-child(1){ width:20%;} */
	table .content:nth-child(3){}
	.ncs.apply > #content > table .content{ width:65%;}
	table tbody tr td.status{width:35%;}
	table tbody tr td.status > .cbox{width:100%;}
	table tbody tr td.content:nth-child(3) p{color:#4a4a4a;}
	table tbody tr td.content:nth-child(3) span{font-size:0.875em; border-right:1px solid #969696; color:#828282; padding-right:5px;}
	table tbody tr td.content:nth-child(3) span:last-child{border-right:none;}
	
	
	
	
	.blank-form {font-size:1.0em; padding:60px 20px;}
	
	/* .consulting.project #content table > thead > tr > th{width:100%; } */
	/* .consulting.project #content table > thead > tr > th .text{border-right:none; } */


	table .cbox{  width: 60px; text-align: center}
	table .index{ width:50px; text-align:center;}
	table th.content{font-size:1.0em;}
	table th.content:nth-child(3) div{border-right:none;}
	table th.date{font-size:1.0em;}

	.agreement #content{width:100%; /* padding:0px 10px; */}
	.agreement #content .tab-wrapper.t1 .tab{width:33.33%;}
	.agreement #content .tab-wrapper.t1 .tab{width:33.33%;}
	.agreement .main-box{font-size:0.8em}


	/* 기업정보 */
    .company.detail{}
    .company.detail .spot{padding:5px;}
    .company.detail .spot .title{    margin: 40px 0;    text-align: center;}
    .company.detail .spot .title .img{  width:213px;  /* background-image: url('../image/company_info_m.png');    width: 283px;    height: 48px;*/    display: inline-block; }
    .company.detail .body{    padding: 5px;}

    .company-info-header.t1{display: inline-block;}
    .company-info-header.t1 .header{}
    .company-info-header.t1 .content{    height: auto;    display: inline-block;}
    .company-info-header.t1 .content .wrapper{    display: inline-block;    float: left;    height: 200px;    vertical-align: middle;    text-align: center;    box-sizing: border-box;}
    .company-info-header.t1 .content .wrapper.t2{    width: 33.3333%; padding-top:30px;}
    .company-info-header.t1 .content .wrapper .img-wrapper{}
    .company-info-header.t1 .content .wrapper .name{padding-top:10px; color:#000;}
    .company-info-header.t1 .content .wrapper .data{    padding-top: 15px;    font-weight: bolder;    color: #000;    font-size: 1.0em;    line-height: 1.2em;}
    .company-info-header.t1 .content .logo.wrapper{    width: 100%;    border-right: none; height:140px;   padding-top: 20px;    border-bottom: 1px solid #C3C3C3;}
    .company-info-header.t1 .content .category.wrapper{}
    .company-info-header.t1 .content .sales.wrapper{}
    .company-info-header.t1 .content .employee.wrapper{    border-right: 0;}
    .company-info {    margin-top: 85px;}
    .company-info .header {    border-left: 5px solid #05ABEA;    font-size: 1.7em;    padding-left: 10px;    margin-left: 5px;    font-weight: bolder;    color: #000;    margin-bottom: 15px;}
    .company-info .content {    border-top: 3px solid #05ABEA /* #8BD5E6 */;    width: 100%;    clear: both;    display: inline-block;}
    .company-info .content .row{    float: left;    clear: both;    width: 100%;    border-bottom: 1px solid #D3D3D3;}
    .company-info .content .row .label{width: 150px;    background-color: #F1F2F4;    display: inline-block;    color: #000;    text-align: center;    padding: 15px;    box-sizing: border-box;}
    .company-info .content .row .data{    display: inline-block;    padding-top: 15px;    position: absolute;    left: 0;    width: 100%;    padding-left: 170px;    box-sizing: border-box;    text-overflow: ellipsis;    overflow: hidden;}

    .company-info .content .row.t2{    width: 100%;    clear: both;    display: inline-block;}
    .company-info .content .row.t2 .label{}
    .company-info .content .row.t2 .data{    display: inline-block;    padding-top: 15px;    position: absolute;    left: 0;    width: 100%;    padding-left: 170px;    box-sizing: border-box;    text-overflow: ellipsis;    overflow: hidden;}
    .company-info.t1{}
    .company-info.t2 .content{    padding: 10px 20px;    line-height: 2.5em;    color: #000;}
    .company-info.t3 .content {}
    .company-info.t3 .content strong{    padding: 15px 10px;    width: 100%;    display: inline-block;    color: #000;    font-weight: normal;box-sizing:border-box;}
    .company-info.t4 .sub-header {    display: inline-block;    width: 100%;    padding-bottom: 10px;    padding-left: 10px;box-sizing:border-box;}
    .company-info.t4 .sub-header strong{    color: #05ABEA;    font-weight: bolder;    font-size: 1.1em;}
    .company-info.t4 .content{}
    .company-info.t4 .content .list-head{    background: #F1F2F4;    display: inline-block;    width: 100%;    padding: 10px;    box-sizing: border-box;}
    .company-info.t4 .content .subject{    width:auto;}
    .company-info.t4 .content .period{  display:none;}
    .company-info.t4 .content .list-head .subject{    text-align: center;    border-right: 1px solid #DEDFE1;    color: #000;}
    .company-info.t4 .content .list-head .period{color: #000;}
    .company-info.t4 .content .list {display: inline-block; width:100%;}
    .company-info.t4 .content .list .row{    padding: 20px 0;    box-sizing: border-box;}
    .company-info.t4 .content .list .subject{    padding-left: 10px;    width: 100%;}
    .company-info.t4 .content .list .subject .top{    color: #000;    padding-bottom: 10px;    font-size: 1.1em;}
    .company-info.t4 .content .list .subject .bottom{    font-size: 0.90em;}
    .company-info.t4 .content .list .period{    color: #000;    padding-top: 10px;}

  	.recruit.noti #content {width:100%;}
  	.recruit.noti #content .header-title{margin-bottom:50px;}
  	.recruit.noti #content > .title{    margin: 50px 0;text-align: center}
    .recruit.noti #content > .title .img{width:137px;/* width:180px;height:50px;background-image:url('/static/common/image/m/recruit_m.png');  */   display: inline-block;}

    .recruit.noti .section{    border: 1px solid #CBCBCB;    padding: 20px 10px;}
    .recruit.noti .section .header{    position: relative;    font-weight: bolder;    height: auto;}
    .recruit.noti .section .header .title{  width: 75%;  font-size: 1.2em;    color: #3A3A3A;    vertical-align: middle;    padding: 5px 10px;    padding-left: 0;    padding-bottom: 30px;}
    .recruit.noti .section .header .status{   /* width: 98px;*/    height: 35px;    position: absolute;    bottom: -15px;    right: 0;    display: inline-block;    top: inherit;}
    .recruit.noti .section .header .status .img.applied{width:98px;height:35px;background-image:url('/static/common/image/m/send_active_m.png');}
    .recruit.noti .section .header .status .img.not.applied{background-image:url('/static/common/image/m/send_off_m.png');}
    .recruit.noti .section .body{    border-top: 2px solid #646464;}

	.recruit.noti .section.company {/*margin-top: 40px;*/padding-top:0px;}
    .recruit.noti .section.company .body{margin-top: 20px;padding-top:10px;}


    .recruit.noti .section .body .logo{    width: 100%;    margin-left: 0;}
    .recruit.noti .section .body .date{    position: absolute;    top: 20px;    font-weight: bold;    right: 10px; color:#000;}
    .recruit.noti .section .body .summary-wrapper{    width: 100%;    border-bottom: 1px solid #BABABA;    padding: 20px 5px 20px 10px;}
    .recruit.noti .section .body .summary-wrapper .name{    font-weight: normal;    color: #000;    font-size: 1.1em;    margin-bottom: 10px;    display: inline-block;    width: 100%;    float: left;    box-sizing: border-box;}
    .recruit.noti .section .body .summary-wrapper .category{    font-size: 0.9em;    padding-bottom: 5px;    padding-left: 0;    width: 100%;    float: left;    box-sizing: border-box;}
    .recruit.noti .section .body .summary-wrapper .ceo{    font-size: 0.9em;    padding-left: 0;    width: 100%;    float: left;    box-sizing: border-box;}

    .recruit.noti .section .body .company-info-wrapper{    padding: 20px 10px; }    
    .recruit.noti .section .body .company-info-wrapper .info{    width: 100%;    position: relative;}
    .recruit.noti .section .body .company-info-wrapper .info.half{    width: 100%;}
    .recruit.noti .section .body .company-info-wrapper .info .label{    font-size: 0.9em;    position: absolute;    top: 10px;}
    .recruit.noti .section .body .company-info-wrapper .info .data{    font-size: 0.9em;    top: 10px;    padding-left: 130px;    left: 0;    height: auto;}

    .recruit.noti .section .body .job-info-wrapper {    height:auto; padding:30px 20px;}
    .recruit.noti .section .body .job-info-wrapper .title{    color: #000;    font-size: 1.1em;    margin-bottom: 20px;}
    .recruit.noti .section .body .job-info-wrapper .content{}
    .recruit.noti .section .body .job-info-wrapper .content .item{    display: inline-block;    width: 100%;  height:16px;  clear: both;    padding-bottom: 10px;    font-size: 0.9em;}
    .recruit.noti .section .body .job-info-wrapper .content .item .label{    width: 93px;    display: inline-block;    position: absolute;}
    .recruit.noti .section .body .job-info-wrapper .content .item .data{    display: inline-block;    color: #000;    padding-left: 93px;    width: 100%;    box-sizing: border-box;    word-break: break-all;}
    .recruit.noti .section .body .job-info-wrapper.qualification {    width: 100%;    border-right: 1px solid #cbcbcb;}
    .recruit.noti .section .body .job-info-wrapper.working-condition {     width: 100%;    border-right: 1px solid #cbcbcb; }
    .recruit.noti .section .body .job-info-wrapper.employment-type {        width: 100%;    border-right: 1px solid #cbcbcb;}

    .recruit.noti .section .footer{}
    .recruit.noti .section .date{    color: #000;    font-size: 0.9em;    margin-top: 0.5em;    position: absolute;    top:0px; right:0px;}

    .recruit.noti .section.t2 {}
    .recruit.noti .section.t2 .header{height: auto;    padding: 10px 0;}
    .recruit.noti .section.t2 .header .title{    border-left: 5px solid #05ABEA;    padding: 0 10px;}
    .recruit.noti .section.t2 .body{    padding-top: 0;}
    .recruit.noti .section.t2 .body .info{ width:100%;   border-bottom: 1px solid #D3D3D3;    box-sizing: border-box;    display: inline-block;    position: relative;background-color: #F1F2F4;}
    .recruit.noti .section.t2 .body .info.half{    width: 100%;}
    .recruit.noti .section.t2 .body .info .label{    position: absolute;    left: 0;    z-index: 10;    height: 100%; width:130px;}
    .recruit.noti .section.t2 .body .info .data{    background-color: #fff;    padding-left: 150px;    width: 100%;    box-sizing: border-box; min-height:39px;}
    .recruit.noti .section.t2 .body .item {    padding: 10px 5px;    color: #000;}
    .recruit.noti .section.t2 .body .item img{    vertical-align: middle;    margin-right: 5px;}

    .recruit.noti .section.t2 .body .textarea{    padding: 10px 5px;    line-height: 1.8em;    color: #000;}

	.recruit.noti .section.t3 .body .info .label{width:30%; padding:15px 5px;}
	.recruit.noti .section.t3 .body .info .data{ width:60%;}

	.recruit.noti .section.t3 .body .info.apply .item{padding:5px 5px;}
	.recruit.noti .section.t3 .body .info.apply span{color:#BABABA; display:block; padding:5px 0px 5px 10px;}
	.recruit.noti .section.t3 .body .info.apply span.link{color:#05ABEA;}
	
	.recruit.noti .section.t3 .body .info .data.manager{width:100%; padding:0; border:1px solid #BABABA; font-size:0.9em;}
    .recruit.noti .section.t3 .body .info .data.manager .label{    position: absolute;    left: 0;    z-index: 10;    height: 100%; width:130px; background-color:#f1f2f4}
    .recruit.noti .section.t3 .body .info .data.manager .data{    background-color: #fff;    padding-left: 150px;  width: 100%;    box-sizing: border-box; min-height:39px;}
    

	/* .recruit.noti .spot .title{margin-top:10px;font-size:1.3em;}
	.recruit.noti .spot{    width: 300px;    margin-left: auto;    margin-right: auto;}
	.recruit.noti .spot .desc-wrapper {height: 530px; padding:20px;}
	.recruit.noti .spot .desc-wrapper .logo-wrapper .img-wrapper{    width: 100%;}
	.recruit.noti .spot .desc-wrapper .trisection {width:100%;}
	.recruit.noti .spot .desc-wrapper .corp-info{padding:0;}
	.recruit.noti .spot .desc-wrapper .corp-info2{padding:0;margin-top:-10px;}
	.recruit.noti .spot .desc-wrapper .corp-info2 .name{display:none;}
	.recruit.noti .spot .desc-wrapper .staff {border:none;padding:0;margin-top:20px;}
	.recruit.noti .spot .desc-wrapper ul li .label {    width: 75px;}
	.recruit.noti .spot .desc-wrapper ul li .data {padding-left:10px;}

	.section.r1{    width: 300px;    margin-left: auto;    margin-right: auto;}
	.section.r1 .subject-wrapper{    position: relative;}
	.section.r1 .subject-wrapper .pre-img{    height: 28px; top:0;}
	.section.r1 .subject-wrapper .subject{ font-size:1em;}
	.section.r1 .content li{padding-left:10px; font-size:1em;}
	.section.r1 .content .label{}
	.section.r1 .content .divider{}
	.section.r1 .content .data{}
	.section.r1 .content .data.t1{}
	.section.r1.control {}
	.section.r1.control button{}

	.recruit.noti .section-wrapper { border: 1px solid #CBCBCB;padding:10px 10px 20px 10px;margin-bottom: 50px; display: inline-block;}
    .recruit.noti .section-wrapper > .section{border:0;    padding-bottom: 50px;}
*/
    .recruit.noti .control {    padding: 10px 5px;    text-align: center;    box-sizing: border-box;    display: inline-block;}
    .recruit.noti .t3 .control {padding-left:10px;  text-align: center;}

    .recruit.noti .control a{    display: inline-block;    position: relative;    padding: 0 3px;}
    .recruit.noti .control a div{    width: 90px;    height: 33px;    background-size: contain;}
    .recruit.noti .control a div.btn-online{background-image:url('/static/common/image/m/online_btn_m.png'); background-repeat:no-repeat;}
    .recruit.noti .control a div.disabled.btn-online{background-image:url('/static/common/image/m/online_btn_m_off.png'); background-repeat:no-repeat;}
    .recruit.noti .control a div.btn-homepage{background-image:url('/static/common/image/m/homepage_btn_m.png'); background-repeat:no-repeat;}
    .recruit.noti .control a div.disabled.btn-homepage{background-image:url('/static/common/image/m/homepage_btn_m_off.png'); background-repeat:no-repeat;}
    .recruit.noti .control a div.btn-email{background-image:url('/static/common/image/m/email_btn_m.png'); background-repeat:no-repeat;}
	.recruit.noti .control a div.disabled.btn-email{background-image:url('/static/common/image/m/email_btn_m_off.png'); background-repeat:no-repeat;}

 	/*.section.r1{    width: 300px;    margin-left: auto;    margin-right: auto;}
	.section.r1 .subject-wrapper{    position: relative;}
	.section.r1 .subject-wrapper .pre-img{    height: 28px; top:0;}
	.section.r1 .subject-wrapper .subject{ font-size:1em;}
	.section.r1 .content li{padding-left:10px; font-size:1em;}
	.section.r1 .content .label{}
	.section.r1 .content .divider{}
	.section.r1 .content .data{}
	.section.r1 .content .data.t1{}
	.section.r1.control {}
	.section.r1.control button{}  */

	.resume-preview {}
    .resume-preview #content{}
    .resume-preview .title{    left: 50%;    margin-left: -49px;}
    .resume-preview .moto{        padding: 10px 0;    font-size: 1.2em;    letter-spacing: 1;}
    .resume-preview .section {    padding-bottom: 10px; margin-top:30px;}
    .resume-preview .section .header{    padding: 10px 5px;    position: relative;    height: 26px; font-size:0.9em;}
    .resume-preview .section .header .subject{        color: #484E6E;    padding-left: 0;}
    .resume-preview .section .header .btn{display: none}
    .resume-preview .section .body {}
    .resume-preview .section .body .pic {    display: inline-block;    padding: 10px;    margin: 0;    width: auto;}
    .resume-preview .section .body .pic .img-wrapper{width:108px; height:148px;}
    .resume-preview .section.t2 {    border-top: 2px solid #07B4ED;    border-bottom: 2px solid #000000;    padding-bottom: 10px;margin-top:10px}
	.resume-preview .section.t2 .body{margin-top:10px;}

    .resume{  width:100%;  display: inline-block;    vertical-align: top;    border-collapse: collapse;    /* border-top: 1px solid #8A8A8A;    border-bottom: 1px solid #8A8A8A; */}

    .resume .item{    width: 100%;    display: inline-block;    position: relative;}
    .resume .item:first-child{/* border-top: 1px solid #09BCEF */}
    .resume .item:last-child{border-bottom: 1px solid #8A8A8A}
    .resume .item .label{width:100%; padding:10px 5px;}
    .resume .item .data{width:100%;padding:5px;};
    .resume .item .data .title{margin-bottom:15px;}
    .resume .item .data .detail{color:#9A9A9A;}
    .resume .item:last-child .label{border-bottom: 0}
    .resume .item:last-child .data{border-bottom: 0}
    .resume.t1{    width: 200px;    margin-left: 6px;    display: inline-block;    position: relative; border-top:0; border-bottom: 0}
    .resume.t1 .item:first-child{border-top:0}
    .resume.t1 .item .label{display: none}
    .resume.t1 .item {border-bottom: 0}
    .resume.t1 .item .data{    width: 100%;    font-size: 0.875em;    padding: 3px 10px; min-height:28px;}
    .resume.t3 .item {background-color:#F3F4F5;}
    .resume.t3 .item .data{background-color: #fff;line-height: 2;padding:5px;}
    .resume.t3 .item .data .title{    left: 0;    margin: 0;}
    .resume.t4 .item {background-color:#F3F4F5;}
    .resume.t4 .item .data{background-color: #fff; /* padding:0 */}
    .resume.t4 .item .data .sub-item{padding: 5px 5px;}
    .resume.t4 .item .data .sub-item .title{    width: 140px;    margin-left: 0;    left: 0;}
    .resume.t4 .item .data .sub-item .detail{    width:160px;}

    .resume.t5 {}
    .resume.t5 .item {    width: 100%;}
    .resume.t5 .item .data{    width: 100%;}

    .section.t2 .header{    height: 10px;    padding: 0;}
    
    .popup#popup_resume_list .body .control{margin-top:10px;}
    .popup.popup-modify-phone .body { width: 90%; max-height:85%; left:50%; margin-left:-45%; padding:20px 10px; top:50px;}
    .phone-verify .noti{text-align:left;}
}