/* Layout */
	html,
	body {
		height: 100%;
	}
	body.ohidden {
		height: 100%;
		width: 100%;
		overflow: hidden !important;
		position: fixed;
	}
	.layout-boxed {
		padding-top:80px !important;
		padding-right:0 !important;
		background-color: #fff;
	}
	.cd-main-content {
		padding:0;
	}
	.cd-sub-content {
		clear: both;
		padding:6em;
	}
	.cd-sub-content > .container {
		padding:0;
	}
	.sub-wrap {
		clear: both;
		width:100%;
		margin-top:30px;
	}
	.sub-wrap .side-wrap {
		float:left;
		width:22%;
	}
	.sub-wrap .contents-wrap {
		float:right;
		width:78%;
	}
	@media only screen and (min-width: 1570px) {
		.sub-wrap .side-wrap {
			width:14%;
		}
		.sub-wrap .contents-wrap {
			width:84%;
		}
	}
	@media (max-width: 1700px) {
		.cd-sub-content {
			padding:3.5%;
		}
	}
	@media (max-width: 1500px) {
		.cd-sub-content {
			padding:4.5%;
		}
	}
	@media (max-width: 1169px) {
		.layout-boxed {
			padding-top:53px !important;
		}
		.sub-wrap .side-wrap {
			width:22%;
		}
		.cd-sub-content {
			padding:4em 12px;
		}
	}
	@media (max-width: 991px) {
		.sub-wrap {
			margin: 0;
		}
		.sub-wrap .side-wrap,
		.sub-wrap .contents-wrap {
			clear: both;
			float:none;
			width:100%;
		}
		.cd-sub-content {
			padding:12px;
		}
	}
	.page {
		position: relative;
		min-height: -webkit-calc(100% - 0);
		min-height:         calc(100% - 0);
		background-color: #fff;
	}
	.section {
		clear: both;
		margin-top:10px;
	}
	.pagemask {
		display:none;
	}
	.pagemask,
	.appmask {
		display:block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100000;
		width: 100%;
		height: 100%;
		content: '';
		overflow: hidden;
		background-color: rgba(0, 0, 0, .7);
	}
	.page-header + .page-content {
		padding-top: 0;
	}
	.page-title {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 26px;
	}
	.page-title > .icon {
		margin-right: .3em;
	}
	.page-description {
		color: #a3afb7;
	}
	.page-header {
		position: relative;
		padding: 12px 0 10px;
		margin-top: 0;
		margin-bottom: 0;
		background: transparent;
		border-bottom: none;
	}
	.page-header h3 {
		margin: 0;
		color:#0a252e;
		font-size:1.7em;
		font-weight: 700;
		letter-spacing:-.05em;
	}
	.page-header-actions {
		position: absolute;
		top: 50%;
		right: 30px;
		margin: auto;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.page-header-actions .btn-icon {
		margin-left: 6px;
	}
	.page-header-actions > * {
		margin-bottom: 0;
	}
	.page-header .breadcrumb {
		padding: 0;
		margin: 8px 0 0;
		font-size:1em;
		letter-spacing:-.05em;
	}
	.page-header-bordered {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 30px;
		background-color: #fff;
		border-bottom: 1px solid transparent;
	}
	.page-header-tabs {
		padding-bottom: 0;
	}
	.page-header-tabs .nav-tabs-line {
		margin-top: 5px;
		border-bottom-color: transparent;
	}
	.page-header-tabs .nav-tabs-line > li > a {
		padding: 5px 20px;
	}
	.scrollable-bordered-wrap2,
	.scrollable-bordered-wrap {
		border: 1px solid #eee;
		background-color:#f9f9f9;
	}
	.scrollable-bordered2,
	.scrollable-bordered {
		padding:10px 15px;
	}
	.prt-2 {
		position: relative;
		top:-2px;
	}
	.scrollable-bordered-wrap2 {
		overflow-x: hidden;
		overflow-y: scroll;
	}



/* Navi */
	input[type="search"]::-ms-clear,
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration {
		display: none;
	}
	.cd-main-content,
	.cd-main-header {
		position: relative;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		will-change: transform;
	}
	.cd-main-content {
		z-index: 2;
	}
	.cd-main-header {
		height: 53px;
		background-color: #fff;
		z-index: 5;
	}
	.nav-is-fixed .cd-main-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transition: height 0.4s;
		-moz-transition: height 0.4s;
		transition: height 0.4s;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .03);
	}
	.navbar-shrink.cd-main-header {
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
		box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	}
	.cd-logo {
		position: absolute;
		top: 17px;
		left: 5%;
		width:164px;
		height:20px;
		background-size: 164px 20px;
		overflow: hidden;
		text-indent: -99999px;
		background-image: url('../images/logo.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	.cd-logo:hover,
	.cd-logo:active,
	.cd-logo:focus {
		color:#000;
		text-decoration:none;
	}
	.cd-header-buttons,
	.cd-header-buttons2 {
		position: absolute;
		display: inline-block;
		top: 3px;
		right: 2.6%;
		padding:0;
		margin:0;
	}
	.cd-header-buttons li,
	.cd-header-buttons2 li {
		display: inline-block;
	}
	.cd-header-buttons2 {
		display: none;
	}

	.cd-sms-trigger,
	.cd-search-trigger,
	.cd-nav-trigger {
		position: relative;
		display: block;
		width: 42px;
		height: 47px;
		overflow: hidden;
		text-indent: -99999px;
		white-space: nowrap;
		z-index: 3;
	}
	.cd-search-trigger {
		width: 38px;
	}
	.cd-search-trigger::before,
	.cd-search-trigger::after {
		content: '';
		position: absolute;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.cd-search-trigger::before {
		top: 15px;
		left: 10px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		border: 2px solid #000;
	}
	.cd-search-trigger::after {
		height: 2px;
		width: 7px;
		bottom: 16px;
		right: 9px;
		background: #000;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cd-search-trigger span {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	.cd-search-trigger span::before,
	.cd-search-trigger span::after {
		content: '';
		position: absolute;
		display: inline-block;
		height: 2px;
		width: 19px;
		top: 50%;
		margin-top: -1px;
		left: 50%;
		margin-left: -9px;
		background: #000;
		opacity: 0;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
	}
	.cd-search-trigger span::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cd-search-trigger.search-is-visible::before,
	.cd-search-trigger.search-is-visible::after {
		opacity: 0;
	}
	.cd-search-trigger.search-is-visible span::before,
	.cd-search-trigger.search-is-visible span::after {
		opacity: 1;
	}
	.cd-search-trigger.search-is-visible span::before {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.cd-search-trigger span::before,
	.cd-search-trigger.search-is-visible span::after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.cd-sms-trigger {
		text-indent: 0;
	}
	.cd-sms-trigger span {
		position: absolute;
		top: 50%;
		right: 6px;
		width: 24px;
		margin-top: -13px;
		-webkit-transition: background 0.3s 0.3s;
		-moz-transition: background 0.3s 0.3s;
		transition: background 0.3s 0.3s;
	}
	.cd-sms-trigger span:before {
		color:#000;
		font-size:18px;
		font-family: 'Themify Iconset';
		content:"\e61d";
	}

	.cd-nav-trigger span,
	.cd-nav-trigger span::before,
	.cd-nav-trigger span::after {
		position: absolute;
		display: inline-block;
		height: 2px;
		width: 18px;
		background-color: #000;
	}
	.cd-nav-trigger span {
		position: absolute;
		top: 50%;
		right: 12px;
		margin-top: -1px;
		-webkit-transition: background 0.3s 0.3s;
		-moz-transition: background 0.3s 0.3s;
		transition: background 0.3s 0.3s;
	}
	.cd-nav-trigger span::before,
	.cd-nav-trigger span::after {
		content: '';
		right: 0;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: 0% 50%;
		-moz-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		-webkit-transition: -webkit-transform 0.3s 0.3s;
		-moz-transition: -moz-transform 0.3s 0.3s;
		transition: transform 0.3s 0.3s;
	}
	.cd-nav-trigger span::before {
		top: -6px;
	}
	.cd-nav-trigger span::after {
		top: 6px;
	}
	.cd-nav-trigger.nav-is-visible span {
		background-color: rgba(46, 50, 51, 0);
	}
	.cd-nav-trigger.nav-is-visible span::before,
	.cd-nav-trigger.nav-is-visible span::after {
		background-color: #000;
	}
	.cd-nav-trigger.nav-is-visible span::before {
		-webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
		-moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
		-ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
		-o-transform: translateX(4px) translateY(-1px) rotate(45deg);
		transform: translateX(4px) translateY(-1px) rotate(45deg);
	}
	.cd-nav-trigger.nav-is-visible span::after {
		-webkit-transform: translateX(4px) translateY(0) rotate(-45deg);
		-moz-transform: translateX(4px) translateY(0) rotate(-45deg);
		-ms-transform: translateX(4px) translateY(0) rotate(-45deg);
		-o-transform: translateX(4px) translateY(0) rotate(-45deg);
		transform: translateX(4px) translateY(0) rotate(-45deg);
	}

	.cd-nav ul,
	.cd-nav  li {
		list-style:none;
	}
	.cd-nav > ul,
	.cd-nav li ul,
	.cd-nav li li ul {
		padding-left:0;
	}
	.cd-nav a:hover,
	.cd-nav a:active,
	.cd-nav a:focus {
		text-decoration:none;
	}
	.cd-primary-nav,
	.cd-primary-nav ul {
		position: fixed;
		top: 0;
		right: 0;
		width: 260px;
		height: 100%;
		background-color: #fff;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		z-index: 1;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.cd-primary-nav .ls0 a {
		font-size:1em;
		letter-spacing:.0em;
	}
	.cd-primary-nav a,
	.cd-primary-nav ul a {
		display: block;
		height: 39px;
		line-height: 39px;
		padding: 0 20px;
		color: #333;
		font-size:.9em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border-bottom: 1px solid #eee;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		will-change: transform, opacity;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}
	.cd-primary-nav.is-hidden,
	.cd-primary-nav ul.is-hidden {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.cd-primary-nav.moves-out> li > a,
	.cd-primary-nav ul.moves-out> li > a {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}

	.has-children> a,
	.go-back a {
		position: relative;
	}
	.has-children> a::before,
	.has-children> a::after,
	.go-back a::before,
	.go-back a::after {
		content: '';
		position: absolute;
		top: 50%;
		margin-top: -1px;
		display: inline-block;
		height: 2px;
		width: 10px;
		background-color: #999;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.has-children> a::before,
	.go-back a::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.has-children> a::after,
	.go-back a::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.has-children> a {
		padding-right: 40px;
	}
	.has-children> a::before,
	.has-children> a::after {
		right: 20px;
		-webkit-transform-origin: 9px 50%;
		-moz-transform-origin: 9px 50%;
		-ms-transform-origin: 9px 50%;
		-o-transform-origin: 9px 50%;
		transform-origin: 9px 50%;
	}
	.cd-primary-nav .go-back a {
		padding-left: 40px;
		font-weight: 700;
	}
	.cd-primary-nav .go-back a::before,
	.cd-primary-nav .go-back a::after {
		left: 20px;
		-webkit-transform-origin: 1px 50%;
		-moz-transform-origin: 1px 50%;
		-ms-transform-origin: 1px 50%;
		-o-transform-origin: 1px 50%;
		transform-origin: 1px 50%;
	}

	.cd-search {
		position: absolute;
		height: 50px;
		width: 100%;
		top: 53px;
		left: 0;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-moz-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.cd-search form {
		height: 100%;
		width: 100%;
	}
	.cd-search input {
		border-radius: 0;
		border: none;
		background-color: #fff;
		height: 100%;
		width: 100%;
		padding: 0 5%;
		box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
	.cd-search input::-webkit-input-placeholder,
	.cd-search input::-moz-placeholder,
	.cd-search input:-moz-placeholder,
	.cd-search input:-ms-input-placeholder {
		color: #c9cbc4;
	}
	.cd-search input:focus {
		outline: none;
	}
	.cd-search.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	.nav-is-fixed .cd-search {
		position: fixed;
	}

	.cd-sms {
		position: absolute;
		width: 100%;
		top: 53px;
		left: 0;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		background-color: #fff;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-moz-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.cd-sms h5 {
		color:#333;
		font-size:1.4em;
		font-weight: 400;
	}
	.cd-sms h5 span {
		color:#666;
		font-size:.78em;
		margin-left:5px;
	}
	.cd-sms .btn {
		font-size:1.2em;
	}
	.cd-sms .form-group {
		margin-bottom:10px;
	}
	.cd-sms.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	.nav-is-fixed .cd-sms {
		position: fixed;
	}

	.cd-overlay {
		position: fixed;
		z-index: 3;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		cursor: pointer;
		background-color: rgba(0, 0, 0, 0.6);
		visibility: hidden;
		opacity: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
		-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
		transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
	}
	.cd-overlay.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
		-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
		transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
	}
	.no-js .cd-primary-nav {
		position: relative;
		height: auto;
		width: 100%;
		overflow: visible;
		visibility: visible;
		z-index: 2;
	}
	.no-js .cd-sms,
	.no-js .cd-search {
		position: relative;
		top: 0;
		opacity: 1;
		visibility: visible;
	}

	@media only screen and (max-width: 1169px) {
		.nav-is-fixed .cd-main-header {
			-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
			box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
		}
		.navbar-shrink.cd-main-header {
			-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
			box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
		}
		.cd-main-content.nav-is-visible,
		.cd-main-header.nav-is-visible {
			-webkit-transform: translateX(-260px);
			-moz-transform: translateX(-260px);
			-ms-transform: translateX(-260px);
			-o-transform: translateX(-260px);
			transform: translateX(-260px);
		}
		.nav-on-left .cd-main-content.nav-is-visible,
		.nav-on-left .cd-main-header.nav-is-visible {
			-webkit-transform: translateX(260px);
			-moz-transform: translateX(260px);
			-ms-transform: translateX(260px);
			-o-transform: translateX(260px);
			transform: translateX(260px);
		}

		.nav-on-left .cd-logo {
			left: 50%;
			right: auto;
			margin-left:-82px;
		}
		.nav-on-left .cd-header-buttons {
			right: auto;
			left: 0;
		}
		.nav-on-left .cd-header-buttons li {
			float: right;
		}
		.nav-on-left .cd-header-buttons2 {
			right: 0;
			left: auto;
		}
		.nav-on-left .cd-header-buttons2 li {
			float: left;
		}
		.cd-search-trigger-li,
		.cd-search-trigger-li .cd-search-trigger {
			display: none;
		}
		.cd-header-buttons2 {
			display: block;
		}

		.nav-on-left .cd-primary-nav,
		.nav-on-left .cd-primary-nav ul {
			right: auto;
			left: 0;
		}
		.cd-primary-nav {
			visibility: hidden;
			-webkit-transition: visibility 0s 0.3s;
			-moz-transition: visibility 0s 0.3s;
			transition: visibility 0s 0.3s;
		}
		.cd-primary-nav.nav-is-visible {
			visibility: visible;
			-webkit-transition: visibility 0s 0s;
			-moz-transition: visibility 0s 0s;
			transition: visibility 0s 0s;
		}

		.cd-overlay.is-visible {
			-webkit-transform: translateX(-260px);
			-moz-transform: translateX(-260px);
			-ms-transform: translateX(-260px);
			-o-transform: translateX(-260px);
			transform: translateX(-260px);
		}
		.nav-on-left .cd-overlay.is-visible {
			-webkit-transform: translateX(260px);
			-moz-transform: translateX(260px);
			-ms-transform: translateX(260px);
			-o-transform: translateX(260px);
			transform: translateX(260px);
		}
		.cd-overlay.is-visible.sms-is-visible,
		.nav-on-left .cd-overlay.is-visible.sms-is-visible,
		.cd-overlay.is-visible.search-is-visible,
		.nav-on-left .cd-overlay.is-visible.search-is-visible {
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
		}
		.go-home a,
		.go-back a {
			height: 54px !important;
			line-height: 54px !important;
			color: #eee !important;
			background-color:#222;
		}
		.cd-primary-nav .go-home a:hover,
		.cd-primary-nav ul .go-home a:hover,
		.cd-primary-nav .go-back a:hover,
		.cd-primary-nav ul .go-back a:hover {
			color: #fff !important;
			background-color:#000;
		}
		.cd-primary-nav a:hover,
		.cd-primary-nav ul a:hover {
			color: #000 !important;
			background-color:#fcfcfc;
		}
	}

	@media only screen and (min-width: 1170px) {
		.cd-main-header {
			height: 80px;
		}
		.cd-main-header::after {
			clear: both;
			content: "";
			display: table;
		}
		.cd-logo {
			top: 29px;
			left: 4.7em;
			width:190px;
			height:23px;
			background-size: 190px 23px;
		}
		.cd-header-buttons {
			top: 18px;
			right: 4em;
		}

		.cd-nav-trigger {
			display: none;
		}

		.cd-primary-nav {
			/*position: static;*/
			padding: 0 120px 0 0;
			height: auto;
			width: auto;
			float: right;
			overflow: visible;
			background-color: #fff;
		}
		.cd-primary-nav::after {
			clear: both;
			content: "";
			display: table;
		}
		.cd-primary-nav.moves-out> li > a {
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
			opacity: 1;
		}
		.cd-primary-nav ul {
			position: static;
			height: auto;
			width: auto;
			background: transparent;
			overflow: visible;
			z-index: 3;
		}
		.cd-primary-nav ul.is-hidden {
			/* reset mobile style */
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
		}
		.cd-primary-nav ul.moves-out> li > a {
			/* reset mobile style */
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
			opacity: 1;
		}
		.cd-primary-nav> li {
			float: left;
			margin-left: 2.5em;
		}
		/* 1�? */
		.cd-primary-nav> li > a {
			position: relative;
			display: inline-block;
			height: 80px;
			line-height: 80px;
			padding: 0 9px;
			color: #08262c;
			font-weight: 400;
			font-size: 1.45rem;
			letter-spacing:-.05em;
			overflow: visible;
			border-bottom: none;
			-webkit-transition: color 0.3s, box-shadow 0.3s;
			-moz-transition: color 0.3s, box-shadow 0.3s;
			transition: color 0.3s, box-shadow 0.3s;
			-webkit-transition: height 0.1s;
			-moz-transition: height 0.1s;
			transition: height 0.1s;
		}
		.site-eng .cd-primary-nav> li > a {
			font-size: 1.35rem;
		}
		.site-eng .cd-primary-nav> li > a {
			letter-spacing:.0em !important;
		}
		.cd-primary-nav> li > a.selected2,
		.cd-primary-nav> li > a:hover {
			color: #000;
		}
		.cd-primary-nav> li > a.selected {
			color: #000;
			box-shadow: inset 0 -2px 0 #08262C;
		}

		/* Lang */
		.cd-primary-nav> li.cd-lang {
			margin-left: 2em;
		}
		.cd-primary-nav> li.cd-lang > a {
			position: relative;
			top:-1px;
			color: #888;
			font-size: 1.34rem;
		}
		.site-eng .cd-primary-nav> li.cd-lang > a {
			top:0;
			font-size: 1.26rem;
		}
		.cd-primary-nav> li.cd-lang:last-child {
			margin-left: 0;
		}
		.cd-primary-nav> li.cd-lang:last-child a {
			padding: 0 1px;
		}
		.cd-primary-nav> li.first-child a span::after {
			position: relative;
			top:-1px;
			color:#ddd;
			font-size:75%;
			content: '|';
			padding-left:10px;
		}
		.cd-primary-nav> li.cd-lang.active > a,
		.cd-primary-nav> li.cd-lang > a:hover {
			color: #555;
		}

		.cd-primary-nav .go-back {
			display: none;
		}
		.cd-primary-nav .cd-secondary-nav {
			position: absolute;
			top: 80px;
			width: 100vw;
			background-color: #fff;
			padding: 20px 60px;
			box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
			-webkit-transition: opacity .3s 0s, visibility 0s 0s;
			-moz-transition: opacity .3s 0s, visibility 0s 0s;
			transition: opacity .3s 0s, visibility 0s 0s;
		}
		.cd-primary-nav .cd-secondary-nav::after {
			clear: both;
			content: "";
			display: table;
		}
		.cd-primary-nav .cd-secondary-nav.is-hidden {
			opacity: 0;
			visibility: hidden;
			-webkit-transition: opacity .3s 0s, visibility 0s .3s;
			-moz-transition: opacity .3s 0s, visibility 0s .3s;
			transition: opacity .3s 0s, visibility 0s .3s;
		}
		.cd-primary-nav .cd-secondary-nav> li {
			width: 13.2%;
			min-height: 110px;
			float: left;
			margin-right: 1.3%;
			border-right: 1px solid #e2e3df;
			overflow: hidden;
			-webkit-overflow-scrolling: touch;
			-webkit-transition: height 0.3s, -webkit-transform 0.3s;
			-moz-transition: height 0.3s, -moz-transform 0.3s;
			transition: height 0.3s, transform 0.3s;
		}
		.cd-primary-nav .cd-secondary-nav> li .is-hidden.moves-out {
			height: 320px;
		}
		.cd-primary-nav .cd-secondary-nav> li:nth-child(8) {
			width: 13%;
			margin-right: 0;
			border-right: none;
		}
		.site-eng .cd-primary-nav .cd-secondary-nav> li {
			width: 15.6%;
			min-height: 170px;
			margin-right: 1.2%;
		}
		.site-eng .cd-primary-nav .cd-secondary-nav> li:nth-child(7) {
			margin-right: 0;
			border-right: none;
		}
		/* 2�? */
		.cd-primary-nav .cd-secondary-nav> li > a {
			color: #08262c;
			font-weight: 400;
			font-size: 1.4rem;
			letter-spacing:-.05em;
			margin-bottom: .5em;
		}
		/* 3�? */
		.cd-primary-nav .cd-secondary-nav a {
			height: 26px;
			line-height: 26px;
			padding: 0 18% 0 0;
			color: #3d5054;
			border-bottom: none;
			font-size: 1.15rem;
		}
		.cd-primary-nav .cd-secondary-nav> li > li ul {
			background-color:#ff0000;
		}
		.cd-primary-nav .cd-secondary-nav .ls0 a {
			font-size:1em;
			letter-spacing:.0em;
		}
		.cd-primary-nav .cd-secondary-nav a:hover {
			color: #000;
			text-decoration:none;
		}
		.cd-primary-nav .cd-secondary-nav ul {
			overflow: hidden;
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
		}
		.cd-primary-nav .cd-secondary-nav ul ul {
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
			-webkit-transform: translateX(100%);
			-moz-transform: translateX(100%);
			-ms-transform: translateX(100%);
			-o-transform: translateX(100%);
			transform: translateX(100%);
		}
		.cd-primary-nav .cd-secondary-nav ul ul .go-back {
			display: block;
		}
		.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
			color: transparent;
		}
		.cd-primary-nav .cd-secondary-nav .moves-out> li > a {
			-webkit-transform: translateX(-100%);
			-moz-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
			-o-transform: translateX(-100%);
			transform: translateX(-100%);
		}

		.has-children> a::before,
		.has-children> a::after,
		.go-back a::before,
		.go-back a::after {
			background: #c9cbc4;
		}
		.has-children> a:hover::before,
		.has-children> a:hover::after,
		.go-back a:hover::before,
		.go-back a:hover::after {
			background: #08262c;
		}
		.has-children> a::before,
		.has-children> a::after {
			right: 15%;
		}
		.cd-primary-nav> .has-children> a {
			padding-right: 30px !important;
		}
		.cd-primary-nav> .has-children> a::before,
		.cd-primary-nav> .has-children> a::after {
			width: 9px;
			-webkit-transform-origin: 50% 50%;
			-moz-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			-o-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			background: #c9cbc4;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transition: width 0.3s, -webkit-transform 0.3s;
			-moz-transition: width 0.3s, -moz-transform 0.3s;
			transition: width 0.3s, transform 0.3s;
		}
		.cd-primary-nav> .has-children> a::before {
			right: 12px;
		}
		.cd-primary-nav> .has-children> a::after {
			right: 7px;
		}
		.cd-primary-nav> .has-children> a.selected::before,
		.cd-primary-nav> .has-children> a.selected::after {
			width: 14px;
		}
		.cd-primary-nav> .has-children> a.selected::before {
			-webkit-transform: translateX(5px) rotate(-45deg);
			-moz-transform: translateX(5px) rotate(-45deg);
			-ms-transform: translateX(5px) rotate(-45deg);
			-o-transform: translateX(5px) rotate(-45deg);
			transform: translateX(5px) rotate(-45deg);
		}
		.cd-primary-nav> .has-children> a.selected::after {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.cd-secondary-nav> .has-children> a::before,
		.cd-secondary-nav> .has-children> a::after {
			display: none;
		}
		.cd-primary-nav .go-back a {
			padding-left: 20px;
		}
		.cd-primary-nav .go-back a::before,
		.cd-primary-nav .go-back a::after {
			left: 1px;
		}

		.cd-sms {
			top: 80px;
			display:none;
		}

		.cd-search {
			height: 70px;
			top: 80px;
		}
		.cd-search input {
			padding: 0 2em;
			font-size: 1.8rem;
			font-weight: 300;
		}

		.no-js .cd-primary-nav {
			position: absolute;
			width: auto;
			top: 0;
			right: 150px;
			z-index: 3;
			display: inline-block;
			padding: 0;
		}
		.no-js .nav-is-fixed .cd-primary-nav {
			position: fixed;
		}

		.cd-search-trigger {
			position: relative;
			top:-2px;
		}
	}



/* scroll to top */
	.scrollToTop {
		color: #999;
		position: fixed;
		z-index: 2;
		bottom: 107px;
		right: 11px;
		width: 36px;
		height: 36px;
		line-height: 35px;
		text-align: center;
		cursor: pointer;
		display: none;
		background-color: #fff;
		border: 1px solid #aaa;
		-webkit-animation-delay:1.5s;
		animation-delay:1.5s;
	}
	.scrollToTop:before {
		color:#999;
		font-size:8px;
		font-family: 'Themify Iconset';
		content:"\e648";
	}
	.scrollToTop:hover {
		border-color: #888;
	}
	.site-main .scrollToTop {
		width: 0;
		height: 0;
		opacity: 0;
	}
	@media screen and (min-width: 1169px) {
		.scrollToTop {
			bottom: 107px;
			right: 5px;
		}
	}
	@media screen and (max-width: 991px) {
		.scrollToTop {
			bottom: 77px;
			right: 6px;
		}
	}



/* Title Wrap */
	.title-wrap {
		padding:10px 10px 9px;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		margin-bottom:15px;
	}



/* Site Footer */
	.site-footer {
		font-size:90%;
		color: #666;
		line-height:23px;
		background-color: #f5f6f3;
	}
	.site-footer-wrap {
		padding: 25px 10px;
		border-top: 1px solid #e8eae4;
	}
	.site-footer .container {
		width:100%;
		max-width:100%;
	}
	.site-footer:before,
	.site-footer:after {
		display: table;
		content: " ";
	}
	.site-footer:after {
		clear: both;
	}
	.site-footer .sns_link a {
		width:30px;
		height:30px;
		color:#666;
		padding:0 3px;
		margin:4px 2px;
		overflow: hidden;
		display:inline-block;
		text-indent: 99999px;
		background-image: url('../images/sns01.png');
		background-size: 30px 30px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	.site-footer .sns_link a:nth-child(2) {
		background-image: url('../images/sns02.png');
	}
	.site-footer .sns_link a:nth-child(3) {
		margin-right:0;
		background-image: url('../images/sns03.png');
	}
	@media (max-width: 767px) {
		.site-footer .sns_link a:nth-child(3) {
			margin-right:2px;
		}
	}
	.site-footer .link a {
		color:#666;
		padding:0 3px;
		display:inline-block;
	}
	.site-footer .link a::after {
		position: relative;
		top:-1px;
		color:#bec2b1;
		font-size:90%;
		content: '|';
		padding-left:10px;
	}
	.site-footer .link a:last-child::after {
		content: '';
		padding-left:0;
	}
	.site-footer .link a:first-child {
		padding-left: 0;
	}
	.site-footer .link a:last-child {
		padding-right: 0;
	}
	.site-footer .link a.active,
	.site-footer .link a:hover,
	.site-footer .link a:focus {
		color:#000;
		text-decoration: none;
	}
	.site-footer address {
		font-size:.98em;
		letter-spacing:.05em !important;
		margin: 2px 0;
	}
	.site-footer span {
		margin-right:10px;
	}
	.site-footer span:last-child {
		margin-right:0;
	}
	.site-footer .container .m-block {
		display:block;
	}
	.site-footer .flogo {
		float:right;
	}
	.site-footer .flogo span {
		float:left;
		width:80px;
		height:70px;
		opacity: .4;
		display:inline-block;
		background-image: url('../images/flogo01.png');
		background-repeat: no-repeat;
		background-position: 50% 65%;
		-webkit-background-size: 68px 57px;
		-moz-background-size: 68px 57px;
		background-size: 68px 57px;
		-o-background-size: 68px 57px;
	}
	.site-footer .flogo span:nth-child(2) {
		background-image: url('../images/flogo02.png');
	}
	.site-footer .flogo span:nth-child(3) {
		background-image: url('../images/flogo03.png');
	}
	.site-footer .flogo span:nth-child(4) {
		background-image: url('../images/flogo04.png');
	}
	@media only screen and (min-width: 1170px) {
		.site-footer .container {
			width:94%;
			max-width:94%;
		}
	}
	@media only screen and (min-width: 1570px) {
		.site-footer .container {
			width:95%;
			max-width:95%;
		}
	}
	@media only screen and (max-width: 1169px) {
		.site-footer .flogo span {
			width:70px;
			height:80px;
			background-position: 50% 65%;
			-webkit-background-size: 68px 57px;
			-moz-background-size: 68px 57px;
			background-size: 68px 57px;
			-o-background-size: 68px 57px;
		}
	}
	@media only screen and (max-width: 991px) {
		.site-footer .flogo {
			float:none;
			text-align:center;
		}
		.site-footer .flogo span {
			float:none;
			width:64px;
			height:70px;
			background-position: 50% 80%;
			-webkit-background-size: 60px 50px;
			-moz-background-size: 60px 50px;
			background-size: 60px 50px;
			-o-background-size: 60px 50px;
		}
		.site-footer {
			line-height:20px;
			text-align:center;
			border-top-width: 3px;
		}
		.site-footer-wrap {
			padding: 20px 10px;
		}
		.address {
			display:block;
		}
		.site-footer .container .m-block {
			display:block;
		}
		.site-footer .link {
			margin-top:10px;
		}
		.site-footer address {
			font-size:90%;
		}
	}



/* Banner Marketing */
	#banner-marketing .overlay .s-title {
		font-size: 16px;
	}
	#banner-marketing .overlay .s-summury {
		font-size: 12px;
	}
	@media screen and (min-width: 481px) {
		#banner-marketing .overlay .s-title {
			font-size: 18px;
		}
			#banner-marketing .overlay .s-summury {
			font-size: 15px;
		}
	}



/* Separator */
	.separator {
		margin: 0 auto;
		max-width: 220px;
		color: #ffc000;
		font-size:14px;
		text-align: center;
		position: relative;
	}
	.separator:before,
	.separator:after {
		display: block;
		width: 40%;
		content: " ";
		margin-top: 20px;
		margin-bottom:15px;
		border: 1px solid #ddd;
	}
	.separator .icon {
		position: relative;
		top:8px;
		font-size:20px;
	}
	.separator:before {
		float: left;
	}
	.separator:after {
		float: right;
	}
	@media (max-width: 767px) {
		.separator {
			max-width: 200px;
		}
		.separator:before,
		.separator:after {
			margin-top: 15px;
		}
	}



/* Widget */
	.widget {
		display:block;
		position: relative;
		background-color: #fff;
		-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	.widget.active,
	.widget:hover,
	.widget:focus {
		text-decoration:none;
	}
	.widget .cover {
		width: 100%;
	}
	[class*="blocks-"] > li > .widget {
		margin-bottom: 0;
	}
	.widget-shadow {
		-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
		box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
	}
	a.widget-shadow.active,
	a.widget-shadow:hover,
	a.widget-shadow:focus {
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
		box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
	}
	.widget-border {
		border: 1px solid #e5e5e5;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	a.widget-border.active,
	a.widget-border:hover,
	a.widget-border:focus {
		border-color: #a8a8a8;
	}
	.widget-body {
		position: relative;
		padding: 20px 15px 15px;
	}
	.widget-footer.widget-footer-line,
	.widget-body.widget-body-line {
		border-top: 1px solid #f2f2f2;
	}
	.widget-body-footer {
		margin-top: 5px;
		font-size:14px;
	}
	.widget-body-footer:before,
	.widget-body-footer:after {
		display: table;
		content: " ";
	}
	.widget-body-footer:after {
		clear: both;
	}
	.widget-content ul {
		padding: 0;
		margin: 0;
	}
	.widget-content li {
		list-style: none;
	}
	.widget-memo {
		margin-top: 5px;
		line-height:20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.widget-memo.widget-memo-long {
		min-height:40px;
		white-space: normal;
		/*background-color:#ff0000;*/
	}
	.widget-memo.widget-memo-not {
		white-space: normal;
	}
	.widget-title {
		margin-top: 0;
		color: #333;
		font-size:1.5em;
		line-height:1.18em;
		text-transform: capitalize;
		-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	.site-eng .widget-title {
		letter-spacing:.0em;
	}
	a.widget.active h5.widget-title,
	a.widget:hover h5.widget-title,
	a.widget:focus h5.widget-title {
		text-decoration:underline;
	}
	div.widget-title {
		font-size: 18px;
	}
	.project_detail .widget-title {
		font-size: 26px;
		line-height:31px;
		padding: 12px 30px;
	}
	.overlay-panel .widget-title {
		color: #fff;
	}
	.widget > .widget-title {
		padding: 12px 20px;
	}
	.widget-metas {
		clear: both;
		font-size: .9em;
		color: #999;
		margin:0 0 5px 0;
	}
	.widget-metas.type-link > a,
	.widget-metas.type-link > span {
		position: relative;
		display: inline-block;
		padding: 0 8px;
		color: #999;
		-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	.widget-border.active *,
	.widget-border:hover *,
	.widget-border:focus *,
	.widget-border.active .widget-metas.type-link > a,
	.widget-border:hover .widget-metas.type-link > a,
	.widget-border:focus .widget-metas.type-link > a,
	.widget-border.active .widget-metas.type-link > span,
	.widget-border:hover .widget-metas.type-link > span,
	.widget-border:focus .widget-metas.type-link > span {
		color: #000 !important;
	}
	.widget-metas.type-link > a:first-child,
	.widget-metas.type-link > span:first-child {
		padding-left: 0;
	}
	.widget-metas.type-link > a:hover {
		color: #666;
	}
	.widget-metas.type-link > a + a:before,
	.widget-metas.type-link > span + span:before {
		position: absolute;
		top: 50%;
		left: -7px;
		margin-top:-9px;
		color: #ccc;
		content:"\f17f";
		font-family: 'Web Icons';
	}
	.overlay-background .widget-time {
		color: #fff;
		opacity: .8;
	}
	.widget-category {
		font-size: 16px;
	}
	.widget-actions {
		margin-top: 10px;
		text-align: right;
	}
	.widget-actions a {
		display: inline-block;
		margin-right: 10px;
		color: #a3afb7;
		vertical-align: middle;
	}
	.widget-actions a.icon,
	.widget-actions a .icon {
		text-decoration: none;
	}
	.widget-actions a.icon + span,
	.widget-actions a .icon + span {
		margin-left: 2px;
	}
	.widget-actions a.active,
	.widget-actions a:hover,
	.widget-actions a:focus {
		color: #ccd5db;
		text-decoration: none;
	}
	.widget-actions a:last-child {
		margin-right: 0;
	}
	.widget-actions-sidebar {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 60px;
	}
	.widget-actions-sidebar a {
		display: inline-block;
		width: 100%;
		height: 60px;
		margin-right: 0;
		text-align: center;
		border-right: 1px solid #e4eaec;
	}
	.widget-actions-sidebar a:before {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		content: '';
	}
	.widget-actions-sidebar a + a {
		border-top: 1px solid #e4eaec;
	}
	.widget-actions-sidebar + .widget-content {
		margin-left: 80px;
	}
	.widget-watermark {
		position: absolute;
		right: 0;
		bottom: 0;
		line-height: 1;
		opacity: .1;
	}
	.widget-watermark.darker {
		color: black;
	}
	.widget-watermark.lighter {
		color: white;
	}
	.widget-divider:after {
		display: block;
		width: 20px;
		height: 2px;
		margin: 10px auto;
		content: "";
		background-color: #fff;
	}
	.widget-left {
		position: absolute;
		top: 0;
		left: 0;
		width: 40%;
		height: 100%;
	}
	.widget-left + .widget-body {
		width: 60%;
		margin-left: 40%;
	}
	@media (min-width: 1801px) {
		.widget-title {
			font-size:1.6em;
		}
		.widget-metas {
			font-size: 1em;
		}
		.widget-border p {
			font-size: 1.1em;
		}
	}
	@media (max-width: 1800px) {
		.widget-title {
			font-size:1.35em;
		}
	}
	@media (max-width: 1169px) {
		.widget-title {
			font-size:1.3em;
		}
	}
	@media (max-width: 991px) {
		.widget-title {
			font-size:1.4em;
		}
	}
	@media (max-width: 767px) {
		.widget-title {
			font-size:1.27em;
		}
		.widget-left {
			position: relative;
			width: 100%;
			height: 320px;
		}
		.widget-left + .widget-body {
			width: 100%;
			margin-left: 0;
		}
		.project_detail .widget-title {
			font-size: 22px;
			line-height:27px;
			padding: 2px 10px;
		}
	}



/* App Media */
	.media-list ul {
		width: 100%;
		padding:0;
		margin:0;
	}
	.media-list .media-item {
		position: relative;
		padding: 5px 0;
		margin:5px 0;
		list-style:none;
	}
	.media-list .title {
		width:98%;
		display:block;
		overflow: hidden;
		font-size: 14px;
		line-height: 18px;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom:7px;
	}
	.media-list .media-body .title {
		margin-bottom:2px;
	}
	.media-list .media {
		margin:0;
		display:block;
		overflow: hidden;
	}
	.media-line .media {
		padding-bottom:15px;
		border-bottom: 1px solid #eee;
	}
	.media-list .media-item:last-child .media {
		padding-bottom:0;
		border-bottom: 0;
	}
	.media-list .media:active,
	.media-list .media:hover {
		text-decoration: none;
	}
	.media-list .media-left {
		padding:0 15px 0 0;
	}
	.media-list .media-object {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border: 1px solid #eee;
	}
	.media-list .media-body .condition {
		font-size: 12px;
		line-height: 16px;
		margin-bottom:2px;
	}
	.media-list .media-body .memo {
		font-size: 12px;
		line-height: 17px;
	}
	.media-list .media-body a h4,
	.news-wrap .media-body a h4 {
		display: inline-block;
		width: 210px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size:15px;
		line-height: 20px;
		margin:0;
		margin-bottom:2px;
	}
	@media screen and (min-width: 500px) {
		.media-list .media-body a h4,
		.news-wrap .media-body a h4 {
			width: 260px;
		}
	}
	@media screen and (min-width: 700px) {
		.media-list .media-body a h4,
		.news-wrap .media-body a h4 {
			width: 300px;
		}
	}
	.news-wrap .media-body .news_contents {
		margin-top:-3px;
		color: #9e9e9e;
		font-size:12px;
		display: inline-block;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 18px;
		max-height: 4.2em;
		text-align: left;
		word-wrap: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}



/* News Report */
	.news-report .table {
		table-layout: fixed;
		margin-bottom:0;
		border-top:0 !important;
	}
	.news-report .table .content {
		display:block;
		position: relative;
		padding-left:10px;
	}
	.news-report .table .content > * {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news-report .table td {
		background-color:#fff;
	}
	.news-report .table a {
		text-decoration: none;
	}
	.news-report .table .title {
		font-size:13px;
		line-height: 24px;
	}
	.news-report .table .title > * {
		margin-right: 10px;
	}
	.news-report .table .metas {
		color: #a3afb7;
	}
	.news-report .table .metas > span {
		position: relative;
		margin-right: 10px;
	}
	.news-report .table .metas > span + span:before {
		position: absolute;
		top: 50%;
		left: -8px;
		width: 2px;
		height: 2px;
		content: "";
		background-color: #c5ced5;
	}
	.news-report .table .forum-posts {
		text-align: right;
		line-height: 26px;
		padding-right:10px;
	}
	.news-report .dropdown-menu em {
		font-style:normal;
	}



/* Project Detail */
	.company-wrap {
		text-align:center;
		padding:0 20px 10px;
		margin-top:-30px;
		background-color:#fff;
	}
	.company-wrap .com_info {
		margin-top:10px;
		line-height:21px;
		letter-spacing:-.05em;
	}
	.site-eng .company-wrap .com_info {
		letter-spacing:.0em;
	}
	.company-wrap .com_info strong {
		color:#555;
		font-size:17px;
	}
	.company-wrap .com_info span {
		color:#888;
		font-size:15px;
		margin-left:10px;
	}
	.company-wrap .avatar {
		border: 1px solid #ddd;
		background-color:#fff;
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .12);
		box-shadow: 0 0 2px rgba(0, 0, 0, .12);
	}
	.company-tag {
		text-align:center;
		padding:5px 10px;
	}
	.company-tag .label {
		display:inline-block;
		margin:3px 0;
	}
	.project_detail .detail-banner {
		position: relative;
		overflow: hidden;
	}
	.project_detail .fa-invest {
		color: #fff;
		position: absolute;
		z-index: 1005;
		top: 10px;
		right: 10px;
		width: 40px;
		height: 40px;
		text-align: center;
		cursor: pointer;
		background-color: #999;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-animation-delay:1.5s;
		animation-delay:1.5s;
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
		box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	}
	.project_detail .fa-invest.active,
	.project_detail .fa-invest:hover {
		background-color: #ff8124;
	}
	.project_detail .fa-invest i {
		line-height: 40px;
		font-size: 150%;
	}



/* Wrap Cscenter Scroll */
	.wrap-cscenter-scroll {
		position:relative;
	}
	.wrap-cscenter-scroll .inner {
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		white-space:nowrap;
	}
	.wrap-cscenter-scroll:after {
		content:'';
		display:block;
		position:absolute;
		right:0;
		bottom:0;
		left:0;
		z-index:-1;
		height:.1rem;
	}



/* 404 ERROR */
	.page-error header h1 {
	  font-size: 3em;
	  font-weight: 400;
	}
	.page-error header p {
	  margin-bottom: 10px;
	  font-size: 16px;
	  text-transform: uppercase;
	}
	.page-error .error-advise {
		font-size: 14px;
		margin-bottom: 15px;
		color: #aaa;
	}



/* open-nav button */
	.open-nav {
		position: relative;
		transition: all 600ms ease;
		-webkit-transition: all 600ms ease;
		-moz-transition: all 600ms ease;
		-o-transition: all 600ms ease;
		-ms-transition: all 600ms ease;
		z-index: 100003;
	}

	.open-nav span {
		display: inline-block;
		position: absolute;
		left: 49%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		width: 19px;
		height: 3px;
		background-color: #666;
	}

	.open-nav span:before,
	.open-nav span:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: #666;
		left: 0;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform .3s, background .3s;
		-webkit-transition: -webkit-transform .3s, background .3s;
		-moz-transition: -moz-transform .3s, background .3s;
		-o-transition: -o-transform .3s, background .3s;
		-ms-transition: -ms-transform .3s, background .3s;
	}

	.open-nav span:before {
		width: 90%;
		-webkit-transform: translateY(-6px) rotate(0deg);
		-moz-transform: translateY(-6px) rotate(0deg);
		-ms-transform: translateY(-6px) rotate(0deg);
		-o-transform: translateY(-6px) rotate(0deg);
		transform: translateY(-6px) rotate(0deg);
	}

	.open-nav span:after {
		width: 60%;
		-webkit-transform: translateY(6px) rotate(0deg);
		-moz-transform: translateY(6px) rotate(0deg);
		-ms-transform: translateY(6px) rotate(0deg);
		-o-transform: translateY(6px) rotate(0deg);
		transform: translateY(6px) rotate(0deg);
	}

	.open-nav:active span:before {
		width: 100%;
		-webkit-transform: translateY(-7px) rotate(0deg);
		-moz-transform: translateY(-7px) rotate(0deg);
		-ms-transform: translateY(-7px) rotate(0deg);
		-o-transform: translateY(-7px) rotate(0deg);
		transform: translateY(-7px) rotate(0deg);
	}

	.open-nav:active span:after {
		width: 100%;
		-webkit-transform: translateY(7px) rotate(0deg);
		-moz-transform: translateY(7px) rotate(0deg);
		-ms-transform: translateY(7px) rotate(0deg);
		-o-transform: translateY(7px) rotate(0deg);
		transform: translateY(7px) rotate(0deg);
	}

	.open-nav.is-clicked {
		background-color: #1f77ce !important;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.open-nav.is-clicked span {
		background-color: transparent;
	}

	.open-nav.is-clicked span:before,
	.open-nav.is-clicked span:after {
		background-color: #fff;
	}

	.open-nav.is-clicked span:before {
		width: 100%;
		-webkit-transform: translateY(0) rotate(45deg);
		-moz-transform: translateY(0) rotate(45deg);
		-ms-transform: translateY(0) rotate(45deg);
		-o-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}

	.open-nav.is-clicked span:after {
		width: 100%;
		-webkit-transform: translateY(0) rotate(-45deg);
		-moz-transform: translateY(0) rotate(-45deg);
		-ms-transform: translateY(0) rotate(-45deg);
		-o-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}



/* Dream Makers */
	.dream-makers {
		display:block;
		margin:3px;
		text-align:center;
		background-color:#fff;
		border: 1px solid #eee;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.dream-makers .dream-makers-img {
		width:100%;
		height:64px;
		margin:0 auto;
		overflow: hidden;
		text-align:center;
		vertical-align: middle;
	}
	.dream-makers .dream-makers-img img {
		margin:15px auto !important;
		width:auto !important;
		max-width:auto !important;
		height:34px !important;
	}



/* Project List */
	.project-list {
		padding:10px 10px 0 10px;
	}
	.project-list .item {
		position: relative;
		margin-bottom:20px;
	}
	.project-list .item .item-btn {
		position: absolute;
		right:10px;
		top:10px;
		z-index:1;
	}



/* login-wrap */
	.login-wrap a {
	  margin-left: 10px;
	}
	.login-wrap .form-control {
		color:#000;
		font-size:14px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.login-wrap .btn-submit {
		color:#fff;
		font-size:15px;
		background-color: #1f77ce;
		border-color: transparent;
		padding-top:11px;
		padding-bottom:9px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.login-wrap .btn-submit.active,
	.login-wrap .btn-submit:hover,
	.login-wrap .btn-submit:focus {
		color:#fff;
		text-shadow:none;
		background-color: #3088df;
		border-color: transparent;
	}


/* service */
	.service_img {
		width:80px !important;
		height:80px !important;
		margin:8px auto !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 1px solid #e8f3fc;
		background-color: #f3faff;
		overflow: hidden;
	}
	.service_img_no {
		margin:0 auto !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border: none;
		background-color: transparent;
	}
	.service_img img {
		width:65% !important;
		margin:14px auto !important;
		opacity: .7;
	}
	.service_img_no img {
		width:90% !important;
		margin:0 auto !important;
	}



/* Community Section */
	.content-boxes {
		width: 100%;
		position: relative;
		z-index: 2;
		overflow: hidden;
	}
	.content-boxes .loop {
		position: relative;
		margin-bottom:15px;
		text-align:center;
	}
	.content-boxes .extra-content,
	.content-boxes .loop a,
	.content-boxes .loop a::after {
		width: 100px;
		height: 94px;
	}
	.content-boxes .loop a {
		margin: 0 auto;
		display: block;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		background-image: url('../images/community-icon01.png');
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 140px 140px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.content-boxes .loop a::after {
		position: absolute;
		content: '';
		display: block;
		left: 0;
		top: 0;
		z-index: 1;
		background-color: rgba(14, 80, 143, .2);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.content-boxes .loop.content-boxes-02 a {
		background-image: url('../images/community-icon02.png');
	}
	.content-boxes .loop.content-boxes-03 a {
		background-image: url('../images/community-icon03.png');
	}
	.content-boxes .loop.content-boxes-04 a {
		background-image: url('../images/community-icon04.png');
	}
	.content-boxes .loop.content-boxes-05 a {
		background-image: url('../images/community-icon05.png');
	}
	.content-boxes .loop.content-boxes-06 a {
		background-image: url('../images/community-icon06.png');
	}
	.content-boxes .loop.content-boxes-07 a {
		background-image: url('../images/community-icon07.png');
	}
	.content-boxes .loop.content-boxes-08 a {
		background-image: url('../images/community-icon08.png');
	}
	.content-boxes .loop.content-boxes-09 a {
		background-image: url('../images/community-icon09.png');
	}
	.content-boxes .loop.content-boxes-10 a {
		background-image: url('../images/community-icon10.png');
	}
	.content-boxes .loop.content-boxes-11 a {
		background-image: url('../images/community-icon11.png');
	}
	.content-boxes .loop.content-boxes-12 a {
		background-image: url('../images/community-icon12.png');
	}
	.content-icon {
		margin: 0 auto;
		overflow: hidden;
		margin-top:-5px;
	}
	.content-icon i {
		color: #fff;
		font-size: 32px;
	}
	.content-boxes .extra-content {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
		background-color: #497eb7;
		background-color: rgba(73, 126, 183, .6);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.content-boxes .loop a.active .extra-content {
		background-color: #3683e2;
		background-color: rgba(54, 131, 226, .8);
	}
	.content-boxes .extra-table {
		display: table;
		overflow: hidden;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		text-align: center;
	}
	.content-boxes .extra-inner {
		display: table-cell;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 14px;
		vertical-align: middle;
	}
	.content-boxes .extra-inner h5 {
		color: #fff;
		font-size: 14px;
		line-height:18px;
		font-weight: 700;
		text-shadow: 0 0 1px rgba(0, 0, 0, .1);
		margin-top: 15px;
		letter-spacing: .05em;
		text-transform: uppercase;
	}
	@media (min-width: 768px) {
		.content-boxes .extra-content,
		.content-boxes .loop a,
		.content-boxes .loop a::after {
			width: 120px;
			height: 114px;
		}
		.content-boxes .loop a {
			background-size: 160px 160px;
		}
		.content-boxes .extra-inner h5 {
			font-size: 15px;
		}
	}
	.common_tab > div {
		margin-bottom: 10px;
	}
	.common_tab > div a {
		display: block;
		height: 34px;
		padding: 0 10px;
		margin-bottom:8px;
		color: #666;
		font-size: 13px;
		line-height: 32px;
		border: #eee solid 1px;
		background-color: #fcfcfc;
		border-radius: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.common_tab > div a:hover,
	.common_tab > div a:focus,
	.common_tab > div a.active {
		color: #2d67a3;
		text-decoration:none;
	}
	.common_tab > div a i {
		color: #999;
		font-size: 14px;
		margin-right: 5px;
	}

	.community-img {
		position: relative;
		width: 300px;
		height: 300px;
		margin:20px auto;
	}
	.community-img .circle {
		z-index: 1;
		text-align: center;
		position: absolute;
		left: 10px;
		top: 12px;
		width: 280px;
		height: 280px;
		border-radius: 50%;
		border: #ddd solid 2px;
		color: #555;
		font-size: 40px;
		line-height: 280px;
		background-color: #fffdf9;
	}
	.community-img .circle img {
		width: 180px;
	}
	.community-img .circle span {
		position: relative;
		top: -3px;
	}
	.community-img .circle-item i {
		display: block;
		font-size: 30px;
		line-height:30px;
	}
	.community-img .circle-item span {
		display: block;
		margin-top: 22px;
	}
	.community-img .circle-item {
		z-index: 3;
		text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		text-align: center;
		position: absolute;
		left: 50%;
		top: -15px;
		margin-left: -39px;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		background-color: #497eb7;
		color: #fff;
		font-size: 14px;
		opacity: .9;
	}
	.community-img .circle-item:nth-child(2) {
		left: 0;
		top: 215px;
		margin-left: 0;
		background-color: #3f90a8;
	}
	.community-img .circle-item:last-child {
		left: auto;
		right: 0;
		top: 215px;
		margin-left: 0;
		background-color: #f6a813;
	}



/* share */
	.share-wrap {
		margin:10px 0;
		text-align:center;
	}
	.share-wrap a {
		position: relative;
		display:inline-block;
		color:#555;
		font-size:12px;
		letter-spacing: -.05em;
	}
	.share-wrap a .counter {
		position:absolute;
		width:23px;
		height:23px;
		z-index:3;
		top:2px;
		right:-10px;
		color:#fff;
		font-weight: 700;
		line-height:23px;
		letter-spacing: .0em;
		background-color:#ff3000;
		border-radius: 50%;
		-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
		box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	}
	.share-wrap a.active,
	.share-wrap a:hover,
	.share-wrap a:focus {
		color:#000;
		text-decoration:none;
	}
	.share-wrap a .share-icon {
		width: 44px;
		height: 44px;
		color:#fff;
		font-size:21px;
		line-height: 49px;
		text-shadow:0 0 2px rgba(0, 0, 0, .1);
		margin:5px auto;
		border-radius: 50%;
		overflow: hidden;
		background-color: #ccc;
	}
	.share-wrap > div:nth-child(2) .share-icon {
		line-height: 46px;
		/*background-color: #f8bb00;*/
	}
	.share-wrap > div:nth-child(3) .share-icon {
		/*background-color: #54b6e9;*/
	}
	.share-wrap > div:nth-child(4) .share-icon {
		/*background-color: #53c507;*/
	}



/* Detail Contents */
	.detail-contents {
		padding:10px 15px;
		font-size:13px;
	}
	.detail-contents img {
		width:100%;
	}
	.detail-contents p {
		margin:0 0 10px 0;
	}
	.detail-contents h1,
	.detail-contents h2,
	.detail-contents h3,
	.detail-contents h4
	.detail-contents h5,
	.detail-contents h6 {
		font-weight: 400;
		font-size:inherit;
	}



/* Abler Wrap */
	.abler_wrap .abler_benefit .box {
		display:block;
		color: #888;
		font-size: 13px;
		line-height: 20px;
		margin-top: 5px;
		margin-bottom: 15px;
		padding:1px;
		background-color: #eee;
		border-radius: 0;
		text-decoration:none !important;
		transition: transform .3s, background .2s;
		-webkit-transition: -webkit-transform .2s, background .2s;
		-moz-transition: -moz-transform .2s, background .2s;
		-o-transition: -o-transform .2s, background .2s;
		-ms-transition: -ms-transform .2s, background .2s;
	}
	.abler_wrap .abler_benefit .box:hover {
		position: relative;
		cursor: pointer;
		box-shadow: none;
		text-decoration:none !important;
		background-color: #1c9cfe;
	}
	.abler_wrap .abler_benefit .box:hover .date {
		color: #fff;
		background-color: #1c9cfe;
	}
	.abler_wrap .abler_benefit .box.none:hover:after {
		display: none;
	}
	.abler_wrap .abler_benefit .box .frame {
		padding: 15px;
		background-color: #fff;
	}
	.abler_wrap .abler_benefit .box .title .money {
		vertical-align: middle;
		margin-bottom: 10px;
	}
	.abler_wrap .abler_benefit .box .title .money strong {
		color: #333;
		font-size: 24px;
		font-weight: 400 !important;
		margin-right: 2px;
		vertical-align: middle;
	}
	.abler_wrap .abler_benefit .box .title .money span {
		position: relative;
		top: 3px;
	}
	.abler_wrap .abler_benefit .box .like-ment {
		color: #333;
		font-size: 15px;
	}
	.abler_wrap .abler_benefit .box .summury {
		color: #666;
		margin-top:5px;
	}
	.abler_wrap .abler_benefit .box .cheer {
		margin-top: 14px;
		text-align: center;
	}
	.abler_wrap .abler_benefit .box .cheer .count {
		vertical-align: middle;
		display: inline-block;
		height: 21px;
		padding: 0 12px;
		margin-right: 4px;
		border-radius: 0;
		color: #fff;
		font-size: 12px;
		line-height: 21px;
		background-color: #ffbd3e;
	}
	.abler_wrap .abler_benefit .box .cheer .txt2 {
		vertical-align: middle;
		display: inline-block;
	}
	.abler_wrap .abler_benefit .box .date {
		padding: 10px 0;
		margin: 0;
		text-align: center;
		background-color: #fafafa;
		transition: transform .3s, background .2s;
		-webkit-transition: -webkit-transform .2s, background .2s;
		-moz-transition: -moz-transform .2s, background .2s;
		-o-transition: -o-transform .2s, background .2s;
		-ms-transition: -ms-transform .2s, background .2s;
	}
	.abler_wrap .abler_benefit .box .date strong {
		font-weight: 400;
	}
	.abler_wrap .abler_benefit .box .date span {
		position: relative;
		top: 1px;
		font-size: 14px;
		margin-left: 5px;
	}
	.abler_wrap .abler_benefit .box .date i {
		position: relative;
		top: 1px;
		font-size: 18px;
		margin-right: 4px;
	}
	.abler_wrap .abler_benefit .box.none {
		opacity: 0.800000011920928955078125;
		cursor: default !important;
	}
	.abler_wrap .abler_benefit .box.none .txt_condition {
		padding: 0 0 5px 0;
	}
	.abler_wrap .abler_benefit .box.none .txt_condition + .title {
		padding-bottom: 5px;
	}
	.abler_wrap .abler_benefit .box.none .title,
	.abler_wrap .abler_benefit .box.none .txt,
	.abler_wrap .abler_benefit .box.none .cheer .txt2 {
		color: rgba(74, 74, 72, 0.6);
	}
	.abler_wrap .abler_benefit .box.none .cheer .count {
		background: rgba(74, 74, 72, 0.4);
	}
	.abler_wrap .abler_benefit .box.none .date {
		opacity: 0.60000002384185791015625;
	}



/* Campaign Write */
	.pay_box {
		margin: 10px 0;
		padding: 15px;
		font-size: 13px;
		text-align: center;
		cursor: pointer;
		min-height:145px;
		border: #eee solid 2px;
		background-color: #fdfdfd;
		border-radius: 0;
		transition: transform .3s, border .2s;
		-webkit-transition: -webkit-transform .2s, border .2s;
		-moz-transition: -moz-transform .2s, border .2s;
		-o-transition: -o-transform .2s, border .2s;
		-ms-transition: -ms-transform .2s, border .2s;
	}
	.pay_box.active {
		border: #497eb7 solid 2px;
		background-color: #f4f4f4;
	}
	.pay_box.soldout {
		background: #fbfbfb;
	}
	.pay_box.soldout * {
		color: #b5b5b5 !important;
	}
	.pay_box .title {
		margin:3px 0;
		overflow: hidden;
		color: #333;
		font-size: 15px;
		line-height:18px;
		font-weight: 400;
		white-space: nowrap;
		text-overflow: ellipsis;
		word-break: keep-all;
		overflow-wrap: normal;
	}
	.pay_box .txt_condition,
	.pay_box .txt_condition+ .title {
		padding-top: 5px;
	}
	.pay_box .money {
		line-height:22px;
		font-weight: 400;
		margin:4px 0;
		vertical-align: middle;
	}
	.pay_box .money strong {
		position: relative;
		top: -2px;
		color: #497eb7;
		font-size: 26px;
		font-weight: 400 !important;
		vertical-align: middle;
	}
	.pay_box .txt {
		color: #888;
		font-size: 12px;
		line-height:17px;
		font-weight: 400;
		min-height:35px;
		padding:0 25px;
		overflow: hidden;
		margin-bottom:5px;
	}



/* Block Group */
	.max-width,
	.block-group {
		max-width:2000px;
		margin:0 auto;
	}
	.max-width {
		padding-top:15px;
	}
	.max-width .nav-justified {
		margin-bottom:0;
	}
	.max-width .nav-justified > li > a {
		color:#888 !important;
		font-size:22px;
		letter-spacing:-.05em;
		padding-top:13px;
		padding-bottom:12px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-bottom-left-radius: 0;
		border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-bottom-right-radius: 0;
		border-bottom-right-radius: 0;
		border: #ccc solid 2px !important;
		border-bottom-width: 0 !important;
		margin:0;
		background-color: #fdfdfd !important;
	}
	.site-eng .max-width .nav-justified > li > a {
		letter-spacing:.0em;
	}
	.max-width .nav-justified > li.active > a,
	.max-width .nav-justified > li.active > a:hover,
	.max-width .nav-justified > li.active > a:focus {
		color:#fff !important;
		border: #5192fe solid 2px !important;
		border-bottom-width: 0 !important;
		background-color: #5192fe !important;
	}
	.block-group {
		position: relative;
		display:block;
		padding:3.5% 6.5%;
		overflow: hidden;
		font-size:125%;
		line-height:1.6em;
		background-repeat: no-repeat;
		/*background-attachment:fixed;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.block-group.grey-bg-100 {
		background-color: #f9f9f9;
	}
	.block-group .title {
		font-size:300%;
		font-weight: 700;
		line-height:1.1em;
		letter-spacing:-.05em;
		margin-bottom:1%;
	}
	.site-eng .block-group .title {
		letter-spacing:.0em;
	}
	.block-group .title div {
		font-size:60%;
	}
	.block-group .ad-contents {
		margin:1% 0;
	}
	.block-group .ad-contents p {
		font-size:120%;
		line-height:1.3em;
	}
	.block-group .ad-contents .ad-contents-small {
		opacity: .8;
	}
	.separator-line {
		margin: 0 auto;
		max-width: 200px;
		position: relative;
	}
	.separator-line:after {
		display: block;
		width: 40%;
		content: " ";
		margin: 20px auto;
		border: 1px solid #ddd;
	}
	.separator-line.separator-line-blue:after {
		border: 1px solid #5192fe;
	}

	.separator-i {
		margin: 4% auto;
		max-width: 140px;
		position: relative;
	}
	.separator-i:before,
	.separator-i:after {
		display: block;
		width: 30%;
		content: " ";
		margin-top: 16px;
		margin-bottom:15px;
		border: 1px solid #ddd;
	}
	.separator-i i {
		position: relative;
		top:6px;
		color: #5192fe;
		font-size:240%;
	}
	.separator-i:before {
		float: left;
	}
	.separator-i:after {
		float: right;
	}

	.particle-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 92%;
	}
	.block-group .summury {
		font-size: 100%;
	}
	.block-group .btn-style {
		display:inline-block;
		font-size: 105%;
		font-weight: 700;
		padding:.7% 2.4%;
		border-radius: 0;
		margin:1% 0;
	}
	.block-group .btn-style2 {
		display:block;
	}
	.block-group a,
	.block-group a:hover,
	.block-group a:focus {
		text-decoration:none;
	}

	/* contents-type */
		.contents-type {
			padding:3% 8% 4%;
		}
		.contents-type-title {
			color:#333;
			font-size:22px;
			line-height:1.3em;
			margin-top:3%;
		}
		.contents-type .btn-link {
			letter-spacing:-.05em;
		}
		.site-eng .contents-type .btn-link {
			letter-spacing:.0em;
		}
		.contents-type .btn-link i {
			margin-left:6px;
			font-size:14px;
		}
		.contents-type-title .separator-line {
			margin-bottom:3%;
		}
		.contents-type-subtitle {
			color:#555;
			font-size:19px;
			line-height:1.2em;
			margin:2.5% 0 1.5%;
		}
		.row-loop .contents-type-subtitle {
			margin-top:5%;
		}
		.contents-type-memo {
			font-size:14px;
			line-height:1.6em;
		}
		.row-loop {
			margin-top:2%;
			margin-bottom:2%;
		}
		.row-gallery .loop {
			text-align:center;
			margin-bottom:2%;
		}
		.row-gallery .loop img {
			padding:4%;
			margin:0 auto;
		}

	@media (min-width: 768px) {
		.block-group {
			padding:6% 2%;
			font-size:110%;
		}
		.block-group .title {
			font-size:230%;
			margin-bottom:.6%;
		}
		.block-group .ad-contents {
			margin:2% 0 5%;
		}
		.block-group .btn-style {
			padding:10px 3%;
			border-radius: 0;
			margin:2% 0;
		}
		.block-group .circle-icon {
			width:140px;
			height:140px;
		}
		.block-group .circle-memo {
			font-size:80%;
		}
		.max-width .nav-justified > li > a {
			font-size:20px;
			line-height:20px;
			padding-top:14px;
			padding-bottom:13px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-moz-border-bottom-left-radius: 0;
			border-bottom-left-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-bottom-right-radius: 0;
			border-bottom-right-radius: 0;
		}
	}

	@media (min-width: 280px) and (max-width: 767px) {
		.block-group {
			padding:6.5% 3%;
			font-size:100%;
		}
		.block-group .title {
			font-size:230%;
			margin-bottom:2%;
		}
		.block-group .title div {
			line-height:1.4em;
		}
		.block-group .ad-contents {
			margin:2% 0;
		}
		.block-group .circle-type {
			padding:4% 0;
		}
		.block-group .circle-icon {
			width:100px;
			height:100px;
		}
		.block-group .circle-subject {
			font-size:100%;
		}
		.block-group .circle-memo {
			font-size:90%;
		}
		.block-group .btn-style {
			padding:2% 5%;
			border-radius: 0;
			margin:4% 0;
		}
		.block-group .btn-style2 {
			padding:10px 5%;
			margin:3% 0;
		}
		.max-width .nav-justified > li > a {
			font-size:16px;
			line-height:20px;
			padding-top:10px;
			padding-bottom:9px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-moz-border-bottom-left-radius: 0;
			border-bottom-left-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-bottom-right-radius: 0;
			border-bottom-right-radius: 0;
			border-width:1px !important;
			border-bottom-width:0 !important;
		}

		.separator-line {
			max-width: 140px;
		}
		.separator-line:after {
			margin-top: 15px;
		}
		.separator-i i {
			top:9px;
		}
	}



/* Main Components */
	.jb-table-cell,
	.jb-table-cell::after {
		height:400px;
	}
	.jb-table-cell {
		z-index: 1;
		display:block;
		position: relative;
		padding: 0;
		overflow: hidden;
		text-align:center;
		border: 5px solid #fff;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		-webkit-transition: color 0.3s 0.3s;
		-moz-transition: color 0.3s 0.3s;
		transition: color 0.3s 0.3s;
	}
	.jb-table-cell:hover {
		color:#fff;
		text-decoration:none;
	}
	.jb-table-cell::after {
		position:absolute;
		content:'';
		display:block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url('../images/cover_bg.png') repeat 0 0;
		opacity: 0.1;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.jb-table-cell:hover::after {
		opacity: 1;
	}
	.jb-table-cell.cd-group-bg1,
	.jb-table-cell.cd-group-bg1::after {
		height:800px;
	}
		.jb-table-cell.cd-group-bg1 {
			background-image: url('../images/spring/img-1-large.jpg');
		}
		.jb-table-cell.cd-group-bg2 {
			background-image: url('../images/spring/img-2-large.jpg');
		}
		.jb-table-cell.cd-group-bg3 {
			background-image: url('../images/spring/img-3-large.jpg');
		}

	/* �? */
		.spring .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/spring/img-1-large.jpg');
		}
		.spring .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/spring/img-2-large.jpg');
		}
		.spring .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/spring/img-3-large.jpg');
		}

	/* ?���? */
		.summer .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/summer/img-1-large.jpg');
		}
		.summer .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/summer/img-2-large.jpg');
		}
		.summer .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/summer/img-3-large.jpg');
		}

	/* �??�� */
		.autumn .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/autumn/img-1-large.jpg');
		}
		.autumn .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/autumn/img-2-large.jpg');
		}
		.autumn .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/autumn/img-3-large.jpg');
		}

	/* 겨울 */
		.winter .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/winter/img-1-large.jpg');
		}
		.winter .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/winter/img-2-large.jpg');
		}
		.winter .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/winter/img-3-large.jpg');
		}


	/* main text */
	.jb-table-cell .info {
		position: absolute;
		height: 123px;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -42px;
		overflow: hidden;
		z-index: 10;
	}
	.jb-table-cell .info > p {
		height: 123px;
		font-size: 2.7em;
		color: #000;
		text-align: center;
		margin: 0;
		padding: 0;
		border: 0;
	}
	.jb-table-cell .info > p > * {
		display: block;
	}
	.jb-table-cell .info > .m_info {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transition: 0.4s;
		-webkit-transition: 0.4s;
		overflow: hidden;
	}
	.jb-table-cell .info > .m_info > strong {
		line-height: 50px;
		padding-bottom: 0;
		font-weight: 400;
	}
	.jb-table-cell .info > .m_info > span {
		font-weight: 400;
		font-size: 0.581em;
		line-height: 27px;
	}
	.jb-table-cell .info > .btn_view {
		font-size: 1.125em;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transition: 0.4s;
		-webkit-transition: 0.4s;
		overflow: hidden;
	}
	.jb-table-cell .info > .btn_view strong {
		color: #fff;
		font-weight: 400 !important;
		font-size: 1.25em;
		text-align: center;
		margin-bottom:10px;
	}
	.jb-table-cell .info > .btn_view strong em {
		position: relative;
		top:-1px;
		font-style:normal;
		font-size:.7em;
		margin:0 2px;
	}
	.jb-table-cell .info > .btn_view span {
		display: inline-block;
		height:34px;
		font-size:.88em;
		line-height:34px;
		text-align:center;
		margin:0 auto;
		color:#fff;
		padding:0 10px;
		background: rgba(0, 0, 0, 0.2);
		border:1px solid #fff;
	}
	.jb-table-cell:hover .info > .m_info {
		transform: translate(0, -123px);
		-webkit-transform: translate(0, -123px);
		transition: 0.4s;
		-webkit-transition: 0.4s;
	}
	.jb-table-cell:hover .info > .btn_view {
		transform: translate(0, -121px);
		-webkit-transform: translate(0, -121px);
	}
	#ie9 .jb-table-cell:hover .info > .btn_view {
		transform: translate(0, 8px);
		-webkit-transform: translate(0, 8px);
	}
	html#ie7 .jb-table-cell::after,
	html#ie8 .jb-table-cell::after {
		visibility: visible;
	}
	html#ie7 .jb-table-cell:hover::after,
	html#ie8 .jb-table-cell:hover::after {
		visibility: hidden;
	}
	html#ie7 .jb-table-cell:hover .info > .m_info,
	html#ie8 .jb-table-cell:hover .info > .m_info,
	html#ie9 .jb-table-cell:hover .info > .m_info {
		margin-top: -123px;
	}
	.jb-table-cell .info > .m_info {
		transform: none;
		-webkit-transform: none;
	}

	@media only screen and (max-width: 1169px) {
		.jb-table-cell,
		.jb-table-cell::after {
			height:340px;
		}
		.jb-table-cell.cd-group-bg1,
		.jb-table-cell.cd-group-bg1::after {
			height:680px;
		}

		/* main text */
		.jb-table-cell .info {
			height: 103px;
			margin-top: -51px;
		}
		.jb-table-cell .info > p {
			height: 103px;
			font-size: 2.42em;
		}
		.jb-table-cell .info > .m_info > strong {
			line-height: 50px;
		}
		.jb-table-cell .info > .m_info > span {
			font-size: 0.59em;
			line-height: 25px;
		}
		.jb-table-cell:hover .info > .m_info {
			transform: translate(0, -103px);
			-webkit-transform: translate(0, -103px);
		}
		html#ie7 .jb-table-cell:hover .info > .m_info,
		html#ie8 .jb-table-cell:hover .info > .m_info,
		html#ie9 .jb-table-cell:hover .info > .m_info {
			margin-top: -103px;
		}
		.jb-table-cell .info > .btn_view {
			font-size: 1em;
		}
		.jb-table-cell .info > .btn_view span {
			height:33px;
			font-size:.86em;
			line-height:33px;
		}
		.jb-table-cell:hover .info > .btn_view {
			transform: translate(0, -100px);
			-webkit-transform: translate(0, -100px);
		}
		#ie9 .jb-table-cell:hover .info > .btn_view {
			transform: translate(0, -5px);
			-webkit-transform: translate(0, -5px);
		}
	}
	@media only screen and (max-width: 991px) {
		.jb-table-cell,
		.jb-table-cell::after,
		.jb-table-cell.cd-group-bg1,
		.jb-table-cell.cd-group-bg1::after {
			height:530px;
		}
		.jb-table-cell {
			border: 3px solid #fff;
			border-left:0;
			border-right:0;
		}
		.jb-table-cell.cd-group-bg1 {
			background-image: url('../images/spring/img-1-small.jpg') !important;
		}
		.jb-table-cell.cd-group-bg2 {
			background-image: url('../images/spring/img-2-small.jpg') !important;
		}
		.jb-table-cell.cd-group-bg3 {
			background-image: url('../images/spring/img-3-small.jpg') !important;
		}

	/* �? */
		.spring .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/spring/img-1-small.jpg') !important;
		}
		.spring .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/spring/img-2-small.jpg') !important;
		}
		.spring .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/spring/img-3-small.jpg') !important;
		}

	/* ?���? */
		.summer .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/summer/img-1-small.jpg') !important;
		}
		.summer .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/summer/img-2-small.jpg') !important;
		}
		.summer .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/summer/img-3-small.jpg') !important;
		}

	/* �??�� */
		.autumn .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/autumn/img-1-small.jpg') !important;
		}
		.autumn .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/autumn/img-2-small.jpg') !important;
		}
		.autumn .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/autumn/img-3-small.jpg') !important;
		}

	/* 겨울 */
		.winter .jb-table-cell.cd-group-bg1 {
			background-image: url('../images/winter/img-1-small.jpg') !important;
		}
		.winter .jb-table-cell.cd-group-bg2 {
			background-image: url('../images/winter/img-2-small.jpg') !important;
		}
		.winter .jb-table-cell.cd-group-bg3 {
			background-image: url('../images/winter/img-3-small.jpg') !important;
		}

		/* main text */
		.jb-table-cell .info {
			height: 93px;
			margin-top: -38px;
		}
		.jb-table-cell .info > p {
			height: 93px;
			font-size: 2em;
		}
		.jb-table-cell .info > .m_info > strong {
			line-height: 45px;
		}
		.jb-table-cell .info > .m_info > span {
			font-size: 0.66em;
			line-height: 23px;
		}
		.jb-table-cell:hover .info > .m_info {
			transform: translate(0, -93px);
			-webkit-transform: translate(0, -93px);
		}
		html#ie7 .jb-table-cell:hover .info > .m_info,
		html#ie8 .jb-table-cell:hover .info > .m_info,
		html#ie9 .jb-table-cell:hover .info > .m_info {
			margin-top: -91px;
		}
		.jb-table-cell .info > .btn_view {
			font-size: 0.9em;
		}
		.jb-table-cell .info > .btn_view span {
			height:29px;
			font-size:.82em;
			line-height:29px;
		}
		.jb-table-cell:hover .info > .btn_view {
			transform: translate(0, -88px);
			-webkit-transform: translate(0, -88px);
		}
		#ie9 .jb-table-cell:hover .info > .btn_view {
			transform: translate(0, 2px);
			-webkit-transform: translate(0, 2px);
		}
	}
	@media only screen and (max-width: 867px) {
		.jb-table-cell,
		.jb-table-cell::after,
		.jb-table-cell.cd-group-bg1,
		.jb-table-cell.cd-group-bg1::after {
			height:450px;
		}
	}
	@media only screen and (max-width: 767px) {
		.jb-table-cell,
		.jb-table-cell::after,
		.jb-table-cell.cd-group-bg1,
		.jb-table-cell.cd-group-bg1::after {
			height:380px;
		}
	}
	@media only screen and (max-width: 667px) {
		.jb-table-cell,
		.jb-table-cell::after,
		.jb-table-cell.cd-group-bg1,
		.jb-table-cell.cd-group-bg1::after {
			height:310px;
		}
	}
	@media only screen and (max-width: 567px) {
		.jb-table-cell,
		.jb-table-cell::after,
		.jb-table-cell.cd-group-bg1,
		.jb-table-cell.cd-group-bg1::after {
			height:270px;
		}
	}

/* Slogan */
	.slogan {
		padding:130px 0 122px;
		font-size:2em;
		text-align:center;
	}
	.slogan2 {
		padding:120px 0 !important;
	}
	.slogan3 {
		padding:74px 0 !important;
	}
	.slogan4 {
		padding:34px 0 44px !important;
	}
	.slogan_none {
		padding:33px 0 0 !important;
	}
	.slogan_small {
		padding:0;
		font-size:1.6em;
	}
	.slogan-background-page {
		background-image: url('../images/slogan-background-page.jpg');
		background-position: 50% 0;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.slogan-background-page2 {
		background-image: url('../images/slogan-background-page2.jpg');
	}
	.slogan-background {
		padding:30px;
		background-color:rgba(255, 255, 255, .9);
	}
	.slogan h4 {
		color:#333;
		font-size:1.3em;
		font-weight: 700;
		line-height:22px;
		padding:0;
		margin:0;
		margin-bottom:33px;
	}
	.slogan p {
		color:#666;
		font-size:.7em;
		font-weight: 400;
		line-height:22px;
		margin:0;
	}
	.slogan-eng {
		margin:0;
	}
	.slogan-eng-img img {
		width:100%;
		max-width:260px;
		margin:0 auto;
	}
	.slogan-eng-img-small img {
		max-width:230px;
		margin:.3em auto 0.5em;
	}
	.slogan-eng h4 {
		color:#666;
		font-size:1.1em;
		line-height:30px;
		letter-spacing:.0em;
		margin-bottom:.1em;
	}
	.slogan-eng p {
		font-size:.6em;
	}
	@media only screen and (max-width: 1169px) {
		.slogan {
			font-size:1.6em;
		}
		.slogan-eng-img img {
			max-width:240px;
		}
		.slogan-eng-img-small img {
			max-width:210px;
		}
		.slogan h4 {
			font-size:1.125em;
			line-height:26px;
		}
		.slogan-eng p {
			font-size:.7em;
		}
		.slogan4 img {
			width:100%;
			max-width:960px;
		}
	}
	@media only screen and (max-width: 991px) {
		.slogan {
			font-size:1.4em;
		}
		.slogan-background {
			padding:15px;
		}
		.slogan-eng-img img {
			max-width:190px;
		}
		.slogan-eng-img-small img {
			max-width:160px;
		}
		.slogan p {
			padding:0 1em;
		}
		.slogan4 img {
			width:100%;
			max-width:960px;
		}		
	}


/* Visual Block */
	.visual_block figcaption {
		display: inline-block;
		width: 100%;
		max-width: 100%;
		margin: 0;
		overflow: hidden;
		vertical-align: middle;
	}
	.visual_block figcaption h3 {
		font-size:1.6em;
		font-weight: 700;
		letter-spacing:.05em !important;
		margin:0 0 2px;
	}
	.visual_block figcaption p {
		font-size:1.24em;
		line-height:1.65em;
		opacity: 0.7;
	}
	.visual_block .figcaption_small h3 {
		font-size:1.05em;
		margin:0 0 10px;
	}
	.visual_block .figcaption_small p {
		font-size:1em;
	}
	.visual_block figcaption img {
		width:100%;
		max-width:95px;
		margin:0 auto;
	}
	.visual_block .figcaption-small-img {
		max-width:100px;
		margin-top:15px;
	}
	.visual_block .figcaption-wrap {
		text-align: center;
		text-shadow: 0 0 2px rgba(0, 0, 0, .14);
	}
	.visual_block .figcaption_small .figcaption-wrap {
		text-shadow: none;
	}
	.visual_block .figcaption-wrap.figcaption_small p {
		font-size:1.04em;
	}
	.visual_block .figcaption-wrap:before {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		content: "";
	}
	.visual_block .overlay-background0 .figcaption-wrap {
		text-shadow: 0 0 3px rgba(0, 0, 0, .3);
	}
	@media only screen and (min-width: 1400px) {
		.visual_block figcaption h3 {
			font-size:1.5em;
		}
		.visual_block figcaption p {
			font-size:1.2em;
		}
	}
	@media only screen and (min-width: 1600px) {
		.visual_block figcaption h3 {
			font-size:1.7em;
			margin:0 0 7px;
		}
		.visual_block figcaption p {
			font-size:1.3em;
		}
		.visual_block .figcaption_small h3 {
			font-size:1.2em;
		}
		.visual_block .figcaption_small p {
			font-size:.9em;
		}
		.visual_block figcaption img {
			max-width:110px;
		}
	}
	@media only screen and (min-width: 1800px) {
		.visual_block figcaption h3 {
			font-size:1.9em;
			margin:12px 0 10px;
		}
		.visual_block figcaption p {
			font-size:1.4em;
		}
		.visual_block .figcaption_small h3 {
			font-size:1.4em;
			margin:0 0 7px;
		}
		.visual_block .figcaption_small p {
			font-size:1em;
		}
		.visual_block figcaption img {
			max-width:125px;
		}
	}
	@media only screen and (min-width: 2000px) {
		.visual_block figcaption h3 {
			font-size:2.1em;
			margin:0 0 12px;
		}
		.visual_block figcaption p {
			font-size:1.5em;
		}
		.visual_block .figcaption_small h3 {
			font-size:1.5em;
			margin:0 0 10px;
		}
		.visual_block .figcaption_small p {
			font-size:1.1em;
		}
		.visual_block figcaption img {
			max-width:135px;
		}
	}
	@media only screen and (max-width: 1169px) {
		.visual_block figcaption h3 {
			font-size:1.6em;
		}
		.visual_block figcaption p {
			font-size:1.1em;
		}
		.visual_block .figcaption_small h3 {
			font-size:1.15em;
		}
		.visual_block .figcaption_small p {
			font-size:.9em;
		}
		.visual_block .figcaption-small-img {
			max-width:70px;
			margin-top:15px;
		}
	}
	@media only screen and (max-width: 991px) {
		.visual_block figcaption h3 {
			font-size:1.5em;
		}
		.visual_block figcaption p {
			font-size:1em;
		}
		.visual_block .figcaption_small h3 {
			font-size:.9em;
		}
		.visual_block .figcaption_small p {
			font-size:.85em;
		}
		.visual_block .figcaption-wrap.figcaption_small p {
			font-size:.96em;
			padding:0 20px;
		}
	}
	@media only screen and (max-width: 767px) {
		.visual_block figcaption h3 {
			font-size:1.4em;
		}
		.visual_block figcaption p {
			font-size:.87em;
		}
	}
	@media only screen and (max-width: 567px) {
		.visual_block figcaption h3 {
			font-size:1.2em;
		}
		.visual_block figcaption img {
			max-width:80px;
		}
	}


	/* ?���? ?��?��?�� ?��?�� */
		#sidebar_navi {
			display:block;
		}
		.sidebar_wrap {
			width:90%;
			margin-top:8px;
			margin-bottom:15px;
		}
		.site-eng .sidebar_wrap {
			font-size:.83em;
		}
		.sidebar_wrap .page-label {
			height:44px;
			color:#fff;
			font-size:1.5em;
			line-height:45px;
			overflow: hidden;
			margin:12px 0 5px;
			background-color:#08262C;
			border-radius: 0;
		}
		.sidebar_wrap .page-label strong {
			margin-left:15px;
		}
		.sidebar_wrap .page-label .clickable {
			position:relative;
			display:inline-block;
			color:#fff;
			font-size:75%;
			font-style:normal;
			cursor:pointer;
		}
		.sidebar_wrap .page-label .clickable:before {
			position:absolute;
			right:0;
			font-family:"FontAwesome";
			content:"\f077";
			padding:0 15px;
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
			transition: transform .3s, background .3s;
			-webkit-transition: -webkit-transform .3s, background .3s;
			-moz-transition: -moz-transform .3s, background .3s;
			-o-transition: -o-transform .3s, background .3s;
			-ms-transition: -ms-transform .3s, background .3s;
		}
		.sidebar_wrap .page-label.sidebar-collapsed .clickable:before {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		html#ie7 .sidebar_wrap .page-label.sidebar-collapsed .clickable:before,
		html#ie8 .sidebar_wrap .page-label.sidebar-collapsed .clickable:before,
		html#ie9 .sidebar_wrap .page-label.sidebar-collapsed .clickable:before {
			content:"\f078";
		}
		.sidebar_wrap .list-group {
			margin-bottom:0;
		}
		.sidebar_wrap .list-group-item {
			padding:0;
			border:0;
			background-color:transparent;
			border-bottom:1px solid #ececec;
			border-radius:0;
			letter-spacing:-.05em;
		}
		.sidebar_wrap .ls0 .list-group-item {
			letter-spacing:.05em;
		}
		/* 1�?*/
		.sidebar_wrap .list-group-item a {
			display:block;
			padding:10px 16px 8px;
			color:#081d20;
			font-size:1.16em;
			text-decoration:none;
		}
		.site-eng .sidebar_wrap .list-group-item a {
			padding:9px 8px;
			letter-spacing:.0em;
		}
		.sidebar_wrap .list-group-item.active > a.accordion-not,
		.sidebar_wrap .list-group-item.active > a.accordion-toggle {
			color:#00557c;
			font-weight:400;
		}
		/* 2�?*/
		.sidebar_wrap .list-group .list-group {
			margin-bottom:10px;
		}
		.sidebar_wrap li li.list-group-item {
			border-bottom:none;
		}
		.sidebar_wrap li li.list-group-item a {
			color:#244248;
			font-size:1.03em;
			padding:3px 6px;
			padding-left:28px;
		}
		.site-eng .sidebar_wrap li li.list-group-item a {
			padding:3px;
			padding-left:20px;
			font-size:1.16em;
			letter-spacing:.0em;
		}
		.sidebar_wrap .list-group-item ul a.accordion-not.active,
		.sidebar_wrap .list-group-item ul a.accordion-toggle.active {
			color:#00557c;
			font-weight:400;
		}
		.sidebar_wrap li.list-group-item:focus,
		.sidebar_wrap li.list-group-item:hover,
		.sidebar_wrap li li.list-group-item:focus,
		.sidebar_wrap li li.list-group-item:hover {
			border-bottom:1px solid #ececec;
		}
		.sidebar_wrap li li.list-group-item:focus,
		.sidebar_wrap li li.list-group-item:hover {
			border-bottom:none;
		}
		/* 3�?*/
		.sidebar_wrap li li li.list-group-item a {
			color:#41585e;
			font-size:.96em;
			padding:2px 5px;
			padding-left:40px;
		}
		.sidebar_wrap .ls0 .list-group-item {
			font-size:1.1em;
		}
		.sidebar_wrap .list-group-item.active ul ul .active a {
			color:#00557c;
			font-weight:400;
		}
		.sidebar_wrap .list-group-item.active ul ul .active a,
		.sidebar_wrap .list-group-item:focus,
		.sidebar_wrap .list-group-item:hover,
		.sidebar_wrap .list-group-item a.active,
		.sidebar_wrap .list-group-item a:hover {
			color:#00557c;
			background-color:transparent;
		}
		/* ?��?���? ?��?��?�� �? ?��?�� ?��?�� 경우 */
		.sidebar_wrap .list-group-item a:before {
			position:absolute;
			right:13px;
			top:7px;
			font-family:"Web Icons";
			content:"";
			color:#bbb;
			font-size:18px;
		}
		.site-eng .sidebar_wrap .list-group-item a:before {
			right:6px;
			top:5px;
		}
		.sidebar_wrap li li.list-group-item a:before {
			top:-2px;
		}
		.sidebar_wrap li li li.list-group-item a:before {
			top:0;
		}
		.sidebar_wrap .list-group-item .accordion-toggle:before {
			content:"\f183";
		}
		.sidebar_wrap .list-group-item.active > .accordion-toggle:before {
			content:"\f182";
			color:#08252b;
		}
		@media (max-width:991px) {
			.sidebar_wrap {
				width:100%;
			}
			#sidebar_navi {
				display:none;
			}
		}


	/* ?���? ?��?�� 비�?�얼 ?��?�� */
		.sub_visual {
			position:relative;
			display:block;
			width:100%;
			color:#000;
			line-height:20px;
			overflow:hidden;
			padding:0 3.2%;
			margin:20px 0 10px;
			background-color:#fff;
		}
		.sub_visual .container {
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: 3% 50%;
			background-size: 116px 104px;
		}
		.sub_visual .container .table-wrap {
			width:100%;
			display:table;
		}
		.sub_visual .container .table-cell {
			width:38%;
			display:table-cell;
			height:170px;
			padding:0 2%;
			vertical-align: middle;
		}
		.sub_visual .container .table-cell:last-child {
			width:62%;
		}
		.sub_visual .container .table-cell .text-info {
			padding-left:25%;
			line-height:2.2em;
		}
		.sub_visual .container .table-cell .text-info h3 {
			color:#001620;
			font-size:1.9em;
			font-weight: 700;
			margin:2px 0 5px;
		}
		.sub_visual .container .table-cell .text-info p {
			color:#555;
			font-size:1.4em;
			margin:0;
		}
		.sub_visual .container .table-cell .text-summury {
			float:right;
			line-height:1.8em;
		}
		.sub_visual .container .table-cell .text-summury p {
			color:#666;
			font-size:1.1em;
			margin:0;
		}
		@media (max-width: 1700px) {
			.sub_visual {
				padding:0 3.5% 0;
			}
			.sub_visual .container {
				background-position: 3.5% 50%;
			}
			.sub_visual .container .table-cell .text-info {
				padding-left:29%;
			}
		}
		@media (max-width: 1500px) {
			.sub_visual {
				padding:0 4.5% 0;
			}
			.sub_visual .container {
				background-position: 4% 50%;
			}
			.sub_visual .container .table-cell .text-info {
				padding-left:37%;
				font-size:.9em;
			}
		}
		@media (max-width: 1169px) {
			.sub_visual {
				padding:0;
				margin:0;
			}
			.sub_visual .container {
				background-position: 4.5% 50%;
				background-size: 100px 90px;
			}
			.sub_visual .container .table-cell {
				height:150px;
			}
			.sub_visual .container .table-cell .text-info {
				padding-left:34%;
				font-size:.8em;
			}
			.sub_visual .container .table-cell .text-summury p {
				font-size:1em;
			}
		}
		@media (max-width: 991px) {
			.sub_visual .container {
				background-position: 96.5% 50%;
				background-size: 80px 72px;
			}
			.sub_visual .container .table-cell {
				height:130px;
				padding:0 2%;
			}
			.sub_visual .container .table-cell .text-info {
				padding-left:0;
				font-size:.8em;
			}
		}
		@media (max-width: 767px) {
			.sub_visual {
				padding:0;
				margin:0;
			}
			.sub_visual .container {
				background-position: 95% 50%;
				background-size: 66px 59px;
			}
			.sub_visual .container .table-cell {
				height:96px;
				padding:0 3%;
			}
			.sub_visual .container .table-cell .text-info {
				font-size:.7em;
			}
		}
		.bg-color1 {
			background: rgba(226, 241, 241, .7);
			background-image: url('../images/dosu01.png');
		}
		.bg-color2 {
			background: rgba(250, 246, 218, .7);
			background-image: url('../images/dosu02.png');
		}
		.bg-color3 {
			background: rgba(233, 229, 244, .7);
			background-image: url('../images/dosu03.png');
		}
		.bg-color4 {
			background: rgba(251, 237, 238, .7);
			background-image: url('../images/dosu04.png');
		}
		.bg-color5 {
			background: rgba(251, 237, 225, .7);
			background-image: url('../images/dosu05.png');
		}
		.bg-color6 {
			background: rgba(226, 231, 241, .7);
			background-image: url('../images/dosu06.png');
		}
		.bg-color7 {
			background: rgba(230, 250, 218, .7);
			background-image: url('../images/dosu07.png');
		}
		.bg-color8 {
			background: rgba(226, 233, 241, .7);
			background-image: url('../images/dosu08.png');
		}
		.bg-color9 {
			background: rgba(226, 233, 241, .7);
			background-image: url('../images/dosu09.png');
		}
		.bg-color10 {
			background: rgba(226, 233, 241, .7);
			background-image: url('../images/dosu10.png');
		}
		.bg-color11 {
			background: rgba(236, 247, 249, .7);
			background-image: url('../images/dosu11.png');
		}
		.bg-color12 {
			background: rgba(251, 248, 229, .7);
			background-image: url('../images/dosu12.png');
		}
		.bg-color13 {
			background: rgba(241, 240, 248, .7);
			background-image: url('../images/dosu13.png');
		}
		.bg-color14 {
			background: rgba(253, 244, 245, .7);
			background-image: url('../images/dosu14.png');
		}


		.table-media {
			width: 100%;
			margin:10px 0;
			border-collapse: collapse;
		}
		.table-media.table-media-m {
			margin:10px 0 20px;
		}
		.table-media thead th {
			color: #000;
			font-size:1.1em;
			font-weight: 700;
			text-align: center;
			letter-spacing:.05em;
			padding: 13px 1% 12px;
			background: rgba(250, 246, 218, .7);
			border: 1px solid #fff;
		}
		img.table-media1,
		.table-media.table-media1 thead th {
			background: rgba(226, 241, 241, .6) !important;
		}
		.panel-bordered1 .panel-heading {
			border: 1px solid #fff;
			background: rgba(226, 241, 241, .9) !important;
		}
		.panel-bordered2 .panel-heading,
		img.table-media2,
		.table-media.table-media2 thead th {
			background: rgba(250, 246, 218, .6);
		}
		img.table-media3,
		.table-media.table-media3 thead th {
			background: rgba(233, 229, 244, .6);
		}
		img.table-media4,
		.table-media.table-media4 thead th {
			background: rgba(251, 237, 238, .6);
			border-color: rgba(251, 237, 238, .6);
		}
		img.table-media5,
		.table-media.table-media5 thead th {
			background: rgba(251, 237, 225, .6);
		}
		img.table-media6,
		.table-media.table-media6 thead th {
			background: rgba(226, 231, 241, .6);
		}
		img.table-media7,
		.table-media.table-media7 thead th {
			background: rgba(230, 250, 218, .6);
		}
		.table-media thead tr:nth-child(2) th {
			background-color: #f9f5dc;
		}
		.table-media thead th:first-child {
			font-weight: 400;
		}
		.table-media thead tr:last-child th {
			border-top-width:0;
		}
		.table-media td {
			padding: 13px 1% 12px;
			border: 1px solid #fff;
			color:#333;
			text-align: left;
			font-size:1em;
			line-height:1.5em;
			background-color: #fff;
			letter-spacing:-.05em;
		}
		.table-media td.ls0 {
			letter-spacing:.0em !important;
		}
		.table-media.table-media-m td {
			font-size:.95em;
		}
		.table-media td.text-center strong {
			color:#333;
			font-weight: 400 !important;
		}
		.table-media tr:nth-child(even) td {
			background-color: #f4f4f4;
		}
		.table-media.table-media-view tr:nth-child(odd) td,
		.table-media.table-media-view tr:nth-child(even) td {
			background-color: #fff;
			border-bottom: 1px solid #f4f4f4;
		}
		.table-media.table-media-view tr:nth-child(even) td {
			height:150px;
			border-bottom: 1px solid #eee;
			vertical-align: top;
		}
		.table-media.table-media-view thead th {
			font-size:1.12em;
			line-height:1.5em;
		}
		.table-media.table-media-view tbody td {
			font-size:1.1em;
			line-height:1.6em;
		}	
		.table-media td.line-right {
			border-right: 1px solid #eee !important;
		}	
		@media only screen and (max-width: 991px) {
			.table-media thead th {
				font-size:.8em;
				padding: 12px 1% 14px;
			}
			.table-media td {
				padding: 12px 1% 14px;
				font-size:.94em;
			}
			.table-media td.ls0 {
				letter-spacing:.05em !important;
			}
		}
		@media only screen and (max-width: 767px) {
			.table-media thead th {
				border: none;
				padding: 11px 10px 10px;
			}
			.table-media td {
				font-size:.9em;
				padding: 11px 10px 10px;
			}
			.table-media.table-media-m thead th {
				border: none;
				text-align:left !important;
			}
			.table-media.table-media-m thead tr th:nth-child(2) {
				text-align:left !important;
				letter-spacing:.1em !important;
			}
			.table-media.table-media-m td {
				letter-spacing:.0em !important;
				border: none;
				text-align:left !important;
			}
			.table-media.table-media-m td.text-center {
				text-align:left !important;
			}
			.table-media.table-media-m tbody tr td:nth-child(1) {
				letter-spacing:.05em !important;
			}
			.table-media.table-media-view thead th {
				font-size:1.1em;
				line-height:1.4em;
			}
			.table-media.table-media-view tbody td {
				font-size:1em;
				line-height:1.5em;
			}
		}


/* Map Canvas */
	.map_canvas_wrap{
		clear:both;
		width:100%;
		height:402px;
		margin-bottom:15px;
		border:1px solid #e4eaec;
		background-color:#fff;
	}
	.map_canvas_wrap_ink{
		height:500px;
	}
	@media (max-width:767px) {
		.map_canvas_wrap{
			height:300px;
		}
		.map_canvas_wrap_ink{
			height:380px;
		}
	}
	.map_canvas{
		width:100%;
		height:100%;
	}


/* Reference */
	.reference-img img{
		width:100%;
		max-width:80px;
		margin:0 auto;
	}


/* Product Detail */
	.product_detail .series_cover {
		position:relative;
		top:-5px;
	}
	.product_detail .series_logo {
		margin-bottom:.8em;
	}
	.product_detail .series_logo img {
		max-height:130px;
		margin:0 auto;
	}
	.product_detail .series_name {
		color:#000;
		font-size:2.6em;
		font-weight: 700;
		line-height:1.1em;
		margin-bottom:.3em;
	}
	.product_detail .series_name span  {
		position:relative;
		top:-3px;
		color:#444;
		font-size:.55em;
		font-weight: 400;
		margin-left:5px;
	}
	.product_detail .series_description {
		color:#222;
		font-size:1.7em;
		line-height:1.2em;
		margin:.2em 0 0;
	}
	.product_detail .series_contents {
		margin-bottom:2em;
	}
	@media (min-width:1450px) {
		.product_detail .series_logo img {
			max-height:140px;
		}
		.product_detail .series_name {
			font-size:2.3em;
		}
		.product_detail .series_description {
			font-size:1.55em;
		}
	}
	@media (max-width:991px) {
		.product_detail .series_logo {
			margin-bottom:.8em;
		}
		.product_detail .series_logo img {
			max-height:100px;
		}
		.product_detail .series_name {
			font-size:1.9em;
			margin-bottom:.1em;
		}
		.product_detail .series_description {
			font-size:1.3em;
			margin:.1em 0 .2em;
		}
	}

	.table-div {
		clear:both;
		width:100%;
		display:table;
	}
	.table-div-tr {
		clear:both;
		width:100%;
		display:table-row;
	}
	.table-div-td {
		width:50%;
		display:table-cell;
		vertical-align: middle;
	}
	.table-div-td-100 {
		width:100%;
		display:table-cell;
		vertical-align: middle;
	}
	.table-div-td-33 {
		width:33.33333%;
		display:table-cell;
		vertical-align: middle;
	}
	.table-div.pr-cell,
	.table-div.pr-cell .table-div-tr
	.table-div.pr-cell .table-div-td {
		width:100%;
		display:block;
	}	
	.table-div.pr-cell .table-div-td {
		padding:5px 20% 5px 5px;
	}	
	.table-div-tr.three-cell .table-div-td:first-child {
		width:20%;
	}
	.table-div-tr.three-cell .table-div-td {
		width:40%;
	}
	.table-div-td img {
		width:100%;
		padding:5px;
	}
	.table-div-td-100 img {
		width:100%;
		padding:5px;
	}
	.table-div-td-33 img {
		width:33.33333%;
		padding:5px;
	}
	.pdfconvas {
		padding:0;
		font-size:1.6em;
		text-align:center;
	}
	@media (min-width:991px) {
		.three-cell.img-max img {
			max-height:380px;
		}
	}
	@media (max-width:991px) {
		.table-div-tr.three-cell .table-div-td:first-child,
		.table-div-tr.three-cell .table-div-td,	
		.table-div-tr,
		.table-div-td {
			clear:both;
			width:100%;
			display:block;
		}
		.table-div-td img {
			padding:5px 0;
		}	
		.table-div-td-100 {
			clear:both;
			width:100%;
			display:block;
		}
		.table-div-td-100 img {
			padding:5px 0;
		}
		.table-div-td-33 {
			clear:both;
			width:33.33333%;
			display:block;
		}
		.table-div-td-33 img {
			padding:5px 0;
		}
		.table-div.pr-cell .table-div-td {
			padding:5px 5px 5px 5px;
		}	
	}