/*
@media (min-width: 360px) and (max-width: 768px) {
	* {
		font-size: 15px;
	}
}
@media (min-width: 769px) and (max-width: 1200px) {
	* {
		font-size: 20px;
	}
}
@media (min-width: 1201px) and (max-width: 1920px) {
	* {
		font-size: 20px;
	}
}
*/
* {box-sizing: border-box;}
/* img {vertical-align: top; width: 100%;} */

a {text-decoration: none;}
textarea, button {vertical-align: middle;}


.landing_wrap {width: 100%; max-width: 2550px; margin: 0 auto; vertical-align: middle; }
.landing_wrap .widthAuto img {
    width: 100%;
    max-width: 2550px; 	
    margin: 0 auto;
}


.survey_wrap {
	display: block; position: fixed; width: 100%; max-width: 1200px; height:12%; 	
	margin: 0 auto  background-color: #0059D9; 	
	bottom: 0px;;
	z-index:999;
	left: 50%;
	 transform: translate(-50%, -10%);
	}

.survey_box {
	margin: 0 auto; 
	/* padding: 1.2rem 1.7rem; */
	padding: 17px 24px;

	/* background-color: #0059D9;  */
	background-color: #000; 
	border: solid 1px #FFF;
	border-radius: 15px; 
	font: 600 30px 'Noto Sans KR', sans-serif; letter-spacing: -0.07em;	
	height:100%;

	}
.btn_consult_floating {
	display: block; 
	position: fixed;
	bottom:10px; right:10px;
	z-index:999;
}

.btn_consult_floating > img {
	display: block; 
	text-decoration: none;
	width:100%;
}



.btn_consult_floating a:hover, a:active, a:focus {
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}


.survey_txt {position: relative; float:left; margin: 0 auto; width:30%; text-align:center; }
.survey_txt .txt_personal { color: #fff; font-size: 1.3rem; line-height: 1.1rem; }
.survey_txt .tit strong {font-size: 1.5rem; line-height: 2.5; color: #333;}
.survey_txt .deco {position: absolute; top: -2.4rem; right: 0; margin: 0; font-size: 5rem; color: #ccc;}

.txt_tit_white_b {
	font-size: 1.9rem; 
	/* line-height: 2.4rem; */
	line-height: 24px;
	color: #FFF; font-weight:800; 
	}
.txt_white_b {font-size: 1.2rem; line-height: 1.9rem; color: #FFF; font-weight:800;}



.input_info_box {padding-top: 0.4rem;padding-bottom: 0.8rem; float:left; width:70%;}
.input_info_box input {width: 30%; height:100%; margin: 0.6rem 0; padding: 1rem 0.4rem; font-size: 1.1rem;}
.input_info_box textarea {width: 20%; height: 6rem; padding: 10px; resize:none; font: 0.6rem 'Noto Sans KR', sans-serif;}
.input_info_box textarea::placeholder {font: 0.8rem 1rem 'Noto Sans KR', sans-serif; letter-spacing: -0.07em;}


.input_info_box  img {
	display: inline-block; 	
	padding: 14px 0 0 20px;
}


.survey_btn {
	display: inline-block;
	width:25%;
	text-align: center; 
	color: #000; font-size: 40px; font-weight: bold; 
	letter-spacing:  0.01em;
	/* background-color: #0C2F69; */
	background-color: #43f4ff; 	
	border: none; border-radius: 5px; 
	cursor: pointer; vertical-align: middle;
	}


.input_info_box > a:hover,a:active,a:focus,a:visited  {
	color: #000;
	text-decoration: none;
	outline: none;
}


.personal_check {width: 20px; height: 20px; }
.personal_info {margin-left: 0.3rem; color: #888; font-size: 0.6rem; line-height: 0.9rem; letter-spacing: -0.05em; cursor: pointer;}
.personal_btn {
	margin-left: 0.3rem; 
	margin-top:5px;
	padding: 3px 6px; font-size: 0.6rem; color: #000;
	background-color: #909090; border: 1px solid #666; border-radius: 5px; 	
	}




p.complete {display: block; width: 43%; height: 3.5rem; line-height: 3.5rem; margin: 0.8rem auto 0; text-align: center; color: #fff; font-size: 1.2rem; font-weight: bold; background-color: #0b6492; border-radius: 50px;}

.btnStyleNormal {
	display: block; width: 100%; height: 100%;
	}