@charset "utf-8";

/* 폰트 설정
--------------------------------------------------------------------------------------------------------------- 
h1, h2, h3, h4, h5, h6, header, p, li {font-family: 'Noto Sans','NanumBarunGothic','나눔고딕','NanumGothic','NanumSquare','Gulim','NanumBarunpenB_0', 'NanumBarunpenR_0', sans-serif;}
ol, ul, li {list-style: none; font-family: 'Noto Sans','NanumBarunGothic','나눔고딕','NanumGothic','NanumSquare','Gulim', sans-serif;}
.lead { font-family: 'Noto Sans','NanumBarunGothic','NanumSquare','나눔고딕','NanumGothic','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
.header-nav-main li { font-family: 'NanumBarunGothic','Noto Sans','NanumSquare','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }

h1, h2, h3, h4, h5, h6, .heading{ margin:0 0 20px 0; font-size:22px; letter-spacing: -0.05em; line-height:normal; font-weight:normal; text-transform:capitalize;}
.heading.nospace{margin-bottom:0;}

address{font-style:normal; font-weight:normal;}
hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}*/

.font-xs{font-size:.9rem;}
.font-md{font-size:1rem;}
.font-x1{font-size:1.2rem;}
.font-x2{font-size:1.8rem;}
.font-x3{font-size:2.8rem;}
.font-x4{font-size:3rem;}

.wrapper{display:block; position:relative; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}

/* common class
--------------------------------------------------------------------------------------------------------------- */
/* Links 
a{outline:none  !important; text-decoration:none;}
a:hover { text-decoration:none; border-bottom: 0 none; }
a.btn:hover {  border: 1px solid transparent; }

body { font-size: 14px;}
legend { border-bottom:0}

.bold{font-weight:bold;}
.center{text-align:center;}
.text-right{text-align:right;}
.uppercase{text-transform:uppercase;}
.capitalise{text-transform:capitalize;}
.hidden{display:none;}
.nospace{margin:0 !important; padding:0 !important; list-style:none;}
.block{display:block;}
.inline *{display:inline-block;}
.inline *:last-child{margin-right:0;}
.pushright li{margin-right:20px;}
.pushright li:last-child{margin-right:0;}
.borderedbox{border:1px solid;}
.overlay{position:relative; z-index:1;}
.overlay::after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1;}
.bgbox{background-position:top center; background-repeat:no-repeat; background-size:cover;}
.circle{border-radius:50%; background-clip:padding-box;}

.btn{display:inline-block; padding:8px 18px 10px; text-transform:uppercase;}

.clear, .block{display:block;}
.clear::before, .clear::after, .block::before, .block::after{display:table; content:"";}
.clear, .clear::after, .block, .block::after{clear:both;}

/******************************************************************
	General
******************************************************************/	
/* 폰트 설정 */
body, input, textarea, select{font-family: "Noto Sans Regular","Noto Sans",'NanumBarunGothic','나눔고딕','NanumGothic','돋움','Open Sans',"Helvetica Neue",AppleGothic,Arial,Helvetica,sans-serif;}
.lead { font-family: "Noto Sans Regular"; }
#mainav { font-family: 'NanumBarunGothic','Noto Sans','NanumSquare','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif;}

a {
	font-family: "Noto Sans Regular","Noto Sans", Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #474747;
}
a:hover {
	text-decoration:none;
	color: #6093e7;
}
a.btn:hover {
	border-bottom: 1px solid transparent; 
}
b {
	font-weight: bold;
}
p {
	font-family: "Noto Sans Regular","Noto Sans", Verdana, Arial, sans-serif;
	line-height: 1.6em;
	font-size: 14px;
}
/* Headings */
h1, h2, h3, h4, h5, h6, .heading {
	font-family: "Noto Sans", Verdana, Arial, sans-serif;
	font-weight:normal;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform:capitalize;
	margin: 0;
}
h1 {
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}
h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}
h3 {
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 34px;
	margin-bottom: 33px;
}
h4 {
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 27px;
	margin: 0 0 14px 0;
}
h5 {
	font-family: "Noto Sans Regular";
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.6em;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}
h6 {
	font-family: "Noto Sans Regular";
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.6em;
	margin: 0 0 14px 0;
}
/******************************************************************
	Layout
******************************************************************/
.wrapper{display:block; position:relative; width:100%; margin:0; padding:0; text-align:left; word-wrap:break-word;}
.m-layout { padding:0; margin:0; overflow: hidden;}
/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row1{}/*header*/
.row1.absolute-layout {
	width:100%; z-index:99; position: absolute;
}
.row1.affix-top {
	top: 27px;
	background-color:rgba(0,0,0,0.3);
}
.row1.affix { 
	top: 0 !important;
	/*border-bottom: 1px solid #f1f1f1;*/
	background-color:rgba(255,255,255,255.9);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.row2{ padding: 50px 0;}
.row3{ padding: 15px 0;}
.row4{ margin-top:10px; padding: 15px 0;background-color: #d7dcdb;}
.row4 .linklist li { line-height:1.6em;}
.row5 {padding: 10px 0;background-color:#2d2926;}
.copyright{}
.row1 a{}
.row2 a{}
.row3 a{}
.row4 a{}
.row5 {color: #fff;}
.row5 a{ display:inline-block; padding:0 5px; color: inherit;}
.row5 .container>div:nth-child(2) { text-align: right;}
@media (max-width: 767px) {
	.row5 { text-align:center; line-height: 1.6em;}
	.row5 .container>div:nth-child(2) { text-align: center;}	
}
/******************************************************************
	Header
******************************************************************/
.navbar {
      margin-bottom: 0;
      border-radius: 0;
}
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}
.navbar-inverse .navbar-brand { color: #fff}
.navbar-inverse .navbar-nav>li>a { color: #f1f1f1;}

@media (min-width: 768px) {
	.navbar-nav { float:right;}
	.navbar-right { margin-right: 0;}
}
@media (max-width: 767px) {
	.navbar-inverse #myNavbar { background-color:rgba(255,255,255,.1) }
	.navbar-inverse .navbar-nav>li { border-bottom: 1px solid rgba(255,255,255,.1);}
	.navbar-inverse .navbar-nav>li:hover {background-color: #222;}
}
@media (max-width: 767px) {
	.navbar-inverse .navbar-toggle {
		background: #395563;
		color: #FFF;
		padding: 8px 15px;
		text-transform: uppercase;
	}
}
/******************************************************************
	Main
******************************************************************/
div.section.divider {
	width: 100%;
	height: 40px;
	border-top: 1px solid #6093e7;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 20px;
}
div.section.divider.narrow {
	margin-top: 50px;
	margin-bottom: 10px;
}
div.section.divider.single {
	border-top: 1px solid #6093e7;
	margin-top: 150px;
}
div.section.divider h2 {
	font-weight: 400;
	color: #6093e7;
	background-color: #FFF;
	margin-top: -20px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.m-section12 .reservation .list-group li { line-height: 1.8em; }
	.m-section12 .reservation h3 { font-size:1em; text-align:center;}
}
/******************************************************************
	Content
******************************************************************/
#content{}

.sectiontitle{margin-bottom:80px;}
.sectiontitle *{margin:0;}

.services li:nth-child(-n+3){margin-bottom:30px;}/* Adds bottom margin to the first three elements only */
.services > li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.services article{display:block; position:relative; min-height:135px; padding:0 0 0 70px;}
.services article::before, .services article::after{display:table; content:"";}
.services article::after{clear:both;}
.services article *{margin:0 0 15px 0;}
.services article > :last-child{margin-bottom:0;}
.services article i{display:block; position:absolute; top:0; left:0; width:60px; height:60px; line-height:58px; margin:0; border:1px solid; text-align:center; font-size:35px;}
.services article .heading{font-size:1.2rem;}


/* --------------------------------------------------------------------------------------------------------------- */
/* Footer
--------------------------------------------------------------------------------------------------------------- 
#footer{padding:0 0; margin-top: 15px;}

#footer .heading{margin-bottom:35px; font-size:1.9rem; text-transform:uppercase;}

#footer nav{margin-bottom:30px; text-transform:uppercase;}
#footer nav ul{}
#footer nav ul li{display:inline-block; margin-right:20px;}
#footer nav ul li:last-child{margin-right:0;}

#footer .linklist li{display:block; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-bottom:5px; margin-bottom: 0; border-bottom:0 none;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

/* Copyright
--------------------------------------------------------------------------------------------------------------- 
#copyright{padding-top:15px; padding-bottom:15px;}
#copyright *{margin:0; padding:0;}
#copyright a { display: inline-block; padding-left: 15px;}
@media all and (max-width: 991px) {
	#copyright a { padding-left: 0; padding-right: 15px;}
}
/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#maiNav form *{transition:none !important;}

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#header {
	position: relative;
	z-index: 100;
}
#header .container {
	position: relative;
}
#header .header-top {
	padding: 3px 0 5px;
	position: relative;
	z-index: 4;
}
#header .header-top p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	line-height: 20px;
}
#header .header-body {
	-webkit-transition: min-height 0.3s ease;
	-moz-transition: min-height 0.3s ease;
	transition: min-height 0.3s ease;
	width: 100%;
	z-index: 1001;
}
#header .header-logo {
	position: relative;
	float:left;
	z-index: 3;
}

@media (min-width: 992px) {
	#header .header-logo { margin-top: 25px;}
}
@media (max-width: 991px) {
	#header .header-logo {margin-top: 20px; margin-bottom: 0;}
}

/* Header Nav Main
--------------------------------------------------------------------------------------------------------------- */
#header .header-btn-collapse-nav {
	display: none;
	float: right;
	margin: 0 0 8px 0;
}
#header .header-nav.header-nav-push-top {
	margin-top: -60px;
}
html.sticky-header-active #header .header-body {
	position: fixed;
	border-bottom-color: #e9e9e9;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
	#header .header-nav-main {
		display: block !important;
		height: auto !important;
		float: right;
	}
	#header .header-nav-main nav > ul > li {
		margin: 0 25px 0 0;
	}
	#header .header-nav-main nav > ul > li > a {
		border-radius: 2px;
		font-size: 16px;
		text-transform: uppercase;
	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		top: -1000px;
		display: block;
		opacity: 0;
		left: auto;
		border-radius: 0 4px 4px;
		border: 0;
		box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
		margin: 0 0 0 0;
		min-width: 200px;
		padding: 0;
		background-color: transparent;
		text-align: left;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		border-bottom: 1px solid #333;
		font-size: 1em;
		padding: 8px 20px 8px 8px;
		position: relative;
		text-transform: none;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu {
		position: relative;
	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #CCC;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		content: " ";
		display: block;
		float: right;
		height: 0;
		margin-right: -10px;
		margin-top: 5px;
		position: absolute;
		right: 15px;
		top: 8px;
		width: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		display: block;
		left: 100%;
		margin-top: -10px;
		margin-left: -1px;
		border-radius: 4px;
		opacity: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
		top: 0;
		opacity: 1;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
		border-bottom: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, 
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
		top: auto;
		display: block;
		opacity: 1;
	}
	
	/*mega menu*/
	#header .header-nav-main nav > ul > li.dropdown-mega {
		position: static;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
		border-radius: 4px;
		left: 15px;
		right: 15px;
		width: auto;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
		padding: 20px 30px;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
		color: #333333;
		display: block;
		font-size: 1em;
		font-weight: 600;
		margin-top: 20px;
		padding-bottom: 5px;
		text-transform: uppercase;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child {
		margin-top: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
		border: 0 none;
		border-radius: 4px;
		color: #777;
		display: block;
		font-size: 0.9em;
		font-weight: normal;
		margin: 0 0 0 -8px;
		padding: 3px 8px;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
		background: #f4f4f4;
	}

	#header .header-nav {
		display: block !important;
	}

	#header .header-nav.header-nav-center .header-nav-main {
		float: none;
		margin: 0;
	}

	#header .header-nav.header-nav-center .header-nav-main > nav {
		width: 100%;
		text-align: center;
	}

	#header .header-nav.header-nav-center .header-nav-main > nav > ul > li {
		display: inline-block;
		float: none;
		text-align: left;
	}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* Header Nav Main Mobile
--------------------------------------------------------------------------------------------------------------- */
@media (max-width: 991px) {
	#header .header-nav.header-nav-push-top {
		margin-top: -38px;
	}
	#header .header-body {
		min-height: 80px;
	}
	#header .header-nav-main {
		background: transparent;
		clear: both;
		float: none;
	}
	#header .header-nav-main nav {
		margin: 0 0 5px;
	}

	#header .header-nav-main nav > ul li {
		border-bottom: 1px solid #e8e8e8;
		clear: both;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#header .header-nav-main nav > ul li.dropdown .dropdown-menu {
		background: transparent;
		padding: 0;
		margin: 0;
		font-size: 13px;
		box-shadow: none;
		border-radius: 0;
		border: 0;
		clear: both;
		display: none;
		float: none;
		position: static;
	}

	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.opened > .dropdown-menu {
		display: block;
		margin-left: 20px;
	}

	#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
		display: block;
		margin-left: 20px;
	}

	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
		margin-top: 10px;
		display: block;
	}

	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
	}

	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a {
		display: block;
		text-decoration: none;
	}

	#header .header-nav-main nav > ul li:last-child {
		border-bottom: 0;
	}

	#header .header-nav-main nav > ul > li > a {
		margin: 3px 0;
		padding-top: 7px;
		padding-bottom: 7px;
		text-transform: uppercase;
	}
	
	#header .header-btn-collapse-nav {
		outline: 0;
		display: block;
	}

}

@media (min-width: 992px) {
	html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {
		color: #FFF;
	}

	html #header.header-semi-transparent .header-nav-main nav > ul > li:not(.active) > a {
		color: #FFF;
	}

	html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
		color: #FFF;
	}
}

@media (max-width: 767px) {
	#header .header-container {
		width: 100%;
	}
}

/* Breadcrumb */
#breadcrumb {
	padding: 3px 0 6px;
	/*background-color: #efefef;*/
	position: relative;
	text-align: right;
	line-height:normal;
}
#breadcrumb li a::after {position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

.aside {padding: 20px 0; margin-bottom: 7px;}
.aside h4 {display:block; margin: 0 auto; padding-bottom:15px; width:100%; border-bottom: 1px solid #ebebeb;}
.aside > h4 { padding: 0 20px 15px;  font-size: 18px;}
.aside .aside-inner, .aside nav {display:block; margin: 0 auto; padding: 0 20px; }
.aside nav li { }
.aside nav li a { display: inline-block; padding: 12px 0; width: 100%; border-bottom: 1px solid #ebebeb; }
.aside nav li li a {padding: 7px 0;}
.aside nav ul{ width: 100%;}
.aside nav ul ul{ padding-left: 10%; margin-bottom: 15px; width: 90%;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:25px; right:15px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}

/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* Colours
--------------------------------------------------------------------------------------------------------------- */
*body{/*color:#474747;*/ background-color:#222222;}
/*a{color:#8dc63f;}*/
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#8dc63f;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.45);}
.overlay.sub::after{color:inherit; background-color:transparent;}
.overlay2::after{background-color:rgba(0,0,0,.25);}

.overlay-green{color:#FFFFFF; background-color:inherit;}
.overlay-green::after{color:inherit; background-color:rgba(204, 208, 193, 0.45);}

.overlay-orange{color:#FFFFFF; background-color:inherit;}
.overlay-orange::after{color:inherit; background-color:rgba(243, 182, 101, 0.45);}

.overlay-red{color:#FFFFFF; background-color:inherit;}
.overlay-red::after{color:inherit; background-color:rgba(244, 108, 106, 0.45);}

.overlay-blue{color:#FFFFFF; background-color:inherit;}
.overlay-blue::after{color:inherit; background-color:rgba(57, 85, 99,0.45);}

.overlay-gold{color:#FFFFFF; background-color:inherit;}
.overlay-gold::after{color:inherit; background-color:rgba(172, 149, 115,0.45);}

/* Rows */
.header-top{color:#363636; background-color:transparent;}/*header*//*rgba(0,0,0,.2)*/
.header-body{color:#474747; background-color:#f9f9f9;}
.sub_visual{background-color:#FFFFFF;}
.header-sub, .header-sub a, .header-sub div {color: #fff;}
.row4{color:#474747; background-color:#f1f1f1;} /*footer*/
.row4.overlay::after{background-color:rgba(255,255,255,.85);}
.row4, .row4 a{color: #474747;}
.row5, .row5 a{color:#CBCBCB; background-color:#222222;}/*copyright*/
.intro-box-layout, .intro-box-layout a{color: #474747;}
/*.container {color:#474747;}*/
.container table, .container div { color: inherit;}
/* Header */
#header {color:#363636;}
#header .header-top {color:#fff; background-color:#395563;/*484a51*/border-top: 2px solid #484a51;}
#header .header-top p { color: inherit}
#header .header-top li a{color:inherit;}
#header .header-top .active a, .header-top a:hover, .header-top li:hover > a{color:#fff; background-color:inherit;}
#header .header-body {background-color: transparent;}
#header .header-body a, #header .header-body p {color: inherit}
#header .header-logo a { color: inherit}

/* visual */
#carousel-generic p{color:#fff;}

/* Page Intro */
.flex-direction-nav a{color:#FFFFFF;}
.flex-control-paging li a{background-color:#FFFFFF; border-color:transparent;}
.flex-control-paging li a.flex-active{background-color:transparent; border-color:#FFFFFF;}

/* Content Area */
.services article i{color:inherit; border-color:inherit;}
.services article:hover i{color:#FFFFFF; background-color:#395563;}

/* Section layout
--------------------------------------------------------------------------------------------------------------- */
.intro-box-layout { padding-bottom: 30px; background-color: #f9f9f9}
.intro-box-section {margin-top: 30px;}
@media (max-width: 991px) {
	.intro-box-section {margin-top: 0; margin-bottom: -1px;}
}
.intro-boardbox {
	border: 1px solid #EDEDED;
    margin-bottom: 0;
    background: #fff;
    padding: 25px;
}
@media (max-width: 991px) {
	.intro-boardbox {padding: 20px 10px; margin-bottom: 10px;}
}
.intro-boardbox .page-header {
	margin-top: 0;
	padding-bottom: 0;
    color: #615656;
    font-size: 20px;
    font-weight: normal;
	border-bottom: 0 none;
}
.intro-boardbox .page-header h4 {margin-bottom: 0;}
.intro-boardbox a { color: inherit;}

.intro-gallerybox .caption {padding:0 15px;}
.intro-gallerybox,
.intro-gallerybox a  {
    color: #777;
	font-weight: 500;
   /* font-size: 13px;
	line-height: 1.7;*/
}
.intro-gallerybox .caption h5 a {
    font-size: 0.8em;
}
.intro-gallerybox .blogthumb {
	display: block;
}

.linklist li { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #EDEDED;}
.linklist li:last-child { margin-bottom: 0; border-bottom: 0;}
.linklist h6 { margin-bottom: 10px; font-size: 16px;}
.linklist .links-contents {height: 40px;}

/* Footer */
#footer nav a{color:inherit;}
#footer nav li:first-child a, #footer nav a:hover{color:#395563;}
#footer .linklist li{border-color:rgba(0,0,0,.1);}

/* Navigation  */
#header .header-btn-collapse-nav {background: #395563; color: #FFF;}

#header .header-nav-main nav > ul > li > a { color:inherit;}
#header .header-nav-main nav .active a, #header .header-nav-main nav a:hover, #header .header-nav-main nav li:hover > a{color:#395563; background-color:inherit;}
#header .header-nav-main nav li li a,  #header .header-nav-main nav .active li a{ color:#FFFFFF; background-color:rgba(0,0,0,.7); border-color:rgba(0,0,0,.7); }
#header .header-nav-main nav li li:hover > a, #header .header-nav-main nav .active .active > a{color:#FFFFFF; background-color:#395563;}

#header .header-nav-main nav > ul > li > a:focus,
#header .header-nav-main nav > ul > li > a:hover {
	color: #395563;
	background: transparent;
}
#header .header-nav-main nav > ul > li.active > a,
#header .header-nav-main nav > ul > li.active > a:focus,
#header .header-nav-main nav > ul > li.active > a:hover {
	color: #fff;
	background-color: #395563;
}
#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a {
	color: #395563;
	background: #f1f1f1;
}
@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		border-top-color: #395563;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #395563;
	}
}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#569cc3;}

#backtotop{color:#FFFFFF; background-color:#569cc3;}

/* Sidebar Navigation */
.sidebar {color: #474747;}

.sidebar a{color:inherit; border-color:#D7D7D7;}
.sidebar a:hover{color:#569cc3;}

.sidebar .nav-list > li.active > a {color: #fff; background: #569cc3;}/*008470*/

.aside { border:1px solid #D7D7D7; }
.aside h4 {}
.aside nav li a {color:inherit;}
.aside .active a, .aside a:hover, .aside li:hover > a{color:#569cc3; background-color:inherit;}
.aside.support.overlay::after{background-color:rgba(255,255,255,.85);}
.aside.support, .support h4 {color:inherit;}

.aside.reference, .reference h4 {color:#fff;background-color:#3db878;}
.aside.bankinfo, .bankinfo h4 {color:#fff;background-color:#4d4d4d;}
.support h4, .estimate h4, .reference h4, .bankinfo h4 { border-bottom: 0;}

.aside.reference .btn{color:#474747;background-color:#fff; border:0;}

/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#569cc3;}
th{/*color:#FFFFFF; background-color:#ebebeb;*/}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}

.ostemp {color:#292929;font-size: 10px !important;}
.ostemp a {color:#292929;}
/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.header-sub {
	padding: 40px 0 35px;
	margin-bottom: 15px;
	background-image: url('../img/subheader/bar.jpg');
	background-position: 0 0;
	background-repeat: repeat;
	background-color: transparent;
}
.header-sub h3 { margin:0; font-size: 2rem;}

#sub_description {padding: 100px 0 50px;}


/* Content 
@media (min-width: 992px) {
	#content{ clear:left; float: right;}
}

.sectiontitle{margin-bottom:80px;}
.sectiontitle *{margin:0;}

.sub{}
#content {padding-bottom: 40px; min-height: 400px;}

.content-contactus .list li {
	margin-bottom: 10px;
}

/* page-header */
.pageheader_wrap{display: block; width: 100%; border-bottom: 1px solid #dedede; padding: 0 0 15px; margin: 0 0 20px;}
.pageheader_wrap h3{display: inline-block; margin: 0; padding: 0;}
.contents-header { position:relative; margin: 0 0 0; min-height: 200px; }

.header-sub .contents-header-inner {
	position: absolute;
	top:0;
	bottom:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
.header-sub .subhead-description {
	padding-top: 80px;
	font-size: 1.6em;
    font-weight: 500;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	text-align:center;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    color: #fff;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;*/
}
#container_title {	display: none;}
.pages-title {
	display: none;	
	font-size: 1.8em;
	font-weight: 600;
	color: #595f6f;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.pages-title span {
	 display: block;
	 font-size: 15px;
	 font-weight: 500;
	 letter-spacing: normal;
}
/* --------------------------------------------------------------------------------------------------------------- */
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #395563;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #395563 !important;
	border-color: #395563;
}


.pagination > .active > a {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #395563;
	border-color: #395563 #395563 #5dabc9;
}

.pagination > .active > a:hover {
	border-color: #96c9dc #96c9dc #70b5d0;
	background-color: #96c9dc;
}

.pagination > .active > a:active,
.pagination > .active > a:focus {
	border-color: #70b5d0 #70b5d0 #70b5d0;
	background-color: #70b5d0;
}

.pagination > .active > a.dropdown-toggle {
	border-left-color: #70b5d0;
}

.pagination > .active > a[disabled] {
	border-color: #d0e7ef;
	background-color: #d0e7ef;
}

section.page-header h1 {
	border-bottom-color: #395563;
}

section.page-header.custom-product {
	background-color: #70b5d0;
	border-top-color: #7bbbd3;
}

/*캐러셀*/
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #6cb3ce;
}

.owl-carousel.show-nav-title .owl-controls .owl-nav [class*="owl-"] {
	color: #395563;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #395563;
	border-color: #395563 #395563 #5dabc9;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	border-color: #96c9dc #96c9dc #70b5d0;
	background-color: #96c9dc;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:active,
.owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
	border-color: #70b5d0 #70b5d0 #70b5d0;
	background-color: #70b5d0;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"].dropdown-toggle {
	border-left-color: #70b5d0;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"][disabled] {
	border-color: #d0e7ef;
	background-color: #d0e7ef;
}