@charset "utf-8";

#survey_wrap{background:#F5F7F6; border-radius:5px; padding:0 45px 50px; text-align:center; overflow:hidden;}

#content_wrap #survey_wrap h2 {
	border-top:none;
	font-size: 128.57%;
	padding:0;
	margin: 50px 0 20px;
}
.survey_box{background:#fff;padding:20px;}
#content_wrap .survey_box ul{display:flex;margin:0;padding:0;justify-content:center;flex-wrap:wrap;}
#content_wrap .survey_box li{list-style:none; min-width:120px; font-weight:bold;}
.s_textarea{display:block;border:none;padding:10px;box-sizing:border-box;height:240px;width:100%;border-radius:0;}
#survey_wrap #form_btn1{width:180px;}
.s_txt_num{font-size:142.85%;}


@-webkit-keyframes cardEnter {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);}
	20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);}
	40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);}
	60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);}
	80% {-webkit-transform: scale3d(0.97, 0.97, 0.97);}
	100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);}
}
@keyframes cardEnter {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}
	20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
	40% {-webkit-transform: scale3d(0.9, 0.9, 0.9);transform: scale3d(0.9, 0.9, 0.9);}
	60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
	80% {-webkit-transform: scale3d(0.97, 0.97, 0.97);transform: scale3d(0.97, 0.97, 0.97);}
	100% {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.card {
	-webkit-animation: cardEnter 0.75s ease-in-out 0.5s;
	animation: cardEnter 0.75s ease-in-out 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	max-width: 250px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
	margin: 20px auto;
	opacity: 0;
}

.radio {
	display: inline-block;
	cursor: pointer;
	font-weight:bold !important;
}
.radio input {
	height: 1px;
	width: 1px;
	opacity: 0;
}
.radio input:checked + .outer .inner {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.radio input:checked + .outer {border: 3px solid #182D7C;}
.radio input:focus + .outer .inner {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	background-color: #182D7C;
}
.radio .outer {
	height:30px;
	width:30px;
	display: block;
	margin:10px auto;
	border: 3px solid #333;
	border-radius: 50%;
	background-color: #fff;
}
.radio .inner {
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	height: 16px;
	width: 16px;
	-webkit-transform: scale(0);
	transform: scale(0);
	display: block;
	margin:4px;
	border-radius: 50%;
	background-color: #182D7C;
	opacity: 0;
}

@media screen and (max-width:1114px){
	#content_wrap .survey_box li{min-width:115px;}
}

@media screen and (max-width:767px){
#survey_wrap{padding:0 10px 30px;margin-bottom:30px;}
#content_wrap #survey_wrap h2 {
	font-size: 128.57%;
	margin: 40px 0 16px;
}
#content_wrap .survey_box ul{flex-wrap:nowrap;}
#content_wrap .survey_box li{min-width:80px; margin:0 10px;min-width:10px; width:20%;}
.survey_box{padding:20px 10px; margin:0 10px;}
.s_textarea{height:180px;margin:0 10px; width:calc(100% - 20px);}
#survey_wrap #form_btn{margin-bottom:0;}

}