@charset "utf-8";
/* css by OOparts */

#main_menu_container {

}

/* top menu */
#main_menu_container .top_menu {
	background-color:#eee;
	border-bottom:1px solid #ddd;
}
#main_menu_container .top_menu .list_top_menu {
	padding:0 10px;
	text-align:center;
}
#main_menu_container .top_menu .list_top_menu > li {
	float:left;
}
#main_menu_container .top_menu .list_top_menu > li a {
	color:#777;
	font-size:0.95rem;
}
#main_menu_container .top_menu .list_top_menu > li a:hover {
	color:#999;
}

#main_menu {
	background:rgba(255,255,255,0.7);
	border:0;
	margin:0;
	z-index:99999;
}

.page_view #main_menu { 
	background-color:#fff;
	border-bottom:1px solid #e6e6e6;
}

#main_menu > .container {
	padding:0;
}

/* navbar-header */
#main_menu .navbar-header {

}
#main_menu .navbar-header .navbar-brand {
    display:inline-block;
    /*float:none;*/
    height:100%;
    padding:0 0.714rem;
	margin-top:-10px;
    transition:all 0.5s ease 0s;
}
#main_menu .navbar-header .navbar-brand > img {
	width:100%;
	padding:20px 0;
}

/* logo text */
#main_menu .navbar-header .navbar-brand .logo_txt {
	color:#fff;
	text-align:center;
}
#main_menu .navbar-header .navbar-brand .logo_txt h3 {
	margin:0;
	font-size:2rem;
	line-height:1.8;
}
#main_menu .navbar-header .navbar-brand .logo_txt h3 > strong {
	display:inline-block;
	font-weight:700;
}
#main_menu .navbar-header .navbar-brand .logo_txt h3 > span {
	color:#f85252;
}
#main_menu .navbar-header .navbar-brand .logo_txt small {
	display:inline-block;
	position:relative;
	font-weight:100;
	font-size:0.95rem;
	top:-0.5rem;
}

/* 모바일에서만 visible - tel */
.glyphicon-earphone{
top:2px !important;
}
#main_menu .navbar-header .mobile_tel {
    position:absolute;
    top:27px;
    left:10px;
    width:45px;
    height:45px;
	background-color:#4D4A48;
    color:rgba(255, 255, 255, 0.5);
    border-radius:50%;
    font-size:2.2rem;
    line-height:1.7;
    text-align:center;
}
#main_menu .navbar-header .mobile_ka {
    position:absolute;
    top:27px;
    left:60px;
    width:45px;
    height:45px;
	background:url(/img/glyphicon-kaka.png) center center no-repeat;
	background-size: contain;
}

#menu_collapse {
	/*background-color:#222;
	border-bottom:0px solid #222;*/
	padding:12px 0;
	margin:0 auto;
	
	position:relative;
	z-index:99999;
}
#menu_collapse > .menu_line {
	position:absolute;
	width:100%;
	bottom:0;
	border-bottom:0px solid #222;
}
#main_menu .navbar-nav { 
	margin:0 auto;
	padding-top:29px;
	padding-bottom:21px;
	position:relative;
	float:right;
}
#main_menu .navbar-nav .nav_list_group { 
	position:relative;
	float:none;
}
#main_menu .navbar-nav .nav_list_group .list-group-item {
	background:none;
	border:0;
	font-size:1.23rem;
	font-weight:600;
	color:#444;
	padding:1rem;
	
	transition:width 0.3s ease 0s; 
}
#main_menu .navbar-nav .nav_list_group .list-group-item:hover {
	transition:width 0.3s ease 0s; 
}
#main_menu .navbar-nav .nav_list_group:first-child .list-group-item {
	border-left:0;
}
#main_menu .navbar-nav .nav_list_group.last-child .list-group-item {

}
#main_menu .navbar-nav .nav_list_group .bg_line {
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:0.5rem;
	z-index:;
	background-color:#333;
	transition:width 0.3s ease 0s; 
}
#main_menu .navbar-nav .nav_list_group:hover .bg_line {
	height:100%;
	width:100%;
}
#main_menu .navbar-nav .nav_list_group .sub_menu {
	position:absolute;
	top:88px;
	left:0;
	right:0;
	opacity:0;
	padding:0.6rem 0;
	text-align:center;
	z-index:1000;
}
#main_menu .navbar-nav .nav_list_group .sub_menu li a {
	display:block;
	color:#fff;
	padding:0.5rem 1.5rem;
}
#main_menu .navbar-nav .nav_list_group .sub_menu li a:hover {
	color:#F1EBD6;
}

/* nav_all_bg */
#main_menu .nav_all_bg {
	position:absolute;
	left:0;
	top:120px;
	right:0;
	background-color:rgba(0, 0, 0, 0.5);
	height:0;
}
.page_view #main_menu .nav_all_bg {
	
}