@charset "utf-8";
/* CSS Document */

body { font-family:'Nanum Gothic',sans-serif;
       background-color:#393b3e;
       overflow-x:hidden}
.main-body{ background-image:url(../images/right.jpg);
            background-position:1173px top; 
			background-repeat:no-repeat;
}
.body_sub { 
           background: url(../images/big_bg.jpg) no-repeat bottom center fixed;
	       -webkit-background-size: cover;
	       -moz-background-size: cover;
	        background-size: cover;
	       -o-background-size: cover;
		   }
		   
a {color:#000;}
a:hover {color:#666;}
.align-set{margin:0 0 0 0; text-align:left;}
/*네브바=============================================*/
.navbar-inverse {border-bottom:0; padding:0; margin:0;}
.navbar {
  min-height: 80px;
}
.navbar-brand {
			  float: left;
			  font-size: 18px;
			  height: 78px;
			  line-height: 20px;
			  padding: 7px 15px;
			  }
.language {padding-top:15px;}
.nav-custome {padding-top:25px;}
.call { visibility:hidden;}
					@media (max-width: 768px) {
												 .navbar-inverse {border-bottom:1px solid #CCC;}
												 .navbar { min-height: 70px;}
												 .navbar-brand img {width:175px;}
												 .nav-custome {padding-top:1px;}
												 .call { visibility:visible;}
												}
.navbar-default .navbar-nav > li > a {
									  color: #000;
									  font-size:15px;
									  font-weight:700;
									  }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
											color: #666;
											background-color: transparent;
										  }
.btn {margin-top:10px; font-size:16px;}
.dropdown-menu {
               background-color:rgba(255, 255, 255, 0.85);}
/*메인이미지 영역 ================================*/
.bg1 {background-image:url(../images/bg1.png);
      background-position:left top;
	  background-repeat:repeat-x;
	  margin:80px 0 0 0;
	  padding:0;
	  }
.container-carousel{margin-left:0; margint-right:0;}
.carousel { padding-right:0; padding-left:0;}
.carousel-inner img {
					width: 100%; /* Set width to 100% */
					margin: auto;
				    }
				  .carousel-caption h3 {
					                    font-size:20px; font-weight:700;
				                      }
									  
									  .carousel-indicators li{ border: 1px solid #fff;}
									  .carousel-indicators .active { background-color:#fff;}
				  @media (max-width: 600px) {
					   .main-img{
								margin-top:80px;
								}
					 .carousel-inner img {
										 width: 100%; /* Set width to 100% */
										 margin-right: auto;
										 margin-left:auto;
										}
					 .carousel-inner > .item > img, .carousel-inner > .item > a > img {min-height:100%;}
				     .carousel-caption {
					                 display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
					 }
					                 .carousel-indicators {
															bottom: -30px;
															width:60%;
														}
					}
				  .list-group-item:first-child {
					  border-top-right-radius: 0;
					  border-top-left-radius: 0;
				  }
				  .list-group-item:last-child {
					  border-bottom-right-radius: 0;
					  border-bottom-left-radius: 0;
				  }
/*메인이미지 컨텐츠 ================================*/
.bg-white {background-color:#FFF;}
.main-contents h3 {font-size:16px; font-weight:700;}
.main-contents h3 span {font-weight:400; font-size:14px; color:#666;}
.notice,
.preview,
.customer {min-height:150px;}

.notice{ }
.preview{}
ul.preview-list {width:100%; padding:10px 0 0 0; margin:0 0 0 2%; list-style:none; overflow:hidden}
ul.preview-list li{display:block; float:left; width:19.2%; text-align:center;}

.customer{ background-image:url(../images/icon_phone.png); background-position:15px 52px; background-repeat:no-repeat;min-height:100px;}
.customer p{font-family: 'Roboto', sans-serif; font-size:35px; font-weight:900; letter-spacing:-1px; text-align:right;padding-right:10px;}
.small-text{font-size:12px; text-align:left; padding-left:60px;}

.environment {min-height:150px;}
.strong-point { min-height:150px;}

.environment{}
ul.en-list {width:100%; padding:15px 0 0 0; margin:0 0 0 2%; list-style:none; overflow:hidden;}
ul.en-list li{float:left; width:60%; padding-left:5px;}
ul.en-list li.en-img1 {width:38%; padding-left:0; background-image:url(../images/image1.png); background-position:top left; background-repeat:no-repeat; background-size:100%; min-height:100px;}
ul.en-list li.en-img2 {width:38%; padding-left:0; background-image:url(../images/image2.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%; min-height:100px;}

.strong-point{}
ul.icon-list {width:100%; padding:15px 0 0 0; margin:0 0 0 2%; list-style:0; overflow:hidden;}
ul.icon-list li{display:block; float:left; width:15.7%; text-align:center;}
				@media only screen and (max-width: 600px) {
			    .customer {display:none;height:1px;}
				ul.icon-list li{display:block; float:left; width:30%; text-align:center;}
				.icon-main-title{display:none; height:1px;}
				}
/*하단정보 ================================*/
.footer {clear:both; border-top:5px solid #000; padding: 40px 0 20px 0;min-height:70px; }
 address {font-size:12px; line-height:140%; margin-bottom:0;}
.footer-sub {clear:both; border-top:5px solid #666; padding: 40px 0 20px 0;min-height:70px; color:#FFF; }
@media only screen and (max-width: 600px) { .line-down  {display:block;}}
.en {font-size:11px; color:#999;}
.en-sub {font-size:11px; color:#ccc;}
.en-sub a{color:#FF0;}
/**/
ul.sub-menu { /* level 2 */
	display: none;
	left: 0px;
	top: 22px;
	padding-top: 10px;
	position: absolute;
	width: 150px;
	z-index: 9999;
	margin:0;
	padding:0;
}

ul.sub-menu ul.sub-menu { /* level 3+ */
	margin-top: -1px;
	padding-top: 0;
	left: 149px;
	top: 0px;
}

ul.sub-menu > li > a {
	background-color: #333;
	border: 1px solid #444;
	border-top: none;
	color: #bbb;
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 10px 12px;
}

ul.sub-menu > li > a:hover {
	background-color: #000; 
	color: #fff;
}

ul.sub-menu > li:first-child {
	border-top: 3px solid #ccc;
}

ul.sub-menu ul.sub-menu > li:first-child {
	border-top: 1px solid #444;
}

ul.sub-menu > li:last-child > a {
	border-radius: 0 0 2px 2px;
}

ul.sub-menu > li > a.parent {

}

.nav-custome li:hover > ul.sub-menu {
	display: block; /* show the submenu */
}
/*서브페이지 이미지 및 서브 공통 영역==============================================*/
							.sub-middle-infor{
											min-height:80px;
										    background-image:url(../images/img_infor.jpg);
										    background-position:center bottom;
										    background-repeat:no-repeat;
										    background-size:cover;
										    margin:80px 0 0 0;
										    padding:0;
								  }
								  .sub-middle-facilities{
											   min-height:80px;
											   background-image:url(../images/img_facilities.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:80px 0 0 0;
											   padding:0;
									  }
									  .sub-middle-public{
											   min-height:80px;
											   background-image:url(../images/img_public.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:80px 0 0 0;
											   padding:0;
									  }
								  .sub-middle-environmnet{
											  min-height:80px;
										       background-image:url(../images/img_environment.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:80px 0 0 0;
											   padding:0;
									  }
									  .sub-middle-map{
											   min-height:80px;
										       background-image:url(../images/img_map.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:80px 0 0 0;
											   padding:0;
									  }
									.sub-middle-qna{
											   height:190px;
										       background-image:url(../images/img_qna.jpg);
											   background-position:center center;
											   background-repeat:no-repeat;
											   background-color:#6a6c6f;
											   text-align:center;
											   padding:5px 0 0 0;
									  }
.bg2_sub {min-height:80px;
          background-image:url(../images/bg2_sub.jpg);
          background-position:center bottom;
	      background-repeat:no-repeat;
	      background-size:cover;
	      margin:80px 0 0 0;
	      padding:0;	      
	      }
.bg3 { padding-right:0; padding-left:0; background-color:#FFF;}
 @media only screen and (max-width: 600px) { 

  }

/*서브페이지 왼쪽==============================================*/
.left-area {padding:0; margin:0;}
.left-area h4 {font-size:20px; font-weight:700; background-color:#000; color:#fff; padding:10px;}
.left-area h4 span {font-weight:400; font-size:14px; color:#fff;}

ul.left-menu{margin:0; padding:0; list-style:none;}
ul.left-menu li {padding:7px; background-color:#eee; margin-bottom:2px;}

.customer-sub {background-image:url(../images/icon_phone.png); background-position:15px 62px; background-repeat:no-repeat;min-height:100px;}
.customer-sub h4 {font-size:22px; font-weight:700; background-color:#fff; color:#000; padding:10px;}
.customer-sub h4 span {font-weight:400; font-size:14px; color:#000;}
.customer-sub p{font-family: 'Roboto', sans-serif; font-size:34px; font-weight:900; letter-spacing:-1px; text-align:right;padding-right:10px;}
    @media only screen and (max-width: 600px) { 
	.left-area {display:none; height:1px;}
	}
/*서브페이지 본문==============================================*/
.location-underline{font-size:12px; font-weight:700; border-bottom:1px solid #eee; color:#000; padding:16px 0 16px 15px; margin:0 0 20px 0;}
.sub-contents { padding:0; margin:0; overflow:hidden;}
    @media only screen and (max-width: 600px) {
		.location-underline{padding:10px 0; 10px 0; }
		 }


/*소개 =======================================================*/
.about-us{float:left; width:70%; margin-left:20px;}
.table-striped {}
.table-striped th { width:20%; text-align:center; vertical-align:middle;} 
.bg_about_us {float:right;width:20%;
              background-image:url(../images/bg_about_us.jpg);
              background-position:center center;
			  background-repeat:no-repeat;
			  background-size:cover;
			  min-height:750px;}
			   @media only screen and (max-width: 600px) {
				   .about-us{float:none; width:auto; padding-right:2%; padding-left:2%; margin-left:auto; margin-right:auto;}
				   .bg_about_us {display:none; width:0;min-height:0;}
				   .line-down {display:block;}
			   }
/*생활안내 =======================================================*/
.information{float:left; width:70%; margin-left:20px;}
.info1,.info2,.info3,.info4,.info5 { margin-bottom:15px; }
.legend-style1 {font-weight:700; fotn-size:16px;}
.bg_information {float:right;width:20%;
              background-image:url(../images/bg_information.jpg);
              background-position:center center;
			  background-repeat:no-repeat;
			  background-size:cover;
			  min-height:750px;}
			   @media only screen and (max-width: 600px) {
				   .information{float:none; width:auto; padding-right:2%; padding-left:2%; margin-left:auto; margin-right:auto;}
				   .bg_information {display:none; width:0;min-height:0;}
			   }

/*시설보기 =======================================================*/
.private {padding:20px;}
.facilities {padding:20px;}
fieldset.room-info{
				  clear:both;
				  display:block;
				  border:1px solid #89817c;
				  padding:10px;
				  margin:10px auto 20px;
				  overflow:hidden;																												  
				  }	
				  .room-info ul{
								 list-style:disc;
								 padding:0 0 0 25px;
								 }

/*주변환경 =======================================================*/
.environment-body{float:left; width:70%; margin-left:20px;}
.en-body1,.en-body2{margin-bottom:15px;}
.bg_environment-body {float:right;width:20%;
					  background-image:url(../images/bg_environment.jpg);
					  background-position:center center;
					  background-repeat:no-repeat;
					  background-size:cover;
					  min-height:750px;}
					  @media only screen and (max-width: 600px) {
				   .environment-body{float:none; width:auto; padding-right:2%; padding-left:2%; margin-left:auto; margin-right:auto;}
				   .bg_environment-body {display:none; width:0;min-height:0;}
			   }
/*오시는길 =======================================================*/
.map {padding:20px;}
.map-info {width:96%; margin:0 auto;}

/*입실문의 =======================================================*/
.qna{padding:20px;}
/*포인트 컬러 ====================================================*/
.point1{color:#F00;}