@charset "utf-8";
@font-face { font-family:'yangjin'; src: url('https://cdn.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff'); font-weight: normal; font-style: normal; }
/*
	-----------------------------------------------
	* application.css (사용자 공용 기능)
	-----------------------------------------------
*/

/* 사이트맵 */
.bod_head.sitemap {padding-bottom:1rem;}

#conts .sitemap_wrap h4:before {display:none;}
#conts .sitemap_wrap h4 {border-bottom:1px solid #333; padding-left:0; padding-bottom:.5em; margin:2rem 0 3rem; font-size:2.5rem !important;}

.sitemap_wrap {background:#fff; margin:0; margin-bottom:5rem; padding:0; opacity:0;}
.sitemap_wrap.active {opacity:1;}
.sitemap_wrap:first-of-type {margin-top:0;}
.sitemap_wrap:last-of-type {margin-bottom:0;}

.submenu {margin:0 1rem;}
.submenu >ul:after {content:""; display:block; clear:both;}

.submenu:not(.has-group) >ul {background:#f1f3f6; padding:1.2rem 2rem 1.4rem; margin:1rem 0 0; border:1px solid #c5c9d6;}
.submenu:not(.has-group) >ul >li {width:33.33%; float:left; position:relative; padding:0.4rem 0; margin:0; white-space:normal;}
.submenu:not(.has-group) >ul >li >a {font-size:1.5rem; color:#363c5a; position:relative;}
.submenu:not(.has-group) >ul >li >a > span {padding-left:8px;}
.submenu:not(.has-group) >ul >li a:before {content:''; width:3px; height:3px; left: 0; top: 10px; background:#bbb; display:inline-block; position:absolute; vertical-align:middle; border-radius:50%;}
.submenu:not(.has-group) >ul >li a[target=_blank]:after {display:none !important;}
.submenu:not(.has-group) >ul >li a[target=_blank] >span { padding-right: 15px; }
.submenu:not(.has-group) >ul >li a[target=_blank] >span:after {content:''; position: absolute; right: 0; bottom: 7px; width:8px; height:8px; background:url('./../img/common/spr_common.png') 0 -50px no-repeat;}

.submenu.has-group >ul >li >a {display:block; font-size:2.2rem; color:#216cda; font-weight:600;}

.submenu >ul >li {display:block; position:relative; margin:3rem 0; white-space:nowrap;}
.submenu >ul >li > div {display:block; width:100%;}
.submenu >ul >li:not(:last-of-type) >a {margin-bottom:1.6rem;}

.submenu >ul >li >a span,
.submenu >ul >li >a + div a span {display:inline-block; position: relative;}
.submenu >ul >li >a + div a span {padding-left: 8px;}
.submenu >ul >li >a[target=_blank]:after {display:none !important;}
.submenu >ul >li >a[target=_blank] span {padding-right: 20px;}
.submenu >ul >li >a[target=_blank] span:after {content:''; width:14px; height:12px; position: absolute; right: 0; bottom: 9px; background:url('./../img/common/spr_common.png') -23px 0 no-repeat;}
.submenu >ul >li >a + div {background:#f1f3f6; padding:1.2rem 2rem 1.4rem; margin:1rem 0 0; border:1px solid #c5c9d6;}
.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; color:#363c5a; position:relative;}
.submenu >ul >li >a + div a:before {content:''; width:3px; height:3px; left: 0; top: 10px; background:#bbb; display:inline-block; position:absolute; vertical-align:middle; border-radius:50%;}
.submenu >ul >li >a + div a[target=_blank]:after {display:none !important;}
.submenu >ul >li >a + div a[target=_blank] >span { padding-right: 15px; }
.submenu >ul >li >a + div a[target=_blank] >span:after {content:''; position: absolute; right: 0; bottom: 7px; width:8px; height:8px; 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; border-radius:10px;}
.agreement_wrap h5 {padding-bottom:10px; font-weight:500; color:#3a81dc; font-size:1.8rem !important; margin-left:0 !important; margin-bottom:0 !important;}
.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;}

/* 본인인증 + 아이핀인증 + 회원 로그인 */
#realNameTab {height:640px;}
div[id^="realContent"] {width:100%; position:absolute; left:0px; top:60px;}
.realCont_wrap {border:1px solid #ddd; border-radius:10px; padding:3rem;}
.realCont_wrap h4 {font-weight:700;}
.realCont_wrap h4:before {display:none;}
#realContent1 .realCont_wrap div:first-of-type:before,
#realContent3 .realCont_wrap >div:first-of-type:before {content:''; display:block; background:#eaf0f9 url('./../img/board/spr_board.png') -416px 29px no-repeat; width:120px; height:120px; border-radius:50%; margin:-2rem 4rem 0 1rem; float:left;}
#realContent2 .realCont_wrap >div:first-of-type:before {content:''; display:block; background:#eaf0f9 url('./../img/board/spr_board.png') -416px 29px no-repeat; width:120px; height:120px; border-radius:50%; margin:-0.5rem 4rem 0 1rem; float:left;}
.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;}
.realCont_wrap .btn_wrap .cancel {float:none;}

.certification {height:auto !important; margin-bottom:50px;}
.certification:after {content:""; display:block; clear:both;}
.certification > .tit {font-size:3.0rem !important; font-weight:700; margin:0 0 20px; text-align:center;}
.certification .grid {position:relative;border:1px solid #c5c9d6;}
.certification .grid:after {content:""; display:block; clear:both;}
.certification .grid li {display:block; position:relative; width:33.33%; box-sizing:border-box; /*padding:1rem;*/ float:left; border-right:1px dashed #c5c9d6;}
.certification .grid.col-2 li {display:block; position:relative; width:50%; box-sizing:border-box; /*padding:1rem;*/ float:left; border-right:1px dashed #c5c9d6;}
.certification .grid li:last-child {border-right:0;}
.certification .grid .item {/*border:1px solid #c5c9d6;*/ background:#fff; padding:5rem 2.5rem 4rem; text-align:center; transition:.3s all; -webkit-transition:.3s all;}

.certification .grid .item .box {position:relative; text-align:center; padding:15rem 0 3rem; margin:0 auto; height:22em;}
.certification .grid .item.certi .box:before {content:''; position:absolute; top:0; left:50%; margin-left:-60px; width:120px; height:120px; background:url("/common/img/board/ico_certi_01.png") no-repeat;}
.certification .grid .item.iPin .box:before {content:''; position:absolute; top:0; left:50%; margin-left:-60px; width:120px; height:120px; background:url("/common/img/board/ico_certi_02.png") no-repeat;}
.certification .grid .item.onePass .box:before {content:''; position:absolute; top:0; left:50%; margin-left:-60px; width:120px; height:120px; background:url("/common/img/board/ico_certi_03.png") no-repeat;}

.certification .grid .item .tit {display:block; font-weight:800; color:#10293b; font-size:2rem; line-height:1.3; margin-bottom:1.4rem;}
.certification .grid .item .txt {color:#666666; font-size:1.5rem !important; line-height:1.5 !important; word-break:keep-all; }
.certification .grid .item .box > a {position:relative; display:inline-block; margin-top:15px; color:#216cda; text-decoration:underline;}
.certification .grid .item .box > a[target="_blank"]:after {content:""; position:absolute; width:13px; height:18px; background:url('/common/img/common/ico_blank.png') no-repeat !important;}
.certification .grid .item .box > a:hover {background:#ebf3f0;}
.certification .grid .item .btnWrap > * {display:block; position:relative; width:100%; height:4.5rem; font-size:1.5rem; box-sizing:border-box; line-height:4.5rem; border:none; text-align:center; padding:0 !important;margin:0 auto !important; background:#003583 !important; color:#fff !important;}
.certification .grid .item.onePass .btnWrap a span {padding:2px 0 2px 148px; background:#003583 url("/common/img/board/digital_onepass.png") no-repeat 0px 0px !important;}
.certification .grid .item.onePass .btnWrap a:focus{outline: 2px solid #00c6ce;  outline-offset: 1px; display: block;}

/* 소셜로그인 */

.snsLogin {position:relative; width:100%;}
.snsLogin .tit {font-size:3.0rem !important; font-weight:700; margin:0 0 20px; text-align:center;}
.snsLogin ul:after {content:""; display:block; clear:both;}
.snsLogin .btnWrap {border: 1px solid #c5c9d6; padding: 2.5rem;}
.snsLogin ul li {width:48%; float:left; line-height:7rem; margin:0 1%;border:1px solid #ddd; border-radius:.3rem; text-align:center;}
.snsLogin ul li.naver {background:url("/common/img/board/ico_naver.svg") no-repeat 7% 50%; background-size: 30px 30px; }
.snsLogin ul li.kakao {background:url("/common/img/board/ico_kakao.svg") no-repeat 7% 50%; background-size: 30px 27px;}
.snsLogin ul li span {display:block; margin-left:20%; border-left:1px dashed #ddd; color: #000;}


@media all and (max-width:1024px) {
	.snsLogin ul li {width:48%; margin:0 1%;}

}

@media all and (max-width:880px) {
	.certification .grid.col-2 li,
	.certification .grid li {width:100%; float:none; border-right:none; border-bottom:1px dashed #c5c9d6;}
	.certification .grid li:last-child {border-bottom:0;}
	.certification .grid .item .box {text-align:left; padding:0 0 3rem 15rem; height:auto;}
	.certification .grid .item.certi .box:before,
	.certification .grid .item.iPin .box:before ,
	.certification .grid .item.onePass .box:before {top:-20px; left:0; margin-left:0;}
	.certification .grid .item .txt {height:auto; margin-bottom:0px;}
	.certification .grid .item .txt br {display:none;}

	.snsLogin ul li {width:100%; margin:10px 0; float:none;}
	.snsLogin ul li.naver {background:url("/common/img/board/ico_naver.svg") no-repeat 8% 50%; background-size: 30px 30px; }
	.snsLogin ul li.kakao {background:url("/common/img/board/ico_kakao.svg") no-repeat 8% 50%; background-size: 30px 27px;}

	.certification .grid .item .btnWrap > * { width:calc(100% - 15rem); margin-left:15rem !important;}
}

@media all and (max-width:450px) {
	.certification .grid .item {padding:3rem 2.5rem;}
	.certification .grid .item .box {padding:0 0 3rem 10rem;}
	.certification .grid .item.certi .box:before,
	.certification .grid .item.iPin .box:before ,
	.certification .grid .item.onePass .box:before {width:80px; height:80px; background-size:100%; top:0;}
	.certification .grid .item .btnWrap > * { width:100% ; margin-left:0 !important;}

	.snsLogin ul li { line-height:6rem; }
	.snsLogin ul li.naver,
	.snsLogin ul li.kakao { background-size: 20px 20px; }

}


/* 소셜로그인:구
.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:#f1f3f6; margin-top:1rem; padding:1.5rem; text-align:center;}
.search_opendata select,
.search_opendata input {font-size:1.5rem; border-radius:.3rem; height:4rem;}
.search_opendata input[type=text] {width:60%;}
.search_opendata select {padding:0 6rem 0 1.5rem; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../img/board/ico_selectbox.png') no-repeat 100% 50% #fff;}
.search_opendata select::-ms-expand {display:none;}

#brmTab, #deptTab {margin-top:10px;}
#brmTab > ul,
#deptTab >ul {border:1px solid #c5c9d6; border-bottom-width:0; background:#fff !important; overflow:hidden; position:relative;}
#brmTab > ul:after,
#deptTab >ul:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#c5c9d6;}

#brmTab > ul > li,
#deptTab >ul >li {width:20%; float:left; background:#fff; text-align:center; border-bottom:1px solid #c5c9d6;}
#deptTab >ul {height:297px; position:relative;}
#deptTab >ul >li {width:25%;}

#brmTab >ul >li a,
#deptTab >ul >li a {position:relative; color:#363c5a;}
#brmTab >ul >li a:hover,
#brmTab >ul >li a:focus,
#deptTab >ul >li a:hover,
#deptTab >ul >li a:focus {text-decoration:underline;}
#brmTab > ul > li:not(:nth-of-type(5n)),
#deptTab > ul > li:not(:nth-of-type(4n)) {border-right:1px solid #c5c9d6;}
#brmTab > ul > li > a,
#deptTab > ul > li > a {display:block; height:140px; padding-top:2rem; font-size:1.5rem; font-weight:500;}
#brmTab > ul > li > a.on,
#deptTab > ul > li > a.on {background-color:#f1f3f6;}
#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(10) .ico {background-position:12px -42px;} /* 일반행정 */
#brmTab > ul > li:nth-of-type(3) .ico {background-position:11px -102px;} /* 청소환경상수도 */
#brmTab > ul > li:nth-of-type(6) .ico {background-position:12px -155px;} /* 건강위생 */
#brmTab > ul > li:nth-of-type(4) .ico {background-position:12px -215px;} /* 농업산림축산 */
#brmTab > ul > li:nth-of-type(3) .ico {background-position:12px -270px;} /* 교육 */
#brmTab > ul > li:nth-of-type(8) .ico {background-position:11px -326px;} /* 산업중소기업 */
#brmTab > ul > li:nth-of-type(9) .ico {background-position:13px -386px;} /* 수송및교통 */
/* #brmTab > ul > li:nth-of-type(9) .ico {background-position:9px -445px;}*/ /* 일반공공행정 */
#brmTab > ul > li:nth-of-type(11) .ico {background-position:13px -503px;} /* 지역개발 */
#brmTab > ul > li:nth-of-type(12) .ico {background-position:12px -570px;} /* 통신 */
#brmTab > ul > li:nth-of-type(13) .ico {background-position:12px -637px;} /* 환경보호 */
#brmTab > ul > li:nth-of-type(2) .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(5) .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(7) .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 #c5c9d6; 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;}

#search_tab_type >li a.on span.select_tab{display: block; position: absolute; z-index: -999999; opacity: 0;}
#search_tab_type >li a span.select_tab{display: none;}

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:#aaaaaa; 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:2px; 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;}
.bod_maintain .link:hover {background-color:#216cda !important; border:1px solid #216cda; background-position:-60px -91px;}
.bod_maintain .link[target="_blank"]:after {content:none;}

.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;}

@media all and (max-width:640px) {
	.bod_poll .thumb >figure img {min-height:140px;}
}

.poll_view >h4 {font-size:2.2rem !important; 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; margin-top:10px;}
.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 !important; font-weight:700; text-align:center;}
.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 {display:block; position:relative; clear:both; margin-top:5rem; border:1px solid #dddddd; border-radius:.5rem; padding:1rem 3rem 0; overflow:hidden;}
.pageInfo .research {display:block; position:relative;}
.pageInfo .research:after {content:""; display:block; clear:both;}
.pageInfo .research p {display:block; position:relative; padding:1.8rem 0; font-size:1.8rem; color:#333; line-height:1.3; font-weight:600; float:left;}
.pageInfo .radio_list {padding:1.8rem 0; float:right;}
.pageInfo .radio_list:after {content:""; display:block; clear:both;}
.pageInfo .radio_list li {float:left; font-size:1.6rem;}
.pageInfo .radio_list li + li {padding-left:1em;}
.pageInfo .radio_list li label {color:#222222; font-weight:600;}

.pageInfo .opinion_wrap {display:block; position:relative; clear:both; margin-bottom:2rem; padding-right:13rem; border:1px solid #c7ced8; border-radius:.5rem; overflow:hidden;}
.pageInfo .opinion_wrap input[type="text"] {margin:0; width:100%; height:6rem; border:none; color:#333; border-radius:0; font-size:1.6rem; padding:0 1rem 0 2rem; box-sizing:border-box;}
.pageInfo .opinion_wrap input[type="text"]::placeholder {color:#3b4e69;}
.pageInfo .opinion_wrap .regBtn {position:absolute; top:1rem; right:1rem; width:12rem; height:4rem; border-radius:.5rem; background:#3b4e69; padding:0; font-size:1.6rem;}

.pageInfo .research + .dataOffer {border-top:1px solid #cccccc;}
.pageInfo .dataOffer {display:block; position:relative;}
.pageInfo .dataOffer .offer,
.pageInfo .dataOffer .date {display:inline-block; position:relative; vertical-align:top; font-size:1.6rem;}
.pageInfo .dataOffer .date {padding:1rem 0;}
.pageInfo .dataOffer .date:after {content:""; display:block; clear:both;}
.pageInfo .dataOffer .offer ~ .date {margin-left:3rem;}

.pageInfo .dataOffer {padding:1rem 0;}
.pageInfo .dataOffer li {display:block; position:relative; padding:1rem 0; overflow:hidden;}
.pageInfo .dataOffer dl dt,
.pageInfo .dataOffer dl dd {display:block; float:left; font-size:1.6rem; color:#333;}
.pageInfo .dataOffer dl:first-child dd{margin-right: 3rem;}
.pageInfo .dataOffer dl dt {position:relative; padding-left:4rem; padding-right:2rem; font-weight:600;}
.pageInfo .dataOffer dl dt:before {content:""; display:block; position:absolute; top:50%; left:0; margin-top:-1.6rem; width:3.2rem; height:3.2rem; background:no-repeat 50% 50%; background-size:contain;}
.pageInfo .dataOffer dl dt.dept:before {background-image:url('../img/application/ico_offer_depart.png');}
.pageInfo .dataOffer dl dt.tel:before {background-image:url('../img/application/ico_offer_tel.png');}
.pageInfo .dataOffer dl dt.cal:before {background-image:url('../img/application/ico_offer_date.png');}

.pageInfo .item-offer {display:block; position:relative; float:left;}
.pageInfo .item-offer + .item-offer {margin-left:3rem;}

/* 선거인명부 */
.election_info {position:relative; background:url('./../img/application/bg_election.png') no-repeat 100% 100% #c6e2f6; letter-spacing:-0.5pt;}
.election_info h4 {color:#08447c !important; font-family:'yangjin'; font-size:6.2rem !important; margin:0 !important; padding:0 !important; font-weight:400 !important;}
.election_info h4:before {display:none !important;}
.election_info > div {padding:7rem 0 5.8rem 9.7rem;}
.election_info dl {margin:1rem 0 3rem; overflow:hidden; width:450px;}
.election_info dl > * {display:inline-block; vertical-align:top; padding:12px 0; margin-bottom:5px;}
.election_info dt {width:100px; background:#08447c; color:#fff; border-radius:9em; text-align:center; font-size:1.6rem;}
.election_info dd {width:330px; margin-left:10px; font-size:1.8rem; color:#191f43;}
.election_info .search_out {position:relative;}
.election_info .search_out .btn {display:inline-block; position:relative; padding:0 10rem 0 6rem; height:5rem; line-height:5rem; border-radius:9em; background:#05294b; white-space:nowrap; color:#fff; font-size:1.8rem;
	-webkit-box-shadow: .5rem .5rem 0px 0px rgba(5,41,75,0.2);
	-moz-box-shadow: .5rem .5rem 0px 0px rgba(5,41,75,0.2);
	box-shadow: .5rem .5rem 0px 0px rgba(5,41,75,0.2);
}
.election_info .search_out .btn br {display:none !important;}
.election_info .search_out .btn strong {font-weight:400; padding-left:.2em;}
.election_info .search_out .btn:after {content:""; display:block; position:absolute; top:-1.7rem; right:-3.3rem; width:10.3rem; height:8.9rem; background:url('./../img/application/bg_election_02.png') no-repeat 50% 50%; background-size:contain;}

.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;}

/* 개별주택가격열람 */
#conts .houseWrap {position:relative;}
#conts .houseWrap .top {padding:5rem 3rem; background:linear-gradient(#58b88e, #27a99e);}
#conts .houseWrap .top .tit {display:inline-block; color:#fff; font-size:3.3rem !important; margin:0; font-weight:normal !important;}
#conts .houseWrap .top .tit > span {font-weight:700;}
#conts .houseWrap .top a {float:right; color:#fff; border:1px solid #fff; padding:1rem 2rem;}
#conts .houseWrap .top a[target="_blank"]:after {display:none;}
#conts .houseWrap .top a:hover {background:#fff; color:#27a99e;}

#conts .houseWrap .form {border:1px solid #27a99e; border-top-width:0px; padding:3rem;}
#conts .houseWrap .form .wrap dl {display:table; width:50%; float:left; table-layout:fixed; min-height:60px;}
#conts .houseWrap .form .wrap dl dt,
#conts .houseWrap .form .wrap dl dd {display:table-cell;  vertical-align:middle; }
#conts .houseWrap .form .wrap dl dt {color:#27a99e; width:15%; font-weight:700;}
#conts .houseWrap .form .wrap dl dd {width:80%;}
#conts .houseWrap .form .wrap dl dd select {width:44%; margin-right:3%;}
#conts .houseWrap .form .wrap dl dd input[type="radio"] {margin:-2px 3px 0 0;}
#conts .houseWrap .form .wrap dl dd label {margin-right:15px;}
#conts .houseWrap .form .wrap dl dd input[type="text"] {width:44%; margin-right:3%;}
#conts .houseWrap .form .bottom {width:100%; border-top:1px dotted #ddd; padding-top:2rem; margin-top:2rem;}
#conts .houseWrap .form .bottom p {display:inline;}
#conts .houseWrap .form .bottom input[type="submit"]{float:right;}


@-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) {

	/* 설문조사 */
	.bod_poll .thumb {width:34%;}
	.bod_poll .cont {width:50%;}

	/* 만족도평가 */
	.pageInfo .opinion_wrap {}
	.pageInfo .research p {font-size:1.6rem;}
	.pageInfo .radio_list li {font-size:1.5rem;}
	.pageInfo .opinion_wrap input[type="text"] {height:5rem;}
	.pageInfo .opinion_wrap .regBtn {height:5rem; top:0; right:0; border-radius:0 .5rem .5rem 0; font-size:1.4rem;}
	.pageInfo .dataOffer dl dt,
	.pageInfo .dataOffer dl dd {font-size:1.5rem;}
	.pageInfo .dataOffer dl dt:before {transform:scale(.8); -webkit-transform:scale(.8);}

	/* 선거인명부 */
	.election_info {background-size:40% auto;}
	.election_info >div {padding:4rem 0 4rem 3rem}
	.election_info h4 {font-size:5rem !important;}
	.election_info dl > * {padding:8px 0;}

	.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 1rem;}
	.elector_result:before {left:1rem;}
	.elector_result .btn {margin-right:0;}


	/* 팝업존 목록 */
	.popupzone_list ul >li a, .popupzone_list .thumb {padding-bottom:67.25%;}
}

@media screen and (max-width:960px) {
	/* 회원로그인 */
	.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;}


	/* 사전정보공표 */
	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;}

	/*  만족도평가 */
	.pageInfo {padding:1rem 2rem 0;}
	.pageInfo .research p {float:none; padding-bottom:1rem;}
	.pageInfo .radio_list {float:none; padding-top:0;}

	/* 선거인명부 */
	.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;}


	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height:138px;}
}


@media screen and (max-width:800px) {

	/* 개별주택가격열람 */
	#conts .houseWrap .form .wrap dl {width:100%; float:none;}
	#conts .houseWrap .form .bottom {text-align:center;}
	#conts .houseWrap .form .bottom p {display:block; margin-bottom:20px;}
	#conts .houseWrap .form .bottom input[type="submit"] {float:none;}
}


@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:not(:nth-of-type(4n)) {border-right:1px solid #ddd;}
	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_wrap .user_info label {width:100%; padding:1rem 0;}
	.election_wrap .user_info .btn {width:7rem; padding:0;}
	.elector_result >p {font-size:1.6rem;}


	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height:124px;}

	/* 만족도 조사 */
	.pageInfo .dataOffer .offer ~ .date {display:block; margin-left:0;}

}


@media screen and (max-width:640px) {
	/* 사이트맵 */
	.bod_head .bod_search { margin-bottom: 3rem; }
	.submenu >ul >li {display:block !important; width:auto !important; float:none !important; margin:2rem 0;}
	.submenu >ul >li >a:before {width:12px; height:12px; border-width:3px;}
	.submenu >ul >li >a + div {padding:1.8rem 1.5rem 1rem;}
	.submenu >ul >li >a + div li {width:100%; float: none;}

	/* 회원로그인 */
	.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;}


	/* 사전정보공표 */
	.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:not(:nth-of-type(3n)) {border-right:1px solid #ddd;}
	#brmTab > ul > li > a, #deptTab > ul > li > a {font-size:1.4rem;}
	#brmTab ~ p.exp {font-size:1.4rem;}
	div[id^=deptTabSub0] {top:281px; 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 .research p {/*font-size:1.4rem;*/ font-weight:400;}
	.pageInfo .radio_list li {/*font-size:1.4rem;*/}
	.pageInfo .radio_list li label {font-weight:400;}
	.pageInfo .radio_list li input[type="radio"] {transform:scale(.8); -webkit-transform:scale(.8);}
	.pageInfo .opinion_wrap {padding-right:10rem;}
	.pageInfo .opinion_wrap input[type="text"] {height:4rem; font-size:1.4rem;}
	.pageInfo .opinion_wrap .regBtn {height:4rem; width:10rem;}
	.pageInfo .dataOffer dl dt,
	.pageInfo .dataOffer dl dd {font-size:1.4rem;}

	/* 선거인명부 조회 */
	.election_info h4 {font-size:2.4rem !important; text-align:center; }
	.election_info > div {padding:3rem 2rem !important;}
	.election_info dl {margin:1rem auto 0 !important; max-width:450px; width:auto !important;}
	.election_info dt, .election_info dd {width:100%; padding:1rem 0 1.2rem;}
	.election_info dd {letter-spacing:0;}
	.election_info .search_out {margin:2rem 3rem 0 !important; text-align:center;}
	.election_info .search_out .btn {display:block; padding:0 6rem 0 3rem; text-align:center;}

	.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;}

	/* 개별주택가격열람 */
	#conts .houseWrap .top {text-align:center;}
	#conts .houseWrap .top .tit {display:block; margin-bottom:20px;}
	#conts .houseWrap .top a {display:inline-block; float:none; }


	/* 팝업존 목록 */
	.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 .opinion_wrap {padding-right:0;}
	.pageInfo .opinion_wrap .regBtn {position:relative; width:100%; border-radius:0 0 .5rem .5rem;}
	.pageInfo .dataOffer dl dt,
	.pageInfo .dataOffer dl dd {font-size:1.3rem;}
	.pageInfo .dataOffer dl dt {padding-left:2.5rem; padding-right:1rem;}
	.pageInfo .dataOffer dl dt:before {transform:scale(.5); -webkit-transform:scale(.5); left:-.5rem;}
	.pageInfo .item-offer + .item-offer {margin-left:1.5rem;}

	/* 선거인명부 */
	.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) {

	/* 팝업존 목록 */
	.popupzone_list ul >li {min-height:105px;}
	
	.pageInfo .dataOffer dl dt,
	.pageInfo .dataOffer dl dd{margin:0.3rem 0; }
	.pageInfo .dataOffer dl dt{width:30%;}
	.pageInfo .dataOffer dl dd{width:60%;}
	.pageInfo .dataOffer dl:first-child dd{margin-right: 0;}
	
}
@media screen and (max-width:440px) {

	/* 만족도 조사 */
	.pageInfo .dataOffer li {}
	.pageInfo .item-offer {float:none; padding:.5rem 0;}
	.pageInfo .item-offer:after {content:""; display:block; clear:both;}
	.pageInfo .item-offer + .item-offer {margin-left:0;}
	.pageInfo .dataOffer .offer ~ .date {border-top:1px dashed #ddd; padding-top:1.5rem;}

}
@media screen and (max-width:416px) {

	/* 팝업존 목록 */
	.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:not(:nth-of-type(2n)) {border-right:1px solid #ddd;}

	/* 설문조사 */
	.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 !important;}
	.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 dt {font-size:1.3rem;}
	.election_info dd {font-size:1.4rem;}
	.election_info .search_out .btn {font-size:1.4rem; height:4rem; line-height:4rem; text-align:left;}
	.election_info .search_out .btn:after {transform:scale(.8); -webkit-transform:scale(.8); top:-2.7rem;}
	.election_wrap .user_info input[name^=jumin2] {width:2.18rem;}
	.election_wrap .user_info li >input[type=text]:first-of-type {width:26%;}


	/* 개별주택가격열람 */
	#conts .houseWrap .form .wrap dl dt {display:block; width:100%; margin-bottom:10px;}
	#conts .houseWrap .form .wrap dl dd {display:block; width:100%; margin-bottom:20px;}

	/* 팝업존 목록 */
	.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%;}
}

.ajax-loading {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5); z-index: 99999;}
.ajax-loading img {display: block;opacity: 0.5;border-radius: 30%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}


.popup_layer [target="_blank"]:not([class]):after {display:none !important;}