@charset "UTF-8";

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url(../fonts/notokr-regular.woff2) format("woff2"),
    url(../fonts/notokr-regular.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url(../fonts/notokr-medium.woff2) format("woff2"),
    url(../fonts/notokr-medium.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: url(../fonts/notokr-bold.woff2) format("woff2"),
    url(../fonts/notokr-bold.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/NotoSansJP-Regular.otf);
}
@font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/NotoSansJP-Bold.otf);
}
.green {
  color: #004831;
}
.mgt15 {
  margin-top: 15px !important;
}
.noto-type,
.noto-type *,
.notokr,
.notokr * {
  font-family: "Open Sans", "Noto Sans KR", "Noto Sans JP";
}
.page-wrap .nav-banner.type2 .nav-banner-left {
	width:100%;
}
.page-wrap .nav-banner.type2 .nav-banner-right {
	display:none;
}
/* ji su han added css code */
.box-tit-wrap{
    display:flex;
	flex-direction: column;
}

.deposit-logo{
    width:100px;
    flex-shrink:0;
}

.box-tit{
	white-space:nowrap;
    margin:0;
	width:auto;
	min-width:max-content;
}

.box-body{
	display: flex;
	column-gap:20px;
}
/* ji su han added css code */

.btn-basic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 50px;
  padding:0 10px;
  background-color: #004831;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.btn-basic:focus,
.btn-basic:hover,
.btn-basic:active,
.btn-basic:active:focus,
.btn-basic:active:hover {
  background-color: #004831;
  color: #fff;
}

.dots-list,
.stars-list,
.number-list,
.number-radius-list,
.hypen-list {
	padding:0;
	margin:0;
}
.dots-list > li,
.stars-list > li,
.number-list > li,
.number-radius-list > li,
.hypen-list > li {
	padding:0;
	margin:0;
	list-style:none;
}

.dots-list > li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.375;
  text-align: left;
}
.dots-list > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #666;
}
.stars-list > li {
  position: relative;
  padding-left: 13px;
  font-size: 16px;
  line-height: 1.375;
  text-align: left;
}
.stars-list > li::before {
  content: "*";
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}
.number-list {
  counter-reset: number;
}
.number-list > li {
  position: relative;
  padding-left: 27px;
  line-height: 1.375;
}
.number-list > li + li {
  margin-top: 20px;
}
.number-list > li::before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: number;
  content: counter(number) ". ";
  font-size: inherit;
  color: inherit;
}
.number-radius-list {
  counter-reset: radius_number;
}
.number-radius-list > li {
  position: relative;
  padding-left: 25px;
}
.number-radius-list > li::before {
  counter-increment: radius_number;
  content: counter(radius_number);
  position: absolute;
  left: 0;
  top: 5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #333;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.number-radius-list > li + li {
  margin-top: 20px;
}
.hypen-list > li {
  position: relative;
  padding-left: 10px;
}
.hypen-list > li + li {
  margin-top: 20px;
}
.hypen-list > li::before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.noto-type .share-wrap i {
    font:normal normal normal 25px/1 FontAwesome
}
/*언어 선택 margin*/
.language-list {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}
.language-list p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.language-list .language-item {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-decoration: underline !important;
}
.language-list + .page-wrap {
  z-index: 100;
}
.overview .page-wrap .col .overview-right a.active-gray {
  color: #337ab7 !important;
}
.overview .page-wrap .accordion-holder > a {
  font-weight: bold;
}
/*main Important Notices title margin */
.main-section .page-wrap-h3 {
  font-weight: bold;
  font-size: 26px;
  line-height: normal;
  margin-bottom: 16px;
  text-transform: none;
}
.main-section strong {
  font-size: 16px;
  font-weight: 700;
}
.main-section .btn-services {
  font-weight: bold;
}
.main-section.further-info {
  margin-bottom: 100px;
}
.main-section.further-info h3 {
  font-weight: bold;
font-size: 26px;
line-height: normal;
margin-bottom: 20px;
text-transform: none;
}
.further-list {
  display: flex;
  gap: calc((10 / 1031) * 100%);
  flex-wrap: wrap;
}
.further-list img {
  max-height: 56px;
}
.noto-type .further-list {
  gap: calc((100 / 1031) * 100%);
}
.noto-type .further-list img {
  max-height: 32px;
}
/*main Important Notices 상단 margin*/
.notice-file-list {
	margin-top:30px;
}
.notice-file-list .view-more {
	margin-top:25px;
}
.notice-file-list a {
  font-weight: 600;
}
.notice-file-list .accordion-content {
  padding: 0;
}
.accordion-holder {
	padding-bottom: 50px;
}

.accordion-holder>a {
	display: block;
	position: relative;
	background: #F2F2F2;
	font-weight: bold;
	color: #000;
	font-size: 22px;
	line-height: 30px;
	padding: 15px 50px 15px 30px;
	margin-top: 20px;
}

.accordion-holder>a:first-child {
	margin-top: 10px;
}

.accordion-holder>a::before {
	position: absolute;
	right: 30px;
	top: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f0d8';
	font-size: 16px;
	line-height: 16px;
	margin-top: -8px;
}

.accordion-holder>a.collapsed::before {
	content: '\f0d7';
}

.accordion-holder>a.collapsed {}

.accordion-content {
	padding: 40px 30px;
	font-size: 18px;
	line-height: 26px;
}
.accordion-content {
  padding: 40px 30px;
  font-size: 18px;
  line-height: 26px;
}
.accordion-content h3 b{
	font-size:20px;
}
.accordion-holder > a::before {
  position: absolute;
  right: 30px;
  top: 50%;
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f0d8";
  font-size: 16px;
  line-height: 16px;
  margin-top: -8px;
}
.accordion-content.pdt0 {
  margin-top:10px;
  word-break: keep-all;
  padding:0 !important;
 }

.accordion-content .dots-list {
  margin: 40px 0 0 0;
}
.accordion-content .dots-list li + li {
  margin-top: 12px;
}
.accordion-content .gray-box {
  padding: 24px 20px;
  background-color: #f7f7f7;
  text-align: center;
}
.accordion-content .gray-box strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4375;
}
.accordion-content .gray-box .dots-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 13px;
  gap: 5px 0;
  padding: 0 55px;
}
.accordion-content .gray-box .dots-list li {
  padding-left: 10px;
}
.accordion-content .gray-box .dots-list li + li {
  margin-top: 0;
}
.accordion-content .gray-box .dots-list li:nth-child(odd) {
  flex-basis: 65%;
}
.accordion-content .gray-box .dots-list li:nth-child(even) {
  flex-basis: 35%;
}
.accordion-content .gray-box .dots-list.type2 {
  padding: 0 180px;
}
.accordion-content .gray-box .dots-list.type2 li:nth-child(odd) {
  flex-basis: 80%;
}
.accordion-content .gray-box .dots-list.type2 li:nth-child(even) {
  flex-basis: 20%;
}
.accordion-content .gray-box .dots-list.type3 {
  padding: 0 180px;
}
.accordion-content .gray-box .dots-list.type3 li:nth-child(odd) {
  flex-basis: 100%;
}
.accordion-content .gray-box .dots-list.type3 li:nth-child(even) {
  flex-basis: 100%;
}
.accordion-content .green-box {
  margin-top: 44px;
  padding: 36px 35px 40px 35px;
  background-color: #eef6f6;
  font-family: "Open Sans", "Noto Sans KR", "Noto Sans JP";
}
.accordion-content .green-box .box-tit {
  display: block;
  margin-bottom: 13px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.34375;
}
.accordion-content .green-box p {
  font-size: 16px;
  line-height: 1.375;
}
.accordion-content .green-box p strong {
  font-weight: 600;
}
.accordion-content .green-box .btn-detail {
  text-align: right;
}
.accordion-content .green-box .btn-default {
  margin-top: 20px;
}
.green-box {
	display: flex;
	flex-direction:column;
	row-gap: 24px;
}

.accordion-content .list-date {
  margin-top: 25px;
  font-size: 16px;
  text-align: right;
  line-height: 1.375;
}
.accordion-content.privacy {
  margin-top:10px;
  word-break: keep-all;
  padding:0 !important;
}
.accordion-content.privacy h3,
.accordion-content.privacy h4 {
  margin: 20px 0;
  font-size: 18px;
}
.accordion-content.privacy p {
  margin: 0;
  font-size: 18px;
}
.accordion-content.privacy li {
  font-size: 18px;
}
.accordion-content.privacy .section-tit p {
  font-size:26px;
}

.accordion-content.privacy ol ol,
.accordion-content.privacy ol ul,
.accordion-content.privacy ul ul,
.accordion-content.privacy ul ol {
  margin-left: -20px;
}
.accordion-content.privacy .table-scroll {
  margin-top: 20px;
}
.accordion-content.privacy .number-list > li,
.accordion-content.privacy .hypen-list > li {
  padding-left: 20px;
}
.accordion-content.privacy a {
  color: #333;
}
.accordion-content.privacy .dots-list {
  margin-top: 0;
}
.accordion-content.privacy .bullet {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-left: -20px;
}
.accordion-content.privacy .bullet::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.accordion-content.privacy .bullet01::before {
  content: "♦";
}
.accordion-content.privacy .bullet02::before {
  content: "►";
}
.kr-type .accordion-content .gray-box .dots-list {
    padding:0 170px;
}
.kr-type .accordion-content .gray-box .dots-list li:nth-child(odd) {
  flex-basis: 50%;
}
.kr-type .accordion-content .gray-box .dots-list li:nth-child(even) {
  flex-basis: 50%;
}
.kr-type .accordion-content .gray-box .dots-list.type2 {
  padding: 0 270px;
}
.kr-type .accordion-content .gray-box .dots-list.type2 li:nth-child(odd) {
  flex-basis: 70%;
}
.kr-type .accordion-content .gray-box .dots-list.type2 li:nth-child(even) {
  flex-basis: 30%;
}
.kr-type .accordion-content .gray-box .dots-list.type3 {
  padding: 0 270px;
}
.kr-type .accordion-content .gray-box .dots-list.type3 li:nth-child(odd) {
  flex-basis: 100%;
}
.kr-type .accordion-content .gray-box .dots-list.type3 li:nth-child(even) {
  flex-basis: 100%;
}
.jp-type .accordion-content .gray-box .dots-list {
    padding:0 100px;
}
.jp-type .accordion-content .gray-box .dots-list li:nth-child(odd) {
  flex-basis: 50%;
}
.jp-type .accordion-content .gray-box .dots-list li:nth-child(even) {
  flex-basis: 50%;
}
.jp-type .accordion-content .gray-box .dots-list.type2 {
  padding: 0 260px;
}
.jp-type .accordion-content .gray-box .dots-list.type2 li:nth-child(odd) {
  flex-basis: 70%;
}
.jp-type .accordion-content .gray-box .dots-list.type2 li:nth-child(even) {
  flex-basis: 30%;
}
.jp-type .accordion-content .gray-box .dots-list.type3 {
  padding: 0 260px;
}
.jp-type .accordion-content .gray-box .dots-list.type3 li:nth-child(odd) {
  flex-basis: 100%;
}
.jp-type .accordion-content .gray-box .dots-list.type3 li:nth-child(even) {
  flex-basis: 100%;
}
.section-tit {
  position: relative;
  margin: 40px 0 16px;
}
.section-tit.first {
  margin-top: 0;
}
.section-tit p {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.385;
}
.section-tit span {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 16px;
}
.table-scroll {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-scroll caption {
	position: absolute;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.table-scroll table {
	width:100%;
	border:none;
	border-spacing:0;
	border-collapse:collapse;
	table-layout:fixed;
  border-top: 2px solid #333;
}
.table-scroll table th {
  padding: 14px 0;
  border: 1px solid #e4e4e4;
  background-color: #f7f7f7;
  font-weight: 600;
  text-align: center;
}
.table-scroll table td {
  padding: 14px 0 14px 16px;
  border: 1px solid #e4e4e4;
}
.table-scroll table td strong {
  font-weight: 600;
}
.table-scroll table tr th:first-child {
  border-left: none;
}
.table-scroll table tr td:last-child {
  border-right: none;
}
.table-scroll table tr td.pdl0 {
  padding-left: 0;
}
.table-scroll table tr td.pdr {
  padding-right: 16px;
}
.table-scroll table.table-vertical tr th:first-child,
.table-scroll table.table-vertical tr td:first-child {
  border-left: none;
}
.table-scroll table.table-vertical tr th:last-child,
.table-scroll table.table-vertical tr td:last-child {
  border-right: none;
}
.table-scroll table.table-vertical thead th {
  border-bottom: none;
}
.table-scroll table .dots-list {
  margin: 0;
}

/*s:sub 텍스트/아이콘 크기수정*/
.overview .page-wrap .accordion-content h4 {
	font-size: 18px;
	font-weight: 600;
}
.overview .page-wrap .accordion-content h4 a {
	/*font-size: 16px;*/
}
/*sub h4 pdf icon 크기*/
.overview .page-wrap .accordion-content h4 img {
	/*width:20px;*/
}
.overview .page-wrap .accordion-content h5 {
	
}
.overview .page-wrap .accordion-content h5 a {
	
}
/*sub h5 pdf icon 크기*/
.overview .page-wrap .accordion-content h5 img {
	
}
/*e:sub 텍스트/아이콘 크기수정*/

/*main 텍스트/아이콘 크기수정*/
.overview .page-wrap .main-section.notice-file-list .accordion-content h3 {
	margin-bottom:24px;
}
.overview .page-wrap .main-section.notice-file-list .accordion-content h3 b {
	font-size:16px;
}
.overview .page-wrap .main-section.notice-file-list .accordion-content h4 {
	/*margin-bottom:10px;*/
}
.overview .page-wrap .main-section.notice-file-list .accordion-content h4 a {
	font-size:16px;
}
/*main h4 pdf icon 크기*/
.overview .page-wrap .main-section.notice-file-list .accordion-content h4 img {
	/*width:20px;*/
}
.overview .page-wrap .main-section.notice-file-list .accordion-content h5 {
	
}
.overview .page-wrap .main-section.notice-file-list .accordion-content h5 a {
	
}
/*main h5 pdf icon 크기*/
.overview .page-wrap .main-section.notice-file-list .accordion-content h5 img {
	
}
/*e:main 텍스트/아이콘 크기수정*/

@media only screen and (max-width: 1199.98px) {
  .overview .page-wrap .overview-left {
    padding-right: 20px;
  }

  .accordion-content {
    padding: 20px !important;
  }
  .accordion-content .gray-box .dots-list {
    display: block;
    padding: 0;
  }
  .accordion-content .gray-box .dots-list.type2,
  .kr-type .accordion-content .gray-box .dots-list,
  .jp-type .accordion-content .gray-box .dots-list,
  .kr-type .accordion-content .gray-box .dots-list.type2,
  .jp-type .accordion-content .gray-box .dots-list.type2,
.kr-type .accordion-content .gray-box .dots-list.type3,
  .jp-type .accordion-content .gray-box .dots-list.type3  {
    padding: 0;
  }
  .notice-file-list .accordion-content {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .further-list,
  .noto-type .further-list {
    gap: 20px;
  }
  .table-scroll-inner {
    width: 970px;
  }
  .main-section.further-info h3 {
    font-size:22px;
  }
}
@media only screen and (max-width: 900px) {
  .overview .page-wrap .col .overview-right {
    position: static;
  }
}
@media only screen and (max-width: 575px) {
  .section-tit span {
    position: static;
  }
}
@media only screen and (max-width: 480px) {
  .further-list {
    gap: 5px;
  }
  .further-list img {
    height: 26px;
  }
  .noto-type .further-list img {
    height: 22px;
  }
}