@charset "utf-8";

.main {
    background-color: #f5f5f5;
}
.container {
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
/* mv */
.mv {
    position: relative;
    background-color: #DEDEDE;
    border-radius: 0px 0px 50px 50px;
    aspect-ratio: 1/0.5625;
    z-index: 11;
}

.mv .inner {
    height: 100%;
    display: flex;
    align-items: center;
}

.mv .mv_video_box {
    position: absolute;
    right: 0;
    top: calc(50% + 50px);
    transform: translateY(-50%);
    width: 63%;
    aspect-ratio: 1/0.79;
}

.mv_txt_box {
    position: relative;
    z-index: 1;
}

.mv_label {
    font-size: 24px;
    font-weight: 400;
    color: #222;
    line-height: 1.5em;
    letter-spacing: 9.6px;
}

.mv_tit {
    margin: 10px 0 35px;
    font-size: 90px;
    color: #222;
    font-weight: 600;
    line-height: 1.11em;
    letter-spacing: -3.6px;
}

.mv_alt {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.96px;
    color: #666;
}
.mv_alt b {
    color: #666;
    font-weight: 700;
    line-height: 1.5em;
}

@media all and (max-width:1760px) {
    .mv_label,
    .mv_alt {
        font-size: 20px;
    }
    .mv .mv_video_box {
        top: calc(50% + 45px);
    }
  
}

@media all and (max-width:1400px) {
    .mv_label, .mv_alt {
        font-size: 18px;
    }
    .mv .mv_video_box {
        top: calc(50% + 40px);
    }
}

@media all and (max-width:1024px) {
    .mv {
        aspect-ratio: unset;
        padding: 160px 0 80px;
    }
    .mv .inner {
        flex-wrap: wrap;
        gap: 40px;
        text-align: center;
    }
    .mv_txt_box {
        width: 100%;
    }
    .mv .mv_video_box,
    .subPageContainer .subVisual .inner > div.mv_video_box.type02 {
        position: relative;
        top: unset;
        transform: unset;
        right: unset;
        width: 100%;
    }
    .mv_label, .mv_alt {
        font-size: 16px;
    }
}

@media all and (max-width:700px) {
    .mv {
        padding: 140px 0 60px;
    }
}
/* END mv */

/* con01 */
.con {
    padding: 200px 0 100px;
    position: relative;
    margin-top: -45px;
    border-radius: 0 0 50px 50px;
    background-color: #fff;
}

.main .con_ai {
    z-index: 10;
    padding-top: 80px;
}

.main .con01 {        
    z-index: 9;
}

    /* ==========================================================================
       IT INSIGHT Section - 메인페이지 전용 프리미엄 스타일
       ========================================================================== */
    .con_insight { background: #fff; padding: 100px 0 80px; position: relative; z-index: 5; }
    .con_insight .insight_wrapper { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 40px; margin-top: 50px; width: 100%; }
    .con_insight .insight_item { cursor: pointer; position: relative; background: #fff; border-radius: 30px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid #f0f0f0; display: flex; flex-direction: column; min-width: 0; }
    .con_insight .insight_item:hover { transform: translateY(-15px); box-shadow: 0 20px 40px rgba(0,0,0,0.12); border-color: #eee; }
    
    .con_insight .img_box_wrap { position: relative; height: 350px; overflow: hidden; width: 100%; background: #f8f9fa; }
    .con_insight .img_box { width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.6s ease; background-repeat: no-repeat; }
    .con_insight .no_thumb .img_box { display: flex; align-items: center; justify-content: center; opacity: 0.5; }
    .con_insight .no_thumb .img_box::after { content: 'NO IMAGE'; font-size: 14px; font-weight: 500; color: #999; }

    .con_insight .insight_item:hover .img_box { transform: scale(1.1); }
    .con_insight .overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); opacity: 0; transition: opacity 0.3s ease; display: flex !important; align-items: center; justify-content: center; pointer-events: none; z-index: 2; }
    .con_insight .insight_item:hover .overlay { opacity: 1; }
    .con_insight .view_btn { color: #fff; border: 1px solid #fff; padding: 12px 25px; border-radius: 50px; font-weight: 500; font-size: 14px; backdrop-filter: blur(5px); transform: translateY(20px); transition: all 0.4s ease; }
    .con_insight .insight_item:hover .view_btn { transform: translateY(0); }
    
    .con_insight .txt_box { padding: 35px; background: #fff; flex: 1; display: flex; flex-direction: column; }
    .con_insight .info_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
    .con_insight .cate { background: #f8f9fa; color: #666; font-size: 13px; font-weight: 600; padding: 4px 12px; border-radius: 4px; border: 1px solid #eee; }
    .con_insight .date { color: #999; font-size: 14px; }
    .con_insight .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; margin-bottom: 15px; line-height: 1.4; transition: color 0.3s ease; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.8em; }
    .con_insight .insight_item:hover .tit { color: #21a1ff; }
    .con_insight .summary { color: #555; font-size: 16px; line-height: 1.7; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 3.4em; }
    .con_insight .tags { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }
    .con_insight .tags span { font-size: 14px; color: #21a1ff; font-weight: 500; }

    @media all and (max-width: 1400px) {
        .con_insight .tit { font-size: 24px; }
        .con_insight .img_box_wrap { height: 300px; }
    }
    
    @media all and (max-width: 1024px) {
        .con_insight { padding-bottom: 80px; }
        .con_insight .insight_wrapper { grid-template-columns: 1fr !important; gap: 30px; }
        .con_insight .insight_item { border-radius: 20px; }
        .con_insight .img_box_wrap { height: 250px; }
        .con_insight .txt_box { padding: 25px; }
        .con_insight .tit { font-size: 22px; height: auto; }
        .con_insight .summary { font-size: 15px; height: auto; }
    }

.com_tit_box01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 0;
}

.com_tit01 {
    font-size: 90px;
    font-weight: 600;
    line-height: 1.11em;
    
}
.com_tit01 span {
    transition: all 0.3s ease-in-out;
}
.com_tit01 .first {
    position: relative;
    display: inline-block;
    background-color: #000;
    color: transparent;
    text-shadow: 0px 4px 10px rgba(255,255,255,0.75);
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
}

.com_tit01.white .first {
    text-shadow: 0px 4px 10px rgba(255,255,255,0.15);
}

.com_tit01 .stroke {
    position: relative;
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);    
    text-shadow: 0px 2px 4px #fff, 0px 0px 0px #000, 0px 0px 2px #fff;
}

.com_tit01 .stroke.type02 {
    text-shadow: 0px 2px 4px #fff, 0px 0px 0px #000, 0px 0px 2px #000;
}

.com_tit01.white .stroke {
    color: rgba(255, 255, 255, 0.2); 
    text-shadow: 
        0px 1px 3px rgba(255, 255, 255, 0.5), 
        0px 0px 0px rgba(0, 0, 0, 0.9), 
        0px 0px 1px rgba(255, 255, 255, 0.5);
}

.com_tit01.active .first {
    color: #000;
    text-shadow: 0px 4px 10px rgba(0,0,0,0.5);
}

.com_tit01.white.active .first {    
    text-shadow: 0px 4px 10px rgba(255,255,255,0.5);
}

.com_tit01.active .stroke {
    color: #fff;
    text-shadow: 0px 4px 10px rgba(0,0,0,0.5);
}

.com_tit01.white.active .stroke {    
    text-shadow: 0px 4px 10px rgba(255,255,255,0.5);
}

.com_tit01:hover .first {
    animation: text01 0.7s ease-in-out forwards;
}
.com_tit01:hover .stroke {
    animation: text02 0.7s ease-in-out forwards;
}
.com_tit01:hover .stroke.type02 {
    animation: text03 0.7s ease-in-out forwards;
}
.com_tit01.white:hover .first {
    animation: text04 0.7s ease-in-out forwards;
}

.com_tit01.white:hover .stroke {
    animation: text05 0.7s ease-in-out forwards;
}

@keyframes text01 {
    0% {
        color: transparent;
        text-shadow: 0px 4px 10px rgba(255, 255, 255, 0.75);
    }
    100% {
        color: #000;
        text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
    }
}
@keyframes text02 {
    0% {
        color: rgba(255, 255, 255, 0.8);    
        text-shadow: 0px 2px 4px #fff, 0px 0px 0px #000, 0px 0px 2px #fff;
    }
    100% {
        color: #fff;
        text-shadow: 0px 4px 10px rgba(0,0,0,0.5);
    }
}

@keyframes text03 {
    0% {
        color: rgba(255, 255, 255, 0.8);    
        text-shadow: 0px 2px 4px #fff, 0px 0px 0px #000, 0px 0px 2px #000;
    }
    100% {
        color: #fff;
        text-shadow: 0px 4px 10px rgba(0,0,0,0.5);
    }
}

@keyframes text04 {
    0% {
        text-shadow: 0px 4px 10px rgba(255,255,255,0.15);
    }
    100% {
        text-shadow: 0px 4px 10px rgba(255,255,255,0.5);
    }
}
@keyframes text05 {
    0% {
        color: rgba(255, 255, 255, 0.2); 
        text-shadow: 
            0px 1px 3px rgba(255, 255, 255, 0.5), 
            0px 0px 0px rgba(0, 0, 0, 0.9), 
            0px 0px 1px rgba(255, 255, 255, 0.5);
        }
    100% {
        text-shadow: 0px 4px 10px rgba(255,255,255,0.5);
    }
}


.com_alt01 {
    text-align: right;
    font-size: 24px;
    /* color: #666; */
    color: #222;
    font-weight: 400;
    line-height: 1.75em;
    margin-left: auto;
    word-break: auto-phrase;
}

.com_alt01.white {
    color: #F7F7F7;
}
.com_alt01 b {
    /* font-size: 28px; */
    font-size: 24px;
    color: #222;
    font-weight: 700;
    line-height: 1.5em;
}

.com_alt01.white b {
    color: #F7F7F7;
}

.com_slide_videon_box {
    display: flex;
    height: 650px;
    margin-top: 50px;
}
/* AI 페이지 전용 프리미엄 레이아웃 보정 */
.soft_con_ai .com_slide_videon_box,
.devPortCon .com_slide_videon_box {
    height: 600px !important; /* 기본 높이 확보 */
    margin-top: 30px;
}
.devPortCon .scroll_videon_montion_box {
    height: 100% !important;
    overflow: hidden;
    position: relative;
}
.devPortCon video.scroll_videon_montion {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}
@media all and (max-width: 1400px) {
    .devPortCon .com_slide_videon_box {
        height: auto !important;
    }
    .devPortCon .scroll_videon_montion_box {
        height: 550px !important;
    }
}
@media all and (max-width: 1024px) {
    .devPortCon .com_slide_videon_box {
        flex-direction: column !important;
        height: auto !important;
    }
    .devPortCon .com_slide_videon_box .scroll_videon_montion_box {
        width: 100% !important;
        margin-left: 0 !important;
        height: auto !important;
        aspect-ratio: 1.5 / 1 !important; /* 모바일에서 더 안정적인 비율 */
        margin-bottom: 20px;
        flex: none !important;
    }
}
.software_con01 .scroll_videon_montion_box,
.software_con02 .scroll_videon_montion_box,
.software_con03 .scroll_videon_montion_box,
.software_con04 .scroll_videon_montion_box,
.software_con05 .scroll_videon_montion_box {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.35 / 1 !important; /* 찌그러짐 방지 및 균형 잡힌 비율 */
    border-radius: 40px !important;
    max-height: 650px;
}
.software_con01 .video-thumbnail,
.software_con01 video.lazy-video,
.software_con02 .video-thumbnail,
.software_con02 video.lazy-video,
.software_con03 .video-thumbnail,
.software_con03 video.lazy-video,
.software_con04 .video-thumbnail,
.software_con04 video.lazy-video,
.software_con05 .video-thumbnail,
.software_con05 video.lazy-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

@media all and (max-width: 1024px) {
    .software_con01 .scroll_videon_montion_box,
    .software_con02 .scroll_videon_montion_box,
    .software_con03 .scroll_videon_montion_box,
    .software_con04 .scroll_videon_montion_box,
    .software_con05 .scroll_videon_montion_box {
        aspect-ratio: 1.25 / 1 !important;
    }
}
.scroll_videon_montion_box + .scroll_videon_montion_box {
    margin-left: -40px;
}
.com_slide_videon_box .scroll_videon_montion_box {
    flex-shrink: 0;
    flex: 1;
    transition: flex 0.3s ease-in-out;
}
.com_slide_videon_box .scroll_videon_montion_box.active {
    flex: 3;
}
/* .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:not(:last-child) {
    border-radius: 0 ;
} */
/* .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:last-child {
    border-radius: 0 40px 40px 0;
} */
/* .com_slide_videon_box .scroll_videon_montion_box.active  {
    border-radius: 40px;
    z-index: 5;
} */
.scroll_videon_montion_box {
    position: relative;
    border-radius: 40px 0 0 40px;
    overflow: hidden;
}
.scroll_videon_montion_box .video_tit {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.75em;
    color: #fff;
    z-index: 5;
    word-break: keep-all;
}
.scroll_videon_montion_box.active .video_tit {
    display: none;
}
.scroll_videon_montion_box.active {
    border-radius: 40px 0 0 40px;
    z-index: 2;
}
.scroll_videon_montion_box:last-child {
    border-radius: 40px;
}

.led-effect {
    text-shadow: 0 0 20px  #ff0707;
}
.com_tit01 .stroke.led-effect {
    animation: flicker 0.8s infinite alternate ease-in-out;
}
/* .com_tit01:hover .stroke {
    animation: flicker 0.8s infinite alternate ease-in-out;
} */
@keyframes flicker {
    0% { -webkit-text-stroke: 2px #fff; opacity: 0.6; text-shadow: 0 0 5px rgba(255, 7, 7, 0.6); }
    100% { -webkit-text-stroke: 2px #fff; opacity: 1; text-shadow: 0 0 20px rgba(255, 7, 7, 1); }
}
.video-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
video.lazy-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media all and (max-width:1760px) {
    .con {
        padding: 180px 0 80px;
    }
    .com_tit01 {
        font-size: 80px;
    }
    .com_alt01 {
        font-size: 20px;
    }
    .com_alt01 b {
        font-size: 24px;
    }
}

@media all and (max-width:1400px) {
    .con {
        padding: 160px 0 60px;
    }
    .com_tit01 {
        font-size: 70px;
    }
    .com_alt01 {
        font-size: 18px;
    }
    .com_alt01 b {
        font-size: 20px;
    }
    .com_slide_videon_box {
        flex-wrap: wrap;
        height: unset;
    }
   
    .com_slide_videon_box .scroll_videon_montion_box {
        flex: unset;
        width: 50%;
        height: 550px;
    }
    .scroll_videon_montion_box:nth-child(3) {
        margin-left: unset;
    }
    .scroll_videon_montion_box:nth-child(2) {
        border-radius: 40px;
    }
    .scroll_videon_montion_box:nth-child(2),
    .scroll_videon_montion_box:nth-child(4) {
        width: calc(50% + 20px);
    }
    .scroll_videon_montion_box:nth-child(3),
    .scroll_videon_montion_box:nth-child(4) {
        margin-top: 40px;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active {
        flex: unset;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:not(:last-child) {
        border-radius: 0 40px 40px 0;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:nth-child(3) {
        border-radius: 40px 0 0 40px;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:last-child {
        border-radius: 0 40px 40px 0;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active  {
        border-radius: 40px;
        z-index: 5;
    }
}

@media all and (max-width:1024px) {
    .con {
        padding: 140px 0 60px;
    }
    .com_tit01 {
        font-size: 50px;
    }
    .com_alt01 {
        font-size: 16px;
    }
    .com_alt01 b {
        font-size: 22px;
    }
    .com_slide_videon_box {
        gap: 40px;
    }
    .com_slide_videon_box .scroll_videon_montion_box {
        height: 450px;
        width: 100% !important;
        border-radius: 40px;
    }
    .scroll_videon_montion_box + .scroll_videon_montion_box {
        margin-left: unset;
    }
    .scroll_videon_montion_box:nth-child(3), .scroll_videon_montion_box:nth-child(4){
        margin-top: unset;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:not(:last-child) {
        border-radius: 40px;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:nth-child(3) {
        border-radius: 40px;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active + .scroll_videon_montion_box:last-child {
        border-radius: 40px;
    }
    .com_slide_videon_box .scroll_videon_montion_box.active  {
        border-radius: 40px;
        z-index: 5;
    }
}

@media all and (max-width:700px) {
    .con {
        padding: 110px 0 60px;
    }
    .com_tit01 {
        font-size: 44px;
    }
    .com_alt01 {
        font-size: 14px;
    }
    .com_alt01 b {
        font-size: 16px;
    }
    .com_slide_videon_box .scroll_videon_montion_box {
        height: 350px;
    }
}
/* END con01 */

/* con02 */
.bg01 {
    background-color: #EEE;
}
.main .con02 {
    z-index: 8;
}
/* END con02 */

/* con03 */
.bg02 {
    background-color: #222222;
}
.main .con03 {
    z-index: 7;
}
/* END con03 */

/* con04 */
.main .con04 {
    z-index: 6;
}
/* END con04 */

/* con05 */
.main .con05 {
    z-index: 5;
}
/* END con05 */

/* con06 */
.bg03 {
    background-color: #DEDEDE;
}
.main .con06 {
    z-index: 4;
}
.com_proj_wrapper {
    margin: 90px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.com_proj_wrapper .com_proj {
    width: calc(25% - 30px);
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.com_proj_wrapper .com_proj > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}
.com_proj_wrapper .com_proj .com_proj_tit {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    font-size: 24px;
    font-weight: 600;
    color: #ffff;
    padding: 25px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 100%);
}
.com_proj_wrapper .com_proj:hover {
    border-radius: 20px;
    
}
.com_proj_wrapper .com_proj:hover img {
    transform: scale(1.4);
}
.com_proj_wrapper .com_proj:hover .com_proj_tit {
    bottom: 0;
}

@media all and (max-width:1400px) {
    .com_proj_wrapper .com_proj {
        width: calc(33.3333% - 27px);
    }
}

@media all and (max-width:1024px) {
    .com_proj_wrapper .com_proj {
        width: calc(50% - 20px);
    }
    .com_proj_wrapper {
        margin: 60px 0;
    }   
}

@media all and (max-width:700px) {
    .com_proj_wrapper {
        gap: 20px;
    }
    .com_proj_wrapper .com_proj {
        width: calc(50% - 10px);
    }
    .com_proj_wrapper .com_proj .com_proj_tit {
        font-size: 16px;
        padding: 15px;
    }
    .commonBtn02 {
        width: 200px;
        height: 50px;
        padding: 0 20px;
        font-size: 18px;
        font-weight: 400;
    }
}
/* END con06 */

/* con07 */
.bg04 {
    background-color: #F3F3F3;
}
.main .con07 {
    z-index: 3;
}

.com_notice_flex_box {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 0;
}
.com_notice_flex_box > div {
    width: 50%;
}

.com_notice_flex_box .com_tit_box01 {
    gap: 50px;
}
.com_notice_flex_box .com_alt01 {
    text-align: left;
    margin-left: unset;
}
.com_notice_wrapper {
    border-top: 1px solid #CCC;
}
.com_notice_wrapper .box {
    border-bottom: 1px solid #CCC;
    padding: 25px 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.75em;
    color: #222;
    cursor: pointer;
}

@media all and (max-width:1400px) {
    .com_notice_flex_box .com_tit_box01 {
        align-items: center;
        gap: 30px 0;
    }
    .com_notice_flex_box .com_alt01 {
        margin-left: auto;
    }
    .com_notice_flex_box > div {
        width: 100%;
    }
    .com_notice_wrapper .box {        
        padding: 20px;
        font-size: 20px;
    }
}

@media all and (max-width:700px) {
    .com_notice_wrapper .box {
        padding: 15px;
        font-size: 14px;
    }
}
/* END con07 */

/* contactus */
.subPageContainer {
    background-color: #f5f5f5;
}

.subPageContainer .subVisual .mv_alt {
    margin: 30px 0;
}
.mv_alt02 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.77em;
    color: #222;
}
.subPageContainer .subVisual {
    background: #DEDEDE;
    border-radius: 0 0 50px 50px;
    aspect-ratio: 1 / 0.46875;
    z-index: 9;
    position: relative;
}
.subPageContainer .subVisual .inner {
    height: 100%;
    display: flex;
    align-items: center;
}
.subPageContainer .subVisual .inner.cs {
    overflow: hidden;
}
.subPageContainer .subVisual .inner > div {
    width: 50%;
}
.subPageContainer .subVisual .inner > div.mv_video_box {
    width: 63%;
    aspect-ratio: 1/0.55;
}
.subPageContainer .subVisual .inner > div.mv_video_box.type02 {
    width: 70%;
    aspect-ratio: 1/0.65;
	right: -80px;
    top: calc(55% + 5px);
}
.subPageContainer .con01 {
    z-index: 8;
}
.sub_com_tit01 {
    font-size: 64px;
    font-weight: 600;
    color: #222;
    line-height: 1.12em;
    text-align: center;
}
.subPageContainer .contactBox {
    margin: 50px 0;
}
.subPageContainer .com_input_flex_box {
    gap: 30px;
}
.subPageContainer .com_input_flex_box .com_input_box {
    width: calc(50% - 15px);
}
.subPageContainer .com_input_flex_box + .com_input_flex_box,
.subPageContainer .com_input_flex_box + .com_input_box,
.subPageContainer .com_input_box + .com_input_box,
.subPageContainer .com_input_flex_box02 + .com_input_box,
.subPageContainer .com_input_flex_box + .com_input_flex_box02 {
    margin-top: 30px;
}
.subPageContainer .com_input_flex_box .com_input_box + .com_input_box {
    margin-top: unset;
}

@media all and (max-width:1760px) {
    .mv_alt02 {
        font-size: 16px;
    }
    .sub_com_tit01 {
        font-size: 54px;
    }
}

@media all and (max-width:1400px) {
    .mv_alt02 {
        font-size: 14px;
    }
}
@media all and (max-width:1024px) {
    .subPageContainer .subVisual .inner {        
        gap: 40px;
        text-align: center;
        flex-wrap: wrap;
    }
    .subPageContainer .subVisual .inner > div,
    .subPageContainer .subVisual .inner > div.mv_video_box,
    .subPageContainer .subVisual .inner > div.mv_video_box.type02 {
        width: 100%;
    }
    .subPageContainer .subVisual .inner > div.mv_video_box.type02 {
		top: unset;
		right: unset;
	}
    .subPageContainer .subVisual {
        aspect-ratio: unset;
        padding: 160px 0 80px;
    }
    .sub_com_tit01 {
        font-size: 44px;
    } 
    .subPageContainer .com_input_flex_box {
        gap: 15px;
    }
    .subPageContainer .com_input_flex_box .com_input_box {
        width: 100%;
    }
    .subPageContainer .com_input_flex_box+.com_input_flex_box,
    .subPageContainer .com_input_flex_box+.com_input_box,
    .subPageContainer .com_input_box+.com_input_box,
    .subPageContainer .com_input_flex_box02+.com_input_box,
    .subPageContainer .com_input_flex_box+.com_input_flex_box02 {
        margin-top: 15px;
    }
}
@media (max-width: 700px) {
    .subPageContainer .subVisual {
        padding: 140px 0 60px;
    }
    .sub_com_tit01 {
        font-size: 34px;
    }
}
/* END contactus */

/* youtube 추가 */
.video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    transition: opacity 0.3s ease-in-out;
    object-fit: cover;
}

.youtube-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

.scroll_videon_montion_box.active .video-thumbnail {
    opacity: 0;
}

.scroll_videon_montion_box.active .youtube-iframe {
    opacity: 1;
    pointer-events: auto;
}
/* END youtube 추가 */

/* 20250604 추가 */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}