:root{
  --max-width:1500px; 
  --focus-color:#0057C2;
  --font-sans: Pretendard, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}


html,body{height:100%;}
body{
  margin:0;
  font-family:var(--font-sans);
  line-height:1.5;
  color:#000;
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-weight: 300;
  font-size: 18px;
  letter-spacing:-0.03rem;
  word-break: keep-all;
}
*{padding:0; margin:0; box-sizing:border-box; font-family:var(--font-sans);}
li{list-style:none;}
a{text-decoration:none; color: #000;}
img{max-width:100%; vertical-align:top;}

.inner{max-width:var(--max-width);margin:0 auto; width: 90%;}


/* 건너뛰기 메뉴 */
.skip{position:relative;z-index:9999; width: 100%;}
.skip a{position: absolute; top: -110px; left:0;width: 100%; line-height: 30px; background-color: #000; color: #fff; text-align: center;font-size:15px;}
.skip a:focus, .skipNav a:active{top: 0; border: 2px solid red;}


/* 기본 포커스 스타일 (명확히 보이게) */
a:focus, button:focus, input:focus, select:focus, textarea:focus{
  outline:3px solid var(--focus-color);
  outline-offset:2px;
}

header, nav, main, footer{display:block}
 

/* 콘텐츠 구조 */ 
#main-content{min-height:100vh; padding-top: 100px;} 

/* 테이블 접근성: 스크린리더에 표 캡션/헤더 제공 */
table{width:100%; border-collapse:collapse;  table-layout: fixed;}  

/* 폼 에러/유효성 메시지 스타일 */ 
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 버튼 */ 
input{width: 100%; background-color:transparent;  border:0; font-size: 18px; height: 70px; line-height: 70px; padding:0 30px;}
select{width: 100%; -webkit-appearance:none;  -moz-appearance:none; appearance:none; background: url('/resources/user/images/sub/arr-down.svg') no-repeat center right 30px / 12px;   border:0; font-size: 18px; height: 70px; line-height: 70px; padding:0 30px; }
 


/****************************************************** header ******************************************************/
.site-header{  transition: transform 0.3s ease; position:fixed; width: 100%; background: #fff; text-align: center;  z-index:9;}  
.site-header.hide {  transform: translateY(-100%);  }
.site-header.show {  transform: translateY(0);}
.site-header .logo {position:absolute; left:60px; font-size: 0; } 
.site-header .logo img{  max-width:269px;}
.site-header .header-inner{position:relative; height:100px; padding:0 60px; display:flex; justify-content:center; align-items:center;}
.site-header .gnb{height:100%;  text-align: center; }
.site-header .gnb ul{height:100%; display:flex;  align-items:center;}
.site-header .gnb ul li{height:100%;display:flex;  align-items:center; justify-content:center; }
.site-header .gnb a{display:block; font-size: 20px; padding:0 30px; font-weight: 600;}
.site-header .gnb a i{    filter: brightness(0) invert(1);}
.site-header .gnb .depth2{display:flex; position:absolute;  left:0; top:100px; width: 100%; height:0; justify-content:center; background: #0057C2;  align-items:center; transition:all ease .35s; overflow:hidden;}  
.site-header .gnb .depth2 a{ color: #fff; font-weight: 400; opacity:0;  }
.site-header .gnb .depth2 a:focus{  outline:3px solid #fff;}
.site-header .gnb .depth1 > li:has(.open) > a{font-weight: 600; color: #0057C2;}
.site-header .gnb .depth2.open {  height:80px;  } 
.site-header .gnb .depth2.open a{ opacity:1;}
.site-header .gnb .depth1 > li:hover > a{font-weight: 600; color: #0057C2;}
.site-header .gnb .depth1 > li:hover .depth2 {   height:80px;  } 
.site-header .gnb .depth1 > li:hover .depth2 a{ opacity:1;} 
.site-header .btn-allmenu {position:absolute; right:60px; background:none; border:0; cursor:pointer;     width: 30px; height: 30px;display: flex;  flex-direction: column;  justify-content: center;  gap: 7px;}
.site-header .btn-allmenu span { display:block; width:30px; height:3px;  background:#000; }
.external-link{display:inline-block;    vertical-align: sub; width: 24px; height: 24px; background: url('/resources/user/images/icon-external-link.png') no-repeat center center / contain;}
.external-link.color{background-image: url('/resources/user/images/icon-external-link-color.svg');}

 
/* all menu */
.allmenu {  position:fixed; top:0; right:0; bottom:0; left:0;  background:#fff; z-index:1000; overflow-y:auto; display:none; }
.allmenu.is-open { display:block; } 
.allmenu .allmenu-hd{display:flex; justify-content:space-between; height:100px;  padding:0 60px; align-items:center; position:absolute; left:0; top:0; width: 100%; } 
.allmenu .btn-close{width: 30px; height: 30px; display: flex;  flex-direction: column;  justify-content: center; background: url('/resources/user/images/close.png') no-repeat center center /contain; border:none;  cursor:pointer; position:absolute; right:60px; top:35px;}
.allmenu .allmenu-logo{font-size: 0;}
.allmenu .allmenu-logo img{    max-width:269px;}  
.allmenu .allmenu-inner{height:100%; align-items:center;display:flex; justify-content:center; padding : 100px 0; }
.allmenu .allmenu-depth1{ display:flex; justify-content:center;  width: 100%; }
.allmenu .allmenu-depth1 > li{width: 100%; max-width:300px; text-align: center; font-size: 20px; padding:0 10px;}
.allmenu .allmenu-depth1 > li:hover .allmenu-toggle{color: #0057C2;}
.allmenu .allmenu-depth1 > li + li{  border-left:1px solid #eee;}
.allmenu .allmenu-depth1 .allmenu-toggle{background: none; border:none; font-size: 46px; font-weight: 600; margin-bottom: 60px; line-height: 1.3;}
.allmenu .allmenu-depth2{display:block;} 
.allmenu .allmenu-depth2 li + li{margin-top: 20px;}
.allmenu .allmenu-depth2 a{color: #444;}
.allmenu .allmenu-depth2 a:hover{color: #000;}
.allmenu .allmenu-ft{display:flex; gap:40px; align-items:center; justify-content:center; height:100px; width: 100%; position:absolute; bottom:0; left:0;}
.allmenu .allmenu-ft a{font-weight: 600; font-size: 20px;}
.allmenu .allmenu-ft .copy{display:inline-block; color: #666; font-size: 18px; }
  


/****************************************************** footer ******************************************************/ 
.footer-banner { width: 100%; height:180px; background: #0057C2; padding-bottom: 100px; padding:0 60px;}
.footer-banner ul{width: 100%; display:flex; }
.footer-banner ul li{width: 100%; text-align: center;}
.footer-banner ul li a{display:flex; height:80px; align-items:center; justify-content:center;} 
.footer-banner img {  max-height:35px;}
.site-footer { margin-top: -100px; border-radius:100px 100px 0 0;  background:#00142C;  color:#fff;padding:60px 0; }
.site-footer a{color: #fff;}
.site-footer .inner { display:flex; gap:40px;}
.site-footer .inner > div{position:relative; width: 50%;}
.footer-logo{margin-bottom: 40px;}
.footer-logo img { max-width:269px;filter: brightness(0) invert(1);} 
.footer-family{width: 300px;  position: relative; }
.footer-family .family-toggle {  height: 60px; padding:0 30px; width: 100%; background: transparent; border:1px solid #fff; border-radius:60px; color: #fff; text-align:left; cursor: pointer; font-size: 18px; font-weight: 500; display:flex; justify-content:space-between; align-items:center;}
.footer-family .family-toggle i{display:inline-block; width: 16px; height: 8px; background: url('/resources/user/images/family-arr.png') no-repeat center center / contain; transition:all ease .35s;}
.footer-family .family-toggle[aria-expanded="true"] i{transform:rotate(180deg);}
.family-list {  position: absolute;  bottom: 100%;  left: 0;  width: 100%; border-radius:20px;  overflow:hidden;background: #fff;  border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0,0,0,.1); list-style: none;    padding: 15px 0;  z-index: 9;  }
.family-list li a {  display: block;  padding: 10px 30px;  color: #333;  text-decoration: none;  }
.family-list li a:hover,
.family-list li a:focus {  background: #f0f0f0;} 
.footer-nav{margin-bottom: 40px;}
.footer-nav ul { display:flex; flex-wrap:wrap; }
.footer-nav ul li + li{margin-left: 20px; padding-left: 20px; position:relative;}
.footer-nav ul li + li:before{content:''; width: 1px; height: 10px; background: rgba(255,255,255,0.2); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.footer-nav a { font-weight: 600;} 
.footer-nav ul li:not(:last-child) a{ color: #a0caff; font-size: 1.1em;}
.footer-address { color:rgba(255,255,255,0.5);  font-style:normal; margin-bottom: 40px; font-weight: 400;}
.footer-address a{font-weight: 400;  color:rgba(255,255,255,0.5);}
.footer-copy {color: rgba(255,255,255,0.5); font-weight: 400;  } 
.wa-mark{position:absolute; right:0; top:0; max-width:100px;}
.back-to-top-btn {  position: fixed; right: 20px;  bottom: 20px; width: 50px; height: 50px; display: flex; align-items:center; justify-content:center;   font-size: 20px;  background:url('/resources/user/images/to-top-icon.svg') #000 no-repeat 50% 48% / 14px;  color: #fff;  border: none;  border-radius: 50%;  cursor: pointer;z-index: 2; opacity:0; transition:all ease .35s; visibility:hidden;}
.back-to-top-btn.show {opacity:1; visibility:visible;}

/* util */
.utility-bar {  background: #fff; border:1px solid #ddd; border-radius:20px; padding:28px 40px;  color: #666;  display: flex;  justify-content: space-between;  align-items: center;  flex-wrap: wrap; gap:20px; margin-bottom: 150px;}
.utility-bar .util-item .icon{display: inline-block; width: 25px; height: 25px;background-repeat:no-repeat; background-size:contain; background-position:center center;}
.utility-bar .icon-util-team{background-image:url('/resources/user/images/sub/util-icon01.svg');}
.utility-bar .icon-util-tel{background-image:url('/resources/user/images/sub/util-icon02.svg');}
.utility-bar .icon-util-adm{background-image:url('/resources/user/images/sub/util-icon03.svg');}
.utility-bar .icon-util-date{background-image:url('/resources/user/images/sub/util-icon04.svg');}
.utility-bar .util-left { display: flex; flex-wrap:wrap;  gap: 16px 40px;}
.utility-bar .util-item {display:flex; align-items:center; gap:20px;}
.utility-bar .util-item dt{display:flex; align-items:center; gap:5px; font-weight: 600;}
.utility-bar .util-item dd {  display: flex;align-items: center; } 
.utility-bar .util-right{  display: flex;align-items: center; gap:10px; } 
.utility-bar .util-right button {  background: none; border: none;  cursor: pointer; width: 50px; height: 50px; background-color: #eee; background-repeat:no-repeat; background-size:18px; background-position:center center; border-radius:50%;}
.utility-bar .util-right .btn-print{background-image:url('/resources/user/images/sub/btn-print.svg');}
.utility-bar .util-right .btn-copy{background-image:url('/resources/user/images/sub/btn-copy.svg');} 
   





/****************************************************** common ******************************************************/
/* search */
.search-box {position:relative;  width: 100%; max-width:600px; display: flex;  margin:0 auto 30px; background: #F5F5F5; border-radius:60px;}
.search-box .search-field{position:relative; padding-right: 70px; width:calc(100% - 200px);}
.search-box .search-field:before{content:''; width: 1px; height: 12px; background: #ccc; position:absolute; left:0; top:50%; margin-top: -6px;}
.search-box .search-select {width: 100%; max-width:200px;}
.search-box button { width: 30px; height: 70px; display:flex; align-items:center; justify-content:center; border:0; background: url('/resources/user/images/sub/icon-search.png') no-repeat center center; position:absolute; right:30px; top:0;} 
   
/* table */
.table-wrap {  overflow-x: auto;}
.table-wrap table {  width: 100%; border-top:2px solid #000 }
.table-wrap table th, .table-wrap table td {border:0; border-bottom: 1px solid #ddd;  padding: 30px 10px;  text-align: center;}
.table-wrap table th{font-weight: 600;}
.table-wrap table td{color: #333; font-weight: 400;} 

/* pagination */
.pagination {  text-align: center;  margin-top: 60px;}
.pagination ul {  display: inline-flex; gap:0 5px;}
.pagination a {  display: flex;align-items:center; justify-content:center;  width: 30px; height: 30px; color: #666; font-size: 16px; font-weight: 500; background-size:contain; background-repeat:no-repeat; background-position:center center;}
.pagination a.active, .pagination a:hover { color: #000;}
.pagination a.first{background-image:url('/resources/user/images/sub/arr-first.svg');}
.pagination a.prev{background-image:url('/resources/user/images/sub/arr-prev.svg');}
.pagination a.next{background-image:url('/resources/user/images/sub/arr-next.svg');}
.pagination a.last{background-image:url('/resources/user/images/sub/arr-last.svg');}


/* swiper common */
.swiper-pagination-progressbar {  position: relative; height: 2px;  background: rgba(255,255,255,0.3);   overflow: hidden;}
.swiper-pagination-progressbar-fill {  background: #fff !important;  height: 100%;   transition:all ease .35s;}
.swiper-button-next, .swiper-button-prev{background: transparent; border:1px dashed rgba(255,255,255,0.3); border-radius:50%; } 
.swiper-autoplay {  width: 36px;  height: 36px;  border-radius: 50%;  background: transparent;  border: none;  position: relative; cursor: pointer;  transition: background 0.3s; z-index:1;}
.swiper-autoplay::before,
.swiper-autoplay::after {  content: "";  position: absolute;  top: 50%;  transform: translateY(-50%);  height: 14px;  width: 3px;  background: #fff; } 
.swiper-autoplay::before { left: 12px; }
.swiper-autoplay::after { right: 12px; } 
.swiper-autoplay.paused::before {  left: 13px;  width: 0;  height: 0;  border-top: 7px solid transparent;  border-bottom: 7px solid transparent;  border-left: 10px solid #fff;  background: none;}
.swiper-autoplay.paused::after { content: none; } 

/* section header */
.section-header { margin-bottom: 50px;  line-height: 1.3;}
.section-subtitle { position:relative; padding-left: 24px;color: #0057C2;    font-family: "Titillium Web", sans-serif; font-weight: 700;  }
.section-subtitle:before{content:''; width:14px; height: 14px; border-radius:50%; background: #0057C2;  position:absolute; top: 5px; left:0;}
.section-header h2 { font-size: 54px;  font-weight: 600;  margin-top: 20px; word-break:break-all;}
.subtitle-txt{  font-size: 20px; } 

 

/****************************************************** sub ******************************************************/ 

/* breadcrumb */
.breadcrumb { display: flex;  align-items: center;  gap: 8px;}
.breadcrumb > ol {  display: flex;  }
.breadcrumb > ol > li {  position: relative;}
.breadcrumb a,
.breadcrumb button { background: none;  border: none;  opacity:.6; color: #fff;  text-decoration: none;  font-size: 18px;  cursor: pointer;}
.breadcrumb button{min-width: 150px;  text-align:left; opacity:1; gap:10px;} 
.breadcrumb > ol > li + li::before {  content: "";  display: inline-block;  width: 8px;  height: 16px;  margin: 0 15px;background: url("/resources/user/images/sub/breadcrumb-arrow.svg") no-repeat center center / contain;    aria-hidden: true; vertical-align:middle; margin-top: -3px;}
.submenu {  position: absolute;  top: 100%;  left: 38px;  margin-top: 6px;  padding: 15px 15px;  background: #0057C2;  border-radius:10px;   min-width: 160px;  z-index: 10;  text-align: center; color: #fff;}
.submenu li a {  display: block;  padding: 5px 0; opacity:1;}
.submenu li a:hover,
.submenu li a:focus { opacity:1;}
.submenu li a i{  width: 21px; filter: brightness(0) invert(1);}
.has-submenu > button{display:inline-flex; justify-content:space-between;     align-items: center;}
.has-submenu > button::after{ 	content:''; display:block; width: 16px; height: 8px; background: url('/resources/user/images/sub/breadcrumb-down.svg') no-repeat center center / contain; transition:all ease .35s;} 
.has-submenu > button[aria-expanded="true"]::after {  transform: rotate(180deg);}


/* common layout */
.sub-section{padding:100px 0 150px;}
.sub-visual{ background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius:20px; margin:0 30px;color: #fff; height:260px; display:flex; align-items:center; padding:0 20px;}
.sub-visual .page-title{font-size: 60px; font-weight: 700; margin-top: 20px; } 
#main-content:has(.ci) .sub-visual,
#main-content:has(.location) .sub-visual,
#main-content:has(.value) .sub-visual,
#main-content:has(.history) .sub-visual,
#main-content:has(.greeting) .sub-visual{background-image:url('/resources/user/images/sub/sub-visual01.jpg');}
#main-content:has(.orgchart) .sub-visual{background-image:url('/resources/user/images/sub/sub-visual02.jpg');}
#main-content:has(.news) .sub-visual{background-image:url('/resources/user/images/sub/sub-visual03.jpg');}  
#main-content:has(.safety) .sub-visual,
#main-content:has(.opendata) .sub-visual,
#main-content:has(.infopolicy) .sub-visual{background-image:url('/resources/user/images/sub/sub-visual04.jpg');}  
#main-content:has(.privacy) .sub-visual{background-image:url('/resources/user/images/sub/sub-visual05.jpg');} 
#main-content:has(.introduce) .sub-visual,
#main-content:has(.operate) .sub-visual,
#main-content:has(.support) .sub-visual{background-image:url('/resources/user/images/sub/sub-visual06.jpg');} 


  
/* icon box cont */
.icon-box-list{display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px;}
.icon-box-list > li{ border-radius:20px; background: #F2F6FC; border:1px solid #F2F6FC; padding:60px 40px; text-align: center; transition:all ease .35s; } 
.icon-box-list:has(> li:first-child:nth-last-child(4)) {  gap: 20px;}
.icon-box-list > li:first-child:nth-last-child(3),                     
.icon-box-list > li:first-child:nth-last-child(3)~li{width: calc(33.33% - 20px); padding:60px; }  
.icon-box-list > li:first-child:nth-last-child(6),                     
.icon-box-list > li:first-child:nth-last-child(6)~li{width: calc(33.33% - 20px); padding:50px; } 
.icon-box-list > li:first-child:nth-last-child(4),                     
.icon-box-list > li:first-child:nth-last-child(4)~li{width: calc(25% - 15px); }
.icon-box-list > li h3{font-size: 24px; margin-top: 30px; font-weight: 600;}
.icon-box-list > li p{color: #444; margin-top: 20px; }
.icon-box-list > li.on,
.icon-box-list:not(.rotate) > li:hover{background: #fff;  color: #0057C2; border-color: #0057C2; box-shadow:0 0 20px rgb(0 87 194 / 20%);}
.icon-box-list .dot-list{text-align:left;} 
 
/* flex cont */
.flex-cont{display:flex;  } 
.flex-cont .section-header{width: 50%; padding-right: 20px;}
.flex-cont .section-header + .subtitle-txt{margin-top: 50px;}
.flex-cont:has(.btn-wr) .section-header{margin-bottom: 0;}
.flex-cont .subtitle-txt{width: 50%; }
.flex-cont .info-cont {width: 50%; margin-top: 50px;}

/* img cont */
.img-cont{width: 100%; height: 360px; border-radius:20px; overflow:hidden; margin-top: 60px;}
.img-cont > img{width: 100%; height: 100%; object-fit:cover;}

/* service cont */ 
.service-cont{gap:30px; margin-top: 60px;}
.service-cont > div{width: 100%; }
.service-cont .line-box{display:flex;   }
.service-cont .line-box h3{width: 110px; font-size: 22px; color: #222;}
.service-cont .line-box .dot-list:first-child{margin-top: 0;}
.service-cont .line-box .ctt-list{margin-top: 0; width: calc(100% - 110px); padding-left: 20%; }
.service-cont .line-box ul + h4{margin-top: 30px;}


/* business cont */ 
.business-cont > li{gap:7%;  }
.business-cont > li + li{margin-top: 60px;}
.business-cont > li:nth-child(2n){flex-direction: row-reverse;}
.business-cont .img{width: 50%; border-radius:20px; max-width:700px; overflow:hidden;}
.business-cont .img img{width: 100%; height: 100%; object-fit:cover;}
.business-cont .txt{width: 50%; display:flex; flex-direction:column; justify-content:center;}
.business-cont .txt h3{font-size: 36px;}
.business-cont .txt h3 strong{color: #0057C2; font-weight: 700;}
.business-cont .txt p{margin-top: 20px; font-size: 20px; line-height: 1.6;}


/* overview cont */ 
.overview-cont {  gap:30px;}
.overview-cont .img{width: 50%; border-radius:20px; overflow:hidden;}
.overview-cont .img img{width: 100%; height: 100%; object-fit:cover;}
.overview-cont .num-list{width: 50%; border:1px solid #ddd; border-radius:20px; padding:60px;  counter-reset: number 0;}
.overview-cont .num-list > li{position:relative;  padding-left: 45px; color: #444;}
.overview-cont .num-list > li strong{font-size: 20px; color: #333; display:block; font-weight: 600; margin-bottom: 10px;}
.overview-cont .num-list > li + li{margin-top: 30px; padding-top: 30px; border-top:1px dashed #ddd; }
.overview-cont .num-list > li + li:before{ top:30px;}
.overview-cont .num-list > li:before{counter-increment: number 1; content: counter(number); position:absolute; left:0; top:0; font-size: 16px; color: #fff; width: 30px; height: 30px; border-radius:8px; background: #0057C2;  font-weight: 600; line-height: 1;display:flex; align-items:center; justify-content:center; font-family: "Titillium Web", sans-serif;}
.overview-cont .num-list > li:nth-child(2n):before{background: #00142C; }  

/* line box cont */
.line-box{border:1px solid #ddd; border-radius:20px; padding:40px 50px; margin-top: 40px;  color: #444;}
.line-box h4{font-size: 20px; color: #222; }
.line-box > p{margin-top: 10px; }

/* contact list */
.ctt-list{margin-top: 30px;}
.ctt-list h4 + ul{margin-top: 10px;}
.ctt-list ul li{display:flex;}
.ctt-list ul li + li{margin-top: 10px;}
.ctt-list ul li strong{width: 100px; min-width:100px; font-weight: 600;}

/* dot list cont */
.dot-list {margin-top: 20px;}
.dot-list li + li{margin-top: 10px; }
.dot-list li{position:relative; color: #444; padding-left: 14px; padding-left: 14px;}
.dot-list li:before{content:''; width: 4px; height: 4px; background: #333; position:absolute; left:0; top:11px;}


/* download list */
.btn-wr {display:flex; gap:10px; margin-left: auto; margin-top: auto;}
.btn-wr > a{border:2px solid #0057C2; color: #0057C2; background: #fff; border-radius:50px; height: 60px;  padding:0 30px; font-weight: 500; display:flex; align-items:center; justify-content:center; transition:all ease .35s;}
.btn-wr > a i{transition:all ease .35s;}
.btn-wr > a:hover{ background: #0057C2; color: #fff;} 
.btn-wr > a:hover i{ filter: brightness(0) invert(1);}
 

 
/* greeting */
.greeting {position:relative; overflow:hidden;}   
.greeting:after{content:''; width: 686px;  height: 200px; background:url('/resources/user/images/news-symbol.png') no-repeat center center / contain;  position:absolute; left:0; top:360px; z-index:-1;}
.greeting-cont{display:flex; justify-content:flex-end; gap:7%;}
.greeting-cont .txt{max-width:630px; margin-top: 60px;     }
.greeting-cont .txt p{ color: #333; font-size: 20px; margin-top: 30px;}
.greeting-cont .txt h3{font-size: 24px; font-weight: 500;}
.greeting-cont .txt b{font-weight: 500; color: #222;}
.greeting-cont .txt strong{font-size: 26px; font-weight: 600; color: #000;  margin-left: 15px;}
.greeting-cont .img{max-width:460px;}



/* orgchart */
.orgchart{background: url('/resources/user/images/sub/org-bg.png') no-repeat center top / contain;}
.orgchart .org-cont{margin-top: 160px;} 

 
/* 공통 게시판 */  
.icon-download{width: 30px; height: 30px; display:inline-block; background: url('/resources/user/images/sub/icon-download.svg') no-repeat center center / contain;}

/* 게시판 리스트 */  
.board-list .table-wrap .subject a{display:block; text-align:left; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #333;} 
.board-list .table-wrap .date{white-space:nowrap;}  
.board-list .table-wrap .subject .mo-date{display:none;}
.status span{display:inline-block; line-height: 1; font-weight: 500;font-size: 16px; padding:10px 14px; border-radius:30px; background: #666; color: #fff;}
.status span.ing{background: #0057C2;}
.search-wrapper{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom: 30px; }
.search-wrapper .search-box{margin:0;}
.search-wrapper .search-info{ color: #333;  }
.search-wrapper .search-info strong{color: #0057C2; font-weight: 700;}
.search-wrapper .search-info .current-page{position:relative; margin-left: 10px; padding-left: 10px;}
.search-wrapper .search-info .current-page:before{content:''; width:1px; height:10px; background: #ddd; position:absolute; left:0; top:50%; margin-top: -5px;}  

/* 게시판 뷰 */   
.board-view .status{margin-bottom: 20px;}
.board-title {font-size: 40px; font-weight: 600;} 
.board-date { color: #666; margin-top: 20px;} 
.board-content { border-top:2px solid #000; margin-top: 50px;}
.board-content .content-body{max-width:1180px;width: 90%; margin:60px auto; color: #333;}
.board-attachments{border-bottom:1px solid #ddd; padding:30px; display:flex; gap:30px; align-items:flex-start;}
.board-attachments .attachments-header{display:flex; align-items:center; gap:10px;}
.board-attachments ul li a{color: #666;}
.board-attachments ul li a:hover{text-decoration:underline;}
.board-navigation{background: #F5F5F5; border-radius:20px; padding:30px; margin-top: 100px;}
.board-navigation ul {  display: flex;  justify-content: space-between; } 
.board-navigation .prev-post,
.board-navigation .next-post{display:flex; gap:7%; align-items:center;     width: calc(50% - 50px);}
.board-navigation .prev-post a,
.board-navigation .next-post a{display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; width:calc(100% - 136px); color: #666;}
.board-navigation .prev-post a.disabled,
.board-navigation .next-post a.disabled { pointer-events: none; }
.board-navigation .next-post{ flex-direction: row-reverse; text-align:right;}
.board-navigation .prev-post span,
.board-navigation .next-post span{color: #222; display:flex; align-items:center;}
.board-navigation .prev-post span:before{content:''; display:inline-block; width: 30px; height: 30px; background: url('/resources/user/images/sub/arr-prev.svg') no-repeat center center;}
.board-navigation .next-post span:after{content:''; display:inline-block; width: 30px; height: 30px; background: url('/resources/user/images/sub/arr-next.svg') no-repeat center center;}
.board-navigation .btn-list a{width: 60px; height: 60px; background: #fff; border-radius:50%; border:1px dashed #666; display:flex; flex-direction:column; gap:7px; justify-content:center; align-items:center;}
.board-navigation .btn-list span{display:block; width: 20px; height: 3px; background: #000;}
  
 
/* history */    
.history-cont { display: flex;   margin: 0 auto; padding: 50px 0; }
.history-cont .section-header{width: 50%; position: sticky;  top: 30%;   align-self: start}
.history-cont .section-header .year-side {display:flex; align-items: center; font-size: 150px;  font-weight: 700; color: #eee;  }
.history-cont .section-header .year-side span{font-family: "Titillium Web", sans-serif;}
.history-cont .section-header .year-side .rolling { display: flex; color: #111; letter-spacing: -0.2rem;}
.history-cont .section-header .digit-wrapper {   position: relative;  height: 1em;   overflow: hidden;  }
.history-cont .section-header .digit-wrapper .digits {   display: block;   transition: transform 0.5s ease-in-out;   line-height: 1em; font-family: "Titillium Web", sans-serif;}
.history-cont .history-list {width: 50%; max-width:600px;   }
.history-cont .history-list .img{border-radius:20px; overflow:hidden; margin-top: 60px;}
.history-cont .history-list .img img{width: 100%;}
.history-cont .history-list .year-section { padding: 60px 0;   }
.history-cont .history-list li{position:relative; color: #333; font-size: 20px; padding-left: 60px;  }
.history-cont .history-list li + li{margin-top: 60px;}
.history-cont .history-list li p + p{margin-top: 15px;}
.history-cont .history-list li strong{font-weight: 700; color: #111; position:absolute; left:0; top:0; }



/* value */
.value section + section{padding-top: 0;}
.value .icon-box-list{padding-bottom: 60px;}
.value .icon-box-list li:nth-child(2n){margin:60px 0 -60px; } 
.mission-vision-list{margin-top: 60px;}
.mission-vision-list .section-header{ display:flex;  gap:30px; align-items:center; margin-bottom: 0;}
.mission-vision-list li{position:relative; overflow:hidden; border-radius:20px;  color: #fff; padding:130px 100px; display:flex; justify-content:space-between; align-items:center;}
.mission-vision-list li + li{margin-top: 30px;} 
.mission-vision-list h3 { font-size: 54px;  font-weight: 600;   }
.mission-vision-list .subtitle-txt{ text-align:right; font-weight: 400;}
.mission-vision-list li:after{content:''; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all ease .6s; position:absolute; left:0; top:0; width: 100%; height: 100%; z-index:-1;}
.mission-vision-list li:nth-child(1):after{background-image: url('/resources/user/images/sub/mission-bg.jpg');}
.mission-vision-list li:nth-child(2):after{background-image: url('/resources/user/images/sub/vision-bg.jpg');}   
.mission-vision-list li:hover:after{transform:scale(1.1);}


/* infopolicy */
.infopolicy section + section{padding-top: 0;} 
.info-cont > p{color: #333; font-weight: 400; font-size: 20px;}
.info-cont .note{color: #0057C2; margin-top: 10px; font-size: 18px;}



/* opendata */
.opendata section + section{padding-top: 0;}  
.opendata .table-wrap table th:nth-child(2){background: #0057C2; color: #fff; border-radius:20px 20px 0 0;}
.opendata .table-wrap table td:nth-child(2){background: #F2F6FC;}
.opendata .table-wrap table tr:last-child td:nth-child(2){border-radius: 0 0 20px 20px;}
.opendata .table-wrap table .dot-list{text-align:left; padding:0 20px; margin:0;} 
.opendata .icon-box-list > li{position:relative;}
.opendata .icon-box-list > li + li:before{content:''; width: 50px; height: 50px;  border-radius:50%;  position:absolute; top:50%; margin-top: -25px; left:-37.5px; background: url(/resources/user/images/sub/breadcrumb-arrow.svg) #0057C2 no-repeat center center / 8px;}
 

/* ci */
.ci section:nth-child(2n){background: #F2F6FC; border-radius:100px 100px 0 0; padding-top: 150px;} 
.ci .logo-box{margin-top: 40px; flex-wrap:wrap; display:flex; gap:30px;}
.ci .logo-box.length{flex-wrap:nowrap;}
.ci .logo-box > li{border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.ci .logo-box:has(> li:first-child:nth-last-child(4)),
.ci .logo-box:has(> li:first-child:nth-last-child(5)), 
.ci .logo-box:has(> li:first-child:nth-last-child(8)) {  gap: 20px;}
.ci .logo-box > li:first-child:nth-last-child(3),                     
.ci .logo-box > li:first-child:nth-last-child(3)~li,
.ci .logo-box > li:first-child:nth-last-child(6),                     
.ci .logo-box > li:first-child:nth-last-child(6)~li{width: calc(33.33% - 20px); } 
.ci .logo-box > li:first-child:nth-last-child(4),                     
.ci .logo-box > li:first-child:nth-last-child(4)~li,
.ci .logo-box > li:first-child:nth-last-child(8),                     
.ci .logo-box > li:first-child:nth-last-child(8)~li{width: calc(25% - 15px); }
.ci .logo-box > li:first-child:nth-last-child(5),                     
.ci .logo-box > li:first-child:nth-last-child(5)~li{width: calc(20% - 16px); }
.ci .logo-box > li img{width: 100%;  }
.ci .logo-box > li p{background: #fff; height: 60px; line-height: 60px; text-align: center; border-top:1px solid #ddd; font-weight: 500;}


/* location */
.location section:nth-child(2n){    background-image: linear-gradient(0deg, transparent, #F2F6FC); border-radius:100px 100px 0 0; padding-top: 150px;}
.location .ctt-list{margin-top: 50px;}
.location-map{border-radius:20px; overflow:hidden;}


/* privacy */
.privacy h3{font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.privacy p{line-height: 1.8;}
.privacy-intro{margin-top: -20px;}
.privacy nav{margin-top: 100px; padding-top: 100px; border-top:1px solid #000; }
.privacy-toc { display:flex; gap:15px; flex-wrap:wrap;}
.privacy-toc li{width:calc(33.33% - 10px);}
.privacy-toc li a{display:block; padding:20px 40px; border-radius:10px; border:1px solid #ddd; font-weight: 500; color: #333; transition:all ease .35s;}
.privacy-toc li a:hover{border-color:#000;}
.privacy-articles article { padding-top: 100px;}
.privacy-articles p{color: #333;  }
.privacy-articles p.note{color: #666;}
.privacy-articles p + p{margin-top: 20px;}
.privacy-articles table td{color: #666; font-weight: 300;}
.privacy-articles .table-wrap{margin: 20px 0;}




/* safety */
.safety .img-cont{ z-index:1; position:relative;}
.safety .icon-box-list{background: #F2F6FC; padding:100px 80px 80px; margin-top: -20px;  flex-wrap:wrap; justify-content:flex-start; gap:10px; border-radius: 0 0 20px 20px;}
.safety .icon-box-list > li{background: #fff; width:calc(33.33% - 6.66px) !important; text-align:left;}
.safety .icon-box-list > li p{margin-top: 10px;}
.safety .icon-box-list > .symbol{ width:calc(33.33% - 6.66px); display:flex; justify-content:center; align-items:center; background: none; padding:20px;}


/* support */
.support section + section{padding-top: 0;}
.support .btn-wr {width: 100%; margin-top: 24px;}
.support .btn-wr > a{width: 100%; justify-content:space-between;}
.support .icon-box-list .dot-list{ margin-top: 24px; padding-top: 24px;  border-top:1px dashed #ddd;}
.support .icon-box-list > li{display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.support .icon-box-list > li .tit{width: 100%;}
.support .icon-box-list > li h3{display:block; font-size: 20px; margin-top: 24px; }


/* operate */ 
.operate{overflow:hidden;}
.operate section:nth-child(2n){background: #F2F6FC; border-radius:100px 100px 0 0; padding-top: 150px;}  
.operate .icon-box-list > li{position:relative; background: #fff; text-align:left; min-height:329px;}
.operate .icon-box-list > li .dot-list{margin-bottom: 80px; }
.operate .icon-box-list > li img{position:absolute; bottom:40px; right:40px;}
.operate .icon-box-list > li h3{margin-top: 0;}
.operate .service-diagram{display:flex; justify-content:flex-end; align-items:center; gap:10%;}
.operate .service-diagram .support-circle{ position:relative;  aspect-ratio: 1; width: 60%; max-width:720px; display:flex; align-items:center; justify-content:center;}
.operate .service-diagram .support-circle h3{font-size: 30px; color: #fff;  aspect-ratio: 1;width: 50%;    box-shadow:0 0 20px rgb(0 0 0 / 20%); background: url('/resources/user/images/sub/support-circle.png') no-repeat center center / cover; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align: center; position:relative; z-index:1;}
.operate .service-diagram .support-circle:before{content:''; width: 100%;  aspect-ratio: 1; background-image: linear-gradient(-90deg, #0057C2, transparent); opacity:.1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;}
.operate .service-diagram .support-circle:after{content:''; width: 75%;  aspect-ratio: 1; background-image: linear-gradient(-90deg, #0057C2, transparent); opacity:.1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;}
.operate .service-diagram .diagram-list {width: 30%;  }
.operate .service-diagram .diagram-list > li{position:relative; display:flex; gap:40px; align-items:center;}
.operate .service-diagram .diagram-list > li:nth-child(2){margin-left: 60px;}
.operate .service-diagram .diagram-list > li:before{content:''; width: 200px; height: 1px; background: url('/resources/user/images/sub/diagram-line.png') no-repeat center center / 100% 100%; position:absolute; right:100%;}
.operate .service-diagram .diagram-list > li:after{content:''; width: 10px; height: 10px; background: #0057C2; border-radius:50%; border:3px solid #fff; position:absolute; left:-6.5px; top:50%; margin-top: -6.5px;}
.operate .service-diagram .diagram-list > li + li{margin-top: 60px;}
.operate .service-diagram .diagram-list > li .icon{width: 40%; max-width:150px;     aspect-ratio: 1; border-radius:50%; box-shadow:0 0 20px rgb(0 87 194 / 20%); display:flex; align-items:center; justify-content:center;}
.operate .service-diagram .diagram-list > li .txt{width: 50%;}
.operate .service-diagram .diagram-list > li h4{font-size: 20px; font-weight: 600;}
.operate .service-diagram .diagram-list > li .dot-list{margin-top: 10px;}
.operate .service-diagram .diagram-list > li .dot-list li{line-height: 1.3}



/* introduce */ 
.introduce .system-diagram{ position:relative; margin:0 auto;  aspect-ratio: 1; width: 70%; max-width:720px; display:flex; align-items:center; justify-content:center; } 
.introduce .system-diagram:before{content:''; width: 100%; aspect-ratio: 1;  background-image: linear-gradient(0deg, #0057C2, transparent); opacity:.1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;}
.introduce .system-diagram:after{content:''; width: 80%;  aspect-ratio: 1; background-image: linear-gradient(0deg, #0057C2, transparent); opacity:.1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%;}
.introduce .system-diagram .support-circle{  color: #fff;  aspect-ratio: 1;width: 60%;    box-shadow:0 0 20px rgb(0 0 0 / 20%); background: url('/resources/user/images/sub/introduce-circle.png') no-repeat center center / cover; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align: center; position:relative; z-index:1;}
.introduce .system-diagram .support-circle .circle-count{display:flex; align-items:flex-end; font-size: 20px; gap:10px; font-weight: 500;}
.introduce .system-diagram .support-circle .circle-count .rolling-number {  display: flex;  justify-content: center;  text-align: center;  font-size: 80px;  font-weight: 700;  overflow: hidden; height: 1em;}
.introduce .system-diagram .digit {  display: inline-block;  position: relative;   height: 1em;  line-height: 1;overflow: hidden;}
.introduce .system-diagram .digit span {  display: block;  transition: transform 1s ease-out;}
.introduce .system-diagram .digit span *{ font-family: "Titillium Web", sans-serif;}
.introduce .system-diagram .support-circle h3{margin-bottom: 20px;font-size: 22px; font-weight: 500;}
.introduce .diagram-list{display:flex; gap:20px; align-items:flex-start; margin-bottom: 150px; margin-top: -50px;}
.introduce .diagram-list > li{width: 100%; text-align: center; border-radius:20px; background: #fff; box-shadow:0 0 20px rgb(0 87 194 / 20%); padding:40px 10px; min-height:300px;}
.introduce .diagram-list > li:nth-child(1),
.introduce .diagram-list > li:nth-child(5){  margin-top: -150px;}
.introduce .diagram-list > li:nth-child(3){  margin-top: -50px;}
.introduce .diagram-list h4{font-size: 20px; font-weight: 600; margin:24px 0 10px;}
.introduce .icon-box-list > li h3{margin-bottom: 30px; padding-bottom: 30px; border-bottom:1px dashed #ddd;}
.introduce .icon-box-list > li p{text-align:left; color: #333; font-size: 20px; font-weight: 500;}
.introduce .icon-box-list > li p.note{margin-top: 10px; font-size: .9em; color: #444; font-weight: 300;}

 
/****************************************************** print ******************************************************/
@media print {    
  @page { 
    margin: 0;
  }
  html, body {
    width: 1600px;  
  }  
  html  { 
    zoom: 0.75; 
  }  
  .utility-bar,
  .footer-banner,
  .site-footer,
  .sub-visual,
  .site-header{display:none}
  [data-aos^=fade][data-aos^=fade]{    opacity: 1 !important;     transform: translateZ(0) ;}
}
 
@media print and (color){
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
} 



/****************************************************** responsive ******************************************************/
@media screen and (max-width:1540px){ 
	/* header */ 
	.site-header .header-inner{justify-content: flex-end;  padding-right: 120px;}
	.site-header .gnb a{padding:0 24px;}
	.allmenu .allmenu-depth1 .allmenu-toggle{font-size: 30px; margin-bottom: 30px;}
	.allmenu .allmenu-depth1 > li{font-size: 18px;} 

	/* sub */ 
	.sub-visual{margin:0 5%;}
	.sub-visual .page-title{font-size: 40px;}

	.operate .service-diagram{gap:5%;}
	.operate .service-diagram .support-circle{width: 45%;}
	.operate .service-diagram .diagram-list{width: 50%;} 
}
@media screen and (max-width:1024px){ 
	/* header */ 
	.site-header .gnb{display:none;}
	.site-header .header-inner{padding:0 5%;}
  
	/* footer */ 
	.footer-banner{padding:0 ;}
	.wa-mark{top:auto; max-width:80px;bottom:0; }
	
	
	/* common */  
	.section-header h2{font-size: 40px; word-break: break-all;}
	.btn-wr > a{height: 50px; padding:0 20px; font-size: 16px;}

	/* layout */ 
	.icon-box-list{flex-wrap:wrap; gap:20px;}
	.icon-box-list > li:first-child:nth-last-child(3), .icon-box-list > li:first-child:nth-last-child(3)~li, .icon-box-list > li:first-child:nth-last-child(6), .icon-box-list > li:first-child:nth-last-child(6)~li,
	.icon-box-list > li{padding:30px; min-height:auto;}
	.icon-box-list > li:first-child:nth-last-child(4), .icon-box-list > li:first-child:nth-last-child(4)~li{width: calc(50% - 10px);}
	.flex-cont .section-header + .subtitle-txt{margin-top: 0; font-size: 18px;}
	.flex-cont .section-header + .subtitle-txt br{display:none;}



	/* history */ 
	.history-cont{flex-direction:column; padding:20px 0;}
	.history-cont .section-header{top:0; z-index:1; padding:10px 0; width: 100%; background: #fff; display:flex; gap:20px; margin-bottom: 0;}
	.history-cont .section-header .section-subtitle{margin-top: 20px;}
	.history-cont .section-header .year-side{font-size: 80px;}
	.history-cont .section-header .year-side .rolling{letter-spacing:0;}
	.history-cont .history-list{width: 100%; max-width:100%;} 
	.history-cont .history-list .year-section{padding:30px 0;}

	/* safety */ 
	.safety .icon-box-list{padding:40px 20px 20px;}
	.safety .icon-box-list > .symbol{min-height:200px; }

	/* introduce */ 
	.introduce .diagram-list{flex-wrap:wrap; justify-content:center;}
	.introduce .diagram-list > li{width:calc(33.33% - 15px); max-width:250px; margin-top: 0 !important;}
	.introduce .icon-box-list > li h3{padding-bottom: 15px; margin-bottom: 15px;}


	.service-cont .line-box{flex-direction:column; gap:20px;}
	.service-cont .line-box h3{width: 100%;}
	.service-cont .line-box .ctt-list{width: 100%; padding-left: 0;}
	.operate .service-diagram .support-circle h3{font-size: 20px;}
}

 

@media screen and (max-width:768px){ 
	/* common */ 
	body{font-size: 15px;} 
	select{font-size: 14px; height: 50px; line-height: 50px; padding:0 20px;}
	input{font-size: 14px; height: 50px; line-height: 50px; padding:0 20px;} 
	

	/* header */ 
	.allmenu .allmenu-hd{height:80px; padding:0 5%;}
	.allmenu .btn-close{right:5%; top:25px;}
	.allmenu .allmenu-logo img{max-width:200px;}
	.allmenu .allmenu-inner{align-items:flex-start; padding:100px 5% 0; height: auto; min-height: calc(100% - 80px);}
	.allmenu .allmenu-depth1{flex-direction:column;} 
	.allmenu .allmenu-depth1 > li{max-width:100%; font-size: 18px; text-align:left;}
	.allmenu .allmenu-depth1 > li + li{  border-left:0;}
	.allmenu .allmenu-depth1 .allmenu-toggle{display:block; width: 100%;  text-align:left;} 
	.allmenu .allmenu-depth1 > li a{display:block; width: 100%;}
	.allmenu .allmenu-depth1 .allmenu-toggle{font-size: 22px; margin-bottom: 20px; display: flex;   justify-content: space-between;  align-items: center;} 
	.allmenu .allmenu-depth1 .allmenu-toggle::after{ 	content:''; display:block; width: 16px; height: 8px; background: url('/resources/user/images/sub/breadcrumb-down.svg') no-repeat center center / contain; transition:all ease .35s; filter: invert(1); transition:all ease .35s;} 
	.allmenu .allmenu-depth1 .allmenu-toggle[aria-expanded="true"]::after{transform:rotate(180deg);} 
	.allmenu .allmenu-depth2 { display:none; padding-left: 20px;}
	.allmenu .allmenu-depth2.is-open {display:block; padding-bottom: 30px;}  
	.allmenu .allmenu-depth2 li + li{margin-top: 10px;}
	.allmenu .allmenu-ft{position:relative; padding:0 5%;  gap:10px; justify-content:flex-start; height:80px;  bottom:0;}
	.allmenu .allmenu-ft a{font-size: 14px;}
	.allmenu .allmenu-ft .copy{font-size: 12px;} 

 
	/* footer */ 
	.site-footer{margin-top: -40px; border-radius:40px 40px 0 0; padding-bottom: 30px;}
	.footer-banner{height:90px;}
	.footer-banner ul li a{height:50px;}
	.footer-banner img{max-height:20px;} 
	.site-footer .inner{flex-direction:column; gap:20px;} 
	.site-footer .inner > div{width: 100%;}
	.footer-logo{margin-bottom: 20px;}
	.footer-logo img{max-width:200px;}
	.footer-family .family-toggle{font-size: 16px; height: 50px; padding:0 24px;}
	.footer-nav{margin-bottom: 20px;}
	.footer-nav ul{flex-direction:column; gap:7px;}
	.footer-nav ul li + li{padding-left: 0; margin-left: 0;}
	.footer-address{margin-bottom: 20px;} 


	/* sub */ 
	.sub-visual{margin:0 10px; height: 160px;}
	.sub-visual .page-title{font-size: 28px; margin-top: 10px;}
	.breadcrumb a, .breadcrumb button{font-size: 15px;}
	.breadcrumb button{min-width: 80px;}
	.submenu{min-width:150px; padding:10px; left:0;}
	.sub-section{ padding: 40px 0  50px;}
	.section-subtitle{padding-left: 18px;}
	.section-subtitle:before{  width: 10px; height: 10px;}
	.breadcrumb > ol > li + li::before,
	.breadcrumb > ol > li:not(:last-child){display:none;}


 
	/* layout */ 
	#main-content{padding-top: 80px;}
	.swiper-button-next, .swiper-button-prev{width: 40px; height: 40px;} 
	.section-header h2{font-size: 30px; margin-top: 10px; }
	.section-header{margin-bottom: 24px;} 
	.site-header .header-inner{height:80px;}
	.site-header .logo{left:5%;}
	.site-header .btn-allmenu{right:5%;}
	.site-header .logo img{max-width:200px;}  
	.subtitle-txt{font-size: 18px;} 
	.utility-bar{padding:20px; margin-bottom: 60px; gap:16px;}
	.utility-bar .util-item{gap:10px;}
	.utility-bar .util-left{gap:10px 16px;}
	.utility-bar .util-right button{width: 40px; height: 40px;}
	.utility-bar .util-item .icon{width: 20px; height: 20px;}
	.flex-cont{flex-direction:column;}
	.flex-cont .section-header{width: 100%; padding-right: 0;}
	.flex-cont .subtitle-txt{width: 100%;}
	.flex-cont .section-header + .subtitle-txt{font-size: 17px; margin-top: -10px;} 
	.flex-cont .info-cont{width: 100%; margin-top: 0;}
	.info-cont > p{font-size: 16px;}
	.info-cont .note{font-size: 15px; margin-top: 5px;}
	.line-box{margin-top: 16px; padding:30px 24px;}
	.line-box h4{font-size: 18px;}
	.dot-list{margin-top: 10px;}
	.dot-list li:before{top:8px;}
	.dot-list li + li{margin-top: 5px;}
	.icon-box-list:has(> li:first-child:nth-last-child(4)),
	.icon-box-list{  gap:16px;} 
	.safety .icon-box-list > li,
	.icon-box-list > li{width: 100% !important; }
	.icon-box-list > li img{width: 60px;  }
	.icon-box-list > li h3{margin-top: 16px; font-size: 20px;}
	.icon-box-list > li p{margin-top: 10px;} 
	.img-cont{margin-top: 30px; height: 160px;} 
	.btn-wr{margin-left:0; margin-top:30px; gap:5px;}
	.btn-wr > a{font-size: 15px;} 
	.table-wrap table th{display:none;}
	.table-wrap table td{word-break: break-all; padding:18px 3px; font-size: 14px;}
	.pagination{margin-top: 30px;}
	.pagination a{width: 20px; height: 20px; font-size: 14px;} 
	.board-title {font-size: 30px;}
	.status span{font-size: 14px; white-space:nowrap;}
	.board-date{margin-top: 10px;}
	.board-view .status{margin-bottom: 10px;}
	.board-content{margin-top: 20px;}

 
  
	/* board */
	.board-list .status{width: 13% !important;}
	.board-list .file{width: 8% !important;}
	.board-list .table-wrap .num,
	.board-list .table-wrap .status + .date,
	.board-list .table-wrap .date{display:none;} 
	.board-list .table-wrap .status span{padding:10px 12px;font-size: 14px;}
	.board-list .table-wrap .subject{text-align:left;}
	.board-list .table-wrap .subject a{font-size: 17px;}
	.board-list .table-wrap .subject .mo-date{display:block; margin-top: 5px;}
	.board-attachments{padding:20px 0;}
	.board-attachments .attachments-header{gap:5PX;}
	.icon-download{width: 30px; height: 30px;}
	.board-content .content-body{margin:30px auto;}
	.board-title {font-size: 24px;}
	.board-navigation{padding:10px 5px; border-radius:5px; font-size: 13px;}
	.board-navigation .btn-list a{width: 40px; height: 40px; gap:5px;} 
	.board-navigation .btn-list span{width: 15px; height: 2px;}

	/* greeting */
	.greeting-cont{flex-direction:column;}
	.greeting-cont .img{max-width:300px; margin:0 auto;}
	.greeting:after{width: 80%;}
	.greeting-cont .txt{margin-top: 30px;}
	.greeting-cont .txt h3{font-size: 22px;}
	.greeting-cont .txt h3 br:not(:first-child){display:none; }
	.greeting-cont .txt p{font-size: 17px; margin-top: 15px;}
	.greeting-cont .txt strong{font-size: 22px;}

	/* value */
	.mission-vision-list{margin-top: 30px;}
	.mission-vision-list li{padding:40px 30px; flex-direction:column; gap:20px; background: #000; align-items:flex-start;}
	.mission-vision-list li + li{margin-top: 15px;}
	.mission-vision-list .section-header{ flex-direction:column; gap:10px; z-index:1;}
	.mission-vision-list .subtitle-txt{z-index:1; text-align:left;}
	.mission-vision-list h3{font-size: 30px;}
	.mission-vision-list li:after{opacity:.6; z-index:0;}
	.value .icon-box-list li:nth-child(2n){margin:0;}
	.value .icon-box-list{padding-bottom: 0;}


	/* history */ 
	.history-cont{ padding:  0;}
	.history-cont .section-header .year-side{font-size: 50px;}
	.history-cont .history-list .year-section{padding:15px 0;}
	.history-cont .history-list li{font-size: 17px; padding-left: 40px;}
	.history-cont .history-list li p + p{margin-top: 7px;}
	.history-cont .history-list li + li{margin-top: 30px;}
	.history-cont .history-list .img{margin-top: 20px;}
	.history-cont .section-header .section-subtitle{margin-top: 12px;}

	/* location */ 
	.location .ctt-list{margin-top: 0; margin-bottom: 30px;}
	.ctt-list ul li strong{width: 80px; min-width:80px;}
	.location section:nth-child(2n){border-radius:50px 50px 0 0; padding-top: 60px;}

	/* orgchart */ 
	.orgchart .org-cont{margin-top: 40px;}
	.search-box .search-select{max-width: 120px;}

	/* search */ 
	.search-box .search-field{padding-right: 0;     width: calc(100% - 60px);}
	.search-box button{height:50px; right:16px;}

	
	/* ci */ 
	.ci .logo-box{margin-top: 20px; gap:12px !important;}
	.ci .logo-box > li{ width: 100% !important;}
	.ci section:nth-child(2n){border-radius:50px 50px 0 0; padding-top: 60px;}
	.ci .logo-box.length{flex-wrap:wrap;}
	.ci .logo-box.length > li{width:calc(50% - 6px) !important;}

	/* ci */ 
	.board-navigation{margin-top: 50px;}

	/* opendata */ 
	.opendata .icon-box-list > li + li:before{left:50%; bottom:0;  top:0; margin-top: -35px;   margin-left:-25px;         transform: rotate(90deg); z-index:1;}
	.opendata .table-wrap table .dot-list{padding:0 5px;}
	.opendata .table-wrap table th:first-child{width: 80px; }

	/* privacy */ 
	.privacy nav{margin-top: 30px; padding-top: 30px;}
	.privacy-toc {gap:5px;}
	.privacy-toc li{ width: 100%;}
	.privacy-toc li a{padding:10px; font-size: 14px;}
	.privacy-articles article{padding-top: 30px; }
	.privacy h3{font-size: 20px; margin-bottom: 10px;}
	.privacy-articles p + p{margin-top: 10px;}
	.privacy-intro{margin-top: -10px;}

	
	/* safety */  
	.safety .icon-box-list > .symbol{width: 100%; }
	.safety .icon-box-list > .symbol img{max-width:50%; }

	
	/* introduce */ 
	.introduce .system-diagram{width: 100%;}
	.introduce .system-diagram .support-circle h3{font-size: 15px; margin-bottom: 10px;} 
	.introduce .system-diagram .support-circle .circle-count{font-size: 16px; gap:5px;}
	.introduce .system-diagram .support-circle .circle-count .rolling-number{font-size: 40px;} 
	.introduce .diagram-list{flex-direction:column; gap:16px; margin-bottom: 60px;}
	.introduce .diagram-list > li{width: 100%; max-width:100%; padding:30px 10px; min-height:auto;}
	.introduce .diagram-list h4{font-size: 18px; margin:15px 0 5px;}
	.introduce .icon-box-list > li p{font-size: 16px;}
 
	
	/* operate */ 
	.operate section:nth-child(2n){border-radius:50px 50px 0 0; padding-top: 60px;}
	.operate .service-diagram{flex-direction:column;}
	.business-cont > li{gap:30px;}
	.business-cont .img{width: 100%;}
	.business-cont .txt{width: 100%; }
	.business-cont .txt h3{font-size: 24px;}
	.business-cont > li:nth-child(2n){flex-direction:column; margin-top: 40px;}
	.business-cont .txt p{font-size: 16px; margin-top: 10px;}
	.operate .icon-box-list > li img{right:30px; bottom:30px; width: 50px;}
	.operate .icon-box-list > li .dot-list{margin-bottom: 60px;}
	.operate .service-diagram .support-circle{width: 100%;}
	.operate .service-diagram .support-circle h3{font-size: 20px;}
	.operate .service-diagram .diagram-list{width: 100%;}
	.operate .service-diagram .diagram-list > li:nth-child(2){margin-left: 0;}
	.operate .service-diagram .diagram-list > li:before,
	.operate .service-diagram .diagram-list > li:after{display:none;} 
	.operate .service-diagram .diagram-list > li{gap:30px;}
	.operate .service-diagram .diagram-list > li .icon{width: 110px; padding:30px;}
	.operate .service-diagram .diagram-list > li .txt{width:calc(100% - 140px);}
	.operate .service-diagram .diagram-list > li + li{margin-top: 30px;}
	.operate .service-diagram .diagram-list > li h4{font-size: 18px;}

	
	.service-cont {gap:0; margin-top: 30px;}
	.service-cont .line-box{gap:10px;}
	.service-cont .line-box ul + h4{margin-top: 15px;}
	.service-cont .line-box h3{font-size: 20px;}

	.overview-cont{gap:20px;}
	.overview-cont .img{width: 100%;}
	.overview-cont .num-list{width: 100%; padding:30px 20px;} 
	.overview-cont .num-list > li strong{font-size: 18px; margin-bottom: 5px;}
	.overview-cont .num-list > li:before{width: 26px; height: 26px; font-size: 15px;}
	.overview-cont .num-list > li + li{padding-top: 20px; margin-top: 20px;}
	.overview-cont .num-list > li + li:before{top:20px;}
	.overview-cont .num-list > li{padding-left: 40px;} 

}