/* header */
.header .gnb_wrap .platform { border-top: 2px solid transparent; border-bottom: 2px solid #121214; } 

/* sect01 */
.sect01 .bg-img { background-image: url(/image/banner/platform_banner01.png); } 

/* sect02 */
.sect02 { padding: 16rem 4rem 12rem; } 
.sect02 .sect_title { text-align: center; } 
.sect02 .cont-wrap { margin-top: 8rem; } 

@media all and (max-width:768px){
 .sect02 { padding: 8rem 2rem 6rem; } 
 .sect02 .cont-wrap { margin-top: 4.8rem; } 
 .sect02 .cont-wrap .card-list-wrap { flex-wrap: wrap; gap: 2rem; } 
 .sect02 .cont-wrap .card-list-wrap li { width: calc(50% - 2rem/2); } 
 }

/* sect03 */
.sect03 { padding: 12rem 4rem; } 
.sect03 .sect_title { text-align: center; } 
.sect03 .cont-wrap { margin-top: 8rem; display: flex; flex-direction: column; gap: 6rem; } 
.sect03 .diagram .main-tit { width: 100%; max-width: 20rem; } 
.sect03 .diagram .inner-wrap { width: 100%; display: flex; gap: 3.2rem; } 
.sect03 .diagram .inner-wrap li { width: 100%; display: flex; flex-direction: column; gap: 1.2rem; border-radius: 2.4rem; padding: 4rem; } 
.sect03 .diagram .inner-wrap li h3 { font-size: 2.4rem; } 
.sect03 .diagram .inner-wrap li .desc { font-size: 1.8rem; color: #71727D; font-weight: 500; } 
.sect03 .stack-swiper { overflow: visible; } 
.sect03 .stack-swiper .swiper-wrapper { height: fit-content; } 
.sect03 .stack-swiper .card { width: fit-content !important; border-radius: 2.4rem; border: 1px solid #F1F1F7; background: #FFF; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.04); padding: 4rem; } 
.sect03 .stack-swiper .card h3 { font-size: 2.4rem; } 
.sect03 .stack-swiper .stack { display: flex; gap: 1.2rem; margin-top: 2.4rem; } 
.sect03 .stack-swiper .stack li { width: fit-content; height: 4.4rem; display: flex; align-items: center; justify-content: center; border-radius: 0.8rem; background: #EBF1FF; padding: 0.4rem 2.4rem; font-size: 1.8rem; color: #3392FF; } 

@media all and (max-width:768px){
 .sect03 { padding: 6rem 2rem; } 
 .sect03 .cont-wrap { margin-top: 4.8rem; gap: 4rem; } 
 .sect03 .cont-wrap .card-list-wrap { flex-wrap: wrap; gap: 2rem; } 
 .sect03 .cont-wrap .card-list-wrap li { width: calc(50% - 2rem/2); } 
 .sect03 .cont-wrap .card-list-wrap.swiper-wrapper { flex-wrap: nowrap; } 
 .sect03 .diagram .inner-wrap { flex-direction: column; gap: 2rem; } 
 }

/* sect04 */
.sect04 { padding: 12rem 4rem; } 
.sect04 .sect_title { text-align: center; } 
.sect04 .cont-wrap { margin-top: 8rem; } 
.sect04 .cont-wrap .top { display: flex; align-items: center; gap: 6rem; } 
.sect04 .cont-wrap .top .chart-wrap { display: flex; align-items: center; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap { display: flex; flex-direction: column; gap: 2.4rem; margin-left: 4.8rem; font-size: 1.6rem; font-weight: 500; white-space: nowrap; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap li { display: flex; align-items: center; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap li::before { content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; background: #71727D; border-radius: 50%; margin: 1.2rem 0.8rem 1.2rem 0; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap li:nth-child(1):before { background: #3D3D99; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap li:nth-child(2):before { background: #5D8CEB; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap li:nth-child(3):before { background: #725BE4; } 
.sect04 .cont-wrap .top .chart-wrap .label-wrap li:nth-child(4):before { background: #32B0EF; } 
.sect04 .cont-wrap .top .card-list { width: 100%; display: flex; flex-wrap: wrap; gap: 2rem; } 
.sect04 .cont-wrap .top .card-list li { width: calc(50% - 2rem/2); border-radius: 2.4rem; border: 1px solid #F1F1F7; background: #FFF; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.04); padding: 4rem; font-weight: 500; font-size: 1.8rem; text-align: center; } 
.sect04 .cont-wrap .top .card-list li span { color: #3392FF; font-weight: 600; } 
.sect04 .cont-wrap .bottom { margin-top: 6rem; } 
.sect04 .cont-wrap .bottom .card-list { width: 100%; display: flex; flex-wrap: wrap; gap: 4rem; } 
.sect04 .cont-wrap .bottom .card-list li { width: calc(100%/3 - 6.4rem/3); border-radius: 2.4rem; border: 1px solid #F1F1F7; background: #FFF; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.04); padding: 4rem; font-weight: 500; font-size: 1.8rem; text-align: center; } 

@media all and (max-width:768px){
 .sect04 { padding: 6rem 2rem; } 
 .sect04 .cont-wrap { margin-top: 4.8rem; } 
 .sect04 .cont-wrap .top { flex-direction: column; gap: 3.2rem; } 
 .sect04 .cont-wrap .bottom { margin-top: 4rem; } 
 .sect04 .cont-wrap .bottom .card-list-wrap { flex-direction: column; } 
 .sect04 .cont-wrap .bottom .card-list-wrap > li { width: 100%; } 
 }

@media all and (max-width:500px){
 .sect04 .cont-wrap .top #myChart { width: 20rem; } 
 .sect04 .cont-wrap .top .chart-wrap .label-wrap { gap: 1.2rem; } 
 .sect04 .cont-wrap .top .card-list li { width: 100%; } 
 }

/* sect05 */
.sect05 { padding: 12rem 4rem; } 
.sect05 .sect_title { text-align: center; } 
.sect05 .cont-wrap { margin-top: 8rem; } 
.sect05 .cont-wrap .top { border-radius: 2rem; background: #3392FF; color: #fff; font-size: 2.4rem; font-weight: 600; padding: 3.2rem; text-align: center; } 
.sect05 .cont-wrap .card-list { display: flex; gap: 2rem; margin-top: 3.2rem; flex-wrap: wrap; } 
.sect05 .cont-wrap .card-list li { width: calc(25% - 6rem/4); display: flex
; align-items: center; justify-content: center; border-radius: 2rem; border: 1px solid #F1F1F7; background: #FFF; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.04); padding: 4rem; font-size: 1.8rem; font-weight: 600; text-align: center; word-break: keep-all; } 

@media all and (max-width:768px){
 .sect05 { padding: 6rem 2rem; } 
 .sect05 .cont-wrap { margin-top: 4.8rem; } 
 .sect05 .cont-wrap .card-list li { width: calc(50% - 2rem/2); } 
 }

/* sect06 */
.sect06 { padding: 12rem 4rem; } 
.sect06 .guide { max-width: none; } 
.sect06 .sect_title { text-align: center; } 
.sect06 .cont-wrap { margin-top: 8rem; } 
.sect06 .cont-wrap .top-wrap, .sect06 .cont-wrap .bottom-wrap { overflow: visible; } 
.sect06 .cont-wrap .bottom-wrap { margin-top: 6rem; } 
.sect06 .cont-wrap ul { display: flex; height: fit-content !important; } 
.sect06 .cont-wrap ul li { width: 33.6rem; } 
.sect06 .cont-wrap ul li { width: 33.6rem; } 
.sect06 .cont-wrap ul li h4 { font-size: 1.8rem; color: #71727D; font-weight: 500; margin-top: 2.4rem; } 
.sect06 .cont-wrap ul li h3 { font-size: 2rem; font-weight: 600; margin-top: 0.8rem; } 

@media all and (max-width:768px){
 .sect06 { padding: 6rem 2rem; } 
 }

/* sect07 */
.sect07 { padding: 12rem 4rem 16rem; } 
.sect07 .guide { max-width: none; } 
.sect07 .sect_title { text-align: center; } 
.sect07 .swiper { margin-top: 10rem; overflow: visible; } 
.sect07 .swiper-wrapper { height: fit-content; gap: 8rem; } 
.sect07 .swiper-slide { width: fit-content; height: fit-content; } 

@media all and (max-width:768px){
 .sect07 { padding: 6rem 2rem 8rem; } 
 }

/* sect08 */
.sect08 .bg-img { background-image: url(/image/banner/platform_banner02.png); } 

/* sect09 */
.sect09 { padding: 16rem 4rem 12rem; } 
.sect09 .sect_title { text-align: center; } 
.sect09 .cont-wrap { margin-top: 8rem; } 
.sect09 .cont-wrap .top { display: flex; gap: 6rem; } 
.sect09 .cont-wrap .top .certificate { width: 100%; max-width: 32rem; display: flex; justify-content: center; border-radius: 1.2rem; filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.12)); } 
.sect09 .cont-wrap .top table { font-size: 1.6rem; border-top: 1px solid #D5D5DE; } 
.sect09 .cont-wrap .top table th { width: 14rem; background: #F7F7FC; border-right: 1px solid #D5D5DE; } 
.sect09 .cont-wrap .top table th, td { padding: 1.6rem 2rem; border-bottom: 1px solid #D5D5DE; } 
.sect09 .cont-wrap .top table td ul { display: flex; flex-direction: column; gap: 0.8rem; } 
.sect09 .cont-wrap .top table td li { display: flex; } 
.sect09 .cont-wrap .top table td li::before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; background: #121214; border-radius: 50%; margin: 0.8rem 0.8rem 0.8rem 0; } 
.sect09 .cont-wrap .bottom { margin-top: 6rem; } 

@media all and (max-width:768px){
 .sect09 { padding: 8rem 2rem 6rem; } 
 .sect09 .cont-wrap { margin-top: 4.8rem; } 
 .sect09 .cont-wrap .top { flex-direction: column; align-items: center; } 
 .sect09 .cont-wrap .card-list-wrap { flex-wrap: wrap; gap: 2rem; } 
 }

/* sect10 */
.sect10 { padding: 12rem 4rem; } 
.sect10 .sect_title { text-align: center; } 
.sect10 .cont-wrap { margin-top: 8rem; } 
.sect10 .cont-wrap .diagram { margin-top: 6rem; } 
.sect10 .cont-wrap .diagram img { max-width: 10rem; } 

@media all and (max-width:768px){
 .sect10 { padding: 6rem 2rem; } 
 .sect10 .cont-wrap { margin-top: 4.8rem; } 
 .sect10 .card-list-wrap { flex-wrap: wrap; justify-content: center; } 
 .sect10 .cont-wrap .diagram .main-tit { } 
 }

/* sect11 */
.sect11 { padding: 12rem 4rem; } 
.sect11 .sect_title { text-align: center; } 
.sect11 .cont-wrap { margin-top: 8rem; } 
.sect11 .cont-wrap .text-card-list-wrap { margin-top: 4rem; } 

@media all and (max-width:768px){
 .sect11 { padding: 6rem 2rem; } 
 .sect11 .cont-wrap { margin-top: 4.8rem; } 
 }

/* sect12 */
.sect12 { padding: 12rem 4rem; } 
.sect12 .sect_title { text-align: center; } 
.sect12 .cont-wrap { margin-top: 8rem; } 
.sect12 .cont-wrap .list { margin-top: 2rem; } 
.sect12 .cont-wrap .list li { font-size: 1.8rem; color: #71727D; font-weight: 500; display: flex; align-items: center; } 
.sect12 .cont-wrap .list li:not(:first-child) { margin-top: 0.8rem; } 
.sect12 .cont-wrap .list li:before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; background: #71727D; border-radius: 50%; margin: 1.2rem 0.8rem 1.2rem 0; } 
.sect12 .cont-wrap .diagram { margin-top: 6rem; } 
.sect12 .cont-wrap .diagram .card .inner { display: flex; flex-direction: row; align-items: stretch; font-size: 1.8rem; border-radius: 2rem; border: 1px solid var(--mode-gray-200, #E6E6ED); overflow: hidden; } 
.sect12 .cont-wrap .diagram .card .left { width: 100%; max-width: 16rem; display: flex; align-items: center; justify-content: center; border-right: 1px solid #E6E6ED; background: #F1F1F7; text-align: center; padding: 1.6rem 1.2rem; font-weight: 600; } 
.sect12 .cont-wrap .diagram .card .right { width: 100%; background: #fff; padding: 3.2rem; } 
.sect12 .cont-wrap .diagram .card .right ul { display: flex; gap: 1.2rem; flex-wrap: wrap; } 
.sect12 .cont-wrap .diagram .card .right ul li { width: calc(25% - 3.6rem/4); display: flex; padding: 2rem; justify-content: center; align-items: center; border-radius: 0.8rem; background: #F1F1F7; text-align: center; } 
.sect12 .cont-wrap .diagram .card .right p { border-radius: 0.8rem; background: #EBF1FF; margin-top: 2.4rem; display: flex; padding: 2rem 2.4rem; justify-content: center; align-items: center; color: #3392FF; font-weight: 600; text-align: center; } 

@media all and (max-width:768px){
 .sect12 { padding: 6rem 2rem; } 
 .sect12 .cont-wrap { margin-top: 4.8rem; } 
 .sect12 .cont-wrap .diagram .card .inner { flex-direction: column; } 
 .sect12 .cont-wrap .diagram .card .left { max-width: 100%; } 
 .sect12 .cont-wrap .diagram .card .left br { display: none; } 
 }

@media all and (max-width:500px){
 .sect12 .cont-wrap .diagram .card .right ul li { width: calc(50% - 1.2rem/2 ); } 
 }

/* sect13 */
.sect13 { padding: 12rem 4rem 16rem; } 
.sect13 .sect_title { text-align: center; } 
.sect13 .cont-wrap { margin-top: 8rem; } 

@media all and (max-width:768px){
 .sect13 { padding: 6rem 2rem 8rem; } 
 .sect13 .cont-wrap { margin-top: 4.8rem; } 
 }

/* sect14 */
.sect14 .bg-img { background-image: url(/image/banner/platform_banner03.png); } 

/* sect15 */
.sect15 { padding: 16rem 4rem 12rem; } 
.sect15 .sect_title { text-align: center; } 
.sect15 .cont-wrap { display: flex; flex-direction: column; align-items: center; margin-top: 8rem; } 
.sect15 .cont-wrap .logo { width: 100%; max-width: 70rem; } 
.sect15 .cont-wrap .box { width: 100%; display: flex; align-items: center; gap: 8rem; border-radius: 3.2rem; border: 1px solid #F1F1F7; background: #FFF; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.04); padding: 8rem 10rem; margin-top: 6rem; } 
.sect15 .cont-wrap .box .img { width: 100%; max-width: 18rem; } 
.sect15 .cont-wrap .box h3 { font-size: 2.4rem; } 
.sect15 .cont-wrap .box ul { display: flex; flex-direction: column; gap: 1.6rem; margin-top: 3.2rem; font-size: 1.8rem; } 
.sect15 .cont-wrap .box ul li { display: flex; align-items: center; font-weight: 500; color: #71727D; } 
.sect15 .cont-wrap .box ul li::before { content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background: url(/image/icon/blue_check.svg) center / cover no-repeat; margin-right: 0.8rem; } 
.sect15 .cont-wrap .box ul li span { font-weight: 600; margin-right: 0.8rem; color: #121214; } 
.sect15 .cont-wrap .box ul li p { display: contents; } 

@media all and (max-width:768px){
 .sect15 { padding: 8rem 2rem 6rem; } 
 .sect15 .cont-wrap .box { flex-direction: column; padding: 6rem 4rem; gap: 3.2rem; } 
 }

/* sect16 */
.sect16 { padding: 12rem 4rem 16rem; } 
.sect16 .sect_title { text-align: center; } 
.sect16 .cont-wrap { margin-top: 8rem; } 
.sect16 .wide-diagram .card { margin-top: 0; } 
.sect16 .top { display: flex; gap: 6rem; } 
.sect16 .top .before-after { display: flex; gap: 2rem; } 
.sect16 .top .before-after li { border-radius: 2.4rem; overflow: hidden; } 
.sect16 .top .before-after li p { display: flex; align-items: center; justify-content: center; height: 6rem; color: #fff; } 
.sect16 .top .before-after li p.before { background: #B9BAC6; } 
.sect16 .top .before-after li p.after { background: #3392FF; } 
.sect16 .bottom { width: 100%; margin-top: 6rem; display: flex; align-items: center; gap: 2rem; } 
.sect16 .bottom .limit, .solution { width: 100%; border-radius: 2.4rem; border: 1px solid #F1F1F7; background: #FFF; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.04); padding: 4rem; } 
.sect16 .bottom h3 { font-size: 2.4rem; } 
.sect16 .bottom .solution h3 { color: #3392FF; } 
.sect16 .bottom .arrow { width: 100%; max-width: 7.2rem; } 
.sect16 .bottom ul { display: flex; flex-direction: column; gap: 1.2rem; margin-top: 2rem; } 
.sect16 .bottom ul li { display: flex; color: #71727D; font-size: 1.8rem; font-weight: 500; } 
.sect16 .bottom ul li::before { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; background: #9697A3; border-radius: 50%; margin: 1.2rem 0.8rem 1.2rem 0; } 

@media all and (max-width:768px){
 .sect16 { padding: 6rem 2rem 8rem; } 
 .sect16 .cont-wrap { margin-top: 4.8rem; } 
 .sect16 .top { flex-direction: column; } 
 .sect16 .top .before-after li { width: 100%; } 
 .sect16 .top .before-after li img { width: 100%; } 
 .sect16 .bottom { flex-direction: column; } 
 .sect16 .bottom .arrow { transform: rotate(90deg); } 
 }

@media all and (max-width:500px){
 .sect16 .top .before-after { flex-direction: column; } 
 }

/* sect17, sect18 */
.sect17 { padding: 16rem 4rem; background: #F7F7FC; } 
.sect17 .sect_title { text-align: center; } 
.sect17 .cont-wrap { margin-top: 8rem; } 
.sect17 .card-list-wrap { flex-wrap: wrap; } 
.sect17 .card-list-wrap li { width: calc(50% - 3.2rem/2); flex-direction: row; padding: 4rem; gap: 3.2rem; align-items: flex-end; } 
.sect17 .card-list-wrap li .sub-tit, .sect18 .card-list-wrap li .sub-tit { color: #3392FF; font-size: 1.8rem; display: flex; gap: 0.8rem; } 
.sect17 .card-list-wrap li .sub-tit span, .sect18 .card-list-wrap li .sub-tit span { display: flex; align-items: center; } 
.sect17 .card-list-wrap li .sub-tit span::after, .sect18 .card-list-wrap li .sub-tit span::after { content: ''; display: inline-block; width: 0.2rem; height: 1.6rem; background: #3392FF; margin-left: 0.8rem; } 
.sect17 .card-list-wrap li .txt .main-tit, .sect17 .card-list-wrap li .txt .desc, .sect18 .card-list-wrap li .txt .main-tit, .sect18 .card-list-wrap li .txt .desc { text-align: left; } 
.sect17 .card-list-wrap li .txt .main-tit, .sect18 .card-list-wrap li .txt .main-tit { font-size: 2.4rem; } 
.sect17 .card-list-wrap li .txt .desc, .sect18 .card-list-wrap li .txt .desc { margin-top: 1.2rem; } 

@media all and (max-width:768px){
 .sect17 { padding: 8rem 2rem; } 
 .sect17 .cont-wrap { margin-top: 4.8rem; } 
 .sect17 .card-list-wrap li { flex-direction: column; } 
 }

@media all and (max-width:500px){
 .sect17 .card-list-wrap li { width: 100%; } 
 }

/* sect18 */
.sect18 { padding: 16rem 4rem 12rem; } 
.sect18 .sect_title { text-align: center; } 
.sect18 .cont-wrap { margin-top: 8rem; } 
.sect18 .card-list-wrap .img img { width: 100%; max-width: none; } 
.sect18 .card-list-wrap .txt { margin-top: 3.2rem; } 

@media all and (max-width:768px){
 .sect18 { padding: 8rem 2rem 6rem; } 
 .sect18 .cont-wrap { margin-top: 4.8rem; } 
 }

/* sect19 */
.sect19 { padding: 12rem 4rem; } 
.sect19 .sect_title { text-align: center; } 
.sect19 .cont-wrap { margin-top: 8rem; } 

@media all and (max-width:768px){
 .sect19 { padding: 6rem 2rem; } 
 .sect19 .cont-wrap { margin-top: 4.8rem; } 
 }

/* sect20 */
.sect20 { padding: 12rem 4rem; } 
.sect20 .sect_title { text-align: center; } 
.sect20 .cont-wrap { margin-top: 8rem; } 
.sect20 .cont-wrap .img { display: flex; gap: 4rem; justify-content: center; } 
.sect20 .cont-wrap .img li:nth-child(2n-1) { width: 100%; max-width: 18rem; } 
.sect20 .cont-wrap .img li:nth-child(2n) { width: 100%; max-width: 36rem; } 
.sect20 .cont-wrap .gray-card-list-wrap { display: flex; gap: 3.2rem; margin-top: 6rem; } 
.sect20 .cont-wrap .gray-card-list-wrap li { display: flex; flex-direction: column; align-items: center; border-radius: 2.4rem; background: #F7F7FC; padding: 4rem; } 
.sect20 .cont-wrap .gray-card-list-wrap li h3 { font-size: 2.4rem; margin-top: 2.4rem; } 
.sect20 .cont-wrap .gray-card-list-wrap li .desc { font-size: 1.8rem; margin-top: 1.2rem; text-align: center; font-weight: 500; color: #71727D; } 

@media all and (max-width:768px){
 .sect20 { padding: 6rem 2rem; } 
 .sect20 .cont-wrap { margin-top: 4.8rem; } 
 .sect20 .cont-wrap .img { flex-wrap: wrap; } 
 .sect20 .cont-wrap .gray-card-list-wrap { flex-wrap: wrap; gap: 2rem; } 
 .sect20 .cont-wrap .gray-card-list-wrap li { width: calc(50% - 2rem/2); } 
 }

@media all and (max-width:500px){
 .sect20 .cont-wrap .gray-card-list-wrap li { width: 100%; } 
 }

/* sect21 */
.sect21 { padding: 12rem 4rem 16rem; } 
.sect21 .sect_title { text-align: center; } 
.sect21 .cont-wrap { margin-top: 8rem; } 
.sect21 .cont-wrap .card-list-wrap li { height: 48rem; overflow: hidden; } 
.sect21 .cont-wrap .card-list-wrap .sub-tit { text-align: center; font-size: 1.8rem; } 
.sect21 .cont-wrap .card-list-wrap .main-tit { font-size: 2.4rem; margin-top: 0.8rem; } 
.sect21 .cont-wrap .card-list-wrap .desc { margin-top: 1.2rem; } 
.sect21 .cont-wrap .card-list-wrap .img { width: 100%; max-width: 16rem; margin-top: 3.2rem; } 
.sect21 .cont-wrap .card-list-wrap .img img { max-width: none; } 
.sect21 .cont-wrap .annotation { margin-top: 2.4rem; font-size: 1.4rem; color: #9697A3; font-weight: 500; text-align: right; } 

@media all and (max-width:768px){
 .sect21 { padding: 6rem 2rem 8rem; } 
 .sect21 .cont-wrap { margin-top: 4.8rem; } 
 }


/* sect22 */
.sect22 .bg-img { background-image: url(/image/banner/platform_banner04.png); } 

/* sect23 */
.sect23 { padding: 16rem 4rem 12rem; } 
.sect23 .sect_title { text-align: center; } 
.sect23 .cont-wrap { margin-top: 8rem; } 
.sect23 .diagram .card .inner-box { width: 100%; display: flex; justify-content: space-between; align-items: center; border-radius: 2.4rem; background: #FFF; box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.04); padding: 6rem 8rem; gap: 4rem; } 
.sect23 .diagram .card .inner-box .desc { font-size: 1.8rem; font-weight: 500; text-align: center; color: #71727D; } 
.sect23 .diagram .card .inner-box .desc:not(:first-child) { margin-top: 0.4rem; } 
.sect23 .diagram .card .inner-box .licensors img { width: 100%; max-width: 10rem; } 
.sect23 .diagram .card .inner-box .licensors .name { font-size: 2rem; font-weight: 600; text-align: center; margin-top: 1.2rem; } 
.sect23 .diagram .card .inner-box .trade { display: flex; flex-direction: column; align-items: center; gap: 2.4rem; } 
.sect23 .diagram .card .inner-box .platform { display: flex; flex-direction: column; align-items: center; border-radius: 2rem; background: #F1F1F7; padding: 3.2rem; } 
.sect23 .diagram .card .inner-box .platform img { width: 100%; max-width: 8rem; } 
.sect23 .diagram .card .inner-box .platform h3 { margin-top: 2rem; } 
.sect23 .diagram .card .inner-box .platform ul { margin-top: 1.2rem; } 
.sect23 .diagram .card .inner-box .platform ul li { text-align: center; } 

@media all and (max-width:768px){
 .sect23 { padding: 8rem 2rem 6rem; } 
 .sect23 .cont-wrap { margin-top: 4.8rem; } 
 .sect23 .diagram .card .inner-box { flex-direction: column; } 
 .sect23 .diagram .card .inner-box .trade { gap: 6rem; } 
 .sect23 .diagram .card .inner-box .trade img { transform: rotate(90deg); } 
 }

/* sect24 */
.sect24 { padding: 12rem 4rem; } 
.sect24 .sect_title { text-align: center; } 
.sect24 .cont-wrap { margin-top: 8rem; } 
.sect24 .card-list-wrap .inner-card-wrap { width: 100%; display: flex; flex-direction: column; gap: 1.2rem; font-size: 1.8rem; font-weight: 500; border-radius: 1.2rem; background: #F7F7FC; padding: 2.4rem; margin-top: 2.4rem; } 
.sect24 .card-list-wrap .inner-card-wrap li { display: flex; } 
.sect24 .card-list-wrap .inner-card-wrap li::before { content: ''; display: inline-block; width: 2.4rem; height: 2.4rem; background: url(/image/icon/blue_check.svg) center / cover no-repeat; margin-right: 0.8rem; } 

@media all and (max-width:768px){
 .sect24 { padding: 6rem 2rem; } 
 .sect24 .cont-wrap { margin-top: 4.8rem; } 
 }


/* sect25 */
.sect25 { padding: 12rem 4rem; } 
.sect25 .sect_title { text-align: center; } 
.sect25 .cont-wrap { display: flex; margin-top: 8rem; gap: 3.2rem; } 
.sect25 .cont-wrap > div { width: 100%; border-radius: 2.4rem; padding: 4rem; } 
.sect25 .cont-wrap > div > h3 { display: flex; align-items: center; gap: 1.2rem; font-size: 2.4rem; } 
.sect25 .cont-wrap .licensor-wrap { background: #EBF1FF; } 
.sect25 .cont-wrap .licensee-wrap { background: #F1F1F7; } 
.sect25 .cont-wrap ul { display: flex; flex-direction: column; gap: 2rem; margin-top: 3.2rem; } 
.sect25 .cont-wrap li { display: flex; align-items: center; gap: 2rem; border-radius: 1.2rem; background: #FFF; box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.05); padding: 2.4rem; } 
.sect25 .inner-card-list-wrap .img { width: 7.2rem; height: 7.2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; } 
.sect25 .licensor-wrap .inner-card-list-wrap .img { background: #EBF1FF; } 
.sect25 .licensee-wrap .inner-card-list-wrap .img { background: #F1F1F7; } 
.sect25 .inner-card-list-wrap .main-tit { font-size: 2rem; } 
.sect25 .inner-card-list-wrap .desc { font-size: 1.8rem; font-weight: 500; color: #71727D; margin-top: 0.8rem; } 

@media all and (max-width:768px){
 .sect25 { padding: 6rem 2rem; } 
 .sect25 .cont-wrap { flex-direction: column; margin-top: 4.8rem; } 
 }

@media all and (max-width:500px){
 .sect25 .cont-wrap > div { padding: 3.2rem; } 
 .sect25 .cont-wrap li { flex-direction: column; } 
 .sect25 .cont-wrap li .txt { text-align: center; } 
 }

/* sect26 */
.sect26 { padding: 12rem 4rem; } 
.sect26 .guide { display: flex; flex-direction: column; align-items: center; } 
.sect26 .cont-wrap { margin-top: 8rem; } 
.sect26 .sect_title { text-align: center; } 

@media all and (max-width:768px){
 .sect26 { padding: 6rem 2rem; } 
 .sect26 .cont-wrap { margin-top: 4.8rem; } 
 }

/* sect27 */
.sect27 { padding: 12rem 4rem 16rem; } 
.sect27 .sect_title { text-align: center; } 
.sect27 .goal { border-radius: 2.4rem; background:#3392FF; padding: 3.2rem; text-align: center; font-size: 2rem; color: #fff; font-weight: 600; margin-top: 6rem; } 
.sect27 .keyword { display: flex; gap: 3.2rem; justify-content: center; margin-top: 6rem; } 
.sect27 .keyword li { width: 100%; max-width: 24rem; display: inline-block; border-radius: 1.2rem; background: #EBF1FF; padding: 2rem 2.4rem; text-align: center; font-size: 1.8rem; color: #3392FF; font-weight: 600; } 

@media all and (max-width:768px){
 .sect27 { padding: 6rem 2rem 8rem; } 
 .sect27 .cont-wrap { margin-top: 4.8rem; } 
 .sect27 .goal br { display: none; } 
 .sect27 .keyword { flex-direction: column; align-items: center; } 
 }