div.col-md-12 {
}
input[type=radio] {
    display: none;
}

/* 소메뉴 */
div#small_menu {
    height: 63px;
}
div#small_menu > ul {
    width: 100%;
    height: 63px;
    padding: 0;
    border-bottom:1px solid #dddddd;
    border-top:1px solid #494949;
}
div#small_menu > ul > li {
    list-style: none;
    float: left;
    width: 25%;
    height: 63px;
}
div#small_menu > ul > li > label {
    display: block;
    width: 100%;
}
div#small_menu > ul > li > label > a {
    display: block;
    width: 100%;
    text-align: center;
    height: 63px;
    line-height: 60px;
    font-size: 15px;
}
div#small_menu > ul > li :hover {
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

input[type=radio]:nth-child(1):checked ~ div#small_menu > ul > li:nth-child(1) > label > a {
    border-bottom: 2px solid #ff5e00;
    color: #ff5e00;
}
input[type=radio]:nth-child(2):checked ~ div#small_menu > ul > li:nth-child(2) > label > a {
    border-bottom: 2px solid #ff5e00;
    color: #ff5e00;
}
input[type=radio]:nth-child(3):checked ~ div#small_menu > ul > li:nth-child(3) > label > a {
    border-bottom: 2px solid #ff5e00;
    color: #ff5e00;
}
input[type=radio]:nth-child(4):checked ~ div#small_menu > ul > li:nth-child(4) > label > a {
    border-bottom: 2px solid #ff5e00;
    color: #ff5e00;
}

/* 메뉴 눌렀을때 나오는 컨텐츠들 */
div.contents {
    display: none;
}
input:nth-child(1):checked ~ div.wrap1 {
/*     height: 500px; */
    display: block;
}
input:nth-child(2):checked ~ div.wrap2 {
/*     height: 500px; */
    display: block;
}
input:nth-child(3):checked ~ div.wrap3 {
/*     height: 550px; */
    display: block;
}
input:nth-child(4):checked ~ div.wrap4 {
/*     height: 550px; */
    display: block;
}

div.contents {
    margin-top:20px;
}

/* 채용공고 컨텐츠(contents wrap1) */
p.cw_top {
    font-size: 15px;
}
span.bold_orange {
    font-size: 20px;
    font-weight: bold;
    color: #ff5e00;
}
table#job {
    width:100%;
}
table#job thead tr {
    background-color:#f7f7f7;
    height:45px;
}
th, td {
    text-align: center;
    color: #646464;
}
.table_num {
    padding-left:2%;
}
table#job tbody {
}
table#job tbody tr{
    height:70px;
    border-bottom:1px solid #dddddd;
}
table#job .subject {
    text-align:left;
    padding-left:7%;
}
table#job .subject a {
    color: #646464;
    font-weight:bold;
}
table#job .subject a:hover {
    color: #ff5e00;
    text-decoration:none;
}
td.table_application span.possible {
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    background-color: #ff5e00;
    padding: 3px;
}
td.table_application span.impossible {
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    padding: 3px;
    background-color: #878787;
}

/* 직무소개 컨텐츠(contents wrap2) */
/*
div.wrap2 {
    margin-top:50px;
}
    div.wrap2 > table {
        width:100%;
    }
    div.wrap2 > table > thead {
        background-color:#ff5e00;
    }
        div.wrap2 > table > thead > tr > th {
            color:#fff;
            font-size:14px;
            height:35px;
        }
        div.wrap2 > table > tbody > tr > td {
            border:1px solid #ddd;
            padding-bottom:10px;
            padding-top:10px;
        }
*/
div.wrap2 {
    width: 100%;
    margin-top: 40px;
}
div.wrap2 hr {
    background-color:#ddd;
    width:90%;
    margin:0 auto;
    border-top:1px solid #ddd;
}
div.wrapline {
    width:85%; height:118px;
    margin:30px auto;
}
div.job_img {
    width:118px; height:118px;
    float:left;
    margin-right:30px;
}
div.job_text {
    float:right;
    width: 80%; height: 118px;
}
    div.job_text h5 {
        color:#ff5e00;
        font-size:1.15em;
        font-weight:bold;
        margin-top:15px;
    }
    div.job_text p {
        margin-top:15px;
        overflow: hidden;
        width: 100%;
        height: 80px;
    }
    /* 인재상 컨텐츠(contents wrap3) */
    div.wrap3 {
        margin-top: 50px;
    }

/* 채용문의 컨텐츠(contents wrap4) */
div.wrap4 {
    margin-top: 50px;
}
div.wrap4 div.question_top {
    width:100%; height:350px;
    background-color:#f7f7f7;
    background-color:#fafafa;
    margin-bottom:20px;
}
div.wrap4 div.question_top div.payup_logo {
    margin-left:75px;
    width:340px; height:300px;
    float:left;
}
div.wrap4 div.question_top div.payup_logo img {
    width:340px; height:139px;
    margin-top:70px;
    display:inline-block;
}
div.wrap4 div.question_top div.form_wrap {
    width:640px; height:300px;
    float:right;
}
    div.wrap4 div.question_top div.form_wrap form {
        width:70%;
        margin:30px auto;
    }

        
        div.wrap4 div.question_top div.form_wrap form label {
            color: #656565;
            margin-bottom: 0px;
        }
input[type=email], input[type=text], input[type=tel], textarea {
    background-color: #fafafa;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #656565;
    width: 100%;
    height: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
textarea {
    height: 70px;
}
input[type=email]:focus, input[type=text]:focus,input[type=tel]:focus, textarea:focus {
    outline:none;
}
    div.wrap4 div.question_top div.form_wrap form button {
        border: none;
        background-color: #656565;
        color: #fff;
        font-size:1.2em;
        font-weight:bold;
        margin: 0 auto;
        width: 100px;
        height: 40px;
        border-radius: 10px;
        display: block;
    }
      
        div.wrap4 div.question_top div.form_wrap form button img {
            width: 20px;
        }
        
        div.wrap4 div.question_bottom {
            width: 100%;
        }
            div.wrap4 div.question_bottom > div {
                width:33.3%;
                float:left;
            }
                div.wrap4 div.question_bottom > div > div {
                    width:130px; 
                    color:#646464;
                    font-weight:bold;
                    font-size:1.1em;
                    margin:0 auto;
                }
                    div.wrap4 div.question_bottom > div > div img {
                        margin-right: 5px;
                        width: 40px;
                    }
                div.wrap4 div.question_bottom > div > p {
                    width: 130px;
                    margin: 8px auto;
                    text-align: center;
                }