@charset "UTF-8";
.l_click{
    background-color: #999 !important;
    color:#fff;
}
.icon_box, .icon_box_m {
  transition: opacity 0.4s ease, visibility 0.4s ease;
  opacity: 1;
  visibility: visible;
}
.hidden-fade {
  opacity: 0;
  visibility: hidden;
}
.icon_box_m{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:50px;
  background-color: rgba(251, 216, 88, 1.0);
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 약간의 그림자 효과 */
}

.text_black{
    color:#000 !important;
}

.top_logo.shrink{
position: relative;
top: -22px;
z-index:9;
}
.top_logo.shrink img {
  width: 35px;
  height: 35px;
}
.d-flex2{
    display:flex;
    gap:10px;
    justify-content: space-evenly;
}
.top_middle_menu{
    position: absolute;
    width:100%;
    left:10px;
    top: 7px;
}


.m_icon{
    color: #553500;
    text-shadow: 0 0 3px rgba(0,0,0,0.4);
}

.top_middle_menu .m_icon {
  transition: transform 0.2s ease-in-out;
}

.top_middle_menu a:hover .m_icon {
  transform: scale(1.2);
}

.m_padding{
    display:none;
}

.app-footer {
    display:none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(251, 216, 88, 1.0);
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.footer-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 55px;
    max-width: 600px;
    margin: 0 auto;
}

.footer-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
    width: 70px;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.footer-button:hover, .footer-button:active {
    color: rgba(200, 160, 40, 1.0);
}

.footer-button.run{
    color: rgba(200, 160, 40, 1.0);
}

.footer-button.active {
    color: rgba(200, 160, 40, 1.0);
}

.footer-icon {
    font-size: 24px;
}

.footer-text {
    font-size: 12px;
    text-align: center;
}

/* SVG 아이콘 스타일 */
.footer-icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.top_fix{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white !important;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.none_p{
    height:0px !important;
}
.page_back{
    cursor:pointer
}
.display_none{
    display:none !important;
}

.MLoader {
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #eee;
  overflow: hidden;
}

.MLoader::before {
  content: "";
  position: absolute;
  left: -40%;
  width: 40%;
  height: 100%;
  background-color: #fbd858;
  animation: loadingLine 1.2s infinite ease-in-out;
}

@keyframes loadingLine {
  0% {
    left: -40%;
    width: 40%;
  }
  50% {
    left: 30%;
    width: 30%;
  }
  100% {
    left: 100%;
    width: 40%;
  }
}
.alertToggleBtnM,
.deleteAllMsg{
    cursor:pointer;
}

.alertDropdownM{
    border-radius: 10px;
    width: 216px;
    background: #ffffff;

}

.badgeM{
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
    font-size: 12px;
}
.badgeM:empty {
    display: none;
}


@media screen and (max-width: 768px) {
    html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .app-footer{
        display:block;
    }

    .top_middle_menu a{
        font-size:12px;
    }

    .slider-container {
        display:none;
/*        display: flex;*/
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        width: 100vw;
        margin: 0;
        padding: 0;
        -webkit-overflow-scrolling: touch;
    }

    .slider-slide {
        flex: 0 0 100vw;
        width: 100vw;
        scroll-snap-align: start;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: hidden !important;
        max-height: none !important;
    }

    .nationTopContainer {
        height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .col-md-10 {
        /*padding: 0 !important;*/
        margin-top: 46px;
        padding: 10px;
    }

    .row, .container {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        margin: 0 !important;
        overflow: hidden auto;
    }

    .modal-content {
        width: 100%;
        height: 100%;
        margin:0px;
        border-radius:0px;
     /*   margin: 1% auto;*/
    }
    /*
    .modal-content.job{
        border-radius: 0px;
    }
    */
    .modal-header{
        margin:0px;
    }
    .modal-header{
        margin:0px;
    }
    .frame_img .view_image{
        width: 120px;
        height: 120px;
    }
    .recruitList{
        min-width:95%;
        min-width: calc(100% - 0px);
        margin: 0 auto;
        margin-bottom: 10px;
    }


    .slider-slide:nth-child(1) {
        order: 1;
    }
    .slider-slide:nth-child(2) {
        order: 2;
    }
    .slider-slide:nth-child(3) {
        order: 3;
    }
    .slider-slide:nth-child(4) {
        order: 4;
    }

    .m_mt {
        height: 0px !important;  /* ← 기존 75px 제거 */
    }

    .col2{
        box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    }
    .choice_filter_wrapper, .left_toggle-menu_sub{
        display:none;
    }
    .m_padding{
        /*display: block !important;
        height:50px;
        */
    }
    .m_padding2{
        display: block !important;
        height:50px;
    }
	.mySwiper, .m_footer{
		display:none;
	}
    .choice_filter_wrapper {
        visibility: hidden;
        position: absolute;
        left: -9999px;
      }
    #mapModal{
        width:90%;
        height:90%;
    }


    .slide_imgm{
        width:100%
        height:50px;
    }
    .slider-slide.all{
        display:block
    }
    .alert_msg{
        display:none !important;
    }
    .alertDropdownTail{
        position: absolute;
        top: -91px;
        z-index: 1050;
        right: 20px;
        display: none;
    }
    .ham_menu {
        max-height: 86vh;
    }
    #scrollToTopBtn{
        bottom:51px !important;
        right:7%;
    }
    .btn_close{
        position: fixed;
        right: 25px;
        top: 25px;
    }

    
    /* 기본 버튼 스타일 */
    .modal_info_area .btn {
        background-color: #f8f9fa;
        color: #000;
        border-color: #ccc;
        box-shadow: none;
    }

    /* 선택된 버튼 (active) 스타일 */
    .modal_info_area .btn.active,
    .modal_info_area .btn.l_click {
        background-color: #6c757d;
        color: #fff;
        border-color: #6c757d;
    }

    /* 버튼이 클릭되었을 때 (focus 상태) */
    .modal_info_area .btn:focus,
    .modal_info_area .btn:active {
        background-color: #f8f9fa;
        color: #000;
        border-color: #ccc;
        box-shadow: none;
    }

    /* "전체" 버튼 (op_all) 스타일 */
    .modal_info_industry #op_all.active {
        background-color: #6c757d;
        color: #fff;
        border-color: #6c757d;
    }

    .v_box div:nth-child(4) {
        width:40px;
    }
    .closeBtn{
        top: 5px;
        right: 10px;
    }
    .modal_share{
        right: 58px;
    }

    .slider-slide.all {
        display: none !important;
    }
    .New_footer{
		position: fixed !important;
        display: flex;
        height: 47px;
        align-items: center;
        justify-content: center;
	}
     .New_footer ul{
        display: flex;
        flex: 1;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
     }
     .New_footer li{
        cursor:pointer;
     }
     .PC_main{
        display:none !important;
     }
     .search{
        opacity: 0 !important;
     }
     .nav_top{
        border-bottom:none;
     }
     .m_p50{
        display:block;
     }
     .g1{
        width: 100%;
        /*
        justify-content: space-between !important;
        */
     }
    .button_click{
        width: calc(33% - 6px) !important;
        white-space: normal !important;
        word-break: keep-all;
        text-align: center !important;
        display: inline-block !important;
    }

    .m_margin{
        height:50px;
        display: block;
    }

    .p-infos {
	    padding: 1em 2.2em !important;
    }

}