/*-------- 1.2 Structure --------*/

/* Grid custom */


.blue-gradient { background: -webkit-linear-gradient(left,#00a4e4, #5db408);}
.red-gradient { background: -webkit-linear-gradient(left,#FF4045, #5db408); }
.red-gradient2 { background: -webkit-linear-gradient(top,#ed6862, #f87b76); }
.green-gradient { background: -webkit-linear-gradient(left,#c9dae1, #5db408); }
.blue-gradient2{background: -webkit-linear-gradient(left,#132684, #0ad8bd);}

.bg-redtel { background-color: #e9463f; }



.small-gutters {
  margin-right: -5px !important;
  margin-left: -5px !important;
}
.small-gutters > [class*="col-"] {
  padding-right: 5px !important;
  padding-left: 5px !important;
}


.owl-theme .owl-nav [class*=owl-]:hover{background: transparent none;color:#000;text-decoration:none}




.margin_service {
  padding-top: 80px;
  padding-bottom:80px;
}



.carousel-ban3 img{border: 1px solid #ccbebe;
 -webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius5px 5px 5px 5px;
}



/* ·»ÅÐ*/
.rental_bg2{
	background:#000 url(../../common/img_24/bg/rental_bg2.png) center bottom repeat-x;
	color:#fff;
}



@media (max-width: 767px) {

.margin_service{
  padding-top: 10px;
    padding-bottom: 30px;
}






.rental_bg2{ background-position: top right;
    background-repeat: no-repeat;   
}


}
/* Åë½Å*/
.tele_bg2{
	background: #fafafa url(../../common/img_24/bg/tele_bg.jpg) center bottom repeat-x;
	color:#fff;
}

/* Åë½Å´º*/
.tele_bg3{
	background: #fafafa url(../../common/img_24/bg/tele_bg3.jpg) center bottom repeat-x;
	color:#fff;
}


@media (max-width: 767px) {
.tele_bg2,.tele_bg3{     background-position: top right;
    background-repeat: no-repeat;   
}


}



 
.inquiry-form2 {margin-top:0px;
	-webkit-backface-visibility: hidden;
}

.inquiry-form2 .inquiry-form-header {background: #082d8a;padding:15px;}


.inquiry-form2 .inquiry-form-header h1 {
	font-size:18px;font-size:1rem;	margin-left:10px;
color: #fff;
	
}
.inquiry-form2 .inquiry-form-header h1 span{
	font-size:20px;
	
}


.inquiry-form2 .inquiry-form-wrapper {
	background: rgba(255,255, 255, 1);
	padding:0px 0px 0px 0px ;
	margin-bottom:20px;
	position:relative;-webkit-border-radius:0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
}


.inquiry-form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), .inquiry-form textarea {
border: 1px solid #093a80;
	
}  
  
@media all and (max-width: 769px) {
.inquiry-form2 {margin-top:0px;-webkit-backface-visibility: hidden;}
.inquiry-form2 p span{
  font-size: 14px;
	
}

}



.inquiry-form2 .inquiry-form-header2 {padding:15px;-webkit-border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	border-radius:8px 8px 0px 0px;}

.inquiry-form2 .inquiry-form-wrapper h2{ 
color:#121212;margin-bottom:10px;font-size:24px;font-size:1.5rem ;font-weight:500;letter-spacing:-0.04em;
}
.inquiry-form2 .inquiry-form-wrapper h4{ 
color:#121212;margin-bottom:0px;margin-top:20px;font-size:24px;font-size:1.5rem font-weight:500;letter-spacing:-0.04em;
}

.inquiry-form2 .inquiry-form-wrapper p{ 
color:#333;margin-bottom:20px;font-size:14px;font-size:0.875rem ;font-weight:500;letter-spacing:-0.04em;
	
}
.inquiry-form2 p span{
  color: #121212;font-size:16px;font-size:1rem ;
	
}

.inquiry-form2 .inquiry-form-header2 h1 {
font-size:18px;font-size:1rem;	margin-left:10px;
color: #fff;
	
}
.inquiry-form2 .inquiry-form-header2 h1 span{
	font-size:20px;
}



/* Section padding2 */
 .sm--padding  {
  padding-top:60px;
  padding-bottom:0px;
}

@media only screen and (max-width: 767px){
.client-box {/* Ŭ¶óÀ̾ðÆ® */margin-bottom: 25px;

}
/* Section padding2 */
 .sm--padding  {
  padding-top:80px;
  padding-bottom: 0px;
}
.inquiry-form2 .inquiry-form-wrapper h4{ font-size:20px;font-size:1.25rem;
}	

}





/* Àü±¹ÀÔÁ¡¾÷ü¹è³Ê¸ÞÀÎ */
.ctatop {position: relative;
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;  padding:15px ;
 
  
}
.main-t  h1 {
        text-align: center;
        color: #fff;
        font-weight:700;
        font-size: 30px;
        line-height: 30px;
        margin-top: 10px;

}
.main-t  h1 img {
    margin: -10px 70px 0 0;height:40px;
    
}

.main-t  h2 {
        float:right;
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        line-height:24px;
        margin-top:10px;

}	

.main-t  h2 img { height:40px;margin-left:10px;}

.add_top_70 {
  margin-top: 70px;
}



@media (max-width: 767px) {

.add_top_70 {
  margin-top:20px;
}
.ctatop {
  position: relative;
  padding:5px ;
  
}
.main-t  h1 { text-align: left;      

}
.main-t  h1 img {
  height:40px;
    margin: -5px 0px 0 0;
    
}	

.main-t  h2 {font-size:18px;
      

}	
.main-t  h2 img { height:30px;}	
.main-t  strong{
   display: none;
    
}	

.main-t  h1 {
  
        
        font-size: 24px;font-size:1.5rem;
        line-height: 24px;
        
       
}

}







/* Testimonial */
.client-detail{
	display:flex;
	align-items: center;
	margin-bottom:0px;
}
.client-detail .client-img{ background-color: #f3f6fb;border: 1px solid #eee;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	overflow: hidden;
	min-width: 80px;
	margin-right: 20px; margin-top:10px;
	box-shadow: 8px -4px 20px 0 rgba(221,231,255,0.1);
}	
.client-box2 {/* Ŭ¶óÀ̾ðÆ® */
    padding:20px;
	border-radius:6px;	
	box-shadow: 0 10px 10px 0 rgba(255,255,255,0.2);background-color: #f3f6fb;
	max-height:150px;
	min-height:150px; width:100%;
	border: 1px solid #eee;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}


.client-box2:hover{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  /*-webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);*/
}

.client-info { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; 
  margin-top:10px;
}

.client-info .client-name h5{  
	font-size: 14px;
    font-weight:600;
    margin-top:20px;
}

.client-info .client-name h6{  
	 font-size:12px;
    font-weight:500;
    margin-top:10px;
}

.client-info p{  
	font-size:12px;
	margin-bottom: 0;overflow: hidden;
}


@media only screen and (max-width: 767px){
.client-box2 {/* Ŭ¶óÀ̾ðÆ® */margin-bottom: 25px;

}
	

}







/* ¼­ºñ½º ¸ÞÀθ޴º¿¡ È°¿ë */


.category-list{	display:flex;    flex-wrap: wrap;	}

.category-bx2.style1{
    background-color:#fff; padding: 12px 25px 12px 25px;;
    text-align: center;
    display: block;
    
    position: relative;
    flex: 0 0 calc(12.50% - 10px);
    max-width: calc(12.50% - 10px);
    border-radius: 8px;
    margin-right: 10px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.category-bx2.style1:hover{color:#000;
	transform:scale(1.01);
	-moz-transform:scale(1.01);
	-webkit-transform:scale(1.01);
	-ms-transform:scale(1.01);
	-o-transform:scale(1.01);
}
.category-bx2.style1 .icon-bx{
    margin-bottom: 10px;
}
.category-bx2.style1 .icon-bx .icon-cell{
font-size: 30px;
    width:80px;
    display: inline-block;
    height:80px;
    color: #000;
    background: #fff;
    /* border-radius:80px;
    line-height:80px;
   box-shadow: 0 0 0 2px rgba(0,0,0,0.07);*/
}

.category-bx2.style1 .icon-bx .icon-cell img{
width:70px;-moz-border-radius: 0%; -webkit-border-radius: 0%; border-radius: 0%;

}





.category-bx2.style1 .title{
   
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 28px; font-size: 16px;
    margin-top:40px;
}

@media only screen and (max-width: 991px){
	
	.category-bx2.style1{
		flex: 0 0 calc(25% - 5px);
		max-width: calc(250% - 5px);
		margin-bottom:5px;
		margin-right:5px;
	}
}


@media only screen and (max-width: 767px){
.category-bx2.style1{
   
    padding: 20px 10px;
    
}
.category-bx2.style1 .title {
		font-size:14px;line-height: 14px;margin-top:10px;
	}
.category-bx2.style1 p {line-height: 14px;
		font-size: 14px;
	}



.category-bx2.style1:hover{
	transform:scale(1.00);
	-moz-transform:scale(1.00);
	-webkit-transform:scale(1.00);
	-ms-transform:scale(1.00);
	-o-transform:scale(1.00);
}



.category-bx2.style1{
		flex: 0 0 calc(33.33% - 5px);
		max-width: calc(33.33% - 5px);
		margin-bottom:5px;
		margin-right:5px;
	}

}



/*-------- °ßÀû¿Ï·áÆäÀÌÁö¿Í ¸ÞÀÎÀ¯¿ëÇÑÀÌ»çÁ¤º¸-----*/

.box_cat_home {border:1px solid #d2d3d4;
  background-color: #fff;
  display: block;
  padding: 25px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  color: #999;
}

.box_cat_home i {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #0054a6;
  opacity: 0;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.box_cat_home h5 {
  font-size: 18px;
 
  margin-top: 10px;color:#333;
  
}

.box_cat_home:hover {

}
.box_cat_home:hover i {
  opacity: 1;
}
.box_cat_home ul {font-size: 18px; 
  font-size: 1.125rem;
  margin: 10px -15px -15px -15px;
  padding: 10px;
  border-top: 1px solid #ededed;
  text-align: center;
}
.box_cat_home ul li {color: #35a6d9;
  display: inline-block;
}
.box_cat_home ul li strong {
  margin-right: 5px;
  font-weight: 400;
  color: #333;
}


.client-box2 {/* Ŭ¶óÀ̾ðÆ® */
   background-color: #fff;border: 1px solid #ddd;
	
}

/* Grid custom .custom-container {max-width: 1790px;}
.container-full {  padding: 0 15px;  width: 100%;}

.container { position: relative; max-width: 1200px; }
.container .max{ position: relative; max-width: 1280px; }
.container-wide { width: 80%; }
*/

/* ============================================================== 
     # Footer
=================================================================== */



/* Modal Sign In
/*-------- 3.6 Sing In Modal --------*/
#sign-in-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width: 400px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* Popup close button*/
#sign-in-dialog .mfp-close {
  color: #666;
  background-color: #e4e4e4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
  right: 20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#sign-in-dialog .mfp-close:hover {
  color: #fff;
  background-color: #66676b;
}

#sign-in-dialog .mfp-close:before {
  font-size: 24px;
  /*font-family: 'Fontello';
  content: "\e81e";*/

 font-family: "ElegantIcons";
content: "\4d";
}

.modal_header {
  font-size: 18px;
  width: calc(100% + 60px);
  position: relative;
  left: -30px;
  top: 0;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -ms-border-radius: 4px 4px;
  border-radius: 4px 4px;
  display: inline-block;
  background-color: #f6f6f6;
  padding: 18px 20px 15px 20px;
  margin-bottom: 30px;
}
.modal_header h3 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}

#sign-in-dialog .form-group input.form-control {
  padding-left: 40px;
}

#sign-in-dialog .form-group > i {
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  left: 12px;
  top: 33px;
  color: #ccc;
  width: 25px;
  height: 25px;
  display: block;
  font-weight: 400 !important;
}
#sign-in-dialog .form-group > i.icon_lock_alt {
  top: 35px;
}





/* Modal Sign In
/*-------- 3.6 Sing In Modal --------*/
#hw-in-dialog {
  background: #fff;
  padding: 30px;
  padding-top: 0;
  text-align: left;
  max-width:600px;
  margin: 40px auto;
  position: relative;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}


@media only screen and (max-width: 767px){
#hw-in-dialog {
  padding: 10px;
  max-width:400px;
  margin: 20px auto; font-size:16px;
  
}	

}

.table-bordered { font-size:12px;
  
}	


/* ½½¶óÀÌµå ¹öÆ°--------*/

.projects-carousel .owl-nav i {
    font-weight: 400;
    font-size: 35px;
}

.projects-carousel .owl-nav {
  margin: 0;
}

.projects-carousel .owl-nav .owl-prev, 
.projects-carousel .owl-nav .owl-next {
  background: transparent none repeat scroll 0 0;
  color: #fff; 
  font-size: 30px;
  height: 40px;
  left: -10px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}

.projects-carousel .owl-nav .owl-next {
  left: auto;
  right: -10px;
}
.projects-carousel .content  {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;	font-weight: 600;
  
}
.projects-carousel .content h2 {
  font-size: 80px;
}
.projects-carousel .content h3 {
  font-size: 80px;
}
.projects-carousel .content h2 strong {color:#000;
  font-weight: 700;  
}

.projects-carousel .content h3 strong {color:#f43a0f;  font-weight: 800; 
 display: block;  /*À» »ç¿ëÇϸé ÁÙ ¹Ù²ÞÀÌ µÊ- »ÑÁ÷¿¡ È°¿ëÇϱâ */
}

@media only screen and (max-width: 767px){
	
.projects-carousel .content h2 { text-align: center;  font-size: 24px;}
.projects-carousel .content h3 { text-align: center;  font-size: 24px;}
.projects-carousel .content h3 strong { display: Inline;/*À» »ç¿ëÇϸé ÁÙÀÌ ¾È ¹Ù…› */}


}


/* ¸ÞÀÎ ¹× ¼­ºê ¿À¹ö bg ¹è°æ»öµé */
.shadow {
  position: relative;
  z-index: 1;
}

.shadow.dark::after {
  background: #121212 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}


/* Ãß°¡*data-wow-iteration="10"data-wow-iteration="infinite"class="wow slideInRight" data-wow-delay="1s"  data-wow-iteration="3"/*/