
/*Content CSS*/
#sub_top_menu {background:rgba(0,0,0,.3);  text-align: center; z-index: 5; position: relative; width: 100%; height: 60px ;margin-top:-60px; }
#sub_top_menu ul {display: flex; justify-content: center; height: 100%;}
#sub_top_menu ul li {width:260px; height: 100%;}
#sub_top_menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size:18px; color:#fff; width:100%; transition: all .3s ease; font-weight: 400; background-color: transparent; word-break: keep-all;}
#sub_top_menu ul li a:hover {background-color: rgba(255,255,255,.2); }
#sub_top_menu ul li a.active {background-color: #fff; color:#000; }

/* sub_depth3 */
#sub_depth3 {margin-top: 60px; position: relative; z-index: 2; }
#sub_depth3 ul {display: flex; justify-content: center; width: 100%; max-width: 1300px; margin: 0 auto; }
#sub_depth3 ul li {flex:1;max-width: 630px;}
#sub_depth3 ul li + li {margin-left: 40px;}
#sub_depth3 ul li a {background: #333; font-family: 'paybooc-Bold'; color:#fff; height: 60px; transition: all .3s; font-size: 22px; display: flex; align-items: center ;justify-content: center; height: 60px; width: 100%;}
#sub_depth3 ul li a:hover {background-color: #9e1b36; }
#sub_depth3 ul li a.active {background-color: #9e1b36; }

/* sub_depth4 */
#sub_depth4 {margin-top: 50px; position: relative; z-index: 1; padding-bottom: 95px;}
#sub_depth4::before {content: ''; display: block; width: 100%; height: 367px; background-color: #f7f7f7; position: absolute; z-index: -1; left: 0; bottom: 0; }
#sub_depth4 .visual {width: 100%;  max-width: 1300px;  margin: 0 auto 75px; height: 300px; background:url("../img/sub_visual_3060.jpg") 50%/cover no-repeat;}
/* #sub_depth4 .visual.sub3060 {;} */

#sub_depth4 ul {display: flex; justify-content: center; width: 100%; max-width: 1300px; margin: 0 auto; }
#sub_depth4 ul li {flex:1; max-width: 630px;}
#sub_depth4 ul li + li {margin-left: 40px;}
#sub_depth4 ul li a { font-family: 'paybooc-Bold'; color:#999; transition: all .3s; font-size:20px; display: flex; align-items: center ;justify-content: center;  width: 100%;
padding-bottom: 20px; border-bottom: 3px solid #999; }
#sub_depth4 ul li a:hover {border-color: #9e1b36; color:#9e1b36;}
#sub_depth4 ul li a.active {border-color: #9e1b36; color:#9e1b36;}
