@charset "utf-8";


/*───────────────────────────────────────────────────────────

	layout

───────────────────────────────────────────────────────────*/
	.skip_nav {position:relative;z-index:9999;}
	.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

	.w_custom{position: relative; width: calc(100% - 60px); max-width: 1280px; margin-inline: auto; box-sizing: border-box;}
    #wrap {position: relative; min-width: 1200px; overflow: clip; box-sizing: border-box;}
    #container{position: relative; padding-top: 85px; padding-bottom: 140px; box-sizing: border-box;}
    #wrap [class^='swiper-button']:after{display: none;}

/*───────────────────────────────────────────────────────────

	HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
    #header{position: sticky; top:0; width: 100%; height: 90px; background: var(--point-white); z-index: 100; box-sizing: border-box;}
        #header.on{box-shadow: 0 1px 0 var(--border-color01);}
    #header .w_custom{max-width: 1840px; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
	#header .logo{height:100%;font-size: 0;}
	#header .logo a{display:flex;align-items: center;height:100%;padding-block: 15px;box-sizing: border-box;}
    #header .gnb{position: absolute; top:0; left:50%; transform: translateX(-50%); width: calc(100% - 300px); height: 100%; display: flex; justify-content: center; text-align: center; font-size: var(--title-20);}
    #header .gnb > li{font-size: 90%; font-weight: 500; color: var(--black-color01);}
    #header .gnb > li > a{display: flex;align-items: center;height: 100%;padding-inline: 20px; transition: all 0.4s;}
    #header .gnb .dep02{display: none;}
    #header .link_wrap{display: flex; align-items: center; gap:24px;}
    .lang_desc{position: relative;font-size: var(--title-20);}
	.lang_desc dt{font-size:0; cursor: pointer;}
    .lang_desc dd{position: absolute;top: calc(100% + 10px);left:50%;transform: translateX(-50%);padding: 10px 0;background: var(--point-white);border: 1px solid var(--border-color01);width: max-content;box-sizing: border-box;font-size: 70%;font-weight: 400;color: var(--black-color06);text-transform: uppercase;opacity: 0;pointer-events: none;transition: all 0.4s;z-index:10;}
        .lang_desc:has(dt.on) dd{opacity: 1; pointer-events: all;}
    .lang_desc dd a{display: block;padding: 5px 20px;box-sizing: border-box;}
        .lang_desc dd a.on{color: var(--point-color01);}
    #header .allCate{position: relative;display: flex;flex-direction: column;width: 34px;height: 26px;justify-content: space-between;}
    #header .allCate span{width: 100%; height: 2px; background: var(--black-color01);}
        #header .allCate span:nth-child(1){width: 70%;}
        #header .allCate span:nth-child(3){width: 70%;margin-left: auto;}

    #header .allGnb{position: absolute;top:100%;left:0;width: 100%;height: 298px;font-size: var(--title-20);box-sizing: border-box;opacity: 0;clip-path: inset(0 0 100% 0);box-shadow: var(--shadow-01);transition: all 0.6s;}
        #header .allGnb.on{opacity: 1;clip-path: inset(0 0 -40px 0);}
    #header .allGnb > li{position: absolute;top:0;left:0;width: 100%;height: 100%;display: flex;background: var(--point-white);box-shadow: var(--shadow-01);opacity: 0;pointer-events: none;}
        #header .allGnb > li.active{opacity: 1; pointer-events: all;}
    #header .allGnb > li > a{display: flex;flex-direction: column;gap: 20px;font-size: 180%;font-weight: 600;color: var(--point-white);width: 400px;padding:40px 60px;box-sizing: border-box;background: url('../images/skin/allGnb01.jpg') no-repeat center / cover;}
    #header .allGnb > li > a small{font-size: max(13px, 50%); font-weight: 300; line-height: 1.55;}
    #header .allGnb .dep02{width: calc(100% - 400px);max-width: 1120px;padding:40px;box-sizing: border-box;display: flex;flex-wrap: wrap;gap: 40px;align-content: flex-start;}
    #header .allGnb .dep02 > li{position: relative; width: calc(100% / 3 - 26.67px); box-sizing: border-box; font-size: 85%; font-weight: 400; color: var(--black-color01);}
    #header .allGnb .dep02 > li > a{position: relative;display: block;padding: 13px 20px;box-sizing: border-box;border:1px solid var(--border-color01);background: var(--point-white); transition: all 0.4s;}
    #header .allGnb .dep02 > li > a:before{position: absolute;content:'';width: 9px;height: 9px;border:solid var(--black-color10);border-width: 0 1px 1px 0;box-sizing: border-box;top:50%;right:20px;transform: translateY(-50%) rotate(-45deg); transition: all 0.4s;}

        /* over */
            #header .gnb > li:hover > a{color: var(--point-color01);}
            #header .allGnb .dep02 > li:hover > a{background: var(--point-color01); border-color: var(--point-color01); color: var(--point-white);}
            #header .allGnb .dep02 > li:hover > a:before{border-color: var(--point-white);}


/*───────────────────────────────────────────────────────────

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);transition: all 0.6s; }
        #aside.on{opacity: 1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
    body:has(#aside.on){overflow: hidden; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;}
    #aside .lang_desc dt{filter: var(--filter-white);}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;font-family: var(--font-type02);}
    #aside .gnb > li{display: flex; align-items: center; justify-content: space-between; gap: 30px; color: var(--point-white); border-bottom: 1px solid rgba(255,255,255,0.2)}
    #aside .gnb > li > a{display: block;font-size: 240%;font-weight: 500;line-height: 1.2;padding:30px 0;flex-shrink: 0;transition: all 0.4s;}
    #aside .gnb .dep02{display: flex; flex-wrap: wrap; justify-content: flex-end;}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size: 100%;font-weight: 300;padding:10px 0;transition: all 0.4s;opacity: 0.6;}
    #aside .gnb .dep02 > li:not(:last-child):after{display: inline-flex; content:'/'; margin:0 20px; opacity: 0.6;} 
    #aside .utility{position: absolute;top:50px;right:50px;display: flex;align-items: center;gap: 30px;}
    #aside .close_btn{position: relative;width: 40px;height: 40px;z-index: 9;}
    #aside .close_btn span{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background: var(--point-white);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    #aside .link_list{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;font-size: var(--title-20);margin-top: 50px;}
    #aside .link_list > li > a{position: relative; display: flex; align-items: center; justify-content: center; height: 50px; padding:0 24px; text-align: center; box-sizing: border-box; border-radius: 60px; box-shadow: inset 0 0 0 1px var(--black-color11); font-size: 90%; font-weight: 600; color: var(--black-color11); letter-spacing: 0.01em; transition: all 0.4s; overflow: hidden;}
    #aside .link_list > li > a:before{position: absolute; content:''; top:0; left:0; background: var(--black-color11); width: 100%; height: 100%; clip-path: circle(0 at 0 100%); transition: all 0.6s;}
    #aside .link_list > li:last-child > a:before{background: var(--point-color01);}
    #aside .link_list > li > a span{position: relative; z-index: 3; filter: var(--filter-white); transition: all 0.4s;}
    

        /* over */
            @media (hover:hover) and (pointer:fine){
                #aside .gnb > li:hover > a{color: var(--point-color01);}
                #aside .gnb .dep02 > li > a:hover{opacity: 1;}
                #aside .link_list > li > a:hover:before{clip-path: circle(150% at 0 100%);}
            }

    @media (max-width:1600px){
        #aside .utility{top:30px; right: 30px;}
    }

/*───────────────────────────────────────────────────────────

	MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* 비주얼 */	
		.visual_wrapper .video{position:relative;width:100%;height: 980px;overflow: hidden;}
		.visual_wrapper .video iframe{position: absolute;top: 50%;left: 50%;width: 110%;height: 110%;translate: -50% -50%;pointer-events: none;}
        .main_visual {position:relative; overflow: hidden; box-sizing: border-box; background: var(--black-color00);}
		.main_visual .slick-slide {position: relative; height: 870px; overflow: hidden; box-sizing: border-box;}
        .main_visual .link{position: absolute; inset: 0; z-index: 5;}
        .main_visual .thumb{display: block; width: 100%; height: 100%; background: no-repeat center / cover; transition: all 8s;}
            .main_visual .active .thumb{transform: scale(1.1);}
        .main_visual .txt_box{position: absolute;top:0;left:50%;height: 100%;transform: translateX(-50%);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 10px;z-index: 3;font-size: var(--title-20);color: var(--point-white);padding-bottom: 120px;}
            .main_visual [data-slick-index="0"] .txt_box{align-items: flex-end; text-align:right;}
        .main_visual .txt_box h2{font-size: 290%;font-weight: 600;line-height: 1.2;}
            .main_visual .txt_box h2 + p{margin-top: 13px;}
        .main_visual .txt_box h2 em { -webkit-text-stroke: 2px var(--point-white); font-weight: 900; color: var(--trans-color); background:var(--trans-color);}
        .main_visual .txt_box p{font-size: max(13px, 80%);font-weight: 300;line-height: 1.25;}
            .main_visual .txt_box p + h2{margin-top: 15px;}
        .main_visual .txt_box p em{font-weight: inherit; letter-spacing: 0.01em;}
        .main_visual .txtAni{clip-path: inset(0 0 0 0);}
        .main_visual .txtAni span{display: block; opacity: 0; transform: translateY(100%); transition: all 1.2s; transition-delay: 0.2s;}
            .main_visual .txtAni:nth-child(2) span{transition-delay: 0.4s;}
            .main_visual .txtAni:nth-child(3) span{transition-delay: 0.6s;}
            .main_visual .txtAni:nth-child(4) span{transition-delay: 0.8s;}
            .main_visual .txtAni:nth-child(5) span{transition-delay: 1s;}
        .main_visual .active .txtAni span{opacity: 1; transform: translate(0);}

        .main_visual .controller{position: absolute;left:50%;bottom: 82px;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;gap: 20px;z-index: 8;font-size: 0;}
        .main_visual .counter{display: flex;justify-content: space-between;width: 33px;font-size: var(--title-20); line-height: 1;}
        .main_visual .counter span{font-size: max(13px, 80%); font-weight: 300; color: var(--point-white);}
        .main_visual .counter .slideCountAll{color: rgba(255,255,255,0.6);}
        .main_visual .slider-progress{position: relative; width: 200px; height: 2px; background: rgba(255,255,255,0.2);}
        .main_visual .slider-progress span{position: absolute; top:0; left:0; height: 100%;background: var(--point-white);}
        .main_visual .slick-arrow{width: 23px;height: 14px;background: url('../images/skin/arw_s.svg') no-repeat center / 100% auto;filter: var(--filter-white);}
        .main_visual .slick-arrow.next{transform: scale(-1,-1);}
        .main_visual .slickBtn{position: relative; width: 10px; height: 12px;}
            .main_visual .slickBtn:before, .main_visual .slickBtn:not(.play):after{position: absolute;content:'';top:0;left:0;width: 3px;height: 100%;background: var(--point-white);}
            .main_visual .slickBtn:not(.play):after{left:auto; right:0;}
            .main_visual .slickBtn.play:before{width: 100%; clip-path: polygon(0 0, 0% 100%, 100% 50%);}
        .main_visual .scr_dwn{position: absolute;right:40px;bottom:40px;font-size: var(--title-20); writing-mode: tb;display: flex;align-items: center;gap: 16px; cursor: pointer; z-index: 8;}
        .main_visual .scr_dwn dt{font-size: max(13px, 80%);font-weight: 300;color: var(--point-white);transform: scale(-1,-1);}
        .main_visual .scr_dwn dd{position: relative; width: 24px;height: 40px;border: 2px solid rgba(255,255,255,0.6);border-radius: 50px;box-sizing: border-box;}
        .main_visual .scr_dwn dd:before{position: absolute;content:'';top: 6px;left: 50%;transform: translateX(-50%);width: 4px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);}
            .main_visual .scr_dwn dd:before{animation-name: scrDwn; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode: forwards; transition-timing-function:linear;}
            @keyframes scrDwn {0% {top: 6px;}100% {top: calc(100% - 10px);}}

    /* 공통 */
        .main_content{position: relative; padding-bottom: 200px; box-sizing: border-box;}
        .main_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;flex-direction: column;gap: 21px;align-items: flex-start;}
            .main_title.hd{padding-block: 138px 49px;}
        .main_title h2{font-size: 250%;font-weight: 700;color: var(--black-color01);line-height: 1.3;}
        .main_title h3{font-size: 200%;font-weight: 700;color: var(--black-color01);letter-spacing: -0.036em;line-height: 1.4;}
        .main_title h3 small{font-size: inherit; font-weight: 600;}
        .main_title h6{font-size: inherit; font-weight: 500; color: var(--black-color01); letter-spacing: -0.03em;}
        .main_title h6 em{font-weight: inherit;color: var(--point-color01);letter-spacing: 0;}
        .main_quick{position: fixed;top: 52.5%;left: 40px;transform: translateY(calc(-50% - 0.5px));font-size: var(--title-20);}
        .main_quick > li{position: relative; width: 24px; height: 23px; cursor: pointer; transition: all 0.4s;}
            .main_quick > li:not(.on):before{position: absolute; content:''; width: 6px; aspect-ratio: auto 1; background: var(--black-color10); border-radius: 100%; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.4s;}
            .main_quick > li + li{margin-top: 5px;}
            .main_quick > li:nth-child(1) span{filter: var(--filter-white);}
            .main_quick:has(> li:nth-child(1).on) > li:before{background: var(--border-color01);}
        .main_quick > li > span{position: absolute;top:50%;left:calc(100% + 10px);transform: translateY(-50%);font-size: max(12px, 70%);font-weight: 500;color: var(--point-color01);width: max-content; opacity: 0; pointer-events: none; transition: all 0.4s;}
        .main_quick > li.on{background: url('../images/skin/simbol.svg') no-repeat center / 100% auto;}
        .main_quick > li.on > span{opacity: 1; pointer-events: all;}

    /* iso */
        .main_iso{background: var(--point-color02); margin-top: 140px;}
        .main_iso .certi_list{display: flex; flex-wrap: wrap; gap: 100px;}
        .main_iso .certi_list > li{position: relative; width: calc(100% / 3 - 66.66px); box-sizing: border-box; text-align: center;}
		.main_iso .certi_list > li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
        .main_iso .certi_list .thumb{position: relative; display: block;background: var(--point-white);font-size: 0; transition: all 0.4s;}
            .main_iso .certi_list .thumb:before{position: absolute; content: ''; inset: 0; border:1px solid var(--border-color03); box-sizing: border-box;}
            .main_iso .certi_list .thumb:after{position: absolute; content: ''; inset: 0; border:6px solid var(--point-color01); box-sizing: border-box; opacity: 0; transition: all 0.4s;}
        .main_iso .certi_list .desc{font-size: var(--title-20);padding-top: 19px;}
        .main_iso .certi_list .desc dt{font-size: 130%;font-weight: 500;color: var(--black-color00);letter-spacing: -0.04em;}
            .main_iso .certi_list .desc dt + dd{margin-top: 9px;}
        .main_iso .certi_list .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.44;letter-spacing: -0.04em;}
        .moveSwiper{font-size: var(--title-20); margin-top: 30px;}
        .moveSwiper .swiper-wrapper{transition-timing-function: linear;}
        .moveSwiper .swiper-slide{width: max-content; font-size: 500%; font-weight: 700; line-height: 1.1; color: var(--point-color01); opacity: 0.05; margin-right: clamp(100px, 16vw, 300px);}

            /* over */
                .main_iso .certi_list > li:hover .thumb{box-shadow: var(--shadow-02);}
                .main_iso .certi_list > li:hover .thumb:after{opacity: 1;}

    /* Story */
        .main_story{padding-top: 162px;}
        .main_story .w_custom{display: flex; flex-wrap: wrap;}
        .main_story .notice{position: relative;padding: 80px 40px 54px;background: var(--point-color03);width: 48.4%;box-sizing: border-box;}
        .main_story .notice .more{position: absolute;bottom:-28px;left:50%;transform: translateX(-50%);width: 56px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);transition: all 0.4s;}
        .main_story .notice .more:before, .main_story .notice .more:after{position: absolute;content:'';width: 2px;height: 50%;max-height: 20px;background: var(--black-color05);top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.4s;}
        .main_story .notice .more:after{width: 70%;max-width: 20px;height: 2px;}
        .main_story .main_title{position: absolute; top:0; left:40px; transform: translateY(-50%);}
        .main_story .noti_list{position: relative; }
		.main_story .noti_list > li{position: relative;}
        .main_story .noti_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_story .noti_list .desc{font-size: var(--title-20);display: flex;align-items: center;justify-content: space-between;gap: 30px;padding-block: 9px;}
        .main_story .noti_list .desc dt{font-size: max(13px, 80%);font-weight: 400;color: var(--black-color01);line-height: 1.75;display: flex;align-items: center;gap: 10px;letter-spacing: -0.035em;}
            .main_story .noti_list .desc dt:before{display: inline-flex;content:'';width: 3px;height: 3px;background: var(--point-color04);box-shadow: var(--shadow-03);flex-shrink: 0;}
        .main_story .noti_list .desc dt span{white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
        .main_story .noti_list .desc dd{font-size: max(13px, 75%); font-weight: 400; color: var(--black-color08); line-height: 1.86;}
        .main_story .noti_list .new_desc{font-size: var(--title-20);margin-bottom: 23px;padding-bottom: 28px;border-bottom: 1px solid var(--black-color03);}
            .main_story .noti_list .new_desc:before{display: block;content:'Notice';width: fit-content;font-size: max(12px, 70%);font-weight: 500;color: var(--point-color05);background: var(--point-white);padding: 7px 10px;box-sizing: border-box;box-shadow: var(--shadow-04);margin-bottom: 18px;letter-spacing: -0.04em;}
        .main_story .noti_list .new_desc dt{font-size: inherit;font-weight: 600;color: var(--black-color01);line-height: 1.6;letter-spacing: -0.04em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
            .main_story .noti_list .new_desc dt + dd{margin-top: 11px;}
        .main_story .noti_list .new_desc dd{font-size: max(13px, 80%);font-weight: 400;color: var(--black-color06);line-height: 1.875;letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
        .main_story .gallery{width: 51.6%;padding-left: 50px;box-sizing: border-box;}
        .main_story .gell_list{display: flex;flex-wrap: wrap;gap:30px 50px;height: 100%;align-content: space-between;}
        .main_story .gell_list > li{position: relative; width: calc(100% / 2 - 25px); box-sizing: border-box;}
        .main_story .gell_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_story .gell_list .thumb{position: relative;font-size: var(--title-20);overflow: hidden;aspect-ratio: auto 1.55; transition: all 0.4s;}
            .main_story .gell_list .thumb:before{position: absolute;content:'Press release';top:0;right:0;font-size: max(12px, 70%);font-weight: 400;color: var(--point-white);background: var(--point-color05);padding: 8px 9px 7px;}
            .main_story .gell_list .thumb:after{position: absolute; content:''; inset: 0; border:2px solid var(--point-color05); box-sizing: border-box; opacity: 0; transition: all 0.4s;}
        .main_story .gell_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_story .gell_list .desc{position: relative;font-size: var(--title-20);padding-block: 13px 29px;}
        .main_story .gell_list .desc dt{font-size: max(13px, 80%); font-weight: 400; color: var(--black-color01); line-height: 1.5; letter-spacing: -0.03em;}
        .main_story .gell_list .desc dd{position: absolute; left:0; bottom:0; font-size: max(13px, 70%); font-weight: 400; color: var(--black-color08); line-height: 1.28; letter-spacing: -0.03em;}
        
            /* over */
                .main_story .notice .more:hover{background: var(--point-color04);}
                .main_story .notice .more:hover:before, .main_story .notice .more:hover:after{transform: translate(-50%, -50%) rotate(90deg); background: var(--point-white);}
                .main_story .gell_list > li:hover .thumb{box-shadow: var(--shadow-02);}
                .main_story .gell_list > li:hover .thumb:after{opacity: 1;}

    /* fleet */
        .main_fleet{position: relative;padding-top: 30px;}
            .main_fleet:before{position: absolute;content:'';top: 5px;right: 1.5%;width: 553px;aspect-ratio: auto 1;background: url('../images/skin/main_fleet_vec.png') no-repeat center / 100% auto;}
        .main_fleet .rel_wrap{position: relative; box-sizing: border-box;display: flex;}
			.main_fleet .rel_wrap .list_box > div{font-size:var(--title-20);}
			.main_fleet .rel_wrap .list_box > div + div{margin-top:25px;}
			.main_fleet .rel_wrap .list_box > div > strong{font-size:120%;color:var(--black-color01);font-weight:600;display: block;margin-bottom:15px;}
			.main_fleet .rel_wrap .list_box .list{box-sizing:border-box;border-top:1px solid var(--border-color01);width:280px;}
				.main_fleet .rel_wrap .list_box .list li{position: relative;opacity: 1;border-radius: 0;background: none;margin: 0;cursor: pointer;display: flex;align-items: center;width: 100%;height: 66px;box-shadow: 0 1px 0 var(--border-color01);box-sizing: border-box;transition: all 0.4s;padding:20px 20px;font-size: inherit;font-weight: 500;color: var(--black-color01);}
				.main_fleet .rel_wrap .list_box .list li span{font-weight: inherit; transition: all 0.4s;}
			.main_fleet .rel_wrap .swiper-pagination{position: relative;inset: auto;top:0;left:0;width: 280px;text-align: inherit;border-top: 1px solid var(--border-color01); font-size: var(--title-20);}
			.main_fleet .rel_wrap .swiper-pagination span{position: relative;opacity: 1;border-radius: 0;background: none;margin: 0;cursor: pointer;display: flex;align-items: center;width: 100%;height: 66px;box-shadow: 0 1px 0 var(--border-color01);box-sizing: border-box;transition: all 0.4s;padding-inline: 20px 50px;font-size: inherit;font-weight: 500;color: var(--black-color01);}
            .main_fleet .rel_wrap .swiper-pagination span:after{position: absolute;content:'';width: 10px;height: 10px;border:solid var(--point-white);border-width: 0 2px 2px 0;top:50%;right:20px;transform: translateY(-50%) rotate(-45deg);box-sizing: border-box;}
        .main_fleet .rel_wrap .swiper-pagination em{font-weight: inherit; transition: all 0.4s;}
        .main_fleet .rel_wrap .swiper-pagination .swiper-pagination-bullet-active{background: var(--point-color04);box-shadow: var(--shadow-02);}
        .main_fleet .rel_wrap .swiper-pagination .swiper-pagination-bullet-active em{filter: var(--filter-white);}
        .fleetSwiper{position: relative;width: 70.3%;margin-left: auto;clip-path: inset(-100% -100% -100% 0);}
        .main_fleet .rel_wrap [class^='swiper-button']{position: absolute;inset: auto;top:50%;left: calc(100% + 62px);width: 36px;height: 22px;background: url('../images/skin/arw.svg') no-repeat center / 100% auto;filter: var(--filter-black);transition: all 0.4s;}
        .fleetSwiper .thumb{position: relative;display: block;font-size: 0;aspect-ratio: auto 1.8;}
        .fleetSwiper .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .fleetSwiper .info_list{position: absolute;left: 60px;bottom:-60px;z-index: 5;}
        .fleetSwiper .info_list > li{position: absolute;left: 0;bottom: 0;background: var(--point-color05);box-shadow: var(--shadow-05);width: 320px;min-height: 260px;padding: 40px 40px 80px;box-sizing: border-box;opacity: 0;pointer-events: none; display:none;}
            .fleetSwiper .info_list > li.on{opacity: 1; pointer-events: all;}
            .fleetSwiper .info_list > li.on .desc{opacity: 1;}
        .fleetSwiper .info_list .desc{font-size: var(--title-20); color: var(--point-white); opacity: 0; transition: all 0.4s;}
        .fleetSwiper .info_list .desc dt{font-size: 90%; font-weight: 300; line-height: 1.11;}
            .fleetSwiper .info_list .desc dt + dd{margin-top: 16px;}
        .fleetSwiper .info_list .desc dd{font-size: 150%; font-weight: 600; line-height: 1.2;}
        .fleetSwiper .info_list .more{position: absolute; width: 20px; aspect-ratio: auto 1; right:40px; bottom:40px; transition: all 0.4s;}
            .fleetSwiper .info_list .more:before, .fleetSwiper .info_list .more:after{position: absolute; content:''; width: 100%; height: 2px; background: var(--point-white); top:50%; left:0; transform: translateY(-50%);}
            .fleetSwiper .info_list .more:after{width: 2px; height: 100%; top:0; left:50%; transform: translateX(-50%);}
        
            /* over */
                .main_fleet .rel_wrap .swiper-pagination span:not(.swiper-pagination-bullet-active):hover{background: var(--point-color04);box-shadow: var(--shadow-02);}
                .main_fleet .rel_wrap .swiper-pagination span:not(.swiper-pagination-bullet-active):hover em{filter: var(--filter-white);}
                .main_fleet .rel_wrap [class^='swiper-button']:hover{filter: none;}
                .fleetSwiper .info_list .more:hover{transform: rotate(180deg);}
				
				/* .main_fleet .rel_wrap .list_box .list li:hover{background: var(--point-color04);box-shadow: var(--shadow-02);}
				.main_fleet .rel_wrap .list_box .list li:hover span{filter: var(--filter-white);} */

/*───────────────────────────────────────────────────────────

	FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    #footer{position: relative;background: var(--black-color01);padding-block: 36px 65px;box-sizing: border-box;}
    #footer .top_link{display: flex;flex-wrap: wrap;font-size: var(--title-20);padding-bottom: 33px;margin-bottom: 40px;border-bottom: 1px solid rgba(217, 217, 217, 0.2);}
    #footer .top_link > li{font-size: max(13px, 80%);font-weight: 400;color: var(--border-color01);line-height: 1.5;display: inline-flex;align-items: center;}
    #footer .top_link > li:not(:last-child):after{display: inline-flex; content:''; width: 4px; aspect-ratio: auto 1; background: rgba(255, 255, 255, 0.4); margin-inline: 30px;}
    #footer .top_link > li strong{font-weight: 500; color: var(--point-white);}
    #footer .cont{display: flex;flex-wrap: wrap;gap: 30px 0;}
    #footer .logo{display: block; width: 164px;}
    #footer address{width: calc(100% - 164px);padding-left: 50px;box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 30px;}
    #footer .addr_list{display: flex; flex-direction: column; gap: 10px;}
    #footer .addr_list > li{display: flex; flex-wrap: wrap; gap: 10px 20px;}
    #footer .addr_list .desc{display: inline-flex; gap: 4px; font-size: var(--title-20);}
    #footer .addr_list .desc :where(dt, dd){font-size: max(13px, 75%);font-weight: 300;color: var(--border-color01);line-height: 1.33;font-family: var(--font-type02);}
    #footer .addr_list .desc dt{flex-shrink: 0;}

        #footer .addr_list > li:first-child{margin-bottom: 13px;}
        #footer .addr_list > li:first-child .desc :where(dt, dd){color: var(--point-white);font-weight: 400;}
        #footer .addr_list > li:first-child .desc dd{display: flex;flex-wrap: wrap;gap: 0 12px;font-family: var(--font-type01);}
        #footer .addr_list > li:last-child{margin-top: 22px;}
        #footer .addr_list > li:last-child .desc :where(dt, dd){color: var(--black-color10);font-size: max(13px, 70%);font-family: var(--font-type01);flex-shrink: unset;}
        #footer .addr_list > li:last-child .desc{display: flex;flex-wrap: wrap;gap: 0 14px;}

    #footer .related{position: relative; font-size: var(--title-20); width:auto;}
    #footer .related dt{position: relative; display: flex; align-items: center; width: 100%; height: 45px; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; padding-inline: 20px 20px; font-size: max(13px, 75%); font-weight: 300; color: var(--point-white); cursor: pointer;}
        /* #footer .related dt:before, #footer .related dt:after{position: absolute;content:'';width: 2px;height: 12px;background: var(--point-white);top: 50%;right: 25px;transform: translateY(-50%); transition: all 0.4s;} */
        #footer .related dt:after{width: 12px;height: 2px;right: 20px;}
        #footer .related dt.on:before{opacity: 0;}
    #footer .related dd{position: absolute;top: calc(100% - 1px);left:0;width: 100%;border: 1px solid rgba(255, 255, 255, 0.5);padding-block: 12px;box-sizing: border-box;font-size: max(13px, 70%);font-weight: 400;color: var(--point-white);background: var(--black-color00); opacity: 0; pointer-events: none; transition: all 0.4s;}
        #footer .related:has(dt.on) dd{opacity: 1; pointer-events: all;}
    #footer .related dd a{display: block;padding: 8px 20px;box-sizing: border-box;}
	
	.scr_top{position:fixed;right:30px;bottom:30px;z-index:50;display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;background: var(--point-color01);padding: 10px;box-sizing: border-box; opacity:0; pointer-events:none; transition:all 0.4s;}
		body:has(#header.on) .scr_top{opacity:1; pointer-events:all;}