@charset "utf-8";

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



/* 로고와 대메뉴 */
#header{height:85px;margin-top:35px;/* padding-left: 65px; */border-bottom: solid 1px #dcdcdc;}
#header h1{float:left;/* margin-left: 80px; */}
#header h1 a{display:inline-block;/* margin-left: 80px; */margin: auto;}
#header h1 .logo{display:inline-block;vertical-align:top;padding-left: 55px;height:48px;text-align:left;background:url("/images/000inc/logo01.png") no-repeat left center;}
/*#header h1 .logo img{ display:none;}*/
#header h1 .logo_text01{font-size: 21px;color:#001c43;font-weight: 700;letter-spacing: -1px;display:inline-block;line-height: 41px;margin-left: 10px;}
#header h1 .logo_text02{font-size:20px;color:#001c43;font-weight:800;letter-spacing:-1px;display:inline-block;text-align:left;line-height: 41px;}





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

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





/* 모바일경우만 나오는것 */
.gnb_top_mo{display:none;float:left;width: 100%;background: url("/images/001kunsan/inc/tu01.png") left top repeat;}

.gnb_top_mo > ul > li{ width:20%; float:left; text-align:center; position:relative; border-bottom:1px solid #1d3db3;}
.gnb_top_mo > ul > li > a{ width:100%; color:#fff; font-size:13px; display:block; padding:10px 0; border-left:1px solid #163474;}
.gnb_top_mo > ul > li > a{ box-sizing:border-box; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box;*/}
.gnb_top_mo > ul > li:first-child > a{ border-left:none;}

.gnb_top_mo .hl_down01 { top:35px; border:none;}









/*
 * 메뉴레이아웃
 *     #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:140%; background: url("/images/404music/inc/menu_icon02.png") center top no-repeat;}
#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: 44%;float:right;/* margin-right: 136px; *//* text-align:right; */}
.m_w{width:700px;}
#gnavi .gnavi{width: auto;position:relative;display:inline-block;left: -35px;margin-left: 40px;} 
#gnavi .gnavi > a{font-size: 19px;display:block;text-align:center;padding-top:15px;font-weight:600;height:68px;letter-spacing:-1px;}


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


#gnavi .gnavi > div{ margin-left:-20%; width:100%; position:absolute; left:0; display:none; top:50px; }
#gnavi .gnavi > div > ul{background:#df5370;box-shadow:1px 1px 4px #a8417b;display:block;float:left;width:200px;padding:5px 0;margin-top:15px;}



#gnavi .gnavi > div > p{ display:block; float:left; width:20%;  margin-right:5%;  margin-top:35px; text-align:center; color:#fff; font-size:30px; font-weight:600; }
#gnavi .gnavi > div > p > span{ color:#fff600;}

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


#gnavi .mnavi > a{ font-size:16px; float:left; font-weight:600;background: url("/images/404music/inc/menu_icon01.png") left 13px no-repeat;color:#fff; padding:10px 0 10px 20px; margin:0 15px;width:100%;}
#gnavi .mnavi > a:hover{ color:#fff600;}
#gnavi .mnavi.on > a{ color:#fff600;}
#gnavi .mnavi.on > a:hover{ color:#fff600;}




#gnavi .mnavi > ul{ display:table;display:none !important;  }
#gnavi .snavi{ float:left;background:#fff; margin-bottom:10px;}

#gnavi .snavi > a{ color:#000; font-size:14px; font-weight:400; line-height:12px; padding:0 8px; }
#gnavi .snavi > a:hover{ color:#2750c4;}
#gnavi .snavi.on > a{ color:#2750c4;}
#gnavi .snavi.on > a:hover{ color:#2750c4;}




@media all and (min-width: 1600px){
 #gnavibox{width: auto;/* margin-right: 140px; */}
}


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

#gnavibox{width: 36%;float:right;/* margin-right:-105px; */text-align:right;}
#gnavi_btn{ display:block;}
#gsearch_btn{ display:block;}

/*.gnb_top_mo{ display:block;}*/

#header {margin-top:20px;height:70px;}
#header h1 {text-align:center;width:100%;margin: 0 auto;}



#gnavi .gnavi{width: auto;position:relative;display:inline-block;/* margin-left: 40px; */} 
#gnavi_btn {display:block;/* margin-left: 111px; */}

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

/*메뉴수정*/ #gnavi{ min-height:310px; display:none; margin-top:70px; position:absolute; width:100%; box-shadow:1px 2px 1px #212121; background:#0848c9; border-top:2px solid #012563;}

#gnavibox{ width:100%; float:left; background-size: cover;}



#gnavi .gnavi{width: 100%;position:static;margin-left: 0;}

#gnavi .gnavi > a{font-size:18px;width: 100%;height:auto;padding:15px 0 15px 5%;color:#fff;text-align:left;border-bottom:1px solid #215bcf;background: url("/images/404music/inc/submenu_icon01_on.png") 95% center no-repeat;letter-spacing: normal;font-weight:600;/* margin-left: -40px; */}
#gnavi .gnavi > a:hover{ color:#fff600;background: url("/images/404music/inc/submenu_icon03.png") 95% center no-repeat;}

/*#gnavi .gnavi > a:hover::after{ content:"　>"; color:#ff0;}
#gnavi .gnavi > a:active::after{ content:"　>"; color:#ff0;}*/
#gnavi .gnavi > a.on{color:#fff; background:#df5371 url("/images/404music/inc/submenu_icon01_on.png") 95% center no-repeat;}
/*#gnavi .gnavi > a.on::after{ content:"　>"; color:#ff0;}*/

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

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


#gnavi .gnavi > div > p{ display:none;}
/*메뉴수정*/ #gnavi .gnavi > div > ul{min-height: 307px;padding:10px;width:auto;float:none;margin:0;background:#fff;margin-top:0;}






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

#gnavi .mnavi > a{ float:none; display:list-item; padding:12px 5px 12px 18px; margin:0; border-bottom:1px solid #dedede;background: url("/images/404music/inc/title02_06.gif") left 16px no-repeat;color:#000}
#gnavi .mnavi > a:hover{ color:#ab3f55;}
#gnavi .mnavi.on > a{ color:#ab3f55;}
#gnavi .mnavi.on > a:hover{ color:#ab3f55;}

#gnavi .mnavi > ul{ display:none; list-style:none; background:#f3f3f3; padding:12px 0 7px 0;border-bottom:1px solid #dedede;}
#gnavi .mnavi_icon{ background: url("/images/404music/inc/submenu_icon06.png") right center no-repeat; font-size:12px; height:15px; width:15px; display:inline-block; position: absolute; right:1%;}



#gnavi .snavi{ display:block; float:none;width:100%;background:#f3f3f3;}

#gnavi .snavi > a{ display:list-item; padding:0 5px 0 15px; font-weight:600; line-height:1.4em;background:#f3f3f3 url("/images/404music/inc/title02_05.gif") left 7px no-repeat; margin-left:8%;}


}








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


#header h1{margin-top:3px;margin: 0 auto;}
#header h1 a{background-size:46px;padding-left:50px;height:46px;margin-left: -45px;}
#header h1 .logo{padding-left:48px; height:48px;text-align:left;background:url("/images/000inc/logo01.png") no-repeat left center;}
#header h1 .logo img{ display:none;}
#header h1 .logo_text01{padding-top:3px;}
#header h1 .logo_text02{ font-size:20px;}
 
#gnavi .gnavi > a{font-size:18px;width: 96%;height:auto;padding:15px 0 15px 5%;color:#fff;text-align:left;border-bottom:1px solid #215bcf;background: url("/images/404music/inc/submenu_icon01_on.png") 95% center no-repeat;letter-spacing: normal;font-weight:600;}

}








@media all and (max-width: 480px) {
#header h1{margin-top: -5px;margin-left: 34px;}
#header h1 a{ background-size:30px; padding-left:0; height:40px;}
#header h1 .logo{/* padding-left: 50px; */float: left;margin-left: -30px;}
#header h1 .logo_text01{font-size: 16px;line-height:42px;padding-top:0;}
#header h1 .logo_text02{ font-size:17px;}



}





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

#gnavi .gnavi > a{font-size: 18px;width: 92%;height:auto;padding: 15px 0 15px 5%;color:#fff;text-align:left;/* border-bottom:1px solid #215bcf; *//* background: url("/images/404music/inc/submenu_icon01_on.png") 95% center no-repeat; *//* letter-spacing: normal; *//* font-weight:600; */}

}