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

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

───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	body{background:var(--point-color01); -webkit-touch-callout: none; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none;}
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    #container, .w_custom, .main_w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}
	.main_w_custom{max-width:1720px;}
    #container{padding-bottom:120px;}

    @media (max-width:1023px){
        #container{padding-bottom:clamp(70px, 12vw, 120px);}
    }
    @media (max-width:860px){
        #container, .w_custom, .main_w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        #container,.w_custom, .main_w_custom{width: calc(100% - 20px);}
    }

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

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

───────────────────────────────────────────────────────────*/
	#header{position: sticky;top:0;z-index:10;width:100%;transition:all 0.3s;border-bottom: 1px solid rgba(255, 255, 255, 0.50);background: rgba(255, 255, 255, 0.40);transition:all 0.3s;box-sizing:border-box;}
        .main_index #header{position: fixed; left:0;}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;position: relative;padding:25px 62px 25px 60px;z-index:3;}
	#header .hd_logo{width:243px;height:40px;position: relative;z-index: 3;}
	#header .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;font-size:0;transition:all 0.3s;}
	#header .hd_lnb{display: flex;justify-content: center;align-items: flex-start;position: absolute;left:50%;top:0;transform:translate(-50%);width:100%;}
	#header .hd_lnb > li{padding:0 38px;position: relative;}
	#header .hd_lnb > li > a{line-height:90px;font-size:var(--title-17);color:var(--black-color02);font-weight:500;text-align: center;position: relative;display: block;}
	#header .hd_lnb > li > a span{font-size:var(--title-14);color:inherit;font-weight:inherit;position: absolute;top:60%;left:50%;transform:translate(-50%);width:100%;display: inline-block;line-height:initial;}
	#header .hd_lnb .hd_lnb_dep2{position: absolute;top:100%;left:50%;transform:translate(-50%);width:100%;text-align: center;padding-top:24px;display: none;z-index:10;}
	#header .hd_lnb .hd_lnb_dep2 li + li{margin-top:10px;}
	#header .hd_lnb .hd_lnb_dep2 li a{display:inline-block;font-size:var(--title-15);color:var(--black-color02);transition: all 0.4s;line-height:initial;}
	
	#header .hd_right{display: flex;align-items: center;gap:20px;position: relative;z-index: 3;}
	#header .hd_right .hd_gnb{display: flex;align-items: center;gap:30px;}
	#header .hd_right .hd_gnb li a{display: flex;align-items: center;gap:12px;}
	#header .hd_right .hd_gnb li a span{font-size:var(--title-15);color:var(--black-color05);font-weight:400;}	
	#header .hd_right .menu-trigger{display: none;}
	
	/*on*/
	#header.on{background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(10px);}
	
	/*nav*/
	#nav{position: absolute;top:100%;left:0;width: 100%;height:0;background:rgba(255,255,255,0.7);padding:24px 0 30px;border-bottom: 1px solid rgba(255, 255, 255, 0.50);box-sizing: border-box;opacity: 0;transition: all 0.4s;pointer-events: none;}
        #nav.on{opacity: 1;height:190px;pointer-events: all;}

	/*hover*/
	@media (pointer: fine) and (hover: hover) {
		#header:hover{background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(10px);}
		#header .hd_lnb .hd_lnb_dep2 li:hover > a{text-decoration: underline;}
	}
	
	@media (max-width:1600px){
		#header .header_cont{padding:25px 30px;}
		#header .hd_lnb > li{padding:0 22px;}
	}
	@media (max-width:1300px){
		#header .header_cont{padding:30px 20px;}
		#header .hd_logo{width:186px;height:30px;}
		#header .hd_lnb > li{padding:0 15px;}
		#header .hd_lnb > li > a{font-size:var(--title-15);}
		#header .hd_right .hd_gnb{gap:10px;}
	}
	@media (max-width:1024px){
		#header .hd_lnb{display: none;}
		#header .hd_right .menu-trigger{display:flex;width:28px;height:18px;position: relative;flex-direction: column;justify-content: space-between;}
		#header .hd_right .menu-trigger span{display: inline-block;width:100%;height:2px;border-radius:10px;background:var(--black-color03);}
	}
	@media (max-width:640px){
		#header .header_cont{padding:25px 15px;}
		#header .hd_logo{width:165px;height:26px;}
		#header .hd_right .hd_gnb li a{gap:6px;}
		#header .hd_right .hd_gnb li a img{height:16px;}
	}
	@media (max-width:479px){
		#header .header_cont{padding:20px 15px;}
		#header .hd_logo{width:140px;height:22px;}
		#header .hd_right{gap:15px;}
		#header .hd_right .hd_gnb{gap:12px;}
		#header .hd_right .hd_gnb li a img{height:20px;}
		#header .hd_right .hd_gnb li a span{display: none;}
		#header .hd_right .menu-trigger{width:22px;}
	}
	

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

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

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside {top:0px;right:-100%;width:500px;transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;background:var(--point-white);z-index:99;}
		#aside.on {right:0%;}
		body:has(#aside.on){overflow:hidden;}

		.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:50;position:fixed;display:none;}
		.aside_bg.on {opacity:1;display:block;}
		#aside .aside_box {width:100%;height:100%;margin:0;padding:30px 20px; overflow: hidden; overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction: column;}
		#aside .btn_close{width:30px;height:30px;position: absolute;top: 25px;right: calc(100% + 20px);}
		#aside .btn_close a{display: block;width:100%;height:100%;position: relative;}
		#aside .btn_close a span{display: inline-block;width:100%;height:2px;background: var(--point-white);position: absolute;top:50%;}
		#aside .btn_close a span:nth-child(1){transform:rotate(45deg);}
		#aside .btn_close a span:nth-child(2){transform:rotate(-45deg);}

        #aside .mem_desc{position: relative;background: var(--point-color03);font-size: var(--title-20);width: calc(100% + 40px);margin-left: -20px;margin-top: -30px;padding: 30px 25px 25px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;gap: 15px 20px;flex-wrap: wrap;}
        #aside .mem_desc dt{font-size: max(16px, 95%);font-weight: 400;color: var(--black-color06);}
        #aside .mem_desc dt strong{font-weight: 600; color: var(--black-color02);}
        #aside .mem_desc dd{position: relative;}
		
		#aside ul.slidemenu {padding: 30px 0;}
		#aside ul.slidemenu .depth1_li {text-align:left;display:block;vertical-align:top;font-size:0;position:relative;font-size:var(--title-20)}
		#aside ul.slidemenu .depth1_li + .depth1_li {margin-top:0;margin-left:0;}
		#aside ul.slidemenu .depth1_li a,
		#aside ul.slidemenu .depth1_li .icons {display:inline-block;vertical-align:middle;}
		#aside ul.slidemenu .depth1_li .depth1_a {padding: 13px 40px 13px 10px;font-size:120%;color:var(--black-color03);position: relative;display: block;}
		#aside ul.slidemenu .depth1_li .depth1_a .icons{position:absolute;top:50%;right:12px;margin-top:-9px;width:9px;height:9px;border-bottom: 1px solid var(--black-color03);border-right: 1px solid var(--black-color03);transform:rotate(45deg)}
		#aside ul.slidemenu .depth1_li .depth1_a.on{color: var(--black-color00);font-weight:600;}
		#aside ul.slidemenu .depth1_li .depth1_a.on .icons{border-bottom: 1px solid var(--black-color00);border-right: 1px solid var(--black-color00);transform:rotate(-135deg);margin-top:-3px;}
		#aside ul.slidemenu .depth1_li .depth {padding:15px 15px;display:none;}
		#aside ul.slidemenu .depth1_li .depth li {padding-left:0;position:relative;}
		#aside ul.slidemenu .depth1_li .depth li + li {margin-top:10px;}
		#aside ul.slidemenu .depth1_li .depth li a {font-size: inherit;color:var(--black-color08);position:relative;}
		
		#aside .aside_gnb{text-align: right;display: flex;flex-wrap: wrap;gap: 15px;font-size: var(--title-20);}
		#aside .aside_gnb li{font-size: 85%;color: var(--black-color02);position:relative;}
		
	@media (max-width:640px){
		#aside{width:75%;}
	}
	@media (max-width:479px){
		#aside{width:85%;}
		#aside .aside_box{padding:20px 15px;}
		#aside .btn_close{width:22px;height:22px;top: 20px;right: calc(100% + 15px);}
		#aside ul.slidemenu{padding: 20px 0;}
		#aside ul.slidemenu .depth1_li .depth{padding: 10px 15px 15px;}
		#aside ul.slidemenu .depth1_li .depth li + li{margin-top: 10px;}
	}



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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.visual_wrapper{position: relative;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:980px;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:980px;border:none;}
		.main_visual .slick-slide .thumb {display:inline-block;height:100%;width:100%;margin:0 auto;position:absolute;left:0;top:0;outline:0; background: no-repeat center / cover;}
		.main_visual .txt_box {text-align:left;position:absolute;left:50%;top:50%;font-size:var(--title-20);transform:translate(-50%, -50%);text-wrap:balance;width: calc(100% - 160px);max-width:1520px;text-wrap: balance;}
		.main_visual .txt_box strong,
		.main_visual .txt_box p, .main_visual .txt_box .more_box{color:var(--black-color03);opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box strong{font-size: 270%;font-weight:700;line-height:1.52;display: block;margin:0 0 30px;font-family:var(--font-type02);display: block;letter-spacing:-0.03em;}
		.main_visual .txt_box p{font-size: 120%;font-weight:700;line-height: 1.63;font-family:var(--font-type02);letter-spacing:-0.03em;}
		.main_visual .fit_box{width: fit-content;}
		.main_visual .fit_box .more_box{display: flex;justify-content: flex-end;}
		.main_visual .txt_box .more_box{margin-top:50px;text-align:left;}
		.main_visual .slick-arrow{position: absolute;width:40px;height:40px;top:50%;transform:translateY(-50%);z-index:8;font-size:0;}
		.main_visual .slick-prev{left:108px;}
		.main_visual .slick-next{right:108px;}
		.main_visual .slick-arrow:before{width:70%;height:70%;content:"";border:2px solid var(--border-color02);border-width:2px 2px 0 0;position: absolute;top:5px;}
		.main_visual .slick-prev:before{transform:rotate(-135deg);left:15px;}
		.main_visual .slick-next:before{transform:rotate(45deg);right:15px;}
		
		/*active*/
			.main_visual .active .txt_box strong,
			.main_visual .active .txt_box p,
			.main_visual .active .txt_box .more_box{opacity:1;transform:translateY(0);transition:all 0.5s;}
			.main_visual .active .txt_box p{transition-delay:0.3s;}
			.main_visual .active .txt_box .more_box{transition-delay:0.6s;}

		@media (max-width:1850px){
			.main_visual .slick-prev{left:30px;}
			.main_visual .slick-next{right:30px;}
			.main_visual .txt_box{left:80px;transform:translate(0, -75%);}
            .main_visual .txt_box strong{font-size: clamp(24px, 2.92vw, 54px);}
            .main_visual .txt_box p{font-size: clamp(14px, 1.5vw, 24px);}
		}
		@media (max-width:1600px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height: clamp(700px, 61.25vw, 980px);}
		}
		@media (max-width:1300px){
			.main_visual .txt_box strong{margin-bottom:20px;}
		}
		@media (max-width:1024px){
			.main_visual .txt_box br.for_pc{display: none;}
			.main_visual .slick-arrow{width:30px;height:30px;}
			.main_visual .slick-prev{left:15px;}
			.main_visual .slick-next{right:15px;}
			.main_visual .slick-arrow:before{top:3px;}
			.main_visual .slick-prev:before{left:11px;}
			.main_visual .slick-next:before{right:11px;}
			.main_visual .txt_box{left:60px;width: calc(100% - 120px);transform:translate(0, -70%);}
			.main_visual .txt_box .more_box{margin-top:25px;}
		}
		@media (max-width:860px){
			.main_visual .txt_box{left:30px;top:17%;transform:translate(0, 0);width: calc(100% - 60px);}
			.main_visual .txt_box strong{line-height:1.4;margin-bottom:20px;}
			.main_visual .slick-arrow{display: none !important;}
		}
		@media (max-width:767px){
			.main_visual .txt_box .more_box{justify-content: flex-start;}
			#wrap .main_visual, #wrap .main_visual .slick-slide{height: clamp(700px, 61.25vw, 980px);}
		}
		@media (max-width:750px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height: clamp(500px, 134vw, 1000px);}
		}
		@media (max-width:640px){
			.main_visual .txt_box{left:25px;top:15%;}
			.main_visual .txt_box strong{line-height:1.43;margin-bottom:15px;}
		}
		@media (max-width:479px){
		}
	/*공통*/
		.main_content > div{position: relative;box-sizing:border-box;padding:130px 0 140px;}
		
		/*title*/
		.main_title{text-align: center;font-size:var(--title-20);color:var(--black-color03);font-weight:700;font-family:var(--font-type02);margin-bottom:50px;}
		.main_title h3{font-size: 250%;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:0.03em;}
		.main_title p{font-size: 100%;color:inherit;font-weight:400;font-family:inherit;margin-top:15px;}
		
		/*버튼*/
		.more_box{text-align: center;}
		.main_more{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;padding:16px 40px;border-radius:30px;background:var(--point-color05);transition:all 0.3s;}
		.main_more span{font-size:var(--title-20);color:var(--black-color00);font-weight:600;}
		
		/*pagination*/
		.main_content .pagination{align-items: center;justify-content: center;margin-top:30px;display: none;}
		.main_content .swiper-pagination-bullet{background:var(--border-color01);opacity:1;}
		.main_content .swiper-pagination-bullet-active{background:var(--black-color00);}
	
		/*hover*/
		@media (pointer: fine) and (hover: hover) {
			/*버튼*/
			.main_more:hover{background:var(--point-color06);}
		}
		
		@media (max-width:1024px){
			.main_content > div{padding:clamp(80px, 12vw, 130px) 0 clamp(80px, 13vw, 140px);}
			
			/*title*/
			.main_title{margin-bottom:clamp(30px, 5vw, 50px);}
			
			/*버튼*/
			.main_more{padding:14px 25px;}
		}
		@media (max-width:640px){
			/*title*/
			.main_title p{margin-top:10px;}
			
			/*버튼*/
			.main_more{padding:8px 20px;}
		}
		@media (max-width:479px){
			/*pagination*/
			.main_content .pagination{margin-top:20px;}
		}
	
	/*treat*/
		.main_treat{background:var(--point-color02);}
		.main_treat .main_w_custom{max-width:1200px;}
		.main_treat .treat_container{box-sizing:border-box;}
		.main_treat .treat_container ul{display: flex;flex-wrap:wrap;justify-content: center;gap:40px 16px;width: 100%;max-width: 976px;margin-inline: auto;}
		.main_treat .treat_container ul li{box-sizing:border-box;position: relative;width: calc(100% / 4 - 12px);font-size:var(--title-20);}
		.main_treat .treat_container ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 3;}
		.main_treat .treat_container ul li .img{width:100%;height: auto;aspect-ratio: auto 1;position: relative;overflow:hidden;}
		.main_treat .treat_container ul li .img img{width:100%;height:100%;object-fit:cover;}
		.main_treat .treat_container ul li p{text-align: center;font-size: 130%;color:var(--black-color03);font-weight:600;display: flex;align-items: center;justify-content: center;gap:12px;margin-top:20px;}
		.main_treat .treat_container ul li p:after{width:7px;height:7px;content:"";border:2px solid var(--black-color03);border-width:2px 2px 0 0;transform:rotate(45deg);}
		
		@media (max-width:860px){
			.main_treat .treat_container ul{display: grid;grid-template: auto / repeat(4, 1fr);gap: 15px;justify-content: flex-start;}
			.main_treat .treat_container ul li{width:auto;}
			.main_treat .treat_container ul li p{margin-top:15px;gap:6px;}
			.main_content .main_treat .pagination{display: flex;}
		}
		@media (max-width:640px){
			.main_treat .treat_container ul{grid-template: auto / repeat(3, 1fr); gap:10px;}
		}
		@media (max-width:479px){
			.main_treat .treat_container ul{grid-template: auto / repeat(2, 1fr);}
			.main_treat .treat_container ul li p:after{width:5px;height:5px;}
		}
		
	/*gallery*/
		.main_gallery{background:var(--point-color03);}
		.main_gallery .gallery_container ul{display: grid;grid-template: auto / repeat(3, 1fr);justify-content: center;gap:50px 32px;}
		.main_gallery .gallery_container ul li{box-sizing:border-box;position: relative;}
		.main_gallery .gallery_container ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_gallery .gallery_container ul li .thumb{position: relative;width:100%;height:0;padding-bottom:47.8%;overflow:hidden;}
		.main_gallery .gallery_container ul li .thumb img{width:100%;height:100%;position: absolute;top:0;left:0;z-index:1;}
		.main_gallery .gallery_container ul li .thumb .arw_box{width:42px;aspect-ratio:1;content:"";box-sizing:border-box;border-radius:100%;background:rgba(0,0,0,0.6);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: flex;align-items: center;justify-content: center;z-index:3;}
		.main_gallery .gallery_container ul li .thumb .arw_box:before{border-left:10px solid var(--point-white);border-top:7px solid transparent;border-bottom:7px solid transparent;display: inline-block;content:"";margin-left:2px;}
		.main_gallery .gallery_container ul li .txt{text-align: center;margin-top:24px;font-size:var(--title-20);}
		.main_gallery .gallery_container ul li .txt strong{font-size: 130%;color:var(--black-color03);font-weight:700;}
		.main_gallery .more_box{margin-top:60px;}
		
		@media (max-width:1024px){
			.main_gallery .gallery_container ul{gap:35px 20px;}
			.main_gallery .gallery_container ul li .txt{margin-top:15px;}
		}
		@media (max-width:860px){
			.main_gallery .gallery_container ul{column-gap: 15px;}
		}
		@media (max-width:640px){
			.main_gallery .gallery_container ul{column-gap: 10px;grid-template: auto / repeat(2, 1fr);}
			.main_content .main_gallery .pagination{display: flex;}
			.main_gallery .more_box{margin-top:30px;}
		}
		@media (max-width:479px){
            .main_gallery .gallery_container ul{grid-template: auto / repeat(1, 1fr);}
			.main_gallery .gallery_container ul li .thumb .arw_box{width:32px;}
			.main_gallery .gallery_container ul li .thumb .arw_box:before{border-left: 7px solid var(--point-white);border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
			.main_gallery .gallery_container ul li .txt{margin-top:10px;}
			.main_gallery .more_box{margin-top:20px;}
		}
		
	/*about*/
		.main_about{background:var(--point-color02);}
		.main_about .about_box{display: flex;flex-wrap:wrap;box-sizing:border-box;border:1px solid var(--border-color02);border-width:1px 0;}
		.main_about .about_box > div{box-sizing:border-box;}
		.main_about .ceo_box{width:27.9%;padding:40px 40px 40px 0;}
		.main_about .ceo_box .img{width:100%;}
		.main_about .ceo_box .img img{width:100%;height:100%;object-fit:cover;}
		.main_about .ceo_box dl{margin-top:40px;font-size:var(--title-20);}
		.main_about .ceo_box dl dt{font-size: 160%;color:var(--black-color03);font-weight:700;font-family:var(--font-type02);}
		.main_about .ceo_box dl dd{margin-top:15px;}
		.main_about .ceo_box dl dd ul li{font-size: 100%;color:var(--black-color03);font-weight:400;line-height:1.55;display: flex;align-items: baseline;gap:5px;}
		.main_about .ceo_box dl dd ul li + li{margin-top:8px;}
		.main_about .ceo_box dl dd ul li:before{width:2px;height:2px;content:"";background:var(--black-color00);box-sizing:border-box;border-radius:100%;display: inline-block;flex-shrink:0;transform:translateY(-6px);}
		.main_about .ceo_box .more_box{text-align:left;margin-top:50px;}
		
		.main_about .sub_about_box{width:72.1%;border-left:1px solid var(--border-color02);padding:40px 0;}
		.main_about .sub_about_box ul li{box-sizing:border-box;padding:0 40px;position: relative;display: flex;flex-wrap:wrap;align-items: center;gap:40px;}
		.main_about .sub_about_box ul li + li{margin-top:30px;}
		.main_about .sub_about_box ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_about .sub_about_box ul li .img{width: 25.88%;aspect-ratio:1;box-sizing:border-box;position: relative;overflow:hidden;}
		.main_about .sub_about_box ul li .img img{width:100%;height:100%;position: absolute;top:0;left:0;object-fit:cover;}
		.main_about .sub_about_box ul li dl{font-size:var(--title-20);width: calc(74.12% - 40px);}
		.main_about .sub_about_box ul li dl dt{font-size: 150%;color:var(--black-color03);font-weight:700;font-family:var(--font-type02);display: inline-flex;align-items: center;gap:13px;}
		.main_about .sub_about_box ul li dl dt:after{width:8px;height:8px;content: "";border: 2px solid var(--point-color14);border-width: 2px 2px 0 0;transform: rotate(45deg);}
		.main_about .sub_about_box ul li dl dd{margin-top:20px;}
		.main_about .sub_about_box ul li dl dd p{font-size: 90%;color:var(--black-color03);font-weight:400;line-height:1.62;text-wrap:balance;}
		.main_about .sub_about_box ul li dl dd .m_br{display: none;}
		@media (max-width:1500px){
			.main_content br.for_pc{display:none;}
		}
		@media (max-width:1200px){
			.main_about .ceo_box{width:100%;padding:30px 20px;display: flex;flex-wrap:wrap;gap:30px;align-items: center;}
			.main_about .ceo_box .img{width:25.9%;}
			.main_about .ceo_box .txt{width:calc(74.1% - 30px);}
			.main_about .ceo_box dl{margin-top:0;}
			.main_about .ceo_box .more_box{margin-top:30px;}
			.main_about .sub_about_box{width:100%;border:none;border-top:1px solid var(--border-color02);padding:30px 0;}
			.main_about .sub_about_box ul li{padding:0 20px;gap:30px;}
			.main_about .sub_about_box ul li dl{width:calc(74.1% - 30px);}
		}
		@media (max-width:640px){
			.main_about .ceo_box .img{width:100%;}
			.main_about .ceo_box .txt{width:100%;}
			.main_about .ceo_box dl dd ul li + li{margin-top:5px;}
			.main_about .sub_about_box ul li{gap:20px}
			.main_about .sub_about_box ul li + li{margin-top:40px;}
			.main_about .sub_about_box ul li .img{width:45%;}
			.main_about .sub_about_box ul li dl{width:100%;}
			.main_about .sub_about_box ul li dl dd{margin-top:10px;}
		}
		@media (max-width:479px){
			.main_about .ceo_box{padding:20px 15px;gap:20px;}
			.main_about .ceo_box dl dd{margin-top:10px;}
			.main_about .ceo_box dl dd ul li:before{transform:translateY(-4px);}
			.main_about .ceo_box .more_box{margin-top:20px;}
			
			.main_about .sub_about_box{padding:20px 0;}
			.main_about .sub_about_box ul li{padding:0 15px;}
			.main_about .sub_about_box ul li .img{width:100%;}
			.main_about .sub_about_box ul li dl dt{gap:6px;}
			.main_about .sub_about_box ul li dl dt:after{width:6px;height:6px;}
		}
		
	/*reivew*/
		.main_review{background:var(--point-color07);}
		.main_review .review_container ul{display: flex;flex-wrap:wrap;gap:24px;}
		.main_review .review_container ul li{width:calc(25% - 18px);position: relative;box-sizing:border-box;background:var(--point-color08);padding:40px 40px;display: flex;flex-direction: column;}
		.main_review .review_container ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_review .review_container ul li:before{width:28px;height:24px;content:"";background:url('../images/skin/icon_quote.svg')no-repeat center;background-size:auto 100%;}
		.main_review .review_container ul li .txt{margin-top:30px;font-size:var(--title-20);}
		.main_review .review_container ul li .txt strong{font-size: 130%;color:var(--black-color03);font-weight:700;font-family:var(--font-type02);display: block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}
		.main_review .review_container ul li .txt .cont{margin-top:20px;font-size: 90%;color:var(--black-color04);font-weight:400;line-height:1.64;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
        .main_review .review_container ul li .txt .cont img{display: none;}
        .main_review .review_container .info{display: flex; flex-wrap: wrap; gap:4px; font-size:var(--title-17); color:var(--black-color04);font-weight:400;line-height:1.64; margin-top:20px;}
		.main_review .more_box{margin-top:62px;}
		
		@media (max-width:1200px){
			.main_review .review_container ul li{padding:30px 30px;}
		}
		@media (max-width:1024px){
			.main_review .review_container ul{flex-wrap:initial;gap:0;}
			.main_review .review_container ul li{padding:40px 20px;}
			.main_review .review_container ul li:before{width:23px;height:20px;}
			.main_content .main_review .pagination{display: flex;}
			.main_review .more_box{margin-top:30px;}
            .main_review .review_container .info{margin-top: clamp(12px, 2vw, 20px);}
		}
		@media (max-width:479px){
			.main_review .review_container ul li .txt{margin-top:15px;}
			.main_review .review_container ul li .txt .cont{margin-top:10px;}
			.main_review .more_box{margin-top:20px;}
		}
		
	/*facility*/
		.main_facility{background:var(--point-color04);}
		.main_facility .facility_container{box-sizing:border-box;padding:0 360px;position: relative;}	
		.main_facility .swipe_arw{position: absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:all 0.3s; z-index: 5;width:40px;height:22px;background:url('../images/skin/main_swipe_arw.svg')no-repeat center;background-size:auto 100%;}
		.main_facility .swipe_arw.prev{transform:translateY(-50%) scaleX(-1);left:278px}
		.main_facility .swipe_arw.next{right:278px;}
		.main_facility .swipe_arw svg{width:100%;}
		.main_facility .more_box{margin-top:60px;}

		/*hover*/
		@media (pointer: fine) and (hover: hover) {
			.main_facility .swipe_arw:hover{background:url('../images/skin/main_swipe_arw_ov.svg')no-repeat center;background-size:auto 100%;}
		}
		
		@media (max-width:1600px){
			.main_facility .facility_container{padding:0 clamp(15px, 17vw, 360px);}
			.main_facility .swipe_arw.prev{left:calc(clamp(15px, 17vw, 360px) - 80px);}
			.main_facility .swipe_arw.next{right:calc(clamp(15px, 17vw, 360px) - 80px);}
		}
		@media (max-width:1024px){
			.main_facility .swipe_arw.prev{left:calc(clamp(15px, 17vw, 360px) - 60px);}
			.main_facility .swipe_arw.next{right:calc(clamp(15px, 17vw, 360px) - 60px);}
		}
		@media (max-width:860px){
			.main_facility .swipe_arw{display: none;}
			.main_content .main_facility .pagination{display: flex;}
			.main_facility .more_box{margin-top:30px;}
		}
		@media (max-width:640px){
			.main_facility .facility_container{padding:0 20px;}
		}
		@media (max-width:479px){
			.main_facility .more_box{margin-top:20px;}
		}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	
    /*quick*/
		.quick_wrap{position: fixed;bottom:30px;right:20px;box-sizing:border-box;transition:all 0.3s; z-index:30;}
		.quick_wrap .quick_cont{box-sizing:border-box;filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));}
		.quick_wrap .quick_logo{box-sizing:border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius:4px;background:var(--point-color09);padding:10px 5px;font-size:var(--title-14);}
		.quick_wrap .quick_logo p{font-size:90%;color:var(--black-color03);font-weight:700;font-family:var(--font-type02);margin-top:4px;}
		.quick_wrap ul{display: flex;flex-direction: column;align-items: center;justify-content: center;background:var(--point-white);box-sizing:border-box;border-radius:4px;}
		.quick_wrap ul li{display: flex;align-items: center;justify-content: center;text-align: center;position: relative;flex-direction: column;height:80px;width:80px;box-sizing:border-box;font-size:var(--title-14);transition:all 0.3s;}
		.quick_wrap ul li:last-child{height:90px;}
		.quick_wrap ul li + li:before{width:calc(100% - 10px);height:1px;content:"";box-sizing:border-box;border-radius:100%;background:var(--border-color01);display: inline-block;position: absolute;top:0;left:5px;}
		.quick_wrap ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.quick_wrap ul li p{font-size:90%;color:var(--black-color03);font-weight:600;margin-top:7px;line-height:1.23;}
		.quick_wrap .btn_top{width:50px;aspect-ratio:1;cursor:pointer;margin:30px auto 0;}
		.quick_wrap .btn_top span{display: flex;box-sizing:border-box;width:100%;height:100%;border-radius:100%;background:var(--point-white);align-items: center;justify-content: center;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
		.quick_wrap .btn_top span:before{width:9px;height:9px;content:"";border:2px solid var(--black-color08);border-width:2px 2px 0 0;transform:rotate(-45deg);display: inline-block;margin-top:3px;margin-left:1px;}
		
	
		
            /*hover*/
            @media (pointer: fine) and (hover: hover) {
                .quick_wrap ul li:hover{background:var(--point-color02);}
            }

        @media (max-width:1024px){
            .quick_wrap ul li{width:60px;height:76px;}	
            .quick_wrap .btn_top{margin-top:15px;}
        }
        @media (max-width:640px){
            .quick_wrap .quick_logo{display: none;}
            .quick_wrap{width:100%;right:0;bottom:0;}
            .quick_wrap ul{padding:10px 0;flex-direction: row;}
            .quick_wrap ul li{height:auto;width:20%;padding:0 3px;}
            .quick_wrap ul li:last-child{height:auto;}
            .quick_wrap ul li + li:before{width:1px;height:100%;left:0;top:50%;transform:translateY(-50%);}
            .quick_wrap ul li p{font-size:94%;margin-top:7px;}
            .quick_wrap ul li br{display: none;}
            .quick_wrap ul li .icon{height:26px;display: flex;align-items: center;justify-content: center;}
            .quick_wrap ul li .icon img{max-height:100%;}
            .quick_wrap .btn_top{position: fixed;bottom:80px;right:20px;z-index:-1;opacity:0;transition:all 0.3s;width:46px;}
            .quick_wrap.on .btn_top{z-index:10;opacity:1;}
            
            @supports (padding-bottom: env(safe-area-inset-bottom)) {
                .ios-safe-fix .quick_wrap {height: calc(62px + env(safe-area-inset-bottom));padding-bottom: env(safe-area-inset-bottom);}
                .ios-safe-fix .quick_wrap::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: env(safe-area-inset-bottom);background:var(--point-white);}
                .ios-safe-fix .quick_wrap.on .btn_top{bottom:calc(80px + env(safe-area-inset-bottom));}
            }
        }
        @media (max-width:479px){
            .quick_wrap ul li .icon{height:22px;}
            .quick_wrap ul li p{font-size:85%;}
            .quick_wrap .btn_top{width:38px;right:15px;bottom:70px;}
            .quick_wrap .btn_top span:before{width:7px;height:7px;}
        }
        @media (max-width:340px){
            .quick_wrap .btn_top{bottom:80px;}
        }

    /* 하단 */
        #footer{position: relative; background:var(--point-white); color: rgba(102, 102, 102, 08); box-sizing: border-box; font-family: var(--font-type04);}
        #footer .top_sec{display: flex;flex-wrap: wrap;gap: 30px clamp(80px, 8.4vw, 160px);padding-block: 60px;box-sizing: border-box;}
        #footer .top_sec .item{display: flex;flex-direction: column;gap: 30px;width: 100%;max-width: 190px;}
        #footer .ftr_title{position: relative; font-size: var(--title-20); margin-bottom: 20px;}
        #footer .ftr_title h6{font-size: 80%; font-weight: 700; color: var(--black-color00); font-family: var(--font-type02);}
        #footer .info_desc{position: relative; font-size: var(--title-20); box-sizing: border-box; display: flex; align-items: baseline;}
        #footer .info_desc :where(dt, dd){font-size: max(13px, 70%); font-weight: 400; line-height: 1.57;}
        #footer .info_desc dt{color: rgba(0,0,0,0.8); width: 91px; flex-shrink: 0;}
        #footer .link_list{display: grid; gap: 8px; font-size: var(--title-20);}
        #footer .link_list > li{font-size: max(13px, 70%); font-weight: 300; line-height: 1.57; color: var(--black-color06); font-family: var(--font-type02);}
        #footer .link_list em{color: var(--black-color01); font-weight: inherit;}
        #footer .btm_sec{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap:20px 30px;padding-block: 36px;border-top: 1px solid var(--black-color10);}
        #footer address{font-style: inherit;display: flex;flex-wrap: wrap;gap: 10px 40px;}
        #footer .addr_desc{display: flex; font-size: var(--title-20); gap: 4px;}
        #footer .addr_desc :where(dt, dd){font-size: max(13px, 70%);font-weight: 400;}
        #footer .addr_desc dt{flex-shrink: 0;}
        #footer .addr_desc em{font-weight: inherit; color: rgba(0,0,0,0.8);}
        #footer .copy{display: flex; flex-wrap: wrap; gap: 5px 20px; font-size: var(--title-20);}
        #footer .copy :where(dt, dd){font-size: max(13px, 70%);}

        @media (max-width:1023px){
            #footer .top_sec{padding-block: clamp(40px, 6vw, 60px);}
            #footer .ftr_title{margin-bottom: clamp(12px, 2vw, 20px);}
            #footer .btm_sec{padding-block: clamp(25px, 3.6vw, 36px);}
            #footer address{column-gap: clamp(25px, 4vw, 40px);}
        }
        @media (max-width:640px){
            #footer{padding-bottom: 100px;}
        }
        @media (max-width:479px){
            #footer .top_sec .item{max-width: 100%;}
        }