@charset "utf-8";

/* 상단메뉴바 */
nav.top { position:relative;}
nav.top>ul { display:inline-block;}
nav.top ul.menu { position:relative; display:inline-block; margin:29px 0 0 95px;}
nav.top ul.menu li { display:inline-block; float:left; z-index:999;}
nav.top ul.menu li a { position:relative; padding:6px 15px; line-height:36px; font-size:15px; letter-spacing:-1px; color:rgba(255,255,255,0.25); font-weight:bold;-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .3s;}

nav.top ul.menu li a:hover { text-decoration:none; color:#fff;}

nav.top ul.menu li.active { border:0;  z-index:1}
nav.top ul.menu > li.active > a { padding-right:5px; text-decoration:none; font-size:28px; color:#fff;}
nav.top ul.menu > li.active a.menu_all_btn { margin-right:15px; padding-left:5px; opacity:0.7;}
nav.top ul.menu > li.active a:hover { text-decoration:none;}

nav.top ul.menu li.active ul {display:block;}
nav.top ul.menu li ul { display:none; position:absolute; top:56px; left:0px; width:800px; z-index:999;}
nav.top ul.menu li ul li a { color:#333 !important; font-size:14px !important; font-weight:normal !important;}

nav.top ul.menu li ul li a:hover { color:#004ba8 !important;}

nav.top ul.menu li ul li.active a { text-decoration:none; border-bottom:3px solid #e25b5b; color:#333 !important; font-weight:bold;}

/* 팝업메뉴 */
.menu_all { display:none; overflow:hidden; position:absolute; top:84px; left:0; right:0; padding-bottom:10px; z-index:1300;}
.menu_all:after { display:block; clear:both; content:'';}
.menu_all .area:after { display:block; clear:both; content:'';} 

.menu_all .menu { float:left;}
.menu_all span.title { display:inline-block; margin:20px 0 10px; padding:6px 12px;background:rgba(255,255,255,0.2); text-align:center; font-size:16px; vertical-align:middle;}
.menu_all span.title a { color:#fff;}
.menu_all span.title i.w.link { margin:3px 5px 0 0;}

.menu_all ul.top { padding:2px 5px 0;}
.menu_all ul.top li { float:left; margin-right:20px;}
.menu_all ul.top li a { width:auto; color:rgba(0,0,0,0.5); font-weight:bold; font-size:15px;}
.menu_all ul.top li a span { padding-right:5px; color:#fff;}

.menu_all ul.top:after { display:block; clear:both; content:'';}

.menu_all nav { width:608px;}
.menu_all nav h3 { display:none;}
.menu_all nav>ul { padding-top:15px; border-top:1px solid rgba(0,0,0,0.1);}
.menu_all nav>ul>li { margin-bottom:8px;}
.menu_all nav>ul>li>a {width:100px; display:inline-block; padding-top:2px; font-size:16px; color:#fff; font-weight:bold; vertical-align:top;}

.menu_all nav>ul>li:hover a.category { color:rgba(0,0,0,0.5);}

.menu_all nav ul ul { display:inline-block; width:500px;}
.menu_all nav ul li li { display:inline-block; margin-right:5px; font-size:16px; cursor:pointer;}
.menu_all nav ul li li a { display:inline-block; color:rgba(255,255,255,0.5); font-size:14px; padding:0 5px; line-height:24px;}
.menu_all nav ul li li a:hover { color:rgba(0,0,0,0.9); background:rgba(255,255,255,0.8); padding:0 5px;}

.menu_all .tag { float:left; margin-left:18px;}
.menu_all .tag ul { width:120px; height:513px; text-align:center; background:rgba(255,255,255,0.18);}
.menu_all .tag ul li { padding:0 5px; line-height:30px; overflow:hidden; text-align:left;}
.menu_all .tag ul li:hover { background:#43d1ff;}

.menu_all .tag ul li a { padding:5px; font-size:14px; color:#fff;}
.menu_all .hot_issue { float:right;}
.menu_all .tag > p, .menu_all .hot_issue > p { padding:15px 0 8px; color:#fff; font-size:16px;} 

@media screen and (max-width:1100px) {
	.menu_all { padding:0 10px 10px;}
	.menu_all .tag { float:right;}
	.menu_all .hot_issue { display:none;}
}

@media screen and (max-width:800px) {
	nav.top ul.menu { margin: 8px 0 0 50px;}
	nav.top ul.menu li { display:none;}
	nav.top ul.menu li.active { display:block;}
	nav.top ul.menu > li.active > a { padding:5px; font-size:22px;}
	nav.top ul.menu > li.active a.menu_all_btn { display:none;}
	nav.top ul.menu li.active ul { display:none;}
	nav.top ul.menu li ul li.active a { display:none;}
	.menu_all { top:51px;}
	.menu_all nav { width:100%;}
	.menu_all .tag { float:left; margin-left:0;}
	.menu_all .tag ul { width:100%; height:auto; padding:6px;}
	.menu_all .tag li { display:inline-block;}
}

@media screen and (max-width:600px) {
	.menu_all nav ul ul { width:100%}
}