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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    body{font-family: var(--font-type05);}
	#wrap {position:relative;width:100%; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1740px; margin-inline: auto; }
    #container{position: relative; }
	.link{position: absolute; inset: 0; z-index: 5;}
	#wrap [class*="swiper-button"]::after{display: none;}

    @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;z-index: 100;width: 100%;height: clamp(65px, 11vw, 110px);background: var(--point-white);transition: all 0.4s;}
		#header.on{box-shadow: inset 0 -1px 0 var(--border-color01);}
	#header .w_custom{display: flex;align-items: center;justify-content: space-between;height: 100%;gap: 15px;}
	#header .logo{height: 100%;}
	#header .logo a{display:flex;align-items: center;max-width: clamp(160px, 27vw, 256px);height: 100%;padding-block: 17px;}
	#header .gnb{position: absolute;top: 0;left: 50%;translate: -50%;display: flex;justify-content: center;text-align: center;width: calc(100% - 500px);height: 100%;}
	#header .gnb > li{position: relative;height: 100%;font-size: var(--text-19);font-weight: 700;color: var(--black-color03);}
	#header .gnb > li > a{position: relative;display: flex;align-items: center;justify-content: center;height: 100%;padding-inline: clamp(15px, 2.65vw, 50px);}
	#header .gnb .dep02{position: absolute;top: 80%;left: 50%;width: max-content;min-width: 150px;max-width: 300px;translate: -50%;background: var(--point-color09);border-radius: var(--radius-10);padding-block: 18px;opacity: 0;pointer-events: none;transition: all 0.4s;}
	#header .gnb .dep02 > li{position: relative;font-size: 95%;transition: all 0.4s;}
	#header .gnb .dep02 > li > a{display: block;padding: 8px 25px;filter: var(--filter-white);}
	#header .utility{display: flex; align-items: center; gap: clamp(15px, 3vw, 30px);}
	#header .allCate{display: flex;font-size: var(--text-12);font-weight: 700;color: var(--black-color01);font-family: var(--font-type06);border-block: 2px solid var(--black-color01);padding: 3px 1px 1px;}
	#header .allCate span{width: 100%; height: 2px; background: var(--black-color01);}

		@media (hover:hover) and (pointer:fine) {
			#header .gnb > li:hover .dep02{opacity: 1; pointer-events: auto;}
			#header .gnb .dep02:has(> li:hover) > li:not(:hover){opacity: 0.4;}
		}

	@media (max-width:1023px) {
		#header .gnb{display: none;}
	}

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,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;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%;display: grid;align-items: start;justify-content: center;grid: auto / repeat(3, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color01);font-size: var(--text-20);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: var(--text-40);font-weight: 700;line-height: 1.4;padding-block: 30px;transition: all 0.4s;letter-spacing: 0;}
        #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-color09);transition:all 0.3s;}
    #aside .gnb .dep02{position: relative;}
    #aside .gnb .dep02 > li > a{display: block;font-weight: 400;padding-block: clamp(7px, 1.7vw, 13px);color: var(--black-color06);line-height: 1.6;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: clamp(20px, 1.6vw, 30px);z-index:2;}
    #aside .close_btn{position: relative;width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 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-color01);}
    #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-color09);}
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color: var(--point-color09);}
            }

    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
    }
    @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{padding-block: clamp(20px, 3vw, 25px);text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
        #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: clamp(10px, 1.8vw, 15px);justify-content: flex-start;}
		#aside .utility{top:15px; right: 15px;}
    }
    @media (max-width:479px){
        #aside .gnb .dep02{grid-template: auto / repeat(1, 1fr);}
    }
    
/*───────────────────────────────────────────────────────────

    MAIN | index.html

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .visualSwiper{position: relative;overflow: hidden;clip-path: var(--clip-poly03);}
        .visualSwiper .swiper-slide{position: relative;height: auto;aspect-ratio: auto 2.35;overflow: hidden;}
        .visualSwiper .thumb{display: block; width: 100%; height: 100%; background: no-repeat center / cover;}
            .visualSwiper .swiper-slide[data-swiper-slide-index="0"] .thumb{background-image: url('../images/pra_skin/main_visual01.jpg');}
            .visualSwiper .swiper-slide[data-swiper-slide-index="1"] .thumb{background-image: url('../images/pra_skin/main_visual02.jpg');}
            .visualSwiper .swiper-slide[data-swiper-slide-index="2"] .thumb{background-image: url('../images/pra_skin/main_visual03.jpg');}
        .visualSwiper .controller{position: absolute;bottom: 32%;left: 0;z-index: 5;padding-inline: 4.8%;width: 100%;display: flex;align-items: center;flex-wrap: wrap;gap: clamp(15px, 3vw, 30px);}
        .visualSwiper [class*="swiper-button"]{position: relative;inset: auto;width: clamp(34px, 5vw, 50px);height: auto;aspect-ratio: auto 1;border-radius: 100%;background: rgb(255 255 255 / 10%);margin: 0;transition: all 0.4s;}
            .visualSwiper [class*="swiper-button"].swiper-button-next{scale: -1 -1;}
            .visualSwiper [class*="swiper-button"]::before{position: absolute;content:'';width: clamp(9px, 1.4vw, 12px);aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);top: 50%;left: 56%;translate: -50% -50%;rotate: 135deg;border-radius: 1px;transition: inherit;}
        .visualSwiper .swiper-pagination-num{position: relative;inset: auto;width: auto;color: var(--point-white);display: flex;align-items: center;flex-wrap: wrap;gap: 6px;}
        .visualSwiper .swiper-pagination-num span{font-size: var(--text-20); color: rgb(255 255 255 / 40%); font-family: var(--font-type06); font-weight: 700;}
        .visualSwiper .swiper-pagination-num .swiper-pagination-current{font-size: var(--text-24); color: var(--point-white);}
        .visualSwiper .swiper-pagination-num .swiper-pagination-total{font-size: var(--text-18);}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .visualSwiper [class*="swiper-button"]:hover{background: var(--point-white);}
                .visualSwiper [class*="swiper-button"]:hover::before{filter: var(--filter-black);}
            }
		@media (max-width:860px) {
			.visualSwiper .swiper-slide{aspect-ratio: auto 1.162;}
            .visualSwiper .swiper-slide[data-swiper-slide-index="0"] .thumb{background-image: url('../images/pra_skin/main_visual01_m.jpg');}
            .visualSwiper .swiper-slide[data-swiper-slide-index="1"] .thumb{background-image: url('../images/pra_skin/main_visual02_m.jpg');}
            .visualSwiper .swiper-slide[data-swiper-slide-index="2"] .thumb{background-image: url('../images/pra_skin/main_visual03_m.jpg');}
			.visualSwiper .controller{bottom:50px;}
        }

    /* 타이틀 */
        .main-title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap10);}
            .main-title.hd{margin-bottom: clamp(20px, 6vw, 60px);}
        .main-title h3{font-size: var(--text-16);font-weight: 700;color: var(--black-color05);line-height: 1.6;font-family: var(--font-type06);letter-spacing: 0;}
        .main-title h4{font-size: var(--text-48);font-weight: 800;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
		.main-title h4 em{color: var(--point-color09);}

    /* major-business */
        .major-business{display: flex;gap: var(--row-gap40) 0;}
        .major-business .main-title{width: clamp(300px, 26vw, 460px);flex-shrink: 0;padding-right: 40px;}
        .major-business .info-list{width: 100%;display: grid;gap: var(--row-gap60) clamp(15px, 1.5vw, 28px);grid: auto / repeat(3, 1fr);}
        .major-business .info-list > li{position: relative; display: flex;flex-direction: column;gap: 20px;}
        .major-business .info-list .thumb{position: relative;aspect-ratio: auto 0.928;overflow: hidden;}
            .major-business .info-list .thumb::before{position: absolute; content:''; width: 50px; aspect-ratio: auto 1; right:0; bottom:0; background: var(--point-grad02); opacity: 0; transition: all 0.4s; z-index: 1;}
        .major-business .info-list .thumb img{width: 100%;height: 100%;object-fit: cover; transition: all 0.4s;}
        .major-business .info-list .cont{display: grid;gap: 11px;}
        .major-business .info-list .tag{font-size: var(--text-14);font-weight: 700;line-height: 1.4;color: var(--point-color12);padding: 4px 10px;width: fit-content;background: var(--point-color13);display: inline-flex;align-items: center;justify-content: center;text-align: center;}
            .major-business .info-list > li:nth-child(2) .tag{color: var(--point-color14); background: var(--point-color15);}
            .major-business .info-list > li:nth-child(3) .tag{color: var(--point-color16); background: var(--point-color17);}
        .major-business .info-list .desc{display: grid;gap: 11px;}
        .major-business .info-list .desc dt{font-size: var(--text-26);font-weight: 700;color: var(--black-color01);line-height: 1.6;letter-spacing: -0.03em;}
        .major-business .info-list .desc dd{font-size: var(--text-18);line-height: 1.6;color: var(--black-color03);}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .major-business .info-list > li:hover .thumb::before{opacity: 1;}
                .major-business .info-list > li:hover .thumb img{scale: 1.1;}
            }

        @media (max-width:1023px) {
            .major-business{flex-wrap: wrap;}
            .major-business .main-title{width: 100%;}
        }
        @media (max-width:640px) {
            .major-business .info-list{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:360px) {
            .major-business .info-list{grid: auto / repeat(1, 1fr);}
        }

    /* promise-list */
        .promise-list{display: grid;grid: auto / repeat(4, 1fr);gap: var(--col-gap20);}
        .promise-list > li{position: relative;background: var(--point-color09);padding: clamp(20px, 3.5vw, 30px);color: var(--point-white);display: flex;flex-direction: column;gap: 21px;}
            .promise-list > li:nth-child(2n){background: var(--point-color18);}
            .promise-list > li::before{position: absolute;content:'';width: clamp(30px, 5vw, 50px);aspect-ratio: auto 1;background: var(--point-grad02);right: 0;bottom: 0;opacity: 0;transition: all 0.4s;}
            .promise-list > li:nth-child(2n)::before{background: var(--point-grad03);}
        .promise-list .label-desc{display: flex;align-items: flex-start;justify-content: space-between;gap: 15px;}
        .promise-list .label-desc dt{position: relative; font-size: var(--text-17);font-weight: 600;font-family: var(--font-type06);line-height: 1.6;border: 1px solid var(--point-white);padding: 3px 10px;display: inline-flex;align-items: center;justify-content: center;text-align: center; color: var(--point-color09);}
            .promise-list .label-desc dt::before{position: absolute;content:'';inset: 0;background: var(--point-white);clip-path: inset(0 100% 0 0);transition: all 0.4s;}
            .promise-list > li:nth-child(2n) .label-desc dt{color: var(--point-color18);}
        .promise-list .label-desc dt span{position: relative;filter: var(--filter-white);transition: all 0.4s;}
        .promise-list .label-desc dd{display: block;width: clamp(50px, 9.5vw, 90px);flex-shrink: 0;}
        .promise-list .info-desc{display: grid;gap: var(--row-gap10);}
        .promise-list .info-desc dt{font-size: var(--text-26);font-weight: 600;line-height: 1.6;}
        .promise-list .info-desc dd{font-size: var(--text-18);font-weight: 300;line-height: 1.6;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .promise-list > li:hover::before{opacity: 1;}
                .promise-list > li:hover .label-desc dt::before{clip-path: inset(0);}
                .promise-list > li:hover .label-desc dt span{filter: none;}
            }

        @media (max-width:1600px) {
            .promise-list .label-desc{flex-direction: column;}
            .promise-list .label-desc dd{flex-shrink: unset;}
        }
        @media (max-width:1200px) {
            .promise-list{grid: auto / repeat(2, 1fr);}
            .promise-list .label-desc{flex-direction: row;}
            .promise-list .label-desc dd{flex-shrink: 0;}
        }
        @media (max-width:640px) {
            .promise-list .label-desc{flex-direction: column;}
            .promise-list .label-desc dd{flex-shrink: unset;}
        }
        @media (max-width:479px) {
            .promise-list{grid: auto / repeat(1, 1fr);}
            .promise-list .label-desc{flex-direction: row;}
            .promise-list .label-desc dd{flex-shrink: 0;}
        }

    /* swiper-slide */
        .activitySwiper{position: relative; overflow: hidden;}
        .activitySwiper .swiper-slide{position: relative;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding: 15px;}
            .activitySwiper .swiper-slide::before{position: absolute;content: '';inset: 0;border: 2px solid var(--point-color09);opacity: 0;transition: all 0.4s; clip-path: var(--clip-poly04);}
            .activitySwiper .swiper-slide::after{position: absolute;content:'';width: clamp(30px, 5vw, 50px);aspect-ratio: auto 1;background: var(--point-grad03);right: 0;bottom: 0;opacity: 0;transition: all 0.4s;} 
        .activitySwiper .desc{display: grid;gap: clamp(12px, 1.5vw, 15px);}
        .activitySwiper .desc dt{aspect-ratio: auto 1.772;overflow: hidden;}
		.activitySwiper .desc dt img{width:100%; height:100%; object-fit:cover;}
        .activitySwiper .desc dd{font-size: var(--text-20);font-weight: 700;color: var(--black-color01);line-height: 1.6;padding: 0 10px clamp(2px, 0.5vw, 5px);letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}

        .main-activity .controller{position: relative;display: flex;flex-wrap: wrap;gap: clamp(10px, 2vw, 20px);}
        .main-activity [class*="swiper-button"]{position: relative;inset: auto;margin: 0;width: clamp(38px, 5.5vw, 50px);height: auto;aspect-ratio: auto 1;background: var(--gray-bg01);border-radius: 100%; transition: all 0.4s;}
            .main-activity [class*="swiper-button"].swiper-button-next{scale: -1 -1;}
            .main-activity [class*="swiper-button"]::before{position: absolute;content:'';width: clamp(10px, 1.4vw, 12px);border: 2px solid var(--black-color08);aspect-ratio: auto 1;clip-path: var(--clip-poly02);rotate: 135deg;top: 50%;left: 54%;translate: -50% -50%;border-radius: 2px;transition: inherit;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .activitySwiper .swiper-slide:hover{&::before, &::after{opacity: 1;}}
                .main-activity [class*="swiper-button"]:hover{background: var(--black-color00);}
                .main-activity [class*="swiper-button"]:hover::before{filter: var(--filter-white);}
            }

        @media (max-width:640px) {
            .activitySwiper{overflow:visible;}
        }

     /* announ-list */
        .announ-list{display: grid;grid: auto / repeat(4, 1fr);box-shadow: inset -1px -1px 0 var(--border-color01);background: var(--point-white);}
        .announ-list > li{position: relative;box-shadow: inset 1px 1px 0 var(--border-color01);padding: clamp(30px, 2.1vw, 40px);display: flex;flex-direction: column;gap: clamp(30px, 8vw, 80px);transition: all 0.4s;}
        .announ-list > li::before{position: absolute;content:'';width: clamp(30px, 5vw, 50px);aspect-ratio: auto 1;background: var(--point-grad02);right:0;bottom:0;opacity: 0;transition: inherit;}
        .announ-list .regdate{position: relative;display: block;font-size: var(--text-17);color: var(--black-color08);line-height: 1.6;padding-right: 30px; transition: inherit;}
            .announ-list .regdate::before{position: absolute;content:'';width: clamp(15px, 2.2vw, 20px);aspect-ratio: auto 1.25;background: url('../images/pra_skin/more_arw.svg') no-repeat center / 100% auto;top: clamp(2px, 0.8vw, 6px);right: 0;}
        .announ-list .desc{display: grid;gap: var(--row-gap10);transition: inherit;}
        .announ-list .desc dt{font-size: var(--text-22);font-weight: 700;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
        .announ-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .announ-list > li:hover{background: var(--point-color09); box-shadow: none;}
                .announ-list > li:hover::before{opacity: 1;}
                .announ-list > li:hover :is(.regdate, .desc){filter: var(--filter-white); }
                .announ-list > li:hover .regdate{color: rgb(136 136 136 / 80%);}
            }

        @media (max-width:1200px) {
            .announ-list{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:1023px) {
            .announ-list > li{padding: clamp(25px, 3vw, 30px);}
        }
        @media (max-width:479px) {
            .announ-list{grid: auto / repeat(1, 1fr);}
        }

    /* main-disclosure */
        .main-disclosure{position: relative;padding-top: clamp(0px, 5vw, 50px);}
        .main-disclosure::before{position:absolute;content:'';width: clamp(100px, 33vw, 616px);aspect-ratio: auto 2.2;top: clamp(-20px, -2vw, 0px);right:0;background: url('../images/pra_skin/ci.svg') no-repeat center / 100% auto;opacity: 0.05;}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{position: relative; border-top: 1px solid var(--border-color01); background: var(--point-white);}
    #footer .cont{padding-block: clamp(30px, 6vw, 60px) clamp(30px, 5.8vw, 58px);}
    #footer .cont .w_custom{display: grid;gap: clamp(25px, 4vw, 40px);}
    #footer .ftr-title{position: relative;}
    #footer .ftr-title h6{font-size: var(--text-60);font-weight: 700;color: var(--black-color01);line-height: 1.4;font-family: var(--font-type06);letter-spacing: -0.03em;}
    #footer .site-info{display: grid;justify-items: end;gap: clamp(10px, 1.2vw, 12px);}
    #footer .site-info dt{font-size: var(--text-18);font-weight: 700;}
    #footer .site-info dd{font-size: var(--text-18);color: var(--black-color05);display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 5px 0;}
		#footer .site-info dd span::before{display:inline-flex;content:'';width:1px;height: clamp(8px, 1.2vw, 10px);background: var(--border-color01);margin-inline: 14px 12px;}
        #footer .site-info dd span:first-child:before{opacity: 0;}
    #footer .btm-sec{background: var(--point-color18);font-size: var(--text-16);color: rgb(255 255 255 / 80%);font-weight: 300;padding-block: clamp(20px, 2.4vw, 24px);}
    #footer .btm-sec .w_custom{display: flex;align-items: center;justify-content: space-between;gap: 15px;flex-wrap: wrap;}
    #footer .copy{display: flex;flex-wrap: wrap;gap: 5px 20px;letter-spacing: -0.02em;}
    #footer .link-list{display: flex;flex-wrap: wrap;gap: 12px clamp(25px, 3vw, 30px);}
    #footer .link-list > li{color: var(--point-white);}
	#footer .link-list strong{font-weight:600;}

    .quick-list{position: sticky;bottom: clamp(15px, 3vw, 30px);display: grid;z-index: 50;width: clamp(55px, 8vw, 70px);margin-left: auto;box-shadow: inset 0 0 0 1px var(--border-color01);background: var(--point-white);margin-top: -80px;}
    .quick-list > li{position: relative;}
        .quick-list > li::before{position: absolute;content:'';width: calc(100% - clamp(5px, 1vw, 10px) * 2);height: 1px;background: var(--border-color01);top: 100%;left: 50%;translate: -50%;}
    .quick-list > li:last-child{background: var(--point-color18);color: var(--point-white);}
	.quick-list > li > a{display: flex;align-items: center;justify-content: center;text-align: center;min-height: clamp(50px, 7vw, 60px);font-size: var(--text-13);font-weight: 700;line-height: 1.3;padding: clamp(5px, 1vw, 10px);font-family: var(--font-type07);}