@charset "utf-8";

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

    공통요소

───────────────────────────────────────────────────────────*/
	#wrap{position: relative; overflow: clip; }
    .w_custom{position: relative; width: calc(100% - 60px); max-width:1280px; margin-inline: auto;box-sizing:border-box;}
	#wrap [class*="swiper-button"]:after{display: none;}
	#container {padding-bottom:clamp(70px, 12vw, 140px);}
	#container:has(.pbn){padding-bottom:0;}
	#layerDim{width:100%;height:100%;position: fixed;top:0;left:0;z-index:60;background:rgba(0,0,0,0.5);}
	
	.skip_nav_link {position: absolute;top: -9999px;left: 0;z-index: 9999;padding: 10px 16px;background-color: var(--black-color03);color: var(--point-white);text-decoration: none;line-height: 1.2;}
	.skip_nav_link:focus, .skip_nav_link:focus-visible {top: 0;outline: none;border: 2px solid var(--point-color01);}
	.sr-only{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
	
	.dn{display: none;}
	.for_m{display: none;}
	
	@media screen and (max-width:1400px) {
	   .for_pc{display: none;}
	}
    @media screen and (max-width:640px) {
		.main_w_custom, .w_custom{width: calc(100% - 30px);}
		.for_m{display:inline;}
	}
    @media screen and (max-width:320px) {
        .main_w_custom, .w_custom{width: calc(100% - 20px);}
	}
	
/*───────────────────────────────────────────────────────────

    HEADER

───────────────────────────────────────────────────────────*/
	#header{position:sticky;top:0;left:0;width:100%;background:var(--point-white);z-index:50;transition:all 0.3s;box-sizing:border-box;border-bottom:1px solid var(--border-color01);}
		#header.down{transform:translateY(-100%);}
		#header.up{transform:translateY(0);}
		#header .hd_top{box-sizing:border-box;padding:10px 0;border-bottom:1px solid var(--border-color03);}
		#header .hd_top .w_custom{display: flex;align-items: center;justify-content: space-between;}
			#header .hd_notice .swiper-container {width:100%;height:20px;overflow:hidden;max-width:650px;}
		#header .hd_notice .swiper-wrapper{flex-direction: column;}
		#header .hd_notice ul li{font-size:var(--text-17);color:var(--black-color05);font-weight:500;letter-spacing:-0.03em;display: flex;align-items: center;gap:14px;}
        #header .hd_notice ul li .award_icon{height:20px;}
			#header .hd_notice ul li p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;}
			#header .hd_notice ul li span{font-size:inherit;color:inherit;font-weight:inherit;}
			#header .hd_notice ul li span:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;margin:0 10px 0 6px;}
			#header .hd_notice ul li strong{font-size:inherit;color:var(--black-color03);font-weight:500;}
		#header .hd_gnb_box{display: flex;align-items: center;gap:26px;}
			#header .hd_gnb_box .hd_gnb{display: flex;align-items: center;gap:26px;}
			#header .hd_gnb_box .hd_gnb li a{color:var(--black-color05);font-size:var(--text-17);font-weight: 400;}
		#header .header_cont{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;font-size:var(--text-20);}
		#header .logo_box{display: flex;align-items: center;gap:24px;}
			#header .logo_box .hd_logo a{display: block;width:100%;height:24px;}
					#header .contact_us{width: 130px;height:96px;display: flex;align-items: center;justify-content: center;text-align: center;background:var(--point-color01);font-size:var(--text-20);color:var(--point-white);font-weight:700;position: relative;transition: all 0.3s;}	
			#header .contact_us:after{width: 0;height: 0;content: "";background: url('../images/skin/hd-contact.png')no-repeat center / auto 100%;position: absolute;right:15px;top:50%;translate:0 -50%;transition: all 0.5s;}
			#header .contact_us span{font-size:inherit;color:inherit;font-weight:inherit;}
		#header .hd_right{display: flex;align-items: center;gap:15px;}
		#header .hd_right #gnb{margin-right:15px;}
		#header .hd_lnb{display: flex;align-items: center;gap:45px;}
			#header .hd_lnb > li{position: relative;font-size:var(--text-20);}
			#header .hd_lnb > li > a{font-size:100%;font-weight: 500;position: relative;color:var(--black-color00);line-height:96px;letter-spacing:0;display: block;position: relative;transition:all 0.3s;}
            #header.down .hd_lnb > li > a{line-height:90px;}
			#header .header_cont .hd_lnb > li > a:before{width:0;height:2px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:0;transition:all 0.5s;}
			#header .header_cont .hd_lnb > li:nth-child(1):before{content: "";animation-duration: 2s;animation-name: point;animation-iteration-count: infinite;display: block;position: absolute;top:30px;right:-10px;width: 6px;aspect-ratio:auto 1;border-radius: 50%;background:var(--point-color01);}
		@keyframes point { 
			0% { opacity: 1; } 
			50% { opacity: 0; } 
			100% { opacity: 1; } 
		}
		#header .header_cont .hd_lnb > li.on > a, #header .header_cont .hd_lnb > li.active > a{color:var(--point-color01);}
		#header .header_cont .hd_lnb > li.on > a:before, #header .header_cont .hd_lnb > li.active > a:before{width:100%;}
		#header .header_cont .hd_lnb .dep02{display: none;}
		#header .hd_right .link_tel{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;gap:6px;padding:8px 0;width:160px;font-size:var(--text-20);color:var(--black-color03);font-weight:500;font-family:var(--font-type04);border:1px solid rgba(204, 204, 204, 0.5);border-radius:100px;}
		#header .hd_right .link_tel:before{width:14px;aspect-ratio:auto 1;content:"";background:url('../images/skin/icon_tel.svg')no-repeat center / auto 100%;display: inline-block;}
		#header .hd_right .link_tel span{font-size:85%;font-weight:500;}
		#header .menu-trigger{display: none;}
		
		/*전체 메뉴*/
		.hd_all_cate{border-top: 1px solid var(--border-color01);box-shadow: 2px 6px 11px -5px rgba(0, 0, 0, 0.2);background:var(--point-white);padding: 45px 0 190px;box-sizing:border-box;position: absolute;top:100%;left:0;width:100%;display: none;}
		.hd_all_cate.on{display: block;}
		.hd_all_cate .cate_box{display: flex;justify-content: space-between;align-items: flex-start;box-sizing:border-box;/* padding:0 60px; */}
		.hd_all_cate .gif_box{display: inline-block;box-sizing:border-box;vertical-align: top;float: left;width:210px;}
		.hd_all_cate .gif_box a{display: block;width:100%;height:100%;}
		.hd_all_cate .time_box{display: flex;align-items: center;margin-top:15px;}
		.hd_all_cate .time_box .clock{margin-left:15px;}
		.hd_all_cate .time_box .clock p{font-size:var(--text-18);color:var(--black-color03);font-weight:500;}
		.hd_all_cate .time_box .clock #time{font-size:var(--text-14);color:var(--point-color01);font-weight:700;}
		.hd_all_cate .time_box .clock #time em{color:var(--black-color03);font-weight:400;}
		
		#header .hd_all_cate .all_cate_ul{padding-right:334px;margin-top:-10px;}
		#header .hd_all_cate .all_cate_ul > ul{align-items: flex-start;}
		#header .hd_all_cate .all_cate_ul > ul > li:nth-child(1):before{display: none;}
		#header .hd_all_cate .all_cate_ul > ul > li > a{height:0;opacity:0;overflow:hidden;}
		#header .hd_all_cate .all_cate_ul .dep02{position: absolute;left:0;top:0;width:max-content;}
		#header .hd_all_cate .all_cate_ul .dep02 li a{font-size:var(--text-15);line-height:38px;height: auto;padding: 0;color:var(--black-color14);font-weight: 400;word-break:break-all;}
		
			/*on*/
			#header.on .contact_us{height:72px;}
			#header.on .hd_lnb > li > a{line-height:72px;}
			
		
		@media (pointer: fine) and (hover: hover) {
			#header .hd_lnb > li:hover > a{color:var(--point-color01);}
			#header .hd_lnb > li:hover > a:before{width:100%;}
			#header .hd_all_cate .all_cate_ul .dep02 li:hover a{color:var(--point-color01);}
			#header .hd_right .link_tel:hover{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
			#header .hd_right .link_tel:hover:before{filter:var(--filter-white);}
		}
		
		@media (min-width:1400px) {
			#header .contact_us:hover{padding-right:20px;}
			#header .contact_us:hover:after{width:10px;height:10px;}
		}
		
		@media (max-width:1600px) {
			/* #header .hd_lnb{gap:55px;} */
		}
		@media (max-width:1400px) {
			#header #gnb{display: none;}
			#header .header_cont{padding-block:clamp(12px, 2.5vw, 25px);}
			#header .logo_box{gap:15px;}
			#header .logo_box .hd_logo a{height:24px;}
			#header .contact_us{width:30px;aspect-ratio:auto 1;height:auto;background:url('../images/skin/icon_quote.png')no-repeat center;background-size:auto 100%;}
			#header .contact_us span,
			#header .contact_us:after{display: none;}
			#header .hd_lnb > li > a{font-size:85%;}
			.hd_all_cate .gif_box{width:25%;}
			#header .hd_all_cate .all_cate_ul{padding-right:236px;}
            #header .hd_all_cate .all_cate_ul .dep02 li a{font-size:16px;}
			#header .menu-trigger{width:25px;height:20px;display:flex;flex-direction: column;justify-content: space-between;position: relative;}
			#header .menu-trigger span{display: inline-block;width:100%;height:2px;background:var(--black-color03);}
			
			/*on*/
			#header.on .contact_us{height:auto;}
		}
		@media (max-width:1150px) {
			#header .hd_lnb{gap:35px;}
			#header .header_cont .hd_lnb > li:nth-child(1):before{right:-7px;}
			.hd_all_cate{padding-bottom:220px;}
			.hd_all_cate .gif_box{width:23%;}
			#header .hd_all_cate .all_cate_ul .dep02 li a{font-size:14px;}
		}
		@media (max-width:1023px) {
			#header .hd_gnb_box{display: none;}
			#header .logo_box{margin-top:0;}
			#header .logo_box .hd_logo a{height:clamp(20px, 2.4vw, 24px)}
			#header .logo_box .contact_us{width:clamp(20px, 3vw, 30px);}
			#header .hd_right .link_tel{width:auto;padding:8px 12px;}
			#header #gnb{display: none;}
			
		}
		@media (max-width:767px) {
			#header .hd_notice{width:100%;}
			#header .hd_notice dl dd{box-sizing:border-box;width:calc(100% - 30px);margin:0;padding-left:10px;padding-right:10px;}
			#header .logo_box{margin-top:0;gap:10px;}
		}
		@media (max-width:640px) {
			#header .hd_notice dl dt{width:20px;}
			#header .hd_notice dl dd{width:calc(100% - 20px);}
			/* #header .hd_top, #header .header_cont, .hd_all_cate .cate_box{padding-inline:15px;} */
		}
		@media (max-width:479px) {
            #header .hd_notice ul li{gap:6px;}
            #header .hd_notice ul li .award_icon{height:16px;}
			#header .hd_notice ul li span:before{height:10px;margin:0 6px;}
			#header .hd_right{gap:10px;}
			#header .hd_right .link_tel{border:none;padding:0;}
			#header .hd_right .link_tel span{display: none;}
			
			#header .header_cont{padding-block:18px;}
			#header .contact_us{width:20px;}
			#header .hd_right .link_tel:before{width:14px;}
		}

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

    ASIDE

───────────────────────────────────────────────────────────*/
	body:has(#aside.on){height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
	
	#aside {position:fixed;top:0px;left:0;width:100%;height:100%;box-sizing:border-box;background:var(--point-white);transition:0.3s ease-out;opacity: 0;pointer-events: none;z-index:49;}
	#aside .aside_box {position: relative; display: flex; align-items: center; height: 100%;}
	#aside .menu_box {position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 120px 0 60px; overflow-y: auto;}
	#aside .slidemenu {display: flex; width: 100%;flex-direction: column;}
	#aside .slidemenu > li {position: relative; width: 100%; box-sizing: border-box;display: flex; flex-direction: column;align-items: flex-start;justify-content: center; padding: 32px 30px;overflow: hidden;font-size:var(--text-20);}
	#aside .slidemenu > li + li {border-top: 1px solid var(--border-color03);}
	#aside .slidemenu > li > a{display: inline-block; font-size:180%; font-weight: 600; color: var(--black-color01); letter-spacing: -0.03em;position: relative;}
	#aside .slidemenu > li > a:after {display: none; content: ""; position: absolute; right: -16px; top: 4px; width: 7px;aspect-ratio:auto 1;background: var(--point-color01);}
	#aside .slidemenu > li .dep02 {display: flex; flex-wrap: wrap; gap: 12px 30px; margin-top: 24px;}
	#aside .slidemenu > li .dep02 > li + li {margin-top:0;}
	#aside .slidemenu > li .dep02 > li > a {display: block; font-size: var(--text-18); color: var(--black-color06);}
	#aside .aside_gnb{display: none;}
		
		/* header */
			#header.asd{box-shadow:none;}
			#header.asd .menu-trigger span {position: absolute; left: 50%; top: 50%; width:100%;}
			#header.asd .menu-trigger span:nth-child(1) {transform: translate(-50%,-50%) rotate(45deg); transform-origin: center;}
			#header.asd .menu-trigger span:nth-child(2) {transform: translate(-50%,-50%) rotate(-45deg); transform-origin: center;}
			#header.asd .menu-trigger span:nth-child(3){display: none;}
			
		/* on */
			#aside.on {opacity: 1; pointer-events: all;}
			#aside .bg_box li:after {content: ""; position: absolute; right: 0; top: 0px; width: 100%; height: 100%; background: var(--point-color04); -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;}
			#aside.on .bg_box li:after {width: 0;}
			#aside .slidemenu > li * {opacity: 0; transform: translateX(-50%); transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;}
			#aside.on .slidemenu > li * {opacity: 1; transform: translateX(0); transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);}
			
		/* over */
			@media (pointer: fine) and (hover: hover) {
				#aside .slidemenu > li:hover > a:after{display: block;}
				#aside .slidemenu > li .dep02 > li > a:hover {color: var(--point-color01);}
			}
	
	@media (max-width:1400px) {
		#aside .menu_box {padding:0 0 60px;}
	}
	@media (max-width:1240px) {
		/* on */
			#aside .aside_box:before {opacity: 0; content: ""; position: absolute; right: 0; top: 0px; width: 110%; height: 100%; background: var(--point-color04); -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s; z-index: 1;}
			#aside.on .aside_box:before {opacity: 1; width: 0;}
	}
	@media (max-width:1023px) {
		#aside .slidemenu > li{padding:clamp(20px, 3.2vw, 32px) clamp(15px, 3vw, 30px);}
		
		#aside .aside_gnb{display: flex;align-items: center;justify-content: center;gap:20px;margin-top:20px;}
		#aside .aside_gnb li a{font-size:var(--text-20);color:var(--black-color08);font-weight:400;}
	}
	@media (max-width:640px) {
		#aside .slidemenu > li > a{font-size:150%;}
		#aside .slidemenu > li .dep02{margin-top:15px;gap:10px 20px;}
	}
	@media (max-width:479px) {
		#aside .slidemenu > li .dep02{margin-top:10px;gap:6px 15px;}
	}
	
/*───────────────────────────────────────────────────────────

    FOOTER

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color00);padding:60px 0 14px;}
	#footer .cs_info_box{display: flex;flex-wrap:wrap;justify-content: space-between;font-size:var(--text-20);}
	#footer .logo_box{font-size:var(--text-20);width:460px;}
    #footer .logo_box h3{font-size:160%;color:var(--point-white);font-weight:600;line-height:1.4;letter-spacing:-0.03em;}
    #footer .logo_box .link_box{display: flex;gap:20px;margin-top:25px;}
	#footer .hd_pdf_down{display: flex;align-items: center;justify-content: center;width:200px;height:50px;box-sizing:border-box;background:var(--point-color01);font-size:85%;color:var(--point-white);font-weight:600;position: relative;gap:10px;}
	#footer .hd_pdf_down:after{width:18px;aspect-ratio:auto 1;content:"";background:url('../images/skin/icon_down.png')no-repeat center;display: inline-block;background-size:auto 100%;}
	#footer .ft_family{position: relative;display: inline-block;width:200px;}
        #footer .ft_family button{border: 1px solid rgba(255, 255, 255, 0.30);width:100%;height:60px;display: flex;align-items: center;justify-content:space-between;font-size:100%;color:var(--point-white);font-weight:400;box-sizing: border-box;position: relative;cursor:pointer;padding:0 26px;}	
        #footer .ft_family button:after{width:8px;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(135deg);translate:0 -3px;}	
        #footer .ft_family.on button:after{transform:rotate(-45deg);translate:0 4px;}	
        #footer .ft_family ul{background:var(--point-white);box-sizing:border-box;padding:10px 10px;position: absolute;top:100%;left:0;width:100%;z-index:10;opacity:0;pointer-events:none;transition:all 0.3s;}	
        #footer .ft_family.on ul{opacity:1;pointer-events:initial;}
        #footer .ft_family ul li a{font-size:80%;color:var(--black-color03);font-weight:400;line-height:1.6;display: block;width:100%;}
	#footer .cs_box{display: flex;flex-wrap:wrap;gap:80px;font-size:var(--text-20);}
        #footer .cs_box h4{font-size:90%;color:var(--point-white);font-weight: 600;line-height:1.3;margin-bottom:12px;}
        #footer .cs_box .cs_cont p{font-size:75%;color:var(--point-white);font-weight:500;line-height:1.7;}
        #footer .cs_box .bank_info{display: flex;align-items: center;gap:10px;}
        #footer .cs_box .bank_info span{font-weight: 400;}
        #footer .cs_box .cs_bank a{display: inline-flex;width:170px;height:46px;box-sizing:border-box;align-items: center;justify-content: space-between;padding:0 15px;border: 1px solid rgba(255, 255, 255, 0.30);font-size:var(--text-16);color:var(--point-white);font-weight:400;margin-top:20px;}
        #footer .cs_box .cs_bank a:after{width:6px;content:"";aspect-ratio:auto 1;border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);}
	#footer .ft_bot{box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.3);display: flex;flex-wrap:wrap;justify-content: space-between;padding:30px 0 30px;margin-top:40px;}
    #footer .ft_bot .ft_menu{display: flex;flex-wrap:wrap;align-items: center;gap:10px 20px;}
    #footer .ft_bot .ft_menu li a{font-size:var(--text-15);color:var(--point-white);font-weight:300;line-height:1.6;}
    #footer .ft_bot .ft_menu li a strong{font-weight: 500;}
        #footer .ft_bot .info{margin-top:20px;display: flex;flex-direction: column;gap:4px;}
        #footer .ft_bot .info li{display: flex;align-items: center;gap:28px;}
        #footer .ft_bot .info li dl{display: flex;align-items: center;gap:14px;position: relative;}
        #footer .ft_bot .info li dl + dl:before{width:4px;aspect-ratio:auto 1;content:"";border-radius:100%;background: rgba(255, 255, 255, 0.20);position: absolute;left:-14px;top:50%;translate:0 -50%;}
        #footer .ft_bot .info li dl dt, #footer .ft_bot .info li dl dd{font-size:var(--text-15);color:var(--point-white);font-weight:300;letter-spacing:-0.03em;line-height:1.6;}
        #footer .ft_bot .info li dl dt{font-weight: 500;}
        #footer .ft_bot .info li dl dd{opacity:0.6;}
        #footer .ft_copy{padding:20px 0;display: flex;flex-direction: column;align-items:flex-start;justify-content: space-between;gap:clamp(10px, 2vw, 20px);}
        #footer .copy{font-size:var(--text-15);color:var(--point-white);font-weight:300;opacity:0.8;line-height:1.3;letter-spacing:-0.03em}
        #footer .ft_venture{display: flex;flex-wrap:wrap;gap:10px 20px;}
        #footer .ft_venture li a{display: block;}
		#footer .ft_venture img{max-height:30px;}
	#footer .ft_bot .icon_box{width:73px;}
	
    @media (max-width:1300px) {
        #footer .cs_info_box{gap:30px;}
        #footer .cs_box{width:100%;}
    }
    @media (max-width:1023px) {
        #footer{padding:clamp(40px, 8vw, 80px) 0 10px;}
        #footer .logo_box{width:100%;}
        #footer .logo_box h3{font-size:160%;}
        #footer .logo_box .link_box{margin-top:clamp(20px, 4vw, 40px);}
        #footer .hd_pdf_down, #footer .ft_family button{height:clamp(40px, 5vw, 50px);width:clamp(150px, 20vw, 200px);}
        #footer .cs_box{gap:clamp(30px, 8vw, 80px);}
        #footer .ft_bot{padding:clamp(30px, 5vw, 50px) 0 clamp(20px, 4vw, 40px);margin-top:clamp(30px, 6vw, 60px);}
        #footer .ft_bot .info li{gap:30px;}
        #footer .ft_bot .info li dl + dl:before{left:-18px;}
        #footer .ft_bot .icon_box{width:clamp(50px, 7vw, 73px);}
    }
    @media (max-width:860px) {
        #footer .ft_bot .info_box{width:calc(100% - clamp(50px, 7vw, 73px) - 10px);}
        #footer .ft_bot .info li{flex-wrap:wrap;gap:10px 20px;}
        #footer .ft_bot .info li dl{gap:10px;}
        #footer .ft_bot .info li dl + dl:before{display: none;}
    }
    @media (max-width:640px) {
        #footer .hd_pdf_down{width:auto;padding:0 20px;}
        #footer .hd_pdf_down:after{width:16px;}
        #footer .ft_family{width:170px;}
        #footer .ft_family button{padding:0 20px;}
        #footer .ft_family button:after{width:6px;}
        #footer .cs_box{flex-direction: column;gap:30px;}
        #footer .cs_box h4{margin-bottom:10px;}
        #footer .cs_box .bank_info{margin-bottom:5px;gap:6px;}
        #footer .cs_box .cs_bank a{width:auto;height:44px;gap:30px;margin-top:10px;}
        #footer .cs_box .cs_bank a:after{width:6px;}
    }
    @media (max-width:479px) {
        #footer .logo_box .link_box{gap:10px;}
        /* #footer .hd_pdf_down, #footer .ft_family{width:100%} */
		#footer .hd_pdf_down, #footer .ft_family button{padding:0 10px;}
        #footer .hd_pdf_down{justify-content: space-between;}
		#footer .ft_venture{gap:5px 10px;}
        #footer .ft_venture img{max-height:20px;}
        #footer .ft_bot .info li dl{align-items: flex-start;}
        #footer .ft_bot .info li dl dt{flex-shrink:0;}
    }
	@media (max-width:350px) {
		#footer .hd_pdf_down, #footer .ft_family button{font-size:85%;}
		#footer .hd_pdf_down{gap:5px;}
		#footer .hd_pdf_down:after{width:11px;}
		#footer .ft_family button:after{width:5px;}
	}
	
/*───────────────────────────────────────────────────────────

    quick

───────────────────────────────────────────────────────────*/
	.quick_right{position: fixed;right:0;bottom:clamp(20px, 4vw, 40px);z-index:10;transition:all 0.3s;display: flex;align-items: center;flex-direction: column;gap:clamp(10px, 2vw, 20px);}
    .quick_right .quick_list{box-sizing:border-box;border:1px solid var(--border-color01);background:var(--point-white);width:100%;border-radius:var(--radius-10);width:90px;}
    .quick_right .quick_list li{width:100%;display: flex;flex-direction: column;gap:6px;height:76px;box-sizing:border-box;text-align: center;align-items: center;justify-content: center;}
		.quick_right .quick_list li + li{border-top:1px solid var(--border-color01);}
    .quick_right .quick_list li p{font-size:13px;color:var(--black-color03);font-weight:500;line-height:1.2;}
	.quick_ai{translate:10px;}
    .chat_txt_box{position: relative;translate:-15px;}
		.chat_txt_box:after{width:12px;height:14px;content:"";background:url('../images/skin/chat_tail.png')no-repeat center / auto 100%;position: absolute;bottom:-12px;left:34px;}
	.quick_ai .chat_txt{height:32px;position: relative;overflow:hidden;background:var(--point-white);border-radius:10px;}
		.quick_ai .chat_txt:before{width:100%;height:100%;content:"";border-radius:10px;border:2px solid transparent;background:linear-gradient(90deg, #68D9FF 0.63%, #008ACE 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top:0;left:0;box-sizing:border-box;}
	.quick_ai img{width:clamp(120px, 17vw, 170px);margin-top:-5px;margin-bottom:-20px;}
	.chat_txt .swiper-slide{width:100%;z-index:3;display: flex;align-items: center;justify-content: center;}
	.quick_ai .chat_txt span{font-size:var(--text-15);color:var(--black-color03);font-weight:700;line-height:1.33;display: inline-block;padding:0 10px;}
		
	.quick_right .btn_top{background:var(--black-color02);box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);text-indent:-9999px;width:clamp(40px, 5vw, 50px);aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;translate:8px;}
    .quick_right .btn_top:before{width:clamp(7px, 0.8vw, 9px);aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(-45deg);translate:0 3px;}
	
	@media (max-width:1023px) {
		.quick_right{right:-10px;}
        .quick_right .quick_list{display: none;}
		.quick_ai,
		.quick_right .btn_top{translate:0;}
	}