@charset "utf-8";
/*
	-----------------------------------------------
	* application.css (사용자 공용 기능)
	-----------------------------------------------
*/

/* 사이트맵 */
.bod_head.sitemap {display:none;}
.sitemap_wrap { width:22%; margin-right:4%; float:left; box-sizing:border-box; padding-bottom:50px; position:relative;}
.sitemap_wrap::after {content:''; display:block; width:100%; height:8px; background:url(/portal/images/common/box.gif) repeat-x; position:absolute; top:0; left:0;}
.sitemap_wrap:nth-child(4n) {margin-right:0;}
.sitemap_wrap .submenu h4 {text-align:center; color:#b71f25; font-size:2.6rem; font-weight:500; margin-bottom:20px;}
.sitemap_wrap .submenu >ul >li {margin-bottom:10px;}
.sitemap_wrap .submenu >ul >li >a{border-radius:5px; display:block; padding:5px 0px; text-align:center; border:1px solid #dedede; transition:all .2s;}
.sitemap_wrap .submenu >ul >li >a:hover {background:#f2f2f2; font-weight:500;}
.sitemap_wrap .submenu >ul >li >ul {background:#fafafa; padding:20px; margin-top:10px;}
.sitemap_wrap .submenu >ul >li >ul >li {font-size:1.6rem; }
.sitemap_wrap .submenu >ul >li >ul >li >a{position:relative; padding-left:15px; transition:all .2s;}
.sitemap_wrap .submenu >ul >li >ul >li >a:hover {color:#b71f25;}
.sitemap_wrap .submenu >ul >li >ul >li >a::before {content:''; display:block; width:10px; height:10px; border:3px solid #ccc; border-radius:50%; position:absolute; top:6px; left:0;transition:all .2s;}
.sitemap_wrap .submenu >ul >li >ul >li >a:hover::before{border:3px solid #b71f25}
@media screen and (max-width:1024px) {
	.sitemap_wrap {width:30%; margin-right:5%;}
	.sitemap_wrap:nth-child(4n) {margin-right:5%;}
	.sitemap_wrap:nth-child(3n) {margin-right:0;}
	.sitemap_wrap:nth-child(3n+1){clear:both;}
}
@media screen and (max-width:768px) {
	.sitemap_wrap {width:47%; margin-right:6%;}
	.sitemap_wrap:nth-child(4n),
	.sitemap_wrap:nth-child(3n) {margin-right:6%;}
	.sitemap_wrap:nth-child(2n) {margin-right:0;}
	.sitemap_wrap:nth-child(3n+1){clear:none;}
	.sitemap_wrap:nth-child(2n+1){clear:both;}
}
@media screen and (max-width:480px) {
	.sitemap_wrap {width:100%!important; margin-right:0!important;}
}


/*
.submenu {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,
#realContent1 .realCont_wrap:hover, #realContent2 .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;}

/* 본인인증 + 아이핀인증 + 회원 로그인 */
.login_box {border: 1px solid #ddd; border-radius:5px; position:relative;}
.login_box::before {content:''; display:block; width:1px; height:300px; position:absolute; top:calc(50% - 150px); left:50%; background:#ddd;}
.realCont_wrap {padding: 3rem; text-align:center; width:50%; float:left;}
.realCont_wrap p.title {font-weight: 700; font-size:20px; color:#333;}
.realCont_wrap.p01 div.tt:before {content: '';display:inline-block;background: #eaf0f9 url('./../img/board/spr_board.png') -416px 29px no-repeat;width: 120px;height: 120px;border-radius: 50%; }
.realCont_wrap.p02 div.tt:before {content: '';display:inline-block;background: #eaf0f9 url('./../img/board/spr_board.png') -298px 29px no-repeat;width: 120px;height: 120px;border-radius: 50%; }
.realCont_wrap p {color: #666;line-height: 150%;margin-bottom: 0.5rem;font-size: 1.5rem;}
.realCont_wrap .btn_wrap {border-top: 1px solid #ddd;padding-top: 2rem;margin-top: 4rem !important;}
@media all and (max-width:768px) {
	.login_box::before {display:none;}
	.realCont_wrap {float:none; width:100%;}
	.realCont_wrap.p01 {border-bottom:1px solid #ddd;}	
}

/* 소셜로그인 */
.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;}

/* 사전정보공표 */
.search_opendata {background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;margin-top: 1rem;padding: 2rem;text-align: center;}
.search_opendata select, .search_opendata input {font-size: 1.5rem;}
.search_opendata input[type=text] {width: 60%;}

#deptTab >ul {height: 297px;position: relative;}
#deptTab >ul >li {width: 25%;}



/*
#brmTab > ul, #deptTab >ul {border: 1px solid #ddd;background: #fcfcfc !important;overflow: hidden;}
#brmTab, #deptTab {margin-top: 10px;}
#brmTab > ul > li, #deptTab >ul >li {background:#fff;text-align:center;border-bottom:1px solid #ddd;}

#brmTab > ul{display:flex; flex-wrap:wrap}
#brmTab > ul > li{width:20%}
#brmTab > ul > li:nth-last-child(-n+3){border-bottom:0}
#brmTab > ul > li:not(:nth-of-type(5n)){border-right:1px solid #ddd;}



#brmTab >ul >li a, #deptTab >ul >li a {position: relative;}
#brmTab >ul >li >a.on:before, #deptTab >ul >li >a.on:before  {content: '';width:0;height:0;border-bottom:37px solid transparent;border-left:37px solid #6495ed;display: inline-block;position: absolute;left: 0;top: 0;}
#brmTab >ul >li >a.on:after, #deptTab >ul >li >a.on:after {content: 'on';position: absolute;left: 2px;top: 5px;color: #fff;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);font-size: 1.2rem;}
#brmTab > ul > li > a, #deptTab > ul > li > a {display:block;height:115px; padding-top:10px;font-size: 1.5rem;font-weight: 500;}
#brmTab > ul > li > a.on, #deptTab > ul > li > a.on {background-color:#e4f2f8;}
#brmTab > ul > li > a > span ,#deptTab > ul > li > a > span  {display:block; width:68px; height:68px; margin:0 auto 1rem;background: #f1f1f1 url('./../img/board/spr_opendata.png') 13px 17px no-repeat;border-radius: 50%;}
#brmTab > ul > li > a.on > span ,#deptTab > ul > li > a.on > span {background-color: #fff;}

#brmTab > ul > li:nth-of-type(2) .ico {background-position: 12px -42px;}
#brmTab > ul > li:nth-of-type(3) .ico {background-position: 11px -102px;}
#brmTab > ul > li:nth-of-type(4) .ico {background-position: 12px -155px;}
#brmTab > ul > li:nth-of-type(5) .ico {background-position: 12px -215px;}
#brmTab > ul > li:nth-of-type(6) .ico {background-position: 12px -270px;}
#brmTab > ul > li:nth-of-type(7) .ico {background-position: 11px -326px;}
#brmTab > ul > li:nth-of-type(8) .ico {background-position: 13px -386px;}
#brmTab > ul > li:nth-of-type(9) .ico {background-position: 9px -445px;}
#brmTab > ul > li:nth-of-type(10) .ico {background-position: 13px -503px;}
#brmTab > ul > li:nth-of-type(11) .ico {background-position: 12px -570px;}
#brmTab > ul > li:nth-of-type(12) .ico {background-position: 12px -637px;}
#brmTab > ul > li:nth-of-type(13) .ico {background-position: 12px -700px;}
#brmTab > ul > li:nth-of-type(14) .ico {background-position: 12px -757px;}
#brmTab > ul > li:nth-of-type(15) .ico {background-position: 11px -814px;}
#brmTab > ul > li:nth-of-type(16) .ico {background-position: 14px -872px;}
#brmTab > ul > li:nth-of-type(17) .ico {background-position: 15px -935px;}
#brmTab > ul > li:nth-of-type(18) .ico {background-position: 12px -996px;}
#brmTab > ul > li:nth-of-type(19) .ico {background-position: 10px -1052px;}
#brmTab > ul > li:nth-of-type(20) .ico {background-position: 12px -1107px;}
#deptTab > ul> li:nth-of-type(1) .ico {background-position: -62px 18px;}
#deptTab > ul> li:nth-of-type(2) .ico {background-position: -62px -47px;}
#deptTab > ul> li:nth-of-type(3) .ico {background-position: -62px -116px;}
#deptTab > ul> li:nth-of-type(4) .ico {background-position: -63px -183px;}
*/
#brmTab ~ p.exp {margin-top: 1.6rem;margin-bottom: 4rem;font-size: 1.5rem;color: #ff4e00;}

#search_tab_type {border-bottom: 1px solid #ddd;}
#search_tab_type >li {float: left;width: 24.625%;text-align: center;}
#search_tab_type >li:not(:last-child) {margin-right: 0.5%;}
#search_tab_type >li a {width: 100%;display: block;background: #f7f7f7;padding: 1.6rem 0;border: 1px solid #ddd;border-bottom:none;border-radius: 4px 4px 0 0;margin-bottom: -1px;}
#search_tab_type >li a:hover, #search_tab_type >li a:focus {text-decoration: underline}
#search_tab_type >li a.on {background: #0b3c80;border: 1px solid #05306b;color: #fff;}

div[id^=deptTabSub0] {width: 100%;position: absolute;left: 0;border-top: 1px solid #ddd;padding:2rem;}
div[id^=deptTabSub0] ul >li {float: left;width: 20%;text-align: left;position: relative;margin: 0.5rem 0;}
div[id^=deptTabSub0] ul >li:before {content: '';width: 4px;height: 4px;background: #0b3c80;position: absolute;top: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);border-radius: 50%;}
div[id^=deptTabSub0] ul >li a {padding-left: 0.7rem;font-size: 1.5rem;}

/*
.bod_maintain .link, .bod_maintain .file {width: 30px;height: 30px;border: 1px solid #ddd;border-radius: 4px;background: url('./../img/board/spr_board.png') 0 0 no-repeat;display: inline-block;margin: -1rem 0;text-indent:-9999px
}
*/
.bod_maintain .link:hover, .bod_maintain .file:hover, .bod_maintain .link:focus, .bod_maintain .file:focus {border: 1px solid #bbb;}
.bod_maintain .file {background-position:4px -88px;}
.bod_maintain .link {background-position:-30px -91px;}

.dl_wrap >dl {border-top: 1px solid #999;}
.dl_wrap >dl >dt, .dl_wrap >dl >dd {padding: 2rem 1rem;border-bottom: 1px solid #ddd;min-height: 57px;}
.dl_wrap >dl >dt {width: 20%;background: #f7f7f7;float: left;clear: left;}
.dl_wrap >dl >dd {width: 80%;color: #666;display: inline-block;}

/* 설문조사 */
.bod_poll {border-top: 2px solid #333;margin-top: 0.7rem;}
.bod_poll li {margin: 2rem 0;border: 1px solid #ddd;position: relative;border-radius: 10px;}
.bod_poll 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);}
.bod_poll li >div {padding: 2.4rem;}
.bod_poll .thumb, .bod_poll .cont {float: left;}
.bod_poll .thumb {width: 32%;margin-right: 5%;}
.bod_poll .thumb >figure {display: block;position: relative;overflow: hidden;text-align: center;border: 1px solid #ddd;background: #e6e9f2;}
.bod_poll .thumb >figure img {vertical-align: bottom;min-height: 210px;}
.bod_poll .cont {width: 52%;font-size: 1.5rem;}
.bod_poll .cont >span {display: block;}
.bod_poll .cont .tit {font-size: 1.9rem;font-weight: 500;color: #333;margin: 1rem 0 1.6rem;line-height: 150%;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bod_poll .cont dt, .bod_poll .cont dd {float: left;margin: 1rem 0;}
.bod_poll .cont dt {width: 24%;clear: left;}
.bod_poll .cont dd {width: 76%;}
.bod_poll .cont dd:before {content: '';width: 5px;height: 5px;background: #ccc;margin-right: 1rem;border-radius: 50%;display: inline-block;vertical-align: middle;}
.bod_poll .cont dd span {padding: 0 1rem;border: 1px solid #ccc;color: #666;border-radius: 4px;}
.bod_poll .state_poll {width: 100px;height: 100px;display: inline-block;position: absolute;right: 2rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: #fff;border-radius:5px;	text-align: center;font-size: 1.7rem;font-weight: 700;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: visible;}
.bod_poll .state_poll.poll_ing {background-color: #1162c1;}
.bod_poll .state_poll.poll_finish, .bod_poll li:hover .state_poll.poll_finish:before {background-color: #586d79;}
.bod_poll .state_poll.poll_ready, .bod_poll li:hover .state_poll.poll_ready:before {background-color: #189d92;}
.bod_poll li:hover .state_poll {right: -2rem;height: 70px;border-radius: 0 5px 5px 0;}
.bod_poll li:hover .state_poll:before {content: '';width: 50px;height: 70px;position: absolute;left: -40px;top: 0;background: #1162c1 url('./../img/board/spr_board.png') -85px -27px no-repeat;border-radius: 5px 0 0 5px;}
.bod_poll li:hover .state_poll.poll_ready:before {background-position: -85px 25px;}
.bod_poll li:hover .state_poll.poll_finish:before {background-position: -85px -78px;}
.bod_poll .no_data {width: 100%;text-align: center;padding: 6rem 0;background-color: #f9f9f9;}
.bod_poll .no_data >span {position: relative;color: #999;display: inline-block;padding: 17px 0 17px 64px;font-size: 1.7rem;}
.bod_poll .no_data >span:before {content: '';width: 55px;height: 49px;background: url('./../img/board/spr_board.png') -448px -109px no-repeat;position: absolute;left: 0;top: 0;}

.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;background: #fff !important;}
.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;}
.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: #666;font-size: 1.5rem;}
.poll_view .question_list ul li >p {font-weight: 500;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 #ff4e00;display: inline-block;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: 3rem 0;}
.poll_view .question_list ul li .txt {color: #666;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: #ff4e00;}
.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: #f5b709; 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: #278e5a;}
.poll_view .question_list ul .answer .item01:before {background: #278e5a;}
.poll_view .question_list ul .answer .item02 {color: #4f7ce0;}
.poll_view .question_list ul .answer .item02:before {background: #4f7ce0;}
.poll_view .question_list ul .answer .item03 {color: #d86161;}
.poll_view .question_list ul .answer .item03:before {background: #d86161;}

.poll_view .question_list ul .answer span[class^=item] {color: #333;}
.poll_view .question_list ul .answer .item04:before {background: #a98811;}
.poll_view .question_list ul .answer .item05:before {background: #ba6ce2;}
.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: #fba617;}
.poll_view .question_list ul .answer .item10:before {background: #8ec21f}

.poll_view .question_list ul .bar.item01 .on {background-color: #278e5a;}
.poll_view .question_list ul .bar.item02 .on {background-color: #4f7ce0}
.poll_view .question_list ul .bar.item03 .on {background-color: #d86161}
.poll_view .question_list ul .bar.item04 .on {background-color: #a98811}
.poll_view .question_list ul .bar.item05 .on {background-color: #ba6ce2}
.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: #fba617}
.poll_view .question_list ul .bar.item10 .on {background-color: #8ec21f}

.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 {background: #299eab;color: #fff;padding: 0.6rem 1.6rem;border-radius: 20px;}
.poll_Qlist dt >span:before {content: '';position: absolute;bottom: -9px;right: 13px;display: inline-block;border-top: 12px solid #299eab;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: 3rem 1rem 0 9rem;}
.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 {border-top: 1px solid #5a5a5a;background: #f0f1f2;}
.poll_Qlist ~ ul .tbl tbody th {background: #fafbfc;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 #ddd;line-height: 150%;vertical-align: middle;font-size: 1.5rem;}
.poll_Qlist ~ ul .tbl thead th {border-bottom: none;font-size: 1.6rem;}
.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;}

.tournament_wrap {border: 1px solid #ddd;border-radius: 20px;overflow: hidden;}
.tournament_wrap.active {border-color: #009688;-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);}
.tournament_wrap label {display: block;}
.tournament_wrap img {vertical-align: bottom;}
.tournament_wrap .choose {padding: 16px 0;background: #f7f7f7;}
.tournament_wrap.active .choose {background: #009688;color: #fff;}
.tournament_wrap .choose >span {vertical-align: middle;font-size: 18px;}

/* 캘린더 */
#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;}

/* 만족도평가 */
.pageInfo {clear:both;border: 1px solid #bbb;background: #f9f9f9;border-radius: 10px;padding: 1rem 2.3rem 2rem;color: #333;}
.pageInfo .dataOffer {border-bottom: 1px solid #e1e1e1;padding: 0 0 1rem;margin-bottom: 0.9rem;}
.pageInfo .dataOffer dl, .pageInfo .dataOffer dt, .pageInfo .dataOffer dd {float: left;}
.pageInfo .dataOffer dl {position: relative;font-size: 1.5rem;margin: 0.5rem 2rem 0.5rem 0;}
.pageInfo .dataOffer dt {padding-left: 23px;font-weight: 500;margin-right: 7px;letter-spacing: -1pt;}
.pageInfo .dataOffer dl:before {content: '';width: 19px;height: 19px;position: absolute;left: 0;top: -1px;}
.pageInfo .dataOffer dl.offer:before {background: url('./../img/board/spr_board.png') 0 -211px no-repeat;}
.pageInfo .dataOffer dl.date:before {background: url('./../img/board/spr_board.png') -27px -211px no-repeat;}
.pageInfo .dataOffer dd {color: #999;}
.pageInfo .dataOffer dd a[href^=tel] {color: #ff5400;}
.pageInfo .dataOffer dd li:not(:last-of-type) {margin-bottom: 6px;}
.research legend + p {font-size: 1.5rem;padding: 0.5rem 0 1rem;font-weight: 500;}
.opinion_wrap {margin: 10px 0 0 2%;float: right;width: 57%;}
.opinion_wrap input {font-size: 1.5rem;}
.opinion_wrap input[type=text] {width: 80%;}
.radio_list {padding-top: 1.3rem;float: left;}
.radio_list >li {float: left;/* padding-left: 20px; */}
.radio_list >li:not(:last-child) {margin-right: 15px;}
.radio_list >li input[type=radio] {float: left;}
.radio_list >li label {position: relative;display: block;float: left;font-size: 1.3rem;text-align: center;width: 48px;}
.radio_list >li label:before {content: '';/* position: absolute;left: 0;top: 0; */width: 26px;height: 26px;display: block;margin: -5px 0 5px 12px;}
.radio_list >li:first-child label:before {background: url('./../img/board/spr_board.png') -56px -204px no-repeat;}
.radio_list >li:nth-child(2) label:before {background: url('./../img/board/spr_board.png') -92px -204px no-repeat;}
.radio_list >li:nth-child(3) label:before {background: url('./../img/board/spr_board.png') -128px -204px no-repeat;}
.radio_list >li:nth-child(4) label:before {background: url('./../img/board/spr_board.png') -164px -204px no-repeat;}
.radio_list >li:nth-child(5) label:before {background: url('./../img/board/spr_board.png') -200px -204px no-repeat;}

/* 선거인명부 */
.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[id^="realContent"] {padding: 0 1rem;}

	/* 설문조사 */
	.bod_poll .thumb {width: 34%;}
	.bod_poll .cont {width: 50%;}

	/* 만족도평가 */
	.opinion_wrap {width: 52%;}

	/* 선거인명부 */
	.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;}

	/* 본인인증 */
	#realNameTab {height: 780px;}

	/* 소셜로그인 */
	.social_login {padding: 1.5rem;}

	/* 사전정보공표 */
	div[id^=deptTabSub0] ul >li {width:25%;}

	/* 설문조사 */
	.bod_poll .thumb {margin-right: 0;margin-bottom: 1rem;}
	.bod_poll .thumb, .bod_poll .cont {width: 100%;}
	.bod_poll .cont {margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid #ddd;}
	.bod_poll .cont dt {width: 34%;}
	.bod_poll .cont dd {width: 66%;}
	.bod_poll .state_poll {width: auto;height: auto;position: relative;-webkit-transform: none;-ms-transform: none;transform: none;right: 0;display: block;padding: 1.5rem 3rem;margin: 0 auto;-webkit-transform: translateX(21px);-ms-transform: translateX(21px);transform: translateX(21px);font-size: 1.6rem;}
	.bod_poll .state_poll, .bod_poll li:hover .state_poll {height: 51px;right: 0;}
	.bod_poll li {width: 49%;float: left;margin: 1rem 0;}
	.bod_poll li:not(:nth-child(even)) {margin-right: 2%;}
	.bod_poll .state_poll:before, .bod_poll li:hover .state_poll:before {content: '';width: 50px;height: 51px;position: absolute;left: -27px;top: 0;background: #1162c1 url('./../img/board/spr_board.png') -81px -36px no-repeat;border-radius: 5px 0 0 5px;}
	.bod_poll .state_poll.poll_ready:before, .bod_poll li:hover .state_poll.poll_ready:before {background-position: -81px 15px;background-color: #189d92;}
	.bod_poll .state_poll.poll_finish:before, .bod_poll li:hover .state_poll.poll_finish:before{background-position: -81px -87px;background-color: #586d79;}

	/* 캘린더 */
	#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%;}

	/* 본인인증 */
	div[id^="realContent"] {top: 120px;}
	#realNameTab {height:840px;}

	/* 사전정보공표 */
	.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%;}

	/* 설문조사 */
	.bod_poll li {width: 100%;float: none;margin-right: 0;}
	.poll_view dl .input_wrap {padding: 0.8rem 1rem;}

	.poll_view .question_list dt {float: none;}
	.poll_view .question_list dd {padding-left: 0;}
	.poll_Qlist ~ figure, .poll_Qlist ~ ul {margin-left: 0;}
	.poll_Qlist ~ ul {margin-top: 2rem;}
	.poll_Qlist ~ ul >li:not(:last-of-type) {margin: 1rem 0;}

	.poll_Qlist dt >span {padding: 0.3rem 1.6rem;}
	.poll_Qlist dt >span, .poll_Qlist dd >span {font-weight: 500;font-size: 1.6rem;}
	.poll_Qlist dd >span:before, .poll_Qlist dt >span:before {display: none;}
	.poll_qLast .tit {font-size: 1.6rem;font-weight: 500;}

	/* 선거인명부 */
	.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;}

	/* 본인인증 */
	div[id^="realContent"] {top: 174px;}
	#realNameTab {height:910px;}
	#realContent1 .realCont_wrap div:first-of-type:before,
	#realContent2 .realCont_wrap >div:first-of-type:before,
	#realContent3 .realCont_wrap >div:first-of-type:before {margin: 0 auto;float: none;}
	.realCont_wrap {padding: 1.5rem;}
	.realCont_wrap h4, .find_idpwd h4 {text-align: center;font-size: 2rem !important;}
	.realCont_wrap p, .find_idpwd >li >p {font-size: 1.4rem;text-align: center;margin: 0 !important;}
	.realCont_wrap .btn_wrap {margin-top: 2rem !important;}

	/* 소셜로그인 */
	.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;}

	/* 설문조사 */
	.bod_poll .state_poll, .bod_poll .cont dt, .bod_poll .cont dd,
	.poll_view .question_list ul, .poll_view .agree_wrap dt, .poll_view .agree_wrap dd, .poll_qLast .txt {font-size: 1.4rem;}
	.bod_poll .state_poll {padding: 1rem 1.5rem;font-weight: normal;}
	.bod_poll .state_poll, .bod_poll li:hover .state_poll {height: 38px;}
	.bod_poll .state_poll:before, .bod_poll li:hover .state_poll:before {width: 39px;height: 38px;left: -32px;background-position: -90px -44px;}
	.bod_poll .state_poll.poll_ready:before, .bod_poll li:hover .state_poll.poll_ready:before {background-position: -89px 8px;}
	.bod_poll .state_poll.poll_finish:before, .bod_poll li:hover .state_poll.poll_finish:before {background-position: -89px -94px;}
	.bod_poll .cont {margin-bottom: 1rem;}
	.bod_poll .cont .tit {margin-bottom: 0.5rem;}
	.bod_poll .cont dt {font-weight: 500;}
	.bod_poll .cont dd span {padding: 0 1rem 0.2rem;}
	.bod_poll .no_data >span {padding: 66px 0 17px 0;}
	.bod_poll .no_data >span:before {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);transform: translateX(-50%);}
	.poll_view .agree_wrap .choose span {display: block;margin-bottom: 1rem;}
	.poll_view .info >dl >dt {width: 36%;}
	.poll_view .info >dl >dd {width: 64%;}
	.poll_view .agree_wrap >div {padding: 1.2rem;}
	.poll_view .agree_wrap dd {padding-left: 0;}
	.poll_view .agree_wrap dt:before {content: '';width: 5px;height: 5px;background: #333;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 5px;}
	.poll_view .agree_wrap dt:last-of-type {border-bottom: 1px solid #eee;}
	.poll_view .agree_wrap dd:before {display: none;}
	.poll_view .agree_wrap dt, .poll_view .agree_wrap dd {width: 100%;float: none;text-align: left;}
	.poll_view .question_list ul .bar_wrap, .poll_view .question_list ul li .txt {width: 100%;}
	.poll_view .question_list ul .bar_wrap {float: none;margin-top: 1rem;}
	.poll_view .question_list ul li .txt {margin-top: 0.5rem;}
	.poll_Qlist dt, .poll_Qlist dd {padding: 0.5rem 0 1rem;}
	.poll_Qlist ~ ul >li input[type="radio"] ~ input[type="text"],
	.poll_Qlist ~ ul >li input[type="checkbox"] ~ input[type="text"] {width: 100% !important;display: block;margin: 1rem 0 0 1rem;}

	.tournament_wrap .choose {padding: 10px 0 12px;}
	.tournament_wrap .choose >span {font-size: 1.4rem;}

	/* 만족도평가 */
	.pageInfo .dataOffer dl, .research legend + p, .opinion_wrap input {font-size: 1.4rem;}
	.radio_list {padding-top: 0.5rem;}
	.radio_list >li input, .radio_list >li label {display: inline-block;vertical-align: middle;}
	.radio_list >li label {width: auto;margin: 0 3px 0 0;}
	.radio_list >li label:before {display: none;}

	/* 선거인명부 조회 */
	.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;}

	/* 설문조사 */
	.poll_view .info >dl >dt, .poll_view .info >dl >dd {width: 100%;}

	/* 만족도평가 */
	.pageInfo {padding: 1.3rem 1rem 2rem;}
	.opinion_wrap input[type=text] {margin-bottom: 5px;}
	.opinion_wrap 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;}

	/* 설문조사 */
	.poll_view .info >dl >dt, .info >dl >dd,
	.poll_view .agree_wrap .choose, .poll_view .tit {font-size: 1.4rem;}
	.bod_poll .cont dd {letter-spacing: -0.5pt;}
	.bod_poll li >a >div {padding: 1.6rem;}
	.poll_view dl .input_wrap {padding: 0.5rem 1rem 0.5rem;}
	.poll_view .info >dl >dt, .info >dl >dd {padding: 1.7rem 1rem;}
	.poll_view >h4 {font-size: 1.8rem;}
	.poll_view .agree_wrap .exp {padding: 1rem;}
	.poll_view .agree_wrap .choose span {margin-right: 0;}
	.poll_Qlist ~ ul {margin-top: 1rem;}
	.poll_view .question_list >li, .poll_view .tit {padding: 1.2rem;}
	.poll_view .question_list ul li >p.notice {margin-bottom: 2rem;}

	/* 만족도평가 */
	.opinion_wrap ::-webkit-input-placeholder {color:transparent;}
	.opinion_wrap :-moz-placeholder {color:transparent;}
	.opinion_wrap ::-moz-placeholder {color:transparent;}
	.opinion_wrap :-ms-input-placeholder {color:transparent;}

	/* 선거인명부 조회 */
	.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%;}
}