/*reset*/
*,*::before,*::after {box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {margin: 0;padding: 0;}
ul, ol {list-style: none;}
img {max-width: 100%;display: block;}
a {text-decoration: none;color: inherit;}
button {border: none;background: none;cursor: pointer;}
em {font-style: normal;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input:focus-visible,
textarea:focus-visible  {outline-color: var(--color-primary-main)}


:root {
  /* Primary */
  --color-primary-main: #2E008B;
  --color-primary-light: #4112AA;
  --color-primary-dark: #1D005A;
  /* Secondary - Gold */
  --color-secondary-gold-light: #CD9F44;
  --color-secondary-gold-deep: #917345;
  /* Secondary - Blue */
  --color-secondary-blue-light: #2700FF;
  /* Neutral */
  --color-neutral-white: #FFFFFF;
  --color-neutral-gray-50: #FAFAFA;
  --color-neutral-gray-100: #F5F5F5;
  --color-neutral-gray-200: #EEEEEE;
  --color-neutral-gray-300: #E0E0E0;
  --color-neutral-gray-400: #BDBDBD;
  --color-neutral-gray-500: #9E9E9E;
  --color-neutral-gray-600: #757575;
  --color-neutral-gray-700: #616161;
  --color-neutral-gray-800: #424242;
  --color-neutral-gray-900: #212121;
  --color-neutral-black: #000000;
}


html,body {font-family:'Outfit','Pretendard',-apple-system,system-ui,sans-serif;margin: 0;padding: 0;font-size: clamp(13px, 1.2vw, 52px);-webkit-text-size-adjust: none;}
input, textarea {font-family:'Outfit','Pretendard',-apple-system,system-ui,sans-serif;}
main {width:100%}
@media (max-width: 1440px) {
  main {overflow:inherit;}
  div.page-cont {width:100%;transform: none;left:0;}
  div.chinhung {width:100%;transform: none;left:0;}
  footer div.footer-wrap {width:100%;transform: none;left:0;}
  header nav.pc .nav-bar ul {display:none;}
}
/* .all-wrap {max-width:1920px;margin:0 auto;} */

/*header*/
header {position: relative;z-index: 10;}
nav.pc {position:fixed;width:100%;background:#fff;z-index: 10;}
nav.pc .nav-bar {display:flex;align-content: center; justify-content: space-between;padding:0 80px;height:100px;flex-wrap: wrap;border-bottom:1px solid var(--color-neutral-gray-300)}
nav.pc .nav-bar h1 {width:138px;height:39px;}
nav.pc .nav-bar h1 a {display:block;text-indent: -9999px;overflow:hidden;background: url("../img/common/logo.png") no-repeat 0 0;width:100%;height:100%; will-change: transform;    backface-visibility: hidden;    transform: translateZ(0);background-size:100%}
nav.pc .nav-bar ul {display:flex;justify-content: space-around;position: absolute;top: 40px;left: 50%;transform: translate(-50%, 0);}
nav.pc .nav-bar ul li {width:180px;font-size: 20px;font-weight: 600;color:var(--color-neutral-black);cursor: pointer;text-align:center}
nav.pc .nav-bar ul li:hover, nav.pc .nav-bar ul li.current {color:var(--color-primary-main);font-weight:700}
nav.pc .nav-bar .dim-btn {display:none;width:16px;height:2px;background:var(--color-neutral-black);cursor:initial;position:relative;margin-top:12px;transition: all  0.5s}
nav.pc .nav-bar .dim-btn::before {content:"";width:16px;height:2px;background: var(--color-neutral-black);position:absolute;top:4px;right:0;transition: all  0.5s}
nav.pc .nav-bar .dim-btn::after {content:"";width:16px;height:2px;background: var(--color-neutral-black);position:absolute;top:8px;right:0;transition: all  0.5s}
nav.pc:hover .nav-bar .dim-btn {background:var(--color-primary-main);transition: all  0.5s}
nav.pc:hover .nav-bar .dim-btn::before {width:80%;background: var(--color-primary-main);transition: all  0.5s}
nav.pc:hover .nav-bar .dim-btn::after {width:60%;background:var(--color-primary-main);transition: all  0.5s;}

nav.pc .nav-cnt {display:none;justify-content: center;box-shadow: 0px 8px 16px rgba(0,0,0,0.08);}
nav.pc:hover .nav-cnt {display:flex;}
header.dark .nav-bar {border-bottom:none;}
nav.pc .nav-cnt ul {display:flex;justify-content: center;}
nav.pc .nav-cnt ul ul {padding:32px 0 80px;display: flex;flex-direction: column;text-align:center;height:100%;flex-wrap: wrap;justify-content: flex-start;gap:10px;width: 180px;}
nav.pc .nav-cnt > ul > li + li {border-left: 1px solid rgba(65, 18, 170, 0.16);}
nav.pc .nav-cnt ul ul:hover, nav.pc .nav-cnt ul ul.current {background:rgba(65, 18, 170, 0.08)}
nav.pc .nav-cnt ul ul a {font-size:18px;font-weight:500;color:var(--color-neutral-gray-800)}
nav.pc .nav-cnt ul ul a.outlink {padding-right:20px;background:url("../img/common/ico-outlink.png") no-repeat right top 2px;}
nav.pc .nav-cnt ul ul a:hover, nav.pc .nav-cnt ul ul a.current {color:var(--color-primary-main)}
nav.mo {display:none;}

header.dark nav.pc .nav-bar h1 a {background: url("../img/common/logo-dark.png") no-repeat 0 0;background-size:100%}
/* header.dark nav.pc .nav-bar .dim-btn {background:url("../img/common/menu-open-dark.png") no-repeat 0 0 ; background-size:24px;} */
header.dark nav.pc .nav-bar ul li {color:var(--color-neutral-white);}
header.dark nav.pc {background: transparent;}

/* main */
.main-intro {position: relative;height: 100vh;clip-path: inset(10px 10px 10px 10px round 20px);}
.card-frame {position:relative;overflow:hidden;height: 100vh;display: flex;justify-content: center;align-items: center;}
.kv-wrap {width: 100%;height: 100vh;overflow:hidden;position:relative;z-index:2}
.kv-inner {width:100%;height:100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.kv-swiper, .kv-swiper .swiper-wrapper, .swiper-slide {width:100%;height:100%;min-height:0;}
.kv-swiper .swiper-slide img {width:100%;height:100%;object-fit:cover;display:block;}
.kv-swiper .swiper-slide .dec {position:absolute;bottom:0;left:5%;font-size:190px;font-weight:500;color:var(--color-neutral-white);letter-spacing: -4px;line-height: 1;font-family: 'Outfit' !important;}
.kv-swiper .swiper-timer {position: absolute;left: 50%;bottom: 100px;width: 90%;height: 1px;transform: translateX(-50%);background: rgba(255, 255, 255, 0.32);overflow: hidden;z-index: 10;}
.kv-swiper .swiper-timer-bar {width: 100%;height: 100%;background:var(--color-neutral-white);transform: scaleX(0);transform-origin: left center;display:block;}
.kv-swiper .swiper-button-prev {width:36px;height:36px;background:url("../img/main/kvnav-pre.png") no-repeat 0 0;top:initial;bottom:40px;left:initial;right:calc(5% + 50px)}
.kv-swiper .swiper-button-prev:hover {background:url("../img/main/kvnav-pre-hover.png") no-repeat 0 0;}
.kv-swiper .swiper-button-prev::after {display: none;}
.kv-swiper .swiper-button-next {width:36px;height:36px;background:url("../img/main/kvnav-next.png") no-repeat 0 0;top:initial;bottom:40px;left:initial;right:5%}
.kv-swiper .swiper-button-next:hover {background:url("../img/main/kvnav-next-hover.png") no-repeat 0 0;}
.kv-swiper .swiper-button-next::after {display:none;}
.kv-swiper .text-mask {position:absolute;top:0;left:0;width:100%;height:calc(100% - 120px);overflow:hidden}
.kv-swiper .dec {transform: translate(0, 100%);opacity: 0;transition: 1s;}
.kv-swiper .swiper-slide-active .dec {transform: translate(0, 0);opacity: 1;transition-delay: 0.5s;}
.kv-swiper .fiexd-banner {position:absolute;bottom:32px;left:5%;display:block;padding:14px 54px 18px 24px;background:var(--color-primary-main) url("../img/common/btn-arrow-c.png") no-repeat right 24px center;z-index:3;color:var(--color-neutral-white);border-radius:999px;font-size:16px;}
.kv-swiper .fiexd-banner2 {position:absolute;bottom:32px;left:calc( 5% + 250px);display:block;padding:14px 54px 18px 24px;background:var(--color-secondary-gold-deep) url("../img/common/btn-arrow-c.png") no-repeat right 24px center;z-index:3;color:var(--color-neutral-white);border-radius:999px;font-size:16px;}

.card-wrap {display:grid;grid-template-columns: repeat(2,1fr);gap:27%;position:absolute;top:0;left:0;width:100%;height: 100vh;padding: 40px 0;box-sizing: border-box;}
.left-card {display:flex;flex-direction:column;align-items: flex-end;gap:8px}
.right-card {display:flex;flex-direction: column;height: 100%;justify-content: flex-end;gap:8px}
.cardsec01 img,.cardsec02 img,.cardsec03 img,.cardsec04 img {display: block;width: 100%;height: auto;}
.cardsec01, .cardsec02, .cardsec03, .cardsec04 {border-radius: 10px;overflow:hidden;} 
.cardsec01 {width: 47.5%;}
.cardsec02 {width: 68%;}
.cardsec03 {width: 68%;}
.cardsec04 {width: 80.4%;}

.founding {padding:160px 0;}
.founding .fadein-wrap {text-align:center}
.founding .fadein-wrap .tit {font-size:18px;font-weight:600;color:var(--color-neutral-black)}
.founding .fadein-wrap .fade {margin-top:24px;font-size:62px;font-weight:600;color:var(--color-neutral-black);}
.founding .fadein-wrap .founding-link {margin-top:64px;display:flex;gap:16px;justify-content: center;}

.business {padding:160px 0 160px 0;}
.business .title {font-size:72px;color:var(--color-primary-main);font-weight:700;letter-spacing: -2px;}
.business .business-head {display:flex;flex:0 0 740px;padding-left:240px;opacity: 1;transition:all 1s ease 0s}
.business .business-head.hide {opacity: 0;transition:all 1s ease 0s} 
.business .business-list {transform:translate(0, -200px);margin-bottom:-200px}
.business-swiper .swiper-slide {width:740px;border-radius: 10px;overflow:hidden;position:relative;}
.business-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.business-swiper .swiper-slide .dec-wrap {position:absolute;top:0;left:0;width:100%;height:100%;padding:44px;}
.business-swiper .swiper-slide .dec-wrap a {display: flex;height: 100%;flex-direction: column;justify-content: flex-end;position:relative;}
.business-swiper .swiper-slide .dec-wrap a::after {content:"";width:56px;height:56px;background:var(--color-neutral-white) url("../img/common/btn-arrow.png") no-repeat center center;border-radius: 999px;position:absolute;bottom:0;right:0;}
.business-swiper .swiper-slide .dec-wrap:hover a::after {background:var(--color-primary-main) url("../img/common/btn-arrow-hover.png") no-repeat center center;}
.business-swiper .swiper-slide .dec-wrap .tit {color:var(--color-neutral-white);font-weight:700;font-size:32px;margin-bottom:32px}
.business-swiper .swiper-slide .dec-wrap .dec {color:var(--color-neutral-white);font-size:26px;}
.business-swiper .swiper-button-prev {width:64px;height:64px;background:url("../img/main/business-prev.png") no-repeat 0 0;}
.business-swiper .swiper-button-prev:after {display:none;}
.business-swiper .swiper-button-next {width:64px;height:64px;background:url("../img/main/business-next.png") no-repeat 0 0;}
.business-swiper .swiper-button-next:after {display:none;}
.business-swiper .swiper-button-disabled {display:none;}


.sustainable {background:url("../img/main/bg-sustainable.jpg") no-repeat 0 0;background-size: cover;;padding:0 240px;width:100%;overflow: hidden;clip-path: inset(10px 10px 10px 10px round 20px);height:978px}
.sustainable .sustainable-wrap {display:flex;justify-content: flex-start;align-items:flex-start;min-height:90vh;padding-top:20%}
.sustainable .sustainable-wrap .sectit {font-size:3rem;font-weight:700;color:var(--color-neutral-white);flex:1 1 0}
.sustainable .sustainable-wrap .seccnt {transform: translate(0, 64px);flex:1 1 0}
.sustainable .sustainable-wrap .tit {font-size:1.2rem;font-weight:700;color:var(--color-neutral-white);margin-bottom:32px;}
.sustainable .sustainable-wrap .dec {margin-bottom:32px;font-size:1rem;font-weight:400;color:var(--color-neutral-white)}
.sustainable .sustainable-wrap a {display:inline-block;}

.discover {padding:160px 240px;}
.discover .discover-wrap {display:flex;width:100%;flex-direction: column;}
.discover .discover-wrap .discover-head {display:flex;justify-content: space-between;border-bottom:1px solid var(--color-neutral-gray-600) ;padding-bottom:48px;margin-bottom:48px;align-items: center;}
.discover .discover-wrap .discover-head p {font-size:72px;font-weight: 700;color:var(--color-primary-main);}
.discover .discover-wrap .discover-head a {display:inline-block;}
.discover .discover-wrap .discover-cnt {display:flex;flex-direction: column;gap:32px;}
.discover .discover-wrap .discover-cnt li {display:flex;gap:48px;padding-top:26px;border-top:1px solid var(--color-neutral-gray-300)}
.discover .discover-wrap .discover-cnt li:first-child {border-top:none;padding-top:0;}
.discover .discover-wrap .discover-cnt li .cnt-box {position: relative;display:flex;justify-content: space-between;width:100%}
.discover .discover-wrap .discover-cnt li .cnt-box .tit {font-size:26px;font-weight: 600;color:var(--color-neutral-black);display:block;align-items: center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.discover .discover-wrap .discover-cnt li .cnt-box .date {font-size:22px;font-weight: 400;color:var(--color-neutral-gray-600);}
.discover .discover-wrap .discover-cnt li.new .cnt-box .tit::before {content:"NEW";padding:8px 10px;color: var(--color-neutral-white);font-weight:700;font-size:14px;background:var(--color-secondary-gold-light);border-radius:5px;display:inline-block;margin-right:14px;vertical-align: top;}

.relation {background:url("../img/main/bg-relation.jpg") no-repeat 0 0;background-size: cover;padding:160px 240px 190px 240px;width:100%;overflow: hidden;clip-path: inset(10px 10px 10px 10px round 20px);height:620px}
.relation .relation-wrap {display:flex;justify-content: flex-start;align-items:flex-start;}
.relation .relation-wrap .sectit {font-size:3rem;font-weight:700;color:var(--color-neutral-white);transform: translate(0, -80px);flex:1 1 0}
.relation .relation-wrap .seccnt {flex:1 1 0}
.relation .relation-wrap .tit {font-size:1.2rem;font-weight:700;color:var(--color-neutral-white);margin-bottom:32px;}
.relation .relation-wrap .dec {margin-bottom:32px;font-size:1rem;font-weight:400;color:var(--color-neutral-white)}
.relation .relation-wrap a {display:inline-block;background:#fff url("../img/common/btn-arrow.png") no-repeat right 20px center;}
.relation .relation-wrap a:hover {background:#fff url("../img/common/btn-arrow-hover2.png") no-repeat right 26px center;color:var(--color-primary-main)}

.chinhung {padding:160px 240px 120px;width:100%;overflow: hidden;/*width:1920px;transform: translate(-50%, 0);position:relative;left:50%;*/}
.chinhung .chinhung-wrap {display:flex;justify-content: flex-start;align-items:center;}
.chinhung .chinhung-wrap .sectit {transform: translate(0, -75px);flex: 1 1 0}
.chinhung .chinhung-wrap .seccnt {gap:28px;flex:1 1 0}
.chinhung .chinhung-wrap .dec {margin-bottom:32px;font-size:22px;font-weight:500;color:var(--color-neutral-gray-800);}
.chinhung .chinhung-wrap a {display:inline-block;} 

.footer-stiky {position:fixed;bottom:0;right:0;width:100%;z-index: 10;}
.footer-stiky.stop {position:relative}
.footer-stiky.dim {display:none;}
.gototop {position:absolute;right:30px;bottom:30px;width:56px;height:56px;background:var(--color-secondary-gold-light) url("../img/common/ico-gototop.png") no-repeat center center;background-size:32px;text-indent:-99999px;border-radius:100%;}

footer {position:relative;overflow:hidden;}
footer .footer-wrap {display:flex;flex-direction: column;gap:72px;background: var(--color-neutral-black);padding:80px 240px 48px;width:100%;/*transform: translate(-50%, 0);position:relative;left:50%;*/}
footer .footer-wrap .footer-top {display:flex;justify-content: space-between;}
footer .footer-wrap .footer-top .left-side {display:flex;flex-direction: column;gap:10px}
footer .footer-wrap .footer-top .left-side dl {display: flex;justify-content: flex-start;gap:32px;}
footer .footer-wrap .footer-top .left-side dl dt {font-size:14px;font-weight:700;color:var(--color-neutral-gray-300);flex:0 0 50px}
footer .footer-wrap .footer-top .left-side ul {display:flex;gap:32px;color:var(--color-neutral-gray-500);font-size:14px;font-weight:500;}
footer .footer-wrap .footer-top .left-side ul li {position:relative}
footer .footer-wrap .footer-top .left-side ul li:nth-child(1) {flex:0 0 235px}
footer .footer-wrap .footer-top .left-side ul li:nth-child(2) {flex:0 0 120px}
footer .footer-wrap .footer-top .left-side ul li::before {content:"";width:1px;height:10px;background: var(--color-neutral-gray-800);position:absolute;top:5px;left:-16px;}
footer .footer-wrap .footer-top .rigt-side {flex:1 1 auto}
footer .footer-wrap .footer-bottom {display:flex ;border-top:1px solid var(--color-neutral-gray-900);justify-content: space-between;padding-top:17px}
footer .footer-wrap .footer-bottom ul {display:flex;}
footer .footer-wrap .footer-bottom ul li {position:relative;}
footer .footer-wrap .footer-bottom ul li + li::before {content:"";width:1px;height:12px;background:var(--color-neutral-gray-900);position:absolute;top:2px;left:0;}
footer .footer-wrap .footer-bottom ul li a {font-size:14px;font-weight:500;color:var(--color-neutral-gray-500);padding:0 24px;line-height: 1;display:block;}
footer .footer-wrap .footer-bottom ul li a.imp {font-weight: 900;color:var(--color-neutral-white);}
footer .footer-wrap .footer-bottom ul li:nth-child(1) a {padding-left:0;}
footer .footer-wrap .footer-bottom .copyright {font-size:13px;color:var(--color-neutral-gray-700);font-weight: 400;}

.popup-wrap {border-radius: 10px;padding:48px 16px 16px;position:fixed;bottom:10%;left:20%;width:518px;z-index:30;background:#fff;overflow:hidden;box-shadow: 16px 16px 32px 0 rgba(0, 0, 0, 0.08);}
.popup-wrap .pop-close {position:absolute;top:8px;right:10px;width:32px;height:32px;background:url("../img/common/main-popclose.png") no-repeat 0 0;text-indent:-9999px;background-size:100%;}
.pop-swiper .swiper-wrapper {width:486px;margin-bottom:12px}
.pop-swiper .swiper-slide {width:486px;overflow:hidden;border-radius: 10px;aspect-ratio: 1/1;}
.pop-swiper .swiper-slide img {width:100%;height:100%;object-fit: cover;}
.pop-swiper .swiper-ctrl {display: flex;position:absolute;bottom:0;right:0;align-items: center;}
.pop-swiper .swiper-ctrl .swiper-button-prev {background:url("../img/common/main-pop-prev.png") no-repeat 0 0;}
.pop-swiper .swiper-ctrl .swiper-button-prev.swiper-button-disabled {background:url("../img/common/main-pop-prev-dis.png") no-repeat 0 0;opacity: 1;}
.pop-swiper .swiper-ctrl .swiper-button-prev::after {display:none;}
.pop-swiper .swiper-ctrl .swiper-button-next {background:url("../img/common/main-pop-next.png") no-repeat 0 0;}
.pop-swiper .swiper-ctrl .swiper-button-next.swiper-button-disabled {background:url("../img/common/main-pop-next-dis.png") no-repeat 0 0;opacity: 1;}
.pop-swiper .swiper-ctrl .swiper-button-next::after {display:none;}
.pop-swiper .swiper-ctrl button {top:0;left:0;right:0;margin-top:0;width:24px;height:24px;position:relative;}
.pop-swiper .swiper-ctrl .swiper-pagination {top:0;left:0;right:0;margin-top:0;position:relative;font-size:16px;font-weight:400;color:#999;width:50px}
.pop-swiper .swiper-ctrl .swiper-pagination .swiper-pagination-current {color:var(--color-neutral-black);}
.pop-swiper .nomoretoday {font-size:14px;font-weight:400;color:var(--color-neutral-black)}

/*componet*/
.arrow-btn {padding:20px 56px 20px 20px;;font-size:16px;font-weight:700;color:var(--color-neutral-black);border-radius: 999px;background:var(--color-neutral-gray-100) url("../img/common/btn-arrow.png") no-repeat right 10px center;display:block;}
.arrow-btn:hover {color:var(--color-neutral-white);background:var(--color-primary-main) url("../img/common/btn-arrow-hover.png") no-repeat right 10px center;}
.round-btn {padding:22px 20px;border-radius: 9999px;color:var(--color-neutral-black);background:var(--color-neutral-gray-100);display:block;font-size:16px;font-weight:700}
.round-btn:hover {background:var(--color-primary-main);color:var(--color-neutral-white)}
.long-btn {border-radius: 999px;background: var(--color-primary-main);font-size:26px;font-weight:700;color:#fff;padding:16px 22px;display:block;text-align:center}
.long-btn:hover {background: var(--color-primary-dark);}

.tab-boxhead {width:100%;padding:0 240px}
.tab-boxhead-inner {display:flex;flex-wrap:nowrap;overflow: auto;}
.tab-boxhead-inner ul {border: 1px solid var(--color-neutral-gray-400);border-radius: 4px;display: flex;flex-wrap: nowrap;flex: 0 0 auto;width: 100%;display: flex;justify-content: space-between;}
.tab-boxhead-inner li {flex:1 1 auto;text-align:center}
.tab-boxhead-inner li + li {border-left:1px solid var(--color-neutral-gray-700);}
.tab-boxhead-inner button {padding:24px 14px;font-size:16px;font-weight:700;color:var(--color-neutral-black);width:100%;}
.tab-boxhead-inner button:hover, .tab-boxhead-inner li.current button {background:var(--color-primary-main);color:var(--color-neutral-white);}
.tab-box-cont {padding:80px 0 0; }
.tab-box-cont .tab-box-inner {display:none}
.tab-box-cont .tab-box-inner.current {display:block;}

.sumnail-board {display:grid;grid-template-columns: repeat(4, 1fr);gap:64px 40px;}
.sumnail-board a {display:block;}
.sumnail-board a span {display:block;}
.sumnail-board .sum {border-radius: 10px;overflow:hidden;aspect-ratio: 1/1;}
.sumnail-board .sum img {object-fit:cover;width:100%;height:100%}
.sumnail-board .tit {font-size:24px;color:var(--color-neutral-black);font-weight:700;margin-top:32px;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.sumnail-board .date {font-size:18px;color:var(--color-neutral-gray-600);font-weight:500;margin-top:20px}
.boardpagenation {margin-top:80px;display:flex;justify-content: space-between;}
.boardpagenation button {width:50px;height:50px;text-indent: -9999px;}
.boardpagenation .prev_last {background:url("../img/common/prev-last.png") no-repeat 0 0;background-size:100%}
.boardpagenation .prev {background:url("../img/common/prev.png") no-repeat 0 0;background-size:100%}
.boardpagenation .next_last {background:url("../img/common/next-last.png") no-repeat 0 0;background-size:100%}
.boardpagenation .next {background:url("../img/common/next.png") no-repeat 0 0;background-size:100%}
.boardpagenation .page {display:flex;align-items: center;flex-wrap: nowrap;font-size:14px;color:var(--color-neutral-gray-500);font-weight:500;}
.boardpagenation .page label {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip: rect(0,0,0,0);border: 0;}
.boardpagenation .page em {margin:0 5px 0 10px;}
/*js select2 생성 요소 : select*/
.select2 .selection .pagestyle.select2-selection--single {border:1px solid var(--color-neutral-gray-300);border-radius: 10px;height:inherit;padding:0 22px;line-height:10px}
.select2 .selection .pagestyle.select2-selection--single .select2-selection__rendered {padding:0;height:40px;line-height:40px;text-align:center;height:inherit;display:inline-block;font-size:14px;font-weight:700;color:var(--color-primary-main)}
.select2 .selection .pagestyle.select2-selection--single .select2-selection__arrow {position:relative;top:0;left:0;display:inline-block;}
.select2 .selection .pagestyle.select2-selection--single .select2-selection__arrow b {display:block;width:16px;height:16px;background:url("../img/common/ico-select.png") no-repeat center center;position:relative;margin-left:6px;margin-top:0;top:0;border:none;left:0}

.select2 .selection .tableselect.select2-selection--single {border:1px solid var(--color-neutral-gray-300);border-radius: 10px;height:inherit;padding:0 14px;line-height:10px;display:flex;align-items: center;gap:10px;}
.select2 .selection .tableselect.select2-selection--single .select2-selection__rendered {padding:0;height:40px;line-height:42px;text-align:center;height:inherit;display:inline-block;font-size:16px;font-weight:700;color:var(--color-neutral-black)}
.select2 .selection .tableselect.select2-selection--single .select2-selection__arrow {position:relative;top:0;left:0;display:inline-block;height:24px}
.select2 .selection .tableselect.select2-selection--single .select2-selection__arrow b {display:block;width:24px;height:24px;background:url("../img/common/ico-select2.png") no-repeat center center;background-size:24px;position:relative;margin-left:0;margin-top:0;top:0;border:none;left:0}
/*js slect2 생성요소 : dorpdown*/
.select2-dropdown.pagestyle {border:1px solid var(--color-neutral-gray-300);}
.select2-dropdown.pagestyle .select2-results__option--highlighted.select2-results__option--selectable {background-color:var(--color-primary-light)}
.select2-dropdown.pagestyle .select2-results__option {padding-left:15px;font-size:15px;}
.select2-dropdown.pagestyle .select2-results__option--selected {background-color:var(--color-neutral-white)}

.select2-dropdown.tableselect {border:1px solid var(--color-neutral-gray-300);}
.select2-dropdown.tableselect .select2-results__option--highlighted.select2-results__option--selectable {background-color:var(--color-primary-light)}
.select2-dropdown.tableselect .select2-results__option {padding-left:15px;font-size:15px;}
.select2-dropdown.tableselect .select2-results__option--selected {background-color:var(--color-neutral-white)}

/*js select2 생성 요소 : select*/
.select2 .selection .family-site.select2-selection--single {border:1px solid var(--color-neutral-gray-700);border-radius: 4px;height:inherit;padding:0 22px;line-height:10px;background:none;min-width:242px}
.select2 .selection .family-site.select2-selection--single .select2-selection__rendered {padding:0;height:40px;line-height:40px;text-align:center;height:inherit;display:inline-block;font-size:14px;font-weight:700;color:var(--color-neutral-gray-300)}
.select2 .selection .family-site.select2-selection--single .select2-selection__arrow {top:50%;right:16px;display:inline-block;transform: translate(0, -50%);width:16px;height:16px}
.select2 .selection .family-site.select2-selection--single .select2-selection__arrow b {display:block;width:16px;height:16px;background:url("../img/common/ico-select-white.png") no-repeat center center;position:relative;margin-left:6px;margin-top:0;top:0;border:none;left:0}


/*js slect2 생성요소 : dorpdown*/
.select2-dropdown.family-site {border:1px solid var(--color-neutral-gray-300);}
.select2-dropdown.family-site .select2-results__option--highlighted.select2-results__option--selectable {background-color:#fff;color:inherit}
.select2-dropdown.family-site .select2-results__option {padding-left:15px;font-size:15px;}
.select2-dropdown.family-site .select2-results__option:hover {background:#fff;color:var(--color-primary-main);font-weight:500}
.select2-dropdown.family-site .select2-results__option--selected {color:var(--color-primary-main);background:none;font-weight:500}
.select2-dropdown.family-site.select2-dropdown--above {top:-10px;border-radius: 4px;}
.select2-container--default .family-site .select2-results>.select2-results__options {margin:2px 4px 2px 0}
.select2-container--default .family-site .select2-results>.select2-results__options::-webkit-scrollbar {width: 5px;height: 5px;}
.select2-container--default .family-site .select2-results>.select2-results__options::-webkit-scrollbar-track {background:#fff;border-radius: 10px;}
.select2-container--default .family-site .select2-results>.select2-results__options::-webkit-scrollbar-thumb {background:rgba(0, 0, 0, 0.08);border-radius: 10px;}


.popup-view-wrap {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
.popup-view-wrap .popup-view {width:960px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.popup-view-wrap .popup-view .btn-close {position:absolute;top:0;right:-50px;width:40px;height:40px;background:url("../img/common/btn-pop-close.png") no-repeat 0 0;text-indent:-9999px}
.popup-view-wrap .popup-view .popup-view-inner {display:flex;gap:40px;background:#fff;overflow:hidden;padding:40px;border-radius: 20px;flex:1 1 0;}
.popup-view-wrap .popup-view .popup-view-inner .cont-wrap {display:flex;justify-content: space-between;flex-direction: column;flex:0 0 380px;}
.popup-view-wrap .popup-view .popup-view-inner .view {flex:0 0 460px;overflow:hidden;}
.popup-view-wrap .popup-view .popup-view-inner .view .swiper-pagination {font-size:14px;font-weight:500;color:#fff;padding:4px 14px;border-radius: 999px;background: rgba(0, 0, 0, 0.24);    width: auto;top: 12px;right: 8px;bottom: initial;display: inline-block;left: initial;}
.popup-view-wrap .popup-view .popup-view-inner .cont {display:flex;flex:0 0 388px;overflow:auto;flex-direction: column;}
.popup-view-wrap .popup-view .popup-view-inner .cont::-webkit-scrollbar {display:none;}
.popup-view-wrap .popup-view .popup-view-inner .cont .title {font-size:32px;font-weight:700;margin-top:40px;}
.popup-view-wrap .popup-view .popup-view-inner .cont .cont-list {margin-top:32px;border-top:1px solid var(--color-neutral-gray-900);}
.popup-view-wrap .popup-view .popup-view-inner .cont .cont-list li {padding:18px 0;display:flex;border-bottom:1px solid var(--color-neutral-gray-300);gap:28px;}
.popup-view-wrap .popup-view .popup-view-inner .cont .cont-list li span:first-child {flex:0 0 auto;font-size:16px;font-weight:700;}
.popup-view-wrap .popup-view .popup-view-inner .cont .cont-list li span:last-child {font-size:16px;font-weight:500;color:var(--color-neutral-gray-800);position: relative;}
.popup-view-wrap .popup-view .popup-view-inner .cont .cont-list li span:last-child::before {content:"";width:1px;height:10px;background:var(--color-neutral-gray-300);position:absolute;top:5px;left:-14px;}
.popup-view-wrap .popup-view .boardpagenation {margin-top:32px;}
.popup-view-wrap .popup-view .boardpagenation .next,
.popup-view-wrap .popup-view .boardpagenation .prev  {width:40px;height:40px;}
.popup-view-wrap .popup-view .popup-view-inner .swiper-slide {aspect-ratio: 1/1;}
.popup-view-wrap .popup-view .popup-view-inner .swiper-slide img {width:100%;height:100%;object-fit: cover;}

table caption {display:none;}
.table-wrap.multi-table table {display:none;}
.table-wrap.multi-table table.current {display:table}
.head-table {width:100%;border-collapse: collapse;border-bottom:1px solid var(--color-neutral-gray-400)}
.head-table thead th {background:var(--color-neutral-gray-100);border-top:1px solid var(--color-neutral-gray-700);font-size:16px;font-weight:700;color:var(--color-neutral-black);padding:20px 24px}
.head-table tbody td {color:var(--color-neutral-gray-900);font-size:16px;font-weight:400;border-top:1px solid var(--color-neutral-gray-400);text-align:center;padding:20px 24px}
.head-table tbody .first-td {font-weight:600}
.head-table tbody td.left {text-align:left}
.head-table tbody td span.increase {padding-left:18px;background: url("../img/common/ico-increase.png") no-repeat 0 center;}
.head-table tbody td span.decrease {padding-left:18px;background: url("../img/common/ico-decrease.png") no-repeat 0 center;}
.head-table tbody th {color:var(--color-neutral-black);font-size:16px;font-weight:500;border-top:1px solid var(--color-neutral-gray-400);text-align:center;padding:20px 24px}
.head-table.line td {border-left:1px solid var(--color-neutral-gray-400)}
.head-table.line .first-td {border-left:none;font-weight:600}
.head-table.td-small td {padding:6px 24px}
.head-table .sum td {background:var(--color-neutral-gray-50);font-weight:600}
.head-table .exception-line td,
.head-table .exception-line th {padding:20px 24px}

.left-table {width:100%;border-collapse: collapse;border-bottom:1px solid var(--color-neutral-gray-400)}
.left-table tbody th {background:var(--color-neutral-gray-100);font-size:16px;font-weight:700;color:var(--color-neutral-black);padding:20px 24px;border-top:1px solid var(--color-neutral-gray-400);border-bottom:1px solid var(--color-neutral-gray-400)}
.left-table tbody td {color:var(--color-neutral-gray-900);font-size:16px;font-weight:400;border-top:1px solid var(--color-neutral-gray-400);border-bottom:1px solid var(--color-neutral-gray-400);text-align:center;padding:20px 24px;text-align: left;}
.left-table tbody .first-td {font-weight:600;border-left:none;}
.left-table tbody tr:first-child th,
.left-table tbody tr:first-child td {border-top:1px solid var(--color-neutral-gray-700);}
.left-table tbody td .download {text-decoration: underline;}

.graph-wrap {padding-bottom:50px;overflow:auto;}
.graph-wrap .graphs {display: flex;justify-content: flex-start;gap:80px;max-width:1440px;margin:0 auto}
.graph-wrap .graphs .graph {position:relative;padding-top:50px;width:100%;height:315px;flex:0 0 400px}
.graph-wrap .graphs .graph:nth-child(2):before {content:"";width:1px;height:calc(100% + 50px);background: var(--color-neutral-gray-400);position:absolute;top:0;left:-40px;}
.graph-wrap .graphs .graph:nth-child(2):after {content:"";width:1px;height:calc(100% + 50px);background: var(--color-neutral-gray-400);position:absolute;top:0;right:-40px;}
.graph-wrap .graphs .graph p {position:absolute;top:0;left:0;width:100%;font-size:24px;color:var(--color-secondary-gold-deep);display:flex;justify-content: space-between;font-weight:700;}
.graph-wrap .graphs .graph p span {font-size:14px;font-weight:500;align-self: flex-end;color:var(--color-neutral-gray-600)}
.graph-wrap .graphs .graph .grahp-canvas {width:100%;height:100%;position:relative;}
.graph-wrap .graphs .graph .grahp-canvas::before {content:"";position:absolute;top:0;left:0;width:100%;height:calc( 100% + 50px);background:var(--color-neutral-gray-100);border-radius: 10px;}
.graph-wrap .graphs .graph .grahp-canvas.mixed {display:flex;flex-direction: column;}
.graph-wrap .graphs .graph .grahp-canvas.mixed .graph-box {border-bottom:none;flex:1 1 auto}
.graph-wrap .graphs .graph .grahp-canvas.mixed .graph-box:last-child {padding-top:0;border-top:1px solid var(--color-neutral-gray-400)}
.graph-wrap .graphs .graph .grahp-canvas.mixed .graph-box:last-child > div {align-self: flex-start;border-radius: 0 0 10px 10px;}
.graph-wrap .graphs .graph .grahp-canvas .graph-box {display:flex;width:100%;height:100%;justify-content: center;gap:10px;padding-top:20px;border-bottom:1px solid var(--color-neutral-gray-400)}
.graph-wrap .graphs .graph .grahp-canvas .graph-box div {background: rgba(145, 115, 69, 0.40);align-self: flex-end;border-radius:10px 10px 0 0;position:relative;overflow:visible;width:100px}
.graph-wrap .graphs .graph .grahp-canvas .graph-box div:last-child {background:var(--color-secondary-gold-deep)}
.graph-wrap .graphs .graph .grahp-canvas .graph-box div .xdata {font-size:18px;color:var(--color-neutral-gray-600);font-weight:700;position:absolute;bottom:-30px;left:50%;transform:translate(-50%, 0);}
.graph-wrap .graphs .graph .grahp-canvas .graph-box div .ydata {font-size:18px;color: rgba(145, 115, 69, 0.40);position:absolute;top:-30px;left:50%;transform: translate(-50%, 0);}
/* .graph-wrap .graphs .graph .grahp-canvas.mixed .graph-box:last-child div .xdata {bottom:initial;top:-30px}
.graph-wrap .graphs .graph .grahp-canvas.mixed .graph-box:last-child div .ydata {top:initial;bottom:-30px} */
.graph-wrap .graphs .graph .grahp-canvas.revers {border-top:1px solid var(--color-neutral-gray-400);padding-top:0;margin-top:40px}
.graph-wrap .graphs .graph .grahp-canvas.revers .graph-box {padding-top:0;border-bottom:none;}
.graph-wrap .graphs .graph .grahp-canvas.revers .graph-box div {align-self: flex-start;border-radius: 0 0 10px 10px;}
.graph-wrap .graphs .graph .grahp-canvas.revers .graph-box div .xdata {bottom:initial;top:-30px}
.graph-wrap .graphs .graph .grahp-canvas.revers .graph-box div .ydata {top:initial;bottom:-30px}
.graph-wrap .graphs .graph .grahp-canvas .graph-box div:last-child .ydata {color:var(--color-secondary-gold-deep)}

/* .acc-wrap > li {border: 1px solid var(--color-neutral-gray-400);padding:23px 32px 32px;border-radius:20px;}
.acc-wrap > li .acc-btn {font-size:32px;font-weight:700;color:var(--color-primary-main);width:100%;text-align:left;position:relative}
.acc-wrap > li .acc-btn::after {content:"열기";width:40px;height:40px;background:url("../img/common/acc-btn-arrow.png") no-repeat center center;position:absolute;top:5px;right:0;text-indent:-99999px;}
.acc-wrap > li .acc-cnt {display:none;padding-top:32px}
.acc-wrap > li.open .acc-cnt {display:block;}
.acc-wrap > li.open .acc-btn::after {background:url("../img/common/acc-btn-arrow-close.png") no-repeat center center;content:"닫기"} */

.terms-acc-wrap {border-top:1px solid var(--color-neutral-gray-300)}
.terms-acc-wrap > li {border-bottom:1px solid var(--color-neutral-gray-300)}
.terms-acc-wrap > li button {padding:26px 53px 26px 24px;font-size: 22px;font-weight: 500;color:var(--color-neutral-black);width:100%;text-align: left;background:url("../img/common/acc-btn-arrow.png") no-repeat right 24px center;background-size:24px;}
.terms-acc-wrap > li.open button {background: url("../img/common/acc-btn-arrow-close.png") no-repeat right 24px center;background-size:24px;}
.terms-acc-wrap > li > dl > dd {display:none;padding:0 24px 26px 24px;}
.terms-acc-wrap > li.open > dl > dd {display:block}
.terms-acc-wrap > li > dl > dd p {font-size:16px;font-weight:400;color:var(--color-neutral-gray-800)}
.terms-acc-wrap > li > dl > dd .ex {margin-top:10px}
.terms-acc-wrap > li > dl > dd .tit {font-size: 16px;font-weight: 500;color: var(--color-neutral-black);}
.terms-acc-wrap > li > dl > dd .subtit {font-size: 16px;font-weight: 400;color: var(--color-neutral-gray-800)}
.terms-acc-wrap > li > dl > dd .down {font-size: 16px;font-weight: 500;color: var(--color-secondary-gold-deep);}
.terms-acc-wrap > li > dl > dd .subtit + .tit,
.terms-acc-wrap > li > dl > dd .tit + .tit,
.terms-acc-wrap > li > dl > dd .subtit + .subtit,
.terms-acc-wrap > li > dl > dd .down + .subtit,
.terms-acc-wrap > li > dl > dd p + .tit,
.terms-acc-wrap > li > dl > dd p + .subtit,
.terms-acc-wrap > li > dl > dd > ul + .tit,
.terms-acc-wrap > li > dl > dd > ul + .subtit {margin-top:10px;} 
.terms-acc-wrap > li > dl > dd > ul {padding-left:30px}
.terms-acc-wrap > li > dl > dd > ul > li {list-style: decimal;font-size:16px;font-weight:400;color: var(--color-neutral-gray-800);margin-top:4px}
.terms-acc-wrap > li > dl > dd > ul > li > ul {counter-reset:num;}
.terms-acc-wrap > li > dl > dd > ul > li > ul > li {counter-increment: num;font-size: 16px;font-weight: 400;color:var(--color-neutral-gray-800);margin-top:4px;}
.terms-acc-wrap > li > dl > dd > ul > li > ul > li::before {content:counter(num)")";margin-right:4px}
.terms-info {font-size: 14px;font-weight: 500;color: var(--color-neutral-gray-600);margin-top:16px;padding-left:24px}
.previous-terms {margin-top:40px}
.previous-terms p {padding-left:24px;font-size: 16px;font-weight: 500;color: var(--color-primary-main);}
.previous-terms ul {margin-top:20px;border-top:1px solid var(--color-neutral-black)}
.previous-terms ul li {padding:26px 24px;border-bottom:1px solid var(--color-neutral-gray-300)}
.previous-terms ul li a {font-size: 22px;font-weight: 500;color: var(--color-neutral-black);}


/*subpage*/
.page-cont {width:100%;/*transform: translate(-50%, 0);position:relative;left:50%;*/}
.page-head {width:100%;padding-top:100px;position:sticky;top:-295px;z-index: 8;background-color: var(--color-neutral-white);}
.page-head-wrap {padding:64px 240px 0;}
.page-head.shadow .page-head-wrap {box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.10);}
.page-head-wrap .page-title-wrap {display:flex;justify-content: space-between;}
.page-head-wrap .page-title-wrap .page-title {font-size:52px;font-weight:700;color:var(--color-secondary-gold-deep);margin-bottom:64px }
.page-head-wrap .page-title-wrap .location {font-size:14px;color:var(--color-neutral-gray-700);font-weight:500;}
.page-head-wrap .page-title-wrap .location span {margin-left:10px;padding-left:10px;position:relative;}
.page-head-wrap .page-title-wrap .location span::before {content:"";width:1px;height:10px;background:var(--color-neutral-gray-700);position:absolute;top:5px;left:0;}
.page-head-wrap .sub-page-list {display:flex;width:100%;justify-content: space-around;}
.page-head-wrap .sub-page-list a {display:block;padding: 28px 40px;font-size:18px;font-weight:700;color:var(--color-neutral-black);border-bottom:2px solid #FFFFFF;}
.page-head-wrap .sub-page-list a.outlink {background:url("../img/common/ico-outlink.png") no-repeat right 16px center}
.page-head-wrap .sub-page-list a:hover, .page-head-wrap .sub-page-list li.current a {border-bottom:2px solid var(--color-primary-main);color:var(--color-primary-main)}
.page-cont-view {position:relative;clip-path: inset(10px 10px 10px 10px round 20px);height:calc( 100vh - 80px)}
.page-cont-view img {width:100%;height:100%;object-fit: cover;overflow:hidden;}
.page-cont-view .page-head-title-wrap {position:absolute;top:0;left:0;display: flex;justify-content: space-between;padding:0 240px;width:100%;height:100%;align-content: center;flex-wrap:wrap;align-content: flex-start;padding-top:20%;transform: translate(-50%, 0);left:50%;}
.page-cont-view .page-head-title-wrap p {font-size:1rem;font-weight:500;color:var(--color-neutral-white);}
.page-cont-view .page-head-title-wrap p + p {margin-top:26px}
.page-cont-view .page-head-title-wrap .left {transform: translate(0, 100%);opacity: 0;transition: all 1s ease 0.1s;}
.page-cont-view .page-head-title-wrap .right {transform: translate(0, 100%);opacity: 0;transition: all 1s ease 0.1s;} 
.page-cont-view .page-head-title-wrap.active .left {transform: translate(0, 0);opacity: 1;transition: all 1s ease 0.1s;}
.page-cont-view .page-head-title-wrap.active .right {transform: translate(0, 0);opacity: 1;transition: all 1s ease 0.1s;} 
.page-cont-view .page-head-title-wrap .left .tit {font-size:3rem;font-weight:600;margin-bottom:24px;margin-top:-15px;}
.page-cont-view .page-head-title-wrap .right .tit {font-size:1.2rem;font-weight:600;margin-bottom:32px} 
.page-cont-view .page-head-fixtitle-wrap {position:absolute;top:0;left:0;display: flex;justify-content: space-between;padding:0 240px;width:100%;height:100%;align-content: center;flex-wrap:wrap;align-content: flex-start;padding-top:20%;transform: translate(-50%, 0);left:50%;}
.page-cont-view .page-head-fixtitle-wrap p {font-size:1rem;font-weight:500;color:var(--color-neutral-white);}
.page-cont-view .page-head-fixtitle-wrap p + p {margin-top:26px}
.page-cont-view .page-head-fixtitle-wrap .left .tit {font-size:3rem;font-weight:600;margin-bottom:24px;margin-top:-15px;}
.page-cont-view .page-head-fixtitle-wrap .right .tit {font-size:1.2rem;font-weight:600;margin-bottom:32px} 
.page-cont-view.single {clip-path: inset(0 0 0 0 round 0);text-align:center;height:inherit}
.page-cont-view.single .page-head-title-wrap {padding-top:0;justify-content: center;align-content: center;}
.page-cont-view.single .page-head-title-wrap p {font-size:36px;}
.page-cont-view.single.moved img {transform:translate(0, 20px);transition: all 1s ease 0s;}

.pagecnt {padding:120px 0 120px 0;border-bottom:1px solid var(--color-neutral-gray-300);overflow:hidden}
.pagecnt.full {padding:0 0 120px 0;}
.pagecnt .cnt-title {font-size:36px;font-weight:700;color:var(--color-primary-main);margin-bottom:40px;display:flex;justify-content: space-between;align-items: flex-end;}
.pagecnt .cnt-subtitle {font-size:26px;font-weight:700;color:var(--color-neutral-black);margin-bottom:20px;}
.pagecnt .cnt-title.line {padding-bottom:32px;border-bottom:1px solid var(--color-neutral-gray-400)}
.pagecnt .big-cnt-title {font-size:76px;font-weight:600;color:var(--color-primary-main);margin-bottom:80px}
.pagecnt .cnt-title span {font-size:14px;font-weight:500;color:var(--color-neutral-gray-600)}
.pagecnt .section-wrap {padding:0 240px}
.pagecnt .section-wrap .business-title {font-size:36px;font-weight:700;color:var(--color-primary-main);margin-bottom:80px}
.pagecnt .section-wrap .section-wrap {padding:0 0;}
.pagecnt .section-wrap + .section-wrap {margin-top:80px}
.pagecnt .section-wrap + .section-wrap.wide {margin-top:120px}
.pagecnt .tab-box + .section-wrap {margin-top:80px}
.text-cnt-wrap p {font-size:26px;font-weight:500;color:var(--color-neutral-gray-800);}
.text-cnt-wrap p + p {margin-top:20px;}
.text-cnt-wrap p.tit {font-size:26px;font-weight:700;color:var(--color-neutral-black)}
.text-cnt-wrap p + .tit {margin-top:40px}
.text-cnt-wrap .tit + p {margin-top:10px}
.text-cnt-wrap .imgbox {margin:44px 0 180px 0;}
.text-cnt-wrap .imgbox img {max-width:100%;margin:0 auto}
.text-cnt-wrap a {display:inline-block;margin-top:32px;}
.text-cnt-wrap .text-cnt-box-wrap {margin-top:20px;display:flex;gap:24px;flex-wrap: wrap;}
.text-cnt-wrap .text-cnt-box-wrap.dv-grid40 .text-cnt-box {flex:1 1 40%}
.text-cnt-wrap .text-cnt-box-wrap.dv-grid30 .text-cnt-box {flex:1 1 30%}
.text-cnt-wrap .text-cnt-box {padding:40px;border-radius: 10px;background:var(--color-neutral-gray-100);flex:1 1 40%}
.text-cnt-wrap .text-cnt-box.white {background:#fff;padding:0 0;}
.text-cnt-wrap .text-cnt-box .link-area {text-align:center}
.text-cnt-wrap .text-cnt-box .long-btn {display:inline-block;}
.text-cnt-wrap .text-cnt-box .info-tit {padding-left:38px;font-size:26px;font-weight:700;color:var(--color-neutral-black)}
.text-cnt-wrap .text-cnt-box .info-dec {margin-top:20px;font-size: 24px;font-weight: 500;color: var(--color-neutral-gray-800);}
.text-cnt-wrap .text-cnt-box .info-etc {margin-top:20px;font-size: 18px;font-weight: 500;color: var(--color-neutral-gray-600);}
.text-cnt-wrap .text-cnt-box .info-tit.ico01 {background:url("../img/content/ico-infographic01.png") no-repeat 0 center;}
.text-cnt-wrap .text-cnt-box .info-tit.ico02 {background:url("../img/content/ico-infographic02.png") no-repeat 0 center;}
.text-cnt-wrap .text-cnt-box .info-tit.ico03 {background:url("../img/content/ico-infographic03.png") no-repeat 0 center;}
.text-cnt-wrap .text-cnt-box .info-tit.ico04 {background:url("../img/content/ico-infographic04.png") no-repeat 0 center;}
.text-cnt-wrap .text-cnt-box .info-tit.ico05 {background:url("../img/content/ico-infographic05.png") no-repeat 0 center;}
.text-cnt-wrap .text-cnt-box .info-tit.ico06 {background:url("../img/content/ico-infographic06.png") no-repeat 0 center;}
.text-cnt-wrap .text-cnt-box .tit {font-size: 26px;font-weight: 700;color: var(--color-neutral-black);}
li .dot-list {margin-top:10px}
.dot-list {display:flex;flex-direction: column;gap:10px}
.dot-list > li {font-size:24px;font-weight:500;color:var(--color-neutral-gray-800);position:relative;padding-left:7px}
.dot-list > li::before {content:"·";display:inline-block;position:absolute;top:0;left:0}
.tit + .num-list {margin-top:20px}
.num-list {display:flex;flex-direction: column;gap:10px;counter-reset:num;}
.num-list > li {counter-increment: num;font-size:24px;font-weight:500;color:var(--color-neutral-gray-800);position:relative;padding-left:25px}
.num-list > li::before {content:counter(num)".";display:inline-block;position:absolute;top:0;left:0}


.terms-wrap {line-height:1.5;border-radius: 10px;background: var(--color-neutral-gray-100);padding:32px 40px;word-break: keep-all;overflow-wrap: break-word;}
.terms-wrap > dl > dt {font-size:24px;font-weight:700;color:var(--color-neutral-black)}
.terms-wrap > dl > dd > dl > dt {font-size:24px;font-weight:500;color:var(--color-neutral-gray-800)}
.terms-wrap > dl > dd > dl > dd {margin-top:20px}
.terms-wrap > dl > dd > dl > dd > ol {padding-left:25px}
.terms-wrap > dl > dd > dl > dd > ol > li {font-size:24px;font-weight:500;color:var(--color-neutral-gray-600);list-style: auto;}
.terms-wrap > dl > dd > dl > dd > ol > li::marker {font-family: "Pretendard";}
.terms-wrap > dl > dd + dt {margin-top:24px}
.terms-wrap .history {margin-top:40px}
.terms-wrap .history p {font-size:24px;font-weight:400;color:var(--color-neutral-gray-600)}
.terms-wrap.style-small > dl > dd + dt {margin-top:24px;}
.terms-wrap.style-small > dl > dd {margin-top:20px}
.terms-wrap.style-small > dl > dd > dl > dd {margin-top:0px}
.terms-wrap.style-small > dl > dd > dl > dt {color:var(--color-neutral-black);margin-top:20px}




/*content*/
.post-wrap .post {padding:160px 240px 120px 240px;display:flex; }
.post-wrap .post .post-head {flex:1 1 0}
.post-wrap .post .title {font-size:76px;font-weight:600;color:var(--color-primary-main);}
.post-wrap .post .post-cont {flex:1 1 0}
.post-wrap .post .post-cont .tit {font-size:32px;font-weight:700;color:var(--color-neutral-black)}
.post-wrap .post .post-cont .dec {font-size:26px;font-weight:500;margin-top:32px;color:var(--color-neutral-gray-800);word-break: keep-all;overflow-wrap: break-word;}
.post-wrap .post .post-cont a {margin-top:32px;display:inline-block;}
.post-wrap .post-list {padding-bottom:80px;}
.post-wrap .post-list ul {display:flex;justify-content: flex-start;gap:10px;}
.post-wrap .post-list li {position:relative;border-radius:10px;overflow:hidden;flex:1 1 auto;}
.post-wrap .post-list li img {width:100%;}
.post-wrap .post-list li .list-cnt {position:absolute;top:0;left:0;width:100%;height:100%;padding:48px 48px;display:flex;justify-content: flex-end;flex-direction: column;}
.post-wrap .post-list li .list-cnt .tit {font-size:32px;font-weight:700;;color:var(--color-neutral-white);letter-spacing: -1px;}
.post-wrap .post-list li .list-cnt .dec {font-size:26px;color:var(--color-neutral-white);margin-top:32px;letter-spacing: -1px;}

.slogan {padding:120px 240px;}
.slogan p {font-size:62px;font-weight:600;text-align:center}

.harrignton {padding:120px 240px;background: linear-gradient(180deg, rgba(255, 174, 0, 0.12) 19.23%, rgba(145, 115, 69, 0.12) 100%), #FFF;}
.harrignton .title {font-size:76px;font-weight:600;color:var(--color-secondary-gold-deep)}
.harrignton ul {display:flex;gap:72px 100px;flex-wrap: wrap;margin-top:120px;padding-bottom:140px;}
.harrignton ul li {flex:1 1 calc(50% - 50px);border-radius: 20px;background: rgba(145, 115, 69, 0.06);overflow:hidden;padding:32px 32px 112px 32px;}
.harrignton ul li .sum {position:relative;border-radius: 20px 20px;overflow:hidden;margin-bottom:40px;}
.harrignton ul li .sum img {width:100%;}
.harrignton ul li .sum p {position:absolute;bottom:20px;left:20px;font-size:26px;font-weight:700;color:var(--color-neutral-white)}
.harrignton ul li > p {font-size:24px;font-weight:500;color:var(--color-neutral-gray-800);margin-bottom:40px;}
.harrignton ul li.place {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-place.png") no-repeat bottom 40px left 32px;}
.harrignton ul li.square {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-square.png") no-repeat bottom 40px left 32px;}
.harrignton ul li.count {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-count.png") no-repeat bottom 40px left 32px;}
.harrignton ul li.tower {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-tower.png") no-repeat bottom 40px left 32px;}
.harrignton ul li:nth-child(even) {transform: translate(0, 140px);}
.harrignton-prev {padding:56px 240px 0 240px}
.harrignton-prev .more-btn {text-align:center}
.harrignton-prev .more-btn button {font-size:18px;font-weight:700;color:var(--color-secondary-gold-deep);border:1px solid var(--color-secondary-gold-deep);border-radius: 9999px;padding:24px 144px}
.harrignton-prev .more-cnt {padding:120px 0 0;display:none;}
.harrignton-prev .more-cnt.open {display: block;}
.harrignton-prev .more-cnt .title {font-size:76px;font-weight:600;color:var(--color-primary-main)}
.harrignton-prev .more-cnt ul {margin-top:56px;display: flex;gap:100px;}
.harrignton-prev .more-cnt ul li {border:1px solid var(--color-neutral-gray-400);border-radius: 20px;overflow:hidden;flex:1 1 50%}
.harrignton-prev .more-cnt ul li img {width:100%;}


.list-wrap {}
.list-wrap  .list-cnt {display:flex;flex-direction: column;gap:32px;}
.list-wrap  .list-cnt li {display:flex;gap:48px;padding-top:26px;border-top:1px solid var(--color-neutral-gray-300)}
.list-wrap  .list-cnt li:first-child {border-top:none;padding-top:0}
.list-wrap  .list-cnt li .cnt-box {position: relative;display:flex;justify-content: space-between;width:100%}
.list-wrap  .list-cnt li .cnt-box .tit {font-size:26px;font-weight: 600;color:var(--color-neutral-black);display:block;align-items: center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.list-wrap  .list-cnt li .cnt-box .date {font-size:22px;font-weight: 400;color:var(--color-neutral-gray-600);}
.list-wrap  .list-cnt li.new .cnt-box .tit::before {content:"NEW";padding:8px 10px;color: var(--color-neutral-white);font-weight:700;font-size:14px;background:var(--color-secondary-gold-light);border-radius:5px;display:inline-block;margin-right:14px;vertical-align: top;}
.list-wrap .no-result {padding:80px 0;display: flex;align-items: center;flex-direction: column;}
.list-wrap .no-result p {font-size: 24px;font-weight: 400;color: var(--color-neutral-black);}
.list-wrap .no-result a {display:inline-block;margin-top:80px;padding:16px 24px}
.search-box {display:flex;gap:8px;position: relative;}
.search-box label {width:0;height:0;position:absolute;top:0;left:0;opacity:0}
.search-box input {border-radius: 10px;border: 1px solid var(--color-neutral-gray-300);background: var(--color-neutral-gray-50);font-size:16px;font-weight:400;color:var(--color-neutral-gray-700);padding:10px 50px 10px 16px;background:var(--color-neutral-gray-50) url("../img/common/ico-search.png") no-repeat right 16px center;height:44px}
.search-box button {border-radius: 10px;background: var(--color-neutral-gray-100);font-size:16px;font-weight:700;padding:10px 24px;color:var(--color-neutral-black)}


.credit-rating {display:flex;gap:32px}
.credit-rating .credit-rating-box {border-radius:20px;padding:48px;display:flex;flex-direction: column;border:1px solid var(--color-neutral-gray-300);background:var(--color-neutral-gray-100);flex:0 0 460px}
.credit-rating .credit-rating-box .tit {font-size:18px;font-weight:700;color: var(--color-neutral-gray-900);margin-bottom:56px;}
.credit-rating .credit-rating-box .grade {font-size:52px;font-weight:700;color:var(--color-primary-dark);margin-bottom:auto}
.credit-rating .credit-rating-box .grade span {margin-left:12px;font-size:26px;font-weight:500;color:var(--color-neutral-gray-900)}
.credit-rating .credit-rating-box .dec {font-size:18px;font-weight:500;color:var(--color-neutral-gray-700);}
.credit-rating .credit-rating-box .dec span {display:block;font-size:14px;font-weight:500;color:var(--color-neutral-gray-600);}
.credit-rating .table-wrap {flex:1 1 auto}

.download-list {display:flex;flex-direction: column;gap:10px;}
.download-list li {display:flex;justify-content: space-between;padding:20px 40px;border-radius: 10px;background: var(--color-neutral-gray-100);gap:105px;}
.download-list li span {display:flex;justify-content: space-between;flex:1 1 0;align-items: center;min-width: 0;}
.download-list li span em:first-child {font-size:22px;font-weight:400;color:var(--color-neutral-gray-900);overflow:hidden;text-overflow: ellipsis;white-space: nowrap;min-width:0;}
.download-list li span em:last-child {font-size:18px;font-weight:400;color:var(--color-neutral-gray-600);}
.download-list li button {padding:10px 18px;border-radius: 999px;background: var(--color-secondary-gold-deep);font-size:18px;font-weight:400;color:#fff}
.download-list li.disabled button {background: var(--color-neutral-gray-300);color:var(--color-neutral-gray-500)}
.download-list li.sales span em:first-child::before {content:"영업보고서";display:inline-block;padding:8px 10px;border-radius: 5px;background: #5123AF;font-size: 14px;font-weight: 700;color: #fff;margin-right:12px}
.download-list li.audit span em:first-child::before {content:"감사보고서";display:inline-block;padding:8px 10px;border-radius: 5px;background: #DB74FE;font-size: 14px;font-weight: 700;color: #fff;margin-right:12px}
.download-list li.business span em:first-child::before {content:"사업보고서";display:inline-block;padding:8px 10px;border-radius: 5px;background: #9783C0;font-size: 14px;font-weight: 700;color: #fff;margin-right:12px}
.download-list li.management span em:first-child::before {content:"지속가능경영보고서";display:inline-block;padding:8px 10px;border-radius: 5px;background: #4CA6F0;font-size: 14px;font-weight: 700;color: #fff;margin-right:12px}


.view-page-wrap {display:flex;flex-direction: column;align-items: center;}
.view-page {width:1160px;}
.view-page .view-head {padding-top:80px;display: flex;flex-direction: column;gap:40px;padding-bottom:20px;border-bottom:2px solid var(--color-neutral-black)}
.view-page .view-head .view-title {font-size:56px;font-weight:500;color:var(--color-neutral-black);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.view-page .view-head.new .view-title {-webkit-line-clamp: 3;}
.view-page .view-head.new .view-title::before {content:"NEW";padding:10px 15px;font-size:16px;font-weight:700;color:#fff;border-radius:8px;background:var(--color-secondary-gold-light);width:66px;margin-bottom:40px;display:block;}
.view-page .view-head .view-date {font-size:18px;font-weight:400;color:var(--color-neutral-gray-600);}
.view-page .view-cnt {padding: 48px 0 72px;}
.view-page .view-list {border-top:1px solid var(--color-neutral-gray-300)}
.view-page .view-list li {padding:26px 0;border-bottom:1px solid var(--color-neutral-gray-300)}
.view-page .view-list li p {display:flex;justify-content: space-between;}
.view-page .view-list li p span {padding-left:0;font-size:22px;font-weight:500;color:var(--color-neutral-gray-600)}
.view-page .view-list li p a {display:block;font-size:22px;font-weight:500;color:var(--color-neutral-black);text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.view-page .view-list li p a span {padding-left:30px;font-size:22px;font-weight:500;color:var(--color-neutral-gray-600);margin-right:24px;}
.view-page .view-list li p .pre {background:url("../img/common/pre-list.png") no-repeat 0 center;}
.view-page .view-list li p .next {background:url("../img/common/next-list.png") no-repeat 0 center;}
.btn-view-list {padding:14px 24px 18px 24px;font-size:18px;font-weight:700;color:var(--color-neutral-black);border-radius: 999px;background: var(--neutral-gray-100);margin-top:40px;background:var(--color-neutral-gray-100)}

.report-box {padding:52px 0 0 72px;display:flex;justify-content: space-between;flex-direction: column;height:100%;}
.report-box.report {background: url("../img/content/ico-report.png") no-repeat 0 41px;}
.report-box.report-anonymous {background: url("../img/content/ico-report-anonymous.png") no-repeat 0 41px;}
.report-box .tit {font-size:26px;font-weight:700;color:var(--color-neutral-black)}
.report-box p.cnt {font-size:24px;font-weight:500;color:var(--color-neutral-gray-800);margin-top:12px;}
.report-box .report-btn {display:flex;justify-content: flex-start;gap:20px;}
.report-box .report-btn a {font-size:22px;font-weight:500;color:#fff;border-radius: 999px;background: var(--color-primary-main);padding:16px 22px}
.report-box .report-btn a:hover {background:var(--color-primary-dark)}

.terms-agree-box  + .terms-agree-box {margin-top:80px}
.terms-agree-box .tit {font-size:26px;font-weight:700;color:var(--color-neutral-black)}
.terms-agree-box .box-terms {padding:32px 40px;background:var(--color-neutral-gray-100);margin-top:20px;border-radius: 10px;}
.terms-agree-box .box-terms .box-terms-inner {height:306px;overflow-y: auto;}
.terms-agree-box .box-terms .box-terms-inner::-webkit-scrollbar {width: 10px;height: 10px;}
.terms-agree-box .box-terms .box-terms-inner::-webkit-scrollbar-track {background:var(--color-neutral-gray-400);border-radius: 10px;}
.terms-agree-box .box-terms .box-terms-inner::-webkit-scrollbar-thumb {background:var(--color-secondary-gold-deep);border-radius: 10px;}
.terms-agree-box .box-terms .term-txt1 {font-size:24px;font-weight:700;color:var(--color-neutral-black);display:flex;gap:5px}
.terms-agree-box .box-terms .term-txt1 span {flex:0 0 15px}
.terms-agree-box .box-terms .term-txt2 {font-size:24px;font-weight:500;color:var(--color-neutral-gray-800);padding-left:25px}
.terms-agree-box .box-terms .term-txt3 {font-size:24px;font-weight:500;color:var(--color-neutral-gray-800);padding-left:25px}
.terms-agree-box .box-terms .term-txt3 li {margin-top:10px}
.terms-agree-box .box-terms .term-txt4 {font-size:22px;font-weight:500;color:var(--color-neutral-gray-600);padding-left:25px}
.terms-agree-box .box-terms .term-txt4 li::before {content:"·";margin-right:10px;display:inline-block;}
.terms-agree-box .box-terms .term-txt1 + .term-txt2 {margin-top:5px;}
.terms-agree-box .box-terms .term-txt3 + .term-txt1 {margin-top:20px;}
.terms-agree-box .agree-box-wrap {margin-top:20px;display:flex;justify-content: flex-end;}
.terms-agree-box .agree-box-wrap.with-link {justify-content: space-between;}
.terms-agree-box .agree-box-wrap .agree-link {font-size:24px;font-weight:500;color: var(--color-neutral-gray-800);text-decoration: underline;}


.check-box {font-size: 24px;font-weight: 500;color: var(--color-neutral-gray-800);position:relative}
.check-box input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;opacity: 0;}
.check-box label {padding-left:30px;background:url("../img/common/input-checkbox.png") no-repeat 0 center;}
.check-box input[type="checkbox"]:checked + label {background: url("../img/common/input-checkbox-checked.png") no-repeat 0 center;}
.radio-wrap {display:flex;justify-content: flex-start;gap:20px;}
.radio-wrap .radio-box {position:relative}
.radio-wrap .radio-box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity: 0;}
.radio-wrap .radio-box label {font-size: 24px;font-weight: 500;color: var(--color-neutral-gray-800);padding-left:30px;background:url("../img/common/input-radio.png") no-repeat 0 center}
.radio-wrap .radio-box input[type="radio"]:checked + label {background: url("../img/common/input-radio-checked.png") no-repeat 0 center;}
.submit-btn {margin-top:80px;display:block;text-align: center;}
.submit-btn button {border-radius: 999px;background: var(--color-primary-main);font-size: 26px;font-weight: 700;color: #fff;display:inline-block;padding:16px 56px;}

.form-box-wrap {display:flex;flex-direction: column;gap:30px}
.form-box-wrap .form-box-inner {display:flex;justify-content: space-between;gap:20px;} 
.form-box-wrap .form-box-inner .form-box {display:flex;flex-direction: column;flex:1 1 0;gap:20px;}
.form-box-wrap .form-box-inner .form-box.single {flex:0 0 calc( 50% - 10px );}
.form-box-wrap .info {font-size: 22px;font-weight: 500;color: var(--color-secondary-gold-deep);margin-top:-20px;padding-left:20px;position:relative;}
.form-box-wrap .info::before {content:"※";position:absolute;top:0;left:0;}
.form-box-wrap .form-box .info {margin-top:-10px}
.form-box {min-width: 0;}
.form-box label,
.form-box p {font-size: 26px;font-weight: 700;color: var(--color-neutral-black);}
.form-box label.essential::before,
.form-box p.essential::before {content:"*";display:inline-block;margin-right:5px}
.form-box input {padding:20px 20px;border-radius: 10px;border: 1px solid var(--color-neutral-gray-300);background: var(--color-neutral-gray-100);font-size: 22px;font-weight: 500;color: var(--color-neutral-gray-600);}
.form-box textarea {border-radius: 10px;border: 1px solid var(--color-neutral-gray-300);background: var(--color-neutral-gray-100);padding:20px 20px;height:260px;font-size: 22px;font-weight: 500;color: var(--color-neutral-gray-600);}
.form-box .input-file {display:flex;justify-content: flex-start;gap:20px;min-width: 0;}
.form-box .input-file span {flex:1 1 auto;padding:20px 20px;border-radius: 10px;border: 1px solid var(--color-neutral-gray-300);background: var(--color-neutral-gray-100);font-size: 22px;font-weight: 500;color: var(--color-neutral-gray-600);position:relative;min-width: 0;}
.form-box .input-file span input[type="file"] {position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;}
.form-box .input-file span .filename {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;min-width:0;}
.form-box .input-file label {padding:20px 20px;border:1px solid var(--color-secondary-gold-deep);border-radius: 10px;font-size: 26px;font-weight: 700;color: var(--color-neutral-black);cursor: pointer;width:200px;text-align:center}
.form-box .check-id {display: flex;gap:20px}
.form-box .check-id input {flex:0 0 calc( 50% - 10px );}
.form-box .check-id button {padding:20px 20px;font-size: 26px;font-weight: 700;color: var(--color-neutral-black);flex:0 1 200px;border-radius: 10px;border: 1px solid var(--color-secondary-gold-deep);line-height:1;}

.anonymous-login {margin:60px auto;padding:32px 30px;border-radius: 10px;background: var(--color-neutral-gray-100);display: flex;gap:30px;flex-direction: column;width:788px}
.anonymous-login .input {display:flex;gap:20px;flex-direction: column;}
.anonymous-login .input label {font-size: 26px;font-weight: 700;color: var(--color-neutral-black);}
.anonymous-login .input input {padding:20px 20px;border-radius: 10px;border: 1px solid var(--color-neutral-gray-300);background: #fff;font-size:22px}
.anonymous-login button {padding:16px 22px;border-radius: 999px;background: var(--color-primary-main);font-size: 26px;font-weight: 700;color: #fff;}

.legal-page-wrap {display:flex;flex-direction: column;align-items: center;}
/* .legal-page {width:1160px;} */
.legal-page .legal-head {padding-top:80px;padding-bottom:64px;border-bottom:2px solid var(--color-neutral-black)}
.legal-page .legal-head .legal-title {font-size:72px;font-weight:700;color:var(--color-secondary-gold-deep);}
.legal-page .legal-cnt {padding:48px 0;}
.legal-page .legal-cnt p {font-size: 24px;font-weight: 400;color: var(--color-neutral-gray-800);}
.legal-page .legal-cnt .tit {font-size: 24px;font-weight: 600;color: var(--color-neutral-black);}
.legal-page .legal-cnt .info {margin-top:40px}
.legal-page .legal-cnt p + .tit {margin-top:40px;}
.legal-page .legal-cnt .tit + p {margin-top:10px}

.notfound-wrap {text-align:center}
.notfound-wrap br {display:none;}
.notfound-wrap .notfound {display:flex;flex-direction: column;padding:210px 0 80px;background: url("../img/content/bg-notfound.png") no-repeat center top 80px;border-bottom:1px solid var(--color-neutral-gray-400)}
.notfound-wrap .notfound .ko {font-size: 36px;font-weight: 700;color: var(--color-primary-main);}
.notfound-wrap .notfound .en {font-size: 32px;font-weight: 400;color: var(--color-neutral-black);margin-top:15px}
.notfound-wrap .explore {padding-top:80px;display: flex;flex-direction: column;align-items: center;}
.notfound-wrap .explore .ko {font-size: 24px;font-weight: 400;color: var(--color-neutral-black);}
.notfound-wrap .explore .en {font-size: 24px;font-weight: 300;color: var(--color-neutral-gray-800);margin-top:10px}
.notfound-wrap .explore a {margin-top:80px;padding:16px 22px;border-radius: 999px;background: var(--color-primary-main);font-size: 26px;font-weight: 700;color: #fff;min-width:300px}
.notfound-wrap .explore a:hover {background: var(--color-primary-dark);} 

.certified-wrap {padding:0 0 40px 0;display:flex;flex-direction: column;gap:40px;}
.certified-wrap .certified {display:flex;gap:60px}
.certified-wrap .certified .certified-sum {flex:0 0 232px}
.certified-wrap .certified .certified-sum button {position:relative;border:1px solid var(--color-neutral-gray-300)}
.certified-wrap .certified .certified-sum button::after {content:"";width:36px;height:36px;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);background:url("../img/content/ico-certified.png") no-repeat 0 0}
.certified-wrap .certified .certified-cnt {display:flex;justify-content: center;flex-direction: column;gap:20px}
.certified-wrap .certified .certified-cnt p {font-size: 26px;font-weight: 700;color: var(--color-neutral-black);}
.img-view-popup {position:fixed;width:100%;height:100%;background: rgba(0, 0, 0, 0.4);z-index: 10;top:0;left:0;}
.img-view-popup .img-view {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.img-view-popup .img-view img {max-width:100%;width:589px}
.img-view-popup .img-view-close {width:40px;height:40px;text-indent: -99999px;background:url("../img/common/btn-pop-close.png") no-repeat 0 0;position:absolute;top:0;right:-50px;}

.social-box {padding:24px 32px;background:var(--color-neutral-gray-100);border-radius:10px;margin-bottom:32px}
.social-box .tit {padding-left:46px;font-size: 26px;font-weight: 500;color: var(--color-neutral-gray-800);background:url("../img/content/ico-social.png") no-repeat 0 center}
.social-box .etc {margin-top:24px;font-size: 18px;font-weight: 500;color: var(--color-neutral-gray-700);}
.social-box .etc span {font-size: 14px;font-weight: 500;color:var(--color-neutral-gray-400);vertical-align: top;line-height:23px;margin:0 12px}
.social-box .social-imgbox {padding:100px 0 120px;display: flex;justify-content: center;gap:76px;}
.social-box .social-imgbox span {display:flex;align-items: center;}
.social-box .social-imgbox img {max-width:100%;}
.csr-list {margin-top:40px;display:flex;gap:88px 20px;justify-content: space-between;flex-wrap: wrap;padding-bottom:100px}
.csr-list li {display:flex;flex-direction: column;gap:24px;flex:1 1 45%}
.csr-list li:nth-child(even) {transform: translate(0, 100px);}
.csr-list li .sum {border-radius: 10px;overflow:hidden}
.csr-list li .sum img {width:100%;}
.csr-list li .tit {font-size: 32px;font-weight: 700;color: var(--color-neutral-black);}
.csr-list li .cnt {margin-top:-12px;font-size: 24px;font-weight: 500;color:var(--color-neutral-gray-800);padding-right:40px}
.sources {font-size: 20px;font-weight: 500;color: var(--color-neutral-gray-600);margin-top:16px;}
.sharing {padding:40px 36px;border-radius: 10px;background:var(--color-neutral-gray-100);display:flex;flex-direction: column;gap:80px;}
.sharing .logo p {font-size: 24px;font-weight: 500;color:var(--color-neutral-gray-800);margin-top:5px}
.sharing .link {display: flex;justify-content: flex-start;gap:25px;}
.sharing .link > span {flex: 0 0 160px}
.sharing .link .btn-box {display: flex;gap:20px;font-size: 24px;;font-weight: 500;color: var(--color-neutral-gray-800);align-items: center;}
.sharing .link .arrow-btn {background-color: #fff;}
.sharing .link .arrow-btn:hover {color:var(--color-neutral-white);background:var(--color-primary-main) url("../img/common/btn-arrow-hover.png") no-repeat right 10px center;}

.greeting-box {padding:12px 0px;word-break: keep-all;overflow-wrap: break-word;}
.greeting-box .greeting .tit {font-size: 32px;font-weight: 700;color: var(--color-neutral-black);padding-bottom:56px;border-bottom:1px solid var(--color-neutral-black);margin-bottom:56px}
.greeting-box .greeting p {font-size: 22px;font-weight: 500;color: var(--color-neutral-gray-800);}
.greeting-box .greeting p span {color:var(--color-neutral-black);font-weight:700}
.greeting-box .greeting p + p {margin-top:40px}
.greeting-box .greeting p.big {font-size:24px;color:var(--color-neutral-black);font-weight:700}
.greeting-box .greeting .signature {margin-top:40px;font-size: 22px;font-weight: 600;color: var(--color-neutral-black);text-align:right}
.greeting-box .greeting .signature span {font-size:35px;}

.masking-box {position:absolute;top:0;left:50%;height:100%;transform: translate(-50%, 0);width:100%}
.masking-box2 {position:absolute;top:0;left:50%;height:100%;transform: translate(-50%, 0);width:100%}

.vision-list {display: flex;gap:72px 100px;flex-wrap: wrap;padding-bottom:140px}
.vision-list li {flex: 1 1 40%;position:relative;border-radius: 10px;overflow:hidden}
.vision-list li:nth-child(even) {transform: translate(0, 140px);}
.vision-list li img {width:100%}
.vision-list li > div {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction: column;justify-content: flex-end;padding:48px 48px;}
.vision-list li > div p {font-size: 26px;font-weight: 500;color: #fff;}
.vision-list li > div .tit {font-size: 32px;font-weight: 700;color: #fff;margin-bottom:24px}

.regulations {margin-top:20px;display: flex;justify-content: flex-end;}
.regulations .arrow-btn {font-size:18px;padding:10px 44px 10px 18px}


.section-history {}
.section-history .key-img {position: relative;z-index:3;clip-path: inset(10px 10px 10px 10px round 20px)}
.section-history.active .key-img {display:none;}
.section-history .key-img .img {border-radius: 20px;overflow:hidden;display: block;position:relative}
.section-history .key-img .img img {width:100%}
.section-history .key-img .year {position:absolute;top:50%;left:18%;font-size: 120px;font-weight: 600;color: #fff;}
.section-history .fake-img {position:absolute;top:0;left:0;width:100%;opacity: 0;border-radius: 20px;overflow:hidden;display:none}
.section-history.step2 .fake-img {opacity: 1;}
.section-history.step2 .key-img {opacity: 0;}

.section-history .history-cnt {padding:0 240px;display: flex;gap:110px;position: relative;top:calc( -100vh + 80px);margin-bottom:calc( -100vh + 80px);padding-bottom:300px;z-index:2;align-items: flex-start;}
.section-history .history-cnt .history-year {display: flex;flex-direction: column;position:relative;flex:0 0 560px;}
.section-history .history-cnt .history-year .year {font-size: 76px;font-weight: 600;color: var(--color-neutral-black);}
.section-history .history-cnt .history-year .dec {font-size: 24px;font-weight: 500;color:var(--color-neutral-black);}
.section-history .history-cnt .history-year .img-area {width:560px;margin-top:32px;border-radius: 20px;overflow: hidden;}

.section-history .history-cnt.active {background-color:#fff;z-index:4}
.section-history .history-cnt.active .history-year  {position:fixed;top:242px;left:240px;}
.section-history .history-cnt.active .history-year .img-area {opacity:1 !important}
.section-history .history-cnt.hold .history-year .img-area {opacity:1 !important}
.section-history .history-cnt.active .cnt {margin-left:670px}

/* .section-history .history-cnt.on .history-year .img-area {opacity:1;} */
.section-history .history-cnt .cnt {display: flex;flex-direction: column;padding-left:100px;gap:56px;}
.section-history .history-cnt .cnt .year {font-size: 36px;font-weight: 700;color: var(--color-neutral-black);display:flex;align-items: center;}
.section-history .history-cnt .cnt .year.important::after {content:"주요";display:inline-block;margin-left:10px;padding:8px 10px;background:var(--color-primary-main);font-size: 14px;font-weight: 700;color: #fff;border-radius: 5px;}
.section-history .history-cnt .cnt .dec {font-size: 24px;font-weight: 500;color: var(--color-neutral-gray-700);margin-top:10px}


.popup-directors-wrap {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10;}
.popup-directors-wrap .popup-directors {width:1280px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.popup-directors-wrap .popup-directors .btn-close {position:absolute;top:0;right:-50px;width:40px;height:40px;background:url("../img/common/btn-pop-close.png") no-repeat 0 0;text-indent:-9999px}
.popup-directors-wrap .popup-directors .popup-directors-inner {background:#fff;padding:40px;border-radius: 20px;overflow:auto;max-height:80vh;}
.popup-directors-wrap .popup-directors .popup-directors-inner::-webkit-scrollbar {width: 5px;height: 10px;}
.popup-directors-wrap .popup-directors .popup-directors-inner::-webkit-scrollbar-track {background:#fff;border-radius: 10px;margin:25px 0;}
.popup-directors-wrap .popup-directors .popup-directors-inner::-webkit-scrollbar-thumb {background:var(--color-neutral-gray-300);border-radius: 10px;}
.popup-directors-wrap .popup-directors .popup-directors-inner .title {font-size: 36px;font-weight: 700;color: var(--color-primary-main);padding-bottom:32px;border-bottom:1px solid var(--color-neutral-gray-400);display:flex;justify-content: space-between;align-items: center;}
.popup-directors-wrap .popup-directors .popup-directors-inner .title span {font-size: 14px;font-weight: 500;color: var(--color-neutral-gray-600);}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list > li {padding:26px 24px;border-bottom:1px solid var(--color-neutral-gray-300)}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list > li .tit {margin-bottom:26px;font-size: 18px;font-weight: 500;color: var(--color-neutral-black);}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dt {font-size: 14px;font-weight: 500;color:var(--color-neutral-black)}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd {font-size: 14px;font-weight: 400;color: var(--color-neutral-gray-800);}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd + dt {margin-top: 10px}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul {counter-reset: num;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li {padding-left:15px;position:relative;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li::before {content:counter(num)".";counter-increment: num;position:absolute;top:0;left:0}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li > ul {counter-reset: num;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li > ul > li {padding-left:20px;position:relative;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li > ul > li::before {content:counter(num)")";counter-increment: num;position:absolute;top:0;left:0;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li > ul > li > ul{counter-reset: num;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li > ul > li > ul > li {padding-left:15px;position:relative;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list dl dd > ul > li > ul > li > ul > li::before {content:"("counter(num)")";counter-increment: num;position:absolute;top:0;left:0}





/* ============================================================
 * 공통 다이얼로그 (Dialog.alert) - api.js Dialog._ensureDom() 에서 동적 생성
 * 페이지 전체 백드롭 + 중앙 정렬 + Bootstrap modal 보다 위 (z-index)
 * ============================================================ */
.app-dialog{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:none;align-items:center;justify-content:center;z-index:1080;padding:16px;}
.app-dialog.open{display:flex;}
.app-dialog-box{background:#fff;min-width:320px;max-width:480px;width:100%;padding:28px 24px 20px;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,0.25);text-align:center;}
.app-dialog-msg{margin:0 0 20px;font-size:15px;line-height:1.6;color:#222;white-space:pre-wrap;word-break:break-word;}
.app-dialog-btn{display:inline-block;min-width:96px;padding:10px 22px;background:var(--color-primary-main,#1f3a93);color:#fff;border:0;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;}
.app-dialog-btn:hover{filter:brightness(0.95);}
/* .app-dialog-btn:focus{outline:2px solid #ffbf47;outline-offset:2px;} 아웃라인 삭제 요청 */