#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);}



#company {}


.section01 {padding: 178px 0 167px;color: #fff;background: url('/_wavedream/images/company/company_01_01.webp') no-repeat center center/cover;}
.section01 .section-wrap {max-width: 1500px;}
.section01__symbol {display: block;width: 90px;margin-bottom: 45px;}
.section01__symbol > img {width: 100%;}
.section01__text {margin-bottom: 50px;}
.section01__text > p {margin-bottom: 25px;font-size: 17px;line-height: 1.3;letter-spacing: 0;}
.section01__text > p:last-child {margin-bottom: 0;}
.section01__mean {display: flex;flex-wrap: wrap;gap: 40px 0;}
.section01__mean > li {width: 33%;}
.section01__mean > li:nth-child(2) {width: 60%;}
.section01__mean > li:nth-child(4) {width: 29%;}
.section01__mean > li > strong {display: block; margin-bottom: 5px;font-size: 30px;letter-spacing: -0.05em;}
.section01__mean > li > p {font-size: 17px;letter-spacing: 0;}


.section02 {position: relative;padding: 300px 0 120px; margin-bottom: 224px;background: url("/_wavedream/images/company/company_02_03.webp") no-repeat center center/cover;z-index: -1;}
.section02 .section-wrap {max-width: 1500px;}
.section02__title {font-size: 19px;margin-bottom: 30px;line-height: 1.3;}
.section02__text {margin-bottom: 105px;}
.section02__text > p {margin-bottom: 25px;font-size: 17px;line-height: 1.4;}
.section02__text > p:last-child {margin-bottom: 0;}
.section02__logo {max-width: 250px;}
.section02__logo > img {width: 100%;}
.section02__certificate {position: absolute; top: 69%;;left: 50%;transform: translate(-50%, -50%); width: 100%;max-width: var(--layout-width);padding: 0 var(--layout-padding);text-align: right;}
.section02__certificate.scroll-motion[motion-dir="left"] {transform: translate(-50%, -50%) translateX(20px);}
.section02__certificate.scroll-motion[motion-dir="left"].active {transform: translate(-50%, -50%) translateX(0);}
.section02__certificate > img {width: 30%;max-width: 435px;}
.section02__bottom {position: absolute;bottom: 0;left: 0;width: 100%;z-index: -1;}
.section02__bottom > img {width: 100%;height: 200px;object-fit: cover;}

.section03 {margin-bottom: 150px;}
.section03 .section-wrap {max-width: 1500px;}
.section03__list {}
.section03__list-item {display: flex;justify-content: space-between;margin-bottom: 85px;}
.section03__list-item:last-child {margin-bottom: 0;}
.section03__list-item:nth-child(2),
.section03__list-item:nth-child(4) {margin-bottom: 150px;}
.section03__list-item:nth-child(n+3):nth-child(-n+4) {text-align: right;}
.section03__list-item > figure {width: 45%;}
.section03__list-item > figure > img {width: 100%;}
.section03__list-item-text {width: 50%;}
.section03__list-item-text > figure {padding-bottom: 15px; margin-bottom: 20px;border-bottom: 1px solid #231f20;}
.section03__list-item-text > figure > img {width: 230px;}
.section03__list-item-text > strong {display: block;margin-bottom: 15px;;font-size: 20px;font-weight: 900;color: var(--color-primary);line-height: 35px;line-height: 1.4;}
.section03__list-item-text > p {margin-bottom: 15px;font-size: 17px;line-height: 1.25;}
.section03__list-item:nth-child(1) .section03__list-item-text > p {line-height: 1.7;}


.section04 {margin-bottom: 150px;}
.section04 .section-wrap {max-width: 1050px;}
.section04__partner {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;gap: 65px 63px;}
.section04__partner-item {}
.section04__partner-item:nth-child(1) {width: 190px;}
.section04__partner-item:nth-child(2) {width: 170px;}
.section04__partner-item:nth-child(3) {width: 192px;}
.section04__partner-item:nth-child(4) {width: 118px;}
.section04__partner-item:nth-child(5) {width: 148px;}
.section04__partner-item:nth-child(6) {width: 213px;}
.section04__partner-item:nth-child(7) {width: 204px;}
.section04__partner-item:nth-child(8) {width: 220px;}
.section04__partner-item:nth-child(9) {width: 225px;margin: 0 70px;}
.section04__partner-item:nth-child(10) {width: 187px;margin: 0 70px;}
.section04__partner-item > img {width: 100%;}
.section04__partner-item:nth-child(10) > img {transform: translateY(-14px);}


.section05 {padding: 180px 0 100px;background: url('/_wavedream/images/company/company_05_01.webp') no-repeat center center/cover;}
.section05 .section-wrap {display: flex;align-items: flex-end;max-width: 1500px;}
.section05__info {width: 60%;padding: 0 30px 0 90px;margin-bottom: 30px;}
.section05__info-logo {width: 400px;margin-bottom: 100px;}
.section05__info-logo > img {width: 100%;}
.section05__info-cont {}
.section05__info-cont > li {display: flex;font-size: 17px;line-height: 30px;}
.section05__info-cont > li > strong {display: block;position: relative;width: 133px; padding: 0 10px;text-align: justify;text-align-last: justify;}
.section05__info-cont > li > strong::before {content: "·";position: absolute;top: 0;left: 0;}
.section05__info-cont > li > p {position: relative;width: calc(100% - 133px);padding-left: 13px;}
.section05__info-cont > li > p::before {content: ":";position: absolute;top: 0;left: 0;}
.section05__history {width: 40%;}
.section05__history > ul {position: relative;}
.section05__history > ul::before {content: "";display: block; position: absolute;top: -36px;left: 0;width: 4px; transform: translateX(-50%);;height: calc(100% + 67px); border-radius: 3px;background: var(--color-primary);}
.section05__history > ul > li {position: relative;margin-bottom: 22px;padding-left: 38px;font-size: 17px;line-height: 1.3;color: #414042;}
.section05__history > ul > li::before {content: "";display: block;position: absolute;top: 0;left: 0;transform: translateX(-50%);width: 15px;height: 15px;border-radius: 50%;background: var(--color-primary);}
.section05__history > ul > li > p {}


@media all and (max-width:1400px) {
    .section03__list-item-text {padding-top: 0;}
}



@media all and (max-width:1024px) {
    .section01 {padding: 100px 0;background: url('/_wavedream/images/company/company_01_01_mo.webp') no-repeat center center/cover;}
    .section01__symbol {margin-bottom: 30px;}
    .section01__text {margin-bottom: 30px;}
    .section01__symbol {width: 50px;}
    .section01__text > p {margin-bottom: 15px;font-size: 14px;}
    .section01__text > p br {display: none;}
    .section01__mean {gap: 20px 15px;}
    .section01__mean > li,
    .section01__mean > li:nth-child(2),
    .section01__mean > li:nth-child(4) {width: 45%;}
    .section01__mean > li > strong {font-size: 25px;}
    .section01__mean > li > p {font-size: 14px;}

    

    .section02 {position: relative;padding: 100px 0; margin-bottom: 100px;;}
    .section02__title {margin-bottom: 15px;}
    .section02__text {max-width: 500px;margin-bottom: 50px;}
    .section02__text > p {margin-bottom: 15px;;font-size: 14px;}
    .section02__text > p br {display: none;}
    .section02__logo {width: 150px;}
    .section02__certificate {top: auto;bottom: 0;left: 0;transform: translate(0, 0);;width: 100%;max-width: 540px; text-align: right;}
    .section02__certificate > img {width: 110px;}
    .section02__certificate.scroll-motion[motion-dir="left"] {transform: translateX(20px);}
    .section02__certificate.scroll-motion[motion-dir="left"].active {transform: translateX(0);}
    .section02__bottom > img {height: 150px;}


    .section03 {margin-bottom: 100px;}
    .section03__list-item {flex-direction: column;margin-bottom: 40px;}
    .section03__list-item:nth-child(2),
    .section03__list-item:nth-child(4) {margin-bottom: 40px;}
    .section03__list-item:nth-child(n+3):nth-child(-n+4) {text-align: left;}
    .section03__list-item > figure {width: 100%;margin-bottom: 18px;}
    .section03__list-item:nth-child(n+2) > figure {order: -1;}
    .section03__list-item-text {width: 100%;}
    .section03__list-item-text > figure {padding-bottom: 10px;margin-bottom: 15px;;}
    .section03__list-item-text > figure > img {width: 130px;}
    .section03__list-item-text > strong {font-size: 17px;}
    .section03__list-item-text > strong br {display: none;}
    .section03__list-item-text > p {font-size: 14px;}
    .section03__list-item-text > p br {display: none;}



    .section04 {margin-bottom: 100px;}
    .section04 .section-wrap {}
    .section04__partner {gap: 25px 30px;}
    .section04__partner-item:nth-child(1) {width: 97px;}
    .section04__partner-item:nth-child(2) {width: 87px;}
    .section04__partner-item:nth-child(3) {width: 99px;}
    .section04__partner-item:nth-child(4) {width: 61px;}
    .section04__partner-item:nth-child(5) {width: 76px;}
    .section04__partner-item:nth-child(6) {width: 110px;}
    .section04__partner-item:nth-child(7) {width: 105px;}
    .section04__partner-item:nth-child(8) {width: 113px;}
    .section04__partner-item:nth-child(9) {width: 115px;margin: 0 0;}
    .section04__partner-item:nth-child(10) {width: 96px;margin: 0 0;}
    .section04__partner-item:nth-child(10) > img {transform: translateY(-9px);}

    .section05 {padding: 100px 0;}
    .section05 .section-wrap {flex-direction: column;align-items: inherit;padding: 0 30px;}
    .section05__info {width: 100%;padding: 0;margin-bottom: 70px;}
    .section05__info-logo {width: 200px;margin-bottom: 40px;}
    .section05__info-cont > li {font-size: 14px;line-height: 1.4;}
    .section05__info-cont > li > strong {width: 93px;}
    .section05__info-cont > li > p {width: calc(100% - 93px);}
    .section05__history {width: 100%;}
    .section05__history > ul::before {top: -15px;width: 2px;height: calc(100% + 30px);}
    .section05__history > ul > li {margin-bottom: 20px;;padding-left: 20px;font-size: 14px;}
    .section05__history > ul > li::before {top: 3px;width: 10px;height: 10px;}

}