/* 섹션 중앙정렬 */
/* .wrap{max-width: 1400px; margin: 0 auto;}s */
.sc_bd{padding: 0 260px; margin: 0 auto;}
.sect{padding-top: 70px;} 

textarea, input, button, select{font-family: 'Pretendard';}

/* 메인배너 */

.index .sc_bd {background-color: #fff9f9; background-image: url(../img/main/background_img.png);} 

.video_box{width: 100%; height: 574px; overflow: hidden; background-color: #fff9f9;}
.video_box > video {width: 100%; filter:opacity(70%);  object-fit: cover; outline: none; border: none;}
.main_banner{position: relative;}
.main_banner_txt{position: absolute; padding-left: 260px; top: 50%; transform: translateY(-50%);}
.main_banner_txt > h2 {font-size: 55px; font-weight: 900; color: #FF4A6B;}
.main_banner_txt > p {font-size: 28px; font-weight: 400; color: #666; padding-top: 15px;}
.main_banner > button {position: absolute; top: 50%;  transform: translateY(-50%);}
.left_slide {left: 5%;}
.right_slide {right: 5%;}

/* sec01 */
.section_1{width: 100%; padding-top: 50px;}
.sec_1_top,
.sec_1_bot{display: flex; justify-content: space-between; gap: 25px;}

/* 빠른공고찾기 */
.fast_find_box{display: flex; width: 100%;  border:2px solid transparent ;
    border-radius:10px;
    background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#B78E21 ,#FFF9AF, #B78E21);
    background-origin:border-box;
    background-clip:padding-box, border-box;}
.fast_find_box > div {width: calc(100%/3);}
.txt_box > em {cursor: pointer;}

.fast_fastfind{background: url(../img/main/find_img.png) no-repeat #FFECEE; background-position: center; padding: 50px 15px; border-radius: 10px 0 0 10px; border-right: 1px solid #e2c344;}
.fast_find_box h3{color: #444; font-weight: 800; font-size: 22px;}
.fast_find_box p{color: #666; font-weight: 400; font-size: 16px; padding-top: 7px;}
.fast_fastfind  h3{color: #FF4A6B; text-align: center;}
.fast_fastfind  p{text-align: center; padding-top: 20px;}
.fast_button_wrap{display: flex; justify-content: center; gap: 6px; padding-top: 28px;}
.fast_button_wrap > button {font-family: 'Pretendard-Regular'; font-size: 15px; background-color: #fff; padding: 6px 25px; border-radius: 4px;}
.fast_button_wrap > button:first-child{border: 1px solid #e2c344; color: #b78e21;}
.fast_button_wrap > button:last-child{border: 1px solid #ddd; color: #888;}
/* 버튼 선택시 */
.fast_button_wrap > button:hover {border: 1px solid #e2c344; color: #b78e21}

/* 지역별 채용정보 */
.fast_region, .fast_field{padding: 30px 30px;}
.fast_region{border-right: 1px solid #e2c344;}
.region_box > ul{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px; padding-top: 16px;}
.region_box > ul > li {width: 15.555%;}
.region_box > ul a{display: block; text-align: center; font-weight: 400; font-size: 15px; color: #666; background-color: #F5F5F5; border: 1px solid #8882; padding: 5px 8px; border-radius: 15px;}

/* 분야별 채용정보 */
.field_box > ul{display: flex; justify-content: space-around; gap: 40px; padding: 29px 5px;}
.field_box  li{display: flex; flex-direction: column; gap: 9px;}
.field_box  li > a{display: block; width: 50px; color: #666;}
.ic_txt{width: 55px; text-align: center; font-weight: 400; font-size: 15px; background-color: #F5F5F5; border: 1px solid #8882; padding: 3px 11px; border-radius: 15px;}

/* 공지사항 */
.notic_box{width: 30%; padding: 30px 15px;  border:2px solid transparent ;
    border-radius:10px;
    background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#B78E21 ,#FFF9AF, #B78E21);
    background-origin:border-box;
    background-clip:padding-box, border-box;}
.txt_box{display: flex; justify-content: space-between;}
.notic_box > .txt_box,
.news_employ > .txt_box,
.news_humen > .txt_box{align-items: center}
.txt_box > h3{ font-weight: 800; font-size: 22px; color: #444;}
.txt_box > em{font-size: 14px; font-weight: 500; color: #666;}
.label{margin-right: 8px; padding: 3px 8px;width: 46px; font-size: 12px; font-weight: 500; border-radius: 15px;line-height: 12px; text-align: center;}
.notic_label{ background-color: #FF4A6B; color: #fff; padding: 5px 8px;}
.list_box{padding-top: 20px;}
.list_box > ul > li{padding: 5px 0; display: flex; justify-content: space-between; cursor: pointer;align-items: center;}
.list_box > ul .tit{display: flex; align-items: center; width: calc(100% - 100px); margin-right: 20px;}
.list_box > ul span{width: calc(100% - 46px); height: 26px; display: block; font-size: 16px; font-weight: 400; color: #111; line-height: 1.7; white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden;} 

/* 섹션1_아래 */
.sec_1_bot{padding-top: 25px;}
.news_box{display: flex; width: 80%;  border:2px solid transparent ;
    border-radius:10px;
    background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#B78E21 ,#FFF9AF, #B78E21);
    background-origin:border-box;
    background-clip:padding-box, border-box;}

/* .customer_box .txt_box {position: absolute; z-index: 2;}     */
.customer_box{width: 30%; padding: 30px 15px; border:2px solid transparent ; position: relative;
    border-radius:10px;
    background-image:linear-gradient(#FFECEE, #FFF), linear-gradient(to  bottom right ,#B78E21 ,#FFF9AF, #B78E21);
    background-origin:border-box;
    background-clip:padding-box, border-box;}

.customer_img{position: absolute; width: 130px; right: 0; top: 50%; transform: translate(-25px, -50%);}    
.news_employ,
.news_humen{width: calc(100%/2); padding: 30px 15px;}
.news_employ{border-right: 1px solid #e2c344;}
.date{font-size: 14px; color: #888; font-weight: 400; width: 80px;}
.hot_label{border: 1px solid #FF4A6B; color: #FF4A6B; background-color: #FFECEE;}
.new_label{border: 1px  solid #FF9900; color: #FF9900; background-color: #FDF1C2;}

/* 고객센터 */
.cus_box{flex-direction: column;}
.cus_box > h4{font-size: 35px; color: #FF4A6B; padding-top: 5px; padding-bottom: 18px;}
.customer_date_box > div {font-size: 16px; color: #555; padding-bottom: 5px;}
.mon_fri_box, .sat_box, .sun_box{display: flex; gap: 20px;}
.mon_fri, .sat, .sun{font-weight: 400; color: #444;}

/* sec02 */
.section_txt_box{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 35px;}
.sec_txt_left_top {display: flex; gap: 16px;}
.sec_txt_left_top > h5{font-size: 26px; color: #444; font-weight: 800;}
.sec_txt_left_top > em{color: #FF4A6B; background-color: #FFECEE; padding: 8px 10px 7px; border-radius: 4px; font-size: 15px; font-weight: 500; cursor: pointer;}
.sec_txt_left_bot{padding-top: 7px;}
.sec_txt_left_bot > p{color: #666; font-weight: 400;}
.sec_txt_right > button{ padding: 6px 10px; border-radius: 4px; font-family: 'Pretendard-Regular'; font-size: 14px;}
.gr_st{color: #666; background-color: #fff; border: 1px solid #8882;}
.pk_st{color: #FF4A6B; border: 1px solid #ff4a6b; background-color: #FFECEE;}

.grid_container { display: grid; grid-template-columns: repeat(4, 1fr);  grid-template-rows: repeat(2, 200px); gap: 20px;}
.grid_item {cursor: pointer; border:1px solid transparent ;
    border-radius:10px;
    background-image:linear-gradient(#fff, #fff), linear-gradient(to  bottom right ,#B78E21 ,#FFF9AF, #B78E21);
    background-origin:border-box;
    background-clip:padding-box, border-box;}
.stiker_box{display: flex; justify-content: space-between;}
.stiker_name{padding: 4px 23px; background-color: #FF74A6; border-radius: 9px 0px 10px 0px; color: #fff; font-weight: 400;}
.stiker_star{padding: 4px 10px;}
.info_box{width: 300px; margin: 0 auto; padding-bottom: 20px;}
.profile_img{margin: 0 auto;}
.profile_img > i {width: 50px; height: 50px; display: block; margin: 0 auto; max-width: 100%; overflow: hidden; border-radius: 100%;}
.profile_txt{width: 300px; text-align: center; padding-top: 7px;}
.pd{padding-bottom: 7px;}
.profile_txt > h6{width: 100%; font-size: 18px; color: #585858;padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.profile_txt > p{font-size: 16px; font-weight: 400;  color: #888; margin-top: 4px;}
.profile_txt > em{font-size: 16px; font-weight: 500;  color: #333;}
.profile_txt > em > b{color: #C9C9C9; font-weight: 500;}
.orange{background-color: #FF9900;}


.index .sc_bd {padding-bottom: 80px;}


/* ********************************************* *
* 1802px
* ********************************************* */
@media screen and (max-width: 1802px){

.sc_bd {padding: 0 160px; margin: 0 auto;}
.main_banner_txt{padding: 0 160px;}
.submenu_box > ul{padding: 0 90px;}

}

/* ********************************************* *
* 1795px
* ********************************************* */
@media screen and (max-width: 1795px){


.sc_bd {padding: 0 45px; margin: 0 auto;}
.main_banner_txt{padding: 0 45px;} 

}


/* ********************************************* *
* 1440px
* ********************************************* */
@media screen and (max-width: 1440px){
.grid_container {grid-template-columns: repeat(3, 1fr);}

.region_box > ul > li { width: 14.999%; }

}



/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

}

/* ********************************************* *
* 1288px
* ********************************************* */
@media screen and (max-width: 1288px){

.news_box {width: 65%;}
.customer_box {width: 35%;}

}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

}

/* ********************************************* *
* 1155px
* ********************************************* */
@media screen and (max-width: 1155px){
.sc_bd {padding: 0 20px}


}


/* ********************************************* *
* 1040px
* ********************************************* */
@media screen and (max-width: 1040px){
.grid_container {grid-template-columns: repeat(2, 1fr);}

}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
.region_box > ul > li { width: 16.99%;}
.region_box > ul {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; padding-top: 16px;}
.fast_region, .fast_field { padding: 30px 20px;}
.field_box > ul {gap: 0;}

}

/* ********************************************* *
* 980px
* ********************************************* */
@media screen and (max-width: 960px){

.video_box{height: auto;}
.region_box > ul > li {width: 21.99%;}

}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
.main_banner_txt > h2 {font-size: 48px;}
.main_banner_txt > p {font-size: 25px;}
.customer_img {opacity: 0.5; transform: translate(-25px, -25%);}

}

/* ********************************************* *
* 914px
* ********************************************* */
@media screen and (max-width: 914px){

.main_banner_txt > h2 {font-size: 48px;}
.main_banner_txt > p {font-size: 25px;}
.region_box > ul > li {width: 29.99%;}



}

/* ********************************************* *
* 860px
* ********************************************* */
@media screen and (max-width: 860px){

.main_banner_txt > h2 {font-size: 48px;}
.main_banner_txt > p {font-size: 25px;}


}

/* ********************************************* *
* 827px
* ********************************************* */
@media screen and (max-width: 827px){

.customer_box{display: none;}
.news_box {width: 100%;}

}

/* ********************************************* *
* 800px
* ********************************************* */
@media screen and (max-width: 800px){

.main_banner_txt {transform: translateY(-60%);}


}

/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (max-width: 768px){

.sect {padding-top: 60px;}

.section_txt_box { padding-bottom: 20px;}

.section_1 { padding-top: 140px; }


.video_box {height: 500px;}
.video_box > video { height: 100%;}
.fast_fastfind{position: absolute;left:50%;top:-65px; transform: translateX(-50%); padding:22px ; border-radius: 4px; border:none;}
.fast_fastfind > p { padding-top: 10px;}
.fast_find_box > div:first-child{ width: calc(100% - 40px);}

.index .sc_bd{position: relative;}
.fast_fastfind{display: flex; align-items: center;justify-content:space-between;}
.fast_fastfind h3{text-align: left;    font-size: 18px;}
.fast_fastfind p{text-align: left;    padding-top: 10px;}
.fast_button_wrap{padding-top: 0;}
.fast_button_wrap > button { border-radius: 4px;}


.fast_find_box{display: block;}
.fast_find_box > div{padding:20px; width: 100%;bordeR:none}
.fast_find_box > div:last-child{border-top:1px solid #e2c344;}


.fast_find_box p {padding-top: 3px;}

.region_box > ul { padding-top: 0; gap: 6px; margin-top: 10px;}
.region_box > ul li{width: calc((100% - 30px) / 6);}
.region_box > ul a { width: 100%; display: block;font-size: 16px;  padding: 6px ; border-radius: 50px;}


.field_box > ul{padding-bottom: 0;}

}


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

.main_banner_txt > h2 {font-size: 36px;}
.main_banner_txt > p {font-size: 20px;} 
.grid_container {grid-template-columns: repeat(1, 1fr);}
}

    


/* ********************************************* *
* 770px
* ********************************************* */
@media screen and (max-width: 770px){

.main_menu > li:nth-child(2),
.main_menu > li:nth-child(3),
.main_menu > li:nth-child(4){display: none;}

}

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

.main_banner_txt > h2 {font-size: 36px;}
.main_banner_txt > p {font-size: 20px;}
.main_banner_txt {transform: translateY(-70%);}    
}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

    .news_box{display: block;}
    .news_box > div:last-child{border-top:1px solid #e2c344;}
    .news_box > div{width: 100%;border:none;padding:20px; }

    .list_box {padding-top: 10px;}
    .list_box > ul > li {padding: 4px 0;}
    .profile_txt > em {font-size: 14px;}

    .fast_find_box h3, .txt_box > h3 {font-size: 18px;}
    .sec_txt_left_top > h5 {font-size: 20px;}
    .sec_txt_left_top {gap: 7px;}
    .sec_txt_left_top > em{padding: 4px 8px; font-size: 14px;}
    .sec_txt_left_bot > p {font-size: 15px;}
}

/* ********************************************* *
* 550px
* ********************************************* */
@media screen and (max-width: 550px){



}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

.main_banner_txt {padding: 0 20px;}
.main_banner_txt {transform: translateY(-55%);}
.main_banner_txt > h2 {font-size: 35px;}
.main_banner_txt > p {font-size: 18px;}

.profile_txt > h6{font-size: 15px; color: #333;}
.profile_txt > p{font-size: 14px;}

.section_1 { padding-top: 120px;}

}

/* ********************************************* *
* 452px
* ********************************************* */
@media screen and (max-width: 452px){

}

/* ********************************************* *
* 450px
* ********************************************* */
@media screen and (max-width: 450px){

}

/* ********************************************* *
* 435px
* ********************************************* */
@media screen and (max-width: 435px){

.main_banner_txt > h2 {font-size: 30px;}
.main_banner_txt > p {font-size: 18px;}


.fast_button_wrap > button { padding: 6px 15px;}

}


/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){


.main_banner_txt > h2 {font-size: 30px;}
.main_banner_txt > p {font-size: 18px;}


.sec_1_bot {padding-top: 20px;}
.region_box > ul li{width: calc((100% - 30px) / 5);}


.fast_fastfind{display: block;    top: -85px;}
.fast_button_wrap > button{width: 100%; margin-top:10px;}
    
.fast_find_box > div {padding: 16px;}
.fast_find_box h3 {   font-size: 18px;}
.region_box > ul li { width: calc((100% - 30px) / 4);}
.region_box > ul a {   font-size: 15px;padding: 4px;}

.field_box > ul {padding: 10px 0px 0;}


.news_box > div {padding: 16px;}
.date {font-size: 13px;  width: 67px;}
.label {margin-right: 6px;    width: 43px;}
.list_box > ul .tit {width: calc(100% - 76px); margin-right: 10px;}

.list_box > ul span {font-size: 15px;}
.txt_box > h3 {  font-size: 18px;}
}

/* ********************************************* *
* 380px
* ********************************************* */
@media screen and (max-width: 380px){


.main_banner_txt > h2 {font-size: 28px;}
.main_banner_txt > p {font-size: 17px;}

}


/* ********************************************* *
* 350px
* ********************************************* */
@media screen and (max-width: 350px){

.main_banner_txt > h2 {font-size: 25px;}
.main_banner_txt > p {font-size: 16px;}

}

/* ********************************************* *
* 330px
* ********************************************* */
@media screen and (max-width: 330px){


}


/* ********************************************* *
* 300px
* ********************************************* */
@media screen and (max-width: 300px){

.main_banner_txt > h2 {font-size: 20px;}
.main_banner_txt > p { font-size: 13px;}
.fast_find_box p {font-size: 14px;}

}