@charset "utf-8";

/* 로고와 대메뉴 */
header{ height:100px; position:relative;border-bottom:1px solid #eee; box-sizing: border-box;}
header h1{ position:absolute; top:16px;z-index:9999;}
header h1 a{}





/* 메인메뉴모바일버튼 */
#gnavi_btn{ display:none; z-index:9999; position:absolute; top:20px;}
#gnavi_btn a{display: inline-block; width: 60px; height: 60px; background: #df3b42; text-align: center; line-height: 60px;}


/* gnb_top */
.all_menu{position:absolute; top:20px; right:70px; display:inline-block; font-size:0px;z-index:9999;}
.all_menu a{display: inline-block; width: 60px; height: 60px; background: #df3b42; text-align: center; line-height: 60px;}

.lang_eng{position:absolute; top:20px; right:0; display:inline-block; font-size:16px;z-index:9999;}
.lang_eng a{display: inline-block; width: 60px; height: 60px; background: #37a173; color: #fff; text-align: center; line-height: 60px;}










/*
 * 메뉴레이아웃
 *     #gnavi                  메뉴가이드
 *     #gnavibg                서브메뉴배경
 *     #gnavibox               메뉴
 *     .gnavi > a              일차메뉴
 *     .gnavi > div            각서브메뉴박스배경
 *     .gnavi > div > p        일차메뉴타이틀
 *     .gnavi > div > ul       각서브메뉴리스트
 *     .mnavi                  각이차서브메뉴리스트
 *     .mnavi > a              각이차서브메뉴명
 *     .mnavi > ul             각삼차서브메뉴리스트
 *     .snavi                  각삼차서브메뉴리스트
 *     .snavi > a              각삼차서브메뉴명
 */
#gnavi{ position:relative; z-index:999;}


#gnavibox{text-align: right;}

#gnavi *{ box-sizing: border-box;}
#gnavibox ul{margin-right: 10%;}
#gnavibox li{display: inline-block;}
#gnavi .gnavi{position:relative; margin:35px 0 0 80px;}

#gnavi .gnavi > a{position:relative; display:block; text-align:center;font-size:22px; font-weight:500; height:65px;color:#111;}
#gnavi .gnavi > a:hover,#gnavi .gnavi > a.active,#gnavi .gnavi.on > a{color:#5f8b00;}






@media all and (max-width: 1420px) {

/* 로고와 대메뉴 */
header{ height:100px;}
header h1 {margin-left:3%;}

/* gnb_top */

.lang_eng{right:3%;}
#gnavi_btn{ display:block; right:calc(3% + 70px);}

#gnavibg{ display:none;}
#gnavi{ display:none; margin-top:100px;  position:absolute; width:100%;}


#gnavibox > ul{background: #fff;box-shadow:0px 2px 3px #707070;margin-right: 0; }
#gnavi .gnavi{width:100%;margin:0; border-bottom: 1px solid #eee;}

#gnavi .gnavi > a{ width:100%; height:auto; padding:20px 0 20px 10%; color:#000; text-align:left; font-size:20px;}
#gnavi .gnavi > a:hover,#gnavi .gnavi > a.active{ color:#fff; background:#5f8b00; }

}





@media all and (max-width: 480px) {

header{ height:90px;}
header h1{top:14px;}
header h1 img{ width: 190px;}
	
/* 메인메뉴모바일버튼 */
#gnavi_btn{ top:20px;right:calc(3% + 55px);}
#gnavi_btn a{width: 50px; height: 50px; line-height: 50px;}
	
.lang_eng{top:20px; }
.lang_eng a{width: 50px; height: 50px; line-height: 50px;}
	
#gnavi{ margin-top:90px;}
}