/* 
------제휴배너 모바일에 on시킬 때 함께 적용 사용하지 않을 때는 닫아두기 모바일 견적 버튼 위치와 배경색에 관여---*/

@media (max-width: 767px) {
.main-visualm {
    width: 100%;
    height: 460px;
    background-color: #ffffff;
    background-image: url(//2424.net/mall/img/bg/main_bgm3.jpg);
    background-size: 900px 520px;
    background-position: center;
    background-repeat: no-repeat;
}

.main-30  .btn_1{
    position: absolute;
    top: 370px;
    left: 0px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;font-size:1.5rem;
   
    
}

}



/* 전페이지우측 고정배너
-----------------------------------------------------------------*/
.si-sticky { 
position: fixed;
	top:132px;
	left:0px;
	width: 155px;
}

/* 
-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {
	left: auto;
	right: 3px;
}


/* ---퀵메뉴--------------------------------------------*/


.box_style_top {
	padding: 10px;border: 1px solid #fa4748;
	position: relative;background:#fff ;
	/* 
--------------------------------------------------------
	background:#fa4748 url(../img/bg/main_ban.png) center left no-repeat;---------*/
	margin-bottom: 5px;
	color: #333;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.box_style_top h3 {
	font-size: 16px;margin-bottom:10px;
}
.box_style_top img {
  width: 70px;
  
 
}


/* ---퀵메뉴---추가-----------------------------------------*/

.box_style_24,.box_style_24m  {
	padding: 10px;border: 1px solid #fa4748;
	position: relative;background:#fff ;
	/* 
--------------------------------------------------------
	background:#fa4748 url(../img/bg/main_ban.png) center left no-repeat;---------*/
	margin-bottom:8px;
	color: #333;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.box_style_24  h3,.box_style_24m h3 {
	font-size: 18px;margin-bottom:0px;
}

.box_style_24m h6 {
	font-size: 14px;margin-bottom:5px;
}
.box_style_24 h3 strong,.box_style_24m h3 strong {
	color:#fa4748;font-weight:500;
}
.box_style_24 h6 span,.box_style_24m h6 span {
	color:#fa4748;font-weight:500;
}

.box_style_24 img {
  width: 40px;
}
.box_style_24m img{
  width:60px;
}
.box_style_24 i,.box_style_24m i {
 font-size: 46px;margin-bottom:0px;
}



.loc_open, .loc_closed , .r_boxO , .r_boxG,.left_open,.loc_white,.left_top{
  font-size: 14px;
 
  font-weight: 500;
  padding: 3px 10px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
 /* position: relative;
	top:0px;
	left:0px;*/
}

.loc_open {
  color: #32a067;
  border: 1px solid #32a067;margin-right: 5px;background-color:#eafaec;
}

.left_open {
  color: #4496b7;
  border: 1px solid #6aa5c6;margin-right: 5px;background-color:#eef5f8;
}



.box_style_c {
	padding: 10px ;
	position: relative;background:#fa4748 ;
	/* 
--------------------------------------------------------
	background:#fa4748 url(../img/bg/main_ban.png) center left no-repeat;---------*/
	margin-bottom: 5px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.box_style_c h3 {color: #fff;
	font-size: 16px;margin-bottom:5px;text-align: center;
}
.box_style_c h4 {color: #fff;letter-spacing:-0.03em;margin-bottom: 0px;
font-size: 20px;	
}


.box_style_c i {background: #fff;
	margin: auto;
	margin-bottom: 10px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px dashed #fff;

	font-size:26px;
	color: #ff4a51;
}




.box_style_hw { width:160px;
	height: 150px;
	padding: 0px;border:1px solid #cf6f18;
	position: relative;
	background:#ffffff url(../../../mall/img/services/hw_160_q.png) top left no-repeat;
	margin-bottom: 5px;
	color: #333;
	
	
}

.box_style_hw h4 {color: #fff;letter-spacing:-0.03em;margin-bottom: 0px;text-align: left; margin-top:120px;
font-size: 16px; padding:5px 15px 5px 15px;;background:#cf6f18;
}

.box_style_hw img {
  width: 160px;
  overflow: hidden;
 
}



/* 추가박스----
.box_style_h {
	padding: 10px ;
	position: relative;background:#cf6f18 ;border: 1px solid #111;

	margin-bottom: 5px;
	color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	text-align: left;
}

.box_style_h  h3 {color: #fff;
	font-size:20px;margin-bottom:5px;text-align: left;
}
.box_style_h  h4 {color: #fff;letter-spacing:-0.03em;margin-bottom: 0px;
font-size: 18px;	
}


.box_style_h  i {background: #fff;
	margin: auto;
	margin-bottom: 10px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px dashed #fff;

	font-size:26px;
	color: #ff4a51;
}

---*/







/* --------------------------------------------------------------------------
/* ---박스 쉐도우 컬러추가
/* ----------------------------------------------------------------------------- */


/*-------- box-shadow color --------*/
.blue_bs {box-shadow: 0px  -3px #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
border:1px solid #333;
}


/*-------- box-shadow color --------*/
.red-bs {box-shadow: 0px -3px #fa4748;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
border: 1px solid #fa4748;

}

/*-------- box-shadow color --------*/
.bk-bs {box-shadow: 0px -3px #333333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
border: 1px solid #333333;background:#fafafa;
}


/* --------------------------------------------------------------------------
/* ---콘텐츠 타이틀
/* ----------------------------------------------------------------------------- */
.ctam1 { padding:5px ;}
.c2 { margin:5px ;border: 0px solid #cfd2d1;}
.c3 { margin:5px ;border: 0px solid #cfd2d1;}
.c4 { margin:5px ;border: 0px solid #cfd2d1;}




.trusted-badge {
  margin-top: 10px;
  padding:15px 10px 20px 10px;
  height: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;}

.bg-trust-1 {
  background-color: #FCEDDA;border-top:1px solid #f4d4a9; border-bottom:1px solid #f4d4a9; }
.bg-trust-2 {
  background-color: #fafafa; }

.bg-trust-3 {
  background-color: #dbf0f9;border:1px solid #8ed7ee; padding:5px;}

/* Testimonial */
.client-detail{
	display:flex;
	align-items: center;background-color:#dbf0f9;
	margin-bottom:0px;border-top:2px solid #83cee9;padding:10px 15px 10px 15px;;
}


.feature-1 h6{margin:0px;font-weight:400;
 
}
.tag1, .tag2 , .tag3 , .tag4, .tagb,.tagw,.tagbl {
  font-size:11px;  vertical-align:top;
 padding:2px 8px; display:inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}



.tag1 { margin-right:7px; border: 1px solid #e9a466;color: #1846af;}
.tag2 { margin-right:7px; border:1px solid #9cc2ee; color:#bbd8f9;}
.tag3 { margin-right:7px; border:1px solid #971b1f; color:#fff;background-color:#a53135;opacity:1;}
.tag4 { margin-right:0px; border:1px solid #4740da; color:#fff;background-color:#4740da;opacity:1;}
.tagb { margin-left:5px; border:1px solid #cfcfd0; color:#000;background-color:#fff;opacity:1;}
.tagw { margin-left:5px; border:1px solid #004dda; color:#fff;background-color:#cfcfd0;opacity:1;}
.tagbl { margin-right:7px; border:1px solid #004dda; color:#fff;background-color:#2f8fd8;opacity:1;}

@media screen and (max-width:767px){
.tag1, .tag2 , .tag3 , .tag4, .tagb,.tagw,.tagbl{
 padding:2px 7px; 
}


}

.sticky-mr {
  position: absolute;
  display: block;
  top:10px;
  right:10px;
}

@media (max-width: 767px) {

}