/* sub_title */
#sub_title {overflow: hidden;}
#sub_title h2 {font-size: 55px; font-weight: 900; color:#000; line-height: 1.2; word-break: keep-all;}

@media screen and (max-width:1024px) {
    #sub_title {text-align: center; }
    #sub_title h2 {font-size: 40px;}

}

@media screen and (max-width:640px) {
    #sub_title h2 {font-size: 35px;}
}


/* sub_top_menu */
#sub_top_menu { padding: 180px 0 70px; }
#sub_top_menu article {max-width: 1600px; width: 100%; margin:0 auto; position: relative; padding:0 50px;}

#sub_top_menu .menu_wrap { display: flex; justify-content: space-between; align-items: flex-end; line-height: 1; flex-wrap:wrap; }
#sub_top_menu .menu_list {display: flex; margin-top: 45px; }
/* #sub_top_menu .menu_list li {margin-right: 40px;} */
#sub_top_menu .menu_list li::after {content: ''; display: inline-block; width: 1px; height: 20px; background: rgba(0,0,0,.3); margin:0 37px; position: relative; top:2px;}
#sub_top_menu .menu_list li:last-child::after {display: none;}
#sub_top_menu .menu_list a {position: relative; display: inline-block; font-size:22px; font-weight: 500; color:#898989; transition: color .3s; }
#sub_top_menu .menu_list a.active {color:#3a5da2; font-weight: 600;}
#sub_top_menu .menu_list a:hover {color:#3a5da2; }

@media screen and (min-width: 1025px) {
    #sub_top_menu.sub5 .menu_wrap {align-items: flex-start; }
}
#sub_top_menu.sub5 .menu_list {display: none;}

#sub_top_menu .right {display: flex; flex-direction: column; align-items: flex-end; }

#sub_top_menu .location {display: flex; }
#sub_top_menu .location li {font-size: 16px; font-weight: 400; color:#898989; display: flex; align-items: center;}
#sub_top_menu .location li a {position: relative; top:-2px;}
#sub_top_menu .location li i {color: #888; font-size: 18px; position: relative; top: 1px; margin-right: 7px;}
#sub_top_menu .location li::after {content: ''; display: inline-block; width: 6px; height: 10px; background:url("../img/loc_arrow.png") 50%/contain no-repeat; margin:0 15px;
position: relative; top:-1px; }
#sub_top_menu .location li:last-child {color:#000; }
#sub_top_menu .location li:last-child::after {display: none;}

#sub_top_menu .eng_tit {display: inline-flex; align-items: center; justify-content: flex-end; padding: 0 0 0 65px; height: 67px; background-color: #dba52a; margin: 0 0 35px;}
#sub_top_menu .eng_tit::after {content: ''; display: block; width: 244px; height: 1px; background: #fff; margin-left: 29px;}
#sub_top_menu .eng_tit h3 {font-size: 19px; font-weight:500; color:#fffefe; font-family: 'Aggravo'; }
#sub_top_menu .eng_tit h3::before {content: 'Cultural Heritage';}
#sub_top_menu .eng_tit.sub1020 h3::before {content: 'Event overview'; }
#sub_top_menu .eng_tit.sub1030 h3::before {content: 'Promotion Video'; }
#sub_top_menu .eng_tit.sub2 h3::before {content: 'Program'; }
#sub_top_menu .eng_tit.sub3010 h3::before {content: 'Operation Guide'; }
#sub_top_menu .eng_tit.sub3020 h3::before {content: 'User Guide'; }
#sub_top_menu .eng_tit.sub3030 h3::before {content: 'Location'; }
#sub_top_menu .eng_tit.sub5 h3::before {content: 'Notice'; }




/* sub_top_menu responsive */
@media screen and (max-width: 1600px) {
    #sub_top_menu .right {width: 100%; margin-top: 40px;}
    /* #sub_top_menu .location {margin-top:15px; width: 100%;justify-content: flex-end;} */

}
@media screen and (max-width: 1024px) {
    #sub_top_menu {padding:100px 0 40px; }
    #sub_top_menu article {padding: 0 30px; }
    /* #sub_top_menu .title h2 {font-size: 38px; line-height: 1.5;} */
    #sub_top_menu .menu_wrap {flex-direction: column; align-items: center;}
    #sub_top_menu .menu_list {display: none; }
    #sub_top_menu .right {align-items: center; margin: 0;}
    #sub_top_menu .location {margin:25px 0 0; justify-content: center;}
    #sub_top_menu .eng_tit {display: none;}

}
@media screen and (max-width: 640px) {
    #sub_top_menu article {padding: 0 20px; }
    #sub_top_menu .title h2 {font-size: 30px; }
    #sub_top_menu .location {margin:15px 0 0;}
    #sub_top_menu .location li {font-size: 13px;}
    /* #sub_top_menu .location li::after {margin:0 4px; } */
    #sub_top_menu .location li i  {font-size: 16px;}
    #sub_top_menu .location li::after {margin: 0 10px;}
}

/* //sub_top_menu end */