* { box-sizing:border-box; }
body { margin:0; font-family: "pretendard","Noto Sans SC"; }
.gaContainer { max-width:1322px; width: 100%; margin:0 auto; padding: 0 16px;}

#secGaMainBanner { position: relative; width: 100%; height: 100vh; overflow:hidden; }
#secGaMainBanner .mainMovieBg { position:absolute; top: 0; left: 0; width: 100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); z-index:1; }
#secGaMainBanner .content { position:absolute; width:100%; top:0px; left:0px; z-index:2; padding-top:68px; }
#secGaMainBanner .content .top .logo img { height:clamp(16px,1.6vw,30px); width:auto; margin-bottom:clamp(12px,3.3vw,28px); }
#secGaMainBanner .content .top .logo .txt { font-size:clamp(13px,1vw,20px); }
#secGaMainBanner .content .top .lang { margin-left:auto; gap:10px; }
#secGaMainBanner .content .top .lang a { padding:8px; color:#fff; opacity:0.5; }
#secGaMainBanner .content .top .lang a.active { border-bottom:1px solid #fff; opacity:1;  }
#secGaMainBanner .content .top .langMob { margin-left:auto;  }
#secGaMainBanner .content .top .langMob .selectbox { position:relative; color:#fff; font-size:13px; }
#secGaMainBanner .content .top .langMob .selectbox .option { display:none; }
#secGaMainBanner .content .top .langMob .selectbox.active .option { display:block; }
#secGaMainBanner .content .top .langMob .selectbox .select { background-color:#B9959E; padding:8px 12px;  }
#secGaMainBanner .content .top .langMob .selectbox .option { position:absolute; left:0px; width:100%; margin-top:4px; background-color:#fff; padding:6px 8px; }
#secGaMainBanner .content .top .langMob .selectbox .option li a { color:#BCBCBC; padding:8px 0px; font-size:13px; }
#secGaMainBanner .content .top .langMob .selectbox .option li a .pick { margin-left:auto; display:none; }
#secGaMainBanner .content .top .langMob .selectbox .option li a.active { color:#202020; border-bottom:1px solid #202020; }
#secGaMainBanner .content .top .langMob .selectbox .option li a.active .pick { display:block; }

#secGaMainBanner .content .sns { margin-top:clamp(24px,6.6vw,40px); gap:20px; flex-wrap:wrap; }
#secGaMainBanner .content .sns .snsBox { border:1px solid #fff; width:calc(25% - 15px); padding:20px 22px; flex-grow:1; }
#secGaMainBanner .content .sns .snsBox .title { gap:8px; align-items:center; }
#secGaMainBanner .content .sns .snsBox .title .name { color:#fff; font-size:clamp(13px,3.3vw,20px); }
#secGaMainBanner .content .sns .snsBox .moveIcon { margin-left:auto; }
#secGaMainBanner .content .sns .snsBox.active { background-color:#fff; }
#secGaMainBanner .content .sns .snsBox.active .title .name { color:#000; font-size:20px; }
#secGaMainBanner .content .branch { margin-top:40px; flex-wrap:wrap; justify-content:space-between; gap: 12px 20px;}
#secGaMainBanner .content .branch .branchBox { width:calc((100% / 5) - (20px * 4 / 5)); height:460px; position:relative; background:rgba(255,255,255,0.2); backdrop-filter:blur(25px); overflow:hidden; }
#secGaMainBanner .content .branch .branchBox .title { position:absolute; top:20px; left:0px; color:#fff; width:100%; z-index:3; }
#secGaMainBanner .content .branch .branchBox .opening { position:absolute; top:50%; left:0px; color:#fff; width:100%; z-index:3; }
#secGaMainBanner .content .branch .branchBox .clickMove { position:absolute; bottom:12px; left:0px; width:100%;  }
#secGaMainBanner .content .branch .branchBox .clickMove .ii { width:24px; height:24px; display:inline-block;}
#secGaMainBanner .content .branch .branchBox .img img {width: 100%; height: 450px; object-fit: cover; transform: translateY(20%);}
#secGaMainBanner .content .branch .branchBox:hover .img img { transform:translateY(20%) scale(1.1); transition: transform .5s; -o-transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; }

.blocker { z-index:6 !important; }
.bfModal { padding:0px !important; overflow:hidden;  }
.bfModal .header { padding:24px 28px !important; border-bottom:1px solid #E5E7EB; color:#202020; font-size:18px !important; font-family:Pretendard; line-height: 28px; }
.bfModal .header .fnModalClose { color:#000; }
.bfModal .header .fnModalClose i{ font-size:24px;color:#c4c4c4;}

.jcSpaceBetween { justify-content:space-between; }
.jcCenter { justify-content: center; }
.jcAlignItems { align-items:center; }
.jcDirectColumn { flex-direction: column; }

#fnSnsKakaoModalContent .lists { flex-direction: column;}
#fnSnsKakaoModalContent .lists .cont { padding:20px 28px;align-items:center;}
#fnSnsKakaoModalContent .lists a { color:#202020;}

a.scroll { margin-top:40px; padding-top: 80px; z-index:9; position:relative; text-align:center; color:#fff; }
a.scroll span { position: absolute;
  z-index:5; top: 0; left: 50%; width: 20px; height: 20px;
  margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite;
  opacity: 0; box-sizing: border-box;
}
a.scroll span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
a.scroll span:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s; }
a.scroll span:nth-of-type(3) { top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s; }
@-webkit-keyframes sdb {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes sdb {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

#secBranchInfo .items { flex-wrap: wrap; }
#secBranchInfo .items .item { width:50%; padding:28px 16px;  }
#secBranchInfo .items .item.ll { padding-right:24px; justify-content:flex-end; }
#secBranchInfo .items .item.ll .con { justify-content:flex-end; }
#secBranchInfo .items .item.rr { padding-left:24px; justify-content:flex-start; }
#secBranchInfo .items .item.bgGray { background-color:#FBFBFB; }
#secBranchInfo .items .item .con { width:661px; gap:40px; }
#secBranchInfo .items .item .con .info { padding:24px 0px; }
#secBranchInfo .items .item .con .info .bName { color:#202020; font-size:20px; font-weight:bold; margin-bottom:32px; }
#secBranchInfo .items .item .con .info .bAddress { color:#202020; font-size:18px; line-height:28px; margin-bottom:32px; }
#secBranchInfo .items .item .con .info .bTime .bt { color:#202020; font-size:18px;  }
#secBranchInfo .items .item .con .info .bTime .closed { color:#BCBCBC !important; }
#secBranchInfo .items .item .con .map { margin-left:auto; }

#secBranchInfoMob { padding:5vw; }
#secBranchInfoMob .mm { flex-wrap: wrap; gap:3vw 2%; margin-bottom:12px; }
#secBranchInfoMob .mm .mi { border:1px solid #EEEEEE; color:#BCBCBC; width:32%; font-size:11px; padding:3vw; }
#secBranchInfoMob .mm .mi.active { background-color:#B99; color:#fff; }
#secBranchInfoMob .info { }
#secBranchInfoMob .info .bName { font-size:13px; font-weight:bold; color:#202020; }
#secBranchInfoMob .info .bAddress { font-size:13px; color:#202020; }
#secBranchInfoMob .info .bTime .bt { color:#202020; font-size:13px;  }

#secFooter { background-color:#B9959E; padding:28px 0px; }
#secFooter .txtLogo { color:#fff; font-size:20px; }
#secFooter .copyright { color:#D8C3C9; font-size:14px; }
#secFooter .rr { margin-left:auto; gap:30px; }
#secFooter .rr > div:hover img { opacity:0.5; }

.textCenter { text-align:center; }
.textLeft { text-align:left; }
.textRight { text-align:right; }

.divFlex { display:flex; }
.divBlock { display:block; }
.divInBlock { display:inline-block; }
.disNone { display:none; }
.flexColumn { flex-direction: column; }
.aICenter { align-items: center; }

.colorBlack { color:#000; }
.colorWhite { color:#fff; }

.cursor { cursor:pointer; }

.pc {
  display: block;
}
.mob {
  display: none;
}

@media screen and (max-width: 740px) {

  .pc {
    display: none;
  }
  .mob {
    display: block;
  }

  #secGaMainBanner { padding:2vw; height:auto; background:url("/main/img/globalAd/ga_main.png"); background-position: center; background-repeat:no-repeat; background-size: cover;  }
  #secGaMainBanner .content { padding:8vw 0; position:static; }

  #secGaMainBanner .content .top .lang { display:none; }

  #secGaMainBanner .content .sns { gap:20px; }
  #secGaMainBanner .content .sns .snsBox { border:1px solid #fff; width:calc(50% - 10px); padding:10px 12px; flex-grow:1; }
  #secGaMainBanner .content .branch .branchBox { width:calc((100% / 2) - (20px / 2)); height:100%;  }
  #secGaMainBanner .content .branch .branchBox .img img {width: 100%; object-fit: cover;}

  .gaContainer { width:auto; }
  #secFooter { padding:3vw 2vw; }
  #secFooter .gaContainer { padding:3vw 2vw; }
  #secFooter .gaContainer > .divFlex { flex-wrap:wrap; }
  #secFooter .gaContainer .rr { margin:0px; gap:3vw; margin-top:4px; }
  #secFooter .gaContainer .rr img { height:24px; }

}