@font-face{
	font-family: "GGfont2";
	font-style: normal;
	font-weight: 400;
	src: url("/assets/fonts/GGfont_L.woff") format("woff");
}
@font-face{
	font-family: "GGfont2";
	font-style: normal;
	font-weight: 700;
	src: url("/assets/fonts/GGfont_M.woff") format("woff");
}
@font-face{
	font-family: "GGfont2";
	font-style: bold;
	font-weight: 700;
	src: url("/assets/fonts/GGfont_M.woff") format("woff");
}

@font-face{
	font-family: "경기천년제목 Bold";
	src: url("/assets/fonts/Title_Bold.woff") format("woff");
}
@font-face{
	font-family: "경기천년제목 Medium";
	src: url("/assets/fonts/Title_Medium.woff") format("woff");
}
@font-face{
	font-family: "경기천년제목 Light";
	src: url("/assets/fonts/Title_Light.woff") format("woff");
}

header {text-align: right; overflow:hidden;}
footer{overflow:hidden;}
button {cursor: pointer;}
pre {margin: 0;}
.wrap_zoom{overflow:hidden; padding-top:15px; float:right; width:65px;}
#moveTop {float:right;display:none;}
.onvy  {display:inline-block; border:1px solid #fff; background:none;vertical-align: top; color:white; font-size: 12px;margin-bottom:2%;}
.onvy a{text-decoration:none; color:#fff; display:block; padding:3px 8px;}
.vote  {display:inline-block;background:#8251c5;padding:3px 8px;vertical-align: top; color:white; font-size: 14px;}
#gauge {display: inline-block;position: relative;width: 200px;height: 30px; margin-left: 2%;}
#gauge_number {position: absolute;width: 100%;right: 0px; bottom:0; margin: 0px;padding: 0px; font-size:9pt;margin-right:-2px;font-weight:bold; color:#000;}
#gauge_number > li {list-style: none;display: inline-block;float: left;}
#gauge_number > #gauge_number_0 {margin-right: 66px;}
#gauge_number > #gauge_number_50 {margin-right: 58px;}
#pop_research {padding: 15px;}
#logo {padding-bottom: 2%;float:left;}
.gauge_whole {position:absolute;top:0;width:100%;height:13px;background:#fff; border-radius: 15px;}
.gauge_rate {position:absolute;top:0;width:100px;height:13px;background:#02983b; border-radius: 15px;}
#sj_box {background-color:#004097;padding: 4% 3%; font-size: 18px; overflow:hidden;}
#sj {font-size: 18px; font-weight: bold; float:left;color:#fff;text-align:left; line-height:25px;}
#location_box_onvy {float:right; display: inline-block;font-size:14px; padding: 5px  0 5px 12px; color:#fff; border-left:1px solid #d3d6e3;}
#location_box_vote {border: solid 1px #bcbcbc;display: inline-block;font-size: 13px;font-weight: bold;padding: 1px 4px; color:#8251c5;}
.i_map_onvy {display:inline-block;width:10px;height:14px;background:url('../images/main/ico_map02.png') no-repeat left top;background-size:cover; margin-right:5px; vertical-align:middle; margin-top:-1px;}

.i_map_vote {display:inline-block;width:7px;height:10px;background:url('/assets/images/main/ico_map02.png');background-size:cover;}
section {margin-bottom: 1.5%; background-color: white; border: solid 0px #d3d6e3; border-radius:10px;  overflow:hidden; }
.no_question{margin: 0;}
fieldset { border:none; margin: 0; padding: 0; }
fieldset > legend {display: none;}
.contents {margin-bottom: 20px;}
.contents .question_num{float:left; font-size:34px; color:#214390;}
.contents .question{float:left; font-size:16px; color:#333; line-height:24px;}
.qesitm {list-style: none;padding: 0;font-size: 14px;margin: 0;}
.qesitm > .compare {float:left;text-align: center;}
.agree_qesitm {padding-bottom: 1%;}
.dot_line {background:url('/assets/images/ico/ico_dot_line.jpg');width:100%;height:1px;}
.btn {text-align: center;}
.next { margin: 15px auto; width: 100%; background-color:#02983b;color:#fff; font-weight:bold; border: none; border-radius:100px; padding: 16px 50px;font-size: 18px;}
.copyright {text-align:center; font-size:12px; color:#000; float:left;}
/* .onvy_field{background: url("/assets/images/ico/ico_bg01.png") no-repeat;background-size: cover;text-align:center;color:white;width: 73px;
    height: 25px;line-height: 26px;display: inline-block;font-size: 13px;} */
.onvy_field{background: #005dac;border-radius: 15px;text-align:center;color:white;width: 73px;
    height: 25px;line-height: 26px;display: inline-block;font-size: 13px;}
#onvy_period_qestnCnt{vertical-align: top; padding-left: 10px; font-weight:bold;color:#2b2b2b; display: flex; flex-direction: column; justify-content: center;}
.onvy_value {display: inline-block;font-size: 14px;}
#onvy_period_qestnCnt > #onvy_period {margin-bottom: 4%;}
.holder > #onvy_info {background-color: white; display: flex;}
.holder > #onvy_info > img {width: 183px; display:inline-block; border-radius: 15px 0 0 15px;}
/* .onvy_q{background:url("/assets/images/ico/ico_bg02.png") no-repeat;color:white; background-size: cover;float:left; width: 41px; */
.onvy_q { background: #005dac; border-radius: 20px; color: white; background-size: cover; width: 48px; text-align: center; line-height: 24px; margin-bottom: 20px; padding: 6px 8px; font-size: 18px; }
.vote_q { background:url("/assets/images/ico/ico_bg03.png") no-repeat;color:white; background-size: cover;float:left; width: 41px; height: 25px;text-align: center;margin-right:2%; }
.mainImg, .mainImg img {width: 100%; margin-top:10px; }

.qestn_text { color: #333333; font-size: 24px; line-height: 1.2;}
.box_think { color: #AAAAAA; font-size: 20px; margin-bottom: 40px; }
.qesitm_img {margin-top:8px; /* overflow:hidden; */padding:0;}
.qesitm_img li { width:30%; font-size:16px; color:#444; display:inline-block; vertical-align: top;}
.qesitm_img li label {display:block; margin:0 auto; max-width:150px;}
.qesitm_img li img {display:block; margin-bottom:6px; width:100%;}
.qesitm_img li span {display:inline; position:relative; padding:0 5px 0 10px; height:59px; line-height:1.4; word-break: break-all;}
.qesitm_img li span.rank {height:21px !important;}

.qesitm_img li.other{display:inline-block; clear:both; margin-top:20px; text-align:left;}
.qesitm_img li.other label span {height:20px;}
.qesitm_img li input.text {margin-left:10px; width:180px; height:21px; border:1px solid #999; vertical-align:middle; line-height:21px;}
.video_msg {line-height:28px;padding: 20px;font-size: 20px;text-align:center;font-weight:bold;}
.box_order_select {border: solid 1px #bcbcbc; margin: 3% 0%;}
.box_order_select dl {margin: 0; padding: 3%;}
.box_order_select dd {margin: 0;}
.flag_dot_line {background:url('/assets/images/ico/ico_dot_line.jpg');width:100%;height:1px;margin: 2% 0%;}
.box_order_select span {font-size: 14px;font-weight: bold;}
.box_order_select dl {margin:0; padding: 0% 3% 3% 3%;}
.box_order_select dt {font-size: 14px;font-weight: bold;padding: 2% 0% 1% 3%;}
.flag {display: inline-block;width: 18px;background-color: #616475;color: white;font-size: 13px;
    text-align: center;
    font-weight: bold;}
.flag1, .flag2, .flag3 {background-color: #f15351;}
/* .rank {background: url('/assets/images/ico/ico_check.png');width: 15px;display: inline-block;background-size: cover;height: 11px;margin: 0% 0.8% 0% 1.5%; margin-left: 2em;} */
.rank_text {font-size: 14px;font-weight: bold;color: #f15351;display:inline;}
.reset {cursor: pointer; background-color: #333333; color: white; font-size: 16px; width: 70px; padding: 10px 6px; text-align: center; margin-bottom: 20px;} 
.reset_img {background: url(/assets/images/ico/ico_reset.png); width: 17px; height: 14px; background-size: contain; background-repeat: no-repeat; display: inline-block; margin-left: 5px;}
.tb_answer {font-size: 14px; background-color:white;border-collapse: collapse;color:#2b2b2b;width:100%;}
.tb_answer td {border-bottom:1px dotted #bcbcbc;padding:1% 2%;}
.tb_answer th {border-bottom:1px solid #bcbcbc;padding:1% 2%;}
.poplist {margin-top:2%;border: solid 1px #d3d6e3;}

.basic_table{border-collapse:collapse; font-size:14px; margin-top:3%; border-bottom:1px solid #000;}
.basic_table th{ background:#005DAC; border:1px solid #AAAAAA; border-top:1px solid #000; color:#FFFFFF; text-align:center; padding:2% 1%;}
.basic_table th.type2{text-align:left; padding:3% 2%;}
.basic_table td{background:#fff; border:1px solid #d1d1d1; color:#000;}
.basic_table td.al_left{ padding:2%; text-align:left; }
.basic_table td a{display:block; text-align:center; width:100%; height:50px; line-height:50px; font-size:15px; color:#191919; text-decoration:none;}
.basic_table td a.type2{line-height:1.2em; padding:10% 0; height:auto;}
.basic_table td a.type2 span{font-size:12px;}
.basic_table td.selected{ text-align:center; }


/* base */
caption {display: none;}


@media all and (max-width:570px) {
	.holder > #onvy_info {flex-direction: column; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
	.holder > #onvy_info > img {width:100%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	#onvy_period_qestnCnt {padding: 2% 0% 2% 2%;}
}


@media all and (max-width:550px) {
	#gauge {width: 120px}
	.gauge_whole, .gauge_rate {top:15px;}
	#gauge_number_0 {margin-right: 32px !important;}
	#gauge_number_50 {margin-right: 23px !important;}
	#sj {font-size: 17px;}
	#logo {text-align: left; width:50%;}
	#logo img {width: 100%;}
	#location_box, .onvy {font-size: 12px;}
	#gauge_number {font-size: 10px;top: -1px;}
	.video_msg{font-size:16px;}
	.contents .question_num{font-size:24px; font-weight:bold;}
	.contents .question{font-size:12px; line-height:18px;}
	.qesitm > li{font-size:12px; margin-bottom:5px;}
	.copyright{text-align:left; font-size:11px;}
	#location_box_onvy{border-left:0;}
	#showMsg {font-size: 14px;}
}



@media all and (max-width:500px) {
	.qesitm_img li {width:49%;}
	.qesitm_img li label {padding:0 5%;}
	#location_box {font-size: 11px;}
}


@media all and (max-width:450px) {
	#sj {font-size: 16px;}
	.gauge_rate, .gauge_whole {top: 14px;}
	#location_box, .onvy {font-size: 11px;}
	#gauge_number {font-size: 10px;top: -1px;}
}

@media all and (max-width:400px) {
	.onvy_value {display:block;padding-top:3%;}
	#onvy_period_qestnCnt {text-align:center;padding-top:2%;}
	.holder > #onvy_info {text-align:center;}		
}

.display-none{display:none; }
.wrap-loading{ z-index:9999; position: fixed; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.2); }
.wrap-loading div{ display: grid; height:100%; }
.wrap-loading img{margin: auto; }

p {margin:0;}

/* 2022-09-28 */
body {min-width: 320px;}

#zoomOut, #zoomIn {font-family: "경기천년제목 Medium";} 
#zoomText {font-family: 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif';}
#pop_research section section form fieldset .contents.agree_explain {background: #EEEEEE; padding: 20px; border-radius: 15px;}
#pop_research section section form fieldset .contents .holder #onvy_info {margin-bottom: 15px;}
#pop_research section section form fieldset .contents .holder #onvy_info {padding: 2%; background: #EEEEEE;}
#pop_research section section form fieldset .qesitm.agree_qesitm > li {margin: 5px 0;}
#pop_research section section form fieldset .qesitm > li {margin: 7px 5px 7px 0;}
#pop_research section section form fieldset .qesitm > label.on > li {background: #D6EEDF;}
#pop_research section section form fieldset .qesitm > label > li {margin: 7px 0; padding: 10px 40px 10px 10px; border: 1px solid #cccccc; border-radius: 12px; text-indent: -27px; padding-left: 35px; font-size: 16px;}
#pop_research section section form fieldset .qesitm > label > li > .inbox {display: inline;}
#pop_research section section form fieldset .qesitm > label > li > .rank {display: inline; margin-left: 20px;}
#pop_research section section form fieldset .qesitm > label > li > .rank > div {display: inline; white-space: nowrap;}
#pop_research section section form fieldset .qesitm > label > li > .rank > div > img {display: inline; margin-right: 4px; width: 15px;}
#pop_research section section form fieldset .qesitm_img {display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 20px; font-size: 0px;}
#pop_research section section form fieldset .qesitm_img > label {display: inline-block; margin: 0 2%; padding-bottom: 10px; width: 29%;}
#pop_research section section form fieldset .qesitm_img > label.on > li {background: #D6EEDF;}
#pop_research section section form fieldset .qesitm_img > label > img {width:100%; max-height: 50%;}
#pop_research section section form fieldset .qesitm_img > label > li {margin: 7px 0; padding: 10px; width: calc(100% - 40px); text-indent: -18.5px; padding-left: 28px; border: 1px solid #cccccc; border-radius: 12px; font-size: 16px;}
#pop_research section section form fieldset .qesitm_img > label > li > input {margin: 0}
#pop_research section section form fieldset .qesitm_img > label > li > .inbox {display: inline;}
#pop_research section section form fieldset .qesitm_img > label > li > .inbox > input { margin:0; width: calc(100% - 30px); }
#pop_research section section form fieldset .qesitm_img > label > li > .rank {position: relative; height: 40px;}
#pop_research section section form fieldset .qesitm_img > label > li > .rank > div {position: absolute; right: 0px;}
#pop_research section section form fieldset .qesitm_img > label > li > .rank > div > img {margin: 0 auto; width: 29px;}

@media all and (max-width:570px) {
	#pop_research section section form fieldset .contents .holder #onvy_info {background: #EEEEEE; height: auto;}
	#pop_research section section form fieldset .qesitm_img > label {width: 46%;}
	#pop_research section section form fieldset .qesitm_img > label > li > .inbox > input { width: calc(100% - 20px); }
}


#zoomIn, #zoomOut { border: 0; background: #02983b; border-radius: 30px; width: 18px; height: 18px; margin: 0; padding: 0; text-align: center; color: #FFFFFF; line-height: 20px; font-size: 20px; font-weight: bold; cursor: pointer; vertical-align: top; }
#zoomText { border: 0; padding: 0; margin: 0; color: #333333; font-size: 18px; }

.popup-top-container {margin: 5px 0; height: 26px; display: flex; width: 100%; justify-content: space-between; align-items: center;}
.zoom-btn-container {display: inline-block;}
.zoom-btn-container div {display: inline-block;}
.remain-text {font-family: 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; font-weight: bold;}
.remain-text span {background: #02983b; padding: 3px 8px; display: inline-block; border-radius: 100px; color: #FFFFFF;}




/* 2024 */
body {margin: 0px;}
input, textarea, button {  font-family:"Pretendard", "Apple SD Gothic Neo", sans-serif; }
/*
.survey-frame 
.survey-frame .survey-container
.survey-frame .survey-container .survey-header
.survey-frame .survey-container .survey-header .survey-info-title
.survey-frame .survey-container .survey-header .survey-title
*/

.blank { width: 20px; height: 20px; }
.btn-basic { margin: 8px auto; width: 100%; font-weight:bold; border: none; border-radius:100px; padding: 12px;font-size: 18px; font-family:"Pretendard", "Apple SD Gothic Neo", sans-serif;}
.btn-color-blue { background-color: #005DAC; color: #FFFFFF; }
.btn-color-green { background-color: #02983B; color: #FFFFFF;}
.btn-color-gray { background-color: #AAAAAA; color: #FFFFFF; }
.btn-radio .btn-radio-default { display: inline-block; width: 20px; height: 20px; vertical-align: middle; border: 1px solid #AAAAAA; border-radius: 20px; position: relative; cursor: pointer; }
.btn-radio.on .btn-radio-default { border: 1px solid #1E98D7; }
.btn-radio.on .btn-radio-default > div {  position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border: 1px solid #1E98D7; border-radius: 10px; background-color: #1E98D7; cursor: pointer; transform: translate(-50%, -50%); }

.survey-frame { margin: 0 auto; /*border: 1px solid #aaaaaa;*/ /*border-radius: 10px;*/ font-family: "Pretendard", "Apple SD Gothic Neo", sans-serif; } 
.survey-frame .survey-container .survey-header { display: flex; flex-direction: column; margin: 0 auto; max-width: 810px; border-bottom: 1px solid #F6F6F6;}
.survey-frame .survey-container .survey-header .survey-header-top { display: flex; justify-content: space-between; align-items: center; height: 60px;  }
.survey-frame .survey-container .survey-header .survey-logo { display: flex; width: 200px; }
.survey-frame .survey-container .survey-header .survey-logo > img { width: 100%; }
.survey-frame .survey-container .survey-header .survey-zoom-btn-container { margin-left: 10px; white-space: nowrap; }
.survey-frame .survey-container .survey-header .survey-zoom-btn-container div{ display: inline-block; }
.survey-frame .survey-container .survey-header .survey-title { padding: 16px 20px; line-height: 40px; font-size: 24px; text-align: center; }
.survey-frame .survey-container .survey-header .survey-header-bottom { overflow-x: hidden; }
.survey-frame .survey-container .survey-header .survey-header-bottom .survey-progress-bar { width: 101%; height: 10px; background-color: #F6F6F6; -webkit-transition: width 1s, -webkit-transform 1s; transition: width 2s, background-color 1s, transform 1s; }
.survey-frame .survey-container .survey-header .survey-header-bottom .survey-progress-bar .current-progress { background-color: #02983B; height: 10px; border-radius: 0 4px 4px 0; transition: all ease 0.5s 0s;}


.survey-frame .survey-container .survey-body { margin: 30px auto; padding: 0 30px; max-width: 810px; color: #000000; }

.survey-frame .survey-container .survey-body .onvy-container { }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header { }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-title { background-color: #005dac; padding: 20px; color: #FFFFFF; border-top: 1px solid #005dac; border-left: 1px solid #005dac; border-right: 1px solid #005dac;  border-radius: 10px 10px 0 0; font-size: 20px; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents { display: flex; padding: 20px; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;  border-radius: 0 0 10px 10px; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-thumbnail-wrapper { flex: 5; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-thumbnail-wrapper img { width: 100%; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-list-wrapper { flex: 5; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-list-wrapper .onvy-list { display: flex; flex-direction: column; line-height: 30px; margin: 0; padding: 0; list-style-type: none; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-list-wrapper .onvy-list-item:last-child { margin: 8px 0 0 0; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-list-wrapper .onvy-list-item:not(:last-child) { margin: 8px 0; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-list-wrapper .onvy-list-item .list-item-title { margin-right: 10px; display: inline-block; width: 100px; border: 1px solid #005dac; text-align: center; line-height:35px; border-radius: 30px; font-size: 18px; color: #005dac; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-header .onvy-contents .onvy-list-wrapper .onvy-list-item .list-item-desc { display: inline-block; word-break: break-word; line-height: 35px; font-size: 18px;}

.survey-frame .survey-container .survey-body .onvy-container .onvy-body { margin: 0; padding: 20px; border-radius: 0 0 10px 10px; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .panel-info-input { margin-bottom: 15px; font-size: 18px; color: #333333; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .panel-info-input input[type="text"] { margin: 0 8px; padding: 1px 10px; width: 240px; height: 36px; border-radius: 5px; border: 1px solid #AAAAAA; font-size: 16px;}
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .panel-info-input input[type="text"]::placeholder { color: #AAAAAA; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .agree_explain { word-break: break-all; border: 1px solid #AAAAAA; border-radius: 10px; padding: 10px; background-color: #F6F6F6; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .agree_explain .holder { padding: 10px; height: 300px; overflow-y: scroll; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .agree_explain .holder pre{ font-size: 18px; line-height: 24px; white-space: pre-wrap; font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif; color: #333333; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .agree_qesitm { }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .agree_qesitm li { font-size: 18px; color: #333333; line-height: 30px; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-body .agree_qesitm li input[type="radio"] { display: none; }

.survey-frame .survey-container .survey-body .onvy-container .onvy-footer { text-align: center; }
.survey-frame .survey-container .survey-body .onvy-container .onvy-footer .button-wrapper button { width:100%; height: 58px; }


.survey-frame .survey-container .survey-body .info-container { }
.survey-frame .survey-container .survey-body .info-container .info-header { margin-bottom: 20px; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-title { background-color: #005dac; padding: 20px; color: #FFFFFF; border-top: 1px solid #005dac; border-left: 1px solid #005dac; border-right: 1px solid #005dac;  border-radius: 10px 10px 0 0; font-size: 20px; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents { display: flex; padding: 20px; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;  border-radius: 0 0 10px 10px; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-thumbnail-wrapper { flex: 5; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-thumbnail-wrapper img { width: 100%; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper { flex: 5; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper .info-list { display: flex; flex-direction: column; line-height: 30px; margin: 0; padding: 0; list-style-type: none; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper .info-list-item:last-child { margin: 8px 0 0 0; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper .info-list-item:not(:last-child) { margin: 8px 0; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper .info-list-item .list-item-title { margin-right: 10px; display: inline-block; width: 90px; border: 1px solid #005dac; text-align: center; line-height:35px; border-radius: 30px; font-size: 18px; color: #005dac; }
.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper .info-list-item .list-item-desc { display: inline-block; word-break: break-word; line-height: 35px; font-size: 18px;}

.survey-frame .survey-container .survey-body .info-container .info-body { margin: 0; padding: 20px; border-radius: 10px; border: 1px solid #AAAAAA;     line-height: 25px;}
.survey-frame .survey-container .survey-body .info-container .info-body .panel-info-input { margin-bottom: 15px; font-size: 18px; color: #333333; }
.survey-frame .survey-container .survey-body .info-container .info-body .panel-info-input input[type="text"] { margin: 0 8px; padding: 1px 10px; width: 240px; height: 36px; border-radius: 5px; border: 1px solid #AAAAAA; font-size: 16px;}
.survey-frame .survey-container .survey-body .info-container .info-body .panel-info-input input[type="text"]::placeholder { color: #AAAAAA; }
.survey-frame .survey-container .survey-body .info-container .info-body .agree_explain { word-break: break-all; border: 1px solid #AAAAAA; border-radius: 10px; padding: 10px; background-color: #F6F6F6; }
.survey-frame .survey-container .survey-body .info-container .info-body .agree_explain .holder { padding: 10px; height: 300px; overflow-y: scroll; }
.survey-frame .survey-container .survey-body .info-container .info-body .agree_explain .holder pre{ font-size: 18px; line-height: 18px; white-space: pre-wrap; font-family: 'Pretendard', 'Apple SD Gothic Neo', sans-serif; color: #333333; }
.survey-frame .survey-container .survey-body .info-container .info-body .agree_qesitm { }
.survey-frame .survey-container .survey-body .info-container .info-body .agree_qesitm li { font-size: 18px; color: #333333; line-height: 30px; }
.survey-frame .survey-container .survey-body .info-container .info-body .agree_qesitm li input[type="radio"] { display: none; }

.survey-frame .survey-container .survey-body .info-container .info-footer { margin-top: 20px; padding: 20px; border-radius: 10px; border: 1px solid #AAAAAA; }
.survey-frame .survey-container .survey-body .info-container .info-footer .agree_explain { word-break: break-all; border: 1px solid #AAAAAA; border-radius: 10px; padding: 10px; background-color: #F6F6F6; }
.survey-frame .survey-container .survey-body .info-container .info-footer .agree_explain .holder { padding: 10px; height: 300px; overflow-y: scroll; }
.survey-frame .survey-container .survey-body .info-container .info-footer .agree_explain .holder pre{ font-size: 18px; line-height: 18px; white-space: pre-wrap; font-family:'Pretendard', 'Apple SD Gothic Neo', sans-serif; color: #333333; }
.survey-frame .survey-container .survey-body .info-container .info-footer .agree_qesitm { }
.survey-frame .survey-container .survey-body .info-container .info-footer .agree_qesitm li { font-size: 18px; color: #333333; line-height: 30px; }
.survey-frame .survey-container .survey-body .info-container .info-footer .agree_qesitm li input[type="radio"] { display: none; }
.survey-frame .survey-container .survey-body .info-container .info-footer .button-wrapper button { width:100%; height: 58px; }

.survey-frame .survey-container .survey-body .qesitm > label > li { position: relative; padding: 0px 20px 0 20px; margin-bottom: 15px; }
.survey-frame .survey-container .survey-body .qesitm > label > li > input[type="radio"] { display: none; }
.survey-frame .survey-container .survey-body .qesitm > label > li > input[type="checkbox"] { display: none; }
.survey-frame .survey-container .survey-body .qesitm > label > li:not(.other) {min-height: 50px;border: 2px solid #AAAAAA; border-radius: 10px; line-height: 22px; font-size: 18px;}
.survey-frame .survey-container .survey-body .qesitm > label > li.other {padding: 0px 15px;border: 2px solid #AAAAAA;line-height: 50px;font-size: 17px;border-radius: 10px; white-space: nowrap; }
.survey-frame .survey-container .survey-body .qesitm > label > li.other > .qesitm-text > .inbox { width: 100%;display: flex;margin-left: 10px;flex-direction: column-reverse;flex-wrap: nowrap;align-content: flex-start;justify-content: flex-start; }
.survey-frame .survey-container .survey-body .qesitm > label > li.other > .qesitm-text > .inbox > input[type="text"] {padding: 0 15px;width: 100%;height: 40px;border-radius: 6px;border: 2px solid #AAAAAA;vertical-align: top;font-size: 16px;box-sizing: border-box; z-index: -1;}
.survey-frame .survey-container .survey-body .qesitm > label.on > li {border: 2px solid #02983b !important;display: flex;align-items: center;padding: 5px 15px;}
.survey-frame .survey-container .survey-body .qesitm > label.on > li:not(.other) {padding: 5px 15px;display: flex;align-items: center;}
.survey-frame .survey-container .survey-body .qesitm > label.on > li > .qesitm-text { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.survey-frame .survey-container .survey-body .qesitm > label.on > li > .qesitm-text > .rank-text-container { white-space: nowrap; }
.survey-frame .survey-container .survey-body .qesitm > label.on > li > .qesitm-text > .rank-text-container > .rank-text { display: inline-block; margin-left: 10px; color: #02983b; vertical-align: middle; }
.survey-frame .survey-container .survey-body .qesitm > label.on > li > .qesitm-text > .rank-text-container > .qesitm-check-img { background-image: url(/assets/images/ico/check-icon-square.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; display: inline-block; vertical-align: middle; }
.survey-frame .survey-container .survey-body .qesitm > label.on.radio > li > .qesitm-text > .qesitm-check-img { flex-shrink: 0; display: table-cell; margin-left: 8px; background-image: url(/assets/images/ico/check-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; }
.survey-frame .survey-container .survey-body .qesitm > label.on.checkbox > li > .qesitm-text > .qesitm-check-img { flex-shrink: 0; display: table-cell; margin-left: 8px; background-image: url(/assets/images/ico/check-icon-square.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; }
.survey-frame .survey-container .survey-body .qesitm > label.on > li.other > .qesitm-text > .inbox > input[type="text"] {width: 100%;box-sizing: border-box;z-index: 1;}
.survey-frame .survey-container .survey-body .qesitm > label:not(.on) > li {padding: 5px 25px 5px 15px;display: flex;align-content: center;align-items: center;}
.survey-frame .survey-container .survey-body .qesitm > label:not(.on) > li > .qesitm-text > .inbox { display: none; }
.survey-frame .survey-container .survey-body .qesitm > label.disabled > li { background-color: #EFF0F2; color: #AAAAAA;  }

.survey-frame .survey-container .survey-body .qesitm > li .textarea-wrapper { position: relative; text-align: center; width: 100%; border: 1px solid #AAAAAA; box-sizing: border-box; padding: 15px 25px; border-radius: 10px; margin: 0 auto; display: flex; }
.survey-frame .survey-container .survey-body .qesitm > li .textarea-wrapper > textarea { width: 100%; border: 0; border-radius: 10px; box-sizing: border-box; font-size: 18px; outline: none; resize: none; }
.survey-frame .survey-container .survey-body .qesitm > li .input-wrapper { position: relative; text-align: center; width: 50%; border: 1px solid #AAAAAA; padding: 15px 25px; border-radius: 10px; margin: 0 auto; display: flex; }
.survey-frame .survey-container .survey-body .qesitm > li .input-wrapper > input { width: 100%; border: 0; border-radius: 10px; box-sizing: border-box; font-size: 24px; text-align: right; outline: none; padding-right: 5px; }
.survey-frame .survey-container .survey-body .qesitm > li .input-wrapper > .qestn-num-unit { font-size: 24px; float: right; line-height: 32px; flex-shrink: 0; }

.survey-frame .survey-container .survey-body .reset-wrapper { float: right; }
.survey-frame .survey-container .survey-body .qesitm > label > li:not(.other) > .rank { display: inline-block; text-align: right; position: absolute; right: 53px; font-size: 16px; color: #02983b; font-weight: bold; top: 30px; transform: translateY(-50%); }
.survey-frame .survey-container .survey-body .qesitm > label > li.other > .rank { display: inline-block; text-align: right; position: absolute; right: 53px; font-size: 16px; color: #02983b; font-weight: bold; top: 50%; transform: translateY(-50%); }

.survey-frame .survey-container .survey-body .qesitm_img { display: flex; justify-content: space-between; flex-wrap: wrap; }
.survey-frame .survey-container .survey-body .qesitm_img .blank_li { width: 32%; background: #FFFFFF; border: 0;}
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper { width: 32%; margin-bottom: 10px; }

.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > img { width: 100%; margin-bottom: 5px; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li { position: relative; padding: 5px 15px 5px 15px; margin-bottom: 15px; }
/*.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li:not(.other) { width: 25%; height: 50px; border: 1px solid #AAAAAA; line-height: 40px; font-size: 17px; border-radius: 10px; }*/
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li.other { width: 100%; margin-top: 0; border: 2px solid #AAAAAA; line-height: 40px; font-size: 17px; border-radius: 10px; box-sizing: border-box; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li.other > .rank { display: inline-block; text-align: right; position: absolute; right: 53px; font-size: 16px; color: #02983b; font-weight: bold; top: 22.5%; transform: translateY(-50%); }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li.other > .qesitm-text > .inbox > input[type="text"] { margin-left: 0; margin-bottom: 10px; padding: 0 15px; width: 100%; height: 40px; border-radius: 6px; border: 2px solid #AAAAAA; vertical-align: top; font-size: 16px; box-sizing: border-box; z-index: -1;}
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li:not(.other) { display: flex; align-items: center; width: 100%; min-height: 50px; border: 2px solid #AAAAAA; line-height: 40px; font-size: 18px; border-radius: 10px; box-sizing: border-box; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li:not(.other) > .rank { display: inline-block; text-align: right; right: 53px; font-size: 16px; color: #02983b; font-weight: bold; top: 30px; transform: translateY(-50%); }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li > input[type="radio"] { display: none; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label > li > input[type="checkbox"] { display: none; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label:not(.on) > li.other > .qesitm-text > .inbox > input[type="text"] { display: none; }

.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li  { padding: 5px 15px 5px 15px; border: 2px solid #02983b !important; overflow: hidden; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li.other > .inbox > input[type="text"] {z-index: 1;}
/* .survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on.radio > li.other:before { content: ""; background-image: url(/assets/images/ico/check-icon.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; position: absolute; right: 20px; top: 22.5%; transform: translateY(-50%);} */
/* .survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on.checkbox > li.other:before { content: ""; background-image: url(/assets/images/ico/check-icon-square.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; position: absolute; right: 20px; top: 22.5%; transform: translateY(-50%);} */
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li:not(.other) { display: flex; padding: 5px 15px; }
/* .survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on.radio > li:not(.other):before { content: ""; background-image: url(/assets/images/ico/check-icon.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; position: absolute; right: 20px; bottom: 5px; } */
/* .survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on.checkbox > li:not(.other):before { content: ""; background-image: url(/assets/images/ico/check-icon-square.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; position: absolute; right: 20px; bottom: 12px; } */

.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li > .qesitm-text { display: table; width: 100%; vertical-align: middle; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li:not(.other) > .qesitm-text > .rank { display: table-cell; text-align: right; padding-right: 8px; color: #02983b; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.radio.on > li.other > .qesitm-text > .qesitm-check-img { margin-left: 8px; background-image: url(/assets/images/ico/check-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; position: absolute; top: 10px; right: 20px; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.checkbox.on > li.other > .qesitm-text > .qesitm-check-img { margin-left: 8px; background-image: url(/assets/images/ico/check-icon-square.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; position: absolute; top: 10px; right: 20px; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.radio.on > li:not(.other) > .qesitm-text > .qesitm-check-img { display: table-cell; margin-left: 8px; background-image: url(/assets/images/ico/check-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.checkbox.on > li:not(.other) > .qesitm-text > .qesitm-check-img { display: table-cell; margin-left: 8px; background-image: url(/assets/images/ico/check-icon-square.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.disabled > li { background-color: #EFF0F2; color: #AAAAAA;  }

.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li > .qesitm-text > .rank-text-container { display: block; text-align: right; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li > .qesitm-text > .rank-text-container > .rank-text { display: inline-block; margin-right: 4px; color: #02983b; vertical-align: middle; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li > .qesitm-text > .rank-text-container > .qesitm-check-img { display: inline-block; background-image: url(/assets/images/ico/check-icon-square.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 26px; height: 26px; vertical-align: middle; }
.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper > label.on > li.other > .qesitm-text > .rank-text-container { text-align: right; }

.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container { display: flex; justify-content: space-between; }
.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label { width: 48%; }
.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label > .btnOx { padding: 15% 2% 15% 2%; width: 100%; height: auto; cursor: pointer; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label > .btnOx > img { width: 100%; }
.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label > .btnOx > input[type="radio"] { display: none; }

.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label.on > .btnOx { position: relative; border: 2px solid #02983b; }
.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label.on > .btnOx:before { content: ""; background-image: url(/assets/images/ico/check-icon.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 36px; height: 36px; position: absolute; left: 50%; top: 5%; transform: translateX(-50%);}
.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label:not(.on) > .btnOx { padding: 15% 2%; border: 2px solid #AAAAAA; }

.survey-frame .survey-container .survey-body .confirm_div { display: none; width: 100%; min-width: -webkit-min-content; background-color: white; z-index: 2 }
.survey-frame .survey-container .survey-body .confirm_div .result-container { margin: 0 auto; width: 100%; display: none; }
.survey-frame .survey-container .survey-body .confirm_div .result-container img { width: 20%; }
.survey-frame .survey-container .survey-body .confirm_div .result-container > div:nth-of-type(1) { margin: 15px; font-size: 24px; font-weight: bold; }
.survey-frame .survey-container .survey-body .confirm_div .result-container > div:nth-of-type(2) { margin: 10px; font-size: 20px; }
/* .survey-frame .survey-container .survey-body .confirm_div .result-container > div > .correct-text { font-weight: 700; font-size: 24px; color: #02983B; vertical-align: middle; } */
.survey-frame .survey-container .survey-body .confirm_div .result-container > div > .correct-text { font-weight: 700; font-size: 24px; color: #02983B; }

.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container { display: flex; justify-content: space-between; }
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label { width: 48%; }
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label > .btn-gb-wrapper { padding: 25% 2% 25% 2%; width: 100%; height: 100%; cursor: pointer; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label > .btn-gb-wrapper > img { width: 100%; max-width: 200px; }
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label > .btn-gb-wrapper input[type="radio"] { display: none; }
/* .survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label > .btn-gb-wrapper .qesitm-gb-text { font-size: 30px; } */
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label > .btn-gb-wrapper .qesitm-gb-text { font-size: 30px; word-break: break-word; overflow-wrap: anywhere;}

.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label.on > .btn-gb-wrapper { position: relative; border: 2px solid #02983b; }
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label.on > .btn-gb-wrapper:before { content: ""; background-image: url(/assets/images/ico/check-icon.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 36px; height: 36px; position: absolute; left: 50%; top: 5%; transform: translateX(-50%);}
.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label:not(.on) > .btn-gb-wrapper { padding: 25% 2%; border: 2px solid #AAAAAA; }

.survey-frame .survey-container .survey-body .qesitm > .keyword-container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .blank_li { width: calc(25% - 10px); background: #FFFFFF; border: 0;}
.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper { width: calc(25% - 10px); margin-bottom: 10px; }
.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper > label > li { border: 1px solid #AAAAAA; border-radius: 10px; font-size: 18px; text-align: center; }
.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper > label.on > li { padding: 30px 0; border: 2px solid #02983b !important; background-color: #02983b; color: #FFFFFF;}
.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper > label:not(.on) > li { padding: 31px 1px; }
.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper > label.disabled:not(.on) > li { background-color: #EFF0F2; color: #AAAAAA; }


.survey-frame .survey-container .survey-body #matrix_web_tbl > tbody > tr > th { font-size: 18px; font-weight: normal; }
.survey-frame .survey-container .survey-body #matrix_web_tbl > tbody > tr > td { font-size: 18px; line-height: 24px; }
.survey-frame .survey-container .survey-body #matrix_web_tbl > tbody > tr > td > input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; border: 1px solid #AAAAAA; border-radius: 50%; outline: none; cursor: pointer; }
.survey-frame .survey-container .survey-body #matrix_web_tbl > tbody > tr > td > input[type="radio"]:checked { border: none; background-image: url(/assets/images/ico/check-icon.png); background-size: cover; }
.survey-frame .survey-container .survey-body #matrix_web_tbl > tbody > tr > td > input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; border: 1px solid #AAAAAA; outline: none; cursor: pointer; }
.survey-frame .survey-container .survey-body #matrix_web_tbl > tbody > tr > td > input[type="checkbox"]:checked { border: none; background-image: url(/assets/images/ico/check-icon-square.png); background-size: cover; }

/* .survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > th { font-size: 18px; font-weight: normal; line-height: 24px; } */
/* .survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td { padding: 5px; height: 70px; font-size: 18px; } */
/* .survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .qesitm-text { display: flex; align-items: center; justify-content: center; height: 50%; } */
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > th { font-size: 18px; font-weight: normal; line-height: 24px; word-break: break-word; white-space: normal; overflow-wrap: break-word; vertical-align: top;}
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td { padding: 10px; height: auto; font-size: 18px; min-height: 70px; word-break: break-word; white-space: normal; overflow-wrap: break-word; vertical-align: top; position: relative;}
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .qesitm-text { display: flex; align-items: center; justify-content: center; height: 50%; padding-bottom:50px;}
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .matrix-qesitm-wrapper { height: 50%; display: flex; align-items: center; }
/* .survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .matrix-qesitm-wrapper > input[type="radio"] { margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; border: 1px solid #AAAAAA; border-radius: 50%; outline: none; cursor: pointer; } */
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .matrix-qesitm-wrapper > input[type="radio"] { margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; border: 1px solid #AAAAAA; border-radius: 50%; outline: none; cursor: pointer; position: absolute; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .matrix-qesitm-wrapper > input[type="radio"]:checked { border: none; background-image: url(/assets/images/ico/check-icon.png); background-size: cover; }
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .matrix-qesitm-wrapper > input[type="checkbox"] { margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; border: 1px solid #AAAAAA; outline: none; cursor: pointer; }
.survey-frame .survey-container .survey-body #matrix_mob_tbl > tbody > tr > td > .matrix-qesitm-wrapper > input[type="checkbox"]:checked { border: none; background-image: url(/assets/images/ico/check-icon-square.png); background-size: cover; }

.survey-frame .survey-container .survey-body #matrix_mob_tbl { display:none; }

.survey-frame .survey-container .survey-body .subjective-matrix-table { border-collapse: collapse; font-size: 18px; margin-top: 3%; border-bottom: 1px solid #000; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr > th { padding: 3%; background: #005DAC; border: 1px solid #AAAAAA; border-top: 1px solid #000; color: #FFFFFF; font-weight: normal; text-align: center; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr > td { background: #fff; border: 1px solid #d1d1d1; color: #000; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr > td.qesitm-left { padding: 3%; text-align: left; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr > td.qesitm-right { padding: 2%; text-align: center; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr > td.qesitm-right > input[type="text"] { width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; border: 1px solid #AAAAAA; border-radius: 5px; font-size: 18px; text-align: center; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr:last-of-type > td { padding: 3%; background: #fff; border: 1px solid #d1d1d1; color: #000; text-align: center; }
.survey-frame .survey-container .survey-body .subjective-matrix-table > tbody > tr:last-of-type > td > .answerTotal { margin-left: 10px; font-size: 24px; vertical-align: middle; }

.survey-frame .survey-container .survey-body .qestn-left { float: left; max-width: 40%; word-break: break-word; white-space: normal; display: inline-block; }
.survey-frame .survey-container .survey-body .qestn-right { float: right; max-width: 40%; word-break: break-word; white-space: normal; display: inline-block; text-align: right; }

.survey-result { }
.survey-result > .survey-result-container {}
.survey-result > .survey-result-container > .result-message { padding: 30px 0; line-height: 25px; }
.survey-result > .survey-result-container > .result-btn-container { margin-bottom: 10px; }




/* 태블릿 (해상도 ~1024px)*/
@media all and (max-width:1024px) {
	.survey-frame .survey-container .survey-header .survey-title { padding: 16px 20px; line-height: 40px; font-size: 25px; text-align: center; }
	.survey-frame .survey-container .survey-header .survey-info-title { background-color: #005dac; padding: 25px; color: #FFFFFF; border-top: 1px solid #005dac; border-left: 1px solid #005dac; border-right: 1px solid #005dac;  border-radius: 10px 10px 0 0; font-size: 22px; /*font-weight: bold;*/ }
	
	.survey-frame .survey-container .survey-body { margin: 30px auto; padding: 0 30px; max-width: 600px; color: #000000; }
	.survey-frame .survey-container .survey-body .info-container .info-header {}
	.survey-frame .survey-container .survey-body .info-container .info-body { margin: 0; padding: 20px; border: 1px solid #aaaaaa; border-radius: 10px; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-list-wrapper .info-list-item { display: grid; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-list-wrapper .info-list-item:not(:last-child) { margin: 5px 0; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-list-wrapper .info-list-item .list-item-title { margin-right: 10px; display: block; float: left; width: 100px; border: 1px solid #005dac; text-align: center; line-height: 35px; border-radius: 30px; font-size: 18px; color: #005dac; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-list-wrapper .info-list-item .list-item-desc { display: block; word-break: break-word; line-height: 35px; font-size: 18px;}
	
	.survey-frame .survey-container .survey-body .qesitm > .keyword-container > label > li { margin-bottom: 10px; width: calc(33% - 10px); border: 1px solid #AAAAAA; border-radius: 10px; font-size: 16px; text-align: center; }
	.survey-frame .survey-container .survey-body .qesitm > .keyword-container > label > li.blank_li { width: calc(33% - 10px); background: #FFFFFF; border: 0;}
}

/* 태블릿 (해상도 ~834px)*/
@media all and (max-width:834px) {
	.survey-frame .survey-container .survey-header .survey-header-top { padding: 0 25px; }
	
	.survey-frame .survey-container .survey-body { margin-bottom: 20px; padding: 0 25px; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-contents { display: block; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-contents .info-list-wrapper .info-list-item .list-item-title { float: none; }
	.survey-frame .survey-container .survey-body .qesitm_img > .qesitm-wrapper { width: 49%; margin-bottom: 5px; }
	
	.survey-frame .survey-container .survey-body .qesitm > .keyword-container > label > li { margin-bottom: 10px; width: calc(33.3% - 10px); border: 1px solid #AAAAAA; border-radius: 10px; font-size: 16px; text-align: center; }
	.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .blank_li { width: calc(33.3% - 10px); background: #FFFFFF; border: 0;}
	.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper { width: calc(33.3% - 10px); }
	
	.survey-frame .survey-container .survey-body #matrix_web_tbl { display:none; }
	.survey-frame .survey-container .survey-body #matrix_mob_tbl { display:block; }
}

/* 모바일 (해상도 ~650px)*/
@media all and (max-width:650px) {
	.survey-frame .survey-container .survey-body .qesitm > .btn-ox-container > label.on > .btnOx:before { min-width: 24px; min-height: 24px; width: 5vw; height: 5vw; }
	
	.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label.on > .btn-gb-wrapper:before { min-width: 24px; min-height: 24px; width: 5vw; height: 5vw; }
	
	.survey-frame .survey-container .survey-body .qesitm > li .input-wrapper { width: 100%; box-sizing: border-box; }

}

/* 모바일 (해상도 ~412px)*/
@media all and (max-width:412px) {
	#zoomIn, #zoomOut { width: 16px; height: 16px; line-height: 16px; font-size: 16px; }
	#zoomText {font-size: 16px; }

	.survey-frame .survey-container .survey-body .info-container .info-header .info-list-wrapper .info-list-item .list-item-desc { font-size: 16px; }
	.survey-frame .survey-container .survey-body .info-container .info-header .info-list-wrapper .info-list-item .list-item-title { width: 90px; line-height: 32px; font-size: 16px;}
	
	.survey-frame .survey-container .survey-body .qesitm_gb > .btn-gb-container > label > .btn-gb-wrapper .qesitm-gb-text { font-size: 28px; }
	
	.survey-frame .survey-container .survey-body .qesitm > .keyword-container > .keyword-wrapper { width: calc(50% - 10px); }
}