/* 테이블 스타일 */
    .table {
        border-radius: 30px; /* 테이블 테두리 둥글게 */
        border: 1px solid #dee2e6!important;
      }
  
      /* 테이블 헤더 스타일 */
      .table th {
        background-color: #ffffff;
        color: #fff;
        /*border-color: #dee2e6;*/
      }
  
      /* 테이블 헤더 아래 2px 밑줄 */
      .table th, td {
        /*border-bottom: 2px solid #dee2e6;*/
        /*text-align: center;*/
        color: #000000;
      }
  
  
  .recruit_t_01{font-size: 18px; color: red; margin-bottom: 50px; margin-top: 50px;}
  
  
  .text_left{text-align: left;}
  
  .notice2 {padding: 100px 0px 50px 0px;
      overflow: hidden;
      scroll-margin-top: 70px;
      overflow: clip;
      background-color: #f1f1f1;
  }
  
  .funny-boxes-top-sea {
      border-top: solid 2px #000000;
  }
      
  .board_view {
      border-top: 2px solid #152c46;
      }	
  .board_hd {
      border-bottom: 1px solid #ddd;
      padding:15px 0px 0px 15px;
      position: relative;
  }
  .board_content {
      font-size: 18px;
      line-height: 28px;
      /*text-align: center;*/
      border-bottom: 1px solid #ddd;
      padding: 40px 20px 42px;
  }
  
  .post_navi {
      border-bottom: 1px solid #c6c6c6;
      /*border-top: 1px solid #c6c6c6;*/
  }
  
  .post_navi ul {
      margin: 0;
      padding: 0;
  }
  
  .post_navi li {
      border-top: 1px solid #ddd;
      color: #555;
      height: 45px;
      padding: 0 20px 0 110px;
      position: relative;
      list-style: outside none none;
  }
  .post_navi li .txt {
      color: #767676;
      display: block;
      font-weight: bold;
      height: 40px;
      left: 10px;
      letter-spacing: -0.05em;
      padding: 9px 20px 10px 0;
      margin-bottom: 10px;
      position: absolute;
      top: 0;
  }
  .post_navi li a {
      color: #464e6b;
      display: block;
      font-weight: bold;
      height: 40px;
      overflow: hidden;
      padding-top: 9px;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration: none;
       }
  
  .post_navi li .txt .bi {
      left: 50px;
      padding: 10px 20px 0 0;
      position: absolute;
      top: 0;
  }
  
  .panel-heading{margin-bottom: 40px}
  .panel-heading_001{margin-bottom: 20px}
  
  
  .btn-01 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #f15921;
      font-size: 16px;
      color: #ffffff;}
  
  
    .btn-01:hover {
        background-color: #DF4623;
		color: #ffffff;
      }
  
  .btn-u {
      border: 0;
      color: #fff;
      font-size: 14px;
      cursor: pointer;
      font-weight: 400;
      padding: 6px 13px;
      position: relative;
      background: #4eb648;
      white-space: nowrap;
      display: inline-block;
      text-decoration: none;}
  
  .pd-right-10 {
      padding-right: 10px;}
  .text-right {
      text-align: right;}
  
  
   /* 페이지네이션 css */
  
  .pagination .page-link {
    color: #ffffff;
    cursor: pointer;
  }
  
  .pagination .page-item.active .page-link {
    background-color: #f15921;
    border-color: #f15921;
  }
  
  .pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: not-allowed;
  }
  
  .pagination .page-item:not(.active) .page-link:hover {
    background-color: #e9ecef;
  }
  
  .pagination .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #f15921;
    background-color: #fff;
    border: 1px solid #dee2e6;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .pagination .page-item:not(.active) .page-link:hover {
    z-index: 2;
    color: #f15921;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  .active>.page-link, .page-link.active {
      z-index: 3;
      color: #ffffff;
  }
  
  
      /* 모바일 화면에서 숨김 */
      @media (max-width: 768px) {
        .mobile-hide {
          display: none;
        }
      }
  
      /* 모바일 화면에 맞게 테이블 반응형 스타일 */
      @media (max-width: 768px) {
  
      .panel-heading{margin-bottom: 10px}		
      .panel-heading_001{margin-bottom: 10px}	
          
      .board_content {
      font-size: 0.9rem;
      line-height: 28px;
      /*text-align: center;*//*2026.02.25 */
      border-bottom: 1px solid #ddd;
      padding: 40px 20px 42px;
  }	
          
          
      .recruit_t_01{font-size: 15px; color: red; margin-bottom: 20px; margin-top: 20px;}	
          
   }
  
  
  /* 아코디언 컨테이너 스타일링 */
  .accordion {
    margin-bottom: 20px; /* 아코디언 사이의 간격을 설정합니다. */
  }
  
  /* 아코디언 헤더 스타일링 */
  /*.accordion-header {
    background-color: #f1f1f1; /* 헤더의 배경색을 설정합니다. 
    padding: 10px;  헤더의 안쪽 여백을 설정합니다. 
    border: 1px solid #ccc;  헤더의 테두리를 설정합니다. 
    border-radius: 5px;  헤더의 모서리를 둥글게 만듭니다. 
  }*/
  
  /* 아코디언 바디 스타일링 */
  /*.accordion-body {
    padding: 10px; /* 바디의 안쪽 여백을 설정합니다. 
    border: 1px solid #ccc; /* 바디의 테두리를 설정합니다. 
    border-top: none; /* 상단 테두리를 제거하여 헤더와 연결됨을 보여줍니다. 
    border-radius: 0 0 5px 5px; /* 바디의 아래쪽 모서리를 둥글게 만듭니다. 
  }*/
  
  /* 아코디언 활성화 헤더 스타일링 */
  .accordion-header button[aria-expanded="true"] {
    background-color: #fff0e6; /* 활성화된 헤더의 배경색을 설정합니다. */
  }
  
  
  /* 네비게이션 메뉴 스타일링 */
  .nav {
    display: flex; /* 아이템을 가로로 배열합니다. */
    justify-content: center; /* 아이템을 가운데 정렬합니다. */
  }
  
  .nav-pills .nav-link {
       border-radius: 0px;}
  
  .nav-link {
    padding: 20px 20px; /* 링크의 안쪽 여백을 설정합니다. */
    text-decoration: none; /* 링크의 밑줄을 제거합니다. */
    color: #333; /* 링크의 글자색을 설정합니다. */
    transition: all 0.3s ease; /* 링크의 전환 효과를 설정합니다. */
    /*background-color: #ffffff;*/
    border-bottom: solid 1px #D5D5D5;
    font-size: 18px;
  }
  
  .nav-link:hover {
    background-color: #fff0e6; /* 활성화된 링크 또는 호버 상태의 배경색을 설정합니다. */
    border-radius: 10px 10px 0px 0px; /* 링크의 모서리를 둥글게 만듭니다. */
    color: #000000;
      
  }
  
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
      color: var(--bs-nav-pills-link-active-color);
      background-color: #f15921;
      border-radius: 10px 10px 0px 0px;
  }
  
  /* 상담신청 관련 */
  .d-flex {
      display: flex;
  }
  
  .me-2 {
      margin-right: 0.5rem; /* 원하는 간격으로 조정하세요 */
  }
   .form-group {
        margin-bottom: 20px;
      }
   .inline-group {
        padding-top: 10px;
      }
  
  .notice label {
        /*font-weight: bold;*/
        margin-bottom: 10px;
       margin-right: 20px;
      font-size: 15px;
      }
  
  
  
  .label {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; /* 필요에 따라 조정 */
      cursor: pointer;
  }
  
  .radio input[type="radio"] {
      display: none; /* 기존 라디오 버튼 숨기기 */
  }
  
  
  /* 커스텀 라디오 버튼의 스타일 */
  .radio .rounded-x {
      width: 25px; /* 크기 조정 */
      height: 25px; /* 크기 조정 */
      display: inline-block;
      position: relative;
      border-radius: 50%;
      border: 1px solid #808080; /* 테두리 스타일과 색상 조정 */
  }
  
  /* 라디오 버튼이 선택되었을 때의 스타일 */
  .radio input[type="radio"]:checked + .rounded-x::after {
      content: ""; /* 선택 표시를 위한 가상 요소 추가 */
      position: absolute;
      top: 4px; /* 선택 표시의 위치 조정 */
      left: 4px; /* 선택 표시의 위치 조정 */
      width: 15px; /* 선택 표시의 크기 조정 */
      height: 15px; /* 선택 표시의 크기 조정 */
      background-color: #f15921; /* 선택 표시의 색상 조정 */
      border-radius: 50%; /* 선택 표시 모양 설정 */
  }

	.radio input[type="radio"]:checked + .rounded-x[disabled]::after {
		background-color: #ccc; /* 선택 표시의 색상 조정 */
	}
  
  
  .label-text{vertical-align: top; font-size: 16px;
      
  }
  
  /* 체크박스를 감싸고 있는 div 요소의 스타일 */
  .checkbox {
      margin-top: 20px;
      display: block;
      position: relative;
      padding-left: 25px; /* 체크박스 크기와 일치하도록 왼쪽 패딩 설정 */
      margin-bottom: 10px; /* 필요에 따라 조정 */
  }
  
  /* 체크박스의 실제 입력 요소의 스타일 */
  .checkbox input[type="checkbox"] {
      position: absolute; /* 위치 설정 */
      opacity: 0; /* 숨김 */
      cursor: pointer;
  }
  
  /* 체크박스의 커스텀 디자인을 나타내는 요소의 스타일 */
  .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px; /* 크기 조정 */
      width: 25px; /* 크기 조정 */
      background-color: #fff;
      border-radius: 5px;
      border: 1px solid #808080; /* 테두리 스타일과 색상 조정 */
  }
  
  /* 체크박스가 선택된 경우의 스타일 */
  .checkbox input[type="checkbox"]:checked + .checkmark::after {
      content: ""; /* 선택 표시를 위한 가상 요소 추가 */
      position: absolute;
      top: 3px; /* 선택 표시의 위치 조정 */
      left: 7px; /* 선택 표시의 위치 조정 */
      width: 6px; /* 선택 표시의 크기 조정 */
      height: 12px; /* 선택 표시의 크기 조정 */
      border: solid #f15921; /* 선택 표시의 스타일과 색상 조정 */
      border-width: 0 2px 2px 0; /* 선택 표시의 모양 조정 */
      transform: rotate(45deg); /* 선택 표시를 회전하여 모양 변경 */
  }
  /*f로그인*/
  
  .reg-page {
      color: #555;
      padding: 30px;
      background: #fefefe;
      border: solid 1px #eee;
      box-shadow: 0 0 3px #eee;
  }
  
  
  .reg-header {
      color: #555;
      text-align: center;
      margin-bottom: 35px;
      border-bottom: solid 1px #eee;
  }
  .reg-header h2 {
      font-size: 24px;
      margin-bottom: 15px;
  }
  
  .input-group-addon:first-child {
      border-right: 0;}
  .input-group-addon {
      color: #b3b3b3;
      font-size: 14px;
      background: #fff;
  }
  .input-group-addon {
      padding: 6px 12px;
      font-weight: 400;
      text-align: center;
      border: 1px solid #ccc;
  }
  .input-group-addon, .input-group-btn {
      white-space: nowrap;
      vertical-align: middle;}
  
  .input-group-addon, .input-group-btn, .input-group .form-control {
      display: table-cell;}
  
  .bi.bi-lock-fill {
      font-size: 24px; /* 아이콘의 크기 조정 */
      color: #f15921; /* 아이콘의 색상 조정 */
  }
  
  .bi.bi-person-fill {
      font-size: 24px; /* 아이콘의 크기 조정 */
      color: #f15921; /* 아이콘의 색상 조정 */
  }
  .bi.bi-emoji-smile-fill {
      font-size: 24px; /* 아이콘의 크기 조정 */
      color: #f15921; /* 아이콘의 색상 조정 */
  }
  
  .btn-02 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #f15921;
      font-size: 20px;
      color: #ffffff;
      width: 100%;}
  
  
    .btn-02:not(:disabled):hover {
		background-color: #bb3b0c ;
	}
  
  
  .appleL, .kkoL, .nvrL, .googleL {
      width: 70px;
      margin: 0 20px;}
  
  
  @media screen and (max-width: 460px) {
      .appleL, .kkoL, .nvrL, .googleL {
      width: 55px;
      margin: 0 5px;
      }
      
      .reg-page {
      padding: 20px;
  }
      
  }
  
  .id_find{
      text-align: center;
      width: 100%;
      font-size: 18px;
      padding: 20px;
      background-color: #FFEFE5;
      border-radius: 10px;
      
  }
  
  /*회원가입*/
  
  .service-block-light {
      background: #ecf0f1
          
  }
  
  .service-block-light {
      border: solid 1px #eee;
  }
  .service-block {
      padding: 50px 30px;
      text-align: center;
  }
  .rounded-2x {
      border-radius: 10px !important;}
  
  
  h2.heading-md {
      margin-top: 10px;
      font-size: 25px;
      line-height: 24px;
  }
  .btn-03 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #f15921;
      font-size: 20px;
      color: #ffffff;
      width: 80%;
  }
  
  
    .btn-03:hover {
        background-color: #bb3b0c ;
      }
  
  
  .reaister_txt{
      
      text-align: center;
      font-size: 22px;
      font-weight: 700;
      margin-top: 20px;
      margin-bottom: 20px;}
  
  .reaister-page {
      color: #555;
      padding: 30px;
      background: #fefefe;
      border: solid 1px #eee;
      box-shadow: 0 0 3px #eee;
  }
  
  
  .reaister-header {
      color: #555;
      text-align: center;
      margin-bottom: 35px;
      border-bottom: solid 1px #eee;
  }
  .reaister-header h2 {
      font-size: 25px;
      margin-bottom: 30px;
  }
  
  .law {width: 100%;
       padding: 50px;
      background-color: #FFEFE5;
      border-radius: 10px;}
  
  .law_txt01{	
      font-size: 16px;	
  }
  
  .law_txt02{
      font-size: 14px;	
  }
  
  .phone{width: 100%;
       padding: 20px;
      background-color:#ecf0f1 ;
      border-radius: 10px;
      text-align: center;}
  
  .phone_txt01{
      color: #000000;
      text-align: center;
      font-size: 16px;	
  }
  
  .btn-04 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #20904C;
      font-size: 20px;
      color: #ffffff;
      width: 100%;}
  
  
    .btn-04:hover {
        background-color: #2a6b44 ;
      }
  .pw_notice1{font-size: 15px;
              font-weight: 700;
              margin-top: 10px;
              margin-bottom: 5px;
  }
  .pw_notice2{font-size: 13px;
             color: #7F7F7F;
  }
  .id_notice1{font-size: 15px;
              font-weight: 700;
              margin-bottom: 15px;
  }
  
  .btn-05 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #767676;
      font-size: 20px;
      color: #ffffff;
      width: 100%;}
  
  
    .btn-05:hover {
        background-color: #494949 ;
      }
  
  .asterisk {text-align: right;
  }
  
  
  .law_txt02{	
      font-size: 16px;
      text-align: center;
      line-height: 30px;
  }
  
  
  /*이메일무단수집거부 버튼*/
  .btn-07 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #f15921;
      font-size: 20px;
      color: #ffffff;
      width: 80%;
  }
  
  
    .btn-07:hover {
        background-color: #bb3b0c ;
      }
  
  @media screen and (max-width: 460px) {
      
      .btn-07 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #f15921;
      font-size: 15px;
      color: #ffffff;
      width: 80%;
  }
  
  
    .btn-07:hover {
        background-color: #bb3b0c ;
      }
      
      .law {width: 100%;
       padding: 20px;
      background-color: #FFEFE5;
      border-radius: 10px;}
      
      
      .asterisk {text-align: center;
  }
      
      
      .notice2 {padding: 50px 0px 50px 0px;
  }
      
      }
  
  .btn-certification {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #585858 !important;
      font-size: 16px;
      color: #ffffff !important;
      width: 250px;
  }
  
  
    .btn-certification:hover {
        background-color: #252525;
        color: #ffffff;
      }
  
  .btn-certification1 {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      background-color: #585858;
      font-size: 16px;
      color: #ffffff;
      width: 250px;
  }
  
  
    .btn-certification1:hover {
        background-color: #252525;
        color: #ffffff;
      }
  
  .bi.bi-phone {
      font-size: 24px; /* 아이콘의 크기 조정 */
      color: #f15921; /* 아이콘의 색상 조정 */
  }
  
  .btn-ha {
      border-radius: 5px;
      padding: 10px;
      border: 0;
      color: #71869d;
      background-color: rgba(113, 134, 157, .1);
      font-size: 15px;
      width: 100%;}
  
  
    .btn-ha:hover {
        background-color: #71869d ;
        color: #ffffff;
      }
  .btn-email {
      border-radius: 5px;
      padding: 5px;
      border: 0;
      background-color: #20904C;
      font-size: 20px;
      color: #ffffff;
      width: 100%;}
  
  
    .btn-email:hover {
        background-color: #2a6b44 ;
      }

    .btn-email:disabled {
        background-color: #646565 ;
	}
  
  .custom-checkbox-card {
      position: relative;
      height: 100%;
      padding-left: 0;
      margin-right: 0;
  }
  .custom-checkbox-card-input {
      position: absolute;
      left: 0;
      z-index: -1;
      opacity: 0;
  }
  .custom-checkbox-card-input:checked~.custom-checkbox-card-label, .custom-checkbox-card-input:checked~.custom-checkbox-card-label-stretched {
      border-color: #377dff;
  }
  .custom-checkbox-card-label {
      width: 100%;
      /*height: 100%;*/
      z-index: 1;
      border: .0625rem solid #e7eaf3;
      border-radius: .3125rem;
      cursor: pointer;
      margin-bottom: 0;
  }
  
  .custom-checkbox-card-text {
      display: block;
      padding: .3125rem 0;
      font-size: 16px;
  }
  
  .custom-control-label {
      position: relative;
      margin-bottom: 0;
      vertical-align: top;
  }
  
  .checkbox11 {
      margin-top: 0px;
      display: block;
      position: relative;
      padding-left: 25px;
      margin-bottom: 10px;
  }
  
  .btn-white {
      background-color: #fff;
      border-color: #e7eaf3;
  }
  
  .btn-white:hover {
      background-color: #DDDDDD;
      border-color: #e7eaf3;
      color: #000000;
  }
  
  .btn-orange {
      background-color: #f15921;
      border-color: #e7eaf3;
      color: #ffffff;
  }
  
  .btn-orange:hover {
      background-color: #bb3b0c;
      border-color: #e7eaf3;
      color: #ffffff;
  }
  
  .font-size-sm {
      font-size: .8125rem;
  }
  
  .alert-soft-secondary {
      color: #71869d;
      background-color: rgba(113, 134, 157, .1);
  }
  
  .border {
      border: .0625rem solid #e7eaf3 !important;
  }
  
  
  .w-85 {
      width: 85% !important;
  }

    .w-97 {
		width: 97% !important;
	}
  
  .avatar-xs {
      width: 1.53125rem;
      height: 1.53125rem;
  }
  
  .avatar {
      position: relative;
      display: inline-block;}
  
  .avatar-circle {
      border-radius: 50%;
  }
  .avatar:not(img) {
      background-color: #fff;
  }
  .avatar-circle .avatar-img, .avatar-circle .avatar-initials {
      border-radius: 50%;
  }
  
  .avatar-img {
      display: block;
      max-width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
  }
  
  .mr-3, .mx-3 {
      margin-right: 1rem !important;
  }
  
  
  .popoverall{  position: relative;
              display: inline-block;}
  
          .popover {
              position: absolute;
              top: 0;
              /* left: 100%; 버튼 오른쪽 */
              margin-left: 95%; /* 간격 */
              background: #fff;
              border: 1px solid #ddd;
              box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
              padding: 10px;
              border-radius: 4px;
              z-index: 1000;
              font-size: 13px;
              white-space: nowrap;
              display: none; /* 초기에는 숨김 */
              max-width: 400px;
          }
  
          .popover.visible {
              display: block; /* 보일 때 활성화 */
          }
  
          .popover::before {
              content: "";
              position: absolute;
              top: 11px;
              left: -16px;
              transform: translateY(-50%) rotate(180deg);
              border-width: 8px;
              border-style: solid;
              border-color: transparent transparent transparent #ddd;
          }
  
          .popover::after {
              content: "";
              position: absolute;
              top: 11px;
              left: -14px;
              transform: translateY(-50%) rotate(180deg);
              border-width: 7px;
              border-style: solid;
              border-color: transparent transparent transparent #fff;
          }
  
  
  /* 체크박스를 감싸고 있는 div 요소의 스타일 */
  .checkbox1 {
      display: block;
      position: relative;
      padding-left: 25px; /* 체크박스 크기와 일치하도록 왼쪽 패딩 설정 */
  }
  
  /* 체크박스의 실제 입력 요소의 스타일 */
  .checkbox1 input[type="checkbox"] {
      position: absolute; /* 위치 설정 */
      opacity: 0; /* 숨김 */
      cursor: pointer;
  }
  
  /* 체크박스가 선택된 경우의 스타일 */
  .checkbox1 input[type="checkbox"]:checked + .checkmark::after {
      content: ""; /* 선택 표시를 위한 가상 요소 추가 */
      position: absolute;
      top: 3px; /* 선택 표시의 위치 조정 */
      left: 7px; /* 선택 표시의 위치 조정 */
      width: 6px; /* 선택 표시의 크기 조정 */
      height: 12px; /* 선택 표시의 크기 조정 */
      border: solid #f15921; /* 선택 표시의 스타일과 색상 조정 */
      border-width: 0 2px 2px 0; /* 선택 표시의 모양 조정 */
      transform: rotate(45deg); /* 선택 표시를 회전하여 모양 변경 */
  }
  
  .toggle-switch {
      position: relative;
      cursor: pointer;
  }
  .toggle-switch-content {
      flex: 1;
      margin-left: .5rem;
  }
  .toggle-switch-input {
      position: absolute;
      z-index: -1;
      opacity: 0;
  }
  
  .toggle-switch-input:checked+.toggle-switch-label {
      background-color: #f15921;
  }
  .toggle-switch-sm .toggle-switch-label {
      width: 2.5rem;
      height: 1.6125rem;
  }
  
  .toggle-switch-sm .toggle-switch-input:checked+.toggle-switch-label .toggle-switch-indicator {
      transform: translate3d(.81094rem, 50%, 0);
  }
  
  .toggle-switch-sm .toggle-switch-indicator {
      width: 1.20938rem;
      height: 1.20938rem;
  }
  
  .toggle-switch-indicator {
      position: absolute;
      left: .125rem;
      bottom: 50%;
      background-color: #fff;
      box-shadow: 0 3px 6px 0 rgba(140, 152, 164, .25);
      border-radius: 50%;
      transform: translate3d(0, 50%, 0);
      transition: .3s;
  }
  
  .toggle-switch-label {
      position: relative;
      display: block;
      background-color: #e7eaf3;
      background-clip: content-box;
      border: .125rem solid transparent;
      border-radius: 6.1875rem;
      transition: .3s;
  }

  .ml-1 { margin-left: 4px !important; }
.ml-2 { margin-left: 8px !important; }
.ml-3 { margin-left: 12px !important; }
.ml-4 { margin-left: 16px !important; }
.ml-5 { margin-left: 20px !important; }

.mr-1 { margin-right: 4px !important; }
.mr-2 { margin-right: 8px !important; }
.mr-3 { margin-right: 12px !important; }
.mr-4 { margin-right: 16px !important; }
.mr-5 { margin-right: 20px !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.pa-0 { padding: 0 !important; }
.pa-1 { padding: 4px !important; }
.pa-2 { padding: 8px !important; }
.pa-3 { padding: 12px !important; }
.pa-4 { padding: 16px !important; }

.text-red { color: #ff0000 !important; }

input.form-control.error {
	border-color: #ff0000 !important;
	box-shadow: 0 0 0 .25rem rgb(255 0 0 / 25%) !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.board_content img {
	max-width: 100%;
	height: auto;
}

img.preview-img {
	width: 100%;
	max-height: 280px;
	object-fit: cover;
}

.sidebar .post-item.active h4 > a {
	color: #f15921 !important;
}

button:disabled {
	cursor: not-allowed;
	background-color: #ccc;
}

.font-weight-bold { font-weight: 600; }

input[readonly] { background-color: #f9f9f9 !important; }
  
  
  .btn-ban {
      border-radius: 5px;
      padding: 5px;
      border: 0;
      background-color: #f15921;
      font-size: 14px;
      color: #ffffff;}
  
  
    .btn-ban:hover {
        background-color: #fff600;
      }
  
  
  .video {
      padding: 50px 0;
      overflow: hidden;
      scroll-margin-top: 70px;
      overflow: clip;
      background-color: #f1f1f1;
  }

.full-width {
	width: 100% !important;
}

.font_weight_normal {
	font-weight: 300;
}

.mt_30 {
	margin-top: 30px;
}

.mt_50 {
	margin-top: 50px;
}

.blog .sidebar {
    padding: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.blog .sidebar .recent-posts h4 {
    font-size: 18px;
}

.sidebar .post-item.active h4 > a {
    color: #f15921 !important;
}

.mypage_liner {
    padding-top: 10px;
    margin-bottom: 50px;
    border-bottom: 1px solid #dedede;
}

/* 공통 라벨 스타일 */
.label-54 {
  display: inline-block;
  width: 54px;
  height: 24px;
  line-height: 24px;      /* 세로 가운데 정렬 */
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 12px;    /* 둥근태블릿 형태 */
  box-sizing: border-box;
}

/* 공지 라벨 (노랑) */
.label-54.notice {
  background-color: #14a4ff;
  color: #ffffff;
}

/* 이벤트 라벨 (핑크/레드) */
.label-54.event {
  background-color: #f15921;
  color: #fff;
}

/* 기타 라벨 (그레이) */
.label-54.etc {
  background-color: #d5d5d5;
  color: #333;
}

.recruit_bg04 {
    background-image: url(../img/recruit_04_back.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 300px;
}

@media screen and (max-width: 460px) {
    .recruit_bg04 {
        background-image: url(../img/recruit_04_m_back.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 150px;
    }
}


.agree-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.agree-check-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    cursor: pointer;
}

.agree-check-label input[type="checkbox"] {
    width: 26px;
    height: 26px;
    margin: 0;
    flex: 0 0 26px;
}

.agree-text {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 1.4;
}

.agree-text em {
    color: #ff4d4f;
    font-style: normal;
    font-weight: 700;
}

.agree-toggle-btn {
    min-width: 82px;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #cfcfcf;
    background: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 0;
    cursor: pointer;
    flex: 0 0 auto;
}

.agree-detail-box {
    display: none;
    margin-top: 12px;
}

.agree-detail-box.active {
    display: block;
}

.agree-detail-box textarea.form-control {
    height: 140px;
    resize: none;
    background: #fafafa;
}

@media (max-width: 768px) {
    .agree-line {
        gap: 12px;
    }

    .agree-check-label input[type="checkbox"] {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .agree-text {
        font-size: 14px;
    }

    .agree-toggle-btn {
        min-width: 74px;
        height: 32px;
        padding: 0 12px;
        font-size: 12px;
    }

    .agree-detail-box textarea.form-control {
        height: 130px;
    }
}