@charset "utf-8";

#svisual_layout .sub__background.topImage1 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img01.jpg);}
#svisual_layout .sub__background.topImage2 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img02.jpg);}
#svisual_layout .sub__background.topImage3 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img02.jpg);}
#svisual_layout .sub__background.topImage4 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img03.jpg);}
#svisual_layout .sub__background.topImage5 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img04.jpg);}
#svisual_layout .sub__background.topImage6 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img05.jpg);}
#svisual_layout .sub__background.topImage7 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img06.jpg);}
#svisual_layout .sub__background.topImage8 {background-image: url(/template/2024/common/images/graduate/graduate-sub-img07.jpg);}

#top_layout {height: 165px;}
#top_layout .top_wrap {position: relative; left: auto; top: auto; right: auto; height: 100px; max-width: 1920px;}
#gnb_layout {position: relative; left: auto; top: auto; min-height: 65px; height: auto;}
#gnb_layout .layout {padding: 0;}
#gnb {height: 65px;}
#gnb::before {position: absolute; bottom: 0; display: block; height: 1px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); content: '';}
#gnb_layout .line {top: 0; border-bottom: 1px solid #D0DADE;}
#top_layout .shadow_gnb {top: 100px;}
#gnb_layout .depth1_ul > li {max-width: 300px;}
#gnb_layout .depth1_ul > li > a span {height: 65px;}

#top_layout.open #gnb {max-width: none;}
#top_layout.open #gnb::before,
#top_layout.open #gnb_layout .line {width: 100%; border-color: #D0DADE;}

@media (max-width: 2890px) {
    .main-visual .mv-slide .slide .thm-box img {width: auto; height: 100%;}
}

@media (max-width: 1800px) {
    #gnb_layout .depth1_ul > li {max-width: 250px;}
}

@media (max-width: 1280px) {
    #gnb_layout .depth1_ul > li {max-width: 200px;}
    #gnb_layout .depth1_ul > li > a span {max-width: none;}
}

@media (max-width: 1024px) {
    #top_layout {height: 100px;}
    #gnb_layout {display: none;}
}

@media (max-width: 640px) {
    #top_layout {height: 70px;}
}