@charset "utf-8";
@font-face { font-family: 'NEXON Lv1 Gothic OTF'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); font-weight: normal; font-style: normal; }
/* CSS Document */
/* Theme Made By www.w3schools.com*/
html {
  scroll-behavior: smooth;
}
body{font-family: 'NEXON Lv1 Gothic OTF', sans-serif; font-size:14px;
	 letter-spacing:normal;
	 word-break:keep-all;
	 overflow-x: hidden;
  }
 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;}
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 700;
      margin-bottom: 30px;
  }
  
   h5{font-weight:700;}
   
   .jumbotron p {color:#000;}
   h1.btn-success {font-size:20px;border-radius: 25px}
   .preview {padding: 0px 25px; overflow:hidden}
   
   .navbar-toggle { margin-bottom:25px;}
  @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 35px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  /*opacity: 0.6;*/
      padding: 100px 25px;
	  color:#000;
	  text-shadow: 0px 0px 4px #fff;
  }
  .jumbotron h1{color:#85b05c;}
   @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: 70px 25px 100px;
	  color:#FFF;
	  text-shadow: 0px 0px 5px #fff;
  }
  .jumbotron h1 { visibility:hidden; font-size:53px;}
  .jumbotron p {text-shadow: 0px 0px 4px #fff;}
   }
  @media screen and (min-width: 768px) {.container-fluid {
      padding: 60px 50px;
  }
  .jumbotron h1 { visibility:visible;font-size:53px;}
  }


  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #f9e6a3;
      font-size: 50px;
  }
  .logo {
      color: #f9e6a3;
      font-size: 200px;
  }85b05c
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
  

  @media screen and (max-width: 768px) {
	  
	   .mslide-margin {margin-top:80px;}
  }
  .carousel-caption { bottom:100px;}
  
  .carousel-caption h3, .carousel-caption p {text-shadow: 0px 0px 3px #000000;}
  .carousel-caption h3 {font-weight:700;}
  .carousel-caption p {font-size:1.4rem;}
  
   @media screen and (max-width: 768px) {
	.carousel-caption { bottom:50px;}   
	.carousel-caption h3 {font-size:1rem;}
  .carousel-caption p {font-size:1rem;}
   }
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f9e6a3;
  }

  .carousel-indicators li.active {
      background-color: #f9e6a3;
  }
  .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 #efd477;
      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-default { margin-bottom:20px;}
  .panel-default > .panel-heading{border-radius: 7px 0px 0px 0px; 
-webkit-border-radius: 7px 0px 0px 0px; 
-moz-border-radius: 7px 0px 0px 0px;  }


  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f9e6a3;
      background-color: #fff !important;
      color: #f9e6a3;
  }
  .panel-heading {
      color: #59410e !important;
      background-color: #f9e6a3 !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:257px; padding:auto;}
  .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; padding:10px;}

   }
  .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: #f9e6a3;
      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:80px;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #fff !important;
  }
  a.navbar-brand {/*?닿? 異붽?*/
      font-size:1.9em; color: #fff; font-weight:700; letter-spacing:-1px;
  }
  a.navbar-brand font {font-weight:400; font-size:80%; color:#f9e6a3; }
   @media screen and (max-width: 468px) { 
   a.navbar-brand {
      font-size:1.1em; color: #fff; font-weight:700;
  }
    }
  a.navbar-brand span {display:block; font-size:14px; font-weight:400; color:#f9e6a3; line-height:1.2; /*?닿? 異붽?*/}
  a.navbar-brand span.phone_num {display:inline-block;font-size:20px; font-weight:bold; color:#FFF;}
  
    .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f9e6a3 !important;
      background-color: #fff !important;
  }
  @media (max-width: 768px) {
	   a.navbar-brand span.phone_num {font-size:0px; display:none; /*font-size:1px;*/}
	     .navbar-toggle {
    padding: 14px 10px;}
	
  .navbar-default .navbar-toggle {
      border-color:#CCC;
      color: #fff !important;
  }
  .navbar-toggler {
    background-color:#CCC;
  }
	   
	   }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f9e6a3 !important;
      background-color: #fff !important;
  }


  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f9e6a3;
  }
  .slideanim {visibility:hidden;}
  .slidem {
      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_13.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_1.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_4.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_3.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_7.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_5.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_14.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;}
	 .call-btn { padding: auto 30px; font-size:22px; margin-right:3px; width:40px;} 
	 .btn-info {margin-top:10px; padding:5px 10px; font-size:20px;} 
	 #about, #portfolio, #contact, #qna,  #envir {margin-top:70px; padding-top:120px;}
	 @media screen and (max-width: 767px) {
		 .kbd { padding:5px; font-size:12px;}
		 .dd-block {display: block !important; float:left; overflow:hidden;}
		 #about, #portfolio, #contact, #qna, #envir {margin-top:100px; padding-top:100px;}
	     }
	 @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;}
	.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;}



	/*시설보기*/
 /*시설보기*/
	.thumb-line {padding:10px 50px 20px 50px; overflow:hidden}
	.example-image-link a img{border-radius: 5px; margin-bottom:20px; width:100%; height:103px;}
	
	.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;}
		 .col-3 {padding-right:2px; padding-left:2px;}
		 .example-image-link a img{width:100%; height:auto;}
		 .thumb-line {padding:10px 20px 20px 20px; overflow:hidden}
	     .image-link a{display:block;width:100%;float:left;}/*상단 미리보기*/
	 }
	 
	               
	 
	                /* Map - 오시는길  */					
						
							 	  .daum-map-lg {width:800px;height:410px;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:410px;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:420px; 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;}
.text-blue {color:#5781D7;}
.text-airport { color:#9F8620;}

                                                                                           .kakao_sub { background-image:url(../images/katalk.png);
																								           background-color:#fbe300; 
																										   background-position:10px center;
																										   background-repeat:no-repeat;
																										   background-size:38px;
																								          -webkit-border-radius: 5px;
																							         -moz-border-radius: 5px;
																							         border-radius: 5px;
																									 margin:5px auto;
																									 color:#3d3037;
																									 width:300px;																									
																									 font-weight:700;
																									 font-size:18px;
																									 padding-top:8px;
																									 padding-bottom:8px;
																									 padding-right:10px;
																									 font-weight:700;
																									 text-align:right;
																									 }
																									 .kakao_sub span {font-family: "NEXON Lv1 Gothic OTF", sans-serif; font-weight:700; font-size:80%;}


.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:100px;z-index:200;visibility:hidden; width:250px; height:290px; background-color:#000000;}
    .divpopup img{width:250px; height:250px;}	
}



.roundbtn {border-radius: 20px; width:40px; height:40px; box-shadow: 5px 0px 5px rgba(0,0,0, .2);margin-bottom:1xp;}
.btn-hidden { visibility:hidden; width:0; height:0} 
.btn-visible {visibility:visible; font-size:24px; font-weight:700;padding:10px 5px 5px 5px; display:block; float:right; height:auto;}
.katalk_scroll {position:fixed; right:0px; bottom:70px; z-index:9999;
																	 text-align:center;
																	 padding:0px;
																	  width:0px; 
																	  height:0px; 
																	  visibility:hidden; 
																	  display:none;
																	 display:block;
																	 border-radius: 0px; 
																	 -webkit-border-radius: 0px; 
																	 -moz-border-radius: 0px;
																	 }	
																	 .katalk_scroll img {margin-bottom:1xp;}
 @media (max-width: 776px) {
									.btn-hidden { visibility:visible; width:auto; height:auto;}
									.btn-hidden .btn{height:auto !important;}
									.btn-visible {visibility:hidden; font-size:0; padding:0; float:none; display:inline-block; width:0; height:0;}
									                             .katalk_scroll {position:fixed; right:0px; bottom:70px; z-index:9999; 
																				  text-align:center;
																				  padding:5px; 
																				  width:50px; 
																				  height:auto; 
																				  visibility:visible;
																				  display:block;
																				  border-radius: 0px; 
																				  -webkit-border-radius: 0px; 
																				  -moz-border-radius: 0px;
																				 }	
													 }
													 
													 
													 .divpopup img{width:350px; height:350px;}
													 .col-lg-6 .m-phone {display:none; padding:0;}
													  .col-lg-6 .m-phone p {font-weight:0; font-size:0; padding-top:0;}
													  
@media screen and (max-width:768px) {	
    .divpopup img{width:250px; height:250px;}	
	
	  .col-lg-6 .m-phone {display:block; background-image:url(../images/bg_phone.png); background-position:left top; background-repeat:no-repeat; padding:10px;}
					.col-lg-6 .m-phone p {font-weight: 700; font-size:25px; text-align:right; padding-top:20px;}
}