@charset "utf-8";
@import "font.css";


/* 1. Default Reset ****************************** */
* {margin:0; padding:0;}
*, ::after, ::before {box-sizing:border-box;}
body, input, textarea, select, button {
	font-family:NotoSansKR, NonumGothic, SimSun;
	color:#555;
	text-rendering:optimizeLegibility; 
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
html, body {
	height:100%;
	background:#fff;
	font-size:16px;
	line-height:1.6;
	scrollbar-face-color:#e5e5e5;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#fafafa;
	scrollbar-arrow-color:#666666;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.6;
}
header, footer, hgroup, nav, section, article, aside, details, figcaption, figure {display:block;}
img, fieldset, iframe, frame {vertical-align:top; border:0 none;}
input, select, textarea {vertical-align:middle;}
ul, ol {list-style:none;}
i, em, dfn, address {font-style:normal;}
a {text-decoration:none; cursor:pointer; color:#666;}
a:hover, a:focus, a:active {text-decoration:none; color:#222;}
input[disabled="disabled"], input[readonly="readonly"], input[readonly="true"], select[disabled="disabled"] {
	background:#ececec;
	color:#999;
}
button {border:0 none; cursor:pointer; padding:0;}
button span {position:relative;}
hr {display:none;}
legend, caption, dfn {
	position:absolute;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	font:0/0 m;
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table td select, table td input[type='text'], table td input[type='password'] {vertical-align:top;}

/* 2. Global Class ********************************/
.mCenter {margin:0 auto;}
.vtop {vertical-align:top;}
.vmid {vertical-align:middle;}
.vbtm {vertical-align:bottom;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.positionR {position:relative;}
.positionA {position:absolute;}
.float {float:left;}
.float-r {float:right !important;}
.float-n {float:none !important;}
.clear {clear:both;}
.clearfix {*zoom:1;}
.clearfix:after, .clearfix:before {display:block; overflow:hidden; clear:both; content:"";}
.none {display:none;}
.hide {
	position:absolute !important;
	overflow:hidden;
	visibility:hidden;
	width:0 !important;
	height:0 !important;
	font:0/0 m !important;
	padding:0 !important;
	margin:0 !important;
}
.onOpacity {opacity:1 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml50 {margin-left:50px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.pl10 {padding-left:10px !important;}
.pr10 {padding-right:10px !important;}
.pl20 {padding-left:20px !important;}
.pr20 {padding-right:20px !important;}
.pl25 {padding-left:25px !important;}
.pr25 {padding-right:25px !important;}
.pl30 {padding-left:30px !important;}
.pr30 {padding-right:30px !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w33 {width:33.3% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w49 {width:49% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w66 {width:66% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w88 {width:88% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w98 {width:98% !important;}
.w100 {width:100% !important;}
.line_btop {border-top:1px solid #222;}
.line_bbtm {border-bottom:1px solid #222;}
.line_bbtm02 {border-bottom:1px solid #dbdbdb;}
.line_bleft {border-left:1px dashed #dbdbdb;}
.pointColor01 {color:#e00529;}

/* Form Templete ****************************** */
label {color:#222; padding-right:5px; line-height:24px;}
input {border:1px solid #aaa;}
input:hover, input:focus, input:active {outline:0; box-shadow:none; border:0; background:none;}
input[type='text']::-webkit-input-placeholder {color:#999;}
input[type='text']::-moz-placeholder {color:#999;}
input[type='radio'] {margin:0 0 0 5px; border:none !important; background:none !important;}
input[type='radio'] + label {margin-right:20px;}
select + label {margin-left:13px;}
textarea {line-height:1.6; resize:none;}


/*common*/

.wrap {
	width:100%;
	height:100%;
	background:#fff;
}

/*****************Media Query************************/

/* 모바일 대응 디자인 적용 구간 */

@media screen and (min-width:1025px) {
	
	.wrap {
		margin:0;
		padding:0;
	}
	.rwdWrap {
		max-width:100%;
		width:100%;
		height:100%;
		font-family:NotoSansKR;
		background:#fff;
	}
	.copyright {
		width:100%;
		padding:10px 0;
		color:#999;
		text-align:center;
		font-weight:300;
		letter-spacing:0;
		font-size:0.825rem;
		background:#f1f1f1;
		display:none;
	}
	.rwdWrap.langWrap {
		background:url('../images/bg_visual01.png');
		background-size:cover;
	}
	.rwdWrap .langContainer {
		width:800px;
		margin:0 auto;
	}
	.rwdWrap footer.langFooter.copyright {
		display:block;
		width:100%;
		height:70px;
		text-align:center;
		background-color:transparent;
		color:#fff;
		font-size:0.725rem;
		padding-top:50px;
		font-weight:100;
		opacity:0.3;
	}
	.rwdWrap .langHeader {
		text-align:center;
		width:100%;
		padding-top:80px;
		padding-bottom:20px;
	}
	.rwdWrap .langHeader .logo_area {width:100%;}
	.rwdWrap .langHeader.mobile {
		display:none;
		padding-top:20px;
	}
	.rwdWrap .langHeader.mobile .logo_area {}
	.rwdWrap .langHeader.mobile .logo_area img {
		display:inline-block;
		vertical-align:middle;
	}
	.rwdWrap .langHeader.mobile .logo_area .logo_txt {
		display:inline-block;
		color:#ff7922;
		vertical-align:middle;
	}
	.rwdWrap .langTitle {
		font-size:50px;
		color:#6cb65a;
		text-align:center;
		font-weight:100;
		text-transform:uppercase;
		letter-spacing:-2px;
	}
	.rwdWrap .langTitle:before {
		content:"";
		display:block;
		border-top:1px solid #fff;
		opacity:0.1;
		padding-bottom:40px;
	}
	.rwdWrap .langSelectArea {
		margin-top:30px;
		text-align:center;
	}
	.rwdWrap .langSelectArea:after {display:block; overflow:hidden; clear:both; content:"";}
	.rwdWrap .langSelectArea li {
		height:200px;
		margin-left:5px;
		display:inline-block;
	}
	.rwdWrap .langSelectArea li:first-child {margin-left:0;}
	.rwdWrap .langSelect {
		width:260px;
		height:200px;
		padding:30px;
		color:#222;
		text-align:center;
		background-color:rgba(255,255,255,0.9);
		cursor:pointer;
		border-radius:10px;
	}
	.rwdWrap .langSelect:hover, .rwdWrap .langSelect:active, .rwdWrap .langSelect:focus {
		background:linear-gradient(to bottom, #fff, #fff, #fff, #bababa);
		color:#222;
	}
	.rwdWrap .langSelect h3 {font-size:40px;}
	.rwdWrap .langSelect p {
		font-size:14px;
		font-weight:100;
		padding-bottom:30px;
		opacity:0.6;
	}
	.rwdWrap .btn_langSelect {
		width:100%;
		background:#e00529;
		margin:auto;
		border-radius:50px;
		color:#fff;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.rwdWrap .langSelect:hover .btn_langSelect, .rwdWrap .langSelect:active .btn_langSelect, 	.rwdWrap .langSelect:focus .btn_langSelect {
		background:#ff6a00;
		color:#fff;
	}
	.stepWrap {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		letter-spacing:-0.5px;
		}

	/*서베이애니메이션적용*/
	.stepWrap.surveyWrap {
		position:relative;
		animation-name:wrapAni;
		animation-duration:1.5s;
	}
	@keyframes wrapAni {
		from {left:-1000px; opacity:0.4;}
		to {left:0;opacity:1; width:100%;}
	}

	.stepWrap .surveyHeader {
		width:100%;
		background:url('../images/bg_visual02_01.png') no-repeat center top;
		margin:0;
		padding:0 30px;
		letter-spacing:-0.5px;
		text-align:center;
		position:fixed;
		z-index:11;
	}
	.stepWrap .surveyHeader .surveyHead {
		margin:0 auto;
		max-width:1400px;
		height:130px;
		background:#fff;
		border-radius:30px 30px 0 0;
		padding:10px 50px;
		z-index:10;
		display:flex;
		align-items:center;
		justify-content:space-around;
		box-shadow:0 -5px 5px rgba(0,0,0,0.5);
	}
	.stepWrap .surveyHeader.guideHeader .surveyHead {
		height:130px;
		max-width:1400px;
	}
	.fixBorder {
		height:40px;
		border-top:1px solid #222;
		border-left:1px solid #dbdbdb;
		border-right:1px solid #dbdbdb;
		background:#fff;
		margin:0 auto;
		max-width:1400px;
	}
	.stepWrap .surveyHeader.guideHeader .fixBorder {
		max-width:1300px;
		width:90%;
		height:1px;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
	}
	.stepLogo {
		height:100px;
		padding:20px 0;
	}
	.stepLogo_txt {
		display:inline-block;
		color:#ff7922;
		font-size:26px;
		padding-top:26px;
		transform:scale(1, 1.05);
	}
	.stepLogo.mobile {display:none;}
	.stepLogo.mobile img {}
	.stepLogo.mobile .stepLogo_txt {
		display:inline-block;
		color:#ff7922;
		font-size:26px;
		padding-top:26px;
		transform:scale(1, 1.05);
	}
	.stepStatus_area {
		margin:0 auto;
		height:170px;
		background:#fff;
		border-radius:30px 30px 0 0;
		padding:40px 50px;
		max-width:1400px;
	}
	.surveyHeadTxt {
		font-size:2rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:bold;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.surveyHeadTxt.guideTxt {
		font-size:2.5rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:bold;
		line-height:1.2;
		letter-spacing:-2px;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.stepStatus {
		width:100%;
		height:100%;
	}
	.step_btnBox {position:relative;}
	.btn_step_prev, .btn_step_next {
		height:70px;
		width:70px;
		display:inline-block;
		opacity:0.3;
		text-indent:-99999px;
		position:absolute;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.btn_step_prev {
		left:0;
		top:0;
		background:url('../images/icon_step_preview.png') no-repeat 0 0;
	}
	.btn_step_prev:hover, .btn_step_prev:active, .btn_step_prev:focus, .btn_step_next:hover, .btn_step_next:active, .btn_step_next:focus {
		opacity:0.5;
	}
	.btn_step_next {
		right:0;
		top:0;
		background:url('../images/icon_step_next.png') no-repeat 0 0;
	}
	.btn_step_prev.stepTopDis, .btn_step_prev.stepTopDis:hover, 
	.btn_step_prev.stepTopDis:active, .btn_step_prev.stepTopDis:focus,
	.btn_step_next.stepTopDis, .btn_step_next.stepTopDis:hover, 
	.btn_step_next.stepTopDis:active, .btn_step_next.stepTopDis:focus {
		opacity:0.07;
		cursor:default;
	}
	.step_progressBox {
		width:100%;
		text-align:center;
		padding:20px 100px 0;
	}
	.stepProgress {
		display:inline-block;
		width:60%;
		height:10px;
		background:#eee;
		vertical-align:middle;
	}
	.progressBar {
		background:#e74f55;
		height:10px;
		width:10%;
		position:relative;
	}
	.progressBar:after {
		display:block;
		content:"";
		position:absolute;
		top:0;
		left:0;
		background:url('../images/bg_pattern02.png');
		opacity:0.3;
		width:100%;
		height:100%;
	}
	.progressTxt {
		text-align:left;
		margin-top:5px;
		color:#999;
		font-weight:300;
	}
	.progressTxt strong:after {
		display:inline-block;
		content:"%";
		margin-left:3px;
	}
	.stepPage {
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		color:#999;
	}
	.stepPage strong {color:#e00529;}
	.stepPage strong:after {
		display:inline-block;
		content:"/";
		margin-left:3px;
		margin-right:3px;
		color:#999;
		font-weight:300;
	}
	.btn_survey_area {margin-top:50px;}
	.step_page {display:none;}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyClose, .btn_surveyFinal, .btn_surveyPrint {
		display: inline-block;
		min-width: 200px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		margin: 0 3px;
		padding: 0 50px;
		cursor: pointer;
		font-size: 1.25rem;
		font-weight: 300;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
	}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyFinal {background:#e00529;}
	.btn_surveyStart, .btn_surveyFinal {
		border-radius: 50px;
	}
    .btn_surveyFinal {display:none}
	.btn_surveyClose, .btn_surveyPrint {
		background: #555;
	}
	.btn_surveyStart:hover, .btn_surveyStart:active, .btn_surveyStart:focus,
	.btn_surveyPrev:hover, .btn_surveyPrev:active, .btn_surveyPrev:focus,
	.btn_surveyNext:hover, .btn_surveyNext:active, .btn_surveyNext:focus,
	.btn_surveyFinal:hover, .btn_surveyFinal:active, .btn_surveyFinal:focus {
		color:#fff;
		background:#a8001c;
	}
	.btn_surveyClose:hover, .btn_surveyClose:active, .btn_surveyClose:focus,
	.btn_surveyPrint:hover, .btn_surveyPrint:active, .btn_surveyPrint:focus {
		color: #fff;
		background: #333;
	}
	.btn_surveyStart img, .btn_surveyNext img, .btn_surveyClose img, .btn_surveyFinal img {
		vertical-align: top;
		margin-top: 18px;
		margin-left: 10px;
	}
	.btn_surveyPrev img, .btn_surveyPrint img {
		vertical-align: top;
		margin-top: 18px;
		margin-right: 10px;
	}
	.surveyHeader .surveyHeadCont {
		margin:auto;
		margin-top:-65px;
		max-width:1400px;
	}
	.surveyHeader .surveyHead_txt {
		margin:auto;
		background:#222;
		color:#fff;
		min-height:50px;
		max-height:100px;
		width:90%;
		border-radius:25px;
		text-align:center;
		font-size:1.5rem;
		padding:6px 20px;
		font-weight:500;
		overflow:hidden;
	}	
	.stepContainer {
		text-align:center;
		margin:0 auto;
		padding:0 30px;
		padding-bottom:50px;
		padding-top:230px;
		z-index:10;
	}
	.stepCont {
		max-width:1400px;
		margin:0 auto;
	}
	.stepContainer.guideConteainer .stepCont {
		max-width:1300px;
		width:90%;
	}
	.survey_container {
		position:relative;
		border:1px solid #dbdbdb;
		border-top:1px solid #222;
		padding:40px;
		padding-top:60px;
		text-align:left;
		margin-top:40px;
	}
	.survey_container.surveyGuide {
		padding:70px 50px 70px 200px;
		color:#555;
		font-size:16px;
		font-weight:bold;
		min-height:300px;
		margin:auto;
		margin-top:0px;
		background:url('../images/icon_surveyNoti01.png') no-repeat 70px 70px #fef9f4;
	}
	.survey_container.surveyGuide02 {
		padding:60px 70px 70px;
		color:#555;
		font-size:16px;
		font-weight:bold;
		margin-top:0px;
		margin:auto;
		border:0;
		border-top:1px solid #222;
		background:url('../images/bg_pattern02.png');
	}
	.survey_container.surveyGuide p, .survey_container.surveyGuide p strong, .survey_container.surveyGuide p span {
		color:#555 !important;
		font-family:NotoSansKR !important;
		/*font-size:18px !important;*/
		font-weight:500 !important;
		background-color:transparent !important;
	}
	.guideSubTxt {
		font-size:22px;
		font-weight:500;
		font-family:NotoSansKR;
		text-align:center;
		line-height:1.4;
		color:#222;
		width:100%;
		margin:auto;
		margin-top:50px;
		padding-bottom:40px;
	}
	.surveyFinalCont {
		width:100%;
		margin:0 auto;
	}
	.surveyFinalCont ul {
		display:block;
		width:450px;
		margin:0 auto;
	}
	.surveyFinalCont li {min-height:100px;}
	.surveyFinalCont li img {margin-top:8px;}
	.finalHead {
		font-size:28px;
		color:#fff;
		letter-spacing:-0.5px;
		text-align:center;
		line-height:100px;
	}
	.surveyFinalCont .finalHead {
		background:url('../images/img_visual01.png') no-repeat;
		background-size:cover;
	}
	.surveyFinalCont ul:last-child .finalHead {
		background:url('../images/img_visual02.png') no-repeat;
		background-size:cover;
	}
	.surveyFinalCont.lastFinal .finalEndTxt {
		text-align:center;
		margin-bottom:40px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dt {
		font-size:60px;
		color:#222;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_middleb.png') no-repeat center top;
		padding-top:80px;
		padding-bottom:20px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd {
		font-size:26px;
		color:#434343;
		font-weight:normal;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd:after {display:none;}
	.finalGoto {background:#fff;}
	.finalGoto a {
		display:inline-block;
		font-size:18px;
		color:#555;
		padding:40px 20px;
		text-align:center;
		width:100%;
		font-weight:bold;
		border:1px solid #dbdbdb;
	}
	.finalGoto a img {
		margin-top:10px;
		margin-left:5px;
		opacity:0.3
	}
	.finalGoto a:hover {
		opacity:1;
		border-color:#666;
		color:#222;
		font-weight:bold;
	}
	.finalGoto a:hover img {opacity:1}
	.finalGoto a span {display:block;}
	.finalEndTxt {
		text-align:center;
		margin-bottom:40px;
	}
	.finalEndTxt dt {
		font-size:36px;
		color:#222;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_b.png') no-repeat center top;
		padding-top:30px;
	}
	.finalEndTxt dd {
		font-size:22px;
		color:#797979;
		font-weight:normal;
	}
	.finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.finalEndTxt dt:after {
		content:"";
		width:30px;
		height:1px;
		background:#222;
		margin:0 auto;
		margin-top:20px;
		margin-bottom:20px;
		display:none;
	}
	.finalEndTxt dd:after {
		content:"";
		display:block;
		width:30px;
		height:1px;
		background:#222;
		margin:0 auto;
		margin-top:30px;
	}
	.survey_container.surveyGuide03 {
		padding:70px;
		color:#222;
		width:80%;
		margin-top:0px;
		margin:auto;
		border-top:1px solid #222;
	}
	.pledge_head {
		font-size:22px;
		font-weight:bold;
		color:#222;
		letter-spacing:-0.5px;
		word-break:keep-all;
		text-align:center;
		margin-bottom:30px;
		padding:0 20px 30px;
		border-bottom:1px dashed #dbdbdb;
	}
	.pledge_cont {
		font-size:16px;
		background:url('../images/icon_surveyNoti01.png') no-repeat;
		padding-left:100px;
	}
	.pledge_cont dt, .pledge_cont dd {
		display:inline-block;
		vertical-align:top;
	}
	.pledge_cont dt {
		width:25px;
		height:25px;
		line-height:25px;
		background:#ccc;
		border-radius:50px;
		text-align:center;
		color:#fff;
		font-size:14px;
	}
	.pledge_cont dd {
		width:calc(100% - 30px);
		margin-bottom:20px;
		min-height:25px;
		padding-left:5px;
		line-height:1.6;
	}
	.pledge_sign {
		background:url('../images/bg_pattern02.png') #fff;
		padding:30px 20px;
		text-align:center;
		border-bottom:1px solid #aaa;
		margin:auto;
	}
	.pledgeDate {
		display:inline-block;
		margin-right:20px;
		color:#222;
		font-size:18px;
	}
	.input_sign {
		width:300px;
		height:40px;
		color:#222;
		font-size:18px;
		padding:7px;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.input_sign:-ms-input-placeholder {color:#eee}
	.input_sign::-webkit-input-placeholder {color:#eee}
	.input_sign::-moz-placeholder {color:#eee;}
	.input_sign:hover, .input_sign:focus, .input_sign:active {
		color:#222;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.surveyContHead {
		margin:auto;
		margin-top:-65px;
		background:#222;
		color:#fff;
		min-height:50px;
		width:85%;
		border-radius:25px;
		text-align:center;
		font-size:1.5rem;
		padding:6px 20px;
	}
	.surveyCont {padding-left:30px;}
	.surveyItem {padding-bottom:30px;}
	.surveyItem:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyItem.subItem {
		width:98%;
		padding-left:50px;
		padding-right:25px;
		padding-bottom:40px;
		border:1px dashed #aaa;
		border-radius:30px;
		margin-bottom:40px;
	}
	.surveyImg {
		width:100%;
		text-align:center;
		overflow:hidden;
	}
	.surveyImg img {
		max-width:560px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.surveyTxt {
		position:relative;
		font-size:1.25rem;
		font-weight:500;
		color:#222;
		letter-spacing:-0.7px;
		margin-top:30px;
		padding-bottom:20px;
		transform:scale(1,1.05);
		line-height:1.4;
	}
	.surveyTxt:before {
		content:"Q";
		font-weight:bold;
		display:inline-block;
		position:absolute;
		left:-30px;
		font-family:Arial;
		font-size:1.75rem;
		top:0;
		height:0;
		line-height:normal;
	}
	.pointColor02.surveyTxt {
		color:#da9603;
		background:#fff7e8;
		padding-left:10px;
	}
	.pointColor02.surveyTxt:after {
		content:"";
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		left:-70px;
		top:0;
		border-left:7px solid #eeae00;
	}
	.surveyItem.subItem .surveyTxt:before {left:-30px;}
	.surveyItem.subItem .pointColor02.surveyTxt:after {left:-50px;}
	.surveyTxtInfo {
		color:#999;
		font-size:1.125rem;
		font-weight:400;
	}
	.surveyTxtInfo:before {
		content:"[";
		margin-right:2px;
	}
	.surveyTxtInfo:after {
		content:"]";
		margin-left:2px;
	}
	.surveySlider {
		width:80%;
		height:50px;
		margin:auto;
		margin-top:40px;
		margin-bottom:50px;
	}
	.surveySelectBox.hiddenLabel {display:none;}
	.surveyLabel_area {width:100%;}
	.surveyLabel_area.option {
		width:48%;
		display:inline-block;
		height:50px;
		margin-top:10px;
		margin-right:1.5%;
		vertical-align:middle;
	}
	.surveyLabel_area:after, .surveySelectBox fieldset:after, .surveySelectBox:after  {display:block; content:""; overflow:hidden; clear:both;}
	.surveyLabel {
		float:left;
		position:relative;
		width:20%;
		text-align:center;
		padding-top:20px;
		cursor:pointer;
	}
	.surveyLabel_area.option .surveyLabel {padding-top:14px;}
	.surveyBar {
		width:100%;
		height:5px;
		background:#ccc;
		text-indent:-99999px;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyBar {height:3px;}
	.surveyLabel .surveyBar:after {
		display:block;
		content:"";
		position:absolute;
		top:7px;
		left:0;
		right:0;
		width:30px;
		height:30px;
		background:#fff;
		border:10px solid  #ccc;
		border-radius:50%;
		margin:auto;
	}
	.surveyLabel_area.option .surveyLabel .surveyBar:after {top:0px;}
	.surveyLabel.onLabel .surveyBar {
		background:#e74f55;
		color:#e74f55;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyLabel.onLabel .surveyBar {background:#ccc;}
	.surveyLabel.onLabel .surveyBar:after {
		border:10px solid #f55157;
		background:#fff;
	}
	.surveyLabel:hover .surveyBar {
		background:#f55157;
		color:#f55157;
	}
	.surveyLabel_area.option .surveyLabel:hover .surveyBar {
		background:#ccc;
		color:#f55157;
	}
	.surveyLabel:hover .surveyBar:after {
		border:10px solid #e74f55;
	}
	.surveyLabelTxt {
		display:block;
		margin-top:30px;
		font-family:NotoSansKR;
		font-weight:400;
		font-size:1rem;
		color:#666;
		transform:scale(1,1.05);
	}
	.surveyLabel_area.option .surveyLabelTxt {
		margin-top:12px;
		font-size:14px;
	}
	.surveyLabel.onLabel .surveyLabelTxt, .surveyLabel:hover .surveyLabelTxt {color:#f55157;}
	.surveySelect_area {}
	.surveySelectBox .surveySelect {
		cursor:pointer;
		display:inline-block;
		vertical-align:top;
		border:1px solid #cacaca;
		min-height:50px;
		width:47%;
		padding-left:25px;
		padding-right:25px;
		padding-top:10px;
		border-radius:0;
		text-align:left;
		margin-right:2.5%;
		margin-top:10px;
		font-family:NotoSansKR;
		font-weight:500;
		color:#666;
		font-size:1.125rem;
		outline:0;
		box-shadow:none;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		background:url('../images/icon_check02s.png') no-repeat 25px 20px #f7f7f7;
		background-size:0;
	}
	/*.surveySelectBox .surveySelect:hover, .surveySelectBox .surveySelect:active, .surveySelectBox .surveySelect:focus,
	.surveySelectBox .surveySelect.ui-checkboxradio-checked, .surveySelectBox .surveySelect.ui-state-active {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 25px 20px #ff574f;
		font-weight:500;
		padding-left:45px;
	}*/
	.surveySelectBox .surveySelect.onSelect {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 25px 20px #ff574f;
		font-weight:500;
		padding-left:45px;
	}
	.surveySelectBox input[type='checkbox'] {
		border:none !important;
		background:none !important;
		display:none !important;
	}
	.surveySelectBox .surveySelect.etcSelectBox {
		display:block;
	}
	.surveySelectBox .surveySelect.etcSelectBox.etcType02 {}
	.etcTxtBox {
		width:47%;
		padding:15px;
		background-color:#fef3ee;
	}
	.etcTxtBox textarea.etcTxt {
		width:100%;
		min-height:40px;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:1rem;
		overflow:auto;
	}
	.etcTxtBox textarea.etcTxt:hover, .etcTxtBox textarea.etcTxt:active, .etcTxtBox textarea.etcTxt:focus {
		width:100%;
		border:1px solid #fec6cf;
		outline:0;
	}
	.etcTxtBox.b100 {
		width:100%;
		background:#fff;
		padding:0;
		padding-top:10px;
	}
	.etcTxtBox.b100 textarea.etcTxt {
		width:97%;
		height:auto;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:1rem;
		border-radius:3px;
		overflow:hidden;
	}
	.etcTxtBox.b100 textarea.etcTxt:hover, .etcTxtBox.b100 textarea.etcTxt:active, .etcTxtBox.b100 textarea.etcTxt:focus {
		width:97%;
		border:1px solid #dbdbdb;
		outline:0;
	}
	.surveySelectOption {
		display:inline-block;
		width:47%;
		height:50px;
		padding:0;
		margin-top:10px;
		margin-right:2.5%;
		vertical-align:middle;
		opacity:0;
		position:relative;
	}
	.surveySelectOption .optionTxt {
		display:block;
		position:absolute;
		top:22px;
		width:48%;
		padding-top:10px;
		color:#999;
		font-size:13px;
	}
	.surveySelectOption span.optionTxt:first-child {
		left:0;
		text-align:left;
		background:url('../images/icon_arrow07_g.png') no-repeat left 10px top 0;
		padding-left:5px;
	}
	.surveySelectOption span.optionTxt:last-child {
		right:0;
		text-align:right;
		background:url('../images/icon_arrow07_g.png') no-repeat right 10px top 0;
		padding-right:5px;
	}
	.optionBox {
		display:block;
		text-align:center;
		position:relative;
		min-width:300px;
		margin:0 auto;
	}
	.optionBox:after {
		display:block;
		content:"";
		width:100%;
		height:7px;
		background:#eaeaea;
		margin-top:-17px;
		border-radius:50px;
	}
	.optionLevel {
		width:28px;
		height:28px;
		vertical-align:middle;
		background:#aaa;
		border-radius:50%;
		font-size:0.825rem;
		color:#fff;
		line-height:18px;
		margin:0 4.5%;
		outline:0;
	}
	.optionBox button:first-child {}
	.optionBox button:last-child {}
	.surveyItem.subItem .optionLevel {margin:0 3% !important;}
	.surveyItem.subItem .optionBox button:first-child {}
	.surveyItem.subItem .optionBox button:last-child {}
	.optionLevel:hover, .optionLevel:active, .optionLevel:focus {
		background:#f38033;
		color:#fff;
		outline:0;
	}
	.onOption {
		background:#f38033;
		color:#fff;
		outline:0;
	}
	.surveyText_area {margin-top:10px;}
	textarea.surveyTextBox {
		width:97%;
		min-height:100px;
		padding:10px;
		color:#555;
		font-size:1rem;
		border:1px solid #dbdbdb;
		border-radius:3px;
		overflow-y:auto;
	}
	textarea.surveyTextBox:focus {
		border:1px solid #dbdbdb;
		outline:0;
	}
	.btn_goTop {
		display:none;
		position:fixed;
		bottom:70px;
		right:80px;
		width:35px;
		height:35px;
		text-indent:-99999px;
		background:url('../images/icon_top.png') no-repeat;
		opacity:0.6;
		cursor:pointer;
	}
	
}


@media screen and (min-width:769px) and (max-width:1024px) {
	.wrap {
		max-width:1024px;
	}
	.rwdWrap {
		max-width:100%;
		width:100%;
		height:100%;
		font-family:NotoSansKR;
		background:#fff;
	}
	.copyright {
		display:block;
		width:100%;
		padding:10px 0;
		color:#999;
		text-align:center;
		font-weight:300;
		letter-spacing:0;
		font-size:0.825rem;
		background-color:#f1f1f1;
	}
	.rwdWrap.langWrap {
		background: url('../images/bg_visual01.png');
		background-size: cover;
	}
	.rwdWrap .langContainer {width:100%;}
	.rwdWrap .copyright.langFooter {
		display:block;
		width:100%;
		height:70px;
		text-align:center;
		background-color:transparent;
		color:#fff;
		font-size:0.725rem;
		padding-top:50px;
		font-weight:100;
		opacity:0.3;
	}
	.rwdWrap .langHeader {
		text-align:center;
		width:100%;
		padding-top:30px;
		padding-bottom:10px;
	}
	.rwdWrap .langHeader .logo_area {width:100%;}
	.rwdWrap .langHeader.mobile {display:none;}
	.rwdWrap .langHeader.mobile .logo_area {}
	.rwdWrap .langHeader.mobile .logo_area img {
		display:inline-block;
		vertical-align:middle;
	}
	.rwdWrap .langHeader.mobile .logo_area .logo_txt {
		display:inline-block;
		color:#ff7922;
		vertical-align:middle;
	}
	.rwdWrap .langTitle {
		font-size:36px;
		color:#6cb65a;
		text-align:center;
		font-weight:100;
		text-transform:uppercase;
		letter-spacing:-1px;
	}
	.rwdWrap .langTitle:before {
		content:"";
		display:block;
		border-top:1px solid #fff;
		opacity:0.1;
		padding-bottom:30px;
	}
	.rwdWrap .langSelectArea {
		margin-top:30px;
		text-align:center;
		padding:0 10%;
	}
	.rwdWrap .langSelectArea:after  {display:block; content:""; overflow:hidden; clear:both;}
	.rwdWrap .langSelectArea li {
		float:none;
		display:inline-block;
		height:200px;
		margin-left:1%;
		width:30%;
		min-width:200px;
		vertical-align:middle;
	}
	.rwdWrap .langSelectArea li:first-child {margin-left:0;}
	.rwdWrap .langSelect {
		width:100%;
		height:200px;
		padding:12%;
		color:#222;
		text-align:center;
		background-color:rgba(255,255,255,0.9);
		cursor:pointer;
		border-radius:10px;
	}
	.rwdWrap .langSelect:hover, .rwdWrap .langSelect:active, .rwdWrap .langSelect:focus {
		background:linear-gradient(to bottom, #fff, #fff, #fff, #bababa);
		color:#222;
	}
	.rwdWrap .langSelect h3 {font-size:40px;}
	.rwdWrap .langSelect p {
		font-size:14px;
		font-weight:100;
		padding-bottom:30px;
		opacity:0.6;
	}
	.rwdWrap .btn_langSelect {
		width:100%;
		background:#e00529;
		margin:auto;
		border-radius:50px;
		color:#fff;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.rwdWrap .langSelect:hover .btn_langSelect, .rwdWrap .langSelect:active .btn_langSelect, 	.rwdWrap .langSelect:focus .btn_langSelect {
		background:#ff6a00;
		color:#fff;
	}
	.stepWrap {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		letter-spacing:-0.5px;
	}
	.stepWrap .surveyHeader {
		width:100%;
		background:url('../images/bg_visual02_01.png') no-repeat center 0px;
		margin:0;
		padding:0 30px;
		letter-spacing:-0.5px;
		text-align:center;
		position:fixed;
		z-index:11;
	}
	.stepWrap .surveyHeader .surveyHead {
		width:100%;
		margin:0 auto;
		height:130px;
		background:#fff;
		border-radius:30px 30px 0 0;
		padding:15px 50px;
		z-index:10;
		display:flex;
		align-items:center;
		justify-content:space-around;
		box-shadow:0 -5px 5px rgba(0,0,0,0.5);
	}
	.stepWrap .surveyHeader.guideHeader {background:url('../images/bg_visual02_01.png') no-repeat center 0px;}
	.stepWrap .surveyHeader.guideHeader .surveyHead {height:130px;}
	.fixBorder {
		height:40px;
		border-top:1px solid #222;
		border-left:1px solid #dbdbdb;
		border-right:1px solid #dbdbdb;
		background:#fff;
		margin:0 auto;
		width:100%;
	}
	.stepWrap .surveyHeader.guideHeader .fixBorder {
		width:90%;
		height:1px;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
	}
	.stepLogo {
		height:100px;
		padding:20px 0;
	}
	.stepLogo_txt {
		display:inline-block;
		color:#ff7922;
		font-size:26px;
		padding-top:26px;
		transform:scale(1, 1.05);
	}
	.stepLogo.mobile {
		display:none;
	}
	.stepLogo.mobile img {
		display:inline-block;
		vertical-align:middle;
	}
	.stepLogo.mobile .stepLogo_txt {
		display:inline-block;
		vertical-align:middle;
		color:#ff7922;
		font-size:1.725rem;
		line-height:normal;
		padding-top:0px;
		transform:scale(1, 1.05);
	}
	.surveyHead {
		height:130px;
		width:100%;
		background:#fff;
		border-radius:30px 30px 0 0;
		padding:40px 50px;
	}
	.surveyHeadTxt {
		font-size:2rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:bold;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.surveyHeadTxt.guideTxt {
		font-size:1.75rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:bold;
		line-height:1.2;
		letter-spacing:-2px;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.stepStatus_area {
		height:150px;
		width:100%;
		background:#fff;
		border-radius:30px 30px 0 0;
		padding:30px 40px;
	}
	.stepStatus {
		width:100%;
		height:100%;
	}
	.step_btnBox {position:relative;}
	.btn_step_prev, .btn_step_next {
		height:60px;
		width:60px;
		display:inline-block;
		opacity:0.25;
		text-indent:-99999px;
		position:absolute;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.btn_step_prev {
		left:0;
		top:0;
		background:url('../images/icon_step_preview.png') no-repeat 0 0;
		background-size:contain;
	}
	.btn_step_prev:hover, .btn_step_prev:active, .btn_step_prev:focus,
	.btn_step_next:hover, .btn_step_next:active, .btn_step_next:focus {
		opacity:0.5;
	}
	.btn_step_prev.stepTopDis, .btn_step_prev.stepTopDis:hover, 
	.btn_step_prev.stepTopDis:active, .btn_step_prev.stepTopDis:focus,
	.btn_step_next.stepTopDis, .btn_step_next.stepTopDis:hover, 
	.btn_step_next.stepTopDis:active, .btn_step_next.stepTopDis:focus {
		opacity:0.07;
		cursor:default;
	}
	.btn_step_next {
		right:0;
		top:0;
		background:url('../images/icon_step_next.png') no-repeat 0 0;
		background-size:contain;
	}
	.step_progressBox {
		width:100%;
		text-align:center;
		padding:20px 100px 0;
	}
	.stepProgress {
		display:inline-block;
		width:70%;
		height:10px;
		background:#eee;
		vertical-align:middle;
	}
	.progressBar {
		background:#e74f55;
		height:10px;
		width:10%;
		position:relative;
	}
	.progressBar:after {
		display:block;
		content:"";
		position:absolute;
		top:0;
		left:0;
		background:url('../images/bg_pattern02.png');
		opacity:0.3;
		width:100%;
		height:100%;
	}
	.progressTxt {
		text-align:left;
		margin-top:5px;
		color:#999;
		font-weight:300;
	}
	.progressTxt strong:after {
		display:inline-block;
		content:"%";
		margin-left:3px;
	}
	.stepPage {
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		color:#999;
	}
	.stepPage strong {color:#e00529;}
	.stepPage strong:after {
		display:inline-block;
		content:"/";
		margin-left:3px;
		margin-right:3px;
		color:#999;
		font-weight:300;
	}
	.btn_survey_area {padding-top:50px;}
	.step_page {display:none;}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyClose, .btn_surveyFinal, .btn_surveyPrint {
		display: inline-block;
		min-width: 180px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		margin: 0 3px;
		padding: 0 50px;
		cursor: pointer;
		font-size: 1.25rem;
		font-weight: 300;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
	}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyFinal {background:#e00529;}
	.btn_surveyStart, .btn_surveyFinal {
		border-radius: 50px;
	}
    .btn_surveyFinal {display:none}
	.btn_surveyClose, .btn_surveyPrint {
		background: #555;
	}
	.btn_surveyStart:hover, .btn_surveyStart:active, .btn_surveyStart:focus,
	.btn_surveyPrev:hover, .btn_surveyPrev:active, .btn_surveyPrev:focus,
	.btn_surveyNext:hover, .btn_surveyNext:active, .btn_surveyNext:focus, 
	.btn_surveyFinal:hover, .btn_surveyFinal:active, .btn_surveyFinal:focus {
		color:#fff;
		background:#a8001c;
	}
	.btn_surveyClose:hover, .btn_surveyClose:active, .btn_surveyClose:focus,
	.btn_surveyPrint:hover, .btn_surveyPrint:active, .btn_surveyPrint:focus {
		color: #fff;
		background: #333;
	}
	.btn_surveyStart img, .btn_surveyNext img, .btn_surveyClose img, .btn_surveyFinal img {
		vertical-align: top;
		margin-top: 18px;
		margin-left: 10px;
	}
	.btn_surveyPrev img, .btn_surveyPrint img {
		vertical-align: top;
		margin-top: 18px;
		margin-right: 10px;
	}
	.surveyHeader .surveyHeadCont {
		width:100%;
		margin:auto;
		margin-top:-65px;
	}
	.surveyHeader .surveyHead_txt {
		margin:auto;
		background:#222;
		color:#fff;
		min-height:50px;
		max-height:97px;
		line-height:1.4;
		width:90%;
		border-radius:25px;
		text-align:center;
		font-size:1.25rem;
		padding:6px 10px;
		padding-top:10px;
		font-weight:500;
		overflow:hidden;
	}
	.stepContainer {
		width:100%;
		text-align:center;
		margin:0 auto;
		padding-bottom:50px;
		padding-top:250px;
		z-index:10;
	}
	.stepContainer.guideConteainer {
		padding-top:230px;
	}
	.stepCont {padding:0 30px;}	
	.survey_container {
		position:relative;
		border:1px solid #dbdbdb;
		border-top:1px solid #222;
		padding:40px;
		text-align:left;
		margin-top:20px;
	}
	.survey_container.surveyGuide {
		padding:70px 50px 70px 200px;
		color:#555;
		font-size:16px;
		font-weight:bold;
		width:90%;
		margin-top:0px;
		margin:auto;
		background:url('../images/icon_surveyNoti01.png') no-repeat 70px 70px #fef9f4;
	}
	.survey_container.surveyGuide p, .survey_container.surveyGuide p strong, .survey_container.surveyGuide p span {
		color:#555 !important;
		/*font-size:16px !important;*/
		font-weight:bold !important;
		background-color:transparent !important;
	}
	.headSubTxt {
		font-size:1.25rem;
		font-weight:300;
		text-align:center;
		color:#797979;
		margin-top:20px;
		width:100%;
	}
	.survey_container.surveyGuide02 {
		padding:70px;
		padding-top:50px;
		color:#555;
		font-size:1rem;
		font-weight:bold;
		width:90%;
		margin-top:0px;
		margin:auto;
		border:0;
		border-top:1px solid #222;
		background:url('../images/bg_pattern02.png')
	}
	.survey_container.surveyGuide p, .survey_container.surveyGuide p strong, .survey_container.surveyGuide p span {
		color:#555 !important;
		/*font-size:1rem !important;*/
		font-weight:500 !important;
		background-color:transparent !important;
	}
	.guideSubTxt {
		font-size:1.25rem;
		font-weight:500;
		text-align:center;
		line-height:1.4;
		color:#222;
		width:100%;
		margin:auto;
		margin-top:20px;
		padding-bottom:40px;
	}
	.surveyFinalCont {
		width:100%;
		margin:0 auto;
	}
	.surveyFinalCont ul {
		display:block;
		width:450px;
		margin:0 auto;
	}
	.surveyFinalCont li {min-height:100px;}
	.surveyFinalCont li img {margin-top:8px;}
	.finalHead {
		font-size:28px;
		color:#fff;
		letter-spacing:-0.5px;
		text-align:center;
		line-height:100px;
	}
	.surveyFinalCont .finalHead {
		background:url('../images/img_visual01.png') no-repeat;
		background-size:cover;
	}
	.surveyFinalCont ul:last-child .finalHead {
		background:url('../images/img_visual02.png') no-repeat;
		background-size:cover;
	}
	.finalEndTxt {
		text-align:center;
		margin-bottom:40px;
	}
	.finalEndTxt dt {
		font-size:2rem;
		color:#222;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_b.png') no-repeat center top;
		padding-top:30px;
	}
	.finalEndTxt dd {
		font-size:22px;
		color:#797979;
		font-weight:300;
	}
	.finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.finalEndTxt dt:after {
		display:none;
		content:"";
		width:30px;
		height:1px;
		background:#222;
		margin:0 auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	.finalEndTxt dd:after {
		content:"";
		display:block;
		margin:0 auto;
		width:30px;
		height:1px;
		background:#222;
		margin-top:30px;
	}
	.finalGoto {background:#fff;}
	.finalGoto a {
		display:inline-block;
		font-size:18px;
		color:#555;
		padding:40px 20px;
		text-align:center;
		width:100%;
		font-weight:bold;
		border:1px solid #dbdbdb;
	}
	.finalGoto a img {
		margin-top:10px;
		margin-left:5px;
		opacity:0.3
	}
	.finalGoto a:hover {
		opacity:1;
		border-color:#555;
		color:#222;
		font-weight:bold;
	}
	.finalGoto a:hover img {opacity:1;}
	.finalGoto a span {display:block;}
	.surveyFinalCont.lastFinal .finalEndTxt {
		text-align:center;
		margin-bottom:40px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dt {
		font-size:3.5rem;
		color:#222;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_middleb.png') no-repeat center top;
		padding-top:80px;
		padding-bottom:20px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd {
		font-size:1.5rem;
		color:#434343;
		font-weight:normal;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd:after {display:none;}
	.pledge_sign {
		background:url('../images/bg_pattern02.png') #fff;
		padding:30px 20px;
		text-align:center;
		border-bottom:1px solid #aaa;
		margin:auto;
		width:90%;
	}
	.pledgeDate {
		display:inline-block;
		margin-right:20px;
		color:#222;
	}
	.input_sign {
		width:300px;
		height:40px;
		color:#222;
		font-size:16px;
		padding:7px;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.input_sign:-ms-input-placeholder {color:#eee}
	.input_sign::-webkit-input-placeholder {color:#eee}
	.input_sign::-moz-placeholder {color:#eee;}
	.input_sign:hover, .input_sign:focus, .input_sign:active {
		color:#222;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.surveyContHead {
		margin:auto;
		margin-top:-65px;
		background:#222;
		color:#fff;
		min-height:50px;
		width:100%;
		border-radius:25px;
		text-align:center;
		font-size:1.5rem;
		padding:6px 20px;
	}
	.surveyCont {padding-left:40px;}
	.surveyItem {padding-bottom:30px;}
	.surveyItem:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyItem.subItem {
		width:98%;
		padding-left:50px;
		padding-right:25px;
		padding-bottom:40px;
		border:1px dashed #aaa;
		border-radius:30px;
		margin-bottom:40px;
	}
	.surveyImg {
		width:100%;
		max-width:1024px;
		text-align:center;
		overflow:hidden;
	}
	.surveyImg img {
		max-width:560px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.surveyTxt {
		position:relative;
		font-size:1.25rem;
		font-weight:500;
		color:#222;
		letter-spacing:-0.07rem;
		margin-top:30px;
		transform:scale(1,1.05);
		line-height:1.4;
		padding-bottom:20px;
	}
	.surveyTxt:before {
		content:"Q";
		display:inline-block;
		position:absolute;
		left:-30px;
		font-family:Arial;
		font-size:1.75rem;
		font-weight:bold;
		top:0;
		height:0;
		line-height:normal;
	}
	.pointColor02.surveyTxt {
		color:#da9603;
		background:#fff7e8;
		padding-left:10px;
	}
	.pointColor02.surveyTxt:after {
		content:"";
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		left:-80px;
		top:0;
		border-left:5px solid #eeae00;
	}
	.surveyItem.subItem .surveyTxt:before {left:-30px;}
	.surveyItem.subItem .pointColor02.surveyTxt::after {left:-50px;}
	.surveyTxtInfo {
		color:#999;
		font-size:1rem;
		font-weight:600;
	}
	.surveyTxtInfo:before {
		content:"[";
		margin-right:2px;
	}
	.surveyTxtInfo:after {
		content:"]";
		margin-left:2px;
	}
	.surveySlider {
		width:100%;
		height:50px;
		margin:auto;
		margin-top:50px;
		margin-bottom:50px;
	}
	.surveySelectBox.hiddenLabel {display:none;}
	.surveyLabel_area {width:100%;}
	.surveyLabel_area.option {
		width:48%;
		display:inline-block;
		height:50px;
		margin-top:10px;
		margin-right:1.5%;
		vertical-align:middle;
	}
	.surveyLabel_area:after, .surveySelectBox fieldset:after, .surveySelectBox:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyLabel {
		float:left;
		position:relative;
		width:20%;
		text-align:center;
		padding-top:20px;
		cursor:pointer;
	}
	.surveyLabel_area.option .surveyLabel {	padding-top:14px;	}
	.surveyBar {
		width:100%;
		height:5px;
		background:#ccc;
		text-indent:-99999px;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyBar {height:3px;}
	.surveyLabel .surveyBar:after {
		display:block;
		content:"";
		position:absolute;
		top:7px;
		left:0;
		right:0;
		width:30px;
		height:30px;
		background:#fff;
		border:10px solid  #ccc;
		border-radius:50%;
		margin:auto;
	}
	.surveyLabel_area.option .surveyLabel .surveyBar:after {top:0px;}
	.surveyLabel.onLabel .surveyBar {
		background:#e74f55;
		color:#e74f55;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyLabel.onLabel .surveyBar {background:#ccc;}
	.surveyLabel.onLabel .surveyBar:after {
		border:10px solid #f55157;
		background:#fff;
	}
	.surveyLabel:hover .surveyBar {
		background:#f55157;
		color:#f55157;
	}
	.surveyLabel_area.option .surveyLabel:hover .surveyBar {
		background:#ccc;
		color:#f55157;
	}
	.surveyLabel:hover .surveyBar:after {border:10px solid #e74f55;}
	.surveyLabelTxt {
		display:block;
		margin-top:30px;
		font-family:NotoSansKR;
		font-weight:400;
		font-size:1rem;
		color:#666;
		transform:scale(1,1.05);
	}
	.surveyLabel_area.option .surveyLabelTxt {
		margin-top:12px;
		font-size:14px;
	}
	.surveyLabel.onLabel .surveyLabelTxt, .surveyLabel:hover .surveyLabelTxt {color:#f55157;}
	.surveySelect_area {}
	.surveySelectBox .surveySelect {
		display:inline-block;
		vertical-align:top;
		border:1px solid #cacaca;
		min-height:50px;
		width:48%;
		padding:14px 10px 14px 20px;
		border-radius:0;
		text-align:left;
		margin-right:1.5%;
		margin-top:10px;
		font-family:NotoSansKR;
		font-weight:500;
		color:#666;
		font-size:1rem;
		outline:0;
		box-shadow:none;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		background:url('../images/icon_check02s.png') no-repeat 20px 22px #f7f7f7;
		background-size:0;
	}
	/*.surveySelectBox .surveySelect:hover, .surveySelectBox .surveySelect:active, .surveySelectBox .surveySelect:focus,
	.surveySelectBox .surveySelect.ui-checkboxradio-checked, .surveySelectBox .surveySelect.ui-state-active {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 20px 22px #f55157;
		font-weight:500;
		padding-left:40px;
	}*/
	.surveySelectBox .surveySelect.onSelect {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 20px 22px #f55157;
		font-weight:500;
		padding-left:40px;
	}
	.surveySelectBox input[type='checkbox'] {
		border:none !important;
		background:none !important;
		display:none !important;
	}
	.surveySelectBox .surveySelect.etcSelectBox {display:block;}
	.etcTxtBox {
		width:48%;
		padding:15px;
		background-color:#fef3ee;
	}
	.etcTxtBox textarea.etcTxt {
		width:100%;
		height:60px;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:1rem;
		overflow:auto;
	}
	.etcTxtBox textarea.etcTxt:hover, .etcTxtBox textarea.etcTxt:active, .etcTxtBox textarea.etcTxt:focus {
		width:100%;
		border:1px solid #fec6cf;
		outline:0;
	}
	.surveySelectBox .surveySelect.etcSelectBox.etcType02 {}
	.etcTxtBox.b100 {
		width:100%;
		background:#fff;
		padding:0;
		padding-top:10px;
	}
	.etcTxtBox.b100 textarea.etcTxt {
		width:98%;
		height:auto;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:1rem;
		border-radius:3px;
		overflow:hidden;
	}
	.etcTxtBox.b100 textarea.etcTxt:hover, .etcTxtBox.b100 textarea.etcTxt:active, .etcTxtBox.b100 textarea.etcTxt:focus {
		width:98%;
		border:1px solid #dbdbdb;
		outline:0;
	}
	.surveySelectOption {
		display:inline-block;
		background:#fff;
		width:47%;
		height:50px;
		line-height:18px;
		margin-top:10px;
		margin-right:1.5%;
		vertical-align:middle;
		opacity:0;
		position:relative;
	}
	.surveySelectOption .optionTxt {
		display:block;
		position:absolute;
		top:18px;
		width:47%;
		padding-top:10px;
		color:#999;
		font-size:0.8125rem;
	}
	.surveySelectOption span.optionTxt:first-child {
		left:0;
		text-align:left;
		background:url('../images/icon_arrow07_g.png') no-repeat left 10px top 0;
		padding-left:5px;
	}
	.surveySelectOption span.optionTxt:last-child {
		right:0;
		text-align:right;
		background:url('../images/icon_arrow07_g.png') no-repeat right 10px top 0;
		padding-right:5px;
	}
	.optionBox {
		display:block;
		text-align:center;
		position:relative;
		margin:0 auto;
	}
	.surveySelectOption .optionBox {
		width:100%;
		text-align:center;
	}
	.optionBox:after {
		display:block;
		content:"";
		width:100%;
		height:5px;
		background:#eaeaea;
		margin-top:-15px;
		border-radius:50px;
	}
	.optionLevel {
		width:26px;
		height:26px;
		vertical-align:middle;
		background:#aaa;
		border-radius:50%;
		font-size:0.825rem;
		color:#fff;
		line-height:18px;
		margin:0 3%;
		outline:0;
	}
	.optionBox button:first-child {}
	.optionBox button:last-child {}
	.surveyItem.subItem .optionLevel {margin:0 2% !important;}
	.surveyItem.subItem .optionBox button:first-child {}
	.surveyItem.subItem .optionBox button:last-child {}
	.optionLevel:hover, .optionLevel:active, .optionLevel:focus {
		background:#f38033;
		color:#fff;
		outline:0;
	}
	.onOption {
		background:#f38033;
		color:#fff;
		outline:0;
	}
	.surveyText_area {margin-top:10px;}
	textarea.surveyTextBox {
		width:98%;
		min-height:100px;
		padding:10px;
		color:#555;
		font-size:1rem;
		border:1px solid #dbdbdb;
		border-radius:3px;
		overflow-y:auto;
	}
	textarea.surveyTextBox:focus {
		border:1px solid #dbdbdb;
		outline:0;
	}
	.btn_goTop {
		display:none !important;
	}
}


@media screen and (min-width:577px) and (max-width:768px) {
	.wrap {
		min-width:577px;
		max-width:768px;
	}
	.rwdWrap {
		max-width:100%;
		width:100%;
		height:100%;
		font-family:NotoSansKR;
		background:#fff;
	}
	.copyright {
		display:none;
	}
	.rwdWrap.langWrap {
		background:url('../images/bg_visual01.png');
		background-size:cover;
	}
	.rwdWrap .langContainer {
		width:100%;
	}
	.rwdWrap .copyright.langFooter {
		display:block !important;
		width:100%;
		height:70px;
		text-align:center;
		background-color:transparent;
		color:#fff;
		font-size:0.725rem;
		padding-top:50px;
		font-weight:100;
		opacity:0.3;
	}
	.rwdWrap .langHeader {
		text-align:center;
		width:100%;
		padding-top:20px;
		padding-bottom:10px;
	}
	.rwdWrap .langHeader .logo_area {width:100%;}
	.rwdWrap .langHeader .logo_area img {width:150px;}
	.rwdWrap .langHeader.mobile {
		display:none;
		padding-top:20px;
	}
	.rwdWrap .langHeader.mobile .logo_area {}
	.rwdWrap .langHeader.mobile .logo_area img {
		display:inline-block;
		vertical-align:middle;
	}
	.rwdWrap .langHeader.mobile .logo_area .logo_txt {
		display:inline-block;
		color:#ff7922;
		vertical-align:middle;
	}
	.rwdWrap .langTitle {
		font-size:36px;
		color:#6cb65a;
		text-align:center;
		font-weight:100;
		text-transform:uppercase;
		letter-spacing:-1px;
	}
	.rwdWrap .langTitle:before {
		content:"";
		display:block;
		border-top:1px solid #fff;
		opacity:0.1;
		padding-bottom:30px;
	}
	.rwdWrap .langSelectArea {
		margin-top:30px;
		text-align:center;
	}
	.rwdWrap .langSelectArea:after {display:block; content:""; overflow:hidden; clear:both;}
	.rwdWrap .langSelectArea li {
		float:none;
		display:inline-block;
		height:200px;
		margin-left:1%;
		width:30%;
		min-width:185px;
		vertical-align:middle;
	}
	.rwdWrap .langSelectArea li:first-child {margin-left:0;}
	.rwdWrap .langSelect {
		width:100%;
		height:200px;
		padding:12%;
		color:#222;
		text-align:center;
		background-color:rgba(255,255,255,0.9);
		cursor:pointer;
		border-radius:10px;
	}
	.rwdWrap .langSelect:hover, .rwdWrap .langSelect:active, .rwdWrap .langSelect:focus {
		background:linear-gradient(to bottom, #fff, #fff, #fff, #bababa);
		color:#222;
	}
	.rwdWrap .langSelect h3 {font-size:40px;}
	.rwdWrap .langSelect p {
		font-size:14px;
		font-weight:100;
		padding-bottom:30px;
		opacity:0.6;
	}
	.rwdWrap .btn_langSelect {
		width:100%;
		background:#e00529;
		margin:auto;
		border-radius:50px;
		color:#fff;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.rwdWrap .langSelect:hover .btn_langSelect, .rwdWrap .langSelect:active .btn_langSelect, .rwdWrap .langSelect:focus .btn_langSelect {
		background:#ff6a00;
		color:#fff;
	}
	.stepWrap {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		letter-spacing:-0.5px;
	}
	/* 타이틀 스크롤일때 */
		.stepWrap .surveyHeader {
		width:100%;
		background:url('../images/bg_visual02_01.png') no-repeat center -100px;
		margin:0;
		padding:0px;
		letter-spacing:-0.5px;
		text-align:center;
		z-index:11;
	}
	
	/*타이틀 고정일때
	.stepWrap .surveyHeader {
		width:100%;
		background:url('../images/bg_visual02_01.png') no-repeat center -100px;
		margin:0;
		padding:0px;
		letter-spacing:-0.5px;
		text-align:center;
		position:fixed;
		z-index:11;
	}
 */
	.stepWrap .surveyHeader .surveyHead {
		height:100px;
		width:100%;
		background:#fff;
		border-radius:20px 20px 0 0;
		padding:15px 30px;
		z-index:10;
		display:flex;
		align-items:center;
		justify-content:space-around;
		box-shadow:0 -5px 5px rgba(0,0,0,0.3);
	}
	.stepWrap .surveyHeader.guideHeader .surveyHead {height:100px;}
	.fixBorder {
		height:80px;
		border-top:0px solid #222;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
		background:#fff;
		margin:0 auto;
		width:100%;
		border-radius:20px 20px 0 0;
	}
	/* 타이틀 스크롤일때*/
		.stepWrap .surveyHeader.guideHeader .fixBorder {
		width:90%;
		height:1px;
		border-top:1px solid #222;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
		border-radius:0;
		display:none;
	}
	
	/*
	타이틀 고정일때
	.stepWrap .surveyHeader.guideHeader .fixBorder {
		width:90%;
		height:1px;
		border-top:1px solid #222;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
		border-radius:0;
	}
	*/

	.stepLogo {
		display:none;
		height:0px;
		padding:0;
	}
	.stepLogo img {width:0px;}
	.stepLogo_txt {display:none;}
	.stepLogo.mobile {
		position:relative;
		display:block;
		height:50px;
		line-height:45px;
		padding-top:0px;
		padding-left:20px;
		text-align:left;
	}
	.stepLogo.mobile img {
		display:inline-block;
		width:35px;
		vertical-align:middle;
	}
	.stepLogo.mobile .btn_close {
		display:none;
		position:absolute;
		right:20px;
		top:15px;
		cursor:pointer;
		width:19px;
		height:19px;
		opacity:0.7;
		line-height:19px;
	}
	.stepLogo.mobile .btn_close img {
		vertical-align:top;
		width:auto;
	}
	.stepLogo.mobile .stepLogo_txt {
		display:inline-block;
		vertical-align:middle;
		color:#ff7922;
		font-size:1.35rem;
		line-height:30px;
		padding-top:0px;
		transform:scale(1, 1.05);
	}
	.surveyHeadTxt {
		font-size:1.375rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:bold;
		line-height:1.4;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.surveyHeadTxt.guideTxt {
		font-size:1.5rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:bold;
		line-height:1.2;
		letter-spacing:-1.5px;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.stepStatus_area {
		height:40px;
		width:100%;
		background:#fff;
		border-radius:30px 30px 0 0;
		padding:20px 50px;
		display:none;
	}
	.stepStatus {
		display:none;
		width:0;
		height:0;
	}
	.step_btnBox {position:relative;}
	.btn_step_prev, .btn_step_next {
		height:70px;
		width:70px;
		display:inline-block;
		opacity:0.25;
		text-indent:-99999px;
		position:absolute;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.btn_step_prev {
		left:0;
		top:0;
		background:url('../images/icon_step_preview.png') no-repeat 0 0;
	}
	.btn_step_prev:hover, .btn_step_prev:active, .btn_step_prev:focus,
	.btn_step_next:hover, .btn_step_next:active, .btn_step_next:focus {
		opacity:0.5;
	}
	.btn_step_next {
		right:0;
		top:0;
		background:url('../images/icon_step_next.png') no-repeat 0 0;
	}
	.step_progressBox {
		width:100%;
		text-align:center;
		padding:20px 100px 0;
	}
	.stepProgress {
		display:inline-block;
		width:60%;
		height:10px;
		background:#eee;
		vertical-align:middle;
	}
	.progressBar {
		background:#e74f55;
		height:10px;
		width:10%;
		position:relative;
	}
	.progressBar:after {
		display:block;
		content:"";
		position:absolute;
		top:0;
		left:0;
		background:url('../images/bg_pattern02.png');
		opacity:0.3;
		width:100%;
		height:100%;
	}
	.progressTxt {
		text-align:left;
		margin-top:5px;
		color:#999;
		font-weight:300;
	}
	.progressTxt strong:after {
		display:inline-block;
		content:"%";
		margin-left:3px;
	}
	.stepPage {
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		color:#999;
	}
	.stepPage strong {
		color:#e00529;
	}
	.stepPage strong:after {
		display:inline-block;
		content:"/";
		margin-left:3px;
		margin-right:3px;
		color:#999;
		font-weight:300;
	}
	.btn_survey_area {
		position:fixed;
		bottom:0;
		text-align:center;
		left:0;
		width:100%;
		background:#e00529;
		box-shadow:0 0 10px rgba(0,0,0,0.5) ;
		z-index:12;
	}
	.btn_survey_area.bottomGray {
		position: fixed;
		bottom: 0;
		text-align: center;
		left: 0;
		width: 100%;
		min-width: 280px;
		background: #555;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		z-index: 12;
	}
	.step_page {
		display:inline-block;
		width:49%;
		height:50px;
		line-height:50px;
		color:#fff;
		font-size:1.125rem;
		vertical-align:middle;
		font-weight:300;
	}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyClose, .btn_surveyFinal, .btn_surveyPrint {
		display: inline-block;
		min-width: 140px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		margin: 0;
		padding: 0 30px;
		cursor: pointer;
		font-size: 1.25rem;
		font-weight: 500;
		vertical-align: middle;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
	}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext {background:#e00529;}
	.btn_surveyPrev {
		position:absolute;
		left:0;
	}
	.btn_surveyNext {
		position:absolute;
		right:0;
	}
	.btn_surveyStart, .btn_surveyFinal {
		border-radius:0px;
		min-width:100%;
		width:100%;
	}
	.btn_surveyClose {
		background: #555;
		display: none;
	}
	.btn_surveyPrint {
		background: #555;
		background:none;
	}
	.btn_surveyStart:hover, .btn_surveyStart:active, .btn_surveyStart:focus,
	.btn_surveyPrev:hover, .btn_surveyPrev:active, .btn_surveyPrev:focus,
	.btn_surveyNext:hover, .btn_surveyNext:active, .btn_surveyNext:focus,
	.btn_surveyFinal:hover, .btn_surveyFinal:active, .btn_surveyFinal:focus {
		color:#fff;
		background:#e00529;
	}
	.btn_surveyClose:hover, .btn_surveyClose:active, .btn_surveyClose:focus {
		color: #fff;
		background: #333;
	}
	.btn_surveyPrint:hover, .btn_surveyPrint:active, .btn_surveyPrint:focus {
		color: #fff;
	}
	.btn_surveyStart img, .btn_surveyNext img, .btn_surveyClose img, .btn_surveyFinal img {
		vertical-align: top;
		margin-top: 20px;
		margin-left: 10px;
	}
	.btn_surveyPrev img, .btn_surveyPrint img {
		vertical-align: top;
		margin-top: 20px;
		margin-right: 10px;
	}
	.surveyHeader .surveyHeadCont {
		width:100%;
		margin:auto;
		margin-top:-70px;
		padding:0 10px;
	}
	.surveyHeader .surveyHead_txt {
		margin:auto;
		background:#222;
		color:#fff;
		min-height:30px;
		max-height:80px;
		width:100%;
		border-radius:20px;
		text-align:center;
		font-size:1.125rem;
		font-weight:500;
		padding:6px 20px;
		line-height:1.2;
		overflow:hidden;
	}

	/*타이틀 스크롤일때*/
	.stepContainer {
		width:100%;
		text-align:center;
		margin:0 auto;
		padding-bottom:50px;
		padding-top:0px;
		z-index:10;
	}
	/*타이틀 스크롤일때*/
	.stepContainer.guideConteainer {padding-top:0px;}
	
	
	/*
	타이틀 고정일때
	.stepContainer {
		width:100%;
		text-align:center;
		margin:0 auto;
		padding-bottom:50px;
		padding-top:130px;
		z-index:10;
	}
	.stepContainer.guideConteainer {padding-top:130px;}
	*/

	.stepCont {padding:0}
	.stepContainer.guideConteainer .stepCont {}
	.survey_container {
		position:relative;
		border:0px solid #dbdbdb;
		border-top:0px solid #222;
		padding:25px;
		text-align:left;
		background:#fff;
	}
	.survey_container.surveyGuide {
		border-top:1px solid #222;
		padding:50px;
		color:#222;
		font-size:1rem;
		font-weight:bold;
		width:90%;
		margin-top:0px;
		margin:auto;
		background:#fef9f4;
		border-radius:0;
	}
	.surveyContHead {
		margin:auto;
		background:#222;
		color:#fff;
		min-height:40px;
		width:auto;
		padding:10px;
		border-radius:20px;
		text-align:center;
		line-height:normal;
		font-size:1.25rem;
	}
	.guideSubTxt {
		font-size:1rem;
		font-weight:500;
		text-align:center;
		line-height:1.4;
		color:#222;
		width:100%;
		margin:auto;
		margin-top:20px;
		padding-bottom:40px;
	}
	.survey_container.surveyGuide02 {
		padding:50px;
		color:#555;
		font-size:1rem;
		font-weight:bold;
		width:90%;
		margin-top:0px;
		margin:auto;
		border:0;
		border-top:1px solid #222;
		background:url('../images/bg_pattern02.png')
	}
	.survey_container.surveyGuide p, .survey_container.surveyGuide p strong, .survey_container.surveyGuide p span {
		color:#555 !important;
		/*font-size:1rem !important;*/
		font-weight:500 !important;
		background-color:transparent !important;
	}
	.surveyFinalCont {
		width:100%;
		margin:0 auto;
	}
	.surveyFinalCont ul {
		display:block;
		width:400px;
		margin:0 auto;
	}
	.surveyFinalCont li {min-height:80px;}
	.surveyFinalCont li img {margin-top:8px;}
	.finalHead {
		font-size:1.25rem;
		color:#fff;
		letter-spacing:-0.5px;
		text-align:center;
		line-height:80px;
	}
	.surveyFinalCont .finalHead {
		background:url('../images/img_visual01.png') no-repeat;
		background-size:cover;
	}
	.surveyFinalCont ul:last-child .finalHead {
		background:url('../images/img_visual02.png') no-repeat;
		background-size:cover;
	}
	.finalEndTxt {
		text-align:center;
		margin-bottom:30px;
		letter-spacing:-1px;
	}
	.finalEndTxt dt {
		font-size:2.25rem;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_b.png') no-repeat center top;
		padding-top:30px;
	}
	.finalEndTxt dd {
		font-size:1rem;
		color:#797979;
		font-weight:300;
	}
	.finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.finalEndTxt dt:after {
		display:none;
		content:"";
		width:30px;
		height:1px;
		background:#222;
		margin:0 auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	.finalEndTxt dd:after {
		content:"";
		display:block;
		margin:0 auto;
		width:30px;
		height:1px;
		background:#222;
		margin-top:30px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt {
		text-align:center;
		margin-bottom:40px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dt {
		font-size:2.5rem;
		color:#222;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_middleb.png') no-repeat center top;
		background-size:50px;
		padding-top:60px;
		padding-bottom:20px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd {
		font-size:1.25rem;
		color:#434343;
		font-weight:normal;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd:after {display:none;}
	.finalGoto {background:#fff;}
	.finalGoto a {
		display:inline-block;
		font-size:1.125rem;
		color:#555;
		padding:25px 20px;
		text-align:center;
		width:100%;
		font-weight:bold;
		border:1px solid #dbdbdb;
	}
	.finalGoto a img {
		margin-top:10px;
		margin-left:5px;
		opacity:0.3
	}
	.finalGoto a:hover {
		opacity:1;
		border-color:#555;
		color:#222;
		font-weight:bold;
	}
	.finalGoto a:hover img {opacity:1;}
	.finalGoto a span {display:block;}
	.pledge_sign {
		background:url('../images/bg_pattern02.png') #fff;
		padding:20px;
		text-align:center;
		border-top:1px dotted #aaa;
		border-bottom:1px solid #aaa;
		margin:auto;
		width:90%;
	}
	.pledgeDate {
		display:inline-block;
		margin-right:20px;
		color:#222;
		font-size:16px;
	}
	.input_sign {
		width:200px;
		height:40px;
		color:#222;
		font-size:16px;
		padding:7px;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.input_sign:-ms-input-placeholder {color:#eee}
	.input_sign::-webkit-input-placeholder {color:#eee}
	.input_sign::-moz-placeholder {color:#eee;}
	.input_sign:hover, .input_sign:focus, .input_sign:active {
		color:#222;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.surveyCont {padding-left:20px;}
	.surveyItem {padding-bottom:20px;	}
	.surveyItem:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyItem.subItem {
		width:98%;
		padding-left:40px;
		padding-bottom:30px;
		border:1px dashed #aaa;
		border-radius:30px;
		margin-bottom:20px;
		padding-right:10px;
	}
	.surveyImg {
		width:100%;
		max-width:768px;
		text-align:center;
		overflow:hidden;
	}
	.surveyImg img {
		max-width:560px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.surveyTxt {
		position:relative;
		font-size:1.125rem;
		font-weight:500;
		color:#222;
		letter-spacing:-0.07rem;
		margin-top:30px;
		line-height:1.4;
		transform:scale(1,1.05);
	}
	.surveyItem.subItem .surveyTxt {margin-top:20px;}
	.surveyTxt:before {
		content:"Q";
		display:inline-block;
		position:absolute;
		left:-25px;
		font-family:Arial;
		font-size:1.375rem;
		font-weight:bold;
		top:0;
		height:0;
		line-height:normal;
	}
	.pointColor02.surveyTxt {
		color:#da9603;
		background:#fff7e8;
		padding:5px 10px;
	}
	.pointColor02.surveyTxt:after {
		content:"";
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		left:-45px;
		top:0;
		border-left:5px solid #eeae00;
	}
	.surveyItem.subItem .pointColor02.surveyTxt:after {left:-40px;}
	.surveyTxtInfo {
		color:#999;
		font-size:0.875rem;
		font-weight:400;
		font-family:NotoSansKR;
	}
	.surveyTxtInfo:before {
		content:"[";
		margin-right:2px;
	}
	.surveyTxtInfo:after {
		content:"]";
		margin-left:2px;
	}
	.surveySlider {
		width:100%;
		height:50px;
		margin:auto;
		margin-top:30px;
		margin-bottom:40px;
	}
	.surveySelectBox.hiddenLabel {display:none;}
	.surveyLabel_area {width:100%;}
	.surveyLabel_area.option {
		width:46%;
		display:inline-block;
		height:50px;
		margin-top:10px;
		margin-right:4%;
		vertical-align:middle;
	}
	.surveyLabel_area:after, .surveySelectBox fieldset:after, .surveySelectBox:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyLabel {
		float:left;
		position:relative;
		width:20%;
		text-align:center;
		padding-top:20px;
		cursor:pointer;
	}
	.surveyLabel_area.option .surveyLabel {padding-top:14px;}
	.surveyBar {
		width:100%;
		height:5px;
		background:#ccc;
		text-indent:-99999px;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyBar {height:3px;}
	.surveyLabel .surveyBar:after {
		display:block;
		content:"";
		position:absolute;
		top:7px;
		left:0;
		right:0;
		width:30px;
		height:30px;
		background:#fff;
		border:10px solid  #ccc;
		border-radius:50%;
		margin:auto;
	}
	.surveyLabel_area.option .surveyLabel .surveyBar:after {top:0px;}
	.surveyLabel.onLabel .surveyBar {
		background:#e74f55;
		color:#e74f55;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyLabel.onLabel .surveyBar {background:#ccc;}
	.surveyLabel.onLabel .surveyBar:after {
		border:10px solid #f55157;
		background:#fff;
	}
	.surveyLabel:hover .surveyBar {
		background:#f55157;
		color:#f55157;
	}
	.surveyLabel_area.option .surveyLabel:hover .surveyBar {
		background:#ccc;
		color:#f55157;
	}
	.surveyLabel:hover .surveyBar:after {border:10px solid #e74f55;}
	.surveyLabelTxt {
		display:block;
		margin-top:25px;
		font-family:NotoSansKR;
		font-weight:400;
		font-size:0.875rem;
		color:#666;
		transform:scale(1,1.05);
	}
	.surveyLabel_area.option .surveyLabelTxt {
		margin-top:12px;
		font-size:14px;
	}
	.surveyLabel.onLabel .surveyLabelTxt, .surveyLabel:hover .surveyLabelTxt {color:#f55157;}
	.surveySelect_area {}
	.surveySelectBox .surveySelect {
		border:1px solid #cacaca;
		min-height:40px;
		width:96%;
		display:block;
		padding:10px 15px;
		border-radius:0;
		text-align:left;
		margin-right:1.5%;
		margin-top:10px;
		font-family:NotoSansKR;
		font-weight:500;
		color:#666;
		font-size:1rem;
		outline:0;
		box-shadow:none;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		background:url('../images/icon_check02s_w.png') no-repeat 15px 17px #f5f5f5;
		background-size:0;
	}
	.surveyItem.subItem .surveySelectBox fieldset {padding-right:30px;}
	/*.surveySelectBox .surveySelect:hover, .surveySelectBox .surveySelect:active, 
	.surveySelectBox .surveySelect:focus,
	.surveySelectBox .surveySelect.ui-checkboxradio-checked, 
	.surveySelectBox .surveySelect.ui-state-active {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 15px 17px #ff574f;
		text-indent:20px;
		font-weight:500;
	}*/
	.surveySelectBox .surveySelect.onSelect {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 15px 17px #ff574f;
		text-indent:20px;
		font-weight:500;
	}
	.surveySelectBox input[type='checkbox'] {
		border:none !important;
		background:none !important;
		display:none !important;
	}
	.surveySelectBox .surveySelect.etcSelectBox {display:block;}
	.etcTxtBox {
		width:96%;
		padding:15px;
		background-color:#fef3ee;
	}
	.etcTxtBox textarea.etcTxt {
		width:100%;
		height:60px;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:0.875rem;
		overflow:auto;
	}
	.etcTxtBox textarea.etcTxt:hover, .etcTxtBox textarea.etcTxt:active, .etcTxtBox textarea.etcTxt:focus {
		width:100%;
		border:1px solid #fec6cf;
		outline:0;
	}
	.etcTxtBox.b100 {
		width:100%;
		background:#fff;
		padding:0;
		padding-top:10px;
	}
	.etcTxtBox.b100 textarea.etcTxt {
		width:96%;
		height:auto;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:1rem;
		border-radius:3px;
		overflow:hidden;
	}
	.etcTxtBox.b100 textarea.etcTxt:hover, .etcTxtBox.b100 textarea.etcTxt:active, .etcTxtBox.b100 textarea.etcTxt:focus {
		width:96%;
		border:1px solid #dbdbdb;
		outline:0;
	}
	.surveySelectOption {display:none;}
	.surveySelectOption.mOption {
		display:block;
		width:96%;
		background:#fff;
		min-height:50px;
		padding:0;
		margin-top:20px;
		margin-bottom:20px;
		position:relative;
	}
	.surveySelectOption .optionTxt {
		display:block;
		position:absolute;
		top:20px;
		width:48%;
		color:#999;
		font-size:0.8125rem;
		padding-top:10px;
		z-index:9;
	}
	.surveySelectOption span.optionTxt:first-child {
		left:20px;
		text-align:left;
		background:url('../images/icon_arrow07_g.png') no-repeat left 10px top 0;
		padding-left:5px;
	}
	.surveySelectOption span.optionTxt:last-child {
		right:20px;
		text-align:right;
		background:url('../images/icon_arrow07_g.png') no-repeat right 10px top 0;
		padding-right:5px;
	}
	.optionBox {
		display:block;
		text-align:center;
		position:relative;
		margin:0 auto;
		width:100%;
		padding-left:20px;
		padding-right:20px;
		z-index:10;
	}
	.optionBox:after {
		display:block;
		content:"";
		width:100%;
		height:5px;
		background:#eaeaea;
		margin-top:-15px;
		border-radius:50px;
	}
	.optionBox button:first-child {}
	.optionBox button:last-child {}
	.optionLevel {
		width:26px;
		height:26px;
		vertical-align:middle;
		border-radius:50%;
		font-size:0.825rem;
		font-weight:600;
		color:#fff;
		background:#fff;
		line-height:26px;
		margin:0 5.0%;
		border:8px solid #aaa;
		border-radius:50%;
		text-indent:-99999px;
		outline:0;
	}
	.optionLevel:hover, .optionLevel:active, .optionLevel:focus {
		color:#fff;
		background:#fff;
		border:8px solid #f38033;
		border-radius:50%;
		text-indent:-99999px;
		outline:0;
	}
	.onOption {
		color:#fff;
		background:#fff;
		border:8px solid #f38033;
		border-radius:50%;
		text-indent:-99999px;
		outline:0;
	}
	.surveyItem.subItem .optionBox:after {margin-top:-13px;	}
	.surveyItem.subItem .optionBox button:first-child {}
	.surveyItem.subItem .optionBox button:last-child {}
	.surveyItem.subItem .optionLevel {
		width:24px;
		height:24px;
		outline:0;
	}
	.surveyText_area {margin-top:10px;}
	textarea.surveyTextBox {
		width:96%;
		min-height:100px;
		padding:10px;
		color:#555;
		font-size:1rem;
		border:1px solid #dbdbdb;
		border-radius:3px;
		overflow-y:auto;
	}
	textarea.surveyTextBox:focus {
		border:1px solid #dbdbdb;
		outline:0;
	}
	.btn_goTop {
		display:none !important;
		position:fixed;
		bottom:70px;
		right:100px;
		width:35px;
		height:35px;
		text-indent:-99999px;
		background:url('../images/icon_top.png') no-repeat;
		opacity:0.6;
		cursor:pointer;
	}
	.fixedHeadTitle {
		position:fixed !important;
		top:0px !important;
		left:0 !important;
		z-index:100 !important;
		border-radius:0 !important;
		opacity:.9;
	}

}

/*@media screen and (min-width:280px) and (max-width:576px)*/
@media screen and (max-width:576px) {
	.wrap {
		min-width:280px;
		max-width:576px;
	}
	.rwdWrap {
		min-width:280px;
		max-width:576px;
		width:100%;
		height:100%;
		font-family:NotoSansKR;
		background:#fff;
	}
	.copyright {display:none;}
	.rwdWrap.langWrap {
		background:url('../images/bg_visual01.png');
		background-size:cover;
	}
	.rwdWrap .langContainer {
		width:100%;
	}
	.rwdWrap .copyright.langFooter {
		display:block !important;
		width:100%;
		height:70px;
		text-align:center;
		background-color:transparent;
		color:#fff;
		font-size:0.725rem;
		padding-top:50px;
		font-weight:100;
		opacity:0.3;
	}
	.rwdWrap .langHeader {
		display:none;
		text-align:center;
		width:100%;
		padding-top:10px;
		padding-bottom:0px;
	}
	.rwdWrap .langHeader .logo_area {
		width:100%;
	}
	.rwdWrap .langHeader.mobile {
		display:block;
		border-bottom:1px solid #000;
		border-color:rgba(0,0,0,0.15);
	}
	.rwdWrap .langHeader.mobile .logo_area {
		padding-bottom:10px;
		padding-top:10px;
	}
	.rwdWrap .langHeader.mobile .logo_area img {
		display:inline-block;
		vertical-align:middle;
	}
	.rwdWrap .langHeader.mobile .logo_area .logo_txt {
		display:inline-block;
		color:#ff7922;
		vertical-align:middle;
	}
	.rwdWrap .langTitle {
		font-size:1.25rem;
		color:#6cb65a;
		text-align:left;
		font-weight:300;
		letter-spacing:-0.5px;
		padding-left:7%;
		padding-right:7%;
		padding-top:20px;
	}
	.rwdWrap .langTitle:before {
		content:"";
		display:none;
	}
.rwdWrap .langSelectArea {
		margin:10px 20px 0 20px;
		text-align:center;
	}
	.rwdWrap .langSelectArea li {
		float:none;
		display:block;
		height:auto;
		margin-left:0%;
		width:100%;
		min-width:100%;
		vertical-align:middle;
		background:#fff;
		padding:10px 20px;
		border-radius:10px;
		margin-top:10px;
	}
	.rwdWrap .langSelectArea li:first-child {
		margin-left:0;
		margin-top:0;
		border-top:0;
	}
	.rwdWrap .langSelect {
		width:100%;
		padding:15px 10px;
		color:#222;
		text-align:center;
		cursor:pointer;
		text-align:left;
		position:relative;
	}
	.rwdWrap .langSelect:after {
		position:absolute;
		display:inline-block;
		content:"";
		width:8px;
		height:13px;
		right:10px;
		top:30px;
		background:url('../images/icon_arrow01_b.png') no-repeat;
		opacity:0.5;
	}
	.rwdWrap .langSelect:hover, .rwdWrap .langSelect:active, .rwdWrap .langSelect:focus {color:#e00529;}
	.rwdWrap .langSelect h3 {
		display:inline-block;
		width:auto;
		padding-right:10px;
		height:100%;
		font-size:1.5rem;
		text-indent:30px;
		background:url('../images/icon_korea.png') no-repeat left center;
		background-size:20px 20px;
	}
	.rwdWrap .langSelect.eng h3 {
		background:url('../images/icon_english.png') no-repeat left center;
		background-size:20px 20px;
	}
	.rwdWrap .langSelect.cha h3 {
		background:url('../images/icon_china.png') no-repeat left center;
		background-size:20px 20px;
	}
	.rwdWrap .langSelect p {
		display:none;
		width:auto;
		height:auto;
		font-size:14px;
		font-weight:100;
		padding-bottom:0px;
		opacity:0.6;
	}
	.rwdWrap .langSelect:hover p, .rwdWrap  .langSelect:active p, .rwdWrap .langSelect:focus p {color:#222;}
	.rwdWrap .btn_langSelect {display:none;}
	.stepWrap {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		letter-spacing:-0.5px;
	}
	/* 타이틀 스크롤일때*/
	.stepWrap .surveyHeader {
		width:100%;
		min-width:280px;
		background:url('../images/bg_visual02_01.png') no-repeat center -100px;
		margin:0;
		padding:0px;
		letter-spacing:-0.5px;
		text-align:center;
		z-index:11;
	}
	
	/*
	타이틀 고정일때
	.stepWrap .surveyHeader {
		width:100%;
		min-width:280px;
		background:url('../images/bg_visual02_01.png') no-repeat center -100px;
		margin:0;
		padding:0px;
		letter-spacing:-0.5px;
		text-align:center;
		position:fixed;
		z-index:11;
	}
	*/
	.stepWrap .surveyHeader .surveyHead {
		height:100px;
		width:100%;
		min-width:280px;
		background:#fff;
		border-radius:20px 20px 0 0;
		padding:10px 20px;
		z-index:10;
		display:flex;
		align-items:center;
		justify-content:space-around;
		box-shadow:0 -5px 5px rgba(0,0,0,0.3);
	}
	.stepWrap .surveyHeader.guideHeader .surveyHead {height:80px;}
	.surveyHeadTxt {
		font-size:1.25rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:600;
		letter-spacing:-1px;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.surveyHeadTxt.guideTxt {
		font-size:1.25rem;
		color:#222;
		transform:scale(1,1.05);
		font-weight:600;
		line-height:1.2;
		letter-spacing:-1px;
		overflow:hidden;
		height:auto;
		max-height:100%;
	}
	.fixBorder {
		height:80px;
		border-top:0px solid #222;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
		background:#fff;
		margin:0 auto;
		width:100%;
		border-radius:20px 20px 0 0;
	}

	/*헤더스크롤일때*/
	.stepWrap .surveyHeader.guideHeader .fixBorder {
		width:90%;
		height:1px;
		border-top:1px solid #222;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
		border-radius:0;
		display:none;
	}

	/*
	타이틀 고정일때
	.stepWrap .surveyHeader.guideHeader .fixBorder {
		width:90%;
		height:1px;
		border-top:1px solid #222;
		border-left:0px solid #dbdbdb;
		border-right:0px solid #dbdbdb;
		border-radius:0;
	}
	*/
	.stepLogo {
		display:none;
		height:50px;
		padding-top:10px;
	}
	.stepLogo img {
		width:45px;
		vertical-align:top;
	}
	.stepLogo_txt {
		display:inline-block;
		vertical-align:top;
		color:#ff7922;
		font-size:1.125rem;
		padding-top:16px;
		transform:scale(1, 1.05);
	}
	.stepLogo.mobile {
		position:relative;
		display:block;
		line-height:normal;
		height:50px;
		padding-top:15px;
		padding-left:20px;
		text-align:left;
	}
	.stepLogo.mobile img {
		display:inline-block;
		width:35px;
		vertical-align:top;
	}
	.stepLogo.mobile .stepLogo_txt {
		display:inline-block;
		vertical-align:top;
		color:#ff7922;
		font-size:1.25rem;
		line-height:normal;
		padding-top:0px;
		margin-top:-5px;
		transform:scale(1, 1.05);
	}
	.stepLogo.mobile .btn_close {
		display:none;
		position:absolute;
		right:20px;
		top:15px;
		cursor:pointer;
		width:19px;
		height:19px;
		opacity:0.7;
		line-height:19px;
		background:url('../images/icon_close02.png') no-repeat right center;
	}
	.stepLogo.mobile .btn_close img {
		vertical-align:top;
		width:19px;
		height:19px;
		display:none;
	}
	.stepStatus_area {
		height:40px;
		width:100%;
		background:#fff;
		border-radius:20px 20px 0 0;
		padding:20px 50px;
		display:none;
	}
	.stepStatus {
		display:none;
		width:0;
		height:0;
	}
	.step_btnBox {position:relative;}
	.btn_step_prev, .btn_step_next {
		height:70px;
		width:70px;
		display:inline-block;
		opacity:0.25;
		text-indent:-99999px;
		position:absolute;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.btn_step_prev {
		left:0;
		top:0;
		background:url('../images/icon_step_preview.png') no-repeat 0 0;
	}
	.btn_step_prev:hover, .btn_step_prev:active, .btn_step_prev:focus,
	.btn_step_next:hover, .btn_step_next:active, .btn_step_next:focus {
		opacity:0.5;
	}
	.btn_step_next {
		right:0;
		top:0;
		background:url('../images/icon_step_next.png') no-repeat 0 0;
	}
	.step_progressBox {
		width:100%;
		text-align:center;
		padding:20px 100px 0;
	}
	.stepProgress {
		display:inline-block;
		width:60%;
		height:10px;
		background:#eee;
		vertical-align:middle;
	}
	.progressBar {
		background:#e74f55;
		height:10px;
		position:relative;
	}
	.progressBar:after {
		display:block;
		content:"";
		position:absolute;
		top:0;
		left:0;
		background:url('../images/bg_pattern02.png');
		opacity:0.3;
		width:100%;
		height:100%;
	}
	.progressTxt {
		text-align:left;
		margin-top:5px;
		color:#999;
		font-weight:300;
	}
	.progressTxt strong:after {
		display:inline-block;
		content:"%";
		margin-left:3px;
	}
	.stepPage {
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		color:#999;
	}
	.stepPage strong {color:#e00529;}
	.stepPage strong:after {
		display:inline-block;
		content:"/";
		margin-left:3px;
		margin-right:3px;
		color:#999;
		font-weight:300;
	}
	.btn_survey_area {
		position:fixed;
		bottom:0;
		text-align:center;
		left:0;
		width:100%;
		min-width:280px;
		background:#e00529;
		box-shadow:0 0 10px rgba(0,0,0,0.5) ;
		z-index:12;
	}
	.btn_survey_area.bottomGray {
		position: fixed;
		bottom: 0;
		text-align: center;
		left: 0;
		width: 100%;
		min-width: 280px;
		background: #555;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		z-index: 12;
	}
	.step_page {
		display:inline-block;
		width:30%;
		min-width:50px;
		height:50px;
		line-height:50px;
		color:#fff;
		font-weight:300;
		font-size:1rem;
		vertical-align:middle;
	}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyClose, .btn_surveyFinal, .btn_surveyPrint {
		display: inline-block;
		min-width: 80px;
		width: 30%;
		height: 50px;
		line-height: 50px;
		color: #fff;
		margin: 0;
		padding: 0 10px;
		cursor: pointer;
		font-size: 1rem;
		font-weight: 500;
		vertical-align: middle;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
	}
	.btn_surveyPrev {
		position:absolute;
		left:0;
	}
	.btn_surveyNext {
		position:absolute;
		right:0;
	}
	.btn_surveyStart, .btn_surveyPrev, .btn_surveyNext, .btn_surveyFinal {background:#e00529;}
	.btn_surveyStart, .btn_surveyFinal {
		border-radius:0px;
		min-width:100%;
		width:100%;
	}
	.btn_surveyClose {
		display: none;
		background: #555;
		border-radius: 0px;
	}
	.btn_surveyPrint {
		background: none;
	}
	.btn_surveyStart:hover, .btn_surveyStart:active, .btn_surveyStart:focus,
	.btn_surveyPrev:hover, .btn_surveyPrev:active, .btn_surveyPrev:focus,
	.btn_surveyNext:hover, .btn_surveyNext:active, .btn_surveyNext:focus,
	.btn_surveyFinal:hover, .btn_surveyFinal:active, .btn_surveyFinal:focus {
		color:#fff;
		background:#e00529;
	}
	.btn_surveyPrev.stepBomDis, .btn_surveyPrev.stepBomDis:hover, 
	.btn_surveyPrev.stepBomDis:focus, .btn_surveyPrev.stepBomDis:active {
		opacity:0.3;
		cursor:default;
		background-color:#e00529;
		display:none;
	}
	.btn_surveyClose:hover, .btn_surveyClose:active, .btn_surveyClose:focus {
		color: #fff;
		background: #333;
	}
	.btn_surveyPrint:hover, .btn_surveyPrint:active, .btn_surveyPrint:focus {color:#fff;}
	.btn_surveyStart img, .btn_surveyNext img, .btn_surveyClose img, .btn_surveyFinal img {
		vertical-align: top;
		margin-top: 20px;
		margin-left: 10px;
	}
	.btn_surveyPrev img, .btn_surveyPrint img {
		vertical-align: top;
		margin-top: 20px;
		margin-right: 10px;
	}
	.surveyHeader .surveyHeadCont {
		width:100%;
		margin:auto;
		margin-top:-70px;
		padding:0 10px;
	}
	.surveyHeader .surveyHead_txt {
		margin:auto;
		background:#222;
		color:#fff;
		min-height:30px;
		max-height:70px;
		width:100%;
		border-radius:20px;
		text-align:center;
		font-size:1rem;
		font-weight:500;
		padding:6px 10px;
		line-height:1.2;
		overflow:hidden;
	}
	/*타이틀 스크롤일때*/
	.stepContainer {
		width:100%;
		text-align:center;
		margin:0 auto;
		padding-bottom:50px;
		padding-top:0px;
		z-index:10;
		min-width:280px;
	}
	/*타이틀 스크롤일때*/
	.stepContainer.guideConteainer {padding-top:0px;}

	
	/*
	타이틀 고정일때

	.stepContainer {
		width:100%;
		text-align:center;
		margin:0 auto;
		padding-bottom:50px;
		padding-top:130px;
		z-index:10;
		min-width:280px;
	}
	
	.stepContainer.guideConteainer {padding-top:130px;}
*/
	.stepCont {
		padding:0;
	}
	.survey_container {
		position:relative;
		border:0px solid #dbdbdb;
		border-top:0px solid #222;
		padding:20px;
		padding-top:0;
		text-align:left;
		background:#fff;
		border-radius:20px 20px 0 0;
	}
	.survey_container.surveyGuide {
		border-top:1px solid #222;
		padding:40px 20px;
		color:#222;
		font-size:1rem;
		font-weight:bold;
		width:90%;
		margin-top:0px;
		margin:auto;
		background:#fef9f4;
		border-radius:0;
	}
	.survey_container.surveyGuide p, .survey_container.surveyGuide p strong, .survey_container.surveyGuide p span {
		color:#555 !important;
		/*font-size:1rem !important;*/
		font-weight:500 !important;
		background-color:transparent !important;
	}
	.guideSubTxt {
		font-size:1rem;
		font-weight:500;
		text-align:center;
		line-height:1.4;
		color:#222;
		width:100%;
		margin:auto;
		margin-top:20px;
		padding-bottom:0px;
	}
	.survey_container.surveyGuide02 {
		padding:30px 0;
		padding-top:0;
		color:#555;
		font-size:16px;
		font-weight:bold;
		width:90%;
		margin-top:0px;
		margin:auto;
		border:0;
		border-top:0px solid #222;
		border-radius:0;
		background:url('../images/bg_pattern02.png');
	}
	.surveyFinalCont {padding:0 20px;}
	.surveyFinalCont:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyFinalCont ul {
		display:block;
		width:100%;
		float:none;
		margin:0 auto;
	}
	.surveyFinalCont li {display:block;}
	.finalHead {
		font-size:1.125rem;
		color:#fff;
		letter-spacing:-0.5px;
		padding:10px 5px;
		text-align:center;
		margin-top:30px;
		background:#333;
	}
	.surveyFinalCont ul:first-child .finalHead {margin-top:0;}
	.surveyFinalCont ul:last-child .finalHead {}
	.finalEndTxt {
		text-align:center;
		padding-top:20px;
	}
	.finalEndTxt dt {
		font-size:1.75rem;
		padding:5px 30px;
		color:#e00529;
		font-family:NotoSansKR;
	}
	.finalEndTxt dt:after {
		display:none;
		content:"";
		width:30px;
		height:1px;
		background:#222;
		margin:0 auto;
		margin-top:20px;
	}
	.finalEndTxt dd {
		font-size:1rem;
		color:#797979;
		font-weight:normal;
		padding:10px;
	}
	.finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.finalEndTxt dd:after {
		content:"";
		display:block;
		margin:0 auto;
		width:20px;
		height:1px;
		background:#222;
		margin-top:20px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt {
		text-align:center;
		margin-bottom:30px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dt {
		font-size:2.5rem;
		color:#222;
		font-family:NotoSansKR;
		font-weight:600;
		color:#e00529;
		background:url('../images/icon_info02_middleb.png') no-repeat center 10px;
		background-size:36px;
		padding-top:60px;
		padding-bottom:20px;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd {
		font-size:1rem;
		color:#797979;
		font-weight:normal;
	}
	.surveyFinalCont.lastFinal .finalEndTxt dd:after {display:none;}
	.surveyFinalCont.lastFinal .finalEndTxt dd strong {
		color:#e00529;
		display:block;
	}
	.finalGoto {background:#fff;}
	.finalGoto a {
		display:inline-block;
		font-size:1rem;
		color:#666;
		padding:20px;
		text-align:center;
		border:1px solid #dbdbdb;
		width:100%;
		font-weight:normal;
	}
	.finalGoto a img {
		margin-top:8px;
		margin-left:5px;
		opacity:0.3
	}
	.finalGoto a:hover {
		opacity:1;
		border-color:#222;
		color:#222;
		font-weight:bold;
	}
	.finalGoto a:hover img {opacity:1}
	.finalGoto a span {display:block;}
	.surveyContHead {
		margin:auto;
		background:#222;
		color:#fff;
		min-height:40px;
		width:auto;
		padding:10px;
		border-radius:20px;
		text-align:center;
		line-height:normal;
		font-size:1.125rem;
	}
	.pledge_sign {
		background:url('../images/bg_pattern02.png') #fff;
		padding:15px 20px;
		text-align:center;
		border-bottom:1px solid #aaa;
		border-top:1px dashed #aaa;
		margin:auto;
		margin-bottom:20px;
		width:90%;
	}
	.pledgeDate {
		display:inline-block;
		margin-right:10px;
		color:#222;
	}
	.input_sign {
		width:160px;
		height:40px;
		color:#222;
		font-size:0.875rem;
		padding:7px;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.input_sign:-ms-input-placeholder {color:#eee}
	.input_sign::-webkit-input-placeholder {color:#eee}
	.input_sign::-moz-placeholder {color:#eee;}
	.input_sign:hover, .input_sign:focus, .input_sign:active {
		color:#222;
		background:#fff;
		border:2px solid #222;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
	}
	.surveyCont {padding-left:0px;}
	.surveyItem {padding-bottom:20px;}
	.surveyItem:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyItem.subItem {
		width:100%;
		padding:10px;
		padding-top:20px;
		border:1px dashed #aaa;
		border-radius:10px;
		margin-bottom:20px;
	}
	.surveyImg {
		max-width:576px;
		text-align:center;
		overflow:hidden;
	}
	.surveyImg img {
		width:100%;
		max-width:576px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.surveyTxt {
		position:relative;
		font-size:1rem;
		font-weight:500;
		color:#222;
		letter-spacing:-0.07rem;
		margin-top:30px;
		padding-bottom:10px;
		line-height:1.4;
		font-family:NotosansKr;
	}
	.surveyItem.subItem .surveyTxt {
		margin-top:20px;
		padding-bottom:3px;
	}
	.surveyTxt:before {
		content:"Q";
		display:block;
		position:absolute;
		left:0px;
		font-family:Arial;
		font-size:1.25rem;
		font-weight:600;
		color:#ccc;
		top:-25px;
		height:0;
		line-height:normal;
	}
	.surveyItem.subItem .surveyTxt:after {
		/*content:"Sub";
		display:block;
		position:absolute;
		left:20px;
		font-family:NotoSansKR;
		font-size:0.8125rem;
		font-weight:300;
		color:#fff;
		text-align:center;
		background:#555;
		top:-23px;
		height:0;
		width:44px;
		height:18px;
		line-height:18px;
		border-radius:50px;
		letter-spacing:0;
		border-left:0px solid #e00529;*/
		display:none;
	}
	.pointColor02.surveyTxt {
		color:#da9603;
		background:#fff7e8;
		padding:5px 10px;
	}
	.pointColor02.surveyTxt:after {
		content:"";
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		left:-20px;
		top:0;
		border-left:5px solid #eeae00;
	}
	.surveyItem.subItem .pointColor02.surveyTxt:after {left:20px;}
	.surveyItem.subItem .pointColor02.surveyTxt:before {
		content:"Q";
		display:block;
		position:absolute;
		font-family:Arial;
		font-size:1.25rem;
		color:#ccc;
		top:-25px;
		height:0;
		line-height:normal;
		text-indent:5px;
		width:100%;
		height:140%;
		left:-10px;
		border-left:5px solid #eeae00;
	}
	.surveyTxtInfo {
		padding-top:5px;
		padding-bottom:5px;
		color:#999;
		font-size:0.875rem;
		font-weight:400;
		font-family:NotoSansKR;
	}
	.surveyTxtInfo:before {
		content:"[";
		margin-right:2px;
	}
	.surveyTxtInfo:after {
		content:"]";
		margin-left:2px;
	}
	.surveySlider {
		display:none;
		width:0;
		height:0px;
		margin:auto;
		margin-top:0px;
		margin-bottom:0px;
	}
	.surveyLabel_area {width:100%;}
	.surveyLabel_area.option {
		width:46%;
		display:inline-block;
		height:50px;
		margin-top:10px;
		margin-right:4%;
		vertical-align:middle;
	}
	.surveyLabel_area:after, .surveySelectBox fieldset:after, .surveySelectBox:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveyLabel {
		float:left;
		position:relative;
		width:20%;
		text-align:center;
		padding-top:20px;
		cursor:pointer;
	}
	.surveyLabel_area.option .surveyLabel {padding-top:14px;}
	.surveyBar {
		width:100%;
		height:5px;
		background:#ccc;
		text-indent:-99999px;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyBar {height:3px;}
	.surveyLabel .surveyBar:after {
		display:block;
		content:"";
		position:absolute;
		top:7px;
		left:0;
		right:0;
		width:30px;
		height:30px;
		background:#fff;
		border:10px solid  #ccc;
		border-radius:50%;
		margin:auto;
	}
	.surveyLabel_area.option .surveyLabel .surveyBar:after {top:0px;}
	.surveyLabel.onLabel .surveyBar {
		background:#e74f55;
		color:#e74f55;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
	}
	.surveyLabel_area.option .surveyLabel.onLabel .surveyBar {background:#ccc;}
	.surveyLabel.onLabel .surveyBar:after {
		border:10px solid #f55157;
		background:#fff;
	}
	.surveyLabel:hover .surveyBar {
		background:#f55157;
		color:#f55157;
	}
	.surveyLabel_area.option .surveyLabel:hover .surveyBar {
		background:#ccc;
		color:#f55157;
	}
	.surveyLabel:hover .surveyBar:after {border:10px solid #e74f55;}
	.surveyLabelTxt {
		display:block;
		margin-top:25px;
		font-family:NotoSansKR;
		font-weight:400;
		font-size:0.875rem;
		color:#666;
		transform:scale(1,1.05);
	}
	.surveyLabel_area.option .surveyLabelTxt {
		margin-top:12px;
		font-size:14px;
	}
	.surveyLabel.onLabel .surveyLabelTxt, .surveyLabel:hover .surveyLabelTxt {color:#f55157;}
	.surveySelect_area {}
	.surveySelectBox {width:100%;}
	.surveySelectBox fieldset {width:100%;}
	.surveySelectBox .surveySelect {
		display:block;
		border:1px solid #cacaca;
		min-height:40px;
		width:100%;
		padding:11px 15px;
		border-radius:0;
		text-align:left;
		margin-right:0;
		margin-top:5px;
		font-family:NotoSansKR;
		font-weight:500;
		color:#666;
		font-size:0.875rem;
		outline:0;
		box-shadow:none;
		transition:all .3s ease;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		background:url('../images/icon_check02s.png') no-repeat 10px 16px #f7f7f7;
		background-size:0;
	}
	.surveyItem.subItem .surveySelectBox .surveySelect {display:block;}
	/*.surveySelectBox .surveySelect:hover, .surveySelectBox .surveySelect:active, .surveySelectBox .surveySelect:focus,
	.surveySelectBox .surveySelect.ui-checkboxradio-checked, .surveySelectBox .surveySelect.ui-state-active {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 10px 16px #ff574f;
		padding-left:30px;
		padding-right:10px;
		font-weight:500;
		text-indent:0;
	}*/
	.surveySelectBox .surveySelect.onSelect {
		color:#fff;
		outline:0;
		box-shadow:none;
		border:1px solid #f55157;
		background:url('../images/icon_check02s_w.png') no-repeat 10px 16px #ff574f;
		padding-left:30px;
		padding-right:10px;
		font-weight:500;
		text-indent:0;
	}
	.surveySelectBox input[type='checkbox'] {
		border:none !important;
		background:none !important;
		display:none !important;
	}
	.surveySelectBox .surveySelect.etcSelectBox {display:block;}
	.surveySelectBox.hiddenLabel {display:block;}
	.etcTxtBox {
		width:100%;
		padding:10px;
		background-color:#fef3ee;
	}
	.etcTxtBox textarea.etcTxt {
		width:100%;
		height:60px;
		padding:5px 10px;
		border:1px solid #dbdbdb;
		font-size:0.875rem;
		overflow:auto;
	}
	.etcTxtBox textarea.etcTxt:hover, .etcTxtBox textarea.etcTxt:active, .etcTxtBox textarea.etcTxt:focus {
		width:100%;
		border:1px solid #fec6cf;
		outline:0;
	}
	.etcTxtBox.b100 {
		width:100%;
		background:#fff;
		padding:0;
		padding-top:10px;
	}
	.etcTxtBox.b100 textarea.etcTxt {
		width:100%;
		height:auto;
		padding:8px 10px;
		border:1px solid #dbdbdb;
		font-size:1rem;
		border-radius:3px;
		overflow:hidden;
	}
	.etcTxtBox.b100 textarea.etcTxt:hover, .etcTxtBox.b100 textarea.etcTxt:active, .etcTxtBox.b100 textarea.etcTxt:focus {
		width:100%;
		border:1px solid #dbdbdb;
		outline:0;
	}
	.surveySelectOption {display:none;}
	.surveySelectOption.mOption {
		display:block;
		background:#fff;
		width:100%;
		min-width:240px;
		min-height:50px;
		padding:0;
		margin-top:10px;
		margin-bottom:10px;
		position:relative;
	}
	.surveySelectOption:after {display:block; content:""; overflow:hidden; clear:both;}
	.surveySelectOption .optionTxt {
		display:block;
		position:absolute;
		top:18px;
		width:48%;
		color:#999;
		font-size:0.8125rem;
		line-height:1.2;
		padding-top:10px;
		z-index:9;
	}
	.surveySelectOption span.optionTxt:first-child {
		left:0px;
		text-align:left;
		background:url('../images/icon_arrow07_g.png') no-repeat left 5px top 0;
	}
	.surveySelectOption span.optionTxt:last-child {
		right:0px;
		text-align:right;
		background:url('../images/icon_arrow07_g.png') no-repeat right 5px top 0;
	}
	.optionBox {
		display:block;
		text-align:center;
		position:relative;
		margin:0 auto;
		width:100%;
		z-index:10;
	}
	.optionBox:after {
		display:block;
		content:"";
		width:100%;
		height:3px;
		background:#eaeaea;
		margin-top:-14px;
		border-radius:50px;
	}
	.optionBox button:first-child {}
	.optionBox button:last-child {}
	.optionLevel {
		width:26px;
		height:26px;
		vertical-align:middle;
		background:#aaa;
		border-radius:50%;
		font-size:0.825rem;
		font-weight:600;
		color:#fff;
		margin:0 3%;
		border:8px solid #aaa;
		background:#fff;
		border-radius:50%;
		text-indent:-99999px;
		outline:0;
	}
	.optionLevel:hover, .optionLevel:active, .optionLevel:focus {
		color:#fff;
		background:#fff;
		border:8px solid #f38033;
		border-radius:50%;
		text-indent:-99999px;
		outline:0;
	}
	.onOption {
		color:#fff;
		background:#fff;
		border:8px solid #f38033;
		border-radius:50%;
		text-indent:-99999px;
	}
	.surveyItem.subItem .optionBox button:first-child {}
	.surveyItem.subItem .optionBox button:last-child {}
	.surveyItem.subItem .optionLevel {
		width:24px;
		height:24px;
		margin:0 3%;
		outline:0;
	}
	.surveyText_area {margin-top:10px;}
	textarea.surveyTextBox {
		width:100%;
		min-height:70px;
		padding:5px;
		color:#555;
		font-size:0.875rem;
		border:1px solid #dbdbdb;
		border-radius:3px;
		overflow-y:auto;
	}
	textarea.surveyTextBox:focus {
		border:1px solid #dbdbdb;
		outline:0;
	}
	.btn_goTop {
		display:none !important;
		position:fixed;
		bottom:70px;
		right:100px;
		width:35px;
		height:35px;
		text-indent:-99999px;
		background:url('../images/icon_top.png') no-repeat;
		opacity:0.6;
		cursor:pointer;
	}

	.fixedHeadTitle {
		position:fixed !important;
		top:0px !important;
		left:0 !important;
		z-index:100 !important;
		border-radius:0 !important;
		opacity:.9;
	}

}

/* error */
.error_container {
    width: 100%;
}

    .error_container ul {
        width: 1000px;
        margin: 0 auto;
        margin-top: 70px;
        text-align: center;
    }

.error_title {
    font-family: NotoSansKR;
    color: #222;
    background: url('../images/icon_info01_midG.png') no-repeat center top;
    padding-top: 100px;
    padding-bottom: 30px;
}

    .error_title.auth {
        background: url('../images/error02.png') no-repeat center top;
    }

    .error_title h1 {
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -1px;
        transform: scale(1,1.05);
        padding-top: 0px;
    }

.error_conts {
    border-top: 2px solid #e00529;
    padding: 60px 0;
    min-height: 200px;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    background: url('../images/bg_pattern04.png') #666;
}

.error_account {
    background: #fff;
    padding: 40px 0;
    border-bottom: 1px dashed #aaa;
}

    .error_account div {
        display: inline-block;
        vertical-align: middle;
        padding: 0 30px;
    }

        .error_account div span, .error_account div strong {
            font-size: 18px;
            display: inline-block;
            vertical-align: middle;
        }

        .error_account div strong {
            color: #e00529;
            padding-left: 10px;
        }

.error_btnArea {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
}

.btn_type07 {
    padding: 0 10px;
    background: #eee;
    height: 40px;
    min-width: 170px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
    margin: 0 auto;
    border-radius: 3px;
    border: 1px solid #aaa;
    vertical-align: middle;
}

    .btn_type07:hover {
        background-color: #fff;
    }


/* ==========================================================
 *   2021.09.15 :: Add New Style 
 * ========================================================== */
/* privacy policy */
p.link_privacy {display: none;}

.survey_container.surveyGuide.privacy {min-height: 300px; padding: 40px 50px; font-weight: 300; font-size: 16px; color: #555; background-image: none; background-color: #fef9f4;}
    .survey_container.surveyGuide.privacy h3.title {margin-bottom: 8px; font-weight: 700; color: #111;}
    .division {margin: 0px; padding: 0px; word-break: keep-all;}
    .division + .division {margin-top: 40px;}
    .division:after {content: ''; display: block; clear: both;}

    .privacy ol.privacy_list {list-style: none;}
    .privacy ol.privacy_list:after {content: ''; display: block; clear: both;}
    .privacy ol.privacy_list > li {position: relative; display: block; padding-left: 20px; color: #444;}
    .privacy ol.privacy_list > li + li {margin-top: 12px;}
    .privacy ol.privacy_list > li:before {position: absolute; display: inline-block; left: 0px;}
    .privacy ol.privacy_list > li:nth-child(1):before {content:'①';}
    .privacy ol.privacy_list > li:nth-child(2):before {content:'②';}
    .privacy ol.privacy_list > li:nth-child(3):before {content:'③';}
    .privacy ol.privacy_list > li:nth-child(4):before {content:'④';}
    .privacy ol.privacy_list > li:nth-child(5):before {content:'⑤';}

    .privacy ul.dash_list,
    .privacy ul.dash_list li:after {content: ''; display: block; clear: both;}
    .privacy ul.dash_list li {margin-left: 15px; margin-top: 5px; font-weight: 300;}
    .privacy ul.dash_list li:before {content: '-'; display: inline-block; width: 14px; margin-left: -15px; text-align: center;}

    .privacy p.txt {margin-bottom: 5px; font-weight: 300 !important; font-size: 16px !important; color: #111 !important;}
    .privacy ol.privacy_list p.txt {font-weight: 300 !important; font-size: 16px; color: #555 !important;}
    .privacy ol.privacy_list p.txt > a {color: #a8001c; text-decoration: underline;}

    table.privacy {table-layout: fixed; width: 100%; border-spacing: 1px; border-collapse: separate;}
    table.privacy thead th {padding: 4px 8px; font-weight: 300; font-size: 14px; text-align: center; color: #111; background-color: rgba(224, 204, 204, 1);}
    table.privacy tbody th {padding: 4px 15px; font-weight: 300; font-size: 14px; text-align: left; color: #111; background-color: rgba(236, 223, 223, 1);}
    table.privacy tbody td {padding: 4px 8px 5px; font-weight: 300; font-size: 13px; text-align: center; color: #444; line-height: 1.42em; background-color: #fff;}

@media screen and (max-width:768px) {
    /* privacy policy */
    p.link_privacy {display: block; margin-top: 40px;}
    p.link_privacy:after {content: ''; display: block; clear: both;}
    p.link_privacy > a {font-weight: bold; font-size: 16px; color: #a8001c; text-decoration: underline;}

    .survey_container.surveyGuide.privacy {min-height: initial; padding: 40px 20px; font-size: 1rem;}
}



/* ==========================================================
 *   2025.11.01 :: Add New Style 
 * ========================================================== */
/*surveyGuideCont*/
.stepContainer + .copyright {display: none;}
.surveyGuideSelect_area {margin-top:20px; padding:40px; background:#fff; border-radius:20px; border:1px solid #eee;}
.surveyGuideSelect_area .checkBox_checkType01 {display:flex; align-items:flex-start;}
.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt {
	font-weight: 400 !important;
	color: #222 !important;
	width:calc(100% - 140px);
	padding-right:20px;
	border-right:1px dashed #dbdbdb;
	word-break:keep-all;
}
.surveyGuideSelect_area .checkBox_checkType01 + .checkBox_checkType01 {
	margin-top: 15px;
	padding-top:15px;
	border-top:1px solid #eee;
}
.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt + label {width:120px; margin-left:20px;}
.surveyGuideSelect_area .ui-button {padding: 0;}
.surveyGuideSelect_area .ui-visual-focus {box-shadow: none !important;}
.surveyGuideSelect_area .checkBox_checkType01 .ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget {
	border-radius: 0 !important;
	border: 0;
	background: none !important;
	text-align: left !important;
	color: #666;
	font-size: 16px;
	font-weight: normal;
	padding-left: 26px;
}
.surveyGuideSelect_area .checkBox_checkType01 .ui-state-active,
.surveyGuideSelect_area .checkBox_checkType01 .ui-widget-content .ui-state-active,
.surveyGuideSelect_area .checkBox_checkType01 .ui-widget-header .ui-state-active,
.surveyGuideSelect_area .checkBox_checkType01 a.ui-button:active,
.surveyGuideSelect_area .checkBox_checkType01 .ui-button:active,
.surveyGuideSelect_area .checkBox_checkType01 .ui-button.ui-state-active:hover {
	border: 0 !important;
	background: none !important;
	color: #e74f55 !important;
	outline: none !important;
}
.surveyGuideSelect_area .checkBox_checkType01 .ui-button:active,
.surveyGuideSelect_area .checkBox_checkType01 .ui-button:hover,
.surveyGuideSelect_area .checkBox_checkType01 .ui-button:focus {
	color: #222;
}
.surveyGuideSelect_area .checkBox_checkType01 .ui-checkboxradio-label .ui-icon-background {
	border: 1px solid #aaa;
	border-radius: 0;
	box-shadow: none;
}
.surveyGuideSelect_area .checkBox_checkType01 .ui-icon {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	display: block;
	position: absolute;
	left: 0px;
	top: 8px;
}
.surveyGuideSelect_area .checkBox_checkType01 .ui-icon.ui-state-checked {
	border-color: #e74f55;
	background-image: url('images/ui-icons_cc0000_256x240.png');
}
.pledgeView_area {width: 100%;}
.pledgeContView {
	border: 1px solid #dbdbdb;
	background: #fef9f4;
	padding: 50px 30px;
	font-size: 16px;
	color: #555;
}
.pledgeContView_txt {padding-bottom:50px;}
.pledgeContView .pledgeContView_txt p {
	color:#555 !important;
	font-family:NotoSansKR !important;
	font-size:18px !important;
	font-weight:400 !important;
	line-height:30px;
	text-align:center;
	word-break:keep-all;
	word-wrap:break-word;
}
.pledgeContView_txt > p strong {}
.pledgeContView_txt > p + div {margin-top:30px; border-top:1px dashed #ccc; padding-top:50px;}
.pledgeContView_txt > div {	font-weight: normal; text-align:left; padding:0 40px;}
.pledgeContView_txt > div + div {margin-top:15px;}
.pledgeSignView {text-align: right; border-top: 1px dashed #ccc; padding-top: 50px;}
.pledgeSignView dt.psv_date {color:#555; }
.pledgeSignView dd.psv_sign {color:#222; font-weight:bold;}
.pledgeSignView dd.psv_sign:before {content:"서명 "; margin-right:5px; font-weight:normal;}
.btn_area {width: 100%; padding: 10px 0;}
.btn_area.bottomCenter {text-align:center;}
.btn_type01 {
	display: inline-block;
	min-width: 90px;
	height: 30px;
	cursor: pointer;
	border-radius: 1px;
	background-color: #fff;
	border: 1px solid #aaa;
	color: #434343;
}
.btn_type01:hover, .btn_pop01:active, .btn_pop01:focus {border-color:#333; color:#222;}
.btnIcon {padding-left: 20px !important; text-align: left;}
.iconPrint {
	text-align: center;
	background-image: url('../images/icon_print01.png');
	background-repeat: no-repeat;
	background-position: 10px 7px;
	display: inline-block;
	border-radius: 0;
}

@media screen and (min-width:1025px) {

	.pledgeView_area {width:100%;	}
	.pledgeContView_txt {padding-bottom:40px;}
	.pledgeContView_txt > p + div {padding-top:40px;}
	.pledgeContView_txt > div {padding: 0 30px;}
	.pledgeSignView {padding-top:40px;}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.survey_container.surveyGuide {padding:50px 50px 50px 120px; background-size:45px; background-position:50px 50px;}
	.surveyGuideSelect_area .checkBox_checkType01 {display:block;}
	.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt {width: 100%; padding-right: 0; border-right:0;}
	.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt + label {width:100%; margin-left:0; margin-top:10px;
	}

	.pledgeView_area {width:90%; margin:0 auto;}
	.pledgeContView_txt {padding-bottom:30px;}
	.pledgeContView_txt > p + div {padding-top:30px;}
	.pledgeContView_txt > div {padding: 0 20px;}
	.pledgeSignView {padding-top:30px;}

}

@media screen and (min-width: 577px) and (max-width: 768px) {
	.surveyGuideSelect_area .checkBox_checkType01 {display:block;}
	.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt {width: 100%; padding-right: 0; border-right:0;}
	.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt + label {width:100%; margin-left:0; margin-top:10px;	}

	.pledgeView_area {width: 90%; margin: 0 auto;	}
	.pledgeContView {padding:40px 30px;}
	.pledgeContView_txt {padding-bottom:20px;}
	.pledgeContView_txt > p + div {padding-top:20px;}
	.pledgeContView_txt > div {padding: 0 10px;}
	.pledgeSignView {padding-top:20px;}


}

@media screen and (max-width: 576px) {
	.surveyGuideSelect_area .checkBox_checkType01 {display:block;}
	.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt {width: 100%; padding-right: 0; border-right:0;}
	.surveyGuideSelect_area .checkBox_checkType01 p.checkTxt + label {width:100%; margin-left:0; margin-top:10px;}
	
	.pledgeView_area {padding:0 20px;}
	.pledgeContView {padding:30px;}
	.pledgeContView_txt {padding-bottom:20px;}
	.pledgeContView_txt > p + div {padding-top:20px;}
	.pledgeContView_txt > div {padding: 0 10px;}
	.pledgeSignView {padding-top:20px;}


}

@media all {
	@page {size: 210mm 297mm; margin: 0mm;}
	* {-webkit-print-color-adjust: exact; print-color-adjust: exact;}

	.pledgeContView {border: 1px solid #dbdbdb; background: #fef9f4; padding: 50px 30px; font-size: 16px; color: #555;}
	.pledgeContView_txt {padding-bottom:50px;}
	.pledgeContView .pledgeContView_txt p {
		color:#555 !important;
		font-family:NotoSansKR !important;
		font-size:18px !important;
		font-weight:400 !important;
		line-height:30px;
		text-align:center;
		word-break:keep-all;
		word-wrap:break-word;
	}
	.pledgeContView_txt > p + div {margin-top:30px; border-top:1px dashed #ccc; padding-top:50px;}
	.pledgeContView_txt > div {	font-weight:normal; text-align:left; padding:0 40px;}
	.pledgeContView_txt > div + div {margin-top:15px;}
	.pledgeSignView {text-align: right; border-top:1px dashed #ccc; padding-top:50px;}
	.pledgeSignView dt.psv_date {color:#555;}
	.pledgeSignView dd.psv_sign {color:#222; font-weight:bold;}
	.pledgeSignView dd.psv_sign:before {content:"서명 "; margin-right:5px; font-weight:normal;}
	.pledgePrintView_area {position: fixed; width: 100%; height: 100%; background: #fff; top: 0; left: 0; z-index: 9999999;}
	.pledgePrintView_area ul {width:100%; margin:0 auto; padding:0 30px;}
	.pledgePrintView_area .pledgePrint_head {width:100%; display:flex; align-items:flex-end; justify-content:space-between; padding:10px 0;}
	.pledgePrintView_area .pledgePrint_head h1 {font-size:24px; color:#222; text-align:center; width:100%; height:40px; line-height:50px;}
	.pledgePrintView_area .pledgePrint_head h1 strong + strong {margin-left:3px;}
	.pledgePrintView_area .pledgePrint_head h1 strong:nth-child(1) {color: #e00529;}
	.pledgePrintView_area .pledgePrint_head h1 strong:nth-child(2) {color: #ff7922;}
	.pledgePrintView_area .pledgePrint_head div img {height:40px;}
	.pledgePrintView_area .pledgePrint_cont {width: 100%; border-top: 1px solid #222;}
	.pledgePrintView_area .pledgeContView {padding-top:30px; padding-bottom:20px;}
	.pledgePrintView_area .pledgeContView_txt > div {padding-left: 0; padding-right: 0;	}
	.pledgePrintView_area .pledgeContView_txt > p + div {padding-top:30px;}
	.pledgePrintView_area .pledgeContView_txt > div + div {margin-top:10px;}
	.pledgePrintView_area .pledgeSignView {padding-top: 20px;}
	.pledgePrintView_area .pledgeView_area {width:100%;}
}