@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/
	/* #header .gnb > li > a, #header .gnb .dep02 > li > a, #header .allCate, .sub_nav .sub_menu dd ul li a, .dep3_menu_box a, .dep4_menu_box a{pointer-events:none;} */
	
	
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .w_custom{position: relative;width: calc(100% - 60px);max-width: 1380px;margin-inline: auto;}
    #container{position: relative; padding-bottom:150px; box-sizing: border-box;padding-top:67px;}

    #wrap [class*="swiper-button"]:after{display: none;}

    .no_data{padding-block: 50px; font-size: var(--title-18); font-weight: 400; color: var(--black-color06); text-align: center;}
      br.for_m{display: none;}

    @media (max-width:1380px){
        br.for_pc{display: none;	}
		      br.for_m{display: inline-block;}
    }
    @media (max-width:1023px){
        #container{padding-bottom:clamp(100px, 15vw, 150px);padding-top:clamp(30px, 7vw, 67px);}
    }
    @media (max-width:860px){
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        .w_custom{width: calc(100% - 20px);}
    }


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

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

───────────────────────────────────────────────────────────*/
    #header{position: sticky;top:0;width: 100%;height: 100px;background: var(--point-white);z-index: 100;transition: all 0.4s;}
        #header.on{box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
    #header .logo{font-size: 0; height: 100%; box-sizing: border-box;}
    #header .logo a{display: flex;align-items: center;max-width: 108px;height: 100%;padding-block: 14px;}
    #header .w_custom{max-width: 1760px;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
    #header .gnb{position: absolute;top:0;left:50%;translate: -50%;width: calc(100% - 250px);height: 100%;display: flex;justify-content: center;text-align: center;font-size: var(--title-20);gap: clamp(30px, 6.25vw, 120px);}
    #header .gnb > li{position: relative;height: 100%;box-sizing: border-box;font-weight: 600;color: var(--black-color00);}
    #header .gnb > li > a{display: flex;align-items: center;height: 100%;font-size: 120%;transition: all 0.4s;}
    #header .gnb .dep02{position: absolute;top: 100%;left: 0;box-sizing: border-box;opacity: 0;pointer-events: none;transition: all 0.4s;display: flex;width: max-content;gap: 40px;text-align: left;}
		#header .gnb .dep02::before{position:absolute;content:'';width: 200vw;height: 100%;background: var(--point-white);border-block: 1px solid var(--border-color01);top: 0;left: 50%;translate: -50%;}
		#header .gnb > li:last-child .dep02{left: auto;right:0;}
    #header .gnb .dep02 > li{position: relative;font-size: 100%;font-weight: 500;color: var(--black-color06);flex-shrink: 0;}
    #header .gnb .dep02 > li > a{display: block;padding-block: 18px;transition: all 0.4s;}
    #header .gnb .dep03{display: none;}
    #header .utility{display: flex;align-items: center;gap: clamp(25px, 2.1vw, 40px);}
    #header .icon_btn{display: flex; height: 30px;}
    #header .allCate{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;width: 30px;aspect-ratio: auto 1.3;}
    #header .allCate span{width: 100%;height: 3px;background: var(--black-color00);border-radius: 10px;}
    #header .allCate span:nth-child(2){width: 80%;}

        /* over */
            @media (hover:hover) and (pointer:fine){
                #header .gnb > li:hover > a{color: var(--point-color01); scale: 1.1;}
                #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;}
                #header .gnb .dep02 > li:hover > a{color: var(--black-color00);text-decoration: underline;text-underline-offset: 4px;}
            }

    @media (max-width:1023px){
        #header{height: clamp(65px, 10vw, 100px);}
        #header .gnb{display: none;}
        #header .icon_btn{height: clamp(26px, 3.5vw, 30px);}
        #header .allCate{width: clamp(26px, 3.5vw, 30px);}
    }
    @media (max-width:640px){
        #header .utility{gap: 20px;}
        #header .allCate span{height: 2px;}
    }

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,0.6);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
        #aside.on{opacity: 1;clip-path: inset(0);}
        body:has(#aside.on){overflow: clip; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;display: grid;align-items: start;justify-content: center;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color00);font-size: inherit;text-align: center;}
        
        @media (min-width:861px) {
            #aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
            #aside.on .gnb > li{opacity:1;translate:0;}
            #aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
            #aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
            #aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
            #aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
            #aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
        }
    #aside .gnb > li > a{position: relative;display: block;font-size: 180%;color:inherit;font-weight: 700;line-height: 1.2;padding-block: 30px;transition: all 0.4s;}
        #aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
    #aside .gnb > li > a em{font-weight: inherit;}
    #aside .gnb > li > a span{font-size: 60%;font-weight: 400;color: rgba(255,255,255,0.6);}
    #aside .gnb .dep02{margin-top: 8px;}
    #aside .gnb .dep02 > li > a{display: block;font-size:110%;font-weight:400;padding-block: 15px;color: var(--black-color06);transition: all 0.4s;}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: 30px; z-index:2;}
    #aside .icon_btn{display: flex;height: 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(--black-color00);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
				#aside .gnb > li:hover > a{color:var(--point-color01);}
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color: var(--black-color00);}
            }

    @media (max-width:1600px){
        #aside .gnb{grid-template: auto / repeat(3, 1fr)}
    }
    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
        #aside .close_btn{width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 40px);}
		#aside .utility{gap:20px;}
        #aside .icon_btn{height: clamp(26px, 3.5vw, 30px);}
    }
    @media (max-width:860px){
		#aside{display: block;}
		#aside .w_custom{align-items:flex-start;}
		#aside .gnb{grid-template: auto / repeat(1, 1fr);gap:0;}
        #aside .gnb > li{display: block;padding: 25px 0;width:100%;text-align:left;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.5);}
        #aside .gnb > li > a{padding-block: 0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: grid;gap: 0 20px;grid-template: auto / repeat(2, 1fr);margin-top: 15px;justify-content: flex-start;}
		#aside .gnb .dep02 > li > a{padding-block: 12px;}
		#aside .utility{top:15px; right: 15px;}
    }
    @media (max-width:640px){
        #aside .gnb > li > a{font-size: 200%;}
        #aside .gnb .dep02 > li > a{padding-block: 7px;font-size:100%;}
    }
    @media (max-width:479px){
        #aside .gnb > li > a{font-size: 170%;}
        #aside .gnb > li > a span{width: 100%;}
        #aside .gnb .dep02{margin-top: 10px;grid-template: auto / repeat(1, 1fr);}
        #aside .gnb .dep02 li{width: 100%;}
        #aside .gnb .dep02 > li > a{font-size: 95%;}
    }

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .main_visual{position: relative; color: var(--point-white);}
        .main_visual .slick-slide{position: relative;background: var(--black-color00);overflow: hidden;height: 800px;}
        .main_visual .txt_box{position: absolute;font-size: var(--title-20);top: 118px;left: 50%;translate: -50%;display: grid;gap: 27px;text-wrap: balance; z-index: 2;}
        .main_visual .txt_box h3{font-size: 230%;font-weight: 300;line-height: 1.22;letter-spacing: -0.03em;}
        .main_visual .txt_box h3 strong{font-weight: 600;}
        .main_visual .txt_box h6{font-size: inherit; font-weight: 500;}
        .main_visual .txt_box h6 em{font-weight: 600;font-family: var(--font-type02);}
        .main_visual .txtAni{opacity: 0; translate: 70px;}
            .main_visual .active .txtAni{opacity: 1; translate: 0; transition: all 1.2s 0.2s;}
            .main_visual .active .txtAni:nth-child(2){transition-delay: 0.4s;}
        .main_visual .thumb{position: relative; display: block;width: 100%;height: 100%;background: no-repeat center / cover;}
            .main_visual .active .thumb{scale: 1.1; transition: all 3s;}
        .main_visual .cont{position: absolute;left: 50%;bottom: 80px;translate: -50%;display: grid;gap: 60px; z-index: 3;}
        .main_visual .info_list{display: grid;grid-template: auto / repeat(6, 1fr);text-align: center;background: var(--point-white);box-shadow: var(--shadow-01);padding-block: 30px 27px;gap: 25px 0;overflow: hidden;}
        .main_visual .info_list > li{position: relative;padding-inline: 10px;display: flex;align-items: center;justify-content: center;}
            .main_visual .info_list > li:after{position: absolute;content:'';width: 1px;height: calc(100% - 2px);background: var(--border-color01);top: 50%;right: -1px;translate: 0 -50%;}
        .main_visual .info_list .link{position: absolute; inset: 0; z-index: 3;}
        .main_visual .info_list .desc{position: relative;font-size: var(--title-20);display: grid;gap: 14px;}
        .main_visual .info_list .desc dt{font-size: 0;display: flex;align-items: center;justify-content: center;height: 60px;transition: all 0.4s;filter: var(--filter-black) opacity(0.9);margin-inline: auto;}
        .main_visual .info_list .desc dd{font-size: 110%;font-weight: 500;color: var(--black-color03);letter-spacing: -0.03em;transition: all 0.4s;}
        .main_visual .controller{display: flex;align-items: center;flex-wrap: wrap;gap: 12px 20px;font-size: 0;padding-bottom: 16px;}
        .main_visual .count_box{font-size: var(--title-20);display: flex;align-items: center;justify-content: space-between;width: 33px;}
        .main_visual .count_box span{font-size: 90%; font-weight: 300;}
        .main_visual .count_box .slideCountItem{font-weight: 400;}
        .main_visual .count_box .slideCountAll{color: rgba(255, 255, 255, 0.6);}
        .main_visual .slider-progress{position: relative;width: 200px;height: 4px;background: rgba(255,255,255,0.8);margin-right: 10px;}
        .main_visual .slider-progress span{position: absolute; top:0; left:0; height: 100%; background: var(--point-color01);}
        .main_visual .slickBtn{position: relative;width: 10px;aspect-ratio: auto 0.83;margin-right: 10px;}
            .main_visual .slickBtn{&:before, &:after{position: absolute;content:'';top:0;left:0;width: 3px;height: 100%;background: var(--point-white);}}
            .main_visual .slickBtn:after{left:auto; right:0;}
            .main_visual .slickBtn.play:before{opacity: 0;}
            .main_visual .slickBtn.play:after{width: 100%; clip-path: var(--clip-poly01);}
        .main_visual .arw_box{display: flex;align-items: center;flex-wrap: wrap;gap: 15px;}
        .main_visual .slick-arw{position: relative; width: 15px; aspect-ratio: auto 1;}
        .main_visual .slick-arw:before{position: absolute;content:'';width: 65%;height: 65%;top: 50%;left: 50%;translate: -50% -50%;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: 135deg;}
        .main_visual .slick-arw.next{scale: -1 -1;}
        .main_visual .search .inp_box{display: flex;width: 100%;max-width: 600px;font-size: var(--title-20);}
			#wrap .main_visual .search .inp_box [type="text"]{width: 100%;height: 68px;background:var(--point-white);font-size: inherit;font-weight: 400;border: 0;}
			#wrap .main_visual .search .inp_box [type="text"]::placeholder{color: var(--black-color05);}
			#wrap .main_visual .search .inp_box [type="text"]::-webkit-input-placeholder {color:var(--black-color05);}
			#wrap .main_visual .search .inp_box [type="text"]::-moz-placeholder {color:var(--black-color05);}
			#wrap .main_visual .search .inp_box [type="text"]:-ms-input-placeholder {color:var(--black-color05);}
		.main_visual .search .inp_box button{position: relative; width: 68px;height: 68px;background: var(--point-color01);flex-shrink: 0;font-size: 0;}
        .main_visual .search .inp_box button:before{position: absolute;content:'';inset: 0;background: url('../images/skin/search_icon.svg') no-repeat center / 30px auto;filter: var(--filter-white);}


            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_visual .info_list > li:hover .desc dt{translate: 0 -8px; filter: none;}
                .main_visual .info_list > li:hover .desc dd{color: var(--point-color01);font-weight: 600;scale: 1.13;}
            }

        @media (max-width:1023px) {
            .main_visual .slick-slide{height: clamp(650px, 85vw, 800px);}
            .main_visual .txt_box{top: clamp(50px, 11.8vw, 118px);gap: clamp(15px, 2.7vw, 27px);}
            .main_visual .txt_box h3{font-size: 220%;}
            .main_visual .cont{gap: clamp(30px, 6vw, 60px);bottom: clamp(30px, 8vw, 80px);}
            .main_visual .search .inp_box{max-width: clamp(300px, 60vw, 600px);}
            #wrap .main_visual .search .inp_box :is([type="text"], button){height: clamp(45px, 7.8vw, 68px);}
            .main_visual .search .inp_box button{width: clamp(45px, 7.8vw, 68px);}
            .main_visual .search .inp_box button:before{background-size: clamp(21px, 4vw, 30px) auto;}
            .main_visual .controller{padding-bottom: clamp(5px, 1.6vw, 16px);column-gap: clamp(15px, 2.5vw, 20px);}
            .main_visual .slider-progress{width: clamp(120px, 22vw, 200px);margin-right: clamp(5px, 1.5vw, 10px);}
            .main_visual .arw_box{gap: clamp(5px, 2vw, 15px);}
            .main_visual .slickBtn{margin-right: clamp(5px, 1.5vw, 10px);}
            .main_visual .slick-arw{width: clamp(10px, 2vw, 15px);}
            .main_visual .info_list{padding-block: clamp(28px, 3vw, 30px) clamp(25px, 2.7vw, 27px);}
            .main_visual .info_list .desc{gap: clamp(10px, 1.4vw, 14px);}
            .main_visual .info_list .desc dt{width: clamp(40px, 6.5vw, 60px);height: clamp(40px, 6.5vw, 60px);}
            .main_visual .info_list .desc dd{font-size: 100%;}
        }
        @media (max-width:860px) {
            .main_visual .cont{gap: 25px;}
            .main_visual .info_list{grid-template: auto / repeat(3, 1fr);}
        }
        @media (max-width:640px) {
            .main_visual .thumb::before{position: absolute;content:'';inset: 0;background: rgb(0 0 0 / 40%);}
            .main_visual .txt_box h3{font-size: 210%;}
            #wrap .main_visual .search .inp_box [type="text"]{font-size: 90%;}
            .main_visual .slider-progress{height: 3px;}
        }
        @media (max-width:479px) {
            .main_visual .txt_box h3{font-size: 200%;}
            .main_visual .txt_box h6{font-size: 90%;}
            .main_visual .cont{gap: 20px;}
            #wrap .main_visual .search .inp_box [type="text"]{font-size: 90%;}
            .main_visual .info_list .desc dd{font-size: 90%;}
        }
        @media (max-width:300px) {
            .main_visual .txt_box h3{font-size: 180%;}
        }

    /* 타이틀 */
        .main_title{position: relative;display: grid;gap: 16px;font-size: var(--title-20);text-align: center;text-wrap: balance;}
            .main_title:before{display: flex;content:'';width: 9px;aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;margin: 0 auto 4px;}
            .main_title.hd{padding-block: 160px 50px;}
            .main_title.hd_m{padding-block: 100px 40px;}
            .main_title.left{text-align: left;}
            .main_title.left:before{margin-inline: 0;}
        .main_title h2{font-size: 250%;font-weight: 700;color: var(--black-color00);line-height: 1.3;font-family: var(--font-type02);}
        .main_title h2 em{font-weight: inherit; color: var(--point-color01);}
        .main_title h6{font-size: inherit; font-weight: 600; color: var(--black-color03); line-height: 1.3; letter-spacing: -0.03em;}
			.main_title h6 + h2{margin-top:-5px;}
        .main_title p{font-size: 90%; font-weight: 400; color: var(--black-color05); line-height: 1.89;}
        .main_title .arwTab{margin-top: 63px;}
            .main_title:has(.more_plus){padding-inline: 40px;}
        .main_title .more_plus{position: absolute;width: 26px;aspect-ratio: auto 1;background: url('../images/skin/plus_iconL.svg') no-repeat center / 100% auto;right: 0;bottom: 5px; transition: all 0.4s;}
            .main_title.hd .more_plus{bottom: 55px;}
		.main_title .com_btn{margin-top: 13px;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_title .more_plus:hover{rotate: 90deg;}
            }

        @media (max-width:1023px) {
            .main_title{gap: clamp(12px, 1.6vw, 16px);}
                .main_title.hd{padding-block: clamp(100px, 16vw, 160px) clamp(25px, 5vw, 50px);}
                .main_title.hd_m{padding-block: clamp(80px, 10vw, 100px) clamp(20px, 4vw, 40px);}
                .main_title h2{font-size: 240%;}
            .main_title .arwTab{margin-top: clamp(20px, 6.3vw, 63px);}
            .main_title .more_plus{width: clamp(22px, 3.1vw, 26px);}
                .main_title.hd .more_plus{bottom: clamp(28px, 5.5vw, 55px);}
            .main_title .com_btn{margin-top: clamp(8px, 1.3vw, 13px);}

        }
        @media (max-width:640px) {
            .main_title:before{width: 8px;}
            .main_title h2{font-size: 230%;}
        }
        @media (max-width:479px) {
            .main_title h2{font-size: 210%;}
            .main_title h6{font-size: 95%;}
        }

    /* 버튼 */
        .com_btn{position: relative;display: flex;align-items: center;justify-content: space-between;padding: 17px 30px;width: fit-content;min-width: 260px;gap: 30px;font-size: var(--title-20);font-weight: 600;background: var(--black-color02);color: var(--point-white);border-radius: 50px;letter-spacing: 0; transition: all 0.4s;}
            .com_btn.sm{min-width: 180px;}
            .com_btn.wh{background: var(--point-white); font-weight: 700; color: var(--black-color03);}
            .com_btn.pt{background: var(--point-color03);}
            .com_btn.dwn:after{display: inline-flex;content:'';width: 20px;aspect-ratio: auto 1;background: url('../images/skin/dwn_icon.svg') no-repeat center / 100% auto;filter: var(--filter-white); transition: all 0.4s;}
            .com_btn.arw:after{display: inline-flex;content:'';width: 17px;aspect-ratio: auto 1;background: url('../images/skin/arw_icon.svg') no-repeat center / 100% auto;filter: var(--filter-white); transition: all 0.4s;}
            .com_btn.wh.arw:after{filter: var(--filter-black) opacity(0.8);}
        .com_btn span{position: relative;transition: all 0.4s;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .com_btn:hover{background: var(--point-color01);}
                .com_btn.wh:hover span{filter: var(--filter-white);}
                .com_btn.wh:hover:after{filter: var(--filter-white);}
            }

        @media (max-width:1023px) {
            .com_btn{min-width: clamp(180px, 26vw, 260px);padding: clamp(14px, 2.2vw, 17px) clamp(25px, 3.5vw, 30px);gap: clamp(20px, 3.5vw, 30px);}
                .com_btn.sm{min-width: clamp(130px, 18vw, 180px);}
                .com_btn.dwn:after{width: clamp(14px, 2.5vw, 20px);}
                .com_btn.wh.arw:after{width: clamp(13px, 2.2vw, 17px);}
        }
        @media (max-width:479px) {
            .com_btn span{font-size: 95%;}
        }

    /* 탭 */
        .udLineTab{display: flex;flex-wrap: wrap;justify-content: center;gap: 15px 50px;font-size: var(--title-20);margin-bottom: 48px;}
        .udLineTab > li{position: relative;font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.3;padding-block: 10px;letter-spacing: -0.03em;cursor: pointer;}
            .udLineTab > li.on{color: var(--point-color01);-webkit-text-stroke: var(--point-color01);-webkit-text-stroke-width: 0.4px;}
            .udLineTab > li:before{position: absolute; content:''; width: 0; height: 2px; background: var(--point-color01); left:50%; bottom:0; translate: -50%; transition: all 0.4s;}
            .udLineTab > li.on:before{width: 100%;}

        .arwTab{display:grid;gap: 30px;}
        .arwTab > li{position: relative;font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.3;letter-spacing: -0.03em;display: flex;align-items: center;gap: 10px 17px;flex-wrap: wrap;transition: all 0.4s;cursor: pointer;}
            .arwTab > li.on{font-size: 150%; color: var(--point-color01);-webkit-text-stroke: var(--point-color01);-webkit-text-stroke-width: 0.8px;}
            .arwTab > li:after{display: inline-flex;content: '';width: 17px;aspect-ratio: auto 1.3;background: url('../images/skin/arw_icon.svg') no-repeat center / 100% auto;opacity: 0;transition: all 0.4s;}
            .arwTab > li.on:after{opacity: 1;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .udLineTab > li:hover{color: var(--point-color01);}
                .udLineTab > li:hover:before{width: 100%;}

                .arwTab > li:hover{color: var(--point-color01);}
                .arwTab > li:hover:after{opacity: 1;}
            }

        @media (max-width:1023px) {
            .udLineTab{column-gap: clamp(25px, 5vw, 50px); margin-bottom: clamp(25px, 4.8vw, 48px);}
            .udLineTab > li{padding-block: clamp(5px, 1.5vw, 10px);}

            .arwTab{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
			.arwTab > li:after{display:none;}
            .arwTab > li.on{font-size: inherit;scale: 1.4;transform-origin: center;-webkit-text-stroke-width: 0.2px;margin-inline: 10px;}
        }

    /* BUSINESS AREAS */
        .main_biz{padding-bottom: 200px; background: var(--point-grad01);}
        .main_biz .info_list{display: flex;gap: 0 10px;}
        .main_biz .info_list > li{position: relative;width: 100%;min-height: 460px;padding-top: 70px;font-size: var(--title-20);display: flex;flex-direction: column;justify-content: flex-end;transition: 0.6s;transition-property: width, opacity;}
            .main_biz .info_list > li.on{width: 345%;}
            .main_biz .info_list > li:before{position: absolute;content:'';width: 20px;aspect-ratio: auto 1;background: url('../images/skin/plus_icon.svg') no-repeat center / 100% auto;left: 50%;bottom: clamp(35px, 2.1vw, 40px);translate: -50%;transition: all 0.4s;z-index: 3;}
            .main_biz .info_list > li.on:before{opacity: 0;}
        .main_biz .info_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_biz .info_list .thumb{position: absolute; inset: 0; overflow: hidden;}
            .main_biz .info_list .thumb:before{position: absolute; content: ''; inset: 0; background:rgba(0,0,0,0.4); transition: all 0.4s;}
            .main_biz .info_list .thumb:after{position: absolute;content: attr(title);font-size: clamp(24px, 2.2vw, 30px);font-weight: 600;color: var(--point-white);line-height: 1.34;text-align: center;top: 50%;left: 50%;translate: -50% -50%;padding: 10px;width: 100%;max-width: 150px;transition: all 0.4s;}
            .main_biz .info_list > li.on .thumb:after{opacity: 0;}
            
            .main_biz .info_list > li.on .thumb:before{opacity: 0;}
        .main_biz .info_list .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_biz .info_list .desc{position: absolute;background: var(--point-white);padding: clamp(35px, 2.1vw, 40px);padding-right: 70px;width: max-content;min-width: 74.2%;max-width: 345%;border-radius: var(--radius-RT80);display: grid;gap: 10px;opacity: 0;transition: all 0.4s;z-index: 1;}
            .main_biz .info_list > li.on .desc{opacity: 1;max-width: 100%;}
            .main_biz .info_list .desc:before{position: absolute;content:'';width: clamp(60px, 6vw, 80px);aspect-ratio: auto 1;background: var(--point-color01) url('../images/skin/plus_icon.svg') no-repeat center / 20px auto;border-radius: 100%;right: 10px;bottom: 20px;box-shadow: var(--shadow-02);translate: 50% 50%;}
        .main_biz .info_list .desc dt{font-size: 150%;font-weight: 700;color: var(--black-color03);line-height: 1.27;letter-spacing: -0.03em;}
        .main_biz .info_list .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color03); line-height: 1.67; font-family: var(--font-type04);}

        @media (max-width:1023px) {
            .main_biz{padding-bottom: clamp(100px, 20vw, 200px);}
            .main_biz .info_list{flex-wrap: wrap;}
            .main_biz .info_list > :is(li, li.on){width: 100%;min-height: clamp(320px, 46vw, 460px);}
            .main_biz .info_list > li:not(.on){opacity: 0;height: 0;overflow: hidden;padding: 0;min-height: auto;}
            .main_biz .info_list > li:before{display: none;}
            .main_biz .info_list .thumb{&:before, &:after{display: none;}}
            .main_biz .info_list > :is(li, li.on) .desc{position: relative;opacity: 1;width: 85%;min-width: auto;max-width: 460px;padding-right: 60px;gap: clamp(7px, 1.5vw, 10px);}
        }
		@media (max-width:640px) {
            .main_biz .info_list > :is(li, li.on) .desc{padding: 30px;padding-right: 55px;}
            .main_biz .info_list .desc:before{width: 50px;right: 5px;bottom: 15px;background-size: 18px;}
        }
        @media (max-width:479px) {
            .main_biz .info_list > :is(li, li.on) .desc{padding: 25px;padding-right: 50px;}
            .main_biz .info_list .desc:before{width: 44px;right: 0;bottom: 10px;}
			.main_biz .info_list .desc dt{font-size:140%;}
        }

    /* RAON PRODUCT*/
        .main_prod{background: var(--point-color02); padding-bottom: 160px;}
        .main_prod .w_custom{display: flex; align-items: flex-start; gap: 50px 30px;}
        .main_prod .main_title{width: 23.9%;min-width: 230px;flex-shrink: 0;padding-top: 22px;}
        .main_prod .main_title h2{line-height: 1.1;letter-spacing: -0.02em;}
        .main_prod .tab_cont{position: relative;width: 100%;max-width: 780px; min-width: 0; padding-inline: 110px;}
        .main_prod .tab_cont .item{transition: all 0.4s;}
        .main_prod .tab_cont .item:not(.on){height: 0; opacity: 0; overflow: hidden;}
        .main_prod .prodSwiper{position: relative; clip-path: inset(0 -200% 0 0);}
        .main_prod .prodSwiper .swiper-slide{position: relative;text-align: center;display: flex;flex-direction: column;gap: 55px;width: 100%;transition: all 0.8s;}
            .main_prod .prodSwiper .swiper-slide:not(:last-child){margin-right: 25px;}
            .main_prod .prodSwiper .swiper-slide:not(.on){translate: 0 -15px;scale: 0.56;}
            .main_prod .prodSwiper .swiper-slide:not(.on) + .swiper-slide:not(.on){translate: -245px -15px;}
            .main_prod .prodSwiper .swiper-slide:not(.on) :is(.thumb, .thumb span):before{opacity: 0;}
            .main_prod .prodSwiper .swiper-slide:not(.on) .thumb:after{translate: -5px -20px;}
            .main_prod .prodSwiper .swiper-slide:not(.on) .thumb img{scale: 0.64;}
            .main_prod .prodSwiper .swiper-slide:not(.on) .desc dt{scale: 1.2;translate: 0 -5px;}
            .main_prod .prodSwiper .swiper-slide:not(.on) .desc dd{opacity: 0;}

        .main_prod .prodSwiper .link{position: absolute;inset: 0;z-index: 5;}
        .main_prod .prodSwiper .thumb{position: relative;display: flex;align-items: center;justify-content: center;width: 92%;aspect-ratio: auto 1;}
        .main_prod .prodSwiper .thumb:before{position: absolute;content:'';width: 34.8%;aspect-ratio:auto 1;background: var(--point-grad02);opacity: 0.1;top: 27px;left: 4px;border-radius: 100%;transition: all 0.8s;}
        .main_prod .prodSwiper .thumb:after{position: absolute;content:'';width: 97%;aspect-ratio:auto 1;bottom: -25px;right: -25px;background: var(--point-white);border-radius: 100%;transition: all 0.8s;}
        .main_prod .prodSwiper .thumb span{position: relative;z-index: 1;}
        .main_prod .prodSwiper .thumb span:before{position: absolute;content:'';width: clamp(60px, 6vw, 80px);aspect-ratio: auto 1;background: var(--point-color01) url('../images/skin/plus_icon.svg') no-repeat center / 20px auto;border-radius: 100%;right: 10.5%;bottom: 4.5%;box-shadow: var(--shadow-03);translate: 50% 50%;transition: all 0.8s;z-index: 3;}
        .main_prod .prodSwiper .thumb span img{transition: all 0.8s;}
        .main_prod .prodSwiper .desc{position: relative;font-size: var(--title-20);display: grid;gap: 20px;text-wrap: balance;}
        .main_prod .prodSwiper .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        .main_prod .prodSwiper .desc dt{font-size: 200%;font-weight: 600;color: var(--black-color03);transition: all 0.8s;}
        .main_prod .prodSwiper .desc dd{font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.5;transition: all 0.8s;}
        .main_prod [class*="swiper-button"]{position: absolute;top: 41.5%;left:0;translate: 0 -50%;width: 70px;height: auto;aspect-ratio: auto 1;border: 1px solid var(--border-color01);border-radius: 100%; background: var(--point-color02); margin:0; transition: all 0.4s;}
            .main_prod [class*="swiper-button"]:before{position: absolute;content:'';width: 12%;aspect-ratio: auto 1;border: 2px solid var(--black-color05);clip-path: var(--clip-poly02);top: 50%;left: 55%;rotate: 135deg;translate: -50% -50%;border-radius: 2px; transition: all 0.4s;}
            .main_prod [class*="swiper-button"].swiper-button-next{left:auto; right:0; }
            .main_prod [class*="swiper-button"].swiper-button-next:before{scale: -1 -1;left: 45%;}


            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_prod [class*="swiper-button"]:hover{background: var(--point-color01); border-color: var(--point-color01);}
                .main_prod [class*="swiper-button"]:hover:before{filter: var(--filter-white);}
            }

        @media (max-width:1023px) {
            .main_prod{padding-bottom: clamp(80px, 16vw, 160px);}
            .main_prod .w_custom{flex-wrap: wrap;}
            .main_prod .main_title{width: 100%;min-width: auto;padding-top: 0;text-align: center;}
			.main_prod .main_title:before{margin-inline:auto;}
            .main_prod .tab_cont{padding-inline: clamp(65px, 11vw, 110px);}
            .main_prod .prodSwiper .desc{gap: clamp(10px, 2vw, 20px);}
            .main_prod .prodSwiper .desc dt{font-size: 190%;}
            .main_prod .prodSwiper .desc dd br{display: none;}
            .main_prod [class*="swiper-button"]{width: clamp(45px, 7vw, 70px);}
        }
        @media (max-width:640px) {
            .main_prod .prodSwiper .thumb span:before{width: 50px;background-size: 18px;}
            .main_prod .prodSwiper .desc dt{font-size: 180%;}
        }
        @media (max-width:479px) {
            .main_prod .prodSwiper .thumb span:before{width: 44px;right: 0;bottom: 0;}
            .main_prod .prodSwiper .desc dt{font-size: 170%;}
            .main_prod .prodSwiper .desc dd{font-size: 90%;}
        }
        @media (max-width:370px) {
            .main_prod .tab_cont{padding-inline: 0;}
            .main_prod .controller{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: 30px;}
            .main_prod [class*="swiper-button"]{position: relative;inset: auto !important;translate: 0;}
        }

    /* RAON VIDEO */
        .main_video{position: relative; background: var(--point-color02);}
            .main_video:before{position: absolute;content:'';inset: 0;border-radius: 0 clamp(60px, 18vw, 300px) 0 0;background: var(--point-white);pointer-events: none;}
            .main_video:after{position: absolute;content:'';width: clamp(80px, 22vw, 360px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);top:0;left:0;translate: -28% -47%;}
        .main_video .cont{position: relative;display: flex;gap: 20px;z-index: 2;}
        .main_video .thumb{width: 80%;min-height: 550px;flex-shrink: 0;overflow: hidden;}
		.main_video .thumb iframe{width:100%;height: 100%;object-fit: cover;}
        .main_video .youtube_list{display: flex;flex-direction: column;gap: 20px;width: 100%;}
        .main_video .youtube_list > li{position: relative;cursor: pointer;}
        .main_video .youtube_list .link{position: absolute; inset: 0; z-index: 5; display: none;}
        .main_video .youtube_list .desc{display: flex;align-items: center;gap: clamp(25px, 1.6vw, 30px);font-size: var(--title-20);height: 100%;}
        .main_video .youtube_list .desc dt{position: relative;width: 100%;height: 185px;flex-shrink: 0;overflow: hidden;}
        .main_video .youtube_list .desc dt img{width: 100%;height: 100%;object-fit: cover;}
            .main_video .youtube_list .desc dt:before{position: absolute; content:''; inset: 0; border: 4px solid var(--point-color01); opacity: 0; pointer-events: none; transition: all 0.4s;}
        .main_video .youtube_list .desc dd{width: 100%;font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.5;letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; display:none;}
            .main_video .youtube_list  > li.on .desc dt:before{opacity: 1;}
            .main_video .youtube_list  > li.on .desc dd{color: var(--point-color01);}

        @media (max-width:1023px) {
            .main_video .cont{flex-wrap: wrap;gap: clamp(10px, 2vw, 20px);}
            .main_video .thumb{width: 100%; min-height: auto; aspect-ratio: auto 1.781;}
            .main_video .youtube_list{display: grid;grid-template: auto / repeat(3, 1fr);gap: clamp(10px, 2vw, 20px);}
            .main_video .youtube_list .desc{gap: clamp(20px, 2.5vw, 20px);}
            .main_video .youtube_list .desc dt{height: auto; aspect-ratio: auto 1.57;}
        }
        @media (max-width:640px) {
            .main_video .youtube_list .desc dt:before{border-width: 3px;}
        }
        @media (max-width:479px) {
            .main_video .youtube_list .desc dd{font-size: 90%;}
        }

    /* RAON NEWS */
		.main_news{position:relative;z-index: 1;}
		.main_news:after{position:absolute;content:'';width: clamp(85px, 24vw, 432px);aspect-ratio: auto 1;border-radius: 100%;box-shadow: inset 0 0 0 clamp(20px, 6.5vw, 100px) var(--point-color04);top: -7%;right: 0;translate: 50% -50%;z-index: -1;}
        .main_news .rel_box{position: relative; max-width: 1530px; padding-inline: 76px;}
        .main_news .notiSwiper{position: relative; clip-path: inset(-100% -20px);}
        .main_news .notiSwiper .swiper-slide{position: relative;height: auto;display: flex;flex-direction: column;}
        .main_news .notiSwiper .swiper-slide:before{position: absolute;content:'';inset: 0;border: 1px solid var(--border-color01);pointer-events: none; transition: all 0.4s;}
        .main_news .notiSwiper .link{position: absolute; inset: 0; z-index: 5;}
        .main_news .notiSwiper .thumb{width: 100%;aspect-ratio: auto 1.59;overflow: hidden;flex-shrink: 0;}
        .main_news .notiSwiper .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .main_news .notiSwiper .cont{font-size: var(--title-20);padding: 30px 20px;padding-top: 27px;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;height: 100%;}
        .main_news .notiSwiper .desc{display: grid;gap: 11px;}
        .main_news .notiSwiper .desc dt{font-size: 110%; font-weight: 600; color: var(--black-color03); line-height: 1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        .main_news .notiSwiper .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color05); line-height: 1.45; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        .main_news .notiSwiper .regdate{font-size: 80%; font-weight: 400; color: var(--black-color08); line-height: 1.25;}
        .main_news .notiSwiper .swiper-pagination{position: relative; inset: auto; width: 100%; height: 3px; margin-top: 50px; background: var(--border-color01);}
        .main_news .notiSwiper .swiper-pagination span{background: var(--black-color00);}
        .main_news [class*="swiper-button"]{position: absolute;top: 44%;left:0;translate: 0 -50%;width: 50px;height: auto;aspect-ratio: auto 1;border-radius: 100%;margin:0;transition: all 0.4s;}
            .main_news [class*="swiper-button"]:before{position: absolute;content:'';width: 70%;aspect-ratio: auto 1;border: 2px solid var(--black-color10);clip-path: var(--clip-poly02);top: 50%;left: 55%;rotate: 135deg;translate: -50% -50%;border-radius: 2px;transition: all 0.4s;}
            .main_news [class*="swiper-button"].swiper-button-next{left:auto; right:0; }
            .main_news [class*="swiper-button"].swiper-button-next:before{scale: -1 -1;left: 45%;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_news .notiSwiper .swiper-slide:hover:before{border-color: var(--point-color01); box-shadow: var(--shadow-02);}
                .main_news [class*="swiper-button"]:hover:before{border-color: var(--point-color01);}
            }

        @media (max-width:1023px) {
            .main_news .rel_box{padding-inline: 0;}
            .main_news .notiSwiper{clip-path: none;}
            .main_news .notiSwiper .cont{gap: clamp(20px, 3vw, 30px);}
            .main_news [class*="swiper-button"]{display: none;}
            .main_news .notiSwiper .swiper-pagination{margin-top: clamp(25px, 5vw, 50px);}
        }
        @media (max-width:640px) {
            .main_news .notiSwiper .swiper-pagination{height: 2px;}
        }
        @media (max-width:479px) {
            .main_news .notiSwiper .cont{padding-block: 25px;}
        }

    /* RAON PARTNER */
        .main_partner{position: relative;}
        .main_partner .clientSwiper{position: relative;}
        .main_partner .clientSwiper .swiper-wrapper{transition-timing-function: linear;}
        .main_partner .clientSwiper .swiper-slide{display: flex; align-items: center; justify-content: center; height: auto; overflow: hidden; width: 215px; aspect-ratio: auto 2.15; overflow: hidden;}
        .main_partner .clientSwiper .swiper-slide:not(:last-child){margin-right: 18px;}

        @media (max-width:1023px) {
            .main_partner .clientSwiper .swiper-slide{width: clamp(142px, 22vw, 215px);}
        }

    /*  배너 */
        .main_bnr{padding-block: 160px;}
        .main_bnr .exp_list{position: relative; display: grid; grid-template: auto / repeat(2, 1fr); gap: clamp(15px, 2.1vw, 40px);}
            .main_bnr .exp_list:before{position: absolute;content:'';width: 160px;width: clamp(60px, 9vw, 160px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);top:0;right:0;translate: 60% -56%;}
        .main_bnr .exp_list > li{position: relative;padding: clamp(50px, 4vw, 60px);min-height: 340px;display: flex;align-items: center;}
            .main_bnr .exp_list > li:nth-child(2) .main_title :is(h2, h6){filter: var(--filter-white);}
        .main_bnr .exp_list .main_title:before{display: none;}
        .main_bnr .exp_list .thumb{position: absolute;inset: 0; overflow: hidden;}
        .main_bnr .exp_list .thumb img{width: 100%; height: 100%; object-fit: cover;} 

        @media (max-width:1023px) {
            .main_bnr{padding-block: clamp(80px, 16vw, 160px);}
            .main_bnr .exp_list > li{min-height: clamp(220px, 34vw, 340px);padding: clamp(40px, 5vw, 50px) clamp(35px, 5vw, 50px);}
        }
        @media (max-width:860px) {
            .main_bnr .exp_list{grid-template: auto / repeat(1, 1fr);}
        }

    /* RAON SNS */ 
        .main_sns{border-top: 1px solid var(--border-color01);padding-block: 37px;}
        .main_sns .w_custom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
        .main_sns .main_title:before{display: none;}
        .main_sns .link_box{display: flex;flex-wrap: wrap;gap: clamp(10px, 1.6vw, 30px);}
        .main_sns .link_box .desc{position: relative;display: flex;align-items: center;justify-content: center;gap: 14px;font-size: var(--title-20);width: clamp(210px, 15vw, 240px);height: 60px;border: 1px solid var(--border-color01);padding: 10px 20px; cursor: pointer; transition: all 0.4s;}
        .main_sns .link_box .desc dt{display: inline-flex;align-items: center;height: 28px;}
        .main_sns .link_box .desc dd{font-size: 90%; font-weight: 500; color: var(--black-color03);}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_sns .link_box .desc:hover{border-color: var(--black-color00);}
            }

        @media (max-width:1023px) {
            .main_sns .w_custom{gap: clamp(20px, 4.5vw, 35px);}
            .main_sns .link_box{width: 100%;display: grid;grid-template: auto / repeat(3, 1fr);}
            .main_sns .link_box .desc{width: auto;height: clamp(55px, 7.5vw, 60px);}
            .main_sns .link_box .desc dt{height: clamp(24px, 3.2vw, 28px);}
        }
        @media (max-width:640px) {
            .main_sns .link_box{grid-template: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px) {
            .main_sns .link_box{grid-template: auto / repeat(1, 1fr);}
        }
		
	/*pop*/
		.custom_layer_popup{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);align-items: center;justify-content: center;z-index:101;}
		.custom_layer_popup.on{display: flex;}
		body:has(.custom_layer_popup.on){overflow:hidden;}
		
		.custom_layer_popup .layer_cont_box{background:var(--point-white);box-sizing:border-box;padding:30px 30px;}
		.custom_layer_popup .btn_close{width:25px;aspect-ratio:auto 1;position: absolute;top:30px;right:30px;cursor:pointer; z-index: 5;}
		.custom_layer_popup .btn_close span{display: inline-block;width:100%;height:2px;background:var(--black-color03);position: absolute;top:50%;left:0;}
		.custom_layer_popup .btn_close span:nth-child(1){transform:rotate(45deg);}
		.custom_layer_popup .btn_close span:nth-child(2){transform:rotate(-45deg);}
		
		@media (max-width:1023px) {
			.custom_layer_popup .layer_cont_box{padding:clamp(15px, 3vw, 30px);max-height:80vh;overflow-y:auto;}
			.custom_layer_popup .btn_close{top:clamp(15px, 3vw, 30px);right:clamp(15px, 3vw, 30px);}
		}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    /* 하단 */
        #footer{position: relative; border-top: 1px solid var(--border-color01);}
        #footer .top_sec{padding-block: 60px 58px;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
        #footer .top_sec .cont{display: flex;align-items: center;gap: 25px clamp(50px, 5.5vw, 80px);width: 100%;}
        #footer .logo{font-size: 0;display: flex;align-items: center;max-width: 140px;flex-shrink: 0;}
        #footer .addr_list{display: grid; gap: 10px; font-size: var(--title-20);}
        #footer .addr_list > li{display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 80%; font-weight: 400; color: var(--black-color06); line-height: 1.25;}
        #footer .addr_list .desc{display: flex; align-items: baseline; gap: 4px;}
        #footer .addr_list .desc dt{flex-shrink: 0; max-width: 100px;}
        #footer .addr_list .desc strong{font-weight: 600; color: var(--black-color03);}
        #footer .link_list{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 30px;font-size: var(--title-20);flex-shrink: 0;max-width: 300px;}
        #footer .link_list > li{font-size: 85%; font-weight: 400; color: rgba(85, 85, 85, 0.8);}
        #footer .link_list strong{font-weight: 500; color: var(--black-color03);}
        #footer .affiliate_store{display: flex;gap: 30px clamp(35px, 4.1vw, 60px);}
        #footer .affiliate_store .desc{position: relative;font-size: var(--title-20);padding-left: 31px;display: flex;flex-direction: column;gap: 17px;}
        #footer .affiliate_store .desc:before{position: absolute;content:'';top: 2px;left: 0;width: 1px;height: 100%;background: linear-gradient(0deg, rgba(221, 221, 221, 1) 70%, rgba(0, 82, 164, 1) 70%);}
        #footer .affiliate_store .desc dt{font-size: inherit; font-weight: 600; color: var(--point-color01);}
        #footer .affiliate_store .desc dd{font-size: 85%; font-weight: 500; color: var(--black-color05); line-height: 1.65;}
        #footer .copy{display: flex;flex-wrap:wrap;gap: 2px 10px;font-size: var(--title-20);padding-block: 65px 28px;}
        #footer .copy :where(dt, dd){font-size: 80%; font-weight: 400; color: var(--black-color08); line-height: 1.75;}

        @media (max-width:1023px) {
            #footer .top_sec{flex-direction: column-reverse;align-items: flex-start;padding-block: clamp(40px, 6vw, 58px);}
            #footer .logo{max-width: clamp(80px, 15vw, 140px);}
            #footer .link_list{max-width: none;column-gap: clamp(23px, 3.5vw, 30px);}
            #footer .affiliate_store{display: grid; grid-template: auto / repeat(2, 1fr);}
            #footer .affiliate_store .desc{padding-left: clamp(25px, 3.6vw, 31px);gap: clamp(8px, 1.7vw, 17px);}
            #footer .copy{padding-block: clamp(40px, 6.5vw, 65px) clamp(20px, 2.8vw, 28px);}
        }
        @media (max-width:640px) {
            #footer .top_sec .cont{flex-direction: column;align-items: flex-start;}
            #footer .logo{flex-shrink: unset;}
        }
        @media (max-width:479px) {
            #footer .affiliate_store{grid-template: auto / repeat(1, 1fr);gap: 25px;}
        }

    /* 퀵 */
        .quick_wrap{position: fixed;right:clamp(30px, 2.1vw, 40px);bottom: 25px;z-index: 50;display: grid;justify-items: end;gap: 20px; opacity: 0; pointer-events: none; transition: all 0.4s;}
        body:has(#header.on:not(.end)) .quick_wrap{opacity: 1;}
        body:has(#header.on:not(.end)) .quick_wrap *{pointer-events: all;}
        .quick_wrap .chat{position: relative;font-size: var(--title-20);cursor: pointer;}
        .quick_wrap .chat dt{display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;border-radius: 100%;background:var(--point-color01);padding: 10px;box-shadow: var(--shadow-04);}
        .quick_wrap .chat dd{position: absolute;font-size: 70%;font-weight: 500;color: var(--black-color03);line-height: 1.43;background: var(--point-white);padding: 9px 12px;border-radius: var(--radius-10);right: 0;bottom: calc(100% + 15px);width: 90px;box-shadow: var(--shadow-04);}
            .quick_wrap .chat dd:before{position: absolute;content:'';width: 22px;aspect-ratio: auto 1.047;background: url('../images/skin/chatClip.svg') no-repeat center / 100% auto;filter: drop-shadow(var(--shadow-04));top: calc(100% - 11px);right: 11px;clip-path: inset(10px 0 0 0);}
            .quick_wrap .chat dd{animation-name: upDwn; animation-duration:0.8s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards; transition-timing-function:linear;}
            @keyframes upDwn {0% {translate: 0;}100% {translate:0 -5px;}}

        .quick_wrap .com_btn{box-shadow: var(--shadow-04);min-width: auto;font-weight: 400;padding: 15px 20px;gap: 15px;letter-spacing: -0.03em;}
        .quick_wrap .com_btn span{font-size: 70%;}
        .quick_wrap .com_btn.dwn:after{width: 18px;}
        .quick_wrap .scr_top{position: relative;display: flex;width: 60px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);box-shadow: var(--shadow-04);}
        .quick_wrap .scr_top:before{position: absolute;content:'';width: 13%;aspect-ratio: auto 1;border: 2px solid var(--black-color03);clip-path: var(--clip-poly02);top: 55%;left: 50%;rotate: -135deg;translate: -50% -50%;}

        @media (max-width:1023px) {
            .quick_wrap{gap: clamp(10px, 2vw, 20px);bottom: clamp(15px, 2.5vw, 25px);}
            .quick_wrap .chat dt{width: clamp(40px, 7vw, 70px); height: clamp(40px, 7vw, 70px);}
            .quick_wrap .chat dd{padding-inline: clamp(10px, 1.7vw, 12px);width: clamp(80px, 9vw, 90px);bottom: calc(100% + clamp(12px, 2vw, 15px));}
            .quick_wrap .chat dd:before{right: clamp(3px, 1.3vw, 11px);}
            .quick_wrap .com_btn.dwn:after{width: clamp(15px, 2.3vw, 18px);}
            .quick_wrap .scr_top{width: clamp(40px, 6vw, 60px);}
        }
        @media (max-width:860px) {
            .quick_wrap{right: 15px;}
        }
        @media (max-width:640px) {
            .quick_wrap .com_btn{width: 40px;height: 40px;padding: 0;justify-content: center;}
            .quick_wrap .com_btn span{display: none;}
        }