@import url(./base.css);
@import url(./common.css);
@import url(./popup.css);
@import url(./swiper.css);
@import url(./lotte_stay.css);
@import url(./main.css);
@import url(/resources/common/core/3rd/jquery-ui/1.14.1/jquery-ui.min.css);


[class*=-wrap] {width:min(calc(var(--contents-width) + (var(--contents-padding) * 2)),100%);padding-left:var(--contents-padding);padding-right: var(--contents-padding);margin:0 auto;}

.scroll-disable {overflow: hidden;}
.contents-wrap {padding-bottom:16rem;padding-top:10rem;}
.contents-section ~ .contents-section {margin-top:var(--section-gap)}
.block-section + .block-section {margin-top:var(--block-gap)}

@media screen and (max-width:768px) {
    .contents-wrap {padding-bottom:8rem;padding-top:5.6rem;}
}

/** 이용안내 /서비스 board **/

[class*=list-type] > li:first-child {border-top:solid 1px var(--input-border)}
[class*=list-type] > li:first-child:has(.nodata) {border-top-color:var(--line-border)}
[class*=list-type] > li {border-bottom:solid 1px var(--line-border);padding:1.6rem 2.0rem;}
[class*=list-type] > li > a {display: flex;justify-content: space-between;align-items: center;font-weight:700;}
[class*=list-type] > li a .date {color:var(--gray5);font-weight:400;}
[class*=list-type] > li a .list-title {display: flex;gap:2.0rem;align-items: center;}
[class*=list-type] > li a .list-title .icon--notice {margin-right:-1.2rem;}
[class*=list-type] > li a .list-title strong {color:var(--secondary)}
[class*=-title] .badge {font-size:1.2rem;line-height:2.2rem;padding:0 1.2rem;text-align: center;min-width:12rem;background-color:#F9F7F5 ;color:var(--gray5);font-weight:700;display: inline-block;border-radius: 4px;}

:where(.list-type--service, .list-type--board) > li {display: flex;align-items: center;gap:2.0rem;}
[class*=list-type] [class*=unit-] {text-align:center;color:var(--gray5);flex:none;}
[class*=list-type] .unit-no {width:6.0rem;}
[class*=list-type] :where(.unit-stay, .unit-120) {width:12.0rem;}
[class*=list-type] .unit-title {width:100%;text-align:left;flex-shrink:1 !important;color:var(--basic)}
[class*=list-type] .unit-terms {width:30.0rem;}
[class*=list-type] .unit-etc {width:8.0rem;}
[class*=list-type] .unit-btn {width:13.0rem;}
[class*=list-type] .unit-date {width:10.0rem;}
[class*=list-type] .unit-100 {width:10.0rem;}
[class*=list-type] .unit-150 {width:15.0rem;}
[class*=list-type] .unit-200 {width:20.0rem;}
[class*=list-type] .unit-25p {width:calc(25% - 1.3rem);}
[class*=list-type] .unit-title .date {margin-top:.4rem;display: block;}
.list-type--board > li .unit-title {font-size:var(--font-basic);font-weight:700;}
.list-type--board > li a .unit-title {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


.list-type--board.accordion > li.accordion-item {padding:0;display: block;}
.list-type--board.accordion > li.accordion-item > a {display: flex;width:100%;padding:1.6rem 2.0rem;align-items: center;justify-content: space-around;font-weight:400;}
.list-type--board.accordion > li .unit-title {color:var(--basic)}
.list-type--board.accordion .accordion-cont {background-color: var(--gray-bg);padding:0 2.0rem;padding-left:12rem;}
.list-type--board.accordion .accordion-cont > div {display: flex;width:100%;padding:0;align-items: center;justify-content: space-around;}
.list-type--board.accordion .accordion-cont > div + div {border-top:solid 1px var(--line-border);}
.list-type--board.accordion .accordion-cont > div > div {padding-top:1.6rem;padding-bottom:1.6rem;}
.list-type--board.accordion .accordion-cont > div .unit-title {line-height:1.6;}
.list-type--board.accordion .accordion-cont .admanswer > div {height:100%;display:flex;align-items: center;justify-content: center;}
.list-type--board.accordion .accordion-cont .admanswer > div.unit-title {justify-content: flex-start;}
.list-type--board.accordion .accordion-cont .admanswer > div:first-of-type {border-top:0;}
.list-type--board.accordion .accordion-cont .admanswer .unit-title {gap:2.0rem;align-items: flex-start;}
.list-type--board.accordion .accordion-cont .myquestion {position: relative;}
.modify-area {position: absolute;right:0;top:0;}
.modify-area > button {width:2.4rem;height:2.4rem;text-align: center;color:var(--placeholder);font-size:2rem}
.modify-area .modify-btn {position: absolute;right:0;top:5.0rem;background-color: #fff;border-radius: 2px;box-shadow: 0px 2px 12px 0px #0000001A;width:9.4rem;padding:1.2rem 1.6rem;display:none}
.modify-area .modify-btn button {color:var(--gray5);font-size:var(--font-s)}
.modify-area .modify-btn button:hover {color:var(--primary)}
.modify-area .modify-btn button + button {margin-top:.8rem}
[class*=list-type--] li:has(.nodata) {border-bottom:0;padding:0;}

[class*=list-type] > li.thead {border-top:solid 1px var(--basic);border-bottom:solid 1px var(--basic);}
[class*=list-type] > li.thead > [class*=unit-] {text-align:center !important;font-weight:700;color:var(--basic)}

.nodata {text-align: center;font-size:var(--font-m);line-height:1.5;color:var(--gray);display: flex;justify-content: center;width:100%;padding:var(--block-gap);flex-direction: column;align-items: center;}
.nodata.big {font-size:var(--font-l);}
.nodata strong {color:var(--secondary)}

.paging {margin-top:4.0rem;display: flex;justify-content: center;gap:.8rem;position: relative;}
.paging a {height:4rem;width:4rem;display: inline-flex;justify-content: center;align-items: center;color:var(--gray5);font-weight:700;border-radius: 4px;border:solid 1px var(--line-border)}
.paging a.current {color:#fff;background-color: var(--primary2);border-color:var(--primary2)}
.paging a.prev,
.paging a.next {border:0;}
.paging a.prev i {transform: rotate(180deg);}
.paging a .icon--arrow {background-color: var(--placeholder);}
.paging .btn-right {position: absolute;right:0;top:0;}

.detail-title {padding-bottom:var(--block-gap);}
.detail-title .badge {margin-bottom:1.6rem;display: inline-block;}
.detail-title p {font-size:4.0rem;line-height:1.5;font-weight:700;}
.detail-title .date {margin-top:.8rem;color:var(--gray5);display: inline-block;}
.detail-contents {padding:var(--block-gap);color:var(--gray5);border-top:solid 1px #000;}
.detail-attach {background-color: var(--gray-bg);padding:1.5rem 2.0rem;color:var(--gray5);}
.detail-attach a {display: flex;align-items: center;gap:.8rem;}
.detail-attach a .icon--download {margin-left:.4rem;}
.detail-otherlink {border-top:solid 1px rgba(0,0,0,.12);border-bottom:solid 1px rgba(0,0,0,.12);padding:2.0rem 1.6rem;display: flex;justify-content: space-between;gap:12rem;}
.detail-otherlink  > div {display: flex;align-items: center;font-size:1.8rem;gap:3.2rem;color:#999;width:50%}
.detail-otherlink  > div .dir {flex-shrink:0;font-size:2.4rem;line-height:1.4166;font-weight:500;display: inline-flex;align-items: center;gap:1.2rem;}
.detail-otherlink  > div:has(a) {color:var(--gray5)}
.detail-otherlink  > div:not(:has(a)) i {background-color: #999;}
.detail-otherlink  > div.prev {order:2}
.detail-otherlink  > div.prev {justify-content: flex-end;order:1;}
.detail-otherlink  > div.prev i {transform: rotate(180deg);}
.detail-otherlink  > div.prev .dir {order:2;}
.detail-otherlink  > div.prev .dir i {order:2;}
.detail-otherlink  > div a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.box-border {border:solid 1px var(--line-border)}
.box-border.contactus {padding:8.0rem;}
.box-border.contactus + .box-border {padding-top:4.0rem;margin-top:-4.0rem;background-color: #fff;}
.box-border.contactus .btns {margin-top:0;}
.contactus .tit-heading32 {margin-bottom:.8rem;}
.contactus .checkbox {color: var(--placeholder)}
.captcha-box {width:min(60rem, 100%);margin:0 auto;}
.captcha-box .agree + .captcha {margin-top:var(--block-gap)}
.btn-agree {width:7.3rem;height:2.4rem;border:solid 1px var(--line-border);border-radius: 4px;font-size:1.2rem;color:var(--placeholder);line-height:1em}
.captcha.nobg {display: flex;align-items: center;gap: 12px;padding: 10px 12px;border: 1px solid #e7e7e9;border-radius: 10px;background: #fafafa;}
.captcha.nobg .form-unit {width:calc(100% - 24px);margin-left:20px;}
.captcha.nobg .form-unit .form-element{border:1px solid #e0e0e4;}
.captcha.nobg .BDC_CaptchaDiv {position:relative;}
.captcha.nobg .BDC_CaptchaIconsDiv {position:absolute;}

.form-element .agree button.underline {font-size:1.8rem;font-weight:500;}
.form-element.w-50p {width:50%;}
.box-border.contactus .agree + .btns {margin-top:var(--block-gap)}
.bordertb {border-top:solid 1px var(--line-border);border-bottom:solid 1px var(--line-border);padding:4.0rem 0;}

.pc-view .mob-btn2 button + button {margin-left:.4rem}

@media screen and (max-width:768px) {
    [class*=list-type] > li {padding:1.6rem 0;gap:0;font-size:1.4rem;}
    [class*=list-type] > li a {justify-content: flex-start;align-items: flex-start;flex-direction: column;}
    [class*=list-type] > li a .date {margin-top:2.0rem;font-size:1.4rem;}
    [class*=list-type] > li a .list-title {display:block;}
    [class*=list-type] > li a .list-title .icon--notice {margin-right:-.2rem;}

    [class*=list-type]:not(.list-type--notice) > li.thead {display: none !important;}
    [class*=list-type]:not(.list-type--notice) > li {position: relative;/*flex-direction: column;*/display: block;}
    [class*=list-type] .m-hide {display: none !important;}
    [class*=list-type] > li.thead + li {border-top:solid 1px var(--basic)}
    [class*=list-type] [class*=unit-] {box-sizing:border-box;padding:0;width:100%;order:10;display: flex;width:100%;order:5}
    [class*=list-type] [class*=unit-].order1 {order:1;}
    [class*=list-type] [class*=unit-].m-title {padding:0;margin-bottom:1.6rem;order:2;font-size:1.6rem;font-weight:700;}
    [class*=list-type] [class*=unit-].m-title a {padding:0;font-size:1.6rem;font-weight:700 !important;}
    [class*=list-type] [class*=unit-] [class*=btn--].small {width:auto;margin-top:0}
    [class*=list-type] [class*=unit-].btn-mflex {width:calc(50% - .2rem);display: inline-flex;white-space: nowrap;margin-top:1.6rem;padding:0 .2rem}
    [class*=list-type] [class*=unit-].btn-mflex [class*=btn--] {width:100%;}
    [class*=list-type] [class*=unit-].dp-m--block {display: block;}
    [class*=list-type] [class*=unit-].m-badge {margin-bottom:.4rem;}

    [class*=list-type] .m_ab_right {position: absolute;right:0;bottom:1.6rem;width:unset}

    .nodata, .nodata.big {padding:1.6rem 0;font-size:1.6rem;}

    [class*=list-type] [class*=unit-] .unit-dl {justify-content: space-between !important;padding:.4rem;gap:2.0rem}
    [class*=list-type] [class*=unit-] .unit-dl .dt {flex:none}
    [class*=list-type] [class*=unit-] .unit-dl .dd {text-align: right;}
    [class*=list-type] [class*=unit-] .unit-dl:has([class*=btn--]) {align-items: center;}
    [class*=list-type] [class*=unit-] .unit-dl.left {justify-content: flex-start !important;}
    [class*=list-type] [class*=unit-] .unit-dl.left > .dd {text-align: left;}
    [class*=-title] .badge {min-width:unset;margin-bottom:.8rem;display: inline-block;}
    [class*=list-type] .tag--xxs {margin-bottom:.8rem;}
    [class*=list-type] [class*=btn--].small.mw-100p {margin-top:2.0rem}
    [class*=list-type] [class*=unit-].mob-fl {display: inline-flex;width:auto;margin-right:.8rem}
    [class*=list-type] [class*=unit-].mob-btn2 {margin-top:2.0rem;gap:.8rem}
    [class*=list-type] [class*=unit-].mob-btn2 button {width:100%}

    .list-type--board.accordion > li.accordion-item > a {padding:2.0rem 0;display: block;}
    .list-type--board.accordion .accordion-cont {padding:0 2.0rem;}
    .list-type--board.accordion .accordion-cont > div {display: block;padding:2.0rem 0;}
    .list-type--board.accordion .accordion-cont > div > div {padding:0;}
    .list-type--board.accordion .accordion-cont .admanswer > div.unit-title {display: block;margin-bottom:2.0rem}
    .list-type--board.accordion .accordion-cont .admanswer > div:not(.unit-title) {font-size:1.4rem;display: inline-block;width:auto;margin-right:.8rem}

    .list-type--board > li a .unit-title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;}

    .detail-title {padding-bottom:1.2rem;}
    .detail-title .badge {margin-bottom:.8rem;}
    .detail-title p {font-size:2.4rem;line-height:1.416;}
    .detail-title .date {margin-top:1.6rem;}
    .detail-title .date:before {width:1.6rem;height:1.6rem;margin-top:-.8rem;}
    .detail-contents {padding:4.0rem 0;}
    .detail-attach {padding:.8rem 1.6rem;}
    .detail-attach a i {flex:none;}
    .detail-attach a span {width:100%;font-size:1.4rem;}

    .detail-otherlink {margin-top:4.0rem;gap:0;flex-direction: column;padding:0;gap:0;}
    .detail-otherlink  > div {font-size:1.4rem;gap:0;padding:1.4rem 0;width:100%;}
    .detail-otherlink  > div .dir {font-size:1.4rem;line-height:1.4166;gap:.4rem;flex:none;}
    .detail-otherlink  > div i {display: none;}
    .detail-otherlink  > div .dir {order:1;font-weight:700;padding-right:1.2rem;}
    .detail-otherlink  > div .dir + * {order:2;}
    .detail-otherlink  > div.prev {justify-content: flex-start;border-top:solid 1px var(--line-border)}

    .box-border.contactus {padding:0;border:0;}
    .box-border.contactus .tit-heading32 + p {font-size:1.4rem;}
    .box-border.contactus + .box-border {margin-top:4.0rem;padding-top:2.0rem;border-top:solid 1px var(--line-border)}
    .captcha-box .agree + .captcha {margin-top:2.0rem;}

    .paging:has(.btn-right) {flex-wrap: wrap;}
    .paging .btn-right {position: relative;text-align: right;width:100%;margin-top:4.0rem}
    .paging .btn-right .btn--basic.small {height:4.0rem}

    .badge-group + a {margin-top:1.6rem}
    .list-type--board.accordion .accordion-cont .myquestion:has(.modify-area) {padding-top:4.0rem}
    .modify-area {right:-1rem}
    .modify-area > button {margin-top:1rem}
    .modify-area .modify-btn {top:4rem}
}

/** 단지정보 **/
.list-stay {display:grid;grid-template-columns: repeat(3,1fr);column-gap: 4.0rem;row-gap: 4.0rem;}
.list-stay > li .list-stay--unit {box-shadow:0 4px 12px 0 rgba(0,0,0,.12);height:100%;display: flex;flex-direction: column;}
.list-stay--unit .thumb-box {position: relative;}
.list-stay--unit .thumb-box .bookmark {position: absolute;right:1.6rem;top:1.6rem;font-size:1.4rem;line-height:2.0rem;font-weight:700;color:#fff;display: flex;align-items: center;gap:.2rem;padding:1rem;background-color: rgba(255,255,255,.08);border:solid 1px rgba(255,255,255,.6);border-radius: 4px;box-shadow: 0 0 4px 0 rgba(0,0,0,.12);justify-content: center;}
.list-stay--unit .thumb-box .bookmark.on {background-color: rgba(255,255,255,.6);border-color:#fff;color:var(--basic)}
.list-stay--unit .thumb-box .bookmark.on .icon--bookmark {background-image: url(/resources/common/publish/images/common/icon-bookmarkon.svg)}
.list-stay--unit .thumb-box  .img {position: relative;height:0;padding-bottom:67.9%;overflow: hidden;}
.list-stay--unit .thumb-box  .img img {position: absolute;left:50%;top:0;height:100%;width:auto;transform: translateX(-50%);}
.thumb-box .status-group {position: absolute;left:2.0rem;bottom:0;}
.thumb-box .status-group > span {float:left;font-size:1.2rem;line-height:2.2rem;color:#fff;padding:.4rem .8rem;background-color: #001477;font-weight:700;}
.thumb-box .status-group .status-1 {background-color: #252525;}
.thumb-box .status-group .status-2 {background-color: var(--primary);}
.list-stay--unit .summary-box {padding:2.0rem 2.0rem 0 2.0rem;line-height:1.416}
.list-stay--unit .btn-group {margin-top:auto;padding:2.0rem;display: grid;gap:.8rem;grid-template-columns: 1fr 1fr;}
.list-stay--unit .btn-group [class*=btn--] {width:100%;}
.list-stay--unit .btn-group [class*=btn--].btn--basic {grid-column:1 / 3;}
.list-stay--unit .summary-box .stay-name {padding-bottom:2.0rem;border-bottom:solid 1px var(--line-border)}
.list-stay--unit .summary-box .stay-name p {color:var(--gray);margin-top:.8rem;line-height: 2.0rem;}
.list-stay--unit .summary-box .stay-name strong {font-size:2.4rem;line-height:2.9rem;}
.list-stay--unit .summary-box ul {display: flex;flex-wrap:wrap;margin-top:2.0rem;}
.list-stay--unit .summary-box ul > li {width:100%;font-size:1.4rem;line-height:2.0rem;display: flex;}
.list-stay--unit .summary-box ul > li + li {margin-top:.8rem}
.list-stay--unit .summary-box ul > li .dt {color:var(--gray);width:7.2rem;padding-left:6px;position: relative;flex:none}
.list-stay--unit .summary-box ul > li .dt:before {content:"";position: absolute;left:0;top:.5em;width:2px;height:2px;background-color: #000;}

.textarea {overflow-y:auto;padding:2rem;height:12rem;border:solid 1px var(--basic);border-radius: 4px;}
.textarea::-webkit-scrollbar {width:4px;height:4px;}
.textarea p + ul {margin-top:1.2rem;}
.agree-between {display: flex;justify-content: space-between;}
.boxtable {border:solid 1px var(--line-border);border-bottom:0;display: grid;grid-template-columns: 1fr 1fr;}
.boxtable > div {padding:.8rem 1.6rem;line-height:1.6;border-bottom:solid 1px var(--line-border)}
.boxtable > div:nth-child(even) {border-left:solid 1px var(--line-border);}
.info-box--gray {background-color: var(--gray-bg);border-radius: 4px;padding:2.0rem;color:var(--gray5);margin-bottom: var(--block-gap-s)}

@media screen and (max-width:768px) {
    .list-stay {display: block;}
    .list-stay > li .list-stay--unit {height:auto;display: block;}
    .list-stay > li + li {margin-top:4.0rem;}
    .list-stay--unit .summary-box .stay-name strong {font-size:2.0rem;}
    .list-stay--unit .summary-box .stay-name p {font-size:1.4rem;margin-top:4px}
    .list-stay--unit .summary-box ul {display: block;}
    .list-stay--unit .summary-box ul > li + li {margin-top:4px;}
    .list-stay--unit .thumb-box .bookmark {padding:1.1rem;right:1.2rem;top:1.2rem;}
    /* .list-stay--unit .thumb-box .bookmark.type2 {width:3.2rem;height:3.2rem;}
    .list-stay--unit .thumb-box .bookmark.type2 i {width:2.0rem;height:2.0rem;} */
    .list-stay--unit .summary-box ul > li .dt {width:7rem;}

    .more-data {display: flex;align-items: center;justify-content: center;gap:.4rem;color:var(--gray);height: 3.6rem;}
    .more-data span {margin:0 !important}
    .textarea {padding:1.2rem;height:12rem;}
    .agree-between {display: block;}
    .agree-between p {margin-bottom:.8rem;}
    .boxtable {display: block;}
    .boxtable > div:nth-child(even) {border-left:0;}
}

/** 서비스 안내 **/

.unit-dl {display: flex;justify-content: center;}
.unit-dl > .dt {display: none;}

.badge-group {display: flex;gap:.4rem;align-items: center;}
.badge-group .badge-small {height:2.2rem;display:flex;align-items: center;background-color: var(--primary);padding:0 .8rem;font-weight:700;font-size:1.2rem;border-radius: 2px;color:#fff;line-height:1em;border-radius:4px;}
.badge-group .badge-small.type2 {background-color: var(--gray5);}
.badge-group .badge-small.type3 {background-color: var(--placeholder);}
.badge-group .badge-small.type4 {background-color: #fff;color:var(--primary2);border:solid 1px var(--primary2)}
.badge-group .badge-small.type5 {background-color: #fff;color:var(--gray);border:solid 1px var(--gray)}
.badge-group .badge-small.type6 {background-color: #fff;color:var(--primary);border:solid 1px var(--primary)}
.badge-group + a {margin-top:1.6rem;display: block;margin-top:.8rem;font-size:var(--font-m);font-weight:700;}
.badge-group .category {margin-left:1.2rem;}

.badge-rect {background-color:var(--basic);height:2.2rem;border-radius: 2px;color:#fff;padding:0 .8rem;display: inline-flex;align-items: center;font-size:var(--font-xs);font-weight:700;}
.badge-rect.gray {background-color: var(--gray);}

.service-etc {display: grid;grid-template-columns: repeat(4,1fr);gap:var(--block-gap);}
.service-etc--unit > a {display: block;}
.service-etc--unit > a .thumb {position: relative;padding-top:68.76%;height:0;overflow:hidden;}
.service-etc--unit > a .thumb img {position: absolute;left:0;top:0;width:100%;height:100%;}
.service-etc--unit dl {margin-top:var(--block-gap)}
.service-etc--unit dt {font-weight:700;font-size:var(--font-m)}
.service-etc--unit dd {color:var(--gray5);margin-top:.8rem;line-height:1.5}
.service-etc--view {text-align: center;border-top:solid 1px var(--basic);border-bottom:solid 1px var(--line-border);padding:var(--block-gap)}
.thumb + .service-etc--summary {margin-top:var(--block-gap)}
.service-etc--summary .tit {font-weight:700;font-size:var(--font-l);}
.service-etc--summary .desc {line-height:1.6}
.service-etc--summary .tit + .desc {margin-top:var(--block-gap-s)}

.service-detail--summary {display: flex;justify-content: space-between;gap:min(6rem,3.5%);margin-bottom:8.0rem}
.service-detail--summary :where(.thumb, .summary) {width:50%}
.service-detail--summary .summary {padding-left:2rem;display: flex;flex-direction: column;}
.summary-title {border-bottom:solid 1px var(--basic);padding-bottom:2rem;}
.summary-title .title {font-weight:700;font-size:var(--font-xl);margin-top:2.0rem;}
.summary-title .badge-group .category {color:var(--gray)}
.summary-list dl {display:flex;flex-wrap: wrap;padding-bottom:var(--block-gap);padding-top:.4rem;}
.summary-list :where(dt, dd) {margin-top:1.6rem;}
.summary-list dt {flex:none;width:max(6.0rem, 19%);font-weight:700;}
.summary-list dd {width:min(calc(100% - 6.0rem), 81%);color:var(--gray5)}
.summary .btns {margin-top:auto;}

.anchor-box {display: flex;margin-bottom:var(--block-gap)}
.anchor-box > li {width:50%;}
.anchor-box > li a {display: flex;justify-content: center;align-items: center;border:solid 1px #E0E0E0;height:4.8rem;color:var(--gray);}
.anchor-box > li a.active {color:var(--primary);font-weight:700;background-color: var(--secondary-bg);border-color:var(--primary);border-radius:4px 4px 0 0;}
.comment-write {margin-top:var(--block-gap);}
.comment-write textarea {background-color: #fff;border:solid 1px var(--line-border);padding:2rem;height:10rem;border-radius: 4px;vertical-align: top;}

.dp-flex--between:has(.tab-list--self) {margin-bottom:var(--block-gap-s)}

.write-qna {padding:var(--block-gap) 0;border-top:solid 1px var(--basic);border-bottom:solid 1px var(--line-border);}
.write-qna.noborder {border-bottom:0;padding-bottom:0;}
.write-qna--box {display: flex;flex-wrap:wrap;row-gap: 2rem;margin:0 -1rem}
.write-qna--box > div {width:50%;padding:0 1rem;}
.write-qna--box.col3 > div {width:calc(100% / 3);}
.write-qna--box > div.w-d3 {width:calc(85% / 3)}
.write-qna.type-view {display: block;padding:0;border-bottom:0;}
.write-qna.type-view dl {display: flex;flex-wrap:wrap;line-height:1.6;}
.write-qna.type-view :where(dt, dd) {border-bottom:solid 1px var(--line-border);padding:1.6rem 2.0rem;}
.write-qna.type-view dt {font-weight:700;width:12rem;}
.write-qna.type-view dd {width:calc(100% - 12rem);color:var(--gray5)}
/* .write-qna.type-view dd.contents {min-height:14.6rem;} */
.dp-flex:has(.icon--guide.black) {align-items: center;gap:.4rem;margin-bottom:.8rem}
.dp-flex:has(.icon--guide.black) .label {margin-bottom:0;}

.communit-facility--img img {width:100%;}
.communit-facility--map {background-color: var(--gray-bg5);padding:4.0rem;display: flex;gap:min(7.0rem,5%);}
.communit-facility--map dl {width:calc(100% / 3)}
.communit-facility--map dt {font-size:var(--font-m);font-weight:700;padding-bottom:var(--block-gap-s);border-bottom:solid 1px var(--line-border);}
.communit-facility--map dd {margin-top:var(--block-gap-s);display: flex;gap:.8rem;}
.communit-facility--map dd .num {width:2.4rem;height:2.4rem;background-color: var(--primary);border-radius: 50%;display: inline-flex;align-items:center;justify-content: center;color:#fff;font-weight:700;font-size:var(--font-s);flex:none}
.communit-facility--map dl:nth-child(2) dd .num {background-color: #81B0C6;}
.communit-facility--map dl:nth-child(3) dd .num {background-color: var(--placeholder);}

.write-qna--box.maxlength {border:solid 1px var(--basic);border-radius:4px;padding:4rem;margin:0}
.write-qna--box.maxlength textarea {border:0;height:17.5rem;padding:0;}
.write-qna--box.maxlength .char {color:var(--gray)}
.write-qna--box.maxlength .char strong {color:var(--primary)}

.community-detail ul {row-gap:4.0rem;flex-wrap:wrap;margin:0 -2rem}
.community-detail li {width:calc(100% / 3);padding:0 2rem}
.community-detail li a {display: block;}
.community-detail li .text {margin-top:var(--block-gap-s);}
.community-detail li .text strong {font-size:var(--font-l)}
.community-detail li .text p {margin-top:.4rem;color:var(--gray5)}

@media screen and (max-width:768px) {
    .unit-dl.left {justify-content: flex-start;}
    .unit-dl > .dt {display: block;color:var(--placeholder)}

    [class*=mob--btn-]:has([class*=btn--]):before {display: none !important;}
    [class*=mob--btn-]:has([class*=btn--]) {padding:.8rem 0 0 0 !important;margin:0 !important;}
    [class*=mob--btn-]:has([class*=btn--]) [class*=btn--] {width:100%}

    .mob--btn-contract:has([class*=btn--]) {margin-top:1.2rem !important}
    .m-bookmark {position: absolute;right:0;top:.6rem;width:unset !important}
    .m-bookmark .btn--border.medium {border:0;margin-top:0 !important;}
    .m-bookmark .btn--border.medium strong {display: none;}

    .write-qna--box > div {width:50%;}
    .form-element.multi > div {width:calc(50% - 1.0rem)}

    .write-qna--box .form-element.multi {flex-wrap:wrap;}

    .communit-facility--map {padding:2.0rem;display: block}
    .communit-facility--map dl {width:100%;font-size:1.4rem;}
    .communit-facility--map dl + dl {margin-top:2.0rem;}
    .communit-facility--map dt {padding-bottom:.8rem;margin-bottom:2.0rem}
    .communit-facility--map dd {margin-top:0;gap:.4rem}
    .communit-facility--map dd + dd {margin-top:1rem;}
    .communit-facility--map dd .num {width:2.0rem;height:2.0rem;font-size:1.2rem}

    .community-detail ul {flex-direction: column;}
    .community-detail li {width:100%}
    .community-detail li .text {margin-top:1.6rem}
    .community-detail li .text strong {font-size:2.0rem}

    .service-etc {display: block;}
    .service-etc--unit + .service-etc--unit {margin-top:4.0rem;}
    .service-etc--unit dl {margin-top:1.6rem}
    .service-etc--unit dd {margin-top:.4rem;}

    .service-detail--summary {display: block;margin-bottom:4.0rem}
    .service-detail--summary :where(.thumb, .summary) {width:100%;}
    .service-detail--summary .thumb {margin-bottom:2.0rem;}
    .service-detail--summary .summary {padding:0;}
    .summary-title .title {margin-top:.8rem;}
    .summary-list dl {font-size:1.4rem;padding-top:1.6rem}
    .summary-list :where(dt, dd) {margin-top:.4rem;}

    .anchor-box {flex-wrap: wrap;}
    .anchor-box > li:nth-child(n+3) {margin-top:-1px;}
    .anchor-box > li:nth-child(even) {margin-left:-1px;}
    .anchor-box a.active {position: relative;z-index: 1;border-radius:2px 2px 0 0;}
    .anchor-box > li {width:calc(100% / 3);}
    .anchor-box.col-2 > li {width:calc(100% / 2);}
    .serviceClassWrap .anchor-box > li {width:calc(100% / 2);}

    .service-etc--view {padding-left:0;padding-right:0;}
    .write-qna {padding:2.0rem 0;}
    .write-qna--box.maxlength {padding:2rem;}
    .write-qna--box.maxlength textarea {height:21.4rem;}

    .write-qna.type-view {display: block;padding:0;border-bottom:0;}
    .write-qna.type-view dl {display: block}
    .write-qna.type-view dt {border-bottom:0;padding:1.6rem 0 0 0;width:100%;display: block;}
    .write-qna.type-view dd {width:100%;display: block;padding:.8rem 0 1.6rem 0;}
}

/** 계약관리 **/

.guide-txt {line-height:1.5;font-size:var(--font-m)}
.guide-txt + div {margin-top:2.4rem;}
.bgbox {background-color: #f8f8f8;padding:var(--block-gap);color:var(--gray5);word-break: keep-all;}
.bgbox.dp-flex {align-items: flex-start;}
.bgbox > div {width:50%;}
.interest-dl {position: relative;padding-left:4.8rem;}
.interest-dl dt {font-weight:700;font-size:var(--font-m);padding:.4rem 0 1.6rem;color:var(--basic);line-height:1.5}
.interest-dl:before {content:"";width:3.6rem;height:3.6rem;position: absolute;left:0;top:0;background: url(/resources/common/publish/images/content/interest_1.svg) no-repeat center center/cover;}
.interest-dl.icon02:before {background-image: url(/resources/common/publish/images/content/interest_2.svg)}
.interest-dl.icon03:before {background-image: url(/resources/common/publish/images/content/interest_3.svg)}
.interest-dl.icon04:before {background-image: url(/resources/common/publish/images/content/interest_4.svg)}
.interest-dl.icon05:before {background-image: url(/resources/common/publish/images/content/interest_5.svg)}
.interest-dl.icon06:before {background-image: url(/resources/common/publish/images/content/interest_6.svg)}
.interest-dl.icon07:before {background-image: url(/resources/common/publish/images/content/interest_7.svg)}
.interest-dl.icon08:before {background-image: url(/resources/common/publish/images/content/interest_8.svg)}
.interest-dl.icon09:before {background-image: url(/resources/common/publish/images/content/interest_9.svg)}
.interest-dl.icon10:before {background-image: url(/resources/common/publish/images/content/interest_10.svg)}
.interest-dl.icon11:before {background-image: url(/resources/common/publish/images/content/interest_11.svg)}
.interest-dl.icon12:before {background-image: url(/resources/common/publish/images/content/interest_12.svg)}
.interest-dl.icon13:before {background-image: url(/resources/common/publish/images/content/interest_13.svg)}
.interest-dl.icon14:before {background-image: url(/resources/common/publish/images/content/interest_14.svg)}
.interest-dl.icon15:before {background-image: url(/resources/common/publish/images/content/interest_15.svg)}

.bgbox.type2 .interest-dl dt {padding-top:0;}
.bgbox.type2 .interest-dl dt > span {color:var(--gray);font-size:1.4rem;display: block;line-height:2.4rem}

.contractor-info {display: flex;gap:2.0rem}
.contractor-info .thumb {flex:none;width:4rem;height:4rem;border-radius: 50%;overflow:hidden;}
.contractor-info .thumb img {width:100%;}
.contractor-info li:after {content:"";display: block;}
.contractor-info li {color:var(--basic);font-size:1.4rem;line-height:1.6}
.contractor-info li .dt {float:left;color:var(--gray);}
.contractor-info li .dt + span {padding-left:5em;display: block;}
.contractor-info li + li {margin-top:.4rem;}
.contract-summary {border-top:solid 1px var(--basic);border-bottom:solid 1px var(--line-border);display: flex;flex-wrap:wrap;}
.contract-summary > dl {width:50%;border-bottom:solid 1px var(--line-border);margin-bottom:-1px;padding:1.6rem 0;display: flex;gap:1.2rem;color:var(--gray5)}
.contract-summary dt {font-weight:700;color:var(--gray);width:32%;flex:none;}

.title-area {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom:var(--block-gap)}
.title-area .tit-heading32 {margin-bottom:0;}
.title-area .date-info {color:var(--gray5);display: flex;align-items: center;}
.title-area .date-info span {font-size:var(--font-s)}
.title-area .date-info strong {padding-left:.4rem;}
.title-area .date-info strong + span {padding-left:2.0rem;}

.mark-x {color:#EE2020;font-size:var(--font-s);margin-top:var(--block-gap-s);text-indent:-.75em;padding-left:.75em;}
.mark-x + .mark-x {margin-top:0;}
.check-confirm {background-color: #F8F8F8;padding:1.6rem 2.0rem;margin-top:-1px}
.check-confirm p {color:var(--gray5)}

.borderbox {border:solid 1px #E0E0E0;color:#333;padding:var(--block-gap);}
.borderbox .tit-h16 {margin-bottom:.8rem;color:var(--basic)}

.section-mg--minus {margin-top:-6rem;margin-bottom:-4rem;}
.manage-movein {display: flex;justify-content: space-between;gap:min(8rem,5.8444%);}
.manage-movein > div {border-top:solid 1px var(--basic);padding-top:1rem}
.manage-movein > .manage-movein--heading {width:20rem;flex:none;font-size:var(--font-m);}
.manage-movein--heading .no {display: block;color:var(--placeholder);margin-bottom:1rem;}
.manage-movein > .manage-movein--text {width:100%;display: flex;flex-wrap:wrap;row-gap: 2.0rem;column-gap: 10rem;padding-top:2.0rem;}
.manage-movein--text dl {width:100%;}
.manage-movein--text dl.w-auto {width:auto;}
.manage-movein--text dt {font-weight: 700;;}
.manage-movein--text dd {color:var(--gray5);margin-top:.8rem;}
.manage-movein--text dd .mark-x {font-size:1.6rem;color:var(--primary);margin-top:0;}
.manage-movein--text dd .list-dash li + li {margin-top:0}
.manage-movein--text dd .tit {display: block;margin:.8rem 0 .4rem}

.movein-activing {display: flex;gap:4.0rem;padding-top:1.2rem;padding-bottom:2.0rem;border-bottom:solid 1px var(--line-border)}
.movein-activing li {text-align: center;font-size:var(--font-s);color:var(--basic)}
.movein-activing li:before {content:"";display: block;margin:0 auto .8rem auto;width:10rem;height:10rem;background: url(/resources/common/publish/images/content/icon_movein_1.svg) no-repeat center center/cover;}
.movein-activing li:nth-child(2):before {background-image: url(/resources/common/publish/images/content/icon_movein_2.svg)}
.movein-activing li:nth-child(3):before {background-image: url(/resources/common/publish/images/content/icon_movein_3.svg)}
.movein-activing li:nth-child(4):before {background-image: url(/resources/common/publish/images/content/icon_movein_4.svg)}

.mysupport {display:flex;flex-wrap:wrap;margin:0 -2.0rem}
.mysupport > li {width:25%;padding:0 2rem}
.mysupport > li span {display: block;padding:2rem;color:var(--gray5);border:solid 1px var(--line-border)}

@media screen and (max-width:768px) {
    .guide-txt {line-height: 1.6;font-size:1.6rem}
    .bgbox {flex-direction: column;padding:2.0rem;gap:1.6rem;}
    .bgbox > div {width:100%;}
    .interest-dl {padding-left:3.6rem;}
    .interest-dl dt {padding:.2rem 0 .8rem;font-size:1.6rem}
    .interest-dl dd {font-size:1.4rem;color:var(--gray)}
    .interest-dl:before {width:2.8rem;height:2.8rem;}
    .bgbox.type2 {flex-direction: row;flex-wrap:wrap;gap:.8rem;background:transparent;justify-content: stretch;padding:0;align-items: unset;}
    .bgbox.type2 > div {width:calc(50% - .4rem);background: #f8f8f8;padding:1.6rem;}
    .bgbox.type2 .interest-dl {padding-left:0;}
    .bgbox.type2 .interest-dl:before {display: none;}
    .bgbox.type2 .interest-dl dt > span {color:var(--gray);font-size:1.2rem;display: block;margin-bottom:.8rem}

    .contractor-info .thumb {display: none;}
    .contractor-info {line-height:1.25;}
    .contractor-info li .dt + span {padding-left:4.2em;}
    .contract-summary {border-bottom:0;}
    .contract-summary > dl {width:100%;margin:0;padding:1.6rem 0;font-size:1.4rem;line-height:1.25;}
    .contract-summary > dl.blank {display: none;}
    .contract-summary dt {width:35%;}
    .borderbox {padding:2.0rem;}

    .check-confirm {display: block;font-size:1.4rem}
    .check-confirm .checkbox {margin-top:1.6rem;display: inline-block;font-size:1.4rem}

    .title-area {display: block;margin-bottom:2.0rem}
    .title-area .tit-heading32 {margin-bottom:1.6rem;}

    .section-mg--minus {margin:1.6rem 0 0 0;}
    .manage-movein {display: block;}
    .manage-movein > .manage-movein--heading {width:100%;padding-top:1.6rem;display: flex;gap:.8rem;}
    .manage-movein--heading br {display: none;}
    .manage-movein--heading .no {display: inline-block;margin-bottom:0;font-size:1.6rem;margin-top:4px}
    .manage-movein > .manage-movein--text {display:block;padding-top:4.0rem;padding-left:3.0rem;border-top:0 !important;}
    .manage-movein--text dl + dl {margin-top:2.0rem;}
    .manage-movein--text .list-dash.normal li {font-size:1.6rem}
    .manage-movein--text dd .mark-x {font-size:1.4rem;margin-top:.8rem;}
    .manage-movein--text dd p+p{margin-top:.8rem}

    .movein-activing {display: flex;gap:0rem;padding-top:.8rem;border-bottom:0;flex-wrap: wrap;}
    .movein-activing li {width:50%}
    .movein-activing li:nth-child(n+3) {margin-top:1.6rem}
    .movein-activing li:before {width:4.8rem;height:4.8rem;}
    .manage-movein--text dd .list-dash li + li {margin-top:.8rem}

    .mysupport > li {width:100%;}
    .mysupport > li + li {margin-top:-1px;}
    .mysupport > li span {display: block;padding:2rem;color:var(--gray5);border:solid 1px var(--line-border)}
}


/** 납부관리 **/

.year-select-box {position: relative;text-align: center;margin-bottom:var(--block-gap)}
.year-select-box .year-select {display: inline-flex;align-items: center;gap:1.6rem}
.year-select-box .year-select button.prev-year,
.year-select-box .year-select button.next-year {width:3.2rem;height:3.2rem;}
.year-select-box .year-select button.prev-year i,
.year-select-box .year-select button.next-year i {width:100%;height:100%;background-color: var(--placeholder);}
.year-select-box .year-select button.prev-year i {transform:rotate(180deg)}
.year-select-box .year-select strong {font-size:3.2rem;color:var(--basic);}
.year-select-box .year-select input.monthpicker {font-size:3.2rem;color:var(--basic);font-weight:700;border:0;text-align: center;width:16rem;padding-left:0;height:4.2rem;background-position: right center;background-size: 24px;}

.paySum {display: inline-flex;align-items: center;gap:.8rem;font-size:2.4rem;color:var(--gray5)}
.paySum strong {font-size:3.2rem;}

.payment-date {margin-top:4.0rem;margin-bottom:var(--block-gap-s);display: flex;justify-content: space-between;align-items: flex-end;color:var(--gray5);font-size:var(--font-m);}
.payment-date > div {display: flex;align-items: center;margin-left: auto;}
.payment-date .desire input.datepicker:read-only {border:0;height:auto;font-size:var(--font-m);font-weight:700;line-height:1;width:15.2rem;padding-left:1.2rem;background-position: right center;padding-right:2.4rem;}
.payment-date:has(div:only-child) {justify-content: flex-end;}

.payment-map {display:grid;grid-template-columns: repeat(3,1fr);column-gap: 4.0rem;row-gap: 4.0rem;}
.payment-map--unit {background-color: #FAFAFA;border-radius: 4px;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.payment-map--unit .payment-main {padding:4.0rem;border-radius: 4px 4px 0 0;background-color: #fff}
.payment-map--unit .payment-sub {padding:4.0rem;background-color:#FAFAFA ;border-radius: 0 0 4px 4px;}
.payment-map--unit h4 {font-weight:700;font-size:2.0rem;margin-bottom:.8rem;}
.payment-map--unit .money {font-weight:700;font-size:2.0rem;margin-bottom:1.6rem;}
.payment-map--unit .money strong {font-size:3.2rem;color:var(--primary)}
.payment-map--unit .info-box--gray {padding:1.6rem;display: flex;justify-content: space-between;}
.payment-map--unit .prevpay dl {display: flex;flex-wrap:wrap}
.payment-map--unit .prevpay :where(dt, dd) {width:50%;color:var(--gray5);margin-top:1.6rem;font-size:var(--font-m);line-height:1.5}
.payment-map--unit .prevpay dt:first-of-type,
.payment-map--unit .prevpay dd:first-of-type {margin-top:0;}
.payment-map--unit .prevpay dd {text-align: right;}
.payment-map--unit .payment-main .thispay {border-top:dashed 1px var(--line-border);margin-top:2.0rem;padding-top:2.0rem;}
.payment-map--unit .payment-main .thispay .list-dl dt {color:var(--gray5)}
.payment-map--unit .payment-main .thispay.none {min-height:11.5rem;border-top:0}
.payment-map--unit .list-dl {font-size:1.6rem;color:var(--gray);display: flex;flex-wrap: wrap;}
.payment-map--unit .list-dl :where(dt, dd) {margin-top:.8rem;}
.payment-map--unit .list-dl dt:first-of-type,
.payment-map--unit .list-dl dd:first-of-type {margin-top:1.6rem;}
.payment-map--unit .list-dl dt {width:12.5rem;}
.payment-map--unit .list-dl dt:before {content:'-';color:var(--placeholder);padding-right:4px}
.payment-map--unit .list-dl dd {width:calc(100% - 12.5rem);text-align: right;color:var(--placeholder);padding-left:1.6rem;}
.payment-map--unit .payment-sub h5 {color:var(--placeholder);line-height:1.615}

.tbl-basic thead {border-top:solid 1px var(--basic);border-bottom:solid 1px var(--basic);}
.tbl-basic tfoot {border-top:solid 1px var(--basic);border-bottom:solid 1px var(--basic);}
.tbl-basic :where(td,th) {text-align: center;padding:3.2rem 2.0rem;line-height:1;}
.tbl-basic :where(td,th) + :where(td, th) {border-left:solid 1px #D9D9D9;}
.tbl-basic tbody td {color:var(--gray5)}
.tbl-basic tbody tr + tr {border-top:solid 1px #D9D9D9}
.tbl-basic tfoot td {font-weight:700;}

.table-scroll {overflow-x:auto;}
.tbl-basic {min-width:120rem;}

.easys {display: flex;}
.easys h2 {width:23%;padding-right:2.4rem}
.easys .easys-cont {width:77%;}
.easys .easys-cont h3 {padding:6rem 4rem;color:#fff;font-size:4.0rem;line-height:1.333;background:url(/resources/common/publish/images/content/easys.png) no-repeat center center/cover;margin-bottom:8.0rem;position: relative;}
.easys .easys-cont h3:before {content:"";position: absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.4);}
.easys .easys-cont h3 strong {position: relative;}
.easys .easys-cont .easys-info {display: flex;gap:4.0rem}
.easys .easys-cont .easys-info dl {width:50%;border-top:solid  1px var(--basic);border-bottom:solid 1px var(--line-border);padding:2rem;position: relative;}
.easys .easys-cont .easys-info dt {font-weight:700;}
.easys .easys-cont .easys-info dd {color:var(--gray5);margin-top:.8rem;}
.easys .easys-cont .easys-info dd strong {font-size:2.4rem}
.easys .easys-cont .easys-info dl:where(.telinfo, .autopay):after {content:"";width:4.8rem;height:4.8rem;position: absolute;right:2.0rem;top:50%;transform: translateY(-50%);background: url(/resources/common/publish/images/content/telinfo.svg) no-repeat center center/cover;}
.easys .easys-cont .easys-info dl.autopay:after {background: url(/resources/common/publish/images/content/autopay.svg) }
.easys .easys-cont .easys-info dl.account dd {color:var(--basic)}
.easys .easys-cont .easys-info dl.account dd > span {color:var(--placeholder);padding-left:6px;display: inline-block;position: relative;width:7.0rem;}
.easys .easys-cont .easys-info dl.account dd > span:before {content:"";position: absolute;left:0;top:50%;width:2px;height:2px;background-color: var(--gray5);margin-top:-1px;}

@media screen and (min-width:1025px) {
    .payment-map--unit .payment-main .thispay .list-dl {flex-direction: column;}
    .payment-map--unit .payment-main .thispay .list-dl dt,
    .payment-map--unit .payment-main .thispay .list-dl dd {width:100%;text-align: left;}
    .payment-map--unit .payment-main .thispay .list-dl dd {margin-top:.4rem;padding-left:1.2rem}
    .payment-map--unit .payment-main .thispay {min-height:14.0rem}
    .payment-map--unit .payment-main .thispay.none {min-height:14.0rem}
}

@media screen and (max-width:1200px) {
    .tbl-basic {width:100rem;table-layout: fixed;}
}

@media screen and (max-width:1024px) {
    .payment-map {display: block;}
    .payment-map--unit {overflow: hidden;border-radius: 4px;}
    .payment-map--unit + .payment-map--unit {margin-top:2.0rem;}
    .payment-map--unit .payment-main {padding:2.0rem;}
    .payment-map--unit .payment-sub {padding:2.0rem;}
    .payment-map--unit .prevpay :where(dt, dd) {margin-top:.8rem;font-size:1.6rem}
    .payment-map--unit .payment-main .thispay {font-size:1.4rem;}
    .payment-map--unit .payment-main .list-dl {font-size:1.4rem;}

    .payment-map--unit .payment-sub h5 {position: relative;cursor: pointer;}
    .payment-map--unit .payment-sub h5:after {content:"";position: absolute;right:0;top:50%;margin-top:-1rem;background:url(../images/common/icon-arrow.svg) no-repeat center center / cover;width:2.0rem;height:2.0rem;transform:rotate(90deg);transition: .2s;}
    .payment-map--unit .payment-sub h5.on:after {transform:rotate(-90deg)}
    .payment-map--unit .payment-sub > div {display: none;}
    .payment-map--unit .payment-sub .list-dl {font-size:1.4rem;}
    .payment-map--unit .payment-sub .list-dl :where(dt, dd) {margin-top:.8rem;}
    .payment-map--unit .payment-main .thispay.none {min-height:unset;display: none;}
}

@media screen and (max-width:768px) {
    .year-select-box .year-select button.prev-year,
    .year-select-box .year-select button.next-year {width:2.4rem;height:2.4rem;}
    .year-select-box .year-select strong {font-size:2.4rem;}
    .year-select-box .year-select input.monthpicker {font-size:2.4rem;width:12rem;height:3.4rem;background-position: right center;background-size: 20px;}

    .paySum {font-size:1.6rem;}
    .paySum strong {font-size:2.0rem;}

    .payment-date {margin-top:4.0rem;align-items: center;}
    .payment-date > div {justify-content: space-between;padding:0;}
    .payment-date .desire {font-size:1.4rem}
    .payment-date .desire input.datepicker:read-only {width:7em;padding-left:.4rem;text-align: right;padding-right:1.6rem;font-size:1.6rem;background-size: 16px;text-align: center;}
    .payment-date .btn--border {padding:0 .8rem}
    .payment-date .btn--border i.icon--download {width:1.6rem;height:1.6rem;}
    .tbl-basic :where(td,th) {padding:1.6rem;}
    .table-scroll {overflow-x:auto;margin:0 calc(var(--contents-padding) * -1);padding:var(--contents-padding);padding-top:0;}
    .table-scroll::-webkit-scrollbar {display: none;}

    .mobile-view:has(.year-select-box) .month-picker {left:50% !important;transform: translateX(-50%);}

    .table-scroll .tbl-basic {width:auto;min-width:unset;table-layout: initial;}
    .table-scroll .tbl-basic :where(th, td) {white-space: nowrap;}
    .tbl-basic td {font-size:1.4rem;}

    .easys h2 {display: none;}
    .easys .easys-cont {width:100%;}
    .easys .easys-cont h3 {padding:2.8rem 2rem;font-size:2.4rem;line-height:1.6;margin-bottom:4.0rem}
    .easys .easys-cont .easys-info {display: block;}
    .easys .easys-cont .easys-info dl {width:100%;}
    .easys .easys-cont .easys-info dl:where(.telinfo, .autopay):after {display: none;}
    .easys .easys-cont .easys-info dl + dl {margin-top:-1px;}
    .easys .easys-cont .easys-info + .btns {margin-top:2.0rem}
}

/** 브랜드 **/
.list-newsroom {display:grid;grid-template-columns: repeat(4,1fr);column-gap: 3.2rem;row-gap: 3.2rem;}
.list-newsroom > li .list-newsroom--unit {box-shadow:0 4px 12px 0 rgba(0,0,0,.12);height:100%;display: flex;flex-direction: column;}
.list-newsroom--unit > a {display: block;border:solid 1px var(--line-border);padding:4rem;}
.list-newsroom--unit > a:hover {border-color:var(--basic);}
.list-newsroom--unit .paper-info {display: flex;justify-content: space-between;color:var(--placeholder);font-size:1.4rem;margin-bottom:6.0rem;}
.list-newsroom--unit .title {font-size:2.4rem;line-height:1.41;height:2.82em;font-weight:700;color:var(--basic);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list-newsroom--unit .title + .cont {margin-top:var(--block-gap-s);}
.list-newsroom--unit .cont {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height:1.7;height:5.1em;color:var(--placeholder);font-size:1.4rem;}

.brand-vod--list {margin-top:var(--block-gap)}
.brand-vod--list ul {display: flex;flex-wrap:wrap;margin:0 -2rem;}
.brand-vod--list ul > li {padding:0 2rem;width:calc(100% / 6)}
.brand-vod--list ul > li a {display: block;}
.brand-vod--list ul > li a .caption {display: none;}
.brand-vod--list ul > li .vod-img {width:100%;}
.brand-vod--list ul > li p {margin-top:1.6rem;}
.brand-vod--list ul > li p br {display: none;}

.brand-vod {display: flex;background-color: var(--gray-bg);}
.brand-vod .vodbox {width:64%;flex:none}
.brand-vod .vodbox > div {position: relative;height:0;padding-bottom:56.25%;}
.brand-vod .vodbox iframe {position: absolute;left:0;top:0;width:100%;height:100%;}
.brand-vod .vod-text {width:36%;padding:4.0rem;padding-bottom:0;}
.brand-vod .vod-text > div {height:100%;}
.brand-vod .vod-text h3 {font-size:var(--heading24);padding-bottom:2.0rem;border-bottom:solid 1px var(--basic);line-height:1.41666}
.brand-vod .vod-text .vod-caption {margin-top:var(--block-gap);color:var(--gray5);max-height:calc(100% - 13rem);overflow-y: auto;}

.list-brand {display: flex;flex-wrap: wrap;margin:0 -2rem}
.list-brand > li {padding:0 2.0rem 4.0rem 2.0rem;width:50%;}
.mediabox {display: block;}
.mediabox .thumb {width:100%;position: relative;}
.mediabox i {width:12rem;height:12rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(../images/content/play.svg) no-repeat center center /cover;}
.mediabox .title {margin-top:.8rem}

.brand-section {padding-bottom:10rem;}
.brand-section .brand-text--group {-webkit-text-fill-color: transparent;}

.clipped-rtl {
    background: linear-gradient(140deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 49.9%, rgba(136, 136, 136, 1) 50%, rgba(136, 136, 136, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 90vw 50%;
    background-size: 200vw;
}
.clipped_ani2 {
    animation: right2 5s forwards ease-out;
}
@keyframes right2 {
    100% {
        background-position: 200vw 50%;
    }
}

.clipped {
    background: linear-gradient(to right,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 49.9%, rgba(136, 136, 136, 1) 50%, rgba(136, 136, 136, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 100% 50%;
    background-size:200vw;
}
.clipped_ani {
    animation-delay:1s;
    animation: right 10s forwards ease-out;
}

@keyframes right {
    100% {
        background-position: 0% 50%;
    }
}

.brand-platform {padding-bottom:16rem;padding-top:16rem}
[class^=brand-] .brand-tit {display: block;font-size:2.0rem;line-height:1.5;}
:where(.brand-section, .brand-platform) .brand-tit {color:var(--primary);margin-bottom:var(--block-gap-s)}
.brand-text--group {font-weight:700;line-height:1.3333;}
.brand-section .brand-text--group {font-size:6.0rem;}
.brand-platform .brand-text--group {font-size:4.0rem;}
.brand-platform .brand-text--group {-webkit-text-fill-color: transparent;}

@media screen and (min-width:1025px) {
    .brand-platform-box {position: relative;height:45rem;margin-top:10rem;}
    .brand-platform-box:after {content:"";clear:both;display: block;}
    .brand-platform-box > a {width:25%;color:#fff;float:left;display: block;}
    .brand-platform-box > a p.thumb {position: relative;}
    .brand-platform-box > a p.thumb:after {content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0) 100%);}
    .brand-platform-box > a img {width:100%;}
    .brand-platform-box > a strong {position: absolute;left:4.0rem;top:4.0rem;right:4.0rem;font-size:var(--heading32);line-height:1.25;opacity:0;transition: .3s;}
    .brand-platform-box > a p.txt {position: absolute;left:4.0rem;bottom:4.0rem;right:4.0rem;font-size:var(--font-m);color:var(--gray-bg5);line-height:1.4;opacity:0;transition: .3s;}

    .brand-platform-box > a {position: absolute;left:50%;top:0;width:min(35.5rem,25%);transform: translateX(-50%);transition: .2s ease-out;transition-delay:.6s;}
    .brand-platform-box > a .thumb {transition: .2s ease-out;transition-delay:.2s;}
    .brand-platform-box > a .thumb img {width:100%;}
    .brand-platform-box > a:nth-child(3) .thumb {transform: rotate(-15deg);}
    .brand-platform-box > a:nth-child(2) .thumb {transform: rotate(-10deg);}
    .brand-platform-box > a:nth-child(1) .thumb {transform: rotate(-5deg);}
    .brand-platform-box.active > a .thumb {transform:rotate(0deg);}
    .brand-platform-box.active > a:nth-child(1) {left:0;transform: translateX(0);}
    .brand-platform-box.active > a:nth-child(2) {left:25%;transform: translateX(0);}
    .brand-platform-box.active > a:nth-child(3) {left:50%;transform: translateX(0);}
    .brand-platform-box.active > a:nth-child(4) {left:75%;transform: translateX(0);}
    .brand-platform-box.active > a strong,
    .brand-platform-box.active > a p.txt {opacity:1;transition-delay:1s}
    .brand-platform-box.active > a:hover .thumb {transform: scale(1.1);box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.2);transition-delay: 0;}
}
.brand-partners .brand-tit {text-align:center;margin-bottom:var(--block-gap)}

.brand-contactus {text-align: center;color:#fff;padding:16rem 0;margin-top:16rem;position: relative;}
.brand-contactus > div.bg {position: absolute;background: url(../images/content/brand_contact.jpg) no-repeat center center/cover;left:0;top:0;right:0;bottom:0;transform:scale(.7)}
.brand-contactus > div.bg:before {content:"";position: absolute;left:0;top:0;width:100%;height:100%;background: #00000099;}
.brand-contactus .brand-contactus-wrap {position: relative;opacity:0;transform:translateY(50px)}
.brand-contactus .brand-tit {color:#fff;margin-bottom:var(--block-gap)}
.brand-contactus .brand-text--group {font-size:4.0rem;}
.brand-contactus .brand-link {margin-top:var(--block-gap-s);font-size:2.0rem;line-height:1.5;}
.brand-contactus .brand-link a {padding-right:21px;display: inline-block;position: relative;margin-right:16px;}
.brand-contactus .brand-link a:after {content:"";position: absolute;right:0;top:50%;width:1px;height:16px;background-color: #fff;transform: translateY(-50%);}
.brand-contactus .brand-link a:last-child {padding-right:0;margin-right:0;}
.brand-contactus .brand-link a:last-child:after {display: none;}
.brand-contactus .btn--border {border-color:#fff;background-color: transparent;color:#fff;margin-top:10rem}

@media screen and (max-width:1400px) {
    .brand-vod .vod-text {padding:2.0rem;padding-bottom:0;}
    .brand-vod .vod-text .vod-caption {margin-top:2.0rem;max-height:calc(100% - 10rem);}

    .brand-platform {padding-bottom:5rem;padding-top:5rem}

    .brand-platform-box {gap:2.0rem;overflow-x: auto;margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem;display: flex;margin-top:4.0rem}
    .brand-platform-box::-webkit-scrollbar {display: none;}
    .brand-platform-box > a {width:29.5rem;flex:none;position: relative;}
    .brand-platform-box > a strong {font-size:2.4rem;opacity:1;position: absolute;left:4.0rem;top:4.0rem;right:4.0rem;font-size:var(--heading32);line-height:1.25;color:#fff}
    .brand-platform-box > a p.txt {position: absolute;left:4.0rem;bottom:4.0rem;right:4.0rem;font-size:var(--font-m);color:var(--gray-bg5);line-height:1.4;opacity:1;}

}
@media screen and (max-width:1204px) {
    .brand-platform-box {gap:2.0rem}
    .brand-platform-box > div strong {font-size:2.4rem;}
    .brand-platform-box > div p.txt {font-size:1.6rem;}

    .brand-vod {display:block}
    .brand-vod .vodbox {width:100%}
    .brand-vod .vod-text {width:100%;padding:2.0rem;}
    .brand-vod .vod-text h3 {font-size:var(--heading24);padding-bottom:2.0rem;border-bottom:solid 1px var(--basic);line-height:1.41666}
    .brand-vod .vod-text .vod-caption {margin-top:2.0rem;max-height:12rem;}
    .brand-vod--list ul > li {padding:0 2rem;width:calc(100% / 3)}
}

@media screen and (max-width:768px) {
    .list-newsroom {display: block;}
    .list-newsroom > li + li {margin-top:2.0rem;}

    .brand-vod--list ul {display:block;margin:0;}
    .brand-vod--list ul > li {padding:0;width:100%}
    .brand-vod--list ul > li + li {margin-top:2.0rem}
    .brand-vod--list ul > li .vod-img {width:100%;}
    .brand-vod--list ul > li p {margin-top:.8rem;}

    .list-brand {display:block;margin:0}
    .list-brand > li {padding:0;width:100%;}
    .list-brand > li + li {margin-top:2.0rem;}
    .mediabox i {width:3.2rem;height:3.2rem;background-image: url(/resources/common/publish/images/content/play_m.svg) }

    .brand-section {padding-bottom:5rem;}

    [class^=brand-] .brand-tit {font-size:1.6rem}
    :where(.brand-section, .brand-platform) .brand-tit {margin-bottom:.8rem}
    .brand-section .brand-text--group,
    .brand-platform .brand-text--group {font-size:2.4rem;}

    .brand-partners .brand-tit {margin-bottom:1.6rem}

    .brand-contactus {color:#fff;padding:5rem 0;margin-top:5rem;text-align: left;}
    .brand-contactus .brand-tit {margin-bottom:1.6rem}
    .brand-contactus .brand-text--group {font-size:2.4rem;}
    .brand-contactus .brand-text--group br {display: none;}
    .brand-contactus .brand-link {font-size:1.6rem}
    .brand-contactus .btn--border {margin-top:4rem;width:100%}
    .brand-contactus .brand-link a {padding-right:9px;margin-right:6px;}
    .brand-contactus .brand-link a:after {height:8px;}

    .brand-contactus .brand-contactus-wrap {opacity:1;transform: none;}
    .brand-contactus > div.bg {transform: none;}

    .clipped-rtl {background-size:250vw;}
}



/** member **/
.login-form--unit {position: relative;}
.login-form--unit .form-element {position: relative;}
.login-form--unit .form-element input {height:5.6rem;;}
.login-form--unit .form-element button[class^=icon--] {position: absolute;right:1.6rem;top:50%;transform: translateY(-50%);}
.login-form--unit + .login-form--unit {margin-top:1.2rem;}
.login-form .saveid {margin:2.0rem 0;color:var(--gray5);}
.login-form .btns {margin-top:3.2rem;}
.login-util--link {margin-top:2.0rem;display: flex;justify-content: center;align-items: center;color:var(--gray5)}
.login-util--link a + a {margin-left:1.2rem;padding-left:1.2rem;position: relative;}
.login-util--link a + a:before {content:"";width:1px;height:1.2rem;background-color: #D8D8D8;position: absolute;left:0;top:50%;transform: translateY(-50%);}

.login-wrap {width:min(60rem,100%);box-shadow:0 0 6px 0 rgba(0,0,0,.08);background-color: #fff;padding:4.0rem 5.0rem;}
.login-wrap:has(.complete-msg) {padding:6.4rem 5.0rem;}
.login-wrap input[type=text],
.login-wrap input[type=password],
.login-wrap input[type=number] {height:5.6rem;}
.login-wrap .btns {gap:1.6rem;}
.login-wrap .form-unit + .form-unit  {margin-top:var(--block-gap-s)}
.login-wrap  .checkbox + .checkbox {margin-left:2.0rem;}

.step-box {text-align: center;}
.step-list {display:flex;justify-content: center;gap:3.2rem;position: relative;margin-bottom:3.2rem;}
.step-list > li {font-size:1.4rem;line-height:2.0rem;color:#999;padding-top:2.6rem;position: relative;}
.step-list > li:before {content:"";position: absolute;left:-1.6rem;right:-1.6rem;top:9px;height:1px;background-color: #e0e0e0;}
.step-list > li:first-child:before {left:50%;}
.step-list > li:last-child:before {right:50%;}
.step-list > li:after {content:"";position: absolute;left:50%;top:3px;width:1.2rem;height:1.2rem;border-radius: 50%;background-color: #e0e0e0;transform: translateX(-50%);}
.step-list > li.active {color:var(--gray5)}
.step-list > li.active:after {top:0;background: url(/resources/common/publish/images/common/icon_agree_chk.svg) no-repeat center center / cover;width:1.8rem;height:1.8rem}
.step-list > li.complete {z-index: 1;}
.step-list > li.complete:after {background-color: var(--basic);}
.step-list > li.complete:before {background-color: var(--basic);right:-5.0rem;}

.identity-method {display: flex;gap:2.0rem;}
.identity-method button {width:50%;padding:1.6rem;background-color:#fafafa;font-size:1.4rem;font-weight:700;border-radius: 4px;color:var(--gray)}
.identity-method button:before {content:"";display: block;width:4.8rem;height:4.8rem;margin:0 auto;background: url(/resources/common/publish/images/common/icon-hp.svg) no-repeat center center /cover;}
.identity-method button.ipin:before {background-image: url(/resources/common/publish/images/common/icon-ipin.svg)}

.agree-all {border:solid 1px rgba(0,0,0,.12);padding:2rem;margin-bottom:2.0rem;}
.agree-all.checked {border-color:var(--primary)}
.agree-all label {font-weight:700;}
.agree-list {margin-top:.8rem;}
.agree-list li {display: flex;justify-content: space-between; align-items: center;padding:2rem;}
.agree-list li button {flex:none;color:var(--gray);font-size:1.4rem;}

.complete-msg {text-align: center;color:var(--gray5);}
.complete-msg .main-message {font-weight:700;font-size:3.2rem;line-height:4.2rem;color:var(--basic)}
.complete-msg .main-message + .sub-message {margin-top:4px;}
.complete-msg:before {content:"";display: block;width:5.6rem;height:5.6rem;background: url(/resources/common/publish/images/common/icon-complete.svg) no-repeat center center /cover;margin:0 auto 2.0rem auto;}

.id-result {border-top:solid 1px var(--line-border);border-bottom:solid 1px var(--line-border);padding:1.6rem 0;margin-top:2.0rem}
.id-result dl {display: flex;flex-wrap:wrap;color:var(--gray5)}
.id-result dt, .id-result dd {padding:.4rem 0;}
.id-result dt {width:7.2rem;color:var(--gray)}
.id-result dd {width:calc(100% - 7.2rem)}

.memberout-guide {text-align: center;}
.memberout-guide .tit-heading32 {margin-bottom:2.0rem;}
.memberout-guide p {color:var(--gray5)}
.memberout-guide p + p {margin-top:.4rem}

@media screen and (min-width:768px) {
    .memberWrap {background: linear-gradient(-45deg, #fff 50%, #E4D8C9 150%);display: flex;flex-direction: column;}
    .myElyes {background: linear-gradient(-10deg, #fff 70%, #E4D8C9 150%)}
    .memberWrap #Header {background-color: transparent;}
    /* .memberWrap:not(.myElyes) .contents-wrap {padding:10rem 0;} */
    .memberWrap.memberWrap:has(.complete-msg) {height:100vh;}
    /* .memberWrap.memberWrap:has(.complete-msg) #Footer {margin-top:auto;} */
    .login-wrap h1 {text-align: center;margin-bottom:3.2rem;font-size:3.2rem;line-height:4.2rem;}
}

@media screen and (max-width:768px) {
    .memberWrap .header-gnb--wrap h1 {display: block;}
    .memberWrap .header-gnb--wrap .logo {display: none;}

    .login-form--unit input {height:5.2rem;}
    .login-util--link {font-size:1.4rem;}
    .login-util--link a + a {margin-left:.8rem;padding-left:.8rem;}

    .step-list {gap:0}
    .step-list > li {width:calc(100% / 3);text-align: center;}
    .step-list > li:before {left:0;right:0;}

    .agree-all {padding:1.5rem;}
    .agree-list label {font-size:1.4rem;}
    .agree-list li {padding:1.5rem;align-items: flex-start;word-break: keep-all;}
    .identity-method + .list-dash {margin-top:2.0rem;}

    .memberWrap .contents-wrap {padding-top:4rem;}
    .login-wrap {padding:0 1.2rem;box-shadow: none;}
    .login-wrap h1 {display: none;}
    .memberWrap	.login-wrap {padding:0;}
    .memberWrap:has(.complete-msg) .contents-wrap {padding-top:8.0rem;padding-bottom:8rem;}
    .complete-msg .main-message {font-size:2.4rem;line-height:3.4rem;}

    .login-wrap input[type=text],
    .login-wrap input[type=password],
    .login-wrap input[type=number] {height:5.2rem;}
    .memberout-guide {padding-bottom:2.0rem}
}


/** myelyes **/
.myElyes:has(.loginType) #Contents {padding-top:12.4rem;}
.myElyes #Contents .heading-wrap {padding-top: 4rem;padding-bottom: 4rem;}
.myElyes #Contents .heading-area h1 {font-size:9.6rem;line-height:11.6rem;font-weight:500;margin:0;}
.myElyes #Contents .heading-area .h1-desc {margin-top:4.0rem;padding:0;}
.myapt-select {width:32rem;margin-top:var(--block-gap);float:right;}
.myElyes #Contents .heading-wrap:after {content:"";clear: both;display: block;}
.myElyes .contents-section + .contents-section {margin-top:10rem}
.myElyes .contents-wrap {padding-top:0;}

.myElyes .mycontact {box-shadow:0 2px 12px 0 rgba(154, 115, 80, 0.15);padding:4.0rem;background-color: #fff;display: flex;}
.myElyes .mycontact > div {width:50%;height:14rem;display:flex;flex-direction: column;justify-content: space-between;}
.myElyes .mycontact > div + div {border-left:solid 1px var(--line-border);padding-left:4.0rem}
.mycontact-unit > p {font-weight:700;font-size:2.4rem;line-height:3.4rem;}
.mycontact-unit .btn {display:flex;gap:.8rem}
.mycontact-unit:has(p:only-child) {justify-content: center;}
.mycontact-unit h2 {font-size:var(--font-m)}
.mycontact-unit .cnt strong {font-size:6rem;color:var(--primary);line-height:8rem;}
.mycontact-unit .cnt span {font-size:2.4rem;color:var(--gray5);padding-left:.8rem;}
.mycontact-unit .cnt-group {display: flex;justify-content: space-between;}
.mycontact-unit .cnt-group .cnt strong {font-size:3.2rem;line-height:4.2rem;}
.mycontact-unit .cnt-group .cnt span {font-size:2.0rem;padding-left:.4rem}
.mycontact-unit .cnt-group .cnt h3 {color:var(--gray5);margin-bottom:.2rem}

.myelyes-info {display: flex;}
.myelyes-info .heading {width:23%}
.myelyes-info .heading h2 {font-size:var(--heading32);margin-bottom:2.0rem}
.myelyes-info .heading a {display: inline-flex;align-items: center;gap:.8rem}
.myelyes-info .context {width:77%}
.myelyes-info .list-type--board > li {padding-left:0;padding-right:0;}
.myelyes-info .list-type--board.big > li [class^=unit-] {font-size:2.0rem}
.myelyes-info .list-type--board.big > li .unit-title span {font-weight:400;color:var(--gray5);padding-left:1.6rem}
.myelyes-info .list-type--board.big > li .color-primary2 {font-size:2.4rem;}

.myelyes-info .program {display:grid;grid-template-columns: 1fr 1fr 1fr;gap:4.0rem}
.myelyes-info .program li > div {border:solid 1px var(--line-border);padding:4.0rem;height:100%}
.myelyes-info .program-title {border-bottom:solid 1px var(--line-border);padding-bottom:2.0rem;margin-bottom:2.0rem}
.myelyes-info .program-title .title {margin-top:.8rem;font-size:2.4rem;font-weight:700;line-height:3.4rem;height:6.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.myelyes-info .program-title .time {margin-top:.4rem;color:var(--gray5)}
.myelyes-info .program dl {display: flex;font-size:var(--font-s);gap:.8rem}
.myelyes-info .program dl + dl {margin-top:.4rem}
.myelyes-info .program dt {color:var(--placeholder);flex:none;}
.myelyes-info .program dt:before {content:"ㆍ";}
.myelyes-info .facility {border:solid 1px var(--line-border);display: flex;}
.myelyes-info .facility li {width:50%;padding:var(--block-gap)}
.myelyes-info .facility li + li {border-left:solid 1px var(--line-border)}
.myelyes-info .facility li .tit {display: block;color:var(--gray5);font-size:var(--font-m);margin-bottom:var(--block-gap)}
.myelyes-info .facility li .tel {font-size:var(--heading32);line-height:1.3;font-weight:700}
.myelyes-info .facility li .time {color:var(--gray);font-size:var(--font-s);margin-top:.8rem}
.link-board {display: flex;gap:var(--block-gap)}
.link-board > div {background-color: #F9F7F5;padding:var(--block-gap);position: relative;width:50%}
.link-board > div:after {content:"";width:8rem;height:8rem;position:absolute;right:4.0rem;top:50%;transform: translateY(-50%);background:url(/resources/common/publish/images/content/icon_lnkboard1.svg) no-repeat center center/cover}
.link-board > div:last-of-type:after {background-image:url(/resources/common/publish/images/content/icon_lnkboard2.svg)}
.link-board > div dt {font-weight:700;font-size:2.4rem}
.link-board > div dd {color:var(--gray);margin-top:.8rem;}
.link-board > div dd a {display:flex;gap:.4rem;align-items: center;margin-top:2.0rem}
.link-board > div dd a .icon--arrow {background-color: var(--placeholder);width:2.0rem;height:2.0rem;}

.bn-swiper img {
    width:100%;
    height:180px;
}

@media screen and (max-width:768px) {
    .myElyes .contents-section + .contents-section {margin-top:4.0rem}
    .myElyes:has(.loginType) #Contents {padding-top:0}
    .myElyes #Contents .heading-wrap {padding-bottom:2.0rem}
    .myElyes #Contents .heading-area h1 {font-size:3.2rem;line-height:4.2rem;text-align: center;font-weight: 700;}
    .myElyes #Contents .heading-area .h1-desc {display: none;}
    .myapt-select {margin-top:5.6rem;width:100%}
    .myElyes .mycontact {padding:2.0rem;background-color: #fff;flex-wrap:wrap;padding-bottom:0;}
    .myElyes .mycontact > div {width:100%;height:unset;display: block;margin-bottom:2.0rem}
    .myElyes .mycontact > div + div {padding-left:0;border-left:0;}
    .myElyes .mycontact:not(.membertype2) > div:last-of-type {border-top:solid 1px var(--line-border);padding-top:2.0rem;}

    .mycontact-unit .btn {margin-top:1.6rem}
    .mycontact-unit .btn button {width:50%}
    .mycontact-unit h2 {font-size:1.6rem;margin-bottom:.8rem}
    .mycontact-unit .cnt strong {font-size:3.2rem;line-height:4.2rem;}
    .mycontact-unit .cnt span {font-size:2.0rem;padding-left:.4rem;}
    .mycontact-unit .cnt-group .cnt strong {font-size:2.4rem;line-height:3.4rem;}
    .mycontact-unit .cnt-group .cnt h3 {font-size:1.4rem}

    .myelyes-info {display: block;}
    .myelyes-info .heading {width:100%;display: flex;justify-content: space-between;margin-bottom:1.6rem}
    .myelyes-info .heading h2 {font-size:var(--heading32);margin-bottom:0}
    .myelyes-info .heading a {gap:.4rem}
    .myelyes-info .context {width:100%}
    .myelyes-info .list-type--board > li .unit-title {margin-bottom:.8rem}
    .myelyes-info .list-type--board.big > li .unit-title span {font-size:1.6rem;padding-left:.8rem}
    .myelyes-info .context:has(.program) {overflow-x:auto;margin:0 -2rem;padding:0 2.0rem;width:calc(100% + 4rem)}
    .myelyes-info .program {display:flex;width:fit-content;gap:2.0rem}

    .myelyes-info .program li + li {width:31.5rem}
    .myelyes-info .program li > div {padding:2.0rem;width:100%}
    .myelyes-info .program-title .title {font-size:2.0rem;line-height:3.0rem;height:6.0rem;}
    .myelyes-info .program-title .time {margin-top:.8rem;}

    .myelyes-info .facility {flex-wrap: wrap;}
    .myelyes-info .facility li {width:100%;padding:2.0rem}
    .myelyes-info .facility li + li {border-top:solid 1px var(--line-border);border-left:0;}
    .myelyes-info .facility li .tit {font-size:1.6rem;margin-bottom:.8rem}

    .link-board {display:block}
    .link-board > div {padding:2.0rem;width:100%}
    .link-board > div + div {margin-top:2.0rem}
    .link-board > div:after {display: none;}
    .link-board > div dt {font-size:2.0rem}
}

/** 서비스 **/
.slogan {margin-bottom:8.0rem}
.slogan .txt1 {font-size:6rem;line-height:8rem;font-weight:700;}
.slogan .txt2 {font-size:var(--font-m);color:var(--gray5)}
.service-map {display: flex;justify-content: space-between;}
.service-map .service-list {width:29.09%}
.service-map .service-desc {width:65.71%}
.service-btns {display: grid;grid-template-columns: 1fr 1fr 1fr;gap:2.0rem;}
.service-btns button {border:solid 1px var(--line-border);padding:2.0rem;border-radius: 4px;display: flex;flex-direction: column;gap:.8rem;align-items: center;color:var(--gray5)}
.service-btns button span {font-weight:700;word-break: keep-all;}
.service-btns button:hover,
.service-btns button.active {background-color: var(--basic);border-color:var(--basic);box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);color:#fff;}
.service-btns button:hover [class^=service-icon_],
.service-btns button.active [class^=service-icon_] {background-color: #fff;}

.service-desc--block {position: relative;display: none;}
.service-desc--block img {width:100%;}
.service-desc--block dl {position: absolute;left:0;bottom:0;padding:var(--block-gap);color:#fff;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width:100%;}
.service-desc--block dt {font-weight:700;font-size:var(--heading32);line-height:1.3125}
.service-desc--block dd {margin-top:.8rem;font-size:var(--font-m);}
.service-desc--block dd .btn--border {margin-top:var(--block-gap);border-color:#fff;color:#fff;background-color: transparent;}

.tbl-service {border-top:solid 1px var(--basic)}
.tbl-service tbody :where(th, td) {padding:1.6rem 0 1.6rem 2.0rem;text-align: left;vertical-align: top;border-bottom:solid 1px var(--line-border)}
.tbl-service tbody td {color:var(--gray5);padding-right:2.0rem}

.card-pay_item {border-top:Solid 1px var(--line-border);border-bottom:solid 1px var(--line-border);padding:2.0rem 0;}
.card-pay_item dl + dl {margin-top:.8rem}
.card-pay_item dl {display: flex;gap:.8rem}
.card-pay_item dt {color:var(--gray);padding-left:6px;position: relative;flex:none;}
.card-pay_item dt:before {content:"";position: absolute;left:0;top:50%;width:2px;height:2px;background-color: var(--gray);margin-top:-1px}
.card-pay_item dd {font-weight:700;}

.tbl-cardform {border-top:solid 1px var(--basic)}
.tbl-cardform .card-unit {padding:.8rem;border-bottom:solid 1px var(--line-border);display: flex;align-items: center;}
.tbl-cardform .card-unit .label {font-size:var(--font-s);width:12rem;flex:none;margin:0;}
.tbl-cardform .card-unit .element {display: flex;align-items: center;gap:.8rem;font-size:1.4rem;color:var(--gray5)}
.tbl-cardform .card-unit .element input {width:7.6rem;height:4.0rem;text-align: center;}
.tbl-cardform .card-unit .element input.small {width:6.7rem;}
.tbl-cardform .card-unit .element input.large {width:10rem;}

@media screen and (max-width:1400px) {
    .service-btns {gap:1.0rem}
    .service-btns button {padding:1.2rem .8rem}
    .service-btns button [class^=service-icon_] {width:3.2rem;height:3.2rem;}
}

@media screen and (max-width:1024px) {
    .service-map {display: block;}
    .service-map .service-list {width:calc(100% + 4rem);overflow-x:auto;margin:0 -2.0rem;padding:0 2.0rem}
    .service-map .service-desc {width:100%}

    .service-btns {display: flex;width:106rem;gap:.8rem;flex-wrap:wrap}
    .service-btns button i {display:none;}
    .service-btns button {padding:1.2rem 1.5rem;color:var(--basic);}
    .service-btns button span {font-weight:400;white-space: nowrap;}
    .service-btns button:hover,
    .service-btns button.active {background-color: #fff;border-color:var(--basic);}
    .service-btns button.active span {font-weight:700;color:var(--basic);}
    .service-desc {margin-top:4.0rem}
    .service-desc--block dl {position: relative;left:auto;bottom:auto;padding:2rem 0 0 0;color:var(--gray5);background:#fff;}
    .service-desc--block dt {font-size:2.0rem;line-height:1.5;color:var(--basic)}
    .service-desc--block dd {margin-top:.8rem;font-size:1.6rem;}
    .service-desc--block dd .btn--border {margin-top:var(--block-gap-s);border-color:var(--line-border);color:var(--placeholder);width:100%;}
}

@media screen and (max-width:768px) {
    .tbl-service {border-top:0;}
    .tbl-service tbody {display:block}
    .tbl-service tbody tr {display: flex;flex-direction: column;}
    .tbl-service tbody tr + tr {margin-top:2.0rem}
    .tbl-service tbody :where(th, td) {width:100%;padding:0;border:0;}
    .tbl-service tbody th {margin-bottom:.8rem;}

    .slogan {margin-bottom:4.0rem}
    .slogan .txt1 {font-size:2.4rem;line-height:3.4rem;}
    .slogan .txt2 {font-size:var(--font-s);margin-top:.8rem}

    .tbl-cardform .card-unit {padding:.8rem 0;display: block;}
    .tbl-cardform .card-unit .label {margin-bottom:.8rem}
    .tbl-cardform .card-unit .element {gap:.4rem;}
    .tbl-cardform .card-unit .element input:not(.fix) {width:100% !important;}
    .tbl-cardform .card-unit .element.mobwrap {flex-wrap: wrap;gap:.8rem}
}


.serviceClassWrap {position: relative;}
.serviceClassWrap .anchor-box {position: sticky;top:11.6rem;background-color: #fff;z-index: 5;}

@media screen and (max-width:768px) {
    .serviceClassWrap .anchor-box {top:5.4rem}
}


/** 약관 **/
.privacy {padding:0 !important;color:var(--gray5)}
.privacy  caption {display: none;}
.privacy .privacy-table thead {border-top:solid 1px var(--basic);border-bottom:solid 1px var(--line-border)}
.privacy .privacy-table thead th {padding:1rem;text-align:center;}
.privacy .privacy-table thead th img {height:10rem}
.privacy .privacy-table tbody td {padding:1rem;font-size:var(--font-s)}
/* .privacy .privacy-table:not(.bordernone) tbody td {font-size:var(--font-s);padding:1rem;border:solid 1px var(--line-border);border-top:0;}
*/

.privacy .table-bordered thead th {border-top:solid 1px var(--basic);border-bottom:solid 1px var(--line-border);background:var(--gray-bg);text-align: center;font-size:var(--font-s);padding:1rem}
.privacy .table-bordered tbody td {font-size:var(--font-s);padding:1rem;border:solid 1px var(--line-border)}
.privacy .table-bordered tbody th {background:var(--gray-bg);font-size:var(--font-s);padding:1rem;border-bottom:solid 1px var(--line-border);}
.privacy u {font-size:var(--font-m)}
.privacy .emphasis strong {display:block;margin-top:var(--block-gap-s)}
.privacy .pl10 p + p {margin-top:1.6rem}
.privacy ul li + li {margin-top:1.0rem}
.privacy ul + ul {margin-top:2.0rem}
.privacy ul li + br {display: none;}

.topmargin-sm {padding-top:var(--block-gap-s);margin-top:var(--block-gap-s);border-top:solid 1px var(--line-border)}
.topmargin-sm > div {display: flex;gap:.8rem;align-items: center;}
.topmargin-sm a {display:inline-flex;padding:0 2.0rem;background-color: var(--gray5);color:#fff;font-weight:700;border-radius: 4px;justify-content: center;align-items: center;gap:.4rem;height:4.0rem;text-align: center;border:solid 1px var(--gray5)}
.topmargin-sm select {border:solid 1px var(--basic);height:4.0rem !important;width:24rem !important}

.agree-contents ul,
.agree-contents h4,
.agree-contents p  {margin-bottom:3.0rem}
.agree-contents .normal-ul li{list-style: disc;margin-left:2rem}