.survey_top{width:100%; background:#ffcc00; padding:50px 0; position:relative; overflow:hidden;}
.survey_top .txt{text-align:left; padding:1% 7%;}
.survey_top .txt h1{font-size:3.1em; color:#000; font-weight:600; line-height:1.3em; letter-spacing:-0.05em;}
.survey_top .txt h2{font-size:3.1em; color:#ff6600; font-weight:600; line-height:1.3em; letter-spacing:-0.05em;}
.survey_top .txt h3{font-size:3.6em; color:#000; font-weight:700; line-height:1.3em;}
.survey_top img{position: absolute; top:2%; right:7%; height:130%; max-height:553px;}

.intro_btn_top{width:100%; margin:0 auto; padding:30px 7%; background:#E6E6E6; overflow:hidden;}
.intro_btn_top .left{display:block; float:left; width:49%; font-size:1.5em; font-weight:400; }
.intro_btn_top .left p{font-size:1em; height:100px;  color:#000; padding-top:20px;}
.intro_btn_top .right{display:block; float:right;  width:49%; font-size:1.5em;  margin-left:1%; text-align:right;}
.intro_btn_top .right a{display:inline-block; width:100%; max-width:400px; height:100px; line-height:60px; background:#ffcc00; padding:20px 30px; text-align:right; font-size:1.3em; font-weight:600; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.intro_btn_top .right a img{height:100%; float:left; }
.intro_btn_top .right a:hover{color:#000; background:#fff;}

.intro_btn{width:100%; margin:0 auto; padding:80px 7%; overflow:hidden; }
.intro_btn > div{width:31.6%; margin-right:2.6%; display:block; float:left; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:30px 0; text-align:center; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.intro_btn > div img{height:50%; max-height:60px;}
.intro_btn > div p{ font-size:1.5em; color:#000; font-weight:600; line-height:1.3em; margin-top:20px;}
.intro_btn > div:hover{background:#f7f7f7; border:1px solid #ccc;}
.intro_btn > div:last-child{margin-right:0;}

.survey_tail{width:100%; height:75px; margin:0 auto; padding:15px; background:#E6E6E6; overflow:hidden; text-align:center;}
.survey_tail img{height:100%; margin:0 30px;}

.padding50{padding:50px 3%;}


.online_wrap { width:100%; max-width:1300px; margin:0 auto; }
.online_wrap:after{ content:""; display:block; clear:both;}
.online_wrap h2.online_title { display:block; font-size:1.5em; font-weight:700; color:#000; line-height:1em; letter-spacing:-0.05em;} 
.online_wrap h2.online_title p {display:inline-block; }
.online_wrap h2.online_title span.red { padding-left:5px; color: #e80300; }
.online_wrap .online_box {width:100%; padding-top:15px; margin-top:25px; border-top:1px solid #000; }
.online_wrap .online_box:after{ content:""; display:block; clear:both;}
.online_wrap .online_box ul {width:100%; margin:0; padding:0;}
.online_wrap .online_box ul li {float:left; width:100%; padding:10px 20px; border-bottom:1px solid #ddd;}
.online_wrap .online_box ul li:last-child {margin-right:0;}
.online_wrap .online_box ul li dl {width:100%; font-size:0; vertical-align:top;}
.online_wrap .online_box ul li dl dt {width:12%; display:inline-block; }
.online_wrap .online_box ul li dl dt span { display:inline-block; vertical-align:middle; font-size:1.1em; color:#272727; }
.online_wrap .online_box ul li dl dt span.red { padding-left:5px; color: #e80300; }
.online_wrap .online_box ul li dl dd {width:88%; display:inline-block; vertical-align:middle;}
.online_wrap .online_box ul li dl dd input[type=text],.online_wrap .online_box ul li dl dd input[type=date]{ width:100%; max-width:460px; height:50px; font-size:1em; padding:0 20px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;}
.online_wrap .online_box ul li dl dd input::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li dl dd input[type=checkbox] { width:16px; height:50px; }
.online_wrap .online_box ul li dl dd input[type=radio] { width:16px; height:50px; }
.online_wrap .online_box ul li dl dd label {display:inline-block; padding:0 25px 0 5px; cursor:pointer; }
.online_wrap .online_box ul li dl dd select{width:100%; max-width:460px; height:50px; line-height:50px; text-indent:8px; color:#000; font-size:1em; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; background-color:#fff;}
.online_wrap .online_box ul li dl dd textarea { width:100%; height:150px; font-size:1em; padding:15px 20px; resize:none; border:1px solid #e5e5e5;  box-sizing:border-box; background-color:#fff;}
.online_wrap .online_box ul li dl dd textarea::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li dl dd button{display:inline-block; width:80px; height:45px; line-height:45px; font-size:1em; color:#fff; text-align:center; background:#999; border-radius:0px; transition: 0.5s all ease; border:0; cursor:pointer;}
.online_wrap .online_box ul li.w50 {float:left; width:50%; }
.online_wrap .online_box ul li.w50 dl dt {width:24.5%; display:inline-block; }
.online_wrap .online_box ul li.w50 dl dd {width:75.5%; display:inline-block; }
.online_wrap .online_box ul li.addr dl dd input[type=text]{width:calc(100% - 90px); max-width:100%;}
.online_wrap .agree {width:100%; text-align:center; margin:25px 0 40px 0; font-size:1.25em; }
.online_wrap .agree .agree_list { margin-bottom:15px; padding:25px ; border:8px solid #e0e0e0; box-sizing:border-box; height:240px; overflow:auto;}
.online_wrap .agree label {display:inline-block; vertical-align:middle; color:#272727; font-size:0.85em; cursor:pointer;}
.online_bt {width:100%; text-align:center; margin-top:50px;}
.online_bt .btn_ok { display:inline-block;  width:180px; height:45px; line-height:45px; font-size:1.25em; color: #fff;  text-align:center; background-color:#26504e; border:0; transition: 0.5s all ease; }
.online_bt .btn_ok:hover {  color:#fff; background-color:#FFCC00; cursor:pointer; transition: 0.5s all ease;}
.online_bt .btn_cancel {display:inline-block; width:180px; height:45px; line-height:45px; font-size:1.25em; color:#fff; text-align:center; background:#999; border-radius:0px; transition: 0.5s all ease; border:0; cursor:pointer;}



.survey_wrap { width:100%; max-width:1300px; margin:0 auto; }
.survey_wrap:after{ content:""; display:block; clear:both;}
.survey_wrap h2.survey_title { display:block; font-size:1.5em; font-weight:700; color:#000; line-height:1em; letter-spacing:-0.05em;} 
.survey_wrap h2.survey_title p {display:inline-block; }
.survey_wrap h2.survey_title span.red { padding-left:5px; color: #e80300; }
.survey_wrap .survey_box {width:100%; padding-top:0px; margin-top:25px; border-top:1px solid #000; }
.survey_wrap .survey_box:after{ content:""; display:block; clear:both;}
.survey_wrap .survey_box ul {width:100%; margin:0; padding:0;}
.survey_wrap .survey_box ul li {float:left; width:100%; padding:20px 20px; border-bottom:1px solid #ddd; }
.survey_wrap .survey_box ul li dl {width:100%; font-size:0; vertical-align:top;}
.survey_wrap .survey_box ul li dl dt {width:100%; display:inline-block; vertical-align:middle; margin-bottom:5px;}
.survey_wrap .survey_box ul li dl dt span { display:inline-block; vertical-align:middle; font-size:1.2em; color:#000;  font-weight:600;}
.survey_wrap .survey_box ul li dl dt span strong{display:inline-block; background:#FFCC00; color:#000; padding:10px; min-width:150px; border-radius:5px; margin-right:10px; text-align:center;}
.survey_wrap .survey_box ul li dl dd {width:100%; display:inline-block; vertical-align:middle; text-align:left; margin-bottom:0px;}
.survey_wrap .survey_box ul li dl dd br{display:none;}
.survey_wrap .survey_box ul li dl dd input[type=checkbox] { width:16px; height:50px; }
.survey_wrap .survey_box ul li dl dd input[type=radio] { width:16px; height:40px; }
.survey_wrap .survey_box ul li dl dd input[type=text] { width:100%; height:40px; border:1px solid #ddd;}
.survey_wrap .survey_box ul li dl dd textarea { width:100%; height:100px; border:1px solid #ddd;}
.survey_wrap .survey_box ul li dl dd label {display:inline-block; padding:0 25px 0 5px; cursor:pointer; }


.suvey_result{ width:100%; max-width:100%; margin:55px auto; text-align:center; border:0px solid #ddd; border-bottom:0;}
.suvey_result table{width:100%; border-top:1px solid #333; border-collapse:collapse; margin:0 auto;  }
.suvey_result table th{width:20%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:5px 0; font-size:1.1em; font-weight:normal;  color:#000; text-align:center;}
.suvey_result table td{ border-bottom:1px solid #ddd; padding:10px 10px;  font-size:1.1em; text-align:left;}
.suvey_result h2.survey_title { display:block; font-size:1.5em; font-weight:700; color:#000; line-height:1em; letter-spacing:-0.05em;} 
.suvey_result h2.survey_title p {display:inline-block; }
.suvey_result h2.survey_title span.red { padding-left:5px; color: #e80300; }
.suvey_result .point{width:100%; max-width:500px; border-collapse:collapse; margin:0 auto; margin-top:15px; font-size:5.5em; font-weight:700; color:#FF7900;}
.suvey_result .point span{font-size:0.4em; color:#666;}
.suvey_result_btn_ok { display:inline-block;  width:180px; height:45px; line-height:45px; font-size:1.25em; color: #fff;  text-align:center; background-color:#26504e; border:0; transition: 0.5s all ease; }
.suvey_result_btn_ok:hover {  color:#fff; background-color:#FFCC00; cursor:pointer; transition: 0.5s all ease;}
.point_result{width:100%; max-width:100%;  overflow:hidden; margin-top:30px;}
.point_result .left{width:40%; float:left;}
.point_result .right{width:60%; float:right;}

h2.h2_frm{font-size:1.3em; text-align:left; margin-top:30px; font-weight:600;}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){


}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	

	.online_wrap .online_box ul li dl dt {width:25%;}
	.online_wrap .online_box ul li dl dd {width:75%;}
	.online_wrap .online_box ul li.w50 { width:100%; }
	.online_wrap .online_box ul li.w50 dl dt {width:25%;}
	.online_wrap .online_box ul li.w50 dl dd {width:75%;}
	.online_wrap {padding:0 2%; }

	.survey_top img{height:90%; top: 50%; transform: translate(0, -50%);}
	.intro_btn_top{background:#fff;}
	.intro_btn_top .left{width:100%; font-size:1.4em;}
	.intro_btn_top .left .brbr{display:none;}
	.intro_btn_top .right{width:100%; text-align:left;}
	.intro_btn_top .right a{max-width:100%; height:80px; line-height:50px; padding:15px 30px;}
	.intro_btn_top .right a:hover{background:#ffcc00}

	.intro_btn{padding:50px 7%;}
	.intro_btn > div{width:100%; margin-right:0; margin-bottom:6%;}
	.intro_btn > div:nth-child(2n){margin-right:0;}
	.intro_btn > div:nth-child(2n+1){clear:both;}
	.intro_btn > div img{float:right; margin-right:5%;}
	.intro_btn > div p{text-align:left; padding-left:5%;}
	.intro_btn > div p .brbr{display:none;}
	
	.survey_wrap .survey_box ul li dl dd br{display:block;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.online_wrap .online_box ul li{padding:10px 0;}
	.online_wrap .online_box ul li dl dt {width:100%;}
	.online_wrap .online_box ul li dl dd {width:100%;}
	.online_wrap .online_box ul li dl dd input[type=checkbox],  .online_wrap .online_box ul li dl dd input[type=radio]{ height:auto; }
	.online_wrap .online_box ul li.w50 dl dt {width:100%;}
	.online_wrap .online_box ul li.w50 dl dd {width:100%;}
	.online_wrap .online_box ul li dl dd input[type=text]{max-width:100%;}
	.online_wrap .online_box ul li dl dd input.w80{max-width:92%;}

	.survey_wrap .survey_box ul li dl dt{width:100%;}
	.survey_wrap .survey_box ul li dl dd{width:100%;}
	.survey_wrap .survey_box ul li dl{margin:10px 0;}
	.survey_wrap .survey_box ul li dl dt strong{width:100%; margin-bottom:10px;}

	.intro_btn{padding:20px 7%;}
	.intro_btn_top .right a{font-size:1.1em;}
	.intro_btn > div p{font-size:1.3em;}
	.survey_tail img{max-width:30%; height:auto;}
	.intro_btn_top .left p{font-size:0.9em;}

}

@media screen and (max-width: 640px) {	
	.survey_top .txt{font-size:12px;}
	.survey_top img{height:auto; width:50%;}
}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.online_bt .btn_ok{width:120px;}
	.online_bt .btn_cancel {width:120px;}

	.intro_btn_top .right a{font-size:1em;}
	.intro_btn > div{padding:15px 0;}
	.intro_btn > div p{font-size:1.2em; margin-top:12px;}
	.survey_tail img{max-width:30%; height:auto;}
	.intro_btn > div p .brbr{display:block;}

	.survey_top .txt{font-size:9px;}
	.survey_top img{height:auto; width:50%;}	

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}