@charset "utf-8";

/*새창아이콘*/
.h_win_icon{ background:url("../images/common/blank01.gif") right center no-repeat; padding-right:15px;}



/* 로고와 대메뉴 */
#header{ height:90px; position:relative; border-bottom:2px solid #000;}
#header h1{ float:left; margin-top:-10px; margin-left:1%;}
#header h1 a{}





/* 메인메뉴모바일버튼 */
#gnavi_btn{ display:none; z-index:9999999; position:absolute; right:3%; top:10px;}
#gnavi_btn a{ width:100%; height:100%;}

/* 통합검색모바일버튼 */
#gsearch_btn{ display:none; z-index:9999999; position:absolute; right:3%; top:0;}
#gsearch_btn a{ width:100%; height:100%;}



/* gnb_top */
.gnb_top{ width:100%; padding:5px 0; text-align:right;}

.gnb_top > ul > li{text-align:center; font-size:14px; margin:0 1px; display:inline-block; width:auto;}
.gnb_top > ul > li > span{ color:#03C; font-weight:600;}
.gnb_top > ul > li > a{ padding:3px 10px; background:#485061; color:#fff; font-size:13px;}
.gnb_top > ul > li > a.system{ background:#70a800;}









/*
 * 메뉴레이아웃
 *     #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:9999999;}


#gnavi .gnavi > .ly_center {width:100%;}
#gnavibg{ margin:0; padding:0; position:absolute; left:0; top:82px; width:100%; display:none;}
#gnavibg{ background:#f4f4f4; border-top:3px solid #032bbf; border-bottom:1px solid #000000;}


/*#gnavibox{ width:85%; float:right; text-align:right;}*/
/*#gnavi .gnavi{ width:16%; position:relative; display:inline-block;} */
/*#gnavi .gnavi > a{ font-size:18px; display:block; text-align:center; padding-top:10px; font-weight:600; height:45px; letter-spacing:-1px;}*/

#gnavibox{ width:85%; text-align:center;}
#gnavi .gnavi{position:relative; display:inline-block; padding:5px 15px 0px 15px;} 
#gnavi .gnavi > a{ font-size:17px; color:#58585a; display:block; text-align:center; padding-top:8px; font-weight:600; height:45px; letter-spacing:-1px;}


#gnavi .gnavi > a:hover{ color:#000; border-top:3px solid #70a800; padding-top:5px;}
#gnavi .gnavi.on > a{ color:#000; border-top:3px solid #70a800; padding-top:5px;}
#gnavi .gnavi.on > a:hover{ color:#000; border-top:3px solid #70a800; padding-top:5px;}


#gnavi .gnavi > div{ margin-left:0%; width:100%; position:absolute; left:0; display:none; top:42px; }
#gnavi .gnavi > div > ul{ background:#70a800; box-shadow:1px 1px 4px #7c4e1f; display:block; float:left; width:100%; padding:0; margin-top:15px; display:none;}



#gnavi .mnavi:first-child{ border-top:0;}
#gnavi .mnavi{ text-align:left; float:left; overflow:hidden;margin:0; width:100%; border-top:1px solid #e7666b; }


#gnavi .mnavi > a{ font-size:16px; float:left; font-weight:400;background: url("../images/common/menu_icon01.png") left 17px no-repeat;color:#fff; padding:10px 0 10px 15px; margin:0 7%; width:80%;}
#gnavi .mnavi > a:hover{ color:#fff600;}
#gnavi .mnavi.on > a{ color:#fff600;}
#gnavi .mnavi.on > a:hover{ color:#fff600;}




#gnavi .mnavi > ul{width:100%; display:none; background:#b01d22; padding-bottom:5px;}
#gnavi .snavi{}

#gnavi .snavi > a{ color:#e4d7d7; float:left; font-size:14px; font-weight:400; padding:2px 0 2px 8px; background:url("../images/common/dot01.png") left 8px no-repeat; margin:0 10%; width:75%;}
#gnavi .snavi > a:hover{ color:#fff600;}
#gnavi .snavi.on > a{ color:#fff600;}
#gnavi .snavi.on > a:hover{ color:#fff600;}






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

/* 로고와 대메뉴 */
#header h1 {width:100%;margin-top:-10px;}


#gnavi_btn{ display:block;}


#gnavi .gnavi > .ly_center {width:100%;  background: none;}

/*메뉴수정*/ #gnavi{display:none; padding-top:55px; width:100%; position:absolute; }
#gnavibox{ width:100%; float:left;  border-top:2px solid #000;}
#gnavi ul{background:#0045d7; box-shadow:1px 2px 1px #212121;}


#gnavi .gnavi{ width:100%; position:static; padding:0px;}

#gnavi .gnavi > a{font-size:16px; width:95%; height:auto; padding:15px 0 15px 5%; color:#fff; text-align:left; border-top:1px solid #1d3db3; background: url("../images/common/submenu_icon01_on.png") 95% center no-repeat;letter-spacing: normal; }
#gnavi .gnavi > a:hover{ color:#00fbff; background:url("../images/common/submenu_icon03.png") 95% center no-repeat;}
#gnavi .gnavi > a.on{color:#fff; background:#8ac500 url("../images/common/submenu_icon01_on.png") 95% center no-repeat;}


#gnavi .gnavi.on > a{ color:#fff;}
#gnavi .gnavi.on > a:hover{ color:#fff;}

#gnavi .gnavi > div{ width:100% !important; position:relative; background:#fff; top:0; left:0%; height:auto; padding-bottom:0px; margin-left:0;}
#gnavi .gnavi.on > div{ display:block;}

/*메뉴수정*/ #gnavi .gnavi > div > ul{padding:10px; width:auto; float:none; margin:0;background:#fff; margin-top:0; margin-left:0; box-shadow:none; display:block;}


#gnavi .mnavi{ display:block; float:none; width:90%;  margin:0 5%; position:relative;line-height: normal;border-top:0; border-top:1px solid #dedede;}
#gnavi .mnavi:first-child{ border-top:0;}

#gnavi .mnavi > a{ float:none; display:list-item; font-weight:normal; padding:10px 5px 10px 18px; margin:0;background: url("../images/common/title02_06.gif") left 17px no-repeat;color:#000}
#gnavi .mnavi > a:hover{ color:#3c9700;}
#gnavi .mnavi.on > a{ color:#3c9700;}
#gnavi .mnavi.on > a:hover{ color:#3c9700;}


#gnavi .mnavi > ul{width:100%; display:none; background:#f3f3f3; padding:10px 0; box-shadow:none; display:table;}
#gnavi .snavi{}

#gnavi .snavi > a{ display:list-item; color:#000; padding:2px 5px 2px 10px; font-weight:normal; line-height:1.4em; background:url("../images/common/title02_05.gif") left 9px no-repeat; margin:0 5%; width:90%;}
#gnavi .snavi > a:hover{ color:#3c9700;}
#gnavi .snavi.on > a{ color:#3c9700;}
#gnavi .snavi.on > a:hover{ color:#3c9700;}



}








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


}







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

.gnb_top > ul > li{font-size:13px; margin:0;}
.gnb_top > ul > li > a{ padding:2px 5px;font-size:12px;}


}



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




}