@charset "utf-8";

html{
  font-size: 1rem;
}

body{
  font-family: Pretendard;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

  padding: 0;
  margin: 0 auto;
  color: #000;

  width: 100%;
  /* max-width: 1440px; */

  /* background-color: #000; */
}

input,
select,
textarea,
body,
code,
a {
  font-family: Pretendard;
  color: #000;
  text-decoration: none;
}

ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

dialog-title .checkbox-container{
  display: flex;
  align-items: center;
}
.dialog-title label{
  font-size: 12px;
}

header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 20px 48px;
  position: relative;
  text-align: center;
}

header .menu_list{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 70%;
  max-width: 1200px;
  position: relative;
  font-weight: 400;
}

header .menu_list li{
  position: relative;
}

header .menu_list .dept1{
  position: relative;
  width: 20%;
  padding: 10px 20px;
}

header .menu_list.en .dept1{
  width: 25%;
}

header .menu_list .dept1 a{
  color: #5f6165;
  font-size: 1.1rem;
  line-height: 28px;

}

header .menu_list .dept1.active .menu{
  color:#000000;
  font-weight: 800;
  transition: all 0.3s ease;
}

header .menu_list .dept1.active::after,
header .menu_list .dept1:hover::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: #5F6165;
  bottom: 0px;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  font-weight: 500;
}

header .menu_list .dept1 .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  height: 255px;
  transform: translateX(-50%);
  z-index: 4;
  background-color: #fff;
  list-style: none;
}

header .menu_list .dept1 .submenu li{
  margin: 8px 0;
}

header .menu_list .dept1 .submenu li a{
  text-align: center;
  font-size: 0.9rem;
}

header .menu_list .dept1 .submenu li:hover{
  transform: scale(1.1);
  font-weight: bold;
  transition: all 0.1s ease;
}

header .submenu_back{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 255px;
  z-index: 3;
  background-color: #fff;
}

header .m_ver{
  display: none;
}

header .menu_more_btn{
  width: 30px;
}

header .m_menu_list{
  position: absolute;
  right: 0;
  top: 80px;
  z-index: 3;
  background-color: #fff;
  width: 100%;
  padding: 20px 50px 100px 50px;
  box-sizing: border-box;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  justify-content: space-between;
  align-items: start;
}
header .m_menu_list .m_dept1{
  margin: 20px 0;
}

header .m_menu_list .m_dept1 .m_menu{
  font-size: 1.5rem;
}

header .m_menu_list .m_dept1 .m_submenu{
  font-size: 1.2rem;
}

header .m_menu_list .m_dept1 .m_submenu li{
  margin: 8px 0;
  font-weight: normal;
}

/*.menu_list:hover .dept1 .submenu,
.menu_list:hover ~ .submenu_back {
  display: block;
}*/

.tot_search_btn{
  cursor: pointer;
}

#search_box{
  display: none;
  position: fixed;
  top: 94px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  overflow-y: auto;
  /* max-width: 1440px; */
  box-sizing: border-box;
  height: 100vh;
  overflow-y: auto;
  padding-bottom: 200px;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#search_box.active{
  display: block;
}

#search_box .input_box{
  background-color: #ECECED;
  border-radius: 40px;
  width: 80%;
  max-width: 1000px;
  margin: 50px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#search_box .input_box input{
  width: 80%;
  height: 4rem;
  border: none;
  font-size: 1.3rem;
  margin-left: 20px;
  background-color: transparent;
  outline: none;
}

#search_box .input_box img{
  width: 2rem;
  height: 2rem;
}

#search_box .recom_word{
  width: 80%;
  max-width: 1200px;
  margin: 40px auto;
  font-size: 1.3rem;
  color: #1B2E58;
  cursor: pointer;
}

#search_box .recom_word .words {
  display: flex;
  flex-wrap: wrap; /* 행이 넘치면 다음 줄로 이동 */
  gap: 0.5rem; /* 항목 간 간격 */
  width: 100%; /* 컨테이너 너비 */
  max-width: 1000px;
  margin: 0.5rem auto;
}

#search_box .recom_word .words .word {
  font-size: 1rem;
  background-color: #007EBF;
  color: #fff;
  padding: 0.4rem 1rem; /* 좌우 패딩을 추가해 버튼 스타일 */
  border-radius: 20px;
  text-align: center;
  white-space: nowrap; /* 글자 줄바꿈 방지 */
}

#search_box .result_count{
  margin: 2rem auto;
  text-align: center;
  font-size: 1.4rem;
}

#search_box .result_count .r_word,
#search_box .result_count .r_cnt{
  color: #007EBF;
}

#search_box .search_result_area{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

#search_box .search_result_area .result_area{
  margin: 3rem 0;
}

#search_box .search_result_area .result_area .section_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #D7D8D9  ;
}

#search_box .search_result_area .result_area .section_box .sec_tit{
  font-size: 1.4rem;
}

#search_box .search_result_area .result_area .section_box .sec_tit .sec_cnt{
  color: #007EBF;
}

#search_box .search_result_area .result_area .section_box .sec_more{
  font-size: 0.9rem;
  cursor:pointer;
}

#search_box .search_result_area .result_list li{
  padding: 1.4rem 0.8rem;
  border-bottom: 1px solid #D7D8D9;
}

#search_box .search_result_area .result_list li .path_reg{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#search_box .search_result_area .result_list li .path_reg .path{
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #5F6165;
}

#search_box .search_result_area .result_list li .path_reg .reg{
  color: #142342;
  font-size: 0.8rem;
}

#search_box .search_result_area .result_list li .list_tit{
  font-size: 1rem;
  color: #142342;
  margin: 0.5rem 0;
}

#search_box .search_result_area .result_list li .list_desc{
  width: 80%;
  font-size: 0.8rem;
  color: #5F6165;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

header .menu_icon{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 13%;
}

header .menu_icon.en{
  justify-content: flex-end;
}

header .menu_icon img.user_btn{
  width: 22px;
  height: 24px;
}
header .menu_icon img.search_btn
{
  width: 24px;
  height: 24px;
}

/*header .menu_icon img.language_btn{*/
/*  width: 30px;*/
/*  height: 30px;*/
/*}*/

header .menu_icon .language_selector {
  position: relative; /* 부모 기준으로 메뉴 위치 고정 */
  display: inline-block; /* 크기 조정 */
  width: 30px;
  height: 30px;
}

header .menu_icon .language_menu {
  display: none; /* 기본적으로 숨김 */
  position: absolute;
  top: 100%; /* 부모의 아래쪽에 위치 */
  left: -10px;
  background: #fff; /* 메뉴 배경 */
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 5px 0;
}

header .menu_icon .language_menu div {
  padding: 10px 20px;
  cursor: pointer;
  color: #333;
  text-align: left;
  white-space: nowrap;
}

header .menu_icon .language_menu div:hover {
  background: #f0f0f0; /* 호버 효과 */
}

header .menu_icon img.menu_more_btn{
  width: 24px;
  height: 24px;
}

header .menu_icon.en .language_selector{
  margin-right: 10px;
}

header .menu_icon .contactUs{
  font-size: 1rem;
  line-height: 24px;
  color: #2C2D2F;
  padding: 8px 16px;
  border: 1px solid #2C2D2F;
  border-radius: 15px;
  cursor: pointer;
}

footer{
  background-color: #333;
  color: #fff;
  padding: 30px 50px;
  font-size: 1rem;
  font-weight:400;
}

footer a{
  color: #fff;
}

footer .corp_info{
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 20px auto;
}

footer .corp_info img{
  margin-right: 50px;
}

footer .corp_info .info .corp_name{
  font-size: 1.3rem;
}

.site_map_list{
  width: 90%;
  max-width: 1200px;
  margin: 40px auto;
}

.site_map_list .list_set{
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
}

.site_map_list .list_set .tit{
  font-size: 1.3rem;
  margin-bottom: 30px;
}

.privacy {
  color: #666;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20px 20px 60px;
  font-size: 15px;
  line-height: 140%;
  word-break: break-all;
}

.privacy > dl {
  padding-bottom: 20px;
}

.privacy > dl > dt {
  font-size: 15px;
  color: #111;
  font-weight: 700;
  padding-bottom: 5px;
}

.privacy > dl > dd {
  margin: 5px 0 10px;
  font-size: 15px;
  line-height: 140%;
  padding: 20px;
  background: #f1f1f1;
  border-radius: 5px;
}

.ui-dialog {
  border-radius: 20px;
  overflow: hidden;
  max-width: 800px;
}

.ui-dialog .ui-dialog-titlebar {
  height: 77px;
  padding: 0;
  border: none;
  /* border-bottom: 1px solid #e3e3e3; */
  background-color: #fff;
  border-radius: 0;
}
#view-dialog {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
}
.ui-dialog .ui-dialog-title {
  display: block;
  margin: 0;
  padding-top: 25px;
  padding-left: 30px;
  float: none;
  font-size: 1.9rem;
  font-weight: 400;
}

.ui-dialog .corp_detail_info li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #7F8186;
  font-size: 1rem;
}

.ui-dialog .corp_detail_info li .th{
  width: 15%;
  color: #1B2E58;
}

.ui-dialog .corp_detail_info li .td{
  width: 85%;
  color: #5F6165;
}

.ui-widget.ui-widget-content {
  border-radius: 20px;
  /* border: 1px solid #c2c2c2; */
  padding: 0;

}
.ui-dialog .ui-dialog-content {
  padding: 20px 30px 50px;
}
.table-file-title {
  width: 100%;
  /* border-top: 1px dashed #b5b5b5; */
  padding-top: 10px;
  cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 76px;
  height: 76px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /* border-left: 1px solid #e3e3e3; */
  font-size: 0;
}
.ui-dialog .ui-dialog-titlebar-close::before {
  content: '';
  display: block;
  position: absolute;
  top: 25px;
  left: 25px;
  width: 26px;
  height: 26px;
  background-image: url(/static/images/close.svg);
  background-repeat: no-repeat;
  background-position: 0 6px;
}
.ui-dialog .ui-dialog-titlebar-close:focus{
  outline: none;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog .ui-dialog-buttonset button {
  font-size: 1.143rem;
}

.ui-widget-content{
  border-top: none;
}

.floating_box{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 4;
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: end;*/
}

.floating_box .page_up_btn{
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  background-color: #fff;
  border-radius: 50%;
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  margin-left:18px;
}

.floating_box .page_up_btn img{
  transform: rotate(-90deg);
  filter: brightness(0.35) saturate(250%) hue-rotate(220deg);
}

/*.floating_btn{*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: end;*/
/*  z-index: 3;*/
/*}*/

/*.floating_btn .f_btn{*/
/*  width: 5rem;*/
/*  height: 5rem;*/
/*  background-color: #fff;*/
/*  border-radius: 50%;*/
/*  background-image: url(/static/images/floating.svg);*/
/*  background-repeat: no-repeat;*/
/*  background-position: center center;*/
/*  background-size: 45px 45px;*/
/*  border: 0.5px solid rgba(0, 0, 0, 0.25);*/
/*  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
/*}*/
/*!* //filter: brightness(0) saturate(100%) invert(100%); *!*/

/*.floating_btn .f_list{*/
/*  display: none;*/
/*}*/
/*.floating_btn .f_list.active{*/
/*  display: block;*/
/*}*/

/*.floating_btn .f_list li{*/
/*  display: flex;*/
/*  justify-content: right;*/
/*  align-items: center;*/
/*  margin: 10px 0;*/
/*}*/

/*!*.floating_btn .f_list .f_list_btn{*!*/
/*!*  width: 80px;*!*/
/*!*  height: 80px;*!*/
/*!*  background-color: #fff;*!*/
/*!*  border-radius: 50%;*!*/
/*!*  display: flex;*!*/
/*!*  justify-content: center;*!*/
/*!*  align-items: center;*!*/
/*!*  margin-left: 10px;*!*/
/*!*  border: 0.5px solid rgba(0, 0, 0, 0.25);*!*/
/*!*  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);*!*/
/*!*}*!*/

/*.floating_btn .f_list .f_list_btn:hover{*/
/*  background-color: rgba(27, 46, 88, 1);*/
/*}*/

/*.floating_btn .f_list .tit{*/
/*  display: none;*/
/*  background-color: rgba(27, 46, 88, 1);*/
/*  color: #fff;*/
/*  border: 0.5px solid rgba(0, 0, 0, 0.25);*/
/*  border-radius: 5px;*/
/*  padding: 10px 20px;*/
/*  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
/*}*/

/*.floating_btn .f_list li:hover .tit{*/
/*  display: block;*/
/*}*/

.floating_btn2{
  background-color: #fff;
  border-radius: 3rem;
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 5rem;
  height: auto;
  padding:10px;
}
.floating_btn2 .arrow{
  display: block;
  width: 2rem;
  height: 1rem;
  margin: 0.5rem auto;
  cursor: pointer;
}

.floating_btn2 .arrow.float-none{
  transform: rotate(180deg);
}

.floating_btn2 .f_list{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 10px;
}

.floating_btn2 .f_list li{
  cursor: pointer;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.floating_btn2 .f_list li:hover{
  transform: scale(1.1);
}

.img{
  width: 3rem;
  height: 3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
/*.floating_btn2 .f_list li .img.info {
  background-image: url("/static/images/service_info.svg");
}
.floating_btn2 .f_list li .img.notice {
  background-image: url("/static/images/service_notice.svg");
}
.floating_btn2 .f_list li .img.join {
  background-image: url("/static/images/service_join.svg");
}
.floating_btn2 .f_list li .img.coop {
  background-image: url("/static/images/service_coop.svg");
}
.floating_btn2 .f_list li .img.academy {
  background-image: url("/static/images/service_academy.svg");
}
.floating_btn2 .f_list li .img.member {
  background-image: url("/static/images/service_search.svg");
}*/

.floating_btn2 .f_list li .tit{
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: -0.3rem;
}
  /*.f_list_btn2:hover .img{*/
/*  filter :  brightness(0) saturate(100%) invert(100%);*/
/*}*/
/*.f_list_btn:hover .img.notice{*/
/*  filter :  brightness(0) saturate(100%) invert(100%);*/
/*}*/
/*.f_list_btn .img.info {*/
/*  background-image: url("/static/images/service_info.svg");*/
/*}*/
/*.f_list_btn:hover .img.info{*/
/*  filter :  brightness(0) saturate(100%) invert(100%);*/
/*}*/
/*.f_list_btn .img.info {*/
/*  background-image: url("/static/images/service_info.svg");*/
/*}*/
/*.f_list_btn:hover .img.info{*/
/*  filter :  brightness(0) saturate(100%) invert(100%);*/
/*}*/
/*.f_list_btn .img.info {*/
/*  background-image: url("/static/images/service_info.svg");*/
/*}*/
/*.f_list_btn:hover .img.info{*/
/*  filter :  brightness(0) saturate(100%) invert(100%);*/
/*}*/

#intro_main{
  width: 100%;
  /* max-width: 1440px; */
  height: 100vh;
  background-image: url(/static/images/intro_img.jpeg);
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

#intro_main .association{
  width: 50%;
  height: 100vh;
  background-color: rgba(27, 46, 88, 0.5);
  position: relative;
  text-align: left;
}

#intro_main .cooperative{
  width: 50%;
  height: 100vh;
  background-color: rgba(88, 63, 27, 0.5);
  position: relative;
  text-align: right;
  margin-left: auto;
}

#intro_main .absolute_box{
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}

#intro_main .cooperative .absolute_box{
  right: 50px;
}

#intro_main .logo{
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}

#intro_main .div{
  border-bottom: 1px solid #fff;
  width: 180px;
  margin: 30px 0;
}

#intro_main  .cooperative .div{
  margin-left: auto;
}


#intro_main  .en_tit{
  font-size: 1.3rem;
}

#intro_main .tit{
  font-size: 2.5rem;
}

#intro_main .link_btn{
  font-size: 1rem;
  margin-top: 48px;
  padding: 16px 32px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 200px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#intro_main .link_btn:hover{
  transform: scale(1.1);
}

#intro_main .link_btn img{
margin-left: 30px;
}

#intro_main  .cooperative .link_btn{
  margin-left: auto;
}

#main_partners .partners_slide img{
  margin-right: 50px;
  width: 110px;
  height: 60px;
}

#main_partners .partners_slide {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; /* 넘치는 부분 숨기기 */
  padding: 50px 0;
}

/* 로고 트랙 (로고들을 담는 요소) */
#main_partners .logo-track {
  display: flex;
  width: calc( (150px + 50px) * 14 ); /* 로고 개수 x 2 (7개 x 2 = 14개) */
  animation: scroll 25s linear infinite;
}

/* 각 로고 스타일 */
#main_partners .logo {
  width: 150px; /* 로고의 너비 조절 */
  margin-right: 50px;
  flex-shrink: 0; /* 로고 크기 고정 */
  transition: transform 0.3s;
}

/* 로고 호버 효과 */
#main_partners .logo:hover {
  transform: scale(1.1); /* 마우스 호버 시 확대 효과 */
}

/* 스크롤 애니메이션 */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 트랙의 절반만 이동 */
  }
}

/* 반응형 디자인 */
/*@media (max-width: 768px) {*/

/*}*/

@media (max-width: 480px) {
  #main_partnars .logo {
    width: 80px;
    margin-right: 10px;
  }
}

#main_slide{
  width: 100%;
  background-color: #fff;
}

/*#main_slide .swiper-slide .slide_box .block{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-color: #000;*/
/*}*/

#main_slide .swiper-slide .slide_box{
  position: relative;
}

#main_slide .swiper-slide .slide_box img{
  width: 100vw;
  /*height: calc(100vw * 0.55);*/
  height: calc(100vh - 98px);
  /*max-height: 1080px;*/
  object-position: center;
  object-fit: cover;
}

#main_slide .swiper-slide .slide_box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2); /* 검은색 반투명 오버레이 */
  pointer-events: none; /* 클릭 이벤트를 허용하지 않음 */
}
#main_slide .swiper-slide:nth-child(4) .slide_box img{
  object-position: 50% 37%;
}

#main_slide .swiper-slide .slide_box .text_box{
  position: absolute;
  top: 50%;
  left: 50px;
  right: 50px;
  transform: translateY(-50%);
  color: #fff;
  z-index: 1;
}

#main_slide .swiper-slide .slide_box .text_box .copy_right{
  font-size: 1.1rem;
  font-weight: 400;
  font-family: Pretendard;
}

#main_slide .swiper-slide .slide_box .text_box .tit{
  font-size: 7rem;
  line-height: 7rem;
  font-weight: 800;
  padding-top: 2rem;
  font-family: Pretendard;
  word-wrap: break-word; /* 긴 단어 줄바꿈 */
  white-space: normal; /* 기본 줄바꿈 허용 */
}

#main_slide .swiper-slide .slide_box .text_box .comment{
  font-size: 1rem;
  line-height: 2rem;
  padding-top: 2rem;
  font-weight: 400;
  font-family: Pretendard;
  word-break: keep-all;
  white-space: normal;
  text-align: justify;
}

#main_slide .swiper-slide .slide_box .text_box.center{
  text-align: center;
}

#main_slide .swiper-slide .slide_box .text_box.center .comment{
  text-align: center;
}

#main_slide .swiper-slide .slide_box .text_box .comment br.mobile{
  display: none;
}

#main_slide .slider_navi{
  position: relative;
  top: -80px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

#main_slide .slider_navi .main_slider_bar{
  display: flex;
  align-items: center;
}

#main_slide .slider_navi .num{
  color: #fff;
  font-size: 0.8rem;
  margin: 0 5px;
}

#main_slide .slider_navi .main_slider_bar .bar{
  width: 30px;
  border-bottom: 1px solid #fff;
  opacity: 0.5;
}
#main_slide .slider_navi .main_slider_bar .bar.active{
  opacity: 1;
}

#main_slide .slider_navi .main_slider_prev img,
#main_slide .slider_navi .main_slider_next img {
  width: 12px;
  margin: 0 5px;
}

/*#main_slide .slide{*/
/*  position: relative;*/
/*  !* width: 100%; *!*/
/*}*/

/*#main_slide .slide .slide_text{*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 0;*/
/*  transform: translateY(-50%) translateX(20%);*/
/*}*/

/*#main_slide .slide .slide_text.white{*/
/*  color: #fff;*/
/*}*/

/*#main_slide .slide .slide_text.black{*/
/*  color: #000;*/
/*}*/

/*#main_slide .slide .slide_text .main_tit{*/
/*  font-size: 2.5rem;*/
/*}*/

/*#main_slide .slide .slide_text .sub_tit{*/
/*  font-size: 1.6rem;*/
/*}*/

/*#main_slide .slide .slide_text .div{*/
/*  margin: 30px 0;*/
/*  width: 40px;*/
/*  border-top: 1px solid #fff;*/
/*}*/

#main_partners,
#cooperation_organization{
  height: auto;
  background-color: #fff;
}

#main_partners .member_organ_tit,
#cooperation_organization .member_organ_tit
{
  font-size: 2rem;
  font-weight: 800;
  line-height: 3rem;
  text-align: center;
  margin-top: 7rem;
}

#main_partners .div,
#cooperation_organization .div{
  width: 4rem;
  border-bottom: 1px solid #000;
  margin: 2rem auto;
}

#main_partners .section_desc,
#cooperation_organization .section_desc{
  width: 90%;
  margin: 0 auto;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  text-align: center;
}


/*.head_tit{*/
/*  width: 90%;*/
/*  max-width: 1440px;*/
/*  font-size: 1.9rem;*/
/*  color: #2C2D2F;*/
/*}*/

/*.head_tit.margin_bottom{*/
/*  margin-bottom: 28px;*/
/*}*/

/*.head_tit.padding{*/
/*  padding-left: 48px;*/
/*}*/

#main_mission {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#main_mission img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.8;
  z-index: 2;
  pointer-events: none; /* 클릭 등 이벤트 차단 */
}

#main_mission .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3010C4; /* 원하는 색상 */
  z-index: 1;
}

#main_mission .text_box{
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: #fff;
  text-align: center;
}

#main_mission .text_box .section_tit{
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 500;
}

#main_mission .text_box .head_tit{
  font-size: 5rem;
  line-height: 6rem;
  font-weight: 800;
  letter-spacing: -0.004em;
  margin: 2rem 0;
}

#main_mission .text_box .sub_tit{
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}


#info_support{
  width: 15%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 48px;
  border-radius: 20px;
}

#info_support .tit{
  font-size: 1.6rem;
  line-height: 40px;
  color: #2C2D2F;
  text-align: center;
}

#info_support .list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3rem;
  border: 2px solid #5F6165;
  color: #5F6165;
  padding: 16px;
  margin: 32px 0;
  border-radius: 15px;
}

#info_support .list li:hover{
  background-color: #fff;
}

#business {
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

#business .slider-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#business .slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

#business .card {
  flex: 0 0 11%;
  /*margin: 0 10px;*/
  transition: all 0.3s ease;
  opacity: 0.8;
  background-color: #f1f1f1;
  color: #fff;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  /*border-radius: 25px;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}
#business .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* 어두운 오버레이 */
  z-index: 1; /* 콘텐츠 위에 표시되도록 */
  pointer-events: none; /* 클릭 차단 */
}

#business .card .num{
  position: absolute;
  top: 1rem;
  left: 2rem;
  font-size: 1.4rem;
  z-index: 2;
}

#business .card .tit{
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  overflow: hidden;
  z-index: 2;
}

#business .card .sub_tit,
#business .card .more{
  display: none;
  z-index: 2;
}

#business .card.active {
  flex: 0 0 56%;
  opacity: 1;
  font-size: 2rem;
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat; 
  flex-direction: column;
  align-items: start;
  overflow: visible;
}

#business .card.active .tit {
  transform: translateX(40px) rotate(-90deg);
  font-size: 2.3rem;
  height: 80px;
  width: auto;
  white-space: nowrap;
  overflow: visible;
}

#business .card.active .sub_tit{
  display: block;
  text-align: left;
  margin-left: 20px;
  font-size: 1.4rem;
}

#business .card.active .more{
  background-color: #fff;
  font-size: 0.9rem;
  border: none;
  border-radius: 20px;
  margin-right: 40px;
  margin-left: 20px;
  margin-top: 20px;
  padding: 10px;
  color: #000;
  display: block;
}

#business .slider_navi{
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 20px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#business .slider_navi .slider_bar_btn img{
  width: 24px;
  height: 24px;
  margin: 0 10px;
}

#business .slider_navi .slider_bar{
  display: flex;
  align-items: center;
  width: 85%;
}

#business .slider_navi .slider_bar .bar{
  width: 100%;
  border-bottom: 1px solid #D7D8D9;
}

#business .slider_navi .slider_bar .bar.active{
  border-bottom: 3px solid #7F8186;
}

#main_media{
  height: 35rem;
}

#main_media .tit_btn_box{
  width: 95%;
  margin: 100px auto 20px auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}

#main_media .tit_btn_box .head_tit{
  font-size: 2.4rem;
}

#main_media .tit_btn_box .flex{
  display: flex;
  align-items: center;
}

#main_media .div{
  width: 50px;
  border-bottom: 1px solid #000;
  position: absolute;
  bottom: 0;
}

#main_media .btn{
  background-color: #000;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
  cursor: pointer;
}

#main_media .btn.none{
  opacity: 0.2;
}

#main_media .btn img{
  display: block;
}

#main_media .btn.prev img{
  transform: rotate(180deg);
}

#main_media .mediaSwiper{
  width: 95%;
  margin: 0 auto;
}

#main_media .mediaSwiper img{
  width: 100%;
}

#main_media .mediaSwiper .cate,
#main_media .mediaSwiper .reg{
  font-size: 1rem;
  margin: 10px 0;
}

#main_media .mediaSwiper .cate{
  color: #FD5E1F;
  margin: 20px 0;
}

#main_media .mediaSwiper .tit{
  font-size: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

#main_media .mediaSwiper .swiper-wrapper{
  margin-bottom: 40px;
}

#main_media .mediaSwiper .swiper-wrapper .swiper-slide{
  width: calc(100vw / 6);
}

#main_media .mediaSwiper .swiper-pagination {
  display: flex;
  justify-content: space-between; /* 바 간격 */
  width: 100%; /* 전체 폭 */
  height: 2px; /* 바 높이 */
  margin-top: 20px; /* 필요에 따라 조정 */
}

/* Pagination Bullet을 바 모양으로 스타일링 */
#main_media .mediaSwiper .swiper-pagination-bullet {
  flex: 1; /* 전체 너비를 균등 분배 */
  height: 100%; /* 부모 컨테이너 높이만큼 */
  background-color: #ddd; /* 기본 색상 */
  margin: 0 2px; /* 바 간격 조정 */
  transition: background-color 0.3s ease-in-out;
  border-radius: unset;
}

/* 현재 활성화된 바 */
#main_media .mediaSwiper .swiper-pagination-bullet-active {
  background-color: #000; /* 활성화된 바 색상 */
}




#membership{
  position: relative;
}

#membership::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* 검은색 반투명 오버레이 */
  pointer-events: none; /* 클릭 이벤트를 허용하지 않음 */
}
#membership img {
  width: 100vw;
}
#membership .text_box{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  color: #fff;
}

#membership .text_box .head_tit{
  font-size: 2rem;
}

#membership .text_box .main_tit{
  font-size: 3rem;
  margin: 20px 0;
}

#membership .text_box .sub_tit{
  font-size: 1.5rem;
}

#membership .text_box .join_btn{
  background-color: #fff;
  width: 100px;
  padding: 10px;
  border-radius: 25px;
  color: #000;
  font-size: 1rem;
  margin: 2rem auto 0 auto ;
  cursor: pointer;
}

#membership .membership_card{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/* #membership .membership_card img{
  color: #D7D8D9;
} */

#membership .membership_card .card{
  background-color: #fff;
  box-shadow: 4px 4px 4px 0px #00000040;
  border-radius: 10px;
  width: 27%;
  height: 130px;
  padding: 15px;
  color: #2C2D2F;
  overflow: hidden;
  position: relative;
  transition: transform 0.5s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#membership .membership_card .card:hover{
  transform: scale(1.05);
  background-color: #1B2E58;
  color: #fff;
}

#membership .membership_card .card .sub_tit{
  font-size: 0.8rem;
}

#membership .membership_card .card .tit{
  font-size: 1.3rem;
}

#membership .membership_card .card img{
  opacity: 0.8;
  clip-path: inset(0 5% 0 0);
  width: 69px;
  margin-left: auto;
}

#often_find_service{
  background-color: #fff;
  padding: 24px 48px;
}

#often_find_service .service_list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

#often_find_service .service_list .service{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
  padding: 30px;
  background-color: #1B2E58;
  border-radius: 15px;
  transition: transform 0.5s;
  cursor: pointer;
}

#often_find_service .service_list .service:hover{
  transform: scale(1.1);
}

#often_find_service .service_list .service img{
  margin-right: 15px;
  filter: brightness(0) saturate(100%) invert(100%);
}

#cooperation_organization .org_logo_slider {
  overflow: hidden;
  width: 100%;
  /*max-width: 1200px;*/
  display: flex;
}

#cooperation_organization .org_list {
  display: flex;
  /*width: max-content;*/
  /*width: calc(100% * 2); !* 무한 슬라이드 구현을 위한 두 배의 너비 *!*/
  /*animation: slide 40s linear infinite;*/
  width: calc( (150px + 50px) * 14 ); /* 로고 개수 x 2 (7개 x 2 = 14개) */
  animation: scroll 25s linear infinite;
  padding: 50px 0;
}

#cooperation_organization .org_list img {
  width: 100%;
  max-width: 180px;
  padding: 10px;
  margin: 0 20px;
  border-radius: 8px;
  object-fit: contain;
  height: 60px;
}

#cooperation_organization .org_list img:hover{
  transform: scale(1.1);
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/*#cooperation_organization .org_list{*/
/*  display: flex;*/
/*  align-items: center;*/
/*  width: 100%;*/
/*  margin: 0 auto;*/
/*  overflow: hidden; !* 넘치는 부분 숨기기 *!*/
/*  padding: 20px 0;*/
/*}*/

/*#cooperation_organization .org_list .org{*/
/*  box-sizing: border-box;*/
/*  width: 300px;*/
/*  height: 100px;*/
/*  background-color: #fff;*/
/*  margin: 0 30px;*/
/*  margin-bottom: 20px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  animation: scroll 5s linear infinite;*/
/*}*/

/*#cooperation_organization .org_list .org img{*/
/*  display: block;*/
/*  width: 80%;*/
/*}*/

#map-dialog .corp_map{
  display: flex;
  justify-content: center;
  align-items: center;
}

#map-dialog .map_info{
  width: 50%;
  margin-left: 20px;
}

#map-dialog .map_info .way{
  display: flex;
  /* justify-content: first baseline; */
  align-items:start;
  margin: 40px 0;
}

#map-dialog .map_info .way img{
  margin-right: 10px;
}

#map-dialog .map_info .way .info .tit{
  font-size: 1.5rem;
  color: #5F6165;
  margin-bottom: 10px;
}

#map-dialog .map_info .way .info .content{
  font-size: 1rem;
  font-weight: 400;
  color: #5F6165;
}

 .contact_us .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

 .contact_us ul li{
  margin: 60px 0;
}

 .contact_us ul li .w48{
  width: 48%;
}

 .contact_us ul li .w28{
  width: 28%;
}
 .contact_us ul li .w68{
  width: 68%;
}

 .contact_us ul li .tit{
  font-size: 1.3rem;
  color: #2C2D2F;
}

 .contact_us ul li input[type='text'],
 .contact_us ul li select{
  width: 100%;
  border: none;
  border-bottom: 1px solid #7F8186;
  margin-top: 10px;
  padding: 10px 0;
}

 .contact_us ul li textarea{
  width: 100%;
  border: 1px solid #7F8186;
  margin-top: 10px;
  padding: 10px 0;
}

 .contact_us .submit_btn{
  width: 220px;
  background-color: #1B2E58;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  padding: 16px 48px;
  border-radius: 15px;
  margin: 50px auto;
}

.container{
  background-color: #fff;
}

.container .page_info{
  position: relative;
  color: #fff;
}
.container .page_info img{
  opacity: 0.9;
  width: 100%;
  height: 800px;
  object-fit: cover;
}

.container .page_info .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(57, 58, 60, 0.2); /* 반투명 색상 */
}

.container .page_info .menu_navi{
  position: absolute;
  top: 0;
  padding: 50px;  
  font-size: 1rem;
  font-weight: 400;
}

.container .page_info .page_tit{
  font-size: 2.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container .page_tab_box{
  width: calc(100% - 20px);
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px;
  margin: 0 auto;
}

.container .page_tab_box li{
  flex: 1;
  width: 100%;
  text-align: center;
  padding: 30px 0;
  font-size: 1.3rem;
  color: #7F8186;
  border-bottom: 2px solid #7F8186;
  cursor: pointer;
  display: flex; /* 내용 정렬을 위한 flex */
  flex-direction: column; /* 세로 정렬 */
  justify-content: center; /* 수직 중앙 정렬 */
}

.container .page_tab_box li.active,
.container .page_tab_box li:hover{
  color: #1B2E58;
  border-bottom: 4px solid #1B2E58;
}

.container .main_content{
  width: 95%;
  max-width: 1440px;
  min-height: calc(100vh / 2);
  margin: 0 auto;
  padding: 60px 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.container .main_content.visible {
  opacity: 1;
  transform: translateY(0);
}

.container .main_content .main_tit{
  font-size: 1.9rem;
  text-align: center;
  margin: 1.8rem 0 1rem 0;
}
.container .main_content .main_tit.left{
  text-align: left;
  margin-left: 30px;
}

.container .main_content .alarm_tit{
  font-size: 0.9rem;
  font-weight: normal;
  margin: 2rem 1.8rem;
}

.container .main_content .main_sub_tit{
  font-size: 1rem;
  color: #142342;
  text-align: center;
  margin-bottom: 30px;
}

.container .main_content .organizition_chart{
  width: 90%;
  max-width: 1200px;
  margin: 30px auto;
  display: block;
}

.container .search_box{
  display: flex;
  justify-content: end;
  align-items: center;
  margin-right: 120px;
}

.container .search_box .input_box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  border-bottom: 1px solid #7F8186;
}

.container .search_box input{
  margin-left: auto;
  border: transparent;
  height: 50px;
  font-size: 1rem;
}

.container .search_box input:focus{
  outline: none;
}

.container .search_box select{
  border: 1px solid #7F8186;
  border-radius: 10px;
  padding: 10px;
  color: #7F8186;
  font-size: 1rem;
}

.container .main_content .list_tot{
  font-size: 0.9rem;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #142342;
  text-align: center;
  vertical-align: middle;
  background-color: #ECECED;
  border-radius: 10px;
  padding: 0 10px;
  gap:4px;
}

.container .corp_type{
  width: calc(100% - 80px);
  max-width: 1180px;
  margin: 0 120px;
  padding: 10px;
  border-radius: 10px;
  font-size: 1rem;
  background-color: #1B2E58;
  color: #fff;
}

.container .corp_list{
  width: 90%;
  max-width: 1200px;
  margin: 20px auto;
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

/*.container .corp_list li{*/
/*  height: 50%;*/
/*  border: 1px solid #7F8186;*/
/*  border-radius: 10px;*/
/*  padding: 16px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  cursor: pointer;*/
/*  transition: transform 0.4s;*/
/*  overflow: hidden;*/
/*}*/

/*.container .corp_list li img{*/
/*  width: 70%; !* 부모 요소의 너비에 맞춤 *!*/
/*  height: auto; !* 이미지 비율 유지 *!*/
/*  max-width: 70%; !* 부모 요소 너비 초과 방지 *!*/
/*  max-height: 100%; !* 부모 요소 높이 초과 방지 *!*/
/*  object-fit: contain; !* 비율 유지, 내용 전체 표시 *!*/
/*}*/


.container .corp_list li{
  height: 100px;
  border: 1px solid #7F8186;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.4s;
  overflow: hidden;
}

.container .corp_list li img{
  width: 80%; /* 부모 요소의 너비에 맞춤 */
  height: auto; /* 이미지 비율 유지 */
  max-width: none; /* 부모 요소 너비 초과 방지 */
  max-height: none; /* 부모 요소 높이 초과 방지 */
  object-fit: contain; /* 비율 유지, 내용 전체 표시 */
  object-position: center;
  overflow: hidden;
  padding: 1rem;
}


.container .corp_list li:hover{
  transform: scale(1.05);
}

.container .join_board .required {
  color: red !important;
  font-weight: bold;
}

.container .join_board .input_tit {
  position: relative;
}

.container .join_board .input_tit .required {
  right: 10px;
  top: 0;
}


.container .join_tab{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 30px;
}
.container .join_tab li{
  width: 33%;
  font-size: 1.3rem;
  color: #2C2D2F;
  border: 1px solid #7F8186;
  text-align: center;
  padding: 13px;
  cursor: pointer;
}

.container .join_tab li:nth-child(2){
  border-left: none;
}

.container .join_tab li.active{
  background-color: #1B2E58;
  color: #fff;
}

.container .join_board .procedure img.chart{
  width: 90%;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}

.container .join_board .procedure .chart.m_ver  {
  display: none;
  width: 100%;
}

.container .join_board .procedure .grade_list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 2rem;
}

.container .join_board .procedure .grade_list .grade{
  height: 250px;
  border-radius: 20px;
  background-color: #F2F2F3;
  color: #7F8186;
  font-size: 1rem;
  padding: 30px;
  display: flex;
  align-items: center;
}

.container .join_board .procedure .grade_list .grade img{
  margin-right: 10px;
}

.container .join_board .procedure .grade_list .grade .grade_name{
  font-size: 1.9rem;
  margin-bottom: 10px;
}

.container .join_board .procedure .payment_info{
  background-color: #F2F2F3;
  padding: 1rem;
  margin: 0 2rem;
  border-radius: 1rem;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  gap: 1rem;
  /*justify-content: space-around;*/
  align-items: center;
  font-size: 1rem;
}

.container .join_board .procedure .payment_info div{
  display: flex;
  justify-content: center;
}

.container .join_board .procedure .payment_info div img{
  margin-right: 7px;
}

.container .join_board .procedure .payment_info .content{
  font-weight: 400;
}

.container .join_board .procedure .payment_info .bankbook_download{
  border: 1px solid #2C2D2F;
  border-radius: 15px;
  padding: 15px;
}

.container .join_board .procedure .request_down{
  font-size: 1.4rem;
  color: #fff;
  background-color: #1B2E58;
  width: 300px;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
  margin: 0  auto;
  cursor: pointer;
}

.container .join_board .procedure .request_down a{
  color: #fff;
  cursor: pointer;
}

.container .join_board .request_input{
  margin: 0 50px;
}

.container .join_board .request_input .input_tit,
.container .join_board .request_input input{
  color: #5F6165;
}

.container .join_board .request_input .input_tit{
  margin-top: 20px;
  font-size: 1.3rem;
}

.container .join_board .request_input .required{
  color: red !important;
}

.container .join_board .request_input input[type='text']{
  width: 100%;
   border: 1px solid #D7D8D9;
   border-radius: 10px;
   padding: 10px 0;   
   margin-top: 10px;
   text-indent: 10px;
}

.container .join_board .request_input input[type='text'].etc_text{
  width: 20%;
}

.container .join_board .request_input .btn_set{
  /* width: 100%; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container .join_board .request_input .btn_set input[type='text']{
  width: 80%;
  display: block;
}

.container .join_board .request_input .btn_set .btn{
  padding: 10px 20px;
  border-radius: 10px;
  background-color: #1B2E58;
  color: #fff;
  margin-top: 10px;
}

.container .join_board .request_input .grid{
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

.container .join_board .request_input .radio_type{
  width: calc(100% - 20px);
  margin: 0;
  background-color: #F2F2F3;
  color: #5F6165;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 10px;
}

.container .join_board .request_input .radio_type.flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container .join_board .request_input .radio_type label{
  margin-right: 50px;
}

.container .join_board .request_input #doc_upload{
  width: 100%;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #7F8186;
  border-collapse: collapse;
}

.container .join_board .request_input #doc_upload th,
.container .join_board .request_input #doc_upload td{
  padding: 5px 0;
}

.container .join_board .request_input #doc_upload th{
  border-top: 1px solid #7F8186;
  border-bottom: 1px solid #7F8186;
}

.container .join_board .request_input #doc_upload .btn{
  background-color: #1B2E58;
  border-radius: 5px;
  color: #fff;
}

.container .join_board .request_input #doc_upload tbody tr:last-child{
  border-bottom: 1px solid #7F8186;
}

.container .join_board .reg_tempSave_btns{
  display: block;
  align-items: center;
  text-align: center;
  width: 100%;
  font-size: 1.9rem;
  color: #fff;
  margin: 100px auto;
}

.container .join_board .reg_tempSave_btns .temp_save_btn{
  padding: 15px 100px;
  background-color: #7F8186;
  border-radius: 10px;
}

.container .join_board .reg_tempSave_btns .reg_btn{
  padding: 15px 100px;
  background-color: #1B2E58;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  border: none;
  transition: background-color 0.3s, transform 0.2s;
}

/* 호버 효과 */
.container .join_board .reg_tempSave_btns .reg_btn:hover {
  background-color: #264D8C; /* 밝은 파란색으로 변화 */
  transform: scale(1.05); /* 약간 확대 */
}

/* 클릭 효과 */
.container .join_board .reg_tempSave_btns .reg_btn:active {
  background-color: #102A4A; /* 어두운 파란색으로 변화 */
  transform: scale(0.95); /* 약간 축소 */
  box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.3); /* 눌린 듯한 효과 */
}

.container .join_board .benefit .benefit_list{
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin: 0 50px;
}

.container .join_board .benefit .benefit_list li{
  height: 200px;
  border: 3px solid #D7D8D9;
  border-radius: 20px;
  padding: 20px;
  display: flex;  
  align-items: center;
  font-size: 0.9rem;
}

.container .join_board .benefit .benefit_list li .img_box{
  width: 100px;
  height: 100px ;
  border-radius: 50%;
  background: linear-gradient(135.99deg, #00A7E1 10.41%, #001B71 86.11%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.container .join_board .benefit .benefit_list li .benefit_info{
  width: 80%;
}

.container .join_board .benefit .benefit_list li .benefit_info .tit{
  font-size: 1.3rem;
  color: #1B2E58;
  margin-bottom: 20px;
}

.container .news_cate{
  display: flex;
  align-items: center;
  color: #B8BECB;
  padding: 0 120px;
  font-size: 1rem;
}

.container .news_cate li{
  padding: 10px;
  margin: 0 20px;
  cursor: pointer;
}

.container .news_cate li.active,
.container .news_cate li:hover{
  color: #142342;
  border-bottom: 2px solid #142342;
}

.container .news_card{
  padding: 40px 120px;
  
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.container .news_card .news{
  transition: transform 0.4s;
}

.container .news_card .news:hover{
  transform: scale(1.05) ;
}

.container .news_card img{
  border-radius: 20px 20px 0 0;
  width: 100%;
}

.container .news_card .news .text_box{
  border: 1px solid #D7D8D9;
  border-radius: 0 0 20px 20px;
  margin-top: -4px;
  padding-bottom: 10px;
}
.container .news_card .news .text_box div{
  margin: 0 20px;
}

.container .news_card .news .text_box .tag{
  width: 58px;
  color: #404BF3;
  font-size: 0.9rem;
  text-align: center;
  padding: 2px 5px;
  border-radius: 5px;
  margin: 10px 20px;
  background-color: #ECECED;
}

.container .news_card .news .text_box .tit{
  font-size: 1rem;
  color: #5F6165;
  margin: 10px 20px;
}
.container .news_card .news .text_box .reg_date{
  color: #404BF3;
}

.directorate_list{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 200px auto;
  
}

.directorate_list .direc_tit{
  font-size: 1.6rem;
  color: #5F6165;
  border-bottom: 2px solid #D7D8D9;
  margin-bottom: 30px;
}

.directorate_list .direc_list{
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(5, 1fr);
  gap: 50px;
  margin-bottom: 60px;
}

.directorate_list .row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.directorate_list .row .half{
  width: 45%;
}

.directorate_list .row .half .direc_list{
  grid-template-columns: repeat(2, 1fr); 
}

.directorate_list li .name_position{
  display: flex;
  justify-content: space-between;
  align-items:baseline;
}


.directorate_list .direc_list li .name_position .name{
  font-size: 1.6rem;
  color: #2C2D2F;
}

.directorate_list .direc_list li .name_position .position{
  font-size: 1rem;
  color: #1B2E58;
}

.directorate_list .direc_list li .dot_div{
  border-bottom: 1px dotted #000;
  margin: 5px 0;
  /* border-style: ; */
}

.directorate_list .direc_list li .corp_name{
  font-size: 1rem;
  color: #2C2D2F;
}

.association_logo .logo_main{
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

.association_logo .logo_main img{
  width: 100%;
}
.association_logo .logo_regulation img,
.association_logo .logo_color img{
  width: 33%;
}

.association_logo .logo_policy{
  text-align: right;
  color: #7F8186;
  font-size: 0.8rem;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

.association_logo .logo_regulation,
.association_logo .logo_color{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

.association_logo .signature_list{
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

.association_logo .signature_list li{
  width: 100%;
}

.association_logo .signature_list li .logo_img_box{
  background-image: url(/static/images/logo_back.svg);
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}

.association_logo .signature_list li .logo_img_box img{
  display: block;
}

.association_logo .signature_list li .btns{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0  auto;
  margin-top: 10px;
  width: 323px;
}

.association_logo .signature_list li .btns div{
  font-size: 1rem;
  padding: 5px 15px;
  border: 1px solid #2C2D2F;
  border-radius: 10px ;
}

.greeting{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  font-size: 1.3rem;
  font-weight: 400;
}

.greeting .introduce{
  margin-top: 80px;
}

.greeting .introduce .num{
  font-size: 2rem;
  font-weight: 700;
  color: #1B2E58;
  float: left; /* 왼쪽에 고정 */
  margin-right: 0.5em; /* 텍스트와의 간격 */
}
.greeting .position,
.greeting .chairman{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  text-align: right;
  font-weight: 700;
  font-size: 1.3rem;
}

.greeting .position{
  color: #1B2E58;  
}

.greeting .chairman{
  font-size: 1.9rem;
  color: #000;
}

.directions_info{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  background-color: #ECECED;
  border-radius: 20px;
}

.directions_info .way{
  display: flex;
  /* justify-content: first baseline; */
  align-items:start;
  padding: 40px;
}

.directions_info .way img{
  margin-right: 10px;
}

.directions_info .way .info .tit{
  font-size: 1.6rem;
  color: #5F6165;
  margin-bottom: 10px;
}

.directions_info .way .info .content{
  font-size: 1.3rem;
  font-weight: 400;
  color: #5F6165;
}

.directions_info .div{
  border-bottom: 2px solid #fff;
  width: 90%;
  margin: 0 auto;
}

.overView img{
  display: block;
  width: 90%;
  margin: 0 auto;
  object-position: center;
  object-fit: cover;
}

.overView img.weDo{
  height: 500px;
}

.overView .weDo_list{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.overView .weDo_list li{
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 50px 0;
}

.overView .weDo_list li:nth-child(2){
  border-top: 2px solid #D7D8D9;
  border-bottom: 2px solid #D7D8D9;
}

.overView .weDo_list .weDo_tit{
  width: 20%;
  font-size: 1.9rem;
  color: #7F8186;
  text-align: center;
}

.overView .weDo_list .weDo_desc{
  width: 80%;
  font-size: 1.3rem;;
  color: #7F8186;
  text-align: left;
}

.overView .weDo_num_list{
  width: 90%;
  max-width: 1300px;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
  align-items: start;
  text-align: center;
}

.overView .weDo_num_list li{
  width: 30%;
}

.overView .weDo_num_list li img{
  width: 100%;
}

/*.overView .weDo_num_list li{*/
/*  width: 33%;*/
/*}*/

/*.overView .weDo_num_list .num{*/
/*  font-size: 4rem;*/
/*    font-weight: bold;*/
/*    background: linear-gradient(95.45deg, #1B2E58 4.46%, #00A8FF 64.01%);*/
/*    -webkit-background-clip: text;*/
/*    color: transparent; !* 텍스트의 배경을 투명하게 설정하여 그라데이션이 보이도록 *!*/
/*    background-clip: text;*/
/*    display: inline-block;*/
/*}*/

/*.overView .weDo_num_list .tit{*/
/*  font-size: 1.3rem;*/
/*  margin: 20px 0;*/
/*}*/

/*.overView .weDo_num_list .desc{*/
/*  font-size: 1.1rem;*/
/*  font-weight: 400;*/
/*}*/

#detail_sec .reg_cnt{
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 500;
}

#detail_sec .reg_cnt div{
  display: flex;
  align-items: center;
}

#detail_sec .reg_cnt .bar{
  margin: 0 1rem;
}

#detail_sec .reg_cnt img{
  width: 22px;
  display: block;
  margin-right: 0.5rem;
}

#detail_sec .detail_tit{
  font-size: 1.7rem;
  line-height: 2.5rem;
  padding: 0.8rem;
  background-color: #F2F2F3;
  border-top: 1px solid #7F8186;
  border-bottom: 1px solid #7F8186;
  margin: 1rem 0;
}

#detail_sec .detail_contents{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  margin: 2rem 0;
}

#detail_sec .file_sec li:first-child {
  border-top: 1px solid #7F8186;
}

#detail_sec .file_sec li:last-child {
  border-bottom: 1px solid #7F8186;
}

#detail_sec .file_sec li{
  border-top: 0.5px solid #7F8186;
  border-bottom: 0.5px solid #7F8186;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.8rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#detail_sec .btn_box{
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin: 4rem 0;
  font-size: 0.9rem;
  font-weight: 500;
}

#detail_sec .btn_box .list_btn{
  padding: 1rem 3rem;
  background-color: #1B2E58;
  color: #fff;
  border-radius: 0.6rem;
}

#detail_sec .btn_box .content_btn{
  width: 40%;
}

#detail_sec .btn_box .content_btn.next_content{
  display: flex;
  flex-direction: column;
  align-items: end;
  text-align: right;
}

#detail_sec .btn_box .text_box{
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

#detail_sec .btn_box .text_box span{
  margin: 0 2rem;
}

#detail_sec .btn_box .text_box img{
  width: 0.5rem;
}

#detail_sec .btn_box .content_btn .con_tit{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

  /*
  .board_table {
    width: 1200px;
    border-collapse: collapse;
    margin: 20px auto;
  }

  .board_table th, .board_table td {
    padding: 10px;
    text-align: center;
  }

  .board_table th {
    border-bottom: 1px solid #000;
    background-color: #F2F2F3;
    color: #142342;
    font-size: 1rem;
  }

  .board_table tr {
    border-bottom: 1px solid #7F8186;
  }

  .board_table td a {
    text-decoration: none;
  }

  .board_table td a:hover {
    text-decoration: underline;
  } */

.board_table {
  width: 90%;
  max-width: 1440px;
  border-collapse: collapse;
  margin: 20px auto;
  border-radius: 8px; 
  overflow: hidden; 
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);  */
}

.board_table th,
.board_table td {
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid #D1D1D1; /* 구분선 */
}

.board_table th {
  background-color: #F2F2F3; /* 헤더 배경색 */
  color: #333; /* 헤더 글자색 */
  font-weight: bold;
}

.board_table tr:hover {
  background-color: #eee; /* 호버 시 배경 색상 */
}

.board_table td{
  font-weight: 400;
}

.board_table td.tit{
  text-align: left;
}

.board_table a {
  text-decoration: none; /* 링크 밑줄 제거 */
}

.board_table a:hover {
  text-decoration: underline; /* 링크 호버 시 밑줄 */
}

.board_table a .table_list_tit,
.board_table a .table_list_desc{
  text-align: left;
  color: #5F6165;
}

.board_table a .table_list_tit{
  color: #142342;
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.board_table a .table_list_desc{
  font-size: 0.9rem;
}


.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.pagination a {
  padding: 8px 12px;
  margin: 10px 5px;
  /* border: 1px solid #ddd; */
  color: #333;
  text-decoration: none;
  border-radius: 4px;
}

.pagination a:hover {
  background-color: #B8BECB;
  color: white;
}

.pagination .prev, .pagination .next {
  font-weight: bold;
}

.pagination .num.active {
  background-color: #B8BECB;
  color: white;
  pointer-events: none;
}

#login_box{
  max-width: 500px;
  border: solid 1px #7F8186;
  border-radius: 20px;
  padding: 20px 40px;
  margin: 0 auto;
}

#login_box .id_pw_box{
  display: flex;
  flex-direction: column;
  align-items: start;
}

#login_box .id_pw_box .input_box{
  width: calc(100% - 10px);
  padding: 10px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  display: flex;
  margin: 10px 0;
}

#login_box .id_pw_box .input_box input{
  width: 100%;
  border: none;
}

#login_box .login_btn{
  background-color: #1B2E58;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  margin: 30px auto;

}

@media (max-width: 1600px) {
  .overView .weDo_list .weDo_desc br{
    display: none;
  }
}


@media (max-width: 1024px) {
  html {
    font-size: 15px;
  }

  header{
    padding: 20px 30px;
  }

  header .menu_list{
    width: 70%;
  }

  header .menu_list .dept1 a{
    font-size: 1rem;
  }
  header .menu_icon .contactUs{
    font-size: 0.8rem;
    padding: 8px 10px;
  }

  header .menu_list .dept1 .submenu{
    width: 80%;
  }

  header .submenu_back{
    top: 75%;
    /*height: 300px;*/
  }

  /*#main_slide .slide .slide_text{*/
  /*  transform: translateY(-50%) translateX(10%);*/
  /*}*/

  #main_slide .swiper-slide .slide_box .text_box .copy_right{
    font-size: 1.1rem;
    font-weight: 400;
  }

  #main_slide .swiper-slide .slide_box .text_box .tit{
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 800;
  }

  #main_slide .swiper-slide .slide_box .text_box .comment{
    font-size: 1rem;
    line-height: 2rem;
    padding-top: 2rem;
    font-weight: 400;
  }

  #main_partners .section_desc, #cooperation_organization .section_desc{
    font-size: 1.2rem;
  }


  #main_mission .text_box .section_tit{
    font-size: 1.5rem;
  }

  #main_mission .text_box .head_tit{
    font-size: 4rem;
    line-height: 5rem;
  }

  #main_mission .text_box .sub_tit{
    font-size: 1.2rem;
  }

  #often_find_service{
    padding: 36px;
  }


  #main_media .mediaSwiper .cate,
  #main_media .mediaSwiper .reg{
    font-size: 1rem;
    margin: 10px 0;
  }

  #main_media .mediaSwiper .cate{
    color: #FD5E1F;
    margin: 20px 0;
  }

  #main_media .mediaSwiper .tit{
    font-size: 1.3rem;
  }

  #main_media .mediaSwiper .swiper-wrapper{
    margin-bottom: 40px;
  }

  #main_media .mediaSwiper .swiper-wrapper .swiper-slide{
    width: calc(100vw / 4);
  }


  #membership .text_box .head_tit{
    font-size: 1.7rem;
  }

  #membership .text_box .main_tit{
    font-size: 2.4rem;
  }

  #membership .text_box .sub_tit{
    font-size: 1.2rem;
  }

  .container .main_content.visible{
    padding: 40px 0;
  }

  .container .page_info img{
    height: 600px;
  }

  #often_find_service .service_list .service{
    font-size: 1.2rem;
  }

  .directorate_list .direc_list{
    gap: 30px;
  }

  .container .main_content .main_tit.left{
    margin-left: 0;
  }

  .container .join_board .procedure .grade_list .grade{
    padding: 20px;
  }

  .container .join_board .request_input .btn_set .btn{
    padding: 10px;
  }
  .container .join_board .reg_tempSave_btns{
    margin: 80px auto;
    width: 30%;
  }

  .container .join_board .reg_tempSave_btns .temp_save_btn,
  .container .join_board .reg_tempSave_btns .reg_btn{
    padding: 15px;
    font-size: 1.4rem;
  }

  .container .join_board .benefit .benefit_list li .img_box{
    width: 80px;
    height: 80px;
  }

  .container .join_board .benefit .benefit_list li .img_box img{
    width: 80%;
  }

  .container .join_board .benefit .benefit_list{
    gap: 20px;
    margin: 0 30px;
  }

  .container .news_card{
    padding: 40px 60px;
    gap : 30px
  }
  .container .search_box{
    margin-right: 60px;
  }

  .container .news_cate{
    padding: 0 60px;
  }

  .container .corp_type{
    width: calc(100% - 100px);
    margin: 0 40px;
  }
}

/* 태블릿 */
@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
  footer .corp_info{
    flex-direction: column;
    align-items: start;
  }
  footer .corp_info .info{
    font-size: 0.8rem;
  }

  .container .page_info .menu_navi{
    padding: 25px;
  }

  .container .page_tab_box{
    display: none;
  }

  header .pc_ver{
    display: none;
  }

  .head_tit{
    margin: 0;
    margin-bottom: 20px;
  }

  .head_tit.padding{
    padding-left: 24px;
  }

  #main_slide .swiper-slide .slide_box .text_box .copy_right{
    font-size: 1rem;
    font-weight: 400;
  }

  #main_slide .swiper-slide .slide_box .text_box .tit{
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 800;
  }

  #main_slide .swiper-slide .slide_box .text_box .comment{
    font-size: 0.9rem;
    line-height: 1.8rem;
    padding-top: 1.8rem;
    font-weight: 400;
  }

  #main_slide .slider_navi{
    top: -40px;
  }

  #main_mission .text_box .section_tit{
    font-size: 1.5rem;
  }

  #main_mission .text_box .head_tit{
    font-size: 3rem;
    line-height: 4rem;
  }

  #main_mission .text_box .sub_tit{
    font-size: 1.2rem;
  }


  #business .card.active .sub_tit{
    margin-left: 20px;
    margin-right: 20px;
  }

  #membership .text_box .head_tit{
    font-size: 1.4rem;
  }

  #membership .text_box .main_tit{
    font-size: 2rem;
  }

  #membership .text_box .sub_tit{
    font-size: 1.2rem;
  }

  #membership .text_box .join_btn{
    margin: 1.4rem auto 0 auto ;
  }

  #often_find_service .service_list{
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  #often_find_service .service_list .service{
    font-size: 1.2rem;
  }

  #often_find_service .service_list .service img{
    display: none;
  }
  #main_partnars .logo {
    width: 100px;
    margin-right: 20px;
  }

  #intro_main{
    flex-direction: column;
  }
  #intro_main .association,
  #intro_main .cooperative{
    width: 100%;
  }
  .container .main_content{
    padding: 20px 0;
  }
  .container .page_info img{
    height: 400px;
  }
  .container .search_box{
    margin-right: 30px;
  }
  .container .news_cate{
    padding: 0 30px;
  }
  .container .news_card{
    padding: 40px 30px;
  }

  .container .corp_type{
    margin:  0 30px;
  }

  .container .corp_list{
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  .overView img.weDo{
    height: 400px;
  }

  .overView .weDo_num_list{
    width: 95%;
  }

  .overView .weDo_num_list li{
    width: 30%;
  }

  .overView .weDo_list .weDo_tit{
    font-size: 1.5rem;
  }
  .overView .weDo_list .weDo_desc{
    font-size: 1.1rem;
  }

  .container .join_board .procedure .grade_list{
    margin: 0 25px;
  }

  .container .join_board .procedure .grade_list .grade{
    width: 45%;
    padding: 15px;
    height: 200px;
  }

  .container .join_board .procedure .grade_list .grade .grade_name{
    font-size: 1.5rem;
  }
  .container .join_board .procedure .grade_list .grade .grade_info{
    font-size: 0.9rem;
  }

  .container .join_board .procedure .payment_info{
    margin : 0 25px;
  }

  /*.container .join_board .procedure .payment_info div{*/
  /*  margin: 10px 0;*/
  /*}*/

  /*.container .join_board .procedure .payment_info{*/
  /*  font-size: 0.9rem;*/
  /*}*/

  .container .join_board .request_input .grid{
    gap: 30px;
  }

  .container .join_board .request_input .radio_type label{
    margin-right: 20px;
  }

  .container .join_board .request_input .btn_set .btn{
    padding: 13px 8px;
    font-size: 0.7rem;
  }

  .container .join_board .reg_tempSave_btns{
    width: 30%;
    margin: 50px auto;
  }

  .container .join_board .reg_tempSave_btns .temp_save_btn,
  .container .join_board .reg_tempSave_btns .reg_btn{
    font-size: 1.2rem;
    padding: 15px;
  }

  .container .join_board .benefit .benefit_list{
    gap: 15px;
    margin: 0 25px;
  }

  .container .join_board .benefit .benefit_list li .img_box{
    width: 50px;
    height: 50px;
  }

  .container .join_board .benefit .benefit_list li .img_box img{
    width: 80%;
  }

  .container .join_board .benefit .benefit_list li .benefit_info .tit{
    font-size: 1rem;
  }

  .floating_btn2 .f_list li .tit{
    margin-top: 0;
  }

  .greeting .introduce{
    font-size: 1rem;
  }

  .association_logo .signature_list li .btns{
    width: 90%;
  }

  .association_logo .signature_list li .btns div{
    font-size: 0.8rem;
  }
  .association_logo .signature_list li .btns div img{
    width: 10px;
  }
  .directorate_list .direc_list {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 60px;
  }

  .directorate_list .direc_tit{
    font-size: 1.2rem;
  }
  .directorate_list .direc_list li .name_position .name{
    font-size: 1rem;
  }
  .directorate_list .direc_list li .name_position .position{
    font-size: 0.8rem;
  }
  .directorate_list .direc_list li .corp_name{
    font-size: 0.8rem;
  }

  .directions_info .way .info .tit{
    font-size: 1.3rem;
  }
  .directions_info .way .info .content{
    font-size: 1rem;
  }

  .board_table th, .board_table td{
    padding: 10px;
  }
}

/* 모바일 */
@media (max-width: 480px) {
  html {
    font-size: 12px;
  }

  header{
    padding: 14px 24px;
  }

  header .m_menu_list{
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
  }
  header .menu_icon{
    width: 30%;
  }

  #search_box {
    top: 80px;
  }

  footer{
    padding: 15px 25px;
  }
  footer .corp_info img{
    width: 50%;
  }

  .site_map_list .list_set{
    flex-direction: column;
  }

  .site_map_list .list_set .tit{
    margin: 2rem 0 1rem 0;
  }
  /*.floating_box .page_up_btn{*/
  /*  right: 60px;*/
  /*  width: 40px;*/
  /*  height: 40px;*/
  /*}*/
  /*.floating_box .page_up_btn img{*/
  /*  width: 13px;*/
  /*}*/
  .floating_btn .f_btn{
    width: 40px;
    height: 40px;
    background-size : 22px 22px;
  }
  .floating_btn .f_list .f_list_btn{
    width: 40px;
    height: 40px;
  }
  .f_list_btn .img{
    width: 40px;
    height: 40px;
    background-size: 15px 15px;
  }
  .floating_btn .f_list .tit{
    padding: 5px 10px;
  }


  #main_slide .swiper-slide .slide_box .text_box{
    left: 20px;
    right: 20px;
  }

  #main_slide .swiper-slide .slide_box .text_box .copy_right{
    font-size: 1.2rem;
    font-weight: 400;
  }

  #main_slide .swiper-slide .slide_box .text_box .tit{
    font-size: 3.7rem;
    line-height: 5rem;
    font-weight: 800;
  }

  #main_slide .swiper-slide .slide_box .text_box .comment{
    font-size: 1rem;
    font-weight: 400;
  }

  #main_slide .swiper-slide .slide_box .text_box .comment br.mobile{
    display: block;
  }

  #main_partners .section_desc, #cooperation_organization .section_desc{
    font-size: 1rem;
    word-break: keep-all; /* 단어가 끊기지 않도록 설정 */
    white-space: normal; /* 줄바꿈 허용 */
  }

  #main_partners .section_desc br, #cooperation_organization .section_desc br{
    display: none;
  }

  #main_partners .partners_slide{
    padding : 30px 0;
  }

  #main_partners .logo{
    width: 75px;
  }

  #main_partners .partners_slide img{
    width: 90px;
    height: 40px;
  }

  #main_mission .text_box{
    width: 90%;
  }

  #main_mission .text_box .section_tit{
    font-size: 1.5rem;
  }

  #main_mission .text_box .head_tit{
    font-size: 2.5rem;
    line-height: 3rem;
  }

  #main_mission .text_box .sub_tit{
    font-size: 1rem;
    word-break: keep-all; /* 단어가 끊기지 않도록 설정 */
    white-space: normal; /* 줄바꿈 허용 */
  }

  #main_mission .text_box .sub_tit br{
    display: none;
  }

  #business{
    height: 900px;
  }

  #business .slider-container{
    height: 900px;
  }

  #business .slider{
    flex-direction: column;
    height: 900px;
  }

  #business .card{
    /*flex: 0 0 100px;*/
    height: 100px;
  }
  #business .card .tit {
    transform: rotate(270deg);

    width: auto;
    white-space: nowrap;
    overflow: visible;
  }
  #business .card.active{
    /*flex: 0 0 350px;*/
    height: 350px;
  }
  #business .card .tit{
    font-size: 1.3rem;
  }
  #business .card.active .sub_tit{
    font-size: 1.2rem;
    margin-left: 20px;
    margin-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  #business .card.active .more{
    font-size: 0.8rem;
    margin-right: 15px;
  }

  #business .slider_navi .slider_bar_btn img,
  #business .slider_navi .more img{
    width: 12px;
    height: 12px;
  }


  #main_media .tit_btn_box .head_tit{
    font-size: 2rem;
    margin: 0;
  }

  #main_media .mediaSwiper .cate,
  #main_media .mediaSwiper .reg{
    font-size: 0.9rem;
    margin: 10px 0;
  }

  #main_media .mediaSwiper .cate{
    color: #FD5E1F;
    margin: 20px 0;
  }

  #main_media .mediaSwiper .tit{
    font-size: 1.1rem;
  }

  #main_media .mediaSwiper .swiper-wrapper{
    margin-bottom: 40px;
  }

  #main_media .mediaSwiper .swiper-wrapper .swiper-slide{
    width: calc(100vw / 3);
  }


  #membership img{
    height: 200px;
  }

  #membership .text_box .head_tit{
    font-size: 1rem;
    margin: 0;
  }

  #membership .text_box .main_tit{
    font-size: 1.5rem;
    margin: 1rem;
  }

  #membership .text_box .sub_tit{
    font-size: 1rem;
  }

  #membership .text_box .join_btn{
    margin: 1rem auto 0 auto ;
  }

  #often_find_service{
    padding: 14px 15px;
  }
  #membership .membership_card{
    flex-direction: column;
  }
  #membership .membership_card .card{
    width: 90%;
    margin: 10px auto;
  }

  #often_find_service .service_list{
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  /*#cooperation_organization .org_list img{*/
  /*  width: 100%;*/
  /*  max-width: 130px;*/
  /*  height: 30px;*/
  /*}*/

  .container .main_content{
    padding-top: 0;
    padding-bottom: 40px;
  }

  .container .main_content.visible{
    padding: 20px 0;
  }

  .container .main_content .main_tit.left{
    font-size: 1.4rem;
    margin: 20px 0 10px 10px;
  }

  .container .main_content .alarm_tit{
    margin: 1rem 10px;
  }

  .container .page_info img{
    height: 300px;
    object-fit: cover; /* 이미지 비율을 유지하면서 영역을 채우고 잘림 */
    object-position: center; /* 이미지 중앙을 보여줌 */
  }


  .overView img.weDo{
    height: 200px;
  }
  .overView .weDo_list li{
    flex-direction: column;
  }
  .overView .weDo_list .weDo_tit{
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
  }
  .overView .weDo_list .weDo_desc{
    width: 90%;
  }
  .overView .weDo_num_list{
    flex-direction: column;
  }
  .overView .weDo_num_list li{
    width: 100%;
    margin: 20px 0 ;
  }
  .association_logo .logo_regulation,
  .association_logo .logo_color{
    flex-direction: column;
  }

  .association_logo .logo_regulation img,
  .association_logo .logo_color img{
    width: 90%;
  }

  .association_logo .signature_list{
    grid-template-columns : repeat(1, 1fr);
  }

  .association_logo .signature_list li{
    width: 90%;
    margin: 10px auto;
  }

  .association_logo .signature_list li .btns div{
    font-size: 1rem;
  }

  .directorate_list .direc_list {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
  }
  .directorate_list .row .half .direc_list{
    grid-template-columns: repeat(1, 1fr);
  }
  .directions_info .way{
    padding: 20px;
  }
  .container .search_box{
    flex-direction: column;
    align-items: end;
    margin-right: 15px;
  }
  .container .search_box .input_box{
    margin-right: 5px;
  }
  .container .page_info .page_tit{
    font-size: 2rem;
  }

  .container .join_tab li{
    margin-top: 20px;
    font-size: 1rem;
  }

  .container .news_cate{
    font-size: 0.8rem;
    margin-top: 20px;
    padding: 0 10px;
  }
  .container .news_cate li{
    margin: 0 5px;
  }
  .container .news_card{
    padding: 30px 10px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .container .news_card .news .text_box .tag{
    font-size: 0.7rem;
    width: 30px;
  }

  .container .news_card .news .text_box .reg_date{
    font-size: 0.7rem;
  }

  .container .join_board .procedure .chart.pc_ver{
    display: none;
  }

  .container .join_board .procedure .chart.m_ver{
    display: block;
  }

  .container .join_board .procedure .chart.m_ver img{
    display: block;
    margin: 15px auto;
  }

  .container .join_board .procedure .grade_list{
    flex-direction: column;
    margin: 0 10px;
  }

  .container .join_board .procedure .grade_list .grade{
    width: 95%;
    height: 120px;
    margin: 10px 0;
    padding: 20px 10px;
  }
  .container .join_board .procedure .grade_list .grade img{
    width: 70px;
  }
  .container .join_board .procedure .grade_list .grade .grade_name{
    font-size: 1.4rem;
  }
  .container .join_board .procedure .grade_list .grade .grade_info{
    font-size: 0.9rem;
  }

  .container .join_board .procedure .payment_info{
    margin: 0 10px;
    flex-direction: column;
    align-items: start;
  }
  .container .join_board .procedure .payment_info div{
    margin: 5px 0;
  }

  .container .join_board .procedure .payment_info .bankbook_download{
    margin: 0 auto;
    padding: 10px;
  }

  .container .join_board .request_input{
    margin: 0 20px;
  }

  .container .join_board .request_input .grid{
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .container .join_board .request_input .radio_type.flex{
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .container .join_board .request_input .btn_set .btn{
    padding: 10px 11px;
    margin-top: 0;
  }

  .container .join_board .request_input input[type='text']{
    /*width: 100%;*/
    padding: 10px 0;
    margin-top: 0;
  }

  .container .join_board .request_input input[type='text'].etc_text {
    width: 100%;
  }

  .container .join_board .request_input #doc_upload .btn img{
    width: 8px;
  }

  .container .join_board .reg_tempSave_btns{
    font-size: 1.4rem;
    margin: 40px auto;
  }

  .container .join_board .reg_tempSave_btns .temp_save_btn,
  .container .join_board .reg_tempSave_btns .reg_btn{
    padding: 15px;
  }

  .container .join_board .benefit .benefit_list{
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin: 0 15px;
  }

  .container .join_board .benefit .benefit_list li{
    height: 150px;
    /*padding: 1/0px;*/
  }

  .container .join_board .benefit .benefit_list li .img_box{
    width: 50px;
    height: 50px;
  }

  .container .join_board .benefit .benefit_list li .img_box img{
    width: 70%;
  }

  .container .join_board .benefit .benefit_list li .benefit_info .tit{
    font-size: 1.1rem;
  }


  .board_table th, .board_table td{
    padding: 5px;
    font-size: 0.7rem;
  }

  .container .corp_type{
    width: calc(100% - 40px);
    margin:  0 10px;
  }

  .container .corp_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .container .corp_list li{
    padding: 10px 5px;
  }

  #detail_sec .btn_box .content_btn{
    width: 35%;
  }

  .ui-dialog .corp_detail_info li{
    flex-direction: column;
  }
  .ui-dialog .corp_detail_info li .th{
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .ui-dialog .corp_detail_info li .td{
    width: 100%;
    margin-left: 15px;
  }


}