/* 공통 */
.bg-gradation {color: #fff; background: linear-gradient(90deg, var(--main, #C25D99) 0%, var(--blue, #5E7BAF) 100%);}
.fc-gradation {display: block; width: fit-content; line-height: 1.2; word-break: keep-all; word-wrap: break-word; background-image: linear-gradient(90deg, rgba(194,93,153,1) 10%, rgba(94,123,175,1) 100%); background-clip: text;	-webkit-background-clip: text; color: transparent;}

.hlight-tit strong {position: relative; line-height: 1.2; font-weight: 600; font-size: 2.6rem; color: var(--main);}
.hlight-tit strong::before {content: ""; position: absolute; left: 0; bottom: -2px; z-index: -1; width: 100%; height: 15px; background-color: var(--light-main);}

.hlight-tit2 strong {position: relative; line-height: 1.2; font-weight: 600; font-size: 2.2rem; color: var(--blue);}
.hlight-tit2 strong::before {content: ""; position: absolute; left: 0; bottom: -2px; z-index: -1; width: 100%; height: 15px; background-color: var(--light-blue);}

.img-tit strong {display: flex; align-items: center; gap: 12px; line-height: 1.2; font-weight: 600; font-size: 2.6rem;}
.img-tit strong::before {content: ""; display: block; width: 19px; height: 19px; background: url(../img/content/imgtit-icon.svg) no-repeat center / contain;}

div.no-data {width: 100%; padding: 60px 0; border-top: 2px solid var(--main); border-bottom: 1px solid var(--gray-e5); font-size: 2rem; text-align: center;}
div.no-data p {}

.swiper-pagination-lock {display: block;}
.swiper-button-lock {display: block;}
.swiper-pagination-progressbar {background-color: #e4e4e4;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: var(--main);}

.bbs-list-wrap4 .no-data {margin: 0 21px;}

.more {position: relative; display: flex; align-items: center; gap: 10px; flex-shrink: 0; height: 40px; padding: 0 15px 0 20px; line-height: 40px; font-weight: 600; font-size: 1.8rem; color: var(--main);}
.more::before {content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-color: var(--main); opacity: 0.1; transition: all 0.3s;}
.more:hover::before {width: 100%;}
.more i::before {font-weight: 600 !important;}

.bbs-list .more::before {display: none;}

.cont-tit {position: relative; line-height: 1.2; font-size: 3.2rem;}
.cont-tit::before {content: ""; display: block; width: 120px; height: 30px; margin-bottom: 20px; background: url(../img/content/cont-tit-img.svg) no-repeat center / contain;}

/* list-st1 */
.list-st1 > li {position: relative; padding-left: 14px; line-height: 1.3; font-size: 2rem; color: #666;}
.list-st1 > li + li {margin-top: 15px;}
.list-st1 > li::before {content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: var(--main);}

/* .dash-list {margin-top: 15px;} */
.dash-list > li {position: relative; padding-left: 10px;}
.dash-list > li::before {content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 1px; background-color: #999;}

.no-li-st::before, .no-li-st::after {display: none;}
.no-li-st > li::before, .no-li-st > li::after {display: none;}
.no-li-st2::after {display: none;}
.no-li-st2 > li::after {display: none;}

/* tab-st */
/* .tab-st1 > .tab {display: flex; width: 100%; margin-bottom: 40px;} */
/* .tab-st1 > .tab li {position: relative; flex: 1; border: 1px solid var(--gray-e5); transition: all .3s;} */
/* .tab-st1 > .tab li + li {border-left: 0;} */
/* .tab-st1 > .tab li:first-child {border-radius: 6px 0 0 6px;} */
/* .tab-st1 > .tab li:last-child {border-radius: 0 6px 6px 0;} */
/* .tab-st1 > .tab li.active {border: 1px solid var(--main); background-color: var(--main);} */
/* .tab-st1 > .tab li a {display: block; width: 100%; height: 100%; line-height: 55px; font-size: 1.8rem; color: #888; text-align: center; transition: all .3s;} */
/* .tab-st1 > .tab li.active a { font-weight: 600; color: #fff;} */

.tab-st1 > .tab {display: flex; flex-wrap: wrap; gap: 8px;}
.tab-st1 > .tab li a {display: block; padding: 10px 15px; border: 2px solid #efefef; font-weight: 500; font-size: 2rem; color: #666; background: #efefef; transition: all .3s;}
.tab-st1 > .tab li a:hover {border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, rgba(194,93,153,1) 10%, rgba(94,123,175,1) 100%); border-image-slice: 1; color: #fff; background: linear-gradient(90deg, rgba(194,93,153,1) 10%, rgba(94,123,175,1) 100%);}
.tab-st1 > .tab li.active a {border: 2px solid transparent; font-weight: 600; background-image: linear-gradient(90deg, rgba(194,93,153,1) 10%, rgba(94,123,175,1) 100%); background-clip: text; -webkit-background-clip: text; color: transparent; border-image: linear-gradient(90deg, rgba(194,93,153,1) 10%, rgba(94,123,175,1) 100%); border-image-slice: 1;}

.tab-st2 > .tab {display: flex; width: 100%; margin-bottom: 40px;}
.tab-st2 > .tab li {position: relative; flex: 1; border-bottom: 1px solid var(--gray-e5);}
.tab-st2 > .tab li a {display: block; width: 100%; height: 100%; line-height: 80px; font-size: 2rem; color: #888; text-align: center; transition: all .3s;}
.tab-st2 > .tab li.active a { font-weight: 600; color: var(--main);}
.tab-st2 > .tab li::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: var(--main); transform: translateX(-50%); transition: all .3s;}
.tab-st2 > .tab li.active::after {width: 100%;}

@media only screen and (max-width: 1100px) {
	.tab-st2 > .tab {flex-wrap: wrap;}
	.tab-st2 > .tab li {flex: 50%;}
	.tab-st2 > .tab li a {line-height: 60px;}
}
@media only screen and (max-width: 500px) {
	.tab-st2 > .tab li {flex: 100%;}
}

.tab-wrap .cont {display: none;}
.tab-wrap .cont.active {display: block;}
.cont-wrap .cont {display: none;}
.cont-wrap .cont.active {display: block;}

/* table-scroll */
.table-scroll-wrap{position: relative;}
/* @media only screen and (max-width: 767px) {
  .table-scroll-wrap{ word-break: keep-all; overflow-x: scroll;}
  .table-scroll-event {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8);}
  .table-scroll-event.hidden {display: none;}
  .table-scroll-event .inner::before {
    content: "";
    position: absolute; top: 80px; left: 50%; transform: translateX(-50%);
    display: block;
    width: 30px; height: 30px;
    background-repeat: no-repeat; background-size: contain; background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E");
    animation: leftRight 2.4s infinite linear;
  } */
  @keyframes leftRight {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-20px);}
    100% {transform: translateX(0px);}
  }
  /* .table-scroll-event .inner::after {
    content: "좌우로 스크롤하세요";
    position: absolute; left: 50%; top: 110px; transform: translateX(-50%);
    display: block;
    margin-top: 15px;
    font-size: 14px;
  }
} */

/********************* 통합검색 ************************/
.total-search .top {margin-bottom: 30px; padding-bottom: 50px; border-bottom: 1px solid var(--gray-e5);}
.total-search .srch-box {width: 850px;}

.total-search .tab {flex-wrap: wrap; justify-content: center;}
.total-search .tab a {white-space: nowrap;}

.srch-result p {font-size: 2.4rem; text-align: center; color: var(--gray-66);}
.srch-result p em {font-weight: 700;}

.result-wrap + .result-wrap {margin-top: 60px;}
.result-wrap .title { display: flex; justify-content: space-between; align-items: baseline; padding: 20px 0; border-bottom: 2px solid var(--main); }
.result-wrap .title strong {position: relative; font-size: 3rem; }
.result-wrap .title strong span {position: absolute; right: -30px; top: -5px; font-size: 1.8rem; color: var(--main);}
.result-wrap .no-result {padding: 40px; border-bottom: 1px solid var(--gray-e5); font-size: 1.8rem; text-align: center;}

.result-wrap div.result-list {padding: 20px;}
.result-wrap ul.result-list > li {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px; border-bottom: 1px solid var(--gray-e5);}
.result-wrap ul.result-list > li .lf em {position: relative; display: inline-block; margin-bottom: 15px; padding-left: 14px; font-size: 1.8rem; color: #888;}
.result-wrap ul.result-list > li .lf em::before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: var(--main); transform: translateY(-50%);}
.result-wrap ul.result-list > li .lf a {display: block; font-weight: 600; line-height: 1.4; font-size: 2.2rem; color: #666;}
.result-wrap ul.result-list > li > span {font-size: 1.6rem; color: var(--sub);}

@media only screen and (max-width: 767px) {
	.total-search .tab-st1 > .tab li a {font-size: 1.8rem;}
	
	.srch-result p {font-size: 2rem;}

	.result-wrap .title strong { font-size: 2.5rem; }
	
	.result-wrap ul.result-list > li {flex-flow: column wrap; align-items: flex-start;}
	.result-wrap ul.result-list > li > span {align-self: flex-end;}
}
@media only screen and (max-width: 400px) {
	.total-search .tab {flex-flow: column wrap;}
	.total-search .tab li {width: 100%; text-align: center;}
}

/********************* sub01 ************************/
/* 비전목표 */
.vision-sec + .vision-sec {margin-top: 80px;}
.vision-sec .vi-list1 {display: flex; flex-wrap: wrap; gap: 40px;}
.vision-sec .vi-list1 > li {flex: 1; padding: 30px; word-break: keep-all; word-wrap: break-word;}

.vision01 .vi-list1 > li:first-child {background: #f7f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 101' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M101.191 50.1533H98.901C98.901 62.7576 93.6241 74.1431 85.0947 82.3855C76.5653 90.628 64.7835 95.7274 51.7405 95.7274C38.6975 95.7274 26.9157 90.628 18.3863 82.3855C9.85692 74.1431 4.57997 62.7576 4.57997 50.1533C4.57997 37.5491 9.85692 26.1636 18.3863 17.9211C26.9157 9.67866 38.6975 4.57925 51.7405 4.57925C64.7835 4.57925 76.5653 9.67866 85.0947 17.9211C93.6241 26.1636 98.901 37.5491 98.901 50.1533H103.481C103.481 22.5395 80.3156 0.15332 51.7405 0.15332C23.1654 0.15332 0 22.5395 0 50.1533C0 77.7672 23.1654 100.153 51.7405 100.153C80.3156 100.153 103.481 77.7672 103.481 50.1533H101.191Z' fill='%23FCBE77'/%3E%3Cpath d='M51.7405 22.1221V24.3351C59.1082 24.3351 65.7791 27.2216 70.6246 31.904C75.4701 36.5865 78.457 43.0009 78.457 50.1529C78.457 57.3049 75.4701 63.7193 70.6246 68.4018C65.7791 73.0843 59.1414 75.9707 51.7405 75.9707C44.3395 75.9707 37.7018 73.0843 32.8563 68.4018C28.0108 63.7193 25.0239 57.3049 25.0239 50.1529C25.0239 43.0009 28.0108 36.5865 32.8563 31.904C37.7018 27.2216 44.3395 24.3351 51.7405 24.3351V19.9092C34.4826 19.9092 20.4771 33.4435 20.4771 50.1208C20.4771 66.7982 34.4826 80.3325 51.7405 80.3325C68.9983 80.3325 83.0038 66.7982 83.0038 50.1208C83.0038 33.4435 68.9983 19.9092 51.7405 19.9092V22.1221Z' fill='%23FCBE77'/%3E%3Cpath d='M51.7406 41.9122V44.1251C55.1922 44.1251 57.9468 46.8192 57.98 50.1546C57.98 53.4901 55.1922 56.1521 51.7406 56.1841C48.289 56.1841 45.5012 53.4901 45.5012 50.1546C45.5012 46.8192 48.289 44.1251 51.7406 44.1251V39.6992C45.7667 39.6992 40.9544 44.3817 40.9544 50.1226C40.9544 55.8634 45.7667 60.5459 51.7406 60.5459C57.7145 60.5459 62.5268 55.8634 62.5268 50.1226C62.5268 44.3817 57.6813 39.6992 51.7406 39.6992V41.9122Z' fill='%23FCBE77'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 25px bottom 25px / 100px;}
.vision01 .vi-list1 > li:last-child {background: #f7f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 100' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M112.698 97.8319L56.3345 3.21679e-06L6.60152e-05 97.8319L3.73399 100L56.3345 8.70209L108.935 100L112.698 97.8319Z' fill='%235E7BAF'/%3E%3Cpath d='M95.2383 97.8384L56.3494 31.746L17.4605 97.8384L21.2921 100L56.3494 40.3925L91.4067 100L95.2383 97.8384Z' fill='%235E7BAF'/%3E%3Cpath d='M76.1904 97.8576L56.3492 63.4921L36.5079 97.8576L40.2355 100L56.3492 72.0908L72.4922 100L76.1904 97.8576Z' fill='%235E7BAF'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 25px bottom 25px / 100px;}
.vision01 .vi-list1 > li em {font-weight: 500; font-size: 2rem;}
.vision01 .list-st1 {margin-top: 30px;}
.vision01 .list-st1 li {line-height: 1.3; font-size: 1.8rem;}
.vision01 .list-st1 li + li {margin-top: 20px;}
.vision01 .list-st1 li::before {top: 9px;}

.vision02 .vi-list1 > li {height: 280px;}
.vision02 .vi-list1 > li:first-child {background: #f7f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 97 100' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M0 4.95H96.0393V0H0' fill='%235E7BAF'/%3E%3Cpath d='M0 52.4749H96.0393V47.5244H0' fill='%235E7BAF'/%3E%3Cpath d='M0 100H96.0393V95.0498H0' fill='%235E7BAF'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 25px bottom 25px / 100px;}
.vision02 .vi-list1 > li:nth-child(2) {background: #f7f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 101 100' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M98.4538 50H96.2408C96.2408 62.6042 91.1414 73.9897 82.8989 82.2322C74.6565 90.4747 63.271 95.5741 50.6667 95.5741C38.0625 95.5741 26.677 90.4747 18.4346 82.2322C10.1921 73.9897 5.09265 62.6042 5.09265 50C5.09265 37.3958 10.1921 26.0103 18.4346 17.7678C26.677 9.52534 38.0625 4.42593 50.6667 4.42593C63.271 4.42593 74.6565 9.52534 82.8989 17.7678C91.1414 26.0103 96.2408 37.3958 96.2408 50H100.667C100.667 22.3862 78.2806 0 50.6667 0C23.0529 0 0.666748 22.3862 0.666748 50C0.666748 77.6139 23.0529 100 50.6667 100C78.2806 100 100.667 77.6139 100.667 50H98.4538Z' fill='%23C25D99'/%3E%3Cpath d='M50.6669 21.9698V24.1827C57.7869 24.1827 64.2333 27.0692 68.9158 31.7517C73.5983 36.4342 76.4848 42.8486 76.4848 50.0006C76.4848 57.1526 73.5983 63.567 68.9158 68.2495C64.2333 72.932 57.819 75.8184 50.6669 75.8184C43.5149 75.8184 37.1005 72.932 32.418 68.2495C27.7356 63.567 24.8491 57.1526 24.8491 50.0006C24.8491 42.8486 27.7356 36.4342 32.418 31.7517C37.1005 27.0692 43.5149 24.1827 50.6669 24.1827V19.7568C33.9896 19.7568 20.4553 33.2911 20.4553 49.9685C20.4553 66.6459 33.9896 80.1802 50.6669 80.1802C67.3443 80.1802 80.8786 66.6459 80.8786 49.9685C80.8786 33.2911 67.3443 19.7568 50.6669 19.7568V21.9698Z' fill='%23C25D99'/%3E%3Cpath d='M50.667 41.7579V43.9708C54.0025 43.9708 56.6644 46.6649 56.6965 50.0003C56.6965 53.3358 54.0025 55.9978 50.667 56.0298C47.3315 56.0298 44.6375 53.3358 44.6375 50.0003C44.6375 46.6649 47.3315 43.9708 50.667 43.9708V39.5449C44.8941 39.5449 40.2437 44.2274 40.2437 49.9683C40.2437 55.7091 44.8941 60.3916 50.667 60.3916C56.4399 60.3916 61.0903 55.7091 61.0903 49.9683C61.0903 44.2274 56.4079 39.5449 50.667 39.5449V41.7579Z' fill='%23C25D99'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 25px bottom 25px / 100px;}
.vision02 .vi-list1 > li:last-child {background: #f7f7f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 101 90' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M100.333 87.3829L50.3474 0.768502L0.333374 87.3829L3.66578 89.2871L50.3474 8.46942L97.001 89.2871L100.333 87.3829Z' fill='%2349AF99'/%3E%3Cpath d='M84.2308 87.3282L50.3467 28.6052L16.4626 87.3282L19.795 89.2324L50.3467 36.3061L80.8983 89.2324L84.2308 87.3282Z' fill='%2349AF99'/%3E%3Cpath d='M68.1288 87.2706L50.3467 56.4669L32.5646 87.2706L35.8969 89.1748L50.3467 64.1678L64.7964 89.1748L68.1288 87.2706Z' fill='%2349AF99'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 25px bottom 25px / 100px;}
.vision02 .vi-list1 > li span {font-weight: 500; font-size: 2rem; color: #666;}
.vision02 .vi-list1 > li p {margin-top: 30px; line-height: 1.2; font-weight: 600; font-size: 2.2rem; }

.vision03 .strategy-tit {padding: 50px 20px; border: 1px solid var(--gray-e5); font-weight: 500; font-size: 2.6rem; color: #666; text-align: center;}
.vision03 .strategy-tit p {line-height: 1.3;}
.vision03 .strategy-tit p::before , .vision03 .strategy-tit p::after {content: ""; display: block; width: 34px; height: 24px; margin: 0 auto;}
.vision03 .strategy-tit p::before {margin-bottom: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 24' fill='none'%3E%3Cpath d='M31.5714 24H24.2857L19.4286 14.4V0H34V14.4H26.7143L31.5714 24ZM12.1429 24H4.85714L0 14.4V0H14.5714V14.4H7.28571L12.1429 24Z' fill='%23C25D99'/%3E%3C/svg%3E") no-repeat center / contain;}
.vision03 .strategy-tit p::after {margin-top: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 24' fill='none'%3E%3Cpath d='M2.42857 24H9.71429L14.5714 14.4V0H0V14.4H7.28571L2.42857 24ZM21.8571 24H29.1429L34 14.4V0H19.4286V14.4H26.7143L21.8571 24Z' fill='%23C25D99'/%3E%3C/svg%3E") no-repeat center / contain;}
.vision03 .strategy-list1 {display: flex; gap: 40px;}
.vision03 .strategy-list1 li {flex: 1; padding: 30px; text-align: center; border-radius: 5px; word-break: keep-all; word-wrap: break-word;}
.vision03 .strategy-list1 li:first-child {border: 1px dashed var(--blue);}
.vision03 .strategy-list1 li:nth-child(2) {border: 1px dashed var(--main);}
.vision03 .strategy-list1 li:last-child {border: 1px dashed var(--green);}
.vision03 .strategy-list1 li span {display: block; font-weight: 500; font-size: 2.2rem;}
.vision03 .strategy-list1 li p {padding: 20px; line-height: 1.4; font-size: 2rem; color: #666; background-color: #f7f7f7; border-radius: 5px;}
.vision03 .strategy-list2 {display: flex; flex-wrap: wrap; gap: 40px;}
.vision03 .strategy-list2 > li {width: calc(50% - 20px); padding: 30px; border: 1px solid var(--gray-e5);}
.vision03 .strategy-list2 > li em {font-weight: 600; font-size: 2rem;}
.vision03 .strategy-list2 > li p {margin: 30px 0; line-height: 1.2; font-weight: 600; font-size: 2.2rem;}
.vision03 .list-st1 li {font-size: 1.8rem;}
.vision03 .list-st1 li + li {margin-top: 20px;}

.vision04 .process-top {display: flex; gap: 20px;}
.vision04 .process-top li {flex: 1; line-height: 50px; font-weight: 600; font-size: 1.8rem; text-align: center;}
.vision04 .process-list li {display: flex; align-items: center; gap: 30px; padding: 30px 10px; border: 1px solid var(--gray-e5); word-break: keep-all; word-wrap: break-word;}
.vision04 .process-list li + li {margin-top: 20px;}
.vision04 .process-list li > div {flex: 1; text-align: center;}
.vision04 .process-list em {margin-right: 15px; font-weight: 500; border-radius: 5px;}
.vision04 .process-list span {font-weight: 600; font-size: 2rem;}
.vision04 .process-list li strong {flex: 1; font-weight: 600; font-size: 2rem; text-align: center;}
.vision04 .process-list .gra-arrow {width: 35px; height: 35px; background: url(../img/content/gra-arrow.svg) no-repeat center / contain;}
.vision04 .process-list .last p {margin-top: 15px; line-height: 1.2; font-size: 1.8rem; color: #888;}

.vision05 .core-list > li {display: flex; gap: 20px; padding: 40px; border-radius: 5px;}
.vision05 .core-list > li + li {margin-top: 20px;}
.vision05 .core-list > li:first-child {border: 1px dashed var(--blue);}
.vision05 .core-list > li:nth-child(2) {border: 1px dashed var(--main);}
.vision05 .core-list > li:last-child {border: 1px dashed var(--green);}
.vision05 .core-list .lf {position: relative; flex-shrink: 0; width: 300px;}
.vision05 .core-list .lf::after {content: ""; position: absolute; right: -90px; top: 5px; z-index: -1;}
.vision05 .core-list > li:first-child .lf::after {width: 210px; height: 225px; background: url(../img/content/vision-img01.svg) no-repeat center / contain; opacity: 0.1;}
.vision05 .core-list > li:nth-child(2) .lf::after {width: 210px; height: 210px; background: url(../img/content/vision-img02.svg) no-repeat center / contain; opacity: 0.1;}
.vision05 .core-list > li:last-child .lf::after {width: 210px; height: 230px; background: url(../img/content/vision-img03.svg) no-repeat center / contain; opacity: 0.1;}
.vision05 .core-list .lf em {display: block; margin-bottom: 20px; font-weight: 600; font-size: 1.8rem;}
.vision05 .core-list .lf span {font-weight: 500; font-size: 2.2rem;}
.vision05 .core-list .rg {flex-grow: 1; padding: 20px; background-color: #f7f7f7; border-radius: 5px;}
.vision05 .core-list .rg li {word-break: keep-all; word-wrap: break-word;}
.vision05 .core-list .rg li + li {margin-top: 20px;}
.vision05 .core-list .rg em {font-weight: 500; font-size: 2rem;}
.vision05 .core-list .rg p {margin-top: 15px; line-height: 1.4; font-size: 1.8rem; color: #666;}

@media only screen and (max-width: 1350px) {
	.vision03 .strategy-list1 {flex-wrap: wrap;}
	.vision03 .strategy-list1 li {flex: 1 1 calc(50% - 20px); padding: 20px;}

	.vision04 .process-wrap {display: flex; gap: 20px;}
	.vision04 .process-top {flex-flow: column wrap; margin: 0;}
	.vision04 .process-top li {flex: unset; padding: 20px 0; writing-mode: vertical-rl;}
	.vision04 .process-list {display: flex; gap: 20px;}
	.vision04 .process-list li {flex-flow: column wrap; justify-content: space-between; margin: 0 !important;}
	.vision04 .process-list li > div {flex: unset;}
	.vision04 .process-list em {display: block; width: fit-content; margin: 0 auto; margin-bottom: 10px;}
	.vision04 .process-list li strong {flex: unset;}
	.vision04 .process-list .gra-arrow {transform: rotateZ(90deg);}
}
@media only screen and (max-width: 1300px) {
	.vision01 .vi-list1 > li {flex: unset; width: 100%; min-height: 220px;}
	
	.vision02 .vi-list1 > li {flex: 1 1 calc(50% - 20px);}
	
	.vision05 .core-list .lf {width: 200px;}
}
@media only screen and (max-width: 1023px) {
	.vision-sec .vi-list1 {gap: 20px;}
	
	.vision02 .vi-list1 > li {height: 220px;}

	.vision03 .strategy-list1 {gap: 20px;}
}
@media only screen and (max-width: 767px) {
	.vision02 .vi-list1 > li {flex: 1 1 100%;}

	.vision03 .strategy-list1 li {flex: 1 1 100%;}
	.vision03 .strategy-list2 {flex-wrap: wrap; gap: 20px;}
	.vision03 .strategy-list2 > li {width: 100%;}
	
	.vision04 .process-top {display: none;}
	.vision04 .process-list {flex-flow: column wrap; width: 100%;}
	.vision04 .process-list li {width: 100%; padding: 50px 20px;}
	.vision04 .process-list li > * {position: relative;}
	.vision04 .process-list li > *::before {position: absolute; left: 50%; top: -25px; font-weight: 500; font-size: 1.8rem; color: var(--main); opacity: 0.3; transform: translateX(-50%); white-space: nowrap;}
	.vision04 .process-list li > .first::before {content: "한글창제의 정신";}
	.vision04 .process-list li strong {margin-top: 10px;}
	.vision04 .process-list li strong::before {content: "비전과 목표 설정";}
	.vision04 .process-list li > .last {margin-top: 10px; padding-top: 5px;}
	.vision04 .process-list li > .last::before {content: "전략적 추진사업 도출";}

	.vision05 .core-list > li {flex-flow: column wrap; padding: 25px;}
	.vision05 .core-list .lf {width: 100%;}
	.vision05 .core-list .lf::after {right: 0;}
}

/* 연혁 */
.history-top {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 350px; margin-bottom: 80px; background: url(../img/content/history-img.png) no-repeat center / cover; border-radius: 5px; overflow: hidden;}
.history-top::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.history-top .txt-box {position: relative; font-size: 3.2rem; color: #fff; text-align: center;}
.history-top .txt-box::before , .history-top .txt-box::after {content: ""; position: absolute; left: 50%; width: 34px; height: 24px; transform: translateX(-50%);}
.history-top .txt-box::before {top: 54px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 24' fill='none'%3E%3Cpath d='M31.5714 24H24.2857L19.4286 14.4V0H34V14.4H26.7143L31.5714 24ZM12.1429 24H4.85714L0 14.4V0H14.5714V14.4H7.28571L12.1429 24Z' fill='%23C25D99'/%3E%3C/svg%3E") no-repeat center / contain;}
.history-top .txt-box::after {bottom: 54px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 24' fill='none'%3E%3Cpath d='M2.42857 24H9.71429L14.5714 14.4V0H0V14.4H7.28571L2.42857 24ZM21.8571 24H29.1429L34 14.4V0H19.4286V14.4H26.7143L21.8571 24Z' fill='%23C25D99'/%3E%3C/svg%3E") no-repeat center / contain;}
.history-top em {position: relative; font-weight: 500;}
.history-top em::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff;}
.history-top i {margin: 0 10px;}

.history {position: relative; margin-left: 80px;}
.history .year-list {display: flex; gap: 140px; margin-bottom: 80px; padding-left: 50px; position: relative;}
.history .year-list::before {content: ""; position: absolute; left: 7px; top: 18px; z-index: 1; width: 9px; height: 9px; background-color: #aaa; border-radius: 100%;}
.history .year-list.effect::before {background-color: var(--main); outline: 8px solid rgba(194, 93, 153, 0.06);}
.history .year-list.now::before {left: 7px; top: 18px; background-color: #fff; outline: 6px solid var(--main);}
.history .year-list::after {content: ""; position: absolute; left: 11px; top: 20px; width: 1px; height: 0; border: 1px dashed rgb(194, 93, 153, 0.5); /* background-color: var(--main); */ transition: all .3s;}
.history .year-list.effect::after {height: calc(100% + 80px);}
.history .year-list:last-child:after {display: none;}
.history .year-list:last-child {margin-bottom: 0;}
.history .year-list strong {display: block; font-size: 4rem; font-weight: 600; background-image: linear-gradient(90deg, rgba(194,93,153,1) 10%, rgba(94,123,175,1) 100%); background-clip: text;	-webkit-background-clip: text; color: transparent;}
.history .year-list ul li {position: relative; padding-left: 14px; line-height: 1.2; word-break: keep-all; word-wrap: break-word;}
/* .history .year-list ul li {display: flex; gap: 10px; padding-left: 15px; position: relative;} */
.history .year-list ul li::before {content: ""; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background-color: var(--main);}
.history .year-list ul li + li {margin-top: 30px;}
.history .year-list ul li em {display: inline-block; margin-bottom: 15px; font-size: 2rem; font-weight: 500; color: var(--gray-44);}
.history .year-list ul li p {margin-bottom: 10px; font-weight: 600; font-size: 2.2rem; color: var(--main);}
.history .year-list ul li span {display: block; font-weight: 500; font-size: 1.8rem; word-break: keep-all; color: #666;}
.history .year-list ul li span + span {margin-top: 10px;}

@media only screen and (max-width: 1300px) {
	.history-top .txt-box::before {top: 124px;}
	.history-top .txt-box::after {bottom: 124px;}
	.history-top em {display: block; width: fit-content; margin: 0 auto;}
	.history-top i {margin: 10px 0; }
	.history-top i::before {transform: rotateZ(90deg);}
}
@media only screen and (max-width: 1023px) {
	.history {margin-left: 30px;}
}
@media only screen and (max-width: 767px) {
	.history-top .txt-box {font-size: 2.6rem;}
	.history-top em {line-height: 1.2; word-break: keep-all; word-wrap: break-word;}
	.history-top em::after {display: none;}

    .history .year-wrap {gap: 40px;}
	.history .year-list {flex-flow: column wrap; gap: 40px;}
	.history .year-list strong {width: fit-content;}
    .history .year-list ul li::before {top: 8px;}
}
@media only screen and (max-width: 390px) {
    .history .year-list {flex-flow: column wrap; gap: 40px; margin-bottom: 80px; padding-left: 50px; position: relative;}
}

/* BI */
.bi-cont {word-break: keep-all; word-wrap: break-word;}
.bi-cont .bd-gray-e5 {padding: 50px;}
.bi-cont .cont-txt {line-height: 1.2;}
.bi-cont .cont-txt em {font-weight: 500; font-size: 2.6rem; color: var(--main);}
.bi-cont .cont-txt p {font-size: 2rem; color: #666;}
.bi-ce {text-align: center;}
.bi-ce .big-img {width: 100%; max-width: 400px; margin: 0 auto;}
.bi-grid-bg {background-color: #fff; background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px; background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px; background-image: linear-gradient(rgba(221,221,221,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(221,221,221,.4) 1px, transparent 1px), linear-gradient(rgba(221,221,221,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(221,221,221,.4) 1px, transparent 1px);}
.bi-logo {display: flex; justify-content: center; gap: 100px;}
.bi-logo > div {text-align: center;}
.bi-logo > div .img-wrap {height: 300px;}
.bi-logo > div:last-child img {transform: translateY(50%);}
.bi-logo > div span {display: block; margin-top: 30px; font-weight: 600; font-size: 2.6rem;}
.bi-color {display: flex; flex-wrap: wrap; gap: 20px;}
.bi-color li {flex: 1; min-width: 200px; padding: 15px 0; font-weight: 500; font-size: 2rem; text-align: center;}
.bi-color li:last-child {background-color: #9dc6e9; color: #fff;}

@media only screen and (max-width: 767px) {
	.bi-cont .bd-gray-e5 {padding: 20px;}
	.bi-logo {display: block; /* flex-flow: column wrap; gap: 60px; */}
	.bi-logo > div .img-wrap {height: auto;}
	.bi-logo > div:first-child {margin-bottom: 60px;}
	.bi-logo > div:last-child img {transform: unset;}
}

/* 부서안내 */
.company-top {padding: 60px 20px; line-height: 1.4; font-size: 2rem; color: #666; background-color: #f7f7f7; border-radius: 5px; word-break: keep-all; word-wrap: break-word; text-align: center;}
.company-list {line-height: 1.2; word-break: keep-all; word-wrap: break-word;}
.company-list + .company-list {margin-top: 50px;}
.company-list > strong {font-weight: 600; font-size: 3.2rem;}
.company-list > ul {margin-top: 20px; border-top: 2px solid var(--main);}
.company-list > ul > li {display: flex; gap: 40px;  padding: 25px 0; border-bottom: 1px solid var(--gray-e5); font-size: 1.8rem;}
.company-list > ul > li span {width: 80px; color: #888;}
.company-list > ul > li em {width: 100px; font-weight: 500; text-align: center;}
.company-list > ul > li .tel {width: 150px; font-size: 1.6rem; color: #666; text-align: end;}
.company-list > ul > li .tel i {margin-right: 8px; font-size: 14px;}
.company-list .list-st1 {flex-grow: 1;}
.company-list .list-st1 > li::before {top: 9px;}
.company-list .dash-list {margin-top: 15px;}
.company-list .dash-list > li {font-size: 1.6rem; color: #888;}
.company-list .dash-list > li + li {margin-top: 10px;}

@media only screen and (max-width: 767px) {
	.company-top {margin-bottom: 40px;}
	.company-list > ul > li {flex-wrap: wrap;}
	.company-list .work-list {width: 100%;}
	.company-list > ul > li .tel {width: 100%;}
}

/* 오시는길 */
.root_daum_roughmap .cont {display: none;}
.map-info {display: flex; gap: 40px; padding: 40px 0; border-bottom: 2px solid var(--main);}
.map-info li {flex: 1;}
.map-info li .top {display: flex; gap: 20px; align-items: center; margin-bottom: 20px;}
.map-info li .icon {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background-color: #f1f1f1; border-radius: 100%;}
.map-info li .icon i { color: var(--main);}
.map-info li:first-child .icon i {margin-left: -2px;}
.map-info li:last-child .icon i {font-size: 14px;}
.map-info li .top span {font-weight: 600; font-size: 2.4rem;}
.map-info li p {line-height: 1.3; font-weight: 500; font-size: 1.8rem; color: #555; word-break: keep-all; word-wrap: break-word;}
.map-info li p + p {margin-top: 10px;}

@media only screen and (max-width: 767px) {
	.map-info {flex-flow: column wrap;}
}


/********************* sub02 ************************/
/* 공통 */
.intro-page .top-tit {padding: 40px 30px 50px; border-bottom: 1px solid var(--gray-e5); text-align: center;}
.intro-page .top-tit .tit {line-height: 1.4; font-weight: 600; font-size: 3.2rem; color: #444; word-break: keep-all; word-wrap: break-word;}
.intro-page .top-tit .info { display: flex; justify-content: center; }
.intro-page .top-tit .info li { position: relative; font-weight: 500; font-size: 1.8rem; color: #777;}
.intro-page .top-tit .info li + li { margin-left: 15px; padding-left: 15px; }
.intro-page .top-tit .info li + li::before { content:""; position: absolute; top: 4px; left: 0; width: 1px; height: 11px; background: var(--gray-e5); }
.intro-page .top-tit .info li i {margin-right: 10px; font-size: 1.6rem;}
.intro-page .cont {padding: 30px 30px 60px; border-bottom: 1px solid var(--gray-e5);}
.intro-page .img-top {position: relative; display: flex; gap: 40px; margin-bottom: 40px;}
.intro-page .img-top > .img-wrap {position: sticky; top: 150px; left: 0; flex-shrink: 0; width: 350px; height: fit-content; border: 1px solid var(--gray-e5);}
.intro-page .img-top > .rg {width: calc(100% - 390px);}
.intro-page .detail-list {width: 100%; height: fit-content; margin-bottom: 40px; padding: 40px; background-color: #f7f7f7;}
.intro-page .detail-list li {display: flex; gap: 20px; font-size: 1.8rem; word-break: keep-all; word-wrap: break-word;}
.intro-page .detail-list li + li {margin-top: 20px;}
.intro-page .detail-list li span {flex-shrink: 0; position: relative; display: inline-block; width: 120px; height: fit-content; padding-left: 12px; font-weight: 600; color: #444;}
.intro-page .detail-list li span::before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: var(--main); transform: translateY(-50%);}
.intro-page .detail-list li em {line-height: 1.2; color: #666;}
.intro-page .detail-list li a {font-weight: 500; color: var(--blue);}
.intro-page .detail-list li a:hover {text-decoration: underline;}
.intro-page .dash-list { color: #666;}

.intro-page .info-sec {word-break: keep-all; word-wrap: break-word;}
.intro-page .info-sec + .info-sec {margin-top: 40px;}
.intro-page .info-sec .tit {position: relative;}
.intro-page .info-sec > .img-wrap {width: 100%; max-width: 600px; margin: 0 auto;}
.intro-page .plan-wrap {padding: 0 20px;}
.intro-page .plan-wrap + .plan-wrap {margin-top: 30px;}
.intro-page .plan-wrap > strong {position: relative; display: inline-block; margin-bottom: 20px; padding-left: 14px; font-weight: 500; font-size: 2rem;}
.intro-page .plan-wrap > strong::before {content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: var(--blue);}
.intro-page .plan-list {padding: 0 20px;}
.intro-page .plan-list li {display: flex; align-items: center; gap: 20px; line-height: 1.4; font-size: 2rem; word-break: keep-all; word-wrap: break-word;}
.intro-page .plan-list li + li {margin-top: 15px;}
.intro-page .plan-list li span {flex-shrink: 0; position: relative; display: inline-block; width: 120px; height: fit-content; padding-right: 12px; font-weight: 600; color: var(--blue);}
.intro-page .plan-list li span::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 14px; background-color: #9DC6E9; transform: translateY(-50%);}
.intro-page .plan-list li em {color: #666;}

.intro-page .list-st1 li + li {margin-top: 20px;}
.intro-page .list-st1 > li::before {top: 12px;}

.intro-page .info-sec .dash-list > li:before {top: 12px;}

.swiper-doimg {width: 100%;}
.swiper-doimg .swiper-slide {width: fit-content; flex-shrink: 0;}
.swiper-doimg .swiper-slide img {width: auto; height: 450px;}
.swiper-doimg .swiper-slide video {width: auto; height: 500px;}
.doimg-wrap .swiper-btn {display: flex; align-items: center; height: 30px; margin-top: 30px;}
.doimg-wrap .swiper-btn .rg {display: flex; align-items: center; gap: 20px;}
.doimg-wrap .swiper-btn > div {position: relative;}
.doimg-wrap .swiper-btn .swiper-pagination1 {margin-right: 40px;}
.doimg-wrap .swiper-btn .swiper-pagination2 {display: flex; align-items: center; gap: 5px; font-weight: 600; font-size: 1.8rem; color: #666;}
.doimg-wrap .swiper-btn .swiper-pagination2 .swiper-pagination-current {display: inline-block; margin-right: 15px; font-size: 2.2rem; color: var(--main);}
.doimg-wrap .nav-btn {color: var(--main);}
.doimg-wrap .nav-btn i::before {font-size: 2.9rem; font-weight: 500 !important;}
.doimg-wrap .nav-btn.swiper-button-disabled i::before {opacity: .5;}

.intro-page .grid-img {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.intro-page .grid-img li {flex: 0 0 33.33%; max-width: 33.33%; padding: 0 10px;}
.intro-page .grid-img li:nth-child(3n) {margin-right: 0;}
.intro-page .grid-img li a {position: relative; display: block; width: 100%; height: 340px; margin-bottom: 20px; overflow: hidden;}
.intro-page .grid-img li img {width: 100%; transition: all .3s;}
.intro-page .grid-img li a:hover img {transform: scale(1.1, 1.1);}
.intro-page .grid-img li .txt {position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; background-color: var(--gray-f8); text-align: center;}
.intro-page .grid-img li .txt strong {font-weight: 600; font-size: 1.8rem;}

.video-slide .swiper-doimg {width: fit-content; margin: 0;}
.video-slide .swiper-wrapper {width: fit-content;}

.intro-page .cont .txt-box {line-height: 1.6; font-size: 2rem; color: #666;}
.intro-page .detail-info {padding: 30px 20px; border-radius: 5px;}
.intro-page .detail-info > li {line-height: 1.3; font-size: 1.8rem;}
.intro-page .detail-info > li + li {margin-top: 10px;}
.intro-page .detail-info > li::before {top: 11px;}

.intro-page .link-list {display: flex; gap: 20px;}
.intro-page .link-list a {width: fit-content;}

@media only screen and (max-width: 1400px) {
	.intro-page .img-top {flex-flow: column wrap;}
	.intro-page .img-top .img-wrap {position: relative; top: unset; left: unset; width: 100%;}

	.intro-page .img-top > .rg {width: 100%;}
}
@media only screen and (max-width: 1023px) {
	.intro-page .top-tit {padding: 0; padding-bottom: 50px;}
	.intro-page .cont {padding: 30px 0 60px;}
	
	.intro-page .grid-img li a {height: auto;}
	
	.swiper-doimg .swiper-wrapper {align-items: center;}
	.swiper-doimg .swiper-slide {position: relative; width: 100%;}
	.swiper-doimg .swiper-slide img {width: 100%; height: 50%;}
	.swiper-doimg .swiper-slide video {width: 100%; height: 50%;}
}
@media only screen and (max-width: 840px) {
	.intro-page .info-sec .bbs-list-wrap2 {width: 800px;}
	.intro-page .info-sec .table-scroll-wrap{ word-break: keep-all; overflow-x: scroll;}
	.intro-page .info-sec .table-scroll-event {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8);}
	.intro-page .info-sec .table-scroll-event.hidden {display: none;}
	.intro-page .info-sec .table-scroll-event .inner::before {
		content: "";
		position: absolute; top: 80px; left: 50%; transform: translateX(-50%);
		display: block;
		width: 30px; height: 30px;
		background-repeat: no-repeat; background-size: contain; background-position: center;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E");
		animation: leftRight 2.4s infinite linear;
	}
	.intro-page .info-sec .table-scroll-event .inner::after {
		content: "좌우로 스크롤하세요";
		position: absolute; left: 50%; top: 110px; transform: translateX(-50%);
		display: block;
		margin-top: 15px;
		font-size: 14px;
	}
}
@media only screen and (max-width: 600px) {
	.intro-page .detail-list {padding: 20px;}
	.intro-page .detail-list li {flex-flow: column wrap; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid var(--gray-e5);}
	.intro-page .detail-list li:last-child {padding: 0; border: 0;}

	.intro-page .plan-list li span {width: 80px;}
}


/********************* sub03 ************************/

/********************* sub04 ************************/
.space-page {}
.space-page > .top {position: relative; display: flex; align-items: flex-end; gap: 60px; margin-bottom: 60px;}
.space-page > .top .lf {flex-grow: 1;}
.space-page > .top .lf > a.more {width: fit-content; margin-bottom: 10px; margin-left: auto;}
.space-tit {position: absolute; left: 0; top: 0; z-index: -1; display: inline-block; font-weight: 800; font-size: 10rem; opacity: .1;}

.space-page > .top .img-wrap {position: relative; width: 660px; height: 410px;}
.space-page > .top .img-wrap img {position: absolute; left: 0; top: 50%; width: 100%; height: auto; transform: translateY(-50%);}
.space-page .detail-list {width: 100%; height: fit-content; border-top: 1px solid var(--main); border-bottom: 1px solid var(--main);}
.space-page .detail-list li {display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--gray-e5); font-size: 1.8rem; word-break: keep-all; word-wrap: break-word;}
.space-page .detail-list li:last-child {border: 0;}
.space-page .detail-list li span {flex-shrink: 0; position: relative; display: inline-block; width: 120px; height: fit-content; padding-left: 12px; font-weight: 600; color: #444;}
.space-page .detail-list li span::before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: var(--main); transform: translateY(-50%);}
.space-page .detail-list li em {line-height: 1.2; color: #666;}
.space-page .detail-list li a {font-weight: 500; color: var(--blue);}
.space-page .detail-list li a:hover {text-decoration: underline;}

.space-page .swiper-doimg .swiper-slide {position: relative;}
.space-page .swiper-doimg .swiper-slide .swiper-info {position: absolute; right: 0; bottom: 0; padding: 12px 18px; font-weight: 500; font-size: 2rem; background-color: #fff;}

@media only screen and (max-width: 1300px) {
	.space-page > .top {flex-flow: column wrap;}
	.space-page > .top .lf {width: 100%;}
	.space-page .space-tit {position: relative; left: unset; top: unset;}
	.space-page > .top .img-wrap {width: 100%; height: 0; padding-bottom: 55%;}
	/* .space-page > .top .img-wrap img {height: 100%; } */
}
@media only screen and (max-width: 1023px) {
	.space-page .typing-txt {margin-bottom: 20px; font-size: 6rem;}
}
@media only screen and (max-width: 767px) {
	.space-page .space-tit {display: none;}
	.space-page .swiper-doimg .swiper-slide .swiper-info {font-size: 1.8rem;}
}
@media only screen and (max-width: 500px) {
	.space-page .detail-list li {flex-flow: column wrap;}
	.space-page .detail-list li em {padding-left: 12px;}
}

/********************* sub05 ************************/

/* 보도자료 */
@media only screen and (max-width: 1400px) {
	.sub-a .table-scroll-wrap{ word-break: keep-all; overflow-x: scroll;}
	.sub-a .table-scroll-event {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255,255,255,0.8);}
	.sub-a .table-scroll-event.hidden {display: none;}
	.sub-a .table-scroll-event .inner::before {content: "";	position: absolute; top: 80px; left: 50%; transform: translateX(-50%); display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 64.28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M26.24,52.94s-8.39-7.82-8.39-15.08v-8.7c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2V6.25c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v12.24c0-2.45,2.11-4.42,4.61-4.18,2.18.21,3.79,2.17,3.79,4.36v3.74c0-2.32,1.88-4.2,4.2-4.2h0c2.32,0,4.2,1.88,4.2,4.2v3.12c0-2.59,2.35-4.64,5.04-4.11,1.99.39,3.35,2.26,3.35,4.3h0c0,5.83.45,10.07-.06,15.51-.12,1.25-.34,2.49-.67,3.7l-2.09,7.84h-30.76Z'/%3E%3Cline class='cls-1' x1='26.24' y1='29.16' x2='26.24' y2='35.78'/%3E%3Cline class='cls-1' x1='34.63' y1='18.67' x2='34.63' y2='29.16'/%3E%3Cline class='cls-1' x1='43.03' y1='20.59' x2='43.03' y2='29.16'/%3E%3Cline class='cls-1' x1='51.42' y1='25.71' x2='51.42' y2='29.16'/%3E%3Crect class='cls-1' x='26.24' y='52.94' width='30.76' height='10.34'/%3E%3C/g%3E%3Cline class='cls-1' x1='40.31' y1='7.05' x2='58.94' y2='7.05'/%3E%3Cpolyline class='cls-1' points='52.89 1 58.94 7.05 52.89 13.11'/%3E%3Cline class='cls-1' x1='19.63' y1='7.05' x2='1' y2='7.05'/%3E%3Cpolyline class='cls-1' points='7.05 1 1 7.05 7.05 13.11'/%3E%3C/svg%3E"); animation: leftRight 2.4s infinite linear;}
	@keyframes leftRight {
		0% {transform: translateX(0px);}
		50% {transform: translateX(-20px);}
		100% {transform: translateX(0px);}
	}
	.sub-a .table-scroll-event .inner::after {content: "좌우로 스크롤하세요"; position: absolute; left: 50%; top: 110px; transform: translateX(-50%); display: block; margin-top: 15px;	font-size: 14px;}
	.sub-a .table-scroll-wrap .bbs-list-wrap1 {width: 1100px;}
}
@media only screen and (max-width: 1023px) {
	.sub-a .table-scroll-wrap{overflow-x: auto;}
	.sub-a .table-scroll-event {display: none;}
	.sub-a .table-scroll-wrap .bbs-list-wrap1 {width: 100%;}
}

/* 공연/전시/교육 */
.gallery-view .top-tit {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding: 0 30px 50px; border-bottom: 1px solid var(--gray-e5);}
.gallery-view .top-tit .tit {line-height: 1.4; font-weight: 600; font-size: 3.2rem; color: #444; word-break: keep-all; word-wrap: break-word;}
.gallery-view .top-tit .info { display: flex; justify-content: center; }
.gallery-view .top-tit .info li { position: relative; font-weight: 500; font-size: 1.8rem; color: #777;}
.gallery-view .top-tit .info li + li { margin-left: 15px; padding-left: 15px; }
.gallery-view .top-tit .info li + li::before { content:""; position: absolute; top: 4px; left: 0; width: 1px; height: 11px; background: var(--gray-e5); }
.gallery-view .top-tit .info li i {margin-right: 10px; font-size: 1.6rem;}
.gallery-view .cont {padding: 30px 30px 60px; border-bottom: 1px solid var(--gray-e5);}
.gallery-view .img-top {display: flex; gap: 40px; margin-bottom: 40px;}
.gallery-view .img-top .img-wrap {flex-shrink: 0; width: 350px; height: fit-content; border: 1px solid var(--gray-e5);}
.gallery-view .img-top .rg {width: 100%; height: fit-content; padding: 40px; background-color: #f7f7f7;}
.gallery-view .detail-list li {display: flex; align-items: center; gap: 20px; font-size: 1.8rem; word-break: keep-all; word-wrap: break-word;}
.gallery-view .detail-list li + li {margin-top: 20px;}
.gallery-view .detail-list li span {flex-shrink: 0; position: relative; display: inline-block; width: 120px; height: fit-content; padding-left: 12px; font-weight: 600; color: #444;}
.gallery-view .detail-list li span::before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: var(--main); transform: translateY(-50%);}
.gallery-view .detail-list li em {line-height: 1.2; color: #666;}
.gallery-view .detail-list li a {font-weight: 500; color: var(--blue); word-break: break-all;}
.gallery-view .detail-list li a:hover {text-decoration: underline;}
.gallery-view .detail-list .txt-wrap p {line-height: 1.2;}
.gallery-view .detail-list .txt-wrap p + p {margin-top: 10px;}

.gallery-view .cont .txt-box {line-height: 1.6; font-size: 1.8rem; color: #666;}
.gallery-view .cont .txt-box a {word-break: break-all;}
.gallery-view .cont .txt-box img {width: 100% !important; height: auto !important;}

@media only screen and (max-width: 1400px) {
	.gallery-view .img-top {flex-flow: column wrap;}
	.gallery-view .img-top .img-wrap {width: 100%;}
}
@media only screen and (max-width: 1023px) {
	.gallery-view .top-tit {padding: 0; padding-bottom: 50px;}
	.gallery-view .cont {padding: 30px 0 60px;}
}
@media only screen and (max-width: 600px) {
	.gallery-view .img-top .rg {padding: 20px;}
	.gallery-view .detail-list li {flex-flow: column wrap; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid var(--gray-e5);}
	.gallery-view .detail-list li:last-child {padding: 0; border: 0;}
}

/********************* footer ************************/
.f-copypage {}
.f-copypage > div {padding: 50px 20px; line-height: 1.4; font-weight: 500; font-size: 2.4rem; text-align: center; word-break: keep-all; word-wrap: break-word;}
.f-copypage .list-st1 {padding: 0 50px; line-height: 1.4; font-size: 2rem; word-break: keep-all; word-wrap: break-word;}
.f-copypage .list-st1 > li::before {top: 12px;}

@media only screen and (max-width: 767px) {
	.f-copypage .list-st1 {padding: 0 20px;}
}