@charset "UTF-8";

#quick li {
    display: block;
    margin: 10px;
    background: rgba(255,255,255, 0.4);
    -webkit-border-radius: 10px;
    border-radius: 10rem;
    border: 2px solid #EEE;
    padding: 0.1rem 1rem;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
#quick li.active{
    background:#666;
    background: rgba(0,0,0, 0.5);
    border-color: #FF9900;
}
#quick li a{
    text-decoration:none;
    color: #000;
    font-size: 1.4rem;
    text-align: center;
}
#quick li.active a:hover{
    color: #FF9900;
}
#quick li:hover{
    background: rgba(255,255,255, 0.8);
}
#quick li a, #quick li.active a{
    padding: 9px 18px;
    display:block;
}
#quick li.active a{
    color: #fff;
}
#quick{
    position:fixed;
    top:30%;
    left:0;
    height: 40px;
    z-index: 70;
    min-width: 10rem;
    padding: 0;
    margin:0;
}


@media all and (max-width:1600px) {
    #quick { display: none}

}

.section .inner {
    max-width: 144rem;
    padding-left:2rem;
    padding-right:2rem;
    margin: 0 auto;
}
#section0 {
    transition: 0.25s;
}
#section1 {
    padding: 0 0 10rem;
    transition: 0.25s;
}
#section2 {
    padding: 10rem 0;
    background-color: #e8edf3;
    transition: 0.25s;

}
#section3 {
    padding: 10rem 0;
    background-color: #eceae7;
    transition: 0.25s;
}

.main-title {margin-bottom:5rem; text-align:center;}
.main-title h2 { font-size:5rem; color:#323841;}
.main-title p {font-size:2rem;color:#484e66;/* background: #fff; */position: relative;}
.main-title p::after {content:"";display:block;width: 200vw;height:50px;background-color:#fff;position: absolute;bottom: -30px;left: -50%;z-index: -1;}
@media all and (max-width:480px) {
    .main-title h2 { font-size:4rem; }

}
@media all and (max-width:300px) {
    .main-title p::after { height:70px;}
}





/* 화살표 */
.slick-prev,.slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 60px; height: 60px; background-color:#fff;
    padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;
    color: transparent; border: none; outline: none;box-shadow: 2px 6px 13px rgba(0,0,0,0.1); border-radius: 100%;z-index:1; }
.slick-prev:before, .slick-next:before{ font-family: remixicon!important; font-weight:800; font-size: 30px; line-height: 1; color: #484e66;}
.slick-prev{ left: -30px;}
.slick-prev:before{ content: "\ea64";}
.slick-next{  right: -30px;}
.slick-next:before{  content: "\ea6e";}
/*.slick-navigation { position: absolute; right: 4rem; top: 52%;transform: translateY(-50%); color:#fff;}*/
.slick-vertical .slick-prev, .slick-vertical .slick-next { background-color:transparent; width:30px; height:30px;
    -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); box-shadow:none;}
.slick-vertical .slick-prev:before,
.slick-vertical .slick-next:before { font-size:15px}
.slick-vertical .slick-prev:before{ content: "\ea78"; color:#fff;}
.slick-vertical .slick-next:before{ content: "\ea4e"; color:#fff;}
.slick-vertical .slick-prev{ left: inherit; right:0; top:0; }
.slick-vertical .slick-next{right: 0;top: 27px;}
.slick-vertical .slick-prev::after {content:"";display:block;width:10px;height:1px;background-color:#fff;position: absolute;bottom: 0;left: 10px;}

.slick-navigation button{position:relative; display:inline-block; vertical-align:middle; font-weight:600; font-size:2rem; color:#fff; line-height:1; }
.slick-navigation .Pause{display:none;}


.visual-wrap {
    position: relative;
}
.visual-wrap .inner { position:relative;
    flex-direction: column;
    display: flex;
    align-items: flex-end;
    padding-top:10rem;}

#visual-slide .item01 {     background: url("../images/main/img_visual01.jpg") no-repeat top center/cover;}
#visual-slide .item02 {     background: url("../images/main/img_visual02.jpg") no-repeat top center/cover;}
#visual-slide {
    position:absolute;
    width:100%;
    height: 100%;
    overflow:hidden;
}
#visual-slide .slick-slide {
    float: left;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    margin:0 auto;
    text-align:center;
    background-size: cover;
}

#visual-slide .slick-list,
#visual-slide .slick-track{
    height:100%;
}
#visual-slide .slick-slide > div {
    width:100%;
    height:100%;
}
#visual-slide .item {
    width:100%;
    height:100%;
}
#visual-slide  .slick-prev {
    left:5%;
}
#visual-slide  .slick-next {
    right:5%;
}
#visual-slide-navi {
    display: flex;
    margin-top:1.5rem;
   z-index:1;text-indent: inherit;vertical-align: middle;}
#visual-slide-navi::after { content:""; display:block; clear:both;}
#visual-slide-navi button {
    float: left;
    width: 35px;
    height: 35px;
    color: #333366;
    font-size: 20px;
    background:transparent;
    transform: translate(0, 0);
    right: inherit;
    left: inherit;
    box-shadow: none;
}
#visual-slide-navi .Pause{display:none;}
.visual-title {
    position: absolute;
    top:8rem;
    left:10rem;
    color:#323841;
    width: calc(100% - 71rem);
    padding-right: 2rem;
}
.visual-title h3 { font-size:5rem}
.visual-title h3 b { font-size:6rem; display:block;}
.visual-title p { padding-top:1rem; font-size:2rem; }

/* 비주얼 퀵 배너 */
.main-visual-banner {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* transform: translate(0, 50px); */
    max-width:61rem;
    width:100%;
    border-radius: 1rem;
    transform: translate(0, 30px);
}
.main-visual-banner  ul {
    display:flex;
    flex-wrap: wrap;
    padding: 1.5rem;
}
.main-visual-banner li {
    width:calc(100% / 3);
}
.main-visual-banner a {
    display:block;
    text-align:center;
}
.main-visual-banner i {
    display:inline-block;
    width:50px;
    height:50px;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .15s;
    transition-timing-function: cubic-bezier(0.480, 0.355, 0.350, 1.495);
}
.main-visual-banner a:hover i  {
    transform: scale(1.15, 1.15);
}
.main-visual-banner i.icon01 {
    background-image:url(../images/main/ico_quick01.svg)
}
.main-visual-banner i.icon02 {
    background-image:url(../images/main/ico_quick02.svg)
}
.main-visual-banner i.icon03 {
    background-image:url(../images/main/ico_quick03.svg)
}
.main-visual-banner span {
    display:inline-block;
    width:100%;
    margin-top:10px;
}

.visual-wrap.ver-white .visual-title{
    color:#fff;
}
.visual-wrap.ver-white #visual-slide-navi button,
.visual-wrap.ver-white #visual-slide-navi .slick-prev:before,
.visual-wrap.ver-white #visual-slide-navi .slick-next:before{
    color:#fff;
}
.visual-wrap.ver-white .main-visual-banner a {
    color:#fff;
}

/* 팝업존 */
.popzone-wrap {position:relative; /*margin-top:26rem;*/
    transform: translate(0, 50px);
    max-width:61rem;
    width:100%;
    /* height:32rem; */box-shadow: 2px 6px 13px rgba(0,0,0,0.1); }
.popzone-wrap .slick-navigation{
    position: absolute;
    left:0;
    bottom:0;
    width:230px;
    height:50px;
    background-color:rgb(0 0 0 / 80%);
    border-top-right-radius:20px;
    color:#fff;
    font-size:20px;
    vertical-align:middle;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}
.popzone-wrap .slick-navigation .navi-control { width: calc(100% - 60px); text-align: right;}
.popzone-wrap .slick-navigation b { font-size:2rem; font-weight:600;}
.popzone-wrap .slick-navigation .paging { margin-right:1rem; font-weight: 300;display: inline-block;vertical-align: middle;}
.popzone-wrap .slick-navigation .paging li::first-letter { color:#ff6e40; }
.popzone-wrap .slick-navigation .paging li { font-size:1.6rem;}
.popzone-wrap .slick-navigation .paging ul {display:inline-block;/* margin: 0; */}
.popzone-wrap .slick-navigation .slick-dots li { display:none; }
.popzone-wrap .slick-navigation .slick-dots li.slick-active {  display: inline-block;}
.popzone-wrap .slick-slide	{width:100%;margin:0 auto;text-align:center;}
.popzone-wrap .slick-slide img { max-width:100%;border-radius:20px;}
.popzone-wrap .slick-dots li {display:inline-block;}

.popzone-wrap .popzone-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4rem;
    text-align: left;
    color:#000;
}
.popzone-wrap .popzone-text .white {
    color:#fff;
}
.popzone-wrap .popzone-text h3 { font-size:4rem; }
.popzone-wrap .popzone-text h4 {  font-size:1.6rem;}
.popzone-wrap .popzone-text p { font-size:1.6rem; }
.popzone-wrap .popzone-text a.more { display:inline-block; background-color:#fff; border-radius: 3rem; padding:0.5rem 1rem;}
.popzone-wrap .popzone-text a.more::after { content:""; margin-left:1rem; display:inline-block; font-size:1.6rem; font-family: remixicon!important;    content: "\ea6e"; }

@media all and (max-width:890px) {
    .visual-title {
        top:7rem;
        left:3rem;
    }
}
@media all and (max-width:480px) {
    .visual-wrap .inner {
        padding-top: 28rem;
    }
}
/* 공지사항 영역
#section1::after,
#section1::before{
    display:inline-block;
    content:"";
    background-position:center center;
    background-repeat: :no-repeat;
    background-size:cover;
    position: absolute;
}
#section1::before {
    width:213px;
    height:206px;
    background-image: url('../images/main/bg_bbs-wrap_circle01.png)');
}
#section1::after {
    width:387px;
    height:357px;
    background-image: url('../images/main/bg_bbs-wrap_circle02.png)');
}
*/
@media all and (max-width:860px) {
    .visual-title {
        top:7rem;
    }
}


@media all and (max-width:720px) {
    .visual-wrap .inner {
        padding-top:25rem;
    }
    .main-visual-banner {
        width:100%;
    }
    .popzone-wrap {
        width:100%;
    }
    .visual-title {
       left:4rem;
        top:2rem;
        width:100%;
    }

}
@media all and (max-width:640px) {
    .popzone-wrap,
    .main-visual-banner{
       max-width:100%;
    }

}



.bbs-wrap {
    background-color:#0066cc;
    background-image:url('../images/main/bg_bbs-wrap_circle01.png'), url('../images/main/bg_bbs-wrap_circle02.png');
    background-position:5% 45% ,95% 50%;
    background-repeat:no-repeat;
    color:#fff;
    padding:8rem 0 13rem 0;
}
.bbs-wrap::before, .bbs-wrap::after  {
    content:"";
    display:block;
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center center;
    position:absolute;;
}

/*
.bbs-wrap::before { transform: translate(0, -50%); left:5%; width:213px; height:206px; background-image: url('../images/main/bg_bbs-wrap_circle01.png')}
.bbs-wrap::after {  transform: translate(0, -50%); right:10%; width:397px; height:357px; background-image: url('../images/main/bg_bbs-wrap_circle02.png')}
*/
/* 공지사항 */
.noti-slide-wrap { padding-left:15rem; position:relative; flex-wrap: wrap;  vertical-align: middle;display: flex;   align-items: center;}
.noti-slide-wrap h3 {
    width:14rem;
    position: absolute;
    color:#fff;
    font-size:2rem;
    left:3rem;
    top:0;
    vertical-align: middle;
    font-weight:600;
}
.noti-slide-wrap .more {position: absolute; left:14rem;top: 50%;transform: translateY(-50%); display:inline-block; width:3rem; height:3rem; line-height:2.8rem;border:1px solid #fff; border-radius:100%;text-align:center; vertical-align: middle;}
.noti-slide-wrap .more::before { content:"\ea13";font-family: remixicon!important;  -webkit-font-smoothing: antialiased; font-size:2rem; color:#fff; }
#noti-slide {width:100%; position:relative }
#noti-slide::before {position: absolute; width: 1px;height:80px;
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%);
    content: '';
    left: 50%;
    top: 50%;}
#noti-slide .item { position:relative; padding-left:3rem; margin:1rem 0;}
#noti-slide .item a{ position:relative;display:block; padding-right:5rem;color:#fff; font-size:1.8rem; }
#noti-slide .item a strong { display:block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:calc(100% - 100px); font-weight:300; font-size:1.6rem}
#noti-slide .item a span {  font-size:1.6rem;font-weight:300; }
#noti-slide-navi { position: absolute; right: 4rem; top: 52%;transform: translateY(-50%); color:#fff;}
#noti-slide-navi button{position:relative; display:block; margin:0.2rem 0; font-weight:600; font-size:2rem; color:#fff; line-height:1; }
#noti-slide-navi .Play{display:none;}
@media screen and (max-width: 1026px) {
    #noti-slide::before { display:none;}
}

@media screen and (max-width: 768px) {
    .noti-slide-wrap { padding:2rem 2rem 2rem 2rem; ;}
    .noti-slide-wrap > strong {position: relative;font-size:2rem;top: inherit;left: inherit; margin-bottom:1rem}
    .noti-slide-wrap .more { left:10rem; top:3rem }
    #noti-slide .item { padding-left:0;}

    #noti-slide .item .link b { width:100%;}
    #noti-slide .item .link em { display:none;}
    #noti-slide-navi { right:2rem;}
}

@media screen and (max-width: 480px) {
    /*.noti-slide-wrap {padding:2rem 2rem 2rem 12rem; }
    .noti-slide-wrap > strong { left:2rem;}
    .noti-slide-wrap .more { left:10rem; }
    #noti-slide-navi { right:2rem;}*/
}
.btn-more-main  {
    width: 22px;
    height: 22px;
    position: absolute;
    top:0;
    right: 0;
}

.btn-more-main::before,
.btn-more-main::after {
    content: "";
    display: block;
    width: 4px;
    height: 22px;
    background-color: #929292;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .12s;
}

.btn-more-main::before {
    transform: translate(-50%, -50%);
    opacity: .8;
}

.btn-more-main::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.btn-more-main:hover::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.btn-more-main:hover::after {
    transform: translate(-50%, -50%) rotate(0deg);
}
/* 최신 정보 및 동향 */
#section1 .main-title {transform: translate(0, -65px);}
#section1 .main-title h2 { color:#fff;}
.info-news-wrap { margin-top:-50px;}
.info-news-wrap > ul { display:flex; flex-wrap: wrap;}
.info-news-wrap > ul > li > div { position: relative}
.info-news-wrap > ul > li:nth-child(1) {width: calc((100% - 29.286%) / 2) ; padding-right:3.5rem; }
.info-news-wrap > ul > li:nth-child(2) {width: 29.286%; padding:0 3.5rem; border-left:1px solid #dcdee0; border-right:1px solid #dcdee0; overflow:hidden; }
.info-news-wrap > ul > li:nth-child(3) {width: calc((100% - 29.286%) / 2); padding-left:3.5rem; }
.info-news-wrap  h3 { margin-bottom:2rem; padding-bottom:7px; color:#484e66; font-size:2.4rem; border-bottom:1px solid #203a91}
.info-news-wrap > ul > li:nth-child(1)  h3 b { color:#203a91}
.info-news-wrap > ul > li:nth-child(3)  h3 b { color:#006633}
.info-news-wrap ul.news-list > li  {  margin-bottom:4rem; }
.info-news-wrap ul.news-list > li:last-child { margin-bottom:0;}
.info-news-wrap ul.news-list > li a { position: relative; display:block; padding-left:55px; font-size:1.6rem;}
.info-news-wrap ul.news-list > li span.cate {position: absolute;top:0;left:0;margin-right:1rem;display: flex;width:45px;height:45px;word-break: keep-all;text-align:center;font-size:1.4rem;color:#fff;background-color:#203a91;border-radius:0.5rem;justify-content: center;align-items: center;line-height: 1.1;}
.info-news-wrap ul.news-list > li span.cate.type02 { background-color:#0099ff;}
.info-news-wrap ul.news-list > li span.cate.type03 {background-color:#339933;}
.info-news-wrap ul.news-list > li span.cate.type04 {background-color:#99cc33;}
.info-news-wrap ul.news-list > li strong { display:block;
    font-weight:500;
    overflow: hidden;white-space: normal;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
    word-break: break-all;}
.info-news-wrap ul.news-list > li  p  span { display:block; margin-top:1rem }
.info-news-wrap ul.news-list > li span.summary {  display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.info-news-wrap .news02 { margin-top:3rem;}


#card-news-slide {width:100%; overflow:hidden; }
#card-news-slide  {width:100%; display:block; background-color:#6fc4f2; border-radius:2rem; height: auto;}
#card-news-slide .slick-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}
#card-news-slide .slick-slide a {
    display:block;

}
#card-news-slide .slick-slide .thumb {    width: 100%;
    position: relative;
    padding-bottom: 100%;
    border-radius:2rem 2rem 0 0;
}
#card-news-slide .slick-slide .thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:2rem 2rem 0 0;
}
#card-news-slide .slick-slide .info {
    background-color:#6fc4f2;
    color:#fff; font-size:3rem; padding:2rem 0; text-align:center;
    border-radius:0 0 2rem  2rem;
}
#card-news-slide-navi {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:2rem;
}
#card-news-slide-navi .slick-navi-dot .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none; }
#card-news-slide-navi  .slick-navi-dot .slick-dots li {
    margin: 0 0.5rem;
}
#card-news-slide-navi  .slick-navi-dot .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #cccccc;
    text-indent: -9999px;
}
#card-news-slide-navi  .slick-navi-dot li.slick-active button {
    background-color: #999999;
    width:3.3rem;
    border-radius:0.5rem;

}
#card-news-slide-navi button.control {
    color:#807f7f;
    border:1px solid #807f7f;
    border-radius:0.5rem;
    width:2.2rem;
    height:2.2rem;
    font-size:1.2rem;
    margin-left:1rem;
}
.info-research-result {
    margin-top:6rem;
    background-color:#e8edf3;
    padding:1rem 3rem;
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
.info-research-result h3 { width:160px; font-size:2rem; margin-right:2rem; padding-right:2rem; }
.info-research-result .count  { width:100px; font-size:1.6rem;margin-right:2rem; padding-right:2rem; border-right:1px solid #dcdee0}
.info-research-result .count  strong {  font-size:2.4rem; color:#0099ff;}
.info-research-result .list { width:calc(100% - 300px);}
.info-research-result ul li {
    position: relative;
    padding-left: 1.5rem;
    font-size:1.6rem;
    margin:0.5rem 0
}
.info-research-result ul li::before {
    display: block;
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    background: #0099ff;
    border-radius: 50%;
    position: absolute;
    top: 0.9rem;
    left: 0;
}
.info-research-result ul li a {  display: flex; justify-content: space-between;}
.info-research-result ul li b {
    font-weight:500;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right:1rem;
    white-space: nowrap;}
.info-research-result ul li span { margin-left:auto; color:#999;}


@media all and (max-width:1026px) {
    .info-news-wrap > ul > li:nth-child(1) {
        width:50%;
    }
    .info-news-wrap > ul > li:nth-child(2) {
        width:50%;
    }
    .info-news-wrap > ul > li:nth-child(3) {
        width:100%;
        padding-left:0;
    }

}

@media all and (max-width:768px) {
    .info-research-result{
        justify-content: space-between;
    }
    .info-research-result .list {
        width:100%;
    }
    .info-research-result .count {
        margin-right:0;
        padding-right:0;
        border-right:0;
    }

}
@media all and (max-width:480px) {
    .info-news-wrap > ul > li:nth-child(1),
    .info-news-wrap > ul > li:nth-child(2) {
        width:100%;
    }
    .info-news-wrap > ul > li:nth-child(2) {
        border:0;
        border-top: 1px solid #dcdee0;
        border-bottom: 1px solid #dcdee0;
        margin-top:2rem;
        margin-bottom:2rem;
        padding-top:2rem;
        padding-bottom:2rem;
    }

}



/* 비즈네트워크 */
.top-banner ul { display:flex; width:100%; flex-wrap: wrap; }
.top-banner ul li  {padding:0 2rem;flex-basis: 50%;}
.top-banner ul li .box { height:22rem; background-color:#fff;    box-shadow: 2px 6px 13px rgba(0,0,0,0.1);}
.top-banner ul li .box a  {  display:flex; width:100%;    height: 100%;}
.top-banner ul li .box .thumb { position:relative;
    height:100%; width:calc(100% - 260px); background:url(../images/main/img_clustrmap_banner.jpg) no-repeat center center/cover }
.top-banner ul li .box .thumb.banner02 {  background:url(../images/main/img_comm_banner.jpg) no-repeat center center/cover }
.top-banner ul li .box .thumb::after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top:-15px;
    right: 0;
    border-width: 20px;
    border-style: solid;
    border-color:  transparent #fff transparent transparent;
}
.top-banner ul li .box .txt { padding-top:5rem; width:260px; text-align:center;  }
.top-banner ul li .box .txt span {
    display:block;
    font-size:1.6rem}
.top-banner ul li .box .txt p  { margin-top:2.4rem}
.top-banner ul li .box .txt p b {display:block; font-size:2.4rem;}
.biz-slider-wrap { margin-top:4rem; padding:0 2rem;}
.biz-slider-wrap .box { margin:0 2rem; }
.biz-slider-wrap .box .thumb {width:100%; }
.biz-slider-wrap .box .info { padding-bottom:2rem;}
.biz-slider-wrap .box .thumb  { width:100%; position: relative; background-color:#e9e9e9;padding-bottom: 66%;}
.biz-slider-wrap .box .thumb img {object-fit: fill;width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.biz-slider-wrap .box .info  { padding:2.5rem; background-color:#fff; color:#323841; }
.biz-slider-wrap .box .info span { padding:0.5rem 1rem; background-color:#d2d4dc; font-size:1.6rem ; border-radius:2rem;}
.biz-slider-wrap .box .info b {
    margin-top:2rem;
    font-size:2rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#biz-slide-navi {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:2rem;
}
#biz-slide-navi .slick-navi-dot .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none; }
#biz-slide-navi  .slick-navi-dot .slick-dots li {
    margin: 0 0.5rem;
}
#biz-slide-navi  .slick-navi-dot .slick-dots button {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: 3px solid #333366;
    border-radius: 100%;
    background-color: transparent;
    text-indent: -9999px;
}
#biz-slide-navi  .slick-navi-dot li.slick-active button {
    background-color: #333366;
}
#biz-slide-navi button.control {
    color:#333366;
    font-size:2rem;
}

.quick-banner {
    margin-top:5.5rem;
    background-color:#f4f6f9;
}
.quick-banner ul {
    display:flex;
    padding:1rem 0;
}
.quick-banner ul li {
    border-left:1px solid #ddd;
    text-align:center;
    flex-grow: 1;
}
.quick-banner ul li a {
    display:block;
    padding:1rem 0;
}
.quick-banner ul li i{
    display:inline-block;
    width:20px;
    height:20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right:1rem;
    vertical-align: middle;
}
.quick-banner ul li a:hover i {

}
.quick-banner ul li a:hover i {animation: bounce .75s ease-out forwards}


@keyframes rotate {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}

@keyframes bounce {
    0% {
        top: -10px
    }
    50% {
        top: 0
    }
    100% {
        top: -10px
    }
}
.quick-banner ul li i.icon01 {
    background-image:url(../images/main/ico_quick_banner01.png)
}
.quick-banner ul li i.icon02 {
    background-image:url(../images/main/ico_quick_banner02.png)
}
.quick-banner ul li i.icon03 {
    background-image:url(../images/main/ico_quick_banner03.png)
}
.quick-banner ul li i.icon04 {
    background-image:url(../images/main/ico_quick_banner04.png)
}



@media all and (max-width:1026px) {
    .top-banner ul li .box .thumb {
        width:40%;
    }
    .top-banner ul li .box .txt {
        width:60%;
    }
}
@media all and (max-width:480px) {
    .top-banner ul li {
        padding: 1rem 2rem;
        flex-basis: 100%;
    }
}




.tab-list-wrap{ margin:0 auto; position: relative; }
.tab-list-wrap:before {content:"";display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}
.tab-list-wrap .tab-panel{display:block !important;}
.tab-list-wrap .tab-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bbs-tabs >  p { text-align:center; margin-top:2.5rem;}
.bbs-tabs >  p small { display:block; padding-top:1rem;}
.tab-list-wrap .tab-item{position:relative;margin:0 1rem;text-align:center;vertical-align:top;}
.tab-list-wrap .tab-anchor{
    position:relative;
    background-color:transparent;
    border:3px solid #a9a7a4;
    border-radius:4rem;
    padding:1rem 4rem;
    color:#a9a7a4;
    font-size:2rem;
    vertical-align:middle;
    letter-spacing:-0.025em;
    font-weight: 600;
}
.tab-list-wrap .tab-item.active {}
.tab-list-wrap .tab-item.active .tab-anchor,
.tab-list-wrap .tab-item.active .tab-button,
.tab-list-wrap .tab-item.active .tab-all{color:#ff9900; border-color:#ff9900;}

.tab-conts {margin-top:2rem; font-size:1.6rem; background-color:#fff; padding:3rem; border-radius:1rem;}
.tab-conts .tab-panel {display:none; }
.tab-conts .tab-panel.active {display:block;}





.statistics-count-wrap {padding: 0 4%;}
.statistics-count-wrap ul  {
    display:flex;
    margin-top:35px;
    flex-wrap: wrap;
}
.statistics-count-wrap ul li {
    width:calc(100% / 6);
    padding:0 2rem;
}
.statistics-count-wrap ul li .box{
    text-align:center;
}
.statistics-count-wrap ul li .box .icon {
    display: flex;
    background-color: #ff9900;
    color: #fff;
    width: 100%;
    max-width:150px;
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: 0px 6px 25px rgba(1, 0, 30, 0.12);
    justify-content: center;
    align-items: center;
}
.statistics-count-wrap ul li .box .icon:before{
    display: block;
    content: "";
    padding-bottom: 100%;
}
.statistics-count-wrap ul li .box .icon  i {
    display:block;
    width:45%;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.statistics-count-wrap ul li .box .icon  i::after {
    display: block;
    content: "";
    padding-bottom: 100%;
}
.statistics-count-wrap ul li .box  .icon  i.icon01{
    background-image:url(../images/main/ico_stat01.svg)
}
.statistics-count-wrap ul li .box  .icon  i.icon02 {
    background-image:url(../images/main/ico_stat02.svg)
}
.statistics-count-wrap ul li .box  .icon  i.icon03 {
    background-image:url(../images/main/ico_stat03.svg)
}
.statistics-count-wrap ul li .box  .icon  i.icon04 {
    background-image:url(../images/main/ico_stat04.svg)
}
.statistics-count-wrap ul li .box  .icon  i.icon05 {
    background-image:url(../images/main/ico_stat05.svg)
}
.statistics-count-wrap ul li .box  .icon  i.icon06 {
    background-image:url(../images/main/ico_stat06.svg)
}
.statistics-count-wrap ul li .box .count {
    display:block;
    margin-top:2rem;
}
.statistics-count-wrap ul li .box .count span{
    display:block;
}
.statistics-count-wrap ul li .box .count strong {
    color:#ff9900;
    font-size:3rem;
    font-weight:500;
}
.statistics-count-wrap .count-date {
    text-align: right;
    color:#565656;
}


@media all and (max-width:1100px) {

}
@media all and (max-width:1026px) {
    .statistics-count-wrap ul li  {
        width:calc(100% / 3);
        margin:1rem 0;
    }
}

@media all and (max-width:480px) {

    .statistics-count-wrap ul li  {
        width:calc(100% / 2);
        margin:1rem 0;
    }
}



.footer-banner {position:relative; padding:2rem 0;}
.footer-banner .slider {position:relative;z-index:1;margin-right: 150px;}
.footer-banner .slider li {position:relative;text-align:center;border-radius: 30px;overflow: hidden;/* height: 424px; */}
.footer-banner .slider li img {display:inline-block; }
.footer-banner .slick-navigation {
    display: flex;
    justify-content: center;
    position:absolute;top: 50%; transform: translate(0, -50%);right: 0px;width: 150px;padding:0 1rem;z-index:1;text-indent: inherit;text-align:right;vertical-align: middle;}
.footer-banner .slick-navigation::after { content:""; display:block; clear:both;}
.footer-banner .slick-navigation button {
    float: left;
    width: 35px;
    height: 35px;
    color: #333366;
    font-size: 20px;
    transform: translate(0, 0);
    right: inherit;
    left: inherit;
    box-shadow: none;
}
.footer-banner .slick-navigation .Pause{display:none;}


/* 다국어 변환시 */
.info-news-wrap ul.news-list > li span.cate font {
    overflow: hidden;white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;
    word-break: break-all;
}
.biz-slider-wrap .box .info span font {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:95%;
}