/* _dalmore */


._dalmore .s_dalmore{ position: relative; background-color: #fffcf5;overflow: hidden; }

._dalmore .s_dalmore .pin{ height: var(--vh100); height: 100dvh; position: relative; }

._dalmore .s_dalmore .bg{ position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; transform-origin: center; height: 100%; }
/* clip-path: inset(20% 38%); */
._dalmore .s_dalmore .bg .vidbx{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: rgba(0,0,0,0.5); background-image: url(/asset/img/sub/portfolio/dalmore/se01_vidbg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
/*  */
._dalmore .s_dalmore .bg .vidbx iframe{ width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
._dalmore .s_dalmore .bg img{ width: 100%;height: 100%; object-fit: cover; }

._dalmore .s_dalmore .pin .wrap{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
._dalmore .s_dalmore .mainTitle{ width: 100%; text-align: center; position: absolute; left: 50%; overflow: hidden; display: block; font-family: 'Gestura Display'; font-size: 3.125vw; color: #fff; letter-spacing: -0.03em; line-height: 1.3; transform: translateX(-50%); z-index: 5; }


._dalmore .s_dalmore .scene {
    width: 90%;
    z-index: 10;
    max-width: 970px;
    margin: 0 auto;
    height: 80vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* border: 1px solid red; */
}

._dalmore .s_dalmore .text-wrapper {
    text-align: center;
    user-select: none;
    pointer-events: none;
    position: relative;
    z-index: 2;
}

._dalmore .s_dalmore .text-line {
    display: flex;
    justify-content: center;
    line-height: 0.93;
    margin: 0.032em 0;
}

._dalmore .s_dalmore .char {
    display: inline-block;
    font-family: 'Cerapro';
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    will-change: transform, opacity, filter;
    color: #bc3329;
    line-height: calc(29 / 20);
}

._dalmore .s_dalmore .char.space { /* 공백 */
    pointer-events: none;
    width: 0.28em;
}
/* 이거 추가 */
._dalmore .s_dalmore .dummybx{
    width: 100%;
}

._dalmore .s_dalmore .dummybx > div{
    height: 100vh;
}
@media screen and (max-width: 820px){
    ._dalmore .s_dalmore .mainTitle{ font-size: 6vw; }
    ._dalmore .s_dalmore .char{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._dalmore .s_dalmore .mainTitle{ font-size: 7vw; width: 60%; }
    ._dalmore .s_dalmore .char{ font-size: clamp(12px, 12/280*100vw, 14px); }
}


._dalmore .s_dalmore2{
    position: relative;
    background-color: #fffcf5;
}
._dalmore .s_dalmore2 .wrap{
    max-width: 1720px;
    margin: 0 auto;
}
._dalmore .s_dalmore2 .wrap .txtBx{
    text-align: center;
    font-size: 17px;
    line-height: calc(30/17);
    font-weight: 300;
    font-family: 'GmarketSans';
    letter-spacing: -0.025em;
    padding-top: calc(100/17*1em);
    padding-bottom: calc(180/17*1em);
}
._dalmore .s_dalmore2 .wrap .txtBx div {overflow: hidden;}

@media screen and (max-width: 1680px) {
    ._dalmore .s_dalmore2 .wrap .txtBx{
        padding-top: 40px;
        padding-bottom: 100px;
        font-size: clamp(16px, 16/1440*100vw, 17px);
    }
}
@media screen and (max-width: 820px) {
    ._dalmore .s_dalmore2 .wrap .txtBx{
        padding-top: 0;
        font-size: clamp(14px, 14/500*100vw, 16px);
    }
    ._dalmore .s_dalmore2 .wrap .txtBx br{display: none;}
}