@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');
@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%;}
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;}
h1, h2, h3, h4, h5, h6 {line-height: 1.25;}

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;
}
.sticky {
	position: sticky;
	top: var(--height-hea);
}
.user_select {
	user-select: none;
}
.sty_display {
	display: none;
}

.r_p3 {	
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.r_p36 {	
	padding-top: 3rem;
	padding-bottom: 6rem;
}
.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-30: 30px;
	--font-size-32: 32px;
	--font-size-34: 34px;
	--font-size-38: 38px;
	--font-size-40: 40px;
	--font-size-44: 44px;	

	--PrimaryColor:#223565;
	--SecondaryColor: #8ed0b9;
	--color-1: #010f3c;
	--color-2: #525f81;
	--color-3: #888;

	--tailwind-50 : #f0f7fe;
	--tailwind-100: #ddecfc;
	--tailwind-200: #c3defa;
	--tailwind-300: #9acaf6;
	--tailwind-400: #6aadf0;
	--tailwind-500: #478eea;
	--tailwind-600: #3271de;
	--tailwind-700: #295dcc;
	--tailwind-800: #274ca6;
	--tailwind-900: #254283;
	--tailwind-950: #223565;

	--tailwind2-50 : #f0f9f5;
	--tailwind2-100: #daf1e6;
	--tailwind2-200: #b7e3d1;
	--tailwind2-300: #8ed0b9;
	--tailwind2-400: #56b194;
	--tailwind2-500: #34957a;
	--tailwind2-600: #247761;
	--tailwind2-700: #1d5f4f;
	--tailwind2-800: #194c40;
	--tailwind2-900: #153f36;
	--tailwind2-950: #0b231e;

	--height-hea: 10rem;

	--gap04: 0.4rem;
	--gap08: 0.8rem;
	--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-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%;
}
.sty_home {
	background-image: url(../imgs/bg_body.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.min_wrap {
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 3.2rem;
	padding-left: 3.2rem;
}

.img_hover:hover {opacity: 0.9;}

::selection {
	background-color: var(--SecondaryColor);
	color: var(--tailwind2-950);
}

/************************************************************************************
CSS HEADER
*************************************************************************************/

#header {
	position: fixed;
	z-index: 11;
	top: 0;
	right: 0;
	left: 0;
}
#header .min_wrap {
	height: var(--height-hea);
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: height .4s;
	-webkit-transition: height .4s;
	-moz-transition: height .4s;
	-ms-transition: height .4s;
	-o-transition: height .4s;
}
#header.active {
	background-color: rgba(255, 255, 255, .9);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
#header.active .min_wrap {
	height: calc(var(--height-hea) - 2rem);
}

.logo img {
	display: block;
	width: auto;
	height: 4.8rem;
}

.r_hea {
	display: flex;
	align-items: center;
	gap: var(--gap32);
}

.navHighlighter {
	display: flex;
	gap: var(--gap32);
}
.navHighlighter > li {
	position: relative;
}
.navHighlighter > li > a {
	display: block;
	color: var(--color-1);
	font-weight: 500;
	line-height: 3.2rem;
}
.navHighlighter > li > a::before {
	content: "";
	height: .2rem;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: var(--color-1);
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.navHighlighter > li > a.active::before {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.click_s {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 3.2rem;
	height: 3.2rem;
	font-size: var(--font-size-16);
	color: var(--color-1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: .4s linear;
	-webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-ms-transition: .4s linear;
	-o-transition: .4s linear;
}
.click_s:hover, .click_s:focus {
	background-color: var(--SecondaryColor);
	color: var(--tailwind2-950);
}
.fixbody {
	overflow: hidden;
	height: 100%;
}
.form_s {
	user-select: none;
	background: rgba(0,0,0,.75);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	z-index: 99999999;
	visibility: hidden;
	-webkit-transition: ease 0.4s;
	-moz-transition: ease 0.4s;
	-ms-transition: ease 0.4s;
	-o-transition: ease 0.4s;
	transition: ease 0.4s;
	opacity: 0;
}
.form_s.active {visibility: visible; opacity: 1;}
.close_form_s {
	font-size: 32px;
	color: #fff;
	position: absolute;
	top: 40px; right: 40px;
	display: block;
	cursor: pointer;
	z-index: 1;
	font-style: normal;
}
.close_form_s::before {
	content: "\f057";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}
.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: 32px;
	color: #000;
	position: absolute;
	bottom: 0; right: 0;
	background: none;
}


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

#container {
	min-height: calc(100vh - var(--height-hea));
	padding-top: var(--height-hea);
}

.but_01 {
	display: inline-flex;
	gap: var(--gap08);
	justify-content: center;
	align-items: center;
	background-color: var(--PrimaryColor);
	color: var(--tailwind-200);
	font-size: var(--font-size-16);
	cursor: pointer;
	font-weight: 500;
	line-height: 2.4rem;
	padding: .8rem 1.6rem;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.but_01:hover {
	background-color: var(--tailwind-900);
}
.but_02 {
	display: inline-flex;
	gap: var(--gap08);
	justify-content: center;
	align-items: center;
	background-color: var(--SecondaryColor);
	cursor: pointer;
	color: var(--tailwind2-950);
	font-size: var(--font-size-16);
	font-weight: 500;
	line-height: 2.4rem;
	padding: .8rem 1.6rem;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.but_02:hover {
	background-color: var(--tailwind2-400);
}
.but_03 {
	display: inline-flex;
	gap: var(--gap08);
	justify-content: center;
	align-items: center;
	background: none;
	cursor: pointer;
	border: 1px solid var(--SecondaryColor);
	color: var(--SecondaryColor);
	font-size: var(--font-size-16);
	font-weight: 500;
	line-height: 2.4rem;
	padding: .8rem 1.6rem;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.but_03:hover {
	background-color: var(--SecondaryColor);
	color: var(--tailwind2-950);
}

.til_cont_1 {
	margin-bottom: 2.4rem;
}
.til_cont_2 {
	text-align: center;
}
.til_cont_2 .na_til_cont {
	margin-bottom: 0;
	background: none;
	color: var(--color-2);
}
.na_til_cont {
	display: inline-flex;
	line-height: 2.4rem;
	padding: .8rem 1.6rem;
	background: linear-gradient(90deg, var(--tailwind-100) 0%, rgba(255,255,255,0) 100%);
	font-size: var(--font-size-14);
	font-weight: 500;
	text-transform: uppercase;
	color: var(--color-1);
	margin-bottom: 2.4rem;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.title_til_cont {
	font-size: var(--font-size-40);
	font-weight: 700;
	color: var(--color-1);
	margin-bottom: 2.4rem;
}
.des_til_cont {
	font-size: var(--font-size-18);
	color: var(--color-2);
}
.h1_til_cont_1 {
	text-transform: uppercase;
	font-size: var(--font-size-40);
	font-weight: 700;
	margin-bottom: 2.4rem;
}
.h1_til_cont_1 span {
	display: block;
}
.h1_til_cont_1 strong {
	display: block;
	font-weight: 900;
}

#sec_cont_01 {
	min-height: calc(100vh - var(--height-hea));
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: center;
	overflow: hidden;
}
#sec_cont_01 .til_cont_1 {
	margin-bottom: 4.8rem;
}
#sec_cont_01 .des_til_cont {
	padding-right: 25%;
}
.bot_sec_cont_01 {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap16);
	align-items: center;
}

#sec_cont_02 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.l_sec_cont_02 {
	flex-basis: 50%;
}
.r_sec_cont_02 {
	flex: 1;
	min-width: .1rem;
}
.img_l_sec_cont_02 {
	position: relative;
}
.img_l_sec_cont_02 img {
	display: block;
	width: 100%;
	height: auto;
}
.content_r_sec_cont_02 {
	width: calc(1600px / 2 - 3.2rem);
	padding-left: 4.8rem;
}
.list_da {
	display: flex;
	column-gap: var(--gap32);
	flex-wrap: wrap;
	margin-bottom: 2.4rem;
}
.list_da > li {
	flex: 1 0 25rem;
	padding: .4rem 0 .4rem 3.2rem;
	position: relative;
}
.list_da > li::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	content: "\f772";
	position: absolute;
	top: .4rem;
	left: .4rem;
}
.list_da > li a {
	color: var(--color-1);
}

.dt_da {
	padding: 3.2rem 0;
	position: relative;
}
.dt_da::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: .1rem;
	background: linear-gradient(90deg, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%);
}
.swiper2 .swiper-slide {
	width: fit-content;
}
.swiper2 .swiper-slide figure img {
	display: block;
	width: auto;
	height: 3.2rem;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .5;
}
.swiper2 .swiper-slide figure img:hover {
	filter: none;
	-webkit-filter: none;
	opacity: 1;
}

#sec_cont_03 {
	background: linear-gradient(90deg, var(--tailwind-200) 0%, var(--tailwind2-200) 100%);
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 18rem;
}
#sec_cont_03 .r_sec_cont_02, #sec_cont_01 .r_sec_cont_02 {
	display: flex;
	justify-content: right;
}
#sec_cont_03 .content_r_sec_cont_02, #sec_cont_01 .content_r_sec_cont_02 {
	padding-right: 4.8rem;
	padding-left: 0;
}

#sec_cont_04 {
	padding-right: 3.2rem;
	padding-left: 3.2rem;
	position: relative;
	z-index: 2;
}
#sec_cont_04 .bot_cont {
	text-align: center;
}
#sec_cont_04 .but_03 {
	color: var(--tailwind2-500);
}
#sec_cont_04 .but_03:hover {
	color: var(--tailwind2-950);
}
.o_sec_cont_04 {
	margin-top: -9rem;
	min-height: 30rem;
	max-width: inherit;
	background-color: #fff;
	position: relative;
	border-radius: 1.6rem;
	-webkit-border-radius: 1.6rem;
	-moz-border-radius: 1.6rem;
	-ms-border-radius: 1.6rem;
	-o-border-radius: 1.6rem;
}
.o_sec_cont_04::before {
	content: "";
	background: url(../imgs/bg_shadown_sec_cont_04.png) no-repeat center border-box;
	position: absolute;
	top: -3.2rem;
	right: 0;
	left: 0;
	margin: auto;
	height: 3.2rem;
}
.list_sec_cont_04 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap32);
	padding: 1.6rem 0;
}
.list_sec_cont_04 > li {
	flex: 1 0 25rem;
}
.img_list_sec_cont_04 {
	aspect-ratio: 3/2;
	background-color: var(--tailwind-50);
	margin-bottom: 1.6rem;
	position: relative;
}
.img_list_sec_cont_04 img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.date_list_sec_cont_04 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 7.2rem;
	height: 6.4rem;
	background: linear-gradient(90deg, var(--tailwind-200) 0%, var(--tailwind2-200) 100%);
	font-size: var(--font-size-16);
	color: var(--color-1);
	font-weight: 600;
	line-height: 2rem;
	position: absolute;
	right: 1.6rem;
	bottom: -3.4rem;
	z-index: 1;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.date_list_sec_cont_04 strong {
	font-size: var(--font-size-18);
	font-weight: 700;
}
.tool_list_sec_cont_04 {
	margin-bottom: .8rem;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap12);
	align-items: center;
	font-size: var(--font-size-14);
	line-height: 2rem;
	color: var(--color-1);
}
.tool_list_sec_cont_04 span {
	display: inline-flex;
	align-items: center;
	gap: var(--gap04);
}
.tool_list_sec_cont_04 span a {
	color: var(--color-1);
}
.na_list_sec_cont_04 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--color-1);
	font-weight: 500;
	font-size: var(--font-size-16);
}
.na_list_sec_cont_04 a {
	color: var(--color-1);
}
.na_list_sec_cont_04 a:hover {
	background-color: var(--SecondaryColor);
	color: var(--tailwind2-950);
}

#sec_cont_05 {
	background-color: #06071f;
	margin-top: -6rem;
	color: #acb6c6;
}
#sec_cont_05 .min_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap32);
	padding-top: 6rem;
}
#sec_cont_05 .title_til_cont, #footer .title_til_cont {
	color: #fff;
}
#sec_cont_05 .title_til_cont span, #footer .title_til_cont span {
	color: var(--SecondaryColor);
}
#sec_cont_05 .des_til_cont, #footer .des_til_cont {
	color: #acb6c6;
}
#sec_cont_05 .bot_cont, #footer .bot_cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--gap16);
}
.l_sec_cont_05 {
	flex: 1 0 25rem;
	padding-right: 2.4rem;
}
.r_sec_cont_05 {
	flex: 1 0 25rem;
	min-width: .1rem;
	position: relative;
}
.map_sec_cont_05 {
	overflow: hidden;
	position: relative;
	z-index: 1;
	aspect-ratio: 1/1;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.mask_map_sec_cont_05 {
	background-color: var(--SecondaryColor);
	position: absolute;
	top: .8rem;
	right: -.8rem;
	bottom: -.8rem;
	left: .8rem;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.map_sec_cont_05 iframe {
	width: 100% !important;
	height: 100% !important;
}
.list_sec_cont_05 {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--gap32);
	row-gap: var(--gap16);
	margin-bottom: 2.4rem;
}
.list_sec_cont_05 > li {
	flex: 1 0 25rem;
	font-size: var(--font-size-14);
}
.list_sec_cont_05 > li strong {
	display: block;
	font-weight: 500;
	color: #fff;
}
.list_sec_cont_05 > li p {
	padding: 0;
}
.list_sec_cont_05 > li p a {
	color: #acb6c6;
}
.list_sec_cont_05 > li p a:hover {
	color: var(--SecondaryColor);
}

.list_form_sec_cont_05 {
	display: flex;
	flex-wrap: wrap;
	column-gap: var(--gap32);
	row-gap: var(--gap16);
}
.list_form_sec_cont_05 > li {
	flex: 1 0 25rem;
	font-size: var(--font-size-14);
	position: relative;
}
.ipt_list_form_sec_cont_05 {
	height: 4.1rem;
	width: 100%;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding-left: 3.2rem;
	font-size: var(--font-size-14);
	color: rgba(255,255,255,0.5);
	transition: border .4s;
	-webkit-transition: border .4s;
	-moz-transition: border .4s;
	-ms-transition: border .4s;
	-o-transition: border .4s;
}
.ipt_list_form_sec_cont_05::placeholder, .txt_list_form_sec_cont_05::placeholder {
	color: rgba(255,255,255,0.5);
}
.ipt_list_form_sec_cont_05:focus, .txt_list_form_sec_cont_05:focus {
	color: #fff;
	border-color: var(--SecondaryColor);
}
.txt_list_form_sec_cont_05 {
	height: 4.1rem;
	width: 100%;
	background: none;
	border: 0;
	resize: none;
	height: 15.2rem;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding: 1rem 0 0 3.2rem;
	font-size: var(--font-size-14);
	color: rgba(255,255,255,0.5);
	transition: border .4s;
	-webkit-transition: border .4s;
	-moz-transition: border .4s;
	-ms-transition: border .4s;
	-o-transition: border .4s;
}
.ipt_list_form_sec_cont_05:focus~.ico_list_form_sec_cont_05, .txt_list_form_sec_cont_05:focus~.ico_list_form_sec_cont_05 {
	color: var(--SecondaryColor);
}
.ico_list_form_sec_cont_05 {
	width: 2.4rem;
	height: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: .8rem;
	left: 0;
	z-index: 1;
	font-size: var(--font-size-20);
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
}
.img_capcha {
	display: inline-block;
	width: auto;
	height: 3.2rem;
	position: absolute;
	top: .4rem;
	right: 0;
	z-index: 1;
	border-radius: .2rem;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	-ms-border-radius: .2rem;
	-o-border-radius: .2rem;
}

.social_sec_cont_05 p {
	padding: 0;
	font-size: var(--font-size-12);
	text-transform: uppercase;
}
.link_social_sec_cont_05 {
	display: flex;
	justify-content: space-between;
}
.link_social_sec_cont_05 a {
	color: rgba(255,255,255,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	font-size: var(--font-size-14);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.link_social_sec_cont_05 a:hover {
	color: var(--SecondaryColor);
}

.f_page_D .min_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--gap32);
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}
.ct_D {
	flex: 2 0 3.2rem;
}
.sb_D {
	flex: 1;
	min-width: .1rem;
	position: sticky;
	top: var(--height-hea);
}
.til_news_D {
	font-size: var(--font-size-30);
	margin-bottom: 1.6rem;
}
.des_news_D {
	font-size: var(--font-size-20);
	margin-bottom: 1.6rem;
	font-weight: 600;
}
.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;
}
.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-2);
	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: var(--tailwind2-950);
	background-color: var(--SecondaryColor);
	border-color: var(--SecondaryColor);
}
.line_list_share_D {
	width: 1px;
	height: 26px;
	background-color: rgba(0,78,127,.05);
}

.news_spec_sb_D {
	background-color: #fff;
	padding: 2rem;
	border-radius: .4rem;
	-webkit-border-radius: .4rem;
	-moz-border-radius: .4rem;
	-ms-border-radius: .4rem;
	-o-border-radius: .4rem;
}
.title_news_spec_sb_D {
	font-size: var(--font-size-20);
	margin-bottom: 1.6rem;
}
.list_news_spec_sb_D > li {
	margin-bottom: 1.6rem;
}
.list_news_spec_sb_D > li:last-child {
	margin-bottom: 0;
}
.list_news_spec_sb_D > li .na_list_sh_4 {
	font-size: var(--font-size-16);
	color: var(--color-1);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
}
.list_news_spec_sb_D > li .na_list_sh_4 a {
	color: var(--color-1);
}
.list_news_spec_sb_D > li .na_list_sh_4 a:hover {
	background-color: var(--SecondaryColor);
	color: var(--tailwind2-950);
}

.tags_D {
	padding-top: 30px;
	font-size: var(--font-size-14);
	color: var(--color-1);
}
.tags_D strong {
	color: var(--color-1);
}
.tags_D a {
	display: inline;
	color: var(--color-2);
}
.tags_D a:hover {
	color: var(--PrimaryColor);
}
.tags_D a::after {
	content: ',';
}
.tags_D a:last-child::after {
	display: none;
}

.bot_cont {
	padding-top: 4.8rem;
}
.li_full {
	flex-basis: 100% !important;
}

/************************************************************************************
FOOTER
*************************************************************************************/

#footer {
	background-color: #06071f;
    color: #acb6c6;
}
#footer .min_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap32);
}

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

.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: 1.2rem;
	-webkit-border-radius: 1.2rem;
	-moz-border-radius: 1.2rem;
	-ms-border-radius: 1.2rem;
	-o-border-radius: 1.2rem;
}
.f-detail a {color: var(--PrimaryColor);}
.f-detail a:hover {text-decoration: underline;}
.f-detail iframe {
	max-width: 100% !important;
	border-radius: .8rem;
	-webkit-border-radius: .8rem;
	-moz-border-radius: .8rem;
	-ms-border-radius: .8rem;
	-o-border-radius: .8rem;
}

.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 {
	font-size: var(--font-size-16);
	padding-top: 3rem;
	text-align: center;
}
.PageNum a {
	display: inline-block; 
	color: var(--color-2); 
	padding: 3px 7px; 
	margin: 0px 3px 5px 0px; 
	min-width: 30px;
	text-align: center;
}
.PageNum a:hover {
	color: var(--PrimaryColor);
}
.PageNum span {
	color: var(--PrimaryColor);
	font-weight: 600;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 3px 5px 0px;
	min-width: 30px;
	text-align: center;
}

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

.icon_menu_mobile {
	color: var(--color-1);
	display: none;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	user-select: none;
	justify-content: center;
	align-items: center;
	position: relative;	
	margin-left: 1.6rem;
}
.icon_menu_mobile::before {
	content: "";
	width: .1rem;
	height: 2.4rem;
	position: absolute;
	top: 0;
	left: -1.2rem;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(172,190,219,1) 50%, rgba(255,255,255,0) 100%);
}
.icon_menu_mobile::after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	content: "\f0c9";
	font-size: var(--font-size-22);
}
.icon_menu_mobile.active::after {
	content: "\f00d";
}

.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;
}
.logo_mb img {
	display: inline-block;
	width: auto;
	height: 40px;
}

.dkdn_mb {
	background: linear-gradient(120deg, var(--tailwind-600) 0%, var(--tailwind-700) 100%);
	color: #fff;
	padding: 12px 16px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
}
.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-18);
	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-15); 
	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: var(--tailwind-50);
	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: 8px 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) {
	:root {
		--gap32: 2.4rem;
	}

	.min_wrap {
		max-width: 1280px;
		padding-right: 0;
		padding-left: 0;
	}
	.content_r_sec_cont_02 {
		width: calc(1280px / 2);
	}
}

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

}

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

@media only screen and (max-width: 1365px) and (min-width: 1280px) {
	.min_wrap {
		padding-right: 2.4rem;
		padding-left: 2.4rem;
	}
	.content_r_sec_cont_02 {
		width: calc(100vw / 2);
	}
	#sec_cont_01 .content_r_sec_cont_02, #sec_cont_03 .content_r_sec_cont_02 {
		padding-left: 2.4rem;
	}
	#sec_cont_02 .content_r_sec_cont_02 {
		padding-right: 2.4rem;
	}
	#sec_cont_03 {
		padding-bottom: 15rem;
	}
	#sec_cont_04 {
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
	body {
		overflow: hidden;
	}
	.icon_menu_mobile {
		display: flex;
	}
	.min_wrap {
		padding-right: 2.4rem;
		padding-left: 2.4rem;
	}
	.content_r_sec_cont_02 {
		width: calc(100vw / 2);
	}
	#sec_cont_01 .content_r_sec_cont_02, #sec_cont_03 .content_r_sec_cont_02 {
		padding-left: 2.4rem;
	}
	#sec_cont_02 .content_r_sec_cont_02 {
		padding-right: 2.4rem;
	}
	#sec_cont_03 {
		padding-bottom: 15rem;
	}
	#sec_cont_04 {
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (max-width: 1023px) {
	:root {
		--font-size-30: clamp(24px,4vw,30px);
		--font-size-34: clamp(24px,4vw,34px);
		--font-size-38: clamp(24px,4vw,38px);
		--font-size-40: clamp(30px,4vw,40px);
		--font-size-44: clamp(30px,4vw,44px);
		--gap24: 1.6rem;
		--gap32: 2.4rem;
		--gap40: 2.4rem;
		--gap48: 2.4rem;
	}
	::-webkit-scrollbar {
		display: none;
	}
	body {
		overflow: hidden;
	}
	.icon_menu_mobile {
		display: flex;
	}
	.min_wrap, .navHighlighter {
		padding-right: 2.4rem;
		padding-left: 2.4rem;
	}
	.r_p6, .r_p9, .r_p69, .sgt_1 {
		padding-top: 4.8rem;
		padding-bottom: 4.8rem;
	}

	#header {
		background-color: rgba(255, 255, 255, .9);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}
	.r_hea {
		flex-direction: row-reverse;
		gap: 0;
	}
	#header.active .navHighlighter {
		top: 8rem;
	}
	.navHighlighter {
		position: absolute;
		top: 10rem;
		right: 0;
		left: 0;
		background-color: rgba(255, 255, 255, .9);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		padding-bottom: 1.6rem;
		box-shadow: 0 .4rem .4rem rgba(0,0,0,0.05);
		transition: top .4s;
		-webkit-transition: top .4s;
		-moz-transition: top .4s;
		-ms-transition: top .4s;
		-o-transition: top .4s;
	}
	.navHighlighter > li > a {
		position: relative;
		display: inline-block;
	}
	.content_r_sec_cont_02 {
		width: 100%;
		padding-right: 2.4rem !important;
		padding-left: 2.4rem !important;
		text-align: center;
	}
	#sec_cont_01 .des_til_cont, .l_sec_cont_05 {
		padding-right: 0;
	}
	#sec_cont_01 {
		min-height: auto;
	}
	.bot_sec_cont_01 {
		justify-content: center;
	}
	.list_da > li {
		text-align: left;
	}
	#sec_cont_03 {
		padding-bottom: 15rem;
	}
	#sec_cont_04 {
		padding-right: 0;
		padding-left: 0;
	}
	.list_sec_cont_04 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.til_cont_1 {
		text-align: center;
	}
	.map_sec_cont_05 {
		aspect-ratio: 16/9;
	}
	.news_spec_sb_D {
		padding: 0;
		background: none;
	}

	.l_sec_cont_02, .r_sec_cont_02, .r_sec_cont_05, .ct_D {
		flex-basis: 100%;
	}
	.navHighlighter {
		display: none;
	}
}

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

@media only screen and (max-width: 640px) {		
	:root {
		--gap32: 1.6rem;
		--height-hea: 6.4rem;
	}
	.min_wrap, .navHighlighter {
		padding-right: 1.6rem;
		padding-left: 1.6rem;
	}
	.r_p3 {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}
	.r_p36 {
		padding-top: 2.4rem;
		padding-bottom: 3.2rem;
	}
	.r_p6, .sgt_1 {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}
	.r_p69 {
		padding-top: 3.2rem;
		padding-bottom: 4.8rem;
	}
	.r_p9 {
		padding-top: 4.8rem;
		padding-bottom: 4.8rem;
	}

	#header.active .min_wrap {
		height: var(--height-hea);
	}
	.logo img {
		height: 3.2rem;
	}
	.navHighlighter, #header.active .navHighlighter {
		top: 6.4rem;
	}
	.content_r_sec_cont_02 {
		padding-right: 1.6rem !important;
		padding-left: 1.6rem !important;
	}
	#sec_cont_01 .til_cont_1 {
		margin-bottom: 2.4rem;
	}
	.bot_sec_cont_01 {
		gap: var(--gap12);
	}
	.d_form_s {
		width: 90%;
	}
	.close_form_s {
		font-size: var(--font-size-24);
		top: 1.6rem;
		right: 5%;
	}
	.btn_form_s {
		font-size: var(--font-size-24);
	}
	#sec_cont_05 .min_wrap {
		gap: 4.8rem;
	}
	.des_til_cont {
		font-size: var(--font-size-16);
	}
}

@media only screen and (max-width: 480px) {	
	.date_list_sec_cont_04 {
		flex-direction: row;
		width: auto;
		height: auto;
		font-size: var(--font-size-12);
		padding-right: .4rem;
		padding-left: .4rem;
		right: 0;
		bottom: -1rem;
	}
	.date_list_sec_cont_04 strong {
		font-size: var(--font-size-12);
		font-weight: 600;
	}
	.tool_list_sec_cont_04, .bot_til_td_D {
		font-size: var(--font-size-12);
	}
	.na_list_sec_cont_04, .but_01, .but_02, .but_03 {
		font-size: var(--font-size-14);
	}
	.bot_cont {
		padding-top: 2.4rem;
	}
	#sec_cont_05 .bot_cont {
		justify-content: center
	}
	#sec_cont_05 .bot_cont .but_03 {
		flex-basis: 100%;
	}
	.map_sec_cont_05 {
		aspect-ratio: 1/1;
	}
}

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

}

@media only screen and (max-width: 320px) {
	:root {
		--font-size-40: clamp(24px, 4vw, 40px);
	}
	.bot_sec_cont_01 {
		gap: var(--gap08);
	}
}