@charset "utf-8";
/*
	-----------------------------------------------
	* application.css (사용자 공용 기능)
	-----------------------------------------------
*/

/* 사이트맵 */
.bod_head.sitemap {padding-bottom: 1rem;}
.sitemap_wrap {border: 1px solid #ddd;background: #fff;margin: 1.6rem 0;border-radius: 10px;}
.sitemap_wrap:first-of-type {margin-top: 0;}
.sitemap_wrap:last-of-type {margin-bottom: 0;}
.sitemap_wrap:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.topmenu, .submenu {float: left;padding: 3rem;min-height: 60px;}
.topmenu {width: 27%;}
.topmenu >h4 {font-size: 2rem;font-weight: 500;color: #333;position: relative;}
.topmenu >h4:before {content: '';width: 34px;height: 2px;background: #333;position: absolute;top: -8px;}
.submenu {width: 73%;border-left: 1px dashed #dedede;min-height: 80px;}
.submenu >ul >li >a {display: block;font-size: 1.7rem;color: #256964;}
.submenu >ul >li:not(:last-of-type) >a {margin-bottom: 1.6rem;}
.submenu >ul >li >a:before {content: '';width: 14px;height: 14px;border: 4px solid #1ca49a;display: inline-block;margin-right: 0.7rem;}
.submenu >ul >li >a span, .submenu >ul >li >a + div a span {display: inline-block;}
.submenu >ul >li >a[target=_blank] span:after {content: '';width: 14px;height: 12px;float: right;margin: 3px -20px 0 0;background: url('./../img/common/spr_common.png') -23px 0 no-repeat;}
.submenu >ul >li >a + div {background: #f7f7f7;padding: 0.8rem 2rem 1rem;margin: 1rem 0 2rem;border: 1px dashed #ddd;border-radius: 4px;}
.submenu >ul >li >a + div li {width: 33.33%;float: left;position: relative;padding: 0.4rem 0;}
.submenu >ul >li >a + div a {font-size: 1.5rem;}
.submenu >ul >li >a + div a:before {content: '';width: 3px;height: 3px;background: #bbb;display: inline-block;vertical-align: middle;margin-right: 5px;border-radius: 50%;}
.submenu >ul >li >a + div a[target=_blank] >span:after {content: '';width: 8px;height: 8px;float: right;margin: 3px -13px 0 0;background: url('./../img/common/spr_common.png') 0 -50px no-repeat;}

/* 회원가입 */
.join_wrap * {color: #666;line-height: 140%;}
.join_wrap .box {border-radius: 10px;border: 5px solid #f0f0f0;padding: 1.6rem 1.7rem;color: #666;}
.agreement_wrap {border: 5px solid #f0f0f0;padding: 2rem;height: 240px;overflow-y: scroll;border-radius: 10px;}
.agreement_wrap h5 {padding-bottom: 10px;font-weight: 500;color: #3a81dc;font-size: 1.8rem;}
.agreement_wrap h5:not(:first-of-type) {margin-top: 40px;}
.agreement_wrap li:not(:last-of-type) {margin-bottom: 1.4rem;}
.agreement_wrap .depth2 {margin: 10px 0;}
.agreement_wrap .depth3 {margin: 10px 0 10px 5px;}
.agreement_wrap .list_wrap {background: #f7f7f7;padding: 0.8rem 2rem 1rem;margin: 1rem 0 2rem;border: 1px dashed #ddd;border-radius: 4px;}
.agreement_wrap .list_wrap * {color: #888;font-size: 1.5rem;}
.agreement_wrap ul li {padding-left: 8px;color: #555;}
.agreement_wrap ul li, .agreement_wrap .list_wrap li {position: relative;}
.agreement_wrap ul li:before, .agreement_wrap .list_wrap li:before {content: '';width: 3px;height: 3px;background: #bbb;border-radius: 50%;position: absolute;left: 0;top: 8px;}
.agreement_wrap ol >li:before {display: none;}
.check_boxes {text-align: center;padding: 10px 0;}

/* 회원로그인, 게시물 비밀번호 확인 */
.login_wrap {border: 1px solid #ddd;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.login_wrap:hover, .find_idpwd >li:hover,
.auth_content1 .realCont_wrap:hover, .auth_content2 .realCont_wrap:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.login_wrap >div {float: left;padding: 4rem;}
.login_wrap >div:first-of-type {width: 55%;border-right: 1px dashed #ddd;}
.login_wrap >div:first-of-type li {margin-bottom: 1rem;}
.login_wrap >div:first-of-type label {display: block;margin: 2rem 0 1rem;font-weight: 500;}
.login_wrap >div:first-of-type li:first-child label {margin-top: 0;}
.login_wrap >div:first-of-type input:not([type=checkbox]) {width: 100%;border: 1px solid #bbb !important;border-radius: 4px;padding: 1.1rem;color: #666;}
.login_wrap >div:first-of-type input[type=text]:hover, .login_wrap >div:first-of-type input[type=text]:focus,
.login_wrap >div:first-of-type input[type=password]:hover, .login_wrap >div:first-of-type input[type=password]:focus {background: #e8f4fb;border: 1px solid #d0e3ef;}
.login_wrap >div:first-of-type input[type=submit] {border:none !important}
.login_wrap >div:first-of-type .btn_login {background: #3753d4;color: #fff !important;padding: 1.5rem 0 !important;margin-top: 1rem;font-size: 1.7rem;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.login_wrap >div:first-of-type .btn_login:hover {background: #889fb3;}
.login_wrap >div:first-of-type .keypad_box label {display: inline-block;margin: 0;font-weight: normal;}
.login_wrap >div:first-of-type .keypad_box input {width: auto;}
.login_wrap >div:last-of-type {width: 45%;position: relative;}
.login_wrap >div:last-of-type:before {content: '';display: block;background: #eaf0f9 url('./../img/board/spr_board.png') -168px 33px no-repeat;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 120px;height: 120px;border-radius: 50%;}
.login_wrap >div:last-of-type >p {margin-top: 15rem;font-weight: 500;}
.login_wrap >div:last-of-type .btn {width:100%;border: 1px solid #bbb !important;background: #fff;color: #333;border-radius: 4px;padding: 1.5rem 2.4rem 1.4rem;display: block;margin-top: 2.2rem;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.login_wrap >div:last-of-type .btn:hover {border: 1px solid #3753d4 !important;color: #3753d4;}

/* 아이디/비번 찾기 */
.find_idpwd {display:flex; flex-wrap:wrap;}
.find_idpwd >li { width: 49%;border: 1px solid #ddd;padding: 3rem;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.reset_idpwd >li:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.find_idpwd >li:first-child {margin-right: 2%;}
.find_idpwd >li:first-child >p:last-of-type {margin-bottom: 3.5rem;}
.find_idpwd >li >h4 {font-size: 2.4rem !important;text-align: center;margin: 1rem 0 3rem !important;font-weight: 500 !important;}
.find_idpwd >li >h4:before {content: '';display: block;background: #eaf0f9 url('./../img/board/spr_board.png') -416px 29px no-repeat !important;margin: 2.5rem auto 1.5rem;width: 120px !important;height: 120px !important;border-radius: 50%;position: relative !important;}
.find_idpwd >li:last-child >h4:before {background-position: -299px 29px !important;}
.find_idpwd >li >p {font-size: 1.5rem;margin: 1rem 0;color: #666;line-height: 140%;}
.find_idpwd .btn_wrap {border-top: 1px solid #ddd;padding-top: 2rem;margin-top: 3.4rem;}

/* 회원 ID 재발급 */
.reset_idpwd >li {float: left;width: 100%;border: 1px solid #ddd;padding: 3rem;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.reset_idpwd >li >h4 {font-size: 2.4rem;text-align: center;margin: 0 0 3rem !important;font-weight: 500;}
.reset_idpwd >li >h4:before {content: '';display: block;background: #eaf0f9 url('./../img/board/spr_board.png') -168px 33px no-repeat !important;margin: 0 auto 1.5rem !important;width: 120px;height: 120px;border-radius: 50%;}
.reset_idpwd >li:last-child >h4:before {background-position: -299px 29px;}
.reset_idpwd >li >div {border-radius: 6px;background: #fafbfd;padding: 2rem 2.6rem;border: 1px dashed #ccc;color: #666;}
.reset_idpwd >li p {margin: 1rem 0;line-height: 140%;}
.reset_idpwd .btn_wrap {border-top: 1px solid #ddd;padding-top: 2rem;margin-top: 3.4rem;}
.reset_idpwd .name {font-size: 1.9rem;color: #000;font-weight: 700;}


/* 소셜로그인 */
.social_login {width: 100%;padding: 3rem;margin: 2rem 0 3.2rem;background: #f7f7f7;border: 1px solid #bbb;border-radius: 10px;}
.social_login >a {color: #fff;padding: 12px 18px 11px 40px;border-radius: 4px;margin-right: 5px;display: inline-block;position: relative;}
.social_login >a:before {content: '';position: absolute;width: 17px;height: 24px;background-image: url('./../img/application/spr_application.png');background-repeat: no-repeat;left: 13px;top: 50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.social_login .btn_fb {background-color: #63a8e0;}
.social_login .btn_fb:hover {background-color: #135c98;}
.social_login .btn_fb:before {background-position: 0 -215px;}
.social_login .btn_tw {background-color: #5ebfdb;}
.social_login .btn_tw:hover {background-color: #0098dc;}
.social_login .btn_tw:before {background-position:0 -266px;}
.social_login .btn_login {background-color: #4cc392;}
.social_login .btn_login:hover {background-color: #3da741;}
.social_login .btn_login:before {background-position: -2px -307px;}
.social_login >a.logout:before {width: 22px;height: 22px;background-position: -2px -350px;}
.social_login .comment_write {margin: 2rem 0;overflow: hidden;position: relative;}
.social_login .comment_write .profile_wrap {background: #ccd6dd;width: 70px;height: 70px;border-radius: 50%;overflow: hidden;float: left;margin-top: 0.6rem;}
.social_login .comment_write .profile_wrap + textarea {width: calc(100% - 90px);max-height: 80px;float: right;border-radius: 10px;background: #fff;padding-right: 14%;font-size: 1.5rem;}
.social_login .comment_write .btn_comment {width: 13%;height: 80px;line-height: 80px;position: absolute;right: 0;top: 0;display: block;background: #1f6aa9;text-align: center;color: #fff;/* padding: 3.2rem 1.6rem; */border-radius: 8px 0/ 8px 0;}
.social_login .comment_write .btn_comment:hover, .social_login .comment_write .btn_comment:focus {background: #889fb3;}
.social_login .comment_num {color: #333;background-color: #f6f6f6;padding: 0.8rem 0.8rem 1.6rem 0;border-bottom: 1px solid #ddd;text-align: right;font-size: 1.5rem;}
.social_login .comment_list li {padding: 1rem 0;border-bottom: 1px solid #ddd;position: relative;overflow: hidden;}
.social_login .comment_list .cont {color: #666;padding: 0.5rem 0 1rem;line-height: 140%;font-size: 1.5rem;}
.social_login .comment_list .name, .social_login .comment_list .date {padding: 0.5rem 0;float: left;font-size: 1.5rem;}
.social_login .comment_list .name {margin-right: 1.5rem;}
.social_login .comment_list .date {color: #999;}
.social_login .comment_list .empty {color: #999;font-size: 1.5rem;padding: 3rem 0;text-align: center;}
.social_login .comment_btn_wrap {margin-top: 0;float: right;}
.social_login .comment_btn_wrap > a {background: #fff;border: 1px solid #ddd;padding: 0.3rem 0.8rem 0.4rem;border-radius: 2px;font-size: 1.5rem;}
.social_login .comment_btn_wrap > a:hover, .social_login .comment_btn_wrap > a:focus {border: 1px solid #bbb;}
.social_login .comment_btn_wrap > a:before {content: '';width: 17px;height: 17px;background:url('./../img/board/spr_board.png') 0 -60px no-repeat;display: inline-block;vertical-align: top;margin: 0 2px 0 0;}
.social_login .comment_btn_wrap > a.del:before {background-position: -24px -60px;}

/* 캘린더 */
#yhdCalendar, #dailySchedule {float: left;}
#yhdCalendar {float: left;width: 50%;margin-right: 3%;}
#dailySchedule {width: 47%;}
#dailySchedule .p_notice, #dailySchedule .list_num {display: none;}
#search_tit {font-size: 2.2rem;padding: 1.1rem 0 1.5rem;line-height: 130%;}
.daily_schedule {float: left;width: 47%;}
.daily_schedule >h4 {padding-bottom: 3px;}


/* 선거인명부 */
.election_info {background-color: #f1fbff;background-image: url('./../img/application/bg_election_02.png'), url('./../img/application/bg_election_01.png');background-position: 5% -14%, 50% 100%;background-repeat: no-repeat, no-repeat;border-radius: 20px;position: relative;letter-spacing: -0.5pt;border: 1px solid #cdd9e0;}
.election_info h4 {color: #2d437d !important;font-size: 3.3rem !important;margin: 0;font-weight: normal !important;}
.election_info h4:before {display: none;}
.election_info h4 >span {font-weight: 600;}
.election_info >div {padding: 5.4rem 0 5.4rem 45rem;}
.election_info dl {margin-top: 3rem;}
.election_info dt {background: #3a81dc;color: #fff;border-radius: 20px;width: 18%;text-align: center;margin-right: 1%;}
.election_info dd {width: 80%;}
.election_info dd.tit {color: #3a81dc;font-size: 2rem;}
.election_info dt, .election_info dd {display: inline-block;padding: 0.5rem 0 0.7rem;margin-bottom: 7px;}
.search_out {width: 203px;height: 191px;background: url('./../img/application/bg_election_03.png') 0 0 no-repeat;position: absolute;right: 4rem;bottom: 0;}
.search_out .btn {display: block;width: 100px;height: 100px;color: #fff;margin: 4.5rem 0 0 4.7rem;text-align: center;font-size: 1.9rem;line-height: 120%; padding:1em 0;}
.search_out .btn >span {position: relative;}
.search_out .btn >span:after {content: '';width: 24px;height: 9px;position: absolute;left: 50%;bottom: -12px;;background: url('./../img/application/spr_application.png') 0 0 no-repeat;}

.election_wrap .user_info {margin: 5rem 0;position: relative;}
.election_wrap .user_info li {float: left;}
.election_wrap .user_info input {border-radius: 4px;border: 1px solid #ddd;height: 5rem;}
.election_wrap .user_info li >input[type=text]:first-of-type {width: 176px;}
.election_wrap .user_info label {padding: 0 1rem;font-size: 1.7rem;font-weight: 500;display: inline-block;}
.election_wrap .user_info label[for=jumin1] {margin-left: 2rem;}
.election_wrap .user_info input[name^=jumin2] {width: 4.6rem;background-color: #e8f6ff;border: 1px solid #c0d5e2 !important;border: 1px solid #ddd;font-size: 2.2rem;text-align: center;margin: 0 2px;padding: 0.6rem 0.8rem 0.8rem 0.8rem;}
.election_wrap .user_info input[name^=jumin2]:disabled {background: #f3f3f3;border-color: #ddd !important;color: #999;padding: 1.2rem 0.8rem 0.8rem 0.8rem;}
.election_wrap .user_info .btn {background: #193974;margin-left: 1rem;width: 13rem;}

.elector_result {color: #666;font-size: 1.8rem;padding: 5rem 5rem 2rem 14rem;border-top: 1px solid #eee;position: relative;line-height: 170%;overflow: hidden;}
.elector_result:before {content: '';width: 67px;height: 86px;background: url('./../img/application/spr_application.png') -2px -112px no-repeat;position: absolute;left: 5%;top: 3.7rem;}
.elector_result.caution:before {background-position: -2px -112px;}
.elector_result .name {color: #00bcd4;font-size: 2.1rem;font-weight: 600;}
.elector_result strong {color: #000;}
.elector_result .btn {background: #fff;display: block;border: 2px solid #00bcd4;padding: 1.1rem 0;width: 18rem;border-radius: 4px;margin: 0;color: #00bcd4;font-size: 1.7rem;float: right;text-align: center;margin-right: 7rem;}
.elector_result .btn:hover {text-decoration: underline;}
.elector_result >p {float: left;}

/* 개별주택가격열람 */
.house_wrap {background-color: #e1f0fa;background-image: url('./../img/application/bg_house_02.png'), url('./../img/application/bg_house_01.png');background-position: -2% 100%, 0 10%;background-repeat: no-repeat, no-repeat;border-radius: 20px;position: relative;letter-spacing: -0.5pt;border: 1px solid #cdd9e0;}
.house_wrap h4 {color: #2d437d !important;font-size: 3.3rem !important;margin: 0;font-weight: normal !important;}
.house_wrap h4:before {display: none;}
.house_wrap h4 >span {font-weight: 600;}
.house_wrap >div {padding: 3rem 0 3rem 45rem;}
.house_wrap dl {margin-top: 1rem;}
.house_wrap dt {background: #3a81dc;color: #fff;border-radius: 20px;width: 18%;text-align: center;margin-right: 1%;}
.house_wrap dd {width: 80%;}
.house_wrap dd.tit {color: #3a81dc;font-size: 2rem;}
.house_wrap dt, .house_wrap dd {display: inline-block;padding: 0.5rem 0 0.7rem;margin-bottom: 7px;}
.house_wrap .btn_search_wrap {position: relative;}
.house_wrap .btn_search_wrap:before {content: '';background-image: linear-gradient(to right, #03a9f4  0%, #00bcd4 100%);background-image: -webkit-gradient(linear, left top, right top, from(#03a9f4 ), to(#00bcd4));background-image: -o-linear-gradient(left, #03a9f4 0%, #00bcd4 100%);background-image: linear-gradient(to right, #03a9f4 0%, #00bcd4 100%);border-radius: 50%;width: 90px;height: 90px;padding: 0;position: absolute;right: 13%;top: -11rem;font-size: 2rem;}
.house_wrap .btn_search_wrap:hover:before {-webkit-animation: btnTurn 1s infinite linear alternate;animation: btnTurn 1.5s infinite linear alternate;}
.house_wrap .btn_search {transform: rotate(0);position: absolute;right: 13%;top: -11rem;background-color: transparent;font-size: 1.8rem;width: 90px;height: 90px;border-radius: 50%;}
.house_wrap .btn_search:hover, .house_wrap .btn_search:focus {background-color: transparent;}
.house_wrap .btn_link {border-radius: 0 20px 0 20px;border: 2px solid #00bcd4; padding: 2rem 5rem;display: block;width: 86%;text-align: center;background: rgba(255,255,255,0.5);margin-bottom: 2rem;font-size: 1.8rem;color: #00bcd4;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.house_wrap .btn_link >span {position: relative;display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;max-width: 100%;overflow: hidden;display: inline-block;vertical-align: middle;padding-right: 3rem;}
.house_wrap .btn_link >span:after {content: '';width: 20px;height: 18px;background: url('./../img/common/spr_common.png') 0 -120px no-repeat;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.house_wrap .btn_link:hover >span:after {background-position: 0 -69px;}
.house_wrap .btn_link:hover {background: #375192;color: #fff;border-color: #375192;}
.house_wrap p {color: #888;width: 86%;line-height: 130%}
.house_wrap + p {color: #666;}
@-webkit-keyframes btnTurn {
	from {
		-webkit-transform: scale(1) rotate(0);
		        transform: scale(1) rotate(0);
	}
	to {
		-webkit-transform: scale(1.1) rotate(1turn);
		        transform: scale(1.1) rotate(1turn);
	}
}
@keyframes btnTurn {
	from {
		-webkit-transform: scale(1) rotate(0);
				transform: scale(1) rotate(0);
				border-radius: 58% 42% 45% 55% / 30% 30% 70% 70%;
	}
	to {
		-webkit-transform: scale(1.1) rotate(1turn);
				transform: scale(1.1) rotate(1turn);
				border-radius: 50%;
	}
}

/* 팝업존 목록 */
.popupzone_list {margin-top: 2rem;}
.popupzone_list ul >li {float: left;width: 32%;min-height: 198px;margin-bottom: 2%;overflow: hidden;border: 1px solid #ddd;text-align: center;/* padding: 16px; */}
.popupzone_list ul >li a {display: block;height: 0;padding-bottom:56.25%;position: relative;overflow: hidden;}
.popupzone_list .thumb {display: block;position: relative;height: 0;padding-bottom: 57.25%;background-color: #efefef;}
.popupzone_list .thumb >figure {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.popupzone_list .thumb >figure img {height: 100%;max-width: 100%;width: auto;margin: 0 auto;display: inline-block;max-height: 100%;vertical-align: top;}
.popupzone_list ul >li:not(:nth-of-type(3n)) {margin-right: 2%;}

/* 반응형 */
@media screen and (max-width:1024px) {
	/* 본인인증 */
	div[class^="auth_content"] {padding: 0 1rem;}
	div[class^=auth_content] .realCont_wrap > div:first-of-type:before {margin-bottom:2rem}
	.list04 >li >div[class^="auth_content"] {top:120px;}

	/* 선거인명부 */
	.election_info {background-position: -6% 32px, 50% 100%;background-size: contain, auto;}
	.election_info >div {padding:4rem 0 5.4rem 28rem}
	.election_wrap .user_info li >input[type=text]:first-of-type {width: 130px;}
	.election_wrap .user_info input[name^=jumin2] {margin: 0;}
	.election_wrap .user_info .btn {width: 9rem;}
	.elector_result {padding: 5rem 1rem 2rem 9rem;}
	.elector_result:before {left: 1rem;}
	.elector_result .btn {margin-right: 0;}
	.search_out {right: 2rem;}

	/* 개별주택가격열람 */
	.house_wrap {background-position: -163px 135%, 0 21%;}
	.house_wrap >div {padding: 3rem 0 3rem 28rem;}

	/* 팝업존 목록 */
	.popupzone_list ul >li a, .popupzone_list .thumb {padding-bottom: 67.25%;}
}

@media screen and (max-width:960px) {
	/* 사이트맵 */
	.bod_head.sitemap .bod_search {float: right;}
	.topmenu, .submenu {float: none;width: 100%;}
	.submenu {padding-top: 0;border-left: none;}

	/* 회원로그인 */
	.login_wrap >div {float: none;width: 100% !important;}
	.login_wrap >div:first-of-type {border: none;border-bottom: 1px dashed #ddd;}
	.login_wrap >div:last-of-type:before {display: none;}
	.login_wrap >div:last-of-type >p {margin-top: 0;}

	/* 아이디/비번찾기 */
	.find_idpwd >li {float: none;width: 100%;}
	.find_idpwd >li:first-child {margin-right: 0;margin-bottom: 1rem;}
	.find_idpwd >li >p {text-align: center;margin: 0 !important;}

	/* 소셜로그인 */
	.social_login {padding: 1.5rem;}

	/* 사전정보공표 */
	div[id^=deptTabSub0] ul >li {width:25%;}
	
	/* 캘린더 */
	#yhdCalendar, .daily_schedule {float: none;width: 100%;}
	.daily_schedule {margin-top: 30px;}

	/*  만족도평가 */
	.radio_list, .opinion_wrap {float: none;}
	.opinion_wrap {width: 100%;margin: 1rem 0 0 0;}

	/* 선거인명부 */
	.election_info {background-image: none, url('./../img/application/bg_election_01.png');background-position: 117% 32px, 50% 100%;}
	.election_info >div {padding: 3rem 0 4rem 8rem;}
	.search_out {right: 4rem;}
	.election_wrap .user_info {margin: 3rem 0;}
	.election_wrap .user_info li {float: none;margin: 1rem 0;}
	.election_wrap .user_info li:nth-of-type(2), .election_wrap .user_info li:nth-of-type(3) {display: inline-block;}
	.election_wrap .user_info li >input[type=text]:first-of-type {width: 135px;}
	.election_wrap .user_info label {width: 100px;}
	.election_wrap .user_info label[for=jumin1] {margin-left: 0;}
	.election_wrap .user_info .btn {position: relative}
	.elector_result {padding-top: 4rem;}
	.elector_result:before {top: 2.5rem;}
	.elector_result >p {padding-bottom: 1rem;}
	.elector_result .btn {float: none;clear: left;margin-right: 3rem;padding: 0.8rem 0;}

	/* 개별주택가격열람 */
	.house_wrap {background-position: -303px 135%, -100%}
	.house_wrap >div {padding: 3rem 0 3rem 11rem;}
	.house_wrap .btn_search_wrap:before, .house_wrap .btn_search {right: 10rem;}

	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height: 138px;}
}
@media screen and (max-width:768px) {
	/* 사이트맵 */
	.submenu >ul >li >a + div li {width: 50%;}

	/* 사전정보공표 */
	.search_opendata select, .search_opendata input {margin-top: 0.5rem;}
	#brmTab > ul > li, div[id^=deptTabSub0] ul >li {width:25%;}
	#brmTab > ul > li:not(:nth-of-type(5n)) {border-right:none;}
	#brmTab > ul > li:nth-last-of-type(-n+5) {border-bottom: 1px solid #ddd;}
	#brmTab > ul > li:not(:nth-of-type(4n)) {border-right:1px solid #ddd;}
	#brmTab > ul > li:nth-last-of-type(-n+4) {border-bottom: none;}
	div[id^=deptTabSub0] ul >li {width: 33.33%;}

	/* 선거인명부 */
	.election_info >div {padding-left: 4rem;}
	.election_wrap .user_info label {width: 100%;padding: 1rem 0;}
	.election_wrap .user_info .btn {width: 7rem;padding: 0;}
	.search_out {transform: scale(0.8);transform-origin: right bottom;right: 2rem;}
	.elector_result >p {font-size: 1.6rem;}

	/* 개별주택가격열람 */
	.house_wrap .btn_search_wrap:before, .house_wrap .btn_search {right: 6rem;}

	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height: 124px;}
}
@media screen and (max-width:640px) {
	/* 사이트맵 */
	.topmenu, .submenu {padding: 3rem 2rem 2rem;}
	.submenu {padding-top: 1rem;}
	.submenu >ul >li >a {font-size: 1.6rem;}
	.submenu >ul >li >a:before {width: 12px;height: 12px;border-width: 3px;}
	.submenu >ul >li >a + div {margin-top: -0.5rem;padding: 0.8rem 1.5rem 1rem;}
	.submenu >ul >li >a + div li {width: 100%;}

	/* 회원로그인 */
	.login_wrap {font-size: 1.5rem;}
	.login_wrap >div {padding: 2rem;}
	.login_wrap >div:first-of-type .btn_login, .login_wrap >div:last-of-type .btn {padding: 1.1rem 0 !important;}
	.login_wrap >div:last-of-type .btn {margin-top: 1rem;}

	/* 아이디/비번찾기 */
	.find_idpwd >li {padding: 2rem;}
	.find_idpwd >li >h4 {font-size: 2.1rem;}
	.find_idpwd >li >h4:before {margin-top: -1rem;}
	.find_idpwd .btn_wrap {margin-top: 2rem;}

	/* 소셜로그인 */
	.social_login .comment_write .profile_wrap, .social_login .comment_write .profile_wrap + textarea {float: none;}
	.social_login .comment_write .profile_wrap {display: block;margin: 0 auto 1rem;}
	.social_login .comment_write .profile_wrap + textarea {width: 100%;}
	.social_login .comment_write .btn_comment {position: relative;display: block;width: 100%;height: auto;line-height: 100%;padding: 1.12rem;margin-top: 1rem;}

	/* 사전정보공표 */
	.search_opendata {padding: 1rem;}
	.search_opendata select, .search_opendata input {font-size: 1.4rem;}
	#search_tab_type >li {width: 32.66%;}
	#search_tab_type >li:not(:last-of-type) {margin-right: 1%;}
	#search_tab_type >li > a {font-size: 1.4rem;}
	#brmTab > ul > li {width:33.33%;}
	#brmTab > ul > li:not(:nth-of-type(4n)), #deptTab >ul >li:nth-of-type(2n) {border-right:none;}
	#brmTab > ul > li:nth-last-of-type(-n+4) {border-bottom: 1px solid #ddd;}
	#brmTab > ul > li:not(:nth-of-type(3n)) {border-right:1px solid #ddd;}
	#brmTab > ul > li:nth-last-of-type(-n+2) {border-bottom: none;}
	#brmTab > ul > li > a, #deptTab > ul > li > a {font-size: 1.4rem;}
	#brmTab ~ p.exp {font-size: 1.4rem;}
	div[id^=deptTabSub0] {top: 231px;padding: 0.5rem 1.5rem;}
	div[id^=deptTabSub0] ul >li, #deptTab >ul >li {width: 50%;}
	div[id^=deptTabSub0] ul >li a {font-size: 1.4rem;}
	#deptTab >ul {height: 430px;}

	/*.dl_wrap >dl >dt, .dl_wrap >dl >dd {width: 100%;padding: 1rem;min-height: 37px;}
	.dl_wrap >dl >dt {font-weight: 500;}*/

	/* 선거인명부 조회 */
	.election_info h4 {font-size: 2.3rem !important;}
	.election_info >div {padding: 2rem 2rem 12rem;}
	.election_info dl {margin-top: 1rem;}
	.election_info dt, .election_info dd {width: 100%;padding: 1rem 0 1.2rem;}
	.election_info dd {letter-spacing: 0;}
	.election_info dd.tit {font-size: 1.7rem;}
	.election_wrap .user_info {margin: 1rem 0;}
	.election_wrap .user_info li >input[type=text]:first-of-type {width: 27%;}
	.election_wrap .user_info input[name^=jumin2] {width: 8.9%;}
	.election_wrap .user_info input[name^=jumin2]:last-of-type {margin-right: 0;}
	.election_wrap .user_info .btn {margin: 1rem 0 0 0;width: 100%;}
	.elector_result:before {top: 0;left: 50%;-webkit-transform:scale(0.8) translateX(-50%);-ms-transform: scale(0.8) translateX(-50%);transform:scale(0.8) translateX(-50%)}
	.elector_result {padding: 8rem 0 0;}
	.elector_result >p {font-size: 1.5rem;float: none;text-align: center;}
	.elector_result .btn {margin: 0 auto;}
	.elector_result .name {font-size: 1.8rem;}

	/* 개별주택가격열람 */
	.house_wrap {background-image: none;}
	.house_wrap h4 {font-size: 2.3rem !important;}
	.house_wrap >div {padding: 3rem;}
	.house_wrap .btn_link {padding:0;}
	.house_wrap .btn_link >span {padding: 1.3rem 3rem 1.3rem 0;}
	.house_wrap .btn_link, .house_wrap p {width: 100%;}
	.house_wrap .btn_link, .house_wrap .btn_search {font-size: 1.6rem;}
	.house_wrap .btn_search_wrap:before, .house_wrap .btn_search {right: 0;}
	.house_wrap .btn_search_wrap:before {display: none;}
	.house_wrap .btn_search, .house_wrap .btn_search:hover, .house_wrap .btn_search:focus {position: relative;top: auto;border-radius: 0 2rem 0 2rem;width: 100%;height: auto; background-image: linear-gradient(to right, #03a9f4 0%, #00bcd4 100%);background-image: -webkit-gradient(linear, left top, right top, from(#03a9f4 ), to(#00bcd4));background-image: -o-linear-gradient(left, #03a9f4 0%, #00bcd4 100%);
background-image: linear-gradient(to right, #03a9f4 0%, #00bcd4 100%);margin-bottom: 0.5rem;}
	.house_wrap dt, .house_wrap dd {width: 100%;padding: 1rem 0 1.2rem;}

	/* 팝업존 목록 */
	.popupzone_list ul >li {width: 49%;}
	.popupzone_list ul >li a, .popupzone_list .thumb {padding-bottom: 56.25%;}
	.popupzone_list ul >li:nth-of-type(3n) {margin-right: 2%;}
	.popupzone_list ul >li:nth-of-type(2n) {margin-right: 0;}
}
@media screen and (max-width:568px) {
	/* 사전정보공표 */
	.search_opendata select, .search_opendata input {width: 100% !important;}

	/* 선거인명부 */
	.election_info >div {padding-bottom: 14rem;}
	.election_wrap .user_info li {width: 100%;}
	.election_wrap .user_info li >input[type=text]:first-of-type {width: 38%;}
	.election_wrap .user_info input {height: 4rem;}
	.election_wrap .user_info input[name^=jumin2] {width: 6.55%;height: 4rem;padding-left:0 !important;padding-right: 0 !important;}
}
@media screen and (max-width:500px) {
	/* 소셜로그인 */
	.social_login >a {width: 100%;margin: 0 0 8px 0;}

	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height: 105px;}
}
@media screen and (max-width:416px) {
	/* 소셜로그인 */
	.social_login .comment_list .name, .social_login .comment_list .date, .social_login .comment_btn_wrap {float: none;}
	.social_login .comment_btn_wrap {padding: 2rem 0 1rem;display: block;}

	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height: 94px;}
	.popupzone_list ul >li img {max-height: 100%;}
}
@media screen and (max-width:375px) {
	/* 사이트맵 */
	.bod_head.sitemap .bod_search {width: 100%;}

	/* 아이디/비번찾기 */
	.find_idpwd .btn_wrap >a  {display: block;}
	.find_idpwd .btn_wrap >a:first-of-type {margin-bottom: 1rem;}

	/* 사전정보공표 */
	.search_opendata select, .search_opendata input {width: 100% !important;}
	#search_tab_type >li {width: 49.5%;}
	#brmTab > ul > li {width:50%;}
	#brmTab > ul > li:not(:nth-of-type(3n)) {border-right:none;}
	#brmTab > ul > li:nth-last-of-type(-n+2) {border-bottom: 1px solid #ddd;}
	#brmTab > ul > li:not(:nth-of-type(2n)) {border-right: 1px solid #ddd;}
	#brmTab > ul > li:nth-last-of-type(-n+2) {border-bottom: none;}

	/* 선거인명부 조회 */
	.election_info h4 {font-size: 2rem !important;}
	.election_info dd {font-size: 1.4rem;}
	.election_wrap .user_info input[name^=jumin2] {width: 2.18rem;}
	.election_wrap .user_info li >input[type=text]:first-of-type {width: 26%;}

	/* 개별주택가격열람 */
	.house_wrap h4 {font-size: 2rem !important;}
	.house_wrap >div {padding: 1.5rem 1rem;}
	.house_wrap p, .house_wrap + p {font-size: 1.4rem;}
	.house_wrap .btn_search {height: 36px;padding: 0;}
	.house_wrap .btn_link >span {padding: 1rem 3rem 1rem 0;}

	/* 팝업존 목록 */
	.popupzone_list ul >li a, .popupzone_list .thumb {padding-bottom: 67.25%;}
}
@media screen and (max-width:320px) {
	/* 팝업존 목록 */
	.popupzone_list ul >li a, .popupzone_list .thumb {padding-bottom: 68.25%;}
}



/****************************************************************
	설문조사 상세 페이지
*****************************************************************/

/* 설문조사 상세페이지 */
.poll_view  {display:block; position:relative;}
.poll_view .subject {border-top:3px solid #3F5580; border-bottom:1px solid #C7CCDD; text-align:center; font-size:1.334em; color:#222; font-weight:700; padding:.834em 1em .834em 1.667em; margin:0;}
.poll_view .view_info {display:block; position:relative; padding:1.11em 2.22em; border-bottom:1px solid #DFE4EF; text-align:center;}
.poll_view .view_info li {display:inline-block; position:relative; vertical-align:middle; font-size:.945em; margin-right:3em; margin:2px 15px;}
.poll_view .view_info li span {display:inline-block; position:relative; color:#888; padding-right:1em; margin-right:1em;}
.poll_view .view_info li span:after {content:""; display:block; position:absolute; right:0; width:1px; height:.82em; top:50%; margin-top:-.41em; background:#e1e1e1;}
.poll_view .view_info .state {display:inline-block; vertical-align:middle; background:#333; color:#fff; border-radius:4px; padding:3px 8px; font-size:13px;}



.poll_view .view_cont {padding:2em 0 0; padding-bottom:2.35em; font-size:.945em; line-height:1.8; border-bottom:1px solid #C7CCDD;}
.poll_view .view_cont .pollMainImage {display:none;}

.poll_view .view_file {display:table; position:relative; width:100%; table-layout:fixed; padding:1.667em 0; border-bottom:1px solid #C7CCDD;}
.poll_view .view_file > * {display:table-cell; vertical-align:middle; box-sizing:border-box;}
.poll_view .view_file dt {padding-left:1.778em; padding-right:1em; width:10em; }
.poll_view .view_file dt:before {content:""; display:inline-block; position:relative; vertical-align:middle; width:1.334em; height:1.334em; max-width:24px; max-height:24px; background:url(../img/board/ico_file.svg) no-repeat 50% 50%; background-size:contain; margin-top:-.2em; margin-right:.2em;}

.poll_view .view_file .no_file {color:#888;}

.poll_view .pollHeaderImage {display:block; position:relative; text-align:center; margin-bottom:2em;}
.poll_view .pollHeaderImage img {display:block; position:relative; margin:0 auto; max-width:100%;}
.poll_view .pollHeaderDesc {display:block; position:relative; margin-bottom:2em;}

.poll_view .view_cont .pollMainImage + .target {margin-top:-2em; border-top:none;}
.poll_view .view_cont .target {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd;}
.poll_view .view_cont .target > * {display:table-cell; vertical-align:middle;}
.poll_view .view_cont .target dt {font-weight:800; padding:10px; width:120px; text-align:center; color:#888;}
.poll_view .view_cont .target dd {color:#333;}

.poll_view .agreeWrap {padding:1em 0 2em; border-bottom:1px solid #ddd;}

@media all and (max-width:1024px) {
	.poll_view .view_file {padding:1.5em 0;}
}
@media all and (max-width:640px) {
	.poll_view .view_file {display:block; width:auto;}
	.poll_view .view_file > * {display:block;}
	.poll_view .view_file dt {padding:0; width:auto; margin-bottom:1em;}
	.poll_view .view_file dd {padding:0 1em;}
}


.pollQuestList .questList {display:block; position:relative; margin:1.667em 0;}
.pollQuestList .questList > li {display:block; position:relative; }
/* .pollQuestList .questList > li + li {border-top:1px solid #ddd;} */

.pollQuestList .questionItem {display:block; position:relative; padding:1em 0;}
.pollQuestList .questionItem .title {display:block; position:relative; margin-bottom:1em; background:#f2f2f2; padding:1.4rem 2rem 1rem 2rem; border-radius:1rem;}
.pollQuestList .questionItem .qu-visual {display:block; position:relative; text-align:center; margin:1em 0;}
.pollQuestList .questionItem .qu-con {font-size:.9em;}

.pollQuestList .tournament_wrap {display:block; position:relative; width:48%; float:left; padding:1em; box-sizing:border-box; text-align:center;}
.pollQuestList .tournament_wrap + .tournament_wrap {float:right;}
.pollQuestList .tournament_wrap.active {border:3px solid #000;}
.pollQuestList .tournament_wrap.final {float:none; width:auto;}


/* 설문조사 */
.poll_view >h4 {font-size: 2.2rem;padding: 1rem 0 2rem; border-top: 2px solid #333;border-bottom: 1px solid #ddd;padding: 1.8rem 0;background: none;text-align: center;}
.poll_view >h4:before {display:none!important;}
.poll_view h5 {font-size: 1.8rem;padding-bottom: 1rem;color: #0f8a81;}
.poll_view h5:before {content: '';width: 14px;height: 14px;border: 4px solid #1ca49a;display: inline-block;margin-right: 0.5rem;}
.poll_view dl dt {float: left;clear: left;}
.poll_view dl dd {display: inline-block;color: #333;}
.poll_view dl .input_wrap {padding: 0.9rem 1rem 0.8rem;}
.poll_view figure {text-align: center;}
.poll_view .info figure {padding: 3rem 0;margin-bottom: 0;}
/* .poll_view .info >dl {border-top: 1px solid #999;}
.poll_view .info >dl >dt {width: 20%;background: #f7f7f7;}
.poll_view .info >dl >dd {width: 80%;color: #666;min-height: 57px;}
.poll_view .info >dl >dt, .info >dl >dd {padding: 2rem 1rem;border-bottom: 1px solid #ddd;} */
.poll_view .tit {border: 1px solid #ddd;padding: 2rem;margin-top: 2rem;color: #666;line-height: 130%;border-radius: 10px;line-height: 150%;}
.poll_view .tit figure {padding-bottom: 1.6rem;margin-bottom: 1.6rem;border-bottom: 1px solid #ddd;}
.poll_view .agree_wrap {border: 2px solid #b9c2c7;font-size: 1.5rem;border-radius: 10px;}
.poll_view .agree_wrap >div {padding: 2rem;}
.poll_view .agree_wrap .choose {background: #444;color:#fff;text-align: center;padding: 1.2rem 0;margin-top: 1rem;}
.poll_view .agree_wrap .choose span {margin-right: 1rem;}
.poll_view .agree_wrap .cont >p {padding: 1rem 0;margin-right: 1rem;}
.poll_view .agree_wrap .exp {border: 1px dashed #bbb;padding: 2rem;line-height: 150%;margin-top: 1rem;font-size: 1.4rem;background: #f0f0f0;border-radius: 5px;}
.poll_view .agree_wrap dt, .poll_view .agree_wrap dd {padding: 1rem 0;}
.poll_view .agree_wrap dt {width: 30%;text-align: center;font-weight: 500;}
.poll_view .agree_wrap dd {width: 70%;color: #666;padding-left: 1rem;}
.poll_view .agree_wrap dd:before {content: '';width: 1px;height: 12px;background: #bbb;display: inline-block;margin-right: 1rem;}
.poll_view .agree_wrap dt:not(:last-of-type), .poll_view .agree_wrap dd:not(:last-of-type) {border-bottom: 1px solid #eee;}

.poll_view .question_list >li {position: relative;margin: 2rem 0;padding: 2.4rem;overflow: hidden;border: 1px solid #ddd;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; }
.poll_view .question_list >li:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.poll_view .question_list ul {color: #596576;font-size: 1.4rem; font-weight: 500; }
.poll_view .question_list ul li >p {font-weight: 600;color: #333;font-size: 1.6rem;margin-bottom: 0.5rem;}
.poll_view .question_list ul li >p:before {  content: '';width: 13px;height: 13px;border:3px solid #ff684a;display: inline-block; vertical-align: middle; border-radius: 50%;margin-right: 5px;}
.poll_view .question_list ul li >p + ul {margin: 2rem 0 3rem 0;}
.poll_view .question_list ul li >p + ul li:not(:last-of-type) {margin: 1rem 0;}
.poll_view .question_list ul li .txt {color: #596576;font-size: 1.4rem;float: right;width: 20%;text-align: right;margin-bottom: 1rem;line-height: 130%;}
.poll_view .question_list ul li .txt strong {font-weight: 700;color: #ff684a ;}
.poll_view .question_list ul li >p + ul .txt {margin-top: 0.5rem;}
.poll_view .question_list ul >li >span {display: block;}
.poll_view .question_list ul .bar_wrap{float: left; width: 80%;}
.poll_view .question_list ul .bar {background: #f0f2f9; border-radius:20px; width: 100%; display: block; height: 15px; margin-top: 5px;}
.poll_view .question_list ul .bar span.on{background-color: #3371ff; border-radius:20px; display: block; height: 15px;position: relative;}
/*.poll_view .question_list ul .bar span.on:after {content: '';width: 100%;background: url('./../img/common/bg_bar_pt.png');position: absolute;left: 0;bottom: 0;top: 0; }*/
.poll_view .question_list .tbl .bar, .poll_view .question_list .tbl .bar span.on {height: 12px;}
.poll_view .question_list .tbl .bar .on:after {opacity: 0.5;}
.poll_view .question_list ul .answer {float: right;padding-bottom:1rem;margin-top: -1rem;}
.poll_view .question_list ul .answer span{margin-right: 10px;}
.poll_view .question_list ul .answer span:before {display: inline-block; content: ''; width: 10px; height: 10px; margin-right: 3px;border-radius: 50%;}
.poll_view .question_list ul .answer .item01 {color: #47c698;}
.poll_view .question_list ul .answer .item01:before {background: #47c698;}
.poll_view .question_list ul .answer .item02 {color: #3fc7e9;}
.poll_view .question_list ul .answer .item02:before {background: #3fc7e9;}
.poll_view .question_list ul .answer .item03 {color: #ff8de0;}
.poll_view .question_list ul .answer .item03:before {background: #ff8de0;}

.poll_view .question_list ul .answer span[class^=item] {color: #333;}
.poll_view .question_list ul .answer .item04:before {background: #ffd133;}
.poll_view .question_list ul .answer .item05:before {background: #a390f8;}
.poll_view .question_list ul .answer .item06:before {background: #20a9f3;}
.poll_view .question_list ul .answer .item07:before {background: #0e2f77;}
.poll_view .question_list ul .answer .item08:before {background: #f78080;}
.poll_view .question_list ul .answer .item09:before {background: #ffa060;}
.poll_view .question_list ul .answer .item10:before {background: #8ec21f}

.poll_view .question_list ul .bar.item01 .on {background-color: #47c698;}
.poll_view .question_list ul .bar.item02 .on {background-color: #3fc7e9}
.poll_view .question_list ul .bar.item03 .on {background-color: #ff8de0}
.poll_view .question_list ul .bar.item04 .on {background-color: #ffd133}
.poll_view .question_list ul .bar.item05 .on {background-color: #a390f8}
.poll_view .question_list ul .bar.item06 .on {background-color: #59d1ec}
.poll_view .question_list ul .bar.item07 .on {background-color: #0e2f77}
.poll_view .question_list ul .bar.item08 .on {background-color: #f78080}
.poll_view .question_list ul .bar.item09 .on {background-color: #ffa060}
.poll_view .question_list ul .bar.item10 .on {background-color: #8ec21f}
.poll_view .question_list .view_answer {vertical-align: baseline;}
.poll_view .tableSt_list td li {background-image: none;}
.poll_view .tableSt_list tbody tr:nth-of-type(even) td {background: #fff;}
.poll_view .tableSt_list tbody tr:last-child th, .poll_view .tableSt_list tbody tr:last-child td {border-bottom:none;}

.poll_view .info dl {display:flex; flex-wrap:wrap; align-items:center;}
.poll_view .info dl dt,
.poll_view .info dl dd {float:none;}
.poll_view .info dl dt {width:15rem; text-align:left; font-weight:600; color:#000; margin:0.5rem 0;}
.poll_view .info dl dt:before {content:''; display:inline-block; width:0.8rem; height:0.8rem; background:#000; border-radius:50%; transform: translateY(-0.2rem); margin-right:0.5rem;}
.poll_view .info dl dd {width:calc(100% - 15rem); text-align:left;}



.poll_Qlist dt, .poll_Qlist dd {padding: 1rem 0;}
.poll_Qlist dt >span, .poll_Qlist dd >span {position: relative;font-size: 1.8rem;font-weight: 700;line-height: 130%;}
.poll_Qlist dt >span { font-size: 1.5rem; background: #02c7ff;color: #fff;padding: 0.6rem 1.4rem;border-radius: 20px;}
.poll_Qlist dt >span:before {content: '';position: absolute;bottom: -9px;right: 13px;display: inline-block;border-top: 12px solid #02c7ff;border-right: 5px solid transparent;border-left: 5px solid transparent;-webkit-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);}
.poll_Qlist dd {padding-left: 1rem;}
.poll_Qlist dd >span:before {content: '';width: 100%;height: 10px;background: #ddefef;position: absolute;bottom: 0;z-index: -1;}
.poll_Qlist ~ figure {margin: 1rem 0 0 9rem;text-align: left;}
.poll_Qlist ~ ul {margin: 0.5rem 1rem 1rem 6.5rem;}
.poll_Qlist ~ ul >li {clear: both;}
.poll_Qlist ~ ul >li:not(:last-of-type) {margin: 1.6rem 0;}
.poll_Qlist ~ ul >li input[type="text"], .poll_Qlist + ul >li textarea {border-radius: 4px;color: #666;font-size: 1.5rem;}
.poll_Qlist ~ ul >li input[type="radio"] ~ input[type="text"],
.poll_Qlist ~ ul >li input[type="checkbox"] ~ input[type="text"] {background: #f0f0f0;border: 1px solid #ddd;}
.poll_Qlist ~ ul >li input[type="radio"]:checked ~ input[type="text"],
.poll_Qlist ~ ul >li input[type="checkbox"]:checked ~ input[type="text"] {background: #fff;border: 1px solid #bbb;}
.poll_Qlist ~ ul >li input[type="radio"]:checked ~ input[type="text"]:focus,
.poll_Qlist ~ ul >li input[type="checkbox"]:checked ~ input[type="text"]:focus,
.poll_Qlist ~ ul >li input[type="text"]:focus, .poll_Qlist + ul >li textarea:focus {background: #e8f4fb;border: 1px solid #d0e3ef;}
.poll_Qlist ~ ul >li textarea {border: 1px solid #bbb;}
.poll_Qlist ~ ul .tbl thead tr:first-of-type th,
div[id^=questionDiv] .tbl thead tr:first-of-type th {border-top: 1px solid #bdc8d8;background: #f9fafc;}
.poll_Qlist ~ ul .tbl tbody th { color: #333;}
.poll_Qlist ~ ul .tbl th {text-align: center; color:#333; font-weight: 600; }
.poll_Qlist ~ ul .tbl th,
.poll_Qlist + ul .tbl td,
div[id^=questionDiv] .tbl th,
div[id^=questionDiv] .tbl td {padding: 1.2rem 1rem;border: 1px solid #e6e9f0;line-height: 150%;vertical-align: middle;font-size: 1.4rem;}
.poll_Qlist ~ ul .tbl thead th,
div[id^=questionDiv] .tbl thead th { border-bottom: none; }
.poll_Qlist ~ ul .tbl td {color: #666;}
.poll_qLast .tit {font-size: 2rem;font-weight: 700;}
.poll_qLast .txt {margin-top: 1.2rem;color: #666;}
.poll_Qlist > dt, .poll_Qlist > dd {margin-bottom: 20px;}

.poll_view textarea,
.poll_view input[type="text"] {border-radius:1rem;}
@media (max-width:768px) {
	.poll_view .info {padding:2rem;}
	.poll_view .info dl dt {width:100%; margin-top:2rem;}
	.poll_view .info dl dd {width:100%;}
	.poll_Qlist ~ ul {margin: 0.5rem 1rem 1rem 0;}
	.poll_view .question_list ul .bar_wrap{float: left; width:calc(100% - 15rem);}
	.poll_view .question_list ul li .txt {width:13rem;}
}

#multiChoice6 li {display:flex; justify-content: center; align-items: center; flex-wrap:wrap;}
#multiChoice6 li .l-pice,
#multiChoice6 li .r-pice {position:relative;}
#multiChoice6 li .l-pice:before {content:'◀';  margin-right:0.5rem; transform: translateY(-0.1rem); display:inline-block;}
#multiChoice6 li .r-pice:after {content:'▶';  margin-left:0.5rem; transform: translateY(-0.1rem); display:inline-block;}
#multiChoice6 li .fav-list {margin:0 3rem;}