@charset "euc-kr";
/* CSS Document */
/* Theme Made By www.w3schools.com*/
 body {font-family: 'Open Sans', sans-serif; font-size:14px;}
 p { line-height:160%; margin:0;}
 h1 {font-size:44px; color:#FFF;}
 h2 {
      font-size: 26px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h2 span{font-size:16px;}
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 700;
      margin-bottom: 30px;
  }
  .jumbotron h1,
   p {color:#333;}
   h1.btn-success {font-size:20px;border-radius: 25px}
   .preview {padding: 0px 25px; overflow:hidden}
  @media screen and (max-width: 768px) {
	  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 700;
      margin-bottom: 10px;
  }
     .bottom-line { border-bottom: 2px dotted #CCC;}
    h1.btn-danger {display:block;}
   .jumbotron h1 span {display:block;}
   .jumbotron p span {display:block;}
  }
  .jumbotron {
      background-color: rgb(46,47,49);
	  background-image:url(../images/boss.jpg);
	  background-position:center 35px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  /*opacity: 0.6;*/
      color: #fff;
      padding: 100px 25px;
  }
   @media screen and (max-width: 480px) {
	.jumbotron {
      background-color: rgb(46,47,49);
	  background-image:url(../images/boss2.jpg);
	  background-position:left 35px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  /*opacity: 0.6;*/
      color: #fff;
      padding: 100px 25px;
  }
   }
   @media screen and (min-width: 768px) {.container-fluid {
      padding: 60px 50px;
  }
  }

  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #1699b1;
      font-size: 50px;
  }
  .logo {
      color: #1699b1;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #1699b1;
  }
  .carousel-indicators li {
      border-color: #1699b1;
  }
  .carousel-indicators li.active {
      background-color: #1699b1;
  }
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #1699b1;
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #1699b1;
      background-color: #fff !important;
      color: #1699b1;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #1699b1 !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .strong-point-height{height:147px;}
  .strong-point-padding{ margin-top:30px;}
  .strong-point-height ul {margin:0; padding:0 0 0 25px;}
   @media screen and (max-width: 480px) {
	   .strong-point-height{height:auto;}

   }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #1699b1;
      color: #fff;
  }
  .navbar {
      margin-bottom: 0;
      background-color: #35393c;
      z-index: 9999;
      border: 0;
      font-size: 16px !important;
      line-height: 1.42857143 !important;
      letter-spacing:normal;
      border-radius: 0;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  a.navbar-brand {/*?´ê? 추ê?*/
      font-size:1.5em; color: #fff; font-weight:700;
  }
  a.navbar-brand span {display:block; font-size:14px; font-weight:400; color:#1699b1; line-height:160%; /*?´ê? 추ê?*/}
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #1699b1 !important;
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #1699b1;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
  @media screen and (min-width: 768px) { .icon_row { padding:0 50px;}}

  /*¾ÆÀÌÄÜ ¸®½ºÆ®*/
   .icon-list1 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_tv2.png) center center no-repeat; vertical-align:bottom;}
   .icon-list2 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_bed.png) center center no-repeat; vertical-align:bottom;}
   .icon-list3 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_chair.png) center center no-repeat; vertical-align:bottom;}
   .icon-list4 {display:block;float:left;  width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_air.png) center center no-repeat; vertical-align:bottom;}
   .icon-list5 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_frz.png) center center no-repeat; vertical-align:bottom;}
   .icon-list6 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_bath.png) center center no-repeat; vertical-align:bottom;}
   
   .icon-list7 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_1.png) center center no-repeat; vertical-align:bottom;}
   .icon-list8 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_3.png) center center no-repeat; vertical-align:bottom;}
   .icon-list9 {display:block; float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_4.png) center center no-repeat; vertical-align:bottom;}
   .icon-list10 {display:block;float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_5.png) center center no-repeat; vertical-align:bottom;}
   .icon-list11 {display:block;float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_6.png) center center no-repeat; vertical-align:bottom;}
   .icon-list12 {display:block;float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_10.png) center center no-repeat; vertical-align:bottom;}
   .icon-list13 {display:block;float:left; width:19.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/service_icon_13.png) center center no-repeat; vertical-align:bottom;}
   
       @media screen and (max-width: 480px){
		   .icon-list1{ width:49.8%;}
		   .icon-list2{ width:49.8%;}
		   .icon-list3{ width:49.8%;}
		   .icon-list4{ width:49.8%;}
		   .icon-list5{ width:49.8%;}
		   .icon-list6{ width:49.8%;}
		   .icon-list7{ width:49.8%;}
		   .icon-list8{ width:49.8%;}
		   .icon-list9{ width:49.8%;}
		   .icon-list10{ width:49.8%;}
		   .icon-list11{ width:49.8%;}
		   .icon-list12{ width:49.8%;}
		   .icon-list13{ width:49.8%;}
		   
	   }
     kbd {display:block; padding:5px 10px; margin-top:30px; margin-right:3px; margin-left:3px; text-align:center; font-size:14px;}
	.btn-info {margin-top:10px;} 
	 .icon-wrap {overflow:hidden;}
	.clear-both {clear:both;}
	 @media screen and (max-width: 767px) {kbd {display:block; padding:5px; margin-right:auto; margin-top:30px; margin-left:auto; text-align:center; font-size:14px;}}
	@media screen and (min-width: 768px) { a.call {display:none;}
	 }
	hr.bottom-line {width:90%; height:1px; margin:7px auto;}
	p.bottom-copy {line-height:110%;}
	footer p.source{line-height:1;}
	footer p.sns img {width:40px; margin:0 3px;}
	p {word-break:keep-all;}
	/*½Ã¼³º¸±â*/
	.thumb-line {padding:10px; 50px 20px 50px; overflow:hidden}
	.example-image-link a{display:block;width:14.28%;float:left; padding:3px; border-radius: 7px; margin-bottom:20px;}
	.image-link a{display:block;width:12.28%;float:left; padding:3px; border-radius: 7px; margin-bottom:20px;}/*»ó´Ü ¹Ì¸®º¸±â*/
	@media screen and (max-width: 480px){
		 .example-image-link a{display:block;width:50%;float:left;}
	     .image-link a{display:block;width:50%;float:left;}/*»ó´Ü ¹Ì¸®º¸±â*/
	 }
	/*ÇÏ´Ü ÁÖ¼Ò*/
	 @media screen and (max-width: 480px){.address {display:block;}}