@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.wd110{width: 110px!important;}
.wd150{width: 150px!important;}
.wd200{width: 200px!important;}
select + select{margin-left: 10px;}
textarea,textarea:focus{outline: none;border: none;}
body {overflow-x: hidden;}
header{position: relative; z-index: 999;}
header .overlay{position: fixed; width: 100%; height: 0; background-color: rgba(0,0,0,0.4); transition: all .3s ease-in; transition-delay: .5s;}
.header-top,.header-bottom,.menu{position: relative; z-index: 22;background-color: #fff;}
.header-top, .header-bottom {box-shadow: 2px 2px 3px rgba(0,0,0,0.1);}
.header-top,.header-bottom{border-bottom: 1px solid #e3e3e3;}
.header-top .header-wrap{max-width: 1200px;margin: 0 auto;display: flex;flex-direction: row;align-items: center;height: 95px;justify-content: space-between;}
.header-top .header-wrap .search-header{width: 34.603%;max-width: 500px; height: 50px;position: absolute;left: 50%; transform: translateX(-50%);}
.header-top .header-wrap .search-header input{display: block;border: 2px solid #5950FF;border-radius: 10px;padding: 0px 14px;width: 100%;height: 50px;}
.header-top .header-wrap .search-header button{width: 23px;height: 23px;position: absolute;top: 14px;right: 14px;background: url('/assets/images/main/ico-search-top.png') center/22px no-repeat;}
.header-top .header-wrap .gnb{margin-left: auto;}
.header-top .header-wrap .gnb ul{display: flex; flex-direction: row; align-items: center;justify-content: center;}
.mo_m{display: none;}
.header-top .header-wrap .gnb ul li a{font-size: 14px; color: #444; display: block; padding-left: 28px; line-height: 20px;}
.header-top .header-wrap .gnb ul li.join,
.header-top .header-wrap .gnb ul li.mypage{padding-left: 30px; position: relative;}
.header-top .header-wrap .gnb ul li.join::before{content: " "; width: 1px; height: 15px; position: absolute; display: block; background-color: #989898; top: 1px; left: 14.5px;}
.header-top .header-wrap .gnb ul li.mypage::before{content: " "; width: 1px; height: 15px; position: absolute; display: block; background-color: #989898; top: 1px; left: 14.5px;}
.header-top .header-wrap .gnb ul li.login a{background: url(/assets/images/common/ico-login.svg) left/auto no-repeat;}
.header-top .header-wrap .gnb ul li.join a{background: url(/assets/images/common/ico-join.svg) left/auto no-repeat;}
.header-top .header-wrap .gnb ul li.mypage a{background: url(/assets/images/common/ico-mypage.svg) left/auto no-repeat;}
.header-top .header-wrap .gnb ul li.alarm a{margin-left: 20px;width: 20px;height: 20px; display: block; background: url(/assets/images/common/ico-bell.svg) center/20px no-repeat;}
.header-top .header-wrap .gnb ul li.alarm.on a{margin-left: 20px;width: 20px;height: 20px; display: block; background: url(/assets/images/common/ico-bell-on.svg) center/20px no-repeat;}

.header-bottom .header-wrap{max-width: 1200px;margin: 0 auto;display: flex;flex-direction: row; justify-content: space-between; align-items: center;height: 60px;}
.header-bottom .header-wrap .header-bottom-left ul{ display: flex; flex-direction: row; gap: 40px; align-items: center; justify-content: center;}
.header-bottom .header-wrap .header-bottom-left ul li.menu-btn a{width: 24px; height: 24px; display: block; background: url(/assets/images/common/hamburger.png) center/24px no-repeat;}
.header-bottom .header-wrap .header-bottom-left ul li a{font-size: 18px; font-weight: 600; color: #222;}
.header-bottom .header-wrap .header-bottom-left ul li.on a{color: #5950FF;}
.header-bottom .header-wrap .header-bottom-right a{display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; font-size: 16px; font-weight: 600; color: #714285;}

.menu{width: 100%; height: 0;  background-color: #fff; transition: all .3s ease-in; transition-delay: .5s; overflow: hidden; position: absolute;}
.menu > ul{max-width: 1200px;height: 100%; margin: 0 auto; display: flex;flex-direction: row;}
.menu > ul > li{width: 250px; padding: 30px 0px 0px 50px; border-left: 1px solid #e3e3e3;position: relative;}
.menu > ul > li:nth-child(n+4){width: 225px; background-color: #F5F6FA;border-left: none;}
.menu > ul > li > a{font-size: 16px; color: #222;font-weight: 600; margin-bottom: 13px;display: block;}
.menu > ul > li .sub-menu li{width: 100%; height: 29px; line-height: 29px;}
.menu > ul > li .sub-menu li a {display: block; font-size: 16px; font-weight: 500; color: #666666;}

.menu > ul > li.privacy > a{padding-left: 22px; background: url(/assets/images/common/ico-privacy.svg) center left/20px no-repeat;}
.menu > ul > li.company > a{padding-left: 22px; background: url(/assets/images/common/ico-company.svg) center left/20px no-repeat;}
.menu > ul > li.company::before {content: " "; position: absolute;display: block; width: 1px; height: 170px; background-color: #E3E3E3; left: 0; top: 30px;}

header.on .overlay{height: 100vh;}
header.on .menu{height: 233px;}


.main-container {display: block;background-color: #F5F6FA;padding: 40px 0px 0;}


footer {  position:relative;}
.sticky {  position:absolute;  bottom:calc( 100% + 120px );  right: 140px;  width:100%;z-index:  99;}
body.subPage .sticky{bottom: calc(100% - 120px);}

.fixed {    position:fixed;    bottom:60px;    right: 140px;  }
body.subPage .sticky.fixed{bottom: 60px;}
.go-top {  float:right;  width: 64px;  height:64px;  background:transparent;  color:white;  line-height:100px;  text-align:center;  text-decoration:none;  pointer-events:auto;  z-index:1;}


.main-container .main-container-wrap {max-width: 1200px;margin: 0 auto 40px;display: flex;width: 100%;gap: 50px;}
.main-container .main-container-wrap .main-container-left{max-width: 880px; height: 250px;  border-radius: 20px; position: relative; width: 100%;}
.main-container .main-container-wrap .main-container-left .swiper-container{overflow: hidden;}
.main-container .main-container-wrap .main-container-left .slider-box{width: 100%; height: 250px; border-radius: 20px; background: #5950FF; position: relative;}
.main-container .main-container-wrap .main-container-left .swiper-slide{width: 100%!important;height: auto;}

.main-container .main-container-wrap .main-container-left .slider-box .slider-box-img{position: absolute; right: 26px; bottom: 0px;}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption{position: absolute; top: 50%; left: 80px; transform: translateY(-50%);}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption h1{font-size: 30px;color: #fff; font-weight: 600;}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption p{display: block;margin: 10px auto 20px; font-size: 16px; font-weight: 500; color: #fff;}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a{display: flex;width: 200px; height: 50px; border-radius: 50px; border: 1px solid #fff; align-items: center; justify-content: center;}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a span{display: inline-block; line-height: 24px; font-size: 14px; font-weight: 600; color: #fff; padding-right: 34px; background: url('/assets/images/main/arrow-narrow-right.png') right center/24px no-repeat;}
.main-container .main-container-wrap .main-container-left .swiper-progress,
.main-container .main-container-wrap .main-container-left .swiper-pagination{
  display: none;
}


.main-container .main-container-wrap .swier-button-prev{position: absolute; display: block; width: 46px; height: 46px; background: url(/assets/images/main/ico-color-left.png) center/46px no-repeat;top: calc( 50% - 23px ); left: -23px; z-index: 9; cursor: pointer;}
.main-container .main-container-wrap .swier-button-next{position: absolute; display: block; width: 46px; height: 46px; background: url(/assets/images/main/ico-color-right.png) center/46px no-repeat; top: calc( 50% - 23px ); right: -23px;z-index: 9; cursor: pointer;}
.main-container .main-container-wrap .swier-button-prev.swiper-button-disabled,
.main-container .main-container-wrap .swier-button-next.swiper-button-disabled{opacity: 0;}

.subnavDiv-wrap .swier-btn-prev{position: absolute; display: block; width: 46px; height: 46px; background: url(/assets/images/main/ico-gray-left.png) center/46px no-repeat;top: calc( 50% - 40px ); left: -55px; z-index: 9; cursor: pointer;}
.subnavDiv-wrap .swier-btn-next{position: absolute; display: block; width: 46px; height: 46px; background: url(/assets/images/main/ico-gray-right.png) center/46px no-repeat; top: calc( 50% - 40px ); right: -55px;z-index: 9; cursor: pointer;}
.subnavDiv-wrap .swier-btn-prev.swiper-button-disabled,
.subnavDiv-wrap .swier-btn-next.swiper-button-disabled{opacity: 0;}


.main-container .main-container-wrap .main-container-right{width: 310px;}
.main-container .main-container-wrap .main-container-right .subnav{display: flex;flex-direction: row;}
.main-container .main-container-wrap .main-container-right .subnavBtn{cursor: pointer; background-color: #EBEDF5; display: flex; align-items: center; justify-content: center;}
.main-container .main-container-wrap .main-container-right .subnavBtn.active-btn{background-color: #5950FF;}
.main-container .main-container-wrap .main-container-right .subnavBtn span{display: inline-block; padding-left:23px; font-size: 14px; color: #444; line-height: 20px; padding-left: 23px;}
.main-container .main-container-wrap .main-container-right .subnavBtn span.privacy{background: url(/assets/images/main/ico-privacy-gray.svg) left center/auto no-repeat;}
.main-container .main-container-wrap .main-container-right .subnavBtn.active-btn span.privacy{background: url(/assets/images/main/ico-privacy-white.svg) left center/auto no-repeat; color: #fff;}
.main-container .main-container-wrap .main-container-right .subnavBtn span.company{background: url(/assets/images/main/ico-building-gray.svg) left center/auto no-repeat;}
.main-container .main-container-wrap .main-container-right .subnavBtn.active-btn span.company{background: url(/assets/images/main/ico-building-white.svg) left center/auto no-repeat; color: #fff;}
.main-container .main-container-wrap .main-container-right .subnavBtn:nth-child(1){width: 50%; height: 45px; border-radius: 15px 0px 0px 0px;}
.main-container .main-container-wrap .main-container-right .subnavBtn:nth-child(2){width: 50%; height: 45px; border-radius: 0px 15px 0px 0px;}
.main-container .main-container-wrap .main-container-right .subnavDiv { display: none; background-color: #fff; height: calc(100% - 45px);}
.main-container .main-container-wrap .main-container-right .subnavDiv.active {display: block;}
.main-container .main-container-wrap .main-container-right .subnavDiv ul{display: flex; flex-wrap: wrap; padding: 20px; gap: 10px;}
.main-container .main-container-wrap .main-container-right .subnavDiv ul li{width: calc(50% - 5px);flex-wrap: wrap;}
.main-container .main-container-wrap .main-container-right .subnavDiv ul li a{display: flex;flex-direction: column;gap: 8px;align-items: center;justify-content: center; padding: 8px 0px;}
.main-container .main-container-wrap .main-container-right .subnavDiv ul li a img{ display: block; width: 40px;}
.main-container .main-container-wrap .main-container-right .subnavDiv ul li a span{text-align: center; font-size: 13px; color: #222; font-weight: 600;}


.main-container-middle{margin: 0 auto;padding: 40px 0px 60px;display: flex;gap: 60px;flex-direction: row;width: 100%;background-color: #fff; position: relative;}
.main-container-middle::after{content: " ";width: 100%;height: 290px;position: absolute;display: block;left: 0;bottom: 0;background-color: #AFABFF;
}
.main-container-middle .main-middle-tab{padding-left: 40px; display: flex; flex-direction: row; gap: 60px; max-width: 1200px; margin: 0 auto; width: 100%;}
.main-container-middle .main-middle-tab .subnav{display: flex;flex-direction: column;gap: 10px;}
.main-container-middle .main-middle-tab .subnav button{cursor: pointer;display: flex;align-items: center;justify-content: center;width: 200px;height: 50px;border-radius: 50px;background-color: #fff;transition: all .5s ease;box-shadow: 4px 4px 4px rgba(0,0,0,0.1);}
.main-container-middle .main-middle-tab .subnav button.active-btn{background-color: #5950FF;}
.main-container-middle .main-middle-tab .subnav button span{position: relative;padding: 0 40px 0 29px;font-size: 16px;font-weight: bold;color: #222;line-height: 24px;}
.main-container-middle .main-middle-tab .subnav button span::before{content: " ";display: block;width: 24px;height: 24px;position: absolute;left: 0;top: 0;background: url(/assets/images/main/ico-siren.png) center/24px no-repeat;}
.main-container-middle .main-middle-tab .subnav button:nth-child(2) span::before{background: url(/assets/images/main/ico-good.png) center/24px no-repeat;}
.main-container-middle .main-middle-tab .subnav button:nth-child(3) span::before{background: url(/assets/images/main/ico-new.png) center/24px no-repeat;}
.main-container-middle .main-middle-tab .subnav button.active-btn span{color: #fff;}
.main-container-middle .main-middle-tab .subnav button.active-btn span::after {content: " ";display: block;width: 24px;height: 24px;position: absolute;right: 0;top: 0;background: url(/assets/images/main/arrow-narrow-right.png) center/25px no-repeat;}

.main-container-middle .main-middle-tab .subnavDiv2{display: none; width: 100%; height: 609px; padding-bottom: 34px; position: relative;}
.main-container-middle .main-middle-tab .subnavDiv2 .go-more{position: absolute; z-index: 9; left: calc( 50% - 125px ); display: flex; align-items: center; justify-content: center; bottom: 0;}
.main-container-middle .main-middle-tab .subnavDiv2 .go-more a { width: 250px; height: 50px; border: 1px solid #fff; border-radius: 50px; text-align: center; align-items: center; line-height: 50px; font-size: 16px; font-weight: 600; color: #fff;}
.main-container-middle .main-middle-tab .subnavDiv2 .go-more a span{padding-right: 30px; background: url(/assets/images/main/plus.png) right center/20px no-repeat;}
.main-container-middle .main-middle-tab .subnavDiv-wrap{width: calc( 100% - 300px );}
.swiper-container2{width: 100%;height: 100%;position: relative;padding-bottom: 34px;height: 529px;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide{position: relative; cursor: pointer;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:hover{z-index: 999;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide > div{width: 100%;height: 100%;transition: all .3s;background: #fff;border-radius: 15px;overflow: hidden;border: 1px solid #DCDCDC;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:hover > div {border-color: #5950FF;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:nth-child(2n + 1) > div{top: 0; position: absolute;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:nth-child(2n) > div{bottom: 0; position: absolute;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:nth-child(2n + 1):hover > div{height: 495px; position: absolute; top: 0; z-index: 33;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:nth-child(2n):hover > div{height: 495px; position: absolute; bottom: 0; z-index: 33;}
.main-container-middle .main-middle-tab .subnavDiv2.active{display: block;}
.swiper2 {width: 100%;height: 100%;margin-left: auto;margin-right: auto; overflow: hidden;}
.swiper2 .swiper-slide {text-align: center;font-size: 18px;background: transparent;height: calc((100% - 15px) / 2) !important;display: flex;justify-content: center;align-items: center;}
.swiper2 .swiper-slide .top-box-img{width: 100%; height: 100px; display: block; transition: all .3s; object-fit: cover;position: relative;overflow: hidden;}
.swiper2 .swiper-slide .top-box-img > img{display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper2 .swiper-slide .top-box-img .top-box-logo{position: absolute; right: 10px; bottom: -25px; display: block; width: 50px; height: 50px;}
.swiper2 .swiper-slide:hover .top-box-img {height: 200px;}
.swiper2 .swiper-slide .top-box-info{padding: 15px 17.5px 15px; text-align: left; line-height: 1;}
.swiper2 .swiper-slide .top-box-info span {font-size: 12px; font-weight: 600; color: #222;}
.swiper2 .swiper-slide .top-box-info p {margin: 5px 0px 10px; font-size: 14px; color: #555; font-weight: 500;line-height: 1.3;}
.swiper2 .swiper-slide .top-box-info ul{display: flex; flex-direction: row;}
.swiper2 .swiper-slide .top-box-info ul li{color: #8a8a8a; font-size: 12px;position: relative;}
.swiper2 .swiper-slide .top-box-info ul li:nth-child(n+2){padding-left: 16px;}
.swiper2 .swiper-slide .top-box-info ul li:nth-child(n+2)::before{content: " "; width: 1px; height: 9px; left: 7.5px; top: calc( 50% - 4.5px ); background-color: #8a8a8a; display: block; position: absolute;}
.swiper2 .swiper-slide .top-box-text{ height: 0px; overflow: hidden; transition: all .3s;}
.swiper2 .swiper-slide:hover .top-box-text{height: 94px;}
.swiper2 .swiper-slide .top-box-text > div{margin: 0px 17.5px 15px; border-top: 1px solid #e6e6e6; font-size: 12px; line-height: 1.4; color: #8a8a8a; padding-top: 15px; height: 0px; transition: all .3s;}
.swiper2 .swiper-slide .top-box-date{display: flex; justify-content: space-between; margin: 0px 17.5px; align-items: center;}
.swiper2 .swiper-slide .top-box-date span{font-size: 12px; font-weight: 600; color: #8a8a8a;}
.swiper2 .swiper-slide .top-box-date a{ display: block; width: 22px; height: 22px; background: url(/assets/images/main/ico-star-off.png) center/22px no-repeat;;}
.swiper2 .swiper-slide .top-box-date a.on{background: url(/assets/images/main/ico-star-on.png) center/22px no-repeat; cursor: pointer;}
.swiper2 .swiper-slide .top-box-button {width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #5950FF;  bottom: 0; display: none; transition: all .3s; cursor: pointer; position: absolute; bottom: 0;}
.swiper2 .swiper-slide:hover .top-box-button{display: flex;}
.swiper2 .swiper-slide .top-box-button span{font-size: 14px;color: #fff;line-height: 20px;font-weight: 600;padding-right: 23px;background: url(/assets/images/main/ico-arrow-white.png) right center/20px no-repeat;}
.main-container-middle .main-middle-tab .subnavDiv2 .swiper-pagination{top: unset!important; bottom: 0!important; display: flex; gap: 5px; justify-content: center;}
.swiper-pagination-bullet{width: 4px!important; height: 4px!important; border-radius: 4px!important; transition: all .3s; background: rgba(255, 255, 255, 0.5) !important; opacity: 1!important; margin: 0px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px!important; background: rgba(255, 255, 255, 1) !important;}

.main-container-bot {background-color: #f5f6fa;padding: 70px 0px 83px;}
.main-container-bot .main-container-bot-wrap {max-width: 1200px;width: 100%;margin: 0 auto;display: flex;flex-direction: row;gap: 20px;}
.main-container-bot .main-container-bot-wrap>div {width: calc(50% - 10px);}
.main-container-bot .main-container-bot-wrap .main-board-title {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-end;margin-bottom: 35px;}

.main-container-bot .main-container-bot-wrap .main-board-title span {font-size: 24px;font-weight: 600;color: #222;}

.main-container-bot .main-container-bot-wrap .main-board-title a {font-size: 16px;font-weight: 600;color: #222;padding-right: 30px;background: url(/assets/images/main/ico-plus-black.png) right center/21px no-repeat;}

.main-container-bot .main-container-bot-wrap .main-board-list {width: 100%;border-radius: 15px;background-color: #fff;border: 1px solid #dcdcdc;padding: 35px 40px;}

.main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item {border-bottom: 1px solid #D1D1D1;display: flex;flex-direction: row;justify-content: space-between;align-items: center;height: 50px;cursor: pointer;}

.main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item .main-board-list-title {font-size: 16px;color: #222;font-weight: 500;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-right: 20px;line-height: 1.3;}
.main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item .main-board-list-title.ico{padding-left: 26px; background: url(/assets/images/main/ico-file.svg) left center/18px no-repeat;}
.main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item .main-board-list-date {font-size: 12px;color: #a0a0a0;font-weight: 400;}


.horizontal-scrolling-items {display: flex;margin: 0 auto;overflow: hidden;width: 3930px;animation-name: infiniteScroll;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;gap: 20px;background-color: #fff;padding: 30px 0px;}
.horizontal-scrolling-items__item {white-space: nowrap;display: flex;flex-direction: row;gap: 20px;}


.modal-filter{
  display: none;
}
@keyframes infiniteScroll {from {	transform: translateX(0)}to {	transform: translateX(-50%)}}


.fixed-right{
  position: fixed;
  display: block;
  width: 100px;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  padding: 20px 10px;
  border: 1px solid rgba(58,73,104,0.2);
  background-color: #E5E3FF;
  border-radius: 15px 0px 0px 15px;
  border-right: none;
  z-index: 99;
}

.fixed-right.sticky{right: -1px;top: unset;bottom: 50%;transform: translateY(50%);}

.fixed-right li{
  position: relative;
}

.fixed-right li:nth-child(1){
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.fixed-right li:nth-child(1)::after{
  content: " ";
  display: block;
  position: absolute;
  width: 80px;
  height: 1px;
  background-color: rgba(58, 73, 104, 0.2);
  bottom: 0;
  left: calc( 50% - 40px );
}

.fixed-right li a{
  display: block;
}

.fixed-right li a span{
  display: block;
  font-size: 12px;
  text-align: center;
}

.fixed-right li a span:nth-child(1){
  font-weight: 600;
  line-height: 1.4;
  color: #3a4968;
}

.fixed-right li a span:nth-child(2) {
  font-weight: 700;
  line-height: 1.5;
  color: #5950ff;
  padding-bottom: 30px;
  background: url(/assets/images/common/ico-side-arrow.svg) bottom center/auto no-repeat;
}


.swiper-slide .employ-category-box{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 200px;
}


/* 서브시작 */
label {cursor: pointer;}
label input{display: none; appearance: none;}
label input[type=checkbox] + span{padding-left: 26px; font-size: 14px; color: #777; line-height: 20px; background: url(/assets/images/common/ico-check-off.png) left center/20px no-repeat; }
label input[type=checkbox]:checked + span{padding-left: 26px; font-size: 14px; color: #777; line-height: 20px; background: url(/assets/images/common/ico-check-on.png) left center/20px no-repeat; }
.filter-button{display: none;}
label input[type=radio] + span{padding-left: 26px; font-size: 14px; color: #777; line-height: 20px; background: url(/assets/images/common/ico-radio-off.png) left center/16px no-repeat; }
label input[type=radio]:checked + span{padding-left: 26px; font-size: 14px; color: #777; line-height: 20px; background: url(/assets/images/common/ico-radio-on.png) left center/16px no-repeat; }
#ui-datepicker-div{display: none;}
.sub-container{width: 100%; overflow: hidden; min-width: 1200px;}
.sub-container .sub-title{max-width: 1200px; margin: 45px auto 20px; font-size: 24px; color: #222; font-weight: 600;}
.sub-container .mo-search-box{display: none;}
.sub-container .employ-category{max-width: 1200px; margin: 0 auto;width: 100%;}
.sub-container .employ-category.employee{ overflow-x: scroll;}
.sub-container .employ-category > div{min-width: 1200px;}
.sub-container .employ-category ul{display: flex; flex-direction: row;}
.sub-container .employ-category ul li{width: calc( 100% / 6 );}
.sub-container .employ-category ul li .employ-category-title{background-color: #F7F8FC; border: 1px solid #E2E2E2; display: flex; align-items: center; justify-content: center; height: 45px;}
.sub-container .employ-category ul li:nth-child(n+2) .employ-category-title{border-left: none;}
.sub-container .employ-category ul li .employ-category-title span{font-size: 14px; padding-left: 22px; font-weight: 600; color: #666; line-height: 22px;}
.sub-container .employ-category ul li:nth-child(1) .employ-category-title span{background: url(/assets/images/main/ico-employ-1.svg) left center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(2) .employ-category-title span{background: url(/assets/images/main/ico-employ-2.svg) left center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(3) .employ-category-title span{background: url(/assets/images/main/ico-employ-3.svg) left center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(4) .employ-category-title span{background: url(/assets/images/main/ico-employ-4.svg) left center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(5) .employ-category-title span{background: url(/assets/images/main/ico-employ-5.svg) left center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(6) .employ-category-title span{background: url(/assets/images/main/ico-employ-6.svg) left center/auto no-repeat;}
.sub-container .employ-category ul li .employ-category-box{height: 200px; overflow-y:scroll; display: block; padding: 20px 0px 0px 20px;; gap: 10px; border: 1px solid #E2E2E2;border-top: none; background-color: #fff;}
.sub-container .employ-category ul li .employ-category-box label{display: block; width: 100%; margin-bottom: 10px;}
.sub-container .employ-category ul li .employ-category-box.flex label{display: block; width: 50%; float: left;}
.sub-container .employ-category ul li .employ-category-box::-webkit-scrollbar-track
{
	background-color: #f9f9f9;
}

.sub-container .employ-category ul li .employ-category-box::-webkit-scrollbar
{
	width: 2px;
	background-color: #f9f9f9;
}

.sub-container .employ-category ul li .employ-category-box::-webkit-scrollbar-thumb
{
	background-color: #D9D9D9;
	border: 2px solid #D9D9D9;
}

.sub-container .employ-category ul li:nth-child(n+2) .employ-category-box{border-left: none;}
.sub-container .employ-category ul li .employ-category-box.flex label{width: 50%;}
.sub-container .employ-top-sel{max-width: 1200px; margin: 0 auto; border: 1px solid #e2e2e2; border-top: none; padding: 30px; display: flex; flex-direction: column; gap: 25px;}
.sub-container .employ-top-sel .employ-top-line{display: flex; flex-direction: row; gap: 40px; align-items: center;}
.sub-container .employ-top-sel .employ-top-line .title{display: block; width: 50px;font-size: 14px; font-weight: 600; color: #222;}
.sub-container .employ-top-item{display: flex;}
.sub-container .employ-top-item.row{display: flex; flex-direction: row; gap: 10px;}
.sub-container .employ-date{display: flex; flex-direction: row; gap: 10px;  line-height: 32px; font-size: 13px; color: #777; }
.sub-container .employ-date > div {width: 121px; line-height: 32px;}
.sub-container .employ-date input {width: 121px; height: 32px;border: 1px solid #e2e2e2; padding-left: 12px; color: #777; background: url(/assets/images/common/ico-calendar.png) 93px center/16px no-repeat; background-color: #fff;}
.sub-container .employ-top-item select{font-size: 13px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 77px; height: 32px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 55px center/auto no-repeat; float: left;}
.sub-container .employ-top-item .search-input{position: relative; width: 594px; height: 32px; margin-left: 10px; float: left;}
.sub-container .employ-top-item .search-input input{position: absolute; width: 594px; height: 32px; line-height: 32px; padding-left: 12px; border: 1px solid #e2e2e2;}
.sub-container .employ-top-item .search-input button{width: 18px; height: 18px; display: block; background-color: #fff; cursor: pointer; position: absolute; top: 7px; right: 12px; background: url(/assets/images/common/ico-search.png) center/auto no-repeat;}
.sub-container .employ-search-line{max-width: 1200px; margin: 0 auto; border: 1px solid #e2e2e2; border-top: none; background-color: #F5F6FA; height: 90px; display: flex; justify-content: space-between; padding: 0px 20px 0px 30px; align-items: center;}
.employ-search-cate{display: flex; flex-wrap: wrap; gap: 10px;}
.employ-search-cate .checked-item{padding: 8px 10px 8px 15px;border-radius: 40px;border: 1px solid #e2e2e2;background-color: #fff;font-size: 13px;font-weight: 600;color: #222; display: flex; flex-direction: row; gap: 8px; align-items: center; cursor: pointer;}
.employ-search-cate .checked-item button{ display: block; width: 20px;height: 20px; background-color: transparent;background: url(/assets/images/common/ico-delete.png) center/16px no-repeat;}
.employ-search-btn{display: flex; flex-direction: row; gap: 20px; align-items: center;}
.employ-search-btn .refresh {display: inline-block; cursor: pointer; font-size: 14px; color: #222; font-weight: 500; padding-left: 28px; background: url(/assets/images/common/ico-refresh.png) left center/18px no-repeat; line-height: 20px;}
.employ-search-btn .gosearch{display: flex; width: 150px; height: 50px; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: #fff; background-color: #5950FF;}

.employ-list-box{background-color: #F5F6FA; padding: 67px 0px 86px; margin-top: 82px;}
.employ-list-box .employ-list-title{max-width: 1200px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between;}
.employ-list-box .employ-title-box{display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center;}
.employ-list-box .employ-title-box p {font-size: 24px; font-weight: 600; color: #222;}
.employ-list-box .employ-title-box span{ font-size: 13px; font-weight: 500; color: #222;}
.employ-list-box .employ-title-box span.counterlist{margin-left: 4px; margin-right: -4px; font-weight: 700; color: #5950FF;}
.employ-list-box .employ-list-title select{font-size: 13px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 98px; height: 34px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 70px center/auto no-repeat; border-radius: 5px; background-color: #fff;margin-right: 30px;}
.employ-list-box .employ-top-btn{display: flex; flex-direction: row; gap: 5px; float: right;}
.employ-list-box .employ-top-btn button{width: 34px; height: 34px;background-color: transparent; cursor: pointer;}
.employ-list-box .employ-top-btn button.listbtn{background: url(/assets/images/sub/ico-list-off.png) center/34px no-repeat;}
.employ-list-box .employ-top-btn button.thumbbtn{background: url(/assets/images/sub/ico-thumb-off.png) center/34px no-repeat;}
.employ-list-box.list .employ-top-btn button.listbtn{background: url(/assets/images/sub/ico-list-on.png) center/34px no-repeat;}
.employ-list-box.thumb .employ-top-btn button.thumbbtn{background: url(/assets/images/sub/ico-thumb-on.png) center/34px no-repeat;}

.employ-list-table table{width: 100%; table-layout: fixed; border-collapse: collapse;}
.employ-list-box .employ-list-table {display: block; margin: 30px auto 0px; max-width: 1200px;background-color: #fff; padding: 50px 40px; border: 1px solid #dcdcdc; border-radius: 15px;}



.mobile-employ-list{display: none;}
.employ-list-box td{padding: 20px 0px; border-bottom: 1px solid #e2e2e2;}
.employ-list-box .employ-list-table-line td{vertical-align: top;}
.employ-list-box .employ-list-table-line .employ-list-like{width: 80px; height: 18px; background: url(/assets/images/main/ico-star-off.png) center/20px no-repeat; cursor: pointer;}
.employ-list-box .employ-list-table-line .employ-list-like.on{background: url(/assets/images/main/ico-star-on.png) center/20px no-repeat; cursor: pointer;}
.employ-list-box .employ-list-table-line .employ-list-company{display: flex; flex-direction: column; gap: 10px;}
.employ-list-box .employ-list-table-line .employ-list-company .employ-company-name{font-size: 14px;font-weight: 500; color: #222;}
.employ-list-box .employ-list-table-line .employ-list-company .employ-company-cate{font-size: 12px; font-weight: 500; line-height: 1.4;}
.employ-list-box .employ-list-table-line .employ-list-company .employ-company-cate.purple{color: #5950FF;}
.employ-list-box .employ-list-table-line .employ-list-company .employ-company-cate.lightP{color: #8453ED;}
.employ-list-box .employ-list-table-line .employ-list-company .employ-company-cate.green{color: #00C5A1;}
.employ-list-box .employ-list-table-line .employ-list-company .employ-company-cate.red{color: #C32F0E;}
.employ-list-box .employ-list-table-line .employ-list-title{display: flex; flex-direction: column; gap: 15px;}
.employ-list-box .employ-list-table-line .employ-list-title .employ-title-text{font-size: 16px; font-weight: 700; color: #222;}
.employ-list-box .employ-list-table-line .employ-list-title div ul{display: flex; flex-direction: row;}
.employ-list-box .employ-list-table-line .employ-list-title div ul li{position: relative;font-size: 12px; font-weight: 500; color: #777;}
.employ-list-box .employ-list-table-line .employ-list-title div ul li:nth-child(n+2){padding-left: 16px;}
.employ-list-box .employ-list-table-line .employ-list-title div ul li:nth-child(n+2)::before{content: " ";display: block;position: absolute;width: 1px;height: 9px;left: 8px;background: #e2e2e2;top: 2px;}
.employ-list-box .employ-list-table-line .employ-list-cate ul{display: flex; flex-direction: column; gap: 5px;}
.employ-list-box .employ-list-table-line .employ-list-cate ul li{font-size: 12px; font-weight: 500; color: #555; padding-left: 20px;}
.employ-list-box .employ-list-table-line .employ-list-cate ul li:nth-child(1){background: url(/assets/images/main/ico-rocation.svg) left center/auto no-repeat;}
.employ-list-box .employ-list-table-line .employ-list-cate ul li:nth-child(2){background: url(/assets/images/main/ico-bag.svg) left center/auto no-repeat;}
.employ-list-box .employ-list-table-line .employ-list-cate ul li:nth-child(3){background: url(/assets/images/main/ico-paper.svg) left center/auto no-repeat;}
.employ-list-box .employ-list-table-line .employ-list-btn{display: flex; flex-direction: column; gap: 8px; align-items: flex-end; justify-content: flex-end;}
.employ-list-box .employ-list-table-line .employ-list-btn button span.go-apply{padding-left: 26px; font-size: 14px; font-weight: 700; color: #5950FF; background: url(/assets/images/common/ico-airport.svg) left center/auto no-repeat; background-color: #fff;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-end button span{padding-left: 26px; font-size: 14px; font-weight: 700; color: #5950FF; background: url(/assets/images/common/ico-airport.svg) left center/auto no-repeat;line-height: 20px;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-dday button span{padding-left: 26px; font-size: 14px; font-weight: 700; color: #d03838; background: url(/assets/images/common/ico-siren.svg) left center/auto no-repeat;line-height: 20px;}
.employ-list-box .employ-list-table-line .employ-list-btn > span{font-size: 12px; font-weight: 500; color: #777;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-end > span{color: #777;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-dday > span{color: #D03838;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-dday button{width: 135px; height: 40px; border: 1px solid #D03838; display: flex; align-items: center; justify-content: center;background-color: #fff; cursor: pointer;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-end button{width: 135px; height: 40px; border: 1px solid #5950FF; display: flex; align-items: center; justify-content: center; background-color: #fff;cursor: pointer;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-end button span.go-apply{padding-left: 26px; font-size: 14px; font-weight: 700; color: #5950FF; background: url(/assets/images/common/ico-airport.svg) left center/auto no-repeat;}
.employ-list-box.thumb .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-box.thumb .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-box.thumb table colgroup{display: none;}
.employ-list-box.thumb table tbody{display: flex;flex-direction: row;flex-wrap: wrap;gap: 30px;}
.employ-list-box.thumb table tr{display: flex;flex-direction: column;position: relative;border: 1px solid #e2e2e2;border-radius: 15px;background-color: #fff;width: calc( ( 100% - 30px ) / 2 );padding: 20px 40px;}
.employ-list-box.thumb table tr td{border: none;padding: 5px 0px;}
.employ-list-box.thumb .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-box.thumb .employ-list-like{width: 18px;position: absolute;top: 20px;right: 22px;}
.employ-list-box.thumb .employ-list-btn{width: 100%;align-items: flex-start;justify-content: flex-start;}


  .paging.mo{display: none;}

.paging{display: flex;align-items: center;justify-content: center; margin-top: 46px; gap: 2px;}
.paging a{font-size: 14px;color: #666;font-weight: 500;line-height: 36px;display: block;width: 20px;height: 20px; text-align: center;width: 36px; height: 36px; border-radius: 36px;}
.paging a.goPrev{background: url(/assets/images/common/ico-pager-prev.svg) center/auto no-repeat;}
.paging a.goNext{background: url(/assets/images/common/ico-pager-next.svg) center/auto no-repeat;}
.paging a.goPage:hover,
.paging a.goPage.active{ color: #fff;background-color: #5950FF;}


/* 인재풀 */

.sub-container .pc-search-box {
  max-width: 1200px;
  margin: 0 auto 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.sub-container .pc-search-box .pc-input-wrap{
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  align-items: center;
}

.sub-container .pc-search-box button{
  width: 100px;
  height: 46px;
  border-radius: 10px;
  background-color: #5950FF;
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  display: block;
}

.sub-container .pc-search-box .pc-input-wrap{
  width: calc( 100% - 115px );
}

.sub-container .pc-search-box .pc-input-wrap >div{
  border-left: 1px solid #e2e2e2;
  padding-left: 20px;
  width: calc( 100% / 3 );
}
.sub-container .pc-search-box .pc-input-wrap>div label{
  width: 100%;
  display: flex;
  line-height: 46px;
  height: 46px;
  flex-direction: row;
  gap: 10px;
}
.sub-container .pc-search-box .pc-input-wrap>div label input{
  display: block;
  width: 100%;
}


.sub-container .employ-category.talent ul li{
  width: calc( 100% / 3 );
}
.sub-container .employ-category.talent ul li .employ-category-box{
  height: 180px;
  padding: 30px;
}

.sub-container .employ-category.talent ul li .employ-category-box.block{
}
.sub-container .employ-category.talent ul li .employ-category-box.flex label{
  width: 25%;
}
.sub-container .employ-category.talent ul li .employ-category-box.block label{
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
  width: auto;
}

.employ-list-box.talent .employ-list-table{padding: 20px 40px;}
.employ-list-box.talent .employ-list-table-line .employ-list-btn button{width: 135px;height: 40px;border: 1px solid #5950FF;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.employ-list-box.talent .employ-list-table-line .employ-list-btn button span {font-size: 14px;font-weight: 700;color: #5950FF;line-height: 20px;}
.employ-list-box.talent .employ-list-table-line .employ-list-title{gap: 10px;}
.employ-list-box.talent .employ-list-table-line .employ-list-cate ul{display: block;}
.employ-list-box.talent .employ-list-table-line .employ-list-cate ul li{background: unset;padding: 5px 15px;border-radius: 40px;background-color: #F5F6FA;border: 1px solid #dcdcdc;font-size: 11px;color: #222;display: inline-block;}
.employ-list-box.talent .employ-list-table-line .employ-list-cate ul li:nth-child(n+2){margin-top: 5px;}
.sub-container .employ-category.talent ul li .employ-category-box-line{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.sub-container .employ-category.talent ul li .employ-category-box-line .select-line{display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px;}
.sub-container .employ-category.talent ul li .employ-category-box-line .select-line select{font-size: 13px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 77px; height: 32px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 55px center/auto no-repeat; float: left;}
.sub-container .employ-category.talent ul li .employ-category-box-line .select-line select.long{font-size: 13px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 100px; height: 32px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 80px center/auto no-repeat; float: left;}


.employ-list-box.talent.thumb table tr .img-talent{position: absolute;}
.employ-list-box.talent.thumb .employ-list-table-line .employ-list-title,
.employ-list-box.talent.thumb .employ-list-table-line .employ-list-cate ul,
.employ-list-box.talent.thumb .employ-list-btn{padding-left: 100px;}
.employ-list-box.talent.thumb .employ-list-btn{margin-top: 30px;}

.employ-list-box.form{padding: 0;margin: 0;overflow: hidden;}
.employ-list-box.form .employ-form-wrap{ width: 1200px;margin: 0 auto;padding: 30px 80px 80px;background-color: #fff;margin-top: 50px;}
.employ-list-box.form .import{font-size: 20px; font-weight: 700; color: #5950FF;}
.employ-list-box.form .employ-form-wrap .sub-title{margin: 0px 0px 20px;}
.employ-form-top-line{display: flex; flex-direction: row; justify-content: space-between;}
.employ-form-top-line p{font-size: 18px; font-weight: 600; color: #222;}
.employ-form-top-line > span{font-size: 14px; font-weight: 600; color: #222;}
.employ-list-box.form .employ-form-wrap .employ-form-line-title{font-size: 18px; font-weight: 600; color: #222;}
.employ-list-box.form .employ-form-top{display: flex; flex-direction: column; gap: 20px;padding-bottom: 40px; border-bottom: 1px solid #e2e2e2;}
.employ-list-box.form .employ-form-top input{width: 100%; height: 50px; border-radius: 5px; border: 1px solid #E2E2E2; padding: 20px; font-size: 16px; font-weight: 500; color: #222;}
.employ-list-box.form .employ-from-flex{display: flex; flex-direction: row; gap: 74px;margin-top: 40px;}
.employ-list-box.form .employ-from-flex .employ-form-line-left{width: calc( 100% - 334px );}
.employ-list-box.form .employ-from-flex .employ-form-line-right{width: 260px;}
.employ-list-box.form .employ-form-line{display: flex; flex-direction: row; width: 100%;}
.employ-list-box.form .employ-form-line .employ-form-line-title{min-width: 150px;}
.employ-list-box.form .employ-form-line .employ-form-line-title.center{line-height: 50px;}
.employ-list-box.form .employ-form-line-input{width: 100%;}
.employ-list-box.form .employ-form-line input[type="text"]{width: 100%; height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid #e2e2e2; padding-left: 20px;}
.employ-list-box.form .employ-form-line input[type="text"].short{width: 110px;}
.employ-from-full{margin-top: 20px; display: flex; flex-direction: column; gap: 40px;}
.employ-list-box.form .employ-form-line-input.flex{display: flex; flex-direction: row; gap: 15px; align-items: center;justify-content: center;}
.employ-list-box.form .employ-form-line-input.flex button{width: 90px; height: 40px; min-width: 90px;font-size: 14px;font-weight: 500;color: #fff;background-color: #7C75FF;line-height: 40px;text-align: center;position: relative;}
.employ-list-box.form .employ-form-line-input.flex-start{display: flex; flex-direction: row; gap: 15px; align-items: center;justify-content: flex-start;}
.employ-list-box.form .employ-form-line-input.num{display: flex; flex-direction: row;gap: 10px;font-size: 14px; color: #555; line-height: 50px;}
.employ-list-box.form .employ-form-line-input.num input:nth-child(1){width: 80px;}
.employ-list-box.form .employ-form-line-input.num input:nth-child(n+2){width: 100px;}
.employ-list-box.form .employ-form-line input[type="text"]:disabled{background-color: #fff;padding: 0px 20px;}
.employ-form-line-left{display: flex; flex-direction: column; gap: 40px; align-items: center;}
.employ-form-line-right .employ-form-line{display: flex; flex-direction: row; gap: 30px;}
.employ-form-line-right .employ-form-line-title{min-width: 51px!important}
.employ-list-box.form .employ-form-line-input.flex-space{display: flex; flex-direction: row; justify-content: space-between;}
.employ-list-box.form .employ-form-line-input select{font-size: 14px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 300px; height: 50px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 93% center/auto no-repeat; float: left; border-radius: 5px;}
.employ-list-box.form .employ-form-line-input.flex-space select{font-size: 14px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 300px; height: 50px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 270px center/auto no-repeat; float: left; border-radius: 5px;}
.employ-list-box.form .employ-form-line-input.flex-space button{background-color: transparent; cursor: pointer;font-size: 14px; font-weight: 600; color: #222; padding-left: 25px; background: url(/assets/images/common/ico-plus-circle.svg)left center/20px no-repeat;}
.employ-list-box.form .employ-form-line-input .flex{display: flex;flex-direction: row; align-items: center; justify-content: center; gap: 15px;}
.employ-list-box.form .employ-form-line-input .ml60{margin-left: 60px;}
.employ-list-box.form .employ-form-line-input.flex-column{display: flex; flex-direction: column; gap: 15px;}
.employ-list-box.form .employ-form-line-input .flex-date{display: flex; flex-direction: row; align-items: center;}
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(2),
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(7){width: 87px;margin-left: 20px;}
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(4),
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(9){width: 60px;margin-left: 20px;}
.employ-list-box.form .employ-form-line-input .flex-date span{margin-left: 15px; font-size: 14px; color: #555;}
.employ-list-box.form .employ-form-line.full{width: 100%; display: flex; flex-direction: column; gap: 20px; font-size: 14px; color: #555;}
.employ-list-box.form .employ-form-line textarea{ width: 100%; height: 150px; border: 1px solid #e2e2e2; padding: 15px; }
.employ-list-box.form .employ-form-line.keyword .employ-form-line-input {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.employ-list-box.form .employ-form-line.keyword .employ-form-line-input button{width: 65px; height: 40px; background-color: #7C75FF; font-size: 14px; font-weight: 500; color: #fff; margin-left: 15px;}
.employ-list-box.form .employ-form-line.keyword .employ-form-line-input input{width: calc(100% - 80px);}
.employ-list-box.form .employ-form-line.keyword .keyword-box{width: 100%; display: flex; margin-top: 15px; gap: 8px;}
.employ-list-box.form .employ-form-line.keyword .keyword-box div{border: 1px solid #dcdcdc; border-radius: 50px; height: 32px; background-color: #f5f6fa; display: flex; align-items: center;}
.employ-list-box.form .employ-form-line.keyword .keyword-box div span{margin: 0px 15px; display: block; font-size: 12px; font-weight: 500; color: #222; background: url(/assets/images/common/ico-remove.svg) right center/auto no-repeat; padding-right: 26px; cursor: pointer;}
.employ-list-box.form .employ-form-line.table table {table-layout:  fixed; border-collapse: collapse;}
.employ-list-box.form .employ-form-line.table table tr th{border: 1px solid #dcdcdc; background-color: #f5f6fa; line-height: 40px; font-size: 13px;font-weight: 600; color: #222;}
.employ-list-box.form .employ-form-line.table table tr td{border: 1px solid #dcdcdc; background-color: #fff; line-height: 40px; font-size: 13px;font-weight: 600; color: #555; padding: 0; height: 40px; line-height: 40px; text-align: center;padding: 0px 34px 0px 50px;}
.employ-list-box.form .employ-form-line.table table tr td .table-flex-box{display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.employ-list-box.form .employ-form-line.table table tr td .table-flex-box div{display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 9.5px;}
.employ-list-box.form .employ-form-line.table table tr td .table-flex-box div input{width: 70px; height: 32px;border-radius: 0;}
.input-text-box span{font-size: 14px; color: #555;}

footer {width: 100%;display: flex;min-height: 328px;background: url(/assets/images/common/footer_bg.png) center / cover no-repeat;align-items: center;}
footer .footer-wrap {max-width: 1200px;width: 100%;align-items: flex-start;justify-content: flex-start;display: flex;flex-direction: column;gap: 20px;margin: 0 auto;}
footer .footer-wrap .footer-link {display: flex;flex-direction: row;}
footer .footer-wrap .footer-link li {position: relative;}
footer .footer-wrap .footer-link li a {font-size: 14px;line-height: 26px;color: #222;font-weight: 600;}
footer .footer-wrap .footer-link li:nth-child(n+2) {padding-left: 20px;}footer .footer-wrap .footer-link li:nth-child(n+2)::before {content: " ";display: block;width: 1px;height: 9px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);background-color: #222;}footer .footer-wrap .footer-info {font-size: 14px;font-weight: 500;color: #666;line-height: 26px;}footer .footer-wrap .footer-copy {font-size: 14px;font-weight: 400;color: #666;line-height: 26px;}





.avatar-upload {
  position: relative;
}
  .avatar-edit {

    position: absolute;
    z-index: 1;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
  }
  .avatar-edit input{display: none;}
  .avatar-preview {
      width: 180px;
      height: 215px;
      position: relative;
      background-color: #F5F6FA;

}
.avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
input {
  appearance: none;
  -webkit-appearance: none;
}
.avatar-edit  input + label {
  display: inline-block;
  margin-bottom: 0;
  width: 100px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #7C75FF;
  line-height: 40px;
  text-align: center;
  position: relative;
}

.avatar-edit  input + label::before{
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  display: block;
  background: url(/assets/images/sub/ico-uploade.svg) center / 25px no-repeat;
  top: -44px;
  left: calc(50% - 12.5px);
}

.mo_header{
  display: none;
}


/* 카렌더 시작 */

.sub-container.calendar .career-top-box{
  display: flex;
  width: 1200px;
  margin: 0 auto;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.sub-container.calendar .career-top-title{display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 28px;}
.sub-container.calendar .career-top-title button{display: block;cursor: pointer;}
.sub-container.calendar .career-top-title span{font-size: 30px; font-weight: 600; color: #222;}
.sub-container.calendar .career-top-btn{display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-bottom: 20px;}
.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(1){display: flex;flex-direction: row; gap: 10px;}
.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(2){display: flex;flex-direction: row; gap: 20px; cursor: pointer;}
.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(1) button{background-color: #fff; border: 1px solid #777; width: 115px; height: 34px; border-radius: 5px;display: flex; align-items: center; justify-content: center; cursor: pointer;}
.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(1) button span{font-size: 13px; color: #777; padding-left: 30px; background: url(/assets/images/common/ico-calendar-check-off.svg) left center/20px no-repeat;}
.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(1) button.on{ border-color: #5950FF;}
.toggle-button-cover {display: flex;position: relative;align-items: center;justify-content: center;gap: 10px;}
.toggle-button-cover label{font-size: 13px; color: #222;}
.toggle-button-cover .button {position: relative;top: 0;width: 23px;height: 12px;overflow: hidden;border: 1.5px solid #000;}

.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(2) button{background-color: #fff; border: 1px solid #777; width: 115px; height: 34px; border-radius: 5px;display: flex; align-items: center; justify-content: center; cursor: pointer;}
.sub-container.calendar .career-top-btn .career-btn-flex:nth-child(2) button span{font-size: 13px; color: #222; padding-left: 30px; background: url(/assets/images/common/ico-filter-gray.svg) left center/20px no-repeat; }
.button.r,
.button.r .layer {border-radius: 100px;}
.sub-container.calendar .checkbox {position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;display: flex;}
#button-1 .knobs:before {content: " ";position: absolute;top: 1.5px;left: 1px;width: 8px;height: 8px;background-color: #5950FF;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
#button-1 .checkbox:checked + .knobs:before {content: " ";left: 11.5px;}
#button-1 .checkbox:checked ~ .layer {background-color: #fff;}
#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {transition: 0.3s ease all; z-index: 9;}
.button-1 .knobs:before {content: " ";position: absolute;top: 0.75px;left: 1px;width: 8px;height: 8px;background-color: #5950FF;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
.button-1 .checkbox:checked + .knobs:before {content: " ";left: 11.5px;}
.button-1 .checkbox:checked ~ .layer {background-color: #fff;}
.button-1 .knobs,
.button-1 .knobs:before,
#button-1 .layer {transition: 0.3s ease all; z-index: 9;}

.sub-container.calendar .employ-category.calendar{position: absolute; top: 100px; display: none;}
.sub-container.calendar.on .employ-category.calendar{ display: block;}

.sub-container.calendar .calendar-container{ width: 100%; margin: 0 auto; max-width: 1200px;}

.sub-container.calendar .calendar-container{border: 1px solid #dcdcdc; border-radius: 15px 15px 0 0;}
.sub-container.calendar .calendar-container .border-box{width: 100%; overflow-x: scroll; overflow-y: hidden;}
.sub-container.calendar .calendar-container table{table-layout: fixed; border-collapse: collapse; width: 100%;border-radius: 15px 0 0 0; border-radius: 15px 15px 0 0; border-style: hidden; width: 1200px;}
.sub-container.calendar .calendar-container table tr th,
.sub-container.calendar .calendar-container table tr td{border: 1px solid #ddd;}
.sub-container.calendar .calendar-container table tr th {height: 50px; text-align: left;}
.sub-container.calendar .calendar-container table tr th:nth-child(1) span,
.sub-container.calendar .calendar-container table tr td:nth-child(1) span.date{color: #D03838;}
.sub-container.calendar .calendar-container table tr th span{font-size: 14px; font-weight: 500; padding: 0px 20px;}
.sub-container.calendar .calendar-container table tr td{padding: 20px 18px 28px 20px; height: 190px; vertical-align: top;}
.sub-container.calendar .calendar-container table tr td .date{font-weight: 600;}
.sub-container.calendar .calendar-container table tr td .event-box{display: flex; flex-direction: column; gap: 10px;}

.sub-container.calendar .calendar-container table tr td .event-box .event-item{display: flex; flex-direction: row;max-width: 100%; gap: 5px;}
.sub-container.calendar .calendar-container table tr td .event-box .event-item:nth-child(1){padding-top: 15px;}
.sub-container.calendar .calendar-container table tr td .event-box .event-category{width: 20px; height: 20px; display: block; border-radius: 20px; font-size: 12px; color: #fff; font-weight: 700; text-align: center; line-height: 20px;}
.sub-container.calendar .calendar-container table tr td .event-box .event-category.fin{background-color: #5950FF;}
.sub-container.calendar .calendar-container table tr td .event-box .like-btn{
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/images/main/ico-star-off.png) center / 20px no-repeat;
  cursor: pointer;
}
.sub-container.calendar .calendar-container table tr td .event-box .like-btn.on{
  background: url(/assets/images/main/ico-star-on.png) center / 20px no-repeat;
}
.sub-container.calendar .calendar-container table tr td .event-box .event-title{
  display: block;
  width: calc(100% - 50px);
  font-size: 14px;
  font-weight: 500;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}

.sub-container.calendar .calendar-container table tr th:last-child,
.sub-container.calendar .calendar-container table tr td:last-child{border-right: none;}
.employ-list-table.calendar{display: none;}
.sub-container.career,
.employ-list-box.career{
  overflow: unset;
}
.employ-list-box.career{background-color: #fff;}
.employ-list-box.career .employ-form-wrap .sub-title{margin-bottom: 0;}
.employ-list-box.career #section1 .sub-title{margin-bottom: 30px;}
.employ-list-box.career .employ-form-wrap{padding: 0;}
.employ-list-box.career .career-center-box{max-width: 1200px; margin: 0 auto;}
.employ-list-box.career .employ-form-wrap{
  width: calc( 100% - 210px );
  display: inline-block;
}
.employ-list-box.career .career-list {display: flex; flex-direction: column; gap: 20px;}

.employ-list-box.career .career-list table{table-layout: fixed; border-collapse: collapse; width: 100%;}
.employ-list-box.career .career-list table tr th{border: 1px solid #dcdcdc; background-color: #F5F6FA; padding: 13px 0px;}
.employ-list-box.career .career-list table tr th span{font-size: 13px; font-weight: 600; color: #222; text-align: center;}

.employ-list-box.career .career-list table tr td{border: 1px solid #dcdcdc; background-color: #fff; padding: 13px 0px; text-align: center;}
.employ-list-box.career .career-list table tr td span{font-size: 13px; font-weight: 500; color: #555; display: block;}
.employ-list-box.career .career-list table tr td.left{text-align: left; padding-left: 20px;}
.employ-list-box.career .career-list  .btn-add{text-align: center;}
.employ-list-box.career .career-list  .btn-add a{background-color: transparent; cursor: pointer;font-size: 14px; font-weight: 600; color: #222; padding-left: 25px; background: url(/assets/images/common/ico-plus-circle.svg)left center/20px no-repeat; line-height: 21px; margin: 0 auto; display: inline-block;}

.employ-list-box.career .sticky-right{
  position: sticky;
  top: 0;
  right: 0;
  width: 200px;
  padding-top: 45px;
  float: right;
  z-index: 11;
}

.employ-list-box.career .sticky-right .load-career{
  width: 200px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #5950ff;
  background-color: #F2F1FF;
  font-size: 14px;
  font-weight: 600;
  color: #5950ff;
  line-height: 50px;
  text-align: center;
  margin-bottom: 10px;
  cursor: pointer;
}

.employ-list-box.career .sticky-right ul{
  display: flex;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background-color: #fff;
  padding: 21px 0px 35px 25px;
  flex-direction: column;
  gap: 15px;
}

.employ-list-box.career .sticky-right ul li span{
  padding-left: 23px;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  background: url(/assets/images/common/ico-right-check-off.svg) left center/20px no-repeat;
}

.employ-list-box.career .sticky-right ul li.active span{
  background: url(/assets/images/common/ico-right-check-on.svg) left center/20px no-repeat;
}

.employ-list-box.career .sticky-right .apply-career{
  width: 200px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #5950ff;
  background-color: #5950ff;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 50px;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}


.employ-list-box.career .employ-form-line{flex-wrap: wrap;}
.employ-list-box.career .employ-form-line-input{width: calc( 100% - 150px );}
.employ-list-box.career .employ-form-line-input label + label{ margin-left: 30px;}
.info-box{width: 680px;margin-left: 150px;border-radius: 5px;border: 1px solid #777;padding: 20px 0px 20px 40px;display: flex;flex-direction: row;gap: 15px; position: relative; margin-top: 20px;}
.info-box::before{
  content: " ";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  background-color: #fff;
  top: -8px;
  transform: rotate(45deg);
  left: 270px;}
.info-box .info-mark{width: 35px; height: 35px;}
.info-box .info-box-text span{display: block; font-size: 13px; color: #555; line-height: 1.6;}
.employ-list-box.career .employ-from-full{margin-top: 0; padding-top: 40px;}
.employ-list-box.career .employ-from-full:nth-child(1){padding-top: 30px;}
.employ-list-box.career .employ-form-line-input.wd415 select{width: 415px;}
.employ-list-box.career .employ-form-line-input.flex-new{display: flex; flex-direction: row; flex: 1;width: 100%; align-items: center;flex-wrap: wrap;}
.employ-list-box.career .wrap-fff{padding: 60px 0; border-bottom: 1px solid #e2e2e2;}
.employ-list-box.career #section1{padding-top: 0;}
.employ-list-box.career .wrap-gray{display: block; position: relative; padding: 60px 0px;z-index: 9;}
.employ-list-box.career::after{content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 690px;
  background-color: #F5F6FA;
  top: 1714px;
  z-index: 2;}
.sel-add{
  display: inline-block;
  margin-left: auto;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #222;
  padding-left: 25px;
  background: url(/assets/images/common/ico-plus-circle.svg) left center / 20px no-repeat;
  line-height: 22px;
  height: 22px;
}
.employ-list-box.career .employ-form-line-input.flex-new input{    width: 100%;
  flex: 1;
  min-width: 100%;
  margin-top: 20px;}
  .employ-list-box.form .employ-form-line .employ-form-line-title.h50{line-height: 50px;}
  .employ-list-box.career .employ-form-line-input.full{width: 100%;}
  .employ-list-box.career .employ-form-line-input.full textarea{width: 100%; border-radius: 5px; color: #222; font-size: 14px; line-height: 1.3;}
  .sub-container .employ-date > div.wd137{width: 137px;}
  .sub-container .employ-date > #datepicker_start,
  .sub-container .employ-date > #datepicker_end{background-color: #fff;}
  .sub-container .employ-date > select.wd90{width: 90px;}
  select:disabled{color: #777;}
  .sub-container .employ-date{align-items: center;}

  .employ-list-box.form .employ-form-line.file input[type="file"]{
    appearance: none;
    display: none;
  }

  .employ-list-box.form .employ-form-line.file label{display: block;width: 100%;}
  .employ-list-box.form .employ-form-line.file label span{display: block; width: 100%; height: 50px; border: 1px solid #E2E2E2; border-radius: 5px; line-height: 50px; padding-left: 20px;}

  .employ-list-box.career .employ-form-line-input .button-line {
    display: flex;
    flex-direction: row;
  }

  .employ-list-box.career .employ-form-line-input .button-line li label span{
    border: 1px solid #e2e2e2;
    padding: 15px 0px 15px 35px;
    background-color: #fff;
    display: block;
  }

  .employ-list-box.career .employ-form-line-input .button-line li:nth-child(1) label span{width: 210px; border-radius: 5px 0px 0px 5px;}
  .employ-list-box.career .employ-form-line-input .button-line li:nth-child(2) label span{width: 170px;}
  .employ-list-box.career .employ-form-line-input .button-line li:nth-child(3) label span{width: 170px;}
  .employ-list-box.career .employ-form-line-input .button-line li:nth-child(4) label span{width: 170px;}
  .employ-list-box.career .employ-form-line-input .button-line li:nth-child(5) label span{width: 110px; border-radius: 0px 5px 5px 0px;}
  .employ-list-box.career .employ-form-line-input .button-line input + span{
    padding-left: 23px;
    font-size: 14px;
    color: #222;
    line-height: 20px;
    background: url(/assets/images/common/ico-right-check-off.svg) 10px center/20px no-repeat;
  }

  .employ-list-box.career .employ-form-line-input .button-line input:checked + span{
    border-color: #5950FF;
    background: url(/assets/images/common/ico-right-check-on.svg) 10px center/20px no-repeat;
    background-color: #EEF3FF;
  }
  .btn-chekc-box{
    padding: 22px 20px;
    background-color: #E5E8F4;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-top: 5px;
  }

  .btn-chekc-box>span{
    font-size: 14px;
    color: #222;
    font-weight: 500;
  }

  .btn-chekc-box label input[type=checkbox] + span{
    color: #222;
    padding-right: 26px;
    background: url(/assets/images/common/ico-check-off.png) right center/20px no-repeat;
  }
  .btn-chekc-box label input[type=checkbox]:checked + span{ color: #222; line-height: 20px; background: url(/assets/images/common/ico-check-on.png) right center/20px no-repeat; }

  .btn-chekc-box label span span{
    font-weight: 600;
  }

  .employ-list-box.form .employ-form-line-input.short{display: flex; gap: 20px;}
  .employ-list-box.form .employ-form-line-input.short.flex{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
  .employ-list-box.form .employ-form-line-input.short input{
    width: 415px;
  }
  .employ-list-box.form .employ-form-line-input .toggle-button-cover label{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
  }
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .button{width: 34px; height: 18px; border: 2px solid #000;}
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .checkbox:checked + .knobs:before {content: " ";left: 16px; background-color: #C2C2C2;}
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .checkbox:checked ~ .layer {background-color: #fff;}
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .knobs,
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .knobs:before,
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .layer {transition: 0.3s ease all; z-index: 9;}
  .employ-list-box.form .employ-form-line-input .toggle-button-cover .knobs:before {content: " ";position: absolute;top: 1px;left: 2px;width: 12px;height: 12px;background-color: #5950FF;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
  .employ-list-box.form .employ-form-line-input input + p{ padding-left: 32px; background: url(/assets/images/common/ico-info-small.svg) left center/24px no-repeat; line-height: 24px; font-size: 14px; color: #666;}
  .employ-list-box.form .employ-form-line-input input + p span{font-weight: 600; text-decoration: underline;}

  .employ-list-box.form .employ-form-line.file label .label-file-btn{
    display: flex;
    flex-direction: row;
  }

  .employ-list-box.form .employ-form-line.file label .label-file-btn span {
    display: block;
    width: unset;
    height: unset;
    border: unset;
    border-radius: unset;
    line-height: 50px;
    padding-left: 20px;
  }

  .img-name{
    cursor: pointer;
  }

  .employ-list-box.form .employ-form-line.file span.img-button{
    display: block;
    width: 104px;
    height: 40px;
    border: unset;
    border-radius: unset;
    line-height: 40px;
    background-color: #7C75FF;
    font-size: 14px;
    color: #fff;
    padding: 0;
    text-align: center;
    margin-top: 15px;
    float: left;
    cursor: pointer;
  }

  .filename-btn{display: inline-block; padding-right: 32px; background: url(/assets/images/common/ico-file-delete.svg) right center/24px no-repeat; line-height: 40px; float: left; margin-right: 8px; margin-top: 15px;}
  .employ-list-box.career .employ-form-line-input .avatar-upload {
    position: relative;
    width: 100%;
    display: flex;
  }
  .employ-list-box.career .employ-form-line-input .avatar-edit {
    position: relative;
    z-index: 1;
    top: unset;
    left: unset;
    transform: unset;
    margin: 5px 0px 0px 10px;
    margin-left: 10px;
  }
  .employ-list-box.career .employ-form-line-input .avatar-edit input{display: none;}
  .employ-list-box.career .employ-form-line-input .avatar-preview {
    width: 100%;
    height: 50px;
    max-width: 160px;
    position: relative;
    background-color: #fff;
    border-radius: unset;
  }
  .employ-list-box.career .employ-form-line-input .avatar-preview  img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: unset;
  }

  .employ-list-box.career .employ-form-line-input .avatar-preview img{display: block; width: 100%; height: 100%; object-fit: cover;}

  .employ-list-box.career .employ-form-line-input .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: unset;
    background-position: center;
    background-color: #f5f6fa;
  }
  .employ-list-box.career .employ-form-line-input .avatar-edit input + label {
    display: inline-block;
    margin-bottom: 0;
    width: 100px;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #7C75FF;
    line-height: 40px;
    text-align: center;
    position: relative;
  }

  .employ-list-box.career .employ-form-line-input .avatar-edit input + label::before{
    display: none;
  }

  .employ-list-box.form .employ-form-line.file label span{
    padding: 0;
    height: 40px;
    border: none;
    line-height: 40px;
    border: none;
  }
  .employ-list-box.form .employ-form-line.file label span.fileName{border: 1px solid #e2e2e2; border-radius: 5px; padding-left: 20px;}

  #section2 .fileName{display: none;}

  #section2 .label-file-btn{
    display: flex;
    flex-direction: row;
    line-height: 50px;
  }

  #section2 .filename-btn{margin-top: 0;line-height: 50px;}
  #section2 .img-button{width: 130px; height: 40px; line-height: 40px; background-color: #7C75FF;margin-top: 5px; color: #fff; text-align: center; font-size: 14px;}
  .fileName{display: block; width: 415px; height: 50px;border-radius: 5px;border: 1px solid #e2e2e2;padding-left: 20px;}
  #section5 .label-file-btn{
    display: flex;
  }
  #section5 label{float: left; line-height: 50px;}
  #section5 .img-button{width: 104px; height: 40px; background-color: #7C75FF; margin: 5px 0px 0px 20px; font-size: 14px; color: #fff; text-align: center; line-height: 40px;}
  #section5 .wrap-btn{min-width: 100%; flex: 1;margin-top: 20px;}
  #section5 .employ-form-line{padding-top: 40px;}
  .employ-list-box.career #section5 .employ-from-full{padding-top: 10px;}
  .employ-list-box.career .employ-form-line-input.relative{position: relative;display: flex; flex-wrap: wrap;}
  .employ-list-box.career .employ-form-line-input.relative .fileName{font-size: 0;}

  .employ-list-box.career .employ-form-line-input.relative .filename-btn{position: absolute;
  left: 0;
  margin: 0;
  left: 20px;
  top: 5px;
}

.img-button{cursor: pointer;}
.scroll-ment{display: none;}
.detail-center-box{max-width: 1200px; width: 100%; margin: 0 auto;}
.sub-container.detail{background-color: #f5f6fa;overflow: unset;}
.sub-container.detail .detail-form-wrap {
  width: calc(100% - 220px);
  display: inline-block;
}
.sub-container.detail .sticky-right {
  position: sticky;
  top: 0;
  right: 0;
  width: 200px;
  padding-top: 45px;
  float: right;
  z-index: 11;
}
.detail-top-box{margin: 40px 0px; padding: 40px; background-color: #fff;}
.detail-top-title{
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;}
.detail-title-left{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.detail-title-big{position: relative; padding: 30px 0px 0; margin-bottom: 30px; display: inline-block;}
.detail-title-big::after{content: " "; position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; height: 11px; bottom: 0; left: 0; z-index: 1; background-color: #AFABFF;}
.detail-title-big span {font-size: 18px; color: #222; line-height: 22px; padding: 0px 5px; position: relative; z-index: 9; font-weight: 600;}
.detail-title-left .detail-name{font-size: 16px; font-weight: 600; color: #222;}
.detail-title-left .detail-title{font-size: 24px; font-weight: 600; color: #222;}

.detail-title-right{display: flex; flex-direction: row;gap: 10px;}
.detail-title-right .like-btn {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #D7D4FF;
  background: url(/assets/images/main/ico-star-off.png) center / 20px no-repeat;
  cursor: pointer;
}

.detail-title-right .like-btn.on {
  background: url(/assets/images/main/ico-star-on.png) center / 20px no-repeat;
}

.detail-title-right button{width: 160px; height: 50px; border-radius: 50px; box-shadow: 2px 2px 10px rgba(58, 73, 104, 0.2); background-color: #5950FF; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer;}


.employ-list-box .employ-list-table-line .employ-list-like{width: 80px; height: 18px; background: url(/assets/images/main/ico-star-off.png) center/20px no-repeat; cursor: pointer;}
.employ-list-box .employ-list-table-line .employ-list-like.on{background: url(/assets/images/main/ico-star-on.png) center/20px no-repeat; cursor: pointer;}
.detail-item{margin-bottom: 20px;}
.detail-item div{font-size: 16px; font-weight: 700; color: #5950FF; padding-left: 20px; position: relative;}
.detail-item div::after{content: " "; display: block; position: absolute; width: 10px; height: 10px; border-radius: 10px; background-color: #5950FF; left: 0; top: 5px; line-height: 20px;}
.detail-top-content ul{display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 20px;}

.detail-content-1{
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px dashed #e2e2e2;
}
.detail-top-content ul li{display: flex;flex-direction: row;}
.detail-top-content ul li.full{width: 100%; min-width: 100%; flex: 1;}
.detail-top-content ul li:nth-child(1),
.detail-top-content ul li:nth-child(2),
.detail-top-content ul li:nth-child(3),
.detail-top-content ul li:nth-child(4){
  width: 50%;
}
.detail-top-content ul li > span:nth-child(1){
  width: 100px;
  min-width: 100px;
  font-size: 16px;
  color: #222;
  font-weight: 600;
  display: block;
}
.detail-top-content ul li > span:nth-child(2){
  font-size: 16px;
  color: #555;
  font-weight: 500;
  display: block;
}
.detail-top-content ul li > div span{
  display: block;
  line-height: 1.6;
  color: #555;
  font-size: 16px;
}

.detail-content-3 ul{
  flex-direction: column;
}

.detail-content-3 .detail-top-content ul li:nth-child(1),
.detail-content-3 .detail-top-content ul li:nth-child(2),
.detail-content-3 .detail-top-content ul li:nth-child(3),
.detail-content-3 .detail-top-content ul li:nth-child(4){
  width: 100%;
  flex: 1;
  min-width: 100%;
}

.detail-mid-box{display: flex; flex-direction: row; border: 1px solid #5950FF; margin: 40px 0px; background-color: #fff;}
.detail-mid-box > div:nth-child(1){width: 580px; display: flex; align-items: center; justify-content: center;}
.detail-left-1{padding: 33px; display: flex; flex-direction: column; gap: 15px;}
.detail-left-1 span{font-size: 14px; font-weight: 600; color: #8079fd; text-align: center;}
.detail-left-1 p{font-size: 24px; font-weight: 600; color: #5950FF; text-align: center;}
.detail-left-2{display: flex; flex-direction: column; gap: 8px;}
.detail-left-2 div span:nth-child(1){
  font-size: 13px;
  padding: 5px 15px;
  border-radius: 20px;
  color: #555;
  border: 1px solid #dfdfdf;
  display: inline-block;}
  .detail-left-2 div span:nth-child(2){display: inline-block;margin-left: 13px; font-size: 13px; color: #555;}
  .detail-left-2 div:nth-child(2) span:nth-child(2){color: #5950FF;}
.detail-mid-box > div:nth-child(2){width: calc( 100% - 580px ); background-color: #E9E8FF; display: flex; align-items: center; justify-content: center;}
.detail-mid-box > div:nth-child(2) button{display: flex; width: 200px; height: 45px; background-color: #5950FF; border-radius: 45px; align-items: center; justify-content: center; cursor: pointer;}
.detail-mid-box > div:nth-child(2) button span{font-size: 16px; font-weight: 600; color: #fff;}

.detail-bot-box{margin: 30px auto 130px; background-color: #fff; border: 1px solid #e2e2e2; border-top: 3px solid #5950FF;}

.detail-bot-top{padding: 40px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #e2e2e2;}
.detail-bot-title{
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  display: flex;
  flex: 1;
  min-width: 100%;}
  .detail-bot-top
  .bot-detail-left ul li:nth-child(1),
  .bot-detail-left ul li:nth-child(2),
  .bot-detail-left ul li:nth-child(3),
  .bot-detail-left ul li:nth-child(4){
  width: 50%;
}
.bot-detail-left{display: flex; width: 544px; min-width: 544px;}

.bot-detail-left ul{width: 100%; display: flex; flex-wrap: wrap;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;}
.bot-detail-left ul li {min-width: 250px;}
.bot-detail-left ul li > span:nth-child(1){
  width: 100px;
  min-width: 100px;
  font-size: 16px;
  color: #222;
  font-weight: 600;
  display: block;
}
.bot-detail-left ul li > span:nth-child(2){
  font-size: 16px;
  color: #555;
  font-weight: 500;
  display: block;
}
.bot-detail-left ul li {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.bot-top-left{padding-left: 0;}
.bot-top-left ul{display: flex; flex-direction: row; width: 500px; flex-wrap: wrap; row-gap: 10px;}
.bot-top-left ul li{width: 250px; display: flex; flex-direction: row; column-gap: 10px;}

.bot-top-left ul li > span:nth-child(1){
  width: 100px;
  min-width: 100px;
  font-size: 16px;
  color: #222;
  font-weight: 600;
  display: block;
}
.bot-top-left ul li > span:nth-child(2){
  font-size: 16px;
  color: #555;
  font-weight: 500;
  display: block;
}


.bot-top-left li {
  width: 250px;
}

.sticky-right.detail ul{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sticky-right.detail ul li{
  padding: 20px 20px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background-color: #fff;
  cursor: pointer;
}

.box-detail-name{font-size: 11px; color: #222; font-weight: 600; margin-bottom: 5px; display: block;}
.box-detail-title{font-size: 13px; color: #555; font-weight: 500; margin-bottom: 10px; display: block;}
.box-detail-cate{display: flex; flex-direction: row; margin-bottom: 20px;}
.box-detail-cate span{font-size: 11px; color: #8a8a8a; line-height: 1;}
.box-detail-cate span:nth-child(n+2){padding-left: 16px; position: relative;}
.box-detail-cate span:nth-child(n+2)::after{content: " "; position: absolute; display: block; width: 1px; height: 9px; background-color: #8a8a8a; top: 0px; left: 8px;}
.box-detail-bottom {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.box-detail-bottom .date{font-size: 12px; font-weight: 700; color: #8a8a8a; }
.box-detail-bottom  .like-btn{
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/images/main/ico-star-off.png) center / 20px no-repeat;
  cursor: pointer;
}
.box-detail-bottom .like-btn.on{
  background: url(/assets/images/main/ico-star-on.png) center / 20px no-repeat;
}
.import-box{display: none;}
.detail-title-right.sticky,
.detail-title-right.sticky.fixed{position: unset; width: unset;}
@media screen and (max-width: 1280px) {

  .header-bottom .header-wrap,
  .header-top .header-wrap{max-width: unset;margin: 0px 25px;}
  .header-top .header-wrap .logo{width: 220px;}
  .header-top .header-wrap .gnb ul li.alarm a{margin-left: 15px;}
  .header-top .header-wrap .gnb ul li.search a{width: 20px; height: 20px;
    display: block;
    background: url(/assets/images/common/ico-top-search.svg) center /20px no-repeat;}


  .main-container .main-container-wrap {max-width: unset;margin: 0 25px 40px;display: flex;width: calc( 100% - 50px );gap: 30px;}
  .main-container .main-container-wrap .main-container-left .slider-box .slider-box-img{width: 310px;}
  .main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption {position: absolute;top: 30px;left: 40px;transform: unset;}
  .main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption h1{font-size: 24px;}
  .main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption p {margin: 5px auto 10px;font-size: 14px;}
  .main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a {display: flex;width: 160px;height: 40px;border-radius: 40px;}
  .main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a span {padding-right: 26px;background: url(/assets/images/main/arrow-narrow-right.png) right center / 17px no-repeat;}
  .main-container .main-container-wrap .main-container-right .subnavDiv ul li a span{font-size: 12px; letter-spacing: -1px;}
  .main-container-bot{padding: 50px 0px;}
  .main-container-bot .main-container-bot-wrap {max-width: 1200px;width: calc( 100% - 50px );margin: 0 25px;}
  .main-container-bot .main-container-bot-wrap>div {width: calc(50% - 10px);}
  .main-container-bot .main-container-bot-wrap .main-board-title {margin-bottom: 20px;}
  .main-container-bot .main-container-bot-wrap .main-board-title span {font-size: 18px;}
  .main-container-bot .main-container-bot-wrap .main-board-title a {font-size: 14px;}
  .main-container-bot .main-container-bot-wrap .main-board-list {padding: 20px 25px;}
  .main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item {height: 35px;cursor: pointer;}
  .main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item .main-board-list-title {font-size: 13px;}
  .main-container-bot .main-container-bot-wrap .main-board-list .main-board-list-item .main-board-list-date {font-size: 12px;color: #a0a0a0;font-weight: 400;}
  .main-container-middle .main-middle-tab{padding-left: 40px; display: flex; flex-direction: row; gap: 60px; max-width: 1200px; margin: 0 auto; width: 100%;}
  .swiper2 .swiper-slide {text-align: center;font-size: 18px;background: transparent;height: calc((100% - 30px) / 2) !important;display: flex;justify-content: center;align-items: center;}
  .swiper2 .swiper-slide .top-box-img{height: 85px;}

  footer{min-height: 230px;}
  footer .footer-wrap {width: calc( 100% - 80px ); margin: 0px 40px;gap: 10px;}
  footer .footer-wrap > .footer-wrap{margin: 0;}
  footer .footer-wrap .footer-logo{width: 220px;}
  footer .footer-wrap .footer-info{font-size: 12px; line-height: 18px;}

  .go-top{width: 40px;height: 40px;}
  .sticky{right: 20px;}

  .sub-container{min-width: unset; width: 100%;}
  .sub-container .sub-title{max-width: unset; margin: 45px 25px 20px; width: calc( 100% - 50px );}


  .sub-container .pc-search-box {
    max-width: unset;
      margin: 0 25px 30px;
      width: calc(100% - 50px);
  }
  .sub-container .employ-category {max-width: unset;margin: 0 25px; width: calc( 100% - 50px );}
  .employ-list-box {background-color: #F5F6FA;padding: 67px 25px 86px;margin-top: 82px; width: 100%;}

  .sub-container .employ-category.talent ul li .employ-category-box{padding: 15px;}
  .sub-container .employ-category.talent ul li .employ-category-box-line{
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .employ-list-box.talent .employ-list-table col:nth-child(1){
    width: 40px!important;
  }
  .employ-list-box.talent .employ-list-table col:nth-child(4){
    width: 120px;
  }
  .employ-list-box .employ-list-table-line .employ-list-like{
    width: 40px;
  }

  .employ-list-box.talent .employ-list-table-line .employ-list-title{
    margin-right: 20px;
  }
  .employ-list-box.talent .employ-list-table{
    margin-top: 20px;
    padding: 20px;
  }
  .employ-list-box .employ-list-table-line .employ-list-title div ul{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .employ-list-box .employ-list-table-line .employ-list-title div ul li:nth-child(n+2)::before{
    display: none;
  }
  .employ-list-box .employ-list-table-line .employ-list-title div ul li:nth-child(n+2){
    padding: 0;
  }
  .employ-list-box.thumb table tbody {
    gap: 10px;
  }
  .employ-list-box.thumb table tr{
    width: calc( ( 100% - 10px ) / 2 );
  }
  .employ-list-box.talent.thumb table tr .img-talent{
    position: unset;
  }
  .employ-list-box.talent.thumb .employ-list-table-line .employ-list-title, .employ-list-box.talent.thumb .employ-list-table-line .employ-list-cate ul, .employ-list-box.talent.thumb .employ-list-btn{
    padding-left: 0;
  }
  .employ-list-box.form .employ-form-wrap {
    width: calc( 100% - 50px );
    margin: 50px 25px 0;
    padding: 30px 20px 60px;
    background-color: #fff;}

  .employ-list-box.form .employ-form-line{
    flex-direction: column;
  }
  .employ-list-box.form .employ-from-flex .employ-form-line-left{
    width: calc( 100% - 180px );
  }
  .employ-list-box.form .employ-from-flex .employ-form-line-right{
    width: 180px;
  }
  .employ-list-box.form .employ-from-flex .employ-form-line-right .employ-form-line-title{
    display: none;
  }

  .employ-list-box.form .employ-form-line.table table tr td{
    padding: 0px 10px 0px 10px;
  }
  .employ-list-box.form .employ-form-line.table table col:nth-last-child(1){
    width: 300px;
  }
  .employ-list-box.form .employ-form-line.table table col:nth-last-child(1){
    width: 600px;
  }
  .employ-list-box.form .employ-form-line{gap: 20px;}
  .employ-list-box.form .employ-form-line .employ-form-line-title.center{height: 40px; line-height: 40px;}

  .sub-container.calendar .career-top-box,
  .sub-container.calendar .calendar-container{width: calc( 100% - 50px ); margin: 0px 25px;}
  .sub-container.calendar.on .employ-category.calendar{width: 100%;}

  .employ-list-box.career .career-center-box{
    margin: 0px 25px;
  }
  .employ-list-box.career .employ-form-wrap{margin-left: 0; margin-right: 0; padding: 0;width: calc(100% - 210px);}
  .info-box{width: 100%; margin-left: 0; margin-top: 10px;
    padding: 20px 20px;}
  .employ-list-box.career::after{display: none;}
  .employ-list-box.career .career-list .table-box{
    overflow: hidden;
    overflow-x: scroll;
  }

  .employ-list-box.career .career-list .table-box table{min-width: 900px;}
  .employ-list-box.career .employ-form-line-input{width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
  .employ-list-box.career .employ-form-line-input label + label{margin-left: 0;}
  .employ-list-box.career .employ-form-line-input.wd415 select{width: 100%;}
  .employ-list-box.career .employ-form-line-input.flex-new{}
  .employ-list-box.career .employ-form-line .employ-form-line-title.h50{line-height: 1;}
  .employ-list-box.career .employ-form-line.file span.img-button{margin-top: 0;}
  #section5 .wrap-btn{margin: 0 auto;}


  .detail-center-box{width: calc( 100% - 40px ); margin: 0px 20px;}
  .detail-top-box{padding: 20px;}
  .detail-title-left .detail-name{font-size: 14px;}
  .detail-title-left .detail-title{font-size: 20px; margin-right: 20px;}
  .detail-title-right .like-btn{width: 40px; height: 40px;}
  .detail-title-right button {
    width: 140px;
    height: 40px;
    border-radius: 40px;}


.detail-top-title{padding-bottom: 20px;align-items: flex-end;}

.detail-title-big{padding: 20px 0px 0; margin-bottom: 20px;}
.detail-title-big::after{height: 8px; bottom: 0; left: 0; z-index: 1;}
.detail-title-big span {font-size: 16px;line-height: 16px;}
.detail-title-left .detail-name{font-size: 14px; font-weight: 600; color: #222;}
.detail-title-left .detail-title{font-size: 22px; font-weight: 600; color: #222;}
.detail-top-content ul li > span:nth-child(1){font-size: 14px; width: 80px; min-width: 80px;}
.detail-top-content ul li > span:nth-child(2){font-size: 14px;}
.detail-top-content ul li > div span {
  font-size: 14px;
  text-indent: -10px;
  padding-left: 10px;
}
.detail-mid-box > div:nth-child(1){width: 70%;}
.detail-mid-box > div:nth-child(2){width: 30%;}
.detail-left-1{padding: 30px 10px;}
.detail-mid-box > div:nth-child(2) button{width: 150px;}
.detail-bot-top{padding: 20px; justify-content: flex-start;}
.detail-bot-title{font-size: 20px;}
.bot-detail-left ul li > span:nth-child(1) {
  width: 80px;
  min-width: 80px;
  font-size: 14px;
}
.bot-detail-left{width: 400px; min-width: 400px;}
.bot-detail-left ul li{min-width: unset; width: 50%;}
.bot-detail-left ul li > span:nth-child(2){font-size: 14px;}
.bot-top-left ul li > span:nth-child(1),
.bot-top-left ul li > span:nth-child(2){font-size: 14px;}
.bot-top-right{width: 160px; position: absolute; top:20px; right: 20px;}
.detail-bot-top{position: relative;}
}


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

.detail-mid-box {flex-direction: column;}
.detail-mid-box > div:nth-child(1) {
  width: 100%;
  flex-direction: column;
}
.detail-mid-box > div:nth-child(2) {
  width: 100%;
  align-items: center;
  background: #fff;
  margin: 20px 0px 37px;
}
.detail-left-1{gap: 10px; padding-top: 37px;}
.detail-left-2{gap: 5px;}

}
@media screen and (max-width: 768px) {
  .header-top .header-wrap .gnb ul li a{
    padding-left: 24px;
  }
  .import-box{display: block;font-size: 13px;}
  .mo_m{
    display: block;
  }
  .mo_header.on{
    display: block;
  }

  body.on{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }

  .mo_header{
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
  }

  .mo_header .mo_top{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;}
  .mo_header .mo_top .logo{width: 194px;}
  .mo_header .mo_top .logo img{width: 100%;}
  .mo_header .mo_top .close-header{ width: 24px;}
  .mo_header .mo_top .close-header img{display: block; width: 100%;}

  .mo_header .header_gnb .gnb{display: flex; flex-direction: row; height: 60px; background-color: #F5F6FA;}
  .mo_header .header_gnb .gnb ul{flex-direction: row;display: flex;width: 100%;}
  .mo_header .header_gnb .gnb ul li{width: 50%;display: flex;align-items: center;justify-content: center;}
  .mo_header .header_gnb .gnb ul li a{padding-left: 28px;}
  .mo_header .header_gnb ul li.login a{background: url(/assets/images/common/ico-login.svg) left/auto no-repeat;}
  .mo_header .header_gnb .gnb ul li.join a{background: url(/assets/images/common/ico-join.svg) left/auto no-repeat;}
  .mo_header .header_gnb .gnb ul li.mypage a{background: url(/assets/images/common/ico-mypage.svg) left/auto no-repeat;}
  .mo_header .header_gnb .gnb ul li:nth-child(1){position: relative;}
  .mo_header .header_gnb .gnb ul li:nth-child(1)::after{content: " "; width: 1px; height: 15px; background-color: #989898; position: absolute; display: block; right: 0; top: 22.5px;}
  .mo_header .menu{width: 100%; height: calc( 100vh - 110px ); overflow-y: scroll; }
  .mo_header .menu > ul{
    display: flex;
    flex-direction: column;
    padding: 30px 0px 0px;
  }
  .mo_header .menu > ul > li {
    width: 100%;
    padding: 0;
    border-left: 0;
    position: unset;
    display: flex;
    flex-direction: row;
    gap: 13px;
    padding: 0px 40px;
}

.mo_header .menu > ul > li:nth-child(2),
.mo_header .menu > ul > li:nth-child(3){
  padding-top: 30px;
  margin-top: 30px;
  position: relative;
}

.mo_header .menu>ul>li:nth-child(2)::after,
.mo_header .menu>ul>li:nth-child(3)::after{
  content: " ";
  position: absolute;
  display: block;
  width: calc( 100% - 80px );
  height: 1px;
  background-color: #ddd;
  left: 40px;
  top: 0;
}

.mo_header .menu > ul > li:nth-child(4){
  margin-top: 25px;
  padding: 38px 40px 0px;
}

.mo_header .menu > ul > li:nth-child(5){
  padding: 60px 40px 38px;
  position: relative;
}

.mo_header .menu>ul>li:nth-child(5)::after{
  content: " ";
  position: absolute;
  display: block;
  width: calc( 100% - 80px );
  height: 1px;
  background-color: #ddd;
  left: 40px;
  top: 30px;
}

.mo_header .menu > ul > li > a{
  display: block;
  min-width: 100px;
  font-size: 18px;
  font-family: 'nsB';
  color: #222;
  margin: 0;
  padding-left: 25px;
  height: 25px;
  background-size: 20px;
}

.mo_header .menu > ul > li .sub-menu li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 2;
}
.mo_header .menu > ul > li.company::before{
  display: none;
}



.header-top .header-wrap .gnb ul li.mo_m a{margin-left: 8px;width: 24px;height: 20px; display: block; background: url(/assets/images/common/ico-menu-off.svg) center/auto no-repeat; display: block;}
.header-bottom {height: 100px;}
.header-bottom .header-wrap{display: none;}
.header-bottom .header-wrap, .header-top .header-wrap {
    max-width: unset;
    margin: 0px 20px;
}
.header-top .header-wrap .gnb .join,
.header-top .header-wrap .gnb .login{display: none;}
.header-top .header-wrap{height: 50px;}
.header-top, .header-bottom{position: unset;}
.header-top .header-wrap .logo{width: 194px;}
.header-top .header-wrap .search-header {width: calc(100% - 40px);height: 50px;position: absolute;left: 50%;transform: translateX(-50%);top: 70px;max-width: unset;}
header .header-bottom{
  height: 0;
  box-shadow: none;
  border-bottom: none;
  transition: all .3s;
}
header.searchOn .header-bottom{
  height: 70px;

}
header .header-top .header-wrap .search-header{
  height: 0px;
  overflow: hidden;
  transition: all .3s;
}

header.searchOn .header-top .header-wrap .search-header{
  height: 50px;
  overflow: hidden;
}

.header-top .header-wrap .gnb ul li.alarm a{
  margin-left: 0;
}
.main-container{padding: 0; background-color: #fff;overflow: hidden;}
.main-container .main-container-wrap{
  flex-direction: column;
  max-width: unset;
  margin: 0;
  width: 100%;
  gap: 0px;
}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption h1 {font-size: 24px;max-width: 270px;word-break: keep-all; line-height: 1.3;}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption p{font-size: 12px; margin: 5px auto 15px; line-height: 1.7;}
.main-container .main-container-wrap .swier-button-prev{position: absolute; display: block; width: 30px; height: 30px; background: url(/assets/images/main/ico-color-left.png) center/30px no-repeat;top:unset; bottom: 22px; left: 32px;}
.main-container .main-container-wrap .swier-button-next{position: absolute; display: block; width: 30px; height: 30px; background: url(/assets/images/main/ico-color-right.png) center/30px no-repeat; top: unset; bottom: 22px; right: 32px;}
.main-container .main-container-wrap .swier-button-prev.swiper-button-disabled,
.main-container .main-container-wrap .swier-button-next.swiper-button-disabled{opacity: 1;}

.main-container .main-container-wrap .main-container-left{
  max-width: unset;
  height: 406px;
  padding: 20px;
  background: #fff;
}
.main-container .main-container-wrap .main-container-left .slider-box{
  height: 320px;
  background-color: #7C75FF;
}
.mob-wrap {
  width: calc(100% - 150px);
  position: relative;
  display: flex;
  margin: 26px auto;
  gap: 10px;
}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a {
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: unset;
  border: none;
  position: relative;
}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a::after{
  content: " ";
  width: 120px;
  height: 10px;
  background-color: #504ac9;
  display: block;
  position: absolute;
  left: -7px;
  bottom: -2px;
}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-caption a span {
  display: inline-block;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  padding-right: 23px;
  background: url(/assets/images/main/arrow-narrow-right.png) right center / 18px no-repeat;
  position: relative;
  z-index: 2;
}
.main-container .main-container-wrap .main-container-left .swiper-progress{
  position: relative;display: block;background-color: #ddd;border-radius: 4px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background-color: #3e3e3e!important;border-radius: 4px;
}
.main-container .main-container-wrap .main-container-left .swiper-pagination{
  width: auto;
  display: block;
  flex: 1;
  display: flex;
  position: relative;
}
.main-container .main-container-wrap .main-container-left .swiper-pagination span{

  font-family: 'GmarketSansMedium'!important;
}
.fixed-right {
  position: fixed;
  display: block;
  width: 100%;
  padding: 0px;
  border: 1px solid #3A4968;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
  border-right: none;
  z-index: 99;
}
.fixed-right ul{display: flex; flex-direction: row; align-items: center;justify-content: center;}
.fixed-right li:nth-child(1)::after {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: rgba(58, 73, 104, 0.2);
  top: calc(50% - 10px);
  right: 0;
  left: unset;
}
.fixed-right li{width: 50%;}
.fixed-right li a{
  display: flex;
  flex-direction: row;
  padding: 0;
  height: 60px;
  align-items: center;
  justify-content: center;}
.fixed-right li a span:nth-child(1){margin-left: auto;}
.fixed-right li a span:nth-child(2){
      flex-direction: row;
      padding-bottom: 0;
      padding-right: 30px;
      align-items: center;
      justify-content: center;
      margin-right: auto;
      background: url(/assets/images/common/ico-side-arrow.svg) right center / auto no-repeat;
      line-height: 24px;}

.fixed-right li:nth-child(1){margin: 0; padding: 0;}
.fixed-right.sticky{bottom: 0; transform: unset;}
.main-container .main-container-wrap .main-container-right{
  display: flex;
  flex-direction: row;
  background-color: #F5F6FA;
  align-items: center;
  justify-content: center;
  padding: 40px 0px;
  width: 100%;
}
.main-container .main-container-wrap .main-container-right .subnav{
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 200px;
}
.main-container .main-container-wrap .main-container-right .subnavBtn:nth-child(1){width: 100%; height: 100px; border-radius: 15px 0px 0px 0px;}
.main-container .main-container-wrap .main-container-right .subnavBtn:nth-child(2){width: 100%; height: 100px; border-radius: 0px 0px 0px 15px;}

.main-container-middle{
  padding: 0;
  padding-top: 30px;
}

.main-container-middle .main-middle-tab {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: unset;
  width: 100%;
  position: relative;
  z-index: 9;
}


.main-container-middle .main-middle-tab .subnav {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 0px 20px;
}
.main-container-middle .main-middle-tab .subnav button span {
  padding: 0px 0px 0px 24px;
  font-size: 13px;
  line-height: 30px;
}
.main-container-middle .main-middle-tab .subnav button.active-btn span::after{display: none;}

.main-container-middle .main-middle-tab .subnav button span::before{content: " ";display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 3px;background: url(/assets/images/main/ico-siren.png) center/20px no-repeat;}
.main-container-middle .main-middle-tab .subnav button:nth-child(2) span::before{background: url(/assets/images/main/ico-good.png) center/20px no-repeat;}
.main-container-middle .main-middle-tab .subnav button:nth-child(3) span::before{background: url(/assets/images/main/ico-new.png) center/20px no-repeat;}
.main-container-middle .main-middle-tab .subnav button {
  width: 100%;
  height: 30px;
  border-radius: 30px;
  box-shadow: unset;
}
.main-container-middle .main-middle-tab .subnav {
  display: flex;
  flex-direction: row;
  gap: 4px;
  margin: 0px 20px;
}
.main-container-middle .main-middle-tab .subnavDiv-wrap {
  width: calc(100% - 40px);
  margin: 0 auto;
}
.swiper2 .swiper-slide:hover .top-box-img{height: 85px;}
.swiper2 .swiper-slide:hover .top-box-text{height: 0;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:nth-child(2n + 1):hover > div{height: 100%; position: absolute; top: 0; z-index: 33;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:nth-child(2n):hover > div{height: 100%; position: absolute; bottom: 0; z-index: 33;}
.main-container-middle .main-middle-tab .subnavDiv-wrap .swiper-slide:hover > div{border-color: #DCDCDC;}
.swiper2 .swiper-slide:hover .top-box-button{display: none;}
.swiper2 .swiper-slide {
  height: calc((100% - 20px) / 3)!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper2 .swiper-slide .top-box-img {
  height: 85px;
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
  top: 20px;
  right: 30px;
}
.swiper2 .swiper-slide .top-box-img > img{
  display: none;
}
.swiper2 .swiper-slide .top-box-img .top-box-logo {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.main-container-middle::after {
  content: " ";
  width: 100%;
  height: 132px;
  position: absolute;
  display: block;
  left: 0;
  bottom: unset;
  top: 0;
  background-color: #EBEDF5;
}
.subnavDiv-wrap .swier-btn-next,
.subnavDiv-wrap .swier-btn-prev{
  display: none;
}
.main-container-middle .main-middle-tab .subnavDiv2 .go-more{position: unset;margin: 20px auto 0;}
.main-container-middle .main-middle-tab .subnavDiv2 .go-more a {
  width: auto;
  height: auto;
  border: unset;
  text-align: center;
  align-items: center;
  line-height: 50px;
  font-size: 12px;
  font-weight: 600;
  color: #222;
}
.swiper-pagination-bullet {
  width: 4px !important;
  height: 4px !important;
  border-radius: 4px !important;
  transition: all .3s;
  background: rgba(34, 34, 34, 0.5) !important;
  opacity: 1 !important;
  margin: 0px !important;
}
.main-container-middle .main-middle-tab .subnavDiv2 .go-more a{
  position: relative;
  padding: 5px 5px;
  background-color: #EBEDF5;
  line-height: unset;
  border-radius: 0;
}

.main-container-middle .main-middle-tab .subnavDiv2 .go-more a::before{
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 50%;
  background-color: rgba(80,74,201,0.3);
  bottom: 0;
  left: 0;
}

.main-container-middle .main-middle-tab .subnavDiv2 .go-more a span{
  padding-right: 23px;
  background: url(/assets/images/common/ico-plus-black.svg) right center / 18px no-repeat; position: relative; z-index: 2;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px !important;
  background: rgba(34, 34, 34, 1) !important;
}
.main-container-bot .main-container-bot-wrap {
  max-width: unset;
  width: calc( 100% - 40px );
  margin: 0 20px;
  flex-direction: column;

}
.main-container-bot .main-container-bot-wrap>div {
  width: 100%;
}
.main-container .main-container-wrap .main-container-left .slider-box .slider-box-img {
  width: 280px;
}
.main-container .main-container-wrap .main-container-right .subnavDiv {
  width: 220px;
  height: 200px;
}

body.modal-open{width: 100vw; height: 100vh; overflow: hidden;}


.sub-container .sub-title{display: flex; flex-direction: row; justify-content: space-between;align-items: center; font-size: 18px; margin: 30px auto 18px;border-bottom: 1px solid #eaeaea;width: 100%;padding: 0px 20px 18px; margin-bottom: 0px;}
.sub-container .sub-title a{display: inline-block; padding-left: 35px; background: url(/assets/images/common/ico-filter.svg) left center/20px no-repeat; font-size: 13px; color: #222; font-weight: 500; height: 20px; line-height: 20px;}
.sub-container .sub-title span{ display: inline-block;}
.sub-container.calendar .sub-title span{display: block;}
.employ-form-top-line>span{display: none;}
.employ-form-top-line p{font-size: 14px;}
.employ-list-box.form .import {
  font-size: 14px;
}

.sub-container .pc-search-box{display: none;}
.sub-container .mo-search-box{width: calc( 100% - 40px );margin: 30px 20px;position: relative; display: block;}
.sub-container .mo-search-box input{display: block;border: 2px solid #5950FF;border-radius: 10px;padding: 0px 14px;width: 100%;height: 50px;}
.sub-container .mo-search-box button{width: 23px;height: 23px;position: absolute;top: 14px;right: 14px;background: url('/assets/images/main/ico-search-top.png') center/22px no-repeat;}

.employ-list-box .employ-title-box p{display: none;}
.employ-list-box .employ-list-title select{display: block;border: none;background-color: transparent;color: #222;font-size: 13px;margin: 0;height: 20px;}
.employ-list-box .employ-top-btn{display: none;}
.horizontal-scrolling-items {display: flex;margin: 0 auto;overflow: hidden;width: 1945px;animation-name: infiniteScroll;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;gap: 20px;background-color: #fff;padding: 20px 0px 28;}
.horizontal-scrolling-items__item{gap: 10px;}
.horizontal-scrolling-items__item img{  width: 100px;}









.employ-list-box{padding-top: 20px;margin: 0;}
.employ-list-box .employ-title-box{width: 100%; max-width: unset; justify-content: space-between;}
.employ-list-box.list table tbody{display: flex;flex-direction: column;flex-wrap: wrap;gap: 10px; align-items: center; justify-content: center;}
.employ-list-box.list .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-box.list .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-box.list table colgroup{display: none;}
.employ-list-box.list table tr{display: flex;flex-direction: column;position: relative;border: 1px solid #e2e2e2;border-radius: 15px;background-color: #fff;width: calc( 100% - 10px );padding: 20px;}
.employ-list-box.list table tr td{border: none;padding: 0px;}
.employ-list-box.list .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-box.list .employ-list-like{width: 18px;position: absolute;top: unset;right: 22px;bottom: 28px;}
.employ-list-box.list .employ-list-btn{width: 100%;align-items: flex-start;justify-content: flex-start;margin-top: 20px;}
.employ-list-box.list table tr .img-talent{width: 50px;height: 50px;position: absolute;top: 20px;right: 20px;}


.employ-list-box.talent.thumb table tbody{display: flex;flex-direction: column;flex-wrap: wrap;gap: 10px; align-items: center; justify-content: center;}
.employ-list-box.talent.thumb .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-box.talent.thumb .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-box.talent.thumb table colgroup{display: none;}
.employ-list-box.talent.thumb table tr{display: flex;flex-direction: column;position: relative;border: 1px solid #e2e2e2;border-radius: 15px;background-color: #fff;width: calc( 100% - 10px );padding: 20px;}
.employ-list-box.talent.thumb table tr td{border: none;padding: 0px;}
.employ-list-box.talent.thumb .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-box.talent.thumb .employ-list-like{width: 18px;position: absolute;top: unset;right: 22px;bottom: 28px;}
.employ-list-box.talent.thumb .employ-list-btn{width: 100%;align-items: flex-start;justify-content: flex-start;margin-top: 20px;}
.employ-list-box.talent.thumb table tr .img-talent{width: 50px;height: 50px;position: absolute;top: 20px;right: 20px;}
.employ-list-box.talent.thumb .employ-list-btn{margin-top: 20px;}
.employ-list-box.talent .employ-list-table-line .employ-list-title .employ-title-people{display: flex;flex-direction: row; align-items: center; gap: 10px;}
.employ-list-box.talent .employ-list-table-line .employ-list-title .employ-title-cate ul{display: none;}
.employ-list-box.talent .employ-list-table-line .employ-list-title div ul li:nth-child(2){position: relative; padding-left: 8px;}
.employ-list-box.talent .employ-list-table-line .employ-list-title div ul li:nth-child(2)::after{content: " "; width: 1px; height: 8px; background-color: #e2e2e2; display: block; position: inherit;position: absolute; top: 2px; left: 4px;}
.employ-list-box.talent .employ-list-table-line .employ-list-title{gap: 0;}
.employ-list-box.talent .employ-list-table-line .employ-list-title .employ-title-text{font-size: 12px; line-height: 1.5; color: #222; margin: 5px 0px 15px;}
.employ-list-box.talent .employ-list-table-line .employ-list-title .employ-title-people span{font-size: 14px; font-weight: bold;}
.employ-list-box.talent .employ-list-table-line .employ-list-title div ul{flex-direction: row;}
.employ-list-box.talent .employ-list-table-line .employ-list-title div ul li{font-size: 10px;}

.employ-list-box.talent .employ-list-table-line .employ-list-cate ul li{padding: 5px 10px; font-size: 9px;}

.employ-list-box.talent .employ-list-table-line .employ-list-btn button{width: 122px;height: 33px;border: 1px solid #5950FF;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.employ-list-box.talent .employ-list-table-line .employ-list-btn button span {font-size: 12px;}


.mobile-employ-list{display: block;}
.sub-container .employ-search-line,
.sub-container .employ-top-sel{display: none;}
.employ-list-box.employee{padding: 20px 0 60px;}
.employ-list-box.employee.thumb table tbody{display: flex;flex-direction: column;flex-wrap: wrap;gap: 10px; align-items: center; justify-content: center;}
.employ-list-box.employee.thumb .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-box.employee.thumb .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-box.employee.thumb table colgroup{display: none;}
.employ-list-box.employee.thumb table tr{display: flex;flex-direction: column;position: relative;border: 1px solid #e2e2e2;border-radius: 15px;background-color: #fff;width: 100%;padding: 20px;}
.employ-list-box.employee.thumb table tr td{border: none;padding: 0px;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-box.employee.thumb .employ-list-like{width: 18px;position: absolute;top: 20px;right: 20px;bottom: unset;}
.employ-list-box.employee.thumb .employ-list-btn{width: 100%;align-items: flex-start;justify-content: flex-start;margin-top: 20px;}
.employ-list-box.employee.thumb table tr .img-talent{width: 50px;height: 50px;position: absolute;top: 20px;right: 20px;}.employ-list-box.employee.thumb .employ-list-btn {margin-top: 0;  flex-direction: row-reverse;position: absolute;right: 20px;bottom: 20px;align-items: center;}

.employ-list-box.employee{padding: 20px 0 60px;}
.employ-list-box.employee.list table tbody{display: flex;flex-direction: column;flex-wrap: wrap;gap: 10px; align-items: center; justify-content: center;}
.employ-list-box.employee.list .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-box.employee.list .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-box.employee.list table colgroup{display: none;}
.employ-list-box.employee.list table tr{display: flex;flex-direction: column;position: relative;border: 1px solid #e2e2e2;border-radius: 15px;background-color: #fff;width: 100%;padding: 20px;}
.employ-list-box.employee.list table tr td{border: none;padding: 0px;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-box.employee.list .employ-list-like{width: 18px;position: absolute;top: 20px;right: 20px;bottom: unset;}
.employ-list-box.employee.list .employ-list-btn{margin-top: 0;flex-direction: row-reverse;position: absolute;right: 20px;bottom: 20px;align-items: center;}


.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-box.employee .employ-list-table-line .employ-list-btn.date-dday button {border: 1px solid #D03838;}
.employ-list-box.employee .employ-list-table-line .employ-list-title .employ-title-people{display: flex;flex-direction: row; align-items: center; gap: 10px;}
.employ-list-box.employee .employ-list-table-line .employ-list-title .employ-title-cate ul{display: none;}
.employ-list-box.employee .employ-list-table-line .employ-list-title div ul li:nth-child(2){position: relative; padding-left: 8px;}
.employ-list-box.employee .employ-list-table-line .employ-list-title div ul li:nth-child(2)::after{content: " "; width: 1px; height: 8px; background-color: #e2e2e2; display: block; position: inherit;position: absolute; top: 2px; left: 4px;}
.employ-list-box.employee .employ-list-table-line .employ-list-title{gap: 0; padding: 0;}
.employ-list-box.employee .employ-list-table-line .employ-list-title .employ-title-text{font-size: 12px; line-height: 1.5; color: #222; margin: 5px 0px 15px;}
.employ-list-box.employee .employ-list-table-line .employ-list-title .employ-title-people span{font-size: 14px; font-weight: bold;}
.employ-list-box.employee .employ-list-table-line .employ-list-title div ul{flex-direction: row;}
.employ-list-box.employee .employ-list-table-line .employ-list-title div ul li{font-size: 10px;}

.employ-list-box.employee .employ-list-table-line .employ-list-cate ul li{padding: 5px 10px; font-size: 9px;}


.employ-list-box.employee .employ-list-table-line .employ-list-btn button{width: 86px;height: 27px;border: 1px solid #5950FF;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.employ-list-box.employee .employ-list-table-line .employ-list-btn button span {font-size: 12px; font-weight: 700;}

.employ-list-box .employ-list-table-line .employ-list-btn.date-end button span{padding-left: 20px; font-size: 12px; font-weight: 700; color: #5950FF; background: url(/assets/images/common/ico-airport.svg) left center/12px no-repeat;}
.employ-list-box .employ-list-table-line .employ-list-btn.date-dday button span{padding-left: 20px; font-size: 12px; font-weight: 700; color: #d03838; background: url(/assets/images/common/ico-siren.svg) left center/12px no-repeat;}

/* .sub-container .employ-category{display: none;} */
.employ-list-box.employee.thumb table tr{border: none; border-bottom: 1px solid #eaeaea; border-radius: 0;}
.employ-list-box.employee.thumb table tbody{gap: 0;}
.employ-category.employee.thumb {display: none;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-company .employ-company-cate{display: none;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-company .employ-company-name{font-size: 12px; font-weight: 600; color: #222;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-title .employ-title-text{font-size: 14px; color: #555; font-weight: 500; margin: 5px 0px 10px;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li {padding: 0 0 0 20px;font-size: 12px;color: #8a8a8a;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul{display: flex; flex-direction: row; gap: 0px;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li{font-size: 12px; font-weight: 500; color: #8a8a8a; height: 27px; line-height: 28px;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li:nth-child(1){background: unset; padding-left: 0;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li:nth-child(2){background: unset;padding-left: 16px; position: relative;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li:nth-child(3){background: unset;padding-left: 16px; position: relative;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li:nth-child(2)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}
.employ-list-box.employee.thumb .employ-list-table-line .employ-list-cate ul li:nth-child(3)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}


.employ-list-box.employee.list table tr{border: none; border-bottom: 1px solid #eaeaea; border-radius: 0;}
.employ-list-box.employee.list table tbody{gap: 0;}
.employ-category.employee.list {display: none;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-company .employ-company-cate{display: none;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-company .employ-company-name{font-size: 12px; font-weight: 600; color: #222;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-title .employ-title-text{font-size: 14px; color: #555; font-weight: 500; margin: 5px 0px 10px;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li {padding: 0 0 0 20px;font-size: 12px;color: #8a8a8a;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul{display: flex; flex-direction: row; gap: 0px;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li{font-size: 12px; font-weight: 500; color: #8a8a8a; height: 27px; line-height: 28px;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(1){background: unset; padding-left: 0;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(2){background: unset;padding-left: 16px; position: relative;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(3){background: unset;padding-left: 16px; position: relative;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(2)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}
.employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(3)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}

.mobile-employ-list{padding: 10px 20px 0;}
.mobile-employ-list > ul {display: flex; flex-direction: column; gap: 10px;}
.mobile-employ-list > ul > li{border: 1px solid #DCDCDC; background-color: #fff; border-radius: 10px; padding: 24px 30px 14px;position: relative;}
.mobile-employ-list > ul > li .employ-list-like{width: 80px; height: 18px; background: url(/assets/images/main/ico-star-off.png) center/20px no-repeat; cursor: pointer;}
.mobile-employ-list > ul > li .employ-list-like.on{background: url(/assets/images/main/ico-star-on.png) center/20px no-repeat; cursor: pointer;}
.mobile-employ-list > ul > li .employ-list-company{display: flex; flex-direction: column; gap: 10px;}
.mobile-employ-list > ul > li .employ-list-company .employ-company-name{font-size: 14px;font-weight: 500; color: #222;}
.employ-list-box.employee.thumb .mobile-employ-list .employ-list-btn{position: unset; width: 80px;align-items: flex-start;justify-content: flex-start;flex-direction: row;}
.employ-list-box.employee.thumb .mobile-employ-list .employ-list-btn .go-apply{display: none;}
.employ-list-box.employee.thumb .mobile-employ-list .employ-list-like{top: unset; bottom: 14px;}

.employ-list-box.employee.list .mobile-employ-list .employ-list-btn{position: unset; width: 80px;align-items: flex-start;justify-content: flex-start;flex-direction: row;}
.employ-list-box.employee.list .mobile-employ-list .employ-list-btn .go-apply{display: none;}
.employ-list-box.employee.list .mobile-employ-list .employ-list-like{top: unset; bottom: 14px;}
.mobile-employ-list .employ-list-table-line .img-box {position: absolute;top: 24px;right: 30px;width: 77px;}
.mobile-employ-list .employ-list-table-line .img-box img{display: block;}




.modal-filter {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: none;
}
.employ-list-box .employ-list-title select{width: 64px;padding: 0;background: url(/assets/images/common/ico-arrow-sel.png) 48px center / auto no-repeat;}

.modal-filter.open{display: block;}
.modal-overlay {position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.modal-filter.open .modal-overlay{
  display: block;
  transform: translateY(0);
}
.modal-filter .title-line{
  width: calc( 100% - 60px );
  position: absolute;
  top: 20px;
  left: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.modal-filter .close_modal {
  width: 24px;
  height: 24px;
}

.modal-filter .close_modal img{
  display: block;
  width: 100%;
}

.modal-filter .modal-body{position: absolute;width: 100vw;height: calc(100vh - 180px);background: #fff;z-index: 999;display: block;top: unset;bottom: 0;left: 0;border-radius: 20px 20px 0px 0px;padding: 74px 20px 24px;overflow: hidden; transform: translateY(100%); transition: all .3s;}
.modal-filter.open .modal-body{transform: translateY(0%);}

.modal-body > .modal-page1 ul {display: flex; flex-direction: column;}
.modal-body > .modal-page1 ul li{display: flex; flex-direction: row;justify-content: space-between; align-items: center; padding-right: 20px; background: url(/assets/images/common/ico-right-arrow.svg) right center/8px no-repeat; border-bottom: 1px solid #ddd; line-height: 50px; height: 50px;}
.modal-body > .modal-page1 ul li span.title{font-size: 16px; font-weight: 700; color: #222;}
.modal-body > .modal-page1 ul li span.selected{font-size: 12px; font-weight: 500; color: #5950FF;}

.modal-body .title-text{font-size: 18px; font-weight: 700; color: #111;}


.modal-body .select-line{display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px;}
.modal-body .select-line select{font-size: 13px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 77px; height: 32px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 55px center/auto no-repeat; float: left;}
.modal-body .select-line select.long{font-size: 13px; font-weight: 500; color: #777;border: 1px solid #e2e2e2; width: 100px; height: 32px; padding-left: 12px; appearance: none; background: url(/assets/images/common/ico-arrow-sel.png) 80px center/auto no-repeat; float: left;}


.sub-container .employ-category.employee{overflow: unset;max-width: unset;margin: unset;width: unset;}
.sub-container .employ-category > div{min-width: unset;}
.page2-item{
  position: absolute;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  padding: 74px 20px 24px;
  height: 100%;
  background-color: #fff;
  transform: translateX(100%);
  transition: all .3s;
}
.page2-item > ul li{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}


.modal-body.item1 .page2-item1{
  transform: translateX(0);
}
.modal-body.item2 .page2-item2{
  transform: translateX(0);
}
.modal-body.item3 .page2-item3{
  transform: translateX(0);
}
.modal-body.item4 .page2-item4{
  transform: translateX(0);
}
.modal-body.item5 .page2-item5{
  transform: translateX(0);
}
.modal-body.item6 .page2-item6{
  transform: translateX(0);
}

.page2-item ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sub-container .employ-category{display: none;}
.sub-container .employ-category.employee{display: block;}
.employ-list-box.employee  .employ-list-title{padding: 0px 20px;}
.sub-container .employ-category ul{padding: 15px 0;}
.sub-container .employ-category ul li{width: auto; position: relative; margin-right: 5px;}
.sub-container .employ-category ul li:nth-child(1){margin-left: 20px;}
.sub-container .employ-category ul li:nth-child(6){margin-right: 20px;}
.sub-container .employ-category ul li .employ-category-title {background-color: #fff;border: 1px solid #E2E2E2;display: flex;align-items: center;justify-content: center;height: unset;padding: 5px 10px;border-radius: 32px; cursor: pointer;}
.sub-container .employ-category ul li .employ-category-title span{font-size: 13px; padding-left: 0; padding-right: 17px; font-weight: 600; color: #222; display: block;}
.sub-container .employ-category ul li:nth-child(1) .employ-category-title span{background: url(/assets/images/common/ico-arrow-down.svg) right center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(2) .employ-category-title span{background: url(/assets/images/common/ico-arrow-down.svg) right center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(3) .employ-category-title span{background: url(/assets/images/common/ico-arrow-down.svg) right center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(4) .employ-category-title span{background: url(/assets/images/common/ico-arrow-down.svg) right center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(5) .employ-category-title span{background: url(/assets/images/common/ico-arrow-down.svg) right center/auto no-repeat;}
.sub-container .employ-category ul li:nth-child(6) .employ-category-title span{background: url(/assets/images/common/ico-arrow-down.svg) right center/auto no-repeat;}
.sub-container .employ-category ul li .employ-category-box{height: 200px; overflow-y:scroll; display: block; padding: 20px 0px 0px 20px;; gap: 10px; border: 1px solid #E2E2E2;border-top: 1px solid #e2e2e2;position: absolute; left: 0; width: 200px; background-color: #fff; z-index: 9;}
.sub-container .employ-category ul li:nth-child(n+2) .employ-category-box{border-left: 1px solid #e2e2e2;}
.sub-container .employ-category ul li .employ-category-box label{display: block; width: 100%; margin-bottom: 10px;}
.sub-container .employ-category ul li .employ-category-box.flex label{display: block; width: 50%; float: left;}
.sub-container .employ-category ul li .employ-category-box{display: none;}
.sub-container .employ-category ul li:nth-child(6) .employ-category-box{left: unset; right: 0;}
.sub-container .employ-category ul li.active .employ-category-box{display: block;}
.employ-list-box.form .employ-form-top{padding: 0px 20px; border: none;gap: 10px;}
.employ-list-box.form .employ-form-top input{height: 40px; line-height: 40px;}
.employ-list-box.form .employ-from-flex{gap: 15px; padding: 0px 20px; margin-top: 30px;}
.employ-list-box.form .employ-form-wrap{margin: 0; padding: 30px 0; width: 100%;}
.employ-list-box.form .employ-form-line{gap: 10px;}
.employ-list-box.form .employ-form-line .employ-form-line-title.center{line-height: 17px; font-size: 14px;}
.employ-list-box.form .employ-form-line-input{width: 100%;}
.employ-list-box.form .employ-form-line-input.short{width: calc( 100% - 130px );}
.employ-list-box.form .employ-form-line-input.mFlex{display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 11px;}
.employ-list-box.form .employ-form-line-input.mFlex label{min-width: 50%;}
.employ-list-box.form .employ-form-line-input.flex-start {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.employ-list-box.form .employ-form-line-input.flex-start .min{min-width: 100%;}
.employ-list-box.form .employ-form-line-input.flex-start .min span{font-size: 12px; color: #555;}
.employ-list-box.form .employ-form-line-input.flex{flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 10px;}
.employ-list-box.form .employ-form-line-input.flex-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.employ-list-box.form .employ-form-line-input.flex-space button {
  font-size: 13px;
  line-height: 18px;
  padding-left: 23px;
  color: #222;
  margin: 20px auto 0;
  background: url(/assets/images/common/ico-plus-circle.svg) left center / 18px no-repeat;
}
.employ-list-box.form .employ-form-line-input .ml60{margin-left: 0;}

.wd110{width: 100px!important;}


.wd150{width: 100%!important; max-width: 110px;}
.wd200{width: 100%!important; flex: 1;}

.employ-list-box.form .employ-form-wrap .employ-form-line-title{font-size: 14px;}
.employ-list-box.form .employ-form-line-input .flex-date span{margin-left: 5px; font-size: 12px; color: #555;}
.employ-list-box.form .employ-form-line-input .flex-date span:nth-child(1) {margin-left: 0;}
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(2),
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(7){max-width: 87px; width: 100%;}
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(7){margin-left: 61px;}
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(4),
.employ-list-box.form .employ-form-line-input .flex-date input:nth-child(9){width: 60px;margin-left: 10px;}
.employ-list-box.form .employ-form-line-input.flex-column .employ-form-line-flex{display: flex; flex-direction: row;  flex-wrap: wrap;row-gap: 10px;}
.employ-list-box.form .employ-form-line.table table tr:nth-child(1){display: none;}
.employ-list-box.form .employ-form-line.table table colgroup{display: none;}
.employ-list-box.form .employ-form-line.table table tr{display: flex; flex-direction: column;}
.employ-list-box.form .employ-form-line.table table tr td .table-flex-box div input{width: 50px;}
.employ-list-box.form .employ-form-line.table table tr td{font-size: 12px; border-bottom: none;}
.employ-list-box.form .employ-form-line.table table tr td:nth-child(2){line-height: unset; height: unset; padding: 10px; word-break: keep-all; text-align: left;}
.employ-list-box.form .employ-form-line.table table tr:last-child td:last-child{border-bottom: 1px solid #e2e2e2;}
.employ-list-box.form .employ-form-line-input select{font-size: 12px;}
.employ-list-box.form .employ-form-line.keyword .keyword-box div span{font-size: 11px;}
.employ-list-box.form .employ-form-line.keyword .keyword-box div{height: unset;}
.employ-list-box.form .employ-form-line.keyword .keyword-box div span{margin: 8px 15px;}
.employ-list-box.form .employ-form-line.keyword .keyword-box{flex-wrap: wrap;}
.employ-list-box.form .employ-form-line.keyword .employ-form-line-input button{width: 45px; height: 30px;}
label input[type=radio]+span {
  padding-left: 26px;
  font-size: 12px;
  color: #777;
  line-height: 20px;
  background: url(/assets/images/common/ico-radio-off.png) left center / 16px no-repeat;
  height: 20px;
  display: block;
}
label input[type=checkbox]+span {
  padding-left: 26px;
  font-size: 12px;
  color: #777;
  line-height: 20px;
  background: url(/assets/images/common/ico-check-off.png) left center / 20px no-repeat;
  display: block;
}
.employ-list-box.form .employ-form-line-input select{height: 40px;}
.avatar-edit input + label{width: 75px; height: 28px;
  font-size: 12px;
  line-height: 28px;font-weight: 500;}
.avatar-edit input + label::before {
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  display: block;
  background: url(/assets/images/sub/ico-uploade.svg) center / 24px no-repeat;
  top: -44px;
  left: calc(50% - 12.5px);}
.employ-list-box.form .employ-form-line input[type="text"]{width: 100%; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #e2e2e2; padding-left: 20px; font-size: 12px; color: #222;}
.employ-list-box.form .employ-form-line-input.num{line-height: 40px;}
.employ-list-box.form .employ-from-flex .employ-form-line-left {gap: 20px;width: 100%;}
.employ-list-box.form .employ-from-flex .employ-form-line-right{width: 113px; position: absolute; right: 20px;}
.employ-list-box.form .employ-form-line-input.num input:nth-child(1){width: 100%; padding: 5px; text-align: center;}
.employ-list-box.form .employ-form-line-input.num input:nth-child(n+2){width: 100%;}
.employ-list-box.form .employ-form-line-input.flex button {
  width: 62px;
  height: 38px;
  min-width: unset;
  font-size: 12px;
  font-weight: 500;
  line-height: 38px;
}
.employ-from-full{gap: 30px;}


.employ-from-full{padding: 0px 20px;}
.avatar-edit{top: 85px;}
.avatar-upload{width:114px;}
.avatar-preview {
  width: 114px;
  height: 155px;
  position: relative;
  background-color: #F5F6FA;
}

  .paging.pc{display: none;}
  .paging.mo{display: flex;}


  .sub-container.calendar .career-top-btn{
    display: none;
  }

  .sub-container.calendar .career-top-box{
    margin: 16px auto;
  }


  .sub-container.calendar .career-top-title{gap: 20px;}
  .sub-container.calendar .career-top-title button{display: block;cursor: pointer; width: 30px; height: 30px;}
  .sub-container.calendar .career-top-title span{font-size: 20px; font-weight: 600; color: #222;}
  .sub-container.calendar .calendar-container table{width: 100%;}
  .sub-container.calendar .calendar-container table tr th{text-align: center; height: 43px;}
  .sub-container.calendar .calendar-container table tr th span{padding: 0; font-size: 11px; font-weight: bold;}
  .sub-container.calendar .calendar-container table tr td{padding: 0; height: 43px; text-align: center; vertical-align: middle;}
  .sub-container.calendar .calendar-container table tr td .event-box{display: none;}
  .sub-container.calendar .calendar-container table tr td span.date {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        cursor: pointer;
        margin: 0 auto;
        line-height: 30px;
        font-size: 11px;
        font-weight: 500;
    }

  .employ-list-table.calendar{display: block;}
  .sub-container.calendar .calendar-container table tr td span.date.on{
    color: #fff;
    background-color: #5950FF;
  }
  .sub-container.calendar .calendar-container .border-box{overflow: hidden;}


  .employ-list-box.employee.list table tbody{gap: 0;}
  .employ-category.employee.list {display: none;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-company .employ-company-cate{display: none;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-company .employ-company-name{font-size: 12px; font-weight: 600; color: #222;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-title .employ-title-text{font-size: 14px; color: #555; font-weight: 500; margin: 5px 0px 10px;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li {padding: 0 0 0 20px;font-size: 12px;color: #8a8a8a;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul{display: flex; flex-direction: row; gap: 0px;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li{font-size: 12px; font-weight: 500; color: #8a8a8a; height: 27px; line-height: 28px;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(1){background: unset; padding-left: 0;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(2){background: unset;padding-left: 16px; position: relative;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(3){background: unset;padding-left: 16px; position: relative;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(2)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}
  .employ-list-box.employee.list .employ-list-table-line .employ-list-cate ul li:nth-child(3)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}



.employ-list-table.calendar .calendar-date-title{display: block; padding: 27px 20px 0; }
.employ-list-table.calendar .calendar-date-title span{font-size: 18px; line-height: 20px; padding: 0px 5px;font-weight: 600; color: #222;position: relative; z-index: 9;}
.employ-list-table.calendar .calendar-date-title span::before{ content: " "; display: block; width: 100%; height: 10px; position: absolute; left: 0; bottom: 0; background-color: #AFABFF; z-index: -1;}
.employ-list-table.calendar table{width: 100%; table-layout: fixed; border-collapse: collapse;}

.employ-list-table.calendar td{padding: 20px 0px; border-bottom: 1px solid #e2e2e2;}
.employ-list-table.calendar .employ-list-table-line td{vertical-align: top;}
.employ-list-table.calendar .employ-list-table-line .employ-list-like{width: 20px; height: 20px; background: url(/assets/images/main/ico-star-off.png) center/20px no-repeat; cursor: pointer;}
.employ-list-table.calendar .employ-list-table-line .employ-list-like.on{background: url(/assets/images/main/ico-star-on.png) center/20px no-repeat; cursor: pointer;}
.employ-list-table.calendar .employ-list-table-line .employ-list-company{display: flex; flex-direction: column; gap: 10px;}
.employ-list-table.calendar .employ-list-table-line .employ-list-company .employ-company-name{font-size: 12px;font-weight: 600; color: #222;}
.employ-list-table.calendar .employ-list-table-line .employ-list-title .employ-title-text{font-size: 14px; font-weight: 500; color: #555; margin: 5px 0px 10px; display: block;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul li {padding: 0 0 0 20px;font-size: 12px;color: #8a8a8a;  height: 27px; line-height: 28px;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul{display: flex; flex-direction: row; gap: 0px;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul li:nth-child(1){background: unset; padding-left: 0;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul li:nth-child(2){background: unset;padding-left: 16px; position: relative;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul li:nth-child(3){background: unset;padding-left: 16px; position: relative;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul li:nth-child(2)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul li:nth-child(3)::after{content: " "; width: 1px; height: 9px; position: absolute; display: block; top: 9.5px; left: 8px; background-color: #8a8a8a;}


.employ-list-table.calendar .employ-list-table-line .employ-list-btn.date-end button span{font-size: 12px; font-weight: 700; color: #5950FF;}
.employ-list-table.calendar .employ-list-table-line .employ-list-btn.date-dday button span{font-size: 12px; font-weight: 700; color: #d03838;line-height: 20px;}
.employ-list-table.calendar .employ-list-table-line .employ-list-btn > span{font-size: 12px; font-weight: 700; color: #D03838;}
.employ-list-table.calendar .employ-list-table-line .employ-list-btn.date-dday button{width: 66px; height: 27px; border: 1px solid #D03838; display: flex; align-items: center; justify-content: center;background-color: #fff; cursor: pointer;}
.employ-list-table.calendar .employ-list-table-line .employ-list-btn.date-end button{width: 66px; height: 27px; border: 1px solid #5950FF; display: flex; align-items: center; justify-content: center; background-color: #fff;cursor: pointer;}
.employ-list-table.calendar .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-table.calendar .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-table.calendar table colgroup{display: none;}

.employ-list-table.calendar table tbody{display: flex;flex-direction: column;flex-wrap: wrap;align-items: center; justify-content: center;}
.employ-list-table.calendar .employ-list-table{padding: 0;background-color: transparent;border: none;}
.employ-list-table.calendar .employ-list-box{border: none;padding: 0;background-color: transparent;}
.employ-list-table.calendar table colgroup{display: none;}
.employ-list-table.calendar table tr{display: flex;flex-direction: column;position: relative;border-bottom: 1px solid #e2e2e2;background-color: #fff;width: 100%;padding: 20px;}
.employ-list-table.calendar table tr td{border: none;padding: 0px;}
.employ-list-table.calendar .employ-list-table-line .employ-list-cate ul{flex-direction: row;}
.employ-list-table.calendar .employ-list-like{width: 18px;position: absolute;top: 20px;right: 20px;bottom: unset;}
.employ-list-table.calendar .employ-list-btn{width: 100%;display: flex;flex-direction: row-reverse;align-items: center;justify-content: end;gap: 8px;margin-top: 20px;position: absolute;right: 20px;bottom: 20px;}

.employ-list-box.career .career-center-box{margin: 0;}
.employ-list-box.career .career-list{gap: 10px;}
.scroll-ment{display: flex; flex-direction: row;gap: 8px; align-items: center;}
.employ-list-box.career .career-list .btn-add{margin-top: 10px;}
.employ-list-box.career .career-list table tr th {padding: 7px 0px;}
.employ-list-box.career .career-list table tr th span{font-size: 11px;}
.employ-list-box.career .career-list table tr td{padding: 9px 0px;}
.employ-list-box.career .career-list table tr td span{font-size: 12px;}
.employ-list-box.form .employ-form-line-input.mFlex label {
  width: calc(50% - 10px);min-width: unset;
}
.info-box{flex-direction: column; gap: 5px; padding: 15px 30px;}
.info-box::before{left: 20px;}
.info-box .info-mark{width: 20px;height: 20px;}
.info-box .info-box-text span{
  font-size: 11px;
  text-indent: -7px;
  padding-left: 7px;}
  .employ-list-box.career .employ-form-line-input.flex-new {position: relative;}
  .employ-list-box.career .employ-form-line-input.flex-new select{margin: 0; width: 100%;}
  .employ-list-box.career .employ-form-line-input.flex-new .sel-add{position: absolute;top: 180px;left: 50%;transform: translateX(-50%);}
  .employ-list-box.career .employ-form-line-input.flex-new .sel-add+input{margin-top: 0;
    margin-bottom: 40px;}
  .employ-list-box.form .employ-form-line.full{gap: 10px;}
  .employ-list-box.career .wrap-fff{padding: 30px 0px;}
  .employ-list-box.career .wrap-gray{background-color: #f5f6fa; padding: 30px 0px;}
  .employ-list-box.career .wrap-gray .sub-title{border: none; padding-bottom: 0;}
  .sub-container .employ-date{flex-wrap: wrap; max-width: 300px;}
  .employ-list-box.form .employ-form-line input[type="text"]{background-color: #fff;}
  .employ-list-box.career .employ-form-line-input .button-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }.employ-list-box.form .employ-form-line-input.flex-start{align-items: center; gap: 25px;}
  #section2 .img-button{
    width: 98px;
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 0;}
.employ-list-box.career .employ-form-line-input .button-line{flex-wrap: wrap;}
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(1) {width: 100%; flex: 1;min-width: 100%;}
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(1) label span {
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  flex: 1;
}
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(2),
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(3){width: 50%; min-width: 50%; flex: 1;}
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(2) label span,
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(3) label span{width: 100%;}
.employ-list-box.career .employ-form-line-input{ gap: 10px;}
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(4),
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(5){width: 50%; min-width: 50%; flex: 1;}
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(4) label span,
.employ-list-box.career .employ-form-line-input .button-line li:nth-child(5) label span{width: 100%;}
.btn-chekc-box > span:nth-child(1) {display: none;}
.btn-chekc-box{width: 100%; padding: 15px 10px;}
label input[type=checkbox]:checked + span{font-size: 12px;}
.employ-list-box.career .employ-from-full{padding-top: 30px;}
.employ-list-box.form .employ-form-line-input.num input:nth-child(1) {
  width: 100%;
  max-width: 80px;
}
.employ-list-box.form .employ-form-line-input.num input:nth-child(n+2) {
  width: 100%;
  max-width: 90px;
}
.employ-list-box.form .employ-form-line.file span.img-button{width: auto; line-height: unset; height: unset; font-size: 12px; padding: 8px 10px;}

.employ-list-box.form .employ-form-line.file label span{font-size: 12px;
  line-height: 40px;
  height: 40px;}

.employ-list-box.career .employ-form-line-input .avatar-edit input + label{width: unset; height: unset;line-height: unset; padding: 8px 10px;}
.employ-list-box.form .employ-form-line-input.short{width: 100%;}
.employ-list-box.form .employ-form-line{position: relative;}
#section4 .toggle-button-cover {
  gap: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
#section5 .fileName{width: 100%; height: 40px;}
.filename-btn{
  display: inline-block;
  padding-right: 26px;
  background: url(/assets/images/common/ico-file-delete.svg) right center / 18px no-repeat;
  line-height: 20px;
  margin: 0;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 10px;
}
.employ-list-box.form .employ-form-line-input input + p {
  padding-left: 26px;
  background: url(/assets/images/common/ico-info-small.svg) left top / 18px no-repeat;
  line-height: 1.5;
  font-size: 12px;
  color: #666;
}

.sub-container .sub-title{padding-bottom: 0; border-bottom: 0;}
#section5 .img-button {
  margin: 0;
  padding: 8px 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1;
  width: unset;
  margin-top: 6px;
}
#section5 label {
  width: calc(100% - 85px);
  line-height: 40px;
}
#section5 .wrap-btn{text-align: center;}
  .sticky {
    right: 5px;
    bottom: 80px;
  }
  #section3 .avatar-edit label span{line-height: 28px!important; height: 28px!important;}
  .employ-list-box.career .employ-form-line-input .label-file-btn .img-name{float: left;}
  footer{background-image: none; min-height: unset;}
  footer .footer-wrap{width: 100%;}
  footer > .footer-wrap {
    width: 100%;
    margin: 0;
    padding: 30px 20px 92px;
    gap: 10px;
    border-top: 1px solid #d9d9d9;
  }

  body.subPage .fixed-right{display: none;}
  body.subPage footer > .footer-wrap{
    padding-bottom: 30px;
  }
  footer .footer-wrap .footer-link li a {
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 18px;
  }
  footer .footer-wrap .footer-copy {
    font-size: 12px;
    color: #666;
    opacity: .5;
  }
  footer .footer-wrap .footer-link li a{
    font-size: 12px!important;
  }
  .employ-list-box.career .sticky-right {
    position: fixed !important;
    bottom: 0;
    left: 0;
    top: unset !important;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #F7F7F7;
    gap: 10px;
}
  .employ-list-box.career .sticky-right ul{
    display: none;
  }

  .employ-list-box.career .sticky-right .load-career{
    width: calc( 50% - 5px );
    height: 50px;
    border-radius: 0;
    border: none;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    font-size: 14px;
    font-weight: 600;
    color: #5950FF;
    line-height: 50px;
    margin-bottom: 0;
  }
  .employ-list-box.career .sticky-right .apply-career {
    width: calc( 50% - 5px );
    height: 50px;
    border-radius: 0;
    border: none;
    background-color: #5950ff;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 50px;
    margin-top: 0;
  }

  .sticky-right.sticky{bottom: 0!important;}
  .sticky-right.sticky.fixed{bottom: 0!important;}


  .detail-title-left{padding: 0px 20px;}

  .detail-title-right {
    position: fixed;
    width: 100%;
    background: #fff;
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    bottom: 0;
    z-index: 9;
    padding: 15px 20px;
}
.detail-title-right button {
  width: 100%;
  height: 50px;
  border-radius: 0;
  font-size: 14px;
}
body.subPage .detail-title-right.sticky{position: fixed; bottom: 0;width: 100%;}
body.subPage .detail-title-right.sticky.fixed{bottom: 0; position: fixed; width: 100%;}
.detail-title-right .like-btn{width: 85px; height: 50px; border-radius: 0px;}
  .sub-container.detail .sticky-right{display: none;}
  .sub-container.detail .detail-form-wrap{width: 100%;}
  .detail-top-box{padding: 30px 0px;margin: 0;}
  .detail-content-1{margin-left: 20px; margin-right: 20px;}
  .detail-content-2{padding: 0px 20px 30px; margin-bottom: 30px; border-bottom: 1px solid #eaeaea;}
  .detail-content-3{padding: 0px 20px;}
  .detail-top-title{padding-bottom: 30px;}
  .detail-title-left .detail-name{font-size: 10px;}
  .detail-title-left .detail-title{font-size: 18px;}
  .detail-center-box{margin: 0; width: 100%;}
  .detail-top-content ul{row-gap: 15px;}
  .detail-top-content ul li{width: 100%!important;}
  .detail-top-content ul li.br-line{flex-direction: column; gap: 10px;}
  .detail-top-content ul li > span:nth-child(1) {
      font-size: 13px;
      width: 100px;
      min-width: 100px;
  }
  .detail-top-content ul li > span:nth-child(2){font-size: 13px;}
  .detail-top-content ul li > div span {
    font-size: 13px;
    text-indent: -10px;
    padding-left: 10px;
    margin-left: 10px;
  }
  .detail-mid-box{
    margin: 30px 20px 40px;
  }
  .detail-content-1{margin-top: 30px; margin-bottom: 20px; padding-bottom: 20px;}
  .detail-left-1{padding-bottom: 20px;font-size: 20px; }
  .detail-left-1 span{font-size: 13px;}
  .detail-mid-box > div:nth-child(2) button{width: 200px;}
  .detail-bot-box{margin: 30px 20px;}
  .detail-title-big{padding-top: 0;}
  .bot-detail-left
  .bot-detail-left ul li{width: 100%!important;}
  .bot-top-right{max-width: 130px; position: absolute; top: 30px; right: 20px;}
  .bot-detail-left{width: 100%; min-width: 100%;}
  .bot-detail-left ul li{width: 100%!important;}
  .detail-bot-top{padding: 30px 20px; position: relative;}
  .detail-bot-title{font-size: 16px; line-height: 35px;}
  .bot-detail-left ul li > span:nth-child(1),
  .bot-detail-left ul li > span:nth-child(2),
  .bot-top-left ul li > span:nth-child(1),
  .bot-top-left ul li > span:nth-child(2){
    font-size: 13px;
  }

}





.tab_mnTop {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 3.5rem;
}

.tab_mnTop .swiper-container {
  padding: 0 4vw;
  margin: 6.25rem auto 4.375rem;
}

.tab_mnTop .swiper-slide {
  float: left;
  width: auto;
  position: relative;
  margin-right: 1rem;
}


.tab_mnTop .swiper-slide:last-child {
  margin-right: 0;
}

.tab_mnTop .swiper-slide:nth-child(1),
.tab_mnTop .swiper-slide:nth-child(5) {
  display: flex;
}

.tab_mnTop .swiper-slide:nth-child(1)::before {
  content: "Domestic";
  display: inline-block;
  font-size: 1.625rem;
  color: #000;
  font-family: 'Pretendard';
  font-weight: 600;
  margin: 0.625rem 0;
  line-height: 2.5rem;
  padding-right: 1.125rem;
  border-right: 1px solid #c6c6c6;
  margin-right: 1.125rem;
}

.tab_mnTop .swiper-slide:nth-child(5)::before {
  content: "Overseas";
  display: inline-block;
  font-size: 1.625rem;
  color: #000;
  font-family: 'Pretendard';
  font-weight: 600;
  margin: 0.625rem 0;
  line-height: 2.5rem;
  padding-right: 1.125rem;
  border-right: 1px solid #c6c6c6;
  margin-right: 1.125rem;
}

.tab_mnTop .swiper-slide a {
  width: auto;
  padding: 0 1.875rem;
  line-height: 3.75rem;
  height: calc(3.75rem - 2px);
  border: 1px solid #666;
  display: block;
  font-size: 1.625rem;
  color: #666;
  background-color: #fff;
  border-radius: 3.75rem;
  font-family: 'Pretendard';
  font-weight: 500;
}

.tab_mnTop .swiper-slide.on a {
  border: 1px solid #E30613;
  color: #fff;
  background-color: #E30613;
  border-radius: 3.75rem;
  font-weight: 700;
}

.tab_mnTop.menu_mn {
  margin: 0;
}

.tab_mnTop.menu_mn .swiper-container {
  padding: 0;
  margin: 0;
}

.tab_mnTop.menu_mn .swiper-slide {
  float: left;
  width: auto;
  position: relative;
  margin-right: 2.25rem;
}

.tab_mnTop.menu_mn .swiper-slide:last-child {
  margin-right: 2.5rem;
}

.tab_mnTop.menu_mn .swiper-slide:nth-child(1),
.tab_mnTop.menu_mn .swiper-slide:nth-child(5) {
  display: block;
}

.tab_mnTop.menu_mn .swiper-slide:nth-child(1)::before {
  display: none;
}

.tab_mnTop.menu_mn .swiper-slide:nth-child(5)::before {
  display: none;
}

.tab_mnTop.menu_mn .swiper-slide a {
  padding: 1.125rem 0;
  line-height: 1;
  border-radius: unset;
  font-size: 1.625rem;
  background-color: transparent;
  border: none;
  color: #fff;
  height: auto;
}

.tab_mnTop.menu_mn .swiper-slide.on a {
  background-color: transparent;
  border-bottom: 2px solid #fff;
}



.swiper-progress-bar{
  width: 600px;
  height: 4px;
position: relative;
margin: 20px auto;
background: #eeeeee;}
.progress{
  height: inherit;
  left: 0;
  top: 0;
  position: absolute;
  background: #007aff;
  z-index: 1;
}
.progress-sections{
  left: 0;
  top: 0;
  position: absolute;
  height: inherit;
  width: inherit;
  z-index: 2;
  display: flex;
  flex-direction: row;}
.swiper-counter{
width: 600px;
margin: 0 auto;
}