* {
  padding: 0;
  margin: 0;
}

ul li {list-style:none;}

.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}


.boxs a{display:block;border:2px solid #000; padding:10px 40px; color:#000; font-size:1.2em; text-align:center; text-decoration:none;}


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

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



/* Page Style */

body { 
  background:;
  font-family: 'Saira Semi Condensed', sans-serif;
  letter-spacing:0px;
}

#single{width:100%; height:auto; overflow:hidden;}

.ons a{color:#000;}

.message {
  position: absolute;
  top:300px;
  left:50px;
  font-size: 3em;
  font-weight:600;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
}

.message2 {
  position: absolute;
  top:-180px;
  left:50px;
  font-size: 3em;
  font-weight:300;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999;
}

.message3 {
  position: absolute;
  top:-80px;
  left:50px;
  font-size: 2.2em;
  font-weight:300;
  line-height:1;
  margin: 0;
  color:#000;
  text-align:left;
  z-index:999;
}

.message4 {
  position: absolute;
  top:-20px;
  left:50px;
  font-size: 2.2em;
  font-weight:300;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999;
}

.message5 {
  position: absolute;
  top:-260px;
  left:50px;
  font-size: 2.4em;
  font-weight:300;
  line-height:1;
  margin: 0;
  color:#000;
  text-align:left;
  z-index:999;
}

.fs1 {
  position: absolute;
  top:0px;
  left:50px;
  font-size: 1.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
}

.fs2 {
  position: absolute;
  top:0px;
  left:50px;
  font-size: 1.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#000;
  text-align:left;
  z-index:999
}

.small_txt {
  position: absolute;
  top:80px;
  left:50px;
  font-size: 0.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
}

.small_txt li a{
  color:#fff;
  text-decoration:none;
  }

.small_txt2 {
  position: absolute;
  top:80px;
  left:50px;
  font-size: 0.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#000;
  text-align:left;
  z-index:999
}

.small_txt3 {
  position: absolute;
  top:130px;
  left:50px;
  font-size: 0.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
}

.small_txt4 {
  position: absolute;
  top:-140px;
  left:50px;
  font-size: 0.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#474747;
  text-align:left;
  z-index:999
}

.small_txt5 {
  position: absolute;
  top:-210px;
  left:10px;
  font-size: 0.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#c2c2c2;
  text-align:left;
  z-index:999
}

.portfolios_sect{
  width:100%;
  top:60px;
  padding-left:15px;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
 }

.portfolios_sect .port_img{
  width:100%;
  overflow:hidden;
  padding-bottom:10px;
  color:#fff;
  font-size:1.3em;
  text-align:center;
  }

.portfolios_sect .port_img li{
  float:left;
  padding:0 5px;
  }

.portfolios_sect .port_img li.le{
  width:5%;
  padding-top:20px;
  float:left;
  }

.portfolios_sect .port_img li.port_sl{
  float:left;
  }

.portfolios_sect .port_img li.re{
  width:5%;
   padding-top:120px;
  float:left;
  }
 
 .board_list_title a{
  width:30%;
  padding:10px 7px;
  background:#0072bc;
  font-size:0.9em;
  color:#fff;
  text-decoration:none;
  }


 .board_list_box{
  width:100%;
  }

 .board_list_box li a{
  display:block;
  padding:15px 10px;
  border:2px solid #7e7e7e;
  margin-bottom:5px;
  }

  .board_list_box li a{
  color:#474747;
  font-size:0.9em;
  text-align:left;
  text-decoration:none;
  }

 .board_list_box li a.on{
  padding:15px 10px;
  border:2px solid #0072bc;
  }

  .board_btns{
   float:right;
   }
 
 .board_btns li{
   float:left;
   }


 .footer_btns1{width:25%;padding:20px 10px; background:#000; float:left; text-align:center; color:#fff;}
 .footer_btns2{width:25%;padding:20px 10px; background:#f36523; float:left; text-align:center; color:#fff;}
 .footer_btns3{width:25%;padding:20px 10px; background:#f5f5f5; float:left; text-align:center; color:#000;}

 .cons_mms{
 width:100%; 
 clear:both;
 margin-bottom:10px;
 }

 .cons_mms .con_box1{
 width:48%; 
 padding:20px 0px; 
 text-align:center; 
 float:left;
 border:1px solid #303030;
 margin-left:0px;
 }

 .cons_mms .con_box2{
 width:48%; 
 padding:20px 0px; 
 text-align:center; 
 float:left;
 border:1px solid #303030 ;
 background:#bd3e00;
 margin-left:5px;
 color:#fff;
 }

 .cons_mms .con_box2 a{
   display:block;
   color:#fff;
   text-decoration:none;
   }



.clear{clear:both;}


h4 {
  position: absolute;
  top:530px;
  left:50px;
  font-size: 1.8em;
  font-weight:400;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
}

.navi_title{
  position: absolute;
  bottom:50%;
  left:5px;
  font-size:0.75em;
  font-weight:500;
  line-height:1;
  margin-bottom: 50px;
  color:#fff;
  text-align:left;
  z-index:999;
  writing-mode: tb-rl;
}

p {
  position: absolute;
  top:630px;
  left:50px;
  font-size: .85em;
  font-weight:300;
  line-height:1;
  margin: 0;
  color:#fff;
  text-align:left;
  z-index:999
}



.btn-normal {
  padding: 8px 20px;
  border-radius: 5px;
  background: #56bffc;
  color: #fff;
  text-decoration: none;
  font-family: "Lucida Sans", sans-serif;
}

.content-resizer {
  width: 100%;
  margin: 0 auto;
}



.img-rounded {
  border-radius: 5px;
  margin: 0px auto 0px auto;
}

.alt-img {
  padding: 5px;
  background: #fff;
  color: #333;
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 20px;
}

div[data-target] {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

div[data-target] > div {
  text-align: center;
  position: relative;
}

div#home { }

div#business { background:url('../images/sub_page2_backs.jpg');  background-size:100% 100%; }

div#homepage { background:url('../images/sub_page3_backs.jpg');  background-size:100% 100%; }

div#portfolio { width: 100%; height: 960px; z-index:100; background-image: url("../images/18713885_small.gif"); background-repeat: no-repeat;background-size:100% 100%;}

div#contact {background:url('../images/sub_page5_backs.jpg');  background-size:100% 100%; }

div#footer{background: #333333;}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right { left:0px; }

#fp-nav.left { left:0px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}

.fp-slidesNav.bottom { bottom: 17px; }

.fp-slidesNav.top { top: 17px; }

#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li {
  display: block;
  width: 25px;
  height: 1px;
  margin: 4px 0px;
  position: relative;
}

.fp-slidesNav ul li {
  display: block;
  width: 25px;
  height: 1px;
  margin: 4px 0px;
  position: relative;
  display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color:#fff;
  text-decoration: none;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 1px;
  width: 50px;
  margin-left: 0px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  position: absolute;
  z-index: 1;
  height: 1px;
  width: 25px;
  border: 0;
  background: #fff;
  left: 0%;
  top: 50%;
  margin:0px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 25px;
  height: 1px;
  margin:0px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
  z-index:999999
}

#fp-nav ul li:hover .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right { right: 20px; }

#fp-nav ul li .fp-tooltip.left { left: 20px; }

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }


 .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }