body { background-image: var(--bg-type-img2); transition: background-image 0.4s; }
.sub_wrap { background-image: var(--bg-type-img2); transition: background-image 0.4s; }

.pic-wrap { box-shadow: 0 7px 40px rgba(0,0,0,0.3); }
/* @media screen and (max-width:1279px) {
    .pic-wrap { border-radius: 4vw; }
}
@media screen and (min-width:1280px) and (max-width:1919px) {
    .pic-wrap { border-radius: 2vw; }
}
@media screen and (min-width:1920px) {
    .pic-wrap { border-radius: 20px; }
} */

.sec2 { display: flex; justify-content: center; align-items: center; }
.sec2 .img_works { width: 100%; /*max-width: 1920px;*/ max-width: 3600px; }
.sec2 .img_works img { object-fit: cover; width: 100%; }

.detail_content { width: 100%; }
.de_sec { width: 100%; position: relative; z-index: 5; background-color: var(--bg-color); transition: background 0.4s; }

.de_sec img { 
    margin: 0 auto; 
    width: 100%; 
    display: block; 
}

.img-group.pc {
    display: block;
}
.img-group.mobile {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 1023px) {
    .img-group.pc { display: none; }
    .img-group.mobile { display: flex; }
}
@media (min-width: 1024px) {
    .img-group.pc { display: block; }
    .img-group.mobile { display: none; }
}


.bottom_ctrl { background-color: #fff; display: flex; justify-content: center; padding: 5vw 0 1vw; position: relative; z-index: 5; }
.bottom_ctrl .divider { width: 1px; height: 4vw; background: #222; margin: 1vw; }

.bottom_ctrl a { color: #222; display: flex; align-items: center; font-size: 1.944vw; height: 6vw; font-weight: 700; opacity: 0.3; transition: opacity 0.3s, color 0.3s; }
.bottom_ctrl a.prev { padding: 0 3.125vw 0 4.1666vw; }
.bottom_ctrl a.next { padding: 0 4.1666vw 0 3.125vw; }

.bottom_ctrl a img { opacity: 0.7; transition: opacity 0.3s; margin: -0.2vw 1vw 0; }
.bottom_ctrl a:hover { opacity: 1; text-decoration: underline; }
.bottom_ctrl a:hover img { opacity: 1; }


@media screen and (max-width:767px) {
    .bottom_ctrl .divider { height: 36px; margin: 0; }
    .bottom_ctrl a { font-size: 16px; height: 36px; }
    .bottom_ctrl a.prev { padding: 0 30px 0 10px; }
    .bottom_ctrl a.next { padding: 0 10px 0 30px; }
    .bottom_ctrl a img { margin: -0.2vw 0 0; scale: 0.75; }
}
@media screen and (min-width:1921px) {
    .bottom_ctrl { margin: 0 auto; width: 1920px; }
    .de_sec img { width: 1920px; }
    .bottom_ctrl .divider { height: 76px; margin: 0; }
    .bottom_ctrl a { font-size: 32px; height: 76px;}
    .bottom_ctrl a.prev { padding: 0 60px 0 80px; }
    .bottom_ctrl a.next { padding: 0 80px 0 60px; } 
}





@media screen and (max-width:639px) and (orientation: portrait) {
    .bi_bk { width: 36px; top: 20px; left: 30px; z-index: 10; }
    section.one { top: 15px; right: 30px; display: flex; z-index: 31; }
    .hmbrgr.one { width: 28px; }
    #scroll-to-top, .line6 { right: 30px; }
    #scroll-to-top { bottom:110px; }
    .line6 { bottom:50px; }
    .sortable { margin:0; padding:0; }
    .container { max-width: calc(100vw - 24vw); }
    .wrapper { padding: 0; margin-top: 30vw; }
    #isolde > div:last-child > .card { margin: 0 0 4vw; }
    .card { margin: 0 0 -20vw; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 10vw 4vw; position: relative; top: -10.2vw; }
    .card__date { font-weight: 700; font-size: 3.6vw; display: inline-block; margin: 0 0 2vw; }
    .card__title { margin: 0; font-size: 7vw; font-weight: 700; line-height: 8vw; margin-bottom: 3vw; }
    .card__text { font-size: 3.6vw; margin-bottom: 7vw; line-height: 1.5; }
    .card__more { font-weight: 700; font-size: 4vw; line-height: 4vw; border-bottom: 0.6vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 7.6vw; }

    .ehidden { float: left; background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 130vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 100vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

    footer .area01 { padding: 10vw 0 0 30px; }
    footer .area02 { padding: 8vw 0 0 30px; }
    footer .area03 { padding: 8vw 0 0 30px; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 6vw; letter-spacing: -0.031em; line-height: 1.1em; width: 20vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 5.8vw 0 0 0.3vw; width: 2.4vw; height: .125rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 4.2vw; color: var(--sub-txt-color); padding-bottom: 3vw; letter-spacing: -0.031em; }
	footer .area02 .info { font-weight: 600; font-size: 3.8vw; line-height: 7vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 2.8vw; }
    footer .area02 .info span a { font-size: 3.8vw; color: var(--sub-txt-color); }
	footer .area02 li:nth-child(4) { clear: both; line-height: 4.8vw; margin-top: 0.5vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 4.6vw; font-weight: 600; text-decoration: underline; text-underline-offset : 0.139vw; text-decoration-thickness: 0.278vw; }

	footer .area03 .sns { font-size: 2.8vw; float: left; margin-right: 30px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 2vw; }

    footer .area03 .copy01 { margin: 12vw 0 0 0; position: absolute; left: 30px; }
    footer .area03 .copy01 svg { float: left; margin-top: -0.067vw; width: 2.5vw; margin-right: 0.8vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 2.6vw; }

    .menu-wrap { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: -6vw auto 0; }

    .menu-sidebar { margin-left: -6.667vw; }
    .menu-sidebar .menu { display: block; overflow: hidden; /*margin-left: -6.667vw;*/ }
    .menu-sidebar .menu:nth-child(1) > li { float: left; clear: both; font-size: 13.6vw; }
    .menu-sidebar .menu:nth-child(1) > li a { padding: 0; font-size: 10vw; line-height: 10vw; height: 10vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 .sl_copy1 { font-size: 4vw; line-height: 5vw; font-weight: 700; text-align: left; margin-bottom: 4vh; display: none; }
    .slogan2 .sl_copy2 { font-size: 3.6vw; line-height: 3.6vw; font-weight: 700; }
    .slogan2 { margin-bottom: 4vw; }

    .sum { margin: 1vw 0 0 0; position: absolute; z-index: 21; display: inline; padding: 0; width: 9vw; height: 7vw; /*right: 19.5vw;*/ left: 72vw; }
    .sum .sum-wrap { z-index: 22; width: 11vw; height: 8vw; }
    .sum .s-num { position: absolute; z-index: 23; font-size: 4.2vw; font-weight: 900; text-align: center; width: 9vw; height: 7vw; display: flex; align-items: center; justify-content: center; padding-right: 0.2vw; }
    .sum .s-bg { position: absolute; margin:0; padding: 0; width: 9vw; height: 7vw; border-radius: 4vw; }
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 8vh; height: 18vw; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; height: 5vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > div { font-size: 3vw; line-height: 4.4vw; }
    .menu-sidebar .menu:nth-child(2) > li  { float: left; margin-top: 2.2vw; font-size:3.4vw; line-height: 5vw; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 5vw; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:0; top:5.3vw; display:block; width:0; height:0.8vw; opacity: 0.8; transition: width 0.4s ease-out; }
    .line_th:hover::before { width: 100%; }

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-1.5vw; width: 0; height: 0.125vw; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .master-box { margin: 0 auto; text-align: center; } 
    .faq-header { margin:0 auto; margin-top: -3.75rem; padding: 0; width: calc(100% - 15%); margin-left: calc(7.5% - .5rem); height: 1.875rem; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; -ms-overflow-style: -ms-autohiding-scrollbar; position: fixed; z-index: 10; }
    .faq-header::-webkit-scrollbar { display: none; }

    #myBtnContainer { margin: 0 auto; width: 100%; text-align: left; } 
    .btn, #myUL { font-family: Zodiak, Sentient, Erode, Pretendard, sans-serif; } 
    /* .btn { border: .0625rem solid #bbb; outline: none; background-color: var(--bg-color); color: #bbb; cursor: pointer; border-radius: .9375rem; font-size: .75rem; height: 1.875rem; padding: 0 .75rem; position: relative; display: inline-block; font-weight: 600; transition: all 0.2s ease-in-out; }  */
    .btn:hover { background: #0000bb; color: #ffffff; border: .0625rem solid #0000bb; transition: all 0.2s ease-in-out; } 
    .btn.active { background: #0000bb; color: #ffffff; border: .0625rem solid #0000bb; text-decoration: underline; } 
    .btn::before { font-size: 1.125rem; opacity: 0; transition: 0.4s; } 
    .btn.active::before { opacity: 1; transition: 0.5s; } 

    .arrow { background: #eee; z-index: 1; } 
    .nav-prev, .nav-next { position: fixed; margin-top: 5rem; } 
    .nav-prev { width: 2.5rem; height: 2.5rem; left: 7.5%; top: -0.3125rem; } 
    .nav-next { width: 2.5rem; height: 2.5rem; right: 7.5%; top: -0.3125rem; } 
    .nav-prev::after { content: ""; position: absolute; width: 3.125rem; height: 2.5rem; left: 2.5rem; margin-top: 0rem; display: inline-block; background: linear-gradient(to right, var(--bg-color) 20%, rgba(255,255,255,0) 80%); } 
    .nav-next::before { content: ""; position: absolute; width: 3.125rem; height: 2.5rem; right: 2.5rem; margin-top: 0rem; display: inline-block; background: linear-gradient(to left, var(--bg-color) 20%, rgba(255,255,255,0) 80%); } 

    #myUL { list-style-type: none; margin:0 auto; margin-top: 9.1875rem; padding: 0; width: 100%; text-align: left; } 
    #myUL li a { -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; border-top: .0625rem solid var(--sep-line2); border-bottom: .0625rem solid var(--sep-line2); margin-top: -0.0625rem; text-decoration: none; font-size: 1rem; font-weight: 400; color: var(--sub-txt-color); display: block; height: 7rem; }

    .filterDiv { display: none; transition: all 0.3s; } 
    .show { display: block; }

    .accordion-thumb { font-weight: bold; background: transparent; } 
    .filterDiv.is-active .accordion-thumb::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); content: url(../images/ac_arrow3.svg); -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
    
    .accordion-thumb::after { content: var(--ac-arrow); display: inline-block; position: absolute; right: calc((8% - .5rem) - .1875rem); margin-top: 2.375rem; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; scale: 0.5; opacity: 1; } 
    .accordion-panel { margin: 0 0 0 3%; padding: 1.25rem .625rem 1.5rem; display: none; color: var(--font-color); font-size: .875rem; font-weight: normal; background: var(--bg-color); transition: background-color 0.4s; } 

    .accordion-thumb p { display: inline-block; vertical-align: middle; } 
    .accordion-thumb p span { display: block; } 
    .accordion-thumb .ac-num, .accordion-thumb .tit-group { float: left; } 
    .accordion-thumb .ac-num { font-weight: 700; font-size: 19px; margin-left: 1.875rem; margin-top: 41px; opacity: .3; }

    .accordion-thumb .ac-category { font-weight: 600; font-size: 11px; } 
    .accordion-thumb .tit-group { margin: 1.25rem 0 0 1.25rem; } 
    .accordion-thumb p .ctitle { clear: both; font-family: Pretendard, sans-serif; font-size: 18px; padding: .9375rem 0 0; }
    
    .accordion-thumb p .ctype, .accordion-thumb p .sepline, .accordion-thumb p .album { float: left;  margin-top: 3.75rem; }

    .accordion-thumb p .ctype, .accordion-thumb p .album { color: var(--sub-txt-color2); } 
    .accordion-thumb p .ctype { padding-right: .625rem; margin-top: .625rem; font-size: .625rem; font-weight: 500; } 
    .accordion-thumb p .sepline { margin-top: .6875rem; width: .0625rem; height: .625rem; background-color: var(--sep-line); -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } 
    .accordion-thumb p .album { margin-top: .6875rem; padding-left: .625rem; font-family: Pretendard, sans-serif; font-weight: 300; font-size: .625rem; font-weight: 400; } 

    .sub_wrap { padding: 24vw 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 68vw; overflow: hidden; }
    .sec1 { padding: 0 0 80px; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 3vw; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 10vw; font-weight: 900; padding: 0 0 20px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 4.2vw; height: 4.2vw; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 7vw; line-height: 8.4vw; font-weight: 900; word-break: keep-all; width: 100%; padding: 0 0 20px; color: var(--sub-txt-color); }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 4vw; line-height: 6.4vw; font-weight: 600; color: #757575; width: 100%; word-break: keep-all; }

    .blend { display: none; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; height: 160px; width: 160px; background-color: #0000BB; border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: lighten; /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 160px; width: 160px; background-color: #fff; background: url(../images/diagonal_line.svg) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid #0000BB; animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 50px; top: -50px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(30px, -30px); }
    }
    @keyframes dance-b {
        0%   { left: -50px; bottom: -50px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-30px, 30px); }
    }

    .sec2 { width: 100%; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; }
    .sec2 .iou > ul { margin: 0 auto; width: 68vw; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 15px; line-height: 19px; font-weight: 600; margin-top: 80px; }
    .sec2 .me:nth-child(1) { width: 86px; float: left; }
    .sec2 .me:nth-child(2) { display: none; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 video { width: 100%; }
    .sec2 .v_overlay { width: 100%; height: 56vw; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 100px 0 10px; }
    .sec4 .slider { margin-top: 30px; }
    .sec4 .slider .swiper-slide { display: block; width: 100%; padding-bottom: 60px; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 800; font-size: 16px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { font-weight: 800; font-size: 6vw; line-height: 7.6vw; margin-top: 10px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .contwrap ul { margin-top: 4vw; padding-bottom: 10vw; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 4.4vw; color: #757575; line-height: 7vw; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 20vw; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 16vw; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: calc(520vw - 25vw); display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 16vw; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: calc(520vw - 75vw); display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }

    .sec5 { padding: 100px 0 0px; }
    .sec5 > .s5_title .txtline3 { font-size: 7vw; line-height: 8.4vw; font-weight: 900; word-break: keep-all; width: 100%; padding: 0 0 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 3vw; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 100%; display: block; }

    .sec5 .svgref-md, .sec5 .dark-svgref-md { margin: 0 auto; text-align: center; }

    .sec5 .svgref-md svg, .sec5 .dark-svgref-md svg { width: 60vw; height: 40vw; scale: 1.03; }

    .sec5 .valuenum { font-weight: 700; font-size: 14px; margin-top: 20px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 5vw; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 15px; line-height: 36px; color: #757575; padding: 5px 0 0; }
}





@media screen and (max-width:639px) and (orientation: landscape) {
    .bi_bk { width: 40px; top: 17px; left: 30px; z-index: 10; }
    section.one { top: 14px; right: 30px; display: flex; z-index: 31; }
    .hmbrgr.one { width: 28px; }
    #scroll-to-top, .line6 { right: 30px; }
    #scroll-to-top { bottom:100px; }
    .line6 { bottom:40px; }
    .sortable { margin:0; padding:0; }
    .container { max-width: calc(100vw - 20vw); }
    .wrapper { padding: 0; margin-top: 100px; }
    #isolde > div:last-child > .card { margin: 0 0 40px; }
    .card { margin: 0 0 -100px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 48px 20px; position: relative; top: -6.6vw; }
    .card__date { font-weight: 700; font-size: 2vw; display: inline-block; margin: 0 0 1.5vw; }
    .card__title { margin: 0; font-size: 5.2vw; font-weight: 700; line-height: 5.8vw; margin-bottom: 1.5vw; }
    .card__text { font-size: 12px; margin-bottom: 4vw; }
    .card__more { font-weight: 700; font-size: 2.4vw; line-height: 3vw; border-bottom: 2px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 4.4vw; }

    .ehidden { float: left; background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 64vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 54vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

    footer .area01 { padding: 7vw 0 0 30px; }
    footer .area02 { padding: 4vw 0 0 30px; }
    footer .area03 { padding: 4vw 0 0 30px; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 3.733vw; letter-spacing: -0.031em; line-height: 1.1em; width: 10vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 3.6vw 0 0 0.3vw; width: 1.4vw; height: .11rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 2.7vw; padding-bottom: 2vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 2.5vw; line-height: 2.5vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 1.6vw; }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 2vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2.5vw; margin-top: 3.6vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 2.5vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 2px; }

	footer .area03 .sns { font-size: 1.6vw; float: left; margin-right: 50px; }
	footer .area03 .sns a { color:var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }
	
    footer .area03 .copy01 { margin: 5vw 0 0 0; float: left; position: absolute; left: 30px; }
    footer .area03 .copy01 svg { float: left; width: 1.15vw; margin-top: -0.1vw; margin-right: 0.4vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 1.2vw; }

    .menu-wrap { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; overflow: hidden; padding: 0 7vw 2vw; }
    .menu-sidebar .menu { display: table-row; vertical-align: middle; height: 50%; width: 100%; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; }
    .menu-sidebar .menu:nth-child(1) > li a { padding: 0.3125vw 0 0.7813vw; font-size: 6vw; line-height: 7vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(2) { padding-right: 3vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(3),
    .menu-sidebar .menu:nth-child(1) > li:nth-child(4) { padding: 0 3vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(5) { padding-right: 3vw; }
    
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color: #020d90; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .slogan2 { font-size: 2.5vw; line-height: 3.7vw; font-weight: 600; margin: 6vw 0 1vw 0; text-align: left; }
    .sl_copy1 { display: none; }
    
    /* .sum { margin: 2.5vw 0 0 31.7vw; position: absolute; z-index: 21; color: #fff; width: 4.2188vw; height: 2.9688vw; border-radius: 1.9531vw; } */
    .sum { margin: 2.5vw 0 0 32.5vw; position: relative; z-index: 21; border-radius: 14.648px; }

    .sum .sum-wrap { z-index: 22; position: absolute; width: 4.2188vw; height: 2.9688vw; display: flex; justify-content: center; align-items: center; }
    /* .sum .sum-wrap .s-num { position: absolute; z-index: 23; font-size: 1.7188vw; font-weight: 900; padding: 0.2vw 0 0; } */
    .sum .sum-wrap .s-num { position: absolute; z-index: 23; font-size: 2.6vw; font-weight: 900; padding: 0.2vw 0 0; }

    /* .sum .sum-wrap .s-bg { position: absolute; width: 4.2188vw; height: 2.9688vw; border-radius: 1.9531vw; background-color: #e80000; opacity: 0.8; } */
    .sum .sum-wrap .s-bg { position: absolute; width: 6.3vw; height: 4.7vw; border-radius: 100vw; background-color: #e80000; opacity: 0.8; }

    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 2.625vw; height: 5.333vw; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size: 2.2vw; float: left; height: 40px; line-height: 40px; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(2), .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 30px; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:4vw; display:block; width:100%; height:0.4688vw; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:.375rem; width: 0; height: .0625rem; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .faq-header { margin-top: 50px; }
    .nav-prev, .nav-next { margin-top: 80px; }
    #myUL { margin-top: 140px; }

    .sub_wrap { padding: 11.111vw 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 60vw; overflow: hidden; }
    .sec1 { padding: 0 0 80px; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 2.4vw; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 6vw; font-weight: 900; padding: 0 0 20px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 4.2vw; height: 4.2vw; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 6vw; line-height: 7vw; font-weight: 900; word-break: keep-all; width: 100%; padding: 0 0 20px; color: var(--sub-txt-color); }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 2.8vw; line-height: 4.4vw; font-weight: 600; color: #757575; width: 100%; word-break: keep-all; }

    .blend { display: none; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; height: 160px; width: 160px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 160px; width: 160px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 50px; top: -50px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(30px, -30px); }
    }
    @keyframes dance-b {
        0%   { left: -50px; bottom: -50px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-30px, 30px); }
    }

    .sec2 { width: 100%; height: 56vw; background-color: #eee; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; }
    .sec2 .iou > ul { margin: 0 auto; width: 68vw; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 15px; line-height: 19px; font-weight: 600; margin-top: 80px; }
    .sec2 .me:nth-child(1) { width: 86px; float: left; }
    .sec2 .me:nth-child(2) { display: none; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 video { width: 100%; }
    .sec2 .v_overlay { width: 100%; height: 56vw; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 100px 0 10px; }
    .sec4 .slider { margin-top: 30px; }
    .sec4 .slider .swiper-slide { display: block; width: 100%; padding-bottom: 60px; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 16px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { font-weight: 900;  font-size: 30px; line-height: 34px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; padding-bottom: 60px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 16px; color: #757575; line-height: 28px; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 10vw; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 8.333vw; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: calc(280vw - 24vw); display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 8.333vw; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: calc(280vw - 50vw); display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }

    .sec5 { padding: 100px 0 0px; }
    .sec5 > .s5_title .txtline3 { font-size: 6vw; line-height: 7vw; font-weight: 900; word-break: keep-all; width: 100%; padding: 0 0 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 2.4vw; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 100%; display: block; }

    .sec5 .svgref-md, .sec5 .dark-svgref-md { margin: 0 auto; text-align: center; }

    .sec5 .svgref-md svg, .sec5 .dark-svgref-md svg { width: 60vw; height: 40vw; }

    .sec5 .valuenum { font-weight: 700; font-size: 14px; margin-top: 20px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 5vw; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 15px; line-height: 36px; color: #757575; padding: 5px 0 60px; }

}


/***** 메뉴 한정 CSS *****/
/* @media screen and (max-height:680px) and (orientation: portrait) {
    .slogan2 { margin-top: 10vw; }
    .sl_copy1 { display: none; }
} */



@media screen and (min-width:640px) and (max-width:1279px) and (orientation: portrait) {
    .bi_bk { width: 52px; top: 32px; left: 50px; z-index: 10; }
    section.one { top: 34px; right: 50px; display: flex; z-index: 31; }
    .hmbrgr.one { width: 40px; }
    #scroll-to-top, .line6 { right: 50px; }
    #scroll-to-top { bottom:120px; }
    .line6 { bottom:60px; }
    .sortable { margin:0; padding:0; }
    .container { max-width: calc(100vw - 20vw); }
    .wrapper { padding: 0; margin-top: 20vw; }
    #isolde > div:last-child > .card { margin: 0; }
    .card { margin: 0 0 -5vw; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 8vw 4vw; position: relative; top: -6.3vw; }
    .card__date { font-weight: 700; font-size: 2.25vw; display: inline-block; margin: 0 0 1vw; }
    .card__title { margin: 0; font-size: 5vw; font-weight: 700; line-height: 6.25vw; margin-bottom: 1.75vw; }
    .card__text { font-size: 2vw; margin-bottom: 5vw; }
    .card__more { font-weight: 700; font-size: 2.5vw; line-height: 3.5vw; border-bottom: 0.5vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 4.5vw; }

    .foot-gra { margin: 0 auto; display: block; width: 100%; height: 40vw; /*background-image: var(--foot-gra2);*/ transition: background-image 0.4s; position: relative; z-index: 3; bottom: 50vw; }

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; height: 32vw; bottom: 0vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 56vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

    footer .area01 { padding: 6vw 0 0 50px; }
    footer .area02 { padding: 4vw 0 0 50px; }
    footer .area03 { padding: 4vw 0 0 50px; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 4.267vw; letter-spacing: -0.031em; line-height: 1.1em; width: 15vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 4.2vw 0 0 0.3vw; width: 1.5vw; height: .125rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 2.8vw; padding-bottom: 2.4vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 2.4vw; line-height: 2.4vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 2vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 2.4vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2.4vw; margin-top: 4vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 2.4vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 1px; }

	footer .area03 .sns { font-size: 2vw; float: left; margin-right: 50px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }

    footer .area03 .copy01 { margin: 6vw 0 0 0; float: left; position: absolute; left: 50px; }
    footer .area03 .copy01 svg { float: left; width: 1.5vw; margin-top: -0.35vw; margin-right: 0.5vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 1.6vw; }

    .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; padding: 0 6.5vw 2vw 2.5vw; }

    .menu-sidebar { margin-top: 6vw; }
    .menu-sidebar .menu { display: block; overflow: hidden; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; clear: both; }
    .menu-sidebar .menu:nth-child(1) > li a { color: #fff; padding: 0; font-size: 8vw; line-height: 10vw; height: 10vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #fff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 { margin-top: 0; color: #fff; text-align: left; }
    .sl_copy1 { font-size: 3.2vw; line-height: 3.6vw; font-weight: 700; color: #fff; text-align: left; margin-bottom: 4vh; display: none; }
    .sl_copy2 { margin-bottom: 1vw; font-size: 2.5vw; line-height: 3vw; font-weight: 700; color: #fff; }

    .sum { margin: 0.5vw 0 0 0; position: absolute; z-index: 21; color: #fff; display: inline; padding: 0; width: 7.5vw; right: 24.2vw; }
    .sum .sum-wrap { z-index: 22; width: 11vw; height: 8vw; }
    .sum .s-num { position: absolute; z-index: 23; font-size: 3.5vw; font-weight: 900; text-align: center; width: 7.5vw; height: 5.8vw; display: flex; align-items: center; justify-content: center; padding-left: 0.05vw; }
    .sum .s-bg { position: absolute; margin:0; padding: 0; width: 7.6vw; height: 5.6vw; border-radius: 4vw; background-color: #e80000; opacity: 0.8; }
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 8vw; height: 18vw; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size: 2vw; height: 3vw; line-height: 3vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li  { float: left; margin-top: 1.6vw; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 5vw; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:5.4vw; display:block; width:100%; height:0.5vw; opacity: 0.8; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-1.8vw; width: 0; height: 0.125vw; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .faq-header { margin-top: 80px; }
    .nav-prev, .nav-next { margin-top: 110px; }
    #myUL { margin-top: 180px; }

    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 800px; overflow: hidden; }
    .sec1 { padding: 0 0 80px; }

    .sec1 > ul:nth-child(1) { float: left; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 48px; font-weight: 900; padding: 0 0 20px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 38px; height: 38px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 36px; line-height: 46px; font-weight: 900; word-break: keep-all; width: 460px; padding: 0 0 20px; color: var(--sub-txt-color); }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 18px; line-height: 28px; font-weight: 600; color: #757575; width: 82%; word-break: keep-all; }

    .blend { margin: 72px 0 0 128px; display: inline-block; position: relative; z-index: 3; width: 160px; height: 160px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; height: 160px; width: 160px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 160px; width: 160px; background: var(--abt-pttn) no-repeat;  background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 50px; top: -50px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(30px, -30px); }
    }
    @keyframes dance-b {
        0%   { left: -50px; bottom: -50px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-30px, 30px); }
    }

    .sec2 { width: 100%; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; }
    .sec2 .iou > ul { margin: 0 auto; width: 68vw; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 15px; line-height: 19px; font-weight: 600; margin-top: 80px; }
    .sec2 .me:nth-child(1) { width: 86px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 12vw; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 video { width: 100%; }
    .sec2 .v_overlay { width: 100%; height: 360px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }
    

    .sec4 { padding: 100px 0 10px; }
    .sec4 .slider { margin-top: 30px; }
    .sec4 .slider .swiper-slide { float: left; width: 46%; padding-bottom: 60px; margin-right: 8%; }
    .sec4 .slider .swiper-slide:nth-child(2n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 16px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { width: 240px; font-weight: 900; font-size: 30px; line-height: 34px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 140px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 16px; color: #757575; line-height: 28px; }


    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 10vw; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 8.333vw; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: calc(280vw - 24vw); display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 8.333vw; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: calc(280vw - 50vw); display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }


    .sec5 { padding: 100px 0 0; }
    .sec5 > .s5_title .txtline3 { font-size: 36px; line-height: 46px; font-weight: 900; word-break: keep-all; width: 480px; padding: 0 0 40px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { display: block; }
    .sec5 .svgref-lg, .sec5 .dark-svgref-lg { margin: 0 auto; text-align: center; }

    .sec5 .valuenum { font-weight: 700; font-size: 18px; margin-top: 40px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 32px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 18px; line-height: 36px; color: #757575; padding-top: 10px; }

    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; }

    @media screen and (min-width:640px) and (max-width:960px) {
        .sec1, .sec4, .sec5 { width: 480px; }
        .sec5 { padding: 100px 0 0; }
        .blend { display: none; }
        .sec1 > ul:nth-child(1) .txtline3, 
        .sec4 > ul:nth-child(1) .txtline3 { width: 440px; }
        .sec1 > ul:nth-child(3) .txtline4 { width: 90%; }

        .sec5 > .s5_title .txtline3 { padding: 0 0 80px; color: var(--sub-txt-color); }
        .sec5 > ul { width: 100%; display: block; }
        .sec5 > ul:nth-child(odd) { margin: 0; }

        .sec5 .svgref-md, .sec5 .dark-svgref-md { margin: 0 auto; text-align: center; }

        .sec5 .valuenum { margin-top: 40px; }
        .sec5 .valuedesc { padding-bottom: 20px; }
        .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 0px; }
    }
}





@media screen and (min-width:640px) and (max-width:1279px) and (orientation: landscape) {
    .bi_bk { width: 52px; top: 32px; left: 50px; z-index: 10; }
    section.one { top: 34px; right: 50px; display: flex; z-index: 31; }
    .hmbrgr.one { width: 40px; }
    #scroll-to-top, .line6 { right: 50px; }
    #scroll-to-top { bottom:110px; }
    .line6 { bottom:50px; }
    .sortable { margin:0; padding:0; }
    .container { max-width: calc(100vw - 20vw); }
    .wrapper { padding: 0; margin-top: 15vw; }
    #isolde > div:last-child > .card { margin: 0 0 40px; }
    .card { margin: 0 0 16px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 10vw 1vw; position: relative; top: -5.2vw; }
    .card__date { font-weight: 700; font-size: 1.6vw; display: inline-block; margin: 0 0 1vw; }
    .card__title { margin: 0; font-size: 4.8vw; font-weight: 700; line-height: 5.6vw; margin-bottom: 2vw; }
    .card__text { font-size: 1.6vw; margin-bottom: 3vw; }
    .card__more { font-weight: 700; font-size: 1.8vw; line-height: 2.6vw; border-bottom: 0.3vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 3.8vw; }


    /*작은 사이즈*/

    .foot-gra { margin: 0 auto; display: block; width: 100%; height: 30vw; /*background-image: var(--foot-gra2);*/ transition: background-image 0.4s; position: relative; z-index: 3; bottom: 38vw; }

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; height: 25vw; bottom: 14vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 42vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

    footer .area01 { padding: 5vw 0 0 50px; }
    footer .area02 { padding: 4vw 0 0 50px; }
    footer .area03 { padding: 3vw 0 0 50px; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 2.933vw; letter-spacing: -0.031em; line-height: 1.1em; width: 10vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 2.9vw 0 0 0.2vw; width: 1vw; height: .125rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 2vw; padding-bottom: 1.5vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 1.8vw; line-height: 2vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 1.4vw; color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 1.6vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2vw; margin-top: 2.8vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 1.8vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 1px; }

	footer .area03 .sns { font-size: 1.4vw; float: left; margin-right: 50px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }

    footer .area03 .copy01 { margin: 5vw 0 0 0; float: left; position: absolute; left: 50px; }
    footer .area03 .copy01 svg { float: left; width: 1.1vw; margin-top: -0.01vw; margin-right: 0.3vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 1.2vw; }
    


    /*큰 사이즈*/

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

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 50vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 55vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

    footer .area01 { padding: 8vw 0 0 50px; }
    footer .area02 { padding: 4vw 0 0 50px; }
    footer .area03 { padding: 4vw 0 0 50px; height: 120px; }

    footer .p_fade { height: 340px; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 3.733vw; letter-spacing: -0.031em; line-height: 1.1em; width: 10vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 3.6vw 0 0 0.3vw; width: 1.4vw; height: .125rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 2.7vw; padding-bottom: 2vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 2.5vw; line-height: 2.5vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 1.6vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 2vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2.5vw; margin-top: 3.6vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 2.5vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 2px; }

	footer .area03 .sns { font-size: 1.8vw; float: left; margin-right: 50px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }
	
    footer .area03 .copy01 { margin: 5vw 0 0 0; float: left; position: absolute; left: 50px; }
    footer .area03 .copy01 svg { float: left; width: 1.45vw; margin-top: -0.01vw; margin-right: 0.5vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 1.5vw; }
     */

    .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: -3vw auto 0; padding: 0 7vw 2vw; }
    .menu-sidebar .menu { display: block; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; }
    .menu-sidebar .menu:nth-child(1) > li a { color: #ffffff; padding: 0; font-size: 6vw; line-height: 7.6vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }

    .menu-sidebar .menu:nth-child(1) > li:nth-child(2) { padding-right: 3vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(3),
    .menu-sidebar .menu:nth-child(1) > li:nth-child(4) { padding: 0 3vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(5) { padding-right: 3vw; }

    
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color: #096a37; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #ffffff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    
    .sl_copy2 { font-size: 1.8vw; line-height: 2.8vw; font-weight: 600; color: #fff; margin-bottom:0.4vw; text-align: left; }
    .sl_copy1 { display: none; }

    .sum { margin: 2.4vw 0 0 34vw; position: absolute; z-index: 21; color: #fff;  }
    .sum .sum-wrap { z-index: 22; position: absolute; display: flex; justify-content: center; align-items: center; }
    .sum .s-num { position: absolute; z-index: 23; margin: 1px 0 0; font-size: 2.4vw; font-weight: 900; padding: 0; }
    .sum .s-bg { position: absolute; margin: 0; padding: 0; width: 5.2vw; height: 4vw; border-radius: 4.8vw; background-color: #e80000; opacity: 0.8; }
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 6vw; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:1vw 0 0 0; font-size: 1.4vw; line-height: 2.4vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li { float: left; }

    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 30px; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:4vw; display:block; width:100%; height:0.4688vw; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom: -0.7vw; width: 0; height: .0625rem; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .faq-header { margin-top: 80px; }
    .nav-prev, .nav-next { margin-top: 110px; }
    #myUL { margin-top: 180px; }


    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 640px; overflow: hidden; }
    .sec1 { padding: 0 0 100px; }

    .sec1 > ul:nth-child(1) { float: left; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 56px; font-weight: 900; padding: 0 0 30px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 38px; height: 38px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 38px; line-height: 46px; font-weight: 900; word-break: keep-all; padding: 0 0 40px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline3 { width: 360px; }
    .sec4 > ul:nth-child(1) .txtline3 { width: 460px; }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 18px; line-height: 30px; font-weight: 600; color: #757575; width: 90%; letter-spacing: -0.02em; word-break: keep-all; }

    .blend { margin: 100px 0 0 70px; display: inline-block; position: relative; z-index: 3; width: 140px; height: 140px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; height: 140px; width: 140px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 140px; width: 140px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 40px; top: -40px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(30px, -30px); }
    }
    @keyframes dance-b {
        0%   { left: -40px; bottom: -40px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-30px, 30px); }
    }

    .sec2 { width: 100%; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; }
    .sec2 .iou > ul { margin: 0 auto; width: 640px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 15px; line-height: 19px; font-weight: 600; margin-top: 80px; letter-spacing: 0.01em; }
    .sec2 .me:nth-child(1) { width: 86px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 100px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 video { width: 100%; }
    .sec2 .v_overlay { width: 100%; height: 360px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }
    

    .sec4 { padding: 100px 0 10px; }
    .sec4 .slider { margin-top: 30px; }
    .sec4 .slider .swiper-slide { float: left; width: 304px; padding-bottom: 60px; margin-right: 32px; }
    .sec4 .slider .swiper-slide:nth-child(2n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { width: 240px; font-weight: 900; font-size: 32px; line-height: 40px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 160px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 18px; color: #757575; line-height: 32px; }


    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 10vw; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 8.333vw; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: calc(280vw - 24vw); display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 8.333vw; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: calc(280vw - 50vw); display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }


    .sec5 { padding: 100px 0 0px; }
    .sec5 > .s5_title .txtline3 { font-size: 38px; line-height: 46px; font-weight: 900; word-break: keep-all; width: 640px; padding: 0 0 100px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 100%; margin-right: 40px; display: block; }

    .sec5 .svgref-lg, .sec5 .dark-svgref-lg { text-align: center; }
    
    .sec5 .valuenum { font-weight: 700; font-size: 18px; margin-top: 40px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 32px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 18px; line-height: 36px; color: #757575; padding: 10px 0 10px; }

    @media screen and (min-width:641px) and (max-width:960px) {
        .sec1, .sec4, .sec5 { width: 480px; }
        .sec2 .iou > ul { margin: 0 auto; width: 480px; }
        .sec2 .me:nth-child(2) { margin-left: 50px; }
        .sec5 { padding: 100px 0 0; }
        .blend { display: none; }
        .sec1 > ul:nth-child(1) .txtline3 { width: 360px; } 
        .sec4 > ul:nth-child(1) .txtline3 { width: 460px; }
        .sec1 > ul:nth-child(3) .txtline4 { width: 90%; }

        .sec4 .slider .swiper-slide { display: block; width: 100%; padding-bottom: 60px; margin-right: 0; }
        .sec4 .slider .way { display: block; }
        .sec4 .slider .way > .wtitle { width: 100%; font-weight: 900; font-size: 32px; line-height: 40px; margin-top: 10px; }
        .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 100%; }

        .sec5 > .s5_title .txtline3 { padding: 0 0 100px; }
        .sec5 > ul { width: 100%; display: block; }
        .sec5 > ul:nth-child(odd) { margin: 0; }

        .sec5 .svgref-md, .sec5 .dark-svgref-md { text-align: center; }

        .sec5 .valuenum { margin-top: 40px; }
        .sec5 .valuedesc { padding-bottom: 10px; }
        .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 0px; }
    } 

}



@media screen and (min-width:1280px) and (max-width:1919px) and (orientation: portrait) {
    .bi_bk { position: fixed; z-index: 10; margin: 0; padding: 0; width: 64px; top: 40px; left: 61px; }
    .bi_bk a { display: block; fill: var(--bi-color); }
    section.one { height: 48px; position: fixed; z-index: 31; top: 48px; right: 61px; }
    .hmbrgr.one { width: 44px; }
    #scroll-to-top { bottom:140px; }
    .line6 { bottom:80px; }
    .container { max-width: calc(100vw - 200px); }
    .wrapper { padding: 0; margin-top: 164px; }
    .card { margin: 0 0 -60px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 6vw 3vw; position: relative; top: -3.9vw; }
    .card__date { font-weight: 700; font-size: 1.389vw; display: inline-block; margin: 0 0 0.694vw; }
    .card__title { margin: 0; font-size: 3vw; font-weight: 700; line-height: 3.6vw; margin-bottom: 1.389vw; }
    .card__text { font-size: 1.389vw; margin-bottom: 2.778vw; }
    .card__more { font-weight: 700; font-size: 1.5vw; line-height: 1.944vw; border-bottom: 0.3vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 40px; }


    .ehidden { float: left; background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 32vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 18vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

	footer .area01, footer .area02, footer .area03 { float: left; height: 100%; padding: 3.4vw 0 4.762vw 61px; }
	footer .area01 { width: 25%; }
	footer .area02 { width: 40%; }
	footer .area03 { width: 35%; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 2.5vw; letter-spacing: -0.031em; line-height: 1.1em; width: 7vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 2vw 0 0 0.1vw; width: 0.8vw; height: .125rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 1.7vw; padding-bottom: 1.3vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 1.6vw; line-height: 2.4vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 1.2vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 1.2vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2.4vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 1.6vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 2px; }

	footer .area03 .sns { font-size: 1.2vw; float: right; margin-right: 61px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }

    footer .area03 .copy01 { margin: 4.9vw 0 0 0; float: right; margin-right: 4vw; }
    footer .area03 .copy01 svg { float: left; width: 0.9vw; margin-top: -0.01vw; margin-right: 0.2vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 1vw; }

    .menu-wrap { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; padding: 0 6.5vw 8vw 2.5vw; }

    /* .menu-sidebar { } */
    .menu-sidebar .menu { display: block; overflow: hidden; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; clear: both; }
    .menu-sidebar .menu:nth-child(1) > li a { padding: 0; font-size: 6vw; line-height: 8vw; height: 8vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 .sl_copy1 { font-size: 2.4vw; line-height: 3.4vw; font-weight: 700; text-align: left; margin-bottom: 3vh; display: none; }
    .slogan2 .sl_copy2 { font-size: 1.8vw; line-height: 3vw; font-weight: 700; }
    .slogan2 { margin-top: 8vw; }

    .sum { margin: 0 0 0; position: absolute; z-index: 21; display: inline; padding: 0; left: 63.1vw; }
    .sum .sum-wrap { z-index: 22; }
    .sum .s-num { position: absolute; z-index: 23; font-size: 2.8vw; font-weight: 900; text-align: center; width: 6.2vw; height: 4.8vw; display: flex; align-items: center; justify-content: center; }
    .sum .s-bg { position: absolute; margin:0; padding: 0; width: 6.2vw; height: 4.6vw; border-radius: 4vw; }

    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 6vh; height: 16vw; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin: 0; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > div { font-size: 1.6vw; line-height: 2.6vw; }
    .menu-sidebar .menu:nth-child(2) > li  { float: left; margin-top: 1.2vw; font-size: 1.8vw; line-height: 2.8vw; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 5vw; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:0; top: 4.22vw; display:block; width:0; height:0.5vw; opacity: 0.8; transition: width 0.4s ease-out; }
    .line_th:hover::before { width: 100%; }

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-1.25vw; width: 0; height: 0.125vw; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 1000px; overflow: hidden; }
    .sec1 { padding: 0 0 120px; }

    .sec1 > ul:nth-child(1) { float: left; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 64px; font-weight: 900; padding: 0 0 30px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 46px; height: 46px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 48px; font-weight: 900; word-break: keep-all; width: 640px; line-height: 58px; padding: 0 0 30px; color: var(--sub-txt-color); }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 22px; font-weight: 600; line-height: 34px; color: #757575; width: 90%; word-break: keep-all; }

    /* .sec1 > ul:nth-child(2) { margin-top: 50px; display: inline-block; position: absolute; width: 360px; }
    .sec1 > ul:nth-child(2) li { margin-left: 60px; background: url(../images/diagram_obj.svg) no-repeat right bottom/contain; display: inline-block; width: 300px; height: 294px; } */

    .blend { margin: 80px 0 0 88px; display: inline-block; position: relative; z-index: 3; width: 208px; height: 208px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; width: 208px; height: 208px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 208px; width: 208px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 60px; top: -60px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(40px, -40px); }
    }
    @keyframes dance-b {
        0%   { left: -60px; bottom: -60px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-40px, 40px); }
    }
    
    .sec2 { width: 100%; height: 720px; background-color: #eee; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; height: 720px; }
    .sec2 .iou > ul { margin: 0 auto; width: 1000px; height: 720px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; margin-top: 120px; }
    .sec2 .me:nth-child(1) { width: 100px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 204px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 .v_overlay { width: 100%; height: 720px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 160px 0 60px; }
    .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { float: left; width: 316px; height: 320px; margin-right: 26px; }
    .sec4 .slider .swiper-slide:nth-child(3n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { font-weight: 900; font-size: 34px; line-height: 42px; margin-top: 10px; width: 240px; color: var(--sub-txt-color); }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 150px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 18px; color: #757575; line-height: 32px; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 153px; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 120px; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 120px; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }


    .sec5 { padding: 160px 0 100px; }
    .sec5 > .s5_title .txtline3 { font-size: 48px; font-weight: 900; word-break: keep-all; width: 960px; line-height: 58px; padding: 0 0 40px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 430px; float: left; }
    .sec5 > ul:nth-child(odd) { margin-left: 140px; }
    .sec5 > ul:nth-child(even) { clear: both; }

    .sec5 .svgref-md, .sec5 .dark-svgref-md { text-align: center; }

    .sec5 .valuenum { font-weight: 700; font-size: 18px; margin-top: 40px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 34px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 18px; line-height: 36px; color: #757575; padding-top: 10px; }

    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; }
}






@media screen and (min-width:1280px) and (max-height:639px) and (orientation: landscape) {
    .bi_bk { width: 60px; top: 28px; left: 50px; z-index: 10; }
    section.one { top: 34px; right: 50px; display: flex; z-index: 31; }
    .hmbrgr.one { width: 40px; }
    #scroll-to-top, .line6 { right: 50px; }
    #scroll-to-top { bottom:110px; }
    .line6 { bottom:50px; }
    .sortable { margin:0; padding:0; }

    /* .container { max-width: calc(100vw - 20vw); }
    .wrapper { padding: 0; margin-top: 100px; }
    #isolde > div:last-child > .card { margin: 0 0 40px; }
    .card { margin: 0 0 -100px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 2vw 1vw; position: relative; top: -3vw; }
    .card__date { font-weight: 700; font-size: 1vw; display: inline-block; margin: 0 0 0.6vw; }
    .card__title { margin: 0; font-size: 2.4vw; font-weight: 700; line-height: 2.8vw; margin-bottom: 1.2vw; }
    .card__text { font-size: 1vw; margin-bottom: 1.8vw; }
    .card__more { font-weight: 700; font-size: 0.8vw; line-height: 0.8vw; border-bottom: 0.13vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.6vw; } */


    .container { max-width: calc(100vw - 240px); }
    .wrapper { padding: 0; margin-top: 164px; }
    .card { margin: 0 0 -60px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 5.556vw 3.472vw; position: relative; top: -3.3vw; }
    .card__date { font-weight: 700; font-size: 1.2vw; display: inline-block; margin: 0 0 0.6vw; }
    .card__title { margin: 0; font-size: 2.8vw; font-weight: 700; line-height: 3.2vw; margin-bottom: 1.4vw; }
    .card__text { font-size: 1.2vw; margin-bottom: 2.8vw; }
    .card__more { font-weight: 700; font-size: 1.2vw; line-height: 1.2vw; border-bottom: 0.2vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 2.2vw; }
    

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

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 14vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; padding-top:4vw; width: 100%; height: 15vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; margin-top: -40px; }

	footer .area01, footer .area02, footer .area03 { float: left; height: 100%; padding: 1vw 0 4.762vw 61px; }
	footer .area01 { width: 28%; }
	footer .area02 { width: 35%; }
	footer .area03 { width: 37%; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 2vw; letter-spacing: -0.031em; line-height: 1.1em; width: 7vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 1.8vw 0 0 0.1vw; width: 0.8vw; height: 3px; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 1.25vw; padding-bottom: 1.1vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 1.25vw; line-height: 2vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 0.94vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 1vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 1.25vw; font-weight: 600; color: var(--sub-txt-color); text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 2px; }

	footer .area03 .sns { font-size: 1vw; float: right; margin-right: 61px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }

    footer .area03 .copy01 { margin: 4.9vw 0 0 0; right: 0; position: absolute; margin-right:61px; }
    footer .area03 .copy01 svg { float: left; width: 0.7vw; margin-top: -0.01vw; margin-right: 0.2vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 0.9vw; }

    .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; padding: 0 7vw 2vw; }
    .menu-sidebar .menu { display: block; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; }
    .menu-sidebar .menu:nth-child(1) > li a { color: #ffffff; padding: 0; font-size: 4vw; line-height: 5vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }

    .menu-sidebar .menu:nth-child(1) > li:nth-child(2) { padding-right: 2.5vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(3),
    .menu-sidebar .menu:nth-child(1) > li:nth-child(4) { padding: 0 2.5vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(5) { padding-left: 2.5vw; }

    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color: #096a37; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #ffffff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .sl_copy2 { font-size: 1.2vw; line-height: 2.2vw; font-weight: 600; color: #fff; margin-bottom: 0; text-align: left; }
    .sl_copy1 { display: none; }

    .sum { margin: 0.3vw 0 0 21.1vw; position: absolute; z-index: 21; color: #fff; }
    .sum .sum-wrap { z-index: 22; position: absolute; width: 3.7vw; height: 2.7vw; display: flex; justify-content: center; align-items: center; }
    .sum .sum-wrap .s-num { position: absolute; z-index: 23; margin: 0; font-size: 1.6vw; font-weight: 900; padding: 0; }
    .sum .sum-wrap .s-bg { position: absolute; margin: 0; padding: 0; width: 3.7vw; height: 2.7vw; border-radius: 3.8vw; background-color: #e80000; opacity: 0.8; }
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 3vw; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size: 1vw; height: 2.5vw; line-height: 2.5vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li { float: left; }

    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 30px; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:2.7vw; display:block; width:100%; height:0.3vw; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-0.3rem; width: 0; height: .0625rem; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .faq-header { margin-top: 80px; }
    .nav-prev, .nav-next { margin-top: 110px; display: none; }
    #myUL { margin-top: 180px; }

    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 1000px; overflow: hidden; }
    .sec1 { padding: 0 0 120px; }

    .sec1 > ul:nth-child(1) { float: left; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 64px; font-weight: 900; padding: 0 0 30px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 46px; height: 46px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 48px; font-weight: 900; word-break: keep-all; width: 640px; line-height: 58px; padding: 0 0 30px; color: var(--sub-txt-color); }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 22px; font-weight: 600; line-height: 34px; color: #757575; width: 90%; word-break: keep-all; }

    /* .sec1 > ul:nth-child(2) { margin-top: 50px; display: inline-block; position: absolute; width: 360px; }
    .sec1 > ul:nth-child(2) li { margin-left: 60px; background: url(../images/diagram_obj.svg) no-repeat right bottom/contain; display: inline-block; width: 300px; height: 294px; } */

    .blend { margin: 80px 0 0 88px; display: inline-block; position: relative; z-index: 3; width: 208px; height: 208px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; width: 208px; height: 208px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 208px; width: 208px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 60px; top: -60px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(40px, -40px); }
    }
    @keyframes dance-b {
        0%   { left: -60px; bottom: -60px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-40px, 40px); }
    }
    
    .sec2 { width: 100%; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; height: 720px; }
    .sec2 .iou > ul { margin: 0 auto; width: 1000px; height: 720px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; margin-top: 120px; }
    .sec2 .me:nth-child(1) { width: 100px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 204px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 .v_overlay { width: 100%; height: 720px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 160px 0 60px; }
    .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { float: left; width: 316px; height: 320px; margin-right: 26px; }
    .sec4 .slider .swiper-slide:nth-child(3n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { font-weight: 900; font-size: 34px; line-height: 42px; margin-top: 10px; width: 240px; color: var(--sub-txt-color); }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 160px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 18px; color: #757575; line-height: 32px; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 153px; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 120px; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 120px; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }


    .sec5 { padding: 160px 0 10px; }
    .sec5 > .s5_title .txtline3 { font-size: 48px; font-weight: 900; word-break: keep-all; width: 960px; line-height: 58px; padding: 0 0 40px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 430px; float: left; }
    .sec5 > ul:nth-child(odd) { margin-left: 140px; }
    .sec5 > ul:nth-child(even) { clear: both; }

    .sec5 .svgref-md, .sec5 .dark-svgref-md { text-align: center; }

    .sec5 .valuenum { font-weight: 700; font-size: 18px; margin-top: 40px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 34px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 18px; line-height: 36px; color: #757575; padding-top: 10px; }

    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; }
}


@media screen and (min-width:1920px) and (max-height:639px) and (orientation: landscape) {
    .card-infos { padding: 0 3.472vw 3.472vw; position: relative; top: -2.3vw; }
    .card__date { font-weight: 700; font-size: 0.8vw; display: inline-block; margin-bottom: 0.4vw; }
    .card__title { margin: 0; font-size: 2vw; font-weight: 700; line-height: 2.2vw; margin-bottom: 1.4vw; }
    .card__text { font-size: 0.8vw; margin-bottom: 1.8vw; }
    .card__more { font-weight: 700; font-size: 1vw; line-height: 1vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.8vw; }
}

@media screen and (min-width:2560px) and (max-height:639px) and (orientation: landscape) {
    .card-infos { padding: 0 2.917vw 3.472vw; position: relative; top: -1.85vw; }
    .card__date { font-weight: 700; font-size: 0.7vw; display: inline-block; margin-bottom: 0.3vw; }
    .card__title { margin: 0; font-size: 1.5vw; font-weight: 700; line-height: 1.7vw; margin-bottom: 1vw; }
    .card__text { font-size: 0.7vw; margin-bottom: 1.6vw; }
    .card__more { font-weight: 700; font-size: 0.8vw; line-height: 0.8vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.5vw; }
}

@media screen and (min-width:3200px) and (max-height:639px) and (orientation: landscape) {
    .card-infos { padding: 0 2.5vw 3.472vw; position: relative; top: -1.45vw; }
    .card__date { font-weight: 700; font-size: 0.5vw; display: inline-block; margin-bottom: 0.3vw; }
    .card__title { margin: 0; font-size: 1.2vw; font-weight: 700; line-height: 1.3vw; margin-bottom: 0.7vw; }
    .card__text { font-size: 0.5vw; margin-bottom: 1.2vw; }
    .card__more { font-weight: 700; font-size: 0.6vw; line-height: 0.6vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.1vw; }
}

@media screen and (min-width:3840px) and (max-height:639px) and (orientation: landscape) {
    .card-infos { padding: 0 2.083vw 3.472vw; position: relative; top: -1.25vw; }
    .card__date { font-weight: 700; font-size: 0.45vw; display: inline-block; margin-bottom: 0.2vw; }
    .card__title { margin: 0; font-size: 1vw; font-weight: 700; line-height: 1.2vw; margin-bottom: 0.5vw; }
    .card__text { font-size: 0.45vw; margin-bottom: 1vw; }
    .card__more { font-weight: 700; font-size: 0.5vw; line-height: 0.5vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 0.95vw; }
}

@media screen and (min-width:4480px) and (max-height:639px) and (orientation: landscape) {
    .card-infos { padding: 0 1.806vw 3.472vw; position: relative; top: -1.15vw; }
    .card__date { font-weight: 700; font-size: 0.4vw; display: inline-block; margin-bottom: 0.2vw; }
    .card__title { margin: 0; font-size: 0.9vw; font-weight: 700; line-height: 1.1vw; margin-bottom: 0.4vw; }
    .card__text { font-size: 0.4vw; margin-bottom: 0.95vw; }
    .card__more { font-weight: 700; font-size: 0.5vw; line-height: 0.5vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 0.95vw; }
}





@media screen and (min-width:1280px) and (max-width:1919px) and (min-height:640px) and (orientation: landscape) {
    .bi_bk { position: fixed; z-index: 10; margin: 0; padding: 0; width: 64px; top: 40px; left: 61px; }
    .bi_bk a { display: block; fill: var(--bi-color); }
    section.one { height: 48px; position: fixed; z-index: 31; top: 48px; right: 61px; }
    .hmbrgr.one { display: block; position: relative; display: inline-block; width: 44px; }
    .hmbrgr span { position: absolute; left: 0; width: 100%; background: var(--bi-color); display: inline-block; }
    .hmbrgr.expand span:nth-child(1) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .hmbrgr.expand span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    #scroll-to-top, .line6 { right: 60px; }
    #scroll-to-top { bottom:120px; }
    .line6 { bottom:60px; }
    .container { max-width: calc(100vw - 240px); }
    .wrapper { padding: 0; margin-top: 164px; }
    .card { margin: 0 0 -60px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 5.556vw 3.472vw; position: relative; top: -3.3vw; }
    .card__date { font-weight: 700; font-size: 1.2vw; display: inline-block; margin: 0 0 0.6vw; }
    .card__title { margin: 0; font-size: 2.8vw; font-weight: 700; line-height: 3.2vw; margin-bottom: 1.4vw; }
    .card__text { font-size: 1.2vw; margin-bottom: 2.8vw; }
    .card__more { font-weight: 700; font-size: 1.2vw; line-height: 1.2vw; border-bottom: 0.2vw solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 2.2vw; }
    
    .foot-gra { margin: 0 auto; display: block; width: 100%; height: 160px; background-image: var(--foot-gra); transition: background-image 0.4s; position: relative; z-index: 3; bottom: 16vw; }

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 16vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; width: 100%; height: 16vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

	footer .area01, footer .area02, footer .area03 { float: left; height: 100%; padding: 3.4vw 0 4.762vw 61px; }
	footer .area01 { width: 25%; }
	footer .area02 { width: 40%; }
	footer .area03 { width: 35%; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 2.5vw; letter-spacing: -0.031em; line-height: 1.1em; width: 7vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 2.5vw 0 0 0.2vw; width: 1vw; height: 0.18rem; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 1.7vw; padding-bottom: 1.3vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 1.6vw; line-height: 2.4vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 1.2vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 1.2vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2.4vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 1.6vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 2px; }

	footer .area03 .sns { font-size: 1.2vw; float: right; margin-right: 61px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }

    footer .area03 .copy01 { margin: 4.9vw 0 0 0; /*float: right; margin-right: 4vw;*/ position: absolute; right: 4vw; }
    footer .area03 .copy01 svg { float: left; width: 0.9vw; margin-top: -0.01vw; margin-right: 0.2vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 1vw; }
    
    .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: -3.2vw auto 0; padding: 0 7vw 2vw; }
    .menu-sidebar .menu { display: block; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; }
    .menu-sidebar .menu:nth-child(1) > li a { color: #ffffff; padding: 0; font-size: 4vw; line-height: 5vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }

    .menu-sidebar .menu:nth-child(1) > li:nth-child(2) { padding-right: 2.5vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(3),
    .menu-sidebar .menu:nth-child(1) > li:nth-child(4) { padding: 0 2.5vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(5) { padding-left: 2.5vw; }

    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color: #096a37; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #ffffff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .sl_copy2 { font-size: 1.4vw; line-height: 2vw; font-weight: 600; color: #fff; margin-bottom: 0.2vw; text-align: left; }
    .sl_copy1 { display: none; }

    .sum { margin: 0.3vw 0 0 21.1vw; position: absolute; z-index: 21; color: #fff; }
    .sum .sum-wrap { z-index: 22; position: absolute; width: 3.7vw; height: 2.7vw; display: flex; justify-content: center; align-items: center; }
    .sum .sum-wrap .s-num { position: absolute; z-index: 23; margin: 0; font-size: 1.6vw; font-weight: 900; padding: 0; }
    .sum .sum-wrap .s-bg { position: absolute; margin: 0; padding: 0; width: 3.7vw; height: 2.7vw; border-radius: 3.8vw; background-color: #e80000; opacity: 0.8; }
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 4.2vw; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin: 0 0 0.6vw 0; font-size: 1vw; height: 2vw; line-height: 2vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li { float: left; }

    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 30px; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:2.65vw; display:block; width:100%; height:0.3vw; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-0.4vw; width: 0; height: .0625rem; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }

    .faq-header { margin-top: 7.5rem; }
    .nav-prev, .nav-next { margin-top: 8.75rem; display: none; }
    #myUL { margin-top: 13.75rem; }


    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 1000px; overflow: hidden; }
    .sec1 { padding: 0 0 120px; }

    .sec1 > ul:nth-child(1) { float: left; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 64px; font-weight: 900; padding: 0 0 30px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 46px; height: 46px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 48px; font-weight: 900; word-break: keep-all; width: 640px; line-height: 58px; padding: 0 0 30px; color: var(--sub-txt-color); }
    
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }

    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 22px; font-weight: 600; line-height: 34px; color: #757575; width: 90%; word-break: keep-all; }

    /* .sec1 > ul:nth-child(2) { margin-top: 50px; display: inline-block; position: absolute; width: 360px; }
    .sec1 > ul:nth-child(2) li { margin-left: 60px; background: url(../images/diagram_obj.svg) no-repeat right bottom/contain; display: inline-block; width: 300px; height: 294px; } */

    .blend { margin: 80px 0 0 88px; display: inline-block; position: relative; z-index: 3; width: 208px; height: 208px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; width: 208px; height: 208px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 208px; width: 208px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 60px; top: -60px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(40px, -40px); }
    }
    @keyframes dance-b {
        0%   { left: -60px; bottom: -60px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-40px, 40px); }
    }
    
    .sec2 { width: 100%; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; height: 720px; }
    .sec2 .iou > ul { margin: 0 auto; width: 1000px; height: 720px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; margin-top: 120px; }
    .sec2 .me:nth-child(1) { width: 100px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 204px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 .v_overlay { width: 100%; height: 720px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 160px 0 60px; }
    .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { float: left; width: 316px; height: 320px; margin-right: 26px; }
    .sec4 .slider .swiper-slide:nth-child(3n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { width: 240px; font-weight: 900; font-size: 34px; line-height: 42px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 160px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 18px; color: #757575; line-height: 32px; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 153px; display: flex; align-items: center; overflow: hidden; border: 0; }

    .a-section-marquee-box h2 { white-space: nowrap; font-size: 120px; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 30px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2 { white-space: nowrap; font-size: 120px; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 30px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }


    .sec5 { padding: 160px 0 100px; }
    .sec5 > .s5_title .txtline3 { font-size: 48px; font-weight: 900; word-break: keep-all; width: 960px; line-height: 58px; padding: 0 0 40px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 430px; float: left; }
    .sec5 > ul:nth-child(odd) { margin-left: 140px; }
    .sec5 > ul:nth-child(even) { clear: both; }

    .sec5 .svgref-md, .sec5 .dark-svgref-md { text-align: center; }

    /* .sec5 .svgref-lg { display: none; margin-top: 32px; width: 634px; }
    .sec5 .svgref-md { display: none; margin-top: 32px; width: 430px; }
    .sec5 .dark-svgref-lg { display: none; margin-top: 32px; width: 634px; }
    .sec5 .dark-svgref-md { display: none; margin-top: 32px; width: 430px; } */

    .sec5 .valuenum { font-weight: 700; font-size: 18px; margin-top: 40px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 800;  font-size: 34px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 18px; line-height: 36px; color: #757575; padding-top: 10px; }

    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; }

}





@media screen and (min-width:1920px) and (max-height:639px) {
    .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; padding: 0 7vw 2vw; }
    .menu-sidebar .menu { display: block; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; }
    .menu-sidebar .menu:nth-child(1) > li a { color: #ffffff; padding: 0; font-size: 4vw; line-height: 5vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }

    .menu-sidebar .menu:nth-child(1) > li:nth-child(2) { padding-right: 2.5vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(3),
    .menu-sidebar .menu:nth-child(1) > li:nth-child(4) { padding: 0 2.5vw; }
    .menu-sidebar .menu:nth-child(1) > li:nth-child(5) { padding-right: 2.5vw; }

    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; color: #096a37; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #ffffff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 { margin-top: -1.5vw; font-size: 3.2vw; line-height: 4.8vw; font-weight: 600; color: #fff; text-align: left; }
    .sl_copy2 { font-size: 1.2vw; line-height: 2.2vw; font-weight: 600; color: #fff; margin-bottom: 0; text-align: left; }
    .sl_copy1 { display: none; }

    .sum { margin: 0.3vw 0 0 21.1vw; position: absolute; z-index: 21; color: #fff; }
    .sum .sum-wrap { z-index: 22; position: absolute; width: 3.7vw; height: 2.7vw; display: flex; justify-content: center; align-items: center; }
    .sum .sum-wrap .s-num { position: absolute; z-index: 23; margin: 0; font-size: 1.6vw; font-weight: 900; padding: 0; }
    .sum .sum-wrap .s-bg { position: absolute; margin: 0; padding: 0; width: 3.7vw; height: 2.7vw; border-radius: 3.8vw; background-color: #e80000; opacity: 0.8; }
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 1.5vw; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size: 1vw; height: 2.5vw; line-height: 2.5vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li { float: left; }

    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 30px; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:2.66vw; display:block; width:100%; height:0.3vw; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-0.3rem; width: 0; height: .0625rem; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }


    /* .sub_wrap { padding: 160px 0 0; position: relative; z-index: 2; background-color: #fff; }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 1480px; overflow: hidden; }
    .sec1 { padding: 0 0 120px; }

    .sec1 > ul:nth-child(1) { float: left; }
    .sec1 > ul:nth-child(2) { float: right; padding: 65px 0 0; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; }
    .sec1 > ul:nth-child(1) .txtline2 { font-size: 80px; font-weight: 900; padding: 0 0 40px; }
    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 60px; font-weight: 900; word-break: keep-all; width: 720px; line-height: 70px; padding: 0 0 40px; }
    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }
    .sec1 > ul:nth-child(1) .txtline4 { font-size: 24px; font-weight: 600; line-height: 38px; color: #757575; width: 986px; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; height: 600px; }
    .sec2 .iou > ul { margin: 0 auto; width: 1480px; height: 600px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 24px; font-weight: 600; line-height: 34px; margin-top: 120px; }
    .sec2 .me:nth-child(1) { width: 136px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 204px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 .v_overlay { width: 100%; height: 800px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }
    .sec2 { width: 100%; height: 800px; background-color: #eee; overflow: hidden; }

    .sec4 { padding: 160px 0 100px; }
    .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { float: left; width: 352px; height: 320px; margin-right: 212px; }
    .sec4 .slider .swiper-slide:nth-child(3n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; }
    .sec4 .slider .way > .wtitle { font-weight: 900;  font-size: 46px; margin-top: 10px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 210px; display: flex; align-items: center; overflow: hidden; border: 0; }
    .a-section-marquee-box h2{ white-space: nowrap; font-size: 180px; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #00b; padding: 0 10px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2{ white-space: nowrap; font-size: 180px; font-weight: 900; flex-shrink: 0; color: #00b; padding: 0 60px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }


    .sec5 { padding: 160px 0 100px; }
    .sec5 > .s5_title .txtline3 { font-size: 60px; font-weight: 900; word-break: keep-all; width: 960px; line-height: 70px; padding: 0 0 40px; }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 634px; }
    .sec5 > ul:nth-child(odd) { padding-left: 212px; }

    .sec5 .svgref { margin-top: 32px; width: 634px; }
    .sec5 .valuenum { font-weight: 800; font-size: 20px; margin-top: 40px; }
    .sec5 .valuetitle { font-weight: 900;  font-size: 46px; margin-top: 10px; }
    .sec5 .valuedesc { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; padding-top: 20px; }

    .sec5 ul { float: left; width: 634px; }
    .sec5 ul:nth-child(even) { clear: both; }
    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; } */


    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; background-color: var(--bg-color); }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 1480px; overflow: hidden; }
    .sec1 { padding: 0 0 120px; }

    .sec1 > ul:nth-child(1) { float: left; width: 1040px; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 80px; font-weight: 900; padding: 0 0 40px; }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 58px; height: 58px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 60px; font-weight: 900; word-break: keep-all; width: 720px; line-height: 76px; padding: 0 0 40px; }

    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; }

    /* .sec1 > ul:nth-child(1) .txtline4 { font-size: 24px; font-weight: 600; line-height: 38px; color: #757575; width: 986px; } */
    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 22px; font-weight: 600; line-height: 34px; color: #757575; width: 62%; word-break: keep-all; }

    /* .sec1 > ul:nth-child(2) { margin-top: 40px; display: inline-block; position: absolute; width: 386px; border: 1px solid #f00; } */
    /* .sec1 > ul:nth-child(2) li { background: url(../images/diagram_obj.svg) no-repeat right bottom/contain; display: inline-block; width: 386px; height: 378px; } */

    .blend { margin-top: 100px; display: inline-block; position: relative; z-index: 3; width: 260px; height: 260px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; width: 260px; height: 260px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 260px; width: 260px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 80px; top: -80px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(50px, -50px); }
    }
    @keyframes dance-b {
        0%   { left: -80px; bottom: -80px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-50px, 50px); }
    }

    .sec2 { width: 100%; height: 800px; background-color: #eee; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; height: 800px; }
    .sec2 .iou > ul { margin: 0 auto; width: 1480px; height: 800px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 24px; font-weight: 600; line-height: 34px; margin-top: 120px; }
    .sec2 .me:nth-child(1) { width: 136px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 204px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 .v_overlay { width: 100%; height: 800px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 160px 0 100px; }

    /* .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { cursor: move; }
    .sec4 .slider .way { float: left; width: 460px; height: 399px; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; }
    .sec4 .slider .way > .wtitle { font-weight: 900;  font-size: 46px; margin-top: 10px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; } */

    .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { float: left; width: 352px; height: 380px; margin-right: 212px; }
    .sec4 .slider .swiper-slide:nth-child(4), .sec4 .slider .swiper-slide:nth-child(5), .sec4 .slider .swiper-slide:nth-child(6) { height: 330px; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; }
    .sec4 .slider .way > .wtitle { font-weight: 900; font-size: 42px; line-height: 46px; width: 300px; margin-top: 10px; }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 220px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 210px; display: flex; align-items: center; overflow: hidden; border: 0; }
    .a-section-marquee-box h2{ white-space: nowrap; font-size: 180px; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 60px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2{ white-space: nowrap; font-size: 180px; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 60px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }

    .sec5 { padding: 160px 0 100px; }
    .sec5 > .s5_title .txtline3 { font-size: 60px; font-weight: 900; word-break: keep-all; width: 960px; line-height: 70px; padding: 0 0 40px; }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 634px; float: left; }
    .sec5 > ul:nth-child(odd) { margin-left: 212px; }
    .sec5 > ul:nth-child(even) { clear: both; }

    .sec5 .svgref-lg, .sec5 .dark-svgref-lg { text-align: center; }

    .sec5 .valuenum { font-weight: 800; font-size: 20px; margin-top: 40px; }
    .sec5 .valuetitle { font-weight: 900;  font-size: 46px; margin-top: 10px; }
    .sec5 .valuedesc { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; padding-top: 20px; }

    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; }
}





@media screen and (min-width:1920px) and (min-height:640px) { 
    .bi_bk { position: fixed; z-index: 10; margin: 0; padding: 0; width: 68px; top: 38px; left: 61px; }
    .bi_bk a { display: block; fill: var(--bi-color); }
    section.one { height: 48px; position: fixed; z-index: 31; top: 48px; right: 61px; }
    .hmbrgr.one { display: block; position: relative; display: inline-block; width: 44px; }
    .hmbrgr span { position: absolute; left: 0; width: 100%; background: var(--bi-color); display: inline-block; }
    .hmbrgr.expand span:nth-child(1) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .hmbrgr.expand span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    #scroll-to-top, .line6 { right: 60px; }
    #scroll-to-top { bottom:110px; }
    .line6 { bottom:50px; }
    .container { max-width: calc(100vw - 240px); }
    .wrapper { padding: 0; margin-top: 164px; }
    .card { margin: 0 0 -60px; display: flex; flex-direction: column; background-color: transparent; transition: background-color 0.4s; }
    .card-infos { padding: 0 3.472vw 3vw; position: relative; top: -2.25vw; }
    .card__date { font-weight: 700; font-size: 0.8vw; display: inline-block; margin-bottom: 0.4vw; }
    .card__title { margin: 0; font-size: 1.8vw; font-weight: 700; line-height: 2vw; margin-bottom: 0.8vw; }
    .card__text { font-size: 0.8vw; margin-bottom: 1.7vw; }
    .card__more { font-weight: 700; font-size: 0.9vw; line-height: 0.9vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.7vw; }

    .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: 3; bottom: 11vw; }

    .ehidden { background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 12vw; }

    footer { clear: both; position: fixed; bottom: 0; z-index: 2; padding-top: 4vw; width: 100%; height: 15vw; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; margin-top: -40px; }

	footer .area01, footer .area02, footer .area03 { float: left; height: 100%; padding: 1vw 0 4.762vw 61px; }
	footer .area01 { width: 28%; }
	footer .area02 { width: 35%; }
	footer .area03 { width: 37%; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 2vw; letter-spacing: -0.031em; line-height: 1.1em; width: 7vw; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 2vw 0 0 0.1vw; width: 0.8vw; height: 3px; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 1.25vw; padding-bottom: 1.1vw; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 1.25vw; line-height: 2vw; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 0.94vw; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 1vw; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 2vw; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 1.25vw; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 2px; }

	footer .area03 .sns { font-size: 0.8vw; float: right; margin-right: 61px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 0.8vw; }

    footer .area03 .copy01 { margin: 4.9vw 0 0 0; right: 0; position: absolute; margin-right:61px; }
    footer .area03 .copy01 svg { float: left; width: 0.7vw; margin-top: -0.01vw; margin-right: 0.2vw; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 0.729vw; }
    

    /* VH */
    .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; padding: 0 6.5vw 2vw 2.5vw; }
    .menu-sidebar .menu { display: block; overflow: hidden; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; clear: both; }

    .menu-sidebar .menu:nth-child(1) > li a { color: #fff; padding: 0; font-size: 6.8vh; line-height: 7.8vh; height: 9vh; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #fff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 { margin-top: 52vh; font-weight: 600; color: #fff; text-align: left; }
    .sl_copy1 { font-size: 2.6vh; line-height: 3vh; font-weight: 700; color: #fff; text-align: left; margin-bottom: 5vh; display: none; }
    .sl_copy2 { font-size: 2.2vh; line-height: 3.2vh; font-weight: 700; color: #fff; margin-bottom: 0.6vw; }

    .sum { margin: -0.5vh 0 0 -1.5vh; position: absolute; z-index: 21; color: #fff; display: inline; padding: 0; top: calc(33vh + 0); right: calc(50vw + 0); }
    .sum .sum-wrap { z-index: 22; }
    .sum .s-num { position: absolute; z-index: 23; font-size: 3vh; line-height: 3; font-weight: 900; width: 7vh; height: 5vh; display: flex; align-items: center; justify-content: center; margin-left: -0.02vh; }
    .sum .s-bg { position: absolute; margin:0; padding: 0; width: 7vh; height: 5vh; border-radius: 4vw; background-color: #e80000; opacity: 0.8; }

    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 8vh; height: 60vh; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size: 1.8vh; line-height: 2.8vh; height: 2.8vh; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li  { float: left; margin-top: 1.8vh; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 4vh; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:4.2vh; display:block; width:100%; height:0.47vh; opacity: 0.8; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-1vh; width: 0; height: 1px; background-color: #fff; transition: width 0.2s ease-out; }
    .line_th2:hover::before { width: 100%; }



    /* VW */
    /* .menu-wrap { background-color: #0000bb; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 20; top: 0; right: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
    .menu-show { opacity: 1; visibility: visible; }
    .mw-center { margin: auto; padding: 0 6.5vw 2vw 2.5vw; }
    .menu-sidebar .menu { display: block; overflow: hidden; }
    .menu-sidebar .menu:nth-child(1) > li { float: left; clear: both; }

    .menu-sidebar .menu:nth-child(1) > li a { color: #fff; padding: 0; font-size: 3vw; line-height: 4vw; height: 4vw; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #fff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 { margin-top: 16vw; font-size: 3.2vw; line-height: 4.8vw; font-weight: 600; color: #fff; text-align: left; }
    .sl_copy1 { font-size: 1.2vw; line-height: 1.4vw; font-weight: 700; color: #fff; text-align: left; margin-bottom: 5vh; }
    .sl_copy2 { font-size: 1vw; line-height: 2vw; font-weight: 700; color: #fff; }

    .sum { margin: 0.4vw 0 0 0; position: absolute; z-index: 21; color: #fff; display: inline; padding: 0; right: 44.4vw; }
    .sum .sum-wrap { z-index: 22; }
    .sum .s-num { position: absolute; z-index: 23; font-size: 1.2vw; font-weight: 900; width: 2.8vw; height: 2vw; display: flex; align-items: center; justify-content: center; margin-left: -0.02vw; }
    .sum .s-bg { position: absolute; margin:0; padding: 0; width: 2.8vw; height: 2vw; border-radius: 4vw; background-color: #e80000; opacity: 0.8; }

    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 2vw; height: 18vw; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size:0.8vw; line-height: 1vw; height: 1vw; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li  { float: left; margin-top: 1vw; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 2vw; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:2.25vw; display:block; width:100%; height:0.2vw; opacity: 0.8; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-0.5vw; width: 0; height: 1px; background-color: #fff; transition: width 0.2s ease-out; } */


    /* px로 고정 */
    /* .menu-sidebar .menu:nth-child(1) > li a { color: #fff; padding: 0; font-size: 60px; line-height: 78px; height: 78px; font-weight: 900; position: relative; text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:after, .menu-sidebar .menu:nth-child(1) > li a:before { -webkit-transition: all 0.4s ease-out ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li a:hover { color: #fff; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(1) > li.is-dimmed a { color: #020d90; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }
    
    .slogan2 { margin-top: 80px; font-size: 24px; line-height: 36px; font-weight: 600; color: #fff; text-align: left; }
    .sl_copy1 { font-size: 22px; line-height: 24px; font-weight: 700; color: #fff; text-align: left; margin-bottom: 50px; }
    .sl_copy2 { margin-bottom: 0px; font-size: 18px; line-height: 20px; font-weight: 700; color: #fff; }

    .sum { margin: 6px 0 0 0; position: absolute; margin-left: -15px; z-index: 21; color: #fff; display: inline; padding: 0; }
    .sum .sum-wrap { z-index: 22; }
    .sum .s-num { position: absolute; z-index: 23; font-size: 26px; font-weight: 900; width: 60px; height: 42px; display: flex; align-items: center; justify-content: center; margin-left: -0.4px; }
    .sum .s-bg { position: absolute; margin:0; padding: 0; width: 60px; height: 42px; border-radius: 30px; background-color: #e80000; opacity: 0.8; }
    
    .menu-sidebar .menu:nth-child(2) { clear: both; position: relative; top: 48px; height: 135px; display: block; }
    .menu-sidebar .menu:nth-child(2) > div, .menu-sidebar .menu:nth-child(2) > li { margin:0; font-size:16px; line-height: 16px; height: 16px; font-weight: 700; }
    .menu-sidebar .menu:nth-child(2) > li  { float: left; margin-top: 24px; }
    .menu-sidebar .menu:nth-child(2) > li:nth-child(3) { margin-left: 30px; }
    .menu-sidebar .menu:nth-child(2) > li a { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li a:hover { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; }
    .menu-sidebar .menu:nth-child(2) > li.is-dimmed a { -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; transition: color 0.2s ease-out; }

    .line_th { overflow:hidden; display:inline-block; }
    .line_th:before { content: ""; position: absolute; left:-100%; top:43px; display:block; width:100%; height:5px; opacity: 0.8; background-color:#e80000; }
    .line_th:hover::before { left:0; } 

    .line_th2 { position: relative; display: inline-block; }
    .line_th2::before { content: ""; position: absolute; left: 0; bottom:-15px; width: 0; height: 1px; background-color: #fff; transition: width 0.2s ease-out; } */


    .sub_wrap { padding: 160px 0 0; position: relative; z-index: 4; }
    .sec1, .sec4, .sec5 { margin: 0 auto; width: 1480px; overflow: hidden; }
    .sec1 { padding: 0 0 120px; }

    .sec1 > ul:nth-child(1) { float: left; width: 1094px; }

    .sec1 > ul:nth-child(1) .txtline1, 
    .sec4 > ul:nth-child(1) .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline2 { font-size: 80px; font-weight: 900; padding: 0 0 40px; color: var(--sub-txt-color); }
    .sec1 > ul:nth-child(1) .txtline2 .x { display: inline-block; width: 58px; height: 58px; background-image: var(--abt-x); background-repeat: no-repeat; background-size: contain; }

    .sec1 > ul:nth-child(1) .txtline3, 
    .sec4 > ul:nth-child(1) .txtline3 { font-size: 60px; font-weight: 900; word-break: keep-all; width: 720px; line-height: 76px; padding: 0 0 40px; color: var(--sub-txt-color); }

    .sec1 > ul:nth-child(1) .txtline3 span,
    .sec4 > ul:nth-child(1) .txtline3 span { font-weight: 200; color: var(--sub-txt-color); }

    /* .sec1 > ul:nth-child(1) .txtline4 { font-size: 24px; font-weight: 600; line-height: 38px; color: #757575; width: 986px; } */
    .sec1 > ul:nth-child(3) .txtline4 { clear: both; position: relative; font-size: 22px; font-weight: 600; line-height: 34px; color: #757575; width: 62%; word-break: keep-all; }

    /* .sec1 > ul:nth-child(2) { margin-top: 40px; display: inline-block; position: absolute; width: 386px; border: 1px solid #f00; } */
    /* .sec1 > ul:nth-child(2) li { background: url(../images/diagram_obj.svg) no-repeat right bottom/contain; display: inline-block; width: 386px; height: 378px; } */

    .blend { margin-top: 100px; display: inline-block; position: relative; z-index: 3; width: 260px; height: 260px; will-change: contents; }

    .circle1 { mix-blend-mode: lighten; content: ''; position: absolute; z-index: 3; width: 260px; height: 260px; background-color: var(--abt-comp); border-radius: 100%; animation: dance-a 1s ease-in-out infinite alternate; }
    .circle2 { mix-blend-mode: var(--mix-blend-mode); /* 어울리는 효과 soft-light, difference, lighten*/ content: ''; position: absolute; z-index: 3; height: 260px; width: 260px; background: var(--abt-pttn) no-repeat; background-position: 50% 50%; border-radius: 100%; border: 1px solid var(--abt-comp); animation: dance-b 2s ease-in-out infinite alternate; }

    @keyframes dance-a {
        0%   { left: 80px; top: -80px; transform: translate(0, 0); }
        100% { left: 0px; top: 0px; transform: translate(50px, -50px); }
    }
    @keyframes dance-b {
        0%   { left: -80px; bottom: -80px; transform: translate(0, 0); }
        100% { left: 0px; bottom:0px; transform: translate(-50px, 50px); }
    }

    .sec2 { width: 100%; overflow: hidden; }

    .sec2 .iou { margin:0 auto; position: absolute; z-index: 3; width: 100%; height: 800px; }
    .sec2 .iou > ul { margin: 0 auto; width: 1480px; height: 800px; }
    .sec2 .me { display: inline-block; position: relative; color: #fff; font-size: 24px; font-weight: 600; line-height: 34px; margin-top: 120px; }
    .sec2 .me:nth-child(1) { width: 136px; float: left; }
    .sec2 .me:nth-child(2) { margin-left: 204px; }
    .sec2 .me:nth-child(3) { float: right; }

    .sec2 .v_overlay { width: 100%; height: 800px; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 2; }

    .sec4 { padding: 160px 0 100px; }

    /* .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { cursor: move; }
    .sec4 .slider .way { float: left; width: 460px; height: 399px; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; }
    .sec4 .slider .way > .wtitle { font-weight: 900;  font-size: 46px; margin-top: 10px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; } */

    .sec4 .slider { margin-top: 40px; }
    .sec4 .slider .swiper-slide { float: left; width: 352px; height: 400px; margin-right: 212px; }
    .sec4 .slider .swiper-slide:nth-child(4), .sec4 .slider .swiper-slide:nth-child(5), .sec4 .slider .swiper-slide:nth-child(6) { height: 330px; }
    .sec4 .slider .swiper-slide:nth-child(3n) { margin-right: 0; }
    .sec4 .slider .way { float: left; }
    .sec4 .slider .way > span { font-weight: 700; font-size: 18px; color: var(--sub-txt-color); }
    .sec4 .slider .way > .wtitle { width: 352px; font-weight: 900; font-size: 46px; line-height: 52px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec4 .slider .swiper-slide:nth-child(2) .wtitle { width: 164px; }
    .sec4 .slider .way > .contwrap ul { margin-top: 20px; }
    .sec4 .slider .way > .contwrap ul li { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; }

    .sec3 { /*border: 1px solid #f00;*/ }

    .a-section, .b-section { padding: 0; font-family: Zodiak; font-style: italic; }
    .a-section-marquee-box, .b-section-marquee-box { height: 210px; display: flex; align-items: center; overflow: hidden; border: 0; }
    .a-section-marquee-box h2{ white-space: nowrap; font-size: 180px; font-weight: 900; flex-shrink: 0; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--abt-comp); padding: 0 60px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: a-text-scroll 35s linear infinite; }
    @keyframes a-text-scroll {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
    
    .b-section-marquee-box h2{ white-space: nowrap; font-size: 180px; font-weight: 900; flex-shrink: 0; color: var(--abt-comp); padding: 0 60px; width: max-content; display: flex; align-items: center; transform: translateX(0); animation: b-text-scroll 35s linear infinite; }
    @keyframes b-text-scroll {
        0% { transform: translate3d(-100%, 0, 0); }
        100% { transform: translate3d(0%, 0, 0); }
    }

    .sec5 { padding: 160px 0 60px; }
    .sec5 > .s5_title .txtline3 { font-size: 60px; font-weight: 900; word-break: keep-all; width: 960px; line-height: 70px; padding: 0 0 40px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline1 { font-family: Zodiak; font-weight: 700; font-style: italic; font-size: 18px; padding-bottom: 60px; color: var(--sub-txt-color); }
    .sec5 > .s5_title .txtline3 span { font-weight: 200; }

    .sec5 > ul { width: 634px; float: left; }
    .sec5 > ul:nth-child(odd) { margin-left: 212px; }
    .sec5 > ul:nth-child(even) { clear: both; }

    /* .svgref-lg, .svgref-md, .dark-svgref-lg, .dark-svgref-md { display: none; } */
    .sec5 .svgref-lg, .sec5 .dark-svgref-lg { text-align: center; }

    /* .sec5 .svgref-lg { margin-top: 32px; width: 634px; }
    .sec5 .svgref-md { display: none; }
    .sec5 .dark-svgref-lg { margin-top: 32px; width: 634px; }
    .sec5 .dark-svgref-md { display: none; margin-top: 32px; width: 430px; } */

    .sec5 .valuenum { font-weight: 800; font-size: 20px; margin-top: 40px; color: var(--sub-txt-color); }
    .sec5 .valuetitle { font-weight: 900;  font-size: 46px; margin-top: 10px; color: var(--sub-txt-color); }
    .sec5 .valuedesc { font-weight: 500; font-size: 20px; color: #757575; line-height: 40px; padding-top: 20px; }

    .sec5 ul:nth-child(4), .sec5 ul:nth-child(5) { margin-top: 77px; }

}


@media screen and (min-width:2560px) and (min-height:640px) and (orientation: landscape) {
    .card-infos { padding: 0 2.917vw 3.472vw; position: relative; top: -1.85vw; }
    .card__date { font-weight: 700; font-size: 0.7vw; display: inline-block; margin-bottom: 0.3vw; }
    .card__title { margin: 0; font-size: 1.5vw; font-weight: 700; line-height: 1.7vw; margin-bottom: 0.7vw; }
    .card__text { font-size: 0.7vw; margin-bottom: 1.6vw; line-height: 1.5; }
    .card__more { font-weight: 700; font-size: 0.8vw; line-height: 0.8vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.5vw; }
}

@media screen and (min-width:3200px) and (min-height:640px) and (orientation: landscape) {
    .card-infos { padding: 0 2.5vw 3.472vw; position: relative; top: -1.45vw; }
    .card__date { font-weight: 700; font-size: 0.5vw; display: inline-block; margin-bottom: 0.3vw; }
    .card__title { margin: 0; font-size: 1.2vw; font-weight: 700; line-height: 1.3vw; margin-bottom: 0.7vw; }
    .card__text { font-size: 0.5vw; margin-bottom: 1.2vw; }
    .card__more { font-weight: 700; font-size: 0.6vw; line-height: 0.6vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 1.1vw; }
}

@media screen and (min-width:3840px) and (min-height:640px) and (orientation: landscape) {
    .card-infos { padding: 0 2.083vw 3.472vw; position: relative; top: -1.25vw; }
    .card__date { font-weight: 700; font-size: 0.45vw; display: inline-block; margin-bottom: 0.2vw; }
    .card__title { margin: 0; font-size: 1vw; font-weight: 700; line-height: 1.2vw; margin-bottom: 0.4vw; }
    .card__text { font-size: 0.45vw; margin-bottom: 1vw; line-height: 1.5; }
    .card__more { font-weight: 700; font-size: 0.5vw; line-height: 0.5vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 0.95vw; }
}

@media screen and (min-width:4480px) and (min-height:640px) and (orientation: landscape) {
    .card-infos { padding: 0 1.806vw 3.472vw; position: relative; top: -1.15vw; }
    .card__date { font-weight: 700; font-size: 0.4vw; display: inline-block; margin-bottom: 0.2vw; }
    .card__title { margin: 0; font-size: 0.9vw; font-weight: 700; line-height: 1.1vw; margin-bottom: 0.4vw; }
    .card__text { font-size: 0.4vw; margin-bottom: 0.95vw; }
    .card__more { font-weight: 700; font-size: 0.5vw; line-height: 0.5vw; border-bottom: 3px solid var(--main-txt-color); padding-bottom: 0; display: inline-block; }
    .card__more a { display: block; height: 0.95vw; }
}





@media screen and (min-width:2560px) {
    .ehidden { float: left; background-color: transparent; position: relative; z-index: 1; width: 100%; padding-bottom: 300px; }
    footer { clear: both; position: fixed; bottom: 0; z-index: 2; padding: 0; width: 100%; height: 220px; background-color: transparent; overflow: hidden; }
    footer hr { background: var(--col-hr); box-shadow: none; border: none; height: 1px; width: 100%; margin: 0; padding: 0; display: block; position: absolute; left: 0; }

	footer .area01, footer .area02, footer .area03 { float: left; height: 100%; padding: 49px 0 69px 61px; }
	footer .area01 { width: 25%; }
	footer .area02 { width: 40%; }
	footer .area03 { width: 35%; }

	footer .area01 li:nth-child(1) { font-weight: 700; font-size: 36px; letter-spacing: -0.031em; line-height: 1.1em; width: 101px; color: var(--sub-txt-color); }
	footer .area01 li:nth-child(1) span { margin: 33px 0 0 3px; width: 14px; height: 3px; background-color: var(--sub-txt-color); display: inline-block; position: absolute; }

	footer .area02 li:nth-child(1) { font-weight: 700; font-size: 24px; padding-bottom: 19px; letter-spacing: -0.031em; color: var(--sub-txt-color); }
	footer .area02 .info { font-weight: 600; font-size: 23px; line-height: 35px; color: var(--sub-txt-color); }
    footer .area02 .info span { font-weight: 500; font-size: 17px; color: var(--sub-txt-color); }
    footer .area02 .info span a { color: var(--sub-txt-color); }
	footer .area02 li:nth-child(2), footer .area02 li:nth-child(3) { float: left; }
	footer .area02 li:nth-child(3) { padding-left: 17px; }
	footer .area02 li:nth-child(4) { clear: both; line-height: 35px; }
    footer .area02 li:nth-child(4) span:nth-child(2) { font-size: 23px; font-weight: 600; text-decoration: underline; text-underline-offset : 1px; text-decoration-thickness: 1px; }

	footer .area03 .sns { font-size: 17px; float: right; margin-right: 61px; }
	footer .area03 .sns a { color: var(--sub-txt-color); font-weight: 600; }
    footer .area03 .sns span { margin: 0 12px; }

    footer .area03 .copy01 { margin: 71px 0 0 0; float: right; margin-right: 58px; }
    footer .area03 .copy01 svg { float: left; width: 13px; margin-top: 0; margin-right: 3px; fill: var(--sub-txt-color); }
    footer .area03 .copy01 span { float: left; color: var(--sub-txt-color); font-weight: 700; font-size: 14px; }
}




/* news */

.accordion { margin: 0 auto; width: 100%; padding: 80px 0 0; position: relative; z-index: 4; background-color: var(--bg-color); transition: background 0.4s; }

.accordion > section { display: none; width: 960px; margin: 40px auto 0; }
.blist { width: 100%; overflow: hidden; display: block; display: flex; }

.bnum, .btxt, .bbul { display: flex; color: var(--sub-txt-color); }
.bnum { font-weight: 600; font-size: 32px; align-items: center; width: 15%; min-width: 60px; max-width: 120px; justify-content: center; }
.bnum .bact { text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 3px; }
.btxt { width: 85%; padding-left: 4%; border-left: 1px solid var(--news_line); transition: border 0.4s; display: flex; flex-direction: column; }
.btxt li span { display: inline-block; }
/*.bbul { width: 60px; align-items: center; justify-content: center; }
.bbul:after { content: url("board_bullet_wh.svg"); padding: 0 0 0; color: #fff; font-weight: 400; font-size: 32px; margin: auto; opacity: 0.2; }*/
/*.bbul svg.bsvg_color { fill: #fff; }*/


.bnotice { width: 40px; height: 24px; font-size: 13px; line-height: 1.9; text-align: center; border: 1px solid #aaa; border-radius: 24px; margin-right: 5px; }
.bdate { display: block; font-size: 14px; color: #757575; font-weight: 500; }
.bdetail { padding-top: 6px; font-weight: 300; font-size: 32px; line-height: 1.2; color: var(--sub-txt-color); margin-bottom: 0; word-break: keep-all; }
.bdetail.bfix { font-weight: 700; }

.c_btn_more { margin: 40px auto 0; text-align: center; border: 1px solid var(--font-color); width: 160px; height: 52px; font-size: 16px; color: var(--sub-txt-color); display: flex; justify-content: center; align-items: center; }

@media screen and (max-width:479px) {
    .accordion { padding: 60px 20px 0; }
    .accordion > section { max-width: 100%; }
    .bnum, .bdetail { font-size: 22px; }
    .c_btn_more { width: 120px; height: 44px; font-size: 14px; }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .accordion { padding: 80px 20px 0; }
    .accordion > section { max-width: 90%; }
    .bnum, .bdetail { font-size: 28px; }
}

@media screen and (min-width:768px) and (max-width:1279px) {
    .accordion { padding: 100px 20px 0; }
    .accordion > section { max-width: 80%; }
}

@media screen and (min-width:1280px) {
    .btxt { padding-left: 3%; }
}