@import url(page.sub.css);

[id^="notice-"] {}
[id^="notice-"] .subpage-intro {}
[id^="notice-"] .subpage-intro .intro-search,
[id^="faq-"] .subpage-intro .intro-search {width:190px;}
[id^="notice-"] .subpage-body .page-component,
[id^="faq-"] .subpage-body .page-component {padding:0 135px}
[id^="notice-"] .notice-list-container,
[id^="faq-"] .notice-list-container {padding-top:70px;}
[id^="notice-"] .notfound-container,
[id^="faq-"] .notfound-container {padding-bottom:100px}

.board-tabs {display:flex;align-items:center;justify-content:center;height:80px;margin-bottom:80px}
.board-tabs .tab-item {}
.board-tabs .tab-item ~ .tab-item {margin-left:10px;}
.board-tabs .property-pill {display:inline-flex;align-items:center;height:31px;padding:0 18px;border-radius:16px;border:1px solid rgba(34,34,34,.2);transition:all .2s;}
.board-tabs .property-pill .text {font:500 14px/17px var(--font-family-proximaNova);color:#222;text-transform:uppercase;}
.board-tabs .property-pill:hover {display:inline-flex;align-items:center;height:31px;padding:0 18px;border-radius:16px;border:1px solid rgba(34,34,34,.2);transition:all .2s;}
.board-tabs .property-pill:hover .text {font:500 14px/17px var(--font-family-proximaNova);color:#222}
.board-tabs .is-active .property-pill {background-color:#222;border-color:#222}
.board-tabs .is-active .property-pill .text {color:#fff}
.board-table {}
.board-table table {table-layout:fixed;width:100%;}
.board-table thead th {border-bottom:1px solid #222;height:50px;padding:0 20px;text-align:left;}
.board-table thead .title {font:500 16px/18px var(--font-family-base);letter-spacing:-.5px;}
.board-table tbody th,
.board-table tbody td {height:88px;padding:0 20px;text-align:left;border-top:1px solid #d8d8d8}
.board-table tbody .text {font:normal 16px/18px var(--font-family-base);letter-spacing:-.3px;color:#666}
.board-table .cell-type {text-align:left}
.board-table .cell-date {text-align:right}
.board-table .cell-link {display:inline-block;max-width:100%;}
.board-table .cell-link:hover .text {text-decoration:underline;}

.notice-view-container {position:relative;padding-top:270px;}
.notice-view-container .view-header {}
.notice-view-container .view-title {font:500 36px/52px var(--font-family-base);letter-spacing:-1.57px;}
.notice-view-container .view-metadata {padding-top:18px}
.notice-view-container .view-metadata .metadata-list {display:flex;margin:0 -10px}
.notice-view-container .view-metadata .metadata-item {position:relative;margin:0 10px;}
.notice-view-container .view-metadata .metadata-item:not(:first-child):before {content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%); width:1px;height:11px;background-color:#d8d8d8;}
.notice-view-container .view-metadata .metadata {font:normal 14px/24px var(--font-family-base);letter-spacing:-.5px;color:#999}
.notice-view-container .view-body {padding-top:80px}
.notice-view-container .view-body * {font-size:18px;line-height:32px;letter-spacing:-.85px;color:#666;}
.notice-view-container .image-block {position:relative;padding:0;margin:0;margin-bottom:100px}
.notice-view-container .image-block .image-row {display:flex;margin:-2px}
.notice-view-container .image-block .image {flex:1;margin:2px}
.notice-view-container .image-block .image img {width:100%;height:100%;object-fit:cover;}
.notice-view-container .image-block .image-caption {padding-top:20px;text-align:center;font:normal 14px/24px var(--font-family-base);letter-spacing:-.5px;color:#999;}
.notice-view-container .title-block {}
.notice-view-container .title-block .title {color:#222;}
.notice-view-container .list-block {margin-top:20px}
.notice-view-container .list-block .text-item {position:relative;padding-left:14px;}
.notice-view-container .list-block .text-item:not(:first-child) {margin-top:4px;}
.notice-view-container .list-block .text-item:before {content:'';position:absolute;top:14px;left:0;width:4px;height:4px;background:url(../../img/common/icon_dot.svg) no-repeat 0 0;}
.notice-view-container .description-block {padding-top:80px;}
.notice-view-container .description-block * {white-space:pre-line;}
.notice-view-container .view-footer {display:flex;align-items:center;justify-content:center;padding-top:100px}
.notice-view-container .view-footer .btn ~ .btn {margin-left:10px;}

#notice-glad {}
#notice-glad .subpage-intro .intro-actions,
#notice-mapo .subpage-intro .intro-actions,
#notice-gangnamcoexcenter .subpage-intro .intro-actions,
#notice-maison .subpage-intro .intro-actions,
#notice-yeouido .subpage-intro .intro-actions,
#faq-glad .subpage-intro .intro-actions {height:102px}


.board-list-wrapper {position:relative;margin-top:-20px}
.board-list-wrapper .board-list-header {display:flex;height:50px;align-items:center;border-bottom:1px solid #222;}
.board-list-wrapper .board-list-header .title {font:500 1rem/1.75 var(--font-family-proximaNova);letter-spacing:-.5px;}
.board-list-wrapper .board-cell {display:block}
.board-list-wrapper .board-cell:first-child {padding-left:20px}
.board-list-wrapper .board-cell:last-child {padding-right:20px}
.board-list-wrapper .board-list {}
.board-list-wrapper .board-list-item {}
.board-list-wrapper .board-list-item ~ .board-list-item {border-top:1px solid #d8d8d8}
.board-list-wrapper .btn-collapsible {display:flex;align-items:center;justify-content:space-between;height:88px;width:100%;text-align:left}
.board-list-wrapper .icon-collapsible {width:24px;height:24px;background-image:url(../../img/common/icon_plus_24.svg);margin-right:20px}
.board-list-wrapper .is-visible .icon-collapsible {background-image:url(../../img/common/icon_minus_24.svg)}
.board-list-wrapper .board-contents {overflow:hidden;transition:max-height .4s;}
.board-list-wrapper .board-contents .content-inner {position:relative;padding-top:40px;padding-bottom:60px;padding-right:167px;background-color:#f8f8f9}
.board-list-wrapper .board-contents .text {font:normal 1rem/1.75 var(--font-family-proximaNova);letter-spacing:-.27px;}


.faq-list-container {padding-top:70px}
.faq-list-container .board-list-header .cell-title {padding-left:195px}
.faq-list-container .board-contents .content-inner {padding-left:199px;}
.faq-list-container .cell-type {flex:0 0 199px}
.faq-list-container .cell-title {flex:1 1 auto}