@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 >li {float: left;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%;}
.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 >h4 {font-size: 1.444445em !important; margin:0 !important; border-top: 2px solid #333;border-bottom: 1px solid #d0d0d0;padding:1em 0.5em;background: none;text-align: center; color:#333 !important; line-height:inherit !important;}
.poll_view >h4:before, .poll_view >h4:after {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;background: #fff !important;}
.poll_view .subject {font-size: 1.444445em;padding: 1.153847em; border-top: 2px solid #333;border-bottom: 1px solid #d0d0d0;background: none;text-align: center; font-weight:700;}

.poll_view dl dt {float:left;}
.poll_view dl dd {display:inline-block;color: #333; vertical-align: middle; padding-left:1em;}
.poll_view dl .input_wrap {padding: 0.9rem 1rem 0.8rem;}
.poll_view figure {text-align: center;}
.poll_view .info figure {text-align:center; background:#f8f8f8;}
.poll_view .info >dl {border-top: 1px solid #1A2859;}
.poll_view .info >dl >dt {width: 20%;background: #F9FAFE; text-align:center; font-weight:700; color:#131313; }
.poll_view .info >dl >dd {width: 80%;color: #666;}
.poll_view .info >dl >dt, .poll_view .info >dl >dd {padding:0.986em 1em;border-bottom: 1px solid #E2E7EE;}
.poll_view .tit {border: 1px solid #E2E7EE;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 #E2E7EE;}
.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 .bod_write {margin-top:1em; border-width:1px;}
.poll_view .bod_write dl {display:table; width:50%; float:left; padding:0; }
.poll_view .bod_write dl dt, 
.poll_view .bod_write dl dd {display:table-cell; float:none; padding:.25em .5em;}
.poll_view .bod_write dl dt {width:25%; background:#F9FAFE; height:4em; text-align:center; font-weight:700; vertical-align:middle;}
.poll_view .bod_write dl dd {width:75%; padding:.25em .5em; height:4em;}

@media screen and (max-width:1024px) {
	.poll_view .bod_write dl {width:100%;}
}

@media screen and (max-width:767px) {
	.poll_view .info >dl >dt {width: 30%; }
	.poll_view .info >dl >dd {width: 70%; }
}

@media screen and (max-width:420px) {
	.poll_view .bod_write .wp100 {width:auto !important; max-width:70px;}
	
	.poll_view .info >dl >dt {width: 35%; padding:0.986em 0; }
	.poll_view .info >dl >dd {width: 65%; }
}

@media screen and (max-width:380px) {
	.poll_view .info >dl >dt {width: 100%; padding:0.6em; }
	.poll_view .info >dl >dd {width: 100%; }
}




.poll_view .questList >li {position: relative;margin:3.333334em 0;}
.poll_view .questList .title {position:relative;padding: 0;font-weight:700; border-radius: 2em; background: #f8f8f8; }
/*.poll_view .questList .title:after {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height: 3px;background: #f2f2f2;}*/
.poll_view .questList .title strong {padding: 0.5em 1em;background: #FF4D6D; color:#fff;border-radius: 2em;margin-right: 0.5em; display: inline-block; vertical-align: middle; }

.poll_view .question_list >li {position: relative;margin: 2rem 0; overflow: hidden;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.poll_view .question_list ul {color: #666;}
.poll_view .question_list ul li >p {font-weight: 500;color: #333; margin-bottom: 0.5rem;}
.poll_view .question_list ul li >p:before {content: '';width:1em;height:1em; background: url(/_guide/img/bullet/bul_ul_depth01.svg) center no-repeat;display: inline-block;border-radius: 50%;margin-right: 5px;}
.poll_view .question_list ul li >p + ul {margin: 2rem 0 3rem 0; font-size:.9em;}
.poll_view .question_list ul li >p + ul li:not(:last-of-type) {margin: 3rem 0;}
.poll_view .question_list ul li .txt {color: #666; 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: #FF4D6D;}
.poll_view .question_list ul li >p + ul .txt {margin-top: 0.5rem;}
.poll_view .question_list ul .bar_wrap{float: left; width: 80%;}
.poll_view .question_list ul .bar {background: #eaeaea; border-radius:20px; width: 100%; display: block; height: 15px; margin-top: 5px;}
.poll_view .question_list ul .bar span.on{background-color: #00A3FF; 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: #4E4EC6;}
.poll_view .question_list ul .answer .item01:before {background: #4E4EC6;}
.poll_view .question_list ul .answer .item02 {color: #00AFC7;}
.poll_view .question_list ul .answer .item02:before {background: #00AFC7;}
.poll_view .question_list ul .answer .item03 {color: #FF4D6D;}
.poll_view .question_list ul .answer .item03:before {background: #FF4D6D;}

.poll_view .question_list ul .answer span[class^=item] {color: #333;}
.poll_view .question_list ul .answer .item04:before {background: #F5B709;}
.poll_view .question_list ul .answer .item05:before {background: #BA6CE2;}
.poll_view .question_list ul .answer .item06:before {background: #197BEE;}
.poll_view .question_list ul .answer .item07:before {background: #0E2F77;}
.poll_view .question_list ul .answer .item08:before {background: #FF7155;}
.poll_view .question_list ul .answer .item09:before {background: #00BEAE;}
.poll_view .question_list ul .answer .item10:before {background: #69C63D}

.poll_view .question_list ul .bar.item01 .on {background-color: #4E4EC6;}
.poll_view .question_list ul .bar.item02 .on {background-color: #00AFC7}
.poll_view .question_list ul .bar.item03 .on {background-color: #FF4D6D}
.poll_view .question_list ul .bar.item04 .on {background-color: #F5B709}
.poll_view .question_list ul .bar.item05 .on {background-color: #BA6CE2}
.poll_view .question_list ul .bar.item06 .on {background-color: #197BEE}
.poll_view .question_list ul .bar.item07 .on {background-color: #0E2F77}
.poll_view .question_list ul .bar.item08 .on {background-color: #FF7155}
.poll_view .question_list ul .bar.item09 .on {background-color: #00BEAE}
.poll_view .question_list ul .bar.item10 .on {background-color: #69C63D}

.question_list .file-upload-area .grid.drag_and_drop {margin-top: 10px;}
.question_list .file-upload-area .grid.drag_and_drop .tit {border: none;}
.question_list .file-upload-area h3 {padding: 0 0 0.5em 0.5em;}
.question_list .file-upload-area h3:before {top: 7px;}
.question_list input[type=button].del,
.question_list button[type=button].del {width: 25px !important;height: 25px;background: #fff url('./../img/board/spr_board.png') -21px -58px no-repeat ;margin-left: 5px;}
.question_list input[type=button].del:hover {border-color:#666 !important;}
.question_list button[type=button].del {text-indent: -9999px; border: 1px solid #bbb !important; border-radius: 4px; margin-left: 2px;}
.question_list button[type=button].del:hover {border-color:#ea5405 !important; background-position: -47px -58px;}
.question_list .btn_address, 
.question_list .btn {background: #fff; border: 1px solid #bbb !important; border-radius: 4px; color: #666; padding: 0.8rem 1.5rem;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.question_list .btn_address:hover,
.question_list .btn:hover {background: #333; color: #fff;}

.question_list .file-upload-area .file_list .label label {line-height: 27px;}

.poll_view .questList .rank-list {margin:-.5em;}
.poll_view .questList .rank-list li {width:50%; float:left; padding:.5em; margin:0;}
.poll_view .questList .rank-list .rankBox {border:1px solid #D3D8DD; border-radius:.5em; overflow:hidden;}
.poll_view .questList .rank-list .txtWrap {padding:.2em .5em;}

.poll_view .questList .tournament_list {margin:-.5em;}
.poll_view .questList .tournamentBox {width:50%; float:left; padding:.5em;}
.poll_view .questList .tournament_wrap {border:1px solid #D3D8DD; border-radius:.5em; overflow:hidden; text-align: center; }
.poll_view .questList .tournament_wrap.active {border-color:#0086cd;}
.poll_view .questList .tournament_wrap .choose {padding:.8em; color:#666; text-align:center; background:#fafafa;}
.poll_view .questList .tournament_wrap.active .choose {color:#fff; background:#0086cd;}

.poll_view .questList [id^=multiChoice] { padding:.8em 1em; /*background:#fafafa;*/ border-radius:.5em; overflow:hidden;}
.poll_view .questList [id^=multiChoice] .l-pice,
.poll_view .questList [id^=multiChoice] .r-pice {width:15%; float:left; line-height: 2.5em; }
.poll_view .questList [id^=multiChoice] .r-pice {text-align:right;}
.poll_view .questList [id^=multiChoice] .fav-list {display:table; width:70%; float:left; border:1px solid #D3D8DD; background:#fff; border-radius:5px; overflow:hidden; table-layout:fixed;}
.poll_view .questList [id^=multiChoice] .fav-list >* {display:table-cell; border-right:1px solid #D3D8DD; line-height: 2.5em; }
.poll_view .questList [id^=multiChoice] .fav-list >*:last-child {border:0;}
.poll_view .questList [id^=multiChoice] .radio-num label {display:block; padding:0 !important; color:#666;}
.poll_view .questList [id^=multiChoice] .radio-num input[type="radio"]:checked + label {color:#fff; background:#0086cd;}
.poll_view .questList [id^=multiChoice] .radio-num label:before {display:none;}
.poll_view .questList [id^=multiChoice] input[type="radio"] + label { width: 100%; padding-left: 46px; }
.poll_view .questList [id^=multiChoice] input[type="radio"] + label:before { top: 50%; left: 16px; transform: translate(0, -50%); }

.poll_view .questList .imgWrap {display:block; position:relative; background:#ffffff; overflow:hidden; padding:0 0 70%;}
.poll_view .questList .imgWrap > figure {display:block; position:absolute; left:-100%; right:-100%; top:0; bottom:0; overflow:hidden; text-align:center;}
.poll_view .questList .imgWrap img {width:auto; margin:0 auto; display:inline-block; max-height:100%; vertical-align:top; -webkit-transition:1s; -o-transition:1s; transition:1s; height:100%;}
.poll_view .questList .imgWrap img[src*="noimage.jpg"] {position:absolute; top:50%; left:50%; max-width:40% !important; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}



@media screen and (max-width:640px) {
	.question_list .file-upload-area .file_list .label label {line-height: 21px;}
	.poll_view .questList .rank-list li,
	.poll_view .questList .tournamentBox {width:100%;}
	.poll_view .questList [id^=multiChoice] {padding-top:2.7em; position:relative;}
	.poll_view .questList [id^=multiChoice] .l-pice,
	.poll_view .questList [id^=multiChoice] .r-pice {position:absolute; top:1em;width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.85em;}
	.poll_view .questList [id^=multiChoice] .l-pice {left:1em;}
	.poll_view .questList [id^=multiChoice] .r-pice {right:1em;}
	.poll_view .questList [id^=multiChoice] .fav-list {width:100%;}
	
	.poll_view .questList [id^=multiChoice] input[type="radio"] + label { padding-left: 36px; }
	.poll_view .questList [id^=multiChoice] input[type="radio"] + label:before { left: 8px; }
	
	.poll_view .question_list ul li .txt { width: 100%; margin-top: 0.5em; }
	.poll_view .question_list ul li .txt br { display: none; }
	.poll_view .question_list ul .bar_wrap { width: 100%; }
}

.poll_Qlist dt span {display:block; padding:0.5em 1em; background:#1d2159; color:#fff; border-radius:5em; }
.poll_Qlist {padding:0; font-weight:700; background:#f8f8f8;border-radius:1em;}
.poll_Qlist dd {padding:0.5em 1em;}
.poll_Qlist ~ figure {margin: 1rem 0 0 9rem;text-align: left;}
.poll_Qlist ~ ul {margin:1.111112em 0;}
.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 #E2E7EE;}
.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 {border-top: 1px solid #1A2859;background: #F9FAFE;}
.poll_Qlist ~ ul .tbl tbody th {background: #FCFCFF;color: #333;}
.poll_Qlist ~ ul .tbl th {text-align: center;}
.poll_Qlist ~ ul .tbl th, .poll_Qlist + ul .tbl td {padding: 1.2rem 1rem;border: 1px solid #E2E7EE;line-height: 150%;vertical-align: middle;font-size: 1.5rem;}
.poll_Qlist ~ ul .tbl thead th {border-bottom: none;font-size: 1.6rem; color:#000;}
.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_view .view_info {padding:1.25em 0; background:#FBFCFD; border-bottom:1px solid #D0D0DD;}
.poll_view .view_info ul {margin:0 auto;text-align:center;}
.poll_view .view_info li {display:inline-block; color:#818284; font-size:0.888889em;}
.poll_view .view_info li:after {content:""; display:inline-block; margin:0 1.25em; width:1px; height:1.125em; background:#ddd; vertical-align:middle;}
.poll_view .view_info li:last-child:after {content:none;}
.poll_view .view_info:after {content:''; clear:both; display:table;}
.poll_view .view_info span {font-weight:bold; color:#494949; padding-right:0.5em;}
.poll_view .view_date .state,
.poll_view .view_opinion .isopen {display:inline-block; border:1px solid #888; font-size:0.888889em; color:#888; margin-left:1.25em; padding:0 .5em; vertical-align:middle; height:1.76em; line-height:1.76em;}

.poll_view .agreeWrap .tit {padding:0;margin:0;border:none;color: #1d2159;}
.poll_view .agreeWrap input[type="radio"] + label:before {top:0.5em; margin-top:-0.25em;}

.poll_view .view_cont {padding:1em 0;}
.poll_view .view_cont .pollMainImage {text-align:center; background:#f8f8f8; border-radius:1em; margin-bottom:1em;}
.poll_view .pollHeaderDesc {margin:1em 0;}
.poll_view .pollHeaderDesc dt,
.poll_view .target {padding:1em; background:#F7FAFD;}
.poll_view .target dt {padding:0.1875em 0.375em; margin-right:0.5em; background:#333; font-size:0.888889em; color:#fff; font-weight:700; border-radius:0.3125em;}
.questList .qu-con {margin:1.111112em 0;}
.questList .qu-con input[type="radio"] + label:before {top:0; margin-top:0;}
.questList .qu-con li {margin:0.25em 0;}


/* 순위선정형 */
.pollRanking { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -moz-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.pollRanking li { -ms-flex: 1; -webkit-flex: 1; flex: 1; max-width: 25%; min-width: 25%; padding: 1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width:1024px) {
	.pollRanking li { max-width: calc(100% / 3); min-width: calc(100% / 3); }	
}

@media screen and (max-width:640px) {
	.pollRanking li { max-width: calc(100% / 2); min-width: calc(100% / 2); padding: 0.6em; }	
}

@media screen and (max-width:400px) {
	.pollRanking li { max-width: 100%; min-width: 100%; }	
}


/* 매트릭스형 */
.questList .atype06 label {text-indent:-9999px;overflow:hidden;padding-left: 0 !important;padding-right: 1.1112em !important;height: 1.1112em;}
.questList .atype06 label:before {top: 0 !important;margin-top: 0 !important;}

/* 토너먼트형 */
.questList .atype07 {display:flex; margin:0 -5px; padding-top:0.25em;}
.questList .atype07 .tournament_wrap {flex-grow:1; margin:0 10px;}
.questList .atype07 .tournament_wrap {border:2px solid #ddd;border-radius: 20px;}
.questList .atype07 .tournament_wrap.active {position:relative;border-color: #CF336B; border-width:2px;}
.questList .atype07 .tournament_wrap.active:before {content:""; display:block; position:absolute; top:calc(-1.666667em/2); left:calc(50% - 1.666667em/2); width:1.666667em; height:1.666667em; border-radius:50%; background:#CF336B;}
.questList .atype07 .tournament_wrap.active:after {content:""; display:block; position:absolute; top:-0.3em; left:calc(50% - 0.4em); width:0.8em; height:0.5em; border-left:3px solid #fff;border-bottom:3px solid #fff; transform:rotate(-45deg);}
.questList .atype07 .tournament_wrap label {display: block; padding:1em; text-align:center;}
.questList .atype07 .tournament_wrap img {vertical-align: bottom;}
.questList .atype07 .tournament_wrap .choose {display:none; padding: 16px 0;background: #f7f7f7;}
.questList .atype07 .tournament_wrap.active .choose {background: #009688;color: #fff;}
.questList .atype07 .tournament_wrap .choose >span {vertical-align: middle;font-size: 18px;}

/* 선호도형 */
.questList .atype08 li {display:flex; flex-wrap:wrap;}
.questList .atype08 li>div {flex-grow:1;}
.questList .atype08 .fav-list {display:flex; flex-wrap:wrap;}
.questList .atype08 .fav-list label {flex-grow:1;}
.questList .atype08 .l-pice {position:relative; font-size:0.9em; color:#6161F8;}
.questList .atype08 .r-pice {position:relative; font-size:0.9em; text-align:right; color:#6161F8;}
.questList .atype08 .l-pice:after {content:""; display:block; position:absolute; width:0.555556em; height:0.555556em; right:1.75em; top:50%; border-right: 3px solid #6161F8; border-bottom: 3px solid #6161F8; transform:translateY(-50%) rotate(135deg);}
.questList .atype08 .l-pice:before {content:""; display:block; position:absolute; width:0.555556em; height:0.555556em; right:1.25em; top:50%; border-right: 3px solid rgba(97,97,248,0.5); border-bottom: 3px solid rgba(97,97,248,0.5); transform:translateY(-50%) rotate(135deg);}
.questList .atype08 .r-pice:after {content:""; display:block; position:absolute; width:0.555556em; height:0.555556em; left:1.75em; top:50%; border-right: 3px solid #6161F8; border-bottom: 3px solid #6161F8; transform:translateY(-50%) rotate(-45deg);}
.questList .atype08 .r-pice:before {content:""; display:block; position:absolute; width:0.555556em; height:0.555556em; left:1.25em; top:50%; border-right: 3px solid rgba(97,97,248,0.5); border-bottom: 3px solid rgba(97,97,248,0.5); transform:translateY(-50%) rotate(-45deg);}

/* 파일첨부형 */
.questList .atype13 .tit {margin-top:0;}

.pollFooter {padding:2em; border:1px solid #ddd; border-radius:1em; text-align:center; font-weight:600;}
.pollFooter .tit { font-size:  1.15em; }
.pollFooter .txt {margin-top:0;}