nav {position:fixed;top:0;bottom:0;margin:auto;right:160px;height:fit-content;}

.lounge-section.lounge-identity {background:#E7E5E4;}
.lounge-section.lounge-philosophy {background:url('/images/pc/sub/heritage/section-img-bg-01.jpg') no-repeat center center / cover;}
.lounge-section.lounge-system {background:url('/images/pc/sub/heritage/section-img-bg-02.jpg') no-repeat center center / cover;}
.lounge-section.lounge-program {background:#F8F8F8;}
.lounge-section.lounge-service {background:#E7E5E4;;}

.lounge-section .inner {width:100%;max-width:1600px;margin:0 auto;padding:120px 0;display:flex;justify-content:center;}
.lounge-section .inner .lounge-article {align-self:end;}

.lounge-title .title-desc {color:#555;font-size:16px;font-weight:500;line-height:24px;margin-bottom:20px;}
.lounge-title h3 {color:#222;font-size:44px;line-height:58px;font-weight:700;letter-spacing:-2px;}
.lounge-article p {color:#555;font-size:16px;line-height:24px;}
.lounge-article p + p {margin-top:30px;}

/* lounge-diagram */
.lounge-diagram {position:relative;width:100%;max-width:fit-content;}
.lounge-diagram .diagram-box {position:absolute;width:100%;top:0;}
.lounge-diagram .diagram-item {width:100%;}
.lounge-diagram .diagram-item li {width:fit-content;position:absolute;margin:0 auto;text-align:center;}

/* lounge-home */
.lounge-home {position:relative;z-index:-1;}
.lounge-home img {width:100%;}
.lounge-home .inner {position:absolute;left:0;right:0;bottom:80px;margin:0 auto;}
.lounge-home .inner h2 {font-family:"sangbleuogsans";font-size:72px;line-height:72px;color:#fff;letter-spacing:3.6px;text-align:center;}

/* lounge-identity */
.lounge-identity .inner picture {margin: 0 80px 0 170px;}

/* lounge-philosophy */
.lounge-philosophy .inner picture {margin: 0 100px 0 0;}
.lounge-philosophy .lounge-title .title-desc {color:#fff;}
.lounge-philosophy .lounge-title h3 {color:#fff;}
.lounge-philosophy .lounge-article p {color:#ccc;}
.lounge-philosophy .diagram-item li {color:#fff;font-size:22px;line-height:33px;font-weight:700;}
.lounge-philosophy .diagram-item li:nth-child(1) {top:114px;left:-91px;right:0;}
.lounge-philosophy .diagram-item li:nth-child(2) {top:460px;right:auto;left:100px;}
.lounge-philosophy .diagram-item li:nth-child(3) {left:-97px;right:0;top:336px;}
.lounge-philosophy .diagram-item li:nth-child(4) {top:460px;right:200px;}

/* lounge-system */
.lounge-system .inner {display:block}
.lounge-system .diagram-item li {color:#222;font-size:32px;line-height:42px;font-weight:700;top:309px;}
.lounge-system .diagram-item li:nth-child(1) {left:254px;}
.lounge-system .diagram-item li:nth-child(2) {left:486px;}
.lounge-system .diagram-item li:nth-child(3) {left:754px;}
.lounge-system .diagram-item li:nth-child(4) {right:210px;top:286px;color:#fff;}

/* lounge-program */
.lounge-program .inner {display:block;}
.lounge-program .lounge-title {text-align:center;margin-bottom:100px;}
.lounge-program .card-list {display:flex;flex-wrap:wrap;gap:80px 100px;}
.lounge-program .card-list li {width: calc(50% - 50px);}
.lounge-program .card-visual {display:flex;justify-content:center;}
.lounge-program .card-visual .card-info {width:290px;padding:40px 0 0 40px;background:#A29D96;}
.lounge-program .card-visual .card-info .card-label {color:#ccc;font-size:14px;font-weight:500;line-height:21px;margin-bottom:10px;}
.lounge-program .card-visual .card-info .card-title {color:#fff;font-size:32px;font-weight:700;line-height: 42px;}
.lounge-program .card-desc {margin:30px 0 0 40px;}
.lounge-program .card-desc strong {color:#222;font-size:22px;font-weight:700;line-height:33px;margin-bottom:10px;}
.lounge-program .card-desc p {color:#555;font-size:16px;line-height:24px;}

/* lounge-service */
.lounge-service .inner {position:relative;}
.lounge-service .inner {display: grid;grid-template-columns: 320px 1fr;column-gap: 160px;align-items: start;}
.lounge-service .lounge-title {position: sticky;top: 120px;align-self: start;}
.lounge-service .content-item {margin-top: 270px;}
.lounge-service .content-list { position: relative;padding-left: 160px;}
.lounge-service .content-list::before {content: "";position: absolute;top: 0;left: 80px;width: 1px;height: 100%;background: #ccc;}
.lounge-service .experience-item {position: relative;}
.lounge-service .experience-item + .experience-item {margin-top: 180px;}
.lounge-service .experience-index {position:absolute;top:0;left:-240px;font-size:22px;line-height:33px;font-weight: 700;color:#555;}
.lounge-service .experience-body {display: flex;flex-direction: column;gap: 36px;}
.lounge-service .experience-text {max-width: 420px;}
.lounge-service .experience-title { margin: 0 0 20px;word-break: keep-all;color:#222;font-size:32px;font-weight:700;line-height:42px;}
.lounge-service .experience-desc {margin: 0;word-break: keep-all;font-size:18px;line-height:28px;color:#555;}
.lounge-service .experience-body picture, .lounge-service .experience-body img {display: block;width: 100%;}
.lounge-service .experience-body img {border-radius: 24px;overflow: hidden;}
.lounge-service .experience-body picture {max-width: 920px;}





/* 모바일 1080px이하 */
@media (max-width:1080px) {

    .lounge-section img {width:100%;}

    .lounge-section .inner {display:block;padding:70px 20px;}

    .lounge-home .inner {bottom:40px;padding:0;}
    .lounge-home .inner h2 {font-size: 44px;line-height:58px;}

    .lounge-title .title-desc {font-size:14px;line-height:18px;}
    .lounge-title h3 {font-size:32px;line-height:42px;}
    .lounge-article p {font-size:14px;line-height:28px;}
    .lounge-article p + p {margin-top:20px;}

    /* lounge-identity */
    .lounge-identity .inner picture {margin:0;}
    .lounge-identity .inner img {margin:40px 0 30px;}    

    /* lounge-philosophy */
    .lounge-philosophy .inner picture {margin:0;}
    .lounge-philosophy .inner img {margin:40px 0 70px;}
    .lounge-philosophy .diagram-item li {color:#ccc;font-size: 14px;line-height:18px;}
    .lounge-philosophy .diagram-item li:nth-child(1) {top:92px;left:0;}
    .lounge-philosophy .diagram-item li:nth-child(2) {top:228px;left:30px;}
    .lounge-philosophy .diagram-item li:nth-child(3) {left:0;top:172px;}
    .lounge-philosophy .diagram-item li:nth-child(4) {top:228px;right:34px;}

    /* lounge-system */    
    .lounge-system .lounge-diagram {margin-top:60px;}
    .lounge-system .diagram-item li {font-size:18px;line-height:28px;top:40px;}
    .lounge-system .diagram-item li:nth-child(1) {left:48px;}
    .lounge-system .diagram-item li:nth-child(2) {left:132px;}
    .lounge-system .diagram-item li:nth-child(3) {left:236px;}
    .lounge-system .diagram-item li:nth-child(4) {right:0;left:0;top:226px;color:#fff;}

    /* lounge-program */
    .lounge-program .lounge-title {margin-bottom:40px;}
    .lounge-program .card-list {gap:40px 0;}
    .lounge-program .card-list li {width:100%;}
    .lounge-program .card-visual .card-info {padding:20px 0 0 15px;}
    .lounge-program .card-visual .card-info .card-label {font-size:11px;line-height: 14px;margin-bottom:5px;}
    .lounge-program .card-visual .card-info .card-title {font-size:18px;line-height:28px;}
    .lounge-program .card-desc {margin:20px 0 0 10px;}
    .lounge-program .card-desc strong {font-size:16px;line-height:24px;}
    .lounge-program .card-desc p {font-size:14px;line-height:18px;}

    /* lounge-service */
    .lounge-service .lounge-title {position:initial;}
    .lounge-service .content-item {margin-top:40px;}
    .lounge-service .content-list {padding-left: 20px;}
    .lounge-service .content-list::before {left:0;}
    .lounge-service .experience-item + .experience-item {margin-top:40px;}
    .lounge-service .experience-index {top:30px;left:0;font-size:14px;line-height:18px;}
    .lounge-service .experience-text {margin-top:68px;}
    .lounge-service .experience-title {font-size:22px;line-height:33px;margin: 0 0 20px;}
    .lounge-service .experience-desc {font-size:14px;line-height:18px;}
    



}