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

body { font-family:'Nanum Gothic',sans-serif;
       font-size:14px;
       overflow-x:hidden;	   
	   }
.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:#033894;}
.align-set{margin:0 0 0 0; text-align:left;}
/*네브바=============================================*/
.navbar-defalut {border-bottom:0; padding:0; margin:0; background-color:#FFF;}
.navbar {
  min-height: 90px;
  border-top:14px solid #1e252d;
}
.navbar-brand {
			  float: left;
			  width:302px;			  
			  height: 88px;
			  padding: 0;
			  }
			  .navbar-brand img {width:302px; height:75px;}
			  .navbar-brand a{
				              display:block; font-size: 26px; color:#14359f; font-weight:700; line-height:1; letter-spacing:-1px; padding:5px 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:180px; 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:#14359f;}
.btn {margin-top:10px; font-size:16px;}
.dropdown-menu {
               background-color:rgba(255, 255, 255, 0.85);}
			   
			   .katalk {right:30px; top:70px; position:fixed; z-index:9999; background-color:#fbe300; padding:10px; font-size:22px; font-weight:700; visibility:hidden;}
			   .katalk-bg{ background-image:url(../images/katalk.png); background-color:#fbe300; background-position:10px; center; background-repeat:no-repeat; background-size:15%;
			               border-radius: 10px; 
						   -webkit-border-radius: 10px; 
						   -moz-border-radius: 10px;
						   font-size:22px; font-weight:700;
						   }
			   @media (max-width: 468px) {		
			   .katalk {right:30px; bottom:30px; position:fixed; z-index:9999; background-color:#fbe300; padding:10px; font-size:20px; font-weight:700; width:180px; height:60px; visibility:visible;border-radius: 10px; 
						   -webkit-border-radius: 10px; 
						   -moz-border-radius: 10px;}	
			   .mo-thumb  {width:30px; height:30px;}
			   }
/*메인이미지 영역 ================================*/
.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{
					                display: none;  Hide the carousel text when the screen is less than 600 pixels wide 
									
					 }*/
					 .carousel-caption h3 {
					                    font-size:18px; 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/image1.png); 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_1.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 0; margin:45px auto 0; list-style:0; overflow:hidden;}
ul.icon-list li{display:block; float:left; width:14.2%; text-align:center;overflow:hidden;}

				@media only screen and (max-width: 600px) {
			    .customer {display:none;height:1px;}
				 ul.icon-list {margin:25px auto 0;}
				 ul.icon-list li{display:block; float:left; width:24%; 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:#14359f; 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:0; margin-right:0;}
				   .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:14%; 
							 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:30.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:0; margin-right:0;}
				   .bg_information {display:none; width:0;min-height:0;}
			   }

/*시설보기 =======================================================*/
.private {margin-left:20px;}

.facilities {margin-left:20px;}
 @media only screen and (max-width: 600px) {
	 .private {float:none; width:auto; padding-right:10px; padding-left:10px; margin-left:0; margin-right:0;}
	 .facilities {float:none; width:auto; padding-right:10px; padding-left:10px; margin-left:0; margin-right:0;}
 }
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;
								 }
								 /*시설보기 ------------------------------------------------------------------------------------*/
		   
		    /*시설보기-----------------------------*/	
		  /*사진 보기 방식 ===================================*/
		  /*source : http://responsiveslides.com/ */
		  /*readme and License http://guest1.gosiwonshop.com/autor_README.txt*/
		  /*! http://responsiveslides.com v1.54 by @viljamis */
				  #slider3 {
							box-shadow: none;
							-moz-box-shadow: none;
							-webkit-box-shadow: none;
							margin: 0 auto;
							background-color:#eee;
							border:1px solid #ccc;
							}
				.rslides_tabs {
							  list-style: none;
							  padding: 0;
							  background: rgba(0,0,0,.1);
							  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,0.5);
							  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.5);
							  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.5);
							  font-size: 18px;
							  list-style: none;
							  margin: 0 auto 50px;
							  max-width: 716px;
							  padding: 10px 0;
							  text-align: center;
							  width: 100%;
							  }
							.rslides_tabs li {
											  display: inline;
											  float: none;
											  margin-right: 1px;
											  }																												
							.rslides_tabs a {
											width: auto;
											line-height: 20px;
											padding: 9px 20px;
											height: auto;
											background: transparent;
											display: inline;
											}																												
							.rslides_tabs li:first-child {
														 margin-left: 0;
														 }
							
							.rslides_tabs .rslides_here a {
														  background: rgba(255,255,255,.1);
														  color: #fff;
														  font-weight: bold;
														  }	
							#slider3-pager a {
											 display: inline-block;
											 }								  
							#slider3-pager img {
							                   float: left;
							}								  
							#slider3-pager .rslides_here a {
															background: transparent;
															box-shadow: 0 0 0 2px #666;
														  }								  
							#slider3-pager a {
							                  padding: 0;
							}

/*주변환경 =======================================================*/
.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 {border-radius: 3px; 
					  -webkit-border-radius: 3px; 
					  -moz-border-radius: 3px;
					  padding:2px;
					  font-size:13px; 
					  }
					  
					  @media only screen and (max-width: 600px) {
				   .environment-body{float:none; width:auto; padding-right:10px; padding-left:10px; margin-left:0; margin-right:0;}
				   .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 - 오시는길  */					
						    .map-body{margin-left:auto;}
							 div.daum-map-lg {width:400px;height:1px; margin:0 auto; display:none;}
							    .daum-map-lg span {font-size:14px; font-weight:700;}
							 div.daum-map-xs { width: 320px; height:350px; margin:0 auto; display:block;}
							    .daum-map-xs span {font-size:14px; font-weight:bold;}
								
							 div.map-info {width:86%; padding:50px 0;  margin:0 auto;}
						@media screen and (min-width: 468px) {		
						                             .map-body{margin-left:20px;}											  
													  div.daum-map-lg {width:400px;height:550px;margin:0 auto; display:block;}
													  div.daum-map-xs { width: 320px; height:1px; margin:0 auto; display:none;}	
													  div.map-info { width:auto; padding:0px 10px 0;margin:0 auto;;}											  
													  }

/*입실문의 =======================================================*/
.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:0; margin-right:0;}
}
/*포인트 컬러 ====================================================*/
.point1{color:#F00;}
.point2{color:#60F;}