._sub._company { letter-spacing: -0.05em; }



._sub._company .se01 { padding-top: 130px; box-sizing: border-box; height: var(--vh100); }
._sub._company .se01 .txtBx { }
._sub._company .se01 .txtBx h3 { font-size: 110px; font-family: 'Mona Sans'; font-weight: 800; color: #b0a89d; text-align: center; margin-bottom: calc(90/110*1em); }
._sub._company .se01 .txtBx span { display: block; margin: 0 auto; margin-bottom: calc(160/50*1em); font-size: 50px; line-height: calc(70/50); font-weight: 600; text-align: center; }
._sub._company .se01 .bg { position: absolute; width: 800px; height: 411px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; }
._sub._company .se01 .bg .imgBx { position: absolute; width: 100%; height: 100%;}
._sub._company .se01 .bg .imgBx img{width: 100%; height: 100%; object-fit: cover;}
._sub._company .se01 .bg .imgBx._2 { opacity: 0; }
._sub._company .se01 .txtArea { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
._sub._company .se01 .txtArea .wrap { display: flex; align-items: center; justify-content: center; height: 100%; left: 0; top: 0; position: relative; }
._sub._company .se01 .txtArea .box { position: absolute; width: 100%;}
._sub._company .se01 .txtArea .box._2 { color: #fff; }
._sub._company .se01 .txtArea .box h4 { font-size: 30px; font-weight: 600; font-family: 'Mona Sans'; line-height: 1.3; margin-bottom: 1em; }
._sub._company .se01 .txtArea .box .bottom { display: flex; align-items: flex-start; justify-content: center;}
._sub._company .se01 .txtArea .box .lbx { font-size: 42px; font-weight: 600; line-height: calc(65/45); width: 50%;}
._sub._company .se01 .txtArea .box .lbx p { }
._sub._company .se01 .txtArea .box .rbx { font-size: 32px; font-weight: 500; line-height: calc(55/35); display: flex; flex-direction: column; gap: 1em; width: 50%; }
._sub._company .se01 .txtArea .box .rbx p { }

@media screen and (max-width:1800px) {
    ._sub._company .se01 .txtBx h3{font-size: calc(110/1800*100vw); }
    ._sub._company .se01 .txtBx span{font-size: max(calc(50/1800*100vw),16px); }
    ._sub._company .se01 .bg{width: 80%;}

    ._sub._company .se01 .txtArea .box h4{font-size: 24px; }
    ._sub._company .se01 .txtArea .box .lbx{font-size: 36px; }
    ._sub._company .se01 .txtArea .box .rbx{font-size: 20px; }
}
@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) {
    ._sub._company .se01 .txtArea .box h4{font-size: 20px; }
    ._sub._company .se01 .txtArea .box .lbx{font-size: 30px; }
    ._sub._company .se01 .txtArea .box .rbx{font-size: 18px; }
}
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) {
    ._sub._company .se01 .txtArea .box h4{font-size: 18px; }
    ._sub._company .se01 .txtArea .box .lbx{font-size: 24px; }
    ._sub._company .se01 .txtArea .box .rbx{font-size: 16px; }
}
@media screen and (max-width:500px) {
    ._sub._company .se01{padding-top: 100px;}

    /* ._sub._company .se01 .txtArea .box h4{font-size: 16px; } */
    /* ._sub._company .se01 .txtArea .box .lbx{font-size: 20px; } */
    /* ._sub._company .se01 .txtArea .box .rbx{font-size: 14px; } */
}
@media screen and (max-width:320px) { }

/* 세로가 길경우 */
@media (orientation: Portrait) {
    ._sub._company .se01 .txtArea .box .bottom{flex-direction: column; gap: 30px;}
    ._sub._company .se01 .txtArea .box .lbx{width: 100%;}
    ._sub._company .se01 .txtArea .box .rbx{width: 100%;}
}

/* 영문 별도 */
.en ._sub._company .se01 .txtArea .box .bottom{gap: 80px;}










._sub._company .se02{}
._sub._company .se02 .bg{}
._sub._company .se02 .bg img{}
._sub._company .se02 .wrap{
    height: var(--vh100); position: relative;
}
._sub._company .se02 .wrap .motion{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}
._sub._company .se02 .wrap .motion._1{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center;
}
._sub._company .se02 .wrap .motion._1 h3{
    font-size: 43px; font-weight: 600; line-height: calc(65/45); max-width: 1200px;
    margin-bottom: calc(200/43*1em);
}
._sub._company .se02 .wrap .motion._1 .bottom{
    display: flex; align-items: flex-start; justify-content: center; gap: 20px;
}
._sub._company .se02 .wrap .motion._1 .bottom > div{
    display: flex; align-items: center; justify-content: center; position: relative;
    flex-direction: column; line-height: 1.2;
}
._sub._company .se02 .wrap .motion._1 .bottom > div small{
    display: block; font-size: 20px; font-weight: 500; font-family: 'Mona Sans';
}
._sub._company .se02 .wrap .motion._1 .bottom > div p{
    font-size: 45px; font-weight: 600; margin-top: calc(20/45*1em);
    min-width: calc(362/45*1em);
}

._sub._company .se02 .wrap .motion._1 .bottom > div .obj{
    position: absolute; width: 480px; height: 480px;
}
._sub._company .se02 .wrap .motion._1 .bottom > div.left .obj svg{ transform: rotate(90deg); }
._sub._company .se02 .wrap .motion._1 .bottom > div.right .obj svg{ transform: rotate(-90deg); }


._sub._company .se02 .wrap .motion._2{
    display: flex; align-items: center; justify-content: center; position: relative;
    color: #fff; opacity: 0; pointer-events: none;
}
._sub._company .se02 .wrap .motion._2 .bg{
    position: absolute; left: -2.5vw; top: 0;
    width: 100vw; height: 100%;
}
._sub._company .se02 .wrap .motion._2 .bg img{width: 100%; height: 100%; object-fit: cover;}
._sub._company .se02 .wrap .motion._2 .center{
    position: absolute; text-align: center; font-size: 35px; line-height: calc(40/35);
    display: flex; align-items: center; justify-content: center;
}
._sub._company .se02 .wrap .motion._2 .center p{position: relative; z-index: 2;}
._sub._company .se02 .wrap .motion._2 .center .obj{
    position: absolute; width: 480px; height: 480px;
}
._sub._company .se02 .wrap .motion._2 .center .obj .dot{
    width: 100%; height: 100%; position: absolute; left: 0; top: 0;
    animation: rotate forwards infinite 15s linear;
}
._sub._company .se02 .wrap .motion._2 .center .obj .dot div{
    width: calc(16/480*100%); aspect-ratio: 1/1; border-radius: 50%; background-color: #fff;
    position: absolute; left: 50%; top: 0; transform: translate(-50%,-50%);
}
._sub._company .se02 .wrap .motion._2 .center .obj svg *{stroke: #fff;}
._sub._company .se02 .wrap .motion._2 .setlist{
    display: flex; align-items: center; justify-content: space-between;
    gap: calc(120/920*var(--vh100)) 100px; flex-wrap: wrap; position: relative;
    max-width: 1440px;
}
._sub._company .se02 .wrap .motion._2 .setlist li{
    max-width: calc(40% - 50px); opacity: 0.5;
}
._sub._company .se02 .wrap .motion._2 .setlist li:nth-child(even){
    text-align: right;
}
._sub._company .se02 .wrap .motion._2 .setlist li p{
    font-size: 30px; font-weight: 600; line-height: calc(50/30);
    margin-bottom: calc(22/30*1em);
}
._sub._company .se02 .wrap .motion._2 .setlist li small{
    font-size: 20px; font-weight: 500; line-height: calc(30/20);
}

.en ._sub._company .se02 .wrap .motion._2 .setlist{ gap: calc(120/920*var(--vh100)) 300px; max-width: 1720px;}
.en ._sub._company .se02 .wrap .motion._2 .setlist li{max-width: calc(40% - 150px)}
.en ._sub._company .se02 .wrap .motion._2 .setlist li p{font-size: 26px; }
.en ._sub._company .se02 .wrap .motion._2 .setlist li small{font-size: 16px; }

._sub._company .se02 .wrap .motion._2 .setlist li:nth-child(1){animation: opacity1 forwards infinite 15s linear;}
._sub._company .se02 .wrap .motion._2 .setlist li:nth-child(2){animation: opacity2 forwards infinite 15s linear;}
._sub._company .se02 .wrap .motion._2 .setlist li:nth-child(3){animation: opacity4 forwards infinite 15s linear;}
._sub._company .se02 .wrap .motion._2 .setlist li:nth-child(4){animation: opacity3 forwards infinite 15s linear;}

/* 좌상단 */
@keyframes opacity1 {
    0%{opacity: 0.3;}
    72.5%{opacity: 0.3;}
    87.5%{opacity: 1;}
    97.5%{opacity: 0.3;}
    100%{opacity: 0.3;}
}
/* 우상단 */
@keyframes opacity2 {
    0%{opacity: 0.3;}
    2.5%{opacity: 0.3;}
    12.5%{opacity: 1;}
    22.5%{opacity: 0.3;}
    100%{opacity: 0.3;}
}
/* 우하단 */
@keyframes opacity3 {
    0%{opacity: 0.3;}
    27.5%{opacity: 0.3;}
    37.5%{opacity: 1;}
    47.5%{opacity: 0.3;}
    100%{opacity: 0.3;}
}
/* 좌하단 */
@keyframes opacity4 {
    0%{opacity: 0.3;}
    52.5%{opacity: 0.3;}
    62.5%{opacity: 1;}
    72.5%{opacity: 0.3;}
    100%{opacity: 0.3;}
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    ._sub._company .se02 .wrap{height: auto;}
    ._sub._company .se02 .wrap .motion._1{height: var(--vh100); top: 0;}
    ._sub._company .se02 .wrap .motion._2{position: unset; height: auto; flex-direction: column; gap: 60px; padding-top: calc(var(--vh100) * 0.2); padding-bottom: 120px;}
    ._sub._company .se02 .wrap .motion._2 .center{position: unset;}
    ._sub._company .se02 .wrap .motion._2 .center .obj{opacity: 0.4;}
    ._sub._company .se02 .wrap .motion._2 .setlist{flex-direction: column; max-width: 800px !important;}
    ._sub._company .se02 .wrap .motion._2 .setlist li{width: 100% !important; max-width: unset !important; text-align: center !important; opacity: 1 !important;}


    ._sub._company .se02 .wrap .motion._1 h3{font-size: max(calc(43/1440*100vw),20px); }
    ._sub._company .se02 .wrap .motion._1 .bottom > div p{font-size: max(calc(45/1440*100vw),20px); }
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    ._sub._company .se02 .wrap .motion._1 .bottom > div .obj{width: calc(480/1024*100vw); height: calc(480/1024*100vw);}
    ._sub._company .se02 .wrap .motion._2 .center .obj{width: calc(700/1024*100vw); height: calc(700/1024*100vw);}

    ._sub._company .se02 .wrap .motion._1 .bottom > div small{font-size: 16px; }

    ._sub._company .se02 .wrap .motion._2 .center{font-size: 34px; }
    ._sub._company .se02 .wrap .motion._2 .setlist{gap: 80px !important;}
    ._sub._company .se02 .wrap .motion._2 .setlist li p{font-size: 24px !important; }
    ._sub._company .se02 .wrap .motion._2 .setlist li small{font-size: 16px !important; }
}
@media screen and (max-width:820px) {
    ._sub._company .se02 .wrap .motion._1 h3{margin-bottom: 100px;}
    ._sub._company .se02 .wrap .motion._1 .bottom{gap: 40px;}
    ._sub._company .se02 .wrap .motion._1 .bottom > div small{font-size: 14px; }
    ._sub._company .se02 .wrap .motion._2 .bg{left: -5vw;}

    ._sub._company .se02 .wrap .motion._2 .center{font-size: 30px; }
    ._sub._company .se02 .wrap .motion._2 .setlist{gap: 70px !important;}
    ._sub._company .se02 .wrap .motion._2 .setlist li p{font-size: 18px !important; }
    ._sub._company .se02 .wrap .motion._2 .setlist li small{font-size: 14px !important; }
}
@media screen and (max-width:500px) {
    ._sub._company .se02 .wrap .motion._1 h3{margin-bottom: 80px;}
    ._sub._company .se02 .wrap .motion._1 .bottom{gap: 30px !important;}
    ._sub._company .se02 .wrap .motion._1 .bottom > div small{font-size: 12px !important; }
    ._sub._company .se02 .wrap .motion._1 .bottom > div p{min-width: calc(300/45*1em);}

    ._sub._company .se02 .wrap .motion._2{padding-bottom: 80px;}
}
@media screen and (max-width:320px) {}









._sub._company .se03 { width: 100%; position: relative; overflow: hidden; padding: 200px 0; box-sizing: border-box; color: #141414; }
._sub._company .se03 dl { text-align: center; }
._sub._company .se03 dl dt { font-size: 25px; font-weight: 700; font-family: 'Mona Sans'; letter-spacing: -0.025em; }
._sub._company .se03 dl dd { font-size: 40px; letter-spacing: -0.05em; line-height: calc(65 / 40); font-weight: 600; margin-top: 25px; }

._sub._company .se03 .swbx { margin-top: 85px; }
._sub._company .se03 .swbx .se03sw { width: 90%; margin: 0 auto; overflow: visible; }
._sub._company .se03 .swbx .se03sw .inn { width: 100%; border-radius: 10px; background-color: #ededed; overflow: hidden; padding: 40px 25px; box-sizing: border-box; }
._sub._company .se03 .swbx .se03sw .inn strong { display: block; font-size: 40px; letter-spacing: -0.05em; font-weight: 600; font-family: 'Mona Sans'; line-height: 1.3; min-height: 2.6em; }
._sub._company .se03 .swbx .se03sw .inn p { font-size: 22px; letter-spacing: -0.05em; margin-top: 75px; line-height: calc(35 / 22); color: #282828; min-height: 3.18em; min-height: 4.77em; }


@media screen and (max-width: 1440px){
    ._sub._company .se03 .swbx .se03sw .inn strong { font-size: 36px; }
    ._sub._company .se03 .swbx .se03sw .inn p { font-size: 20px; }
}

@media screen and (max-width: 1280px){
    ._sub._company .se03 { padding: 120px 0; }
    ._sub._company .se03 dl dt { font-size: 20px; }
    ._sub._company .se03 dl dd { font-size: 32px; margin-top: 15px; }

    ._sub._company .se03 .swbx { margin-top: 60px; }
    ._sub._company .se03 .swbx .se03sw .inn strong { font-size: 30px; }
    ._sub._company .se03 .swbx .se03sw .inn p { font-size: 18px; margin-top: 100px; }
}

@media screen and (max-width: 820px){
    ._sub._company .se03 { padding: 70px 0; }
    ._sub._company .se03 dl dt { font-size: 16px; }
    ._sub._company .se03 dl dd { font-size: 26px; margin-top: 10px; }

    ._sub._company .se03 .swbx { margin-top: 40px; }
    ._sub._company .se03 .swbx .se03sw .inn { padding: 20px 10px; }
    ._sub._company .se03 .swbx .se03sw .inn strong { font-size: 24px; }
    ._sub._company .se03 .swbx .se03sw .inn p { font-size: 14px; margin-top: 50px; min-height: 6.36em; }
}

@media screen and (max-width: 500px){
    ._sub._company .se03 dl dt { font-size: 14px; }
    ._sub._company .se03 dl dd { font-size: 22px; margin-top: 10px; }
    ._sub._company .se03 .swbx .se03sw .inn strong { font-size: 20px; }
}