@CHARSET "EUC-KR";
/* $headline-jobs, #society-jobs, #middle-jobs, #arum-jobs .jobs */
div.jobs {
    padding: 30px 0px 0px;
    height: auto;
    font-size: 12px;
    font-family: ±¼¸², san-serif;
    line-height: 17px;
}
.jobs h3 {
    position: relative;
    height: 28px;
    width: 100%;
    border-bottom: 2px #eee solid;
    background: transparent url('http://images.saramin.co.kr/main/new/tong.gif') no-repeat scroll 129px 4px;
}
.jobs h3.arum-jobs {
    background: none;
}
.jobs h3.middle-jobs {
    background: none;
}
.jobs .content {
    padding-top: 6px;
}
.jobs h3 img {
    vertical-align: middle;
}
.jobs .close-btn {
    cursor: pointer;
    position: absolute;
    bottom: 7px;
    right: 0px;
    width: 67px;
}
.jobs a {
    color: #444;
    text-decoration: none;
}
.jobs ul {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 204px;
    list-style-type: none;
}
.jobs li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.jobs .company-name {
    font-weight: bold;
}
.jobs .applicant-statistics {
    display: inline-block;
    background: transparent url('http://images.saramin.co.kr/button/icon_graph_01.gif') no-repeat right center;
}
.jobs .icon-insa {
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 48px;
    width: 45px;
}
.jobs .icon-indam {
    text-align: right;
    position: absolute;
    top: 48px;
    right: 15px;
    width: 45px;
    height: 15px;
    display: inline-block;
    background: transparent url('http://images.saramin.co.kr/index_v2/icon_indam.gif') no-repeat right center;
    cursor: pointer;
}
.jobs li span.closing-dt {
    text-align: right;
    position: absolute;
    top: 68px;
    right: 15px;
    display: inline-block;
    font-size: 11px;
    font-family: ±¼¸², Arial, san-serif;
    cursor: pointer;
}
.jobs li span.closing-dt-dday {
    text-align: right;
    position: absolute;
    color: #898989;
    top: 68px;
    right: 15px;
    width: 30px;
    height: 9px;
    display: inline-block;
    background: transparent url('http://images.saramin.co.kr/main/new/dday.gif') no-repeat left center;
    cursor: pointer;
}
.jobs .icon-fl {
    width: 13px;
    height: 10px;
    display: inline-block;
    background: transparent url('http://images.saramin.co.kr/service/co_charge/icon_09.gif') no-repeat left center;
}
.jobs .bold-color-fl {
    font-weight: bold;
}
.jobs .light-fl {
    background-color: #FF9
}
.jobs .color-fl {
    color: #F60;
}
.jobs .logo {
    margin: 5px;
    text-align: center;
}
.jobs .job-title {
    margin: 5px 0 5px 5px;
    padding-left: 5px;
}
/* Çìµå¶óÀΠä¿ëÁ¤º¸ */
#headline-jobs {
    padding-top: 25px;
}
#headline-jobs h3 {
    border-bottom: 2px #72a3dd solid;
}
#headline-jobs ul {
    min-height: 0px;
}
#headline-jobs li {
    background: transparent url('http://images.saramin.co.kr/main/new/headline_bg.gif') no-repeat;
    width: 234px;
    height: 98px;
    float: left;
}
#headline-jobs li.break {
    width: 227px;
    clear: right;
}
#headline-jobs a:hover {
    color: #1e4fb0;
}
#headline-jobs .logo {
    border: 1px #d1e3ff solid;
    text-align: center;
    width: 215px;
    height: 34px;
    margin: 5px 7px 5px 6px;
    background-color: #fff;
}
#headline-jobs .empty-banner {
    background: url("http://images.saramin.co.kr/main/new/empty-banner.png") no-repeat scroll center center transparent;
    height: 30px;
    margin: 32px 0px 0px 45px;
    width: 127px;
}
#headline-jobs .job-title-overflow {
    margin: 5px 0 5px 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
}
#headline-jobs .company-name {
    color: #1e4fb0;
}


/* ´©¸® ä¿ëÁ¤º¸(society-jobs) */
#society-jobs {
    padding-top: 27px;
}
#society-jobs h3 {
    border-bottom: 2px #94c66d solid;
}
#society-jobs ul {
    min-height: 0px;
}
#society-jobs ul.gray {
    min-height: 0px;
}
#society-jobs li {
    background: transparent url('http://images.saramin.co.kr/main/new/nuri_bg.gif') no-repeat;
    width: 175px;
    height: 103px;
    float: left;
}
#society-jobs ul.gray li {
    background: transparent url('http://images.saramin.co.kr/main/new/nuri_bg_gray.gif') no-repeat;
    width: 175px;
    height: 103px;
    float: left;
}
#society-jobs ul.gray li.break, #society-jobs li.break {
    width: 170px;
    clear: right;
}
#society-jobs a:hover {
    color: #4f8127;
}
#society-jobs .logo {
    border: 1px #e4e4e4 solid;
    text-align: center;
    vertical-align: middle;
    width: 160px;
    height: 51px;
    margin: 5px 0px 0px 5px;
    background-color: #fff;
}
#society-jobs .empty-banner {
    margin: 37px 14px;
    text-align: center;
    width: 127px;
    height: 28px;
    background: transparent url('http://images.saramin.co.kr/main/new/empty-banner.png') no-repeat center center;
}
#society-jobs .logo-table {
    width: 158px;
    height: 49px;
    table-layout: fixed;
}
#society-jobs .logo-table td {
    text-align: left;
    padding-left: 3px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#society-jobs .company-name {   
    color: #4f8127;
}
#society-jobs ul.gray .company-name {
    color: #000;
}
#society-jobs .icon-insa {
    top: 64px;
    right: 10px;
}
#society-jobs .icon-indam {
    top: 64px;
    right: 10px;
}
#society-jobs li span.closing-dt {
    top: 81px;
    right: 10px;
}
#society-jobs li span.closing-dt-dday {
    top: 81px;
    right: 10px;
}
/* °¡¿Â ä¿ëÁ¤º¸ */
#middle-jobs {
    padding-top: 27px;
}
#middle-jobs h3 
{
    background: url("http://images.saramin.co.kr/main/new/garam-on-bg.gif") no-repeat scroll 0px 0px;
    border-bottom: none;
    height: 27px; 
    width: 695px;
}
/*
#middle-jobs ul {
    background: url("http://images.saramin.co.kr/main/new/gaon_bg2nd.gif") repeat-y scroll 0px 0px;
    width: 100%; 
    height: 108px;
}

#middle-jobs li {
    float: left;
    height: 108px;
    width: 138px;
}

#middle-jobs ul.gray {
    background: transparent url('http://images.saramin.co.kr/main/new/gaon_bg_gray.gif') repeat;
    border-bottom: 1px #dbdbdb solid;
}

#middle-jobs li.break {
    width: 141px;
}
*/
#middle-jobs a:hover {
    color: #e68b29;
}
#middle-jobs .logo {
    border: 1px #fbe9c9 solid;
    text-align: center;
    padding-top: 4px;
    overflow: hidden;
    width: 129px;
    height: 36px;
    margin: 5px 0px 1px 7px;
    background-color: #fff;
}
#middle-jobs .empty-banner {
    margin: 37px 4px 37px 4px;
    text-align: center;
    width: 127px;
    height: 28px;
    background: transparent url('http://images.saramin.co.kr/main/new/empty-banner.png') no-repeat center center;
}
#middle-jobs ul.gray .logo {
    border: 1px #ECECEC solid;
}
#middle-jobs .company-name {
    color: #e68b29;
}
#middle-jobs ul.gray .company-name {
    color: #000;
}
#middle-jobs .company-name {
    color: #e68b29;
}
#middle-jobs .job-title {
    margin: 5px 0 3px 5px;
    padding-left: 6px;
}
#middle-jobs span.closing-dt {
    top: 78px;
    right: 5px;
}
#middle-jobs span.closing-dt-dday {
    top: 78px;
    right: 5px;
}

/* Çìµå¶óÀÎ ÇÁ¶óÀÓ */

#headline-prime
{
    float: left;
    padding: 0px 0px 0px 0px;
} 
#headline-prime li
{
    background: url("http://images.saramin.co.kr/main/new/s_headgold_bg.gif") no-repeat scroll 0px 0px;
    float: left;
    height: 129px; 
    width: 234px;
}
#headline-prime .logo
{
    background-color: #FFFFFF;
    border: 0 none;
    height: 38px;
    margin-left: 41px;
    margin-top: 12px;
    text-align: center;
    width: 144px;
}
#headline-prime .job-title
{
    position: absolute;
    top: 63px; left: 14px;
    padding: 2px; margin: 0px;
}
#headline-prime .insa, #headline .insa
{
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-left: 4px;
    vertical-align: middle;
    width: 32px;
}
#headline-prime .indam, #headline .indam
{
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-left: 4px;
    vertical-align: middle;
    width: 32px;
}
#headline-prime .closing-dt-dday
{
    background: url("http://images.saramin.co.kr/main/new/dday.gif") no-repeat scroll left center transparent;
    cursor: pointer;
    display: inline-block;
    height: 9px;
    position: absolute;
    left: 168px;
    text-align: right;
    top: 3px;
    width: 30px;
}
#headline-prime .closing-dt
{
    color: #898989;
    cursor: pointer;
    display: inline-block;
    font-family: ±¼¸²,Arial,san-serif;
    font-size: 11px;
    position: absolute;
    left: 160px;
    text-align: right;
    top: 1px;
    width: 40px;
}
#headline-prime .empty-li {
    background: url("http://images.saramin.co.kr/main/new/s_headgold_bg_empty.gif") no-repeat;
}

#headline-prime .empty-banner {
    background: none;
}

/* Çìµå¶óÀÎ */
#headline .dday
{
    background: url("http://images.saramin.co.kr/main/new/dday.gif") no-repeat scroll left center transparent;
    cursor: pointer;
    display: inline-block;
    height: 9px;
    position: absolute;
    left: 168px;
    text-align: right;
    top: 3px;
    width: 30px;
}
#headline .closing-day
{
    color: #898989;
    cursor: pointer;
    display: inline-block;
    font-family: ±¼¸²,Arial,san-serif;
    font-size: 11px;
    left: 179px;
    position: absolute;
    text-align: right;
    top: 51px;
    width: 40px
}

/* °¡¶÷ */
#garam-jobs
{
    width: 414px;
    float: left;    
}
#garam-jobs ul
{
    min-height: 108px;
}

#garam-jobs ul li
{
    float: left; 
    background: url("http://images.saramin.co.kr/main/new/garam-bg.gif") no-repeat scroll 0px 0px;
    width: 414px; 
    height: 108px;
}

#garam-jobs .garam-logo
{
    float: left;
    height: 38px; width: 143px;
    padding: 34px 0px 0px 23px;
    text-align: center;
}
#garam-jobs .garam-content
{
    margin: 18px 0 3px 9px;
    padding-left: 6px;
    float: left;
    font-family: µ¸¿ò, Sans-Serif;
}
#garam-jobs .garam-job-title
{
    font-size: 14px; 
    color: #000444; 
    font-weight: bold; 
    line-height: 20px;
}
#garam-jobs .garam-company-name
{
    font-size: 12px; 
    color: #e75200;    
    line-height: 25px; 
    letter-spacing: -1px;
}
#garam-jobs .garam-closing-dt
{
    cursor: pointer;
    display: inline-block;
    font-family: ±¼¸², Arial, san-serif;
    font-size: 11px;
    position: absolute;
    right: 23px; 
    top: 66px;
}

#garam-jobs span.closing-dt-dday {	
	right: 23px; 
	top: 66px;
}

/* °¡¿Â */
#gaon-jobs
{
    width: 279px;
    float: left;
    margin-left: 2px;
}
#gaon-jobs ul
{   
    width: 279px; 
    min-height: 0px;
    background: url("http://images.saramin.co.kr/main/new/garam-bg-side108.gif") repeat-y 0px 0px;
}

#gaon-jobs ul li, #gaon-jobs2 ul li
{
    float: left; 
    height: 108px; 
    width: 138px;
}

#gaon-jobs ul .logo, #gaon-jobs2 ul .logo
{
    
    width: 129px; 
    height: 31px;
    margin: 5px 1px 1px 5px;
    padding: 4px 0px 0px 0px;
}

*:first-child+html #gaon-jobs ul .logo, * html #gaon-jobs ul .logo {
    height: 36px;
}
    
#gaon-jobs .garam-job-title, #gaon-jobs2 .garam-job-title
{
    width: 133px; 
    height: 51px;
    font-size: 14px; 
    color: #000444; 
    font-weight: bold; 
    line-height: 20px;
}
#gaon-jobs .garam-company-name, #gaon-jobs2 .garam-company-name
{
    font-size: 12px; 
    color: #e75200; 
    line-height: 25px; 
    letter-spacing: -1px;
}
#gaon-jobs .garam-closing-dt, #gaon-jobs2 .garam-closing-dt
{
    color: #898989;
    cursor: pointer;
    display: inline-block;
    font-family: ±¼¸², Arial, san-serif;
    font-size: 11px;
    position: absolute;
    right: 23px; top: 66px;
}

#gaon-jobs2
{
    clear: both;
    width: 695px;    
}
#gaon-jobs2 ul
{   
    width: 100%; 
    height: 108px;
    min-height: 0px;    
    background: url("http://images.saramin.co.kr/main/new/gaon_bg2nd.gif") repeat-y 0px 0px;
}

#gaon-jobs2 ul .logo
{    
    margin: 5px 1px 1px 7px;    
}

*:first-child+html #gaon-jobs2 ul .logo, * html #gaon-jobs2 ul .logo {
    height: 36px;
}

/* ¾Æ¸§ ä¿ëÁ¤º¸ 
#arum-jobs {
    padding-top: 30px;
}

#arum-jobs h3 {
    border-bottom: 2px #a5a5a5 solid;
}
#arum-jobs ul {
    min-height: 191px;
}
#arum-jobs li {
    background: transparent url('http://images.saramin.co.kr/main/new/arum_bg.gif') no-repeat;
    height: 78px;
    float: left;
    padding: 6px 11px 6px 6px ;
    font-size: 12px;
}
#arum-jobs a:hover {
    color: #6d91b1;
}
#arum-jobs li .inner {
    width: 158px;
    height: 61px;
}
#arum-jobs li.break {
    padding-right: 6px;
    clear: right;
}
#arum-jobs .company-name {
    width: 148px;
    height: 14px;
    margin-left: 10px;
    text-align: left;
}
#arum-jobs .job-title {
    border: 1px #DBDBDB solid;
    text-align: left;
    padding: 3px 0 3px 10px;
    margin: 2px 0 0 ;
    background-color: #fff;
    height: 34px;
}
#arum-jobs .job-title a {
    line-height: 17px;  
}
#arum-jobs .company-name a {
    color: #6d91b1;
    font-weight: bold;
}
#arum-jobs .company-name a:hover {
    color: #6d91b1;
}

#arum-jobs .empty-banner {
    margin: 25px 48px;
    text-align: center;
    width: 78px;
    height: 28px;
    background: transparent url('http://images.saramin.co.kr/main/new/logo_waiting.gif') no-repeat center center;
}
#arum-jobs span.closing-dt {
    position: relative;
    top: 0px;
    right: 0px;
    
}
#arum-jobs span.closing-dt-dday {
    position: relative;
    top: 0px;
    right: 0px;
    
}
*/

/* ±â¾÷ȸ¿ø¼­ºñ½º  */
/*
#mcom-service {
    position: relative;
    width: 695px;
    height: 382px;
}
*/

/* ¿ì¸®È¸»ç»çÁø */
/*
#mcom-photo-panel { 
    position: relative;
    float: left;
    width: 450px;
    height: 331px;  
}
#mcom-photo {   
    position: relative;
    width: 450px;
    height: 331px;  
    border:#d4d4d4 1px solid;
}
#mcom-photo-title {
    width: 450px;
    height: 51px;       
}
#mcom-photo-wrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 290px;
    width: 430px;
    overflow: hidden;
}
#mcom-photo-content {
    width: 10000px;
    height: 290px;
}
#mcom-photo .slide {
    width: 430px;
    height: 290px;
    float: left;
}
#mcom-photo li {
    display: block;
    float: left;
    width: 215px;
    height: 65px;
    margin: 0px 0px 10px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#mcom-photo .photo {
    display: block;
    float: left;
    overflow: hidden;
    border:#d4d4d4 1px solid;
}
#mcom-photo .company-nm {
    display: block;
    float: left;
    font-weight:bold;
    width: 115px;
    height: 16px;
    margin: 8px 6px 0 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#mcom-photo .recruit-title a {
    display: block;
    float: left;
    color:#ff4800;
    margin: 5px 6px 0 7px;
    width: 115px;
    height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#mcom-photo .closing-dt {
    display: block;
    float: left;
    font-family:"µ¸¿ò";
    font-size:11px;
    color:#898989;
    width: 115px;
    height: 16px;
    margin: 2px 6px 5px 7px;
}
#mcom-photo .paginator {
    position: absolute;
    top: 310px;
    right: 4px;
    color: #888;
    font-size: 11px;
    line-height: 14px;
    font-family: µ¸¿ò, Dotum, Helvetica, AppleGothic, sans-serif;
    height: 14px;
}
#mcom-photo .page {
    float: left;
    display: block;
    width: auto;
    margin-right: 4px;
}
*/

/* ¿ì¸®È¸»ç´Â ³×¸ð´Ù */
/*
#mcom-valuestatement-panel {        
    position: relative;
    display: block;
    float: left;
    width: 245px;
    height: 382px;
}
#mcom-valuestatement {
    position: relative;
    float: left;
    width: 225px;
    height: 382px;
    left: 20px;
}
#mcom-valuestatement .title {
    border-bottom:#d4d4d4 2px solid;
    width: 225px;
    height: 51px;   
}
#mcom-valuestatement .content {
    width: 225px;
    height: 329px;  
    margin: 2px 0 0 0;
    border-bottom:#d4d4d4 1px solid;
}
#mcom-valuestatement li {
    width: 225px;
    height: 82px;
}
#mcom-valuestatement .company-nm {
    width: 210px;
    height: 8px;
    font-weight:bold;
    margin: 10px 5px 2px 10px;
}
#mcom-valuestatement .valuestatement {
    width: 225px;
    height: 28px;
    font-weight:bold;
    color:#265cc4;
    border:3px #bbcae7 solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:6px 0 4px 10;
}
#mcom-valuestatement .valuestatement a {
    font-weight:bold;
    color:#265cc4;
}
#mcom-valuestatement .recruit-title {
    width: 225px;
    height: 20px;
    margin: 7px 0 0px 0px;
    background: transparent url('http://images.saramin.co.kr/main/new/line_dot.gif') repeat-x bottom ;
}
#mcom-valuestatement .recruit-title-end-line {
    width: 225px;
    height: 20px;
    margin: 7px 0 0px 0px;
}
#mcom-valuestatement .recruit-title a, #mcom-valuestatement .recruit-title-end-line a{
    font-family:"µ¸¿ò";
    font-size:11px;
    color:#898989;
    letter-spacing:-1px;
    padding:7px 0 9px 10px;
}
#mcom-valuestatement .end-line {
    height:1px;
    background : url("http://images.saramin.co.kr/main/new/line_dot.gif");
}
*/
#wyvern_wrapper {
    clear: both;
    width: 695px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    background-color: #bebebe;
    margin: 10px 0 0;
}
#wyvern_wrapper td {
    border: 0px #bebebe solid;
    margin: 0 ; padding: 0;
    border-right: 1px solid #bebebe ;
}
#wyvern_tabs {
    display: block;
    float: left;
    width: 100px;
    height: 113px;
    background-color: #f9f9f9;
    margin: 1px;
}
#wyvern_tabs .carousel-control {
    display: block;
    width: 99px;
    height: 12px;
    margin: 0;
    padding: 0;
    font-size: 8px;
    line-height: 8px;
    text-align: center;
}
#wyvern_tabs .carousel-control.prev {
    background: #f9f9f9 url('http://images.saramin.co.kr/main/new/btn_big_pre.gif') no-repeat center 1px;
    margin-bottom: 3px;
}
#wyvern_tabs .carousel-control.next {
    background: #f9f9f9 url('http://images.saramin.co.kr/main/new/btn_big_next.gif') no-repeat center bottom;
}
#wyvern-carousel-wrapper {
    width: 100px;
    height: 85px;
    overflow: hidden;
    background-color: #f9f9f9;
    clear: both;
}
#wyvern_content {
    width: 100px;
    height: auto;
    background-color: #f9f9f9;
}
#wyvern_content .slide {
    font-size: 11px;
    line-height: 17px;
    font-family: µ¸¿ò, Dotum, sans-serif;
    width: 99px;
    height: 17px;
    text-align: center;
}
#wyvern_content a {
    color: #666;
    text-decoration: none;
    letter-spacing: -1px;
}
#wyvern_content .slide.active {
    font-weight: bold;
}
#flash_content {
    width: 593px;
    height: 113px;
    border: 0 none; padding: 0; margin: 0;
}