/* common */
*{
	--mainCol: #ff7a01;
	word-break: keep-all !important;
}

html, body {
	/* scroll-behavior: smooth; */
}

.mb{
	display: none !important;
}

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

@font-face {
    font-family: 'pl';
    src: url('/include/font/Pretendard-Light.woff') format('woff');
    /* font-weight: normal; */
    font-style: normal;
}

body{
	/* overflow-x: hidden; */
}

body *{
	font-family: 'Noto Sans KR', sans-serif;
}

.noto{
	font-family: 'Noto Sans KR', sans-serif !important;
}

.pb{
	font-family: "pb";
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6{
	/* font-family: "pb"; */
	/* font-weight: 400; */
}

.mb0{
	margin-bottom: 0 !important;
}

.content{
	overflow-x: hidden;
}

/* imgBox */
.imgBox img{
	max-width: 100%;
	margin: auto;
	display: block;
}

/* inner */
.inner{
	width: 90%;
	max-width: 1300px;
	margin: auto;
}

/* header */
#header{overflow:hidden; position:fixed; top:0; left:0%; background-color:#fff; width:100%; height:127px; z-index:110; border-bottom:1px solid #e9e9e9}
#header .inner{position:relative}
#header .logo{float:left;padding-top:35px}
#header .nav{float:right;padding-top:50px}
#header .nav ul li{float:left; margin-left:50px;font-size:18px; font-weight:600;}
#header .nav ul li:first-child{margin-left:0}
#header .nav ul li a{display:block; color:#4c4c4c; font-size:19px; font-weight:400; letter-spacing: 0.5px;}
#header .nav ul li a:hover{color:#0b1c46; }
#header .nav ul li.on a{color:#0b1c46;}
#header .nav ul li.active{color:#0b1c46}

.visual{margin-top:127px}
.visual img{
	max-width: 100%;
}




/* footer */
#footer img{
	display: block;
	margin: 0 auto 30px;
}

#footer{width:100%;background:#221a18;padding:70px 0}
#footer p{/* padding-left:407px; */font-size:16px; font-weight:lighter; color:#fff;line-height:28px;/* background: url("/include/img/f_logo.png") no-repeat 0 50% */text-align: center;}
.go_top{position:fixed;right:92px;bottom:50px}


/* -------- new -------- */
.tit_cnt{margin-bottom:30px;font-size:50px;line-height:62px;color:#333; text-align: center;}
.tit_cnt2{margin-bottom:30px;font-size:50px;line-height:52px;color:#333;}
.tit_cnt3{margin-bottom:30px;font-size:50px;line-height:52px;color:#333;}
.txt_cnt{font-size:20px;line-height:30px;color:#4c4c4c;}
.txt_cnt2{font-size:20px;line-height:30px;color:#4c4c4c;margin-bottom: 20px}
.txt_cnt strong{font-weight:600;}

/* 자세히보러가기 버튼 */
.btn_detail{display:block;width:181px;padding:21px 0 19px;margin:0 auto;border:1px solid #0b1c46;font-size:18px;line-height:18px;color:#0b1c46}
.btn_detail img{margin-left:5px}

.intro_com .btn_detail{padding-right:42px;background:url("/include/img/dot_arrow.png") no-repeat 130px 22px}
.intro_com .btn_detail:hover{background:#0b1c46 url("/include/img/dot_arrow_w.png") no-repeat 130px 22px;color:#fff;border:1px solid #0b1c46; transition:all 0.5s ease}

/* cont1 */
.cont1 {height:480px; background:url("/include/img/cont1_back.png") no-repeat 50% 0; }
.cont1 .inner { width: 1200px; margin:auto;display: flex;  justify-content: space-evenly; padding:20px 0;}
.row {display: flex;}
.row li { font-size: 16px; padding:14px 0;}

.text_box {margin: 70px auto;}

.cont1 h3 {font-size: 35px; font-weight: 400; text-align: center;}
.cont1 h3::after {content:""; display: block; width: 30px; height: 2px; background: #333; margin:30px auto;}
.cont1 h3 span {font-weight: 600;}
.cont1 h3 span.shadow {text-shadow: 3px 3px 3px #ffd543}
.cont1 h3 .gray {color:#554945}
/* .now_box .now > li >.row:last-child > li {border:none;} */
.row li li:nth-child(1) {width:68px;}
.row li.divi {color:#fff; position: relative; z-index: 100;width:30%; }
.row li.divi::before {display: inline-block; content:""; width: 67px; height: 20px; background: #f29400;  border-radius: 20px; position: absolute; left: -4px; top: 32%; z-index: -10;}
.row li.old {color:#f29400; position: relative; z-index: 100; width:30%;}
.row li.old::before {display: inline-block; content:""; width: 67px; height: 20px; border:1px solid #f29400;  border-radius: 20px; position: absolute; left: -6px; top: 31%; z-index: -10;}
.row li.area {color:#444444; width:30%; text-align: center;}
.row li.name {color:#000; font-weight: 600; width:40%; text-align: right; padding-right:10%;}
.row li.new {position: relative;color:#fff;z-index: 100; }
.row li .new_trans {width:100px;}
.row li.new::before { content:""; display: inline-block; width: 40px; height: 18px; background: #ed1c24; border-radius: 10px; ; position: absolute; left: -5px; top:36%; z-index: -10; }
.row li.date {color:#868686; width:125px; text-align:right;}

.now_box {background:url("/include/img/now_back.png") no-repeat 50% 0; padding:34px 80px; width: 612px; height: 450px;}
.now_box > ul.now > li {border-bottom: none;}
.now_box ul {padding:8px 14px;}
.now_box img {margin-top: 1%;}
.now_box span {font-size: 26px; font-weight: 600;}
.now_box em {font-size: 16px;}
.now_box .now {position: relative;}
.now_box .rolling { height: 345px; overflow: hidden;}
.now_box .now > li { height: 55px;}

.intro_start , .intro_com, .intro_money, .intro_success, .intro_proce {padding:50px 0;text-align:center;}
.intro_start .tit_cnt, .intro_com .tit_cnt {padding-top:96px;  background:url("/include/img/ico_titcom.png") no-repeat 50% 0}
.intro_apply {padding:40px 0;background:url("/include/img/apply_back.png") no-repeat 50% 0}
.intro_success .tit_cnt {padding-top:96px;background:url("/include/img/ico_success.png") no-repeat 50% 0}
.intro_money .tit_cnt {padding-top:96px;background:url("/include/img/ico_titmon.png") no-repeat 50% 0}
.intro_start .txt_cnt, .intro_com .txt_cnt, .intro_money .txt_cnt, .intro_success .txt_cnt, .intro_apply .txt_cnt {margin-bottom:36px; text-align:center}

.intro_money {background: #f9f9f9;}

.intro_condi {padding:70px 0;}
.intro_condi ul {display:flex; flex-wrap:wrap; justify-content: space-evenly;margin:auto; width:1200px;}
.intro_condi ul li {background: #554945; border-radius:11px; margin-bottom: 40px; width:24%; padding-bottom:2%} 
.intro_condi ul li strong {display: block; color:#ffd543;font-size: 28px; margin:5px 0; text-align: center;}
.intro_condi ul li p {color: #fff; font-size: 17px; text-align: center; line-height: 1.6;}

.intro_law{padding:67px 0 75px;background-color:#eee;text-align:center}
.intro_law .list_law{width:1110px;margin:40px auto 0}
.intro_law .list_law ul li{float:left;width:505px;height:305px;padding-top:53px;margin-left:100px;background-repeat:no-repeat;background-position:50%;color:#fff;box-shadow:5px 5px 5px rgba(0, 0, 0, .5);}
.intro_law .list_law ul li:first-child{margin-left:0;background-image:url("/include/img/bg_item01.png")}
.intro_law .list_law ul li:last-child{background-image:url("/include/img/bg_item02.png")}
.intro_law .list_law ul li .tit_law{font-size:25px;line-height:27px}
.intro_law .list_law ul li .txt_detail{padding:30px 0 15px;font-size:18px;line-height:30px}
.intro_law .list_law ul li .btn_detail{border:1px solid #fff;color:#fff}
.intro_law .list_law ul li .btn_detail:hover{background-color:#554945;transition: all 0.5s ease;}

.form{position: relative;}

/* area_form */
/*
.area_form{height:265px;padding:25px 0;background: #45c6b5 no-repeat 50%;text-align:center;background-size:cover; }
.area_form .inner{width: 1050px; position: relative;}
.area_form .tit_cnt{text-indent: -9999px;background: url(/include/img/form_tit.png) no-repeat center}
.area_form .txt_cnt{margin-bottom:45px;color:#fff}
.area_form .txt_cnt em{color:#4dfff5}

.area_form .form ul{}
.area_form .form ul:after{display:block;content:"";clear:both;}
.area_form .form ul li{margin-left:-80px;text-align:left;font-size:20px; }
.area_form .form ul li:first-child{ }
.area_form .form ul li:after{display:block;content:"";clear:both;}
.area_form .form ul li label{float:left;width:85px;color:#000;line-height:50px;font-size:16px;text-indent: 39px; background: #fff; border-radius: 10px 0 0 10px;}
.area_form .form ul li label.uName{background: url(/include/img/ico_name.png) no-repeat left 10px center #fff;}
.area_form .form ul li label.uTel{background: url(/include/img/ico_tel.png) no-repeat left 10px center #fff;}
.area_form .form ul li .area_input{float:left;width:180px;margin-left: -1px;background: #fff;border-radius: 10px}
.area_input input[type="text"], .area_input select{width:100%;height:50px;;border:0;padding-left:5px;font-size:16px; border-radius: 0 10px 10px 0;}
.area_input.area_tel:after{display:block;content:"";clear:both;}
.area_input.area_tel input, .area_input.area_tel select{float:left;width:70px}
.area_input.area_tel input{margin-left:0px}
input::placeholder { font-size: 90%; }

.area_form .form ul li .addText input{width:300px; height:50px; border:none;}
.area_form .form ul li .addText span{color:#fff}
.area_form .form ul li .radioBtn label{float:none;}
.area_form .form ul li .radioBtn .p2{margin-right:35px}
.area_form .form ul li .radioBtn input[type="radio"]{margin-top:-1px;margin-right:5px}

.form_mid{position: absolute;top: -20px;left: 43%;text-align: left}

.area_form .form .check{margin-top:20px;line-height: 1.5}
.area_form .form .check input{width:20px;height:20px}
.area_form .form .check span{font-size: 15px;color:#333}
.area_form .form a{color:#333; }
.area_form .form .btnBox {position: absolute; right: 0; bottom: 50%; transform: translateY(50%);}


.area_form .form .btn{width:307px;height:60px;background: url(/include/img/form_sm.png) no-repeat;font-size: 0;text-indent: -9999px}
.area_form .form .btnBox p { margin:7px 0; font-size: 14px;  }
.area_form .form .btn a{display:block;width: 100%; height: 100%; }

.area_form .form .btn_call {bottom:0;}

*/

.intro_map{padding:70px 0 0 0;text-align:center;}
.intro_map .txt_cnt{margin-bottom:45px}
.intro_map .txt_cnt img{margin:5px 5px 0 0 }

form li select { width: 97%; height: 50px; border:none; border-radius: 10px; padding:5px; box-sizing: border-box; font-size: 16px;}

/* right_quick */
.right_quick{position:fixed;right:10px;top:140px}
.quick{display: block;width: 150px;}
.quick img{width: 100%}
.quick_call{display: block;width: 150px;margin: 10px auto 0}
	/* quick_form */
.quick_form{position:relative;width:250px; z-index:2000;background:url("/img/quick.png") no-repeat;height: 430px;background-size: 250px auto}
.quick_form .quick_top{width:236px; height:135px}
.quick_form .btn_close{ width:50%; height:60px; position:absolute; bottom:5px; right:0; text-indent:-9999px; overflow:hidden; cursor:pointer; display:inline-block}
.quick_form .popup{width:236px; height:230px;padding-left:25px;box-sizing:border-box}
.quick_form .popup h3 {text-indent:-9999px;overflow:hidden;}
.quick_form .popup form th{width:55px}
.quick_form .popup form th, td{color:#333; text-align:left; font-size:14px; font-weight:normal; letter-spacing:-1px; padding-bottom:0}
.quick_form .popup form{}
.quick_form .popup form table{width:220px;}
.quick_form .popup form table tr{height:45px}
.quick_form .popup form table tr td textarea{width:87%; height:55px;  border:1px solid #979797; padding-left:3px;resize:none;overflow:auto;}
.quick_form .popup form .name1{}
.quick_form .popup form #name{width:87%; height:30px;  border:1px solid #979797; padding-left:3px}
.quick_form .popup form #hp{width:87%; height:30px;  border:1px solid #979797;padding-left:3px}
.quick_form .popup form #money{width:90%; height:30px; border:1px solid #979797}
.quick_form .popup form #ex_1{width:100%; height:30px;; border:1px solid #979797;}
.quick_form .popup form .consult1{padding-left:0; font-size:12px; font-weight:normal}
.quick_form .popup form .consult1 label{vertical-align:middle;padding-left:5px}
.quick_form .popup form #ex_21, #ex_22{vertical-align:middle}
.quick_form .popup form .radio_left{padding-left:20px}

.quick_form .popup form{text-align:left;}
.quick_form .popup form .bt1{ cursor:pointer}
.quick_form .popup form input{vertical-align:middle;width:15px; height:15px}
.quick_form .popup form #agree{vertical-align:middle;width:15px; height:15px; margin-left:15px}
.quick_form .popup form .bt1 a{text-decoration:none; font-weight:600; font-size:11px;  color:#333}
.quick_form .bt{width:248px;height:84px;}
.quick_form .bt .bt2{display:block;margin:0; padding-top:0px; padding-left:0px;width:50%; height:60px; }
.quick_form .bt .bt2 a{text-indent:-9999px; overflow:hidden; display:block;height:60px;display: block;width: 100%}

.hide_text{width:0; height:0; line-height:0; position:absolute; left:99999px; opacity:0;}

.warn img{width:97%;height:auto}

.intro_step{padding:70px 90px;text-align:center}
.intro_step .list_law{padding-top:60px}

/* newform */
.newform{
	background: url(/include/img/form_bg.jpg) no-repeat center / cover;
	padding: 65px 0;
}

.newform .inner{
	display: flex;
	align-items: center;
}

.newform .inner .txtBox{
	width: 500px;
}

.newform .inner .txtBox h2{
	color: #fff;
	font-size: 21px;
	font-weight: 500;
}

.newform .inner .txtBox .callBox{
	display: flex;
	align-items: center;
}

.newform .inner .txtBox .callBox img{
	display: none;
}

.newform .inner .txtBox .callBox p{
	font-size: 38px;
	color: #fff;
	font-weight: bold;
}

.newform .inner .txtBox .callBox p strong{
	font-weight: bold;
	color: #283548;
}

.newform .inner .txtBox .callBox p strong:last-child{
	display: block;
}

.newform .inner form{
	width: calc(100% - 500px);
}

.newform .inner .formBox{
	display: flex;
	align-items: center;
	padding-top: 50px;
}

.newform .formUl{
	display: flex;
	flex-wrap: wrap;
	width: 430px;
	position: relative;
}

.newform .formUl li:nth-child(1){
	width: 100%;
	display: flex;
	margin-bottom: 10px;
	position: absolute;
	top: -15px;
	left: 0;
	transform: translateY(-100%);
}

.newform .formUl li:nth-child(1) > div{
	width: 120px;
	height: 35px;
	line-height: 35px;
	border-radius: 0px;
	background: #717171;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newform .formUl li:nth-child(1) > div.on{
	background: #283548;
}

.newform .formUl li:nth-child(1) > div .iconCheck{
	display: block;
	width: 13px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(/include/img/checkOff.png);
	margin-right: 4px;
}

.newform .formUl li:nth-child(1) > div .iconCheck:last-child{
	margin-right: 0;
}

.newform .formUl li:nth-child(1) > div input:checked + .iconCheck{
	background-image: url(/include/img/checkOn.png);
}

.newform .formUl li:nth-child(1) > div input{
	display: none;
}

.newform .formUl li:nth-child(1) > div label{
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.newform .formUl li:nth-child(2){
	display: none;
}

.newform .formUl li .tellDiv{
	display: flex;
}

.newform .formUl li select,
.newform .formUl li input[type='text'],
.newform .formUl li input[type='tel']{
	height: 55px;
	line-height: 55px;
	width: 120px;
	border: 0;
	box-sizing: border-box;
	padding-left: 10px;
	border-radius: 0px;
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
}

.newform .formUl li:nth-child(2) input[type='text'],
.newform .formUl li:nth-child(2) input[type='tel']{
	width: 100px;
	margin-right: 15px;
}

.newform .check{
	margin-right: 10px;
	width: calc(100% - 530px - 180px);
}

.newform .check .per{
	display: flex;
	white-space: nowrap;
	color: #fff;
}

.newform .check .per a{
	color: #fff;
	margin-left: 3px;
	display: inline-block;
}

.newform .btnBox a{
	display: block;
	width: 180px;
	height: 55px;
	line-height: 55px;
	background: #283548;
	color: #fff;
	font-size: 20px;
	border-radius: 0px;
	text-align: center;
}

/* quick_new */
.quick_new{position: fixed;top: 150px;right: 50px;box-shadow: 3px 4px 5px rgba(0,0,0,.4);z-index: 99;}


/* ---------------------------------------------------------- 1024 */
@media screen and (max-width: 1024px){




}


/* ---------------------------------------------------------- 720 */
@media screen and (max-width: 720px){

body {
}

.pc{
	display: none !important;
}

.mb{
	display: block !important;
}

/*----- header -----*/
#header{
	position: absolute;
	top:0;
	left:0%;
	background-color:#fff;
	width:100%;
	height: 100px;
	z-index:110;
	border-bottom:1px solid #e9e9e9;
}

#header .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* flex-wrap: wrap; */
	width: 100%;
}

#header .logo{
	float: inherit;
	padding-top:0;
	width: auto;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 5%;
}

#header .logo img{
	max-width: auto;
	width: auto;
	height: 32px;
}

#header .attend{
	width: auto;
	height: auto;
	margin-right: 5%;
}

#header .attend img{
	width: auto;
	height: 25px;
}

#header .nav{
	float: inherit;
	padding-top:0px;
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
}

#header .nav.fixed{
	position: fixed;
	top: 0;
}

#header .nav ul{
	display: flex;
	justify-content: space-evenly;
}

#header .nav ul li{float: inherit; margin: 0;font-size:14px; font-weight:600;width: 50%;}
#header .nav ul li:first-child{margin-left:0}
#header .nav ul li a{display:block; color:#4c4c4c; font-size:12px; font-weight:500; letter-spacing: 0.5px;height: 40px;line-height: 40px;text-align: center;background: #e5e5e5;}
#header .nav ul li a:hover{color:#0b1c46; }
#header .nav ul li:last-child a{
	background: #fae100;
}
#header .nav ul li.on a{color:#0b1c46;}
#header .nav ul li.active{color:#0b1c46}

.visual{margin-top: 100px}
.visual img{
	max-width: 100%;
}

/*----- nav -----*/

/*----- footer -----*/
#footer{
	width:100%;
	background:#221a18;
	padding: 7vw 0 20vw;
	text-align:center;
	height: auto;
}

#footer p{
	font-size: 10px;
	text-align: center;
	padding: 0;
	background: none;
	line-height: 2;
	margin-top: 2vw;
}
#footer img{
	width:40%;
	display: block;
	margin: auto;
}
/*----- visual -----*/
.visual{width:100%; position: relative;}
.visual .call{width:47%; position: absolute; bottom:24%; left:3%;}
.visual img{width:100%}
/*----- content -----*/
#content{width:100%; overflow:hidden}

.row li:first-child {width: 48px;}
.row li.divi {color:#fff; position: relative; z-index: 100; }
.row li.divi::before {display: inline-block; content:""; width: 56px; height: 20px; background: #f29400;  border-radius: 20px; position: absolute; left: -3px; top: 25%; z-index: -10;}
.row li.old {color:#f29400; position: relative; z-index: 100; }
.row li.old::before {display: inline-block; content:""; width: 56px; height: 20px; border:1px solid #f29400;  border-radius: 20px; position: absolute; left: -5px; top: 22%; z-index: -10;}
.row li.area {color:#444444; width:48px; text-align: right;}
.row li.name {color:#000; font-weight: 600; width:32px; text-align: center;}
.row li.new {position: relative;color:#fff;z-index: 100; }
.row li .new_trans {width:100px;}
.row li.new::before { content:""; display: inline-block; width: 40px; height: 18px; background: #ed1c24; border-radius: 10px; ; position: absolute; left: -7px; top:30%; z-index: -10; }
.row li.date {color:#868686; width:68px; text-align:right;}

.mb_intro-now {padding:40px 0;background:url(../img/mb_nowback.png) no-repeat 50% 0; width: 100%; font-size: 1em;}
.mb_intro-now h3 {font-size: 1.7em; font-weight: 400; text-align: center;}
.mb_intro-now h3::after {content:""; display: block; width: 30px; height: 1px; background: #333; margin:0.8em auto; }
.mb_intro-now h3 span.shadow {text-shadow: 3px 3px 3px #ffd543; font-weight: 600;}
.mb_intro-now h3 .gray {color:#554945;font-weight: 600;}
.mb_intro-now p {text-align: center; font-size: 1em;}

.mb_intro-now .row {display: flex; font-size: 13px; height: 40px; justify-content: space-evenly; line-height: 40px; width:320px;}
/* .mb_nowbox {width:87%; margin:auto;} */
.mb_nowbox span {font-size: 17px; font-weight: 600; position: absolute; top: 13%; left: 53%; transform:translate(-50%, -50%); width: 290px;}
.mb_nowbox span::after {content:"빠른 상담 도와드리겠습니다."; display: inline; font-size: 11px;  font-weight: 400;}
/* .mb_nowbox em {font-size: 10px; position: absolute; top: 11%; right:3%; width:122px;} */
.mb_now_box .now {position: relative;}
.mb_now_box .now > li {height: 33px;}
.rolling { height: 200px; overflow: hidden; }


.intro_com{padding:9.374% 0;text-align:center}
.intro_com .cnt_img{width:87%;margin:0 auto 9.374%}
.intro_com .cnt_img img{width:100%}
.intro_com .btn_detail{display:block;width:28%;margin:0 auto}

.intro_law{padding:9.375% 0;background-color:#f5f8ff}
.intro_law .cnt_img{width:63%;margin:0 auto}
.intro_law .list_law{width:79%;margin:0 auto}
.intro_law .list_law ul li{margin-top:8%;box-shadow:2px 2px 2px rgba(0, 0, 0, .5);}

/* form */
.form_title{text-indent: -9999px;background: url(/img/form_tit.png) no-repeat;background-size: 100% auto;width: 75%;margin: auto}

.area_form{padding:6% 0;}
.area_form .cnt_img{width:85.625%;margin:0 auto}

.area_form .form{width:100%;}
.area_form .form ul:after{display:block;content:"";clear:both;}
.area_form .form ul li{width:100%;height:44px;text-align:left;font-size:14px;margin-bottom: 3%;border-radius: 5px}
.area_form .form ul li:first-child{margin-left:0}
.area_form .form ul li:after{display:block;content:"";clear:both;}
.area_form .form ul li label{float:left;width:100px;color:#444;line-height:44px;text-indent: 30px;border-radius: 5px 0px 0 5px}
.area_form .form ul li label[for="uName"]{background: url(/img/ico_name.png) no-repeat left 10px center #fff;background-size: 15px auto}
.area_form .form ul li label[for="uTel"]{background: url(/img/ico_tel.png) no-repeat left 10px center #fff;background-size: 15px auto}
.area_form .form ul li label[for="uName2"]{background: url(/img/ico_name.png) no-repeat left 10px center #fff;background-size: 15px auto}
.area_form .form ul li label[for="uTel2"]{background: url(/img/ico_tel.png) no-repeat left 10px center #fff;background-size: 15px auto}
.area_form .form ul li .area_input{float:left;width:75.5%}
.area_input input[type="text"], .area_input input[type="tel"], .area_input input[type="number"], .area_input select{width:100%;height:44px;background: #fff;border:0;font-size:14px;box-sizing:border-box;border-radius: 0 5px 5px 0;text-indent: 8px}
.area_input.area_tel:after{display:block;content:"";clear:both;}
.area_input.area_tel input, .area_input.area_tel select{float:left;width:32%}
.area_input.area_tel input{}
.area_form .form .check{text-align:center}
.area_form .form .check input{width:14px;height:14px}
.area_form .form .check span{display:inline-block;font-size:14px;line-height:14px;color:#333}
.area_form .form a{color:#333}
.area_form .form .btn{width:100%;margin:4% auto 0}

select.mb_region { height: 40px; border:none; border-radius: 5px; width:98%;padding:5px;}

textarea.mb_qs {width: 95%; border:none; border-radius: 5px; padding:5px; }

.area_form .form ul li .addText input{width:85%}
.area_form .form ul li .addText span{color:#fff}
.area_form .form ul li .radioBtn label{float:none;}
.area_form .form ul li .radioBtn .p2{margin-right:4%}
.area_form .form ul li .radioBtn input[type="radio"]{margin-top:-1px}

.intro_map{padding:9.374% 0;background-color:#f5f8ff}
.intro_map .cnt_img{width:24.375%;margin:0 auto 6.25%}
.intro_map .txt_cnt{font-size:14px}
.intro_map .txt_cnt img{width:14px;margin-right:1%}

.right_quick{position:fixed;right:0;top:35%;width:13%;height:auto;z-index:200}
.quick{display: block;width: 100%}
.quick_call{display: block;width: 100%;margin-top: 5px}
.case{padding:12% 0 23%;background-color:#f5f8ff}
.case .cnt_img{padding-bottom:8%}
.case .cnt_img img{display:block;width:79%;margin:0 auto}
.case ul li img{display:block;width:70%;height:auto;margin:0 auto}

.case .swiper-button-prev, .case .swiper-button-next{width:30px;height:30px;margin-top:-15px;background:transparent}

.doit {display: flex; margin:3% 0;}
.doit img {width:36%; margin-right:8%;}
.doit span {text-align:left; font-size:0.8em;}

/* mbBtn */
.mbBtn ul{
	display: flex;
}

.mbBtn li{
	width: 50%;
	font-size: 0;
}

.mbBtn li a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 14vw;
	background: #cdc081;
	font-size: 0;
}

.mbBtn li:last-child a{
	background: #283548;
	vertical-align: middle;
}

.mbBtn li a span{
	font-size: 4vw;
	margin-left: 1vw;
	font-weight: 600;
	color: #fff;
}

.mbBtn li a img{
	max-width: 50px;
	width: 5vw;
}

/* newform */
.newform{
	padding: 12vw 0;
	background-image: url(/include/img/form_bg_m.jpg);
}

.newform .inner{
	width: 90%;
	flex-wrap: wrap;
}

.newform .inner .txtBox{
	width: 100%;
	text-align: center;
	margin-bottom: 12vw;
}

.newform .inner .txtBox h2{
	color: #fff;
	font-size: 4vw;
	margin-bottom: 1vw;
}

.newform .inner .txtBox .callBox{
	display: flex;
	align-items: center;
	justify-content: center;
}

.newform .inner .txtBox .callBox img{
	width: auto;
	width: 5vw;
	max-width: 35px;
}

.newform .inner .txtBox .callBox p{
	font-size: 7vw;
	color: #fff;
	font-weight: bold;
}

.newform .inner .txtBox .callBox p strong{
	font-weight: bold;
	margin-left: 1vw;
}

.newform .inner .txtBox .callBox p strong:last-child{
	display: inline-block;
}

.newform .inner form{
	width: 100%;
}

.newform .inner .formBox{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.newform .formUl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.newform .formUl li{
	width: 100%;
}

.newform .formUl li:nth-child(1){
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 4vw;
}

.newform .formUl li:nth-child(1) > div{
	width: 32%;
	height: 10vw;
	line-height: 10vw;
	margin-right: 2%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newform .formUl li:nth-child(1) > div:last-child{
	margin-right: 0;
}

.newform .formUl li:nth-child(1) > div .iconCheck{
	display: block;
	width: 3vw;
	height: 10vw;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 1vw;
}

.newform .formUl li:nth-child(1) > div input{
	display: none;
}

.newform .formUl li:nth-child(1) > div label{
	color: #fff;
	font-size: 3vw;
	cursor: pointer;
}

.newform .formUl li:nth-child(2){
	display: none;
}

.newform .formUl li .tellDiv{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.newform .formUl li select,
.newform .formUl li input[type='text'],
.newform .formUl li input[type='tel']{
	height: 8vw;
	line-height: 8vw;
	width: 32%;
	border: 0;
	box-sizing: border-box;
	padding-left: 10px;
	/* border-radius: 0; */
	font-size: 3vw;
	font-weight: bold;
}

.newform .formUl li:nth-child(2) input[type='text'],
.newform .formUl li:nth-child(2) input[type='tel']{
	width: 100%;
}

.newform .check{
	margin: 2vw 0;
	margin-right: 1vw;
	width: calc(100%);
}

.newform .check .per{
	display: flex;
	align-items: center;
	white-space: nowrap;
	color: #fff;
	font-size: 2.5vw;
}

.newform .check .per input{
	margin-right: 3px;
	width: 2.5vw;
}

.newform .check .per a{
	color: #fff;
	margin-left: 3px;
	display: inline-block;
}

.newform .btnBox{
	width: 100%;
	display: flex;
	justify-content: center;
}

.newform .btnBox > div{
	width: 100%;
}

.newform .btnBox a{
	display: block;
	width: 100%;
	height: 12vw;
	line-height: 12vw;
	color: #fff;
	font-size: 3vw;
	text-align: center;
}

/* call_banner */
.call_banner{position: fixed;bottom: 0;left: 0;z-index: 99}
.call_banner img{
	width: 100%;
}

/* nav5 formCoun */
/* .counForm {background: #ffd543; height: 390px; padding:6% 0;} */
/* .counForm ul {}
.counForm ul li {}
.counForm ul li div {display: flex;}
.counBtn {display: block;width: 90%;margin:auto}
.sub_04 .subtit {width:70%; text-align: center;}
.sub_04 form ul li {font-size: 14px;}
.sub_04 form .client {width:90%; margin:auto;line-height:40px;}
.sub_04 form .client .uName {height: 40px;line-height: 40px;width: 25%}
.sub_04 form .client .uTel {height: 40px;line-height: 40px;width: 26%; border-radius:5px; margin-right:4%;}
.sub_04 form .client .area_input {width: 75%;}
.sub_04 form .client .input-num-size {width: 100%;height: 40px;border-radius:5px;}
.sub_04 form ul li label{float:left;width:100px;color:#444;line-height:44px;text-indent: 30px;border-radius: 5px 0px 0 5px;text-indent: 26px;}
.sub_04 form ul li label.uName {background: url(../img/ico_uName4.png) no-repeat left 7px center #fff; background-size: 15px auto;}
.sub_04 form ul li label.uTel {background: url(../img/ico_uTel4.png) no-repeat left 7px center #fff; background-size: 15px auto;}
.sub_04 form .proBox {position: relative; height: 50px; overflow:auto; padding:5px; background:#fff; width:87%; margin:auto; font-size: 12px; border-radius: 5px;}
.sub_04 form .check {text-align: left; margin:3% 6%; font-size:14px}
.input-num-size {width:25%;}
.blind {width:0;}
.wave {margin: 0 3%;} */






}