@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


.img_fix { width:100%; height:auto; }

/* 레이아웃 크기 지정 */

#calc_wrap { position:relative; max-width:320px; max-width:1200px; margin:60px auto 0; background:transparent; padding:0px; }
#calc_wrap h1 { position:relative; text-align:left; padding-top:40px; color:#555150; font-weight:700; font-size:35px; margin-bottom:50px; }
#calc_wrap h1:before { position:absolute; top:30px; left:0;  content:""; width:150px; height:2px; background:#555150; overflow:hidden; }

.container_box { position:relative; background:transparent; width:100%; padding:0px; margin-bottom:50px; }
.container_box:after {display:block;visibility:hidden;clear:both;content:""}

.container_line { margin:30px 0 50px; width:100%; height:2px; background:#edd29d; overflow:hidden; }

.clac_q { font-size:25px; font-weight:700; margin-bottom:20px; }
.clac_a { font-size:18px; font-weight:500; margin-bottom:30px; }

.txt_red { color:#fc5332; }
.txt_bold { font-weight:700;  }

@media only screen and (max-width :680px){
	#calc_wrap { padding:0px; }
	#calc_wrap h1 { font-size:30px; margin-bottom:30px; }
	#calc_wrap h1:before { width:100px; }

	.container_box { margin-bottom:30px; }

	.clac_q { font-size:18px; }
	.clac_a { font-size:16px; }

}

/* 견적폼 */
#self_calculate_wrap { position:relative; }
#self_calculate_wrap h2 { position:relative;  color:#555150; font-size:35px; font-weight:300; margin-bottom:30px;  }
#self_calculate_wrap h2 strong { font-weight:800; }
#self_calculate_wrap h2:before { position:absolute; top:-10px; left:0;  content:""; width:150px; height:2px; background:#555150; overflow:hidden; }

#self_calculate_wrap .sc_frm:after {display:block;visibility:hidden;clear:both;content:""}
#self_calculate_wrap .sc_write_div { float:left; width:50%; font-size:18px; margin-bottom:10px; }

.ec_other_price_wrap { text-align:center; color:#5e5e5e; font-size:30px; padding-top:40px; margin-bottom:20px; }

.ec_price_wrap { text-align:right; color:#fff; font-size:50px; line-height:50px; margin:30px 0 50px; }
.ec_price_wrap .ec_price { color:#f81c40; font-weight:800; padding:0 20px; }

.ec_savig_price_wrap { text-align:center; color:#ff3915; font-size:40px; font-weight:700; margin-bottom:50px; }

#self_calculate_wrap .btn_sumit { width:100%; background:#e8055b; color:#fff; border:0; font-size:40px; padding:25px 0; border-radius:40px; font-weight:800; cursor:pointer; }

.self_calculate_info { border:3px solid #cab5a2; margin-bottom:30px; font-size:18px; color:#555150; padding:20px 30px; }
.self_calculate_info strong { font-size:25px; }
.self_calculate_info span { color:#fe6142; }
.self_calculate_info .line { width:150px; height:1px; background:#ededed; overflow:hidden; margin:10px 0; }

.rolling_wrap {  max-width:900px; margin:0 auto 50px; }
.rolling_wrap ul { }

.rolling_wrap .bx-wrapper .bx-pager,
.rolling_wrap .bx-wrapper .bx-controls-auto {
	bottom: 5%;
}

.rolling_wrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(255,255,255,0.55);
}

.rolling_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.rolling_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
}

#self_calculate_wrap .tbl_frm01 {margin:0 0 20px; font-size:16px; border-bottom:3px solid #fff; background:#fff; border-radius:30px; padding:10px; overflow:hidden; }
#self_calculate_wrap .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
#self_calculate_wrap .tbl_frm01 th {width:200px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
#self_calculate_wrap .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent;text-align:left}
#self_calculate_wrap .wr_content textarea,#self_calculate_wrap .tbl_frm01 textarea,#self_calculate_wrap .form_01 textarea, #self_calculate_wrap .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
#self_calculate_wrap .tbl_frm01 textarea {width:100%;height:150px}
#self_calculate_wrap .frm_input {height:40px;}
#self_calculate_wrap .tel_input{width:29%} 
#self_calculate_wrap .full_input{width:100%} 
#self_calculate_wrap .half_input {width:49.5%}
#self_calculate_wrap .thr_input {width:32%}
#self_calculate_wrap .fourth_input {width:24%}
#self_calculate_wrap .twopart_input {width:385px;margin-right:10px}
#self_calculate_wrap .tbl_frm01 a {text-decoration:none}
#self_calculate_wrap .tbl_frm01 .frm_file {display:block;margin-bottom:5px}
#self_calculate_wrap .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

#self_calculate_wrap .tbl_frm01 select { margin-top:5px; }

@media only screen and (max-width :680px){
	
	#calc_wrap { margin:0 auto; }

	#self_calculate_wrap { }

	#self_calculate_wrap h2 { font-size:35px; margin-bottom:30px; }

	.ec_other_price_wrap { font-size:20px; padding-top:10px; margin-bottom:0;}
	.ec_price_wrap { font-size:24px; line-height:25px; margin-bottom:20px; letter-spacing:-0.05em }
	.ec_savig_price_wrap { font-size:22px; font-weight:700;  }


	#self_calculate_wrap .btn_sumit { font-size:20px; padding:10px 0; border-radius:10px; }

	.self_calculate_info { font-size:14px; padding:15px; }

	#self_calculate_wrap .tbl_frm01 {font-size:12px; }
	#self_calculate_wrap .tbl_frm01 th {width:100px;}
	#self_calculate_wrap .tbl_frm01 select { width:100%; }
	#self_calculate_wrap .tbl_frm01 select + select { margin-top:5px; }

	#self_calculate_wrap .tbl_frm01 input.frm_input { width:150px !important;  }
	#self_calculate_wrap .tbl_frm01 input.tel_input { width:50px !important;  }
	
}
.cp_bt_info {  }
.cp_bt_gnb { position:relative; width:100%; margin-top:0px;  }
.cp_bt_gnb:after {display:block;visibility:hidden;clear:both;content:""}
.cp_bt_gnb li { float:left; width:50%; }