@charset "UTF-8";
/*-------------------------------------------------
title       :게시판
Create date :2022-01 수정
-------------------------------------------------*/

.pre {white-space:pre-line !important; word-break:keep-all}
/* FAQ */
/* .faq {border-top:2px solid #555; border-bottom:1px solid #aaa}
.faq .group {border-bottom:1px solid #ddd}
.faq .group.active {box-shadow:10px 0 10px rgba(44,59,102,0.3)}
.faq .group.active .label::after {-webkit-transform:rotate(180deg); transform:rotate(180deg); top:1.2rem}
.faq .group.active .item {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; padding:2rem 0 2rem 12rem; -webkit-transition:all 0.2s; transition:all 0.2s}
.faq .label {display:block; position:relative; padding:2rem 6.5rem; font-weight:600; color:#333; transition:all .2s}
.faq .label::before {position:absolute; left:1.5rem; top:2rem; width:3.5rem; height:3.5rem; border-radius:100%; background-color:#2c3b66; color:#fff; content:'Q'; text-align:center; line-height:3.5rem; -webkit-transition:all 0.2s; transition:all 0.2s}
.faq .label::after {font-size:2.2rem; position:absolute; right:3rem; top:2rem; font-family:'xeicon'; color:#999; content:''; -webkit-transition:all 0.2s; transition:all 0.2s}
.faq .label .type {display:inline-block; border:1px solid #006bb7; border-radius:100rem; color:#006bb7; font-size:1.3rem; font-weight:normal; padding:0 1rem; margin-right:0.5rem; vertical-align:0.2rem}
.faq .label .title {font-size:1.8rem; font-weight:500; margin-bottom:0.5rem}
.faq .label .part {display:inline-block; color:#999; font-size:1.3rem; font-weight:normal; margin-left:0.5rem; position:relative; vertical-align:0.2rem}
.faq .label .part:before {content:''; display:inline-block; width:1px; height:1rem; background:#ddd; margin-right:0.5rem}
.faq .item {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; position:relative; padding:0 9rem 0 12rem; border-top:1px solid #ddd}
.faq .item::before {font-size:2rem; position:absolute; left:3.5rem; top:1.5rem; font-family:'xeicon'; color:#999; content:''}
.faq .item::after {position:absolute; left:6.5rem; top:1.5rem; width:3.5rem; height:3.5rem; border-radius:100%; background-color:#f8991d; font-weight:600; color:#fff; content:'A'; text-align:center; line-height:3.5rem; -webkit-transition:all 0.2s; transition:all 0.2s}
.faq .item .file {font-size:1.4rem; margin-top:1rem} */

/* 답변 내용 파일 */
.faq .file {position:relative; line-height:0}
.faq .file .title {display:inline-block; vertical-align:top; width:14.5rem; font-weight:500; color:#333; text-align:center}
.faq .file .list {display:inline-block; width:100%}
.faq .file .list img {width:2.5rem; margin-right:0.5rem}
.faq .file .list li {overflow:hidden; position:relative; min-height:3rem; padding-right:21rem; text-overflow:ellipsis; white-space:nowrap}
.faq .file .list li + li {margin-top:0.5rem;}
.faq .file .list li > a {color:#444}
.faq .file .list li > a:hover, .answer-box .file .list li > a:focus {color:#116eb4}
.faq .file .list .link {position:absolute; right:0; top:0}
.faq .file .list .txt {font-size:1.2rem; color:#999}


/* 이북형 */
.board_ebook {display:inline-block; width:calc(100% + 0px); width:calc(100% + 6rem); margin:0 -3rem}
.board_ebook > * {clear:none; float:left; width:calc(50% - 0px); margin-right:0px}
.board_ebook > *:nth-child(n + 3) {margin-top:0px}
.board_ebook > *:nth-child(2n + 1) {clear:both}
.board_ebook li {padding:4rem 3rem}
.board_ebook li:nth-child(n + 3) {border-top:1px solid #ddd}
.board_ebook .thumb {overflow:hidden; float:right; width:16rem; height:22.5rem}
.board_ebook .thumb img {min-height:100%}
.board_ebook .group {float:left; position:relative; width:calc(100% - 20rem); height:22.5rem}
.board_ebook .title {font-size:2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-bottom:2.5rem; font-weight:600; color:#222}
.board_ebook .date {display:none}
.board_ebook .desc {overflow:hidden; max-height:7.8rem; color:#666}
.board_ebook .btn {position:absolute; left:0; bottom:0; width:100%}
.board_ebook .btn a {font-size:1.5rem; position:relative; width:13.5rem; min-width:auto; max-width:48%; height:4.2rem; padding:0 1.5rem; text-align:left; line-height:4rem}
.board_ebook .btn a i {position:absolute; top:50%; left:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:1.5rem}

/* PDF형 */
.board_pdf {display:inline-block; width:calc(100% + 0px); width:calc(100% + 5.5rem); margin:0 -2.75rem}
.board_pdf > * {clear:none; float:left; width:calc(25% - 0px); margin-right:0px}
.board_pdf > *:nth-child(n + 5) {margin-top:0px}
.board_pdf > *:nth-child(2n + 1) {clear:none}
.board_pdf > *:nth-child(3n + 1) {clear:none}
.board_pdf > *:nth-child(4n + 1) {clear:both}
.board_pdf li {padding:2rem 2.75rem}
.board_pdf .thumb {display:block; overflow:hidden; position:relative; height:0; margin-bottom:2rem; padding-top:140%}
.board_pdf .thumb img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); min-height:100%}
.board_pdf .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.8rem; display:block; margin-bottom:0.5rem; color:#222}
.board_pdf .label {font-weight:400; color:#000}
.board_pdf .name {display:none}
.board_pdf .btn {display:block; overflow:hidden; margin-top:2rem}
.board_pdf .btn a {font-size:1.5rem; position:relative; float:left; width:calc(50% - 0.5rem); min-width:auto; height:4.2rem; padding:0 1.5rem; text-align:left; line-height:4rem}
.board_pdf .btn a i {position:absolute; top:50%; left:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:1.5rem}
.board_pdf .btn a + a {float:right}

/* 달력형 */
#calendar {position:relative; z-index:0}
#calendar .fc-header-toolbar .fc-center {position:relative; width:26rem; text-align:center}
#calendar .fc-header-toolbar .fc-center h2 {font-size:3rem; margin:0; padding:0; font-weight:500; color:#333}
#calendar .fc-header-toolbar .fc-center button {position:absolute; top:50%; left:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; margin:0; padding:0; border:0 none; background-color:#fff; font-weight:400; color:#999}
#calendar .fc-header-toolbar .fc-center button.fc-next-button {left:auto; right:0}
#calendar .fc-scroller {height:auto !important}
#calendar .fc-view-container {overflow:hidden; margin-top:4.5rem; border-top:2px solid #555; border-bottom:1px solid #aaa}
#calendar .fc-view-container .fc-view {width:calc(100% + 2px); margin:-1px}
#calendar .fc-view-container td {font-size:1.4rem; border-color:#ddd; background:none; color:#333}
#calendar .fc-view-container .fc-day-header {font-size:1.6rem; padding:1.5rem; border-color:#ddd; border-bottom-color:#aaa; font-weight:500; color:#333; text-transform:uppercase}
#calendar .fc-view-container .fc-day-number {display:inline-block; padding:1.5rem 0 0 1.5rem; color:inherit}
#calendar .fc-view-container .fc-sat {color:#116eb4}
#calendar .fc-view-container .fc-sun {color:#cb152b}
#calendar .fc-view-container .fc-day-grid-event {font-size:1.5rem; height:2.5rem; margin:0; padding:0 0.5rem; border-radius:0; border:0 none; line-height:2.5rem}
#calendar .fc-view-container .fc-day-grid-event .fc-title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block}
#calendar .fc-view-container .fc-today {position:relative; z-index:1; border-color:#555}
#calendar .fc-view-container .fc-today.fc-widget-content td {border:0 none}
#calendar .fc-view-container .fc-today.fc-widget-content::before {position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#555; content:''}
#calendar .fc-view-container .fc-bgevent-skeleton td {border:0 none}
#calendar .fc-view-container .fc-other-month {background-color:#f6f7fa; color:#aaa}
#calendar .fc-view-container .fc-row .fc-content-skeleton {padding-bottom:1.5rem}
#calendar .fc-view-container .fc-row .fc-content-skeleton td {border-color:transparent}
#calendar .fc-view-container .fc-row .fc-content-skeleton td.fc-other-month {border-color:#ddd}
#calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container {padding:0.25rem 0; border:0 none !important}

/* 다른 달력형 */
div.CalendarList div.Bhead > ul {border-top:2px solid #555 !important; border-bottom:1px solid #aaa !important; background:none !important}
div.CalendarList div.Bhead > ul > li + li {border-left:1px solid #ddd}
div.CalendarList div.Bhead > ul > li {font-size:1.8rem !important; font-weight:500; color:#000 !important; text-transform:uppercase}
div.CalendarList div.Bbody > ul > li {border-bottom:1px solid #ddd !important}
div.CalendarList div.Bbody > ul > li > span + span {border-left:1px solid #ddd}
div.CalendarList div.Bbody > ul > li:last-child {border-bottom-color:#aaa !important}
div.CalendarList div.Bbody > ul > li > span {height:12rem !important}
div.CalendarList div.Bbody > ul > li > span > a {padding:1rem; text-align:left; line-height:inherit !important}
div.CalendarList div.Bbody > ul > li > span > a:hover,
div.CalendarList div.Bbody > ul > li > span > a:focus {background-color:#f8f8f8;}
div.CalendarList div.Bbody > ul > li > span > a::before {display:none !important}
div.CalendarList div.Bbody > ul > li > span > a.current::after {position:absolute; left:0; top:0; width:100% !important; height:100% !important; margin:0 !important; border-radius:0 !important; border:1px solid #000; background:none !important}
div.CalendarList div.Bbody > ul > li > span:first-child a,
div.CalendarList div > ul > li.sun {color:#cb152b !important}
div.CalendarList div > ul > li.sat,
div.CalendarList div.Bbody > ul > li > span:last-child a {color:#116eb4 !important}
div.CalendarList div.Bbody > ul > li > span > span.schedule {z-index:1}
div.ScheduleList#listView {margin-top:-1px; border-bottom:1px solid #999; background-color:#fff}
div.ScheduleList#listView > div {margin-top:0; border:0 none; border-top:1px solid #ddd}
div.ScheduleList#listView > div:last-child {border-bottom:0 none}
div.ScheduleList#listView > div > a  {min-height:0}
div.ScheduleList#listView > div > a span.day {width:10rem; border:0 none; line-height:30px}
div.ScheduleList#listView > div > a span.day > span {width:calc(100% - 1rem); padding:0; font-size:1.4rem !important; font-weight:400; color:#fff !important; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2)}
div.ScheduleList#listView > div > a span.group {width:calc(100% - 10rem - 15px); padding-top:0}
div.ScheduleList#listView > div > a span.group::after {display:none}
div.ScheduleList#listView > div > a span.title {padding-top:0}
div.ScheduleList#listView > div > a:hover span.title,
div.ScheduleList#listView > div > a:focus span.title {color:inherit; text-decoration:underline}
div.ScheduleList#listView > span.nodata {margin-top:-1px; border:0 none; border-top:1px solid #ddd}
#srhForm + div.DateArea div.btn-area a {text-align:center; text-indent:0.5rem; line-height:35px}
#srhForm + div.DateArea div.btn-area a::before {display:inline-block; position:static; border-color:#ccc; vertical-align:middle; transition:all 0.2s}
#srhForm + div.DateArea div.btn-area a.next_month {text-indent:-0.5rem}
#srhForm + div.DateArea div.btn-area a:hover,
#srhForm + div.DateArea div.btn-area a:focus {background:none; border-color:#000}
#srhForm + div.DateArea div.btn-area a:hover::before,
#srhForm + div.DateArea div.btn-area a:focus::before {border-color:#000}
#srhForm + div.DateArea div.btn-area a.All-schedule {line-height:38px}
#srhForm + div.DateArea div.btn-area a.All-schedule:hover,
#srhForm + div.DateArea div.btn-area a.All-schedule:focus {border-color:#e36f51; background-color:#e36f51}

/* 웹진형 게시판 */
.blog_list {margin-bottom:-1px}
.blog_list a {display:block; overflow:hidden; padding:4rem 0; border-bottom:1px solid #ddd; transition:all 0.2s}
.blog_list a:hover {background-color:#f7f7f7}
.blog_list a:hover .thumb::before,
.blog_list a:hover .thumb::after,
.blog_list a:focus .thumb::before,
.blog_list a:focus .thumb::after {opacity:1; transform:rotate(0); transition:all 0.4s 0.1s}
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img {opacity:0.6}

.blog_list .thumb  { display:inline-block; overflow: hidden; position: relative; z-index: 0; height:19rem; border-radius:0.5rem; background-color: #000; color: #fff; width:30rem; overflow:hidden}
.blog_list .thumb img  {width:100%; min-height:100%; transition:all 0.2s}
.blog_list .thumb::before {position:absolute; left:0; top:50%; z-index:1; width:100%; margin-top:-1rem; font-family:'xeicon'; font-size:3.2rem; content:''; text-align:center; line-height:0; opacity:0; transform:rotate(180deg); transition:all 0.2s}
.blog_list .thumb::after {position:absolute; left:0; top:50%; z-index:1; width:100%; margin-top:1rem; font-weight:500; content:'자세히 보기'; text-align:center; opacity:0; transition:all 0.2s}

.blog_list .desc {float:right; width:calc(100% - 34rem)}
.blog_list .desc .title {display:block; overflow:hidden; margin-bottom:1rem; font-size:2rem; font-weight:600; color:#2c3b66; text-overflow:ellipsis; white-space:nowrap}
.blog_list .desc span {display:inline-block; font-size:1.4rem; vertical-align:top}
.blog_list .desc .label {font-weight:500; color:#000; width:8rem}
.blog_list .desc .label + span {color:#666; width:calc(100% - 8.5rem)}


.gallery_list a { display: block; }
.gallery_list a:hover .thumb::before,
.gallery_list a:hover .thumb::after,
.gallery_list a:focus .thumb::before,
.gallery_list a:focus .thumb::after { opacity: 1; transform: rotate(0); transition: all 0.4s 0.1s; }
.gallery_list a:hover .thumb img,
.gallery_list a:focus .thumb img { opacity: 0.6; }

.gallery_list .thumb { display: block; overflow: hidden; position: relative; z-index: 0; height: 0; margin-bottom: 2rem; padding-top: 62%; background-color: #000; color: #fff; }
.gallery_list .thumb img { position: absolute; left: 0; top:0; z-index: -1; width: 100%; min-height: 100%; object-fit:cover; transition: all 0.2s; }
.gallery_list .thumb::before { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -1rem; font-family: 'xeicon'; font-size: 3.2rem; content: ''; text-align: center; line-height: 0; opacity: 0; transform: rotate(180deg); transition: all 0.2s; }
.gallery_list .thumb::after { position: absolute; left: 0; top: 50%; width: 100%; margin-top: 1rem; font-weight: 600; content: '자세히 보기'; text-align: center; opacity: 0; transition: all 0.2s; }

.gallery_list .title { display:block; overflow: hidden; max-width: 100%; font-size: 1.8rem; color: #222; text-overflow: ellipsis; white-space: nowrap; }
.gallery_list .title .xi-new { margin:- 0.3rem .3rem 0 0;vertical-align: middle; }
.gallery_list .label { font-weight: 400; color: #000; }

.gallery_list .desc { white-space: nowrap; }
.gallery_list .desc > span + span::before { display: inline-block; position: relative; top: -1px; width: 1px; height: 1.4rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle; }
.gallery_list .desc > span { display: inline-block; vertical-align: middle; font-size:1.4rem; color:#666}
.gallery_list .desc .name { display: none; }
.gallery_list .desc .name + span::before { display: none; }
/*고객센터 > 고객의 소리 > 고객참여예산제 > 참여하기 */
.BDB .txt_left {position:relative}



@media (max-width:1024px)
{



    /* 이북형 */
    .board_ebook {width:calc(100% + 4rem); margin:0 -2rem}
    .board_ebook li {padding:3rem 2rem}
    .board_ebook .group {width:calc(100% - 18rem)}
    .board_ebook .btn a {padding:0 1rem}

    /* PDF형 */
    .board_pdf {width:calc(100% + 2rem) !important; margin:0 -1rem}
    .board_pdf li {padding:2rem 1rem}
    .board_pdf .btn a {padding:0 1rem}
    .board_pdf .btn a i {right:1rem}
}

@media (max-width:768px)
{
    /* 이북형 */
    .board_ebook {display:block; width:100%; margin:0}
    .board_ebook > * {display:block; clear:none; float:none; width:100%; margin-right:0}
    .board_ebook > * + * {margin-top:0}
    .board_ebook li {overflow:hidden; padding:1.5rem}
    .board_ebook li:nth-child(n + 2) {border-top:1px solid #ddd}
    .board_ebook .group {height:21.5rem; padding:1rem 0 0}

    /* PDF형 */
    .board_pdf {display:inline-block; width:calc(100% + 0px)}
    .board_pdf > * {clear:none; float:left; width:calc(33.33333% - 0px); margin-right:0px}
    .board_pdf > *:nth-child(n + 4) {margin-top:0px}
    .board_pdf > *:nth-child(2n + 1) {clear:none}
    .board_pdf > *:nth-child(3n + 1) {clear:both}

}

@media (max-width:767px){

    /* 웹진형 게시판 */
    .blog_list .thumb  {display:block; width:100%; margin-bottom:2rem}
    .blog_list .desc {display:block; width:100%}
}

@media (max-width:540px)
{


    /* FAQ */
    .faq .label {padding:1.5rem 4rem 1.5rem 6.5rem}
    .faq .label::before {top:1rem}
    .faq .label::after {right:1rem; bottom:1rem}
    .faq .group.active .item {padding: 2rem 0 2rem 6rem}
    .faq .item {padding:0 1rem 0 6.5rem}
    .faq .item::before {display:none}
    .faq .item::after {left:1.5rem}

    .faq .file .list li {padding:0}
    .faq .file .list .link {position:relative; right:auto; left:0; display:block; margin-top:.5rem}
    .faq .file .list .txt {display:none}

    /* PDF형 */
    .board_pdf {display:inline-block; width:calc(100% + 0px)}
    .board_pdf > * {clear:none; float:left; width:calc(50% - 0px); margin-right:0px}
    .board_pdf > *:nth-child(n + 3) {margin-top:0px}
    .board_pdf > *:nth-child(2n + 1) {clear:both}

    /* 달력형 */
    #calendar .fc-view-container .fc-day-header {padding:0.5rem 0}
    #calendar .fc-view-container .fc-day-number {font-size:1.2rem; padding:0.5rem 0 0 0.5rem}
    #calendar .fc-view-container .fc-day-grid-event .fc-title {font-size:1.4rem}
    #calendar .fc-view-container .fc-row .fc-content-skeleton {padding-bottom:0}
    #calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container {padding:0.15rem 0 0}
    #calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td {height:3rem}
    #calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td.fc-event-container {height:auto}
}

@media (max-width:360px)
{
	/* 썸네일 게시판 */
	.gallery_list .desc span { display: block; }
	.gallery_list .desc span::before { display: none !important; }

    /* 이북형 */
    .board_ebook li {padding:1.5rem 0}
    .board_ebook .thumb {width:14rem; height:20rem}
    .board_ebook .group {width:calc(100% - 16rem); height:19rem}
    .board_ebook .desc {max-height:5.1rem}

    /* PDF형 */
    .board_pdf .btn a {display:block; float:none; width:100%}
    .board_pdf .btn a + a {float:none; margin-top:0.5rem}
}

/*사업안내 > 도시개발 > 사업대상*/
.board-list.mp2 .thum {display:block; border-radius:0.5rem; height:8rem; overflow:hidden}
.board-list.mp2 .thum img {display:block; width:100%; min-height:100%; object-fit:cover}
@media (max-width:1023px) {
	.board-list.mp2 tr {padding:4rem 0 4rem 17rem; height:18.5rem}
	.board-list.mp2 td {display:block; padding-left:8rem; position:relative}
	.board-list.mp2 td:before  {position:absolute; left:0; color:#000; font-weight:500}
	.board-list.mp2 td:after {display:none}
	.board-list.mp2 td[aria-label="조감도"] {padding:0; position:absolute; left:0}
	.board-list.mp2 td[aria-label="조감도"]:before {display:none}
	.board-list.mp2 .thum {height:10rem; width:15rem}
}

/*사업안내 > 주택건설 > 사업대상*/
.board-form.mp3 td.thum {position:relative; text-align:center; min-height:25rem}
.board-form.mp3 td.thum:after {content:''; background:#f7f7f7 url('/main/img/sub/sub01/thum-bg.png') no-repeat center; border-radius:1rem; width:calc(100% - 2rem); height:calc(100% - 2rem); position:absolute; left:1rem; top:1rem; z-index:-1}
.board-form.mp3 td.thum .img {display:block; border-radius:0.5rem; margin:0 auto 1rem; max-width:80%; overflow:hidden}
.board-form.mp3 td.thum .img img {display:block; width:100%; height:100%}
.board-form.mp3 td.thum .form_file {position:absolute; left:50%; top:50%; margin-top:5rem; transform:translate(-50%, -50%); text-align:center; z-index:1}
.board-form.mp3 td.thum .form_file input {width:5rem; height:3rem}
.board-form.mp3 td.thum .form_file .txt {color:#777; font-size:1.3rem; display:block; float:none; width:80%; height:auto; padding:0; overflow:inherit; text-align:center; margin:0 auto;  line-height:1.2}
.board-form.mp3 td.thum .form_file .txt::before {content:'등록'; border:1px solid #006bb7; border-radius:0.3rem; color:#006bb7; font-size:1.3rem; height:3rem; line-height:3rem; padding:0 1rem; width:auto; left:50%; transform:translateX(-50%); transition:all .2s}
.board-form.mp3 td.thum .form_file input:hover .txt::before {background-color:#006bb7; color:#fff}
.board-form.mp3 td.thum .thumb-img{position:absolute; top:1rem; left:0; width:100%; height:100%; padding-top:100%}
.board-form.mp3 td.thum .thumb-img:after {content:''; background:#f7f7f7 url('/main/img/sub/sub01/thum-bg.png') no-repeat center 40%; border-radius:1rem; width:calc(100% - 2rem); height:calc(100% - 2rem); position:absolute; left:1rem; top:0}

.board-view.map .biz-con {margin-top:-3rem; margin-bottom:5rem}
.board-view.map .biz-con ul {border-radius:1rem; overflow:hidden; padding:2rem; display:flex; flex-wrap:wrap; width:100%}
.board-view.map .biz-con li {width:50%}
.board-view.map .biz-con li i {background-color:#2c3b66; border-radius:100%; color:#fff; width:3rem; height:3rem; line-height:3rem; text-align:center; margin-right:1rem}
.board-view.map .biz-con li strong {display:inline-block; margin-right:2rem}
.board-view.map .biz-con li span {display:inline-block; padding-top:0.3rem; vertical-align:top}

@media (max-width:1023px) {
	.board-view.map .biz-con li {width:100%}
	.board-view.map .biz-con li + li {margin-top:1rem}
	.board-view.map .biz-con li strong {width:12rem}
	.board-view.map .biz-con li span {width:calc(100% - 14rem)}
}

/*분양임대보상안내 > 분양안내 > 분양물건*/
.board-list.show-link td a {position:relative}
.board-list.show-link td a:after {content:''; border:1px solid #ccc; border-radius:100%; display:inline-block; font-size:1.2rem; font-family:'xeicon'; margin-left:0.5rem; width:1.5rem; height:1.5rem; line-height:1.5rem; vertical-align:0}

@media (max-width:1023px) {
	/*분양임대보상안내 > 분양안내 > 분양물건*/
	.board-list.show-link td {display:block; padding-left:10rem}
	.board-list.show-link td:before {position:absolute; left:0}
	.board-list.show-link td:after {display:none}

	/*분양임대보상안내 > 임대안내 > 임대현황*/
	.board-list.map td {display:block; padding-left:10rem}
	.board-list.map td:before {position:absolute; left:0}
	.board-list.map td:after {display:none}

	/*정보마당 > 정보공개 > 사전정보공표*/
	.board-list.inf td {display:block; padding-left:8rem}
	.board-list.inf td:before {position:absolute; left:0}
	.board-list.inf td:after {display:none}
}

@media (max-width:640px) {
	/*사업안내 > 도시개발 > 사업대상*/
	.board-list.mp2 tr {padding:4rem 0 3.5rem; height:auto}
	.board-list.mp2 td[aria-label="조감도"] {position:relative}
	.board-list.mp2 .thum {width:100%; height:19rem; margin-bottom:2rem}

	/*사업안내 > 주택건설 > 사업대상*/
	.board-form.mp3 td.thum {margin-top:0; margin-bottom:2rem; padding-bottom:2rem}
	.board-form.mp3 td.thum:before {content:''; width:calc(100% + 2rem); height:1px; background-color:#ddd; position:absolute; left:-1rem; bottom:0}
	.board-form.mp3 td.thum:after {width:100%; left:0; top:0}
	.board-form.mp3 td.thum .thumb_list {padding:2rem}
	.board-form.mp3 .form_textbox {width:100% !important}
	.board-form.mp3 .form_addr2 .form_textbox {width:calc(100% - 13rem) !important}
	.board-form.mp3 td.thum .form_file {margin-top:15rem}
}


/*사업안내 > 도시재생 > 도시재생뉴딜사업 > 사업대상*/
.board_view.MP4 {border-top:0}
.board_view.MP4 .dep02 {margin-top:7rem}
.board_view.MP4 .flex-box .title {color:#666; font-weight:normal; font-size:1.6rem}
.board_view.MP4 .flex-box .con {color:#000; font-weight:600; font-size:2rem}
.board_view.MP4 .contents {min-height:auto}
@media (max-width:1023px) {
	/*사업안내 > 도시재생 > 도시재생뉴딜사업 > 사업대상*/
	.board-list.mp4 td {display:block}
	.board-list.mp4 td[aria-label="사업명"]::before {display:none}
	.board-list.mp4 td::after {display:none}
}

@media (max-width:1023px) {
	/*고객센터 > 신기술 특허 마당*/
	.board-list.mbl-block td {display:block}
	.board-list.mbl-block td::after {display:none}
}