/**** pc ****/
@media only all and (min-width:1025px){ 
.footerst {width:100%; float: left;  height:auto;  background:url("../images/main/footer_bg.jpg")no-repeat center center; background-size:cover; overflow: hidden; padding: 150px 0px}	

.footerst .inner{display: grid; grid-template-columns:auto 750px;	}

.footerst .inner>div{width: 100%;float: left;  }	

.footerst .ft_tit01{width: 100%;float: left;   font-family: 'Myriad Pro'; font-size: 50px; line-height: 100%; color: #fff; margin-bottom: 10px;}
.footerst .ft_tit02{width: 100%;float: left;   font-family: 'Pretendard'; font-size: 44px; font-weight: 700; line-height: 100%; color: var(--div-color1); margin-bottom: 50px;}
	
		
.ft_infobox	{ width: 100%;  float: left; display: flex; gap:25px; margin-bottom:20px;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box}	
.ft_infobox	.info_tx{font-size: 16px;   font-family: 'NanumSquareAcr';  color:#fff; line-height: 100%; 	
letter-spacing: 0px; cursor:pointer; }	
	

.footerst  .copy{width: 100%;float: left;   font-size: 14px; line-height: 150%; font-family: 'Pretendard'; font-weight: 500; color: #cbcbcb; margin-bottom:20px; text-transform:uppercase;}


.footerst  .sns	{ width: 100%; float: left; display: flex; gap:4px;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }
.footerst  .sns	a{ width:50px; height: 50px;  cursor:pointer}	
.icon01{ width:50px; height: 50px; background: url("../images/svg_icon/sns3.svg")no-repeat center center;   filter: brightness(0) invert(1); /* 흰색으로 변경 */background-size:38px; margin-left: -10px;}
.icon02{ width:50px; height: 50px; background: url("../images/svg_icon/sns_n.png")no-repeat center center;   filter: brightness(0) invert(1); /* 흰색으로 변경 */background-size:22px;}
.icon03{ width:50px; height: 50px; background: url("../images/svg_icon/sns_ins.svg")no-repeat center center;  filter: brightness(0) invert(1); /* 흰색으로 변경 */background-size:28px;; opacity: 1}
.icon04{ width:50px; height: 50px; background: url("../images/svg_icon/sns_g.png")no-repeat center center;  filter: brightness(0) invert(1); /* 흰색으로 변경 */ background-size:13px; margin-left: -5px}	
.icon05{ width:50px; height: 50px; background: url("../images/svg_icon/sns1_face.svg")no-repeat center center;   filter: brightness(0) invert(1); /* 흰색으로 변경 */background-size:28px; margin-left: -15px; opacity: 1}	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.footerst {width:100%; float: left;   background:url("../images/main/footer_bg.jpg")no-repeat center center; background-size:cover; overflow: hidden; padding:30px 20px 50px}	
.footerst .inner{width:100%; float: left;  display: flex; flex-direction: column;}	
.footerst .inner>div:first-child{width: 100%;float: left; order: 2 ;  padding: 30px 0px}	

.footerst .ft_tit01{width: 100%;float: left;   font-family: 'Myriad Pro';  font-size:26px; line-height: 100%; color: #fff; margin-bottom: 10px; }
.footerst .ft_tit02{width: 100%;float: left;   font-family: 'Pretendard'; font-size: 22px; font-weight: 700; line-height: 100%; color: var(--div-color1); margin-bottom: 20px;}
		
.ft_infobox	{ width: 100%;  float: left; display: flex; gap:15px; margin-bottom:10px;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box}	
.ft_infobox	.info_tx{font-size: 13px;   font-weight:500; color:#fff; line-height: 100%; letter-spacing: 0px; cursor:pointer;}	

.footerst  .copy{width: 100%;float: left;   font-size: 11px; line-height: 150%; font-family: 'Pretendard'; font-weight: 500; color: #cbcbcb; margin-bottom:20px; text-transform:uppercase;}

.footerst  .sns	{ width: 100%; float: left; display: flex; gap:4px;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; }
.footerst  .sns	a{ width:30px; height: 30px;  cursor:pointer}	
.icon01{ width:50px; height: 50px; background: url("../images/svg_icon/sns3.svg")no-repeat center center;filter: brightness(0) invert(1); background-size:38px; margin-left: -10px;}
.icon02{ width:50px; height: 50px; background: url("../images/svg_icon/sns_n.png")no-repeat center center; filter: brightness(0) invert(1);background-size:22px;}
.icon03{ width:50px; height: 50px; background: url("../images/svg_icon/sns_ins.svg")no-repeat center center;filter: brightness(0) invert(1); background-size:28px;}
.icon04{ width:50px; height: 50px; background: url("../images/svg_icon/sns_g.png")no-repeat center center;filter: brightness(0) invert(1); background-size:13px; margin-left: -5px}	
.icon05{ width:50px; height: 50px; background: url("../images/svg_icon/sns1_face.svg")no-repeat center center; filter: brightness(0) invert(1);background-size:28px; margin-left: -15px}	

}






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.cs_box{width:100%; float: left;   margin-top: 20px}

.cs_box .cs_btitle{ width: 100%; float: left;  font-size:20px; font-family: 'NanumSquareAcl'; color: #fff; letter-spacing:-0.5px; margin-bottom:50px; }	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.cs_box{width:100%; float: left;  margin-top: 0px; order: 1 }

.cs_box .cs_btitle{ width: 100%; float: left;  font-size:12px; font-family: 'NanumSquareAcl'; color: #fff; letter-spacing:0px;  }	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





/**** pc ****/
@media only all and (min-width:1025px){ 

.cs_box .bt_ttbox{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;  margin-bottom: 50px}
.cs_box .bt_ttbox>.bt_tt01{ width: 100%; float: left;  border-bottom:solid rgba(204,204,204,0.2) 1px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;  padding-bottom: 5px }	

.cs_box .bt_ttbox>.bt_tt01 .input_tx{ width:70px; float: left;  font-size:18px; font-family: 'NanumSquareAcr'; color: #666; letter-spacing:-1px; line-height:120%;   }
.cs_box .bt_ttbox>.chbox2{width:100%;   float:left!important; height: 70px; line-height: 70px;  font-size: 16px;  font-weight: 400; color:#fff;   letter-spacing:-1px; }	
.cs_box .bt_ttbox>.chbox2 a{color:#fff;   margin-left: 10px; font-size: 16px ; }		


.cs_box .bt_ttbox2{ width: 100%; float: left;   display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; gap:30px; margin-bottom: 30px}	

	
	
	
input[type=text].inputst_bt{ width:100% ; float: right; border: none!important;  background-color: rgba(255,255,255,0.0)!important;line-height: 24px;color: #fff!important;}
input[type=text].inputst_bt:focus{ height: var(--h-com)!important;	line-height:var(--h-com)!important; border: none!important;	-webkit-box-shadow:none!important;box-shadow:none!important; color: #fff!important;  background-color: rgba(255,255,255,0.0)!important;}


textarea.inputst_bt2{ width:100% ; height:60px!important; float:left; border:solid rgba(204,204,204,0.2) 1px!important; background-color: transparent; line-height: 24px; color: #fff!important; border-radius: 5px!important }
textarea.inputst_bt2:focus{ ; height:60px!important;	line-height:var(--h-com)!important;
border:solid rgba(204,204,204,0.5) 1px!important; 	-webkit-box-shadow:none!important;box-shadow:none!important; color: #fff!important; }	






}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) { 
.cs_box .bt_ttbox{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(1, 1fr); gap:5px;  margin-bottom:20px}
.cs_box .bt_ttbox>.bt_tt01{ width: 100%; float: left;  border-bottom:solid rgba(204,204,204,0.2) 1px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box;  padding-bottom: 5px }	

.cs_box .bt_ttbox>.bt_tt01 .input_tx{ width:70px; float: left;  font-size:13px; font-family: 'NanumSquareAcr'; color: #fff; letter-spacing:-1px; line-height:120%;   }
.cs_box .bt_ttbox>.chbox2{width:100%;   float:left!important; height: 20px; line-height: 20px;  font-size: 13px;  font-weight: 400; color:#666;   letter-spacing:-1px;   }	
.cs_box .bt_ttbox>.chbox2 a{color:var(--div-color1);   margin-left: 10px; font-size: 13px ; }		

.cs_box .bt_ttbox2{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(1, 1fr); gap:10px; margin-bottom: 10px }	


input[type=text].inputst_bt{ width:100% ; float: right; border: none!important;  background-color: rgba(255,255,255,0.0)!important;line-height: 24px;color: #fff!important;}
input[type=text].inputst_bt:focus{ height: var(--h-com)!important;	line-height:var(--h-com)!important; border: none!important;	-webkit-box-shadow:none!important;box-shadow:none!important; color: #fff!important;  background-color: rgba(255,255,255,0.0)!important;}


.cs_box .bt_ttbox2{ width: 100%; float: left;  margin-top:20px!important }	
.cs_box .bt_ttbox2 .input_tx2{ width: 100%; float: left;  font-size:18px; font-family: 'NanumSquareAcr'; color: #666; letter-spacing:-1px; line-height:120%; margin-bottom:5px  }

textarea.inputst_bt2{ width:100% ; height:60px!important; float:left; border:solid rgba(204,204,204,0.2) 1px!important; background-color: transparent; line-height: 100%; color: #fff!important; border-radius: 5px!important }
textarea.inputst_bt2:focus{ ; height:60px!important;	line-height:var(--h-com)!important;
border:solid rgba(204,204,204,0.5) 1px!important; 	-webkit-box-shadow:none!important;box-shadow:none!important; color: #fff!important; }	



}




/**** pc ****/
@media only all and (min-width:1025px) {	
.bt_chbox { width: 100%; float: left;  }
.bt_chbox .bt_btn{ width:185px; height: 70px!important; float: left; background-color:var(--div-color1);  border-radius: 10px 0px 10px 0px; padding: 25px ; text-align: center; font-size:20px; font-family: 'NanumSquareAcl'; color: #fff;  line-height:100%; cursor:pointer}	


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {	
.bt_chbox { width: 100%; float: left; margin-top:0px; box-sizing: border-box}
.bt_chbox .bt_btn{ width: 100%;float: left; background-color:var(--div-color1); border-radius: 10px 0px 10px 0px; padding:15px ; text-align: center; font-size:14px; font-family: 'NanumSquareAcl'; color: #fff;  line-height:100%; cursor:pointer; margin-bottom:0px}	





.cate_ch {font-size: 12px!important;  }	
}

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.cs_quick{width: 280px;  position: fixed; right: 20px; bottom: 20px; background-color: rgba(38,38,38,0.70); padding: 10px 0px 0px 0px!important; border-radius: 10px; overflow: hidden;   backdrop-filter: blur(10px); z-index: 9999; 
-webkit-animation: quick_ani  2s forwards; /* Safari 4.0 - 8.0 */
animation: quick_ani 2s forwards;animation-delay:0.5s;   bottom:-180px; border: 2px solid #333
}
.cs_quick .tel{width: 100%; float: left; text-align: center;  display: flex;  justify-content: center;  align-items: center; padding: 20px 0px;   flex-direction:column; box-sizing: border-box}
.cs_quick .tel em{width: auto; float: left;  font-size:16px; line-height: 100%; color: #fff;  margin-bottom: 10px }	

.cs_quick .tel .inum{width: auto; float: left; font-family: 'Viga', sans-serif; font-size:30px; line-height: 100%; color: #fff;  padding-left: 30px;  position: relative }
.cs_quick .tel .inum .icon{ position: absolute;left: -5px; top: 0px; color: #Fff; content: "\eade";   font-family: unicons-line;    width: 30px; height: 30px;  animation-name:quick_ani_icon;
  animation-duration: 0.7s;
  animation-iteration-count: infinite; display: flex;  justify-content: center;  align-items: center; }
.cs_quick .tel .inum .icon:before{ position: absolute; left: 0px; top: -3px; color: #Fff; content: "\eade";   font-family: unicons-line; idth: 30px; height: 30px;  display: flex;  justify-content: center;  align-items: center;  }


.cs_quick .quick_btn{width: 100%; float: left; display: grid;display: grid; grid-template-columns: repeat(2, 1fr);grid-gap: 2px }
.cs_quick .quick_btn .quick_kakao{width: 100%; float: left; padding: 20px 0px 20px 20px ;  color: #fff; font-size: 14px;  position: relative ; background-color: #2c2c2c; text-align: center; cursor: pointer}
.cs_quick .quick_btn .quick_kakao:before{ position: absolute ;left: 30px; top: 20px; content: "";   background: url("../../_images/svg_icon/ka_icon.svg")no-repeat; background-size: 20px; z-index: 3; width: 30px; height: 30px;}
.cs_quick .quick_btn .quick_kakao:hover{ background-color: #41382C;}
.cs_quick .quick_btn .online{width: 100%; float: left;  padding: 20px 0px 20px 20px ;  color: #fff; font-size: 14px;   position: relative; background-color: #2c2c2c ; text-align: center; cursor: pointer}
.cs_quick .quick_btn .online:before{ position: absolute; left: 25px; top: 20px; content: "\e969"; color: #fff;  font-family: unicons-line; font-size: 20px}

.cs_quick .quick_btn .online:hover{ background-color: #41382C;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.cs_quick{width: 100%;  position: fixed; left: 0px; bottom: 0px; background-color: rgba(38,38,38,0.70); padding: 10px 0px 0px 0px!important; overflow: hidden;   backdrop-filter: blur(10px); z-index: 9999}
.cs_quick .tel{width: 100%; float: left; text-align: center;  display: flex;  justify-content: center;  align-items: center; padding: 10px 0px;  flex-direction:column; box-sizing: border-box}
.cs_quick .tel em{width: auto; float: left;  font-size:14px; line-height: 100%; color: #fff;  margin-bottom: 10px }	


.cs_quick .tel .inum{width: auto; float: left; font-family: 'Viga', sans-serif; font-size:26px; line-height: 100%; color: #fff;  padding-left: 30px;  position: relative }

.cs_quick .tel .inum .icon{ position: absolute;left: -5px; top: 0px; color: #Fff; content: "\eade";   font-family: unicons-line;    width: 30px; height: 30px;  animation-name:quick_ani_icon;
  animation-duration: 0.7s;
  animation-iteration-count: infinite; display: flex;  justify-content: center;  align-items: center; }
.cs_quick .tel .inum .icon:before{ position: absolute; left: 0px; top: -3px; color: #Fff; content: "\eade";   font-family: unicons-line; idth: 30px; height: 30px;  display: flex;  justify-content: center;  align-items: center;  }


.cs_quick .quick_btn{width: 100%; float: left; display: grid;display: grid; grid-template-columns: repeat(2, 1fr);grid-gap: 2px }
.cs_quick .quick_btn .quick_kakao{width: 100%; float: left; padding: 15px 0px 15px 20px ;  color: #fff; font-size: 14px;  position: relative ; background-color: #2c2c2c; text-align: center; cursor: pointer}
.cs_quick .quick_btn .quick_kakao:before{ position: absolute ;left: 30px; top: 15px; content: "";   background: url("../../_images/svg_icon/ka_icon.svg")no-repeat; background-size: 20px; z-index: 3; width: 30px; height: 30px;}
.cs_quick .quick_btn .quick_kakao:hover{ background-color: #41382C;}
.cs_quick .quick_btn .online{width: 100%; float: left;  padding: 15px 0px 15px 20px ;  color: #fff; font-size: 14px;   position: relative; background-color: #2c2c2c ; text-align: center; cursor: pointer}
.cs_quick .quick_btn .online:before{ position: absolute; left: 25px; top: 15px; content: "\e969"; color: #fff;  font-family: unicons-line; font-size: 20px}

.cs_quick .quick_btn .online:hover{ background-color: #41382C;}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


@keyframes  quick_ani {
0% {
bottom:-180px;border: 2px solid #333
}
95% {
bottom: 30px;border: 2px solid #000
}
100% {
bottom: 20px;border: 2px solid #000
}
}


@keyframes  quick_ani_icon {
0% {
transform:rotate(0deg) 
}
25% {
transform:rotate(45deg) 
}
50% {
transform:rotate(-20deg) 
}
100% {
transform:rotate(0deg) 
}
}