@charset "utf-8";
/*
	-----------------------------------------------
	* application.css (사용자 공용 기능)
	-----------------------------------------------
*/

/* 사이트맵 */
.bod_head.sitemap {padding-bottom: 1rem;}
.sitemap_wrap {border: 1px solid #ddd;background: #fff;margin: 1.6rem 0;border-radius: 10px;}
.sitemap_wrap:first-of-type {margin-top: 0;}
.sitemap_wrap:last-of-type {margin-bottom: 0;}
.sitemap_wrap:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.topmenu, .submenu {float: left;padding: 3rem;min-height: 60px;}
.topmenu {width: 27%;}
.topmenu >h4 {font-size: 2rem;font-weight: 500;color: #333;position: relative;}
.topmenu >h4:before {content: '';width: 34px;height: 2px;background: #333;position: absolute;top: -8px;}
.submenu {width: 73%;border-left: 1px dashed #dedede;min-height: 80px;}
.submenu >ul >li >a {display: block;font-size: 1.7rem;color: #256964;}
.submenu >ul >li:not(:last-of-type) >a {margin-bottom: 1.6rem;}
.submenu >ul >li >a:before {content: '';width: 14px;height: 14px;border: 4px solid #1ca49a;display: inline-block;margin-right: 0.7rem;}
.submenu >ul >li >a span, .submenu >ul >li >a + div a span {display: inline-block;}
.submenu >ul >li >a[target=_blank] span:after {content: '';width: 14px;height: 12px;float: right;margin: 3px -20px 0 0;background: url('./../img/common/spr_common.png') -23px 0 no-repeat;}
.submenu >ul >li >a + div {background: #f7f7f7;padding: 0.8rem 2rem 1rem;margin: 1rem 0 2rem;border: 1px dashed #ddd;border-radius: 4px;}
.submenu >ul >li >a + div li {width: 33.33%;float: left;position: relative;padding: 0.4rem 0;}
.submenu >ul >li >a + div a {font-size: 1.5rem;}
.submenu >ul >li >a + div a:before {content: '';width: 3px;height: 3px;background: #bbb;display: inline-block;vertical-align: middle;margin-right: 5px;border-radius: 50%;}
.submenu >ul >li >a + div a[target=_blank] >span:after {content: '';width: 8px;height: 8px;float: right;margin: 3px -13px 0 0;background: url('./../img/common/spr_common.png') 0 -50px no-repeat;}

/* 회원가입 */
.join_wrap * {color: #666;line-height: 140%;}
.join_wrap .box {border-radius: 10px;border: 5px solid #f0f0f0;padding: 1.6rem 1.7rem;color: #666;}
.agreement_wrap {border: 5px solid #f0f0f0;padding: 2rem;height: 240px;overflow-y: scroll;border-radius: 10px;}
.agreement_wrap h5 {padding-bottom: 10px;font-weight: 500;color: #3a81dc;font-size: 1.8rem;}
.agreement_wrap h5:not(:first-of-type) {margin-top: 40px;}
.agreement_wrap li:not(:last-of-type) {margin-bottom: 1.4rem;}
.agreement_wrap .depth2 {margin: 10px 0;}
.agreement_wrap .depth3 {margin: 10px 0 10px 5px;}
.agreement_wrap .list_wrap {background: #f7f7f7;padding: 0.8rem 2rem 1rem;margin: 1rem 0 2rem;border: 1px dashed #ddd;border-radius: 4px;}
.agreement_wrap .list_wrap * {color: #888;font-size: 1.5rem;}
.agreement_wrap ul li {padding-left: 8px;color: #555;}
.agreement_wrap ul li, .agreement_wrap .list_wrap li {position: relative;}
.agreement_wrap ul li:before, .agreement_wrap .list_wrap li:before {content: '';width: 3px;height: 3px;background: #bbb;border-radius: 50%;position: absolute;left: 0;top: 8px;}
.agreement_wrap ol >li:before {display: none;}
.check_boxes {text-align: center;padding: 10px 0;}

/* 회원로그인, 게시물 비밀번호 확인 */
.login_wrap {border: 1px solid #ddd;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.login_wrap:hover, .find_idpwd >li:hover,
.auth_content1 .realCont_wrap:hover, .auth_content2 .realCont_wrap:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.login_wrap >div {float: left;padding: 4rem;}
.login_wrap >div:first-of-type {width: 55%;border-right: 1px dashed #ddd;}
.login_wrap >div:first-of-type li {margin-bottom: 1rem;}
.login_wrap >div:first-of-type label {display: block;margin: 2rem 0 1rem;font-weight: 500;}
.login_wrap >div:first-of-type li:first-child label {margin-top: 0;}
.login_wrap >div:first-of-type input:not([type=checkbox]) {width: 100%;border: 1px solid #bbb !important;border-radius: 4px;padding: 1.1rem;color: #666;}
.login_wrap >div:first-of-type input[type=text]:hover, .login_wrap >div:first-of-type input[type=text]:focus,
.login_wrap >div:first-of-type input[type=password]:hover, .login_wrap >div:first-of-type input[type=password]:focus {background: #e8f4fb;border: 1px solid #d0e3ef;}
.login_wrap >div:first-of-type input[type=submit] {border:none !important}
.login_wrap >div:first-of-type .btn_login {background: #3753d4;color: #fff !important;padding: 1.5rem 0 !important;margin-top: 1rem;font-size: 1.7rem;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.login_wrap >div:first-of-type .btn_login:hover {background: #889fb3;}
.login_wrap >div:first-of-type .keypad_box label {display: inline-block;margin: 0;font-weight: normal;}
.login_wrap >div:first-of-type .keypad_box input {width: auto;}
.login_wrap >div:last-of-type {width: 45%;position: relative;}
.login_wrap >div:last-of-type:before {content: '';display: block;background: #eaf0f9 url('./../img/board/spr_board.png') -168px 33px no-repeat;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 120px;height: 120px;border-radius: 50%;}
.login_wrap >div:last-of-type >p {margin-top: 15rem;font-weight: 500;}
.login_wrap >div:last-of-type .btn {width:100%;border: 1px solid #bbb !important;background: #fff;color: #333;border-radius: 4px;padding: 1.5rem 2.4rem 1.4rem;display: block;margin-top: 2.2rem;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s}
.login_wrap >div:last-of-type .btn:hover {border: 1px solid #3753d4 !important;color: #3753d4;}

/* 아이디/비번 찾기 */
.find_idpwd >li {float: left;width: 49%;border: 1px solid #ddd;padding: 3rem;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.reset_idpwd >li:hover {border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
.find_idpwd >li:first-child {margin-right: 2%;}
.find_idpwd >li:first-child >p:last-of-type {margin-bottom: 3.5rem;}
.find_idpwd >li >h4 {font-size: 2.4rem !important;text-align: center;margin: 1rem 0 3rem !important;font-weight: 500 !important;}
.find_idpwd >li >h4:before {content: '';display: block;background: #eaf0f9 url('./../img/board/spr_board.png') -416px 29px no-repeat !important;margin: 2.5rem auto 1.5rem;width: 120px !important;height: 120px !important;border-radius: 50%;position: relative !important;}
.find_idpwd >li:last-child >h4:before {background-position: -299px 29px !important;}
.find_idpwd >li >p {font-size: 1.5rem;margin: 1rem 0;color: #666;line-height: 140%;}
.find_idpwd .btn_wrap {border-top: 1px solid #ddd;padding-top: 2rem;margin-top: 3.4rem;}

/* 회원 ID 재발급 */
.reset_idpwd >li {float: left;width: 100%;border: 1px solid #ddd;padding: 3rem;border-radius: 10px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.reset_idpwd >li >h4 {font-size: 2.4rem;text-align: center;margin: 0 0 3rem !important;font-weight: 500;}
.reset_idpwd >li >h4:before {content: '';display: block;background: #eaf0f9 url('./../img/board/spr_board.png') -168px 33px no-repeat !important;margin: 0 auto 1.5rem !important;width: 120px;height: 120px;border-radius: 50%;}
.reset_idpwd >li:last-child >h4:before {background-position: -299px 29px;}
.reset_idpwd >li >div {border-radius: 6px;background: #fafbfd;padding: 2rem 2.6rem;border: 1px dashed #ccc;color: #666;}
.reset_idpwd >li p {margin: 1rem 0;line-height: 140%;}
.reset_idpwd .btn_wrap {border-top: 1px solid #ddd;padding-top: 2rem;margin-top: 3.4rem;}
.reset_idpwd .name {font-size: 1.9rem;color: #000;font-weight: 700;}

/* 본인인증 + 아이핀인증 + 회원 로그인
#realNameTab {height: 640px;}
div[class^=auth_content] {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;}
div[class^=auth_content] .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;}
.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;} */

/* 소셜로그인 
.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%;}
#brmTab, #deptTab {margin-top: 10px;}
#brmTab > ul, #deptTab >ul {border: 1px solid #ddd;background: #fcfcfc !important;overflow: hidden;}

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

#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:not(:nth-of-type(5n)), #deptTab > ul > li:not(:nth-of-type(4n)) {border-right:1px solid #ddd;}
#brmTab > ul > li:nth-last-of-type(-n+5) {border-bottom: none;}
#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 {}
#search_tab_type >li {float: left; width:8em; text-align: center;}
#search_tab_type >li:not(:last-child) {margin-right: .25em;}
#search_tab_type >li a {width: 100%;display: block; font-size:.9em; background: #f7f7f7; padding: .75em .5em; 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;}

#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[class^="auth_content"] {padding: 0 1rem;}
	div[class^=auth_content] .realCont_wrap > div:first-of-type:before {margin-bottom:2rem}
	.list04 >li >div[class^="auth_content"] {top:120px;}

	/* 만족도평가 */
	.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%;}

	/* 캘린더 */
	#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%;}

	/* 본인인증 */
	.list01 >li >div[class^="auth_content"],
	.list02 >li >div[class^="auth_content"] {top: 60px;}
	.list03 >li >div[class^="auth_content"],
	.list04 >li >div[class^="auth_content"] {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%;}

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

	/* 본인인증 */
	.list01 >li >div[class^="auth_content"] {top: 56px;}
	.list02 >li >div[class^="auth_content"] {top: 106px;}
	.list03 >li >div[class^="auth_content"] {top: 146px;}
	.list04 >li >div[class^="auth_content"] {top: 186px;}
	#realNameTab {height:910px;}
	div[class^=auth_content] .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: calc(100% / 4 - .5em);}
/* 	#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;}

	/* 만족도평가 */
	.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;}

	/* 만족도평가 */
	.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;}

	/* 만족도평가 */
	.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%;}
}


/* 다목적기능  */

.clFix:after {content: '';clear: both;display: table;} /* float 해제 */
.bod_purpose {border-top: 2px solid #117fc3;margin-top: 10px;}
.bod_purpose li {margin: 20px 0;border: 1px solid #ddd;position: relative;border-radius: 10px;}
.bod_purpose 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_purpose li > div {padding: 30px 40px;}
.bod_purpose .cont{float: left;}
.bod_purpose .cont,.purpose_view .cont {width: 100%;font-size: 15px;}
.bod_purpose .cont > span {display: block;}
.bod_purpose .cont .tit {font-size: 22px;font-weight: 600;color: #333;margin: 0 0 16px;line-height: 150%;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bod_purpose .cont dt, .bod_purpose .cont dd ,.purpose_view .cont dt,.purpose_view .cont dd{float: left;margin: 4px 0;}
.bod_purpose .cont dt ,.purpose_view .cont dt{width: 12%;clear: left;font-weight: 600;color: #1b2f3c;}
.bod_purpose .cont dd,.purpose_view .cont dd {width: 80%; padding-left:30px; position:relative; box-sizing:border-box;}
.bod_purpose .cont dd:before,.purpose_view .cont dd:before {content: '';position:absolute; width: 5px;height: 5px;background: #ccc; left:0; top:7px;margin-right: 20px;border-radius: 50%;}
.bod_purpose .cont dd span ,.purpose_view .cont span{padding: 4px 10px;border: 1px solid #ccc;color: #666;border-radius: 4px;background-color: white;font-size: 14px;}
.bod_purpose .state_purpose {width: 100px;height: 100px;display: inline-block;position: absolute;right: 20px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: #fff;border-radius:5px;	text-align: center;font-size: 17px;font-weight: 700;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: visible;}
.bod_purpose .state_purpose.purpose_ing {background-color: #117fc3;}
.bod_purpose .state_purpose.purpose_waiting, .bod_purpose li:hover .state_purpose.purpose_waiting:before {background-color: #ff8202;}
.bod_purpose .state_purpose.purpose_finish, .bod_purpose li:hover .state_purpose.purpose_finish:before {background-color: #546b79;}
.bod_purpose .state_purpose.purpose_ready, .bod_purpose li:hover .state_purpose.purpose_ready:before {background-color: #00a85f;}
.bod_purpose li:hover .state_purpose {right: -20px;height: 70px;border-radius: 0 5px 5px 0;}
.bod_purpose li:hover .state_purpose:before {content: '';width: 50px;height: 70px;position: absolute;left: -40px;top: 0;background: #117fc3 url('/portal/img/common/spr_board.png') -85px -27px no-repeat;border-radius: 5px 0 0 5px;}
.bod_purpose li:hover .state_purpose.purpose_ready:before {background-position: -85px 25px;}
.bod_purpose li:hover .state_purpose.purpose_finish:before {background-position: -85px -78px;}


.purpose_view .tit{border-top: 2px solid #0567ad; border-bottom: 1px solid #dcdcdc; padding: 10px 0; background: none; text-align: center; word-break: break-all; line-height: 1.2em; font-size:20px; font-weight:bold;}
.purpose_view .tit span{display:inline-block; font-size:15px;color:#fff; border-radius:50px; padding: 2px 10px}
.test_accept{background:#117fc3; border-radius: 4px; color: #fff; padding: 5px;}
.test_waiting{background:#ff8202; border-radius: 4px; color: #fff; padding: 5px;}
.test_ready{background:#00a85f; border-radius: 4px; color: #fff; padding: 5px;}
.test_deadline{background:#546b79; border-radius: 4px; color: #fff; padding: 5px;}
.purpose_view .txt{background:#f9f9f9;padding: 10px 20px;}
.purpose_view .left,.purpose_view .right{float:left;width: 50%;}
.purpose_view .left{ box-sizing:border-box; }
.purpose_view .right{padding:0 20px; box-sizing:border-box; border-left:1px solid #dcdcdc;}
.purpose_view .center_desc{border: 1px dashed #ddd;padding:10px; border-radius:10px; text-align:center; margin:1% 0 0 0; background-color: #fff;}
.purpose_view .cont dt{width:20%;}
.purpose_view .cont dd{width:80%;}

.purpose_view .cont .d-day{background:#686868;border:none;color: #fff;font-size: 14px;display: inline-block;}
.purpose_view .purpose_desc{padding: 20px 20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}

@media screen and (max-width:1024px) {
 /* 다목적 기능 테이블 */
	.tbl_purpose, .bod_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-left: 0 !important; }
	.tbl_purpose .tbl_guide, .tbl_purpose .bod_wrap .tbl_guide { display: block; padding: 20px 0 0 20px; color: #fc8305; font-size: 13px; background: url('/common/img/common/ico_tbl_guide.gif') 0 21px no-repeat; line-height: 130%;}
	.tbl_purpose .tbl, .tbl_purpose .bod_wrap table {width: 1000px;}
	.tbl_purpose th{max-width:100px;}
}

@media screen and (max-width:960px) {
	.purpose_view .cont {border:0;}
	.bod_purpose .cont,.purpose_view .cont{width: 100%;}
	.bod_purpose .cont ,.purpose_view .cont {margin-bottom: 10px;/* padding-bottom: 10px; *//* border-bottom: 1px solid #ddd; */}
	.bod_purpose .cont dt ,.purpose_view .cont dt{width: 25%;}
	.bod_purpose .cont dd,.purpose_view .cont dd {width: 75%;}
	.bod_purpose .state_purpose {width: auto;height: auto;position: relative;-webkit-transform: none;-ms-transform: none;transform: none;right: 0;display: block;padding: 15px 30px;margin: 0 auto;-webkit-transform: translateX(21px);-ms-transform: translateX(21px);transform: translateX(21px);font-size: 16px;}
	.bod_purpose .state_purpose , .bod_purpose li:hover .state_purpose {height: 51px;right: 0;}
	.bod_purpose .state_purpose.purpose_waiting, .bod_purpose li:hover .state_purpose.purpose_waiting {height: 62px;}
	.bod_purpose li {width: 49%;float: left;margin: 2% 0;}
	.bod_purpose li:not(:nth-child(even)) {margin-right: 1%;}
	.bod_purpose .state_purpose:before, .bod_purpose li:hover .state_purpose:before {content: '';width: 50px;height: 51px;position: absolute;left: -27px;top: 0;background: #117fc3 url('/portal/img/common/spr_board.png') -81px -36px no-repeat;border-radius: 5px 0 0 5px;}
	.bod_purpose .state_purpose.purpose_waiting:before, .bod_purpose li:hover .state_purpose.purpose_waiting:before {background-position: -81px 15px; height:62px; background:#ff8202 url('/portal/img/common/spr_board.png') -81px -31px no-repeat;}
	.bod_purpose .state_purpose.purpose_ready:before, .bod_purpose li:hover .state_purpose.purpose_ready:before {background-position: -81px 15px;background-color: #00a85f;}
	.bod_purpose .state_purpose.purpose_finish:before, .bod_purpose li:hover .state_purpose.purpose_finish:before{background-position: -81px -87px;background-color: #546b79;}

}
@media screen and (max-width:768px) {
	.bod_purpose li {width: 100%;float: none;margin-right: 0;}
	.bod_purpose .cont dt {width: 20%;}
	.bod_purpose .cont dd {width: 80%;}
	.mo-mT0{margin-top:0!important;}

}
@media screen and (max-width:640px) {
	.bod_purpose .state_purpose, .bod_purpose .cont dt, .bod_purpose .cont dd,
	.purpose_view .question_list ul, .purpose_view .agree_wrap dt, .purpose_view .agree_wrap dd, .purpose_qLast .txt {font-size: 14px;}
	.bod_purpose .state_purpose {padding: 10px 15px;font-weight: normal;}
	.bod_purpose .state_purpose, .bod_purpose li:hover .state_purpose {height: 38px;}
	.bod_purpose .state_purpose:before, .bod_purpose li:hover .state_purpose:before {width: 39px;height: 38px;left: -32px;background-position: -90px -44px;}
	.bod_purpose .state_purpose.purpose_waiting:before, .bod_purpose li:hover .state_purpose.purpose_waiting:before {background-position: -90px -30px;}
	.bod_purpose .state_purpose.purpose_ready:before, .bod_purpose li:hover .state_purpose.purpose_ready:before {background-position: -89px 8px;}
	.bod_purpose .state_purpose.purpose_finish:before, .bod_purpose li:hover .state_purpose.purpose_finish:before {background-position: -89px -94px;}
	.bod_purpose .cont {margin-bottom: 10px;}
	.bod_purpose .cont .tit {margin-bottom: 5px; font-size:20px;}
	.bod_purpose .cont dt {font-weight: 500;}
	.bod_purpose .cont dd span {padding: 0 10px 0.5px;}
	.bod_purpose li >div {padding: 26px;}
	.bod_purpose .no_data >span {padding: 66px 0 17px 0;}
	.bod_purpose .no_data >span:before {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);transform: translateX(-50%);}

	.purpose_view .left,.purpose_view .right{float:none;width: 100%;}
	.purpose_view .right{border-left:0;padding:10px 0 0 0; border-top:1px solid #dcdcdc;}
	.purpose_view .cont{margin-bottom:0;}
	.purpose_view .cont dt,.purpose_view .cont dd {font-size:14px;}
	.purpose_view .cont .d-day{margin-left:0px;}
}

@media all and (max-width:450px) {
	.tbl_purpose .tbl, .tbl_purpose table {width: 100%!important;}
	.tbl_purpose th{max-width:100%;}
	.tbl_purpose .unit.Thead tbody tr:first-child th,.tbl_purpose .unit.Thead tbody tr:first-child td{border-bottom: 1px solid #e2e2e4;}

}

@media screen and (max-width:375px) {
	.bod_purpose .cont dd {letter-spacing: -0.5pt;}
	.bod_purpose li >a >div {padding: 16px;}

}

/* 다목적기능 - 개인정보동의 머리말 */

.purpose_info .tit { font-size: 22px;}
.purpose_info ul[class^="list_ul"] >li, .purpose_info ol[class^="list_num"] li ul li{font-size:15px;}
.purpose_info .agree_box label{font-size:15px;}
.purpose_info .purpose_list_scroll{max-height:160px; overflow-y:auto;}

/* 다목적기능 - 검색박스 */
.purpose_search_box{border:1px solid #ddd; margin:0 auto; /* margin-top:30px; */ margin-bottom:50px; text-align:center; background:#f9f9f9; padding:15px; box-sizing:border-box;}
.purpose_search_box ul{display:inline-block; vertical-align:middle;}
.purpose_search_box li{position:relative; float:left; margin-left:50px;}
.purpose_search_box li:before{position:absolute; content:''; width:1px; height:34px; background:url(/portal/img/sub/dashed_line.png) no-repeat; left:-23px; top:50%; margin-top:-17px;}
.purpose_search_box li:first-child{margin-left:0;}
.purpose_search_box li:first-child:before{display:none;}
.purpose_search_box li label{display:inline-block; font-weight:600;}
.purpose_search_box li input,
.purpose_search_box li select{display:inline-block; margin-left:10px;}
.purpose_search_box .butn_search{display:inline-block;vertical-align:middle;margin-left:5px;}
.purpose_search_box ul:after{content:''; display:block; clear:both;}

@media screen and (max-width:960px){
    .purpose_search_box{text-align:left;}
	.purpose_search_box ul{display:block; width:100%;}
	.purpose_search_box li{margin-left:0; margin-top:5px;}
	.purpose_search_box li:first-child{margin-top:0;}
	.purpose_search_box li:before{display:none;}
	.purpose_search_box li label{width:15%;}
	.purpose_search_box li input,
	.purpose_search_box li select{box-sizing:border-box; width:82%; margin-left:0%;}
	.purpose_search_box li{float:none; width:100%;}
	.purpose_search_box .butn_search{display:block;margin-top:10px!important;margin-left:0px!important; padding-right:2.3%}
	.purpose_search_box .butn_search .btn.small{width:100%;padding:10px 0;border-radius:5px;}
}

@media(max-width:415px){
	.purpose_search_box li{margin-top:10px;}
	.purpose_search_box li label{width:100%; margin-bottom:5px;}
	.purpose_search_box li input,
	.purpose_search_box li select{width:100%; margin-left:0;}
	.purpose_search_box .butn_search{margin-top:0px!important;padding-right:0%}
}

/* anm.css 이관 */

.readonly { background-color: #d8d8d8; color: #fff; }
.tbl_wrap input[type=radio] + label, .tbl_wrap input[type=checkbox] + label { padding-left: 5px; padding-right: 5px; margin-right: 5px; }
.tbl.Thead.unit td input[type=radio], .tbl.Thead.unit td input[type=checkbox] { vertical-align: middle; }
input[type=text] { padding-left: 5px; padding-right: 5px; box-sizing: border-box; }
.btn.del { float: left; border: 1px solid #ff7625; color: #ff7625; }
.btn.del:hover { border: 1px solid #cc4122; color: #cc4122; }
.list_ul_h > li > span:not(:last-child):after { content: ',' }
.nested_table { border: 0px; max-width: 938px; }
.nested_table th { border: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nested_table thead th{border-top: 1px solid #e2e2e4!important;border-right:1px solid #e2e2e4;border-left:1px solid #e2e2e4;background: #fafbfc!important;}
.nested_table tbody td{border-top: 1px solid #e2e2e4!important;}
.conts a[target="_blank"] { padding-right: 20px; }

.warning { border: 1px dashed #fdd1d1; padding: 10px 15px; border-radius: 4px; margin-top: 10px; }
.warning div:first-child { color: #fc6f58; font-size: 15px; font-weight: bolder; margin: 8px 0px; }
.warning ul { color: #fc6f58; padding-left: 10px; }

.bottom_guide { border: 1px dashed #ddd; padding: 10px; border-radius: 10px; text-align: center; margin: 1% 0 0 0; background-color: #fff; }

.mL0 { margin-left: 0px !important; }
.mT50 { margin-top: 50px !important; }
.wc160 { width: calc(100% - 160px) !important; }
.wc171 { width: calc(100% - 171px) !important; }
.wc270 { width: calc(100% - 270px) !important; }

@media all and (max-width:450px) {
	.nested_table th{max-width:420px!important;}
	.nested_table thead th{border-top: 2px solid #e2e2e4!important;border-right:1px solid #e2e2e4; border-left:1px solid #e2e2e4;}
	.nested_table thead th{border-top: 1px solid #e2e2e4!important;border-right:1px solid #e2e2e4; border-left:1px solid #e2e2e4;}

}