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


#main {}




.section01 {margin-bottom: 150px;background: url("/_wavedream/images/main/main_01_01.webp") no-repeat center center/cover;text-align: center;}
.section01 .section-wrap {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100vh;max-height: 1080px; }
.section01__img {width: 90%;max-width: 514px;margin-bottom: 43px;}
.section01__img > img {width: 100%;}
.section01__title {margin-bottom: 110px;}
.section01__sub {}
.section01__sub > p {margin-bottom: 27px;font-size: 25px; color: #fff;}
.section01__sub > figure {max-width: 365px;margin: 0 auto;}
.section01__sub > figure > img {width: 100%;}


.section02 {margin-bottom: 162px;}
.section02 .section-wrap {max-width: 1210px;margin: 0 auto;}
.section02__title {margin-bottom: 55px;text-align: center;}
.section02__list-wrap {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 25px;}
.section02__list-item {padding: 50px 20px 25px;border-radius: 15px;background: #f7f7f7;}
.section02__list-item > h3 {margin-bottom: 5px;font-size: 30px;font-weight: 900;color: var(--color-primary);letter-spacing: -0.05em;}
.section02__list-item:nth-child(7) > h3,
.section02__list-item:nth-child(12) > h3 {font-size: 35px;}
.section02__list-item > strong {display: block; margin-bottom: 15px;font-size: 19px;font-weight: 900;}
.section02__list-item > p {font-size: 16px;transform: skew(-0.1deg);}
.section02__list-item--symbol {align-self: center ;padding: 0 0; background: none;font-size: 0;}
.section02__list-item--symbol > figure {text-align: center;}
.section02__list-item--symbol > figure > img {width: 100%;max-width: 150px;}
.section02__list-nav {display: none;}

.section03 {position: relative; padding-bottom: 180px;overflow: hidden;}
.section03__background {}
.section03__background > img {width: 100%;max-height: 900px;object-fit: cover;}
.section03__logo {position: absolute;top: 75%;left: 51%;transform: translate(-50%, -50%); }
.section03__logo > img {width: calc(400 / 1920 * 100%);max-width: 400px;}
.section03__tv {position: absolute;top: 58%;left: 77%;transform: translate(-50%, -50%);width: calc(300 / 1920 * 100%);max-width: 300px;}
.section03__tv > img {width: 100%;}

@media all and (max-width: 1919px) {
    .seection03 {padding-bottom: calc(200 / 1920 * 100%);}
}


.section04 {padding-bottom: 200px;}
.section04 .section-wrap {padding: 0 0;}
.section04__title {margin-bottom: 50px;}
.section04__logo > ul {align-items: center;transition-timing-function: linear;}
.section04__logo > ul > li {max-width: max-content;margin-right: 80px;}
.section04__logo > ul > li > img {max-width: 168px;max-height: 80px;}
.section04__logo > ul > li > img[alt="참약사 로고"] {max-height: 30px;}
.section04__logo > ul > li > img[alt="에스케이브로드밴드 로고"] {transform: translateY(-15px);}
.section04__logo > ul > li > img[alt="대한병원행정관리자협회"] {max-width: 200px;}





@media all and (max-width:1024px) {
    .section01 {margin-bottom: 100px;}
    .section01 .section-wrap {height: calc(var(--vh, 1vh) * 100);}
    .section01__title {margin-bottom: 90px;}
    .section01__sub > p {margin-bottom: 20px;font-size: 18px;}
    .section01__sub > figure {width: 245px;}
    

    .section02 {margin-bottom: 100px;}
    .section02 .section-wrap {padding: 0 0;}
    .section02__title {margin-bottom: 30px;padding: 0 var(--layout-padding);}
    .section02__list {padding: 20px 0;}
    .section02__list-wrap {display: flex;gap: 0 0;}
    .section02__list-item {height: auto; border-radius: 5px; opacity: .5; transition: .4s;}
    .section02__list-item.swiper-slide-active {opacity: 1;transform: scale(1.15);box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 1;}
    .section02__list-item--symbol {display: none;}
    .section02__list-item > h3 {font-size: 20px;}
    .section02__list-item:nth-child(7) > h3, 
    .section02__list-item:nth-child(12) > h3 {font-size: 20px;}
    .section02__list-item > strong {margin-bottom: 10px;;font-size: 14px;}
    .section02__list-item > p {font-size: 12px;}
    .section02__list-nav {display: flex;}

    .section03 {padding-bottom: 130px;}
    .section03__background > img {height: 400px;object-fit: cover;}
    .section03__logo {top: 68%;}
    .section03__logo > img {width: 180px;}
    .section03__tv {top: 50%;width: 130px;}


    .section04 {padding:50px 0px 100px;}
    .section04__title {margin-bottom: 10px;font-size: 17px;}
    .section04__logo > ul > li {margin-right: 30px;}
    .section04__logo > ul > li > img {max-width: 100px; max-height: 50px;}
    .section04__logo > ul > li > img[alt="참약사 로고"] {max-height: 20px;}
    .section04__logo > ul > li > img[alt="에스케이브로드밴드 로고"] {transform: translateY(-7px);}
}