@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);

body { font-family:'Nanum Gothic',sans-serif;
       font-size:14px;
	   line-height:1.5;
       overflow-x:hidden;
	  /* background:url(../images/bg.png) left top repeat;   */
	   }

		   
a {color:#000;}
a:hover {color:#033894;}
.align-set{margin:0 0 0 0; text-align:left;}
/*네브바=============================================*/
.navbar-defalut {border-bottom:0; padding:0; margin:0; background-color:#FFF; /*background:url(../images/bg.png) left top repeat;*/}
.navbar {
  min-height: 90px;
  border-top:12px solid #2a3128;
}
.navbar-brand {
			  float: left;
			  width:287px;			  
			  height: 88px;
			  padding: 0;
			  }
			  .navbar-brand img {width:247px; height:64px;}
			  .navbar-brand a{
				             display:block; font-size: 26px; color:#1d9705; font-weight:700; line-height:1; letter-spacing:-1px; padding:15px 0 5px 15px;}
			  .navbar-brand em {font-style:normal; font-size:12px; padding:0px 15px;}
			  .navbar-toggle { background-color:#555;}
			  .icon-bar{background-color:#fff;} 
			  
.language {padding-top:15px;}
.nav-custome {padding-top:25px;}
.call { visibility:hidden;}
					@media (max-width: 768px) {												 
												 .navbar-defalut {border-bottom:1px solid #CCC;}
												 .navbar { min-height: 70px;border-top:2px solid #1e252d;}
												 .navbar-brand {
													 			  float: left;
																  width:180px;													  		  
																  height: 58px;
																  padding: 0;
																  }
																  .navbar-brand img {width:150px; height:45px;}
												 .nav-custome {padding-top:1px;}
												 .call { visibility:visible;}
												}
.navbar-nav > li > a { font-weight:700; font-size:16px;}
.nav > li > a:hover, .nav > li > a:focus {color:#1d9705;}
.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;
	  }
	  .slideshow {border:0px solid  #000; margin-top:124px; padding:0;}
.container-carousel{margin:0 auto;}
.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;}
									  .carousel-control.left {background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%);}
									  .carousel-control.right {background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%);}
				  @media (max-width: 600px) {
					   .slideshow { margin-top:80px; padding:0;}
					   .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 {
										right: 10%;
										left: 10%;
										padding-bottom: 30px;
									}
				     .carousel-caption h3{
					               font-size:16px; font-weight:700;
									
					 }
					 
					                 .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;
				  }
				  /*팝업*/
				  .popup {position:absolute;left:100px;top:250px; width:500px; height:400px; z-index:50;visibility:hidden;}
				  .popup img{width:100%;}
				  
				   @media (max-width: 600px) {
					   
					   .popup {position:absolute;left:10px;top:110px; width:300px; height:240px; z-index:50;visibility:hidden;}
					   .popup img{width:300px;}
					   
				   }
				  
/*메인이미지 컨텐츠 ================================*/
.bg-white {background-color:#FFF;}
.main-contents {padding-top:5px;}
.main-contents .col-lg-3,
.main-contents .col-sm-12,
.main-contents .col-lg-6 {margin:0; padding:0;}

.main-contents h3 {font-size:16px; font-weight:700; margin-top:10px;}
.main-contents h3 span {font-weight:400; font-size:14px; color:#666;}
.notice,
.preview,
.customer {min-height:150px;}

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

.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:30px; font-weight:900;line-height:1.2; 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; overflow:hidden; padding-left:10px;}
.main-en{ border:0px solid #ddd; background-color:none;
          border-radius: 0px;
		  -moz-border-radius: 0px;
		  -webkit-border-radius: 0px;
}


ul.en-list {width:98%; padding:15px 0 0 0; margin:0; list-style:none; overflow:hidden;}
ul.en-list li{float:left; width:60%; padding-left:5px; font-family: 'Jeju Gothic', sans-serif;overflow:hidden;}
ul.en-list li dl dd {width:100%; word-break:keep-all; background-color:#f7f7f7;}
ul.en-list li.en-img1 {width:36%; padding-left:0; background-image:url(../images/near_1.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%; min-height:100px;overflow:hidden;}
ul.en-list li.en-img2 {width:36%; padding-left:0; background-image:url(../images/near_2.jpg); background-position:top left; background-repeat:no-repeat; background-size:100%; min-height:100px;overflow:hidden;}


ul.icon-list {width:98%; padding:15px 0 15px 20px; margin:45px auto 0px; list-style:0; overflow:hidden;}
ul.icon-list li{display:block; float:left; width:13.2%; text-align:center;overflow:hidden;}

				@media only screen and (max-width: 600px) {
			    .customer {display:none;height:1px;}
				 ul.icon-list {margin:25px 0 0 0; padding-left:5px;}
				 ul.icon-list li{display:block; float:left; width:25%; text-align:center; padding-bottom:7px;}
				.icon-main-title{display:none; height:1px;}
				}
/*하단정보 ================================*/
.footer {clear:both; border-top:5px solid #666; padding: 30px 0 20px 0;min-height:70px; }
 address {line-height:140%; margin-bottom:0;}


.en {font-size:11px; color:#999;}

.en-sub {font-size:11px; color:#ccc;}
.en-sub a{color:#FF0;}
@media only screen and (max-width: 600px) { .line-down  {display:block;}
  address span {display:block;}
  .en span {display:block;}
}
/**/
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-aboutus{
											min-height:90px;
										    background-image:url(../images/img_sub.jpg);
										    background-position:center bottom;
										    background-repeat:no-repeat;
										    background-size:cover;
										    margin:90px 0 0 0;
										    padding:0;
								  }
								  .sub-middle-infor{
											min-height:90px;
										    background-image:url(../images/img_sub.jpg);
										    background-position:center bottom;
										    background-repeat:no-repeat;
										    background-size:cover;
										    margin:90px 0 0 0;
										    padding:0;
								  }
								  .sub-middle-facilities{
											   min-height:90px;
											   background-image:url(../images/img_sub.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:90px 0 0 0;
											   padding:0;
									  }
									  .sub-middle-public{
											   min-height:90px;
											   background-image:url(../images/img_sub.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:90px 0 0 0;
											   padding:0;
									  }
								  .sub-middle-environmnet{
											  min-height:90px;
										       background-image:url(../images/img_sub.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:90px 0 0 0;
											   padding:0;
									  }
								  .sub-middle-map{
											   min-height:90px;
										       background-image:url(../images/img_sub.jpg);
											    background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:90px 0 0 0;
											   padding:0;
									  }
								.sub-middle-qna{
											   min-height:90px;
										       background-image:url(../images/img_sub.jpg);
											   background-position:center bottom;
											   background-repeat:no-repeat;
											   background-size:cover;
											   margin:90px 0 0 0;
											   padding:0;
									  }

.bg3 { padding-right:0; padding-left:0; background-color:#FFF;}
 @media only screen and (max-width: 600px) { 
.sub-middle-aboutus,
.sub-middle-infor,
.sub-middle-facilities,
.sub-middle-public,
.sub-middle-environment,
.sub-middle-map,
.sub-middle-qna {margin-top:70px;}
  }

/*서브페이지 왼쪽==============================================*/
.left-area {display:block; padding:0; margin:0;}
.left-area h4 {font-size:20px; font-weight:700; background-color:#1d9705; 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;
                 text-shadow: 1px 1px 3px #fff;
				-webkit-text-shadow: 1px 1px 3px #fff;
				-moz-text-shadow: 1px 1px 3px #fff;
				-o-text-shadow: 1px 1px 3px #fff;
				line-height:1.4; word-break:keep-all;
				}

.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:32px; font-weight:900; line-height:1.2; letter-spacing:-1px; text-align:right;padding-right:10px;}
    @media only screen and (max-width: 600px) { 
	.left-area {display:none; width:0px; height:0px;}
	}
/*서브페이지 본문==============================================*/
.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{margin-left:20px;}
.about-us h3, .private h3, .facilities h3, .map-body h3 {font-family: 'Stylish', sans-serif; font-size:30px; font-weight:400; color:#F60; letter-spacing:-1px; line-height:1.5; margin-top:0;}
.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:10px; padding-left:10px; margin-left:auto; margin-right:auto;}
				   .about-us h3, .private h3, .facilities h3, .map-body h3{font-size:25px; }
				   .bg_about_us {display:none; width:0;min-height:0;}
				   .line-down {display:block;}
			   }
			    .good_icon{clear:both;list-style:none; padding:0; margin:10px 0 20px 0; overflow:hidden;}
		
			   .good_icon li {float:left; width:12%; 
							 display:block;
							 border:1px dotted #000;
							 border-radius: 10px;
							 -moz-border-radius: 10px;
							 -webkit-border-radius: 10px;
							 display:block;
							 text-align:center;
							 margin:0 1px;
							 padding:5px 0;
							 background-color:#FFF;
							   }
							   .good_icon li.icon_wide {float:left; width:14%; }
			  .good_icon li img { width:60%; }
			  
			  kbd {font-size:11px; letter-spacing:-1px;}
			  @media screen and (max-width: 468px) {
				  .good_icon li {float:left; width:22.3%; 
								 display:block;
								 border:1px dotted #000;
								 border-radius: 10px;
								 -moz-border-radius: 10px;
								 -webkit-border-radius: 10px;
								 display:block;
								 text-align:center;
								 margin:0 1px;
								 padding:5px 0;
								 background-color:#FFF;
							   }
							   .good_icon li.icon_wide {float:left; width:30.3%; }
			   }
/*생활안내 =======================================================*/
.information{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:10px; padding-left:10px; margin-left:auto; margin-right:auto;}
				   .bg_information {display:none; width:0;min-height:0;}
			   }

/*시설보기 =======================================================*/
.private {margin-left:20px;}
.facilities {margin-left:20px;}
fieldset.room-info{
				  clear:both;
				  width:98%;
				  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;
								 }
								 .room-info ul li{ word-break:keep-all;}

/*주변환경 =======================================================*/
.environment-body{margin-left:20px;}
.en-body1,.en-body2{display:block; 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;}
					  label.bus {border-radius: 3px; 
					  -webkit-border-radius: 3px; 
					  -moz-border-radius: 3px;
					  padding:2px;
					  font-size:13px; 
					  color:#fff;}
					  
					  @media only screen and (max-width: 600px) {
				   .environment-body{float:none; width:auto; padding-right:10px; padding-left:10px; margin-left:auto; margin-right:auto;}
				   .bg_environment-body {display:none; width:0;min-height:0;}
			   }
			                .enviro {margin-bottom:30px; overflow:hidden;}
							.envi {padding-left:25px; list-style:disc;}
							.envi li{word-break:keep-all;}
/*오시는길 =======================================================*/
.map-body{ margin-left:20px;}
.map-body .col-lg-12 {padding-right:5px; padding-left:5px;}
.map-info ul {}
.map-info ul li { word-break:keep-all;}
.daum-map {display:block; width:420px; margin:0 auto; overflow:hidden; visibility:visible;}
.daum-map-small {display:none; width:0px; height:0px; visibility:hidden;}
.daum-map span {font-size:16px; font-weight:900;}
@media only screen and (max-width: 600px) {
	.map-body{float:none; width:auto; padding-right:10px; padding-left:10px; margin-left:auto; margin-right:auto;}
	.daum-map{ width:0px; height:0px; display:none; visibility:hidden;}
	.daum-map-small {display:block; width:320px; height:370px; margin:0 auto; visibility:visible;}
}

/*입실문의 =======================================================*/
.qna-body{margin-left:20px;}
@media only screen and (max-width: 600px) {
	  .qna-body{float:none; width:auto; padding-right:10px; padding-left:10px; margin-left:auto; margin-right:auto;}
}
/*포인트 컬러 ====================================================*/
.point1{color:#F00;}
.point2{color:#60F;}