@charset "UTF-8";
@import url("reset.css");
@import url("base.css");
@import url("style.css");
/* main slider */
/* swiper */
.swiper-container {
	width: 100%;
}

/* swiper slides */
.main-visual .swiper-slide {
	position: relative;
	height:875px;
}

.main-visual .swiper-slide.slide-1 {
	background:url(../images/main/topvisual_img01.jpg) center no-repeat;
	background-size:cover;
}
.main-visual .swiper-slide.slide-2 {
	background:url(../images/main/topvisual_img02.jpg) center no-repeat;
	background-size:cover;
}
.main-visual .slide-3 {
	background:url(../images/main/topvisual_img03.jpg) center no-repeat;
	background-size:cover;
}
.main-visual .slide-4 {
	background:url(../images/main/topvisual_img04.jpg) center no-repeat;
	background-size:cover;
}
.main-visual .slide-5 {
	background:url(../images/main/topvisual_img05.jpg) center no-repeat;
	background-size:cover;
}
.main-visual .swiper-container .swiper-pagination{
	position:absolute;
	bottom:60px;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
	width:100%;
	z-index:9;
}
.main-visual .swiper-pagination-clickable .swiper-pagination-bullet{
	width:60px;
	height:4px;
	background:#fff;
	transition:all 200ms ease;
	opacity:.3;
	margin:0 0 0 10px;
	border-radius:inherit;
}
.main-visual .swiper-pagination-clickable .swiper-pagination-bullet-active{
	opacity:1;
}
.main-visual .pause {
	position: absolute;
	left:50%;
	bottom:67px;
	width:13px;
	height:13px;
	z-index:30;
	background:transparent;
	border:none;
	cursor:pointer;
	margin-left:130px;
}
.main-visual .pause > span {
	display:inline-block;
	width:8px;
	height:11px;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
}
.main-visual .play > span {width: auto;height: auto;border-left: 7px solid #fff;border-right: 7px solid transparent;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}

/* Slide captions */
.slide-captions {
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 999;
	transform: translate(-50%,-50%);
}
.slide-captions .current-title {
	font-family: 'Pretendard', sans-serif;
	margin: 0;
	font-size: 64px;
	font-weight:700;
	text-align:center;
}
.slide-captions .current-subtitle {
	margin: 20px 0 0 0;
	font-size: 22px;
	text-align:center;
	font-weight:400;
}

/* Swiper arrows */
.swiper-pagination-bullet-active {
	background-color: #fff;
}

/* Swiper pagination */
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 50px;
}
.swiper-button-prev,
.swiper-button-next {
	color: #fff;
}
@media(max-width:992px){
	.main-visual {
		margin-top:0;
	}
	.slide-captions {
		width:96%;
		word-break: keep-all;
	}
	.slide-captions .current-title {
		font-size:34px;
	}
	.slide-captions .current-subtitle {
		font-size:14px;
		letter-spacing:-0.03rem;
		line-height:1.6;
	}
	.main-visual .slide-3 {
		background:url(../images/main/m/topvisual_img03.png) center no-repeat;
		background-size:cover;
	}
}
/* main-news */
.main-news {
	margin-top:120px
}
#main-news-box .container {
	max-width:1500px;
	margin:0 auto;
}
.news-menu-box {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.news-menu-box .news-menu-text {

}
.tab-pane {
	display:none;
	opacity:0;
	transition: all .6s;
}
.tab-pane.active {
	display:block;
	opacity:1;
	transition: all .6s;
}
.tab-con-box {
	flex:0 0 72%;
	max-width:72%;
}
/* SECTION VERTICAL TABS */
#main-news.nav-pills {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
}
#main-news.nav-pills:before {
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#D9D9D9;
	position:absolute;
	left:0;
	top:0;
}
#main-news.nav-pills .nav-item {
	padding:0;
	margin-top:60px;
}
#main-news.nav-pills li:first-child.nav-item {
	margin-top:0;
}
#main-news.nav-pills .nav-link.active {
	color: #202020 ;
	background-color: transparent;
	border-radius: 0px;
	font-weight:800;
	/* border-left: 6px solid #3DC4BD; */
}
#main-news.nav-pills .nav-link.active span {
	color:#86898E;
	font-weight:500;
}
#main-news.nav-pills .nav-link {
	text-align:left;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.6;
	letter-spacing: -0.02em;
	color:#B1B5BC;
	border:none;
	background:transparent;
	padding-left:20px;
}
#main-news.nav-pills .nav-link span {
	display:block;
	font-size:14px;
	line-height: 1.2;
	color:#B1B5BC;
	margin-top:10px;
}
.nav-pills .tab-indicator {
	position:absolute;
	width:6px;
	height:calc(100% / 3);
	background:#0054C1;
	left:0px;
	transition:all 500ms ease-in-out;
	top:0;
}
.main-news .tab-content .tab-content-box {
	display:table;
	width:100%;
	border-top:2px solid #000;
}
.main-news .tab-content .tab-content-box .table-row {
	display:table-row;
}
.main-news .tab-content .tab-content-box .table-cell {
	display:table-cell;
	vertical-align: middle;
	padding:30px 0;
	border-bottom:1px solid #D9D9D9;
}
.main-news .tab-content .tab-content-box .table-cell.table-text01 {
	font-family: 'Pretendard', sans-serif;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.02em;
	text-align: center;
	color:#3DC4BD;
}
.main-news .tab-content .tab-content-box .table-cell.table-text02 {
	font-family: 'Pretendard', sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: left;
	color:#202020;
}
.main-news .tab-content .tab-content-box .table-cell.table-text03 {
	font-family: 'Pretendard', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.02em;
	text-align: center;
	color:#848484;
}
.main-news .tab-content .view-btn {
	position:relative;
	margin-top:40px;
	float:right;
}
.main-news .tab-content .view-btn a {
	position:relative;
	font-family: 'Pretendard', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0em;
	text-align: left;
	color:#202020;
	padding-right:30px;
	text-decoration:none;
}
.main-news .tab-content .view-btn a:before {
	content:"";
	display:block;
	width:16px;
	height:2px;
	background:#202020;
	position:absolute;
	top:10px;
	right:0;
}
.main-news .tab-content .view-btn a:after {
	content:"";
	display:block;
	width:6px;
	height:2px;
	background:#202020;
	transform:rotate(45deg) translateY(-30%);
	position:absolute;
	top:9px;
	right:0;
}
/* S : 2024-07-12 */
.main-news .bottom-area {
	width:100%;
	margin-top:70px;
	padding:0;
}
.main-news .bottom-area .overflow-wrap {
	height: 110px;
}
.main-news .bottom-area .main-banner {
	float:left;
	width:calc(26% - 20px);
	margin-left: 20px;
}
.main-banner .position-wrap {
	position:relative;
}
.main-banner .swiper-container {
	position:initial;
}
.main-news .bottom-area .main-banner .swiper-slide {
	min-height:110px;
	border-radius:12px;
}
.main-news .bottom-area .main-banner .slider-1 {
	background:url(../images/main/main_banner_01.jpg) no-repeat;
	background-size:cover;
	font-size:19px;
	font-weight:800;
	letter-spacing:-0.02rem;
	color:#fff;
}
.main-news .bottom-area .main-banner .slider-1 a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}
.main-news .bottom-area .main-banner .slider-1 p {
	position:absolute;
	left:35px;
	top:50%;
	transform:translateY(-50%);
}
.main-banner .swiper-button-prev, .main-banner .swiper-button-next {
	width: 30px;
	height: 30px;
	background: #fff;
	border: 1px solid #d0d0d0;
	opacity:.9;
	border-radius: 50%;
	margin:0;
	transform:translateY(-50%);
}
.main-banner .swiper-button-prev:after, .main-banner .swiper-button-next:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9px;
	height: 9px;
	border-left: 1px solid #929292;
	border-bottom: 1px solid #929292;
}
.main-banner .swiper-button-prev:after {
	transform: translate(-15%, -50%) rotate(45deg);
}
.main-banner .swiper-button-next:after {
	transform: translate(-70%, -50%) rotate(-135deg);
}
.main-banner .swiper-button-prev {
	left:-15px;
}
.main-banner .swiper-button-next {
	right:-15px;
}
.main-news .bottom-area .list-box {
	float:left;
	width:74%;
	display:flex;
	align-items: center;
	list-style:none;
	overflow:hidden;
	box-shadow: 0px 0px 40px 0px #6992BD4D;
	border-radius: 12px;
}
/* E : 2024-07-12 */
/* 2024-07-15 */
.main-news .bottom-area .list-box li {
	min-height:110px;
	flex: 0 0 calc(100% / 3);
	max-width: calc(100% / 3);
	text-align:center;
	position:relative;
	align-content: center;
	border-right:1px solid #DFE6F2;
	transition: all .3s;
}
.main-news .bottom-area .list-box li:hover,
.main-news .bottom-area .list-box li:focus {
	background:#0054C1;
	transition: all .3s;
}
.main-news .bottom-area .list-box li:last-child {
	border:none;
}
.main-news .bottom-area .list-box li a {
	display:block;
	font-family: 'Pretendard', sans-serif;
	font-size: 20px; /* 2024-07-12 */
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.02em;
	color:#202020;
	text-decoration:none;
	padding:30px 0; /* 2024-07-12 */
	position:relative;
	z-index:2;
	transition: all .3s;
}
.main-news .bottom-area .list-box li:hover a,
.main-news .bottom-area .list-box li:focus a {
	color:#fff;
	transition: all .3s;
}
.nav-pills .nav-indicator {
	display:none;
}
@media(max-width:1500px){
	#main-news-box .container {
		max-width:100%;
		padding:0 15px;
	}
}
@media(max-width:992px){
	#main-news-box .container {
		max-width:100%;
		margin:0 auto;
	}
	.main-news {
		margin-top:60px;
	}
	.news-menu-box {
		width:100%;
		margin:0 auto;
	}
	.news-menu-box:before {

	}
	#main-news.nav-pills {
		display:flex;
	}
	#main-news.nav-pills:before {
		display:none;
	}
	#main-news.nav-pills .nav-item {
		margin-top:0;
		padding-left:25px;
	}
	#main-news.nav-pills li:first-child.nav-item {
		padding-left:0;
	}
	#main-news.nav-pills .nav-link{
		font-size:22px;
		padding:0;
		padding-bottom:12px;
		font-weight:700;
	}
	#main-news.nav-pills .nav-link.active{

	}
	.news-menu-box .news-menu-text {
		position:relative;
		width:100%;
	}
	.news-menu-box .news-menu-text:after {
		content:"";
		display:block;
		width:100%;
		height:1px;
		background:#D9D9D9;
		position:absolute;
		bottom:0;
		left:0;
	}
	#main-news.nav-pills .nav-link span {
		font-size:14px;
		opacity:0;
		transition: all .6s;
		position:absolute;
		left:0;
		margin-top:25px;
	}
	#main-news.nav-pills .nav-link.active span {
		opacity:1;
		transition: all .6s;
	}
	.main-news .tab-content .tab-content-box {
		border-top:none;
	}
	.main-news .tab-content .tab-content-box .table-row {
		display:block;
		border-bottom:1px solid #D9D9D9;
		padding:15px 0;
	}
	.main-news .tab-content .tab-content-box .table-cell {
		display:block;
		border-bottom:none;
		padding:0;
	}
	.main-news .tab-content .tab-content-box .table-cell.table-text01 {
		font-size:14px;
		text-align:left;
	}
	.main-news .tab-content .tab-content-box .table-cell.table-text02 {
		font-size:17px;
		text-align:left;
		padding:10px 0;
	}
	.main-news .tab-content .tab-content-box .table-cell.table-text03 {
		font-size:14px;
		text-align:left;
	}
	.main-news .tab-content .view-btn{
		margin-top:12px;
		font-size:12px;
	}
	.nav-pills .tab-indicator {
		display:none;
	}
	.nav-pills .nav-indicator {
		display:block;
		position: absolute;
		left: 0;
		bottom: 0;
		-webkit-transition: .4s;
		transition: .4s;
		height: 3px;
		z-index: 1;
		background:#0054C1;
	}
	.main-news .bottom-area {
		margin-top:60px;
	}
	/* S : 2024-07-12 */
	.main-news .bottom-area .overflow-wrap {
		height:auto;
		display:flex;
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}
	.main-news .bottom-area .list-box {
		width:100%;
		float:initial;
		flex-wrap: wrap;
		box-shadow: none;
		padding:15px 0;
		height:auto;
	}
	.main-news .bottom-area .main-banner{
		width:100%;
		float:initial;
		margin-left:0;
	}
	.main-news .bottom-area .main-banner .swiper-slide {
		min-height:27.7778vw;
	}
	.main-news .bottom-area .main-banner .slider-1 {
		font-size:18px;
		background:url(../images/main/main_banner_01_m.jpg) no-repeat;
		background-size:cover;
	}
	.main-banner .swiper-button-prev, .main-banner .swiper-button-next {
		width:16px;
		height:16px;
	}
	.main-banner .swiper-button-prev {
		left:-5px;
	}
	.main-banner .swiper-button-next {
		right:-5px;
	}
	.main-banner .swiper-button-prev:after, .main-banner .swiper-button-next:after {
		width:6px;
		height:6px;
	}
	.main-news .bottom-area .list-box li {
		flex:0 0 98%;
		max-width:98%;
		margin:10px auto 0;
		box-shadow: 0px 0px 20px 0px #6992BD4D;
		border-radius:8px;
		min-height:100%; /* 2024-08-07 */
	}
	/* E : 2024-07-12 */
	.main-news .bottom-area .list-box li:before {
		display:none;
	}
	.main-news .bottom-area .list-box li:after {
		height:100%;
		border-radius:8px;
	}
	.main-news .bottom-area .list-box li a {
		font-size:16px;
		font-weight:500;
		padding:15px 0;/* 2024-07-12 */
	}
	.tab-con-box {
		flex:0 0 100%;
		max-width:100%;
		margin-top:60px;
	}
}
/* main about */
.main-about {
	margin:220px 0 260px;
}
.main-about .inner {
	max-width:1440px;
	margin:0 auto;
}
.main-about h2.title {
	font-family: 'Pretendard', sans-serif;
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	text-align: center;
}
.main-about h2.title span {
	background: linear-gradient(90deg, #17CBB6 0%, #1997DE 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main-about .about-content {

}
.main-about .about-content .content-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.main-about .about-content .list-box {
	flex: 0 0 25%;max-width:25%;
}
.main-about .sub-copy {
	font-family: Pretendard;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.02em;
	text-align: center;
	color: #202020;
	margin-top:20px;
}
.main-about .s-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: -0.04em;
	text-align: left;
}
.main-about .timer,
.main-about .text-plus {
	font-size: 90px;
	font-weight: 700;
	line-height: 95px;
	letter-spacing: -0.03em;
	text-align: left;
	margin-top:20px;
}
.js-count-up {
	font-size: 90px;
	font-weight: 700;
	line-height: 95px;
	letter-spacing: -0.03em;
	text-align: left;
	margin-top:20px;
}
.main-about .text-bottom {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -0.03em;
	text-align: left;
}
.about-content {
	margin-top:75px;
}
@media(max-width:1500px) {
	.main-about {
		margin:11.4583vw 0 13.5417vw;
	}
	.main-about .about-content {
		width:calc(100% - 30px);
		padding:0 15px;
	}
	.main-about .sub-copy {
		font-size:2.4211vw;
	}
	.main-about .s-text {
		font-size:1.2632vw;
	}
	.main-about .timer, .main-about .text-plus {
		font-size:5.2632vw;
	}
	.js-count-up {
		font-size:5.2632vw;
	}
	.main-about .text-bottom {
		font-size:1.8947vw;
	}
}
@media(max-width:992px){
	.main-about {
		margin:60px 0;
	}
	.main-about .inner{
		width:100%;
		padding:0 15px;
	}
	.main-about h2.title {
		font-size:12px;
		text-align:left;
		line-height:1;
	}
	.main-about .sub-copy {
		font-size:24px;
		text-align:left;
		margin-top:10px;
	}
	.about-content {
		margin-top:40px;
	}
	.main-about .s-text {
		font-size:16px;
	}
	.main-about .text-bottom {
		font-size:20px;
	}
	.main-about .timer, .main-about .text-plus {
		font-size:36px;
		line-height:1;
		margin-top:10px;
	}
	.js-count-up {
		font-size:36px;
		line-height:1;
		margin-top:10px;
	}
	.main-about .about-content .list-box + .list-box {
		margin-top:20px;
	}
	.main-about .about-content .list-box {
		flex:0 0 100%;
		max-width:100%;
	}
}
/* main list */
.main-list {
	margin-top:170px;
	background:url(../images/main/main_list_bg.png) no-repeat center center;
	background-size:cover;
}
.main-list .inner {
	max-width:1500px;
	margin:0 auto;
	padding:120px 0;
}
.main-list .inner h2.title {
	font-family: 'Pretendard', sans-serif;
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	text-align: center;
}
.main-list h2.title span {
	background: linear-gradient(90deg, #17CBB6 0%, #1997DE 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.main-list .sub-copy {
	font-family: Pretendard;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.02em;
	text-align: center;
	color: #202020;
	margin-top:20px;
}
.main-list .main-list-box {
	margin-top:50px;
}
.main-list .list-content-box {
	display:flex;
	overflow:hidden;
	justify-content:space-between;
	height:560px;
}
.main-list .list-content-box li {
	list-style:none;
	flex:0 0 23%;
	max-width:23%;
	position:absolute;
	overflow:hidden;
	transition: all 0.6s;
	max-width:348px;
	max-height:420px;
}
.main-list .list-content-box li:hover {
	transition: all 0.6s;
	max-height:560px;
}
.main-list .list-content-box .list-01 {
	left:0;
}
.main-list .list-content-box .list-02 {
	left:25.5%;
}
.main-list .list-content-box .list-03 {
	left:51%;
}
.main-list .list-content-box .list-04 {
	left:77%;
}
.main-list .list-content-box .list-01:hover:before {
	background: #0656D7D9;
	transition: all 0.6s;
}
.main-list .list-content-box .list-02:hover:before {
	background: #0098EDD9;
	transition: all 0.6s;
}
.main-list .list-content-box .list-03:hover:before {
	background: #00B4DBD9;
	transition: all 0.6s;
}
.main-list .list-content-box .list-04:hover:before {
	background: #00B4AAD9;
	transition: all 0.6s;
}
.main-list .list-content-box li .title-left {
	position:absolute;
	z-index:3;
	transition:all 0.6s;
	transform: translate(0,0);
	width:100%;
	color:#fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.02em;
	opacity:1;
	transform:translate(40px,280px);
}
.main-list .list-content-box li:hover .title-left {
	transition:all 0.3s;
	width:100%;
	opacity:0;
}
.main-list .list-content-box li .list-textbox {
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	transition:all 0.3s;
	height:400px;
	transform: translate(0,0);
	width:100%;
	opacity:0;
}
.main-list .list-content-box li .list-textbox p {
	font-family: 'Pretendard', sans-serif;
	color:#fff;
}
.main-list .list-content-box li .list-textbox p.num {
	font-size: 24px;
	font-weight: 700;
	line-height: 4;
	letter-spacing: -0.03em;
	text-align: left;
	transition:all 0.6s;
}
.main-list .list-content-box li:hover .list-textbox {
	width:100%;
	text-align:center;
	z-index:3;
	transition:all 0.5s;
	bottom:auto;
	left:0;
	opacity:1;
	top:17.8%;
}
.main-list .list-content-box li .list-textbox p.title {
	text-align: center;
	opacity:0;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.02em;
	transition:all 0.6s;
}
.main-list .list-content-box li:hover .list-textbox {
	opacity:1;
	transition:all 0.5s;
}
.main-list .list-content-box li .list-textbox p.copy {
	width:80%;
	opacity: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: -0.04em;
	text-align: center;
	margin:30px auto 0;
	padding:0;
	transition: all 0.6s;
}
.main-list .list-content-box li .list-textbox p.link {
	opacity: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 34px;
	letter-spacing: 0em;
	text-align: left;
	position:absolute;
	bottom:0;
	left:50%;
	transition: all 0.6s;
}
.main-list .list-content-box li .list-textbox p.link a {
	color:#fff;
	text-decoration:none;
}
.main-list .list-content-box li:hover .list-textbox p.num {
	position: relative;
	top:10%;
	transition: all 0.6s;
}
.main-list .list-content-box li:hover .list-textbox p.title {
	text-align: center;
	position: relative;
	opacity:1;
	transition: all 0.6s;
}
.main-list .list-content-box li:hover .list-textbox p.copy {
	opacity: 1;
	width:80%;
	position:relative;
	transition: all 0.6s;
}
.main-list .list-content-box li:hover .list-textbox p.link {
	opacity: 1;
	position:absolute;
	transition: all 0.6s;
	display:inline-block;
	padding-right:20px;
	left:50%;
	transform:translateX(-50%);
}
.main-list .list-content-box li:hover .list-textbox p.link:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
}
.main-list .list-content-box li:hover .list-textbox p.link a:before {
	content:"";
	display:block;
	width:16px;
	height:2px;
	background:#fff;
	position:absolute;
	top:16px;
	right:0;
}
.main-list .list-content-box li:hover .list-textbox p.link a:after {
	content:"";
	display:block;
	width:6px;
	height:2px;
	background:#fff;
	transform:rotate(45deg) translateY(-30%);
	position:absolute;
	top:15px;
	right:0;
}
.main-list .list-content-box li .bg
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	max-width:348px;
	transition: .6s;
	padding-bottom:120%;
	border-radius:25px; /* 2024-07-15 */
}
.main-list .list-content-box li:hover .bg {
	transition: .6s;
	width:100%;
	padding-bottom:150%; /* 2024-07-15 */
}
.main-list .list-content-box .list-01 .bg {
	background:url(../images/main/list_img_01.png) no-repeat;
	background-size:cover;
}
.main-list .list-content-box .list-01:hover .bg {
	background:url(../images/main/list_img_01_m.png) no-repeat;
	background-size:cover;
	transition: .6s;
	width:100%;
	padding-bottom:150%; /* 2024-07-15 */
}
.main-list .list-content-box .list-02 .bg {
	background:url(../images/main/list_img_02.png) no-repeat;
	background-size:cover;
}
.main-list .list-content-box .list-02:hover .bg {
	background:url(../images/main/list_img_02_m.png) no-repeat;
	background-size:cover;
}
.main-list .list-content-box .list-03 .bg {
	background:url(../images/main/list_img_03.png) no-repeat;
	background-size:cover;
}
.main-list .list-content-box .list-03:hover .bg {
	background:url(../images/main/list_img_03_m.png) no-repeat;
	background-size:cover;
}
.main-list .list-content-box .list-04 .bg {
	background:url(../images/main/list_img_04.png) no-repeat;
	background-size:cover;
}
.main-list .list-content-box .list-04:hover .bg {
	background:url(../images/main/list_img_04_m.png) no-repeat;
	background-size:cover;
}
@media(max-width:1500px) {
	.main-list .inner {
		max-width:100%;
		padding:100px 15px;
	}
	.main-list .list-content-box li {
		width:23%;
	}
	.main-list .list-content-box li .title-left {
		font-size:2.2105vw;
		transform:translate(2.0833vw,15.3646vw);
	}
	.main-list .list-content-box li:hover {
		max-height: 87%
	}
	.main-list .list-content-box li .list-textbox {
		height:20.8333vw;
	}
	.main-list .list-content-box li .list-textbox p.num {
		font-size:1.2632vw;
	}
	.main-list .list-content-box li .list-textbox p.title {
		font-size:2.2105vw;
	}
	.main-list .list-content-box li .list-textbox p.copy {
		font-size: 1.0526vw;
	}
	.main-list .list-content-box li:hover .bg {
		padding-bottom:145%;  /* 2024-07-15 */
	}
}
@media(max-width:1200px){
	.main-list .list-content-box li .list-textbox p.title {
		/* transform: translateY(10%); */
	}
}
@media(max-width:992px){
	.main-list {
		margin-top:60px;
	}
	.main-list .inner {
		padding:60px 0 0 18px;
	}
	.main-list .inner h2.title {
		text-align:left;
		font-size:12px;
	}
	.main-list .sub-copy {
		text-align:left;
		font-size:24px;
	}
	.main-list .inner .main-list-box {
		display:none;
	}
	.main-list-box-swiper {
		margin-top:40px;
	}
	.main-list-box-swiper .swiper-slide .visual {
		position:relative;
		height:100%;
	}
	.main-list-box-swiper .swiper-slide .visual img {
		width:100%;
	}
	.main-list-box-swiper .swiper-slide .visual .text-box {
		position:absolute;
		top:50%;
		left:50%;
		text-align:center;
		width:100%;
		transform: translate(-50%,-50%);
	}
	.main-list-box-swiper .swiper-slide .visual .text-box .title {
		font-size:24px;
		font-weight:700;
		letter-spacing:-0.02rem;
		color:#fff;
	}
	.main-list-box-swiper .swiper-slide .visual .text-box .copy {
		font-size:14px;
		font-weight:500;
		letter-spacing:-0.04rem;
		line-height:1.7;
		color:#fff;
		margin-top:20px;
		padding: 0 10px;
		word-break: auto-phrase;
	}
	.main-list-box-swiper .swiper-slide .visual .link {
		position:absolute;
		bottom:40px;
		left:50%;
		font-size:12px;
		font-weight:700;
		color:#fff;
		transform:translateX(-50%);
		padding-right:30px;
	}
	.main-list-box-swiper .swiper-slide .visual .link:before {
		content: "";
		display: block;
		width: 16px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: 10px;
		right: 0;
	}
	.main-list-box-swiper .swiper-slide .visual .link:after {
		content: "";
		display: block;
		width: 6px;
		height: 2px;
		background: #fff;
		transform: rotate(45deg) translateY(-30%);
		position: absolute;
		top: 9px;
		right: 0;
	}
}
/* main-management */
.main-management {
	padding:140px 0;
	background:url(../images/main/management_bg.jpg) center no-repeat;
	background-size:cover;
	transition: all .6s;
}
.main-management.type01 {
	padding:140px 0;
	background:url(../images/main/management_bg_01.png) center no-repeat;
	background-size:cover;
	transition: all .6s;
}
.main-management.type02 {
	padding:140px 0;
	background:url(../images/main/management_bg_02.png) center no-repeat;
	background-size:cover;
	transition: all .6s;
}
.main-management.type03 {
	padding:140px 0;
	background:url(../images/main/management_bg_03.png) center no-repeat;
	background-size:cover;
	transition: all .6s;
}
.main-management.type04 {
	padding:140px 0;
	background:url(../images/main/management_bg_04.png) center no-repeat;
	background-size:cover;
	transition: all .6s;
}
.main-management.type05 {
	padding:140px 0;
	background:url(../images/main/management_bg_05.png) center no-repeat;
	background-size:cover;
	transition: all .6s;
}
.main-management .inner {
	max-width:1440px;
	margin:0 auto;
}
.main-management .inner .title-box {
	position:relative;
	height:60px;
}
.main-management .inner h2.s-title  {
	font-family: 'Pretendard', sans-serif;
	font-size: 22px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	text-align: center;
}
.main-management .inner h2.s-title  span {
	background: linear-gradient(90deg, #17CBB6 0%, #1997DE 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main-management .inner h2.title {
	font-family: 'Pretendard', sans-serif;
	font-size: 50px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.02em;
	text-align: center;
	color:#202020;
}
.main-management .inner h2.title.hide {
	display:none;
}
.main-management .inner h2.title-01,
.main-management .inner h2.title-02,
.main-management .inner h2.title-03,
.main-management .inner h2.title-04,
.main-management .inner h2.title-05 {
	font-family: 'Pretendard', sans-serif;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.02em;
	text-align: center;
	color:#202020;
	/* display:none; */
	opacity:0;
	transition: all .6s;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.main-management .inner h2.title-01.hover,
.main-management .inner h2.title-02.hover,
.main-management .inner h2.title-03.hover,
.main-management .inner h2.title-04.hover,
.main-management .inner h2.title-05.hover {
	/* display:block; */
	opacity:1;
	transition: all .6s;
}
.main-management .inner h2.title.type01,
.main-management .inner h2.title.type02,
.main-management .inner h2.title.type03,
.main-management .inner h2.title.type04,
.main-management .inner h2.title.type05 {
	display:none;
	opacity:0;
	transition: all .6s;
}
.main-management .inner h2.title.type01.hover,
.main-management .inner h2.title.type02.hover,
.main-management .inner h2.title.type03.hover,
.main-management .inner h2.title.type04.hover,
.main-management .inner h2.title.type05.hover {
	display:block;
	opacity:1;
	transition: all .6s;
}

.main-management .inner h2.title-01 span,
.main-management .inner h2.title-02 span,
.main-management .inner h2.title-03 span,
.main-management .inner h2.title-04 span,
.main-management .inner h2.title-05 span {
	position:relative;
	display:inline-block;
}
.main-management .inner h2.title-01.hover span:after {
	content:"";
	display:block;
	width:64px;
	height:55px;
	background:url(../images/main/icon_title_01.png) no-repeat;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-70px;
}
.main-management .inner h2.title-02.hover span:after {
	content:"";
	display:block;
	width:64px;
	height:40px;
	background:url(../images/main/icon_title_02.png) no-repeat;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-70px;
}
.main-management .inner h2.title-03.hover span:after {
	content:"";
	display:block;
	width:53px;
	height:64px;
	background:url(../images/main/icon_title_03.png) no-repeat;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-70px;
}
.main-management .inner h2.title-04.hover span:after {
	content:"";
	display:block;
	width:64px;
	height:55px;
	background:url(../images/main/icon_title_04.png) no-repeat;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-70px;
}
.main-management .inner h2.title-05.hover span:after {
	content:"";
	display:block;
	width:64px;
	height:64px;
	background:url(../images/main/icon_title_05.png) no-repeat;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:-70px;
}
.main-management .inner h2.title span {
	position:relative;
	display:inline-block;
}
.main-management .inner .copy {
	font-family: 'Pretendard', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.04em;
	text-align: center;
	color:#86898E;
	margin-top:20px;
}
.main-management .inner .copy.hide {
	display:none;
}
.main-management .inner .copy-box {
	position:relative;
	height:90px;
}
.main-management .inner .copy-01.hover,
.main-management .inner .copy-02.hover,
.main-management .inner .copy-03.hover,
.main-management .inner .copy-04.hover,
.main-management .inner .copy-05.hover {
	opacity:1;
	transition: all .6s;
}
.main-management .inner .copy-01,
.main-management .inner .copy-02,
.main-management .inner .copy-03,
.main-management .inner .copy-04,
.main-management .inner .copy-05 {
	font-family: 'Pretendard', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.04em;
	text-align: center;
	color:#86898E;
	margin-top:20px;
	opacity:0;
	transition: all .6s;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.main-management .inner .list-box {
	margin-top:70px;
}
.main-management .inner .list-box .content-box {
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
}
.main-management .inner .list-box .content-box .list-contentbox {
	flex:0 0 18%;
	max-width:18%;
	margin-left:2%;
	cursor: pointer;
}
.main-management .inner .list-box .content-box .list-contentbox .text-box {
	background:#fff;
	text-align:center;
	height:0;
	padding-bottom:136%;
	position:relative;
	transition: all .6s;
	border-radius:24px;
	box-shadow: 0px 0px 40px 0px #6992BD4D;
}
.main-management .inner .list-box .content-box .list-contentbox.type01:hover .text-box {
	background:url(../images/main/main_icon_bg_01.png) no-repeat;
	background-size:cover
}
.main-management .inner .list-box .content-box .list-contentbox.type02:hover .text-box {
	background:url(../images/main/main_icon_bg_02.png) no-repeat;
	background-size:cover
}
.main-management .inner .list-box .content-box .list-contentbox.type03:hover .text-box {
	background:url(../images/main/main_icon_bg_03.png) no-repeat;
	background-size:cover
}
.main-management .inner .list-box .content-box .list-contentbox.type04:hover .text-box {
	background:url(../images/main/main_icon_bg_04.png) no-repeat;
	background-size:cover
}
.main-management .inner .list-box .content-box .list-contentbox.type05:hover .text-box {
	background:url(../images/main/main_icon_bg_05.png) no-repeat;
	background-size:cover
}

.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding-bottom:180px;
}
.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position .link {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position .link a {
	text-decoration:none;
	color:#fff;
	display:inline-block;
	font-size:14px;
	padding-right:30px;
	border-bottom:1px solid #fff;
	opacity:0;
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox .text-box:hover .text-position .link a {
	opacity: 1;
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position .link a:after {
	content:"";
	display:block;
	width:21px;
	height:7px;
	background:url(../images/main/main_list_arrow.png) no-repeat;
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
}
.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position h3 {
	font-family: 'Pretendard', sans-serif;
	font-size: 26px;
	font-weight: 800;
	line-height: 2.3;
	letter-spacing: -0.02em;
	text-align: center;
	transition: all .3s;
}
.main-management .inner .list-box .content-box .list-contentbox.type01 .text-box .text-position:before {
	content:"";
	display:block;
	background:url(../images/main/icon_01.png) no-repeat;
	background-size:cover;
	width:102px;
	height:87px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-30%);
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox.type02 .text-box .text-position:before {
	content:"";
	display:block;
	background:url(../images/main/icon_02.png) no-repeat;
	background-size:cover;
	width:136px;
	height:83px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-30%);
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox.type03 .text-box .text-position:before {
	content:"";
	display:block;
	background:url(../images/main/icon_03.png) no-repeat;
	background-size:cover;
	width:97px;
	height:120px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-30%);
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox.type04 .text-box .text-position:before {
	content:"";
	display:block;
	background:url(../images/main/icon_04.png) no-repeat;
	background-size:cover;
	width:101px;
	height:86px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-30%);
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox.type05 .text-box .text-position:before {
	content:"";
	display:block;
	background:url(../images/main/icon_05.png) no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-30%);
	transition: all .6s;
}
.main-management .inner .list-box .content-box .list-contentbox.type01:hover .text-box .text-position:before {
	background:url(../images/main/icon_01_hover.png) no-repeat;
	background-size:cover;
	width:102px;
	height:87px;
}
.main-management .inner .list-box .content-box .list-contentbox.type02:hover .text-box .text-position:before {
	background:url(../images/main/icon_02_hover.png) no-repeat;
	background-size:cover;
	width:136px;
	height:83px;
}
.main-management .inner .list-box .content-box .list-contentbox.type03:hover .text-box .text-position:before {
	background:url(../images/main/icon_03_hover.png) no-repeat;
	background-size:cover;
	width:97px;
	height:120px;
}
.main-management .inner .list-box .content-box .list-contentbox.type04:hover .text-box .text-position:before {
	background:url(../images/main/icon_04_hover.png) no-repeat;
	background-size:cover;
	width:101px;
	height:86px;
}
.main-management .inner .list-box .content-box .list-contentbox.type05:hover .text-box .text-position:before {
	background:url(../images/main/icon_05_hover.png) no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
}
.main-management .inner .list-box .content-box .list-contentbox:hover .text-box .text-position h3 {
	color:#fff;
}
.main-management .inner .list-box .content-box .list-contentbox:hover .text-box .text-position h3 {
	color:#fff;
}
.main-management .inner .list-box .content-box .list-contentbox .text-box .title {
	display:none;
}
.main-management .inner .list-box .content-box .list-contentbox .text-box .bottom-copy {
	display:none;
}
@media (max-width:1440px){
	.main-management .inner h2.title {
		font-size: 2.6316vw;
	}
	.main-management .inner h2.title-01,
	.main-management .inner h2.title-02,
	.main-management .inner h2.title-03,
	.main-management .inner h2.title-04,
	.main-management .inner h2.title-05 {
		font-size: 2.6316vw;
	}
	.main-management .inner .copy {
		font-size: 1.0526vw;
	}
	.main-management .inner .copy-01,
	.main-management .inner .copy-02,
	.main-management .inner .copy-03,
	.main-management .inner .copy-04,
	.main-management .inner .copy-05 {
		font-size: 1.0526vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position h3 {
		font-size: 1.4737vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position {
		padding-bottom:8.4211vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type01 .text-box .text-position:before {
		width:5.3684vw;
		height:4.5789vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type02 .text-box .text-position:before {
		width:7.1579vw;
		height:4.3684vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type03 .text-box .text-position:before {
		width:5.1053vw;
		height:6.3158vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type04 .text-box .text-position:before {
		width:5.3158vw;
		height:4.5263vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type05 .text-box .text-position:before {
		width:5.2632vw;
		height:5.2632vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type01:hover .text-box .text-position:before {
		background:url(../images/main/icon_01_hover.png) no-repeat;
		background-size:cover;
		width:5.3684vw;
		height:4.5789vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type02:hover .text-box .text-position:before {
		background:url(../images/main/icon_02_hover.png) no-repeat;
		background-size:cover;
		width:7.1579vw;
		height:4.3684vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type03:hover .text-box .text-position:before {
		background:url(../images/main/icon_03_hover.png) no-repeat;
		background-size:cover;
		width:5.1053vw;
		height:6.3158vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type04:hover .text-box .text-position:before {
		background:url(../images/main/icon_04_hover.png) no-repeat;
		background-size:cover;
		width:5.3158vw;
		height:4.5263vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox.type05:hover .text-box .text-position:before {
		background:url(../images/main/icon_05_hover.png) no-repeat;
		background-size:cover;
		width:5.2632vw;
		height:5.2632vw;
	}
	.main-management .inner .list-box .content-box .list-contentbox .text-box .text-position .link a {
		font-size:0.7292vw;
	}
	.main-management .inner .list-box {
		padding:0 15px;
	}
}
@media(max-width:992px){
	.main-management.type01{
		padding:60px 0;
		background:url(../images/main/m/sliderlist_bg_01.jpg) center;
		background-size:cover;
	}
	.main-management.type02{
		padding:60px 0;
		background:url(../images/main/m/sliderlist_bg_02.jpg) center;
		background-size:cover;
	}
	.main-management.type03{
		padding:60px 0;
		background:url(../images/main/m/sliderlist_bg_03.jpg) center;
		background-size:cover;
	}
	.main-management.type04{
		padding:60px 0;
		background:url(../images/main/m/sliderlist_bg_04.jpg) center;
		background-size:cover;
	}
	.main-management.type05{
		padding:60px 0;
		background:url(../images/main/m/sliderlist_bg_05.jpg) center;
		background-size:cover;
	}
	.main-management .inner {
		width:100%;
		margin:0 auto;
	}
	.main-management .inner h2.s-title{
		font-size:12px;
		text-align:left;
		line-height:1;
		width:100%;
		margin:0 auto;
		padding:0 15px;
	}
	.main-management .inner .title-box {
		font-size:28px;
		font-weight:700;
		text-align:left;
		line-height:1;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0 15px;
	}
	.main-management .inner h2.title{
		font-size:28px;
		letter-spacing:-0.02rem;
		text-align:left;
		width:100%;
		margin:10px auto 0;
	}
	.main-management .inner .copy {
		font-size:14px;
		line-height:1.57;
		width:100%;
		margin:10px auto 0;
		text-align:left;
		padding:0 15px;
	}
	.main-management .inner .list-box {
		display:none;
	}
	.main-management-swiper {
		margin-top:40px;
		padding:0 0 0 30px;
	}
	.main-management-swiper ul {
		list-style:none;
	}
	.main-management-swiper ul li .visual {
		position:relative;
	}
	.main-management-swiper ul li .visual img {
		width:100%;
	}
	.main-management-swiper ul li .text-area {
		position:absolute;
		text-align:center;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.main-management-swiper ul li .text-area .visual {
		margin:50px auto;
		width:50%;
	}
	.main-management-swiper ul li .text-area .visual img {
		width:100%;
	}
	.main-management-swiper ul li .text-area h2 {
		font-size:20px;
		font-weight:700;
		color:#fff;
	}
	.main-management-swiper ul li .text-area .view-btn {
		font-size:12px;
		color:#fff;
		position:relative;
		padding-right:20px;
	}
	.main-management-swiper ul li .text-area .view-btn:before {
		content: "";
		display: block;
		width: 16px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: 8px;
		right: 0;
	}
	.main-management-swiper ul li .text-area .view-btn:after {
		content: "";
		display: block;
		width: 6px;
		height: 2px;
		background: #fff;
		transform: rotate(45deg) translateY(-30%);
		position: absolute;
		top: 7px;
		right: 0;
	}
	.main-management-swiper ul li .text-area .text {
		display:none;
	}
}
/* main-partners */
.main-partners {
	/* background:url(../images/main/partner_bg.png) no-repeat;
	background-size: cover; */
}
.main-partners .inner {
	max-width:1440px;
	margin:0 auto;
	padding:140px 0;
}
.main-partners h2.title {
	font-size: 42px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.02em;
	text-align: center;
}
.main-partners .inner h2.s-title  {
	font-family: 'Pretendard', sans-serif;
	font-size: 22px;
	font-weight: 800;
	line-height: 65px;
	letter-spacing: -0.02em;
	text-align: center;
}
.main-partners .inner h2.s-title  span {
	background: linear-gradient(90deg, #17CBB6 0%, #1997DE 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.main-partners .copy {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.04em;
	text-align: center;
	margin-top:20px;
	color:#86898E;
}
.main-partners .about-content {
	margin-top:130px;
}
.banner-list {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	align-items: center;
	gap:5.3%;
}
.banner-list li {
	flex:0 0 21%;
	max-width:21%;
}
.banner-list + .banner-list {
	margin-top:60px;
}
.banner-list li:nth-child(n+6) {
	margin-top:60px;
}
.banner-list li a img {
	width:100%;
}
@media(max-width:1440px){
	.main-partners h2.title {
		font-size:2.6316vw;
	}
	.main-partners .copy {
		font-size:1.0526vw;
	}
}
@media(max-width:992px){
	.main-partners {
		background:none;
	}
	.main-partners .inner {
		width:90%;
		margin:0 auto;
		padding:60px 0;
	}
	.main-partners .inner h2.s-title {
		font-size:12px;
		letter-spacing:-0.03rem;
		text-align:left;
		line-height:1;
	}
	.main-partners h2.title{
		font-size:28px;
		font-weight:700;
		letter-spacing:-0.02rem;
		text-align:left;
		margin-top:10px;
	}
	.main-partners .copy{
		font-size:14px;
		text-align:left;
		margin-top:20px;
	}
	.main-partners .about-content {
		margin-top:50px;
	}
	.banner-list {
		justify-content:space-between;
		gap:2%;
	}
	.banner-list li {
		flex: 0 0 49%;
		max-width:49%;
	}
	.banner-list li img {
		width:100%;
	}
	.banner-list li:nth-child(n + 3) {
		margin-top:30px;
	}
	.banner-list + .banner-list {
		margin-top:30px;
	}
}
/* popup */
.popup.wrap {
	padding:60px 30px 120px 30px;
}
.popup-top-close-box {
	position:absolute;
	width:19px;
	height:19px;
	top:40px;
	right:40px;
	cursor: pointer;
}
.popup-top-close-box:before {
	content:"";
	width:19px;
	height:19px;
	border-top:1px solid #000;
	position:absolute;
	top:7px;
	right:-7px;
	transform: rotate(-45deg);
}
.popup-top-close-box:after {
	content:"";
	width:19px;
	height:19px;
	border-top:1px solid #000;
	position:absolute;
	top:7px;
	right:6px;
	transform: rotate(45deg);
}
.popup.wrap h1 {
	font-size:36px;
	font-weight:700;
	color:#202020;
}
.popup.wrap .popup-text01 {
	font-size:16px;
	font-weight:300;
	color:#202020;
	line-height:1.875;
	margin-top:40px;
}
.popup.wrap .popup-list-box {
	margin-top:50px;
}
.popup.wrap .popup-list-box ul li {
	font-size:16px;
	font-weight:300;
	color:#202020;
}
.popup-content-box {
	margin-top:40px;
}
.popup-content-box ol > li + li {
	margin-top:40px;
}
.popup-content-box .text-tit {
	font-size:18px;
	font-weight:700;
	color:#202020;
}
.popup-content-box .text-tit02 {
	font-size:16px;
	font-weight:700;
	color:#202020;
	margin-top:10px;
}
.popup-content-box .text-tit03 {
	font-size:16px;
	font-weight:300;
	color:#202020;
	margin-top:10px;
}
.popup-content-box .content-bullet-box,
.popup-content-box .content-lt-box {
	margin-top:10px;
}
.popup-content-box .content-bullet-box li {
	position:relative;
	font-size:16px;
	padding-left:15px;
	line-height:1.875;
}
.popup-content-box .content-bullet-box li:before {
	content:"";
	display:block;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#202020;
	position:absolute;
	top:13px;
	left:5px;
}
.popup-content-box .content-lt-box li {
	font-size:16px;
	font-weight:300;
	color:#202020;
}
.popup-content-box .table-wrap {
	margin-top:40px;
}
.popup-content-box .table-wrap table.type01 {
	width:100%;
	border-top:2px solid #202020;
}
.popup-content-box .table-wrap table.type01 thead th {
	font-size:14px;
	font-weight:800;
	letter-spacing:-0.02rem;
	color:#202020;
	padding:15px 0;
	text-align:center;
	border-bottom:1px solid #202020;
}
.popup-content-box .table-wrap table.type01 tbody th {
	font-size:14px;
	font-weight:800;
	letter-spacing:-0.02rem;
	color:#202020;
	padding:15px 0;
	text-align:center;
	border-bottom:1px solid #E5E5E5;
}
.popup-content-box .table-wrap table.type01 tbody td {
	font-size:15px;
	font-weight:400;
	letter-spacing:-0.02rem;
	color:#202020;
	padding:15px 0;
	text-align:center;
	border-bottom:1px solid #E5E5E5;
}
.popup-content-box .table-wrap table.type01 tbody td.text-left {
	text-align:left;
}
.popup.wrap .close-btn-box {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	background:#202020;
	text-align:center;
	padding:30px 0;
}
.popup.wrap .close-btn-box a.close-btn-item {
	display:block;
	font-size:16px;
	font-weight:700;
	color:#fff;
}
.marquee {
	width: 100%;
	box-sizing: border-box;
	padding: 1em;
	color: #fff;
	font-weight: 200;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.marquee-content {
	display: flex;
	animation: marquee 25s linear infinite running;
}
.marquee-content:hover {
	animation-play-state: paused;
}
.marquee-content li {
	width: 240px;
	margin: 0 0.5em;
	padding: 0.5em;
	background: rgba(255,255,255,0.1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}
.marquee-content li:hover {
	background: rgba(255,255,255,0.5);
	transform: scale(1.1);
	cursor: pointer;
}
@media(max-width:992px) {
	.marquee {
		width: 100%;
		padding: 0;
	}
	.marquee-content li {
		width: calc(240px / 1.2);
	}
}
@-moz-keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}
@-webkit-keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}
@-o-keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}
@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translate(-50%);
	}
}