#header {background: none;}
#header .header__logo > a {background: url("/_wavedream/images/common/logo_nanum_white.webp") no-repeat center center/contain;transition: .4s;}
#header .header__logo > a > img {opacity: 0;}
#header .header__gnb > ul > li {color: #fff;}
#header .header__gnb > ul > li:hover {color: var(--color-primary);}
#header .header__mobile-bar > svg {color: #fff;}
#header.on {background: #fff;}
#header.on .header__logo > a {background: url("/_wavedream/images/common/logo_nanum.webp") no-repeat center center/contain;}
#header.on .header__gnb > ul > li {color: #777;}
#header.on .header__gnb > ul > li:hover {color: var(--color-black);}
#header.on .header__mobile-bar > svg {color: var(--color-black);}




#cs {}
#cs .section-wrap {max-width: 1200px;}


.cs__banner {position: relative;margin-bottom: 55px;}
.cs__banner-bg {}
.cs__banner-bg > img {width: 100%;min-height: 50vh;object-fit: cover;}
.cs__banner-logo {position: absolute;top: 63%;left: 50%; transform: translate(-50%, -50%);width: 368px;}
.cs__banner-logo > img {width: 100%;filter: grayscale(1) brightness(100);}


.cs__info {margin-bottom: 100px;}
.cs__info ul {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 82px;}
.cs__info ul > li {display: flex;justify-content: space-between; padding-bottom: 20px;margin-bottom: 30px;font-size: 17px;}
.cs__info ul > li.cs__info-time {display: block;}

.cs__info ul > li:nth-child(n+1):nth-child(-n+2) {border-bottom: 1px solid #414042;}
.cs__info ul > li > strong {display: block;position: relative;padding-left: 12px;}
.cs__info ul > li > strong::before {content: "·";position: absolute;top: 0;left: 0;}
.cs__info ul > li > div {}
.cs__info ul > li > div > p {}
.cs__info ul > li > div > p::before {content: ":";padding-right: 5px;}
.cs__info ul > li > p {position: relative;padding-left: 12px;}
.cs__info ul > li > p::before {content: "·";position: absolute;top: 0;left: 0;}


@media all and (max-width:1024px) {
    .cs__banner-logo {width: 200px;}
    .cs__info ul {gap: 0 40px;}
    .cs__info ul > li {font-size: 14px;}
}

@media all and (max-width:768px) {
    .cs__banner-bg > img {min-height: auto;height: 300px;}
    .cs__banner-logo {width: 180px;}
    .cs__info ul {display: block;}
    .cs__info ul > li {padding-bottom: 17px;margin-bottom: 17px;border-bottom: 1px solid #414042;}
}