.co_gnb{
    background-color: var(--color-dark);
    background-color: #f3f3f3;
    height: 40px;
	
}
.co_gnb .inner{
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    align-items: center;
}
.co_gnb .co_logo {
	min-width: 75px;
}
.co_gnb .co_logo a {
    display: block;
}
.co_gnb .co_logo img{
    height: 20px;
    vertical-align: sub;
}
.co_gnb .co_logo,
.gnb_list {
	flex: none;
}
.gnb_list{
/* 	width: calc(100% - (75px + 1rem)); */
    max-width: 680px;
	margin-left: auto;
}
.gnb_list ul{
    display: flex;
    font-size: 13px;
    align-items: center;
}
.gnb_list ul li{
    padding: 0 16px;
    text-align: center;
}
.gnb_list ul li:last-child{
    padding-right: 0;
}
.gnb_list ul li a {
    color: #fff;
	color: #6c6c6c;
}
.gnb_list ul li a:hover{
    text-decoration: underline;
}
.gnb_list .swiper-slide.width_text2 {width: 58px;}
.gnb_list .swiper-slide.width_text3 {width: 73px;}
.gnb_list .swiper-slide.width_text4 {width: 83px;}
.gnb_list .swiper-slide.width_text6,
.gnb_list .swiper-slide.width_text5 {width: 95px;}
/* .gnb_list .swiper-slide.width_text6 {width: 107px;} */
.gnb_list .swiper-slide.width_text7 {width: 112px;}
.gnb_list .swiper-slide.width_text5_last {width: 80px;}
.gnb_list .swiper-slide.width_text4_last {width: 66px;}
.gnb_list .swiper-horizontal>.swiper-pagination-bullets, .gnb_list .swiper-pagination-bullets.swiper-pagination-horizontal{
    width: 0px;
    height: 0px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: -1px;
}

@media (max-width: 768px){
    .gnb_list{
        width: calc(100% - 100px);
        position: relative;
    }
    .gnb_list::before,.gnb_list::after{
        content: '';
        position: absolute;
        display: block;
        width: 8px;
        height: 23px;
        top: 0;
        z-index: 10;
    }
    .gnb_list::after{
        left: 0;
        background: linear-gradient(90deg, var(--co-gnb-color), rgba(80, 130, 228, 0));
    }
    .gnb_list::before{
        right: 0;
        background: linear-gradient(90deg, rgba(80, 130, 228, 0), var(--co-gnb-color));
    }
    .gnb_list ul{
        font-size: 14px;
    }
    .gnb_list ul li {
        padding: 2px 8px 0;
    }
    .gnb_list .swiper-slide.width_text2{
        width: 43px;
    }
    .gnb_list .swiper-slide.width_text3{
        width: 57px;
    }
    .gnb_list .swiper-slide.width_text4{
        width: 70px;
    }
    .gnb_list .swiper-slide.width_text5{
        width: 84px;
    }
    
    .gnb_list .swiper-slide.width_text6 {
        width: 97px;
    }
    .gnb_list .swiper-slide.width_text7 {
        width: 97px;
    }
    .gnb_list .swiper-slide.width_text5_last{
        width: 80px;
    }
    .gnb_list .swiper-slide.width_text4_last{
        width: 74px;
    }
}