/** Common ------------------------------- **/
.main { position: relative; }
.main .wrap { position: relative; max-width:1602px !important; margin:0 auto; }

/** 레이아웃 **/
.main section:not(.main_intro) { padding:10.5556rem 0; background-repeat: no-repeat; }

@media screen and (max-width:768px){
 .main section:not(.main_intro) { padding:5rem 0; }
 }

/** 스와이퍼 버튼 **/
.common-swiper-btns { display: flex; gap:5px; position: relative; height:68px; }
.common-swiper-btns > div { width:68px; height:68px; border-radius: 25px; cursor: pointer; text-indent: -9999px; transition: var(--transition); background-position: center; background-repeat: no-repeat; z-index: 1; }


@media screen and (max-width:768px){
 .common-swiper-btns { height:52px; }
 .common-swiper-btns > div { width:52px; height:52px; border-radius: 20px; }
 }


/** Intro ------------------------------- **/
.main_intro { overflow: hidden; position: relative; width:100%; height:100vh; min-height:800px; background:#000 url('/assets/images/main/bg_intro.jpg') no-repeat; background-position: bottom center; }
.main_intro p { font-family: var(--montserrat); color:#fff; font-size:2.7778rem; font-weight: var(--bold); }


@media screen and (max-width:640px){
 .main_intro { height:88vh; min-height:88vh; }
 .main_intro p { font-size:2rem; }
 }


/** 달 페이드업 (애니메이션 step1) **/
.main_intro > div:not(.intro_video) { position: absolute; left:50%; transform: translateX(-50%); background-repeat: no-repeat; opacity: 0; text-align: center; }
.main_intro > div.fadeUp { animation: fade-up 0.5s ease forwards; }

@keyframes fade-up {
 from { opacity: 0; margin-top: 8.3333rem; }
 to { opacity: 1; margin-top: 0; }
 }

.main_intro > div.first_moon { top:-8.3333rem; width:100%; height:calc(100% + 8.3333rem); background-image: url('/assets/images/main/intro_first.png'); background-position: bottom 8.8889rem center; display: flex; align-items: flex-end; justify-content: center; padding-bottom:5rem; animation-delay: 0s; background-size: cover; }
.main_intro > div.second_moon { top: 50%; width:7.5rem; height:7.5rem; background-image: url('/assets/images/main/intro_second.png'); background-position: bottom center; z-index: 10; background-size: cover; }
.main_intro > div.third_moon { top:15%; width:16.3889rem; height:16.3889rem; background-image: url('/assets/images/main/intro_third.png'); padding-top:2.7778rem; background-size: cover; }



 @media screen and (max-width:640px){
 .main_intro > div.fadeUp { animation: fade-up 1s ease forwards; }
 .main_intro > div.first_moon { top:-4rem; height:calc(100% + 4rem); animation-delay: 0.3s; }
 .main_intro > div.second_moon { animation-delay: 0.6s; }
 .main_intro > div.third_moon { top:10%; animation-delay: 0.9s; }
 }


/** 텍스트 페이드아웃 (애니메이션 step2) **/
.main_intro > div.fadeOut p { animation: text-fadeOut 0.3s ease forwards; opacity: 1; animation-delay: 0.3s; }

@keyframes text-fadeOut {
 from { opacity: 1; }
 to { opacity: 0; }
 }


 /** 달 무빙 (애니메이션 step3) **/
.main_intro > div:not(.intro_video) { transition: left 0.3s ease-out, top 0.3s ease-out; }
.main_intro > div.first_moon.moving { left:15%; background-position: bottom right; }
.main_intro > div.second_moon.moving { top:15%; left:85%; }
.main_intro > div.third_moon.moving { left:25%; }

@media screen and (max-width:640px){
 .main_intro > div:not(.intro_video) { transition: left 0.5s ease-out, top 0.5s ease-out; }
 .main_intro > div.first_moon.moving { left:35%; }
 .main_intro > div.second_moon.moving { top:30%; left:90%; }
 .main_intro > div.third_moon.moving { left:10%; }
 }


 /** 비디오 (애니메이션 step4) **/
.main_intro .intro_video { opacity: 0; position: absolute; bottom: 0; right: 0; width:100%; height:100vh; z-index: 99; }
.main_intro .intro_video.show { display: flex; align-items: center; justify-content: center; animation: video-show 1s ease forwards; }
.main_intro .intro_video video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; min-width:100%; height: 120%; object-fit: contain; }
.main_intro .intro_video video.m { display: none; }
.main_intro .intro_video .btn_videoToggle { opacity: 0; position: absolute; top:0; left:0; display: block; width:44px; height:44px; background:url('/assets/images/common/btn_toggle_hide.svg') no-repeat center center; text-indent: -99999px; background-color: #0D0D0D; border-radius:100%; }

@keyframes video-show {
 from { opacity: 0; }
 to { opacity: 1; }
 }

@media screen and (min-width:1820px){
 .main_intro .intro_video video { height: 220%; }
 }

 @media screen and (max-width:640px){
 .main_intro .intro_video video { height: 100%; }
 .main_intro .intro_video video.m { display: block; }
 .main_intro .intro_video video.pc { display: none; }
 .main_intro .intro_video.mini_player { width:250px; height:140px; }
 .main_intro .intro_video.mini_player.hide { right:-250px }
 }


 /** 비디오 (애니메이션 step4) > 미니플레이어 **/
.main_intro .intro_video.mini_player { opacity: 1; position: fixed !important; bottom:10px; right:10px; width:400px; height:225px; z-index: 999; transition: right 0.5s; display: flex; }
.main_intro .intro_video.mini_player .btn_videoToggle { opacity: 1; left:-54px; z-index: -1; }
.main_intro .intro_video.mini_player video { width:100%; height:100%; }
.main_intro .intro_video.mini_player.hide { right:-400px; }
.main_intro .intro_video.mini_player.hide .btn_videoToggle { top:auto; bottom:0px; left:-82px; width:72px; height:72px; border:1px solid #EDEDED; background: #fff url('/assets/images/main/btn_video_play.png') no-repeat center center; }

@media screen and (max-width:1024px){
 .main_intro .intro_video.mini_player.hide .btn_videoToggle { left:-72px; width:62px; height:62px; background-size: 35%; }
 }

@media screen and (max-width:640px){
 .main_intro .intro_video.mini_player { width:250px; height:140px; }
 .main_intro .intro_video.mini_player.hide { right:-250px }
 }


/** Newsroom & Investor ------------------------------- **/
.section_wrap { position: relative; background: linear-gradient(0deg, rgba(223, 223, 223, 0.15) 0%, #E4E2E2 100%); overflow: hidden; }

/** 타이틀 **/
.section_wrap .tit_wrap { margin-bottom:5.5556rem; position: relative; display: flex; align-items: center; gap:1.6667rem }
.section_wrap .tit_wrap h2 { font-size:4.4444rem; font-weight: var(--bold); color:#0D0D0D; text-transform: uppercase; font-family: var(--montserrat); letter-spacing: -0.1667rem; line-height: 5.4444rem; }
.section_wrap .tit_wrap a.view_more { position: relative; display: flex; justify-content: center; align-items: center; width:7.7778rem; height:7.7778rem; border:2px solid #fff; border-radius: 100%; font-family: var(--montserrat); font-size:0.6667rem; color:#282828; transition: var(--transition); font-weight: var(--medium); }
.section_wrap .tit_wrap a.view_more::after { position: absolute; right:-28px; top:50%; transform: translateY(-50%); content: ''; display: block; width:28px; height:12px; background-image: url('/assets/images/main/arrow_more.svg'); }
.section_wrap .tit_wrap a:hover { transform: translateX(20px); }


@media screen and (max-width:1024px){
 .section_wrap .tit_wrap { margin-bottom:4rem; }
 }

@media screen and (max-width:768px){
 .section_wrap .tit_wrap { margin-bottom:2rem; gap:1rem }
 .section_wrap .tit_wrap h2 { font-size:1.8rem; line-height: 1.4; letter-spacing: -1px; }
 .section_wrap .tit_wrap a.view_more { width:80px; height:80px; font-size:0.65rem; background-color: #fff; letter-spacing: 0; }
 .section_wrap .tit_wrap a.view_more::after { display: none; }
 }


/** 달 애니메이션 **/
.section_wrap .moon { position: absolute; }
.section_wrap .top_moon { top:0px; right:-350px; transform: rotate(-15deg); }
.section_wrap .center_moons { top:50%; transform: translateY(-50%); left:-710px; }
.section_wrap .center_moons .big_moon { width:1700px; height:1700px; background-color: #F5F5F5; border-radius: 100%; box-shadow: 0px 10px 99px 0px rgba(0, 126, 58, 0.09); }

/** 달 애니메이션_둥둥 **/
.section_wrap .center_moons .float_moon { position: absolute; top:41%; right:-450px; z-index: -1; animation: moveCloud 3s ease-in-out infinite; }

@keyframes moveCloud {
 0% { transform: translateY(-15px); }
 50% { transform: translateY(0px); }
 100% { transform: translateY(-15px); }
 }

 @media screen and (max-width:1560px){
 .section_wrap .top_moon { width:70%; }
 }

 @media screen and (max-width:1024px){
 .section_wrap .top_moon { width:100%; right:-20%; text-align: right; }
 .section_wrap .top_moon img { height:400px; }
 }

@media screen and (max-width:640px){
 .section_wrap .top_moon { right:-40%; }
 .section_wrap .top_moon img { height:170px; }
 }



/** 달 애니메이션_회전 **/
.section_wrap .circle_moon_lg { position: absolute; bottom:-100px; left:300px; width:760px; height:760px; animation: rotate3d_lg 1.5s linear infinite;; }
.section_wrap .circle_moon_lg::after { content:''; position: absolute; top:0; left:0; bottom:0; right:0; background:url('/assets/images/main/circle_moom_lg_shadow.png'); opacity: 0.2; }

.section_wrap .circle_moon_sm { bottom:80px; right:-210px; height: 330px; width: 330px; animation: rotate3d_sm 1.5s linear infinite; }
.section_wrap .circle .rotate { position: absolute; height: inherit; width: inherit; border-radius: 50%; animation-duration: 50s; animation-iteration-count: infinite; animation-timing-function: linear; }
.section_wrap .circle.circle_moon_lg .rotate { background: url('/assets/images/main/circle_moom_lg.jpg'); background-size: 2100px; animation-name: rotate3d_lg; box-shadow:35px 30px 60px 0px rgba(0, 0, 0, 0.3); opacity: 0.5; transform: rotate(5deg); }
.section_wrap .circle.circle_moon_sm .rotate { background: url('/assets/images/main/circle_moom_sm.jpg'); background-size: 550px; animation-name: rotate3d_sm; box-shadow: inset 25px 0px 35px 3px rgba(0, 0, 0, 0.2), -35px 30px 60px 0px rgba(0, 0, 0, 0.2); opacity: 0.5; }

@keyframes rotate3d_lg {
 from { background-position: 0px; }
to { background-position: 2100px; }
 }

@keyframes rotate3d_sm {
 from { background-position: 0px; }
 to { background-position: 550px; }
 }

 @media screen and (max-width:1024px){
 .section_wrap .circle_moon_lg { display: none; }
 }



/** Newsroom 슬라이드 **/
.main_newsroom { padding-bottom:0 !important; }
.swiper-newsroom { margin-bottom:0.8333rem; width:100%; }
.swiper-newsroom .swiper-slide { display: grid; grid-template-columns: 40.58% 1fr; justify-content: space-between; gap:7.5rem; overflow: hidden; }
.swiper-newsroom .swiper-slide .img { overflow: hidden; width:100%; height:420px; }
.swiper-newsroom .swiper-slide .img img { width:100%; height:100%; object-fit: cover; }
.swiper-newsroom .swiper-slide .txt { flex:1; visibility:hidden; display: flex; flex-direction: column; gap:1.6667rem; justify-content: flex-end; padding-bottom:1.3889rem; }
.swiper-newsroom .swiper-slide .txt a:hover { text-decoration: underline; }
.swiper-newsroom .swiper-slide .txt p { position: relative; }
/*.swiper-newsroom .swiper-slide .txt p.tit { width:65%; font-size:2.3333rem; font-weight: var(--bold); letter-spacing: -0.03rem; color:#191919; line-height: 3.5556rem; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } */
.swiper-newsroom .swiper-slide .txt p.tit { width:65%; font-size:2.3333rem; font-weight: var(--bold); letter-spacing: -0.03rem; color:#191919; line-height: 3.5556rem; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; } 
.swiper-newsroom .swiper-slide .txt p.desc { font-size:1.2222rem; font-weight: var(--medium); color:#282828; line-height: 1.8889rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: -0.03rem; text-overflow: ellipsis; }
.swiper-newsroom .swiper-slide .txt p.date { font-size:1.1111rem; font-weight: var(--medium); color:#989898; line-height: 0.8889rem; font-family: var(--montserrat); }
.swiper-newsroom .swiper-slide.swiper-slide-active .txt { visibility: visible; }
.swiper-newsroom .swiper-slide .txt.animate { animation: newsroom-txt 0.8s ease forwards; }


@keyframes newsroom-txt {
 from { opacity: 0; transform: translateY(50px); }
 to { opacity: 1; transform: translateY(0px); }
 }

@media screen and (max-width:1434px){
 .swiper-newsroom .swiper-slide { grid-template-columns: 1fr 1fr; gap:4rem; }
 .swiper-newsroom .swiper-slide .txt p.tit { width:100%; }
 }
@media screen and (max-width:1024px){
 .swiper-newsroom .swiper-slide { grid-template-columns: repeat(1,1fr); gap:2.5rem; }
 .swiper-newsroom .swiper-slide .img { height:500px; }
 }

 @media screen and (max-width:768px){
 .swiper-newsroom .swiper-slide { grid-template-columns: repeat(1,1fr); gap: 1.5rem; }
 .swiper-newsroom .swiper-slide .img { height:400px; }
 .swiper-newsroom .swiper-slide .txt { justify-content: flex-end; gap:0.7rem; padding-bottom:0; }
 .swiper-newsroom .swiper-slide .txt p.tit { font-size:1.5rem; letter-spacing: -1.5px; line-height: 1.4; padding-bottom:0rem; }
 .swiper-newsroom .swiper-slide .txt p.desc { height:60px; font-size:1.1rem; line-height: 1.7778rem; font-weight: var(--regular);}
 .eng .swiper-newsroom .swiper-slide .txt p.desc { height:55px;}
 }
@media screen and (max-width:640px){
 .swiper-newsroom .swiper-slide .txt p.tit { font-size:1.3rem; letter-spacing: -1.5px; line-height: 1.4; }
 .swiper-newsroom .swiper-slide .img { height:200px; }
 }

.main_newsroom .swiper-btns { margin-bottom:3.3333rem; width:100%; justify-content: flex-end; }
.main_newsroom .swiper-btns::before { content: ''; position: absolute; top:50%; left:0; transform: translateY(-50%); width:100%; height:1px; background-color: #fff; }
.main_newsroom .swiper-btns > div { background-color: #fff; }
.main_newsroom .swiper-btns > div.button-prev { background-image: url('/assets/images/main/arrow_prev_green.svg'); }
.main_newsroom .swiper-btns > div.button-next { background-image: url('/assets/images/main/arrow_next_green.svg'); }

/** Newsoom 바로가기링크 **/
.newsroom_links { padding:4.6667rem 6.2778rem; background-image: url('/assets/images/main/bg_news_links.png'); }
.newsroom_links ul { display: flex; justify-content: space-between; width:100%; }
.newsroom_links ul li { flex:1; width:100%; display: flex; align-items: center; height:80px; border-left:1px solid #fff;}
.newsroom_links ul li:first-child { border-left:0 none; }
.newsroom_links ul li a { display: flex; align-items: center; gap:0.625rem; width:100%; height:inherit; color:#fff; font-size:1.4444rem; font-weight: var(--bold); }
.newsroom_links ul li:nth-child(1) a { justify-content: flex-start;}
.newsroom_links ul li:nth-child(2) a { padding:0 10px; justify-content: center; }
.newsroom_links ul li:nth-child(3) a { justify-content: flex-end;}
.newsroom_links ul li a span { position: relative; top:-5px; width:45px; height:15px; background-image: url('/assets/images/main/arrow_links.svg'); transition: var(--transition); flex-shrink: 0; }
.newsroom_links ul li a:hover span { transform: translateX(20px); }

@media screen and (max-width:1280px){
 .newsroom_links { padding:4rem 2rem; }
 .newsroom_links ul li a { display: flex; align-items: center; justify-content: center; gap:0.2778rem; }
 }

 @media screen and (max-width:830px){
 .newsroom_links { padding:0 2rem; background-size: cover; }
 .newsroom_links ul { flex-direction: column; }
 .newsroom_links ul li { border-left:0 none; border-top:1px solid rgba(255, 255, 255, 0.2); }
 .newsroom_links ul li:first-child { border-top:0 none; }
 .newsroom_links ul li a { font-size:1.2rem; align-items: center; justify-content:space-between !important; padding:0 !important; }
 .newsroom_links ul li a span { width:30px; height:10px; background-size: cover; }
 .newsroom_links ul li a:hover span { transform: translateX(0); }
 }

 @media screen and (max-width:640px){
 .newsroom_links { padding:0 2rem; background-size: cover; background-position: -540px center; background-image: no-repeat; }
 .newsroom_links ul li a { font-size:1rem; }
 }




/** Investor ------------------------------- **/
.main_investor .desc { margin-bottom:5rem; font-size:1.5556rem; font-weight: var(--semiBold); letter-spacing: -1.5px; line-height: 2.4444rem; }
.main_investor .investor_info { display: flex; justify-content: space-between; align-items: center; gap:8.0556rem; padding:0 5.2778rem; margin-bottom:2.7778rem; height:136px; background-color: #fff; box-shadow: 0px 6px 19px 0px #EFEFEF; }
.main_investor .investor_info h3 { font-size:1rem; font-weight: var(--semiBold); letter-spacing: -0.5px; }

.eng .main_investor .desc { letter-spacing: -1px; }

@media screen and (max-width:768px){
 .main_investor .desc { margin-bottom:4rem; font-size:1.2rem; font-weight: var(--semiBold); line-height: 1.6; }
 }

/** 주식가격정보 **/
.main_investor .investor_info .bar { width:15%; height:1px; background-color: #707070; }
.main_investor .investor_info .swiper-price { flex:1; height:143px }
.main_investor .investor_info .swiper-price .swiper-slide { opacity: 0; transition: opacity 1s; }
.main_investor .investor_info .swiper-price .swiper-slide-active { opacity: 1; }

.main_investor .investor_info .price_box { display: flex; align-items: center; justify-content: flex-end; gap:2.7778rem }
.main_investor .investor_info .price_box ul { display: flex; gap:1.1111rem; letter-spacing: -0.5px; color:#BBBBBB; }
.main_investor .investor_info .price_box ul li { line-height: 1.3; }
.main_investor .investor_info .price_box .current_price { display: flex; align-items: center; gap:1rem; font-size:3.3333rem; font-family: var(--montserrat); font-weight: var(--bold); }

.main_investor .investor_info .price_box .current_price span { font-size:1.1111rem; }
.main_investor .investor_info .price_box .current_price span.up { color:#F34300; }
.main_investor .investor_info .price_box .current_price span.up #priceChangeIcon{ color:#F34300; }
.main_investor .investor_info .price_box .current_price span.down { color:#007E3A; }
.main_investor .investor_info .price_box .current_price span.down #priceChangeIcon {color:#007E3A}
.main_investor .investor_info .price_box .current_price span.ko { font-family:'Pretendard',sans-serif; font-size:3.3333rem; }

.chart-container_box{position: relative; flex:1;}
.update_time { text-align: right; }
.investor_info_txt {display: flex; justify-content: flex-end; margin-top: 10px;}
.investor_info_txt div { display: grid; grid-template-columns: 1fr; gap: 5px;}
.investor_info_txt p {padding-left:10px; font-size: .7rem; color: #979797; font-weight: var(--medium); line-height: 1.5; text-indent: -10px; }
.chn .investor_info_txt p {word-break: break-all;}
.investor_info_txt p::before { content: "-"; margin-right: 5px;}

@media screen and (max-width:1800px){
 .main_investor .investor_info { gap:4rem; }
 }
@media screen and (max-width:1475px){
 .main_investor .investor_info { gap:2rem; padding:0 2.5rem; }
}
@media screen and (max-width:1280px){
 .main_investor .investor_info .bar { display: none; }
 .main_investor .investor_info .price_box ul { color:#a8a6a6; }
 }

 @media screen and (max-width:1090px){
 .main_investor .investor_info { flex-direction: column;  padding:2rem; height:220px; }
 .main_investor .investor_info .swiper-price { width:100%; height:auto; }
 .main_investor .investor_info .price_box { justify-content: center; }
 }

@media screen and (max-width:640px){
 .main_investor .investor_info .price_box { flex-direction: column; justify-content: center; gap:1rem }
 .main_investor .investor_info .price_box ul { gap:0.5rem; }
 .main_investor .investor_info .price_box ul li { text-align: center; }
 .main_investor .investor_info .price_box .current_price { font-size:2rem; }
 .main_investor .investor_info .price_box .current_price span.ko { font-size:1.5rem; }
 }

/****** 주식가격정보 > 영문 & 중문 */
.eng .main_investor .investor_info .bar { width:0%;}
.eng .main_investor .investor_info .price_box,
.chn .main_investor .investor_info .price_box  {align-items: center;}
.eng .main_investor .investor_info .price_box ul,
.chn .main_investor .investor_info .price_box ul {flex-direction: column; gap:0.375rem;}

@media screen and (max-width:1280px){
  .eng .main_investor .investor_info .price_box,
  .chn .main_investor .investor_info .price_box {flex-direction: column; gap:0.625rem; justify-content: center; align-items: flex-end;}
  .eng .main_investor .investor_info .price_box ul,
  .chn .main_investor .investor_info .price_box ul {flex-direction: row; gap:0.375rem;}
}
@media screen and (max-width:1024px){
  .eng .main_investor .investor_info,
  .chn .main_investor .investor_info  { padding:1.2rem; }
  .eng .main_investor .investor_info .price_box,
  .chn .main_investor .investor_info .price_box {align-items: center; justify-content: center;}
  .eng .main_investor .investor_info .price_box ul,
  .chn .main_investor .investor_info .price_box ul  {flex-direction: column; gap:0.375rem; text-align: center;}
  .eng .main_investor .investor_info .price_box .current_price,
  .chn .main_investor .investor_info .price_box .current_price  { gap:0.375rem;  }
}
@media screen and (max-width:640px){
  .eng .main_investor .investor_info .price_box .current_price,
  .chn .main_investor .investor_info .price_box .current_price  {flex-wrap: wrap; justify-content: center;}
}


/** 링크 & 그래프 **/
.main_investor .investor_graph { position: relative; display: flex; justify-content: space-between; gap:9rem; height:455px; }

@media screen and (max-width:1340px){
 .main_investor .investor_graph { gap:4rem; }
 }
@media screen and (max-width:1024px){
 .main_investor .investor_graph { flex-direction: column; height:auto; }
}


/** 링크 & 그래프 > 링크 **/
.main_investor .investor_graph ul.investor_links { display: flex; flex-direction: column; align-content: space-between; width:378px; gap:0.625rem; }
.main_investor .investor_graph ul.investor_links li { flex:1; }
.main_investor .investor_graph ul.investor_links li a { display: flex; align-items: center; gap:1.6667rem; padding:0 3.3333rem; width:100%; height:100%; background-color: rgba(230, 230, 230, 0.8); font-size:1.2222rem; font-weight: var(--bold); letter-spacing: -0.2px; background-repeat: no-repeat; background-position: left 70px center; transition: var(--transition); }
.main_investor .investor_graph ul.investor_links li a:hover { background-color: #000; color:#fff; }
.main_investor .investor_graph ul.investor_links li a .hovicon { position: relative; width: 50px; height: 50px; transition: transform ease-out 0.1s; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }
.main_investor .investor_graph ul.investor_links li:nth-child(1) a .hovicon { background-image: url('/assets/images/main/ico_investor1.svg'); }
.main_investor .investor_graph ul.investor_links li:nth-child(2) a .hovicon { background-image: url('/assets/images/main/ico_investor2.svg'); }
.main_investor .investor_graph ul.investor_links li:nth-child(3) a .hovicon { background-image: url('/assets/images/main/ico_investor3.svg'); }
.main_investor .investor_graph ul.investor_links li:nth-child(4) a .hovicon { background-image: url('/assets/images/main/ico_investor4.svg'); }
.main_investor .investor_graph ul.investor_links li a .hovicon:after { content:''; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; transform: scale(0.9); }
.main_investor .investor_graph ul.investor_links li a:hover .hovicon { transform: scale(1); color: #fff; }
.main_investor .investor_graph ul.investor_links li:nth-child(1) a:hover .hovicon { background-image: url('/assets/images/main/ico_investor1_hover.svg'); }
.main_investor .investor_graph ul.investor_links li:nth-child(2) a:hover .hovicon { background-image: url('/assets/images/main/ico_investor2_hover.svg'); }
.main_investor .investor_graph ul.investor_links li:nth-child(3) a:hover .hovicon { background-image: url('/assets/images/main/ico_investor3_hover.svg'); }
.main_investor .investor_graph ul.investor_links li:nth-child(4) a:hover .hovicon { background-image: url('/assets/images/main/ico_investor4_hover.svg'); }
.main_investor .investor_graph ul.investor_links li a:hover .hovicon:after { animation: sonarEffect 1.3s ease-out 75ms; }

@keyframes sonarEffect {
 0% { opacity: 0.3; }
 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5); }
 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; }
 }

@media screen and (max-width:1024px){
 .main_investor .investor_graph ul.investor_links { order:2; flex-direction: row; width:100%; }
 .main_investor .investor_graph ul.investor_links li a { gap:1rem; padding:1.5rem 2rem; justify-content: center; background-position: left 30px center; }
 }

 @media screen and (max-width:768px){
 .main_investor .investor_graph ul.investor_links { flex-direction: column; gap:0.6rem; }
 .main_investor .investor_graph ul.investor_links li a { display: flex; justify-content: space-between; font-size:1rem; }
 }




/** 링크 & 그래프 > 그래프 **/
#chart-container { flex:1; width:100%; height:501px; }

@media screen and (max-width:768px){
 #chart-container { flex:none; height:280px; }
 }


/** Stroy ------------------------------- **/
.main_story { position: relative; background-image: url('/assets/images/main/bg_story.jpg'); background-position: top center; }
.main_story h2 { margin-bottom:1.1111rem; font-size:1.3333rem; font-weight: var(--medium); font-family: var(--montserrat); color:#fff; }
.main_story .story_logo { position: absolute; top:5.5556rem; right:-15%; }

.main_story .tit_area { position: relative; padding-bottom:2.7778rem; color:#fff; line-height: 1; height: 330px; color:#fff; }
.main_story .tit_area > div { position: absolute; top:0; left:0; opacity: 0; transition:opacity 0.5s; }
.main_story .tit_area > div.active { opacity: 1; z-index: 98; }
.main_story .tit_area p { font-size: 1.5556rem; transition:all 1s; }
.main_story .tit_area p.lg { margin-bottom:2.7778rem; font-size:3.3333rem; font-weight: var(--bold); line-height: 1.2; }
.main_story .tit_area p.more a { display: flex; align-items: center; gap:0.8333rem; margin-top:1.1111rem; font-size: 1.2rem; font-weight: var(--bold); line-height: 1.2; }

@media screen and (max-width:768px){
 .main_story h2 { margin-bottom:1rem; font-size:1rem; }
 .main_story .story_logo { text-align: right; }
 .main_story .story_logo img { width:80% }
 .main_story .tit_area { padding-bottom:0rem; height: 250px; }
 .main_story .tit_area p { font-size: 1rem; line-height: 1.4; }
 .main_story .tit_area p.lg { margin-bottom:1.5rem; font-size:1.8rem; line-height: 1.2; }
 .main_story .tit_area p.lg br { display: none; }
 .main_story .tit_area p.more a { font-size:1rem; }
 }



/** 슬라이드 **/
.swiper-story { position: absolute; width:169.15%; left:0; }
.swiper-story .swiper-wrapper { position: relative; height:inherit; }
.swiper-story .swiper-slide { width:100%; height:inherit; }
.swiper-story .swiper-slide .img { display: flex; align-items: flex-end; height:610px; }
.swiper-story .swiper-slide .img img { width:100%; height:470px; object-fit: cover; transition: all 0.2s; }
.swiper-story .swiper-slide.swiper-slide-active .tit_area { visibility: visible; opacity: 1; }
.swiper-story .swiper-slide.swiper-slide-active .img img { height:610px; }

/** 슬라이드버튼 **/
.main_story .swiper-btns { position: absolute; top:290px; right:270px; z-index: 99; }
.main_story .swiper-btns > div { width:68px; height:68px; border:1px solid #34302D; border-radius: 25px; cursor: pointer; text-indent: -9999px; transition: var(--transition); background-position: center; background-repeat: no-repeat; }
.main_story .swiper-btns > div:hover { background-color:#34302D }
.main_story .swiper-btns > div.story-button-prev { background-image: url('/assets/images/main/stroy_prev.svg'); }
.main_story .swiper-btns > div.story-button-next { background-image: url('/assets/images/main/stroy_next.svg'); }


@media screen and (max-width:1024px){
 .swiper-story { width:100%; }
 .swiper-story .swiper-slide .img { height:auto; }
 .swiper-story .swiper-slide .img img { width:100%; height:auto; }
 .swiper-story .swiper-slide.swiper-slide-active .img img { height:auto; }
 .main_story .swiper-btns { top:220px; right:16px; }
 }

@media screen and (max-width:768px){
 .main_story .swiper-btns { height:52px; }
 .main_story .swiper-btns > div { width:52px; height:52px; border-radius: 20px; }
 }

/** Business ------------------------------- **/
.main_business { background-image: url('/assets/images/main/bg_business.jpg'); background-position: bottom center; }
.main_business .tit_area { margin-bottom:3.3333rem; text-align: center; }
.main_business .tit_area h2 { margin-bottom:1.6667rem; font-family: var(--montserrat); letter-spacing: -3px; font-weight: var(--bold); font-size:4.4444rem; line-height: 1; }
.main_business .tit_area p { font-size: 1.5556rem; font-weight: var(--semiBold); letter-spacing: -1px; color:#191919; line-height: 2.4444rem; }
.main_business .business_list { padding-top:6.6667rem; display: grid; grid-template-columns: repeat(3,1fr); gap:1.6667rem; background-image: url('/assets/images/main/bg_business_list.png'); background-repeat: no-repeat; background-position: top center; }
.main_business .business_list li:nth-child(2) { padding-top:6.6667rem }
.main_business .business_list li a { position: relative; display: block; color:#fff; transition: var(--transition); }
.main_business .business_list li a:hover { transform: translateY(-60px); }
.main_business .business_list li a p.img img { width:100%; }
.main_business .business_list li a p.txt { position: absolute; left:0; bottom:70px; width:100%; text-align: center; font-weight: var(--bold); font-size:2.1111rem; letter-spacing: -1px; line-height: 1; }
.main_business .business_list li a p.txt span.en { padding-top:0.5556rem; display: block; font-weight: var(--regular); font-size:1.1667rem; letter-spacing: 0.2px; }


@media screen and (max-width:968px){
 .main_business .tit_area h2 { font-size:2.4rem; letter-spacing: -1px; }
 .main_business .tit_area p { font-size: 1.2rem; line-height: 1.6
; }
 .main_business .tit_area br { display: none; }
 .main_business .business_list { grid-template-columns: repeat(1,1fr); background-size: contain; }
 .main_business .business_list li:nth-child(2) { padding-top:0rem }
 .main_business .business_list li a:hover { transform: translateY(0px); }
 }

@media screen and (max-width:640px){
 .main_business .tit_area { margin-bottom:2.3rem; text-align: center; }
 .main_business .business_list li a p.txt { font-size:1.8rem; }
 }


/** 메인팝업 **/
.todayPopup { display: none; position: absolute; right: 50px; top: 50px; background-color: #fff; padding:70px 70px 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 9999; width:500px; }
/* .todayPopup { display: none; position: absolute; right: 50px; top: 50px; background-color: #fff; padding:70px 40px 40px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 9999; width:800px; } */

#todayPopup02{right: 700px;}

.eng .todayPopup {padding:4rem 2.25rem;width: 610px;}

.todayPopup img { width:100%; }
.todayPopup .popupSlider { text-align: center; }
.todayPopup .popupSlider .btn_box { margin-top:20px; display: flex; align-items: center; gap:10px; justify-content: center; }
.todayPopup .popupSlider .btn_box a { background-color: #2A543D; width:250px; height:50px; line-height: 50px; color:#fff; text-align: center; font-size:0.8889rem; }
.todayPopup .popupSlider .btn_box a:hover { background-color:#007E3A; }
.todayPopup .close { position: absolute; top: 0px; right: 10px; cursor: pointer; font-size:50px; z-index: 99; color:#000; transition: all 0.3s; }
.todayPopup .close:hover { transform: scale(1.2); }
.todayPopup .btn_hidePopup { display: flex; align-items: center; justify-content: end; }
.todayPopup .hidePopup { margin-top: 30px; color:#282828; font-size:0.7778rem; font-weight: var(--medium); }
.todayPopup .hidePopup::before { content: ""; display: inline-flex; align-items: center; width: 11px; height: 8px; margin-right: 5px; background: url(/assets/images/main/img_popup_chk.png)no-repeat center / contain; vertical-align: 5px; }

.todayPopup .address_box {margin-top: 20px;}
.todayPopup .address_box p{text-align: left; color: #8C8C8C; font-size: 0.7rem; font-weight: var(--medium); line-height: 120%; letter-spacing: -1px;}
.todayPopup .popup-pagination { margin-top:20px; text-align: left; }
.todayPopup .popup-pagination span { width:10px; height:10px; }
.todayPopup .popup-pagination .swiper-pagination-bullet-active { background-color:#0D0D0D; }

.todayPopup .swiper-slide > div { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
/* .todayPopup .popup2 >div { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } */
.todayPopup .popup2 p { text-align: left; margin:20px 0; line-height: 1.6; font-size:1rem; font-weight: var(--medium); }
.todayPopup .popup2 .img_thumb { display: block; margin-top: 20px; }
.todayPopup .popup2 ul { display: flex; gap:10px; }
.todayPopup .popup2 ul li { flex:1; }
.todayPopup .popup2 .btn_box a { width: 100%; }
/* .todayPopup .popup_title { text-align: left; color: #2A543D; font-size: 2.3333rem; font-weight: var(--bold); line-height: 57px; letter-spacing: -2px; } */
.todayPopup .popup_title { text-align: center; color: #2A543D; font-size: 2.3rem; font-weight: var(--bold); line-height: 1.6; letter-spacing: -2px; }
.eng .todayPopup .popup_title {font-size:1.6rem;}

.todayPopup .popup_txt_m { margin-top: 23px; text-align: left; color: #191919; font-size: 1.2222rem; font-weight: var(--medium); line-height: 32px; letter-spacing: -2px; }
.todayPopup .popup_txt_m_2 {text-align: center; margin-top: 15px;  color: #191919; font-size: 1.2rem; font-weight: var(--medium); line-height: 1.4; letter-spacing: -1px; }
.todayPopup .popup_txt_m_2 span{text-decoration: underline;}
.todayPopup .popup_txt_s { display: flex; align-items: flex-start; justify-content: center; gap: 5px; margin-top: 20px; text-align: left; color: #191919; font-size: 0.7778rem; font-weight: var(--medium); line-height: 22px; letter-spacing: -1px; }
.todayPopup .popup_txt_s_2 { display: grid; align-items: flex-start; gap: 0.3125rem;text-align: left; color: #191919; font-size: 0.9rem; font-weight: var(--medium); line-height: 1.2; letter-spacing: -1px; }
.todayPopup .popup_txt_s_2 a{color: #36c;}
.todayPopup .popup_txt_s.gray_txt { color: #8C8C8C; }
.todayPopup .popup_info{text-align: left;}
.todayPopup .popup_info .title{margin-top: 1.4rem; font-weight: 600;}
.todayPopup .popup_info li{display: grid; gap: 1.2rem;}
.todayPopup .popup_info li div{display: grid; gap: 0.5rem;}
/* .todayPopup .popup_info li span{margin-top: 1.25rem;} */

#todayPopup02 .link-item{margin-left: 0 !important;margin-top: 10px;}
.todayPopup .time_info { display: flex; align-items: flex-start; justify-content: center; gap: 92px; margin-top: 30px; color: #191919; text-align: left; line-height: 1.6; }

.todayPopup .time_info > p::before { content: ""; display: block; width: 100%; height: 1px; margin-bottom: 10px; background: #0D0D0D; }
.todayPopup .time_info > p { font-size: 1rem; font-weight: var(--medium); }
.todayPopup .time_info > div { display: grid; gap: 25px; }
.todayPopup .time_info .operat_time p { font-size: 1.3333rem; font-weight: var(--bold); }
.todayPopup .time_info .operat_time span { font-size: 1rem; font-weight: var(--medium); }
.todayPopup .time_info .manager_num p { font-size: 1.2222rem; font-weight: var(--bold); }
.todayPopup .time_info .manager_num span { font-size: 0.8889rem; font-weight: var(--medium); line-height: 23px; }

.todayPopup .popup3 .time_info {gap:0px; gap:1.875rem;}
.todayPopup .popup3 .time_info p {}
.todayPopup .popup3 .time_info ul {flex:1;}
.todayPopup .popup3 .time_info ul li {font-size:0.938rem; font-weight: 500;}
.todayPopup .popup3 .time_info ul li span {display: block; font-size:14px;}
.todayPopup .popup3 .popup_txt_s {margin-top:0; padding:0.938rem 0; text-align: center; display: block; font-size:1rem; line-height: 1.5;}


.todayPopup .popup_txt_m3{ margin-top: 23px; text-align: left; color: #191919; font-size: .9375rem; font-weight: var(--medium); line-height: 160%; letter-spacing: -1px;word-break: keep-all;}
.todayPopup .popup_txt_m3 a{font-weight:700;margin-top: .625rem;}
.todayPopup .popup_txt_m3 a:hover{text-decoration: underline;}
.todayPopup .popup_title02{font-size: 1.875rem;line-height: 1.4;margin-bottom: 1.875rem;}
.todayPopup{padding: 70px 30px 40px;width: 600px;}
.todayPopup .notice-wrap{max-width:700px;text-align: left;}
.todayPopup .notice-list{display:flex;flex-direction:column;gap:7px;word-break: keep-all;}
.todayPopup .notice-item{display:flex;gap:0;}
.todayPopup .notice-num{flex-shrink:0;font-weight:700;width:1.5em;line-height: 160%;}
.todayPopup .notice-body{flex:1;line-height: 160%;}
.todayPopup .notice-title{font-weight:700;margin-bottom:4px;font-size: 15px;}
.todayPopup .notice-title.lg{font-size:15px;}
.todayPopup .notice-content{color:#111;}
.todayPopup .dl-row{display:flex;gap:0;font-size: .9375rem;line-height: 160%;}
.todayPopup .dl-row dt{flex-shrink:0;font-weight:700;white-space:nowrap;font-size: 15px;}
.todayPopup .dl-row dd{flex:1;font-size: 15px;font-weight: 700;}
.todayPopup .indent-block{display:flex;flex-direction:column;}
.todayPopup .indent-block .indent-line{display:flex;}
.todayPopup .indent-block .indent-label{flex-shrink:0;font-weight:700;white-space:nowrap;}
.todayPopup .indent-block .indent-text{flex:1;}
.todayPopup .sub-row{display:flex;gap:0;margin-top:2px;}
.todayPopup .sub-row dt{flex-shrink:0;font-weight:700;white-space:nowrap;padding-left:0;font-size: 15px;}
.todayPopup .sub-row dd{flex:1;font-size: 15px;}
.todayPopup .body-text{line-height: 160%;font-size:15px;}
.todayPopup .period-wrap{margin-top:6px;}
.todayPopup .period-row{display:flex;gap:0;font-size:15px;line-height: 160%;}
.todayPopup .period-row dt{flex-shrink:0;font-weight:700;white-space:nowrap;}
.todayPopup .period-row dd{flex:1;}
.todayPopup .period-sub{padding-left:61px;color:#111;margin-top:0;font-size: 15px !important;}
.todayPopup .link-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;}
.todayPopup .link-item{display:flex;align-items:center;gap:8px;font-weight:700;margin-left: -1.5em;}
.todayPopup .link-item a{font-size: 16px;}
.todayPopup .link-item::before{content:"▶";}
.todayPopup .link-item a:hover{text-decoration:underline;}
.todayPopup .notice-small{font-size:12px;color:#555;margin-top:6px;padding-left:1em;line-height: 120%;position: relative;}
.todayPopup .notice-small::before{content:'*';display: block;position: absolute;left: 0;top: 0;}
.todayPopup .divider{border:none;border-top:1px solid #ddd;margin:4px 0;}

@media screen and (max-width:1024px) {
  #todayPopup02{right: 50px;z-index: 999999;}
}

@media screen and (max-width:640px){
 .todayPopup { right: auto; top: 50px; left:50%; transform: translateX(-50%); width:90%; padding:50px 30px 30px; }
 .todayPopup .swiper-slide { height: 500px; overflow: scroll; }
 .todayPopup .popup_title { font-size: 1.8rem; line-height: 1.3; }
 .todayPopup .popup_title02{font-size: 1.375rem;}
 .todayPopup .popup_txt_m { margin-top: 20px; font-size: 1.2rem; line-height: 1.4; }
 .todayPopup .popup_txt_s { margin-top: 10px; font-size: 0.7778rem; line-height: 1.6; }
 .todayPopup .time_info { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 20px; } 
 .todayPopup .time_info > div { gap: 10px; }
 .todayPopup .time_info .operat_time p { font-size: 1.2rem; font-weight: var(--bold); }
 .todayPopup .time_info .operat_time span { font-size: 0.8rem; font-weight: var(--medium); }
 .todayPopup .time_info .manager_num p { font-size: 1.1rem; font-weight: var(--bold); }
 .todayPopup .time_info .manager_num span { font-size: 0.8rem; font-weight: var(--medium); line-height: 23px; }
 .todayPopup .popupSlider .btn_box a { padding: 0 10px; }
 .todayPopup #hidePopup { margin-top: 15px; }

 .todayPopup .popup3 .time_info {gap:0px; gap:0.8rem;}
 .todayPopup .popup3 .popup_txt_s {padding-bottom:0;}

 .todayPopup .content_wrap{max-height:calc(100vh - 300px);overflow-y: auto;}
}

/* 관리자 팝업 */
.popup_layer{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 70px 30px 40px 30px;}
.popup_layer .close { position: absolute; top: 0px; right: 10px; cursor: pointer; font-size:50px; z-index: 99; color:#000; transition: all 0.3s; }
.popup_layer .close:hover { transform: scale(1.2); }
.popup_layer .todayPopup{display: block;position: static;padding: 0;width: 100%;box-shadow:none}
.popup_layer .btn_hidePopup { display: flex; align-items: center; justify-content: end; }
.popup_layer .hidePopup { margin-top: 30px; color:#282828; font-size:0.7778rem; font-weight: var(--medium); }
.popup_layer .hidePopup::before { content: ""; display: inline-flex; align-items: center; width: 11px; height: 8px; margin-right: 5px; background: url(/assets/images/main/img_popup_chk.png)no-repeat center / contain; vertical-align: 5px; }

@media screen and (max-width:640px) {
  .popup_layer .todayPopup{transform:none;}
  .popup_layer .popup_layer_con{max-height: calc( 100vh - 200px);}
}