: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;
}/*자동완성 위해서 추후 삭제 예정*/

@media (max-width: 768px) {
nav.pc {display:none;}

html,body {font-size: clamp(15px, 3vw, 42px);min-width: 0}
nav.pc {display:none;}

nav.mo {display:block;position:fixed;top:0;left:0;width:100vw;z-index: 10;}
nav.mo .nav-bar {padding:24px 16px;background:var(--color-neutral-white);display: flex;justify-content: space-between;align-items: center}
nav.mo .nav-bar h1 {width:83px;height:20px;}
nav.mo .nav-bar h1 a {background:url("../img/common/logo.png") no-repeat 0 0;background-size:100%;text-indent:-9999px;display: block;}
nav.mo .nav-bar .menu-btn {width:24px;height:24px;background: url("../img/common/menu-open.png") no-repeat 0 0;background-size:cover;text-indent: -9999px;}
nav.mo .nav-bar .menu-btn.open {background: url("../img/common/menu-close.png");background-size:24px}
nav.mo .nav-cnt {display:none;flex-direction: column;justify-content: space-between;background:var(--color-neutral-white);padding:0 20px;overflow:hidden;height:calc(100vh - 72px);border-top: 1px solid rgba(0, 0, 0, 0.20);overflow:auto;padding-bottom:30px;}
nav.mo .nav-cnt.open {display:flex;}
nav.mo .nav-cnt dl dt button {display:block;width:100%;text-align:left;padding:16px 0;font-size:16px;font-weight:700;color:var(--color-neutral-black);background:url("../img/common/btn-menu-open.png") no-repeat right center;background-size:24px;}
nav.mo .nav-cnt dl dt button.open {background:url("../img/common/btn-menu-close.png") no-repeat right center;background-size:24px;}
nav.mo .nav-cnt dl dt button.current {color:var(--color-primary-main)}
nav.mo .nav-cnt dl dd {display:none;}
nav.mo .nav-cnt dl dd.open {display:block;}
nav.mo .nav-cnt dl ul {display: block;padding: 8px 16px;background:rgba(65, 18, 170, 0.08);width:100%;border-radius:4px}
nav.mo .nav-cnt dl ul li a {font-size:14px;font-weight: 400;color:var(--color-neutral-gray-800);padding:10px 0;display: block;}
nav.mo .nav-cnt dl ul li a.current {color:var(--color-primary-main)}
nav.mo .nav-cnt dl ul li a.outlink span {padding-right:20px;background:url("../img/common/ico-outlink.png") no-repeat right center;background-size:14px;}
nav.mo .nav-cnt .copyright {font-size:10px;font-weight:400;color:var(--color-neutral-gray-700);text-align:center;margin-top:80px;}

header.dark nav.mo .nav-bar {background:transparent;}
header.dark nav.mo .nav-bar h1 a {background:url("../img/common/logo-dark.png") no-repeat 0 0;background-size:100%;}
header.dark nav.mo .nav-bar .menu-btn {background: url("../img/common/menu-open-dark.png") no-repeat 0 0;background-size:cover;}

.main-intro {clip-path: inset(4px 4px 4px 4px round 10px);}
.kv-swiper .swiper-slide .dec {font-size:53px;bottom:10px}
.kv-swiper .swiper-slide .dec br {display:none;}
.kv-swiper .fiexd-banner {padding:9px 34px 11px 16px;background:var(--color-primary-main) url("../img/common/btn-arrow-c.png") no-repeat right 10px center;bottom:52px;}
.kv-swiper .fiexd-banner2 {padding:9px 34px 11px 16px;background:var(--color-secondary-gold-deep) url("../img/common/btn-arrow-c.png") no-repeat right 10px center;bottom:10px;left:5%}
.kv-swiper .swiper-button-prev {bottom:55px;}
.kv-swiper .swiper-button-next {bottom:55px;}
.kv-swiper .text-mask {height:88%;}
.card-wrap {gap: 32%;height: 60%;transform: translate(-50%, 34%);width: 200%;margin-left: 50%;}

.founding {padding:56px 0 80px;}
.founding .fadein-wrap .tit {font-size:14px;}
.founding .fadein-wrap .fade {font-size:32px;padding:0 32px;line-height:1.5;word-break:keep-all;}
.founding .fadein-wrap .fade br {display:none;}
.founding .fadein-wrap .founding-link {display:none;}

.business {padding:72px 16px;}
.business .title {font-size:34px;}
.business .business-head {display:block;padding-left:0;margin-bottom:40px;}
.business .business-list {transform:translate(0, 0);margin-bottom:0px}
.business-swiper .swiper-slide {width:256px;height:366px;}
.business-swiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.business-swiper .swiper-slide .dec-wrap {padding:24px;}
.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 {position:relative;width:36px;height:36px;}
.business-swiper .swiper-slide .dec-wrap:hover a::after {background:var(--color-neutral-white) url("../img/common/btn-arrow.png") no-repeat center center;}
.business-swiper .swiper-slide .dec-wrap .tit {font-size:22px;margin-bottom:20px}
.business-swiper .swiper-slide .dec-wrap .dec {font-size:14px;margin-bottom:16px}
.business-swiper .swiper-slide .dec-wrap .dec br {display:none;}
.business-swiper .swiper-button-prev {display:none}
.business-swiper .swiper-button-next {display:none}


.sustainable {padding:0 24px;clip-path: inset(4px 4px 4px 4px round 10px);height:inherit}
.sustainable .sustainable-wrap {display:flex;flex-direction: column;justify-content: center;align-items: start;transform: translate(0, -60px);gap:64px}
.sustainable .sustainable-wrap .sectit {font-weight:700;flex:0 0 0}
.sustainable .sustainable-wrap .seccnt {transform: translate(0, 0);flex: 0 0 0}
.sustainable .sustainable-wrap .tit {margin-bottom:24px;}
.sustainable .sustainable-wrap .dec {margin-bottom:24px;}


.discover {padding:72px 16px;}
.discover .discover-wrap .discover-head {flex-direction: column;padding-bottom:20px;margin-bottom:20px;align-items: flex-start;gap:16px}
.discover .discover-wrap .discover-head p {font-size:34px;}
.discover .discover-wrap .discover-cnt {gap:20px;}
.discover .discover-wrap .discover-cnt li {display:flex;gap:48px;padding-top:20px}
.discover .discover-wrap .discover-cnt li .cnt-box {padding-top:0;flex-direction: column;gap:4px}
.discover .discover-wrap .discover-cnt li .cnt-box .tit {font-size:16px;margin-bottom:4px;flex-direction: column;align-items: flex-start;gap:12px}
.discover .discover-wrap .discover-cnt li .cnt-box .date {text-align:left;font-size:14px;position:relative;}
.discover .discover-wrap .discover-cnt li.new .cnt-box .tit::before {padding:5px 8px;font-size:10px;position:relative;display:block;width:40px;margin-bottom:12px}


.relation {padding:160px 24px 216px 24px;clip-path: inset(4px 4px 4px 4px round 10px);height:inherit}
.relation .relation-wrap {display:flex;flex-direction: column;justify-content: center;align-items: start;gap:64px}
.relation .relation-wrap .sectit {font-weight:700;transform: translate(0, 0);}
.relation .relation-wrap .seccnt {transform: translate(0, 0);}
.relation .relation-wrap .tit {margin-bottom:24px;}
.relation .relation-wrap .dec {margin-bottom:24px;}

.chinhung {padding:80px 16px 80px}
.chinhung .chinhung-wrap {display:flex;flex-direction: column;justify-content: center;align-items: start;gap:64px}
.chinhung .chinhung-wrap .sectit {transform: translate(0, 0);width:202px;}
.chinhung .chinhung-wrap .tit {font-size:28px;margin-bottom:24px;}
.chinhung .chinhung-wrap .dec {margin-bottom:24px;font-size:14px;}
.chinhung .chinhung-wrap .dec br {display:none}

.gototop {width:32px;height:32px;background-size:20px;right:15px;bottom:15px;}

footer .footer-wrap {flex-direction: column;gap:56px;padding:56px 16px 40px;}
footer .footer-wrap .footer-top {flex-direction: column;gap:32px}
footer .footer-wrap .footer-top .left-side dl {justify-content: flex-start;flex-direction:column;gap:4px;}
footer .footer-wrap .footer-top .left-side dl dt {font-size:12px;flex:0 0 auto}
footer .footer-wrap .footer-top .left-side ul {gap:4px;flex-direction: column;}
footer .footer-wrap .footer-top .left-side ul li {font-size:12px;}
footer .footer-wrap .footer-top .left-side ul li:nth-child(1) {flex:0 0 auto}
footer .footer-wrap .footer-top .left-side ul li:nth-child(2) {flex:0 0 auto}
footer .footer-wrap .footer-top .left-side ul li::before {display:none}
footer .footer-wrap .footer-top .right-side {width:70%}



footer .footer-wrap .footer-bottom {padding-top:16px;flex-direction: column;gap:24px;}
footer .footer-wrap .footer-bottom ul li a {font-size:13px;padding:0 26px;}

.popup-wrap {padding:44px 10px 10px;position:fixed;bottom:12px;left:50%;transform:translate(-50%,0);width:calc( 100% - 24px )}
.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:100%;margin-bottom:10ppx}
.pop-swiper .swiper-slide {width:100%}
.pop-swiper .swiper-slide img {width:100%;}

.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:10px 36px 10px 16px;;font-size:14px;font-weight:700;background:var(--color-neutral-gray-100) url("../img/common/btn-arrow.png") no-repeat right 3px center;}
.long-btn {font-size:16px;padding:10px 14px;}

.tab-boxhead {padding:0 0;}
.tab-boxhead-inner {display:flex;flex-wrap:nowrap;overflow: auto;}
.tab-boxhead-inner::-webkit-scrollbar {display:none;}
.tab-boxhead-inner ul {border:1px solid var(--color-neutral-gray-400);border-radius: 4px;;display:flex;flex-wrap:nowrap;width:inherit;overflow:hidden;margin:0 16px}
.tab-boxhead-inner li {flex:0 0 auto;}
.tab-boxhead-inner button {padding:14px 44px;font-size:13px;font-weight:700;color:var(--color-neutral-black);}
.tab-boxhead-inner button:hover {color:var(--color-neutral-black);background:none;}
.tab-box-cont {padding:40px 0 0; }

.sumnail-board {grid-template-columns: repeat(2, 1fr);gap:20px 8px;}
.sumnail-board .tit {font-size:15px;margin-top:16px}
.sumnail-board .date {font-size:12px;margin-top:12px}
.boardpagenation button {width:40px;height:40px;}
.select2 .selection .pagestyle .select2-selection--single {padding:0 17px;}
.select2 .selection .pagestyle .select2-selection--single .select2-selection__rendered {line-height:38px}

.select2 .selection .tableselect.select2-selection--single {line-height:30px;}
.select2 .selection .tableselect.select2-selection--single .select2-selection__rendered {font-size:13px;}
.select2 .selection .tableselect.select2-selection--single .select2-selection__arrow {height:16px;width:16px;}
.select2 .selection .tableselect.select2-selection--single .select2-selection__arrow b {width:16px;height:16px;background-size:16px;}

.table-wrap {display: flex;flex-wrap: nowrap;overflow:auto;width:calc(100% + 32px);transform: translate(-16px, 0);padding-left:16px;}
.head-table {table-layout: fixed;min-width:900px;}
.head-table thead th {font-size:14px;font-weight:700;padding:12px 16px}
.head-table tbody td {font-size:14px;font-weight:400;padding:12px 16px}
.head-table tbody td.left {font-size:14px}
.head-table tbody th {font-size:14px;font-weight:400;padding:12px 16px}
.head-table.td-small td {padding:6px 16px}
.table-wrap.none-scroll .left-table {width:calc(100% - 16px)}
.left-table tbody th {font-size:14px;font-weight:700;padding:12px 16px;}
.left-table tbody td {font-size:14px;font-weight:400;padding:12px 16px;}


.graph-wrap {padding-bottom:30px;overflow:visible}
.graph-wrap .graphs {flex-direction: column;gap:100px;padding:0 0}
.graph-wrap .graphs .graph {padding-top:40px;height:40vh;}
.graph-wrap .graphs .graph + .graph::before {content:"";background: var(--color-neutral-gray-300);position:absolute;width:calc( 100% + 32px);height:1px;top:-30px;left:-16px;}
.graph-wrap .graphs .graph:nth-child(2):after {display:none;}
.graph-wrap .graphs .graph p {font-size:20px;}
.graph-wrap .graphs .graph p span {font-size:13px;}
.graph-wrap .graphs .graph .grahp-canvas .graph-box {gap:4%;}
.graph-wrap .graphs .graph .grahp-canvas .graph-box div {width:6.5rem}

/* .acc-wrap > li {padding:14px 14px 14px;border-radius: 10px;}
.acc-wrap > li .acc-btn {font-size:20px;}
.acc-wrap > li .acc-btn::after {content:"열기";width:24px;height:24px;background-size:24px;}
.acc-wrap > li .acc-cnt {padding-top:14px}
.acc-wrap > li.open .acc-btn::after {background-size:24px;} */
/* .acc-wrap > li.open .acc-cnt {display:block;} */


.terms-acc-wrap > li button {padding:16px 35px 16px 8px;font-size: 16px;background:url("../img/common/acc-btn-arrow.png") no-repeat right 8px center;background-size:24px;}
.terms-acc-wrap > li.open button {background: url("../img/common/acc-btn-arrow-close.png") no-repeat right 8px center;background-size:24px;}
.terms-acc-wrap > li > dl > dd {padding:0 8px 8px 8px;}
.terms-acc-wrap > li > dl > dd p {font-size:13px;}
.terms-acc-wrap > li > dl > dd .tit {font-size: 13px;}
.terms-acc-wrap > li > dl > dd .subtit {font-size: 13px;}
.terms-acc-wrap > li > dl > dd .down {font-size:13px}
.terms-acc-wrap > li > dl > dd > ul {padding-left:15px}
.terms-acc-wrap > li > dl > dd > ul > li {font-size:13px;}
.terms-acc-wrap > li > dl > dd > ul > li > ul > li {font-size: 13px;}
.terms-info {padding-left:8px}
.previous-terms p {padding-left:8px;font-size: 14px;}
.previous-terms ul {margin-top:16px;}
.previous-terms ul li {padding:16px 8px;}
.previous-terms ul li a {font-size: 16px;}





/*subpage*/
.page-cont {width:100%;transform: translate(0,0);left:0;}
.page-head {padding-top:74px;position:sticky;top:-156px;}
.page-head-wrap {padding:0 16px;}
.page-head-wrap img {width:100%;height:100%;object-fit: cover;overflow:hidden;}
.page-head-wrap .page-title-wrap {display:flex;flex-direction: column-reverse;}
.page-head-wrap .page-title-wrap .page-title {font-size:34px;margin-bottom:24px;}
.page-head-wrap .page-title-wrap .location {font-size:12px;text-align:right;}
.page-head-wrap .sub-page-list {display:flex;width:100%;justify-content: space-around;flex-wrap:nowrap;overflow:auto;}
.page-head-wrap .sub-page-list::-webkit-scrollbar {display:none;}
.page-head-wrap .sub-page-list li {flex:0 0 auto;}
.page-head-wrap .sub-page-list a {padding: 20px 14px;font-size:14px;border-bottom:2px solid #FFFFFF;}
.page-head-wrap .sub-page-list a.outlink {background:url("../img/common/ico-outlink.png") no-repeat right -2px center;background-size:14px}
.page-cont-wrap {overflow:hidden;}
.page-cont-view {position:relative;clip-path: inset(10px 4px 10px 4px round 20px);}
.page-cont-view .page-head-title-wrap {padding:0 24px;flex-direction: column;gap:64px;justify-content: center;}
.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 br {display:none}
.page-cont-view .page-head-title-wrap p + p {margin-top:14px}
.page-cont-view .page-head-title-wrap .left .tit {font-size:3rem;margin-bottom:16px;margin-top:0px;}
.page-cont-view .page-head-title-wrap .right .tit {font-size:1.2rem;margin-bottom:24px} 
.page-cont-view .page-head-fixtitle-wrap {padding:0 24px;flex-direction: column;gap:64px;justify-content: center;}
.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:14px}
.page-cont-view .page-head-fixtitle-wrap .left .tit {font-size:3rem;margin-bottom:16px;margin-top:0px;}
.page-cont-view .page-head-fixtitle-wrap .right .tit {font-size:1.2rem;margin-bottom:24px} 


.page-cont-view.single {height:140px}
.page-cont-view.single.moved img {width:100%;height:100%;object-fit: cover;}
.page-cont-view.single .page-head-title-wrap p {font-size:1.2rem;}
.page-cont-view.single.moved img {}

.pagecnt {padding:32px 0}
.pagecnt.full {padding:0 0 32px 0}
.pagecnt .cnt-title {font-size:22px;margin-bottom:16px;align-items: center;}
.pagecnt .cnt-subtitle {font-size:20px;margin-bottom:12px;}
.pagecnt .cnt-title.line {padding-bottom:12px;}
.pagecnt .cnt-title.search {flex-direction: column;align-items: flex-start;gap:16px}
.pagecnt .big-cnt-title {font-size:34px;margin-bottom:40px}
.pagecnt .section-wrap {padding:0 16px} 
.pagecnt .section-wrap .section-wrap {padding:0 0}
.pagecnt .section-wrap + .section-wrap {margin-top:40px}
.pagecnt .section-wrap + .section-wrap.wide {margin-top:64px}
.pagecnt .tab-box + .section-wrap {margin-top:32px}
.text-cnt-wrap p {font-size:13px;}
.text-cnt-wrap p.tit {font-size:13px;}
.text-cnt-wrap p + .tit {margin-top:14px}
.text-cnt-wrap .tit + p {margin-top:4px}
.text-cnt-wrap .imgbox {margin:16px 0;}
.text-cnt-wrap a {margin-top:24px;}
.text-cnt-wrap .text-cnt-box-wrap {gap:16px 10px;flex-direction: column;}
.text-cnt-wrap .text-cnt-box-wrap.report {gap:40px 10px}
.text-cnt-wrap .text-cnt-box {padding:20px;}
.text-cnt-wrap .text-cnt-box.white {padding:0 0;}
.text-cnt-wrap .text-cnt-box .tit {font-size: 20px;}
li .dot-list {margin-top:5px}
.dot-list {gap:5px}
.dot-list > li {font-size:16px;}
.tit + .num-list {margin-top:12px}
.num-list {gap:5px}
.num-list > li {font-size:16px;padding-left:15px}


.text-cnt-wrap .text-cnt-box .info-tit {padding-left:30px;font-size:20px;}
.text-cnt-wrap .text-cnt-box .info-dec {margin-top:12px;font-size: 16px;}
.text-cnt-wrap .text-cnt-box .info-etc {margin-top:12px;font-size: 14px;}
.text-cnt-wrap .text-cnt-box .info-tit.ico01 {background:url("../img/content/ico-infographic01.png") no-repeat 0 center;background-size:20px}
.text-cnt-wrap .text-cnt-box .info-tit.ico02 {background:url("../img/content/ico-infographic02.png") no-repeat 0 center;background-size:24px}
.text-cnt-wrap .text-cnt-box .info-tit.ico03 {background:url("../img/content/ico-infographic03.png") no-repeat 0 center;background-size:24px}
.text-cnt-wrap .text-cnt-box .info-tit.ico04 {background:url("../img/content/ico-infographic04.png") no-repeat 0 center;background-size:24px}
.text-cnt-wrap .text-cnt-box .info-tit.ico05 {background:url("../img/content/ico-infographic05.png") no-repeat 0 center;background-size:24px}
.text-cnt-wrap .text-cnt-box .info-tit.ico06 {background:url("../img/content/ico-infographic06.png") no-repeat 0 center;background-size:24px}

.terms-wrap {padding-bottom:32px;padding:20px 20px;}
.terms-wrap > dl > dt {font-size:13px;}
.terms-wrap > dl > dd > dl > dt {font-size:13px;}
.terms-wrap > dl > dd > dl > dd {margin-top:8px}
.terms-wrap > dl > dd > dl > dd > ol {padding-left:20px}
.terms-wrap > dl > dd > dl > dd > ol > li {font-size:13px;}
.terms-wrap > dl > dd + dt {margin-top:24px}
.terms-wrap .history {margin-top:20px}
.terms-wrap .history p {font-size:13px;}
.terms-wrap.style-small > dl > dd + dt {margin-top:24px;}
.terms-wrap.style-small > dl > dd {margin-top:10px}
.terms-wrap.style-small > dl > dd > dl > dd {margin-top:0px}
.terms-wrap.style-small > dl > dd > dl > dt {margin-top:8px}



 
/*content*/
.post-wrap .post {padding:72px 16px 56px 16px;flex-direction: column;}
.post-wrap .post .post-head {flex:1 1 0}
.post-wrap .post .title {font-size:34px;}
.post-wrap .post .post-cont {flex:1 1 0;margin-top:40px}
.post-wrap .post .post-cont .tit {font-size:16px;}
.post-wrap .post .post-cont .dec {font-size:14px;}
.post-wrap .post .post-cont a {margin-top:24px;}
.post-wrap .post-list {padding-bottom:32px;}
.post-wrap .post-list ul {gap:8px;overflow:auto}
.post-wrap .post-list li {flex:0 0 256px}
.post-wrap .post-list li:nth-child(1) {margin-left:16px}
.post-wrap .post-list li:last-child {margin-right:16px}
.post-wrap .post-list li .list-cnt {padding:24px 24px;}
.post-wrap .post-list li .list-cnt .tit {font-size:20px;font-weight:600;}
.post-wrap .post-list li .list-cnt .dec {font-size:14px;font-weight:500;margin-top:16px;}

.slogan {padding:72px 32px;}
.slogan p {font-size:32px;}

.harrignton {padding:64px 16px;}
.harrignton .title {font-size:34px;}
.harrignton ul {display:flex;gap:24px 24px;flex-wrap: wrap;margin-top:56px;flex-direction: column;padding-bottom:0}
.harrignton ul li {flex:0 0 auto;padding:12px 12px 56px 12px;border-radius: 10px;}
.harrignton ul li .sum {margin-bottom:24px;border-radius: 10px;}
.harrignton ul li .sum p {bottom:12px;left:12px;font-size:16px;}
.harrignton ul li > p {font-size:14px;margin-bottom:24px;}
.harrignton ul li.place {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-place.png") no-repeat bottom 16px left 12px;background-size: 186px;}
.harrignton ul li.square {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-square.png") no-repeat bottom 16px left 12px;background-size: 191px;}
.harrignton ul li.count {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-count.png") no-repeat bottom 16px left 12px;background-size: 192px;}
.harrignton ul li.tower {background: rgba(145, 115, 69, 0.06) url("../img/content/bg-tower.png") no-repeat bottom 16px left 12px;background-size: 191px;}
.harrignton ul li:nth-child(even) {transform: translate(0, 0);}
.harrignton-prev {padding:20px 16px 0;} 
.harrignton-prev .more-btn button {font-size:14px;padding:12px 16px}
.harrignton-prev .more-cnt {padding:32px 0;}
.harrignton-prev .more-cnt .title {font-size:34px;}
.harrignton-prev .more-cnt ul {margin-top:24px;gap:8px;flex-direction: column;}
.harrignton-prev .more-cnt ul li {flex:0 0 100%}
.harrignton-prev .more-cnt ul li img {width:100%;}

.list-new {padding:36px 24px;}
.list-new .list-new-wrap {display:flex;flex-direction: column;gap:16px}
.list-new .list-new-wrap .sum {flex:0 0 auto;}
.list-new .list-new-wrap .cnt-box {padding-top:0;}
.list-new .list-new-wrap .cnt-box .tit {font-size:20px;font-weight:600;margin-bottom:8px;}
.list-new .list-new-wrap .cnt-box .cnt {font-size:14px;font-weight: 400;margin-bottom:12px;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.list-new .list-new-wrap .cnt-box .date {text-align:left;font-size:14px;}
.list-new .list-new-wrap.new .cnt-box::before {padding:6px 10px;font-size:10px;position:relative;margin-bottom:12px;display:inline-block;}
.list-wrap {padding:0 0;}
.list-wrap .list-cnt {gap:20px;}
.list-wrap .list-cnt li {display:flex;gap:48px;padding-top:20px}
.list-wrap .list-cnt li .cnt-box {padding-top:0;flex-direction: column;gap:4px}
.list-wrap .list-cnt li .cnt-box .tit {font-size:16px;margin-bottom:4px;flex-direction: column;align-items: flex-start;gap:12px}
.list-wrap .list-cnt li .cnt-box .date {text-align:left;font-size:14px;position:relative;}
.list-wrap .list-cnt li.new .cnt-box .tit::before {padding:5px 8px;font-size:10px;position:relative;display:block;width:40px;margin-bottom:12px}
.list-wrap .no-result p {font-size: 18px;}
.list-wrap .no-result a {margin-top:40px;padding:14px 14px;font-size:14px}
.search-box input {font-size:14px;padding:10px 50px 10px 14px;background:var(--color-neutral-gray-50) url("../img/common/ico-search.png") no-repeat right 14px center;height:42px;}
.search-box button {font-size:14px;padding:10px 24px;}

.credit-rating {flex-direction: column;}
.credit-rating .credit-rating-box {border-radius:10px;padding:24px;flex:0 0 auto}
.credit-rating .credit-rating-box .tit {font-size:16px;margin-bottom:48px;}
.credit-rating .credit-rating-box .grade {font-size:32px;margin-bottom:24px}
.credit-rating .credit-rating-box .grade span {margin-left:8px;font-size:22px;}
.credit-rating .credit-rating-box .dec {font-size:16px;}
.credit-rating .credit-rating-box .dec span {font-size:13px;}
.credit-rating .table-wrap {flex:0 0 100%;padding:0 16px;}
.credit-rating .table-wrap .head-table {min-width:inherit;width:100%;}

.download-list {gap:7px;}
.download-list li {padding:13px 20px;border-radius: 7px;gap:20px;}
.download-list li span {flex-direction:column;align-items: flex-start;}
.download-list li span em:first-child {font-size:16px;font-weight:500;width:100%;display: flex;flex-direction: column;margin-bottom:4px;}
.download-list li span em:last-child {font-size:12px;}
.download-list li button {padding:7px 12px;font-size:12px;align-self: center;}
.download-list li.sales span em:first-child::before {padding:6px 8px;font-size: 12px;margin-right:0;margin-bottom:10px;align-self:flex-start}
.download-list li.audit span em:first-child::before {padding:6px 8px;font-size: 12px;margin-right:0;margin-bottom:10px;align-self:flex-start}
.download-list li.business span em:first-child::before {padding:6px 8px;font-size: 12px;margin-right:0;margin-bottom:10px;align-self:flex-start}
.download-list li.management span em:first-child::before {padding:6px 8px;font-size: 12px;margin-right:0;margin-bottom:10px;align-self:flex-start}

.view-page {width:100%;padding:40px 16px 0;}
.view-page .view-head {padding-top:24px;gap:24px;border-bottom:2px solid var(--color-neutral-black)}
.view-page .view-head .view-title {font-size:26px;}
.view-page .view-head.new .view-title::before {padding:6px 8px;font-size:12px;margin-bottom:24px;width:43px}
.view-page .view-head .view-date {font-size:16px;}
.view-page .view-cnt {padding: 32px 0 72px;}
.view-page .view-list li {padding:20px 0;}
.view-page .view-list li p {flex-direction: column;}
.view-page .view-list li p span {font-size:14px;margin-top:4px}
.view-page .view-list li p a {font-size:20px;}
.view-page .view-list li p a span {display:block;font-size: 14px;margin:0 0 12px 0;}
.view-page .view-list li p .pre {background:url("../img/common/pre-list.png") no-repeat 0 center;background-size:20px}
.view-page .view-list li p .next {background:url("../img/common/next-list.png") no-repeat 0 center;background-size:20px}
.btn-view-list {padding:16px 16px;font-size:16px;margin-top:24px;}

.report-box {padding:0 0 ;}
.report-box.report {background:none}
.report-box.report-anonymous {background:none}
.report-box.report .tit {font-size:22px;font-weight:700;color:var(--color-neutral-black);background: url("../img/content/ico-report.png") no-repeat 0 8px;background-size:32px;padding-left:44px;height:48px;line-height:48px}
.report-box.report-anonymous .tit {font-size:22px;font-weight:700;color:var(--color-neutral-black);background: url("../img/content/ico-report-anonymous.png") no-repeat 0 8px;background-size:32px;padding-left:44px;;height:48px;line-height:48px}
.report-box p.cnt {font-size:16px;margin-top:12px;}
.report-box .report-btn {gap:12px;}
.report-box .report-btn a {font-size:16px;padding:10px 14px;margin-top:12px}

.terms-agree-box  + .terms-agree-box {margin-top:48px}
.terms-agree-box .tit {font-size:13px;}
.terms-agree-box .box-terms {padding:20px 20px;margin-top:12px;}
.terms-agree-box .box-terms .box-terms-inner {height:190px;}
.terms-agree-box .box-terms .box-terms-inner::-webkit-scrollbar {width: 5px;height: 5px;}
.terms-agree-box .box-terms .term-txt1 {font-size:13px;}
.terms-agree-box .box-terms .term-txt1 span {flex:0 0 10px}
.terms-agree-box .box-terms .term-txt2 {font-size:13px;padding-left:15px}
.terms-agree-box .box-terms .term-txt3 {font-size:13px;padding-left:15px}
.terms-agree-box .box-terms .term-txt3 li {margin-top:5px}
.terms-agree-box .box-terms .term-txt4 {font-size:12px;padding-left:10px}
.terms-agree-box .box-terms .term-txt4 li::before {margin-right:5px;}
.terms-agree-box .box-terms .term-txt4 li {margin-top:3px}
.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:12px;}
.terms-agree-box .agree-box-wrap .agree-link {font-size:13px;}

.check-box {font-size: 13px;}
.check-box label {padding-left:20px;background-size:14px}
.check-box input[type="checkbox"]:checked + label {background-size:14px}
.radio-wrap {display:flex;justify-content: flex-start;gap:20px;flex-wrap: wrap;gap:10px}
.radio-wrap .radio-box label {font-size: 13px;padding-left:20px;background-size:14px}
.radio-wrap .radio-box input[type="radio"]:checked + label {background-size: 14px;}
.submit-btn {margin-top:48px;}
.submit-btn button {font-size: 16px;padding:10px 15px;}

.form-box-wrap {gap:24px}
.form-box-wrap .form-box-inner {flex-direction: column;justify-content: flex-start;gap:24px;} 
.form-box-wrap .form-box-inner .form-box {gap:10px;}
.form-box-wrap .form-box-inner .form-box.single {flex:0 0 100%;}
.form-box-wrap .info {font-size: 16px;margin-top:0;padding-left:13px}
.form-box-wrap .form-box-inner + .info {margin-top:-20px}
.form-box-wrap .form-box .info {margin-top:0px}
.form-box label,
.form-box p {font-size: 20px;}
.form-box input {padding:12px 12px;font-size: 16px;}
.form-box textarea {padding:12px 12px;height:120px;font-size: 12px;}
.form-box .input-file {gap:10px}
.form-box .input-file span {padding:12px 12px;font-size: 16px;flex:1 1;line-height:24px;}
.form-box .input-file span .filename {line-height:16px}
.form-box .input-file label {padding:10px 10px;font-size: 16px;width:auto}
.form-box .check-id {gap:10px}
.form-box .check-id input {flex:1 1 auto}
.form-box .check-id button {padding:10px 15px;font-size: 16px;flex:1 1 auto;}

.anonymous-login {gap:10px;width:100%;padding:20px 20px}
.anonymous-login .input {gap:10px;}
.anonymous-login .input label {font-size: 20px;}
.anonymous-login .input input {padding:12px 12px;}
.anonymous-login button {padding:10px 15px;font-size: 16px;}

.legal-page {width:100%;padding:40px 0 0;}
.legal-page .legal-head {padding-top:24px;padding-bottom:24px;}
.legal-page .legal-head .legal-title {font-size:34px;}
.legal-page .legal-cnt {padding:24px 0;}
.legal-page .legal-cnt p {font-size: 16px;}
.legal-page .legal-cnt .tit {font-size: 16px;}
.legal-page .legal-cnt .info {margin-top:20px}
.legal-page .legal-cnt p + .tit {margin-top:20px;}
.legal-page .legal-cnt .tit + p {margin-top:5px}

.notfound-wrap br {display:block;}
.notfound-wrap .notfound {padding:168px 0 24px;background: url("../img/content/bg-notfound.png") no-repeat center top 80px;background-size:48px}
.notfound-wrap .notfound .ko {font-size: 22px;}
.notfound-wrap .notfound .en {font-size: 15px;margin-top:15px}
.notfound-wrap .explore {padding-top:36px;}
.notfound-wrap .explore .ko {font-size: 13px;}
.notfound-wrap .explore .en {font-size: 12px;margin-top:10px}
.notfound-wrap .explore a {margin-top:24px;padding:10px 15px;font-size: 16px;font-weight:500;min-width:0}

.certified-wrap {padding:16px 0;display:flex;flex-direction: column;gap:48px;}
.certified-wrap .certified {display:flex;gap:32px;flex-direction: column;}
.certified-wrap .certified .certified-sum {flex:0 0 auto;padding:0 56px;}
.certified-wrap .certified .certified-cnt {gap:12px}
.certified-wrap .certified .certified-cnt p {font-size: 20px;}
.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 {width:calc( 100% - 40px)}
.img-view-popup .img-view-close {width:32px;height:32px;background:url("../img/common/btn-pop-close.png") no-repeat 0 0;background-size:100%;top:-40px;right:0;}


.social-box {padding:16px 16px;margin-bottom:24px}
.social-box .tit {padding-left:0;padding-top:32px;font-size: 16px;background:url("../img/content/ico-social.png") no-repeat 0 0;background-size: 20px;}
.social-box .etc {margin-top:32px;font-size: 14px;}
.social-box .etc span {font-size: 14px;vertical-align: top;line-height:14px;margin:0 12px}
.social-box .social-imgbox {padding:35px 0 35px;gap:32px;flex-direction: column;align-items: center;}
.social-box .social-imgbox span {justify-content: center;}
.social-box .social-imgbox img {max-width:80%;}
.text-cnt-wrap.social p {font-size: 16px;font-weight: 500;color: var(--color-neutral-gray-800);}
.csr-list {margin-top:24px;gap:40px;justify-content: space-between;padding-bottom:24px}
.csr-list li {gap:16px;flex:1 1 auto}
.csr-list li:nth-child(even) {transform: translate(0, 0);}
.csr-list li .tit {font-size: 20px;}
.csr-list li .cnt {margin-top:-6px;font-size: 16px;}
.sources {font-size: 14px;}
.sharing {padding:20px 20px;gap:32px;}
.sharing .logo p {font-size: 16px;margin-top:10px}
.sharing .link {display:block;}
.sharing .link > span {width:160px;display: block;}
.sharing .link .btn-box {display: flex;justify-content:space-between;font-size: 16px;margin-top:10px}

.greeting-box {padding:0 0}
.greeting-box .greeting .tit {font-size: 20px;margin-bottom:32px;padding-bottom:32px}
.greeting-box .greeting p {font-size: 14px;}
.greeting-box .greeting p + p {margin-top:24px}
.greeting-box .greeting p.big {font-size:16px;}
.greeting-box .greeting .signature {margin-top:20px;font-size: 14px;}
.greeting-box .greeting .signature span {font-size:26px;}

.vision-list {gap:12px 12px;padding-bottom:0}
.vision-list li {flex: 1 1 100%;}
.vision-list li:nth-child(even) {transform: translate(0, 0);}
.vision-list li > div {padding:24px 24px;}
.vision-list li > div p {font-size: 14px;}
.vision-list li > div .tit {font-size: 20px;margin-bottom:10px}

.regulations {margin-top:12px;}
.regulations .arrow-btn {font-size:14px;padding:8px 36px 8px 14px} 

.section-history .key-img {position: relative;}
.section-history .key-img .img {border-radius: 20px;height:calc( 100vh - 80px);clip-path: inset(10px 10px 10px 10px round 20px);}
.section-history .key-img .img img {height:100%;object-fit: cover;}
.section-history .key-img .year {position:absolute;top:40%;left:24px;font-size: 42px;font-weight: 600;color: #fff;}
.section-history .fake-img {position:absolute;top:0;left:0;width:100%;height:calc( 100vh - 80px);opacity: 0;border-radius: 20px;overflow:hidden;display:block}
.section-history .fake-img img {width:100%;height:100%;object-fit: cover;}
.section-history.step2 .fake-img {opacity: 1;}
.section-history.step2 .key-img {opacity: 0;}

.section-history .history-cnt {padding:48px 16px;gap:4px;top:-100vh;margin-bottom:-100vh;flex-direction: column;}
.section-history .history-cnt .history-year {flex:0 0 auto}
.section-history .history-cnt .history-year .year {font-size: 34px;margin-bottom:24px}
.section-history .history-cnt .history-year .dec {font-size: 16px;}
.section-history .history-cnt .history-year .img-area {width:100%;margin-top:32px;}
/* .section-history .history-cnt.on .history-year .img-area {opacity:1;} */
.section-history .history-cnt .cnt {margin-top:40px;padding-left:0;gap:32px}
.section-history .history-cnt .cnt .year {font-size: 22px;font-weight: 700;color: var(--color-neutral-black);display:flex;align-items: center;}
.section-history .history-cnt .cnt .year.important::after {margin-left:10px;padding:6px 8px;font-size: 10px;}
.section-history .history-cnt .cnt .dec {font-size: 16px;margin-top:10px}



/*mo전용*/
.board-view-page {width:100%;}
.board-view-head {padding:20px 16px;}
.board-view-head .btn-historyback {width:36px;height:36px;background:url("../img/common/btn-historyback.png") no-repeat 0 0;background-size:100%;text-indent:-9999px}
.board-view-cnt {padding:32px 16px 120px 16px;}
.board-view-cnt .title {font-size:32px;font-weight:700;color:var(--color-neutral-black);margin-bottom:35px}
.board-view-cnt .cnt-list {border-top:1px solid var(--color-neutral-gray-900);margin-bottom:32px;}
.board-view-cnt .cnt-list li {display:flex;padding:18px 0;gap:28px;border-bottom:1px solid var(--color-neutral-gray-400)}
.board-view-cnt .cnt-list li span {position:relative;}
.board-view-cnt .cnt-list li span:first-child {font-size:16px;font-weight:700;color:var(--color-neutral-gray-900);flex:0 0 auto;}
.board-view-cnt .cnt-list li span:last-child {font-size:16px;font-weight:500;color:var(--color-neutral-gray-800);}
.board-view-cnt .cnt-list li span:last-child::before {content: "";width:1px;height:10px;position:absolute;top:5px;left:-14px;background:var(--color-neutral-gray-400);}
.page-ctl-box {position:fixed;bottom:0;left:0;width:100%;padding:20px 16px;z-index: 5;background:#fff;}
.page-ctl-box .boardpagenation {margin-top:0}
.board-view-cnt .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-directors-wrap {}
.popup-directors-wrap .popup-directors {width:calc(100% - 16px);transform:translate(-50%, -50%);}
.popup-directors-wrap .popup-directors .btn-close {position:absolute;top:-50px;right:0;}
.popup-directors-wrap .popup-directors .popup-directors-inner {padding:24px 16px;}
.popup-directors-wrap .popup-directors .popup-directors-inner .title {font-size: 22px;flex-direction:column;align-items: flex-start;gap:12px;padding-bottom:16px}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list > li {padding:16px 0px;}
.popup-directors-wrap .popup-directors .popup-directors-inner .directors-list > li .tit {margin-bottom:26px;font-size: 16px;}


.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:90%;max-height:85vh;border-radius: 20px;}
.popup-view-wrap .popup-view .btn-close {top:-40px;right:0;width:30px;height:30px;background:url("../img/common/btn-pop-close.png") no-repeat 0 0;background-size:100%}
.popup-view-wrap .popup-view .popup-view-inner {display:flex;gap:20px;padding:24px 16px;flex:1 1 0;flex-direction: column-reverse;overflow:auto;height:100%;justify-content: flex-end;}
.popup-view-wrap .popup-view .popup-view-inner::-webkit-scrollbar {display:none;}
.popup-view-wrap .popup-view .popup-view-inner .cont-wrap {flex:0 0 auto;}
.popup-view-wrap .popup-view .popup-view-inner .view {flex:0 0 auto;}

.popup-view-wrap .popup-view .popup-view-inner .cont {display:flex;flex:0 0 auto;}
.popup-view-wrap .popup-view .popup-view-inner .cont .title {font-size:22px;margin-top:0;}
.popup-view-wrap .popup-view .popup-view-inner .cont .cont-list {margin-top:16px;}
.popup-view-wrap .popup-view .popup-view-inner .swiper-slide {aspect-ratio: 4/3;}

.popup-view-wrap .popup-view .boardpagenation {margin-top:16px;}





}