@charset "UTF-8";
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
 /* 줄바꿈 */
 .text-nowrap {white-space:nowrap !important;}
 .keep-all {word-break: keep-all !important;}
 
 /* 물음표 안내 커서 일괄변경 */
 span:has(.fa-question-circle) {cursor: pointer;}
 
  /* 카드정보 입력 폼 일괄변경 */
 span:has(.fa-eye-slash) {height: auto !important;}
 
 div.custom-control.custom-checkbox {margin-top: 5px;}
 
 
 .tree-sub-outline {
  position:relative;
  padding: 15px;
  margin-top: 40px;
  border: 7px solid #ddd;
  background: #f9f9f9;
  border-radius: 10px;
  z-index: 1;
}
.tree-sub-outline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -47px;
  width: 1px;
  height: 43px;
  background: #ddd;
  transform: translate(-50%, 0%);
  z-index: 0;
}
.tree-sub {
  display: flex;
  justify-content: space-around;
}

.tree-sub .title {
  box-sizing: border-box;
  text-align:center;
  font-size:1.1rem;
  border-radius: 4px;
  border: 2px solid #999;
  background-color: rgba(255, 0, 10, 0.02);
  cursor: pointer;
  transition: all 0.5s;
}

/* 메인 페이지용  */
main table td:nth-child(even) {text-align: right;}
main table td {white-space:nowrap;}
main .table>:not(:first-child) {border-top-width: 0px !important;}
main .box-title span {display: block;}
main i.fa-plus{position: relative; top: 6px; right: 4px; }
main .swiper-button-prev:after, main .swiper-button-next:after {content: "";}
.carousel-item .carousel-caption-1st { position: absolute;  right: 17%; top: 35%; text-align: right; }
.carousel-item .carousel-caption-1st img:nth-child(1) { display:block; width: 200px; margin-left: 28%;}
.carousel-item .carousel-caption-1st img:nth-child(2) { display:block; width: 450px; margin: 1rem 0 0 0%;}

#main-carousel-banner-section br {display: none;}

@media ( max-width : 575.98px) {
	.carousel-item .carousel-caption-1st { width: 350px; text-align: center;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: drop-shadow(-1px -1px 0px white);}
	.carousel-item .carousel-caption-1st img:nth-child(1) {width: 165px;margin: auto; }
	.carousel-item .carousel-caption-1st img:nth-child(2) {width: 300px;margin: auto; }
	#main-carousel-banner-section br {display: block;}
}

/* tvN*/
.ff-tvN {font-family: 'tvN'; font-size: 3rem; color: dodgerblue; font-weight: normal;}
@font-face {font-family: 'tvN';	font-style: normal;	src: url( ../../fonts/tvN_Bold.woff ) format('woff');}

/* 연혁 */
.border-top-0 {border-top:2px solid #fff !important;}
.border-top-2 {border-top-width: 2px !important;}
.histolist br {display: none;}
.histolist li>div>span {width: 160px;}
.histolist li>div>div {width: calc(100% - 160px);}
.histolist li:nth-child(even) {border-color: rgba(0,10,255,0.15);}
#history .nav-tabs .nav-link {border: 2px solid #ddd;   border-width: 2px;   border-radius: 6px;}
#history .nav-tabs .nav-link.active {border-color:dodgerblue;}
#history th, #history td {text-align: center; vertical-align: middle;}
#history .table-wrap {box-sizing:border-box; overflow-x: auto;}
#history .hand-drag {display: none;}
#history  table {width:100%; min-width: 600px;}
#history  table th br {display: none;}
#history table tr td {text-align: left;}
#history table tr td:nth-child(1) {font-size: 1.3rem; font-weight: bold; color: steelblue;}
#history table tr td:nth-child(2),#history table tr td:nth-child(3) {font-size: 1.1rem; color: #333;}
td span.fa{margin: 0 3px; color: steelblue !important;}
.img-100,.under-md {display: none;}
@media ( max-width : 991.98px) {
	#history .hand-drag {display: block;}
	#history  table th br {display: block;}	
	.under-md {display: block;}
	.over-md {display: none;}
}
@media ( max-width : 575.98px) {
	.histolist br {display: inline-block;}
	.histolist li>div>span {width: 100px;}
	.histolist li>div>div {width: calc(100% - 100px);}
	#history .nav,.img-100 {display: block;}
	.img-56, .img-80  {display: none;}
}


#ourgoal .nav-tabs .nav-link {border: 2px solid #ddd;   border-width: 2px;   border-radius: 6px;}
#ourgoal .nav-tabs .nav-link.active {border-color:dodgerblue;}

/* 부서 탭버튼 */

.tabs {
  max-width: 1296px;
  margin: 0 auto;
  padding: 0;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
}
#tab-button li a {
  display: block;
  padding: .5em;
  background: rgba(0,100,255,.2);
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  text-decoration: none;
}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #fff;
  text-decoration: underline;
  text-decoration-color: blue;
  text-decoration-style: wavy;
  text-decoration-thickness: 1px;
  text-underline-position: under;
}
.tab-contents {
  padding: 2rem 2rem 1rem;
  border: 1px solid #ddd;
}

.tab-button-outer {
  display: none;
}
.tab-contents {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 0;
  }  
}
@media screen and (max-width: 767px) {
	.tab-contents {  padding: 2rem 0.5rem 1rem; }
}

/* 조직도 테이블 */
.table-flexable caption {
  position: absolute;
  left: -100000px;
  font-size: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.table-flexable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 14px;
  border-top: 2px solid #999;
  border-collapse: collapse;
}

.table-flexable th,
.table-flexable td {
  border: solid #ddd;
  border-width: 0 1px 1px 0;
  text-align: center;
  vertical-align: middle;
}
.table-flexable th:last-child,
.table-flexable td:last-child {
  border-right-width: 0px;
}
.table-flexable th {
  background: #f9f9f9;
  font-weight: 600;
  padding: 10px 2px;
}
.table-flexable td {
  font-weight: normal;
  padding: 6px 2px;
}
.table-flexable td:last-child {
  text-align: left; padding-left: 0.5rem;
}

.table-flexable .task ul {
  padding: 0 0 0 5px;
  margin: 0 0 0 15px;
}
.table-flexable .task li {
  list-style-type: square;
  padding: 5px 0 0;
}
.table-flexable .task li::marker {
  color: dodgerblue;
}
.table-flexable .task li ul li {
  list-style-type: circle;
  padding: 3px 0 0;
  font-size: 95%;
  text-indent: -5px;
}
.table-flexable .task li ul li::marker {
  color: #999;
}

@media screen and (max-width: 767px) {
  .table-flexable colgroup {
    display: none;
  }
  .table-flexable th {
    display: none;
  }
  
  .table-flexable td {
    display: block;
    text-align: left;
    border-width: 0px;
  }
 .table-flexable td:nth-child(1) {display: none;}
   .table-flexable td:nth-child(2)  {
    display: inline-block; 
    text-align: left; width:45%;
    border-width: 0px;
  }
  .table-flexable td:nth-child(3)  {
    display: inline-block; 
    text-align: left; width:50%;
    border-width: 0px; font-weight: bold; color: steelblue;
  }
  .table-flexable .team::before {
    content: attr(title) " \003A";
    margin-right: 4px;
  }
  .table-flexable .duty::before {
    content: attr(title) " \003A";
    margin-right: 4px;
  }
  .table-flexable .name {
    font-weight: bold;
  }
  .table-flexable .name::before {
    content: attr(title) " \003A";
    margin-right: 4px;
    font-weight: normal;
  }
  .table-flexable .phone::before {
    content: attr(title) " \003A";
    margin-right: 4px;
  }
  .table-flexable .task::before {
    content: attr(title) " \003A";
    font-weight:700;
    margin-right: 4px; 
    margin-left: -5px;    
  }
  .table-flexable tr {
    border-bottom: 1px dotted #999;
  }
  .table-flexable td:last-child {letter-spacing: -1px;}
}

/* 민원안내 탭버튼 외 */
#Minwon .nav-pills .nav-link {font-size: 1.2rem;}
#Minwon .nav-pills .nav-link:hover {color: #fff; background-color: #1977cc;}
#Minwon .table-wrap {box-sizing:border-box; overflow-x: auto;}
#Minwon table th,#Minwon table td {vertical-align: middle;}
#Minwon table th,#Minwon table td {text-align: center; font-weight: 700;}
#Minwon table td:last-child { text-align:left; font-weight: normal;}
#Minwon caption {position: absolute; left: -100000px;} 
#Minwon br {display: none;}
#Minwon .pc-only {display: inline-block;}

@media ( max-width : 768px) { 
	section#Minwon {padding-top: 0;} 
	#Minwon .pc-only  {display:none;}	 
	#Minwon br {display:block;}
	#Minwon > div > .col-lg-12 {height: 175px; overflow-y: scroll; overflow-x:hidden; }
	#Minwon > div > .col-lg-12::-webkit-scrollbar { width: 15px;}
	#Minwon > div > .col-lg-12::-webkit-scrollbar-thumb {
			  background-color: #2972fa;
			  border-radius: 10px;
			  background-clip: padding-box;
			  border: 3px solid transparent;
			}
	#Minwon > div > .col-lg-12::-webkit-scrollbar-track {
		  background-color: #d3e2fe;
		  border-radius: 10px;
		  box-shadow: inset 0px 0px 0px blue;
		}
	}

.with-icon-down::after { 
	display:inline-block;	position:relative; top:3px; left:4px; 
	content: '';width: 20px; height: 20px;	
	background:url(../../images/svg/down-white.svg) no-repeat center / cover; }



#Minwon .container div table td br {display: none;}
	@media ( max-width : 480px) { #Minwon .container div table td br {display: block;} } 

/* Scroll Bar*/
.table-responsive::-webkit-scrollbar {
  width: 15px; /* 상하스크롤시 */
  height:15px; /* 좌우스크롤시 */
}
.scroll-height-0.table-responsive::-webkit-scrollbar {
  width: 0px; /* 상하스크롤시 */
  height:0px; /* 좌우스크롤시 */
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: #2972fa;
  border-radius: 12px;
  background-clip: padding-box;
  border: 2px solid transparent;
  background-image: linear-gradient(
      56deg,
      rgba(156, 158, 252, 0.15) 0%,
      rgba(26, 218, 182, 0.15) 100%
    ),
    linear-gradient(336deg, rgb(16, 16, 81), rgb(124, 224, 250));
}
.table-responsive::-webkit-scrollbar-track {
  background-color: #eee;
  border-radius: 10px;
}

/* 납부안내 Tab 버튼 수정 */
.payment-method .nav-tabs .nav-link, #calculationStandard .nav-tabs .nav-link  { 
	background:#eee;
	border-radius: 10px 10px 0 0;
	margin: 1px;
	}
.payment-method .nav-tabs .nav-link.active, #calculationStandard .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #1977cc;
    border: 2px solid;
    background: #1977cc !important;
}	

/* Breadcrumb Tab 버튼 수정 */
.breadcrumb .nav-link.active, .breadcrumb .nav-pills .show>.nav-link {
	background: #fff !important;
	color: blue !important;
	border-bottom: 2px solid #007bff;
	border-radius:0 !important;
	box-shadow:0 0 0 !important;
}
.breadcrumb .nav-link {
	background: #fff !important; 
	border-bottom: 2px solid #ddd;
	border-radius:0 !important;
	color: #ddd !important;
	}
	
/* 각종 절차  */
.bg-cssWaterdrop {
  margin-top: 25px;
  position: relative;
}
.bg-cssWaterdrop:after {
  content: "";
  display: inline-block;
  z-index: 0;
  top: 50px;
  left: 0;
  background-image: radial-gradient(
    circle at center center,
    rgb(192, 239, 210),
    rgb(47, 129, 239)
  );
  width: 120px;
  height: 120px;
  border-radius: 0 60% 50% 60%;
  transform: rotate(45deg);
}
.bg-cssWaterdrop > .title {
  position: absolute;
  width: 120px;
  text-align: center;
  color: navy;
  font-weight: 600;
  z-index: 1;
}
.css-icon-plus {
  margin-top: 30px;
  font-size: 50px;
  font-weight: bold;
  color: steelblue;
}

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

.bg-cssCircle {
  margin-top: 25px;
  position: relative;
}
.bg-cssCircle:after {
  content: "";
  display: inline-block;
  z-index: 0;
  top: 50px;
  left: 0;
  background-image: radial-gradient(
    circle at center center,
    rgb(192, 239, 210),
    rgb(47, 129, 239)
  );
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.bg-cssCircle > .title {
  position: absolute;
  width: 120px;
  text-align: center;
  color: navy;
  font-weight: 600;
  z-index: 1;
}

.css-icon-arrow-r {
  margin-top: 30px;
  width: 15px;
  height: 15px;
  border: solid steelblue;
  border-width: 5px 5px 0 0;
  transform: rotate(45deg);
}

.wrap-hidden-scroll {
  width: 70%;
  background: #f9f9f9;
  margin: auto;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wrap-hidden-scroll::-webkit-scrollbar {  display: none;}

.card-body .form-group .form-control {padding:  .5rem  .8rem !important;}

section:first-child { padding-top:3rem !important;}
section:last-child { padding-bottom:4rem !important;}
section.js-parallax {   padding: 0.8rem 0 1.5rem; }
/* section.js-parallax hr { display: none;} */
section.js-parallax.u-promo-block {  padding: 3rem 0 5rem; }

 ul li::marker {color:rgba(0,97,245,1);}
 ul li ul li::marker {color:rgba(0,97,245,0.23);}

/* Button */
.btn-outline-info.disabled {
	color:#ddd;
    border: 2px solid #ddd;
}

.nav-pills .nav-link {text-transform: none;}	
.h-lg-269 {height: 269px;}
  @media (max-width: 1200px) {  .h-lg-269 {height: auto;}   } 

/* Check-box Size-up */
.custom-checkbox input[type=checkbox] { scale: 120%; vertical-align: -1px; margin-right: 2px;}

/* 테이블 추가 */
 .tax-in-out th {text-align: center; vertical-align: middle;}
 .tax-in-out th:not(:first-child), .tax-in-out td:not(:first-child) {text-align: right;}

/*  The end */