/*신청서 */
@charset "utf-8";

/* #header_bannerTop{padding-top:80px !important} */
#promotionBanner{display:none}
.side_fix{display:none}

.header {padding:0 !important;}
.header .logo {
	width: 100% !important;
	/* padding-right:0 !important;  */   
	text-align: center;
}	
.header .hide_menu {display:none !important;}
.header .header_main{display:none !important;}

 input[type=text]{transition: 1s; outline: none; border:1px solid #CBD1D2;}
input[type=text]:focus {border:1px solid #9fa2a5;} 
input.input_height20-21 { height: 30px;}
input{ 
	margin: 5px 0;
	border-radius: 5px;     
	padding-left: 10px;
	line-height: 1.7;
    vertical-align: middle;
	}
input.input_height20{height: 30px; width: 70%;border-radius: 5px;}

/*기타 보양*/
#extra08{
	margin: 0;
	width: 60%;
}
input.input_height_25{height: 30px;border-radius: 5px;}
label{
	padding:0 6px;
	font-size: 17px;
	letter-spacing: -1px;
	cursor: pointer;
	vertical-align: middle;
    line-height: 1.7;
	}
.con-tx input{height: 30px;}
body SPAN, body DIV, body td {
    -moz-user-select: text;
    -webkit-user-select: auto;}
/* .header .logo {padding-left: 0px !important} */
.serviceForm_wrap{width: 586px;height: auto; margin:0 auto;margin-bottom: 50px;}
.contain{padding-bottom: 25px;}
 .containt_bg{background: #f5f5f5;border-radius: 10px;padding: 25px 20px 0 20px;}
.containDate{padding-bottom:0 !important}

.contain46 img , .contain47 img{width:100%}
/*서브메뉴*/
.sub_menu{width: 100%; margin: 0 auto;padding-top:60px;}
.sub_menu ul{font-size:13px}
.sub_menu ul li{  display: inline-block;    margin-bottom: 10px;}
.sub_menu ul li:hover a{color: #fff;background: #093390;}
.sub_menu ul li a{border:1px solid  #093390;background:#fff; color:  #093390;  border-radius: 50px;padding: 0 20px;height: 30px;line-height: 30px;    display: block;}
.disB{
	display: block;
}
.width100{
	width: 100%;
}


/*게이지*/

.gauge_txt{font-size: 16px;font-weight: bold;padding-top: 20px;}
.gauge_txt span{color: #68a1f7;    text-transform: uppercase;}
.gauge_txt span::after{content:"|";padding: 0 10px;color: #9aa6b7;}
.gauge_txt p{display: inline-block;	color: #9aa6b7;}

.pre-consultation-progress-bar {width: 100%; overflow: hidden; position: relative;}

.pre-consultation-progress-bar__bg {background-color: #f5f5f5; height: 6px;}
.pre-consultation-progress-bar__value {
	width: 70%;
    position: absolute;top: 0; left: 0;
    background-color: #1778ba;
    height: 6px;transition: width .3s ease-in;animation-fill-mode: both;border-radius:3px;}


/*흰색페이지*/
.formBodyLayout {width: 100%; margin: 0px auto;    padding-top: 20px;}
.formBody {background: #fff;min-height: 820px;padding:30px 10px 10px 10px;box-shadow: 1px 0px 10px #c5c5c5;}
.formInfo {margin: 0px 20px 0px 20px;}

/* .formInfo .title{padding-bottom: 5px;} */
.formInfo .title img {width: 100px;display: block;margin: 0 auto;}
.formInfo > .title { display: none; }
.formInfo .title h2 {
    padding: 30px 0;;
    text-align: center;
    background-color: transparent;
    font-style: normal;
    text-decoration: none;
    font-family: "";
    font-size:32px;
    color: #686767;
    font-weight: bold;letter-spacing: -1px;
}
.notice{background: #fff;text-align: left;padding:30px 0px;    line-height: 1.5;    padding-left: 10px;}
.noticetxt{padding: 10px 0 40px 0;}
.requiredMark {
	color: red;
}

/*소음 일정*/
#noise_day {
	font-size: 13px !important;
	width: 99%;
}

.title h3{font-size: 19px; font-weight:bold;display: inline-block;word-break: keep-all;    letter-spacing: -1px;line-height: 1.2;}
.contain_sub, .subRedcolor , .subBluecolor, .sub_txt{font-size: 16px;word-break: keep-all;line-height: 1.4;padding-bottom: 5px; }
.contain_sub{color:grey;    word-break: keep-all;}
.subRedcolor{color:red;}
.subBluecolor{color:#68a1f7;padding: 0;display:inline-block;}
.inputBox{width: 100%; display: inline-block;}
.inputBox--vertical {
	display: grid;
	gap: 10px; /* 라디오 버튼 간 여백 */
}
.input_block{
	word-break: keep-all;
	line-height: 1.7;
	}
.input_block:after{
	display: block;
	clear: both;
	content:"";
}
/* .input_block input,
.input_block label{
	float: left;
} */
.input_Inblock{display: inline-flex; align-items: center;line-height: 1.8;}
/* .input_sub{display: inline-flex; align-items: center;} */

.Allclickbox{width: auto;
    display: inline-block;
    font-size: 13px;height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: linear-gradient( to bottom, #fff 30%,#cdcdcd );
    border: 1px solid #d1d1d1; cursor: pointer;text-align: center;    margin:10px 0;}
.Allclickbox p{padding: 0 6px;}
.p10{padding:0 10px;display: inline-block;}
.contain_sub p{display: inline-block;    letter-spacing: -1px;}
/* .popUp .contain_sub li p{font-size:12px} */
/* .matterport_p p{fonct-size:14px;    display: inline;cursor: pointer;} */

#extra08{
	margin: 0;
	width: 60%;
}


/* 주소입력 - 도로명주소 칸 늘림 :성분 */
.street_addr{width:303px;}

/*공사내용*/
.radio0{width: 100%;}
.rr{width: 100%;vertical-align:top;}
.input_sub{background: #dedede;font-size: 0;    padding: 10px 0;}
.input_subBox{padding-left: 20px;display: inline-block;line-height: 1.8;}
.input_w{width: auto;}
.contain09 .input_Inblock {
	width: 120px;
}

.agree-floor-label {
	display: inline-block;
	width: 107px;
}

.width_80 {
	width: 120px;
}
.input_subtxt{display: block; line-height: 1.8;}

/*1-공사 시작일 또는 희망일을 작성해 주세요.*/
.reserve_day{width:230px;height: 30px;margin:10px 0}
.time_choice{height: 30px;}    
.timetxtBox{background: #6691CC;padding: 2px 10px; display: inline-block;color: #fff;}
.timetxtBox p{    display: inline-block;}
.time_sel{padding: 0;}

.wantTime{width:265px; height:30px; margin-bottom:10px;margin-top: 0 !important}


/***************동의서체크****************/
.contain1004{}
.contain1004_checkbox{width: 425px;display: flex;align-items: center;   letter-spacing: -1px; justify-content: space-between;align-content: flex-end; /*   padding-bottom: 20px;*/}
.contain1004_checkbox > div{}
.contain1004_checkbox{}
.contain1004_txt{display: flex;align-items: center; }
.contain1004_txt p{padding-left:10px}
.contain1004_txt img{width:22px;    margin-right: 10px;cursor: pointer;}
.contain1004_txt p{font-size: 16px;    display: inline-block;    vertical-align: top;}
.contain1004_look{}
.contain1004_look a{display:block; color:grey;    letter-spacing: -1px;}
.display_n{display:inline-block}

/*****동의서팝업******/
.contain1004_dark{    touch-action:none;  backdrop-filter: blur(4px);position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);opacity: 0; z-index:-1;}
.contain1004_dark.active {z-index:180; opacity: 1; }



.contain1004_POP01, 
.contain1004_POP02,
.contain1004_POP03,
.contain1004_POP{
	width:400px; 
	height: auto; 
	background:#fff;
	position: fixed;
	top:50%; 
	left:50%;
	transform: translate(-50%, -50%);
	padding:20px;
	opacity: 0; 
	z-index:-1;
	word-break: keep-all;
}
.contain1004_POP .close,
.contain1004_POP01 .close, 
.contain1004_POP02 .close,
.contain1004_POP03 .close, 
.modal-header .close{
	right:20px
}
.active,
.contain1004_POP01.active, 
.contain1004_POP02.active,
.contain1004_POP03.active{
	font-size: 15px !important; 
	z-index:200 !important;
	opacity: 1 !important;  
	overflow: hidden !important;
}

.popheader{  position: relative;  text-align: center;    height: 50px;    line-height: 50px;margin-bottom: 20px;   }
.popheader p{font-size:25px; font-weight:bold;}
.popheader img{width:20px;position: absolute;right:0;top:50%;    transform: translateY(-50%);    cursor: pointer;}

.popcont{line-height: 1.5;}
.popcont ul{padding-bottom:15px}
.popcont ul li{word-break: keep-all;}
.contain29 p{display:block}

.contain1004_POP02 .popcont P{font-weight:bold;font-size:18px}	

/*서비스이용안내 팝업*/
.contain1004_checkbox03{}
.contain1004_POP03{    overflow: hidden;height: 656px;}
.contain1004_POP03 .box_title p{font-size:18px}
.contain1004_POP03 .popcont P{font-weight:bold}
.contain1004_POP03 .popcont{    padding-bottom: 50px;overflow: auto;height: 100%;}
.contain1004_POP03 .popcont .box{border:1px solid #8a8a8a;padding:0 5px;    margin: 10px 0;}
.contain1004_POP03.box_title{border-bottom:1px solid #8a8a8a;padding:10px 0}

.contain1004_POP03 .popcont ul {padding:10px 0}
.contain1004_POP03 .red_font{color:#c50000;display: inline-block}


.contain1004_checkbox02 ,.contain1004_checkbox03{display:none}

.sub_title{
	line-height: 32px;
}
/***************코팅******************/
.contain300 .inputBox{padding-bottom:5px}
.contain300 .inputBox p{display: inline-block;}
.contain300 .inputBox .input_block{display: inline-flex;}

/***************메타******************/
.contain202 .input_block .input_height20{    width: 100%;}



/***************버튼****************/

/*이전페이지로가기*/
.buttomBox{padding: 20px 0;    display: flex; justify-content: space-evenly;}

.header_menu{    width: 213px;height: 50px;line-height: 50px;margin-right:10px;
    background: #ecf4ff;border-radius: 10px; color: #68a1f7;text-align: center;	display: inline-block;vertical-align: top;}
.header_menu a{font-size: 20px;color: #68a1f7;text-align: center;font-weight: bold;}

/*제출하기버튼*/
.pageNav{width: 59%;display: inline-block;vertical-align: top;cursor: pointer; }
/* .pageNav:hover , .submFitBtn:hover{font-weight: bold;} */
.submFitBtn{width: 100%;
    height: 50px;
    background: #9fa2a7;
    border-radius: 10px;
    border: transparent; }
.submFitBtn a{display: block;color: #fff;font-size: 20px;font-weight:bold}

/*간편결제 이미지 버튼*/
.easyBtn-group{
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	/*margin: 8px 3rem 0 1rem;*/
}
.easyPayBtn{
	border: 0;
	background-color: transparent;

}
.payment{
	display: inline-flex;
	flex-direction: column;
}
.naverPay{
	background-image: url("/img/new_naver.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: fill;
	width: 40px;
	height: 25px;
}
.new_naverPay{
	background-image: url("/img/new_naver.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: fill;
	width: 90px;
	height: 50px;
}
.kakaoPay{
	background-image: url("/img/new_kakao.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: fill;
	width: 40px;
	height: 25px;
}
.new_kakaoPay{
	background-image: url("/img/new_kakao.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: fill;
	width: 90px;
	height: 50px;
}
.cardPay{
	background-image: url("/img/new_card.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: fill;
	width: 40px;
	height: 25px;
}
.new_cardPay{
	background-image: url("/img/new_card.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: fill;
	width: 90px;
	height: 50px;
}

/*서비스*/
.contain_keytitle{padding-bottom: 10px;font-size:25px !important;}
.contain_key h3{font-size:18px;font-weight:normal;    line-height: 1.7;}

.contain10 .input_height20, .contain101 .input_height20{width: 100%;}

/*글씨깜박이기*/
.blinking{    display: inline-block;
					-webkit-animation:blink 0.5s ease-in-out infinite alternate;
					-moz-animation:blink 0.5s ease-in-out infinite alternate; 
					animation:blink 0.5s ease-in-out infinite alternate; } 
					
.visit_txt{
	display: none;
}


@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@media all and (max-width:700px) {
	.formInfo .title h2 {font-size: 30px;}
}
@media all and (max-width:630px) {
	body{background:#fff}
	.serviceForm_wrap {width: 100%}
/* 	.formInfo {padding-top: 90px;} */
	.formInfo .title h2 {font-size: 5vw;padding-top:0}
	.formBody { padding:0;}
	.buttomBox{font-size:0}
	.formBodyLayout {padding-top:0px}
	.serviceForm_wrap {margin-bottom: 0;}
	
}
@media all and (max-width:600px) {
  	  .popheader p{display: inline-block;vertical-align: top;}
  	  .title h3 {
    font-size: 18px;
	}
}
@media all and (max-width:588px) {
	.contain1004_POP01,
	.contain1004_POP02, 
	.contain1004_POP03,
	.contain1004_POP  {
	width: 90%;
	}
	.modal-content {width: 90% !important;}
	.contain1004_POP01 ul li, 
	.contain1004_POP02 ul li{
	display:contents;
	}
	.contain1004_POP02 .pop2_block  li{display:block}
	
	.contain1004_POP01.active, 
	.contain1004_POP02.active,
	.contain1004_POP03.active,
	.contain1004_POP.active{
	height:60vh;
	}
	.popcont{height: calc(100% - 75px);overflow: scroll;}
	.modal-body ul li {display: contents;}
	

}
@media all and (max-width:580px) {
	/* 로고유뮤 설명문구 */
	.logo_p {
		width: 300px;
	}

}

@media all and (max-width: 560px) {
	.contain09 .input_Inblock {
		width: 110px;
	}
	.comReceipt{
		margin-left: 25px !important;
	}

	.service_adpoptxt {
		width: 500px;
		left: calc(50% - 250px);
	}

	.agree-floor-label {
		display: inline-block;
		width: 97px;
	}
}

@media all and (max-width: 550px) {
	.input_block {
		height: auto
	}

	.contain_sub p {
		display: contents;
	}

	.contain_sub p {
		font-size: 14px;
		display: block
	}

	br {
		display: none;
	}

	.sub_txt br {
		display: block;
	}

	.contain28 .title {
		padding-bottom: 5px
	}

	.timetxtBox {
		margin-left: 0 !important;
		margin-bottom: 10px
	}

	.contain1004_checkbox {
		width: 79%;
	}

	 /*메타포트신청서*/
	
	 .contain201 .title h3 , .contain201 .contain_sub p{display: contents}
	.contain201 .contain_sub p.mo_Block{display:block}
	
	.logo_p span{
	margin-left: 6px;
	}
}

@media all and (max-width:541px) {
	.input_Inblock {width:100%}
	input.input_height20-21 {width: 78%;    margin-left: 25px;}
	.contain300 .input_Inblock{width:auto}
}
@media all and (max-width:514px) {
.contain89 h3{word-break: keep-all;}
.right_p br{display: block;}
.right_p{line-height: 20px;}
.service_adpoptxt {
	width: 400px;
	top: calc(50% - 340px);
    left: calc(50% - 200px);
	}
}

@media all and (max-width:500px) {
	.formInfo .title img {width:15vw;}
	.formInfo { margin: 0px 10px 0px 10px;}
	.notice , .noticetxt{font-size: 3vw;}
	/* .input_block {align-items: baseline;} */
	.contain_sub, .subRedcolor, .subBluecolor , .contain_sub p, .sub_txt {font-size: 16px;}
	.header_menu{width:50%;margin-right:1%;}
	.pageNav {width: 49%;}

}
		@media all and (max-width:541px) { 
	.con-tx input#sample6_address , .con-tx input#sample6_extraAddress , .con-tx input#sample6_detailAddress ,.contain500 .input_Inblock input{width:99% !important}
	.contain500 #sample6_postcode{width:55%}
.contain500 .inputBox02 {    flex-direction: column;}
			.naverPay{height: 20px;}  .kakaoPay{height: 20px;}
			.cardPay{ height: 20px;}
.new_naverPay{height: 30px;}  .new_kakaoPay{height: 30px;}
			.new_cardPay{ height: 30px;} .easyBtn-group{ padding: 5px 0 2px 5px; margin: 0 0 5px 5px;}
}
@media all and (max-width:455px) {
	.header_menu a , .submFitBtn a  {font-size: 4vw;}
	.contain1004_look .display_n{display:none !important}
}

@media all and (max-width:440px) {
	.contain300 .inputBox p { display:block;}
}
@media all and (max-width:430px) {
.contain_keytitle {font-size: 6vw !important;}
.contain_key h3 {font-size: 4vw;}

.input_w {width: 100px;}
}
@media all and (max-width:414px) {
	.popcont ul li {
    word-break: break-all;
	}
}
@media all and (max-width:412px) {

.contain_keytitle {font-size: 6vw !important;}
.contain_key h3 {font-size: 4vw;}
.inputBox {font-size: 4vw;}
.contain1004_checkbox , .contain1004_txt p { font-size: 4vw;}
.calendar thead{ font-size: 4vw;}
.month{ font-size: 5vw;}
.popheader p {font-size: 5vw;}
.contain1004_POP01 .close,
.contain1004_POP .close {font-size:5vw}

.popheader img { width: 15px;}
.popcont{font-size:4vw}
.calendar header .btn-prev {left: 70px;}
.calendar header .btn-next {right:70px;}

label {font-size: 4.5vw;padding: 0 5px;}
.contain02 input{width: 95%;}
.containt_bg .visitConsult_post input{
	width: 47%;
}
.contain03 .input_Inblock {width:100%}
.contain03 input.input_height_25{width: 100%;}
.contain83 .contain_sub ul li{display: contents}
/* 사진타입,로고타입 */
.phototype label {padding: 0px;}
.logotype label {padding: 0px;}
.service_ad label {padding: 0px;}

.service_adpoptxt {
	width: 300px;
	top: calc(50% - 290px);
    left: calc(50% - 150px);
	}
.adpoptxt span {
	font-size: 20px;
	}
.adpopcont li {
    line-height: 18px;
    font-size: 12px;
	}
	.adpopcont p {
    line-height: 24px;
	}
}

@media all and (max-width:393px) {
	.contain28 .input_Inblock {width: 100%;}
	.contain28 input.input_height_25 {width: 100%;}
	#extra08 {width: 80%;}
	.contain04 input.input_height20 {width: 100%;}
	#extra08 {width: 80%;}
	.calendar .day {width:100%}
}

@media all and (max-width: 375px){
	.visit_consult_title .title_sub-p {
    font-size: 14px;
	}
	.formInfo .title .visit_consult_h2 {
    font-size: 24px;
	}
}

@media all and (max-width:370px) {
	.contain202 .input_block .input_height20{font-size:3.5vw}
	.photo_p{font-size:3.5vw; margin-bottom: 2px;}
	.logo_p {width: 262px;}
	.logo_p span{font-size: 3.5vw;}
	.right_p span{font-size: 3.5vw;}
}

@media all and (max-width:356px) {
	.header_menu { height: 40px;line-height: 40px;}
	.submFitBtn{ height: 40px;line-height: 40px;}
	.buttomBox {padding: 10px 0 25px 0;}
	.right_p{line-height: 18px;}
}	
@media all and (max-width:330px) {

	input.input_height20-21 {width: 65vw;}
	.input_Inblock {align-items: flex-start;}
	.title h3 {display: initial;font-size: 16px;}
	.Allclickbox {font-size: 12px; height: 25px; line-height: 25px;margin: 5px 0;}
	.contain1004_checkbox {width: 100%;}
	.photo_p{margin-bottom: 0px; font-size:4vw;}
	.logo_p {width: 240px; line-height: 18px;}
	.logo_p span{font-size: 4vw;}
	.right_p span{font-size: 4vw;}
	.easyTxt{font-size: x-small !important;}
	.service_adpoptxt {
	width: 270px;
    top: calc(50% - 312px);
    left: calc(50% - 135px);
	}
}
@media all and (max-width: 310px){
	.visit_consult_title .title_sub-p {
    font-size: 12px;
	}
}
@media all and (max-width:300px) {
/* 	label {font-size: 13px;} */

.contain83 .contain_sub p{display: contents;}
.logo_p {width: 218px; line-height: 16px;}
.logo_p span{line-height: 15px;}
.right_p {line-height: 16px;}
}

	.input_block01{padding-left:12px;}
	#input_sub, #input_sub01, #input_sub02{padding-left:10px; display:none;}
	#business:checked+div{display:block;}