.product{ display: block; width: 100%; position: relative; font-family: 'Pretendard'; word-break: keep-all; }
.product section{ width: 100%; position: relative; overflow: hidden; }

/* 고객사 익명후기 */
.product section.intro{ padding-top: 200px; padding-bottom: 250px; }
.product section.intro .bgbx{ width: calc(395 / 1920 * 100%); height: calc(650 / 875 * 100%); background-color: #eeeeef; border-radius: 48px 0 0 48px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; }
.product section.intro .cont{ width: calc(710 / 1440 * 100%); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.product section.intro .cont .txt p.small{ font-size: 22px; font-weight: 500; letter-spacing: -0.05em; line-height: 1.3; }
.product section.intro .cont .txt p.big{ font-size: 50px; font-weight: 700; letter-spacing: -0.05em; line-height: calc(71 / 50); margin-top: 15px; }
.product section.intro .cont .txt p.big span{ font-size: 56px; color: #f36e3b; font-family: 'Poppins'; font-weight: 600; }
.product section.intro .cont .blk_btn{ margin-top: 45px; display: flex; align-items: center; justify-content: center; color: #fff; border: 2px solid #000; box-sizing: border-box; background-color: #000; padding: 11px 13px; border-radius: 9px; font-size: 17px; }
.product section.intro .cont .blk_btn em{ letter-spacing: -0.05em; font-weight: 500; padding-left: 10px; }
.product section.intro .cont .blk_btn i{ margin-left: 13px; display: block; }

    /* 스와이퍼 */
.product section.intro .swWrap{ width: calc(965 / 1920 * 100%); margin-left: auto; position: absolute; z-index: 10; right: 0; top: 50%; transform: translateY(-50%); }
.product section.intro .swWrap .refer{ width: 100%; padding: 5% 0; cursor: pointer; }
.product section.intro .swWrap .refer .swiper-slide{ display: flex; align-items: center; justify-content: center; position: relative; transition-duration: 0.4s; min-height: 389px; box-sizing: border-box; }
.product section.intro .swWrap .refer ._inn{ width: 100%; height: 78%; position: absolute; transition-duration: 0.4s; }
.product section.intro .swWrap .refer ._inn .sq{ position: absolute; width: 100%; height: 100%; border: 1px solid #c8c8c8; border-radius: 27px; overflow: hidden; background-color: #ffffff; padding: 22px; box-sizing: border-box; transition-duration: 0.4s; top: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; color: #000; }
.product section.intro .swWrap .refer ._inn .sq dl{ padding: 0 10px; box-sizing: border-box; }
.product section.intro .swWrap .refer ._inn .sq dl dt{ font-size: 21px; font-weight: 600; font-family: 'Poppins'; letter-spacing: -0.05em; transition-duration: 0.4s; }
.product section.intro .swWrap .refer ._inn .sq dl dd{ font-size: 14px; letter-spacing: -0.05em; line-height: calc(28 / 17); margin-top: 16px; transition-duration: 0.4s; }
.product section.intro .swWrap .refer ._inn .sq .mark{ width: 15px; transition-duration: 0.4s; }
.product section.intro .swWrap .refer ._inn .sq .mark._2{ width: 100%; display: flex; justify-content: flex-end; align-items: center; }
.product section.intro .swWrap .refer ._inn .sq .mark._2 img{ margin-left: auto; width: 15px; transition-duration: 0.2s; }

.product section.intro .swWrap .swiper-pagination{ text-align: left; width: auto; display: inline-flex; align-items: center; left: 20.2%; transform: translateX(-50%); }
.product section.intro .swWrap .swiper-pagination-bullet{ width: 6px; height: 6px; background-color: #aeaeae; opacity: 1; transition-duration: 0.2s; }
.product section.intro .swWrap .swiper-pagination-bullet-active{ width: 10px; height: 10px; background-color: #f36e3b; }

    /* 활성화스타일 */
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active{ margin-right: 15% !important; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn{ height: 100%; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq{ width: 131.9%; padding: 30px; background-color: #f36e3b; color: #fff; border-color: #f36e3b; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq .mark{ filter: invert(1); width: 100%; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq .mark img{ width: 22px; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl{ padding: 0 15px; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl dt{ font-size: 28px; font-weight: 600; font-family: 'Poppins', 'Pretendard'; letter-spacing: -0.05em; }
.product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl dd{ font-size: 17px; letter-spacing: -0.05em; line-height: calc(28 / 17); margin-top: 22px; }


@media screen and (max-width: 1800px){
    .product section.intro .cont{ max-width: 400px; width: calc(485 / 1440 * 100%); }
    .product section.intro .swWrap{ width: calc(1240 / 1920 * 100%); }
}

@media screen and (max-width: 1280px){
    .product section.intro{ padding-top: 150px; padding-bottom: 200px; }
    .product section.intro .cont .txt p.small{ font-size: 18px; }
    .product section.intro .cont .txt p.big{ font-size: 40px; }
    .product section.intro .cont .txt p.big span{ font-size: 45px; }
    .product section.intro .cont .blk_btn{ font-size: 15px; }

    .product section.intro .swWrap .refer ._inn .sq{ padding: 15px; }
    .product section.intro .swWrap .refer ._inn .sq dl{ padding: 0 5px; }
    .product section.intro .swWrap .refer ._inn .sq dl dt{ font-size: 18px; }
    .product section.intro .swWrap .refer ._inn .sq dl dd{ margin-top: 5px; font-size: 13px; }

    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active{ margin-right: 18% !important; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq{ padding: 20px; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl{ padding: 0 5px; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl dt{ font-size: 24px; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl dd{ font-size: 16px; }

    .product section.intro .swWrap .swiper-pagination{ left: 24.6%; }

}

@media screen and (max-width: 1024px){
    .product section.intro .swWrap .swiper-pagination{ left: 30.6%; bottom: 0; }
    .product section.intro .cont .txt p.small{ font-size: 16px; }
    .product section.intro .cont .txt p.big{ font-size: 31px; }
    .product section.intro .cont .txt p.big span{ font-size: 33px; line-height: 1; }
}

@media screen and (max-width: 820px){
    .product section.intro{ padding: 100px 0; }
    .product section.intro .bgbx{
		width: 100%; height: 30%; bottom: 0; top: auto; left: 0; right: auto; transform: translateY(0); border-radius: 48px 48px 0 0;
		display: none;
	}

    .product section.intro .cont{ max-width: unset; width: 100%; justify-content: center; align-items: center; }
    .product section.intro .cont .txt{ text-align: center; }
    .product section.intro .cont .txt p.small{ font-size: 14px; }
    .product section.intro .cont .txt p.big{ margin-top: 10px; font-size: 28px; }
    .product section.intro .cont .blk_btn{ margin-top: 20px; }

    .product section.intro .swWrap{  width: 100%; position: static; transform: translateY(0) !important; margin-top: 30px; }
    .product section.intro .swWrap .refer{ padding: 0 5%; box-sizing: border-box; overflow: visible; }
    .product section.intro .swWrap .refer .swiper-slide{ min-height: 350px; }

    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active{ margin-right: 20px !important; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq{ width: 100%; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl dt{ font-size: 20px; }
    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq dl dd{ font-size: 14px; }

    .product section.intro .swWrap .swiper-pagination{ bottom: -30px; left: 50%; }
}

@media screen and (max-width: 500px){
    .product section.intro{ padding: 70px 0; }
    .product section.intro .cont .txt p.big{ font-size: 24px; }
    .product section.intro .cont .txt p.big span{ font-size: 28px; }
    .product section.intro .cont .blk_btn{ font-size: 14px; }

    .product section.intro .swWrap .refer .swiper-slide.swiper-slide-active ._inn .sq{ padding: 15px 10px; }
}


/* 고객사 */
.product section.partners{ padding: 115px 0; box-sizing: border-box; background-color: #eeeeef; }
.product section.partners::after{ content: ''; display: block; width: 10%; background: linear-gradient(90deg,rgba(238, 238, 239, 1) 0%, rgba(238, 238, 239, 1) 40%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; top: 0; height: 100%; z-index: 10; }
.product section.partners::before{ content: ''; display: block; width: 10%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(238, 238, 239, 1) 60%, rgba(238, 238, 239, 1) 100%); position: absolute; right: 0; height: 100%; z-index: 10; }

.product section.partners h2{ font-size: 48px; letter-spacing: -0.05em; font-weight: 700; line-height: calc(70 / 48); text-align: center; }
.product section.partners .logoplay{ display: flex; align-items: center; margin-top: 75px; position: relative; }

.product section.partners.stop::after{ display: none; }
.product section.partners.stop::before{ display: none; }
.product section.partners.stop .logoplay .group{ animation: none; justify-content: center; gap: 20px; width: 95%; margin: 0 auto; }
.product section.partners.stop .logoplay .group li{ margin: 0; width: 21%; max-width: 224px; }

.product section.partners .logoplay:last-of-type{ margin-top: 25px; }
.product section.partners .logoplay:last-of-type .group{ animation-direction: reverse; }
.product section.partners .logoplay .group{ flex-shrink: 0; min-width: 100%; display: flex; justify-content: space-around; animation: logoplay 20s infinite linear; }
.product section.partners .logoplay .group.no_move{animation: unset;}
.product section.partners .logoplay .group li{ margin: 0 10px; border-radius: 16px; background-color: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; }
.product section.partners .logoplay .group li img{ max-height: 85px; width: 100%; }

.product section.partners .logoplay.size .group li{ width: 15%; text-align: center; display: flex; align-items: center; justify-content: center; }

@keyframes logoplay {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 1280px){
    .product section.partners h2{ font-size: 40px; }
}

@media screen and (max-width: 1024px){
    .product section.partners h2{ font-size: 33px; }
    .product section.partners .logoplay .group li{ width: 160px; border-radius: 12px; }
    .product section.partners .logoplay{ margin-top: 50px; }
    .product section.partners .logoplay.size .group li{ width: 160px; }
}

@media screen and (max-width: 820px){
    .product section.partners{ padding: 70px 0; }
    .product section.partners h2{ font-size: 28px; }
    .product section.partners .logoplay .group li{ width: 140px; border-radius: 10px; }
    .product section.partners .logoplay{ margin-top: 35px; }
    .product section.partners .logoplay:last-of-type{ margin-top: 15px; }
    .product section.partners .logoplay.size .group li{ width: 140px; }

    .product section.partners.stop .logoplay .group{ gap: 10px; flex-wrap: wrap; flex-shrink: unset; max-width: 670px; min-width: unset; margin: 0 auto; }
    .product section.partners.stop.qua .logoplay .group li{ width: 41%; }
}

@media screen and (max-width: 500px){
    .product section.partners h2{ font-size: 21px; }
    .product section.partners .logoplay{ margin-top: 20px; }
}


/* 주기능/특장점 */
.product section.features{ padding: 180px 0; }
.product section.features .flxbx{ display: flex; align-items: center; margin-bottom: 230px; }
.product section.features .flxbx:last-of-type{ margin-bottom: 0; }
.product section.features .flxbx .badgebx{ width: 50%; box-sizing: border-box; padding-right: 15px; }
.product section.features .flxbx:nth-of-type(2n) .badgebx{ padding-left: calc(150 / 1440 * 100%); }

.product section.features .flxbx .gifbx{ width: 50%; box-sizing: border-box; border-radius: 21px; overflow: hidden; }

@media screen and (max-width: 1280px){
    .product section.features{ padding: 130px 0; }
    .product section.features .flxbx{ margin-bottom: 150px; }
    .product section.features .flxbx:nth-of-type(2n) .badgebx{ padding-left: calc(100 / 1440 * 100%); }
}

@media screen and (max-width: 1024px){
    .product section.features{ padding: 110px 0; }
    .product section.features .flxbx{ margin-bottom: 100px; }
    .product section.features .flxbx:nth-of-type(2n) .badgebx{ padding-left: calc(80 / 1440 * 100%); }
}

@media screen and (max-width: 820px){
    .product section.features{ padding: 70px 0; }
    .product section.features .flxbx{ margin-bottom: 70px; flex-direction: column;  }
    .product section.features .flxbx:nth-of-type(2n){ flex-direction: column-reverse; }
    .product section.features .flxbx:nth-of-type(2n) .badgebx{ padding: 0; }
    .product section.features .flxbx .badgebx{ width: 100%; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .product section.features .flxbx .gifbx{ width: 100%; margin-top: 30px; }
}


/* 뱃지타이틀 공통 */
.product .badge{ padding: calc(10 / 18 * 1em) calc(17 / 18 * 1em); font-size: 18px; letter-spacing: -0.05em; font-weight: 700; border-radius: 6px; border: 1px solid #c9c9c9; box-sizing: border-box; display: inline-block; }
.product .badge b{ color: #f36e3b; }

.product .badgebx dl dt{ font-size: 48px; letter-spacing: -0.05em; line-height: calc(69 / 48); margin-top: 20px; font-weight: 700; }
.product .badgebx dl dd{ font-size: 19px; letter-spacing: -0.05em; color: #2b2b2b; margin-top: 15px; line-height: calc(31 / 19); }
.product .badgebx .icons{ display: flex; margin-top: 50px; gap: 10px; }
.product .badgebx .icons li{ padding: 9px 14px; box-sizing: border-box; border-radius: 6px; overflow: hidden; font-size: 16px; letter-spacing: -0.05em; line-height: 1.3; display: flex; align-items: baseline; }
.product .badgebx .icons li i{ margin-right: 8px; }

.product .badgebx .icons._blue li{ background-color: #e2f3ff; color: #1e65d0; }
.product .badgebx .icons._green li{ background-color: #ddffde; color: #0e8860; }



@media screen and (max-width: 1280px){
    .product .badge{ font-size: 16px; }
    .product .badgebx dl dt{ font-size: 38px; }
    .product .badgebx dl dd{ font-size: 17px; }
    .product .badgebx .icons{ margin-top: 40px; }
    .product .badgebx .icons li{ font-size: 15px; }
}

@media screen and (max-width: 1024px){
    .product .badge{ font-size: 14px; }
    .product .badgebx dl dt{ font-size: 28px; }
    .product .badgebx dl dd{ font-size: 16px; }
    .product .badgebx .icons{ margin-top: 30px; }
    .product .badgebx .icons li{ font-size: 14px; }
}

@media screen and (max-width: 820px){
    .product .badge{ font-size: 13px; }
    .product .badgebx dl{ text-align: center; }
    .product .badgebx dl dt{ font-size: 24px; }
    .product .badgebx dl dd{ font-size: 14px; }

    .product .badgebx .icons{ margin-top: 20px; }
    .product .badgebx .icons li{ font-size: 13px; }
}

@media screen and (max-width: 500px){
    .product .badgebx dl dt{ font-size: 22px; margin-top: 10px; }
    .product .badgebx dl dd{ font-size: 14px; margin-top: 10px; }
    .product .badgebx dl dd br.none{ display: none; }
    .product .badgebx .icons{ margin-top: 20px; }
    .product .badgebx .icons li{ font-size: 13px; }
}




/* 편의기능 */
.product section.book{ padding: 45px 0; }
.product section.book .badgebx{ text-align: center; }
.product section.book .lists{ width: 100%; max-width: 1080px; margin: 0 auto; margin-top: 75px; display: flex; justify-content: space-between; gap: 20px; }
.product section.book .lists.length3{max-width: 820px;}
.product section.book .lists.length4{max-width: 962px;}
.product section.book .lists li{ width: 95px; flex-shrink: 0; position: relative; height: 533px; transition-duration: 0.6s; border: 1px solid #c9c9c9; box-sizing: border-box; border-radius: 13px; overflow: hidden; cursor: pointer; }

.product section.book .lists li.on{ flex: 1; }
.product section.book .lists li.on .inner{ opacity: 1; pointer-events: unset; }
.product section.book .lists li.on .cover{ opacity: 0; pointer-events: none; }

.product section.book .lists li .cover{ box-sizing: border-box;  height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 30px 0; transition-duration: 0.2s; }
.product section.book .lists li .cover span{ width: 40px; height: 40px; background-color: #fff4f0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #f36e3b; margin-bottom: 15px; border-radius: 6px; flex-shrink: 0; }
.product section.book .lists li .cover strong{ font-size: 24px; font-weight: 600; letter-spacing: 0.09em; transform: rotate(90deg) translateX(50%); width: 420px; }

.product section.book .lists li .inner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; width: 100%; pointer-events: none; transition-duration: 0.2s; background-color: #f5f5f5; padding: 32px 37px; box-sizing: border-box; opacity: 0; }
.product section.book .lists li .inner ._top{ display: flex; }
.product section.book .lists li .inner ._top span{ width: 40px; height: 40px; border-radius: 6px; background-color: #f36e3b; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff; flex-shrink: 0; }
.product section.book .lists li .inner ._top strong{ font-size: 24px; letter-spacing: -0.05em; line-height: 1.3; padding-top: 0.2em; margin-left: 20px; font-weight: 700; }

.product section.book .lists li .inner .imgs{ border-radius: 21px; overflow: hidden; margin-top: 24px; position: relative;}
.product section.book .lists li .inner .imgs::before {
    content:''; display: block; padding-bottom: calc(305/550*100%);
}
.product section.book .lists li .inner .imgs img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.product section.book .lists li .inner p{
	font-size: 17px; font-weight: 500; letter-spacing: -0.03em; margin-top: 35px; line-height: 1.3; padding-left: 8px; box-sizing: border-box; color: #000000;
}
.product section.book .lists li .inner p i{ margin-right: 5px; }

.product section.book .lists li .inner .small{
	display: block; width: 100%; margin-top: 10px;
	color: #737373; font-size: 0.9em; padding-left: 8px;
}

@media screen and (min-width: 821px){
    .product section.book .lists li:hover{ border-color: #f36e3b; }
}

@media screen and (max-width: 1280px){
    .product section.book .lists li{ height: 553px; }
}

@media screen and (max-width: 1024px){
    .product section.book{ padding-top: 20px; padding-bottom: 40px; }
    .product section.book .lists{ margin-top: 40px; gap: 15px; }
    .product section.book .lists li{
        width: 85px;
        /* height: 450px; */
    }
    .product section.book .lists li .inner{ padding: 25px 30px; }
    .product section.book .lists li .cover span{ width: 35px; height: 35px; }
    .product section.book .lists li .cover strong{ font-size: 22px; }
    .product section.book .lists li .inner ._top span{ width: 35px; height: 35px; }
    .product section.book .lists li .inner ._top strong{ font-size: 22px; }
}

@media screen and (max-width: 820px){
    .product section.book .lists{ flex-direction: column; gap: 10px; }
    .product section.book .lists li{ width: 100%; height: 55px; }
    .product section.book .lists li.on{ flex: unset; height: auto; }
    .product section.book .lists li .cover{ flex-direction: row; padding: 15px 20px; align-items: center; position: absolute; left: 0; top: 0; }
    .product section.book .lists li .cover strong{ transform: rotate(0) translateX(0); letter-spacing: -0.05em; width: auto; margin-left: 10px; font-size: 18px; }
    .product section.book .lists li .cover span{ margin-bottom: 0; width: 30px; height: 30px; }
    .product section.book .lists li .inner{ padding: 15px 20px; position: static; height: auto; }
    .product section.book .lists li .inner ._top span{ width: 30px; height: 30px; }
    .product section.book .lists li .inner ._top strong{ margin-left: 15px; font-size: 18px; }
    .product section.book .lists li .inner .imgs{ margin-top: 15px; border-radius: 15px; }
	/* .product section.book .lists li .inner .imgs img{width: 100%;} */
    .product section.book .lists li .inner p{ font-size: 14px; margin-top: 15px; }
	.product section.book .lists li .inner .small{font-size: 12px;}
}

@media screen and (max-width: 500px){
    .product section.book{ padding-top: 0; }
    .product section.book .lists{ margin-top: 20px; }
    .product section.book .lists li{ height: 45px; }
    .product section.book .lists li .inner{ padding: 15px 10px; }
    .product section.book .lists li .inner ._top span{ width: 25px; height: 25px; font-size: 16px; }
    .product section.book .lists li .inner ._top strong{ font-size: 16px; margin-left: 10px; }
    .product section.book .lists li .inner .imgs{ margin-top: 10px; border-radius: 10px; }
    .product section.book .lists li .inner p{ display: flex; align-items: baseline; padding: 0; margin-top: 10px; }
	.product section.book .lists li .inner .small{padding-left: 0;}
    .product section.book .lists li .cover{ padding: 10px; }

    .product section.book .lists li .cover strong{ font-size: 16px; }
    .product section.book .lists li .cover span{ width: 25px; height: 25px; font-size: 16px; }
}


/* 옵션 */
.product section.diagonal{ padding: 230px 0; color: #fff; }
.product section.diagonal .wrap{ position: relative; z-index: 1; }
.product section.diagonal .dia_bg{ width: 100%; height: 100%; clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%); background-color: #f36e3b; position: absolute; left: 0; top: 0; z-index: -1; }
.product section.diagonal .sideTxt{ position: absolute; right: 20px; top: 0; writing-mode: vertical-rl; transform: scale(-1); z-index: 0; }

.product .marquee{ width: 100%; position: relative; display: flex; align-items: center; font-size: 103px; font-weight: 500; letter-spacing: -0.05em; color: rgba(255,255,255,0.1); font-family: 'Poppins'; overflow: hidden; white-space: nowrap; }
.product .marquee .absol{ width: 100%; display: flex; align-items: center; }
.product .marquee .absol .mar_ch span{ margin: calc(20 / 103 * 1em) 0; }

.product .subtitlebx{ text-align: center; }
.product .subtitlebx.left{ text-align: left; }
.product .subtitlebx dl dt{ font-size: 20px; letter-spacing: -0.05em; line-height: 1.3; font-family: 'Poppins'; }
.product .subtitlebx dl dd{ font-size: 48px; letter-spacing: -0.05em; font-weight: 700; line-height: calc(69 / 48); margin-top: 15px; }
.product .subtitlebx p{ margin-top: 30px; font-size: 17px; letter-spacing: -0.05em; line-height: 1.3; }

.product section.diagonal .options{ width: 100%; margin-top: 100px; padding-bottom: 80px; }
.product section.diagonal .options .flx{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 90px; }
.product section.diagonal .options .flx:last-of-type{ margin-bottom: 0; }
.product section.diagonal .options .flx .lbx{ width: 50%; box-sizing: border-box; padding-right: 20px; }
.product section.diagonal .options .flx .badge{ border: none; background-color: #ebf8ff; color: #1362d9; font-weight: 600; }
.product section.diagonal .options .flx .lbx dl dt{ font-size: 24px; font-weight: 600; letter-spacing: -0.05em; margin-top: 22px; line-height: 1.3; }
.product section.diagonal .options .flx .lbx dl dd{ font-size: 52px; letter-spacing: -0.05em; margin-top: 5px; line-height: 1.3; font-family: 'Poppins'; font-weight: 600; }
.product section.diagonal .options .flx .lbx p{ font-size: 17px; letter-spacing: -0.05em; margin-top: 25px; line-height: calc(29 / 17); }

.product section.diagonal .options .flx .rbx{ width: 50%; box-sizing: border-box; }

@media screen and (max-width: 1280px){
    .product section.diagonal{ padding: 200px 0; }
    .product section.diagonal .dia_bg{ clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%); }

    .product .subtitlebx dl dt{ font-size: 17px; }
    .product .subtitlebx dl dd{ font-size: 38px; margin-top: 10px; }
    .product .subtitlebx p{ font-size: 16px; margin-top: 20px; }

    .product section.diagonal .options{ margin-top: 70px; padding-bottom: 0; }
    .product section.diagonal .options .flx{ margin-bottom: 70px; }
    .product section.diagonal .options .flx .lbx dl dt{ font-size: 22px; margin-top: 15px; }
    .product section.diagonal .options .flx .lbx dl dd{ font-size: 45px; }
    .product section.diagonal .options .flx .lbx p{ font-size: 16px; }
}

@media screen and (max-width: 1024px){
    .product .marquee{ font-size: 70px; }
    .product .subtitlebx dl dt{ font-size: 16px; }
    .product .subtitlebx dl dd{ font-size: 33px; }
    .product section.diagonal .options .flx .lbx dl dt{ font-size: 18px; }
    .product section.diagonal .options .flx .lbx dl dd{ font-size: 35px; }
    .product section.diagonal .options .flx .lbx p{ font-size: 14px; }
}

@media screen and (max-width: 820px){
    .product section.diagonal{ padding: 100px 0; }
    .product section.diagonal .dia_bg{ clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%); }

    .product .subtitlebx dl dt{ font-size: 14px; }
    .product .subtitlebx dl dd{ font-size: 24px; }
    .product section.diagonal .options{ margin-top: 40px; }
    .product section.diagonal .options .flx{ flex-direction: column; margin-bottom: 50px; }
    .product section.diagonal .options .flx .lbx{ width: 100%; padding: 0; }
    .product section.diagonal .options .flx .rbx{ width: 100%; padding: 0; margin-top: 15px; }
    .product section.diagonal .options .flx .lbx dl dt{ font-size: 16px; }
    .product section.diagonal .options .flx .lbx dl dd{ font-size: 28px; }
    .product section.diagonal .options .flx .lbx p{ font-size: 14px; margin-top: 15px; }
}

@media screen and (max-width: 500px){
    .product section.diagonal .options .flx .lbx dl dd{ font-size: 25px; }
    .product section.diagonal .options .flx .lbx dl dt{ font-size: 14px; }
}




/* 권장사양 */
.product section.operation{ padding-top: 60px; padding-bottom: 145px; }
.product section.operation .subtitlebx dl dt{ color: #acacac; }
.product section.operation .subtitlebx p{ color: #2b2b2b; }

.product section.operation .listflx{ width: 100%; max-width: 1120px; margin: 0 auto; margin-top: 105px; }
.product section.operation .listflx .oprlist{ width: 100%; margin-bottom: 85px; }
.product section.operation .listflx .oprlist:last-of-type{ margin-bottom: 0; }
.product section.operation .listflx .oprlist li{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.product section.operation .listflx .oprlist li:last-of-type{ margin-bottom: 0; }
.product section.operation .listflx .oprlist li dl{ flex-shrink: 0; width: 200px; box-sizing: border-box; }
.product section.operation .listflx .oprlist li dl dt{ font-size: 19px; font-weight: 700; letter-spacing: -0.05em; color: #f36e3b; }
.product section.operation .listflx .oprlist li dl dd{ font-size: 36px; letter-spacing: -0.05em; font-weight: 700; margin-top: 10px; line-height: 1.3; }
.product section.operation .listflx .oprlist li .inn{ display: flex; border-radius: 17px; border: 1px solid #cecece; width: 100%; max-width: 736px; padding: 23px 0; transition-duration: 0.2s; }

.product section.operation .listflx .oprlist li .inn .lbx{ width: calc(300 / 736 * 100%); box-sizing: border-box; padding: 0 50px; align-items: center; display: flex; }
.product section.operation .listflx .oprlist li .inn .lbx .icon{ border-radius: 6px; overflow: hidden; background-color: #fff4f0; margin-right: calc(40 / 300 * 100%); flex-shrink: 0; }
.product section.operation .listflx .oprlist li .inn .lbx strong{ font-size: 24px; font-weight: 600; letter-spacing: -0.05em; color: #f36e3b; line-height: calc(28 / 24); display: block; font-family: 'Poppins', 'Pretendard'; transition-duration: 0.2s; }
.product section.operation .listflx .oprlist li .inn .rbx{ width: calc(436 / 736 * 100%); padding: 17px 50px; box-sizing: border-box; border-left: 1px solid #cfcfcf; transition-duration: 0.2s; }
.product section.operation .listflx .oprlist li .inn .rbx p{ font-size: 17px; letter-spacing: -0.05em; color: #3f3f3f; line-height: calc(31 / 17); transition-duration: 0.2s;  }
.product section.operation .listflx .oprlist li .inn .rbx p b{ color: #000; font-weight: 600; transition-duration: 0.2s; }
.product section.operation .listflx .oprlist li .inn .rbx p small{ font-size: calc(15 / 17 * 1em) }

.product section.operation .listflx .oprlist li .inn .rbx.full{border: 0; width: 100%; padding-top: 0; padding-bottom: 0;}

.product section.operation .listflx .note{ font-size: 18px; letter-spacing: -0.05em; line-height: 1.4; color: #7f7f7f; margin-top: 50px; }

@media screen and (min-width: 821px){
    .product section.operation .listflx .oprlist li .inn:hover{ border-color: #f36e3b; background-color: #f36e3b; color: #fff; }
    .product section.operation .listflx .oprlist li .inn:hover .lbx strong{ color: #fff; }
    .product section.operation .listflx .oprlist li .inn:hover .rbx{ border-color: #ffbda4; }
    .product section.operation .listflx .oprlist li .inn:hover .rbx p{ color: #fff; }
    .product section.operation .listflx .oprlist li .inn:hover .rbx p b{ color: #fff; }
}

@media screen and (max-width: 1280px){
    .product section.operation .listflx{ margin-top: 70px; }
    .product section.operation .listflx .oprlist li dl dt{ font-size: 17px; }
    .product section.operation .listflx .oprlist li dl dd{ font-size: 32px; }
    .product section.operation .listflx .oprlist li .inn .rbx{ padding: 13px 58px; }
}

@media screen and (max-width: 1024px){
    .product section.operation .listflx{ margin-top: 50px; }
    .product section.operation .listflx .oprlist li dl dt{ font-size: 15px; }
    .product section.operation .listflx .oprlist li dl dd{ font-size: 28px; }
    .product section.operation .listflx .oprlist li .inn .lbx{ padding: 0; padding-left: 20px; }
    .product section.operation .listflx .oprlist li .inn .lbx .icon{ margin-right: 20px; width: 40px; height: 40px; }
    .product section.operation .listflx .oprlist li .inn .lbx strong{ font-size: 20px; }
    .product section.operation .listflx .oprlist li .inn .rbx{ padding: 10px 20px; }
    .product section.operation .listflx .oprlist li .inn .rbx p{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .product section.operation .listflx .oprlist li{ flex-direction: column; }
    .product section.operation .listflx .oprlist li dl{ width: 100%; }
    .product section.operation .listflx .oprlist li dl dd{ font-size: 24px; }
    .product section.operation .listflx .oprlist li .inn{ width: 100%; }
    .product section.operation .listflx .oprlist li:first-of-type .inn{ margin-top: 15px; }
    .product section.operation .listflx .oprlist li .inn{ padding: 15px 0; }
    .product section.operation .listflx .oprlist li .inn .lbx{ flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0 10px; width: calc(200 / 736 * 100%); }
    .product section.operation .listflx .oprlist li .inn .lbx .icon{ margin: 0; margin-bottom: 10px; }
    .product section.operation .listflx .oprlist li .inn .lbx strong{ font-size: 18px; }
    .product section.operation .listflx .oprlist li .inn .rbx{ width: calc(536 / 736 * 100%); padding: 10px 15px; }
    .product section.operation .listflx .note{ font-size: 14px; }
}

@media screen and (max-width: 500px){
	.product section.operation .listflx .oprlist{margin-bottom: 40px;}
    .product section.operation .listflx .oprlist li .inn{ flex-direction: column; padding: 15px; box-sizing: border-box; border-radius: 12px; }
    .product section.operation .listflx .oprlist li .inn .lbx{ width: 100%; padding: 0; padding-bottom: 15px; }
    .product section.operation .listflx .oprlist li .inn .lbx strong{ font-size: 16px; }
    .product section.operation .listflx .oprlist li .inn .lbx strong br{ display: none; }
    .product section.operation .listflx .oprlist li .inn .rbx{ width: 100%; border-left: 0; padding: 0; padding-top: 15px; border-top: 1px solid #cfcfcf; }
    .product section.operation .listflx .oprlist li .inn .rbx p{ font-size: 14px; }
}




/* docufilter 페이지 별도 */
.docufilter{}

.data_protect{padding: 220px 0;}
.data_protect .wrap{}
.data_protect .wrap .subtitlebx{}
.data_protect .wrap .subtitlebx dl{}
.data_protect .wrap .subtitlebx dl dt{color: #a3a3a3;}
.data_protect .wrap .subtitlebx dl dd{}

.data_protect .wrap ul{
	display: flex; gap: 23px; max-width: 1385px;
	margin: 0 auto; margin-top: 70px;
}
.data_protect .wrap ul li{
	background-color: #f2f2f2; border-radius: 22px;
	flex-direction: column;
	padding: 27px 30px; padding-bottom: 34px; box-sizing: border-box; flex: 1;
	transition: background-color 0.2s,color 0.2s;
}
.data_protect .wrap ul li .ico{
	font-size: 24px; width: calc(44/24*1em); height: calc(44/24*1em); border-radius: 50%;
	background-color: #fff; color: #f36e3b;
	display: flex; align-items: center; justify-content: center; margin-bottom: 37px;
}
.data_protect .wrap ul li .ico i{}
.data_protect .wrap ul li .txtBx{line-height: calc(26/17);}
.data_protect .wrap ul li .txtBx div{
	font-size: 20px; font-weight: 600; letter-spacing: -0.05em; margin-bottom: 6px;
}
.data_protect .wrap ul li .txtBx p{
	font-size: 17px; letter-spacing: -0.05em;
}

/* hover */
.data_protect .wrap ul li:hover{background-color: #f36e3b; color: #fff;}

.product.docufilter section.intro{padding-bottom: 320px;}
.product.docufilter section.intro .wrap{ display: flex; align-items: center; justify-content: space-between; }
.product.docufilter section.intro .wrap .gif{ width: 75%; max-width: 715px; display: flex; justify-content: flex-end; border-radius: 21px; overflow: hidden; }
.product.docufilter section.book{padding: 0;}
.product.docufilter section.operation{padding-top: 0;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.data_protect .wrap ul{margin-top: 40px;}
	.data_protect .wrap ul li{padding: 20px;}
	.data_protect .wrap ul li .ico{margin-bottom: 30px;}
	.data_protect .wrap ul li .txtBx div{font-size: 18px;}
	.data_protect .wrap ul li .txtBx p{font-size: 14px;}
	.data_protect .wrap ul li .txtBx p br{display: none;}
}
@media screen and (max-width:1024px) {
	.data_protect{padding: 140px 0;}
	.data_protect .wrap ul{gap: 10px;}
}
@media screen and (max-width:820px) {
	.product.docufilter section.intro{padding-bottom: 140px;}
    .product.docufilter section.intro .wrap{ flex-direction: column; justify-content: center; }
    .product.docufilter section.intro .wrap .gif{ margin-top: 30px; width: 100%; }

	.data_protect .wrap ul{flex-wrap: wrap;}
	.data_protect .wrap ul li{width: calc(50% - 5px); flex: unset;}
}
@media screen and (max-width:500px) {
	.data_protect{padding: 80px 0;}
	.product.docufilter section.intro{padding-bottom: 100px;}

	.data_protect .wrap ul{margin-top: 20px;}
	.data_protect .wrap ul li{border-radius: 12px; padding: 14px 10px;}
	.data_protect .wrap ul li .ico{margin-bottom: 14px;}
	.data_protect .wrap ul li .txtBx div{font-size: 14px;}
	.data_protect .wrap ul li .txtBx p{font-size: 12px;}
}
@media screen and (max-width:320px) {
	.data_protect .wrap ul li{width: 100%;}
}






.chart{padding-top: 220px;}
.chart .wrap{}
.chart .wrap .subtitlebx{margin-bottom: 90px;}
.chart .wrap ul{
	display: flex; gap: 30px;
}
.chart .wrap ul li{
	flex: 1; background-color: #f5f5f5; border-radius: 20px;
	padding: 60px; padding-bottom: 70px; box-sizing: border-box;
}
/* .chart .wrap ul li .tit{margin-bottom: 12px;} */
.chart .wrap ul li .tit > p{
	font-size: 19px; font-weight: 700; letter-spacing: -0.05em; margin-bottom: 14px;
    line-height: 1.3;
}
.chart .wrap ul li .tit > div{color: #f36e3b; display: flex; align-items: flex-end;}

/* odometer */
.odometer-formatting-mark.odometer-radix-mark{transform: translateY(0.1em);display: inline-block;}

.chart .wrap ul li .tit > div p{ font-family: 'Pretendard'; font-size: 44px; font-weight: 600; letter-spacing: -0.02em;}
.chart .wrap ul li .tit > div small{font-size: 16px; letter-spacing: -0.05em; margin-left: 8px; transform: translateY(-12px);}
.chart .wrap ul li .barArea{
	display: flex; align-items: flex-end; justify-content: space-between;
	height: 242px;
}
.chart .wrap ul li .barBx{
	color: #a3a3a3; position: relative;
	display: flex; align-items: flex-end;
}
.chart .wrap ul li .barBx .top{
	letter-spacing: -0.05em; bottom: 100%;
	position: absolute; white-space: nowrap; left: 50%; transform: translateX(-50%); margin-bottom: 12px;
}
.chart .wrap ul li .barBx .bar{height: 100%; border-radius: 9px; overflow: hidden;}
.chart .wrap ul li .barBx .bar div{background-color: #a3a3a3; width: 60px; height: 100%; transform-origin: center bottom;}
.chart .wrap ul li .barBx.on{color: #000;}
.chart .wrap ul li .barBx.on .bar div{background-color: #f36e3b;}
.chart .wrap ul li .barBx .bottom{
	position: absolute; top: 100%; white-space: nowrap; left: 50%; transform: translateX(-50%); margin-top: 14px; text-align: center;
}

/* 바 높이 개별 */
.chart .wrap ul li:nth-child(1) .barBx:nth-child(1){height: calc(16/242 * 100%);}
.chart .wrap ul li:nth-child(1) .barBx:nth-child(2){height: calc(28/242 * 100%);}
.chart .wrap ul li:nth-child(1) .barBx:nth-child(3){height: calc(43/242 * 100%);}
.chart .wrap ul li:nth-child(1) .barBx:nth-child(4){height: 100%;}
.chart .wrap ul li:nth-child(2) .barBx:nth-child(1){height: calc(16/242 * 100%);}
.chart .wrap ul li:nth-child(2) .barBx:nth-child(2){height: calc(28/242 * 100%);}
.chart .wrap ul li:nth-child(2) .barBx:nth-child(3){height: calc(116/242 * 100%);}
.chart .wrap ul li:nth-child(2) .barBx:nth-child(4){height: 100%;}
.chart .wrap ul li:nth-child(3) .barBx:nth-child(1){height: calc(75/242 * 100%);}
.chart .wrap ul li:nth-child(3) .barBx:nth-child(2){height: calc(147/242 * 100%);}
.chart .wrap ul li:nth-child(3) .barBx:nth-child(3){height: 100%;}

.chart .small{
	font-size: 17px; color: #4b4b4b; letter-spacing: -0.05em; text-align: right;
	margin: 35px 0;
}

.chart .bottomTxt{
	border: 1px solid #e3e3e3; box-sizing: border-box; border-radius: 20px;
	padding: 30px 20px; font-size: 22px; font-weight: 500; letter-spacing: -0.05em; line-height: 1.7; text-align: center;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    .chart{padding-top: 120px;}
    .chart .wrap{max-width: 1000px;}
    .chart .wrap ul{gap: 20px; flex-wrap: wrap; margin: 0 auto;}
    .chart .wrap ul li{width: calc(50% - 10px); flex: unset;}
}
@media screen and (max-width:1280px) {
    .chart .wrap .subtitlebx{margin-bottom: 70px;}
}
@media screen and (max-width:1024px) {
    .chart .wrap{max-width: 800px;}
    .chart .wrap ul{flex-direction: column}
    .chart .wrap ul li{width: 100%;}
    .chart .wrap ul li .barArea{max-width: 340px; margin: 0 auto;}
    .chart .bottomTxt br{display: none;}
}
@media screen and (max-width:820px) {
    .chart{padding-top: 70px;}
    .chart .wrap .subtitlebx{margin-bottom: 40px;}

    .chart .bottomTxt{font-size: 18px;}
}
@media screen and (max-width:500px) {
    .chart .wrap ul li{padding: 40px 30px; padding-bottom: 60px;}
    .chart .wrap ul li .tit > div p{font-size: 34px;}
    .chart .wrap ul li .tit > div small{font-size: 14px; transform: translateY(-8px);}
    .chart .wrap ul li .barBx .top{font-size: 14px;}
    .chart .wrap ul li .barBx .bottom{font-size: 12px;}
    .chart .wrap ul li .barBx .bar{border-radius: 4px;}
    .chart .wrap ul li .barBx .bar div{width: 50px;}

    .chart .small{margin: 20px 0;}
    .chart .bottomTxt{font-size: 16px;}
}
@media screen and (max-width:320px) {
    .chart .wrap ul li{padding: 40px 20px;}
    .chart .wrap ul li .barBx .bar div{width: 42px;}
}




/* aplication */
.product section.aplications{
    padding-top: 200px; padding-bottom: 120px;
}
.product section.aplications .dia_bg{clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);}
/* .aplications .subtitlebx{margin-bottom: 64px;} */
.aplications .list{
    display: flex; gap: 36px; max-width: 1010px; margin: 0 auto;
    margin-top: 64px;
}
.aplications .list li{
    flex: 1; border-radius: 20px; background-color: #fff; color: #000;
    padding: 26px; padding-bottom: 36px; box-sizing: border-box;
    display: flex; flex-direction: column; justify-content: space-between;
    /* min-height: 326px; */
	border: 1px solid #ececec;
}
.aplications .list li .ico{
    width: 76px; height: 80px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;
    background-color: #6350f2; border-radius: 17px; margin-bottom: 86px;
}
.aplications .list li .ico.orange{background-color: #f36e3b;}
.aplications .list li .ico img{ width: 70%; max-width: 43px; }
.aplications .list li .txtBx{}
.aplications .list li .txtBx p{
    font-size: 25px; font-weight: 600; letter-spacing: -0.05em;
    margin-bottom: 10px;
}
.aplications .list li .txtBx p.eng{font-family: 'Poppins';}

.aplications .list li .txtBx div{
    font-size: 17px; letter-spacing: -0.05em; line-height: calc(28/17);
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    .product section.aplications .dia_bg{clip-path: polygon(0 15%, 100% 0, 100% 85%, 0% 100%);}

    .aplications .list li .ico{ width: 60px; height: 60px; border-radius: 12px; }

}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    .product section.aplications{padding: 120px 0;}
    .product section.aplications .dia_bg{clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);}

    .aplications .list{flex-wrap: wrap; gap: 20px;}
    .aplications .list li{flex: unset; width: calc(50% - 10px);}
}
@media screen and (max-width:820px) {
    .product section.aplications{padding: 100px 0;}
    .aplications .list{margin-top: 40px;}
    .aplications .list li{padding: 15px 12px;}
    .aplications .list li .ico{margin-bottom: 40px; width: 45px; height: 45px; padding: 5px;}
    .aplications .list li .txtBx p{font-size: 20px;}
    .aplications .list li .txtBx div{font-size: 14px;}
}
@media screen and (max-width:500px) {
    .aplications .list{flex-direction: column;}
    .aplications .list li{width: 100%; border-radius: 12px;}
    /* .aplications .list li .ico{width: 60px; height: 60px; border-radius: 8px;} */
}
@media screen and (max-width:320px) {}



/* pymupdf 별도 */
.pymupdf .sv .middle .title_type._2 .img {height: calc(100/57*1em);}
.pymupdf section.book{padding-bottom: 130px;}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    .pymupdf section.book .lists li{height: 533px;}
}
@media screen and (max-width:1024px) {
    .pymupdf section.book{padding-bottom: 40px;}
}
@media screen and (max-width:820px) {
    .pymupdf section.book .lists li{height: 55px;}
}
@media screen and (max-width:500px) {
    .pymupdf section.book .lists li{height: 45px;}
}
@media screen and (max-width:320px) {}


/* textsense 별도 */
.product section.diagonal.app .subtitlebx dl dt{ font-size: 20px; font-weight: 400; }
.product section.diagonal.app{ padding-bottom: 30px; }
.product section.diagonal.app .dia_bg{ clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%); }
.product section.diagonal .apps{ width: 95%; max-width: 1707px; margin: 0 auto; margin-top: 60px; }
.product section.diagonal .apps .applist{ width: 100%; display: flex; gap: calc(35 / 1707 * 100%); justify-content: space-between; color: #000; }
.product section.diagonal .apps .applist > li{ width: calc(312 / 1707 * 100%); border-radius: 20px; overflow: hidden; background-color: #fff; border: 1px solid #ececec; box-sizing: border-box; padding: 22px; padding-bottom: 30px; display: flex; flex-direction: column; }
.product section.diagonal .apps .applist > li .icons{ width: 76px; height: 80px; border-radius: 17px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.product section.diagonal .apps .applist > li .icons img{ width: 70%; max-width: 36px; }
.product section.diagonal .apps .applist > li:nth-of-type(2n-1) .icons{ background-color: #f36e3b; }
.product section.diagonal .apps .applist > li:nth-of-type(2n) .icons{ background-color: #6350f2; }
.product section.diagonal .apps .applist > li dl{ margin-top: 70px; }
.product section.diagonal .apps .applist > li dl dt{ font-size: 25px; letter-spacing: -0.05em; font-weight: 700; line-height: 1.3; }
.product section.diagonal .apps .applist > li dl dt em{ font-size: 14px; letter-spacing: -0.05em; color: #7f7f7f; font-weight: 400; margin-left: 12px; }
.product section.diagonal .apps .applist > li dl dd{ font-size: 17px; letter-spacing: -0.05em; line-height: calc(28 / 17); margin-top: 10px; min-height: 3.2em; }
.product section.diagonal .apps .applist > li ol{ margin-top: 15px; display: flex; flex-wrap: wrap; align-items: flex-start; }
.product section.diagonal .apps .applist > li ol.col{ flex-direction: column; }
.product section.diagonal .apps .applist > li ol li{ border: 1px solid #a6a6a6; box-sizing: border-box; border-radius: 50px; padding: 8px 18px; margin-top: 10px; font-size: 15px; color: #7f7f7f; letter-spacing: -0.05em; margin-right: 5px; line-height: 1.2; }
.product section.diagonal .apps .applist > li ol li:last-of-type{ margin-right: 0; }


@media screen and (max-width: 1440px){
    .product section.diagonal .apps .applist{ gap: calc(25 / 1707 * 100%); }
    .product section.diagonal .apps .applist > li{ padding: 17px; padding-bottom: 20px; width: calc(320 / 1707 * 100%); }
    .product section.diagonal .apps .applist > li .icons{ width: 60px; height: 60px; border-radius: 12px; }
    .product section.diagonal .apps .applist > li dl{ margin-top: 40px; }
    .product section.diagonal .apps .applist > li dl dt{ font-size: 23px; }
    .product section.diagonal .apps .applist > li dl dt em{ margin-left: 5px; }
    .product section.diagonal .apps .applist > li dl dd{ font-size: 15px; }
    .product section.diagonal .apps .applist > li ol{ margin-top: 5px; }
    .product section.diagonal .apps .applist > li ol li{ font-size: 14px; padding: 7px 13px; }
}

@media screen and (max-width: 1280px){
    .product section.diagonal.app .dia_bg{ clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%); }
    .product section.diagonal .apps .applist{ flex-wrap: wrap; justify-content: center; gap: unset; }
    .product section.diagonal .apps .applist > li{ width: 32%; margin-right: 1%; margin-bottom: 10px; }
    .product section.diagonal .apps .applist > li ol.col{ flex-direction: row; }
    .product section.diagonal .apps .applist > li dl{ margin-top: 20px; }
    .product section.diagonal .apps .applist > li dl dd{ margin-top: 7px; }
    .product section.diagonal.app .subtitlebx dl dt{ font-size: 17px; }
}

@media screen and (max-width: 1024px){
    .product section.diagonal.app .subtitlebx dl dt{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .product section.diagonal .apps .applist > li{ padding: 15px 12px; }
    .product section.diagonal .apps .applist > li .icons{ width: 45px; height: 45px; padding: 5px; box-sizing: border-box; }
    .product section.diagonal .apps .applist > li dl dt{ font-size: 18px; min-height: 2.5em; }
    .product section.diagonal .apps .applist > li dl dt em{ display: block; font-size: 13px; margin: 0; margin-top: 5px; }
    .product section.diagonal .apps .applist > li dl dd{ font-size: 14px; }
    .product section.diagonal .apps .applist > li ol li{ padding: 5px 7px; }

    .product section.diagonal.app .subtitlebx dl dt{ font-size: 14px; }
}

@media screen and (max-width: 670px){
    .product section.diagonal .apps .applist{ justify-content: flex-start; }
    .product section.diagonal .apps .applist > li{ width: 49%; margin-bottom: 20px; }
    .product section.diagonal .apps .applist > li ol.col{ flex-direction: column; }
}

@media screen and (max-width: 500px){
    .product section.diagonal.app .dia_bg{ clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%); }
    .product section.diagonal .apps .applist > li{ width: 100%; }
    .product section.diagonal .apps .applist > li dl dt{ min-height: unset; }
}


.product section.industry{ padding: 155px 0; }
.product section.industry .subtitlebx dl dt{ color: #a3a3a3; font-size: 20px; font-weight: 400; }
.product section.industry .listflx{ width: 100%; width: 95%; max-width: 1460px; margin: 0 auto; margin-top: 85px; }
.product section.industry .listflx .in_list{ display: flex; gap: calc(35 / 1460 * 100%); flex-wrap: wrap; }
.product section.industry .listflx .in_list li{ width: calc(262 / 1460 * 100%); margin-bottom: 75px; text-align: center; }
.product section.industry .listflx .in_list li .thumb{ width: 100%; overflow: hidden; border-radius: 21px; }
.product section.industry .listflx .in_list li .thumb img{ width: 100%; height: 100%; object-fit: cover; }
.product section.industry .listflx .in_list li dl{ margin-top: 20px; }
.product section.industry .listflx .in_list li dl dt{ font-size: 20px; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; }
.product section.industry .listflx .in_list li dl dt::after{ content: ''; display: block; width: 16px; height: 2px; background-color: #a6a6a6; margin: 0 auto; margin-top: 10px; }
.product section.industry .listflx .in_list li dl dd{ font-size: 17px; letter-spacing: -0.05em; line-height: calc(27 / 17); margin-top: 7px; }

@media screen and (max-width: 1280px){
    .product section.industry .listflx .in_list li{ margin-bottom: 40px; }
    .product section.industry .listflx .in_list li .thumb{ border-radius: 15px; }
    .product section.industry .listflx .in_list li dl dt{ font-size: 18px; }
    .product section.industry .listflx .in_list li dl dd{ font-size: 14px; }

    .product section.industry .subtitlebx dl dt{ font-size: 17px; }
}

@media screen and (max-width: 1024px){
    .product section.industry .subtitlebx dl dt{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .product section.industry{ padding: 120px 0; }
    .product section.industry .listflx{ margin-top: 50px; }
    .product section.industry .listflx .in_list{ gap: 1%; justify-content: center; }
    .product section.industry .listflx .in_list li{ width: 32%;  }

    .product section.industry .subtitlebx dl dt{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    .product section.industry{ padding: 100px 0; }
    .product section.industry .listflx{ margin-top: 40px; width: 100%; }
    .product section.industry .listflx .in_list li{ width: 49%;  }

    .product section.industry .listflx .in_list li dl dt{ font-size: 16px; }
}