@charset "utf-8";

@import url('../templates/font-awesome-pro/css/all.min.css');
@import url('../scripts/swiper-11/swiper-bundle.min.css');
@import url('../scripts/fancybox-5/dist/fancybox/fancybox.css');
@import url('../scripts/aos/aos.css');

/************************************************************************************
CSS RESET
*************************************************************************************/

*{
	margin:0;
	padding:0;
	outline:0;
	box-sizing: border-box;
	text-rendering: optimizeSpeed;	
}
html{height:100%; scroll-behavior: smooth;}
a{text-decoration:none;} 
p{padding: 0 0 10px 0;}
img{border:0; border-spacing:0; max-width: 100%;}
img, embed{vertical-align:middle;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img, embed {margin: 0; padding: 0; outline: 0;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; border: 1px solid #eee}
table td, table th {border: 1px solid #eee; padding: 15px;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong, b, h1, h2, h3, h4, h5, h6 {font-weight:600;}
em {font-style:italic;}
sup {vertical-align: super;}

input[type=text], input[type=password], input[type=file], input[type=submit], input[type=reset], input[type=search], textarea, button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

input[type=number]::-webkit-inner-spin-button {opacity: 1;}

/************************************************************************************
Reset HTML5 Elements to Block
*************************************************************************************/

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/************************************************************************************
CSS PLUS NEW
*************************************************************************************/

.center {
	text-align: center;
}
.sty_sticky {
	position: sticky;
	top: calc(var(--height-hea) + 2rem);
}
.user_select {
	user-select: none;
}
.sty_display {
	display: none;
}
.r_p2 {	
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.r_p24 {	
	padding-top: 2rem;
	padding-bottom: 4rem;
}
.r_p03 {	
	padding-top: 0;
	padding-bottom: 3rem;
}
.r_p3 {	
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.r_p06 {	
	padding-top: 0rem;
	padding-bottom: 6rem;
}
.r_p36 {	
	padding-top: 3rem;
	padding-bottom: 6rem;
}
.r_p4 {	
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.r_p6 {	
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.r_p69 {	
	padding-top: 6rem;
	padding-bottom: 9rem;
}
.r_p9 {	
	padding-top: 9rem;
	padding-bottom: 9rem;
}
.r_p96 {	
	padding-top: 9rem;
	padding-bottom: 6rem;
}
.r_m3 {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.r_m3 {
	margin-top: 6rem;
	margin-bottom: 6rem;
}
.p_48 {
	padding: 4.8rem;
}
.p_t48{
	padding-top: 4.8rem;
}
.m_t32 {
	margin-top: 3.2rem;
}
.m_t48 {
	margin-top: 4.8rem;
}
.m_b16 {
	margin-bottom: 1.6rem;
}
.m_b20 {
	margin-bottom: 2rem;
}
.m_b24 {
	margin-bottom: 2.4rem;
}
.m_b32 {
	margin-bottom: 3.2rem;
}
.m_b30 {
	margin-bottom: 3rem;
}
.m_b48 {
	margin-bottom: 4.8rem;
}
.m_b64 {
	margin-bottom: 6.4rem;
}
.p_rl {
	padding-right: 15%;
	padding-left: 15%;
}

/************************************************************************************
CSS WEBSITE
*************************************************************************************/

:root {	
	font-size: 10px;

	--font-family: "Inter", sans-serif;;
	--font-size-12: 12px;
	--font-size-14: 14px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-22: 22px;
	--font-size-24: 24px;
	--font-size-28: 28px;
	--font-size-30: 30px;
	--font-size-32: 32px;
	--font-size-34: 34px;
	--font-size-40: 40px;
	--font-size-48: 46px;	

	--PrimaryColor:#0078D0;
	--SecondaryColor: #FFB114;
	--color-1: #000;
	--color-2: #474747;
	--color-3: #666;

	--tailwind-50 : #f0f8ff;
	--tailwind-100: #e0f0fe;
	--tailwind-200: #b9e0fe;
	--tailwind-300: #7cc8fd;
	--tailwind-400: #36aefa;
	--tailwind-500: #0c93eb;
	--tailwind-600: #0078d0;
	--tailwind-700: #015ca3;
	--tailwind-800: #064e86;
	--tailwind-900: #0b426f;
	--tailwind-950: #07294a;

	--height-hea: 7.2rem;

	--gap04: 0.4rem;
	--gap08: 0.8rem;
	--gap10: 1.0rem;
	--gap12: 1.2rem;
	--gap16: 1.6rem;
	--gap20: 2.0rem;
	--gap24: 2.4rem;
	--gap30: 3.0rem;
	--gap32: 3.2rem;
	--gap40: 4.0rem;
	--gap48: 4.8rem;
}

html {
	overflow-x: hidden;
}
body {
	font-family: var(--font-family);
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: auto;
	font-size: var(--font-size-16);
	color: var(--color-1);
	line-height: 1.4;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	min-height: 100%;
}

.min_wrap {
	max-width: 1176px;
	margin-right: auto;
	margin-left: auto;
}

.img_hover:hover {opacity: 0.9;}

::selection {
	background-color: var(--PrimaryColor);
	color: #fff;
}

/************************************************************************************
CSS HEADER
*************************************************************************************/
body.active #header {
	background-color: #fff;
}
#header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 13;
}
#header.active {
	background-color: #fff;
}
#header:hover, body.active #header:hover {
	background-color: #FCFCFC;
}
#header.active .logo, #header:hover .logo, body.active #header .logo {
	color: var(--PrimaryColor);
}
#header.active .ul_mn > li > a, #header.active .click_s, #header.active .link_dn, #header:hover .ul_mn > li > a, #header:hover .click_s, #header:hover .link_dn, #header:hover .lang_new p, #header.active .lang_new p, body.active #header .ul_mn > li > a, body.active #header .click_s, body.active #header .link_dn, #header:hover .icon_menu_mobile, #header.active .icon_menu_mobile, body.active .icon_menu_mobile, body.active .lang_new p {
	color: var(--color-1);
}
#header .min_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.2rem;
	font-size: var(--font-size-32);
}
.logo img {
	width: auto;
	height: 2rem;
}
.logo_1 {
	display: none;
}
.logo_2 {
	display: block;
}
#header.active .logo_2, body.active .logo_2, .bg_color .logo_2, #header:hover .logo_2 {
	display: none;
}
 #header.active .logo_1, body.active .logo_1, .bg_color .logo_1, #header:hover .logo_1 {
	display: block;
 }

.ul_mn {
	display: flex;
	align-items: center;
}
.ul_mn > li {
	padding: 1.8rem 1.6rem;
}
.ul_mn > li > a {
	display: block;
	color: #fff;
	font-size: var(--font-size-18);
	line-height: 3.2rem;
	font-weight: 500;
}
.ul_mn > li:hover > a {
	text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}
.ul_mn > li:hover .sub_nav_mn {
	display: block;
}
.sub_nav_mn {
	display: none;
	background-color: #fff;
	position: absolute;
	top: 6.8rem;
	right: 0;
	left: 0;
	z-index: 13;
	border-top: 0.1rem solid #BFCACC;
	border-bottom: 0.1rem solid #BFCACC;
}
.sub_nav_mn .min_wrap {
	padding: 4.8rem 0;
}
.list_sub_nav_mn {
	display: flex;
	column-gap: 4.8rem;
	flex-wrap: wrap;
	width: 100%;
}
.list_sub_nav_mn > li {
	flex: 1;
}
.list_sub_nav_mn > li.adv_list_sub_nav_mn {
	flex: 0 0 calc(25% - 4.8rem);
}
.adv_list_sub_nav_mn figure img {
	aspect-ratio: 3/2;
	margin-bottom: 1.6rem;
}
.adv_list_sub_nav_mn .til_lsnm {
	font-weight: 600;
}
.til_lsnm {
	font-size: var(--font-size-20);
	color: var(--color-2);
	margin-bottom: 1.6rem;
}
.til_lsnm a {
	color: var(--color-2);
	font-size: var(--font-size-16);
}
.til_lsnm a i {
	margin-left: 1.6rem;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
}
.til_lsnm a:hover i {
	transform: translateX(1.6rem);
	-webkit-transform: translateX(1.6rem);
	-moz-transform: translateX(1.6rem);
	-ms-transform: translateX(1.6rem);
	-o-transform: translateX(1.6rem);
}
.child_lsmn > li > a {
	font-size: var(--font-size-16);
	color: var(--color-1);
}
.child_lsmn > li > a:hover {
	color: var(--PrimaryColor);
}

.ul_mn > li:hover .ul_mn_child_1 {
	opacity: 1;
	pointer-events: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.ul_mn_child_1 {
	font-size: var(--font-size-14);
	opacity: 0;
	pointer-events: none;
	padding: 1.2rem 1.6rem;
	position: absolute;
	z-index: 11;
	min-width: 150px;
	box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);
	top: 6.8rem;
	left: 0;
	background-color: #fff;
}
.ul_mn_child_1 > li {
	position: relative;
}
.ul_mn_child_1 > li > a {
	white-space: nowrap;
	display: block;
	padding: .4rem 0;
	color: var(--color-2);
	font-size: var(--font-size-16);
}
.ul_mn_child_1 > li:hover > a, .ul_mn_child_1 > li > a.active {
	color: var(--PrimaryColor); 
}
.ul_mn_child_2 {
	width: 60rem;
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--gap08);
}
.ul_mn_child_2 > li {
	flex: 1 0 20rem;
}

.r_hea {
	display: flex;
	align-items: center;
	gap: var(--gap16);
}
.r_hea .but_01 {
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}
.lang_hea {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background-color: var(--PrimaryColor);
	padding: 0.9rem 1.8rem;
	line-height: 2.4rem;
	color: #fff;
	font-size: var(--font-size-14);
}
.lang_hea:hover {
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
}
.lang_hea span {
	cursor: pointer;
	color: #fff;
	opacity: 0.5;
}
.lang_hea span.active {
	opacity: 1;
}

.link_dn {
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-18);
	color: #fff;
}

.click_s {
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-18);
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.fixbody {
	overflow: hidden;
	height: 100%;
}
.form_s {
	user-select: none;
	background: rgba(0,0,0,.75);
	backdrop-filter: blur(.8rem);
	-webkit-backdrop-filter: blur(.8rem);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 99999999;
	visibility: hidden;
	opacity: 0;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.form_s.active {visibility: visible; opacity: 1;}
.close_form_s {
	font-size: 32px;
	color: #fff;
	position: absolute;
	top: -64px; 
	right: 16px;
	display: block;
	cursor: pointer;
	z-index: 1;
	font-style: normal;
}
.close_form_s::before {
	content: "\f057";
	font-family: "Font Awesome 6 Pro";
	font-weight: 100;
}
.d_form_s {
	width: 50%;
	margin: -30px auto 0 auto;
	position: absolute;
	top: 50%; left: 0; right: 0;
}
.ipt_form_s {
	width: 100%;
	height: 60px;
	border: 0;
	padding: 0 6rem 0 2rem;
	border-bottom: 1px solid #eee;
	font-size: 20px;
	font-family: var(--font-family);
	font-weight: 400;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.btn_form_s {
	border: 0;
	cursor: pointer;
	width: 60px; height: 60px;
	text-align: center;
	font-size: 24px;
	color: #000;
	position: absolute;
	bottom: 0; right: 0;
	background: none;
}

.lang_new {
	position: relative;
	margin-right: 0.8rem;
}
.lang_new p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	padding: 0;
	color: #fff;
	font-size: var(--font-size-18);
}
.lang_new:hover .sub_lang_new {
	display: block;
}
.sub_lang_new {
	display: none;
	position: absolute;
	top: 2.4rem;
	left: 50%;
	z-index: 1;
	background-color: #fff;
	border: 0.1rem solid #eee;
	font-size: var(--font-size-14);
	clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.sub_lang_new span {
	cursor: pointer;
	color: var(--color-2);
	display: block;
	padding: 0.4rem 1.2rem;
}
.sub_lang_new span.active {
	background-color: #eee;
}

/************************************************************************************
CSS CONTAINER
*************************************************************************************/

#container {
	min-height: 75vh;
}

.but_01 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 0;
	cursor: pointer;
	background-color: var(--PrimaryColor);
	color: #fff;
	font-size: var(--font-size-16);
	font-weight: 500;
	line-height: 2.4rem;
	padding: 1.2rem 2.8rem;
}
.but_01:hover {
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
}
.but_01_black {
	background-color: var(--color-1);
}

.slide_h {
	position: relative;
	height: 85vh;
	background-color: #eee;
}
.slide_h .swiper1, .slide_ls .swiper1 {
	height: 100%;
}
.slide_h .swiper-slide::before, .slide_ls .swiper-slide::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
}
.img_slide {
	height: 100%;
}
.img_slide img {
	display: block;
	width: 100%;
	height: 100%;
}
.text_slide {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 13;
	max-width: 80rem;
	padding-right: 2.4rem;
	padding-left: 2.4rem;
	color: #fff;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.na_text_slide {
	font-size: var(--font-size-48);
	font-weight: 600;
	line-height: 1.2;
}
.link_slide {
	display: inline-flex;
	gap: var(--gap12);
	align-items: center;
	font-weight: 500;
	color: #fff;
	padding-right: 3.2rem;
	position: relative;
	margin-top: 1.6rem;
}
.link_slide i {
	position: absolute;
	top: 50%;
	right: 0;
	font-size: var(--font-size-20);
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.link_slide:hover i {
	right: -1.6rem;
}

.title_cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: var(--gap48);
	row-gap: var(--gap16);
	margin-bottom: 4.8rem;
}
.na_tc {
	flex: 1 0 calc(66.666666% - 2.4rem);
	color: var(--color-1);
	font-size: var(--font-size-40);
	font-weight: 600;
	line-height: 1.2;
}
.des_tc {
	flex-basis: 100%;
	font-size: var(--font-size-20);
	color: var(--color-1);
}
.r_tc {
	flex: 1 0 calc(33.333333% - 2.4rem);
	display: flex;
	justify-content: flex-end;
}
.title_cont_2 {
	text-align: center;
	margin-bottom: 3.2rem;
}
.title_cont_2 .na_tc {
	font-size: var(--font-size-24);
	margin-bottom: 1.6rem;
}

.list_gt_h {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap24);
}
.list_gt_h > li {
	flex: 1 0 20rem;
	background-color: #eee;
	position: relative;
}
.list_gt_h > li > a {
	display: block;
	padding: 2.4rem;
	font-size: var(--font-size-20);
	color: var(--color-1);
}
.na_lgth {
	font-size: var(--font-size-22);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.des_lgth {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 11.2rem;
	margin-bottom: 2.4rem;
}
.img_lgth {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 12.8rem;
	height: 12.8rem;
	overflow: hidden;
	margin-top: 1.2rem;
	margin-bottom: 3.2rem;
}
.img_lgth img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.list_gt_h > li .but_lgth svg {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.list_gt_h > li:hover .but_lgth svg {
	transform: translateX(330%);
	-webkit-transform: translateX(330%);
	-moz-transform: translateX(330%);
	-ms-transform: translateX(330%);
	-o-transform: translateX(330%);
}
.list_gt_h > li:hover .but_lgth svg {
	fill: var(--PrimaryColor);
}
.list_gt_h > li:hover .but_lgth svg path {
	stroke: var(--PrimaryColor);
}
.list_gt_h > li:hover .but_lgth svg path:last-child {
	stroke: #fff;
}

.swiper2, .swiper2-plus {
	padding-left: calc(calc(100vw - 1176px) / 2) ;
	padding-right: 2.4rem;
}
.swiper2 .swiper-slide {
	width: 36.8rem;
	background-color: #eee;
	padding: 3.2rem 2.4rem;
}
.swiper2-plus .swiper-slide {
	width: 36.8rem;
}
.swiper2 .swiper-slide:nth-child(2n) {
	background-color: #fff;
	border: 0.1rem solid #BFCACC;
}
.swiper2 .swiper-slide.active {
	background-color: var(--SecondaryColor);
}
.img_tn_h {
	aspect-ratio: 3/2;
	overflow: hidden;
	margin-bottom: 3.2rem;
	position: relative;
}
.img_tn_h img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.na_tn_h {
	font-size: var(--font-size-22);
	font-weight: 600;
	color: var(--color-1);
	position: relative;
	padding-right: 4rem;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.swiper2 .swiper-slide:hover .na_tn_h::before, .swiper3 .swiper-slide:hover .na_tn_h::before, .swiper4 .swiper-slide:hover .na_tn_h::before, .swiper5 .swiper-slide:hover .na_tn_h::before {
	right: 0;
}
.na_tn_h::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	content: "\f178";
	position: absolute;
	top: 0;
	right: 1.5rem;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.des_tn_h {
	font-size: var(--font-size-20);
	color: var(--color-1);
	display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	min-height: 5.6rem;
}

.pt_h {
	background: var(--SecondaryColor) url(../imgs/shape-01.png) no-repeat top right;
	background-size: contain;
}
.pt_h .but_01 {
	background-color: var(--color-1);
}
.swiper3 {
	padding-left: calc(calc(100vw - 1176px) / 2) ;
	padding-right: 2.4rem;
}
.swiper3 .swiper-slide {
	width: 76rem;
	background-color: #fff;
	padding: 3.2rem 2.4rem;
	
}
.swiper3 .img_tn_h {
	aspect-ratio: 16/9;
	position: relative;
	margin-bottom: 0;
	clip-path: polygon(calc(0% + 8px) 0, calc(100% - 8px) 0, 100% calc(0% + 8px), 100% calc(100% - 8px), calc(100% - 8px) 100%, calc(0% + 8px) 100%, 0 calc(100% - 8px), 0 calc(0% + 8px));
}
.swiper3 .des_tn_h {
	color: var(--color-3);
	font-size: var(--font-size-14);
	min-height: inherit;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 2.4rem;
}
.but_swiper {
	display: flex;
	gap: var(--gap12);
	align-items: center;
	margin-top: 3.4rem;
}
.swiper-button-next-2, .swiper-button-next-2-plus, .swiper-button-prev-2, .swiper-button-prev-2-plus, .swiper-button-next-3, .swiper-button-prev-3, .swiper-button-next-5, .swiper-button-prev-5 {
	position: static;
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
}
.swiper-button-prev-2 svg, .swiper-button-prev-2-plus svg, .swiper-button-prev-3 svg, .swiper-button-prev-5 svg {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}
.tags_pt_h {
	position: absolute;
	bottom: 0.8rem;
	right: 0.8rem;
	padding-left: 0.8rem;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: var(--gap08);
}
.tags_pt_h span, .tags_pt_h a {
	font-size: var(--font-size-14);
	color: #fff;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	line-height: 2.4rem;
	padding: 0.8rem 1.6rem;
	clip-path: polygon(calc(0% + 8px) 0, calc(100% - 8px) 0, 100% calc(0% + 8px), 100% calc(100% - 8px), calc(100% - 8px) 100%, calc(0% + 8px) 100%, 0 calc(100% - 8px), 0 calc(0% + 8px));
}
.tags_pt_h_D {
	justify-content: stretch;
	position: static;
	padding-left: 0;
	margin-bottom: 2.4rem;
}
.tags_pt_h_D span, .tags_pt_h_D a {
	background-color: #eee;
	color: var(--color-1);
}
.tt_shop_tags_pt_h_D {
	background-color: #617f90 !important;
	color: #fff !important;
}
.npt_pt_h {
	font-size: var(--font-size-14);
	color: var(--color-1);
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hst_h .min_wrap {
	position: relative;
}
.hst_h .title_cont {
	position: sticky;
	top: 0;
	background-color: #fff;
	padding: 3rem 0;
	margin-bottom: 0;
}
.list_hst_h {
	position: relative;
}
.list_hst_h > li {
	position: sticky;
	top: 10.8rem;
	background-color: #fff;
	padding: 2.4rem 0;
}
.r1_list_hst_h {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
	margin-bottom: 4.8rem;
}
.l_list_hst_h {
	flex: 1 0 20rem;
}
.logo_list_hst_h {
	font-weight: 600;
}
.na_list_hst_h {
	font-size: var(--font-size-24);
	font-weight: 500;
}
.na_list_hst_h a {
	color: var(--color-1);
}
.na_list_hst_h a:hover {
	color: var(--PrimaryColor);
}
.r_list_hst_h {
	flex: 1 0 20rem;
}
.r_list_hst_h .til_lsnm {
	margin-bottom: 0;
}
.r_list_hst_h .til_lsnm a, .cr_content_r_ls_1 .til_lsnm a {
	color: var(--color-1);
	font-weight: 600;
}
.des_list_hst_h {
	font-size: var(--font-size-20);
	margin-bottom: 2.4rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.r2_list_hst_h {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
}
.r2_list_hst_h figure {
	aspect-ratio: 16/9;
}
.r2_list_hst_h figure {
	flex: 1 0 20rem;
}
.r2_list_hst_h figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.f_dn .news_h, .f_ls .news_h {
	background: linear-gradient(180deg,rgba(238, 238, 238, 0.5) 0%, rgba(255, 255, 255, 1) 25%); 
}
.news_h {
	/* background: linear-gradient(180deg,rgba(238, 238, 238, 0.5) 0%, rgba(255, 255, 255, 1) 25%); */
	background-color: #eee;
}
.content_news_h {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
	align-items: flex-start;
}
.l_news_h {
	flex: 2 0 2.4rem;
}
.event_news_h {
	position: sticky;
	top: 0;
	flex: 1;
	width: 100%;
}
.til_content_news_h {
	margin-bottom: 1.6rem;
	font-size: var(--font-size-22);
	font-weight: 400;
}
.list_news_h > li {
	margin-bottom: 2.4rem;
}
.list_news_h > li:last-child {
	margin-bottom: 0;
}
.list_news_h > li a {
	display: flex;
	gap: var(--gap16);
	align-items: flex-start;
}
.img_list_news_h {
	flex-basis: 15rem;
	aspect-ratio: 3/2;
}
.img_list_news_h img, .img_nd_event_news_h img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.nd_list_news_h {
	flex: 1;
}
.nd_list_news_h span {
	display: block;
	color: var(--color-2);
	margin-bottom: 0.4rem;
}
.nd_list_news_h h3 {
	font-size: var(--font-size-20);
	color: var(--color-1);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.nd_event_news_h .nd_list_news_h h3 {
	font-size: var(--font-size-22);
	-webkit-line-clamp: 3;
	line-clamp: 3;
}
.img_nd_event_news_h {
	aspect-ratio: 3/2;
	margin-bottom: 1.6rem;
}
.list_news_h > li .nd_list_news_h h3:hover {
	color: var(--PrimaryColor);
}

.title_na {
	display: flex;
	gap: var(--gap24);
	justify-content: space-between;
	align-items: flex-start;
	color: var(--color-1);
	padding-right: 1.2rem;
}
.title_na h3 {
	font-size: var(--font-size-22);
}
.title_na i {
	margin-top: 0.4rem;
	font-size: var(--font-size-22);
	transform: translateX(-1.6rem);
	-webkit-transform: translateX(-1.6rem);
	-moz-transform: translateX(-1.6rem);
	-ms-transform: translateX(-1.6rem);
	-o-transform: translateX(-1.6rem);
	transition: transform .4s;
	-webkit-transition: transform .4s;
	-moz-transition: transform .4s;
	-ms-transition: transform .4s;
	-o-transition: transform .4s;
}
.title_na:hover i {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.title_na_2 {
	display: flex;
	gap: var(--gap24);
	justify-content: space-between;
	align-items: center;
	color: var(--color-1);
	margin-bottom: 0.8rem;
}
.na_title_na_2 {
	font-size: var(--font-size-22);
	font-weight: 500;
	color: var(--color-1);
}

.breacrum {
	padding-top: 9.8rem;
}
.ul_breacrum {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: var(--font-size-14);
	background-color: #bfcacc1a;
	padding: 0.8rem 1.6rem;
	color: var(--color-1);
	line-height: 2.4rem;
}
.ul_breacrum > li::after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f105";
	font-size: 10px;
	margin: 0 0.8rem;
}
.ul_breacrum > li:last-child::after {
	display: none;
}
.ul_breacrum > li > a {
	color: #617f90;
}

.title_page {
	color: var(--color-1);
	font-size: var(--font-size-40);
	font-weight: 600;
	margin-bottom: 1.6rem;
}
.des_page {
	font-size: var(--font-size-30);
	margin-bottom: 1.6rem;
	color: var(--color-2);
}

.r2_f_gt {
	background: #bfcacc url(../imgs/shape-02.png) no-repeat top right;
}
.list_r2_f_gt {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
}
.list_r2_f_gt > li {
	flex: 1 0 20rem;
	border-top: 0.1rem solid #919B9D;
}
.list_r2_f_gt > li > a {
	display: flex;
	gap: var(--gap24);
	padding: 2.4rem 0;
	color: var(--color-1);
	font-size: var(--font-size-20);
	font-weight: 600;
}
.list_r2_f_gt > li svg, .title_na_2 svg {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transition: transform .4s;
	-webkit-transition: transform .4s;
	-moz-transition: transform .4s;
	-ms-transition: transform .4s;
	-o-transition: transform .4s;
}
.list_r2_f_gt > li svg {
	transform: translateX(-1.6rem);
	-webkit-transform: translateX(-1.6rem);
	-moz-transform: translateX(-1.6rem);
	-ms-transform: translateX(-1.6rem);
	-o-transform: translateX(-1.6rem);
}
.list_r2_f_gt > li:hover svg, .title_na_2:hover svg {
	fill: var(--PrimaryColor);
	transform: translateX(2.4rem);
	-webkit-transform: translateX(2.4rem);
	-moz-transform: translateX(2.4rem);
	-ms-transform: translateX(2.4rem);
	-o-transform: translateX(2.4rem);
}
.list_r2_f_gt > li:hover svg {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}
.list_r2_f_gt > li:hover svg path, .title_na_2:hover svg path {
	stroke: var(--PrimaryColor);
}
.list_r2_f_gt > li:hover svg path:last-child, .title_na_2:hover svg path:last-child {
	stroke: #fff;
}
.m_list_r2_f_gt {
	flex: 1;
	padding-right: 1.2rem;
}
.na_list_r2_f_gt {
	font-size: var(--font-size-20);
	font-weight: 400;
	margin-bottom: 0.8rem;
}

.swiper4 .swiper-slide {
	height: 100vh;
	position: relative;
}
.swiper4 .swiper-slide::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
	height: 50%;
    z-index: 11;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.swiper4 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper4 .tags_pt_h {
	position: static;
	justify-content: stretch;
	padding-left: 0;
}
.text_swiper4 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 1176px;
	max-width: 100%;
	z-index: 12;
	padding: 6rem 0;
	color: #fff;
}
.text_swiper4 .na_tn_h {
	color: #fff;
	max-width: 50%;
	font-size: var(--font-size-40);
}
.text_swiper4 .na_tn_h::before {
	font-size: var(--font-size-22);
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.text_swiper4 .des_tn_h {
	color: #fff;
	max-width: 50%;
	min-height: inherit;
	margin-bottom: 2.4rem;
}

.list_r4_f_gt {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap24);
}
.list_r4_f_gt > li {
	flex-basis: calc(25% - 1.8rem);
	display: flex;
	flex-direction: column;
	gap: var(--gap16);
	font-size: var(--font-size-20);
	cursor: pointer;
}
.list_r4_f_gt > li.active {
	flex-basis: calc(50% - 1.2rem);
}
.img_list_r4_f_gt {
	aspect-ratio: 1/1;
	overflow: hidden;
}
.img_list_r4_f_gt > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.na_list_r4_f_gt {
	font-size: var(--font-size-20);
}

.fcb_dnql {
	display: none;
	background-color: #fff;
	padding: 3.2rem;
	width: 1176px;
	max-width: 90%;
}
.content_fcb_dnql {
	display: flex;
	gap: var(--gap32);
	align-items: flex-start;
}
.nd_fcb_dnql {
	flex: 1;
	max-width: 100%;
}
.img_fcb_dnql {
	position: sticky;
	top: 0;
	aspect-ratio: 1/1;
	flex-basis: 27rem;
}
.img_fcb_dnql img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.na_fcb_dnql {
	font-size: var(--font-size-40);
	font-weight: 600;
	color: var(--color-1);
}
.des_fcb_dnql {
	font-size: var(--font-size-30);
	font-weight: 300;
	color: var(--color-2);
	font-style: italic;
	margin-bottom: 2.4rem;
}

.m_ct {
	display: flex;
	gap: var(--gap48);
	flex-wrap: wrap;
	flex-direction: row-reverse;
	padding-top: 4rem;
}
.l_ct, .r_ct {
	flex: 1 0 30rem;
	max-width: 100%;
}
.ul_r_f_contact {
	user-select: none;
}
.ul_r_f_contact > li {
	position: relative; 
	margin-bottom: 1.6rem;
}
.ipt_f_contact {
	width: 100%;
	height: 44px;
	border: 1px solid var(--color-3);
	background-color: #fff;
	padding: 0 5.4rem 0 1.6rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-size: var(--font-size-16);
}
.icon_r_f_contact {
	position: absolute;
	top: 1px; right: 1px;
	width: 42px; height: 42px;
	text-align: center;
	line-height: 42px;
	border-left: 1px solid var(--color-3);
	color: var(--color-1);
	font-size: var(--font-size-18);
	z-index: 1;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.txt_f_contact {
	font-size: var(--font-size-16);
	width: 100%;
	height: 120px;
	min-height: 100px;
	resize: vertical;
	padding: 1.2rem 1.6rem;
	border: 1px solid var(--color-3);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.slec_r_f_contact {
	color: var(--color-3);
	font-size: var(--font-size-16);
	width: 100%;
	height: 44px;
	border: 1px solid var(--color-3);
	background: #fff url(../imgs/icon_0.png) no-repeat center right 15px;
	padding: 0 5.4rem 0 1.6rem;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.ipt_f_contact:focus, .txt_f_contact:focus, .slec_r_f_contact:focus {
	border-color: var(--color-1);
	color: var(--color-1);
}
.ipt_f_contact:focus~.icon_r_f_contact {
	border-color: var(--color-1);
	color: var(--color-1);
}
.cap_f_contact {
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: auto;
	height: 36px;
	z-index: 1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.but_contact {
	margin-top: 1.6rem;
}
.til_radio_f_contact {
	padding-bottom: 0;
	margin-bottom: 1.2rem;
}
.list_radio_f_contact > li {
	margin-bottom: 1.2rem;
}
.list_radio_f_contact > li input {
	display: none;
}
.list_radio_f_contact > li label {
	font-size: var(--font-size-18);
	line-height: 2.4rem;
	display: flex;
	gap: var(--gap08);
	align-items: center;
	cursor: pointer;
	position: relative;
}
.list_radio_f_contact > li label::before {
	content: "";
	width: 2rem;
	height: 2rem;
	border: 0.2rem solid #333;
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.list_radio_f_contact > li label::after {
	content: "";
	background-color: #333;
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 6px;
	left: 6px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: transform .4s;
	-webkit-transition: transform .4s;
	-moz-transition: transform .4s;
	-ms-transition: transform .4s;
	-o-transition: transform .4s;
}
.list_radio_f_contact > li input:checked + label::after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
} 
.note_f_contact {
	padding: 2.4rem 0;
	color: var(--color-2);
	font-style: italic;
}
.lb_radio_f_contact {
	margin-bottom: 0.8rem;
	font-size: var(--font-size-14);
}
.title_r_ct {
	font-size: var(--font-size-20);
	font-weight: 600;
	margin-bottom: 2.4rem;
}
.list_r_ct > li {
	display: flex;
	gap: var(--gap08);
	align-items: center;
	margin-bottom: 1.6rem;
	font-weight: 500;
}
.list_r_ct > li:last-child {
	margin-bottom: 0;
}
.list_r_ct > li a {
	color: var(--color-1);
}
.list_r_ct > li a:hover {
	color: var(--PrimaryColor);
}
.list_r_ct > li i {
	width: 2.4rem;
	font-size: var(--font-size-20);
	text-align: center;
}
.list_r_ct > li span {
	flex: 1;
}
.map_ct {
	height: 100vh;
	background-color: #eee;
	position: relative;
}
.map_ct iframe, .map_tn iframe {
	width: 100% !important;
	height: 100% !important;
}
.map_tn {
	height: 66.666666vh;
	background-color: #eee;
	position: relative;
}

.link_map_tn {
	position: absolute;
	top: 3rem;
	bottom: 3rem;
	left: calc(calc(100% - 1176px) / 2);
	background-color: #fff;
	width: 37.6rem;
	max-width: 100%;
	z-index: 12;
	overflow: auto;
	box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.1);
}
.title_link_map_tn {
	position: sticky;
	background-color: #fff;
	top: 0;
	font-size: var(--font-size-24);
	color: var(--color-1);
	padding: 2.4rem 2.4rem 0.8rem 2.4rem;
}
.des_link_map_tn {
	font-size: var(--font-size-14);
	color: var(--color-2);
	padding: 0 2.4rem;
}
.list_link_map_tn > li {
	padding: 1.6rem 2.4rem;
	display: flex;
	gap: var(--gap16);
	align-items: center;
}
.list_link_map_tn > li:hover {
	cursor: pointer;
	background-color: #eee;
}
.list_link_map_tn > li > i {
	font-size: var(--font-size-24);
}
.r_list_link_map_tn {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.r_list_link_map_tn span {
	color: var(--color-2);
	font-size: var(--font-size-14);
}

.list_r2_f_cs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: var(--gap24);
	row-gap: var(--gap40);
}
.f_cs .list_r2_f_cs > li, .r5_f_dn .list_r2_f_cs > li {
	padding: 2.4rem 0;
}
.list_r2_f_cs > li .title_na {
	margin-bottom: 0.8rem;
}
.img_list_r2_f_cs {
	width: 12.8rem;
	height: 12.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2.4rem;
}
.img_list_r2_f_cs img {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.des_list_r2_f_cs {
	color: var(--color-2);
	font-size: var(--font-size-16);
}

.img_list_r2_f_tv {
	aspect-ratio: 3/2;
	margin-bottom: 2.4rem;
}
.img_list_r2_f_tv img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list_r3_f_tv > li {
	padding: 1.2rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gap24);
	border-top: 0.1px solid #bfcacc;
}
.na_list_r3_f_tv {
	flex: 1;
	font-size: var(--font-size-18);
	color: var(--color-1);
}
.download_tv svg rect {
	fill: var(--tailwind-100);
}
.download_tv:hover svg rect {
	fill: var(--PrimaryColor);
}
.download_tv svg path {
	fill: var(--PrimaryColor);
	stroke: var(--PrimaryColor);
}
.download_tv:hover svg path {
	fill: #fff;
	stroke: #fff;
}

.r2_f_tv_tl .min_wrap {
	display: flex;
	gap: var(--gap48);
	align-items: flex-start;
	flex-wrap: wrap;
}
.sb_r2_f_tv_tl {
	flex: 1;
	position: sticky;
	top: 0;
}
.ct_r2_f_tv_tl {
	flex: 3 0 9.6em;
	max-width: 100%;
}
.ct_r2_f_tv_tl .list_r1_f_dn {
	padding-top: 3.2rem;
}
.mn_sb_r2_f_tv_tl > li > a {
	display: block;
	color: var(--color-1);
	line-height: 2.2rem;
	font-weight: 400;
	padding: 1rem 1.6rem;
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);	
}
.mn_sb_r2_f_tv_tl > li.active > a {
	background-color: #eee;
	color: #617f90;
	font-weight: 500;
}
.mn_sb_r2_f_tv_tl > li:hover > a {
	color: #617f90;
}

.slide_album, .slide_video {
    aspect-ratio: 16 / 9;
    background: #000;
}
.slide_album .swiper6 .swiper-slide, .slide_album .swiper8 .swiper-slide {
    aspect-ratio: 16 / 9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide_album .swiper6 .swiper-slide a, .slide_album .swiper8 .swiper-slide a {
    display: block;
    cursor: zoom-in;
    height: 100%;
}
.slide_album .swiper6 .swiper-slide img, .slide_album .swiper8 .swiper-slide img {
	height: 100%;
}
.swiper-pagination-6, .swiper-pagination-8 {
	color: #fff;
	text-align: left;
	padding: 1rem 2rem;
	font-weight: 700;
}
.swiper-button-next-6, .swiper-button-next-8 {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	top: auto;
	bottom: 1.6rem;
	right: 1.6rem;
	z-index: 12;
}
.swiper-button-prev-6, .swiper-button-prev-8 {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
	top: auto;
	bottom: 1.6rem;
	left: auto;
	right: 6.4rem;
	z-index: 12;
}
.swiper-button-prev-6 svg, .swiper-button-prev-8 svg {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.slide_video iframe {
	width: 100% !important;
	height: 100% !important;
	border-radius: .2rem;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	-ms-border-radius: .2rem;
	-o-border-radius: .2rem;
}

.bg_color .logo, .bg_color .ul_mn > li > a, .bg_color .click_s, .bg_color .link_dn, .bg_color .icon_menu_mobile, .bg_color .lang_new p {
	color: var(--color-1);
}
.f_bg_c1 {
	background: #ffe188 url(../imgs/shape-01.png) no-repeat top right;
}
.f_bg_c2 {
	background: var(--tailwind-300) url(../imgs/shape-01.png) no-repeat top right;
}
.f_bg_c3 {
	background: #74e0ac url(../imgs/shape-01.png) no-repeat top right;
}
.f_bg_c4 {
	background: #d4bff3 url(../imgs/shape-01.png) no-repeat top right;
}
.bg_color .ul_breacrum {
	color: var(--color-1);
	background-color: rgba(255, 255, 255, 0.2);
}
.bg_color .ul_breacrum > li > a {
	color: var(--color-1);
}

.r1_f_tt .content_news_h {
	padding-top: 4.8rem;
}

.bot_til_td_D {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-size: var(--font-size-14);
	color: var(--color-2);
	gap: var(--gap08);
	margin-bottom: 1.6rem;
}
.dc_td_D {
	padding: 0;
	color: var(--color-2);
}
.dc_td_D span {
	margin-right: 8px;
}
.dc_td_D span:last-child {
	margin-right: 0;
}
.dc_td_D span i {
	margin-right: .4rem;
}
.share_D {
	user-select: none;
	display: flex;
	align-items: center;
}
.list_share_D {
	display: flex;
	align-items: center;
}
.list_share_D > li {
	margin-left: 8px;
}
.list_share_D > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #fff;
	color: var(--color-3);
	border: 1px solid #cfd6e4;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.list_share_D > li > a:hover {
	color: #fff;
	background-color: var(--PrimaryColor);
	border-color: var(--PrimaryColor);
}
.line_list_share_D {
	width: 1px;
	height: 26px;
	background-color: rgba(0,78,127,.05);
}

.r2_f_tt_D .min_wrap {
	border-top: 0.1rem solid #e5e7eb;
}

.r0_f_dn .list_r2_f_cs {
	padding-top: 3.2rem;
}
.r0_f_dn .list_r2_f_cs > li a {
	cursor: zoom-in;
}
.r0_f_dn .img_list_r2_f_tv {
	margin-bottom: 0;
}

.list_r1_f_dn {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
}
.list_r1_f_dn > li {
	flex: 1 0 44%;
	max-width: 100%;
	background-color: #fafafa;
}
.list_r1_f_dn > li > a {
	display: block;
	padding: 3.2rem;
}
.des_r1_f_dn {
	color: var(--color-2);
	font-size: var(--font-size-16);
}

.r3_f_dn {
	background: var(--SecondaryColor) url(../imgs/shape-01.png) no-repeat top right;
}
.r3_f_dn .title_cont {
	margin-bottom: 0;
}

.r3_f_dn_1 {
	background: #bfcacc url(../imgs/shape-02.png) no-repeat top right;
}

.list_r2_f_dn_3 > li {
	padding: 2.4rem 0;
}
.list_r2_f_dn_3 .na_title_na_2 {
	font-size: var(--font-size-30);
}
.list_r2_f_dn_3 .des_r1_f_dn {
	max-width: 66.666666%;
	font-size: var(--font-size-16);
}

.m_r1_f_dn {
	display: flex;
	gap: var(--gap24);
	align-items: flex-start;
}
.m_r1_f_dn .img_lgth {
	margin: 0;
	flex-basis: 27.6rem;
	aspect-ratio: 1/1;
	width: auto;
	height: auto;
}
.m_r1_f_dn .list_r1_f_dn {
	flex: 1;
}

.r2_f_dn .swiper2 .swiper-slide, .r2_f_dn .swiper2 .swiper-slide:nth-child(2n) {
	padding: 0;
	background: none;
	border: 0;
}

.nd_c2 {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
}
.nd_c2 .f-detail {
	flex: 1 0 30rem;
	max-width: 100%;
}
.nd_c3 {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
}
.nd_c3 .f-detail {
	flex: 1 0 20rem;
	max-width: 100%;
}

.r2_f_dn_2 {
	background-color: #eee;
}
.r2_f_dn_2 .f-detail table {
	width: 100%;
}
.r2_f_dn_2 .f-detail table td {
	border: 0.1rem solid var(--color-1);
}

.r2_f_hst .list_hst_h > li {
	position: static;
}

.r3_f_hst {
	background: #bfcacc url(../imgs/shape-02.png) no-repeat top right;
}

.r4_f_hst .list_r1_f_dn > li {
	flex: 1 0 20rem;
}
.r4_f_hst .list_r1_f_dn > li > a {
	padding: 2.4rem;
}

.r1_f_tn .f-detail {
	font-weight: 300;
}
.list_r1_f_tn {
	display: flex;
	column-gap: var(--gap48);
	row-gap: var(--gap16);
	flex-wrap: wrap;
	padding: 3.2rem 0;
}
.list_r1_f_tn > li {
	flex: 1 0 30rem;
	max-width: 100%;
}
.na_list_r1_f_tn {
	display: flex;
	align-items: center;
	gap: var(--gap12);
	color: var(--color-1);
	margin-bottom: 1.6rem;
	font-size: var(--font-size-24);
}
.na_list_r1_f_tn i {
	color: var(--color-2);
}
.link_list_r1_f_tn {
	margin-left: 3rem;
	display: flex;
	align-items: center;
	gap: var(--gap12);
	color: var(--color-1);
	font-weight: 500;
}
.link_list_r1_f_tn i {
	transition: transform .4S;
	-webkit-transition: transform .4S;
	-moz-transition: transform .4S;
	-ms-transition: transform .4S;
	-o-transition: transform .4S;
}
.link_list_r1_f_tn:hover i {
	transform: translateX(1.6rem);
	-webkit-transform: translateX(1.6rem);
	-moz-transform: translateX(1.6rem);
	-ms-transform: translateX(1.6rem);
	-o-transform: translateX(1.6rem);
}

.r3_f_tn .tags_pt_h, .r3_f_tn_2 .tags_pt_h, .r2_f_tn2 .tags_pt_h {
	justify-content: stretch;
	position: static;
	padding-left: 0;
	margin-bottom: 1.6rem;
}
.r3_f_tn .tags_pt_h span, .r3_f_tn_2 .tags_pt_h span {
	background-color: rgba(0, 0, 0, 0.1);
	color: var(--color-1);
}
.r2_f_tn2 .tags_pt_h span {
	background-color: #eee;
	color: var(--color-1);
}

.r3_f_tn_2 .list_r2_f_cs .des_list_r2_f_cs {
	display: flex;
	gap: var(--gap12);
	align-items: center;
	font-size: var(--font-size-14);
}

.r2_f_tn2 .but_swiper {
	position: relative;
}
.r2_f_tn2 .swiper-button-next-5 {
	position: absolute;
	top: 0;
	right: auto;
	left: 6.4rem;
}
.r2_f_tn2 .swiper-button-prev-5 {
	position: absolute;
	top: 0;
}
.swiper5 .swiper-slide {
	visibility: hidden;
	opacity: 0;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	column-gap: var(--gap48);
	row-gap: var(--gap16);
}
.swiper5 .swiper-slide.swiper-slide-active {
	visibility: visible;
	opacity: 1;
}
.swiper5 .na_tn_h {
	font-size: var(--font-size-24);
}
.img_r2_f_tn2 {
	flex: 1 0 30rem;
	max-width: 100%;
	aspect-ratio: 16/9;
}
.img_r2_f_tn2 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.nd_r2_f_tn2 {
	flex: 1 0 30rem;
	max-width: 100%;
	padding-top: 8rem;
	padding-left: calc(calc(100% - 1176px) / 2);
}

.content_r1_f_tn3 {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
	align-items: flex-start;
}
.content_r1_f_tn3 .f-detail {
	flex: 2 0 2.4rem;
	max-width: 100%;
}
.r_r1_f_tn3 {
	flex: 1;
	position: sticky;
	top: 0;
}
.til_r_r1_f_tn3 {
	font-size: var(--font-size-20);
	font-weight: 500;
	margin-bottom: 1.6rem;
}

.cata_r2_pt_1.tags_pt_h {
	justify-content: stretch;
	position: static;
	margin-bottom: 3.2rem;
	padding-left: 0;
}
.cata_r2_pt_1.tags_pt_h span {
	cursor: pointer;
	background-color: #eee;
	color: var(--color-1);
	font-weight: 500;
	font-size: var(--font-size-16);
}
.cata_r2_pt_1.tags_pt_h span.active {
	background-color: var(--PrimaryColor);
	color: #fff;
}
.nd_r2_pt_1 {
	margin-bottom: 3.2rem;
}
.r2_pt_1 .swiper3 .swiper-slide {
	background-color: #fff;
	border: 0.1rem solid #BFCACC;
}

.content_r1_f_dn_tv {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap48);
}
.ndyc_f_dn_tv {
	flex: 1 0 20rem;	
}
.ttcc_f_dn_tv {
	flex: 1 0 20rem;
}

.title_f_dn_tv {
	font-size: var(--font-size-22);
	margin-bottom: 2.4rem;
}
.note_ndyc {
	color: var(--color-2);
	margin-bottom: 3.2rem;
	top: 0;
}

.list_ndyc_f_dn_tv {
	display: flex;
	align-items: center;
	gap: var(--gap08);
	flex-wrap: wrap;
}
.list_ndyc_f_dn_tv > li input {
	display: none;
}
.list_ndyc_f_dn_tv > li label {
	display: block;
	user-select: none;
	cursor: pointer;
	font-size: var(--font-size-14);
    color: var(--color-1);
    font-weight: 500;
    background-color: #eee;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    line-height: 2.4rem;
    padding: 0.8rem 1.6rem;
    clip-path: polygon(calc(0% + 8px) 0, calc(100% - 8px) 0, 100% calc(0% + 8px), 100% calc(100% - 8px), calc(100% - 8px) 100%, calc(0% + 8px) 100%, 0 calc(100% - 8px), 0 calc(0% + 8px));
}
.list_ndyc_f_dn_tv > li input:checked ~ label {
	background-color: var(--PrimaryColor);
	color: #fff;
}

.swiper7 .swiper-slide figure {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6rem;
}
.swiper7 .swiper-slide figure img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.list_cs_h {
	display: flex;
	gap: var(--gap04);
	flex-wrap: wrap;
}
.list_cs_h > li {
	flex: 1 0 20rem;
	background-color: #eee;
	padding: 2.4rem;
	text-align: center;
}
.list_cs_h > li span {
	display: block;
	font-weight: 500;
}
.num_list_cs_h {
	display: inline-flex;
	justify-content: center;
	position: relative;
	padding: 1.2rem 0;
}
.num_list_cs_h strong {
	font-size: 4.8rem;
	line-height: 1.2;
	font-weight: 700;
}
.num_list_cs_h em {
	font-style: normal;
	font-size: 30px;
	position: relative;
	top: 0rem;
	left: 0.4rem;
}

.dkcntt_h .min_wrap {
	max-width: 80rem;
	margin: auto;
}
.text_content_dkcntt_h {
	text-align: center;
	font-size: var(--font-size-20);
	color: var(--color-2);
	padding-bottom: 4.8rem;
	margin-bottom: 4.8rem;
	background: url(../imgs/bg_dkcntt_h.svg) no-repeat bottom center;
}
.form_content_dkcntt_h {
	position: relative;
}
.ipt_form_content_dkcntt_h {
	width: 100%;
	height: 6.4rem;
	padding-right: 12.8rem;
	border: none;
	border-bottom: 0.1rem solid #ccc;
	font-size: var(--font-size-20);
	color: var(--color-3);
	font-weight: 400;
}
.ipt_form_content_dkcntt_h:focus {
	border-color: var(--color-1);
	color: var(--color-1);
}
.but_form_content_dkcntt_h {
	display: flex;
	gap: var(--gap16);
	align-items: center;
	cursor: pointer;
	border: none;
	background: none;
	line-height: 2.4rem;
	padding: 2rem 0;
	font-size: var(--font-size-16);
	color: var(--color-1);
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.but_form_content_dkcntt_h i {
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.but_form_content_dkcntt_h:hover i {
	transform: translateX(1.6rem);
	-webkit-transform: translateX(1.6rem);
	-moz-transform: translateX(1.6rem);
	-ms-transform: translateX(1.6rem);
	-o-transform: translateX(1.6rem);
}

.f_ycht .list_r2_f_cs {
	padding: 2.4rem 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap48);
}
.f_ycht_D_2 {
	padding-top: 0;
}
.content_f_ycht_D {
	display: flex;
    gap: var(--gap48);
    align-items: flex-start;
    flex-wrap: wrap;
}
.l_content_f_ycht_D {
	flex: 1;
    position: sticky;
    top: 0;
}
.r_content_f_ycht_D {
	flex: 3 0 9.6em;
    max-width: 100%;
}
.r_content_f_ycht_D .title_r_ct {
	padding-top: 1rem;
}

.list_FAQ > li {
	cursor: pointer;
	border: 0.1rem solid #BFCACC;
	margin-bottom: 1.2rem;
}
.list_FAQ > li.active {
	background-color: #eee;
}
.list_FAQ > li:last-child {
	margin-bottom: 0;
}
.ch_faq {
	display: flex;
	align-items: center;
	gap: var(--gap20);
	padding: 2rem;
}
.ch_faq h3 {
	flex: 1;
	font-size: var(--font-size-18);
	font-weight: 400;
	color: var(--color-1);
}
.list_FAQ > li.active .ch_faq h3 {
	color: #617f90;
}
.but_ch_faq {
	cursor: pointer;
	background-color: #eee;
	width: 2.4rem;
	height: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
}
.list_FAQ > li.active .but_ch_faq {
	background-color: #617f90;
	color: #fff;
}
.but_ch_faq::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	content: "\2b";
}
.list_FAQ > li.active .but_ch_faq::before  {
	content: "\f068";
}
.tl_faq {
	display: none;
	padding: 0 2rem 2rem 2rem;
	font-size: var(--font-size-14);
	color: var(--color-2);
}
.list_FAQ > li.active .tl_faq {
	display: block;
}

.r1_f_gt_new .tags_pt_h_D {
	padding-top: 3rem;
	margin-bottom: 0;
}

.content_r2_f_gt_new {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.l_content_r2_f_gt_new {
	flex: 2;
}
.img_content_r2_f_gt_new {
	flex: 1;
	padding: 0 2.4rem;
}
.img_content_r2_f_gt_new img {
	display: block;
	width: 100%;
	height: auto;
}

.r3_f_gt_new {
	background: #bfcacc url(../imgs/shape-02.png) no-repeat top right;
}
.list_dh {
	display: flex;
	flex-wrap: wrap;
}
.list_dh > li {
	flex: 1 0 20rem;
	max-width: 100%;
	padding: 2.4rem;
	position: relative;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	clip-path: polygon(calc(0% + 16px) 0, calc(100% - 16px) 0, 100% calc(0% + 16px), 100% calc(100% - 16px), calc(100% - 16px) 100%, calc(0% + 16px) 100%, 0 calc(100% - 16px), 0 calc(0% + 16px));
	
	background-color: rgba(255,255,255,0.5);
	border-right: 0.2rem solid #fff;
}
.list_dh > li:last-child {
	border-right: 0;
}
.list_dh > li:hover {
	background-color: #fff;
}
.list_dh > li p {
	display: inline-flex;
	align-items: center;
	gap: var(--gap04);
	background-color: var(--PrimaryColor);
	color: #fff;
	line-height: 2rem;
	padding: 1rem;
	margin-bottom: 2.4rem;
	clip-path: polygon(calc(0% + 8px) 0, calc(100% - 8px) 0, 100% calc(0% + 8px), 100% calc(100% - 8px), calc(100% - 8px) 100%, calc(0% + 8px) 100%, 0 calc(100% - 8px), 0 calc(0% + 8px));
}
.list_dh > li:hover p {
	background-color: var(--SecondaryColor);
	color: var(--color-1);
}
.list_dh > li h3 {
	font-size: var(--font-size-22);
	color: var(--color-1);
	margin-bottom: 1.2rem;
}

.r4_f_gt_new .list_FAQ > li {
	border: none;
	border-bottom: 0.1rem solid #bfcacc;
}
.r4_f_gt_new .list_FAQ > li.active {
	background: none;
}
.r4_f_gt_new .ch_faq {
	padding: 2.4rem 0;
}
.r4_f_gt_new .ch_faq h3 {
	font-size: var(--font-size-22);
	font-weight: 600;
}
.r4_f_gt_new .but_ch_faq {
	width: 4rem;
	height: 4rem;
	font-size: var(--font-size-18);
}
.r4_f_gt_new .tl_faq {
	padding: 0 0 4rem 0;
	font-size: var(--font-size-18);
	color: var(--color-1);
}

.r3_f_tsll_vifc_dn .min_wrap {
	background: #eee url(../imgs/shape-02.png) no-repeat top right;
	padding: 4rem;
	display: flex;
	gap: var(--gap24);
	align-items: center;
	flex-wrap: wrap;
	color: var(--color-1);
}
.r3_f_tsll_vifc_dn .title_cont {
	flex: 1 0 25rem;
}
.r_r3_f_tsll_vifc_dn {
	flex: 1 0 25rem;
	color: var(--color-2);
}

.r4_f_tsll_vifc_dn {
	padding-top: 0;
}
.list_r4_f_tsll_vifc_dn {
	display: flex;
	gap: var(--gap24);
	align-items: center;
	flex-wrap: wrap;
}
.list_r4_f_tsll_vifc_dn > li {
	flex: 1 0 25rem;
	max-width: 100%;
}
.list_r4_f_tsll_vifc_dn > li > a {
	border: 0.1rem solid #BFCACC;
	padding: 2.4rem;
	display: flex;
	align-items: center;
	gap: var(--gap16);
	color: var(--color-1);
}.list_r4_f_tsll_vifc_dn > li > a .hv_right {
	margin-left: auto;
}
.l_list_r4_f_tsll_vifc_dn {
	flex-basis: 6.4rem;
	font-size: 6.4rem;
	line-height: 6.4rem;
}
.r_list_r4_f_tsll_vifc_dn {
	font-size: var(--font-size-22);
	font-weight: 500;
}

.hv_right {
    font-size: var(--font-size-22);
    transform: translateX(-1.6rem);
    -webkit-transform: translateX(-1.6rem);
    -moz-transform: translateX(-1.6rem);
    -ms-transform: translateX(-1.6rem);
    -o-transform: translateX(-1.6rem);
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
}
.list_r4_f_tsll_vifc_dn > li > a:hover i {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}

.list_r2_f_tsll_dk {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--gap40);
	row-gap: 8rem;
	position: relative;
}
.list_r2_f_tsll_dk::after {
	content: "";
	position: absolute;
	top: 42rem;
	left: 13.1rem;
	right: 13.1rem;
	background-color: #bfcacc;
	height: 0.2rem;
}
.list_r2_f_tsll_dk > li {
	flex: 0 0 26.4rem;
	border: 0.2rem solid #bfcacc;
	padding: 2.4rem;
	position: relative;
}
.list_r2_f_tsll_dk > li:nth-child(1) {
	flex: 0 0 56.8rem;
}
.list_r2_f_tsll_dk > li:nth-child(1), .list_r2_f_tsll_dk > li:nth-child(2), .list_r2_f_tsll_dk > li:nth-child(3) {
	min-height: 38rem;
}
.list_r2_f_tsll_dk > li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -4.2rem;
	background-color: #bfcacc;
	width: 4rem;
	height: 0.2rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.list_r2_f_tsll_dk > li:nth-child(3)::after {
	width: 0.2rem;
	height: 4rem;
	top: auto;
	bottom: -4.2rem;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}
.list_r2_f_tsll_dk > li:nth-child(4)::after {
	width: 0.2rem;
	height: 4rem;
	top: auto;
	top: -4.2rem;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
}
.list_r2_f_tsll_dk > li:nth-child(5)::after, .list_r2_f_tsll_dk > li:nth-child(6)::after {
	right: auto;
	left: -4.2rem;
}
.num_list_r2_f_tsll_dk {
	font-size: var(--font-size-40);
	font-weight: 600;
	color: var(--PrimaryColor);
}
.na_list_r2_f_tsll_dk {
	font-size: var(--font-size-22);
	margin-bottom: 1.6rem;
}

.r1_f_dn_1 {
	padding-bottom: 6rem;
}

.r3_f_dn_3 {
	background: #eee url(../imgs/shape-02.png) no-repeat top right;
}
.r3_f_dn_3 .list_r2_f_cs, .r4_f_dn_3 .list_r2_f_cs {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.list_dvct {
	display: flex;
	flex-direction: column;
	gap: var(--gap08);
}
.list_dvct > a {
	color: var(--color-2);
	font-size: var(--font-size-18);
	text-decoration: underline;
}
.list_dvct > a:hover {
	color: var(--color-1);
}

.if_r2_tdhs ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap12);
}
.if_r2_tdhs ul > li {
	flex: 1 0 40%;
}

.tool_fixed {
	position: fixed;
	bottom: 2.4rem;
	left: 50%;
	display: inline-flex;
	gap: var(--gap08);
	align-items: center;
	background-color: rgba(255,255,255,0.7);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	padding: 1.2rem;
	z-index: 111;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.tool_fixed a {
	background-color: var(--tailwind-50);
	border: 0.1rem solid var(--PrimaryColor);
	color: var(--PrimaryColor);
}
.tool_fixed a:hover {
	background-color: var(--PrimaryColor);
	color: #fff;
}

.list_r2_f_tsll_dk_new {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.list_r2_f_tsll_dk_new > li {
	flex: 1 0 40%;
	max-width: 100%;
	border: 0.2rem solid #bfcacc;
    padding: 2.4rem;
    position: relative;
	display: flex;
	column-gap: var(--gap20);
	flex-wrap: wrap;
}
.list_r2_f_tsll_dk_new > li .num_list_r2_f_tsll_dk {
	padding-bottom: 0;
}
.list_r2_f_tsll_dk_new > li .na_list_r2_f_tsll_dk {
	flex-basis: 30rem;
	padding-top: 1.2rem;
	margin-bottom: 0;
}
.list_r2_f_tsll_dk_new > li .f-detail {
	flex: 1;
	padding-top: 1.2rem;
}
.list_r2_f_tsll_dk_new > li::before {
	content: "";
	width: 0.2rem;
    height: 4rem;
	background-color: #bfcacc;
	position: absolute;
	bottom: -4.2rem;
	left: 4.4rem;
}
.list_r2_f_tsll_dk_new > li:last-child::before {
	display: none;
}

.ul_r_f_contact_1 {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--gap16);
}
.ul_r_f_contact_1 > li {
	flex: 1 0 40%;
	max-width: 100%;
}

.tb_ktvddk {
	width: 100%;
	border-color: #fff;
	font-size: var(--font-size-14);
}
.tb_ktvddk td {
	border-color: #fff;
}
.tb_ktvddk thead {
	background-color: var(--color-1);
	color: #fff;
}
.tb_ktvddk thead td {
	font-weight: 600;
}
.tb_ktvddk tbody tr {
	background-color: #EDEFF3;
}
.tb_ktvddk tbody tr:nth-child(2n) {
	background-color: #DADEE7;
}

.sty_borL {
	padding-left: 2.4rem;
	border-left: 0.2rem solid var(--PrimaryColor);
	max-width: 80%;;
}
.sty_borL a {
	text-decoration: underline;
	font-weight: 500;
}

.content_r2_dknps {
	display: flex;
	gap: var(--gap24);
	flex-wrap: wrap;
}
.l_content_r2_dknps {
	flex: 2;
} 
.r_content_r2_dknps {
	flex: 1;
	background-color: var(--tailwind-50);
	padding: 3.2rem;
}
.r_content_r2_dknps a {
	width: 100%;
}

.list_r2_f_cs_new {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kpkg_h .slide_album {
	aspect-ratio: inherit;
	background: none;
}
.swiper8 .swiper-slide {
	aspect-ratio: 16/9;
}
.swiper8 .swiper-slide a {
	width: 100%;
}
.swiper8 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list_kd_new {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap24);
}
.list_kd_new > li {
	flex: 1 0 20rem;
	max-width: 100%;
	background-color: #eee;	
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.list_kd_new > li:hover {
	background-color: var(--PrimaryColor);	
	clip-path: polygon(calc(0% + 8px) 0, calc(100% - 8px) 0, 100% calc(0% + 8px), 100% calc(100% - 8px), calc(100% - 8px) 100%, calc(0% + 8px) 100%, 0 calc(100% - 8px), 0 calc(0% + 8px));
}
.img_list_kd_new {
    aspect-ratio: 3 / 2;
	position: relative;
}
.img_list_kd_new img {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.des_list_kd_new {
	font-size: var(--font-size-14);
	color: var(--color-1);
	padding: 2.4rem;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.na_list_kd_new {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	font-size: var(--font-size-18);
	font-weight: 500;
	padding: 3.2rem 2.4rem 1.6rem 2.4rem;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
} 
.list_kd_new > li:hover .des_list_kd_new {
	color: #fff;
}

.ltct {
	background: var(--PrimaryColor) url(../imgs/img-demo/bg_ltct.png) no-repeat center right;
}
.ltct .na_tc {
	color: #fff;
}
.ltct .des_tc {
	color: #fff;
}
.ltct .swiper3 .swiper-slide {
	position: relative;
	clip-path: polygon(calc(0% + 16px) 0, calc(100% - 16px) 0, 100% calc(0% + 16px), 100% calc(100% - 16px), calc(100% - 16px) 100%, calc(0% + 16px) 100%, 0 calc(100% - 16px), 0 calc(0% + 16px));
}
.logo_mask {
	display: none;
	position: absolute;
	top: 3.2rem;
	right: 2.4rem;
	display: block;
	width: auto;
	height: 4.8rem;
	opacity: 0;
}
.ltct .swiper3 .swiper-slide.swiper-slide-active .logo_mask {
	display: block;
	opacity: 0.1;
}
.ltct .swiper3 .swiper-slide.swiper-slide-active .na_tn_h {
	color: var(--PrimaryColor);
}
.ltct .swiper3 .swiper-slide.swiper-slide-active .na_tn_h figure img {
	filter: none;
	-webkit-filter: none;
}
.ltct .na_tn_h {
	padding-right: 0;
	display: flex;
	align-items: center;
	gap: var(--gap12);
	margin-bottom: 2.4rem;
}
.ltct .na_tn_h::before {
	display: none;
}
.ltct .na_tn_h figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.8rem;
	height: 4.8rem;
}
.ltct .na_tn_h figure img {
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.nd_ltct {
	overflow: auto;
	min-height: 30rem;
	max-height: 30rem;
}

.content_cctc {
	display: flex;
    gap: var(--gap48);
    align-items: flex-start;
    flex-wrap: wrap;
	padding-top: 4rem;
}

.content_cctc_new {
	display: flex;
	flex-direction: column;
}
.content_cctc_new > li {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 0.1rem solid #bfcacc;
}
.content_cctc_new > li:last-child {
	border-bottom: 0;
}
.l_content_cctc_new {
	flex-basis: 20%;
	padding: 2.4rem 0;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.l_content_cctc_new img {
	display: block;
	width: 100%;
	height: auto;
}
.r_content_cctc_new {
	flex: 1;
	padding: 2.4rem 0 2.4rem 4.8rem;
}
.title_content_cctc_new {
	font-size: var(--font-size-22);
	margin-bottom: 1.2rem;
	font-weight: 600;
	color: var(--color-1);
}
.content_cctc_new > li:hover .title_content_cctc_new {
	color: #617f90;
}

.title_tabs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gap10);
}
.search_tabs {
	position: relative;
}
.ipt_tabs {
	width: 20rem;
	height: 4rem;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	padding: 0 4rem 0 1rem;
}
.sea_tabs {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0;
	cursor: pointer;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color: var(--color-2);
}

.tabs_head {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabs_head li {
  padding: 12px 20px;
  height: 4rem;
  cursor: pointer;
  font-weight: 500;
  color: #666;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap08);
  background-color: var(--tailwind-50);
  border-right: 2px solid #fff;
}

.tabs_head li.active {
  color: #fff;
  background-color: var(--PrimaryColor);
}
.tabs_head li.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: var(--tailwind-700);
}

.tabs_body {
  padding: 20px 0;
}

.tab_content {
  display: none;
  animation: fadeTab 0.3s ease;
}

.tab_content.active {
  display: block;
}

@keyframes fadeTab {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tb_tabs {
	width: 100%;
	border-color: var(--tailwind-200);
}
.tb_tabs td {
	border-color: var(--tailwind-200);
}
.tb_tabs thead {
	background-color: var(--tailwind-50);
}
.tb_tabs thead td {
	font-weight: 600;
	color: var(--PrimaryColor);
}
.na_tabs {
	text-transform: uppercase;
	font-weight: 500;
}
.but_fcb_tabs {
	cursor: pointer;
	color: var(--PrimaryColor);
}
.but_fcb_tabs:hover {
	text-decoration: underline;
}
.fcb_td {
	display: none;
	width: 1176px;
	max-width: 96%;
}
.table_responsive {
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
}

.slide_ls {
	height: 100vh;
	position: relative;
	background-color: #eee;
}
.slide_ls .swiper1 .swiper-slide {
	width: 100%;
	height: 100%;
}
.slide_ls .swiper1 .swiper-slide video {
	position: fixed; 
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -100;
}

.content_r_ls_1 {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap24);
}
.cl_content_r_ls_1 {
	flex: 2 0 2.4rem;
	min-width: 0.1rem;
}
.cr_content_r_ls_1 {
	flex: 1;
	text-align: center;
}
.cr_content_r_ls_1 .til_lsnm img {
	max-width: 100%;
}

.content_r_ls_2 {
	display: flex;
	flex-direction: column;
	gap: var(--gap24);
}
.title_r_ls_2 {
	position: sticky;
	top: 0;
	font-weight: 600;
	padding: 1.2rem;
	background-color: #eee;
	color: var(--color-1);
	font-size: var(--font-size-22);
	display: flex;
	align-items: center;
	gap: var(--gap12);
}
.title_r_ls_2 figure {
	font-size: var(--font-size-24);
	width: 3rem;
	text-align: center;
}
.sub_r_ls_2 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 1.2rem 0;
}
.sub_r_ls_2 > li {
	padding: 1.2rem;
}
.sub_r_ls_2 > li > p {
	padding: 0;
	display: flex;
	gap: var(--gap08);
	margin-bottom: 0.8rem;
}
.sub_r_ls_2 > li > p:last-child ơ{
	margin-bottom: 0;
}
.sub_r_ls_2 > li > p i {
	width: 1.6rem;
	text-align: center;
	font-size: var(--font-size-14);
	color: var(--color-2);
	margin-top: 0.2rem;
}
.sub_r_ls_2 > li > p span {
	flex: 1;
	font-size: var(--font-size-14);
	font-weight: 400;
	color: var(--color-2);
	line-height: 1.8rem;
}
.sub_r_ls_2 > li > p span a {
	color: var(--color-2);
}
.sub_r_ls_2 > li > p span a:hover {
	color: var(--PrimaryColor);
}
.na_sub_r_ls_2 {
	font-weight: 500;
	font-size: var(--font-size-16);
	color: var(--color-1);
	margin-bottom: 1.2rem;
}

.r_ls_3 .map_ct {
	height: auto;
	aspect-ratio: 16/9;
}

.r_ls_4 .list_r4_f_tsll_vifc_dn > li > a {
	border: none;
	color: #fff;
}
.row_r_ls_4 {
	display: flex;
	flex-direction: column;
}
.row_r_ls_4 > h3 {
	font-weight: 600;
}
.row_r_ls_4 > strong {
	font-size: var(--font-size-16);
}

.r2_cctc {
	background: #eee url(../imgs/shape-01.png) no-repeat top right;;
}
.r2_cctc .list_r2_f_gt > li {
	flex-basis: 40rem;
	max-width: 100%;
	display: flex;
    gap: var(--gap24);
    padding: 2.4rem 0;
    color: var(--color-1);
    font-size: var(--font-size-20);
    font-weight: 600;
	border-top: 0;
}
.r2_cctc .des_list_r2_f_gt {
	font-size: var(--font-size-16);
	font-weight: 400;
	color: var(--color-2);
}

.title_r3_cctc {
	font-size: var(--font-size-20);
	font-weight: 600;
	margin-bottom: 1.6rem;
}
.list_r3_cctc {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--gap48);
	margin-bottom: 4.8rem;
}
.list_r3_cctc > li {
	display: flex;
	flex-direction: column;
	gap: var(--gap04);
}
.img_r3_cctc {
	aspect-ratio: 3/4;
	background-color: #eee;
	overflow: hidden;
	margin-bottom: 1.2rem;
}
.img_r3_cctc img {
	display: block;
	width: 100%;
	min-height: 100%;
}
.na_r3_cctc {
	font-size: var(--font-size-16);
	color: var(--color-1);
	font-weight: 600;
}
.cv_r3_cctc {
	color: var(--color-1);
}
.tt_r3_cctc ul li a {
	color: var(--color-2);
	font-size: var(--font-size-14);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.r2_f_bctn .list_r3_f_tv > li:first-child {
	border-top: 0;
}
.r2_f_bctn .na_list_r3_f_tv a {
	display: flex;
	align-items: center;
	gap: var(--gap12);
	color: var(--color-1);
}
.r2_f_bctn .na_list_r3_f_tv a i {
	font-size: var(--font-size-24);
	color: #617f90;
}

.note_table_responsive {
	display: none;
	align-items: center;
	gap: var(--gap08);
	font-size: var(--font-size-12);
	color: var(--color-3);
	padding-top: 2.4rem;
}
.note_table_responsive i {
	color: var(--PrimaryColor);
	font-size: var(--font-size-14);
}

/************************************************************************************
CSS FOOTER
*************************************************************************************/

#footer {
	background-color: var(--PrimaryColor);
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}

#footer .min_wrap {
	display: flex;
	gap: var(--gap24);
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	padding-top: 4rem;
	padding-bottom: 12rem;
}
.logo_foot {
	color: #fff;
    font-weight: 700;
    letter-spacing: 0.2rem;
    font-size: var(--font-size-48);
	flex-basis: 22.5rem;
}
.logo_foot img {
	display: block;
	width: auto;
	height: 6.4rem;
}
.logo_foot:hover {
	text-decoration: none !important;
}
.r_foot {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.til_f {
	font-size: var(--font-size-24);
}
.if_f {
	font-size: var(--font-size-14);
}
.social_f {
	flex-basis: 22.5rem;
	display: flex;
	gap: var(--gap08);
	align-items: center;
}
.social_f a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.2rem;
	height: 3.2rem;
	border: 0.1rem solid #fff;
	font-size: var(--font-size-16);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.social_f a:hover {
	text-decoration: none !important;
}
.mn_f {
	display: flex;
	justify-content: center;
	column-gap: var(--gap24);
	margin-bottom: 1.6rem;
	font-weight: 300;
}

/************************************************************************************
CSS PLUS
*************************************************************************************/

.f-detail {
	font-size: var(--font-size-16);
}
.f-detail-2 {
	font-size: var(--font-size-18);
}
.f-detail div, .f-detail table, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6, .f-detail p, .f-detail strong, .f-detail span {max-width: 100%;}
.f-detail img {
	max-width: 100%;
	height: auto !important;
	border-radius: .5rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	-ms-border-radius: .5rem;
	-o-border-radius: .5rem;
}
.f-detail a {color: var(--PrimaryColor);}
.f-detail a:hover {text-decoration: underline;}
.f-detail iframe {
	max-width: 100% !important;
}

.f-detail ul, .f-detail ol {margin-top: 10px; margin-bottom: 10px;}

.f-detail ul li {
	list-style: disc; 
	margin-left: 2.4rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
}
.f-detail ol li {
	list-style: decimal; 
	margin-left: 2.4rem;
	padding-top: .2rem;
	padding-bottom: .2rem;
}

.f-detail strong, .f-detail b, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6 {font-weight:600;}

.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px; font-size: 11px;}

.clear {clear:both; height: 0; float: none;}

.box-sizing-fix {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.img_object_fit {object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}
::-webkit-input-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;}
.sty_slec {-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.sty_slec::-ms-expand {display: none;}
.sty_transition {-webkit-transition: ease 0.3s; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -ms-transition: ease 0.3s; transition: ease 0.3s;}
.hover_img {
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.hover_img:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

select option {font-size: 14px;}

input, textarea, select, button {
	font-family: var(--font-family);
	color: #000;
}
button:active {opacity: 0.9;}

/*
html {	
	scrollbar-width: thin; 
	scrollbar-color: rgba(0,0,0,0.2) #ddd;	
}
::-webkit-scrollbar {width: 8px; height: 8px; background: #ddd;}
::-webkit-scrollbar-thumb {width: 8px; background-color: rgba(0,0,0,0.2);}
::-webkit-scrollbar-track {padding: 3px;}
*/

#star img {display: inline-block; width: auto; height: 18px; position: relative; top: -1px;}

.page {
	padding-top: 4rem;
	font-size: var(--font-size-14);
	text-align: center;
}
.PageNum a {
	background-color: #fff;
	display: inline-block; 
	color: #222; 
	padding: 3px 7px; 
	margin: 0px 3px 5px 0px; 
	min-width: 30px;
	text-align: center;
	font-size: var(--font-size-14);
	border-radius: .5rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	-ms-border-radius: .5rem;
	-o-border-radius: .5rem;
}
.PageNum a:hover {
	color: var(--PrimaryColor);
	background-color: var(--tailwind-100);
}
.PageNum span {
	background-color: var(--PrimaryColor);
	color: #fff;
	font-weight: 600;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 3px 5px 0px;
	min-width: 30px;
	text-align: center;
	border: 1px solid #eee;
	font-size: var(--font-size-14);
	border-radius: .5rem;
	-webkit-border-radius: .5rem;
	-moz-border-radius: .5rem;
	-ms-border-radius: .5rem;
	-o-border-radius: .5rem;
}

/************************************************************************************
MENU MOBILE
*************************************************************************************/

.icon_menu_mobile {
	display: none;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	user-select: none;
	justify-content: center;
	align-items: center;
	position: relative;
	color: #fff;
}
.icon_menu_mobile i {
	font-size: var(--font-size-24);
	text-align: center;
}

.menu_mobile {
	user-select: none;
	visibility: hidden;
	background: #fff;
	width: 280px;
	height: 100dvh;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	position: fixed;
	top: 0;
	left: -280px;
	z-index: 99999;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
}
.menu_mobile::-webkit-scrollbar {
	display: none;
}
.menu_mobile .logo img {
	padding: 1.2rem 1.6rem;
	box-sizing: content-box;
}
.close_menu_mobile {
	background: rgba(255,255,255,0); 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 280px;
	z-index: 7009;
}
.show_menu_mobile {
	overflow-y: hidden;
}
.show_menu_mobile .menu_mobile {
	left: 0;
}
.show_menu_mobile::after {
	content: "";
	background: rgba(0,0,0,0.5);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10001;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
}

.logo_mb {
	padding: 12px 16px;
	position: relative;
	font-size: var(--font-size-32);
	font-weight: 700;
	color: var(--PrimaryColor);
}
.logo_mb a {
	color: var(--PrimaryColor);
}
.logo_mb img {
	display: inline-block;
	width: auto;
	height: 40px;
}

.dkdn_mb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dkdn_mb .hotline_hea {
	padding: 0;
	font-size: var(--font-size-14);
}
.dkdn_mb .hotline_hea a {
    font-weight: 400;
    color: #fff;
}
.dkdn_mb .lang_hea_rwd {
	display: flex;
	align-items: center;
	gap: var(--gap04);
	color: #fff;
	font-size: var(--font-size-14);
}
.dkdn_mb .lang_hea_rwd span {
	opacity: 0.5;
	font-size: 1rem;
	font-weight: 300;
}
.dkdn_mb .lang_hea_rwd a {
	color: rgba(255,255,255,0.5);
	padding: 0 0.4rem;
}
.dkdn_mb .lang_hea_rwd a.active {
	color: #fff;
}
.dkdn_mb .lang_hea_rwd a::before {
	top: .3rem;
	background-color: rgba(255,255,255,0.25);
}

.dkdn_mb {
	background: linear-gradient(120deg, var(--tailwind-600) 0%, var(--tailwind-700) 100%);
	color: #fff;
	padding: 16px;
}
.dkdn_mb > a {
	display: inline-block;
	background-color: rgba(0,0,0,.25);
	color: #fff;
	padding: .8rem 1.2rem;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}
.dkdn_mb > a:focus {
	background-color: var(--PrimaryColor);
}
.in_dkdn_mb {
	display: flex;
	align-items: center;
	gap: var(--gap12);
}
.img_dkdn_mb {
	flex-basis: 50px;
}
.img_dkdn_mb img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 3px;
	background-color: #fff;
}
.nd_dkdn_mb {
	flex: 1;
}
.nd_dkdn_mb p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	font-size: var(--font-size-16);
	padding: 0 0 .2rem 0;
}
.nd_dkdn_mb a {
	color: #fff;
}

.menu_accordion {
	padding: 0 16px;
}

.ul_ma_1 {
	padding: 8px 0;
}
.ul_ma_1 > li {
	font-size: var(--font-size-14); 
	position: relative;
}
.ul_ma_1 > li > a {
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	display: block; 
	color: var(--color-1); 
	padding: 8px 30px 8px 0;
	font-size: var(--font-size-16);
}
.ul_ma_1 > li > a:hover, .ul_ma_1 > li.active > a {
	color: var(--PrimaryColor); 
	font-weight: 600;
}
.ul_ma_1 > li.active {
	color: var(--PrimaryColor);
}
.ul_ma_1 > li > a > i {
	width: 18px;
	text-align: center;
	margin-right: 4px;
}
.ul_ma_1 > li.active .ul_ma_2 {display: block;}

.ul_ma_2 {
	background-color: #eee;
	display: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.ul_ma_2 > li {
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.04);
	font-size: var(--font-size-14);
}
.ul_ma_2 > li:last-child {
	border-bottom: 0;
}
.ul_ma_2 > li > a {
	padding: 12px 16px;
	display: block;
	color: #000;
}
.ul_ma_2 > li.active > a {
	font-weight: 600;
}
.ul_ma_2 > li.active .ul_ma_3 {display: block;}

.ul_ma_3 {
	display: none;
	padding-bottom: 8px;
}
.ul_ma_3 > li > a {
	padding: 4px 16px 4px 32px;
	display: block;
	color: #000;
}
.ul_ma_3 > li.active > a {
	text-decoration: underline;
}

.ul_ma_1 > li.active .arrown_menu_accordion {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.ul_ma_2 > li.active .arrown_menu_accordion2::before {
	content: "\f068";
}

.arrown_menu_accordion {
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	top: 8px;
	right: 0;
	cursor: pointer;
	font-style: normal;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.arrown_menu_accordion2 {
	width: 20px; height: 20px;
	text-align: center;
	line-height: 20px;;
	position: absolute;
	top: 10px; right: 4px;
	cursor: pointer;
	font-style: normal;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.arrown_menu_accordion::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 300; 
	content: "\f078";
	font-size: var(--font-size-16);
}
.arrown_menu_accordion2::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 400; 
	content: "\2b";
	font-size: 12px;
	color: #34cdad;
}

.t_ul_ma_1 {
	font-weight: 500; 
	text-transform: capitalize; 
	padding: 4px 0;
	display: inline-block;
	border-bottom: 1px solid #000;
	color: #000;
}

.bot_menu_mobile {
	border-top: 1px solid #eee;
	padding: 1.2rem;
}
.list_social_rwd {	
	display: flex;
	gap: .8rem;
}
.list_social_rwd > li {
	flex: 1;
	font-size: var(--font-size-12);
}
.list_social_rwd > li > a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.8);
	padding: 1.2rem;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}
.list_social_rwd > li > a:hover,
.list_social_rwd > li > a:active,
.list_social_rwd > li > a:focus {
	background-color: #000;
}
.list_social_rwd > li > a i {
	font-size: var(--font-size-14);
	margin-right: .4rem;
}

/************************************************************************************
RESPOSIVE
*************************************************************************************/

@media only screen and (max-width: 1600px) {
	
}

@media only screen and (max-width: 1366px) {
	.r_p69, .r_p9 {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}

@media only screen and (max-width: 1279px) {
	:root {
		--font-size-30: clamp(24px,4vw,30px);
		--font-size-34: clamp(24px,4vw,34px);
		--font-size-40: clamp(28px,4vw,40px);
		--font-size-48: clamp(28px,4vw,48px);

		--gap24: 2.0rem;
		--gap30: 2.4rem;
		--gap32: 2.4rem;
		--gap40: 2.4rem;
		--gap48: 2.4rem;
	}
	body {
		touch-action: pan-x pan-y;
	}
	::-webkit-scrollbar {
		display: none;
	}
	.min_wrap, .text_swiper4  {
		max-width: 100%;
		padding-right: 2.4rem;
		padding-left: 2.4rem;
	}
	.icon_menu_mobile {
		display: flex;
	}

	#header .min_wrap {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.lang_new {
		margin-right: 0;
	}
	.swiper2, .swiper2-plus, .swiper3, .nd_r2_f_tn2 {
		padding-left: 2.4rem;
	}
	.breacrum {
		padding-top: 7.2rem;
	}
	.link_map_tn {
		left: 2.4rem;
	}
	.list_r4_f_gt > li {
		flex-basis: calc(25% - 1.5rem);
	}
	.list_r4_f_gt > li.active {
		flex-basis: calc(50% - 1rem);
	}
	#footer .min_wrap {
		padding-bottom: 4rem;
	}
	.logo_foot, .social_f {
		flex-basis: auto;
	}
	.list_r2_f_tsll_dk {
		gap: var(--gap40);
	}
	.list_r2_f_tsll_dk > li {
		flex: 1 0 30% !important;
		min-height: inherit !important;
	}
	.slide_ls, .slide_ls .swiper1, .slide_ls .swiper1 .swiper-slide {
		height: auto;
		aspect-ratio: 16/9;
	}
	.slide_ls .swiper1 .swiper-slide video {
		position: static;
		width: 100%;
		height: 100%;
	}

	.nav_mn, .lang_hea, .but_ycht, .tool_fixed, .list_r2_f_tsll_dk::after, .list_r2_f_tsll_dk > li::after {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1023px) {
	:root {
		--gap24: 2.0rem;
		--gap30: 2.0rem;
		--gap32: 2.0rem;
	}

	.r_p6, .r_p9, .r_p69 {
		padding-top: 4.8rem;
		padding-bottom: 4.8rem;
	}
	.r_p3 {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}
	.r_p36 {
		padding-top: 2.4rem;
		padding-bottom: 3.2rem;
	}

	.list_gt_h > li {
		flex-basis: 40%;
	}
	.swiper2 .swiper-slide {
		width: 33.333333%;
	}
	.swiper3 .swiper-slide {
		width: calc(66.666666% + 2.4rem);
	}
	.l_news_h {
		flex: 1;
	}
	.nd_list_news_h h3, .nd_event_news_h .nd_list_news_h h3 {
		font-size: var(--font-size-16);
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}
	#footer .min_wrap {
		flex-direction: column;
		gap: var(--gap16);
	}
	.img_list_r2_f_cs {
		width: 6.4rem;	
		height: 6.4rem;
	}
	.text_swiper4 .na_tn_h, .text_swiper4 .des_tn_h {
		max-width: 66.666666%;
	}

	.hst_h .title_cont {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
		margin-bottom: 0;
		row-gap: 0;
	}
	.news_h .title_cont {
		row-gap: 0;
	}
	.title_cont {
		margin-bottom: 3.2rem;
	}
	.r1_list_hst_h {
		margin-bottom: 2.4rem;
	}
	.r2_f_tn2 {
		position: relative;
	}
	.r2_f_tn2 .but_swiper {
		position: absolute;
		left: auto;
		right: 2.4rem;
		margin-top: 2.4rem;
		padding: 0;
	}
	.r2_f_tn2 .swiper-button-prev-5 {
		position: static;
	}
	.r2_f_tn2 .swiper-button-next-5 {
		position: static;
	}
	.r0_f_dn .list_r2_f_cs {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow: auto;
		scroll-snap-type: x mandatory;
		gap: var(--gap12);
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.r0_f_dn .list_r2_f_cs > li {
		flex: 0 0 40%;
	}
	.list_r1_f_dn > li {
		flex-basis: 48%;
	}
	.tabs_head {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.tabs_head > li {
		flex: 0 0 auto;
	}
	.table_responsive td, .table_responsive th {
        white-space: nowrap;
    }
	.sub_r_ls_2 {
		display: flex;
		flex-wrap: wrap;
	}
	.sub_r_ls_2 > li {
		flex: 1 0 30rem;
		min-width: 0.1rem;
	}
	.sty_borL {
		max-width: 100%;
	}
	.list_r3_cctc {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.note_table_responsive {
		display: flex;
	}
	
	.fcb_dnql, .list_r1_f_dn > li > a, .nd_r2_f_tn2 {
		padding: 2.4rem;
	}
	.img_r2_f_tn2 {
		flex-basis: 100%;
		width: 100%;
	}
	.mn_f, .ul_breacrum {
		display: none;
	}
}

@media only screen and (min-width: 480px) and (max-device-width: 960px) and (orientation: landscape) {
	
}

@media only screen and (min-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
	/* TIVi 4K */
}

@media only screen and (min-width: 540px) and (max-device-width: 960px) and (orientation: landscape) {
	/* TIVI 2K */
}

@media only screen and (max-width: 640px) {
	:root {
		--gap24: 1.6rem;
	}
	.min_wrap, .swiper2, .swiper2-plus, .swiper3, .text_swiper4 {
		padding-right: 1.6rem;
		padding-left: 1.6rem;
	}

	#header .min_wrap {
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}
	.d_form_s {
		width: 90%;
	}
	.r_tc .but_01 {
		width: 100%;
	}	
	.but_01 {
		clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
	}
	.des_lgth {
		min-height: 6.7rem;
	}
	.des_tn_h {
		min-height: 4.4rem;
	}
	.content_news_h {
		flex-direction: column-reverse;
	}
	.event_news_h {
		position: static;
		margin-bottom: 1.6rem;
	}
	.img_lgth {
		width: 8rem;
		height: 8rem;
		margin-bottom: 2.4rem;
	}
	.img_tn_h {
		margin-bottom: 2.4rem;
	}
	.breacrum {
		padding-top: 5.6rem;
	}
	.m_ct {
		flex-direction: column-reverse;
		padding-top: 2.4rem;
	}
	.but_contact {
		width: 100%;
	}
	.list_r2_f_cs {
		display: flex;
		flex-wrap: wrap;		
	}
	.list_r2_f_cs > li {
		flex: 1 0 20rem;
		max-width: 100%;
	}
	.r2_f_tv_tl .min_wrap {
		flex-direction: column-reverse;
	}
	.sb_r2_f_tv_tl {
		position: static;
		width: 100%;
	}
	.bot_til_td_D {
		font-size: var(--font-size-12);
	}
	.list_share_D > li > a {
		width: 2.4rem;
		height: 2.4rem;
	}
	.map_tn {
		height: auto;
	}
	.map_tn iframe {
		aspect-ratio: 1/1;
	}
	.link_map_tn {
		width: 100%;
		position: static;
	}
	.title_link_map_tn {
		padding: 1.6rem 1.6rem 0.8rem 1.6rem;
	}
	.list_link_map_tn > li {
		padding: 1.6rem;
	}
	.r_list_link_map_tn strong {
		font-size: var(--font-size-14);
	}
	.text_swiper4 {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}
	.text_swiper4 .na_tn_h, .text_swiper4 .des_tn_h {
		max-width: 100%;
	}
	.r6_f_tn3 .title_cont, .r3_f_tn_2 .title_cont {
		row-gap: 0;
	}
	.title_na i {
		margin-top: 0;
	}
	.list_r2_f_dn_3 .des_r1_f_dn {
		max-width: 100%;
	}
	.list_r2_f_tsll_dk > li {
		flex-basis: 40% !important;
	}
	.title_tabs {
		flex-wrap: wrap;
	}
	.ipt_tabs {
		width: 100%;
	}
	.sty_borL {
		padding-left: 1.6rem;
	}
	.list_r3_cctc {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--gap16);
	}
	.img_r3_cctc {
		margin-bottom: 0.4rem;
	}
	.tabs_head {
		display: block;
	}
	.tabs_head > li {
		margin-bottom: 0.1rem;
	}

	.f_ycht .list_r2_f_cs {
		padding: 0;
	}
	.list_r1_f_dn > li > a {
		padding: 2.4rem;
	}
	.r1_f_tt .content_news_h {
		padding-top: 2.4rem;
	}
	.na_lgth, .na_tn_h, .na_list_hst_h, .til_f, .title_link_map_tn, .na_list_r1_f_tn, .list_r2_f_dn_3 .na_title_na_2 {
		font-size: var(--font-size-20);
	}
	.des_tc, .des_list_hst_h, .nd_event_news_h .nd_list_news_h h3, .list_r2_f_gt > li > a, .na_list_r2_f_gt, .na_list_r4_f_gt, .title_na h3, .des_page, .na_title_na_2, .title_r_ls_2 {
		font-size: var(--font-size-18);
	}
	.list_gt_h > li > a, .des_tn_h, .f-detail, .list_r4_f_gt > li, .des_list_r2_f_cs, .na_list_r3_f_tv, .des_r1_f_dn {
		font-size: var(--font-size-16);
	}
	.nd_list_news_h span {
		font-size: var(--font-size-12);
	}
	.na_tc, .r_tc, .l_news_h, .event_news_h, .ct_r2_f_tv_tl, .content_r1_f_tn3 .f-detail, .l_content_r2_f_gt_new, .tabs_head, .title_tabs form {
		flex-basis: 100%;
		width: 100%;
	}
	.m_r1_f_dn .img_lgth, .img_content_r2_f_gt_new, .ltct .swiper3 .swiper-slide.swiper-slide-active .logo_mask {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.r_p6, .r_p9, .r_p69 {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}

	.list_gt_h > li .but_lgth {
		position: absolute;
		top: 12.8rem;
		right: 2.4rem;
	}
	.list_gt_h > li:hover .but_lgth svg {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}
	.na_lgth {
		padding-right: 6.4rem;
	}
	.des_lgth {
		padding-right: 6.4rem;
		margin-bottom: 0;
		min-height: inherit;
	}
	.pt_h .tags_pt_h span {
		font-size: var(--font-size-12);
		padding: 0.8rem;
	}
	.swiper2 .swiper-slide, .swiper2-plus .swiper-slide, .swiper3 .swiper-slide {
		padding: 2.4rem;
	}
	.list_hst_h > li {
		top: 6.6rem;
	}
	.swiper4 .swiper-slide {
		height: auto;
		aspect-ratio: 1/1;
	}
	.content_fcb_dnql {
		flex-direction: column-reverse;
	}
	.img_fcb_dnql {
		position: static;
	}
	.img_r2_f_tn2 {
		aspect-ratio: 1/1;
	}
	.nd_r2_f_tn2 {
		padding: 1.6rem;
	}
	.r0_f_dn .list_r2_f_cs > li {
		flex-basis: 80%;
	}
	.list_r4_f_gt > li {
		flex-basis: calc(50% - 0.8rem);
	}
	.list_r2_f_tsll_dk > li {
		flex-basis: 100% !important;
	}
	.list_r2_f_tsll_dk > li::before {
		content: "";
		width: 0.2rem;
		height: 2.4rem;
		background-color: #bfcacc;
		position: absolute;
		bottom: -2.6rem;
		left: 2.4rem;
	}
	.tabs_head li {
		padding: 1.2rem;
	}
	.content_cctc_new > li {
		flex-direction: column;
	}
	.r_content_cctc_new {
		padding: 0 0 2.4rem 0; 
	}
	.l_content_cctc_new img {
		width: auto;
		max-width: 100%;
	}
	.list_r3_cctc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.r2_cctc .list_r2_f_gt > li {
		padding: 1.2rem 0;
	}
	.r2_cctc .list_r2_f_gt > li svg {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}
	
	.hst_h .title_cont, .list_hst_h > li, .f_cs .list_r2_f_cs > li, .list_r1_f_tn {
		padding-top: 1.6rem;
		padding-bottom: 1.6rem;
	}
	.list_gt_h > li, .list_r4_f_gt > li.active, .cl_content_r_ls_1 {
		flex-basis: 100%;
	}
	.title_cont {
		margin-bottom: 2.4rem;
	}
	.list_news_h > li, .r1_list_hst_h, .img_list_r2_f_cs {
		margin-bottom: 1.6rem;
	}
	.but_swiper {
		margin-top: 2.4rem;
	}
	.list_r2_f_tsll_dk > li:last-child::before {
		display: none;
	}
}

@media only screen and (max-width: 375px) {
	
}

@media only screen and (max-width: 320px) {
	.r_hea {
		gap: var(--gap08);
	}
}