@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Recipekorea'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff'); font-weight: normal; font-style: normal; }
/* Theme Made By www.w3schools.com*/
 body {font-family: 'GmarketSansMedium', sans-serif;font-size:16px; line-height:1.5;}
  
 h1 {font-size:42px; color:#FFF; font-family: 'Noto Sans KR', sans-serif; font-weight:700; }
 h2 {
      font-size: 26px;
      text-transform: uppercase;
      color: #000;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      color: #000;
      font-weight: 400;
      margin-bottom: 10px;
  }
  h4 span {display:inline-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;
	  min-height:550px;
  }
  .jumbotron h1,  .jumbotron p {text-shadow: 0px 0px 4px #000000; }
  .jumbotron h1 { font-size:44px; font-family:'Recipekorea', sans-serif; margin-top:100px;}
  
  
  .jumbotron .col-sm-6 {padding-right:0; padding-left:0;}
  .jumbotron p {font-weight:900;}
  .jumbotron p.call-style {margin:0 auto;}
  .jumbotron font {font-weight:normal; display:inline-block; font-size:16px;}
  .jumbotron span.blank-1 {width:103px; display:inline-block;}
  .jumbotron span.blank-2 {width:45px; display:inline-block;}
  .jumbotron span.blank-3 {width:103px; display:inline-block;}
  
  .container-fluid {
      padding: 60px 50px;
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      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: #f4511e;
  }
  .carousel-indicators li {
      border-color: #f4511e;
  }
  .carousel-indicators li.active {
      background-color: #f4511e;
  }
  .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: 0px solid #f4511e;
      transition: box-shadow 0.5s;
	  border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
	      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 0px solid transparent;
      border-top-left-radius: 5px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-heading h5{  font-size:20px;}
  .panel-body {border: 1px solid #f4511e;}
  .panel-body ul {font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
  .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: #f4511e;
      color: #fff;
  }
  .contents-anam {
	 min-height:220px;
	  }
  .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:#F90; line-height:160%; /*내가 추가*/}
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f4511e !important;
      background-color: #fff !important;
  }
  
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .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%);
    }
  }
  
  
  .nav > li > a.language {display:inline-block;}
  .nav > li > a.language {padding-right:5px;}
   @media screen and (min-width: 768px) {

				.navbar-nav > li > a.language {
				display:inline-block;
				}
   }
  @media screen and (max-width: 768px) {
     	             .jumbotron {
								background-color: rgb(46,47,49);
								background-image:url(../images/boss_mobile.jpg);
								background-position:center center;
								background-repeat:no-repeat;
								background-size:cover;
								/*opacity: 0.6;*/
								color: #fff;
								padding: 100px 25px;
								margin-bottom:0;
								min-height:auto;
							}
							.jumbotron h1 { font-size:30px; margin-top:auto;}
							.jumbotron h1, .jumbotron p {text-shadow: 0px 0px 4px #000000;}
							.jumbotron p {font-size:15px;}
							.jumbotron p span {display:block;}
							.jumbotron .col-sm-6 {padding-right:0; padding-left:0;}
							.jumbotron p.call-style {margin:0 auto;}

							.jumbotron span.blank-1 {width:103px; display:block;}
							.jumbotron span.blank-2 {width:45px; display:inline-block;}
							.jumbotron span.blank-3 {width:103px; display:block;}
							h4 span {display:block;}
						
	 .container-fluid {
      padding: 60px 10px;
  }
	.col-sm-4 {
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
	 .contents-anam {
	 min-height:auto;
	  }
	  ul {padding-left:12px;}
  }

   
   
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
  }
  
  .person {

    border: 10px solid #eee;
    margin-bottom: 10px;
    width: 80%;
    height: 80%;
    opacity: 0.9;

}
.person:hover {

    border-color: #d9edf7;

}

  /*내가*/
   .icon-list1 {display:block; padding:70px 0 0 0; text-align:center;  background:url(../images/icon_1_red.png) center center no-repeat; vertical-align:bottom;}
   .icon-list2 {display:block; padding:70px 0 0 0; text-align:center;  background:url(../images/icon_2_red.png) center center no-repeat; vertical-align:bottom;}
   .icon-list3 {display:block; padding:70px 0 0 0; text-align:center;  background:url(../images/icon_3_red.png) center center no-repeat; vertical-align:bottom;}
   .icon-list4 {display:block; padding:70px 0 0 0; text-align:center;  background:url(../images/icon_4_red.png) center center no-repeat; vertical-align:bottom;}
   .icon-list5 {display:block; padding:70px 0 0 0; text-align:center;  background:url(../images/icon_5_red.png) center center no-repeat; vertical-align:bottom;}
   .icon-list6 {display:block; padding:70px 0 0 0; text-align:center;  background:url(../images/icon_6_red.png) center center no-repeat; vertical-align:bottom;}
    kbd {display:block; padding:5px 10px; margin-right:auto; margin-top:30px; margin-left:auto; text-align:center; font-size:14px;}
	.btn-info {margin-top:10px;} 
	
	.popup-gallery img{width:32.333333%; height:auto;}
	.jumbotron .main-sns {width:0%; background:rgba (255,255,255,.7);  display:none;}
   .sns-hidden {display:block; padding:auto; margin:auto;}
	@media screen and (min-width: 768px) { 
	a.call {display:none;} 
	.popup-gallery img{width:186px; height:auto; margin-bottom:3px;}
	.jumbotron .main-sns {width:70%; background-color:rgba (255,255,255,.7); display:block; margin:0 auto;}
	.jumbotron p span{display:inline-block;}
	.sns-hidden {display:none; padding:auto; margin:auto;}
	}
	hr.bottom-garam {height:1px; width:70%}
	footer p.source{line-height:1;}
	footer p.sns img {width:40px; margin:0 3px;}
	
	.sns-small {width:36px; height:auto;}
   
   .font-weight {font-weight:900; color:#F60;}
   .text-black {color:#000;}
   .unerline {text-decoration:underline;}
   .fa-phone-volume { font-size:16px; line-height:0;}
   .fa-mobile-alt {font-size:16px; line-height:0;}
   
	
  /*팝업*/
				  .popup {position:absolute;left:10px;top:120px; width:350px; height:auto; text-align:center; z-index:50;visibility:hidden;background-color:#000;}
				  .indiv {display:inline-block; width:350px;border:2px solid #fff;}
				  .indiv img{width:100%;}
				  .bg-white {color:#FFF;}
				  
				   @media (max-width: 600px) {
					   
					   .popup {position:absolute;left:0px;top:0px; width:70%; height:auto; text-align:center; z-index:50;visibility:hidden;background-color:#000;}
					   .indiv {display:inline-block; width:100%; height:auto; padding:0 0 0 0;  margin-top:90px; border:2px solid #fff;}
					   .indiv img{width:100%;}
					   
				   }