@charset "utf-8";
/* CSS Document */
/* Theme Made By www.w3schools.com*/
 body {font-family: 'Noto Sans KR', sans-serif; font-size:14px;}
 p { line-height:160%; margin:0;}
 h2 {
      font-size: 26px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h2 span{font-size:16px; font-weight:normal;}
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 700;
      margin-bottom: 30px;
  }
  
     .jumbotron p {color:#fff;}
	  .jumbotron p {text-shadow: 0px 0px 4px #000000;}
     .jumbotron p.yellow {color:#ffea00;}
	 .jumbotron p.katalk_bg { background:#f5da00; 
	                                background-image:url(../images/kakao.png); 
									background-position: 5px center;
									background-repeat:no-repeat; 
									background-size:30px;
									color:#3a1d1f;
									font-size:16px;
									font-weight:700;
									width:250px;
									text-align:right; 
									padding:8px 10px 8px 8px;
									margin:5px auto; 
	                                border-top-left-radius: 5px;
									border-top-right-radius: 5px;
									border-bottom-left-radius: 5px;
									border-bottom-right-radius: 5px;
									text-shadow:none;
									}
	 
   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;
                      background-color:rgba (255, 255, 255, 0.3); }
  }
   
  .jumbotron {
      background-color: rgb(46,47,49);
	  background-image:url(../images/boss.jpg);
	  background-position:center bottom;
	  background-repeat:no-repeat;
	  background-size:cover;
	  opacity: 1;
      padding: 130px 25px;
	  color:#000;
	 text-shadow: 0px 0px 4px #fff;
  }
  .jumbotron font {color:#00d3ce;}

   @media screen and (max-width: 480px) {
	.jumbotron {
      background-color: rgb(46,47,49);
	  background-image:url(../images/boss2.jpg);
	  background-position:center 35px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  /*opacity: 0.6;*/
      padding: 100px 20px;
	  color:#000;
	  text-shadow: 0px 0px 4px #fff;
  }
  .jumbotron h1 { font-size:32px; font-weight:700;}
  .jumbotron p {text-shadow: 0px 0px 4px #000000;}
   .preview {padding: 0px 5px; overflow:hidden}
  .preview .col-sm-6{}
   }
   @media screen and (min-width: 768px) {.container-fluid {
      padding: 60px 50px;
  }
  .jumbotron h1 { visibility:visible;font-size:53px; font-weight:900;}
  }

   .popupit {width:500px; height:550px;}
   .pupupit img {width:100%; height:auto;}
   @media screen and (max-width: 480px) {
	  .popupit {width:300px; height:auto;}
	  .pupupit img {width:auto; height:auto;}
	  
   }

  .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 #6fc8e5;
      transition: box-shadow 0.5s;
	  border-radius: 7px 0px 7px 0px; 
-webkit-border-radius: 7px 0px 7px 0px; 
-moz-border-radius: 7px 0px 7px 0px; 
  }
  .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: #000 !important;
	  text-shadow: 0px 0px 4px #fff;
      background-color: #ceb2f3 !important;
      padding: 25px;
      border-top-left-radius: 7px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .strong-point-height{height:187px;}
  .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;
	  min-height:70px;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  a.navbar-brand {/*?닿? 異붽?*/
      font-size:2em; color: #fff; font-weight:700;
  }
 .navbar-brand font{ font-weight:normal; font-size:70%; letter-spacing:-1px;}
   @media screen and (max-width: 468px) { 
   a.navbar-brand {
      font-size:1.2em; color: #fff; font-weight:700;
  }
    }
  a.navbar-brand span {display:block; font-size:14px; font-weight:400; color:#beefff; line-height:1.2; /*?닿? 異붽?*/}
  a.navbar-brand span.phone_num {display:inline-block;font-size:18px; font-weight:bold; color:#FFF;}
  
  @media (max-width: 468px) { a.navbar-brand span.phone_num {font-size:0px; display:none; /*font-size:1px;*/ position:absolute; right:1px; top:50px;}}
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #1699b1 !important;
      background-color: #fff !important;
  }
  .navbar-toggle {
    padding: 14px 10px;
	margin-bottom:12px;}
	
  .navbar-default .navbar-toggle {
      border-color:#CCC;
      color: #fff !important;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #1699b1;
  }
  /*----------------------------------------------------------------------------------*/
     /*상단 부분 추가*/
  /*----------------------------------------------------------------------------------*/
  
		 


			  #nav-sticky #brand-h1 {text-shadow: 1px 0px 5px #000;}

  
  /*----------------------------------------------------------------------------------*/ 
  .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:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_4.png) center center no-repeat; vertical-align:bottom;}
   .icon-list2 {display:block; float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_3.png) center center no-repeat; vertical-align:bottom;}
   .icon-list3 {display:block; float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_6.png) center center no-repeat; vertical-align:bottom;}
   .icon-list4 {display:block;float:left;  width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_7.png) center center no-repeat; vertical-align:bottom;}
   
   .icon-list5 {display:block; float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_5.png) center center no-repeat; vertical-align:bottom;}
   .icon-list6 {display:block; float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_15.png) center center no-repeat; vertical-align:bottom;}   
   .icon-list7 {display:block; float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_14.png) center center no-repeat; vertical-align:bottom;}   
   .icon-list8 {display:block; float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_12.png) center center no-repeat; vertical-align:bottom;}  
    
   .icon-list9 {display:block; float:left; width:24.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-list10 {display:block;float:left; width:24.7%; padding:70px 0 0 0; text-align:center; border-radius: 3%; background:url(../images/icon_doorlock.png) center center no-repeat; vertical-align:bottom;}
   .icon-list11 {display:block;float:left; width:24.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:24.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:24.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;}
	
	 .icon-wrap {overflow:hidden;}
	 .clear-both {clear:both;}
	 .btn {padding:5px;}
	 .btn-info {margin-top:10px; padding:5px 10px; font-size:20px;} 
	 .btn-info-color2 { background-color:#F60;}
	
	 @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; width:0px; height:0px;}
	.katalk {margin-top:0;}
	 }
	 .katalk {margin-top:10px;}
	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;}
	
	.btn-success span { display:inline-block;}
  	/*소개말씀 장점들*/
			.panel-heading {
			                    background-color: #beefff !important;
								}


	/*시설보기*/
 	 .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){
		 .btn-success span { display:block;}
		 .example-image-link a{display:block;width:50%;float:left;}
	     .image-link a{display:block;width:50%;float:left;}/*상단 미리보기*/
	 }
	 
	                /* Map - 오시는길  */					
						
							  .daum-map-lg {width:800px;height:540px;margin:0 auto; display:block;}
							  .daum-map-lg span {font-size:14px; font-weight:700;}
							  
							  .daum-map-md{ width: 600px; height:1px; display:none;}
							  .daum-map-xs { width: 320px; height:1px; display:none;}
							  
						@media screen and (max-width: 1568px) {	
								.daum-map-lg {width:800px;height:1px; margin:0 auto; display:none;}
							    .daum-map-lg span {font-size:12px; font-weight:700;}
								
								.daum-map-md {width:600px;height:540px;margin:0 auto; display:block;}
								.daum-map-md span {font-size:14px; font-weight:700;}
								 
							    .daum-map-xs { width: 340px; height:1px; display:none;}
							    .daum-map-xs span {font-size:12px; font-weight:bold;}
													  }
													  
						@media screen and (max-width: 768px) {
								.daum-map-lg {width:800px;height:1px; margin:0 auto; display:none;}
							    .daum-map-lg span {font-size:12px; font-weight:700;}
							
								.daum-map-md {width:600px;height:1px;margin:0 auto; display:none;}
								.daum-map-md span {font-size:12px; font-weight:700;}

							    .daum-map-xs { width: 340px; height:400px; display:block;}
							    .daum-map-xs span {font-size:14px; font-weight:bold;}
													  }
													  
	/*하단 주소*/
	.mobile-block {display:inline-block;}
	 @media screen and (max-width: 480px){
		 .address {display:block;} 
	     .mobile-block {display:block;}
	 }

.text-danger {color:#F00;}

.divpopup {position:absolute;left:80px;top:120px;z-index:200;visibility:hidden; width:350px; height:390px; background-color:#000000;}
.divpopup img{width:350px; height:350px;}
@media screen and (max-width:768px) {	
	.divpopup {position:absolute;left:10px;top:150px;z-index:200;visibility:hidden; width:280px; height:320px; background-color:#000000;}
    .divpopup img{width:280px; height:280px;}	
}