@charset "utf-8";
/* Variable */
:root {
  /* th {"name":"메인 - Primary", "type":"color"} */
  --primary: #0793aa;
  --primary-rgb: 217, 31, 41;
  /* th {"name":"보조 - Secondary", "type":"color"} */
  --secondary: #333850;
  --secondary-rgb: 51, 56, 80;
  /* th {"name":"성공/긍정", "type":"color"} */
  --success: #198754;
  --success-rgb: 25, 135, 84;
  /* th {"name":"정보/안내", "type":"color"} */
  --info: #0dcaf0;
  --info-rgb: 13, 202, 240;
  /* th {"name":"경고/주의", "type":"color"} */
  --warning: #ffc107;
  --warning-rgb: 255, 193, 7;
  /* th {"name":"실패/위험", "type":"color"} */
  --danger: #dc3545;
  --danger-rgb: 220, 53, 69;
  /* th {"name":"블랙", "type":"color"} */
  --black: #000;
  --black-rgb: 0, 0, 0;
  /* th {"name":"화이트", "type":"color"} */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  /* th {"name":"기본 배경 - Body", "type":"color"} */
  --body-bg: #fff;
  /* th {"name":"서브 배경 - SecondaryBG", "type":"color"} */
  --bg-color: #f7f7fb;
  /* th {"name":"텍스트1", "type":"color"} */
  --text-color1: #111111;
  /* th {"name":"텍스트2", "type":"color"} */
  --text-color2: #505050;
  /* th {"name":"텍스트3", "type":"color"} */
  --text-color3: #767676;
  /* th {"name":"텍스트4", "type":"color"} */
  --text-color4: #999999;
  /* th {"name":"라인1", "type":"color"} */
  --line-color1: #e5e5e5;
  /* th {"name":"라인2", "type":"color"} */
  --line-color2: #d4d4d8;
  /* th {"name":"라인3", "type":"color"} */
  --line-color3: #111111;
  /* th {"customNo":2,"custom":true,"type":"color","name":"추가1"} */
  --custom-color-2: #E7E7EBFF;
  --body-color: var(--text-color1);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--line-color1);
  --link-color: var(--text-color1);
  --link-hover-color: var(--text-color1);
  --code-color: #d63384;
}
body{
    color : #111;
}
.container-lg{
    max-width : 1200px;
    margin : 0 auto;
}
#sub2{
    margin-top : 5rem;
}
#sub2 .blind{
      position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
}
.h1{
    font-size : 3.5rem;
    font-weight: 700;
    line-height: 3.6rem;
}
.h2{
      color : #005C6EFF;
  font-weight: 700;
  font-size : 3rem;
}
.h3{
    font-size : 1.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing : -0.025rem;
}
.h4{
   font-size: 1.8rem;
   color : #111; 
   letter-spacing : -0.025rem;
   font-weight: 700 !important;
}
.h5 {
  color : #005C6EFF;
  font-weight: 700;
  font-size : 1.5rem;
}
.h6{
    color : #353535;
  font-weight: 500;
  font-size : 1.3rem;
}
.p1{
    font-size : 1.2rem;
    font-weight: 400;
    line-height: 2rem;
}
/* sub_about-N14 */
.sub_about-N14 {
    overflow: hidden;
    position: relative
}
.sub_about-N14 .title-area .h1{
    font-size : 3.5rem;
    color : #fff;
    text-shadow: 3px 1px 6px rgba(0, 0, 0, 0.3);
}
.sub_about-N14 .contents-container:not(.fullscreen) {
    display: flex;
    align-items: center;
    min-height: 60vh;
    background-color: #0793aa21;

    
}

.sub_about-N14 .contents-inner {
    width: 100%
}

.sub_about-N14 .title h2 {
    color: var(--text-color3);
    font-weight: var(--fw-bold)
}
/* sub_about-N14 [nDmb7HiN96] */
.sub_about-N14[id='nDmb7HiN96'] {
    height : 60vh;
    background: url(../../resources/images/crop_mb7hl629.png) no-repeat center / cover !important
}

@media (max-width: 992px) {
    .sub_about-N14[id='nDmb7HiN96'] {
        background: url(../../resources/images/sub_about_N14_02.png) no-repeat center/cover !important
    }

    .sub_about-N14[id='nDmb7HiN96'] .contents-container:not(.fullscreen) {
        display: block;
        min-height: 34rem
    }

    .sub_about-N14[id='nDmb7HiN96'] .title-area {
        margin-top: 12rem;
        text-align: center
    }
}
/* sub_about-N14 [nDmb7HiN96] */
.sub_about-N14[id='nDmb7HiN96'] {
    background: url(../../resources/images/crop_mb7jfqd5.png) no-repeat center / cover !important
}

@media (max-width: 992px) {
    .sub_about-N14[id='nDmb7HiN96'] {
        background: url(../../resources/images/sub_about_N14_02.png) no-repeat center/cover !important
    }

    .sub_about-N14[id='nDmb7HiN96'] .contents-container:not(.fullscreen) {
        display: block;
        min-height: 34rem
    }

    .sub_about-N14[id='nDmb7HiN96'] .title-area {
        margin-top: 12rem;
        text-align: center
    }
}
/* sub_about-N14 [nDmb7HiN96] */
.sub_about-N14[id='nDmb7HiN96'] {
    background: url(../../resources/images/crop_mb7lk2jr.png) no-repeat center / cover !important
}

@media (max-width: 992px) {
    .sub_about-N14[id='nDmb7HiN96'] {
        background: url(../../resources/images/sub_about_N14_02.png) no-repeat center/cover !important
    }

    .sub_about-N14[id='nDmb7HiN96'] .contents-container:not(.fullscreen) {
        display: block;
        min-height: 34rem
    }

    .sub_about-N14[id='nDmb7HiN96'] .title-area {
        margin-top: 12rem;
        text-align: center
    }
}
/* sub_office-N8 */
.sub_office-N8 {
    overflow: hidden;
    position: relative;
    padding-top: 16rem;
    padding-bottom: 10rem;
    background: var(--body-bg) !important
}

.sub_office-N8 .contents-inner {
    width: 100%
}

.sub_office-N8 .title-area {
    margin-bottom: 10rem
}

.sub_office-N8 .title-area h2 {
    color: #0793aa;
    font-size: 1.7rem;
    font-weight: 600;
}

.sub_office-N8 .title-area strong {
    display: block;
    margin: 0.4rem 0 2rem;
    font-size : 3rem;
}

.sub_office-N8 .title-area p {
    color: var(--text-color3);
    font-size: 1.2rem;
    line-height: 170%;
}

.sub_office-N8 .list-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0 21rem;
    position: relative;
    padding: 2rem 0;
    line-height: 140%;
    font-size : 1.2rem;
}

.sub_office-N8 .list-area::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: var(--border-color)
}

.sub_office-N8 .list-area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.1rem;
    height: 100%;
    background: var(--border-color)
}

.sub_office-N8 .logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    padding: 3rem;
    width: 20rem;
    min-height: 20rem;
    border-radius: 50%;
    background: var(--black)
}
 .ff-ico {
    position : absolute;
    right : 10%;
    bottom : 5%;
    width : 10%;
    height : 10%;
 }
.sub_office-N8 .logo-item img {
    height: 6.4rem;
    object-fit: contain
}

.sub_office-N8 .logo-item span {
    color: var(--white);
    font-weight: var(--fw-bold);
    text-align: center
}

.sub_office-N8 .item {
    display: flex;
    gap: 0.8rem
}

.sub_office-N8 .item i {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.2rem;
    font-style: normal;
    font-size : 2rem;
}



.sub_office-N8 .item p {
    margin-top: 0.8rem;
    color: var(--text-color3);
    font-size : 1.1rem;
}

.sub_office-N8 .item:nth-child(2),
.sub_office-N8 .item:nth-child(3) {
    padding-bottom: 8.4rem
}

.sub_office-N8 .item:nth-child(4),
.sub_office-N8 .item:nth-child(5) {
    padding-top: 8.4rem
}

@media (max-width: 992px) {
    .sub_office-N8 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .sub_office-N8 .title-area {
        margin-bottom: 5rem
    }

    .sub_office-N8 .title-area strong {
        margin: 0.4rem 0 1.2rem
    }

    .sub_office-N8 .list-area {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 0;
        padding: 0
    }

    .sub_office-N8 .list-area::before,
    .sub_office-N8 .list-area::after {
        content: none
    }

    .sub_office-N8 .logo-item {
        gap: 0.4rem;
        position: static;
        transform: none;
        margin: 0 auto 3.2rem;
        padding: 2rem 1rem;
        width: 14rem;
        min-height: 14rem
    }

    .sub_office-N8 .logo-item img {
        height: 3.5rem
    }

    .sub_office-N8 .list-area .item {
        gap: 0.4rem;
        padding: 2.4rem 0;
        border-bottom: 1px solid var(--border-color)
    }

    .sub_office-N8 .list-area .item:nth-child(2) {
        padding-top: 0
    }

    .sub_office-N8 .item i {
        width: 2.2rem;
        height: 3.4rem
    }

    .sub_office-N8 .item p {
        margin-top: 0.4rem
    }
}
/* sub_about-N12 */
.sub_about-N12 {
    overflow: hidden;
    position: relative;
    padding-top: 10rem;
    padding-bottom: 20rem
}

.sub_about-N12 .contents-inner {
    position: relative;
    display: flex;
    gap: 2rem;
    width: 100%
}

.sub_about-N12 .title-area {
    flex: 1 1 60.8rem
}

.sub_about-N12 .title-area p {
    margin-top: 2rem;
    color: var(--text-color3);
    font-weight: 300;
    line-height: 130%;
    font-size: 1.2rem;
}

.sub_about-N12 .list-area {
    flex: 1 1 73.2rem
}

.sub_about-N12 .list-area li {
    display: flex;
    gap: 4rem;
    padding: 3.2rem 0;
    border-bottom: 1px solid var(--border-color)
}

.sub_about-N12 .list-area li:first-child {
    padding-top: 0
}

.sub_about-N12 .list-area .desc p {
    margin-top: 0.8rem;
    color: var(--text-color3);
    font-weight: 400;
    font-size: 1rem;
    line-height: 140%;
}

@media (max-width: 992px) {
    .sub_about-N12 {
        padding-top: 5rem;
        padding-bottom: 10rem
    }

    .sub_about-N12 .contents-inner {
        display: block
    }

    .sub_about-N12 .title-area {
        margin-bottom: 5rem
    }

    .sub_about-N12 .title-area p {
        margin-top: 1.2rem
    }

    .sub_about-N12 .list-area li {
        gap: 2rem;
        padding: 2rem 0
    }

    .sub_about-N12 .list-area .desc p {
        margin-top: 0.4rem
    }
}
/* studio-N6 */
.studio-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: url(../../resources/images/studio_N6_01.png) no-repeat center/cover
}

.studio-N6 .block_overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
    /* background: var(--black) */
}

.studio-N6 .contents-container {
    display: flex;
    align-items: center;
    min-height: 20rem
}

.studio-N6 .title-area {
    width: 100%;
    text-align: center;
    z-index: 1;
}

.studio-N6 .title-area h2 {
    color: #0793aa;
    font-weight: 500;
}

.studio-N6 .title-area strong {
    display: block;
    /* margin: 0.6rem 0 2rem; */
    color: #0793aa
}

.studio-N6 .title-area p {
    color: var(--white);
    font-size : 1rem;
    line-height: 140%;
    font-weight : 300;
}
/* studio-N6 [Dpmb7aVR0n] */
@media (max-width: 992px) {
    .studio-N5 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .studio-N6[id='Dpmb7aVR0n'] .title-area strong {
        margin: 0.4rem 0 1.6rem
    }
}

@media (max-width: 576px) {
    .studio-N6[id='Dpmb7aVR0n'] {
        background: url(../../resources/images/studio_N6_02.png) no-repeat center/cover !important
    }
}
/* studio-N6 [Dpmb7aVR0n] */
@media (max-width: 992px) {
    .studio-N5 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .studio-N6[id='Dpmb7aVR0n'] .title-area strong {
        margin: 0.4rem 0 1.6rem
    }
}

@media (max-width: 576px) {
    .studio-N6[id='Dpmb7aVR0n'] {
        background: url(../../resources/images/studio_N6_02.png) no-repeat center/cover !important
    }
}
/* studio-N6 [Dpmb7aVR0n] */
@media (max-width: 992px) {
    .studio-N5 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .studio-N6[id='Dpmb7aVR0n'] .title-area strong {
        margin: 0.4rem 0 1.6rem
    }
}

@media (max-width: 576px) {
    .studio-N6[id='Dpmb7aVR0n'] {
        background: url(../../resources/images/studio_N6_02.png) no-repeat center/cover !important;
    }
}
/* office-N7 */
html {
    overflow-x: hidden
}

.office-N7 {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 20rem
}
.office-N7 .container-lg{
    max-width: 1200px;
    position : relative;
    margin : 0 auto;
    padding : 0 4rem;
}
.office-N7 .wrap-sticky {
    position: sticky;
    top: calc(50% - 36.2rem)
}

.office-N7 .group-title {
    max-width : 1200px;
    margin : 0 auto 6rem;
    
}

.office-N7 .group-title h2 {
    margin-bottom: 0.8rem
}

.office-N7 .slide-area {
    display: flex;
    gap: 2rem;
    width: max-content
}

.office-N7 .slide-item {
    display: flex;
    gap: 2.4rem;
    position: relative;
    width: 30rem;
    perspective: 3000px
}

.office-N7 .slide-item:nth-child(odd) {
    height: 36rem
}

.office-N7 .slide-item:nth-child(even) {
    height: 25rem
}

.office-N7 .slide-item .front,
.office-N7 .slide-item .back {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.2rem;
    backface-visibility: hidden;
    transition: transform 0.8s;
    transform-style: preserve-3d
}

.office-N7 .slide-item .back {
    transform: rotateY(180deg);
    background: #0793aa;
    pointer-events: none
}

.office-N7 .slide-item .front::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--black-rgb), 0.4);
    pointer-events: none
}

.office-N7 .thumb {
    width: 100%;
    height: 100%
}

.office-N7 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2rem
}

.office-N7 .desc {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 4rem;
    height: 100%;
    pointer-events: none
}

.office-N7 .desc h3,
.office-N7 .desc strong,
.office-N7 .desc p {
    color: var(--white);
    pointer-events: auto
}

.office-N7 .desc h3 {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 170%;
}
.office-N7 .desc .h5{
    font-size : 2rem;
    line-height: 135%;
}
.office-N7 .desc strong {
    font-weight: var(--fw-bold);
}

.office-N7 .desc p {
    flex: 1;
    margin-top: 1.2rem;
    line-height: 150%;
}

.office-N7 .desc i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: 2px solid var(--white);
    color: var(--white);
    font-size: 2rem;
    pointer-events: auto
}
/* office-N7 [LBMB7aQLif] */
@keyframes office-N7-fadeInAll {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes office-N7-fadeInHead {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 993px) {
    .office-N7[id='LBMB7aQLif'] .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item .desc strong {
        opacity: 1;
        visibility: visible
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .front {
        transform: rotateY(-180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .back {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc strong {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc>* {
        animation: office-N7-fadeInAll 0.3s ease 0.8s forwards !important
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .front {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .back {
        transform: rotateY(180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc strong {
        animation: office-N7-fadeInHead 0.3s ease 0.8s forwards
    }
}

@media (max-width: 992px) {
    .office-N7[id='LBMB7aQLif'] {
        padding-top: 5rem;
        padding-bottom: 10rem
    }

    .office-N7[id='LBMB7aQLif'] .wrap-sticky {
        overflow: hidden;
        top: calc(50% - 23.6rem);
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .office-N7[id='LBMB7aQLif'] .group-title {
        margin-bottom: 4rem;
        padding: 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .group-title h2 {
        margin-bottom: 0.4rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-area {
        gap: 1.6rem;
        padding: 0 3.2rem 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item {
        width: 28rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) {
        height: 36rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) {
        height: 26rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .front,
    .office-N7[id='LBMB7aQLif'] .slide-item .back {
        border-radius: 1rem
    }

    .office-N7[id='LBMB7aQLif'] .desc {
        padding: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .desc h3,
    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .desc p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .office-N7[id='LBMB7aQLif'] .desc h3 {
        -webkit-line-clamp: 1;
        margin-bottom: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc p {
        opacity: 1;
        visibility: visible;
        margin-top: 0.8rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) .desc p {
        -webkit-line-clamp: 10
    }

    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) .desc p {
        -webkit-line-clamp: 2
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc i {
        display: none
    }
}
/* office-N7 [LBMB7aQLif] */
@keyframes office-N7-fadeInAll {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes office-N7-fadeInHead {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 993px) {
    .office-N7[id='LBMB7aQLif'] .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item .desc strong {
        opacity: 1;
        visibility: visible
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .front {
        transform: rotateY(-180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .back {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc strong {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc>* {
        animation: office-N7-fadeInAll 0.3s ease 0.8s forwards !important
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .front {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .back {
        transform: rotateY(180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc strong {
        animation: office-N7-fadeInHead 0.3s ease 0.8s forwards
    }
}

@media (max-width: 992px) {
    .office-N7[id='LBMB7aQLif'] {
        padding-top: 5rem;
        padding-bottom: 10rem
    }

    .office-N7[id='LBMB7aQLif'] .wrap-sticky {
        overflow: hidden;
        top: calc(50% - 23.6rem);
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .office-N7[id='LBMB7aQLif'] .group-title {
        margin-bottom: 4rem;
        padding: 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .group-title h2 {
        margin-bottom: 0.4rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-area {
        gap: 1.6rem;
        padding: 0 3.2rem 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item {
        width: 28rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) {
        height: 36rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) {
        height: 26rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .front,
    .office-N7[id='LBMB7aQLif'] .slide-item .back {
        border-radius: 1rem
    }

    .office-N7[id='LBMB7aQLif'] .desc {
        padding: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .desc h3,
    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .desc p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .office-N7[id='LBMB7aQLif'] .desc h3 {
        -webkit-line-clamp: 1;
        margin-bottom: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc p {
        opacity: 1;
        visibility: visible;
        margin-top: 0.8rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) .desc p {
        -webkit-line-clamp: 10
    }

    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) .desc p {
        -webkit-line-clamp: 2
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc i {
        display: none
    }
}
/* office-N7 [LBMB7aQLif] */
@keyframes office-N7-fadeInAll {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes office-N7-fadeInHead {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 993px) {
    .office-N7[id='LBMB7aQLif'] .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item .desc strong {
        opacity: 1;
        visibility: visible
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .front {
        transform: rotateY(-180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .back {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc strong {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc>* {
        animation: office-N7-fadeInAll 0.3s ease 0.8s forwards !important
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .front {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .back {
        transform: rotateY(180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc strong {
        animation: office-N7-fadeInHead 0.3s ease 0.8s forwards
    }
}

@media (max-width: 992px) {
    .office-N7[id='LBMB7aQLif'] {
        padding-top: 5rem;
        padding-bottom: 10rem
    }

    .office-N7[id='LBMB7aQLif'] .wrap-sticky {
        overflow: hidden;
        top: calc(50% - 23.6rem);
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .office-N7[id='LBMB7aQLif'] .group-title {
        margin-bottom: 4rem;
        padding: 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .group-title h2 {
        margin-bottom: 0.4rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-area {
        gap: 1.6rem;
        padding: 0 3.2rem 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item {
        width: 28rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) {
        height: 36rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) {
        height: 26rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .front,
    .office-N7[id='LBMB7aQLif'] .slide-item .back {
        border-radius: 1rem
    }

    .office-N7[id='LBMB7aQLif'] .desc {
        padding: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .desc h3,
    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .desc p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .office-N7[id='LBMB7aQLif'] .desc h3 {
        -webkit-line-clamp: 1;
        margin-bottom: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc p {
        opacity: 1;
        visibility: visible;
        margin-top: 0.8rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) .desc p {
        -webkit-line-clamp: 10
    }

    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) .desc p {
        -webkit-line-clamp: 2
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc i {
        display: none
    }
}
/* office-N7 [LBMB7aQLif] */
@keyframes office-N7-fadeInAll {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes office-N7-fadeInHead {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 993px) {
    .office-N7[id='LBMB7aQLif'] .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item .desc strong {
        opacity: 1;
        visibility: visible
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .front {
        transform: rotateY(-180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .back {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc strong {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:hover .desc>* {
        animation: office-N7-fadeInAll 0.3s ease 0.8s forwards !important
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .front {
        transform: rotateY(0)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .back {
        transform: rotateY(180deg)
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc>* {
        opacity: 0;
        visibility: hidden;
        animation: none
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc h3,
    .office-N7[id='LBMB7aQLif'] .slide-item:not(:hover) .desc strong {
        animation: office-N7-fadeInHead 0.3s ease 0.8s forwards
    }
}

@media (max-width: 992px) {
    .office-N7[id='LBMB7aQLif'] {
        padding-top: 5rem;
        padding-bottom: 10rem
    }

    .office-N7[id='LBMB7aQLif'] .wrap-sticky {
        overflow: hidden;
        top: calc(50% - 23.6rem);
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .office-N7[id='LBMB7aQLif'] .group-title {
        margin-bottom: 4rem;
        padding: 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .group-title h2 {
        margin-bottom: 0.4rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-area {
        gap: 1.6rem;
        padding: 0 3.2rem 0 1.6rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item {
        width: 28rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) {
        height: 36rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) {
        height: 26rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .front,
    .office-N7[id='LBMB7aQLif'] .slide-item .back {
        border-radius: 1rem
    }

    .office-N7[id='LBMB7aQLif'] .desc {
        padding: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .desc h3,
    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .desc p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis
    }

    .office-N7[id='LBMB7aQLif'] .desc h3 {
        -webkit-line-clamp: 1;
        margin-bottom: 2rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc p {
        opacity: 1;
        visibility: visible;
        margin-top: 0.8rem
    }

    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(odd) .desc p {
        -webkit-line-clamp: 10
    }

    .office-N7[id='LBMB7aQLif'] .desc strong,
    .office-N7[id='LBMB7aQLif'] .slide-item:nth-child(even) .desc p {
        -webkit-line-clamp: 2
    }

    .office-N7[id='LBMB7aQLif'] .slide-item .desc i {
        display: none
    }
}
/* office-N8 */
.office-N8 {
    overflow: hidden;
    position: relative;
    padding : 10rem 0;
    background: url(../../resources/images/office_N8_01.png) no-repeat center/cover
}

.office-N8 .block_overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.5;
    background: var(--black)
}

.office-N8 .fullscreen {
    align-items: flex-start
}

.office-N8 .contents-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.office-N8 .title-area {
    margin-bottom: 6rem;
    width: 100%
}

.office-N8 .title-area h2,
.office-N8 .title-area strong {
    color: var(--white)
}

.office-N8 .title-area h2 {
    margin-bottom: 0.8rem
}

.office-N8 .thumb-area {
    overflow: hidden;
    position: relative;
    width: 100vw
}

.office-N8 .thumb-list {
    display: flex;
    width: max-content
}

.office-N8 .thumb-list.row {
    animation: office-N8-Loop 30s infinite linear
}

.office-N8 .thumb-list.row-reverse {
    animation: office-N8-LoopReverse 30s infinite linear
}

.office-N8 .thumb-list+.thumb-list {
    margin-top: 2rem
}

.office-N8 .thumb {
    flex-shrink: 0;
    overflow: hidden;
    margin-left: 2rem;
    padding: 2.5rem;
    width: 28rem;
    height: 9rem;
    border-radius: 1.2rem;
    background: rgba(var(--white-rgb), 0.7)
}

.office-N8 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain
}
/* office-N8 [iTmB7HBtq3] */
@keyframes office-N8-Loop {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes office-N8-LoopReverse {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 992px) {
    .office-N8[id='iTmB7HBtq3'] {
        padding-top: 10rem;
        padding-bottom: 10rem;
        background: url(../../resources/images/office_N8_14.png) no-repeat center/cover !important
    }

    .office-N8[id='iTmB7HBtq3'] .title-area {
        margin-bottom: 4rem
    }

    .office-N8[id='iTmB7HBtq3'] .title-area h2 {
        margin-bottom: 0.4rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb {
        margin-left: 1.6rem;
        padding: 2.1rem;
        width: 23.2rem;
        height: 8rem;
        border-radius: 1rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb-list+.thumb-list {
        margin-top: 1.6rem
    }
}
/* office-N8 [iTmB7HBtq3] */
@keyframes office-N8-Loop {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes office-N8-LoopReverse {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 992px) {
    .office-N8[id='iTmB7HBtq3'] {
        padding-top: 10rem;
        padding-bottom: 10rem;
        background: url(../../resources/images/office_N8_14.png) no-repeat center/cover !important
    }

    .office-N8[id='iTmB7HBtq3'] .title-area {
        margin-bottom: 4rem
    }

    .office-N8[id='iTmB7HBtq3'] .title-area h2 {
        margin-bottom: 0.4rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb {
        margin-left: 1.6rem;
        padding: 2.1rem;
        width: 23.2rem;
        height: 8rem;
        border-radius: 1rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb-list+.thumb-list {
        margin-top: 1.6rem
    }
}
/* office-N8 [iTmB7HBtq3] */
@keyframes office-N8-Loop {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes office-N8-LoopReverse {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 992px) {
    .office-N8[id='iTmB7HBtq3'] {
        padding-top: 10rem;
        padding-bottom: 10rem;
        background: url(../../resources/images/office_N8_14.png) no-repeat center/cover !important
    }

    .office-N8[id='iTmB7HBtq3'] .title-area {
        margin-bottom: 4rem
    }

    .office-N8[id='iTmB7HBtq3'] .title-area h2 {
        margin-bottom: 0.4rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb {
        margin-left: 1.6rem;
        padding: 2.1rem;
        width: 23.2rem;
        height: 8rem;
        border-radius: 1rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb-list+.thumb-list {
        margin-top: 1.6rem
    }
}
/* office-N8 [iTmB7HBtq3] */
@keyframes office-N8-Loop {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes office-N8-LoopReverse {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 992px) {
    .office-N8[id='iTmB7HBtq3'] {
        padding-top: 10rem;
        padding-bottom: 10rem;
        background: url(../../resources/images/office_N8_14.png) no-repeat center/cover !important
    }

    .office-N8[id='iTmB7HBtq3'] .title-area {
        margin-bottom: 4rem
    }

    .office-N8[id='iTmB7HBtq3'] .title-area h2 {
        margin-bottom: 0.4rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb {
        margin-left: 1.6rem;
        padding: 2.1rem;
        width: 23.2rem;
        height: 8rem;
        border-radius: 1rem
    }

    .office-N8[id='iTmB7HBtq3'] .thumb-list+.thumb-list {
        margin-top: 1.6rem
    }
}
/* book-N9 */
.book-N9 {
    overflow: hidden;
    position: relative;
    padding-top: 12rem;
    padding-bottom: 12rem;
    background: var(--bg-color)
}

.book-N9 .contents-inner {
    width: 100%
}

.book-N9 .title-area {
    margin-bottom: 6rem;
    text-align: center;
    color : #111;
}

.book-N9 .accordset.accent-header .accordset-item.active .accordset-button {
    background: #fff7f0
}

.book-N9 .accordset .accordset-q {
    color: #0793aa
}

.book-N9 .accordset .accordset-q,
.book-N9 .accordset .accordset-a {
    line-height: inherit
}

.book-N9 .accordset-header p {
    display: flex;
    align-items: center;
    align-self: stretch
}

.book-N9 .accordset .accordset-body,
.book-N9 .accordset.accordset-plus .accordset-item.active .accordset-body {
    background: #f8f8fa
}

.book-N9 .accordset .accordset-content {
    padding: 2.4rem
}
/* book-N9 [bPMb7hcK67] */
@media (max-width: 992px) {
    .book-N9[id='bPMb7hcK67'] {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .book-N9[id='bPMb7hcK67'] .title-area {
        margin-bottom: 1.8rem
    }

    .book-N9[id='bPMb7hcK67'] .accordset .accordset-content {
        padding: 1.6rem
    }
}
/* book-N9 [bPMb7hcK67] */
@media (max-width: 992px) {
    .book-N9[id='bPMb7hcK67'] {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .book-N9[id='bPMb7hcK67'] .title-area {
        margin-bottom: 1.8rem
    }

    .book-N9[id='bPMb7hcK67'] .accordset .accordset-content {
        padding: 1.6rem
    }
}
/* book-N9 [bPMb7hcK67] */
@media (max-width: 992px) {
    .book-N9[id='bPMb7hcK67'] {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .book-N9[id='bPMb7hcK67'] .title-area {
        margin-bottom: 1.8rem
    }

    .book-N9[id='bPMb7hcK67'] .accordset .accordset-content {
        padding: 1.6rem
    }
}
/* book-N9 [bPMb7hcK67] */
@media (max-width: 992px) {
    .book-N9[id='bPMb7hcK67'] {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .book-N9[id='bPMb7hcK67'] .title-area {
        margin-bottom: 1.8rem
    }

    .book-N9[id='bPMb7hcK67'] .accordset .accordset-content {
        padding: 1.6rem
    }
}
/* furniture-N23 */
.furniture-N23 {
    position: relative;
    padding-top: 7rem;
    padding-bottom: 7rem;
    overflow: hidden
}

.furniture-N23 .contents-inner {
    width: 100%
}

.furniture-N23 .title-area {
    margin-bottom: 6rem;
    text-align: center
}

.furniture-N23 .title-area h2 {
    color: var(--text-color3);
    font-weight: 500;
}

.furniture-N23 .title-area p {
    margin-top: 1.2rem
}

.furniture-N23 .detail-area {
    height: 33rem;
    display: flex;
    justify-content: center;
    gap: 2rem
}

.furniture-N23 .detail-item {
    flex: 1 0;
    display: flex;
    position: relative;
    border-radius: 0.8rem;
    transition: flex 0.3s, max-height 0.3s;
    will-change: flex, max-height;
    overflow: hidden
}

.furniture-N23 .detail-item::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), 30%, rgba(128, 128, 128, 0))
}

.furniture-N23 .detail-item.active {
    flex: 3.78
}

.furniture-N23 .detail-item img {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.furniture-N23 .item-desc {
    padding: 2.4rem;
    position: absolute;
    left: 0;
    bottom: 0
}

.furniture-N23 .item-desc strong {
    font-weight: var(--fw-bold);
    display: block
}

.furniture-N23 .item-desc strong,
.furniture-N23 .item-desc p {
    height: 0;
    will-change: height, opacity;
    overflow: hidden;
    opacity: 0
}

.furniture-N23 .item-desc span,
.furniture-N23 .item-desc strong,
.furniture-N23 .item-desc p {
    color: #fff
}

.furniture-N23 .detail-item.active .item-desc strong {
    margin: 1.2rem 0 1rem
}

.furniture-N23 .detail-item.active .item-desc strong,
.furniture-N23 .detail-item.active .item-desc p {
    height: auto;
    transition: opacity 0.3s 0.2s;
    opacity: 1
}
/* furniture-N23 [NCMb7BFF3t] */
@media (max-width: 992px) {
    .furniture-N23[id='NCMb7BFF3t'] {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .contents-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area {
        margin-bottom: 3rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area p {
        margin-top: .8rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-area {
        flex-direction: column;
        gap: 1.4rem;
        height: auto
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item,
    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-width: 100%
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        height: 100vh;
        max-height: 20rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 40rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc {
        padding: 1.5rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc span {
        font-weight: var(--fw-bold)
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active span {
        display: none
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active .item-desc strong {
        margin: 0 0 0.8rem
    }
}

@media (max-width: 576px) {
    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        max-height: 10rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 20rem
    }
}
/* furniture-N23 [NCMb7BFF3t] */
@media (max-width: 992px) {
    .furniture-N23[id='NCMb7BFF3t'] {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .contents-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area {
        margin-bottom: 3rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area p {
        margin-top: .8rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-area {
        flex-direction: column;
        gap: 1.4rem;
        height: auto
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item,
    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-width: 100%
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        height: 100vh;
        max-height: 20rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 40rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc {
        padding: 1.5rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc span {
        font-weight: var(--fw-bold)
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active span {
        display: none
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active .item-desc strong {
        margin: 0 0 0.8rem
    }
}

@media (max-width: 576px) {
    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        max-height: 10rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 20rem
    }
}
/* furniture-N23 [NCMb7BFF3t] */
@media (max-width: 992px) {
    .furniture-N23[id='NCMb7BFF3t'] {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .contents-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area {
        margin-bottom: 3rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area p {
        margin-top: .8rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-area {
        flex-direction: column;
        gap: 1.4rem;
        height: auto
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item,
    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-width: 100%
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        height: 100vh;
        max-height: 20rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 40rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc {
        padding: 1.5rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc span {
        font-weight: var(--fw-bold)
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active span {
        display: none
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active .item-desc strong {
        margin: 0 0 0.8rem
    }
}

@media (max-width: 576px) {
    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        max-height: 10rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 20rem
    }
}
/* furniture-N23 [NCMb7BFF3t] */
@media (max-width: 992px) {
    .furniture-N23[id='NCMb7BFF3t'] {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .contents-container {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area {
        margin-bottom: 3rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .title-area p {
        margin-top: .8rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-area {
        flex-direction: column;
        gap: 1.4rem;
        height: auto
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item,
    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-width: 100%
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        height: 100vh;
        max-height: 20rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 40rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc {
        padding: 1.5rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .item-desc span {
        font-weight: var(--fw-bold)
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active span {
        display: none
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active .item-desc strong {
        margin: 0 0 0.8rem
    }
}

@media (max-width: 576px) {
    .furniture-N23[id='NCMb7BFF3t'] .detail-item {
        max-height: 10rem
    }

    .furniture-N23[id='NCMb7BFF3t'] .detail-item.active {
        max-height: 20rem
    }
}
/* hospital2-N14 */
.hospital2-N14 {
    overflow: hidden;
    position: relative;
    padding-top: 8rem;
    padding-bottom: 8rem
}

.hospital2-N14 .contents-inner {
    width: 100%
}

.hospital2-N14 .title-area h2 {
    margin-bottom: 4rem;
    text-align: center;
    color: #111
}

.hospital2-N14 .list-area {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 60rem));
    gap: 0.7rem;
    justify-content: center;
    width: 100%;
    min-height: 28rem;
}

.hospital2-N14 .container-sm .list-area {
    grid-template-columns: repeat(2, minmax(0, auto)) !important;
    height: auto
}

.hospital2-N14 .container-sm .list-area .item.active {
    grid-column: span 2;
    grid-row: inherit
}

.hospital2-N14 .item {
    padding: 2.4rem;
    background: #f8f8fa;
    transition: background 0.3s
}

.hospital2-N14 .item.active {
    grid-column: span 2;
    grid-row: span 2;
    padding: 2rem;
    background: #EAF9F8;
    position: relative;
}

.hospital2-N14 .item.active .wrap {
    display: none
}

.hospital2-N14 .item.active .wrap-active {
    display: block
}

.hospital2-N14 .item .wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.hospital2-N14 .item strong {
    color: #111;
    font-weight: 500;
}

.hospital2-N14 .item.active strong {
    font-weight: var(--fw-bold)
}

.hospital2-N14 .item .wrap img {
    margin-left: auto;
    width: 3.5rem;
    height: 3.5rem
}

.hospital2-N14 .item .wrap-active {
    display: none
}

.hospital2-N14 .item .wrap-active p {
    margin: 2rem 0 2rem;
    color: #111;
    font-size: 1.2rem;
    line-height: 140%;
}

.hospital2-N14 .item .link-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;

}

.hospital2-N14 .item .link-wrap a {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    width : 100%;
}

.hospital2-N14 .item .ico-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid #111;
    color: var(--text-color1);
    transition: border .3s, background .3s, color .3s
}

.hospital2-N14 .item .ico-arrow img {
    width: 1rem;
    height: 1rem;
    transition: filter .3s
}

.hospital2-N14 .link-wrap>img {
    width: 5rem;
    height: 5rem;
    position : absolute;
    bottom : 5%;
    right : 5%;
}

.hospital2-N14 .item .link-wrap a:hover .ico-arrow {
    border-color: transparent;
    background: #0793aa;
    color: var(--white)
}

.hospital2-N14 .item .link-wrap a:hover .ico-arrow img {
    filter: invert(1)
}
/* hospital2-N14 [niMb7C7mDn] */
@media (max-width: 992px) {
    .hospital2-N14[id='niMb7C7mDn'] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .title-area {
        margin-bottom: 3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .list-area {
        grid-template-columns: repeat(2, minmax(0, auto)) !important;
        gap: 1.2rem;
        height: auto
    }

    .hospital2-N14[id='niMb7C7mDn'] .item.active {
        grid-column: span 2;
        grid-row: inherit;
        padding: 4rem 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item {
        padding: 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap {
        gap: 1rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap img {
        width: 4rem;
        height: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap-active p {
        margin: 1.4rem 0 2.4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .link-wrap a {
        gap: 0.8rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow {
        width: 2.9rem;
        height: 2.9rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow img {
        width: 1.3rem;
        height: 1.3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .link-wrap>img {
        width: 10rem;
        height: 10rem
    }
}
/* hospital2-N14 [niMb7C7mDn] */
@media (max-width: 992px) {
    .hospital2-N14[id='niMb7C7mDn'] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .title-area {
        margin-bottom: 3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .list-area {
        grid-template-columns: repeat(2, minmax(0, auto)) !important;
        gap: 1.2rem;
        height: auto
    }

    .hospital2-N14[id='niMb7C7mDn'] .item.active {
        grid-column: span 2;
        grid-row: inherit;
        padding: 4rem 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item {
        padding: 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap {
        gap: 1rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap img {
        width: 4rem;
        height: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap-active p {
        margin: 1.4rem 0 2.4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .link-wrap a {
        gap: 0.8rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow {
        width: 2.9rem;
        height: 2.9rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow img {
        width: 1.3rem;
        height: 1.3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .link-wrap>img {
        width: 10rem;
        height: 10rem
    }
}
/* hospital2-N14 [niMb7C7mDn] */
@media (max-width: 992px) {
    .hospital2-N14[id='niMb7C7mDn'] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .title-area {
        margin-bottom: 3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .list-area {
        grid-template-columns: repeat(2, minmax(0, auto)) !important;
        gap: 1.2rem;
        height: auto
    }

    .hospital2-N14[id='niMb7C7mDn'] .item.active {
        grid-column: span 2;
        grid-row: inherit;
        padding: 4rem 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item {
        padding: 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap {
        gap: 1rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap img {
        width: 4rem;
        height: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap-active p {
        margin: 1.4rem 0 2.4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .link-wrap a {
        gap: 0.8rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow {
        width: 2.9rem;
        height: 2.9rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow img {
        width: 1.3rem;
        height: 1.3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .link-wrap>img {
        width: 10rem;
        height: 10rem
    }
}
/* hospital2-N14 [niMb7C7mDn] */
@media (max-width: 992px) {
    .hospital2-N14[id='niMb7C7mDn'] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .title-area {
        margin-bottom: 3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .list-area {
        grid-template-columns: repeat(2, minmax(0, auto)) !important;
        gap: 1.2rem;
        height: auto
    }

    .hospital2-N14[id='niMb7C7mDn'] .item.active {
        grid-column: span 2;
        grid-row: inherit;
        padding: 4rem 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item {
        padding: 2rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap {
        gap: 1rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap img {
        width: 4rem;
        height: 4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .wrap-active p {
        margin: 1.4rem 0 2.4rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .link-wrap a {
        gap: 0.8rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow {
        width: 2.9rem;
        height: 2.9rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .item .ico-arrow img {
        width: 1.3rem;
        height: 1.3rem
    }

    .hospital2-N14[id='niMb7C7mDn'] .link-wrap>img {
        width: 10rem;
        height: 10rem
    }
}
/* opilsol-N9 */
.opilsol-N9 {
    overflow: hidden;
    position: relative;
    background: url(../../resources/images/about-visual.jpg) no-repeat center/cover
}

.opilsol-N9 .contents-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54rem
}

.opilsol-N9 .contents-inner {
    width: 100%;
    text-align: center
}

.opilsol-N9 .contents-container h2 {
    color: #005c6e;

}

.opilsol-N9 .contents-inner p {
    margin-top: 2rem;
    color: #005c6e
}
/* opilsol-N9 [aFmB7hgJwI] */
@media (max-width: 996px) {
    .opilsol-N9[id='aFmB7hgJwI'] {
        background: url(../../resources/images/about-m-visual.jpg) no-repeat center/cover !important
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-container {
        height: 50rem;
        justify-content: flex-start
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-inner {
        text-align: left
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-inner p {
        margin-top: 0.8rem
    }
}
/* opilsol-N9 [aFmB7hgJwI] */
@media (max-width: 996px) {
    .opilsol-N9[id='aFmB7hgJwI'] {
        background: url(../../resources/images/about-m-visual.jpg) no-repeat center/cover !important
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-container {
        height: 50rem;
        justify-content: flex-start
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-inner {
        text-align: left
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-inner p {
        margin-top: 0.8rem
    }
}
/* opilsol-N9 [aFmB7hgJwI] */
@media (max-width: 996px) {
    .opilsol-N9[id='aFmB7hgJwI'] {
        background: url(../../resources/images/about-m-visual.jpg) no-repeat center/cover !important
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-container {
        height: 50rem;
        justify-content: flex-start
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-inner {
        text-align: left
    }

    .opilsol-N9[id='aFmB7hgJwI'] .contents-inner p {
        margin-top: 0.8rem
    }
}
/* blank-N0 */
.blank-N0 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.blank-N0 .contents-container {
    text-align: center
}
/* blank-N0 [BKmb7J6vKd] */
.blank-N0[id='BKmb7J6vKd'] {
    background: #f7f7fb
}
/* blank-N0 [BKmb7J6vKd] */
.blank-N0[id='BKmb7J6vKd'] {
    background: #f7f7fb
}
/* blank-N0 [eHmb7KCSqk] */
.blank-N0[id='eHmb7KCSqk'] {
    background: var(--body-bg) !important
}
/* blank-N0 [OgmB7K9uZe] */
.blank-N0[id='OgmB7K9uZe'] {
    background: var(--body-bg) !important
}
/* blank-N0 [Vomb7MS3d6] */
.blank-N0[id='Vomb7MS3d6'] {
    background: var(--body-bg) !important
}
/* blank-N0 [WomB7O4P44] */
.blank-N0[id='WomB7O4P44'] {
    background: var(--body-bg) !important
}
/* blank-N0 [fqMb7O4uKZ] */
.blank-N0[id='fqMb7O4uKZ'] {
    background: var(--body-bg) !important
}
/* blank-N0 [wVmb7MshLW] */
.blank-N0[id='wVmb7MshLW'] {
    background: var(--body-bg) !important
}
/* bloomcity-N19 */
.bloomcity-N19 {
    overflow: hidden;
    position: relative;
    padding-top: 6rem;
    padding-bottom: 6rem
}

.bloomcity-N19 .contents-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6.5rem
}

.bloomcity-N19 .thumb {
    flex: 1 1 15.5rem;
    height: 25rem;
}

.bloomcity-N19 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bloomcity-N19 .desc {
    flex: 1
}

.bloomcity-N19 .desc strong {
    font-weight: var(--fw-bold)
}

.bloomcity-N19 .desc p {
    margin-top: 1.6rem;
    color: #666;
    font-size: 1.1rem;
    line-height: 140%;
}

@media (max-width: 992px) {
    .bloomcity-N19 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .bloomcity-N19 .contents-inner {
        flex-direction: column;
        gap: 1.6rem
    }

    .bloomcity-N19 .thumb {
        height: 24rem
    }

    .bloomcity-N19 .desc p {
        margin-top: 0.8rem
    }

    .bloomcity-N19 .thumb,
    .bloomcity-N19 .desc {
        flex: none;
        width: 100%
    }
}
/* temhafull2-N4 */
.temhafull2-N4 {
    position: relative;
   
    overflow: hidden
}

.temhafull2-N4 .contents-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    height: 50rem;
}

.temhafull2-N4 .contents-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    width: 100%
}

.temhafull2-N4 .contents-title {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 20rem;
}

.temhafull2-N4 .contents-title p {
    color: var(--white)
}

.temhafull2-N4 .contents-body {
    width: 100%;
    overflow: hidden
}

.temhafull2-N4 .contents-body>.textset {
    margin-bottom: 10rem
}

.temhafull2-N4 .textset .textset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--white)
}
.temhafull2-N4 .block_overlay{
        position: absolute;
    content: '';
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background: var(--white);
}
.temhafull2-N4 .textset .textset-tit+.textset-desc {
    margin-top: 3rem;
    line-height: 150%;
}

.temhafull2-N4 .textset .textset-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #d8d8d8;
}
.temhafull2-N4 .textset .h4{
    font-size: 1.5rem;
    line-height: 140%;
    
}
.temhafull2-N4 .contents-swiper {
    margin-left: -2rem
}

.temhafull2-N4 .swiper-slide {
    width: calc(100% / 3);
    padding: 0 2rem
}

.temhafull2-N4 .swiper-slide .textset {
    padding-top: 2rem;
    border-top: 1px solid #aaa
}

.temhafull2-N4 .swiper-slide .textset .textset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.1rem;
}

.temhafull2-N4 .swiper-slide .textset .textset-tit+.textset-desc {
    margin-top: 2rem
}

.temhafull2-N4 .swiper-slide .textset .textset-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #e9e9e9
}

.temhafull2-N4 .swiper-pagination {
    top: calc(100% - 2rem);
    bottom: auto;
    text-align: left
}

.temhafull2-N4 .swiper-pagination-bullet {
    background: #57575b;
    opacity: 1
}

.temhafull2-N4 .swiper-pagination-bullet-active {
    background: var(--white)
}

@media (max-width: 1280px) {
    .temhafull2-N4 .contents-title {
        width: 20rem
    }
}

@media (max-width: 992px) {
    .temhafull2-N4 {
        padding-top: 9rem;
        padding-bottom: 4rem;
        background: url(../../resources/images/img_visual_bg02_m.png) no-repeat center/cover !important
    }

    .temhafull2-N4 .contents-container {
        height: 68rem
    }

    .temhafull2-N4 .contents-inner {
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        height: 100%
    }

    .temhafull2-N4 .contents-title {
        width: 100%;
        margin-bottom: 3rem
    }

    .temhafull2-N4 .contents-body>.textset {
        margin-bottom: 5rem
    }

    .temhafull2-N4 .textset .textset-tit+.textset-desc {
        margin-top: 2rem
    }

    .temhafull2-N4 .textset .textset-desc {
        -webkit-line-clamp: 4
    }

    .temhafull2-N4 .swiper-slide {
        width: 100%
    }

    .temhafull2-N4 .swiper-slide .textset {
        padding-top: 1.2rem
    }

    .temhafull2-N4 .swiper-slide .textset .textset-tit {
        -webkit-line-clamp: 2
    }

    .temhafull2-N4 .swiper-slide .textset .textset-tit+.textset-desc {
        margin-top: 1.2rem
    }

    .temhafull2-N4 .swiper-slide .textset .textset-desc {
        -webkit-line-clamp: 8
    }
}
/* solution-N5 */
.solution-N5 {
    overflow: hidden;
    position: relative;
    padding-top: 20rem;
    padding-bottom: 20rem
}

.solution-N5 .contents-inner {
    width: 100%
}

.solution-N5 .title-area {
    margin-bottom: 8rem;
    text-align: center
}

.solution-N5 .title-area p {
    margin-top: 0.8rem;
    color: var(--text-color2)
}

.solution-N5 .item {
    display: flex;
    gap: 4rem;
    position: relative
}

.solution-N5 .item:nth-child(1) {
    z-index: 4
}

.solution-N5 .item:nth-child(2) {
    z-index: 3
}

.solution-N5 .item:nth-child(3) {
    z-index: 2
}

.solution-N5 .text-box {
    flex: 1 0 41.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.solution-N5 .text-box h3 {
    display: flex;
    align-items: center;
    gap: 0.4rem
}

.solution-N5 .text-box h3 i {
    color: #0793aa
}

.solution-N5 .text-box h3 span {
    font-weight: 500;
}

.solution-N5 .text-box strong {
    display: block;
    margin: 0.8rem 0 1.6rem;
    font-weight: 500;
}
.solution-N5 .text-box p{
    font-size: 1.1rem;
    line-height: 150%;
}
.solution-N5 .thumb-wrap {
    flex: 1 1 82.4rem;
    height: 62rem
}

.solution-N5 .thumb {
    width: 100%;
    height: 100%
}

.solution-N5 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem
}
/* solution-N5 [LmMB7Iy0Q1] */
@media (max-width: 996px) {
    .solution-N5[id='LmMB7Iy0Q1'] {
        padding-top: 9rem;
        padding-bottom: 7rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .title-area {
        margin-bottom: 4rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .item {
        flex-direction: column;
        gap: 3.2rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .item+.item {
        margin-top: 4rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .text-box {
        flex: none
    }

    .solution-N5[id='LmMB7Iy0Q1'] .text-box strong {
        margin-bottom: 1.4rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .thumb-wrap {
        flex: none;
        height: 24.9rem
    }
}
/* solution-N5 [LmMB7Iy0Q1] */
@media (max-width: 996px) {
    .solution-N5[id='LmMB7Iy0Q1'] {
        padding-top: 9rem;
        padding-bottom: 7rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .title-area {
        margin-bottom: 4rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .item {
        flex-direction: column;
        gap: 3.2rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .item+.item {
        margin-top: 4rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .text-box {
        flex: none
    }

    .solution-N5[id='LmMB7Iy0Q1'] .text-box strong {
        margin-bottom: 1.4rem
    }

    .solution-N5[id='LmMB7Iy0Q1'] .thumb-wrap {
        flex: none;
        height: 24.9rem
    }
}
/* solution-N3 */
.solution-N3 {
    overflow: hidden;
    position: relative;
    padding-top: 16rem;
    background: url(../../resources/images/solution_N3_01.png) no-repeat center/cover
}

.solution-N3 .contents-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.solution-N3 .title-area {
    margin-bottom: 8rem;
    width: 100%;
    text-align: center
}

.solution-N3 .title-area p {
    margin: 0.8rem 0 4rem
}

.solution-N3 .link-wrap {
    display: flex;
    justify-content: center;
    gap: 0.8rem
}

.solution-N3 .link-wrap a {
    transition: opacity 0.3s
}

.solution-N3 .link-wrap a:hover {
    opacity: 0.7
}

.solution-N3 .link-wrap a img {
    width: 14.3rem;
    object-fit: contain
}

.solution-N3 .thumb-area {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.solution-N3 .contents-container.container-full .thumb-area {
    margin: 0 auto;
    width: 100%;
    max-width: 144rem
}

.solution-N3 .thumb-area::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 20.8rem;
    background: url(../../resources/images/solution_N3_08.png) no-repeat center/cover
}

.solution-N3 .thumb-area img {
    object-fit: cover
}

.solution-N3 .thumb-area .phone {
    align-self: flex-end;
    width: 54.8rem;
    height: 61.2rem
}

.solution-N3 .thumb-area .app-view {
    position: absolute
}

.solution-N3 .thumb-area .banner1 {
    left: 2.6rem;
    transform: translateY(-3.5rem);
    width: 42.6rem;
    animation: float1 4s ease-in-out infinite
}

.solution-N3 .thumb-area .banner2 {
    top: 0;
    right: -5.4rem;
    width: 38rem;
    animation: float2 3s ease-in-out infinite
}

.solution-N3 .thumb-area .banner3 {
    right: 4.4rem;
    transform: translateY(10.5rem);
    width: 50.8rem;
    animation: float3 8s ease-in-out infinite
}

@keyframes float1 {
    0% {
        transform: translateY(-3.5rem)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-3.5rem)
    }
}

@keyframes float2 {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(1.5rem)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes float3 {
    0% {
        transform: translateY(10.5rem)
    }

    50% {
        transform: translateY(15.5rem)
    }

    100% {
        transform: translateY(10.5rem)
    }
}

@media (max-width: 1280px) {
    .solution-N3 .thumb-area .banner1 {
        left: -4.4rem
    }
}

@media (max-width: 992px) {
    .solution-N3 {
        padding-top: 9.2rem;
        background: url(../../resources/images/solution_N3_09.png) no-repeat center/cover
    }

    .solution-N3 .contents-container {
        height: 60rem
    }

    .solution-N3 .title-area {
        margin-bottom: 4rem
    }

    .solution-N3 .title-area p {
        margin: 0.6rem 0 2.4rem
    }

    .solution-N3 .link-wrap {
        gap: 0.4rem;
        flex-wrap: wrap
    }

    .solution-N3 .link-wrap a img {
        width: 10.7rem
    }

    .solution-N3 .thumb-area {
        overflow: hidden;
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .solution-N3 .contents-container.container-full .thumb-area {
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem)
    }

    .solution-N3 .thumb-area picture {
        align-self: flex-start
    }

    .solution-N3 .thumb-area::after {
        height: 21.2rem;
        background: url(../../resources/images/solution_N3_14.png) no-repeat center/cover
    }

    .solution-N3 .thumb-area .phone {
        width: 100%;
        max-width: 30rem;
        height: auto
    }

    .solution-N3 .thumb-area .banner1 {
        left: auto;
        right: 60%;
        width: 27.5rem;
        animation: none
    }

    .solution-N3 .contents-container.fullscreen .banner1 {
        right: 54%
    }

    .solution-N3 .thumb-area .banner2 {
        right: 12.6rem;
        width: 24rem;
        animation: none
    }

    .solution-N3 .thumb-area .banner3 {
        right: 0;
        transform: translateY(10rem);
        width: 38rem;
        animation: none
    }

    .solution-N3 .contents-container.fullscreen .banner3 {
        transform: translateY(-3rem)
    }
}

@media (max-width: 676px) {
    .solution-N3 .contents-container {
        height: 70rem
    }

    .solution-N3 .thumb-area .banner1 {
        left: -0.2rem;
        right: auto;
        transform: translateY(7rem);
        width: 20.5rem
    }

    .solution-N3 .contents-container.fullscreen .thumb-area .banner1 {
        transform: translateY(1rem)
    }

    .solution-N3 .thumb-area .banner2 {
        right: -1rem;
        top: -1rem;
        width: 16rem
    }

    .solution-N3 .thumb-area .banner3 {
        transform: translate(37%, -0.5rem);
        width: 21rem
    }

    .solution-N3 .contents-container.fullscreen .banner3 {
        transform: translate(37%, -4.5rem)
    }
}
/* studio-N5 */
.studio-N5 {
    overflow: hidden;
    position: relative;
    padding-top: 12rem;
    padding-bottom: 12rem
}

.studio-N5 .contents-inner {
    width: 100%
}

.studio-N5 .title-area {
    margin-bottom: 6rem;
    text-align: center
}

.studio-N5 .title-area h2 {
    font-weight: 500;
}

.studio-N5 .title-area strong {
    display: block;
    margin: 0.6rem 0 2rem
}

.studio-N5 .thumb-area {
    overflow: hidden;
    position: relative
}

.studio-N5 .thumb-area::before,
.studio-N5 .thumb-area::after {
    content: "";
    position: absolute;
    top: -5rem;
    z-index: 1;
    width: 37.6rem;
    height: calc(100% + 10rem)
}

.studio-N5 .thumb-area::before {
    background: url(../../resources/images/studio_N5_15.png) no-repeat center/cover;
    left: -5rem
}

.studio-N5 .thumb-area::after {
    background: url(../../resources/images/studio_N5_16.png) no-repeat center/cover;
    right: -5rem
}

.studio-N5 .thumb-list {
    display: flex;
    gap: 2rem;
    width: max-content
}

.studio-N5 .thumb-list.row {
    animation: sutdio-N5-Loop 30s infinite linear
}

.studio-N5 .thumb-list.row-reverse {
    animation: sutdio-N5-LoopReverse 30s infinite linear
}

.studio-N5 .thumb-list+.thumb-list {
    margin-top: 2rem
}

.studio-N5 .thumb {
    overflow: hidden;
    flex-shrink: 0;
    width: 24rem;
    height: 16rem;
    border-radius: 0.6rem
}

.studio-N5 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@keyframes sutdio-N5-Loop {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(calc(-50% - 1rem), 0, 0)
    }
}

@keyframes sutdio-N5-LoopReverse {
    0% {
        transform: translate3d(calc(-50% - 1rem), 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 992px) {
    .studio-N5 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .studio-N5 .title-area {
        margin-bottom: 4rem
    }

    .studio-N5 .title-area strong {
        margin: 0.4rem 0 1.6rem
    }

    .studio-N5 .thumb-area::before,
    .studio-N5 .thumb-area::after {
        width: 20rem
    }
}
/* contest-N7 */
.contest-N7 {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: #f5f5f5
}

.contest-N7 .contents-inner {
    width: 100%;
    position: relative
}

.contest-N7 .title-area {
    margin-bottom: 8rem;
    text-align: center
}

.contest-N7 .list-area {
    display: flex;
    align-items: stretch;
    gap: 10rem;
    position: relative
}

.contest-N7 .thumb {
    flex: 1;
    padding-top: 6.6rem
}

.contest-N7 .img-wrap {
    position: sticky;
    top: 8.6rem
}

.contest-N7 .thumb img {
    display: block;
    width: auto;
    object-fit: contain
}

.contest-N7 .thumb .img-1 {
    margin: 0 auto;
    height: 32.6rem;
    animation: contest-N7-float-1 4s ease-in-out 0s infinite
}

.contest-N7 .thumb .img-2 {
    transform: translateY(15.3rem);
    height: 12rem;
    animation: contest-N7-float-2 3.2s ease-in-out 0.3s infinite
}

.contest-N7 .thumb .img-3 {
    margin-left: auto;
    transform: translateY(9.2rem);
    height: 30rem;
    animation: contest-N7-float-3 2.5s ease-in-out 0.8s infinite
}

.contest-N7 .list {
    flex: 1;
    position: relative
}

.contest-N7 .list li+li {
    margin-top: 14rem
}

.contest-N7 .list li>* {
    transition: color 0.3s
}

.contest-N7 .list li h3 {
    margin-bottom: 0.4rem
}

.contest-N7 .list li h3,
.contest-N7 .list li span,
.contest-N7 .list li p {
    color: #bdbdbd
}

.contest-N7 .list li p {
    margin-top: 2.4rem
}

.contest-N7 .list li.active h3 {
    color: var(--text-color1)
}

.contest-N7 .list li.active span,
.contest-N7 .list li.active p {
    color: var(--text-color2)
}

@keyframes contest-N7-float-1 {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-1.6rem)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes contest-N7-float-2 {
    0% {
        transform: translateY(15.3rem)
    }

    50% {
        transform: translateY(16.7rem)
    }

    100% {
        transform: translateY(15.3rem)
    }
}

@keyframes contest-N7-float-3 {
    0% {
        transform: translateY(9.2rem)
    }

    50% {
        transform: translateY(8.6rem)
    }

    100% {
        transform: translateY(9.2rem)
    }
}

@keyframes contest-N7-float-1-mo {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-1.2rem)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes contest-N7-float-2-mo {
    0% {
        transform: translateY(14.3rem)
    }

    50% {
        transform: translateY(15.8rem)
    }

    100% {
        transform: translateY(14.3rem)
    }
}

@keyframes contest-N7-float-3-mo {
    0% {
        transform: translateY(12rem)
    }

    50% {
        transform: translateY(15.5rem)
    }

    100% {
        transform: translateY(12rem)
    }
}

@media (max-width: 992px) {
    .contest-N7 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .contest-N7 .title-area {
        margin-bottom: 4rem
    }

    .contest-N7 .thumb {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        width: 100%;
        height: 100%
    }

    .contest-N7 .img-wrap {
        position: static
    }

    .contest-N7 .list li h3 {
        color: var(--text-color1)
    }

    .contest-N7 .list li span,
    .contest-N7 .list li p {
        color: var(--text-color2)
    }

    .contest-N7 .list li+li {
        margin-top: 8rem
    }

    .contest-N7 .list li p {
        margin-top: 1.6rem
    }

    .contest-N7 .thumb img {
        opacity: 0.72
    }

    .contest-N7 .thumb .img-1 {
        height: 19.8rem;
        animation: contest-N7-float-1-mo 4s ease-in-out 0s infinite
    }

    .contest-N7 .thumb .img-2 {
        transform: translateY(14.3rem);
        height: 7.3rem;
        animation: contest-N7-float-2-mo 3.2s ease-in-out 0.3s infinite
    }

    .contest-N7 .thumb .img-3 {
        transform: translateY(24rem);
        height: 18.2rem;
        animation: contest-N7-float-3-mo 2.5s ease-in-out 0.8s infinite
    }
}
/* contest-N9 */
.contest-N9 {
    overflow: hidden;
    position: relative;
    background: #f5f5f5
}

.contest-N9 .contents-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.contest-N9 .title-area {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    pointer-events: none
}

.contest-N9 .title-area h2 {
    display: inline-block;
    margin-bottom: 4rem;
    pointer-events: auto
}

.contest-N9 .link-wrap {
    display: flex;
    justify-content: center;
    gap: 1.2rem;
    pointer-events: none
}

.contest-N9 .link-wrap .btnset {
    pointer-events: auto
}

.contest-N9 .btnset+.btnset {
    margin: 0
}

.contest-N9 .thumb-area {
    overflow: hidden;
    position: relative;
    width: 100vw
}

.contest-N9 .thumb-area .dim {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(245, 245, 245, 0.6);
    pointer-events: none
}

.contest-N9 .thumb-area::before,
.contest-N9 .thumb-area::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 33.5rem;
    pointer-events: none
}

.contest-N9 .thumb-area::before {
    top: 0;
    transform: translateY(-25%);
    background: url(../../resources/images/contest_N9_01.png) no-repeat center/cover
}

.contest-N9 .thumb-area::after {
    bottom: 0;
    transform: translateY(35%);
    background: url(../../resources/images/contest_N9_02.png) no-repeat center/cover
}

.contest-N9 .thumb-list {
    display: flex;
    width: max-content
}

.contest-N9 .thumb-list.row {
    animation: contest-N9-Loop 30s infinite linear
}

.contest-N9 .thumb-list.row-reverse {
    animation: contest-N9-LoopReverse 30s infinite linear
}

.contest-N9 .thumb-list+.thumb-list {
    margin-top: 2rem
}

.contest-N9 .thumb {
    overflow: hidden;
    flex-shrink: 0;
    width: 42rem;
    height: 24rem;
    border-radius: 1.2rem
}

.contest-N9 .thumb+.thumb {
    margin-left: 2rem
}

.contest-N9 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@keyframes contest-N9-Loop {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes contest-N9-LoopReverse {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 992px) {
    .contest-N9 .title-area h2 {
        margin-bottom: 2rem
    }

    .contest-N9 .link-wrap {
        gap: 0.8rem
    }

    .contest-N9 .thumb-area::before,
    .contest-N9 .thumb-area::after {
        height: 10.4rem
    }

    .contest-N9 .thumb-area::before {
        background: url(../../resources/images/contest_N9_18.png) no-repeat center/cover;
        transform: translateY(-5%)
    }

    .contest-N9 .thumb-area::after {
        background: url(../../resources/images/contest_N9_19.png) no-repeat center/cover;
        transform: translateY(5%)
    }

    .contest-N9 .thumb-list+.thumb-list {
        margin-top: 1rem
    }

    .contest-N9 .thumb {
        width: 17.2rem;
        height: 9.9rem
    }

    .contest-N9 .thumb+.thumb {
        margin-right: 1rem
    }
}
/* accod */
/* ========== */
/* Accordion : Accordset */
.accordset {
  position: relative;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.accordset .accordset-item+.accordset-item {
  border-top: 1px solid var(--border-color);
}

.accordset .accordset-header {
  position: relative;
  background-color: #fff;
  font-size: 1.2rem;
}

.accordset .accordset-header::after {
  content: '+';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
  width: 2.8rem;
  height: 2.8rem;
  pointer-events: none;
}

.accordset .accordset-button {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 1.2rem 6rem 1.2rem 2.4rem;
  border: none;
  text-align: left;
  word-break: keep-all;
  border-radius: 0;
  transition: none;
  background-color:#fff;
}

.accordset .accordset-q {
  display: inline-block;
  margin-right: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #0793aa;
}

.accordset .accordset-a {
  display: inline-block;
  margin-right: 1.2rem;
  font-weight: 700;
  line-height: 1;
}

.accordset .accordset-body {
  display: none;
  border-top: 1px solid var(--border-color);
}

.accordset .accordset-content {
  display: flex;
  align-items: flex-start;
  padding: 3.2rem 2.4rem;
  word-break: keep-all;
}

.accordset.accordset-plus .accordset-header::after {
  content: '+';
  font-size : 1.7rem;
  font-weight: 300;
  text-align: center;
}

.accordset.accordset-plus .accordset-item.active .accordset-header::after {
  content: '-';
  font-size : 2.7rem;
  font-weight: 300;
  color : #ff0000 !important;
}

.accordset.accordset-plus .accordset-item.active .accordset-body {
  background: var(--bg-color);
}

.accordset.accordset-arrow .accordset-header::after {
  font-family: var(--ff-ico);
  text-align: center;
  transition: transform .4s;
  will-change: transform;
}

.accordset.accordset-arrow .accordset-item.active .accordset-header::after {
  transform: translateY(-50%) rotate(180deg);
}

.accordset.accordset-round {
  --radius: .8rem;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  overflow: hidden;
}

.accordset.accent-header .accordset-item.active .accordset-header::after {
  color: #0793aa;
}

.accordset.accent-header .accordset-item.active .accordset-button {
  background-color: rgba(var(--primary-rgb), .1);
  color: #0793aa;
}

.accordset.accent-body .accordset-item.active .accordset-content {
  color: #0793aa;
}

/* temhafull1-N6 */
.temhafull1-N6 {
    position: relative;
    padding-top: 12rem;
    padding-bottom: 12rem;
    overflow: hidden
}

.temhafull1-N6 .contents-inner {
    width: 100%
}

.temhafull1-N6 .contents-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.temhafull1-N6 .contents-top .h1{
    font-size: 3.5rem;
}
.temhafull1-N6 .btnset.btnset-icon {
    gap: 0.4rem;
    padding: 0
}

.temhafull1-N6 .btnset.btnset-icon:hover {
    color: #0793aa
}

.temhafull1-N6 .btnset.btnset-icon.ico-right::after {
    color: #0793aa
}

.temhafull1-N6 .ico-plus::after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../iconss/ico_plus_black.svg) no-repeat center/contain
}

.temhafull1-N6 .contents-item {
    position: relative
}

.temhafull1-N6 .contents-item:hover::before {
    background: #f7f9fb
}

.temhafull1-N6 .contents-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    transition: 0.3s
}

.temhafull1-N6 .contents-link {
    display: inline-block;
    width: 100%;
    padding: 3rem 0
}

.temhafull1-N6 .textset .textset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}
.temhafull1-N6 .textset .textset-tit .h4{
    font-size: 2rem;
}

.temhafull1-N6 .textset .textset-tit+.textset-desc {
    margin-top: 1.6rem
}

.temhafull1-N6 .textset .textset-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #75777a
}

.temhafull1-N6 .textset .textset-desc+.textset-text {
    margin-top: 1.6rem
}

.temhafull1-N6 .textset .textset-text {
    color: #272829
}

@media (max-width: 992px) {
    .temhafull1-N6 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .temhafull1-N6 .contents-top {
        margin-bottom: 3rem
    }

    .temhafull1-N6 .contents-link {
        padding: 2rem 0
    }

    .temhafull1-N6 .textset .textset-tit+.textset-desc,
    .temhafull1-N6 .textset .textset-desc+.textset-text {
        margin-top: 1.2rem
    }

    .temhafull1-N6 .textset .textset-desc {
        -webkit-line-clamp: 3
    }
}
/* lawfirm-N6 */
.lawfirm-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 12rem;
    padding-bottom: 12rem;
    background: #fafafa !important;
}

.lawfirm-N6 .contents-inner {
    width: 100%
}

.lawfirm-N6 .title-area {
    margin-bottom: 8rem
}

.lawfirm-N6 .title-area p {
    color: var(--white)
}

.lawfirm-N6 .title-area strong {
    display: block;
    margin-bottom: 1.6rem;
    color: var(--white)
}

.lawfirm-N6 .title-area h2 {
    color: #0793aa
}

.lawfirm-N6 .list-area li {
    display: flex;
    align-items: center;
    gap: 12rem;
    justify-content: space-between;
    padding: 4rem;
    border-top: 1px solid #534A43;
    transition: background .3s;
    color : #111 !important;
}

.lawfirm-N6 .list-area li:last-child {
    border-bottom: 1px solid #534A43
}

.lawfirm-N6 .list-area li:hover {
    background: #0793aa;
    color : #fff !important;
}

.lawfirm-N6 .text-wrap {
    flex: 1 1 60rem
}

.lawfirm-N6 .title strong {
    color: var(--white);
    transition: color .3s
}

.lawfirm-N6 .title p {
    margin-top: 1rem;
    color: var(--white);
    transition: color .3s
}

.lawfirm-N6 .list-area li:hover .title strong {
    color: var(--black)
}

.lawfirm-N6 .list-area li:hover .title p {
    color: var(--black)
}

.lawfirm-N6 .desc {
    position: relative;
    margin-top: 4rem
}

.lawfirm-N6 .desc::before {
    content: "";
    display: block;
    width: 4rem;
    height: 0.2rem;
    background: var(--white);
    transition: background .3s
}

.lawfirm-N6 .list-area li:hover .desc::before {
    background: var(--black)
}

.lawfirm-N6 .desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    margin-top: 1.2rem;
    min-height: 12rem;
    color: var(--text-color2);
    transition: color .3s
}

.lawfirm-N6 .list-area li:hover .desc p {
    color: var(--black)
}

.lawfirm-N6 .thumb {
    flex: 1 1 48rem;
    max-width: 56rem;
    height: 24rem
}

.lawfirm-N6 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 992px) {
    .lawfirm-N6 {
        padding-top: 5.4rem;
        padding-bottom: 5.4rem
    }

    .lawfirm-N6 .title-area {
        margin-bottom: 4rem
    }

    .lawfirm-N6 .title-area strong {
        margin-bottom: 1.2rem
    }

    .lawfirm-N6 .list-area li {
        flex-direction: column;
        gap: 4rem;
        padding: 2.4rem
    }

    .lawfirm-N6 .list-area li:hover {
        background: transparent
    }

    .lawfirm-N6 .text-wrap {
        flex: none;
        width: 100%
    }

    .lawfirm-N6 .title p {
        margin-top: .8rem
    }

    .lawfirm-N6 .list-area li:hover .title strong {
        color: var(--white)
    }

    .lawfirm-N6 .list-area li:hover .title p {
        color: var(--white)
    }

    .lawfirm-N6 .desc {
        margin-top: 2.4rem
    }

    .lawfirm-N6 .desc::before {
        width: 2.4rem
    }

    .lawfirm-N6 .list-area li:hover .desc::before {
        background: var(--white)
    }

    .lawfirm-N6 .desc p {
        -webkit-line-clamp: 4;
        margin-top: 1rem;
        min-height: 0
    }

    .lawfirm-N6 .list-area li:hover .desc p {
        color: var(--text-color2)
    }

    .lawfirm-N6 .thumb {
        flex: none;
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 576px) {
    .lawfirm-N6 .thumb {
        height: 14rem
    }
}
/* lawfirm-N7 */
.lawfirm-N7 {
    overflow: hidden;
    position: relative;
    padding-top: 12rem;
    padding-bottom: 12rem;
    background: #f1f1f1 !important;
}

.lawfirm-N7 .contents-inner {
    width: 100%
}

.lawfirm-N7 .title-area {
    margin-bottom: 8rem
}

.lawfirm-N7 .title-area p {
    color: var(--white)
}

.lawfirm-N7 .title-area strong {
    display: block;
    margin-bottom: 1.6rem;
    color: var(--white)
}

.lawfirm-N7 .title-area h2 {
    color: #0793aa
}

.lawfirm-N7 .slide-area {
    position: relative;
    z-index: 1
}

.lawfirm-N7 .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.lawfirm-N7 .item {
    padding: 2.4rem;
    background: var(--white);
    min-height: 27rem
}

.lawfirm-N7 .swiper-slide.center .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
    min-height: 56rem
}

.lawfirm-N7 .title {
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--border-color)
}

.lawfirm-N7 .title strong {
    display: block;
    margin-top: 1rem;
    font-weight: var(--fw-bold)
}

.lawfirm-N7 .desc {
    padding-top: 1.2rem
}

.lawfirm-N7 .desc em {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    font-weight: var(--fw-bold);
    font-style: normal;
    color: #666
}

.lawfirm-N7 .desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    margin-top: 1.6rem;
    color: #666
}

.lawfirm-N7 .swiper-slide.center .desc p {
    -webkit-line-clamp: 10
}

.lawfirm-N7 .user {
    display: flex;
    align-items: center;
    gap: 1.8rem;
    padding: 2.4rem;
    width: calc(100% + 4.8rem);
    background: #0793aa
}

.lawfirm-N7 .thumb {
    flex-shrink: 0;
    width: 6rem;
    height: 6rem
}

.lawfirm-N7 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.lawfirm-N7 .name {
    display: flex;
    align-items: center;
    gap: 1.4rem
}

.lawfirm-N7 .name p {
    font-weight: var(--fw-bold)
}

.lawfirm-N7 .line {
    width: 0.1rem;
    height: 1.4rem;
    background: var(--black)
}

.lawfirm-N7 .swiper-control {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.6rem;
    margin-top: 2.4rem
}

.lawfirm-N7 .paging {
    display: flex;
    align-items: center;
    gap: 0.8rem
}

.lawfirm-N7 .paging .curr {
    color: var(--white);
    font-weight: var(--fw-bold)
}

.lawfirm-N7 .paging .total {
    color: var(--text-color2)
}

.lawfirm-N7 .paging .line {
    height: 0.8rem;
    background: var(--text-color2)
}

.lawfirm-N7 .swiper-control button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    background: none;
    border: none;
    color: var(--white)
}

.lawfirm-N7 .swiper-control button img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.lawfirm-N7 .swiper-progress {
    margin-left: -0.8em
}

.lawfirm-N7 .swiper-progress button {
    display: none
}

.lawfirm-N7 .swiper-progress button.active {
    display: flex
}

.lawfirm-N7 .bg-text {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(-12%, 35%);
    font-size: 20rem;
    line-height: 28rem;
    font-weight: 500;;
    color: rgba(166, 133, 93, 0.08);
    white-space: nowrap
}

@media (max-width: 992px) {
    .lawfirm-N7 {
        padding-top: 5.4rem;
        padding-bottom: 5.4rem
    }

    .lawfirm-N7 .title-area {
        margin-bottom: 4rem
    }

    .lawfirm-N7 .title-area strong {
        margin-bottom: 1.2rem
    }

    .lawfirm-N7 .swiper-slide {
        gap: 1.6rem
    }

    .lawfirm-N7 .item {
        padding: 1.6rem;
        min-height: 24rem
    }

    .lawfirm-N7 .swiper-slide.center .item {
        gap: 1.6rem;
        min-height: 49.6rem
    }

    .lawfirm-N7 .title {
        margin-bottom: 1rem
    }

    .lawfirm-N7 .title strong {
        margin-top: 0.8rem
    }

    .lawfirm-N7 .desc {
        padding-top: 1rem
    }

    .lawfirm-N7 .desc p {
        margin-top: 1.2rem
    }

    .lawfirm-N7 .user {
        gap: 1.4rem;
        padding: 1.6rem;
        width: calc(100% + 3.2rem)
    }

    .lawfirm-N7 .thumb {
        width: 5.4rem;
        height: 5.4rem
    }

    .lawfirm-N7 .name {
        gap: 1.2rem
    }

    .lawfirm-N7 .line {
        height: 1.2rem
    }

    .lawfirm-N7 .swiper-control {
        gap: 1.2rem;
        margin-top: 1.6rem
    }

    .lawfirm-N7 .paging {
        gap: 0.6rem
    }

    .lawfirm-N7 .swiper-control button {
        width: 2rem;
        height: 2rem;
        font-size: 2rem
    }

    .lawfirm-N7 .swiper-progress {
        margin-left: -0.4em
    }

    .lawfirm-N7 .bg-text {
        left: 1rem;
        transform: translateY(30%);
        font-size: 11rem
    }
}

/* contest-N10 */
@import url(https://fonts.cdnfonts.com/css/creato-display);

.contest-N10 {
    overflow: hidden;
    position: relative
}

.contest-N10 .contents-container {
    padding: 0
}

.contest-N10 .loop-area {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100vw;
    min-height: 7rem;
    background: #0793aa
}

.contest-N10 .text-wrap {
    display: flex;
    white-space: nowrap
}

.contest-N10 .text-wrap span {
    padding-right: 2rem
}

@media (max-width: 992px) {
    .contest-N10 .loop-area {
        min-height: 4.6rem
    }

    .contest-N10 .text-wrap span {
        padding-right: 1.2rem
    }
}
/* basic-N57 */
.basic-N57 {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 8rem;
    overflow: hidden;
    background: #f7f7fb
}

.basic-N57 .textset {
    margin-bottom: 8rem
}

.basic-N57 .cardset {
    overflow: hidden
}

.basic-N57 .cardset .cardset-figure {
    height: 38rem;
    border-radius: 2rem;
    overflow: hidden
}

.basic-N57 .cardset .cardset-figure+.cardset-body {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    padding: 3.2rem;
    margin-top: 0;
    background: transparent
}

.basic-N57 .cardset .cardset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-color1)
}

.basic-N57 .cardset .cardset-tit+.cardset-desc {
    margin-top: 1.6rem;
    letter-spacing: -0.1rem;
    margin: 4rem 0
}

.basic-N57 .cardset .cardset-desc {
    color: var(--text-color3);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-top: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 0 !important
}

.basic-N57 .cardset-cont {
    padding: 6rem 4rem
}

.basic-N57 .contents-btn {
    margin-top: 4rem;
    text-align: center
}

.basic-N57 .contents-btn .btnset {
    min-width: 18rem;
    padding: 0 2rem
}

.basic-N57 .contents-btn .btnset::before {
    content: "";
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: var(--white);
    background-image: url(../iconss/ico_plus_white.svg)
}

@media (max-width: 992px) {
    .basic-N57 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .basic-N57 .textset {
        margin-bottom: 4rem
    }

    .basic-N57 .textset .textset-desc {
        padding-right: 0;
        word-break: keep-all
    }

    .basic-N57 .textset .textset-desc br {
        display: none
    }

    .basic-N57 .row {
        --th-gutter: 0.2rem
    }

    .basic-N57 .cardset .cardset-figure+.cardset-body {
        padding: 2rem
    }

    .basic-N57 .cardset {
        width: 100%
    }

    .basic-N57 .cardset+.cardset {
        margin-top: 2rem
    }

    .basic-N57 .cardset .cardset-cont {
        padding: 4rem 2.4rem
    }

    .basic-N57 .cardset-body {
        width: 100%
    }

    .basic-N57 .contents-btn .btnset {
        min-width: 16rem;
        padding: 0 1.6rem
    }
}

@media (max-width: 576px) {
    .basic-N57 .cardset-tit+.cardset-desc br {
        display: none
    }
}
/* sub_office-N5 */
.sub_office-N5 {
    overflow: hidden;
    position: relative;
        background: #fafafd;
    padding: 6rem 0;
}

.sub_office-N5 .contents-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;

}

.sub_office-N5 .contents-inner {
    display: flex;
    gap: 8rem;
    position: relative;
    margin-top: 5.8rem;
    
    width: 100%;

}


.sub_office-N5 .desc-area p {
    margin: 1rem 0;
    color: var(--text-color3);
    font-size : 1.4rem;
    line-height: 130%;
}

.sub_office-N5 .info-wrap {
    display: flex;
    align-items: center;
    gap: .8rem
}

.sub_office-N5 .info-wrap span {
    color: var(--text-color3)
}

.sub_office-N5 .info-wrap strong {
    font-weight: var(--fw-bold)
}

.sub_office-N5 .list-area {
    position: relative;
    padding: 16rem 0 26rem
}

.sub_office-N5 .bg-word {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(10.2rem);
    font-size: 16rem;
    font-family: var(--ff-ko3);
    font-weight: var(--fw-bold);
    line-height: 30rem;
    color: #f0f0f6;
    white-space: nowrap
}


.sub_office-N5 .h1{
    font-size: 1.7rem;
    line-height: 150%;
    margin-bottom : 1.5rem;
}
.sub_office-N5 .desc-area{
    width : 60%;
    z-index: 2;
}
.sub_office-N5 .thumb-area{
    width : 38%;
}
.sub_office-N5 .thumb-area img {
    position: absolute;
    bottom: -30%;
    z-index: 1;
    height: 100%;
    right : 0;
}

@media (max-width: 992px) {
    .sub_office-N5 {
        padding-top: 4rem;
        padding-bottom: 8rem
    }

    .sub_office-N5 .contents-container::before {
        content: none
    }

    .sub_office-N5 .contents-inner {
        flex-direction: column-reverse;
        gap: 3rem;
        margin-top: 8rem;
        padding: 0
    }

    .sub_office-N5 .thumb-area {
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-left: -1.6rem;
        padding: 3.9rem 1.6rem;
        width: calc(100% + 3.2rem);
        min-height: 37.8rem;
        background: #fafafd
    }

    .sub_office-N5 .thumb-area img {
        width: 28.4rem;
        height: 45.8rem;
        bottom: 0
    }

    .sub_office-N5 .bg-word {
        position: static;
        transform: none;
        font-size: 9rem;
        line-height: 48rem;
        text-align: center;
        white-space: normal
    }

    .sub_office-N5 .desc-area {
        flex: none;
        width: 100%
    }

    .sub_office-N5 .desc-area p {
        margin: 2rem 0 2.4rem
    }

    .sub_office-N5 .info-wrap {
        gap: 0.4rem;
        align-items: flex-end
    }

    .sub_office-N5 .info-wrap span {
        transform: translateY(-0.2rem)
    }
}
/* properties-N6 */
.properties-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: #f8f8f8
}

.properties-N6 .contents-inner {
    width: 100%
}

.properties-N6 .title-area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin-bottom: 6rem;
    text-align: center
}

.properties-N6 .ico-dot {
    width: 1.6rem;
    height: 1.6rem;
    background: url(../icons/ico_diamond.svg) no-repeat center/contain;
}

.properties-N6 .list-area {
    display: flex;
    justify-content: center;
    gap: 10rem 4rem;
    flex-wrap: wrap
}

.properties-N6 .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    width: 25%;

}

.properties-N6 .container-full .item {
    max-width: 50rem
}

.properties-N6 .thumb {
    width: 6rem;
    height: 6rem;
}

.properties-N6 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.properties-N6 .desc {
    text-align: center
}

.properties-N6 .desc strong {
    color: var(--primary)
}

.properties-N6 .desc p {
    margin-top: 1rem;
    color: #767676
}

@media (max-width: 992px) {
    .properties-N6 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .properties-N6 .title-area {
        flex-direction: column;
        gap: 0.6rem;
        margin-bottom: 3rem
    }

    .properties-N6 .ico-dot {
        width: 1.2rem;
        height: 1.2rem
    }

    .properties-N6 .list-area {
        gap: 6rem
    }

    .properties-N6 .item {
        max-width: 30rem
    }

    .properties-N6 .thumb {
        width: 8rem;
        height: 8rem
    }
}
/* loan-N6 */
.loan-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 12rem;
    padding-bottom: 12rem;
    background: #eef5ff
}

.loan-N6 .contents-inner {
    width: 100%
}

.loan-N6 .title-area {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    color : #111;
}
.loan-N6 .title-area .h3{
    line-height: 130%;
}
.loan-N6 .slide-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.loan-N6 .swiper {
    overflow: visible;
    margin: 0;
    width: 100vw
}

.loan-N6 .swiper-wrapper {
    align-items: center;
    min-height: 39.4rem
}
.loan-N6 .swiper-backface-hidden .swiper-slide{
    transform : translateZ(0);
    -webkit-backface-visibility : hidden;
    backface-visibility : hidden;
}
.loan-N6 .swiper-slide {
    transform: translateX(-3rem);
    padding: 2rem 3.8rem;
    width: 30.8rem;
    border-radius: 1.6rem;
    border: 2px solid transparent;
    background: #fff;
    transition: border-color 0.3s, transform 0.3s
}

.loan-N6 .swiper-slide:hover {
    border-color: #0793aa;
}

.loan-N6 .swiper-slide-next {
    transform: translateX(3rem);
}

.loan-N6 .swiper-slide-next~.swiper-slide {
    transform: translateX(3rem);
}

.loan-N6 .swiper-slide-active {
    transform: translate3d(0px, 0px, 0px) scale(1.234);
    border-color: #074a54;
}

.loan-N6 .badge.badge-round {
    padding: 0.4rem 1.6rem;
    max-width: 100%;
    font-weight: 700;
    transition: background 0.3s
}
.loan-N6 .badge.badge-mono{
    background-color : #111;
    border-radius: 1rem;
    color : #fff;
    font-weight: 300;
}
.loan-N6 .swiper-slide-active .badge {
    background: #0793aa;
}

.loan-N6 .ff-ico{
    right : 0;
    bottom : 2%;
}
.loan-N6 .swiper-slide strong {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin: 1.4rem 0
}

.loan-N6 .swiper-slide p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    height: 10rem;
    color: var(--text-color3);
    transition: height 0.3s
}

.loan-N6 .swiper-slide-active p {
    height: 10.53rem
}

.loan-N6 .swiper-slide a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 1.4rem;
    font-weight: 500;
}

.loan-N6 .swiper-slide i {
    display: flex;
    align-items: center
}

.loan-N6 .swiper-slide .ico-arrow::after {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: url(../iconss/ico_right_arrow.svg) no-repeat center/contain
}

.loan-N6 .slide-control {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    position: relative;
    margin-top: 4rem;
    width: 100%
}

.loan-N6 .swiper-pagination-progressbar {
    position: static;
    background: var(--white)
}

.loan-N6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--primary)
}

.loan-N6 .btn-wrap {
    display: flex;
    align-items: center;
    gap: 0.8rem
}

.loan-N6 .btn-wrap [class*="btn-"] {
    display: flex;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    background: transparent;
    border: none;
    color: var(--text-color1)
}

.loan-N6 .btn-wrap [class*="btn-"] img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.loan-N6 .btn-wrap .btn-pause,
.loan-N6 .btn-wrap .btn-play {
    display: none;
    font-size: 2rem
}

.loan-N6 .btn-wrap .btn-pause.active,
.loan-N6 .btn-wrap .btn-play.active {
    display: flex
}
@media (max-width: 1200px) {
    .loan-N6 .swiper {
        width: calc(100% + 8rem)
    }
}

@media (max-width: 992px) {
    .loan-N6 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .loan-N6 .title-area {
        margin-bottom: 5.4rem
    }

    .loan-N6 .swiper {
        width: 100%
    }

    .loan-N6 .swiper-wrapper {
        min-height: 29.8rem
    }

    .loan-N6 .swiper-slide {
        transform: translateX(-2rem);
        padding: 2.6rem 2rem;
        width: 27rem
    }

    .loan-N6 .swiper-slide:not(.swiper-slide-active):hover {
        border-color: transparent
    }

    .loan-N6 .swiper-slide-active {
        transform: scale(1.148)
    }

    .loan-N6 .swiper-slide-next {
        transform: translateX(2rem)
    }

    .loan-N6 .swiper-slide-next~.swiper-slide {
        transform: translateX(2rem)
    }

    .loan-N6 .swiper-slide .badge {
        padding: 0.4rem 1.6rem
    }

    .loan-N6 .swiper-slide strong {
        margin: 1.4rem 0 1.2rem
    }

    .loan-N6 .swiper-slide-active p {
        height: 9.9rem
    }

    .loan-N6 .btn-wrap {
        gap: 0.6rem
    }

    .loan-N6 .slide-control {
        margin-top: 4.6rem
    }

    .loan-N6 .btn-wrap .btn-pause,
    .loan-N6 .btn-wrap .btn-play {
        font-size: 1.8rem
    }
}
/* temhafull2-N5 */
.temhafull2-N5 {
    position: relative;
    background: url(https://images.unsplash.com/photo-1462556791646-c201b8241a94?ixid=M3w0OTE2MDd8MHwxfHNlYXJjaHw0Nnx8YnVzaW5lc3N8a298MHx8fHwxNzQ4Mzk5MDc0fDA&ixlib=rb-4.1.0) no-repeat center / cover !important;
    overflow: hidden;
    padding-top: 0rem
}

.temhafull2-N5 .contents-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    height: 85rem
}

.temhafull2-N5 .contents-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    width: 100%
}

.temhafull2-N5 .contents-title {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 20rem;
}

.temhafull2-N5 .contents-title p {
    color: var(--white)
}

.temhafull2-N5 .contents-body {
    width: 100%
}

.temhafull2-N5 .contents-body>.textset {
    margin-bottom: 10rem
}

.temhafull2-N5 .textset .textset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--white)
}

.temhafull2-N5 .textset .textset-tit+.textset-desc {
    margin-top: 3rem
}

.temhafull2-N5 .textset .textset-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #d8d8d8
}

.temhafull2-N5 .contents-swiper {
    max-width: 100%;
    margin-top: 10rem;
    overflow: hidden
}

.temhafull2-N5 .swiper-wrapper {
    position: relative;
    padding-left: 1rem
}

.temhafull2-N5 .swiper-wrapper::before {
    content: "";
    position: absolute;
    left: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 999vw;
    height: 1px;
    background-color: rgba(var(--white-rgb), 0.2)
}

.temhafull2-N5 .swiper-slide {
    position: relative;
    width: calc(100% / 5)
}

.temhafull2-N5 .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0.6rem;
    width: 1px;
    height: 2rem;
    background-color: rgba(var(--white-rgb), 0.2)
}

.temhafull2-N5 .swiper-slide:nth-child(even) .slide-inner {
    padding-top: 5.2rem;
    margin-top: 10.2rem
}

.temhafull2-N5 .swiper-slide:nth-child(odd) .slide-inner {
    padding-bottom: 5.2rem;
    margin-bottom: 10.02rem
}

.temhafull2-N5 .swiper-slide:nth-child(odd)::before {
    top: calc(50% - 2rem)
}

.temhafull2-N5 .swiper-slide:nth-child(even)::before {
    top: 50%
}

.temhafull2-N5 .swiper-slide .slide-inner {
    position: relative
}

.temhafull2-N5 .swiper-slide .slide-inner::after {
    content: "";
    position: absolute;
    left: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: var(--primary)
}

.temhafull2-N5 .swiper-slide:nth-child(odd) .slide-inner::after {
    top: calc(50% + 2.2rem)
}

.temhafull2-N5 .swiper-slide:nth-child(even) .slide-inner::after {
    bottom: calc(50% + 2.4rem)
}

.temhafull2-N5 .swiper-slide.on .slide-inner::before {
    content: "";
    position: absolute;
    left: -0.3rem;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--primary);
    border-radius: 50%
}

.temhafull2-N5 .swiper-slide.on:nth-child(odd)::after {
    bottom: -1.4rem
}

.temhafull2-N5 .swiper-slide.on:nth-child(odd) .slide-inner::after {
    top: calc(50% + 1.6rem)
}

.temhafull2-N5 .swiper-slide.on:nth-child(odd) .slide-inner::before {
    top: calc(50% + 1rem)
}

.temhafull2-N5 .swiper-slide.on:nth-child(even) .slide-inner::before {
    bottom: calc(50% + 1.1rem)
}

.temhafull2-N5 .swiper-slide.on:nth-child(even) .slide-inner::after {
    bottom: calc(50% + 1.7rem)
}

.temhafull2-N5 .contents-tit {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--white)
}

.temhafull2-N5 .contents-tit+.contents-desc {
    margin-top: 0.8rem
}

.temhafull2-N5 .contents-desc span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #e9e9e9
}

.temhafull2-N5 .block_overlay {
    position: absolute;
    content: '';
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    background: var(--black)
}

@media (max-width: 1280px) {
    .temhafull2-N5 .contents-title {
        width: 20rem
    }
}

@media (max-width: 992px) {
    .temhafull2-N5 {
        padding-top: 9rem;
        padding-bottom: 4rem;
        background: url(../images/img_visual_bg03_m.png) no-repeat center/cover !important
    }

    .temhafull2-N5 .contents-container {
        height: 68rem
    }

    .temhafull2-N5 .contents-inner {
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        height: 100%
    }

    .temhafull2-N5 .contents-title {
        width: 100%;
        margin-bottom: 3rem
    }

    .temhafull2-N5 .contents-body>.textset {
        margin-bottom: 5rem
    }

    .temhafull2-N5 .textset .textset-tit+.textset-desc {
        margin-top: 2rem
    }

    .temhafull2-N5 .textset .textset-desc {
        -webkit-line-clamp: 4
    }

    .temhafull2-N5 .swiper-slide {
        width: calc(100% / 2.5)
    }

    .temhafull2-N5 .swiper-slide:nth-child(odd) .slide-inner {
        padding-bottom: 4.6rem;
        margin-bottom: 12rem
    }

    .temhafull2-N5 .swiper-slide:nth-child(even) .slide-inner {
        padding-top: 4.6rem;
        margin-top: 12rem
    }

    .temhafull2-N5 .swiper-slide:nth-child(even) .slide-inner::after {
        bottom: calc(50% + 3.2rem)
    }

    .temhafull2-N5 .swiper-slide:nth-child(odd) .slide-inner::after {
        top: calc(50% + 3.2rem)
    }

    .temhafull2-N5 .swiper-slide.on:nth-child(odd) .slide-inner::before {
        top: calc(50% + 2rem)
    }

    .temhafull2-N5 .swiper-slide.on:nth-child(odd) .slide-inner::after {
        top: calc(50% + 2.6rem)
    }

    .temhafull2-N5 .swiper-slide.on:nth-child(even) .slide-inner::after {
        bottom: calc(50% + 2.6rem)
    }

    .temhafull2-N5 .swiper-slide.on:nth-child(even) .slide-inner::before {
        bottom: calc(50% + 2rem)
    }

    .temhafull2-N5 .contents-tit+.contents-desc {
        margin-top: 0.4rem
    }

    .temhafull2-N5 .contents-desc {
        min-height: 4rem
    }

    .temhafull2-N5 .contents-desc span {
        -webkit-line-clamp: 2
    }
}
/* wedding-N10 */
.wedding-N10 {
    overflow: hidden;
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: url(https://images.unsplash.com/photo-1507831228884-93d43e81a99d?ixid=M3w0OTE2MDd8MHwxfHNlYXJjaHw0fHxDUEF8a298MHx8fHwxNzQ4NDk1NDcyfDA&ixlib=rb-4.1.0) no-repeat center / cover !important
}

.wedding-N10 .title-area {
    width: 1200PX;
    box-sizing: border-box;
    margin : 0 auto;
}

.wedding-N10 .title-area h2 {
    font-weight: var(--fw-bold)
}

.wedding-N10 .title-area p {
    margin: 0.8rem 0 4rem;
    color : #fff !important;
    text-shadow: 3px 3px 3px rgba(111,108,108,0.5);
}

.wedding-N10 .ico-down::after {
    content: "";
    margin-left: 0.4rem;
    width: 2rem;
    height: 2rem;
    background: url(../icons/ico_download.svg) no-repeat center/contain
}
.wedding-N10 .btnset-primary{
    color : #fff;
    background-color: var(--primary);
    border-radius: 0.4rem;
    padding : 1rem 2.2rem;
}
@media (max-width: 992px) {
    .wedding-N10 {
        padding-top: 7rem;
        padding-bottom: 7rem;
        background: url(../images/wedding_N10_02.png) no-repeat center/cover !important
    }

    .wedding-N10 .contents-container {
        min-height: 26rem
    }

    .wedding-N10 .title-area p {
        margin: 0.8rem 0 2.6rem
    }

    .wedding-N10 .ico-down::after {
        margin-left: 0.2rem
    }
}
/* luckyshop-N6 */
.luckyshop-N6 {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

.luckyshop-N6 .contents-inner {
    width: 100%
}

.luckyshop-N6 .content-title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem
}

.luckyshop-N6 .content-title-box .title-wrap {
    display: flex;
    align-items: flex-end
}

.luckyshop-N6 .content-title-box .title-wrap .title {
    color: var(--black)
}

.luckyshop-N6 .content-title-box .title-wrap p {
    color: var(--text-color4);
    margin-left: 0.8rem
}

.luckyshop-N6 .content-title-box .title-link {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.luckyshop-N6 .content-title-box .title-link span {
    color: var(--black);
    margin-right: 0.8rem
}

.luckyshop-N6 .content-title-box .title-link em {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background: var(--white);
    border-radius: 1rem;
    border: 1px solid var(--line-color1)
}

.luckyshop-N6 .content-swiper {
    overflow: hidden;
    position: relative
}

.luckyshop-N6 .content-swiper .swiper-wrapper {
    height: 100%;
    position: relative
}

.luckyshop-N6 .cardset {
    position: relative;
    width: 100%;
    display: flex;
}
.luckyshop-N6 .cardset .cardset-round{
    border-radius: 5rem;
    overflow: hidden;
}
.luckyshop-N6 .cardset .co-gary {
    color: var(--text-color4)
}

.luckyshop-N6 .cardset .co-red {
    color: #ee1c25
}

.luckyshop-N6 .cardset .cardset-desc {
    margin-bottom: 0
}

.luckyshop-N6 .cardset .cardset-desc+.cardset-desc {
    margin-top: 0.4rem
}

.luckyshop-N6 .cardset .cardset-del {
    margin-top: 1.8rem
}

.luckyshop-N6 .cardset .cardset-price {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0;
    font-size: 1.2rem;
}

.luckyshop-N6 .cardset.cardset-overlap {
    display: block;
    margin-bottom: 4rem
}

.luckyshop-N6 .cardset.cardset-overlap .cardset-figure {
    height: 20rem;
}
.luckyshop-N6 .cardset.cardset-overlap .cardset-figure img{
    width : 100%;
    height : 100%;
    object-fit: cover;
}
.luckyshop-N6 .cardset.cardset-overlap .cardset-body {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 1.2rem;
    background-color: transparent;
    bottom : 0;

}

.luckyshop-N6 .cardset.cardset-overlap .cardset-tit {
    color: var(--white)
}

.luckyshop-N6 .cardset.cardset-overlap .cardset-tit+.cardset-desc {
    margin-top: 0.8rem
}

.luckyshop-N6 .cardset.cardset-overlap .cardset-desc {
    margin: 0;
    color: #ddd
}

.luckyshop-N6 .cardset.cardset-hor .cardset-figure {
    flex-shrink: 0;
    width: 11rem;
    height: 11rem;
    border-radius: 2rem;
    overflow: hidden
}
.luckyshop-N6 .cardset.cardset-hor .cardset-figure img{
    width : 100%;
    height: 100%;
    object-fit: cover;
}
.luckyshop-N6 .cardset.cardset-hor .cardset-body {
    margin-left: 1rem;
    padding: 0
}

.luckyshop-N6 .cardset.cardset-hor+.cardset.cardset-hor {
    margin-top: 3rem
}

.luckyshop-N6 .cardset.cardset-hor .cardset-desc {
    -webkit-line-clamp: 1;
}

.luckyshop-N6 .content-swiper-box .swiper-button-prev,
.luckyshop-N6 .content-swiper-box .swiper-button-next {
    width: 4rem;
    height: 4rem;
    margin-top: 0;
    top: 0;
    transform: translateY(0%);
    border-radius: 1rem;
    border: 1px solid var(--line-color1)
}

.luckyshop-N6 .content-swiper-box .swiper-button-prev::after,
.luckyshop-N6 .content-swiper-box .swiper-button-next::after {
    display: none
}

.luckyshop-N6 .content-swiper-box .swiper-button-prev {
    background: var(--white) url(../icons/ico_prev_main.svg) no-repeat center;
    background-size: 2.4rem;
    left: 0
}

.luckyshop-N6 .content-swiper-box .swiper-button-next {
    background: var(--white) url(../icons/ico_next_main.svg) no-repeat center;
    background-size: 2.4rem;
    right: 0
}

.luckyshop-N6 .content-swiper-box .swiper-button-next.swiper-button-disabled,
.luckyshop-N6 .content-swiper-box .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5
}

.luckyshop-N6 .swiper-horizontal>.swiper-pagination-progressbar {
    top: auto;
    bottom: 0;
    height: 3px
}

.luckyshop-N6 .content-swiper .swiper-pagination-progressbar {
    background: var(--line-color1)
}

.luckyshop-N6 .content-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--black)
}

@media (max-width: 992px) {
    .luckyshop-N6 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .luckyshop-N6 .content-title-box {
        margin-bottom: 1.6rem
    }

    .luckyshop-N6 .content-title-box .title-wrap p {
        display: none
    }

    .luckyshop-N6 .content-title-box .title-link span {
        display: none
    }

    .luckyshop-N6 .content-title-box .title-link em {
        width: 3rem;
        height: 3rem;
        border-radius: 0.8rem
    }

    .luckyshop-N6 .content-title-box .title-link em img {
        width: 2rem;
        height: 2rem
    }

    .luckyshop-N6 .content-cate-box {
        margin: 1.6rem auto
    }

    .luckyshop-N6 .content-swiper-box {
        margin: 0;
        width: 100%
    }

    .luckyshop-N6 .content-swiper {
        overflow: visible
    }

    .luckyshop-N6 .content-swiper-box .swiper-button-prev,
    .luckyshop-N6 .content-swiper-box .swiper-button-next {
        width: 3rem;
        height: 3rem;
        background-size: 1.8rem
    }

    .luckyshop-N6 .cardset .cardset-del {
        margin-top: 0.2rem
    }

    .luckyshop-N6 .cardset .cardset-desc+.cardset-desc {
        margin-top: 0
    }

    .luckyshop-N6 .cardset.cardset-overlap {
        margin-bottom: 2rem
    }

    .luckyshop-N6 .cardset.cardset-overlap .cardset-figure {
        height: 22rem
    }

    .luckyshop-N6 .cardset.cardset-overlap .cardset-body {
        padding: 2.4rem
    }

    .luckyshop-N6 .cardset.cardset-overlap .cardset-tit+.cardset-desc {
        margin-top: 0.4rem
    }

    .luckyshop-N6 .cardset.cardset-hor {
        display: flex
    }

    .luckyshop-N6 .cardset.cardset-hor+.cardset.cardset-hor {
        margin-top: 1.2rem
    }

    .luckyshop-N6 .cardset.cardset-hor .cardset-figure {
        width: 10rem;
        height: 10rem
    }

    .luckyshop-N6 .cardset.cardset-hor .cardset-body {
        margin-left: 1.4rem
    }
}
/* portcard-N16 */
.portcard-N16 {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 10rem;
    overflow: hidden
}

.portcard-N16 .contents-inner {
    display: flex;
    gap: 4rem;
    width: 100%
}

.portcard-N16 .contents-group {
    width: 50%;
    padding: 2rem;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 1rem 0 rgba(var(--black-rgb), 0.1);
    transition: 0.3s
}

.portcard-N16 .contents-group:hover {
    border-color: var(--primary)
}

.portcard-N16 .imageset {
    width: 100%;
    height: fit-content;
}

.portcard-N16 .textset {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 4rem 0 2rem 0
}
/* 
.portcard-N16 .textset .textset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.portcard-N16 .textset .textset-tit+.textset-desc {
    padding-left: 1.8rem;
    margin-left: 1.8rem;
    margin-top: 0
}

.portcard-N16 .textset .textset-desc {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.portcard-N16 .textset .textset-desc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 2rem;
    background: #ddd
}

.portcard-N16 .tableset {
    border: 1px solid #ddd;
    border-bottom: 0
}

.portcard-N16 .tableset .tableset-table {
    min-width: auto
}

.portcard-N16 .tableset .tableset-table>thead>*>* {
    text-align: center
}

.portcard-N16 .tableset .tableset-table>tbody td+td {
    border-left: 1px solid #ddd
}

.portcard-N16 .tableset .tableset-table>tbody td.co-primary {
    color: var(--primary)
}
*/
.portcard-N16 .btnset-primary {
  color: var(--white);
  background-color: var(--primary);
  border-color: transparent;
  border-width: 0;
  border-style: solid;
  border-radius: 0.4rem;
}



.portcard-N16 .contents-footer {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-top: 4rem;
    justify-content: space-between
}
.portcard-N16 .btnset.btnset-lg {
    width : 45%;
  padding: 1.5rem 2.8rem;
  margin : 0 auto;
  text-align: center;
}
.portcard-N16 .contents-footer .btnset+.btnset {
    margin: 0 auto;
    border : 2px solid var(--primary);
    border-radius: 0.4rem;
    color : var(--primary);
}
.portcard-N16 .contents-footer .btnset+.btnset:hover{
    color : #fff;
    background-color: var(--primary);
}
@media (max-width: 992px) {
    .portcard-N16 {
        padding-top: 4rem;
        padding-bottom: 5rem
    }

    .portcard-N16 .contents-inner {
        flex-wrap: wrap
    }

    .portcard-N16 .contents-group {
        width: 100%;
        padding: 1.6rem
    }

    .portcard-N16 .imageset {
        height: 16rem
    }

    .portcard-N16 .textset {
        margin: 2.4rem 0 1.2rem 0
    }

    .portcard-N16 .textset .textset-tit+.textset-desc {
        margin-left: 1.2rem;
        padding-left: 1.2rem
    }

    .portcard-N16 .dotbox {
        padding: 1.4rem
    }

    .portcard-N16 .dot-item::before {
        top: 1rem
    }

    .portcard-N16 .contents-footer {
        gap: 0.8rem;
        margin-top: 2.4rem
    }
} 
.portcard-N16 .tableset-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Pretendard', sans-serif;
  font-size: 1rem; /* 16px */
  color: #333;
  margin-top : 1rem;
}

.portcard-N16 .tableset-table th {
  background-color: #f8f8f8;
  text-align: center;
  padding: 0.75rem; /* 12px */
  font-weight: 300;
  font-size: 1.125rem; /* 18px */
  border: 1px solid #ddd;
}

.portcard-N16 .tableset-table td {
  padding: 0.75rem; /* 12px */
  vertical-align: top;
  border: 1px solid #ddd;
  word-break: keep-all;
  font-weight: 300;
}

.portcard-N16 .tableset-table td.co-primary {
  color: #e60023;
  font-weight: 300;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .portcard-N16 .tableset-table,
  .portcard-N16 .tableset-table thead,
  .portcard-N16 .tableset-table tbody,
  .portcard-N16 .tableset-table th,
  .portcard-N16 .tableset-table td,
  .portcard-N16 .tableset-table tr {
    display: block;
    width: 100%;
  }

  .portcard-N16 .tableset-table thead tr {
    display: none;
  }

  .portcard-N16 .tableset-table td {
    border: none;
    padding: 0.5rem 1rem; /* 8px 16px */
    position: relative;
  }

  .portcard-N16 .tableset-table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 0.25rem; /* 4px */
    color: #555;
  }

  .portcard-N16 .tableset-table tr {
    margin-bottom: 1rem; /* 16px */
    border-bottom: 1px solid #eee;
  }
}
/* temhafull2-N4 [OtmB8x6ZpI] */
.temhafull2-N4[id='isMB7J4Fxj'] {
     background: url(../../resources/images/img_visual_bg02.png) no-repeat center/cover;
}
/* temhafull2-N4 [OtmB8x6ZpI] */
.temhafull2-N4[id='OtmB8x6ZpI'] {
     background: url(../../resources/images/sub6_bg.jpg) no-repeat center/cover;
}

@media (max-width: 1280px) {
    .temhafull2-N4[id='OtmB8x6ZpI'] .contents-title {
        width: 20rem
    }
    
}

@media (max-width: 992px) {
    .temhafull2-N4[id='OtmB8x6ZpI'] {
        padding-top: 9rem;
        padding-bottom: 4rem;
        background: url(../images/img_visual_bg02_m.png) no-repeat center/cover !important
    }
    .temhafull2-N4[id='isMB7J4Fxj'] {
        padding-top: 9rem;
        padding-bottom: 4rem;
     background: url(../../resources/images/img_visual_bg02_m.png) no-repeat center/cover;
}

    .temhafull2-N4[id='OtmB8x6ZpI'] .contents-container {
        
        height: 68rem
    }

    .temhafull2-N4[id='isMB7J4Fxj'] .contents-inner {
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        height: 100%
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .contents-title {
        width: 100%;
        margin-bottom: 3rem
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .contents-body>.textset {
        margin-bottom: 5rem
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .textset .textset-tit+.textset-desc {
        margin-top: 2rem
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .textset .textset-desc {
        -webkit-line-clamp: 4
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .swiper-slide {
        width: 100%
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .swiper-slide .textset {
        padding-top: 1.2rem
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .swiper-slide .textset .textset-tit {
        -webkit-line-clamp: 2
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .swiper-slide .textset .textset-tit+.textset-desc {
        margin-top: 1.2rem
    }

    .temhafull2-N4[id='OtmB8x6ZpI'] .swiper-slide .textset .textset-desc {
        -webkit-line-clamp: 8
    }
}
/* opilsol-N6 */
.opilsol-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 10rem
}

.opilsol-N6 .contents-inner {
    width: 100%
}

.opilsol-N6 .textset.con-tit {
    margin-bottom: 8rem
}

.opilsol-N6 .textset.con-tit .textset-tit+.textset-desc {
    margin-top: 1.6rem;
    color: #505050
}

.opilsol-N6 .content-group {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 100%;
    min-height: 56rem
}

.opilsol-N6 .content-group.odd {
    gap: 10rem
}

.opilsol-N6 .content-group.even {
    gap: 14rem
}

.opilsol-N6 .content-group .img-box {
    position: absolute;
    margin: 0;
    height: 56rem
}

.opilsol-N6 .content-group.odd .img-box {
    left: -50%;
    width: calc(100% - 5rem)
}

.opilsol-N6 .content-group.even .img-box {
    right: -50%;
    width: calc(100% - 7rem)
}

.opilsol-N6 .content-group .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.opilsol-N6 .content-group.odd .text-link-box {
    grid-column: 2/3
}

.opilsol-N6 .text-link-box .textset-tit {
    color: #242424;
    font-size: 2rem;
    line-height: 125%;
}

.opilsol-N6 .text-link-box .textset-tit+.textset-desc {
    margin: 4rem 0;
    color: #767676
}
.opilsol-N6 .btnset.btnset-lg{
min-width: 9.8rem;
    padding: 1rem 2.8rem;
    height: var(--ht-lg);
    color: var(--white);
    background-color: var(--primary);
    border-color: transparent;
    border-width: 0;
    border-style: solid;
    border-radius: 0.4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
        cursor: pointer;
}
@media (max-width: 996px) {
    .opilsol-N6 {
        padding-top: 3rem;
        padding-bottom: 6rem
    }

    .opilsol-N6 .textset.con-tit {
        margin-bottom: 4rem
    }

    .opilsol-N6 .textset.con-tit .textset-tit+.textset-desc {
        margin-top: 0.8rem
    }

    .opilsol-N6 .contents-inner .content-group {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 0
    }

    .opilsol-N6 .content-group+.content-group {
        margin-top: 4rem
    }

    .opilsol-N6 .contents-inner .content-group .img-box {
        position: static;
        width: calc(100% + 1.6rem);
        height: 28rem
    }

    .opilsol-N6 .content-group.odd .img-box {
        margin-left: -1.6rem
    }

    .opilsol-N6 .content-group.even .img-box {
        margin-right: -1.6rem
    }

    .opilsol-N6 .content-group .text-link-box {
        margin-top: 4rem
    }

    .opilsol-N6 .content-group.odd .text-link-box {
        grid-column: initial
    }

    .opilsol-N6 .text-link-box .textset-tit+.textset-desc {
        margin: 2rem 0
    }
}
/* luckyshop-N2 */
.luckyshop-N2 {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 4rem;
    overflow: hidden
}

.luckyshop-N2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(72% + 9rem);
    background: #1e2023;
    border-radius: 0 0 0 10rem
}

.luckyshop-N2 .contents-container {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 2rem;
    overflow: hidden
}

.luckyshop-N2 .cardset {
    display: block;
    width: 100%
}

.luckyshop-N2 .cardset .cardset-figure {
    height: 20rem;
}
.luckyshop-N2 .cardset .cardset-figure img{
    height : 100%;
    object-fit: cover;

}

.luckyshop-N2 .cardset .cardset-body {
    padding: 2rem;
    position: absolute;
    bottom : 0;
}

.luckyshop-N2 .cardset .cardset-desc {
    color: var(--white)
}

.luckyshop-N2 .cardset .cardset-desc+.cardset-tit {
    margin-top: 1.2rem;
    color : #fff;
    font-size: 2rem;
    line-height : 150%;
}

.luckyshop-N2 .cardset .cardset-tit {
    color: var(--white)
}

.luckyshop-N2 .contents-inner {
    position: relative;
    width: 100%
}

.luckyshop-N2 .visual-swiper {
    overflow: hidden
}

.luckyshop-N2 .visual-swiper,
.luckyshop-N2 .swiper-wrapper {
    height: inherit
}

.luckyshop-N2 .control-wrap {
    z-index: 10;
    position: absolute;
    left: 0;
    top: calc(100% + 3rem);
    width: 100%;
    height: 2rem
}

.luckyshop-N2 .control-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.luckyshop-N2 .swiper-pagination {
    position: static;
    margin-right: 0.4rem;
    text-align: left;
    transform: translateX(-0.2rem)
}

.luckyshop-N2 .contents-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto
}

.luckyshop-N2 .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    margin: 0 0.5rem;
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--line-color1);
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem
}

.luckyshop-N2 .swiper-pagination-bullet-active {
    width: 5rem;
    background: var(--black)
}

.luckyshop-N2 .swiper-button-play {
    display: none
}

.luckyshop-N2 .swiper-button-play,
.luckyshop-N2 .swiper-button-pause {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--line-color1);
    border-radius: 50%
}

.luckyshop-N2 .swiper-button-play img,
.luckyshop-N2 .swiper-button-pause img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: cover;
    vertical-align: top
}

@media (max-width: 992px) {
    .luckyshop-N2::before {
        border-radius: 0 0 0 4rem
    }

    .luckyshop-N2 .contents-container {
        padding-bottom: 4rem
    }

    .luckyshop-N2 .cardset .cardset-figure {
        height: 34rem
    }

    .luckyshop-N2 .control-wrap {
        top: calc(100% + 2rem)
    }
}
/* solution-N6 */
.solution-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 14rem;
    padding-bottom: 14rem
}

.solution-N6 .contents-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.solution-N6 .title-area {
    margin-bottom: 8rem;
    text-align: center
}

.solution-N6 .title-area p {
    margin-top: 0.8rem;
    color: var(--text-color2)
}

.solution-N6 .slide-area {
    width: 100vw
}

.solution-N6 .swiper {
    width: 100vw
}

.solution-N6 .swiper-slide {
    padding: 2.4rem;
    width: 30rem;
    background: var(--white);
    box-shadow: 0.1rem 0.1rem 2rem rgba(var(--black-rgb), 0.06);
    border-radius: 1rem;
    border: 1px solid rgba(238, 238, 238, 0.8)
}

.solution-N6 .user-info {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 1.2rem
}

.solution-N6 .user-thumb {
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    object-fit: cover
}

.solution-N6 .user-name {
    flex: 1;
    line-height: 140%;
}

.solution-N6 .user-name span {
    font-weight: var(--fw-bold)
}

.solution-N6 .user-name p {
    color: var(--text-color2)
}

.solution-N6 .desc {
    padding: 1.6rem 2rem;
    background: #f7f6ff;
    border-radius: 0 2.4rem 2.4rem;
    line-height: 150%;
}

.solution-N6 .desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

@media (max-width: 996px) {
    .solution-N6 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .solution-N6 .title-area {
        margin-bottom: 4rem
    }

    .solution-N6 .swiper-slide {
        padding: 1.6rem;
        width: 32rem
    }

    .solution-N6 .user-info {
        margin-bottom: 0.8rem
    }

    .solution-N6 .desc {
        padding: 1rem 1.4rem
    }
}
/* solution-N7 */
.solution-N7 {
    overflow: hidden;
    position: relative;
    padding-top: 14rem;
    padding-bottom: 14rem
}

.solution-N7 .contents-inner {
    width: 100%
}

.solution-N7 .title-area {
    margin-bottom: 8rem;
    text-align: center
}

.solution-N7 .title-area p {
    margin-top: 0.8rem;
    color: var(--text-color2)
}

.solution-N7 .tabset {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem
}
.solution-N7 .btnset-primary{
        min-width: 9.8rem;
    padding:  1rem 2.8rem;
    height: var(--ht-lg);
    color: var(--white);
    background-color: var(--primary);
    border-color: transparent;
    border-width: 0;
    border-style: solid;
    border-radius: 0.4rem;
    text-align: center;
}
.solution-N7 .h3{
    line-height: 3.5rem;
}
.solution-N7 .btnset-line-primary{
    min-width: 9.8rem;
    padding: 1rem 2.8rem;
    color: var(--primary);
    background-color: transparent;
    border-color: var(--primary);
    border-width: 2px;
    border-style: solid;
    border-radius: 0.4rem;
    text-align: center;
    margin : 0;
}
.solution-N7 .tabset.tabset-brick .tabset-list {
    display: inline-flex;
    box-shadow: 0.1rem 0.1rem 3.2rem rgba(var(--black-rgb), 0.06);
    border: 1px solid #eee;
    border-radius: 0.6rem
}

.solution-N7 .tabset.tabset-brick .tabset-item {
    min-width: 20rem
}

.solution-N7 .tabset.tabset-brick .tabset-list .tabset-link {
    border-color: transparent
}

.solution-N7 .tabset .tabset-link {
    gap: 0.8rem;
    border-radius: 0.6rem
}

.solution-N7 .tabset .tabset-link>span {
    flex-shrink: 0
}

.solution-N7 .plan-area {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem
}

.solution-N7 .plan-area.active {
    display: grid
}

.solution-N7 .item {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1.5em 2rem;
    background: var(--white);
    box-shadow: 0.1rem 0.1rem 3.2rem rgba(var(--black-rgb), 0.06);
    border: 1px solid #eee;
    border-radius: 1rem;
    transition: box-shadow 0.3s;
    justify-content: space-around;
}

.solution-N7 .item:has(a:hover) {
    box-shadow: 0.1rem 0.1rem 3.2rem rgba(var(--black-rgb), 0.16)
}

.solution-N7 .item.primary {
    border-color: var(--primary);
    border-width: 2px
}

.solution-N7 .item.primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.18;
    width: 100%;
    height: 100%;
    background: var(--primary);
    filter: blur(8rem)
}

.solution-N7 .title-box {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid var(--border-color)
}

.solution-N7 .text-wrap {
    display: flex;
    align-items: center;
    gap: 0.8rem
}

.solution-N7 .text-wrap .badge {
    background: #eceaff;
    border: none;
    font-weight: 700;
    white-space: unset;
    text-align: center;
    padding : 0.5rem 0.8rem;
    border-radius: 0.5rem;
    color: var(--primary);
    
}

.solution-N7 .price {
    display: flex;
    align-items: flex-end;
    gap: 0.4rem;
    margin-top: 1.2rem
}

.solution-N7 .item.primary .price strong {
    color: var(--primary)
}

.solution-N7 .price span {
    transform: translateY(-1rem)
}

.solution-N7 .desc-list {
    padding: 2rem 0;
    /* min-height: 25.6rem */
}

.solution-N7 .desc-list li {
    display: flex;
    gap: 0.8rem;
    padding: 1.2rem 0;
    width : 100%;
    font-size: 1.1rem;
    line-height: 100%;
}

.solution-N7 .desc-list li::before {
    line-height: inherit
}
.solution-N7 .ff-ico{
    position: static;
}
.solution-N7 .ff-ico::before{
     content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' stroke='black' stroke-width='2' fill='white' /><path d='M8 12l3 3l5-5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;

}

.solution-N7 .h5{
    color : #111;
}
.solution-N7 .item a {
    margin-top: auto
}

@media (max-width: 996px) {
    .solution-N7 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .solution-N7 .title-area {
        margin-bottom: 4rem
    }

    .solution-N7 .tabset {
        display: block;
        margin-bottom: 2.8rem
    }

    .solution-N7 .tabset .tabset-link {
        gap: 0.4rem
    }

    .solution-N7 .tabset.tabset-brick .tabset-list {
        display: flex
    }

    .solution-N7 .tabset.tabset-brick .tabset-item {
        flex: 1;
        min-width: 0;
        border: none
    }

    .solution-N7 .plan-area {
        grid-template-columns: 1fr;
        gap: 2rem
    }

    .solution-N7 .item {
        padding: 2.8rem 2.4rem
    }

    .solution-N7 .title-box {
        padding-bottom: 1.6rem
    }

    .solution-N7 .desc-list {
        padding: 2rem 0 2.4rem;
        min-height: 22.4rem
    }

    .solution-N7 .desc-list li {
        gap: 0.4rem
    }

    .solution-N7 .desc-list li+li {
        margin-top: 1.6rem
    }
}
/* hooms-N34 */
.hooms-N34 {
    overflow: hidden;
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem
}

.hooms-N34 .contents-inner {
    width: 100%
}

.hooms-N34 .title-area {
    text-align: center
}

.hooms-N34 .slide-area {
    margin-top: 4.2rem;
    width: 100vw
}

.hooms-N34 .swiper {
    width: 100%
}

.hooms-N34 .swiper-slide {
    max-width: 35rem;
    height: 18rem
}

.hooms-N34 .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%
}

.hooms-N34 .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hooms-N34 .control {
    display: flex;
    align-items: center;
    gap: 4rem;
    margin-top: 6rem
}

.hooms-N34 .swiper-pagination {
    position: static;
    width: 100%;
    background-color: #e9e9e9;
    border-radius: 1rem
}

.hooms-N34 .swiper-pagination-progressbar-fill {
    background-color: #111;
    border-radius: 1rem
}

.hooms-N34 .btn-wrap {
    display: flex;
    align-items: center;
    gap: 0.8rem
}

.hooms-N34 .btn-wrap [class*="btn-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    background: transparent
}

.hooms-N34 .btn-wrap [class*="btn-"] img {
    width: 100%;
    height: 100%
}
.hooms-N34 .btn-wrap .ico-arrow-prev,
.hooms-N34 .btn-wrap .ico-arrow-next {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* 이전 (왼쪽 화살표) */
.hooms-N34 .btn-wrap .ico-arrow-prev {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='15 6 9 12 15 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* 다음 (오른쪽 화살표) */
.hooms-N34 .btn-wrap .ico-arrow-next {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><polyline points='9 6 15 12 9 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

@media (max-width: 1200px) {
    .hooms-N34 .slide-area {
        width: calc(100% + 4rem)
    }
}

@media (max-width: 992px) {
    .hooms-N34 {
        padding-top: 6rem;
        padding-bottom: 12rem
    }

    .hooms-N34 .slide-area {
        margin-top: 2.5rem;
        width: calc(100% + 1.6rem)
    }

    .hooms-N34 .swiper-slide {
        max-width: 31.2rem;
        height: 35rem
    }

    .hooms-N34 .control {
        gap: 2rem;
        margin-top: 2.4rem
    }

    .hooms-N34 .btn-wrap {
        gap: 0.6rem
    }

    .hooms-N34 .btn-wrap [class*="btn-"] {
        width: 2rem;
        height: 2rem
    }
}
/* glamping-N32 */
.glamping-N32 {
    overflow: hidden;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 16rem
}

.glamping-N32 .contents-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
    width: 100%
}

.glamping-N32 .thumb {
    height: 22rem
}

.glamping-N32 .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.glamping-N32 .desc {
    display: flex;
    flex-direction: column
}

.glamping-N32 .desc strong {
    margin: 2.4rem 0 1.2rem;
    font-weight: var(--fw-bold)
}

.glamping-N32 .desc span {
    color: #777777
}

@media (max-width: 992px) {
    .glamping-N32 {
        padding-top: 10rem;
        padding-bottom: 10rem
    }

    .glamping-N32 .contents-inner {
        grid-template-columns: 1fr 1fr
    }

    .glamping-N32 .thumb {
        height: 22rem
    }

    .glamping-N32 .desc strong {
        margin: 2rem 0 0.8rem;
        font-weight: var(--fw-bold)
    }
}

@media (max-width: 557px) {
    .glamping-N32 .contents-inner {
        grid-template-columns: 1fr
    }
}
/* mediastock-N4 */
.mediastock-N4 {
    overflow: hidden;
    position: relative;
    padding-top: 10rem;
    padding-bottom: 5rem;
    background: #1a1b1e
}

.mediastock-N4 .list-area {
    overflow-x: auto;
    display: flex;
    gap: 1.5rem;
    padding-bottom: 1rem;
    width: 100%
}

.mediastock-N4 .list-area::-webkit-scrollbar {
    height: 0.4rem
}

.mediastock-N4 .list-area::-webkit-scrollbar-button {
    display: none
}

.mediastock-N4 .list-area::-webkit-scrollbar-thumb {
    background-color: #2b2c31;
    border-radius: 10rem
}

.mediastock-N4 .list-area::-webkit-scrollbar-track {
    background-color: #111;
    border-radius: 1rem
}

.mediastock-N4 .list-item {
    flex: 1 0 auto;
    height: 14rem
}

.mediastock-N4 .list-item a {
    display: block;
    position: relative;
    height: 100%
}

.mediastock-N4 .list-item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.31) 65%, rgba(17, 17, 17, 0.37) 100%, #000 100%)
}

.mediastock-N4 .list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mediastock-N4 .list-item p {
    overflow: hidden;
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    z-index: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    color: var(--white);
    font-weight: var(--fw-bold)
}

@media (max-width: 992px) {
    .mediastock-N4 {
        padding-top: 5rem;
        padding-bottom: 2.5rem
    }

    .mediastock-N4 .list-area {
        gap: 1rem
    }

    .mediastock-N4 .list-item {
        height: 10rem
    }

    .mediastock-N4 .list-item:last-child,
    .mediastock-N4 .list-item:nth-last-child(2) {
        display: block
    }

    .mediastock-N4 .list-item p {
        left: 1rem;
        right: 1rem;
        bottom: 1rem
    }
}
/* mediastock-N6 */
.mediastock-N6 {
    overflow: hidden;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 10rem;
    background: #1a1b1e
}

#sub2 .mediastock-N6 .contents-inner {
    max-width: 100% !important;

}

.mediastock-N6 .list-area {
    display: flex;
    gap: 2rem;
    width: 100%
}

.mediastock-N6 .list-area+.list-area {
    margin-top: 2rem
}

.mediastock-N6 .list-item {
    flex: 1 1 auto;
    height: 13rem
}

.mediastock-N6 .list-item a {
    display: block;
    height: 100%
}

.mediastock-N6 .list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mediastock-N6 .item-354 {
    flex-basis: 35.4rem
}

.mediastock-N6 .item-336 {
    flex-basis: 33.6rem
}

.mediastock-N6 .item-420 {
    flex-basis: 42rem
}

.mediastock-N6 .item-216 {
    flex-basis: 21.6rem
}

.mediastock-N6 .item-426 {
    flex-basis: 42.6rem
}

@media (max-width: 992px) {
    .mediastock-N6 {
        padding-top: 2.5rem;
        padding-bottom: 5rem
    }

    .mediastock-N6 .list-area {
        flex-wrap: wrap;
        gap: 1rem
    }

    .mediastock-N6 .list-area+.list-area {
        margin-top: 1rem
    }

    .mediastock-N6 .list-area .list-item {
        width: 100%;
        max-width: 100%;
        min-width: 10rem;
        height: 20rem;
        flex-basis: auto
    }

    .mediastock-N6 .list-area:first-child .list-item:nth-child(3) {
        flex: 2
    }

    .mediastock-N6 .list-area:first-child .list-item:nth-child(4) {
        flex: 1
    }

    .mediastock-N6 .list-area:first-child .list-item:nth-child(5) {
        display: none
    }

    .mediastock-N6 .list-area:nth-child(2) .list-item:nth-child(1),
    .mediastock-N6 .list-area:nth-child(2) .list-item:nth-child(2) {
        flex: 1
    }

    .mediastock-N6 .list-area:nth-child(2) .list-item:nth-child(n + 4) {
        display: none
    }

    .mediastock-N6 .list-area:nth-child(n + 3) {
        display: none
    }
}
/* solution-N8 */
.solution-N8 {
    overflow: hidden;
    position: relative;
    padding-top: 14rem;
    padding-bottom: 10rem
}

.solution-N8 .contents-inner {
    width: 100%
}

.solution-N8 .title-area {
    margin-bottom: 8rem;
    text-align: center
}

.solution-N8 .title-area p {
    margin-top: 0.8rem;
    color: var(--text-color2)
}

@media (max-width: 996px) {
    .solution-N8 {
        padding-top: 7rem;
        padding-bottom: 14rem
    }

    .solution-N8 .title-area {
        margin-bottom: 4rem
    }
}
/* tedu_light-N3 */
.tedu_light-N3 {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden
}

.tedu_light-N3 .contents-container {
    height: 45rem
}

.tedu_light-N3 .contents-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    overflow: hidden
}

.tedu_light-N3 .slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.tedu_light-N3 .slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tedu_light-N3 .textset {
    padding: 5rem 8rem 5rem 8rem
}

.tedu_light-N3 .textset .textset-tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--white);
    line-height: 130%;
}

.tedu_light-N3 .textset .textset-desc {
    color: rgba(var(--white-rgb), 0.8)
}

.tedu_light-N3 .contents-swiper,
.tedu_light-N3 .swiper-wrapper {
    height: inherit
}

.tedu_light-N3 .swiper-slide .visual-mo {
    display: none
}

.tedu_light-N3 .control-wrap {
    position: absolute;
    left: 50%;
    bottom: 4rem;
    z-index: 10;
    width: calc(100% - 16rem);
    height: 2.4rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.tedu_light-N3 .control-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tedu_light-N3 .swiper-pagination {
    position: static;
    margin-right: 0.4rem;
    text-align: left;
    transform: translateX(-0.2rem)
}

.tedu_light-N3 .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto
}

.tedu_light-N3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    margin: 0 1.2rem;
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--white);
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem
}

.tedu_light-N3 .swiper-pagination-bullet::after {
    position: absolute;
    left: -0.9rem;
    top: -0.9rem;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid var(--white);
    border-radius: 1.2rem;
    transform: scale(0);
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.tedu_light-N3 .swiper-pagination-bullet-active::after {
    transform: scale(1);
    transition: transform 0.2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    -o-transition: transform 0.2s
}

.tedu_light-N3 .swiper-button-play {
    display: none
}

.tedu_light-N3 .ico-pause
.tedu_light-N3 .ico-play {
display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ⏸ 일시정지 버튼 */
.tedu_light-N3 .ico-pause {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><rect x='6' y='5' width='3' height='14' fill='white'/><rect x='15' y='5' width='3' height='14' fill='white'/></svg>");

  border-radius: 4px;
}

/* ▶ 재생 버튼 */
.tedu_light-N3 .ico-play {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><polygon points='8,5 19,12 8,19' fill='white'/></svg>");

  border-radius: 4px;
}

.tedu_light-N3 .btype-swiper .swiper-pagination-bullet {
    background: #111
}

@media (max-width: 1280px) {
    .tedu_light-N3 .control-wrap {
        max-width: 100%
    }
}

@media (max-width: 992px) {
    .tedu_light-N3 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
     .tedu_light-N3 .h1{
        font-size : 2rem;
        line-height: 200%;
     }

    .tedu_light-N3 .contents-container {
        min-height: 40rem
    }

    .tedu_light-N3 .contents-inner {
        border-radius: 1rem
    }

    .tedu_light-N3 .textset {
        padding: 4rem 2rem
    }

    .tedu_light-N3 .textset .textset-tit {
        -webkit-line-clamp: 4
    }

    .tedu_light-N3 .control-wrap {
        width: calc(100% - 5.6rem)
    }
}