@charset "UTF-8";

/* 메인페이지 헤더 */
#main-header {
   width: 100%;
   position: fixed;
   margin: 0 auto;
   height: 100px;
   z-index: 4;
   background-color: #fff;
   border-bottom: 1px solid #ddd;
}

/* 서브페이지 헤더 */
#header {
   width: 100%;
   margin: 0 auto;
   height: 100px;
   z-index: 4;
   position: relative;
   background-color: #fff;
}

.logo {
   position: absolute;
   top: 29px;
   left: 0;
}

.gnb_wrap {
   position: absolute;
   /* top: 42px; */
   right: 250px;
}

.gnb{
   display: -ms-flex;
   display: flex;
}

.gnb>li {
   position: relative;
}

.gnb>li.over>a::before {
   content: "";
   width: 100%;
   height: 3px;
   background-color: #009e3e;
   position: absolute;
   bottom: -1px;
   left: 0;
}

.gnb>li.over>a::after {
   content: "";
   position: absolute;
   display: inline-block;
   width: 0;
   height: 0;
   bottom: 1px;
   left: 50%;
   margin-left: -5px;
   border-style: solid;
   border-width: 5px;
   border-color: transparent transparent #009e3e transparent;
}

.gnb>li>a {
   display: block;
   text-align: center;
   font-size: 18px;
   line-height: 18px;
   position: relative;
   height: 100px;
   line-height: 100px;
   position: relative;
   width: 115px;
   text-align: center;
}

.gnb>li>a:hover, .gnb>.active>a {
   color: #009e3e;
}

.gsnb {
   position: absolute;
   top: 100px;
   width: 100%;
   background-color: #fff;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   z-index: 1;
   display: none;
}

.gsnb .circle {
   position: absolute;
   bottom: 0px;
   right: -100px;
}

.gsnb .inner {
   display: flex;
   padding: 50px 0 50px;
}

.gsnb_depth1 {
   width: 515px;
   padding: 25px 0 10px 230px;
   box-sizing: border-box;
   background-repeat: no-repeat;
   background-position: 90px;
   border-right: 1px solid #ddd;
}

.gsnb_depth1 .depth1__tit {
   font-size: 28px;
   color: #009c3d;
   display: inline-block;
}

.gsnb_depth1 .depth1__sub {
   font-size: 17px;
   color: #666;
   margin-top: 15px;
}

.gsnb_depth2 {
   flex: 1;
   padding: 25px 0 10px 60px;
   box-sizing: border-box;
}

.gsnb_depth2 .depth2__list {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   height: 135px;
}

.gsnb_depth2 .depth2__list li {
   margin-bottom: 12px;
   width: 250px;
   background-image: url(/image/common/gsnb_arrow01.png);
   background-repeat: no-repeat;
   background-position: 94%;
   transition: all ease .3s;
   word-break: keep-all;
}


/* .gsnb_depth2 .menu01 li:nth-child(3){
   width: 300px;
} */

.gsnb_depth2 .depth2__list li:hover {
   background-image: url(/image/common/gsnb_arrow02.png);
}

.gsnb_depth2 .depth2__list li:nth-child(3n) {
   margin-bottom: 0;
}

.gsnb_depth2 .depth2__list li a {
   font-size: 17px;
   color: #777;
   display: inline-block;
}

.gsnb_depth2 .depth2__list li a:hover {
   font-size: 17px;
   color: #009c3d;
}

.gsnb-mask {
   position: fixed;
   width: 100%;
   height: 100vh;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 2;
   display: none;
}

.dona {
   border: 1px solid #ddd;
   border-radius: 3px;
   padding: 10px 45px 10px 20px;
   position: absolute;
   right: 0;
   top: 28px;
   font-size: 15px;
   color: #777;
   background-image: url(/image/common/right-arrow.png);
   background-repeat: no-repeat;
   background-position: 85%;
   transition: all ease .3s;
}

.dona:hover {
   border: 1px solid #009c3d;
   color: #009c3d;
}

.sitemap-btn {
   width: 38px;
   height: 38px;
   background-color: #64B544;
   border-radius: 19px;
   position: absolute;
   top: 31px;
   right: 180px;
   cursor: pointer;
}

.sitemap-btn .bar-wrap {
   width: 18px;
   height: 12px;
   overflow: hidden;
   position: absolute;
   top: 14px;
   left: 50%;
   margin-left: -9px;
}

.sitemap-btn .bar-wrap .sitemap-btn__bar01 {
   width: 18px;
   height: 2px;
   background-color: #fff;
}

.sitemap-btn .bar-wrap .sitemap-btn__bar02 {
   width: 18px;
   height: 2px;
   background-color: #fff;
   margin-top: 3px;
   transition: all ease .3s;
}

.sitemap-btn .bar-wrap .sitemap-btn__bar03 {
   width: 18px;
   height: 2px;
   background-color: #fff;
   margin-top: 3px;
   transition: all ease .3s;
}

/* skip */
#top_skip {
   display: block;
   background: #fff;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 99999999;
}

#top_skip a {
   position: relative;
   display: block;
   width: 120px;
   line-height: 35px;
   text-align: center;
   background: #333;
   color: #fff;
   font-size: 12px;
   height: 0;
   overflow: hidden;
}

#top_skip a:focus {
   height: 35px;
   border: 2px solid #005983;
}

/* 푸터 */
#footer {
   background-color: #3d3c3c;
   padding-bottom: 90px;
}

#footer .footer__top {
   display: flex;
   justify-content: space-between;
}

#footer .footer__top .top__left {
   display: flex;
   align-items: center;
}

#footer .footer__top .top__left .left__color {
   color: #97ce80;
}

#footer .footer__top .top__left>li {
   margin-right: 40px;
   position: relative;
}

#footer .footer__top .top__left>li>a {
   color: #b0b0b0;
}

#footer .footer__top .top__left>li::before {
   content: "";
   width: 1px;
   height: 12px;
   background-color: #515050;
   position: absolute;
   right: -22px;
   top: 8px;
}

#footer .footer__top .top__left>li.last::before {
   display: none;
}

#footer .footer__top .top__right {
   display: flex;
   align-items: center;
}

#footer .footer__top .top__right .right__tit {
   color: #fff;
   border: 1px solid #777;
   border-radius: 30px;
   padding: 3px 12px;
   margin-right: 12px;
}

#footer .footer__top .top__right .right__color {
   color: #fab0a9;
   font-family: 'Montserrat', sans-serif;
   font-size: 23px;
   font-weight: 600;
   margin-right: 12px;
   padding-right: 13px;
   position: relative;
}

#footer .footer__top .top__right .right__color::before{
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 1px;
  height: 25px;
  background-color: rgba(256, 256, 256, .2);
}

#footer .footer__top .top__right .right__namdong {
  margin-right: 25px;
}

#footer .footer__top .top__right .right__namdong a{
  display: block;
}

#footer .footer__top .top__right .right__namdong img{
  display: block;
}

#footer .footer__top .top__right .right__menu {
   position: relative;
}

#footer .footer__top .top__right .right__menu .menu__tit {
   background-color: #89c072;
   color: #fff;
   height: 55px;
   line-height: 55px;
   padding: 0 100px 0 18px;
   cursor: pointer;
   background-image: url(/image/common/footer-more.png);
   background-repeat: no-repeat;
   background-position: 90%;
}

#footer .footer__top .top__right .right__menu .menu__nav {
   position: absolute;
   bottom: 55px;
   background-color: #fff;
   width: 100%;
   padding: 15px 12px;
   box-sizing: border-box;
   border: 1px solid #89c072;
   font-size: 14px;
   display: none;
   opacity: 0;
}

#footer .footer__top .top__right .right__menu .menu__nav>li {
   line-height: 1.4rem;
   margin-bottom: 7px;
}

#footer .footer__top .top__right .right__menu .menu__nav>li>a {
   color: #777;
}

#footer .footer__top .top__right .right__menu .menu__nav>li>a:hover {
   color: #89c072;
}

#footer .footer__info {
   border-top: 1px solid #515050;
   padding-top: 25px;
}

#footer .footer__info .inner {
   display: flex;
}

#footer .footer__info .footer__logo {
   width: 240px;
}

#footer .footer__info .info__contact {
   color: #dfdfdf;
}

#footer .footer__info .info__contact>div {
   display: inline-block;
   font-size: 15px;
   margin-right: 12px;
   position: relative;
}

#footer .footer__info .info__contact>div::before {
   content: "";
   width: 1px;
   height: 12px;
   background-color: #515050;
   position: absolute;
   right: -9px;
   top: 8px;
}

#footer .footer__info .info__contact>div.last::before {
   display: none;
}

#footer .footer__info .info__contact .footer__copy {
   color: #a0a0a0;
   margin-top: 2px;
}

/* $푸터 */
/* 퀵메뉴 */
.quickmenu {
   position: fixed;
   width: 100px;
   right: 0;
   top: 175px;
   text-align: center;
   z-index: 1;
}

.quickmenu .quickmenu__menu {
   font-size: 14px;
   background-color: #fff;
   padding: 20px 0;
   border: 1px solid #ddd;
   margin-top: -1px;
   cursor: pointer;
   font-weight: 500;
}

.quickmenu .quickmenu__menu p {
   margin-top: 2px;
   color: #666;
}

.quickmenu .quickmenu__menu:hover p {
   color: #009c3d;
}

.quickmenu .quickmenu__menu.quickmenu__location {
   background: #009c3d;
   border: none;
   transition: all ease .5s;
   position: relative;
   z-index: 0;
}

.quickmenu .quickmenu__menu.quickmenu__location p {
   color: #fff;
}

.quickmenu .quickmenu__menu.quickmenu__location::before {
   content: "";
   width: 100%;
   height: 100%;
   background: linear-gradient(45deg, #b2db7b, #1ea647);
   position: absolute;
   top: 0;
   left: 0;
   z-index: -2;
   transition: all ease .5s;
   opacity: 0;
}

.quickmenu .quickmenu__menu.quickmenu__location:hover::before {
   opacity: 1;
}

.quickmenu .quickmenu__top-btn {
   margin-top: 25px;
   cursor: pointer;
}

/* $퀵메뉴 */