/*========================================*/
/* Green Gable by DesignerSOL.co.kr
 * nanumfine@naver.com
 /*========================================*/

@charset "utf-8";
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype')
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot);
    src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype')
}

/* xe.min.css  */
button.btn {
	height:24px !important;
}
#spot .search input[type="text"], 
.localNavigation li a, 
.localNavigation li.on a, 
.xm input[type="text"], 
.xm input[type="email"],
.xm input[type="password"],
.xm input[type="tel"],
.xm input[type="url"],
.x input[type="text"],
.x input[type="number"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}

/* widget pageSizeLayer */
#pageSizeLayer  input[type=text],
#pageSizeLayer input[type=number]{
	height:25px;
	line-height:25px;
	padding:0 2px;
}
#content .xe_content,
#content table {font-size:13px; line-height: 1.8}

ul{
  padding-left:0;
  margin-bottom:0;
  list-style: none;
}
ol{
	list-style:none;
	margin-top:0;
	margin-bottom:0;
}
body {font-size: 13px; letter-spacing:-.5px}
@media (max-width: 767px) {
      body,
      #content .xe_content,
      #content table {font-size:14px}
}
@media (max-width:991px) {body, .xe_content {font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important}}
@media (min-width:992px) {body, .xe_content {font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important}}
a{
	color: inherit;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
a:hover, a:focus {
	text-decoration: none;
	color:inherit;
}
.pd-lr-0 {
	padding-left: 0;
	padding-right:0;
}
.main {
	position:relative;
	background: #fff;
}
.main .h1, .main .h2, .main .h3, .main h1, .main h2, .main h3, .main p {
  margin-top: 0;
  margin-bottom: 0;
 }
 
 /* buttons */
.butn{
	display:inline-block;
	font-weight:500;
	border-radius: 0;
	border-width:3px;
	border-style:solid;
}
.butn-size-nomal {
	padding:10px 20px;
}
@media (max-width:767px){
	.butn-size-nomal {
		padding:5px 10px;
	}
}
.butn-white {
	border-color:#fff;
	color:#fff
}
.butn-white:hover {
	background:#fff;
	color:#F8654E;
}
.butn-white-inverse {
	border-color:#fff;
	color:#333;
	background:#fff;
}
.butn-white-inverse:hover {
	background:none;
	color:#F8654E;
}
.butn-black {
	border-color:#222;
	color:#222
}
.butn-black:hover {
	background:#222;
	color:#F8654E;
}
.butn-black-inverse {
	border-color:#222;
	color:#fff;
	background:#222;
}
.butn-black-inverse:hover {
	background:none;
	color:#F8654E;
}
.butn-gray {
	border-color:#e3e3e3;
	color:#888;
}
.butn-gray:hover {
	background:#e3e3e3;
	color:#F8654E;
}
.butn-gray-inverse {
	border-color:#e3e3e3;
	color:#2895C3;
	background:#e3e3e3;
}
.butn-gray-inverse:hover {
	background:none;
	color:#F8654E;
}

/*========================================*/
/*	full-wrapper
 /*========================================*/
.box-wrapper {
	margin: 0 auto;
	max-width: 1200px;
}
.full-wrapper {
	width: auto;
	max-width:none;
}
/* 사이드 메뉴 좌우 */
.fw-left {
	margin-left: 240px;
}
.fw-right {
	margin-right: 240px;
}
.nav-left {
	margin-left: -240px !important;
	-webkit-box-shadow: 10px 0px 50px -2px rgba(0, 0, 0, 0.14);
		-moz-box-shadow: 10px 0px 50px -2px rgba(0, 0, 0, 0.14);
				box-shadow: 10px 0px 50px -2px rgba(0, 0, 0, 0.14);
}
.nav-right {
	margin-left:959px;
	-webkit-box-shadow: -10px 0px 50px -2px rgba(0, 0, 0, 0.14);
		-moz-box-shadow: -10px 0px 50px -2px rgba(0, 0, 0, 0.14);
				box-shadow: -10px 0px 50px -2px rgba(0, 0, 0, 0.14);
}
.full-nav-right {
	right:0;
	-webkit-box-shadow: -10px 0px 50px -2px rgba(0, 0, 0, 0.14);
		-moz-box-shadow: -10px 0px 50px -2px rgba(0, 0, 0, 0.14);
				box-shadow: -10px 0px 50px -2px rgba(0, 0, 0, 0.14);
}
.sidebar-nav .depth2-left {
	left:238px;
} 
.sidebar-nav .depth3-left{
	left:217px;
} 
.sidebar-nav .depth2-right{
	right:238px;
	text-align:right;
	left:inherit;
} 
.sidebar-nav .depth3-right{
	right:217px;
	text-align:right;
	left:inherit;
}

/* 아이콘 좌우 */
.sidebar-nav .nav span.icon-right{
	float:left;
}
.sidebar-nav .nav span.icon-left{
	float:right;
	text-align:right;
}
@media (max-width: 1199px) {
	.fw-left {
		margin-left: 0 !important;
		border-right:0;
	}
	.fw-right {
		margin-right: 0 !important;
		border-left:0;
	}
}

/*========================================*/
/*	nav-wrapper
 /*========================================*/
.nav-wrapper {
	position: fixed;
	top: 0;
	width: 240px;
	height: 100%;
	z-index: 500; /*#xe_gallery_controls #xe_gallery_closebtn 의 z-index가 530 */
	border-left: 1px solid #eaeaea;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	border-right: 1px solid #eaeaea;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
/* id8 때문에 green_gable_conf로 이동
.sidebar-nav .nav,
.sidebar-content .log-content {
  	border-top: 1px solid #eaeaea;
  	border-top: 1px solid rgba(0, 0, 0, 0.08);	
}
.sidebar-nav ul li a,
.search-content li,
.contact-content li,
.log-content {
	border-bottom: 1px solid #eaeaea;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}*/

/* id8 때문에 추가 */
.mobile-nav .search-content li,
.mobile-nav .contact-content li,
.mobile-nav .log-content {
	border-bottom: 1px solid #313131;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}/* id8 때문에 추가*/

.sidebar-nav .sub-nav {
	top: 0;
	padding:0;
	margin:0;
	width:220px;
	border-radius: 0;
	font-size:13px;
	border: 1px solid #eaeaea;
  	border: 1px solid rgba(0,0,0,0.08);
  	border-bottom:0;
  }
.sidebar-nav .dropdown-menu {
	box-shadow:none;
	-webkit-box-shadow: none;
}
.sidebar-nav ul li a,
.search-content li,
.contact-content li{
	padding:12px 15px;
}
.sidebar-nav ul ul li a,
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a:focus,
.sidebar-nav ul .active a,
.sidebar-nav ul li a:hover .mnu-icon {
	color:#fff;
}
.sidebar-nav ul ul .active a,
.sidebar-nav ul ul .active a:hover,
.sidebar-nav ul ul li a:hover{
	background:rgba(0,0,0,0.08);
}
.sidebar-nav ul ul ul .active a,
.sidebar-nav ul ul ul .active a:hover,
.sidebar-nav ul ul ul li a:hover{
	background:rgba(0,0,0,0.2);
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
	background:none
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: transparent;
	border-color: #eaeaea;
}
.sidebar-nav .nav span{
	display:block;
}
.sidebar-nav .nav .mnu-name {
	width:95%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.sidebar-nav .nav .mnu-icon {
	width:5%;
}
@media (min-width:1200px) {
	.brand.brand-lg {
		display: block;
		padding-top:80px;
		padding-bottom:25px;
		text-align: center;
		font-size:25px;
		font-weight:500;
	}
	.brand.brand-xs{
		display:none;
	}
	.brand-wrapper img {
		max-width: 240px;
		height:auto;
	}
}

@media (max-width: 1199px) {
	.main {
		padding-top: 60px;
	}
	.nav-wrapper {
		width: 100% !important;
		height: 60px;
		border-left:0;
		border-right:0;
	}
	.nav-left{
		left: 0;
		margin-left: 0 !important;
	}		
	.nav-right{
		right: 0;
		margin-right: 0 !important;
	}
	.nav-wrapper .toggle-butn{
		display: block;
	}
	.brand-wrapper {
		display: table;
		margin-top: 0;
		height: 60px;
	}
	.brand-wrapper .brand.brand-xs{
		display: table-cell;
		padding-left:10px;
		vertical-align:middle;
		font-size:20px;
		font-weight:500;
	}
	.brand-wrapper img {
		max-width:230px;
		max-height:60px;
	}
}

/*========================================*/
/*	sidebar-content
 /*========================================*/
.sidebar-content {
	width:100%;
	overflow: hidden;
}
/* search-content */
.search-content .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;	
}
.search-content input[type="text"] {
	width:100%;
	border-radius: 0;
}
/* log-content */
.log-content li a {
	display:block;
	float:left;
	padding:12px 0;	
}
.log-content .dropdown-menu {
	top:55px;
	padding:0;
	border-radius:0;
	font-size:inherit;
	box-shadow: none;
}
.log-content ul li a {
	width:100%;
	padding:2px 15px;	
}
/* ie8때문에 green_gable_conf로 이동
.log-content li a {
	border-right:1px solid #eaeaea;
	border-right:1px solid rgba(0, 0, 0, 0.08);
}*/
/* ie8 때문에 추가 */
.mobile-nav .log-content li a {
	border-right:1px solid #313131;
	border-right:1px solid rgba(0, 0, 0, 0.08);
}/* ie8 때문에 추가 */

.log-content .dropdown-menu li a {
	border-right:0
}
.mobile-nav .log-content li a {
	border-right:1px solid rgba(0, 0, 0, 0.5);
}
.log-content li:last-child a{
	border-right:0;
}
.mobile-nav .log-content .dropdown-menu li a {
	color:#333;
	padding:2px 15px;
	border:none;
}
.log-content li a span{
	display:block;
	text-align:center;
	white-space:nowrap;
}
.log-content li a .log-content-txt{
	font-size:11px;
}
.log-content li a .log-content-txt.txt-over{
	overflow: hidden;
	text-overflow:ellipsis;
}
/* contact-content */
.contact-content span {
	padding:0 5px 2px 5px;
	background:#EF766E;
	border-radius: 2px;
}
.contact-content span .fa {
	font-size:10px;
	color:#fff;
}
.mobile-nav .contact-content li {
	color:#fff;
}
/* nav-slide */
#nav-slide {
	height:150px;
	margin:12px 15px;
	border-radius:3px;
	background-position: center top;
	background-repeat: no-repeat;
}
.mobile-nav #nav-slide {
	height:100px;
	margin:10px 15px;
	border:3px solid #fff;
}
#nav-slide .carousel-control.right,
#nav-slide .carousel-control.left {
	background-image:none
}
#nav-slide h4,
#nav-slide .caption {
	padding-left:15px;
}
#nav-slide h4{
	position:relative;
	padding-top:20px;
	padding-bottom:5px;
	font-size:16px;
	font-weight:normal;
	letter-spacing: -1px;
}
.mobile-nav #nav-slide h4{
	padding-top:0;
	font-size:14px;
	font-weight:500;
}
#nav-slide .caption{
	height:50px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	line-height:22px;
}
.mobile-nav #nav-slide .caption{
	height:35px;
	padding-top:0;
	padding-bottom:0;
	line-height:18px;
}
#nav-slide .nav-slide-underline {
	display: inline-block;
  	position: absolute;
	top:45px;
	left:15px;
 	 width: 20px;
  	height: 4px;
  	background: #fff;
}
.mobile-nav #nav-slide .nav-slide-underline {
	top:20px;
}
#nav-slide .carousel-indicators {
	bottom:0;
	margin-left:0;
}
#nav-slide .carousel-indicators li {
	margin:0;
	border:none;
	background-color:#fff;
  	filter: Alpha(Opacity=30);
  	opacity: 0.3;	
}
#nav-slide .carousel-indicators li:hover {
 	filter: Alpha(Opacity=100);
  	opacity: 1;	
}
#nav-slide .carousel-indicators .active {
	width:10px;
	height:10px;
  	filter: Alpha(Opacity=100);
  	opacity: 1;	
}

/*========================================*/
/*	modal_Login
 /*========================================*/
.login-content {
	padding:15px;
	box-shadow: none;
	border:none;
	border-radius:0;
	background:#eef1f2;
}
.login-content-outline {
	padding:50px 0 20px 0;
	border:1px solid #c6c6c6;
}
#modal_Login .close {
	margin-right:15px;
	font-size:50px;
	font-weight:200;
	opacity: 1;
	filter: alpha(opacity=100);
}
#modal_Login .modal-header {
	border-bottom: none;
}
.login-content h4 {
	font-weight:400;
	font-size:25px;
	text-align:center;
	color:#000;
}
#modal_Login .modal-title-underline {
	display:inline-block;
	position:absolute;
	margin:0 50%;
	right:-15px;
	width:30px;
	height:3px;
	background:#000;
}
#modal_Login .modal-body {
	padding:15px 80px;
	text-align:center;
}
#modal_Login .form-group {
	display:inline-block;
	text-align:left;
	margin-bottom:0;
}
#modal_Login .form-group .form-control {
	border-radius:0;
	width:250px;
}
#modal_Login .checkbox {
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
}
#modal_Login label {
	font-weight:400;
	font-size:12px;
}
.butn-full {
	padding:15px 0;
	width:100%;
	color:#fff;
	background:#3AC2CB;
	border:0;
	font-size:16px;
}
.butn-full:hover {
	color:#fff;
	background:#20ABB4;
}
@media (min-width: 768px) {
	#modal_Login .modal-dialog {
	  width: 700px;
	}
	.butn-full {
		margin-top:15px;
	}
}
@media (max-width: 768px) {
	.login-content-outline {
		padding:20px 0 10px 0;
	}
	#modal_Login .modal-header {
		padding:0;
	}
	#modal_Login .modal-body {
		padding:15px 15px 5px 15px;
	}
	#modal_Login .form-group {
		display:block;
	}
	#modal_Login .form-group .form-control {
		width:100%;;
	}
	.butn-full {
		padding:10px 0;
		font-size:14px;
	}
}

/*========================================*/
/*	toggle-butn & mobile-nav
 /*========================================*/
.toggle-butn {
	position: relative;
	float:right;
	margin-right:-1px;
	width: 60px;
  	height: 60px;
	cursor: pointer;
}
.toggle-bar {
	position: absolute;
   	top: 30px;
  	left: 50%;
  	width: 26px;
  	height: 3px;
  	 margin-left: -13px;
  	background-color: #333;
  	transition-duration: 0.2s;
}
.toggle-bar:before,
.toggle-bar:after {
      content: "";
   	position: absolute;
 	left: 0;
   	width: 26px;
  	height: 3px;
	background-color: #333;
	transition-duration: 0.2s;
}
.toggle-bar:before {
	top:-8px;
}
.toggle-bar:after { 
	top: 8px; 
}
.toggle-bar.active { 
	width:0;
}
.toggle-bar.active:after {
  	top: 0px;
 	 transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
}
.toggle-bar.active:before {
  	top: 0px;
 	 transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
}
.mobile-nav {
	position: fixed;
	top: 60px;
	width: 290px;
	height: 100%;
	margin-right: 0;
	padding-bottom: 100px;
	font-size:14px;
	z-index: 1000;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #222;
}
.mobile-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.menu-right {
	right: -290px;
}
.menu-right.menu-open {
	right: 0px;
}
.mobile-nav ul li,
.mobile-nav ul a {
  display: block;
  color: #FFF;
}
.mobile-nav ul a,
.mobile-nav .search-content li,
.mobile-nav .contact-content li,
.mobile-nav .log-content  {
 	 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#mobile-menu li a,
.mobile-nav .search-content li,
.mobile-nav .contact-content li{
	padding:10px 15px;
}
#mobile-menu ul a {
  padding: 10px 15px 10px 30px;
  background-color: rgba(255, 255, 255, 0.03);
}
#mobile-menu ul ul a {
  	padding: 10px 15px 10px 45px;
  	background-color: rgba(255, 255, 255, 0.05);
}
.mobile-nav ul a:hover,
.mobile-nav ul a:focus,
.mobile-nav ul > .active > a{
  	color: #36C1BD;
  	outline: none
}
.mobile-nav .fa {
	margin-top:5px;
}
.fa.arrow,
.fa.plus-minus {
	float:right;
	padding-top:2px;
	font-size:10px;
  	-webkit-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
  	transition: all 0.3s ease;
}
.fa.arrow:before {
	content: "\f078";
}
.active > a > .fa.arrow {
	content: "\f077";
}
.fa.plus-minus:before {
	content: "\f067";
}
.active > a > .fa.plus-minus:before {
	content: "\f068";
}
.active > a > .fa.arrow, 
.active > a > .fa.plus-minus {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);	
} 
.mobile-nav .search-content input[type="text"] {
	border:1px solid #626262;
	background:#484848;
	color:#ddd
}

/*========================================*/
/*	main-banner
 /*========================================*/
.butn-conf1:hover,
.butn-conf2:hover,
.butn-conf3:hover,
.butn-conf4:hover,
.butn-conf5:hover{
	color:#F8654E;
}
#main-banner h1 {
	margin:0 0 10px 0;
	letter-spacing: 0.025em;
}
#main-banner p {
	padding-bottom:15px;
	font-size: 22px;
}
#main-banner .owl-item .owlbg {
	background-position: center center;
	background-repeat: no-repeat;
}
#main-banner .owl-content {
	width:100%;
	display: table;
	height: inherit;
	padding-left:10%;
	padding-right:10%;
}
#main-banner .caption {
	display: table-cell;
	height: inherit;
}
#main-banner .caption.vertical-center {
	vertical-align: middle;
}
#main-banner .caption.vertical-top {
	vertical-align: top;
}
#main-banner .caption h1, #main-banner .caption p, #main-banner .caption div {
	position: relative;
}
.butn-banner {
	margin-top:20px;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* Owl Carousel */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
	float: left;
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/* owl-controls */
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-controls {
  	margin-top: 5px;
  	text-align: center;
}
#main-banner.owl-theme .owl-controls {
 	position: absolute;
 	bottom:15px;
	width:100%;
 }
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	filter: Alpha(Opacity=30);/*IE7 fix*/
	opacity: 0.3;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 50%;
	background: #313131;
}
#main-banner.owl-theme .owl-controls .owl-page span{
	background: #fff;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
/* Owl Carousel Transitions */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

@media (max-width: 767px) {
	#main-banner h1 {
		margin:0 0 5px 0;
	}
	#main-banner p {
		padding-bottom:5px;
		font-size: 16px;
	}
	#main-banner .owl-content {
		padding-left:15px;
		padding-right:15px;
	}
	.butn-banner {
		margin-top:0;
		padding:5px 20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#main-banner p {
		font-size: 20px;
	}
	.butn-banner {
		margin-top:20px;
		padding:10px 25px;
	}
}

/*========================================*/
/*	breadcrumb-wrapper
 /*========================================*/
.breadcrumb-wrapper {
	padding: 10px 10px;
	background: #fff;
	text-align: right;
	font-size:12px;
	color:#9A9A9A
}
.breadcrumb-wrapper a {padding:0 5px}

/*========================================*/
/*	info-wrapper
 /*========================================*/
.info-wrapper{margin-bottom:50px}
#info-carousel .owl-item .item-left,
#info-carousel .owl-item .item-center,
#info-carousel .owl-item .item-right {
	height: 300px;
	padding:0 10%;
}
#info-carousel .owl-item .item-left {
	background-position: center top;
	background-repeat: no-repeat;
}
#info-carousel .owl-item .item-left > .item-left-wrapper,
#info-carousel .owl-item .item-center > .item-center-wrapper,
#info-carousel .owl-item .item-right > .item-right-wrapper {
	width:100%;
	display: table;
	height: inherit;
}
#info-carousel .owl-item .item-left > .item-left-wrapper > .item-left-contents,
#info-carousel .owl-item .item-center > .item-center-wrapper > .item-center-contents,
#info-carousel .owl-item .item-right > .item-right-wrapper > .item-right-contents {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
}
#info-carousel .item-left-contents .row {
 	margin-right:0;
 	margin-left:0;
 	margin-bottom:2px
 }
 #info-carousel .butn-quick{
	display:block;
	margin-right:2px;
	padding:20px 0;
	border-radius: 3px;
	background-color:rgba(255,255,255,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50FFFFFF,endColorstr=#50FFFFFF);
}
 #info-carousel .butn-quick:hover{
	/*background-color:rgba(255,255,255,1);*/
	background:#FFF;
}
#info-carousel .butn-quick span {
	display:block;
	float:left;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	height:18px;
}
#info-carousel .butn-quick > .quick-icon {
	width:30%;
	text-align: right;
	padding-right:5px;
}
#info-carousel .butn-quick > .quick-txt {
	width:70%;
	padding-right:10px;
	font-weight:500
}
#info-carousel .butn-quick .fa {
	font-size:18px;
}

/* item item-center*/
#info-carousel h3 a {
	font-size:18px;
}
#info-carousel .article-body {
	padding-top:10px;
	padding-bottom:5px;
}
.title-underline {
	display:inline-block;
	width:20px;
	height:4px;
	margin-left:5px;
}
@media(max-width:480px){
	.title-underline {
		width:15px;
		height:3px;
	}
}

#info-carousel .title-underline {
	background:#333;
}

/* item item-right */
#info-carousel .item-right {
	background:#c6c6c6;
}
#info-carousel .item-right-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border:1px solid #d7d7d7;
  border:1px solid rgba(255, 255, 255, 0.3);
}
#info-carousel .item-right-wrapper ul ul {
  border:none;
}
#info-carousel .item-right-wrapper ul li a {
	display:block;
	padding:8px 15px;
	 border-top:1px solid #d7d7d7;
	 border-top:1px solid rgba(255, 255, 255, 0.3);
}
#info-carousel .item-right-wrapper ul li:first-child a {
	 border-top:none;
}
#info-carousel .hover-img.info-img {
	float: left;
	width:100px;
	max-height:75px;
	margin-right:15px;
	border:1px solid #d7d7d7;
}
#info-carousel .info-img img {
	float: left;
}
#info-carousel #info-collapse a:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}
#info-carousel .item-right-wrapper ul ul li p {
 	height:82px;
 	line-height:20px;
	 overflow: hidden;
}
#info-carousel .item-right-wrapper ul .active,
#info-carousel .item-right-wrapper ul li a:hover {
	background: rgba(0, 0, 0, 0.1);
}
#info-carousel .item-right-wrapper ul ul li a:hover {
	background: inherit;
}
@media (max-width: 767px) {
	#info-carousel .owl-item .item-left,
	#info-carousel .owl-item .item-center,
	#info-carousel .owl-item .item-right {
		height: 250px;
		padding:0 10px;
	}
	#info-carousel .butn-quick .fa {
		font-size:16px;
	}
	#info-carousel .item-right-wrapper ul li a {
		padding:5px 15px;
	}
}
@media (max-width: 480px) {
	#info-carousel .item-right-wrapper ul ul li p {
	 	height:80px;
	}
}

/*========================================*/
/*	service-wrapper
 /*========================================*/
.service-wrapper{margin-bottom:50px;border-top:1px solid #ddd}
.services {
	position:relative;
	background:#efefef;
	border-bottom: 1px solid #eaeaea;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.service-wrapper .row {
	margin-left:0;
	margin-right:0
}
.services,
.service-img{
	padding-left:0;
	padding-right:0;
}
.service-img,
.service-caption {
	display:block
}
.hover-img.service-img {
	width:50%;
	height:100%;
}
.hover-img.service-img img {
	min-height: 81px;
	max-height:240px;
}
 .service-caption {
	position:absolute;
	bottom:20px;
	margin-left:50%;
	width:50%;
	padding:0 20px;
}
.service-wrapper h2 {
	margin-bottom:15px;
	width:80%;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	letter-spacing: -1px;
	height:22px;
}
.service-wrapper p{
	font-size:13px;
	max-height:44px;
	line-height: 22px;
	overflow: hidden;
}
@media (max-width: 480px) {
	 .service-caption {
		padding:0 15px;
		bottom:5px;
	}
	.service-wrapper h2 {
		margin-bottom:5px;
	}
	.service-wrapper p {
		height:40px;
		line-height: 20px;
	}
}
@media (max-width: 767px) {
	.service-wrapper {
		margin-left:10px;
		margin-right:10px;
		border:1px solid #ddd;
		border-bottom:0;
	}
}

/* mouse-hover-image */
.hover-img {
	 -webkit-perspective: 1000px;
  	perspective: 1000px;
	overflow: hidden;
	cursor:pointer;
}
.hover-img img {
	position:relative;
	display:block;
	width:100%;
	vertical-align:top;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.service-img:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

/*========================================*/
/*	recent-wrapper
 /*========================================*/
.widget-area{margin-bottom:50px}
.recent-warpper .owl-carousel {
	margin:0 auto;	
}
.recent-warpper .tab-title .tab {
	width:50%;	
	display:block;	
	float:left;
	padding:20px 15px;
}
.recent-warpper  .tab-title .tab a {
	display:block;
	float:left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.recent-warpper .tab-title .tab .recent-subj {
	width:85%;
	height:25px;/*IE8*/
	font-size:18px;
	font-weight:500;
}
.recent-warpper .tab-title .tab .butn-more {
	width:15%;
	text-align:center;
}
.recent-warpper .tab-title .tab .butn-more .fa {
	font-size:10px;
}

/* 밝은색 */
.bg-light .tab-content,
.bg-light .tab-title .tab.active,
.bg-light .owl-wrapper-outer {
	background:#ddd;
}
.bg-light .tab-title .tab{
	background:#ccc;
}
.bg-light .tab-title .tab a{
	color:#a3a3a3;
}
.bg-light .tab-title .tab a .title-underline {
	background-color:#a3a3a3;
}
.bg-light .tab-title .tab.active a {
	color:#333;
}
.bg-light .tab-title .tab.active a .title-underline  {
	background-color:#333;
}

/* 어두운색 */
.bg-dark .tab-content,
.bg-dark .tab-title .tab.active,
.bg-dark .owl-wrapper-outer {
	background:#353535;
}
.bg-dark .tab-title .tab{
	background:#545454;
}
.bg-dark .tab-title .tab a {	
	color:#939393;
}
.bg-dark .tab-title .tab a .title-underline  {
	background-color:#939393;
}
.bg-dark .tab-title .tab.active a{
	color:#fff;
}
.bg-dark .tab-title .tab.active a .title-underline {
	background-color:#fff;
}
@media (max-width: 767px) {
	.recent-warpper .tab-title .tab .recent-subj {
		height:20px;/*IE8*/
		font-size:14px;
		font-weight:700;
	}
}
@media (max-width: 784px) {
	.recent-warpper{
		margin-bottom:50px
	}
}

/*========================================*/
/* content-wrapper
 /*========================================*/
/* aside */
.aside-title {text-align:center;padding:10px 0 10px 0; background:#efefef;margin-bottom:10px}
.aside-title .fa-asterisk{
    width: 35px;
    height: 35px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    border-radius: 35px;
    text-align: center;
    background:#F89257
}
.aside-title h1{margin-top:5px}
.widget-butn{display:block; margin-bottom:10px}

/*========================================*/
/*	parallax-wrapper
 /*========================================*/
.parallax-container {
	display:table;
	width:100%;
}
.parallax-content {
	display:table-cell;
	width:50%;
	vertical-align: middle;
}
.parallax-content .hover-img{
	display:block;
}
.parallax-content .hover-img img {
	max-height:180px;
	min-height:100px
}
.parallax-content a:hover img {
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}
.parallax-content p {
	margin:15px 0;
	padding-right:30px;
	max-height:65px;
	overflow:hidden;
	line-height: 22px;
	font-size:14px;
}
.box-left,
.box-right{
	display:inline-block;
	width:50%;
	max-height:180px;
	min-height:100px
}
.box-left{
	position: absolute;
	left:0%;
}
.box-right{
	position: absolute;
	right:0% !important;
}
.parallax-box1,
.parallax-box2{
	position:relative;
	width:70%;
	height:180px;
	margin:0 auto
}
.parallax-box1 .box-left,
.parallax-box1 .box-right {
	bottom:0;
}
.parallax-box2 .box-left,
.parallax-box2 .box-right {
	top:0;
}
@media (max-width:480px){
	.parallax-box1,
	.parallax-box2{
		height:140px;
	}
}
@media (max-width:767px){
	#parallax-wrapper{
		display:table;
	}
	.parallax-container {
		display:table-cell;
		height: auto;
		vertical-align: middle;
	}
	.parallax-content {
		display:block;
		width:100%;
	}
	.parallax-content h3{
		font-size:16px;
		font-weight:500;
		margin-top:15px
	}
	.parallax-content p {
		padding-right:10px;
	}
	.parallax-content .butn{margin-bottom:5px}
}
@media (max-width:1399px){
	.parallax-content {
		padding-left:10px;
		padding-right:10px
	}
	.parallax-box1,
	.parallax-box2{
		width:100%;
	}	
}

/*========================================*/
/*	footer-wrapper
 /*========================================*/
.footer-wrapper {
	background:#313131;
	color:#7a7a7a;
	padding:50px 0 50px 0;
}
.footer-wrapper .foot-block{
	padding-bottom:30px
}
.footer-wrapper  h3 {
	font-size:16px;
	font-weight:bold;
	color:#c7c7c7;
}
.footer-wrapper  h3.foot-domain {
	color:#fff;
}
.footer-wrapper p {
	line-height: 22px;
}
.footer-wrapper hr {
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid #4d4d4d;
}
.footer-wrapper .foot-family {
	padding-bottom:10px
}
.footer-wrapper .foot-family li a{
	display:inline-block;
	padding:2px 5px;
	margin:1px 0;
	border-radius:2px;
	background:#7a7a7a;
	color:#313131;
	font-size:12px;
	font-weight:bold;
}
.footer-wrapper .foot-social li{
	float:left;
	padding-right:5px
}
.footer-wrapper .foot-social li .fa {
	font-size:25px;
}
.footer-wrapper .foot-nav li {
	line-height: 22px
}

/*========================================*/
/*	toTop
 /*========================================*/
#toTop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 34px;
    text-align:center;
	background:#ddd;
	opacity:.5;
	filter: alpha(opacity=50);
	 border:1px solid #ddd;
     border-radius:3px;
     padding-top:8px;
     font-size:10px;
     z-index: 2000
}
#toTop:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

/*========================================*/
/*	sample-common
 /*========================================*/
.space-10{display:block;height:10px}
.space-20{display:block;height:20px}
.space-30{display:block;height:30px}
.space-40{display:block;height:40px}
.non-margin {margin-top:0;margin-bottom:0}
.mg-btm50{margin-bottom:50px}
.font-big{font-size:25px}
.font-normal{font-size:18px}
.page-bg-white{background:#FFF;color:#333}
.page-bg-dark{background:#393F4F;color:#CCC;padding-left:10px;padding-right:10px}
.page-wrapper {padding-top:10px;padding-bottom:30px;text-align:justify;font-family: '나눔고딕', 'Nanum Gothic', Dotum,'굴림',Gulim,Helvetica,sans-serif!important}
.page-wrapper {line-height: 1.8}
.page-wrapper  h1{margin-top:20px;margin-bottom:15px}
.img-border{border:1px solid #ddd}

/* 테이블 */
.page-bg-white .table>tbody>tr>td{border-bottom: 1px solid #ddd;border-top:0}
.page-bg-dark .table>tbody>tr>td{border-bottom: 1px solid #505050;border-top:0}
.page-wrapper .table .td-title1{border-bottom:2px solid #EF766E;font-weight:700;padding-top:0}
.page-wrapper .table .td-title2{border-bottom:2px solid #878787;font-weight:700;padding-top:0}

/* office_a */
.img-wrapper img {max-width:100%}
.fa.fa-white,
.fa.fa-dark{width: 50px;height: 50px;margin: 0 auto;color: #fff;font-size: 18px;line-height: 50px;border-radius: 50px;text-align: center}
.fa.fa-white{background:#347B9F}
.fa.fa-dark{background:#F46877}
.dot-title h1{margin-top:10px;margin-bottom:10px} 
.page-caption{display:block}
.page-caption .fa{margin-right:5px}

/* office_b */
/*.page-wrapper .nav{padding-left:15px}*/
.map-wrapper{height:500px}
.map-wrapper iframe{border:1px solid #ddd}
.info-col{position:relative;background:#e3e3e3;height:50px}
.info-col h1{height:100%;margin-top:0;margin-bottom:0;line-height:50px;padding-left:15px}
.info-col span{position:absolute;top:0;right:0;display:inline-block;width:50px;height:100%;background:#E499A0;text-align:center;line-height:50px;font-size:10px}
.info-ul {padding:15px;background:#F2F2F2}
.info-site {padding-left:15px}
.info-site .fa{margin-right: 15px;padding: 5px 10px;background: #E499A0;color: #fff}
.info-site li.active a {background:#eee}
.info-site li.active a .fa{background:#54BDDB}
.info-site-content a{background:#8FCFE1;display:inline-block;padding:5px 10px;border-radius: 3px;margin-right:5px;margin-bottom:5px}
.page-bg-dark .info-col,
.page-bg-dark .info-ul,
.page-bg-dark .info-site li.active a,
.info-site-content a{color:#333}

/* image */
.img-border {border:1px solid #ddd}
.img-caption {display:block;}
.img-caption .fa {margin-right:5px}

@media (max-width: 767px) {
	.font-big{font-size:18px}
	.font-nomal{font-size:16px}
	.page-bg-dark .table-responsive {border:1px solid #505050}
	.page-wrapper .table .td-title1,
	.page-wrapper .table .td-title2{padding-top:8px}
	.map-wrapper{height:400px}
}

/* 201707
	Theme Name: RESPONSIVE ARTICLES FOR COMMON
	Theme URL: http://www.designersol.co.kr
	Author: Sangok Lee
	Version: 1.0
	License URL: http://www.designersol.co.kr
 	Copyright 2014~ DESIGNSOL
*/

@charset "utf-8";
@media (max-width: 991px) {
	.must,
	.must table {font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:15px !important}
	.must h3,
	.must h4 {font-weight:700}
	.must h3{ font-size:20px}
	.must h4 {font-size:16px}
}
@media (min-width: 992px) {
	.must,
	.must table {font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; font-size:14px !important}
	.must h3,
	.must h4 {font-weight:500}
	.must h3 {font-size:25px}
	.must h4 {font-size:16px}
}
@media (max-width: 480px) {
	.col-xxs-12 {width:100%; padding-left:0; padding-right:0}
	.col-xxs-6 {width:50%; padding-left:15px; padding-right:15px}
}

.must {margin-bottom:40px}
.must.bg-white {background:#fff; color:#333}
.must.bg-dark {background:#3a4050; color:#ccc}
@media (max-width: 767px) {.must.bg-dark {padding:15px}}
@media (min-width: 768px) {.must.bg-dark {padding:30px}}

.must p {text-align: justify; line-height: 24px !important}
.must p.cnt-p {text-align:center}
.mgt40 {margin-top:40px !important}
.mgb40 {margin-bottom:40px !important}
.mgb20 {margin-bottom:20px !important}
.mgbt0 {margin-top:0; margin-bottom:0}
.pdlr0 {padding-left:0; padding-right:0}

.must a {	
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    text-decoration: none;
}
.must a:hover {text-decoration: none}

/* 구분선 */
.bg-white .hr-l {display:inline-block; float:left; width:40px; border-bottom:4px solid #333}
.bg-white .hr-r {display:block; border-bottom:4px solid #eee}
.bg-dark .hr-l {display:inline-block; float:left; width:40px; border-bottom:4px solid #000}
.bg-dark .hr-r {display:block; border-bottom:4px solid #474d5d}

/* display table */
.dp-tbl {display:table}
.dp-tbl-cel {display:table-cell; vertical-align:middle}

.map1,
.history1 {margin-bottom:40px}

/* history */
.must .cnt-img {
	background-position: center!important;
	background-repeat: no-repeat;
	background-size: cover;
}
.history1 p {background-color:#fff; color:#333}
.history2 .cnts {border-top:1px solid #f27242}
.history2 h3 {text-align:center; color:#fff}
.history2 table > tbody > tr > td {border-top:1px solid #4f5b6b}
.history2 table > tbody {border-bottom:1px solid #4f5b6b}
.history2 .table-responsive {margin-bottom:30px}
@media (max-width:767px) {
	.history1 .cnt-img {height:200px}
	.history1 p {padding:15px; border-left:5px solid #f27242}
	.history2 .table-responsive {border:1px solid #4f5b6b} 
}
@media (min-width:768px) {
	.history1 {height:350px; position: relative}
	.history1 .cnt-img {height:inherit}
	.history1 .cnt-txt {position: absolute; bottom:30px; left:0; right:0; margin:0 50px}
	.history1 p {padding:30px;  border-radius: 3px; border-left:20px solid #f27242}
	.history2 .cnts h4,
	.history2 .cnts div {float:left} 
	.history2 .cnts h4 {width:10%; text-align: right; padding-right:15px}
	.history2 .cnts div {width:90%}
}
@media (max-width:991px) {.history .cnts h4 {font-size:20px}}
@media (min-width:992px) {
	.history1 {height:500px}
	.history1 .cnt-txt {margin:0 100px}
	.history1 p {border-left:50px solid #f27242}
	.history2 .cnts {width:80%; margin:auto}
	.history2 .cnts h4 {font-size:20px; font-weight:400}
}

/* map*/
.map1 {position: relative}
.map1 span {position: absolute; background:#f27242; color:#fff; top:0; right:0}
.map1 .fa-map-marker {font-size:25px}
.map1 .cnt-b {background:#fff; color:#333; padding:15px}
.map1 .cnt-b .fa {font-size:15px; color:#f27242;margin-right:15px}
.map2 .cnts {background:#fff}
.map2 .cnt-l p {background:#f27242; color:#fff}
.map2 .cnt-r {background:#eee}
.map2 .cnt-r p {color:#333}
.map2 strong {font-size:16px; font-weight:500} 
@media (max-width:767px) {
	.map1 .cnt-t {height:350px}
	.map1 span {padding:10px 20px}
	.map2 p {padding:20px 15px}
}
@media (min-width:768px) {
	.map1 .cnt-t {height:450px}
	.map1 span {padding:20px 30px}
	.map2 .cnt-l,
	.map2 .cnt-r {height:200px}
	.map2 p {padding:0 30px}
}