.textEff {overflow:hidden;}

/*:::::::: =============== // mainV START ~ ===============:::::::: */
.mainV {height: 90vh; position: relative; overflow: hidden;}
.mainV::before {
	content:'';
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.mainV::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 40%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

video#mainVideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 150%;
}
.mainVInner {width: 100%; max-width: 164rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 100%; z-index: 1; position: relative;}
.mianBT {margin-bottom:6.5rem;}
.mainLeft {z-index:1;}
.mainCenter {position: relative; height:100%; }
.mainDuct {width: 17.35vw; height: auto; position: absolute; top: -13%; left: 50%; transform: translateX(-50%);}
.mainFire {width: 25.36vw; height: auto; position: absolute; bottom: -15%; left: 50%; transform: translateX(-50%);}
.mainDuct img, .mainFire img {width:100%; height:auto;}

.mainLeft .mianBT {height: 9.8rem; width: 100%;}
.mainRight .mianBT {height: 10.8rem; width: 100%;}
.mianBT img {width:auto; height:100%;}

.mainTImg {width: auto; height: 11rem; position:relative; overflow:hidden; }

.mainLeft .mainTImg{position: relative; width:auto; height: 10.5rem;}
.mainRight .mainTImg{
    position: relative;
    width:auto;
    height: 12.2rem;
}

.mainTImg img{width:auto; height:100%; display:block;}

/* glow layer */
.mainLeft .mainTImg::after{
    content:"";
    position:absolute;
    inset:0;
	top: 0;
	height: 100%;
    background:url(/STATIC/duct/mainGlow.png) no-repeat -250px center / auto 200%;
    -webkit-mask:url(/STATIC/duct/main_Title01.png) no-repeat center / contain;
    mask:url(/STATIC/duct/main_Title01.png) no-repeat center / contain;
    animation:lockGlow 2.2s linear infinite;
}

.mainRight .mainTImg::after{
    content:"";
    position:absolute;
    inset:0;
    top: 0;
    height: 100%;
    background:url(/STATIC/duct/mainGlow.png) no-repeat -250px center / auto 200%;
    -webkit-mask:url(/STATIC/duct/main_Title02.png) no-repeat center / contain;
    mask:url(/STATIC/duct/main_Title02.png) no-repeat center / contain;
    animation:lockGlow 2.2s linear infinite;
}

 @keyframes lockGlow{
    %{background-position:-250px center;}
    100%{background-position:450px center;}
}

@media (max-width:768px) {
	.mainV {position: relative; height: auto;}
	.mainVInner {justify-content: center; height: 100%; flex-direction: column; padding: 48vw 0 21.23vw;}
	.mainLeft {z-index:1; position:relative;}
	img.mo_only.mductMo {width: 10.42vw; position: absolute; right: -8%; bottom: 0;}
	.mainCenter {height: 100%; position: absolute; top: 0; width: 100%; z-index:0;}
	.mainDuct {width: 33.33vw;}
	.mainFire {width: 59.48vw;}
	.mainRight {display: flex; flex-direction: column-reverse; z-index:1;}
	.mainRight .mainTImg {margin-top: 2.60vw;}
	.mainLeft .mianBT {margin: 0 auto 3.91vw; max-width:53.65vw; height:auto;}
	.mainRight .mianBT {margin: 3.91vw auto 0; width:62.37vw; height:auto;}
	.mainLeft .mainTImg {width:62vw; transform: translateX(-8vw); height:auto;}
	.mainRight .mainTImg {width: 64.06vw; height: auto; transform: translateX(8vw);}
	.mianBT img {margin:0 auto; width:100%; height:auto;}
	.mainTImg img {width:100%; height:auto;}
}
/*:::::::: =============== ~ mainV END // ===============:::::::: */

/*:::::::: =============== Common CSS  ===============:::::::: */
.BTitle {position:relative; margin:0 auto; width:100%;}
.BTitle img {width:100%; height:auto;}
.BTitle::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #dd3124;
    height: 52%;
	transition:all 0.8s ease-in-out;
}
.BTitle::after {transition:all 0.8s ease-in-out;}
.STitle {font-family: "Pretendard"; font-weight: 500; font-size: 3rem; line-height: 2; color: #000636;}
.underLine {position: relative; font-weight: 600; z-index: 1; color: #FFF; padding: 0.5rem;}
.underLine::before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #000636;
    color: #fff;
    z-index: -1;
	transition:all 0.8s ease-in-out;
}
.BTXT {font-size:4rem; letter-spacing:-0.02em; line-height:1.5; color:#000636; font-weight:700;}
.mainInner {width:100%; max-width:124rem; padding:0 2rem; margin:0 auto;}

@media (max-width:768px) {
	.STitle {font-size: 4.56vw; line-height: 1.4; text-align: center;}
	.underLine {padding: 0.07vw 1vw;}
	.BTXT {font-size: 5.47vw; line-height: 1.19; text-align: center;}
	.underLine::before {height:90%;     top: 52%;}
}

/*:::::::: =============== sec02 START ~ ===============:::::::: */
#sec02 {position:relative; overflow:hidden;}
#sec02 .sec02bg {width: 61.2%; height: 100%; z-index: 1; position: relative;}
video#sec02Video {position: absolute; right: -27%; top: 0; width: 100%;}

#sec02 .sec02bg img {width:100%; height:auto;}
.sec02Cont {width: 52%; position: absolute; left: 0; top: 0; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index:1;}
.sec02BTitle {width:100%; max-width:78rem; z-index:1; position:relative;}
.sec02BTitle::before {width: 0%; left: 0; bottom: 0; z-index: -1; background: #dd3124; height: 52%;}
.sec02BTitle.aos-animate::before {width:100%;}
.sec02BTitle img {width:100%; height:auto;}
#sec02 .STitle {margin-top: 5.3rem;}
#sec02 .BTXT  {margin-top:10rem;}
#sec02 .STitle.aos-animate .underLine::before {width:100%;}

@media (max-width:768px) {
	#sec02 {
		padding-top: 15vw;
		padding-bottom: 80vw;
		ackground: #151817;
	}
	.sec02Inner {padding:0 3.91vw;}
	#sec02 .BTitle {max-width:83.07vw;}
	#sec02 .sec02bg {width: 100%; height: auto; position: absolute; top: 0;}
	.sec02Cont {width: 100%; position: relative; left: unset; top: unset; height: auto;}
	#sec02 .STitle {margin-top: 4.30vw;}
	#sec02 .BTXT {margin-top: 4.82vw;}
	.sec02BTitle::before {bottom: 35%; height: 34%;}
	.sec02BTitle::after {content: ''; width: 0%; position: absolute; left: 36.5%; bottom: 0; z-index: -1; background: #dd3124; height: 34%;}
	.sec02BTitle.aos-animate::after {width:23%;}
	video#sec02Video {position: absolute; left: 50%; top: unset; width: 187%; bottom: -14%; transform: translateX(-50%);}
}
/*:::::::: =============== ~ sec02 END // ===============:::::::: */


/*:::::::: =============== sec03 START ~ ===============:::::::: */
#sec03 {padding:29.7rem 0 16rem; overflow:hidden;}
#sec03 .BTitle {max-width:111rem;}
#sec03 .STitle {font-size: 2.8rem; line-height: 1.4; margin-top: 6rem; text-align: center;}
.redBox {display: flex; justify-content: center; align-items: center; font-size: 4rem; line-height: 1.4; font-weight: 700; margin-top: 11rem;}

.redBox.aos-animate {animation:S05flash 2.2s linear;}

.redBoxT {
    position: relative;
    padding: 3rem 5rem;
    text-align: center;
    display: inline-block;
    border-radius: 10rem;
    color: #000429;
    letter-spacing: -0.05em;
    background: transparent;
    z-index: 0;
	background: rgb(255 255 255 / 40%);
}

.redBoxT::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 4px;
    background: linear-gradient(-5deg, #c72c20 0%, #e77870 100%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}


/* sec05 */
@keyframes S05flash {
    0% {opacity: 0.2;}
    20% {opacity: 1;}
    40% {opacity: 0.2;}
    60% {opacity: 1;}
    80% {opacity: 0.2;}
    100% {opacity: 1;}
}
[data-aos="S05flash"] {opacity: 0;}

[data-aos="S05flash"].aos-animate {
    animation-name: S05flash;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}


@media (min-width:769px) {
	.sec03Cont {display: flex; margin-top: 13rem; justify-content: space-between;}
	.sec03Cont li {
		width: calc(100%/3 - 8.2rem);
		border-radius: 50%;
		padding-bottom: 27.48%;
		box-shadow: 0 0 40px rgb(240 179 32 / 50%);
		height: 0;
		position: relative;
		background: url(/STATIC/duct/sec03_circle01.png) no-repeat center / cover;
	}
	.sec03Cont li::Before {
		content: '';
		width: 3.3rem;
		height: 5.1rem;
		position: absolute;
		left: 114%;
		top: 50%;
		transform: translateY(-50%);
		background: url(/STATIC/duct/sec03_circleArrow.png) no-repeat center / cover;
	}
	
	.sec03Cont li:nth-child(3)::Before {display:none;}
}
	.sec03Cont li {
		width: calc(100%/3 - 8.2rem);
		border-radius: 50%;
		padding-bottom: 27.48%;
		box-shadow: 0 0 8px rgb(240 179 32 / 51%);
		height: 0;
		position: relative;
		background: url(/STATIC/duct/sec03_circle01.png) no-repeat center / cover;
	}
	
	.sec03CInner {
		position: absolute;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	
	.sec03Cont li:nth-child(2) {background: url(/STATIC/duct/sec03_circle02.png) no-repeat center / cover;}
	.sec03Cont li:nth-child(3) {background: url(/STATIC/duct/sec03_circle03.png) no-repeat center / cover;}
	.sec03BTxt {font-family:"Pretendard"; font-weight:800; letter-spacing:-0.02em; font-size:5.5rem; color:#fff;}
	.sec03Txt {margin-top:3.7rem; font-weight:600; color:#fff; font-size:3rem; line-height:1.333;}
	

	
	
@media (max-width:768px) {
	#sec03 {padding: 18.88vw 0 15.88vw ;}
	#sec03 .BTitle {max-width: 87.24vw;}
	#sec03 .STitle {font-size: 4.17vw; line-height: 1.25; margin-top: 8.20vw;}
	.redBox {font-size: 4.56vw; margin-top: 12.50vw;}
	.redBoxT {font-size: 4vw; padding:2.86vw 5.21vw 3.39vw; border: 0.52vw solid transparent;}
	.sec03Cont {margin-top: 12.24vw;}
	.sec03Cont li {
		padding-bottom: 33.335%;
	}
	.sec03BTxt {font-size: 8.46vw}
	.sec03Txt {margin-top: 5.73vw; font-size: 4.56vw; line-height: 1.2;}
	.sec03MoSlide {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		padding: 0 0;
		padding-top: 12.24vw;
		box-sizing: content-box;
	}
	.sec03SlideWrap {
		position: relative;
		overflow: hidden;
		width: 60%;
		margin: 0 auto;
		padding: 0 7.16vw 3.91vw;
		box-sizing: content-box;
	}
	
	#sec03 .slick-prev {left: 0; background: red; z-index: 1;}
	#sec03 .slick-next {right: 0; background: red; z-index: 1;}


	#sec03 .slick-list {overflow:unset; }
	#sec03 .slick-slide {width: 58.85vw; margin: 0px 0vw;}
	#sec03 .slick-prev {
		left: -8vw;
		width: 4.04vw;
		background: url(/STATIC/duct/sec13_arrowLeft.png) no-repeat right / contain;
		z-index: 1;
		top: 60%;
		transform: translateY(-50%);
	}
	#sec03 .slick-next {
		right: -8vw;
		z-index: 1;
		top: 60%;
		transform: translateY(-50%);
		width: 4.04vw;
		background: url(/STATIC/duct/sec13_arrow.png) no-repeat left / contain;
	}
	.slick-prev:before, .slick-next:before {display:none;}
	
	.redBoxT::before  {padding: 0.52vw;}
}
/*:::::::: =============== ~ sec03 END // ===============:::::::: */


/*:::::::: =============== sec04 START ~ ===============:::::::: */
#sec04 {overflow:hidden; padding:20rem 0 15rem; text-align:center; background: url(/STATIC/duct/sec04_bg.jpg) no-repeat center / cover;}
#sec04 .BTitle::before {width: 0%; left: 21.5%; bottom: -6%;}
#sec04 .aos-animate.BTitle::before {width: 80%;}

#sec04 .STitle {color:#fff;}
.sec04BTitle {max-width:79.6rem; margin-top:5.8rem; z-index:1;}
.sec04BTitle img {width:100%; height:auto;}
.sec04RedBox {max-width: 82rem; margin: 8rem auto 0;}
.sec04RedBox img {width:100%; height:auto;}
.sec04RedBSTxt {font-size:2rem; color:#fff; margin-top:2.2rem;}
#sec04 .MoslideWrap img {margin-right: 3.3rem; height: 17.5rem;}
.sec04S01 {margin-top:7rem;}
.sec04S02 {margin-top:3rem;}
@media (max-width:768px) {
	#sec04 {padding: 18.88vw 0}
	#sec04 .BTitle {max-width: 90.10vw; margin-top: 4.43vw;}
	#sec04 .BTitle::before {width: 0%; left: 39.5%; bottom: 33.5%; height: 35%;}
	#sec04 .BTitle::after {content: ''; width: 0%; height: 32%; z-index: -1; background: #dd3124; position: absolute; left: 28%; bottom: -3%;}
	#sec04 .aos-animate.BTitle::before {width: 48%;}
	#sec04 .aos-animate.BTitle::after {width: 45%;}
	.sec04RedBox {max-width: 64.19vw; margin: 11.07vw auto 0;}
	.sec04RedBox img:last-child {margin-top: 1.30vw;}
	.sec04RedBSTxt {font-size: 2.34vw; margin-top: 2.60vw;}
	.sec04S01 {margin-top: 9.11vw; height: 26.56vw;}
	.sec04S02 {height: 26.56vw; margin-top:2.3rem;}
	#sec04 .MoslideWrap img { height:26.04vw; margin-right:2rem;}
}
/*:::::::: =============== ~ sec04 END // ===============:::::::: */


/*:::::::: =============== sec05 START ~ ===============:::::::: */
.sec05Top {padding:19.5rem 0 10.4rem; background:url(/STATIC/duct/sec05_bgTop.jpg) no-repeat center / cover;}
#sec05 .BTitle {max-width:77.2rem; z-index:1;}
#sec05 .BTitle::before {width: 0%; left: 46%; bottom: 3%; z-index: -1;}
#sec05 .BTitle.aos-animate::before {width: 41%;}
#sec05 .STitle {text-align:center; margin-top:6rem; line-height:1.3;}
.sec05Cont {display:flex;}
.sec05Cont li {width: calc(100%/3); padding-bottom: 33.34%; position:relative; transition:all 0.3s ease-in-out; background: url(/STATIC/duct/sec05_cont01.jpg) no-repeat center / cover; overflow: hidden;}
.sec05Cont li:nth-child(2) {background: url(/STATIC/duct/sec05_cont02.jpg) no-repeat center / cover;}
.sec05Cont li:nth-child(3) {background: url(/STATIC/duct/sec05_cont03.jpg) no-repeat center / cover;}
.sec05CBInner {
    left: 50%;
    top: 50%;
    width: 102%;
    height: 102%;
    position: absolute;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 60%);
}
.sec05CTxt {color: #c8c8c8; font-size: 3.2rem; line-height: 5rem; letter-spacing: -0.02em; text-align: center; font-weight: 700; transition: all 0.4s ease-in-out;}
.sec05Cont li:hover .sec05CBInner {background:rgb(0 4 41 / 60%);}
.sec05Cont li:hover .sec05CTxt {color:#fff; font-size:3.8rem;}


.sec05Cont li.on .sec05CTxt {color:#fff; font-size:3.8rem;}
.sec05Cont li.on .sec05CBInner {background: rgb(0 4 41 / 60%);}

@media (max-width:768px) {
	.sec05Top {padding: 18.88vw 3.91vw 12.37vw; background: url(/STATIC/duct/sec05_bgTop.jpg) no-repeat center / cover;}
	#sec05 .BTitle {max-width: 82.16vw;}
	#sec05 .BTitle::before {width: 0%; height: 31%; bottom: -2%; left:25.5%;}
	#sec05 .BTitle.aos-animate::before {width: 48%;}
	#sec05 .STitle {margin-top: 8.33vw; font-size: 4.17vw;}
	.sec05Cont {flex-direction: column;}
	.sec05Cont li {width:100%; padding-bottom: unset; height: 57.29vw;}
	.sec05CTxt {font-size: 4.95vw; line-height: 7vw;}
	.sec05Cont li:hover .sec05CTxt {font-size: 5.86vw;}
	.sec05Cont li.on .sec05CTxt {font-size:5.86vw;}
}
/*:::::::: =============== ~ sec05 END // ===============:::::::: */


/*:::::::: =============== sec06 START ~ ===============:::::::: */
#sec06 {display: flex;}
#sec06 .sec06Left {width: 60%; position: relative; overflow: hidden;}
#sec06 .sec06Right {width:40%;}
.sec06RCont {width:100%;}
.sec06RCont li {width:100%; z-index:1; position:relative; padding:6.4rem 0 9rem 7rem; background: url(/STATIC/duct/sec06_cont01.jpg) no-repeat center / cover;}
.sec06RCont li:nth-child(2) {background: url(/STATIC/duct/sec06_cont02.jpg) no-repeat center / cover;}
.sec06RCont li:nth-child(3) {background: url(/STATIC/duct/sec06_cont03.jpg) no-repeat center / cover;}
.sec06RCont li:nth-child(4) {background: url(/STATIC/duct/sec06_cont04.jpg) no-repeat center / cover;}
.sec06RCont li::before  {
	content:'';
	width:100%;
	height:100%;
	background: rgb(0 4 41 / 70%);
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	z-index:-1;
	transition:all 0.3s ease-in-out;
}
.sec06RCont li:hover::before  {opacity:1;}
.sec06CTitle {width: auto; height: 4.7rem; position:relative; display: inline-block; z-index:1;}
.sec06CTitle::Before {
    content: '';
    z-index: -1;
    width: 0;
    height: 141%;
    background: red;
    position: absolute;
    left: -2.8%;
    top: 50%;
    transform: translateY(-50%);
	transition:all 0.3s ease-in-out;
}
.sec06RCont li:hover .sec06CTitle::Before  {width:107%;}
.sec06CTitle img {width:auto; height:100%;}
.sec06CTxt {font-size:2rem; color:#ffffff; letter-spacing:-0.03em; line-height:1.4; margin-top:3rem;}
video#sec06Video {width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%;}
.sec06RCont li.on::Before {opacity:1;}
.sec06RCont li.on .sec06CTitle::Before {width:107%;}

@media (max-width:768px) {
	#sec06 {padding:0; flex-direction: column; background:#000;}
	.sec06Left {padding-bottom: 66.41vw;}
	#sec06 .sec06Left, #sec06 .sec06Right {width:100%;}
	.sec06RCont li {width: 100%; padding: 19.53vw 0 16.93vw; text-align: center;}
	.sec06CTitle {height: 6.90vw;}
	.sec06CTxt {font-size: 4.56vw; line-height: 1.2; margin-top: 4.17vw;}
}
/*:::::::: =============== ~ sec06 END // ===============:::::::: */


/*:::::::: =============== sec07 START ~ ===============:::::::: */
#sec07 {background:#080729; padding:20rem 0 8rem 0; position:relative; overflow:hidden;}
img.sec07F.sec07Left {position: absolute; height: 100%; left: -0.5%; top: 0; transform: scale(-1);}
img.sec07F.sec07Right {position: absolute; height:100%; right: -0.5%; top: 0;}
#sec07 .mainInner {max-width:98rem;}
#sec07 .sec07BTitle  {max-width:67rem;}
#sec07 .STitle {margin-top: 6rem; color: #FFF; text-align: center;}
.sec07Mov {width:100%; height:auto; margin:8.7rem 0 2.7rem; position:relative;}
.sec07Mov iframe {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}
.sec07Mov img {width:100%; height:auto;}
.sec07MovT {font-weight:600; color:#fff; font-size:2rem; line-height:1.6; text-align:right;}
@media (max-width:768px) {
	#sec07 {padding:28.65vw 0 26.04vw;}
	#sec07 .sec07BTitle {max-width: 44.14vw;}
	#sec07 .STitle {margin-top: 8.33vw; font-size: 4.17vw;}
	.sec07Mov {margin: 12.11vw 0 3.13vw;}
	.sec07MovT {font-weight: 500; font-size: 2.34vw; line-height: 1.5; text-align: center;}
	.sec07Top.mo_only {width: 100%;position: absolute; top: -1%;}
	.sec07Botm.mo_only {width: 100%;position: absolute; bottom: -1%;}
}
/*:::::::: =============== ~ sec07 END // ===============:::::::: */

/*:::::::: =============== sec08 START ~ ===============:::::::: */
#sec08 {padding:19.8rem 0 25.7rem; background:#e1e1e1;position:relative; overflow: hidden;}
.sec08Botm {width: 100%; height: auto; position: absolute; bottom: -1%; left: 0;}
.sec08BTitle {max-width:103.4rem;}
#sec08 .STitle {margin-top: 6rem; text-align: center; line-height: 1.4; font-weight: 600; letter-spacing: -0.05em;}
.sec08Cont {display: flex; justify-content: space-between; margin-top: 8.6rem;}
.sec08Cont li {width: calc(50% - 1rem); background: #FFF; border-radius: 1.6rem; overflow: hidden;}
.sec08Ttop {width: 100%; font-size: 3.5rem; font-weight: 500; color: #fff; letter-spacing: -0.025em; padding: 3.5rem 0; background: #dd3124; text-align: center;}
.sec08_tableImg {width:100%; height:auto;}
#sec08 .tableList {padding: 9.7rem 4rem 8.5rem; display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; word-break: keep-all;}
#sec08 .tableList li {width: 100%; display: flex; align-items: center; margin-bottom: 4.8rem; word-break: keep-all; line-height: 1.2;}
#sec08 .tableList li:last-child {margin-bottom:0;}
#sec08 img.tableCheck {width:5.2rem; height:auto;}
#sec08 .tableCheckT {margin-left:2.2rem; font-size:2.8rem; letter-spacing:-0.02em; font-weight:600; color:#313131; word-break: keep-all;}

@media (max-width:768px) {
	#sec08 {padding: 20.31vw 0 18.75vw;}
	.sec08Botm {width: 200%; bottom:-0.5%;}
	.sec08BTitle {max-width: 71.88vw;}
	#sec08 .STitle {margin-top: 8.46vw; line-height: 1.25; font-size: 4.17vw;}
	.sec08Cont { margin-top: 12.11vw;}
	.sec08Cont li {width:calc(50% - 1.56vw); border-radius: 2.08vw;}
	.sec08Ttop {font-size: 3.35vw; padding: 2.82vw 0;}
	#sec08 img.tableCheck {width: 3.78vw; height: auto;}
	#sec08 .tableList {padding: 3.78vw 2.60vw 5.60vw;}
	#sec08 .tableList li {margin-bottom: 3.26vw; line-height: 1.2; flex-direction: column; align-items: center;}
	#sec08 .sec08Cont li:nth-child(2) .tableCheckT {color:#7d7d7d;}
	#sec08 .tableCheckT {margin-left: 0; font-size: 3.13vw; margin-top: 1.56vw; text-align: center; word-break: keep-all; line-height:1.25;}
}
/*:::::::: =============== ~ sec08 END // ===============:::::::: */


/*:::::::: =============== sec09 START ~ ===============:::::::: */
#sec09 {padding:19rem 0 16rem; background:url(/STATIC/duct/sec09_bg.jpg) no-repeat center / cover;}
#sec09 .mainInner {max-width:124rem;}
.sec09Table {width:100%;}
.sec09Table{border-collapse: separate; border-spacing: 4px;}
.sec09Table thead th {font-size:2.8rem; letter-spacing:-0.025em; color:#fff; text-align:center; padding:4rem 0;}
.redBg {background:rgb(221, 49, 36, 0.5);}
.centerBg {background:rgb(31, 34, 63, 0.5);}
.blueBg {background:rgb(31, 34, 63);}
.sec09Table tbody td {font-size:2.4rem; letter-spacing:-0.025em; color:#fff; padding:4rem 0; text-align:center; font-weight:500;}
.sec09Table tbody td {background: rgb(244 244 244 / 20%);}
.sec09Table tbody td:nth-child(2) {background:rgb(31, 34, 63, 0.5);}

@media (max-width:768px) {
	#sec09 {padding: 18.88vw 0; background: url(/STATIC/duct/sec09_bgMo.jpg) no-repeat center / cover;}
	.sec09Table thead th {font-size: 4.17vw; padding: 5.21vw 0;}
	.sec09Table tbody td {font-size: 3.65vw; padding: 3.26vw 0; line-height: 1.2;}	
}
/*:::::::: =============== ~ sec09 END // ===============:::::::: */


/*:::::::: =============== sec10 START ~ ===============:::::::: */
#sec10 {padding:20rem 0 15rem; background:url(/STATIC/duct/sec10_bg.jpg) no-repeat center / cover;}
#sec10 .mainInner {max-width:139rem;}
#sec10 .BTitle {max-width:64rem; z-index:1;}
#sec10 .BTitle::before {width: 0%; left: 51%; height: 100%;}
#sec10 .BTitle.aos-animate::before {width: 50%;}
#sec10 .STitle {margin-top:5rem; text-align:center;}
.sec10PrizeCont {margin-top: 12.5rem; display: flex; justify-content: space-between;}
.sec10PrizeLeft {
    position: relative;
    width: 58.15%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.sec10Prize01 {width:calc(50% - 2.5rem);}
.sec10Prize01 img {width:100%; height:auto;}
#sec10 .stemp {width: 32.5rem; height: auto; position: absolute; left: -20%; top: -15%; z-index:1;}
#sec10 .sec10PrizeTxt {
    margin-top: 2rem;
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    color: #000429;
}
#sec10 .redBox {margin-top:0;}
#sec10 .redBoxT {padding: 1.5rem 3rem;}
#sec10 .redBoxTXt {color: #000429; font-size: 3.7rem; line-height: 1;}
.sec10PRList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: center;
    padding-left: 3rem;
    margin-top: 2rem;
}
.sec10PRList li {padding:1.8rem 0;}
.sec10PRList li:last-child {padding-bottom:0;}
.sec10PRTxt {font-size: 2.8rem; font-weight: 600; line-height: 1.4; color: #000429; word-break: keep-all;}
.sec10PrizeRight {width: 37.48%;}
#sec10 .aos-animate .stemp {animation: stampBounceScale 0.75s ease-out forwards; -webkit-animation: stampBounceScale 0.75s ease-out forwards; transition-timing-function: ease-out;}
@keyframes stampBounceScale {
    0% { opacity: 0; transform: scale(1.8);}
    30% {opacity: 1; transform:scale(1);}
    50% {transform:scale(0.95);}
    70% {transform:scale(1.02);}
    85% {transform:scale(0.98);}
    100% {opacity: 1; transform:scale(1);}
}
@media (max-width:768px) {
	#sec10 {padding: 18.88vw 0;}
	#sec10 .BTitle {max-width: 70vw;}
	#sec10 .STitle {margin-top: 10.29vw; font-size: 4.17vw;}
	#sec10 .stemp {width: 36.33vw; left: -5%; top: -5%;}
	.sec10PrizeLeft {width: 80%; align-items: flex-start; flex-direction: column;}
	.sec10Prize01 {width: 100%;}
	.sec10PrizeCont {
		margin-top: 15.63vw;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
	}
	#sec10 .sec10PrizeTxt {margin-top: 2.60vw; font-size: 3.5vw; margin-bottom: 7vw; line-height: 1.3;}
	.sec10PrizeRight {width: 100%; margin-top: 8.51vw;}
	#sec10 .redBoxT {padding: 2.95vw 4.91vw;}
	#sec10 .redBoxTXt {font-size: 5vw; line-height: 1.25;}
	.sec10PRList {padding-left: 0; margin-top: 5.60vw;}
	.sec10PRList li {padding: 2.34vw 0; width: 100%;}
	.sec10PRTxt {font-size: 4.17vw; font-weight: 600; line-height: 1.4; color: #000429; word-break: keep-all; text-align: center;}
}
/*:::::::: =============== ~ sec10 END // ===============:::::::: */

/*:::::::: =============== sec11 START ~ ===============:::::::: */
#sec11 {padding:18rem 0 29rem; background:#f3f3f3; position:relative; overflow:hidden;}
#sec11 .mainInner {max-width:162rem; position:relative;}
.sec11Left {width:50%; display: flex; flex-direction: column; align-items: flex-start;}
.sec11SpanT {font-size: 2.5rem; font-weight: 600; color: #fff; padding: 1.5rem 3.5rem; background: #011c60; border-radius: 2.7rem; display: inline-block;}
#sec11 .BTitle {max-width: 64.6rem; margin: 5.6rem auto 0 0; display: inline-block;}
#sec11 .STitle {margin-top: 8.7rem; font-size: 2.5rem; line-height: 1.52; font-weight: 500; word-break: keep-all;}
.sec11Right {width: 50%; position: absolute; right: 0; top: 0; height: 100%;}
#sec11 img.glow {position: absolute; left: 50%; top: 59%; transform: translate(-50%,-50%); width: 140%;}
#sec11 .aos-animate .glow {animation: S05flash 2.2s linear;}
#sec11 img.prize {position: absolute; left: 57%; top: 60%; transform: translate(-50%,-50%); width: 73.5%;}
#sec11 img.stemp {width: 25.6rem; position: absolute; top: -9%; left: 3%;}
#sec11 img.fBg {width: 99rem; position: absolute; bottom: -1%; left: 2%;}
#sec11 img.duct {width: 33.9rem; position: absolute; bottom: 0; left: 47%;}

#sec11 .aos-animate .stemp {
	animation: stampBounceScale 0.75s ease-out forwards;
	-webkit-animation: stampBounceScale 0.75s ease-out forwards; 
	transition-timing-function: ease-out;
}
@media (max-width:768px) {
	#sec11 {padding: 18.88vw 0 39.06vw; overflow:hidden;}
	#sec11 .BTitle {max-width: 84.11vw; margin: 8.20vw auto 0;}
	.sec11Left {width: 100%; align-items: center;}
	.sec11Right {
		width: 100%;
		right: unset;
		top: unset;
		height: auto;
		position: relative;
		display: flex;
		justify-content: center;
		margin-top: 19.27vw;
	}
	.sec11SpanT {font-size: 5.21vw; padding: 3.13vw 3.91vw 2.47vw; border-radius: 2.7rem; letter-spacing: -0.04em; text-align: center;}
	#sec11 .STitle {margin-top: 8.20vw; font-size: 4.17vw; line-height: 1.3; text-align: left; word-break: keep-all;}
	#sec11 img.stemp {width: 30.94vw; position: absolute; top: 30%; left: 64%;}
	#sec11 img.prize {position: relative; left: unset; top: unset; transform: unset; width: 77%;}
	#sec11 img.duct {width: 42.32vw; left: unset; right: -2%;}
	#sec11 img.glow {top: 50%;}
	#sec11 img.fBg {width: 73.31vw; bottom: -1%; left: -2%;}
}
/*:::::::: =============== ~ sec11 END // ===============:::::::: */

/*:::::::: =============== sec12 START ~ ===============:::::::: */
#sec12 {padding:19.7rem 0 14.7rem; background:url(/STATIC/duct/sec12_bg.jpg) no-repeat center / cover;}
#sec12 .mainInner {max-width:153rem;}
#sec12 .BTitle {max-width:71.2rem; z-index:1;}
#sec12 .BTitle::before {width: 0%; left: 39%;}
#sec12 .BTitle.aos-animate::before {width: 61%;}
#sec12 .redBoxT {border: 4px solid #c72c20; display: flex; flex-direction: row; align-items: center; background:unset;}
#sec12 .waring {width:9.3rem;}

#sec12 .waring.aos-animate	{animation: S05flash 2.2s linear;}
#sec12 .redBox {margin-top:8rem;}
#sec12 .redBoxTXt {font-size:2.8rem;line-height:1.4; font-weight:600; color:#000429; margin-left:3rem; text-align:left;}
#sec12 .sec12Cont {display:flex; margin-top:8.7rem;}
.sec12CLeft {width: 63%; display: flex; flex-direction: column; align-items: center; position:relative;}

.sec12Mov {position:relative;}
.sec12Mov iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}


.sec12CLeft img {width:100%; height:auto;}
.sec12CRight {width: 37%; padding-left: 5%; padding-top: 3rem;}
.sec12CRBox:nth-child(2) {margin-top: 4.3rem;}
.sec12CBTitle img {width: 5.8rem; height: auto;}
.sec12CBTitle {
    display: flex;
    padding: 0.3rem 3.3rem 0.3rem 0.3rem;
    border-radius: 4rem;
    background: rgb(255, 255, 255, 0.7);
    align-items: center;
    display: inline-flex;
    box-shadow: 0 2px 1px rgb(0,0,0, 0.1);
}
.sec12CBTxt {color:#000429; font-size:3rem; font-weight:600; margin-left:1rem;}
.sec12CTxt {color:#000429; font-size:2.5rem; font-weight:500; margin-top:3.6rem; line-height:1.8;}
.sec12Btn {width:49.7rem;}
.sec12CLeft img.sec12Btn { width:100%; max-width: 49.7rem; margin: 4.3rem  auto 0;}

@media (max-width:768px) {
	#sec12 {padding:18.88vw 0;  background: url(/STATIC/duct/sec12_bg.jpg) no-repeat 71% top / cover;}
	#sec12 .BTitle {max-width: 58.85vw;}
	#sec12 .waring {width: 16.54vw;}
	#sec12 .redBox {margin-top: 12.63vw;}
	#sec12 .redBoxT {border: 0.52vw solid #c72c20; background: rgb(255 255 255 / 20%);}
	#sec12 .redBoxTXt {font-size: 4.17vw; line-height: 1.25; margin-left: 2.60vw; text-align: left;}
	#sec12 .sec12Cont {margin-top: 12.76vw; flex-direction: column-reverse;}
	.sec12CRBox {display: flex; flex-direction: column; align-items: center;}
	.sec12CRBox:nth-child(2) {margin-top: 12.76vw;}
	.sec12CRight {width: 100%; padding-left: 0; padding-top: 0;}
	.sec12CLeft {width:100%;}
	.sec12CBTitle img {width: 8.59vw;}
	.sec12CBTxt {font-size: 4.56vw;  margin-left: 1rem; margin-left: 1.69vw;}
	.sec12CBTitle {padding: 0.39vw 4.17vw 0.39vw 0.39vw; border-radius: 5.21vw;}
	.sec12CTxt {font-size: 4.17vw; margin-top: 3.52vw; line-height: 1.4; text-align: center;}
	.sec12CLeft {width: 100%; margin-top: 12.76vw;}
	.sec12CLeft img.sec12Btn {max-width: 55.47vw; margin: 4.43vw auto 0;}
	#sec12 .BTitle::before {left: 62%; bottom: 32%; height: 36%;}
	#sec12 .BTitle.aos-animate::before {width: 41%;}
	#sec12 .BTitle::after {content:''; position:absolute; width: 0%; bottom: -4%; left: 21%; z-index: -1; background: #dd3124; height: 33%;}
	#sec12 .BTitle.aos-animate::after {width: 57%;}
}
/*:::::::: =============== ~ sec12 END // ===============:::::::: */


/*:::::::: =============== sec13 START ~ ===============:::::::: */
#sec13 {background:#080729; padding:20rem 0 8rem 0; position:relative; overflow:hidden;}
#sec13 .mainInner {display: flex; flex-direction: column; align-items: center;}
.sec13BTitle {max-width:56.5rem;}
#sec13 .STitle {margin-top: 6rem; color: #FFF; text-align: center;}
.sec13Mov {width: 100%; max-width: 93.7rem; height: auto; margin: 9rem auto  5rem; position:relative;}
.sec13Mov img {width:100%; height:auto;}
.sec13Mov iframe {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.sec13Btn {background: #dd3124; color: #fff; border-radius: 2.7rem; display: inline-block; text-align: center; padding: 1.5rem 6.2rem; font-size: 2.6rem; font-weight: 500;}


@media (max-width:768px) {
	#sec13 {padding: 28.65vw 0;}
	.sec13BTitle {max-width: 58.33vw;}
	#sec13 .STitle {margin-top: 6rem; font-size: 4.17vw; word-break: keep-all; margin-top: 8.07vw;}
	.sec13Mov {margin: 12.11vw 0 3.91vw;}
	.sec13Btn {border-radius: 5vw; padding: 2.60vw 6.51vw; font-size: 3.65vw;}
}
/*:::::::: =============== ~ sec13 END // ===============:::::::: */

/*:::::::: =============== sec14 START ~ ===============:::::::: */
#sec14 {background:#080729; padding:20rem 0 24rem 0; position:relative; overflow:hidden;}

#sec14::before {
    content: '';
    width: 100%;
    height: 0.6rem;
    background: url(/STATIC/duct/sliverLine.jpg) no-repeat center / cover;
    position: absolute;
    top: 0;
    left: 0;
}

#sec14 .mainInner  {max-width:124rem;}
#sec14 .sec14BTitle {max-width:81.2rem;}
#sec14 .STitle {margin-top: 6rem; color: #FFF; text-align: center;}
.sec14Cont {margin-top: 11.6rem; display: flex; align-items: flex-end; justify-content: space-between;}
.sec14CLeft, .sec14CRight {position: relative; width: 44%;}
.sec14CLeft img, .sec14CRight img {width:100%;}
.sec14TbB {width:100%; height:auto;}
.sec14CTitle {font-size:4.2rem; color:#fff; font-weight:600; line-height:1.2; text-align:center;}
.sec14Cont .sec14CLeft .sec14TbB {margin-top:4.4rem;}
.sec14Cont .sec14CRight .sec14TbB {margin-top:9.8rem;}
.sec14TbBTxt {font-size: 2rem; color: #fff; margin-top: 3rem; text-align: center; font-weight: 500; position: absolute; left: 50%; transform: translateX(-50%); width: 100%;}
.sec14RedBox {left: 0%; top: 50%; position: absolute;}
.aos-animate .sec14CTitle02 {animation: S05flash 2.2s linear;}
.aos-animate .sec14RedBox {
	animation: stampBounceScale 0.75s ease-out forwards;
	-webkit-animation: stampBounceScale 0.75s ease-out forwards;
	transition-timing-function: ease-out;
}
@media (max-width:768px) {
	#sec14 {padding:18.88vw 0 28.65vw;}
	#sec14::before {height:0.78vw;}
	#sec14 .sec14BTitle {max-width: 75.65vw;}
	#sec14 .STitle {margin-top: 8.33vw; font-size: 4.17vw;}
	.sec14Cont {margin-top: 12.76vw;}
	.sec14CLeft, .sec14CRight {width: 100%;}
	.sec14CTitle {font-size: 5.47vw;}
	img.sec14TbB {padding-top: 4.5rem;}
	.sec14Cont .sec14CLeft .sec14TbB {margin-top: 0;}
	.sec14Cont .sec14CRight .sec14TbB {margin-top: 0;}
	.sec14TbBTxt {font-size: 2.86vw; margin-top: 2.65vw; line-height: 1.3;}
	.sec14RedBox {top:50%;}
	#sec14 img.sec14RedBox.mo_only {width: 79.95%; margin-left: 12.025%;}
}
/*:::::::: =============== ~ sec14 END // ===============:::::::: */

/*:::::::: =============== sec15 START ~ ===============:::::::: */
#sec15 {padding:20rem 0 16rem 0; overflow:hidden; background:url(/STATIC/duct/sec13_bg.jpg) no-repeat top / cover; position:relative;}
#sec15 .mainInner {max-width:162rem;}
#sec15 .sec15_duct {width: 37rem; height: auto; position: absolute; right: 9%; top: -16%;}
#sec15 .BTitle {max-width:32.4rem;}
#sec15 .STitle {margin-top: 6rem; text-align: center; line-height:1.3;}
.sec15Cont {display: flex; margin-top:9rem; justify-content: space-between;}
.sec15Cont li {width:calc(100%/4 - 6.3rem); position:relative;}
.sec15Cont li::Before {
    content: '';
    width: 3.3rem;
    height: 5.1rem;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(100%,-50%);
    background: url(/STATIC/duct/sec13_arrow.png) no-repeat center / cover;
}
.sec15Cont li:last-child::Before {display:none;}
.sec15Cont li img.sec15CBG {width: 100%; height: auto; border-radius: 1rem;}
.sec15Cont li .sec15CBInner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 26.36%;
}
.sec15Cont li .sec15CB {width: auto; height: 4.7rem; padding: 1rem; box-sizing: content-box; position: relative;}
.sec15Cont li .sec15CB::before {content: ''; width: 0%; position: absolute; left: 0; bottom: 0; z-index: -1; background: #dd3124; height: 100%; transition:all 0.8s ease-in-out;}
.sec15Cont li.aos-animate .sec15CB::before {width:100%;}
.sec15Cont li .sec15CB img {width:auto; height:100%;}
p.sec15CTxt {margin-top: 2rem; line-height: 1.4; font-size: 2rem; text-align: center;}
.sec15RedBox {margin-top: 7.5rem; display: flex; justify-content: center; align-items: center;}
.sec15RedBoxImg {max-width: 107.5rem; width: 100%;}
@media (max-width:768px) {
	#sec15 {padding: 18.88vw 0; background: url(/STATIC/duct/sec13_bg.jpg) no-repeat 63% top / cover;}
	#sec15 .sec15_duct {width: 31.51vw; right: 4%; top: -9%;}
	#sec15 .BTitle {max-width: 42.19vw; margin: 0;}
	#sec15 .STitle {margin-top: 8.33vw; text-align:left;}
	.sec15Cont {margin-top: 5.21vw; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
	.sec15Cont li {width: calc(100%/2 - 1.82vw); margin-top: 3.65vw;}
	.sec15Cont li .sec15CB {height: 6.12vw; padding: 1.30vw;}
	p.sec15CTxt {margin-top: 3.91vw; line-height: 1.28; font-size: 3.26vw; letter-spacing: -0.03em;}	
	.sec15Cont li::Before { width: 4.04vw; height: 6.77vw; left: 91%;}
	.sec15Cont li:nth-child(2n)::before {display:none;}
	.sec15RedBox {margin-top: 4.56vw;}
	.sec15RedBoxImg {max-width: 93.49vw; width: 93.49%;}
}
/*:::::::: =============== ~ sec15 END // ===============:::::::: */


/*:::::::: =============== sec16 START ~ ===============:::::::: */
#sec16 {padding:20rem 0 13rem 0; background:url(/STATIC/duct/sec14_bg.jpg) no-repeat top / cover;}
#sec16 .BTitle {width:23.1rem;}
.sec16Cont {display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top:10rem;}
.sec16Cont li {
    width: calc(100%/3 - 1.533rem);
    border-radius: 1rem;
    margin-right: 2.3rem;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    margin-top: 2.3rem;
    box-shadow: 3px 4px 4px rgb(0,0,0, 0.3);
}

.sec16Cont li .thumbs {
    height: 0;
    position: relative;
    padding-bottom: 97.5%;
    margin-bottom: 12.5%;
}
.sec16Cont li .thumbs img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.sec16CTxt {
    width: 100%;
    text-align: center;
    color: #fff;
    background: #080729;
    padding: 1.4rem 0 1.8rem;
    font-size: 2.6rem;
    letter-spacing: -0.03em;
    position: absolute;
    left: 0;
    bottom: 0;
}
.btn_more_cont {text-align: center; margin-top: 5rem; cursor:pointer;}
.btn_moreTxt {
    background: #dd3124;
    color: #fff;
    border-radius: 2.7rem;
    display: inline-block;
    text-align: center;
    padding: 1.5rem 6.2rem;
    font-size: 2.6rem;
    font-weight: 500;
}
.sec16Cont > li {display: none;}
.sec16Cont > li.active {display: block;}
@media (min-width:769px) {.sec16Cont li:nth-child(3n) {margin-right:0;} }
@media (max-width:768px) {
	#sec16 {padding: 18.88vw 0;}
	#sec16 .BTitle {width: 33.20vw;}
	.sec16Cont {margin-top:7.81vw;}
	.sec16Cont li {width: calc(100%/2 - 2vw); border-radius: 2.5vw; margin-right: 3.91vw; margin-top: 3.91vw; min-height:19.53vw}
	.sec16Cont li:nth-child(2n) {margin-right:0;}
	.sec16CTxt {padding: 1.95vw 0; font-size: 3.26vw;}
	.btn_more_cont {margin-top:6.91vw;}
	.btn_moreTxt {border-radius: 5vw; padding: 2.60vw 6.51vw; font-size: 3.65vw;}
}
/*:::::::: =============== ~ sec16 END // ===============:::::::: */



/*:::::::: =============== sec18 START ~ ===============:::::::: */
#sec18 {padding:19rem 0 12rem; background:url(/STATIC/duct/sec14_bg.jpg) no-repeat top / cover;}
#sec18 .BTitle {width:23.4rem;}
.sec18Color {width:100%; height:auto; margin-top:11.5rem; border-radius: 1rem;}
@media (max-width:768px) {
	#sec18 {padding: 18.88vw 0;}
	#sec18 .BTitle {width: 33.20vw;}
	.sec18Color {margin-top: 12.37vw; border-radius: 1rem;}
}
/*:::::::: =============== ~ sec18 END // ===============:::::::: */


/*=================== sec17 START ~  =================== */
#sec17 {width:100%; padding:14rem 0;}
.redTitle {font-size: 3.5rem; font-weight: 600; color: #dd3124; text-align: center;}
#sec17 .BTitle {width:36.3rem; margin-top:4.3rem;}
.sec17Cont {margin-top: 8rem;}
.sec17CBox {
    padding: 2.6rem;
    border-radius: 1.6rem;
    width: 100%;
    cursor: pointer;
    background: #f5f8fa;
	margin-top:2rem;
    border: 2px solid rgb(31 46 73 / 5%);
}
.sec17CBTitle {display: flex; align-items: flex-start; position:relative;}
.sec17Num {
    position: relative;
    color: #fff;
    font-weight: 800;
    width: 3rem;
    height: 3rem;
    font-size: 2.2rem;
    text-align: center;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0.1;
}
.sec17Num::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #666666;
    border-radius: 99%;
    z-index: -1;
}
.sec17CTxtBox {margin: 0 0 0 1.6rem; width: 100%;}
.sec17TitleBox {position:relative;}
.sec17Title {font-size: 2.4rem; color: #63666b; font-weight: 700; padding-top: 0.3rem; word-break: keep-all; line-height: 1.1;}
.sec17Txt {font-size: 2rem; color: #666666; line-height: 1.5; height: 0; overflow: hidden;}
.sec17Txt p {padding-top: 2rem; color: #666666;}
.sec17CBox.active {background:#f1f4fc;}
.sec17CBox.active .arrowUp {opacity:1;}
.sec17CBox.active .arrowDown {opacity:0;}
.sec17CBox.active .sec17Num::before  {background: #dd3124;}
.sec17CBox.active .sec17Title  {color: #080729;}
.sec17CBox.active .sec17Txt {height: 100%;}
.boxArrowBox {width: 2.1rem; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.boxArrowBox img {width: 100%; height: auto;}
img.arrowDown {position: absolute;}
.arrowUp {opacity: 0;}
@media (max-width:768px) {
	#sec17 {width: 100%; padding: 18.88vw 0;}
	#sec17 .BTitle {width: 36.33vw; margin-top: 5.47vw;}
	.sec17Cont {margin-top: 10.16vw;}
	.sec17Cont {margin: 0 auto; margin-top: 10.16vw; width: 100%;}
	.sec17CBox {padding: 4.30vw 4.04vw 4.30vw 3.91vw; border-radius: 2.08vw; margin-top: 2.08vw; border: 0.26vw solid rgb(31 46 73 / 5%);}
	.sec17Num {width: 4.43vw; height: 4.43vw; font-size: 3.39vw; line-height: 0.1; min-width: 4.43vw;}
	.sec17CTxtBox {margin: 0 1.69vw; width: 100%;}
	.sec17Txt {font-size: 3.39vw; line-height: 1.38; height: 0; overflow: hidden; width: 96%; word-break: keep-all;}
	.sec17Title {font-size: 3.91vw; padding-top: 0.15rem;}
	.boxArrowBox {width: 2.60vw; right: -0.78vw;}
	#sec17 .redTitle {font-size: 4.17vw;}
}
/*=================== ~ sec08 END // =================== */
 

/*:::::::: =============== sec19 START ~ ===============:::::::: */
#sec19 {padding:20rem 0 16.7rem; background:#080729;}
#sec19 .mainInner {}
#sec19 .BTitle {max-width:46.2rem;}
#sec19 .STitle {color: #fff; font-size: 2.8rem; font-weight: 500; line-height: 1.35; text-align: center; margin-top: 5.8rem; margin-bottom: 8.5rem;}
@media (max-width:768px) {
	#sec19 {padding: 15.63vw 0 28.44vw;}
	#sec19 .BTitle {max-width: 58.07vw;}
	#sec19 .STitle {font-size: 4.17vw; margin-top: 8.33vw; margin-bottom: 5.86vw;}
}
/*:::::::: =============== ~ sec19 END // ===============:::::::: */