/****************************/
/******** ai style ********/
/****************************/
*{ font-family: Pretendard; margin:0; padding:0; box-sizing: border-box; outline:0 !important;}

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}

ul,li { list-style: none; }

a { text-decoration: none; }
table{ width:100%; border-spacing:0; border-collapse:collapse; }

/* ÆùÆ® rem ±âÁØ°ª ¼³Á¤Á¤*/
html, body { width:100%; }
body{width:100%; min-width:320px; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all; }
body,input,select,textarea,button { border:none; }

select:focus,
textarea:focus,
input:focus { border: 1px solid #e5e5ec;}

:root {
    /* Ä÷¯ */
    --color-background : #f7f7fb;
    --color-white : #fff;
    --color-black : #111;
    --color-main : #3F96FB;

    /* ÆùÆ® Ä÷¯ */
    --font-default : #111;
    --font-sub : #767676;
    --font-disable : #999;

    /* border Ä÷¯ */
    --input-gray : #e5e5ec;

    /* ÆùÆ® »çÀÌÁî */
    --fs-10 : 1rem;
    --fs-11 : 1.1rem;
    --fs-12 : 1.2rem;
    --fs-13 : 1.3rem;
    --fs-14 : 1.4rem;
    --fs-15 : 1.5rem;
    --fs-16 : 1.6rem;
    --fs-18 : 1.8rem;
    --fs-20 : 2.0rem;
    --fs-22 : 2.2rem;
    --fs-24 : 2.4rem;
    --fs-28 : 2.8rem;
    --fs-32 : 3.2rem;
    --fs-36 : 3.6rem;
    --fs-42 : 4.2rem;
    --fs-48 : 4.8rem;
    --fs-62 : 6.2rem;

    /* ÆùÆ® ±½±â */
    --fw-100 : 100;
    --fw-200 : 200;
    --fw-300 : 300;
    --fw-400 : 400;
    --fw-500 : 500;
    --fw-600 : 600;
    --fw-700 : 700;

    /* ¿©¹é °ü·Ã*/
    --p4 : 0.4rem;
    --p6 : 0.6rem;
    --p8 : 0.8rem;
    --p10 : 1.0rem;
    --p12 : 1.2rem;
    --p16 : 1.6rem;
    --p20 : 2.0rem;
    --p24 : 2.4rem;
    --p28 : 2.8rem;
    --p32 : 3.2rem;
    --p36 : 3.6rem;
    --p40 : 4.0rem;
    --p42 : 4.2rem;
    --p48 : 4.8rem;
    --p60 : 6.0rem;
}

/* display °ü·Ã */
.d-flex { display: flex; }
.flex-d-c { flex-direction: column; }
.flex-d-r { flex-direction: row; }
.d-grid { display: grid; }

.align-c { align-items: center; }
.align-s { align-items: start; }
.align-e { align-items: end; }

.justify-s { justify-content: start; }
.justify-c { justify-content: center; }
.justify-end { justify-content: end; }
.justify-space-between { justify-content: space-between; }
.justify-space-around { justify-content: space-around; }

.g-4 { gap: var(--p4); }
.g-6 { gap: var(--p6);; }
.g-8 { gap: var(--p8) }
.g-10 { gap: var(--p10); }
.g-12 { gap: var(--p12); }
.g-16 { gap: var(--p16); }
.g-20 { gap: var(--p20); }
.g-24 { gap: var(--p24); }
.g-28 { gap: var(--p28); }
.g-32 { gap: var(--p32); }
.g-36 { gap: var(--p36); }
.g-40 { gap: var(--p40); }
.g-42 { gap: var(--p42); }
.g-42 { gap: var(--p42); }
.g-60 { gap: var(--p60);}

.f-1 { flex:1; }
.f-2 { flex:2; }
.f-3 { flex:3; }
.f-4 { flex:4; }
.f-5 { flex:5; }
.f-6 { flex:6; }

/* ¿©¹é °ü·Ã */
.p-4 { padding: var(--p4); }
.p-6 { padding: var(--p6); }
.p-8 { padding: var(--p8); }
.p-10 { padding: var(--p10); }
.p-12 { padding: var(--p12); }
.p-16 { padding: var(--p16); }
.p-20 { padding: var(--p20); }
.p-24 { padding: var(--p24); }
.p-28 { padding: var(--p28); }
.p-32 { padding: var(--p32); }
.p-36 { padding: var(--p36); }
.p-42 { padding: var(--p42); }

/* ÄÁÅÙÃ÷ ¾ÆÀÌÅÛ °ü·Ã */
.c-bg { background-color: var(--color-white); box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.08);}
.c-bg-border { background-color: var(--color-white); border: 1px solid #e5e5ec; }

/* ÆùÆ® °ü·Ã */
.fs-10 { font-size: var(--fs-10); }
.fs-11 { font-size: var(--fs-11); }
.fs-12 { font-size: var(--fs-12); }
.fs-13 { font-size: var(--fs-13); }
.fs-14 { font-size: var(--fs-14); }
.fs-16 { font-size: var(--fs-16); }
.fs-18 { font-size: var(--fs-18); }
.fs-20 { font-size: var(--fs-20); }
.fs-24 { font-size: var(--fs-24); }
.fs-28 { font-size: var(--fs-28); }
.fs-32 { font-size: var(--fs-32); }
.fs-36 { font-size: var(--fs-36); }
.fs-42 { font-size: var(--fs-42); }
.fs-48 { font-size: var(--fs-48); }

.fw-100 { font-weight: var(--fw-100); }
.fw-200 { font-weight: var(--fw-200); }
.fw-300 { font-weight: var(--fw-300); }
.fw-400 { font-weight: var(--fw-400); }
.fw-500 { font-weight: var(--fw-500); }
.fw-600 { font-weight: var(--fw-600); }
.fw-700 { font-weight: var(--fw-700); }

/* »çÀÌÁî °ü·Ã */
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-33 { width: 33.333%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }

.h-10 { height: 10%; }
.h-20 { height: 20%; }
.h-25 { height: 25%; }
.h-30 { height: 30%; }
.h-40 { height: 40%; }
.h-50 { height: 50%; }
.h-60 { height: 60%; }
.h-70 { height: 70%; }
.h-75 { height: 75%; }
.h-80 { height: 80%; }
.h-90 { height: 90%; }
.h-100 { height: 100%; }

.m-w-0 { min-width:0; }
.m-h-0 { min-height:0; }




#main {
    min-height: 0;
}

section {
    padding: 150px 0;
}

.bg-gray {
    background-color: #f7f7fb;
}

.inner {
    max-width: 1200px;
    margin: 0 auto;
}


.section_content_img {
    height: 120px;
    margin-bottom: 32px;
}

#section1 .section_content_sub_text {
    text-align: center;
}

.section_subtitle {
    color: #193F7E;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -2.5%;
    margin-bottom: 8px;
}

.section_title {
    color: #111;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -2.5%;
    margin-bottom: 24px;
    text-align: initial!important;
}

.t-a-c {
    text-align: center!important;
}

.section_sub_text{
    color: #767676;
    font-size: 20px;
    font-weight: 400; 
    letter-spacing: -2.5%;
}

.section_content_item,
.section_content_item_w {
    border: 1px solid #e5e5ec;
    border-radius: 12px;
}

.section_content_item_w:hover {
    border-color: #1D4582;
    transition: 0.3s;
    transform: scale(1.05);
    box-shadow: 0px 4px 12px rgba(29, 69, 130, 0.2);
}

.section_content_item {
    box-shadow: 0px 4px 12px rgba(29, 69, 130, 0.2);
    cursor: pointer;
}

.section_content_item:hover {
    transition: 0.3s;
    transform: scale(1.05);
    box-shadow: 0px 4px 12px rgba(29, 69, 130, 0.2);
}

.section_content_title {
    font-size: 28px;
    font-weight: 600;
    color: #111; 
    letter-spacing: -2.5%;
}

.section_content_sub_text {
    font-size: 18px; 
    color: #767676;
    letter-spacing: -2.5%;
    line-height: 1.5;
}

.section_content_number,
.section_content_number_n {
    font-size: 64px;
    color:#1D4582;
    margin-bottom: 20px;
}

.section_content_number_n { line-height: 1;}

.section_content_badge {
    color: #1D4582; 
    font-size: 13px;
    letter-spacing: -2.5%;
    padding: 8px 20px;
    border: 1px solid #1D4582;
    width: fit-content;
    border-radius: 3px;
    margin-top: 24px;
    cursor: pointer;
}
.section_content_badge:hover {
    background-color: #1D4582;
    color: #fff;
    transition: 0.3s;
}

.section_content_badge.white {
    color: #fff; 
    background-color: rgba(255,255,255,0.3);
    border: 0;    
}

.section_content_badge.benefit {
    color: #1D4582; 
    font-size: 16px;
    font-weight: 600;
    background-color: #f2f2fe;
    border: 0;    
    margin-top: 0;
}

.section_content_item_h {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 0;
    align-items: center;
    border-radius: 13px 13px 0 0;
}

.section_content_item_header {
    padding: 24px;
}

.section_content_item.platform .section_content_item_h{
    background-color: #1D4582;
}
.section_content_item.ai .section_content_item_h{
    background-color: #0095FF;
}
.section_content_item_h .section_content_title {
    color: #fff;
    font-weight: 600;
}
.section_content_item_h .section_content_sub_text {
    color: #fff;
    font-weight: 400;
}

.section_content_item_b {
    padding: 24px;
}

.section_content_item_list {
    display: flex;
    flex-direction: column;
    gap:24px;
}
.section_content_item_li {
    display: flex;
    align-items: center;
    gap: 12px;
}
.check_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1D4582;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check_circle span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.check_circle.not {
    background-color: #999;
    animation: moveBottomTop 1s ease-in-out infinite alternate;
}

.check_circle.rotate {
    animation: moveRotate 1s ease-in-out infinite alternate;
}


.section_content_item.platform .check_circle {
    background-color: #1D4582;
}
.section_content_item.ai .check_circle {
    background-color: #0095FF;
}

.section_content_item_li_title {
    font-size: 16px;
    color: #111;
    font-weight: 500;
}

.section_content_item_li_subtitle{
    font-size: 14px;
    color: #767676;
    font-weight: 400;
}

.circle_center {
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 10px -1px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.circle_center:hover{
    transform:scale(1.05);
    transition: 0.3s;
}

.circle_center span {
    font-size: 36px;
    color: #999;
    font-weight: 600;
}

.circle_center.vs{
    background: linear-gradient(125deg, rgba(255,255,255,0),rgba(255,255,255,0.3));
    backdrop-filter: blur(3px);
    color: #fff;
    font-size: 28px;
    position: relative;
    margin: auto 0;
}

.circle_center.vs::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px dashed rgba(255,255,255,1);   
    animation: spin 3s linear infinite;
} 

.section_content_number.text .cursor {
    display: inline-block;
    width: 2px;
    background-color: currentColor;
    animation: blink 0.7s step-end infinite;
    margin-left: 1px;
    vertical-align: middle;
}
.section_content_item_n.layer .section_content_li {
    height: 120px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* user */
.section_content_item_n.user .section_content_li {
    border: 1px solid rgba(26,45,110,0.1);
    background-color: #eef2fb;
    
}
.section_content_item_n.layer.user .section_content_li * {
    color: #1A2D6E;
}

/* engine */
.section_content_item_n.engine .section_content_li {
    border: 1px solid rgba(108,92,231,0.1);
    background-color: #F3F0FF;
    
}
.section_content_item_n.layer.engine .section_content_li * {
    color: #5B21B6;
}

/* mcp */
.section_content_item_n.mcp .section_content_li {
    border: 1px solid rgba(232,97,26,0.1);
    background-color: #FFF3EA;
    
}
.section_content_item_n.layer.mcp .section_content_li * {
    color: #C45000;
}

/* data */
.section_content_item_n.data .section_content_li {
    border: 1px solid rgba(9,132,227,0.1);
    background-color: #E0F2FE;
    
}
.section_content_item_n.layer.data .section_content_li * {
    color: #215AC0;
}

/* infra */
.section_content_item_n.infra .section_content_li {
    border: 1px solid rgba(44,182,125,0.1);
    background-color: #E8FAF2;
    
}
.section_content_item_n.layer.infra .section_content_li * {
    color: #15834C;
}

.canvas_div {
    width: 100%;
    border: 1px solid #e5e5ec;
    border-radius: 12px;
}

canvas { 
    width: 100%; 
    height: 100%;
}

#section6 {
    background-image: linear-gradient(to right, rgba(13, 55, 103, 1), rgba(13, 55, 103, 0.7), rgba(13, 55, 103, 0)),url(/img/ai_section6_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#section6 .section_subtitle,
#section6 .section_title,
#section8 .section_title,
#section8 .section_subtitle,
#section8 .section_sub_text {
    color: #fff;
}

#section6 .section_title { 
    margin-bottom: 0;
}

#section6 .section_content_div {
    justify-content: center;
}

.section_content_div.cards {
    position: relative;
}

.section6_card { 
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0px 4px 12px rgba(29, 69, 130, 0.2);
}

.section6_card.center {
    position: initial;
    width: 280px;
    height: 400px;       
    justify-content: center;
    align-items: center; 
    font-size: 36px; 
    color: #fff;
    background: rgba(255, 255, 255, 0.15); 
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); 
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    z-index: 1;
    margin-left: 0px;
}

.section6_card.one { z-index: 1; top: -28%; left: 5%;}
.section6_card.one .section_content_item_li_title { color: #964BFF;}

.section6_card.two { z-index: 1; top: 9%; left: 3%;}
.section6_card.two .section_content_item_li_title { color: #3636D3;}

.section6_card.three { z-index: 1; top: 58%; left: 20%;}
.section6_card.three .section_content_item_li_title { color: #008131;}

.section6_card.four { top: 95%; left: 20%;}
.section6_card.four .section_content_item_li_title { color: #CC0000;}

.section6_card.five { z-index: 1; top: -10%; right: 0%;}
.section6_card.five .section_content_item_li_title { color: #008131;}

.section6_card.six { z-index: 1; top: 60%; right: 5%;}
.section6_card.six .section_content_item_li_title { color: #FF9500;}

.section6_card.seven { top: 96%; right: 12%;}
.section6_card.seven .section_content_item_li_title { color: #05939D;}



/* 1. ¿ìÃø ¾Æ·¡ */
@keyframes moveRightBottom {
    0% { 
        transform: translate(-15px, -10px); /* ¿ÞÂÊÀ¸·Î 15px À̵¿ */
    }
    100% { 
        transform: translate(15px, 10px);  /* ¿À¸¥ÂÊÀ¸·Î 15px À̵¿ */
    }
}
/* 2. ¿ìÃø À§ */
@keyframes moveRightTop {
    0% { 
        transform: translate(-15px, 10px); /* ¿ÞÂÊÀ¸·Î 15px À̵¿ */
    }
    100% { 
        transform: translate(15px, -10px);  /* ¿À¸¥ÂÊÀ¸·Î 15px À̵¿ */
    }
}
/* 3. Á¿ì */
@keyframes moveLeftRight {
    0% { 
        transform: translateX(-15px); /* ¿ÞÂÊÀ¸·Î 15px À̵¿ */
    }
    100% { 
        transform: translateX(15px);  /* ¿À¸¥ÂÊÀ¸·Î 15px À̵¿ */
    }
}

/* 4. ÁÂÃø ¾Æ·¡ */
@keyframes moveLeftBottom {
    0% { 
        transform: translate(15px, 10px); /* ¿ÞÂÊÀ¸·Î 15px À̵¿ */
    }
    100% { 
        transform: translate(-15px, -10px);  /* ¿À¸¥ÂÊÀ¸·Î 15px À̵¿ */
    }
}
/* 5. ÁÂÃø À§ */
@keyframes moveLeftTop {
    0% { 
        transform: translate(15px, -10px); /* ¿ÞÂÊÀ¸·Î 15px À̵¿ */
    }
    100% { 
        transform: translate(-15px, 10px);  /* ¿À¸¥ÂÊÀ¸·Î 15px À̵¿ */
    }
}
/* 6. ¿ìÁ */
@keyframes moveRightLeft {
    0% { 
        transform: translateX(15px); /* ¿ÞÂÊÀ¸·Î 15px À̵¿ */
    }
    100% { 
        transform: translateX(-15px);  /* ¿À¸¥ÂÊÀ¸·Î 15px À̵¿ */
    }
}
/* 7. »óÇÏ */
@keyframes moveBottomTop {
    0% { 
        transform: translateY(-3px);
    }
    100% { 
        transform: translateY(3px);
    }
}
/* 8. ¿òÁ÷ÀÓ */
@keyframes moveRotate {
    0% { 
        transform: rotate(-10deg);
    }
    100% { 
        transform: rotate(10deg);
    }
}

/* 9. ÀÚü ȸÀü */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 10. ±ôºýÀÓ */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* 2. Ä«µå one ~ four¿¡ ¾Ö´Ï¸ÞÀÌ¼Ç °øÅë Àû¿ë */
.section6_card.one {
    animation: moveRightBottom 1.3s ease-in-out infinite alternate;
}
.section6_card.two,
.section6_card.three {
    /* 4ÃÊ µ¿¾È, ºÎµå·´°Ô(ease-in-out), ¹«Çѹݺ¹(infinite), ¹æÇâ ±³´ë(alternate) */
    animation: moveLeftRight 1.3s ease-in-out infinite alternate;
}
.section6_card.four {
    animation: moveRightTop 1.3s ease-in-out infinite alternate;
}
.section6_card.five {
    animation: moveLeftBottom 1.3s ease-in-out infinite alternate;
}
.section6_card.six {
    animation: moveRightLeft 1.3s ease-in-out infinite alternate;
}
.section6_card.seven {
    animation: moveLeftTop 1.3s ease-in-out infinite alternate;
}

.section6_card.one   { animation-delay: 0s; }
.section6_card.two   { animation-delay: -1s; }
.section6_card.three { animation-delay: -2s; }
.section6_card.four  { animation-delay: -3s; }



.section_content_div.seven {
    grid-template-columns: repeat(2,1fr);
    align-items: stretch;
}

.section_content_item_h_icon {
    padding: 24px;
    border-bottom: 1px solid #e5e5ec;
}

.circle_icon {
    background-color: #E5E5EC;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle_icon span {
    color: #1D4582;
    font-size: 42px;
    font-weight: 600;
}

.section_content_div.seven .section_content_item_li {
    align-items: flex-start;
}

#section8 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)),url(/img/ai_section8_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.section_content_grid_item_h {
    display: flex;
    align-items: stretch;
    gap: 24px;
    width: 100%;
}

.section_content_grid_h_li {
    background-color: rgba(20,65,129,0.8);
    padding: 12px 24px;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.content_grid_icon span {
    font-size: 48px;
    color: #fff;
}

.content_grid_text {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -2.5%;
}

.content_grid_sub_text {
    color: rgba(255,255,255,0.7);
    font-weight: 300;
    font-size: 14px;
    letter-spacing: -2.5%;
}

.section_content_grid_item_b {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(3,1fr);
    align-items: stretch;
    width: 100%;
    gap: 24px;
}

.section_content_grid_b_li {
    padding: 24px;
    background-color: rgba(33,36,47,0.8);
    gap: 4px;
    display: flex;
    flex-direction: column;
    border-radius: 6px;    
}

.section_content_grid_b_li .section_content_number {
    color: #fff;
}

.section_content_div.nine {
    align-items: stretch;
}

.section_content_div.nine .section_content_item_li_subtitle{
    letter-spacing: -1px;
}

#section10 {
    background-image: linear-gradient(to bottom, rgba(1, 25, 59, 1), rgba(1, 25, 59, 0.7), rgba(1, 25, 59, 0)),url(/img/ai_section10_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#section10 * {
    color: #fff;
}

#section10 .section_sub_text,
#section10 .section_content_sub_text {
    color: rgba(255,255,255,0.7);
}

#section10 .section_content_sub_text {
    text-align: center;
    margin-top: 12px;
}

#section12 .section_content_div * {
    color: #fff;
}

.section_content_item_w.loadmap:nth-child(1){
    background-image: linear-gradient(to bottom, #2E4BAA, #3D5FC9);
}

.section_content_item_w.loadmap:nth-child(2){
    background-image: linear-gradient(to bottom, #CA5305, #FB8435);
}

.section_content_item_w.loadmap:nth-child(3){
    background-image: linear-gradient(to bottom, #086348, #1C9367);
}

#section12 .section_content_item_header {
    padding: 24px 0 0 24px;
}

.phase {
    color: #fff;
    border: 1px solid #fff;
    padding: 4px 12px;
    border-radius: 3px;
    width: fit-content;
    font-size: 14px;
}

#section12 .date span{
    font-size: 14px;
}

#section12 .date span.material-symbols-outlined{
    font-size: 16px;
}

#section13 .section_content_sub_text {
    color: #1D4582;
    font-weight: 500;
}

.section13_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: stretch;
}

.section13_grid .section_content_item_header { 
    border-bottom: 1px solid #e5e5ec;
}

#section14 {
    background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0, 0.7), rgba(0,0,0,0.4)),url(/img/ai_section14_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#section14 .section_text_div * {
    color: #fff;
}

#section14 .section_content_item {
    border: 0;
}

#section14 .section_content_item.as {
    background-color: #21242F;
}
#section14 .section_content_item.tobe {
    background-color: #144181;
}

#section14 .section_content_item_h {
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    padding: 40px 0 16px;
}

#section14 .section_content_item_b {
    padding: 24px 24px 40px;
}

#section14 .section_content_sub_text {
    color: rgba(255,255,255,0.7);
}
#section14 .section_content_item .section_content_item_li{
    padding: 24px;
    border-radius: 6px;
}
#section14 .section_content_item.as .section_content_item_li {    
    background-color: #181A25;    
}
#section14 .section_content_item.tobe .section_content_item_li {    
    background-color: #0B3168;    
}

#section14 .section_content_item .section_content_item_li .part {
    color: #fff;
    font-size: 16px;
    margin-right: 12px;
    width: 42px;
}

#section14 .section_content_item.as .check_circle {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.7);
}
#section14 .section_content_item.as .check_circle span{
    color: rgba(255,255,255,0.7);
}
#section14 .section_content_item.as .section_content_item_li .section_content_item_li_title {
    color: rgba(255,255,255,0.7);
}

#section14 .section_content_item.tobe .check_circle {
    background-color: #fff;
    border: 1px solid rgba(255,255,255,1);
}
#section14 .section_content_item.tobe .check_circle span{
    color: #111;
}
#section14 .section_content_item.tobe .section_content_item_li .section_content_item_li_title {
    color: rgba(255,255,255,1);
}