/* 견적 신청서 */



@charset "utf-8";

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{margin:0; padding:0;font-family: 'Noto Sans KR', sans-serif;background:#ebf0f6}
header, section, article, aside, nav, main, footer{display:block;}
header:after, section:after, article:after, aside:after, nav:after, main:after, footer:after{content:""; display:block; clear:both;}
h1, h2, h3, h4, h5, h6, p{margin:0;}
ul, ol{margin:0; padding:0; list-style:none;}
a{text-decoration: none;}
.clear{clear: both;}



.input_block p{width:100px;min-width: 100px;}
@media all and (max-width:541px) {
	input.input_height20-21 {margin-left: 0px;}
}







#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 { width:100%;height: 30px;}

input{ 
    margin: 7px 0 5px;
	border-radius: 5px;     
	padding-left: 10px;
}
input.input_height20{height: 30px; width: 70%;border-radius: 5px;}
input.input_height_25{height: 30px;border-radius: 5px;}
label{padding:0 6px;    font-size: 16px;    letter-spacing: -1px;cursor: pointer;}
.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: 10px 10px 0;
 }
.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%;
}


/*흰색페이지*/
.formBodyLayout {width: 100%; margin: 0px auto;    padding-top: 20px;}
.formBodyLayout .formBody {
	background: #fff;
	min-height: 820px;
	padding:30px 10px 0px 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 h2 {
    padding: 30px 0;;
    text-align: center;
    background-color: transparent;
    font-style: normal;
    text-decoration: none;
    font-family: "";
    font-size:28px;
    color: #333;
    font-weight: bold;letter-spacing: -1px;
    background-color: #ecefff;
}
.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;
}


.title h3{
	font-size: 18px; 
	font-weight:bold;
	display: inline-block;
	word-break: keep-all;    
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom: 7px;
    color: #333;	
}
.contain_sub, .subRedcolor , .subBluecolor{font-size: 15px;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;}
.input_block{
	word-break: keep-all
	;line-height: 1.7;
	align-items: flex-start !important;
}
.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;
	margin-bottom: 30px;
}
/* .popUp .contain_sub li p{font-size:12px} */
.matterport_p p{font-size:14px;    display: inline;cursor: pointer;}

/* 시공하실 공간 유형 */
.place_type_details{
	display: none;
	display: none;
    margin: 2px 0 0 20px;
} 
#space01:checked ~ .place_home{
	display: block !important;
}
#space02:checked ~ .place_store{
	display: block !important;
}
#space03:checked ~ .place_office{
	display: block !important;
}

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


/***************동의서체크****************/

input[class="info_chk"],
input[class="info_chkAll"] {
    display: none;
}
input[class="info_chk"] + label,
input[class="info_chkAll"] + label{
    background: url(../img/grey_check.png) no-repeat;
    display: block;
    background-size: cover;
    width: 20px;
    height: 20px;
}
input[class="info_chk"]:checked + label,
input[class="info_chkAll"]:checked + label {
    background: url(../img/blue_check.png) no-repeat;
    display: block;
    background-size: cover;
    width: 20px;
    height: 20px;
}
br{
	display: none;
}
.contain1004{}
.contain1004_checkbox{
	width: 99%;
	display: flex;
	align-items: center;   
	letter-spacing: -1px; 
	justify-content: space-between;
}
.contain1004_checkbox:nth-child(-n+5){
	margin-bottom: 16px;
}
.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: rgb(0 0 0 / 14%);
	opacity: 0; 
	z-index:-1;
	}
.contain1004_dark.active {z-index:180; opacity: 1; }



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

.popheader{  
	position: relative;  
	text-align: center;    
	height: auto !important;    
	line-height: 1.5;
    margin: 0;  
	}
.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;
	}
.popheader {
    margin-bottom: 20px;
}	
.contain1004_POP03 .box_title p{font-size:18px}
.contain1004_POP03 .popcont P{font-weight:bold}
.contain1004_POP03 .popcont{
	height: auto;
	padding-bottom: 0;
}
.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: 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%;}

.esti_info{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    word-break: keep-all;
    line-height: 1.7;
}
.esti_info p {
    width: 100px;
    min-width: 100px;
    margin: auto 0;
}
/***************버튼****************/

/*이전페이지로가기*/
.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: 18px;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: 18px;font-weight:bold}




/*서비스*/
.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; } 
					




@-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) {
	body{background:#fff}
	.formInfo .title h2 {font-size: 30px;}
}
@media all and (max-width:630px) {
	.serviceForm_wrap {width: 100%}
/* 	.formInfo {padding-top: 90px;} */
	.formInfo .title h2 {font-size: 5vw;}
	.formBodyLayout .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: block !important;
  	  vertical-align: top;
  	  }
  	  .quotation_wrap .contain .q_companyBox .q_companyBox_T {
  	  padding: 0px;
  	  }
  	  .quotation_wrap .contain .q_companyBox .q_companyBox_T h2 {
  	  font-size: 5vw;
  	  }
}
@media all and (max-width:588px) {
	.contain1004_POP01 ,.contain1004_POP02 , .contain1004_POP03  {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{
	height: auto;
	max-height: 80vh;
	}
	.contain1004_POP03 .popcont {
    max-height: 40vh;
    overflow-y: scroll;
	}
	.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: 100px;}
	.service_adpoptxt {
	width: 500px;
	left: calc(50% - 250px);
	}
}
@media all and (max-width:550px) {
	.input_block {height:auto}
	.contain_sub p{display: contents;}
	.title h3 { 
	display: block;
	}
	 .contain_sub p {font-size: 15px; display:block}
	 br{display:block !important;}
	 .contain28 .title{padding-bottom:5px}
	 .timetxtBox {margin-left:0 !important; margin-bottom:10px}

	 /*메타포트신청서*/
	
	 .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: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 14px;
	}
	.notice , .noticetxt{font-size: 3vw;}
	.contain_sub, .subRedcolor, .subBluecolor , .contain_sub p {font-size: 15px;}
	
	.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:95% !important}
	.contain500 #sample6_postcode{width:55%}
.contain500 .inputBox02 {    flex-direction: column;}
}
@media all and (max-width:455px) {
	.header_menu a , .submFitBtn a  {font-size: 4vw;}
	.contain1004_look .display_n{display:none !important}
	.contain_sub p {display:contents}
}

@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) {
	.formInfo .title h2 {
    font-size: 23px;
	}
	.esti_info p {
	min-width: 92px;
    font-size: 15px;
	}
	.contain1004_POP03 .popcont {
    padding-bottom: 0px;
	}
}
@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{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: 4vw;
	padding: 0 5px;
	line-height: 18px;
    margin: 5px 0;
}
.contain02 input{width: 95%;}
.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%;}
	.contain04 input.input_height20 {width: 100%;}
	.calendar .day {width:100%}
	.formInfo .title h2 {
    padding: 20px 0;
	}
	.title h3 {
    font-size: 17px;
	}
}


@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;}
	input.input_height20-21{font-size: 3.5vw;}
}

@media all and (max-width:360px) {
	.contain_sub p {
	font-size: 13px;
	}
	.title h3 {
    font-size: 16px;
	}
}

@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:337px) {
	.title h3 {
    font-size: 15px;
	}
}	
@media all and (max-width:330px) {

	input.input_height20-21 {width: 65vw;}
	.input_Inblock {align-items: flex-start;}
	.title h3 {display: initial;font-size: 15px;}
	.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;}
	
	.service_adpoptxt {
	width: 270px;
    top: calc(50% - 312px);
    left: calc(50% - 135px);
	}
}
@media all and (max-width:320px) {
	.quotation_wrap .contain .q_companyBox .q_companyBox_T h2 {
    font-size: 16px !important;
	}
	.esti_info p {
    font-size: 13px;
    min-width: 76px;
	}
}
@media all and (max-width:316px) {
	.title h3 {
    font-size: 16px;
	}
}	
@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;}




.quotation_wrap{}

.quotation_wrap .contain .q_companyBox { }
.quotation_wrap .contain .q_companyBox .q_companyBox_T{ 
	border-radius: 5px;
    padding: 10px;
    height: auto;
    text-align: center;
	}
.quotation_wrap .contain .q_companyBox .q_companyBox_T h2{
    font-size: 30px;
    letter-spacing: -1px;
    padding: 5px 0;
    color: #686767;
	}
.quotation_wrap .contain .q_companyBox .q_companyBox_T p{font-size:15px}

.quotation_wrap .contain .q_companyBox .q_companyBox_s{padding-top:10px}
.quotation_wrap .contain .q_companyBox .q_companyBox_s ul{}
.quotation_wrap .contain .q_companyBox .q_companyBox_s ul li{font-size:15px}

.pung {height:30px;line-height:30px; margin:5px 0}
/* 반응형 */
@media screen and (max-width:600px){
	.quotation_wrap .contain .q_companyBox .q_companyBox_T {
    padding: 20px 0 0;
    }
}
@media screen and (max-width:550px){
	.mobile_flexStart{
		align-items: flex-start !important;
	}
	.mobile_flexStart .contain1004_txt{
		align-items: flex-start !important;
	}
	.mobile_flexStart label{
		margin: 1px 0;
	}
}
@media screen and (max-width:390px){
	.contain1004_txt p {
    padding-left: 6px;
	}
}