@charset "utf-8";
/* CSS Document */
body {
	  background-image:url();
	  background-position:left top;
	  background-repeat:repeat;
	  background-color:#a7a9ac;
	  font-family: 'Noto Sans KR', sans-serif;
	  font-size:15px;
	  line-height:1.5;
	  }

	  ul {  font-size:15px;}
.navbar {min-height:100px; border-bottom:2px solid #6a6c70;}


.call{ visibility:hidden;}
a.kakaotext {color:#391b1b;}
a.kakaotext:hover { text-decoration:none;}



.navbar-right {margin-top:40px;}


@media screen and (min-width: 1024px) {
	     .navbar-default {
						   background-image:url(../images/body_top.jpg);
						   background-position:left top;
						   background-repeat:repeat;						   
						 } 
		 .navbar-brand {
						float: left;
						padding: 20px 0px 0 0;
						font-size: 18px;
						width:80%;
					  }
					  .navbar-brand img {width:330px;}		
					  
					  			  
	    }
		

.nav > li > a { padding-top:0; padding-right:5px; padding-left:5px; width:104px; text-align:center;}
.navbar-default .navbar-nav > li > a {
									  color: #000;
									  font-size:16px;
									  font-weight:700;
									  }
									  a span.en_menu {font-size:12px; color:#CCC; font-weight:400; display:block; padding:3px; border:1px solid #999;}
									  .navbar-default .navbar-nav > li > a:hover {
																				  color:#fff;
																				  font-size:16px;
																				  font-weight:700;
																				  }

@media screen and (max-width:768px) {
	                                       .navbar {min-height:70px; border-bottom:0;}
											navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding:0;}
										   .call{ visibility:visible;}
										   .navbar-right {margin-top:20px;}
										   .navbar-toggle {margin-bottom:20px;}
										   .navbar-default {
														 background-image:url(../images/bg.jpg);
														 background-position:left top;
														 background-repeat:repeat-x;
													    } 
														.nav > li > a { padding-top:0; padding-right:15px; padding-left:15px; width:auto; text-align:left;}
														.navbar-default .navbar-nav > li > a {
																		color: #000;
																		font-size:16px;
																		font-weight:700;
																		}
														a span.en_menu {font-size:12px; font-weight:400; display:inline-block; padding:3px; border:0px solid #999;}
}
@media screen and (max-width:468px) {
	          .navbar-default {
						   background-image:url(../images/body_top_s_new.jpg);
						   background-position:left top;
						   background-repeat:repeat-x;
						 } 
			  .navbar-right {margin-top:20px;}
			  .navbar-brand {
						float: left;
						padding: 20px 0px 0 5px;
						width:58%; /*call  버튼 위치에 관련있슴*/
					  }
					  .navbar-brand img {width:200px;}	
					  
					  
}
@media screen and (max-width:360px) {
	          .navbar-default {
						   background-image:url(../images/body_top_s_new.jpg);
						   background-position:left top;
						   background-repeat:repeat-x;
						 } 
			  .navbar-right {margin-top:20px;}
			  .navbar-brand {
						float: left;
						padding: 10px 0px 0 5px;
						width:50%; /*call  버튼 위치에 관련있슴*/
					  }
					  .navbar-brand img {width:170px;}	
					  
					  
}


/*버튼 색상 변경---------------------------------*/
			  .btn-rwd {
						color: #fff;
						background-color: #c10c3d;
						border-color: #99122a; font-size:18px;
						margin-top:8px;
						padding-top:8px;
					  }
			  .btn-rwd:focus,
			  .btn-rwd.focus {
							  color: #fff;
							  background-color: #cf5879;
							  border-color: #1b6d85;
							}
			  .btn-rwd:hover {
							  color:#FCC;
							  background-color: #cf5879;
							  border-color: #99152c;
							}
			  .btn-rwd:active,
			  .btn-rwd.active,
			  .open > .dropdown-toggle.btn-rwd {
												color: #fff;
												background-color: #cf5879;
												border-color: #99152c;
											  }
			  .btn-rwd:active:hover,
			  .btn-rwd.active:hover,
			  .open > .dropdown-toggle.btn-rwd:hover,
			  .btn-rwd:active:focus,
			  .btn-rwd.active:focus,
			  .open > .dropdown-toggle.btn-rwd:focus,
			  .btn-rwd:active.focus,
			  .btn-rwd.active.focus,
			  .open > .dropdown-toggle.btn-rwd.focus {
													  color: #fff;
													  background-color: #99152c;
													  border-color: #1b6d85;
													}
			  .btn-rwd:active,
			  .btn-rwd.active,
			  .open > .dropdown-toggle.btn-rwd {
												background-image: none;
											  }
			  .btn-rwd.disabled:hover,
			  .btn-rwd[disabled]:hover,
			  fieldset[disabled] .btn-rwd:hover,
			  .btn-rwd.disabled:focus,
			  .btn-rwd[disabled]:focus,
			  fieldset[disabled] .btn-rwd:focus,
			  .btn-rwd.disabled.focus,
			  .btn-rwd[disabled].focus,
			  fieldset[disabled] .btn-rwd.focus {
												background-color: #c10c3d;
												border-color: #99122a;
											  }
			  .btn-rwd .badge {
							  color: #c10c3d;
							  background-color: #fff;
							  
							}
.katalk-btn {padding:0; line-height:0; width:42px; height:41px; border:0; background-color:transparent;}
/* 이미지 ==============================================================*/
.main_slide {background-color:#3c3a3a; margin-top:105px;}
.main_slide_m {background-color:#3c3a3a; margin-top:70px;}


/*슬라이드 통합*/
.bg-pc-mobile1 { background-image:url(../images/1.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px; background-size:cover;}
.bg-pc-mobile2 { background-image:url(../images/2.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px;background-size:cover;}
.bg-pc-mobile3 { background-image:url(../images/3.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px;background-size:cover;}
.bg-pc-mobile4 { background-image:url(../images/2n.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px;background-size:cover;}
.bg-pc-mobile5 { background-image:url(../images/3.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px; background-size:cover;}
.bg-pc-mobile6 { background-image:url(../images/4n.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px;background-size:cover;}
.bg-pc-mobile7 { background-image:url(../images/5n.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px;background-size:cover;}
.bg-pc-mobile8 { background-image:url(../images/8.jpg); background-position:top center; background-repeat:no-repeat; width:1600px; height:514px;background-size:cover;}



@media screen and (max-width:1024px) {
.bg-pc-mobile1 { background-image:url(../images/m1.jpg); background-position:center center; background-repeat:no-repeat; width:100%; height:600px; background-size:cover;}
.bg-pc-mobile2 { background-image:url(../images/m2.jpg); background-position:center center; background-repeat:no-repeat; width:100%; height:600px;background-size:cover;}
.bg-pc-mobile3 { background-image:url(../images/m3.jpg); background-position:center center; background-repeat:no-repeat; width:100%; height:600px;background-size:cover;}
.bg-pc-mobile4 { background-image:url(../images/m2.jpg); background-position:left center; background-repeat:no-repeat; width:100%; height:450px;background-size:cover;}
.bg-pc-mobile5 { background-image:url(../images/m3new.jpg); background-position:top center; background-repeat:no-repeat; width:100%; height:450px; background-size:cover;}
.bg-pc-mobile6 { background-image:url(../images/m4.jpg); background-position:top center; background-repeat:no-repeat; width:100%; height:450px;background-size:cover;}
.bg-pc-mobile7 { background-image:url(../images/m5new.jpg); background-position:top center; background-repeat:no-repeat; width:100%; height:450px;background-size:cover;}
.bg-pc-mobile8 { background-image:url(../images/m8.jpg); background-position:right center; background-repeat:no-repeat; width:100%; height:450px;background-size:cover;}
}

@media screen and (max-width:768px) {
.bg-pc-mobile1 { background-image:url(../images/sm1.jpg); background-position:center center; background-repeat:no-repeat; width:100%; height:500px; background-size:cover;}
.bg-pc-mobile2 { background-image:url(../images/sm2.jpg); background-position:center center; background-repeat:no-repeat; width:100%; height:500px;background-size:cover;}
.bg-pc-mobile3 { background-image:url(../images/sm3.jpg); background-position:center center; background-repeat:no-repeat; width:100%; height:500px;background-size:cover;}
.bg-pc-mobile4 { background-image:url(../images/m2.jpg); background-position:left center; background-repeat:no-repeat; width:100%; height:300px;background-size:cover;}
.bg-pc-mobile5 { background-image:url(../images/m3new.jpg); background-position:top center; background-repeat:no-repeat; width:100%; height:300px; background-size:cover;}
.bg-pc-mobile6 { background-image:url(../images/m4.jpg); background-position:top center; background-repeat:no-repeat; width:100%; height:300px;background-size:cover;}
.bg-pc-mobile7 { background-image:url(../images/m5new.jpg); background-position:top center; background-repeat:no-repeat; width:100%; height:300px;background-size:cover;}
.bg-pc-mobile8 { background-image:url(../images/m8.jpg); background-position:right center; background-repeat:no-repeat; width:100%; height:300px;background-size:cover;}
}


.bg-pc-mobile1,.bg-pc-mobile2,.bg-pc-mobile3,.bg-pc-mobile4,.bg-pc-mobile5 { margin:0 auto;}

    .swiper-container {
      width: 100%;
      height: 100%;
	}

      /* Center slide text vertically */
    .swiper-slide{
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	}
	  
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
	.main_slide {margin-top:70px;}
	.main_slide_m {margin-top:70px;}
	
	.swiper-container {
      width: 800px;
      height: 450px;
	  margin:0 auto;
	}

	}
.carousel-inner{margin: 0 auto;}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}


 /*메인 컨텐츠 =========================================================*/
 .main_area1 {
	         width"100%;
			 background-image:url(../images/body_bg.jpg);
			 background-position:left top;
			 background-repeat:repeat;
			 visibility:visible;
			 overflow:hidden;
			 } 
 .main_area1 .col-lg-5, .main_area1 .col-lg-4, .main_area1 .col-lg-3, .main_area1 .col-lg-6 {padding-left:5px; padding-right:5px;}
 .main-contents1{
				float:left;
				width:30%;
				min-height:165px;
				background-color:rgba(255,255,255,0.2);
				border:1px solid #fff922;
				border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				padding:10px 10px 10px 20px;
				margin:10px 0px 10px 0;			
				
				}
 .main-contents2{
	             float:left;
				 width:40%;
				 background-color:#fff;
				 border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				 border: 1px solid #555;
				 padding:10px 10px 10px 20px;
				 margin-top:10px;
				 margin-right:1%;
				 margin-bottom:10px;
				 margin-left:1%;
				 min-height:165px;
				 font-size:14px;
				 letter-spacing:-1px;
				}
 .main-contents3{
	            float:right;
				width:28%;
				min-height:165px;
				background-color:rgba(255,255,255,0.2);
				background-image:url(../images/phone_icon.png);
				background-position:20px 50px;
				background-repeat:no-repeat;
				background-size:50px;
				border:1px solid #fff922;
				text-align:right;
				 border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				 padding:10px 10px 10px 20px;
				 margin:10px 0px 10px 0;
				
				}
				.main-contents1 h5, .main-contents2 h5, .main-contents3 h5 {font-size:16px; font-weight:900;text-align:left;}
				.main-contents1 h5, .main-contents3 h5 {}
	
				
				.main-contents1 h5{font-weight:700;padding-left:20px;}
				.main-contents1 p {text-align:center;}
				
				.main-contents2 ul{ padding-right:5px; padding-left:5px; list-style:disc;}
				.main-contents2 img { padding-top:15px;}
				
				.main-contents3 h5 {margin-bottom:0;}
				
				
				 p.phone{font-family: "Open Sans", sans-serif; color:#6027d5; font-size:26px; font-weight:900; padding-top:0; padding-right:10px; margin-top:20px; line-height:1.2;
				         text-shadow: 1px 0px 1px #fff;
						 -webkit-text-shadow: 1px 0px 1px #fff;
						 -moz-text-shadow: 1px 0px 3px #fff;
						 -o-text-shadow: 1px 0px 1px #fff;}
				 p.phone-small {font-family: "Noto Sans KR", sans-serif;font-size:12px;color:#fff; text-align:center;}
				 
				  .katalk { position:fixed; right:0px; bottom:10px;z-index:9999; background-color:#fbe300; padding:10px; visibility:hidden; display:none;}			  	  
				  .katalk-bg{ background-image:url(../images/katalk.png);
				              background-color:#fbe300; 
							  background-position:10px; center; 
							  background-repeat:no-repeat; 
							  background-size:13%;
							  border-radius: 5px; 
							  -webkit-border-radius: 5px; 
							  -moz-border-radius: 5px;
							  font-family: "Open Sans", sans-serif;
							  font-weight:700;
							  font-size:22px;
							  font-weight:900;
							  text-align:right;
							  padding:5px 15px 5px 10px;
							 }
							 .katalk-bg span{font-family: "Noto Sans KR", sans-serif; font-weight:700; font-size:18px;}
							 						    	.katalk_scroll {position:fixed; right:0px; bottom:10px; z-index:9999; background-color:#fbe300; 
															font-family: "Open Sans", sans-serif;
															font-weight:900;
															font-size:0px;
															font-weight:900;
															 text-align:center;
																	 padding:10px; width:0px; height:0px; visibility:hidden; display:none;
																	 display:block;
																	 border-radius: 10px; 
																	 -webkit-border-radius: 10px; 
																	 -moz-border-radius: 10px;
																	 }	

				 @media screen and (max-width: 767px) {
				                                         .main_area1{ visibility:hidden; height:1px;}
														 p.phone{font-size:20px;}
														 
													    	.katalk_scroll {position:fixed; right:0px; bottom:10px; z-index:9999; background-color:#fbe300; 
															          font-family: "Open Sans", sans-serif;
																	  font-weight:900;
																	  font-size:18px;
																	  font-weight:900;
																	  text-align:center;
																	  padding:10px; width:auto; height:50px; visibility:visible;
																	  display:block;
																	  border-radius: 5px; 
																	  -webkit-border-radius: 5px; 
																	  -moz-border-radius: 5px;
																	 }	
																   .mo-thumb  {width:30px; height:30px;}
														   }
				  /*----메인 장점 아이콘 -----*/
					  .m-strong {background-image:none;}
					  .m-list{display:block;  text-align:center;}
				 	     .icon-list {margin-top:10px;}
					  img.icon-list {display:block; width:60%; margin:0 auto;} 
					  
					   .area1-hidden {padding-top:10px; overflow:hidden; visibility:hidden; height:1px;}
					  
					  @media screen and (max-width: 767px) {
						  .area1-hidden {padding-top:10px; overflow:hidden; visibility:visible; height:auto;}
					  }
					  /*6버튼 ==========================*/
										.aaa{					                     
											   background-image:url(../images/m1_w.png);
											   background-position:90% 90%;
											   background-repeat:no-repeat;
											   background-size:30%;
											   background-color:#000;
											   border:1px solid #ccc;
											   border-radius:5px;						   
											   }
										 .aaa a{display:block;height:85px; color:#fff;}
										 .bbb{																 
											   background-image:url(../images/m3-1_w.png);
											   background-position:90% 90%;
											   background-repeat:no-repeat;
											   background-color:#000;
											   background-size:30%;
											   border:1px solid #ccc;
											   border-radius:5px;
											   }
																 .bbb a{display:block;height:85px; color:#fff;}
										 .ccc{																   
											 background-image:url(../images/m3_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											 border-radius:5px;											
											 }
																   .ccc a{display:block;height:85px; color:#fff;}
										.ddd{																   
											 background-image:url(../images/m4_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											 border-radius:5px;											  
											 }
																   .ddd a{display:block;height:85px; color:#fff;}
										 .eee{																   
											 background-image:url(../images/m5_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											   border-radius:5px;
											 }
																   .eee a{display:block;height:85px; color:#fff;}
										 .fff{																 
											 background-image:url(../images/m6_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											 border-radius:5px;
											 }
																 .fff a{display:block; height:85px; color:#fff;}
																 
											 .ggg{																 
											 background-image:url(../images/m7_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											 border-radius:5px;
											 }
																 .ggg a{display:block; height:85px; color:#fff;}
										 .hhh{																 
											 background-image:url(../images/m2_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											 border-radius:5px;
											 }
																 .hhh a{display:block; height:85px; color:#fff;}
										.iii{																 
											 background-image:url(../images/m9_w.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-color:#000;
											 background-size:30%;
											 border:1px solid #ccc;
											 border-radius:5px;
											 }
																 .iii a{display:block; height:85px; color:#fff;}
																 
										.aaa h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px; text-align:left;}
										.aaa h4 span{font-size:0.8em;}
										.bbb h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.bbb h4 span{font-size:0.8em;}
										.ccc h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.ccc h4 span{font-size:0.8em;}
										.eee h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.eee h4 span{font-size:0.8em;}
										.ddd h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.ddd h4 span{font-size:0.8em;}
										.fff h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.fff h4 span{font-size:0.8em;}
										.ggg h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.ggg h4 span{font-size:0.8em;}
										.hhh h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.hhh h4 span{font-size:0.8em;}
										.iii h4{color:#fff;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.iii h4 span{font-size:0.8em;}
										@media (max-width: 468px) {
										  .aaa, .bbb, .ccc, .ddd, .eee, .fff, .ggg, .hhh, .iii{					                     
												background-size:32%;
												 }
																								/*	    .ggg{ background-size:22%;	}*/

										}
					 .col-w-25 {width:25%;}
					 
/* g하단 ==============================================================*/
.bottom-area {text-align:center; padding:20px 0; border-top:2px solid #ccc; color:#FFF;font-size:12px;  }
address {font-style:normal; line-height:1.2; padding:0; margin:0;color:#FFF;}
.bottom-area p {color:#FFF;}
.copy-en {font-size:12px; color:#FFF;}
.copy-en a {color:#fff922;}

.mobile-bottom {display:inline;}
.rightbanner {position:absolute; top:80px; right:2%; z-index:1900; visibility:visible;}
.member-banner{width:257px; height:63px; right:10px; bottom:0px; position:fixed; z-index:9999; visibility:visible; }
.hidden-banner {visibility:hidden; width:0; height:0;}
@media screen and (max-width: 767px) {
	   .mobile-bottom {display:block;}
	   .rightbanner {position:absolute; top:50px; right:0; z-index:0; visibility:hidden; display:none;}
	   .member-banner{width:1px; height:1px; right:10px; bottom:0px; position:fixed; z-index:9999; visibility:hidden; }
	   .hidden-banner { visibility:visible; width:auto; height:auto;}
	   }

	   

/* 서브 ==============================================================*/
.sub_img {background-image:url(../images/subimg.jpg);
          background-position: center top;
		  background-repeat:no-repeat;
		  background-size:cover;
		  min-height:0px;
		  margin-top:65px;		  
		  border-bottom:2px solid #6a6c70;
		  }
		  @media screen and (min-width: 768px) {
													.sub_img {background-image:url(../images/subimg.jpg);
															  background-position: center top;
															  background-repeat:no-repeat;
															  background-size:cover;
															  min-height:150px;
															  margin-top:105px;
															  }
													}
		.all_about_contents{border-left:1px solid #6a6c70; background-color:transparent;}
		@media screen and (max-width: 767px) {
			.all_about_contents { padding-right:5px; padding-left:5px;}
		}
		
		/*서브 왼쪽 영역-------------------------------*/
			@media screen and (max-width: 767px) {
				                                       .left_line{ display:none; height:1px;} 
													  }
			.left_design {background-image:url(../images/sub_left_title_bg.png);
			              background-position:center bottom;
						  background-repeat:no-repeat;
						  min-height:298px;
						  }
						  .left_design2 {background-image:url(../images/sub_left_title_bg.png);
			              background-position:center top;
						  background-repeat:no-repeat;
						  min-height:68px;
						  }
			.left_phone {background-image:url(../images/phone_icon.png);
			             background-position:left 25px;
						 background-repeat:no-repeat;
						 background-size:50px;
						 min-height:100px;
						 padding:10px 0;
						 }
			.left_phone h5{color:#fff; font-weight:700;padding-left:70px;}
		   p.phone_left {font-family: "Open Sans", sans-serif; font-weight:700; font-size:24px; color:#6027d5;; text-shadow: 1px 0px 1px #fff;
						 -webkit-text-shadow: 1px 0px 1px #fff;
						 -moz-text-shadow: 1px 0px 3px #fff;
						 -o-text-shadow: 1px 0px 1px #fff;
						 padding-left:70px;}
		   
				         
		   p.banner1{}
		   
		                                                                                          .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 0;
																									 color:#3d3037;
																									 width:234px;																									
																									 font-family: "Open Sans", sans-serif;
																									 font-weight:700;
																									 font-size:20px;
																									 padding-top:8px;
																									 padding-bottom:8px;
																									 padding-right:10px;
																									 font-weight:700;
																									 text-align:right;
																									 }
																									 .kakao_sub span {font-family: "Noto Sans KR", sans-serif; font-weight:700; font-size:16px;}
		   
		 /*서브 내용 영역-------------------------------*/
		     .about_contents{border-left:1px solid #6a6c70; background-color:#FFF;}
			  .qna_contents{background-color:#FFF; padding-right:0; padding-left:0;}
			  
			  
			  h3.title-body {font-size:22px; font-weight:700; margin-bottom:25px;}
			  h3.title-body span {font-weight:400;}
			 .glyphicon-paperclip {color:#F30}
			 .sub_body_areacenter {margin:20px; padding-top:5px; padding-bottom:10px;}
			 .sub_body_areacenter fieldset legend {font-size:16px;  font-weight:900;}
			 @media screen and (max-width: 468px) {
			 .about_contents{border-left:0px solid #6a6c70; background-color:#FFF;}
			 .sub_body_areacenter {margin:10px;}
			  h3.title-body {font-size:20px; font-weight:700; margin-top:0; margin-bottom:20px;}
			  
			  .qna_contents{background-color:#FFF; padding-right:0; padding-left:0;}
			 }
			 
		 /*소개말씀-----------------------------*/		 
		 .strong1 {margin:30px 10px 20px 10px; border-top:2px solid #595757;border-bottom:2px solid #595757;}
		 .strong1 dt{ background-color:#eee; padding:7px;}
		 .strong1 dd{ }
		 .text-danger {color:#F00;}		 
		 
		 .good_icon{clear:both;list-style:none; padding:0; margin:10px 0 20px 0; overflow:hidden;}
		
		 .good_icon li {float:left; width:15.66666%; 
		               display:block;
					   border:1px dotted #000;
					   border-radius: 0px;
					   -moz-border-radius: 0px;
					   -webkit-border-radius: 0px;
					   display:block;
					   text-align:center;
					   margin:0 1px;
					   padding:5px 0;
		                 }
						 .good_icon li.icon_wide {float:left; width:14%; }
		.good_icon li img { width:60%; }
		
		kbd {font-size:80%; letter-spacing:-1px; display:block; text-align:center;}
		@media screen and (max-width: 468px) {
			.good_icon li {float:left; width:32.33333%; 
						   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%; }
		 }
		
		 /*생활안내-----------------------------*/	
		 .info_img {margin-bottom:10px;} 
		 .information { margin-bottom:25px;}
		 .information fieldset legend { margin-bottom:10px;}
		 .information ul {list-style:disc;}
		
		 
		 /*시설보기-----------------------------*/	
		 fieldset.facilities-text{ width:770px; margin:0 auto; padding:20px; visibility:visible; display:block; border:1px solid #999;}
		 ul.texts {padding-left:25px; list-style:disc !important;}
		 
		  .popup-gallery .col-sm-3{ padding-right:2px; padding-left:2px;}
								  .popup-gallery .col-xs-6{ padding-right:2px; padding-left:2px;}
								  .popup-gallery img {margin-bottom:2px;}
								  
								   .overlay-view {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					height: 100%;
					width: 100%;
					opacity: 0;
					transition: .3s ease;
					background-color: #1410a8;
				  }
				  
				  .overlay-view:hover {
					opacity: 0.3;
				  }
				  
				  .icon {
					color: white;
					font-size: 80px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					text-align: center;					
				  }
				  .icon {
					color: white;
					font-size: 40px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					text-align: center;					
				  }
				   @media (max-width: 576px) { 
				                                 .icon {font-size:28px;}
				   }
		 
		  @media screen and (max-width: 468px) {	
		           fieldset.facilities-text{ padding:0; visibility:hidden; display:none;border:none;}
				   ul.texts {padding-left:0px; list-style:none;}
		                           }
								   
								   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;
													}
		  /*사진 보기 방식 ===================================*/
		  /*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: 770px;
							  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;
							}
							/*주변환경 =========================*/
							.enviro {margin-bottom:30px;}
							.envi {padding-left:25px; list-style:disc;}
							/*오시는길 =========================*/
							/* Map - 오시는길  */					
						
							 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: 340px; height:390px; margin:0 auto; display:block;}
							    .daum-map-xs span {font-size:14px; font-weight:bold;}
								
								div.map-info {padding:50px 0;}
						@media screen and (min-width: 468px) {													  
													  div.daum-map-lg {width:740px;height:480px;margin:0 auto; display:block;}
													  div.daum-map-xs { width: 340px; height:1px; margin:0 auto; display:none;}	
													  div.map-info {padding:0px 10px 0;}												  
													  }
													 .divpopup {width:300px; height:380px;}
													 .divpopup img{width:350px; height:350px;}

													  
@media screen and (max-width:768px) {	
    .divpopup {width:250px; height:290px;}
	.divpopup img{width:250px; height:250px;}	
}

/*멤버배너*/
 .member-banner{width:257px; height:63px; right:10px; bottom:0px; position:fixed; z-index:9999; visibility:visible; }
@media screen and (max-width: 767px) {
	   .member-banner{width:1px; height:1px; right:10px; bottom:0px; position:fixed; z-index:9999; visibility:hidden; }
	   }