@charset "UTF-8";

/* 큰 노트북  (해상도 1080px ~ 1600px)*/
@media all and (min-width:1280px) and (max-width:1600px) {

    body {
        min-width:100%
    }

    /*headaer*/
    .inner-header {
        .logo {
            left: 2%;
        }
    }




    /* gnb*/
    .inner-header .mainmenu {
        left: calc((100% - 700px));
    }
    .inner-header {
        .mainmenu {
            .mainmenu-list {
                font-size: 1.7rem;
                .mainmenu-list-inner {
                    width: 150PX;
                }
                .submenu {
                    .submenu-inner {
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }


    /* main */
    .section.main-top {
        .main-banner {
            height: auto;
            a {
                display: block;
                img {
                    height: 340px;
                }
            }
        }
        .main-banner-cate4 {
            padding: 0 12px;
            div {
                padding: 3rem 0 0 3rem;
                height: 165px;
                background-size: 50% !important;
                font-size: 1.9rem;
                &:nth-child(1), &:nth-child(2) {
                    margin-bottom: 10px;
                }
            }
        }
    }

    .main-container {
        .main-contents {
            .section {
                padding-top: 4rem;
                >div {
                    width: 100%;
                }
                .section-tit {
                    .view-more {
                        right: 1%;
                    }
                }
            }
        }
    }

    .section.main-video-tech {
        padding-bottom: 10rem;
        >div {
            width: 100% !important;
        }
    }





    /* sub */
    section.contents-section {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    section.contents-section div.lnb {
        width: 16.875%;
    }
    section.contents-section div.lnb div.lnb-title {
        width: 100%;
        top: 155px;
    }
    section.contents-section div.lnb section.lnb div.menu {
        font-size: 1.65rem;
    }

    section.contents-section div.contents {
        width: 81.875%;
        margin-left: 2rem;
    }
    section.contents-section div.contents h1 {
        font-size: 3.2rem;
    }





}





/* 노트북  (해상도 1024px ~ 1279px)*/
@media all and (min-width:1024px) and (max-width:1279px) {

    /*headaer*/
    .inner-header {
        .logo {
            left: 0.3%;
            h1 {
                a {
                    img {
                        width: 80px;
                    }
                }
            }
        }
         .header-util {
            right: 0;
         }
    }


    /* gnb*/
    .inner-header .mainmenu {
        left: calc((100% - 500px));
    }
    .inner-header {
        .mainmenu {
            .mainmenu-list {
                font-size: 1.7rem;
                .mainmenu-list-inner {
                    width: 140PX;
                }
                .submenu {
                    .submenu-inner {
                        font-size: 1.5rem;
                    }
                }
            }
        }
    }

    /* main */
    .section.main-top {
        .main-banner {
            height: auto;
            a {
                display: block;
                img {
                    height: 340px;
                }
            }
        }
        .main-banner-cate4 {
            padding: 0 12px;
            div {
                padding: 3rem 0 0 1.8rem;
                height: 165px;
                background-size: 50% !important;
                font-size: 1.7rem;
                &:nth-child(1), &:nth-child(2) {
                    margin-bottom: 10px;
                }
            }
        }
    }


        .main-container {
        .main-contents {
            .section {
                padding-top: 4rem;
                >div {
                    width: 100%;
                }
                .section-tit {
                    .view-more {
                        right: 1%;
                    }
                }
            }
        }
    }

    .section.main-video-tech {
        padding-bottom: 10rem;
        >div {
            width: 100% !important;
        }
    }





    /* sub */
    section.contents-section {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    section.contents-section div.lnb {
        width: 16.875%;
    }
    section.contents-section div.lnb div.lnb-title {
        width: 100%;
        top: 155px;
    }
    section.contents-section div.lnb section.lnb div.menu {
        font-size: 1.65rem;
    }

    section.contents-section div.contents {
        width: 81.875%;
        margin-left: 2rem;
    }
    section.contents-section div.contents h1 {
        font-size: 3.2rem;
    }

    
}