@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+SC:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


body { color: #666; font-size: 14px; font-family: 'Noto Sans SC','Pretendard','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; line-height: 1; }
body { color: #666; font-size: 14px; font-family: 'Noto Sans SC','Pretendard','Poppins','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; }
h1, h2, h3, h4, h5, h6,p { font-weight: normal; font-size: 1em; font-family: 'Noto Sans SC','Poppins','Pretendard','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; }
ol, ul, li, dd, dl, dt { list-style: none; }
span, button { font-family: 'Noto Sans SC','Pretendard','Poppins','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important; }
fieldset, legend { border: 0; margin: 0; padding: 0; }
img { border: 0; }
label { cursor: pointer; }
address, caption, em { font-weight: normal; font-style: normal; }
a { cursor: pointer;font-family: 'Noto Sans SC', sans-serif !important; }
table { border-collapse: collapse; }
* { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
.emoji { font-family: "Noto Color Emoji", sans-serif!important; font-weight: 400!important; font-style: normal!important; }




body, h1, h2, h3, h4, h5, h6, ol, ul, li, dd, dl, dt, span, button, label, fieldset, legend, div,p {word-break: break-all!important;}

.top_nav .menu_a { font-family: 'Noto Sans SC', sans-serif !important; }
.slide-title { letter-spacing: -1.5px; }

.connect-reveal { text-align: center; }
.connect-words { display: flex; align-items: center; justify-content: center; gap: 40px; opacity: 1; }
.connect-word-left, .connect-word-right { font-size: 4vw; font-weight: 700; color: #fff; opacity: 0; position: relative; display: inline-block; min-width: 15vw; flex-shrink: 0; }
.connect-word-left { text-align: right; }
.connect-word-right { text-align: left; }
.connect-line-wrap { flex: 0 0 400px; max-width: 400px; height: 2px; background: transparent; overflow: hidden; }
.connect-line { width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: left center; }
.connect-sentence { opacity: 0; margin-top: -80px; }
.connect-word-left .word-v1, .connect-word-left .word-v2, .connect-word-right .word-v1, .connect-word-right .word-v2 { display: inline-block; white-space: nowrap; }
.connect-word-left .word-v2, .connect-word-right .word-v2 { position: absolute; top: 0; opacity: 0; }
.connect-word-left .word-v2 { right: 0; }
.connect-word-right .word-v2 { left: 0; }



@media (max-width:640px) {
    .section5-cards{flex-wrap:wrap;}
    .section5-card-item{width:100%;}
    .section5-card > div:first-child{margin-bottom:40px;}
    .slide-item:last-child .slide-center img[alt*="Ring"]{top:100%;left:60%;}
    .connect-words{width:90%;margin:0 auto;gap:20px;}
    .connect-word-left, .connect-word-right{font-size:8vw;min-width:18vw;}
    .connect-line-wrap{flex:0 0 50vw;max-width:50vw;}
}

@media (max-width:480px) {
    /* 아래 코드를 480px 미디어쿼리 맨 끝에 추가 */
    .connect-words{gap:15px;}
    .connect-word-left, .connect-word-right{min-width:18vw;}
    .connect-line-wrap{flex:0 0 50vw;max-width:50vw;}
}