@media screen and (max-width: 767px) {
	.navigation_left {
		display: none;
	}

	.navigation_right {
		overflow: inherit;
	}

	.nav {
		width: 100%;
		display: flex;
		flex-direction: column;
		height: 65vh;

		overflow: auto;
	}

	.navigation {
		width: 100%;
		height: 90vh;
		top: 10rem;
	}

	.menu_nav_wp {
		padding: 3rem 7% 5rem 5%;
	}

	.accordion-head {
		padding: 0.8rem 4rem 0.8rem 0rem;
		font-size: 1.4rem;
		gap: 0.8rem;
	}

	.dl_fullreport {
		position: inherit;
		right: inherit;
		bottom: inherit;
		z-index: 2;
		margin-top: 2rem;
	}

	.nav_followed {
		gap: 1rem;
		margin-top: 3rem;
	}

	.accordion-body_content {
		padding: 2rem 1rem 1rem 3rem;
	}

	.accordion-body_content ul li a {
		font-size: 1.4rem;
	}

	.accordion-body_content ul {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 0.8rem;
	}

	.dl_fullreport a {
		font-size: 1.4rem;
		width: 185px;
		height: 50px;
		padding: 1.3rem 2.5rem;
	}

	.banner_content_wp {
		bottom: 8%;
		left: 0;
		width: 100%;
		align-items: center;
	}

	.lottie_swiper {
		width: 100%;
		height: 55%;
		margin-top: 8rem;
	}

	.banner_content_title span {
		text-align: center;
		font-size: 2.2rem;
	}

	.banner_content_title strong {
		font-size: 4rem;
		text-align: center;
	}

	.banner_content_btn a {
		font-size: 1.4rem;
	}

	.custom-pagination {
		display: none;
	}

	.header {
		padding: 2rem 0rem;
	}

	.menu {
		width: 3.5rem;
		margin-left: 2rem;
	}

	.logo {
		width: 10.2rem;
	}

	.header_title strong {
		font-size: 2rem;
		line-height: 3rem;
	}

	.header_title span {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}

	.cnt {
		width: 90%;
	}

	.vision_title strong {
		font-size: 3.8rem;
	}

	.vision_title span {
		font-size: 2rem;
	}

	.vision_title {
		gap: 1rem;
		text-align: center;
	}

	.vision {
		padding: 7rem 0;
	}

	.letter_main_swiper {
		width: 100% !important;
	}

	.title_of_letter {
		font-size: 1.4rem;
		line-height: 1.6rem;
		width: 80%;
		margin: 0 auto;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.letter {
		height: auto;
	}

	.letter_box .cnt_wp {
		flex-direction: column;
	}

	.letter_box_info {
		width: 100%;
		margin-left: auto;
		display: flex;
		flex-direction: column;
		padding-top: 0;
		margin-left: 0;
		order: 1;
		text-align: center;
		padding: 4rem 0 0 0;
		margin-bottom: 5rem;
	}

	.letter_box_img {
		width: 90%;
		order: 2;
		margin: 0 auto;
	}

	.letter_box_info_title strong {
		font-size: 4rem;
	}

	.letter_box_info_title span {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.letter_box_info_txt {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.letter_box_info_btn {
		display: flex;
		margin-top: 2.5rem;
		width: 100%;
		justify-content: center;
	}

	.letter_box_info_btn a {
		width: 15.3rem;
		height: 4.4rem;
		font-size: 1.6rem;
		border-radius: 26px;
	}

	.letter_box.box_two .letter_box_info {
		margin-left: 0;
	}

	.glance_top_title strong {
		font-size: 3.8rem;
	}

	.glance_top_title span {
		font-size: 2rem;
	}

	.glance_top_btn a {
		width: 15.3rem;
		height: 4.4rem;
		font-size: 1.6rem;
		border-radius: 26px;
	}

	.key_numbers_title {
		font-size: 1.2rem;
		line-height: 1.3rem;
	}

	.key_numbers_value {
		font-size: 2rem;
		line-height: 2rem;
	}

	.key_numbers_value span {
		font-size: 1.2rem;
		line-height: 2rem;
	}

	.glance_animation_wp {
		width: 100%;
		height: auto;
	}

	.glance_animation {
		width: 80%;
		margin: 0 auto;
	}

	.key_numbers_box {
		width: 14rem;
	}

	.kbox_one {
		top: -12%;
	}

	.kbox_two {
		right: -11%;
		top: 10%;
	}

	.kbox_six {
		left: -11%;
		top: 10%;
	}

	.kbox_four {
		bottom: -18%;
	}

	.sustainability .cnt_wp {
		align-items: center;
		flex-direction: column;
	}

	.sustainability_left {
		margin-left: 0;
		width: 100%;
		order: 2;
		text-align: center;
	}

	.sustainability_right {
		width: 100%;
		margin-left: 0;
		order: 1;
	}

	.sustainability_title strong {
		font-size: 3.8rem;
	}

	.sustainability_title span {
		font-size: 2rem;
		line-height: 3rem;
	}

	.sustainability_btn {
		display: flex;
		justify-content: center;
	}

	.sustainability_btn a {
		width: 15.3rem;
		height: 4.4rem;
		font-size: 1.6rem;
		border-radius: 26px;
	}

	.sustainability {
		padding: 0rem 0 5rem;
	}

	.recommended_title {
		font-size: 3.8rem;
		text-align: center;
	}

	.recommended_wp {
		margin-top: 6rem;
		gap: 2rem;
		flex-direction: column;
	}

	.recommended_box {
		width: 100%;
	}

	.recommended_name {
		font-size: 1.4rem;
	}

	.recommended_link {
		font-size: 1.2rem;
		margin-top: 2rem;
	}

	.recommended_img {
		width: 40%;
	}

	.recommended_desc {
		width: 60%;
		padding: 0px 2rem 0 3rem;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.navigation_left {
		display: none;
	}

	.navigation {
		width: 100%;
		height: 90vh;
		top: 10rem;
	}

	.menu_nav_wp {
		padding: 3rem 7% 5rem 5%;
	}

	.accordion-head {
		padding: 0.8rem 4rem 0.8rem 0rem;
		font-size: 1.4rem;
		gap: 0.8rem;
	}

	.dl_fullreport {
		position: inherit;
		right: inherit;
		bottom: inherit;
		z-index: 2;
		margin-top: 2rem;
	}

	.nav_followed {
		gap: 1rem;
		margin-top: 3rem;
	}

	.accordion-body_content {
		padding: 2rem 1rem 1rem 3rem;
	}

	.accordion-body_content ul li a {
		font-size: 1.4rem;
	}

	.accordion-body_content ul {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 0.8rem;
	}

	.dl_fullreport a {
		font-size: 1.4rem;
		width: 185px;
		height: 50px;
		padding: 1.3rem 2.5rem;
	}

	.banner_content_wp {
		bottom: 8%;
		left: 0;
		width: 100%;
		align-items: center;
	}

	.cnt {
		width: 90%;
	}

	.lottie_swiper {
		width: 100%;
		height: 55%;
		margin-top: 14rem;
	}

	.banner_content_title span {
		font-size: 2.4rem;
	}

	.banner_content_title strong {
		font-size: 5rem;
	}

	.banner_content_btn a {
		font-size: 1.6rem;
	}

	.custom-pagination {
		display: none;
	}

	.header {
		padding: 2rem 0rem;
	}

	.menu {
		width: 3.5rem;
		margin-left: 2rem;
	}

	.logo {
		width: 10.2rem;
	}

	.header_title strong {
		font-size: 2rem;
		line-height: 3rem;
	}

	.header_title span {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}

	.vision_title strong {
		font-size: 3.8rem;
	}

	.vision_title span {
		font-size: 2rem;
	}

	.vision_title {
		gap: 1rem;
		text-align: center;
	}

	.vision {
		padding: 7rem 0;
	}

	.letter_main_swiper {
		width: 100% !important;
	}

	.title_of_letter {
		font-size: 1.4rem;
		line-height: 1.6rem;
		width: 80%;
		margin: 0 auto;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.letter {
		height: auto;
	}

	.letter_box .cnt_wp {
		flex-direction: column;
	}

	.letter_box_info {
		width: 100%;
		margin-left: auto;
		display: flex;
		flex-direction: column;
		padding-top: 0;
		margin-left: 0;
		order: 1;
		text-align: center;
		padding: 4rem 0 0 0;
		margin-bottom: 5rem;
	}

	.letter_box_img {
		width: 90%;
		order: 2;
		margin: 0 auto;
	}

	.letter_box_info_title strong {
		font-size: 4rem;
	}

	.letter_box_info_title span {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.letter_box_info_txt {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.letter_box_info_btn {
		display: flex;
		margin-top: 2.5rem;
		width: 100%;
		justify-content: center;
	}

	.letter_box_info_btn a {
		width: 15.3rem;
		height: 4.4rem;
		font-size: 1.6rem;
		border-radius: 26px;
	}

	.letter_box.box_two .letter_box_info {
		margin-left: 0;
	}

	.glance_top_title strong {
		font-size: 3.8rem;
	}

	.glance_top_title span {
		font-size: 2rem;
	}

	.glance_top_btn a {
		width: 15.3rem;
		height: 4.4rem;
		font-size: 1.6rem;
		border-radius: 26px;
	}

	.glance_animation_wp {
		width: 100%;
		height: auto;
	}

	.glance_animation {
		width: 80%;
		margin: 0 auto;
	}

	.sustainability .cnt_wp {
		align-items: center;
		flex-direction: column;
	}

	.sustainability_left {
		margin-left: 0;
		width: 100%;
		order: 2;
		text-align: center;
	}

	.sustainability_right {
		width: 100%;
		margin-left: 0;
		order: 1;
	}

	.sustainability_title strong {
		font-size: 3.8rem;
	}

	.sustainability_title span {
		font-size: 2rem;
		line-height: 3rem;
	}

	.sustainability_btn {
		display: flex;
		justify-content: center;
	}

	.sustainability_btn a {
		width: 15.3rem;
		height: 4.4rem;
		font-size: 1.6rem;
		border-radius: 26px;
	}

	.sustainability {
		padding: 0rem 0 5rem;
	}

	.recommended_title {
		font-size: 3.8rem;
		text-align: center;
	}

	.recommended_wp {
		margin-top: 6rem;
		gap: 2rem;
		flex-direction: column;
	}

	.recommended_box {
		width: 100%;
	}

	.recommended_name {
		font-size: 3rem;
	}

	.recommended_link {
		font-size: 1.2rem;
		margin-top: 2rem;
	}

	.recommended_img {
		width: 40%;
	}

	.recommended_desc {
		width: 60%;
		padding: 0px 2rem 0 3rem;
	}

	.glance_keynumbers {
		position: absolute;
		width: 80%;
		height: 100%;
		transform: translateX(-50%);
		left: 50%;
	}

	.key_numbers_value {
		font-size: 3.5rem;
		line-height: 3.6rem;
	}

	.kbox_two {
		right: -25%;
	}

	.kbox_six {
		left: -25%;
	}

	.key_numbers_value span {
		font-size: 2rem;
		line-height: 2rem;
	}

	.kbox_five {
		left: -25%;
	}

	.kbox_three {
		right: -25%;
	}

	.kbox_four {
		bottom: -12%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
	html {
		font-size: 55.5%;
	}

	.header {
		padding: 2rem 0;
	}

	.logo {
		width: 13.2rem;
	}

	.header_title strong {
		font-size: 3rem;
		line-height: 4rem;
	}

	.cnt {
		width: 90%;
	}
	.lottie_swiper {
		width: 100%;
		height: 70%;
		margin-top: 5rem;
	}

	.banner_content_title span {
		font-size: 2.4rem;
	}

	.banner_content_title strong {
		font-size: 5rem;
	}

	.banner_content_btn a {
		font-size: 1.6rem;
	}

	.menu_nav_wp {
		padding: 8rem 5% 3rem 6%;
	}

	.menu_nav_wp {
		padding: 9rem 6% 2rem 9%;
	}

	.accordion-head {
		padding: 1.5rem 0rem 1.5rem;
		font-size: 1.6rem;
	}

	.dl_fullreport a {
		font-size: 1.6rem;
		width: 195px;
		height: 65px;
		padding: 2rem 3.5rem;
	}

	.accordion-body_content ul li a {
		font-size: 1.4rem;
	}

	.accordion-body_content {
		padding: 2rem 2rem 1rem 4rem;
	}

	.accordion-body_content ul {
		gap: 0.8rem;
	}

	.accordion-item {
		margin-bottom: 1rem;
	}

	.accordion-item:last-child {
		margin-bottom: 3rem;
	}

	.vision_title strong {
		font-size: 6rem;
	}

	.letter_box_info_title strong {
		font-size: 5rem;
	}

	.glance_top_title strong {
		font-size: 5rem;
	}

	.key_numbers_value {
		font-size: 4.5rem;
	}

	.glance_animation_wp {
		margin: 0 auto;
		width: 80%;
	}

	.sustainability_title strong {
		font-size: 5rem;
	}

	.recommended_title {
		font-size: 3.5rem;
	}

	.recommended_desc {
		padding: 0 2rem 0 2rem;
	}

	.recommended_name {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.recommended_link {
		font-size: 1.2rem;
	}

	.letter_box_img {
		width: 51.6%;
		display: flex;
		align-items: flex-end;
	}

	.letter {
		height: 90vh;
		background: #f2f2f2;
	}

	.letter_box_info_btn {
		margin-top: 2.5rem;
		margin-bottom: 1rem;
	}

	.recommended {
		padding: 6rem 0;
	}
}

@media screen and (min-width: 1184px) and (max-width: 1399px) {
	html {
		font-size: 55.5%;
	}

	.header {
		padding: 2rem 0;
	}

	.logo {
		width: 13.2rem;
	}

	.header_title strong {
		font-size: 3rem;
		line-height: 4rem;
	}

	.cnt {
		width: 90%;
	}

	.lottie_swiper {
		width: 60%;
		margin: 0 auto;
	}

	.banner_content_title span {
		font-size: 2.2rem;
	}

	.banner_content_title strong {
		font-size: 4rem;
	}

	.banner_content_btn a {
		font-size: 1.4rem;
	}

	.menu_nav_wp {
		padding: 9rem 6% 2rem 9%;
	}

	.accordion-head {
		padding: 1.5rem 0rem 1.5rem;
		font-size: 1.6rem;
	}

	.dl_fullreport a {
		font-size: 1.6rem;
		width: 195px;
		height: 65px;
		padding: 2rem 3.5rem;
	}

	.accordion-body_content ul li a {
		font-size: 1.4rem;
	}

	.accordion-body_content {
		padding: 2rem 2rem 1rem 4rem;
	}

	.accordion-body_content ul {
		gap: 0.8rem;
	}

	.accordion-item {
		margin-bottom: 1rem;
	}

	.accordion-item:last-child {
		margin-bottom: 3rem;
	}

	.vision_title strong {
		font-size: 6rem;
	}

	.letter_box_info_title strong {
		font-size: 5rem;
	}

	.glance_top_title strong {
		font-size: 5rem;
	}

	.key_numbers_value {
		font-size: 4.5rem;
	}

	.glance_animation_wp {
		margin: 0 auto;
		width: 80%;
	}

	.sustainability_title strong {
		font-size: 5rem;
	}

	.recommended_title {
		font-size: 3.5rem;
	}

	.recommended_desc {
		padding: 0 2rem 0 4rem;
	}

	.recommended_name {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.recommended_link {
		font-size: 1.4rem;
	}

	.letter_top {
		height: 6rem;
	}

	.letter {
		height: auto;
	}

	.letter_box {
		padding-top: 5rem;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1663px) {
	html {
		font-size: 55.5%;
	}

	.header {
		padding: 2rem 0;
	}

	.logo {
		width: 13.2rem;
	}

	.header_title strong {
		font-size: 3rem;
		line-height: 4rem;
	}

	.cnt {
		width: 90%;
	}

	.lottie_swiper {
		width: 60%;
		margin: 0 auto;
	}

	.banner_content_title span {
		font-size: 2.2rem;
	}

	.banner_content_title strong {
		font-size: 4rem;
	}

	.banner_content_btn a {
		font-size: 1.4rem;
	}

	.menu_nav_wp {
		padding: 9rem 6% 2rem 9%;
	}

	.accordion-head {
		padding: 1.5rem 0rem 1.5rem;
		font-size: 1.6rem;
	}

	.dl_fullreport a {
		font-size: 1.6rem;
		width: 195px;
		height: 65px;
		padding: 2rem 3.5rem;
	}

	.accordion-body_content ul li a {
		font-size: 1.4rem;
	}

	.accordion-body_content {
		padding: 2rem 2rem 1rem 4rem;
	}

	.accordion-body_content ul {
		gap: 0.8rem;
	}

	.accordion-item {
		margin-bottom: 1rem;
	}

	.accordion-item:last-child {
		margin-bottom: 3rem;
	}

	.vision_title strong {
		font-size: 6rem;
	}

	.letter_box_info_title strong {
		font-size: 5rem;
	}

	.glance_top_title strong {
		font-size: 5rem;
	}

	.key_numbers_value {
		font-size: 4.5rem;
	}

	.glance_animation_wp {
		margin: 0 auto;
		width: 80%;
	}

	.sustainability_title strong {
		font-size: 5rem;
	}

	.recommended_title {
		font-size: 3.5rem;
	}

	.recommended_desc {
		padding: 0 2rem 0 4rem;
	}

	.recommended_name {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.recommended_link {
		font-size: 1.4rem;
	}

	.letter_top {
		height: 6rem;
	}

	.letter {
		height: auto;
	}

	.letter_box {
		padding-top: 5rem;
	}
}

@media screen and (min-width: 1530px) and (max-width: 1663px) {
}

@media screen and (min-width: 1664px) and (max-width: 1750px) {
	html {
		font-size: 55.5%;
	}
	.cnt {
		width: 90%;
	}

	.lottie_swiper {
		width: 55%;
		margin: 0 auto;
	}

	.banner_content_title span {
		font-size: 2.2rem;
	}

	.banner_content_title strong {
		font-size: 4rem;
	}

	.banner_content_btn a {
		font-size: 1.4rem;
	}

	.letter {
		height: auto;
		background: #f8f7f3;
	}

	.letter_box {
		padding-top: 10rem;
	}
}

@media screen and (min-width: 1720px) and (max-width: 1750px) {
}

@media screen and (min-width: 2400px) and (max-width: 2700px) {
}

@media screen and (min-width: 2400px) {
	.letter {
		height: auto;
		background: #f8f7f3;
	}

	.letter_box {
		padding-top: 10rem;
	}
}