/* 글로벌 탭 */
#content .title_area .tab_menu{width: 550px; display: flex; gap: 30px;
    position: relative; bottom: 0; left: 50%; transform: translateX(-50%); margin-top: 150px;}
#content .title_area .tab_menu a{width: 260px; height: 60px; border: 1px solid #ccc;
    border-radius: 30px; box-sizing: border-box; position: relative; overflow: hidden;
    display: flex; justify-content: center; align-items: center;
    color: #666; font-size: 1.13rem; font-weight: 600; transition: all .3s ease;}
    
    #content .title_area .tab_menu a::after {
      position: absolute;
      content: "";
      width: 0;
      height: 100%;
      top: 0;
      right: 0;
      z-index: -1;
      background: var(--font-color-main);
      transition: all 0.5s ease;}
    
    #content .title_area .tab_menu a:hover{color: #fff;}
    #content .title_area .tab_menu a:hover::after {
      left: 0;
      width: 100%;}
    
    #content .title_area .tab_menu .current{background: var(--font-color-main); color: #fff;}
/* 창업제안 컨텐츠 */
#content .content_area{width: 1400px; margin: 340px auto 250px;}
#content .content_area .startup_txt{position: relative; color: #fff; overflow: hidden; border-radius: 45px;
    width: 1400px; height: 640px; transition: all .5s ease; background: url(../images/content3/startup.jpg);}

/* #content .content_area .startup_txt::before,
#content .content_area .startup_txt::after{
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 50%;
  right: 0;
  background: #fff;
  transition: all 0.5s ease;
}
#content .content_area .startup_txt::before{top: 0;}
#content .content_area .startup_txt::after{bottom: 0;}

#content .content_area .startup_txt:hover::before,
#content .content_area .startup_txt:hover::after{height: 0;}
#content .content_area .startup_txt:hover{color: #fff;} */


#content .content_area .startup_txt>strong{font-size: 3.25rem; position: absolute; left: 60px;top: 170px;}
#content .content_area .startup_txt>p{font-size: 1.13rem; position: absolute; left: 60px; bottom: 170px;
    font-weight: 500; color: #eee;}
#content .content_area .startup_txt>p span{font-size: 1.75rem; font-weight: 700; color: #fff;}
#content .content_area .startup_txt>a{width: 280px; height: 640px;
    position: absolute; right: 0;
    display: flex; justify-content: center; align-items: center;}
#content .content_area .startup_txt>a i{
    color: #fff; transition: all .5s ease;
    width: 180px; height: 180px; border-radius: 90px; display: flex; justify-content: center; align-items: center;
    font-size: 8rem;}

#content .content_area .startup_txt a:hover{animation: dmovebtn 1s infinite ease ;}
    @keyframes dmovebtn{
        0%{width: 280px;}
        50%{width: 320px;;}
        100%{width: 280px;}
    }

    #content .content_area .startup_txt a:hover i{background: rgba(0, 0, 0, .7);}


/* 입지제안 */
#content .content_area h4{font-size: 1.88rem;}
#content .content_area .subt span{color: #666;}
#content .content_area .subt{display: flex; flex-wrap: wrap; justify-content: left; align-items: end; gap: 20px;
    margin-bottom: 50px;}

#content .content_area .location ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#content .content_area .location li{height: 332px; text-align: center; font-size: 1.5rem; position: relative;}

#content .content_area .location li a{position: absolute; left: 0; top: 0; z-index: 10;}
#content .content_area .location li img{width: 420px; height: 160px;
    border-radius: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .3);}

#content .content_area .location li div{width: 380px; height: 140px; margin: 200px 20px 0; border: 1px solid #ccc;
    border-radius: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); color: #fff; box-sizing: border-box;
    transform: translateY(-190px); opacity: 0; transition: all .5s ease;}
#content .content_area .location li:nth-of-type(1) div{background: #8C202D;}
#content .content_area .location li:nth-of-type(2) div{background: #E14258;}
#content .content_area .location li:nth-of-type(3) div{background: #49443B;}
#content .content_area p{font-size: 1.5rem; margin-top: 20px; font-weight: 500;}
#content .content_area .location li .drop{ transition: all .5s ease;
    animation: bounce-in-top 1.2s; transform: translateY(0px); opacity: 1;}
#content .content_area .location li .up{animation: bounce-in-top 1.2s reverse; transform: translateY(-190px); opacity: 0;}
    @keyframes bounce-in-top {
        0% {
                  transform: translateY(-190px);
                  animation-timing-function: ease-in;
          opacity: 0;
        }
        38% {
                  transform: translateY(0);
                  animation-timing-function: ease-out;
          opacity: 1;
        }
        55% {
                  transform: translateY(-45px);
                  animation-timing-function: ease-in;
        }
        72% {
                  transform: translateY(0);
                  animation-timing-function: ease-out;
        }
        81% {
                  transform: translateY(-28px);
                  animation-timing-function: ease-in;
        }
        90% {
                  transform: translateY(0);
                  animation-timing-function: ease-out;
        }
        95% {
                  transform: translateY(-8px);
                  animation-timing-function: ease-in;
        }
        100% {
                  transform: translateY(0);
                  animation-timing-function: ease-out;
        }
      }

#content .content_area .manager{margin-top: 100px;}
#content .content_area .manager ul{display: flex; gap: 70px;}
#content .content_area .manager ul li{width: 420px; height: 160px;
    border-radius: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); text-align: center;}
#content .content_area .manager ul li div{width: 100%; display: flex; justify-content: center;
    align-items: center; gap: 10px;}
#content .content_area .manager ul li span{display: block; font-size: 1.5rem; font-weight: 500;
    margin: 20px 0 5px; color: #666;}

#content .content_area .manager .material-symbols-outlined {
    font-size: 2.5rem;
    font-variation-settings:
    'FILL' 1,
    'wght' 600,
    'GRAD' 0,
    'opsz' 40
}
#content .content_area .manager ul li p{font-size: 1.75rem; font-weight: 600; background: #eee;
    border-radius: 8px; margin: 10px 50px; padding: 10px; transition: all .5s ease; cursor: pointer;}

    #content .content_area .manager ul li p:hover{background: #666; color: #fff;}