/*******Header top**********/
header .header-bg-top {
	background-color:transparent;
	z-index:90;
	height: 12px;
}
header {
	position: relative;
}
header .header-bg {
	background-color:transparent;
	z-index:90;
	padding-top: 20px;
}
header.sub .header-bg {
	/*background-color: #2c1b0a;*/
	/*opacity:0.8;*/
	background-color: #291f00;
	opacity:1;
}
header .header-bg:hover {
	/*background-color: #2c1b0a;*/
	/*opacity:0.8;*/
	background-color: #291f00;
	opacity:1;
}
header .header-bg.affix {
	/*background-color: #2c1b0a;*/
	/*opacity:0.8;*/
	background-color: #291f00;
	opacity:1;
	padding-top: 0px;
}
header .header-top {
	min-height:20px;line-height:20px;z-index:9989;width: 100%;padding-top: 0px;
	display: inline-block;
	position: absolute;
}
header .affix .header-bg-top {
	padding-top: 5px;
}
header .header-top .top-bar a{font-size:12px;color:#fefefe;}
header .header-top .top-bar a i{margin-right:10px;color:#fefefe;}

header .header-top .menu-etc li a,
header .header-top .menu-etc li a:visited{font-size:12px;color:rgba(255,255,255,.5);margin:0px;display:block;}
header .header-top .menu-etc li a:hover,
header .header-top .menu-etc li a:active {color:#a59c93;}

header .header-top .menu-etc li a i{width:26px;height:26px;line-height:26px;text-align:center;margin:0px;background-color:transparent;color:#ccc;border:0px solid #252525;border-radius:2px;-webkit-border-radius:2px;}
header .header-top .menu-etc li a i:hover{color:#fff;background-color:#252525;}
.dis-inline-block {display: inline-block;}
header ul, header ol {margin-bottom: 0px;}

@media (max-width: 991px) {
	header .header-top .menu-etc {display: none;}
	header .header-bg {
		padding-top: 5px;
	}
	header .header-bg.affix  {
		padding-top: 5px;
	}
}
header .offcanvas {
	z-index: 9995;
}

/***********bootstrap navigation default overrides--*/
.navbar-header a.navbar-toggle, .navbar-header a.navbar-toggle:visited {
	color: #291f00;
	background-color: #888270;
	z-index: 9995;
	border-color: #888270;
}
.navbar-header a.navbar-toggle:hover, .navbar-header a.navbar-toggle:active {
	color: #291f00;
	background-color: #fff;
}
.affix {top:0px;}
.affix .navbar-header {
	display: none;
}
@media (max-width: 991px) {
	.affix .navbar-header {
		display: block;
	}
	.navbar-toggle {
		margin-top: 10px;
		background-color: #888270;
	}
}
.navbar-default .nav-logo, .navbar-default .logo {
	display: none;
}
.navbar-default .logo a {
	display: inline;
}
.affix .navbar-collapse {
	position: relative;
}
.affix .nav-logo {
	display: block;
}
.affix .logo {
	display: inline-block;
	position: absolute;
	top: 20px; left: 15px;
}
.navbar-default .navbar-nav {
	width:100%;text-align:center;
}
.affix .navbar-nav {
	padding-left: 200px;
}
.affix .navbar-nav .mega-dropdown-menu {
	padding-left: 200px;
}

.navbar-default {font-family:'Noto Sans KR',NanumBarunGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;border:none;border-radius:0;background-color:transparent;
margin-bottom:0;width:100%;min-height:100px;padding:5px 0;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:#fff;}
.navbar-default .navbar-nav {
	display: inline-block;
}

.navbar-brand {float:none;font-weight:700;color:#fff !important;font-size:24px;line-height:20px;font-style:normal;text-transform:uppercase;padding: 21px 15px;}
.navbar-default .navbar-nav>li>a {color:#fff;font-weight:300;font-size:20px;text-transform:uppercase;padding: 50px 40px 35px 40px;letter-spacing:-1px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a.active {color:#e9bd60;}

@media (max-width:991px){
	.navbar-brand{float:left;}
	.navbar-brand img{width:80%;padding-left: 10px;}
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
}

@media (max-width: 991px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #e8e8e8;color: #8b8b8b;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0px;
	}
}

/*bootstrap navbar-toggle*/
.navbar-toggle {padding: 4px 7px; margin-top: 30px;}

/***********bootstrap navigation default overrides--*/
header .navmenu, .navbar-offcanvas {width: 300px;border-right: 1px solid #676565;box-shadow: 0px 0px 20px #676565;background-color: #fff;}
.offcanvas .navbar-brand {height:32px;font-size:24px;padding:0 15px;margin-right: 60px;}
.offcanvas .navbar-nav {margin: 15px 0 0 0;}
.offcanvas .title {padding-top: 20px;padding-left: 20px;}
.offcanvas .title i {color: #9a9a9a;}
.offcanvas ul.mCustomScrollbar {
	height:300px;
	/*padding-left: 15px; padding-right: 15px; */
	margin-top: 15px;
}
.offcanvas ul li.title{height: 60px}
.offcanvas ul li{border-bottom: 1px solid #d7d7d7;font-size: 16px;}
.offcanvas ul li:first-child{border-top: 1px solid #d7d7d7;}
.offcanvas ul li a,.offcanvas ul li a:visited {padding:20px 15px;display:block;color:#777;width: 100%;}
.offcanvas .nav .open>a, .offcanvas .nav .open>a:focus, .offcanvas .nav .open>a:hover {
    background-color: #fff;
    border-color: #337ab7;
    color: #2c2c2c;
}
.offcanvas .navbar-nav .open .dropdown-menu a:hover, .offcanvas .navbar-nav .open .dropdown-menu a:focus, .offcanvas .navbar-nav .open .dropdown-menu a:active {color: #2c2c2c; background-color: transparent;}
.offcanvas ul li.none{border-bottom:none;}
.offcanvas ul li ul {margin-bottom:0;}
.offcanvas ul li ul li{margin-left:20px;border-bottom: 0px;}
.offcanvas ul li ul li:first-child{border-top: 0px solid #d7d7d7;}
.offcanvas div.sns {list-style:none;margin-bottom:0;text-align:center;}
.offcanvas div.sns a {display: inline-block;vertical-align: middle;line-height:30px;margin: 0px;}
.offcanvas div.sns a.img {margin:0;width:50px;height:50px;background: url('../images/sns.png');}
.offcanvas div.sns a.facebook{background-position: 0 0px}
.offcanvas div.sns a.blog{background-position: 0 -50px}
.offcanvas div.sns a.instagram{background-position: 0 -100px}
.offcanvas div.sns a.youtube{background-position: 0 -150px}
.offcanvas .footer {color: #959595}
.offcanvas .footer p {color: #959595;line-height: 1.2em;padding: 5px 0;}
.offcanvas .footer a, .offcanvas .footer a:visited {color: #959595;}
.offcanvas .footer a:hover, .offcanvas .footer a:focus, .offcanvas .footer a:active {color: #333;}
@media (min-width: 768px) {
	.offcanvas .navbar-nav {
		float: none;
	}
}
@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 15px 10px 25px;
	}
}
/*mCustomScrollbar overrides*/
.mCustomScrollBox {
	width: 100%;
}
.mCSB_inside>.mCSB_container {
	margin-right: 0px;
}

.navmenu-fixed-left .footer{position:absolute;bottom:0;background-color:#e8e8e8;width:100%;padding:10px;}
.navmenu-fixed-left .footer p{margin:0 0 5px;}
.navmenu-fixed-left .footer p:last-child{margin-bottom:0;}

/******* breadcrumb *********/
.breadcrumb>li+li:before {color:#131212;}
.breadcrumb-wrap{padding:25px 0;background:#ddd;}
.breadcrumb-wrap h4{margin:0px;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:2px;}
ol.breadcrumb{margin:0;padding:0;background-color:transparent;color:#000;}
ol.breadcrumb li{font-weight:300;font-size:12px;text-transform:lowercase;letter-spacing:1px;}
ol.breadcrumb li a, ol.breadcrumb li a:visited{color:#000; letter-spacing: -1px}
ol.breadcrumb li a:hover, ol.breadcrumb li a:active, ol.breadcrumb li a.active{color:#888;}

/******* aside**********/
#hn-aside .left-menu-title {background:#888270;}
#hn-aside .left-menu-title h4 {font-size: 33px;font-weight: 500;color: #fff;text-shadow: rgba(0,0,0,.5) 1px 2px 8px;padding: 50px 0;letter-spacing:-1px;}
#hn-aside .list-group .list-group-item{padding:10px 10px;letter-spacing:-1px;}
#hn-aside .list-group-item.active, #hn-aside .list-group-item.active:focus, #hn-aside .list-group-item.active:hover{color:#fff;background-color:#888270;border-color:#544c33;}


#site-aside .list-group .list-group-item {
	font-size: 16px;
	padding:0px;
}
#site-aside .list-group .list-group-item a, #site-aside .list-group .list-group-item a:visited {
	background-color: #fff;
	color: #595656;
	padding:10px 20px;
	font-weight: 300;
	border-radius: 0px;
}
#site-aside .list-group .list-group-item a:hover {
	background: url("../../../images/left-top-bg2.png") repeat;
	background-color: #e86ea2;
	color: #fff;
}
#site-aside .list-group .list-group-item a.active {
	background: url("../../../images/left-top-bg2.png") repeat;
	background-color: rgba(232,110,162,.5);
	color: #fff;
}

/*************page-header*************/
.page-header {
	border-bottom: 1px solid #ddd;
}
.page-header .page-title {
	vertical-align: bottom;
	color: #595656;
}
.page-header .page-title h3 {
	font-size: 27px;
	font-weight: 400;
	padding: 50px 0px;
}
@media (max-width: 767px) {
	.page-header .page-title h3 {
		padding: 20px 0px;
	}
}
.page-header .page-navi {
	font-size: 14px;
	font-weight: 300;
}
/*layout.css overrides*/
ol.breadcrumb li {
	font-weight: 300;
	font-size: 14px;
}

/*main*/
.services-box.pink-line {
	border: 1px solid #d174a4;
	background-color: rgba(251,232,242,1);
}
.services-box {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 40px;
	min-height: 200px;
	position: relative;
}
.services-box .newsbox {
	background-color: #d0cef3;
}
.services-box .noticeox {
	background-color: #d6d6d6;
}
.services-box .contents-heading .title {
	margin-top: 40px;
	margin-left: 15px;
}
.services-box .contents-heading .title2 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.services-box .contents-heading h4 {
	font-size: 16px;
	letter-spacing: -1px;
	color: #000;
	font-weight: 400;
	line-height: 0px;
}
.services-box .contents-heading h2 {
	font-size: 30px;
	letter-spacing: -1px;
	color: #000;
	font-weight: 400;
}
.services-box .rose {
	position: absolute;
	top:20px;
	right: 10px;
	margin-right: 20px;
}
.contents-bg-rose {
	/*background: url("../../../images/icon_rose.png") no-repeat 180px 10px;*/
}
.services-box .contents-line {
	border-bottom: 1px solid #d6006f;
}
.services-box .contents-body {
	margin-top: 20px;
	padding: 0 30px;
	font-size: 16px;
	font-weight: 300;
	color: #565656;
	letter-spacing: -1px;
}
.services-box .contents-body ul {
	text-align: left;
	padding-left: 0px;
	line-height: 1.8em;
}
.services-box .more {
	position: absolute;
	bottom:10px;
	right: 10px;
}
.services-box .more2 {
	position: absolute;
	top:15px;
	right: 10px;
}


/*상단 비디오 글*/
.subject .title {
	padding-top: 0px;
	letter-spacing: -1px;
	z-index: 1;
}
.subject .title h2 {
	font-size: 34px;
	color: #fff;
	line-height: 1.6em;
}
@media (max-width: 768px) {
	.subject .title h2 {
		font-size: 18px;
		color: #fff;
		line-height: 2em;
	}
}

/**/
/*메뉴 마우스오버시 서브메뉴 보이기 css*/
/*.navbar-nav:hover .mega-dropdown-menu { display: block; }*/

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
	position: absolute;
	top: 90%;
	left: 0px;
	z-index: 1050;
	display: none;
	text-align: center;
	width: 100%;
	float: left;
	min-width: 160px;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	list-style: none;
	background-color: #f0f0f0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.14902);
	box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
}
.mega-dropdown a, .mega-dropdown a:hover, .mega-dropdown a:visted {
	color: #fff;
	font-weight: 400;
	background-color: #14223c;
}
.mega-dropdown-menu .sub-menu {
	display: inline-block;
	vertical-align: top;
	min-height: 213px;
	padding: 20px 0;
}
.mega-dropdown-menu .sub-menu .nav-list {
	padding: 10px 0px 15px 40px;
}
.mega-dropdown-menu .sub-menu h2 {
	font-size: 24px;
	color: #000;
	border-bottom: 2px solid #14223d;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.mega-dropdown-menu .sub-menu .nav-list li {
	display: block;
	line-height: 2em;
}
.mega-dropdown-menu .sub-menu .nav-list, .mega-dropdown-menu .sub-menu .nav-list a, .mega-dropdown-menu .sub-menu .nav-list a:visited {
	font-size: 16px;
	color: #3d3d3d;
}
.mega-dropdown-menu .sub-menu:hover {
	background-color: #e0e0e0;
}
.mega-dropdown-menu .sub-menu .nav-list a:hover, .mega-dropdown-menu .sub-menu .nav-list a.active {
	color: #854a02;
}
.mega-dropdown-menu .sub-menu:has(>.nav-list>a.active) {
	background-color: #e0e0e0;
}
.mega-dropdown-menu .sub-menu.active {
	background-color: #e0e0e0;
}
.active1 {
	border: 1px solid red;
}
/*sub메뉴 width*/
.mega-dropdown-menu .sub-menu:nth-child(1) .line1 {
	width: 150px;
}
.mega-dropdown-menu .sub-menu:nth-child(2) .line1 {
	width: 167px;
}
.mega-dropdown-menu .sub-menu:nth-child(3) .line1 {
	width: 184px;
}
.mega-dropdown-menu .sub-menu:nth-child(4) .line1 {
	width: 150px;
}
.mega-dropdown-menu .sub-menu:nth-child(5) .line1 {
	width: 167px;
}