@charset "utf-8";
.ci-content .top-tit{max-width: 1448px;margin: 0 auto;padding: 260px 24px 120px;font-size: 80px;font-family:'tj-medium';line-height: 104px;letter-spacing: -0.03em;}
.ci-content .title-top{display: flex;justify-content: center;align-items: center;min-height: 680px;padding: 0;background: url(../images/intro/img_ci_bg.png) no-repeat center / cover;}
.ci-content .title-top .inner{display: flex;flex-direction: column;align-items: center;}
.ci-content .title-top .inner p{margin-top: 0;margin-bottom: 40px;font-size: 32px;font-weight: 700;color: #fff;line-height: 42px;letter-spacing: -0.02em;text-align: center;}
.ci-content .title-top .btn-download a{border: 1px solid #fff;color: #fff;}
.ci-content .title-top .btn-download a::after{content: none;}

.ci-cont .inner .sub_tit{font-size: 48px;font-weight: 500;line-height: 58px;}
.ci-cont .inner .txt-box{margin-top: 24px;font-size: 22px;line-height: 32px;letter-spacing: -0.03em;}
.ci-cont .inner{max-width: 1448px;margin: 0 auto;padding: 0 24px;}
.ci-cont.intro .ci-img{display: flex;align-items: center;justify-content: space-between;max-width: 1200px;margin: 0 auto;padding: 223px 0;}
.ci-cont.symbol{background: #F2FAFD;}
.ci-cont.symbol .symbol-detail{display: block;margin-top: 0;padding: 65px 0;text-align: unset;}
.ci-cont.symbol .symbol-detail .col{display: block;width: 100%;}
.ci-cont.symbol .symbol-detail .img-box{margin-top: 40px;margin-bottom: 0;text-align: center;}
.ci-cont.color .col{padding: 138px 0;}
.ci-cont.color .color-box{display: flex;gap: 20px;margin-top: 40px;}
.ci-cont.color .color-box .black-cont{flex: 1;padding: 30px 0 87px 24px;background: #000;}
.ci-cont.color .color-box .blue-cont{flex: 1;padding: 30px 0 87px 24px;background: #00AFEC;}
.ci-cont.color .color-box .color-desc p{font-size: 26px;font-weight: 500;color: #fff;line-height: 36px;letter-spacing: -0.03em;}
.ci-cont.color .color-box .color-desc:last-child{margin-top: 19px;}

.ci-cont.font{background:#CCEFFB url(../images/intro/img_ci_bg2.png) no-repeat center / cover;}
.ci-cont.font .title-sub .title-sm{display: block;font-size: 26px;font-weight: 700;color: #00AFEC;line-height: 36px;}
.ci-cont.font .title-sub .title-lg{display: block;margin-top: 24px;font-size: 68px;font-family: 'tj-bold';line-height: 82px;}
.ci-cont.font .title-sub p{margin-top: 40px;font-size: 32px;font-family: unset;line-height: 46px;letter-spacing: -0.02em;}
.ci-cont.font .font-download{padding: 179px 0;}
.ci-cont.font .font-download .btn-download{margin-top: 40px;}
.ci-cont.font .font-download .btn-download a{border: 1px solid #000;background: #fff;}
.ci-cont.typeface .swiper-container{overflow: hidden;padding: 77.5px 0;}
.ci-cont.typeface .swiper-wrapper{gap: 40px;justify-content: space-between;}
.ci-cont.typeface .swiper-slide{position: relative;width: 21%;height: 565px;border-radius: 12px;transition: width 0.1s ease;}
.ci-cont.typeface .swiper-slide::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);border-radius: 12px;}
.ci-cont.typeface .swiper-slide.active{width: 50%;}
.ci-cont.typeface .swiper-slide.active .txt-box{opacity: 1;}
.ci-cont.typeface .swiper-slide.active::after{background:none;}
.ci-cont.typeface .swiper-slide .txt-box{position: absolute;top: 50px;left: 60px;min-width: 322px;margin-top: 0;opacity: 0;transition: all ease 0.4s;}
.ci-cont.typeface .swiper-slide .txt-box strong{font-size: 48px;font-family:'tj-bold';color: #fff;line-height: 60px;letter-spacing: -0.04em;}
.ci-cont.typeface .slide1{background: url(../images/intro//img_ci4.png) no-repeat center / cover;}
.ci-cont.typeface .slide2{background: url(../images/intro//img_ci5.png) no-repeat center / cover;}
.ci-cont.typeface .slide3{background: url(../images/intro//img_ci6.png) no-repeat center / cover;}

/* 글꼴 */
.ci-cont.feature{background: #F8F8F8;}
.ci-cont.feature .inner{padding: 140px 24px 140px;}
.ci-cont.feature .font-detail{display: flex;flex-direction: column;gap: 120px;}
.ci-cont.feature .font-detail li{padding-bottom: 80px;border-bottom: 1px solid #DDDDDD;}
.ci-cont.feature .font-detail li:last-child{padding-bottom: 0;border-bottom: 0;}
.ci-cont.feature .font-detail li .emphasis{font-size: 24px;font-weight: 500;color: #00AFEC;line-height: 34px;letter-spacing: -0.02em;}
.ci-cont.feature .font-detail li .desc{margin-top: 24px;font-size: 22px;line-height: 32px;letter-spacing: -0.03em;}
.ci-cont.feature .font-detail li .ex-text{display: inline-block;margin-top: 48px;font-size: 80px;font-family: 'tj-bold';line-height: 104px;letter-spacing: -0.05em;}
.ci-cont.kind{background: #00AFEC;}
.ci-cont.kind .inner{position: relative;}
.ci-cont.kind .swiper-container{overflow: hidden;max-width: 1276px;margin: 0 auto;padding: 109px 0 217px;} 
.ci-cont.kind .kind-detail.extra_bold > *{font-family: 'tj-ExtraBold';}
.ci-cont.kind .kind-detail.bold > *{font-family: 'tj-bold';}
.ci-cont.kind .kind-detail.medium > *{font-family: 'tj-medium';}
.ci-cont.kind .kind-detail.light > *{font-family: 'tj-light';}
.ci-cont.kind .kind-detail{color: #fff;text-align: center;}
.ci-cont.kind .kind-detail .tit{font-size: 68px;line-height: 82px;}
.ci-cont.kind .kind-detail .font_family{width: 606px;margin: 12px auto 0;padding: 8px 0;border: 1px solid #fff;font-size: 68px;line-height: 82px;}
.ci-cont.kind .kind-detail .desc{display: flex;flex-direction: column;gap: 12px;margin-top: 40px;}
.ci-cont.kind .kind-detail .desc span{display: block;font-size: 32px;line-height: 46px;letter-spacing: -0.02em;}
.ci-cont.kind .swiper-control{position: absolute;top: 50%;left: 50%;transform: translate(-50%, 50%);width: 100%;height: 48px;display: flex;justify-content: space-between;z-index: 1;}
.ci-cont.kind .swiper-button-prev{position: relative;left: unset;right: unset;width: 54px;height: 48px;background: url(../images/etc/ci_prev.svg) no-repeat center / 54px 48px;}
.ci-cont.kind .swiper-button-prev::after{content: none;}
.ci-cont.kind .swiper-button-next{position: relative;left: unset;right: unset;width: 54px;height: 48px;background: url(../images/etc/ci_next.svg) no-repeat center / 54px 48px;}
.ci-cont.kind .swiper-button-next::after{content: none;}
.ci-cont.kind .swiper-pagination{position: absolute;left: 50%;top: unset;bottom: 132px;max-width: 312px;height: 2px;background-color: rgba(255, 255, 255, 0.3);transform: translateX(-50%);}
.ci-cont.kind .swiper-pagination-progressbar-fill{background-color: #fff;}

.ci-cont br.mo{display: none;}

.tab_sticky2 .swiper-slide{flex: 1;}
.product-intro .product-con .list li .desc-box{border-top: 1px solid #00AFEC;}
.product-intro .product-con .list .img-box{text-align: center;}
.product-intro .product-con .list .desc-box p .flag{display: inline-block;width: 100px;height: 40px;margin-left: 20px;border-radius: 100px;font-size: 18px;font-family:"kudryashev-d-contrast-sans";color: #fff;line-height: 45px;vertical-align: middle;}
.product-intro .product-con .list .desc-box p .flag.best{background-image: linear-gradient(120deg, #72C9FF, #4864F7, #7C55EC, #E836D3);}
.product-intro .product-con .list .desc-box p .flag.new{background-image: linear-gradient(120deg, #FF6347, #E53EFF);}
.product-intro .product-con .list .desc-box p .flag.hit{background-image: linear-gradient(120deg, #15C9C9, #0084FF);}

/* 영업지원 tj매니저앱 */
.customer.no-mg{margin: 0;max-width: unset;padding-left: 0;padding-right: 0;}
.customer.no-mg .inner{max-width: 1448px;margin: 0 auto;padding: 0 24px;}
.customer .app_tit .inner{max-width: 1240px;margin: 0 auto;padding: 0;}
.customer .app_tit .img-box.mo{display: none;}
.app_tit .inner{display: flex;justify-content: space-between;}
.app_tit .inner .txt-box{display: flex;flex-direction: column;justify-content: center;}
.app_tit .inner .txt-box strong{display: block;font-size: 48px;font-weight: 700;color: #000;line-height: 57px;}
.app_tit .inner .txt-box .desc{margin-top: 40px;font-size: 32px;font-weight: 500;color: #000;line-height: 42px;letter-spacing: -0.02em;}
.app_tit .inner .txt-box .btn-app{display: block;width: 260px;height: 80px;margin-top: 40px;background: transparent url(../images/customer/btn_link.svg) no-repeat center / 100%;}
.app_function{padding: 120px 0 174px;background-color: #f8f8f8;}
.app_function strong{display: block;font-size: 48px;font-weight: 700;color: #000;line-height: 57px;text-align: center;}
.app_function .desc{margin-top: 32px;font-size: 24px;color: #000;line-height: 34px;letter-spacing: -0.02em;text-align: center;}
.app_function .function_list{display: flex;justify-content: center;position: relative;margin-top: 72px;}
.app_function .swiper-container{overflow: hidden;position: relative;max-width: 1440px;height: 640px;}
.app_function .function_list .swiper-slide img{position: relative;top: 0px;border: 1px solid #ddd;transition: all 0.4s ease;transform: scale(0.5);border-radius: 20px;}
.function_list .swiper-container2{position: absolute; width: 288px; height: 640px;  overflow: hidden; border-radius: 46px;}
.app_function .swiper-container2 .swiper-slide img{position: relative;top: 0px;border: 1px solid #ddd;transition: all 0.4s ease;transform: scale(1);border-radius: 20px;}
.app_function .swiper-slide img{height: 100%;border-radius: 20px;  top: 64px;}
.app_function .swiper-slide-active img{ opacity: 1; width: 311px !important;top: 0;border-radius: 40px;}
.app_function .swiper-container2 .swiper-slide-active img{ opacity: 1; width: 311px !important;top: 0;border-radius: 40px;transform: scale(1);}
/* .app_function .swiper-slide-active{width: 311px !important;} */

.function_list .swiper-slide-active img{border-radius: 40px;}
.function_list .swiper-container .swiper-slide-next img{top: 147px; position: absolute; left: 90px; transform: scale(0.6); transition: none; transform: none !important; width: 180px; height: 360px;}
.function_list .swiper-container2  .swiper-slide-next img{top: 0; position: absolute; left: unset; transform: scale(1);}
.function_list .swiper-container .swiper-slide-prev img{top: 147px; position: absolute; right: 90px; transform: scale(0.6); transition: none; transform: none !important; width: 180px; height: 360px;}
.function_list .swiper-container2 .swiper-slide-prev img{top: 0; position: absolute; right: unset; transform: scale(1);}
.function_list .swiper-pagination.swiper-pagination-horizontal{bottom: -52px;}
.function_list .swiper-pagination-bullet{width: 14px;height: 14px;}
.function_list .swiper-pagination-bullet-active{background-color: #000;}
.app_function .function_list .status-bar{position: absolute;top: 10px;display: flex;align-items: center;justify-content: space-between;z-index: 10;max-width: 329px; width: 23%;height: 41px;padding: 0 31.33px 0 32.15px;}
.app_function .function_mo_list{display: none;}

.customer .app_smart .inner{max-width: 1240px;margin: 0 auto;padding: 0;}
.app_smart{padding-top: 120px;}
.app_smart .txt-box strong{font-size: 48px;font-weight: 700;color: #000;line-height: 57px;}
.smart_list{display: grid;grid-template-columns: repeat(2, 1fr);margin-top: 60px;}
.smart_list li{padding: 30px 0;border-bottom: 1px solid #bbb;}
.smart_list li p{position: relative;padding-left: 72px;font-size: 24px;font-weight: 500;color: #000;line-height: 34px;letter-spacing: -0.02em;}
.smart_list li p::before{content:'';position: absolute;left: 0;top: 50%;;display: inline-block;width: 48px;height: 48px;background-repeat: no-repeat;background-position: center;background-size: 48px;transform: translateY(-50%);}
.smart_list li.list1 p::before{background-image: url(../images/customer/ico_smart1.svg);}
.smart_list li.list2 p::before{background-image: url(../images/customer/ico_smart2.svg);}
.smart_list li.list3 p::before{background-image: url(../images/customer/ico_smart3.svg);}
.smart_list li.list4 p::before{background-image: url(../images/customer/ico_smart4.svg);}
.smart_list li.list5 p::before{background-image: url(../images/customer/ico_smart5.svg);}
.smart_list li.list6 p::before{background-image: url(../images/customer/ico_smart6.svg);}
.smart_list li.list7 p::before{background-image: url(../images/customer/ico_smart7.svg);}
.smart_list li.list8 p::before{background-image: url(../images/customer/ico_smart8.svg);}
.smart_list li.list9 p::before{background-image: url(../images/customer/ico_smart9.svg);}
.smart_list li.list10 p::before{background-image: url(../images/customer/ico_smart10.svg);}
.customer .app_license .inner{max-width: 1240px;margin: 0 auto;padding: 0;}
.customer .app_license .inner .info-box{margin-top: 120px;}
.customer .app_license .inner .info-box ul{padding:8px 0 0 0}
.customer .app_license .inner .info-box ul li{padding-bottom: 4px;font-size: 20px;color: #444;line-height: 24px;letter-spacing: -0.02em;}
.customer .app_license .inner .info-box ul li:last-child{padding-bottom: 0;}
.app_function br.mo{display: none;}
.function_list .border-line{ position:absolute;  top:0; width: calc(20vw + 7px); max-width: 306px;height:640px;}
.function_list .border-line span{position:absolute;z-index:2}
.function_list .border-line span:nth-child(1){top:0;left:0;width:50px;height:50px;border-top-left-radius:40px;border-top:10px solid;border-left:10px solid}
.function_list .border-line span:nth-child(2){top:0;right:0;width:50px;height:50px;border-top-right-radius:40px;border-top:10px solid;border-right:10px solid}
.function_list .border-line span:nth-child(3){bottom:0;left:0;width:50px;height:50px;border-bottom-left-radius:40px;border-bottom:10px solid;border-left:10px solid}
.function_list .border-line span:nth-child(4){bottom:0;right:0;width:50px;height:50px;border-bottom-right-radius:40px;border-bottom:10px solid;border-right:10px solid}
.function_list .border-line span:nth-child(5){top:0;left:36px;width:72%;height:10px;background:#000}
.function_list .border-line span:nth-child(6){bottom:0;left:36px;width:72%;height:10px;background:#000}
.function_list .border-line span:nth-child(7){top:6%;left:0;width:10px;height:86%;background:#000}
.function_list .border-line span:nth-child(8){top:6%;right:0;width:10px;height:86%;background:#000}

/* 영수증출력 팝업 */
.con_box.type3{max-width: 568px; padding:0 24px; }
.receipt-title{display: block;font-size: 22px;font-weight: 700;line-height: 32px;letter-spacing: -0.02em;text-align: center;}
.receipt-info{margin-top: 16px;}
.receipt-info ul{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.receipt-info ul li{padding: 16px 0;border-bottom: 1px solid #ddd;}
.receipt-info ul li:last-child{border-bottom: 0;}
.receipt-info ul li .category{display: flex;justify-content: space-between;}
.receipt-info ul li .category:first-child{margin-bottom: 4px;}
.receipt-info ul li .category p{font-size: 18px;color: #666;line-height: 28px;letter-spacing: -0.02em;}
.receipt-info ul li .category span{display: inline-block;font-size: 18px;color: #000;line-height: 28px;letter-spacing: -0.02em;text-align: right;}
.receipt-info ul li .category span .pay{font-weight: 700;}
.receipt-info .dot-txt{margin-top: 32px;}
.receipt-info .dot-txt p{position: relative;padding-left: 12px;font-size: 16px;color: #666;line-height: 24px;letter-spacing: -0.02em;}
.receipt-info .dot-txt p a{font-weight: 700;color: #666;text-decoration: underline;}
.receipt-info .dot-txt p::before{content: '';position: absolute;left: 0;top: 9px;width: 4px;height: 4px;background: #bbb;border-radius: 50%;}

/* AS지원 */
.faq-wrap .tab_sticky{margin-top: 140px;}
.faq-wrap .tab_sticky ul{padding: 0;}
.faq-wrap .title{color:#fff}
.faq-wrap .title h1{font-family:'tj-medium';font-size: 80px;font-weight: 500;line-height: 104px;letter-spacing: -2.4px;}
.faq-wrap .title p{padding-top:40px;font-size: 24px;font-weight: 400;line-height: 34px;letter-spacing: -.48px;}
.faq-wrap .icons{position:absolute;top:130px;right:12.5%;width:396px;}
.faq-wrap .icons i{display:block;position:absolute}
.faq-wrap .icons .ico1{top:0;right:0;width:242px;height:256px;background:url(../images/intro/as_icon1.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 0.9s infinite}
.faq-wrap .icons .ico2{top:86px;left:0;width:242px;height:256px;background:url(../images/intro/as_icon2.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 0.7s infinite}
.faq-wrap .icons .ico3{top:241px;right:130px;width:52px;height:60px;background:url(../images/intro/as_icon3.svg) no-repeat 0 0 / 100% 100%;animation:scale 1s infinite}
.faq-wrap .icons .ico4{top:300px;right:149px;width:97px;height:69px;background:url(../images/intro/as_icon4.svg) no-repeat 0 0 / 100% 100%;animation:rotateA 0.8s infinite}
@keyframes rotateA {
    0% {transform:rotate(0);-webkit-transform:rotate(0)}
    50% {transform:rotate(6deg);-webkit-transform:rotate(6deg);}
    100% {transform:rotate(0);-webkit-transform:rotate(0);}
}
@keyframes scale {
    0% {transform:scale(1.1);-webkit-transform:scale(1.1);} 
    50% {transform:scale(1);-webkit-transform:scale(1);}
    100% {transform:scale(1.1);-webkit-transform:scale(1.1);}
}

/* 영업지원 */
.faq-wrap .icons.sales .ico1{top: 0;right: unset;left: 77px;width: 160px;height: 160px;background: url(../images/intro/sales_icon1.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico2{top: 0;right: 0;left: unset;width: 160px;height: 160px;background: url(../images/intro/sales_icon2.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico3{top: 169px;right: unset;left: 77px;width: 160px;height: 160px;background: url(../images/intro/sales_icon3.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico4{top: 169px;right: 0;width: 160px;height: 160px;background: url(../images/intro/sales_icon4.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.sales .ico5{top: 275px;left: 0;width: 135px;height: 34px;background: url(../images/intro/sales_icon5.svg) no-repeat 0 0 / 100% 100%;animation: transX 1s infinite;}
@keyframes transX {
    0% {transform:translateX(0);-webkit-transform:translateX(0)}
    50% {transform:translateX(-20px);-webkit-transform:translateX(-20px);}
    100% {transform:rottranslateXate(0);-webkit-transform:translateX(0);}
}

/* 대리점찾기 */
.faq-wrap .icons.agency{top: 183px;width: 530px;}
.faq-wrap .icons.agency .ico1{top: 5px;left: 197px;right: unset;width: 130px;height: 84px;background: url(../images/intro/agency_icon1.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico2{top: 45px;left: 261px;width: 159px;height: 84px;background: url(../images/intro/agency_icon2.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico3{top: 4px;left: 15px;right: unset;width: 255px;height: 236px;background: url(../images/intro/agency_icon3.svg) no-repeat 0 0 / 100% 100%;animation: rotateA 0.8s infinite;}
.faq-wrap .icons.agency .ico4{top: 133px;left: 295px;right: unset;z-index: 2;width: 70px;height: 70px;background: url(../images/intro/agency_icon4.svg) no-repeat 0 0 / 100% 100%;animation: scale 1s infinite;}
.faq-wrap .icons.agency .ico5{top: 90px;left: 355px;width: 161px;height: 146px;background: url(../images/intro/agency_icon5.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico6{top: 170px;left: 157px;width: 161px;height: 84px;background: url(../images/intro/agency_icon6.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico7{top: 230px;left: 257px;width: 202px;height: 84px;background: url(../images/intro/agency_icon7.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico8{top: 193px;left: 451px;width: 52px;height: 80px;background: url(../images/intro/agency_icon8.svg) no-repeat 0 0 / 100% 100%;animation: scale 0.9s infinite;}
.faq-wrap .icons.agency .ico9{top: 275px;left: 120px;width: 195px;height: 84px;background: url(../images/intro/agency_icon9.svg) no-repeat 0 0 / 100% 100%;animation: none;}
.faq-wrap .icons.agency .ico10{top: 272px;left: 330px;width: 159px;height: 84px;background: url(../images/intro/agency_icon10.svg) no-repeat 0 0 / 100% 100%;animation: none;}

.result-list-img .pc-recnt-ani{display: block !important;}

/* 계열회사 */
.family-wrap .family.case1.three .case-title span{width: 289px;}
.family-wrap .case-title strong{font-size: 48px;line-height: normal;}
.family-wrap .family.case2 .case-title span{width: 410px;background: url(../../../resources/front/images/intro/tj_comm_logo.svg) no-repeat;}
.family-wrap .case-title span{width: 257px;background-size: cover;}

/* 최신곡 */
.music .grid-item.title3 p span{font-family: 'tj-medium';font-weight: 500;line-height: 32px;}
.music .grid-item.singer p span{font-family: 'tj-medium';font-weight: 500;color: #000;line-height: 32px;}

/* .recent .music.type-a.type-b .grid-item.singer{flex: 1;} */
/* .black-font .type-a.type-b .grid-item.singer p::before{flex: 1;}
.black-font .type-a.type-b .grid-item.title4 p{flex: 1;gap: 0;}
.type2 .type-a.type-b .grid-item.title4 p{flex: 1;} */



@media all and (max-width:1290px) {
    /* 계열회사 */
    .family-wrap .family.case1.three .case-title span{width: 196px;height: 54px;}
    .family-wrap .case-title strong{font-size: 28px;line-height: 38px;}
    .family-wrap .family.case2 .case-title span{width: 278px;height: 47px;margin: 0 0 24px;}
    .family-wrap .case-title span{width: 174px;height: 93px;}

    /* 최신곡 */
    .music .grid-item.title3 p span{font-family: 'tj-light';font-weight: 300;}
}



@media all and (max-width:1290px) {
    .result-list-img .mo-recnt-ani{display: none !important;}
    .result-list-img .pc-recnt-ani img{width: 35%;}
    .result-list-img ul{top: 7%;left: 45%;}
    .list-img-group .pc-recnt-ani{display: flex !important;}
    .list-img-group ul{top: 60px;left: 125px;transform: rotate(25deg);}
    .list-img-group .mo-recnt-ani{display: none !important;}
    .list-img-group .pos-bottom-one{top: unset;bottom: 0;}
    .flow-img-area .mo-recnt-ani{animation: flowAnimation 100s linear infinite; animation-timing-function: linear;}
    .flow-img-area .mo-recnt-ani img{object-fit: cover;}

    .ci-content .top-tit{padding: 84px 24px 40px;font-size: 40px;font-family: "Pretendard";font-weight: 700;line-height: 56px;}
    .ci-content .title-top{min-height: 400px;}
    .ci-content .title-top .inner p{margin-bottom: 20px;font-size: 16px;line-height: 24px;}
    .ci-content .title-top .btn-download{flex-direction: row;}
    .ci-content .title-top .btn-download a{height: 36px;padding: 7px 20px;font-size: 14px;line-height: 22px;}
    .ci-cont.intro .ci-img{flex-direction: column;gap: 69.71px;padding: 100px 0;}
    .ci-cont .inner .sub_tit{font-size: 20px;font-weight: 700;line-height: 30px;letter-spacing: -0.02em;}
    .ci-cont .inner .txt-box{margin-top: 12px;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
    .ci-cont.symbol .symbol-detail{padding: 100px 0;}
    .ci-cont.symbol .symbol-detail .img-box{margin-top: 80px;}
    .ci-cont.color .col{padding: 100px 0;}
    .ci-cont.color .color-box{flex-direction: column;gap: 10px;}
    .ci-cont.color .color-box .black-cont{padding: 15px 0 27.5px 12px;}
    .ci-cont.color .color-box .blue-cont{padding: 15px 0 27.5px 12px;}
    .ci-cont.color .color-box .color-desc p{font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.02em;}

    .ci-cont.font .font-download{padding: 100px 0;}
    .ci-cont.font .title-sub .title-sm{font-size: 20px;line-height: 30px;letter-spacing: -0.02em;}
    .ci-cont.font .title-sub .title-lg{margin-top: 12px;font-size: 36px;line-height: 46px;}
    .ci-cont.font .title-sub p{font-size: 16px;font-weight: 400;line-height: 24px;}
    .ci-cont.font .font-download .btn-download{flex-direction: row;flex-wrap: wrap;}
    .ci-cont.font .font-download .btn-download a{width: 128px;height: 36px;padding: 0;font-size: 14px;line-height: 22px;}

    .ci-cont.typeface .swiper-container {overflow: hidden;padding: 100px 0;}
    .ci-cont.typeface .swiper-wrapper{gap: 0;justify-content: unset;}
    .ci-cont.typeface .swiper-slide{width: calc(100% - 40px);}
    .ci-cont.typeface .swiper-slide-active .txt-box{top: 40.25px;left: 28px;opacity: 1;}
    .ci-cont.typeface .swiper-slide-active .txt-box strong{font-size: 38px;line-height: 48px;}
    .ci-cont.typeface .swiper-slide-active::after{background:none;}

    .ci-cont.feature .inner{padding: 100px 24px 100px;}
    .ci-cont.feature .font-detail{gap: 60px;}
    .ci-cont.feature .font-detail li{padding-bottom: 40px;}
    .ci-cont.feature .font-detail li .emphasis{font-size: 18px;line-height: 28px;}
    .ci-cont.feature .font-detail li .desc{margin-top: 12px;font-size: 16px;line-height: 24px;letter-spacing: -0.02em;}
    .ci-cont.feature .font-detail li .ex-text{margin-top: 24px;font-size: 36px;line-height: 46px;}

    .ci-cont.kind .swiper-container{padding: 185px 0 342px;}
    .ci-cont.kind .kind-detail .tit{font-size: 36px;line-height: 46px;}
    .ci-cont.kind .kind-detail .font_family{position: relative;width: 100%;margin:25px 0 0;padding-top: 12px;border: 0;font-size: 36px;line-height: 46px;}
    .ci-cont.kind .kind-detail .font_family::before{content: '';display: inline-block;position: absolute;left: 50%;top: 0;width: 20px;height: 1px;background: #fff;opacity: 0.6;transform: translateX(-50%);}
    .ci-cont.kind .kind-detail .desc{margin-top: 24px;gap: 4px;}
    .ci-cont.kind .kind-detail .desc span{font-size: 14px;line-height: 22px;}
    .ci-cont.kind .swiper-control{height: 32px;}
    .ci-cont.kind .swiper-button-prev{left: 24px;width: 36px;height: 32px;background-size: 36px 32px;}
    .ci-cont.kind .swiper-button-next{right: 24px;width: 36px;height: 32px;background-size: 36px 32px;}
    .ci-cont.kind .swiper-pagination{bottom: 197px;}

    .ci-cont br.mo{display: block;}
    .product-con .category ul{gap: 4px;}
    .product-con .category ul a{padding: 10px 16px;border: 1px solid #444;}
    .product-con .category ul a.on{padding: 11px 16px;}
    .product-intro .product-con .list .desc-box p .flag{width: 75px;height: 30px;margin-left: 16px;font-size: 13.5px;line-height: 33px;}

    /* 영업지원 tj매니저앱 */
    .customer .app_tit .img-box.pc{display: none;}
    .customer .app_tit .img-box.mo{display: block;margin-top: 60px;;text-align: center;}
    .customer .app_tit .inner{flex-direction: column;}
    .app_tit .inner .txt-box{align-items: center;}
    .app_tit .inner .txt-box strong{font-size: 32px;line-height: 42px;letter-spacing: -0.02em;}
    .app_tit .inner .txt-box .desc{margin-top: 12px;font-size: 19px;line-height: 30px;letter-spacing: normal;text-align: center;}
    .app_tit .inner .txt-box .btn-app{width: 180px;height: 44px;margin-top: 32px;background: url(../images/customer/btn_link_mo.svg) no-repeat center / 100%;}
    .app_function{padding: 60px 24px 98px;background-color: #dadada;}
    .app_function strong{font-size: 32px;line-height: 42px;letter-spacing: -0.02em;}
    .app_function .desc{margin-top: 12px;font-size: 18px;line-height: 28px;}
    .app_smart{padding-top: 60px;}
    .app_smart .txt-box{text-align: center;}
    .app_smart .txt-box strong{font-size: 32px;line-height: 42px;letter-spacing: -0.02em;}
    .smart_list{grid-template-columns: repeat(1, 1fr);margin-top: 40px;}
    .smart_list li{padding: 16px 0;}
    .smart_list li p{padding-left: 44px;font-size: 18px;line-height: 28px;letter-spacing: normal;}
    .smart_list li p::before{width: 28px;height: 28px;background-size: 28px;}
    .customer .app_license .inner .info-box{margin-top: 80px;}
    .customer .app_license .inner .info-box ul{padding: 12px 0 0 12px;}
    .customer .app_license .inner .info-box ul li{padding-bottom: 0;font-size: 14px;line-height: 22px;}

    .app_function .function_list{display: none;}
    .app_function .function_mo_list{display: block;}
    .app_function br.mo{display: block;}
    .app_function .swiper-container{width: 170px; height: 330px; margin:0 auto;border-radius: 20px;}
    .app_function .swiper-slide-active img{width: unset !important;border-radius: 16px;transform: none;}
    .function_mo_list{position: relative;margin-top: 40px;}
    .function_mo_list .swiper-slide{text-align: center;}
    .function_mo_list .border-line{ position:absolute;  top:0;left: 50%; width: 170px;height:330px;margin-left: -85px;}
    .function_mo_list .border-line span{position:absolute;z-index:2}
    .function_mo_list .border-line span:nth-child(1){top:0;left:0;width:50px;height:50px;border-top-left-radius:16px;border-top:4px solid;border-left:4px solid}
    .function_mo_list .border-line span:nth-child(2){top:0;right:0;width:50px;height:50px;border-top-right-radius:16px;border-top:4px solid;border-right:4px solid}
    .function_mo_list .border-line span:nth-child(3){bottom:0;left:0;width:50px;height:50px;border-bottom-left-radius:16px;border-bottom:4px solid;border-left:4px solid}
    .function_mo_list .border-line span:nth-child(4){bottom:0;right:0;width:50px;height:50px;border-bottom-right-radius:16px;border-bottom:4px solid;border-right:4px solid}
    .function_mo_list .border-line span:nth-child(5){top:0;left:36px;width:72%;height:4px;background:#000}
    .function_mo_list .border-line span:nth-child(6){bottom:0;left:36px;width:72%;height:4px;background:#000}
    .function_mo_list .border-line span:nth-child(7){top:6%;left:0;width:4px;height:86%;background:#000}
    .function_mo_list .border-line span:nth-child(8){top:6%;right:0;width:4px;height:86%;background:#000}
    .function_mo_list .status-bar{position: absolute;left: 50%;top: 4px;display: flex;justify-content: space-between;z-index: 1;width: 142px;height: 22px;transform: translateX(-50%);}
    .function_mo_list .swiper-pagination-fraction{bottom: -38px;font-size: 12px;line-height: 18px;letter-spacing: -0.02em;}
    .function_mo_list .swiper-pagination-current{font-weight: 700;}

    /* 영수증출력 팝업 */
    .con_box.type3{padding: 24px;}
    .receipt-info ul li .category{padding-top: 0;}
    .receipt-info ul li .category p{font-size: 16px;line-height: 24px;}
    .receipt-info ul li .category span{font-size:16px;line-height: 24px;}
    .receipt-info .dot-txt p{font-size: 14px;line-height: 22px;}

    /* AS지원 */
    .faq-wrap .tab_sticky{margin-top: 24px;}
	.faq-wrap .title h1{font-size: 36px;font-weight: 700;line-height: 46px}
	.faq-wrap .title p{padding-top: 8px;font-size: 14px;line-height: 22px;letter-spacing: -.28px;}
	.faq-wrap .icons{top: 105px;width:101px;}
	.faq-wrap .icons .ico1{width:62px;height:65px}
	.faq-wrap .icons .ico2{top:22px;width:62px;height:65px}
	.faq-wrap .icons .ico3{top:60px;left:55px;width:13px;height:15px}
	.faq-wrap .icons .ico4{top:77px;right: 35px;width:25px;height:17px}

    /* 영업지원 */
    .faq-wrap .icons.sales .ico1{top: 0;right: unset;left: 21px;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico2{top: 0;right: 0;left: unset;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico3{top: 44px;right: unset;left: 21px;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico4{top: 44px;right: 0;width: 42px;height: 42px;}
    .faq-wrap .icons.sales .ico5{top: 70px;left: 0;width: 35px;height: 9px;}

    /* 대리점찾기 */
    .faq-wrap .icons.agency{top: 114px;width: 160px;}
    .faq-wrap .icons.agency .ico1{top: -11px;left: 80px;right: unset;width: 55px;height: 31px;}
    .faq-wrap .icons.agency .ico2{top: 7px;left: 75px;width: 128px;height: 31px;}
    .faq-wrap .icons.agency .ico3{top: 0;left: 15px;right: unset;width: 93px;height: 72px;}
    .faq-wrap .icons.agency .ico4{top: 34px;left: 118px;right: unset;z-index: 2;width: 24px;height: 24px;}
    .faq-wrap .icons.agency .ico5{top: 29px;left: 140px;width: 48px;height: 48px;}
    .faq-wrap .icons.agency .ico6{top: 48px;left: 65px;width: 64px;height: 31px;}
    .faq-wrap .icons.agency .ico7{top: 74px;left: 96px;width: 75px;height: 31px;}
    .faq-wrap .icons.agency .ico8{top: 61px;left: 169px;width: 16px;height: 24px;}
    .faq-wrap .icons.agency .ico9{top: 86px;left: 50px;width: 75px;height: 31px;}
    .faq-wrap .icons.agency .ico10{top: 91px;left: 116px;width: 64px;height: 31px;}
}