@charset "utf-8";
.sec-tit {font-size: 24px; color: var(--dark-color); line-height: 1.3em; letter-spacing: -0.1em;}
.deco-tit {position: relative; padding-left: 35px;}
.deco-tit:before {position: absolute; content:''; top: 50%; left: 0; margin-top: -10px; width: 26px; height: 26px; border-radius: 100%; border: 6px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(-45deg, #003a7a, #4ebaeb); background-origin: border-box; background-clip: content-box, border-box;}
.table-help-txt {margin-top: calc(-1.5em - var(--table-space)); margin-bottom: var(--table-space); text-align: right; color: var(--dark-color);}
.table-wrap table {width: 100%; border-collapse: collapse;}
.table-wrap th {color: #222; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); letter-spacing: -.025em;}
.table-wrap thead th {background: #f4fcff;}
.table-wrap th, .table-wrap td {padding: 14px 5px; border: 1px solid #d6d6d6;}
.asterisk-list {margin-top: var(--table-space);}
.asterisk-list li {position: relative; padding-left: 30px;}
.asterisk-list li:before {position: absolute; content: '※'; left: 10px;}
.deposit-information h2 {margin-bottom: var(--table-space);}
.depositor-protection-system .sec {padding-top: clamp(30px, calc( 85 / var(--inner) * 100vw ), 85px); padding-bottom: clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px); border-bottom: 1px solid #ccc;}
.depositor-protection-system .sec:first-child {padding-top: clamp(0px, calc( 40 / var(--inner) * 100vw ), 40px);}
.depositor-protection-system .sec:last-child {border-bottom: 0;}
.img-wrap {gap: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}
.txt-box {padding: 0 clamp(0px, calc( 60 / var(--inner) * 100vw ), 60px); background: #f2f2f2; border-radius: var(--bdrs16);}
.txt-box .wrap {padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 20px;}
.indent-list li {text-indent: -15px; padding-left: 15px;}

.history {position: relative;}
.history:before {position: absolute; content: ''; width: 1px;left: 50%;top: 0; bottom: 0; background: #4ebaeb;}
.history-item {width: 50%; margin-left: auto; padding-left: var(--history-indent);}
.history-item:not(:last-child) {margin-bottom: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}
.history-year {position: relative; margin-bottom: clamp(10px, calc( 28 / var(--inner) * 100vw ), 28px);font-size: clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: 700; letter-spacing: -.025em; color: var(--dark-color);}
.history-year:before {position: absolute; content: ''; left: calc(var(--history-indent) * -1); top: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; border: 10px solid #4ebaeb; border-radius: 100%; background: #fff;}
.history-date {display: inline-block;min-width: 60px; font-weight: 700; color: var(--dark-color);}
.history-cnt li {display: flex;}
.history-cnt li:not(:last-child) {margin-bottom: 6px;}
.history-item:nth-child(even) {margin-left: 0; padding-left: 0; padding-right: var(--history-indent); text-align: right;}
.history-item:nth-child(even) .history-year:before {left: auto; right: calc(var(--history-indent) * -1); margin-left: 0; margin-right: -25px;}
.history-item:nth-child(even) .history-cnt li {flex-direction:row-reverse;}
.organizations .sec:not(:last-child) {margin-bottom: clamp(40px, calc( 150 / var(--inner) * 100vw ), 150px);}

.direction-menu {display: flex; justify-content: center; margin-bottom: clamp(30px, calc( 75 / var(--inner) * 100vw ), 75px);}
.direction-menu a {padding: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px) clamp(20px, calc( 37 / var(--inner) * 100vw ), 37px); border: 1px solid #ddd; color: var(--dark-color); letter-spacing: -.1em; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 700;}
.direction-menu a.active {border-color: var(--secondary-color); background: var(--secondary-color); color: #fff;}
.direction-title {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.direction-title h2 {position: relative; margin-right: 30px; padding-right: 30px;}
.direction-title h2:before {position: absolute; content: ''; right: -1px; top: 50%; margin-top: -7px; width: 1px; height: 20px; background: #ccc;}
.direction-info {gap: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}
.direction-item {gap: 20px;}
.root_daum_roughmap .wrap_map,.root_daum_roughmap {width: 100% !important;}

.term-wrap {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); letter-spacing: -.1em;}
.term-wrap p {margin-bottom:20px;}
.term-wrap .sec {margin-bottom:60px; font-size:16px; line-height:1.6em;}
.term-wrap .sec:last-child {margin-bottom:0;}
.term-wrap .sec .tit {margin-bottom:10px; color: var(--dark-color);}
.term-wrap .table02 td,
.term-wrap .table02 th {font-size:15px; padding:10px;}
.term-wrap dl {background:#fafafa; padding:20px;}
.term-wrap dt {font-weight:600;}
.list02 > li {position:relative; padding-left:16px;}
.list02.letter-list > li {padding-left:22px;}
.list02 > li > .num {position:absolute; left:0; letter-spacing: .1em;}
.list02 ul {padding-left: 16px;}

.product-welcome {padding: 10px clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) 0; margin-bottom: clamp(30px, calc( 85 / var(--inner) * 100vw ), 85px); background: #d8f1ff;}
.bdrs16 {border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); overflow: hidden;}

.greetings {position: relative; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;line-height: 1.5em; font-size: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.greetings .contain {display: flex; justify-content: flex-end;}
.greetings .txt {position: absolute; top: 0; left: 0; bottom: 0; padding: clamp(20px, calc( 75 / var(--inner) * 100vw ), 75px) clamp(15px, calc( 85 / var(--inner) * 100vw ), 85px);}
.greetings h2 {color: #136ab2; font-size: clamp(22px, calc( 38 / var(--inner) * 100vw ), 38px);}
.greetings .desc {margin: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) 0 clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.greetings .desc p:not(:last-child) {margin-bottom: 1.5em;}
.greetings .img {margin-right: calc(var(--container-space) * -1); width: 48.73%;}