/* container */
* {font-size:16px; line-height:1.5; word-break:keep-all; color:#202020;}
.container {max-width:1312px; margin:0 auto; padding:0 16px; width:100%;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header .header-top {position:fixed; left:0; top:0; width:100%; z-index:1000; transition:all ease 0.5s;}
header .header-top .container {max-width:1712px;}
header .header-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-top .top-logo h1 a {display:block; font-size:0; width:159px; height:35px; background:url('../images/logo_w.png') no-repeat center / cover;}
header .header-top .top-content {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-content .content-cate ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -35px 0 0;}
header .header-top .top-content .content-cate ul li {position:relative;}
header .header-top .top-content .content-cate ul li > a {transition:all ease 0.5s; height:83px; padding:0 35px; font-size:17px; color:#fff; font-weight:500; display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-content .content-cate ul li > a:hover {text-decoration:underline;}
header .header-top .top-content .content-cate ul li > a.link:after {display:inline-block; content:""; width:17px; height:17px; margin:0 0 0 8px; background:url('../images/icon_link_w.png') no-repeat center / cover;}
header .header-top .top-content .content-cate ul li > dl {pointer-events:none; opacity:0; transition:all ease 0.5s; padding:12px 0; position:absolute; left:0; top:70px; width:100%; background:#fff; border-radius:0 0 24px 24px; box-shadow:0 5px 10px rgba(0,0,0,0.16);}
header .header-top .top-content .content-cate ul li > dl dt {display:none;}
header .header-top .top-content .content-cate ul li > dl dd a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:12px 0; font-size:16px;}
header .header-top .top-content .content-cate ul li > dl dd a:hover {text-decoration:underline;}
header .header-top .top-content .content-cate ul li:hover > dl {pointer-events:inherit; opacity:1; top:80px;}
/* header .header-top .top-content .content-cate:hover ul li > a {padding:0 60px;} */
header .header-top .top-content .content-menu {display:none;}
header .header-fixed {display:none;}
header.hover .header-top {background:#fff;}
header.hover .header-top .top-logo h1 a {background-image:url('../images/logo.png');}
header.hover .header-top .top-content .content-cate ul li > a {color:#202020;}
header.hover .header-top .top-content .content-cate ul li > a.link:after {background-image:url('../images/icon_link.png');}
header.sub .header-top {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.16);}
header.sub .header-top .top-logo h1 a {background-image:url('../images/logo.png');}
header.sub .header-top .top-content .content-cate ul li > a {color:#202020;}
header.sub .header-top .top-content .content-cate ul li > a.link:after {background-image:url('../images/icon_link.png');}
header.scroll .header-top {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.16);}
header.scroll .header-top .top-logo h1 a {background-image:url('../images/logo.png');}
header.scroll .header-top .top-content .content-cate ul li > a {color:#202020;}
header.scroll .header-top .top-content .content-cate ul li > a.link:after {background-image:url('../images/icon_link.png');}
@media (max-width:991px){
header .header-top {border-bottom:1px solid #707070; padding:0 0 0 24px;}
header .header-top .top-logo h1 a {width:109px; height:24px;}
header .header-top .top-content .content-cate {display:none;}
header .header-top .top-content .content-menu {display:block;}
header .header-top .top-content .content-menu a {display:block; font-size:0; width:58px; height:58px; background:url('../images/icon_menu_w.png') no-repeat center / 20px;}
header .header-fixed {pointer-events:none; opacity:0; position:fixed; left:0; top:59px; width:100%; height:calc(100% - 59px); overflow-y:auto; padding:20px; background:#fff; z-index:9999; transition:all ease 0.5s; display:block;}
header .header-fixed > ul > li > .toggle {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:48px; font-size:18px; font-weight:500;}
header .header-fixed > ul > li > .toggle:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_toggle_arrow.png') no-repeat center / cover;}
header .header-fixed > ul > li > .toggle.link:after {transform: rotate(-90deg); }
header .header-fixed > ul > li .depth-2 {display:none;}
header .header-fixed > ul > li .depth-2 > li > a {padding:0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:40px; font-size:16px;}
header .header-fixed > ul > li .depth-2 > li > a.toggle:after {display:inline-block; content:""; margin:0 0 0 4px; width:20px; height:20px; background:url('../images/icon_toggle_arrow.png') no-repeat center / cover;}
header .header-fixed > ul > li .depth-2.active > li > a.toggle:after {background-image:url('../images/icon_toggle_depth.png');}
header .header-fixed > ul > li .depth-3 {background:#F6F6F6; border-radius:8px; padding:10px 0; width:calc(100% - 10px); margin:0 0 0 10px;}
header .header-fixed > ul > li .depth-3 {display:none;}
header .header-fixed > ul > li .depth-3 > li > a {display:flex; flex-wrap:wrap; align-items:center; height:36px; padding:0 16px; font-size:14px;}
header .header-fixed > ul > li.active > .toggle {color:#0031B8;}
header .header-fixed > ul > li.active > .toggle:after {transform:rotate(180deg);}
header .header-fixed > ul > li.active > .toggle.link:after {transform: rotate(-90deg)}
header .header-fixed > ul > li.active > .depth-2 {display:block;}
header .header-fixed > ul > li.active > .depth-2.active li > .toggle {color:#0031B8;}
header .header-fixed > ul > li.active > .depth-2.active li > .toggle:after {transform:rotate(180deg);}
header .header-fixed > ul > li.active > .depth-2.active li .depth-3 {display:block;}
header.fixed .header-fixed {pointer-events:inherit; opacity:1;}
header.fixed .header-top {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.16);}
header.fixed .header-top .top-logo h1 a {background-image:url('../images/logo.png');}
header.fixed .header-top .top-content .content-cate ul li > a {color:#202020;}
header.fixed .header-top .top-content .content-cate ul li > a.link:after {background-image:url('../images/icon_link.png');}
header.fixed .header-top .top-content .content-menu a {background-image:url('../images/icon_close.png') !important;}
header.scroll .header-top {border:0;}
header.scroll .header-top .top-content .content-menu a {background-image:url('../images/icon_menu.png');}
header.sub .header-top .top-content .content-menu a {background-image:url('../images/icon_menu.png');}
}

/* footer */
footer {background:#303030; padding:40px 0;}
footer .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left {flex:1; min-width:0; padding:0 24px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-logo h2 {width:201px; height:44px; font-size:0; background:url('../images/logo_w.png') no-repeat center / cover;}
footer .footer-left .left-content {flex:1; min-width:0; padding:0 0 0 80px;}
footer .footer-left .left-content .content-info ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-content .content-info ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#aeaeae;}
footer .footer-left .left-content .content-info ul li p:after {display:block; content:""; width:1px; height:11px; background:#aeaeae; margin:0 10px;}
footer .footer-left .left-content .content-info ul li p:last-of-type:after {display:none;}
footer .footer-left .left-content .content-copy {margin:20px 0 0;}
footer .footer-left .left-content .content-copy p {font-size:14px; font-weight:500; color:#aeaeae;}
footer .footer-right {position:relative;}
footer .footer-right button {width:160px; height:50px; border:1px solid #eaeaea; padding:16px 24px; font-size:16px; font-weight:500; line-height:1; color:#aeaeae; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-right button:after {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_plus.png') no-repeat center / cover;}
footer .footer-right .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; bottom:40px; width:100%; background:#efefef; border:1px solid #aeaeae; box-shadow:0 0 10px rgba(0,0,0,0.2);}
footer .footer-right .inner ul {padding:10px 0; max-height:250px; overflow-y:auto;}
footer .footer-right .inner ul li a {display:flex; flex-wrap:wrap; align-items:center; height:30px; padding:0 10px; font-size:14px;}
footer .footer-right .inner ul li a:hover {color:#002F85; text-decoration:underline;}
footer .footer-right.active .inner {pointer-events:inherit; opacity:1; bottom:55px;}
footer .footer-bottom {display:none;}
@media (max-width:1200px){
footer .footer-left .left-content {padding:0 0 0 24px;}
}
@media (max-width:991px){
footer {padding:32px 0;}
footer .footer-left {flex:none; width:100%; padding:0;}
footer .footer-left .left-logo {width:100%;}
footer .footer-left .left-logo h2 {width:150px; height:33px;}
footer .footer-left .left-content {flex:none; width:100%; border-top:1px solid #E4E4E4; padding:15px 0 0; margin:15px 0 0;}
footer .footer-left .left-content .content-info ul li p {font-size:13px;}
footer .footer-left .left-content .content-info ul li p a {font-size:13px;}
footer .footer-left .left-content .content-info ul li:first-of-type p:first-of-type {width:100%;}
footer .footer-left .left-content .content-info ul li:first-of-type p:first-of-type:after {display:none;}
footer .footer-left .left-content .content-info ul li:last-of-type p:last-of-type {width:100%;}
footer .footer-left .left-content .content-info ul li:last-of-type p:nth-of-type(even):after {display:none;}
footer .footer-left .left-content .content-copy {display:none;}
footer .footer-right {width:100%; margin:16px 0 0;}
footer .footer-right button {width:100%; height:48px; justify-content:center;}
footer .footer-right button:after {margin:0 0 0 15px; width:13px; height:13px;}
footer .footer-bottom {display:block; width:100%; margin:15px 0 0;}
footer .footer-bottom p {font-size:11px; font-weight:300; color:rgba(255,255,255,0.6);}
}

/* section */
section {padding:83px 0 120px;}
@media (max-width:991px){
section {padding:58px 0;}
}

/* color */
.ft-blue {color:#0031B8 !important;}
.ft-red {color:#FF0000 !important;}

/* location-box */
.location-box {background:#F5F5F5; margin:0 0 80px; padding:24px 0;}
.location-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.location-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.location-box ul li:after {display:inline-block; content:""; width:17px; height:17px; margin:0 12px; background:url('../images/icon_loca.png') no-repeat center / cover;}
.location-box ul li:last-of-type:after {display:none;}
.location-box ul li a {display:block; font-size:0; width:17px; height:17px; background:url('../images/icon_home.png') no-repeat center / cover;}
.location-box ul li p {font-size:16px;}
@media (max-width:991px){
.location-box {padding:13px 0; margin:0 0 40px;}
.location-box ul li:after {width:14px; height:14px;}
.location-box ul li a {width:15px; height:15px;}
.location-box ul li p {font-size:13px;}
}

/* title-box */
.title-box {margin:0 0 40px;}
.title-box h2 {text-align:center; font-size:40px; font-weight:bold;}
.title-box h3 {font-size:32px; font-weight:bold;}
.title-box time {font-size:18px; color:#AEAEAE;}
.title-box a {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:bold;}
.title-box a:after {display:block; content:""; margin:0 0 0 15px; width:24px; height:24px; background:url('../images/icon_more.png') no-repeat center / cover;}
.title-box.border {border-bottom:2px solid #202020; padding:0 0 15px; margin:0 0 24px;}
@media (max-width:991px){
.title-box {margin:0 0 24px;}
.title-box h2 {font-size:26px;}
.title-box h3 {font-size:20px;}
.title-box time {font-size:13px;}
.title-box a {font-size:12px; font-weight:500;}
.title-box a:after {margin:0 0 0 8px; width:30px; height:30px;}
}

/* text-box */
.text-box p {font-size:16px;}
.text-box p.gr {color:#AEAEAE;}
@media (max-width:991px){
.text-box p {font-size:12px;}
}

/* guide-box */
.guide-box {background:#FCFCFC; padding:32px 40px;}
.guide-box dl dt {font-size:18px; font-weight:bold; margin:0 0 15px;}
.guide-box dl dd {margin:0 0 5px; font-size:16px; color:#707070;}
.guide-box dl dd:last-of-type {margin:0;}
@media (max-width:991px){
.guide-box {padding:24px;}
.guide-box dl dt {font-size:16px;}
.guide-box dl dd {font-size:13px;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #E4E4E4;}
.select-box select {flex:1; min-width:0; height:56px; padding:0 40px 0 16px; font-size:18px; background:url('../images/icon_select.png')  no-repeat calc(100% - 16px) center / 24px;}
@media (max-width:991px){
.select-box select {height:40px; font-size:14px; background-size:16px;}
}

/* tab-box */
.tab-box {margin:0 0 48px;}
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto;}
.tab-box ul li {width:168px; border:1px solid #E4E4E4; margin:0 -1px 0 0;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:60px; font-size:16px; font-weight:600;}
.tab-box ul li a:hover {background:#002F85; color:#fff;}
.tab-box ul li.active a {background:#002F85; color:#fff;}
@media (max-width:991px){
.tab-box {margin:0 0 16px;}
.tab-box ul li {flex:1; min-width:0;}
.tab-box ul li a {height:45px; font-size:13px;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #E4E4E4;}
.input-box input {flex:1; min-width:0; height:56px; padding:0 24px; font-size:16px; font-weight:600;}
.input-box input::placeholder {color:#AEAEAE;}
.input-box .search {display:block; font-size:0; width:20px; height:20px; margin:0 24px 0 0; background:url('../images/icon_search.png') no-repeat center / cover;}
@media (max-width:991px){
.input-box input {height:40px; padding:0 16px; font-size:14px;}
.input-box .search {width:16px; height:16px; margin:0 16px 0 0;}
}

/* schedule-box */
.schedule-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 24px;}
.schedule-box .list-head .select-box {width:200px;}
.schedule-box .list-body ul {border-top:1px solid #202020;}
.schedule-box .list-body ul li {border-bottom:1px solid #E4E4E4;}
.schedule-box .list-body ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:24px;}
.schedule-box .list-body ul li a:after {display:inline-block; content:""; width:33px; height:33px; background:url('../images/icon_schedule_more.png') no-repeat center / cover;}
.schedule-box .list-body ul li a .date {width:94px; padding:16px 0; border:1px solid #E4E4E4; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.schedule-box .list-body ul li a .date strong {line-height:1; width:100%; text-align:center; font-size:24px; font-weight:bold; color:#a4a4a4;}
.schedule-box .list-body ul li a .date time {line-height:1; margin:4px 0 0; width:100%; text-align:center; font-size:17px; font-weight:300; color:#a4a4a4;}
.schedule-box .list-body ul li a .subject {flex:1; min-width:0; padding:0 24px;}
.schedule-box .list-body ul li a .subject p {font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.schedule-box .list-body ul li a:hover {background:#fcfcfc;}
.schedule-box .list-body ul li a:hover:after {background-image:url('../images/icon_schedule_more_on.png');}
.schedule-box .list-body ul li a:hover .date {border-color:#002F85;}
.schedule-box .list-body ul li a:hover .date strong {color:#002F85;}
.schedule-box .list-body ul li a:hover .date time {color:#002F85;}
@media (max-width:991px){
.schedule-box .list-head {margin:0 0 15px;}
.schedule-box .list-head .select-box {width:100%;}
.schedule-box .list-body ul li a {padding:14px;}
.schedule-box .list-body ul li a:after {display:none;}
.schedule-box .list-body ul li a .date {width:64px; padding:10px 0;}
.schedule-box .list-body ul li a .date strong {font-size:20px;}
.schedule-box .list-body ul li a .date time {font-size:12px;}
.schedule-box .list-body ul li a .subject {padding:0 0 0 14px;}
.schedule-box .list-body ul li a .subject p {display:-webkit-box; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:13px;}
}

/* paging-box */
.paging-box {margin:40px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:40px; font-size:18px; font-weight:300; color:rgba(0,0,0,0.4);}
.paging-box ul li.active a {position:relative; font-weight:500; color:#002F85;}
.paging-box ul li.active a:after {position:absolute; left:0; bottom:0; width:100%; height:2px; content:""; background:#002F85;}
.paging-box ul li:not(.pg) a:hover {position:relative; font-weight:500; color:#002F85;}
.paging-box ul li:not(.pg) a:hover:after {position:absolute; left:0; bottom:0; width:100%; height:2px; content:""; background:#002F85;}
.paging-box ul li.pg a {font-size:0; background-size:20px; background-position:center; background-repeat:no-repeat;}
.paging-box ul li.pg.prev {margin:0 8px 0 0;}
.paging-box ul li.pg.prev a {background-image:url('../images/icon_paging_prev.png');}
.paging-box ul li.pg.next  {margin:0 0 0 8px;}
.paging-box ul li.pg.next a {background-image:url('../images/icon_paging_next.png');}
@media (max-width:991px){
.paging-box {margin:24px 0 0;}
.paging-box ul li a {font-size:14px;}
}

/* table-box */
.table-box {overflow-x:auto; white-space:nowrap;}
.table-box table {table-layout:auto; border-top:2px solid #202020;}
.table-box table.fixed {table-layout:fixed;}
.table-box table thead tr th {background:#F5F5F5; height:70px; font-size:18px; font-weight:bold; border:1px solid #e4e4e4; border-width:0 1px 1px 0;}
.table-box table thead tr th:first-of-type {border-left:1px solid #e4e4e4;}
.table-box table tbody tr th {background:#F5F5F5; border:1px solid #e4e4e4; border-width:0 1px 1px 0; padding:20px; font-size:16px; font-weight:500;}
.table-box table tbody tr td {border:1px solid #E4E4E4; border-width:0 1px 1px 0; padding:20px; font-size:16px; font-weight:500; white-space:normal; word-wrap:break-word; overflow-wrap:anywhere;}
.table-box table tbody tr > *:first-of-type {border-left:1px solid #e4e4e4;}
.table-box table tbody tr td a.download {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:16px; font-weight:500; color:#AEAEAE;}
.table-box table tbody tr td a.download:before {display:block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../images/icon_download_gray.png') no-repeat center / cover;}
.table-box table tbody tr td.gr {color:#AEAEAE; font-weight:400;}
.table-box table tfoot tr th {background:#F5F5F5; height:70px; font-size:18px; font-weight:bold; border:1px solid #e4e4e4; border-width:0 1px 1px 0;}
.table-box table tfoot tr th:first-of-type {border-left:1px solid #e4e4e4;}
.table-box table.no-space tbody tr td {white-space:normal; word-wrap:break-word; overflow-wrap:anywhere;}
@media (max-width:991px){
.table-box table thead tr th {height:60px; font-size:13px; font-weight:500;}
.table-box table tbody tr th {padding:14px; font-size:13px;}
.table-box table tbody tr td {padding:14px; font-size:13px;}
.table-box table tbody tr td a.download {font-size:13px;}
.table-box table tbody tr td a.download:before {width:100%; height:16px; margin:0 0 4px; background-position:center; background-size:16px auto;}
.table-box table tfoot tr th {height:60px; font-size:13px; font-weight:500;}
}

/* board-list-box */
.board-list-box {border:2px solid #333; border-width:2px 0;}
.board-list-box ul li {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e1e1e1;}
.board-list-box ul li > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:18px 0; font-size:16px; font-weight:500;}
.board-list-box ul li .num {width:100px;}
.board-list-box ul li .subject {flex:1; min-width:0;}
.board-list-box ul li .content {padding:18px 0; width:200px;}
.board-list-box ul li .file {padding:18px 0; width:200px;}
.board-list-box .list-body .inner {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box .list-body ul li:last-of-type {border:0;}
.board-list-box .list-body ul li div {font-size:16px; font-weight:400; padding:0;}
.board-list-box .list-body ul li div.num .notice-icon {display:block; font-size:0; width:40px; height:40px; background:url('../images/icon_notice.png') no-repeat center / cover;}
.board-list-box .list-body ul li div.content {padding:0; width:200px; text-align:center;}
.board-list-box .list-body ul li div.subject a {display:block; height:70px; line-height:70px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-box .list-body ul li div.subject a:hover {text-decoration:underline;}
.board-list-box .list-body ul li div.file {width:200px;}
.board-list-box .list-body ul li div.file a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; width:123px; height:40px; border:1px solid #002F85; color:#002F85; font-size:16px; font-weight:500;}
.board-list-box .list-body ul li div.file a:before {display:block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../images/icon_download_on.png') no-repeat center / cover;}
.board-list-box .list-body ul li.notice {background:#F0FAFC;}
.board-list-box .list-body ul li:hover {background:#FCFCFC;}
@media (max-width:991px){
.board-list-box .list-head {display:none;}
.board-list-box ul li .subject {flex:none; width:100%;}
.board-list-box .list-body ul li div {font-size:12px; justify-content:flex-start;}
.board-list-box .list-body ul li div.num {width:65px; justify-content:center;}
.board-list-box .list-body ul li div.num .notice-icon {width:32px; height:32px;}
.board-list-box .list-body ul li div.subject a {display:-webkit-box; text-align:left !important; height:auto; line-height:1.4; font-size:14px; padding:15px 0 0; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:inherit;}
.board-list-box .list-body ul li div.content {display:flex; flex-wrap:wrap; align-items:center; padding:0 0 15px; line-height:1; margin:0 20px 0 0;}
.board-list-box .list-body ul li div.content:last-of-type {margin:5px 0 0;}
.board-list-box .list-body ul li div.file {width:auto; margin:0 14px;}
.board-list-box .list-body ul li div.file a {width:40px; height:40px; font-size:0;}
.board-list-box .list-body ul li div.file a:before {width:16px; height:16px; margin:0;}
}

/* board-view-box */
.board-view-box {border-top:2px solid #202020;}
.board-view-box .view-head {border-bottom:1px solid #AEAEAE; padding:32px 0;}
.board-view-box .view-head h3 {text-align:center; font-size:24px; font-weight:bold;}
.board-view-box .view-head ul {margin:15px 0 0; display: flex; justify-content: center; gap: 40px; }
.board-view-box .view-head ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-view-box .view-head ul li b {font-size:16px; font-weight:500;}
.board-view-box .view-head ul li p {margin:0 0 0 8px; font-size:16px; color:#9d9d9d;}
.board-view-box .view-body .body-content {padding:50px 0;}
.board-view-box .view-body .body-content img {max-width:100%; display:block; margin:0 auto;}
.board-view-box .view-body .body-content p {text-align:center; font-size:17px; font-weight:500;}
.board-view-box .view-body .body-content a {font-size:17px; font-weight:500; color:#0031B8; text-decoration:underline;}
.board-view-box .view-body .body-file a {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px; padding:16px 24px; background:#f5f5f5;}
.board-view-box .view-body .body-file a:last-of-type {margin:0;}
.board-view-box .view-body .body-file a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  font-size:17px; font-weight:600;}
.board-view-box .view-body .body-file a:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../images/icon_file.png') no-repeat center / cover;}
.board-view-box .view-body .body-file a:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 8px; background:url('../images/icon_download.png') no-repeat center / cover;}
.board-view-box .view-foot {margin:24px 0 0; padding:24px 0 0; border-top:2px solid #202020; display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot > div {flex:1; min-width:0;}
.board-view-box .view-foot > div a {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot > div a b {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600;}
.board-view-box .view-foot > div a b:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_prev.png') no-repeat center / cover; margin:0 5px 0 0;}
.board-view-box .view-foot > div a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#9E9E9E; margin:0 15px;}
.board-view-box .view-foot > div a:hover p {text-decoration:underline;}
.board-view-box .view-foot > div.next a b {order:2;}
.board-view-box .view-foot > div.next a b:before {display:none;}
.board-view-box .view-foot > div.next a b:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_next.png') no-repeat center / cover; margin:0 0 0 5px;}
.board-view-box .view-foot > div.next a p {order:1; text-align:right;}
.board-view-box .view-foot > .list {display:block; font-size:0; width:56px; height:56px; background:url('../images/icon_list.png') no-repeat center / cover;}
@media (max-width:991px){
.board-view-box .view-head {padding:16px 0;}
.board-view-box .view-head h3 {font-size:20px;}
.board-view-box .view-head ul li b {font-size:13px;}
.board-view-box .view-head ul li p {font-size:13px; margin:0 0 0 3px;}
.board-view-box .view-body .body-content {padding:40px 0;}
.board-view-box .view-body .body-content p {font-size:13px;}
.board-view-box .view-body .body-content a {font-size:13px;}
.board-view-box .view-body .body-file a {padding:15px;}
.board-view-box .view-body .body-file a p {font-size:13px;}
.board-view-box .view-body .body-file a:before {width:16px; height:16px;}
.board-view-box .view-body .body-file a:after {width:16px; height:16px;}
.board-view-box .view-foot {margin:15px 0 0; padding:15px 0 0; align-items:flex-start;}
.board-view-box .view-foot > .list {width:40px; height:40px;}
.board-view-box .view-foot > div a b {width:100%; font-size:14px; order:1 !important;}
.board-view-box .view-foot > div a b:before {width:16px; height:16px;}
.board-view-box .view-foot > div a p {order:2 !important; width:100%; font-size:14px; margin:0 10px 0 21px;}
.board-view-box .view-foot > div.next a b {justify-content:flex-end;}
.board-view-box .view-foot > div.next a b:after {width:16px; height:16px;}
.board-view-box .view-foot > div.next a p {margin:0 21px 0 10px; text-align:right; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:inherit;}
}

/* qa-box */
.qa-box {border:2px solid #202020; border-width:2px 0;}
.qa-box ul li {border-bottom:1px solid #E4E4E4;}
.qa-box ul li:last-of-type {border-bottom:0;}
.qa-box ul li .list-head a {display:flex; flex-wrap:wrap; align-items:center; padding:20px 24px;}
.qa-box ul li .list-head a p {flex:1; min-width:0; padding:0 24px; font-size:20px;}
.qa-box ul li .list-head a b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:55px; height:55px; background:#002F85; font-size:32px; font-weight:bold; color:#fff;}
.qa-box ul li .list-head a:after {display:inline-block; content:""; width:32px; height:32px; background:url('../images/icon_schedule_more.png') no-repeat center / cover;}
.qa-box ul li .list-head a:hover:after {background-image:url('../images/icon_schedule_more_on.png');}
.qa-box ul li .list-body {background:#F5F5F5; padding:40px 24px; display:none; flex-wrap:wrap;}
.qa-box ul li .list-body b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:55px; height:55px; background:#fff; font-size:32px; font-weight:bold; color:#002F85;}
.qa-box ul li .list-body div {flex:1; min-width:0; padding:0 0 0 24px;}
.qa-box ul li .list-body div p {font-size:18px; margin:0 0 15px;}
.qa-box ul li .list-body div p:last-of-type {margin:0;}
.qa-box ul li.active .list-head a:after {transform:rotate(180deg);}
.qa-box ul li.active .list-body {display:flex;}
@media (max-width:991px){
.qa-box ul li .list-head a {padding:14px;}
.qa-box ul li .list-head a p {padding:0 14px; font-size:13px;}
.qa-box ul li .list-head a b {width:40px; height:40px; font-size:20px;}
.qa-box ul li .list-head a:after {width:16px; height:16px;}
.qa-box ul li .list-body {padding:14px;}
.qa-box ul li .list-body b {width:40px; height:40px; font-size:20px;}
.qa-box ul li .list-body div {padding:0 0 0 14px;}
.qa-box ul li .list-body div p {font-size:13px;}
}

/* contact-box */
.contact-box .list-head {padding:0 0 40px; margin:0 0 40px; border-bottom:1px solid #E4E4E4;}
.contact-box .list-head:before {display:block; margin:0 auto 48px; width:264.4px; height:160px; background:url('../images/img_contact.png') no-repeat center / cover; content:"";}
.contact-box .list-head p {text-align:center; font-size:18px;}
.contact-box .list-body ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 12px;}
.contact-box .list-body ul li:last-of-type {margin:0;}
.contact-box .list-body ul li:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.contact-box .list-body ul li p {font-size:18px;}
.contact-box .list-body ul li:nth-of-type(1):before {background-image:url('../images/icon_contact_01.png');}
.contact-box .list-body ul li:nth-of-type(2):before {background-image:url('../images/icon_contact_03.png');}
/* .contact-box .list-body ul li:nth-of-type(3):before {background-image:url('../images/icon_contact_03.png');} */
@media (max-width:991px){
.contact-box .list-head {padding:0 0 24px; margin:0 0 24px;}
.contact-box .list-head:before {width:180px; height:108.93px; margin:0 auto 32px;}
.contact-box .list-head p {font-size:13px;}
.contact-box .list-body {padding:0 24px;}
.contact-box .list-body ul li {align-items:flex-start;}
.contact-box .list-body ul li:before {width:16px; height:16px; position:relative; top:2px;}
.contact-box .list-body ul li p {flex:1; min-width:0; font-size:13px;}
}

/* state-box */
.state-box ul {display:flex; flex-wrap:wrap;}
.state-box ul li {flex:1; min-width:0; margin:0 40px 0 0; padding:24px 40px; border:1px solid #E4E4E4; border-radius:16px;}
.state-box ul li:last-of-type {margin:0;}
@media (max-width:991px){
.state-box ul li {flex:none; width:100%; padding:0; border:0; border-radius:0;  margin:0 0 40px;}
.state-box ul li:last-of-type {margin:0;}
}

/* stock-box */
.stock-box h4 {font-size:24px; font-weight:bold; margin:0 0 32px;}
.stock-box strong {display:flex; flex-wrap:wrap; align-items:center; font-size:40px; font-weight:bold; border-bottom:1px solid #E4E4E4; padding:0 0 16px; margin:0 0 32px;}
.stock-box .inner {display:flex; flex-wrap:wrap; margin:0 -25px -15px;}
.stock-box .inner > div {width:calc(33.33% - 50px); margin:0 25px 15px; display:flex; flex-wrap:wrap; align-items:center;}
.stock-box .inner > div b {font-size:18px; font-weight:600; width:85px;}
.stock-box .inner > div p {flex:1; min-width:0; font-size:16px; text-align:right;}
@media (max-width:991px){
.stock-box h4 {font-size:16px; margin:0;}
.stock-box strong {font-size:24px; margin:0; padding:0; border:0;}
.stock-box .top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #e4e4e4; margin:0 0 16px; padding:10px 0 16px;}
.stock-box .inner {margin:0 -5px -10px;}
.stock-box .inner > div {width:calc(33.33% - 10px); margin:0 5px 10px;}
.stock-box .inner > div b {width:60px; font-size:13px;}
.stock-box .inner > div p {font-size:13px;}
}

/* graph-box */
#chart-container {width:100%; padding:50px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height: 640px;}
#chart-container.main-chart-container { min-height: unset; }
#chart-container .graph {width:100%; height:auto !important; aspect-ratio:auto}
.graph-box {border:1px solid #E4E4E4; padding:0 45px;}
.graph {width:100%;}
.state-box .graph {width:calc(100% + 40px); margin:0 -20px;}
@media (max-width:991px){
.graph-box {padding:24px;}
#chart-container {width:100%; padding:24px 0; min-height: 320px;}
#chart-container .graph-box {padding:0;}
}

/* main-link-box */
.main-link-box ul {display:flex; flex-wrap:wrap;}
.main-link-box ul li {flex:1; min-width:0; margin:0 24px 0 0; background:#F5F5F5; border-radius:16px;}
.main-link-box ul li:last-of-type {margin:0;}
.main-link-box ul li a {display:flex; flex-wrap:wrap; align-items:flex-end; padding:40px 32px;}
.main-link-box ul li a .list-left {flex:1; min-width:0; padding:0 24px 0 0;}
.main-link-box ul li a .list-left strong {display:block; font-size:24px; font-weight:bold;}
.main-link-box ul li a .list-left p {margin:24px 0 0; font-size:18px;}
.main-link-box ul li a .list-left span {display:flex; flex-wrap:wrap; align-items:center; margin:32px 0 0; font-size:16px; color:#707070;}
.main-link-box ul li a .list-left span:after {display:block; content:""; width:16px; height:16px; margin:0 0 0 24px; background:url('../images/icon_link_more.png') no-repeat center / cover;}
.main-link-box ul li a:after {display:block; content:""; width:60px; height:60px; background-size:cover; background-position:center;}
.main-link-box ul li:nth-of-type(1) a:after {background-image:url('../images/icon_main_link_01.png');}
.main-link-box ul li:nth-of-type(2) a:after {background-image:url('../images/icon_main_link_02.png');}
.main-link-box ul li:nth-of-type(3) a:after {background-image:url('../images/icon_main_link_03.png');}
@media (max-width:991px){
.main-link-box ul li {flex:none; width:100%; margin:0 0 16px;}
.main-link-box ul li:last-of-type {margin:0;}
.main-link-box ul li a {padding:24px; align-items:center;}
.main-link-box ul li a .list-left {padding:0 15px 0 0;}
.main-link-box ul li a .list-left strong {font-size:16px;}
.main-link-box ul li a .list-left p {margin:16px 0 0; font-size:13px;}
.main-link-box ul li a .list-left span {margin:24px 0 0; font-size:13px;}
.main-link-box ul li a .list-left span:after {margin:0 0 0 32px; width:13px; height:13px;}
}

/* main-box */
.main-box {margin:-83px auto 120px; max-width:1920px; min-height:850px; position:relative;}
.main-box .swiper-container {height:100%;}
.main-box .swiper-wrapper {height:100%;}
.main-box .swiper-button-prev {left:5%; width:48px; height:48px; margin:0; background:url('../images/icon_main_prev.png') no-repeat center / cover; margin:0; top:50%; transform:translateY(-50%);}
.main-box .swiper-button-next {right:5%; width:48px; height:48px; margin:0; background:url('../images/icon_main_next.png') no-repeat center / cover; margin:0; top:50%; transform:translateY(-50%);}
.main-box .swiper-slide {height:100%; display:flex; flex-wrap:wrap; align-items:center; background-size:cover; background-position:center;}
.main-box .swiper-slide:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.2);}
.main-box .swiper-slide .container {position:relative; z-index:10; width:100%;}
.main-box .swiper-slide .container h2 {font-size:48px; font-weight:bold; color:#fff;}
.main-box .swiper-pagination {width:100%; z-index:30; bottom:15%;}
.main-box .swiper-pagination-bullet {width:40px; height:40px; border-radius:50%; position:relative; background:none; opacity:1; transition:all ease 0.5s;}
.main-box .swiper-pagination-bullet:after {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:8px; height:8px; background:#fff; border-radius:50%; content:"";}
.main-box .swiper-pagination-bullet .progress {position:absolute; inset:0; border-radius:50%; transform:rotate(-90deg); background: conic-gradient(#002F85 0deg var(--angle), transparent var(--angle) 360deg); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));}
.main-box .swiper-pagination-bullet .progress {position:absolute; inset:0; border-radius:50%; transform:rotate(-90deg); animation:none;}
.main-box .swiper-pagination-bullet.animating .progress {animation:fill-ring var(--bullet-duration, 3500ms) linear forwards;}
.main-box .swiper-pagination-bullet.animating:after {background:#002F85;}
@keyframes fill-ring {to{--angle: 360deg;}}
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.main-box .main-bottom {position:absolute; left:0; bottom:0; width:100%; z-index:20;}
.main-box .main-bottom .container {display:flex; flex-wrap:wrap; padding:0;}
.main-box .main-bottom .container .inner {flex:1; min-width:0; height:93px; padding:0 24px; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-bottom .container .inner:nth-of-type(1) {background:rgba(0,0,0,0.8);}
.main-box .main-bottom .container .inner:nth-of-type(2) {background:rgba(112,112,112,0.8);}
.main-box .main-bottom .container .inner:nth-of-type(3) {background:rgba(0,49,184,0.8);}
.main-box .main-bottom .container .inner h3 {font-size:24px; font-weight:bold; color:#fff;}
.main-box .main-bottom .container .inner .inner-right {flex:1; min-width:0; padding:0 0 0 24px; height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-download {height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-download a {width:100%; display:flex; flex-wrap:wrap; align-items:center; height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-download a p {font-size:18px; color:#fff; flex:1; min-width:0; padding:0 15px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-bottom .container .inner .inner-right .right-download a span {height:30px; padding:0 15px; font-size:13px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #fff; border-radius:50px;}
.main-box .main-bottom .container .inner .inner-right .right-download a span:after {display:inline-block; content:""; width:14px; height:14px; margin:0 0 0 15px; background:url('../images/icon_main_download.png') no-repeat center / cover;}
.main-box .main-bottom .container .inner .inner-right .right-stock {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-stock strong {font-size:28px; font-weight:bold; color:#fff;}
.main-box .main-bottom .container .inner .inner-right .right-stock span {font-size:18px; color:#fff;}
.main-box .main-bottom .container .inner .inner-right .right-news {height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-container {height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-wrapper {height:100%;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-slide {height:100%; width:100%;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-slide:before {display:none;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-slide a {height:100%; display:flex; flex-wrap:wrap; align-items:center; width:100%;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-slide a p {font-size:18px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-slide a:hover p {text-decoration:underline;}
@media (max-width:1600px){
.main-box .swiper-button-prev {display:none;}
.main-box .swiper-button-next {display:none;}
}
@media (max-width:991px){
.main-box {min-height:400px; margin:-58px auto 24px;}
.main-box .swiper-button-prev {display:none;}
.main-box .swiper-button-next {display:none;}
.main-box .swiper-slide .container h2 {font-size:28px; padding:0 0 150px;}
.main-box .main-bottom .container {padding:16px;}
.main-box .main-bottom .container .inner {padding:15px; flex:none; width:100%; height:75px;}
.main-box .main-bottom .container .inner h3 {width:100%; margin:0; line-height:1; font-size:14px; font-weight:bold;}
.main-box .main-bottom .container .inner .inner-right {padding:0; width:100%; flex:none; height:auto;}
.main-box .main-bottom .container .inner .inner-right .right-download {height:auto}
.main-box .main-bottom .container .inner .inner-right .right-download a p {font-size:13px;}
.main-box .main-bottom .container .inner .inner-right .right-download a span {font-size:12px; margin:-20px 0 0;}
.main-box .main-bottom .container .inner .inner-right .right-stock {height:auto;}
.main-box .main-bottom .container .inner .inner-right .right-stock strong {font-size:24px;}
.main-box .main-bottom .container .inner .inner-right .right-stock span {font-size:14px;}
.main-box .main-bottom .container .inner .inner-right .right-news {height:40px;}
.main-box .main-bottom .container .inner .inner-right .right-news .swiper-slide a p {font-size:13px;}
.main-box .swiper-pagination {bottom:38%;}
.main-box .swiper-pagination-bullet {width:28px; height:28px;}
}

/* main-stock-box */
.main-stock-box {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 15px;}
.main-stock-box .list-left {flex:1; min-width:0; padding:0 24px 0 0;}
.main-stock-box .list-left strong {display:block; margin:0 0 10px; line-height:1; font-size:24px; font-weight:bold;}
.main-stock-box .list-left ul {display:flex; flex-wrap:wrap; align-items:center;}
.main-stock-box .list-left ul li {margin:0 24px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.main-stock-box .list-left ul li b {font-size:16px; color:#AEAEAE;}
.main-stock-box .list-left ul li p {font-size:16px; margin:0 0 0 3px;}
.main-stock-box .list-right {display:flex; flex-wrap:wrap; align-items:center;}
.main-stock-box .list-right p {font-size:32px;}
.main-stock-box .list-right em {margin:0 0 0 8px; font-size:16px;}
@media (max-width:991px){
.main-stock-box .list-left strong {margin:0 0 8px; font-size:16px;}
.main-stock-box .list-left ul li {margin:0 10px 0 0;}
.main-stock-box .list-left ul li b {font-size:13px;}
.main-stock-box .list-left ul li p {font-size:13px;}
.main-stock-box .list-right p {font-size:24px;}
.main-stock-box .list-right em {font-size:13px;}
}

/* main-chart-container */
/* .main-chart-container {width:calc(100% + 70px) !important; margin-left:-70px !important;}
@media (max-width:991px){
.main-chart-container {width:100% !important; margin-left:0 !important;}
} */