/*헤더*/
body {padding-top: 130px;}
header{height: 84px; border-bottom: 1px solid #ececec; background: #f9f8f6; position: absolute; width: 100%; top: 0; z-index: 9999;}
header .on { position:fixed; width:100%; height:84px;  border-bottom: 1px solid #ececec; background: #f9f8f6; }
header ul {height: 100%; display: flex; justify-content: center; align-content: center;}
header ul li{float: left; font-size: 20px; margin-right: 0; height: 100%; display: table-cell; padding: 0 5%;}
header ul li.select a {color: #07a31f;}


header ul li:last-child {margin-right: 0;}
header ul li a {height: 100%; color: #000; font-family: 'Montserrat'; font-weight: 800; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%;}
header ul li a:hover {color: #07a31f;}

/* ------------- 상단 디자인 ------------- */
/*#header_warp {}
#header_warp.fix {margin-top: 94px;}
#header{
position:absolute;
  width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    border-bottom: 1px solid #ddd;
	height:94px;
	}
/*#header.fix{position: relative;
    width: 100%;
    top: 0;
	z-index: 999;
    background:#fff;
    border-bottom: 1px solid #ddd;
    height: 94px;
	}

#header ul {height: 100%; display: flex; justify-content: center; align-content: center;}
#header ul li{float: left; font-size: 20px; margin-right: 0; height: 100%; display: table-cell; padding: 0 5%;}
#header ul li.select a {color: #07a31f;}


#header ul li:last-child {margin-right: 0;}
#header ul li a {height: 100%; color: #000; font-family: 'Montserrat'; font-weight: 800; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%;}
#header ul li a:hover {color: #07a31f;}*/




@media only screen and (max-width: 787px) {
    body {padding-top: 85px;}
    header{height: 85px; border-bottom: 1px solid #ececec; background: #f9f8f6; position: fixed; width: 100%; top: 0; z-index: 9999;}
    header .wrap {height: 100%;}
    header ul {height: 100%; display: flex; justify-content: center; align-content: center;}
    header ul li{float: left; font-size: 15px; margin-right: 0; height: 100%; display: table-cell; padding: 0 5%;}
    header ul li.select a {color: #07a31f;}
    
    
    header ul li:last-child {margin-right: 0;}
    header ul li a {height: 100%; color: #000; font-family: 'Montserrat'; font-weight: 800; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%;}
    header ul li a:hover {color: #07a31f;}
    
}


@media only screen and (max-width: 372px) {
    header .wrap {padding: 0 10px; text-align: center;}
    header ul {height: 100%;}
    header ul li{float: left; font-size: 12px; margin-right: 0; height: 100%; display: inline-block; padding: 0 2%;}
    header ul li.select a {color: #07a31f;}
    
    
    header ul li:last-child {margin-right: 0;}
    header ul li a {height: 100%; color: #000; font-family: 'Montserrat'; font-weight: 800; height: 100%; display: flex; justify-content: center; align-items: center; width: 100%;}
    header ul li a:hover {color: #07a31f;}
    
}



/*푸터*/
#ft_top {background: #ebebeb;  padding: 55px 0; }
#ft_top .firul {display: flex;}
#ft_top .firul > li {display: inline-flex; flex-direction: column; margin-right: 30px}
#ft_top .firul > li:last-child {margin-right: 0;}
#ft_top .firul > li:nth-of-type(1) img {width: 100%; max-width: 270px;}
#ft_top .firul > li:nth-of-type(2) {width: 30%;}
#ft_top .firul > li h2 {margin-bottom: 20px; font-size: 24px; color: #07a31f; font-family: 'Montserrat'; font-weight: 700;}
#ft_top .firul > li p {line-height: 2; font-size: 16px;}
#ft_top .firul .secul > li {float: left; margin-right: 20px;}
#ft_top .firul .secul > li:last-child {margin: 0;}
#ft_bottom {padding: 15px 0 50px; background:#3a3a3a; }
#ft_bottom p {text-align: center; color: #fff; font-size: 13px; opacity: 0.7;}

@media only screen and (max-width: 1045px) {
    
    #ft_top .firul > li {margin-right: 20px}
    #ft_top .firul > li h2 {margin-bottom: 18px; font-size: 20px; white-space: nowrap;}
    #ft_top .firul > li p {line-height: 2; font-size: 14px;}
    #ft_top .firul .secul > li {float: left; margin-right: 10px;}
    #ft_top .firul .secul > li:last-child {margin: 0;}
    
    
}

@media only screen and (max-width: 938px) {
    
    #ft_top .firul > li {margin-right: 20px}
    #ft_top .firul > li h2 {margin-bottom: 15px; font-size: 20px; }
    #ft_top .firul > li p {font-size: 12px;}
    #ft_top .firul .secul > li {float: left; margin-right: 10px;}
    #ft_top .firul .secul > li:last-child {margin: 0;}
    
    
}

@media only screen and (max-width: 899px) {
    #ft_top {background: #ebebeb;  padding: 55px 0 22px; }
    #ft_top .firul > li {margin-right: 10px}
    #ft_top .firul > li h2 {margin-bottom: 15px; font-size: 20px; }
    #ft_top .firul > li p {font-size: 10px;}
    
    
}



@media only screen and (max-width: 787px) {
    
    #ft_bottom {padding: 15px 0;}
    #ft_top {padding: 25px 0;}
    #ft_top .mobileul {text-align: center;}
    #ft_top .mobileul > li {display: inline-block; width: calc(50% - 50px); margin-right: 50px; margin-bottom: 20px; vertical-align: top; word-break: keep-all; text-align: left;}
    #ft_top .mobileul > li > h2 { margin-bottom: 10px; color: #038d42;}
    #ft_top .mobileul > li > p {font-size: 11px; line-height: 1.5; letter-spacing: -1px;}
    #ft_top .mobileul > li:nth-of-type(2) h2 {color: #333;}
    #ft_top .mobileul > li:nth-of-type(n+3) {margin-bottom: 0;}
    #ft_top .mobileul > li img {width: 100%;}
    #ft_top .mobileul > li:nth-of-type(2n){margin-right: 0;}
    #ft_top .mobileul > li .secul li {float: left; margin-right: 10px;}
    #ft_top .mobileul > li .secul li:last-child {margin-right: 0;}
    #ft_top .mobileul > li .secul li img {width: 22px;}
    
    
    
}


@media only screen and (max-width: 405px) {
    
    #ft_top .mobileul > li { width: calc(50% - 20px); margin-right: 20px;}
    #ft_top .mobileul > li > p {font-size: 9px; line-height: 1.2;}
    #ft_top .mobileul > li .secul li img {width: 22px;}
    #ft_top .mobileul > li > h2 {font-size: 15px;}
    #ft_bottom p {text-align: center; color: #fff; font-size: 10px; opacity: 0.7;}
    
    
    
}