@charset "utf-8";

@media screen and (max-width:1400px) {    
    /* #home */
    #home {
        padding:350px 0;
    }
    
    #home h3 {
        font-size:40px;
        line-height:70px;
    }

    #home h3 span {
        font-size:45px;
    }
}

@media screen and (max-width:1200px) {
    /* header */
    header h1 {
        width:30%;
    }
    
    header .gnb_pc {
        width:40%;
    }
    
    header .contact_pc {
        width:30%;
    }
    
    /* footer */
    footer .col-lg-9 ul {
        width:80%;
    }
    
    /* .section */
    .section h4 {
        font-size:32px;
        line-height:52px;
    }
    
    .section h5 {
        font-size:22px;
    }
    
    /* #home */
    #home {
        padding:300px 0;
    }
    
    #home h3 {
        font-size:35px;
        line-height:65px;
    }

    #home h3 span {
        font-size:40px;
    }
    
    /* #consulting */
    #consulting .col-lg-3 .box {
        padding:20px;
    }
} 

@media screen and (max-width:992px) {
    /* header */
    header .gnb_pc {
        display:none;
    }
    
    header .contact_pc {
        display:none;
    }
    
    header .side_menu {
        display:block;
    }
    
    /* footer */
    footer {
        text-align:center;
    }
    
    footer h6 img {
        margin:0 auto 10px;
    }
    
    footer .col-lg-9 ul {
        width:100%;
        justify-content:center;
    }
    
    footer .col-lg-3 ul {
        width:100%;
        margin-top:20px;
    }
    
    footer .col-lg-3 ul li img {
        max-width:120px;
        margin:0 auto;
    }
    
    /* .section */
    .section h4 {
        font-size:30px;
        line-height:50px;
    }
    
    /* #home */
    #home {
        padding:250px 0;
    }
    
    #home h3 {
        font-size:45px;
        line-height:70px;
    }

    #home h3 span {
        font-size:45px;
    }
    
    #home ul li a.call_pc {
        display:none;
    }

    #home ul li a.call_m {
        display:block;
    }
    
    /* #service */
    #service .col-lg-6 .thumb {
        width:100%;
        margin-bottom:30px;
    }
    
    /* #consulting */
    #consulting .col-12 div a.call_pc {
        display:none;
    }

    #consulting .col-12 div a.call_m {
        display:inline-block;
    }
}

@media screen and (max-width:768px){    
    /* #home */
    #home {
        padding:250px 0;
    }
    
    #home h3 {
        font-size:40px;
        line-height:60px;
    }

    #home h3 span {
        font-size:40px;
    }
    
    /* #intro */
    #intro h4  br {
        display:none;
    }
    
    /* #consulting */
    #consulting .col-lg-3 .box p {
        height:auto;
    }
}

@media screen and (max-width:576px){
    /* footer */
    footer .copy {
        letter-spacing:0;
    }
    
    /* .btn_top */
    .btn_top {
        right:20px;
        bottom:20px;
        width:40px;
        height:40px;
        line-height:40px;
        font-size:16px;
    }
    
    /* .section */
    .section h4 {
        font-size:25px;
        line-height:40px;
    }
    
    .section h5 {
        font-size:20px;
        line-height:40px;
    }
    
    p.title {
        font-size:16px;
    }
    
    /* .section */
    .section {
        padding:90px 0;
    }
    
    /* #home */
    #home {
        padding:200px 0;
    }
    
    #home h3 {
        font-size:25px;
        line-height:50px;
    }

    #home h3 span {
        display:inline-block;
        font-size:25px;
    }
    
    #home ul {
        width:300px;
    }

    #home ul li {
        padding:0 5px;
    }

    #home ul li a {
        width:140px;
        height:50px;
        line-height:44px;
    }
    
    /* #service */
    #service .row:nth-child(2) .col-lg-6 .cont ul li dl dt {
        font-size:16px;
    }
    
    #service .row:nth-child(4) .col-lg-6 .cont ul li .icon {
        width:80px;
        height:80px;
    }
    
    #service .row:nth-child(4) .col-lg-6 .cont ul li dl {
        width:calc(100% - 80px);
        padding-left:15px;
    }
    
    #service .row:nth-child(4) .col-lg-6 .cont ul li dl dt {
    font-size:16px;
    }
    
    /* #qna */
    #qna ul li dt {
        font-size:15px;
    }
    
    #qna ul li dt a {
        padding:20px 20px 20px 25px;
    }
    
    #qna ul li dt a span {
        left:10px;
        top:20px;
    }
    
    #qna ul li dt i {
        right:10px;
        top:20px;
    }
    
    #qna ul li dd {
        padding:20px 10px;
    }
    
    #qna ul li dd div span {
        font-size:15px;
    }
}

@media screen and (max-width:360px) {
    /* header */
    header h1 img {
        width:150px;
    }
    
    header h1 img {
        margin:6px 0;
    }
    
    /* footer */
    footer ul li {
        font-size:11px;
    }
    
    footer ul li::after {
        display:none;
    }
    
    footer .copy {
        font-size:10px;    
    }
    
    /* .section */
    .section h4 {
        font-size:20px;
        line-height:40px;
    }
    
    .section h5 {
        font-size:16px;
    }
    
    .section p.title {
        font-size:15px;
    }

    /* #home */
    #home {
        padding:150px 0;
    }
    
    #home h3 {
        font-size:20px;
        line-height:40px;
    }

    #home h3 span {
        font-size:20px;
    }
    
    #home ul {
        display:block;
        width:100%;
    }

    #home ul li {
        padding:5px 0;
    }

    #home ul li a {
        width:100%;
        height:50px;
        line-height:44px;
    }
}