@charset "utf-8";
:root{
    --color-bl:#5A8BD2;
    --color-gr:#11B3B3;
    --color-up:#e71915;
    --color-down:#1c6ad7;
    --bg_bl: #F5F9FE;
    --bg_gr:#ECF6F6;
    --line_gr:#e5e5e5;
    --round:8px;
}
.highcharts-credits{display:none}
/* common */
.contents{width:100%;}
.contents section{margin:100px 0 120px}
.detailpage .contents section{margin:90px 0 110px;}
.container{position:relative;width:100%;padding:0 30px;max-width:1280px;margin:0 auto;}
h3{margin-bottom:45px;font-size:36px;font-weight:800;color:#333;text-align:center;}

/* header */
.headerWrap{position:absolute;top:0;left:0;width:100%;z-index:100;}
.headerWrap .header_contents_wrap{display:flex;padding:30px;align-items:center;}
.headerWrap .header_contents_wrap .logo a{display:block;width:107px;height:27px;background: url(../../images/logo.png) no-repeat 0 0 / 100% auto;overflow:hidden;text-indent:-9999px}
.headerWrap .header_contents_wrap .header_desc{margin-left:15px;font-size:16px;font-weight:800;color:#333;}
.headerWrap .header_contents_wrap .nav{display:none;margin-left:auto;}
.headerWrap .header_contents_wrap .nav .menu{display:flex;align-items:center;}
.headerWrap .header_contents_wrap .nav .menu li{margin-left:20px;}
.headerWrap .header_contents_wrap .nav .menu a{font-size:15px;font-weight:800;color:#333}
.headerWrap .header_contents_wrap .nav .menu .guide{display:none}
.headerWrap .header_contents_wrap .nav .menu a i.rss{display:inline-block;width:10px;height:10px;margin-left:3px;background: url(../../images/icon/ico_rss.png) no-repeat 50% 50%;}
.headerWrap .header_contents_wrap .nav .menu .round{padding:.75rem 1.25rem;border:1px solid #333;border-radius:30px;}
.headerWrap .header_contents_wrap .nav .menu .round a{display:flex;color:#333;}
.headerWrap .header_contents_wrap .nav .menu .round span{position:relative;display:block;padding-left:15px;}
.headerWrap .header_contents_wrap .nav .menu .round span:first-child{padding-left:0;}
.headerWrap .header_contents_wrap .nav .menu .round span:not(:first-child)::after{content:'';position:Absolute;top:calc(50% - 2px);left:7px;width:3px;height:3px;background-color: #333;border-radius:100%;}
.headerWrap .header_contents_wrap .btn_menu{display:none;width:30px;height:40px;margin-left:auto;flex-direction: column;gap:5px;align-items:flex-end;justify-content: center;}
.headerWrap .header_contents_wrap .btn_menu::before,
.headerWrap .header_contents_wrap .btn_menu::after{content:'';display:block;width:100%;height:2px;background-color: #333;}
.headerWrap .header_contents_wrap .btn_menu .mbar{width:100%;height:2px;background-color: #333;}
.headerWrap .header_contents_wrap .btn_menu::after{width:80%}

.headerWrap .header_contents_wrap h1{display:flex;height:40px;align-items:center}
.headerWrap .header_contents_wrap .nav{position:fixed;top:0;right:-100%;width:100%;height:100%;background: rgba(0,0,0,.8);z-index:1000}
.openmenu .headerWrap .header_contents_wrap .nav{right:0;}
.headerWrap .header_contents_wrap .nav .menu{width:100%;height:100%;align-items:center;flex-direction: column;margin-top:120px;}
.headerWrap .header_contents_wrap .nav .menu li{margin-left:0;margin:1rem 0}
.headerWrap .header_contents_wrap .nav .menu li a{color:#fff;font-size:28px}
.headerWrap .header_contents_wrap .nav .menu .round{border:none}
.headerWrap .header_contents_wrap .nav .menu .round a{color:#fff}
.headerWrap .header_contents_wrap .nav .menu .round span:not(:first-child)::after{background-color: #fff;}
.headerWrap .header_contents_wrap .header_desc{font-size:15px;}
.headerWrap .header_contents_wrap .nav{display:block;}
.headerWrap .header_contents_wrap .btn_menu{display:flex}
.openmenu .headerWrap .header_contents_wrap .btn_menu{position:fixed;top:20px;right:30px;z-index:1000;}
.openmenu .headerWrap .header_contents_wrap .btn_menu::before, 
.openmenu .headerWrap .header_contents_wrap .btn_menu::after{position:absolute;width:100%;background-color: #fff;}
.openmenu .headerWrap .header_contents_wrap .btn_menu .mbar{display:none}
.openmenu .headerWrap .header_contents_wrap .btn_menu::before{transform: rotate(45deg);top: 19px;}
.openmenu .headerWrap .header_contents_wrap .btn_menu::after{transform: rotate(-45deg);bottom: 19px;}


/* showcase*/
.contents section.showcase{height:100vh;margin:0;}
.showcase .viewbox{position:relative;height:100%;background-color: var(--bg_bl);}
.srch_box{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:100}
.srch_box .srch_wrap{ display:inline-block;border: 2px solid transparent;border-radius: var(--round);background:linear-gradient(#fff, #fff) padding-box,linear-gradient(120deg, #333, #333) border-box;transition: box-shadow .2s ease, background .2s ease;}
.srch_box .srch_wrap:focus-within{box-shadow: 0 0 0 2px rgba(99,102,241,.15); /* 접근성용 아웃라인 */background:linear-gradient(#fff, #fff) padding-box,linear-gradient(120deg,#6ee7f9,#a78bfa,#f472b6,#f59e0b,#6ee7f9) border-box;background-size: 100% 100%, 300% 300%;background-position: 0 0, 0% 50%;animation: borderShimmer 2.2s linear infinite;}
/* 쉬머 키프레임: 그라데이션을 오른쪽으로 슬라이드 */
@keyframes borderShimmer{
  to { background-position: 0 0, 300% 50%; }
}

/* 모션 민감 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .input-wrap:focus-within{ animation:none; }
}
.srch_box .srch_wrap .srch_ipt_wrap{display:flex;align-items:center;}
.srch_box .srch_wrap .srch_ipt_wrap .input{width:450px;border:none;background: url(../../images/icon/ico_srch.svg) no-repeat right 20px top 50%;}
.srch_box .srch_wrap .srch_ipt_wrap .btn_srch{width:52px;height:52px;background: url(../../images/icon/ico_srch.svg) no-repeat 50% 50%;text-indent:-9999px;}
.atcmp_container{display:none;border-top:1px solid var(--line_gr)}
.srchopen .atcmp_container{display:block}
.atcmp_container .atcmp_list{padding:10px;}
.atcmp_container .atcmp_list li{max-height:120px;padding:10px;border-radius:var(--round);font-size:14px;overflow-y:auto;}
.atcmp_container .atcmp_foot{display:flex;justify-content: flex-end;padding:10px 20px;border-top:1px solid var(--line_gr)}
.atcmp_container .atcmp_foot .btn_close{font-size:13px;}
.scrollani{position:absolute;bottom:30px;left:calc(50% - 15px);width:30px;height:48px;background-color: #fff;border-radius:30px;z-index:10;display:flex;align-items:center;flex-direction: column;justify-content: center;cursor:pointer;outline: none;user-select: none;}
.scrollani:focus { outline: none; }
.scrollani .arrow{width: 8px;height: 8px;border-left: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(-45deg);margin: -1px auto;animation: arrowBounce 1.4s infinite;will-change: transform;}
.scrollani .arrow:nth-child(2){animation-delay: .1s;}
/* 화살표 애니메이션 */
@keyframes arrowBounce {
  0%, 100% { transform: translateY(-5px) rotate(-45deg); opacity: 1; }
  50% { transform: translateY(4px) rotate(-45deg); opacity: 0.5; }
}
.bot_btn_wrap{position:absolute;bottom:30px;right:30px;display:flex;gap:10px;z-index:10;}
.bot_btn_wrap .btn_rounded{position:relative;display:flex;align-items:Center;justify-content: center;padding-right:30px;;}
.bot_btn_wrap .btn_rounded::after{content:'';position:absolute;top:calc(50% - 5px);right:12px;display:block;width:10px;height:11px;background: url(../../images/icon/arr_next.svg) no-repeat 50% 50% /auto 100% }
.custom-tooltip {position: fixed;background: #333;color: #fff;padding: 6px 8px;font-size: 12px;border-radius: 4px;white-space:normal;max-width: 300px;z-index: 9999;pointer-events: none;opacity: 0;transition: opacity 0.15s ease;line-height:1.2;}
.custom-tooltip .tooltip-name{margin-bottom:5px;font-weight:800;}
.main_show_swiper{height:100%;overflow:hidden}
.main_show_swiper::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background-color: var(--bg_gr);}
.main_show_swiper .show_inner{display:flex;width:100%;height:100%;justify-content: center;align-items:center;}
.main_show_swiper .show_inner h2{position:absolute;top:40%;left:50%;display:flex;padding:20px;background-color: #333;border-radius:18px;align-items:center;transform:translate(-50%, -50%);z-index:10}
.main_show_swiper .show_inner h2 .sort{width:40px;height:40px;margin-right:10px;}
.main_show_swiper .show_inner h2 .name{margin-right:20px;font-size:21px;font-weight:700;color:#fff;}
.main_show_swiper .show_inner h2 .link{display:block;width:25px;height:25px;margin-left:10px;background: url(../../images/icon/ico_link.svg) no-repeat 50% 50%;}
.main_show_swiper .show_inner h2 .link.link_show, .main_show_swiper .show_inner h2 .link.link_show_new{background: url(../../images/icon/ico_detail.svg) no-repeat 50% 50%;}
.main_show_swiper .show_inner h2 .date{position:absolute;top:100%;left:0;width:100%;margin-top:10px;font-size:13px;font-weight:500;color:#333;text-align:center;}
.main_show_swiper .show_inner .map{width:50%;height:100%;padding:15vh 0 10vh;}
/* .main_show_swiper .show_inner .map.rightwrap{background-color: var(--bg_gr);} */
.main_show_swiper .show_inner .map .map_header{font-size:32px;font-weight:800;color:#444D63;text-align:center}
.main_show_swiper .show_inner .map .map_header .date{margin-top:15px;font-size:18px;color:#666;font-weight:300;}
.main_show_swiper .show_inner .map .map_header .desc{display:flex;margin-top:15px;font-size:13px;color:#fff;font-weight:500;justify-content: center;gap:2px;}
.main_show_swiper .show_inner .map .map_header .desc span{display:inline-block;padding:5px 10px;border-radius:4px;background-color: #5A8BD2;}
.main_show_swiper .show_inner .map .map_header .desc span:last-child{background-color: #6680A7;}

.main_show_swiper .show_inner .map.rightwrap .map_header{color:#324C4B}
.main_show_swiper .show_inner .map .map_wrap{position:relative;height:100%;padding:0}
.main_show_swiper.highver .show_inner .map .map_wrap{display:flex;width:100%;max-width:90vh;margin:0 auto;align-items:center;justify-content: flex-end;}
.main_show_swiper.highver .show_inner .map .map_wrap .chart-top{position:absolute;top:0;left:0;width:50%;}
.main_show_swiper.highver .show_inner .map .map_wrap .chart-sub{width:70%;margin-top:auto}
.main_show_swiper.highver .show_inner .map .map_wrap > div{width:100%;overflow:inherit !important}
.main_show_swiper.highver .show_inner .map .map_wrap .highcharts-container{overflow:inherit !important}
.main_show_swiper .show_inner .map .map_wrap .cell{position:absolute;top:50%;left:50%;display:flex;align-items:center;transform:translate(-50%, -50%);opacity:0;}
.main_show_swiper .show_inner .map .map_wrap .cell .circle{position:relative;display:flex;width:100px;height:100px;border-radius:100%;background-color: #6680A7;align-items:center;justify-content: center;}
.main_show_swiper .show_inner .map.rightwrap .map_wrap .cell .circle{background-color: #77C1C5;}
.main_show_swiper .show_inner .map .map_wrap .cell .circle .sort{position:absolute;top:calc(15% - 18px);left:calc(15% - 18px);}
.main_show_swiper .show_inner .map .map_wrap .cell .circle .name{display:flex;padding:0 20px;font-size:17px;font-weight:700;color:#fff;align-items:Center;line-height:1.3;}
.main_show_swiper .show_inner .map .map_wrap .cell .circle .name p{min-width:calc(100% - 60px)}
.main_show_swiper .show_inner .map .map_wrap .cell.sm .circle .name{font-size:16px;}
.main_show_swiper .show_inner .map .map_wrap .cell .circle .name .link{display:block;width:20px;height:20px;margin-left:5px;background: url(../../images/icon/ico_link.svg) no-repeat 50% 50% / auto 16px;}
.main_show_swiper .show_inner .map .map_wrap .cell .circle .name .link.link_show{background: url(../../images/icon/ico_detail.svg) no-repeat 50% 50% / auto 18px;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell{transition: 1s;opacity:1;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(1){left:35%;top:26%;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(2){left:45%;top:67%;transition-delay: .1s;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(3){left:25%;top:53%;transition-delay: .15s;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(4){left:63%;top:17%;transition-delay: .2s;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(5){left:60%;top:38%;transition-delay: .25s;}
.main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(6){left:70%;top:54%;transition-delay: .3s;}
.main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(1){left:32%;top:64%;}
.main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(2){left:35%;top:20%;}
.main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(3){left:47%;top:41%;}
.main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(4){left:60%;top:60%;}
.main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(5){left:62%;top:25%;}
.main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(6){left:75%;top:48%;}
.main_show_swiper .show_inner .map .map_wrap .cell.lg .circle{width:240px;height:240px;background-color: #5A8BD2;}
.main_show_swiper .show_inner .map.rightwrap .map_wrap .cell.lg .circle{background-color: #77D0D5;}
.main_show_swiper .show_inner .map .map_wrap .cell.md .circle{width:160px;height:160px;}
.main_show_swiper .show_inner .map .map_wrap .cell.sm .circle{width:130px;height:130px}
.main_show_swiper .show_inner .map .map_wrap .cell.s1 .circle{width:240px;height:240px;background-color: #5A8BD2;}
.main_show_swiper .show_inner .map.rightwrap .map_wrap .cell.s1 .circle{background-color: #77D0D5;}
.main_show_swiper .show_inner .map .map_wrap .cell.s2 .circle{width:210px;height:210px;}
.main_show_swiper .show_inner .map .map_wrap .cell.s3 .circle{width:180px;height:180px;}
.main_show_swiper .show_inner .map .map_wrap .cell.s4 .circle{width:150px;height:150px;}
.main_show_swiper .show_inner .map .map_wrap .cell.s5 .circle{width:130px;height:130px;}
.main_show_swiper .show_inner .map .map_wrap .cell .val{position:absolute;top:50%;right:100%;padding-right:20px;font-size:15px;font-weight:700;white-space:nowrap;transform:translateY(-50%)}
.main_show_swiper .show_inner .map.rightwrap .map_wrap .cell .val{right:unset;left:100%;padding-left:20px;padding-right:0;}
.main_show_swiper .show_inner .map .map_wrap .cell .val::after{content:'';position:absolute;top:calc(50% - 1px);right:0;width:12px;border-top:2px dotted #999}
.main_show_swiper .show_inner .map.rightwrap .map_wrap .cell .val::after{right:unset;left:0;}
.main_show_swiper .swiper-pagination{bottom:100px;}
.main_show_swiper .swiper-pagination .swiper-pagination-bullet-active{width:20px;background-color: #4584E0;border-radius:4px;}
.highcharts-point {fill-opacity: 1 !important;   /* 내부 채움 불투명 */stroke-opacity: 1 !important; /* 테두리 불투명 */}
.highcharts-data-label {opacity: 1 !important;transition: none !important; /* 애니메이션 제거 */}
.main_show_swiper .show_inner .map .map_wrap .inner_circle{position:relative;display:flex;align-items:center;justify-content: center;flex-direction: column;z-index:1;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle.inclick::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(255,255,255,.1);border-radius:100%;z-index:-1;animation: scale-up-center 2s infinite;animation-delay:.5s}
@keyframes scale-up-center {
  0% {
        opacity:1;
        transform: scale(0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        
  }
  30% {
        transform: scale(1);
        box-shadow: 0 0 30px 0px rgba(255, 255, 255, 0.4);
        opacity:1;
  }
  100% {
        transform: scale(1);
        box-shadow: 0 0 20px 0px rgba(255, 255, 255, 0);
        opacity:0;
  }
}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .inner{width:100%;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .icon_wrap{position:absolute;top:50%;left:50%;transform-origin: center; offset-path: circle(50% at 50% 50%);offset-rotate: 0deg;offset-distance: -15%;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .icon_wrap .inner{position:relative;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .icon_wrap .inner > *:nth-child(2){}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .icon_wrap .inner .detailview + .link{position:Absolute;top:80%;left:70%;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .icon_wrap .inner > *:nth-child(4){position:Absolute;top:185%;left:100%;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .link{display:block;width:36px;height:36px;background:#000 url(../../images/icon/ico_link.svg) no-repeat 55% 50% / auto 16px;border-radius:100%}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .link.link_show{background:#000 url(../../images/icon/ico_detail.svg) no-repeat 60% 45% / auto 18px;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .detailview{display:none;width:36px;height:36px;background:#000 url(../../images/icon/ico_plus.png) no-repeat 50% 50% / auto 15px;border-radius:100%}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .name{display:flex;padding:0 15px;font-size:17px;font-weight:700;color:#fff;align-items:Center;line-height:1.3;white-space:normal;justify-content: center;}
.main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .name{font-size:15px;}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .name p{width:auto;overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
.main_show_swiper .show_inner .map .map_wrap .inner_circle .val{margin-top:10px;font-size:15px;font-weight:500;white-space:nowrap;color:#fff;}
.main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .val{font-size:13px;}
.highcharts-container,
.highcharts-root,
.highcharts-series-group {z-index:unset !important}
.highcharts-datalabels-group{z-index:10 !important}
.highcharts-plot-background,
.highcharts-plot-border,
.highcharts-background,
.highcharts-parentNode { display: none !important;}

.main_show_swiper.highver .show_inner .map .map_wrap .chart-top{top:5%;left:2%;width:50%}
.main_show_swiper.highver .show_inner .map .map_wrap .chart-sub{width:100%;height:70%}
.main_show_swiper.highver .show_inner .map .map_wrap.c0 .chart-top{display:none}
.main_show_swiper.highver .show_inner .map .map_wrap.c0 .chart-sub{width:100%;height:90%;margin-top:0;}
.main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{left:8%;width:35%}
.main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{width:75%;height:80%;}
.main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:7%;left:5%;width:40%;}
.main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{width:75%;height:75%}
.main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{width:50%}
.main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{width:70%}
.main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{left:5%;width:50%}
.main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{width:60%;height:70%}
.main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{left:0;width:55%}
.main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{width:60%}

.main_show_swiper .show_inner .map .map_wrap.c1 .inner_circle .icon_wrap .inner > *:nth-child(4){left:110%}

@media (max-width: 1900px) {
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{top:5%;left:2%;width:38%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{margin-right:-5%;width:95%;height:95%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{left:0;width:45%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:-5%;width:85%;height:85%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{left:0;width:50%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:-5%;width:88%;height:84%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{top:0;left:-5%;width:55%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{margin-right:-10%;width:80%;height:80%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{top:0;left:2%;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{width:70%;height:70%}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .name,
    .main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .name{font-size:14px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val{font-size:13px}
}
@media (max-width: 1700px) {
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{top:0;left:5%;width:40%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{width:100%;height:90%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:0;left:5%;width:45%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:-5%;width:90%;height:80%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:2%;width:55%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{width:85%;height:75%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{left:0%;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{width:80%;height:75%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{left:3%;width:65%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{width:75%;height:65%;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .sort,  
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .link{width:32px;height:32px;line-height:1;}
    .sort .tooltip{padding:5px 10px;font-size:13px;}
    .sort:hover .tooltip{bottom:40px}
}
@media (max-width: 1500px) {
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{top:2%;left:5%;width:40%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{width:100%;height:90%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:0;left:3%;width:50%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:-7%;width:90%;height:80%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:2%;width:55%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:-10%;width:90%;height:80%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{left:0;width:65%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{width:80%;height:70%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{left:0;width:70%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{width:80%;height:70%;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .name,
    .main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .name{padding:0 10px;font-size:13px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val,
    .main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .val{margin-top:7px;font-size:13px;}
}
@media (max-width: 1400px) {
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{top:2%;left:2%;width:45%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{width:100%;height:85%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:5%;left:3%;width:55%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:-5%;width:95%;height:75%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:2%;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:-10%;width:90%;height:75%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{left:0;width:65%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{width:85%;height:70%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{left:0;width:70%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{margin-right:-5%;width:80%;height:65%;}
    .main_show_swiper .show_inner .map .map_header{font-size:28px}
    .main_show_swiper .show_inner .map .map_header .date{margin-top:10px;font-size:16px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val,
    .main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .val{margin-top:5px;font-size:12px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .sort, 
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .link{width:30px;height:30px;}
}
@media (max-width: 1279px) {
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{top:5%;left:0;width:50%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{width:100%;height:80%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:2%;left:3%;width:55%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:-7%;width:100%;height:72%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:2%;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:-10%;width:95%;height:75%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{top:0;left:-5%;width:65%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{width:90%;height:70%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{left:0;width:70%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{margin-right:-4%;width:85%;height:65%;}
    .main_show_swiper .show_inner .map{padding:13vh 0 10vh}
    .main_show_swiper .show_inner .map .map_header{font-size:21px;}
    .main_show_swiper .show_inner .map .map_header .date{font-size:14px;}
}
@media (max-width: 1023px) {
    .custom-tooltip{display:none}
    .main_show_swiper::before{top:50%;width:100%;height:50%;}
    .main_show_swiper .show_inner .map{padding:0;width:100%;height:100%;}
    .main_show_swiper .show_inner .map.leftwrap{display:flex;flex-direction: column-reverse;padding-top:40px;}
    .main_show_swiper .show_inner .map .map_header{display:flex;justify-content: center;align-items: center;}
    .main_show_swiper .show_inner .map .map_header .date{margin-top:0;margin-left:20px}
    .main_show_swiper .show_inner .map.leftwrap .map_header{margin-bottom:20px;}
    .main_show_swiper .show_inner .map .map_header .desc{position:Absolute;top:0;}
    .main_show_swiper .show_inner .map.rightwrap{margin-top:-30px;padding-bottom:100px;order:2}
    .main_show_swiper .show_inner .map.rightwrap .map_header{padding:80px 0 20px;}
    .main_show_swiper .show_inner .map .map_wrap .cell .val{right:unset;left:100%;padding-left:10px;padding-right:0;}
    .main_show_swiper .show_inner .map .map_wrap .cell .val::after{right:unset;left:0}
    .main_show_swiper.highver .show_inner .map .map_wrap{height:90vw}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{top:0;left:0;width:45%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{margin-right:-15%;width:100%;height:100%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:0;left:0;width:50%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:-10%;width:95%;height:85%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:2%;width:55%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:-10%;width:90%;height:85%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{top:0;left:-5%;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{width:85%;height:75%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{left:0;width:65%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{margin-right:-10%;width:75%;height:75%;}
    
    
}
@media (max-width: 767px) {
    .main_show_swiper .show_inner .map.leftwrap .map_header,
    .main_show_swiper .show_inner .map.rightwrap .map_header{font-size:18px;}
    .main_show_swiper .show_inner .map .map_header .date{margin-left:10px;font-size:13px}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle .name{flex-wrap:wrap;justify-content: center;gap:5px}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle .name p{width:100%;text-align:center;}
    .main_show_swiper::before{content:none;}
    .main_show_swiper .show_inner .map.rightwrap{background-color: var(--bg_gr);}

    .main_show_swiper.highver .show_inner .map .map_wrap{flex-direction: column;height:auto;}
    .main_show_swiper.highver .show_inner .map .map_wrap .chart-top{position:static;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{width:40%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{margin-right:0;margin-top:-20%;width:100%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:0;left:0;width:50%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:0;margin-top:-20%;width:100%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:0;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:0;margin-top:-20%;width:95%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{top:0;left:0;width:70%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{margin-right:0;margin-top:-20%;width:90%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{top:0;left:0;width:80%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{margin-right:0;margin-top:-20%;width:85%;}
    .main_show_swiper .show_inner .map.leftwrap .map_header{margin-top:-10%;}
    .main_show_swiper .show_inner .map.rightwrap .map_wrap{height:80vw;justify-content: center;align-items:center;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .sort{display:none}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .sort, 
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .detailview,
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .link{width:26px;height:26px;font-size:12px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .link.link_show{background-size: auto 15px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .detailview{display:block;background-size: auto 12px;}

}
@media (max-width: 599px) {
    .main_show_swiper .show_inner .map .map_wrap{height:350px}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle .name{padding:0 10px;}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle .name p{font-size:14px;}
    .main_show_swiper .show_inner .map .map_wrap .cell .val{font-size:13px;}
    .main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(1){left:25%;top:22%;}
    .main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(2){left:41%;top:75%;}
    .main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(3){left:14%;top:50%;}
    .main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(4){left:72%;top:18%;}
    .main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(5){left:55%;top:38%;}
    .main_show_swiper .swiper-slide-active .show_inner .map .map_wrap .cell:nth-child(6){left:72%;top:58%;}
    .main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(1){left:20%;top:62%;}
    .main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(2){left:22%;top:16%;}
    .main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(3){left:45%;top:42%;}
    .main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(4){left:50%;top:77%;}
    .main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(5){left:74%;top:20%;}
    .main_show_swiper .swiper-slide-active .show_inner .map.rightwrap .map_wrap .cell:nth-child(6){left:72%;top:60%;}
    .main_show_swiper .show_inner .map.leftwrap .map_header,
    .main_show_swiper .show_inner .map.rightwrap .map_header{font-size:16px;}
    .main_show_swiper .show_inner .map.rightwrap .map_header{padding-top:70px;padding-bottom:0;}
    .main_show_swiper .show_inner .map .map_header .date{font-size:12px}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .name{padding:0 10px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .name p{font-size:13px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val{margin-top:5px;font-size:12px;;}

    .main_show_swiper.highver .show_inner .map.rightwrap .map_wrap > div{height:95%}

    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-top{width:45%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c1 .chart-sub{margin-right:0;margin-top:-20%;width:100%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-top{top:0;left:0;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c2 .chart-sub{margin-right:0;margin-top:-20%;width:100%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-top{top:0;left:0;width:60%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c3 .chart-sub{margin-right:0;margin-top:-20%;width:95%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-top{top:0;left:0;width:70%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c4 .chart-sub{margin-right:0;margin-top:-20%;width:90%;}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-top{top:0;left:0;width:70%}
    .main_show_swiper.highver .show_inner .map .map_wrap.c5 .chart-sub{margin-right:0;margin-top:-20%;width:85%;}
}
@media (max-width: 450px) {
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .name p{font-size:12px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val{font-size:11px;;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val, .main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .val{font-size:11px}
    .main_show_swiper .show_inner .map.rightwrap .map_wrap{height:90vw;}
}
@media (max-width: 415px) {
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .name p{font-size:11px;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val{font-size:10px;;}
    .main_show_swiper .show_inner .map .map_wrap .inner_circle .val, .main_show_swiper .show_inner .map.leftwrap .map_wrap .inner_circle .val{font-size:10px}
    
}
#etoday .showcase .swiper-button-next,
#etoday .showcase .swiper-button-prev{border:none;border-radius:0;}
#etoday .showcase .swiper-button-next{right:30px;background: url(../../images/common/arr_right.svg) no-repeat 50% 50%;}
#etoday .showcase .swiper-button-prev{left:30px;background: url(../../images/common/arr_left.svg) no-repeat 50% 50%;}

/* dashboard */
.main_dashboard .mdashSwiper{position:relative;}
.main_dashboard .swiper-container{margin:0 auto;}
.main_dashboard .swiper-button-next,
.main_dashboard .swiper-button-prev{top:calc(50% + 40px);}
.main_dashboard .card{border:1px solid var(--line_gr);border-radius:var(--round);}
.main_dashboard .card .card_header{display:flex;padding:20px 40px;background-color: var(--bg_bl);border-bottom:1px solid var(--line_gr);border-radius:var(--round);align-items:center;}
.main_dashboard .card .card_header .tit{font-size:15px;font-weight:700;color:#a2a2a2;}
.main_dashboard .card .card_header .name{margin-left:15px;font-size:19px;font-weight:800;}
.main_dashboard .card .card_header .btn_txt{display:flex;height:35px;padding:5px 10px 5px 5px;background:linear-gradient(to right, #22b9ff, #4c48ff);border:none;border-radius:20px;margin-left:auto;color:#fff;font-size:12px;align-items: center;font-weight:700;}
.main_dashboard .card .card_header .btn_txt i{display:block;width:20px;height:20px;margin-right:5px;background: url(../../images/icon/ico_aimark.png) no-repeat 50% 50% / 18px auto;}
.main_dashboard .card .card_body{display:flex;padding:40px 40px 43px;justify-content: space-between;}
.main_dashboard .card .card_body .inner{width:calc(50% - 16px)}
.main_dashboard .card .card_body .inner .card_title{display:flex;margin-bottom:20px;font-size:20px;font-weight:800;}
.main_dashboard .card .card_body .inner .card_title .sm{margin-left:auto;font-size:14px;font-weight:400;color:#666;}
.finance_item_wrap{height:calc(100% - 40px);}
.finance_item_wrap .inner_wrap{display:flex;height:100%;justify-content: space-between;gap:14px;}
.finance_item_wrap .finace_item{display:flex;width:100%;padding:25px 30px;border:1px solid var(--line_gr);border-radius:var(--round);flex-direction: column;justify-content:space-between}
.finance_item_wrap .finace_item:first-child{background-color: #333;color:#fff;}
.finance_item_wrap .finace_item .y{font-size:16px;font-weight:800;}
.finance_item_wrap .finace_item .val_wrap dt{margin-top:20px;margin-bottom:10px;font-size:15px;font-weight:700;color:#666;}
.finance_item_wrap .finace_item .val_wrap dd{font-size:24px;font-weight:400;}
.finance_item_wrap .finace_item:first-child .val_wrap dt{color:rgba(255,255,255,.8)}
.main_dashboard .card .card_body .inner .shareholder_list{display:flex;height:calc(100% - 40px);padding:38px;border:1px solid var(--line_gr);border-radius:var(--round);justify-content: space-between;gap:15px;row-gap:30px;flex-wrap: wrap;}
.main_dashboard .card .card_body .inner .shareholder_list li{width:calc(50% - 8px);}
.main_dashboard .card .card_body .inner .shareholder_list li .bar_wrap{position:relative;width:100%;height:19px;margin-bottom:15px;border-radius:20px;background-color: rgba(103,203,182,.1);overflow:hidden;}
.main_dashboard .card .card_body .inner .shareholder_list li:nth-child(2) .bar_wrap{background-color: rgba(163,85,177,.1);}
.main_dashboard .card .card_body .inner .shareholder_list li:nth-child(3) .bar_wrap{background-color: rgba(28,119,219,.1);}
.main_dashboard .card .card_body .inner .shareholder_list li:nth-child(4) .bar_wrap{background-color: rgba(242,161,39,.1);}
.main_dashboard .card .card_body .inner .shareholder_list li .bar_wrap .bar{position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(to right, #CFEEE7, #67CBB6);border-radius:20px;}
.main_dashboard .card .card_body .inner .shareholder_list li:nth-child(2) .bar_wrap .bar{background:linear-gradient(to right, #B88DD7, #924DC3);}
.main_dashboard .card .card_body .inner .shareholder_list li:nth-child(3) .bar_wrap .bar{background:linear-gradient(to right, #83B4EA, #5A8BD2);}
.main_dashboard .card .card_body .inner .shareholder_list li:nth-child(4) .bar_wrap .bar{background:linear-gradient(to right, #FBD8A2, #F2A127);}
.main_dashboard .card .card_body .inner .shareholder_list li .per{font-size:23px;font-weight:800;}
.main_dashboard .card .card_body .inner .shareholder_list li .sh_name{margin-top:10px;font-size:15px;font-weight:400;color:#666;}

/* main_notice_today */
.main_notice_today .table_srch_box{display:flex;padding:15px 40px;margin-bottom:30px;background-color: #f8f8f8;border:1px solid var(--line_gr);border-radius:var(--round);align-items:center;}
.main_notice_today .table_srch_box .ipt_group{position:relative;margin-left:auto}
.main_notice_today .table_srch_box .ipt_group:first-child{margin-left:10px;}
.main_notice_today .table_srch_box .ipt_group .ipt_txt{margin-right:25px}
.main_notice_today .table_srch_box .ipt_group .input{width:217px;}
.main_notice_today .table_srch_box .ipt_group .input.md{width:364px}
.main_notice_today .table_srch_box .ipt_group .unit{margin:0 10px;}
.main_notice_today .table_srch_box .ipt_group .datepicker{position:relative;background:#fff url(../../images/icon/ico_date.svg) no-repeat right 20px top 50%;}
.main_notice_today .table_srch_box .datepicker_wrap{position:relative;}
.main_notice_today .table_srch_box .btn{margin-left:20px;}
.main_notice_today .table_srch_box .sel_layPop{left:0;}
.table .btn_down{width:30px;height:30px;background: url(../../images/icon/ico_ai.png) no-repeat 50% 50% / 20px auto;border:1px solid #ddd;border-radius:40%;overflow:hidden;text-indent:-9999px;}
.sel_layPop{display:none;position:absolute;top:100%;left:0;background-color:#fff;}
.sel_layPop.active{display:block}
.date-picker-wrapper{background-color: #fff;border-color:var(--line_gr)}
.date-picker-wrapper .month-wrapper{width:300px;padding:10px;border:none}
.date-picker-wrapper .month-wrapper table{width:280px}
.date-picker-wrapper .month-name{font-size:18px;color:#333}
.date-picker-wrapper .month-wrapper table .week-name th{padding:20px 0;}
.date-picker-wrapper .month-wrapper table .day{display:flex;width:40px;height:40px;justify-content: center;align-items:center;}
.date-picker-wrapper table .caption .next:hover, 
.date-picker-wrapper table .caption .prev:hover{background:none}
.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected,
.date-picker-wrapper .month-wrapper table .day.checked{background-color: #333 !important;color:#fff !important}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color: #333;color:#fff;}
.date-picker-wrapper .first-date-selected, 
.date-picker-wrapper .last-date-selected{background-color: #333;}
.date-picker-wrapper .footer{display:none}
.sel_layPop .datepicker_wrap{position:relative}
.sel_layPop .btn_close{position:absolute;top:0;right:-40px;width:40px;height:40px;background:#333 url(../../images/common/btn_close.png) no-repeat 50% 50%;overflow:hidden;text-indent:-9999px}
#summaryResult{font-size:15px;line-height:1.6;}

.contents section.main_ranking{padding:85px 0 105px;margin-bottom:0;background-color: #050505;color:#fff}
.main_ranking h3{color:#fff}
.top_rank_wrap{display:flex;justify-content: space-between;}
.top_rank_wrap .top_rank{position:relative;width:calc(50% - 12px);padding:30px;border-radius:var(--round);background: linear-gradient(120deg, rgba(255,255,255,.15),  rgba(255,255,255,0));cursor:pointer;}
.top_rank_wrap .top_rank::after{content:'';position:absolute;top:0;right:0;width:30px;height:30px;background:#333 url(../../images/icon/ico_plus.png) no-repeat 50% 50% / auto 15px;border-radius:0 var(--round);}
.detail_rank .top_rank_wrap .top_rank::after{background-color: #ddd;}
.top_rank_wrap .top_rank .rank_title{ display: -webkit-box;height:2.6em;margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;}
.top_rank_wrap .top_rank .list_header{display:flex;}
.top_rank_wrap .top_rank .list_header .sm{margin-left:auto;font-size:15px;font-weight:500;color:rgba(255,255,255,.6)}
.top_rank_wrap .top_rank .rank_list li{display:flex;width:100%;margin-top:20px;align-items:center;}
.top_rank_wrap .top_rank .rank_list li .num{display:flex;width:27px;height:27px;border:1px solid rgba(255,255,255,.3);border-radius:30px;align-items:Center;justify-content: center;font-size:14px;}
.top_rank_wrap .top_rank .rank_list li .name{width:100px;margin:0 10px;font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.top_rank_wrap .top_rank .rank_list li .bar_wrap{width:calc(100% - 220px);height:2px;padding:0 15px;background-color: rgba(15,122,240,.3);}
.top_rank_wrap .top_rank .rank_list li .bar_wrap .bar_inner{position:relative;}
.top_rank_wrap .top_rank .rank_list li .bar_wrap .bar{position:absolute;top:-4px;left:0;height:10px;width:0;background: linear-gradient(to right, #72ADEE, #1673DA);border-radius:2px;}
.top_rank_wrap .top_rank .rank_list li .data{margin-left:auto;}
.top_rank_wrap .top_rank .rank_list li:first-child .data{font-weight:700}
.main_ranking .bot_rank_wrap{position:relative;margin-top:50px;background: linear-gradient(120deg, rgba(255,255,255,.15),  rgba(255,255,255,0));border-radius: var(--round);}
.main_ranking .bot_rank_wrap .swiper-slide{padding:30px; cursor: pointer;}
.main_ranking .bot_rank_wrap .swiper-slide::after{content:'';position:Absolute;top:30px;left:0;width:1px;height:calc(100% - 60px);background-color: rgba(255,255,255,.18);}
.main_ranking .bot_rank_wrap .swiper-slide.swiper-slide-active::after{content:none}
.main_ranking .bot_rank_wrap .swiper-slide .date{position:relative;margin-bottom:25px;font-size:14px;font-weight:400;color:rgba(255,255,255,.6)}
.main_ranking .bot_rank_wrap .swiper-slide .date::after{content:'';position:Absolute;top:-15px;right:-15px;width:30px;height:30px;background:rgba(255,255,255,.2) url(../../images/icon/ico_plus.png) no-repeat 50% 50% / auto 14px;border-radius:100%;opacity:.5}
.main_ranking .bot_rank_wrap .swiper-slide .tit{font-size:19px;font-weight:700;color:rgba(255,255,255,.9);line-height:1.3;}
.main_ranking .bot_rank_wrap .swiper-slide .graph{margin-top:20px;}
.main_ranking .bot_rank_wrap .swiper-slide .graph .chart{width:100%;height:200px;}
.highcharts-title,
.highcharts-yaxis,
.highcharts-legend{display: none;}
.highcharts-yaxis-labels .text{fill:rgba(255,255,255,.6) !important}

#etoday .main_ranking .swiper-button-next,
#etoday .main_ranking .swiper-button-prev{border-color:#fff}
#etoday .main_ranking .swiper-button-next{background: url(../../images/icon/btn_next_wh.svg) no-repeat 50% 50%;}
#etoday .main_ranking .swiper-button-prev{background: url(../../images/icon/btn_prev_wh.svg) no-repeat 50% 50%;}

/* detailpage */
.detailpage h3{display:flex;margin-bottom:20px;text-align:left;font-size: 26px;align-items:center;gap:10px}
.detailpage h3 .date{font-size:15px;font-weight:400;color:#666;margin-left:auto;}
.detailpage h3 .badge{padding:10px;font-size:17px;font-weight:700;background-color: #E9ECF3;border-radius:var(--round)}
.contents section.detail_top{margin-top:150px}
.detail_top h2{margin-bottom:20px;}
.detail_top h2 .name{display:flex;align-items:center;justify-content: center;font-size:42px;font-weight:800;}
.detail_top h2 .btn_srch{display:block;width:52px;height:52px;margin-left:20px;background: #333 url(../../images/icon/ico_srch_plus.png) no-repeat 50% 40%;border-radius:100%;}
.detail_top .srch_box{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.3);transform:none}
.detail_top .srch_box .srch_wrap{margin-top:230px;}
.openmenu .detail_top .srch_box,
.opensrch .detail_top .srch_box{display:flex;justify-content: center;align-items: flex-start;}
.openmenu .detail_top .srch_box{position:fixed;height:auto;top:50px;margin-top:0;background:none;z-index:1000}
.openmenu .detail_top .srch_box .srch_wrap{margin-top:0;}
.top_btn_wrap{display:flex;justify-content: flex-end;margin-bottom:12px;}
.top_btn_wrap .btn_rounded{position:relative;display:flex;width:145px;align-items:Center;justify-content: center;padding-right:30px;;}
.top_btn_wrap .btn_rounded::after{content:'';position:absolute;top:calc(50% - 5px);right:12px;display:block;width:10px;height:11px;background: url(../../images/icon/arr_next.svg) no-repeat 50% 50% /auto 100% }
.corp_box_wrap .corp_box{display:flex;padding:35px 0;background-color: #FAFAFA;border:1px solid var(--line_gr);border-radius:var(--round);}
.corp_box_wrap .corp_box .col{width:50%;padding:0 35px;}
.corp_box_wrap .corp_box .col:first-child{border-right:1px dashed rgba(0,0,0,.15)}
.corp_box_wrap .corp_box .col dl{display:flex;flex-wrap:wrap;gap:25px;row-gap: 10px;}
.corp_box_wrap .corp_box .col dt{display:flex;width:85px;height:43px;background-color:#333;border-radius:var(--round);justify-content:center;align-items: center;font-size:15px;font-weight:700;color:#fff;;}
.corp_box_wrap .corp_box .col dd{width:calc(100% - 110px);font-size:17px;color:#333;}
.corp_box_wrap .corp_box .col dd.ceo{padding-top:15px;font-weight:700;}
.corp_box_wrap .corp_box .col dd.executives_list{display:flex;flex-direction: column;width:auto;}
.corp_box_wrap .corp_box .col .inbar{position:relative;display:inline-block;width:100%;margin-bottom:5px;padding:10px 0 20px;overflow: hidden;}
.corp_box_wrap .corp_box .col .inbar::after{content:'';position:absolute;bottom:0;left:0;width: 100%;height: 10px;background: repeating-linear-gradient(45deg,white,white 4px,transparent 4px,transparent 12px );background-size: 340px 100%;animation: stripesMove 2s linear infinite;opacity:.2}
@keyframes stripesMove {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 50px 0;
  }
}
.corp_box_wrap .corp_box .col .inbar .txt{position:relative;z-index:1;;}
.corp_box_wrap .corp_box .col .inbar .bar{position:absolute;height:10px;bottom:0;border-radius:var(--round);opacity:.6}
.corp_box_wrap .corp_box .col .inbar .malebar{left:0;background: #4a90e2;}
.corp_box_wrap .corp_box .col .inbar .femalebar{right:0;background: #f15bb5;}
.corp_box_wrap .corp_box .col ul{margin-top:10px;}
.corp_box_wrap .corp_box .col ul li{display:flex;margin-top:10px;font-size:15px;}
.corp_box_wrap .corp_box .col ul li:first-child{margin-top:0;}
.corp_box_wrap .corp_box .col ul li .date{margin-left:20px;color:#666;}
.corp_box_wrap .corp_box .col .chart_wrap{display:flex;padding-top:0;}
#topChart{width:280px;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap{display:flex;justify-content: center;flex-direction: column;margin-left:20px;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap ul{margin-top:0;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li{position:relative;display:flex;margin-top:15px;padding-left:20px;flex-direction: column;gap:5px;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li:first-child{margin-top:0;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .dot{position:absolute;top:3px;lefT:0;width:8px;height:8px;background-color: #4584E0;border-radius:100%;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li:nth-child(2) .dot{background-color: #FEC96B;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li:nth-child(3) .dot{background-color: #FD9074;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li:nth-child(4) .dot{background-color: #9D72D0;}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .name{font-size:14px;color:#333}
.corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .val{font-size:17px;font-weight:800;}

.detail_map_wrap{min-height:450px;padding:65px 0 30px;background-color: #E9ECF3;}
.detail_map_wrap .top_btn_wrap{display:flex;gap:10px;margin-bottom:40px;}
.detail_map_wrap .top_btn_wrap .btn{width:175px}
.detail_map{position:relative;}
.detail_map .map_header_wrap{position:sticky;top:50%;left:50%;}
.open .detail_map .map_header_wrap{position:static}
.detail_map .map_header_wrap .map_header_inner{position:relative;display:flex;align-items:center;justify-content: center;width:calc((100% - 237px)*.5 + 200px);margin:0 auto;}
.detail_map .map_header_wrap .map_header_inner::before{content:'';position:absolute;top:50%;left:0;display:none;width:100%;height:1px;background-color:#b1b1b1;}
.detail_map .map_corp{position:relative;display:flex;width:237px;height:237px;background-color: #fff;border-radius:100%;justify-content: center;align-items:center;font-size: 24px;font-weight:800;order:1;}
/* .detail_map .map_corp::before,
.detail_map .map_corp::after{content:'';position:absolute;top:calc(50% - 4px);width:8px;height:8px;background-color: var(--color-bl);border-radius:100%;;}
.detail_map .map_corp::before{left:-4px}
.detail_map .map_corp::after{right:-4px;background-color: var(--color-gr);} */
.detail_map .map_corp .name{margin-left:10px;max-width:calc(100% - 80px)}
.detail_map .map_header_wrap .map_header_inner .header_col{display:flex;width:calc((100% - 237px)*.5);justify-content: center;;}
.detail_map .map_header_wrap .map_header_inner .header_col:nth-child(3){order:1;}
.detail_map .map_header_wrap .map_header_inner .header_col:nth-child(3) .map_header{background-color: var(--color-gr);}
.detail_map .map_header_wrap .map_header{position:relative;display:flex;padding:15px;background-color: var(--color-bl);border-radius:var(--round);font-size: 20px;font-weight:800;color:#fff;flex-direction: column;justify-content: center;align-items: center;z-index:1}
.detail_map .map_header_wrap .map_header .date,
.detail_map .map_header_wrap .map_header .bg{margin-top:10px;font-size:14px;font-weight:700;}
.detail_map .map_header_wrap .map_header .bg{position:relative;padding:5px;background-color: #e2f0ff;border-radius:4px;color:#000}
.detail_map .map_header_wrap .map_header .bg::after{content:'';position:absolute;top:calc(50% - 3px);right:-4px;width:6px;height:6px;background-color: #fff;border:1px solid var(--color-bl);border-radius:6px;}
.detail_map .list_wrap{display:flex;width:100%;margin-top:-237px;}
.detail_map .map_list{display:flex;width:50%;align-items:flex-start;}
.detail_map .map_list .cell_wrap{position:relative;display:flex;width:50%;flex-direction: column;gap:20px;align-items: flex-end;}
.detail_map .map_list .cell_wrap .intit{position:absolute;top:-40px;right:0;padding:5px 10px;background-color: var(--color-bl);border-radius:5px;font-size:14px;color:#fff;white-space: nowrap;}
.detail_map .map_list .cell_wrap .vbar{position:absolute;top:0;right:-20px;display:block;width:1px;height:calc(100% - 70px);background-color: #b1b1b1;}
.detail_map .map_list .cell_wrap .cell{position:relative;display:flex;padding:15px 20px;background-color: #fff;border:1px solid var(--color-bl);border-radius:var(--round);}
.detail_map .map_list .cell_wrap .cell.top{background-color: #e2f0ff;}
.detail_map .map_list .cell_wrap .cell::before,
.detail_map .map_list .cell_wrap .cell::after{content:'';position:absolute;top:50%;right:0;}
.detail_map .map_list .cell_wrap .cell::before{right:unset;left:100%;width:20px;height:1px;background-color: #b1b1b1;}
.detail_map .map_list .cell_wrap .cell::after{top:calc(50% - 4px);right:-4px;width:8px;height:8px;background-color: var(--color-bl);border-radius:100%;;}
.detail_map .map_list .cell_wrap .cell.top::after{background-color:#fff;border:1px solid var(--color-bl)}
.detail_map .map_list .cell_wrap .cell.top:not(:has(~ .cell.top)){margin-bottom:20px;}
.detail_map .map_list .cell_wrap .cell .sort{margin-left:-40px;margin-right:10px;}
.detail_map .map_list .cell_wrap .cell .txt_wrap{width:100%}
.detail_map .map_list .cell_wrap .cell .name{display:flex;font-size:16px;font-weight:800;}
.detail_map .map_list .cell_wrap .cell .name p{min-width:calc(100% - 60px);margin-right:5px;}
.detail_map .map_list .cell_wrap .cell .name .link{display:block;width:18px;height:18px;margin-left:5px;background: url(../../images/icon/ico_link.png) no-repeat 50% 50% / auto 15px; flex: 0 0 20px; }
.detail_map .map_list .cell_wrap .cell .name .link.link_show{background: url(../../images/icon/ico_detail.png) no-repeat 50% 50% / auto 18px;}
.detail_map .map_list .cell_wrap .cell .val{margin-top:10px;font-size:14px;font-weight:700;color:#666;}
.detail_map .map_list .cell_wrap .cell .val span:nth-child(2){padding-left:5px;margin-left:5px;border-left:1px solid #ddd}
.detail_map .map_list:nth-child(1){padding-right:122px;}
.detail_map .map_list:nth-child(1) .map_header_wrap{order:1}
.detail_map .map_list:nth-child(1) .map_header_wrap::before{left:unset;right:0;}
.detail_map .map_list:nth-child(2){padding-left:122px;justify-content: flex-end;}
.detail_map .map_list:nth-child(2) .cell_wrap{align-items:flex-start}
.detail_map .map_list:nth-child(2) .cell_wrap .vbar{right:unset;left:-20px}
.detail_map .map_list:nth-child(2) .cell_wrap .cell{border:1px solid var(--color-gr);}
.detail_map .map_list:nth-child(2) .cell_wrap .cell::before{left:unset;right:100%;}
.detail_map .map_list:nth-child(2) .cell_wrap .cell::after{right:unset;left:-4px;background-color: var(--color-gr);}
.detail_map .map_list:nth-child(2) .cell_wrap .cell .sort{margin-left:10px;margin-right:-40px;order:1;}
.detail_map .list_wrap .map_list .cell_wrap .cell:nth-child(n + 8){display:none}
.open .detail_map .list_wrap .map_list .cell_wrap .cell:nth-child(n + 8){display:flex}
.detail_map_wrap .btn_wrap{margin-top:20px;}
.detail_map_wrap .btn_wrap .btn_more{position:relative;display:flex;width:108px;height:38px;margin:0 auto;;padding-right:20px;background: #fff;border-radius:30px;;align-items:center;justify-content: center;font-size:14px;font-weight:800;color:#333;}
.detail_map_wrap .btn_wrap .btn_more::after{content:'';position:Absolute;top:calc(50% - 3px);right:20px;width:12px;height:7px;background: url(../../images/common/arr_more.png) no-repeat 50% 50%;}
.detail_map_wrap .btn_wrap .btn_more.v::after{transform:rotate(-180deg)}

.stock_info_box{display:flex;border-top:2px solid #333;border-bottom:1px solid var(--line_gr)}
.stock_info_box .info_box{width:455px;padding:45px 50px;background-color: #fafafa;}
.stock_info_box .info_box .sort_wrap{display:flex;gap:5px;margin-bottom:15px;}
.stock_info_box .info_box .sort_wrap .badge{padding:4px 5px;background-color:#fff;border:1px solid var(--line_gr);border-radius:4px;font-size:14px;font-weight:700;color:#333;}
.stock_info_box .info_box .name{margin-bottom:20px;font-size:27px;font-weight:800;}
.stock_info_box .info_box .rate_info .today{display:flex;margin-bottom:20px;font-size:54px;font-weight:800;}
.stock_info_box .info_box .rate_info .today span{position:relative;}
.stock_info_box .info_box .rate_info .today span::after{content:'';position:absolute;top:calc(50% - 4px);right:-30px;width:20px;border-top:4px solid #ddd;}
.stock_info_box .info_box .rate_info.up .today span::after{border-bottom:15px solid var(--color-up);border-top:none;border-left:10px solid transparent;border-right:10px solid transparent}
.stock_info_box .info_box .rate_info.down .today span::after{border-top:15px solid var(--color-down);border-bottom:none;border-left:10px solid transparent;border-right:10px solid transparent}
.stock_info_box .info_box .rate_info .no_exday{display:grid;font-size:16px;grid-template-columns: repeat(4, 1fr);grid-gap:20px}
.stock_info_box .info_box .rate_info .no_exday .point{color:#333;font-weight:700;text-align:right;}
.stock_info_box .info_box .rate_info .no_exday .point span{position:relative;padding-left:15px;}
.stock_info_box .info_box .rate_info .no_exday .point span::after{content:'';position:absolute;top:calc(50% - 1px);left:0;width:8px;border-top:2px solid #ddd}
.stock_info_box .info_box .rate_info .add_info{display:grid;margin-top:30px;font-size:15px;grid-template-columns: repeat(2, 1fr);grid-row-gap:10px;}
.stock_info_box .info_box .rate_info .add_info.col{margin-top:20px;grid-template-columns: repeat(4, 1fr);grid-column-gap: 20px;}
.stock_info_box .info_box .rate_info .add_info .point{margin-left:5px;font-weight:600;color:#000}
.stock_info_box .info_box .rate_info .add_info .point.up{color:var(--color-up)}
.stock_info_box .info_box .rate_info .add_info .point.down{color:var(--color-down)}
.stock_info_box .info_box .rate_info.up .no_exday .point{color:var(--color-up);font-weight:700;}
.stock_info_box .info_box .rate_info.up .no_exday .point span::after{top:calc(50% - 4px);border:4px solid transparent;border-top:none;border-bottom:8px solid var(--color-up)}
.stock_info_box .info_box .rate_info.down .no_exday .point{color:var(--color-down)}
.stock_info_box .info_box .rate_info.down .no_exday .point span::after{top:calc(50% - 4px);border:4px solid transparent;border-bottom:none;border-top:8px solid var(--color-down);}
.stock_info_box .graph_box{width:calc(100% - 455px);display:flex;padding:40px;align-items:center;justify-content: center;}
.stock_info_box .graph_box .source{font-size:13px;font-weight:400;color:#666;}
.stock_info_box .graph_box .chart{width:100%;overflow-y:auto}
#stock-chart{width:100%;min-width:600px;height:400px;margin:0 auto;}
.highcharts-visually-hidden{ display: none !important;}
.highcharts-tooltip-header text{fill: #fff !important; font-size: 14px !important; /* 글자 크기 */font-weight: bold !important;}
.highcharts-tooltip-header path{fill: #333 !important; font-size: 14px !important; /* 글자 크기 */font-weight: bold !important;}
.detail_table .table th,
.detail_table .table td{padding:15px;font-size:15px;}
.detail_table{overflow-x:auto}

.news_list{border-top:2px solid #333;}
.news_list a{display:flex;padding:20px 25px;border-bottom:1px solid var(--line_gr)}
.news_list .tit{font-size:15px;}
.news_list .date{margin-left:auto;font-size:15px;font-weight:300}

.detail_finance_item .finance_item_wrap .inner_wrap{justify-content:flex-start;gap:20px}
.detail_finance_item .finance_item_wrap .inner_wrap .finace_item{width:calc((100% - 100px)/4)}
.detail_finance_item .finance_item_wrap .inner_wrap .finace_item .val_wrap{margin-top:30px;}
.detail_rank .top_rank_wrap .top_rank{padding:0;background: none;border:1px solid var(--line_gr);}
.detail_rank .top_rank_wrap .top_rank .rank_title{padding:30px 50px 0 30px;box-sizing: content-box;}
.detail_rank .top_rank_wrap .top_rank .list_header{padding:0 30px}
.detail_rank .top_rank_wrap .top_rank .list_header .sm{color:#666}
.detail_rank .top_rank_wrap .top_rank .rank_list li{padding:0 30px;}
.detail_rank .top_rank_wrap .top_rank .rank_list li .num{background-color: #f3f3f3;border-width:0}
.detail_rank .top_rank_wrap .top_rank .rank_list li:first-child .data{font-weight:800;color:#2475ED}
.detail_rank .top_rank_wrap .top_rank .rank_list li.me{padding:30px;background-color:rgba(245,228,222,.2);border-top:1px dashed var(--line_gr)}
.detail_rank .top_rank_wrap .top_rank .rank_list li.me .num{background-color: rgba(244,169,141,.3);}
.detail_rank .top_rank_wrap .top_rank .rank_list li.me .bar_wrap{background-color: rgba(229,164,139,.5);}
.detail_rank .top_rank_wrap .top_rank .rank_list li.me .bar_wrap .bar{background: linear-gradient(to right, #FFDED2, #F29C7C);}

.detail_ai .top{margin-bottom:15px;padding:20px 30px;background-color: #f8f8f8;font-size:17px;font-weight: 700;border-radius:var(--round)}
.detail_ai .desc{font-size:15px;font-weight:400;line-height:1.5;}
.detail_ai .desc .tit{margin-bottom:5px;font-size:16px;font-weight:700;}


/* footer*/
.footer{padding:30px 0;background-color: #333;}
.footer .f_m_group{display:none;align-items:center;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.2);}
.footer .f_m_group ul{display:flex;}
.footer .f_m_group ul li{margin-left:30px}
.footer .f_m_group ul li:first-child{margin-left:0}
.footer .f_m_group ul li a{font-size:14px;font-weight:700;color:rgba(255,255,255,.6)}
.footer .f_m_group ul li.f_point a{color:#5296fc}
.footer .f_m_group .f_share_icons{display:flex;margin-left:auto;}
.footer .f_m_group .f_share_icons a{display:block;width:30px;height:30px;}
.footer .f_m_group .f_share_icons a.sns_youtube{background:url(../../images/icon/ico_sns_youtube.svg) no-repeat 50% 50%;}
.footer .f_m_group .f_share_icons a.sns_navertv{background:url(../../images/icon/ico_sns_navertv.svg) no-repeat 50% 50%;}
.footer .f_m_group .f_share_icons a.sns_kakaotv{background:url(../../images/icon/ico_sns_kakaotv.svg) no-repeat 50% 50%;}
.footer .f_m_group .f_share_icons a.sns_facebook{background:url(../../images/icon/ico_sns_facebook.svg) no-repeat 50% 50%;}
.footer .f_m_group .f_share_icons a.sns_naverblog{background:url(../../images/icon/ico_sns_blog.svg) no-repeat 50% 50%;}
.footer .f_m_group .f_share_icons a.sns_x{background:url(../../images/icon/ico_sns_x.svg) no-repeat 50% 50%;}
.footer .f_m_group .f_share_icons a.sns_instagram{background:url(../../images/icon/ico_sns_instagram.svg) no-repeat 50% 50%;}
/* .footer .foot_info{padding-top:30px;padding-left:170px;background: url(../../images/foot_logo.svg) no-repeat 0 30px;} */
.footer .foot_info{padding-top:0;padding-left:0;text-align:center;}
/* .footer .foot_info::before{content:'* 공시 원문 데이터의 누락·오류 또는 AI 분석 과정에서의 오차로 인해 일부 정보가 실제와 다를 수 있습니다.';font-size:14px;color:#ddd} */
.footer .foot_info p{display:flex;margin-bottom:10px;font-size:14px;color:#ddd;text-align:center;justify-content: center;align-items:flex-end;}
.footer .foot_info p img{margin-left:10px;}
/* .footer .foot_info p:not(.copyright){display:none} */
.footer .foot_info span{position:relative;padding-left:20px;margin-left:20px;font-size:13px;color:#C5C5C5}
.footer .foot_info span::after{content:'';position:absolute;top:calc(50% - 6px);left:0;width:1px;height:12px;background-color: rgba(255,255,255,.5);;}
.footer .foot_info span:first-child{padding-left:0;margin-left:0;}
.footer .foot_info span:first-child::after{content:none}
.footer .foot_info span strong{font-weight:400;color:#fff;}
.footer .foot_info .copyright{margin-top:30px;font-size:13px;color:#c5c5c5;justify-content: center;}

.modal_rank .rank_header{display:flex;margin-bottom:20px;align-items:center;}
.modal_rank .rank_header .rank_title{font-size:19px;font-weight:800;line-height:1.2;}
.modal_rank .rank_header .sm{margin-left:auto}
.modal_rank .chart{margin-bottom:20px;overflow-x:auto}
.modal_rank .chart #inRank{min-width:500px;}
.modal_rank .table_wrap{overflow-x:auto}
.modal_rank .table_wrap .table{min-width:400px}

.modal.modal_otrCprInvstmnt .modal_wrap .modal_inner{max-width:1400px}
.modal.modal_otrCprInvstmnt .table{min-width:1200px}

.modal_guide .modal_wrap .modal_inner,
.modal_pcguide .modal_wrap .modal_inner{width:100%;height:90vh;max-width:430px;max-height:680px;background-color: rgba(243,248,255,.9);}
.modal_guide .modal_wrap .modal_inner .modal_contents,
.modal_pcguide .modal_wrap .modal_inner .modal_contents{max-width:430px;height:90vh;max-height:90vh;padding:0;}
.modal_guide .modal_wrap .modal_inner .modal_contents h5,
.modal_pcguide .modal_wrap .modal_inner .modal_contents h5{margin:40px 0 30px;font-size:21px;font-weight:700;text-align:center;}
.modal_guide .modal_wrap .modal_inner .modal_contents .guide_wrap,
.modal_pcguide .modal_wrap .modal_inner .modal_contents .guide_wrap{height:calc(90vh - 130px);padding:0 30px}
.modal_guide .modal_wrap .modal_inner .modal_contents .swiper-container,
.modal_pcguide .modal_wrap .modal_inner .modal_contents .swiper-container{height:100%;padding:0 0 20px}
.modal_guide .modal_wrap .modal_inner .modal_contents .swiper-slide,
.modal_pcguide .modal_wrap .modal_inner .modal_contents .swiper-slide{display:flex;width:100% !important;padding:0 20px;justify-content: center;align-items:flex-start;overflow-y:auto;}
.modal_guide .modal_wrap .modal_inner .modal_contents .swiper-slide img,
.modal_pcguide .modal_wrap .modal_inner .modal_contents .swiper-slide img{height:auto;}
.modal_guide .modal_wrap .modal_inner .modal_contents .swiper-pagination,
.modal_pcguide .modal_wrap .modal_inner .modal_contents .swiper-pagination{bottom:20px;max-width:430px;}
.modal_guide .btn_modal_close,
.modal_pcguide .btn_modal_close{position:absolute;top:10px;right:10px;z-index:10}
.modal_guide .swiper-pagination,
.modal_pcguide .swiper-pagination{display:flex;width:100%;justify-content: center;gap:8px;}
.modal_guide .swiper-pagination .swiper-pagination-bullet-active,
.modal_pcguide .swiper-pagination .swiper-pagination-bullet-active{width:20px;background-color: #4584E0;border-radius:4px;;}

.modal_pcguide .modal_wrap .modal_inner{width:90vw;height:auto;max-width:935px;max-height:inherit;}
.modal_pcguide .modal_wrap .modal_inner .modal_contents{max-width:935px;height:auto;}
.modal_pcguide .modal_wrap .modal_inner .modal_contents .guide_wrap{height:630px}
.modal_pcguide .modal_wrap .modal_inner .modal_contents .swiper-pagination{max-width:935px}
.modal_pcguide .modal_wrap .modal_inner .modal_contents h5{margin:50px 0 40px;font-size:28px}


@media (hover: hover) {
    .atcmp_container .atcmp_list li:hover,
    .atcmp_container .atcmp_list li.active{background-color: #f0f0f0;}   
    .main_notice_today .table .btn:hover ,
    .detail_notice_today .table .btn:hover{background-color: #333;color: #fff;border:none;}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at top left, rgba(255,255,255,0.2), transparent 60%);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle:hover{box-shadow:3px 3px 15px rgba(0,0,0,.3);transition:.5s}
    .main_show_swiper .show_inner .map .map_wrap .cell .circle:hover::before{opacity:1;}
    .bot_btn_wrap .btn_rounded:hover::after,
    .top_btn_wrap .btn_rounded:hover::after{background-image: url(../../images/icon/arr_next_wh.svg)}
    .news_list a:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}
    .news_list a:hover .tit{color:var(--color-bl)}
    .detail_table .table td:hover{color:var(--color-bl);box-shadow:0 0 10px rgba(0,0,0,.1)}

    .main_show_swiper .show_inner .map .map_wrap .inner_circle:hover{z-index:10}
}

/* 💻 FHD 데스크탑 (1280px ~ 1400px) */
@media (max-width: 1400px) {
    .contents section,
    .detailpage .contents section{margin:80px 0 100px}
    .contents section.detail_top{margin-top:120px;}
    .container{max-width:100%}
    .detail_top .srch_box .srch_wrap{margin-top:200px}
    #etoday .swiper-button-next, 
    #etoday .swiper-button-prev{top:0;margin-top:0;}
    #etoday .swiper-button-next{right:0;}
    #etoday .swiper-button-prev{left:unset;right:60px;}
    #etoday .showcase .swiper-button-next, 
    #etoday .showcase .swiper-button-prev{top:50%;margin-top:-25px;}
    .srch_box .srch_wrap .srch_ipt_wrap .input{width:350px}
    .main_show_swiper .show_inner h2{border-radius:15px;padding:15px;}
    .main_show_swiper .show_inner h2 .sort{width:35px;height:35px;}
    .main_show_swiper .show_inner h2 .name{max-width:calc(100% - 110px);margin-right:10px;font-size:19px;}
    .main_show_swiper .show_inner h2 .link{margin-left:5px;}
    .main_show_swiper .show_inner h2 .link,
    .main_show_swiper .show_inner h2 .link.link_show{background-size:auto 18px}
    .main_notice_today .srch_box .ipt_group:first-child,
    .detail_notice_today .srch_box .ipt_group:first-child{margin-left:0;}
    .main_notice_today .srch_box .ipt_group .ipt_txt,
    .detail_notice_today.srch_box .ipt_group .ipt_txt{margin-right:20px;}
    #etoday .main_ranking .swiper-button-next,
    #etoday .main_ranking .swiper-button-prev{display:none}
    .contents section.main_ranking{padding:80px 0 100px}
    .detail_top h2 .name{font-size:38px;}
    .detail_top h2 .btn_srch{width:50px;height:50px;}
    .detail_map_wrap .top_btn_wrap{margin-bottom:30px;}
    .corp_box_wrap .corp_box{padding:30px 0;}
    .corp_box_wrap .corp_box .col{width:60%;padding:0 30px;}
    .corp_box_wrap .corp_box .col:first-child{width:40%}
    .corp_box_wrap .corp_box .col dt{width:80px;height:36px;font-size:14px;}
    .corp_box_wrap .corp_box .col dd{font-size:16px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .val{font-size:16px;}
    .detail_map .map_corp{font-size:21px;}
    .detail_map .map_header_wrap .map_header{font-size:18px;}
    .detail_top .srch_box .srch_wrap{margin-top:200px}
}

/* 💻 일반 데스크탑 (1024px ~ 1279px) */
@media (max-width: 1279px) {
    h3{font-size:30px}
    .contents section,
    .detailpage .contents section{margin:70px 0 90px}
    .contents section.detail_top{margin-top:110px;}
    .detail_top .srch_box .srch_wrap{margin-top:170px}
    #etoday .swiper-button-next, 
    #etoday .swiper-button-prev{width:40px;height:40px;}
    #etoday .swiper-button-prev{right:50px;}

    .headerWrap .header_contents_wrap{padding:25px 30px}
    .headerWrap .header_contents_wrap .nav .menu{margin-top:150px;}
    .headerWrap .header_contents_wrap .nav .menu li a{font-size:3vw}
    
    #etoday .showcase .swiper-button-next, 
    #etoday .showcase .swiper-button-prev{display:none}
    .showcase .viewbox .srch_box{top:20px;left:unset;right:100px;transform:none}
    .openmenu .showcase .viewbox .srch_box{top:50px;right:50%;transform:translateX(50%)}
    .main_show_swiper .show_inner h2{padding:15px 20px;}
    .main_show_swiper .show_inner h2 .sort{width:30px;height:30px;}
    .main_show_swiper .show_inner h2 .name{font-size:18px;}
    h3{margin-bottom:40px;font-size:32px}
    .main_dashboard .card .card_header{padding:30px}
    .main_dashboard .card .card_body{padding:30px 30px 35px;}
    .main_dashboard .card .card_body .inner{width:calc(50% - 10px)}
    .finance_item_wrap{gap:10px;}
    .main_notice_today .table_srch_box{padding:15px 30px;}
    .main_notice_today .table_srch_box .ipt_group:first-child{width:calc(100% - 560px)}
    .main_notice_today .table_srch_box .ipt_group .ipt_txt{font-size:15px;}
    .main_notice_today .table_srch_box .ipt_group .input{width:150px;}
    .main_notice_today .table_srch_box .ipt_group .input.md{width:calc(100% - 80px);}
    .main_notice_today .table_srch_box .btn{margin-left:10px}
    .contents section.main_ranking{padding:70px 0 90px}
     .detail_top .srch_box .srch_wrap{margin-top:180px}
    .detail_top h2 .name{font-size:32px;}
    .detail_top h2 .btn_srch{width:42px;height:42px;background-size:19px auto;}
    .corp_box_wrap .corp_box .col dl{gap:20px;}
    .corp_box_wrap .corp_box .col .chart_wrap{width:calc(100% - 105px)}
    .detail_map_wrap{padding:50px 0 30px}
    .detail_map_wrap .top_btn_wrap{margin-bottom:20px;}
    .detail_map .map_corp{width:200px;height:200px;font-size:17px;}
    .detail_map .map_header_wrap .map_header{font-size:17px;}
    .detail_map .map_header_wrap .map_header .bg,
    .detail_map .map_header_wrap .map_header .date{font-size:13px;}
    .detail_map .map_header_wrap .map_header_inner{width:calc((100% - 200px)*.5 + 184px)}
    .detail_map .map_header_wrap .map_header_inner .header_col{width:calc((100% - 200px)*.5)}
    .detail_map .list_wrap{margin-top:-200px;}
    .detail_map .map_list .cell_wrap .cell{padding:10px 15px;}
    .detail_map .map_list .cell_wrap .cell .sort{width:32px;height:32px;margin-left:-32px;}
    .detail_map .map_list:nth-child(2) .cell_wrap .cell .sort{margin-right:-32px;}
    .detail_map .map_list .cell_wrap .cell .name{font-size:15px;line-height:1.2;}
    .detail_map .map_list .cell_wrap .cell .val{margin-top:5px;font-size:13px;}
    .detail_map_wrap .btn_wrap{margin-top:15px;}
    .stock_info_box .info_box{width:430px;padding:40px 50px;}
    .stock_info_box .info_box .name{font-size:25px;}
    .stock_info_box .info_box .rate_info .today{font-size:48px}
    .stock_info_box .graph_box{width:calc(100% - 430px)}

    .footer .f_m_group{flex-direction: column;align-items: flex-start;}
    .footer .f_m_group .f_share_icons{margin-left:0;margin-top:20px;}


}

/* 📱 태블릿 가로 및 작은 데스크탑 (768px ~ 1023px) */
@media (max-width: 1023px) {
    .contents section,
    .detailpage .contents section{margin:50px 0 70px}
    .contents section.detail_top{margin-top:90px;}
    h3{margin-bottom:27px;}
    .headerWrap{position:fixed;z-index:999}
    .scrolled:not(.openmenu) .headerWrap{background-color: rgba(255,255,255,.7);backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);  /* Safari 지원 */}
    .headerWrap .header_contents_wrap{padding:20px 30px;}
    .headerWrap .header_contents_wrap .logo a{width:100px;background-size: 100% auto;}
    .openmenu .headerWrap .header_contents_wrap .logo{position:relative;z-index:10000;padding-top:20px;}
    .openmenu .headerWrap .header_contents_wrap .logo a{background:url(../../images/logo_wh.png) no-repeat 0 0 / 100% auto;}
    
    .headerWrap .header_contents_wrap .header_desc{font-size:13px;}
    .headerWrap .header_contents_wrap .nav .menu .guide{display:block}
    .headerWrap .header_contents_wrap .nav .menu .pcguide{display:none}
    .scrolled .headerWrap .header_contents_wrap{padding:10px 30px;}
    .showcase .viewbox .srch_box{top:80px;right:30px;width:calc(100% - 60px)}
    .openmenu .showcase .viewbox .srch_box{position:fixed;top:80px;z-index:10000}
    .openmenu .detail_top .srch_box{top:80px;}
    .srch_box .srch_wrap{width:100%}
    .srch_box .srch_wrap .srch_ipt_wrap .input{width:100%;font-size:14px;}
    .contents section.showcase{height:auto;}
    .contents section.showcase .viewbox{padding-top:130px;}
    .main_show_swiper .show_inner{flex-direction: column;}
    .main_show_swiper .show_inner h2{position:relative;top:unset;left:unset;order:1;transform:none;}
    .main_show_swiper .show_inner h2 .date{width:100%;}
    .bot_btn_wrap{width:calc(100% - 60px);justify-content: center;}
    .scrollani{position:fixed;bottom:20px;left:20px;width:26px;height:35px;}
    .scrollani .arrow{width:6px;height:6px;border-width:1px;}
    @keyframes arrowBounce {
        0%, 100% { transform: translateY(-3px) rotate(-45deg); opacity: 1; }
        50% { transform: translateY(3px) rotate(-45deg); opacity: 0.5; }
    }
    .main_show_swiper .swiper-pagination{bottom:90px;}
    .main_dashboard .card .card_header{padding:20px 30px;}
    .main_dashboard .card .card_header .name{font-size:18px}
    .main_dashboard .card .card_body{flex-direction: column;}
    .main_dashboard .card .card_body .inner{width:100%;margin-top:30px;}
    .main_dashboard .card .card_body .inner:first-child{margin-top:0}
    .main_dashboard .card .card_body .inner .card_title{font-size:18px;}
    .main_dashboard .card .card_body .inner .card_title .sm{font-size:13px}
    .finance_item_wrap .finace_item .y{font-size:15px}
    .finance_item_wrap .finace_item .val_wrap dt{font-size:14px;}
    .finance_item_wrap .finace_item .val_wrap dd{font-size:21px;}
    .main_dashboard .card .card_body .inner .shareholder_list{padding:30px;row-gap:20px;}
    .main_dashboard .card .card_body .inner .shareholder_list li .per{font-size:21px;}
    .main_notice_today .table_srch_box{padding:20px 30px 15px;align-items:flex-end}
    .main_notice_today .table_srch_box .sel_layPop{left:0}
    .main_notice_today .table_srch_box .ipt_group{width:calc(65% - 140px);flex-wrap:wrap}
    .main_notice_today .table_srch_box .ipt_group:first-child{width:35%;margin-left:0;}
    .main_notice_today .table_srch_box .ipt_group .ipt_txt{width:100%;margin-right:0;margin-bottom:10px;font-size:14px;}
    .main_notice_today .table_srch_box .ipt_group .datepicker_wrap{width:calc(50% - 15px)}
    .main_notice_today .table_srch_box .ipt_group .datepicker_wrap .input{width:100%}
    .main_notice_today .table_srch_box .ipt_group .input.md{width:100%;}
    .top_rank_wrap{flex-direction: column;}
    .top_rank_wrap .top_rank{width:100%;margin-top:30px;}
    .top_rank_wrap .top_rank:first-child{margin-top:0;}
    .contents section.main_ranking{padding:50px 0 70px}
    .main_ranking .top_rank_wrap .top_rank .rank_title{padding-right:30px;font-size:18px}
    .main_ranking .top_rank_wrap .top_rank .list_header .sm{font-size:13px;}
    .main_ranking .top_rank_wrap .top_rank .rank_list li .num{width:25px;height:25px;font-size:13px;}
    .main_ranking .top_rank_wrap .top_rank .rank_list li .name{font-size:14px;}
    .main_ranking .top_rank_wrap .top_rank .rank_list li .data{font-size:14px;}
    .main_ranking .bot_rank_wrap .swiper-slide .tit{font-size:18px}
    .detail_top h2 .name{font-size:28px}
    .corp_box_wrap .corp_box{flex-wrap:wrap}
    .corp_box_wrap .corp_box .col,
    .corp_box_wrap .corp_box .col:first-child{width:100%;}
    .corp_box_wrap .corp_box .col:first-child{border:none;margin-bottom:30px;}
    .corp_box_wrap .corp_box .col dd.ceo{padding-top:10px;}
    .corp_box_wrap .corp_box .col dt{width:70px;height:32px;font-size:13px;}
    .corp_box_wrap .corp_box .col dd{font-size:15px;}
    .corp_box_wrap .corp_box .col ul li{font-size:14px;}
    #topChart{width:auto;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap{margin-left:auto;flex:0 0 auto}
    .detail_top .srch_box .srch_wrap{width:calc(100% - 60px);margin-top:85px;}
    .detail_top h2 .btn_srch{margin-left:15px;}
    .detailpage h3 .date{font-size:13px;}
    .corp_box_wrap .corp_box .col .chart_wrap{flex-direction: column;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap{margin-left:0;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap ul{display:grid;grid-template-columns: 1fr 1fr;grid-gap:20px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap ul li{margin-top:0;}

    
    .detail_map_wrap{padding:40px 0 30px;}
    .detail_map .map_header_wrap{position:static;padding-bottom:20px;}
    .detail_map .map_corp{position:absolute;top:0;left:50%;transform: translateX(-50%);}
    .detail_map .map_header_wrap .map_header{font-size:15px;}
    .detail_map .map_header_wrap .map_header_inner{position:relative;width:100%;flex-wrap:nowrap;padding-top:150px;gap:20px;}
    .detail_map .map_header_wrap .map_header_inner::before{top:100px;left:calc(25% - 4px);display:block;width:calc(50% + 8px);}
    .detail_map .map_header_wrap .map_header_inner .header_col{position:relative;width:50%;}
    .detail_map .map_header_wrap .map_header_inner .header_col::before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:50px;background-color: #b1b1b1;}
    .detail_map .map_list .cell_wrap .cell{width:100%;align-items:center;justify-content: center;gap:20px}
    .detail_map .map_list .cell_wrap .cell .sort{position:absolute;top:calc(50% - 18px);left:-18px;margin:0;}
    .detail_map .map_list:nth-child(2) .cell_wrap .cell .sort{left:unset;right:-18px;margin:0;}
    .detail_map .map_list .cell_wrap .cell::after{top:-4px;right:calc(50% - 2px)}
    .detail_map .map_list .cell_wrap .cell::before{left:calc(50% - 2px);top:-22px;width:1px;height:22px;}
    .detail_map .map_list:nth-child(2) .cell_wrap .cell::after{right:unset;left:calc(50% - 2px)}
    .detail_map .map_list:nth-child(2) .cell_wrap .cell::before{right:calc(50% - 2px);}
    .detail_map .map_list .cell_wrap .cell .name{width:100%;padding-top:5px;flex-wrap:wrap;justify-content: center;;}
    .detail_map .map_list .cell_wrap .cell .name p{width:100%;margin:0 0 5px;text-align:center;}
    .detail_map .map_list .cell_wrap .cell .val{text-align:center;margin-top:10px;}
    .detail_map .map_list .cell_wrap .vbar{display: none;}
    .detail_map .map_list .cell_wrap .vbar + .cell.top{margin-top:40px;}
    .detail_map .map_list .cell_wrap .intit{right:50%;transform:translateX(50%)}
    .detail_map .map_list .cell_wrap .cell.top:not(:has(~ .cell.top)){margin-bottom:0}
    .detail_map .map_list .cell_wrap .cell.top + .cell:not(.top)::before{content:none}
    .detail_map .list_wrap{margin-top:0}
    .detail_map .map_list:nth-child(2),
    .detail_map .map_list:nth-child(1){padding:0;width:100%;align-items:flex-start;justify-content: center;}
    .detail_map .list_wrap{gap:20px;}
    .detail_map .map_list .cell_wrap{width:100%;}
    .stock_info_box{flex-direction: column;}
    .stock_info_box .info_box,
    .stock_info_box .graph_box{width:100%;}
    .stock_info_box .info_box .sort_wrap .badge{font-size:13px;}
    .stock_info_box .info_box .name{margin-bottom:15px;font-size:21px;}
    .stock_info_box .info_box .rate_info .today{margin-bottom:15px;font-size:42px;}
    .stock_info_box .info_box .rate_info .add_info,
    .stock_info_box .info_box .rate_info .no_exday{font-size:14px;}
    .stock_info_box .info_box .rate_info .add_info .point{text-align:right;}
    .stock_info_box .graph_box{padding:40px 50px;justify-content: flex-start;}
    .stock_info_box .info_box .rate_info .today span::after{right:-25px;width:12px;border-top-width:3px;}
    .stock_info_box .info_box .rate_info.up .today span::after{border-bottom:10px solid var(--color-up);border-top:none;border-left:6px solid transparent;border-right:6px solid transparent}
    .stock_info_box .info_box .rate_info.down .today span::after{border-top:10px solid var(--color-down);border-bottom:none;border-left:6px solid transparent;border-right:6px solid transparent}
    .stock_info_box .info_box .rate_info.up .no_exday .point span::after{border-bottom:6px solid var(--color-up)}
    .stock_info_box .info_box .rate_info.down .no_exday .point span::after{border-top:6px solid var(--color-down)}
    .detail_table .table,
    .detail_table .table thead,
    .detail_table .table thead tr{display:flex;}
    .detail_table .table thead{position:relative;width:400px;border-right:1px solid var(--line_gr)}
    .detail_table .table thead tr{width:100%;flex-direction: column;}
    .detail_table .table thead tr th{display:flex;height:50px;align-items:center;justify-content: center;}
    .detail_table .table tr th,
    .detail_table .table tr td{border:none;border-bottom:1px solid var(--line_gr)}
    .detail_table .table thead tr .h2{height:100px;}
    .detail_table .table thead tr .h4{height:200px;}
    .detail_table .table thead tr .wfull{width:100%;}
    .detail_table .table thead tr .whalf{width:50%;}
    .detail_table .table thead tr .wthr{width:134px}
    .detail_table .table thead tr:not(:first-child){position:absolute;}
    .detail_table .table tbody{width:calc(100% - 400px);overflow-x:auto;white-space:nowrap;font-size:0;}
    .detail_table .table tbody tr{display:inline-block;width:200px;flex-direction: column;}
    .detail_table .table.line tbody tr td{display:flex;height:50px;border-left:1px solid var(--line_gr);align-items:center;justify-content: center;}
    .detail_table .table.line tbody tr td.h2{height:100px}
    .detail_table .table.line tbody tr:first-child td{border-left:none;}
    .detail_table .table tbody tr td.left{text-align:center;}
    .detail_table .table.line tbody tr td{word-break:break-all;white-space: normal;}
    .shareholder_table .table thead tr.addth{top:150px;left:200px;width:200px;}
    .detail_table .table thead tr.addth th{border-left:1px solid var(--line_gr)}
    .affiliated_change_table .table thead tr.addth{top:250px;left:134px;width:133px;}
    .affiliated_change_table .table thead tr.addth:last-child{left:267px;width:133px}
    .detail_finance_item .finance_item_wrap{overflow-x:auto;}
    .detail_finance_item .finance_item_wrap .inner_wrap{gap:10px;}
    .detail_finance_item .finance_item_wrap .inner_wrap .finace_item{width:calc((100% - 40px)/5);padding:20px;}
    .detail_notice_today .table td{font-size:15px;}
    .detailpage h3 .badge{font-size:15px;}
    .detail_rank .top_rank_wrap .top_rank .rank_list li .num{width:25px;height:25px;font-size:13px;}
    .detail_ai .top{font-size:16px;}
    .detail_ai .desc .tit{font-size:15px;}
    .detail_ai .desc{font-size:14px;}
    .footer .f_m_group{padding-bottom:20px;}
    .footer .f_m_group ul{flex-wrap:wrap;gap:15px;}
    .footer .f_m_group ul li{margin-left:0}
    .footer .f_m_group ul li a{font-size:13px;}
    .footer .foot_info{padding:0 0 0;background-position: 0 20px;background-size: auto 20px;}

    .modal_rank .rank_header .rank_title{font-size:15px}
    .modal_rank .rank_header .sm{font-size:13px;}
}

/* 📱 태블릿 세로 (600px ~ 767px) */
@media (max-width: 767px) {
    .main_show_swiper .show_inner h2 .name{font-size:16px;}
    .headerWrap .header_contents_wrap .nav .menu{margin-top:150px;max-height:calc(100vh - 170px);overflow-y:auto}
    .headerWrap .header_contents_wrap .nav .menu li a{font-size:5vw;}
    #etoday .swiper-button-next, #etoday .swiper-button-prev{width:35px;height:35px;border-width:1px;}
    #etoday .swiper-button-prev{right:40px;}
    h3{margin-bottom:20px;font-size:24px;text-align:left;}
    .contents section.showcase{padding-top:0;}
    .srch_box .srch_wrap .srch_ipt_wrap .input{height:40px;}
    .main_dashboard .card{border:none}
    .main_dashboard .card .card_header{padding:20px;border:1px solid var(--line_gr)}
    .main_dashboard .card .card_header .tit{font-size:13px;}
    .main_dashboard .card .card_header .name{margin-left:10px;font-size:16px;}
    .main_dashboard .card .card_header .btn_txt{font-size:12px;}
    .main_dashboard .card .card_body{padding:30px 0 0}
    .main_dashboard .card .card_body .inner .card_title{margin-bottom:15px;font-size:16px;}
    .finance_item_wrap .finace_item{padding:20px;}
    .finance_item_wrap .finace_item .y{font-size:14px}
    .finance_item_wrap .finace_item .val_wrap dt{font-size:13px;}
    .finance_item_wrap .finace_item .val_wrap dd{font-size:18px}
    .main_dashboard .card .card_body .inner .shareholder_list{padding:20px;}
    .main_dashboard .card .card_body .inner .shareholder_list li .bar_wrap{height:16px}
    .main_dashboard .card .card_body .inner .shareholder_list li .per{font-size:18px;}
    .main_dashboard .card .card_body .inner .shareholder_list li .sh_name{font-size:14px;}
    .main_notice_today .table_srch_box{padding:15px 20px;margin-bottom:20px;flex-wrap:wrap}
    .main_notice_today .table_srch_box .ipt_group,
    .main_notice_today .table_srch_box .ipt_group:first-child{width:100%}
    .main_notice_today .table_srch_box .ipt_group:first-child{margin-left:0;}
    .main_notice_today .table_srch_box .ipt_group{margin-bottom:15px;}
    .main_notice_today .table_srch_box .btn{width:100%;margin-left:0;}
    .main_notice_today .table thead,
    .main_notice_today .table th,
    .main_notice_today .table td:nth-child(1),
    .detail_notice_today .table thead,
    .detail_notice_today .table th,
    .detail_notice_today .table td:nth-child(1){display: none;}
    .main_notice_today .table,
    .main_notice_today .table tbody,
    .main_notice_today .table th,
    .main_notice_today .table td,
    .detail_notice_today .table,
    .detail_notice_today .table tbody,
    .detail_notice_today .table th,
    .detail_notice_today .table td{display:block;}
    .main_notice_today .table th,
    .main_notice_today .table td,
    .detail_notice_today .table th,
    .detail_notice_today .table td{padding:0;border-bottom:none;}
    .main_notice_today .table tr,
    .detail_notice_today .table tr{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:15px 20px;border-bottom:1px solid var(--line_gr)}
    .main_notice_today .table td:not(:nth-child(2)),
    .detail_notice_today .table td:not(:nth-child(2)){position:relative;color:#666;padding-left:10px;margin-left:10px;}
    .main_notice_today .table td:not(:nth-child(2))::after,
    .detail_notice_today .table td:not(:nth-child(2))::after{content:'';position:absolute;top:calc(50% - 5px);left:0;width:1px;height:10px;background-color: #ddd;}
    .main_notice_today .table td:nth-child(3),
    .main_notice_today .table td:nth-child(5),
    .detail_notice_today .table td:nth-child(3),
    .detail_notice_today .table td:nth-child(5){padding-left:0;margin-left:0;}
    .main_notice_today .table td:nth-child(3)::after,
    .main_notice_today .table td:nth-child(4)::after,
    .main_notice_today .table td:nth-child(5)::after,
    .detail_notice_today .table td:nth-child(3)::after,
    .detail_notice_today .table td:nth-child(4)::after,
    .detail_notice_today .table td:nth-child(5)::after{content:none}
    .main_notice_today .table td:nth-child(2),
    .detail_notice_today .table td:nth-child(2){order:1;width:100%;margin-top:10px;text-align:left;}
    .main_notice_today .table td:nth-child(3),
    .detail_notice_today .table td:nth-child(3){order:1;width:100%;margin-top:5px;padding-right:30px;font-size:15px;text-align:left;}
    .main_notice_today .table td:nth-child(4),
    .detail_notice_today .table td:nth-child(4){position:absolute;top:calc(50% - 15px);right:10px;}
    .top_rank_wrap .top_rank .rank_title{font-size:16px}
    .top_rank_wrap .top_rank .rank_title br{display:none}
    .top_rank_wrap .top_rank .rank_list li .name{width:80px;font-size:13px;}
    .top_rank_wrap .top_rank .rank_list li .data{font-size:13px}
    .rankk_title{margin-bottom:10px;white-space:normal;font-size:15px;line-height:1.3}
    .main_ranking .top_rank_wrap .top_rank .rank_title{font-size:16px;}
    .main_ranking .top_rank_wrap .top_rank .list_header .sm{font-size:11px;}
    .main_ranking .bot_rank_wrap .swiper-slide .tit{font-size:16px;}
    .main_ranking .bot_rank_wrap .swiper-slide .date{margin-bottom:20px;font-size:13px;}
    .detailpage h3 .badge{padding:7px 10px;font-size:14px;}
    .detail_top h2 .name{font-size:26px;}
    .detail_top h2 .btn_srch{width:38px;height:38px;}
    .detailpage h3{font-size:24px;}
    .corp_box_wrap .corp_box{padding:20px;}
    .corp_box_wrap .corp_box .col{padding:0;}
    .corp_box_wrap .corp_box .col dt{width:65px;}
    .corp_box_wrap .corp_box .col dl{gap:20px;}
    .corp_box_wrap .corp_box .col dd{font-size:14px;}
    .corp_box_wrap .corp_box .col ul li{font-size:13px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li{padding-left:15px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .dot{top:2px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .name{font-size:13px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .val{font-size:15px;}
    .detail_map_wrap{padding:30px 0;overflow-x:hidden}
    .detail_map_wrap .top_btn_wrap{width:100%;margin-bottom:30px;}
    .detail_map_wrap .top_btn_wrap .btn{width:50%;}
    .detail_map .map_header_wrap .map_header_inner{padding-top:220px;}
    .detail_map .map_header_wrap .map_header_inner .header_col::before{height:120px}
    .detail_table .table th, 
    .detail_table .table.line tbody tr td{display:flex;padding:10px;font-size:14px;align-items:center;justify-content: center;}
    .detail_table .table thead{width:200px;}
    .shareholder_table .table thead tr.addth{left:100px;width:100px;}
    .detail_table .table tbody{width:calc(100% - 200px)}
    .shareholder_table .table thead tr:first-child th:last-child{height:100px;}
    .shareholder_table .table tbody tr,
    .affiliated_change_table .table tbody tr{width:170px;}
    .shareholder_table .table tbody tr td:last-child{height:100px;}
    .detail_notice_today .table td{font-size:14px;}
    .detail_table .table thead tr .wthr{width:67px}
    .affiliated_change_table .table thead tr.addth{left:67px;width:66px;}
    .affiliated_change_table .table thead tr.addth:last-child{left:133px;width:66px;}
    .stock_info_box .info_box, 
    .stock_info_box .graph_box{padding:30px;}
    .stock_info_box .info_box .name{font-size:18px;}
    .stock_info_box .info_box .rate_info .today{font-size:38px;}
    .stock_info_box .info_box .rate_info .today span::after{right:-20px;width:10px}
    .stock_info_box .info_box .rate_info.up .today span::after{border-bottom:10px solid var(--color-up);border-top:none;border-left:6px solid transparent;border-right:6px solid transparent}
    .stock_info_box .info_box .rate_info.down .today span::after{border-top:10px solid var(--color-down);border-bottom:none;border-left:6px solid transparent;border-right:6px solid transparent}
    .news_list a{padding:15px 20px;flex-direction: column;}
    .news_list .tit{margin-top:10px;order:1;}
    .news_list .date{margin-left:0;font-size:14px;}
    .detail_finance_item .finance_item_wrap{width:calc(100% + 60px);margin-left:-30px;padding:0 30px;overflow-x:auto;}
    .detail_finance_item .finance_item_wrap .inner_wrap{display:inline-block;white-space:nowrap;font-size:0;}
    .detail_finance_item .finance_item_wrap .inner_wrap .finace_item{display:inline-block;width:140px;margin-left:10px;}
    .detail_finance_item .finance_item_wrap .finace_item:first-child{margin-left:0;}
    .detail_ai .top{font-size:15px;}
    .detail_ai .desc .tit{font-size:14px;}
    .detail_ai .desc{font-size:13px;}
    .footer .foot_info p{font-size:13px;line-height:1.5;flex-wrap:wrap}
    .footer .foot_info .copyright{margin-top:20px;}
    .footer .foot_info span:nth-child(5),
    .footer .foot_info span:nth-child(6){margin-top:0;}
    /* .footer .foot_info p:nth-child(2){display:grid; width: fit-content;grid-template-columns: auto auto;} */
    .modal_guide .modal_wrap .modal_inner{height:100vh;max-width:100%;max-height:inherit;border-radius:0;}
    .modal_guide .modal_wrap .modal_inner .modal_contents{height:100vh;max-height:100vh;margin:0 auto}
    .modal_guide .modal_wrap .modal_inner .modal_contents h5{margin:50px 0 30px}
    .modal_guide .modal_wrap .modal_inner .modal_contents .guide_wrap{height:calc(100vh - 150px);padding:0}
    
}


/* 📱 모바일 (최대 599px) */
@media (max-width: 599px) {
    :root{
        --round:5px;
    }
    .contents section,
    .detailpage .contents section{margin:30px 0 40px}
    .contents section.detail_top{margin-top:90px;}
    .container{padding:0 20px;}
    h3{margin-bottom:15px;font-size:21px;}
    #etoday .swiper-button-next, 
    #etoday .swiper-button-prev{margin-top:-10px;}
    .headerWrap .header_contents_wrap{padding:20px;}
    .scrolled .headerWrap .header_contents_wrap{padding:10px 20px;}
    .openmenu .headerWrap .header_contents_wrap .logo{padding-top:0px;}
    .openmenu .detail_top .srch_box{top:70px}
    .headerWrap .header_contents_wrap .nav .menu{margin-top:130px;max-height:calc(100vh - 155px);}
    .headerWrap .header_contents_wrap .logo a{width:80px;height:22px;}
    .headerWrap .header_contents_wrap .header_desc{padding-right:10px;;font-size:12px;margin-left:5px;word-break: keep-all;}
    .headerWrap .header_contents_wrap .btn_menu{width:26px}
    .openmenu .headerWrap .header_contents_wrap .btn_menu{top:20px;right:20px;}
    .srch_box .srch_wrap .srch_ipt_wrap .input{background-size:auto 20px;background-position: right 10px top 50%;}
    .showcase .viewbox .srch_box{top:70px;right:20px;width:calc(100% - 40px)}
    .main_show_swiper .show_inner h2{padding:10px 15px}
    .main_show_swiper .show_inner h2 .name{font-size:15px;}
    .main_dashboard .container{padding:0;}
    .main_dashboard .swiper-container{padding:0 20px;}
    #etoday .mdashSwiper .swiper-button-next,
    #etoday .mdashSwiper .swiper-button-prev{width:30px;height:30px;margin-top:-5px;background-size: 8px auto;}
    #etoday .mdashSwiper .swiper-button-next{right:20px;} 
    #etoday .mdashSwiper .swiper-button-prev{right:56px}
    .main_dashboard .card .card_header .tit{font-size:12px;}
    .main_dashboard .card .card_header .name{font-size:15px;}
    .main_dashboard .card .card_body{padding-top:20px;}
    .main_dashboard .card .card_body .inner .card_title{font-size:15px;}
    .main_dashboard .card .card_body .inner .card_title .sm{font-size:12px;}
    .finance_item_wrap{width:calc(100% + 40px);margin-left:-20px;padding:0 20px;overflow-y:auto;}
    .finance_item_wrap .inner_wrap{display:inline-block;white-space: nowrap;font-size:0;}
    .finance_item_wrap .finace_item{display:inline-block;width:140px;margin-left:10px;}
    .finance_item_wrap .finace_item:first-child{margin-left:0}
    .finance_item_wrap .finace_item .y{font-size:13px;}
    .finance_item_wrap .finace_item .val_wrap dt{font-size:12px;}
    .finance_item_wrap .finace_item .val_wrap dd{font-size:17px}
    .contents section.main_ranking{padding:40px 0 50px}

    .main_notice_today .table_srch_box .sel_layPop .btn_close{top:-40px;right:0}
    .main_notice_today .table td:nth-child(3), .detail_notice_today .table td:nth-child(3){font-size:14px}
    .date-picker-wrapper .month-wrapper{width:230px;}
    .date-picker-wrapper .month-wrapper table{width:210px;}
    .date-picker-wrapper .month-wrapper table .day{width:30px;height:30px;}
    .top_rank_wrap .top_rank{padding:20px;vertical-align:top;}
    .top_rank_wrap .top_rank .rank_title{font-size:15px}
    .top_rank_wrap .top_rank .list_header .sm{font-size:12px;}
    .top_rank_scroll{width:calc(100% + 40px);margin-left:-20px;overflow-y:auto;padding:0 20px;}
    .top_rank_wrap{display:inline-block;white-space: nowrap;}
    .top_rank_wrap .top_rank{display:inline-block;width:calc(100vw - 100px);margin-left:20px;margin-top:0;}
    .top_rank_wrap .top_rank:first-child{margin-left:0;}
    .top_rank_wrap .top_rank .rank_list li{flex-wrap:wrap;margin-top:15px;}
    .top_rank_wrap .top_rank .rank_list li .num{font-size:12px;}
    .top_rank_wrap .top_rank .rank_list li .bar_wrap{width:100%;order:1;margin:5px 0 0 35px;padding:0 10px;}
    .top_rank_wrap .top_rank .rank_list li .bar_wrap .bar{top:-2px;height:6px;}
    .main_ranking .bot_rank_wrap{width:calc(100% + 20px);}
    .main_ranking .bot_rank_wrap .swiper-container{padding-right:100px}
    .main_ranking .bot_rank_wrap .swiper-slide{padding:20px;}
    .main_ranking .bot_rank_wrap .swiper-slide .tit{font-size:15px;}
    .main_ranking .bot_rank_wrap .swiper-slide .date{margin-bottom:10px;font-size:12px;}
    .main_ranking .top_rank_wrap .top_rank .rank_title{font-size:15px}
    .detail_top h2 .name{font-size:21px;}
    .detail_top h2 .btn_srch{width:35px;height:35px;margin-left:10px}
    .detailpage h3{font-size:21px}
    .detailpage h3 .date{font-size:12px;}
    .top_btn_wrap .btn_rounded{width:130px;}
    .corp_box_wrap .corp_box .col dl{row-gap: 10px;}
    .corp_box_wrap .corp_box .col dd{font-size:13px;}
    .corp_box_wrap .corp_box .col .inbar{padding:10px 0 15px;}
    .corp_box_wrap .corp_box .col ul{margin-top:5px;}
    .corp_box_wrap .corp_box .col ul li{font-size:12px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .name{font-size:12px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap li .val{font-size:14px;}
    .corp_box_wrap .corp_box .col:last-child dl{flex-direction:column}
    .corp_box_wrap .corp_box .col:last-child dl .chart_wrap{width:100%;margin-top:-20px;}
    .corp_box_wrap .corp_box .col .chart_wrap .info_wrap ul{gap:10px;row-gap: 20px;}
    #topChart{width:100%;}
    .detail_map_wrap{padding:20px 0;}
    .detail_map .map_corp{width:180px;height:180px;font-size:16px;z-index:1;}
    .detail_map .map_header_wrap .map_header_inner::before{top:90px;}
    .detail_map .map_header_wrap .map_header_inner{padding-top:200px;gap:10px;}
    .detail_map .map_header_wrap .map_header_inner .header_col::before{height:110px;}
    .detail_map .map_header_wrap .map_header{padding:10px;font-size:14px;}
    .detail_map .map_header_wrap .map_header .bg,
    .detail_map .map_header_wrap .map_header .date{margin-top:5px;font-size:12px;}
    .detail_map .list_wrap{gap:10px;}
    .detail_map .map_list .cell_wrap{gap:10px;}
    .detail_map .map_list .cell_wrap .cell .name{font-size:14px;}
    .detail_map .map_list .cell_wrap .cell .name .link{margin:0 5px}
    .detail_map .map_list .cell_wrap .cell .val{font-size:12px;}
    .detail_map .map_list .cell_wrap .cell:not(:nth-child(2))::before{top:-12px;height:12px;}
    .detail_notice_today .table td{font-size:13px;}
    .detail_table .table th, 
    .detail_table .table.line tbody tr td{height:40px;font-size:13px;}
    .shareholder_table .table thead tr:first-child th:last-child{height:80px;}
    .shareholder_table .table thead tr.addth{top:120px}
    .detail_table .table thead tr th{height:40px;}
    .detail_table .table thead tr .h4{height:160px;}
    .detail_table .table thead tr .h2{height:80px;}
    .shareholder_table .table tbody tr td:last-child{height:80px;}
    .affiliated_change_table .table thead tr.addth{top:200px}
    .detail_table .table.line tbody tr td.h2{height:80px;}
    .stock_info_box .info_box, 
    .stock_info_box .graph_box{padding:20px;}
    .stock_info_box .info_box .sort_wrap{margin-bottom:10px;}
    .stock_info_box .info_box .sort_wrap .badge{font-size:12px;}
    .stock_info_box .graph_box .source{font-size:12px;}
    .stock_info_box .info_box .name{margin-bottom:10px;font-size:16px;}
    .stock_info_box .info_box .rate_info .today{margin-bottom:10px;font-size:32px;}
    .stock_info_box .info_box .rate_info .today span::after{right:-24px;}
    .stock_info_box .info_box .rate_info .no_exday .txt:not(:first-child){margin-left:10px;}
    .stock_info_box .info_box .rate_info .add_info,
    .stock_info_box .info_box .rate_info .no_exday{font-size:13px;}
    .stock_info_box .info_box .rate_info .add_info.col{margin-top:10px;}
    .stock_info_box .info_box .rate_info .add_info{margin-top:20px;grid-row-gap:5px;}
    .news_list .date{font-size:13px;}
    .detail_finance_item .finance_item_wrap{width:calc(100% + 40px);margin-left:-20px;padding:0 20px;}
    .detailpage h3 .badge{padding:5px 7px;font-size:13px;}
    .detail_rank .top_rank_wrap .top_rank .rank_title{padding:20px 20px 0;}
    .detail_rank .top_rank_wrap .top_rank .rank_list li{padding:0 20px;}
    .detail_rank .top_rank_wrap .top_rank .rank_list li.me{padding:20px;}
    .detail_ai .top{padding:20px;line-height:1.2;font-size:14px;}
    .detail_ai .desc{font-size:12px;}
    .footer .f_m_group ul{gap:10px;}
    .footer .foot_info span strong{display:block;margin-bottom:5px;font-size:14px;}
}

@media (max-width: 415px) {
    h3{margin-bottom:10px;font-size:19px;}
    .detail_table .table th, 
    .detail_table .table.line tbody tr td{font-size:12px;}
    .detail_table .table thead{width:160px;}
    .shareholder_table .table thead tr.addth{left:80px;width:80px;}
    .detail_table .table tbody{width:calc(100% - 160px)}
    .detail_table .table thead tr .wthr{width:54px;}
    .affiliated_change_table .table thead tr.addth{left:54px;width:53px;}
    .affiliated_change_table .table thead tr.addth:last-child{left:107px;width:53px;}
    .detail_map .map_corp::before, 
    .detail_map .map_corp::after{display:none}
    .main_notice_today .table_srch_box{padding:15px;}
    .main_notice_today .table_srch_box .ipt_group .datepicker_wrap .input{padding:0 10px}
    .main_notice_today .table_srch_box .ipt_group .datepicker{background:#fff url(../../images/icon/ico_date.svg) no-repeat right 5px top 50% / 14px auto}

    .main_dashboard h3{padding-right:80px;}
    .main_dashboard .card .card_header{position:relative;padding:15px 120px 15px 15px;flex-direction: column;align-items:flex-start}
    .main_dashboard .card .card_header .tit{flex-shrink: 0;}
    .main_dashboard .card .card_header .name{margin-left:0;margin-top:5px;}
    .main_dashboard .card .card_header .btn_txt{position:Absolute;top:15px;right:15px;flex-shrink: 0;height:auto;margin-left:auto;}
    .modal_rank .rank_header .sm{flex-shrink: 0;}
}
.modal_moreInfo{background:none;}
.modal_moreInfo .modal_box{position:relative;width:80%;max-width:400px;padding:20px 60px 20px 20px;background-color: rgba(255,255,255,.8);backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);border-radius:20px;}
.modal_moreInfo .modal_box .sorttxt{display:none;margin-bottom:10px;font-size:13px;background-color: #000;color:#fff;padding:3px;border-radius:3px;}
.modal_moreInfo .modal_box .sorttxt.on{display:inline-block;}
.modal_moreInfo .modal_box .name{font-size:15px;font-weight:800;}
.modal_moreInfo .modal_box .data{margin-top:10px;font-size:14px;line-height:1.4;}
.modal_moreInfo .btn_modal_close{position:absolute;top:10px;right:10px;width:30px;height:30px;background-size: auto 15px;}