@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
.font-ng { font-family:"Noto Sans KR", sans-serif !important; }

/* font weight */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }

/* Font */
.font-8, i.font-8 { 
	font-size:8px; 
}
.font-9, i.font-9 { 
	font-size:9px; 
}
.font-10, i.font-10 { 
	font-size:10px; 
}
.font-11, i.font-11 { 
	font-size:11px; 
}
.font-12, i.font-12 { 
	font-size:12px; 
}
.font-13, i.font-13 { 
	font-size:13px; 
}
.font-14, i.font-14 { 
	font-size:14px; 
}
.font-16, i.font-16 { 
	font-size:16px; 
}
.font-18, i.font-18 { 
	font-size:18px; 
}
.font-20, i.font-20 { 
	font-size:20px; 
}
.font-22, i.font-22 { 
	font-size:22px; 
}
.font-24, i.font-24 { 
	font-size:24px; 
}
.font-25, i.font-25 { 
	font-size:25px; 
}
.font-30, i.font-30 { 
	font-size:30px; 
}
.font-35, i.font-35 { 
	font-size:35px; 
}
.font-40, i.font-40 { 
	font-size:40px; 
}
.font-45, i.font-45 { 
	font-size:45px; 
}
.font-50, i.font-50 { 
	font-size:50px; 
}
.font-55, i.font-55 { 
	font-size:55px; 
}
.font-60, i.font-60 { 
	font-size:60px; 
}
/* Font */

/* Color */
.red, i.red { 
	color:rgb(233, 27, 35) !important;
}
.darkred, i.darkred { 
	color:rgb(170, 60, 63) !important;
}
.crimson, i.crimson { 
	color:rgb(220, 20, 60) !important; 
}
.orangered, i.orangered { 
	color:orangered !important; 
}
.orange, i.orange { 
	color:rgb(240, 150, 20) !important;
}
.green, i.green { 
	color:rgb(140, 195, 70) !important; 
}
.lightgreen, i.lightgreen { 
	color:rgb(160, 200, 80) !important; 
}
.deepblue, i.deepblue { 
	color:rgb(0, 125, 180) !important; 
}
.skyblue, i.skyblue { 
	color:rgb(100, 195, 245) !important; 
}
.blue, i.blue { 
	color:rgb(52, 152, 219) !important; 
}
.navy, i.navy { 
	color:rgb(50, 60, 70) !important; 
}
.violet, i.violet { 
	color:rgb(85, 60, 125) !important; 
}
.yellow, i.yellow { 
	color:rgb(241, 196, 15) !important; 
}
.darkgray, i.darkgray { 
	color:#666 !important; 
}
.gray, i.gray { 
	color:#888 !important; 
}
.lightgray, i.lightgray { 
	color:#ddd !important; 
}
.white, i.white { 
	color:#fff !important; 
}
.light, i.light {
	color:#f5f5f5 !important; 
}
.black, i.black { 
	color:#333 !important; 
}
.color, i.color { 
	color:rgb(233, 27, 35) !important;
}
/* Color ------------------------------------------------------ */

/*하단 상담신청배너 st*/
.f_box{height: 60px;}
.quotation{position: fixed; bottom: 0px;z-index: 10002;width: 100%; height: 120px;  font-family: "Noto Sans KR", sans-serif;}
.footer_counsel {width: 100%;padding-top:0px;}
.footer_counsel .foo_coun {width:930px;margin: 0 auto;position: relative;height: 180px;}
.footer_counsel .foo_sonbox {position: relative; height: 50px; margin-top: 20px;}
.footer_counsel .footer_str_count {display: block;margin: 0 auto;text-align: left;font-size:25px;color: #fff; letter-spacing:-2px;font-weight: 100;}
.footer_counsel .footer_month{font-weight: 400; font-size: 18px;}
.footer_counsel .footer_count {font-weight: 400;color: #fff;}
.footer_counsel .is1 {border: none;font-size:19px;color: #332c39;width:110px;letter-spacing:-1px;  font-family: "Noto Sans KR", sans-serif; padding-left: 10px;}
.footer_counsel .is2 {border: none;font-size:19px;color: #332c39;width:130px;letter-spacing:-1px;font-family: "Noto Sans KR", sans-serif; padding-left: 10px;}
.footer_counsel .is3 {border: none;font-size:19px;color: #332c39;width:130px;
	font-family: "Noto Sans KR", sans-serif; padding-left: 10px;}
.footer_counsel .f_a {float: left;width: 160px;height: 46px;padding-top: 8px;margin-left: 4px;padding-left: 8px;color: #444;background-color: #fff;border-radius:30px;}
.footer_counsel .f_b {float: left;width: 160px;height: 46px;padding-top: 8px;margin-left: 4px;padding-left: 8px;color: #444;background-color: #fff;border-radius:0px;}
.footer_counsel .f_b select {border: none;font-size:19px;width:140px;height:28px;padding:0 25px 0 3px;padding-right:0;line-height:24px;color: #ec5800;letter-spacing:-1px;}
.footer_counsel .f_c {float: left;width: 160px;height: 46px;padding-top: 8px;margin-left: 8px;padding-left: 8px;color: #444;background-color: #fff; border-radius:30px 0 0 30px;}
.footer_counsel .f_c input {width:100px;}
.footer_counsel .f_d {float: left;width: 160px;height: 46px;padding-top: 8px;padding-left: 4px;padding-left: 15px;color: #444;background-color: #fff; border-radius:0;}
.footer_counsel .f_f {border-radius:0 30px 30px 0;}
.footer_counsel .f_e{ float: left;width: 10px;height: 46px;padding-top: 10px;padding-right: 6px;padding-left: 7px; color: #999;background-color: #fff; font-weight: 800;}
.footer_counsel .f_e p {line-height: 25px;}
.footer_counsel .f_a1 {position:absolute;right:0px;top:55px; color:#fff;letter-spacing:-1px}
.footer_counsel .f_a2 {width:18px;height:18px; margin: 0 0 4px; vertical-align: middle;border: 5px solid #3a3a3a;background-color: transparent;}
.footer_counsel .f_a1 p {display: inline-block; font-size: 16px;}
.footer_counsel .f_bu {position: relative;float: right;border: 0px solid blue;}
.footer_counsel .f_bus {width: 176px;height:44px;font-size:20px;letter-spacing: -2px;background: #dae9af;border: none;color: #0a5222;cursor: pointer;  font-family: "Noto Sans KR", sans-serif;border-radius:30px;font-weight: 600;}

.footer_counsel .f_bu span {display: inline;}
.footer_counsel .f_bu .f_bu_m {display: none;}

/*하단 상담신청배너 end*/


@media screen and (min-width: 761px) and (max-width: 960px) {

	
	#top_btn {bottom: 130px; right: 30px;}
	.quotation{height: 120px;}
	.footer_counsel .foo_coun{
		width: 90%;
	}
	.footer_counsel .footer_str_count{ font-size: 22px;}
	.footer_counsel .footer_month{ font-size: 16px;}
	.footer_counsel .f_a{
		width: 29%; height: 34px; padding-top: 4px; margin-left: 0;
	}
	.footer_counsel .is1{ width: 80%; font-size: 18px;}
	.footer_counsel .f_c input{width: 80px;}
	.footer_counsel .is3 {width: 80px; font-size: 18px;}
	.footer_counsel .pt_1{ float: left; width: 70%;}
	.footer_counsel .f_c{ width: 31%; height: 34px; margin-left: 4px; padding-top: 4px;}
	.footer_counsel .f_d{width: 32%; height: 34px;padding-top: 4px;}
	.footer_counsel .f_e{ width: 2px; height: 34px; padding-left: 2px; padding-top: 6px;}
	.footer_counsel .f_a1{ top: 55px; right: 170px;}
	.footer_counsel .f_bus{font-size: 18px; height: 40px; width: 160px;}

	.footer_counsel .foo_sonbox img {width: 90%;}
	.footer_counsel .f_bu{margin-top: 10px;}
}

@media screen and (max-width: 760px) {

	.f_box{height: 100px;}
	#top_btn {bottom: 170px; right: 30px;}
	.quotation{height: 160px;}
	.footer_counsel .foo_coun{
		width: 95%;
	}
	.footer_counsel .footer_str_count{ font-size: 22px;}
	.footer_counsel .footer_month{ font-size: 18px;}
	.footer_counsel .foo_sonbox{height: 40px;}
	.footer_counsel .f_a{
		width: 29%; height: 34px; padding-top: 4px; margin-left: 0;
	}
	.footer_counsel .is1{ width: 70%; font-size: 18px;}
	.footer_counsel .f_c input{width: 70px;}
	.footer_counsel .is3 {width: 80px; font-size: 18px;}
	.footer_counsel .pt_1{ float: left; width: 70%;}
	.footer_counsel .f_c{ width: 32%; height: 34px; margin-left: 4px; padding-top: 4px;}
	.footer_counsel .f_d{width: 30%; height: 34px;padding-top: 4px; padding-left: 10px;}
	.footer_counsel .f_e{ width: 2px; height: 34px; padding-left: 2px; padding-top: 6px;}
	.footer_counsel .f_a1{ top: 90px; right: 160px;}
	.footer_counsel .f_bus{font-size: 18px; height: 40px; width: 150px;}

	.footer_counsel .foo_sonbox img {width: 85%;}
	.footer_counsel .f_bu{margin-top: 50px;}
}

@media screen and (max-width: 580px) {
	#top_btn {bottom: 210px; right: 30px;}
	.f_box{height: 140px;}
	.quotation{height: 200px;}

	.footer_counsel .f_a {width: 95%;}
	.footer_counsel .pt_1{margin-top: 10px; width: 100%;}
	.footer_counsel .foo_sonbox{height: 80px; margin-top: 10px;}
	.footer_counsel .foo_sonbox img {width: 80%;}
	.footer_counsel .is3 {padding-left: 5px;}
	.footer_counsel .f_c {margin: 0;}
	.footer_counsel .f_c input{width: 60px;}
	.footer_counsel .footer_month{font-size: 16px;}
	.footer_counsel .f_a1{top: 135px;}
	.footer_counsel .footer_str_count{position: relative;}
	
	.footer_counsel .footer_month{display: inline-block; position: absolute; width: 100%;margin-top: 10px;}
	.footer_counsel .f_bu{margin: 0; top: 50px;}


}
@media screen and (max-width: 395px) {
	.footer_counsel .footer_month{font-size: 14px; margin-top: 25px; margin-left: 2.5%;}
	.footer_counsel .f_a1{ top: 135px; right: auto; left: 0;}
	.footer_counsel .is3{width: 70px;}
	.footer_counsel .f_a {margin-left: 2.5%;}
	.footer_counsel .f_d{padding-left: 5px;}
	.footer_counsel .f_c{width: 30%; margin-left: 2.5%;}
	.footer_counsel .is1{padding: 0;}
	.footer_counsel .f_c input{width: 50px;padding: 0;}
	.footer_counsel .f_bus{ width: 130px; font-size: 16px;}

	#top_btn {bottom: 160px; right: 30px;}
	.quotation { height: 150px;}
	.f_box{height: 90px;}
	.footer_counsel .f_a2{width: 13px; height: 13px;}
	.footer_counsel .f_a1 { top: 85px; left: 2.5%;}
	.footer_counsel .f_a1 p {font-size: 14px;}
	.footer_counsel .f_bu{margin: 0; top: 8px; right: 2.5%;}
	.footer_counsel .f_bus { width: 80px; height: 45px;}
	.footer_counsel .f_bu .f_bu_pc {display: none;}
	.footer_counsel .f_bu .f_bu_m {display: inline;}
	

}