/* new °øÅë css */


/*body{
    font-size: 20px !important;
    color: #777777;
}


p,pre{
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
    word-break: keep-all !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}*/




.inner{
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
}


#aside{
    padding: 45px 0 30px;
}



.left_title{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.left_title .big_title{
    font-size: 48px !important;
    font-weight: 700 !important;
    color: #494949 !important;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    letter-spacing: normal !important;
    text-indent: unset !important;
    padding-right: 0 !important;
}


.left_title .small_title{
    font-size: 30px !important;
    font-weight: 400 !important;
    color: #494949 !important;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    letter-spacing: normal !important;
    padding-bottom: 0 !important;
    margin-left: 20px;
}


.left_nav{
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 25px;
}


.left_menu li > a.nav_on,
.left_menu li > a.nav_on:hover{
    background-color: #b8b0b0;
}


.page_count_bg{
    background-color: #dfd3d3 !important;
}


#page_count{
    color: #373737 !important;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    background-color: #dfd3d3 !important;
}


.first-title{
     font-size: 46px;
     font-weight: 700;
     font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    letter-spacing: 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-left: 25px !important;
    padding-right: 0 !important;
    position: relative;
}

.first-title:after{
    content: '';
    width: 85px;
    height: 85px;
    background: url(/bizdemo114511/img/homepee/images/f_01.jpg) no-repeat center/cover;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: -1;
}


.indent-area{
    padding-left: 80px;
}




.second-title{
     display: inline-block; 
     font-size: 36px;
     font-weight: 700;
     color: #333333;
     padding-left: 30px;
     position: relative;
}


.second-title:before{
    content: '';
    width: 15px;
    height: 15px;
    background: #dfd3d3;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


.text{
    font-size: 20px;
    color: #616161;
}


/**************************************
****************************@¹Ìµð¾îÄõ¸®
***********************************************************************/


@media all and (max-width: 1000px){
    .left_title{
        border: none;
    }

    .left_title .big_title{
        font-size: 35px !important;
    }
}


@media all and (max-width: 700px){
    .first-title{
         font-size: 32px;
         padding-left: 20px !important;
    }


    .first-title:after{
        width: 65px;
        height: 65px;
    }


    .second-title{
        font-size: 25px;
    }


    .text{
        font-size: 16px;
    }


    .indent-area{
        padding-left: 30px;
    }


}


.pt100{
    padding-top: 100px;
}


.pt60{
    padding-top: 60px;
}


.pb60{
    padding-bottom: 60px;
}




.mt80{
     margin-top: 80px;
}


.mt50{
    margin-top: 50px;
}


.mt35{
    margin-top: 35px;
}


@media all and (max-width: 700px){


    .pt100{
        padding-top: 90px;
    }


    .mt80{
         margin-top: 60px;
    }


    .mt50{
         margin-top: 35px;
    }


    .mt35{
        margin-top: 25px;
    }
}