@charset "utf-8";



/* ==========================================================================
관리자 내용 버튼
========================================================================== */
.btn_admin{
	position: fixed;
	left:20px;
	bottom:10px;
	outline: none;
	color: #fff;
	text-decoration: none;
	}

/* ==========================================================================
서브 상단 레이아웃
========================================================================== */
/* ==========================================================================
서브 상단 레이아웃
========================================================================== */
 .sub_header {
	padding-top: 7rem;
	margin-bottom: 0;
	background: #000 url(img/title_main.jpg) no-repeat center bottom;
	background-size: cover;
	border-radius: 0;
	}

.center-vertically, .center-vertically:before { 
	display: table;
	width: 100%;
    height: 125px;
    padding: 0; 
	}

.center-vertically:before { 
	position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    background: transparent url(img/pattern.png) repeat top left;	
	}

/* ==========================================================================
서브 상단 타이틀
========================================================================== */
.sub_hero h1 {
	font-family: 'Noto Sans KR',sans-serif;
	font-size:50px;
	font-weight:500;
    color: #fff;
    margin-top: 30px; 
	}

.sub_hero p {
	font-family: 'Noto Sans KR',sans-serif;
	font-size:23px;
	font-weight:400;
    color: #fff;
	}
  
.sub_hero .hero-content {
    padding-top: 26%; 
	}
/* ==========================================================================
Intro
========================================================================== */



/* ==========================================================================
about_global_map
========================================================================== 
.about_global_map{background: #fff url(img/img_global_agency_map.png) repeat top left;}*/

/* Featured Work
---------------------------------*/

.featured-work h2{
	text-align:left;
}
.featured-box{
	padding:0 0 0 0;
	margin-bottom:10px;
	font-size:14px;
}


.featured-box-col1{
	width:60px;
	float:left;
}
.featured-box-col1 i{
	display:block;
	line-height:78px;
	font-family: 'FontAwesome';
	font-size:38px;
	color:#777777;
	font-style:normal;
}
.featured-box-col2{ overflow:hidden;}





.section-news article {
  max-width: 22.5rem;
  padding: 1rem; }
  @media (min-width: 62em) {
    .section-news article {
      padding: 4rem 0; } }
  @media (min-width: 75em) {
    .section-news article {
      padding: 6.5rem 0; } }

.section-features,
.section-pricing,
.section-text,
.section-news,
.section-signup {
  padding-bottom: 2.8125rem; }
  @media (min-width: 48em) {
    .section-features,
    .section-pricing,
    .section-text,
    .section-news,
    .section-signup {
      padding-bottom: 5.625rem; } }

  @media (max-width: 47.9em) {
  .section-news .p-r-0 {
    padding-right: 0.9375rem !important; }
  .section-news .p-l-0 {
    padding-left: 0.9375rem !important; } }
.p-r-0 {
  padding-right: 0 !important; }
.img-responsive, .figure > img, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }
  .m-b-0 {
  margin-bottom: 0 !important; }
  .icon-tag:before {
  content: "\e60c"; }
  .icon-time:before {
  content: "\e60e"; }




  .label-default {
  background-color: #818a91; }
  .label-default[href]:focus,
  .label-default[href]:hover {
    background-color: #687077; }

  .section-news .icon-arrow-right {
  margin-left: .25rem;
  font-size: .875rem;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
  display: inline-block; }
  .section-news h5 {
  margin-bottom: 1rem;
  line-height: 1.777; }
  .section-news h5 a {
    display: block; }
  .section-news h5 a:hover .icon-arrow-right {
    -webkit-transform: translate3d(15px, 0, 0);
            transform: translate3d(15px, 0, 0); }


.p-l-0 {
  padding-left: 0 !important; }

 .label {
    border: 1px solid #000; }
.image-effect {
  overflow: hidden; }
  .image-effect img {
    -webkit-transform: scale3d(1.8, 1.8, 1);
            transform: scale3d(1.8, 1.8, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
            transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
  .image-effect:hover img {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }

figure {
  margin: 1em 40px; }
  figure {
  margin: 0 0 1rem; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

  .figure {
  display: inline-block; }
  .figure > img {
    line-height: 1;
    margin-bottom: 0.5rem; }


	.figure-caption {
  font-size: 90%;
  color: #818a91; }


figure {
  position: relative; }
			.has-light-mask, .video-js {
  position: relative;
  z-index: 1; }
  .has-light-mask:after, .video-js:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #c3c7cb;
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
    opacity: 0.6; }
  .has-light-mask:hover:after, .video-js:hover:after {
    opacity: 0; }

.label-info {
  background-color: #2b8be3; }
  .label-info[href]:focus,
  .label-info[href]:hover {
    background-color: #1a71c1; }

.label {
  padding: 0.35em 0.85em;
  margin-bottom: .5rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.1538;
  border-radius: 2.5rem; }
  .label span {
    margin-right: .15rem;
    font-size: 16px;
    vertical-align: text-top; }


	.label-default {
  padding-right: 0;
  padding-left: 0;
  margin-right: .5rem;
  color: rgba(255, 255, 255, 0.6);
  background-color: transparent; }
  .text-uppercase {
  text-transform: uppercase; }
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }
.label-info {
  background-color: #2b8be3; }
  .label-info[href]:focus,
  .label-info[href]:hover {
    background-color: #1a71c1; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }


  .bg-inverse {
  color: #eceeef;
  background-color: #312f38; }


  .bg-inverse a,
.bg-inverse a:focus,
.bg-inverse a:hover {
  color: #fff; }