/* common */
.tline {text-decoration: underline;}

/* 발간등록 신청 절차 안내 */
.publ_process {padding: 40px; background: #F3F3F3;}
.publ_process dl {position: relative; display: flex; gap: 40px; background: #fff; padding: 30px; border: 1px solid rgba(7,45,127,0.1);}
.publ_process dl ~ dl {margin-top: 60px;}
.publ_process dl ~ dl::before {content: ''; position: absolute; top: -40px; left: calc(50% - 15px); width: 31px; height: 20px; background: url(/images/org/web/archives/sub/img_2025_040101.png) no-repeat center;}
.publ_process dt {width: 145px; padding-top: 5px;}
.publ_process dt strong {display: block; font-size: 20px; color: #072D7F; font-weight: 800; margin-bottom: 17px;}
.publ_process dt span {display: block; font-size: 18px; color: #454545; font-weight: 600; line-height: 1.4;}
.publ_process dd {flex: 1;}
.publ_process dd li {position: relative; padding-left: 18px; font-size: 19px; color: #454545; line-height: 25px; letter-spacing: -1px;}
.publ_process dd li::before {content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #072D7F; border-radius: 50%;}
.publ_process dd li ~ li {margin-top: 11px;}
.publ_process dd li span {margin-right: 5px; color: #072D7F; font-weight: 600;}

/* 조직도_20260120 추가 */
.orga_wrap {padding: 38px; background: #F3F3F3; border: 1px solid #D9D9D9; text-align: center;}
.orga_h1 {position: relative; display: inline-block; padding: 15px 32px; margin-bottom: 32px; text-align: center; background: #fff; z-index: 1;}
.orga_h1::after {content: ''; position: absolute; left: 50%; bottom: -32px; width: 1px; height: 32px; background: #9F9F9F; z-index: -1;}
.orga_h1 img {max-width: 100%;}
.orga_list {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 79%; margin: 0 auto;}
.orga_list::before {content: ''; position: absolute; top: 0; left: calc(167px / 2); right: calc(167px / 2); width: auto; height: 1px;background: #9F9F9F;}
.orga_list li {position: relative; width: 167px; padding-top: 22px;}
.orga_list li::before {content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 22px; background: #9F9F9F;}
.orga_h2 {position: relative; width: 100%; line-height: 48px; font-size: 20px; color: #fff; font-weight: 500; border-radius: 8px;}
.orga_list li:nth-child(1) .orga_h2 {background: #202D41;}
.orga_list li:nth-child(2) .orga_h2 {background: #8F7332;}
.orga_h2::before {content: ''; position: absolute; left: 50%; top: -8px; transform: translateX(-50%); width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 6px solid transparent;}
.orga_list li:nth-child(1) .orga_h2::before {border-color: #202D41;}
.orga_list li:nth-child(2) .orga_h2::before {border-color: #8F7332;}
.tbl_type01 th.th_bl {border-bottom: 1px solid #000;}

/* 인사말_20260126 추가 */
.grt_name {text-align: right; margin-bottom: 12px;}
.grt_name img {max-width: 80%;}
.grt_img {position: relative; height: 253px; border-radius: 15px; overflow: hidden; margin-bottom: 30px;} /* 20260126 수정 */
.grt_img img {width: 100%; height: 100%; object-fit: cover;}
.grt_wrap {display: flex; justify-content: space-between;} /* 20260129 추가 */
.grt_tit {width: 225px; font-size: 18px; color: #333; line-height: 1.2;} /* 20260129 수정 */
/* .grt_tit::before {content: ''; position: absolute; left: 0; bottom: -1px; width: 145px; height: 3px; background-color: #1E376E;} 20260129 주석처리 */
.grt_tit strong {position: relative; display: inline-block; font-size: 30px; color: #1E376E; font-weight: 700; padding-bottom: 12px; margin-bottom: 12px;} /* 20260129 수정 */
.grt_tit strong::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #1E376E;} /* 20260129 추가 */
.grt_txt {flex: 1; font-size: 18px; color: #454545; margin-bottom: 30px;} /* 20260129 수정 */
.grt_txt p {line-height: 1.6;}
.grt_txt p ~ p {margin-top: 20px;}
.grt_txt p span {display: block;}
.grt_sign {display: flex; gap: 8px; font-size: 18px; color: #454545; font-weight: 500; margin-top: 25px;} /* 20260129 수정 */
.grt_sign strong {display: flex; align-items: center; color: #1E376E; }
.grt_sign strong::before,
.grt_sign strong::after {content:''; width: 11px; height: 11px; border-radius: 50%; background: #2F5DC3;}
.grt_sign strong::before {order: 2; opacity: 0.4; margin-left: 8px;}
.grt_sign strong::after {order: 3; opacity: 0.8; margin-left: -5px;}
.grt_sign strong span {order: 1;}

/* 연혁_20260126 추가  */
.his_img{position: absolute; bottom: 0; left: 5px; max-width: 80%;}
.history_wrap {width:100%; position:relative; display: flex;}
.history_wrap:before {display:block;content:"";position:absolute;left:12.6rem;top:0;width:1px;height:100%;border-left: 1px dashed transparent;transition:all .3s ease}
.history_wrap .his_tit {width:12.6rem; font-size: 25px; color: #1E376E; font-weight: 800; line-height: 1.2; padding-top: 5px; letter-spacing: -1px;} /* 20260129 수정 */
.history_wrap .his_tit span {display:block; font-weight:400; font-size: 18px; color: #333; margin-top: 12px;}

.history_wrap .history-list-wr {position:relative; flex:1;}
.history_wrap .history-railLoad {display:block;position:absolute;top:15px;left:0;width:2px;height:100%;border-left: 2px dashed #b4bdd3;}
.history_wrap .history-railLoad .railLoad {display:block;position:absolute;width:100%;background:#1E376E;left:-2px;top:0;transition:all .3s ease}
.history_wrap .history-railLoad .railLoad:before {display:block;content:'';position:absolute;left:-8px;bottom:-17px;width:10px;height:10px; border: 4px solid #D0DFF8; border-radius:50%;background:#1E376E;transition:all .3s ease}

.history_wrap .history-list {position:relative;padding:0 0 60px 166px;min-height:10px}
.history_wrap .history-list:last-child {padding-bottom: 0;}
.history_wrap .history-list:after {display:none;content:"";width:60px;height:3px;background:#044288;position:absolute;top:0;left:-29px}
.history_wrap .history-list .year {font-size:32px;font-weight:800;position:absolute;top:0;left:50px;line-height:46px;
                                   background-image: linear-gradient(120deg, #2A5296, #4E6CAF); /* 그라데이션 방향 및 색상 */
                                   -webkit-background-clip: text; /* 텍스트 범위로 배경 제한 */
                                   background-clip: text; /* 표준 속성 */
                                   color: transparent; /* 글자색 투명하게 설정 */}
.history_wrap .history-list ol {position:relative;padding:0}
.history_wrap .history-list li {display: flex; align-items: center; height: 46px; border-radius: 23px; background: #F3F3F3; padding: 0 20px; font-size: 16px; color:#232323}
.history_wrap .history-list li ~ li {margin-top: 15px;}
.history_wrap .history-list li .date {position: relative; display: flex; align-items: center; font-size:18px; font-weight:700; color:#4E6CAF;}
.history_wrap .history-list li .date::before,
.history_wrap .history-list li .date::after {content:''; width: 9px; height: 9px; border-radius: 50%; background: #2F5DC3;}
.history_wrap .history-list li .date::before {order: 2; opacity: 0.4; margin-left: 8px;}
.history_wrap .history-list li .date::after {order: 3; opacity: 0.8; margin-left: -4px; margin-right: 8px;}
.history_wrap .no-data {text-align:center}

/* 비전과 정책_20260128 전체수정 */
.vision_img {position: relative; width: 100%; height: 240px; overflow: hidden; border-radius: 20px;}
.vision_img img {width: 100%; height: 100%; object-fit: cover;}
.mission_wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.mission_tit {display: inline-flex; align-items: center; justify-content: center; width: 194px; height: 97px; border-radius: 0 0 97px 97px; background: #2C61D4; box-shadow: inset 0 0 12px rgba(0,0,0,0.4); color: #fff; font-size: 19px; font-weight: 700; margin-top: -27px; padding-top: 15px; box-sizing: border-box;}
.mission_slogan {color: #fff; font-size: 28px; margin-top: 22px; padding: 0 20px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));}
.mission_slogan * {display: block; line-height: 1.3;}
.mission_slogan strong {font-size: 34px; margin-top: 5px;}
.vision_cont {padding: 20px 15px;}
.vision_cont .tit01 {padding-top: 0; display: flex; align-items: center; color: #1D1D1D; margin-bottom: 15px;}
.vision_cont .tit01::before,
.vision_cont .tit01::after {content:''; position: relative; left: auto; top: auto; width: 8px; height: 8px; border-radius: 50%; background: #2C61D4;}
.vision_cont .tit01::before {order: 1; opacity: 0.4;}
.vision_cont .tit01::after {order: 2; opacity: 1; margin-left: -3px; margin-right: 6px;}
.vision_cont .tit01 span {order: 3;}
.vision_slogan {display: block; color: #fff; font-size: 25px; font-weight: 700; line-height: 1.3; text-align: center; padding: 23px 20px; text-align: center; border-radius: 40px; background: linear-gradient(110deg, #1F94AE, #1F50AE, #395BD0, #775ADD);}
.vision_slogan span {filter: drop-shadow(0 2px 1px rgba(0,0,0,0.28));}
.core_value_wrap {display: flex; justify-content: center; flex-wrap: wrap; gap: 46px;}
.core_value_item {position: relative; width: 147px; height: 147px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 0 25px; box-sizing: border-box; z-index: 1;}
.core_value_item::before {content:''; position: absolute; top: -9px; left: -9px; right: -9px; bottom: -9px; width: auto; height: auto; border-radius: 50%; z-index: -1; opacity: 0.3;}
.core_value_wrap li:nth-child(1) .core_value_item,
.core_value_wrap li:nth-child(1) .core_value_item::before {background: linear-gradient(to bottom, #1FAEAE, #1F83AE);}
.core_value_wrap li:nth-child(2) .core_value_item,
.core_value_wrap li:nth-child(2) .core_value_item::before {background: linear-gradient(to bottom, #1F83AE, #1F48AE);}
.core_value_wrap li:nth-child(3) .core_value_item,
.core_value_wrap li:nth-child(3) .core_value_item::before {background: linear-gradient(to bottom, #2356BE, #5662E9);}
.core_value_wrap li:nth-child(4) .core_value_item,
.core_value_wrap li:nth-child(4) .core_value_item::before {background: linear-gradient(to bottom, #8166E0, #5C39D5);}
.core_value_item span {display: block; width: 100%; font-size: 24px; font-weight: 600; padding-bottom: 12px; margin-bottom: 9px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.core_value_item em {font-size: 14px; line-height: 1.3; letter-spacing: -1px;}
.strategy_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.strategy_wrap li {width: 24%;}
.strategy_wrap .strategy_item {display: flex; align-items: center; justify-content: center; height: 100%; padding: 15px; line-height: 145%; border-radius: 18px; font-size: 18px; text-align: center; color: #fff; box-sizing: border-box;} /* 20260129 수정 */
.strategy_wrap li:nth-child(1) .strategy_item {background: #1E759A;}
.strategy_wrap li:nth-child(2) .strategy_item {background: #114989;}
.strategy_wrap li:nth-child(3) .strategy_item {background: #4359B9;}
.strategy_wrap li:nth-child(4) .strategy_item {background: #7865B9;}
.task_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.task_wrap > li {width: 24%;}
.task_wrap .task_list {height: 100%; padding: 18px 20px; border-radius: 18px; border: 3px solid transparent; box-sizing: border-box;}
.task_wrap > li:nth-child(1) .task_list {border-color: #BBDAE7;}
.task_wrap > li:nth-child(2) .task_list {border-color: #BBCAE7;}  
.task_wrap > li:nth-child(3) .task_list {border-color: #CACFF6;}
.task_wrap > li:nth-child(4) .task_list {border-color: #D0C6F3;}
.task_wrap .task_list li {display: flex; font-size: 14px; color: #343434; line-height: 1.4; letter-spacing: -1px;}
.task_wrap .task_list li::before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin-right: 6px; margin-top: 7px;} 
.task_wrap > li:nth-child(1) .task_list li::before {background: #006996 ;}
.task_wrap > li:nth-child(2) .task_list li::before {background: #3288E9;}  
.task_wrap > li:nth-child(3) .task_list li::before {background: #4359B9;}
.task_wrap > li:nth-child(4) .task_list li::before {background: #5736C5;}
.task_wrap .task_list li ~ li {margin-top: 15px;}
.task_wrap .task_list li span {flex: 1;}

@media (max-width: 1280px) {
   /* 연혁_20260126 추가  */
  .history_wrap:before {left:25%;}
  .history_wrap .his_tit {width:25%;}    
}

@media (max-width: 1024px) {
  /* 발간등록 신청 절차 안내 */
  .publ_process {padding: 30px;}
  .publ_process dl {gap: 25px; padding: 20px;}
  .publ_process dt {width: 145px; padding-top: 5px;}
  .publ_process dt strong {font-size: 19px;}
  .publ_process dt span {font-size: 17px;}
  .publ_process dd li {font-size: 18px; line-height: 23px;}
  
  /* 연혁_20260126 추가  */
  .history_wrap .his_tit {padding-right: 20px;} /* 20260129 수정 */
  .history_wrap .history-list {padding-left: 140px;}
  .history_wrap .history-list .year {left: 40px;}
}

@media (max-width: 850px) {
  /* 연혁_20260126 추가  */
  /* history_wrap .his_tit {font-size: 22px;} 20260129 주석처리 */
  .history_wrap .his_tit span {font-size: 16px;}
  .history_wrap .history-list-wr {padding:0}
  .history_wrap .history-list {padding-left:30px}
  .history_wrap .history-list .year {position:relative;top:auto;left:auto;padding-bottom:10px}
  
  /* 비전과 정책_20260128 전체수정 */
  .core_value_wrap {gap: 35px;}
  .core_value_item {width: 135px; height: 135px; padding: 0 20px;}
    .strategy_wrap .strategy_item br {display: none;} /* 20260129 추가 */
}

@media (max-width: 768px) {
  /* 발간등록 신청 절차 안내 */
  .publ_process dl {flex-direction: column; gap: 15px;}
  .publ_process dl ~ dl {margin-top: 40px;}
  .publ_process dl ~ dl::before {top: -30px;}
  .publ_process dt {display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px; width: 100%; padding-top: 0;}
  .publ_process dt strong {margin-bottom: 0;}
  .publ_process dd {flex: none; width: 100%;}
  .publ_process dd li {font-size: 17px;}
  .publ_process dd li ~ li {margin-top: 7px;}
  
  /* 연혁_20260129 추가  */
  .grt_wrap {flex-direction: column; justify-content: space-between;}
  .grt_tit {width: 100%; margin-bottom: 30px;}
  .grt_tit strong {font-size: 25px; padding-bottom: 10px; margin-bottom: 0; margin-right: 5px;}
  .grt_txt {font-size: 17px;} /* 20260129 수정 */
  .grt_txt p {line-height: 1.5;}
  .grt_txt p ~ p {margin-top: 15px;}
  
  /* 조직도_20260120 추가 */
  .orga_list {width: 100%;}
  
  /* 비전과 정책_20260128 전체수정 */
  .mission_tit {font-size: 18px;}
  .mission_slogan {font-size: 26px;}
  .mission_slogan strong {font-size: 32px;}
  .vision_cont {padding: 20px 0;}
  .vision_slogan {padding: 15px 20px; font-size: 23px;}
  .core_value_item span {font-size: 22px;}  
  .strategy_wrap .strategy_item {font-size: 16px;} /* 20260129 추가 */
  /* .strategy_wrap .strategy_item br {display: none;} 20260129 주석처리 */
  .task_wrap {gap: 10px 0;}
  .task_wrap > li {width: 49.25%;}
  .task_wrap .task_list {padding: 10px 20px;}
  .task_wrap .task_list li ~ li {margin-top: 8px;}
}

@media (max-width:680px){
  /* 연혁_20260126 추가  */
  .history_wrap {flex-direction: column;}
  .history_wrap .his_tit {width: 100%;}
	.history_wrap .history-list-wr {width:100%; margin-top:20px}
	.history_wrap .history-railLoad {left:5px}
  .history_wrap .history-list {padding-bottom: 20px;}
  .history_wrap .history-list .year {font-size: 28px; padding-bottom: 5px;}
  .history_wrap .history-list li {align-items: start; height: auto; padding: 12px 15px;}
  .history_wrap .history-list li ~ li {margin-top: 10px;}
  .history_wrap .history-list li .date {font-size: 17px;}
  
  /* 비전과 정책_20260128 전체수정 */
  .vision_wrap {bottom: 20px; flex-direction: column;}
  .vision_slogan {font-size: 24px; line-height: 1.3;}
  .vision_slogan strong {font-size: 28px;}
  .indicator_wrap {border-radius: 0 0 30px 30px; padding: 30px 20px 50px;}
  .indicator_wrap img {width: 90%; max-width: 512px;}
  .indicator_slogan {flex-direction: column; align-items: center; gap: 10px; margin: 24px auto 30px;}
  .indicator_slogan::before,
  .indicator_slogan::after {margin-top: 0; width: 27px; height: 19px;}
  .indicator_slogan::before {margin-right: 0;}
  .indicator_slogan::after {margin-left: 0;}
  .indicator_slogan p {gap: 8px; height: auto; font-size: 24px;}
  .indicator_slogan strong {font-size: 28px;}

  /* 비전과 정책_20260128 전체수정 */
  .core_value_wrap {gap: 35px 0;}
  .core_value_wrap li {width: 50%;}
  .core_value_item {margin: 0 auto;}
  .strategy_wrap {gap: 10px 0;}
  .strategy_wrap li {width: 49.25%;}
}

@media (max-width:580px){
  /* 발간등록 신청 절차 안내 */
  .publ_process {padding: 15px;}
  .publ_process dl {padding: 15px 20px; gap: 10px;}
  .publ_process dl ~ dl {margin-top: 30px;}
  .publ_process dl ~ dl::before {top: -25px;}
  .publ_process dt strong {font-size: 18px;}
  .publ_process dd {flex: none; width: 100%;}
  .publ_process dd li {font-size: 16px;}
  .publ_process dd li ~ li {margin-top: 3px;}
}

@media (max-width: 480px) {
  /* 조직도_20260120 추가 */
  .orga_wrap {padding: 25px;}
  .orga_h1 {padding: 15px 20px; margin-bottom: 0;}
  .orga_h1::after {display: none;}
  .orga_h1 img {max-width: 100%;}
  .orga_list::before {display: none;}
  .orga_list li {width: 100%; padding-top: 30px;}
  .orga_list li::before {height: 30px;}
  .orga_h2 {line-height: 45px; font-size: 18px;}   
  
  /* 인사말_20260126 추가 */
  .grt_img {height: 200px;}
  .grt_txt p br {display: none;}
  
  /* 비전과 정책_20260128 전체수정 */
  .mission_slogan {font-size: 22px;}
  .mission_slogan strong {font-size: 28px;}
  .vision_slogan {padding: 15px 18px; font-size: 20px;}
  .core_value_wrap {gap: 25px 0;}
  .core_value_item::before {top: -7px; left: -7px; right: -7px; bottom: -7px;}
  .core_value_item span {font-size: 20px;} 
  .strategy_wrap li {width: 100%;}
  .strategy_wrap .strategy_item {padding: 12px 15px;}
  .task_wrap {gap: 10px 0;}
  .task_wrap > li {width: 100%;}
  .task_wrap .task_list {padding: 10px 20px;}
  .task_wrap .task_list li ~ li {margin-top: 8px;}
}

@media (max-width: 340px) {
   /* 조직도_20260120 추가 */
  .orga_list li {padding-top: 25px;}
  .orga_list li::before {height: 25px;}
}