@charset "utf-8";
.tab-content{
    display: none;
}
.tab-content.active{
    display: block;
}

/* 세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용) */
@media (max-width: 575px) {
    h2>br,h2>span>br,p>br,p>span>br{
        display: none;
    }
    .services_main {
        background: url(../images/services_main_bg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 150px 0 100px;
    }

    .services_main_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        color: #fff;
    }

    .services_main_inner>p:first-child {
        font-size: 1.25rem;
    }

    .services_main_inner>h2 {
        font-size: 2rem;
        font-weight: bold;
    }

    .services_main_inner>p:last-child {
        font-size: 1rem;
        text-align: center;
        line-height: 1.4;
    }

    /* tab-1 start*/
    .channel_main_wrap {
        padding: 100px 0;
        background: #F9FAFB;
    }

    .ch_txt_wrap{
        margin-bottom: 20px;
    }
    .ch_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
    }

    .ch_txt_wrap>h2>span {
        color: #000F7A;
    }

    .ch_cont_wrap {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .ch_cont_wrap>p {
        display: none;
        font-size: 1.25rem;
        font-weight: bold;
        letter-spacing: -1px;
        width: 20%;
    }


    .ch_cont_inner>p {
        font-size: 1rem;
        line-height: 1.4;
    }

    .br_cont_wrap{
        width: 50%;
        margin: 100px auto 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .br_cont_item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .br_img_box>img{
        width: 100%;
    }
    .br_cont_box{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .br_cont_box>p{
        font-size: 1.125rem;
        margin-left: 10px;
        font-weight: bold;
    }
    .br_cont_item:first-child>.br_cont_txt{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .br_cont_item:first-child>.br_cont_txt>p{
        font-size: 1.5rem;
        margin-left: 10px;
        font-weight: bold;
    }
    .br_cont_txt{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }
    .br_cont_txt>div{
        display: flex;
        flex-direction: row;
    }
    .br_cont_txt h2{
        font-size: 2.625rem;
        font-weight: bold;
    }
    .br_cont_txt>p{
        font-size: 2rem;
        font-weight: bold;
    }
    .br_cont_txt>div>p{
        font-size: 1.5rem;
        margin-left: 6px;
        font-weight: bold;
    }

    .load_wrap {
        padding: 100px 0;
        background: #111C53;
    }

    .load_txt_wrap {
        display: flex;
        flex-direction: column;
        gap: 20px;
        color: #fff;
        margin-bottom: 50px;
    }

    .load_txt_wrap>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
    }

    .load_txt_wrap>p:last-child {
        font-size: 1rem;
        font-weight: 500;
        text-align: center;
        line-height: 1.4;
    }

    .load_img_box>img {
        width: 100%;
    }
    .load_img_box_pc{
        display: none;
    }

    .ones_main_wrap {
        padding: 100px 0;
        background: #F5F6FA;
    }

    .os_txt_wrap {
        padding-bottom: 50px;
    }

    .os_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
    }

    .os_txt_wrap>h2>span {
        color: #000F7A;
    }

    .ones_img_box {
        width: 100%;
        margin-top: 50px;
    }

    .ones_img_box>img {
        width: 100%;
    }
    .ones_img_box_pc{
        display: none;
    }

    .ones_cont_wrap {
        margin-top: 100px;
    }

    .ones_cont {
        color: #111C53;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 50px;
    }
    .ones_cont:last-child{
        margin: 0;
    }

    .ones_cont>h2 {
        font-size: 1.125rem;
        font-weight: bold;
    }

    .os_cont_list{
        display: flex;
        flex-direction: column;
    }
    .os_cont_list>p {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .os_cont_list>p:last-child {
        margin: 0;
    }

    .wms_main_wrap {
        background: #F5F6FA;
        padding: 100px 0;
    }

    .wms_txt_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.25rem;
        text-align: center;
        padding-bottom: 3.125rem;
    }

    .wms_txt_wrap>p:first-child {
        font-size: 1rem;
        color: #2768FF;
        font-weight: bold;
    }

    .wms_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.4;
    }

    .wms_txt_wrap>p:last-child {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }

    .wms_img_box {
        width: 100%;
        margin: 0 auto;
    }

    .wms_img_box>img {
        width: 100%;
    }

    .wms_cont_wrap {
        display: flex;
        flex-direction: column;
        gap: 10%;
    }

    .wms_cont {
        margin-top: 50px;
        color: #111C53;
    }

    .wms_cont>p:first-child {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid #aaa;
    }

    .wms_cont>h2 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }

    .wms_cont_list>p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0.625rem;
    }

    .wms_cont_list>p:last-child {
        margin: 0;
    }

    .fulfillment_wrap {
        padding: 100px 0;
    }

    .ffm_txt_wrap {
        margin-bottom: 100px;
    }

    .ffm_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #111C53;
        line-height: 1.4;
    }

    .ffm_img_box>img {
        width: 100%;
    }
    .ffm_img_box_pc{
        display: none;
    }

    /* tab-1 end*/

    
    /* tab-2 start */
    .atoz_wrap {
        padding: 100px 0;
        background: #F1F4F8;
    }
    
    .az_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    
    .az_txt_wrap>h2>span {
        color: #000F7A;
    }
    
    .az_txt_wrap>p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
    
    .az_cont_wrap {
        display: flex;
        flex-direction: column;
    }
    
    .az_cont {
        background: #fff;
        padding: 40px 20px;
        font-size: 1rem;
        border-radius: 20px;
        margin-top: 50px;
    }
    
    .az_cont>p:first-child {
        font-weight: 500;
        margin-bottom: 1.875rem;
    }
    
    .az_cont>h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .az_cont>p:nth-last-child(2),
    .az_cont>p:nth-last-child(3) {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 0.625rem;
    }
    
    .guide_wrap {
        background: #111C53;
        padding: 100px 0;
    }
    
    .guide_txt_wrap {
        color: #fff;
        margin-bottom: 50px;
        text-align: center;
    }
    
    .guide_txt_wrap>p:first-child {
        font-size: 1rem;
        font-weight: bold;
    }
    
    .guide_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        margin: 20px 0;
    }
    
    .guide_txt_wrap>p:last-child {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
    
    .guide_cont_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    .guide_cont {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        text-align: center;
        color: #fff;
        width: 48%;
        padding: 30px 20px;
        background: #1F295D;
        border-radius: 1.25rem;
        margin-bottom: 20px;
    }
    
    .g_cont_txt>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .g_cont_txt>p:last-child {
        font-size: 1.25rem;
        font-weight: bold;
    }
    
    .process_wrap {
        padding: 100px 0;
        background: #fff;
    }
    
    .process_txt_wrap {
        font-size: 1.25rem;
        font-weight: bold;
        padding-bottom: 20px;
        border-bottom: 1px solid #aaa;
    }
    
    .process_cont_wrap {
        display: flex;
        flex-direction: column;
    }
    
    .process_cont_wrap:last-child {
        margin: 0;
        border: 0;
    }
    
    .process_cont {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        border-bottom: 1px solid #eaeaea;
        padding:50px 0; 
    }
    
    .p_img_box{
        width: 20%;
    }
    .p_img_box>img{
        width: 90%;
        max-width: 60px;
    }
    
    .p_cont_txt>p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
    
    .p_cont_txt>p:first-child {
        font-size: 1.125rem;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    .s_point_wrap {
        padding: 0 0 100px;
        background: #fff;
    }
    
    .s_point_txt_wrap>p {
        font-size: 1rem;
        font-weight: bold;
        color: #2768FF;
        margin-bottom: 20px;
    }
    
    .s_point_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.2;
    }
    
    .s_point_cont_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .sp_cont {
        margin-top: 50px;
    }
    
    .sp_cont_txt {
        padding: 10px;
    }
    
    .sp_cont_txt>p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
    
    .sp_cont_txt>p:first-child {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    /* tab-2 end */
} 

/* 가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 1024px 보다 작은 화면에 적용)  */
@media (min-width: 576px) and (max-width: 1240px) {
    .services_main {
        background: url(../images/services_main_bg.jpg) no-repeat;
        background-size: cover;
        padding: 150px 0 100px;
    }

    .services_main_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        color: #fff;
    }

    .services_main_inner>p:first-child {
        font-size: 1.25rem;
    }

    .services_main_inner>h2 {
        font-size: 2rem;
        font-weight: bold;
    }

    .services_main_inner>p:last-child {
        font-size: 1rem;
        text-align: center;
        line-height: 1.4;
    }

    /* tab-1 start*/
    .channel_main_wrap {
        padding: 100px 0;
        background: #F9FAFB;
    }

    .ch_txt_wrap{
        margin-bottom: 20px;
    }
    .ch_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
    }

    .ch_txt_wrap>h2>span {
        color: #000F7A;
    }

    .ch_cont_wrap {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .ch_cont_wrap>p {
        display: none;
        font-size: 1.25rem;
        font-weight: bold;
        letter-spacing: -1px;
        width: 20%;
    }


    .ch_cont_inner>p {
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 500;
    }

    .br_cont_wrap{
        margin: 100px auto 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        gap: 50px;
    }
    .br_cont_item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .br_img_box>img{
        width: 100%;
    }
    .br_cont_box{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .br_cont_box>p{
        font-size: 1.125rem;
        margin-left: 10px;
        font-weight: bold;
    }
    .br_cont_item:first-child>.br_cont_txt{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .br_cont_item:first-child>.br_cont_txt>p{
        font-size: 1.5rem;
        margin-left: 10px;
        font-weight: bold;
    }
    .br_cont_txt{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }
    .br_cont_txt>div{
        display: flex;
        flex-direction: row;
    }
    .br_cont_txt h2{
        font-size: 2.625rem;
        font-weight: bold;
    }
    .br_cont_txt>p{
        font-size: 1.5rem;
        font-weight: bold;
    }
    .br_cont_txt>div>p{
        font-size: 1.5rem;
        margin-left: 6px;
        font-weight: bold;
    }

    .load_wrap {
        padding: 100px 0;
        background: #111C53;
    }

    .load_txt_wrap {
        display: flex;
        flex-direction: column;
        gap: 20px;
        color: #fff;
        margin-bottom: 50px;
    }

    .load_txt_wrap>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
    }

    .load_txt_wrap>p:last-child {
        font-size: 1rem;
        font-weight: 500;
        text-align: center;
        line-height: 1.4;
    }

    .load_img_box {
        width: 70%;
        margin: auto;
    }

    .load_img_box>img {
        width: 100%;
    }
    .load_img_box_pc{
        display: none;
    }

    .ones_main_wrap {
        padding: 100px 0;
        background: #F5F6FA;
    }

    .os_txt_wrap {
        padding-bottom: 50px;
    }

    .os_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
    }

    .os_txt_wrap>h2>span {
        color: #000F7A;
    }

    .ones_img_box {
        width: 100%;
        margin-top: 50px;
    }

    .ones_img_box>img {
        width: 100%;
    }
    .ones_img_box_pc{
        display: none;
    }

    .ones_cont_wrap {
        margin-top: 100px;
    }

    .ones_cont {
        color: #111C53;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 50px;
    }
    .ones_cont:last-child{
        margin: 0;
    }

    .ones_cont>h2 {
        font-size: 1.25rem;
        font-weight: bold;
    }

    .os_cont_list{
        display: flex;
        flex-wrap: wrap;
    }
    .os_cont_list>p {
        width: 50%;
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .os_cont_list>p:last-child {
        margin: 0;
    }

    .wms_main_wrap {
        background: #F5F6FA;
        padding: 100px 0;
    }

    .wms_txt_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.25rem;
        text-align: center;
        padding-bottom: 3.125rem;
    }

    .wms_txt_wrap>p:first-child {
        font-size: 1.125rem;
        color: #2768FF;
        font-weight: bold;
    }

    .wms_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.4;
    }

    .wms_txt_wrap>p:last-child {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }

    .wms_img_box {
        width: 100%;
        margin: 0 auto;
    }

    .wms_img_box>img {
        width: 100%;
    }

    .wms_cont_wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 10%;
    }

    .wms_cont {
        margin-top: 50px;
        width: 45%;
        color: #111C53;
    }

    .wms_cont>p:first-child {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
        border-bottom: 1px solid #aaa;
    }

    .wms_cont>h2 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }

    .wms_cont_list>p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0.625rem;
    }

    .wms_cont_list>p:last-child {
        margin: 0;
    }

    .fulfillment_wrap {
        padding: 100px 0;
    }

    .ffm_txt_wrap {
        margin-bottom: 100px;
    }

    .ffm_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #111C53;
        line-height: 1.4;
    }

    .ffm_img_box>img {
        width: 100%;
    }
    .ffm_img_box_pc{
        display: none;
    }

    /* tab-1 end*/

    
    /* tab-2 start */
    .atoz_wrap {
        padding: 100px 0;
        background: #F1F4F8;
    }
    
    .az_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
    }
    
    .az_txt_wrap>h2>span {
        color: #000F7A;
    }
    
    .az_txt_wrap>p {
        font-size: 1rem;
        font-weight: 500;
        margin-top: 30px;
        line-height: 1.4;
    }
    
    .az_cont_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 30px;
        margin-top: 100px;
    }
    
    .az_cont {
        background: #fff;
        padding: 40px 20px;
        font-size: 1rem;
        border-radius: 20px;
        width: 46%;
    }
    
    .az_cont>p:first-child {
        font-weight: 500;
        margin-bottom: 1.875rem;
    }
    
    .az_cont>h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .az_cont>p:nth-last-child(2),
    .az_cont>p:nth-last-child(3) {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 0.625rem;
    }
    
    .guide_wrap {
        background: #111C53;
        padding: 100px 0;
    }
    
    .guide_txt_wrap {
        color: #fff;
        margin-bottom: 100px;
        text-align: center;
    }
    
    .guide_txt_wrap>p:first-child {
        font-size: 1rem;
        font-weight: bold;
    }
    
    .guide_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        margin: 20px 0;
    }
    
    .guide_txt_wrap>p:last-child {
        font-size: 1.25rem;
        font-weight: 500;
    }
    
    .guide_cont_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    .guide_cont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        width: 48%;
        padding: 3.125rem 1.875rem;
        background: #1F295D;
        border-radius: 1.25rem;
        margin-bottom: 20px;
    }
    
    .g_cont_txt>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .g_cont_txt>p:last-child {
        font-size: 1.25rem;
        font-weight: bold;
    }
    
    .process_wrap {
        padding: 100px 0;
        background: #fff;
    }
    
    .process_txt_wrap {
        font-size: 1.5rem;
        font-weight: bold;
        padding-bottom: 20px;
        border-bottom: 1px solid #aaa;
    }
    
    .process_cont_wrap {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #eaeaea;
        padding: 50px 0;
    }
    
    .process_cont_wrap:last-child {
        margin: 0;
        border: 0;
    }
    
    .process_cont {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
    }
    
    .p_img_box{
        width: 20%;
    }
    .p_img_box>img{
        width: 90%;
        max-width: 60px;
    }
    .p_cont_txt {
        width: 70%;
        padding: 0.625rem;
    }
    
    .p_cont_txt>p {
        margin-bottom: 0.625rem;
        font-size: 1rem;
        font-weight: 500;
    }
    
    .p_cont_txt>p:first-child {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .s_point_wrap {
        padding: 0 0 100px;
        background: #fff;
    }
    
    .s_point_txt_wrap>p {
        font-size: 1rem;
        font-weight: bold;
        color: #2768FF;
        margin-bottom: 20px;
    }
    
    .s_point_txt_wrap>h2 {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.2;
    }
    
    .s_point_cont_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }
    
    .sp_cont {
        width: 48%;
        margin-top: 50px;
    }
    
    .sp_cont_txt {
        padding: 10px;
    }
    
    .sp_cont_txt>p {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
    
    .sp_cont_txt>p:first-child {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 10px;
    }
    
    /* tab-2 end */
}

/* 데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용)  */
@media (min-width: 1241px){
    .services_main {
        background: url(../images/services_main_bg.jpg) no-repeat;
        background-size: cover;
        padding: 200px 0 100px;
    }

    .services_main_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        color: #fff;
    }

    .services_main_inner>p:first-child {
        font-size: 1.5rem;
    }

    .services_main_inner>h2 {
        font-size: 2.625rem;
        font-weight: bold;
    }

    .services_main_inner>p:last-child {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.4;
    }

    /* tab-1 start*/
    .channel_main_wrap {
        padding: 100px 0;
        background: #F9FAFB;
    }

    .ch_txt_wrap {
        padding-bottom: 50px;
        border-bottom: 1px solid #aaa;
    }

    .ch_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
    }

    .ch_txt_wrap>h2>span {
        color: #000F7A;
    }

    .ch_cont_wrap {
        padding-top: 50px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .ch_cont_wrap>p {
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: -1px;
        width: 20%;
    }

    .ch_cont_inner {
        width: 80%;
    }

    .ch_cont_inner>p {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .br_cont_wrap{
        margin: 100px auto 0px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 50px;
    }
    .br_cont_item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .br_img_box>img{
        width: 100%;
    }
    .br_cont_box{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .br_cont_box>p{
        font-size: 1.25rem;
        margin-left: 10px;
        font-weight: bold;
    }
    .br_cont_item:first-child>.br_cont_txt{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .br_cont_item:first-child>.br_cont_txt>p{
        font-size: 1.5rem;
        margin-left: 10px;
        font-weight: bold;
    }
    .br_cont_txt{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }
    .br_cont_txt>div{
        display: flex;
        flex-direction: row;
    }
    .br_cont_txt h2{
        font-size: 2.625rem;
        font-weight: bold;
    }
    .br_cont_txt>p{
        font-size: 2rem;
        font-weight: bold;
    }
    .br_cont_txt>div>p{
        font-size: 1.5rem;
        margin-left: 6px;
        font-weight: bold;
    }


    .load_wrap {
        padding: 150px 0;
        background: #111C53;
    }

    .load_txt_wrap {
        display: flex;
        flex-direction: row;
        gap: 100px;
        color: #fff;
        margin-bottom: 100px;
    }

    .load_txt_wrap>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .load_txt_wrap>p:last-child {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.4;
    }
    .load_img_box_m{
        display: none;
    }
    .load_img_box {
        width: 100%;
    }

    .load_img_box>img {
        width: 100%;
    }

    .ones_main_wrap {
        padding: 150px 0;
        background: #F5F6FA;
    }

    .os_txt_wrap {
        padding-bottom: 50px;
    }

    .os_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
        width: 78%;
    }

    .os_txt_wrap>h2>span {
        color: #000F7A;
    }

    .ones_img_box_m{
        display: none;
    }
    .ones_img_box {
        width: 100%;
        margin-top: 6.25rem;
    }

    .ones_img_box>img {
        width: 100%;
    }

    .ones_cont_wrap {
        margin-top: 6.25rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        gap: 6.25rem;
    }

    .ones_cont {
        color: #111C53;
    }

    .ones_cont>h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .os_cont_list>p {
        font-size: 1.25rem;
        font-weight: 500;
        margin-bottom: 0.625rem;
    }

    .os_cont_list>p:last-child {
        margin: 0;
    }

    .wms_main_wrap {
        background: #F5F6FA;
        padding: 75px 0 150px;
    }

    .wms_txt_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: center;
        padding-bottom: 50px;
    }

    .wms_txt_wrap>p:first-child {
        font-size: 1.5rem;
        color: #2768FF;
        font-weight: bold;
    }

    .wms_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        line-height: 1.4;
    }

    .wms_txt_wrap>p:last-child {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 500;
    }

    .wms_img_box {
        width: 80%;
        margin: 0 auto;
    }

    .wms_img_box>img {
        width: 100%;
    }

    .wms_cont_wrap {
        margin-top: 50px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        gap: 50px;
    }

    .wms_cont {
        color: #111C53;
        width: 25%;
    }

    .wms_cont>p:first-child {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #aaa;
        font-size: 1.25rem;
        font-weight: 500;
    }

    .wms_cont>h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .wms_cont_list>p {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.4;
    }

    .wms_cont_list>p:last-child {
        margin: 0;
    }

    .fulfillment_wrap {
        padding: 150px 0;
    }

    .ffm_txt_wrap {
        margin-bottom: 100px;
    }

    .ffm_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        color: #111C53;
        line-height: 1.4;
    }

    .ffm_img_box_m{
        display: none;
    }
    .ffm_img_box>img {
        width: 100%;
    }

    /* tab-1 end*/

    
    /* tab-2 start */
    .atoz_wrap {
        padding: 150px 0;
        background: #F1F4F8;
    }
    
    .az_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        color: #aaa;
        line-height: 1.4;
        width: 68%;
    }
    
    .az_txt_wrap>h2>span {
        color: #000F7A;
    }
    
    .az_txt_wrap>p {
        font-size: 1.25rem;
        font-weight: 500;
        margin-top: 20px;
        line-height: 1.4;
    }
    
    .az_cont_wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 100px;
    }
    
    .az_cont {
        width: 23%;
        background: #fff;
        padding: 30px;
        font-size: 1.125rem;
        border-radius: 20px;
        font-weight: 500;
    }
    
    .az_cont>p:first-child {
        font-weight: 500;
        margin-bottom: 30px;
    }
    
    .az_cont>h2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .az_cont>p:nth-last-child(2),
    .az_cont>p:nth-last-child(3) {
        font-size: 1.125rem;
        font-weight: 500;
        margin-bottom: 10px;
    }
    
    .guide_wrap {
        background: #111C53;
        padding: 150px 0;
    }
    
    .guide_txt_wrap {
        color: #fff;
        padding-bottom: 100px;
        margin-bottom: 100px;
        border-bottom: 1px solid #fff;
    }
    
    .guide_txt_wrap>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
    }
    
    .guide_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        margin: 20px 0;
    }
    
    .guide_txt_wrap>p:last-child {
        font-size: 1.25rem;
        font-weight: 500;
    }
    
    .guide_cont_wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    
    .guide_cont {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        width: 24%;
        padding: 50px 30px;
        background: #1F295D;
        border-radius: 20px;
    }
    
    .g_cont_txt>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    .g_cont_txt>p:last-child {
        font-size: 1.25rem;
        font-weight: bold;
    }
    
    .process_wrap {
        padding: 150px 0;
        background: #fff;
    }
    
    .process_txt_wrap {
        font-size: 1.5rem;
        font-weight: bold;
        padding-bottom: 50px;
        margin-bottom: 100px;
        border-bottom: 1px solid #aaa;
    }
    
    .process_cont_wrap {
        display: flex;
        flex-direction: row;
        padding-bottom: 50px;
        margin-bottom: 50px;
        border-bottom: 1px solid #eaeaea;
    }
    
    .process_cont_wrap:last-child {
        padding: 0;
        margin: 0;
        border: 0;
    }
    
    .process_cont {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 40px;
        width: 50%;
    }
    
    .p_cont_txt {
        padding: 10px;
    }
    
    .p_cont_txt>p {
        margin-bottom: 10px;
        font-size: 1.25rem;
        font-weight: 500;
    }
    
    .p_cont_txt>p:first-child {
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 1.25rem;
    }
    
    .s_point_wrap {
        padding: 70px 0 150px;
        background: #fff;
    }
    
    .s_point_txt_wrap {
        margin-bottom: 100px;
    }
    
    .s_point_txt_wrap>p {
        font-size: 1.5rem;
        font-weight: bold;
        color: #2768FF;
        margin-bottom: 20px;
    }
    
    .s_point_txt_wrap>h2 {
        font-size: 2.625rem;
        font-weight: bold;
        line-height: 1.4;
        width: 78%;
    }
    
    .s_point_cont_wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }
    
    .sp_cont {
        width: 20%;
    }
    
    .sp_cont_txt {
        padding: 10px;
    }
    
    .sp_cont_txt>p {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.4;
    }
    
    .sp_cont_txt>p:first-child {
        margin: 10px 0;
        font-size: 1.5rem;
        font-weight: bold;
    }
    
    /* tab-2 end */
}