/* === 메인페이지 css === */
/* body::-webkit-scrollbar {display: none;} */

/* === Layout === */
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1500px; margin-inline: auto; box-sizing: border-box;}
    #container{position: relative; padding-top: var(--row-gap100); padding-bottom: var(--row-gap140); box-sizing: border-box;}
		.main_index #container {padding-top: 0; padding-bottom: 0;}
	#wrap [class*="swiper-button"]::after{display: none;}

	.thumb_box {box-sizing: border-box; overflow:hidden;}
	.thumb_box img {width: 100%; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover;}

	#dbSearchFloat, #toolbarContainer {display: none !important;}

    @media (max-width:1023px){
		.w_custom{width: calc(100% - 45px);}
        #container{padding-bottom: var(--row-gap180);}
			.main_index #container {padding-top: 0; padding-bottom: 0;}
    }
    @media (max-width:640px){
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        .w_custom{width: calc(100% - 20px);}
    }


/* === Header === */
	#header{position: sticky; top:0; width: 100%; height: 110px; background: var(--trans-color); margin-bottom: -110px; z-index: 100; transition: all 0.4s;}
		#header.on{background: var(--point-white); box-shadow: var(--shadow-01);}
	#header .w_custom{display: flex;align-items: center;justify-content: space-between;gap: 30px;max-width: 1800px;height: 100%;}
	#header .hd_logo{display: flex;align-items: center;height: 100%;}
	#header .hd_logo a{position: relative; max-width: clamp(275px, 14.84vw, 285px);}
	#header .hd_logo img{transition: all 0.4s;}
	#header .hd_logo .ov{position: absolute;left: 0;top: 0;opacity: 0;}
	#header .utility{display: flex;align-items: center;gap: clamp(40px, 4.17vw, 80px);height: 100%;}
	#header .db-menu {display: flex;gap: clamp(40px, 4.17vw, 80px);height: 100%;text-align: center;}
	#header .db-menu > li{position: relative;font-size: var(--text-19);font-weight: 500;color: var(--black-color03);height: 100%; transition: all 0.4s;}
	#header .db-menu > li > a{display: flex;align-items: center;justify-content: center;text-align: center;height: 100%; transition: inherit;}
	#header .db-menu .db-submenu{position: absolute;top: 80%;left: 50%;translate: -50%;width: max-content;min-width: 150px;max-width: 300px;background: var(--point-color01);border-radius: var(--radius-10);padding-block: 18px;opacity: 0;pointer-events: none;transition: inherit;}
	#header .db-menu .db-submenu > li{position: relative;font-size: 90%;font-weight: 700;transition: inherit;}
	#header .db-menu .db-submenu > li > a{display: block;padding: 10px 25px;filter: var(--filter-white);}
	
	#header .allCate{display: flex;flex-direction: column;justify-content: space-between;width: 60px; gap: 6px; transition: all 0.4s;}
	#header .allCate span{width:100%;height: 3px;background: var(--black-color03); transition: all 0.4s;}
	#header .allCate span:nth-child(1) {width: 50%; margin-left: auto;}
	#header .allCate span:nth-child(3) {width: 50%; margin-right: auto;}

	#header:not(.on){background: var(--trans-color);}
	#header:not(.on) .hd_logo img:not(.ov){opacity: 0;}
	#header:not(.on) .hd_logo .ov{opacity: 1;}
	#header:not(.on) :where(.db-menu > li > a, .allCate){filter: var(--filter-white);}

	/* over */
		@media (hover:hover) and (pointer:fine) {
			#header:not(.on):hover{background: var(--point-white);}
			#header:not(.on):hover .hd_logo img:not(.ov){opacity: 1;}
			#header:not(.on):hover .hd_logo .ov{opacity: 0;}
			#header:not(.on):hover :where(.db-menu > li > a, .allCate){filter: none;}
			#header .allCate:hover span:nth-child(1), #header .allCate:hover span:nth-child(3){width:100%;}
			#header .db-menu > li:hover .db-submenu{opacity: 1; pointer-events: auto;}
			#header .db-menu .db-submenu:has(> li:hover) > li:not(:hover){opacity: 0.4;}
		}

	@media (max-width:1440px) {
		#header {height: clamp(80px, 7.64vw, 110px); margin-bottom: clamp(-110px, -7.64vw, -80px);}
		#header .hd_logo a{max-width: clamp(245px, 19.1vw, 275px);}
		#header .allCate{width: clamp(40px, 5.5vw, 60px);}
	}
	@media (max-width:1240px) {
		#header .db-menu{display: none;}
	}
	@media (max-width:1023px) {
		#header {height: clamp(64px, 8vw, 80px); margin-bottom: clamp(-80px, -8vw, -64px);}
		#header .hd_logo a{max-width: clamp(190px, 28vw, 245px);}
	}
	@media (max-width:860px) {
		#header .allCate {gap: 4px;}
		#header .allCate span {height: 2px;}
	}


/* === Aside === */
	#aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto; 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%; padding-block: 100px;}
    #aside .cont { position: relative; width: 100%; display: flex; flex-direction: column; height: 100%; justify-content: center; }
    #aside .db-aside-menu { width: 100%; font-size: var(--text-20); display: grid; align-items: start; justify-content: center; grid-template: auto / repeat(7, 1fr); gap: var(--col-gap40); }
    #aside .db-aside-menu > li { color: var(--point-white); font-size: inherit; text-align: center; }
    #aside .db-aside-menu > li > .aside-title a{position: relative;display: block;font-size: 165%;font-weight: 600;line-height: 1.4;padding-block: 30px;transition: all 0.4s;}
    #aside .db-aside-menu > li > .aside-title a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:10px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
    #aside .db-aside-menu > li > a em{font-weight: inherit;}
    #aside .db-aside-menu > li > a span{font-size: 60%;font-weight: 400;color: rgba(255,255,255,0.6);}
    #aside .db-aside-menu .db-aside-sub{margin-top: 8px;}
    #aside .db-aside-menu .db-aside-sub > li { transition: all 0.4s; }
    #aside .db-aside-menu .db-aside-sub > li > a{display: block;font-size:105%;font-weight:400;padding-block: 15px;color: var(--black-color08);transition: all 0.4s;}
	
    #aside .aside_top{position: absolute;z-index: 9; top:clamp(20px, 4vw, 35px); right: 10px;display: flex;align-items: center;gap:10px;}
	#aside .allCate_close{position: relative;width: clamp(30px, 4vw, 40px); height: clamp(30px, 4vw, 40px);z-index: 9;}
    #aside .allCate_close span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--point-white);}
    #aside .allCate_close span + span{transform: translate(-50%, -50%) rotate(-45deg);}
	
	/* over */
		@media (hover:hover) and (pointer:fine) {
			#aside .db-aside-menu > li:hover > .aside-title a:before { height: 12px; opacity: 1; }
			#aside .db-aside-menu > li:hover > .aside-title a {color: var(--point-color01);}
			#aside .db-aside-menu .db-aside-sub > li:hover a{color: var(--point-white);}
			#aside .db-aside-menu .db-aside-sub:has(li:hover) li:not(:hover) > a{color:var(--black-color05)}
		}
	
	@media (max-width:1600px) {
		#aside .db-aside-menu{grid-template: auto / repeat(3, 1fr);}
		#aside .db-aside-menu .db-aside-sub { display: grid; gap: 0 20px; grid-template: auto / repeat(2, 1fr); margin-top: 15px; justify-content: flex-start; }
        #aside .db-aside-menu .db-aside-sub > li > a { padding-block: 12px; }
	}
    @media (max-width:1023px) {
        #aside .w_custom { padding-block: clamp(70px, 10vw, 100px);  }
        #aside .allCate_close { width: clamp(25px, 4vw, 40px); height: clamp(25px, 4vw, 40px); }
    }
    @media (max-width:860px) {
        #aside { display: block; }
        #aside .db-aside-menu{grid-template: auto / repeat(1, 1fr);gap:0;}
        #aside .db-aside-menu > li { display: block; padding: 0 0 35px; width: 100%; text-align: left; /* box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, 0.2); */ }
        #aside .db-aside-menu > li > .aside-title a { padding-block: 0; }
        #aside .db-aside-menu > li > .aside-title a:before { display: none; }
    }
    @media (max-width:640px) {
        #aside .db-aside-menu > li > .aside-title a{font-size: 155%;}
        #aside .db-aside-menu .db-aside-sub > li > a{padding-block: 7px;font-size:100%;}
    }
    @media (max-width:479px) {
        #aside .db-aside-menu > li > .aside-title a { font-size: 145%; }
        #aside .db-aside-menu > li > .aside-title a span { width: 100%; }
        #aside .db-aside-menu .db-aside-sub { margin-top: 10px; /* grid-template: auto / repeat(1, 1fr); */ }
        #aside .db-aside-menu .db-aside-sub > li > a { font-size: 95%; }
    }


/* === Footer === */
	#footer { background:var(--black-color01); color: var(--point-white); padding:var(--row-gap60) 0 var(--row-gap80); }
	#footer .ft_top { display:flex; align-items:center; justify-content:space-between; padding-bottom: var(--row-gap40); border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:var(--row-gap30); }
	#footer .ft_top .ft_logo { max-width: clamp(275px, 14.84vw, 285px); }
	#footer .ft_top .ft_gnb { display:flex; align-items: center; gap: var(--col-gap22); }
	#footer .ft_top .ft_gnb > li {display: flex; align-items: center; }
	#footer .ft_top .ft_gnb > li + li:before { content: ""; display: flex; width: 4px; height: 4px; margin-right: var(--col-gap22); border-radius: 50%; background: var(--point-white); opacity: 0.2;}
	#footer .ft_top .ft_gnb > li > a { font-size:var(--text-18); font-weight: 200; color: var(--point-white); opacity: 1; }
	#footer .ft_top .ft_gnb > li + li > a {font-weight: 400;}
	#footer .ft_btm { display:flex; flex-direction: column; gap: var(--col-gap20); }
	#footer .ft_btm .ft_info { display: flex; align-items: center; gap: var(--row-gap30); }
	#footer .ft_btm .ft_info dl { display: flex; align-items: center; gap: 14px; }
	#footer .ft_btm .ft_info :where(dt, dd) { font-size:var(--text-18); line-height:1.6; letter-spacing: -0.03em; font-weight: 300; }
	#footer .ft_btm .ft_info dd { opacity: 0.7; }
	#footer .ft_btm .ft_copy { display: flex; align-items: center; gap: var(--row-gap10); }
	#footer .ft_btm .ft_copy :where(p, a) { font-size:var(--text-17); color: var(--black-color06); line-height:1.6; }

	.btn_scroll_top { position:fixed; right:clamp(15px, 3vw, 50px); bottom:clamp(15px, 3vw, 50px); width:clamp(45px, 3.2vw, 60px); height:clamp(45px, 3.2vw, 60px); border-radius:50%; background:var(--point-white); box-shadow:var(--shadow-03); display:flex; align-items:center; justify-content:center; z-index:90; opacity:0; visibility:hidden; transition:all 0.3s ease;}
	.btn_scroll_top.visible { opacity:1; visibility:visible; }
	.btn_scroll_top .ico {height: clamp(16px, 1.2vw, 20px);}

	@media (max-width:1440px) {
		#footer .ft_top .ft_logo{max-width: clamp(245px, 19.1vw, 275px);}
	}
	@media (max-width:1023px) {
		#footer .ft_top .ft_logo{max-width: clamp(190px, 28vw, 245px);}
	}
	@media (max-width:640px) {
		#footer { padding-top:var(--row-gap65); }
		#footer .ft_top, #footer .ft_btm .ft_info, #footer .ft_btm .ft_copy { flex-direction:column; align-items:flex-start; }
		#footer .ft_top {gap: var(--row-gap45); margin-bottom: var(--row-gap40);}
		#footer .ft_btm {gap: var(--row-gap40);}
		#footer .ft_btm .ft_info {gap: var(--row-gap10);}
		#footer .ft_btm .ft_copy {gap: 2px;}
		#footer .ft_btm .ft_info :where(dt, dd), #footer .ft_btm .ft_copy :where(p, a) {line-height: 1.4;}
	}

/* === Main === */
	/* Main Common */
		.main_cont { position: relative; display: flex; flex-direction: column; gap: var(--row-gap60) 0; flex:1; }
		.main_txt, .main_tit { display: flex; flex-direction: column; align-items: flex-start; gap: var(--col-gap30); }
		.main_tit h3 { font-size:var(--text-56); font-weight:600; color:var(--black-color01); }
		.main_tit h3 strong { font-weight: bold; }
		.main_tit h4 { font-size:var(--text-38); font-weight:600; color:var(--point-white); }
		.main_tit p { font-size:var(--text-20); letter-spacing:var(--text-letter); color:var(--point-color02); font-weight:600; }
		.main_tit h4 + p { font-size:var(--text-20); letter-spacing:-0.03em; color:var(--point-white); font-weight:200; }
		.main_desc { display: flex; flex-direction: column; align-items: flex-start; gap: var(--col-gap20); }
		.main_desc strong { font-size:var(--text-24); line-height:1.7; color:var(--black-color03); font-weight: 500; }
		.main_desc p { font-size:var(--text-20); line-height:1.7; color:var(--black-color05); }
		
		.main_btn { position: relative; display:flex; align-items:center; justify-content: space-between; gap:10px; width: 240px; height: 60px; font-size:var(--text-18); font-weight:600; color:var(--point-color01); border:1px solid var(--point-color01); padding:0 var(--col-gap24); border-radius:5px; transition:all 0.3s ease-out; overflow: hidden; }
		.main_btn:before { content:""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--point-color01); transition:all 0.3s ease-out; z-index:-1; }
		.main_btn span { font-size: inherit; font-weight: inherit; color: inherit; }
		.main_btn.btnW { color:var(--point-white); border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); backdrop-filter: blur(7.5px); font-weight: 500; }
		.main_btn.btnW .ico { filter: var(--filter-white); }
		.main_btn.btnI { justify-content: center; width: 50px; height: 50px; padding: 0; }
		.main_btn.btnI .ico {height: 12px;}

		/* over */
			@media (hover:hover) and (pointer:fine) {
				.main_btn:hover { color:var(--point-white); border-color:var(--point-color01); }
				.main_btn:hover .ico { filter: var(--filter-white); }
				.main_btn:hover:before { width: 100%; }
			}

		@media (max-width:1023px) {
			.main_btn {width: 220px; height: 55px;}
			.main_btn .ico {width: 14px;}
			.main_btn.btnI {width: 45px; height: 45px;}
		}
		@media (max-width:860px) {
			.main_btn {width: 200px; height: 50px;}
			.main_btn .ico {width: 12px;}
			.main_btn.btnI {width: 40px; height: 40px;}
		}
		@media (max-width:479px) {
			.main_btn {width: 185px;}
		}

	/* Hero Section */
		.hero_sec { position:relative; }
		.hero_swiper { position:relative; display:flex; height:50vw; max-height: 100vh; min-height: 860px;}
		.hero_swiper .swiper-wrapper { height: auto; }
		.hero_swiper .txt_box { position:absolute; left: 50%; top: 48%; translate: -50% -50%; max-width: 1500px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--col-gap30); color:var(--point-white); z-index: 1;}
		.hero_swiper .txt_box h3 { font-size:var(--text-24); letter-spacing:var(--text-letter); }
		.hero_swiper .txt_box h2 { font-size:var(--text-64); font-weight:700;}
		.hero_swiper .txt_box h4 { font-size:var(--text-22); font-weight:200; line-height:1.7; text-wrap: balance; }
		.hero_swiper .thumb {display: block; width: 100%; height: 100%; /* background: no-repeat center / cover; */ transition:all 4s ease-out; }
		.hero_swiper .thumb img {width: 100%; height: 100% !important; object-fit: cover; max-width: none !important; max-height: none !important;}
			.hero_swiper .swiper-slide-active .thumb{ scale: 1.05; }
		.hero_pagination_wrap { position:absolute; bottom:clamp(40px, 5vw, 70px); left:0; right:0; z-index:10; }
		.hero_pagination { position:relative !important; display:flex; gap: clamp(14px, 2vw, 20px); bottom:auto !important; left:auto !important; width:auto !important; transform:none !important; }
		.hero_pagination .swiper-pagination-bullet { position: relative; display: block; width:clamp(34px, 3vw, 50px); height:clamp(34px, 3vw, 50px); background: var(--trans-color); margin: 0 !important; box-sizing: border-box; border: 1px solid var(--trans-color); border-radius:50%; transition:all 0.3s ease; opacity:1; }
		.hero_pagination .swiper-pagination-bullet:before {content: ""; position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 8px; height: 8px; background:var(--point-white); border-radius:50%; opacity:0.5;}
		.hero_pagination .swiper-pagination-bullet-active { opacity:1; border-color:var(--point-white); }
		.hero_pagination .swiper-pagination-bullet-active:before { opacity:1; }

		.hero_sec .txtAni { translate: 0 70px; opacity: 0; }
		.hero_sec .swiper-slide-active .txtAni { translate: 0; opacity: 1; transition: all 1.2s 0.2s; }
		.hero_sec .swiper-slide-active .txtAni + .txtAni { transition-delay: 0.4s; }
		.hero_sec .swiper-slide-active .txtAni + .txtAni + .txtAni { transition-delay: 0.6s; }

		@media (max-width:1240px){
			.hero_swiper {height: 70vw; min-height: 760px;}
			.hero_pagination .swiper-pagination-bullet:before {width: 6px; height: 6px;}
		}
		@media (max-width:860px){
			.hero_swiper {height: 88vw; min-height: 670px;}
		}
		@media (max-width:640px){
			.hero_swiper .txt_box h4 :where(br) {display: none;}
		}
	
	/* About Section */
		.about_sec{ position:relative; padding:var(--row-gap160) 0; }
		.about_sec:before { content: ""; position: absolute; left: 0; top: 0; width: clamp(280px, 31.3vw, 600px); height: clamp(260px, 29.2vw, 560px); background: var(--point-color02); border-radius: 0 0 var(--radius-30) 0; z-index: -1;}
		.about_wrap { display:flex; gap: 0 var(--row-gap120); /* align-items:center; */ align-items: stretch; }
		.about_img { flex:0 0 46%; border-radius:var(--radius-30); }
		.about_img img { aspect-ratio:5.17/6; }
		.about_wrap .main_cont { flex: 0 0 50%; justify-content: center; }
		.about_wrap .main_tit h3 {font-weight: 500;}
		
		@media (max-width:1440px) {
			.about_wrap { gap: 0 var(--row-gap100); }
			.about_img { flex: 0 0 40%; }
			.about_wrap .main_cont { flex: 0 0 56%; }
		}
		@media (max-width:1023px) {
			.about_wrap { flex-direction: column; align-items: flex-start; gap: var(--row-gap80) 0; }
			.about_img { flex: none; width: 98%; max-width: 800px; margin: 0 auto; }
			.about_wrap .main_cont { flex: none; width: 100%; }
		}
		@media (max-width:640px){
			.about_wrap .main_desc :where(br) {display: none;}
		}
		
	/* Business Section */
		.business_sec { position:relative; min-height:960px; display:flex; box-sizing: border-box; padding: var(--row-gap140) 0; overflow:hidden; }
		.business_swiper { position:absolute; left: 0; top: 0; inset:0; z-index:0; }
		.business_swiper .swiper-slide { overflow:hidden; }
		.business_swiper .swiper-slide .business_bg { position:absolute; inset:0; /* background-size:cover; background-position:center; */ transition:all 4s ease-out;}
			.business_swiper .swiper-slide-active .business_bg { scale: 1.05; }
		.business_cont { position:relative; z-index:2; display: flex; flex-direction: column; justify-content: space-between; }
		.business_sec .main_cont { flex: none; }
		.business_sec .main_tit p, .business_sec .main_tit h3, .business_sec .main_desc p { color: var(--point-white); }
		.business_sec .main_desc p { font-weight: 200; }
		
		#wrap .business_pagination { display: inline-flex; position: relative; left: auto; top: auto; bottom: auto; transition: none; }
		.business_pagination .swiper-pagination-bullet { position:relative; flex:1; display:flex; flex-direction:column; gap:0; background:transparent; opacity:1; border-radius:0; height:auto; max-width: 180px; cursor:pointer; padding:0; margin:0 !important; }
		.business_tabs .tab_progress { display: block; width: 100%; height: 3px; background: rgba(255,255,255,0.4); position: relative; overflow: hidden; }
		.business_pagination .tab_progress::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; background: #fff; width: 0; transition: none !important; }
		.business_pagination.is-active .swiper-pagination-bullet-active .tab_progress::after { width: 100%; transition: width 6s linear !important; }
		.business_pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .tab_progress::after { width: 0 !important; transition: width 0s !important; }
		.business_tabs .tab_label { display:block; box-sizing: border-box; padding:clamp(12px, 1.5vw, 18px) 5px; word-break: break-all; font-size:var(--text-16); color: var(--point-white); opacity: 0.4; font-weight:600; transition:all 0.3s ease-out; }
		.swiper-pagination-bullet-active .tab_label { opacity: 1; font-size:var(--text-24); }

		@media (max-width:1240px){
			.business_sec {height: 70vw; min-height: 720px; max-height: 960px;}
		}
		@media (max-width:860px){
			.business_sec {height: 88vw; min-height: 630px;}
		}
		@media (max-width:640px){
			.business_sec .main_desc :where(br) {display: none;}
			.business_tabs .tab_label {font-size:var(--text-14);}
			.swiper-pagination-bullet-active .tab_label {font-size:var(--text-19);}
		}

	/* News Section */
		.news_sec{ position:relative; padding:var(--row-gap160) 0 var(--row-gap100); }
		.news_sec > .w_custom { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; }
		.news_list { width: 100%; padding-top: var(--row-gap60);}
		.news_list .db-expose-list { width:100%; display:grid; grid-template-columns:var(--grid-array03); gap:var(--col-gap30); }
		.news_list .db-expose-list > li { position: relative; display:flex; flex-direction:column; justify-content:space-between; gap: var(--row-gap50); background: var(--gray-bg01); border:2px solid var(--trans-color); border-radius:var(--radius-15); padding:var(--row-gap50) var(--row-gap40); transition:all 0.3s ease-out; }
		.news_list .db-expose-list > li > a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
			.news_list .db-expose-list:has(.db-expose-empty) {grid-template-columns:var(--grid-array01);}
			.news_list .db-expose-list > li.db-expose-empty {text-align: center;}
		.news_list .board_txt { display:flex; flex-direction: column; gap: var(--col-gap20);}
		.news_list .board_txt :where(dt, dd) { text-wrap: pretty; }
		.news_list .board_txt dt { font-size:var(--text-24); font-weight:500; line-height:1.5; color:var(--black-color03); }
		.news_list .board_txt dd { font-size:var(--text-18); line-height:1.7; color:var(--black-color05); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
		.news_list .board_btm { display:flex; align-items:center; justify-content:space-between; }
		.news_list .board_btm .date { font-size:var(--text-16); color:var(--black-color08); }
		.news_list .board_btm .board_btn { display:inline-flex; flex-direction: column; gap:1px; transition:all 0.3s ease; }
		.news_list .board_btm .board_btn::after {content: ""; display: block; width: 100%; height: 1px; background: var(--point-color01); }
		.news_list .board_btm .board_btn span { display:inline-flex; align-items:center; gap:8px; font-size:var(--text-16); color:var(--point-color01); font-weight:600; }
		.news_list .board_btm .board_btn span::after { content:''; display:inline-block; width:10px; height:10px; background: url('../images/btn_board_ico.svg') no-repeat center; }

		/* over */
			@media (hover:hover) and (pointer:fine) {
				.news_list .db-expose-list > li:not(.db-expose-empty):hover { background:var(--point-white); border-color: var(--point-color02); box-shadow:var(--shadow-03); }
				.news_list .db-expose-list > li:not(.db-expose-empty):hover .board_btm .board_btn::after {background: var(--point-color02); }
				.news_list .db-expose-list > li:not(.db-expose-empty):hover .board_btm .board_btn span {color: var(--point-color02); }
				.news_list .db-expose-list > li:not(.db-expose-empty):hover .board_btm .board_btn span::after {background: url('../images/btn_board_ico_ov.svg') no-repeat center; }
			}
			
		@media (max-width:860px) {
			.news_sec .main_tit { width:100%; }
			.news_list .db-expose-list { grid-template-columns:var(--grid-array01); }
			.news_sec .main_btn { order:3; width: 100%; margin-top:clamp(20px, 3vw, 30px); }
		}

	/* Banner Section */
		.bnr_sec { position:relative; padding: 0 0 var(--row-gap140);}
		.bnr_list { display:grid; grid-template-columns:var(--grid-array02); gap:var(--col-gap40); }
		.bnr_list > li { position:relative; display:flex; align-items: center; border-radius:var(--radius-15); overflow:hidden; padding: var(--row-gap30) var(--row-gap60); min-height:320px; }
		.bnr_list > li .link, .bnr_list > li .thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
		.bnr_list > li .link { z-index: 10; }
		.bnr_list > li .thumb { /* background-size:cover; background-position:center; */ transition: all 0.3s ease; }
		.bnr_list > li .main_cont { z-index: 1; }
		.bnr_list > li .main_tit { gap: 10px; }
		
		/* over */
			@media (hover:hover) and (pointer:fine) {
				.bnr_list > li:hover .thumb { scale: 1.05; }
				.bnr_list > li:hover .main_btn { border-color:var(--point-color01); }
				.bnr_list > li:hover .main_cont .main_btn:before { width: 100%; }
			}
		
		@media (max-width:1440px){
			.bnr_list > li { min-height:clamp(280px, 16.67vw, 320px); }
		}
		@media (max-width:1240px){
			.bnr_list > li { min-height:clamp(250px, 22.58vw, 280px); }
		}
		@media (max-width:1023px){
			.bnr_list { grid-template-columns:var(--grid-array01); }
			.bnr_list > li { min-height:clamp(220px, 24.44vw, 250px); padding: var(--row-gap30) var(--row-gap45); }
			.bnr_list > li .main_cont { gap: var(--row-gap40) 0; }
		}

	/* Partners Section */
		.partners_sec { box-sizing: border-box; padding:15px 0; border-top:1px solid var(--border-color01); }
		.partners_swiper .swiper-wrapper { display:flex; gap:12px; }
		.partners_swiper .swiper-slide { flex:1; display:flex; align-items:center; justify-content:center; }
		.partners_sec .thumb_box { display:flex; align-items:center; justify-content:center; pointer-events: none;}

		@media (max-width:1024px){
			.partners_swiper .swiper-wrapper { gap:0; }
			.partners_swiper .swiper-slide { flex:none; }
		}