/* mtis 소개 페이지 */
.safty_04.mtis_intro ul.steptTit{grid-template-columns: repeat(3,1fr);}
.safty_04.mtis_intro ul.steptTit li.br-tit br{display: none;}

.subPage .tit-path ul li:nth-child(2), .subPage .tit-path ul li:nth-child(4), .subPage .tit-path ul li:nth-child(6) {
    margin: 0 8px;
}

.mtis_intro{word-break: keep-all;}
.mtis_intro .flex{display: flex;align-items: center;}
.mtis_intro .blue{color: #4761DE;}
.mtis_intro .bold{font-weight: bold;}
.mtis_intro .fw-400{font-weight: 400;}
.mtis_intro .intro_cont{padding: 42px 0 120px;}
.mtis_intro .pt-20{padding-top: 20px;}

.mtis_intro .it_cont:not(:last-child){padding-bottom: 40px;}
.mtis_intro .it_cont img.cont-mo{display: none;}
.mtis_intro h3.cont-tit{font-size: 20px;font-weight: bold;letter-spacing: -0.8px;color: #4761DE;padding-bottom: 15px;}
.mtis_intro h3.cont-tit .icon{margin-right: 12px;}
.mtis_intro .txt{font-size: 16px;color: #6A6A6A;line-height: 27px;}
.mtis_intro .txt_wr{padding-left: 33px;}
.mtis_intro .txt_wr h4{font-size: 18px;font-weight: bold;color: #292929;}
.mtis_intro .txt_wr h4:not(:last-child){margin-bottom: 10px;}
.mtis_intro ul.txt-bx.fw-400 .icon_tit{font-weight: 400;}
.mtis_intro .icon_tit{font-size: 16px;font-weight: bold;color: #6A6A6A;padding-bottom: 10px;line-height: normal;}
.mtis_intro .icon_tit .icon{margin-right: 10px;}
.mtis_intro .icon_tit .pink{
    display: inline-block;
    background-color: #FC9A43;
    color: #fff;
    padding: 3px 2px;
}
.mtis_intro ul.txt_list{padding-left: 25px;padding-bottom: 25px;}
.mtis_intro ul.txt_list2{padding-bottom: 0;}
.mtis_intro ul.txt_list > li{position: relative;margin-left: 20px;}
.mtis_intro ul.txt_list > li::after{
    position: absolute;
    content: '';
    background: url(../../images/sub/ico_list2.png) no-repeat center / contain;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    z-index: 1;
}
.mtis_intro ul.txt_list > li.point_none::after{display: none;}

.mtis_intro .rt-box{
    position: relative;
    height: 189px;
    background-color: #fff;
    border-radius: 27px;
    border: 1px solid #4761DE;
    margin: 38px 0 55px;
    box-shadow: 2px 2px 20px #38465D1F;
}
.mtis_intro .rt-box ul.txt_list > li::after{ background: url(../../images/sub/ico_list.png) no-repeat center / contain;}
.mtis_intro .rt-box .box_tit{
    position: absolute;
    left: 10px;
    top: -28px;
    background-color: #879CFF;
    border-radius: 30px;
    font-size: 20px;
    color:#fff;
    font-weight: 600;
    letter-spacing: -0.9px;
    padding: 18px 70px;
}
.mtis_intro .rt-box .txt_list, .mtis_intro .rt-box .rgt-bx{width: 50%;height: 100%;}
.mtis_intro .rt-box .txt_list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 35px;
    padding-left: 74px;
}
.mtis_intro .rt-box .rgt-bx{
    position: relative;
    width: 50%;
    height: 100%;
    background-color: #F8FAFF;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: 0 27px 27px 0;
    border: 1px solid #A5B4FF;
    padding-left: 88px;
}
.mtis_intro .rt-box .rgt-bx::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../../images/sub/ico_arrow_sq.png) no-repeat center / contain;
    width: 23px;
    height: 35px;
    z-index: 2;
}

.mtis_intro .rt-box .rgt-bx:not(:last-child){margin-bottom: 24px;}
.mtis_intro .rt-box .rgt-bx .icon{margin-right: 25px;}
.mtis_intro .rt-box .rgt-bx span, 
.mtis_intro .rt-box .rgt-bx strong{display: block;font-weight: bold;}
.mtis_intro .rt-box .rgt-bx span{font-size: 16px;color: #6A6A6A;line-height: normal;word-break: keep-all;}
.mtis_intro .rt-box .rgt-bx strong{font-size: 20px;color: #4761DE;margin-top: 10px;}

.mtis_intro .num{
    display: inline-block;
    background-color: #4761DE;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-right: 13px;
}
.mtis_intro .dt-txt{
    background-color: #F8FAFF;
    border:1px solid #A5B4FF;
    padding: 14px 15px;
    margin-top: 10px;
}
.mtis_intro .dt-txt .icon{margin-right: 5px;}


.mtis_intro .it_cont.it_1  ul.txt_list > li::after{
    background: url(../../images/sub/ico_c_list1.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_2 h3.cont-tit{color: #2D76E3;}
.mtis_intro .it_cont.it_2 .num{background-color: #2D76E3;}
.mtis_intro .it_cont.it_2 .dt-txt{background-color: #F1F6FF;border-color: #6B9AE1;}
.mtis_intro .it_cont.it_2  ul.txt_list > li::after{
    background: url(../../images/sub/ico_c_list2.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_3 h3.cont-tit{color: #1B84EC;}
.mtis_intro .it_cont.it_3 .num{background-color: #1B84EC;}
.mtis_intro .it_cont.it_3 .dt-txt{background-color: #F3F9FF;border-color: #6EA4D9;}
.mtis_intro .it_cont.it_3  ul.txt_list > li::after{
    background: url(../../images/sub/ico_c_list3.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_4 h3.cont-tit{color: #1B9BF1;}
.mtis_intro .it_cont.it_4 .num{background-color: #1B9BF1;}
.mtis_intro .it_cont.it_4 .dt-txt{background-color: #F3FBFF;border-color: #69B2E2;}
.mtis_intro .it_cont.it_4  ul.txt_list > li::after{
    background: url(../../images/sub/ico_c_list4.png) no-repeat center / contain;
}

.mtis_intro .it_cont.it_5 h3.cont-tit{color: #16BFE2;}
.mtis_intro .it_cont.it_5 .num{background-color: #16BFE2;}
.mtis_intro .it_cont.it_5 .dt-txt{background-color: #EFFCFF;border-color: #51BDD4;}
.mtis_intro .it_cont.it_5  ul.txt_list > li::after{
    background: url(../../images/sub/ico_c_list5.png) no-repeat center / contain;
}
.mtis_intro .info-top{padding-bottom: 15px;}
.mtis_intro .info-top h3.cont-tit{padding-bottom: 0;}
.mtis_intro .info-top p{font-size: 14px;color: #6A6A6A;padding-left: 10px;}
.mtis_intro .info-top .color{
    display: inline-block;
    width: 16px;
    height: 11px;
    background-color: #FC9A43;
    margin: 0 3px
}

.mtis_intro .year_wr{position: relative;}
.mtis_intro .year_wr::after{
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 69px);;
    background-color: #4761DE;
    top: 20px;
    left: 141px;
}
.mtis_intro .year_wr .icon_tit{font-weight: 600 !important;}
.mtis_intro .year_wr ul.txt_list > li{margin-left: 10px;}
.mtis_intro ul.y-list{
    border-bottom: 1px solid #DCE5EE;
    padding: 30px 0;
    display: flex;
    align-items: flex-start;
}
.mtis_intro ul.y-list:nth-child(1){padding: 15px 0 30px;}
.mtis_intro ul.y-list > li:not(:last-child){margin-right: 62px;}
.mtis_intro ul.y-list strong{position: relative; display: inline-block;width: 82px; font-size: 18px;font-weight: bold;}
.mtis_intro ul.y-list strong::after{
    position: absolute;
    content: '';
    background-color: #4761DE;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
}
.mtis_intro ul.y-list ul.txt-bx{padding-top: 0;}

.mtis_intro .intro_cont3 ul.txt_list{padding-left: 0;}
.mtis_intro .intro_cont3 ul.txt_list > li{margin-left: 15px;}

.manage-step ul.steptTit {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 14px;
    border-bottom: 3px solid #4761DE;
    margin-bottom: 17px;
}

.safty_04 .manage-step ul.steptTit {
    grid-template-columns: repeat(2, 1fr);
}

.safty_04.mtis_intro ul.steptTit {
    grid-template-columns: repeat(3, 1fr);
}

.safty_04 .manage-step ul.steptTit li.highlight {
    border-top: 1px solid #A5B4FF;
    border-left: 1px solid #A5B4FF;
    border-right: 1px solid #A5B4FF;
}

.manage-step ul.steptTit li.highlight {
    background: #4761DE;
    border-top: 3px solid #87E2E2;
    border-left: 3px solid #87E2E2;
    border-right: 3px solid #87E2E2;
}

.manage-step ul.steptTit li.steptTit.highlight a {
    color: #fff;
}

.manage-step ul.steptTit li.steptTit a {
    font-size: 18px;
    color: #6A7480;
    line-height: 54px;
    font-weight: bold;
    width: 100%;
    height: 100%;
}
a {
    border: 0;
    font-family: 'Pretendard';
    background-color: transparent;
}


@media (max-width: 1300px){
    .mtis_intro .rt-box .txt_list{padding-left: 18px;}
    .mtis_intro .rt-box .rgt-bx{padding-left: 40px;padding-right: 20px;}

    .mtis_intro .it_cont img.cont-pc{width: 100%;}
    .mtis_intro .rt-box .rgt-bx .icon{width: 65px;margin-right: 10px;}
    .mtis_intro .rt-box .rgt-bx span{font-size: 15px;}
}
@media (max-width: 960px){
    .mtis_intro ul.txt_list > li{margin-bottom: 8px;}
    .mtis_intro .txt{line-height: 23px;}

    .mtis_intro .rt-box{height: 222px;}
    .mtis_intro .rt-box .txt_list{width: 45%;padding-right: 20px;}
    .mtis_intro .rt-box ul.txt_list > li::after{top: 12px;}

    .mtis_intro .dt-txt{align-items: flex-start;}
    .mtis_intro .dt-txt .icon{margin-top: 6px;}

    .mtis_intro .rt-box .rgt-bx{width: 55%;}

}
@media (max-width: 900px){
    .mtis_intro .rt-box{height: 100%;flex-direction: column;}
    .mtis_intro .rt-box .box_tit{font-size: 18px;padding: 12px 22px;top: -22px;}

    .mtis_intro .rt-box .txt_list, .mtis_intro .rt-box .rgt-bx{width: 100%;}
    .mtis_intro .rt-box .txt_list{padding: 50px 20px 30px;}
    .mtis_intro .rt-box .rgt-bx{flex-direction: column;justify-content: center;border-radius: 0 0 27px 27px;padding: 40px 20px 40px}
    .mtis_intro .rt-box .rgt-bx{border-bottom: 0;border-left: 0;border-right: 0;}
    .mtis_intro .rt-box .rgt-bx .icon{margin-right: 0;margin-bottom: 10px;width: 60px;}
    .mtis_intro .rt-box .rgt-bx span, 
    .mtis_intro .rt-box .rgt-bx strong{text-align: center;}
    .mtis_intro .rt-box .rgt-bx span{font-size: 14px;}
    .mtis_intro .rt-box .rgt-bx strong{font-size: 16px;margin-top: 8px;}
    .mtis_intro .rt-box .rgt-bx::after{
        top: -10px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
}
@media (max-width: 640px){
    .mtis_intro .intro_cont{padding: 20px 0 75px;}

    .safty_04.mtis_intro ul.steptTit{grid-gap: 5px;}
    .safty_04.mtis_intro ul.steptTit li.br-tit br{display: block;}
    .safty_04.mtis_intro ul.steptTit li a{font-size: 14px; }
    .safty_04.mtis_intro ul.steptTit li.br-tit a{line-height: 18px !important;}

    .mtis_intro .icon_tit{font-size: 15px;align-items: flex-start;}
    .mtis_intro .icon_tit .icon{
        width: 8px;
        margin-right: 8px;
        height: 16px;
        object-fit: contain;
        object-position: center;
    }
    .mtis_intro .txt{font-size: 15px;}
    .mtis_intro ul.txt_list{padding-left: 10px;}
    .mtis_intro ul.txt_list > li::after{top: 12px;}
    .mtis_intro .rt-box ul.txt_list > li::after{top: 10px;}

    .mtis_intro h3.cont-tit{font-size: 18px;}
    .mtis_intro h3.cont-tit .icon{width: 18px;margin-right: 8px;}
    .mtis_intro .num{font-size: 16px;margin-right: 8px;}

    .mtis_intro .txt_wr{padding-left: 5px;}
    .mtis_intro .txt_wr h4{font-size: 15px;}

    
    
    .mtis_intro .it_cont img.cont-mo{display: block;width: 100%;padding-top: 30px;}
    .mtis_intro .it_cont img.cont-pc{display: none;}

    .mtis_intro .year_wr::after{display: none}
    .mtis_intro ul.y-list{flex-direction: column;align-items: flex-start;padding: 15px 0}
    .mtis_intro ul.y-list:nth-child(1){padding: 15px 0;}
    .mtis_intro ul.y-list strong{margin-right: 0;margin-bottom: 15px;}
    .mtis_intro ul.y-list strong::after{display: none;}

    .mtis_intro .info-top{flex-direction: column;align-items: flex-start;padding-bottom: 25px;}
    .mtis_intro .info-top p{padding-left: 0;padding-top: 12px;}
    .mtis_intro .dt-txt{padding: 8px 12px;}

    
}
@media (max-width: 390px){
    .safty_04.mtis_intro ul.steptTit li a{font-size: 15px;}
    .safty_04.mtis_intro ul.steptTit li.br-tit a{line-height: 17px !important;}
}