@charset "utf-8";
/* all */
.scrollBox {display: inline-block;width: calc(100% - 266px);height: 100%;}
.scrollBox::-webkit-scrollbar {height: 8px;}
.scrollBox::-webkit-scrollbar-thumb {background: #ced8eb; border-radius: 5px;}
.scrollBox::-webkit-scrollbar-track {background: #f2f4f6; border-radius: 5px;}

/* ----- visual ----- */
.main {display: block; width: 100%; height: 500px; background: url(/web/resources/images/main/visual_01.png) center -20px no-repeat; background-size: cover;}
.main .visual_wrap {display: block;position: relative;top: 69px;max-width: 1400px;width: calc(100% - 400px);height: 325px;margin: 0 auto;}
.main .visual_wrap .visual_title {display: inline-block;position: absolute;top: 150px;left: 0;font-size: 3.125rem;font-weight: 200;color: #fff;line-height: 55px;}
.main .visual_wrap .visual_title strong {font-size: 3.125rem;font-weight: 400;color: #fff;line-height: 55px;}
/* .main .visual_wrap .visual_nav {display: none;position: absolute;bottom: 15px;left: 0;width: 100%;height: 49px;}
.main .visual_wrap .visual_nav li {display: block;float: left;position:relative;width: 320px;height: 49px;margin-right: 40px;line-height: 49px;background: rgba(255, 255, 255, 0.8);box-sizing: border-box;transition: all .3s;}
.main .visual_wrap .visual_nav li:before {display: inline-block; content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #004B9E;}
.main .visual_wrap .visual_nav li:last-child {margin-right: 0;}
.main .visual_wrap .visual_nav li a {display: inline-block;position:absolute;top: 0;left: 0; font-size: 1rem; font-weight: 400;width: 100%;height: 100%;padding-left: 30px;box-sizing: border-box;z-index: 2;}
.main .visual_wrap .visual_nav li a:after {display: inline-block;content: "";position: absolute;top: 50%;right: 30px;transform: translateY(-50%);width: 47px;height: 10px;background: url(/web/resources/images/visual_nav_arrow.png) right bottom no-repeat;} 
.main .visual_wrap .visual_nav li:hover:before {animation-name: visual_nav; animation-duration: .3s; animation-timing-function: linear; animation-fill-mode: both;}
.main .visual_wrap .visual_nav li:hover a {animation-name: visual_nav_text; animation-duration: .5s; animation-timing-function: linear; animation-fill-mode: both;}
.main .visual_wrap .visual_nav li:hover a:after {animation-name: visual_nav_arrow; animation-duration: .5s; animation-timing-function: linear; animation-fill-mode: both; animation-delay: .2s;} */

@keyframes visual_nav {
    0% {width: 0%;}
    100% {width: 100%;}
}

@keyframes visual_nav_text {
    0% {color: #000;}
    100% {color: #fff; font-weight: 500;}
}

/* @keyframes visual_nav_arrow {
    0% {background: url(/web/resources/images/common/visual_nav_arrow.png) right bottom no-repeat;}
    100% {background: url(/web/resources/images/common/visual_nav_white_arrow.png) right bottom no-repeat;}
} */

/* ----- container ----- */
#container {display: block;position: relative;width: calc(100% - 300px);max-width: 1600px;height: auto;background: #fff;margin: 0 auto;}
.container .container_wrap {display: block;position: relative;width: 100%;height: 1434px;margin: 0 auto;padding: 0 100px;box-sizing: border-box;transform: translateY(-105px);background: #fff;}
.container .container_wrap .container_list {display: block;position: relative;margin-top: 60px;float: left;width: 57%;height: 230px;}
.container .container_wrap .container_notice {display: block;position: relative;margin-top: 60px;float: right;width: 535px;height: 230px;}
.container .container_wrap .container_accident {display: block;position: relative;margin-top: 57px;float: left;width: 57%;height: 521px;}
.container .container_wrap .container_information {display: block;position: relative;margin-top: 57px;float: right;width: 537px;height: 521px;}
.container .container_wrap .container_graph {display: block;position: relative;margin-top: 54px;float: left;width: 100%;height: 407px;}
.container .container_wrap .container_banner {display: block;position: relative;margin-top: 45px;float: left;width: 100%;height: 120px;}
.container .container_wrap .owl-carousel .owl-nav button {display: block; float: left; width: 42px; height: 42px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #dcdcdc; box-sizing: border-box;}
.container .container_wrap .owl-carousel .owl-nav button span {display: block;width: 17px;height: 7px;margin: 0 auto;text-indent: -9999px;background-size: contain;}
.container .container_wrap .owl-carousel .owl-nav .owl-prev {background: url(/web/resources/images/svg/btn_left.svg) center center no-repeat;}
.container .container_wrap .owl-carousel .owl-nav .owl-next {background: url(/web/resources/images/svg/btn_right.svg) center center no-repeat;}

/* container - list */
.board-area { display: block; position: relative; margin-top: 60px; float: left; width: 57%; height: 230px; }
.board-area > .board-tab { display: block; width: 804px; height: 100%;margin: 0 auto; top: 30px; }
.board-area > .board-tab > .tab-list { padding-top: 40px; }
.board-area > .board-tab > .tab-list > li { position: absolute; top: 30px; left: 0; right: 0; bottom: 0; }
.board-area > .board-tab > .tab-list > li > a.tab-title { display: inline-block; width: 120px; position: absolute; top: -30px; border-right: solid 1px #e2e2e2; padding-bottom: 4px; }
.board-area > .board-tab > .tab-list > li > a.tab-title > strong { display: inline-block; font-size: 1.125rem; font-weight: 400; position: relative; padding-top: 5px; }
.board-area > .board-tab > .tab-list > li.on { z-index: 1; }
.board-area > .board-tab > .tab-list > li.on > a.tab-title { color: #2076DB; font-weight: 700; }
.board-area > .board-tab > .tab-list > li.on > a.tab-title > strong::before { content: ""; position: absolute; top: 0; width: 100%; height: 3px; background-color: #2076DB; }

.board-area > .board-tab > .tab-list > li > a.tab-title:hover,
.board-area > .board-tab > .tab-list > li > a.tab-title:focus { color: #2076DB; }

.board-area > .board-tab > .tab-list > li:nth-child(1) > a { left: 0; }
.board-area > .board-tab > .tab-list > li:nth-child(2) > a { left: 180px; }
.board-area > .board-tab > .tab-list > li:nth-child(3) > a { left: 340px; }
.board-area > .board-tab > .tab-list > li:nth-child(4) > a { left: 500px; }

.board-area > .board-tab > .tab-list > li > .list-area { display: none; }
.board-area > .board-tab > .tab-list > li.on > .list-area { display: block; top: 25px; position: absolute; width: 100%; display: flex; justify-content: space-between; }
.board-area > .board-tab > .tab-list > li.on > .list-area > li { display: inline-block; width: 30%; }
.board-area > .board-tab > .tab-list > li.on > .list-area > li > a { display: block; height: 135px; padding: 20px; border: 1px solid #dcdcdc; background: #fff; transition: 0.2s; }
.board-area > .board-tab > .tab-list > li.on > .list-area > li > a > .list-box { position: relative; height: 100%; }
.board-area > .board-tab > .tab-list > li.on > .list-area > li > a > .list-box > span { display: inline-block; width: 80px; height: 25px; font-size: 0.875rem; font-weight: 400; color: #2076DB; text-align: center; border: 1px solid #2076DB; border-radius: 20px; line-height: 25px; }
.board-area > .board-tab > .tab-list > li.on > .list-area > li > a > .list-box > .title { display: inline-block; width: 100%; height: auto; font-size: .875rem; font-weight: 400; color: #000; margin-top: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; }
.board-area > .board-tab > .tab-list > li.on > .list-area > li > a > .list-box > .date { display: inline-block; position: absolute; bottom: 20px; left: 0; font-size: 0.875rem; font-weight: 300; color: #666; margin-top: 21px; }

.board-area > .board-tab > .tab-list > li.on > .list-area > li > a:hover,
.board-area > .board-tab > .tab-list > li.on > .list-area > li > a:focus { border-color: #2076DB; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.board-area > .board-tab > .tab-list > li > a.list-more { display: none; }
.board-area > .board-tab > .tab-list > li.on > a.list-more { display: block; position: absolute; left: unset; right: 0; top: -30px; width: 40px; height: 40px; border: solid 1px #dcdcdc; padding: 0; background-color: #ffffff; transition: 0.2s}
.board-area > .board-tab > .tab-list > li.on > a.list-more::after { content: "+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.board-area > .board-tab > .tab-list > li > a.list-more:hover,
.board-area > .board-tab > .tab-list > li > a.list-more:focus { border-color: #2076DB; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #2076DB; }


/*
.list_inner {display: block;position: relative;width: 804px;height: 100%;margin: 0 auto; }
.list_inner .title {display: inline-block; width: 100%; height: auto;}
.list_inner .title .list_nav {display: inline-block;position: relative;float: left;width: calc(100% - 150px);height: 27px;}
.list_inner .title .list_nav li {display: block;float: left;width: auto;height: 100%;margin-right: 43px;padding-right: 42px;box-sizing: border-box;background: url(/web/resources/images/svg/nav_line.svg) right center no-repeat;}
.list_inner .title .list_nav li:last-child {margin-right: 0; background: none;}
.list_inner .title .list_nav li a {position:relative;font-size: 1.125rem;font-weight: 400;}
.list_inner .title .list_nav li.on a {color: #2076DB;font-weight: 500;}
.list_inner .title .list_nav li a:after {display:inline-block;content:"";position:absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 0;height: 2px;background: #2076DB;transition:all .3s;}
.list_inner .title .list_nav li.on a:after {animation: wd linear .3s; animation-fill-mode: forwards;}
.list_inner .more_view {display: inline-block;position: absolute;top: -8px;right: 6px;width: 42px;height: 42px;border: 1px solid #dcdcdc;box-sizing: border-box;}
.list_inner .more_view::after { content: "+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.list_inner .mv_n {z-index: 5; opacity: 1;}
.list_inner .mv_p,
.list_inner .mv_e,
.list_inner .mv_b {z-index: 0; opacity: 0;}
.more_view span {display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-indent: -9999px;width: 10px;height: 10px;background: url(/web/resources/images/svg/btn_more.svg) center center no-repeat;}
.list_inner .owl-carousel {display: block;position: absolute;top: 42px;left: -10px;width: 798px;height: 226px;}
.list_inner .owl-carousel .owl-stage-outer {display: block;width: 100%;height: 100%;padding: 0 10px 0 10px;}
.list_inner .owl-carousel .owl-stage {display: block;position: absolute;top: 10px;width: 100%;height: 216px;}
.list_inner .owl-carousel .owl-item {display: block;height: 176px;border: 1px solid #dcdcdc;background: #fff;box-sizing: border-box;transition: all .2s;}
.list_inner .owl-carousel .owl-item .item_inner {display: block;position: relative;width: 100%;height: 100%; padding: 20px; box-sizing: border-box;}
.list_inner .owl-carousel .owl-item .item_inner a {display: inline-block;width: 100%;height: 100%;padding: 20px;box-sizing: border-box;}
.list_inner .owl-carousel .owl-item .item_inner a .notice {display: block;}
.list_inner .owl-carousel .owl-item .item_inner a .promot {display: none;}
.list_inner .owl-carousel .owl-item .item_inner a .employ {display: none;}
.list_inner .owl-carousel .owl-item .item_inner a .bid {display: none;}
.list_inner #notice_slider {z-index: 5; opacity: 1;}
.list_inner #promot_slider {z-index: 0; opacity: 0;}
.list_inner #employ_slider {z-index: 0; opacity: 0;}
.list_inner #bid_slider {z-index: 0; opacity: 0;}*/
/* .list_inner .owl-carousel .owl-item .item_inner a .title {display: inline-block;width: 80px;height: 25px;font-size: 0.875rem;font-weight: 400;color: #2076DB;text-align: center;border: 1px solid #2076DB;box-sizing: border-box;border-radius: 20px;line-height: 25px;} */
/* .list_inner .owl-carousel .owl-item .item_inner a .text {display: inline-block;width: 100%;height: auto;font-size: .875rem;font-weight: 400;color: #000;margin-top: 21px;} */
/* .list_inner .owl-carousel .owl-item .item_inner a .date {display: inline-block;position: absolute;bottom: 20px;left: 20px;font-size: 0.875rem;font-weight: 300;color: #666;margin-top: 21px;} */
/* .list_inner .owl-carousel .owl-item:hover {border: none; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.18);} */
/* .list_inner .owl-carousel .owl-nav {display: inline-block;position: absolute;top: -50px;right: 30px;width: 84px;height: 42px;} */

/*
@keyframes wd {
    0% {width: 0;}
    100% {width: 100%;}
}

/* container - notice */
.notice_inner {display: inline-block; width: 100%; height: 100%; position: relative; }
.notice_inner .title {display: inline-block; position: relative; width: 100%; height: auto;}
.notice_inner .title h2 {font-size: 1.5rem;font-weight: 400;line-height: 35px;}

.news-banner { height: 176px; border: solid 1px #dcdcdc; margin-top: 20px;}
.news-banner .swiper-slide > a { display: block;  }
.news-banner img { width: 100%; height: auto; }
.news-banner .swiper-pagination {bottom: 0 !important; background: rgba(0,0,0,0.6); padding: 14px 0;}
.news-banner .swiper-pagination-bullet { background-color: white!important; opacity: 1!important; width: 18px; height: 18px; border: 2px solid #000; box-sizing: border-box;}
.news-banner .swiper-pagination-bullet-active { background-color: #2076DB !important; }
.news-banner .swiper-button-next,
.news-banner .swiper-button-prev { background-color: rgba(255, 255, 255, 0.8); padding: 8px; border-radius: 3px; width: 25px; height: 25px; border: 0; }
.news-banner .swiper-button-next:after, 
.news-banner .swiper-button-prev:after { color: black!important; font-size: 18px; font-weight: 700; }

.news-banner .swiper-control { position: absolute; right: 10px; bottom: 10px; z-index: 10; display: flex; }
.news-banner .swiper-control > button { width: 30px; height: 30px; background-color: #ffffff; background-repeat: no-repeat; background-position: center; margin: 1px; border: 0; }
.news-banner .swiper-control > button:hover,
.news-banner .swiper-control > button:focus { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.news-banner .swiper-control > .swiper-button-play { background-image: url(/web/resources/images/svg/btn_play.svg); }
.news-banner .swiper-control > .swiper-button-pause { background-image: url(/web/resources/images/svg/btn_stop.svg); }


.notice_inner > a.list-more { position: absolute; left: unset; right: 0; top: 0; width: 40px; height: 40px; border: solid 1px #dcdcdc; padding: 0; background-color: #ffffff; transition: 0.2s}
.notice_inner > a.list-more::after { content: "+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.notice_inner > a.list-more:hover,
.notice_inner > a.list-more:focus { border-color: #2076DB; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #2076DB; }

/*
.notice_inner .more_view {display: inline-block;position: absolute;top: -7px;right: -2px;width: 42px;height: 42px;border: 1px solid #dcdcdc;box-sizing: border-box;
background-image: url("/web/resources/images/svg/btn_stop.svg"); background-repeat: no-repeat; background-position: center; }
.notice_inner .more_view.on {background-image: url("/web/resources/images/svg/btn_play.svg");}
.notice_inner .more_view span {background: url(/web/resources/images/svg/btn_stop.svg) no-repeat; } 
.notice_inner .more_view.on span {width: 10px; height: 12px;}*/


/*
.notice_inner .owl-carousel {display: block;position: relative;top: 17px;left: 0;width: 537px;height: 176px; border: solid 1px #e1e1e1;}
.notice_inner .owl-carousel .owl-stage-outer {display: block;width: 100%;height: 100%; padding: 0 11px 0 10px; }
.notice_inner .owl-carousel .owl-stage {display: block;position: absolute;top: 0px;width: 100%;height: 216px;}
.notice_inner .owl-carousel .owl-item {display: block;height: 176px;box-sizing: border-box;transition: all .2s;}
.notice_inner .owl-carousel .owl-item ul,
.notice_inner .owl-carousel .owl-item li,
.notice_inner .owl-carousel .owl-item ul li a,
.notice_inner .owl-carousel .owl-item img {display: inline-block; width: 100%; height: 100%;}
/* .notice_inner .owl-carousel .owl-item .board {display: inline-block; width: 100%; height: 100%;}
.notice_inner .owl-carousel .owl-item .board01 {background: url(/web/resources/images/main/notice_img_01.png) center center no-repeat;}
.notice_inner .owl-carousel .owl-item .board02 {background: url(/web/resources/images/main/notice_img_01.png) center center no-repeat;}
.notice_inner .owl-carousel .owl-item .board03 {background: url(/web/resources/images/main/notice_img_01.png) center center no-repeat;}
.notice_inner .owl-carousel .owl-item .board04 {background: url(/web/resources/images/main/notice_img_01.png) center center no-repeat;}
.notice_inner .owl-carousel .owl-item .item_inner {display: block;position: relative;width: 100%;height: 100%;box-sizing: border-box;}
.notice_inner .owl-carousel .owl-item .item_inner a {display: inline-block;width: 100%;height: 100%;padding: 20px;}
.notice_inner .owl-carousel .owl-item .item_inner .title {display: inline-block; width: 80px; height: 25px;  font-size: 0.875rem; font-weight: 400; color: #2076DB; text-align: center; border: 1px solid #2076DB; box-sizing: border-box; border-radius: 20px;}
.notice_inner .owl-carousel .owl-item .item_inner .text {display: inline-block;width: 201px;height: auto;font-size: 1rem;font-weight: 400;color: #000;margin-top: 21px;}
.notice_inner .owl-carousel .owl-item .item_inner .date {display: inline-block;position: absolute;bottom: 20px;left: 20px;font-size: 0.875rem;font-weight: 300;color: #666;margin-top: 21px;} */
.notice_inner .owl-carousel .owl-nav {display: inline-block;position: absolute;top: -60px;right: 42px;width: 84px;height: 42px;}
.notice_inner .owl-carousel .owl-dots {display: inline-block;position: relative;bottom: 30px;left: 50%;transform: translateX(-50%);width: auto;height: 10px;}
.notice_inner .owl-carousel .owl-dots button {display: inline-block;width: 16px;height: 16px;margin-right: 7px;background: #fff;border-radius: 50%; border: solid 1px #000000; }
.notice_inner .owl-carousel .owl-dots button.active {background: black;}

/* container - accident */
.accident_inner {display: inline-block; position: relative; width: 100%; height: 100%;}
.accident_inner .title {display: inline-block; position: relative; width: 100%; height: auto;}
.accident_inner .title h2 {font-size: 1.5rem;font-weight: 400;line-height: 35px;}
.accident_inner .title p { font-size: 1rem; font-weight: 300; line-height: 24px;}
.accident_inner .title .more_view {display: inline-block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 42px;height: 42px;border: 1px solid #dcdcdc;box-sizing: border-box;}
.accident_inner .title .more_view span {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  font-size: 1.25rem; font-weight: 300;}
.accident_inner .accident_board {display: inline-block;width: 100%;height: calc(100% - 76px);margin-top: 17px;}
.accident_inner .accident_news {display: block;width: 100%;height: 100%;}
.accident_inner .accident_news li {display: block;float: left;margin-right: 35px;margin-bottom: 68px;width: calc((100% - 72px) / 3);height: calc((100% - 68px) / 2); /* border-bottom-right-radius: 50px;overflow: hidden; */ border: 1px solid #dcdcdc;box-sizing: border-box;}
.accident_inner .accident_news li:nth-child(3),
.accident_inner .accident_news li:nth-child(6) {margin-right: 0;}
.accident_inner .accident_news li:nth-child(4),
.accident_inner .accident_news li:nth-child(5),
.accident_inner .accident_news li:nth-child(6) {margin-bottom: 0;}
.accident_inner .accident_news li a {display: block;position: relative;width: 100%;height: 100%;/* border-bottom-right-radius: 50px; *//* z-index: 3; */}
.accident_inner .accident_news li a img {/* position: absolute; *//* top: 0; *//* left: 0; */width: 100%;height: 100%;border: 0;/* border-bottom-right-radius: 50px; */z-index: 1;}
/* .accident_inner .accident_news li a {display: inline-block;position:relative;width: 100%;height: 100%;background-position: center top;background-repeat: no-repeat;background-size: cover;} */
.accident_inner .accident_news li a .news_hover {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);opacity: 0;transition: opacity .3s;z-index: 2;}
.accident_inner .accident_news li a .news_hover:after {display: block;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 61px;height: 61px;background: url(/web/resources/images/svg/more_view.svg) no-repeat;}
.accident_inner .accident_news li a:hover .news_hover:after,
.accident_inner .accident_news li a:focus .news_hover:after {animation-name: more_view; animation-duration: 2s; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.accident_inner .accident_news li a:hover .news_hover,
.accident_inner .accident_news li a:focus .news_hover {opacity: 1;}
/* .accident_inner .accident_news li:nth-child(1) a .news {background-image: url(/web/resources/images/main/news_09.png);}
.accident_inner .accident_news li:nth-child(2) a .news {background-image: url(/web/resources/images/main/news_08.gif);}
.accident_inner .accident_news li:nth-child(3) a .news {background-image: url(/web/resources/images/main/news_07.jpg);}
.accident_inner .accident_news li:nth-child(4) a .news {background-image: url(/web/resources/images/main/news_06.png);}
.accident_inner .accident_news li:nth-child(5) a .news {background-image: url(/web/resources/images/main/news_05.png);}
.accident_inner .accident_news li:nth-child(6) a .news {background-image: url(/web/resources/images/main/news_04.png);} */
.accident_inner .accident_news li a p { font-size: 1rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.owl-nav .owl-prev:hover span {animation: nav-prev infinite alternate .5s;}
.owl-nav .owl-next:hover span {animation: nav-next infinite alternate .5s;}

@keyframes nav-prev {
    0% {transform: translateX(0);}
    100% {transform: translateX(-5px);}
}

@keyframes nav-next {
    0% {transform: translateX(0);}
    100% {transform: translateX(5px);}
}

@keyframes more_view {
    0% {transform: translate(-50%, -50%) rotate(0);}
    100% {transform: translate(-50%, -50%) rotate(180deg);}
}

/* container - information */
.information_inner {display: inline-block; position: relative; width: 100%; height: 100%;}
.information_inner .title {display: inline-block; position: relative; width: 100%; height: auto;}
.information_inner .title h2 {font-size: 1.5rem;font-weight: 400;line-height: 35px;}
.information_inner .title p { font-size: 1rem; font-weight: 300; line-height: 24px;}
.information_inner .information_menu {display: inline-block; width: 100%; height: 450px; margin-top: 17px;}
.information_inner .menu_list {display: inline-block; width: 100%; height: 100%;}
.information_inner .menu_list li {display: block; float: left; width: 179px; height: 150px; border-style: solid; border-color: #dcdcdc; box-sizing: border-box;}
.information_inner .menu_list li:nth-child(1),
.information_inner .menu_list li:nth-child(2),
.information_inner .menu_list li:nth-child(3),
.information_inner .menu_list li:nth-child(4), 
.information_inner .menu_list li:nth-child(5),
.information_inner .menu_list li:nth-child(6), 
.information_inner .menu_list li:nth-child(7), 
.information_inner .menu_list li:nth-child(8),
.information_inner .menu_list li:nth-child(9) {border-width: 0 1px 1px 0;}
.information_inner .menu_list li:nth-child(1) {border-width: 1px 1px 1px 1px;}
.information_inner .menu_list li:nth-child(2), 
.information_inner .menu_list li:nth-child(3) {border-width: 1px 1px 1px 0;}
.information_inner .menu_list li:nth-child(4),
.information_inner .menu_list li:nth-child(7) {border-width: 0 1px 1px 1px;}
.information_inner .menu_list li a {display: inline-block; position: relative; width: 100%; height: 100%; transition: all .3s;}
.information_inner .menu_list li a:hover {background: #004B9E;color: #fff;}
.information_inner .menu_list li a .info {display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 110px;}
.information_inner .menu_list li a .info .info_icon {display: block; width: 70px; height: 70px; background-size: contain; margin: 0 auto;}
.information_inner .menu_list li:nth-child(1) a .info .info_icon {background: url(/web/resources/images/svg/m_info_01.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(2) a .info .info_icon {background: url(/web/resources/images/svg/m_info_02.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(3) a .info .info_icon {background: url(/web/resources/images/svg/m_info_03.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(4) a .info .info_icon {background: url(/web/resources/images/svg/m_info_04.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(5) a .info .info_icon {background: url(/web/resources/images/svg/m_info_05.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(6) a .info .info_icon {background: url(/web/resources/images/svg/m_info_06.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(7) a .info .info_icon {background: url(/web/resources/images/svg/m_info_07.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(8) a .info .info_icon {background: url(/web/resources/images/svg/m_info_08.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(9) a .info .info_icon {background: url(/web/resources/images/svg/m_info_09.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(1) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_01.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(2) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_02.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(3) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_03.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(4) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_04.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(5) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_05.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(6) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_06.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(7) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_07.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(8) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_08.svg) center center no-repeat;}
.information_inner .menu_list li:nth-child(9) a:hover .info .info_icon {background: url(/web/resources/images/svg/m_info_hover_09.svg) center center no-repeat;}
.information_inner .menu_list li a .info span {display: block;  font-size: 1rem; font-weight: 400; text-align: center; margin-top: 20px;}

@keyframes info {
    0% {bottom: 0;}
    100% {bottom: 15px;}
}

/* container - graph */
.graph_inner {display: inline-block; position: relative; width: 100%; height: 100%;}
.graph_inner .title {display: inline-block; position: relative; width: 100%; height: auto;}
.graph_inner .title h2 {font-size: 1.5rem;font-weight: 400;line-height: 35px;}
.graph_inner .title p { font-size: 1rem; font-weight: 300; line-height: 24px;}
.graph_inner .title .more_view {display: inline-block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 42px;height: 42px;border: 1px solid #dcdcdc;box-sizing: border-box;}
.graph_inner .title .more_view span { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: -9999px; width: 10px; height: 10px; background: url(/web/resources/images/svg/btn_more.svg) center center no-repeat; }
.graph_inner .graph_box {display: inline-block;position: relative;margin-top: 25px;width: 100%;height: 336px;border: 1px solid #dcdcdc;box-sizing: border-box;}
.graph_inner .graph_box .unit {position: absolute; top: -20px; right: 0; font-size: .875rem; font-weight: 400; color: #4f4f4f;}
.graph_inner .graph_kind {display: block;position: relative;float: left;width: 266px;height: 335px;border-right: 1px solid #dcdcdc;box-sizing: border-box;} 
.graph_inner .graph_kind li {display: block;position: relative;width: 100%;height: 67px; color:#fff; text-align:center; border-bottom: 1px solid #dcdcdc;box-sizing: border-box;background: #fff;transition: all .3s;}
.graph_inner .graph_kind li.active {background: #004b9e;box-sizing: border-box;}
.graph_inner .graph_kind li.active strong {color: #fff;font-weight: 400;}
.graph_inner .graph_kind li.active:after {display: inline-block;content: "";position: absolute;top: 50%;right: 0px;transform: translateY(-50%);border-left: none;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 23px solid #fff;box-sizing: border-box;}
.graph_inner .graph_kind li a {display: inline-block; width: 100%; height: 100%; position: absolute; z-index: 100; left: 0;}
.graph_inner .graph_kind li strong {display: flex; justify-content:center; align-items:center; font-size: 1.125rem;font-weight: 400; color:#000; height:100%;}
.graph_inner .graph_kind li strong:before {display: inline-block;content: "";position: absolute;top: 0;left: 25%;width: 25px;height: 100%;object-fit: contain;vertical-align: middle;} 
.graph_inner .graph_kind li:nth-child(1) strong:before {background: url(/web/resources/images/svg/grap_kind_01.svg) center center no-repeat;} 
.graph_inner .graph_kind li:nth-child(2) strong:before {background: url(/web/resources/images/svg/grap_kind_02.svg) center center no-repeat;} 
.graph_inner .graph_kind li:nth-child(3) strong:before {background: url(/web/resources/images/svg/grap_kind_03.svg) center center no-repeat;} 
.graph_inner .graph_kind li:nth-child(4) strong:before {background: url(/web/resources/images/svg/grap_kind_04.svg) center center no-repeat;}
.graph_inner .graph_kind li:nth-child(5) strong:before {background: url(/web/resources/images/svg/grap_kind_05.svg) center center no-repeat;}
.graph_inner .graph_kind li.on:nth-child(1) strong:before {background: url(/web/resources/images/svg/grap_kind_on_01.svg) center center no-repeat;} 
.graph_inner .graph_kind li.on:nth-child(2) strong:before {background: url(/web/resources/images/svg/grap_kind_on_02.svg) center center no-repeat;} 
.graph_inner .graph_kind li.on:nth-child(3) strong:before {background: url(/web/resources/images/svg/grap_kind_on_03.svg) center center no-repeat;} 
.graph_inner .graph_kind li.on:nth-child(4) strong:before {background: url(/web/resources/images/svg/grap_kind_on_04.svg) center center no-repeat;} 
.graph_inner .graph_kind li.on:nth-child(5) strong:before {background: url(/web/resources/images/svg/grap_kind_on_05.svg) center center no-repeat;} 
.graph_inner .graph_box .graph {display: inline-block;position: relative;float: right;width: 100%;height: 100%;background: url(/web/resources/images/main/graph.png) center center no-repeat;background-size: contain;}

/* container - banner */
.banner_inner {display: block; position: relative; width: 100%; height: 100%;}
.banner_inner .title {display: inline-block;position: relative;width: 100%;height: auto;margin-bottom: 5px;}
.banner_inner .title h2 {font-size: 1.5rem;font-weight: 400;line-height: 35px;}

.main-btm-slide { display: flex; width: 100%; justify-content: center; align-items: flex-start; }
.owl-control> button { width: 68px; height: 68px; border: solid 1px #dcdcdc; background-size: 16px; background-position: center; background-repeat: no-repeat; background-color: #ffffff; }
.owl-control > .slide-pause { background-image: url(/web/resources/images/svg/btn_stop.svg); }
.owl-control > .slide-play { background-image: url(/web/resources/images/svg/btn_play.svg); }
.banner_inner .owl-control { display: inline-block;}

.banner_inner .owl-carousel {display: inline-block;transform: translateX(-5px);width: calc(100% - 140px);height: 70px; }
.banner_inner .owl-carousel .owl-stage-outer {display: inline-block;position: relative;width: 100%;height: 100%;/* padding:5px; */z-index: 3;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage {display: inline-block; width: 100%; height: 100%;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item {display: inline-block;position: relative;width: 267px;height: 70px;border: 1px solid #dcdcdc;box-sizing: border-box;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item ul,
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item li,
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item a {display: inline-block; width: 100%; height: 100%;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item a img {display: inline-block;width: 100%;height: 100%;object-fit: none;}
/* .banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner {display: inline-block;width: 100%;height: 100%;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner a {display: inline-block;width: 100%;height: 100%;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner a .img {display: inline-block; position: absolute; width: 100%; height: 50px;top: 50%;left: 50%;transform: translate(-50%, -50%);} */
/* .banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner01 a .img {background: url(/web/resources/images/main/banner01.png) center center no-repeat;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner02 a .img {background: url(/web/resources/images/main/banner02.png) center center no-repeat;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner03 a .img {background: url(/web/resources/images/main/banner03.png) center center no-repeat;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner04 a .img {background: url(/web/resources/images/main/banner04.png) center center no-repeat;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner05 a .img {background: url(/web/resources/images/main/banner05.png) center center no-repeat;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner06 a .img {background: url(/web/resources/images/main/banner06.png) center center no-repeat;}
.banner_inner .owl-carousel .owl-stage-outer .owl-stage .owl-item .banner07 a .img {background: url(/web/resources/images/main/banner07.png) center center no-repeat;} */
.banner_inner .owl-carousel .owl-nav {display: inline-block;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: 10px;}
.container_banner .banner_inner .owl-carousel .owl-nav button {display: inline-block; position: absolute;top: 0; width: 30px; height: 16px; border: none}
.container_banner .banner_inner .owl-carousel .owl-nav button span {display: block; text-indent: -9999px; width: 100%; height: 100%;}
.container_banner .banner_inner .owl-carousel .owl-nav .owl-prev {left: -50px;}
.container_banner .banner_inner .owl-carousel .owl-nav .owl-prev span {background: url(/web/resources/images/svg/arrow_left.svg) center center no-repeat; background-size: contain;}
.container_banner .banner_inner .owl-carousel .owl-nav .owl-next {right: -50px;}
.container_banner .banner_inner .owl-carousel .owl-nav .owl-next span {background: url(/web/resources/images/svg/arrow_right.svg) center center no-repeat; background-size: contain;}

#mainChart svg {object-fit: contain;}


.mainChart{
	position:relative;
}

.mainChart .summeryChart {
	position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	}


/* 20231016 노충호 신규 : 차트 파트 추가 */
.tabConbox{
	display:none;
}



.tabConbox.on{
	display:block;
    width: calc(100% - 266px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    overflow:hidden;
    margin-top:0;
    border: none;
}

@media screen and (max-width:1200px){
	.tabConbox.on{
	    width: 100%;
	    height: 334px;
	    position: relative;
	    right: inherit;
	    top: inherit;
	    margin-top:10px;
	    border: 1px solid #dcdcdc;
	}
	
}




.tabConbox .chartimgbox {
	display:flex;
	height:100%;
	justify-content:center;
	align-items:center;
	
}
.tabConbox .chartimgbox img {
	width:100%;
	height:100%;
}
.tabConbox .chartscript {
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}

.tabConbox .chartscript table{
	display:block;
	width:1px;
	height:1px;
	overflow:hidden;
	margin-left:-1px;
	margin-top:-1px;
	text-indent:-9999px;
}


/* bottom slide banner */
.banner-swiper { }
.banner-swiper .swiper-slide { padding:4px 2px;}
.banner-swiper .swiper-slide > a { display: flex; align-items: center; justify-content: center; width: 99%; height: 100%; background-color: #ffffff; border: solid 1px #d1d1d1; height: 68px; }
.banner-swiper .swiper-slide > a > img { max-width: 90%; }
.banner-swiper .swiper-button-prev::after,
.banner-swiper .swiper-button-next::after { color: black!important; font-size: 18px; font-weight: 700; }


/* 250925 */
/* .tab-wrap {
	display: flex;
} */

.graph_inner .graph_kind li a {
	z-index: 100;
	position: relative; 
}