@charset "utf-8";
/* CSS Document */
body {
	  background-color:#3c3e41;
	  font-family: "Nanum Gothic", sans-serif;
	  font-size:15px;
	  }
	  ul { margin:0; padding:0; list-style:none;}
.navbar {min-height:120px; border:0}
@media screen and (max-width: 768px) {
	body {
	  background-image:url(../images/bg_mobile.jpg);
	  background-position:left top;
	  background-repeat:repeat;
	  background-color:#fff;
	  }
	
	.navbar {min-height:76px; border-bottom:0;}
	}

.call{ visibility:hidden;}

.navbar {min-height:70px; border-bottom:0;}
.navbar-right {margin-top:30px;}
.navbar-brand {
			  float: left;
			  padding: 10px;
			  font-size: 18px;
			  line-height: 20px;
			  width:45%;
			}
			a.kko-btn img{margin-top:10px;}
.navbar-brand img {width:89%;}

@media screen and (min-width: 768px) {
	        
			body {
				 /*background-image:url(../images/bg.png);
				  background-position:left top;
				  background-repeat:repeat;*/
				   background-color:#3c3e41;
						}
			 .navbar-default {
						                                /* background-image:url(../images/bg.png);
														  background-position:left top;
														  background-repeat:repeat;*/
														  background-color:#3c3e41;
						 } 
		 .navbar-brand {
						float: left;
						padding: 25px;
						font-size: 18px;
						line-height: 1.2;
						width:80%;
					  }
					  .navbar-brand img {width:184px;}					  
	    }
		
@media screen and (max-width:768px) {.call{ visibility:visible;}
										  .navbar-default {
														  background-image:url(../images/bg_mobile.jpg);
														  background-position:left top;
														  background-repeat:repeat;
														 } 
}
.navbar-default .navbar-nav > li > a {
									  color: #fff;
									  font-size:16px;
									  font-weight:700;
									  width:100px;
									  padding:0px;
									  margin:0 4px;
									  text-align:center;
									  }
									  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #9cd503; }
									  
									  .navbar-default .navbar-nav > li > a span.small_entext{display:block; 
									  padding:1px 10px; 
									  margin:2px 0 0 0; 
									  font-family:Arial, Helvetica, sans-serif; 
									  font-size:11px; 
									  font-weight:normal; 
									  text-align:center; 
									  border:1px solid #666;
									  color:#ccc;
									   }
									   
									   .btn-call { font-size:18px; margin-top:10px;}
									   @media screen and (max-width:768px) {
										  .navbar-default .navbar-nav > li > a {color:#000;padding:5px 8px; text-align:left; width:auto;}
										  
										   .navbar-default .navbar-nav > li > a span.small_entext{
											   text-align:left; display:inline-block;
											   border:0px solid #666;
										   }
									   }

.navbar-toggle {
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 24px;
	padding: 11px;
}

/*버튼 색상 변경---------------------------------*/
			  .btn-rwd {
						color: #fff;
						background-color: #c10c3d;
						border-color: #99122a; font-size:18px;
						margin-top:10px;
					  }
			  .btn-rwd:focus,
			  .btn-rwd.focus {
							  color: #fff;
							  background-color: #cf5879;
							  border-color: #1b6d85;
							}
			  .btn-rwd:hover {
							  color: #fff;
							  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 { 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:26px;
							  border-radius: 10px; 
							  -webkit-border-radius: 10px; 
							  -moz-border-radius: 10px;
							  font-family: "Open Sans", sans-serif;
							  font-weight:900;
							  font-size:24px;
							  font-weight:900;
							  text-align:center;
							  padding:5px 15px 5px 10px;
							 }
							 .katalk-bg span{font-family: "Nanum Gothic", sans-serif; font-weight:700; font-size:17px;display:block;}
							 .katalk-bg span a{font-size:17px; text-decoration:none; display:block;color:#000;}
	
							 						    	.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:right;
																	 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: 1198px) {
														 
													    	.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:160px; height:50px; visibility:visible;
																	  display:block;
																	  border-radius: 10px; 
																	  -webkit-border-radius: 10px; 
																	  -moz-border-radius: 10px;
																	 }	
																   .mo-thumb  {width:30px; height:30px;}
														   }
														   
/* 이미지 ==============================================================*/
.main_slide {background-color:#909090; margin-top:20px;}
.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 {background-color:#8f8f8f; margin-top:68px; margin-bottom:3px; padding-right:0; padding-left:0;}

	}
.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;
}
.carousel-caption h3{font-weight:700;}
 /*메인 컨텐츠 =========================================================*/

 .main-contents1{
				background-color:rgba(255,255,255,.7);
				border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				border: 1px solid #ebce94;
				padding:10px 5px 10px 10px;
				margin:10px 0 10px 0;				
				min-height:162px;
				}
 .main-contents2{
	             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 #ebce94;
				 padding:5px 10px 5px 20px;
				 margin:10px 0px 10px 0;
				 min-height:150px;
				 font-size:13px;
				}
				.main-contents2 .col-md-5 {padding:0;}
				.main-contents2 .col-md-7 {padding:0;}
				.main-contents2 .col-md-7 ul {padding-left:0;}
 .main-contents3{
	            background-color:rgba(255,255,255,.7);
				 border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				background-image:url(../images/phone_icon.png);
				background-position:20px center;
				background-repeat:no-repeat;
				 border: 1px solid #ebce94;
				 padding:10px 10px 10px 20px;
				 margin:10px 0px 10px 0;
				 min-height:162px;
				}
				.main-contents1 h5, .main-contents2 h5, .main-contents3 h5 {font-weight:700;}
				.main-contents1 h5, .main-contents3 h5{font-weight:700;padding-left:0px;}
				.main-contents1 p {text-align:right;}
				.main-contents3 p.phone{font-family: "Lato", sans-serif; text-align:right; font-size:24px; font-weight:bold; padding-right:10px; line-height:1.2;}
				 p.phone-small {font-family: "Nanum Gothic", sans-serif;font-size:12px; text-align:center; line-height:0;}
				 @media screen and (max-width: 767px) {
				                                        /*   .main_area1{ display:none; height:1px;}*/
														p.phone{font-family: "Lato", sans-serif; font-size:20px; font-weight:bold;}
														   }
							 .m_text_strong1, .m_text_strong2, .m_text_strong3, .m_text_strong4 {
												   border-radius: 6px; 
												   -webkit-border-radius: 6px;
												   -moz-border-radius: 6px;
												   font-weight:700;
												   color:#FFF;
												   text-align:center;
												   text-shadow: 0px 0px 2px #333333;
												   -webkit-text-shadow: 0px 0px 2px #333333;
												   -moz-text-shadow: 0px 0px 2px #333333;
												   -o-text-shadow: 0px 0px 2px #333333;
												   padding:5px;
												   letter-spacing:-1px;
												   }
								 .m_text_strong1 {background-color:#ddab0b;}
								 .m_text_strong2 {background-color:#37acdd;}
								 .m_text_strong3 {background-color:#9f80ea;}
								 .m_text_strong4 {background-color:#9C0;}
								 .m_text_strong1 span, .m_text_strong2 span, .m_text_strong3 span, .m_text_strong4 span{display:block;}
				                 .m_text_strong1 span.hidden_span, .m_text_strong2 span.hidden_span, .m_text_strong3 span.hidden_span, .m_text_strong4 span.hidden_span { display:none; visibility:hidden;}
				 @media screen and (max-width: 467px) {
				                                        .main-contents1 {min-height:120px;}
														.main-contents3 {min-height:140px;}
														 p.phone{font-family: "Lato", sans-serif; font-size:18px; font-weight:900;}
														 
														 .m_text_strong1 span, .m_text_strong2 span, .m_text_strong2 span, .m_text_strong3 span{display:inline-block;}
														 .m_text_strong1 span.hidden_span, .m_text_strong2 span.hidden_span, .m_text_strong3 span.hidden_span, .m_text_strong4 span.hidden_span  {display:inline-block; visibility:visible;}
														   }
														   
								   
														   
				  /*----메인 장점 아이콘 -----*/
					  .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;} 


				  /*----메인 장점 아이콘 -----*/
					  .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;} 
					  
					  /*6버튼 ==========================*/
                     .aaa{					                     
						   background-image:url(../images/m1_black.png);
						   background-position:90% 90%;
						   background-repeat:no-repeat;
						   background-size:30%;
						   background-color:#edffbe;
						   border:1px solid #9cd503;
				           border-radius:5px;
		   
						   }
										 .aaa a{display:block;height:95px;}
										 .bbb{	
											   background-image:url(../images/m7_black.png);/*개인시설은  m2_black*/
											   background-position:90% 90%;
											   background-repeat:no-repeat;
											   background-size:30%;
											   background-color:#d5eb99;
						                       border:1px solid #9cd503;
											   border-radius:5px;
											   
											   }
																 .bbb a{display:block;height:95px;}
										 .ccc{																   
											 background-image:url(../images/m3_black.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-size:30%;
											 background-color:#edffbe;
						                     border:1px solid #9cd503;
											 border-radius:5px;
							
											 }
																   .ccc a{display:block;height:95px;}
										.ddd{																   
											 background-image:url(../images/m4_black.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-size:30%;
											 background-color:#d5eb99;
						                     border:1px solid #9cd503;
											 border-radius:5px;									  
											 }
																   .ddd a{display:block;height:95px;}
										 .eee{																   
											 background-image:url(../images/m5_black.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-size:30%;
											 background-color:#edffbe;
						                     border:1px solid #9cd503;
											   border-radius:5px;
											 }
																   .eee a{display:block;height:95px;}
										 .fff{																 
											 background-image:url(../images/m6_black.png);
											 background-position:90% 90%;
											 background-repeat:no-repeat;
											 background-size:30%;
											 background-color:#d5eb99;
						                     border:1px solid #9cd503;
											 border-radius:5px;
											 }
																 .fff a{display:block; height:95px;}
									  .ggg{																 
											 background-image:url(../images/m7_black.png);
											 background-position:right center;
											 background-repeat:no-repeat;
											 background-size:30%;
											 background-color:#d5eb99;
						                     border:1px solid #9cd503;
											 border-radius:5px;
											 }
																 .ggg a{display:block; height:70px; }
																 
											.hhh{																 
											 background-image:url(../images/m8_black.png);
											 background-position:right center;
											 background-repeat:no-repeat;
											 background-size:30%;
											 background-color:#d5eb99;
						                     border:1px solid #9cd503;
											 border-radius:5px;
											 }
																 .hhh a{display:block; height:70px; }
										.aaa h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px; text-align:left;}
										.aaa h4 span{font-size:0.8em;}
										.bbb h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.bbb h4 span{font-size:0.8em;}
										.ccc h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.ccc h4 span{font-size:0.8em;}
										.eee h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.eee h4 span{font-size:0.8em;}
										.ddd h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.ddd h4 span{font-size:0.8em;}
										.fff h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.fff h4 span{font-size:0.8em;}
										.ggg h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.ggg h4 span{font-size:0.8em;}
										.hhh h4{color:#000;	font-size:1.0em;font-weight:bold;border: 0px;text-align:left;}
										.hhh h4 span{font-size:0.8em;}
										@media (max-width: 468px) {
											/*.aaa,.bbb,.ccc,.ddd,.eee,.fff {box-shadow: inset 0px 0px 10px 0px #ABABAB;
											-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB;
											-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB;
											-o-box-shadow: inset 0px 0px 10px 0px #ABABAB;
											}*/
										  .aaa{					                     
											 background-size:32%;	
											 text-shadow:1px 1px 1px #fff;										 
												   }
										 .bbb{																 
											   background-size:32%;
											   text-shadow:1px 1px 1px #fff;
											   }
										 .ccc{																   
											 background-size:32%;
											 text-shadow:1px 1px 1px #fff;
											 }
										.ddd{																   
											 background-size:32%;
											 text-shadow:1px 1px 1px #fff;
											 }
											 .eee{																   
											 background-size:32%;
											 text-shadow:1px 1px 1px #fff;
											 }
										 .fff{																 
											 background-size:32%;
											 text-shadow:1px 1px 1px #fff;								
											 }
										 .ggg{ background-size:12%;
										 }
										 .hhh{ background-size:12%;
										 }
										}
/* g하단 ==============================================================*/
.bottom-area {text-align:center; padding:20px 0; border-top:2px solid #6a6c70; margin-top:3px; color:#fff; font-size:13px;}
address {margin-top:0; margin-bottom:0;}
.bottom-area p {margin:0; padding:0; line-height:1.5;}
.copy-en {font-size:12px;}

.mobile-bottom {display:inline;}
.rightbanner {position:absolute; top:80px; right:2%; z-index:999990; visibility:visible;}
@media screen and (max-width: 767px) {
    .bottom-area { background-color:#3c3e41;}
	.mobile-bottom {display:block;}
    .rightbanner {position:absolute; top:50px; right:0; z-index:0; visibility:hidden; display:none;}

}
/* 서브 ==============================================================*/

.divpopup {position:absolute;left:20px;top:120px;z-index:200;visibility:hidden; width:350px; height:380px; background-color:#000000;}
.divpopup img{width:350px; height:350px;}
@media screen and (max-width:768px) {	
	.divpopup {position:absolute;left:10px;top:120px;z-index:200;visibility:hidden; width:210px; height:250px; background-color:#000000;}
    .divpopup img{width:210px; height:210px;}	
}