@charset "UTF-8";



body {
  font-family: 'paperlogy';
}

/*  서브 공통 레이아웃  */

table {
  table-layout: fixed;
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

caption {
  padding: .5rem 1rem;
  color: #999;
  text-align: center;
}

th, td {
  text-align: center;
}

table thead tr th {
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
  background-color: #f3f3f3;
  padding: 5px;
}

.table-default {
  border-top: 2px solid #213d98;
  border-bottom: 1px solid #afafaf;
  border-left: none;
  border-right: none;
  table-layout: auto;
}

.table-default th,
.table-default td {
  padding: 17px 20px;
  vertical-align: middle;
}

.table-default thead th {
  border: 1px solid #afafaf;   
}

.table-default thead td {
  border-top: 1px solid #dbdbdb;   
  border-right: 1px solid #dbdbdb;   
}

.table-default tbody td {
  border: 1px solid #dbdbdb;   
}

.table-default thead th {
  border: 1px solid #afafaf; 
  font-size: 1.1rem;
  font-weight: 600;
  color: #111;
  background-color: #d4e1ff;
  border-bottom: 0;
}

.table-default tbody th {
  background-color: #eaefff;
  border: 1px solid #dbdbdb;   
  color: #111;
  font-weight: 600;
  min-width: 130px;
}

.table-default tbody td.bg_color {
  background-color: #eaefff;
}

.table-default tbody tr:first-child th,
.table-default tbody tr:first-child td {
  border-top: 1px solid #afafaf;
}

.table-default tr > *:first-child {
  border-left: 0;
  border-bottom: 0;
}

.table-default tr > *:last-child {
  border-right: 0;
}

.table-default thead tr:first-child th {
  border-top: 0;
}

.table-default tbody tr:last-child > * {
  border-bottom: 0;
}

.table-default tbody tr:last-child td,
.table-default tbody tr:last-child th {
  border-bottom: 0;
}

.table-default ul {
  text-align: left;
  margin-bottom: 0;
}


/* 1) 래퍼에서만 가로 스크롤 */
.overflow-auto{
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 2) 기본은 keep-all 유지 */
.table-default th,
.table-default td{
  word-break: keep-all;
  overflow-wrap: normal;   /* ← anywhere 쓰면 1024에서 세로글자 현상 나기 쉬움 */
  line-height: 130%;
  min-width: 130px;
}

/* 3) 태블릿/모바일에서는 fixed 해제 + 테이블을 '필요한 만큼' 넓게 */
@media (max-width: 1024px){
  .overflow-auto > table.table-default{
    width: max-content;    /* 내용만큼 테이블 폭 확보 */
    min-width: 100%;       /* 그래도 화면보다 작아지진 않게 */
  }
}

/* 4) URL/영문/숫자 덩어리(끊김이 필요한 것)만 예외적으로 줄바꿈 허용 */
.table-default a,
.table-default .break-word{
  overflow-wrap: anywhere;
  word-break: break-word;
}

.content_wrap .table-default ul li,
.content_wrap .invest_wrap ul li {
  padding-left: 15px;
}

.content_wrap .table-default ul li:before,
.content_wrap .invest_wrap ul li:before {
  left: 0;
}

.hidden-txt {
  overflow: hidden;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  text-indent: -9999px;
  padding: 0;
}
.h3 {
  position: relative;
  font-size: 1.9rem;
  color: #505050;
  margin: 0;
  margin-top: 0px;
  padding-top: 20px;
}
.h3:before {
  content: ' ';
  position: absolute;
  width: 122px;
  height: 6px;
  background-image: url('/assets/img/text-line.png');
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
.h3 span {
  color: #3965bd;
  font-weight: bold;
}
.h4,
.h5,
.h6 {
  margin: 0;
}
.p {
  font-size: 0.9rem;
  color: #505050;
  margin: 0;
  line-height: 1.5;
}

.list_txt li ul {
  list-style: none;
  padding-left: 20px;
}

.list_txt li ul li {
  position: relative;
  padding-left: 20px;
}

.list_txt li ul li:before {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 2px;
  top: 13px;
  left: 0;
  background-color: #333;
}

.content_line {
  margin-bottom: 60px !important;
}

.point_box {
  text-align: center;
  padding: 15px 30px;
  background-color: #f2f5f9;
  border-radius: 10px;
}

.point_box h6 {
  font-size: 1rem;
  margin: 0;
  color: #000;
  margin-bottom: 10px;
}

.point_box p {
  font-size: 0.9rem;
  margin: 0;
  color: #3e3e3e;
  line-height: 1.5;
}

.color_blue {
  color: #051d56;
}

.content_left {
  padding-left: 30px;
}

.content_left_2 {
  padding-left: 40px;
}

.sub_top_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f4f4f4;
  border: 4px solid #efefef;
  border-radius: 15px;
  padding: 1rem 2rem;
}
.sub_top_box span {
  display: block;
  width: 90px;
  min-width: 90px;
  height: 90px;
  align-content: center;
  background: #fff;
  border-radius: 100%;
  padding: 15px;
  margin-left: 10px;
}

.visual_section{
  position: relative; 
  width: 100%;
  padding: 0;
  margin: 0; 
  padding-top: 82px; 
  border-bottom: 1px solid #e6e6e6;
}

body.ggfez_10 .sub_visual,
body.en_95 .sub_visual,
body.cn_154 .sub_visual,
body.jp_207 .sub_visual{
  background: url("/assets/img/banner_top_01_v20260205.jpg") no-repeat center;
}

body.ggfez_9 .sub_visual,
body.en_105 .sub_visual,
body.cn_155 .sub_visual,
body.jp_217 .sub_visual{
  background: url("/assets/img/banner_top_02_v20260205.jpg") no-repeat center;
}

body.ggfez_15 .sub_visual,
body.en_128 .sub_visual,
body.cn_156 .sub_visual,
body.jp_237 .sub_visual{
  background: url("/assets/img/banner_top_03_v20260205.jpg") no-repeat center;
}

body.ggfez_16 .sub_visual,
body.en_135 .sub_visual,
body.cn_157 .sub_visual,
body.jp_241 .sub_visual{
  background: url("/assets/img/banner_top_04_v20260205.jpg") no-repeat center;
}

body.ggfez_17 .sub_visual,
body.en_138 .sub_visual,
body.cn_158 .sub_visual,
body.jp_244 .sub_visual{
  background: url("/assets/img/banner_top_05_v20260205.jpg") no-repeat center;
}

body.ggfez_132 .sub_visual,
body.en_151 .sub_visual,
body.cn_159 .sub_visual,
body.jp_256 .sub_visual{
  background: url("/assets/img/banner_top_06_v20260306.jpg") no-repeat center;
}


.container{
  display: flex;
  position: relative;
  max-width:1440px; 
  width: 100%;
  margin: 30px auto 0; 
  padding: 0; 
  min-height: 487px;
}

.top_text_box{
  width: 100%; 
  height: 300px; 
  margin: 0 auto; 
  align-content: center; 
  text-align: center; 
  position: relative; 
  z-index: 1;
}

.top_text_box p{
  display: inline-block;
  font-weight: 700;
  font-size: 2.5rem;
  letter-spacing: -0.3px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 6px;
  text-shadow: 0px 0px 5px rgb(0 0 0);
}

.visual_txt {
  position: relative;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.3px;
  text-shadow: 0px 0px 5px rgb(0 0 0);
  min-height: 46.89px;
  line-height: 130%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.visual_txt.is-ready {
  opacity: 1;
}

.sub_left_box{
  max-width: 251px;
  width: 100%; 
  margin-right: 60px;
  margin-top: -53px;
}

.content_article{
  width:calc(100% - 270px); 
  padding-bottom: 3rem;
}

.sub_left_box h2{
  margin: 0;
  background: url(/assets/img/sidebar_title_v20260204.jpg) no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  height: 123px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  font-size: 1.5rem;
  border-top-right-radius: 15px;
  border-top-left-radius: 5px;
  letter-spacing: -1px;
  padding: 20px 1rem;
}

.sub_left_box h2 strong {
  position: relative;
  display: inline-block;  
  width: fit-content;   
  font-size: 1.438rem; 
  font-weight: 700;
  color: #fff;
}

.sub_left_box h2 strong:before {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 6px; /* right:-15px 대신 */
  background: url(/assets/img/bullet_side_title_v20260204.png) no-repeat;
  width: 7px;
  height: 7px;
}

.en_95 .sub_left_box h2 strong {
  width: min-content;
}

.sub_left_box ul li{ 
  list-style: none;
}

.sub_left_box > ul{
  border:1px solid #e9e9e9; 
  border-top: none;
}

.sub_left_box > ul >li{
  border-bottom:1px solid #dfdfdf;
}

.sub_left_box > ul >li:last-child{
  border-bottom:none;
}

.sub_left_box > ul >li > a{
  position: relative;
  font-size: 1.125rem; 
  color: #22173d; 
  padding: 11px 2rem 11px 1rem; 
  display: block; 
  line-height: 1.5; 
  font-weight: 700;
}

.sub_left_box > ul >li:has(> ul) > a:before {
  content: ' ';
  position: absolute;
  right: 18px;
  top: 22px;
  background: url('/assets/img/sidebar_arrow_down_v20260204.png') no-repeat;
  width: 10px;
  height: 6px;
}

.sub_left_box > ul >li > ul > li{
  background: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
}

.sub_left_box > ul >li > ul > li:last-child {
  border-bottom: 0;
}


.sub_left_box > ul >li > ul > li > a{
  position: relative;
  font-size: 1rem; 
  font-weight: 500;
  padding: 13px 1rem 13px 2rem; 
  display: block; 
  color: #22173d; 
  display: block; 
  line-height: 1.5;
}

.sub_left_box > ul >li > ul > li > a:hover{
  background: #ccc;
}

.sub_left_box > ul >li > ul > li > a.active{
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.sub_left_box > ul >li > a.active{
  position: relative; 
  font-weight: 600;
  color: #004bf4;
  border: 1px solid #004bf4;
}

.sub_left_box > ul >li:has(> ul) > a.active:before {
  background: url('/assets/img/sidebar_arrow_up_v20260204.png') no-repeat;
}

.sub_left_box > ul >li > ul > li > a:before{
  content: " "; 
  display: block; 
  position: absolute; 
  top: 22px;
  left: 18px;
  width: 4px;
  height: 4px;
  background: url('/assets/img/bullet4_v20260204.png') no-repeat;
}


.sub_left_box > ul >li > ul > li > ul > li > a{
  font-size: 0.8rem; 
  padding: 10px 1rem 10px 1.8rem; 
  display: block; 
  position: relative; 
  color: #000; 
  display: block; 
  line-height: 1.4;
}

.sub_left_box > ul >li > ul > li > ul > li > a:before{
  content: ""; 
  display: block; 
  position: absolute; 
  top: 18px; 
  left: 1.4rem; 
  width: 2px; 
  height: 2px; 
  background: #787878;
}

.sub_left_box > ul >li > ul > li > ul > li > a.active{
  color: #fff; 
  background: #2b557a; 
}

.sub_left_box > ul >li > ul > li > ul > li > a.active:before{
  background: #fff;
}

.stats_wrap{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 15px;
}

.stats_wrap h3{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 2.25rem;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.3px;
  margin-bottom: 6px;
}

.b_crumb{
  float: right; 
  margin: 0; 
  padding: 0; 
  display: flex; 
  justify-content: left; 
  align-items: center; 
  flex-wrap: wrap; 
}

.b_crumb li{
  display: inline-block;
  position: relative;
  padding-left: 5px;
  padding-right: 10px;
}

.b_crumb li:first-child{
  padding-left: 0;
}

.b_crumb li:last-child{
  padding-right: 0px;
}

.b_crumb li:after{
  position: absolute; 
  content: " "; 
  display: block; 
  top: 10px; 
  left: -7px; 
  width: 6px;
  height: 9px;
  background: url("/assets/img/arrow_breadcrumb_v20260204.png") no-repeat left center;
  background-size: 100%;
}

.b_crumb li:first-child:after{
  display: none;
}

.b_crumb li:first-child a:before {
  content: "";
  position: relative;
  display: inline-block;
  top: 2px;
  width: 19px;
  height: 18px;
  background: url("/assets/img/icon_home_breadcrumb_v20260204.png") no-repeat left center;
  background-size: 100%;
}

.b_crumb li a {
  font-weight: 600;
  font-size: 1rem;
  color: #222 !important;
}

.content_box{
  padding-bottom: 3.125rem;
}

.content_wrap {
  margin-top: 60px;
}

.content_wrap:first-child {
  margin-top: 45px;
}

.content_wrap h4{
  position: relative; 
  padding-left: 44px;
  color: #111;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 110%;
  margin: 0;
  letter-spacing: -0.3px;
  margin-bottom: 23px;
}

.content_wrap h4:before{
  content: ' ';
  position: absolute;
  width: 37px;
  height: 25px;
  background-image: url(/assets/img/bullet1_v20260204.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0;
  left: 0;
}

.content_wrap h5{
  position: relative; 
  padding-left: 30px;
  color: #333;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
  letter-spacing: -1px;
}

.content_wrap h5:before{
  content: ' ';
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(/assets/img/bullet2_v20260204.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: 6px;
  left: 5px;
}

.content_wrap ul > li {
  position: relative;
  padding-left: 44px;
  line-height: 160%;
}

.content_wrap ul > li:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 7px;
  left: 28px;
  background: url(/assets/img/bullet3_v20260204.png) no-repeat;
  width: 8px;
  height: 8px;
}

.list_style_none:before {
  content: none !important;
}

.content_wrap ul > li ul li {
  position: relative;
  padding-left: 20px;
  line-height: 130%;
}

.content_wrap ul > li ul li:before {
  content: '–';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  width: auto;
  height: auto;
}

.mobile_slice {
  display: none;
  font-size: 0.9rem; 
  font-weight: 600;
}

.category-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.category-wrap:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background: #000;
  z-index: -1;
}

.category-wrap ul {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
}

.category-wrap ul>li {
  vertical-align: middle;
  text-align: center;
  background: #f6f7f9;
  border: 1px solid #ccc;
  border-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  border-bottom: 1px solid #212121;
}

.category-wrap ul>li:last-child {
  border-right: 1px solid #ccc
}

.category-wrap ul>li:active, .category-wrap ul>li:focus, .category-wrap ul>li:hover
{
  background: #fff;
  border-left: 1px solid #212121;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
  border-bottom: 0;
  font-weight: 500
}

.category-wrap ul>li.on {
  background: none;
  border: 1px solid #212121;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  color: #d3005c;
  position: relative;
}

.category-wrap ul>li.on:before {
  background: #fff;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-bottom: 1px solid #fff;
  z-index: -1;
  top: 2px;
}

.category-wrap ul>li a:hover {
  color: inherit;
}

.category-wrap ul>li.on a:hover {
  font-weight: bold;
  color: #16237f;
}

.category-wrap ul>li a {
  padding: 15px;
  display: block;
  color: #16237f;
}

@media (max-width: 992px) {
  .container{
    width: 100%;
  }

  .sub_container{
    width: 100%;
  }

  .sub_visual{
    min-width: 100%; 
    min-height: 150px; 
    background-size: cover;
  }

  .top_text_box{ 
    width: 100%; 
    height: 150px;
  }

  .sub_left_box{
    display: none;
  }

  .content_article{
    width:100%; 
    padding:0 0.8rem;
  }

  .visual_section{ 
    padding-top: 69px;
  }

  .category-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: none;
  }
  .category-wrap ul {
    position: static;
    top: 0px;
    display: table;
    table-layout: fixed;
    border-collapse: collapse
  }
  .category-wrap ul>li {
    display: table-cell;
  }

  .stats_wrap {
    padding-bottom: 5px;
  }

  .content_wrap h5:before{
    top: 2px;
  }

}
@media (max-width: 768px) {
  .h3 {
    font-size: 1.2rem;
  }
  .h4 {
    font-size: 1.15rem;
  }
  .h5 {
    font-size: 1.1rem;
  }
  .h6 {
    font-size: 1rem;
  }

  .mobile_slice {
    display: block;
  }
}
@media (max-width: 480px) {
  .stats_wrap h3{
    display: none;
  }
}

@media (max-width: 440px) {
  .visual_section{ 
    padding-top: 58px;
  }
}

@media (max-width: 320px) {

}


/* 레프트 메뉴 3 + 4 뎁스 활성화 */
.sub_left_box > ul > li > ul{
  display:none;
}

.sub_left_box > ul > li > a.active + ul{
  display:block;
}

.sub_left_box > ul > li > a.active + ul > li > ul{
  display:none;
}

.sub_left_box > ul > li > a.active + ul > li > a.active + ul{
  display:block;
}

#result{
/*padding-top:3.75rem;*/
padding-top: 0;
margin-top: 45px;
}

/* 컨텐츠 tab 영역 */
.nav-pills li {
  width: 32% !important;
  height: 3.5em;
  margin: -1px 0 0.65em 1% !important;
}

.nav-pills.col4>li>a {
  border: 1px solid #ddd;
  border-radius: 0;
  text-align: center;
  background: #f1f5f5;
  color: #737373;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  line-height: 1.3;
}

.nav-pills.col4>li>a:hover {
  border: 1px solid #178549;
}

.nav-pills.col4>li.on>a, 
.nav-pills.col4>li.on>a:hover, 
.nav-pills.col4>li.on>a:focus {
  background: linear-gradient(134deg, #35A02E, #06775a);
  color: #fff;
  border: 1px solid #178549;
  box-shadow: 3px 3px 15px rgb(65 143 100 / 25%);
}


@media (max-width: 992px){
  .nav-pills{margin-left: -1.3333%}
  .nav-pills li{width: 32%;margin-left: 1.3333% !important; height: 4.0em;}

}
@media (max-width: 576px){
  .nav-pills{margin-left: -2%}
  .nav-pills li{width: 48% !important;margin-left: 2% !important; }
  .nav-pills li > a{padding: 19px 0 !important;}
}

.content_wrap p {
  margin:0; 
  line-height: 130%;
}



/*  서브 공통 레이아웃 끝  */



/*  통합검색  */


body.ggfez_132 .sub_left_box,
body.en_151 .sub_left_box,
body.cn_159 .sub_left_box,
body.jp_256 .sub_left_box {
  display: none;
}


body.ggfez_132 .content_article,
body.en_151 .content_article,
body.cn_159 .content_article,
body.jp_256 .content_article {
  width: 100%;
}

.list_in_search_box {
  position: relative;
  width: 100%;
  background: #f3f3fd;
  transition-duration: 0.5s;
  padding: 25px;
  z-index: 2;
  border-radius: 7px;
  margin-bottom: 9px;
}

.list_in_search_box .list_in_search_item {
  max-width: 1440px;
  margin: 0 auto;
}

.list_in_search_item .search {
  max-width: 700px;
  height: auto;
  background: none;
  margin: 0 auto;
}

.list_in_search_item .search fieldset .search_sub_input {
  border: 5px solid #0940a1;
  border-radius: 7px;
  box-shadow: 0px 5px 5px rgba(0, 1, 39, .11);
  padding: 3px;
  transition-duration: 0.5s;
}

.list_in_search_item .search fieldset .search_sub_input input {
  height: 60px;
  font-size: 16px;
  padding: 0.5rem 0 0.5rem 1rem;
  width: 100%;
  padding-right: 5rem;
  transition-duration: 0.5s;
  border-radius: 4px;
}

.list_in_search_item .search fieldset .search_sub_input.focused,
.list_in_search_item .search fieldset .search_sub_input.focused input {
  border-radius: 0;
}

.list_in_search_item .search fieldset .search_sub_input button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  width: 35px;
  height: 35px !important;
  top: 14px;
  right: 15px;
}

.list_in_search_item .search_sub_input a {
  right: 50px;
  height: 30px;
  top: 10px;
}

.list_in_search_item {
  position: relative;
  margin-bottom:1.275rem;
}

.list_in_search_item .search fieldset {
  overflow: hidden;
}
.list_in_search_item .search fieldset legend {
  margin: 0;
  margin-bottom: .75rem;
  border-bottom: 0;
  font-size: 1.25rem;
  color: #fff;
}
.list_in_search_item .search fieldset div {
  position: relative;
}
.list_in_search_item .search fieldset div input {
  border: 0;
  padding: .5rem 1rem;
  width: calc(100% - 6.25rem);
  font-size: .875rem;
}
.list_in_search_item .search fieldset div input:-ms-input-placeholder {
  color: #333 !important;
}
.list_in_search_item .search fieldset div input:-moz-placeholder {
  color: #333 !important;
}
.list_in_search_item .search fieldset div input::-webkit-input-placeholder {
  color: #333 !important;
}
.list_in_search_item .search fieldset div input::-moz-placeholder {
  color: #333 !important;
}
.list_in_search_item .search fieldset div input::placeholder {
  color: #333 !important;
}
.list_in_search_item .search fieldset div button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  width: 6.25rem;
  border: 0;
  background: #00a1ff;
  font-size: 1.125rem;
  color: #fff;
}



/* 검색 결과 */

.search_list_top_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  gap: 20px;
  background: url(/assets/img/search_top_img_v20260312.jpg) no-repeat center;
  border-radius: 7px;
  border: 1px solid #e2e2e2;
  color: #232323;
  font-weight: 500;
  font-size: 1.375rem;
}

.search_list_top_box span {
  color: #1d40b0;
  font-weight: 700;
  font-size: 1.5rem;
}

.wrp-search-result {
  position: relative;
  margin-top: 2.875em;
  border-bottom: 1px solid #d5d5d5;
}

.wrp-search-result h4 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 37px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 0.61em;
  font-size: 1.75em;
  line-height: 120%;
  color: #111;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 0;
}

.wrp-search-result h4:before {
  content: none !important;
}

.wrp-search-result h4 .count {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #111;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 120%;
  float: none;
  margin-left: 5px;
  margin-top: 2px;
}

.wrp-search-result h4 .count b {
  color: #1f5ff0;
}

.lst-search-result > li {
  padding-left: 0 !important;
  margin-bottom: 37px;
}

.lst-search-result > li:before {
  content: none !important;
}

.lst-search-result li dt {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.lst-search-result li dt strong {
  font-size: 1.38rem;
  font-weight: 600;
  color: #333;
  line-height: 120%;
}

.lst-search-result li b.match {
  color: #1f5ff0;
}

.lst-search-result li dt span.date {
  font-size: 1.063rem;
  font-weight: 500;
  color: #666;
}

.lst-search-result li dd {
  margin-top: 10px;
}

.lst-search-result li dd p.cont {
  max-height: 3em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
}

.lst-search-result .cate {
  position: relative;
  display: flex;
  align-items: center;
}

.lst-search-result .cate li {
  position: relative;
  display: flex;
  padding-left: 0;
  padding-right: 15px;
  margin-right: 8px;
  line-height: 120%;
}

.lst-search-result .cate li:first-child img {
  margin-bottom: 3px;
}

.lst-search-result .cate li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.lst-search-result .cate li:before {
  content: ' ';
  position: absolute;
  display: block;
  background: url(/assets/img/arrow_search_v20260306.png) no-repeat;
  width: 7px;
  height: 10px;
  left: auto;
  right: 0;
  top: 50%;
  margin-top: -5px;
}

.lst-search-result .cate li:last-child:before {
  content: none;
}

.wrp-search-result .moreview {
  position: absolute;
  display: flex;
  align-items: center;
  top: 4px;
  right: 10px;
  color: #666;
}

.wrp-search-result .moreview img {
  display: block;
  margin-left: 10px;
}

@media (max-width: 820px) {
  .wrp-search-result h4 .count {
    font-size: 1.2rem;
  }
}

@media (max-width: 660px) {

  .wrp-search-result .moreview {
    position: static;
    margin-top: 0.5em;
    padding: 0.5em;
    font-size: 1em;
    justify-content: center;
  }
}

nav .pagination li {
  padding-left: 0;
}

nav .pagination li:before {
  content: none;
}



/*  통합검색 끝  */




/*  인센티브 css  */

.incen_top_box {
  position: relative;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.content_wrap .tax-wrap {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-bottom: 80px;
}

.content_wrap .tax-wrap>li {
  width: 100%;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  padding: 20px;

}

.content_wrap .tax-wrap>li:nth-child(2) {
  border-top: 1px solid #dbdbdb;
  border-left: 0;
}

.content_wrap .tax-wrap .tax-title {
  width: 150px;
  background-color: #0c4da2;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 20px;
}

.content_wrap .tax-wrap ul li {
  position: relative;
  display: flex;
  overflow: hidden;
  line-height: 65px;
}

.content_wrap .tax-wrap ul li .fl {
  width: 35%;
  font-size: 0.9rem;
  height: 100%;
}

.content_wrap .tax-wrap ul li .fr {
  width: 63%;
  height: 100%;
  font-size: 1.5rem;
}

.content_wrap .tax-wrap ul li .fr div,
i {
  display: inline-block;

}

.content_wrap .tax-wrap ul li .fr i {
  background: url(/cmmn/download.do?idx=3) center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}

.content_wrap .tax-wrap ul.gr li .fr i {
  left: -9px
}

.content_wrap .tax-wrap ul li .fr .percentage {
  color: #0c4da2;
  font-weight: 800;
  position: relative;
  width: 70px;
  height: 100%;
  font-size: 2rem;
  letter-spacing: -2px;
}

.content_wrap .tax-wrap ul.gr .fr .percentage {
  color: #2f9f49;
}

.content_wrap .tax-wrap ul li .fr .percentage::before {
  content: '';
  position: absolute;
  top: -25px;
  color: #666;
  font-weight: 500;
  font-size: 0.9rem;
}

.content_wrap .tax-wrap ul li .fr .percentage .percentage_top {
  position: absolute;
  top: -25px;
  color: #666;
  font-weight: 500;
  font-size: 0.9rem;
  width:180px;
}

.content_wrap .tax-wrap ul li .fr .percentage .percentage_data {
  display: inline-block;
  position: relative;
  color: #0c4da2;
}

.content_wrap .tax-wrap ul li .fr .percentage .percentage_data::after {
  content: '%';
  font-size: 1rem;
  font-weight: 500;
}

.content_wrap .tax-wrap ul.gr .fr .percentage .percentage_data {
  display: inline-block;
  position: relative;
  color: #2f9f49;
}

.content_wrap .tax-wrap ul.gr .fr .percentage .percentage_data::after {
  content: '%';
  font-size: 1rem;
  font-weight: 500;
}

.content_wrap .tax-wrap ul li .fr div.sh {
  margin-left: 10px;
}

.content_wrap .tax-wrap ul li .pt::after {
  content: '';
  border-right: 1px solid #dbdbdb;
}

@media screen and (max-width: 1200px) {
  .content_wrap .tax-wrap {
    flex-direction: column;
  }

  .content_wrap .tax-wrap ul li .fr div.sh {
    margin-left: 0;
  }
  .content_wrap .tax-wrap>li:nth-child(2) {
    border-top: 0;
    border-left: 1px solid #dbdbdb;
  }
}


@media screen and (max-width: 768px) {
  .incen_top_box {
    flex-direction: column;
  }
}

@media screen and (max-width: 450px) {
  .content_wrap .tax-wrap ul li .pt::after {
    content: none;
  }
}


/*  인센티브 css 끝  */



/*  투자상담 css  */

.invest_wrap {
  line-height:1.3;
  overflow:hidden;
  border:4px solid #dbdbdb;
  border-radius: 20px;
  box-sizing:border-box;
  padding:30px;
  display: flex;
  align-items: center;
}

.invest_wrap img {
  width:95px;
  vertical-align:middle;
  max-width:95px;
}

.invest_wrap > div:first-of-type {
  display: flex;
  gap: 20px;
  width:60%;
  border-bottom:0;
  padding-bottom:0;
  overflow:hidden;
  align-items: center;
}

.invest_wrap div.invest_txt {
  width:81%;
}

.invest_wrap > div:last-of-type {
  padding-top:0;
  width:35%;
  padding-left:4%;
  border-left:1px solid #dbdbdb;
}

.invest_wrap > div:last-of-type .blue {
  font-weight:bold;
  margin-bottom:5px;
}

.invest_wrap > div:last-of-type ul li a:hover {
  color:#0c4da2;
  font-weight:600;
}

.counsel-bgi {
  height:165px;
  background-position-y:60px;
  background-position:right;
  background-size:120px;
}

.minwon-text-wrap {
  vertical-align:middle;
  display:inline-block;
  font-size:0.9rem;
  line-height:1.8;
}


.qna_wrap .toggleBoard  {
  position: relative;
}

.qna_wrap .toggleBoard ul { 
  margin:0; 
  padding:0 
}

.qna_wrap .toggleBoard .collapsible {
  padding-left: 0;
}

.qna_wrap .toggleBoard .collapsible:before {
  content: none;
}


.qna_wrap .toggleBoard .collapsible h5 {
  font-size: 17px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  padding-left: 0;
}

.qna_wrap .toggleBoard .collapsible h5:before {
  content: none;
}

.qna_wrap .toggleBoard .collapsible h5 a {
  padding: 15px;
  color: #333;
  display: block;
  position: relative;
  padding-right:50px;
  padding-left:56px;
  font-weight:400;
  border:1px solid transparent;
}

.qna_wrap .toggleBoard .collapsible h5 a em { 
  position:absolute; 
  top:13px; 
  left:15px; 
  color:#fff; 
  background:#0051a3; 
  width:30px; 
  height:30px; 
  text-align:center; 
  line-height:30px; 
  border-radius:500px; 
  font-style:normal; 
  font-size: 14px;
}

.qna_wrap .toggleBoard .collapsible h5 a:after {
  content: "";
  width: 13px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  background: url("/en/cmmn/download.do?idx=2047")no-repeat center right / contain;
  transition: all .4s ease;
  transform:translateY(-1px)
}

.qna_wrap .toggleBoard .collapsible h5 a.selected:after {
  transform: rotate(-180deg) translateY(50%)
}

.qna_wrap .toggleBoard .cpsContent {
  display: none;
  background: #fff;
  border-radius: 0 0 4px 4px;
  padding: 20px 30px 20px 56px;
  background:#f6f6f6;
  position:relative;
}

.qna_wrap .toggleBoard .cpsContent .icA { 
  display:inline-block; 
  position:absolute; 
  top:15px; 
  left:15px; 
  width:30px; 
  height:30px; 
  background:#0051a3; 
  color:#fff; 
  border-radius:500px; 
  text-align:center; 
  line-height:30px 
}

.qna_wrap .toggleBoard .cpsContent ul { 
  margin:0; 
  padding:0 
}

.qna_wrap .toggleBoard .cpsContent li { 
  line-height:150%;
  font-weight:300 
}

.qna_wrap .toggleBoard .cpsContent li:before { 
  content: none;
}

.qna_wrap .q_ul_style_box{
  color:#000;
}

.qna_wrap .q_ul_style_box li{
  position: relative; 
  padding-left: 15px; 
  margin-bottom: 10px;
}

.qna_wrap .q_ul_style_box li:last-child{
  margin-bottom: 0px;
}

.qna_wrap .q_ul_style_box li:after{
  content: "" ; 
  display: block; 
  width: 3px; 
  height: 3px; 
  background: #797979; 
  position: absolute; 
  top: 9px; 
  left: 4px;
}

.qna_wrap .q_ul_style_box li > ul{
  padding-left: 5px !important; 
  color:#454545; 
  margin-top:5px !important;
}

.qna_wrap .q_ul_style_box li > ul > li{
  margin-bottom: 0; 
  padding-left: 10px;
}

.qna_wrap .q_ul_style_box li > ul > li:after{
  content: "" ; 
  display: block; 
  width: 4px; 
  height: 1px; 
  background: #797979; 
  position: absolute; 
  top: 11px; 
  left: 0px;
}

.qna_wrap .toggleBoard .collapsible h5 a:hover{
  border: 1px solid #0051a3;
}

@media screen and (max-width:1020px) {
  .invest_wrap {
    flex-direction: column;
  }

  .invest_wrap > div:first-of-type {
    width:100%;
    border-bottom:1px solid #dbdbdb;
    padding-bottom:15px;
  }

  .invest_wrap > div:last-of-type {
    width:100%;
    padding-top:15px;
    padding-left:0;
    border-left:0;
  }
}

@media screen and (max-width:480px) {

  .invest_wrap > div:first-of-type {
    flex-direction: column;
  }

  .invest_wrap div.invest_txt {
    width:100%;
  }
}


/*  투자상담 css 끝  */


/*  입주기업 현황 css  */

.tenant_company_top {
  position: relative;
  display: flex;
  align-items: center;
  padding: 37px 56px;
  border: 4px solid #dedede;
  border-radius: 20px;
  margin: 30px 0;
  gap: 40px;
}

.tenant_company_top > div {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.tenant_company_top img {
  padding-right: 40px;
  border-right: 1px solid #dedede;
}

.tenant_company_top p {
  position: relative;
  line-height: 120%;
  color: #444;
  font-weight: 600;
  font-size: 1.188rem;
  margin-bottom: 0;
}

.tenant_company_top p b {
  display: inline-block;
  font-weight: 600;
}

.tenant_company_top p span {
  color: #213d98;
}

.tenant_company_top p.all_num {
  font-size: 1.5rem;
  font-weight: 700;
  color: #222;
}

.tenant_company_top > div > div {
  position: relative;
  display: flex;
  gap: 30px;
}

.tenant_company_top > div > div p:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #dedede;
  right: -16px;
  top: 2px;
}

.tenant_company_top > div > div p:last-child:before {
  content: none;
}

.tenant_company_search {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.tenant_company_search .text {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  gap: 20px;
  flex-wrap: wrap;
}

.tenant_company_search .text > div {
  gap: 5px;
}

.tenant_company_search .text > div select,
.tenant_company_search .text > div input {
  margin-right: 0;
}



.form_header_title h2 {
  padding-left: 55px !important;
  background: url(/assets/img/icon_invest_info_1_v20260306.png) no-repeat center left;
  background-position: 0px 40%;
}

.address_copy_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 23px 0;
}

.address_copy_box p {
  position: relative;
  padding-left: 22px;
  color: #222;
  font-weight: 500;
}

.address_copy_box p:before {
  content: ' ';
  position: absolute;
  background: url(/assets/img/icon_invest_info_2_v20260306.png) no-repeat;
  width: 17px;
  height: 22px;
  left: 0;
  top: 4px;
}

.address_copy_box button {
  position: relative;
  padding: 5px 10px;
  background-color: #f4f5f9;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.tenant_company {
  position: relative;
  width: 100%;
}

.tenant_company .root_daum_roughmap {
  width: 100% !important;
}


@media screen and (max-width:1080px) {

  .tenant_company_search {
    flex-direction: column;
    align-items: flex-end;
  }
}

@media screen and (max-width:600px) {

  .tenant_company_top {
    padding: 14px 23px;
    gap: 20px;
  }

  .tenant_company_top img {
    padding-right: 20px;
  }
}

@media screen and (max-width:500px) {

  .tenant_company_top {
    flex-direction: column;
  }

  .tenant_company_top img {
    padding-right: 0;
    border-right: 0;
  }

  .tenant_company_top > div {
    padding-top: 20px;
    border-top: 1px solid #dedede;
  }
}


/*  입주기업 현황 css 끝  */




/*  경제자유구역 지정 절차 css  */

.procedure_wrap {
  position: relative;
  padding: 15px;
  border: 1px solid #d9d9d9;
}

.procedure_wrap > ul {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

.procedure_wrap > ul > li {
  position: relative;
  padding: 0 !important;
  margin-bottom: 50px;
}

.procedure_wrap > ul > li:last-child {
  margin-bottom: 0;
}

.procedure_wrap > ul > li:before {
  content: none !important;
}

.procedure_wrap > ul > li:after {
  content: ' ';
  position: absolute;
  background: url('/cmmn/download.do?idx=1995') no-repeat;
  width: 28px;
  height: 29px;
  bottom: -40px;
  left: 50%;
  margin-left: -14px;
}

.procedure_wrap > ul > li:last-child:after {
  content: none;
}

.procedure_wrap ul li div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 72px;
  padding: 15px;
  background-color: #f2f7ff;
  border: 2px solid #2c63af;
  border-radius: 5px;
}

.procedure_wrap > ul > li:has(> ul) div {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.procedure_wrap ul li div p {
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -6%;
  color: #373737;
}

.procedure_wrap ul li div span {
  display: block;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -6%;
  color: #294d8f;
}

.procedure_wrap > ul > li ul{
  position: relative;
  padding: 18px 34px;
  background-color: #f3f3f3;
  border: 1px solid #dedede;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.procedure_wrap > ul > li ul li {
  padding-left: 15px;
}

.procedure_wrap > ul > li ul li:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: #000;
  width: 5px;
  height: 5px;
}

.procedure_num {
  position: relative;
  display: inline-block;
  align-content: center;
  font-weight: 600;
  line-height: 160%;
  color: #3265c2;
  padding-left: 20px;
  margin-right: 5px;
}

.procedure_num b {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 100%;
  font-size: 0.8rem;
  background-color: #3265c2;
  color: #fff;
  margin-right: 3px;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  top: 5px;
  left: 3px;
}

.procedure_box {
  position: relative;
  display: flex;
  padding: 15px !important;
  gap: 16px;
}

.procedure_box li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 102px;
  border: 2px solid #0fceb9;
  padding: 17px;
  border-radius: 5px;
  background-color: #fff;
}

.procedure_box li:before {
  content: none !important;
}

.procedure_box li span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -6%;
  width: 58px;
  height: 22px;
  background-color: #00aa98;
  color: #fff;
  margin-bottom: 5px;
  border-radius: 16px;
}

.procedure_box li p {
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -6%;
  color: #373737;
}

.procedure_box li p.point_color {
  color: #008677;
}


@media screen and (max-width:768px) {

  .procedure_box {
    flex-direction: column;
  }
}





/*  경제자유구역 지정 절차 css 끝  */



/*  소개 및 현황 css  */

.investment_strength {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  padding: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
}

.investment_strength li {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  align-items: center;
  border: 1px solid #d1d1d1;
  border-radius: 15px;
  box-shadow: 0 4px 10px 0.9px rgba(0, 0, 0, 0.1);
  max-width: 243px;
  width: 100%;
}

.investment_strength li img {
  padding: 20px;
}

.investment_strength li div {
  position: relative;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  text-align: center;
  align-items: center;
  background-color: #f4f4f4;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.investment_strength li div p {
  font-weight: 700;
}

.func_wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 24px 20px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.func_wrap li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: 0 !important;
}

.func_wrap li img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
}

.func_wrap li p {
  margin: 10px 0 0;
  min-height: 2.8em;
  line-height: 1.4;
  word-break: keep-all;
}



/*  소개 및 현황 css 끝  */




/*  편리한 교통환경 css  */

.harbor_box{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 20px;
  padding: 0;
  margin: 0;
}

.harbor_box li{
  list-style: none;
  text-align: center;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.harbor_box li img{
  width: 60px;
  height: auto;
}

.harbor_box li p{
  margin: 10px 0 5px;
}

.harbor_box li span{
  display: block;
}

@media (max-width: 600px){
  .harbor_box{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

/*  편리한 교통환경 css 끝  */


/*  클러스터 css  */

.table_icon_img {
  position: relative;
  display: inline-block;
  min-width: 45px;
  width: 45px;
  height: 45px;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 7px;
  margin-right: 20px;
  align-content: center;
  text-align: center;
}

/*  클러스터 css 끝  */



/*  홍보자료 css  */

.promo-video-text {
  width: 100%;
}

.promo-video-text .video-title-wrap {
  font-size: 1.2rem;
  box-sizing: border-box;
  padding: 3%;
  margin-top: 10px;
  background-color: #f0eff3;
  text-align: center;
}

.promo-video-text .video-title-wrap p:first-child {
  color: #0c4da2;
  margin: 0 auto 10px auto;
  line-height: 110%;
  width: 80%;
  font-size: 1.5rem;
}

.promo-video-text .video-title-wrap p {
  font-size: 0.9rem;
  color: #0c4da2;
}

/* 언어 리스트 */
.promo-video-lang {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}

/* 각 아이템 */
.promo-video-lang li {
  width: 50%;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  padding: 2% !important;
  margin-top: -1px;
  font-size: 0.85rem;

  display: flex; /* 핵심 */
}

.promo-video-lang li:nth-child(2n-1) {
  border-right: 0;
}

.promo-video-lang li:last-child {
  border-right: 1px solid #dbdbdb;
}

/* a를 전체 확장 + 내부 flex */
.promo-video-lang li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
}

/* 텍스트 */
.promo-video-lang li a span {
  position: static;  /* transform 제거 */
}

/* 이미지 */
.promo-video-lang li a img {
  display: block;
}


.grid_col_box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.grid_col_box:has(li:nth-child(2)):not(:has(li:nth-child(3))) {
  grid-template-columns: repeat(4, 1fr);
}


.grid_col_box li {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;   /* 원하는 비율 */
  padding: 0 !important;
}

.grid_col_box li.ratio-3-4 {
  aspect-ratio: 3 / 4;
  border: 1px solid #dbdbdb;
}

.grid_col_box li.ratio-1-1 {
  aspect-ratio: 1 / 1;
}

.grid_col_box li.ratio-21-9 {
  aspect-ratio: 21 / 9;
}

.grid_col_box li img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* 비율 유지 + 꽉 채움 */
  object-position: top;
  display: block;
}

.grid_col_box li p {
  margin: 12px 0;
  font-size: 1rem;
  text-align: center;
}


@media screen and (max-width:768px) {

  .grid_col_box {
    gap: 10px;
  }
}


/*  홍보자료 css 끝  */




/*  민원상담 css  */

.minwon_wrap {
  position: relative;
  border: 4px solid #dedede;
  border-radius: 20px;
  padding: 35px 56px;
  display: flex;
  gap: 30px;
  align-items: center;
}

.minwon_text_wrap {
  position: relative;
  padding-left: 30px;
}

.minwon_text_wrap:before {
  content: ' ';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #dedede;
}

.minwon_text_wrap > p:first-child {
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.counsel_wrap {
  position: relative;
  padding: 35px 56px;
  border-radius: 20px;
  overflow: hidden; 
  border: 1px solid #7081c2;
}

.counsel_wrap::before {
  content: "";
  position: absolute;
  inset: 0;

  background: url(/cmmn/download.do?idx=62) no-repeat right top -100px / 600px;

  opacity: .5;

  -webkit-mask-image: linear-gradient(to right, transparent 56%, rgba(0, 0, 0, 0.1) 62%, rgba(0, 0, 0, 1) 78%);
  mask-image: linear-gradient(to right, transparent 56%, rgba(0, 0, 0, 0.1) 62%, rgba(0, 0, 0, 1) 78%);
}

.content_online {
  position: relative;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 140%;
  color: #444;
}

.content_online span {
  font-weight: 800;
}

.counsel_wrap .content_online {
  border: 0 !important;
}

.counsel_btn_wrap {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.counsel_btn_wrap a {
  position: relative;
  display: inline-block;
  padding: 10px 40px 10px 20px;
  line-height: 130%;
  max-width: 220px;
  width: 100%;
  border: 1px solid #0028bb;
  border-radius: 5px;
  background-color: #fff;
  color: #0028bb;
  font-weight: 600;
}

.counsel_btn_wrap a:before {
  content: ' ';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  right: 20px;
  top: 14px;
  background: url(/cmmn/download.do?idx=64) no-repeat;
  background-size: 15px;
}

.counsel_btn_wrap a:hover,
.counsel_btn_wrap a:focus {
  background-color: #0028bb;
  color: #fff;
}

.counsel_btn_wrap a:hover:before,
.counsel_btn_wrap a:focus:before {
  background: url(/cmmn/download.do?idx=65) no-repeat;
}


@media screen and (max-width:480px) {

  .minwon_wrap {
    flex-direction: column;
    padding: 15px 36px;
    gap: 20px;
  }

  .minwon_text_wrap {
    padding-left: 0;
    padding-top: 20px;
  }

  .minwon_text_wrap:before {
    width: 100%;
    height: 1px;
  }

  .counsel_wrap {
    padding: 15px 36px;
  }

  .counsel_wrap::before {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 0%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 0%);
  }

  .counsel_btn_wrap {
    flex-direction: column;
    gap: 10px;
  }
}

/*  민원상담 css 끝  */




/*  ggfez소개 css  */

.info_top_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  max-width: 1116px;
  height: 110px;
  background: url('/cmmn/download.do?idx=2005')no-repeat;
  margin: 0 auto 50px;
}

.info_top_box p {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  text-shadow: 0 3px 7px 0 rgba(0, 16, 94, .35);
}


/*  ggfez소개 css 끝  */



/*  청장 인사말 css  */

.greeting_box {
  position: relative;
  background-image: url('/cmmn/download.do?idx=67');
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 70px;
  padding-top: 0;
  border-bottom-right-radius: 120px;
  margin-right: 15px;
}

.greeting_box:before {
  content: ' ';
  position: absolute;
  background-image: url('/cmmn/download.do?idx=68');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 358px;
  height: 493px;
  right: -15px;
  bottom: 33%;
}

.greeting_title {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 2.2rem;
  padding: 10px 30px;
  margin-left: -30px;
}

.greeting_title:before {
  content: ' ';
  position: absolute;
  background-image: url('/cmmn/download.do?idx=69');
  background-repeat: no-repeat;
  width: 26px;
  height: 23px;
  top: 0;
  left: 0;
}

.greeting_title:after {
  content: ' ';
  position: absolute;
  background-image: url('/cmmn/download.do?idx=70');
  background-repeat: no-repeat;
  width: 26px;
  height: 23px;
  top: 45px;
  right: 0;
}

.greeting_title h3 {
  color: #222;
}

.greeting_title h3 span {
  display: block;
  background-image: linear-gradient(to top, #001f6e, #0048ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.greeting_title h3 span b {
  font-weight: 600;
  background-image: linear-gradient(to top, #001f6e, #0048ff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.greeting_text_wrap {
  padding-right: 285px;
  line-height: 2;
}

.greeting_text_wrap p{
  line-height: 150%;
  font-weight: 500;
  font-size: 17px;
}

.greeting_text_wrap p b{
  color: #000;
}


.greeting_sign {
  display: inline-block;
  color: #000;
  background-image: url('/cmmn/download.do?idx=66');
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 120px;
  height: 75px;
  align-content: center;
}

.greeting_global {
  display: inline-block;
  color: #000;
  height: 75px;
  align-content: center;
}

@media all and (max-width: 1240px) {
  .greeting_box {
    padding: 20px;
    margin-right: 0;
  }


  .greeting_box:before {
    width: 220px;
    height: 303px;
    right: -15px;
    bottom: 60%;
  }

  .greeting_text_wrap {
    padding-right: 190px;
  }
}


@media all and (max-width: 1020px) {
  .greeting_box {
    padding: 20px;
    margin-right: 0;
  }


  .greeting_box:before {
    width: 260px;
    height: 360px;
    right: auto;
    bottom: 120px;
  }

  .greeting_title {
    font-size: 1.5rem;
    margin-left: 0;
  }

  .greeting_text_wrap {
    padding-right: 0;
  }

  .greeting_sign, .greeting_global {
    margin-top: 400px !important;
    margin-bottom: 45px;
  }
}


/*  청장 인사말 css 끝  */


/*  연혁 css  */


.history-box {
  border-bottom: 1px solid #0c4da2;
  box-sizing: border-box;
  padding: 3vw 0;
  margin-bottom: 3vw;
}

.history-box h4 {
  font-size: 4rem;
  font-weight: 600;
  color: #0c4da2;
  padding-left: 0 !important;
  border-bottom: 2px solid #0c4da2;
letter-spacing: -1px;
}

.history-box h4:before {
  content: none !important;
}

.history-box .history-content {
  margin-right: 20px;
  font-size: 1rem;
  overflow: hidden
}

.history-box .history-content li {
  overflow: hidden;
  margin-bottom: 20px;
  padding-left: 0 !important;
}

.history-box .history-content li span {
  display: block;
  width: 25%;
  font-weight: 600;
  float: left;
  padding-left: 30px;
}

.history-box li p {
  width: 75%;
  display: block;
  float: right;
  line-height: 1.2rem;
}

@media all and (max-width: 1020px) {
  .history-box .history-content {
    margin-right: 20px;
    font-size: 0.85rem;
    overflow: hidden
  }

  .history-box h5 {
    font-size: 2rem;
  }
}

@media all and (max-width: 768px) {
  .history-box .history-content li span {
    padding-left: 0;
  }
}


/*  연혁 css 끝  */




/*  상징 css  */


.bg-grid {
  background: url('http://yesfez.gg.go.kr/wp-content/uploads/sites/2/2020/12/bg-grid.png');
  background-repeat: repeat;
  text-align: center;
  border: 1px solid #e2e2e2;
  margin: 10px 0;
}

.ci_down_box {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  gap: 10px;
  flex-wrap: wrap;
}

.ci_down_box a {
  position: relative;
  padding: 10px 50px 10px 20px;
  border: 1px solid #0028bb;
  text-decoration: none;
  color: #0028bb;
  border-radius: 5px;
  font-size: 14px;
}

.ci_down_box a:before {
  content: ' ';
  position: absolute;
  display: block;
  width: 15px;
  height: 14px;
  background: url('/cmmn/download.do?idx=80') no-repeat;
  top: 50%;
  margin-top: -7px;
  right: 20px;
}

.ci_down_box a:hover,
.ci_down_box a:focus {
  background-color: #0028bb;
  color: #fff;
  transition: 0.2s ease;
}

.ci_down_box a:hover:before,
.ci_down_box a:focus:before {
  background: url('/cmmn/download.do?idx=81') no-repeat;
}

/*  상징 css 끝  */




/*  재정정보 css  */

.financial_box {
  margin-top: 10px;
  margin-bottom: 23px;
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.financial_box li {
  position: relative;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 10px !important;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
}

.financial_box li:before {
  content: none !important;
}

.financial_box li div {
  margin-top: 0;
}

.financial_box li div a {
  padding: 5px 50px 5px 20px;
}


/*  재정정보 css 끝  */




/*  직원안내 css  */



.org_box {
  word-wrap: break-word;
  word-break: break-all;
}

.org_box ul li {
  padding-left: 0 !important;
}

.org_box > ul > li:before {
  content: none !important;
}

.org_box>ul>li {
  position: relative;
  overflow: hidden;
}

.org_box>ul>li::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 40px;
  margin-left: -1px;
  width: 1.01px;
  background: #ccc;
}

.org_box ul.list-lines {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-left: 0;
  list-style: none;
}

.org_box ul.list-lines>li {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 19%;
  margin-right: 8%;
}

.org_box ul.list-lines>li.lasted {
  margin-right: 0 !important;
}

.org_box ul.list-lines>li::before {
  content: " ";
  position: absolute;
  top:-30px;
  left: 50%;
  width: 1.01px;
  height: 197px;
  background: #ccc;
}

.org_box ul.list-lines::before {
  content: " ";
  position: absolute;
  top: 0;
  width: 54%;
  left: 9.5%;
  right: 9.5%;
  height: 1.01px;
  background: #ccc;
}

.org_box ul.list-lines::after {
  content: " ";
  display: block;
  width: 100%;
  height: 0;
  clear: both;
  overflow: hidden;
}

.org_box ul.list-lines.col3>li:first-child {
  margin-left: 13.5%;
}

.org_box ul.list-lines.col3>li:nth-child(2)::before {
  display: none;
}

.org_box ul.list-lines.col3::before {
  left: 23%;
  right: 23%;
}

.org_box .section-title,
.org_box .section-title.active,
.org_box .section-title:hover {
  position: relative;
  z-index: 3;
  margin: 30px auto;
  max-width: 240px;
  text-align: center;
  border: 2px solid #74af39;
  background-color: #fff;
  font-size: 18px;
  font-weight: 500;

}

.org_box .section-title:first-child {
  margin-top: 0;
  border-color: #0084cc;
}

.org_box .part-title,
.org_box .part-title.active,
.org_box .part-title:hover {
  position: relative;
  z-index: 1;
  border: 2px solid #999;
  background-color: #fff;
  text-align: center;
  font-size: 16px;

}

.org_box .part-title:first-child {
  border-color: #000;
}

.org_box .part-title,
.org_box .section-title {
  display: block;
  padding: 0.65em 0.5em;
  text-decoration: none;
  color: #666;
}

.tab_content > .tab-pane {
  display: none;
}

.in {
  display: block !important;
}

@media all and (max-width: 960px) {

  .org_box .section-title a,
  .org_box .section-title span {
    padding: 0.55em 0.4em;
  }

  .org_box .part-title,
  .org_box .section-title {
    font-size: 17px;
  }

  .org_box .part-title a,
  .org_box .section-title a {
    padding: 0.55em 0.4em;
  }
}

@media all and (max-width: 768px) {
  .org_box {
    padding: 50px 0;
  }

  .org_box>ul>li {
    margin-top: 20px;
  }

  .org_box ul.list-lines {
    margin-bottom: 20px;
    padding-top: 0;
  }

  .org_box ul.list-lines>li {
    float: none;
    margin: 10px 0 0 0 !important;
    width: auto !important;
  }

  .org_box ul.list-lines>li::before {
    display: none;
  }

  .org_box ul.list-lines>li:first-child {
    margin-top: 0 !important;
  }

  .org_box ul.list-lines::before {
    display: none;
  }

  .org_box .section-title,
  .org_box .section-title.active,
  .org_box .section-title:hover {
    max-width: 100%;
    font-size: 16px;
  }

  .org_box .part-title,
  .org_box .section-title {
    font-size: 16px;
  }
}


/*  직원안내 css 끝  */


/*  찾아오시는 길 css  */

.content_wrap .content_online {
  line-height: 1.5rem;
  border:1px solid #dbdbdb;
  padding:10px;
  box-sizing:border-box;
}

.location_box {
  width: 100% !important;
}

.location_box .wrap_map {
  width: 100%;
}

.location_box .cont {
  display: none;
}



/*  찾아오시는 길 css 끝  */






/*  외국어 서브 css  */


[class^="cn_"] {
  .greeting_text_wrap p {
    word-break: break-all;
  }
}

[class^="cn_"], [class^="jp_"] {
  .content_wrap ul > li {
    word-break: break-all;
  }
}


/*  외국어 서브 css 끝  */