/* 공통 */
._about._index section { border-radius: var(--borderRadius); overflow: hidden; }
.smallTitle { padding: calc(10/14*1em) calc(30/14*1em); display: inline-block; font-size: 14px; letter-spacing: -0.025em; color: #fff; border-radius: 17px; background-color: #000; color: #fff; }
.smallTitle p { }

._about._index { --aboutIndexGap:20px }
._about._index section { background-color: #fff; border-radius: var(--borderRadius); margin-top: var(--aboutIndexGap); }
@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px){
 ._about._index { --aboutIndexGap:15px }
 }
@media screen and (max-width:820px) { }
@media screen and (max-width:500px) { }
@media screen and (max-width:320px) { }

/* 섹션1 */
._about._index .s1 { padding-top: 124px; padding-bottom: 44px; }
._about._index .s1 h2 { font-size: 58px; padding: 0 130px; box-sizing: border-box; }
._about._index .s1 h2 small { display: block; font-size: 18px; letter-spacing: -0.025em; color: #ff6000; font-family: 'Geologica'; font-weight: 600; font-style: italic; }
._about._index .s1 h2 p { font-weight: 800; letter-spacing: -0.025em; margin-top: calc(22/58*1em); }


/* 마퀴 */
@keyframes marquee {
 from { transform: translateX(0%); }
to { transform: translateX(-50%); }
 }

._about._index .s1 .marquee { display: inline-flex; }
._about._index .s1 .marquee .con { display: inline-flex; line-height: 0.6; font-size: 287px; margin-top: calc(84/287*1em); margin-bottom: calc(140/287*1em); animation: marquee forwards infinite 22s linear; }
._about._index .s1 .marquee .con p { font-family: "Public Sans", sans-serif; font-weight: 800; letter-spacing: -0.025em; }
._about._index .s1 .marquee .con .star { width: calc(190/287*1em); height: calc(190/287*1em); margin-left: calc(62/287*1em); margin-right: calc(42/287*1em); background-size: cover; }

._about._index .s1 .btnHoverEffect { display: flex; justify-content: flex-end; padding-right: 190px; }
._about._index .s1 .btnHoverEffect li { font-size: 17px; font-weight: 500; display: inline-block; padding: calc(12/17*1em) calc(26/17*1em); margin-right: 7px; }
._about._index .s1 .btnHoverEffect li:last-child { margin-right: 0; }

._about._index .s1 .btnHoverEffect li p { letter-spacing: -0.025em; }
._about._index .s1 .btnHoverEffect li.on p { color: #fff; }
._about._index .s1 .bottom { margin-top: 45px; }
._about._index .s1 .bottom h3 { margin-bottom: 84px; padding: 0 130px; box-sizing: border-box; }
._about._index .s1 .bottom h3 small {display: block; font-size: 20px; font-weight: 600; letter-spacing: -0.025em; }
._about._index .s1 .bottom h3 strong {display: block; font-size: 42px; font-weight: 700; line-height: 1.5; margin-top: calc(18/42*1em); }
._about._index .s1 .bottom h3 strong p{letter-spacing: -0.025em;}
._about._index .s1 .bottom .slideBx { }
._about._index .s1 .bottom .slideBx .control { display: flex; font-size: 22px; margin-bottom: 98px; padding: 0 130px; box-sizing: border-box; }
._about._index .s1 .bottom .slideBx .control .pagination { font-weight: 600; }
._about._index .s1 .bottom .slideBx .control .arrow { display: flex; margin-right: 24px; }
._about._index .s1 .bottom .slideBx .control .arrow [class^='button'] { position: relative; }
._about._index .s1 .bottom .slideBx .control .arrow [class^='button']::before { content:''; display: block; width: 100%; height: 100%; padding: 5px 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; }
._about._index .s1 .bottom .slideBx .control .arrow .button-prev { margin-right: 30px; }
._about._index .s1 .bottom .slideBx .control .arrow .button-next { }
._about._index .s1 .bottom .slideBx .swiper { max-width: 934px; margin:0 auto; overflow: visible; }
._about._index .s1 .bottom .slideBx .swiper-wrapper { }
._about._index .s1 .bottom .slideBx .swiper-slide { border-radius: var(--borderRadiusMini); overflow: hidden; position: relative; cursor: pointer; }
._about._index .s1 .bottom .slideBx .swiper-slide::before{
    content:''; display: block; width: 100%; padding-bottom: calc((800 * 100) / 1200 * 1%);
}
._about._index .s1 .bottom .slideBx .swiper-slide img {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; object-fit: cover; filter: brightness(0.5); transition: filter 0.7s;
}
._about._index .s1 .bottom .slideBx .swiper-slide.swiper-slide-active img { filter: brightness(1); }
._about._index .s1 .bottom .slideBx .swiper-slide p { font-size: 35px; letter-spacing: -0.025em; color: #fff; font-weight: 600; position: absolute; left: 60px; bottom: 54px; }

/* 섹션1 반응형 */
@media screen and (max-width:1600px){
 ._about._index .s1 h2,
 ._about._index .s1 .bottom h3 { padding: 0; width: 95%; margin: 0 auto; }
 ._about._index .s1 .marquee .con { font-size: 200px; }
 ._about._index .s1 .btnHoverEffect { width: 95%; margin: 0 auto; padding-right: 0; }

 ._about._index .s1 .bottom h3 { }
 ._about._index .s1 .bottom .slideBx .control { justify-content: flex-end; width: 95%; margin: 0 auto; margin-bottom: 40px; padding: 0; }
 }
@media screen and (max-width:1440px){
 ._about._index .s1 .marquee .con { font-size: 180px; }
 }
@media screen and (max-width:1280px){
 ._about._index .s1 .bottom .slideBx .swiper { max-width: unset; }
 }
@media screen and (max-width:1024px){
 ._about._index .s1 { padding-top: 100px; }
 ._about._index .s1 h2 { font-size: 42px; }
 ._about._index .s1 h2 small { font-size: 16px; }
 ._about._index .s1 .marquee .con { font-size: max(calc(140/1024*100vw),64px); margin-top: 40px; margin-bottom: 60px; }
 ._about._index .s1 .btnHoverEffect li { font-size: 14px; }
 ._about._index .s1 .bottom h3 strong { font-size: 36px; }
 ._about._index .s1 .bottom .slideBx .control { font-size: 20px; margin-bottom: 20px; }
 }
@media screen and (max-width:820px){
 ._about._index .s1 { padding-top: 70px; padding-bottom: 30px; }
 ._about._index .s1 h2 { font-size: 34px; }
 ._about._index .s1 h2 small { font-size: 14px; }
 ._about._index .s1 .marquee .con { margin-top: 30px; margin-bottom: 40px; }
 ._about._index .s1 .btnHoverEffect { flex-wrap: wrap; justify-content: flex-start; }
 ._about._index .s1 .btnHoverEffect li { margin-bottom: 6px; margin-right: 6px; }

 ._about._index .s1 .bottom h3 small { font-size: 16px; }
 ._about._index .s1 .bottom h3 strong { font-size: 26px; }

 ._about._index .s1 .bottom .slideBx .swiper-slide { border-radius: 10px; }
 ._about._index .s1 .bottom .slideBx .swiper-slide p { left: 10px; bottom: 10px; font-size: 20px; }


 ._about._index .s1 .bottom .slideBx .control { font-size: 17px; margin-top: 20px; }
 ._about._index .s1 .bottom .slideBx .control .arrow { margin-right: 14px; }
 ._about._index .s1 .bottom .slideBx .control .arrow .button-prev { margin-right: 20px; }
 }
@media screen and (max-width:500px){
 ._about._index .s1 { padding-top: 60px; }
 ._about._index .s1 h2 { font-size: 28px; }
 ._about._index .s1 .marquee .con { margin-bottom: 30px; margin-top: 44px; }
 ._about._index .s1 .btnHoverEffect { display: block; }
 ._about._index .s1 .btnHoverEffect li { padding: 8px 16px; font-size: 13px; }

 ._about._index .s1 .bottom { margin-top: 30px; }
 ._about._index .s1 .bottom h3 small { font-size: 14px; }
 ._about._index .s1 .bottom h3 strong { font-size: 18px; }

 ._about._index .s1 .bottom .slideBx .control { margin-bottom: 10px; }
 ._about._index .s1 .bottom .slideBx .control .arrow [class^='button']::before { padding: 6px; }
 }
@media screen and (max-width:320px) { }







/* 섹션2 */
._about._index .s2 { display: flex; align-items: center; justify-content: center; position: relative; padding: 80px 0; box-sizing: border-box;}
._about._index .s2 .bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background-size: cover; background-position: center 0%; filter: brightness(0.4);}
._about._index .s2 .txt { text-align: center; color: #fff; position: relative; }
._about._index .s2 .txt strong { display: block; font-size: 50px; letter-spacing: -0.025em; font-weight: 600; line-height: 1.3; }
._about._index .s2 .txt strong:nth-of-type(2){margin-top: 30px; margin-bottom: 60px;}
._about._index .s2 .txt p {font-size: 18px; letter-spacing: -0.025em; font-weight: 600; line-height: 1.7222; }

@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px){
	._about._index .s2 .txt strong { font-size: 50px; }
}
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px){
	._about._index .s2 { padding: 80px 20;}
	._about._index .s2 .txt strong { font-size: max(calc(40/820*100vw),20px);}
	._about._index .s2 .txt p { font-size: 16px; }
}
@media screen and (max-width:500px){
	._about._index .s2 { padding: 50px 18px;}
	._about._index .s2 .bg { background-position: 25% center; }
	._about._index .s2 .txt{word-break: keep-all;}
	._about._index .s2 .txt p {max-width: 200px; margin: 0 auto; line-height: 1.3;}
	._about._index .s2 .txt p br { display: none; }
	._about._index .s2 .txt strong:nth-of-type(2){margin-top: 20px; margin-bottom: 40px;}
}
@media screen and (max-width:320px){
	._about._index .s2 .txt strong { word-break: keep-all; }
	._about._index .s2 .txt strong br { display: none; }
}


/* 섹션3 */
._about._index .s3 { padding-top: 56px; padding-bottom: 150px; }
._about._index .s3 h3 { padding: 0 130px; box-sizing: border-box; margin-bottom: 55px; }
._about._index .s3 h3 small { font-size: 14px; font-weight: 500; letter-spacing: -0.025em; width: 180px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #000; box-sizing: border-box; border-radius: 100px; }
._about._index .s3 h3 small p { }
._about._index .s3 h3 strong { display: block; font-size: 42px; letter-spacing: -0.01em; font-weight: 600; margin-top: calc(26/42*1em); }
._about._index .s3 .cont { text-align: center; padding: 0 30px; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; }
._about._index .s3 .cont .imgBx{position: relative; display: inline-block;}
._about._index .s3 .cont .imgBx > img { margin: 0 auto; min-width: 700px; }

._about._index .s3 .cont .imgBx a{display: flex; align-items: center; justify-content: center; position: absolute; height: 5%; box-sizing: border-box;}
._about._index .s3 .cont .imgBx a *{position: absolute;}
._about._index .s3 .cont .imgBx a.n1{background-color: #fff; border: 1px solid #000;}
._about._index .s3 .cont .imgBx a.n1 img{width: 31%; bottom: 52%;}
._about._index .s3 .cont .imgBx a.n2 img{width: 64.5%; top: 22%; left: 18%;}
._about._index .s3 .cont .imgBx a.n2{color: #fff; background-color: #000F62; border: 1px solid #000F62;}
._about._index .s3 .cont .imgBx a.n2 small{font-size: min(calc(12/1920*100vw),12px); font-weight: 100; top: 27%; right: 18%; letter-spacing: -0.01em;}
._about._index .s3 .cont .imgBx a small{}
._about._index .s3 .cont .imgBx a p{font-size: min(calc(18/1920*100vw),18px); font-weight: 500; letter-spacing: -0.04em; bottom: 18.5%;}
._about._index .s3 .cont .imgBx a.n1{left: 0%; top: 37%; width: 20.6%;}
._about._index .s3 .cont .imgBx a.n2{right: 0.8%; top: 37%; width: 24.2%;}

@media screen and (min-width:1025px){
    ._about._index .s3 .cont .imgBx a.n1:hover{background-color: #343434; color: #fff;}
    ._about._index .s3 .cont .imgBx a.n1:hover img{filter: invert(1);}
    ._about._index .s3 .cont .imgBx a.n2:hover{background-color: #343434;}
}

@media screen and (max-width:1600px){
 ._about._index .s3 h3 { padding: 0; width: 95%; margin: 0 auto; margin-bottom: 100px; }
 }
@media screen and (max-width:1440px){
 ._about._index .s3 h3 strong { font-size: 36px; }
 }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px){
 ._about._index .s3 { padding-bottom: 100px; }
 ._about._index .s3 h3 small { width: 170px; height: 34px; }
 ._about._index .s3 h3 strong { font-size: 28px; }
 }
 @media screen and (max-width:790px){
    ._about._index .s3 .cont .imgBx a.n2 small{font-size: 5.5px;}
    ._about._index .s3 .cont .imgBx a p{font-size: 8px;}
 }
@media screen and (max-width:820px){
 ._about._index .s3 { padding-bottom: 40px; }
 ._about._index .s3 h3 small { width: 160px; height: 30px; }
 ._about._index .s3 h3 strong { font-size: 22px; }
 }
@media screen and (max-width:500px){
 ._about._index .s3 { padding-bottom: 30px; }
 ._about._index .s3 h3 { text-align: center; margin-bottom: 30px; padding: 0 8px; box-sizing: border-box; }
 ._about._index .s3 h3 small { padding: 6px 10px; width: auto; height: auto; font-size: 13px; }
 ._about._index .s3 h3 strong { font-size: 18px; word-break: keep-all; line-height: 1.3; }
 }
@media screen and (max-width:320px) { }


/* 섹션4 */
._about._index .s4 { position: relative; text-align: center; overflow: hidden; }
._about._index .s4 .bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center 0%; top: 0; left: 0; filter: brightness(0.5); transition: all 1.5s; }
._about._index .s4 .bg img { }

._about._index .s4 .swiper-slide { overflow: hidden; }
._about._index .s4 .arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 36px; font-weight: 500; width: 60px; height: 60px; border-radius: 50%; background-color: #959595; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; margin: 20px; transition: opacity 0.3s; opacity: 0.5; }
@media screen and (min-width:1025px){
 ._about._index .s4 .arrow:hover { opacity: 1; }
 }
/* .arrow.swiper-button-disabled { opacity: 0.2; cursor: revert !important; } */
/* ._about._index .s4 .arrow.swiper-button-disabled:hover { background-color: #959595; } */
._about._index .s4 .arrow.prev { left: 0; }
._about._index .s4 .arrow.next { right: 0; }
._about._index .s4 .arrow.prev i { transform: translateX(-5%); }
._about._index .s4 .arrow.next i { transform: translateX(5%); }

._about._index .s4 .cont { display: inline-flex; flex-direction: column; margin: 0 auto; padding-bottom: 88px; }
._about._index .s4 h3 { display: inline-flex; font-size: 392px; letter-spacing: -0.025em; color: #fff; font-family: 'Geologica'; mix-blend-mode: difference; margin-bottom: 200px; }
._about._index .s4 h3 b { display: block; }
._about._index .s4 .txt { display: inline-block; position: relative; text-align: left; padding-left: 20px; box-sizing: border-box; }
._about._index .s4 .txt em { font-size: 32px; font-weight: 600; letter-spacing: -0.025em; color: #fff; }
._about._index .s4 .txt > p { font-size: 18px; letter-spacing: -0.025em; color: #d8d8d8; margin-top: 1em; margin-bottom: 38px; line-height: 1.3; }
._about._index .s4 .txt .btnBx{display: flex;}
._about._index .s4 .txt .btnBx .viewBtn{margin-right: 20px;}
._about._index .s4 .txt .btnBx a{
	display: flex; align-items: center; justify-content: center; background-color: #000; color: #fff;
	transition: all 0.5s; width: 115px; height: 42px; border: 1px solid #000; box-sizing: border-box;
	font-size: 17px; font-weight: 500; border-radius: 100px;
}
@media screen and (min-width:1025px) {
	._about._index .s4 .txt .btnBx a:hover{border: 1px solid #fff; background-color: transparent; color: #fff;}
}
._about._index .s4 .txt .btnBx a p{}



@media screen and (max-width:1600px){
 ._about._index .s4 h3 { font-size: calc(390/1600*(100vw - 30px)); justify-content: center; }
 }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px){
 ._about._index .s4 h3 { margin-bottom: 130px; }
 ._about._index .s4 .arrow { width: 50px; height: 50px; font-size: 30px; }
 }
@media screen and (max-width:820px){
 ._about._index .s4 .cont { padding: 30px 0; padding-bottom: 40px; }
 ._about._index .s4 h3 { margin-bottom: 80px; }
 ._about._index .s4 .txt { padding-left: 0; text-align: center; }
 ._about._index .s4 .txt em { font-size: 26px; }
 ._about._index .s4 .txt > p { font-size: 15px; max-width: 320px; line-height: 1.3; word-break: keep-all; margin: 10px auto; margin-bottom: 20px; padding: 0 30px; box-sizing: border-box; }

 ._about._index .s4 .txt .btnBx{justify-content: center;}
 ._about._index .s4 .txt .btnBx a { width: 100px; height: 32px; font-size: 14px; }
 }
@media screen and (max-width:500px){
 ._about._index .s4 h3 { margin-bottom: 60px; }
 ._about._index .s4 .txt em { font-size: 22px; }
 ._about._index .s4 .txt > p { font-size: 13px; padding: 0 10px;}
 ._about._index .s4 .arrow { width: 38px; height: 38px; font-size: 18px; margin: 0 10px; }

 ._about._index .s4 .txt .btnBx{justify-content: center;}
 ._about._index .s4 .txt .btnBx a { width: 80px; height: 28px; font-size: 13px; }
 ._about._index .s4 .txt .btnBx .viewBtn{margin-right: 10px;}
 }
@media screen and (max-width:320px){
 ._about._index .s4 .arrow { width: 32px; height: 32px; font-size: 14px; margin: 0 6px; }

 }



/* 섹션4 팝업 */
.s4popupBx { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 1655px; width: 100%; z-index: 9999999999; text-align: center; padding:0 70px; box-sizing: border-box; }
.s4popupBx .bg { background-color: rgba(0,0,0,0.8); width: 100vw; height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; }
.s4popupBx { }
.s4popupBx .arrow { font-size: 43px; color: #fff; opacity: 0.4; cursor: pointer; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; margin-top: 28px;}
.s4popupBx .arrow.prev { left: -70px; }
.s4popupBx .arrow.next { right: -70px; }
.s4popupBx .contentBx { position: relative; }
.s4popupBx .contentBx .cancel { position: absolute; top: -90px; right: -44px; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #ffffff7e; overflow: hidden; }
.s4popupBx .contentBx .cancel::before { content:''; display: block; position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: 0.3; left: 0; top: 0; }
.s4popupBx .contentBx strong { display: none; padding-bottom: 24px; font-size: 32px; font-weight: 600; color: #fff; letter-spacing: -0.025em;  text-align: left;}
.s4popupBx .contentBx .swiper { display: none; position: relative;}
.s4popupBx .swiper-slide::before{
	content:''; display: block; width: 100%; padding-bottom: calc(323 * 100 / 485 * 1%);
}
.s4popupBx .swiper-slide img {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; object-fit: cover;
}
.s4popupBx .contentBx strong.show { display: block; }
.s4popupBx .contentBx .swiper.show { display: block; }

/* 지도 */
.s4popupBx.map{}
.s4popupBx .mapArea{}
.s4popupBx .mapArea .mapBx{display: none; height: 500px;}
.s4popupBx .mapArea .mapBx > div{height: 100% !important;}
.s4popupBx .mapArea .mapBx.show{display: block;}
.s4popupBx .mapArea .mapBx p{font-size: 22px; letter-spacing: -0.025em; color: #fff; text-align: left; line-height: 1.3; margin-top: 26px;}
.s4popupBx.map .cancel{top: 0; right: -14px; transform: translateX(100%);}

@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px){
	.s4popupBx .contentBx .cancel{top: 0; right: 0;}
	.s4popupBx.map .contentBx .cancel{transform: unset;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px){
 .s4popupBx { padding: 0; }
 .s4popupBx .arrow { opacity: 1; }
 .s4popupBx .arrow.prev { left: 2.5vw; }
 .s4popupBx .arrow.next { right: 2.5vw; }
 .s4popupBx .contentBx strong { padding-left: 2.5%; box-sizing: border-box;}
 .s4popupBx .contentBx .cancel { right: 2.5vw; }

 .s4popupBx .mapArea{padding: 0 2.5%; box-sizing: border-box;}
 .s4popupBx .mapArea .mapBx p{font-size: 18px; margin-top: 10px;}
 }
@media screen and (max-width:500px){
 .s4popupBx .contentBx strong { font-size: 20px; }
 .s4popupBx .mapArea .mapBx{height: 400px;}
 .s4popupBx .mapArea .mapBx p{font-size: 14px;}
 }
@media screen and (max-width:320px) { }


/* 연혁 */
._about._index .s5 { background-color: #ff6018; }
._about._index .s5 > ul { padding-top: 55px; padding-bottom: 43px; }
._about._index .s5 > ul > li { }
._about._index .s5 > ul > li { border-top: 1px solid #000; box-sizing: border-box; position: relative; }
._about._index .s5 > ul > li:last-child { border-bottom: 1px solid #000; }
._about._index .s5 > ul > li .tit { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 103px; cursor: pointer; padding: calc(27/103*1em) 0; padding-left: 70px; padding-right: 53px; box-sizing: border-box; transition: all 0.5s; }
._about._index .s5 > ul > li .tit::before { content:''; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; transition: all 0.7s; }
._about._index .s5 > ul > li .tit h3 { position: relative; font-family: "Public Sans", sans-serif; font-weight: 800; letter-spacing: -0.025em; }
._about._index .s5 > ul > li .tit h3 br { display: none; }
._about._index .s5 > ul > li .tit .plus { position: relative; cursor: pointer; width: 27px; display: flex; align-items: center; justify-content: center; }
._about._index .s5 > ul > li .tit .plus div { height: 3px; width: 100%; background-color: #000; position: absolute; transition: all 0.5s; }
._about._index .s5 > ul > li .tit .plus div:nth-of-type(1) { }
._about._index .s5 > ul > li .tit .plus div:nth-of-type(2) { transform: rotate(90deg); }
._about._index .s5 > ul > li .tit.on .plus div:nth-of-type(2) { transform: rotate(180deg); }
._about._index .s5 > ul > li .cont { display: none; background-color: #fff; padding-top: 54px; padding-left: 65px; padding-bottom: 63px; box-sizing: border-box; }
._about._index .s5 > ul > li .cont small { }
._about._index .s5 > ul > li .cont .colBx { display: flex; flex-wrap: wrap; padding-left: 30px; margin-top: 50px; }
._about._index .s5 > ul > li .cont .colBx .col { font-size: 18px; letter-spacing: -0.025em; color: #343434; line-height: 1.3; display: flex; margin-bottom: 1em; width: 33.3%; padding-left: 40px; padding-right: 10px; box-sizing: border-box; }
._about._index .s5 > ul > li .cont .colBx .col em { min-width: 70px; }
._about._index .s5 > ul > li .cont .colBx .col p { }


@media screen and (min-width:1025px) { /* ._about._index .s5 > ul > li .tit:hover::before { width: 100%; } */
 ._about._index .s5 > ul > li .tit:hover { padding: calc(27 / 103* 1em) 0; padding-left: 100px; padding-right: 100px; color: #fff; }
 ._about._index .s5 > ul > li .tit:hover .plus div { background-color: #fff; }
 }



@media screen and (max-width:1600px){
 ._about._index .s5 > ul > li .tit { font-size: 80px; }
 ._about._index .s5 > ul > li .cont .colBx .col { width: 100%; }
 }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px){
 ._about._index .s5 > ul > li .tit { padding-left: 30px; padding-right: 30px; }
 ._about._index .s5 > ul > li .cont .colBx { margin-top: 40px; padding-left: 0; }
 ._about._index .s5 > ul > li .cont .colBx .col em { min-width: 50px; }
 }
@media screen and (max-width:820px){
 ._about._index .s5 > ul > li .tit { font-size: 50px; }
 ._about._index .s5 > ul > li .tit .plus { width: 22px; }
 ._about._index .s5 > ul > li .cont { padding: 40px 20px; }
 ._about._index .s5 > ul > li .cont .colBx .col { font-size: 16px; word-break: keep-all; }
 ._about._index .s5 > ul > li .cont .colBx .col em { min-width: 40px; }
 }
@media screen and (max-width:500px){
 ._about._index .s5 > ul { padding: 40px 0; }
 ._about._index .s5 > ul > li .tit { padding-left: 20px; padding-right: 20px; font-size: 38px; }

 ._about._index .s5 > ul > li .cont { padding: 30px 14px; }
 ._about._index .s5 > ul > li .cont .colBx { margin-top: 30px; }
 ._about._index .s5 > ul > li .cont .colBx .col { padding-left: 0; font-size: 14px; }
 ._about._index .s5 > ul > li .cont .colBx .col em { min-width: 22px; }

 ._about._index .s5 .smallTitle { font-size: 13px; }
 }
@media screen and (max-width:400px){
 ._about._index .s5 > ul > li .tit h3 br { display: block; }
 }