@charset "UTF-8";

#wrap .wrap_inner{padding-left: 0;}
#footer{display: none !important;}

/* #wrap.is_index{width: 100%;background-color: var(--color-white);} */
#wrap.is_index #container{width: 100%;height: 100%;}
#wrap.is_index #content{width: 100%;height: 100%;}

.index_wrap{width: 100%;height: 100%;}
.index_wrap .index_inner{width: 100%;height: 100%;}

.index_wrap .landing_video_box{width: 100%;height: 100%;position: relative;z-index: 1;overflow: hidden;}
.index_wrap .landing_video_box .video_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2;}
.index_wrap .landing_video_box .video_box video{width: 100%;height: 100%;object-fit: cover;object-position: top;}

.index_wrap .landing_logo_box{position: fixed;left: 0;bottom: 0;right: 0;z-index: 3;width: 100%;}
.index_wrap .landing_logo_box .box_inner{width: 100%;padding: 0 32px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;row-gap: 64px;}
.index_wrap .landing_logo_box .logo_box{width: 100%;line-height: 0;}
.index_wrap .landing_logo_box .logo_box img{width: 100%;}

#wrap.is_index .landing_logo_box .logo_box img{opacity: 1;transition: opacity .45s ease-out;}
#wrap.is_index.branch_on .landing_logo_box .logo_box img{opacity: 0;}

.index_wrap .landing_logo_box .logo_box #landingLogoVideo{display: none;width: 100%;}
.index_wrap .landing_logo_box .logo_box #landingLogo{display: none;}
.index_wrap .landing_logo_box .logo_box #landingLogo.show{display: block;}
.index_wrap .landing_logo_box .logo_box #landingLogoVideo.show{display: block;}

.index_wrap .landing_logo_box .btns_box{}
.index_wrap .landing_logo_box .btns_box #btnsBranchOpen{opacity: 1;transform: translateY(0);transition: transform .45s ease-out .75s, opacity .45s ease-out .75s;pointer-events: auto;}
.index_wrap .landing_logo_box .btns_box #btnsBranchOpen.hidden{opacity: 0;transform: translateY(20px);pointer-events: none;}
.index_wrap .landing_logo_box .btns_box .btns_continue{padding: 16px 16px 24px;}
.index_wrap .landing_logo_box .btns_box .btns_continue .btns_name{display: block;font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-white);text-align: center;}
.index_wrap .landing_logo_box .btns_box .btns_continue .icon_continue_arr{display: block;width: 14px;height: 8px;margin: 0 auto;line-height: 0;pointer-events: none;}
.index_wrap .landing_logo_box .btns_box .btns_continue .btns_name + .icon_box{margin-top: 6px;}
.index_wrap .landing_logo_box .btns_box .btns_continue .icon_continue_arr svg{width: 100%;height: 100%;pointer-events: none;}


.index_wrap #branchSltWrap{}
.index_wrap #branchSltWrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;pointer-events: none;}
.index_wrap #branchSltWrap .branch_slt_inner{width: 100%;height: 100%;pointer-events: none;}
.index_wrap #branchSltWrap .branch_slt_inner::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .7);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;pointer-events: none;opacity: 0;transition: opacity .65s;}
.index_wrap #branchSltWrap.opened .branch_slt_inner{pointer-events: auto;}
.index_wrap #branchSltWrap.opened .branch_slt_inner::after{opacity: 1;pointer-events: auto;}

.index_wrap #branchSltWrap .branch_menu_wrap{width: 100%;height: auto;padding: 27px 0;background-color: var(--color-gray3);position: absolute;left: 0;bottom: 0;right: 0;z-index: 201;transform: translateY(100%);transition: transform .75s;pointer-events: none;overflow: hidden;}
.index_wrap #branchSltWrap.opened .branch_menu_wrap{transform: translateY(0);pointer-events: auto;}

.is-mobile .index_wrap #branchSltWrap .branch_menu_wrap,
.is-tablet .index_wrap #branchSltWrap .branch_menu_wrap{height: 150px;}
.index_wrap #branchSltWrap .branch_menu_swiper{width: 100%;height: 100%;overflow: visible;}
.is-tablet .index_wrap #branchSltWrap .branch_menu_swiper,
.is-mobile .index_wrap #branchSltWrap .branch_menu_swiper{overflow: hidden;}
.index_wrap #branchSltWrap .branch_menu_list{flex-direction: column;}
.index_wrap #branchSltWrap .branch_menu_item{opacity: .3;transition: opacity .45s;height: auto;}
.index_wrap #branchSltWrap .branch_menu_item + .branch_menu_item{margin-top: 16px;}
.is-mobile .index_wrap #branchSltWrap .branch_menu_item + .branch_menu_item,
.is-tablet .index_wrap #branchSltWrap .branch_menu_item + .branch_menu_item{margin-top: 0;}

.index_wrap #branchSltWrap .branch_menu_item.active{opacity: 1;}
.index_wrap #branchSltWrap .branch_menu_link{display: block;line-height: 0;text-align: center;transform: scale(1);transition: transform .45s;}
.index_wrap #branchSltWrap .branch_menu_item.active .branch_menu_link{transform: scale(1.2);}
.index_wrap #branchSltWrap .branch_menu_name{display: inline-block;font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);}
.index_wrap #branchSltWrap .branch_menu_item.active .branch_menu_name{}

@media (hover: hover){
    .index_wrap #branchSltWrap .branch_menu_item{opacity: .3;transition: opacity .45s;height: auto;}
    .index_wrap #branchSltWrap .branch_menu_item:hover{opacity: 1;}
    .index_wrap #branchSltWrap .branch_menu_link{display: block;line-height: 0;text-align: center;transform: scale(1);transform-origin: center center;transition: transform .45s;}
    .index_wrap #branchSltWrap .branch_menu_item:hover .branch_menu_link{transform: scale(1.2);}
    .index_wrap #branchSltWrap .branch_menu_item:hover .branch_menu_name{}
}
@media (max-width: 600px){
    .index_wrap .landing_logo_box .box_inner{row-gap: 16px;}
    .index_wrap .landing_logo_box .btns_box .btns_continue{padding: 16px;}
    
}