/*메인 슬라이드*/
/* .wrap{overflow: hidden;} */
.slide {position: relative;}
.slide .main_slide{height: 100vh;}

.main-logo{position: absolute; left: 60px; top: 40px; width: 85px; z-index: 2;}

.slide .main_slide .swiper-slide i{display: block; width: 100%; height: 100%; position: relative; }
.slide .main_slide .swiper-slide i img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; transition: ease-out 3.5s; scale: 1;}
.slide .main_slide .swiper-slide.swiper-slide-active i img{scale: 1.01;}

.orpum .slide .main_slide .swiper-slide i::after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);}



.slide .txtbox{position: absolute; z-index: 99; left:50%;top:48%;transform: translate(-50%,-50%); color: #fff;text-align: center; width: max-content; max-width: calc(100% - 16px);}

.slide .txtbox em{font-family: 'NanumSquareNeo'; font-size: 52px; font-weight: 400; text-shadow: 0 0 12px rgba(0,0,0,.1); display: block;}
.slide .txtbox em i{font-family: 'NanumSquareNeo'; font-weight: 800; display: block;}
.slide .txtbox > p{font-size:24px; margin-top: 20px; color: #fff; font-weight: 400; line-height: 1.5;text-shadow: 0 0 12px rgba(0,0,0,.15);}
 

.txtbox .go-section{margin-top: 70px; display: flex; align-items: center; gap: 22px; justify-content: center;}

.txtbox .go-section .dropdown-section{position: relative; padding: 0 15px; width: 317px; cursor: pointer; border-bottom: 2px solid rgba(255,255,255,.85); 
}
.txtbox .go-section .dropdown-section:hover{border-color: #fff;}

.txtbox .go-section .dropdown-section .dropdown{position: absolute; width: 100%; left: 0; top: 57px; display: none; box-shadow: 0 0 80px rgba(0,0,0,.25);}

.txtbox .go-section .dropdown-section .dropdown .search{padding: 15px; cursor: pointer; text-align: left; font-weight: 400; background-color: #4A4A4AD9; position: relative;}
.txtbox .go-section .dropdown-section .dropdown .search input{color: #fff; padding-right: 50px; background-color: transparent; font-size: 16px;}
.txtbox .go-section .dropdown-section .dropdown .search input::placeholder{color: #CCCCCC;}
.txtbox .go-section .dropdown-section .dropdown .search input:focus{outline: none;}

.txtbox .go-section .dropdown-section .search button{width: 50px; height: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; padding: 15px;}
/* .txtbox .go-section .dropdown-section .search button img{width: 16px;} */

.txtbox .go-section .dropdown-section .dropdown ul{background-color: #4A4A4AD9; overflow: auto; max-height: 230px; border-top: 1px solid #4A4A4A;}
.txtbox .go-section .dropdown-section .dropdown ul::-webkit-scrollbar{width: 3px; margin:2px; }
.txtbox .go-section .dropdown-section .dropdown ul::-webkit-scrollbar-track{background-color: #6A6A6A;}
.txtbox .go-section .dropdown-section .dropdown ul::-webkit-scrollbar-thumb{background-color: #000; border-radius: 20px;}
.txtbox .go-section .dropdown-section .dropdown ul li{padding: 15px; cursor: pointer; text-align: left; font-weight: 400; transition: all .15s;}
.txtbox .go-section .dropdown-section .dropdown ul li:hover{background-color: rgba(0,0,0,.3);}

.txtbox .go-section .dropdown-section p{color: #DEDEDE; font-size: 18px; text-align: left; line-height: 55px; background: url(../img/main/select-arrow.svg) no-repeat; background-position: right center ; font-weight: 400;}
.txtbox .go-section .dropdown-section p.on{color: #fff; font-weight: 500;}

.slide .swiper-pagination.swiper-pagination-bullets {bottom: 50px ;}
.slide .swiper-pagination-bullet {width: 10px;height: 10px; background-color: #fff; margin:0}
.slide .swiper-pagination span.swiper-pagination-bullet{margin:0; position: relative;}
.slide .swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet{margin-left: 20px;}
.slide .swiper-pagination span.swiper-pagination-bullet-active::before{content: '';display: block; width: 22px;height: 22px; background-color: #ffffff20; border-radius: 40px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}


/* 계열사 메인 */
.sub .slide .txtbox{top: 49%;}
.sub .slide .txtbox .ov-h{overflow: hidden;}
.sub .slide .txtbox em, .sub .slide .txtbox > p{text-shadow: none; display: block; text-shadow: 0 0 10px rgba(0,0,0,.1);}
.sub .slide .txtbox em{font-family: 'Pretendard'; font-size: 62px; font-weight: 700;}
.sub .slide .txtbox > p{color: rgba(255,255,255, .9); font-size: 26px; margin-bottom: 24px; margin-top: 0;}

/* 스크롤 유도 요소 */
.scroll_ani{
  position: relative;
  height: 60px;
  width: max-content;
  left: 50%;
  bottom: 90px;
  transform: translateX(-50%);
  z-index: 5;

  display: none;
}
.scroll_ani i {
  display: inline-block;
  color: #fff;
}
.scroll_ani i em{position: relative; top: 40px; font-weight: 300; font-family: 'NanumSquareNeo'; font-size: 14px;}

.scroll_ani i span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 35px;
  margin-left: -11px;
  border: 1px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.scroll_ani i span::before {
  position: absolute;
  top: 5px;
  left: 50%;
  content: '';
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}



@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.sec_pt{padding-top: 120px;}
.sec_pb{padding-bottom: 120px;}
.sec_ptb{padding-top: 120px;padding-bottom: 120px;}

section.demo *{ text-align: left;}
.title b{font-size: 24px; color: #777;font-weight: 500; display: block; overflow: hidden;}
.title b span{display: block;}
.title em{ font-size: 46px; color: #222; display: block; font-weight: 700; line-height: 1.3;}
.title em + b{margin-top: 20px;}
.title .tabs + em{margin-top: 40px;}
.title b + .top{margin-top: 20px;}
.title .top + p{margin-top: 60px;}
.title p{ font-size: 26px; color: #666; font-weight: 200;}

.tabs ul{display: flex;}

.tabs li+ li{margin-left: 12px;}
.tabs li.on a{background: var(--main-color); color: #fff;font-weight: 400;border-color:var(--main-color);}
.tabs li a{padding:12px 25px;border-radius: 30px;border:1px solid #eee;background: #f9f9f9; color: #333;}
.tabs li:hover a{background: var(--main-color); color: #fff;font-weight: 400;border-color:var(--main-color);}

.but{height: max-content;}
.but button{padding: 20px; width: 190px; border:1px solid #e6e6e6; color: #777; display: flex; justify-content: center; font-size: 18px; align-items: center; border-radius: 2px; transition: all .5s;}
.but button:hover{background-color: #f9f9f9; }


.recruitment{position: relative;}
.recruitment::after{content:'';display: block;width: 850px;height: 850px; background: url(../img/main/bg01.png) center/cover; position: absolute; right:0; top:0; z-index: -1;}

.recruitment .title .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
.recruitment .title .top > div:first-child{overflow: hidden;}
.recruitment .title .top em + p{margin-left: 90px;}

.recruitment .tabs_but{display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}


.main_point_sec .title{padding-bottom: 80px;}

.main_point_sec .panel {position: relative;}
.main_point_sec .panel .txtbox::before{content:'';display: block;width: 60%;height: 390%;background: url(../img/main/txt_bg.png) center/cover; position: absolute;left:50%;transform: translate(-50%,-50%);top:50%; opacity: 0.2; z-index: -1;}
.main_point_sec .panel .txtbox{position: absolute; left:50%;top:50%;transform: translate(-50%,-50%); z-index: 999; text-align: center; width: 100%; }
.main_point_sec .panel .txtbox b{display: block; font-size: 24px; color: var(--main-color); font-weight: bold; text-align: center;}
.main_point_sec .panel .txtbox em{display: block; font-size: 50px; color: #fff; font-weight: 300; line-height: 1.2; text-align: center; margin-top: 20px;font-family: 'GmarketSans';}



.culture{background: #fff; z-index: 99;  position: relative; overflow: hidden;width: 100vw;}

.culture::after{content:'';display: block;width:1600px;height:2100px; background: url(../img/main/bg03.png) center/cover; position: absolute; left:0; top:47%;transform: translateY(-50%); z-index: -1;}
.culture .but{margin-top: 50px; margin-bottom: 80px;;}
.culture .title p{font-size: 30px; font-weight: 500;}

.culture ul{display: flex; flex-wrap: wrap;    width: 100%;}
.culture li.title_con em{width: 70vw;}
.culture li.con{margin-top: 200px;}
.culture li.con01{margin-top: 300px;}
.culture li.con02{margin-top: -100px;}
.culture li.con03{margin-top: 200px;}
.culture li.con01 > div{margin-left: auto;}
.culture li.con02 > div{margin-left: auto;}
.culture li.con03 > div{margin:0 auto;}
.culture li.con > div{ background: url(../img/main/culture01.png) center/cover; width: 70%; padding-bottom: 70%; position: relative; border-radius: 40px;}
.culture li{width: 50%;}
.culture li.con > div .txtbox{position: absolute;left:50px;bottom:50px; color: #fff; font-weight: 500; width: 100%;}
.culture li.con > div .txtbox p{opacity: 0.8;}
.culture li.con > div .txtbox em{font-weight: bolder; font-size: 50px;}
.culture li.con > div .txtbox span{font-size: 120px; font-weight: bolder; position: absolute;    right: 60px; bottom: -100px; opacity: 0.2;}



.inquiry{background: #fff; z-index: 99;  position: relative;}
.inquiry_list{font-size: 32px;font-weight: 400; margin: 80px 0;}
.inquiry_list span{font-weight: inherit;}
.inquiry_list div{font-weight: inherit;}
.inquiry_list li+li{margin-top:40px;}
.inquiry_list .question{ color: #BBBBBB; font-weight: 600; cursor: pointer;}
.inquiry_list .question + .answer{margin-top: 20px;}
.inquiry_list .answer{display: none; color: #666;padding:30px 50px; background: #f9f9f9; border-radius: 20px;font-size: 28px;}
.inquiry_list li.on .question{ color: #222222; }
.inquiry_list li.on .answer {display: block;}

.inquiry .but{text-align: center;}
.inquiry .but button{margin:0 auto; font-size: 20px; width: 230px; padding:20px;}

.partner {border-top:1px solid #eee; padding:40px 0; position: relative; background-color: #fff;}
.partner img{width: 90%; margin:0 auto;}
.partner .swiper{overflow: initial;}

.cus-tab {padding-top: 50px;}



/* 2025-03-26 수정 */
.sub .slide{margin-top: 89px;}
/* .sub .slide .main_slide{height: 60vh;} */
.sub .slide .main_slide{height: 550px;}
.sub .slide .txtbox em{font-size: 56px;}


/* 주원산오리 */
.joowon br.none-br{display: none;}


/* ********************************************* *
* 1640px
* ********************************************* */
@media screen and (max-width: 1640px){
  .title em {font-size: 42px !important;}
  .title p {font-size: 22px !important;}
  .title b{font-size: 22px;}
}



/* ********************************************* *
* 1500px
* ********************************************* */
@media screen and (max-width: 1500px){
    
  .recruitment .title .top em + p {margin-left: 0px !important;}
  /* .recruitment .title .top {gap: 80px;} */

  /* .culture li.con > div {width: 63%; padding-bottom: 64%;} */

  .slide .txtbox em{font-size: 45px;}
  .slide .txtbox > p{font-size:20px; margin-top: 16px;} 
  .txtbox .go-section{margin-top: 50px;gap: 16px;}
  .txtbox .go-section .dropdown-section{width: 280px; padding: 0 10px;}
  .txtbox .go-section .dropdown-section p{font-size: 16px; line-height: 50px;}
  .txtbox .go-section .dropdown-section .dropdown{top: 52px;}
  .txtbox .go-section .dropdown-section .dropdown .search, .txtbox .go-section .dropdown-section .dropdown ul li{padding: 15px 10px; font-size: 16px;}

  .sub .slide .txtbox em{font-size: 52px;}
  .sub .slide .txtbox > p{font-size: 24px; margin-bottom: 20px;}

}  

/* ********************************************* *
* 1350px
* ********************************************* */
@media screen and (max-width: 1350px){
    
  /* .title em {font-size: 55px !important;} */
  .title p {font-size: 24px !important;}
  .recruitment .title .top em + p {margin-left: 0px !important; margin-top: 30px;}
  /* .recruitment .title .top {gap: 80px;} */




  .culture li.con01 > div {margin-left: 127px;}
}  

/* ********************************************* *
* 1240px
* ********************************************* */
@media screen and (max-width: 1240px){
    
  .title em {font-size: 40px !important;}
  .title p {font-size: 19px !important;}
  .title b{font-size: 20px;}
  .title em + b{margin-top: 16px;}

  .but button{font-size: 17px; width: 180px; padding: 18px;}
  /* .apply_list {display: flex; flex-wrap: wrap; row-gap: 30px; padding: 0 20px;}
  .col-md-3 {width: calc((100% - 60px) / 3) !important; padding: 0 !important;}
  .apply_list.row li {margin-right: 30px;}
  .apply_list.row li:nth-child(3n) {margin-right: 0px;} */

  /* .culture li.con01 {margin-top: 320px;} */
  .culture li.con > div .txtbox span {font-size: 91px; bottom: -82px;}
  .culture li.title_con em {width: 73vw;}

  .culture ul {flex-direction: column;}
  .culture li {width: 100%;}
  .culture li.con > div {width: 45%; padding-bottom: 45%;}
  .culture li.con02 > div {margin-left: 50px;}
  .culture li.con01 {margin-top: -19px;}
  .culture li.con01 > div {margin-left: auto;}
  .culture li.con02 {margin-top: -100px;}
  .culture li.con03 {margin-top: -100px;}
  .culture li.con03 > div {margin: 0 0 0 auto;}

  .slide .right_but li.last_li {padding: 0 !important;}

  .main-logo{width: 70px; top: 26px; left: 32px;}
  .slide .txtbox{top: 50%;}
  .slide .txtbox em{font-size: 40px;}

  .sub .slide .txtbox em{font-size: 46px;}
  .sub .slide .txtbox > p{font-size: 22px; margin-bottom: 18px;}

}  

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
  /* .apply_list li em {font-size: 20px;}
  .recruitment .title .top {flex-direction: column; gap: 0;}
  .apply_list li .top b {padding: 4px 14px; font-size: 15px;}
  .apply_list li .bot p.bay {font-size: 15px;} */
  /* .recruitment .but button {width: 215px; font-size: 18px; padding: 17px 0;} */

  /* 2025-03-26 수정 */
  /* .sub .slide .main_slide{height: 50vh;} */
  .sub .slide .main_slide{height: 420px;}

  .main_point_sec .panel .txtbox em {font-size: 40px; line-height: 1.4;}

  .culture li.con01 {margin-top: 80px;}
  .culture li.con > div .txtbox {left: 40px; bottom: 45px;}
  .culture li.con > div .txtbox em {font-size: 46px;}
  .culture li.con01 > div {margin-left: 53%;}
  .culture li.con02 > div {margin-left: 10px;}
  .culture li.con03 > div {margin-left: 53%;}
  
  .inquiry_list {font-size: 28px;}
  .inquiry_list .answer {font-size: 25px;}

  .main-logo{top: 16px; left: 20px;}
  .slide .txtbox{top: 50%;}
  .slide .txtbox em{font-size: 36px;}
  .slide .txtbox > p{font-size: 18px;}
  .txtbox .go-section{gap: 5px; margin-top: 40px;}

  .sub .slide .txtbox em{font-size: 42px;}
  .sub .slide .txtbox > p{font-size: 20px; margin-bottom: 16px;}


}  

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
  
  /* 2025-03-26 수정 */
  .sub .slide{margin-top: 80px;}
 
 
  .col-md-3 {width: calc((100% - 20px) / 2) !important; margin-right: 20px !important;}
  .apply_list.row li:nth-child(3n) {margin-right: 20px !important;}
  .apply_list.row li:nth-child(2n) {margin-right: 0px !important;}
  .title em {font-size: 36px !important;}
  .title p {font-size: 17px !important;}
  .title b{font-size: 19px;}


  .but button{font-size: 16px; width: 150px; padding: 16px;}

  /* .recruitment .but button {width: 180px; font-size: 17px;} */

  .culture .but {margin-top: 35px; margin-bottom: 60px;}
  .culture li.con > div .txtbox span {right: 40px;}

  .slide .right_but li {padding: 0 35px !important;}
  .slide .right_but li span {font-size: 40px !important; margin-right: 8px;}
  .slide .right_but li em+p {margin-left: 25px; font-size: 22px;}

  .slide .right_but {top: 90px;}

  .sec_pt{padding-top: 100px;}
  .sec_pb{padding-bottom: 100px;}
  .sec_ptb{padding-top: 100px; padding-bottom: 100px;}
}

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

  .recruitment .title .top{margin-bottom: 70px;}
  .title em {font-size: 32px !important;}
  .title p {font-size: 16px !important;}
  .title b{font-size: 18px;}


  .but button{font-size: 15px; width: 140px; padding: 15px;}


  .culture li.con > div .txtbox {left: 30px; bottom: 34px;}
  .culture li.con > div .txtbox em {font-size: 40px;}


  .slide .txtbox em{font-size: 32px;}
  .slide .txtbox > p{font-size: 17px;}
  .txtbox .go-section{margin-top: 30px;}
  .txtbox .go-section .dropdown-section{width: 240px;}

  .sub .slide .txtbox em{font-size: 34px;}
  .sub .slide .txtbox > p{font-size: 18px; margin-bottom: 14px;}

}

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


  .title em {font-size: 26px !important;}
  .title p {font-size: 15px !important;}
  .title b{font-size: 16px;}
  .title em + b{margin-top: 12px;}

  .main_point_sec .panel .txtbox em {font-size: 34px; padding: 0 20px;}

  .culture li.con > div {width: 100%; border-radius: 20px;}
  .culture li.con01 > div, .culture li.con02 > div, .culture li.con03 > div {margin-left: 0;}
  .culture li.con03 {margin-top: 0;}
  .culture li.con02 {margin: 20px 0;}
  .culture .but {margin-bottom: 40px;}

  .inquiry .but button {width: 220px; padding: 16px;}

  /* .slide .swiper-pagination.swiper-pagination-bullets {bottom: 50%; display: flex; padding-left: 20px;} */
  .scroll_ani {display: none;}
  /* .slide .right_but {height: auto; left: 0px; top: auto; bottom: 0; width: 100%;}
  .slide .right_but ul {width: 100%; display: flex; flex-wrap: wrap; border-left: none;}
  .slide .right_but li {padding: 25px 0 !important; width: calc(100% / 3); justify-content: center;}
  .slide .right_but li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.3);}
  .slide .right_but li:nth-child(2) {border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3);}
  .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(5),
  .slide .right_but li:nth-child(6),
  .slide .right_but li:nth-child(7) {width: 25%; border-right: 1px solid rgba(255,255,255,0.3);}
  .slide .right_but li.last_li {height: auto; width: 50%;}
  .slide .right_but li span {font-size: 28px !important; margin-right: 4px;}
  .slide .right_but li em+p {margin-left: 10px; font-size: 18px;}
  .slide .txtbox {top: 29%;}
  .slide .right_but li em {font-size: 20px;}
  .scroll_ani {font-size: 13px;}

  .slide .txtbox em {font-size: 43px !important; line-height: 1.3;}
  .slide .txtbox p {font-size: 18px; margin-top: 15px;} */


  .culture li.con > div .txtbox em {font-size: 38px;}

  .slide .right_but li > div {flex-direction: column-reverse;}

}



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

  /* 2025-03-26 수정 */
  /* .sub .slide .main_slide{height: 40vh;} */
  .sub .slide .main_slide{height: 340px;}


  /* .title em {font-size: 38px !important;} */
  /* .br-none em br {display: none;} */
  .recruitment .title{text-align: center;}
  .recruitment .title .top{margin-bottom: 60px; flex-direction: column; gap: 20px;}
  .but button{width: 150px;}


  .recruitment .tabs_but {flex-direction: column-reverse; gap: 50px; align-items: flex-start;}

  .col-md-3 {width: 100% !important; margin: 0 !important;}
  .apply_list.row li:nth-child(3n) {margin-right: 0 !important;}
  .apply_list {row-gap: 20px;}
  /* .bot {display: flex; align-items: center; justify-content: space-between;} */

  .culture li.con > div .txtbox span {bottom: -65px;}
  .culture li.con > div .txtbox {left: 30px; bottom: 30px;}
  .culture li.con > div .txtbox em {font-size: 38px;}

  .inquiry_list .answer {font-size: 23px;}
  .partner {padding: 30px 0;}


  /* .slide .right_but {top: 75%;} */
  /* .slide .right_but li span {font-size: 32px !important; margin-right: 5px;} */
  /* .slide .right_but ul {font-size: 20px;}
  .slide .right_but li.last_li button {font-size: 20px;} */


  /*--스크롤매직 없앰--*/

  .main_point_sec .demo01 .scrollmagic-pin-spacer {display: none !important;}
  .main_point_sec #slideContainer {display: flex; flex-direction: column;}



  /* .slide .txtbox em{font-size: 28px;} */
  .slide .txtbox > p{font-size: 16px;}
  .txtbox .go-section{gap: 0;}
  .txtbox .go-section .button img{width: 44px;}
  /* .txtbox .go-section .dropdown-section{width: 250px;} */
  .txtbox .go-section .dropdown-section p{line-height: 45px; font-size: 15px;}
  .txtbox .go-section .dropdown-section .dropdown .search, .txtbox .go-section .dropdown-section .dropdown ul li{padding: 14px 10px; font-size: 15px;}
  .txtbox .go-section .dropdown-section .dropdown{top: 47px;}
  .txtbox .go-section .dropdown-section .dropdown .search input{font-size: 15px; width: 100%;}

  .sub .slide .txtbox em{font-size: 24px;}
  .sub .slide .txtbox > p{font-size: 15px; margin-bottom: 12px;}

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width:640px){
  /* 2025-03-26 수정 */
  .sub .slide{margin-top: 70px;}
}


@media screen and (max-width:550px){
  .recruitment .title .top{margin-bottom: 50px;}
  .title em {font-size: 22px !important;}
  .recruitment .title .top em + p {margin-top: 20px;}
  .title b{font-size: 16px;}
  .title em + b{margin-top: 10px;}


  .recruitment .tabs_but {margin-top: 30px;}
  /* .recruitment .but button {padding: 15px 0; width: 176px; font-size: 16px;} */
  .recruitment .tabs_but + .apply_list {margin-top: 30px;}

  .apply_list li em {font-size: 18px;}
  .bot {flex-direction: column; align-items: flex-start;}

  .tabs li a {padding: 9px 22px;}

  .culture li.con > div {padding-bottom: 52%;}
  .culture li.con > div .txtbox {left: 25px; bottom: 22px;}
  .culture li.con > div .txtbox span {bottom: -59px; font-size: 86px;}
  .culture li.con > div .txtbox em {font-size: 34px;}
  .culture li.con > div .txtbox p {font-size: 15px;}

  .inquiry_list {font-size: 26px; margin: 60px 0;}
  .inquiry_list .answer {padding: 30px;}

  .inquiry .but button {width: 180px; padding: 14px; font-size: 16px;}

  /* .slide .txtbox em {font-size: 38px !important;} */
  /* .slide .txtbox p {font-size: 18px;} */
  /* .slide .swiper-pagination.swiper-pagination-bullets {bottom: 54%;}
  .slide .right_but li span {font-size: 26px !important;}
  .slide .right_but ul {font-size: 18px;}
  .slide .right_but li.last_li button {font-size: 18px;}
  .slide .right_but li em {font-size: 18px;} */

  /* .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(5),
  .slide .right_but li:nth-child(6) {width: calc(100% / 3); border-right: 1px solid rgba(255,255,255,0.3);}

  .slide .right_but li:nth-child(4) {border-right: none;}
  .slide .right_but li:nth-child(5) {border-left: 1px solid rgba(255, 255, 255, 0.3);}
  .slide .right_but li:nth-child(7) {width: 100%;} */

  .main-logo{width: 50px;}
  .slide .txtbox em{font-size: 24px;}
  
  .slide .txtbox > p{font-size: 15px; margin-top: 10px;}
  .txtbox .go-section .button img{width: 40px;}


  .sub .slide .txtbox em{font-size: 24px;}
  .sub .slide .txtbox > p{font-size: 14px; margin-bottom: 10px;}


}

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

  /* 2025-03-26 수정 */
  .sub .slide{margin-top: 60px;}
  /* .sub .slide .main_slide{height: 35vh;} */
  .sub .slide .main_slide{height: 290px;}



  .tabs {width: 100%; overflow-x: scroll;}
  .tabs ul {height: 42px; overflow-x: scroll; align-items: center;}
  .recruitment .tabs_but {gap: 35px;}

  .main_point_sec .panel .txtbox em {font-size: 24px; margin-top: 12px;}
  .main_point_sec .panel .txtbox b {font-size: 18px;}
  /* .title em br {display: none;} */

  .but button{font-size: 14px; padding: 14px;}

  .inquiry_list {font-size: 20px !important;}
  .inquiry_list .answer {font-size: 17px ;}

  .slide .right_but li {width: calc(100% / 2); padding: 15px 0 !important;}
  .slide .right_but li:nth-child(3) {border-right: 1px solid rgba(255,255,255,0.3);}
  .slide .right_but li:nth-child(2) {border-left:none;}
  .slide .right_but li:first-child {border-right: 1px solid rgba(255,255,255,0.3);}
  /* .slide .right_but li:nth-child(4) {border-bottom: 1px solid rgba(255,255,255,0.3);} */
  .slide .right_but li.last_li {width: 100%; height: 95px;}
  /* .slide .right_but {top: 68%;} */



  .culture li.con > div .txtbox em {font-size: 28px !important;}
  .culture li.con > div .txtbox span {bottom: -47px; font-size: 70px;}

  /* .title p {font-size: 18px !important;} */
  .title em {font-size: 20px !important;}
  .title b{font-size: 15px;}
  .title em + b{margin-top: 10px;}

  .sec_ptb {padding-top: 80px; padding-bottom: 80px;}
  .sec_pb {padding-bottom: 80px;}
  .main_point_sec .blue::after {content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}
  .main_point_sec .panel .txtbox em br {display: none;}

  /* .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(5),
  .slide .right_but li:nth-child(6) {width: 50%;}

  .slide .right_but li:nth-child(5) {border-left: none;}
  .slide .right_but li:nth-child(2),
  .slide .right_but li:nth-child(4),
  .slide .right_but li:nth-child(6),
  .slide .right_but li:nth-child(7){border-right: none;}

  .slide .right_but li > div {flex-direction: column-reverse; gap: 2px;}
  .slide .right_but li:nth-child(7) {width: 100%;}
  
  .slide .txtbox em {font-size: 32px !important;} */
  
  
  .slide .txtbox em i{margin-top: 4px;}
  .slide .txtbox em{font-size: 22px; line-height: 1.5;}
  .slide .txtbox > p{font-size: 14px;}
  .slide .swiper-pagination.swiper-pagination-bullets{bottom: 20px;}

  .sub .slide .txtbox em{font-size: 22px;}
  .sub .slide .txtbox > p{font-size: 13px; margin-bottom: 12px;}

  .apply_list li .bot p span + span{margin-left: 4px; padding-left: 4px;}



}


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


}



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

  .sec_ptb{padding-top: 60px; padding-bottom: 60px;}
  .recruitment .title .top{margin-bottom: 40px; gap: 16px; }

  .culture li.con > div {padding-bottom: 60%;}
  .culture li.con > div .txtbox {left: 20px; bottom: 18px;}
  .culture li.con > div .txtbox span {font-size: 70px; bottom: -53px; right: 20px;}
  .culture li.con > div .txtbox em {font-size: 32px;}

  .inquiry_list {font-size: 22px;}

  .inquiry .but button {width: 180px;}
  .partner {padding: 25px 0;}

  /* .title em {font-size: 28px !important; margin-top: 14px;}
  .title b {font-size: 20px;} */
  .title .top + p {margin-top: 30px;}
  .title p {font-size: 16px !important;}

  /* .slide .swiper-pagination.swiper-pagination-bullets {bottom: 53%;}
  .slide .txtbox em {font-size: 30px !important;}

  .slide .right_but li em+p {font-size: 16px; margin-left: 8px;}
  .slide .right_but li em {font-size: 17px;}
  .slide .right_but li span {font-size: 20px !important;} */

  .slide .txtbox{padding: 0 16px; width: 100vw;}
  /* .slide .txtbox em{font-size: 18px;} */
  .slide .txtbox > p{font-size: 15px;}
  .slide .txtbox > p br{display: none;}
  .txtbox .go-section{position: relative; left: 5px;}
  /* .txtbox .go-section .dropdown-section{width: 200px;} */
  .txtbox .go-section .dropdown-section p{ font-size: 15px;}
  .txtbox .go-section .dropdown-section .dropdown .search, .txtbox .go-section .dropdown-section .dropdown ul li{padding: 15px 10px; font-size: 15px;}
  .txtbox .go-section .dropdown-section .dropdown .search input{font-size: 15px; width: 100%;}

  /* .sub .slide .txtbox em{font-size: 20px;} */


}


@media screen and (max-width:350px){
  /* 주원산오리 */
  .joowon br.none-br{display: block;}
}


@media screen and (max-width:310px){
  .culture li.con > div .txtbox {left: 17px;}
  .culture li.con > div .txtbox p {font-size: 14px;}
  .culture li.con > div .txtbox em {font-size: 28px;}
  .culture li.con > div .txtbox span {font-size: 56px; bottom: -43px;}
  .culture li.con > div {padding-bottom: 65%;}
}