@media(max-width:1600px) {}

@media(max-width:991px) {

    /* 인사말 */
    #sub_page.company01 .line {
        height: 1px;
        width: 60px;
        background: #4a4a4a;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 40px;

    }

    #sub_page.company01 .sec01 {
        padding-bottom: 40px;
        position: relative;

    }

    #sub_page.company01 .sec01 .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;

    }

    #sub_page.company01 .sec01 .flex .box-wrap {
        width: 50%;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }

    #sub_page.company01 .sec01 .flex .box-wrap .box {}

    #sub_page.company01 .sec01 .flex .box-wrap .box p {
        width: auto;
        height: 100px;
        background: transparent;
        box-shadow: 13px 13px 14px rgba(0, 0, 0, 0);
        /* width: 140px;
        height: 140px;
        background: #1e1e1e;
        box-shadow: 13px 13px 14px rgba(0, 0, 0, .2); */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    #sub_page.company01 .sec01 .flex .box-wrap .box p img {
        height: 38px;
    }

    #sub_page.company01 .sec01 .flex .box-wrap .box p span {
        margin-top: 20px;
        color: #a6a6a6;
        font-size: 13px;
    }

    #sub_page.company01 .sec02 {
        background: #232323;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #sub_page.company01 .sec02 .title {
        text-align: center;
    }

    #sub_page.company01 .sec02 .title h1 {
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        display: inline-block;
        position: relative;
    }

    #sub_page.company01 .sec02 .title h1::before {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #a0dd36;
        content: '';
        margin-top: 40px;
    }
    #sub_page.company01 .sec02 .flex {
        display:grid;
        grid-template-columns: repeat(3,1fr);
        gap: 8px;
        margin-top: 40px;
 
      
    }
    #sub_page.company01 .sec02 .flex {
      
    }
    #sub_page.company01 .sec02 .flex .box-wrap {
    }

    #sub_page.company01 .sec02 .flex .box-wrap img {
        width:80%;
     
    }
    #sub_page.company01 .sec02 .flex p {
        background: #fff;
        width: 100%;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .4em;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        -ms-border-radius: .4em;
        -o-border-radius: .4em;
    }



   
     /* 연혁 */
     #sub_page.company03 section.section02 {
        margin-top: 30px;
    }

    #sub_page.company03 section.section02 .flex {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        border-bottom: 1px #eeeeee solid;
        padding-bottom: 30px;
    }

    #sub_page.company03 section.section02 .left {
        width: 100%;
    }

    #sub_page.company03 section.section02 .right {
        width: 100%;
        padding-top: 30px;
    }

    #sub_page.company03 section.section02 .left .title p {
        color: #9b9b9b;
        font-size: 14px;
        margin-top: 10px;
    }

    #sub_page.company03 section.section02 .left .title h2 {
        font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
        font-size: 22px;
        color: #000;
        font-weight: 900;
        display: inline-block;
        position: relative;

    }

    #sub_page.company03 section.section02 .left .title h2::before {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 6px;
        background: rgba(255, 234, 93, 1);
        content: '';
        margin-top: 24px;
    }

    #sub_page.company03 section.section02 .right dl {
        display: flex;
        margin-bottom: 20px;

    }

    #sub_page.company03 section.section02 .right dl dt {
        width: 12%;
        margin-right: 0;
        color: #000;
        font-family: 'Poppins', 'Noto Sans KR', sans-serif;
        position: relative;
        text-align: right;
    }

    #sub_page.company03 section.section02 .right dl dt::before {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #868686;
        content: '';
        margin-top: 26px;
        display: none;
    }

    #sub_page.company03 section.section02 .right dl dd {
        line-height: 22px;
        color: #000;
        color: #686868;
        font-weight: 400;
        font-size: 14px;
        width: 88%;
        padding-left: 32px;
    }

    #sub_page.company03 section.section02 .right p {
        margin-bottom: 50px;
    }

    #sub_page.company03 section.section02 .right p img {
        width: 100%;
    }

    /* 오시는 길 */
    #sub_page.company02 {
        margin-top: 50px;
        padding-bottom: 50px;
    }

    #sub_page.company02 section .map {
        height: 240px;
        position: relative;
    }

    #sub_page.company02 section .map .root_daum_roughmap {
        width: 100%;
        height: 240px;

    }

    #sub_page.service01,
    #sub_page.service02,
    #sub_page.service03,
    #sub_page.service04 {
        margin-top: 40px;
    }

    /* 서비스01 */
    #sub_page.service01 .sec01 {
        /* height: 260px;
        background: url('../../img/service/sec01_01.jpg');
        background-position: 50% 0;
        background-size: cover; */

    }

    #sub_page.service01 .sec02 {
        padding-top: 60px;
        background: url('../../img/service/sec02_bg.png');
        background: none;
        background-position: 50% 0%;
        background-repeat: no-repeat;
    }

    #sub_page.service01 .sec02 .flex {
        display: flex;
        overflow: auto;
        /* white-space: nowrap; */
        justify-content: flex-start;
        /* padding-left: 70px;
    padding-right: 70px; */
        position: relative;
        padding-bottom: 20px;

    }

    #sub_page.service01 .sec02 .flex .box-wrap {
        text-align: center;
        width: 200px;
        margin-left: 12px;
        margin-right: 12px;
    }

    #sub_page.service01 .sec02 .flex p img {
        box-shadow: 0 13px 15px rgba(0, 0, 0, .4);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    #sub_page.service01 .sec02 .flex p img {
        width: 160px;
    }

    #sub_page.service01 .sec02 .flex .caption {
        text-align: center;
        margin-top: 20px;
        font-size: 12px;
        color: #b1b1b1;
        overflow: hidden;

    }

    #sub_page.service01 .sec02 .flex .caption h2 {
        color: #000;
        font-size: 16px;
        font-weight: 900;
        margin-bottom: 12px;
    }

    #sub_page.service01 .sec03 {
        margin-top: 60px;
        margin-bottom: 50px;
    }

    #sub_page.service01 .sec03 .wrap {
        background: url('../../img/service/sec03_image.png');
        background-position: 50% 0;
        background-size: 320px;
        background-repeat: no-repeat;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #sub_page.service01 .sec03 .wrap .text-box {
        padding-left: 0;
        padding-right: 0px;
        padding-top: 390px;

    }

    #sub_page.service01 .sec03 .wrap .text-box h1 {
        font-size: 20px;
        font-weight: 900;
        color: #fff;
        line-height: 28px;
    }

    #sub_page.service01 .sec03 .wrap .text-box .line {
        width: 200px;
        height: 2px;
        background: #a0dd36;
        margin-top: 10px;
        margin-bottom: 20px
    }

    #sub_page.service01 .sec03 .wrap .text-box p {
        font-size: 13px;
        color: #b1b1b1;
    }

    #sub_page.service01 .sec03 .wrap .text-box .btn-wrap {
        margin-top: 30px;
    }

    #sub_page.service01 .sec03 .wrap .text-box .btn-wrap a.btn {
        background: #a0dd36;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    section#portfolio {
        background: #212121;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section#portfolio .title {
        text-align: center;
        color: #565656;
        font-size: 13px;
        font-weight: 500;
    }

    section#portfolio .title h1 {
        font-size: 26px;
        color: #fff;
        font-family: 'Poppins', 'NotoSans', sans-serif !important;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-weight: 900;

    }

    section#portfolio .slider-portfolio {
        margin-top: 30px;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    section#portfolio .slider-portfolio .box img {
        width: 100%;
        border-radius: 1em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        -ms-border-radius: 1em;
        -o-border-radius: 1em;
    }

    section#portfolio .slider-portfolio .slick-list {
        margin: 0 -7px;
    }

    section#portfolio .slider-portfolio .slick-slide {
        margin: 0 7px;
    }

    section#portfolio .pager_wrap {
        position: absolute;
        z-index: 1;
        width: 100%;
        margin-top: 120px;
        display: none;
    }

    section#portfolio .btn-wrap {
        margin-top: 30px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    section#portfolio .btn-wrap a.btn {
        background: #0A0A0A;
        color: #b3b3b3;
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .4em;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        -ms-border-radius: .4em;
        -o-border-radius: .4em;
        font-family: 'Poppins', 'NotoSans', sans-serif;
    }

    section#portfolio .btn-wrap a.btn span {
        margin-left: 20px;
        color: #a0dd36;
    }

    /* service02  */
    #sub_page.service02 .sec01 {
        background: none;
        background-repeat: no-repeat;
        background-position: 100% 0;
    }

    #sub_page.service02 .sec01 .container {}

    #sub_page.service02 .sec01 .wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    #sub_page.service02 .sec01 .wrap .text-box {
        padding-left: 0px;
        width: 100%;
        margin-top: 30px;

    }

    #sub_page.service02 .sec01 .wrap.wrap02 .text-box {
        padding-right: 0px;
        text-align: left;
        color: #fff;
    }

    /* 공통  */
    #sub_page.service02 .sec01 .wrap .text-box h1 {
        font-size: 22px;
        font-weight: 900;
        color: #fff;
        position: relative;
        display: inline-block;
        margin-bottom: 16px;

    }

    #sub_page.service02 .sec01 .wrap .text-box h1::before {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #a0dd36;
        content: '';
        margin-top: 32px;
    }

    #sub_page.service02 .sec01 .wrap .text-box p {
        color: #b1b1b1;
    }

    #sub_page.service02 .sec01 .wrap .text-box p br {
        display: none;
    }

    #sub_page.service02 .sec01 .wrap p img {
        box-shadow: 0 rgba(0, 0, 0, 0);
        border-radius: 1em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        -ms-border-radius: 1em;
        -o-border-radius: 1em;
        width: 100%;
    }

    /* 공통 마감  */
    #sub_page.service02 .sec01 .wrap02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 40px;

    }

    #sub_page.service02 .sec01 .wrap02 p.image {
        margin-top: 0px;
    }

    #sub_page.service02 .sec02 {
        margin-top: 30px;
        text-align: left;
        padding-bottom: 50px;
        padding-left: 0px;
        padding-right: 0px;
        display: flex;
        flex-direction: column-reverse;
    }

    #sub_page.service02 .sec02 .title {
        color: #909090;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
        text-align: left;
    }

    #sub_page.service02 .sec02 .title h1 {
        color: #fff;
        font-weight: 900;
        font-size: 22px;
    }

    #sub_page.service02 .sec02 .title h1 span {
        position: relative;
        display: inline-block;
        margin-bottom: 16px;
    }

    #sub_page.service02 .sec02 .title h1 span::before {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #a0dd36;
        content: '';
        margin-top: 32px;
    }

    #sub_page.service02 .sec02 .slider-wrap {
        position: relative;
    }

    #sub_page.service02 .sec02 .slider-image-slider {
        margin-top: 30px;
    }

    #sub_page.service02 .sec02 .slider-image-slider img {
        width: 100%;
    }

    #sub_page.service02 .sec02 .slider-image-slider .slick-list {
        margin: 0 -5px;
    }

    #sub_page.service02 .sec02 .slider-image-slider .slick-slide {
        margin: 0 5px;
    }


    #sub_page.service02 .sec02 .slider-wrap .pager_wrap {
        display: none;

    }

    #sub_page.service02 .sec02 .slider-wrap .pager_wrap .wrap {
        position: relative;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*  */

    #sub_page.sevice03 .service03_01 {
        background: url('../../img/service/ser_03_01_bg.jpg');
        background-repeat: no-repeat;
        background-position: 95% 100%;


    }
    #sub_page.sevice03 .service03_01 .container {
        padding-left: 0;
        padding-right: 0;
    }
    #sub_page.sevice03 .service03_01 .wrap {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
         position: relative;
         padding-top: 90px;
         padding-bottom: 90px;

    }
    #sub_page.sevice03 .service03_01 .wrap .text-box  {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
    #sub_page.sevice03 .service03_01 .wrap .overlay {
         position: absolute;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
         
    }


    #sub_page.sevice03 .service03_01 .wrap .text-box h1 {
        font-size: 22px;
        font-weight: 900;
        color: #fff;
        line-height: 30px;
        
    }
    #sub_page.sevice03 .service03_01 .wrap .text-box h1 br {
    }

    #sub_page.sevice03 .service03_01 .wrap .text-box .line {
        width: 100px;
        height: 4px;
        background: #a0dd36;
        margin-top: 20px;
        margin-bottom: 20px
    }

    #sub_page.sevice03 .service03_01 .wrap .text-box p {
        font-size: 13px;
        color: rgba(255, 255, 255, .6);
    }

    #sub_page.sevice03 .service03_01 .wrap .text-box .btn-wrap {
        margin-top: 30px;
    }

    #sub_page.sevice03 .service03_01 .wrap .text-box .btn-wrap a.btn {
        background: #a0dd36;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        width: 200px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    #sub_page.sevice03 .sec02 {
        margin-bottom: 50px;
    }
   





}
@media(max-width:600px) {
   



}