@charset "utf-8";

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



/* 로고와 대메뉴 */
#header{ height:125px; position:relative;}
#header h1{ float:left; margin-top:20px;}
#header h1 a{}





/* 메인메뉴모바일버튼 */
#gnavi_btn{ display:none; z-index:9999999; position:absolute; right:3%; top:20px;}
#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:6px 0 8px 0; text-align:right; background:#191d69;}
.gnb_top span{ color:#FF0; font-size:14px; color:#fff; margin-right:10px; display:inline-block;width:auto;}
.gnb_top span b{color:#FF0;}
.gnb_top ul{ display:inline-block;}
.gnb_top ul li{text-align:center; font-size:14px; color:#fff; margin:0 10px; display:inline-block; width:auto;}
.gnb_top ul li a{color:#fff;}
.gnb_top ul li a.system{ background:#dc242b;}
.gnb_top .adm a{ background:#3fa108; color:#fff; font-size:13px; font-weight:400; padding:3px 8px 4px 8px; border-radius:4px;}









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

#gnavibg{ margin:0; padding:0; position:absolute; left:0; top:94px; width:100%; display:none;}
#gnavibg{ border-top:2px solid #032bbf; border-bottom:1px solid #000000; background:#edf0f4 url('../images/inc/bg01.png');}
#gnavibg{ height:280px;box-shadow:0px 2px 4px #707070;}
#gnavibg p{ width:216px; height:260px; text-align:center; font-size:22px; padding-top:20px; line-height:1.3em; background:url(../images/inc/topmenu_sub_back01.png) no-repeat left bottom;}
#gnavibg strong{ font-size:26px; width:100%; display:block; color:#001c43;}
 
#gnavibox{ width:82%; float:right;}



#gnavi .gnavi{ width:16%; float:left; position:relative;}
#gnavi .gm06{width:17.8%;}

#gnavi .gnavi > a{ display:block; text-align:center; padding-top:34px; font-size:20px; font-weight:600; height:60px;}
#gnavi .gnavi > a:hover{ color:#032bbf;}
/*#gnavi .gnavi.on > a{ color:#032bbf; background:url("../images/inc/menu_back01.png") center 50px no-repeat;}*/
#gnavi .gnavi.on > a{ color:#032bbf;}
#gnavi .gnavi.on > a:hover{ color:#032bbf;}

#gnavi .gnavi > div{ width:100%; position:absolute; display:none; border-top:2px solid #032bbf; background:#FFF url('../images/inc/vline_g.png') repeat-y top right;}
#gnavi .gnavi > div{ height:280px;}
#gnavi .gnavi:first-child > div{}

#gnavi .gnavi > div > ul{ padding:15px 5px 15px 15px;}



#gnavi .mnavi{}

#gnavi .mnavi > a{ color:#000; font-size:14px; line-height:30px; background: url('../images/inc/pc_2depth.gif') no-repeat left 4px; font-weight:600; padding-left:15px; }
#gnavi .mnavi > a:hover{ color:#005aff;}
#gnavi .mnavi.on > a{ color:#005aff;}
#gnavi .mnavi.on > a:hover{ color:#005aff;}



#gnavi .snavi{ display:none;}
#gnavi .snavi > a{ color:#000; font-size:13px;}
#gnavi .snavi > a:hover{ color:#fd5200;}
#gnavi .snavi.on > a{ color:#fd5200;}
#gnavi .snavi.on > a:hover{ color:#fd5200;}





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

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


#gnavi_btn{ display:block;}


#gnavibg{ display:none;}
#gnavi{ display:none; margin-top:69px; position:absolute; width:100%; box-shadow:0px 2px 4px #707070;}

#gnavibox{ width:100%; float:left; background:url("../images/board/all_search_back01.jpg") no-repeat; background-size: cover; border-top:3px solid #011bb5; }

#gnavi .gnavi{ width:100%; position:static; border-top:1px #3449c4 solid;}
#gnavi .gnavi:first-child{ border-top:none;}

#gnavi .gnavi > a{ width:95%; height:auto; padding:15px 0 15px 5%; color:#fff; text-align:left; font-size:18px; background:url('../images/inc/mo_1depth.gif') no-repeat 95% center;}
#gnavi .gnavi > a:hover{ color:#00ffff; background: url('../images/inc/mo_1depth_on.gif') no-repeat 95% center;}
#gnavi .gnavi > a.on{ background:#0062eb; color:#00ffff;}

#gnavi .gnavi.on > a{ color:#00ffff; background:#0062eb;}
#gnavi .gnavi.on > a:hover{ color:#00ffff;}

#gnavi .gnavi > div{ width:60%; background:#0062eb; top:0px; left:40%; height:auto; border:none; min-height:311px; border-top:3px solid #011bb5;}
#gnavi .gnavi.on > div{ display:block;}

#gnavi .gnavi > div > p{ display:none;}
#gnavi .gnavi > div > ul{ padding:5px 20px 5px 20px; list-style:none;}

#gnavi .mnavi{}
#gnavi .mnavi:first-child{ border-top:none;}

#gnavi .mnavi > a{ display:list-item; padding:8px 0px 8px 15px; font-size:15px; line-height:normal; background: url('../images/inc/mo_2depth.png') no-repeat left 12px; color:#FFF;}
#gnavi .mnavi > a:hover{color:#00ffff;}
#gnavi .mnavi.on > a{ color:#00ffff;}
#gnavi .mnavi.on > a:hover{ color:#00ffff;}
#gnavi .mnavi > ul{ display:none; list-style:none; background:#f4f4f4; padding:0px;}

#gnavi .snavi{ display:block; list-style:none;}
#gnavi .snavi > a{ display:list-item; padding:5px 0px 5px 18px; color:#4f5050; font-size:13px; background: url('../images/inc/mo_3depth.gif') no-repeat 10px 9px;}

}









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



}







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

.gnb_top{padding:0; text-align:center;}
.gnb_top span{ display:none;}
.gnb_top ul{ width:100%;}
.gnb_top ul li{margin:0; padding:5px 0 7px 0; width:24%; background:url("../images/inc/vline_w.png") left repeat-y;}
.gnb_top ul li:first-child{ background:none !important;}
.gnb_top ul li a{ padding:3px 0px; font-size:14px;}
.gnb_top ul .p800_c{display:none;}


}




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



}