.section{position: relative;text-align: center}
.section .copy{font-size: 20px;font-weight: 300;line-height: 34px;}
.section .title{font-size: 42px;letter-spacing: 1px;margin-bottom: 102px;}

/*.top{border-radius:0 0 50% 50%;width:120%;position:relative;left:-10%;background: url("../../images/careers/top_bg_recruit.jpg") no-repeat center;background-size: cover}*/
.top .top_bg{background: #fff url("/_resource/images/careers/top_bg_recruit.jpg") no-repeat top center}
.top .inner{height:480px;display: table;text-align: center;width: 100%;}
.top .inner h2{font-size: 64px;font-weight: 900;color: #fff;line-height: 76px;letter-spacing: 2px;text-align: center;display: table-cell;vertical-align: middle;padding-top: 88px}
.top .inner h2 span{display: block}
.top .inner h2.on span{transform: translateY(0);opacity: 1;transition: all 0.8s;}

.recruit_area .inner {width:1080px;margin:0 auto;}
.recruit_area .inner .tab_area {text-align: center;margin-bottom:46px;}
.recruit_area .inner .tab_area ul li{display: inline-block;margin: 0 18px ;position: relative}
.recruit_area .inner .tab_area ul li:before{content: '/';position: absolute;left: -25px;font-size: 32px;top: -2px;color:#ccc;font-weight:300;}
.recruit_area .inner .tab_area ul li:first-child:before{display: none}
.recruit_area .inner .tab_area ul li a{position: relative;display: block;color:#999;font-size:32px;line-height:34px;}
.recruit_area .inner .tab_area ul li a:before{content: '';width: 100%;height: 3px;position: absolute; left: 0;bottom: -12px;
    background: url("../../images/common/tab_line_new.png") no-repeat center / cover;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -o-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);visibility: hidden;opacity: 0;
}
.recruit_area .inner .tab_area ul li a img.on{position: absolute;top: 0;left: 0;opacity: 0;visibility: hidden}
.recruit_area .inner .tab_area ul li a:hover img.on{visibility: visible;opacity: 1}
.recruit_area .inner .tab_area ul li a:hover img.off{visibility: hidden;opacity: 0}
.recruit_area .inner .tab_area ul li a.active img.on{visibility: visible;opacity: 1}
.recruit_area .inner .tab_area ul li a.active img.off{visibility: hidden;opacity: 0}
.recruit_area .inner .tab_area ul li a.active:before{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);visibility: visible;opacity: 1;
}
.recruit_area .inner .tab_area ul li a:hover:before{
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);visibility: visible;opacity: 1;
}



.recruit_area {padding-top: 136px;}
.recruit_area .inner {padding-bottom:142px;}
.recruit_area h2{margin:100px 0 130px 0;}

.recruit_area .search_area {height:42px;position:relative;margin-bottom:40px;overflow:hidden;padding:0 10px 10px 0;}
.recruit_area .search_area .input_box {width:238px;height:42px;border:1px solid #dcdcdc;border-radius:42px;overflow:hidden;box-sizing:border-box;padding:0 50px 0 20px;position:absolute;right:0;top:0;}
.recruit_area .search_area .input_box input {width:100%;height:40px;line-height:40px;font-size:13px;color:#333;}
.recruit_area .search_area .input_box .btn_search {width:50px;height:42px;position:absolute;right:0;top:0;background:url('../../images/media/ico_search.png') no-repeat center;}


.recruit_area .table_list {position:relative;margin-bottom:60px;}
.recruit_area .table_list table {width:100%;border-top:1px solid #909090;border-bottom:1px solid #909090;table-layout:fixed;}
.recruit_area .table_list table th {border-bottom:1px solid #d3d3d3;font-size:15px;color:#333;padding:16px 10px;text-align:center;}
.recruit_area .table_list table td {border-bottom:1px solid #d3d3d3;font-size:15px;color:#333;padding:16px 10px;text-align:left;}
.recruit_area .table_list table td .text_overflow {width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:4px 0;}
.recruit_area .table_list table td.bg_gray {background:#f9f9f9;}
.recruit_area .table_list table td.bg_red {background:#fff7f7;}
.recruit_area .table_list table td.bg_blue {background:#f8fafe;}
.recruit_area .table_list table td.highlight {background:#f9f9f9;font-weight:700;text-align:center;}
.recruit_area .table_list table tr.total td {background:#f0f0f0;}
.recruit_area .table_list table td .status {width:78px;height:30px;display:inline-block;vertical-align:top;font-size:13px;color:#999;line-height:30px;text-align:center;border-radius:30px;border:1px solid #d9d9d9;}
.recruit_area .table_list table td .status.ing {color:#ff4640;border:1px solid #ff4640;}
.recruit_area .table_list table td .status.ready {color:#6c3bff;border:1px solid #6c3bff;}
.recruit_area .table_list table td .link {position:relative;display:inline-block;vertical-align:top;}
.recruit_area .table_list table td .link:before {content:'';width:100%;height:1px;background:#333;position:absolute;left:0;bottom:-2px;opacity:0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.recruit_area .table_list table td .file {width:13px;height:16px;margin:0 auto;background:url('../../images/company/ico_file.png') no-repeat 0 0;}
.recruit_area .table_list table td .link:hover:before {opacity:1;}
.recruit_area .table_list table td.center {text-align:center;}
.recruit_area .table_list table tr:last-child td {border-bottom:0;}
.recruit_area .table_list table td.red {color:#ff0000;}
.recruit_area .table_list table td.blue {color:#136eeb;}

.detail_box {width:960px;position:relative;border:1px solid #ccc;padding:60px;margin:0 auto 85px;}
.detail_box .detail_logo {text-align:center;margin-bottom:28px;}
.detail_box .detail_top {position:relative;padding-bottom:60px;text-align:center;}
.detail_box .detail_top .detail_title {font-size:36px;color:#222;line-height:36px;margin-bottom:15px;}
.detail_box .detail_top .detail_date {font-size:14px;color:#666;line-height:26px;}
.detail_box .detail_top .detail_date span {display:inline-block;vertical-align:top;}
.detail_box .detail_top .detail_date .dot {width:1px;height:14px;background:#ccc;margin:0 10px;position:relative;top:5px;}

.detail_box .detail_top .detail_date .status {width:78px;height:30px;display:block;vertical-align:top;font-size:13px;color:#999;line-height:30px;text-align:center;border-radius:30px;border:1px solid #d9d9d9;margin:16px auto 0;}
.detail_box .detail_top .detail_date .status.ing {color:#ff4640;border:1px solid #ff4640;}
.detail_box .detail_top .detail_date .status.ready {color:#6c3bff;border:1px solid #6c3bff;}

.detail_box .detail_top .btn_box {text-align:center;margin-top:40px;font-size:0;}
.detail_box .detail_top .btn_careers_down {width:114px;height:38px;padding-left:40px;display:inline-block;margin:0 5px;border:1px solid #bfbfbf;font-size:13px;color:#222;line-height:38px;border-radius:38px;text-align:left;
    background:url('../../images/media/ico_download.png') no-repeat 18px center #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.detail_box .detail_top .btn_careers_down:hover {border:1px solid #222;color:#fff;background:url('../../images/media/ico_download_on.png') no-repeat 18px center #222;}
.detail_box .edit_view {border-top:1px solid #ccc;padding-top:60px;text-align:left;line-height: 24px}

.recruit_area .paging {text-align:center;font-size:0;}
.recruit_area .paging a {width:30px;height:30px;display:inline-block;vertical-align:top;text-align:center;line-height:30px;}
.recruit_area .paging a.btn {margin:0 5px;}
.recruit_area .paging a.prev {margin-right:15px;}
.recruit_area .paging a.next {margin-left:15px;}
.recruit_area .paging a.num {font-size:14px;color:#999;}
.recruit_area .paging a.num.active {color:#333;font-weight:700;}
.recruit_area .paging a.num:hover {color:#333;font-weight:700;}

.btn_go_list {width:184px;height:54px;display:block;margin:0 auto;border:1px solid #bfbfbf;text-align:center;font-size:16px;color:#222;line-height:54px;border-radius:54px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.btn_go_list:hover {border:1px solid #222;background:#222;color:#fff;}

/* ¾ð¾îº¯°æ ¿µ¿ª °¡¸² */
.language_area {display:none;}