#sub_header { position: relative; width: 100%; height: 308px; background-size: cover;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover;  }
#sub_header.page_auto { background: url('../img/sub/sg4.jpg') top no-repeat; background-attachment: fixed; }
#sub_header.page_company { background-image: url('../img/sub/intro.jpg'); background-position: bottom; }
#sub_header.page_ah { background-image: url('../img/sub/sg5.jpg'); }
#sub_header.page_const1 { background-image: url('../img/sub/sg1.jpg'); }

.s_h_cover { background-color: rgba(2, 2, 2, 0.3); border-radius: inherit; height: 100%; width: 100%; position: relative; z-index: 1; }
.s_h_cont { width: 100%; max-width: 1520px; height: 100%; position: relative; margin: 0 auto; }
.s_h_title { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 25px; }
.s_h_title > h1 { font-size: 33px; line-height: 36px; font-weight: 500; }
.s_h_title > p { padding-top: 12px; }
.s_h_title > h1,.s_h_title > p { color: #fff; font-family: 'Pretendard'; }


#rest { position: relative; width: 100%; display: flex; justify-content: space-between; max-width:1520px; margin: 0 auto; }
#rest #side { position: relative; flex: 1; }
#rest .rest_content { position: relative; flex: 1 1 85%; overflow: hidden; }
#rest .rest_content > .r_c_cont { padding: 9rem; }
#rest .rest_content > .r_c_cont #cont_help { position: relative; display: flex; justify-content: flex-start; }
#rest .rest_content #cont_help .path { position: relative; /* display: flex; align-items: center; */ }
#rest .rest_content #cont_help .path > i { color: #666; }
#rest .rest_content #cont_help .path span { color: #333; }
#rest .rest_content #cont_help .path span:before { display: inline-block; font-family: 'Font Awesome 6 Free'; font-weight: 900; content: "\f054"; margin: 0 9px; font-size: 14px; color: #ccc; }
#rest .rest_content #cont_help .useful { margin-left: auto; }
#rest .rest_content #cont_help .useful .zoom_btn {  }
#rest .rest_content #cont_help .useful .zoom_btn .z_b_cont { display: flex; align-items: center; justify-content: center; }
#rest .rest_content #cont_help .useful .zoom_btn .z_b_cont .zoom { width: 40px; height: 30px; line-height: 30px; border: 1px solid #ddd; }
#rest .rest_content #cont_help .useful .zoom_btn .z_b_cont button ~ button { margin-left:-1px; }



.head_subTitle { min-height: 30px; margin: 0; padding: 7rem 0; background: #185652; }
.head_subTitle #container_title { font-size: 2.3rem; position: relative; font-weight: bold; text-align: center; color: #fff; }

#menupackage { margin: 0; width: 240px; position: relative; }
#menupackage ul { margin: 8px 0 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; }
#menupackage ul li {}
#menupackage ul li a { padding: 0; font-weight: 400; color: #222; display: block; font-size: 18px; padding: 26px 0 26px 26px; }
#menupackage ul li:not(:last-child) { border-bottom: 1px solid #ddd; }
#menupackage ul li.local_menu_ON a { background: #5cc0bb; color: #fff; }


@media screen and (max-width: 950px) {
 body { font-size: 13px; }
    #sub_header { height: 350px; }
    .s_h_title > h1 { font-size: 2.6rem; font-weight: bold; }
    .s_h_title { width: 90%; }
    .s_h_title > p { font-size: 1.6rem; }   
    
    #rest { flex-flow: column wrap; }
    #rest .rest_content { flex: 1 1 100%; }
    #rest .rest_content > .r_c_cont { padding: 5rem; }
    #menupackage { width: 100%; }
    #menupackage ul { display: flex; justify-content: space-evenly; }
    #menupackage ul li:not(:last-child) { border: none; }
    #menupackage ul li.local_menu_ON a { background: transparent; color: #5cc0bb; font-weight: bold; text-decoration: underline; }
    #menupackage ul li a { padding: 2.6rem 0 }
    .head_subTitle { padding: 2.5rem 0; }

}


@media screen and (max-width: 500px) {
    #sub_header { height: 207px; }
    #rest { display: block; }
    #rest .rest_content > .r_c_cont { padding: 2.7rem; }
    #rest .rest_content > .r_c_cont #cont_help { align-items: center; }
    .s_h_title > h1 { font-size: 2.4rem; font-weight: bold; }
    .s_h_title > p { font-size: 1.4rem; }
    
    
}