@charset "utf-8";
body{background:#fff !important;}
.wrapper{width:100%;height:auto;word-break:keep-all;overflow:hidden;}

/*상단영역*/
header{background:#1e7158;z-index:50;transition:all .5s;width:100%;height:auto;position:fixed;left:0;top:80px;}
.sub header{background:#fff;border-bottom:1px solid #d2d2d2;}
.sub header.type01{border-bottom:0;}
header .rela{z-index:50;margin:0 auto;transition:all .5s;max-width:1300px;width:100%;height:96px;position:relative;display:flex;justify-content:space-between;align-items:center;}
header .rela .header-item{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:100%;height:96px;position:relative;}
header .rela h1{transition:all .5s;width:216px;height:65px;overflow:hidden;}
header .rela h1 a{display:flex;width:216px;height:65px}
header .rela .gnb-box{z-index:10;height:auto;display:flex;justify-content:flex-start;align-items:center;}
header .gnb-list{display:flex;justify-content:flex-start;align-items:center;}
header .gnb-list>li{float:left;position:relative;padding:0 25px;}
header .gnb-list>li:before{content:"";width:2px;height:16px;overflow:hidden;display:block;background:#fff;position:absolute;left:0;top:50%;margin-top:-8px;}
header .gnb-list>li:first-child:before{display:none;}
header .gnb-list>li>a{transition:all .5s;position:relative;white-space:nowrap;text-decoration:none !important;font-size:22px;color:#fff;font-weight:900;display:flex;justify-content:center;align-items:center;height:96px;}
header .gnb-list>li>a:hover{color:#8bff08;}
header .gnb-list>li>a.on{color:#8bff08;}


header .gnb-list>li .sub-menu-wrap{display:none;transition:all .7s;z-index:40;opacity:0;transform:translateY(70px);justify-content:flex-start;align-items:flex-start;padding:0;width:660px;height:auto;position:absolute;left:25px;top:50px;}

header .gnb-list>li .sub-menu-wrap .sub-item{margin:0;width:800px;height:250px;overflow:hidden;}
header .gnb-list>li .sub-menu-wrap .sub-item .sub-tit{font-size:13px;font-weight:500;padding-left:0px;position:relative;color:#444;}
header .gnb-list>li .sub-menu-wrap .sub-item .sub-tit:before{content:"";width:3px;height:3px;overflow:hidden;border-radius:50%;background:#fff;position:absolute;left:0;top:15px;}
header .gnb-list>li .sub-menu-wrap .sub-item ul{display:block;}
header .gnb-list>li .sub-menu-wrap .sub-item ul>li{float:left;width:auto;margin-right:45px;margin-top:20px;position:relative;display:inline-flex;justify-content:flex-start;align-items:center;}
header .gnb-list>li .sub-menu-wrap .sub-item ul>li a{text-transform:uppercase; font-family: "GothamMedium", 'Noto Sans KR';width:100%;height:auto;padding:0;display:flex;justify-content:flex-start;align-items:center;font-size:13px;color:#444;font-weight:300;}
header .gnb-list>li .sub-menu-wrap .sub-item ul>li a:hover{color:#000}

header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul{width:auto;}
header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul li{width:auto;clear:both;}
header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul li:first-child{margin-top:0;}

header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul li a.str{font-weight:400;}

header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul li a{}

/*메뉴 오버시*/
/*
header.over .rela h1{background:url(../image/etc/etc-logo-on.png) no-repeat center center;}
header.over .rela h1 img{opacity:0;}
*/

.container{position:relative;z-index:30;}

.hidden{position:absolute;left:-200000px;}

/*스크롤 기본 다운시*/
.sub header .rela{}

header.down{top:-120px}
header.on .rela{height:0;}
header.up{top:0px}
header.up{}
/**/
header.up .rela{}
header.down{overflow:Hidden;}
header.down:after{display:none;}
/*
header.up .rela h1{background:url(../image/etc/etc-logo-on.png) no-repeat center center;}
header.up .rela h1 img{opacity:0;}
*/



header .side-cont{z-index:999;display:none;justify-content:flex-start;align-items:center;}
header .side-cont .btn-total-nav{background:#fff;position:relative;width:49px;height:49px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;margin-left:0px;}
header.sub .side-cont .btn-total-nav span{background:#191919;}
header .side-cont .btn-total-nav span {
    position: absolute;transition: all .4s;
    left: 14px;
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
}
header .side-cont .btn-total-nav span:nth-of-type(1) {
    top: 17px;
}
header .side-cont .btn-total-nav span:nth-of-type(2) {
    top: 25px;
}
header .side-cont .btn-total-nav span:nth-of-type(3) {
    top: 33px;
}
header .side-cont.on .btn-total-nav span:nth-of-type(1) {
    -webkit-transform : translateY(20px) rotate(-45deg);
    transform : translateY(20px) rotate(-45deg);
    top:5px;
}
header .side-cont.on .btn-total-nav span:nth-of-type(2) {
    left : 200%;
    opacity : 0;
    -webkit-transform : translateY(10px);
    transform : translateY(10px);
    -webkit-animation : active-menu-bar06 .8s forwards;
    animation : active-menu-bar06 .8s forwards;
}
@-webkit-keyframes active-menu-bar06 {
    100% {
        height : 0;
    }
}
@keyframes active-menu-bar06 {
    100% {
        height : 0;
    }
}
header .side-cont.on .btn-total-nav span:nth-of-type(3) {
    -webkit-transform : translateY(-20px) rotate(45deg);
    transform : translateY(-20px) rotate(45deg);
    width:20px;top:45px;
}
header .side-cont.on{position:fixed;right:0;left:auto;}

.sitemap-item-wrap{display:none;position:fixed;left:0;top:0;z-index:90;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.5);}
.sitemap-item-wrap.ing{display:block;}
.sitemap-item-wrap .scont{transition:all .5s;width:calc( 100% - 85px );height:auto;overflow:hidden;background:#fff;padding-bottom:50px;padding-top:100px;position:relative;opacity:0;transform:translateY(-500px);}
.sitemap-item-wrap.on .scont{opacity:1;transform:translateY(0px);}
.sitemap-item-wrap .scont .btn-sitemap-close{position:absolute;right:0;top:0;width:50px;height:50px;overflow:Hidden;border:0;background:transparent;display:flex;justify-content:center;align-items:center;}
.sitemap-item-wrap .scont .btn-sitemap-close i{font-size:30px;color:#444;}
.sitemap-item-wrap .scont ul{width:calc( 100% - 200px );margin:0 auto;height:auto;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;}
.sitemap-item-wrap .scont ul li{padding:0 20px;width:100%;flex:1;height:auto;overflow:hidden;}
.sitemap-item-wrap .scont ul li a{font-weight:500;text-transform:uppercase;width:100%;height:40px;font-size:16px;color:#444;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.sitemap-item-wrap .scont ul li ul{width:100%;display:block;}
.sitemap-item-wrap .scont ul li ul li{width:100%;height:auto;padding:0;overflow:hidden;}
.sitemap-item-wrap .scont ul li ul li a{font-weight:300;width:100%;height:auto;line-height:1.5em;padding:5px 0;font-size:16px;color:#444;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}

/*하단영역*/
footer{padding:60px 0;width:100%;height:auto;overflow:hidden;background:#353535;}

footer .flogo{width:100%;height:auto;overflow:hidden;text-align:center;}
footer .info-list{width:100%;height:auto;overflow:hidden;margin-top:34px;}
footer .info-list li{width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:14px;color:#FFFFFF;}
footer .info-list li span{display:flex;font-size:14px;color:#FFFFFF;}
footer .info-list li span + span{position:relative;padding-left:24px;}
footer .info-list li span + span:before{content:"/";font-size:14px;color:#FFFFFF;position:absolute;left:12px;top:0;}
footer .info-list li:last-child{margin-top:30px;}

@-webkit-keyframes pulse {

    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(250, 227, 0, .35);
        box-shadow: 0 0 0 0 rgba(250, 227, 0, .35);
    }

    70% {
        -webkit-box-shadow: 0 0 0 1.5em rgba(0, 227, 0, 0);
        box-shadow: 0 0 0 1.5em rgba(250, 227, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(250, 227, 0, 0);
        box-shadow: 0 0 0 0 rgba(250, 227, 0, 0);
    }

}
/*컨텐츠영역*/
.container{width:100%;height:auto;overflow:hidden;}
.section{width:100%;height:auto;position:relative;}

/*메인*/
.main-slide-wrap{position:relative;width:100%;height:auto;overflow:hidden;}
.main-slide-wrap .mslide-prev{width:54px;height:54px;overflow:hidden;border:0;background:transparent;padding:0;z-index:30;position:absolute;left:80px;top:50%;margin-top:-20px;}
.main-slide-wrap .mslide-next{width:54px;height:54px;overflow:hidden;border:0;background:transparent;padding:0;z-index:30;position:absolute;right:80px;top:50%;margin-top:-20px;}
.main-slide-wrap .swiper-container{width:100%;}
.main-slide-wrap .swiper-container .swiper-slide{width:100%;}
.main-slide-wrap .swiper-container .swiper-slide .slide-item{position:relative;display:block;width:100%;height:54vw;overflow:hidden;background-size:cover !important;}
.main-slide-wrap .swiper-container .swiper-slide .slide-item .bg{transition:all 5s;transform:scale(1);/*cubic-bezier(0, 0.35, 0, 1);*/width:100%;height:100%;overflow:hidden;background-size:cover !important;position:absolute;left:0;top:0;}
.main-slide-wrap .main-cont{position:absolute;width:100%;height:auto;text-align:center;overflow:hidden;left:0;top:220px;z-index:90;}
.main-slide-wrap .main-cont .mtit{opacity:0;transition:all .8s;transition-delay:.5s;transform:translateX(-50px);width:100%;height:auto;overflow:hidden;font-size:18px;color:#fff;font-weight:500;font-family: 'Times New Romen';}
.main-slide-wrap .main-cont .mdesc{opacity:0;transition:all .8s;transition-delay:.7s;transform:translateX(-50px);margin-top:20px;width:100%;height:auto;overflow:hidden;font-size:60px;color:#fff;font-weight:500;line-height:1.2em;}
.main-slide-wrap .main-cont .mdesc span{display:block;font-size:48px;color:#fff;font-weight:500;}
.main-slide-wrap .main-cont .mdesc span strong{font-size:48px;color:#c6fd00;font-weight:500;}

.main-slide-wrap .main-cont.white .mtit{color:#fff;}
.main-slide-wrap .main-cont.white .mdesc{color:#fff;}

.main-slide-wrap .swiper-container{}
.main-slide-wrap .swiper-container .main-slide-ctrl{}
.main-slide-wrap .swiper-container .swiper-pagination{width:auto;position:static;height:auto;display:flex;justify-content:center;align-items:flex-start;}
.main-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{border-radius:50% !important;margin:0 10px;width:16px;height:16px;overflow:hidden;background:#aca59a;border:0;}
.main-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#92cc2b;}
.main-slide-wrap .swiper-container .swiper-button-next{position:static;width:30px;height:30px;display:flex;justify-content:center;align-items:center;margin:2px 0 0 0;}
.main-slide-wrap .swiper-container .swiper-button-prev{position:static;width:30px;height:30px;display:flex;justify-content:center;align-items:center;margin:2px 0 0 0;}
.main-slide-wrap .swiper-container .swiper-button-next:after{font-size:12px;color:#fff;}
.main-slide-wrap .swiper-container .swiper-button-prev:after{font-size:12px;color:#fff;}

.main-slide-ctrl{width:100%;bottom:84px;left:0px;position:absolute;z-index:20;display:flex;justify-content:center;align-items:center;}

@keyframes fadeScaleIn {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/*활성화 효과*/
.main-slide-wrap .swiper-container .swiper-slide.swiper-slide-active .main-cont .mtit{opacity:1;transform:translateX(0px);}
.main-slide-wrap .swiper-container .swiper-slide.swiper-slide-active .main-cont .mdesc{opacity:1;transform:translateX(0px);}
.main-slide-wrap .swiper-container .swiper-slide.swiper-slide-active .slide-item .bg{transform:scale(1);/*animation: fadeScaleIn 0.6s cubic-bezier(0, 0.35, 0, 1);*/}

.main-quick-wrap{position:relative;z-index:30;width:1074px;height:auto;overflow:hidden;margin:-68px auto 0 auto;display:flex;justify-content:flex-start;align-items:flex-start;}
.main-quick-wrap .sitem{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;flex:1;height:auto;overflow:hidden;}
.main-quick-wrap .sitem .contactus-item-wrap{position:relative;width:100%;height:264px;overflow:hidden;background:url(../image/bg/bg-contactus.png) no-repeat left top;}
.main-quick-wrap .sitem .contactus-item-wrap .stit{width:calc( 100% - 0 );margin-top:35px;height:auto;text-align:center;overflow:hidden;font-size:25px;color:#fff;font-family:"Bahnschrift";}
.main-quick-wrap .sitem .contactus-item-wrap ul{width:calc( 100% - 45px );padding-left:45px;height:auto;overflow:hidden;}
.main-quick-wrap .sitem .contactus-item-wrap ul li{background:url(../image/bg/bg-tel.png) no-repeat left center;background-size:23px 25px;margin-top:78px;width:calc( 100% - 44px );padding-left:34px;height:auto;overflow:hidden;font-size:28px;color:#fff;font-family:"Bahnschrift";}
.main-quick-wrap .sitem .contactus-item-wrap ul li + li{background:url(../image/bg/bg-fax.png) no-repeat left center;background-size:23px 25px;}
.main-quick-wrap .sitem .contactus-item-wrap a{width:35px;height:35px;overflow:hidden;position:absolute;right:40px;top:160px;transition:all .5s;}
.main-quick-wrap .sitem .contactus-item-wrap a:hover{transform:rotate(180deg) scale(1.2);}

.main-quick-wrap .sitem .more-item-wrap{width:100%;height:264px;overflow:hidden;flex:1;background:#cde5a3;}
.main-quick-wrap .sitem .more-item-wrap.t01{background:#b4d875;}
.main-quick-wrap .sitem .more-item-wrap .sen{margin-top:35px;font-size:25px;color:#437364;width:100%;height:auto;text-align:center;overflow:hidden;}
.main-quick-wrap .sitem .more-item-wrap .sko{margin-top:15px;font-size:30px;color:#437364;font-weight:700;width:100%;height:auto;text-align:center;overflow:hidden;}
.main-quick-wrap .sitem .more-item-wrap .sdesc{margin-top:20px;font-size:16px;color:#437364;font-weight:700;line-height:1.3em;width:100%;height:auto;text-align:center;overflow:hidden;}
.main-quick-wrap .sitem .more-item-wrap a{transition:all .5s;width:125px;height:31px;border:1px solid #437364;background:#d7e9b8;text-align:center;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:16px;color:#437364;margin:25px auto 0 auto;}
.main-quick-wrap .sitem .more-item-wrap a:hover{background:#fff;}

@media screen and (max-width:1280px) {
    /*공통 헤더*/
    header{padding-top:0;margin:0;height:80px;}
    header .rela{height:80px;width:100%;border-bottom:0;}
    header:before{display:none;}
    header .rela .gnb-box{margin-left:0;opacity:0;transition:all .5s;background:#222;z-index:990;display:block;position:fixed;right:-300px;top:0;width:300px;height:100%;overflow:hidden;overflow-y:auto;left:auto;}
    header .rela h1{display:flex;justify-content:flex-start;align-items:center;height:60px;padding:0;margin-left:20px;}

    header .rela h1 a{display:flex;justify-content:flex-start;align-items:center;}
    header .rela h1 img{width:auto;height:40px;}

    header .side-cont{display:flex;position:absolute;right:5px;top:5px;}


    header .side-cont.on .btn-total-nav span{background:#fff}

    header .side-cont .btn-total-nav{background:transparent}
    header .side-cont .btn-total-nav span{background-color:#333;}
    header .side-cont .btn-total-nav.on span{background:#333;}
    header .rela .gnb-box.on{opacity:1;margin-top:0;right:0;}
    header .rela .gnb-list:before{content:"";width:133px;height:40px;background:url(../image/etc/etc-logo.png) no-repeat;background-size:133px 40px;display:block;position:absolute;top:25px;left:20px;}
    /*
    header .rela .gnb-box.on:before{content:"";width:60px;height:60px;background:#dee8f2;border-radius:50%;display:block;opacity:.4;position:absolute;top:60px;right:20px;}
    header .rela .gnb-box.on:after{content:"";width:16px;height:16px;background:#fff;border-radius:50%;display:block;opacity:.7;border:1px solid #ee3f23;position:absolute;top:110px;right:-5px;}
    */
    header .rela .gnb-box .gnb-list{width:100%;margin:90px 0 0 0;flex-direction: column;align-items: flex-start;}
    header .gnb-list>li>a span{font-size:22px;}
    header .gnb-list>li>a i{font-size:22px;}
    header .gnb-list>li>a{height:44px;}

    header .gnb-list{border-bottom:1px solid #3a7f6a;}
    header .gnb-list>li{width:100%;border-top:1px solid #3a7f6a;}

    .wrapper{flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden;position:absolute;left:0;top:0;height:100%;}
    header{display:flex;}
    .sub header .side-cont .btn-total-nav span{background-color:#333;}
    .topbar-wrap{display:none;}
    header .gnb-list>li>a{color:#fff;font-size:16px;}
    header .gnb-list>li>a{width:calc( 100% - 40px );margin:0 20px;}

    header .gnb-list>li>a{padding-left:0;}
    header .gnb-list>li>a.on{border-bottom:1px solid #fff !important;}
    header .gnb-list>li>a.on{}
    header .gnb-list>li:hover a:before{display:none;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a:hover{}
    header .rela .gnb-box.on:before{content:"";position:absolute;left:20px;top:30px;display:block;min-height:30px;opacity:1;width:108px;height:30px;overflow:Hidden;background:url(../image/etc/etc-flogo.png) no-repeat;background-size:108px 30px;}
    .container{overflow-y:auto;}
}
@media screen and (max-width:1280px) {
    header{z-index:555;}
    header .rela .header-item{height:80px;}
    header .rela h1{margin-left:20px;}
    header .rela h1 a{}
    header .rela h1 a img{}
    header .side-cont{right:20px;top:15px;}
    header .side-cont .btn-total-nav span{background-color:#fff;}
    header.up .rela h1{background:none;}
    header.up .side-cont .btn-total-nav span{background-color:#fff;}
    header.up .side-cont.on .btn-total-nav span{background-color:#fff;}
    header .side-cont.on .btn-total-nav span{background-color:#fff;}
    header .side-cont.on{right:20px;}
    header.up .rela{border-bottom:0;}
    header .rela .gnb-box{background:#04281e;}
    header .rela .gnb-box.on .gnb-list{}
    header .gnb-list>li>a{color:#fff;justify-content: flex-start;width:100%;padding:0;margin:0;}
    header .gnb-list>li:before{display:none;}
    header .rela .gnb-box .sub-menu-wrap{opacity:1;background:#f7f7f7;}
    header:after{display:none;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a{color:#1b2733}
    header .rela .gnb-box.on:before{display:none;}
    header .gnb-list>li>a{padding:0;}
    header.over .rela{border-bottom:0;}

    .wrapper{width:100%;position:static;height:auto;}

    .main-quick-wrap{width:100%;}
    .main-quick-wrap .sitem .contactus-item-wrap{}
    .main-quick-wrap .sitem .contactus-item-wrap .stit{width:calc( 100% - 20px );padding-left:20px;}
    .main-quick-wrap .sitem .contactus-item-wrap ul{width:calc( 100% - 20px );padding-left:20px;}
    .main-quick-wrap .sitem .contactus-item-wrap a{right:20px;}
    .main-quick-wrap .sitem .more-item-wrap .sdesc{width:calc( 100% - 40px );padding:0 20px;}
    .main-quick-wrap .sitem .more-item-wrap .sdesc br{display:none;}

}
@media screen and (max-width:768px) {
    header .side-cont{right:0px;top:5px;}
    header .side-cont.on{right:0px;}

    header{top:20px;height:60px;}
    header .rela{height:60px;}
    header .rela .header-item{height:60px;}
    .main-slide-wrap .main-cont{top:120px;}
    .main-slide-wrap .main-cont .mdesc{font-size:22px;}
    .main-slide-wrap .main-cont .mdesc span{font-size:16px;}
    .main-slide-wrap .main-cont .mdesc span strong{font-size:16px;}
    .main-slide-wrap .main-cont .mtit{font-size:16px;}
    .main-slide-wrap .mslide-prev{left:20px;width:40px;height:40px;display:none;}
    .main-slide-wrap .mslide-prev img{width:40px;height:40px;}
    .main-slide-wrap .mslide-next{right:20px;width:40px;height:40px;display:none;}
    .main-slide-wrap .mslide-next img{width:40px;height:40px;}
    .main-quick-wrap{margin:0 auto;display:block;}
    .main-quick-wrap .sitem .contactus-item-wrap{height:200px;background-color:#5f9887;background-size:auto 200px !important;}
    .main-quick-wrap .sitem .contactus-item-wrap .stit{font-size:20px;margin-top:30px;position:relative;background:#5f9887;width:100%;padding-left:0;padding-bottom:15px;}
    .main-quick-wrap .sitem .contactus-item-wrap .stit:before{content:"";width:250px;height:1px;overflow:hidden;background-image: linear-gradient(to right, #fff , rgba(255,255,255,0));position:absolute;left:0;bottom:0;}
    .main-quick-wrap .sitem .contactus-item-wrap ul li{width:calc( 100% - 34px );padding-left:34px;background-size:22px auto !important;margin-top:25px;font-size:20px;}
    .main-quick-wrap .sitem .contactus-item-wrap a{right:80px;top:50%;width:20px;height:20px;margin-top:10px;}
    .main-quick-wrap .sitem .contactus-item-wrap a img{width:20px;height:20px;}
    .main-slide-ctrl{bottom:30px;}
    .main-slide-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px;}
    .main-quick-wrap .sitem .more-item-wrap .sen{margin-top:20px;font-size:16px;}
    .main-quick-wrap .sitem .more-item-wrap .sko{font-size:20px;margin-top:10px;}
    .main-quick-wrap .sitem .more-item-wrap .sdesc{font-size:14px;height:auto;}
    .main-quick-wrap .sitem .more-item-wrap{height:auto;padding-bottom:20px;}
	.main-quick-wrap .sitem .contactus-item-wrap ul{width:calc( 100% - 80px );padding-left:80px;}
    footer{padding:20px;width:calc( 100% - 40px );}
    footer .flogo img{width:120px;}
    footer .info-list{margin-top:10px;}
    footer .info-list li{font-size:11px;line-height:1.5em;}
    footer .info-list li span{font-size:11px;}
    footer .info-list li span:before{font-size:11px;}
    footer .info-list li:last-child{margin-top:10px;}
    .main-slide-wrap .swiper-container .swiper-slide .slide-item{height:100vw !important;}

}
/*컨텐츠*/


@media screen and (max-width:768px) {

    header .gnb-list>li .sub-menu-wrap .sub-item .sub-tit{display:none;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul>li{width:100%;padding:5px 0;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul{padding:0;}
    header .rela .gnb-box .sub-menu-wrap{background:#fff;}
    header.ing .gnb-list>li.on>a{color:#ccc;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a{font-weight:500;}
    header .rela .gnb-box .gnb-list:hover .sub-menu-wrap{display:none;}
}

.sub-header-wrap{width:100%;height:432px;overflow:hidden;background-size:cover !important;background-position:center center !important;}
.sub-header-wrap .stit{margin-top:260px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:40px;color:#fff;font-weight:900;text-shadow: 1px 1px 1px #333;}
.sub-header-wrap .sdesc{margin-top:10px;width:100%;height:auto;overflow:hidden;text-align:center;font-family:'Arial';font-size:20px;color:#fff;text-shadow: 1px 1px 1px #333;}

.sub-nav-wrap{width:100%;height:auto;overflow:hidden;background:#9cc3b7;position:relative;}
.sub-nav-wrap:before{content:"";width:50%;height:100%;overflow:hidden;position:absolute;right:0;top:0;background:#b4d875;}
.sub-nav-wrap ul{display:flex;justify-content:center;align-items:center;position:relative;z-index:20;}
.sub-nav-wrap ul li{width:225px;height:45px;overflow:hidden;}
.sub-nav-wrap ul li a{width:100%;height:45px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#cde5a3;font-size:18px;color:#454545;}
.sub-nav-wrap ul li a.on{background:#fff;font-weight:900;}

.sub-title-wrap{width:100%;height:auto;overflow:hidden;padding:70px 0;}
.sub-title-wrap .stit{margin:0 auto;width:250px;height:auto;padding-bottom:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #3a876f;text-align:center;font-size:40px;color:#3a876f;font-weight:900;position:relative;}
.sub-title-wrap .sdesc{margin-top:15px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:24px;color:#515151;}

.greeting-page-wrap{width:calc( 100% - 40px );height:auto;overflow:hidden;padding:0 20px 140px 20px;}
.greeting-page-wrap .gtit{margin-top:0px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:24px;color:#3a876f;font-weight:900;}
.greeting-page-wrap ul{width:100%;height:auto;overflow:hidden;text-align:center;}
.greeting-page-wrap ul li{width:100%;height:auto;overflow:hidden;text-align:center;font-size:20px;color:#2d2d2d;line-height:1.7em;margin-top:30px;}
.greeting-page-wrap .gpic{margin-top:60px;width:100%;height:auto;overflow:hidden;text-align:center;}
.greeting-page-wrap .gpic img{margin-left:-43px;}
.greeting-page-wrap .gname{margin-top:10px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:24px;color:#1f1f1f;font-weight:900;}
.greeting-page-wrap .gname strong{font-size:24px;color:#004d19;font-weight:900;}

.history-item-wrap{width:calc( 100% - 40px );height:auto;overflow:hidden;padding:0 20px 140px 20px;}
.history-item-wrap ul{width:100%;height:auto;overflow:hidden;}
.history-item-wrap ul li{padding-top:80px;width:100%;height:auto;overflow:hidden;position:relative;}
.history-item-wrap ul li:first-child{padding-top:0;}
.history-item-wrap ul li:before{content:"";width:1px;height:54px;overflow:hidden;display:block;background:#9ccb48;position:absolute;left:50%;top:10px;}
.history-item-wrap ul li:after{content:"";width:9px;height:9px;overflow:hidden;border-radius:50%;display:block;background:#9ccb48;position:absolute;left:50%;top:64px;margin-left:-4px;}
.history-item-wrap ul li:first-child:before{display:none;}
.history-item-wrap ul li:first-child:after{display:none;}
.history-item-wrap ul li .date{width:100%;height:auto;overflow:hidden;text-align:center;font-size:24px;color:#3a876f;font-weight:900;}
.history-item-wrap ul li .desc{margin-top:5px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:20px;color:#2d2d2d;}

.team-item-wrap{width:calc( 100% - 40px );max-width:1300px;height:auto;overflow:hidden;margin:0 auto 140px auto;}
.team-item-wrap>ul{width:calc( 100% + 30px );margin-left:-15px;height:auto;overflow:hidden;}
.team-item-wrap>ul>li{width:calc( 100% / 3 - 32px );height:706px;border:1px solid #cdcdcd;float:left;margin:30px 15px 0 15px;border-radius:12px;}
.team-item-wrap>ul>li:nth-child(1){width:calc( 100% / 2 - 32px );height:1223px;}
.team-item-wrap>ul>li:nth-child(2){width:calc( 100% / 2 - 32px );height:1223px;}
.team-item-wrap ul li .team-header{width:calc( 100% - 80px );height:auto;overflow:hidden;padding-top:30px;padding-bottom:36px;margin:0 auto;border-bottom:1px solid #9cc3b7;}
.team-item-wrap ul li .team-header .upic{width:100%;height:auto;overflow:hidden;text-align:center;}
.team-item-wrap ul li .team-header .uname{margin-top:30px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:20px;color:#1f1f1f;font-weight:600;}
.team-item-wrap ul li .team-header .uname strong{padding-right:5px;font-size:30px;color:#1f1f1f;font-weight:900;}
.team-item-wrap ul li .team-header .umail{margin-top:8px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:20px;color:#3a876f;font-weight:600;}
.team-item-wrap ul li .team-cont{width:calc( 100% - 80px );height:auto;overflow:hidden;margin:0 auto;}
.team-item-wrap ul li .team-cont ul{background:url(../image/ico/ico-team01.png) no-repeat left 3px;width:calc( 100% - 40px );padding-left:40px;height:auto;overflow:hidden;margin-top:40px;}
.team-item-wrap ul li .team-cont ul.ico02{background:url(../image/ico/ico-team02.png) no-repeat left 3px;}
.team-item-wrap ul li .team-cont ul.ico03{background:url(../image/ico/ico-team03.png) no-repeat left 3px;}
.team-item-wrap ul li .team-cont ul li{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;}
.team-item-wrap ul li .team-cont ul li .key{width:66px;font-size:20px;color:#3a876f;font-weight:600;line-height:1.7em;}
.team-item-wrap ul li .team-cont ul li .value{width:100%;flex:1;height:auto;overflow:hidden;font-size:20px;color:#2d2d2d;line-height:1.7em;}

.work-item-wrap{width:calc( 100% - 40px );max-width:1300px;height:auto;overflow:hidden;margin:0 auto 140px auto;}
.work-item-wrap ul{width:100%;height:auto;overflow:hidden;}
.work-item-wrap ul li{width:calc( 100% - 2px );height:328px;overflow:hidden;border:1px solid #d0d0d0;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;}
.work-item-wrap ul li + li{margin-top:32px;}
.work-item-wrap ul li .spic{margin-left:25px;width:287px;height:auto;overflow:hidden;}
.work-item-wrap ul li .scont{width:100%;height:287px;overflow:hidden;flex:1;margin-left:35px;}
.work-item-wrap ul li .scont .mtit{width:100%;height:auto;overflow:hidden;font-size:24px;color:#3a876f;font-weight:600;}
.work-item-wrap ul li .scont .mtit strong{font-size:48px;color:#1f1f1f;font-weight:600;}
.work-item-wrap ul li .scont .mdesc{margin-top:10px;width:100%;height:auto;overflow:hidden;font-size:20px;color:#2d2d2d;line-height:1.5em;}

.location-page-wrap{width:calc( 100% - 40px );max-width:1300px;height:auto;overflow:hidden;margin:0 auto 140px auto;}
.location-page-wrap .map{width:calc( 100% - 2px );height:744px;overflow:hidden;border-radius:12px;border:1px solid #ccc;background:#eee;}
.location-page-wrap .addr{width:100%;height:auto;overflow:hidden;font-size:30px;color:#3a876f;font-weight:600;text-align:center;margin-top:80px;}
.location-page-wrap ul{width:100%;height:auto;overflow:hidden;margin-top:50px;}
.location-page-wrap ul li{width:100%;height:auto;overflow:hidden;}
.location-page-wrap ul li + li{margin-top:20px;}
.location-page-wrap ul li .key{width:94px;height:30px;overflow:hidden;border-radius:15px;margin:0 auto;display:flex;justify-content:center;align-items:center;background:#cde5a3;font-size:20px;color:#2d2d2d;}
.location-page-wrap ul li .value{margin-top:20px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:24px;color:#2d2d2d;font-weight:600;}
.location-page-wrap .gpic{margin-top:60px;width:100%;height:auto;overflow:hidden;text-align:center;}

@media screen and (max-width:1280px) {
    .team-item-wrap>ul>li{width:calc( 100% / 2 - 32px )}
    .work-item-wrap ul li{padding:20px 0;height:auto;align-items: flex-start;}
    .work-item-wrap ul li .scont{margin-right:20px;height:auto;}
}
@media screen and (max-width:1024px) {
    .team-item-wrap>ul>li{width:calc( 100% / 1 - 32px );height:auto;padding-bottom:20px;}
    .team-item-wrap>ul>li:nth-child(1){width:calc( 100% / 1 - 32px );height:auto;}
    .team-item-wrap>ul>li:nth-child(2){width:calc( 100% / 1 - 32px );height:auto;}
}
.team-item-wrap ul li .team-cont button{display:none;}
@media screen and (max-width:768px) {
    .sub-header-wrap{height:320px;background-size:auto 320px !important;}
    .sub-header-wrap .stit{margin-top:170px;font-size:30px;}
    .sub-header-wrap .sdesc{font-size:20px;}
    .sub-nav-wrap ul li{width:140px;height:36px;}
    .sub-nav-wrap ul li a{height:36px;font-size:15px;}
    .sub-title-wrap{padding:40px 0;}
    .sub-title-wrap .stit{font-size:25px;}
    .sub-title-wrap .sdesc{font-size:18px;}
    .greeting-page-wrap .gtit{font-size:16px;line-height: 1.7em;}
    .greeting-page-wrap ul li{font-size:16px;}
    .greeting-page-wrap ul li br{display:none;}
    .greeting-page-wrap .gpic{margin-top:40px;}
    .greeting-page-wrap .gpic img{width:120px;margin-left:-6px;}
    .greeting-page-wrap .gname{font-size:16px;}
    .greeting-page-wrap .gname strong{font-size:16px;}
    .history-item-wrap ul li .date{font-size:18px;}
    .history-item-wrap ul li .desc{font-size:15px;}
    .team-item-wrap ul li .team-header .uname{font-size:16px;margin-top:20px;}
    .team-item-wrap ul li .team-header .uname strong{font-size:20px;}
    .team-item-wrap ul li .team-header .umail{font-size:16px;}
    .team-item-wrap ul li .team-header{padding-top:20px;padding-bottom:20px;width:calc( 100% - 40px );}
    .team-item-wrap ul li .team-cont{width:calc( 100% - 40px );}
    .team-item-wrap ul li .team-cont ul li .key{font-size:16px;}
    .team-item-wrap ul li .team-cont ul li .value{font-size:16px;}
    .team-item-wrap ul li .team-cont ul{margin-top:20px;width:calc( 100% - 30px );padding-left:30px;display:none;}
    .team-item-wrap ul li .team-cont.on ul{display:block;}
    .team-item-wrap ul li .team-cont button{padding:0;display:flex;width:45px;height:45px;margin:10px auto 0 auto;border:0;background:transparent;transform:rotate(0deg);}
    .team-item-wrap ul li .team-cont.on button{transform:rotate(180deg);}
    .work-item-wrap ul li{display:block;}
    .work-item-wrap ul li .spic{margin:0 auto;width:200px;}
    .work-item-wrap ul li .spic img{width:100%;}
    .work-item-wrap ul li .scont{width:calc( 100% - 40px );margin:20px auto 0 auto;}
    .work-item-wrap ul li .scont .mtit{font-size:16px;text-align:center;}
    .work-item-wrap ul li .scont .mtit strong{font-size:24px;}
    .work-item-wrap ul li .scont .mdesc{font-size:16px;}

    .location-page-wrap .map{height:70vw;}
    .location-page-wrap .addr{margin-top:40px;font-size:20px;line-height:1.5em;}
    .location-page-wrap ul{margin-top:20px;}
    .location-page-wrap ul li .key{font-size:16px;}
    .location-page-wrap ul li .value{font-size:16px;line-height:1.5em;}
    .location-page-wrap .gpic{margin-top:40px;}
    .location-page-wrap .gpic img{width:120px;}
}