@import url( http://fonts.googleapis.com/earlyaccess/nanumgothic.css );
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/NanumGothic-Regular.eot');
  src: url('/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumGothic-Regular.woff2') format('woff2'),
       url('/fonts/NanumGothic-Regular.woff') format('woff'),
       url('/fonts/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/NanumGothic-Bold.eot');
  src: url('/fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumGothic-Bold.woff2') format('woff2'),
       url('/fonts/NanumGothic-Bold.woff') format('woff'),
       url('/fonts/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/NanumGothic-ExtraBold.eot');
  src: url('/fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/fonts/NanumGothic-ExtraBold.woff2') format('woff2'),
       url('/fonts/NanumGothic-ExtraBold.woff') format('woff'),
       url('/fonts/NanumGothic-ExtraBold.ttf') format('truetype');
}

@font-face{
	font-family:"NanumSquareB";
	src:url('/fonts/NanumSquareB.eot');
	src:url('/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareB.woff') format('woff'),
	url('/fonts/NanumSquareB.ttf') format('truetype');
	src:local('?'), url('/fonts/NanumSquareB.woff') format('woff');
}

@font-face{
	font-family:"NanumSquareR";
	src:url('/fonts/NanumSquareR.eot');
	src:url('/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareR.woff') format('woff'),
	url('/fonts/NanumSquareR.ttf') format('truetype');
	src:local('?'), url('/fonts/NanumSquareR.woff') format('woff');
}

body {
   font-family: 'Nanum Gothic', sans-serif; font-size:13px;
   padding-top: 82px; 
}

.nanumb {font-family:'NanumSquareB';}
.nanumr {font-family:'NanumSquareR';}
.nanum {font-family:'Nanum Gothic';}

.top_Bar {width:100%; height:35px; position:fixed; top:0; z-index:1031; background:#464646}

@media (max-width:767px){
	.top_Bar{
		display:none;
	}
	body {font-size:12px;}
}
@media (max-width:800px){
	.top_Bar{
		display:none;
	}
}
.top_Bar_off{
	display:none;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; /* Firefox 4 */
-webkit-transition: all 0.5s !important; /* Safari and Chrome */
-o-transition: all 0.5s !important; /* Opera */
}
.navbar-default_off {
	top:0 !important;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; /* Firefox 4 */
-webkit-transition: all 0.5s !important; /* Safari and Chrome */
-o-transition: all 0.5s !important; /* Opera */
}

span.topBar {color:#fff; display:inline-block; padding-top:8px; font-weight: 300; letter-spacing: 0.02em; padding-left: 2px; font-size: 13px;}
span.topBar span {font-family:'Nanum Gothic', sans-serif; font-size:12px;}
span.topBar a {color:#fff;}
span.topBar a:hover {color:#0097cc}

span.topBar_r {float:right; color:#e5e5e5; display:inline-block; padding-top:8px;}
span.topBar_r span.line {font-size:12px; font-family:sans-serif; color:#7f7f7f; padding:0 10px;}
span.topBar_r a {color:#e5e5e5; font-family:'Nanum Gothic', sans-serif; font-size:12px;}
span.topBar_r a:hover {color:#fff}

.sitemapIcon {font-size: 21px; color: #f05026;}
.searchBar {height: 30px; margin-top: 2px;}
.pl_5 {padding-left:5px;}
.mr_10 {margin-right:10px;}
.pt_30 {padding-top:30px}
.w_90 {width:90%; margin:0 auto;}

.mt_30 {margin-top:30px;}
.pt_10 {padding-top:10px;}

.space_h10 {height:10px; clear:both;}
.space_h20 {height:20px; clear:both;}
.space_h30 {height:30px; clear:both;}
.space_h40 {height:40px; clear:both;}
.space_h50 {height:50px; clear:both;}

#search_text {border-radius:0; box-shadow:none;}
#searchForm .searchBtn {border-radius: 4px; padding: 4px 15px !important; border-radius:0; outline:none; box-shadow:none;}
#searchForm .searchBtn :active:focus, #searchForm .searchBtn :active:hover {color:#fff;}

.searchbox {width:100%; display:inline-block; margin-bottom:25px;}
.srch{float:left; width:100%; display:inline-block;}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch select{
    margin: 0;
    color: #373737;
    vertical-align: middle;
    height: 50px;
    border: #eaeaea solid 1px;
    outline: none;
    padding: 15px 20px;
    float: left;
    width: 180px;
	border-radius:0 !important;
	box-shadow:none;
	-webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;         
	background: url('../images/select-arrow.png') no-repeat 117px 50%;
}
.srch select::-ms-expand {
   display: none;            
}
.srch .keyword{
    margin: 0;
    width:calc( 100% - 230px );
    padding: 15px 20px;
    line-height: 15px;
    outline: none;
    vertical-align: top;
    height: 50px;
    float: left;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
	border-left:none;
	border-right:none;
	border-radius:0 !important;
	-webkit-appearance: none; /* chrome*/
    -moz-appearance: none;    /* firefox*/
    appearance: none;         
	line-height:normal;
}
.srch .keyword:focus {
	background-color:#f5f5f5;
}
.srch button.searchBtn {
    height: 50px;
	width: 50px;
    float: left;
    background: #444;
    color: #fff;
    border-color: #444;
    font-size: 17px;
	min-width:inherit !important;
	transition: none;
    -webkit-transition: none;
    -o-transition: none;
	border-radius:0;
	outline:none !important;
	padding:10px;
}
.srch button.searchBtn:hover {background:#00458a; border-color:#00458a;}

@media (max-width:991px) {
	.srch select {width:130px; background-position:105px 50%;}
	.srch .keyword {width:calc( 100% - 180px );}
}
@media (max-width:767px) {
	.searchbox {margin-bottom:10px; float:left;}
	.srch select {width:80px; padding:10px; height:40px; font-size:13px; background-position:58px 50%;}
	.srch .keyword {width:calc( 100% - 120px ); padding:10px; height:40px; font-size:13px;}
	.srch button.searchBtn {width:40px; height:40px; padding:7px;}
	
}

@media (max-width:767px) {
	.searchbox {margin-bottom:10px; float:left;}
	.srch select {width:80px; padding:10px; height:40px; font-size:13px; background-position:58px 50%;}
	.srch .keyword {width:calc( 100% - 120px ); padding:10px; height:40px; font-size:13px;}
	.srch button.searchBtn {width:40px; height:40px; padding:7px;}
	
}

.hidden {display: none!important;}

@media (min-width:768px) {
	div.loginBox {display:none !important;}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu{     display: block;     margin: 0; }
	.navbar-nav>li {color:#222; border-top:3px solid #fff}
	.navbar-nav>li.sitemap:hover {border-color:#fff;}
	.navbar-nav>li:hover{ border-top:3px solid  #0c909d}
}

@media (max-width:767px) {
	.loginBox {position:fixed; z-index:999999; top:27px; right: 70px;}
	.loginBox a {color:#333; font-size:13px;}

	header {display:none !important;}
	span.topBor i {display:none;}
	.sitemapIcon {display:none;}
	.searchBtn {width:20%; padding:4px 0; text-align:center;}
	.searchBar {width:79% !important; float:left; margin-right:1%}
	.formnavBar {float:none !important; margin-top:-23px;}
	.formnavBar .form-group {width:100%;}
	.navbar-fixed-top {top:0px;}
	body {padding-top:50px;}
}



.bg-img1 {
	background-image: url(../images/bg-img.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-img2 {
	background-image: url(../images/bg-img2.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img1 {
	background-image: url(../images/page-img1.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img2 {
	background-image: url(../images/page-img2.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img3 {
	background-image: url(../images/page-img3.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img4 {
	background-image: url(../images/page-img4.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.page-img5 {
	background-image: url(../images/page-img5.jpg);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*--------------------
1. General
--------------------*/

body {
	margin: 0px;
}

nav {background:#fff; border-bottom:1px solid #ededed !important;}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nanum Gothic';
	font-weight: 700;
	letter-spacing: -0.4px;
	color: #232323;
}

p {
	font-size: 13px;
	font-weight: 300;
	line-height: 21px;
	letter-spacing: 0.2px;
	color: #444444;
}
p.right {text-align:right; float:right;}
.dark-bg p {
color: #dfdfdf;	
}
.orange-bg p {
color: #fff;
opacity:0.6;
}

a:hover, a:focus, a:active, a.active {
	color: #0095a2; text-decoration:none;
}
a, a:hover, a:focus, a:active, a.active {
	color: #0c909d;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

::selection {
	text-shadow: none;
	background: #efefef;
}
section {
	padding: 40px 0;
}

ul {
	padding-left: 0;
	padding-top: 10px;	
}

ul li {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: #000000;
}

section ul li:before {
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	padding-right: 7px;
	color: #23AD21;
}
@media (max-width: 767px) {
	.flex-direction-nav {display:none;}
	section {
		padding: 35px 0 15px !important;
	}
}
/*--------------------
1.1 Reset bootstrap
--------------------*/

.row-0-gutter {
    margin-left: -13px;
    margin-right: -13px;
}

.col-0-gutter {
	padding-left: 0;
	padding-right: 0;
}

/*--------------------
2. Navigation
--------------------*/

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


.navbar-default {
	border-color: transparent
}
.navbar-default .navbar-brand {
	color: #fff;
	padding: 0px;
	margin-left: 15px;
	margin-top: 23px;
	height:auto;
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active {
	color: #fec503
}
.navbar-default .navbar-collapse {
	border-color:none;
}
.navbar-default .navbar-toggle {
	background-color: #fff;
	border-color: #fff
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000
}
.navbar-default .nav li a {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	color: #222;
	font-weight:bold;
	margin-top:0;
}
.navbar-default .nav li a:hover {
	color: #0c909d;
}
.navbar-default .nav li a.btn_allmenu {padding:0; margin:26px 0 0 10px}
.navbar-default .nav li>ul>li {border-bottom: 1px solid #ededed;}
.navbar-default .nav li>ul>li>a {color:#444; padding:12px 0 12px 20px !important; font-size:12px; font-weight:normal !important;}
.navbar-default .nav li>ul>li>a:hover {color:#0c909d}

.navbar-default .navbar-nav>.active>a {
	color: #fff;
	background-color: #0097cc
}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #fec503
}
.cta_text {margin-bottom:20px;
    color: #444;
    font-weight: 400;}

@media (min-width:768px) {
	.w900 {width:900px !important;}
	.navbar-default
	{	
		top:35px;
		-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0;
		box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px
	}
	.navbar-default.navbar-shrink {
		background-color: #fff;

	}
	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
}
@media (max-width:767px) {
	.navbar-default .navbar-brand img, footer .col-md-3 img {height:25px !important;}
	.navbar-default
	{	top:0px }
	.navbar-default .nav li a:hover {background:#0097cc; color:#fff }
	.navbar-default .nav li.sitemap {display:none;}
	.navbar-default .navbar-collapse {position:absolute; width:100%; top:100%;}
	.navbar-default .navbar-brand {
		margin-top: 13px;	}
	.navbar-toggle {
		margin-top:18px;
		padding:0;
	}
	
}

/*--------------------
3. Header
--------------------*/

header {
    margin:0;
}




.intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
	position: absolute;
	top: 50px;
    text-align: center;
	transform: translateX(-50%);
	left: 50%;
}
.intro-text .intro-lead-in {
	display: inline-block;
	margin-bottom: 25px;
	padding: 4px 20px;
	font-size: 19px;
	color: #fff;
	font-weight: 100;
	line-height: 40px;
}
.intro-text .intro-heading {
	font-weight: 900;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 25px;
	letter-spacing: -3px;
	word-spacing: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

@media (min-width: 768px) {
	.intro-text {
		padding-top: 230px;
		padding-bottom: 400px;
    }
	.intro-text .intro-lead-in {
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 45px;
	}
	.intro-text .intro-heading {
		line-height: 95px;
		font-size: 77px;
		margin-bottom: 50px;
	}
}

@media (min-width: 768px) {
	.intro-text {
		padding-top: 14%;
		padding-bottom: 400px;
    }
	
	.page-header small {padding-left:15px;}
}


.subContent {padding:40px 0;}
.subContent h3.title {font-size:18px;}

.subContent .list-group {border-top:1px solid #ddd;}
a.list-group-item {margin-bottom:0; border-top:none; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; position:relative; text-transform:uppercase;;}
a.list-group-item:after {position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#0095a2; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; z-index:999}
a.list-group-item:hover:after {transform:scale3d(1,1,1);}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {color:#0095a2}

@media (max-width: 767px) {
	.subContent  {padding:20px 0}
	.subtitle {margin:0px !important;}
	.subtitle h2 {font-size:20px !important; margin-bottom:5px !important }
	.subtitle p {padding-top:5px;  font-size:12px !important; line-height:140%;}
	
	.page-header {font-size:18px; margin:30px 0 15px}
	.page-header small {padding-left:10px;}
	.intro-text {
		padding-top: 9%;
    }
	.intro-text .intro-lead-in {
		font-size: 25px;
		margin-bottom:5px;
	}
	.intro-text .intro-heading {
		line-height: 140%;
		font-size: 35px;
	}
	.subContent .lead {font-size:18px;}
	.subContent .list-group {width:100%;display:inline-block; margin-bottom:0 !important; position:relative;}
	.subContent .list-group:after {position:absolute; width:100%; height:1px; content:''; left:0; bottom:0; background:#ddd;}
	.subContent .list-group a {width:50%; float:left; padding:8px 13px; font-size:12px;}
	.subContent .list-group a.last {width:100%;}
	
	.subContent iframe.map {height:300px;}
	
}
@media (max-width: 767px) {
	.navbar {min-height:50px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}
	.navbar-default .navbar-collapse {background:#fff; clear:both}
	.navbar-header{background: #fff;}

	.mz-module-button {
		position:static !important;
		opacity:1 !important;
	}
	.mz-module:hover .mz-module-button {
	bottom: 0px !important;
	}
	.his_box {margin:0 !important; padding:0 10px!important;}
	.his_box .year {float:none !important; font-size:1.9em !important}
	.his_box .month_list {width:100% !important}
	.his_box .month_list ul {padding-top:5px;}
	.his_box li {margin:0px; line-height:150% !important; padding:0 0 5px 0;}
	.his_box .month {display:block; width:100% !important; padding-bottom:5px;}

	
#back-top {
	position: fixed!important;
	bottom: 0px!important;
	right: 10px!important;
}
#back-top a {
	width: 40px!important;
	height: 40px!important;
}
#back-top i {
	margin-top: 7px!important;
	font-size: 20px!important;
}
	
}


@media (min-width: 768px) {
	.intro-text .intro-lead-in {
		font-size: 45px;
		margin-bottom:15px;
	}
	.intro-text .intro-heading {
		line-height: 95px;
		font-size: 55px;
	}
}
@media (max-width: 481px) {
	.owl-theme .owl-dots .owl-dot span{
		width:10px !important;
		height:10px !important;
		border-radius:5px !important;
		-webkit-border-radius:5px !important;
	}
	figure.effect-bubba h2{
		font-size:23px !important ;
		padding-top:30% !important;
		transition:none !important;
		transform:none !important;
	}
	figure.effect-bubba p{
		opacity:1 !important;
		font-size:15px !important;
		transition:none !important;
		transform:none !important;
		padding:0 !important;
	}
	section { padding:30px 0 10px !important;
	}
.	short-section {
	padding-top: 40px !important;
}
	.biztitle {font-size:23px !important}
	ul.business_list li {
		font-size:12px;
		padding:2% 0 2% 5px !important;
	}
	ul.business_list li span {
		font-size:14px !important;
		padding-right:2px !important;
	}
	.section-title h2 {
		font-size:32px !important;
		margin:5px 0 30PX 0 !important;
	}
	.section-title p {
		font-size:13px !important;
		margin:20px 30px 40px 30px !important;
	}
	.section-title strong {
		padding-bottom:10px;
	}
	.intro-text {
		padding-top:8%;;
		top:10px;
    }
	.intro-text .intro-lead-in {
		line-height:110%;
		font-size: 15px;
		padding-bottom:3px;
	}
	
	.intro-text .intro-heading {
		line-height: none;
		font-size: 22px;
	}

}


/*****************
	Main - Visual 영역
*****************/
.owl-carousel {
	text-align: center;
	cursor: default;
}
.owl-carousel h1 { font-size:50px; color:#fff}
.owl-carousel p { font-size:20px; color:#fff; margin-top:15px; font-weight:lighter}
.owl-controls {
	display: inline-block;
    position: relative;
    margin-top: 40px;
}
.panel-group .panel .owl-controls {
    margin-top: 25px;
}
.panel-group.blank .panel .owl-controls {
    margin-top: 40px;
}
.owl-pagination {
	position: relative;
	line-height: 30px;
}
.owl-buttons {
	display: none;
}
.owl-prev,
.owl-next {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	font-size: 30px;
	color: #FFF;
	background-color: #506A85;
	border: none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	margin: auto;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
	opacity: 0;
}
.owl-next i {position:absolute; right:17px}
.owl-prev i {position:absolute; left:17px}
.owl-prev {
	left: -35px;
}
.owl-next {
	right: -35px;
}
.owl-carousel:hover .owl-prev {
	left: -40px;
	opacity: .25;
}
.owl-carousel:hover .owl-next {
	right: -40px;
	opacity: .25;
}
.owl-carousel:hover .owl-prev:hover,
.owl-carousel:hover .owl-next:hover {
    color: #1ABB9C;
	opacity: 1;
}
.owl-outer-nav:after {
	content: "";
	position: absolute;
	top: 0;
	left: -15%;
	width: 130%;
	height: 100%;
	z-index: 0;
}
.owl-outer-nav .owl-wrapper-outer,
.owl-outer-nav .owl-pagination,
.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next {
	z-index: 1;
}
.owl-outer-nav .owl-controls {
	position: static;
}
.owl-outer-nav .owl-prev {
	left: -65px;
}
.owl-outer-nav .owl-next {
	right: -65px;
}
.owl-outer-nav:hover .owl-prev {
	left: -80px;
}
.owl-outer-nav:hover .owl-next {
	right: -80px;
}


.owl-ui-md .owl-pagination {
	line-height: 45px;
}
.owl-ui-md .owl-prev,
.owl-ui-md .owl-next {
	width: 45px;
	height: 45px;
	font-size: 45px;
}
.owl-ui-md .owl-prev {
	left: -55px;
}
.owl-ui-md .owl-next {
	right: -55px;
}
.owl-ui-md:hover .owl-prev {
	left: -60px;
}
.owl-ui-md:hover .owl-next {
	right: -60px;
}

.owl-outer-nav.owl-ui-md:after {
	left: -18%;
	width: 136%;
}
.owl-outer-nav.owl-ui-md .owl-prev {
	left: -85px;
}
.owl-outer-nav.owl-ui-md .owl-next {
	right: -85px;
}
.owl-outer-nav.owl-ui-md:hover .owl-prev {
	left: -100px;
}
.owl-outer-nav.owl-ui-md:hover .owl-next {
	right: -100px;
}

.owl-ui-lg .owl-pagination {
	line-height: 60px;
}
.owl-ui-lg .owl-prev,
.owl-ui-lg .owl-next {
	width: 60px;
	height: 60px;
	font-size: 60px;
}
.owl-ui-lg .owl-prev {
	left: -75px;
}
.owl-ui-lg .owl-next {
	right: -75px;
}
.owl-ui-lg:hover .owl-prev {
	left: -80px;
}
.owl-ui-lg:hover .owl-next {
	right: -80px;
}

.owl-outer-nav.owl-ui-lg:after {
	left: -22%;
	width: 144%;
}
.owl-outer-nav.owl-ui-lg .owl-prev {
	left: -105px;
}
.owl-outer-nav.owl-ui-lg .owl-next {
	right: -105px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-prev {
	left: -120px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-next {
	right: -120px;
}

.owl-inner-nav .owl-controls {
	position: static;
}
.owl-inner-nav .owl-prev {
	left: 45px;
}
.owl-inner-nav .owl-next {
	right: 45px;
}
.owl-inner-nav:hover .owl-prev {
	left: 30px;
}
.owl-inner-nav:hover .owl-next {
	right: 30px;
}

.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next,
.owl-inner-nav .owl-prev,
.owl-inner-nav .owl-next {
	bottom: 70px;
}

.owl-outer-nav.owl-ui-md .owl-prev,
.owl-outer-nav.owl-ui-md .owl-next,
.owl-inner-nav.owl-ui-md .owl-prev,
.owl-inner-nav.owl-ui-md .owl-next {
	bottom: 85px;
}

.owl-outer-nav.owl-ui-lg .owl-prev,
.owl-outer-nav.owl-ui-lg .owl-next,
.owl-inner-nav.owl-ui-lg .owl-prev,
.owl-inner-nav.owl-ui-lg .owl-next {
	bottom: 100px;
}

.owl-inner-pagination .owl-pagination,
.owl-inner-pagination .owl-prev,
.owl-inner-pagination .owl-next {
	margin-top: -40px;
	top: -60px;
}

.owl-inner-pagination.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-ui-md .owl-prev,
.owl-inner-pagination.owl-ui-md .owl-next {
	margin-top: -50px;
	top: -65px;
}

.owl-inner-pagination.owl-ui-lg .owl-pagination,

.owl-inner-pagination.owl-ui-lg .owl-prev,
.owl-inner-pagination.owl-ui-lg .owl-next {
	margin-top: -60px;
	top: -75px;
}

.owl-inner-pagination.owl-outer-nav .owl-prev,
.owl-inner-pagination.owl-outer-nav .owl-next,
.owl-inner-pagination.owl-inner-nav .owl-prev,
.owl-inner-pagination.owl-inner-nav .owl-next {
	margin: auto;
	top: 0;
	bottom: 43px;
}

.owl-inner-pagination .owl-pagination {
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
	opacity: 0;
}

.owl-inner-pagination:hover .owl-pagination {
	opacity: 1;
}

.owl-inner-pagination.owl-inner-nav .owl-pagination,
.owl-inner-pagination.owl-outer-nav .owl-pagination {
	top: -45px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
	top: -50px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
	top: -60px;
}

.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
	top: -60px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
	top: -65px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
	top: -75px;
}

#mainslide .item {
	height: 44vh;
	background-color: #FFF;
	background-position: center 55%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
#mainslide.height-md .item {
	height: 61vh;
}
#mainslide.height-lg .item {
	height: 90vh;
}
#mainslide .container {
	display: table;
	height: inherit;
}
#mainslide .caption {
	display: table-cell;
}
#mainslide .caption.vertical-center {
	vertical-align: middle;
	padding-bottom: 3vh;
}
#mainslide .caption.vertical-top {
	vertical-align: top;
	padding-top: 8vh;
}
#mainslide .caption.vertical-bottom {
	vertical-align: bottom;
	padding-bottom: 14vh;
}
#mainslide .caption.text-center {
	padding-left: 8%;
	padding-right: 8%;
}
#mainslide .caption.text-left {
	padding-right: 20%;
}
#mainslide .caption.text-right {
	padding-left: 20%;
}
#mainslide .caption h1,
#mainslide .caption p,
#mainslide .caption div {
	position: relative;
}
#mainslide .caption h1 span {
	padding: .250em 0;
	line-height: 180%;
}
#mainslide .caption .light-bg,
#mainslide .caption .medium-bg,
#mainslide .caption .dark-bg,
#mainslide .caption .tint-bg {
	background: none;
	padding-left: .500em;
	padding-right: .500em;
}
#mainslide .caption h1.light-bg span,
#mainslide .caption p.light-bg span {
	background: #FFF;
	box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
}
#mainslide .caption h1.medium-bg span,
#mainslide .caption p.medium-bg span {
	background: #A3B1BF;
	box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
}
#mainslide .caption h1.dark-bg span,
#mainslide .caption p.dark-bg span {
	background: #506A85;
	box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
}
#mainslide .caption h1.tint-bg span,
#mainslide .caption p.tint-bg span {
	background: #1ABB9C;
	box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C;
	-webkit-box-decoration-break: clone;
	        box-decoration-break: clone;
}
#mainslide .owl-controls {
	display: block;
	position: static;
	margin-top: -47px;
}
#mainslide .owl-pagination {
	line-height: inherit;
	position: relative;
	bottom: 0px;
	padding: 10px;
	display: inline-block;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	margin: auto;
	opacity: 1;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
#mainslide:hover .owl-pagination {
	bottom: 0px;
	opacity: 1;
}
#mainslide .owl-prev,
#mainslide .owl-next {
	bottom: 0;
}

.owl-controls .owl-page {
    display: inline-block;
}
.owl-pagination .owl-page span {
	display: block;
	width: 15px;
	height: 15px;
	background: #506A85;
	border: none;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	margin: 0 5px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.owl-pagination .owl-page.active span,
.owl-pagination .owl-page:hover span {
	background: #1ABB9C;
}
.owl-item-gap .item {
    margin: 0 15px;
}
.owl-item-gap-sm .item {
    margin: 0 10px;
}
/* preloading images */
.owl-item.loading {
    min-height: inherit;
    background: none;
}

@media (min-width: 1200px) { 

	.owl-buttons {
		display: block;
	}
	}

.fa fa-angle-right:before {
    content: '\f061';
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0;
    text-align: center;
    line-height: 1em;
}


/*--------------------
4. Sections
--------------------*/

.section-title h2 {
	font-size: 45px;
	color: #222;
	font-weight: normal;
	letter-spacing: -0.6px;
	position: relative;
	margin: 15px 0 50px 0;
	padding-bottom: 15px;
}

.section-title h2:after {
	left: 50%;
	z-index: 1;
	width: 14px;
	height: 14px;
	content: " ";
	bottom: -20px;
	margin-left: -7px;
	text-align: center;
	position: absolute;
	background: #0097cc;
}

.dark-bg .section-title h2 {
	color: #fff;
}
.orange-bg .section-title h2 {
	color: #fff;
	opacity:1;
	text-align:center;
}

.section-title p {
	text-align:center;
	font-size: 16px;
	font-weight: 300;
	line-height: 170%;
	margin: 40px 80px 60px 80px;
}

/*--------------------
4.1. CTA sectoin
--------------------*/
.m_call {
    margin:0;
    padding: 0;
	font-weight:bold;
	color:#0056aa;
	font-size:3em;
}
.section-cta {clear:both; padding:50px 0;}
.section-cta h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	margin: 0px;
	line-height:130%;
	font-weight:700;
	font-family: 'Nanum Gothic', sans-serif;
}
.section-cta .col-md-12 {text-align:center;}
.section-cta .col-md-12 h2 {font-weight:bold; padding-bottom:20px; color:#333;}
.section-cta .col-md-12 p {padding-bottom:40px;}
.section-cta .col-md-3 h4 {font-weight:400; padding-top:5px;}
.section-cta .col-md-3 p {font-size:14px; padding-bottom:20px;}

.section-cta a {
    color: #333;
}
.section-cta a:hover {
    color: #0095a2;
}


#download {clear:both; background:url(../images/notice-bg.jpg) center fixed; padding:160px 0 180px; margin-top: 60px;}
#download h2 {font-weight:bold; padding-bottom:10px; color:#fff;}
#download p {color:#fff;}
#download h4 {padding:5px 0 10px}
#download button {font-size:1.1em; margin-top:10px; padding:10px 25px; border-radius:4px; background:#0095a2; color:#fff; border:1px solid #0095a2; letter-spacing:0.3em;}
#download button:hover {background:#0090cd !important; border-color:#0090cd !important}

#partner {padding:30px 0 50px}
#partner h2 {font-weight:bold; padding-bottom:25px; color:#333; text-align:center;}

@media (max-width:767px) {		
	#partner .partner_b {margin-bottom:10px;}
	
	.section-cta {padding:30px 0 !important}
	.section-cta .col-md-3 h4 {margin-bottom:5px; font-size:16px}
	.section-cta .col-md-12 p {padding-bottom:10px;}
	.section-cta .col-md-3 p {font-size:12px; line-height:19px; padding-bottom:0}
	.m_call {font-size:2.5em; margin-bottom:20px; color:#0073d3 !important;}
	.cta_text {margin-bottom:10px; font-size: 1.1em;}
	
	#download {padding:30px 0}
	#download h2 {font-size:18px; margin:0 0 10px; padding:0;}
	
	.section-cta h2 {
		color: #fff;
		font-size: 18px;
		font-weight: 300;
		margin: 0px;
		line-height:130%;
		font-family: 'Nanum Gothic', sans-serif;
	}
}

.button-cta, .button-cta:visited {
	background:#0097cc;
	padding: 15px 50px;
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	display:block;
	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
	text-align:center;

}
.button-cta:hover {
	background:#306898;
	text-decoration: none;
	color:#fff;
}
/*--------------------
4.1. About
--------------------*/
.his-tabs {margin-top:30px;}
.tab-content .tab-pane>div:last-child {border-bottom:none;}
.his-tabs>li {width:50%;}
.his-tabs>li a {color:#666; font-size:15px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#ff5f00; font-weight:500}
.his-box {width:100%; display:inline-block; border-bottom:1px dotted #ddd; padding:35px 0; }
.his-box .year {width:90px; float:left; font-size: 32px; font-weight: bold; color: #666; text-align:left; line-height:30px;}
.his-box .month {width:50px; float:left; font-size: 14px;color: #172d7a; text-align:left;}
.his-box ul {width:calc( 100% - 130px ); padding-left:25px; padding-top:0px; float:left; text-align:left}
.his-box ul li {margin-bottom:7px; font-size:15px; position:relative; padding-left:10px; list-style:none; clear:both}
.his-box ul li ul {padding-left:0; padding-top:0px}
.his-box ul li ul li {padding-left:0; margin-top:0px; clear:both}
.his-box ul li:after {
	left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    position: absolute;
    background: #ff5f00;
}

@media(max-width:767px){
	
.his-tabs>li a span {font-size:12px; letter-spacing:-.03em; display:block;}
.his-tabs>li a {font-size:14px;}
.his-box {padding:20px 0}
.his-box .year {width:80px; font-size:24px;}
.his-box ul {width:calc( 100% - 80px );}
.his-box ul li {font-size:13px;}

}



.img-center img {
	text-align:center;
	margin:20px auto;
	padding:0 20px;
}

.mz-module {
	position: relative;
	margin-bottom: 30px;
}

.mz-module-about {
    border: 3px solid #e86440;
    min-height: 280px;
    padding: 30px 20px;
	border-radius:20px;
	-webkit-border-radius:20px;
}

.mz-module-about h3 {
	font-weight:bold;
	font-size: 19px;
	/* text-transform: uppercase; */
	color: #fff;
	/* letter-spacing: 2px; */
	margin-bottom: 20px;
}

.dark-bg .mz-module-about h3 {
	color: #FFFFFF;
}

.mz-module-about p {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	opacity:0.7;
}
.mz-module-button {
	background-color: #aaa;
	padding: 15px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	opacity: 0;
	color: #fff;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	border-radius:15px;
	-webkit-border-radius:15px;
}
.mz-module:hover .mz-module-button {
	bottom: -45px;
	opacity: 1;
}
.mz-module-button:hover {
	background-color: #1a1a1a;
	color: #fff;
	text-decoration: none;
}

.mz-module-button {
	color: #fff;
}

.ot-circle {
	height: 95px;
	width: 95px;
	text-align: center;
	line-height: 98px;
	color: #FFFFFF;
	margin: 0 2px 4px;
	font-size: 75px;
	opacity:0.7;

	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;

}

/*--------------------
4.2. Featured
--------------------*/
.biztitle {font-size:30px; color:#333; padding-bottom:15px; border-bottom:2px solid #333;}

ul.business_list {
	margin:0 0 20px;
	padding:0;
}
ul.business_list li {
	padding:2% 0 2% 10px;
	border-bottom:1px solid #ddd;
}
ul.business_list li:before {
	content:"\f" !important;
}

ul.business_list li span {
	font-weight:bold;
	color:#f42424;
	font-size:18px;
	padding-right:5px;
}
.featured-item {
	margin-bottom: 30px;
	height: 110px;
}

.featured-icon {
	float: left;
	font-size: 22px;
	border-radius: 5px;
	width: 55px;
	height: 55px;
	background-color: #F8F8F8;
	line-height: 50px;
	text-align: center;
}
.featured-text {
	text-align: left;
	margin-left: 85px;
}
.featured-text h4 {
	color: #47474C;
	font-size: 17px;
	font-weight: 700;
}
.featured-text p {
	color: #747377;
	margin-top: 7px;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
}

/*--------------------
4.2. Skills
--------------------*/

.section-text {
	margin: 15px 0 20px;
}

.section-text h3 {
	margin: 0 0 30px;
	font-weight: 800;
	color: #5D5D5D;
}

.section-text h4 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 17px;
}

.dark-bg .section-text h3 {
	color: #dfdfdf;
}

.dark-bg .section-text h4 {
	color: #dfdfdf;
}

/*--------------------
4.3. Portfolio
--------------------*/

figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	background: #726FB9;
	text-align: center;
	cursor: pointer;	
}

figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

.ot-portfolio-item figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-bubba {
	background: #000;
	border: 10px solid #f6f6f6;
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	opacity: 0;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*--------------------
4.4. Dark Short section (counters, quote, etc)
--------------------*/
.moreBtn {width:200px; border:1px solid #fff; margin:50px auto; padding:8px 0; border-radius:5px; text-align:center;}
.moreBtn a{font-size:18px; color:#fff; display:block;}
.clear {clear:both;}

.notice_read {padding-top:18px; padding-bottom:40px; margin-bottom:10px; border-top:1px solid #555; border-bottom:1px solid #555;}
.notice_read  h3.title {font-size:20px; color:#fff; margin-bottom:20px;}
.notice_read  p {font-size:14px; color:#dadada}
.notice_read  a.btn {padding:6px 20px; color:#fff}
.notice_read  a.btn:visited {background-color:#0095a2; border:none;}
.notice_read p.number, .notice_read p.date {font-size:12px; color:#bbb; float:left; margin-right:20px; font-style:italic}

.paginationBox{margin:0 auto; text-align:center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #464646; border-color: #464646;}
div.btnBox {width:100%; position:relative; height:40px;}
div.btnBox a{color:#f05026; text-decoration:none; display:block}
div.btnBox a:hover {color:#fff}
div.btnBox div:hover {background:#f05026;}
div.prev_btn {width:40px; height:40px; border:1px solid #f05026; text-align:center; line-height:36px; position:absolute; top:10px;;}
div.next_btn {width:40px; height:40px; border:1px solid #f05026; text-align:center; line-height:36px; position:absolute; top:10px; left:50px;}
div.list_btn {width:120px; height:40px; border:1px solid #f05026; text-align:center; line-height:40px; position:absolute; top:10px; left:100%; margin-left:-120px;}


.table td a {color:#333}
@media (max-width:767px) {
	.table .view {display:none;}
}
.light-bg {
	background-color: #f8f8f8;
}

.orange-bg {
	background-color: #db471e;
}

.dark-bg {
	background-color: #272727;	
	color: #fff;
}

.short-section {
	padding-top: 70px;
	padding-bottom: 70px;
}

.counter-item h2 {
	color: #fff;
	font-size: 60px;
	font-weight: 900;
}

.counter-item h6 {
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}


/*--------------------
4.6. Team
--------------------*/

.team-item {
	text-align: left;
	background-color: #fff;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 35px;
    padding-bottom: 20px;
}

.team-item h3 {
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
    color: #2D2D2D;
    padding-left: 10px;
    float: left;
    padding-bottom: 5px;
}

.team-item .team-position {
    color: #989898;
    font-size: 16px;
    margin: 24px 0 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    padding-left: 10px;
    float: left;
}

.team-item p {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    padding: 4px 10px 4px 15px;
	clear:both;
}

.team-item p i {
	padding-right: 6px;
    color: #0095a2;
}

.team-item p span {
	display:inline-block;
	border-bottom:1px solid #ddd;
	color:#444;
	font-weight:bold;
	padding-bottom:1px;
	margin-bottom:4px;
	padding-right:20px;
}

.team-socials {
	padding-bottom: 25px;
}

.team-socials a {
    color: #B2B3B7;
    font-size: 20px;
    margin: 0 10px;
}

.team-socials a:hover {
	color: #000;
}

/*--------------------
4.7. Contacts
--------------------*/

#contact {paddin:20px 0}
section#contact form {
	margin-top: 15px;
}
section#contact.form-group {
margin-bottom: 25px;
}

section#contact .form-group input, section#contact .form-group textarea {
	border: 1px solid #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
	font-size: 13px;
}


#contact .col-md-12 h2 {font-weight:bold; padding-bottom:15px; color:#fff; }
.fa-fax {padding-left:15px;}

.contact h3 {
	margin-bottom: 30px;
}

.contact p {
	font-size: 13px;
}

.contact .day {
	display: inline-block;
	width: 80px;
}

.contact i {
	margin-right: 5px;
}

@media (max-width:767px){
	#contact {padding:15px 0}
}

label.labeltextBox {cursor:pointer; font-size:12px; font-weight:normal; width:250px;}
span.contactView {font-size:11px; font-weight:bold}
/*--------------------
5. Footer
--------------------*/

.height {height:60px; clear:both;}
footer {
	clear:both;
	padding:20px 0;
	background-color: #f1f1f1;	
}

footer p {
	color: #555;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1.6px;
}

footer p a {
	color: #555;
}

footer p a span {
	color: #0095a2;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: 700;
}

footer .col-md-3 img {margin-top:10px;}


.posts {text-align:left;}
.headline {
    display: block;
    margin: 10px 0;
    border-bottom: 1px dotted #ccc;
}
.headline a {
    color: #444;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 15px;
    display: inline-block;
}
.headline span.line,
ul.latest-list li span.line {
	color:#ccc; padding:0 12px; font-size:11px; font-family:sans-serif;
}

.list-unstyled {padding-top:0 !important}

ul.latest-list li {
    font-weight: 300;
    font-size: 13px;
    color: #666;
	padding-bottom:1px;
}
ul.latest-list li a {color:#638e9e}
ul.latest-list li a:hover {text-decoration:underline}
.copyright {
	background: #1d1d1d;
    border-top: none;
    padding: 10px 0;
}
.copyright p {
	font-size: 12px;
    font-weight: bold;
    margin: 0;
	color: #999;
}
.pb_20 {padding-bottom:20px;}



@media (max-width:767px) {
	footer {padding:10px 0}
	.height {height:40px;}
	.headline {margin:7px 0}
	.headline a {padding-bottom:7px;}
	
	ul.latest-list li {font-size:12px; padding:0; line-height:20px;}
	.copyright {padding:6px 0}
}


/*--------------------
6. Modal
--------------------*/

.modal-content {
	border-radius: 0;	
}
.modal-header .close {
	font-size: 30px;
	padding:13px;	
}
.modal-title {	
	text-transform: uppercase;
	font-size: 23px;
	padding:10px 5px
}

.modal-body {
	padding: 0;
}

.modal-body p {
	color: #2D2D2D;		
}

.modal-works {
font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	margin: 25px 20px;
}

.modal-works span {
	background-color: #FED136;
	margin-right: 15px;
	padding: 5px 10px;
}

/*--------------------
7. Components
--------------------*/

.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {
	color: #fff;
	background-color: #dfdfdf;
	border-color: #dfdfdf;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	color: #fff;
	background-color: #222;
	border-color: #222;
}

.btn {
	display: inline-block;
	color:#0095a2;
	padding: 8px 20px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #0095a2;
    background-color: transparent;
	transition: all .5s ease;
}

.btn-xl {
color: #fff;
    background-color: #0095a2;
    /* border-color: #726FB9; */
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 0;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 17px 45px;
}

/* Back to top button
---------------------------------- */
#back-top {
	position: fixed;
	z-index: 1000;
	bottom: 40px;
	right: 50px;
}
#back-top a {
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background: #A9A9B1;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	background: #0c909d;
}
/* arrow icon (span tag) */
#back-top i {
	margin-top: 15px;
	font-size: 28px;
}

.pb_10 {padding-bottom:10px !important}


.agree_title_text {font-size:14px; font-weight:bold; color:#333333;}
.exinput {color:#F00; font-size:14px}

.form-title {
	padding:6px 0px;
}
.form-title i {
    color: #a40f17;
    padding-right: 6px;
}
.error {color:#F00}

@media (max-width:767px) {
	#agreebox {padding:17px 15px}
	.form-title {padding:0 0 3px}
	.form-control {height:35px}
}


/*--------------------
notice
--------------------*/
.basic_list_table {width:100%;;  border-collapse:collapse; border-top:solid 2px #555; border-bottom:solid 1px #ddd; }
.basic_list_table th  { background:#f9f9f9; color:#666; height:50px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font-weight:bold; text-align:center; padding:5px; }
.basic_list_table td  { color:#333; border-bottom:solid 1px #ddd; padding:10px; padding-left:20px; line-height:160%;  text-align:center; }
.basic_list_table .left { text-align:left;}
.basic_list_table td A:link	{ color:#7c7c7c;text-decoration:none; } 

.board_menu {clear:both; width:100%; padding:20px 0 30px; text-align:center;}
.board_menu a {color:#444;}
.board_menu a.select {color:#fff; background:#f05026; padding:3px 10px 4px; border-radius:4px;}
.board_menu span {color:#ddd; padding:0 20px;}

/*--------------------
product
--------------------*/
.ot-portfolio-item {background-color:#f6f6f6; box-shadow:1px 1px 2px rgba(9,9,9,0.2)}
.m_proname {font-weight:400; color:#444; text-align:center; margin-bottom:20px; padding-bottom: 20px;}
.pro_menu {width:100%; margin:0; text-align:center; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.pro_menu a {color:#444;}
.pro_menu a.select {color:#fff; background:#f05026; padding:3px 10px 4px; border-radius:4px;}
.pro_menu span {color:#ddd; padding:0 20px;}
.pro_menu span:last-child {display:none;}

@media (max-width: 767px){
.pro_menu {padding-bottom:15px;}
.pro_menu a {line-height:180%;}
.pro_menu span {padding:0 5px;}
}


.product_list .proBox {padding:20px; margin-bottom:20px; cursor:pointer; border:1px solid #eaeaea; position:relative; text-transform:uppercase;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.product_list .proBox:hover {border-color:#ccc; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.05);}
.product_list .proBox:after {position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#0f71e0; transform:scale3d(0,1,1); transform-origin:center center; transition:transform .3s;}
.product_list .proBox:hover:after {transform:scale3d(1,1,1);}
.product_list .proBox .copy {float:left;}
.product_list .space {width:15px !important; float:left}
.product_list .proBox h3 {margin:10px 0; clear:both; font-weight:bold; font-size:16px; color:#4f4f4f; }
.product_list .proBox:hover h3 {color:#000}
.product_list .proBox p {font-size:14px; margin-bottom:0; line-height:19px; color:#777}
.product_list .proBox .hit i {margin-right:3px;}
.product_list .proBox .view, .product_list li .view .mask, .product_list li .view .content, .product_list li .view img {width:250px; height:170px}
.product_list .proBox .third-effect .mask {
   opacity: 0;
}

@media (max-width:1199px) {
	.product_list .proBox h3 {margin-top:15px;}
}
@media (max-width:991px) {
	.product_list .proBox {padding:15px;}
}

@media (max-width:767px) {
	.product_list .proBox {margin-bottom:15px;}
	.product_list .proBox h3 {font-size:15px; margin-bottom:7px;}
	.product_list .proBox p {font-size:13px;}

}


/* Product detail */
.product_detail {width:100%; display:inline-block;}
.product_detail .info {padding:25px 0; position:relative;}
.product_detail .info .title {font-size:24px; color:#333; font-weight:bold; margin-bottom:20px; padding-right:50px; border-bottom:1px dashed #ddd}
.product_detail button.list-btn {position:absolute; right:0; top:0; width:44px; height:44px; min-width: inherit; border-radius:0; border:1px solid #0f71e0; background:transparent; color:#0f71e0; text-align:center; padding:13px 12px;}
.product_detail button.list-btn i {font-size:19px}
.product_detail button.list-btn:hover {background:#0f71e0; color:#fff;}

.product_detail .nav-tabs {width:100%; margin-top:30px;}
.product_detail .nav-tabs>li {width:20%; }
.product_detail .nav-tabs>li>a {border-color:#ddd; border-top:1px solid #ddd; padding:12px 10px 9px;border-radius:0;text-align:center; color:#888; font-weight:bold; font-size:16px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.product_detail .nav>li>a:focus, .product_detail .nav>li>a:visited, .product_detail .nav>li>a:active {background-color:#fff;}
.product_detail .nav-tabs>li.active>a, .product_detail .nav-tabs>li.active>a:focus, .product_detail .nav-tabs>li.active>a:hover {border-top:2px solid #0f71e0; background:#fff; padding:11px 10px 9px; color:#222; border-radius:0; border-bottom-color:#fff;}
.product_detail .tab-content>.tab-pane {padding:30px 0 15px; width:100%;}


@media (max-width:1199px) {
	.product_list .proBox h3 {margin-top:15px;}
}

@media (max-width:991px) {
	.product_list .proBox {padding:15px;}
	
	.product_detail .info .title {font-size:18px; margin-bottom:10px; padding-right:30px;}
	.product_detail button.list-btn {padding:6px; width:30px; height:30px;}
	.product_detail button.list-btn i {font-size:14px}
	
	.product_detail .nav-tabs>li {width:35%}
	.product_detail .nav-tabs>li>a {font-size:14px; padding:10px 10px 7px;}
	.product_detail .nav-tabs>li.active>a, .product_detail .nav-tabs>li.active>a:focus, .product_detail .nav-tabs>li.active>a:hover {padding:9px 10px 7px;}
	.product_detail .tab-content>.tab-pane {padding:20px 0 10px;}
}

@media (max-width:767px) {
	.product_list {margin-top:10px;}
	.product_list>.row {margin-right:-7px; margin-left:-7px;}
	.product_list>.row>[class^=col-] {padding-right:7px; padding-left:7px;}
	.product_list .proBox {margin-bottom:15px;}
	.product_list .proBox h3 {font-size:15px; margin-bottom:7px;}
	.product_list .proBox p {font-size:13px;}
	
	.product_detail button.list-btn {top:10px;}
	.product_detail .nav-tabs {margin-top:0}
	
}




 .bb_1 {padding-bottom:15px;border-bottom:1px solid #ddd;}

.pro_Dropmenu {width:100%; height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#0097cc}
.pro_Dropmenu li {margin-bottom: 5px;}

.f_l {float:left;}
.clear {clear:both;}
.dropdown button {letter-spacing:1px; color:#fff;}
.dropdown button:hover {color:#fff;}
.dropdown .btn {
	border:none;
	background:#fff;
	}
.dropdown .btn:hover{
	color:#000;
	border:none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
	color: #fff;
	background-color: #333 !important;
	border-color: #333 !important;
}

/* �꾩껜蹂닿린 */
.proMenu{position:relative; z-index:99999;}

.btn1 {    display: inline-block;
    COLOR:#FFF;
    padding: 19px 10px 19px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:0;
    border-radius: 0px;
    background-color: #444;
}
.btn1:hover {background-color: #444;}
.btn1:visited {background-color: #444;}

.btn2 {    display: inline-block;
    padding: 19px 10px 19px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:0;
    border-radius: 0px;
    background-color: #0097cc;
}
.btn2:hover {background-color: #0097cc;}
.btn2:visited {background-color: #0097cc;}
.promenu_bg{background:url(../images/promenu_bg.png) no-repeat #0097cc; width:18px; height:58px; float:left;}

.navbar-nav>li>a {
    padding: 24px 30px;
    line-height: 30px;
}
@media (max-width:767px) {
.pro_Dropmenu {height:auto; padding-top:0; text-align:center; background:none;}
.f_l {float:none}
.allmenu {display:none;}
.dropdown .btn1, .dropdown .btn2 {width:100%;}
.dropdown .dropdown-menu{width:100%;}
.promenu_bg{display:none;}
.navbar-nav>li>a {padding:10px 20px !important; font-size:13px !important; color:#444 !important;}
}

.section-title h2 {
	margin:5px 0 20PX 0 !important;
}
.subtitle {
    margin: 16px 0 15px;
    text-align: center;
    color: #fff;
}
.subtitle h2 {
    font-size: 2.5em;
	margin:0;
    color: #fff;
	font-family: 'Nanum Gothic', sans-serif; 
    font-weight: 400;
    margin-bottom: 5px;
	letter-spacing:-0.03em;
	text-shadow:1px 1px 1px #555;
}
.subtitle p {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
	letter-spacing:0.01em;
	text-shadow:1px 1px 1px #555;
}
.product_list>.col-md-4 {margin-bottom:8px;}
.product_list p {font-size:15px; text-align:center; margin-top:8px; font-weight:400;}
.product_list p a {color:#444}

.m_0a {margin:0 auto !important;}
.ml_10{margin-left:10px !important;}
.pr_5 {padding-right:5px !important;}
.mt_30 {margin-top:30px !important;}


/*�쒗뭹*/
#product {}
.proImg {margin-bottom:20px;}
@media (min-width:768px){
.proCopy {width:65%; position:absolute; top:15px; }
.p_copy1 {font-size:2.2em; color:#333; font-weight:400; position:relative; line-height:130%}
.p_copy1 span {font-weight:bold;}
.p_copy2 {font-size:1.3em; color:#666; font-weight:300; position:relative; top:5px; line-height:130%}
}
@media (max-width:767px){
#product {padding:0 !important;}
.proCopy {width:95%; position:absolute; top:0px; }
.p_copy1 {font-size:1.6em; color:#333; font-weight:400; position:relative; line-height:130%}
.p_copy1 span {font-weight:bold;}
.p_copy2 {font-size:1.1em; color:#666; font-weight:300; position:relative; top:5px; line-height:130%}
.proImg {padding-top:25px;}
}


/*怨듭��ы빆*/
#notice {clear:both; padding:50px 0 20px; width:100%; display:inline-block; background:#f3f3f3;}
#notice h3 {margin:0 0 20px; font-weight:bold; font-size: 21px; clear:both}

.notice {margin:0; padding:0 0 30px;;}
.notice a {color:#444}
.notice p {font-size:1.1em;clear:both; font-weight:300; padding-bottom:20px;}
.notice p span {}
.notice p span.text {width:60%;     /* �덈퉬�� 蹂�寃쎈맆�� �덉뒿�덈떎. */ text-overflow: ellipsis;  /* �꾩뿉 �ㅼ젙�� 100px 蹂대떎 湲몃㈃ 留먯쨪�꾪몴泥섎읆 �쒖떆�⑸땲��. */white-space  : nowrap;    /* 以꾨컮轅덉쓣 �섏� �딆뒿�덈떎. */ overflow     : hidden;    /* �댁슜�� 湲몃㈃ 媛먯땄�덈떎 */  display      : block; float:left; color:#444; padding-left:12px; position:relative;}
.notice p span.text:after {
	left: 0;
	top:9px;
    width: 4px;
    height: 4px;
    content: '';
	border-radius:1px;
    position: absolute;
    background: #ccc;
}
.notice p span.date {
	display:block;
	color:#999 ;
    float: right;
}
p.con_call {color:#fff}

@media (max-width:767px) {
	#notice {padding:30px 0 15px !important; }
	.notice p span.date, .main-list-more{margin-right:0px !important; font-size:13px}
	.title_2 {padding-top:30px;}
}



/*�숈쁺��*/
.videoBox {width: 100%; padding-top:50% !important; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; min-height: 1px;}
.video_posts{left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;}


/*�뚯궗�뚭컻*/
.mb_20 {margin-bottom:20px;}
h4.number {
    background: rgba(8, 53, 110, 0.4);
    padding: 15px 0px;
    border-radius: 17px 0px;
    text-align: center;
    margin: 0px auto 15px;
    font-weight: 400;
    color: #fff;
}
.p_box h4.number {
	background: rgba(0, 0, 0, 0.3);
}
.p_box {
	background: #f6f6f6;
    color: #555;
    padding: 30px 30px 40px;
    border-radius: 30px 0px;
	margin-bottom:20px;
	line-height: 180%;
}
.p_box2 {
	background: #f5f8fb;
    color: #555;
    padding: 30px 30px 40px;
    border-radius: 30px 0px;
	margin-bottom:20px;
	line-height: 180%;
}

h4.partner {
	text-align:center;
	font-weight:400;
	padding:0 0 10px;
	font-size: 1.1em;
}
.partner_b {border:1px solid #ddd}



.table th {font-weight:bold}
.table td {border-top:#eee 1px solid !important;}

.table-hover th {text-align:center; background:#f1f6f8; color:#0097cc}
.table-hover td {padding-left:20px !important;}

/*二쇱슂�낅Т*/
h3.work {
	font-weight: 400;
    color: #444;
    padding-bottom: 20px;
	letter-spacing:-0.04em;
	font-size:1.9em;
}
.mt_20 {margin-top:20px;}
.mt_40 {margin-top:40px;}
.mb_40 {margin-bottom:40px;}
.height_40 {height:40px;}
.b_down {
    padding: 13px 70px;
    margin-top: 30px;
    color: #fff;
    background-color: #0095a2;
    border-color: #0095a2;
}
.b_down:hover {
    background-color: #0097cc !important;
    border-color: #0097cc !important;
}

h4.app_title {
    background: #7e9db6;
    padding: 15px 0px;
    border-radius: 17px 0px;
    text-align: center;
    margin: 0px auto 10px;
    font-weight: 400;
    color: #fff;
}
.app_box {

    background: #f6f6f6;
    color: #444;
    padding: 30px;
    border-radius: 30px 0px;
    margin-bottom: 30px;
	height: 320px;
}
.app_box ul {margin:20px 0 0; padding:0;}
.app_box li {
    color: #555;
    font-weight: 400;
    font-size: 1em;
	list-style:square;
	margin-left:30px;
	margin-bottom:10px;
	}



h4.asset_title {
    text-align: center;
    margin: 0px auto 10px;
    font-weight: bold;
    color: #fff;
	font-size:2.2em;
	width:100%;
	padding-bottom:25px;
	border-bottom:1px dotted rgba(255, 255, 255, 0.3)
}
.asset_box {
	position: absolute;
    top: 18%;
    padding: 0 40px;
    left: -1%;
    /*background: #f6f6f6;
    color: #444;
    padding: 30px;
    border-radius: 50%;
    margin-bottom: 30px;
	height: 100%;
	width: 100%;*/
}
.asset_box ul {margin:20px auto 0; padding: 0 30px;}
.asset_box li {
    color: #fff;
    font-weight: 400;
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 180%;
	text-align:center;
	}
@media (min-width:768px){
	.d_mt_20 {margin-top:-20px;}
}

@media (max-width:767px){
	h3.work {font-size:15px; margin-bottom:10px;}
	h4.asset_title {
		font-size:1.4em;
		padding-bottom:15px;
	}
	.asset_box {
		top: 15%;
		padding: 0 20px;
	}
	.asset_box ul {
		margin:15px auto 0;
	}
	.asset_box li {
		font-size:0.9em;
		margin-bottom:5px;
   		line-height: 160%;
		letter-spacing: -0.04em;
	}
	.w_mb_20 {
		margin-bottom:20px;
	}
}


ul.bro_list {
	padding: 30px 30px 20px;
    border: 1px dotted #ddd;
    border-radius: 4px;
}
ul.bro_list li{
	padding-bottom: 15px;
    color: #505050;
    font-weight: 400;
    font-size: 1.07em;
}
ul.bro_list i {
	padding-right:10px;
	color:#0095a2
}

ul.bro_list2 {
	margin:15px 0 0;
	padding:0;
}

ul.bro_list2 li {
    font-size: 1.1em;
    color: #444;
    margin-bottom: 20px;
    background: #f6f6f6;
	border-radius: 4px;
    font-weight: 400;
}

ul.bro_list2 li span.title {
    text-align: center;
    background: #a5b3c4;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 4px 0 0 4px;
    width: 25%;
    color: #fff;
}

ul.bro_list2 li span.bg2 {
    background: #7b94b3;
}

ul.bro_list2 li span.bg3 {
    background: #304f75;
}
ul.bro_list2 li span.last {
	width: 100% !important;
    background: transparent;
    color: #444;
    line-height: 160%;
}
ul.bro_list2 li span.last span {
	color:#e60005;
}

ul.bro_list2 li span.content {
    padding-left: 30px;
    position: relative;
}

@media (max-width:1199px){
	ul.bro_list2 li span.title {
		width:100%;
		border-radius:4px 4px 0 0;
	}
	ul.bro_list2 li span.content{
		padding: 20px;
		top: 0px;
		display: inline-block;
	}
}


/******************

Top menu

*********************/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: -1px;
  left: 100%;
  margin-top: 0px;
  margin-left: -1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media (max-width: 767px) {
  .dropdown-submenu > .dropdown-menu {
    padding-left: 20px;
  }
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  top: 14px;
  right: 9px;
  font-size: 11px;
  content: "\f105";
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

@media (max-width: 767px) {
  .dropdown-submenu > .dropdown-menu {
    display: block;
    margin-left: 15px;
  }
}




/******************

 �쒗뭹�뚭컻 
 
******************/

/**sidenav**/
.side-nav a{
	color:#333;
	font-weight: 400;
}
.side-nav li {
  border-bottom: 1px solid #e9e9e9;
}

.side-nav li a {
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.side-nav li a:hover {
    color: #0097cc;
    font-weight: 400;
}

.side-nav li a.active {
    color: #0097cc;
    font-weight: bold;
}

.side-nav li a i {
  margin-right: 10px;
}
.side-nav ul.dropdown-menu {position:relative; z-index: 10; border:none; border-radius:none; box-shadow:none; background-color: #f8f8f8; padding:0px; width:100%;}
.side-nav .dropdown-submenu > a:after {top:12px;}
.side-nav .dropdown-submenu a {padding-left:20px;}
.side-nav .dropdown-submenu a:hover {color: #fff;  background-color: #0097cc; font-weight: 400;}
.pb_20 {padding-bottom:20px;}

@media (min-width:901px) {
	.side-nav ul.dropdown-menu  {display:block;}
}


/**�쒗뭹�곸꽭**/


h3.d-title {
	width:100%;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:20px;
}
h4.d-title {
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
}
h5.d-title {
    padding: 15px 20px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin-bottom: 20px;
    font-size: 1.2em;
    background: #f9f9f9;	
	margin-top: 0;
	font-weight: bold;
}
.d-list {
    float: right;
    padding: 6px 40px;
    margin-bottom: 10px;
}
.d-btn-w {
	width:100%;
	padding:12px;
	margin-bottom:10px;
}
.d-btn  {
	width:49%;
	padding:12px;
	margin-bottom:10px;
}
.pl_2p{
	margin-left:2%;
}
.d-img {
	border:1px solid #ddd
}
.d-line {
	width:100%;
	border-top:1px dotted #ccc;
	margin:15px 0 25px;;
}

.d-tabs>li>a {
	border-radius: 4px 4px 0 0 !important;
	padding: 10px 40px;
	font-size: 1em;
	background-color: #f4f4f4;
    color: #444;
	border:none;
	margin-bottom: 1px;
	font-weight:300;
}
.d-tabs>li>a:hover {
	font-size: 1em;
	color:#444;
	border:none;
	margin-bottom: 1px;
	background-color: #eaeaea;
}
.d-tabs>li.active>a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-radius: 4px 4px 0 0 !important;
    font-size: 1em;
	font-weight:300;
	border:none;
	margin-bottom: 1px;
}
.d-tabs>li.active>a, .d-tabs > li.active > a:focus, .d-tabs > li.active > a:hover {
	font-size: 1em;
	background-color: #0097cc;
    color: #fff;
	border:none;
	margin-bottom: 1px;
}
.enlarg {
	font-size:0.9em;
	text-align:center;
	margin-top:7px;
}
.enlarg i{
	padding-right:5px;
}

@media (max-width:568px) {
	h5.d-title {margin-top:20px;}
	.d-tabs>li {
		width: 50%;
		text-align: center;
	}
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover, .btn-default:focus, .btn-default:visited {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
	box-shadow:none;
}

.main-list-more {float:right; font-size:12px; padding-top:7px; text-align:right; color:#999;}
.main-list-more a {color:#999;}

/* Bus */

.bus dl.bus {float: left;  width: 33.3%; height:60px;}
.bus dl dt {padding-bottom:5px; font-size:12px; color:#555}
.bus dl dd {padding-bottom:3px; font-size:11px; color:#333}
.bus span {color:#fff; padding:1px 2px; margin-right:5px}
.bus span.green {background:#4dbb2d}
.bus span.green2 {background:#50a232}
.bus span.blue {background:#395cb3}
.bus span.skyblue {background:#68a4d0}
.bus span.brown {background:#ba6e66}
.bus span.purple {background:#8a57a7}

.near dl {margin-bottom:0px; display:inline-block; width:100%;}
.near dl dt {clear:both; float:left; font-size:11px; font-weight:normal}
.near dl dd {float:left; color:#333}

@media (max-width:767px) {
	.bus dl.bus {width:49%; margin-right:1%;}
	.bus ul li dl {margin-bottom:10px;}
	.near dl {margin-bottom:7px;}
}
@media (max-width:460px) {
	.bus dl.bus {width:100%; margin-right:0; height:auto;}
}


/* �뚯썝�� */
.members h2 {font-size:18px; color:#333; padding-bottom:5px;}
.members p {font-weight:bold; color:#555; padding:0 0 15px; font-weight:normal}
.members .membersBox {width:100%; background:#f7f7f7; padding:30px; border:1px solid #ddd;}
.members ul {margin:0 0 20px; padding:0;}
.members li {list-style:disc; margin-left:20px; font-weight:normal; font-size:13px; color:#666; margin-bottom:3px;}
.members li.title {list-style:none; margin:0; font-size:14px; font-weight:bold; color:#444; margin-bottom:5px;}

.members .table th {background:#f7f7f7}

/* sitemap
*****************************************************************/
.m_lang {
    float: right;
    font-size: 13px;
    font-weight: bold;
    padding: 22px 15px 0 0;
}
.lang a{padding-right:10px !important; font-size:13px !important;}

.navbar-inverse .navbar-nav > li > a > i {font-size: 1.4em;}
.allmenu {position:absolute; z-index:999999999999999; top:10px; left:0; width:100%; }
.allmenu .btn_allmenu {position:absolute; width:15px; height:15px;}
.allmenu .btn_allmenu li { float:left; padding-left:20px;}
li.btn_allmenu a {padding-left:20px; padding-top:19px; padding-right:15px;}
#allmenu_close_wrap {width:1170px; position:relative; margin:0 auto; z-index:999999999999999999999999}

#allmenu {
	position:fixed;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	background: -moz-linear-gradient(top,  rgba(10,12,12,0.9) 0%, rgba(10,12,12,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(10,12,12,0.9) 0%,rgba(10,12,12,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(10,12,12,0.9) 0%,rgba(10,12,12,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a0c0c', endColorstr='#e60a0c0c',GradientType=0 ); /* IE6-9 */
	z-index:1;
	display:none
}
#allmenu .menubox {position:relative;}
.allmenu_list {position:relative; width:100%;}
.allmenu_close {position:absolute; top:100px; right:0;  z-index:99999999999999999999}
@media (min-width:1200px) {
#allmenu .menubox {width:1140px; margin:0 auto; padding-top:170px;}
}

@media all and (min-width:992px) and (max-width:1199px){
#allmenu .menubox {width:940px; margin:0 auto;;padding-top:170px;}
}


@media all and (min-width:768px) and (max-width:991px){
#allmenu .menubox {width:100%; margin:0 auto; padding-top:100px; padding-right:15px; padding-left:15px;}
#allmenu .s_titlebox {font-size:20px !important;}
}

@media (max-width:767px) {
#allmenu, .allmenu, li.btn_allmenu, li.lang {display:none;}
}
@media (min-width:768px) {
.m_lang {display:none;}
}
#allmenu .titleimg {float:left; padding-top:45px; padding-left:0px; width:200px;}
.allmenu_list .all_list {float:left; height:350px; text-align:center;}
#allmenu .s_titlebox {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 14px 0px;
    border: 2px solid #444;
    display: inline-block;
    border-radius: 35px;
	width: 100%;
    text-align: center;
}
#allmenu .s_menuul {padding:25px 0 0; line-height:160%}
#allmenu .s_menuul li {padding:0 0 20px; text-align:center; list-style:none;}
#allmenu .s_menuul li a {font-size:15px; color:#fff; font-weight:300;}
#allmenu .s_menuul li .dot{background:url(../images/layout/list_dotimg.gif) no-repeat 0px 12px; font-size:11px; padding:5px 0 0px 10px !important}

#s_menu01, #s_menu02, #s_menu03, #s_menu04, #s_menu05 {width:19.2%; margin-right: 1%;}
#s_menu05 {margin-right:0 !important}





/* photo-gallery */

#gallery li .infoLayer ul, #gallery li .infoLayer li, #gallery li .infoLayer div {width:100%;}
#gallery li .infoLayer div {padding-top:80%;}
#gallery li .infoLayer a {display:block; background:url(../images/magnifier.png) 50% 50% no-repeat;}
.da-thumbs>li {
    border: 1px dotted #ddd;
}
#gallery li .infoLayer .link{width:100%; padding-top:20%}
#gallery li .infoLayer .link i{font-size:22px; color:#fff}


.tabs_centerBox  {
	width:100%;
	display:inline-block;
}
.tabs_centerBox .nav-tabs {
	border:none;
	margin:0 auto 30px;
	text-align:center;
}
.tabs_centerBox .nav-tabs li {display:inline-block; float: inherit; margin:0 2px;}
.tabs_centerBox .nav-tabs li a {
    font-weight: 400;
    padding: 4px 25px 5px;
    border-radius: 15px;
	color:#999;
	text-decoration:none;
	color:#666
}
.tabs_centerBox .nav-tabs li.active a {
	border:2px solid #4ec4cf; color:#4ec4cf; font-weight:bold;
}
.viewtabBox a.view_prev {
    position: absolute;
    top: 50%;
    margin-top: -44px;
    left: 10px;
    opacity: 0.7;
}
.viewtabBox a.view_next {
    position: absolute;
    top: 50%;
    margin-top: -44px;
    right: 10px;
    opacity: 0.7;
}
.viewtabBox .tab-v1 .tab-content img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.viewtabBox .carousel-indicators {
    width: 100%;
    left: 0;
    position: relative;
    bottom: 0;
    margin: 15px 0 0;
}
.viewtabBox .carousel-indicators li.active {
    margin: 0;
    background: none;
}
.viewtabBox .carousel-indicators li {
    width: 80px;
    height: auto;
    margin: 0;
    border: none;
}
.viewtabBox .carousel-indicators li.active img {
    border-color: #4ec4cf;
}
.viewtabBox .tab-v1 .tab-content img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.viewtabBox .carousel-indicators li img {
    border: 2px solid #eaeaea;
}


@media (max-width: 767px) {
.viewtabBox a.view_prev, .viewtabBox a.view_next {margin-top:-20px;}
.viewtabBox a.view_prev img, .viewtabBox a.view_next img {width:20px;}
}



/* Member */

.member_step {width:100%; margin:0 0 30px;; padding:20px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; display:inline-block}
.member_step li {width:23.5%; float:left; text-align:center; font-size:16px; color:#555;}
.member_step li i {font-size:1.5em; background:#ddd; color:#fff; padding:20px; border-radius:50px; margin-right:12px; vertical-align:top}
.member_step li p { display:inline-block; padding-top:10px; font-size:16px; font-weight:bold; text-align:left; color:#888}
.member_step li p span.step {font-size:13px; display:block; color:#aaa}

.member_step li.next {width:2%}
.member_step li.next i {width:2%; background:none !important; color:#ddd;  padding:10px 0; font-size:2.6em;}

.member_step li.select i {background:#0095a2}
.member_step li.select p {color:#333}
.member_step li.select p span.step {color:#0095a2}
.member_step li.next .color {color:#0095a2}

@media (max-width:767px) {
	.member_step li {width:25%;}
	.member_step li.next {display:none;}
}

@media (max-width:680px) {
	.member_step {padding:10px 0;}
	.member_step li i {margin-right:0px; padding:12px; font-size:1em;}
	.member_step li p {display:block; text-align:center; padding-top:5px; margin:0; font-size:13px; line-height:17px;}
	.member_step li p span.step {font-size:11px;}
}

.member_kind {width:100%; border:2px solid #ddd; border-radius:20px; text-align:center; margin:20px 0 0 0; padding:40px 0}
.member_kind2 {margin:20px 0 0 0;}
.member_kind i {
	font-size: 3em;
    background: #333;
    color: #fff;
    padding: 25px 0;
    border-radius: 90px;
    width: 90px;
    height: 90px;
}
button.memberBtn {font-weight:bold; font-size:13px; color:#0095a2; border-color:#0095a2; padding: 8px 40px; margin:15px 0}
button.memberBtn:hover {background-color:#0095a2 !important; border-color:#0095a2 !important;}

@media (max-width:767px) {
	.member_kind {width:100%; margin:20px 0}
	.member_kind2 {width:100%; margin:20px 0}
	
	button.join { padding:5px 15px;}
}

.join_content h3 {padding:15px 0 10px;}
.join_content h4 {font-size:16px; padding:20px 0 0px;}
.join_content dl dt {padding-bottom:5px; line-height:160%; color:#555}
.join_content dl dd {padding-bottom:3px; line-height:160%; color:#777}


.member_check {
	width: 100%;
    margin: 20px auto;
    background: #f7f7f7;
    border: #CCC solid 1px;
    padding: 20px 0 30px;
	text-align:center;
}
.member_check ul {margin:0}
.member_check ul li {width:30%; margin: 0 auto 7px; transition: all .5s ease;}

.member_check #name {
    background: #fff url(../images/bg_check_name.gif) no-repeat 10px 10px;
	border-radius:4px;
}
.member_check #email {
    background: #fff url(../images/bg_check_mail.gif) no-repeat 10px 10px;
	border-radius:4px;
}
.member_check input.focusnot, .member_check input:focus{background:#fff !important;}
.member_check input {
    border: #bebebe solid 1px;
    padding:4px;
	width:100%;
	height:33px;
}
.checkBtn {width:30%; margin:0 !important; padding:6px !important;}
.joinBtn {text-align:center;}
.joinBtn .btn {width:30%; padding:14px 0 !important; font-size:16px;}
@media (max-width:767px) {
	.member_check ul li, .checkBtn {width:50%;}
	.joinBtn .btn {width:50%;}
}

@media (max-width:420px) {
	.member_check ul li, .checkBtn {width:70%;}
}

.rule {
	width:100%;
	border: 1px solid #ccc;
    background: #f7f7f7;
    color: #717171;
}
.rule .inner {
    overflow: auto;
    overflow-x: hidden;
    height: 160px;
    line-height: 160%;
    padding: 20px;
}
.agree-check {
    margin:5px 0 10px;
	color:#666;
}
.agree-check label {font-size:12px;}
label input {
    position: relative;
    top: 3px;
    margin-right: 4px !important;
}
.member_provision_box {font-size:12px;}

.privateBox {padding-top:20px;}
.privateBox .form-group {margin-bottom:15px;}
label.label {font-size:13px; color:#333; position:relative; bottom:4px;}
@media (max-width:767px) {		
	.privateBox .col-md-6 {clear:both;}
	.completeBox h3{font-size:18px; line-height:140%;}
}
.privateBox .col-xs-4 p {    position: absolute;
    top: 30px;
    left: -3px;
	z-index: 1;}
.privateBox .joinBtn .btn{width:40%;}
.completeBox {width:100%; border:1px solid #ccc; padding:45px 15px 40px; border-radius: 20px; text-align:center;}




.basic_list_table {width:100%;;  border-collapse:collapse; border-top:solid 2px #555; border-bottom:solid 1px #ddd; }
.basic_list_table th  { background:#f9f9f9; color:#666; font-size:13px; height:31px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font-weight:bold; text-align:center; padding:5px; }
.basic_list_table td  { color:#333; border-bottom:solid 1px #ddd; padding:10px; line-height:160%;  text-align:left; }
.basic_list_table .left { text-align:left;}
.basic_list_table .center {text-align:center !important;}
.basic_list_table td A:link	{ color:#7c7c7c;text-decoration:none; } 
.basic_list_table td A:visited	{ color:#7c7c7c;text-decoration:none; } 
.basic_list_table td A:active	{ color:#7c7c7c;text-decoration:none; } 
.basic_list_table td A:hover	{ color:#fa3030;text-decoration:none; } 

.basic_view_table {width:100%;;  border-collapse:collapse; margin-top:30px; border-top:solid 1px #555; border-bottom:solid 1px #ddd; }
.basic_view_table th  { background:#f9f9f9; color:#666; height:31px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; font-weight:bold; text-align:center; padding:5px; }
.basic_view_table td  { color:#666; border-bottom:solid 1px #ddd; padding:10px; padding-left:20px; line-height:160%;  text-align:left; }
.basic_view_table input,select,textarea {border:solid #ddd 1px; padding-top:3px; padding-bottom:3px;}


/* counsel */

.center-heading {
    text-align: center;
    margin-bottom: 40px;
}
.center-heading h2 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #000;
    font-size: 30px;
}
.center-line {
    display: inline-block;
    width: 70px;
    height: 1px;
    border-top: 1px solid #bbb;
    margin: auto;
}
.center-heading p {
    margin-top: 10px;
}
.margin40 {
    margin-bottom: 40px;
}
.margin30 {
    margin-bottom: 30px;
}
.contact-option-circle {
    text-align: center;
    background-color: #f5f5f5;
    padding: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.contact-option-circle i {
    font-size: 35px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}
.btn {
    display: inline-block;
    color: #0095a2;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #0095a2;
    background-color: transparent;
    transition: all .5s ease;
	outline:none;
}

@media (max-width:767px) {
	.center-heading h2 {font-size:17px;}
	.center-heading p {font-size:12px;}
}

.borderBox {border:1px solid #eaeaea; padding:20px;}
.borderBox p {color:#666}
.pageTitle {font-size:33px; color:#333; margin:12px 0 20px; display:inline-block;}
.dotTitle {font-size:18px; color:#333; padding-left:23px; position:relative; margin-bottom:10px;}
.dotTitle:after {
	content: "";
    width: 16px;
    height: 16px;
    border: 4px solid #00458a;
    position: absolute;
    left: 0;
    top: 6px;
}

.dotTitle_s {font-size:16px; color:#333; font-weight:500; padding-left:17px; position:relative; margin-bottom:5px;}
.dotTitle_s:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #00458a;
    position: absolute;
    left: 0;
    top: 6px;
	border-radius:2px;
}
.imgBox {position:relative;}
.imgBox .mask {background: rgba(0,0,0,0.2); position:absolute; width:100%; height:100%;}
.imgBox p {font-size:30px; font-weight:bold; color:#fff; padding:50px 0 0 40px; line-height:130%;}

.agreeboxok {display: inline-block; border: 1px solid #00458a; padding: 10px 40px 10px 15px; font-size: 13px; position: relative; font-size:13px; color:#00458a; font-weight:500; cursor:pointer}
.agreeboxok input {position:absolute; right:15px; top:8px;}