@charset "utf-8";

/* 로고와 대메뉴 */
#header{ height:100px; position:relative;}
#header:after{ display:block; clear:both; content:'';}
#header h1{ position:absolute; top:28px;}
#header h1 a{}





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

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



/* gnb_top */
.gnb_top{position:absolute; top:15px; right:0;}
.gnb_top ul{ display:inline-block; font-size:0;}
.gnb_top ul li{ display:inline-block;}
.gnb_top ul li a{}










/*
 * 메뉴레이아웃
 *     #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:100px; width:100%; display:none;}
#gnavibg{ border-top:1px solid #ccc; border-bottom:1px solid #000000; background:#edf0f4;}
#gnavibg{ height:320px;/*풀다운메뉴높이*/box-shadow:0px 3px 3px #707070;}

#gnavibox{ width:53%; margin-right:20%; float:right;}



#gnavi .gnavi{ width:25%; float:left; position:relative;}

#gnavi .gnavi > a{position:relative; display:block; text-align:center; padding-top:35px; font-size:22px; font-weight:600; height:65px;}
#gnavi .gnavi > a::before{ position:absolute; display:block; content:''; width:0%; height:3px; background:#032bbf; bottom:0px; left:50%; transform:translate(-50%, 0%); transition: width 0.2s ease-in-out;}
#gnavi .gnavi > a:hover::before{ width:100%;}
#gnavi .gnavi > a:hover{ color:#032bbf;}
#gnavi .gnavi.on > a{ color:#032bbf;}
#gnavi .gnavi.on > a::before{ position:absolute; display:block; content:''; width:100%; height:3px; background:#032bbf; bottom:0px; left:50%; transform:translate(-50%, 0%); transition: width 0.2s ease-in-out;}
#gnavi .gnavi.on > a:hover{ color:#032bbf;}
#gnavi .gnavi.on2 > a{ color:#032bbf;}

#gnavi .gnavi > div{ width:100%; position:absolute; display:none; border-top:1px solid #ccc; background:#fff; border-right:1px solid #ccc;box-sizing:border-box; }
#gnavi .gnavi > div{ height:320px;/*풀다운메뉴높이*/}
#gnavi .gnavi:first-child > div{border-left:1px solid #ccc;}

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



#gnavi .mnavi{display:block;}

#gnavi .mnavi > a{display:block; color:#000; font-size:16px; line-height:25px; padding:5px 0; background:url(/images/home/inc/icon_li04.gif) left 13px no-repeat; padding-left:12px;}
#gnavi .mnavi > a:focus, #gnavi .mnavi > a:hover{ color:#005aff; font-weight:600;}
#gnavi .mnavi.on > a{ color:#005aff;font-weight:600;}
#gnavi .mnavi.on > a:hover{ color:#005aff;font-weight:600;}
#gnavi .mnavi.on2 > a{ color:#005aff;font-weight:600;}


#gnavi .mnavi > ul{display:none; padding:0px 10px 5px 10px;}
#gnavi .snavi{}
#gnavi .snavi > a{font-size:15px; color:#666; line-height:25px; background: url('/images/home/inc/mo_3depth.gif') no-repeat left 6px; padding-left:10px;}
#gnavi .snavi > a:hover{ color:#000; text-decoration:underline;}
#gnavi .snavi.on > a{ color:#000; text-decoration:underline;}
#gnavi .snavi.on > a:hover{ color:#000; text-decoration:underline;}





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

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

/* gnb_top */
.gnb_top{top:10px; right:70px;}
.gnb_top .m_hide{ display:none;}

#gnavi_btn{ display:block;}


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

#gnavibox{ width:100%; float:left; border-top:1px solid #ccc;}

#gnavi .gnavi{ width:100%; background:#e7ebef; border-top:1px #ccc solid; box-shadow:0px 2px 3px #707070;}
#gnavi .gnavi:first-child{ border-top:none;}

#gnavi .gnavi > a{ width:95%; height:auto; padding:15px 0 15px 5%; color:#000; text-align:left; font-size:18px; background:url('/images/home/inc/left_icon01.gif') no-repeat 95% center;}
#gnavi .gnavi > a:hover{ color:#fff; background:#011a8b url('/images/home/inc/left_icon01_on.gif') no-repeat 95% center; }

#gnavi .gnavi.on > a{ color:#fff; background:#011a8b url('/images/home/inc/left_icon01_on.gif') no-repeat 95% center;}
#gnavi .gnavi.on > a:hover{ color:#fff;}
#gnavi .gnavi.on2 > a{ color:#fff; background:#011a8b url('/images/home/inc/left_icon01_on.gif') no-repeat 95% center;}
#gnavi .gnavi > a::before{ display:none;}
#gnavi .gnavi.on > a::before{ display:none;}



#gnavi .gnavi > div{ position:relative; width:100%; background:#fff; height:auto; border:none;}
#gnavi .gnavi.on > div{ display:block;}

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

#gnavi .mnavi{border-top:1px solid #e5e5e5;}
#gnavi .mnavi:first-child{ border-top:none;}

#gnavi .mnavi > a{ display:list-item; margin:5px 0;}
#gnavi .mnavi > a:hover{color:#0062eb;}
#gnavi .mnavi.on > a{ color:#0062eb;}
#gnavi .mnavi.on > a:hover{ color:#0062eb;}
#gnavi .mnavi > ul{ display:none; list-style:none; background:#f4f4f4; padding:10px 0;}

#gnavi .snavi{}
#gnavi .snavi > a{ display:list-item; padding:5px 0px 5px 30px; line-height:20px; background: url('/images/home/inc/mo_3depth.gif') no-repeat 20px 11px;}
#gnavi .snavi.on > a{}
#gnavi .snavi.on > a:hover{}

}









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

#header h1{top:28px;}
#header h1 img{ width:230px;}
/* gnb_top */
.gnb_top{top:15px; right:60px;}
.gnb_top .m_hide2{ display:none;}
.gnb_top img{ width:60px;}

#gnavi_btn{top:15px; }
#gnavi_btn img{ width:60px;}

}