@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-color:rgba(255, 255, 255, 0.2);
	border:0;
	margin:0;
	max-height:95px;
	z-index:99999;
}

.page_view #main_menu { 
	background-color:#0695a6;
	border-bottom:15px solid #098796;
}

#main_menu > .container {
	padding:1.575rem 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:0;
    transition:all 0.5s ease 0s;
}
#main_menu .navbar-header .navbar-brand > img {
	max-width:200px;
	width:100%;
}

/* 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 */
#main_menu .navbar-header .mobile_tel {
    position:absolute;
    top:10px;
    right:80px;
    width:40px;
    height:40px;
    background-color:#098796;
    color:rgba(255, 255, 255, 0.5);
    border-radius:50%;
    font-size:2.2rem;
    line-height:1.5;
    text-align:center;
}

#menu_collapse {
	/*background-color:#222;
	border-bottom:0px solid #222;*/
	padding: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:0;
	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.285rem;
	font-weight:400;
	color:#fff;
	padding:1rem;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
	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:70px;
	left:0;
	right:0;
	opacity:0;
	padding:1.5rem 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:#0695a6;
}

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