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

/* 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; background-color:#352666; border-color:#ddd; border-bottom-color:#aaa; font-weight:500; color:#fff; 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 th.fc-sat {color:#63bcff}
#calendar .fc-view-container .fc-sat {color:#1a57c7}
#calendar .fc-view-container th.fc-sun {color:#fd6c7d}
#calendar .fc-view-container .fc-sun {color:#f34e72}
#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}
#calendar .fc-event, #calendar .fc-event:hover{color:#524d62 !important}
#calendar .fc-event, #calendar .fc-event-dot {background-color:rgba(113,25,174,0.2) !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)}

@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) 
{
    /* 이북형 */
    .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} 
}

/*이루다스포츠기획*/
.fc .fc-button-group > .fc-button {border:1px solid #2c3e50; border-radius:0.5rem !important; background-color:#fff; color:#2c3e50; margin-left:0.5rem !important}
.fc-theme-standard th {background-color:#352666; color:#fff; font-weight:500; height:5.5rem; line-height:5.5rem}
.fc-theme-standard th.fc-day-sun {color:#fd6c7d}
.fc-theme-standard th.fc-day-sat {color:#63bcff}
.fc-theme-standard td.fc-day-sun {color:#f34e72}
.fc-theme-standard td.fc-day-sat {color:#1a57c7}
.fc-theme-standard td.fc-day {color:#333}
.fc .fc-daygrid-day-top {flex-direction:inherit !important; padding:0 5px}
.fc .fc-daygrid-day.fc-day-today {background-color:#fff !important; position:relative}
.fc .fc-daygrid-day.fc-day-today:before {content:''; width:100%; height:100%; border:1px solid #352666; position:absolute; left:0; top:0}
.fc .fc-non-business {background-color:#fff !important}
.fc-h-event {background-color:rgba(113,25,174,0.2) !important; border:0 !important; margin:2px 0; padding:0 0.8rem}
.fc-event-title {color:#524d62 !important; font-size:1.4rem}
.fc-day-other {background-color:#f6f7fa !important}
.fc-day-other .fc-non-business {background-color:#f6f7fa !important}
.fc-day-other .fc-daygrid-day-top {color:#aaa; opacity:1 !important}