/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(23,15): run-time error CSS1031: Expected selector, found '<'
(23,15): run-time error CSS1025: Expected comma or open brace, found '<'
(1552,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1554,29): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(1558,32): run-time error CSS1039: Token not allowed after unary operator: '-gutter'
(1565,33): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(1591,27): run-time error CSS1036: Expected expression, found '$'
 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
/*
Light
font-weight:300;
Regular
font-weight:400;
Bold
font-weight:700;
Extra Bold
font-weight:800;
*/
/* Set padding to keep content from hitting the edges */

/*@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}*/


.noto-sans-kr-<uniquifier > {
    font-family: "Noto Sans KR", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

* {
    font-family: 'Pretendard Variable', 'Noto Sans KR', 'Nanum Gothic', Dotum, san-serif;
    font-size: 1.01em;
    letter-spacing: 0.02em;
}

@media(min-width: 1400px) {
    * {        
        font-size: 1.02em;
        
    }
}



/*.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}
*/

html {
    scroll-padding-top: calc(4.5rem - 1px);
}

body {
   
}

a {
    text-decoration: none;
}

    a:link {
        text-decoration: none;
        color: #000;
    }

    a:hover {
        color: #0050FF;
        text-decoration: none;
        font-weight: bold;
    }

    a:active {
        text-decoration: none;
    }

    a.btn {
        text-decoration: none;
    }


    a.cyan_link {
        color: #56637B;
    }

.cyan_link:hover {
    color: #56637B;
    border-bottom: 1px solid #56637B;
}

.cyan_link:active {
    color: #56637B;
}


.maincolor {
    color: #198754;
  
}

.neongreen {
    color: #00df81;
}

.subcolor {
    color: #4C586E;
}

.emp {
    font-weight: 600;
    color: #00DF81;
}

.title_spacing {
    line-height: 2.2em;
}

.title_spacing_l {
    line-height: 3em;
}

.masthead {
    position: relative;
}

.title_text_font {
    font-family: 'Noto Sans KR';
}

#mainNav {
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
    min-height: 3.5rem;
    background-color: #fff;
    transition: background-color 0.2s ease;
}

    #mainNav .navbar-toggler {
        font-size: 80%;
        padding: 0.75rem;
        color: #0D6EFD;
        /*border: 1px solid #0D6EFD;*/
    }

        #mainNav .navbar-toggler:focus {
            outline: none;
        }

    #mainNav .navbar-brand {
        color: #000;
        font-weight: 600;
        padding: 0.9rem 0;
    }


    #mainNav .navbar-nav .nav-item:hover {
        color: fade(#000, 80%);
        outline: none;
        background-color: transparent;
    }

    #mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
        outline: none;
        background-color: transparent;
    }

@media (min-width: 992px) {
    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        box-shadow: none;
        background-color: transparent;
        transition: background-color 0.3s ease-in-out;
    }

        #mainNav .navbar-brand {
            padding: 0.5rem 0;
            color: rgba(255, 255, 255, 0.5);
        }

        #mainNav .nav-link {
            transition: none;
            padding: 1.5rem 1.5rem;
            
            
        }

        #mainNav .nav-link-w {           
            color: rgba(255, 255, 255, 0.98);
        }
        #mainNav .nav-link-b {
            color: #000;
        }



        #mainNav .nav-link-w:hover {
            color: #80EFC0;
        }

        #mainNav .nav-link-w:active {
            color: #80EFC0;
        }

        #mainNav .nav-link-w.active {
            color: #80EFC0;
            outline: none;
        }

        #mainNav .nav-link-b:hover {
            color: #198754;
        }

        #mainNav .nav-link-b:active {
            color: #198754;
        }

        #mainNav .nav-link-b.active {
            color: #198754;
            outline: none;
        }



        

        #mainNav.navbar-shrink {
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            background-color: rgba(255,255,255,0.99);
        }

            #mainNav.navbar-shrink .navbar-brand {
                color: #000;
            }

            #mainNav.navbar-shrink .nav-link {
                color: #000;
                padding: 1.5rem 1.5rem 1.25rem;
                border-bottom: 0.25rem solid transparent;
                font-weight: 500;
            }

                #mainNav.navbar-shrink .nav-link:hover {
                    color: #198754;
                }

                #mainNav.navbar-shrink .nav-link:active {
                    color: #198754;
                }

                #mainNav.navbar-shrink .nav-link.active {
                    color: #198754;
                    outline: none;
                    /*border-bottom: 0.25rem solid #0050FF;*/
                }
}

.safeprotopback {
    /*  background: rgb(230,246,242);
    background: linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 73%, rgba(211,246,230,1) 93%, rgba(135,199,169,1) 100%);*/
    /*background: rgb(230,246,242);
    background: linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 68%, rgba(211,246,230,1) 84%, rgba(135,199,169,1) 100%);*/
    /* background: rgb(230,246,242);
    background: linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 76%, rgba(211,246,230,1) 90%, rgba(135,199,169,1) 100%);*/
    /* background: rgb(230,246,242);
    background: -moz-linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 70%, rgba(211,246,230,1) 83%, rgba(135,199,169,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 70%, rgba(211,246,230,1) 83%, rgba(135,199,169,1) 100%);
    background: linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 70%, rgba(211,246,230,1) 83%, rgba(135,199,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6f6f2",endColorstr="#87c7a9",GradientType=1);*/
    /*background: rgb(230,246,242);
    background: -moz-linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 71%, rgba(211,246,230,1) 87%, rgba(135,199,169,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 71%, rgba(211,246,230,1) 87%, rgba(135,199,169,1) 100%);
    background: linear-gradient(180deg, rgba(230,246,242,1) 7%, rgba(255,255,255,1) 25%, rgba(245,252,249,1) 71%, rgba(211,246,230,1) 87%, rgba(135,199,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6f6f2",endColorstr="#87c7a9",GradientType=1);*/
    padding-top: 30px;
    /*background-color: #2B323E;*/
    /*background-color: #0A5029;*/
    /*background-color: #394252;*/
    /* background-color: #2A3D44;*/
    background-color: #394252;
}

.safeprotopback_wh {
    padding-top: 30px;
    background-color: #fff;
}

.safeprotopback_w {
    padding-top: 30px;
    background-color: #F4F5F8;
}

.safeprotopback_c {
    padding-top: 30px;
    background-color: #F2F7FA;
}

.safeprotopback_y {
    padding-top: 30px;
    background-color: #FFF7E9;
}

.safeprotopback_g {
    padding-top: 30px;
    background-color: #E9F4EF;
}


.topcontents_area {
    padding-top: 110px;
}




.top_main_img {
    padding-bottom: 0px;
    margin-bottom: -35px;
    margin-top: -10px;
    padding-right: 0px;
    margin-right: 0px;
}

.case_top_img {
    margin-top: -50px;
    margin-bottom: -4px;
    max-height:460px;
}

.price_top_img {
    max-height: 340px;
}

.contact_img {
    max-height: 260px;
}

.br_m {
    display: none;
}



@media(min-width: 1400px) {
    .top_main_img {
        margin-bottom: -60px;
    }
    .topcontents_area {
        padding-top: 130px;
    }

    .contact_img {
        max-height: 320px;
    }
  

}

@media(max-width: 1199px) {
    .top_main_img {
        max-height:340px;
        margin:0px;
        text-align:center;
        
    }

  

   
}

.logo_img {
    max-height: 36px;
    margin-bottom: 5px;
}

@media(max-width: 767px) {
    .top_main_img {
        max-height: 250px;
        margin: 0px;
        text-align: center;
    }

    .logo_img {
        max-height: 35px;        
    }

  



}

.topcontents_area_s {
    padding-top: 100px;
}


.safepro_ai_img{
    min-height:430px;
    
}

@media(max-width: 991px) {
    .safepro_ai_img {
        min-height: auto;
    }
}

@media(max-width: 991px) {
    .topcontents_area {
        padding-top: 80px;
    }

    .topcontents_area {
        padding-bottom: 30px;
    }

    .case_top_img {        
        margin-bottom: -35px;
        margin-top:-5px;
        max-height: 320px;
    }

    .price_top_img {
        max-height: 250px;
    }

    .topcontents_area_s {
        padding-top: 70px;
    }

}

@media(max-width: 767px) {
    .topcontents_area {
        padding-top: 70px;
    }
}

@media(max-width: 575px) {
    .br_m {
        display: block;
    }
}

.br_md{
    display:none;
}

@media(max-width: 767px) {
    .br_md {
        display: block;
    }
}

.br_lg {
    display: none;
}

@media(max-width: 991px) {
    .br_lg {
        display: block;
    }
}

.br_xl {
    display: none;
}

@media(max-width: 1199px) {
    .br_xl {
        display: block;
    }
}



.safepro_logo_txt {
    font-size: 1.4em;
    /*color: #657592;*/
    color: #657592;
    font-family: 'Pretendard Variable';
    font-weight: 800;
}



    .textcolor_h1 {
        color: #198754;
    }

.textcolor_h2 {
    color: #4C586E;
}

    .textcolor_neon {
        color: #a3e7b6;
    }

    .topbanner-texttitle {
        font-family: 'Noto Sans KR','Pretendard Variable','Nanum Gothic',san-serif !important;
        font-size: 2em;
        font-weight: 800;
        /*text-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
    }

.sub-texttitle {
    font-family: 'Noto Sans KR','Pretendard Variable','Nanum Gothic',san-serif !important;
    font-size: 2em;
    font-weight: 800;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, .2);*/
}

    .topbanner-textcontent {
        font-size: 1.2em;
    }



    .sep_padding {
        padding: 80px 0px;
    }

    @media(min-width: 1400px) {
        .sep_padding {
            padding: 100px 0px;
        }

        .sub-texttitle {            
            font-size: 2.1em;            
        }

       
    }
    
    @media(min-width: 576px){
        .topbanner-texttitle {
            font-size: 2.3em;
        }
    }




    .sep_padding_s {
        padding: 80px 0px;
    }

    .sep_padding_x {
        padding: 60px 0px 30px 0px;
    }

    .sep_padding_y {
        padding: 60px 0px 60px 0px;
    }

    .sep_padding_z {
        padding: 80px 0px 30px 0px;
    }

    @media(max-width: 767px) {
        .sep_padding {
            padding: 50px 0px;
        }

        .sep_padding_z {
            padding: 50px 0px 50px 0px;
        }

        .sep_padding_y {
            padding: 40px 0px 40px 0px;
        }

        .sep_padding_x {
            padding: 50px 0px 30px 0px;
        }

        .sep_padding_z {
            padding: 50px 0px 50px 0px;
        }
    }



    .intro_swipe_box {
        height: 620px;
    }

    .swiper_intro1 {
        height: 550px;
    }

    .safepro_img_w {
        max-width: 500px;
    }






    .flex-container {
        display: flex;
    }

    .flex-item {
        position: relative;
        text-align: center;
    }

    .func_step_wrap {
        position: relative;
        display: inline-block;
    }

    .step_danger {
        position: absolute;
        width: 63px;
        height: 63px;
        left: 14px;
        bottom: 114px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .step_permit {
        position: absolute;
        width: 63px;
        height: 63px;
        left: 88px;
        bottom: 114px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .step_tbm {
        position: absolute;
        width: 63px;
        height: 63px;
        right: 88px;
        bottom: 114px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .step_edu {
        position: absolute;
        width: 63px;
        height: 63px;
        right: 14px;
        bottom: 114px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }


    .step_close {
        position: absolute;
        width: 19px;
        height: 18px;
        right: 15px;
        top: 77px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .hor_button {
        position: absolute;
        width: 288px;
        height: 44px;
        left: 13px;
        bottom: 40px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .prev_btn {
        position: absolute;
        width: 138px;
        height: 43px;
        left: 13px;
        bottom: 40px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .next_btn {
        position: absolute;
        width: 138px;
        height: 43px;
        right: 13px;
        bottom: 40px;
        background-color: transparent;
        /*border: none;*/
        border: none;
        cursor: pointer;
    }



    .other {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 620px;
        z-index: 100;
    }

    .other_consult {
        position: absolute;
        width: 142px;
        height: 39px;
        left: 86px;
        top: 337px;
        background-color: transparent;
        /*border: none;*/
        border: none;
        cursor: pointer;
    }

    .other_main {
        position: absolute;
        width: 142px;
        height: 39px;
        left: 86px;
        top: 387px;
        background-color: transparent;
        /*border: none;*/
        border: none;
        cursor: pointer;
    }


    .step_danger_part {
        display: none;
    }


    .step_permit_part {
        display: none;
    }

    .step_tbm_part {
        display: none;
    }

    .step_edu_part {
        display: none;
    }



    .danger1 {
        display: none;
    }

    .danger2 {
        display: none;
    }

    .danger3 {
        display: none;
    }

    .permit1 {
        display: none;
    }

    .permit2 {
        display: none;
    }

    .permit3 {
        display: none;
    }

    .tbm1 {
        display: none;
    }

    .tbm2 {
        display: none;
    }

    .edu1 {
        display: none;
    }



    .loading {
        position: absolute;
        top: 0;
        left: 0;
        height: 620px;
        z-index: 100;
        display: none;
    }

        .loading .loading_arr {
            position: absolute;
            font-size: 25px;
            font-weight: 700;
            color: #fff;
            top: 330px;
            left: 100px;
            z-index: 200;
            display: flex;
        }

            .loading .loading_arr > .green {
                color: #00DF81;
            }

                .loading .loading_arr > .green:nth-child(2) {
                    margin-right: 4px;
                }

            .loading .loading_arr > span {
                margin: 0px;
                animation: loading .7s infinite alternate;
            }

                .loading .loading_arr > span:nth-child(2) {
                    animation-delay: .1s;
                }

                .loading .loading_arr > span:nth-child(3) {
                    animation-delay: .2s;
                }

                .loading .loading_arr > span:nth-child(4) {
                    animation-delay: .3s;
                }

                .loading .loading_arr > span:nth-child(5) {
                    animation-delay: .4s;
                }

                .loading .loading_arr > span:nth-child(6) {
                    animation-delay: .5s;
                }

                .loading .loading_arr > span:nth-child(7) {
                    animation-delay: .6s;
                }

                .loading .loading_arr > span:nth-child(8) {
                    animation-delay: .7s;
                }

    @keyframes loading {
        0% {
            transform: scale(1);
        }

        100% {
            transform: scale(0.8);
        }
    }

    .func_step_img {
        height: 620px;
    }

    @media(max-width:1199px) {
        .func_step_img {
            height: 560px;
        }

        .intro_swipe_box {
            height: 560px;
        }

        .swiper_intro1 {
            height: 480px;
        }

        .step_danger {
            position: absolute;
            width: 57px;
            height: 57px;
            left: 12px;
            bottom: 103px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .step_permit {
            position: absolute;
            width: 57px;
            height: 57px;
            left: 80px;
            bottom: 103px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .step_tbm {
            position: absolute;
            width: 57px;
            height: 57px;
            right: 80px;
            bottom: 103px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .step_edu {
            position: absolute;
            width: 57px;
            height: 57px;
            right: 12px;
            bottom: 103px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }


        .step_close {
            position: absolute;
            width: 18px;
            height: 18px;
            right: 13px;
            top: 69px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .hor_button {
            position: absolute;
            width: 260px;
            height: 40px;
            left: 12px;
            bottom: 36px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .loading {
            position: absolute;
            top: 0;
            left: 0;
            height: 560px;
            z-index: 100;
            display: none;
        }

            .loading .loading_arr {
                position: absolute;
                font-size: 25px;
                font-weight: 700;
                color: #fff;
                top: 300px;
                left: 80px;
                z-index: 200;
                display: flex;
            }



        .prev_btn {
            position: absolute;
            width: 126px;
            height: 40px;
            left: 11px;
            bottom: 36px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .next_btn {
            position: absolute;
            width: 126px;
            height: 40px;
            right: 11px;
            bottom: 36px;
            background-color: transparent;
            /*border:none;*/
            border: none;
            cursor: pointer;
        }



        .other {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            height: 560px;
            z-index: 100;
        }

        .other_consult {
            position: absolute;
            width: 129px;
            height: 37px;
            left: 78px;
            top: 303px;
            background-color: transparent;
            /*border:none;*/
            border: none;
            cursor: pointer;
        }

        .other_main {
            position: absolute;
            width: 129px;
            height: 37px;
            left: 78px;
            top: 349px;
            background-color: transparent;
            /*border:none;*/
            border: none;
            cursor: pointer;
        }
    }

    @media(min-width: 1399px) {
        .func_step_img {
            height: 730px;
        }

        .intro_swipe_box {
            height: 730px;
        }

        .swiper_intro1 {
            height: 650px;
        }


        .safepro_img_w {
            max-width: 300px;
        }

        .step_danger {
            position: absolute;
            width: 75px;
            height: 75px;
            left: 16px;
            bottom: 132px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .step_permit {
            position: absolute;
            width: 75px;
            height: 75px;
            left: 103px;
            bottom: 132px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .step_tbm {
            position: absolute;
            width: 75px;
            height: 75px;
            right: 103px;
            bottom: 132px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .step_edu {
            position: absolute;
            width: 75px;
            height: 75px;
            right: 15px;
            bottom: 132px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }


        .step_close {
            position: absolute;
            width: 23px;
            height: 24px;
            right: 16px;
            top: 90px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .hor_button {
            position: absolute;
            width: 340px;
            height: 50px;
            left: 15px;
            bottom: 46px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .loading {
            position: absolute;
            top: 0;
            left: 0;
            height: 730px;
            z-index: 100;
            display: none;
        }

            .loading .loading_arr {
                position: absolute;
                font-size: 25px;
                font-weight: 700;
                color: #fff;
                top: 390px;
                left: 110px;
                z-index: 200;
                display: flex;
            }



        .prev_btn {
            position: absolute;
            width: 163px;
            height: 50px;
            left: 15px;
            bottom: 46px;
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .next_btn {
            position: absolute;
            width: 163px;
            height: 50px;
            right: 14px;
            bottom: 46px;
            background-color: transparent;
            /*border: none;*/
            border: none;
            cursor: pointer;
        }



        .other {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            height: 650px;
            z-index: 100;
        }

        .other_consult {
            position: absolute;
            width: 170px;
            height: 49px;
            left: 100px;
            top: 395px;
            background-color: transparent;
            /*border: none;*/
            border: none;
            cursor: pointer;
        }

        .other_main {
            position: absolute;
            width: 170px;
            height: 49px;
            left: 100px;
            top: 455px;
            background-color: transparent;
            /*border: none;*/
            border: none;
            cursor: pointer;
        }
    }



    .custom-pagination {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 0.75em;
        background-color: #657592;
    }

    .currentnum {
        color: #A9FF05;
        font-weight: 700;
    }

    .pl60 {
        padding-left: 60px;
    }

    .fontsize_l {
        font-size: 1.1em;
    }

    .arrow_ani {
        position: absolute;
        bottom: 18px;
        left: 60px;
        transform: translate(-50%, -50%);
        transform: rotate(90deg);
    }

        .arrow_ani span {
            display: block;
            width: 0.9vw;
            height: 0.9vw;
            border-bottom: 3px solid #00A761;
            border-right: 3px solid #00A761;
            transform: rotate(45deg);
            margin: -6px;
            animation: animate 2.2s infinite;
        }

        .arrow_ani:nth-child(2) {
            animation-delay: -0.2s;
        }

    @keyframes animate {
        0% {
            opacity: 0;
            transform: rotate(45deg) translate(-20px, -20px);
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            transform: rotate(45deg) translate(20px, 20px);
        }
    }

    @media(min-width:1399px) {
        .arrow_ani {
            position: absolute;
            bottom: 15px;
            left: 80px;
            transform: translate(-50%, -50%);
            transform: rotate(90deg);
        }

            .arrow_ani span {
                display: block;
                width: 0.9vw;
                height: 0.9vw;
                border-bottom: 3px solid #00A761;
                border-right: 3px solid #00A761;
                transform: rotate(45deg);
                margin: -6px;
                animation: animate 2.2s infinite;
            }

            .arrow_ani:nth-child(2) {
                animation-delay: -0.2s;
            }
    }

    .fw_subtitle {
        font-weight: 700;
    }


    .footer_area {
        min-height: 200px;
        border-top: 1px solid rgba(255, 255, 255, 0.7);
        padding-top: 10px;
        padding-bottom: 25px;
        background-color: #394252;
        color: rgba(255, 255, 255, 0.7);
        /*background-color: #F4F4F4;*/
    }

    .footer_menu {
        height: 60px;
        border-bottom: 1px solid #E6E6E6;
        line-height: 60px;
        font-size: 0.9em;
        color: rgba(255, 255, 255, 0.7);
    }

    .footer_menu_left_text {
        border-right: 1px solid #ADADAD;
        padding: 0 15px;
    }

    .footer_menu_right {
        padding-top: 15px;
    }

    .footer_cinfo {
        padding-top: 20px;
        font-size: 0.9em;
        color: rgba(255, 255, 255, 0.8);
    }

    .footer_cinfo_cont {
        margin-top: 5px;
        font-size: 0.9em;
        line-height: 25px;
    }

    .title_main_txt {
        font-size: 2em;
        font-weight: 600;
        color: #656565;
    }

    .graybg {
        background-color: #F4F5F8;
        min-height: 300px;
        padding: 80px 0px 40px 0px;
    }

    .graybg1 {
        background-color: #F4F5F8;
        min-height: 300px;
        padding: 60px 0px;
    }

    .graybg2 {
        background-color: #F4F5F8;
        min-height: 300px;
        padding: 40px 0px 40px 0px;
    }

    .graybg3 {
        background-color: #F4F5F8;
        min-height: 300px;
        padding: 50px 0px 50px 0px;
    }

    .func_img_height {
        max-height: 600px;
    }

    .func_simg_height {
        max-width: 350px;
    }

    @media(max-width:991px) {
        .graybg {
            padding: 60px 0px;
            min-height: 0px;
        }

        .graybg1 {
            min-height: 0px;
            padding: 40px 0px;
        }

        .func_img_height {
            max-height: 500px;
        }

        .func_simg_height {
            max-width: 300px;
        }
    }


    .swiper_intro2 {
        height: 560px;
        max-width: 1920px;
    }


        .swiper_intro2 .swiper-slide {
            text-align: center;
            justify-content: center;
            align-items: center;
        }





        .swiper_intro2 .swiper-button-prev {
            margin-left: 10px !important;
        }

        .swiper_intro2 .swiper-button-next {
            margin-right: 10px !important;
        }

    .swiper_function_1 {
        height: 630px;
    }

    .swiper_function_3 {
        height: 630px;
    }

    .swiper_function_2 {
        height: 660px;
    }

    .funcimg4 {
        max-height: 450px;
    }

    @media(max-width:1199px) {
        .swiper_function_1 {
            height: 600px;
        }

        .swiper_function_2 {
            height: 600px;
        }

        .swiper_function_3 {
            height: 600px;
        }
    }



    @media(max-width:1199px) {
        .swiper_intro2 .swiper-button-prev {
            margin-left: -5px !important;
        }

        .swiper_intro2 .swiper-button-next {
            margin-right: -5px !important;
        }
    }

    @media(min-width:1200px) {
        .swiper_intro2 {
            height: 600px;
        }

        .swiper_function_1 {
            height: 680px;
        }

        .swiper_function_2 {
            height: 670px;
        }


        .swiper_function_3 {
            height: 680px;
        }

        .funcimg4 {
            max-height: 500px;
        }
    }



    @media(min-width: 1920px) {
        .swiper_intro2 .swiper-button-prev {
            margin-left: 200px !important;
        }

        .swiper_intro2 .swiper-button-next {
            margin-right: 200px !important;
        }
    }


    .mainswipecard {
        min-height: 320px;
    }

    @media(max-width: 991px) {
        .mainswipecard {
            min-height: 0px;
        }
    }


    .circle_div {
        width: 150px;
        height: 150px;
        border: 1px solid #eee;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        padding: 30px;
        margin: 0px;
    }


    .collapsing {
        transition: height 0.5s ease;
    }

    .safepro_func_1 {
        display: none;
    }

    .safepro_func_2 {
        display: none;
    }


    .safepro_func_3 {
        display: none;
    }


    .check_mark_ul {
        --icon-size: 1em;
        --gutter: .5em;
        padding: 0 0 0 var(--icon-size);
    }

        .check_mark_ul li {
            padding-left: var(--gutter);
            margin-left: 1px;
        }

            .check_mark_ul li::marker {
                content: "\f058";
                font-family: "Font Awesome 5 Pro";
                font-size: var(--icon-size);
                color: #198754;
            }

    .marquee {
        margin-right: 10px;
        background-color: transparent;
        border-radius: 12px;
    }


    .marquee-img {
        width: 200px;
    }

    @media(max-width: 991px) {
        .marquee-img {
            width: 150px;
        }
    }



    .scroll {
        position: relative;
        width: 100%;
        background-color: $boxify-bg-light-dark;
        overflow: hidden;
        z-index: 1;
        margin: 0;
        padding: 0;
    }

    .m-scroll {
        overflow: hidden;
        height: 100%;
        white-space: nowrap;
        /*animation: scrollText 30s infinite linear;*/
        animation: scrollText reverse 50s infinite linear;
        margin: 0;
        font-size: 0;
        display: flex;
        justify-content: space-between;
        width: fit-content;
    }

    .m-scroll2 {
        overflow: hidden;
        height: 100%;
        white-space: nowrap;
        animation: scrollText 30s reverse infinite linear;
        margin: 0;
        font-size: 0;
        display: flex;
        justify-content: space-between;
        width: fit-content;
        margin-top: 20px;
    }

    .marquee-img span {
        display: inline-block;
        margin: 0;
        padding: 0;
        color: #fff;
    }

    @keyframes scrollText {
        from {
            transform: translateX(0%);
        }

        to {
            transform: translateX(-50%);
        }
    }

    .review_scroll {
        overflow-x: scroll;
    }

    .card_scroll {
        user-select: none;
        min-height: 360px;
    }

    @media(min-width:1200px) {
        .card_scroll {
            min-height: 380px;
        }
    }



    .functiontabfixed { /* To fix main menu container */
        z-index: 9999;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .subbar_top_div {
        height: 60px;
        background-color: #fff;
        display: none;
        line-height: 60px;
    }

    @media(max-width: 991px) {
        .card_scroll {
            min-height: 0px;
            padding: 5px 5px 15px 5px;
        }

        .functiontabfixed { /* To fix main menu container */
            z-index: 9999;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
        }
    }

    .review_scroll::-webkit-scrollbar {
        width: 10px;
        height: 8px;
    }

    .review_scroll::-webkit-scrollbar-thumb {
        background-color: rgba(25, 135, 84, 0.5);
        border-radius: 8px;
        cursor: grab;
    }

    .review_scroll::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

    .contents_title_s_gray {
        color: #808A9C;
    }

    .review_img {
        max-height: 170px;
    }

    .reviewSwiper .swiper-slide {
        opacity: 0.5;
        transition: opacity 1s;
        position: relative;
    }

    .reviewSwiper .swiper-slide-active {
        opacity: 1;
        color: #404A5C;
    }

    .price_card {
        padding: 20px;
        min-height: 685px;
    }

    .price_card_safepro {
        padding: 30px;
        min-height: 770px;
    }

    .price_check_text {
        font-size: 1em;
        font-weight: 500;
    }

    @media(max-width: 991px) {
        .price_card {
            padding: 5px;
            min-height: 100px;
        }

        .price_card_safepro {
            padding: 20px;
            min-height: 0px;
        }

        .price_check_text {
            font-size: 1em;
        }
    }

    .checkicon {
        color: #AFBDF1;
        margin-right: 5px;
    }

    .checkicon_orange {
        color: #198754;
        margin-right: 5px;
    }

    .main_li {
        font-weight: 600;
    }

    .service_card_body {
        padding: 20px;
    }

    ul.dot {
        list-style: none;
        margin-bottom: 0px;
        padding-left: 30px;
        letter-spacing: -0.5px;
    }

        ul.dot li:before {
            content: "•";
            color: #888;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }

        ul.dot > li {
            line-height: 30px;
            font-size: 0.9em;
            font-weight: normal;
        }


    ul.c {
        list-style: none;
        padding-left: 0px;
    }

        ul.c > li {
            line-height: 30px;
            font-size: 0.98em;
        }

    .sepline {
        color: #ddd;
        margin: 0px 3px;
    }

    .service_icon_box {
        background-color: white;
        width: 620px;
        height: 170px;
        border-radius: 20px;
        text-align: center;
    }

    .roundbox {
        border: 1px solid #E2E2E2;
        border-radius: 15px;
        padding: 15px 0;
        height: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .service_card_footer {
        padding: 20px 30px;
    }


    .field-validation-error {
        position: absolute;
        top: 100%;
        z-index: 5;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        color: #fff;
        background-color: rgba(220, 53, 69, 0.9);
        border-radius: 0.25rem;
    }

    .field-validation-valid {
        display: none;
    }

    .input-validation-error {
        background-color: #ffeeee;
    }

        .input-validation-error:focus {
            border-color: #953b39;
            -webkit-box-shadow: 0 0 6px #d59392;
            -moz-box-shadow: 0 0 6px #d59392;
            box-shadow: 0 0 6px #d59392;
        }

    .validation-summary-errors {
        /*font-weight: bold;*/
        color: #b94a48;
    }

    .validation-summary-valid {
        display: none;
    }

    input[type="checkbox"].input-validation-error {
        border-color: #953b39;
        -webkit-box-shadow: 0 0 6px #d59392;
        -moz-box-shadow: 0 0 6px #d59392;
        box-shadow: 0 0 6px #d59392;
    }

    .required_mark {
        color: #ff0000;
        font-size: 0.8em;
    }

    input:-webkit-autofill {
        -webkit-background-clip: text;
    }

    .consult_txtbox {
        max-width: 100%;
        height: 207px !important;
    }

    @media(max-width: 767px) {
        .consult_txtbox {
            height: 180px !important;
        }
    }

    .form-check-input_green {
        width: 1.9em;
        height: 1.9em;
        margin-top: 0.6em;
        margin-left: -1.2em;
        vertical-align: top;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid rgba(25, 135, 84, 0.7);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

        .form-check-input_green[type=checkbox] {
            border-radius: 0.25em;
        }

        .form-check-input_green[type=radio] {
            border-radius: 50%;
        }

        .form-check-input_green:active {
            filter: brightness(90%);
        }

        .form-check-input_green:focus {
            border-color: #198754;
            outline: 0;
            /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
        }

        .form-check-input_green:checked {
            background-color: #198754;
            border-color: #198754;
        }

            .form-check-input_green:checked[type=checkbox] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
            }

            .form-check-input_green:checked[type=radio] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
            }

        .form-check-input_green[type=checkbox]:indeterminate {
            background-color: #198754;
            border-color: #198754;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
        }

        .form-check-input_green:disabled {
            pointer-events: none;
            filter: none;
            opacity: 0.5;
        }

        .form-check-input_green[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            opacity: 0.5;
        }


    .rules_list {
        border: 1px solid #e5e5e5;
        background-color: #f7f7f7;
        margin-top: 10px;
        font-size: 0.97em;
    }


    .rules_item {
        margin: 30px;
        color: #666;
        line-height: 25px;
    }

    @media (max-width: 767px) {

        .rules_item {
            margin: 10px;
        }
    }

    .ua_list_margin {
        margin-left: 15px;
    }

    @media (max-width: 767px) {

        .ua_list_margin {
            margin-left: 10px;
            font-size: 0.95em;
        }
    }

    .rules_table {
        margin-top: 20px;
        border-collapse: collapse;
        width: 100%;
    }

    .rules-link:link {
        font-weight: 600;
        color: #198754;
        text-decoration: none;
    }

    .rules-link:hover {
        font-weight: 600;
        color: #198754;
        text-decoration: underline;
    }

    .rules-link:visited {
        font-weight: 600;
        color: #198754;
        text-decoration: none;
    }



    .rules-link:active {
        font-weight: 600;
        color: #198754;
        text-decoration: none;
    }

    .rules_content_area {
        margin-bottom: 30px;
    }

    .list-group-noborder {
        border-radius: 0;
        border: none;
        background-color: transparent;
    }

        .list-group-noborder > .list-group-item {
            border: none;
            background-color: transparent;
            padding: 8px 0px;
        }

            .list-group-noborder > .list-group-item:last-child {
                border: none;
                background-color: transparent;
                padding: 8px 0px;
            }



    .subbar_tabmenu {
        min-height: 60px;
        height: 60px;
        line-height: 55px;
        background-color: rgba(19, 101, 63, 0.93);
        width: 100%;
        font-size: 1.15em;
        text-align: center;
    }



    .subbar_tabmenu_list > ul.nav.nav-tabs > li > a.active {
        color: #fff;
        border-bottom: 3px solid #A9D2BF;
        margin-top: 1px;
        background-color: #198754;
        border-radius: 0;
        font-weight: 600;
    }


    .subbar_tabmenu_list > ul.nav.nav-tabs > li {
        min-width: 120px;
        cursor: pointer;
    }

    .subbar_tabmenu_list {
        color: #fff;
    }


        .subbar_tabmenu_list > ul.nav.nav-tabs {
            border-bottom: none;
        }

            .subbar_tabmenu_list > ul.nav.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
                border-width: 0;
                padding-top: 16px;
                padding-bottom: 16px;
            }

            .subbar_tabmenu_list > ul.nav.nav-tabs > li > a {
                border: none;
                color: #fff;
                background: transparent;
            }

            .subbar_tabmenu_list > ul.nav.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
                border: none;
                color: #C5FFD4 !important;
                background: transparent;
            }

            .subbar_tabmenu_list > ul.nav.nav-tabs > li > a::after {
                content: "";
                background: #C5FFD4;
                height: 2px;
                position: absolute;
                width: 100%;
                left: 0px;
                bottom: -1px;
                transition: all 250ms ease 0s;
                transform: scale(0);
            }

            .subbar_tabmenu_list > ul.nav.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
                transform: scale(1);
            }