@charset "UTF-8";
/*--------------------------------------------------------------------- LAYOUT --------------------------*/
.container {
    margin: 0 auto;
    width: 100%;
    padding: var(--mo-padding);
}
.inner {
    margin: 0 auto;
    width: 100%;
    max-width: var(--w-inner);
} 
.inner__narrow {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
} 

main {
    width: 100%;
    height: 100%;
    min-height: calc( var(--vh, 1vh) * 100 - var(--mo-header-h, 0px) - var(--footer-h, 0px) );
} 


h2 {
    color: #002568;
    font-size: 1.500rem;
    line-height: 3.750rem;
    font-weight: 700;
    text-align: center;
}
h3 {
    color: #002568;
    font-size: 1.500rem;
    line-height: 3.750rem;
    font-weight: 700;
    text-align: center;
    /* margin-top: 60px; */
}
h4 {
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.250rem;
    font-weight: 800;
    margin-top: 10px;
    font-family: Pretendard;
    margin-bottom: 10px;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    .container {
        padding: var(--ta-padding);
    }
    .inner {
    } 
    .inner__narrow {
        margin: 0 auto;
        width: 100%;
        max-width: var(--w-inner-narrow);
    } 
    main {
        min-height: calc( var(--vh, 1vh) * 100 - var(--ta-header-h, 0px) - var(--footer-h, 0px) );
    } 

    h2 {
        /* line-height: 2.143; */
        font-size: 1.750rem;
    }
    h3 {
        /* line-height: 2.143; */
        font-size: 1.750rem;
    }
    h4 {
        font-size: 1.250rem;
        margin-bottom: 20px;
        margin-top: 20px;
    }

}
@media screen and (min-width: 1280px) { /***** PC *************************************************************************(min-width: 1280px)*/
    .container {
        padding: var(--pc-padding);
    }
    .inner {} 
    main{
        min-height: calc(var(--vh, 1vh) * 100 - var(--pc-header-h) - 185px);
    }

    h2 {
        font-size: 2.125rem;
    }

    h3 {
    }
    h4 {
        font-size: 1.500rem;
        margin-top: 10px;
    }
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) *****************************************************************************(min-width: 1660px)*/
    


}



/*--------------------------------------------------------------------- HEADER --------------------------*/

header {
    height: var(--mo-header-h);
    width: 100%;
    border-bottom: 1px solid #00000040;
    z-index: 999;
    position: relative;
} 
.hd-bg{display:none}
header .container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
} 
header .logo{
    height: 30px;
    width: auto;
    width: 100%;
    max-width: 201px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

header .logo{background-image: url(/assets/images/cmn/logo-c.svg)}
body.main header #hd-logo.logo{background-image: url(/assets/images/cmn/logo-w.svg)}


/* == main == */
body.main header{
    position: absolute;
    border-bottom: 1px solid #ffffff40;
}

/* menu-btn */
#menu-btn-open{
    width: 50px;
    height: 50px;
    margin: 0;
}
#menu-btn-open svg.menu-open {width: 50px;height: 50px;}
#menu-btn-open svg.menu-open rect{fill: #000000;}
#menu-btn-open svg.menu-open line{stroke: #000000;stroke-width: 3px;}

#menu-btn-close svg.menu-close {width: 40px;height: 40px;}
#menu-btn-close svg.menu-close  path {fill: #000000;}

/* menu-color */
body.main header #menu-btn-open svg.menu-open rect{fill: #ffffff;}
body.main header #menu-btn-open svg.menu-open line{stroke: #ffffff;}



/* GNB */
nav#gnb {display: none;}

/* TNB */
ul.tnb {display: none;}

/* GNB : MOBILE */
nav#gnb-m {
    position: fixed;
    background-color: #ffffff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: 0.5s;
}
header nav#gnb-m .container{
    height: var(--mo-header-h);
    border-bottom: 1px solid #00000040;
}
nav#gnb-m.open {
    transform: translateX(0);
}
nav#gnb-m ul.gnb-ul {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 70px - var(--mo-header-h));
}
nav#gnb-m li.gnb-li {
    border-bottom: 1px solid #00000040;
}
nav#gnb-m a.gnb-href {
    padding: var(--mo-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    color: #232323;
    font-size: 1.250rem;
    font-weight: 700;
}
nav#gnb-m a.gnb-href:after {content:'';width: 40px;height: 40px;min-width: 40px;background-image: url(/assets/images/cmn/ico-arr.svg);background-repeat: no-repeat;background-size: contain;background-position: center;transition: 0.3s;}
nav#gnb-m li.gnb-li.active a.gnb-href:after{transform:rotate(180deg);}
nav#gnb-m ul.gnb-ul2 {
    display: none;
    border-top: 1px solid #00000040;
    background-color: #F9F9F9;
    padding: 20px 0;
}
nav#gnb-m li.gnb-li2 {padding: var(--mo-padding);}
nav#gnb-m a.gnb-href2 {
    color: #232323;
    font-size: 1.125rem;
    font-weight: 500;
    padding-left: 28px;
    display: flex;
    height: 50px;
    position: relative;
    align-items: center;
}
nav#gnb-m a.gnb-href2:before{content:'';position: absolute;width: 4px;height: 4px;background-color: #232323;border-radius: 100%;left: 14px;top: 50%;transform: translate(-50%,-50%);}
/* TNB  : MOBILE*/
nav#gnb-m ul.tnb {display: flex;height: 60px;width: 100%;}
nav#gnb-m ul.tnb li {
    width: 100%;
    position: relative;
}
nav#gnb-m ul.tnb li:not(:first-child):before{content:"";position: absolute;width: 1px;height: 1.438rem;background-color: #A4A4A4;top: 50%;left: -14px;transform: translateY(-50%);}
    
nav#gnb-m ul.tnb li a {
    font-size: 1.125rem;
    font-weight: 500;
    color: #232323;
    background-color: #F9F9F9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /**********************************************************************************(min-width: 768px)*/
    header {
        height: var(--ta-header-h);
    } 
    header .logo{
        max-width: 285px;
        height: 36px;
    }
    /* menu-btn */
    #menu-btn-open{}
    header nav#gnb-m .container{
        height: var(--ta-header-h);
    }

    /* GNB : MOBILE */
    nav#gnb-m {}
    header nav#gnb-m .container{
        height: var(--ta-header-h);
    }
    nav#gnb-m ul.gnb-ul {
        height: calc(100% - 70px - var(--ta-header-h));
    }
    nav#gnb-m a.gnb-href {
        padding: var(--ta-padding);
        height: 100px;
        color: #232323;
        font-size: 1.625rem;
        font-weight: 700;
    }
    nav#gnb-m a.gnb-href:after {content:'';width: 50px;height: 50px;min-width: 50px;}
    nav#gnb-m ul.gnb-ul2 {
    }
    nav#gnb-m li.gnb-li2 {padding: var(--ta-padding);}
    nav#gnb-m a.gnb-href2 {
    }
    

}
@media screen and (min-width: 1660px) { /***** PC(HEADER) *****************************************************************************(min-width: 1660px)*/
    header {
        height: var(--pc-header-h);
        position: relative;
    } 
    header.open{
        background-color: #ffffff;
    }
    header.open:before{content:'';position: absolute;top: var(--pc-header-h);left: 0;width: 100%;height: calc(var(--vh, 1vh) * 100);background-color: rgb(0 0 0 / 64%);z-index: -1;pointer-events: none;}
    .hd-bg {
        display: block;
        background-color: #ffffff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 350px;
        /* transition: 0.3s; */
        transform: translateY(-100%);
    }
    header.open .hd-bg{transform: translateY(0);top: calc(100% + 2px);}
    header .logo{
        max-width: 349.5px;
        height: 44px;
        margin-right: 20px;
    }
    body.main header.open #hd-logo.logo{background-image: url(/assets/images/cmn/logo-c.svg)}
    
    /* menu-btn */
    #menu-btn-open{
        width: 40px;
        height: 40px;
        margin: 0;
    }
    #menu-btn-open svg.menu-open {width: 40px;height: 40px;}
    #menu-btn-open svg.menu-open line{stroke-width: 2px;}
    
    /* menu-color */
    body.main header.open #menu-btn-open svg.menu-open rect{fill: #000000;}
    body.main header.open #menu-btn-open svg.menu-open line{stroke: #000000;}
    /* GNB */
    nav#gnb {
        display: flex;
        margin: 0 auto;
        height: 100%;
    }
    nav#gnb ul.gnb-ul {
        display: flex;
        gap: 63px;
    }
    nav#gnb li.gnb-li {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }
    nav#gnb li.gnb-li:not(:first-child):before{content:'';position: absolute;width: 3px;height: 3px;background-color: #000000;top: 50%;left: calc(-63px / 2);transform: translate(-50%,-50%);}
    nav#gnb a.gnb-href {
        font-size: 1.125rem;
        font-weight: 700;
        white-space: nowrap;
        line-height: 24px;
    }
    body.main nav#gnb a.gnb-href{color:#ffffff}
    body.main nav#gnb li.gnb-li:not(:first-child):before{background-color:#ffffff}
    header.open nav#gnb a.gnb-href{color:#000000}
    header.open nav#gnb li.gnb-li:not(:first-child):before{background-color:#000000}
    
    nav#gnb li.gnb-li:hover:after,
    nav#gnb li.gnb-li.active:after{content:'';position: absolute;width: 100%;height: 5px;top: 100%;left: 0;background-color: #002568;transform: translateY(-1px);}
    nav#gnb li.gnb-li:hover a.gnb-href,
    nav#gnb li.gnb-li.active a.gnb-href{
    color: #002568;
}
    nav#gnb ul.gnb-ul2 {
        display: none;
    }
    nav#gnb.open ul.gnb-ul2{
    display: flex;
    position: absolute;
    flex-direction: column;
    top: 100%;
    padding: 16px 0px 28px;
    width: calc(100% + 80px);
    left: 50%;
    transform: translateY(0) translateX(-50%);
    text-align: center;
}
    nav#gnb li.gnb-li2 {}
    nav#gnb a.gnb-href2 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 50px;
    white-space: nowrap;
}
    nav#gnb li.gnb-li2:hover a.gnb-href2 ,
    nav#gnb li.gnb-li2.active a.gnb-href2 {
    color: #002568;
    text-decoration: underline;
}

    /* TNB */
    ul.tnb {
        display: flex;
        margin: 0 20px;
        gap: 28px;
    }
    ul.tnb li {
        position: relative;
    }
    
    body.main ul.tnb li:not(:first-child):before{background-color:#DFDFDF}
    ul.tnb li:not(:first-child):before,
    header.open ul.tnb li:not(:first-child):before{content:"";position: absolute;width: 1px;height: 1rem;background-color: #454545;top: 50%;left: -14px;transform: translateY(-50%);}
    
    body.main ul.tnb li a{color: #ffffff;}
    ul.tnb li a,
    header.open ul.tnb li a{
        font-size: 1.125rem;
        font-weight: 300;
        color:#000000;
        white-space: nowrap;
    }
    

    
    /* GNB : MOBILE */
    nav#gnb-m {display: none;}


}

/*--------------------------------------------------------------------- FOOTER --------------------------*/


footer {width: 100%;background-color: #F0F0F0;border-top: 1px solid #E4E4E4;} 
footer .container{} 
.ft-cont.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
} 


.gotop {
    position: fixed;
    z-index: 99;
    bottom: 75px;
    right: 18px;
    cursor: pointer;
    font-size: 0;
    transition: opacity 0.5s ease;
}
.gotop svg {width: 40px;height: 40px;}

.ft-banner {
    background-color: #ffffff;
}
.ft-banner .ft-banner-wrap{position: relative;padding: 0 35px;}
.ft-banner .container{
    padding: 0;
}
.ft-banner-swiper {
    height: 68px;
}
.ft-banner-swiper .swiper-wrapper {
    align-items: center;
}
.ft-banner-swiper .swiper-slide {
    width: auto;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ft-banner-swiper .swiper-slide a{
    width: auto;
    height: 100%;
}

.ft-banner-swiper .swiper-slide img{
    width: auto;
    height: 100%;
}
.ft-banner-next,
.ft-banner-prev {
    width: 35px;
    height: 35px;
    background-image: url(/assets/images/cmn/ico-slide-arr.svg);
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 10;
}
.ft-banner-next {
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}
.ft-banner-prev {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


.ft-banner + nav.ft-nav {
    height: 48px;
    background-color: #E6E6E6;
}
.ft-banner + nav.ft-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.ft-banner + nav.ft-nav ul li {
    width: auto;
    text-align: center;
    height: 8px;
    padding: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ft-banner + nav.ft-nav ul li:not(:first-child){
    border-left: 1px solid #9D9D9D;
}
.ft-banner + nav.ft-nav ul li a {
    font-family: Pretendard;
    color: #373737;
    font-size: 0.750rem;
    font-weight: 500;
    display: inline;
    text-decoration: underline;
    white-space: nowrap;
}

.ft-info {}
.ft-info .container {
    padding-top: 25px;
    padding-bottom: 19px;
}
.ft-info .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ft-logo {background-image: url(/assets/images/cmn/logo-c.svg);order: 1;width: 222px;min-width: 222px;height: 28px;background-size: contain;background-position: center;background-repeat: no-repeat;}
select.ft-link {
    order: 3;
    margin-top: 28px;
    width: 100%;
    height: 40px;
    background: url(/assets/images/cmn/ico-select-arr-w.svg) no-repeat right 12px top 17px / auto;
    background-color: #002568;
    color: #ffffff;
    font-family: Pretendard;
    font-weight: 500;
    font-size: 0.875rem;
    padding-left: 20px;
}
.ft-txt {
    order: 2;
    margin-top: 19px;
    font-family: Pretendard;
    color: #373737;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.428;
    text-align: center;
}

.ft-txt p.copy{
    font-size: 0.750rem;
    color: #D0D0D0;
    font-weight: 400;
    margin-top: 15px;
}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /**********************************************************************************(min-width: 768px)*/

    footer {width: 100%;}
    .gotop svg {width: 50px;height: 50px;}
    .ft-banner .container{padding: var(--ta-padding);}
    .ft-banner-swiper .swiper-slide{
        height: 50px;
    }

    .ft-banner + nav.ft-nav ul {
    }
    .ft-banner + nav.ft-nav ul li {
    padding: 0 64px;
    }
    .ft-banner + nav.ft-nav ul li a {
        font-size: 0.875rem;
    }

    .ft-info {}
    .ft-info .container {
    padding-top: 23px;
    padding-bottom: 35px;
    }
    .ft-info .inner {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    }
    .ft-logo {
    order: 1;
}
    select.ft-link {
    order: 2;
    width: auto;
    margin: 0;
    min-width: 169px;
    }
    .ft-txt {
    order: 3;
    width: 100%;
    text-align: left;
    }

    .ft-txt p.copy{
    }


    .gotop {
        bottom: 50px;
    }
    .gotop svg {width: 50px;height: 50px;}
}
@media screen and (min-width: 1280px) { /**********************************************************************************(min-width: 1280px)*/

    footer {width: 100%;}
    .ft-banner .container{padding: 0}

    nav.ft-nav {
    margin-bottom: 31.5px;
}
    nav.ft-nav ul {
    display: flex;
    gap: 24px;
}
    nav.ft-nav ul li {
    position: relative;
}
    nav.ft-nav ul li:not(:first-child):before{content:'';position: absolute;height: 12px;width: 1px;left: -12px;top: 50%;transform: translateY(-50%);background-color: #9D9D9D;}
    nav.ft-nav ul li a {
        color: #373737;
        font-size: 0.875rem;
        font-family: Pretendard;
        font-weight: 500;
        text-decoration: underline;
    }


    .ft-info {}
    .ft-info .container {
    padding-top: 44px;
    padding-bottom: 34px;
    }
    .ft-info .inner {
    align-items: flex-start;
    gap: 40px;
    flex-wrap: nowrap;
    }
    .ft-logo {}
    select.ft-link {
    order: 3;
    }
    .ft-txt {
    order: 2;
    margin: 0;
    width: 100%;
    }

    .ft-txt p.copy{
    }
    .gotop {
        bottom: 50px;
    }
    .gotop svg {/* width: 40px; *//* height: 40px; */}

}



/*--------------------------------------------------------------------- PAGE TITLE --------------------------*/
.page-title {
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-title .container {
    padding: 0 28px;
    height: 100%;
}
.page-title .inner {
    height: 100%;
    padding-top: 34px;
}
.page-title h1{
    font-size: 1.500rem;
    font-weight: 700;
    color: #000000;
    line-height: 60px;
}

.breadcrumb {
    margin-top: -6px;
}
.breadcrumb ol {
    display: flex;
    gap: 15px;
}
.breadcrumb ol li {
    font-family: Pretendard;
    font-size: 0.875rem;
    font-weight: 400;
    color: #151515;
    position: relative;
}
.breadcrumb ol li + li {
    padding-left: 20px;
}
.breadcrumb ol li + li:before {content:'';position: absolute;width: 6px;height: 9px;background-image: url(/assets/images/cmn/ico-breadcrumb-arr.svg);background-position: center;background-repeat: no-repeat;background-size: contain;left: 0;top: 50%;transform: translateY(-50%);}
.breadcrumb ol li a {
    color: inherit;
}
.breadcrumb ol li.home {}
.breadcrumb ol li.home a{
    padding-left: 22px;
    position: relative;
}
.breadcrumb ol li.home a:before {content:'';position: absolute;width: 15px;height: 14px;background-image: url(/assets/images/cmn/ico-home.svg);background-position: center;background-repeat: no-repeat;background-size: contain;left: 0;top: 50%;transform: translateY(-50%);}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    .page-title {
    height: 200px;
}
    .page-title .container {}
    .page-title .inner {
    padding-top: 54px;
}
    .page-title h1{
    font-size: 2.125rem;
}

    .breadcrumb {
    margin-top: 4px;
}
    .breadcrumb ol {}
    .breadcrumb ol li {}

    .breadcrumb ol li.home {}
    .breadcrumb ol li a {}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    .page-title {
    height: 300px;
}
    .page-title .container {}
    .page-title .inner {
    padding-top: 104px;
}
    .page-title h1{
    font-size: 2.750rem;
}

    .breadcrumb {
    margin-top: 14px;
}
    .breadcrumb ol {}
    .breadcrumb ol li {}

    .breadcrumb ol li.home {}
    .breadcrumb ol li a {}

}


/*--------------------------------------------------------------------- SUB NAV --------------------------*/
nav.sub-nav {
    margin-top: -25px;
    position: relative;
    z-index: 2;
}
nav.sub-nav .container {}
nav.sub-nav .inner {}
ul.sub-nav-pc {
    display: none;
}
ul.sub-nav-pc li {}
ul.sub-nav-pc li a {}
.sub-nav-mo {
    height: 50px;
    background-color: #002568;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    border-radius: 10px;
    /* padding-left: 67px; */
    position: relative;
}
.sub-nav-mo > select{
    padding-left: 67px;
    padding-right: 45px !important;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    border: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/images/cmn/ico-snb-arr.svg);
    background-size: 25px;
    background-position: right 15px top 50%;
}
.sub-nav-mo:before{content:'';width: 18px;height: 16px;position: absolute;background-image: url(/assets/images/cmn/ico-home-w.svg);left: 17px;top: 50%;transform: translateY(-50%);background-repeat: no-repeat;background-size: contain;background-position: center;}
.sub-nav-mo:after{content:'';background-color: #ffffff;opacity: 0.25;position: absolute;height: 26px;width: 1px;left: 52px;top: 50%;transform: translateY(-50%);}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    nav.sub-nav {}
    nav.sub-nav .container {}
    nav.sub-nav .inner {}
    ul.sub-nav-pc {}
    ul.sub-nav-pc li {}
    ul.sub-nav-pc li a {}
    .sub-nav-mo {}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/


    nav.sub-nav {
        margin-top: -35px;
    }
    nav.sub-nav .container {}
    nav.sub-nav .inner {}
    ul.sub-nav-pc {
    display: flex;
    background-color: #002568;
    height: 70px;
    justify-content: center;
    gap: 60px;
    border-radius: 10px;
}
    ul.sub-nav-pc li {
    height: 100%;
}
    ul.sub-nav-pc li a {
    font-size: 1.375rem;
    font-weight: 500;
    color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
    ul.sub-nav-pc li a:hover:after,
    ul.sub-nav-pc li a.active:after{content:'';position: absolute;width: 100%;height: 5px;left: 0;bottom: 0;background-color: #ffffff;}
    .sub-nav-mo {
    display: none;
}

}

/*--------------------------------------------------------------------- MAIN PAGE --------------------------*/
/* main-visual */
section.main-visual {
    position: relative;
    padding: 0;
}
.main-swiper {}
.main-swiper .swiper-wrapper {}
.main-swiper .swiper-slide {
    height: 740px;
}
.main-swiper .swiper-slide .img-wrap{
    height: 100%;
    width: auto;
    position: relative;
}
.main-swiper .swiper-slide .img-wrap:before{
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
180deg, rgba(0, 0, 0, 0.75) 0%, /* 1.0 × 0.75 = 0.75 */ rgba(0, 0, 0, 0.00) 100% /* 0.0 × 0.75 = 0 */);
    }
.main-swiper .swiper-slide .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.main-swiper-cont{
    position: absolute;
    top: 156px;
    padding: var(--mo-padding);
}
.main-swiper-subj{
    font-size: 1.750rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 14px;
}
.main-swiper-txt{
    font-size: 1.250rem;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.75;
}
.main-swiper-pannel {
    position: absolute;
    bottom: 300px;
    padding: var(--mo-padding);
    height: 70px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 11px;
}
section.main-visual .main-swiper-pagination {
    font-size: 0.875rem;
    font-weight: 300;
    color: #ffffff;
    min-width: 53px;
    max-width: 53px;
    text-align: right;
    white-space: nowrap;
}
.main-swiper-pagination .swiper-pagination-current {
    font-weight: 700;
}
.main-swiper-pagination .swiper-pagination-total {}
.autoplay-progress {
    width: 100px;
    min-width: 100px;
    height: 4px;
    border-radius: 10px;
    background-color: #ffffff40;
    position: relative;
}
.autoplay-progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    width: calc(var(--progress,0)*100%);
}
.main-swiper-prev ,
.main-swiper-next ,
.main-swiper-play {
    width: 13px;
    min-width: 13px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 0;
    margin: 0 6px;
    cursor: pointer;
}
.main-swiper-prev {background-image: url(/assets/images/cmn/ico-main-slide-arr.svg);}
.main-swiper-next {background-image: url(/assets/images/cmn/ico-main-slide-arr.svg);transform:rotate(180deg)}
.main-swiper-play {background-image: url(/assets/images/cmn/ico-main-slide-pause.svg);}
.main-swiper-play.pause {background-image: url(/assets/images/cmn/ico-main-slide-play.svg);}



/* main-mid */
section.main-mid {
    padding: 0;
}
section.main-mid .container {}
section.main-mid .inner {}

.main-qmenu {
    /* background-color: #F9F9F9; */
    padding-top: 55px;
    padding-bottom: 55px;
}
.main-qmenu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.main-qmenu ul li {
    width: calc(1/2*100% - 1/2*20px);
    border: 1px solid #dddddd;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 20px 0 #0a5c9b1a;
    transition: opacity ,transform 0.3s;
}
.main-qmenu ul li:after{content:'';width: 105%;position: absolute;height: 0;padding-bottom: 105%;left: 50%;transform: translateX(-50%);background-color: #ddd;z-index: 0;top: 45%;border-radius: 100%;}

.main-qmenu ul li:hover,
.main-qmenu ul li.active{
    opacity: 0.7;
    transform: translateY(-5px);
}

.main-qmenu ul li:nth-child(1),
.main-qmenu ul li:nth-child(4){
    border-color: #8DD8EC;
}
.main-qmenu ul li:nth-child(2),
.main-qmenu ul li:nth-child(3){
    border-color: #A3A9FA;
}
.main-qmenu ul li:nth-child(1):after,
.main-qmenu ul li:nth-child(4):after{
    background-color: #36b7d90d;
}
.main-qmenu ul li:nth-child(2):after, .main-qmenu ul li:nth-child(3):after{
    background-color: #2930870d;
}
.main-qmenu ul li:nth-child(1) a span,
.main-qmenu ul li:nth-child(4) a span{
    color: #36B7D9;
}
.main-qmenu ul li:nth-child(2) a span,
.main-qmenu ul li:nth-child(3) a span{
    color: #293087;
}



.main-qmenu ul li .qmenu-wrap{
    padding-bottom: 77%; /*77% - 72% - 80%*/
    height: 0;
    position: relative;
    z-index: 1;
}
.main-qmenu ul li a {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.main-qmenu ul li a img {
    width: 42%;
    height: auto;
}
.main-qmenu ul li a span {font-size: 1.125rem;font-weight: 700;/* line-height: 60px; */}

.main-latest {
    padding-bottom: 40px;
}
.latest-tab {
    display: flex;
    gap: 6px;
    padding-bottom: 22px;
    border-bottom: 1px solid #BABBCE;
}
.latest-tab li {
    color: #757575;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    position: relative;
    white-space: nowrap;
}
.latest-tab li.active{
    font-size: 1.250rem;
    font-weight: 700;
    color: #293087;
}
.latest-tab li.active:after{content:'';position: absolute;background-color: #293087;width: 100%;height: 4px;bottom: -24px;}
.latest-tab li+li:before {content: '/';margin-right: 6px;color: #757575;font-size: 1rem;font-weight: 500;}
.latest-cont {}
.latest-cont > li {
}
.latest-cont .more-link {
    display: none;
}
.latest-list {}
.latest-list > li {
    border-bottom: 1px dashed #BABBCE;
}
.latest-list > li a {
    display: flex;
    justify-content: space-between;
    height: 55px;
    align-items: center;
    gap:8px;
              /* 선택 */
    text-decoration:none;
}
.latest-list .latest-tit {
    flex: 1 1 auto;
    min-width:0;            /* ★ flex 안에서 말줄임 필수 */
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-weight: 500;
    font-size: 1rem;
    font-family: Pretendard;
}
.latest-list .latest-date {
    flex: 0 0 auto;
    margin-left:12px;
    color: #757575;          /* 선택 */
    font-variant-numeric: tabular-nums; /* 자리수 고정형 숫자 */
    font-weight: 400;
    font-size: 1rem;
    font-family: Pretendard;
}


/* main-bot */
section.main-bot {
    background-image: url(/assets/images/main/bg-biz.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

section.main-bot {
    padding-top: 44px;
    padding-bottom: 50px;
}
section.main-bot .container {}
section.main-bot .inner {
    position: relative;
}

.main-biz-swiper-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}
.main-biz-swiper-title span {
    font-size: 1.625rem;
    font-weight: 300;
    color: #ffffff;
    line-height: 36px;
}
.main-biz-swiper-title b{font-weight: 700;font-size: 1.625rem;color: #ffffff;line-height: 36px;}
.main-biz-swiper-titleb {}

.biz-swiper {}
.biz-swiper .swiper-wrapper {}
.biz-swiper .swiper-slide {
}
.biz-swiper-wrap{
    width: 100%;
    height: 0;
    padding-bottom: calc(355.76/155*100%);
    background-size: contain;
    position: relative;
}
.biz-swiper-wrap_{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 34px;
    padding-bottom: 25px;
}
.biz-swiper-subj {
    font-size: 1.250rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 32px;
}
.biz-swiper-txt {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 14px;
    height: 100%;
    gap: 1rem;
}
.biz-swiper-txt li {
    height: 100%;
    background-color: #ffffff33;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.625;
}
.biz-swiper-prev,
.biz-swiper-next{
    position: absolute;
    width: 35px;
    height: 35px;
    background-image: url(/assets/images/cmn/ico-biz-slide-arr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
    bottom: calc(0px - 74px + 50%);
}
.biz-swiper-prev{
    left: -7px;
}
.biz-swiper-next{
    right: -7px;
    transform: rotate(180deg);
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    /* main-visual */
    section.main-visual {}
    .main-swiper {}
    .main-swiper .swiper-wrapper {}
    .main-swiper .swiper-slide {
        height: 890px;
    }
    .main-swiper .swiper-slide .img-wrap{}
    .main-swiper .swiper-slide .img-wrap img{
        object-position: right;
    }
    .main-swiper-cont{
        top: 240px;
        padding: var(--ta-padding);
    }
    .main-swiper-subj{
        font-size: 2.750rem;
        font-weight: 500;
        color: #ffffff;
        line-height: 1.4545;
        margin-bottom: 20px;
    }
    .main-swiper-txt{
        font-size: 2.125rem;
        font-weight: 300;
        color: #ffffff;
        line-height: 1.588;
    }
    .main-swiper-pannel {
        padding: var(--ta-padding);
    }
    .main-swiper-pagination {}
    section.main-visual .main-swiper-pagination {
        font-size: 1.125rem;
        min-width: 67px;
        max-width: 67px;
    }
    .main-swiper-pagination .swiper-pagination-current {}
    .main-swiper-pagination .swiper-pagination-total {}
    .autoplay-progress {
        width: 150px;
        min-width: 150px;
    }
    .autoplay-progress span {}
    .main-swiper-prev {}
    .main-swiper-next {}
    .main-swiper-play {}
    .main-swiper-play.pause {}

    /* main-mid */
    section.main-mid {}
    section.main-mid .container {
    /* padding: 0; */
}
    section.main-mid .inner {}

    .main-qmenu {
    padding-top: 50px;
    padding-bottom: 80px;
}
    .main-qmenu ul {
    gap: 40px;
}
    .main-qmenu ul li {
    width: calc(1 / 2 * 100% - 1 / 2 * 40px);
}

.main-qmenu ul li .qmenu-wrap{
    padding-bottom: 72%; /*77% - 72% - 80%*/
    height: 0;
    position: relative;
    z-index: 1;
}
    .main-qmenu ul li a {}
    .main-qmenu ul li a img {}
    .main-qmenu ul li a span {
    font-size: 1.625rem;
}

    .main-latest {
    padding-bottom: 80px;
}
    .latest-tab {
        display: flex;
        gap: 13px;
        padding-bottom: 25px;
        border-bottom: 1px solid #BABBCE;
    }
    .latest-tab li {
        color: #757575;
        font-size: 1.250rem;
        font-weight: 500;
        display: flex;
        position: relative;
    }
    .latest-tab li.active{
        font-size: 1.500rem;
        font-weight: 700;
        color: #293087;
    }
    .latest-tab li.active:after{content:'';position: absolute;background-color: #293087;width: 100%;height: 4px;bottom: -27px;}
    .latest-tab li+li:before {content: '/';margin-right:13px;color: #757575;font-size: 1.250rem;font-weight: 500;}
    .latest-cont {}
    .latest-cont > li {
    position: relative;
}
    .latest-cont .more-link {
    display: block;
    background-image: url(/assets/images/cmn/ico-plus.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: -60px;
    right: 0;
}
    .latest-list {}
    .latest-list > li {
        border-bottom: 1px dashed #BABBCE;
    }
    .latest-list > li a {
        display: flex;
        height: 77px;

                  /* 선택 */
    }
    .latest-list .latest-tit {
                    /* ★ flex 안에서 말줄임 필수 */
                    font-size: 1.250rem;
    }
    .latest-list .latest-date {
                  /* 선택 */
         /* 자리수 고정형 숫자 */
                  font-size: 1.250rem;
    }


    /* main-bot */
    section.main-bot {
    padding-top: 63px;
    padding-bottom: 63px;
}
    section.main-bot .container {}
    section.main-bot .inner {}

    .main-biz-swiper-title {
    margin-bottom: 35px;
}
    .main-biz-swiper-title span {
        font-size: 2.375rem;
        line-height: 55px;
    }
    .main-biz-swiper-title b{font-size: 2.375rem;line-height: 55px;}
    .main-biz-swiper-titleb {}

    .biz-swiper {}
    .biz-swiper .swiper-wrapper {}
    .biz-swiper .swiper-slide {}
    .biz-swiper-wrap{
    padding-bottom: calc(482/210 * 100%);
}
    .biz-swiper-wrap_{
    padding-top: 51px;
    padding-bottom: 37px;
}
    .biz-swiper-subj {
    font-size: 1.750rem;
    margin-bottom: 46px;
}
    .biz-swiper-txt {
    padding: 0 20px;
    gap: 20px;
}
    .biz-swiper-txt li {
    font-size: 1.250rem;
}

    .biz-swiper-prev,
    .biz-swiper-next{
    width: 50px;
    height: 50px;
}
    .biz-swiper-prev{
    left: -25px;
}
    .biz-swiper-next{
    right: -25px;
}

}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/

    /* main-visual */
    section.main-visual {}
    .main-swiper {}
    .main-swiper .swiper-wrapper {}
    .main-swiper .swiper-slide {}
    .main-swiper .swiper-slide .img-wrap{}
    .main-swiper .swiper-slide .img-wrap img{}
    .main-swiper-cont{
        top: 280px;
        padding: 0 150px;
    }
    .main-swiper-subj{
        font-size: 3.375rem;
        font-weight: 500;
        color: #ffffff;
        line-height: 1.1111;
        margin-bottom: 20px;
    }
    .main-swiper-txt{
        font-size: 2.750rem;
        font-weight: 300;
        color: #ffffff;
        line-height: 1.588;
    }
    .main-swiper-pannel {
        bottom: 260px;
        padding: 0 150px;
    }
    .main-swiper-pagination {}
    section.main-visual .main-swiper-pagination {}
    .main-swiper-pagination .swiper-pagination-current {}
    .main-swiper-pagination .swiper-pagination-total {}
    .autoplay-progress {}
    .autoplay-progress span {}
    .main-swiper-prev {}
    .main-swiper-next {}
    .main-swiper-play {}
    .main-swiper-play.pause {}


    /* main-mid */
    section.main-mid {
    padding-bottom: 75px;
    padding-top: 75px;
}
    section.main-mid .container {
    padding: 0;
}
    section.main-mid >  .container > .inner {
    display: flex;
    gap: 50px;
}

    .main-qmenu {
    min-width: 550px;
    order: 2;
    padding: 0;
}
    .main-qmenu ul {
    gap: 50px;
}
    .main-qmenu ul li {
    width: calc(1 / 2 * 100% - 1 / 2 * 50px);
}

.main-qmenu ul li .qmenu-wrap{
    padding-bottom: 80%; /*77% - 72% - 80%*/
    height: 0;
    position: relative;
    z-index: 1;
}
    .main-qmenu ul li a {}
    .main-qmenu ul li a img {}
    .main-qmenu ul li a span {}

    .main-latest {
    min-width: 580px;
    order: 1;
    padding: 0;
}
    .latest-tab {}
    .latest-tab li {}

    .latest-cont {}
    .latest-cont > li {}
    .latest-cont .more-link {}
    .latest-list {}
    .latest-list > li {}
    .latest-list > li a {}
    .latest-list .latest-tit {
    font-size: 1.125rem;
}
    .latest-list .latest-date {
    font-size: 1.125rem;
}


    /* main-bot */
    section.main-bot {
    padding-top: 80px;
    padding-bottom: 80px;
}
    section.main-bot .container {}
    section.main-bot .inner {}

    .main-biz-swiper-title {
    margin-bottom: 70px;
}
    .main-biz-swiper-title span {}
    .main-biz-swiper-titleb {}

    .biz-swiper {}
    .biz-swiper .swiper-wrapper {}
    .biz-swiper .swiper-slide {}
    .biz-swiper-wrap{}
    .biz-swiper-wrap_{}
    .biz-swiper-subj {}
    .biz-swiper-txt {}
    .biz-swiper-txt li {}

    .biz-swiper-prev,
    .biz-swiper-next{}
    .biz-swiper-prev{}
    .biz-swiper-next{}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    /* main-visual */
    section.main-visual {}
    .main-swiper {}
    .main-swiper .swiper-wrapper {}
    .main-swiper .swiper-slide {}
    .main-swiper .swiper-slide .img-wrap{}
    .main-swiper .swiper-slide .img-wrap img{}
    .main-swiper-cont{
        top: 280px;
        padding: 0 150px;
    }
    .main-swiper-subj{
        font-size: 3.375rem;
        font-weight: 500;
        color: #ffffff;
        line-height: 1.1111;
        margin-bottom: 20px;
    }
    .main-swiper-txt{
        font-size: 2.750rem;
        font-weight: 300;
        color: #ffffff;
        line-height: 1.588;
    }
    .main-swiper-pannel {
        bottom: 260px;
        padding: 0 150px;
    }
    .main-swiper-pagination {}
    section.main-visual .main-swiper-pagination {}
    .main-swiper-pagination .swiper-pagination-current {}
    .main-swiper-pagination .swiper-pagination-total {}
    .autoplay-progress {}
    .autoplay-progress span {}
    .main-swiper-prev {}
    .main-swiper-next {}
    .main-swiper-play {}
    .main-swiper-play.pause {}


    /* main-mid */
    section.main-mid {
    padding-bottom: 75px;
    padding-top: 75px;
}
    section.main-mid .container {
    padding: 0;
}
    section.main-mid >  .container > .inner {
    display: flex;
    gap: 50px;
}

    .main-qmenu {
    min-width: 550px;
    order: 2;
    padding: 0;
}
    .main-qmenu ul {
    gap: 50px;
}
    .main-qmenu ul li {
    width: calc(1 / 2 * 100% - 1 / 2 * 50px);
}

.main-qmenu ul li .qmenu-wrap{
    padding-bottom: 80%; /*77% - 72% - 80%*/
    height: 0;
    position: relative;
    z-index: 1;
}
    .main-qmenu ul li a {}
    .main-qmenu ul li a img {}
    .main-qmenu ul li a span {}

    .main-latest {
    min-width: 580px;
    order: 1;
    padding: 0;
}
    .latest-tab {}
    .latest-tab li {}

    .latest-cont {}
    .latest-cont > li {}
    .latest-cont .more-link {}
    .latest-list {}
    .latest-list > li {}
    .latest-list > li a {}
    .latest-list .latest-tit {
    font-size: 1.125rem;
}
    .latest-list .latest-date {
    font-size: 1.125rem;
}


    /* main-bot */
    section.main-bot {
    padding-top: 80px;
    padding-bottom: 80px;
}
    section.main-bot .container {}
    section.main-bot .inner {}

    .main-biz-swiper-title {
    margin-bottom: 70px;
}
    .main-biz-swiper-title span {}
    .main-biz-swiper-titleb {}

    .biz-swiper {}
    .biz-swiper .swiper-wrapper {
    display: flex;
    gap: 32px;
}
    .biz-swiper .swiper-slide {
    width: calc(1/5*100% - 4/5*32px) !important;
    margin-right: 0 !important;
}
    .biz-swiper-wrap{}
    .biz-swiper-wrap_{}
    .biz-swiper-subj {}
    .biz-swiper-txt {}
    .biz-swiper-txt li {}

    .biz-swiper-prev,
    .biz-swiper-next{
    display: none;
}
    .biz-swiper-prev{}
    .biz-swiper-next{}

}

/*--------------------------------------------------------------------- LOGIN --------------------------*/
section.login {padding: 50px 0;}
section.login .container {}
section.login .inner__narrow {}
.login-form {}
.login-form .input-row + .input-row{
    margin-top: 15px;
}
.find-link {display: flex;justify-content: flex-end;margin-top: 10px;}
.find-link ul {
    display: flex;
    height: 37px;
    align-items: center;
}
.find-link ul li {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    color: #737373;
}
.find-link ul li + li {}
.find-link ul li + li:before {content: ' | ';margin: 0 12px;font-weight: 300;}
.find-link ul li a {
    color: inherit;
}
.btn.login-btn {
    margin-top: 40px;
    width: 100%;
    height: 65px;
    background-color: #002568;
    color: #ffffff;
    font-weight: 500;
    border-radius: 10px;
}
.join-href {
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 500;
    color: #737373;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: underline;
}
.join-href:hover{text-decoration: underline;}
/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    section.login {
    padding-top: 80px;
    padding-bottom: 77px;
}
    section.login .container {}
    section.login .inner__narrow {}
    .login-form {}
    .find-link {}
    .find-link ul {}
    .find-link ul li {}
    .find-link ul li a {}
    .btn.login-btn {}
    .join-href {}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    section.login {
    padding-top: 102px;
    padding-bottom: 100px;
}
    section.login .container {}
    section.login .inner__narrow {}
    .login-form {}
    .find-link {}
    .find-link ul {}
    .find-link ul li {}
    .find-link ul li a {}
    .btn.login-btn {}
    .join-href {}


}



/*--------------------------------------------------------------------- JOIN --------------------------*/
section.join {
    padding-top: 20px;
    padding-bottom: 60px;
}
section.join  .container {}
section.join  .inner {}

.join-agree-ul {
    margin-top: -5px;
    margin-bottom: 25px;
}
.join-agree-li {border-bottom: 1px solid #E4E4E4;}
.join-agree-li.acd {}
.join-agree-hd {
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
}
.join-agree-hd input[type="checkbox"] + label{
    font-size: 1.125rem;
    font-weight: 400;
    font-family: 'GMarketSans';
}
.acd-toggle {
    transition: 0.3s;
    cursor: pointer;
}
.acd-toggle.active {
    transform: rotate(180deg);
}
.acd-cont {
    display: none;
}
.agree-wrap {
        border: 1px solid #E5E5E5;
        background-color: #F5F5F5;
        border-radius: 10px;
        padding: 10px;
}
.agree-cont {
    height: 330px;
    max-height: 330px;
    overflow-y: auto;
    padding: 10px;
    white-space: pre-wrap;   /* \n, 여러 공백 유지 */
    word-break: break-word;  /* 너무 긴 단어 줄바꿈 */
    font-size: 0.875rem;
}
.agree-cont::-webkit-scrollbar{
	width:3px;
	height:3px;
	background-color:transparent;
    padding-right:5px;

}
.agree-cont::-webkit-scrollbar-thumb{
	background:#737373;
    border-radius:30px;
}
.join-form-href {
    margin: 0 auto;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.join {
    padding-top: 30px;
}
    section.join  .container {}
    section.join  .inner {}

    .join-agree-ul {
    margin-bottom: 60px;
}
    .join-agree-li {}
    .join-agree-li.acd {}
    .join-agree-hd {}
    .acd-toggle {}
    .acd-toggle.active {}
    .acd-cont {}
    .agree-cont {}
    .join-form-href {}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/


    section.join {
    padding-top: 50px;
    padding-bottom: 100px;
}
    section.join  .container {}
    section.join  .inner {}

    .join-agree-ul {
    margin-top: 20px;
}
    .join-agree-li {}
    .join-agree-li.acd {}
    .join-agree-hd {}
    .acd-toggle {}
    .acd-toggle.active {}
    .acd-cont {}
    .agree-cont {}
    .join-form-href {
    max-width: var(--w-inner-narrow);
}

}


/*--------------------------------------------------------------------- JOIN-FORM --------------------------*/
section.join-form {}
section.join-form .container {}
section.join-form .inner {}
section.join-form .inner__narrow {}
div.join-form {
    padding-top: 20px;
}
section.join-form .btn-submit {
    margin-top: 30px;
}



/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

section.join-form {}
div.join-form {
    padding-top: 30px;
}
section.join-form .btn-submit {
    margin-top: 25px;
}
    .join-form .captcha-row{
    margin-top: 40px;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

section.join-form {}
div.join-form {
    padding-top: 40px;
}
section.join-form .btn-submit {
    max-width: var(--w-inner-narrow);
    margin: 0 auto;
    margin-top: 30px;
}

}


/*--------------------------------------------------------------------- MY-MODIFY --------------------------*/
section.my-modify {}
section.my-modify .container {}
section.my-modify .inner {}
section.my-modify .border-box {
    border-width: 0;
    padding-top: 50px;
}
section.my-modify .text-box {
    padding: 10px 30px;
    min-height: 90px;
}
.text-box .user-id {
    font-size: 0.875rem;
    font-weight: 400;
    font-family: Pretendard;
}
.text-box .welcome-msg {
    margin-top: 11px;
    font-size: 1.250rem;
    font-weight: 400;
    font-family: 'GMarketSans';
}
.text-box .user-name {
    font-family: 'GMarketSans';
}
.my-form {
    /* padding-top: 50px; */
}
.my-form .captcha-row {}
section.my-modify .btn-submit {
    margin-top: 30px;
}
.account-delete {
    color: #737373;
    font-size: 1rem;
    font-weight: 500;
    height: 60px;
    text-decoration: underline !important;
    width: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.my-modify {}
    section.my-modify .container {}
    section.my-modify .inner {}
    .text-box {}
    .text-box.text-box__bg-blue {}
    .text-box .user-id {}
    .text-box .welcome-msg {}
    .text-box .user-name {}
    section.my-modify .border-box {
    border-width: 0;
    padding-top: 60px;
}
    .my-form {
    /* padding-top: 60px; */
}
    .my-form .captcha-row { margin-top: 40px;}
    section.my-modify .btn-submit {}
    .account-delete {}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    section.my-modify {
        padding-top: 60px;
    }
    section.my-modify .container {}
    section.my-modify .inner {}
    section.my-modify .border-box {
        padding: 60px 0;
        border-width:1px;
        margin-top: 30px;
    }
    .text-box {}
    .text-box.text-box__bg-blue {}
    .text-box .user-id {}
    .text-box .welcome-msg {}
    .text-box .user-name {}
    .my-form {}
    .my-form .captcha-row {}
    section.my-modify .btn-submit {
        max-width: var(--w-inner-narrow);
        margin: 0 auto;
        margin-top: 25px;
    }
    .account-delete {}

}


/*--------------------------------------------------------------------- MY-INFO --------------------------*/
section.my-info {}
section.my-info .text-box.text-box__bg-blue {}

table.re-table {}

table.re-table .num {}
table.re-table .div {}
table.re-table .recive-date {}
table.re-table .reserve-date {}
table.re-table .status {}
table.re-table .file {}

table.re-table thead {
    display: none;
}
table.re-table thead th {}
table.re-table thead th.num {}
table.re-table thead th.div {}
table.re-table thead th.recive-date {}
table.re-table thead th.reserve-date {}
table.re-table thead th.status {}
table.re-table thead th.file {}

table.re-table tbody {}
table.re-table tbody tr{
    display: grid;
    /* 부모 그리드 템플릿(예시: 6열) */
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 50px; /* 번호, 내용 4칸, 파일버튼 */
    /* grid-auto-rows: minmax(30px, auto); */
    grid-auto-flow: row;    /* ← dense를 쓰지 마세요. (빈칸 메우기 방지) */
    column-gap: 0px;
    row-gap: 0px;
    border-bottom: 1px solid #C9C9C9;
    padding: 15px 20px;
}
table.re-table td{
    height: auto;
    text-align: left;
    border: 0;
    grid-column: 1 / -1;
    font-size: 1.125rem;
    font-weight: 500;
}
table.re-table td.num {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    font-size: 1.250rem;
    font-weight: 500;
}
table.re-table td.div {
    grid-column: 1 / 6;
    grid-row: 2 / 3;
}
table.re-table td.recive-date {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
}
table.re-table td.reserve-date {
    grid-column: 1 / -1;
    grid-row: 4 / 5;
}
table.re-table td.status {
    grid-column: 2 / 6;
    grid-row: 1 / 2;
    margin-bottom: 20px;
    font-size: 1.250rem;
    font-weight: 700;
}
table.re-table td.file {
    grid-column: 6 / 7;
    grid-row: 1 / 3;
}
table.re-table td[data-label] {}
table.re-table td[data-label]:before {content: attr(data-label)" : ";font-weight: 700;}
table.re-table .btn {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    min-width: 40px;
}

ul.my-tab {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #C9C9C9;
    margin-top: 20px;
    margin-bottom: 20px;
}
ul.my-tab > li {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-family: Pretendard;
    font-size: 0.938rem;
    font-weight: 600;
    color: #4F4F4F;
    border-bottom: 1px solid #C9C9C9;
    position: relative;
}
ul.my-tab > li.active,
ul.my-tab > li:hover{
    background-color: #0025681a;
    color: #002568;
}
ul.my-tab > li:nth-child(2n):before{content:'';position: absolute;width: 1px;height: 18px;background-color: #C9C9C9;left: 0;top: 50%;transform: translateY(-50%);}
ul.my-tab-cont > li {
    min-height: 339px;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.my-info {}
    section.my-info .text-box.text-box__bg-blue {}

    table.re-table {}

    table.re-table .num {}
    table.re-table .div {}
    table.re-table .recive-date {}
    table.re-table .reserve-date {}
    table.re-table .status {}
    table.re-table .file {}

    table.re-table thead {}
    table.re-table thead th {}
    table.re-table thead th.num {}
    table.re-table thead th.div {}
    table.re-table thead th.recive-date {}
    table.re-table thead th.reserve-date {}
    table.re-table thead th.status {}
    table.re-table thead th.file {}

    table.re-table tbody {}
    table.re-table tbody tr{
    /* grid-template-rows: repeat(4, minmax(30px, auto)); */
}
    table.re-table td{font-size:1.250rem}
    table.re-table td.num {}
    table.re-table td.div {}
    table.re-table td.recive-date {
    grid-column: 1 / 6;
}
    table.re-table td.reserve-date {
    grid-column: 1 / 6;
}
    table.re-table td.status {}
    table.re-table td.file {
    grid-row: 1 / -1;
    grid-row: 1 / span 999;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
}
    table.re-table td[data-label] {}
    table.re-table td[data-label]:before {}
    table.re-table .btn {}
    ul.my-tab {
    margin-top: 30px;
}
    ul.my-tab > li {
        font-size: 1.125rem;
    }
    ul.my-tab-cont > li {
        min-height: 357px;
    }
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.my-info {}
    section.my-info .text-box.text-box__bg-blue {}

    table.re-table {
    table-layout: auto;
}

    table.re-table .num {}
    table.re-table .div {}
    table.re-table .recive-date {}
    table.re-table .reserve-date {}
    table.re-table .status {}
    table.re-table .file {}

    table.re-table thead {
    display: table-header-group;
}
    table.re-table thead th {}
    table.re-table thead th.num {}
    table.re-table thead th.div {}
    table.re-table thead th.recive-date {}
    table.re-table thead th.reserve-date {}
    table.re-table thead th.status {}
    table.re-table thead th.file {}

    table.re-table tbody {}
    table.re-table tbody tr{
    display: table-row;
}
    table.re-table td{
    text-align: center;
    height: 70px;
}
    table.re-table td.num {}
    table.re-table td.div {}
    table.re-table td.recive-date {}
    table.re-table td.reserve-date {}
    table.re-table td.status {}
    table.re-table td.file {}
    table.re-table td[data-label] {}
    table.re-table td[data-label]:before {
    display: none;
}
    table.re-table .btn {}


    ul.my-tab {
        flex-wrap: nowrap;
        margin-top: 40px;
    }
    ul.my-tab > li + li:before{content:'';position: absolute;width: 1px;height: 18px;background-color: #C9C9C9;left: 0;top: 50%;transform: translateY(-50%);}
    ul.my-tab-cont > li {
        min-height: 570px;
    }

}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}


/*--------------------------------------------------------------------- FACILITY-RESERVE --------------------------*/
section.facility-reserve {}
section.facility-reserve .container {}
section.facility-reserve .inner {}

.image-slide {
    margin-bottom: 60px;
}
ul.image-slide-tab {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #C9C9C9;
}
ul.image-slide-tab > li {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-family: Pretendard;
    font-size: 0.938rem;
    font-weight: 600;
    color: #4F4F4F;
    border-bottom: 1px solid #C9C9C9;
    position: relative;
}
ul.image-slide-tab > li.active,
ul.image-slide-tab > li:hover{
    background-color: #0025681a;
    color: #002568;
}
ul.image-slide-tab > li:nth-child(2n):before{content:'';position: absolute;width: 1px;height: 18px;background-color: #C9C9C9;left: 0;top: 50%;transform: translateY(-50%);}
ul.image-slide-tab-cont {}
ul.image-slide-tab-cont > li {
    min-height: 339px;
}
ul.image-slide-tab-cont > li.active {}

.image-slide-wrap {
    min-height: 188px;
    position: relative;
}
.image-slide-swiper {}
.image-slide-swiper .swiper-wrapper {}
.image-slide-swiper .swiper-slide {
    position: relative;
}
.image-slide-swiper .img-wrap {}
.image-slide-swiper .img-wrap img {}
.image-slide-name {
    position: absolute;
    left: 20px;
    bottom: 20px;
    min-width: 140px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #00000080;
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
}
.image-slide-prev {}
.image-slide-next {}
.image-slide-prev,
.image-slide-next{
    position: absolute;
    width: 35px;
    height: 35px;
    background-image: url(/assets/images/cmn/ico-biz-slide-arr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.image-slide-prev{
    left: -10px;
}
.image-slide-next{
    right: -10px;
    transform: translateY(-50%) rotate(180deg);
}
.view-images-wrap {
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1);
    gap: 10px;
    padding: 15px 20px 15px 15px;
}
.view-images {}
.view-images button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.125rem;
    font-family: Predendard;
    font-weight: 700;
    color: #000000;
}
.view-images ul {}
.view-images ul li {}
.lg .lg-toolbar button.lg-close.lg-icon {
    font-size: 0;
    background-image: url(/assets/images/cmn/ico-close-w.svg);
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.lg .lg-actions button.lg-prev.lg-icon,
.lg .lg-actions button.lg-next.lg-icon {font-size: 0;background-color: transparent;width: 35px;height: 35px;background-image: url(/assets/images/cmn/ico-biz-slide-arr.svg);background-repeat: no-repeat;background-size: contain;background-position: center;top: 50%;transform: translateY(-50%);padding: 0;margin: 0;}
.lg .lg-actions button.lg-prev.lg-icon {
    left: 0;
}
.lg .lg-actions button.lg-next.lg-icon {
    right: 0;
    transform: translateY(-50%) rotate(180deg);
}
.lg-outer .lg .lg-img-wrap .lg-image{
    max-width: 100%;
    max-height: 100%;
    }

.complete-txt {
    margin-top: 70px;
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.complete-txt  h2 {}
.complete-txt svg {
    margin-bottom: 20px;
}
.complete-txt .btn {
    margin-top: 40px;
    border-radius: 5px;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.facility-reserve {}
    section.facility-reserve .container {}
    section.facility-reserve .inner {}

    .image-slide {}
    ul.image-slide-tab {}
    ul.image-slide-tab > li {
    font-size: 1.125rem;
}
    ul.image-slide-tab > li.active {}
    ul.image-slide-tab-cont {}
    ul.image-slide-tab-cont > li {
    min-height: 357px;
}
    ul.image-slide-tab-cont > li.active {}

    .image-slide-wrap {}
    .image-slide-swiper {}
    .image-slide-swiper .swiper-wrapper {}
    .image-slide-swiper .swiper-slide {}
    .image-slide-swiper .img-wrap {}
    .image-slide-swiper .img-wrap img {}
    .image-slide-name {
    min-width: 200px;
    min-height: 40px;
    font-size: 1.125rem;
    left: 40px;
    bottom: 40px;
}
    .image-slide-prev {
    left: 20px;
}
    .image-slide-next {
    right: 20px;
}
    .image-slide-prev, .image-slide-next{
    width: 50px;
    height: 50px;
}
    .view-images-wrap {
    flex-direction: row;
    gap: 0;
    padding: 0;
}
    .view-images {
    width: 100%;
    position: relative;
}
    .view-images + .view-images:before{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #C9C9C9;}
    .view-images button {
    justify-content: center;
    gap: 10px;
    height: 70px;
    font-size: 1.250rem;
}
    .view-images i.ico-pic{}
    .view-images ul {}
    .view-images ul li {}
    .lg .lg-toolbar button.lg-close.lg-icon {
    width: 50px;
    height: 50px;
}
.lg .lg-actions button.lg-prev.lg-icon,
.lg .lg-actions button.lg-next.lg-icon {
    width: 50px;
    height: 50px;
}
.lg .lg-actions button.lg-prev.lg-icon {
    left: 15%;
}
.lg .lg-actions button.lg-next.lg-icon {
    right: 15%;
}
.lg-outer .lg .lg-img-wrap .lg-image{
    max-width: 74%;
    max-height: 74%;
    }

    .complete-txt {
    margin-top: 130px;
    margin-bottom: 170px;
}
.complete-txt  h2 {}
.complete-txt svg {
    margin-bottom: 25px;
}
.complete-txt .btn {}


}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    section.facility-reserve {
    padding-top: 40px;
}
    section.facility-reserve .container {}
    section.facility-reserve .inner {}

    .image-slide {}
    ul.image-slide-tab {
    flex-wrap: nowrap;
}
    ul.image-slide-tab > li {}
    ul.image-slide-tab > li + li:before{content:'';position: absolute;width: 1px;height: 18px;background-color: #C9C9C9;left: 0;top: 50%;transform: translateY(-50%);}
    ul.image-slide-tab > li.active {}
    ul.image-slide-tab-cont {}
    ul.image-slide-tab-cont > li {
    min-height: 570px;
}
    ul.image-slide-tab-cont > li.active {}

    .image-slide-wrap {}
    .image-slide-swiper {}
    .image-slide-swiper .swiper-wrapper {}
    .image-slide-swiper .swiper-slide {}
    .image-slide-swiper .img-wrap {}
    .image-slide-swiper .img-wrap img {}
    .image-slide-name {
    left: 30px;
    bottom: 30px;
}
    .image-slide-prev {
    left: 30px;
}
    .image-slide-next {
    right: 30px;
}
    .view-images-wrap {}
    .view-images {}
    .view-images button {}
    .view-images i.ico-pic{}
    .view-images ul {}
    .view-images ul li {}
    .lg .lg-toolbar button.lg-close.lg-icon {
}
.lg .lg-actions button.lg-prev.lg-icon,
.lg .lg-actions button.lg-next.lg-icon {
}
.lg .lg-actions button.lg-prev.lg-icon {
}
.lg .lg-actions button.lg-next.lg-icon {
}
.lg-outer .lg .lg-img-wrap .lg-image{
    }


    .complete-txt {
    margin-top: 50px;
    margin-bottom: 60px;
}
.complete-txt  h2 {}
.complete-txt svg {}
.complete-txt .btn {}



}



/*--------------------------------------------------------------------- FACILITY-TESTAPPLY --------------------------*/

section.facility-testapply {}
section.facility-testapply .container {}
section.facility-testapply .inner {}
section.facility-testapply .tab-cont > li{
    padding-top: 20px;
}
section.facility-testapply .h-scroll-area{}
section.facility-testapply .h-scroll-table{}
ul.test-proc {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
ul.test-proc > li {display:flex;justify-content: space-between;align-items: center;gap: 40px;align-items: stretch;}
ul.test-proc > li .test-subj {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    min-width: 280px;
    text-align: center;
    background-color: #E5E9F0;
    min-height: 60px;
    padding: 20px 0;
    font-size: 1.375rem;
    font-weight: 700;
    color: #002568;
    border-radius: 40px;
    line-height: 0.909;
    position: relative;
}
ul.test-proc > li .test-cont {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #ffffff;
    font-family: Pretendard;
    font-size: 1.250rem;
    font-weight: 600;
    color: #002568;
    border: 1px solid #E5E9F0;
    border-radius: 40px;
    min-height: 60px;
    padding: 17px 0;
    position: relative;
}
ul.test-proc > li:nth-child(2){
    height: 150px;
}
ul.test-proc > li + li{}
ul.test-proc > li + li .test-subj{}
ul.test-proc > li + li .test-cont{}
ul.test-proc > li + li .test-subj:before,
ul.test-proc > li + li .test-cont:before{content:'';position: absolute;height: 17px;width: 12px;background-image: url(/assets/images/cmn/ico-course-arr.svg);background-position: center;background-repeat: no-repeat;background-size: contain;top: -20px;left: 50%;transform: translate(-50%, -50%);}


ul.equipment {
    display: flex;
    flex-wrap: wrap;
    gap: 35px 58px;
    margin-top: 40px;
    margin-bottom: 40px;
}
ul.equipment > li {
    align-items: center;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    width: 100%;
}
ul.equipment .text-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
    /* justify-content: space-between; */
    height: 100%;
}
ul.equipment .equipment-subj {
    font-size: 1.250rem;
    font-weight: 700;
}
ul.equipment .text-wrap > ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
ul.equipment .text-wrap > ul > li {position: relative;padding-left: 30px;font-family: Pretendard;font-size: 1.125rem;font-weight: 500;}
ul.equipment .text-wrap > ul > li:before {content:'';width: 4px;height: 4px;position: absolute;border-radius: 100%;left: 15px;top: 12px;background-color: #000000;}
ul.equipment i {}
ul.equipment i.ico-beaker {}
ul.equipment i.ico-molecule {}
ul.equipment i.ico-heater {}
ul.equipment i.ico-magnifying {}
ul.equipment > li:nth-child(1),
ul.equipment > li:nth-child(4) {
    background-color: #E0ECF7;
}
ul.equipment > li:nth-child(2),
ul.equipment > li:nth-child(3) {
    background-color: #DBF0F5;
}
ul.equipment > li:nth-child(1) .text-wrap,
ul.equipment > li:nth-child(4) .text-wrap {
    color: #002568;
}
ul.equipment > li:nth-child(2) .text-wrap,
ul.equipment > li:nth-child(3) .text-wrap {
    color: #10748E;
}
ul.equipment > li:nth-child(1) .text-wrap > ul > li:before,
ul.equipment > li:nth-child(4) .text-wrap > ul > li:before{
    background-color: #002568;
}
ul.equipment > li:nth-child(2) .text-wrap > ul > li:before,
ul.equipment > li:nth-child(3) .text-wrap > ul > li:before{
    background-color: #10748E;
}
ul.equipment > li:nth-child(3){
    order: 4;
}
ul.equipment > li:nth-child(4){
    order: 3;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


    section.facility-testapply .tab-cont > li{
        padding-top: 30px;
    }
    section.facility-testapply .h-scroll-area{}
    section.facility-testapply .h-scroll-table{}
    ul.test-proc {}
    ul.test-proc > li {}
    ul.test-proc > li .test-subj {}
    ul.test-proc > li .test-cont {}
    ul.test-proc > li + li{}
    ul.test-proc > li + li .test-subj{}
    ul.test-proc > li + li .test-cont{}
    ul.test-proc > li + li .test-subj:before,
    ul.test-proc > li + li .test-cont:before{content:''}

    ul.equipment {
    margin-bottom: 80px;
}
    ul.equipment > li {
    padding: 40px;
    width: calc(1/2*100% - 1/2*58px);
}
    ul.equipment .text-wrap {}
    ul.equipment .equipment-subj {
    font-size: 1.375rem;
}
    ul.equipment .text-wrap > ul {}
    ul.equipment .text-wrap > ul > li {
    font-size: 1.250rem;
}
    ul.equipment i {}
    ul.equipment i.ico-beaker {}
    ul.equipment i.ico-molecule {}
    ul.equipment i.ico-heater {}
    ul.equipment i.ico-magnifying {}
    ul.equipment > li:nth-child(1),
    ul.equipment > li:nth-child(4) {}
    ul.equipment > li:nth-child(2),
    ul.equipment > li:nth-child(3) {}
    ul.equipment > li:nth-child(1) .text-wrap,
    ul.equipment > li:nth-child(4) .text-wrap {}
    ul.equipment > li:nth-child(2) .text-wrap,
    ul.equipment > li:nth-child(3) .text-wrap {}

    ul.equipment > li:nth-child(3){
    order: 3;
}
    ul.equipment > li:nth-child(4){
    order: 4;
}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/


    section.facility-testapply .tab-cont > li{
        padding-top: 60px;
    }
    section.facility-testapply .h-scroll-area{}
    section.facility-testapply .h-scroll-table{}

    ul.test-proc {}
    ul.test-proc > li {}
    ul.test-proc > li .test-subj {}
    ul.test-proc > li .test-cont {}
    ul.test-proc > li + li{}
    ul.test-proc > li + li .test-subj{}
    ul.test-proc > li + li .test-cont{}
    ul.test-proc > li + li .test-subj:before,
    ul.test-proc > li + li .test-cont:before{content:''}

    ul.equipment {}
    ul.equipment > li {}
    ul.equipment .text-wrap {}
    ul.equipment .equipment-subj {}
    ul.equipment .text-wrap > ul {}
    ul.equipment .text-wrap > ul > li {}
    ul.equipment i {}
    ul.equipment i.ico-beaker {}
    ul.equipment i.ico-molecule {}
    ul.equipment i.ico-heater {}
    ul.equipment i.ico-magnifying {}
    ul.equipment > li:nth-child(1),
    ul.equipment > li:nth-child(4) {}
    ul.equipment > li:nth-child(2),
    ul.equipment > li:nth-child(3) {}
    ul.equipment > li:nth-child(1) .text-wrap,
    ul.equipment > li:nth-child(4) .text-wrap {}
    ul.equipment > li:nth-child(2) .text-wrap,
    ul.equipment > li:nth-child(3) .text-wrap {}
}


/*--------------------------------------------------------------------- GRADUATE --------------------------*/
section.graduate-info {}
section.graduate-info .inner {}
section.graduate-info .container {}
.text-row {
    margin-top: 10px;
    margin-bottom: 10px;
}
.text-row + .text-row {margin-top:20px}
section.graduate-info .text-row + h3{
    margin-top: 30px;
}
section.graduate-info .h-scroll-table{
    margin-bottom: 30px;
}
section.graduate-info table tbody td {
    padding: 25px 20px;
}
.text-row .text-subj {
    font-size: 1rem;
    font-weight: 700;
    border-radius: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    width: auto;
    height: 40px;
    margin-bottom: 10px;
}
.text-subj.blue {
    color: #002568;
    background-color: #E5E9F0;
}
.text-subj.gray {
    background-color: #F0F0F0;
    color: #000000;
    height: 30px;
}
.text-row .text-cont {
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.625;
}
.text-blue {
    font-size: 0.875rem;
    font-weight: 500;
    color: #002568;
    margin-top: 10px;
}
.h-scroll-table .text-row .text-blue{margin-top: 0px;}
table .text-blue{
    text-indent: 30px;
}

ul.apply-proc {
    display: flex;
    width: 100%;
    height: 288px;
    justify-content: space-between;
    margin-bottom: 20px;
}
ul.apply-proc li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
ul.apply-proc li + li::before {content:'';position: absolute;width: 21px;height: 13px;background-image: url(/assets/images/cmn/ico-proc-arr.svg);background-position: center;background-repeat: no-repeat;background-size: contain;left: -21px;top: 87px;z-index: 2;}
.big-c {
    width: 182px;
    height: 182px;
    background-color: #E5E9F0;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
}
.big-c b {
    font-size: 1.500rem;
    font-weight: 700;
    color: #002568;
    line-height: 1;
}
.big-c p {
    font-family: Pretendard;
    font-size: 1.250rem;
    font-weight: 500;
    color: #000000;
    margin-top: 14px;
    line-height: 1.5;
    text-align: center;
}
.small-c {
    height: 128px;
    width: 128px;
    background-color: #F2F4F7;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -22px;
    text-align: center;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.graduate-info {}
    section.graduate-info .inner {}
    section.graduate-info .container {}
    section.graduate-info .text-row + h3{
    margin-top: 60px;
}
    .text-row {
    margin-top: 20px;
    margin-bottom: 30px;
}
    .text-row .text-subj {
    min-width: 140px;
    height: 50px;
    font-size: 1.125rem;
}
    .text-subj.blue {}
    .text-subj.gray {
    height: 40px;
}
    .text-row .text-cont {
    font-size: 1.125rem;
}
    section.graduate-info .text-blue {
    font-size: 1rem;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/

    section.graduate-info {}
    section.graduate-info .inner {}
    section.graduate-info .container {}
    .text-row {
    display: flex;
    gap: 24px;
}
    .text-row .text-subj {
    min-width: 180px;
    height: 60px;
    font-size: 1.375rem;
    margin-bottom: 0;
}
    .text-subj.blue {}
    .text-subj.gray {
    height: 40px;
}
    .text-row .text-cont {
    padding-top: 19px;
    font-size: 1.250rem;
}
    .text-row .text-subj.gray + .text-cont{
    padding-top: 5px;
}
    .text-blue {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}




/*--------------------------------------------------------------------- GRADUATE-CURRICULUM --------------------------*/
section.graduate-curriculum {}
section.graduate-curriculum .container {}
section.graduate-curriculum .inner {}
section.graduate-curriculum .text-box.text-box__bg-blue{
    padding-bottom: 10px;
    margin-bottom: 60px;
}

ul.course-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 20px;
}
ul.course-list > li {}
ul.course-list > li.course-arr{
    position: relative;
}
ul.course-list > li.course-arr:before{content:'';position: absolute;height: 28px;width: 17px;background-image: url(/assets/images/cmn/ico-course-arr.svg);background-position: center;background-repeat: no-repeat;background-size: contain;top: -20px;left: 50%;transform: translate(-50%,-50%);}
ul.course-list > li .text-box{
    margin: 0 !important;
    padding: 15px !important;
}
ul.course-list .columns {
    margin-top: 0;
}
ul.course-list .columns > ul {}
ul.course-list .columns > ul > li {
    font-family: Pretendard;
    font-size: 1.125rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.875rem;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.graduate-curriculum {}
    section.graduate-curriculum .container {}
    section.graduate-curriculum .inner {}

    ul.course-list {}
    ul.course-list > li {}
    ul.course-list .columns {
    margin-top: 10px;
}
    ul.course-list .columns > ul {}
    ul.course-list .columns > ul > li {
    font-size: 1.250rem;
}
   ul.course-list > li.course-arr .columns > ul > li{
    min-width: 270px;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.graduate-curriculum {}
    section.graduate-curriculum .container {}
    section.graduate-curriculum .inner {}
    section.graduate-curriculum .text-box ul li{
    /* line-height: 1; */
}
    ul.course-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 59px;
}
    ul.course-list > li {
    width: calc(1/2*100% - 1/2*59px);
}
    ul.course-list > li:nth-child(3){
    width: 700px;
}
    ul.course-list > li.course-arr:before{
    top: 50%;
    left: -30px;
    transform: translate(-50%, -50%) rotate(270deg);
}
    ul.course-list .columns {
    padding-bottom: 10px;
}
    ul.course-list .columns > ul {}
    ul.course-list .columns > ul > li {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}





/*--------------------------------------------------------------------- GRADUATE-STATUS --------------------------*/
section.graduate-status {}
section.graduate-status .container {}
section.graduate-status .inner {}
.mou-status {
    margin-top: 20px;
}
.mou-status ul {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.mou-status ul li {
    background-color: #ffffff;
    box-shadow: 0 4px 30px 0 #0000001a;
    padding: 30px;
    padding-top: 38px;
    height: 255px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
}
.mou-logo {
    height: 66px;
    display: flex;
    justify-content: center;
    max-width: 100%;
}
.mou-logo img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.mou-status .text-box.text-box__bg-blue {
    text-align: center;
    line-height: 2.188rem;
    padding: 15px;
}
.mou-link {
    position: absolute;
    background-color: #002568;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 0);
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.graduate-status {}
    section.graduate-status .container {}
    section.graduate-status .inner {}
    .mou-status {}
    .mou-status ul {}
    .mou-status ul li {
    height: 300px;
}
    .mou-logo {}
    .mou-logo img {}
    .mou-status .text-box.text-box__bg-blue {
    font-size: 1.500rem;
}
    .mou-link {}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.graduate-status {}
    section.graduate-status .container {}
    section.graduate-status .inner {}
    .mou-status {
    margin-top: 50px;
}
    .mou-status ul {
    flex-direction: row;
    gap: 60px;
}
    .mou-status ul li {
    width: calc(1/2*100% - 1/2*60px);
}
    .mou-logo {}
    .mou-logo img {}
    .mou-status .text-box.text-box__bg-blue {}
    .mou-link {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}



/*--------------------------------------------------------------------- MY-INFO --------------------------*/



/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}


/*--------------------------------------------------------------------- TENANT-ELIGIBILITY --------------------------*/
section.tenant-eligibility {
    padding-top: 30px;
}
section.tenant-eligibility .container {}
section.tenant-eligibility .inner {}
.row__short {
    line-height: 1.750rem;
}
section.tenant-eligibility .text-row{
    margin-top: 43px;
}
.text-row.flex-h-c {
    display: block;
}
.text-row.flex-h-c .text-cont {}
section.tenant-eligibility .text-row + .h-scroll-table{    margin-top: 35px;}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.tenant-eligibility {
    padding-top: 20px;
}
    section.tenant-eligibility .container {}
    section.tenant-eligibility .inner {}
    .row__short {
    line-height: 3.750rem;
}
    section.tenant-eligibility .text-row{
    margin-top: 20px;
}
    .text-row.flex-h-c {}
    .text-row.flex-h-c .text-cont {}
    section.tenant-eligibility .text-row + .h-scroll-table{
    margin-top: 45px;
}
    .h-scroll-table.empty-header {}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.tenant-eligibility {
    padding-top: 60px;
}
    section.tenant-eligibility .container {}
    section.tenant-eligibility .inner {}
    h3.row__short {}
    section.tenant-eligibility .text-row{
    margin-top: 60px;
}
    .text-row.flex-h-c {
    display: flex;
}
    .text-row.flex-h-c .text-cont {
    padding-top: 0;
}
    section.tenant-eligibility .text-row + .h-scroll-table{
    margin-top: 5px;
}
    .h-scroll-table.empty-header {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}



/*--------------------------------------------------------------------- TENANT-APPLY --------------------------*/
section.tenant-apply {
    padding-top: 30px;
}
section.tenant-apply .container {}
section.tenant-apply .inner {}
section.tenant-apply h3 {}
section.tenant-apply .text-box {
    margin-top: 10px;
    font-size: 1.125rem;
    line-height: 1.875rem;
    text-align: center;
    padding: 30px;
}
section.tenant-apply .h-scroll-table {
    margin-top: 30px;
}



/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.tenant-apply {
    padding-top: 20px;
}
    section.tenant-apply .container {}
    section.tenant-apply .inner {}
    section.tenant-apply h3 {}
    section.tenant-apply .text-box {
    font-size: 1.250rem;
    line-height: 2.188rem;
}
    section.tenant-apply .h-scroll-table {
    margin-top: 40px;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.tenant-apply {
    padding-top: 50px;
}
    section.tenant-apply .container {}
    section.tenant-apply .inner {}
    section.tenant-apply h3 {}
    section.tenant-apply .text-box {}
    section.tenant-apply .h-scroll-table {
    margin-top: 50px;
}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}


/*--------------------------------------------------------------------- tenant-support --------------------------*/
section.tenant-support {}
section.tenant-support .container {}
section.tenant-support .inner {}
.preparing-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
    gap: 20px;
}
.preparing-txt svg {}
.preparing-txt h2 {}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.tenant-support {}
    section.tenant-support .container {}
    section.tenant-support .inner {}
    .preparing-txt {
    padding: 80px 0;
}
    .preparing-txt svg {}
    .preparing-txt h2 {}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/

    section.tenant-support {}
    section.tenant-support .container {}
    section.tenant-support .inner {}
    .preparing-txt {
    padding-top: 100px;
}
    .preparing-txt svg {}
    .preparing-txt h2 {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}


/*--------------------------------------------------------------------- TENANT-LIST --------------------------*/
section.tenant-list {}
section.tenant-list .container {}
section.tenant-list .inner {}
section.tenant-list h3 {}
ul.tenant-ul {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 50px 60px;
    /* background-color: #ffffff; */
    /* border-radius: 20px; */
    /* border: 1px solid #C9C9C9; */
}
li.tenant-li {
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #C9C9C9;
    padding: 20px 30px;
    position: relative;
    overflow: hidden;
}
li.tenant-li:after{content:'';position: absolute;background: linear-gradient(to right, #002568 0%, #36B7D9 100%);width: 469px;height: 483px;border-radius: 100%;filter: drop-shadow(0 0 8px rgba(54,183,217,0.6));/* mix-blend-mode: screen; */filter: blur(20px);opacity: 0.05;bottom: 0;right: 0;transform: translate(42%, 53%);pointer-events: none;}
li.tenant-li .li-hd {
    display: flex;
    gap: 27px;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
}
li.tenant-li .biz-name {
    white-space: nowrap;
    font-size: 1.25rem;
    line-height: 1.438rem;
    font-weight: 700;
    color: #002568;
}
li.tenant-li .biz-logo {
    width: calc(50% - 30px);
    height: 60px;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
}
li.tenant-li .biz-logo img {
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}
li.tenant-li ul.li-info {
    margin-top: 10px;
    font-size: 1rem;
}
li.tenant-li ul.li-info li {
    /* display: flex; */
    line-height: 1.813rem;
}
li.tenant-li ul.li-info li b:first-child:last-child{
    width: auto;
}
li.tenant-li ul.li-info li p{
    display: inline;
}
li.tenant-li ul.li-info li p b {
    width: 62px;
    min-width: 62px;
    display: inline-block;
    text-align: justify;       /* 양쪽 정렬 */
    text-justify: inter-character; /* 문자 단위로 벌리기 (지원 한정) */
    position:relative;
    line-height: 0;
}
li.tenant-li ul.li-info li p b:after{
    content:"";                /* 빈 인라인블록을 넣어 줄을 justify 상태로 만듦 */
    display:inline-block;
    width:100%;
    line-height: 0;
}
li.tenant-li ul.li-info li span {
}
li.tenant-li ul.li-info li p + span:before {content:' : ';padding-left: 4px;}
li.tenant-li a.biz-link {
    color: #36B7D9;
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline;
    line-height: 2.188rem;
    margin-top: 1px;
    display: inline-block;
}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.tenant-list {}
    section.tenant-list .container {}
    section.tenant-list .inner {}
    section.tenant-list h3 {}
    ul.tenant-ul {}
    li.tenant-li {
    padding: 30px 40px;
}
    li.tenant-li:after{
    transform: translate(18%, 58%);
}
    li.tenant-li .li-hd {}
    li.tenant-li .biz-name {
    font-size: 1.500rem;
    line-height: 1.875rem;
    min-height: 60px;
    display: flex;
    align-items: center;
}
    li.tenant-li .biz-logo {
    padding: 0;
}
    li.tenant-li .biz-logo img {}
    li.tenant-li ul.li-info {
    font-size: 1.125rem;
    margin-top: 5px;
}
    li.tenant-li ul.li-info li {}
    li.tenant-li ul.li-info li p b {
    min-width: 70px;
}
    li.tenant-li ul.li-info li span {}
    li.tenant-li ul.li-info li b + span {}
    li.tenant-li a.biz-link {
    font-size: 1.125rem;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.tenant-list {}
    section.tenant-list .container {}
    section.tenant-list .inner {}
    section.tenant-list h3 {}
    ul.tenant-ul {flex-direction: row;flex-wrap: wrap;}
    li.tenant-li {
    width: calc(1/2*100% - 1/2*60px);
}
    li.tenant-li:after{
    transform: translate(29%, 52%);
}
    li.tenant-li .li-hd {}
    li.tenant-li .biz-name {}
    li.tenant-li .biz-logo {}
    li.tenant-li .biz-logo img {}
    li.tenant-li ul.li-info {}
    li.tenant-li ul.li-info li {}
    li.tenant-li ul.li-info li b {}
    li.tenant-li ul.li-info li span {}
    li.tenant-li ul.li-info li b + span {}
    li.tenant-li a.biz-link {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}



/*--------------------------------------------------------------------- INTRO --------------------------*/
section.intro {}
section.intro .container {}
section.intro .inner {}
section.intro .text-row {}
section.intro .h-scroll-area{
    margin-bottom: 40px;
}
section.intro .h-scroll-table{}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.intro {
    padding-top: 40px;
}
    section.intro .container {}
    section.intro .inner {}
    section.intro .text-row {
    margin-bottom: 25px;
}
    section.intro .h-scroll-area{
    margin-bottom: 80px;
}
    section.intro .h-scroll-table{}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.intro {
    padding-top: 60px;
}
    section.intro .container {}
    section.intro .inner {}
    section.intro .text-row {
    margin-bottom: 20px;
}
    section.intro .h-scroll-area{}
    section.intro .h-scroll-table{}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}



/*--------------------------------------------------------------------- VISION --------------------------*/
section.vision{
    padding-top: 30px;
}
section.vision .container {}
section.vision .inner {}
section.vision h3 {}
section.vision .sub-text {
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    text-align: center;
    line-height: 1.625;
    margin-top: 8px;
    margin-bottom: 30px;
}
.vision-slide {
    background-color: #F7F7F7;
    padding-top: 42px;
    padding-bottom: 64px;
    overflow: hidden;
}
.vision-slide .swiper.vision-swiper {
    overflow: visible;
}
.vision-slide .swiper.vision-swiper .swiper-wrapper {
}
.vision-slide .swiper.vision-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 210px;
    gap: 25px;
    cursor: pointer;
}
.vision-slide .vision-slide-no {
    font-size: 2.5rem;
    font-weight: 900;
    color: #ACB3C1;
}
.vision-slide .vision-swiper-wrap {
    background-color: #ffffff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);
    width: 210px;
    height: 263px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.vision-slide .img-wrap {
    width: 117px;
}
.vision-slide .img-wrap img {}
.vision-slide .vision-slide-subj {
    font-family: Pretendard;
    font-size: 1.25rem;
    font-weight: 700;
    color: #27405A;
    margin-top: 24px;
}
.vision-slide .vision-slide-txt {
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 400;
    color: #27405A;
    margin-top: 11px;
}
.vision-list {
    margin-top: 30px;
}
.vision-list > ul {}
.vision-list > ul > li {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 30px;
    margin-top: 30px;
}
.list-subj {
    font-family: Pretendard;
    font-size: 1.5rem;
    font-weight: 700;
    color: #004899;
    line-height: 1.4;
}
.list-cont {
    margin-top: 34px;
}
.list-cont > ul {}
.list-cont > ul > li {
    display: flex;
    align-items: center;
    gap: 12px;
}
.list-cont > ul > li + li {
    margin-top: 20px;
}
.list-cont > ul > li .no {
    width: 27px;
    height: 27px;
    font-family: Pretendard;
    font-size: 1.063rem;
    font-weight: 500;
    color: #ffffff;
    background-image: url(/assets/images/cmn/bg-no.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-cont > ul > li p {
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 500;
    color: #232323;
}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.vision{
    padding-top: 40px;
}
    section.vision .container {}
    section.vision .inner {}
    section.vision h3 {}
    section.vision .sub-text {
    font-size: 1.250rem;
    margin-bottom: 35px;
}
    .vision-slide {
    padding-top: 48px;
    padding-bottom: 58px;
}
    .vision-slide .swiper.vision-swiper {}
    .vision-slide .swiper.vision-swiper .swiper-wrapper {
    justify-content: center;
    gap: 25px;
}
    .vision-slide .swiper.vision-swiper .swiper-slide {}
    .vision-slide .vision-slide-no {}
    .vision-slide .vision-swiper-wrap {}
    .vision-slide .img-wrap {}
    .vision-slide .img-wrap img {}
    .vision-slide .vision-slide-subj {}
    .vision-slide .vision-slide-txt {}
    .vision-list {}
    .vision-list > ul {}
    .vision-list > ul > li {
    display: flex;
    gap: 25px;
    border-bottom: 0;
    padding-bottom: 0;
    margin-top: 59px;
}
    .list-subj {
    min-width: 211px;
    max-width: 211px;
    line-height: 1.5;
    font-size: 1.875rem;
}
    .list-cont {
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 58px;
}
    .list-cont > ul {}
    .list-cont > ul > li {}
    .list-cont > ul > li .no {}
    .list-cont > ul > li p {
    font-size: 1.125rem;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.vision{
    padding-top: 75px;
}
    section.vision .container {}
    section.vision .inner {}
    section.vision h3 {}
    section.vision .sub-text {margin-top: 14px;margin-bottom: 66px;}
    .vision-slide {
    padding-top: 90px;
    padding-bottom: 80px;
}
    .vision-slide .swiper.vision-swiper {}
    .vision-slide .swiper.vision-swiper .swiper-wrapper {
    gap: 53px;
}
    .vision-slide .swiper.vision-swiper .swiper-slide {
    width: 360px;
    gap: 51px;
}
    .vision-slide .vision-slide-no {
    font-size: 3.750rem;
}
    .vision-slide .vision-swiper-wrap {
    width: 360px;
    height: 451px;
}
    .vision-slide .img-wrap {
    width: 200px;
}
    .vision-slide .img-wrap img {}
    .vision-slide .vision-slide-subj {
    margin-top: 50px;
    font-size: 1.875rem;
}
    .vision-slide .vision-slide-txt {
    margin-top: 35px;
    font-size: 1.250rem;
}
    .vision-list {
    margin-top: 92px;
}
    .vision-list > ul {}
    .vision-list > ul > li {}
    .list-subj {
    min-width: 480px;
    max-width: 480px;
}
    .list-cont {}
    .list-cont > ul {}
    .list-cont > ul > li {}
    .list-cont > ul > li .no {}
    .list-cont > ul > li p {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}



/*--------------------------------------------------------------------- BUSINESS --------------------------*/
section.business {
    padding-top: 25px;
}
section.business .container {}
section.business .inner {}
.biz-info {}
.biz-subj {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 50px;
    background-color: #002568;
    padding: 0 30px;
    position: relative;
    z-index: 1;
}
.biz-info > ul {
    padding: 33px 23px;
    margin-top: -25px;
    background-color: #F9F9F9;
    border-radius: 20px;
}
.biz-info > ul > li {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
}
.biz-info > ul > li p {}
.biz-info > ul > li b {
    font-size: 1.125rem;
    font-weight: 700;
    color: #002568;
    width: 110px;
    min-width: 110px;
    display: inline-block;
    text-align: justify;
    text-justify: inter-character;
    position: relative;
    line-height: 0;
    letter-spacing: -3px;
    white-space: pre-line;
}
.biz-info > ul > li b:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
}
.biz-info > ul > li span {font-family: Pretendard;font-size: 1rem;font-weight: 500;color: #000000;}
.biz-slide {
    margin-top: 40px;
    position: relative;
}
.biz-slide .biz-swiper{
    overflow: visible;
}
.biz-slide .biz-swiper .swiper-wrapper{
    overflow: visible;
}
.biz-slide .biz-swiper .swiper-slide{
    width: 210px;
}
.biz-slide .biz-swiper-prev,
.biz-slide .biz-swiper-next {
    bottom: calc(50% - 17.5px);
}
.biz-slide .biz-swiper-prev{
    left: 12px;
}
.biz-slide .biz-swiper-next{
    right: 12px;
}
.biz-slide::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;         /* 흐림 영역 폭 */
    height: 100%;
    pointer-events: none; /* 💡 클릭/스크롤 통과! */
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    z-index: 1;
    }

ul.biz-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
}
ul.biz-list > li {
    /* margin-top: 30px; */
}
.biz-title {
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    position: relative;
    background-color: #ffffffcc;
    border: 1px solid #ffffff33;
    font-size: 1.250rem;
    font-weight: 700;
    color: #002568;
}
.biz-title:before{content:'';position: absolute;width: 100%;height: 100%;border-radius: 10px;z-index: -1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.biz-title.bg-biz-01:before {background-image: url(/assets/images/business/bg-biz-01-m.png);}
.biz-title.bg-biz-02:before {background-image: url(/assets/images/business/bg-biz-02-m.png);}
.biz-title.bg-biz-03:before {background-image: url(/assets/images/business/bg-biz-03-m.png);}
.biz-title.bg-biz-04:before {background-image: url(/assets/images/business/bg-biz-04-m.png);}
.biz-title.bg-biz-05:before {background-image: url(/assets/images/business/bg-biz-05-m.png);}
.biz-flex-box {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.biz-cont {
    border-radius: 10px;
    padding: 10px;
}
ul.biz-list > li:nth-child(2n+1) .biz-cont{background-color: #F4F4F9;}
ul.biz-list > li:nth-child(2n) .biz-cont {background-color: #F5FBFD;}
.biz-subtitle {
    display: flex;
    width: 100%;
    height: 37px;
    align-items: center;
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    border-radius: 5px;
}
ul.biz-list > li:nth-child(2n+1) .biz-subtitle {
    background-color: #002568;
}
ul.biz-list > li:nth-child(2n) .biz-subtitle {
    background-color: #00A3DA;
}
.biz-cont > ul {
    margin-top: 10px;
    margin-bottom: 8px;
}
.biz-cont > ul > li{position: relative;padding-left: 25px;font-family: Pretendard;font-weight: 500;font-size: 1rem;color: #000000;line-height: 1.875rem;}
.biz-cont > ul > li:before{content:'';width: 4px;height: 4px;position: absolute;border-radius: 100%;left: 11px;top: 12px;background-color: #000000;}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.business {
    padding-top: 40px;
}
    section.business .container {}
    section.business .inner {}
    .biz-info {}
    .biz-subj {
    font-size: 1.25rem;
}
    .biz-info > ul {
    padding: 23px 35px;
    padding-top: 47px;
}
    .biz-info > ul > li {
    flex-direction: row;
    gap: 23px;
    align-items: center;
    min-height: 55px;
    margin-top: 13px;
}
    .biz-info > ul > li p {}
    .biz-info > ul > li b {}
    .biz-info > ul > li b:after {
        content: '';
    }
    .biz-info > ul > li span {}
    .biz-slide {
    margin-top: 60px;
}
    .biz-slide .biz-swiper{}
    .biz-slide .biz-swiper .swiper-wrapper{}
    .biz-slide .biz-swiper .swiper-slide{}
    .biz-slide .biz-swiper-prev,
    .biz-slide .biz-swiper-next {}
    .biz-slide .biz-swiper-prev{}
    .biz-slide .biz-swiper-next{}

    ul.biz-list {
    margin-top: 40px;
    gap: 40px;
}
    ul.biz-list > li {}
    .biz-title {
    height: 70px;
    font-size: 1.875rem;
}
    .biz-title.bg-biz-01 {}
    .biz-title.bg-biz-02 {}
    .biz-title.bg-biz-03 {}
    .biz-title.bg-biz-04 {}
    .biz-title.bg-biz-05 {}
    .biz-flex-box {}
    .biz-cont {
    padding: 20px;
}
    .biz-subtitle {
    font-size: 1.250rem;
}
    .biz-cont > ul {
    margin-top: 17px;
    margin-bottom: 6px;
}
    .biz-cont > ul > li {
    font-size: 1.125rem;
}
    .biz-cont > ul > li{}
    .biz-cont > ul > li:before{}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    section.business {
    padding-top: 53px;
}
    section.business .container {}
    section.business .inner {}
    .biz-info {}
    .biz-subj {
    height: 60px;
    font-size: 1.625rem;
    padding: 0 44px;
}
    .biz-info > ul {
    padding: 32px 54px;
    padding-top: 50px;
}
    .biz-info > ul > li {
    gap: 30px;
    margin-top: 0;
}
    .biz-info > ul > li p {}
    .biz-info > ul > li b {
    font-size: 1.250rem;
    width: 120px;
    min-width: 120px;
}
    .biz-info > ul > li b:after {
        content: '';
    }
    .biz-info > ul > li span {
    font-size: 1.125rem;
}
    .biz-slide {
    margin-top: 70px;
}
    .biz-slide .biz-swiper{}
    .biz-slide .biz-swiper .swiper-wrapper{}
    .biz-slide .biz-swiper .swiper-slide{}
    .biz-slide .biz-swiper-prev,
    .biz-slide .biz-swiper-next {}
    .biz-slide .biz-swiper-prev{}
    .biz-slide .biz-swiper-next{}
    .biz-slide::after{}

    ul.biz-list {
    margin-top: 60px;
    gap: 50px;
}
    ul.biz-list > li {
    display: flex;
    gap: 40px;
    align-items: stretch;
}
    .biz-title {
    width: 210px;
    min-width: 210px;
    height: auto;
}
    .biz-title.bg-biz-01:before {background-image: url(/assets/images/business/bg-biz-01.png);}
    .biz-title.bg-biz-02:before {background-image: url(/assets/images/business/bg-biz-02.png);}
    .biz-title.bg-biz-03:before {background-image: url(/assets/images/business/bg-biz-03.png);}
    .biz-title.bg-biz-04:before {background-image: url(/assets/images/business/bg-biz-04.png);}
    .biz-title.bg-biz-05:before {background-image: url(/assets/images/business/bg-biz-05.png);}
    .biz-flex-box {
    margin-top: 0;
    flex-direction: row;
    gap: 30px;
    width: 100%;
}
    .biz-cont {
    width: calc(1/2*100% - 1/2*30px);
}
    .biz-subtitle {}
    .biz-cont > ul {}
    .biz-cont > ul > li {}
    .biz-cont > ul > li{}
    .biz-cont > ul > li:before{}

}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}


/*--------------------------------------------------------------------- CI --------------------------*/
section.ci {}
section.ci .container {}
section.ci .inner {}
.ci-looo {
    margin-top: 38px;
    display: flex;
    justify-content: center;
    margin-bottom: 58px;
    padding: 0 28px;
}
.ci-looo img {
    width: 100%;
    height: auto;
}
.text-box.ci-info {
    margin-top: 58px;
    font-size: 1rem;
    display: block;
    padding: 30px 20px;
    line-height: 1.625;
    color: #232323 !important;
}
.text-box.ci-info b{
}
.ci-download {
    margin-top: 20px;
}
.ci-download-href {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 50px;
    border: 1px solid #002568;
    background-color: #ffffff;
    border-radius: 50px;
    margin: 0 auto;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000000;
    gap: 15px;
}
.ci-download-href i.ico-download {
    width: 21px;
    height: 21px;
}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.ci {}
    section.ci .container {}
    section.ci .inner {}
    .ci-looo {
    padding: 0 66px;
    margin-top: 52px;
    margin-bottom: 82px;
}
    .ci-looo img {}
    .text-box.ci-info {
    margin-top: 82px;
    padding: 50px 20px;
    font-size: 1.500rem;
}
    .ci-download {
    margin-top: 40px;
}
    .ci-download-href {width: 244px;height: 70px;font-size: 1.5rem;}
    .ci-download-href i.ico-download {
    width: 27px;
    height: 27px;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/

    section.ci {}
    section.ci .container {}
    section.ci .inner {}
    .ci-looo {
    margin-top: 64px;
    margin-bottom: 101px;
}
    .ci-looo img {
    max-width: 699px;
}
    .text-box.ci-info {
    margin-top: 101px;
    padding: 90px 20px;
}
    .ci-download {}
    .ci-download-href {}
    .ci-download-href i {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}



/*--------------------------------------------------------------------- ORGANIZATION --------------------------*/
section.organization {}
section.organization .container {}
section.organization .inner {}
.org-chart {
    margin-top: 24px;
}
.org-chart > ul {
    display: flex;
    flex-direction: column;
    gap: 44px;
}
.org-chart > ul > li {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.div-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: #002568;
    background-color: #E5E9F0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 50px;
}
.div-leader {
    width: 150px;
    height: 150px;
    background-color: #E5E9F0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 400;
    flex-direction: column;
    line-height: 1.625;
    margin: 0 auto;
}
.div-leader > b {
    font-weight: 600;
}
ul.member {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 13px;
}
ul.member > li {
    width: calc(1/2*100% - 1/2*13px);
    background-color: #F0F0F0;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: Pretendard;
    font-size: 0.875rem;
    font-weight: 400;
}
ul.member > li > b {
    font-weight: 600;
}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.organization {}
    section.organization .container {}
    section.organization .inner {}
    .org-chart {
    margin-top: 39px;
}
    .org-chart > ul {
    gap: 81px;
}
    .org-chart > ul > li {
    gap: 43px;
}
    .div-name {
    max-width: 460px;
    height: 60px;
    margin: 0 auto;
    font-size: 1.375rem;
}
    .div-leader {
    width: 180px;
    height: 180px;
    font-size: 1.125rem;
}
    .div-leader > b {}
    ul.member {
    max-width: 460px;
    margin: 0 auto;
    gap: 20px;
}
    ul.member > li {
    width: calc(1 / 2 * 100% - 1 / 2 * 20px);
    font-size: 1.125rem;
    height: 60px;
}
    ul.member > li > b {}

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/

    section.organization {
    padding-top: 100px;
}
    section.organization .container {}
    section.organization .inner {}
    .org-chart {
    margin-top: 65px;
}
    .org-chart > ul {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 118px 185px;
}
    .org-chart > ul > li {}
    .org-chart > ul > li:first-child{
    width: 100%;
}
    .div-name {}
    .div-leader {}
    .div-leader > b {}
    ul.member {}
    ul.member > li {}
    ul.member > li > b {}

}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}


/*--------------------------------------------------------------------- LOCATION --------------------------*/
section.location {
    padding-top: 0;
    margin-top: -25px;
}
section.location #map {
    width: 100%;
    height: 420px !important;
}
section.location #map .name-label{
    position: relative;
    background-color: #273088;
    border: 2px solid #ffffff;
    border-radius: 10px;
    font-family: Pretendard;
    font-size: 1.125rem;
    font-weight: 600;
    color: #ffffff;
    height: 35px;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.location #map .name-label:before{content:'';position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 16px solid #ffffff;top: 100%;}
section.location #map .name-label:after{content:'';position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 16px solid #273088;top: calc(100% - 5px);}
section.location .container {}
section.location .inner {}
.location-info {
    margin-top: -60px;
    position: relative;
    z-index: 1;
    width: 100%;
    /* height: 180px; */
    min-height: 180px;
    border-radius: 10px;
    padding: 30px 5px 30px 20px;
    background: linear-gradient(35deg, #273088 36%, #36B7D9 100%);
}
.location-subj {
    font-size: 1.250rem;
    font-weight: 700;
    color: #ffffff;
}
.location-info > ul {
    margin-top: 17px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.location-info > ul > li {
    display: flex;
    align-items: center;
    gap: 6px;
}
.location-info i.ico-map-marker {}
.location-info i.ico-tel {}
.location-info > ul > li p {
    font-size: 0.875rem;
    font-weight: 300;
    font-family: Pretendard;
    color: #ffffff;
}
.transport {
    margin-top: 35px;
}
.transport-title {
    padding-bottom: 35px;
}
.transport-name {
    font-size: 1.500rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 12px;
}
.transport-name i.ico-bus {}
.transport-cont {}
.transport-subj {
    font-size: 1rem;
    font-weight: 600;
    font-family: Pretendard;
    color: #000000;
    margin-bottom: 25px;
}
.transport-cont > ul {}
.transport-cont > ul > li {
    margin-top: 25px;
}
.transport-label {
    height: 30px;
    border-radius: 30px;
    padding: 0 15px;
    font-size: 1rem;
    font-weight: 700;
    font-family: Pretendard;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    display: inline-flex;
}
.transport-label.label__blue {
    background-color: #273088;
    color: #ffffff;
}
.transport-label.label__sky {
    background-color: #36B7D9;
    color: #ffffff;
}
.transport-txt {
    margin-top: 10px;
    line-height: 1.875rem;
    font-size: 1.125rem;
    font-weight: 600;
    font-family: Pretendard;
    color: #000000;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.location {}
    section.location #map {
    height: 639px !important;
}
    section.location .container {}
    section.location .inner {}
    .location-info {
    height: 313px;
    /* min-height: 313px; */
    padding: 44px 5px 44px 35px;
    margin-top: -100px;
}
    .location-subj {
    font-size: 1.875rem;
}
    .location-info > ul {
    margin-top: 35px;
    gap: 20px;
}
    .location-info > ul > li {
    gap: 13px;
}
    .location-info i.ico-map-marker {
    width: 70px;
    height: 70px;
}
    .location-info i.ico-tel {
    width: 70px;
    height: 70px;
}
    .location-info > ul > li p {
    font-size: 1.250rem;
}
    .transport {
    margin-top: 54px;
}
    .transport-title {
    padding-bottom: 54px;
}
    .transport-name {
    font-size: 2.375rem;
    margin-bottom: 28px;
}
    .transport i.ico-bus{
    width: 63px;
    height: 63px;
}
    .transport-name i.ico-bus {}
    .transport-cont {}
    .transport-subj {
    font-size: 1.875rem;
    margin-bottom: 28px;
}
    .transport-cont > ul {}
    .transport-cont > ul > li {
    margin-top: 35px;
}
    .transport-label {
    height: 35px;
    font-size: 1.250rem;
}
    .transport-label.label__blue {}
    .transport-label.label__sky {}
    .transport-txt {
    margin-top: 11px;
    font-size: 1.250rem;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/

    section.location {
    margin-top: -35px;
}
    section.location #map {}
    section.location .container {}
    section.location .inner {}
    .location-info {
    height: 250px;
    padding: 60px 79px;
    margin-top: -155px;
}
    .location-subj {}
    .location-info > ul {
    flex-direction: row;
    gap: 0;
}
    .location-info > ul > li {
    width: 50%;
}
    .location-info i.ico-map-marker {}
    .location-info i.ico-tel {}
    .location-info > ul > li p {}
    .transport {
    margin-top: 80px;
    display: flex;
}
    .transport-title {
    width: 259px;
    min-width: 259px;
}
    .transport-name {}
    .transport-name i.ico-bus {}
    .transport-cont {}
    .transport-subj {}
    .transport-cont > ul {}
    .transport-cont > ul > li + li {
    margin-top: 50px;
}
    .transport-label {}
    .transport-label.label__blue {}
    .transport-label.label__sky {}
    .transport-txt {}
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}

/*--------------------------------------------------------------------- SITEMAP --------------------------*/
section.sitemap {
    padding: 0;
}
section.sitemap .container {
    padding: 0;
}
section.sitemap .inner {}
nav.sitemap-nav {}
/* SITEMAP : MOBILE */
nav.sitemap-nav li.gnb-li {
    border-bottom: 1px solid #00000040;
}
nav.sitemap-nav a.gnb-href {
    padding: var(--mo-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 74px;
    color: #232323;
    font-size: 1.250rem;
    font-weight: 700;
}
nav.sitemap-nav a.gnb-href:after {content:'';width: 40px;height: 40px;min-width: 40px;background-image: url(/assets/images/cmn/ico-arr.svg);background-repeat: no-repeat;background-size: contain;background-position: center;transition: 0.3s;}
nav.sitemap-nav li.gnb-li.active a.gnb-href:after{transform:rotate(180deg);}
nav.sitemap-nav ul.gnb-ul2 {
    display: none;
    border-top: 1px solid #00000040;
    background-color: #F9F9F9;
    padding: 20px 0;
}
nav.sitemap-nav li.gnb-li2 {padding: var(--mo-padding);}
nav.sitemap-nav a.gnb-href2 {
    color: #232323;
    font-size: 1.125rem;
    font-weight: 500;
    padding-left: 28px;
    display: flex;
    height: 50px;
    position: relative;
    align-items: center;
}
nav.sitemap-nav a.gnb-href2:before{content:'';position: absolute;width: 4px;height: 4px;background-color: #232323;border-radius: 100%;left: 14px;top: 50%;transform: translate(-50%,-50%);}




/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
section.sitemap {padding-top: 60px;padding-bottom: 80px;}
section.sitemap .container {

}
section.sitemap .inner {}
nav.sitemap-nav {}
 nav.sitemap-nav ul.gnb-ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 8px;
}
/* SITEMAP : MOBILE */
nav.sitemap-nav li.gnb-li {width: 190px;border-bottom: 0;}
nav.sitemap-nav a.gnb-href {background-color: #E5E9F0;border-radius: 10px;justify-content: center;align-items: center;font-size: 1.500rem;}
nav.sitemap-nav a.gnb-href:after {
    display: none;
}
nav.sitemap-nav li.gnb-li.active a.gnb-href:after{}
nav.sitemap-nav ul.gnb-ul2 {display: flex;flex-direction: column;background-color: transparent;padding: 16px 0;border-top: 0;}
nav.sitemap-nav li.gnb-li2 {
    padding: 0;
}
nav.sitemap-nav a.gnb-href2 {padding: 0;text-align: center;justify-content: center;font-size: 1rem;}
nav.sitemap-nav a.gnb-href2:before{
    display: none;
}


}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}

/*--------------------------------------------------------------------- FACILITY-EQUIPMENT --------------------------*/
section.facility-equipment {}
section.facility-equipment .container {}
section.facility-equipment .inner {}

.image-slide__type2 {}
ul.image-slide-tab__type2.tab {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    height: 280px;
    font-family: Pretendard;
    background-color: #F0F0F0;
    padding: 20px;
}
ul.image-slide-tab__type2.tab::-webkit-scrollbar{
	width:4px;
	height:4px;
	background-color:transparent;
    padding-right:4px;

}
ul.image-slide-tab__type2.tab::-webkit-scrollbar-thumb{
	background:#737373;
    border-radius:4px;
}
ul.image-slide-tab__type2.tab  > b {
    font-size: 0.875rem;
    font-weight: 700;
    color: #323232;
    line-height: 1.250rem;
    text-align: center;
    margin-bottom: 10px;
}
ul.image-slide-tab__type2.tab  > li + b{
    margin-top: 10px;
}
ul.image-slide-tab__type2.tab  > li {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4F4F4F;
    background-color: #ffffff;
    border-radius: 10px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    text-align: center;
}
ul.image-slide-tab__type2.tab  > li.active {
    background-color: #323232;
    color: #ffffff;
}
ul.image-slide-tab-cont__type2.tab-cont {
    background-color: #F0F0F0;
}
ul.image-slide-tab-cont__type2.tab-cont > li {}
ul.image-slide-tab-cont__type2.tab-cont > li.active {}

.image-slide__type2 .image-slide-prev,
.image-slide__type2 .image-slide-next{}
.image-slide__type2 .image-slide-prev{}
.image-slide__type2 .image-slide-next{}

.view-equipment {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #E5E9F0;
    border: 2px solid #002568;
    font-size: 1.250rem;
    font-weight: 500;
    color: #002568;
    margin-bottom: 40px;
    cursor: pointer;
}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    section.facility-equipment {}
    section.facility-equipment .container {}
    section.facility-equipment .inner {}

    .image-slide__type2 {}
    ul.image-slide-tab__type2.tab {}
    ul.image-slide-tab__type2.tab  > b {}
    ul.image-slide-tab__type2.tab  > li {}
    ul.image-slide-tab__type2.tab  > li.active {}
    ul.image-slide-tab-cont__type2.tab-cont {}
    ul.image-slide-tab-cont__type2.tab-cont > li {}
    ul.image-slide-tab-cont__type2.tab-cont > li.active {}
    .view-equipment {
    margin-bottom: 60px;
}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/

    section.facility-equipment {}
    section.facility-equipment .container {}
    section.facility-equipment .inner {}

    .image-slide__type2 {
    display: flex;
    height: 550px;
}
    ul.image-slide-tab__type2.tab {
    width: 329px;
    min-width: 329px;
    height: 100%;
}
    ul.image-slide-tab__type2.tab  > b {}
    ul.image-slide-tab__type2.tab  > li {}
    ul.image-slide-tab__type2.tab  > li.active {}
    ul.image-slide-tab-cont__type2.tab-cont {
    width: calc(100% - 329px);
}
    ul.image-slide-tab-cont__type2.tab-cont > li {}
    ul.image-slide-tab-cont__type2.tab-cont > li.active {}
    .view-equipment {
    margin-bottom: 80px;
    font-size: 1.500rem;
    height: 70px;
}



}

/*--------------------------------------------------------------------- popup --------------------------*/
.popup-layer {
    position: fixed;
    z-index: 9999999999;
    width: 100%;
}
.popup {
    position: absolute;
    background-color: #0A0A0A;
    border-radius: 20px;
    padding: 15px;
}
.popup-content {
    background-color: #ffffff;
}
.popup-footer {
    font-size: 1.250rem;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 25px 10px 10px 10px;
}
.popup-footer input[type="checkbox"] + label,
.popup-footer input[type="radio"] + label {
    color: #ffffff;
    font-family: inherit;
    font-size: inherit;
}
.popup-footer input[type="checkbox"] + label::before,
.popup-footer input[type="radio"] + label::before {content:'';margin-right: 10px;width: 25px;height: 25px;background-image: url(/assets/images/cmn/ico-chk-w.svg);border-radius: 0;background-size: contain;background-position: center;background-repeat: no-repeat;}

.popup-footer input[type="checkbox"]:checked + label::before,
.popup-footer input[type="radio"]:checked + label::before {
    background-image: url(/assets/images/cmn/ico-chk-w-checked.svg);
}
.popup-footer .popup-close {
    font-size: inherit;
    color: inherit;
}



/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~
************************************************************************************/
@media screen and (max-width: 767px) { /***** MOBILE **************************************************************************(min-width: 768px)*/

    .popup {
        position: absolute;
        background-color: #0A0A0A;
        border-radius: 20px;
        padding: 15px;
        left: 0 !important;
        top: 0 !important;
        width: 100%;
        height: calc(var(--vh, 1vh) * 100);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .popup-content {
        background-color: #ffffff;
        height: calc(100% - 61px);
        overflow-y: auto;
    }
    .popup-content > * {
       width: 100% !important;
       max-width: 100%;
    }
}
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/


}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}












/*--------------------------------------------------------------------- SAMPLE --------------------------*/


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/


}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}

/*--------------------------------------------------------------------- SECTION --------------------------*/
section {padding-top: 20px;padding-bottom:60px}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    main > section {padding-top: 30px;padding-bottom:60px}
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    main > section {padding-top: 50px;padding-bottom:100px}

}


/*--------------------------------------------------------------------- bg --------------------------*/
.bg-gray {background-color: #F2F2F2;} 
.bg-gray2{background-color: #DCDCDC;position: relative;}
.bg-gray2:after{content:'';position: absolute;width: 32px;height: 32px;background-color: #DCDCDC;bottom: 0;left: 50%;transform: translate(-50%,50%) rotate(45deg);}
.bg-pink{background-color:#FFC2C4}

.bg-red-gradient {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ef3739+0,ffffff+100 */
    background: linear-gradient(to bottom,  #ef3739 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-red-gradient2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4252+0,f85f3f+100 */
    background: linear-gradient(to right, #ff4252 0%,#f85f3f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.img-wrap {
    display: flex;
}
.img-wrap img{
    width: 100%;
    height: auto;
    pointer-events: none;       /* 클릭(마우스 이벤트) 방지 */
    user-drag: none;            /* 드래그 방지 (Safari) */
    -webkit-user-drag: none;    /* 드래그 방지 (Chrome, Safari) */
    -moz-user-select: none;     /* 선택 방지 (Firefox) */
    -webkit-user-select: none;  /* 선택 방지 (Chrome, Safari) */
    user-select: none;          /* 선택 방지 (표준) */
}






/*--------------------------------------------------------------------- TAB --------------------------*/
nav.tab {
    display: flex;
    width: 100%;
    height: 50px;
    justify-content: center;
    align-items: center;
}
nav.tab > li{
    color: #999999;
    background-color: #CCCCCC;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
nav.tab > li.active {
    background-color: #EF3739;
    color: #ffffff;
}
/* 페이드 인 애니메이션 정의 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* 페이드 아웃 애니메이션 정의 */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
ul.tab-content {}
ul.tab-content > li{
    display: none;
    opacity: 0;
    animation: fadeOut 0.3s ease forwards;
}
ul.tab-content > li.active {
    display: block;
    opacity: 1;
    animation: fadeIn 0.3s ease forwards;
}

/*--------------------------------------------------------------------- COMMON-TABLE --------------------------*/
.cmn-tb {
    display: table;
    width: 100%;
}
.cmn-tb .thead {
    display: table-header-group;
}
.cmn-tb .tr {
    display: table-row;
}
.cmn-tb .th {
    display: table-cell;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    background-color: #F4F4F4;
    font-size: 16px;
    font-weight: 400;
    color: #767676;
}
.cmn-tb .th:first-child{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.cmn-tb .th:last-child{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.cmn-tb .tbody {
    display: table-row-group;
}
.cmn-tb .tbody .tr .td{
    border-bottom: 1px solid #DBDBDB;
}
.cmn-tb .td {
    display: table-cell;
    text-align: center;
    height: 80px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.cmn-tb .td a{
    text-decoration: underline;
}
.cmn-tb .td img{
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
    margin: 0 10px;
}
.cmn-tb .td img:first-child:not(:last-child){
    margin-left: auto;
}
.cmn-tb .tb-img {
    width: 115px;
}
.cmn-tb .tb-img img{border-top-right-radius: 15px;}
.cmn-tb .tb-no {
    width: 64px;
}
.cmn-tb .tb-sub {width: 210px;}
.cmn-tb .tb-prov {width: 210px;}
.cmn-tb .tb-imgs{
    width: 430px;
}
.cmn-tb .tb-btn{
    width: 140px;
}
.cmn-tb .td .btn-view-detail {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 28px;
    background-color: #2A2929;
    color: #ffffff;
    border-radius: 8px;
    text-decoration: auto;
}
.td.tb-disabled {
    color: #979797;
}
.cmn-tb .td.tb-disabled a.btn-view-detail,
.cmn-tb .td a.btn-view-detail[disabled]{
    background-color: #F4F4F4;
    color: #979797;
    cursor: default;
}
.cmn-tb .thead .tr .th:first-child,
.cmn-tb .tbody .tr .td:first-child{
    padding-left: 30px;
}
.cmn-tb .thead .tr .th:last-child,
.cmn-tb .tbody .tr .td:last-child{
    padding-right: 30px;
}
.btn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    border: 1px solid #767676;
    border-radius: 8px;
}


.bottom-info-text {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    height: 40px;
    width: 100%;
    background-color: #0000001a;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}




/*--------------------------------------------------------------------- checkbox --------------------------*/

.checkbox-cir:checked+label::before,
.checkbox-cir:checked+label::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background: #D0D0D0; } 

.checkbox-cir input[type="checkbox"]+label::before,
.checkbox-cir input[type="checkbox"]+label::after { border-radius: 100%; border: 0; background: #d0d0d0; background-image: url(../../images/cmn/ico_check_w.svg); background-repeat: no-repeat; background-position: 50%; width: 28px; height: 28px; background-size: 14px 11px; } 

.checkbox-cir a,
.checkbox-cir input[type="checkbox"]+label { font-size: 14px; } 

.checkbox-basic:checked+label::before,
.checkbox-basic:checked+label::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background: #D0D0D0; } 

.checkbox-basic input[type="checkbox"]+label::before,
.checkbox-basic input[type="checkbox"]+label::after { border-radius: 100%; border: 0; background-image: url(../../images/cmn/ico_check_list.svg); background-repeat: no-repeat; background-position: top; width: 28px; height: 28px; background-size: 28px 112px; margin-right: 12px; } 

.checkbox-basic a,
.checkbox-basic input[type="checkbox"]+label { font-size: 14px; } 


/*--------------------------------------------------------------------- radio --------------------------*/

.radio-cir input[type="radio"]+label::before,
.radio-cir input[type="radio"]+label::after { border-radius: 100%; border: 0; background: #d0d0d0; background-image: url(../../images/cmn/ico_check_w.svg); background-repeat: no-repeat; background-position: 50%; width: 28px; height: 28px; background-size: 14px 11px; } 

.radio-cir a,
.radio-cir input[type="radio"]+label { font-size: 14px; } 

.radio-basic input[type="radio"]+label::before,
.radio-basic input[type="radio"]+label::after { border-radius: 100%; border: 0; background-image: url(../../images/cmn/ico_check_list.svg); background-repeat: no-repeat; background-position: top; width: 28px; height: 28px; background-size: 28px 112px; margin-right: 12px; } 

.radio-basic a,
.radio-basic input[type="radio"]+label { font-size: 14px; } 


/*--------------------------------------------------------------------- input 안에 button --------------------------*/

.input-wrap { position: relative; } 

.input-wrap .btn-inner { color: #fff; width: 90px; height: 40px; font-size: 12px; border-radius: 3px; position: absolute; right: 5px; top: 5px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0; } 


/*--------------------------------------------------------------------- input 안에 글자수 --------------------------*/

.textarea_count { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #BABABA; font-weight: 400; } 

/*--------------------------------------------------------------------- BBS-TABLE ------------------------*/
.bbs-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px;
    margin-bottom: 12px;
}
.bbs-count {
    margin-bottom: 5px;
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 700;
    color: #2B2B2B;
}
.bbs-search {
    width: 100%;
    max-width: 224px;
    position: relative;
}
.bbs-search input[type="text"] {
    height: 40px;
    border-radius: 40px;
    background-color: #F4F4F4;
    font-family: Pretendard;
    font-size: 0.875rem;
    font-weight: 400;
    color: #2B2B2B;
    padding-right: 47px;
}
.search-submit {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 7px;
    background-image: url(/assets/images/cmn/ico-sch.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.bbs-table{
    margin-top: 12px;
}
.bbs-table > table{border-top: 2px solid #000000;border-bottom: 0;}
.bbs-table thead{border-bottom: 1px solid #E4E4E4;}
.bbs-table thead th{height: 58px;display: table-cell;vertical-align: middle;font-size: 1rem;font-weight: 700;text-align: center;background-color: #ffffff;border: 0;color: #2B2B2B;border-bottom: 1px solid #D3D3D3;padding: 5px;}
.bbs-table tbody{}
.bbs-table tbody td{border: 0;border-bottom: 1px solid #D3D3D3;height: 58px;display: table-cell;vertical-align: middle;text-align: center;font-size: 1rem;padding: 5px;font-weight: 500;color: #878787;}
.bbs-table tbody td a{}
.bbs-table tbody td b{
    font-weight: 700;
    margin-right: 5px;
}
.bbs-table th.num ,
.bbs-table td.num {
    width: 45px;
    padding: 0;
}
.bbs-table th.file,
.bbs-table td.file{}
.bbs-table th.date,
.bbs-table td.date{
    width: 70px;
    padding: 0;
}
.bbs-table td.date{
    color: #878787;
    font-size: 0;
}
.bbs-table td.date:after{content:attr(data-date);font-size: 1rem;font-weight: 400;}
.bbs-table th.name,
.bbs-table td.name{display: none;}
.bbs-table th.view,
.bbs-table td.view{display: none;}
.bbs-table tbody td.subj{text-align: left;/* padding-left: 40px; */font-weight: 400;color: #2B2B2B;}
.bbs-table tbody td.subj > a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs-table tbody td.subj > a:hover,
.bbs-table tbody td.subj > a:active{text-decoration: underline;}
.bbs-table tr:last-child td {/* border-bottom: 0; */}
.no-list {text-align: center;color: #002568;font-size: 1.500rem;font-weight: 700;line-height: 2.500rem;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;padding: 100px 0;} 
.bbs-table tbody td.notice {font-weight: 500; color: #D34C3B;}
.btn-file i{width: 25px; height: 26px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/ico-file.svg);}
.bbstb-notice{background-color: #F7F7F7;}
.bbstb-notice .td-num--txt{min-width: 56px;height: 30px;border-radius: 15px;background-color: #FFF0E5;color: #FF4A10;font-size: 14px;font-weight: 700;display: inline-flex;align-items: center;justify-content: center;}


section.bbs-list {
    padding-bottom: 0;
}

section.bbs-datail {
    padding-top: 30px;
    font-family: Pretendard;
}
.bbs-view-header {
    margin-bottom: 12px;
}
.view-subj {
    font-size: 1.125rem;
    font-weight: 700;
    color: #2B2B2B;
    padding-bottom: 9px;
    border-bottom: 2px solid #000000;
    line-height: 1.5;
}
ul.view-info {
    margin-top: 12px;
    display: flex;
    gap: 5px;
}
ul.view-info li {
    font-size: 0.875rem;
    display: flex;
}
ul.view-info li b {
    font-weight: 700;
    margin-right: 5px;
}
ul.view-info li p {}
.bbs-view {min-height: 250px;font-size: 1rem;line-height: 1.625;}
.bbs-view-footer {
    border-top: 2px solid #000000;
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 16px;
}
.list-href {
    width: 80px;
    height: 40px;
    background-color: #F4F4F4;
    color: #2B2B2B;
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
/*--------------------------------------------------------------------- PAGINATION ------------------------*/
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.page-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: #f4f4f4;
  font-family: Pretendard;
  font-size: 1.125rem;
  cursor: pointer;
  color: #333;
  display: flex;
}
.page-btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    width: 100%;
    height: 100%;
}
.page-btn:hover {
  background-color: #e0e0e0;
}

.page-btn.active {
  /* font-weight: bold; */
  text-decoration: underline;
  /* background-color: #fff; */
  /* box-shadow: 0 0 0 1px #ccc inset; */
}

.page-btn.prev{
    margin-right: 15px;
}
.page-btn.next {margin-left: 15px;}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    .bbs-header {
    margin-top: 34px;
    margin-bottom: 21px;
    align-items: center;
}
    .bbs-count {
    font-size: 1.25rem;
    margin-bottom: 0;
}
    .bbs-search {
    max-width: 400px;
}
    .bbs-search input[type="text"] {
    height: 60px;
    padding-right: 70px;
    font-size: 1.25rem;
}
    .search-submit {
    width: 60px;
    height: 60px;
    right: 10px;
}
    .bbs-table{}
    .bbs-table > table{}
    .bbs-table thead{}
    .bbs-table thead th{font-size: 1.25rem;height: 70px;}
    .bbs-table tbody{}
    .bbs-table tbody td{font-size: 1.25rem;height: 70px;}
    .bbs-table tbody td a{}
    .bbs-table th.num ,
    .bbs-table td.num {}
    .bbs-table th.file,
    .bbs-table td.file{}
    .bbs-table th.date,
    .bbs-table td.date{width: 125px;}
    .bbs-table td.date{
        padding: 5px;
        color: #878787;
        font-size: 1.25rem;
    }
    .bbs-table td.date:after{display: none;}
    .bbs-table th.name,
    .bbs-table td.name{}
    .bbs-table th.view,
    .bbs-table td.view{display: table-cell;width: 80px;}

    
    section.bbs-list {}
    section.bbs-datail {
    padding-top: 40px;
}
    .bbs-view-header {
    margin-bottom: 20px;
}
    .view-subj {
    font-size: 1.750rem;
    padding-bottom: 30px;
}
    ul.view-info {
    margin-top: 20px;
    gap: 20px;
}
    ul.view-info li {
    font-size: 1.125rem;
}
    ul.view-info li b {}
    ul.view-info li p {}
    .bbs-view {
    min-height: 460px;
    font-size: 1.25rem;
    line-height: 2;
}
    .bbs-view-footer {
    margin-top: 20px;
    padding-top: 27px;
}
    .list-href {
    width: 120px;
    font-size: 1.125rem;
}
    
    /*--------------------------------------------------------------------- PAGINATION ------------------------*/
    .pagination {
    margin-top: 38px;
    margin-bottom: 38px;
    }

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    .bbs-header {
    margin-top: 0;
    margin-bottom: 20px;
}
    .bbs-count {}
    .bbs-search {}
    .bbs-search input[type="text"] {}
    .search-submit {}
    .bbs-table{}
    .bbs-table > table{}
    .bbs-table thead{}
    .bbs-table thead th{}
    .bbs-table tbody{}
    .bbs-table tbody td{}
    .bbs-table tbody td a{}
    .bbs-table th.num ,
    .bbs-table td.num {}
    .bbs-table th.file,
    .bbs-table td.file{}
    .bbs-table th.date,
    .bbs-table td.date{}
    .bbs-table th.name,
    .bbs-table td.name{display: table-cell;width: 120px;}
    .bbs-table th.view,
    .bbs-table td.view{}

    
    section.bbs-list {
    padding-top: 40px;
    padding-bottom: 40px;
}
    section.bbs-datail {
    padding-top: 60px;
}
    .bbs-view-header {}
    .view-subj {}
    ul.view-info {
    margin-top: 16px;
}
    ul.view-info li {}
    ul.view-info li b {}
    ul.view-info li p {}
    .bbs-view {}
    .bbs-view-footer {
    padding-top: 30px;
}
    .list-href {}
        
    /*--------------------------------------------------------------------- PAGINATION ------------------------*/
    .pagination {
    margin-top: 35px;
    }


}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}












/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/




}


.bbs-view img {max-width: 100%;}