@charset 'utf-8';
/* 모바일까지 ~767px */
@media screen and (max-width: 767px) {
    #main_contents {min-height: 1200px;}
    .sub_lnb {
        font-size: 0.85em;
        letter-spacing: -1px;
        word-spacing: 0.1em;
    }
    .sub_lnb .material-icons-outlined {
        font-size: 1.5em;
        line-height: inherit;
    }
    .home {
        display: none;
    }
    .lnb_depth1 {
        width: 50%;
    }
    .lnb_depth2{
        top: 36px;
    }
}

/* 태블릿부터 768px~ */
@media screen and (min-width: 768px) {
    #main_contents {min-height: 800px;}
    .sub_visual_sec {
        height: 40vh;
    }
    .sub_visual_wrap{
        padding-top: 75px;
    }
    .sub_lnb {
        height: 60px;
    }
    .lnb_depth1 {
        width: 200px;
    }
    .sub_lnb > li > a {/*화면에 표시되는 대표 메뉴*/
        line-height: 60px;
        font-size: 1.2em;
    }
    .home {
        width: 60px;
    }
    .lnb_depth2 {
        top: 60px;
    }

}

/* 태블릿만 768px~1279px */
@media screen and (min-width: 768px) and (max-width: 1279px) {

}

/* PC부터 1280px~ */
@media screen and (min-width: 1280px) {
    #main_contents {min-height: 1000px;}
    .sub_visual_sec {
        height: 50vh;
        max-height: 500px;
    }
    .sub_visual_wrap{
        padding-top: 145px;
    }
    .sub_lnb_sec.fixed {
        border-top-width: 0;
    }
}