@charset "utf-8";

.iw_component {
	background: #fff;
}
.component-wrap {
	/* max-width: 100% !important; */
	margin: 30px auto 0 !important;
}
@media screen and (max-width: 1023px) {
	.component-wrap {
		margin: 30px auto 0 !important;
	}
}

header .header .inner {
	background: #fff;
	opacity: 1;
}

.lineup_wrap {
	width: 100%;
	background-color: #fff;
	padding: 120px 0 0;
	position: relative;
	color: #000;
	top: -1px;
}
.lineup {
	max-width: 1280px;
	margin: 0 auto;
	min-width: 360px;
	padding-top: 487px;
}

.lineup_wrap .pc,
.jumping_banner .pc {
	display: block;
}
.lineup_wrap .mo,
.jumping_banner .mo {
	display: none;
}

.lineup_wrap .headline {
	font-size: 3.125vw;
	font-weight: 800;
	text-align: center;
	color: #000;
	/* margin-bottom: 20px; */
}
.lineup_wrap .slide_box {
	width: 100%;
	overflow: hidden;
}
/* .lineup_wrap .slide_box .slidee {
  width: 1180px;
} */
.lineup_wrap .lineup_more {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
	z-index: 11;
}
.lineup_wrap .lineup_more a {
	min-width: 200px;
	min-height: 56px;
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px 24px;
	font-weight: 600;
	font-size: 1.406vw;
}
.lineup_wrap .lineup_more a::after {
	content: "";
	display: inline-block;
	clear: both;
	background: url(../images/common/PC/lineup_more.png) center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	margin: 0 0 0 8px;
}
.lineup_wrap .lineup_more a:hover {
	color: #fff;
}

.lineup .more_section {
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
	height: 0;
}

.lineup_wrap .right_blur {
	display: none;
}

.lineup section {
	display: block;
	/* display: flex;
  justify-content: flex-start;
  align-items: flex-start; */
	/* border-top: 1px solid #ebebeb; */
	padding: 40px 23px;
	width: 100%;
	font-size: 1.458vw;
	font-weight: 600;
	text-align: left;
	height: auto;
	flex-direction: row;
	margin-bottom: 0;
}

.lineup_wrap .sec_title {
	font-size: 2.083vw;
	width: 100%;
	/* min-width: 230px; */
	margin: 0 auto 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}
.lineup_wrap .info_box {
	width: 100%;
}
.lineup_wrap .sm_txt1 {
	font-size: 0.9375vw;
	line-height: 1.2;
}
.lineup_wrap .text_box > div:not(:last-of-type) {
	margin-bottom: 50px;
}
.lineup_wrap .text_box1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.lineup_wrap .disclaimer {
	margin-top: 50px;
}
.lineup_wrap .disclaimer .sm_txt1 {
	color: #888;
	font-weight: 400;
	line-height: 1.7;
}

.lineup_wrap section ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

/* .lineup section ul {
  width: 115%;
} */

.lineup_wrap section ul li {
	width: calc(20% - 26px);
	max-width: 184px;
	min-width: 180px;
	/* margin-right: 26px; */
	text-align: center;
}
.lineup_wrap section ul li:last-of-type {
	margin-right: 0;
}

.lineup_wrap a {
	font-size: 0.9375vw;
	font-weight: 400;
	display: inline-block;
}
.lineup_wrap .btn_redbox {
	background-color: #be0039;
	border-radius: 8px;
	min-width: 90%;
	min-height: 4.375vw;
	color: #fff;
	text-align: center;
	padding: 10px;
	overflow: hidden;
	margin: 20px auto 0;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.lineup_wrap .btn_tx_underline {
	color: #333;
	margin: 0 auto 10px;
}
.lineup_wrap .btn_tx_underline::after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	background-color: #333;
}
.lineup .no_text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lineup .no_text span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ebebeb;
	display: inline-block;
}

/* sec01 */
.lineup_fixed {
	position: absolute;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	/* visibility: visible; */
}
/* .lineup_fixed ul {
  padding: 85px 0 15px 230px;
  margin: 0 auto;
  max-width: 1280px;
} */
.lineup_sec01 .lineup_btnLine {
	max-width: 1280px;
	margin: 0 auto;
	padding: 350px 0 15px 230px;
}
.lineup_sec01 .slide_box::after {
	content: "";
	display: block;
	clear: both;
}
section.lineup_sec01 {
	position: static;
	background-color: #fff;
}
.lineup_sec01 {
	padding: 85px 23px 15px;
	margin: 0 auto;
	border-top: 0;
	max-width: 1280px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.458vw;
	font-weight: 600;
	text-align: left;
	height: auto;
	flex-direction: row;
}
.lineup_sec01 img {
	max-width: 184px;
}
.lineup_sec01 img.pc + img.pc {
	margin-top: 10px;
	min-height: 147px;
	object-fit: contain;
}
.lineup_sec01 li > p {
	padding: 13px 0;
}

/* sec02 */
.lineup_sec02 .text_box > div {
	min-height: 78px;
	line-height: 1.14;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/* 0926 st */
.lineup_sec02 .warr_logo img {
	width: auto;
}
/* 0926 ed */

/* sec03 */
.lineup_sec03 li img {
	object-fit: contain;
}

/* sec04 */
.lineup_sec04 li {
	line-height: 1.2;
}
.lineup_sec04 .text_box1 {
	min-height: 210px;
	font-size: 18px;
}
.lineup_sec04 .text_box1 > div {
	margin-bottom: 10px;
}
.lineup_sec04 .text_box1 + div {
	min-height: 65px;
}

.lineup_sec04 .sm_txt1 {
	letter-spacing: -0.06em;
}

/* sec05 */
.lineup_sec05 .info_box img {
	margin-top: 50px;
}
.lineup_sec05 li img + p {
	margin-top: 10px;
}
.lineup_sec05 ul li > div:first-of-type {
	min-height: 50px;
}
.lineup_sec05 ul li .sm_txt1.ht50 {
	min-height: 50px;
	line-height: 50px;
}

/* sec06 */
.lineup_sec06 .text_box1 {
	min-height: 136px;
	margin-bottom: 50px;
}
.lineup_sec06 .text_box1 div + div {
	margin-top: 15px;
}
.lineup_sec06 .info_box img {
	margin-top: 50px;
}

/* sec07 */
section.lineup_sec07 ul {
	align-items: flex-start;
}
.lineup_sec07 .info_box img:not(:first-of-type) {
	margin-top: 25px;
}
.lineup_sec07 .info_box li > div {
	margin-top: 50px;
}
.lineup_sec07 .info_box li .sm_txt1 {
	margin: 5px 0;
}
.lineup_sec07 .info_box li .no_text {
	min-height: 103px;
}
.lineup_sec07 .info_box li .no_text + .no_text {
	min-height: 55px;
}

/* sec08 */
.lineup_sec08 .info_box img:not(:first-of-type) {
	margin-top: 32px;
}
.lineup_sec08 .info_box li img + div {
	min-height: 66px;
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 0704 ver3.0 */
.lineup_sec08 .info_box li .no_text {
	min-height: 54px;
}
.lineup_sec08 .info_box li .no_text + div {
	min-height: 60px;
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* //0704 ver3.0 */
.lineup_sec08 .info_box li .no_text:not(:first-of-type) {
	margin-top: 32px;
}

/* sec09 */
.lineup_sec09 li div + div {
	margin-top: 50px;
}
.lineup_sec09 li div + div > img + div {
	min-height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* jumping banner */
.jumping_banner {
	width: 100%;
	background-color: #fff;
	padding-top: 90px;
	position: relative;
	top: -2px;
	z-index: 3;
}
.jumping_banner .jumping_fix_line {
	width: 100%;
	height: 8px;
	position: absolute;
	content: "";
	background: #fff;
	bottom: -4px;
}
.jumping_banner ul {
	max-width: 1280px;
	min-width: 360px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
	flex-direction: row;
}
.jumping_banner li {
	position: relative;
	margin: 0 10px 20px;
	cursor: pointer;
}
.jumping_banner li > p {
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-size: 2.8125vw;
	color: #fff;
}

/* media */
@media all and (min-width: 1280px) {
	.lineup_wrap .headline {
		font-size: 48px;
	}
	.lineup_wrap section {
		font-size: 26px;
	}
	.lineup_wrap .lineup_more a {
		font-size: 18px;
	}
	.lineup_wrap a {
		font-size: 16px;
	}
	.lineup_wrap section li p {
		font-size: 26px;
	}
	.lineup_wrap .sec_title {
		font-size: 36px;
	}
	.lineup_wrap .sm_txt1 {
		font-size: 16px;
	}
	/* 0704 ver3.0 */
	.lineup_wrap .btn_redbox {
		min-height: 56px;
		/* min-width: 180px; */
		width: 100%;
	}
	/* //0704 ver3.0 */
	.lineup_wrap section ul::after {
		content: "";
		display: block;
		clear: both;
	}

	/* 0704 ver3.0 */
	.lineup {
		padding-top: 487px;
	}
	/* //0704 ver3.0 */

	/* jumping_banne */
	.jumping_banner ul {
		justify-content: space-evenly;
	}
	.jumping_banner li {
		margin: 0 0 20px;
	}
	.jumping_banner li > p {
		font-size: 36px;
	}
}

@media all and (max-width: 1023px) {
	.lineup_wrap .pc,
	.jumping_banner .pc {
		display: none;
	}
	.lineup_wrap .mo,
	.jumping_banner .mo {
		display: block;
	}

	.lineup_wrap section {
		position: relative;
	}

	/* 0704 ver3.0 */
	.lineup_wrap section ul li {
		margin-right: 0;
		min-width: 125px;
	}
	/* 0706 추가수정 */
	.lineupArrWrap {
		padding: 0 10px 0;
	}
	/* 0706 추가수정 */
	/* //0704 ver3.0 */
	.lineup_wrap section ul li:last-of-type {
		padding-right: 26px;
		box-sizing: content-box;
	}

	.lineup_wrap .lineup_more {
		padding: 45px 0;
		bottom: 0;
		/* background: #fff; */
	}
	.lineup_wrap .lineup_more a {
		min-width: 130px;
		min-height: 39px;
		border-radius: 6px;
		padding: 10px 17px;
		font-size: 14px;
	}
	.lineup_wrap .lineup_more a::after {
		width: 12px;
		height: 12px;
		margin-left: 6px;
	}
	.lineup_fixed {
		/* position: inherit; */
		padding-top: 55px;
		z-index: 5;
		margin-top: 10px;
		/* transition: all 1s;
    -webkit-transition: all 0.2s; */
	}
	.lineup_fixed.fixed_pt {
		padding-top: 140px !important;
	}
	/* 0704 ver3.0 */
	.lineup_wrap .lineup {
		padding-top: 330px;
	}
	.lineup_sec01 img.mo + img.mo {
		margin-top: 16px;
		min-height: 120px;
		object-fit: contain;
	}
	/* //0704 ver3.0 */
	.lineup_wrap .headline {
		font-size: 32px;
	}
	.lineup_wrap a {
		font-size: 14px;
	}
	.lineup_wrap section li p {
		font-size: 18px;
	}
	.lineup_wrap .sec_title {
		font-size: 28px;
		width: 100%;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 20px;
		margin-bottom: 48px;
	}
	.lineup_wrap .sm_txt1 {
		font-size: 12px;
	}
	.lineup_fixed ul {
		padding: 0;
	}
	.lineup_sec01 .lineup_btnLine {
		padding: 0;
		max-width: 100%;
	}
	.lineup section {
		font-size: 18px;
		flex-direction: column;
		padding: 65px 0 0 25px !important;
		border-top: 0;
	}
	.lineup section ul {
		justify-content: flex-start;
	}
	/* 0704 ver.3.0 */
	/* 0706 추가수정 */
	.lineup_wrap .lineup_sec01 {
		padding: 0 0 15px 25px;
		overflow: visible;
	}
	/* //0706 추가수정 */
	.lineup_sec01 img {
		width: 123px;
		margin: 0 auto;
	}
	.lineup_wrap .btn_redbox {
		min-width: 123px;
		min-height: 39px;
		border-radius: 6px;
		padding: 8px;
	}
	.lineup_wrap .text_box > div:not(:last-of-type) {
		margin-bottom: 25px;
	}
	.lineup_wrap .no_text span {
		width: 6px;
		height: 6px;
	}
	/* 0926 st */
	.lineup_sec02 .warr_logo img {
		max-width: 57px;
	}
	/* 0926 ed */
	/* .lineup .lineup_sec03 .sec_title, 
  .lineup .lineup_sec05 .sec_title,
  .lineup .lineup_sec07 .sec_title,
  .lineup .lineup_sec08 .sec_title,
  .lineup .lineup_sec09 .sec_title {
    margin-bottom: 40px;
  } */
	.lineup_sec04 .text_box1 {
		min-height: 143px;
	}
	.lineup_sec04 .text_box1 + div {
		min-height: 40px;
	}
	.lineup_sec05 .info_box img {
		margin-top: 25px;
	}
	.lineup_sec06 .text_box1 {
		margin-bottom: 25px;
		min-height: 90px;
	}
	.lineup_sec06 .info_box img {
		margin-top: 25px;
	}
	.lineup_sec07 .info_box li > img.mo {
		margin: 0 0 25px;
	}
	.lineup_sec07 .info_box li > div {
		margin-top: 25px;
	}
	.lineup_sec07 .info_box li .no_text {
		min-height: 74px;
	}
	.lineup_sec07 .info_box li .no_text + .no_text {
		min-height: 41px;
	}
	.lineup_sec08 .info_box li > img.mo {
		margin: 0 0 25px;
	}
	.lineup_sec08 .info_box li img + div {
		min-height: 34px;
		margin-top: 0;
	}
	.lineup_sec08 .info_box li .no_text {
		min-height: 28px;
	}
	/* 0704 ver3.0 */
	.lineup_sec08 .info_box li .no_text + div {
		min-height: 34px;
		margin-top: 25px;
	}
	/* //0704 ver3.0 */
	.lineup_sec09 li div + div {
		margin-top: 25px;
	}
	.lineup .disclaimer {
		margin: 30px 25px 0 0;
	}
	.lineup_wrap .disclaimer .sm_txt1 {
		line-height: 1.25;
		margin-bottom: 10px;
	}
	.lineup_wrap .disclaimer .sm_txt1:last-of-type {
		margin-bottom: 0;
	}
	.lineup_sec02 .text_box > div:last-of-type {
		letter-spacing: -0.06em;
	}

	.lineup_wrap .slide_box {
		width: 100%;
	}

	/* jumping_banne */
	.jumping_banner {
		padding-top: 120px;
	}
	.jumping_banner ul {
		padding: 0 25px;
		justify-content: space-evenly;
	}
	.jumping_banner li {
		margin: 0 5px 10px;
		/* width: calc(50% - 10px); */
	}
	.jumping_banner li > p {
		bottom: 12px;
		left: 12px;
		font-size: 17px;
		letter-spacing: -0.02em;
	}
	.jumping_banner li img.mo {
		max-width: 238px;
	}
}

@media (min-width: 721px) and (max-width: 1023px) {
	.lineup_wrap .slide_box .slidee {
		width: 1024px;
	}

	.lineup section {
		padding: 70px 25px 0 !important;
	}
	.lineup_wrap .lineup_sec01 {
		padding: 0 25px 15px;
	}

	.jumping_banner ul {
		justify-content: space-evenly;
	}
}

/* media */
@media all and (max-width: 720px) {
	.lineup_wrap .slide_box .slidee {
		width: 740px;
	}
	.jumping_banner li {
		width: calc(50% - 10px);
	}
}

/* 0428 st */ /* 0704 ver3.0 */

/* 0706 추가수정 */
.lineupArrWrap {
	max-width: 1240px;
	position: absolute;
	left: 0;
	top: 45%;
	right: 0;
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: fit-content;
}
.lineupArrWrap img {
	width: 100%;
}
.lineupPrev {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	position: absolute;
	left: 10px;
	top: 40%;
	opacity: 0.9;
	font-size: 20px;
	color: #000;
	font-weight: 700;
	z-index: 20;
	cursor: pointer;
}
.lineupNext {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 10px;
	top: 40%;
	opacity: 0.9;
	font-size: 20px;
	color: #000;
	font-weight: 700;
	z-index: 20;
	cursor: pointer;
}
.lineup_fixed.fixed_pt .lineupArrWrap {
	transform: translateY(80px);
}
/* .lineup_fixed.fixed_pt .lineupPrev { transform: translateY(140px); }
.lineup_fixed.fixed_pt .lineupNext { transform: translateY(140px); } */
/* //0706 추가수정 */

.lineupPrev.prevActive {
	pointer-events: none;
	opacity: 0;
}
.lineupNext.nextActive {
	pointer-events: none;
	opacity: 0;
}
.lineup_pagination {
	position: absolute;
	height: 20px;
	width: 100%;
	top: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.lineup_pagination .pagedot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d6d6d6;
	margin-right: 4px;
}
.pagedot_none {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: transparent;
	margin-right: 4px;
}
.lineup_pagination .pagedot.pageActive {
	background: #000;
}
.lineup_pagination .pagedot:last-child {
	margin-right: 0;
}
/* 0428 ed  */ /* //0704 ver3.0 */

/* spinner  */
.lds-ring {left:50%; top:50%; transform:translate(-50%,-50%); display:flex; justify-content: center; align-items: center; min-height:200px;}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:24px;height:24px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#f1f1f1 transparent transparent transparent;}
.lds-ring div:nth-child(1){animation-delay:-0.45s;}
.lds-ring div:nth-child(2){animation-delay:-0.3s;}
.lds-ring div:nth-child(3){animation-delay:-0.15s;}
@keyframes lds-ring{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

@media all and (max-width:480px){
  .lineup_sec01 .number-slide1  img.mo + img.mo{max-width: 116px;}
}