._m{ background-color: #000; color: #fff; word-break: keep-all; overflow: hidden; }
._m .se01{ width: 100%; position: relative; min-height: 100vh; box-sizing: border-box; display: flex; align-items: center; }

._m .se01 .pin{ width: 100%; box-sizing: border-box; }
._m .se01 > .bg{ position: absolute; left: 0; top: 0; background-color: #000; height: 100vh; display: flex; padding-top: 165px; box-sizing: border-box; align-items: flex-start; justify-content: flex-start; animation: updown 2s infinite ease-in-out alternate; }
._m .se01 .bg img{ width: auto; }

._m .se01 .pin .wrap{ position: relative; z-index: 1; display: flex;  }
._m .se01 .pin .wrap .lbx{ width: calc(665 / 1540 * 100%); box-sizing: border-box; }
._m .se01 .pin .wrap .titleWrap{ box-sizing: border-box; }
._m .se01 .pin .wrap .titleWrap h1{ font-size: 92px; font-family: 'Campton'; font-weight: 700; overflow: hidden; line-height: calc(107 / 92); }
._m .se01 .pin .wrap .titleWrap h1 span{ display: block; }

/* @media screen and (min-width: 1921px){
    ._m .se01 .pin .wrap .titleWrap h1{ font-size: 92px; }
} */

._m .se01 .pin .wrap .info_{ margin-top: 20px; box-sizing: border-box; }
._m .se01 .pin .wrap .info_ p{ font-size: 25px; display: flex; font-weight: 700; align-items: flex-start; margin-bottom: 5px; }
._m .se01 .pin .wrap .info_ p:last-of-type{ margin-bottom: 0; }
._m .se01 .pin .wrap .info_ p em{ line-height: 1.3; display: block; }
._m .se01 .pin .wrap .info_ p img{ margin-right: 20px; height: auto; padding-top: 4px; animation: rotate 3s infinite linear; }

._m .se01 .pin .wrap .rbx{ width: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; z-index: 3; justify-content: space-between; }
/* width: calc(870 / 1540 * 100%); */
._m .se01 .pin .wrap .rbx .registration{ flex-shrink: 0; border-radius: 10px; overflow: hidden; opacity: 0; transform: translateX(20%); pointer-events: none; }
._m .se01 .pin .wrap .rbx .registration > a{ width: 100%; height: 100%; padding: 50px; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
._m .se01 .pin .wrap .rbx .registration > a .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; transition-duration: 0.4s; }
._m .se01 .pin .wrap .rbx .registration > a strong{ display: block; font-family: 'Campton'; font-weight: 700; line-height: calc(60 / 50); writing-mode: vertical-rl; font-size: 50px; }
._m .se01 .pin .wrap .rbx .registration > a .regis{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
._m .se01 .pin .wrap .rbx .registration > a .regis span{ font-size: 25px; font-weight: 700; margin-top: 15px; }
._m .se01 .pin .wrap .rbx .registration > a .regis img{ transition-duration: 0.4s; }
._m .se01 .pin .wrap .rbx.pointer .registration{ pointer-events: unset; }

._m .se01 .pin .wrap .rbx .bx1{ width: 56.5%; box-sizing: border-box; padding-left: 30px; display: flex; align-items: center; }
._m .se01 .pin .wrap .rbx .bx1 .vid{ width: 100%; overflow: hidden; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #111; z-index: 5; font-size: 24px;  }
._m .se01 .pin .wrap .rbx .bx1 .vid i{ color: #333; animation: spinner 2s infinite linear; }
._m .se01 .pin .wrap .rbx .bx1 .vid::after{ content: ''; display: block; padding-bottom: calc(720 / 1280 * 100%); }
._m .se01 .pin .wrap .rbx .bx1 .vid img{ max-width: unset; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; object-fit: cover; }
._m .se01 .pin .wrap .rbx .bx1 .vid iframe{ max-width: unset; width: 100%; height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
._m .se01 .pin .wrap .rbx .bx1 .snslist{ position: absolute; top: 94%; right: 0; }

._m .se01 .snslist li{ opacity: 0; transform: translateY(-40px); }

@keyframes spinner {
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}



/*
._m .se01 .scroll{ position: relative; padding-top: 110vh; }
._m .se01 .scroll .wrap .bx1{ width: calc(735 / 1540 * 100%); margin-left: auto; }
._m .se01 .scroll .wrap .bx1 .vid{ width: 100%; position: relative; overflow: hidden; border-radius: 10px; }
._m .se01 .scroll .wrap .bx1 .vid::after{ content: ''; display: block; padding-bottom: calc(507 / 735 * 100%); }
._m .se01 .scroll .wrap .bx1 .vid img{ max-width: unset; min-height: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
._m .se01 .scroll .wrap .bx1 .vid iframe{ max-width: unset; width: 130%; min-height: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
._m .se01 .scroll .wrap .bx1 .snslist{ margin-top: 25px; justify-content: flex-end; }

._m .se01 .scroll .wrap .bx2{ padding: 45px 0; display: flex; justify-content: space-between; }
._m .se01 .scroll .wrap .bx2 .vid{ width: calc(1195 / 1540 * 100%); position: relative; overflow: hidden; border-radius: 10px; }
._m .se01 .scroll .wrap .bx2 .vid::after{ content: ''; display: block; padding-bottom: calc(650 / 1195 * 100%); }
._m .se01 .scroll .wrap .bx2 .vid img{ max-width: unset; min-height: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
._m .se01 .scroll .wrap .bx2 .vid iframe{ max-width: unset; width: 100%; min-height: 100%; height: 104%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
._m .se01 .scroll .wrap .bx2 .registration{ padding-left: 30px; box-sizing: border-box;  }
._m .se01 .scroll .wrap .bx2 .registration > a{ border-radius: 10px; border: 2px solid #fff; box-sizing: border-box; width: 100%; height: 100%; padding: 50px 42px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: #000; }
._m .se01 .scroll .wrap .bx2 .registration > a img{ margin-left: auto; }
._m .se01 .scroll .wrap .bx2 .registration > a > dl{ padding-bottom: 30px; }
._m .se01 .scroll .wrap .bx2 .registration > a > dl dt{ font-size: 25px; font-weight: 700; color: #fcd6f6; }
._m .se01 .scroll .wrap .bx2 .registration > a > dl dd{ font-size: 30px; font-weight: 700; font-family: 'Campton'; line-height: calc(40 / 30); margin-top: 35px; }
*/

@media screen and (min-width: 821px){
    ._m .se01 .pin .wrap .rbx .registration:hover > a .bg{ transform: scale(1.05); }
    ._m .se01 .pin .wrap .rbx .registration:hover > a .regis img{ transform: scaleX(-1); }
}

@media screen and (max-width: 1440px){
    ._m .se01 .pin .wrap .titleWrap h1{ font-size: 72px; }
    ._m .se01 .pin .wrap .info_ p{ font-size: 20px; margin-bottom: 10px; }
    ._m .se01 .pin .wrap .info_ p img{ padding-top: 0; }
    /*
    ._m .se01 .scroll .wrap .bx2 .registration > a{ padding: 30px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dt{ font-size: 20px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dd{ font-size: 26px; }
    */

    ._m .se01 .pin .wrap .rbx .registration > a strong{ font-size: 40px; }
    ._m .se01 .pin .wrap .rbx .registration > a{ padding: 40px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis img{ width: 60px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis span{ font-size: 22px; }
}

@media screen and (max-width: 1280px){
    
    ._m .se01 .pin .wrap .titleWrap h1{ font-size: 6.1vw; }
    ._m .se01 .pin .wrap .info_ p{ font-size: 16px; }
    ._m .se01 .pin .wrap .info_ p em{ padding-top: 0.2em; display: block; }

    /*
    ._m .se01 .scroll .wrap .bx2 .registration{ padding-left: 15px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a img{ width: 45px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl{ padding-bottom: 0; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dt{ font-size: 16px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dd{ font-size: 22px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a{ padding: 20px 15px; }
    */

    ._m .se01 .pin .wrap .rbx .registration > a strong{ font-size: 36px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis img{ width: 30px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis span{ font-size: 16px; margin-top: 10px; }
    ._m .se01 .pin .wrap .rbx .registration > a{ padding: 20px 30px; }
    ._m .se01 .pin .wrap .rbx .bx1 .snslist{ top: calc(100% + 10px); }
}

@media screen and (max-width: 1024px){
    ._m .se01 .pin .wrap .rbx .registration > a strong{ font-size: 26px; }
}



@media screen and (max-width: 820px){
    ._m .se01{ height: auto; min-height: unset; padding: 100px 0; }
    
    ._m .se01 .bg{ width: 30%; top: 0; }

    ._m .se01 .pin{ position: static; }
    ._m .se01 .pin .wrap .titleWrap{ width: 100%; padding: 0; }
    ._m .se01 .pin .wrap .titleWrap h1{ display: inline-block; font-size: 7.2vw; margin-right: 0.2em; }
    ._m .se01 .pin .wrap .info_{ width: 100%; padding: 0; }

    /*
    ._m .se01 .scroll{ padding: 0; margin-top: 40px; }
    ._m .se01 .scroll .wrap .bx1 .snslist{ margin-bottom: 15px; margin-top: 0; }

    ._m .se01 .scroll .wrap .bx1{ width: 100%; display: flex; flex-direction: column-reverse; }
    ._m .se01 .scroll .wrap .bx2{ padding: 20px 0; }

    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dd{ font-size: 18px; }
    */

    ._m .se01 .pin .wrap{ flex-direction: column; }
    ._m .se01 .pin .wrap .lbx{ width: 100%; }
    ._m .se01 .pin .wrap .rbx{ position: static; transform: translateY(0); margin-top: 40px; }
    ._m .se01 .pin .wrap .rbx .bx1{ padding-left: 15px; width: 100%; }
    ._m .se01 .pin .wrap .rbx .registration{ pointer-events: unset; transform: translateX(0); opacity: 1; }
    ._m .se01 .pin .wrap .rbx .registration > a{ padding: 10px 20px; }
    ._m .se01 .pin .wrap .rbx .registration > a strong{ font-size: 22px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis span{ font-size: 14px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis img{ width: 20px; }

}

@media screen and (max-width: 600px){
    ._m .se01 .pin .wrap .rbx{ flex-direction: column; }
    ._m .se01 .pin .wrap .rbx .registration > a{ padding: 10px 15px; }
    ._m .se01 .pin .wrap .rbx .registration > a strong{ writing-mode: unset; font-size: 18px; }
    ._m .se01 .pin .wrap .rbx .registration > a .regis{ margin-left: auto; margin-top: 15px; }
    ._m .se01 .pin .wrap .rbx .bx1{ padding: 0; margin-top: 10px; }
}

@media screen and (max-width: 500px){
    
    ._m .se01 .bg{ width: 40%; top: 70px; }
    ._m .se01 .pin .wrap .titleWrap h1{ font-size: 11.2vw; display: block; }
    ._m .se01 .pin .wrap .info_ p{ font-size: 14px; }
    ._m .se01 .pin .wrap .info_ p img{ width: 20px; }
    ._m .se01 .pin .wrap .info_ p em{ padding-top: 0; }

    /*
    ._m .se01 .scroll .wrap .bx2{ flex-direction: column-reverse; }
    ._m .se01 .scroll .wrap .bx2 .registration{ padding-left: 0; }
    ._m .se01 .scroll .wrap .bx2 .registration > a{ padding: 15px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dt{ font-size: 14px; }
    ._m .se01 .scroll .wrap .bx2 .registration > a > dl dd{ margin-top: 20px; }
    ._m .se01 .scroll .wrap .bx2 .vid{ width: 100%; margin-top: 20px; }
    ._m .se01 .scroll .wrap .bx2 .vid::after{ padding-bottom: calc(507 / 735 * 100%); }
    */
}



._m .se02{ width: 100%; position: relative; overflow: hidden; height: 100vh; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
._m .se02 .bg{ position: absolute; right: 0; bottom: 0; background-color: #000; animation: updown 2s infinite ease-in-out alternate; }
._m .se02 .bg img{  }
._m .se02 .motionTitle{ display: inline-block; font-size: 130px; font-family: 'Campton'; font-weight: 700; white-space: nowrap; }
._m .se02 .motionTitle strong.whi{ display: block;  color: #fff; position: absolute; left: 0; top: 0; clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); }
._m .se02 .motionTitle strong.grad{ display: block; -webkit-background-clip: text; background-image: url(/asset/img/main/se02_titlecolor.jpg); background-clip: text; background-repeat: no-repeat; background-size: 100%; background-position: center; color: transparent; }

._m .se02 .wrap dl{ margin-top: 25px; font-weight: 700; }
._m .se02 .wrap dl dt{ font-size: 60px; font-family: 'Campton'; font-weight: 700; letter-spacing: 0; }
._m .se02 .wrap dl dd{ font-size: 25px; color: #d2d2d2; margin-top: 25px; line-height: calc(1.7); font-family: 'Pretendard'; }
._m .se02 .wrap .grad_btn{ position: relative; display: flex; justify-content: center; margin-top: 60px; }
._m .se02 .wrap .grad_btn > a{ padding: 25px; box-sizing: border-box; display: flex; position: relative; align-items: center; overflow: hidden; border-radius: 10px; width: 272px; justify-content: flex-end; transition-duration: 0.4s; }
._m .se02 .wrap .grad_btn > a::after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-duration: 0.4s; transform: translateX(-100%); background: linear-gradient(90deg, rgba(179,31,241,1) 0%, rgba(213,109,146,1) 100%);; }
/* background: linear-gradient(-130deg, rgba(179,32,241,1) 0%, rgba(248,175,119,1) 34%, rgba(202,244,215,1) 65%, rgba(122,184,226,1) 100%);  */
._m .se02 .wrap .grad_btn > a::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #767676; box-sizing: border-box; border-radius: 10px; }
._m .se02 .wrap .grad_btn > a span{ font-size: 20px; font-weight: 700; transition-duration: 0.4s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; z-index: 2; }
._m .se02 .wrap .grad_btn > a .double{ transition-duration: 0.4s; position: relative; z-index: 2; }
._m .se02 .wrap .grad_btn > a .double i{ font-size: 24px; margin: 0 -0.4em; }

@media screen and (min-width: 821px){
    ._m .se02 .wrap .grad_btn > a:hover::after{ transform: translateX(0); }
    /* ._m .se02 .wrap .grad_btn > a:hover span{ color: #000; } */
    ._m .se02 .wrap .grad_btn > a:hover .double{ opacity: 1; }
}

@media screen and (max-width: 1440px){
    ._m .se02 .wrap dl dd{ font-size: 20px; }
}

@media screen and (max-width: 1280px){
    ._m .se02 .motionTitle{ font-size: 100px; }
    ._m .se02 .wrap dl dt{ font-size: 40px; }
    ._m .se02 .wrap dl dd{ font-size: 16px; }
    ._m .se02 .wrap .grad_btn > a span{ font-size: 16px; }
    ._m .se02 .wrap .grad_btn > a{ padding: 15px 20px; width: 220px; }
}

@media screen and (max-width: 820px){
    ._m .se02 .bg{ width: 30%; }
    ._m .se02 .motionTitle{ font-size: 12.1951vw; }
    ._m .se02 .wrap dl dt{ font-size: 28px; }
    ._m .se02 .wrap dl dd{ font-size: 14px; }
    ._m .se02 .wrap .grad_btn > a span{ font-size: 14px; color: #000; }
    ._m .se02 .wrap .grad_btn > a{ padding: 10px 15px; width: 180px; border-radius: 5px; }
    ._m .se02 .wrap .grad_btn > a::before{ border-radius: 5px; }
    ._m .se02 .wrap .grad_btn > a::after{ transform: translateX(0); }
    ._m .se02 .wrap .grad_btn > a .double{ opacity: 1; color: #000; }
    ._m .se02 .wrap .grad_btn > a .double i{ font-size: 18px; }

}

@media screen and (max-width: 500px){
    ._m .se02 .bg{ width: 40%; }
    ._m .se02 .wrap dl{ margin-top: 10px; }
    ._m .se02 .wrap dl dt{ font-size: 20px; }
    ._m .se02 .wrap dl dd{ word-break: keep-all; }
    
}

@media screen and (max-width: 410px){
    ._m .se02 .wrap dl dd br{ display: none; }
}


/* 중간제목 공통 */
._m section .wrap > dl dt{ font-size: 20px; font-weight: 300; letter-spacing: -0.025em; font-family: 'Campton'; line-height: 1.3; }
._m section .wrap > dl dd{ font-size: 100px; font-family: 'Campton'; font-weight: 700; margin-top: 25px; }

@media screen and (max-width: 1440px){
    ._m section .wrap > dl dt{ font-size: 18px; }
    ._m section .wrap > dl dd{ font-size: 72px; margin-top: 15px; }
}

@media screen and (max-width: 1280px){
    ._m section .wrap > dl dt{ font-size: 16px; }
    ._m section .wrap > dl dd{ font-size: 48px; margin-top: 10px; }
}

@media screen and (max-width: 820px){
    ._m section .wrap > dl dt{ font-size: 14px; }
    ._m section .wrap > dl dd{ font-size: 35px; }
}



._m .se03{ width: 100%; position: relative; padding-bottom: 85px; }
._m .se03 .bg{ position: absolute; left: 0; bottom: 0; animation: updown 2s infinite ease-in-out alternate; }
._m .se03 .wrap{ position: relative; z-index: 1; }
._m .se03 .wrap > dl{ text-align: right; }

._m .se03 .wrap .sp_list{ display: flex; align-items: flex-start; margin-top: 40px; }
._m .se03 .wrap .sp_list li{ width: calc(255 / 1540 * 100%); margin-right: calc(63 / 1540 * 100%); }
._m .se03 .wrap .sp_list li:last-of-type{ margin-right: 0; }
/* ._m .se03 .wrap .sp_list li:nth-of-type(2){ margin-top: 30px; }
._m .se03 .wrap .sp_list li:nth-of-type(3){ margin-top: 60px; }
._m .se03 .wrap .sp_list li:nth-of-type(4){ margin-top: 90px; }
._m .se03 .wrap .sp_list li:nth-of-type(5){ margin-top: 120px; } */
._m .se03 .wrap .sp_list li .port{ border-radius: 10px; background-color: #cfd3d2; overflow: hidden; }
._m .se03 .wrap .sp_list li .port img{ object-fit: cover; width: 100%; }
._m .se03 .wrap .sp_list li strong{ font-size: 18px; letter-spacing: -0.025em; font-weight: 700; margin-top: 13px; text-decoration: underline; text-underline-position: under; display: block; line-height: 1.5; }
._m .se03 .wrap .sp_list li dl{ margin-top: 20px; font-size: 16px; letter-spacing: -0.025em; font-weight: 500; line-height: calc(24 / 16); }
._m .se03 .wrap .sp_list li dd{ color: #767676; }
._m .se03 .wrap > p{ font-size: 20px; letter-spacing: -0.025em; line-height: calc(32 / 20); margin-top: 190px; }

@media screen and (max-width: 1440px){
    ._m .se03 .wrap .sp_list{ margin-top: 20px; }
    ._m .se03 .wrap > p{ font-size: 16px; }
    ._m .se03 .wrap .sp_list li strong{ font-size: 16px; line-height: 1.3; }
    ._m .se03 .wrap .sp_list li dl{ font-size: 14px; margin-top: 10px; }
}

@media screen and (max-width: 820px){
    ._m .se03 .bg{ width: 30%; transform: scaleX(-1); right: 0; left: auto; }
    ._m .se03 .wrap{ display: flex; flex-direction: column-reverse; }
    ._m .se03 .wrap > dl{ order: 3; }
    ._m .se03 .wrap .sp_list{ flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
    ._m .se03 .wrap .sp_list li{ width: 48%; margin-right: 0; }

    ._m .se03 .wrap .sp_list li:nth-of-type(2){ margin-top: 0; }
    ._m .se03 .wrap .sp_list li:nth-of-type(3){ margin-top: 0; }
    ._m .se03 .wrap .sp_list li:nth-of-type(4){ margin-top: 0; }
    ._m .se03 .wrap .sp_list li:nth-of-type(5){ margin-top: 0; }

    ._m .se03 .wrap .sp_list li:nth-of-type(2n){ margin-top: 100px; }

    ._m .se03 .wrap > p{ margin-top: 70px; font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._m .se03 .wrap > p{ word-break: keep-all; margin-top: 40px; }
    ._m .se03 .wrap > p br{ display: none; }

    ._m .se03 .wrap .sp_list{  }
    ._m .se03 .wrap .sp_list li{ width: 100%; max-width: 280px; margin: 0 auto; margin-bottom: 30px; }
    ._m .se03 .wrap .sp_list li:nth-of-type(2n){ margin-top: 0; }
    ._m .se03 .wrap .sp_list li:nth-of-type(5){ margin: 0 auto; }
}


._m .se04{ padding: 100px 0; }
._m .se04 .wrap > dl{ padding-bottom: 40px; }
._m .se04 .wrap .bx{ width: 100%; box-sizing: border-box; padding: 40px 0; position: relative; display: flex; align-items: center; }
._m .se04 .wrap .bx > .linetop{ width: 100%; position: absolute; top: 0; left: 0; height: 1px; background-color: #fff; transform-origin: 0 0; }
._m .se04 .wrap .bx > .linetop._b{ top: auto; bottom: 0; }
._m .se04 .wrap .bx .obj{ position: absolute; right: 70px; top: 50%; transform: translateY(-50%);  }
._m .se04 .wrap .bx .obj img{ animation: updown 2s infinite ease-in-out alternate-reverse; }
._m .se04 .wrap .bx._2 .obj img{ animation-delay: .6s; animation-duration: 2.4s; }
._m .se04 .wrap .bx .lbx{ width: calc(475 / 1540 * 100%); display: flex; flex-direction: column; align-items: flex-start; }
._m .se04 .wrap .bx .lbx dl{ font-family: 'Campton'; font-weight: 500; }
._m .se04 .wrap .bx .lbx dl dt{ font-size: 18px; }
._m .se04 .wrap .bx .lbx dl dd{ font-size: 50px; margin-top: 10px; }
._m .se04 .wrap .bx .lbx strong{ font-size: 30px; margin-top: 45px; font-weight: 500; display: block; }
._m .se04 .wrap .bx .lbx .morebtn{ margin-top: 95px; display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #fff; box-sizing: border-box; position: relative; }
._m .se04 .wrap .bx .lbx .morebtn::after{ content: ''; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background-color: #fff; transition-duration: 0.4s; transform: scaleY(0); z-index: -1; transform-origin: 100% 100%; }
._m .se04 .wrap .bx .lbx .morebtn span{ font-size: 16px; font-family: 'Campton'; font-weight: 300; margin-right: 115px; transition-duration: 0.2s; }
._m .se04 .wrap .bx .lbx .morebtn i{ font-size: 20px; transition-duration: 0.2s; }

@media screen and (min-width: 821px){
    ._m .se04 .wrap .bx .lbx .morebtn:hover{ color: #000; }
    ._m .se04 .wrap .bx .lbx .morebtn:hover::after{ transform: scaleY(1); }
    ._m .se04 .wrap .bx .lbx .morebtn:hover span{ transform: translateX(10px); }
    ._m .se04 .wrap .bx .lbx .morebtn:hover i{ transform: translateX(-10px); }
}

._m .se04 .wrap .bx .lbx > img{ margin-top: 60px; animation: rotate 3s infinite linear; }

@keyframes rotate {
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}

@keyframes updown {
    0%{ transform: translateY(0); }
    100%{ transform: translateY(40px); }
}

._m .se04 .wrap .bx .rbx{ position: relative; }
._m .se04 .wrap .bx .rbx .sessions li{ width: 100%; margin-bottom: 50px; }
._m .se04 .wrap .bx .rbx .sessions li:last-of-type{ margin-bottom: 0; }
._m .se04 .wrap .bx .rbx .sessions li span{ font-size: 20px; letter-spacing: -0.025em; font-family: 'Campton'; font-weight: 700; color: #767676; }
._m .se04 .wrap .bx .rbx .sessions li dl{ margin-top: 8px; }
._m .se04 .wrap .bx .rbx .sessions li dl dt{ letter-spacing: -0.025em; font-size: 20px; font-weight: 700; line-height: 1.3; }
._m .se04 .wrap .bx .rbx .sessions li dl dd{ font-weight: 500; letter-spacing: -0.025em; font-size: 16px; color: #cebcdd; margin-top: 7px; line-height: 1.3; }

/* ._m .se04 .wrap .bx._2{ border-bottom: 1px solid #fff; } */
._m .se04 .wrap .bx._2 .rbx .sessions li dl dd{ color: #ffe2b9; }

@media screen and (max-width: 1440px){
    ._m .se04 .wrap .bx .lbx{ width: 26%; }
    ._m .se04 .wrap .bx .lbx strong{ margin-top: 30px; font-size: 24px; }
    ._m .se04 .wrap .bx .lbx .morebtn{ margin-top: 70px; }
    ._m .se04 .wrap .bx .lbx dl dt{ font-size: 16px; }
    ._m .se04 .wrap .bx .lbx dl dd{ font-size: 42px; }

    ._m .se04 .wrap .bx .obj{ width: 23%; }
}

@media screen and (max-width: 1280px){
    ._m .se04 .wrap .bx .lbx{ width: auto; padding-right: 30px; box-sizing: border-box; flex-shrink: 0; }

    ._m .se04 .wrap .bx .lbx strong{ margin-top: 30px; font-size: 20px; }
    ._m .se04 .wrap .bx .lbx .morebtn{ margin-top: 60px; }
    ._m .se04 .wrap .bx .lbx dl dt{ font-size: 14px; }
    ._m .se04 .wrap .bx .lbx dl dd{ font-size: 32px; }
    ._m .se04 .wrap .bx .lbx .morebtn span{ margin-right: 50px; }

    ._m .se04 .wrap .bx .rbx .sessions li span{ font-size: 18px; }
    ._m .se04 .wrap .bx .rbx .sessions li dl dt{ font-size: 18px; }
    ._m .se04 .wrap .bx .rbx .sessions li dl dd{ font-size: 14px; }
}

@media screen and (max-width: 820px){
    ._m .se04{ padding: 40px 0; }
    ._m .se04 .wrap .bx{ flex-direction: column; padding: 0; }
    ._m .se04 .wrap .bx .lbx{ width: 100%; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; }
    ._m .se04 .wrap .bx .lbx dl dd{ font-size: 26px; }
    ._m .se04 .wrap .bx .lbx .morebtn{ position: absolute; top: 5px; right: 0; margin-top: 0; padding: 10px 0; }
    ._m .se04 .wrap .bx .lbx > img{ position: absolute; bottom: 20px; right: 0; margin-top: 0; }

    ._m .se04 .wrap .bx .rbx{ padding: 20px 0; width: 100%; }
    ._m .se04 .wrap .bx .obj{ width: 40%; opacity: 0.7; top: auto; bottom: 50px; right: 0; transform: translateY(0); }

    ._m .se04 .wrap .bx .rbx .sessions li span{ font-size: 16px; }
    ._m .se04 .wrap .bx .rbx .sessions li dl dt{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._m .se04 .wrap .bx .rbx{ padding-bottom: 30px; }
    ._m .se04 .wrap .bx .rbx .sessions li{ margin-bottom: 30px; }
    ._m .se04 .wrap .bx .lbx{ border-bottom: none; padding: 30px 0; }
    ._m .se04 .wrap .bx .lbx .morebtn{ top: auto; bottom: 30px; }
    ._m .se04 .wrap .bx .lbx > img{ position: static; margin-top: 20px; }
    ._m .se04 .wrap .bx .obj{ opacity: 0.4; width: 60%; }
    ._m .se04 .wrap .bx .lbx dl dd{ font-size: 22px; }
}



._m .se05{ width: 100%; position: relative; overflow: hidden; padding: 90px 0; }
._m .se05 .wrap .swiperWrap{ width: 100%; margin-top: 50px; }
._m .se05 .wrap .swiperWrap .event_{ width: 100%; position: relative; }

._m .se05 .wrap .swiperWrap .event_ .inn{ width: 100%; height: 100%; border-radius: 10px; overflow: hidden; padding: 50px 40px; height: 500px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; }
._m .se05 .wrap .swiperWrap .event_ .swiper-slide{ position: relative; border-radius: 10px; overflow: hidden; }
._m .se05 .wrap .swiperWrap .event_ .swiper-slide .bg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
._m .se05 .wrap .swiperWrap .event_ .inn > img{ display: block; margin: 0 auto; margin-top: 50px; margin-bottom: 80px; }
._m .se05 .wrap .swiperWrap .event_ .inn dl{ z-index: 1; position: relative; }
._m .se05 .wrap .swiperWrap .event_ .inn dl dt{ font-size: 24px; letter-spacing: -0.025em; font-weight: 700; font-weight: 700; }
._m .se05 .wrap .swiperWrap .event_ .inn dl dd{ font-size: 18px; letter-spacing: -0.025em; font-weight: 500; line-height: calc(30 / 18); margin-top: 30px; word-break: keep-all; }

._m .se05 .wrap .swiperWrap .event_ .swiper-slide.green .inn{ background-color: #508f6e; }
._m .se05 .wrap .swiperWrap .event_ .swiper-slide.sky .inn{ background-color: #66a2ff; }
._m .se05 .wrap .swiperWrap .event_ .swiper-slide.blue .inn{ background-color: #40509f; }

._m .se05 .wrap .swiperWrap .event_ .swiper-pagination{ display: flex; align-items: center; justify-content: center; margin-top: 50px; }
._m .se05 .wrap .swiperWrap .event_ .swiper-pagination span{ width: 29px; height: 29px; display: block; background-color: rgba(255,255,255,0.2); border-radius: 50%; margin-right: 20px; transition-duration: 0.2s; cursor: pointer; transition-duration: 0.2s; }
._m .se05 .wrap .swiperWrap .event_ .swiper-pagination span:last-of-type{ margin-right: 0; }

._m .se05 .wrap .swiperWrap .event_ .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #fff; }

@media screen and (min-width: 821px){
    ._m .se05 .wrap .swiperWrap .event_ .swiper-pagination span:hover{ background-color: rgba(255,255,255,0.5); }
}

@media screen and (max-width: 1440px){
    ._m .se05 .wrap .swiperWrap .event_ .inn dl dd{ min-height: 5em; }
}

@media screen and (max-width: 1280px){
    ._m .se05 .wrap .swiperWrap .event_ .swiper-slide .inn{ padding: 40px 30px; }
    ._m .se05 .wrap .swiperWrap .event_ .inn > img{ margin-top: 30px; margin-bottom: 50px; }
    ._m .se05 .wrap .swiperWrap .event_ .inn dl dt{ font-size: 20px; }
    ._m .se05 .wrap .swiperWrap .event_ .inn dl dd{ font-size: 16px; margin-top: 15px; min-height: unset; }

    ._m .se05 .wrap .swiperWrap .event_ .swiper-pagination span{ width: 20px; height: 20px; }

    ._m .se05 .wrap .swiperWrap .event_ .swiper-pagination{ margin-top: 30px; }
}

@media screen and (max-width: 820px){
    ._m .se05 .wrap .swiperWrap{ margin-top: 30px; }
    ._m .se05 .wrap .swiperWrap .event_ .swiper-slide .inn{ padding: 20px 15px; }
    ._m .se05 .wrap .swiperWrap .event_ .inn > img{ margin-top: 20px; width: 60%; }
    ._m .se05 .wrap .swiperWrap .event_ .inn dl dt{ font-size: 18px; }
    ._m .se05 .wrap .swiperWrap .event_ .inn dl dd{ font-size: 14px; }

    ._m .se05 .wrap .swiperWrap .event_ .swiper-pagination span{ width: 14px; height: 14px; margin-right: 15px; }
}

@media screen and (max-width: 500px){
    ._m .se05 .wrap .swiperWrap .event_ .swiper-slide .inn{ height: 350px; }
}




._m .se06{ width: 100%; position: relative; padding: 50px 0; }
._m .se06 .wrap > dl{ text-align: right; }
._m .se06 .wrap .logolist{ display: flex; align-items: flex-start; max-width: 1070px; margin: 0 auto; width: 100%; margin-top: 30px; }

._m .se06 .wrap .logolist.center{ justify-content: center; }

._m .se06 .wrap .logolist li{ width: calc(307 / 1070 * 100%); margin-right: calc(75 / 1070 * 100%); display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 10px; overflow: hidden; padding: 30px 10px; box-sizing: border-box; }
._m .se06 .wrap .logolist li:last-of-type{ margin-right: 0; }

/* ._m .se06 .wrap .logolist li:nth-of-type(2){ margin-top: 15px; }
._m .se06 .wrap .logolist li:nth-of-type(3){ margin-top: 30px; } */
._m .se06 .wrap .logolist li img{}

@media screen and (max-width: 820px){
    ._m .se06 .wrap .logolist li{ padding: 20px 10px; }
}

@media screen and (max-width: 500px){
    ._m .se06 .wrap .logolist{ flex-wrap: wrap; justify-content: center; }
    ._m .se06 .wrap .logolist li{ padding: 20px 10px; width: 47%; margin-right: 3%; }
    ._m .se06 .wrap .logolist li:nth-of-type(2){ margin-top: 0; margin-right: 0; }
    ._m .se06 .wrap .logolist li:nth-of-type(3){ margin-top: 15px; }
}


._m .se07{ padding: 200px 0; box-sizing: border-box; width: 100%; overflow: hidden; position: relative; }
._m .se07 .wrap{ display: flex; }
._m .se07 .wrap .txtWrap{ padding-top: 10px; box-sizing: border-box; padding-right: calc(60 / 1540 * 100%); position: relative; }
._m .se07 .wrap .txtWrap h1{ font-size: 75px; letter-spacing: -0.015em; color: transparent; -webkit-background-clip: text; background-image: url(/asset/img/main/se07_titlebg.jpg); display: inline-block; line-height: calc(89 / 75); font-weight: 700; background-size: cover; background-repeat: no-repeat; background-position: center; font-family: 'Campton'; }
._m .se07 .wrap .txtWrap p{ font-size: 25px; font-weight: 700; letter-spacing: -0.015em; margin-top: 95px; line-height: calc(30 / 25); }
._m .se07 .wrap .txtWrap .moretr{ position: absolute; right: -50px; bottom: 115px; width: 200px; height: 200px; border-radius: 50%; background-image: url(/asset/img/main/se07_btnbg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; z-index: 3; }
._m .se07 .wrap .txtWrap .moretr span{ font-size: 15px; letter-spacing: -0.025em; font-weight: 700; }

._m .se07 .wrap .mapWrap{ width: calc(825 / 1540 * 100%); }
._m .se07 .wrap .mapWrap #map{ width: 100%; height: 500px; background-color: #111; filter: saturate(0) invert(1); opacity: 0.9; }
._m .se07 .wrap .mapWrap #map .root_daum_roughmap{ width: 100%; height: 100%; }
._m .se07 .wrap .mapWrap #map .root_daum_roughmap .wrap_map{ width: 100%; height: 100%; }

._m .se07 .wrap .mapWrap .infor__{ width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
._m .se07 .wrap .mapWrap .infor__ strong{ display: flex; align-items: flex-start; font-size: 20px; letter-spacing: -0.025em; font-weight: 700; line-height: calc(24 / 20); }
._m .se07 .wrap .mapWrap .infor__ strong span{ padding-top: 0.1em; margin-left: 10px; }
._m .se07 .wrap .mapWrap .infor__ .loca{ display: flex; justify-content: flex-end; }
._m .se07 .wrap .mapWrap .infor__ .loca li{ font-size: 18px; letter-spacing: -0.025em; color: #767675; line-height: calc(26 / 18); margin-left: 55px; }
._m .se07 .wrap .mapWrap .infor__ .loca li:first-of-type{ margin-left: 0; }


@media screen and (max-width: 1440px){
    ._m .se07{ padding: 140px 0; }
    ._m .se07 .wrap .mapWrap .infor__ .loca li{ margin-left: 20px; font-size: 16px; }
    ._m .se07 .wrap .txtWrap p{ font-size: 24px; line-height: 1.4; }
}

@media screen and (max-width: 1280px){
    ._m .se07{ padding: 120px 0; }
    ._m .se07 .wrap .txtWrap h1{ font-size: 55px; }
    ._m .se07 .wrap .txtWrap p{ font-size: 20px; margin-top: 40px; }
    ._m .se07 .wrap .txtWrap .moretr{ width: 160px; height: 160px; position: static; margin-top: 30px; }
    ._m .se07 .wrap .mapWrap #map{ height: 370px; }
    ._m .se07 .wrap .mapWrap .infor__{ flex-direction: column; text-align: center; }
    ._m .se07 .wrap .mapWrap .infor__ .loca{ margin-top: 20px; }
}

@media screen and (max-width: 820px){
    ._m .se07{ padding: 70px 0; }
    ._m .se07 .wrap{ flex-direction: column; }
    ._m .se07 .wrap .txtWrap{ padding: 0; }
    ._m .se07 .wrap .txtWrap h1{ font-size: 40px; }
    ._m .se07 .wrap .txtWrap p{ font-size: 16px; font-weight: 500; margin-top: 30px; }

    ._m .se07 .wrap .txtWrap .moretr{ position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; }
    ._m .se07 .wrap .txtWrap .moretr span{ font-size: 14px; }

    ._m .se07 .wrap .mapWrap{ width: 100%; margin-top: 50px; }
    ._m .se07 .wrap .mapWrap .infor__ strong{ font-size: 16px; }
    ._m .se07 .wrap .mapWrap .infor__ .loca li{ font-size: 14px; }

    ._m .se07 .wrap .mapWrap #map{ height: 250px; }
}

@media screen and (max-width: 500px){
    ._m .se07 .wrap .txtWrap h1{ font-size: 9.8vw; }   
    ._m .se07 .wrap .txtWrap p{ font-size: 14px; margin-top: 15px; }
    ._m .se07 .wrap .txtWrap .moretr{ top: 90%; width: 100px; height: 100px; }
    ._m .se07 .wrap .txtWrap .moretr span{ font-size: 13px; }
    ._m .se07 .wrap .mapWrap{ margin-top: 80px; }
    ._m .se07 .wrap .mapWrap #map{ height: 200px; }
    ._m .se07 .wrap .mapWrap .infor__ .loca{ flex-direction: column; }
    ._m .se07 .wrap .mapWrap .infor__ .loca li{ margin-left: 0; margin-bottom: 15px; }
}