@media screen and (max-width: 1600px) {
  .detail-wrap .detail-sec1 .bottom {
    flex-direction: column;
    gap: 20px;
  }
  .detail-wrap .detail-sec1 .bottom > div {
    width: 100%;
  }
  .detail-wrap .detail-sec1 .right {
    padding-top:20px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1550px) {
  header .head-bot .nav-all .absol-box {
    width: 18%;
  }
}
@media screen and (max-width: 1500px) {
 .main-sec1 .sec1-con .sec1-tab .recru-style2 .recru-card {
    width:261px;
 }
 .main-sec1 .sec1-con .sec1-tab .tab-con {
    width: max-content;
 }
 .payment-wrap2 .info3 .right-box {
    width: calc(45% - 47px);
 }
}
@media screen and (max-width: 1440px) {
  html,
  body {
    font-size: 14px;
  }
  .inner {
    width: calc(100% - 64px);
  }
  header .head-bot .nav-all {
    flex-direction: column;
  }
  header .head-bot .nav-all .left {
    width: 100%;
    border-bottom:0;
  }
  header .head-bot .nav-all .right {
    width: 100%;
    padding:0;
    border-bottom:0;
  }
  
 
  .main-sec1 .sec1-con .member {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
  }
  .main-sec1 .sec1-con .sec1-tab {
    width: 100%;
  }
  .main-sec1 .sec1-con .banner {
    width: 58%;
  }
  .main-sec1 .logo-swiper .swiper-btn {
    display: none;
  }
  footer .footer-top {
    flex-direction: column;
    gap: 20px;
    font-size: 12px;
  }
  footer .footer-top .right {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .recru-style2 .recru-list .right .info .info-list {
    gap: 20px;
  }
  .favorite-wrap .recru-style2 .recru-list .right,
  .recru-style2 .recru-list .right {
    gap: 20px;
  }
  .talent-stlye .talent-list a {
    padding: 20px;
  }
  
  .talent-stlye .talent-list.c_view .right {
    gap:0;
  }
  
  .inner.sub-footer .footer-left {
    display: none;
  }
  .sub-wrap2 .left-nav {
    width: 180px;
  }
  .sub-wrap2 .inner {
    gap: 20px;
  }
  .sub-wrap2 .right-con {
    width: 100%;
  }
  .inner.sub-footer .footer-wrap {
    width: 100%;
    max-width: initial;
  }
  .post-style .post-list .post-item .bottom .pro-wrap {
    flex-direction: column;
    gap: 20px;
  }
  .manage-wrap .manage-sec1 {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }
  .manage-wrap .manage-sec1 .left {
    width: 100%;
    gap: 10px;
  }
  .manage-wrap .manage-sec1 .right {
    width: 100%;
    gap: 10px;
  }
  .manage-wrap .manage-sec1 .input-wrap {
    width: 100%;
  }
  .talent-stlye2 .talent-list a {
    padding: 0;
  }
  .post-wrap3 .recru-style2 .recru-list .top {
    box-sizing: border-box;
  }
  .post-wrap3 .recru-style2 .recru-list .bot {
    box-sizing: border-box;
    padding: 20px;
  }
  .detail-wrap .detail-sec3 .info-wrap {
    flex-direction: column;
  }
  .detail-wrap .detail-sec3 .info-wrap > div {
    width: 100%;
  }
  .detail-wrap .detail-sec3 .info-wrap > div {
    flex-direction: column;
    gap: 20px;
  }

  .detail-wrap .detail-sec6 .bottom > div {
    width: 100%;
  }
  .detail-wrap .detail-sec6 .bottom {
    flex-direction: column;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con {
    flex-direction: column;
    gap: 20px;
    padding: 30px 0px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left {
    width: 100%;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .right {
    width: 100%;
    padding: 30px 20px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left .profile {
    /*width: 300px;
    height: 300px;
    padding-bottom: 0;*/
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left .info {
    margin: 20px 0;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left .info .cata {
    margin-bottom: 16px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left .info .name {
    margin-bottom: 16px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left .contact {
    margin-bottom: 20px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left {
    padding: 30px 20px;
  }
  .regist-wrap .regist-sec2 .form-item .form-wrap {
    padding: 0;
  }
  .regist-wrap .regist-sec2 .form-item .welfare-box .input-wrap {
    padding: 0;
  }
  .regist-wrap .regist-sec2 .form-item .manage-wrap .manage-sec1,
  .regist-wrap .regist-sec2 .form-item .manage-wrap .manage-sec2 {
    padding: 0;
  }
  .regist-wrap2 .form-item2 .basic-box {
    flex-direction: column;
  }
  .regist-wrap2 .form-item2 .basic-box .left {
    width: 100%;
    order: 2;
  }
  .regist-wrap2 .form-item2 .basic-box .right {
    width: 100%;
    order: 1;
    justify-content: flex-start;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .wid5 {
    flex-wrap: wrap;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .wid4 > div {
    width: calc(50% - 10px);
    box-sizing: border-box;
  }
  .talent-stlye2 .talent-list .bot.cst {
    justify-content: space-between;
  }
  .talent-stlye2 .talent-list .bot.cst .history {
    width: initial;
  }
  .talent-stlye2 .talent-list .bot.cst .etc {
    width: initial;
    justify-content: normal;
    gap: 41px;
  }
}
@media screen and (max-width: 1350px) {
  .talent-stlye2 .talent-list .bot.cst {
    flex-flow: row wrap;
  }
  .talent-stlye2 .talent-list .bot .view-btn {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 1280px) {
  .post-wrap .post-sec1 {
    gap: 10px;
  }
  .post-wrap .post-sec1 .sec1-title {
    gap: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .inner {
    width: calc(100% - 32px);
  }
  
  header {
    box-shadow: none;
  }
  header .head-bot {
    padding: 0;
    display: block;
  }
  header .head-top .logo a {
    width:105px;
  }
  header .serach-wrap {
    background: var(--white);
    border-radius: 10px;
    border:1px solid #562dff;;
    width:100%;
    box-sizing: border-box;
  }
  header .head-bot .main-nav,
 
  header .head-bot .etc-nav {
    display: none;
  }
  header .head-top {
    padding: 24px 0 10px;
  }
  header .head-top .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .head-top .mob-etc {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  header .head-top .mob-etc .hambuger {
    width: 22px;
    height: 16px;
    position: relative;
    cursor: pointer;
  }
  header .head-top .mob-etc .hambuger > span {
    width: 100%;
    height: 2px;
    background: #7e7e7e;
    position: absolute;
    left: 0;
    transition: all 0.4s;
  }
  header .head-top .mob-etc .hambuger > span:nth-child(1) {
    top: 0;
  }
  header .head-top .mob-etc .hambuger > span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  header .head-top .mob-etc .hambuger > span:nth-child(3) {
    bottom: 0;
  }
  header .head-top .mob-etc .hambuger.on > span:nth-child(1) {
    top: 6px;
    transform: rotate(45deg);
  }
  header .head-top .mob-etc .hambuger.on > span:nth-child(2) {
    opacity: 0;
  }
  header .head-top .mob-etc .hambuger.on > span:nth-child(3) {
    bottom: 8px;
    transform: rotate(-45deg);
  }
  header .head-bot .nav-all {
    top: 40px;
  }
  header .head-bot .nav-all .mob {
    display: block;
  }
  header .head-bot .nav-all .login-box {
    /*background: var(--gray01);
    border-radius: 8px;
    padding: 5px 5px 8px 5px; */
  }
  header .head-bot .nav-all .login-box .login-area {
    background: var(--white);
    padding: 16px 20px;
    border-radius: 8px;
    /* box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25); */
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .head-bot .nav-all .login-box .login-area p {
    font-size: var(--size14);
    color: var(--black02);
    font-weight: 700;
    line-height: 20px
  }
  header .head-bot .nav-all .login-box .login-area p a {
    color: #562dff;
    text-decoration: underline;
    display: inline-block;
  }
  header .head-bot .nav-all .login-box .login-area img {
    width: 34px;
    height: 34px;
  }
  header .head-bot .nav-all .login-box .join-btn {
    text-align: end;
    font-size: var(--size14);
    color: var(--gray02);
    margin-top: 15px;
    margin-bottom: 5px;
    padding-right: 8px;
  }
  header .head-bot .nav-all .top-nav {
    display: flex;
    gap: 20px;
    color: var(--black02);
    font-weight: 500;
    margin: 40px 0;
  }
  header .head-bot .nav-all .main-util {
    display:flex;
    justify-content: space-between;
    gap: 20px;
    margin-top:20px;
  }
  header .head-bot .nav-all .main-util > li {
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 8px 14px;
    border-radius: 8px;
    transition: all 0.4s;
    position: relative;
    width:50%;
  }
  header .head-bot .nav-all .main-util > li > a {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: var(--size14);
    color: var(--black02);
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
  }
  header .head-bot .nav-all .main-util > li > a > img {
    width:26px;
  } 
  header .head-bot .nav-all .login-box .login-area .mob-profile {
    display: flex;
    align-items: center;
    gap:10px;
 }
  header .head-bot .nav-all .login-box .login-area .mob-profile .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;

 }
  header .head-bot .nav-all .login-box .login-area .mob-profile .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  header .head-bot .nav-all .login-box .login-area .mob-login {
    display: flex;
    gap: 10px;
  }
  header .head-bot .nav-all .login-box .login-area .mob-login .txt {
    color: var(--gray02);
    text-align: end;
    margin: 15px 0 5px;
  }
  .regist-wrap .input-check input.text.t2 { width: 160px !important; }
  .main-sec1 {
    padding:40px 0 20px;
  }
  
  
  .main-sec1 .sec1-con .sec1-tab {
    overflow-x: auto;
    width: 57%;
    padding: 30px;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-con {
    width: max-content;
  }
  .recru-style2 .card-wrap.main-sec1-h {
    flex-wrap:nowrap;
  }
  .main-sec1 .sec1-con .banner {
    width: 40%;
  }

    
  .main-sec1 .sec1-con .member-mob .inner {
    width: calc(100% - 32px);
  }
  .main-sec1 .sec1-con .member-mob .main-menu {
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;   
    justify-content: center; 
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li {
    width:22%;
    padding:10px 5px 0;
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li img {
    width:auto;
    text-align: center;
    margin: 0 auto 5px;
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li a {
    text-align:center;
    color: var(--gray02);
  }

  
  .main-sec1 .sec1-con .member-mob .top {
    border-radius: 8px;
   /* background: var(--gray01);
    padding: 5px 8px 5px 5px;  */
  }
  .main-sec1 .sec1-con .member-mob .top .info {
    border-radius: 8px;
    background: var(--white);
    /*box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);*/
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
  .main-sec1 .sec1-con .member-mob .top .user {
    color: var(--black02);
    font-weight: 700;
    line-height: 20px;
  }
 header .head-bot .nav-all .login-box .login-area .mob-profile span  {
    font-weight: 700;
    line-height: 20px;
 }
 .main-sec1 .sec1-con .member-mob .top  .mob-profile,
 header .head-bot .nav-all .login-box .login-area .mob-profile {
    display: flex;
    align-items: center;
    gap:10px;
 }
  .main-sec1 .sec1-con .member-mob .top  .mob-profile .img,
  header .head-bot .nav-all .login-box .login-area .mob-profile .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;

 }
  .main-sec1 .sec1-con .member-mob .top  .mob-profile .img img,
  header .head-bot .nav-all .login-box .login-area .mob-profile .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
 }


 .main-sec1 .sec1-con .member-mob .top .user a {
    text-decoration: underline;
    display: inline-block;
    color: #562dff;
  }
  .main-sec1 .sec1-con .member-mob .top .user span,
  header .head-bot .nav-all .login-box .login-area .mob-profile span {
    color: var(--blue01);
  }
  .main-sec1 .sec1-con .member-mob .top .util {
    display:flex;
    justify-content: flex-end;
    gap: 20px;
  }
  .main-sec1 .sec1-con .member-mob .top .txt,
  header .head-bot .nav-all .login-box .login-area .mob-login .txt {
    color: var(--gray02);
    text-align: end;
    margin: 15px 0 5px;
  }
  .main-sec1 .sec1-con .member-mob .top .dl-list {

  }
  .main-sec1 .sec1-con .member-mob .top .dl-list  .mob-login,
  header .head-bot .nav-all .login-box .login-area .mob-login {
    display:flex;
    gap:10px;
  }
  .main-sec1 .sec1-con .member-mob .top .dl-list img {
    width:34px;
    height:34px;
  }
  .main-sec1 .sec1-con .member-mob .top dl {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .main-sec1 .sec1-con .member-mob .top dl:last-child {
    margin-top:5px;
  }
  .main-sec1 .sec1-con .member-mob .top dl dt {
    color: var(--gray02);
  }
  .main-sec1 .sec1-con .member-mob .top dl dd p {
    color: var(--black01);
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .main-sec1 .sec1-con .member-mob .top dl dd span {
    /*
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--blue01);
    */
    color: var(--blue01);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: underline;
  }

  .main-sec1 .sec1-con .member-mob .main-util, 
  header .head-bot .nav-all .main-util {
    display:flex;
    justify-content: space-between;
    gap: 20px;
    margin-top:20px;
  }
  .main-sec1 .sec1-con .member-mob .main-util > li,
  header .head-bot .nav-all .main-util > li {
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 8px 14px;
    border-radius: 8px;
    transition: all 0.4s;
    position: relative;
    width:50%;
  }
  .main-sec1 .sec1-con .member-mob .main-util > li > a,
  header .head-bot .nav-all .main-util > li > a {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: var(--size14);
    color: var(--black02);
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
}

  .main-sec1 .sec1-con .member-mob .main-util > li > a > img,
  header .head-bot .nav-all .main-util > li > a > img {
    width:26px;
  } 

  .main-sec1 .sec1-con .member-mob .notice {
    margin-top: 20px;
    font-size: var(--size14);
  }
  .main-sec1 .sec1-con .member-mob .notice .tit {
    color: var(--black01);
    font-weight: 500;
    margin-bottom: 10px;
  }
  .main-sec1 .sec1-con .member-mob .notice .txt {
    color: #373f57;
    font-weight: 300;
    line-height: 1.45;
  }


  .main-sec1 .sec1-con .member .notice {
    display: none;
  }
  /*.main-sec1 .sec1-con .sec1-tab .recru-style2 .recru-card {
    width: calc(50% - 10px);
  } */
  .recru-style2 .recru-card {
    width: calc(50% - 10px);
  }

  
  .main-sec3 .inner {
    width: 100%;
  }
  .main-sec3 .recru-style .recru-title {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }
  .main-sec3 .recru-style2 .scroll-wrap {
    padding-left: 16px;
    overflow-y: auto;
    padding-bottom:10px;
  }
  .main-sec3 .recru-style2 .card-wrap {
    width: 100%;
    padding-right: 16px;
  }
  .main-sec3 .recru-style2 .recru-card {
    width: calc(33.33% - 13.333px);
    flex-basis: calc(33.33% - 13.333px);
    max-width: calc(33.33% - 13.333px);
    box-sizing: border-box;
  }

  .sub-wrap2 .left-nav {
    display: none;
  }

  .main-sec7 .area-box {
    width: 100%;
  }
  .main-sec11 .inner {
    gap: 20px;
    padding: 30px;
    flex-direction: column;
  }
  .main-sec11 ul {
    width: 100%;
  }
  footer .footer-top .info-list {
    flex-wrap: wrap;
    gap: 7px 30px;
  }
  footer .footer-top .etc-nav {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  footer .footer-bottom .copy {
    width: 100%;
  }
  .search-area .inner {
    flex-direction: column;
  }
  .search-area .left {
    width: 100%;
  }
  .search-area .search-btn {
    order: 2;
  }
  .search-area .right {
    width: 100%;
    padding-top: 0;
    order: 3;
  }
  .recru-style2 .recru-list.all a {
    padding: 20px 16px;
  }
  .recru-style2 .recru-list a {
    padding: 20px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .recru-style2 .recru-list a > div,
  .recru-style2 .recru-list.scap a > div.left,
  .recru-style2 .recru-list.scap a > div.right {
    width: 100%;
  }
  .recru-style2 .recru-list .right {
    /*justify-content: space-between;
    align-items: center;*/
    justify-content: end;
    align-items: end;
    flex-direction: column;
  }
  .recru-style2 .recru-list .right .num-list {
    justify-content: flex-start;
  }
  .recru-style2 .recru-list .right .num-list.t2 {
    margin-top:10px;
  }
  .notifi-wrap .inner {
    padding: 45px 30px 30px;
    flex-direction: column;
    gap: 20px;
  }
  .search-area .top {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    padding: 0;
  }
  .talent-stlye .talent-card {
    width: calc(50% - 10px);
  }
  .talent-stlye .talent-list a {
    flex-direction: column;
    gap: 10px;
  }
  .talent-stlye .talent-list a > div {
    width: 100%;
  }

  .talent-stlye .talent-list .left,
  .talent-stlye .talent-list .right {
    gap: 20px;
  }
  .talent-stlye .talent-list .right .dl-wrap {
    flex-direction: initial;
    gap: 20px;
  }
  .talent-stlye .talent-list .right {
    justify-content: space-between;
  }
  .talent-stlye .talent-list .right .btn-wrap {
    justify-content: end;
    width: 100%;
  }
  .post-wrap .post-sec1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .post-style .post-list .post-item .top {
    padding: 20px;
  }
  .post-style .post-list .post-item .top .con {
    flex-direction: column;
    align-items: flex-start;
  }
  .post-style .post-list .post-item .top .con > div {
    width: 100%;
  }
  .post-style .post-list .post-item .top .right {
    justify-content: space-between;
  }
  .post-style .post-list .post-item .bottom {
    padding: 20px;
  }
  .manage-wrap .manage-sec2 .img-list {
    flex-wrap: wrap;
  }
  .manage-wrap .manage-sec2 .img-list .img-box {
    width: calc(50% - 8px);
  }
  .manage-wrap .manage-sec2 .attach-box {
    /*justify-content: flex-start;*/
  }
  .post-style .post-card .card-item {
    width: calc(50% - 10px);
  }
  .talent-stlye2 .talent-list .top {
    padding: 20px 25px;
    flex-direction: column;
    gap: 10px;
  }
  .talent-stlye2 .talent-list.c_view .top {
    gap: 20px;
  }
  .recru-style2 .recru-list .right.gap {
    gap:10px;
  }
  .talent-stlye2 .talent-list .top > div,
  .post-wrap3 .recru-style2 .recru-list .top > div.left.align,
  .post-wrap3 .recru-style2 .recru-list .top > div.right.align {
    width: 100%;
  }
  .recru-style2 .recru-list .company {
    padding-left:0;
  }
  .recru-style2 .recru-list .left .etc {    
    align-items: center;
    flex-direction: row;
  }
  .talent-stlye2 .talent-list .top .input-box {
    padding-left: 0;
    width:100%;
  }
  .talent-stlye2 .talent-list .bot {
    padding: 20px;
    flex-direction: column;
    gap: 10px;
  }
  .talent-stlye2 .talent-list .bot .etc {
    gap: 16px;
  }
  .post-style .payment-list .payment-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
  }
  .post-style .payment-list .payment-item .left {
    gap: 20px;
  }
  .post-style .payment-list .payment-item .left {
    flex-direction: column;
  }
  .post-wrap3 .recru-style2 .recru-list .top {
    padding: 20px;
    flex-direction: column;
    gap: 10px;
  }
  .post-wrap3 .recru-style2 .recru-list .top > div {
    width: 100%;
  }
  .post-wrap3 .recru-style2 .recru-list .bot {
    /* flex-direction: column;
    align-items: flex-start; */
    gap: 14px;
    margin-top: 20px;
  }
  .post-wrap3 .recru-style2 .recru-list .bot .right {
    flex-flow: row wrap;
  }
  .post-wrap3 .recru-style2 .recru-card {
    width: calc(50% - 10px);
  }
  .post-wrap3 .post3-sec2 .view-settings .setting-wrap {
    flex-direction: column;
  }
  .post-wrap3 .post3-sec2 .view-settings .setting-wrap > button {
    width: 100%;
  }
  .favorite-style .favo-list .favo-item {
    width: calc(50% - 10px);
  }
  .detail-wrap .detail-sec2 .sec2-info .info-list {
    padding: 30px 30px;
    flex-direction: column;
    gap: 40px;

  }
  .detail-wrap .detail-sec2 .info-list2 {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .detail-wrap .detail-sec2 .sec2-link {
    margin-top: 20px;
    padding: 0;
  }
  .detail-wrap2 .detail2-sec2 .white-bg {
    padding: 30px 20px;
  }
  .detail-wrap2 .detail2-sec3 .list-item a {
    padding: 20px;
  }

  .activity-wrap .list-wrap .list-item a {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .activity-wrap .list-wrap .list-item .title,
  .activity-wrap .list-wrap .list-item .info .dl-list {
    width: 100%;
  }

  .activity-wrap .list-wrap .list-item .info {
    flex-direction: column;
    gap: 10px;
    width:100%;
  }
  .print-wrap .inner {
    padding: 30px;
  }
  .print-wrap2 .status-box p,
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box .con-title {border-bottom: 0;}
  .print-wrap2 .status-box .table-wrap .int-txt {border-top: 1px solid var(--gray04);}
  .print-wrap .status-box .table-wrap,
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box {
    overflow-x: auto;
  }
  .print-wrap .status-box .table-wrap table,
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box table {
    /* width: 640px; */
    width: 100%;
    border-top: 1px solid var(--gray04);
  }
  .print-wrap2 .status-box .table-wrap .pr_txt,
  .print-wrap2 .status-box .table-wrap .int_txt {
    border-top: 1px solid var(--gray04);
  }

  .print-wrap .info-box dl {
    gap: 20px;
  }

  .print-wrap2 .profile-box .info {
    width: 100%;
  }
  .commu-wrap .board-area .bo-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .commu-wrap .board-area .bo-list .bo-item {
    width: calc(50% - 10px);
  }
  /* ¸¶ÀÌÆäÀÌÁö °³ÀÎÁ¤º¸°ü¸® ÅÇ 
  .tab-style .tab-nav {   
    flex-wrap: wrap;
    gap: 16px;
    border-bottom: 0;

  }
  .tab-style .tab-nav > li {
    border: 1px solid var(--gray05);
    border-radius: 4px;
    width: auto;
    padding: 12px;
  }
  .tab-style .tab-nav > li.on {
    border-radius: 4px;
  }
  */
  .join-wrap .join-sec1 .top .input-wrap {
    gap: 20px;
  }
  .join-wrap .join-sec1 .top .input-wrap .flex {
    width: calc(100% - 84px);
  }
  .join-wrap .join-sec1 .top .input-wrap .tell {
    width: 340px;
  }
  .payment-wrap .pro-select .select-item > div {
    padding: 30px 30px;
  }
  .payment-wrap .pro-select .select-item .info2 {
    flex-direction: column;
  }
  .payment-wrap .pro-select .select-item .info2 .right {
    align-items: flex-start;
  }
  .payment-wrap .pro-select .select-item .price-item {
    /* flex-direction: column; */
    gap: 20px;
  }
  .payment-wrap .pro-select .select-item .price-item {
    width: 100%;
  }
  .payment-wrap .pro-select .select-item .price-item2 .detail {
    width: 100%;
  }
  .payment-wrap .pro-select .select-item .price-item .detail {
    width: 100%;
  }
  .payment-wrap .pro-select .select-item .price-item .detail .price2 {
    gap: 10px;
    width: 80%;
  }
  .payment-wrap .pro-select .select-item .info2 > div {
    width: 100%;
  }
  .regist-wrap .regist-sec1 .sec1-con {
    flex-direction: column;
    gap: 20px;
  }
  .regist-wrap .regist-sec1 .sec1-con .right a {
    display: inline-block;
  }
  .regist-wrap .regist-sec2 .form-item {
    padding: 20px 0;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap {
    flex-direction: column;
  }
  .manage-wrap .manage-sec1 .input-wrap {
    flex-direction: initial !important;
  }
  .manage-wrap .manage-sec1 .input-wrap .input-tit {
    width: 102px !important;
  }
  .manage-wrap .manage-sec1 .right .input-wrap2 .input-wrap.t2 {
    gap: 20px;
  }
  .manage-wrap .manage-sec1 .input-wrap > div,
  .manage-wrap .manage-sec1 .input-wrap .search-wrap,
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box,
  .manage-wrap .manage-sec1 .input-wrap input, .manage-wrap .manage-sec1 .input-wrap select, .manage-wrap .manage-sec1 .input-wrap textarea {
    width: calc(100% - 112px);
    box-sizing: border-box;
  }
  .regist-wrap .form-pay .pay-con {
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap .form-pay .pay-con > div {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-tit {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box4 {
    max-width: 280px;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box3 .flex2 {
    flex-direction: column;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box2 {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .regist-wrap .check-list {
    flex-wrap: wrap;
    gap: 20px;
  }
  .regist-wrap .check-list2 {
    flex-direction: column;
  }
  .regist-wrap .check-list2 .input-check {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .hours-box {
    flex-direction: column;
    margin-bottom: 30px !important;
    gap: 10px;
  }
  .regist-wrap .regist-sec2 .hours-box .box-list {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .alert-box {
    padding-left: 0;
  }
  .regist-wrap .regist-sec2 .form-item .form-tit {
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap .regist-sec2 .form-item .form-tit.add {
    width: 100%;
  }
  .regist-wrap2 .resume-card .resume-item {
    width: calc(50% - 10px);
  }
  .regist-wrap2 .form-item2 .basic-box .left .row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .regist-wrap2 .form-item2 .basic-box .left .row > div:nth-child(1) {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .basic-box .left .row > div:nth-child(2) {
    width: 100%;
    flex-direction: column;
  }
  .regist-wrap2 .form-item2 .flex-gap2 {
    /* flex-direction: column; */
    /* align-items: flex-end; */
    gap:10px;
  }
  .regist-wrap2 .form-item2.res .flex-gap2 {
    /*flex-direction: row;*/
  }
  .regist-wrap2 .form-item2 .form-tit3 {
    margin-bottom:20px;
  }
  .regist-wrap2 .form-item2 .basic-box .left .column .col-l, 
  .regist-wrap2 .form-item2 .basic-box .left .column .col-r,
  .regist-wrap2 .form-item2 .basic-box .left .column,
  .regist-wrap2 .form-item2.res .form-wrap2 .wid4 {
    gap:10px;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2 {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .form-tit2 {
    padding: 0;
  }
  .regist-wrap2 .form-item2 .form-tit3.add,
  .regist-wrap2 .form-item2 .form-tit3 {
    align-items: flex-start;
    width: 100%;
  }

  .modal7 .popup-inner {
    width: 100%;
  }
  .recru-style2 .recru-list .right .info {
    top:0;
    position:relative;
    width: 100%;
  }
  .recru-style2 .recru-list .right .fillter3.mob{
    display: flex;
    }
    .recru-style2 .recru-list .right .fillter3 .info-mob {
    display:none;
    }
  .resume-wrap .talent-stlye .talent-list .left.rs_list,
  .resume-wrap .talent-stlye .talent-list .right.rs_list,
  .resume-wrap .talent-stlye .talent-list .left,
  .resume-wrap .talent-stlye .talent-list .right {
    width:100%;
  }
 
  header .head-bot .nav-all .top-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;    
  }
  header .head-bot .nav-all .top-nav li {
    width:22%;
    padding:10px 0;
  }
  header .head-bot .nav-all .top-nav li img {
    width:auto;
    text-align: center;
    margin: 0 auto 5px;
  }
  header .head-bot .nav-all .top-nav li a {
    text-align:center;
    color: var(--gray02);
  }
  .regist-wrap2 .regist-sec2 .form-item2.c2 {
    padding: 40px 0;
  }
  .regist-wrap .form-pay.c2 {
    margin: 80px 0;
  }
  .recru-style2 .recru-list.scrap a > div.left,
  .recru-style2 .recru-list.scrap a > div.right {
    width:100%;
  }
  .recru-style2 .recru-list .left .etc.scrap {
    flex-direction: row;
    align-items: center;
  }
  .salary.hide {
    display: none;
  }
  .recru-style2 .recru-list .left .event.main {
    position: initial;
  }
  .regist-wrap2 .form-item2 .form-tit3.rec {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1072px) {
   .payment-wrap2 .info3 .right-box {
    width: 100%;
    justify-content: flex-end
   }
   .payment-wrap2 .info3 .right-box .price {
    width: 72px;
    text-align: initial;
   }
}
@media screen and (max-width: 1024px) {
  header .head-bot .nav-all .nav-list {
    flex-direction: column;
    gap: 40px;
  }
  header .head-bot .nav-all .nav-list .list-item {
    padding: 0;
    border-bottom: 0;
  }
  header .head-bot .nav-all .nav-list .list-item::after {
    display: none;
  }
  header .head-bot .nav-all .nav-list .list-item .list-wrap {
    flex-direction: column;
    gap: 8px;
  }
  header .head-bot .nav-all .nav-list .list-item .title {
    margin-bottom: 20px;
  }
  header .head-bot .nav-all .nav-list .list-item .list-style {
    flex-direction: row;
    flex-wrap: wrap;
  }
  header .head-bot .nav-all {
    gap: 40px;
  }
  header .head-bot .nav-all .right .title {
    margin-bottom: 14px;
    text-align: start;
  }
  header .head-bot .nav-all .absol-box {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    margin-top: 20px;
    border-top: 0;
  }
  .detail-wrap .detail-sec2 .event {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 16px;
  }
  .detail-wrap .detail-sec2 .event .left .info {
    gap: 10px;
  }
  .commu-wrap .board-area .bo-top .bo-cata {
    flex-wrap: wrap;
  }
  .regist-wrap .regist-sec2 .hours-box .box-wrap {
    flex-direction: column;
  }
  .regist-wrap .regist-sec2 .hours-box .hours-list {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }

}
@media screen and (max-width: 900px) {
    .main-sec1 .sec1-con .sec1-flex {
        width:100%;
    }
     .main-sec1 .sec1-con .banner {
        width: 44%;
    }
    .regist-wrap .input-check.align {
        width:16%;
    }
    .regist-wrap .input-check.align:last-child {
        width:33%;
    }
    .regist-wrap2 .form-item2 .attach-file .file-input .upload-name {
        width: calc(100% - 88px);
    }
    .fix-btn {
       display:none;
    }
    .main-sec1 .sec1-con {
      flex-direction: column;
    }

  .main-sec1 .sec1-con .member {
     width: 100%; 
     flex-direction: row; 
    }

  .main-sec1 .sec1-con .member {
    display: none;
   }

  .main-sec1 .sec1-con .member-mob {
    display: block;
    font-size: var(--size14);
  }
  .detail-wrap .detail-sec1 .bottom .left .title {
    font-size: var(--size20);
  }

  .join-wrap .join-sec1 .attach-img.psn {
    position: initial;
  }
}
@media screen and (max-width: 800px) {
  .regist-wrap .post-style .post-title .title-wrap,
  .regist-wrap .post-style .post-title p {
    display:block;
  }
  .regist-wrap .post-style .post-title p {
    padding-top:10px;
    font-size:12px; 
    word-break: keep-all;
  }
  .regist-wrap .post-style .post-title p a {
    display:inline-block;
  }
 .payment-wrap .pro-select .select-item .info1 .info-tit {
    padding-top:0;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .detail-wrap .detail-sec7 .white-bg.flex {
    flex-direction: column;
    align-items: flex-start;
    padding:30px;
  }
  .detail-wrap .detail-sec7 .sec7-list,
  .detail-wrap .detail-sec7 .alert {
    width:100%;
  }
    header .head-bot .nav-all .nav-list.mo {
        display:none;
    }
    .nav-list-mo {
        display: flex;
        gap: 30px;
        padding:0 10px;
    }
    .nav-list-mo .nav-menu-mo li {
        font-size: 16px;
        color: var(--gray04);
        padding-bottom: 30px;
        width:70px;
        cursor: pointer;
    }
    .nav-list-mo .nav-menu-mo li.on {
        color: var(--black02);
        font-weight: 700;
    }
    .nav-list-mo .list-style {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        width: 48%;
    }
    .nav-list-mo .list-style li {
        font-size: 15px;
        color: var(--black02);
        padding-bottom: 13px;
        width: 100%;
    }
    .nav-con-mo .list-wrap {
        display:none;
    }
    .nav-con-mo .list-wrap.on {
        display:flex;
        justify-content: space-between;
    }
    .post-wrap .post-sec1 .num-list dl dd {padding-right: 20px;}
    .talent-stlye .talent-list .left .info {width:100%;}
    header .head-bot .nav-all .absol-box {margin-top: 0;}
    header .head-bot .nav-all .absol-box .quick-menu {
      padding: 0;
    }
    .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td.txt {font-size: 12px;}
    .post-style .payment-list .payment-item .right  {
      display: none;
    }
    .post-style .payment-list .payment-item .right button {
      font-size: 12px;
    }

    .payment-wrap2 .info3 .right-box {
      gap: 20px;
    }
    .payment-wrap2 .info3 .right-box .price {
      width: auto;
      color: var(--gray02);
      font-weight: 400;
    }
}
@media screen and (max-width: 768px) {

  .mo {display:none;}
  .payment-wrap .pro-info ul,
  .regist-wrap .regist-sec1 .sec1-con ul {font-size:12px; word-break: keep-all;}
  .mob-head .logo {
    width: 100px;
  }
  .mob-head .btn-wrap button {
    width: 20px;
  }
  .main-sec1 .sec1-con {
   flex-direction: column;
   margin-bottom: 20px;
  }
  .main-sec1 .sec1-con .sec1-flex {
    flex-direction: column;
  }
  .main-sec1 .sec1-con .sec1-tab {
    padding: 16px;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-nav {
    gap: 10px;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-nav > li {
    padding: 4px 6px;
    box-sizing: border-box;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-nav > li img {
    width: 16px;
  }
  .main-sec1 .sec1-con .sec1-tab .recru-style2 .recru-card {
    width: 100%;
  }
  .recru-style2 .recru-card {
    width: 100%;
  }
  .main-tit .title {
    padding-left: 0;
  }
  .main-tit .title h2 {
    font-size: 16px;
  }
  .main-tit.all .title h2 {
    font-size: var(--size22);
  }
  .recru-style .recru-title h2 {
    font-size: 16px;
    padding-left: 0;
  }

  .main-sec7 .area-box .board-wrap .bo-item:after {
    content:'';
    display:block;
    background:var(--gray05);
    width:100%;
    height:1px;
    margin-top: 15px;
  }
  .main-sec7 .area-box .board-wrap .bo-item:last-child:after {
    display:none;
  }

  .main-sec7 .area-box .board-wrap .bo-item a {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-sec7 .area-box .board-wrap .bo-item .left {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .main-sec7 .area-box .board-wrap .bo-item .title {
    width: 100%;
    font-size: var(--size14);
  }
  .main-sec7 .area-box .board-wrap .fillter {
    width: 100%;
    margin-top: 10px;
    font-size: 12px
  }
  .main-sec10 .inner {
    flex-direction: column;
    gap: 16px;
  }
  .main-sec10 .inner > div {
    width: 100%;
  }
  footer .footer-top .etc-nav .etc-list2 {
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .footer-bottom .etc-list {
    gap: 16px;
  }
  
  .fix-btn img {
    width: 24px;
  }
  .search-area .search-fillter .fillter-item {
    padding: 16px;
  }
  .search-area .search-fillter .fillter-item {
    gap: 20px;
  }
  .search-area .search-fillter .fillter-item .list-box2 {
    /*flex-direction: column;*/
    gap: 20px;
  }
  .search-area .search-fillter .fillter-item .list-box2::after {
    display: none;
  }
  .search-area .search-fillter .fillter-item .list-box2 .list {
    width: 100%;
  }
  .search-area .search-fillter .selected-fillter {
    gap: 20px;
    padding: 20px 10px;
  }
  .main-tit {
    /*flex-direction: column;*/
    gap: 16px;
    align-items: flex-start;
  }
  .main-tit.all {
    flex-direction: column;
  }
  .main-tit.all {
    flex-direction: column;
    align-items: center;
  }
  .recru-style2 .recru-list .left {
    flex-direction: column;
  }

  .favorite-wrap2 .recru-style2 .recru-list .right {
    flex-direction: column;
    gap:0;
  }
  .recru-style2 .recru-list .right .info .info-list {
    flex-wrap: wrap;
  }
  .talent-stlye .talent-card {
    width: 100%;
  }
  .talent-stlye .talent-list .left {
    flex-direction: column;
    align-items: flex-start;
  }
  .talent-stlye .talent-list.c_view .left {
    flex-direction: row;
  }
  .talent-stlye .talent-list .left .bottom {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .talent-stlye .talent-list .right {
    flex-direction: column;
    align-items: flex-start;
  }
  .talent-stlye .talent-list .right .dl-wrap, {
    gap: 20px;
  }
  .resume-wrap .talent-stlye .talent-list .right .dl-wrap {
    width:100%;
    gap:10px;
    flex-direction: row;
  }
  .resume-wrap .talent-stlye .talent-list .right .btn-wrap {
    margin:0 auto;
  }
  .post-wrap .post-sec1 .num-list {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
  }
  .post-wrap .post-sec1 .num-list dl {
    justify-content: space-between;
    width: 100%;
  }
  .post-style .post-title {
    flex-direction: rpw;
    padding-left: 0;
    align-items: center;
    gap: 10px;
  }
  .post-style .post-list .post-item .top .con .left {
    gap: 10px;
  }
  .post-style .post-list .post-item .top .info ul {
    flex-wrap: wrap;
    gap: 10px 15px;
    font-size: 13px;
    letter-spacing: -0.04em;
  }
  .post-style .post-list .post-item .top .con > div {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  .post-style .post-list .post-item .top .num-list {
    justify-content: center;
    width: 100%;
  }
  .post-style .post-list .post-item .bottom {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    /*gap: 16px;*/
  }
  .post-style .post-list .post-item .bottom .btn-wrap.mo {
    margin:15px auto 0;
  }
  .post-style .post-list .post-item .bottom .pro-wrap {
    gap: 12px;
    flex-direction: column;
  }
  .manage-wrap .manage-sec1 .right .input-wrap2 {
    flex-direction: column;
  }
  .post-wrap2 .post-sec1 .title-wrap {
    flex-direction: column;
    width: 100%;
  }
  .post-wrap2 .post-sec1 .sec1-title {
    width: 100%;
    gap: 20px;
    justify-content: space-between;
    box-sizing: border-box;
  }
  .post-style .post-card .card-item {
    width: 100%;
  }
  .post-style .post-board .board-item a {
    padding: 16px;
    gap: 10px;
  }
  .post-style .post-board .board-item .left {
    gap: 10px;
  }
  .post-style .post-board .board-item .con {
    width: calc(100% - 24px);
  }
  .post-style .payment-list .payment-item .info {
    width: 100%;
  }
  .post-style .payment-list .payment-item .dl-wrap {
    flex-direction: column;
    gap: 10px;
  }
  .post-wrap3 .recru-style2 .recru-list .bot .left {
    gap: 20px;
    align-items: flex-start;
  }
  .post-wrap3 .recru-style2 .recru-list .bot .right {
    width:100%;
    align-items: center;
    flex-direction:initial;
    justify-content: space-between;
    gap: 20px;
  }
  .post-wrap3 .recru-style2 .recru-card {
    width: 100%;
  }
  .join-wrap .join-sec1 .top .input-wrap {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .join-wrap .join-sec1 .input-wrap textarea,
  .join-wrap .join-sec1 .top .input-wrap input {
    width: 100%;
  }
  .join-wrap .join-sec1 .top .input-wrap .btn input {
    width: calc(100% - 130px);
  }
  .join-wrap .join-sec1 .top .input-wrap .flex {
    width: 100%;
    flex-wrap: wrap;
  }
  .join-wrap .join-sec1 .bot .label-list {
    gap: 10px;
  }
  .resume-wrap .talent-stlye .talent-list a {
    padding: 20px 25px;
  }
  .favorite-style .favo-list .favo-item {
    width: 100%;
  }
  .favorite-wrap2 .recru-style2 .recru-list a {
    padding: 20px;
  }
  .main-sec1 .inner {
    width: 100%;
  }
  .main-sec1 .sec1-con .sec1-tab {
    width:100%;
    padding: 30px 0;
    order:2;
    border-radius:0;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-nav {
    padding: 0 16px;
  }
  .main-sec1 .sec1-con .sec1-tab .tab-con > div {
    padding-left: 16px;
    padding-right: 16px;
  }
  .main-sec1 .recru-style2 .card-wrap {
    overflow-y: auto;
    flex-wrap: nowrap;
    padding-bottom:8px;
  }
  .main-sec1 .recru-style2 .recru-card a {
    width: 280px;
  }
  .main-sec1 .sec1-con .banner,
  .main-sec1 .logo-swiper,
  .main-sec1 .sec1-con .member {
    width: calc(100% - 32px);
    margin: auto;
  }
  .main-sec1 .sec1-con .banner {
    order:1;
  }
  .main-sec3 .recru-style2 .card-wrap {
        width: 870px;
        padding-right: 16px;
    }
  .mob-scroll .inner {
    width: 100%;
  }
  .mob-scroll .recru-style .recru-title,
  .mob-scroll .main-tit {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }
  .mob-scroll .recru-style2 .scroll-wrap {
    padding-left: 16px;
    padding-bottom:10px;
    overflow-y: auto;
  }
  .mob-scroll .recru-style2 .card-wrap {
    width: 850px;
    padding-right: 16px;
  }
  .mob-scroll .recru-style2 .recru-card {
    width: calc(33.33% - 13.333px);
    flex-basis: calc(33.33% - 13.333px);
    max-width: calc(33.33% - 13.333px);
    box-sizing: border-box;
  }
  header .head-bot .nav-all {
    padding: 10px 15px 40px 15px;
  }
  header .head-bot .nav-all .top-nav {
    /* flex-direction: column; */
    gap: 10px;
  }
  header .head-bot .nav-all .top-nav {
    margin: 0 0 20px 0;
  }
  .detail-wrap .detail-sec1 .bottom > div {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .detail-wrap .detail-sec1 .right .page-nav {
    width: 100%;
    justify-content: center;
  }
  .detail-wrap .detail-sec2 .event .left {
    flex-direction: column;
    align-items: flex-start;
  }
  .detail-wrap .detail-sec2 .sec2-info .info-title {
    margin-bottom: 20px;
  }
  .detail-wrap .detail-sec2 .info-list2 .right {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .detail-wrap .detail-sec1 .right .btn-wrap {
    margin: 0 auto;
  }
  .detail-wrap .detail-sec2 .info-list2 .sec2-link,
  .detail-wrap .detail-sec2 .sec2-link {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .detail-wrap .detail-sec3 .left .top {
    padding: 30px 20px;
    flex-direction: column;
    gap: 20px;
  }
  .detail-wrap .detail-sec3 .left .top {
    gap: 10px;
  }
  .detail-wrap .detail-sec3 .left .top dl dt {
    margin-bottom: 20px;
  }
  .detail-wrap .detail-sec3 .left .bottom {
    padding: 20px;
    letter-spacing: -0.04em;
  }
  .detail-wrap .detail-sec3 .right .white-bg {
    padding: 20px;
  }
  .detail-wrap .detail-sec3 .right .white-bg {
    margin-bottom: 30px;
    width: initial;
  }
  .detail-wrap .detail-sec3 .right ul {
    gap: 20px;
    flex-wrap: wrap;
  }
  .detail-wrap .detail-sec5 .map-wrap .map-info {
    /* padding: 20px; */
    flex-direction: column;
    gap: 10px;
  }
  .detail-wrap .detail-sec5 .map-wrap .map-info p.grayP {
    color: var(--gray04)
  }
  .detail-wrap .detail-sec5 .map-wrap .map-info p.grayP span {
    color: var(--black01);
  }
  .detail-wrap .detail-sec7 .white-bg,
  .detail-wrap .detail-sec6 .white-bg {
    padding: 30px 20px;
  }
  .detail-wrap .detail-sec6 .top {
    flex-direction: column;
    margin: 20px 0;
    padding: 0;
    align-items: flex-start;
    gap: 16px;
  }
  .detail-wrap .detail-sec6 .top .left {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .detail-wrap .detail-sec6 .bottom .right {
    flex-direction: column;
    gap: 10px;
  }
  .detail-wrap2 .detail-sec1 .bottom > div {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
  }
  .detail-wrap .detail-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .detail-wrap2 .detail2-sec3 .list-item a {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .detail-wrap2 .detail2-sec3 .list-item .right {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .left .profile {
    /*width: 100%;
    height: auto;
    padding-bottom: 100%;*/    
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box {
    flex-direction: column;
    gap: 20px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box .dl-wrap {
    width: 100%;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box .dl-wrap .dl-list {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  .detail-wrap2 .detail2-sec4 .sec4-con .con-box .salary-wrap .dl-wrap2 {
    flex-direction: column;
    gap: 20px;
  }
  .talent-stlye2 .talent-list .bot .history {
    gap: 16px;
  }
  .popup .popup-inner {
    width: calc(100% - 32px);
    box-sizing: border-box;
  }
  .print-wrap .bottom {
    flex-direction: column;
    gap: 20px;
  }
  .print-wrap2 .profile-box .con {
    flex-direction: column;
    gap: 40px;
  }
  .print-wrap2 .profile-box .con .left {
    width: 100%;
  }
  .print-wrap2 .profile-box .con .right {
    width: 100%;
  }
  .print-wrap2 .bot-btn {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .print-wrap .btn-wrap button {
    width: calc(33.333% - 6.666px);
  }
  .print-wrap .btn-wrap {
    width: 100%;
  }
  .print-wrap .inner {
    padding: 30px 0;
  }
  .login-wrap .inner {
    width: calc(100% - 32px);
  }
  .intro-wrap h1,
  .intro-wrap .con,
  .intro-wrap .message {
    margin-bottom: 40px;
  }
  .commu-wrap .board-area .bo-list .bo-item {
    width: 100%;
  }
  .join-wrap .joint-title {
    margin-bottom: 40px;
  }
  .join-wrap .join-sec1 {
    padding: 40px 0;
  }
  .join-wrap .join-sec1 .bot .label-list {
    flex-direction: column;
    align-items: flex-start;
  }
  .join-wrap .join-sec1 .bot .label-list.mt {
    flex-direction: row;
    align-items: flex-start;
  }
  .tab-style .tab-con > div {
    padding: 40px 0;
  }
  
  .payment-wrap .pro-info .date-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .payment-wrap .pro-select .select-item .info2 .left {
    flex-direction: column;
    gap: 20px;
  }
  .payment-wrap .pro-select .select-item .price-item {
    margin-left: 0;
    width: 100%;
    max-width: none;
  }
  .payment-wrap .discount-box .item .item-tit {
    width: 70px;
    margin-top: 12px;
  }
  .payment-wrap .discount-box .item > div {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 70px);
  }
  .payment-wrap .discount-box .item {
    align-items: flex-start;
  }
  .payment-wrap .enter-box .enter-list .item .item-tit {
    width: 70px;
  }
  .payment-wrap .enter-box .enter-list .item .label-list {
    width: calc(100% - 70px);
  }
  .payment-wrap .enter-box .enter-list .item .label-list .wid100 {
    flex-wrap: wrap;
  }
  .payment-wrap2 .pro-select {
    width: 100%;
    margin-top: 30px;
  }
  .payment-wrap2 .payment-method-wrap {
    width: 100%;
  }
  .regist-wrap .post-style .post-title .title-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .more-btn {
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .input-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  
  .regist-wrap .regist-sec2 .input-list {
    flex-direction: column;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .select-list2 {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    gap: 10px;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box {
    flex-direction: column;
    gap: 20px;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box3.t3 {
   gap: 20px;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box input {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box textarea {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box select {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .hours-box .hours-list .hours-time {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .hours-box .hours-list .sarary-input2 {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .alert-box {
    flex-direction: column;
  }
  .regist-wrap .form-pay .pay-con .left .select-list {
    flex-direction: column;
  }
  .regist-wrap .form-pay .pay-con .left .select-list > div {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .hours-box .hours-list .hours-select {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .detail-box {
    padding: 10px;
  }
  .regist-wrap .regist-sec2 .input-list > div {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .input-list {
    width: 100%;
    gap: 10px;
  }
  .regist-wrap .regist-sec2 .hours-box .hours-list .sarary-input {
    width: 100%;
  }
  .regist-wrap .add-list .add-item {
    flex-direction: column;
    gap: 20px;
  }
  .regist-wrap .add-list .add-item .add-input {
    width: 100%;
  }
  .regist-wrap
    .regist-sec2
    .form-item
    .input-wrap
    .input-box
    .select-list2
    .select-box {
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box4 {
    flex-direction: row;
    max-width: none;
    width: 100%;
  }
  .regist-wrap .regist-sec2 .form-item .input-wrap .input-box3 .flex2 {
    width: 100%;
  }
  .regist-wrap .step-list {
    flex-direction: column;
    gap: 10px;
  }
  .regist-wrap .step-list .step-check {
    width: 100%;
  }
  .regist-wrap .check-list4 {
    padding: 20px;
  }
  .regist-wrap .attach-item .attach-title {
    flex-direction: column;
  }
  .regist-wrap .attach-item .attach-title h2 {
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap .attach-item .attach-title {
    padding: 0 0 10px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .regist-wrap .attach-item .attach-box .attach-list {
    width: 100%;
    flex-wrap: wrap;
  }
  .regist-wrap .attach-item .attach-box {
    padding: 20px 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap .attach-item .attach-box .btn-wrap {
    width: 100%;
    justify-content: flex-start;
  }
  .regist-wrap2 .setting-box button {
    flex-direction: column;
    gap: 16px;
    padding: 12px;
    width: 100%;
    border-radius: 8px;
  }
  .regist-wrap2 .resume-card .resume-item {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .flex-gap4 {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .wid5 {
    width: 100%;
  }
  .regist-wrap2 .form-item2.res .form-wrap2 .wid5{
    justify-content: flex-end;
  }

  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2.wid_date,
  .regist-wrap2 .form-item2 .form-wrap2 .wid4 > div {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .form-tit2 {
    flex-wrap: wrap;
  }
  .regist-wrap2 .form-item2 .form-wrap2 .input-wrap2 {
    min-width: auto;
  }
  .regist-wrap2 .form-item2 .flex-gap2 {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .attach-file {
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  .regist-wrap2 .form-item2 .attach-file ul {
    width: 100%;
  }
  .regist-wrap2 .form-item2 .attach-file .alert {
    width: 100%;
  }
  .modal7 .popup-inner {
    width: 100%;
  }
  
  .main-sec1 .sec1-con .member-mob {
    display: block;
    font-size: var(--size14);
  }
  .main-sec1 .sec1-con .member-mob .inner {
    width: calc(100% - 32px);
  }
  .main-sec1 .sec1-con .member-mob .main-menu {
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;    
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li {
    width:22%;
    padding:10px 5px 0;
    box-sizing: border-box;
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li img {
    width:auto;
    text-align: center;
    margin: 0 auto 5px;
  }
  .main-sec1 .sec1-con .member-mob .main-menu .menu-list li a {
    text-align:center;
    font-size: 12px;
    color: var(--gray02);
  }

  
  .main-sec1 .sec1-con .member-mob .top {
    border-radius: 8px;
   /* background: var(--gray01);
    padding: 5px 8px 5px 5px;  */
  }
  .main-sec1 .sec1-con .member-mob .top .info {
    border-radius: 8px;
    background: var(--white);
    /*box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);*/
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
  .main-sec1 .sec1-con .member-mob .top .user {
    color: var(--black02);
    font-weight: 700;
    line-height: 20px;
  }
 header .head-bot .nav-all .login-box .login-area .mob-profile span  {
    font-weight: 700;
    line-height: 20px;
 }
 .main-sec1 .sec1-con .member-mob .top  .mob-profile,
 header .head-bot .nav-all .login-box .login-area .mob-profile {
    display: flex;
    align-items: center;
    gap:10px;
 }
  .main-sec1 .sec1-con .member-mob .top  .mob-profile .img,
  header .head-bot .nav-all .login-box .login-area .mob-profile .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;

 }
  .main-sec1 .sec1-con .member-mob .top  .mob-profile .img img,
  header .head-bot .nav-all .login-box .login-area .mob-profile .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
 }


 .main-sec1 .sec1-con .member-mob .top .user a {
    text-decoration: underline;
    display: inline-block;
    color: #562dff;
  }
  .main-sec1 .sec1-con .member-mob .top .user span,
  header .head-bot .nav-all .login-box .login-area .mob-profile span {
    color: var(--blue01);
  }
  .main-sec1 .sec1-con .member-mob .top .util {
    display:flex;
    justify-content: flex-end;
    gap: 20px;
  }
  .main-sec1 .sec1-con .member-mob .top .txt,
  header .head-bot .nav-all .login-box .login-area .mob-login .txt {
    color: var(--gray02);
    text-align: end;
    margin: 15px 0 5px;
  }
  .main-sec1 .sec1-con .member-mob .top .dl-list {

  }
  .main-sec1 .sec1-con .member-mob .top .dl-list  .mob-login,
  header .head-bot .nav-all .login-box .login-area .mob-login {
    display:flex;
    gap:10px;
  }
  .main-sec1 .sec1-con .member-mob .top .dl-list img {
    width:34px;
    height:34px;
  }
  .main-sec1 .sec1-con .member-mob .top dl {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .main-sec1 .sec1-con .member-mob .top dl:last-child {
    margin-top:5px;
  }
  .main-sec1 .sec1-con .member-mob .top dl dt {
    color: var(--gray02);
  }
  .main-sec1 .sec1-con .member-mob .top dl dd p {
    color: var(--black01);
    display: flex;
    align-items: center;
    gap: 7px;
  }
  .main-sec1 .sec1-con .member-mob .top dl dd span {
    /*
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--blue01);
    */
    color: var(--blue01);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: underline;
  }

  .main-sec1 .sec1-con .member-mob .main-util, 
  header .head-bot .nav-all .main-util {
    display:flex;
    justify-content: space-between;
    gap: 20px;
    margin-top:20px;
  }
  .main-sec1 .sec1-con .member-mob .main-util > li,
  header .head-bot .nav-all .main-util > li {
    box-sizing: border-box;
    border: 1px solid #eee;
    padding: 8px 14px;
    border-radius: 8px;
    transition: all 0.4s;
    position: relative;
    width:50%;
  }
  .main-sec1 .sec1-con .member-mob .main-util > li > a,
  header .head-bot .nav-all .main-util > li > a {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: var(--size14);
    color: var(--black02);
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
}

  .main-sec1 .sec1-con .member-mob .main-util > li > a > img,
  header .head-bot .nav-all .main-util > li > a > img {
    width:26px;
  } 

  .main-sec1 .sec1-con .member-mob .notice {
    margin-top: 20px;
    font-size: var(--size14);
  }
  .main-sec1 .sec1-con .member-mob .notice .tit {
    color: var(--black01);
    font-weight: 500;
    margin-bottom: 10px;
  }
  .main-sec1 .sec1-con .member-mob .notice .txt {
    color: #373f57;
    font-weight: 300;
    line-height: 1.45;
  }
  .post-wrap .post-sec1 .sec1-title {
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 20px;
  }
  header .mob-sub {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  header .mob-sub .home {
    width: 24px;
  }
  header .mob-sub h1 {
    font-size: var(--size14);
    color: var(--black02);
    font-weight: 500;
  }
  .post-wrap .post-mob {
    display: block;
    margin-bottom: 20px;
  }
  .post-wrap .post-mob .profile {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
  }
  .post-wrap .post-mob .profile .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
  }
  .post-wrap .post-mob .profile .img img {
    width: 100%;
    height: 100%;
  }
  .post-wrap .post-mob .profile p {
    width: calc(100% - 80px);
    font-size: var(--size14);
    color: var(--black02);
    line-height: 1.45;
  }
  .post-wrap .post-mob .profile p span {
    font-size: var(--size18);
    font-weight: 700;
    color: var(--blue01);
  }
  .post-wrap .post-mob a {
    width: 100%;
    padding: 10px 0;
    border-radius: 8px;
    background: var(--blue01);
    font-size: var(--size14);
    color: var(--white);
    font-weight: 500;
    text-align: center;
  }
  header .head-sub {
    overflow-x: auto;
    display: block;
    padding-left: 16px;
    padding-bottom: 12px;
    padding-top:15px;
    border-bottom: 1px solid var(--gray05);
    scroll-behavior: smooth; 
    white-space: nowrap; 
  }
  header .head-sub .sub-list {
    display: inline-flex;
    gap: 20px;
    font-size: var(--size14);
    color: var(--black01);
    /*width: max-content;*/
    padding-right: 16px;
    white-space: nowrap;

  }
  header .head-sub .sub-list > li.on {
    color: var(--blue01);
  }
  header .head-sub2 {
    border-bottom: 0;
    padding: 12px 0 12px 16px;
  }
  header .head-sub2 .sub-list {
    color: var(--gray02);
  }
  header .head-sub .sub-list > li {
    font-weight:500;
  }
  header .head-sub2 .sub-list > li {
    font-weight:normal;
  }
  header .head-sub .sub-list > li.on {
    color: var(--black01);
  }
  header .head-sub .sub-list > li.on a {
    color: var(--black);
    font-weight: 600;
  }

  .post-wrap3 .post3-sec2 .certifi-btn {
    justify-content: center;
  }
  .post-wrap3 .post3-sec2 .view-settings .alert {
    padding-left: 0;
  }
  .post-wrap3 .post3-sec2 .view-settings .setting-wrap > button {
    gap: 10px;
    align-items: center;
    text-align: start;
    padding:12px;
    border-radius: 8px;
  }
  .detail-wrap .detail-sec2 .info-list2 .sec2-link a,
  .detail-wrap .detail-sec5 .map-wrap .map-info p,
  .post-wrap3 .post3-sec2 .view-settings .setting-wrap > button > p,
  .post-wrap3 .post3-sec2 .view-settings .setting-wrap > button h3,
  .detail-wrap .detail-sec2 .event .right .alert,
  .detail-wrap .detail-sec2 .event .right .alert-txt {
    font-size:12px;
  }
  .detail-wrap .detail-sec2 .info-list2 .sec2-link a {
    padding:8px;
  }
  .resume-wrap .post-sec1 button {
     border-radius: 8px;
     padding:12px;
  }
  .recru-wrap .recru-mob {
    display: block;
    padding-left: 16px;
    overflow-x: auto;
    margin-bottom: 30px;
  }
  .recru-wrap .recru-mob h1 {
    font-size: 16px;
    font-weight: 500;
    color: var(--black01);
    margin-bottom: 10px;
  }
  .recru-wrap .recru-mob .mob-search {
    width: max-content;
    display: flex;
    gap: 5px;
  }
  .recru-wrap .recru-mob .mob-search {
    padding-right: 16px;
  }
  .recru-wrap .recru-mob .mob-search button {
    padding: 6px 16px;
    border-radius: 100px;
    border: 1px solid var(--gray06);
    font-size: var(--size14);
    color: var(--gray02);
    font-weight: 500;
  }
  .recru-wrap .recru-mob .mob-search button.on {
    background: var(--blue01);
    border: 1px solid var(--blue01);
    color: var(--white);
  }
  .search-area .left,
  .search-area .search-btn {
    /*display: none;*/
  }
  .main-tit .fillter-wrap {
    width: 100%;
    justify-content: flex-end;
  }
  .post-style .post-title .select {
    width: 100%;
    justify-content: normal;
    flex-wrap: wrap;
  }
  .post-style .post-list .post-item .top .bnt-wrap {
    width: 100%;
    justify-content: center;
  }
  .post-style .post-list .post-item .top .bnt-wrap.mg {
    margin-top:10px;
  }
  .post-style .post-list .post-item .top .con .info {
    width:100%;
  }
  .mob-notice-box {
    display: block;
    padding: 0 20px;
  }
  .mob-notice-box .notice {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
  }
  .mob-notice-box .notice .txt {
    margin-top:10px;
    color: var(--gray03);
    font-weight: 300;
  }
  .init-left {
        padding-left: 0 !important;
    }
    .recru-style2 .main-sec1-h .recru-card .info {
        height:194px;
    }
   .recru-style2 .recru-card .title {
        margin:20px 0;
   }
   .regist-wrap .post-style .post-card .card-item .title-wrap {
        margin-bottom: 20px;
   }
   .post-style .post-card .card-item a {
        min-height: auto;
        padding: 20px;
   }
   .regist-wrap2 .form-item2 .flex-gap.t2 {
        padding:0;
   }

   .post-style .post-card .card-item .title {
    height: auto;
   }

   .post-style .post-card .card-item .card-inner-bottom {
    margin-top: 20px;
   }
   
   .sub-wrap2 .subwrap2-tit p {
       font-size:13px;
   }
   .sub-wrap2 .subwrap2-tit .new-btn {
        justify-content: center !important;
        padding-right: 0 !important;
   }
   .regist-wrap .form-pay .pay-con .left .select-list {
        gap:10px;
   }
   .regist-wrap .form-pay .pay-con .left .select-chk-box {
        height: 100px;
        margin-top: 15px
   }
   .recru-style2 .recru-list.scrap .right .info {
        width:100%;
   }
   .favorite-wrap2 .recru-style2 .recru-list.scrap .right .apply-btn {
        width:100%;
        justify-content: center;
   }
   .regist-wrap .regist-sec2 .form-item .manage-wrap {
        gap: 30px;
   }
   .regist-wrap .regist-sec2 .form-item .input-wrap .input-box .more-btn p,
   .regist-wrap .regist-sec2 .form-item .form-tit p,
   .regist-wrap2 .form-item2 .form-tit3 p.alert {
        font-size: 12px;
        word-break: keep-all;
   }
   .manage-wrap .manage-sec1 .attach-img {
        margin-bottom: 20px;
   }
   .manage-wrap .manage-sec1 .attach-img .img-thumb {
        width: 75%;
   }
   .manage-wrap .manage-sec1 .attach-img .attach-box {
        width: 25%;
   }
   .manage-wrap .manage-sec2 {
        margin-bottom: 40px;
   }
   .talent-stlye .talent-list .right .dl-wrap .dl-list {
       width: auto;
   }

   .print-wrap2 .print-border {padding: 30px 20px;}
   .print-wrap2 .profile-box .con .dl-list dl:nth-child(3) dd span {display: block; padding-top: 5px; padding-left: 0;}
   .print-wrap2 .summary-box {}
   .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner, 
   .print-wrap2 .summary-box .summary-box-inner {flex-direction: column; padding: 0 20px;} 
   .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner dl,
   .print-wrap2 .summary-box .summary-box-inner dl {position:relative; display: flex; align-items: center; text-align: left; width: 100%; padding-bottom: 10px; border-right: 0; font-size: 13px;}
   .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner dl:last-child {padding-bottom: 0;}
   .detail-wrap .detail-title p {
    /* font-size: 11px; */
    color: var(--gray02);
    font-weight: 300;
    font-size: 12px;
    line-height: 1.3;
    word-break: keep-all;
   }
   .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner dl dt,
   .print-wrap2 .summary-box .summary-box-inner dl dt {padding-bottom: 0; width:73px;}
   .print-wrap2 .summary-box .summary-box-inner dl dd:last-child,
   .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner dl dd:nth-of-type(2) {padding-left:7px;}
   .detail-wrap2 .detail2-sec4 .sec4-con .summary-box .summary-box-inner dl dd span {padding-left: 3px; font-size: 12px}
   .print-wrap2 .tit-box {padding: 30px 0 20px 0;}
   .print-wrap2 .tit-box .tit, 
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box .tit-box .tit,
   .print-wrap2 .status-box .table-wrap table td span,
   .print-wrap2 .status-box p.txt {font-size: 13px;}
   .print-wrap2 .tit-box p,
   .print-wrap .status-box .table-wrap table .wid20,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box table .wid20,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box .tit-box p {font-size: 12px;}
   .print-wrap2 .status-box {margin: 20px 0 40px;}   
   .print-wrap2 .status-box p,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box .con-title {font-size: 14px; font-weight: 500;}
   .print-wrap2 .status-box p.t2,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box p.t2 {font-size: 13px;}
   .print-wrap2 .status-box .table-wrap .pr_txt,
   .print-wrap2 .status-box .table-wrap .int-txt {line-height: 1.5; padding: 20px 0;}   
   .print-wrap2 .status-box .table-wrap table td,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box table td span,
   .detail-wrap2 .detail2-sec4 .sec4-con .con-box p.txt,
   .print-wrap2 .status-box .table-wrap .int-txt {font-size: 13px;}

    
   .print-wrap .print-cert-top {padding: 15px 20px;}
   .print-wrap .print-cert-top img {width:80px;}
   .print-wrap .print-cert-cnt {padding: 20px 30px;}
   .print-wrap .title {margin: 40px 0 20px; font-size: var(--size20);}
   .print-wrap .info-box {gap: 10px;}
   .print-wrap .info-box dl {font-size: 13px;}

   .print-wrap .info-box .info-box-tit {padding: 20px 20px 10px 10px;}

   .print-wrap .status-box p {padding: 20px 20px 10px 0; border-bottom: 0;}
   .print-wrap .status-box {margin: 45px 0 40px;}
   .print-wrap .status-box .table-wrap table th,
   .print-wrap .status-box .table-wrap table td {padding: 20px 0;}
   .print-wrap .bottom {padding: 30px 0; word-break: keep-all;}
   .print-wrap .inner .cg-txt {font-size: 12px; color: var(--blue01); padding:30px 0; text-align: center;}
   .print-wrap2 .status-box .table-wrap table td span {padding-left: 10px;}


}
@media screen and (max-width: 640px) {
    .regist-wrap .regist-sec2 .form-item .form-tit {
        margin-bottom:25px;
     }
    .regist-wrap .welfare-box .check-list {
        gap:20px;
    }
    .regist-wrap .input-check.align {
        /* width:33%; */
        width: calc(33% - 14px);
    }
    .regist-wrap .input-check.align:last-child {
        width:70%;
    }
    .pc-banner {
        display:none;
    }
    .m-banner {
       display:block;
    }

    /* .sub-wrap2 .right-con.join-wrap br {display:none;} */

    .nursecareer-input .file-wrap .attach-list.listWidth {width: calc(100% - 91px);}
    
    .print-wrap2 .profile-box {flex-direction: column;}
    .print-wrap2 .profile-box .info {order: 2;}
    .print-wrap2 .profile-box .img {order: 1;}
    .print-wrap2 .file-box .file-item {font-size: 12px; padding: 5px 0; flex-wrap: wrap;}
    .print-wrap2 .file-box .file-item .file-btn button {padding: 6px 10px; font-size: 12px;}
    .print-wrap2 .end-txt,
    .print-wrap2 .end-txt span.gray {font-size: 13px; }
    .print-wrap2 .end-txt {margin: 60px 0 30px; text-align: center;}
    .print-wrap2 .end-txt span {display: block; text-align: center; padding: 5px 0;}
    .print-wrap2 .end-txt span.gray,
    .print-wrap2 .end-txt span.gray.t2 {padding:0;}
    .print-wrap2 .end-txt span.gray.t2 {padding-top: 20px;}
    .print-wrap2 .bottom p {font-size: 11px;}



  header .head-bot .nav-all .nav-list {
    position:relative;
    padding: 0 10px;
    gap: 10px;
  }
  header .head-bot .nav-all .nav-list .list-item {
    display:flex;
    align-items: flex-start;
    gap: 50px;
  }
  header .head-bot .nav-all .nav-list .list-item .title {
    width: 70px;
    font-size: 16px;
    color: var(--gray04);
    cursor: pointer;
  }
  header .head-bot .nav-all .nav-list .list-item .title:nth-child(1) {
    min-height:450px;
  }
  header .head-bot .nav-all .nav-list .list-item .title.on {
    color: var(--black02);
    font-weight:700;
  }
  header .head-bot .nav-all .nav-list .list-item .list-wrap {
    width:calc(100% - 70px);
    
  }
  header .head-bot .nav-all .nav-list .list-item .list-wrap {
    display:flex;
    flex-direction: row;
    min-height:450px;
    gap:0;
  }
  header .head-bot .nav-all .nav-list .list-item .list-style {
    display:flex;
    align-content: flex-start;
    width: 48%;
  }
  
  header .head-bot .nav-all .nav-list .list-item .list-style li {
   font-size: 16px;
   padding-bottom: 10px;
   width:100%
  }
  
  header .head-bot .nav-all .nav-list .list-item:nth-child(n+2) {
   margin-top:-430px;   
  }
  
  header .head-bot .nav-all .nav-list .list-item:nth-child(n+2) .list-wrap {
   position:absolute;
   left: 110px;
   display:none;
  }

  .payment-wrap .pro-select .select-item .price-item .detail.view {
    align-items: normal;
  }

 .recru-style2 .recru-list .right .apply-btn {
  /* margin: 20px auto 0; */
 }

 .regist-wrap .regist-sec2 .alert-box p {
    font-size: 11px;
 }

 .talent-stlye .talent-list .left .message {
    margin-bottom: 15px;
 }

}
@media screen and (max-width: 510px) {
    .post-wrap3 .recru-style2 .recru-list .bot .history {
        gap:30px;
        width: initial;
    }
    .recru-style2 .recru-list .right .info .info-list > .salary,
    .recru-style2 .recru-list .right .info .info-list > ul:nth-of-type(1),
    .recru-style2 .recru-list .right .info .info-list > ul:nth-of-type(2) {
        width: initial;
    }
    .commu-wrap .board-area .bo-top .bo-cata > li {
        width:22%;
    }

    footer .footer-top .etc-nav .etc-list2 {
        gap: 7px;
        justify-content: normal;
    }
    footer .footer-top .etc-nav .etc-list2 a,
    footer .footer-top .right p,
    footer .footer-bottom .copy {
        font-size: 12px;
    }
    footer .footer-bottom .copy p {
        font-size: 11px;
    }

    .resume-wrap .post-sec1 button {
        width:100%;
        flex-wrap: wrap;
        justify-content: center;
        gap:10px;
        
    }
    .manage-wrap .manage-sec1 .right .input-wrap2 .input-wrap,
    .manage-wrap .manage-sec1 .input-wrap input, 
    .manage-wrap .manage-sec1 .input-wrap select, 
    .manage-wrap .manage-sec1 .input-wrap textarea {
        width:100%;
    }

    .detail-wrap .detail-sec6 .top .right {
        margin:20px auto;
    }
    .post-style .post-title select {
        width:83px;
        font-size:12px;
    }
    .recru-style2 .recru-list a {
        gap:10px;
    }
    .post-wrap3 .recru-style2 .recru-list .bot {
        margin-top:0;
        flex-direction: column;
    }
    .post-wrap3 .recru-style2 .recru-list .bot .right > div.flex-box {
      gap: 20px;
    }
    .post-wrap3 .recru-style2 .recru-list .bot .open .status {
      margin-right: 15px;
    }
    .post-wrap3 .recru-style2 .recru-list .bot .history .tit {
      width: 80px;
    }
    .talent-stlye2 .talent-list .right .dl-wrap {
        gap: 15px;
    }
    .talent-stlye .talent-list .right .dl-wrap .dl-list:first-child,
    .talent-stlye .talent-list .right .dl-wrap .dl-list {
        width:auto;
    }
    .talent-stlye .talent-list .right .dl-wrap .dl-list dt {
        text-align:left;
    }
    .talent-stlye .talent-list .right .dl-wrap .dl-list dl {
        gap: 10px;
    }
    .talent-stlye2 .talent-list .right .btn-wrap {
        margin: 0 auto;
    }
    .tab-style .tab-nav > li {
        width: 50%;
    }
    .favorite-wrap2 .recru-style2 .recru-list.scrap a {
        gap:10px;
    }
    .favorite-wrap .recru-style2 .recru-list .right,
    .recru-style2 .recru-list .right {
        gap:0;
    }
    .favorite-wrap .recru-style2 .recru-list a {
        padding:20px;
    }
    .payment-wrap.prd .pro-select .select-item > div {
        padding:30px;
    }
    .select-info.prd {
        gap:30px;
    }
    .join-wrap .join-sec1 .attach-img {
        width:100%;
    }
    .join-wrap .check-area .check-list {
        width:100%;
    }
    
    .main-sec1 .sec1-con .sec1-tab,
    .main-sec3 .recru-style2 .scroll-wrap,
    .mob-scroll .recru-style2 .scroll-wrap {
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
    }
    .main-sec1 .sec1-con .sec1-tab::-webkit-scrollbar,
    .main-sec3 .recru-style2 .scroll-wrap::-webkit-scrollbar,
    .mob-scroll .recru-style2 .scroll-wrap::-webkit-scrollbar {
      display: none; /* Chrome, Safari and Opera */
    }
    .main-sec11 ul > li,
    .notifi-wrap ul > li,
    .popup .popup-inner .radio-list .radio p,
    .regist-wrap2 .form-item2 .attach-file .alert > p,
    .detail-wrap .detail-sec7 .alert p,
    .popup .popup-inner .message,
    .detail-wrap .detail-sec2 .event .left .info {font-size:11px;}

    .payment-wrap .pro-select .select-item .price-item .detail.view .dv-list > p,
    .payment-wrap .pro-select .select-item .price-item .detail.view .dv-list > p:nth-child(2),
    .payment-wrap .pro-select .select-item .price-item .detail.view .dv-list > p:last-child {
        width: 25%;
    }
    .manage-wrap .manage-sec1 .input-wrap .input-tit {
      width: 80px !important;
    }
    .manage-wrap .manage-sec1 .input-wrap > div, .manage-wrap .manage-sec1 .input-wrap .search-wrap, .regist-wrap .regist-sec2 .form-item .input-wrap .input-box, .manage-wrap .manage-sec1 .input-wrap input, .manage-wrap .manage-sec1 .input-wrap select, .manage-wrap .manage-sec1 .input-wrap textarea {
      width: calc(100% - 90px);
    }

    .mo_br {display:none;}
    .regist-wrap .form-pay .pay-con .right .tit {
        font-size:15px;
    }
    .detail-wrap .detail-sec3 .left .top .date-box {
        flex-direction: column;
        align-items: flex-start;
        gap:10px;
        margin-bottom:20px;
    }
    .detail-wrap .detail-sec3 .left .top .count {
        justify-content: center;
    }
    .detail-wrap .detail-sec6 .bottom .right .dl-list dt {width:51px;}
    .popup .popup-inner .radio-list label {font-size:12px;}
    .main-sec7 .area-box .board-wrap .bo-item .title {padding-left:0 !important;}
    .main-sec7 .area-box .board-wrap .bo-item .title span {display:none;}
    .recru-style2 .recru-list .left .fillter1 {margin-bottom: 10px;}
    .recru-style2 .recru-list .left .fillter2 {color: var(--gray04);}
    .recru-style2 .recru-list .left .event.main {
        position: absolute;
        top: -93px;
        right: 0;
        left: initial;
    }
    .recru-style2 .recru-list .right .info .info-list {font-size:12px; gap:15px;}
    .talent-stlye .talent-card a {padding: 20px 20px;}
    .talent-stlye .talent-card .bottom .message {width: 90%;}

    .post-style .post-board .board-item a {display:block;}
    .post-style .post-board .board-item .left {width: 100%;}
    .post-style .post-board .board-item .con .etc {margin-top: 10px;}
    .post-style .post-board .board-item .status {text-align: center; display:inline-block; margin-top: 15px; padding-left: 16px;}

    .alert_abs {
        right: initial;
        top: initial;
        bottom: -50px;
        left: 0;
    }
}

@media screen and (max-width: 450px) {
    .join-wrap .check-area .check-box p {
        /* flex-direction: column; */
        font-size: 12px;
    }
    .join-wrap .join-sec1 .check-box label > span {
      width: 13px;
      height: 13px;
    }
    .join-wrap .check-area .check-box:last-child {
      margin-top: 10px;
    }
    .regist-wrap .post-style .post-card .card-item .title-wrap .title.add {
        width:72%;
    }
    .blue_alram {
      margin: 10px 0;
    }
    .open-btn {display:none;}
    .regist-wrap .input-check.align:last-child {width: 100%;}
 }