/*and (orientation: landscape) */


#wrap { margin: 0 auto; position: relative; z-index: 8; background-color: var(--bg-color); transition: background-color 0.4s; }
.detail_content { width: calc(100vw - 120px); margin: 0 auto; }
.detail_content .headline { text-align: center; }
.detail_content .headline h2 { font-size: clamp(40px, 2.917vw, 2.917vw); font-weight: 400; line-height: 1.2; margin-bottom: 30px; }
.detail_content .headline p { font-family: Pretendard; font-size: clamp(28px, 1.875vw, 1.875vw); font-weight: 400; }

footer { opacity: 1; }
.footer-hidden { opacity: 0; pointer-events: none; }

footer .area02 ul { padding-left: 30%; }
.de_sec img { padding-bottom: 2.439vw; }

#wrap-sub { word-break: keep-all; }

.about-header::before { content: none; }

.about-header { position: fixed; left: 0; top: 0; width: 100%; height: 828px; background-image: url("../images/about-top.gif"); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 2; display: flex; justify-content: center; align-items: center; }

.about-header-section { position: relative; padding: 0; margin-left: auto; margin-right: auto; z-index: 2; display: flex; justify-content: center; align-items: center; height: 100%; text-align: left; flex-direction: column; font-weight: 600; line-height: 1.1; mix-blend-mode: difference; }

.about-header h2 { margin: 0; font-size: 132px; transition: transform 0.05s ease; will-change: transform; color: #fff; position: relative; z-index: 1; }

.about-section-wrap { position: relative; z-index: 2; background-color: var(--bg-color); transition: background-color 0.4s; padding-bottom: 0; }
.about-section { position: relative; width: calc(100vw - 120px); max-width: 2440px; margin-left: auto; margin-right: auto; z-index: 2; color: var(--sub-txt-color); padding-bottom: 0; }

.about-section .sec1 { padding: 120px 0; }
.about-section .sec2, .about-section .sec3 { padding: 80px 0; }
.about-section .sec1 .l-title, .about-section .sec1 .r-desc { font-family: Pretendard; width: 50%; display: inline-block; }

.about-section .sec1 { display: flex; }
.about-section .sec1 .l-title { font-size: 80px; font-weight: 600; line-height: 1.2; width: 50%; }
.about-section .sec1 .r-desc { font-size: 32px; font-weight: 400; line-height: 1.8; }
.about-section .sec1 .r-desc li:first-child { margin-bottom: 40px; }

.about-section .sec2 h2, .about-section .sec3 h2 { display: block; font-size: 84px; font-weight: 500; }

.about-section .sec2 > ul { margin-left: 50%; margin-top: 120px; }
.about-section .sec2 .s-title-en { font-size: 76px; font-weight: 500; line-height: 1.1; }
.about-section .sec2 .s-title-kr, .about-section .sec2 .s-areas { font-family: Pretendard; }
.about-section .sec2 .s-title-kr { font-size: 36px; font-weight: 600; margin-top: 30px; }
.about-section .sec2 .s-areas { font-size: 32px; font-weight: 300; margin-top: 50px; line-height: 1.6; }


.line_th2 { position: relative; display: inline-block; font-size: 84px; font-weight: 500; margin: 20px 0; }
.line_th2::after { content: ""; position: absolute; left: 0; top: 50px; height: 1px; background-color: var(--bi-color, #000); z-index: -1; width: var(--line-width, 0); transition: width 0.1s linear; }


.contact-section .sec4 .ct-info { font-family: Pretendard; }



#ow-cont { margin-top: 100px; width: 100%; display: flex; justify-content: center; align-items: center; overflow-x: hidden; }
#slider-container { width: calc(100vw - 120px); position: relative; overflow: hidden; padding: 0; }

#slider-container .btn { position: absolute; top: 50%; width: 4.167vw; height: 4.167vw; background-image: url(../images/scr_top2.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; background-color: transparent; border: none; padding: 0; cursor: pointer; transform: translateY(-50%); }
#slider-container .btn:first-of-type { left: 1.563vw; transform: translateY(-50%) rotate(-90deg); }
#slider-container .btn:last-of-type { right: 1.563vw; transform: translateY(-50%) rotate(90deg); }
#slider-container #slider { display: flex; width: 100%; height: 100%; transition: all 0.5s; margin: 0; }
#slider-container #slider .slide { flex: 0 0 auto; margin: 0 10px; height: auto; display: grid; place-items: center; }

#slider-container #slider .slide img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
#slider-container #slider .slide:first-child { margin-left: 0; }
#slider-container #slider .slide:last-child { margin-right: 0; }
#slider-container #slider .slide span { color: white; font-size: 150px; }
#slider-container .btn.inactive { border-color: #202020; opacity: 0.3; pointer-events: none; }





@media screen and (min-width:2561px) {
    .isolde-default { margin-bottom: 5vw; }
}


@media screen and (min-width:1281px) and (max-width:1920px) {
    .about-header h2 { font-size: 6.875vw; }
}

@media screen and (max-width:1280px) {
    .about-header-section { width: calc(100% - 120px); }
    .about-header h2 { font-size: 10.313vw; }
    .about-header h2 br { display: none; }
}


@media screen and (max-width:820px) {
    footer .area02 ul { padding-left: 0; }
}




@media screen and (min-width:1281px) {
    #scroll-to-top { width: calc(5.208vw + 10px); height: calc(5.208vw + 10px); display: flex; align-items: center; justify-content: center; }
    #scroll-to-top svg { width: 5.208vw; height: 5.208vw; }

    .bi_bk { top: 60px; left: 60px; }

    .detail_content { padding-top: 200px; }
    .headline { width: calc(100vw - 120px); margin: 0vw auto 3vw; color: var(--sub-txt-color); font-size: 5.729vw; font-weight: 700; }

    .container { max-width: calc(100vw - 120px); }
    .wrapper { padding: 0; margin-top: 10.25rem; }
    
    .card { margin: 0; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card__picture { display: block; }
    .card-infos { padding: 0; margin-top: 30px; position: relative; }
    .card__title_en { font-weight: 400; font-size: 2.188vw; display: inline-block; line-height: 1.2; margin: 0 0 0.781vw; }
    .card__title_kr { margin: 0; font-size: 1.563vw; font-weight: 400; line-height: 3.125rem; margin-bottom: 1.25rem; }
    .card__text { font-size: 1rem; margin-bottom: 2.5rem; }
    .card__more { font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; border-bottom: 0.125rem solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 2.5rem; }
    #myUL { margin-top: 220px; }

    .foot-gra { margin: 0 auto; display: block; width: 100%; height: 160px; background-image: var(--foot-gra); transition: background-image 0.4s; background-size: cover; position: relative; z-index: 1; bottom: 11vw; }

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 16vw; }
    footer { clear: both; position: fixed; bottom: 0; z-index: 1; padding: 4vw 0 0; width: 100%; height: 24vw; background-color: transparent; }

    .p_fade { width: calc(100vw - 120px); left: 0; right: 0; margin-left: auto; margin-right: auto; height: 100%; position: relative; }
    footer .area01, footer .area02, footer .area03 { float: left; width: 33.3334%; height: auto; font-family: Pretendard; font-weight: 500; color: var(--sub-txt-color); position: absolute; bottom: 3.125vw; }
    footer .area01 { left: 0; width: 33.3334%; }
    footer .area02 { left: 33.3334%; width: 33.3334%; }
    footer .area03 { left: 66.6666%; width: 33.3334%; }

    footer .area01 li, footer .area02 .info, footer .area03 .copy02 { font-size: 1.5vw; line-height: 1.3; }

	footer .area01 li { margin-bottom: 1.042vw; }
    footer .area01 li:last-child { margin-bottom: 0; }
	footer .area02 ul { margin-top: 2.604vw; }

    footer .area03 ul { margin-top: 4.219vw; }
    footer .area03 .copy01 { float: right; }
    footer .area03 .copy01 svg, footer .area03 .copy01 .copy02 { display: inline-block; vertical-align: middle; }
    footer .area03 .copy01 svg { position: relative; top: 0; padding-right: 0.104vw; width: 1.094vw; height: 1.094vw; fill: var(--sub-txt-color); }

    .bottom_ctrl { display:flex; justify-content:center; align-items:flex-start; width:100%; z-index:5; gap:0; border-top:1px solid var(--bi-color); }
    .bottom_ctrl .ctrl-group { display:flex; flex-direction:column; align-items:flex-start; width:50%; }
    .bottom_ctrl .ctrl-group:last-child { align-items:flex-end; text-align:right; }
    .bottom_ctrl .prj-title { font-size:1.25vw; font-weight:500; display:block; margin-bottom:1.4583vw; width:100%; opacity:0.3; text-align:left; color:var(--sub-txt-color); padding:3.125vw 0 0; }
    .bottom_ctrl .ctrl-group:last-child .prj-title { text-align:right; }
    .bottom_ctrl .thumb-link { display:inline-block; font-size:1.4583vw; font-weight:600; box-sizing:border-box; width:auto; height:auto; min-height:0; text-decoration:none; padding:0; }
    .bottom_ctrl .thumb-link.next { align-items:flex-end; }
    .bottom_ctrl .link-only { display:inline; text-decoration:none; }
    .bottom_ctrl .link-text { display:inline; font-size:clamp(24px, 2.5vw, 2.5vw); font-weight:400; line-height:1.2; margin-top:0; color:var(--sub-txt-color); word-break:keep-all; }
    .bottom_ctrl .no-link { opacity:0.95; pointer-events:none; cursor:default; color:inherit; position:relative; z-index:2; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; height:12.5vw; min-height:240px; }
    .bottom_ctrl .ctrl-group:last-child .no-link { align-items:flex-end; }
    .bottom_ctrl .no-link-text { font-size: clamp(24px, 2.5vw, 2.5vw); font-weight:400; line-height:1.2; margin-top:0; color:var(--sub-txt-color); opacity:0.3; text-align:left; }
    .bottom_ctrl .ctrl-group:last-child .no-link-text, .bottom_ctrl .ctrl-group:last-child .link-text { text-align:right; }

    .de_sec { width: 100%; position: relative; z-index: 5; background-color: var(--bg-color); transition: background 0.4s; padding-bottom: 6.25vw; max-width: 2560px; margin: 0 auto; }
    .de_sec img { margin: 0 auto; width: 100%; display: block; will-change: auto; }





    .dl { margin: 0 auto; width: 100%; position: absolute; z-index: 5; display: flex; justify-content: center; margin-top: 290px; }
    .circle { width: 188px; height: 188px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; position: relative; animation: swingCircle 4s cubic-bezier(0.56, 0.06, 0.04, 0.91) infinite alternate; text-decoration: none; }
    .circle-text { color: #fff; font-size: 30px; font-weight: 500; user-select: none; pointer-events: none; position: relative; z-index: 1; }
    @keyframes swingCircle {
        0% { transform: rotate(-45deg); }
        50% { transform: rotate(45deg); }
        100% { transform: rotate(-45deg); }
    }

    .contact.sec1 { padding-top: 140px; position: relative; z-index: 4; background-color: var(--bg-color); transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 240px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 200px; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }
    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .highlight-text { -webkit-text-fill-color: var(--sub-txt-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    .contact-section-wrap { position: relative; z-index: 2; background-color: var(--bg-color); transition: background-color 0.4s; padding-bottom: 5vw; }
    .contact-section { position: relative; width: calc(100vw - 120px); margin-left: auto; margin-right: auto; z-index: 2; color: var(--sub-txt-color); padding-bottom: 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }


    /* .contact-section .sec2 .q-word, .contact-section .sec2 .p-desc { width: 50%; } */

    .contact-section .sec2 { width: 100%; display: flex; margin-bottom: 20px; margin-top: 90px; }
    .contact-section .sec2 .q-word { display: flex; font-size: 80px; line-height: 1.2; font-weight: 600; word-break: keep-all; padding-right: 60px; width: 57.5%; }
    .contact-section .sec2 .p-desc { font-size: 32px; line-height: 1.7; width: 42.5%; }


    .contact-section .sec3 { width: 100%; margin-bottom: 20px; }
    
    .contact-section .sec4 { display: flex; flex-direction: column; width: 100%; }
    .contact-section .sec4 h2 { align-self: flex-start; text-align: left; position: relative; left: 0; width: 100%; }
    .contact-section .sec4 .ct-info { margin-left: auto; margin-top: 60px; max-width: 780px; }

    .contact-section .sec1 { padding: 120px 0; }
    .contact-section .sec4 { padding: 80px 0; }

    .ct-info .info1, .ct-info .info2, .ct-info .info3 { margin-bottom: 20px; }
    .ct-info .info1 { font-size: 36px; }
    .ct-info .info2 { font-size: 30px; }
    .ct-info .info3 { font-size: 36px; }

    .contact-header-section { width: calc(100% - 120px); margin: 0 auto; }
    .contact-header-section h2 { font-size: 5.8vw; color: var(--sub-txt-color); font-weight: 600; line-height: 1.1; }

}


@media screen and (min-width:821px) and (max-width:1280px) {
    .bi_bk { top: 60px; left: 60px; }
    .bi_bk a { display: block; fill: var(--bi-color); }
    .bi_bk a svg { margin-top: 8px; width: 170px; height: 32px; }

    .detail_content { padding-top: 180px; }
    .headline { width: calc(100vw - 120px); margin: 0 auto 6.25vw; color: var(--sub-txt-color); font-size: 5.729vw; font-weight: 700; }

    .container { max-width: calc(100vw - 120px); }
    .wrapper { padding: 0; margin-top: 10.25rem; }

    .card { margin: 0; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card__picture { display: block; }
    .card-infos { padding: 0; margin-top: 30px; position: relative; }
    .card__title_en { font-weight: 400; font-size: 2.1vw; display: inline-block; line-height: 1.2; margin: 0 0 0.625rem; }
    .card__title_kr { margin: 0; font-size: 1.8vw; font-weight: 400; line-height: 1.5; margin-bottom: 1.25rem; }

    .card__text { font-size: 1rem; margin-bottom: 2.5rem; }
    .card__more { font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; border-bottom: 0.125rem solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 2.5rem; }
    #myUL { margin-top: 220px; }

    .foot-gra { margin: 0 auto; display: block; width: 100%; height: 160px; background-image: var(--foot-gra); transition: background-image 0.4s; background-size: cover; position: relative; z-index: 1; bottom: 11vw; }
    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 20vw; }

    #scroll-to-top { margin-top: 4vw; position: absolute; left: 50%; transform: translateX(-50%); }
    #scroll-to-top svg { width: 6.406vw; height: 6.406vw; }
    .isolde-default { margin-bottom: 0; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 1; width: 100%; height: 28vw; background-color: transparent; }
    .p_fade { width: calc(100vw - 120px); left: 0; right: 0; margin-left: auto; margin-right: auto; height: 100%; position: relative; }

    footer .area01, footer .area02, footer .area03 { float: left; width: 33.3334%; height: auto; font-family: Pretendard; font-weight: 500; color: var(--sub-txt-color); position: absolute; bottom: 4vw; }
    footer .area01 { left: 0; width: 33.3334%; }
    footer .area02 { left: 33.3334%; width: 33.3334%; }
    footer .area03 { left: 66.6666%; width: 33.3334%; }

    footer .area01 li, footer .area02 .info, footer .area03 .copy02 { font-size: clamp(18px, 1.875vw, 1.875vw); line-height: 1.3; }

	footer .area01 li { margin-bottom: 1.042vw; }
    footer .area01 li:last-child { margin-bottom: 0; }
	footer .area02 ul { margin-top: 2.604vw; }

    footer .area03 ul { margin-top: 4.219vw; }
    footer .area03 .copy01 { float: right; }
    footer .area03 .copy01 svg, footer .area03 .copy01 .copy02 { display: inline-block; vertical-align: middle; }
    footer .area03 .copy01 svg { position: relative; top: 0; padding-right: 0.104vw; width: 1.094vw; height: 1.094vw; fill: var(--sub-txt-color); }

    .bottom_ctrl { width: 100%; z-index: 5; gap: 0; text-align: center; border-top: 1px solid var(--bi-color); position: relative; z-index: 5; background-color: var(--bg-color); }
    .bottom_ctrl .ctrl-group { width: 100%; display: table; height: 21.951vw; border-bottom: 1px solid var(--bi-color); padding: 0; text-align: center; }
    .bottom_ctrl .ctrl-group > span, .bottom_ctrl .ctrl-group > a { display: table-cell; vertical-align: middle; text-align: center; }
    .bottom_ctrl .prj-title { display: block; font-size: 2.439vw; font-weight: 500; opacity: 0.3; color: var(--sub-txt-color); margin-bottom: 1vw; padding: 0; }
    .bottom_ctrl .thumb-link { display: inline-block; font-size: 1.4583vw; font-weight: 600; width: auto; height: auto; text-decoration: none; padding: 0; }
    .bottom_ctrl .link-text { display: block; font-size: clamp(20px,3.415vw,3.415vw); font-weight: 400; line-height: 1.3; color: var(--sub-txt-color); word-break: keep-all; text-align: center; }
    .bottom_ctrl .no-link { display: block; font-size: clamp(24px,1.875vw,1.875vw); font-weight: 400; line-height: 1.2; color: var(--sub-txt-color); text-align: center; padding: 0; }
    .bottom_ctrl .no-link-text { display: block; font-size: clamp(20px,3.415vw,3.415vw); font-weight: 400; line-height: 1.3; color: var(--sub-txt-color); word-break: keep-all; text-align: center; opacity: 0.3; }


    .de_sec { width: 100%; position: relative; z-index: 5; background-color: var(--bg-color); transition: background 0.4s; padding-bottom: 6.25vw; max-width: 2560px; margin: 0 auto; }
    .de_sec img { margin: 0 auto; width: 100%; display: block; will-change: auto; }


    .about-section .sec1 .l-title { font-size: 6.563vw; font-weight: 700; line-height: 1.2; width: 50%; }
    .about-section .sec1 .r-desc { font-size: 2.5vw; font-weight: 300; line-height: 1.8; }
    .about-section .sec1 .r-desc li:first-child { margin-bottom: 3.125vw; }
    
    .about-section .sec2 h2, .about-section .sec3 h2 { display: block; font-size: 6.563vw; font-weight: 500; }

    .about-section .sec2 > ul { margin-left: 50%; margin-top: 9.375vw; }
    .about-section .sec2 .s-title-en { font-size: 5.938vw; font-weight: 500; line-height: 1.1; }
    .about-section .sec2 .s-title-kr, .about-section .sec2 .s-areas { font-family: Pretendard; }
    .about-section .sec2 .s-title-kr { font-size: 2.813vw; font-weight: 600; margin-top: 2.344vw; }
    .about-section .sec2 .s-areas { font-size: 2.5vw; font-weight: 300; margin-top: 3.906vw; line-height: 1.6; }
    .about-section .sec2 .s-areas br { display: none; }

    .line_th2::after { top: 3.906vw;}




    .dl { margin: 0 auto; width: 100%; position: absolute; z-index: 5; display: flex; justify-content: center; margin-top: 290px; }
    .circle { width: 160px; height: 160px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; position: relative; animation: swingCircle 4s cubic-bezier(0.56, 0.06, 0.04, 0.91) infinite alternate; text-decoration: none; }
    .circle-text { color: #fff; font-size: 24px; font-weight: 500; user-select: none; pointer-events: none; position: relative; z-index: 1; }
    @keyframes swingCircle {
        0% { transform: rotate(-45deg); }
        50% { transform: rotate(45deg); }
        100% { transform: rotate(-45deg); }
    }

    .contact.sec1 { padding-top: 160px; position: relative; z-index: 4; background-color: var(--bg-color); transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 200px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 160px; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }
    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .highlight-text { -webkit-text-fill-color: var(--sub-txt-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    .contact-section-wrap { position: relative; z-index: 2; background-color: var(--bg-color); transition: background-color 0.4s; padding-bottom: 5vw; }
    .contact-section { position: relative; width: calc(100vw - 120px); max-width: 2440px; margin-left: auto; margin-right: auto; z-index: 2; color: var(--sub-txt-color); padding-bottom: 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    

    .contact-section .sec2 { width: 100%; display: flex; justify-content: flex-end; margin-bottom: 20px; margin-top: 90px; }

    .contact-section .sec2 .q-word, .contact-section .sec2 .p-desc { width: 50%; }


    .contact-section .sec2 .q-word { display: flex; font-size: 6.563vw; font-weight: 700; line-height: 1.2; width: 50%; }
   .contact-section .sec2 .p-desc { font-size: 2.5vw; font-weight: 300; line-height: 1.8; }


    .contact-section .sec3 { width: 100%; margin-bottom: 20px; }
    
    
    .contact-section .sec4 { display: flex; flex-direction: column; width: 100%; }
    .contact-section .sec4 h2 { align-self: flex-start; text-align: left; position: relative; left: 0; width: 100%; }
    .contact-section .sec4 .ct-info { margin-left: auto; margin-top: 60px; max-width: 780px; }

    .contact-section .sec1 { padding: 120px 0; }
    .contact-section .sec4 { padding: 80px 0; }

    .ct-info .info1, .ct-info .info2, .ct-info .info3 { margin-bottom: 20px; }
    .ct-info .info1 { font-size: 30.7px; }
    .ct-info .info2 { font-size: 26.7px; }
    .ct-info .info3 { font-size: 30.7px; }

    .contact-header-section { width: calc(100% - 120px); margin: 0 auto; }
    .contact-header-section h2 { font-size: 6.8vw; color: var(--sub-txt-color); font-weight: 600; line-height: 1.1; }

    .contact-1 > form { width: 100% !important; }
    .contact-1 .frm-tbl > div input[type=text], .contact-1 .frm-tbl > div textarea, .contact-1 .frm-tbl > div input[type=file], .filebox .upload-name { font-size: clamp(22px, 1.7vw, 1.7vw) !important; }
    .contact-1 .frm-tbl > div.tbl-left ul li, .filebox { height: 8vw !important; line-height: 8vw !important; }
    .filebox::before { background-size: 2.6vw auto !important; }
    .filebox label::before { width: 2.4vw !important; height: 2.4vw !important; background-size: 2.4vw 2.4vw !important; }
    /* .filebox { padding-left: 3.6vw !important; } */
    .contact-1 .button { margin-top: 80px !important; }
    .contact-1 .button .btn { width: 220px !important; height: 76px !important; font-size: 22px !important; }

    .line_th2 { font-size: 7.969vw; }
    .line_th2::after { top: 4.906vw; }

}


@media screen and (max-width:820px) {
    #pointer-dot, #pointer-ring { display: none; }
    .line6 { right: 20px; }

    #scroll-to-top { margin: 4vw auto 7.317vw; }
    #scroll-to-top, #scroll-to-top svg { width: 15.104vw; height: 15.104vw; }

    header { margin-top: 20px; }

    .bi_bk { top: 21px; left: 20px; }
    .bi_bk a { display: block; fill: var(--bi-color); }
    .bi_bk a svg { margin-top: 8px; width: 107px; height: 20px; }

    .menu { margin-right: 20px; margin-top: 8px; }
    .menu ul li { font-size: 16px; font-weight: 500; margin-left: 10px; }

    .detail_content { width: calc(100vw - 40px); }
    .detail_content .headline { width: calc(100vw - 40px); margin: 0 auto 6vw; color: var(--sub-txt-color); line-height: 1.1; }
    .detail_content .headline h2 { font-size: 5vw; }
    .detail_content .headline p { font-size: 4.878vw; }

    .detail_content { padding-top: 120px; }
    .headline { width: calc(100vw - 36px); margin: 0 auto 6.25vw; color: var(--sub-txt-color); font-size: 7vw; font-weight: 700; }
    
    .container { max-width: calc(100vw - 40px); }
    .wrapper { padding: 0; margin-top: 20vw; }
    #isolde { padding-bottom: 50px; }
    .card { margin: 0; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card__picture { display: block; }
    .card-infos { padding: 0; margin-top: 30px; position: relative; }
    .card__title_en { font-weight: 400; font-size: 5.366vw; display: inline-block; line-height: 1.2; margin: 0 0 0.625rem; }
    .card__title_kr { margin: 0; font-size: 4.8vw; font-weight: 400; line-height: 1.5; margin-bottom: 1.25rem; }

    .card__title_en br, .card__title_kr br { display: none; }

    .card__text { font-size: 1rem; margin-bottom: 2.5rem; }
    .card__more { font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; border-bottom: 0.125rem solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 2.5rem; }
    #myUL { margin-top: 220px; }

    .foot-gra { margin: 0 auto; display: block; width: 100%; height: 160px; background-image: var(--foot-gra); transition: background-image 0.4s; background-size: cover; position: relative; z-index: 1; bottom: 11vw; }

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 40vw; }
    footer { clear: both; position: fixed; bottom: 0; z-index: 1; width: 100%; height: 100vw; background-color: transparent;  padding-top: 36vw; }

    .p_fade { width: calc(100vw - 40px); left: 0; right: 0; margin-left: auto; margin-right: auto; height: 100%; position: relative; }
    
    footer .area01, footer .area02, footer .area03 { height: auto; font-family: Pretendard; font-weight: 500; color: var(--sub-txt-color); margin-top: 0; bottom: 5vw; }

    footer .area01 li, footer .area02 .info, footer .area03 .copy02 { font-size: 3.902vw; line-height: 1.4; }

	footer .area01 li { margin-bottom: 1.042vw; }
    footer .area01 li:last-child { margin: 3vw 0 0; }
    footer .area01 li:nth-child(2) br { display: none; }

    footer .area02 { margin-top: 1.22vw; }
    footer .area02 ul li { float: left; }
    footer .area02 ul li:nth-child(2) { margin-left: 2.439vw; }

    footer .area03 { clear: both; position: relative; margin-top: 16vw; }
    footer .area03 ul { margin-top: -2.9vw; }
    footer .area03 .copy01 svg, footer .area03 .copy01 .copy02 { display: inline-block; vertical-align: middle; }
    footer .area03 .copy01 svg { position: relative; top: -0.052vw; padding-right: 0.104vw; width: 2.707vw; height: 2.707vw; fill: var(--sub-txt-color); }

    .bottom_ctrl { width: 100%; z-index: 5; gap: 0; text-align: center; border-top: 1px solid var(--bi-color); position: relative; z-index: 5; background-color: var(--bg-color); }
    .bottom_ctrl .ctrl-group { width: 100%; display: table; height: 26.829vw; border-bottom: 1px solid var(--bi-color); padding: 0; text-align: center; }
    .bottom_ctrl .ctrl-group > span, .bottom_ctrl .ctrl-group > a { display: table-cell; vertical-align: middle; text-align: center; }
    
    .bottom_ctrl .prj-title { display: block; font-size: 3.659vw; font-weight: 500; opacity: 0.3; color: var(--sub-txt-color); margin-bottom: 3vw; padding: 0; }
    .bottom_ctrl .thumb-link { display: inline-block; font-size: 1.4583vw; font-weight: 600; width: auto; height: auto; text-decoration: none; padding: 6vw 0; }
    .bottom_ctrl .link-text { display: block; font-size: clamp(20px,3.415vw,3.415vw); font-weight: 400; line-height: 1.3; color: var(--sub-txt-color); word-break: keep-all; text-align: center; }
    .bottom_ctrl .no-link { display: block; font-size: clamp(24px,1.875vw,1.875vw); font-weight: 400; line-height: 1.2; color: var(--sub-txt-color); text-align: center; padding: 6vw 0; }
    .bottom_ctrl .no-link-text { display: block; font-size: clamp(20px,3.415vw,3.415vw); font-weight: 400; line-height: 1.3; color: var(--sub-txt-color); word-break: keep-all; text-align: center; opacity: 0.3; }

    .de_sec { width: 100%; position: relative; z-index: 5; background-color: var(--bg-color); transition: background 0.4s; padding-bottom: 6.25vw; max-width: 2560px; margin: 0 auto; }
    .de_sec img { margin: 0 auto; width: 100%; display: block; will-change: auto; }


    
    .about-header { height: 160vw; }
    .about-header-section { width: calc(100% - 80px); }
    .about-header h2 { font-size: 15vw; }


    .about-section { width: calc(100vw - 60px); padding-bottom: 0; }
    .about-section .sec1 { display: block; padding: 80px 0; }
    .about-section .sec2 { padding: 0; }
    .about-section .sec3 { padding: 80px 0; }

    .about-section .sec1 .l-title, .about-section .sec1 .r-desc { width: 100%; }

    .about-section .sec1 .l-title { font-size: 10vw; font-weight: 700; line-height: 1.2; width: 100%; margin-bottom: 12vw; }
    .about-section .sec1 .r-desc { font-size: 4.8vw; font-weight: 300; line-height: 1.8; }
    .about-section .sec1 .r-desc li:first-child { margin-bottom: 3.125vw; }
    
    .about-section .sec2 h2, .about-section .sec3 h2 { display: block; font-size: 10vw; font-weight: 500; }

    .about-section .sec2 > ul { margin-left: 0; margin-top: 12vw; }
    .about-section .sec2 .s-title-en { font-size: 9vw; font-weight: 500; line-height: 1.1; }
    .about-section .sec2 .s-title-kr, .about-section .sec2 .s-areas { font-family: Pretendard; }
    .about-section .sec2 .s-title-kr { font-size: 6vw; font-weight: 600; margin-top: 4vw; }
    .about-section .sec2 .s-areas { font-size: 4.8vw; font-weight: 300; margin-top: 7vw; line-height: 1.6; }
    .about-section .sec2 .s-areas br { display: none; }

    .line_th2::after { top: 5.906vw; }

    #ow-cont { margin-top: 12vw; }

    #slider-container { width: 100%; }
    #slider-container .btn { width: 8vw; height: 8vw; }

    #slider-container .btn:first-of-type { left: 3vw; transform: translateY(-50%) rotate(-90deg); }
    #slider-container .btn:last-of-type { right: 3vw; transform: translateY(-50%) rotate(90deg); }






    .dl { margin: 0 auto; width: 100%; position: absolute; z-index: 5; display: flex; justify-content: center; margin-top: 130px; }
    .circle { width: 100px; height: 100px; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; position: relative; animation: swingCircle 4s cubic-bezier(0.56, 0.06, 0.04, 0.91) infinite alternate; text-decoration: none; }
    .circle-text { color: #fff; font-size: 16px; font-weight: 500; user-select: none; pointer-events: none; position: relative; z-index: 1; }
    @keyframes swingCircle {
        0% { transform: rotate(-45deg); }
        50% { transform: rotate(45deg); }
        100% { transform: rotate(-45deg); }
    }

    .contact.sec1 { padding-top: 80px; position: relative; z-index: 4; background-color: var(--bg-color); transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 100px; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 80px; font-weight: 600; padding: 0 10px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }
    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .highlight-text { -webkit-text-fill-color: var(--sub-txt-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }

    .contact-section-wrap { position: relative; z-index: 2; background-color: var(--bg-color); transition: background-color 0.4s; padding-bottom: 25vw; }
    .contact-section { position: relative; width: calc(100vw - 40px); margin-left: auto; margin-right: auto; z-index: 2; color: var(--sub-txt-color); padding-bottom: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }

    .contact-section .sec2 { display: block; padding: 80px 0; }

    .contact-section .sec2 .q-word, .contact-section .sec2 .p-desc { width: 100%; }

    .contact-section .sec2 .q-word { font-size: 10vw; font-weight: 700; line-height: 1.2; width: 100%; margin-bottom: 12vw; }
    .contact-section .sec2 .p-desc { font-size: 4.8vw; font-weight: 300; line-height: 1.8; }
    .contact-section .sec2 .p-desc br { display: none; }

    .contact-section .sec3 { width: 100%; margin-bottom: 20px; }
    
    
    .contact-section .sec4 { display: flex; flex-direction: column; width: 100%; }
    .contact-section .sec4 h2 { align-self: flex-start; text-align: left; position: relative; left: 0; width: 100%; }
    .contact-section .sec4 .ct-info { margin-top: 20px; max-width: 780px; }

    .contact-section .sec1 { padding: 120px 0; }
    .contact-section .sec4 { padding: 30px 0; }

    .ct-info .info1, .ct-info .info2, .ct-info .info3 { margin-bottom: 10px; }
    .ct-info .info1 { font-size: 20px; line-height: 1.4; }
    .ct-info .info2 { font-size: 16px; line-height: 1.3; }
    .ct-info .info3 { font-size: 20px; }

    .contact-header-section { width: calc(100% - 40px); margin: 0 auto; margin-top: 15vw; }
    .contact-header-section h2 { font-size: 10.976vw; color: var(--sub-txt-color); font-weight: 600; line-height: 1.1; }
    .contact-header-section h2 br { display: none; }

    .contact-1 > form { width: 100% !important; }
    .contact-1 .frm-tbl > div input[type=text], .contact-1 .frm-tbl > div textarea, .contact-1 .frm-tbl > div input[type=file], .filebox .upload-name { font-size: clamp(15px, 3.6vw, 3.6vw) !important; }
    
    .contact-1 .frm-tbl > div.tbl-right ul li.textarea { height: 60vw !important; }

    .contact-1 .frm-tbl > div.tbl-left ul li, .filebox { height: 12.195vw !important; line-height: 12.195vw !important; }
    .filebox::before { background-size: 4vw auto !important; }
    .filebox label::before { width: 3.6vw !important; height: 3.6vw !important; background-size: 3.6vw 3.6vw !important; }
    /* .filebox { padding-left: 5.6vw !important; } */
    .contact-1 .button { margin-top: 80px !important; }
    .contact-1 .button .btn { width: 36vw !important; height: 14vw !important; font-size: 4.2vw !important; font-weight: 500;; }

    .line_th2 { font-size: 10.732vw; }
    .line_th2::after { top: 6.098vw; }

    .contact-1 .frm-tbl > div.tbl-left ul { display: block !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
    .contact-1 .frm-tbl > div.tbl-left ul li { display: block !important; width: 100% !important; padding: 0 !important; box-sizing: border-box !important; }
    .contact-1 .frm-tbl > div.tbl-left ul li input { display: block !important; width: 100% !important; height: 12.195vw !important; box-sizing: border-box !important;}

    .contact-1 .frm-tbl > div.tbl-left ul li:nth-child(2), .contact-1 .frm-tbl > div.tbl-left ul li:nth-child(4) { margin-left: 0 !important; }

    .contact-1 .frm-tbl > div.tbl-left ul li:nth-child(2), .contact-1 .frm-tbl > div.tbl-left ul li:nth-child(3), .contact-1 .frm-tbl > div.tbl-left ul li:nth-child(4) { margin-top: -1px !important; }

    /* .contact-1 .frm-tbl > div.tbl-right ul li { padding: 0 12px !important; } */
    .contact-1 .frm-tbl > div.tbl-right ul li.textarea { padding: 17px 0 20px 0 !important; }
    input, textarea { font-size: 16px !important; }
    .contact-1 .frm-tbl > div.tbl-left ul li input { height: 12vw !important; font-size: 3.6vw !important; }


}



@media screen and (min-width:1921px) {

    .card__title_en { font-size: 1.4vw; margin: 0 0 0.521vw; }
    .card__title_kr { font-size: 1.2vw; }
    #scroll-to-top, #scroll-to-top svg { width: 4.269vw; height: 4.269vw; }


    .dl { margin: 0 auto; width: 100%; position: absolute; z-index: 5; display: flex; justify-content: center; margin-top: 14vw; }
    .circle { width: 10vw; height: 10vw; border-radius: 50%; background: #000; display: flex; align-items: center; justify-content: center; position: relative; animation: swingCircle 4s cubic-bezier(0.56, 0.06, 0.04, 0.91) infinite alternate; text-decoration: none; }
    .circle-text { color: #fff; font-size: 1.6vw; font-weight: 500; user-select: none; pointer-events: none; position: relative; z-index: 1; }
    @keyframes swingCircle {
        0% { transform: rotate(-45deg); }
        50% { transform: rotate(45deg); }
        100% { transform: rotate(-45deg); }
    }

    .contact.sec1 { padding-top: 6vw; position: relative; z-index: 4; background-color: var(--bg-color); transition: background-color 0.4s; }

    .a-section-marquee-box, .b-section-marquee-box { height: 12.493vw; display: flex; align-items: center; overflow: hidden; position: relative; border: 0; }
    .marquee-content { display: flex; width: max-content; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 75s; }
    .a-section-marquee-box .marquee-content { animation-name: marquee-left; }
    .b-section-marquee-box .marquee-content { animation-name: marquee-right; }
    .a-section-marquee-box .marquee-content h2,.b-section-marquee-box .marquee-content h2 { white-space: nowrap; font-size: 10.411vw; font-weight: 600; padding: 0 40px; flex-shrink: 0; display: flex; align-items: center; margin: 0; }
    .a-section-marquee-box .marquee-content h2 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .b-section-marquee-box .marquee-content h2.stroked-text { color: transparent; -webkit-text-stroke: 1.5px var(--sub-txt-color); }
    .highlight-text { -webkit-text-fill-color: var(--sub-txt-color); -webkit-text-stroke: 0; }
    @keyframes marquee-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-50%)); }
    }
    @keyframes marquee-right {
        0% { transform: translateX(calc(-50%)); }
        100% { transform: translateX(calc(0)); }
    }


    .contact-1 { padding: 7vw 0 !important; }

    .contact-section .sec4 .ct-info, .contact-section .sec2 .p-desc { width: auto !important; max-width: 46vw !important; margin-left: auto; }


    .contact-section .sec2 .q-word { font-size: 4vw; }

    .contact-section .sec2 .p-desc { font-size: 1.666vw; }
    .contact-section .sec2 { margin-top: 4.685vw; }

    .ct-info .info1 { font-size: 1.8vw; line-height: 1.4; }
    .ct-info .info2 { font-size: 1.4vw; line-height: 1.3; }
    .ct-info .info3 { font-size: 1.8vw; }

    .line_th2 { font-size: 4vw; }
    .line_th2::after { top: /*52px;*/ 2.4vw; }

    .ehidden { height: 18vw; }
    footer { height: 24vw; margin-bottom: -1vw; }
    .p_fade { padding-top: 2vw; }
}

@media screen and (min-width:3201px) {
    .card__title_en { font-size: 1.1vw; margin: 0 0 0.521vw; }
    .card__title_kr { font-size: 0.9vw; }
}