@charset "UTF-8";


/* start */
.mgt0 { margin-top: 0 !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt55 { margin-top: 55px !important; }
.mgt60 { margin-top: 60px !important; }
.mgt65 { margin-top: 65px !important; }
.mgt70 { margin-top: 70px !important; }
.mgt75 { margin-top: 75px !important; }
.mgt80 { margin-top: 80px !important; }
.mgt85 { margin-top: 85px !important; }
.mgt90 { margin-top: 90px !important; }
.mgt95 { margin-top: 95px !important; }
.mgt100 { margin-top: 100px !important; }


.mgr0 { margin-right: 0 !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr55 { margin-right: 55px !important; }
.mgr60 { margin-right: 60px !important; }
.mgr65 { margin-right: 65px !important; }
.mgr70 { margin-right: 70px !important; }
.mgr75 { margin-right: 75px !important; }
.mgr80 { margin-right: 80px !important; }
.mgr85 { margin-right: 85px !important; }
.mgr90 { margin-right: 90px !important; }
.mgr95 { margin-right: 95px !important; }
.mgr100 { margin-right: 100px !important; }


.mgb0 { margin-bottom: 0 !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb55 { margin-bottom: 55px !important; }
.mgb60 { margin-bottom: 60px !important; }
.mgb65 { margin-bottom: 65px !important; }
.mgb70 { margin-bottom: 70px !important; }
.mgb75 { margin-bottom: 75px !important; }
.mgb80 { margin-bottom: 80px !important; }
.mgb85 { margin-bottom: 85px !important; }
.mgb90 { margin-bottom: 90px !important; }
.mgb95 { margin-bottom: 95px !important; }
.mgb100 { margin-bottom: 100px !important; }


.mg0 { margin-left: 0 !important; }
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl55 { margin-left: 55px !important; }
.mgl60 { margin-left: 60px !important; }
.mgl65 { margin-left: 65px !important; }
.mgl70 { margin-left: 70px !important; }
.mgl75 { margin-left: 75px !important; }
.mgl80 { margin-left: 80px !important; }
.mgl85 { margin-left: 85px !important; }
.mgl90 { margin-left: 90px !important; }
.mgl95 { margin-left: 95px !important; }
.mgl100 { margin-left: 100px !important; }


.gap0  { gap: 0 !important; }
.gap5  { gap: 5px !important; }
.gap10 { gap: 10px !important; }
.gap15 { gap: 15px !important; }
.gap20 { gap: 20px !important; }
.gap25 { gap: 25px !important; }
.gap30 { gap: 30px !important; }
.gap35 { gap: 35px !important; }
.gap40 { gap: 40px !important; }
.gap45 { gap: 45px !important; }
.gap50 { gap: 50px !important; }
.gap55 { gap: 55px !important; }
.gap60 { gap: 60px !important; }
.gap65 { gap: 65px !important; }
.gap70 { gap: 70px !important; }
.gap75 { gap: 75px !important; }
.gap80 { gap: 80px !important; }
.gap85 { gap: 85px !important; }
.gap90 { gap: 90px !important; }
.gap95 { gap: 95px !important; }
.gap100 { gap: 100px !important; }


.wp100{width:100%;}

.fx{display: flex;}
.fx-col{flex-direction: column;}
.flex-row{flex-direction: row;}
.fx-jc-start{justify-content: flex-start;}
.fx-jc-end{justify-content: flex-end;}
.fx-jc-center{justify-content: center;}
.fx-jc-sb{justify-content: space-between;}
.fx-ai-start{align-items: flex-start;}
.fx-ai-end{align-items: flex-end;}
.fx-ai-center{align-items: center;}
.flex1{flex:1 1 0;}
.flex-auto{flex: 1 1 auto;}



.icon{ display: inline-flex; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; }
.i-search{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Huge Icons by Hugeicons - undefined --%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.5 17.5L22 22m-2-11a9 9 0 1 0-18 0a9 9 0 0 0 18 0' color='currentColor'/%3E%3C/svg%3E");}
.i-chart01{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='25' stroke-linecap='round' stroke-linejoin='round' d='M300.9 15.71c62.9 88.09 126.3 176.09 88.5 279.39l15.9-2.6l-27.5 96.5c-76.2 46-157.1 73.3-241.8 85.4c-9.6-43.1-21.2-85.9 3.6-133.1l24.5-44.1c-30-32.3-32.5-63.1-45.4-94.4c23-6.4 32.4-20.4 60.8 3.8L139.2 109c11.3-22.61 29.5-51.07 56.2-61.48c33.2-12.94 71.3 1.24 105.5-31.81'/%3E%3C/svg%3E"); }
.i-chart02{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.05 1.25h-.1c-.664 0-1.237 0-1.696.062c-.491.066-.963.215-1.345.597s-.531.854-.597 1.345c-.062.459-.062 1.032-.062 1.697v2.427a2.3 2.3 0 0 0-.75-.128h-3A2.25 2.25 0 0 0 2.25 9.5v11.75H2a.75.75 0 0 0 0 1.5h20a.75.75 0 0 0 0-1.5h-.25V14.5a2.25 2.25 0 0 0-2.25-2.25h-3q-.396.002-.75.128V4.951c0-.665 0-1.238-.062-1.697c-.066-.491-.215-.963-.597-1.345s-.853-.531-1.345-.597c-.459-.062-1.032-.062-1.697-.062m8.2 20V14.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75v6.75zm-6 0V5c0-.728-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.484s-.159-.128-.484-.172c-.347-.046-.818-.048-1.546-.048s-1.2.002-1.546.048c-.325.044-.427.115-.484.172s-.128.159-.172.484c-.046.347-.048.818-.048 1.546v16.25zm-6 0V9.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75v11.75z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.i-chart03{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE --%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h3m10 0h3m-9.5 0h3M4 16h3m10 0h3m-9.5 0h3M4 12h3m10 0h3m-9.5 0h3M4 8h3m10 0h3M4 4h3'/%3E%3C/svg%3E");}
.i-chart04{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Myna UI Icons by Praveen Juge - https://github.com/praveenjuge/mynaui-icons/blob/main/LICENSE --%3E%3Cpath fill='currentColor' d='M4 21v-6a1 1 0 1 1 2 0v6a1 1 0 1 1-2 0m5 0v-8a1 1 0 1 1 2 0v8a1 1 0 1 1-2 0m4.5 0v-7a1 1 0 0 1 2 0v7a1 1 0 1 1-2 0m4.5 0V11a1 1 0 0 1 2 0v10a1 1 0 1 1-2 0m2.342-17.253a1 1 0 0 1 1.316 1.506l-5.846 5.114c-.818.716-1.716 1.274-2.754 1.26c-.92-.011-1.723-.465-2.467-1.137l-.316-.3l-.007-.007c-.654-.655-1.054-.826-1.332-.843c-.233-.015-.589.067-1.174.505l-.265.21l-3.856 3.214a1 1 0 0 1-1.282-1.537L6.217 8.52l.334-.266c.786-.59 1.61-.967 2.512-.91c1.021.066 1.864.67 2.62 1.426l.006.006l.251.239c.556.499.909.61 1.143.614c.28.004.7-.141 1.413-.766z'/%3E%3C/svg%3E");}
.i-chart06{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cg fill='currentColor' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M17.206 1.856c-1.063-.419-2.09-.135-2.817.512c-.71.63-1.139 1.602-1.139 2.632v4c0 .967.784 1.75 1.75 1.75h4c1.03 0 2.002-.43 2.633-1.139c.646-.727.93-1.754.51-2.817a8.78 8.78 0 0 0-4.937-4.938M14.75 9V5c0-.627.265-1.182.636-1.512c.353-.314.791-.425 1.27-.236a7.28 7.28 0 0 1 4.092 4.092c.189.479.078.917-.236 1.27c-.33.371-.885.636-1.512.636h-4a.25.25 0 0 1-.25-.25'/%3E%3Cpath d='M10.995 2.87c-.61-.396-1.2-.51-1.85-.396c-.55.096-1.14.36-1.767.641l-.067.03A10.25 10.25 0 1 0 20.855 16.69l.03-.068c.281-.627.545-1.217.641-1.768c.113-.648 0-1.239-.396-1.85c-.426-.657-1.01-.979-1.724-1.125c-.634-.13-1.426-.13-2.334-.129H15.5c-.964 0-1.612-.002-2.095-.066c-.461-.063-.659-.17-.789-.3s-.237-.328-.3-.79c-.064-.482-.066-1.13-.066-2.094V6.928c0-.908 0-1.7-.13-2.334c-.145-.714-.467-1.298-1.125-1.724M7.924 4.514c.719-.322 1.136-.503 1.48-.563c.265-.046.474-.018.776.178c.254.165.389.361.471.765c.095.467.099 1.104.099 2.106v1.552c0 .898 0 1.648.08 2.242c.084.628.27 1.195.726 1.65c.455.456 1.022.642 1.65.726c.594.08 1.344.08 2.242.08H17c1.002 0 1.639.004 2.106.099c.404.082.6.217.765.471c.196.302.224.511.178.777c-.06.343-.241.76-.563 1.48a8.76 8.76 0 0 1-4.638 4.507a8.75 8.75 0 0 1-6.924-16.07'/%3E%3C/g%3E%3C/svg%3E");}
.i-chart07{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2L12 12M12 12L20 20M12 12L4 20M12 2L18 8M12 2L6 8M12 12L18 4M12 12L6 4'/%3E%3Cpath d='M12 2L14.5 7.5L12 12L9.5 7.5Z' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E");}
.i-reset{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 21 21'%3E%3C!-- Icon from System UIcons by Corey Ginnivan - https://github.com/CoreyGinnivan/system-uicons/blob/master/LICENSE --%3E%3Cg fill='none' fill-rule='evenodd' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 3.5c2.414 1.377 4 4.022 4 7a8 8 0 1 1-8-8'/%3E%3Cpath d='M14.5 7.5v-4h4'/%3E%3C/g%3E%3C/svg%3E");}
.i-download{mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' d='M12.554 16.506a.75.75 0 0 1-1.107 0l-4-4.375a.75.75 0 0 1 1.107-1.012l2.696 2.95V3a.75.75 0 0 1 1.5 0v11.068l2.697-2.95a.75.75 0 1 1 1.107 1.013z'/%3E%3Cpath fill='currentColor' d='M3.75 15a.75.75 0 0 0-1.5 0v.055c0 1.367 0 2.47.117 3.337c.12.9.38 1.658.981 2.26c.602.602 1.36.86 2.26.982c.867.116 1.97.116 3.337.116h6.11c1.367 0 2.47 0 3.337-.116c.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75 0 0 0-1.5 0c0 1.435-.002 2.436-.103 3.192c-.099.734-.28 1.122-.556 1.399c-.277.277-.665.457-1.4.556c-.755.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103c-.734-.099-1.122-.28-1.399-.556c-.277-.277-.457-.665-.556-1.4c-.101-.755-.103-1.756-.103-3.191'/%3E%3C/svg%3E");}
.link{text-decoration: underline;}



.img-box img{width:100%; border:1px solid #dbdbdb;}
.bdt-dark{border-top:2px solid #ccc}

.box-type1{padding:40px; border:1px dotted #ddd; background: #fafafa;}
.box-type2{display: flex; flex-direction: column; padding:40px; border:1px solid #eee;}
.box-type2 p{line-height: 1.8;}


.h_type1{font-size:30px; font-weight: 700;}
.h_type2{position: relative; font-size:24px; font-weight: 700; color:#333; padding-left:22px; line-height: 1;}
.h_type2::before{position: absolute; content:''; left:0; top:0; width:5px; height:20px; transform: skew(-35deg, 0); background: #ee133b;}
.h_type2::after{position: absolute; content:''; left:3px; top:10px; width:5px; height:15px; transform: skew(-35deg, 0); background: #0574cf;}
.h_type3{position: relative; font-size:21px; font-weight: 700; color:#333; padding-left:15px; line-height: 1;}
.h_type3::before{position: absolute; content:''; left:0; top:3px; width:5px; height:15px; transform: skew(-35deg, 0); background: #ee133b;}
.h_type4{font-size:18px; font-weight: 700; color:#333;}
.f-blue{color:#14467C;}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}

.table_type1{display: block;}
.table_type1 table{width:100%;}
.table_type1.scroll{width:auto; overflow-x: auto;}
.table_type1 table th,
.table_type1 table td{border:1px solid #dfdfdf; font-size:15px !important; padding:14px;}
.table_type1 table thead th{background: #14467C; color:#fff; border-color:rgba(255, 255, 255, .25);}
.table_type1 table tbody th{background: #f7f7f7;}
/* .table_type1 table tbody th[rowspan]{background: #eee;} */
.table_type1 table tbody th:first-child[rowspan]{background: #f7f7f7;}
.table_type1 table tfoot th{background: #ccc;}
.table_type1 .sticky-col{position: sticky; left: 0; z-index: 2; min-width:100px;}
.table_type1 .sticky-col:nth-child(2){left:100px;}
.table_type1 th.bg{background-color: #0b2b4f;}
.table_type1 td.bg{background-color: #e4f1ff;}

.table_type1 .data-bar th{background: transparent; padding:0 0 15px;}
.table_type1 .data-bar div{display: flex; flex-direction: column; justify-content: center; align-items: center; gap:15px;}
.table_type1 .data-bar p{font-size:18px; color:#333;}
.table_type1 .data-bar span{position: relative; width:100%; height:4.5px; border-radius: 999px;}
.table_type1 .data-bar span::before{position: absolute; content:''; left:2px; top:50%; transform: translateY(-50%) rotate(45deg); width:18px; height:18px; border:5px solid transparent; border-top:0; border-right:0; border-radius: 5px;}
.table_type1 .data-bar span::after{position: absolute; content:''; right:2px; top:50%; transform: translateY(-50%) rotate(45deg); width:18px; height:18px; border:5px solid transparent; border-bottom:0; border-left:0; border-radius: 5px;}
.table_type1 .data-bar th.nth1 p{color: #14467C;}
.table_type1 .data-bar th.nth1 span{background: #14467C;}
.table_type1 .data-bar th.nth1 span::before,
.table_type1 .data-bar th.nth1 span::after{border-color: #14467C;}
.table_type1 .data-bar th.nth2 p{color: #0b2b4f;}
.table_type1 .data-bar th.nth2 span{background: #0b2b4f;}
.table_type1 .data-bar th.nth2 span::before,
.table_type1 .data-bar th.nth2 span::after{border-color: #0b2b4f;}
.table_type1.fix-top thead{position: sticky; top:80px;}

.table_type1.scroll table{width:auto; min-width:1461px;}


.select-type1{padding:0 40px 0 15px; height:40px; width:100%; border:1px solid #dbdbdb; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-size: 24px; /*background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='currentColor' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E") no-repeat center right 5px;*/}
.select-type1:focus {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m12 8.6l6 6L16.6 16l-4.6-4.6L7.4 16L6 14.6z'/%3E%3C/svg%3E"); }
.b-type1{display: flex; align-items: center; gap:10px; padding:0 15px; height:40px; background: #14467C; color:#fff;}
.b-type1 i{width:20px; height:20px;}
p.select-type1{display: flex; align-items: center;}

.radio-type1{display: flex;}
.radio-type1 input[type="radio"]{display: none;}
.radio-type1 label{position: relative; padding-left:20px; gap:5px; line-height: 1; cursor: pointer;}
.radio-type1 label::before{position: absolute; left:0; top:50%; transform: translateY(-50%); content:''; width:15px; height:15px; border:1px solid #dbdbdb; border-radius: 100px; background: #fff;}
.radio-type1 label::after{position: absolute; content:''; left:3px; top:50%; transform: translateY(-50%); width:9px; height:9px; background: #0574cf; border-radius: 50%; opacity: 0;}
.radio-type1 input:checked + label::after{ opacity: 1;}


.filter-type1{width:100%; background: #f7f7f7; padding:40px;}
.filter-box{display: flex; gap:25px;}
.filter-group{display: flex; gap:25px;}
.filter-item{display: flex; align-items: center; gap:15px;}
.filter-item.range{display: flex;}
.filter-item.range .range-box{display: flex; align-items: center; gap:15px;}
.filter-item.range select{min-width: 200px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cg fill='none'%3E%3Cpath stroke='currentColor' stroke-width='1.5' d='M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M7 4V2.5M17 4V2.5M2.5 9h19'/%3E%3Cpath fill='currentColor' d='M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right 10px;}
.filter-item.range select:focus{background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cg fill='none'%3E%3Cpath stroke='%2314467C' stroke-width='1.5' d='M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z'/%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M7 4V2.5M17 4V2.5M2.5 9h19'/%3E%3Cpath fill='currentColor' d='M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right 10px;}

.li-type1{display: flex; flex-direction: column; width:100%;}
.li-type1 > li{display: flex; gap:30px; width:100%;}
.li-type1 > li .tit{width:320px; padding:20px; border-top:2px solid #333; font-size:20px; font-weight: 700;}
.li-type1 > li .info{display: flex; flex:1; padding:20px; border-top:1px solid #333;}

.li-type2{display: flex; flex-direction: column;}
.li-type2 > li{position: relative; padding-left:15px;}
.li-type2 > li::before{position: absolute; content:''; left:0; top:9px; width:5px; height:5px; border-radius: 100%; background: #bbb;}

.li-type3{display: flex; flex-direction: column;}
.li-type3 > li{display: flex; gap:15px;}
.li-type3 > li > .tit{min-width:75px; font-weight: 600; color:#333}
.li-type3 > li > .txt{flex:1; opacity: .75;}

.tab-type1{display: flex; gap:2px; width:100%;}
.tab-type1 a{display: flex; align-items: center; justify-content: center; flex:1 1 0; height:65px; font-size:18px; font-weight: 700; color:#0860ad; background: #f2f2f2;}
.tab-type1 a.on{background: #0860ad; color:#fff;}

.tab-type2{display: flex; gap:2px; width:100%;}
.tab-type2 a{display: flex; align-items: center; justify-content: center; flex:1 1 0; height:65px; font-size:18px; font-weight: 700; color:#0860ad; background: #f2f2f2; border-top:2px solid #0860ad}
.tab-type2 a.on{background: linear-gradient( to bottom, #0860ad, #000 ); color:#fff;}

.tab-type3-menu {display: flex; align-items: flex-start; gap:10px;}
.tab-type3-menu a{display: flex; align-items: center; justify-content: center; height:55px; padding:0 25px; border:2px solid #ddd; color:#999; font-weight: 600;}
.tab-type3-menu a:hover{color:#666; border-color:#999}
.tab-type3-menu a.on{border-color:#0860ad; background: #0860ad10; color:#0860ad}

.tab-type3-content{display: none;}
.tab-type3-content.on{display: block;}

.conet-type1{display: flex; flex-direction: column;}
.conet-type1 .cont-group{display: flex; gap:40px;}
.conet-type1 .tit-box{width:320px; padding:40px 0; font-size:21px; font-weight: 600; border-top:2px solid #333;}
.conet-type1 .info-box{flex:1; padding:40px 0; border-top:1px solid #333;}
.conet-type1 .cont-group:last-child .tit-box,
.conet-type1 .cont-group:last-child .info-box{border-bottom:1px solid #333;}

.d-type1 > ul{display: flex; flex-direction: column; gap:60px;}
.d-type1 > ul > li{position: relative; display: flex; flex-direction: column; border:1px solid #0860ad;}
.d-type1 > ul > li::after{position: absolute; content: ''; left:50%; top:100%; width:60px; height:62px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --%3E%3Cpath fill='currentColor' d='m12 18l-6-6l1.4-1.4l3.6 3.575V6h2v8.175l3.6-3.575L18 12Z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.d-type1 > ul > li:last-child:after{display: none;}
.d-type1 .tit{padding:15px; font-weight: 600; color:#fff; background: #0860ad;}
.d-type1 .info{padding:15px;}


.length-line{position: relative; display: flex; align-items: center; justify-content: center; width:1px; min-height:100%;}
.length-line::before{content:''; width:100%; height:75%; background: #dbdbdb; }


.chart-box-head{display: flex; align-items: center; justify-content: space-between;}
.chart-util{display: flex; gap:15px;}
.chart-util .util-group{display: flex; gap:5px}
.chart-util .util-group input{display: none;}
.chart-util .util-group label{display: flex; align-items: center; justify-content: center; width:40px; aspect-ratio: 1; border:1px solid #dbdbdb; cursor: pointer;}
.chart-util .util-group label:hover{background: #f2f2f2;}
.chart-util .util-group i{font-size:21px;}
.chart-util .util-group input:checked + label{background: #0860ad; border-color:#0860ad}
.chart-util .util-group input:checked + label i{color:#fff;}
.chart-box-body{position: relative; display: flex; border:1px solid #dbdbdb; padding:25px;}
.chart-box-body img,
.chart-box-body canvas{width:100%; background: transparent;}



.b_type1{display: flex; align-items: center; gap:7px; height:40px; padding:0 8.5px; border:1px solid #dbdbdb; line-height: 1;}
.b_type1:hover{background: #f2f2f2;}
.b_type1 i{font-size:21px;}
.b_type1.on{background: #0860ad; color:#fff; border-color:#0860ad}


.cb-introduction .top-banner{position: relative; display: flex; aspect-ratio: 115 / 32; padding:75px; background: url(/res/img/cn/introduction-top2.png) no-repeat center / cover;}
.cb-introduction .top-banner.bg2{background: url(/res/img/cn/introduction-top2.png) no-repeat center / cover;}
.cb-introduction .top-banner::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; background: linear-gradient( to bottom, #000, transparent 25% ); opacity: .5;}
.cb-introduction .top-banner p{position: relative; font-size:38px; font-weight: 700; color:#fff;}
.cb-introduction .top-banner.bg2 p{color:#0860ad}
.cb-introduction .top-banner.bg2::before{display: none;}
.cb-introduction .content01 .info{display: flex; flex-direction: column; gap:25px;}
.cb-introduction .item-box01 ul{position: relative; display: flex; flex-direction: column; gap:10px; padding-left:24px;}
.cb-introduction .item-box01 ul::before{position: absolute; content:''; left:0; top:0; width:1px; height:100%; background: #000; opacity: .1;}
.cb-introduction .item-box01 ul li{position: relative; display: flex; gap:15px; padding:15px;     border: 1px dotted #ddd; background: #fafafa;}
.cb-introduction .item-box01 ul li::before{position: absolute; content:''; left:-24px; top:21px; transform: translateX(-50%); width:7px; height:7px; background: #006ecd; border-radius: 50%;}
.cb-introduction .item-box01 ul li .day{width:50px; opacity: .75; font-size:14px;}
.cb-introduction .item-box01 ul li:last-child .day{color:#006ecd; font-weight: 700; opacity: 1;}
.cb-introduction .item-box01 ul li p b{font-weight: 500; color:#0860ad}
.cb-introduction .item-box01 ul li p .desc2{font-size:13px;}
.cb-introduction .item-box02{display: flex; flex-direction: column; gap:15px; padding:25px;}
.cb-introduction .item-box02 h5{font-size:18px; font-weight: 700;}
.cb-introduction .item-box02 .item-inner{display: flex; gap:25px;}
.cb-introduction .item-box02 .table_type1{flex:1;}


.cb-introduction .item-box02 i{display: flex; align-self: center; align-items: center; justify-content: center; width:50px; height:50px;}
.cb-introduction .item-box02 i svg{transform: rotate(90deg); color:#14467C}

#timelineControls{position: absolute; left:0; bottom:0;}

.leaflet-control-container{position: absolute; right:25px; top:25px;}
.leaflet-control-container .leaflet-left{position: relative; display: flex; flex-direction: column; gap:10px;}
.leaflet-control-container .leaflet-left .leaflet-control{margin:0; border:0;}
.leaflet-left .leaflet-control{display: flex; flex-direction: column; gap:10px;}
.leaflet-touch .leaflet-bar a:first-child,
.leaflet-touch .leaflet-bar a:last-child{border:0;}
.leaflet-touch .leaflet-bar a{position: relative; display: flex; align-items: center; justify-content: center; width:40px !important; height:40px !important; border:1px solid #dbdbdb !important; font-size:0;}
.leaflet-touch .leaflet-bar a span{display: none;}
.leaflet-touch .leaflet-bar a::before{content:''; width:65%; height:65%;}
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 1024 1024'%3E%3C!-- Icon from Element Plus by Element Plus - https://github.com/element-plus/element-plus-icons/blob/main/packages/svg/package.json --%3E%3Cpath fill='currentColor' d='m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z'/%3E%3C/svg%3E") no-repeat center / 100%;}
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-out::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 1024 1024'%3E%3C!-- Icon from Element Plus by Element Plus - https://github.com/element-plus/element-plus-icons/blob/main/packages/svg/package.json --%3E%3Cpath fill='currentColor' d='m795.904 750.72l124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704a352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64'/%3E%3C/svg%3E") no-repeat center / 100%;}
.leaflet-touch .leaflet-bar a.leaflet-control-refresh::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 21 21'%3E%3C!-- Icon from System UIcons by Corey Ginnivan - https://github.com/CoreyGinnivan/system-uicons/blob/master/LICENSE --%3E%3Cg fill='none' fill-rule='evenodd' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.578 6.487A8 8 0 1 1 2.5 10.5'/%3E%3Cpath d='M7.5 6.5h-4v-4'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / 100%;}

.timeline-container{padding:20px !important; background: #f2f2f2 !important; border-radius: 0 !important;}
.timeline-container:hover{box-shadow: none !important;}
.timeline-play-btn{display: flex; align-items: center; justify-content: center; width:40px; height:40px; transition: all .3s ease;}
.timeline-play-btn::before{content:''; width:100%; height:100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Line Icons by Vjacheslav Trushkin - https://github.com/cyberalien/line-md/blob/master/license.txt --%3E%3Cpath fill='currentColor' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 18L7 18L7 6L9 6L9 18M15 6L17 6L17 18L15 18L15 6'%3E%3Canimate fill='freeze' attributeName='d' dur='0.6s' keyTimes='0;0.66;1' values='M9 18L7 18L7 6L9 6L9 18M15 6L17 6L17 18L15 18L15 6;M13 15L8 18L8 6L13 9L13 15M13 9L18 12L18 12L13 15L13 9;M13 15L8 18L8 6L13 9L13 9M13 9L18 12L18 12L13 15L13 15'/%3E%3C/path%3E%3C/svg%3E") no-repeat center / 100%;}
.timeline-play-btn[title="재생"]::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Material Line Icons by Vjacheslav Trushkin - https://github.com/cyberalien/line-md/blob/master/license.txt --%3E%3Cpath fill='currentColor' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 18L7 18L7 6L9 6L9 18M15 6L17 6L17 18L15 18L15 6'%3E%3Canimate fill='freeze' attributeName='d' dur='0.6s' keyTimes='0;0.66;1' values='M9 18L7 18L7 6L9 6L9 18M15 6L17 6L17 18L15 18L15 6;M13 15L8 18L8 6L13 9L13 15M13 9L18 12L18 12L13 15L13 9;M13 15L8 18L8 6L13 9L13 9M13 9L18 12L18 12L13 15L13 15'/%3E%3C/path%3E%3C/svg%3E") no-repeat center / 100%;}
.timeline-play-btn[title="일시정지"]::before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Lets Icons by Leonid Tsvetkov - https://creativecommons.org/licenses/by/4.0/ --%3E%3Crect width='4' height='14' x='6' y='5' fill='currentColor' rx='1'/%3E%3Crect width='4' height='14' x='14' y='5' fill='currentColor' rx='1'/%3E%3C/svg%3E") no-repeat center / 100%;}
.timeline-play-btn i{display: none !important;}
.timeline-play-btn:hover{background: #fff; border-color:#14467C}
.cd-h-timeline__dates::after, .cd-h-timeline__dates::before{display: none;}


.colorbar-box{position: absolute; left:25px; top:25px; display: flex; gap:5px; display: none;}
.colorbar-box .bar{width:45px; height:250px; background: linear-gradient( to top, rgb(216,229,253), rgb(177,206,251), rgb(134,175,249), rgb(76,135,246), rgb(37,110,244), rgb(11,80,208), rgb(8,56,145), rgb(3,22,58), rgb(5,37,97) );}
.colorbar-box ul{display: flex; flex-direction: column; justify-content: space-between;}
.colorbar-box ul li{line-height: 1;}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i{background-color: #14467C !important;}