/* 글로벌 탭 */
#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: 100%; margin: 340px auto 250px;}
#content .content_area .global_story{width: 95%; height: 2850px; margin: 100px auto;
    background: url(../images/content2/global_bg.jpg) center no-repeat;
    border-radius: 50px; overflow: hidden;}
#content .content_area .global_story_txt{backdrop-filter: blur(5px);
    padding: 100px 0; color: #fff; width: 1400px; margin: 0 auto;}
#content .content_area .global_story strong{font-size: 3.13rem; line-height: 1.5}
#content .content_area .global_story_txt img{margin-top: 20px;}
#content .content_area .global_story_txt div{position: relative;}
#content .content_area .global_story_txt li{width: 150px; text-align: center; padding: 10px; box-sizing: border-box;
    background: #0C4630; position: absolute; transition: all .3s ease; font-weight: 500;}

#content .content_area .global_story_txt li:hover{background: #fff; color: #0C4630;}
#content .content_area .global_story_txt li:hover::before{background: #0C4630; border: 5px solid #fff;}

#content .content_area .global_story_txt li::before{
    content: '';
    display: block;
    width: 24px; height: 24px;
    background: #fff;
    border: 5px solid #0C4630;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    transition: all .3s ease;
}

#content .content_area .global_story_txt li:nth-of-type(1){left: 459px; top: 102px;
    border-radius: 25px 25px 25px 0;}
#content .content_area .global_story_txt li:nth-of-type(1)::before{
        left: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(2){left: 511px; top: 311px;
    border-radius: 25px 25px 25px 0;}
#content .content_area .global_story_txt li:nth-of-type(2)::before{
        left: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(3){left: 513px; top: 381px;
    border-radius: 25px 25px 25px 0;}
#content .content_area .global_story_txt li:nth-of-type(3)::before{
        left: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(4){left: 1048px; top: 89px;
    border-radius: 25px 25px 25px 0;}
#content .content_area .global_story_txt li:nth-of-type(4)::before{
        left: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(5){left: 1122px; top: 178px;
    border-radius: 25px 25px 25px 0;}
#content .content_area .global_story_txt li:nth-of-type(5)::before{
        left: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(6){left: 378px; top: 231px;
    border-radius: 25px 25px 0 25px;}
#content .content_area .global_story_txt li:nth-of-type(6)::before{
        right: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(7){left: 328px; top: 325px;
    border-radius: 25px 25px 0 25px;}
#content .content_area .global_story_txt li:nth-of-type(7)::before{
        right: -12px; bottom: -12px;}
#content .content_area .global_story_txt li:nth-of-type(8){left: 321px; top: 414px;
    border-radius: 25px 0 25px 25px;}
#content .content_area .global_story_txt li:nth-of-type(8)::before{
        right: -12px; top: -12px;}
#content .content_area .global_story_txt li:nth-of-type(9){left: 514px; top: 473px;
    border-radius: 0 25px 25px 25px;}
#content .content_area .global_story_txt li:nth-of-type(9)::before{
        left: -12px; top: -12px;}

        
#content .content_area .global_story_txt .sub_title{font-size: 2.25rem; margin-bottom: 30px; display: block;}

#content .content_area .global_story01{display: flex; justify-content: space-between; margin-bottom: 50px;}
#content .content_area .global_story01 img{width: 700px;}
#content .content_area .global_story01 div{width: 660px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#content .content_area .global_story01 div img{height: 180px;}
#content .content_area .global_story01 div img:nth-of-type(1){width: 350px;}
#content .content_area .global_story01 div img:nth-of-type(2){width: 270px;}
#content .content_area .global_story01 p{font-size: 1.13rem; margin-bottom: 30px;}

#content .content_area .global_story02{display: flex; justify-content: space-between; margin-bottom: 60px;}
#content .content_area .global_story02 div{width: 700px; text-align: right; margin-top: 20px;}
#content .content_area .global_story02 div img{width: 660px;}

#content .content_area .global_story03 p{margin-bottom: 30px;}


#content .content_area .global_sns{width: 1400px; margin: 200px auto;}
#content .content_area .global_sns h3{font-size: 3.13rem; text-align: center; margin-bottom: 80px;}

#content .content_area .global_sns ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
#content .content_area .global_sns img{box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, .3);}
#content .content_area .global_sns li{width: 33.33%; font-size: 1.38rem; font-weight: 600;
    display: flex; gap: 20px; margin-bottom:100px; position: relative;}
#content .content_area .global_sns li .global_name{margin-left: 20px;}
#content .content_area .global_sns li span{font-size: 0.88rem; font-weight: 400; color: #666;}
#content .content_area .global_sns li .global_name>a{padding: 5px 10px; border-radius: 10px;
    font-size: 1.13rem; font-weight: 600; margin: 15px 0 10px; width: 135px; text-align: center;
    position: absolute; right: 48px; top: 30px; border: 1px solid #0C4630; color: #0C4630;
    transition: all .5s ease;}

#content .content_area .global_sns li .global_name>a:hover{background: #0C4630; color: #fff;}
#content .content_area .global_sns li .global_name div{display: flex; gap: 20px; margin-top: 63px;}
#content .content_area .global_sns li i{font-size: 2.8rem; color: #0C4630;}