@media  (min-width: 768px) and (max-width:1400px){
.gnb {
    position: absolute;	width:100%;
    margin: 0px auto;
	 margin-right:auto;margin-left:auto;z-index:2; display:inline-block; 
}
}
@media (min-width:768px){
.gnb {
    position: absolute;	
	width:1500px;
    margin: 0px auto;
	 margin-right:auto;margin-left:auto;z-index:2;  display:inline-block; 
}
/******
.gnb li:hover {
    background-image: linear-gradient(45deg, #03C75A, #03C75A); color:#fff; border-right:0px solid #03C75A; transition: 0.3s ease-out; border-bottom:1px solid  #03C75A;
}

.gnb li.active {
    cursor: pointer;
     background-image: linear-gradient(45deg, #03C75A, #03C75A); color:#fff; border-right:0px solid #03C75A; border-bottom:1px solid  #03C75A;
}***/


.gnb li:hover {
     transition:0.5s ease;
	color:#8DC63E; border-left:0px solid #8DC63E; border-bottom:1px solid  #8DC63E;border-right:1px solid  #8DC63E; 
		background: #FFFFFF;box-shadow:0px 3px 0px rgba(0,0,0,0.05);
		font-size:1.3rem;
}



.gnb li.active {
    cursor: pointer;
     color:#8DC63E; border-left:0px solid #8DC63E; border-bottom:1px solid  #8DC63E; border-right:1px solid  #8DC63E;
	 transition:0.5s ease;background: #FFFFFF;box-shadow:0px 3px 0px rgba(0,0,0,0.05);
}


.gnb h1 {
    display: none;
}
.gnb ul {
    width: 100%;
    display: flex;
    align-items: center;
}

.gnb li {
    display: table-cell; border-right:0px solid   #E1E1E1;  border-bottom:1px solid   #E1E1E1;
}

.gnb li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    height:60px;
	font-size : 1.2rem;
	font-weight:600;
    background: #FFFFFF;
    color: #585858;
    text-align: center;
	border-bottom:1px solid  #EAEAEA; border-right:1px solid  #EAEAEA;
    text-decoration: none;
	cursor: pointer;
	transition:0.5s ease;
	font-family: 'S-CoreDream';
}

}

/* Media Query */
@media screen and (max-width: 768px) {
    .gnb {
        width:100%;
        margin: 0px auto;
    }
    .gnb h1 {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        width: 100%;
        height: 68px;
        color: #fff;
		cursor:pointer;
        font-size: 1.5rem;
        background: #03C75A;
    }

    .gnb h1 span {
        position: absolute;
        right: 10px;
        top: 24px;
    }
    .material-symbols-outlined.icon1 {
        display: inline;
    }
    .material-symbols-outlined.icon2 {
        display: none;
    }
    .gnb ul {
        flex-direction: column;
    }
    .gnb li {
        display: none;
        width: 100%;
        font-size: 16px;
		padding:10px;
        border-left: none;
		border-bottom:1px solid  #f3f3f3;
		border-left:1px solid  #f3f3f3;
		border-right:1px solid  #f3f3f3;
    }

.gnb li:hover {
    background-color:#505050; color:#fff; border-left:1px solid  #505050; border-right:1px solid #505050; transition: 0.3s ease-out; border-bottom:1px solid  #505050;
}

.gnb li.active {
    cursor: pointer;
    background-color:#505050; color:#fff; border-left:1px solid  #505050;  border-right:1px solid #505050; border-bottom:1px solid  #505050;
}

.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
    }
}


ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}