@charset "euc-kr";

@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, figure { margin:0; padding:0;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
table { border-collapse:collapse; border-spacing:0;width:100%;}
fieldset, img { border:0;}
img, video { max-width:100%; border:0; vertical-align:top; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
i { font-style:normal; }
input,select,button{vertical-align:middle}
ol, ul { list-style:none;}
caption, th { text-align:left;}
hr, caption, legend {  display:none;}
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr, acronym {	border:0; font-variant:normal;}
sup { vertical-align:text-top;} sub { vertical-align:text-bottom;}
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,textarea,select { font-size:100%;}
.blind, legend { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }

img, input, select, textarea, a {vertical-align: middle; }
img { max-width:100%; }
.fl { float:left; }
.fr { float:right; }
.b { border:1px solid #ff4200; }
.both { clear:both; }
.hide { display:none; }
.none { background:none !important; }
.rel { position:relative; }
.al { text-align:left !important; }
.ar { text-align:right; }
.ac { text-align:center; }

input { border: 1px solid #dddddd; background: #fff; height:33px; padding: 0 0px;color:#666 !important; }
input [type="checkbox"] { border: none; padding: 0; }
input [type="radio"] { border: none; padding: 0; }
input.chk { border: none; padding: 0; }
input.file_chk { border: none; padding: 0;height:28px;background:transparent; }
select { height:33px; border: 1px solid #dddddd;padding-left:5px;color:#666 !important;background:#fff;font-size:16px !important; }
textarea { border: 1px solid #dddddd; background: #fff; padding: 6px 4px;color:#666 !important; }

/*link color style*/
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

/*height space*/
.sp0 { height: 0px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }

body, table, th, td, select, textarea, dl, dt, dd, ul, li, button { font-family: 'Nanum Gothic', 'NanumGothic', '³ª´®°íµñ'; font-size: 16px; line-height:1.6em; color: #333;font-weight:400; }
* {max-height: 1000000px;}

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; clear:both;}

.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }

/* width */
.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }

button { cursor:pointer;padding:5px 10px;border:none; }
.btn_ac { clear:both;text-align:center;word-spacing:5px; }
.btn_survey { background:#ffdb35;color:#000;border-radius:40px;box-shadow: 5px 5px 0px rgba(34,25,25,0.4);font-weight:bold;font-size:20px;padding:15px 40px; }

.wrap { max-width:1050px;width:96%;margin:10px auto 50px; }
.wrap img { max-width:100%; }
.wrap .top_txt { background-image:url(/images/survey/bg01.png), url(/images/survey/bg02.png), url(/images/survey/bg03.gif), url(/images/survey/bg03.gif);background-position:left top, right bottom, right top, left bottom;background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;background-color:#5c6982;color:#fff;text-align:center;padding:50px;margin-top:20px; }
.wrap .top_txt img { margin-bottom:30px; }
.wrap .top_txt p { width:73%;margin:0 auto; line-height:1.6em;}
.wrap .top_txt h4 { font-size:24px;font-weight:bold;margin-bottom:30px;letter-spacing:-1px;line-height:1.5em; }
.wrap .top_info { background:#f4f4f4;padding:35px 0; }
.wrap .top_info h3 { font-size:24px;font-weight:bold;color:#e60021;text-align:center;letter-spacing:-1px; }
.wrap .top_info .box { background:#fff;border:3px solid #e0e0e0;padding:30px 0 0;width:80%;margin:35px auto 0; }
.wrap .top_info .box dl { width:80%;margin:0 auto; }
.wrap .top_info .box dt { width:20%;display:inline-block;vertical-align:top; }
.wrap .top_info .box dt span { background:#88b3de;border-radius:20px;color:#fff;padding:10px 35px;font-weight:bold; }
.wrap .top_info .box dd { width:75%;display:inline-block;font-size:18px;font-weight:bold;color:#000;margin-bottom:30px; }
.wrap .top_info .box dd ul { margin:10px 0; }
.wrap .top_info .box dd li { display:inline;width:20%; }
.wrap .top_info .box dd span { display:block;font-size:14px;color:#888;line-height:1.4em;font-weight:normal; }
.wrap .survey { padding:40px 0 20px; }
.wrap .survey dt { background:#465572;color:#fff;padding:10px 40px; }
.wrap .survey dt span { font-weight:bold; }
.wrap .survey dt em { font-weight:bold;color:#ffdb35;font-size:14px; }
.wrap .survey dd { padding:10px 20px;margin-bottom:30px; }
.wrap .survey dd span { display:inline-block;margin-left:20px; }
.wrap .survey dd textarea { width:98%;height:100px; }
.wrap h5 {position:relative; font-size:1.5em; padding-top:20px;margin-bottom:30px;color:#000;font-weight:600;}
.wrap h5:before {display:block; content:""; width:40px; height:4px; border-radius:4px; background:#26a4df; position:absolute; left:0; top:0;}
table.tb_style { width:100%;border-top:2px solid #555;margin-bottom:20px; }
table.tb_style th { background:#f7f7f7;font-weight:500;text-align:center;padding:15px 0;border-bottom:1px solid #dddddd;font-weight:bold; }
table.tb_style td { padding:5px 25px;border-bottom:1px solid #dddddd; }
table.tb_style td input[type="text"] { margin:5px 0;padding:0 5px; }
.wrap .agree h6 {position:relative;font-size:1.1em; margin-bottom:10px;color:#000;padding-left:12px;line-height:1.8em;font-weight:bold;}
.wrap .agree h6:before {display:block; content:""; width:5px; height:5px; background:#000; position:absolute; left:0; top:12px;}
.wrap .agree dl { padding:15px 30px 5px;border-top:2px solid #555;border-bottom:2px solid #555;background:#f4f4f4;margin-bottom:20px; }
.wrap .agree dt { font-weight:bold; }
.wrap .agree dd { padding-left:20px;margin-bottom:10px; }
.wrap .agree p { text-align:right;font-weight:bold;margin-bottom:20px; }
.wrap .agree p input[type="checkbox"] { width:20px;margin-right:10px; }

@media all and (max-width:768px) {
	.wrap .top_txt { background-image:url(/images/survey/bg01.png), url(/images/survey/bg02.png);background-position:left top, right bottom;background-repeat: no-repeat, no-repeat; padding:30px; }
	.wrap .top_txt p { width:100%; }
	.wrap .top_txt p br{ display:none;}
	.wrap .top_txt p span{ display:block;}
	.wrap .top_info { padding:30px 0; }
	.wrap .top_info .box {width:96%;margin:30px auto 0; }
}

@media all and (max-width:600px) {
	.wrap h1 { text-align:center; }
	.wrap h1 img { width:150px; }
	.wrap .top_txt { background-image:none;padding:20px 18px;margin-top:10px; }
	.wrap .top_txt img { width:70%;margin-bottom:20px; }
	.wrap .top_txt h4 { font-size:16px;margin-bottom:10px;line-height:1.4em; }
	.wrap .top_txt p { font-size:15px;line-height:1.4em;text-align:left; }
	.wrap .top_info { padding:20px 0; }
	.wrap .top_info h3 { font-size:18px;margin:0 25px; }
	.wrap .top_info .box { border:1px solid #e0e0e0;padding:20px 0 0;width:100%;margin:20px auto 0; }
	.wrap .top_info .box dl { width:96%;margin:0 auto; }
	.wrap .top_info .box dt span { padding:5px 15px;font-size:15px; }
	.wrap .top_info .box dd { font-size:15px;margin-bottom:20px; }
	.wrap .top_info .box dd ul { width:100%; }
	.wrap .top_info .box dd li { display:inline-block;width:30%; }
	.wrap .survey { padding:20px 0 20px; }
	.wrap .survey dt { padding:10px 20px; }
	.wrap .survey dd { padding:10px 0;margin-bottom:10px; }
	.wrap .survey dd span { line-height:0.9em; }
	.wrap .survey dd textarea { width:96%; }
	.wrap h5 {font-size:18px; padding-top:10px;margin-bottom:20px;}
	.wrap h5:before {width:30px;}
	table.tb_style td { padding:5px 15px; }
	table.tb_style td input[type="text"] { margin:3px 0; }
	table.tb_style td .w10 { width:20%; }
	table.tb_style td .w20 { width:23%; }
	table.tb_style td .w40 { width:90%; }
	.wrap .agree h6 {font-size:16px; }
	.wrap .agree dl { padding:10px 10px 5px;margin-bottom:10px; }
	.wrap .agree p { text-align:left; }
	.btn_survey { border-radius:30px;box-shadow: 3px 3px 0px rgba(34,25,25,0.4);font-size:18px;padding:10px 30px; }
}