/* info */
/* 
2.5rem   =  2.5rem;
2.25rem  =  2.25rem;
2rem     =  2rem;
1.75rem  =  1.75rem;
1.5rem   =  1.5rem;
1.25rem  =  1.25rem;
1rem     =  1rem;
0.75rem  =  0.75rem;
0.5rem   =  0.5rem;
0.25rem  =  0.25rem;
*/

/* ! public */
/* ! --------------------------------------------------------------- */
:root {
	--yellow: #f39917;
	--gray: #634c31;
	--dark: #21190f;
	--white: #fff;
	--white-075: rgba(255, 255, 255, 0.75);
	--black-000: rgba(0, 0, 0, 0);
	--black-005: rgba(0, 0, 0, 0.05);
	--black-010: rgba(0, 0, 0, 0.1);
	--black-020: rgba(0, 0, 0, 0.2);
	--black-030: rgba(0, 0, 0, 0.3);
	--black-050: rgba(0, 0, 0, 0.5);
	--yellow-001: rgba(243, 153, 23, 0.1);
	--yellow-050: rgba(243, 153, 23, 0.5);
	--background-color-01: #f4f3ef;
	--background-color-02: #c8d4d7;
	--background-color-03: #a59477;
	--background-color-04: #d9e1e3;
	--background-color-05: #e9e7df;
	/* --background-color-01: #e9e7df;
	--background-color-02: #c8d4d7;
	--background-color-03: #a59477;
	--background-color-04: #d9e1e3;
	--background-color-05: #f4f3ef; */
	--new-year-theme-color-01: #b91b21;
	--new-year-theme-color-02: #e9bc89;
	--new-year-theme-background-color-01: #bf3553;
	--new-year-theme-background-color-02: #c02c38;
	--new-year-theme-background-color-03: #951c48;
	--new-year-theme-background-color-04: #f7e8aa;
	--new-year-theme-background-color-05: #f0d695;
	--new-year-theme-background-color-06: #ddc871;
	--new-year-theme-background-color-07: #e5b751;
	--new-year-theme-background-color-08: #b78b26;
	/* --color-3: #B91B21; */
}

@font-face {
	font-family: "SHS";
	src: url("../font/SourceHanSerifCN-Heavy.ttf") format("truetype");
	/* src: url('../font/SourceHanSerifCN-Heavy.ttf') format('truetype'); */
}

html,
body {
	/* color: var(--white); */
	background-color: var(--white);
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "SHS";
}

h1 {
	letter-spacing: 1rem;
}

h5 {
	margin: 0.5rem 0;
}

p {
	margin: 0;
}

a:hover {
	text-decoration: none;
}

/* 滚动条 */
::-webkit-scrollbar {
	width: 0.375rem;
}
/* 滚动条两端按钮 */
::-webkit-scrollbar-button {
	display: none;
}
/* 滚动条外层轨道 */
::-webkit-scrollbar-track {
	display: none;
}
/* 内层轨道 */
::-webkit-scrollbar-track-piece {
	background-color: var(--white);
}
/* 可拖动的部分 */
::-webkit-scrollbar-thumb {
	background-color: var(--yellow);
	border-radius: 0.375rem;
	width: 0.375rem;
}

/* ? nav */
.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: transparent;
	z-index: 1000;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.header.fixed_top {
	-webkit-box-shadow: 0 0.25rem 1.875rem var(--black-005);
	box-shadow: 0 0.25rem 1.875rem var(--black-005);
	-webkit-backdrop-filter: blur(1.25rem);
	backdrop-filter: blur(1.25rem);
	background-color: var(--white-075);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.header a {
	color: var(--white);
	transition: ease-in-out color 0.15s;
}

.header.fixed_top a {
	color: var(--dark);
}

.nav_line.nav {
	text-align: right;
	overflow: hidden;
	position: relative;
}
.nav_line.nav a {
	display: block;
	position: relative;
	float: right;
	width: 16.6%;
	text-decoration: none;
	transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
	-moz-transition: 0.7s;
	-webkit-transition: 0.7s;
	margin: 0.5rem 0 0.3125rem 0;
}
.nav_line.nav a:hover {
	color: var(--yellow);
}

.effect {
	position: absolute;
	left: -16.6%;
	transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-webkit-transition: 0.7s ease-in-out;
}

.nav_line.nav a:nth-child(1):hover ~ .effect {
	left: 16.6%;
}
.nav_line.nav a:nth-child(2):hover ~ .effect {
	left: 33.2%;
}
.nav_line.nav a:nth-child(3):hover ~ .effect {
	left: 49.8%;
}
.nav_line.nav a:nth-child(4):hover ~ .effect {
	left: 66.4%;
}
.nav_line.nav a:nth-child(5):hover ~ .effect {
	left: 83%;
}
.nav_line.nav a:nth-child(6):hover ~ .effect {
	left: 99.6%;
}

.nav_line.nav .effect {
	width: 4rem;
	/* width: 8.3%; */
	height: 0.125rem;
	bottom: 0rem;
	background-color: var(--yellow);
	margin-left: -4rem;
}

/* mobile */
.navbar_custom {
	background: transparent;
	/* margin-bottom: 0;
	text-transform: none;
	font-family: "SHS";
	font-weight: 600; */
	transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
}

.navbar_custom.yellow {
	background-color: var(--yellow);
}
.navbar_custom.top-nav-collapse {
	background-color: var(--yellow);
	box-shadow: 0 0 0.625rem 0.125rem var(--black-010);
	-moz-box-shadow: 0 0 0.625rem 0.125rem var(--black-010);
	-webkit-box-shadow: 0 0 0.625rem 0.125rem var(--black-010);
}

/* .navbar_custom .navbar_brand {
	font-weight: 600;
	font-size: 1.5625rem;
	padding: 0;
	margin: 0;
	height: 4.0625rem;
} */

.navbar_custom .navbar_brand span.brand_logo {
	display: inline-block;
	/* padding: 0.5625rem 0.9375rem; */
	margin: 0;
}

.navbar_custom .navbar_brand:focus {
	outline: 0;
}

.navbar_custom .navbar_brand .navbar-toggle {
	padding: 0.125rem 0.375rem;
	color: var(--white);
}

.navbar_custom .navbar_brand .navbar-toggle:focus,
.navbar_custom .navbar_brand .navbar-toggle:active {
	outline: 0;
}

.navbar_custom .pull-center {
	float: none;
	margin: 0.3125rem auto;
	display: table;
	table-layout: fixed;
}

.button_container {
	position: relative;
	/* margin: 1.5rem 0; */
	width: 1.75rem;
	height: 1.25rem;
	cursor: pointer;
	z-index: 1000;
	transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	-moz-transition: opacity 0.25s ease;
	-webkit-transition: opacity 0.25s ease;
}

.button_container.active .top {
	transform: translateY(0.5rem) translateX(0) rotate(45deg);
	-ms-transform: translateY(0.5rem) translateX(0) rotate(45deg);
	-webkit-transform: translateY(0.5rem) translateX(0) rotate(45deg);
	background-color: var(--white);
}

.button_container.active .middle {
	opacity: 0;
	background-color: var(--white);
}

.button_container.active .bottom {
	transform: translateY(-0.5rem) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-0.5rem) translateX(0) rotate(-45deg);
	-webkit-transform: translateY(-0.5rem) translateX(0) rotate(-45deg);
	background-color: var(--white);
}

.button_container span {
	background-color: var(--white);
	border: none;
	height: 0.1563rem;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	cursor: pointer;
}

.button_container span:nth-of-type(2) {
	top: 0.5rem;
}

.button_container span:nth-of-type(3) {
	top: 1rem;
}

.overlay {
	position: fixed;
	display: block;
	background-color: var(--yellow);
	top: 0;
	border: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	transition: opacity 0.35s, visibility 0.35s, height 0.35s;
	overflow: auto;
}

.overlay.open {
	opacity: 0.95;
	visibility: visible;
	height: 100%;
}

.overlay.open li {
	-webkit-animation: fadeInRight 0.5s ease forwards;
	animation: fadeInRight 0.5s ease forwards;
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}

.overlay.open li:nth-of-type(1) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.overlay.open li:nth-of-type(2n) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.overlay .overlay_menu {
	position: relative;
	height: 50%;
	top: 50%;
	font-size: 1.875rem;
	text-transform: none;
	font-weight: 600;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
}

.overlay ul li {
	display: block;
	padding: 0.625rem 0;
	position: relative;
	opacity: 0;
}

.overlay ul li a {
	display: block;
	position: relative;
	font-family: "SHS";
	letter-spacing: 0.2rem;
	color: var(--white);
	text-decoration: none;
	overflow: hidden;
}

.overlay ul li a:hover,
.overlay ul li a:focus,
.overlay ul li a:active {
	/* color: rgba(255, 201, 51, 1); */
	-webkit-transform: scale(1.3) rotate(1deg);
	-moz-transform: scale(1.3) rotate(1deg);
	-o-transform: scale(1.3) rotate(1deg);
	-ms-transform: scale(1.3) rotate(1deg);
	transform: scale(1.3) rotate(1deg);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}

/* ? footer */
.footer .icon {
	border: 0.0625rem solid var(--gray);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
}

/* new_year_theme */
/* .footer .icon.new_year_theme {
	border: none;
	width: 3.75rem;
	height: 3.75rem;
} */

.popover-body {
	padding: 0.5rem;
}

.tippy-popper.html-template {
	background-color: var(--white);
}

/* .footer.line {
	background-image: linear-gradient(90deg, var(--white) 15%, var(--gray) 50%, var(--white) 85%);
	width: 100%;
	height: 0.0625rem;
} */

.footer .text_info {
	font-size: 0.75rem;
	color: var(--black-020);
}

.footer .list_item {
	color: var(--black-050);
}

.footer a.list_item:hover {
	color: var(--yellow);
}

.footer .back_to_top {
	width: 2.5rem;
	height: 2.5rem;
	border: 0.0625rem solid var(--gray);
	border-radius: 50%;
	transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: url(../img/icon/go.svg) no-repeat;
	background-position: -2.5rem 0;
	background-size: 5rem 2.5rem;
	transform: rotateZ(-90deg);
	-o-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	-webkit-transform: rotateZ(-90deg);
}

.footer .back_to_top:hover {
	transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background-position: 0 0;
}

/* ? show more more_btn*/
.show_more span::after {
	content: "";
	position: absolute;
	right: 0;
	width: 2rem;
	height: 2rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0.0625rem solid var(--dark);
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-radius: 50%;
	margin-left: 1rem;
	transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: url(../img/icon/go.svg) no-repeat;
	background-position: -2rem 0;
	background-size: 4rem 2rem;
}

.show_more:hover span::after {
	transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background-position: 0 0;
}

.show_more_text {
	margin-right: 3rem;
	line-height: 2.25rem;
}

.more_btn .show_more_text {
	line-height: 2.25rem;
}

.more_btn .show_more_text::after {
	content: "";
	position: absolute;
	left: 5rem;
	width: 2rem;
	height: 2rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0.0625rem solid var(--dark);
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-radius: 50%;
	margin-left: 1rem;
	transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: url(../img/icon/go.svg) no-repeat;
	background-position: -2rem 0;
	background-size: 4rem 2rem;
}

.more_btn:hover .show_more_text::after {
	transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: background-position 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background-position: 0 0;
}

.push_col {
	left: 50%;
}

.pull_col {
	right: 50%;
}

.vh-100-77 {
	height: calc(100vh - 4.8125rem);
}

.vh-85 {
	height: 85vh;
}

.vh-75 {
	height: 75vh;
}

.vh-40 {
	height: 40vh;
}

.vh-30 {
	height: calc(30vh + 0.5rem);
}

.vh-25 {
	height: 25vh;
}

.vh-20 {
	height: 20vh;
}

.vh-15 {
	height: 15vh;
}

.banner_vh {
	height: calc(100vh - 4.8125rem);
}

.col_vh {
	height: 85vh;
}

.subpage_banner {
	padding-bottom: 4rem;
}

.subpage_banner .box {
	height: calc(100vh - 4rem);
}

.subpage_banner .box .con {
	text-align: center;
	position: absolute;
	background-color: var(--white);
	bottom: -4rem;
}

/* ? image*/
.image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-image: none;
}
.image::before {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	/* opacity: 0; */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background-color: var(--black-020);
}

.transparent.image::before {
	background-color: var(--black-000);
}

.filter.image::before {
	-webkit-backdrop-filter: blur(0.5rem);
	backdrop-filter: blur(0.5rem);
}

.opacity.image::before {
	-webkit-backdrop-filter: blur(0.2rem);
	backdrop-filter: blur(0.2rem);
}

.image-zoom {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 10s;
	-moz-transition: all 10s;
	transition: all 10s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}

/* .img_bg {
	width: 100%;
	height: 100%;
	background: url(../img/image/index_active_001.jpg) center scroll;
	background-size: cover;
	background-repeat: no-repeat;
	display: table;
}

.img_bg::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: rgba(0, 0, 0, 1);
} */

.moving_box {
	width: 100%;
	overflow: hidden;
	padding: 0.125rem 0;
}

.moving_box .moving_con {
	width: 625rem;
}

.moving_box .moving_con .moving_img,
.moving_box .moving_con .moving_item,
.moving_box .moving_con .moving_item .moving_img {
	white-space: nowrap;
	display: inline-block;
}

.moving_box .moving_con .moving_item .moving_img .moving_img_info {
	text-align: right;
}

/* ? text */
.title {
	font-size: 3rem;
	margin: 0;
	padding-bottom: 3rem;
}

.desc {
	padding-bottom: 1rem;
}

.tag {
	/* text-transform: uppercase; */
	font-size: 4rem;
}

.bottom_left_text {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.bottom_right_text {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 999;
}

.left_text {
	position: absolute;
	color: var(--white);
	left: 2rem;
	right: 2rem;
	bottom: 1rem;
	font-size: 0.875rem;
}

.text_wrap {
	padding: 2rem;
	background-color: var(--yellow-001);
}

.text_wrap p {
	padding: 0 2rem;
}

.text_wrap .right_text {
	margin: 2rem;
	position: absolute;
	bottom: 0;
	right: 0;
}

.vertical_text {
	position: absolute;
	/* width: 100%;
	height: 100%; */
	top: 50%;
	left: 10%;
	transform: translate(-5%, -50%);
	-webkit-transform: translate(-5%, -50%);
	-o-transform: translate(-5%, -50%);
	-moz-transform: translate(-5%, -50%);
}

.vertical_center_text {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -35%);
	-webkit-transform: translate(-50%, -35%);
	-o-transform: translate(-50%, -35%);
	-moz-transform: translate(-50%, -35%);
}

/* ? transition */
.desc_item {
	position: relative;
}

.left_text {
	left: 1rem;
	right: 1rem;
	transform: translate(0, 3rem);
	transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
}

.left_text .desc_show {
	opacity: 0;
	transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
}

.desc_wrap:hover .left_text {
	transform: translate(0, 0);
	transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
}

.desc_wrap:hover .left_text .desc_show {
	opacity: 1;
	transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
}

/* ! index */
/* ! --------------------------------------------------------------- */

/* .index_banner .subtitle {
	text-align: right;
	margin: 0;
	position: absolute;
	bottom: 0.25rem;
	right: 0;
}

.index_banner img {
	height: calc(100vh - 4.5rem);
} */

.index_banner .swiper-slide-active .image-zoom {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.index_banner .swiper-wrapper {
	height: 100vh;
}

.index_banner .banner-video video {
	width: 100vw;
	height: 100vh;
}

.index_banner .swiper-slide .banner_title {
	position: absolute;
	bottom: 10%;
	left: 10%;
}

.index_banner .swiper-slide .banner_title h1,
.index_banner .swiper-slide .banner_title p {
	color: var(--white);
}

.index_banner .swiper-slide .banner_title h1 {
	font-size: 3.75rem;
	letter-spacing: 0.625rem;
}

.index_banner .swiper-slide .banner_title p {
	font-size: 1.5rem;
	font-weight: unset;
	margin-bottom: 0;
	letter-spacing: 0.25rem;
}

.index_banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 0.3125rem;
	width: 100%;
	z-index: 999;
}
.index_banner .swiper-pagination-bullet {
	display: inline-block;
	width: 0.625rem;
	height: 0.25rem;
	opacity: 0.7;
	border-radius: 0.1875rem;
	background-color: var(--white);
	margin: 0 0.1875rem;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out;
}
.index_banner .swiper-pagination-bullet-active {
	background-color: var(--yellow);
	opacity: 2;
	width: 3.125rem;
}

video.index-banner-video {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
}

.index_about {
	/* background-color: var(--yellow-001); */
	background-color: var(--background-color-01);
}

.index_book {
	/* background-color: var(--yellow-001); */
	background-color: var(--background-color-02);
	padding-top: 3rem;
	padding-bottom: 3.5rem;
}

.index_book .bottom_left_text {
	bottom: -5.5rem;
}

.index_book .bottom_right_text {
	bottom: -4rem;
}

.index_book .bottom_right_text .tag {
	font-size: 8rem;
}

/* .index_book .book_wrap {
	padding: 2rem;
	background-color: var(--yellow-001);
}

.index_book .book_wrap .right_text {
	margin: 2rem;
}

.index_book .right_text {
	position: absolute;
	bottom: 0;
	right: 0;
}

.index_book .left_text {
	transform: translate(0, 2rem);
} */

.index_selected {
	/* background-color: var(--yellow-001); */
	background-color: var(--background-color-03);
	color: var(--white);
}

.index_selected .show_more_text {
	color: var(--white);
}

.index_selected .show_more_text::after {
	border-color: var(--white);
	background-image: url(../img/icon/go_white.svg);
}

.index_active {
	/* background-color: var(--yellow-001); */
	background-color: var(--background-color-04);
	/* color: var(--white); */
}

.index_active .moving_box {
	height: 100%;
	background: url(../img/icon/line.svg);
}

.index_env {
	/* background-color: var(--yellow-001); */
	background-color: var(--background-color-05);
	/* color: var(--white); */
}

.index_env .title {
	margin: 2rem;
	padding: 0;
}

.index_env .tag {
	text-align: center;
}

.index_env .info_col[data-el="left"] {
	padding-top: 6rem;
	padding-bottom: 12rem;
}

.index_env .info_col[data-el="right"] {
	padding-left: 6rem;
}

.index_env .bottom_left_text {
	bottom: 2.5rem;
}

.index_env .bottom_right_text {
	bottom: 11rem;
}

/* .index_env .info_wrap img {
	padding: 3rem 0 0 3rem;
} */

/* .index_env .left_text {
	transform: translate(0, 1.75rem);
}

.index_env .desc_info {
	width: 100%;
	height: 100%;
	background-color: var(--yellow-001);
} */

.index_find {
	margin-bottom: 1rem;
}

.index_find .col_vh {
	height: 75vh;
}

.index_find .find_wrap.vertical_center_text {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.index_find .find_wrap {
	text-align: center;
	color: var(--white);
}

.index_find .find_wrap .desc_show {
	margin-bottom: 1.5rem;
}

.index_find .find_wrap .show_more_text {
	color: var(--white);
}

.index_find .find_wrap .show_more_text::after {
	left: 50%;
	border-color: var(--white);
	background-image: url(../img/icon/go_white.svg);
}

/* ! about */
/* ! --------------------------------------------------------------- */
.about_banner {
	padding-bottom: 5rem;
}

.about_banner .box {
	height: calc(100vh - 3.5rem);
}

.about_banner .box .con {
	position: absolute;
	background-color: var(--white);
	bottom: -4.5rem;
}

.about_mission {
	background-color: var(--background-color-01);
}

.about_mission .col_vh {
	height: 35vh;
}

.about_mission .vertical_center_text {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.about_mission .title {
	padding-bottom: 5rem;
}

.about_mission .desc + .desc {
	padding: 0;
}

.about_business .nav {
	background-color: var(--background-color-02);
}

.about_business .nav a {
	width: auto;
	height: 20vh;
	padding: 1rem;
	margin: 0;
	color: var(--dark);
	border-left: 0.3125rem solid transparent;
}

.about_business .nav a[aria-selected="true"] {
	color: var(--yellow);
	border-left: 0.3125rem solid var(--yellow);
}

.about_business .nav a:hover {
	color: var(--yellow);
}

.about_business .nav a .tab_title {
	text-align: left;
	padding: 0 0 0 1.5rem;
}

.about_business .left_text {
	transform: translate(0, 3rem);
}

.about_business .new_left_text {
	transform: translate(0, 1rem);
}

.about_business .col_vh {
	height: 60vh;
}

.about_business .col_vh.one {
	height: 120vh;
}

.about_business .bottom_left_text .tag {
	color: var(--white);
	margin: 0;
	padding: 0 0 3rem 4rem;
}

.about_numbers {
	background-color: var(--background-color-04);
	text-align: center;
}

.about_numbers .num_wrap {
	margin: 1.5rem 0;
}

.about_numbers .num_main {
	letter-spacing: unset;
	font-size: 4rem;
}

.about_numbers .num_main[data-display="inline"] {
	display: inline;
}

.about_links .col_vh {
	height: 60vh;
	background-color: var(--background-color-05);
}

.about_links .vertical_center_text {
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.about_links .show_more_text {
	margin-right: 4rem;
}

.about_links .more_btn .show_more_text::after {
	left: 10rem;
}

/* ! news */
/* ! --------------------------------------------------------------- */

.news_new {
	padding-bottom: 2rem;
	/* background-color: var(--background-color-01); */
}

.news_new .box {
	position: relative;
	height: 35vh;
	margin: 2rem 1rem;
}

.news_new .box .con {
	position: absolute;
	background-color: var(--white);
	bottom: -2rem;
}
.news_new .box .con h5 {
	color: var(--dark);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news_new .box .con p {
	color: var(--dark);
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news_new .box .image {
	height: 35vh;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.news_new .box:hover .image {
	height: calc(35vh + 2rem);
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.news_list {
	padding: 2rem 0 1.5rem;
	background-color: var(--background-color-05);
}

.news_list .tag_nav {
	padding: 0;
	margin: 0;
}

.news_list .tag_nav li {
	display: inline;
	text-decoration: none;
}

.news_list .tag_nav .nav_link {
	color: var(--dark);
	padding: 0.25rem 0.5rem;
	border: 1px solid var(--gray);
	border-radius: 1rem;
	font-size: 0.75rem;
	display: inline-block;
	margin: 0.5rem 1rem 0 0;
	cursor: pointer;
}

.news_list .tag_nav .nav_link:hover {
	border: 1px solid var(--yellow);
	color: var(--yellow);
}

.news_list .news_link .news_link_wrap {
	position: relative;
	display: block;
	background-color: var(--white);
	box-shadow: 0 0.5rem 1rem var(--black-010);
	transition: box-shadow 0.2s ease;
	-o-transition: box-shadow 0.2s ease;
	-moz-transition: box-shadow 0.2s ease;
	-webkit-transition: box-shadow 0.2s ease;
}

.news_list .news_link .news_link_wrap:hover {
	box-shadow: 0 0.5rem 1rem var(--black-020);
	transition: box-shadow 0.2s ease;
	-o-transition: box-shadow 0.2s ease;
	-moz-transition: box-shadow 0.2s ease;
	-webkit-transition: box-shadow 0.2s ease;
}

.news_list .news_link .news_link_wrap .image {
	width: 15vw;
	height: 20vh;
}

.news_list .news_link .news_link_wrap .image::before {
	background: transparent;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.news_list .news_link .news_link_wrap:hover .image::before {
	background-color: var(--yellow-050);
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.news_list .news_link .news_link_wrap .news_link_info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 1rem 0 1rem 20vw;
	height: 20vh;
}

.news_list .news_link .news_link_wrap .news_link_info .news_link_tag {
	color: var(--yellow);
	font-size: 0.75rem;
}

.news_list .news_link .news_link_wrap .news_link_info .news_link_title {
	display: block;
	color: var(--dark);
	font-family: "SHS";
	font-size: 1.25rem;
	margin: 0.25rem 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.news_list .news_link .news_link_wrap .news_link_info .news_link_desc {
	display: block;
	color: var(--dark);
	font-size: 0.875rem;
	/* position: absolute;
	bottom: 1rem; */
	margin-right: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* ! book */
/* ! --------------------------------------------------------------- */

.book_special {
	padding: 1rem 0;
}

.book_special .col_vh {
	height: 40vh;
}

.book_special .left_text {
	transform: translate(0, 4.5rem);
}

.book_selected .swiper-wrapper {
	height: 75vh;
}

/* .book_selected .swiper-wrapper .image {
	margin-right: 50%;
} */

.book_selected .swiper-wrapper .swiper-slide {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.book_selected .swiper-wrapper .col_img .vertical_center_text {
	width: 40%;
	height: 65%;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
}

.book_selected .swiper-wrapper .col_img .vertical_center_text .image {
	box-shadow: 1rem 0.5rem 1rem var(--black-020);
}

.book_selected .swiper-wrapper .col_img .vertical_center_text .info {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 1rem;
	background-color: var(--white);
}

.book_selected .swiper-wrapper .col_img .vertical_center_text .info .desc {
	padding: 0;
}

.book_selected .swiper-wrapper .col_idea {
	width: 70%;
	margin: 2rem 0;
}

.book_selected .swiper-slide:nth-child(1) .col_idea {
	background-color: var(--background-color-01);
}
.book_selected .swiper-slide:nth-child(2) .col_idea {
	background-color: var(--background-color-02);
}
.book_selected .swiper-slide:nth-child(3) .col_idea {
	background-color: var(--background-color-03);
}

.book_selected .swiper-wrapper .col_idea .vertical_center_text {
	top: 50%;
	right: 5%;
	transform: translate(-5%, -50%);
	-webkit-transform: translate(-5%, -50%);
	-o-transform: translate(-5%, -50%);
	-moz-transform: translate(-5%, -50%);
}

.book_selected .swiper-wrapper .col_idea .icon {
	font-family: "SHS";
	font-size: 10rem;
	position: absolute;
	top: -10%;
	left: 40%;
}

/* .book_selected .swiper-wrapper .col_idea .vertical_center_text .desc {
	padding-bottom: 6rem;
} */

.book_selected .swiper-wrapper .col_idea .vertical_center_text .photo img {
	width: 2rem;
	border-radius: 50%;
	margin-right: 0.5rem;
}

.book_selected .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 5rem;
	left: 1rem;
}

.book_selected .swiper-pagination-bullet {
	display: inline-block;
	width: 0.625rem;
	height: 0.25rem;
	opacity: 0.7;
	border-radius: 0.1875rem;
	background-color: var(--white);
	margin: 0 0.1875rem;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-webkit-transition: width 0.3s ease-in-out;
}
.book_selected .swiper-pagination-bullet-active {
	background-color: var(--yellow);
	opacity: 2;
	width: 2rem;
}

.book_list {
	background-color: var(--background-color-05);
	padding: 0rem 0 2rem;
}

.book_list .box {
	position: relative;
	height: 35vh;
	margin: 2rem 1rem;
}

.book_list .box .con {
	position: absolute;
	background-color: var(--white);
	bottom: -2rem;
}
.book_list .box .con h5 {
	color: var(--dark);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.book_list .box .con p {
	color: var(--dark);
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.book_list .box .image {
	height: 35vh;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.book_list .box:hover .image {
	height: calc(35vh + 2rem);
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.book_logo {
	position: relative;
	padding: 2rem 0;
	margin-bottom: 1rem;
	background: center no-repeat url(../img/image/index_banner_004.jpg);
}

.book_logo::before {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background-color: var(--black-030);
}

.book_logo .logo_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
}

.book_logo .logo_wrap .logo_img {
	width: 6rem;
	padding: 1rem 0;
}

/* ! joinus */
/* ! --------------------------------------------------------------- */

.joinus_info .joinus_info_wrap {
	height: 60vh;
	margin: 2rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.joinus_info .joinus_info_wrap .vertical_center_text .desc {
	padding: 0;
}

.joinus_info .offset-md-1:nth-child(1) .col_idea {
	background-color: var(--background-color-01);
}
.joinus_info .offset-md-1:nth-child(2) .col_idea {
	background-color: var(--background-color-02);
	margin-right: 30%;
}
.joinus_info .offset-md-1:nth-child(3) .col_idea {
	background-color: var(--background-color-03);
}

.joinus_info .joinus_info_wrap .col_idea {
	width: 70%;
}

.joinus_info .offset-md-1:nth-child(2) .col_img .vertical_center_text {
	left: 60%;
}

.joinus_info .offset-md-1:nth-child(2) .col_idea .vertical_center_text {
	left: 10%;
	width: 45%;
}

.joinus_info .joinus_info_wrap .col_idea .vertical_center_text {
	top: 50%;
	right: 5%;
	transform: translate(-5%, -50%);
	-webkit-transform: translate(-5%, -50%);
	-o-transform: translate(-5%, -50%);
	-moz-transform: translate(-5%, -50%);
}

.joinus_info .joinus_info_wrap .col_idea .vertical_center_text .title {
	font-size: 2.5rem;
}

.joinus_info .joinus_info_wrap .col_img .vertical_center_text {
	width: 40%;
	height: 70%;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
}

.joinus_info .joinus_info_wrap .col_img .vertical_center_text .image {
	box-shadow: 1rem 0.5rem 1rem var(--black-020);
}

.joinus_info .offset-1:nth-child(2) .joinus_info_wrap .col_img .vertical_center_text .image {
	box-shadow: -1rem 0.5rem 1rem var(--black-020);
}

.joinus_info .joinus_info_wrap .col_img .vertical_center_text .info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1rem;
	background-color: var(--white);
}

.joinus_welfare {
	margin: 3rem 0 4rem;
}

.joinus_welfare .joinus_welfare_wrap {
	text-align: center;
}

.joinus_welfare .joinus_welfare_wrap:nth-child(5),
.joinus_welfare .joinus_welfare_wrap:nth-child(6),
.joinus_welfare .joinus_welfare_wrap:nth-child(7),
.joinus_welfare .joinus_welfare_wrap:nth-child(8) {
	margin-top: 4rem;
}

.joinus_welfare .joinus_welfare_wrap .joinus_welfare_icon {
	width: 2.25rem;
}

.joinus_welfare .joinus_welfare_wrap .joinus_welfare_title {
	display: block;
	margin: 1rem 0;
}

/* ! contact */
/* ! --------------------------------------------------------------- */

.contact_info .contact_info_wrap {
	height: 40vh;
	margin: 2rem 0 4rem;
	text-align: center;
}

.contact_info .contact_info_wrap .contact_info_link {
	display: block;
	background-color: var(--white);
	color: var(--dark);
	margin: 0;
	padding: 4rem 2rem;
	box-shadow: 0 0.5rem 1rem var(--black-010);
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.contact_info .contact_info_wrap .contact_info_link:hover {
	transform: translateY(0.5rem);
	-o-transform: translateY(0.5rem);
	-moz-transform: translateY(0.5rem);
	-webkit-transform: translateY(0.5rem);
	box-shadow: 0 0.5rem 1rem var(--black-020);
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.contact_info .contact_info_wrap:nth-child(1) .contact_info_link {
	margin-right: 2rem;
}

.contact_info .contact_info_wrap:nth-child(2) .contact_info_link {
	margin: 0 1rem;
}

.contact_info .contact_info_wrap:nth-child(3) .contact_info_link {
	margin-left: 2rem;
}

.contact_info .contact_info_wrap .contact_info_icon {
	width: 2.25rem;
}

.contact_info .contact_info_wrap .contact_info_title {
	display: block;
	margin: 1rem 0;
}

.contact_map {
	background-color: var(--background-color-05);
	text-align: center;
	padding: 1rem 0;
	margin: 1rem 0 2rem;
}

/* ! media */
/* ! --------------------------------------------------------------- */
@media screen and (min-width: 768px) {
	/* about */
	.about_links .more_btn .show_more_text::after {
		left: 5rem;
	}
}
@media screen and (min-width: 992px) {
	/* about */
	.about_links .more_btn .show_more_text::after {
		left: 6rem;
	}
}
@media screen and (min-width: 1200px) {
	/* about */
	.about_links .more_btn .show_more_text::after {
		left: 7rem;
	}
}
@media screen and (min-width: 1400px) {
	/* about */
	.about_links .more_btn .show_more_text::after {
		left: 8rem;
	}
}
@media screen and (min-width: 1650px) {
	/* about */
	.about_links .more_btn .show_more_text::after {
		left: 9rem;
	}
}
@media screen and (min-width: 1920px) {
	/* body {
		background-color: var(--yellow);
	} */

	.index_env .bottom_left_text {
		bottom: 6rem;
	}

	.index_env .bottom_right_text {
		bottom: 20rem;
	}
	/* about */
	.about_links .more_btn .show_more_text::after {
		left: 10rem;
	}

	.book_special .left_text {
		transform: translate(0, 3rem);
	}

	.book_selected .swiper-wrapper .col_idea .icon {
		top: -5%;
		left: 43%;
	}

	/* .news_list .news_link .news_link_wrap .news_link_info {
		margin-left: 30vw;
	} */

	.contact_info .contact_info_wrap {
		height: auto;
		margin-bottom: 3rem;
	}
}



/* ipad pro */
@media screen and (max-width: 64rem) {
}
/* ipad */
@media screen and (max-width: 48rem) {
}
/* iphoneX */
@media screen and (max-width: 23.4375rem) and (-webkit-device-pixel-ratio: 4) {
}
/* iphone6 7 8 plus */
@media screen and (max-width: 25.875rem) {
	.title {
		font-size: 2rem;
		letter-spacing: 0.2rem;
		padding-bottom: 2rem;
	}

	.banner_vh {
		height: 100vh;
	}

	.col_vh[data-el="text"] {
		height: 45vh;
	}

	.col_vh[data-el="img"] {
		height: 30vh;
	}

	.push_col {
		left: unset;
	}

	.pull_col {
		right: unset;
	}

	.vertical_center_text,
	.index_find .find_wrap.vertical_center_text {
		top: 50%;
		left: 10%;
		transform: translate(-5%, -50%);
		-webkit-transform: translate(-5%, -50%);
		-o-transform: translate(-5%, -50%);
		-moz-transform: translate(-5%, -50%);
	}

	.footer .list_item {
		font-size: 0.875rem;
	}

	.index_banner .bottom_left_text {
		color: var(--white);
		padding: 0 0 1rem 1rem;
	}

	.index_banner .bottom_left_text .title {
		padding-bottom: 1rem;
	}

	.index_banner .bottom_left_text .desc_show {
		letter-spacing: 0.2rem;
		font-size: 1rem;
		padding-bottom: 4.75rem;
	}

	.index_book {
		padding-top: 0;
		padding-bottom: 2.5rem;
	}

	.index_book .bottom_left_text {
		left: 1rem;
		bottom: -4.25rem;
	}

	.index_selected .col_vh[data-el="text"] {
		height: 55vh;
	}

	.moving_box .moving_con .moving_item .moving_img .moving_img_info {
		text-align: left;
		padding-bottom: 0.5rem;
	}

	.index_env .title {
		margin: 0;
		/* padding: 0; */
	}

	.index_env .bottom_left_text {
		left: 1rem;
		bottom: 2.5rem;
	}

	.index_env .info_col[data-el="left"],
	.index_env .info_col[data-el="right"] {
		padding: 0;
	}

	.index_find .col_vh {
		height: 45vh;
	}

	.about_banner {
		padding-bottom: 5rem;
	}

	.about_banner .box .con {
		bottom: -3.5rem;
	}

	.about_banner .box .con p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.about_mission .col_vh {
		height: 22vh;
	}

	.about_mission .title {
		padding-bottom: 0;
	}

	.about_mission .desc + .desc {
		padding-bottom: 2rem;
	}

	.about_business .nav a {
		width: 25vw;
		height: 20vh;
		padding: 0;
		border-top: 0.3125rem solid transparent;
		border-left: none !important;
		border-right: 0.0625rem solid var(--white);
	}

	.about_business .nav a:last-child {
		border-right: none !important;
	}

	.about_business .nav a[aria-selected="true"] {
		color: var(--yellow);
		border-top: 0.3125rem solid var(--yellow);
	}

	.about_business .nav a:hover {
		color: var(--yellow);
	}

	.about_business .nav a .tab_title {
		text-align: left;
		padding: 0 1rem;
	}

	.about_business .nav.flex-column {
		flex-direction: row !important;
	}

	.about_business .left_text {
		transform: translate(0, 6rem);
	}

	.about_business .col_vh {
		height: 40vh;
	}

	.about_business .col_vh.one {
		height: 80vh;
	}

	.about_business .bottom_left_text .tag {
		padding: 0 0 1rem 2rem;
		font-size: 3rem;
	}

	.about_links .col_vh {
		height: 40vh;
	}

	.book_selected .swiper-wrapper .col_idea {
		width: 100%;
		margin: 2rem 0;
	}

	.book_selected .swiper-wrapper .col_idea .icon {
		top: -10%;
		left: -18%;
	}

	.book_selected .swiper-wrapper .col_idea .vertical_center_text {
		right: 0;
	}

	.book_selected .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 3rem;
		left: 0;
	}

	.book_list {
		background-color: var(--background-color-05);
		padding: 0rem 0 2rem;
	}

	.book_list .box {
		position: relative;
		height: 35vh;
		margin: 2rem 1rem;
	}

	.book_list .box .con {
		position: absolute;
		background-color: var(--white);
		bottom: -2rem;
	}
	.book_list .box .con h5 {
		color: var(--dark);
	}
	.book_list .box .con p {
		color: var(--dark);
		font-size: 0.875rem;
	}

	.book_list .box .image {
		height: 35vh;
		transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}

	.book_list .box:hover .image {
		height: calc(35vh + 2rem);
		transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}

	.news_list {
		padding: 0;
		margin-bottom: 1rem;
	}

	.news_list h2 {
		margin: 0;
	}

	.news_list .tag_nav {
		padding: 0.5rem 0;
	}

	/* .news_list .tag_nav .nav_link {
		margin: 0.3rem;
	}

	.news_list .news_link .news_link_wrap .image {
		width: 30%;
	}

	.news_list .news_link .news_link_wrap .news_link_info {
		display: block;
		margin-left: 30vw;
	} */

	.joinus_info .joinus_info_wrap {
		height: 40vh;
		margin: 0;
		display: flex;
		flex-direction: column;
		color: var(--white);
	}

	.joinus_info .offset-md-1:nth-child(2) .col_idea {
		background-color: var(--background-color-02);
		margin-right: unset;
	}

	.joinus_info .joinus_info_wrap .col_idea {
		width: 100%;
	}

	.joinus_info .offset-md-1:nth-child(2) .col_img .vertical_center_text {
		left: 0;
	}

	.joinus_info .offset-md-1:nth-child(2) .col_idea .vertical_center_text {
		left: 10%;
		width: unset;
	}

	.joinus_info .joinus_info_wrap .col_idea .vertical_center_text {
		right: 0;
	}

	.joinus_info .joinus_info_wrap .col_img .vertical_center_text {
		width: 100%;
		height: calc(100% - 0.5rem);
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
	}

	.joinus_info .joinus_info_wrap .col_img .vertical_center_text .image {
		box-shadow: unset;
	}

	.joinus_info .joinus_info_wrap .col_img .vertical_center_text .transparent.image::before {
		background-color: var(--black-030);
	}

	.joinus_info .offset-1:nth-child(2) .joinus_info_wrap .col_img .vertical_center_text .image {
		box-shadow: unset;
	}

	.joinus_info .joinus_info_wrap .col_img .vertical_center_text .info {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 1rem;
		background-color: var(--white);
	}

	.joinus_welfare {
		margin: 0 0 2rem;
	}

	.joinus_welfare .joinus_welfare_wrap:nth-child(n) {
		margin-top: 2rem;
	}

	.contact_info {
		height: auto;
	}

	.contact_info .contact_info_wrap {
		height: auto;
		margin: 1rem 0;
		text-align: center;
	}

	.contact_info .contact_info_wrap:nth-child(n) .contact_info_link {
		margin: 0;
		padding: 2rem;
	}

	.contact_map {
		padding: 1rem;
		margin: 1rem 0 1rem;
	}
}
/* iphone6 7 8 */
@media screen and (max-width: 23.4375rem) and (-webkit-device-pixel-ratio: 2) {
}
/* iphone5 */
@media screen and (max-width: 20rem) {
}