.mobile-flex,
.mobile_inline,
.mobile {
  display: none!important;
}
input.mobile-main-search::placeholder {
  color: transparent;
}

header .head-bot .nav-all > div {
  display: flex;
  flex-flow: row wrap;
}


.cal-icon {
    display: none;
  }




@media (max-width:1400px){
  /* SUB */
  .regist-wrap2 .form-item2 .form-wrap2 .wid4 .input-addWrap .input-wrap2.description {
    position: relative;
    width: 100%;
    top: 0;
    margin-top: 10px;
  }
  .regist-wrap2 .form-item2 .pdb60 {
    padding-bottom: 0;
  }
}

@media (max-width:1320px){
  /* SUB */
  .payment-wrap .pro-info02 {
    width: 500px;
    padding: 20px;
  }
  .payment-wrap .pro-info02 .bot-box li {
    width: 12%;
  }
  .payment-wrap .enter-box .enter-list .item .tooltip i {
    left: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  .post-style .payment-list .payment-item .dl-list dl dd.add-dd .flex-box .name {
    width: 120px;
  }
}

@media (max-width:1200px){
  .regist-wrap2 .form-item2 .form-wrap2 .wid4 .input-addWrap .last-education {
    margin-top: 10px!important;
  }

  .post-style .payment-list .payment-item {
    gap: 0;
  }
  .post-style .payment-list .payment-item .recruit-dd {
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
  }

  .post-style .payment-list .payment-item .left {
    flex-direction: row;
  }

  .detail-wrap .detail-sec3 .right p.blue {
    margin-top: 20px;
  }

  .detail-wrap .detail-sec2 .sec2-info .info-title {
    margin-bottom: 20px;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-item2 {
    margin-top: -25px;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-item2 .info-title {
    display: none;
  }
}

@media (max-width:1080px){
  .payment-wrap .pro-info .date-box2 {
    margin-top: 20px;
  }

  .payment-wrap .pro-info-ul {
    width: 100%;
    max-width: 100%!important;
  }
  .payment-wrap .pro-info02 {
    width: 100%;
    box-sizing: border-box;
  }

  .talent-stlye .talent-list .left .message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .talent-stlye2 .talent-list .bot .history .tit,
  .talent-stlye2 .talent-list .bot.cst .history .tit {display: none;}
  .talent-stlye2 .talent-list .bot.cst .etc,
  .talent-stlye2 .talent-list .bot .etc {flex-flow: row wrap; gap: 10px;}
  .talent-stlye2 .talent-list .bot .etc > * {width: 100%;}

  .print-wrap .status-box .table-wrap table .wid50 {
    width: 100%;
    display: block;
  }
  .print-wrap .status-box .table-wrap table .wid20 {
    width: 110px;
  }

  .print-wrap .status-box .table-wrap table .hopeTd td:first-child {padding-bottom: 0; border-bottom: 0;}
  .print-wrap .status-box .table-wrap table .hopeTd td:last-child {padding-top: 0; display: block;}

  .regist-wrap .input-check-add {
    width: 140px;
  }
  .regist-wrap2 .form-item2 .basic-box .left .column2 .col-l .flex-gap2-add:last-child,
  .regist-wrap2 .form-item2 .basic-box .left .column2 .col-l .flex-gap2-add:first-child {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .basic-box .left .column2 .col-l .flex-gap2-add:last-child .input-wrap2,
  .regist-wrap2 .form-item2 .basic-box .left .column2 .col-l .flex-gap2-add:first-child .input-wrap2 {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .basic-box .left .row > div:nth-child(2) {
    gap: 10px;
  }
  .regist-wrap2 .form-item2 .basic-box .left {gap: 10px;}
}
@media (max-width:1024px){
  .detail-wrap .detail-sec2-2 .info-wrap {
    gap: 80px;
  }
  .detail-wrap .detail-sec3_2 .left-box {
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .detail-wrap .detail-sec3_2 .chart-wrap {
    width: 100%;
  }
  .talent-stlye .talent-list .left,
  .talent-stlye .talent-list a > div.right {
    width: 100%;
  }
  .talent-stlye .talent-list .right .btn-wrap {
    width: auto;
  }
}

@media (max-width:900px){
  .post-style .payment-list .payment-item .dl-list dl dd.add-dd .flex-box .name {
    width: 90px;
  }
  .regist-wrap .txt-wrap .priod-txt2 {margin-top: 0; padding-left: 17px;}
}

@media (max-width:768px){
  /* 공용 S */
  body {overflow-y: auto;}
  .mobile {
    display: block!important;
  }
  .mobile-flex {
    display: flex!important;
  }
  .mobile_inline {
    display: inline!important;
  }
  .pc {
    display: none!important;
  }
  .pc-span {
    display: none!important;
  }
  .pd50 {padding: 20px;}
  .pd-edit {padding: 20px;}
  body.scroll-locked {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: scroll; /* 스크롤바 강제 유지 */
    width: 100%;
  }

  body,html {
    overflow-x: hidden;
  }

  /* #LGD_PAYMENTWINDOW {
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 9999!important;
    overflow-y: scroll; /* 스크롤바 강제 유지
  } */
  /* 공용 E */

  /* HEADER S */
  header {
    padding-top: 60px;
  }
  header .head-bot .nav-all {
    width: 100%;
    max-width: 100vw;
    position: fixed;
    top: 65px;
    height: calc(100% - 120px);
    overflow-y: scroll;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-top: 1px solid #ddd;
    padding: 0 25px 60px 25px;
  }
  header .head-bot .nav-all > div {
    position: relative;
  }
  header .head-bot .nav-all .mob {
    width: 100%;
    position: sticky;
    background-color: #fff;
    top: 0;
    z-index: 88;
  }
  header .head-bot .nav-all .top-nav{
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
  }
  header .head-bot .nav-all .top-nav li a {padding: 10px 0;
    font-size: 12px;
    display: flex;
   flex-flow: column wrap;}
  header .head-bot .nav-all .top-nav li a img {margin-bottom: 10px;}

  .nav-list-mo {display: none;}

  .mobile-nav-wrap {
    display: flex; 
    flex-flow: row wrap;
    align-items: flex-start;
    position: relative;
    padding: 30px 0;
  }

  .mobile-nav-left {
    width: 120px;
    position: sticky;
    top: 0;
  }
  .mobile-nav-menu {
    margin-bottom:20px;
  }
  .mobile-nav-menu li {
    /* font-size: 16px; */
    font-size: 14px;
    text-align: center;
    color: var(--black02);
    padding: 8px 10px;
    border-radius: 8px;
    margin:0 0 10px;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-sizing: border-box;
    width: 76px;
}

  .mobile-nav-menu li.on {
    color: var(--black02);
    font-weight: 700;
    background-color: var(--gray01);
  }

  .mobile-nav-button li a {
    display: flex;
    align-items: center;
    height: 30px;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid var(--gray05);
    font-size: var(--size14);
    width: 76px;
    color: var(--black01);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .mobile-nav-button li a.on {
    background-color: var(--black02);
    color: var(--white);
  }

  .mobile-nav-right {
    width: calc(100% - 120px);
    border-left: 1px solid #ddd;
    padding: 0 50px ;
    box-sizing: border-box;
  }

  .mobile-nav-list {
    margin-bottom: 25px;
  }

  .mobile-nav-list .mobile-nav-tit {
    /* font-size: 15px; */
    font-size: 13px;
    color: var(--black02);
    margin-bottom: 15px;
  }

  .pagination {
    gap: 12px;
    align-items: center;
  }

  .mobile-nav-list li {
    /* font-size: 15px; */
    font-size: 13px;
    color: var(--black02);
    padding-bottom: 13px;
    width: 100%;
}

  header .head-top {
    position: fixed;
    z-index: 990;
    background-color: #fff;
    width: 100%;
    max-width: 100vw;
    padding: 20px 0;
    top: 0;
    left: 0;
    
  }

  header .mobile .member-mob .top .info {
    border-radius: 8px;
    background: var(--white);
    /*box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);*/
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0px 0 10px;
  }

  header .mobile .member-mob .top .user {
    color: var(--black02);
    font-weight: 700;
    line-height: 20px;
  }
  
  header .mobile .member-mob .top .user a {
    text-decoration: underline;
    display: inline-block;
    color: #562dff;
  }

  header .mobile .member-mob .top .dl-list .mob-login, header .head-bot .nav-all .login-box .login-area .mob-login {
      display: flex;
      gap: 10px;
  }

  header .mobile .member-mob {
    display: block;
    font-size: var(--size14);
  }

  .main-sec1 .sec1-con .member-mob .top {display: none;}
  input.mobile-main-search::placeholder {
    color: #999;
  }

  header .mobile .member-mob .mob-profile {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
  }
  header .mobile .member-mob .mob-profile .img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .mobile .member-mob .mob-profile .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  header .mobile .member-mob .mob-profile .profile-text h5 {
    font-size: 14px;
  }
  header .mobile .member-mob .mob-profile .profile-text h5 span{
    color: #562dff;
  }
  header .mobile .member-mob .mob-profile .profile-text p {
    font-size: 12px;
    font-weight: 400;
    color: var(--gray02);
  }

  header .head-bot .nav-all .right {
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  header .head-bot .nav-all .right .welcome {
    margin-top: 20px;
    padding-left: 0;
  }

  header .head-bot .nav-all .right .welcome .txt2-btn {
    padding: 10px 20px;
  }

  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li img,
  header .head-bot .nav-all .top-nav li a img {width: 35px;}

  /* header .serach-wrap button img {
    opacity: 0;
  } */
  header.sub .head-bot > form,
  header.sub .mobile .member-mob .top {
    display: none;
  }

  /* HEADER E */

  /* MAIN S */
  .main-wrap {
    gap: 20px;
    padding-bottom: 30px;
  }
  .main-sec4,
  .main-sec5,
  .main-sec6,
  .main-sec7,
  .main-sec8,
  .main-sec9 {
    overflow: hidden;
  }
  .main-sec1 .sec1-con {
    margin-bottom: 15px;
  }
  .main-sec1 .sec1-con .sec1-flex {
    gap: 15px;
    margin-top: 25px;
  }
  .main-sec1 .sec1-con .member-mob .main-util {
    display: none;
  }
  .main-sec1 .sec1-con .banner a:nth-child(1) {
    display: block;
  } 
  .main-sec1 .sec1-con .banner a:nth-child(2) {
    display: none;
  }

  .main-sec1 .sec1-con .mobile-banner {
    order: 3;
  }
  .main-sec1 .sec1-con .mobile-banner a:nth-child(2) {
    display: block;
  }
  .main-sec1 .sec1-con .mobile-banner a:nth-child(1) {
    display: none;
  }
  .add_mobile_banner .mobile-banner a:first-child {
    display: block!important;
  }
  .add_mobile_banner .mobile-banner a:last-child {
    display: none!important;
  }

  .main-sec1 .sec1-con .sec1-tab {
    background-color: #fff;
    padding: 0;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-con {padding-top: 54px;}


  .main-sec1 .sec1-con .sec1-tab .tab-nav > li {
    padding: 6px 8px;
    background-color: var(--gray01);
    box-sizing: border-box;
    font-size: 13px;
    font-size: 14px;
    padding: 0 8px;
    line-height: 31px;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-nav > li b {
    font-weight: 500;
  }


  /* .main-sec1 .sec1-con .sec1-tab .tab-nav > li.on{
    background-color: var(--black01);
    border-color: var(--black01);
    color: var(--white);
  } */

  .main-sec1 .sec1-con .sec1-tab.mobile .tab-con {
    width: 100%;
  } 
  .main-sec1 .sec1-con .sec1-tab.mobile .tab-flex-box {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }
  .main-sec1 .sec1-con .sec1-tab.mobile .tab-nav {
    position: relative;
    margin-bottom: 0;
  }
  .main-sec1 .sec1-con .sec1-tab.mobile .tab-mobile-add {
    display: none;
  }
  .main-sec1 .sec1-con .sec1-tab.mobile .tab-con {
    padding-top: 30px;
  }
  .main-sec1 .sec1-con .sec1-tab.mobile .count-wrap {
    top: -51px;
    display: flex;
  }

  .main-sec1 .recru-style2 .card-wrap {
    display: grid;
    grid-auto-flow: column; /* 가로 방향으로 흐르게 */
    grid-template-rows: 150px 150px; /* 두 줄 만들기 */
    gap: 10px;
    padding: 0;
  }

  .main-sec1 .recru-style2 .main-sec1-h .recru-card .info {
    height: auto;
    flex-flow: row wrap;
    padding: 20px 20px;
    position: relative;
  }

  .main-sec1 .addBanner3 {
    padding: 20px;
    background-color: #f0f0f0;
    width: calc(100% - 32px);
    margin: auto;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: none!important;
}

.main-sec1 .addBanner3 h4 {
  font-size: 15px;
}

  .main-sec1 .addBanner3 .img-box {
    position: absolute;
    bottom: 0px;
    right: 20px;
    width: 70px;
  }

  .main-sec1 .sec1-con .sec1-tab .recru-style2 .recru-card {
    width: 75vw;
    border: 1px solid #eee;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

  .main-sec1 .recru-style2 .recru-card a {
    width: 100%;
    height: 100%;
    box-shadow: none;
  }
  .main-sec1 .recru-style2 .recru-card .top {
    /* width: 70px;
    order: 2;
    align-items: center;
    flex-direction: column; */
    width: 100%;
    padding-bottom: 10px;
  }
  .recru-style2 .recru-card .top .logo  {
    height: 32px;
  }
  .main-sec1 .recru-style2 .recru-card .top .logo img {
    max-height: 100%;
  }
  .recru-style2 .recru-card-c .event, .recru-style2 .recru-card .top .event  {
    margin-right: 0;
  }
  .tab-con .recru-style2 .recru-card .top .event.on {
    width: 43px;
  }
  .main-sec1 .recru-style2 .recru-card .title.main{
    /* width: calc(100% - 80px); */
    width: 100%;
    order: 1;
    /* margin-bottom: 16px; */
    margin-bottom: 0;
    display: flex;
    flex-flow: column wrap;
  }
  .main-sec1 .recru-style2 .recru-card .title.main > .tit {
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2; /* 2줄까지만 보이기 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.429em ;
    max-height: calc(1.429em  * 2);      /* 두 줄 높이 고정 */
    min-height: calc(1.429em  * 2); 
    font-size: var(--size18);
  }


  .main-sec1 .recru-style2 .recru-card .title .company {
    color: #562dff;
    order: 2;
    margin-bottom: 0;
    margin-top: 15px;
    width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .main-sec1 .recru-style2 .recru-card .bot {
    order: 3;
    width: auto;
    position: absolute;
    bottom: 15px;
    right: 20px;
    gap: 10px;
  }
  .main-sec1 .recru-style2 .recru-card .salary_h.main {
    display: none;
  }
  .recru-style2 .recru-card .bot .bookmark {
    /*display: none;*/
    gap: 10px;
  }
  .main-sec1 .logo-swiper .swiper-slide a {
    margin: 0;
    flex-wrap: nowrap;
    gap: 15px;
  }
  .main-sec1 .logo-swiper .swiper-slide .logo {
    height: 20px;
  }
  .main-sec1 .logo-swiper .swiper-slide .logo img {
    max-width: 100%;
  }

  .main-sec2 {margin-top: -20px; background: var(--white); padding-bottom: 30px;}
  /* .main-sec2 .inner {padding: 20px; background-color: #638bd4;} */

  .main-sec2 .addBanner3 .img-box {
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 90px;
  }

  .main-sec2 .addBanner3 h4,.main-sec2 .addBanner3 p {
    color: #fff;
    font-size: 2.5vw;
  }

  .main-sec3 .recru-style .recru-title {
    margin-bottom: 15px;
  }
  .mob-scroll .recru-style .recru-title, .mob-scroll .main-tit {
    margin-bottom: 15px;
  }

  .recru-style2 .recru-card .title > .tit {
    font-size: var(--size15);
    font-weight: 600;
  }
  .recru-style2 .card-wrap {
    gap: 10px;
  }
  .recru-style2 .recru-list .left .info {
    width: 100%;
    max-width: 100%;
  }
  .recru-style2 .recru-card .info {
    /* padding: 15px 15px 15px 25px; */
    padding: 20px;
  }
  /* .recru-style2 .recru-card .title {
    margin: 5px 0;
  } */
  .recru-style2 .recru-card .title > .tit.mc {
    -webkit-line-clamp: 1;
    height: auto;
  }
  .recru-style3 .recru-card .top .logo {
    height: 32px;
  }
  .recru-style2 .recru-card .bot ul {
    font-size: 12px;
  }
  .recru-style2 .recru-card .bot .bookmark p {
    font-size: 11px;
  }
  /* .recru-style2 .recru-card .bot .bookmark .mark-img img {
    width: 18px;
  } */

  .main-sec3 .recru-style2 .scroll-wrap {
    padding-right: 16px;
    box-sizing: border-box;
  }

  .main-sec3 .recru-style2 .card-wrap {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: auto auto;
    width: max-content;    
    padding: 0;
  }

  .main-sec3 .recru-style2 .recru-card {
    width: 75vw;
    max-width: none;
  }

  /* .main-sec6 {
    padding: 20px 20px;
    background: linear-gradient(90deg,rgba(118, 167, 244, 1) 0%, rgba(185, 165, 246, 1) 100%);
  } */
  .main-sec7 .area-box .area-top {
    padding: 20px;
  }
  /* .main-sec7 .area-box .area-top .more-btn {
    display: none;
  } */
  /* .main-sec7 .area-box .area-top .area-name {
    width: 100%;
    justify-content: space-between;
  } */
  .main-sec7 .area-box .area-top .area-name h3 {
    width: auto;
  }
  .addBanner3 {
    position: relative;
  }

  .addBanner3 h4 {
    font-size: 3.5vw;
    color: #000;
    margin-bottom: 5px;
    line-height: 1.3;
    word-break: keep-all;
  }
.addBanner3 p {
    font-size: 3vw;
    line-height: 1.3;
    color: #444;
  }

  /* .main-sec6 .inner {
    width: 100%;
  } */
  
  .mob-scroll .recru-style2 .scroll-wrap {
    width: 100%;
    padding-right: 16px;
    box-sizing: border-box;
  }
  
  .mob-scroll .recru-style2 .card-wrap {
    width: max-content;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: auto auto; 
    gap: 10px;
    padding: 0;
  }

  .mob-scroll .recru-style2 .recru-card {
    width: 75vw;
    max-width: 75vw;
    /*border: 1px solid #ddd;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 0;
  }

  .main-tit {
    margin-bottom: 15px;
  }
  .main-tit .title .small {
    display: none;
  }
  .main-sec7 .area-box .board-wrap {
    /* padding: 20px 10px; */
    padding: 20px;
    gap: 23px;
  }
  .main-sec7 .area-box .board-wrap .bo-item a {
    flex-flow: row wrap;
    align-items: flex-end;
  }
  .main-sec7 .area-box .board-wrap .bo-item:after {
    display: none;
  }
  .main-sec7 .area-box .board-wrap .bo-item a {
    position: relative;
  }
  .main-sec7 .area-box .board-wrap .bo-item .left {
    /* width: calc(100% - 135px); */
    position: relative;
    width: 100%;
    gap: 5px;
  }
  .main-sec7 .area-box .board-wrap .fillter {
    /* position: absolute;
    top: 0;
    right: 0; */
    justify-content: flex-start;
  }
  .main-sec7 .area-box .board-wrap .bo-item .company {
    color: #562dff;
    width: calc(100% - 125px);
  }
  .main-sec7 .area-box .board-wrap .fillter {
    width: 125px;
    gap: 0;
    margin: 0;
    margin-top: 5px;
  }
  .main-sec7 .area-box .board-wrap .fillter li {
    width: auto;
    margin-left: 5px;
    font-size: 12px;
  }
  .main-sec7 .area-box .board-wrap .fillter li:first-child {
    margin-left: 0;
  }

  .mob-notice-box  {
    margin: 0 auto;
    padding: 0;
  }

  .mob-notice-box .notice {
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .mob-notice-box .notice .txt {
    width: 100%;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    font-size: 11px;
  }

  .main-sec10 .inner > div {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

  .main-sec11 .inner {
    padding: 20px 15px;
    gap: 10px;
  }
  .main-sec11 h3 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
  }
  .main-sec11 ul > li {
    padding-left: 8px;
  }
  .main-sec11 ul > li::before {
    content: "-";
    width: auto;
    height: auto;
    background-color: inherit;
    top: 0;
  }

  .main-sec10 .addBanner3 {
    padding: 20px;
    box-sizing: border-box;
  }

  .main-sec10 .addBanner3.pinkBg{
    background-color: #f6e7ec;
  }

  .main-sec10 .addBanner3.purpleBg{
    background-color: #e6e4f1;
  }

  .main-sec10 .addBanner3.blueBg{
    background-color: #dfe6ec;
  }

  .main-sec10 .addBanner3 a {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }
  .main-sec10 .addBanner3 .text-box {
    max-width: calc(100% - 80px);
  }
  .main-sec10 .addBanner3 .img-box {
    width: 70px;
  }
  .payment-wrap.prd .pro-select .select-item .select-info .info1 {
    margin-bottom: 16px;
  }

  .join-wrap2 .join-sec1 .top {
    margin: 20px 0;
  }
  .join-wrap .joint-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .tab-style .tab-con > div {
    padding-top: 10px;
  }
  .join-wrap .check-area {
    margin: 30px 0;
  }
  .join-wrap .join-sec1 {
    margin-bottom: 0;
  }
  /* MAIN E */

  /* SUB S */
  .sub-wrap {
    padding: 20px 0 40px;
  }
  .payment-wrap .pro-info02 {
    margin-top: 20px;
  }
  .payment-wrap .pro-info02 .top-box .text-box {
    width: 100%;
  }
  .payment-wrap .pro-info02 .top-box h4 {
    word-break: keep-all;
    margin-bottom: 5px;
    line-height: 1.33334;
  }
  .payment-wrap .pro-info02 .top-box p {
    word-break: keep-all;
    line-height: 1.3333334;
  }
  .payment-wrap .pro-info02 .top-box .img-box {
    display: none;
  }
  .payment-wrap .pro-info02 .bot-box {
    display: grid;
    grid-template-columns: repeat(3, auto); /* auto여야 효과 발생 */
    place-content: space-between;
  }
  .payment-wrap .pro-info02 .bot-box li {
    width: 100%;
    line-height: 20px;
  }
  .payment-wrap .pro-info02 .bot-box li:nth-child(n+4) {
    margin-top: 10px;
  }

  .post-style .post-list .post-item .top {
    position: relative;
  }
  .post-style .post-list .post-item .top .etc-list {
    position: absolute;
    top: 20px;
    right: 20px;
    margin-bottom: 0;
    margin-top: 2.5px;
  }

  .post-style .post-list .post-item .top .con .left {
    flex-direction: column;
    gap: 15px;
  }

  .post-style .post-list .post-item .top .con > div {
    flex-direction: row;
  }
  .post-style .post-list .post-item .top .num-list {
    flex-flow: column wrap;
    gap: 10px;
    justify-content: center;
  }
  .post-style .post-list .post-item .top .con .right .num-wrap {
    display: flex;
    flex-flow: row wrap;
  }
  .post-style .post-list .post-item .top .num-list .num {
    order: 2;
    width: auto;
    margin-left: 10px;
  }
  .post-style .post-list .post-item .top .num-list .num span {
    top: auto;
    bottom: 0;
    right: -15px;
  }
  .post-style .post-list .post-item .top .num-list .tit {
    margin-top: 0;
    order: 1;
  }
  .post-style .post-list .post-item .top .bnt-wrap.mg {
    margin-top: 0;
    align-self: center;
  }

  .search-area .search-btn {
    margin-top: 20px;
  }

  .search-area .search-fillter .selected-fillter {
    height: auto;
  }

  .sub-wrap2 .subwrap2-tit {
    margin-bottom: 30px;
    /* margin-bottom: 0; */
  }
  .sub-wrap2 .subwrap2-tit h2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .commu-wrap .board-area .bo-top {
    margin-bottom: 30px;
  }

  .payment-wrap .pro-info h3 {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .login-wrap .login-box {
    margin-top: 0;
  }
  .login-wrap .logo {
    display: none;
  }
  .login-wrap .sns-list {
    margin: 20px 0;
    gap: 10;
  }
  .login-wrap .login-box .login-btn {
    margin-top: 20px;
  }

  .view-setting2 {
    padding: 20px;
  }
  .post-wrap3 .recru-style2 .recru-list .status2 {
    top: 20px;
    right: 20px;
    display: none;
  }
  .view-setting2 .left-box {
    width: 100%;
  }
  .view-setting2 .left-box h4 {
    margin-bottom: 10px;
  }
  .view-setting2 .right-box {width: 100%;}

  .view-setting2 .right-box > div {
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }
  .view-setting2 .radio-list {
    margin-top: 10px;
    gap: 10px;
  }
  .post-style .post-title .select {
    gap: 5px;
    width: auto
  }
  .recru-style2 .recru-list a {
    gap: 0;
  }
  .recru-style2 .recru-list .right.gap {
    width: 100%;
    /* margin-top: 10px; */
  }
  .recru-style2 .recru-list .right .info .info-list .all-column {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
  }
  .favorite-wrap2 .recru-style2 .recru-list .right .apply-btn button,
  .activity-wrap .list-wrap .list-item button,
  .activity-wrap .list-wrap .list-item a:hover button,
  .recru-style2 .recru-list .right .apply-btn button {
    width: auto;
    /* padding: 5px 15px;
    min-width: 70px; */
    font-size: 14px;
padding: 0 13px;
line-height: 31px;
  }
  .activity-wrap .list-wrap .list-item a,
  .activity-wrap .list-wrap .list-item a:hover {
    position: relative;
    /* border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;*/
}
.activity-wrap .list-wrap .list-item .title h4 {
  color: var(--gray05);
  font-size: var(--size12);
  font-weight: 400;
  margin-top: 10px;
}
.activity-wrap .list-wrap .list-item a button {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
  .recru-style2 .recru-list.all a {
    position: relative;
  }
  .recru-style2 .recru-list .right .apply-btn2 button {
    margin: 0;
    position: absolute;
    top: 20px;
    right: 20px;
  }
   .recru-style2 .recru-list .right .info .info-list .all-column > div,
  .recru-style2 .recru-list .right .info .info-list .all-column > div.salary {
    width: 100%;
  }
  .recru-style2 .recru-list .right .info .info-list .all-column .salary  {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    /* margin-bottom: 9px; */
  }
  .recru-style2 .recru-list .right .info .info-list .all-column > div.fillter-wrap {
    display: flex;
    flex-flow: row wrap;
    gap: 9px;
  }
  .recru-style2 .recru-list .right .info .info-list .all-column .fillter3 {
    display: flex;
    flex-flow: row wrap;
    gap: 9px;
    margin-bottom: 0;
  }
  .recru-style2 .recru-list .right .info .info-list .all-column .fillter-wrap02 {
    height: auto;
    margin-top: 10px;
  }
  .recru-style2 .recru-list .right .info .info-list .all-column .fillter-wrap02 li {
    padding: 2px 0;
  }
  .recru-style2 .recru-list .right .info .info-list .all-column .fillter3 li {
    margin-bottom: 0;
  }
  
  .recru-style2 .recru-list .right .info .info-list .all-column .salary p {
    margin-bottom: 0;
  }
  .recru-style2 .recru-list .left {
    gap: 10px;
  }
  .post-wrap3 .recru-style2 .recru-list .bot.myApply .left {
    width: 100%;
    gap: 10px;
  }
  .recru-style2 .recru-list .left .fillter2 {
    gap: 8px;
  }
  .post-style .post-list .post-item .top .info ul > li::after {
    height: 8px;
    background: var(--gray05);
  }
  .post-style .post-list .post-item .top .info ul > li:last-of-type::after {
    display: none;
  }
  .recru-style2 .recru-list .left .fillter2 > li::after {
    right: -4px;
    height: 8px;
  }

  .post-style .post-card .card-item .title {
    margin-bottom: 15px;
  }
  .post-style .post-card .card-item .card-inner-bottom {
    margin-top: 10px;
  }

  .post-wrap3 .post3-sec2,.post-wrap3 .post3-sec3, .post-wrap3 .post3-sec4 {
    margin-bottom: 40px;
  }
  .join-wrap .join-sec1 .bot {
    margin: 40px 0;
  }
  p.ess_teg_rs {
    margin-bottom: 10px;
  }
  .post-style .post-title {flex-flow: row wrap;}
  .regist-wrap .regist-sec1 .sec1-con .right a {font-size: 11px;}
  .regist-wrap .post-style .post-title p {width: 100%;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-tit {font-weight: 400; color: #222;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-tit3 {color: var(--gray02);}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box select {padding-left: 8px;}
  .regist-wrap2 .resume-card .resume-item .cata p {font-size: 11px;}
  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2 .input-tit {
    padding: 10px 9px!important;
    width: 73px;
  }
  .regist-wrap2 .resume-card .resume-item .bot button {
    font-size: 14px;
padding: 0 13px;
line-height: 31px;
  }
  .regist-wrap2 .form-item2 .attach-file.attach-list.mulitple-file-wrap .file-list .filebox {width: 100%;}
  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2 input {
    width: calc(100% - 73px);
  }
  .regist-wrap .regist-sec2 .detail-box {gap: 10px;}
  .regist-wrap .regist-sec2 .form-item {
    padding-bottom: 10px;
  }
  .regist-wrap2 .regist-sec2 .form-iDm2 {gap: 0;}

  .regist-wrap2 .form-item2 .basic-box {
    margin-bottom: 10px;
  }
  .regist-wrap .submit-btn {
    margin: 20px 0;
    gap: 10px;
  }
  .regist-wrap .submit-btn.resume {
    margin: 20px auto 20px;
    padding-top: 30px;
    width: 100%;
  }
  .regist-wrap .btn-wrap.resume .lastaddtext {
    top: 20px;
    text-align: center;
    width: 100%;
}
  .regist-wrap .submit-btn.add button {
    padding: 0 13px;
  }
  
  .manage-wrap .manage-sec1 .attach-img .attach-box .file-input label {display: inline-flex;}
  .regist-wrap2 .resume-card .resume-item .top {
    justify-content: space-between;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list2 .delete-btn img {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2 input {
    /* padding-left: 10px; */
  }
  .regist-wrap2 .form-item2 .flex-gap2-add {
    flex-flow: row wrap;
    justify-content: flex-end;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .wid4 .input-addWrap .last-education {
    margin-top: 10px!important;
  }
  .payment-wrap .pro-select .select-item .price-item .detail > div {justify-content: space-between;}
  .payment-wrap .pro-select .select-item .info2 .prd_info2 {
    font-size: 11px;
  }
  .regist-wrap2 .form-item2 .attach-file.attach-list.mulitple-file-wrap .file-add-button2 {margin-bottom: 5px;}
  .regist-wrap2 .form-item2 .form-tit3 p.alert {margin-left: 0;}
  .regist-wrap2 .form-item2 .form-tit3 button {
    font-size: 14px;
padding: 0 10px;
line-height: 31px;
  }
.regist-wrap2 .form-item2 .form-tit3.add {flex-flow: row wrap;}
/* .regist-wrap2 .form-item2 .form-tit3-row {flex-flow: row wrap; justify-content: flex-end;} */
/* .regist-wrap2 .form-item2 .form-tit4 {width: 100%;} */
.regist-wrap2 .form-item2 .form-tit4 .check-list {margin-left: 0px!important; gap: 10px;}
.regist-wrap2 .form-item2 .attach-file .alert > p {padding-bottom: 0; padding-left: 10px; line-height: 1.2;}
  .regist-wrap .check-list.t2 {gap: 20px;}
  .manage-wrap .manage-sec1 .right .input-wrap2 {gap: 10px;}
  /* .regist-wrap .regist-sec2 .form-item .input-wrap {margin-top: 15px;} */
  .regist-wrap2 .resume-card .resume-item a {
    padding: 20px;
  }
  .regist-wrap .regist-sec1 {
    margin-bottom: 40px;
  }
  .sub-wrap2 .subwrap2-tit p {
    font-size: 11px;
  }
  .temporary-wrap .temporary-list .flex-gap2 {
    padding: 20px;
    flex-flow: row wrap;
    gap: 10px;
  }
  .temporary-wrap .temporary-list .temporary-tit {
    width: 100%;
  }
  .temporary-wrap .temporary-list .temporary-info {
    padding: 0;
    gap: 0;
    /* flex-direction: column; */
    /* max-height: 30px; */
    justify-content: center;
    align-items: flex-end;
    width: 100%;
  }
  .temporary-wrap .temporary-list .temporary-info .p-wrap {
    padding: 0;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .temporary-wrap .temporary-list .temporary-info .btn-wrap {
    padding: 0;
    width: 100%;
    margin-top: 10px;
    justify-content: flex-end;
  }
  .temporary-wrap .temporary-list .temporary-date {
    align-self: flex-start;
  }
  .temporary-wrap .temporary-list a.temporary-button {
    align-self: flex-end;
    /* font-size: var(--size12); */
    font-size: 14px;
padding: 0 13px;
line-height: 31px;
  }
  .view-setting2-section {
    margin-bottom: 30px;
  }
  .resume-wrap .resume-sec3 {
  margin-bottom: 40px;
  }
  .post-wrap3 .recru-style2 .recru-list .bot .left {
    width: 100%;
  }
  .recru-style2 .recru-list .left {
    width: 100%;
  }
  .favorite-wrap2 .recru-style2 .recru-list .right {
    width: 100%;
  }
  .activity-wrap .list-wrap .list-item a {
    padding: 20px;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-list .info-item {
    width: 100%;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-list .info-item:nth-child(3) {
    width: 100%;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-list .info-item:nth-child(4) {
    width: 100%;
  }
  /* .detail-wrap .detail-sec2 .sec2-info .salary a {max-width: 100%;} */
  .detail-wrap .detail-sec2 .sec2-info .salary a {
    display: none;
  }
  .detail-wrap .detail-sec2 .info-list2 .sec2-link a {
    order: 2;
    font-size: 11px;
    padding: 5px;
  }
  .detail-wrap .detail-sec2 .info-list2 .sec2-link p {
    order: 1;
  }
  .detail-wrap .detail-sec2 .info-list2 {
    border-top: 0;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-title {
    font-weight: 600;
    margin-bottom: 20px;
  }

  .detail-wrap .detail-sec2 .sec2-info .dl-list dl {
    gap: 10px;
  }
  .detail-wrap .detail-sec2 .sec2-info .dl-list dl dt {
    width: 65px;
  }
  .detail-wrap .detail-sec2 .sec2-info .dl-list dl dd {
    width: calc(100% - 75px);
  }

  .detail-wrap .detail-sec2 .sec2-info .info-list {
    padding: 20px;
  }
  .detail-wrap .detail-sec2-2 .info-wrap {
    gap: 60px;
  }
  .detail-wrap .gray-bg {
    padding: 20px 0;
    gap: 60px;
  }
  .detail-wrap .detail-title{
    padding: 0;
    margin-bottom: 10px;
  }
  .detail-wrap .detail-sec6 .top .left .logo {
    width: 100%;
    height: auto;
  }
  .detail-wrap .detail-sec6 .top .left .logo img {
    max-width: 100%;
  }
  .detail-wrap .detail-sec6 .top .right {
    margin: 0 auto;
  }
  .detail-wrap .detail-sec6 .bottom {
    padding: 0;
  }
  .detail-wrap .detail-sec6-2 .left-box,
  .detail-wrap .detail-sec6-2 .left-box .bottom {
    width: 100%;
    gap: 10px;
  }
  .detail-wrap .detail-sec6-2 .right-box {
    width: 100%;
    height: 180px;
    margin-top: 20px;
  }
  .detail-wrap .detail-sec3 .right .white-bg {margin-bottom: 0;}
  .detail-wrap .detail-sec4,
  .detail-wrap .detail-sec5,
  .detail-wrap .detail-sec6,
  .detail-wrap .detail-sec7,
  .detail-wrap .detail-sec8 {
    /* margin-top: 40px; */
  }
  .detail-wrap .detail-sec3 .right .sec3-tit {
    margin-bottom: 20px;
  }
  .detail-wrap .detail-sec3 .right ul {
    gap: 10px;
  }
  /* .detail-wrap .detail-sec9 {
    margin: 40px 0; 
  }*/
  

  /* .print-wrap .btn-wrap {display: none;} */

  .print-wrap .btn-wrap button.emailBtn {
    border: 1px solid var(--gray05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size14);
    background: var(--gray08);
    color: var(--white);
    font-weight: 500;
    border-radius: 100px;
    width: auto;
    height: auto;
    padding: 5px 15px;
    border-radius: 100px;
    font-size: var(--size14);
    font-weight: 500;
  }

  .payment-wrap.prd .pro-select .select-item .select-info .info1 {
    flex-flow: column wrap;
  }
  .payment-wrap .pro-select .select-item .info1 .info-tit {
    width: 100%;
    justify-content: space-between;
  }
  .payment-wrap.prd .pro-select .select-item .info1 .info-price {
    margin-top: 5px;
    align-self: flex-end;
  }
  .payment-wrap2 .info3 {
    justify-content: flex-end;
    gap: 15px;
  }
  .payment-wrap2 .info3 .left-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
  }
  .payment-wrap2 .info3 .left-box .info-date {
    margin-top: 0;
  }
  /* .detail-wrap .post3-sec4 {margin-bottom: 40px; margin-top: 40px;} */
  .detail-wrap .detail-sec10 {position: relative;}
  .notifi-wrap2 {margin-top: 0px;}

  /* .detail-wrap2 section {margin-bottom: 30px;} */
  .detail-wrap2 section.detail-sec10 {margin-bottom: 0;}
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box .salary-wrap {
    width: 100%;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table .wid20 {width: 130px;}
  .post-style .post-list .post-item .top .bnt-wrap button {
    width: 70px;
    height: 30px;
    border-color: #ddd;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table.mobile-table-con {
    width: 100%;
    display: block;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table.mobile-table-con tbody {
    width: 100%;
    display: block;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table.mobile-table-con tbody tr {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table.mobile-table-con tbody tr td {
    display: block;
    width: 80%;
    padding: 2px 0;
    border-bottom: 0;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table.mobile-table-con tbody tr td:first-child {
    width: 20%;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td .p-wrap .top p {
    width: 100%;
    flex: auto;
    padding-top: 10px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td .p-wrap .top p:first-child {
    padding-top: 0;
  }
  .regist-wrap2 .regist-sec2 .form-item2.c2 {
    padding: 25px 0;
  }
  .regist-wrap .regist-sec2 .form-item .form-wrap {
    gap: 25px;
  }
  .regist-wrap .regist-sec2 .form-item .form-tit {margin-bottom: 10px;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box #map {width: 100%!important;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box3 .flex2 .txt-wrap {
    width: 100%;
  }
  .regist-wrap .detail-item.c2 {margin: 30px 0;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box p {
    width: 90px;
    white-space: nowrap; 
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list p {width: auto;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .alert-box p {width: auto; white-space: normal;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list {flex-flow: row wrap;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list img {width: 6px;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list.select-add-list-view select {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .input-flex {width: 100%;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list {gap: 10px 3px; width: 100%;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list.select-add-list-view .select-box
  {
    width: calc((100% - 33px)/2);
  }

  .manage-wrap .manage-sec1 .attach-img .img-thumb,
  .manage-wrap .manage-sec1 .attach-img .attach-box {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box {
    gap: 10px;
    width: 100%;
  }
  .mth {
    margin-top: 40px;
  }
  .join-wrap .join-sec1 {
    padding: 20px 0;
  }
  .join-wrap .join-sec1 .top .input-wrap .input-tit {font-weight: 600; color: var(--gray02);}
  .join-wrap .join-sec1 .top .input-wrap .unit-wrap {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
  }
  .join-wrap .join-sec1 .top .input-wrap .unit-wrap input {
    /* width: calc(100% - 25px); */
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box input {
    width: 100%;
    padding: 0 8px;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box input.w40 {
    width: 40%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box input.w35 {
    width: 35%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box input.p0 {
    padding: 0;
  }
  .regist-wrap .txt-wrap .input-check {
    padding-right: 8px;
  }
  .regist-wrap .txt-wrap .input-check.end {
    height: initial;
  }
  .regist-wrap .input-check label span {
    box-sizing: border-box;
    width: 15px;
    height: 15px;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list select {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list.w60 {
    /* width: 60%; */
    width: 100%;
  }
  .regist-wrap .input-check.input-check-abroad {
    width: 100%;
    flex-flow: row wrap;
  }
  .regist-wrap .input-check label {
    gap: 5px;
    width: 100%;
  }
  .regist-wrap .input-check input.text.t2 {
    width: 100%!important;
  }
  .regist-wrap .check-list2 .input-check {
    padding: 10px;
  }
  .regist-wrap2 .form-item2 .basic-box .left .row.tell-row {
    flex-flow: row wrap;
    gap: 3px;
    align-items: center;
  }
  .regist-wrap2 .form-item2 .basic-box .left .row > div.w50 {
    width: calc(50% - 10px);
  }
  .lastaddtext {margin-top: 10px;}
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list select.w50 {
    width: calc(50% - 8px);
  }
  .regist-wrap .submit-btn button {
    padding: 10px 15px;
    width: auto;
    height: auto;
    font-size: 14px;
    padding: 0 13px;
    line-height: 31px;
  }

  .detail-wrap .detail-sec1 .right .btn-wrap button {
    font-size: 14px;
    padding: 0px 13px;
    line-height: 31px;
    /* width: auto; */
    width: 90px;
    height: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  .detail-wrap2 .detail-sec1 .right .favofite img,
  .detail-wrap .detail-sec1 .right .btn-wrap button.mark-img img {
    width: 18px;
  }
  .detail-wrap .detail-sec1 .bottom .left .title {
    margin-bottom: 25px;
  }
  .detail-wrap .detail-sec2 .event .left .info {
    gap: 5px;
    align-items: flex-start;
  }
  .detail-wrap .detail-sec2 .event .left .info img {
    width: 12px;
  }
  .detail-wrap .detail-sec2 .info-list2 .left {
    font-size: 11px;
  }
  .detail-wrap .detail-sec2 .info-list2 .sec2-link p, .detail-wrap .detail-sec2 .sec2-link p {
    font-size: 11px;
    white-space: nowrap;
  }
  .sub-wrap2 .subwrap2-tit p {
    font-size: 12px;
  }
  .payment-wrap .pro-select .select-item .select-info .info1 {
    flex-flow: column wrap;
    margin-bottom: 20px;
  }
  /* .payment-wrap .pro-select .select-item .select-info .info1.info3 {
    flex-flow: row wrap;
  }
  .payment-wrap .pro-select .select-item .info1.info3 .info-tit {
    width: auto;
  } */
  .payment-wrap .pro-select .select-item .info2 .right .date-box {width: 100%;}
  .payment-wrap .pro-select .select-item .info1 .info-price {
    margin-top: 10px;
    align-self: flex-end;
  }
  .payment-wrap .payment-title {
    margin-bottom: 30px;
  }

  .intro-wrap h1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .intro-wrap h1, .intro-wrap .con, .intro-wrap .message {margin: 20px 0;}

  .payment-wrap .pro-select .select-item .info2 .date-input {
    width: 100%;
  }

  .detail-wrap .detail-sec6 .bottom > div.left {
    width: calc(100% - 50px)
  }
  .detail-wrap .detail-sec6 .bottom .left .swiper-btn-prev {
    z-index: 2;
    transform: translate(calc(-100% - 5px),-50%);
    -webkit-transform: translate(calc(-100% - 5px),-50%);
    -moz-transform: translate(calc(-100% - 5px),-50%);
    -ms-transform: translate(calc(-100% - 5px),-50%);
    -o-transform: translate(calc(-100% - 5px),-50%);
}
  .detail-wrap .detail-sec6 .bottom .left .swiper-btn-next {
    z-index: 1;
    transform: translate(calc(100% + 5px),-50%);
    -webkit-transform: translate(calc(100% + 5px),-50%);
    -moz-transform: translate(calc(100% + 5px),-50%);
    -ms-transform: translate(calc(100% + 5px),-50%);
    -o-transform: translate(calc(100% + 5px),-50%);
}
.detail-wrap .detail-sec6 .bottom .left .img-box {
  padding-bottom: 57%;
}
.detail-wrap .detail-sec6 .bottom .left .swiper-pagination {
  right: auto;
  left: 50%;
  transform: translate(-50%,20px);
  -webkit-transform: translate(-50%,20px);
  -moz-transform: translate(-50%,20px);
  -ms-transform: translate(-50%,20px);
  -o-transform: translate(-50%,20px);
}
.payment-wrap .enter-box .enter-list .item {
  flex-flow: row wrap;
}
.payment-wrap .enter-box .enter-list .item .label-list {
  gap: 10px;
}
.payment-wrap .enter-box .enter-list .item .tool-wrap {
  width: 100%;
  margin-top: 20px;
}
.payment-wrap .enter-box .enter-list .item .tooltip i {
  transform: translateX(-35%);
  -webkit-transform: translateX(-35%);
  -moz-transform: translateX(-35%);
  -ms-transform: translateX(-35%);
  -o-transform: translateX(-35%);
}
.payment-wrap .enter-box .enter-list .item p:nth-child(2) .tooltip i {
  transform: translate(-65%);
  -webkit-transform: translate(-65%);
  -moz-transform: translate(-65%);
  -ms-transform: translate(-65%);
  -o-transform: translate(-65%);
}
.recru-style2 .recru-list .right .salary .price span {
  font-size: 12px;
}
.post-wrap .post-sec1 .num-list dl dd .num {width: auto; height: auto;}
.post-wrap .post-sec1 .num-list dl dd .num.null {display: none;}
.post-wrap3 .recru-style2 .recru-list .bot.myApply .right {
  justify-content: space-between;
}
.post-wrap3 .recru-style2 .recru-list .bot .right .btn-wrap {
  justify-content: flex-end;
  width: 100%;
}
/* .post-wrap3 .recru-style2 .recru-list .bot .history .tit {display: none;} */
.post-wrap3 .recru-style2 .recru-list .bot .right .btn-wrap button {
  /* padding:5px 10px;
  min-width: 70px; */
  font-size: 14px;
padding: 0 13px;
line-height: 31px;
}
.post-wrap3 .recru-style2 .recru-list .bot .history {
  gap: 20px;
}
.post-wrap3 .recru-style2 .recru-list .bot .history .con {
  display: none;
}
.temporary-wrap {
  padding: 0 0;
}
.temporary-wrap .temporary-list {
  padding: 10px;
}
.temporary-wrap .temporary-list .flex-gap2 {
  padding: 10px;
}
.temporary-wrap .temporary-list .temporary-info {
  padding: 0;
}
.temporary-wrap .temporary-list .temporary-button {
  width: auto;
  height: auto;
  padding: 5px 15px;
}
.post-style .post-list .post-item .bottom .pro-wrap {
  gap: 5px;
  width: 100%;
}
.post-style .post-list .post-item .bottom .pro-wrap dl {
  gap: 10px;
  font-size: 12px;
  justify-content: space-between;
}
.post-style .post-list .post-item .bottom .pro-wrap dl dt {
  /* width: 50px; */
}
.post-style .post-list .post-item .bottom .pro-wrap dl dd .dday {
  width: 50px;
}
.talent-stlye2 .talent-list .right .btn-wrap button:nth-child(1) {
  padding: 0px 13px;
  line-height: 31px;
}
.favorite-wrap .recru-style2 .recru-list a {gap: 0;}
.favorite-wrap .recru-style2 .recru-list .right, .recru-style2 .recru-list .right {
  width: 100%;
}
/* .recru-style2 .recru-list .right .info .info-list > div {
  margin-right: 0;
} */
.recru-style2 .recru-list .right .info .info-list {
  gap: 10px;
  margin-top: 10px;
}
.recru-style2 .recru-list .right .info .info-list > .salary {
  flex-flow: row wrap;
}
.regist-wrap .form-pay .pay-con {
  gap: 10px;
  padding: 20px;
}
.recru-style2 .recru-list .right .fillter3 li {
  margin-bottom: 0;
}
.recru-style2 .recru-list .right .fillter3 li:empty {
  display: none;
}
.recru-style2 .recru-list .right .info .info-list > div.salary {width: calc(100%);}
.recru-style2 .recru-list .right .info .info-list > div.salary p {margin-top: 0px;}
.recru-style2 .recru-list .right .info .info-list > div {
  width: calc(100%);
}
.recru-style2 .recru-list .right .info .info-list > div.fillter-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.recru-style2 .recru-list .right .fillter3 {
  flex-flow: row wrap;
  gap: 10px;
}
.regist-wrap .form-pay .pay-con > div.right,
.regist-wrap .form-pay .pay-con > div.left {
  width: 100%;
}
.regist-wrap .input-check input.text {
  width: 150px!important;
}
.regist-wrap2 .form-item2 .attach-file .file-list {
  width: 100%;
}
.manage-wrap .manage-sec2 .img-list {
  width: 100%;
  gap: 4px;
}
.manage-wrap .manage-sec2 .attach-box .file-input label {
  font-size: 14px;
padding: 0 13px;
line-height: 31px;
}
.post-style .post-card .card-item .etc {
  gap: 8px;
}
.payment-wrap .date-box2 > ul {
  max-width: 100%;
}
.payment-wrap .pro-info ul, .regist-wrap .regist-sec1 .sec1-con ul {font-size: 11px;}
.join-wrap .join-sec1 .attach-img2 .img-thumb {
  width: 160px;
}
.join-wrap .join-sec1 .attach-img {flex-flow: column wrap; align-items: flex-start;}
.join-wrap .join-sec1 .attach-img {
  flex-flow: row wrap;
}
.join-wrap .join-sec1 .attach-img .attach-box {width: 100%;}
.join-wrap .join-sec1 .attach-img .attach-box {
  flex-flow: row wrap;
  gap : 10px;
  width: calc(100% - 180px);
}
.join-wrap .join-sec1 .img-list .img-box {width: calc(33.3334% - 6.666px);}
.join-wrap .join-sec1 .img-list {flex-flow: row wrap; gap: 10px; width: 100%;}
.join-wrap .join-sec1 .img-attach-box {position: relative; bottom: 0;}
.join-wrap .join-sec1 .attach-img2 {
  flex-flow: row wrap;
  gap: 10px;
}
.join-wrap .join-sec1 .attach-img .attach-box2 {
  flex-flow: column wrap;
  width: calc(100% - 170px);
}
.regist-wrap2 .form-item2 .form-tit3 > div.w140 {
  width: 140px;
}
.regist-wrap2 .form-item2 .career-mobile-blue
{
  color: var(--blue01);
  border: 0!important;
  font-weight: 400;
  padding-left: 0px;
  font-size: 13px;
  margin-top: -15px;
  margin-bottom: 20px;
}
.regist-wrap2 .form-item2.res .form-wrap2 .wid5 {
  /* margin-bottom: 10px; */
  gap: 10px;
}
.regist-wrap2 .form-item2.res .flex-gap2-row {
  flex-flow: row wrap;
  justify-content: flex-end;
}
.regist-wrap2 .form-item2 .flex-gap-20 {
  gap: 20px;
}
.regist-wrap2 .form-item2 .flex-gap-5 {
  /* gap: 5px; */
  gap: 10px;
}
.regist-wrap2 .form-item2 .form-wrap2 .input-wrap2.res {
  margin-bottom: 0;
}
.img-attach-box .file-input label,
.join-wrap .join-sec1 .attach-img .attach-box .file-input label {
  width: auto;
  height: auto;
  padding: 5px 15px;
}
.talent-stlye2 .talent-list .left .profile,
.talent-stlye2 .talent-list .left .profile {
  width: 120px;
  height: 120px;
}
.talent-stlye2 .talent-list .bot.cst {gap: 10px;}
.talent-stlye2 .talent-list .bot {border-top: none;}
.talent-stlye .talent-list.c_view .left {
  flex-flow: row wrap;
}
.talent-stlye2 .talent-list .bot.cst {
  flex-flow: row wrap;
}
.talent-stlye2 .talent-list .bot.cst .history {
  width: 100%;
}
.talent-stlye2 .talent-list .bot.cst .etc, .talent-stlye2 .talent-list .bot .etc {
  width: 100%;
}
.talent-stlye2 .talent-list .bot .view-btn {
  justify-content: flex-start;
}
.resume-wrap .talent-stlye .talent-list .right .dl-wrap {
  flex-flow: row wrap;
  gap: 0;
}
.talent-stlye .talent-list .right .dl-wrap .dl-list:first-child, .talent-stlye .talent-list .right .dl-wrap .dl-list {
  font-size: 12px;
  width: 100%;
}
.detail-wrap .detail-sec3 .info-wrap > div.left {gap: 0;}
.detail-wrap .detail-sec1 {padding-top: 20px;}
.detail-wrap .detail-sec1 .right .page-nav {
  display: none;
}
.detail-wrap .detail-sec3 .left .top {position: relative;}
.detail-wrap .detail-sec3 .left .top .count {
  justify-content: flex-end;
  gap: 30px;
  position: absolute;
  top: 30px;
  right: 20px;
}
.detail-wrap .detail-sec3 .left .bottom {
  color: var(--gray02);
    font-weight: 300;
    font-size: 10px;
    line-height: 1.3;
    word-break: keep-all;
    max-height: none;
}
.talent-stlye .talent-card .bottom {
  padding-right: 40px;
  margin-top: 15px;
}
.tooltip i {
  max-width: 80vw;
  padding: 20px;
  font-size: 11px;
}
.tooltip i b {
  font-size: 12px;
}
.payment-wrap .pro-select .select-item .info2 ul {
  font-size: 12px;
}
.post-style .post-title.column-title {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.post-style .post-title.column-title > form {
  align-self: flex-end;
}
.post-style .payment-list .payment-item {
  position: relative;
  gap: 0;
}
.post-style .payment-list .payment-item .status {
  position: absolute;
  top: 20px;
  right: 20px;
}
.post-style .payment-list .payment-item .dl-list dl dd {
  max-width: calc(100% - 70px);
}
.post-style .payment-list .payment-item .title {
  margin-bottom: 10px;
}
.post-style .payment-list .payment-item .dl-list {
  gap: 5px;
  width: 100%;
}

.post-style .payment-list .payment-item .left {
  flex-direction: column;
}
.post-style .payment-list .payment-item .title {
  margin: 0;
}
.post-style .payment-list .payment-item .dl-list dl dd.add-dd .flex-box .name {width: auto;}
.post-style .payment-list .payment-item .dl-list dl dd.add-dd .flex-box {
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.post-style .payment-list .payment-item .dl-list dl dd.add-dd .flex-box .date {font-size: 12px;}
.talent-stlye .talent-list .right .dl-wrap {
  width: 100%;
  /* gap: 5px; */
  flex-flow: row wrap;
}
.talent-stlye .talent-list a {position: relative;}
.talent-stlye .talent-list .left .profile {
  width: 70px;
  height: 70px;
} 
/* .talent-stlye2 .talent-list .bot .history {display: none;} */
.talent-stlye .talent-list .left .bottom .view-btn {
  width: 100%;
}
.talent-stlye .talent-list .right .btn-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
  justify-content: flex-end;
  flex-flow: row wrap;
  gap: 10px;
}
.talent-stlye .talent-list .right .btn-wrap button {
  width: auto;
  /* padding: 5px 15px; */
  font-size: 14px;
padding: 0 13px;
line-height: 31px;
}
.talent-stlye .talent-list .right .btn-wrap p {
  font-size: 11px;
  color: var(--gray06);
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.talent-stlye2 .talent-list .top > div.left {
  width: 100%;
}
/* .talent-stlye .talent-list .left .career {
  flex-flow: row wrap;
}
.talent-stlye .talent-list .left .career > div {
  width: 100%;
} */
.talent-stlye .talent-list .left .name-wrap {
  gap: 7px;
}
.talent-stlye .talent-list .left .name-wrap li {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-items: center;
}
.talent-stlye .talent-list .left .name-wrap li.line {
  color: var(--gray06);
  font-weight: 300;
  font-size: 12px;
}
.talent-stlye .talent-list .left .name-wrap li h5 {
  font-size: var(--size13);
  color: var(--black01);
    font-weight: 500;
}
.talent-stlye .talent-list .left .name-wrap li p {
  color: var(--gray06);
  font-weight: 400;
  font-size: 12px;
}
.talent-stlye .talent-list .left .bottom .etc-info {width: 100%;}
.talent-stlye2 .talent-list .top > div.right {
  width: 100%;
}
.talent-stlye2 .talent-list .bot .etc {padding-right: 0;}

.post-style .post-board .board-item .left {align-items: flex-start;}
.post-style .post-board .board-item .con .title.t1 {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: -3px;
}
.post-style .post-board .board-item .status.btn {
  margin-left: 0px;
}
.post-style .post-board .board-item .con .title.t1 .subject {
  display: inline-block;
  width: calc(100% - 100px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; 
}
.talent-stlye .talent-card .middle .profile {
  margin-top: -35px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}
.talent-stlye .talent-card .middle .profile img {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

.recru-sec3 > .inner > a { overflow: hidden; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.recru-sec3 > .inner > a > img {
  /* width: 155%; */
}

.print-wrap2 .summary-box .summary-box-inner dl:last-child {
  padding-bottom: 0;
}
.print-wrap2 .status-box .table-wrap table td span.blue {
  word-break: keep-all;
  padding-left: 10px;
}
/* .print-wrap2 .status-box .table-wrap table td:first-child span.blue {display: block; padding-left: 0; margin-top: 5px;} */
.print-wrap2 .status-box p.txt {padding-top: 5px;}
.payment-wrap .pro-select .select-item .price-item .detail.detailAdd {width: 70%;}
#LGD_PAYMENTWINDOW.mo-LGD_PAYMENTWINDOW {
  position: fixed; top: 0; left: 0;
  overflow-y: auto; box-sizing: border-box; background-color: #fff;
}
.regist-wrap2 .form-item2.res .flex-gap2.form-tit3 {position: relative;
}
.regist-wrap2 .form-item2.res .flex-gap2.form-tit3 span.blue {
  width: 100%;
  padding-left: 0;
}
.regist-wrap2 .form-item2 .form-tit3 > #career-add-wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.detail-wrap2 .detail2-sec3 .list-item .right ul {
  flex-flow: row wrap;
  gap: 10px 30px;
}
.detail-wrap2 section.recru-sec2 {margin-top: 30px;}
.detail-wrap2 section.detail-sec10 {margin: 0;}
/* .notifi-wrap2 {margin-top: 30px;} */
.post-wrap .post-sec1 {margin-bottom: 30px;}
.post-wrap .post-sec1 .new-btn {margin-top: 20px;}
.post-wrap .post-sec1 .new-btn button {
  width: auto;
  height: auto;
  padding: 5px 15px!important;
}
.post-style .post-board .board-item .status.btn {margin-top: 0;}
.regist-wrap2 .form-item2 .basic-box .btn-wrap {
  order: 2;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  width: 90px;
  padding-bottom: 30px;
}
.regist-wrap2 .form-item2 .basic-box .btn-wrap .filebox label {
  font-size: 14px;
padding: 0 13px;
line-height: 31px;
}
.regist-wrap2 .form-item2 .basic-box .img-wrap {
  order: 1;
  width: 100px;
  position: relative;
}
.regist-wrap2 .form-item2 .basic-box .img-box {
  width: 100%;
}
.regist-wrap2 .form-item2 .basic-box .img-box .profile-fallback {
  width: 100%;
  height: 140px;
  display: none;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.regist-wrap2 .form-item2 .basic-box .img-wrap .input-check {
  position: absolute;
  bottom: 0;
  left: calc(100% + 24px);
  width: 100%;
  justify-content: flex-start;
}

.regist-wrap .regist-sec2 .form-item .input-wrap .input-box .more-btn p {width: 100%;}
#targetBox2 {
  position: relative;
}
/* #targetBox2 .flex-add {
  position: absolute;
  top: 0;
  right: 0;
} */
.regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list.mo-absolute {
  width: 150px;
  top: -37px;
  position: absolute;
  right: 0;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(0,0,0,0);
}
.regist-wrap .regist-sec2 .form-item .select-list .flex-add {
  
}
.regist-wrap .regist-sec2 .form-item #targetBox2 .input-box3.t3 {
  gap: 0;
}
.regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list3.hidden {
  margin-top: 0;
}
.regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list3 {
  margin-bottom: 20px;
}
.detail-wrap .detail-sec5 .map-wrap .map-info {
  padding-top: 0;
}
.detail-wrap .white-bg.pd40 {
  padding: 20px;
}
.detail-wrap2 .detail2-sec4 .sec4-con .right {
  height: auto;
  overflow-y: hidden;
  max-height: none;
}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap .input-wrap {
  width: 100%;
}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap #cash_info02 input[size='2'] {width: 40px;}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap #cash_info02 input[size='3'] {width: 50px;}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap #cash_info02 input[size='4'] {width: 55px;}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap #cash_info02 input[size='5'] {width: 70px;}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap #cash_info02 input[size='6'] {width: 80px;}
.payment-wrap2 .payment-method-wrap .payment-method-inner .tax-form-wrap #cash_info02 input[size='7'] {width: 82px;}

.regist-wrap .input-check-add {
  width: 105px;
}
.regist-wrap2 .form-item2 .form-wrap2.flex-gap2-add .input-wrap2,
.regist-wrap2 .form-item2 .flex-gap2-add .input-wrap2 {
    width: calc(100% - 115px)!important;
    min-width: 0!important;
  }
  .regist-wrap2 .form-item2 .basic-box .left .column .col-r-add > div:first-child {
    align-items: flex-end;
    gap: 10px;
  }
  .regist-wrap2 .form-item2 .flex-gap .gap-title .add-btn {
    font-size: 14px;
padding: 0 13px;
line-height: 31px;
  }
  /* .manage-wrap .manage-sec1 .input-wrap .input-tit,
  .input-tit span.dot {color: var(--gray03)!important;} */
  /* SUB E */
  
  /* FOOTER S */
  footer {
    padding: 30px 0 calc(30% + 30px);
  }

  footer .inner {position: relative;}
  footer .footer-top .etc-nav .etc-list2 {
    gap: 15px;
  }
  footer .footer-top .etc-nav .etc-list2 a {
    font-size: 14px;
  }
  footer .footer-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 0;
  }
  footer .footer-btn a {
    font-size: 14px;
padding: 0 13px;
line-height: 31px;
  }
  .footer-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 990;
    border: 1px solid #eee;
    padding: 0px 16px ;
    background-color: #fff;
    box-sizing: border-box;
    max-width: 100vw;
  }

  .footer-menu ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: 10px;
  }

  .footer-menu ul li {
    max-width: 20%;
  }

  .footer-menu ul li a {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 11px;
    padding: 15px 10px;
    position: relative;
  }

  .footer-menu ul li .img-wrap {
    width: auto;
    max-width: 60%;
    margin-bottom: 5px;
    position: relative;
  }
  .footer-menu ul li:nth-child(4) .img-wrap {
    top: 3px;
  }
  .footer-menu ul li .img-wrap img {
    width: 100%;
  }
  .footer-menu ul li img.onImg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }

  .footer-menu ul li .on img:first-child {
    opacity: 0;
  }
  .footer-menu ul li .on img.onImg {
    opacity: 1;
  }

  .talent_modal .submit-btn {
    margin: 20px 0!important;
  }
  .talent_modal .form-box {
    gap: 15px!important;
  }
  .regist-wrap .form-pay .pay-con .right .txt2,
  .regist-wrap .form-pay .pay-con .right .txt2 {font-size: 11px;}
  .favorite-style .favo-list .favo-item .logo {margin-bottom: 10px;}
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td span {padding-left: 10px;}
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table .wid20 {width: 110px;}
  .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner dl dt {width: 70px;}
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td span.blue {padding-left: 0; font-size: 13px;}
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td span.blue.pdl {padding-left: 10px;}
  .detail-wrap .detail-sec3_2 .chart-box {
    width: 100%!important;
  }
  .detail-wrap .detail-sec3_2 .chart-box .labels,
  .detail-wrap .detail-sec3_2 .chart-box .bars {
    padding: 0;
    gap: 20px;
  }
  .detail-wrap .detail-sec3_2 .chart-box .bar {
    margin: 0 5px;
  }
  .detail-wrap .detail-sec3_2 .chart-box .labels div {
    width: 30px;
    text-align: center;
    white-space: nowrap;
  }
  /* FOOTER E */
  
  .input-box img.cal-icon,
  .date-input img.cal-icon,
  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2 img.cal-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    pointer-events: none; /* 아이콘 클릭시 input에 이벤트 전달 */
  }
  .input-box img.cal-icon.ndate {
    right: 35%;
  }

  .post-style .post-list .post-item2 {
    padding: 20px;
  }
  .post-style .post-list .post-item2 .top {
    padding: 0;
    margin-bottom: 20px;
  }
  .post-style .post-list .post-item2 .list2 {
    display: flex!important;
    flex-wrap: wrap;
    gap: 5px 5px;
    flex-direction: column;
    font-size: 12px;
}
.detail-wrap .guide p {
  font-size: 10px;
  padding: 20px 0 0;
}
  .post-style .post-list .post-item2 .list2 {
    margin-top: 20px;
    width: 100%;
  }
  .post-style .post-list .post-item2 .list2 li {
    display: flex;
    gap: 7px;
    /* flex-flow: row wrap; */
    /* align-items: center; */
    flex-flow: row nowrap;
    align-items: flex-start;
    width: 100%;
  }
  .post-style .post-card .card-item .list > li {
    font-size: 12px;
    flex-wrap: nowrap;
  }
  .post-style .post-card .card-item .list2 li p {
    flex-wrap: nowrap;
  }
  .post-style .post-list .post-item2 .list2 li > img {width: 20px;}
  .post-style .post-list .post-item2 .top .con .info {
    width: auto;
  }
  .post-style .post-list .post-item2 .top .con .list .info {
    flex-flow: row nowrap;
  }
  .post-style .post-list .post-item2 .list2 li p {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    align-items: center;
    padding-top: 3px;
  }
  .post-style .post-list .post-item2 .list2 li p span.price {
    font-weight: 500;
    color: var(--blue01);
  }
  .post-style .post-list .post-item2 .list2 li p img {
    width: 13px;
  }
  .post-style .post-list .post-item2 .apply-num {
    /* border: 1px solid var(--gray05); */
    background-color: var(--gray01);
    padding: 10px;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
  .post-style .post-list .post-item2 .apply-num .flex-box {

  }
  .post-style .post-list .post-item2 .apply-num .num {
    width: 33.3334%;
    text-align: center;
    font-size: var(--size16);
    font-weight: 400;
    color: var(--gray02);
    position: relative;
  }
  .post-style .post-list .post-item2 .apply-num .num::after {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: var(--gray05);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
  .post-style .post-list .post-item2 .apply-num .num:last-of-type::after {
    display: none;
  }
  .post-style .post-list .post-item2 .apply-num .num span {
    font-size: var(--size20);
    color: var(--blue01);
    display: inline-block;
    margin-left: 10px;
  }
  .post-style .post-list .post-item2 .apply-num .num span.zero-num {
    color: var(--gray02);
    opacity: 0.2;
  }
  .post-style .post-list .post-item2 .pro-wrap .title-wrap {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 100%;
  }

  .post-style .post-list .post-item2 .pro-wrap .title-wrap .mo-btn-wrap {
    gap: 10px;
  }
  .post-style .post-list .post-item2 .pro-wrap .title-wrap .mo-btn-wrap button{
    font-size: 11px;
    color: var(--black01);
    padding: 5px 8px;
    background: var(--white);
    border-radius: 100px;
  }
  .post-style .post-list .post-item .bottom .pro-wrap dl dd {
    gap: 10px;
  }
  .post-style .post-list .post-item .bot {
    margin-top: 20px;
  }
  .post-style .post-list .post-item .bot .flex-box {
    justify-content: space-between;
    align-items: center;
  }
  .post-style .post-list .post-item .bot p {
    font-size: var(--size16);
    font-weight: 400;
    color: var(--gray02);
  }
  .post-style .post-list .post-item .bot .btn-wrap {
    display: flex;
    gap: 16px;
  }
  .post-style .post-list .post-item .bot .btn-wrap button {
    border: 1px solid var(--gray05);
    padding: 7px 16px;
    font-size: var(--size14);
    color: var(--black01);
    font-weight: 500;
    border-radius: 100px;
    font-size: 14px;
padding: 0 13px;
line-height: 31px;
  }
  .post-style .post-list .post-item .bot .btn-wrap button:last-child {
    background: var(--gray08);
    color: var(--white);
  }

  .commu-wrap .board-area .bo-top .bo-etc .search,
  .talent-stlye .talent-card a,
  .recru-style2 .recru-card.border a,
  /* //.main-sec1 .logo-swiper .swiper-slide a, */
  .view-setting2 .radio-list label,
  .post-wrap3 .recru-style2 .recru-list a,
  .resume-wrap .talent-stlye .talent-list a,
  .temporary-wrap .temporary-list {
    border: 1px solid #eee;
  }
  .AWbbs_view_table > tbody > tr,
  .AW_bbs_table tr,
  .view-setting2,
  .post-wrap .post-sec1 .num-list2 {
    border-color: #eee!important;
    margin-top: 40px;
  }

  .sub-wrap2 .subwrap2-tit p span {
    /* color: var(--gray06); */
  }

  .activity-wrap .list-wrap .list-item .title h3 {
    width: calc(100% - 70px);
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* 넘칠 경우 … 표시 */

  }

  .AWbbs_view_table > tbody > tr {
    border-color: #eee!important;
  }
  .detail-wrap .detail-sec6 .white-bg {
    padding: 10px 0;
  }
  .detail-wrap .detail-sec6-2 .right-box {
    width: 100%;
    height: auto;
  }
  .detail-wrap .detail-sec6-2 .right-box .swiper {
    width: calc(100%);
    height: 180px;
  }
  .detail-wrap .detail-sec6-2 .right-box .swiper-control-wrap {
    /* margin-top: 10px; */
  }
  .talent-stlye .talent-card .bottom .info {
    font-size: 12px;
    color: var(--gray02)
  }
}



@media (max-width:480px){
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li {
    width: 25%;
  }

  .nursecareer-input .file-wrap .flex-box .file-tit.mobileHide {
    display: none;
  }

  .nursecareer-input .file-wrap .flex-box .mulitple-file-wrap.mobileWidth {
    width: calc(100% - 91px);
  }
  .detail-wrap .detail-sec10 .inner {
    overflow: hidden;
    border-radius: 5px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    -ms-border-radius: 5px ;
    -o-border-radius: 5px ;
}
  .detail-wrap .detail-sec10 img {width: 170vw;}
  
  .cal-icon {
    display: block;
  }

  .main-sec1 .recru-style2 .recru-card .title.main {
    width: 100%
  }

  .post-style .post-list .post-item2 .list2 li p {
    align-items: flex-start;
  }
  .post-style .post-list .post-item2 .list2 li p img{
    padding-top: 1px;
  }

}

@media (max-width:320px){
  /* FOOTER S */
  .footer-menu ul li a {
    font-size: 9px;
  }
  /* FOOTER E */
}

@media (max-width:768px){
  .quick-btn {
    width: 60px;
    height: 30px;
    position: fixed;
    bottom: 13%;
    border: 1px solid #ddd;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background-color: #fff;
    
  }

  .quick-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .quick-btn img {
    width: auto;
    height: 30px;
  }

  .back-btn {
    left: 16px;
  }
  .back-btn img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
  .top-btn {
    right: 16px;
    width: 30px;
    height: 60px;
  }
  .top-btn img {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
}