@charset "utf-8";

header{
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: relative;
}
/*PC_탑메뉴*/
header .top_menu{
    width: 1680px;
    height: 36px;
    margin: 0 auto;
    position: relative;
}
header .top_menu .util{
    position: absolute;
    top: 10px;
    right: 0;
}
header .top_menu .util li{
    float: left;
}
header .top_menu .util li a{
    display: inline-block;
    font:  normal 16px/1 "arial";
    color: #555;
    padding: 10px 14px;
    transition: all 0.5s;
}
header .top_menu .util li span{
    display: inline-block;
    width: 300px;
    font:  normal 16px/1 "arial";
    color: #555;
    padding: 12px 0;
}
header .top_menu .util li:nth-child(3) a{
    padding-right: 32px;
}
header .top_menu .util li a:hover{
/*    color: #d71726;*/
    color: #832931;
}
header .top_menu .util li:last-child a{
    color: #eee;
    background: #ccc;
}
header .top_menu .util li:last-child a:hover{
    color: #eee;
    background: #832931;
}
header .hambtn{
    display: none;
}
header .cover{
    display: none;
}
header #menu{
    display: none;
}
/*PC_네비게이션*/
header .nav{
    width: 1680px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    /* border: 1px solid #000; */
}
header .nav #gnb{
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
header .nav #gnb .deptBg{
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    background: #fff;
    opacity: 0.9;
    width: 1344px;
    height: 324px;
    z-index: 999;
}
header .nav #gnb .dept1{
    position: relative;
    transition: all 0.5s;
}
header .nav #gnb .dept1 .dept1Menu{
    display: block;
    width: 192px;
    height: 54px;
    text-align: center;
    font: bold 16px/54px "arial";
    color: #555;
    transition: all 0.5s;
}
header .nav #gnb .dept1 .dept1Menu:hover{
/*    background: #d71726;*/
    background: #832931;
    color: #eee;
}

header .nav #gnb .dept1 .inner_menu{
    display: none;
    position: absolute;
    /* background: #fff; */
    z-index: 9999;
}
header .nav #gnb .dept1 .inner_menu .dept2 a{
    display: block;
    width: 192px;
    height: 54px;
    text-align: center;
    font: normal 16px/54px "arial";
    color: #555;
    transition: all 0.5s;
}
header .nav #gnb .dept1 .inner_menu .dept2 a:hover{
    background: #555;
    font-weight: bold;
    color: #eee;
}

/*로고*/
.logo{
    width: 1680px;
    margin: 0 auto;
    position: relative;
}
.logo a{
    position: absolute;
    bottom: 20px;
    left: 0;
}
.logo img{
    width: 176px;
}
/*join_form*/
.join_section{
    width:100%;
    padding: 60px 0;
}
.join_section .title{
    width:60%;
    padding-bottom: 32px;
    margin: 0 auto;
    text-align: center;
    font: bold 36px/1 "arial";
    color: #555;
}
 .join_section .join_form{
    width: 1440px;
    margin: 0 auto;
}
.join_section .join_form .input_form{
    padding: 24px 18px;
    width: 60%;
    margin: 0 auto;
}
.join_section .join_form .input_form label{
    display: inline-block;
    width: 27%;
    text-align: center;
    font: bold 18px/1 "arial";
    color: #555;
}
.join_section .join_form .input_form input{
     padding: 4px 6px;
     font: normal 16px/1 "arial";
     border: none ;
     border-bottom: 1px solid #ddd;
     outline: none;
     width: 72%;
}
.join_section .join_form .phone_form input{
      width: 20%;
      text-align: center;
}
.join_section .join_form .email_form .email{
      width: 26%;
      text-align: center;
}
.join_section .join_form .email_form .emailDomain{
      width: 20%;
      text-align: center;
}
.join_section .join_form .input_form select{
       width: 20%;
       font: normal 16px/1 "arial";
       text-align: center;
       padding: 4px 6px;
       color: #555;
       border: none;
       border-bottom: 1px solid #ddd ;
       outline: none;
}
.join_section .join_form .input_form .pathSelect{
    width: 25%;
}
.join_section .join_form .input_form .purposeSelect{
    width: 25%;
}

.join_section .join_form .email_form span{
      font: normal 16px/1 "arial";
       padding: 4px 6px;
       color: #555;
}
.join_section .join_form #pwConfirm{
    width: 60%;
    text-align: right;
    margin: 0 auto;
    padding-right: 24px;
    font: normal 14px/1 "arial";
    color: #555;
}
.join_section .join_form .input_ckb{
    text-align: center;
    padding: 18px;
    font: normal 16px/1 "arial";
    color: #555;
}

.join_section .join_form .btn_box{
    padding: 18px ;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.join_section .join_form .textarea_form{
    padding: 24px 18px;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.join_section .join_form .textarea_form label{
    display: inline-block;
    width: 27%;
    height: 200px;
    text-align: center;
    font: bold 18px/200px "arial";
    color: #555;
}
.join_section .join_form .textarea_form textarea{
    width: 72%;
    display: inline-block;
    height: 200px;
    resize: none;
    border: 1px solid #ddd;
    font: normal 18px/24px "arial";
    padding: 12px;
    outline: none;
}

/*로그인 폼 - 모달*/
.login_box{
    display: none;
    height: calc(100vh - 176px);
    position: relative;
    overflow: hidden;
    padding: 200px 0;
/*    border: 1px solid #f00;*/
}
.login_box .inner{
    width: 640px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.login_box .inner .login_title{
    font: 800 36px/1 "arial";
    color: #555;
    text-align: center;
    padding: 24px 0;
}
.login_box .inner .login_title img{
/*    border: 1px solid #f00;*/
    height: 40px;
}
.login_box .inner .close{
    position: absolute;
/*    width: 100px;*/
    top: 40px;
    right: 20px;
    cursor: pointer;
}
.login_box .inner form{
    padding: 32px 0;
    border: 1px solid #888;
    background: #fff;
}
.login_box .inner form .form-group{
    padding: 18px 0;
}
.login_box .inner form .form-group label{
    display: inline-block;
    width: 22%;
    text-align: center;
    font: bold 18px/1 "arial";
    color: #555;
}
.login_box .inner form .form-group label img{
    height: 20px;
}
.login_box .inner form .form-group input{
    width: 70%;
    height: 42px;
    padding-left: 12px;
    font: normal 16px/1 "arial";
    color: #555;
    border: none;
    border-bottom: 1px solid #ddd;
    outline: none;
}
.login_box .inner form .btn_box{
    padding: 24px 0;
    text-align: center;
}
.login_box .inner form .btn_box input{
    width: 30%;
    height: 48px;
    border: none;
    font: bold 18px/1 "arial";
    background-color: #832931;
    color: #eee;
    cursor: pointer;
    transition: all 0.5s;
}
.login_box .inner form .btn_box input:hover{
    background-color: #eee;
    color: #832931;
    border: 1px solid #832931;
    box-sizing: border-box;
}
.login_box .inner .info_find{
    padding: 8px;
    text-align: right;
    font: normal 14px/1 "arial";
    color: #555;
}
.login_box .inner .info_find a{
    color: #555;
    transition: all 0.5s;
}
.login_box .inner .info_find a:hover{
    color: #d71726;
}

/*모달창 배경*/
.modal_bg{
    display: none;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 99;
}

/*submit, reset 버튼 양식*/
.btn_box{
    position: relative;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 24px 0;
}
.btn_box input {
   display:inline-block;
   width: 120px;
   height:  32px;
   border:none ;
   background: #555;
   color: #fff;
   font:normal 16px/1 "arial";
   transition: all 0.5s;
   cursor: pointer;
}
.btn_box input:hover{
    background:#832931;
    color: #eee;
    border: none;
}
.btn_box a{
   display:inline-block;
   width: 120px;
   height: 32px;
   border:none ;
   background: #555;
   color: #fff;
   font:normal 16px/32px "arial";
   transition: all 0.5s;
   cursor: pointer;
}
.btn_box a:hover{
    background:#d71726;
    color: #eee;
    border: none;
}

/*PC_메인이미지*/
figure{
    width: 100%;
    /* min-height: calc(100vh - 130px); */
    position: relative;
}
figure .slide{
    width: 100%;
    height: 768px;
    position: relative;
    overflow: hidden;
}
figure .slide .slideList{
    width: 9600px;
    height: 768px;
    position: absolute;
    top: 0;
    height: 0;
}
figure .slide .slideList .slideImg{
    float: left;
    width: 1920px;
    height: 768px;
}
figure .slide .slideList .slideImg img{
    width: 100%;
    height: 100%;
}

.applyinfo_section{
    width:100%;
    padding: 28px 0;
}
.applyinfo_section .inner{
    position: relative;
    width: 1440px;
    margin: 0 auto;
    text-align: center;
}
.applyinfo_section .inner .applyText{
    font: normal 24px/1 "arial";
    color: #121212;
    /* border: 1px solid #000; */
    padding: 0 36px;
}
.applyinfo_section .inner .applyBtn{
    font: normal 20px/1 "arial";
    color: #eee;
    background: #2887d4;
    border-radius: 4px;
    padding: 8px 16px;
    transition: all 0.5s;
    box-sizing: border-box;
    border: 1px solid #2887d4;
}
.applyinfo_section .inner .applyBtn:hover{
    color: #2887d4;
    background: #fff;
    border: 1px solid #2887d4;
}
.question_section{
    width:100%;
    padding: 280px 0;
}
.question_section .question_form{
    width: 60%;
    margin: 0 auto;
}

.question_section .question{
    font: normal 36px/1 "arial";
    color: #121212;
    /* border: 1px solid #000; */
    padding: 48px 0;
    text-align: center;
    line-height: 48px;
}
.question_section .applyinfo_table{
    width: 50%;
    font: normal 18px/1 "arial";
    border-collapse: collapse;
    border: none;
    margin: 0 auto;
}
.question_section .applyinfo_table tr{
    height: 48px;
    text-align: center;
    background: #eee;
}
.question_section .applyinfo_table tr:nth-child(2n){
    background-color: #fff;
}
.question_section .applyinfo_table th {
/*    background: #00979c;*/
    border:none;
    border-bottom: 2px solid #ddd;
    background: #f8f8f8;
    color: #555;
}
.question_section .applyinfo_table td{
    border: none;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.question_section .applyinfo_table td:nth-child(1){
    font: normal 16px/1 "arial";
}
.question_section .applyinfo_table td:last-child form{
    display: inline;
}
.question_section .input_form{
    padding: 96px 0;
    text-align: center;
    font: normal 24px/1 "arial";
}
.question_section .input_form select{
    width: 40%;
    font: normal 20px/1 "arial";
    padding: 6px 10px;
    color: #121212;
    border: none;
    border-bottom: 1px solid #ccc ;
    outline: none;
}

.question_section .input_form input{
     padding: 6px 8px;
     font: normal 20px/1 "arial";
     border: none ;
     border-bottom: 1px solid #ccc;
     outline: none;
     width: 50%;
}
.question_section .input_form .checkboxInput{
    width: 14px;
}
.question_section .input_form .guide{
    padding: 20px 8px;
     font: normal 14px/1 "arial";
     color: #888;
}
.question_section .input_form .description{
    font: normal 20px/1 "arial";
    color: #121212;
}
.question_section .email_form .email{
    width: 16%;
}
.question_section .email_form .emailDomain{
    width: 16%;
}
.question_section .email_form .domainSelect{
    width: 16%;
    text-align: center;
}
.question_section .email_form .countrynum{
    width: 8%;
    text-align: center;
}
.question_section .questionBtnBox{
    text-align: center;
    padding: 32px 0;
}
.question_section .questionBtnBox input{
    font: normal 24px/1 "arial";
    color: #eee;
    background: #2887d4;
    border-radius: 6px;
    padding: 10px 20px;
    transition: all 0.5s;
    box-sizing: border-box;
    border: 1px solid #2887d4;
    cursor: pointer;
}
.question_section .questionBtnBox input:hover{
    color: #2887d4;
    background: #fff;
    border: 1px solid #2887d4;
}
/*section*/
section:nth-of-type(2n+1){
    background: #eee;
}
/*applyinfo section */

/*business section*/
.section{
    width:100%;
    padding: 144px 0;
}
.section .inner{
    position: relative;
    width: 1440px;
    margin: 0 auto;
/*    border: 1px solid #000;*/
}
.section .inner .title{
    font: bold 48px/1 "arial";
    color: #121212;
    text-align: center;
}
.section .inner .subTitle{
    font: normal 24px/1 "arial";
    color: #313131;
    text-align: center;
    padding: 24px 0 48px 0;
}
.business_section .inner ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.business_section .inner li .bizTitle{
    padding: 16px 0;
    text-align: center;
    font: normal 24px/1 "arial";
}
.business_section .inner .bizImg{
    display: inline-block;
    width: 340px;
    height: 220px;
    position: relative;
}
.business_section .inner .bizImg .detail{
    position: absolute;
    border: 2px solid #fff;
    border-radius: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 170px;
    height: 54px;
    background: #000;
    opacity: 0.3;
    text-align: center;
    font: normal 18px/54px "arial";
    color: #fff;
}
.business_section .inner .bizImg .detail:hover{
    opacity: 0.9;
}

.busines_section .inner .product_img{
    float: left;
    border: 1px solid #aaa;
    padding: 32px 84px;
}

/* recruitment section */
.recruitment_section .inner .recruitmentNotice{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.recruitment_section .inner .recruitmentNotice>li{
    position: relative;
    width: 460px;
    height: 300px;
    border-top: 2px solid #333 ;
    border-bottom: 1px solid #333;
    margin-bottom: 48px;
    background: #fff;
    transition: all 0.5s;
}
.recruitment_section .inner .recruitmentNotice>li:hover{
    box-shadow: 2px 2px 10px #ccc;
}
.recruitment_section .inner .recruitmentNotice .sector{
    padding: 48px 0 0 18px;
    font: bold 18px/1 "arial";
    color: #2887d4;
}
.recruitment_section .inner .recruitmentNotice .detail a{
    position: absolute;
    display: inline-block;
    padding: 6px;
    border: 1px solid #aaa;
    color: #555;
    top: 28px;
    right: 24px;
    font: bold 14px/1 "arial";
    cursor: pointer;
    transition: all 0.5s;
}
.recruitment_section .inner .recruitmentNotice .detail a:hover{
    border: none;
    background: #832931;
    color: #fff;
}
.recruitment_section .inner .recruitmentNotice .companyName{
    padding: 18px 0 0 18px;
    font: bold 32px/1 "arial";
    color: #121212;
}
.recruitment_section .inner .recruitmentNotice .recruitNum{
    padding: 14px 0 0 18px;
    font: bold 16px/1 "arial";
    color: #832931;
}
.recruitment_section .inner .recruitmentNotice .hashInfo{
    padding-top: 14px;
}
.recruitment_section .inner .recruitmentNotice .hashInfo>li{
    padding: 8px 0 0 18px;
    font: normal 16px/1 "arial";
    color: #313131;
}
.recruitment_section .inner .recruitmentNotice .deadline{
    position: absolute;
    display: inline-block;
    width: 96px;
    height: 32px;
    border: 2px solid #bd3434;
    border-radius: 16px;
    text-align: center;
    font: bold 16px/28px "arial";
    color: #bd3434;
    bottom: 28px;
    right: 24px;
}
.recruitment_section .inner .recruitmentNotice .seeAll a{
    display: inline-block;
    width: 100%;
    height: 100%;
    font: bold 180px/300px "arial";
    color: #333;
    text-align: center;
    transition: all 0.5s;
}
.recruitment_section .inner .recruitmentNotice .seeAll a:hover{
    color: #eee;
    background: #042541;
}

/* review section */
.review_section .inner .reviewNotice{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.review_section .inner .reviewNotice>li{
    position: relative;
    width: 268px;
    height: 360px;
    /* border: 1px solid #ccc; */
    margin-bottom: 48px;
    background: #fff;
    cursor: pointer;
}
.review_section .inner .reviewNotice>li:hover{
    box-shadow: 2px 2px 10px #ccc;
}
.review_section .inner .reviewNotice .photo{
    padding: 28px 0 0 34px;
}
.review_section .inner .reviewNotice .name{
    padding: 12px 0 0 0;
    text-align: center;
    font: bold 18px/1 "arial";
    color: #121212;
}
.review_section .inner .reviewNotice .sector{
    padding: 10px 0 0 0;
    text-align: center;
    font: normal 16px/1 "arial";
    color: #121212;
}
.review_section .inner .reviewNotice .career{
    padding: 10px 0 0 0;
    text-align: center;
    font: normal 16px/1 "arial";
    color: #121212;
}
.review_section .inner .reviewNotice .rating{
    padding: 10px 0 0 0;
    text-align: center;
    font: bold 18px/1 "arial";
    color: #832931;
}

/*code195 - CEO*/
.ceo_section .inner{
    width: 60%;
    margin: 0 auto;
}
.ceo_section .inner .contents{
    font: normal 18px/36px "arial";
    color: #555;
}
/*code195 - organization*/
.organization_section .inner{
    width: 60%;
    margin: 0 auto;
}
.organization_section .inner .organizationImg{
    border: 1px solid #ccc;
    text-align: center;
}
/*code195 - history*/
.history_section .inner{
    width: 45%;
    margin: 0 auto;
}
.history_section .inner li{
    font: normal 20px/1 "arial";
    color: #333;
    padding: 32px 18px;
}
.history_section .inner li img{
    width: 18px;
}
.history_section .inner li span{
    padding: 0 18px;
    font-weight: bold;
}

/*code195 - member*/
.member_section .inner{
    width: 60%;
    margin: 0 auto;
    /* border: 1px solid #000; */
}
.member_section .inner .memberList{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background: #ddd;
    padding: 4px;
    margin-bottom: 48px;
    transition: all 0.5s;
    /* border: 1px solid #ccc; */
}
.member_section .inner .memberList:hover{
    box-shadow: 2px 2px 10px #000;
}
.member_section .inner .memberList .memberImg img{
    width: 360px;
}
.member_section .inner .memberList .memberIntro{
    /* border: 1px solid #ff0; */
    width: 770px;
    background-image: url(../img/member_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.member_section .inner .memberList .memberIntro .position{
    position: absolute;
    top: 18px;
    right: 36px;
    font: normal 32px/1 "arial";
    color: #121212;
    text-shadow: 2px 2px 10px #ccc;
}
.member_section .inner .memberList .memberIntro .name{
    position: absolute;
    top: 84px;
    left: 54px;
    font: normal 48px/1 "arial";
    color: #eee;
}
.member_section .inner .memberList .memberIntro .aboutus{
    position: absolute;
    top: 176px;
    left: 54px;
    font: normal 24px/1 "arial";
    color: #eee;
}
.member_section .inner .memberList .memberIntro .work{
    position: absolute;
    top: 220px;
    left: 54px;
    font: normal 18px/36px "arial";
    color: #eee;
}
/*code195 - certificate, recommendation*/
.certificate_section .inner, .recommendation_section .inner{
    width: 1440px;
    margin: 0 auto;
    /* border: 1px solid #000; */
}
.certificate_section .inner ul, .recommendation_section .inner ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.certificate_section .inner li{
    width: 720px;
    /* border: 1px solid #000; */
    padding: 24px 0;
    text-align: center;
}
.recommendation_section .inner li{
    width: 288px;
    /* border: 1px solid #000; */
    /* height: 360px; */
    padding: 24px 0;
    text-align: center;
}
.certificate_section .inner li img, .recommendation_section .inner li img{
    height: 500px;
    border: 2px solid #ddd;
}
.recommendation_section .inner li img{
    height: 360px;
    border: 2px solid #ddd;
}
.certificate_section .inner li a, .recommendation_section .inner li a{
    /* border: 1px solid #000; */
    display: inline-block;
    width: 100%;
    transition: all 0.5s;
}
.certificate_section .inner li a:hover, .recommendation_section .inner li a:hover{
    box-shadow: 2px 2px 10px #000;
}
.recommendation_section .inner .recommendationNotice .seeAll a{
    display: inline-block;
    width: 90%;
    height: 100%;
    border: 1px solid #888;
    font: bold 180px/360px "arial";
    color: #333;
    text-align: center;
    transition: all 0.5s;
}
.recommendation_section .inner .recommendationNotice .seeAll a:hover{
    color: #eee;
    background: #042541;
    border: none;
}
/*모달창 배경*/
.certificate_modal, .recommendation_modal, .cert247_modal{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 99;
}
.certificate_modal .close, .recommendation_modal .close, .cert247_modal .close{
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
}
.certificate_modal .certificateImg, .recommendation_modal .recommendationImg{
    position: absolute;
    width: 36%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*code195 - performance*/
.performance_section .inner{
    width: 60%;
    margin: 0 auto;
    /* border: 1px solid #000; */
}
.performance_section .inner li{
    text-align: center;
    padding: 32px 0;
    border: 1px solid #ddd;
    margin-bottom: 32px;
}
.performance_section .inner li .period{
    position: relative;
    font: bold 32px/1 "arial";
    color: #eee;
    width: 80%;
    margin: 0 auto;
    padding: 16px 0;
    background: #042541;
    /* background: #0d0d50; */
    transition: all 0.5s;
    cursor: pointer;
}
.performance_section .inner li .period:hover{
    box-shadow: 2px 2px 10px #000;
}
.performance_section .inner li .performanceImg{
    display: none;
    padding: 32px 0;
}
.performance_section .inner li .performanceImg img{
    border: 1px solid #ccc;
}

/*business - manpower*/
.manpower_section .inner{
    width: 60%;
    margin: 0 auto;
}
.manpower_section .inner .contents{
    font: normal 18px/36px "arial";
    color: #555;
    text-align: center;
}
.manpower_section .inner .contentsImg{
    text-align: center;
    padding: 36px 0;
}
.manpower_section .inner .ulContents{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}
.manpower_section .inner .ulContents .liContents{
    font: bold 18px/1 "arial";
    color: #0b3e68;
}
.manpower_section .inner .ulContents .liContents .ulContents2{
    padding: 16px 0;
}
.manpower_section .inner .ulContents .liContents .ulContents2 li{
    padding: 8px 0 8px 8px;
    font: normal 16px/1 "arial";
    color: #555;
}
/*business - incountry*/
.incountry_section .inner{
    width: 60%;
    margin: 0 auto;
}
.incountry_section .inner .ulContents .liContents{
    padding: 54px 0;
}
.incountry_section .inner .ulContents .liContents .contentsTitle{
    font: bold 24px/1 "arial";
    color: #0b3e68;
    padding-bottom: 16px;
}
.incountry_section .inner .ulContents .liContents .contentsImg{
    float: left;
    width: 18%;
    padding: 16px 32px 16px 0;
}
.incountry_section .inner .ulContents .liContents .contentsDetail{
    float: left;
    width: 82%;
    font: normal 18px/32px "arial";
    color: #333;
    padding: 10px 0 0 16px;
}
/*business - package*/
.package_section .inner{
    width: 60%;
    margin: 0 auto;
}
.package_section .inner .contents .infoExplan{
    background: #042541;
    padding: 12px;
    font: normal 18px/2 "arial";
    color: #eee;
    border-radius: 20px;
}
.package_section .inner .contents .item{
    padding: 12px 0;
    font: bold 18px/1 "arial";
    color: #333;
    text-shadow: 2px 2px 10px #042541;
}
.package_section .inner .contents>ul>li:first-child{
    padding-top: 36px;
}
.package_section .inner .contents .explan{
    padding: 0 0 24px 12px;
    font: normal 16px/32px "arial";
    color: #333;
}
.package_section .inner .contents .explan span {
    font: normal 14px/28px "arial";
    color: #888;
}

/* 247 Certification - company*/
.cert247_section .inner{
    width: 1440px;
    margin: 0 auto;
    /* border: 1px solid #000; */
}
.cert247_section .inner ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.cert247_section .inner li{
    width: 288px;
    width: 240px;
    /* border: 1px solid #000; */
    text-align: center;
}
.cert247_section .inner li a{
    /* border: 1px solid #000; */
    display: inline-block;
    width: 96%;
    height: 96%;
    font: normal 24px/200px "arial";
    border: 1px solid #ccc;
    color: #333;
    transition: all 0.5s;
}
.cert247_section .inner li a:hover{
    box-shadow: 2px 2px 10px #000;
    background: #0b3e68;
    border: none;
    color: #eee;
    font-weight: bold;
}
.cert247_modal iframe{
    position: absolute;
    width: 85%;
    height: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*manage*/
.manage{
    width:100%;
    height: calc(100vh - 144px);
    padding: 60px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
    overflow: hidden;
}
.manage .manageList{
    width: 20%;
    position: relative;
    border: 1px solid #eee;
    background: #dfdfdf;
    padding: 32px 0;
}
.manage .manageList ul{
    width: 90%;
    margin: 0 auto;
}
.manage .manageList .title{
    width:90%;
    padding-bottom: 24px;
    margin: 0 auto;
    text-align: center;
    font: bold 24px/1 "arial";
    color: #555;
}
.manage .manageList li{
    border-bottom: 1px solid #eee;
}
.manage .manageList li a{
    display: inline-block;
    width: 100%;
    padding: 24px 12px;
    font: normal 18px/18px "arial";
    color: #333;
    transition: all 0.5s;
}
.manage .manageList li a:hover{
    font-weight: bold;
    background: #832931;
    color: #eee;
}
.manage .inner{
    width: 75%;
    border: 1px solid #dfdfdf;
    position: relative;
    height: 100%;
    z-index: 99;
    overflow: auto;
    padding: 32px 16px;
}
.manage .inner::-webkit-scrollbar {
    width: 10px;
}
.manage .inner::-webkit-scrollbar-thumb {
    background-color: #832931;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.manage .inner::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}
.manage .inner .title{
    width:60%;
    padding-bottom: 32px;
    margin: 0 auto;
    text-align: center;
    font: bold 36px/1 "arial";
    color: #333;
}
.manage .inner .manageLogo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.manage .inner .excel_btn{
    position: absolute;
    top: 30px;
    right: 105px;
}
.manage .inner .excel_btn img{
    width: 40px;
}

/*문의 글 뷰 - 모달*/
.view_box{
    /* display: none; */
    width: 100%;;
    /* height: calc(100vh - 176px); */
    position: relative;
    overflow: hidden;
    /* padding: 200px 0; */
   /* border: 1px solid #f00; */
}
.view_box .inner{
    width: 50%;
    height: 720px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    z-index: 999;
    /* border: 1px solid #000; */
    padding: 64px 0;
}
.view_box .inner .close{
    position: absolute;
    top: 40px;
    right: 20px;
    cursor: pointer;
}
.view_box .inner .detailVeiw{
    padding: 48px 0;
    width: 90%;
    margin: 0 auto;
}
.view_box .inner .detailVeiw .writerInfo{
    font: normal 18px/1 "arial";
    color: #333;
    padding: 18px;
}
.view_box .inner .detailVeiw .viewTitle{
    font: bold 18px/1 "arial";
    color: #333;
    padding: 18px;
    background: #eee;
    /* border: 1px solid #ccc; */
    border-bottom: 1px solid #ccc;

}
.view_box .inner .detailVeiw .viewContents{
    font: normal 18px/1.6 "arial";
    color: #333;
    padding: 18px;
}

/*모달창 배경*/
.manage .modal_bg{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 99;
}

/*표 테이블*/
.manage .manage_table{
    width: 100%;
    font: normal 14px/1 "arial";
    border-collapse: collapse;
    border: none;
/*    border-bottom: 1px solid #bbb;*/
}
.manage .manage_table tr{
    height: 48px;
    text-align: center;
    background: #eee;
}
.manage .manage_table tr:nth-child(2n){
    background-color: #fff;
}
.manage .manage_table th {
/*    background: #00979c;*/
    border:none;
    border-bottom: 2px solid #ddd;
    background: #f8f8f8;
    color: #555;
}
.manage .manage_table td{
    border: none;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.manage .manage_table td:last-child form{
    display: inline;
}
.manage .manage_table .btn{
    font: bold 14px/1 "arial";
    padding: 6px 10px;
    transition: all 0.5s;
    margin: 0 4px;
    cursor: pointer;
    border: 1px solid #888;
    color: #555;
}
.manage .manage_table .btn:hover{
    background: #832931;
    border: 1px solid #832931;
    color: #eee;
}

/* 구직자 정보 관리자 뷰 테이블 */
.manage .view_box .inner .applyinfo_table{
    width: 80%;
    font: normal 18px/1 "arial";
    border-collapse: collapse;
    border: none;
    margin: 0 auto;
}
.manage .view_box .inner .applyinfo_table tr{
    height: 48px;
    text-align: center;
    background: #eee;
}
.manage .view_box .inner .applyinfo_table tr:nth-child(2n){
    background-color: #fff;
}
.manage .view_box .inner .applyinfo_table th {
/*    background: #00979c;*/
    border:none;
    border-bottom: 2px solid #ddd;
    background: #f8f8f8;
    color: #555;
}
.manage .view_box .inner .applyinfo_table td{
    border: none;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.manage .view_box .inner .applyinfo_table td:nth-child(1){
    font: normal 16px/1 "arial";
}

/*회원 목록 테이블*/
.member_table .info th:nth-child(1){
    width: 5%;
}
.member_table .info th:nth-child(2){
    width: 12%;
}
.member_table .info th:nth-child(3){
    width: 10%;
}
.member_table .info th:nth-child(4){ 
    width: 10%;
}
.member_table .info th:nth-child(5){  
    width: 12%;
}
.member_table .info th:nth-child(6){  
    width: 16%;
}
.member_table .info th:nth-child(7){  
    width: 14%;
}

/*구직자 목록 테이블*/
.applycant_table .info th:nth-child(1){
    width: 4%;
}
.applycant_table .info th:nth-child(2){
    width: 12%;
}
.applycant_table .info th:nth-child(3){
    width: 8%;
}
.applycant_table .info th:nth-child(4){
    width: 8%;
}
.applycant_table .info th:nth-child(5){ 
    width: 8%;
}
.applycant_table .info th:nth-child(6){  
    width: 14%;
}
.applycant_table .info th:nth-child(7){  
    width: 10%;
}
.applycant_table .info th:nth-child(8){  
    width: 10%;
}
.applycant_table .info th:nth-child(9){  
    width: 10%;
}

/*구인 요청서 목록 테이블*/
.demandletter_table .info th:nth-child(1){
    width: 5%;
}
.demandletter_table .info th:nth-child(2){
    width: 8%;
}
.demandletter_table .info th:nth-child(3){
    width: 12%;
}
.demandletter_table .info th:nth-child(4){ 
    width: 8%;
}
.demandletter_table .info th:nth-child(5){  
    width: 10%;
}
.demandletter_table .info th:nth-child(6){  
    width: 8%;
}
.demandletter_table .info th:nth-child(7){  
    width: 14%;
}
.demandletter_table .info th:nth-child(8){  
    width: 10%;
}

/* demand letter 테이블 */
.demandLetter{
    width:100%;
    /* height: calc(100vh - 144px); */
    padding: 60px 0;
}
.demandLetter .title{
    width: 60%;
    margin: 0 auto;
    padding: 16px 0;
    text-align: center;
}
.demandLetter .inner{
    /* border: 1px solid #000; */
    width: 60%;
    margin: 0 auto;
}
.demandLetter .inner table{
    width: 100%;
    font: normal 16px/1 "arial";
    border-collapse: collapse;
    border: none;
    table-layout: fixed;
}
/* .demandLetter .inner table tr{
    height: 48px;
} */
.demandLetter .inner table .subject{
    border: none;
    /* background-color: #ccc; */
}
.demandLetter .inner table .subject td{
    border: none;
    padding: 32px 0 12px 8px;
    font-weight: bold;
}
.demandLetter .inner table .item{
    border: 1px solid #888;
    text-align: center;
    padding: 16px 0;
    background: #eee;
    color: #333;
    width: 8.3%;
}
.demandLetter .inner table .dataInput{
    border: 1px solid #888;
    padding: 0 12px;
}
.demandLetter .inner table .radioInput{
    text-align: center;
}
.demandLetter .inner table .dataInput input[type="text"]{
    font: normal 18px/1 "arial";
    color: #333;
    border: none ;
    outline: none;
    width: 100%;
}
.demandLetter .inner table .dataInput input[type="number"]{
    font: normal 18px/1 "arial";
    color: #333;
    border: none ;
    outline: none;
    width: 60%;
    text-align: right;
}
.demandLetter .inner table .selectInput input[type="number"]{
    width: 60%;
}
.demandLetter .inner table .multiInput input[type="text"]{
    width: 27%;
    padding: 8px 0;
}
.demandLetter .inner table .multiInput input[type="number"]{
    width: 24%;
    padding: 8px 0;
}
.demandLetter .inner table .longMultiInput input[type="text"]{
    width: 80%;
    padding: 8px 0;
}
.demandLetter .inner table .dataInput select{
    width: 23%;
    border: none ;
    font: normal 16px/1 "arial";
    color: #333;
    text-align: center;
    outline: none;
}
.demandLetter .inner table .selectInput .educationSelect{
    width: 80%;
}
.demandLetter .inner table tr:last-child .dataInput{
    font: normal 18px/36px "arial";
    color: #333;
}

.demandLetter .inner .check{
    width: 50%;
    margin: 0 auto;
    padding-top: 32px;
    text-align: center;
    font: normal 18px/1 "arial";
    color: #333;
}
.demandLetter .inner .writeDate{
    width: 40%;
    margin: 0 auto;
    padding: 32px 0;
    text-align: center;
    font: normal 20px/1 "arial";
    color: #333;
}
.demandLetter .inner .writeDate select{
    width: 20%;
    border: none ;
    font: normal 18px/1 "arial";
    color: #333;
    text-align: center;
    outline: none;
}
.demandLetter .inner .writeDate select:first-child{
    width: 30%;
}

/*채용 관리 목록 테이블*/
.recruitment_table .info th:nth-child(1){
    width: 5%;
}
.recruitment_table .info th:nth-child(2){
    width: 10%;
}
.recruitment_table .info th:nth-child(3){
    width: 12%;
}
.recruitment_table .info th:nth-child(4){ 
    width: 12%;
}
.recruitment_table .info th:nth-child(5){  
    width: 16%;
}
.recruitment_table .info th:nth-child(6){  
    width: 10%;
}
.recruitment_table .info th:nth-child(7){  
    width: 10%;
}
.recruitment_table .info th:nth-child(8){  
    width: 12%;
}

.register_box{
    width: 30%;
    margin: 0 auto;
    padding: 100px 0;
}
.register_box form{
    text-align: center;
    background: #eee;
    padding: 36px 0;
}
.register_box form .register_title{
    padding: 12px 0;
    font: bold 18px/1 "arial";
}
.register_box form .form-group{
    padding: 18px 0;
}
.register_box form .form-group input{
    width: 70%;
    height: 42px;
    padding-left: 12px;
    font: normal 16px/1 "arial";
    color: #555;
    border: none;
    border-bottom: 1px solid #ddd;
    outline: none;
}
/*비밀번호 변경 버튼 및 팝업창*/
.join_section .input_form .pwUpdateBtn{
    display: inline-block;
    padding: 10px;
    font: bold 14px/1 "arial";
    border: 1px solid #888;
    color: #555;
}
.popup .inner{
    width: 100%;
}
.popup .inner form .title{
    font: bold 36px/1 "arial";
    text-align: center;
    padding: 36px 0 18px 0;
    color: #555;
}
.popup .inner form .title img{
    height: 40px;
}
.popup .form-add{
    width: 80%;
    margin: 0 auto;
    padding: 6px 0;
}
.popup .form-add label{
    display: inline-block;
    width: 30%;
    text-align: center;
    padding: 16px 0;
    font: bold 18px/1 "Nanum Gothic";
    color: #555;
}
.popup .form-add input{
    width: 68%;
    padding: 10px;
    font: normal 14px/1 "Nanum Gothic";
    border: 1px solid #888;
    outline: none;
}
.popup .phone_form input{
    width: 18%;
}
.popup .form-add select{
    width: 80px;
    padding: 10px;
    font: bold 14px/1 "Nanum Gothic";
    border: 1px solid #888;
    color: #555;
    outline: none;
    background: #fff;
}
.popup .form-add .info_select{
    width: 140px;
}
.popup .btn_box{
    position: relative;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 24px 0;
}
.popup .btn_box .btnUpdate{
    font: bold 16px/1 "Nanum Gothic";
    padding: 8px 18px;
    transition: all 0.5s;
    margin: 0 4px;
    cursor: pointer;
    background: #edc47e;
    border: 1px solid #e6aa43;
}
.popup .btn_box .btnUpdate:hover{
    background: #e6aa43;
    color: #fff;
}
.popup .inner form #pwConfirm{
    width: 90%;
    text-align: right;
    font: bold 16px/1 "arial";
    color: #555;
    padding-right: 10px;
}

/*기술자료 테이블*/
.technologyTable .info th:nth-child(1){
    width: 5%;
}
.technologyTable .info th:nth-child(2){
    width: 46%;
}
.technologyTable .info th:nth-child(3){
    width: 12%;
}
.technologyTable .info th:nth-child(4){
    width: 18%;
}
.technologyTable td:nth-child(2){
    font-weight: bold;
}

/*고객지원 테이블*/
.noticeTable .info th:nth-child(1){
    width: 5%;
}
.noticeTable .info th:nth-child(2){
    width: 42%;
}
.noticeTable .info th:nth-child(3){ 
    width: 10%;
}
.noticeTable .info th:nth-child(4){ 
    width: 16%;
}
.noticeTable .info th:nth-child(5){ 
    width: 6%;
}
.noticeTable td:nth-child(2){
    font-weight: bold;
}
/*게시판 페이지 번호*/
.notice_manage .inner .pagingNum {
    width: 70%;
    text-align: center;
    border-right: 0;
    margin: 0 auto;
    padding: 18px 0;
}
.notice_manage .inner .pagingNum ul{
    display: inline-block;
}
.notice_manage .inner .pagingNum li {
    text-align: center;
    float: left;
}
.notice_manage .inner .pagingNum li a {
    display: block;
    font: normal 14px/1 "arial";
    color: #777;
    padding: 9px 12px;
    box-sizing: border-box;
}
.notice_manage .inner .pagingNum li.on {
/*    background: #f7be53;*/
/*    background: #d71726;*/
/*    background: #00979c;*/
    border: 1px solid #888;
/*    transition: all 0.5s;*/
}
.notice_manage .inner .pagingNum li.on:hover {
    background: #d71726;
    border: none;
}
.notice_manage .inner .pagingNum li.on a {
    font-size: bold;
    color: #555;
    transition: all 0.5s;
}
.notice_manage .inner .pagingNum li.on a:hover{
    color: #fff;
}
/*게시판 글쓰기 버튼 및 자료갯수 정보*/
.notice_manage .inner .writeBtn{
    position: absolute;
    top: 60px;
    left: 0;
}
.notice_manage .inner .writeBtn a{
    display: inline-block;
    font: bold 16px/1 "arial";
    padding: 10px 16px;
    color: #eee;
    background: #555;
    transition: all 0.5s;
    box-sizing: border-box;
}
.notice_manage .inner .writeBtn a:hover{
    color: #d71726;
    background: #fff;
    border: 1px solid #d71726;
}
.notice_manage .inner .dataInfo{
    width: 100%;
    text-align: right;
    font: normal 16px/1 "arial";
    padding: 14px 0;
    color: #555;
}

/*게시판 글쓰기 폼*/
.notice_manage .inner .form-add{
    width: 80%;
    margin: 0 auto;
    padding: 6px 0;
}
.notice_manage .inner .form-add label{
    display: inline-block;
    width: 30%;
    text-align: center;
    padding: 16px 0;
    font: bold 18px/1 "arial";
    color: #555;
}
.notice_manage .inner .form-add span{
    display: inline-block;
    padding: 0 12px 0 6px;
    font: bold 16px/1 "arial";
    color: #eee;
    font-weight: bold
}
.notice_manage .inner .form-add input{
    width: 68%;
    padding: 10px;
    font: bold 14px/1 "arial";
    border: none;
    border-bottom: 1px solid #ddd;
    outline: none;
}
.notice_manage .inner .form-add select{
    width: 80px;
    padding: 10px;
    font: bold 14px/1 "arial";
    border: 1px solid #ddd;
    color: #555;
    outline: none;
    background: #fff;
}
.notice_manage .form-add .info_select{
    width: 140px;
}
.notice_manage .inner .form-textarea{
    width: 80%;
    height: 300px;
    margin: 0 auto;
    padding: 8px 0;
}
.notice_manage .inner .form-textarea label{
    display: block;
    float: left;
    width: 30%;
    text-align: center;
    padding: 16px 0;
    font: bold 18px/1 "arial";
    color: #555;
}
.notice_manage .inner .form-textarea textarea{
    display: block;
    float: left;
    width: 68%;
    height: 100%;
    margin: 0 auto;
    resize: none;
    border: none;
    font: normal 16px/1.8 "arial";
    background: #eee;
    padding: 10px;
    outline: none;
}

/*게시물 보기*/
.notice_manage .inner .writeInfo{
    width: 60%;
    margin: 0 auto;
    padding: 32px 0 32px 0;
}
.notice_manage .inner .writeInfo li{
    float: left;
    padding-right: 32px;
    font: normal 18px/1 "arial";
    color: #555;
}
.notice_manage .question{
    width: 60%;
    margin: 0 auto;
    padding: 24px 12px;
    font: bold 20px/1 "arial";
    color: #555;
}
.notice_manage .inner .contents{
    width: 60%;
    margin: 0 auto;
    font: normal 16px/2.2 "arial";
    color: #555;
/*    background: #ddd;*/
    border: 1px solid #ddd;
    padding: 18px 12px;
}
.notice_manage .inner .attachment{
    width: 60%;
    margin: 0 auto;
    padding: 12px;
    background: #ddd;
}
.notice_manage .inner .attachment li{
    width: 100%;
    padding: 10px 0;
}
.notice_manage .inner .attachment li img{
    width: 100%;
    object-fit: contain;
}


/* 자신이 작성한 글의 첨부이미지  */
.notice_manage .inner .attachment_title{
    width: 60%;
    margin: 0 auto;
    font: normal 16px/1 "arial";
    color: #555;
    padding: 32px 0 12px 0;
    text-align: center;
}
.notice_manage .inner .attachment_self{
    width: 60%;
    margin: 0 auto;
    padding: 12px 0 36px 0;
}
.notice_manage .inner .attachment_self li{
    float: left;
    width: 50%;
    padding: 24px 12px;
    background: #eee;
}
.notice_manage .inner .attachment_self li img{
    width: 100%;
    object-fit: contain;
}

/*관리자 답변*/
.notice_manage .inner .answer_title{
    width: 60%;
    margin: 0 auto;
    font: bold 20px/1 "arial";
    color: #555;
    padding: 32px 0 12px 0;
}
.notice_manage .inner .answer{
    width: 60%;
    margin: 0 auto;
    font: normal 16px/1.6 "arial";
    color: #121212;
    background: #ddd;
    padding: 18px 12px;
}
.notice_manage .inner .admin_answer{
    width: 60%;
    height: 300px;
    margin: 0 auto;
    padding: 8px 0;
}
.notice_manage .inner .admin_answer textarea{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    resize: none;
    border: none;
    font: normal 16px/1.8 "arial";
    background: #eee;
    padding: 10px;
    outline: none;
}
.notice_manage .inner .inputFile{
    cursor: pointer;
    background: #eee;
}


/*댓글기능*/
.notice_manage .inner .comment_write{
    width: 60%;
    margin: 0 auto;
    padding: 12px;
}
.notice_manage .inner .comment_write .comment_writer{
    padding: 10px 0 6px 10px;
    font: bold 18px/1 "arial";
    color: #555;
}
.notice_manage .inner .comment_write .comment_form{
    width: 100%;
}
.notice_manage .inner .comment_write .comment_form .comment_input{
    width: 90%;
    padding: 10px;
    font: normal 14px/1 "arial";
    border: none;
    border-bottom: 1px solid #ddd;
    outline: none;
}
.notice_manage .inner .comment_write .comment_form .comment_btn{
    display:inline-block;
    padding: 10px 16px;
    border:none ;
    background: #555;
    color: #fff;
    font: normal 14px/1 "arial";
    transition: all 0.5s;
    cursor: pointer;
}
.notice_manage .inner .comment_write .comment_form .comment_btn:hover{
    background:#d71726;
    color: #eee;
    border: none;
}
.notice_manage .inner .comment_list{
    width: 60%;
    margin: 0 auto;
    padding: 18px 12px 12px 12px;
}
.notice_manage .inner .comment_list li{
    padding: 36px 0 18px 8px;
    border-bottom: 1px solid #ddd;
}
.notice_manage .inner .comment_list li p:nth-child(1){
    padding-bottom: 8px;
}
.notice_manage .inner .comment_list li p:nth-child(1) .comment_writer{
    font: bold 16px/1 "arial";
    color: #555;
}
.notice_manage .inner .comment_list li p:nth-child(1) .comment_date{
    font: normal 14px/1 "arial";
    color: #888;
}
.notice_manage .inner .comment_list li p:nth-child(1) .comment_delete{
    font: normal 12px/1 "arial";
    background: #555;
    color: #eee;
    padding: 4px 6px;
}
.notice_manage .inner .comment_list li .comment_contents{
    font: normal 16px/1 "arial";
    color: #555;
}

/*푸터*/
footer{
    width: 100%;
    background: #333;
    padding: 48px 0;
    border-top :1px solid #888;
}
footer .inner{
    width: 1440px;
    margin: 0 auto;
}
footer .inner .upper{
    width: 100%;
    border-bottom: 1px solid #777 ;
    padding-bottom: 20px;
}
footer .inner .upper h1{
    float: left;
}
footer .inner .upper h1 img{
    width: 176px;
}
footer .inner .upper ul{
    float: right;
    padding: 12px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}
footer .inner .upper ul li a{
    font: bold 14px/1 "arial";
    color: #666;
    padding: 0 16px;
}
footer .inner .lower{
    width: 100%;
    padding-top:20px ;
}
footer .inner .lower address{
    width: 100%;
    font: normal 14px/1.3 "arial";
    color: #777;
    margin-bottom: 20px;
}
footer .inner .lower p{
     width: 100%;
    font: normal 14px/1 "arial";
    color: #777;
}

@media screen and (max-width: 1279px) {
    
}

@media screen and (max-width: 959px) {

    header .top_menu{
        display: none;
    }
    header .nav{
        display: none;
    }
    /* header .hambtn{
        display: block;
    }
    header .cover{
        display: block;
    }
    header #menu{
        display: block;
    } */
    .logo{
        width: 100%;
        height: 100px;
    }
    .logo a{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .logo img{
        width: 144px;
    }

    .applyinfo_section{
        width:100%;
        padding: 28px 0;
    }
    .applyinfo_section .inner{
        width: 100%;
    }
    .applyinfo_section .inner .applyText{
        display: block;
        width: 80%;
        margin: 0 auto;
        font: normal 14px/1 "arial";
        padding-bottom: 18px;
    }
    .applyinfo_section .inner .applyBtn{
        font: normal 16px/1 "arial";
        display: block;
        width: 30%;

        margin: 0 auto;
    }

    figure{
        display: none;
    }

    .section{
        width:100%;
        padding: 72px 0;
    }
    .section .inner{
        width: 100%;
    }
    .section .inner .title{
        font: bold 32px/1 "arial";
    }
    .section .inner .subTitle{
        font: normal 16px/1 "arial";
    }
    .business_section .inner ul{
        display: block;
        text-align: center;
    }
    .business_section .inner li .bizTitle{
        font: normal 18px/1 "arial";
        padding: 16px 0 32px 0;
    }
    /* recruitment section */
    .recruitment_section .inner .recruitmentNotice{
        display: block;
    }
    .recruitment_section .inner .recruitmentNotice>li{
        width: 368px;
        height: 240px;
        margin: 18px auto;
    }
    .recruitment_section .inner .recruitmentNotice .sector{
        padding: 32px 0 0 14px;
        font: bold 14px/1 "arial";
    }
    .recruitment_section .inner .recruitmentNotice .detail a{
        top: 20px;
        right: 18px;
        font: bold 12px/1 "arial";
    }
    .recruitment_section .inner .recruitmentNotice .companyName{
        padding: 16px 0 0 16px;
        font: bold 24px/1 "arial";
    }
    .recruitment_section .inner .recruitmentNotice .recruitNum{
        padding: 12px 0 0 16px;
        font: bold 14px/1 "arial";
    }
    .recruitment_section .inner .recruitmentNotice .hashInfo{
        padding-top: 10px;
    }
    .recruitment_section .inner .recruitmentNotice .hashInfo>li{
        font: normal 14px/1 "arial";
    }
    .recruitment_section .inner .recruitmentNotice .deadline{
        bottom: 28px;
        right: 18px;
    }
    .recruitment_section .inner .recruitmentNotice .seeAll a{
        font: bold 180px/240px "arial";
    }
    
    /*code195 - certificate, recommendation*/
    .certificate_section .inner, .recommendation_section .inner{
        width: 100%;
        margin: 0 auto;
        /* border: 1px solid #000; */
    }
    .certificate_section .inner ul, .recommendation_section .inner ul{
        display: block;
    }
    .certificate_section .inner li{
        width: 720px;
        /* border: 1px solid #000; */
        padding: 24px 0;
        text-align: center;
    }
    .recommendation_section .inner li{
        width: 288px;
        /* height: 360px; */
        padding: 18px 0;
        margin: 0 auto;
    }
    .certificate_section .inner li img, .recommendation_section .inner li img{
        height: 500px;
        border: 2px solid #ddd;
    }
    .recommendation_section .inner li img{
        height: 360px;
    }

    /* review section */
    .review_section .inner .reviewNotice{
        display: block;
    }
    .review_section .inner .reviewNotice>li{
        width: 268px;
        height: 360px;
        /* border: 1px solid #ccc; */
        margin: 0 auto;
    }
    .review_section .inner .reviewNotice .photo{
        padding: 28px 0 0 34px;
    }
    .review_section .inner .reviewNotice .name{
        font: bold 16px/1 "arial";
    }
    .review_section .inner .reviewNotice .sector{
        font: normal 14px/1 "arial";
    }
    .review_section .inner .reviewNotice .career{
        font: normal 14px/1 "arial";
    }
    .review_section .inner .reviewNotice .rating{
        font: bold 16px/1 "arial";
    }

    
    .question_section{
        width: 96%;
        margin: 0 auto;
        padding: 80px 0;
    }
    .question_section .question_form{
        width: 96%;
    }
    .question_section .question{
        font: normal 20px/1 "arial";
        padding: 28px 0;
        line-height: 32px;
    }
    .question_section .input_form{
        padding: 64px 0;
        font: normal 18px/1 "arial";
        line-height: 24px;
    }
    .question_section .input_form select{
        width: 80%;
        font: normal 18px/1 "arial";
    }
    .question_section .input_form input{
         font: normal 18px/1 "arial";
         width: 80%;
    }
    .question_section .input_form .checkboxInput{
        width: 14px;
    }
    .question_section .input_form .guide{
         font: normal 12px/1 "arial";
    }
    .question_section .input_form .description{
        font: normal 20px/1 "arial";
    }
    .question_section .email_form .email{
        width: 26%;
    }
    .question_section .email_form .emailDomain{
        width: 26%;
    }
    .question_section .email_form .domainSelect{
        width: 32%;
    }
    .question_section .email_form .countrynum{
        width: 12%;
    }
    .question_section .questionBtnBox input{
        font: normal 18px/1 "arial";
        border-radius: 4px;
    }
    .question_section .applyinfo_table{
        width: 90%;
    }



    /*푸터*/
    footer{
        width: 100%;
        padding: 36px 0;
    }
    footer .inner{
        width: 100%;
        margin: 0 auto;
    }
    footer .inner .upper{
        width: 100%;
        border-bottom: 1px solid #777 ;
        padding-bottom: 16px;
    }
    footer .inner .upper h1{
        float: none;
        width: 40%;
        margin: 0 auto;
    }
    footer .inner .upper h1 img{
        width: 144px;
        text-align: center;
    }
    footer .inner .upper ul{
        float: none;
    }
    footer .inner .upper ul li a{
        font: bold 12px/1 "arial";
    }

    footer .inner .lower address{
        font: normal 12px/1.3 "arial";
        text-align: center;
    }
    footer .inner .lower p{
        font: normal 12px/1 "arial";
        text-align: center;
    }
    
}