@charset "utf-8";

@media screen and (max-width:1400px) {
    /* #main */
    #main {
        padding:220px 0 200px;
    }
    
    /* #about */
    #about .clear .bg {
        height:300px;
    }
    
    #about .fir h4 {
        margin-bottom:0;
    }
    
    #about .clear .cont dt {
        font-size:80px;
    }
    
    #about .clear .cont dd {
        font-size:16px;
    }
    
    #about .fir .cont {
        padding:20px 30px;
    }
    
    #about .sec .cont {
        padding:40px 30px;
    }

    /* #interimAd */
    #interimAd p {
        font-size:18px;
    }
}

@media screen and (max-width:1200px) {
    /* #about */
    #about .clear .bg {
        height:250px;
    }
    
    #about .clear .cont dt {
        font-size:50px;
    }
    
    #about .clear .cont dd {
        font-size:15px;
    }
    
    #about .fir .cont {
        padding:20px 20px;
    }
    
    #about .sec .cont {
        padding:50px 20px;
    }
    
    /* #interimAd */
    #interimAd p {
        font-size:15px;
    }
    
    /* #word */
    #word .bg {
        height:700px;
    }

    #word .cont {
        padding:85px 20px;
    }

    #word .cont p {
        font-size:15px;
        margin-top:30px;
    }
    
    /* #service */
    #service .service .col-lg-6 .box h5 {
        font-size:20px;
    }
    
    #service .service .col-lg-6 .box .right li {
        font-size:13px;
        margin-left:20px;
    }
    
    #service .service .col-lg-6:nth-child(4) .box .right p {
        font-size:13px;
    }
} 

@media screen and (max-width:992px) {
    .pc {
        display:none;
    }
    
    .m {
        display:block;
    }
    
    /* header */
    header .gnb_pc {
        display:none;
    }
    
    header .side_menu {
        display:block;
    }
    
    /* #main */
    #main {
        padding:200px 0 180px;
    }
    
    #main p {
        font-size:16px;
        margin:40px 0 15px;
    }
    
    #main ul {
        margin:0 auto 50px;
    }
    
    /* #about */
    #about {
        padding:0;
    }
    
    #about .clear .bg {
        width:100%;
        height:400px;
    }
    
    #about .clear .cont {
        float:none;
        width:100%;
    }
    
    #about .clear .cont dt {
        font-size:100px;
    }
    
    #about .clear .cont dd {
        font-size:15px;
    }
    
    #about .fir .cont {
        float:none;
        padding:0 15px 30px;
    }
    
    #about .sec .cont {
        text-align:right;
        padding:0 15px 30px;
    }
    
    /* #interimAd */
    #interimAd p {
        text-align:center;
        font-size:18px;
        line-height:40px;
        margin-bottom:30px;
    }
    
    #interimAd .col-lg-4 {
        text-align:center;
    }
    
    #interimAd .col-lg-4 a {
        height:50px;
        line-height:50px;
        border-radius:30px;
    }
    
    /* #word */
    #word .bg {
        float:none;
        width:100%;
        height:400px;
    }

    #word .cont {
        float:none;
        width:100%;
        padding:30px 15px;
        text-align:center;
    }
    
    /* #service */
    #service .service .col-lg-6 .box .left {
        float:none;
        width:100%;
    }

    #service .service .col-lg-6 .box .right {
        float:none;
        width:100%;
    }
    
    #service .service .col-lg-6 .box h5 {
        margin-bottom:30px;
    }
    
    #service .service .col-lg-6 .box .left span {
        margin:0 auto 30px;
    }
    
    #service .service .col-lg-6:nth-child(2) .box .right ul {
        margin:50px 0 0;
    }

    #service .service .col-lg-6:nth-child(4) .box .right p {
        margin:0;
        word-break:keep-all;
    }

    #service .service .col-lg-6:nth-child(5) .box .right ul {
        margin:60px 0 0;
    }
}

@media screen and (max-width:768px){
    /* .sub_cont */
    .sub_cont {
        padding:100px 0;
    }
    
    .sub_cont h4 {
        font-size:18px;
        margin-bottom:20px;
    }
    
    /* #service */    
    #service .service .col-lg-6:nth-child(2) .box .right ul {
        margin:0;
    }

    #service .service .col-lg-6:nth-child(5) .box .right ul {
        margin:0;
    }
}

@media screen and (max-width:576px){
    footer .copy {
        font-size:10px;
        letter-spacing:0;
    }
    
    .btn_top {
        right:20px;
        bottom:20px;
        width:40px;
        height:40px;
        line-height:45px;
        font-size:16px;
    }
    
    /* #main */
    #main {
        padding:160px 0 120px;
    }
    
    #main p {
        font-size:14px;
        margin:30px 0 15px;
    }
    
    #main ul {
        max-width:288px;
        margin:0 auto 50px;
    }

    #main li {
        padding:5px 8px;
        font-size:10px;
        border-radius:5px;
        margin-right:5px;
    }
    
    /* #about */
    #about .clear .bg {
        height:200px;
    }
    
    #about .clear .cont dt {
        font-size:50px;
    }
    
    #about .clear .cont dd {
        font-size:12px;
    }
    
    #about .fir .cont {
        float:none;
        padding:0 15px 30px;
    }
    
    #about .sec .cont {
        text-align:right;
        padding:0 15px 30px;
    }
    
    /* #interimAd */
    #interimAd {
        padding:60px 0;
    }
    
    #interimAd p {
        font-size:14px;
        margin-bottom:20px;
    }
    
    /* #word */
    #word .bg {
        height:200px;
    }

    #word .cont {
        padding:30px 15px;
        text-align:center;
    }
    
    #word .cont p {
        font-size:14px;
        margin-top:15px;
    }
    
    #word .cont p br {
        display:none;
    }
    
    #word .cont p:last-child br:last-child {
        display:block;
    }
    
    /* #service */
    #service .exchange .col-lg-3 {
        width:50%;
    }
    
    /* #contact */
    #contact .col-lg-3 {
        margin-top:20px;
    }
}

@media screen and (max-width:360px) {
    .sub_cont {
        padding:90px 0;
    }
    
    /* #main */
    #main ul {
        max-width:264px;
        margin:0 auto 30px;
    }
    
    #main li {
        padding:5px 5px;
    }
    
    /* #interimAd */    
    #interimAd p {
        font-size:14px;
    }
}