/*메뉴 선택*/
.menu_group>li:nth-child(6)>div{color: #fcb737 !important;}
.m_menu>div:nth-child(6)>div:nth-child(1){color: #fcb737 !important;}


.human_list{padding-bottom: 100px; border-bottom: 5px solid #d9d9da; margin-bottom: 100px;}

.humantab{margin-bottom: 100px;}
.humantab>li{width: 33.33%; float: left; font-size: 1.25rem; padding: 12px 0; border-right: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; color: #797d82; cursor: pointer; background: #fff;}
.humantab>li:nth-child(1){border-left: 1px solid #c6c6c6;}

.human_list>li{display: none;}
.human_list>li:nth-child(1){display: block;}


/*인재상*/
.human_icon_list{display: inline-block; margin-bottom: 100px;}
.human_icon_list>li{float: left;}
.human_icon_list>li>div:nth-child(1){
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}
.human_icon_list>li>div:nth-child(2){font-size: 1.2rem; padding: 20px 0 10px; color:#797d82; font-weight: 500;}
.human_icon_list>li>div:nth-child(2) span{color: #fcb737; position: relative; top: -3px;}
.human_icon_list>li>p{font-size: 0.875rem; color: #797d82; line-height: 1.3rem;}

.human_stoke{width: 60px; height: 195px; line-height: 195px; color: #fcb737;}

/*인사제도*/
.institution_list{font-size: 1.25rem; font-weight: 500; color: #797d82; padding: 12px 10px; border: 2px solid #fbb634; line-height: 1.5rem;}
.institution_list2{font-size: 0.875rem; color: #797d82; padding: 12px 10px; font-weight: 300; line-height: 1.1rem;}
.institution_list3{font-size: 5px; line-height: 5px; color: #fbb634; padding-bottom: 20px;}
.institution_box{font-size: 1.25rem; font-weight: 500; color: #797d82; padding: 12px 10px; margin-bottom: 100px; line-height: 1.5rem;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);}
.institution_box p{font-size: 1.25rem; color:#fbb634; font-weight: 500; margin-bottom:10px;}

/*복리후생제도*/
.welfare{width: 100%;}
.welfare>li{border-bottom: 1px solid #e8e8e8; margin-bottom: 30px;}
.welfare>li:last-child{margin-bottom: 0;}
.welfare>li>div{float: left;}
.welfare>li>div:nth-child(1){width: 32%; text-align: left; font-size: 1rem; line-height: 1.3rem; color: #797d82; border-right: 1px solid #797d82; margin-bottom: 2px; font-weight: 500;}
.welfare>li>div:nth-child(1) span{position: relative; top: -3px; color: #fcb634; margin-right: 10px; font-size: 0.9rem; font-weight: 900;}
.welfare>li>div:nth-child(2){width: 68%;text-align: left; padding-left: 20px;text-align: left; font-size: 0.875rem; line-height: 1.3rem; color: #797d82;margin-bottom: 2px; font-weight: }

/*직무소개*/
.dutytap{padding-bottom: 20px;}
.dutytap>*{float: left;}
.dutytap>h3{font-size: 1.5rem; color: #797d82; width: 150px; text-align: left;}
.dutytap>ul{font-size: 1rem;  color: #797d82; position: relative; top: 4px;}
.dutytap>ul>li{float: left; padding: 0 10px; border-right: 1px solid #ccc; cursor: pointer; font-weight: 500;}
.dutytap>ul>li:last-child{border-right: 0px;}

.dutytap>ul>li:hover{color: #fbb634;}

.duty_list{display: none;}

.duty_table1{text-align: left;}
.duty_table1 tr>td{padding: 40px 0 0;}
.duty_table1 tr:last-child>td{padding: 40px 0;}
.duty_table1 tr>td:nth-child(1){font-size: 1rem; line-height: 1.2rem; color: #797d82; font-weight: 700; width: 150px;}
.duty_table1 tr>td:nth-child(2){font-size: 1rem; line-height: 1.2rem; color: #797d82;}

.duty_detail>div{width:70%; padding: 20px 0 0;}
.duty_detail>div:last-child{padding: 20px 0;}
.duty_detail>div>div{float: left;}
.duty_detail>div:nth-child(1)>div{font-size: 1rem; line-height: 1.2rem; color: #797d82; font-weight: 700; padding: 10px 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.duty_detail>div>div:nth-child(1){width: 150px; font-size: 1rem; line-height: 1.5rem; color: #797d82; font-weight: 700;}
.duty_detail>div>div:nth-child(2){width: calc(100% - 150px); line-height: 1.5rem;}

.duty_detail>div:last-child{border-bottom: 2px solid #ddd;}


/*채용공고*/
.hire_group{display: inline-block}
.hire_box{width: 120px; height: 120px; background:#f1f2f2; display: inline-block; vertical-align: middle; text-align: center;}
.hire_box>div{display: table; width: 100%; height: 100%;}
.hire_box>div>div{display: table-cell; color: #797d82; line-height: 1.2rem; font-size: 1rem; font-weight: 500; }
.hire_arrow{width: 40px; opacity:0; height: 180px; line-height: 180px;display: inline-block;}
.hire_arrow img{width: 30%;}
.hire_group>li{margin-bottom: 20px;}
.hire_btn{padding: 5% 0;}
.hire_btn>div>a{padding: 10px 15px; display: inline-block;color: #797d82; margin: 0 auto;border: 2px solid #797d82; font-weight: 500;}


/*반응형*/


@media (max-width:1200px){
    :root{font-size: 15px;}
    .humantab{margin-bottom: 10%;}
    .human_list{margin-bottom: 10%; padding-bottom: 10%;}
    .human_icon_list{margin-bottom: 10%;}
    .human_icon_list>li>div:nth-child(2){padding: 4% 0 2%;}
    .hire_box{width: 150px;height: 150px;}
    .hire_arrow{width: 30px;height:150px; line-height: 150px;}
    .welfare>li{margin-bottom: 3%;}
}

@media (max-width:1024px){
    :root{font-size: 14px;}
    .human_icon_list>li>div:nth-child(1){width: 150px;}
    .human_stoke{width: 50px; height: 159px; line-height: 159px;}
    .hire_group>li:nth-child(5){float: none;}
    .hire_group{width: 750px;}
    .hire_group>li{margin-bottom: 20px;}
}

@media (max-width:768px){
    :root{font-size: 13px;}
    .human_icon_list>li>div:nth-child(1){width: 130px;}
    .human_stoke{width: 20px; height: 137px; line-height: 137px;}
    .welfare>li>div:nth-child(1){border-right: 0px;width: 100%; padding-left: 20px;}
    .hire_group{width: 480px;}
    .welfare>li>div:nth-child(2){font-size: 1rem; width: 100%; margin: 0 auto;}
    .hire_arrow img{width: 50%;}
    .hire_box{width: 100px; height: 100px;}
    .hire_arrow{height: 100px; line-height: 100px; width: 15px;}
    
    
}

@media (max-width:600px){
    :root{font-size: 13px;}
    .hire_box{width: 100px; height: 100px;}
    .hire_arrow{height: 100px; line-height: 100px; width: 20px;}
    
}



@media (max-width:480px){
    :root{font-size: 12px;}
    .human_icon_list>li{width: 100%; text-align: center;}
    .human_stoke{display: none;}
    .human_icon_list>li>div:nth-child(1){display:block; float:left;margin-left: 10%;}
    .human_icon_list>li{margin: 15px 0;}
    .human_icon_list>li img {width:95px !important;}
    .hire_group{width: 400px;}
    .hire_box{width: 70px; height: 70px;}
    .hire_arrow{height: 70px; line-height: 70px; width: 15px;}
    .welfare>li>div:nth-child(1){padding-left: 0px;}
    .welfare>li>div:nth-child(2){padding-left: 0px;}
}
@media (max-width:440px){
    :root{font-size: 12px;}
    .hire_group{width: 320px;}
    .hire_box{width: 60px; height: 60px;}
    .hire_arrow{height: 60px; line-height: 60px; width: 15px;}

}



