@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual{height: 540px; background-repeat: no-repeat; background-position: center center; background-size: cover; color:#fff;}
.s_visual .sv_tit{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; padding-top: 50px;}
.s_visual .sv_tit h4{font-size: 24px; font-weight: 500; margin-bottom: 10px;}
.s_visual .sv_tit h2{font-size: 52px;}

@media  all and (max-width:1280px) {
    .s_visual{height: 480px;}
    .s_visual .sv_tit{padding-top: 80px;}
    .s_visual .sv_tit h4{font-size: 22px;}
    .s_visual .sv_tit h2{font-size: 46px;}
}
@media  all and (max-width:1024px) {
    .s_visual{height: 440px;}
    .s_visual .sv_tit h4{font-size: 20px;}
    .s_visual .sv_tit h2{font-size: 42px;}
}
@media  all and (max-width:768px) {
    .s_visual{height: 400px;}
    .s_visual .sv_tit{padding-top: 30px;}
    .s_visual .sv_tit h4{font-size: 19px;}
    .s_visual .sv_tit h2{font-size: 37px;}
}
@media  all and (max-width:500px) {
    .s_visual{height: 360px;}
    .s_visual .sv_tit h4{font-size: 18px;}
    .s_visual .sv_tit h2{font-size: 33px;}
}


/* Sub-Menu */
@media all and (min-width:768px) {
    .sub_menu_wrap { border-bottom: 1px solid #e5e5e5; background: #fff; position: relative; z-index: 10; }
    .sub_menu_wrap .in { max-width: 1480px; margin: 0 auto; display: flex; justify-content: center; }
    .sub_menu_wrap .m_home, 
    .sub_menu_wrap .m_1dep_box, 
    .sub_menu_wrap .m_2dep_box .m_dep_tit { display: none; }
    .sub_menu_wrap .m_2dep_box { width: auto; float: none; }
    .sub_menu_wrap .m_2dep_box .smenu { display: flex !important; position: static; border: 0; background: none; width: auto; margin: 0; }
    .sub_menu_wrap .m_2dep_box .smenu li { border: 0; position: relative; width: auto; }
    .sub_menu_wrap .m_2dep_box .smenu li a { display: block; padding: 25px 30px; font-size: 20px; color: #888; font-weight: 700; transition: .3s; line-height: normal; }
    .sub_menu_wrap .m_2dep_box .smenu li a.on { color: var(--color1); }
    .sub_menu_wrap .m_2dep_box .smenu li:hover a { color: var(--color1); background: none; }
}

@media all and (max-width:767px) {
    .sub_menu_wrap { position:relative;  width:100%; max-width: 1480px; height:60px; line-height:60px; margin:0px auto 0; padding:0; font-weight:400; box-sizing:border-box; z-index:10; background: transparent ;}
    .sub_menu_wrap .in{display: flex;}
    .sub_menu_wrap .m_dep_box{ position: relative; display:block; width:100%; float:left; text-align:left; cursor:pointer; border-left: 1px solid #eee;; font-size: 16px; font-weight:400; border-bottom: 1px solid #eee;}
    .sub_menu_wrap .m_dep_tit {position: relative; display:block; background:#fff url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#000; box-sizing:border-box; padding:0 18px; cursor:pointer; font-family: 'Montserrat';}
    .sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f6f6f6; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
    .sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
    .sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
    .sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; font-weight:500;}
    .sub_menu_wrap .m_dep_box .smenu li a.on{background:#333; color:#fff; border:0; }
    .sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
    .sub_menu_wrap .m_dep_box .smenu a { color:#333; display:block; width:100%;  padding:19px 24px; box-sizing:border-box; line-height:normal; font-size: 16px;}
    .sub_menu_wrap .m_dep_box .smenu a br { display: none; }
    .sub_menu_wrap .m_2dep_box li:before {display:none;}
}





#subTitle{font-size: 42px; color:#000; text-align: center; font-weight: 700; margin-bottom: 100px;}

#pageCont{padding: 70px 0 150px;}

@media  all and (max-width:1280px) {
    #subTitle{font-size: 38px; margin-bottom: 80px;}
    #pageCont{padding: 70px 0 140px;}
}
@media  all and (max-width:1024px) {
    #subTitle{font-size: 36px; margin-bottom: 70px;}
    #pageCont{padding: 70px 0 130px;}
}
@media  all and (max-width:768px) {
    #subTitle{font-size: 33px; margin-bottom: 60px;}
    #pageCont{padding: 60px 0 120px;}
}
@media  all and (max-width:500px) {
    #subTitle{font-size: 30px; margin-bottom: 50px;}
    #pageCont{padding: 60px 0 100px;}
}