@charset "utf-8";

/* 
 * content CSS Document
 *
 */

[data-ani]{opacity:0; transition:transform 1.6s ease, opacity 1.3s ease; transform-style:preserve-3d; will-change:transform;}
[data-ani].is_moved{opacity:1; transform:none;}
[data-ani="img"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-ani="top"]{transform:translateY(140rem); transition-delay:0.1s;}
[data-ani="right"]{transform:translateX(140rem); transition-delay:0.1s;}
[data-ani="left"]{transform:translateX(-140rem); transition-delay:0.1s;}
[data-ani="scale"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}
[data-ani="rotate"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}

/* start motion  for All contents */
.motion-on [data-motion]{transition:transform 1.4s ease, opacity 1.3s ease;transform: none;opacity:1;will-change: transform;}
[data-motion]{opacity:0;}
[data-motion="preserveTop"]{transform:translateY(100%) rotateX(-80deg); transform-style:preserve-3d; transform-origin:center bottom;}
[data-motion="slideBtm"]{transform:translateY(-50rem);}
[data-motion="slideTop"]{transform:translateY(50rem);}
[data-motion="slideLeft"]{transform:translateX(-100rem);}
[data-motion="slideRight"]{transform:translateX(100rem);}
[data-motion="scale"]{animation: motion-scale 3s forwards cubic-bezier(0.12, 0.4, 0.41, 0.86);}
 
/* delay set */
[data-delay="100"]{transition-delay:100ms !important;}
[data-delay="150"]{transition-delay:150ms !important;}
[data-delay="200"]{transition-delay:200ms !important;}
[data-delay="250"]{transition-delay:250ms !important;}
[data-delay="300"]{transition-delay:300ms !important;}
[data-delay="350"]{transition-delay:350ms !important;}
[data-delay="400"]{transition-delay:400ms !important;}
[data-delay="450"]{transition-delay:450ms !important;}
[data-delay="500"]{transition-delay:500ms !important;}
[data-delay="550"]{transition-delay:550ms !important;}
[data-delay="600"]{transition-delay:600ms !important;}
[data-delay="650"]{transition-delay:650ms !important;}

/*  keyframe */
@keyframes motion-scale{
	0%{transform: scale(1.05);}
	100%{ransform: scale(1);}
}

/* page global */
#site-sub h3{font-weight:700; font-size:33rem; letter-spacing:-0.5rem;}
#site-sub h5{font-weight:800; font-size:27rem;}

.sub-cont-title{text-align:center;}
.sub-cont-title > i{display:block; font-weight:800; font-size:18rem; color:var(--color-point);}
.sub-cont-title > h2{margin-top:-2rem; font-size:50rem; letter-spacing:-0.5rem;}
.sub-cont-title > em{display:block; margin-top:10rem; font-weight:700; font-size:20rem; letter-spacing:-0.3rem;}
.sub-cont-title > em i{color:var(--color-point);}

img.sub-ob{position:absolute; top:-27rem; right:0; z-index:-2;}

.wrap-narrow{width:1340rem; margin:0 auto;}
.content-zero{padding-bottom:0 !important;}

/* strap */
.ko-line-list{display:flex;}
.ko-line-list li{display:flex; align-items:center; position:relative; line-height:1; padding:0px 12rem; font-weight:300;}
.ko-line-list li:not(:last-child)::after{content:""; position:absolute; right:0; width:1rem; height:14rem; background:#c7c7c7;}
.ko-line-list li:first-child{padding-left:0;}

 [data-flex] {display: flex;}
 [data-grid]{display:grid;}
 [data-grid] img{width:100%;}
 [data-grid="2"]{grid-template-columns:1fr 1fr; gap:40rem;}
 [data-grid="3"]{grid-template-columns:1fr 1fr 1fr;gap: 50rem;}
 [data-grid="4"]{grid-template-columns:1fr 1fr 1fr 1fr;gap: 47rem;}
 [data-grid="5"]{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap: 37rem;}
 
[data-sub-list]{display:grid; row-gap:3rem;}
[data-sub-list] > li{position:relative;}
[data-sub-list] > li:before{content:"";}
[data-sub-list="hyphen"] > li{padding-left: 11rem;}
[data-sub-list="hyphen"] > li:before{display:block;position:absolute;top: 12rem;left:0;width: 6rem;height: 1px;background: #3f3f3f;}

 @media (max-width: 1023px){
     [data-grid="3"]{gap:26rem;}
     [data-grid="4"]{gap:20rem;}
     [data-grid="5"]{grid-template-columns:1fr 1fr 1fr; gap:28rem;}
 }
 
 @media (max-width:860px){
     [data-grid="4"]{grid-template-columns:1fr 1fr 1fr; gap:20rem 28rem;}
 }
 
 @media (max-width: 540px){
     [data-grid="3"]{grid-template-columns:1fr; gap:18rem;}
     [data-grid="5"]{grid-template-columns:1fr 1fr; gap:30rem 18rem;}
     [data-grid="4"]{gap:25rem 15rem; grid-template-columns:1fr 1fr;}
 }

/* layout */
#content{position:relative; padding:140rem 0rem 140rem;}

.wrap{padding:0; max-width:1520rem;}

#header h1 img.color{display:none;}
#header{position:absolute;}

.prepare{display:flex; justify-content:center; align-items:center; padding:100px 0; min-height:300px;}
.prepare p{font-size:20px; text-align:center;}

.sub-title{text-align:center;}
.sub-title h3{margin-bottom:40rem; font-size:46rem !important;}
.sub-cont-title + *{margin-top:58rem;}

/* page navigation */
.sub-navigation{margin-top:30rem;}
.sub-navigation ul{display:flex; overflow:hidden;}
.sub-navigation ul li{position:relative; line-height:1; padding:0 15rem; font-weight:600; font-size:19rem; color:#333;}
.sub-navigation ul li img{display:inline-block; position:relative; top:1rem; height:16rem; vertical-align:top;}
.sub-navigation ul li i{display:none;}
.sub-navigation ul li:nth-child(2):after{content:""; position:absolute; top:4rem; right:-7rem; width:10rem; height:12rem; background:url(../images/content/ic-nav-arrow_w.svg) no-repeat 50% 50%;}
.sub-navigation ul li:first-child{padding:0;}
.sub-navigation ul li:last-child:after{opacity:0;}

/* sub visual */
.sub-visual{position:relative; overflow:hidden; height:670rem; box-sizing:border-box;}
.sub-visual *{color:#fff !important;}
.sub-visual > .wrap{padding-top:320rem;}
.sub-visual h2{font-weight:600; font-size:72rem; text-indent:-4rem;}
.sub-visual[data-sublayout="about"] .sub-vusla__bg{background-image:url(/images/content/sub-visual-01.jpg);}
.sub-visual[data-sublayout="lab"] .sub-vusla__bg{background-image:url(/images/content/sub-visual-02.jpg);}
.sub-visual[data-sublayout="business"] .sub-vusla__bg{background-image:url(/images/content/sub-visual-03.jpg);}
.sub-visual[data-sublayout="news"] .sub-vusla__bg{background-image:url(/images/content/sub-visual-04.jpg);}
.sub-visual .sub-vusla__bg{position:absolute;opacity:1 !important;top:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;background-size: cover;background-position: 50% 50%;}

/* lnb */
.lnb{position:absolute; bottom:-1px; left:0; width:100%;}
.lnb a{display:block; padding:22rem 30rem; font-weight:800; font-size:18rem; color:#222 !important;}
.lnb ul{display:inline-flex; align-items:center; z-index:4; margin-left:-30rem; padding-top:8rem; padding-right:50rem; background:#fff; align-content:center; border-top-right-radius:15rem;}
.lnb a.on{color:var(--color-point) !important;}
.lnb::before{content:""; position:absolute; top:0; left:0; z-index:-1; width:170rem; height:100%; background:#fff;}

/* common */
h3 {line-height: 1.5; font-size: 32rem; font-weight: 700; color: var(--color-black);}

body:has(.area_sub_visual) #content {background: url(/images/content/sub-bg.png) no-repeat right top / 368rem;}
.sub-title-wrap {margin-bottom: 100rem; text-align: center; color: var(--color-black);}
.sub-title-wrap em {display: block; margin-bottom: 20rem; font-size: 18rem; font-weight: 800; color: var(--color-point);}
.sub-title-wrap h2 {font-size: 50rem; font-weight: 700;}
.sub-title-wrap p {margin-top: 40rem; line-height: 1.7; font-size: 20rem; font-weight: 600;}

.sub-box {margin: 0 45rem; text-align: center; border-radius: 25rem; background-color: #f5f5f5;}
.sub-box__inr {padding: 150rem 0;}

/* button */
.btn-basic {display: inline-block; min-width: 140rem; height: 60rem; line-height: 60rem; font-size: 18rem; font-weight: 700; color: #fff !important; text-align: center; border-radius: 10rem; background: var(--color-point);}
.btn-basic.black {background: #222;}

/* notice */
.notice span {position: relative; display: inline-block; padding-left: 25rem; font-size: 16rem; font-weight: 500; color: #888; white-space: nowrap;}
.notice i {position: absolute; left: 0; top: 1px; width: 16rem; height: 16rem; line-height: 15rem; font-size: 14rem; font-weight: 600; text-align: center; color: #fff; border-radius: 100%; background: var(--color-point);}
.ic-more {display: inline-block; width: 16rem; height: 16rem; margin: 0 3rem; line-height: 15rem; font-size: 14rem; font-weight: 600; text-align: center; color: #fff; border-radius: 100%; background: var(--color-orange);}

/* list */
.dot-list li {margin: 10rem 0; text-align: left; font-size: 17rem; color: #444;}
.dot-list li > span {position: relative; display: inline-block; padding-left: 12rem;}
.dot-list li > span::before {position: absolute; left:0; top: 8rem; content:''; width: 3rem; height: 3rem; border-radius: 100%; background: var(--color-point);}

.numb-list {counter-reset:list-number;}
.numb-list li {margin: 15rem 0; text-align: left; font-size: 17rem; font-weight: 600; color: var(--color-black); counter-increment:list-number;}
.numb-list li > span {position: relative; padding-left: 28rem;}
.numb-list li > span::before {position: absolute; left:0; top: 1px; content:counter(list-number); width: 18rem; height: 18rem; line-height: 18rem; font-size: 12rem; font-weight: 600; color: #fff; text-align: center; border-radius: 100%; background: var(--color-black);}

.check-list li {margin: 15rem 0; text-align: left; color: #444;}
.check-list li > span {position: relative; display: inline-block; padding-left: 30rem;}
.check-list li > span i {position: absolute; left:0; top: 0; content:''; width: 18rem; height: 18rem; background: #fff; border: 1px solid #e5e5e5;}
.check-list li > span i::after {position: absolute; left:0; top: 0; content:''; width: 100%; height: 100%; background: url(/images/content/ic-check.svg) no-repeat center / 10rem;}

/* tab */
.tab-menu-wrap {display: inline-block; margin-bottom: 100rem;}
.tab-menu {display: flex; justify-content: center; align-items: center; border-radius: 10rem; background: #e9e9e9;}
.tab-menu li:not(:has(a)),
.tab-menu li a {display: block; padding: 17rem 30rem; font-size: 18rem; font-weight: 700; color: #888; cursor: pointer;}
.tab-menu li:not(:has(a)).active,
.tab-menu li.active a {font-weight: 800; color: var(--color-point); background: #fff; border-radius: 10rem; box-shadow: 5rem 5rem 10rem rgba(0, 0, 0, .2);}

.tab-content {display: none;}
.tab-content.on {display: block;}
.tab-content__title {margin-bottom: 50rem;}
.tab-content__title p {margin-top: 25rem; line-height: 1.7; font-size: 17rem; font-weight: 600; color: var(--color-black);}
.tab-content__title p strong {color: var(--color-point);}
.tab-content__item + .tab-content__item {margin-top: 100rem;}

/* table */
.table-wrap {overflow: hidden; border-radius: 15rem; border: 1px solid #e1e1e1;}
table {font-size: 17rem; color: #444;}
table th {font-weight: 600; text-align: center; border-bottom: 1px solid #e1e1e1;}
table thead th {padding: 15rem 30rem; background: #f1f1f1;}
table thead th:not(:last-child) {border-right: 1px solid #e1e1e1;}
table tbody > * {background: #fff;}
table tbody th {border-right: 1px solid #e1e1e1;}
table td {padding: 22rem 30rem; line-height: 1.6; text-align: left; border-bottom: 1px solid #e1e1e1;}
table .bd-bottom--none {border-bottom: none;}

/* 레이어팝업 */
[data-pop-layer="layer"] {background: rgba(0, 0, 0, .6);}
[data-pop-layer="layer"] .popBox {padding: 50rem 20rem;}
[data-pop-layer="layer"] .popBox .popTitle {justify-content: center; font-size: 35rem; font-weight: 700; color: var(--color-black);}
[data-pop-layer="layer"] .popBox .btn_close {right: -90rem; width: 90rem; height: 80rem; line-height: 80rem; background:transparent; box-shadow: none;}
[data-pop-layer="layer"] .popBox .btn_close span {width: 30rem; height: 30rem; background-size: 30rem;}

/* 사업소개 */
.area-about .sub-box__inr {padding-top: 60rem;}
.area-about [data-grid="4"] {gap: 20rem;}
.about01-figure {position: relative; display: inline-block; margin-top: 50rem;}
.about01-figure .mob {display: none;}
.about01-figure__outside p {position: absolute; line-height: 1.5; font-size: 20rem; font-weight: 600; color: #444;}
.about01-figure__outside p:nth-child(1) {left: 0; top: 5%;}
.about01-figure__outside p:nth-child(2) {right: 0; top: 5%;}
.about01-figure__outside p:nth-child(3) {left: -10%; bottom: 27%;}
.about01-figure__outside p:nth-child(4) {right: -9%; bottom: 27%;}
.about01-figure__border {position: relative; width: 820rem; height: 820rem; background: conic-gradient(#2157cb 0% 25%, #42bec0 25% 50%, #5738ba 50% 75%, #359dda 75% 100%); border-radius: 100%;}
.about01-figure__border p {position: absolute; font-size: 22rem; font-weight: 700; color: #fff;}
.about01-figure__border p:nth-child(1) {left: 18%; top: 13%; margin-top: -3rem; margin-left: 4rem; transform: rotate(324deg);}
.about01-figure__border p:nth-child(2) {right: 19%; top: 12%; transform: rotate(35deg);}
.about01-figure__border p:nth-child(3) {right: 0; bottom: 35%; margin-right: 1px; margin-bottom: -1px; transform: rotate(110deg);}
.about01-figure__border p:nth-child(4) {left: 0; bottom: 35%; margin-bottom: -5rem; transform: rotate(250deg);}
.about01-figure__item {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.about01-figure__item div {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200rem; height: 200rem; background: #fff; border-radius: 100%; border:2rem solid transparent; background-image:linear-gradient(#fff, #fff),linear-gradient(150deg, #00a1b4 0%, #244697 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 10rem 10rem 20rem rgba(0, 0, 0, .1);}
.about01-figure__item div:nth-child(1) {left: 50%; top: -20rem; margin-left: -100rem;}
.about01-figure__item div:nth-child(2) {right: -2%; top:25%;}
.about01-figure__item div:nth-child(3) {right: 11%; bottom: 2%;}
.about01-figure__item div:nth-child(4) {left: 11%; bottom: 2%;}
.about01-figure__item div:nth-child(5) {left: -2%; top: 25%;}
.about01-figure__item i {display: flex; justify-content: center; align-items: flex-end; width: 30rem; height: 40rem; margin-top: -10rem; margin-bottom: 20rem;}
.about01-figure__item i img {width: 100%;}
.about01-figure__item p {font-size: 20rem; font-weight: 800; color: var(--color-point);}
.about01-figure__item p span {display: block; margin-top: 8rem; letter-spacing: -.5px; font-size: 16rem; font-weight: 600; color: #aaa;}
.about01-figure__part {position: absolute; left: 50%; top: 50%; display:inline-block; width: 650rem; height: 650rem; background: conic-gradient(#dee2ea 0% 16.66%, #e7e9ee 16.66% 33.32%, #dee2ea 33.32% 49.98%, #e7e9ee 49.98% 66.64%, #dee2ea 66.64% 83.3%, #e7e9ee 83.3% 100%); border-radius: 100%; border: 5rem solid #aaa; box-sizing: content-box; transform: translate(-50%, -50%);}
.about01-figure__part::after {position: absolute; left: 50%; top: 50%; content:''; width: 100%; height: 100%; padding: 15rem; background: url(/images/content/ic-about-arrow.svg) no-repeat center; transform:translate(-50%, -50%);}
.about01-figure__part p {position: absolute; line-height: 1.5; font-size: 20rem; font-weight: 700; color: #888;}
.about01-figure__part p:nth-child(1) {left: 30%; top: 21%;}
.about01-figure__part p:nth-child(2) {right: 24%; top: 18%;}
.about01-figure__part p:nth-child(3) {right: 11%; top: 50%;}
.about01-figure__part p:nth-child(4) {right: 33%; bottom: 17%;} 
.about01-figure__part p:nth-child(5) {left: 31%; bottom: 17%;} 
.about01-figure__part p:nth-child(6) {left: 11%; top: 50%;}
.about01-figure__center {position: absolute; left: 50%; top: 50%; display: inline-block; transform: translate(-50%, -50%); z-index: 1;}
.about01-figure__center h4 {display: flex; align-items: center; justify-content: center; width: 260rem; height: 260rem; line-height: 1.5; font-size: 27rem; font-weight: 700; color: #fff; border-radius: 100%; background: #1f427f; box-shadow: 10rem 10rem 30rem rgba(0, 0, 0, .1);}

#about02 .tab-content__title p {margin-top: 12rem;}
.about02-img {overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 15rem; border: 1px solid #e1e1e1; background: #fff;}
.about02-img img {width: 100%;}
.about02-list li {overflow: hidden; padding: 50rem 30rem; text-align: left; color: #fff; border-radius: 15rem; background-repeat: no-repeat; background-position: center; background-size: cover;}
.about02-list li:nth-child(1) {background-image: url(/images/content/about-tab02-img01.jpg);}
.about02-list li:nth-child(2) {background-image: url(/images/content/about-tab02-img02.jpg);}
.about02-list li:nth-child(3) {background-image: url(/images/content/about-tab02-img03.jpg);}
.about02-list li:nth-child(4) {background-image: url(/images/content/about-tab02-img04.jpg);}
.about02-list em {font-weight: 800;}
.about02-list p {margin-top: 250rem; line-height: 1.5; font-size: 20rem; font-weight: 700; letter-spacing: -.5px;}

.about03-list > div {overflow: hidden; border-radius: 15rem;}
.about03-list h4 {padding: 95rem 20rem; line-height: 1.5; font-size: 24rem; font-weight: 800; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center;}
.about03-list > div:nth-child(1) h4 {background-image: url(/images/content/about-tab03-img01.jpg);}
.about03-list > div:nth-child(2) h4 {background-image: url(/images/content/about-tab03-img02.jpg);}
.about03-list > div:nth-child(3) h4 {background-image: url(/images/content/about-tab03-img03.jpg);}
.about03-list > div:nth-child(4) h4 {background-image: url(/images/content/about-tab03-img04.jpg);}
.about03-list ul {padding: 25rem 30rem; background: #fff;}

/* 추진전략 */
.area-promotion .sub-box__inr {padding: 100rem 0;}
.area-promotion .sub-box__inr [data-flex] {justify-content: center;}
.promotion-depth01 {position: relative; display: flex; flex-direction: column; justify-content: center; margin-right: 50rem; padding-right: 170rem; background: url(/images/content/ic-arrow.png) no-repeat right center / 200rem;}
.promotion-depth01 p {padding: 60rem 100rem; line-height: 1.5; font-size: 22rem; font-weight: 700; color: var(--color-point); background:#fff; border-radius: 100rem; border: 2rem solid var(--color-point);}
.promotion-depth01 p + p {margin-top: 20rem;}
.promotion-depth02 > div {display: flex; align-items: center;}
.promotion-depth02 > div + div {margin-top: -20rem;}
.promotion-depth02 em {display: block; min-width: 40rem; margin-right: 25rem; letter-spacing: -.1px; font-size: 30rem; font-weight: 800; color: var(--color-point); font-style: italic;}
.promotion-depth02 h4 {display: flex; align-items: center; justify-content: center; width: 200rem; height: 200rem; line-height: 1.5; font-size: 20rem; font-weight: 600; color: #fff; background: rgba(0, 68, 171, .8); border-radius: 100%;}
.promotion-depth02 .dot-list {margin-left: 40rem}
.promotion-depth02 .dot-list li {margin: 15rem 0; font-weight: 500;}

/* 추진체계 */
.system-depth01 {position: relative; text-align: center;}
.system-depth01::before {position: absolute; left: 50%; top: 50%; content:''; width: 30%; height: 1px; margin-top: -3rem; background: #bbb;}
.system-depth01 ul {position: relative; display: inline-block; min-width: 400rem; border-radius: 30rem; background: #fff; border: 4rem solid #444; box-shadow: 5rem 5rem 5rem rgba(5, 70, 135, .05);}
.system-depth01 ul li {padding: 22rem; text-align: center; border-bottom: 1px solid #e1e1e1;}
.system-depth01 ul li img {height: 35rem;}
.system-depth01 ul li:nth-child(2) img {height: 30rem;}
.system-depth01 ul li:last-child {border-bottom: 0;}
.system-depth01 .system-aside {position: absolute; top: 50%; min-width: 285rem; margin-left: 40rem; margin-top: -2rem; border-color: #e1e1e1; transform: translate(0, -50%);} 
.system-depth01 .system-aside img {height: 40rem;}
.system-depth01 .system-aside li:nth-child(2) img {height: 40rem;}
.system-depth02 {position: relative; display: flex; align-items: flex-start; justify-content: center; padding-top: 80rem; text-align: center;}
.system-depth02::before {position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 80rem; background: #bbb;}
.system-depth02 .depth-box {position: relative; padding: 80rem 20rem 0;}
.system-depth02 .depth-box::before {position: absolute; left: 0; top: 0; content:''; width: 100%; height: 1px; background: #bbb;} 
.system-depth02 .depth-box:first-child::before {width: 50%; left: 50%;}
.system-depth02 .depth-box:last-child::before {width: 50%;}
.system-depth02 .depth-box::after {position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 80rem; background: #bbb;}
.system-depth02 .depth-box__title {border-color: #d1dee9;}
.system-depth02 .depth-box__title + ul {border-color: #d7e3ee; background: #f2f6f9;}
.system-depth02 .depth-box .notice {top: 31rem; padding: 15rem 0 15rem 25rem;}

.depth-box {position: relative; display: inline-block; width: 400rem;}
.depth-box__title {position: relative; padding: 17rem 17rem 30rem; background: #fff; border-radius: 30rem; border: 4rem solid; box-shadow: 5rem 5rem 5rem rgba(5, 70, 135, .05);}
.depth-box__title h4 {padding: 17rem; font-size: 20rem; font-weight: 600; color: #fff; text-align: center; border-radius: 25rem; background: var(--color-point);}
.depth-box__title p {margin-top: 25rem; line-height: 1.5; font-size: 17rem; font-weight: 600; color: var(--color-black);}
.depth-box__title + ul {margin-top: -30rem; padding-top: 30rem; border-radius: 0 0 30rem 30rem; border: 1px solid;}
.depth-box__title + ul li {padding: 22rem 15rem; letter-spacing: -.5px; font-size: 17rem; font-weight: 500; color: #666; border-bottom: 1px dashed #d7e3ee;}
.depth-box__title + ul li a {display: flex; align-items: center; justify-content: center; letter-spacing: -.5px; }
.depth-box__title + ul li:last-child {border-bottom: 0;}
.depth-box .notice {z-index: 1; position: absolute; left: 50%; top: 1px; white-space: nowrap; background: #fff; transform: translateX(-50%);}
.depth-box .notice i {background: var(--color-orange);}

.area-system [data-pop-layer="layer"] .popBox {width: auto;}
.area-system [data-pop-layer="layer"] .depth-box {width: 500rem;}
/* .area-system [data-pop-layer="layer"] .depth-box {margin: 0 10rem;} */
.area-system [data-pop-layer="layer"] .depth-box__title {padding: 17rem 17rem 20rem; border-color: #f6e8dc;}
.area-system [data-pop-layer="layer"] .depth-box__title h4 {background:var(--color-orange);}
.area-system [data-pop-layer="layer"] .dot-list {margin-top: 25rem;}
.area-system [data-pop-layer="layer"] .dot-list li {margin: 8rem 0; text-align: center; font-weight: 600; color: var(--color-black);}
.area-system [data-pop-layer="layer"] .dot-list li > span::before {background:#ccc;}
.area-system [data-pop-layer="layer"] .depth-box__title + ul {text-align: center; background: #f7f4f1; border-color: #f3e9e0;}
.area-system [data-pop-layer="layer"] .depth-box__title + ul li {padding: 17rem; border-color: #f6e8dc;}
.area-system [data-pop-layer="layer"] .depth-box__title + ul li strong {color:var(--color-orange);}

/* 오시는길 */
.area-location .map_border,
.area-location .hide {display: none;}
.area-location .sub-box {position: relative;}
.area-location .root_daum_roughmap {width: 100%; overflow: hidden; position: relative; border: 1px solid #e1e1e1; border-radius: 25rem;}
.area-location .root_daum_roughmap .wrap_map {height: 650rem;}
.location-info {overflow: hidden; z-index: 1; position: absolute; left: 155rem; top: 50%; width: 450rem; text-align: left; border-radius: 20rem; background: #0760b9; transform: translate(0, -50%);}
.location-info h4 {padding: 25rem 40rem; background: #083e90;}
.location-info h4 img {height: 40rem;}
.location-info dl {overflow: hidden; position: relative; padding: 40rem;}
.location-info dl::before {position: absolute; right: -7rem; bottom: 0; content:''; width: 137rem; height: 128rem; background: url(/images/content/ic-symbol-w.svg) no-repeat center / contain; opacity: .07;}
.location-info dl dt {display: flex; align-items: center; margin-bottom: 5rem; font-size: 17rem; font-weight: 600; color: #83bffa;}
.location-info dl dt i {display: block; width: 16rem; height: 16rem; margin-right: 5rem;}
.location-info dl dt:first-child i {height: 15rem;}
.location-info dl dt i img {height: 100%;}
.location-info dl dd {margin-bottom: 30rem; line-height: 1.5; font-size: 20rem; font-weight: 600; color: #fff;}
.location-info dl dd:last-child {margin-bottom: 0;}

/* 보유장비 */
.area-lab {text-align: center;}
.lab-map__img {position: absolute; left: 50%; top: 50%; width: 616rem; transform: translate(-50%, -50%);}
.lab-map__img img {width: 100%;}
.lab-map__img .notice-wrap {position: absolute; left: 50%; bottom: -15%; display: inline-block; padding: 15rem 27rem; transform: translate(-50%, 0); border-radius: 50rem; background: #f1f5f9;}

.lab-map__area {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.lab-map__area a {position: absolute; padding: 20rem; font-size: 18rem; font-weight: 700; color: #fff;}
.lab-map__area a i {z-index: 1; position: relative; display: block; width: 14rem; height: 14rem; margin: 0 auto 7rem; border-radius: 100%; border: 4rem solid #fff; box-sizing: border-box; box-shadow: 3rem 3rem 5rem rgba(0, 0, 0, .1);}
.lab-map__area a:nth-child(1) {left: 27%; bottom: 33%;}
.lab-map__area a:nth-child(2) {left: 10%; bottom: 25%;}
.lab-map__area a:nth-child(3) {left: 60%; bottom: 22%;}
.lab-map__area a:nth-child(4) {left: 51%; bottom: 10%;}

.lab-map__area a::after {position: absolute; left: 36rem; top: 26rem; content:''; width: 300rem; height: 1px; background: #bbb; transform-origin: left center;}
.lab-map__area a:nth-child(1)::after {transform: rotate(200deg);}
.lab-map__area a:nth-child(2)::after {transform: rotate(144deg);}
.lab-map__area a:nth-child(3)::before {position: absolute; left: 36rem; top: 26rem; content:''; width: 300rem; height: 1px; background: #bbb; transform-origin: left center; transform: rotate(353deg);}
.lab-map__area a:nth-child(3)::after {width: 500rem; transform: rotate(314deg);}
.lab-map__area a:nth-child(4)::after {width: 400rem; transform: rotate(27deg);}

.lab-map__cont {display: flex; justify-content: space-between; align-items: center;}
.lab-map__item {position: relative; width: 400rem; margin: 10rem 0; padding: 35rem 30rem; text-align: left; border-radius: 15rem; border: 1px solid #bbb; background: #fff; box-sizing: border-box;}
.lab-map__item h6 {margin-bottom: 20rem; font-size: 20rem; font-weight: 700; color: var(--color-black);}
.lab-map__item .dot-list li {margin: 5rem 0;}
.lab-map__item .dot-list li span {display: inline-block; padding-left: 10rem; line-height: 1.6; }
.lab-map__item .dot-list li span::before {background: #ccc;}
.lab-map__spot {position: relative; margin-top: 35rem; padding-left: 17rem; letter-spacing: -.3px; font-size: 15rem; color: #888;}
.lab-map__spot::before {opacity: .5; position: absolute; left: 0; top: 2rem; content:''; width: 11rem; height: 13rem; background: url(/images/content/ic-location.svg) no-repeat center / contain; filter: grayscale(1);}

[data-pop-layer="layer"].lab-popLayer .popTitle span {margin-right: 20rem; padding: 10rem 14rem; line-height: 1; font-size: 24rem; font-weight: 600; color: #fff; border-radius: 7rem; background: var(--color-black);}
[data-pop-layer="layer"].lab-popLayer .popBox {width: auto;}
[data-pop-layer="layer"].lab-popLayer .popConts-box + .popConts-box {margin-top: 60rem;}
[data-pop-layer="layer"].lab-popLayer .popConts-box .popTitle {margin-bottom: 20rem;}
[data-pop-layer="layer"].lab-popLayer table td {padding: 17rem 30rem; text-align: center; border-left: 1px solid #e1e1e1;}
[data-pop-layer="layer"].lab-popLayer table tr:last-child td {border-bottom: 0;}
[data-pop-layer="layer"].lab-popLayer table tr td:first-child {min-width: 300rem; text-align: left; border-left: 0;}
[data-pop-layer="layer"].lab-popLayer table td:has(.btn-basic) {padding: 17rem 15rem;}
[data-pop-layer="layer"].lab-popLayer table .btn-basic {min-width: auto; height: auto; padding: 12rem 15rem; line-height: 1; font-size: 15rem; font-weight: 500; border-radius: 5rem;}
[data-pop-layer="layer"]#popLayer02.lab-popLayer table td {min-width: 300rem; padding: 17rem 30rem;}
[data-pop-layer="layer"]#popLayer02.lab-popLayer table td:last-child {min-width: 300rem;}
[data-pop-layer="layer"].lab-popLayer .mob {display: none;}
[data-pop-layer="layer"].lab-popLayer .notice {margin-top: 20rem;}
[data-pop-layer="layer"].lab-popLayer .notice + .notice {margin-top: 5rem;}
[data-pop-layer="layer"].lab-popLayer .notice i {top: 2rem; }


/* 회의실 예약신청 */
.area-conference .sub-box__inr {padding-top: 60rem;}
.area-conference [data-flex] {align-items: flex-start;}
.conference-guide {width: calc((100% - 40rem)/2); text-align: left;}
.conference-guide .tab-content__title p {margin-top: 12rem;}
.conference-guide .numb-list {margin: 50rem 0; padding-top: 40rem; border-top: 1px solid #e1e1e1;}
.conference-guide table th,
.conference-guide table td {padding: 17rem 30rem;}
.conference-guide table th {background: #f1f1f1;}
.conference-guide table tr:last-child th,
.conference-guide table tr:last-child td {border-bottom: 0;}
.conference-img {position: sticky; left:0; top:20rem; width: calc((100% - 40rem)/2); margin-left: auto; border-radius: 20rem; border: 1px solid #e1e1e1; overflow: hidden;}
.conference-img img {width: 100%;}
.guide-notice-wrap {margin-top: 20rem; padding: 20rem 30rem; border-radius: 20rem; border: 1px solid #e1e1e1; background: #fff;}

.conference-form-wrap .tab-content__title p {margin-top: 12rem;}
.conference-form {margin-bottom: 60rem;}
.conference-form {padding: 50rem; border-radius: 20rem; border: 1px solid #e1e1e1; background: #fff;}
.conference-form [data-grid="2"] {gap: 20rem 40rem;}
.conference-form [data-grid="2"] .bbsForm_data {margin-top: 0;}
.conference-form input[type="text"]::placeholder {font-size: 16rem; font-weight: 300; color: #aaa;}
.conference-form input[type="text"] {width: 100%; height: 50rem; border: none;}
.conference-form .bbsForm_data {display: flex; align-items: center; margin-top: 20rem; padding-bottom: 3rem; border-bottom: 1px solid #e1e1e1;}
.conference-form .bbsForm_data > label {min-width: 160rem; margin-bottom: 0; font-size: 17rem; font-weight: 600; text-align: left;}
.conference-form .bbsForm_data .inr {display: flex; justify-content: flex-start; align-items: center; width: 100%;}
.conference-form > h3 {display: flex; align-items: center; margin-bottom: 30rem; border-bottom: 2rem solid var(--color-black);}
.conference-form > h3 label {min-width: 160rem; font-size: 22rem; font-weight: 700; color: var(--color-black); text-align: left;}
.conference-form > h3 .inr,
.conference-form > h3 input[type="text"] {width: 100%; border: none;}
.conference-form .marking {margin: -5rem 5rem 0;}
.conference-form .designRadio input + label {padding-left: 30rem; font-size: 17rem; color: #444;}
.conference-form .designRadio input + label::before {top: -2rem; width: 18rem; height: 18rem; border-radius: 0; border: 1px solid #e5e5e5; background: url(/images/content/ic-check.svg) no-repeat center -16rem; background-size: 12rem;}
.conference-form .designRadio input:checked + label:before{background-position:center 2rem;}
.conference-form .bbsForm_data .inr > div {display: flex; align-items: center;}
.conference-form .calendar {display: block; width: 25rem; height: 25rem; background:url(/images/common/ic-calendar.svg) no-repeat center / 15rem;}
.conference-form .data-date input[type="text"] {width: 140rem;}
.conference-form .data-date i {margin: 0 10rem; font-size: 17rem;}
.conference-form .data-date span {font-size: 17rem; font-weight: 500; margin-left: 20rem;}
.conference-form .bbsForm_data:has(textarea) {flex-direction: column; align-items: flex-start; margin-top: 35rem; border-bottom: none;}
.conference-form .bbsForm_data:has(textarea) label {margin-bottom: 15rem;}
.conference-form .bbsForm_data textarea {width: 100%; height: 140rem; padding: 20rem; border: 1px solid #e1e1e1;}
.conference-form .bbsForm_data textarea::placeholder {font-size: 16rem; font-weight: 300; color: #aaa;}
.conference-form .box_privacy {margin: 60rem 0 0; text-align: left;}
.conference-form .scroll-textarea {border-color: #e1e1e1;}
.conference-form .box_privacy textarea {height: 180rem !important; padding: 20rem; font-size: 14rem; line-height: 1.4;}
.conference-form .box_privacy .check_con {justify-content: flex-end; font-size: 17rem;}
.conference-form .box_privacy .check_con .checkmark:after {top: 3rem;}
.conference-form h6 {margin-bottom: 15rem; font-size: 22rem; color: var(--color-black);}

/* 지원사업 */
.area-business .sub-title-wrap {margin-bottom: 60rem;}
.area-business .sub-box {margin-top: 150rem;}
.business-part [data-flex] {justify-content: center;}
.business-part__item {overflow: hidden; width: 580rem; margin: 0 20rem; padding-top: 25rem; text-align: center; border-radius: 30rem; border: 4rem solid #d1dee9; /*background: #f2f6f9;*/}
.business-part__item .img {padding: 30rem 0 70rem; background: #fff;}
.business-part__item .img img {max-width: 100%;}
.business-part__item h4 {margin: 0 25rem 30rem; padding: 18rem; font-size: 20rem; font-weight: 700; color: #fff; border-radius: 20rem; background: var(--color-point); /*transform: translateY(-50%);*/}
.business-part__item h4 span {display: inline-block; padding: 8rem 10rem; margin-right: 12rem; line-height: 1; font-size: 17rem; font-weight: 600; color: #fff; border-radius: 5rem; background: var(--color-black);}
.business-part__item .dot-list-wrap {padding-bottom: 25rem;}
.business-part__item .dot-list li {margin: 15rem 0; text-align: center; font-weight: 600;}
.graphic-box {position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 20rem; margin-top: 60rem;}
.graphic-box > i {position: absolute; left: 50%; top: 50%; display: flex; justify-content: center; align-items: center; width: 100rem; height: 100rem; box-sizing: border-box; border-radius: 100%; border: 5rem solid #ddd; background: #fff; transform: translate(-50%, -50%);} 
.graphic-box > div {display: flex; align-items: center; margin-left: auto;}
.graphic-box > div p {margin: 0 30rem; line-height: 1.6; font-size: 17rem; font-weight: 600; color: var(--color-black); text-align: right;}
.graphic-box > div h6 {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; width: 180rem; height: 180rem; font-size: 20rem; font-weight: 800; color: var(--color-black); border-radius: 20rem; border: 1px solid #e1e1e1; background: #fff;}
.graphic-box > div h6::after {position: absolute; right: -78rem; bottom: -78rem; content:''; width: 136rem; height: 136rem; border-radius: 100%;}
.graphic-box > div:nth-child(2n) {margin-left: 0;}
.graphic-box > div:nth-child(2n) p {text-align: left;}
.graphic-box > div:nth-child(2n) h6::after {left: -78rem; right: auto;}
.graphic-box > div:nth-last-child(-n+3) h6 {padding-top: 10rem;}
.graphic-box > div:nth-last-child(-n+3) h6::after {top: -78rem; bottom: auto;}
.graphic-box > div:nth-child(1) h6::after {background: #359dda;}
.graphic-box > div:nth-child(2) h6::after {background: #2158cd;}
.graphic-box > div:nth-child(3) h6::after {background: #5738ba;}
.graphic-box > div:nth-child(4) h6::after {background: #42bec0;}
.graphic-list {position: relative; justify-content: center; gap: 20rem; margin: 70rem 0 50rem; padding-bottom: 80rem;}
.graphic-list::before {position: absolute; left: 50%; bottom: 0; content:''; width: 90rem; height: 70rem; background: url(/images/content/ic-arrow.png) no-repeat center / contain; transform: translate(-50%, 0) rotate(90deg);}
.graphic-list li {width: 320rem; padding: 30rem; line-height: 1.6; font-size: 20rem; font-weight: 700; color: #fff; border-radius: 15rem; background: #222;}
.graphic-list li:first-child {margin-left: auto;}
.graphic-list li em {display: block; width: 60rem; padding: 8rem 0 7rem; margin: 0 auto 20rem; line-height: 1; font-size: 17rem; font-weight: 500; color: #fff; border-radius: 5rem; background: rgba(255, 255, 255, .3);}
.graphic-radius {display: inline-block;}
.graphic-radius section {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20rem; border-radius: 500rem; border: 2px dashed #ddd;}
.graphic-radius p {z-index: 1; position: relative; width: 300rem; padding: 60rem 0; line-height: 1.6; font-size: 20rem; font-weight: 700; color: var(--color-point); text-align: center; border-radius: 300rem; border: 2rem solid var(--color-point); background: #fff;}
.graphic-radius section::before {position: absolute; left:29%; top: 50%; content:''; width: 90rem; height: 70rem; background: url(/images/content/ic-arrow.png) no-repeat center / contain; transform: translate(0, -50%);}
.graphic-radius section::after {position: absolute; right:29%; top: 50%; content:''; width: 90rem; height: 70rem; background: url(/images/content/ic-arrow.png) no-repeat center / contain; transform: translate(0, -50%) scaleX(-1);}
.graphic-radius h6 {display: flex; align-items: center; justify-content: center; width: 180rem; height: 180rem; margin: 0 100rem; line-height: 1.6; font-size: 20rem; font-weight: 700; color: #fff; border-radius: 100%; background: #0044ab;}
.area-business .notice-wrap {display: inline-block; margin-top: 50rem;}
/* .area-business .notice {line-height: 1.6; margin: 18rem 0; margin-right: 12rem;} */
.area-business .notice span {display: flex; align-items: flex-start; text-align: left;}
.area-business .notice span strong {padding-right: 5rem;}
.area-business .notice span i {position: relative; top: 4rem; margin-right: 10rem;}

@media (max-width:1600px){
    .wrap {width: auto; margin: 0 70rem;}
    .sub-title-wrap {margin-bottom: 80rem;}
    .location-info {left: 60rem;}
    .lab-map__item {width: 320rem; padding: 30rem 20rem;}
    .lab-map__spot {line-height: 1.6;}
    .lab-map__spot::before {top: 4rem;}
}

@media (max-width:1230px){
    .promotion-depth01 {padding-right: 120rem;}
    .promotion-depth01 p {padding: 60rem;}
}

@media (max-width:1023px){
    .wrap {margin: 0 50rem;}

    .sub-visual{height:600rem;}
	.sub-visual > .wrap{padding-top:300rem;}
	.sub-visual h2{font-size:49rem;}

    .lnb a{padding:14rem 17rem; font-size:16rem;}
	.lnb ul{margin-left:-22rem; padding-top:6rem; padding-right:26rem; border-top-right-radius:10rem;}

    .sub-title-wrap {margin-bottom: 80rem;}
    .sub-title-wrap h2 {font-size: 42rem;}
    .sub-title-wrap p {margin-top: 30rem;}

    [data-grid="4"] {grid-template-columns: 1fr 1fr; gap: 20rem;}
    [data-pop-layer="layer"] .popBox {padding: 40rem 20rem;}
    [data-pop-layer="layer"] .popBox .popTitle {padding-right: 0 !important;}

    .tab-menu-wrap {margin-bottom: 80rem;}

    .sub-box__inr {padding: 100rem 0;}

    .depth-box {width: 350rem;}

    .area-about .sub-box__inr {padding-top: 40rem;}
    .about01-figure__item div  {width: 170rem; height: 170rem;}
    .about01-figure__item div:nth-child(1) {margin-left: -85rem;}
    .about01-figure__item i {width: 25rem; height: 30rem;}
    .about01-figure__item p {font-size: 18rem;}
    .about01-figure__item p span {margin-top: 6rem; font-size: 15rem;}
    .about01-figure__border {width: 700rem; height: 700rem;}
    .about01-figure__border p {font-size: 20rem;}
    .about01-figure__part {width: 550rem; height: 550rem;}
    .about01-figure__part p {font-size: 18rem;}
    .about01-figure__center h4 {width: 180rem; height: 180rem; font-size: 22rem;}
    .about01-figure__outside p {font-size: 18rem;}

    #about02 [data-grid="2"] {display: flex; flex-direction: column-reverse; gap: 0;}
    .about02-img {margin-bottom: 20rem;}
    .about03-list h4 {font-size: 22rem;}

    .area-promotion .sub-box__inr [data-flex] {flex-direction: column; justify-content: center;}
    .promotion-depth01 {display: grid; grid-template-columns: 1fr 1fr; gap: 20rem; padding-right: 0; padding-bottom: 80rem; margin-right: 0; background: none;}
    .promotion-depth01::before {position: absolute; left:50%; bottom: 0; content:''; width: 150rem; height: 120rem; background: url(/images/content/ic-arrow.png) no-repeat center / contain; transform: translate(-50%, 0) rotate(90deg);}
    .promotion-depth01 p {position: relative; padding: 50rem;}
    .promotion-depth01 p + p {margin-top: 0;}
    .promotion-depth02 {margin-top: 50rem;}

    .system-depth01 ul {min-width: 300rem;}
    .system-depth01 ul li img {height: 30rem;}
    .system-depth01 ul li:nth-child(3) img {height: auto;}
    .system-depth01 ul li:nth-child(2) img {height: 25rem;}
    .system-depth01 .system-aside {min-width: 240rem;}
    .system-depth01 .system-aside img,
    .system-depth01 .system-aside li:nth-child(2) img {height: 30rem;}
    .system-depth02 .depth-box {padding: 80rem 10rem 0;}
    .system-depth02 .depth-box .notice {top: 29rem;}

    .area-location .sub-box {background: none;}
    .area-location .root_daum_roughmap .wrap_map {height: 450rem;}
    .location-info {position: relative; top: auto; left: auto; width: 100%; margin-top: 20rem; transform: none;}

    .lab-map.wrap {margin: 0 30rem;}
    .lab-map__img {width: 500rem;}
    .lab-map__item {width: 260rem;}
    .lab-map__area a:nth-child(1) {left: 25%;}
    .lab-map__area a:nth-child(3) {left: 58%;}
    .lab-map__area a:nth-child(4) {left: 50%;}
    .lab-map__area a:nth-child(3)::after {width: 400rem; transform: rotate(295deg);}
    .lab-map__area a:nth-child(4)::after {width: 300rem; transform: rotate(50deg);}
    .lab-map__img .notice-wrap {bottom: -20%;}
    [data-pop-layer="layer"].lab-popLayer .popBox {height: 600rem !important;}
    [data-pop-layer="layer"].lab-popLayer table td {padding: 15rem 20rem;}
    /* [data-pop-layer="layer"].lab-popLayer table tr td:last-child {min-width: 210rem;} */

    .area-conference [data-flex] {flex-direction: column-reverse;}
    .area-conference .sub-box__inr {padding-top: 40rem;}
    .conference-form [data-grid="2"] {grid-template-columns: 1fr;}
    .conference-form .bbsForm_data .inr {height: 60rem;}
    .conference-img {position: relative; left: auto; top: auto; width: 100%;}
    .conference-guide {width: 100%; margin-top: 50rem;}

    .business-part [data-flex] {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20rem;}
    .business-part__item {width: auto; margin: 0;}
    /* .business-part__item .dot-list-wrap {margin-top: -30rem;} */
    .area-business .sub-box {margin-top: 120rem;}
    .graphic-box > div p {width: 50%;}
    .graphic-box > div p br {display: none;}
    .graphic-box > div h6 {width: 150rem; height: 150rem;}
    .graphic-radius h6 {width: 150rem; height: 150rem;}
    .graphic-radius p {width: 210rem; padding: 40rem 20rem; font-size: 18rem;}
    .graphic-radius section::before {left: 25%;}
    .graphic-radius section::after {right: 25%;}
    .area-business .notice span {padding-left: 0;}
    
}

@media (max-width:860px){
    body:has(.area_sub_visual) #content {background-size: 200rem;}

    .wrap {margin: 0 40rem;}
    h3 {font-size: 27rem;}

    .sub-title-wrap {margin-bottom: 50rem;}
    .sub-title-wrap em {margin-bottom: 15rem; font-size: 16rem;}
    .sub-title-wrap h2 {font-size: 35rem;}
    .sub-title-wrap p {margin-top: 25rem; font-size: 17rem;}

    .sub-box {margin: 0 20rem;}
    .tab-menu li:not(:has(a)),
    .tab-menu li a {padding: 15rem 20rem; font-size: 16rem;}
    .tab-content__title {margin-bottom: 40rem;}
    .tab-content__title p {margin-top: 17rem; font-size: 16rem;}

    [data-pop-layer="layer"] .popBox {width: 100% !important; height: 100% !important; padding: 30rem;}
    [data-pop-layer="layer"] .popBox .btn_close {top: 30rem; right: 15rem; width: 70rem; height: 70rem;}
    [data-pop-layer="layer"] .popBox .btn_close span {filter: invert(1); background-size:25rem;}
    [data-pop-layer="layer"] .popBox .popTitle {justify-content: flex-start; margin-bottom: 20rem; padding: 0; font-size: 30rem;}
    [data-pop-layer="layer"] .popBox .popConts {padding: 0;}

    .about01-figure__outside p {font-size: 16rem;}
    .about01-figure__outside p:nth-child(1) {left: -5%;}
    .about01-figure__outside p:nth-child(2) {right: -5%;}
    .about01-figure__outside p:nth-child(3) {left: -6%; bottom: 16%;}
    .about01-figure__outside p:nth-child(4) {right: -6%; bottom: 16%;}
    .about01-figure__border {width: 580rem; height: 580rem;}
    .about01-figure__border p {font-size: 16rem;}
    .about01-figure__part {width: 460rem; height: 460rem;}
    .about01-figure__part::after {padding: 12rem;}
    .about01-figure__part p {font-size: 16rem;}
    .about01-figure__part p:nth-child(3) {right: 12%; top: 47%;}
    .about01-figure__part p:nth-child(4) {right: 28%; bottom: 18%;}
    .about01-figure__part p:nth-child(5) {left: 28%; bottom: 18%;}
    .about01-figure__part p:nth-child(6) {left: 12%; top: 47%;}
    .about01-figure__item div {width: 140rem; height: 140rem;}
    .about01-figure__item div:nth-child(1) {margin-left: -70rem;}
    .about01-figure__item i {width: 20rem; height: 25rem; margin: 0 0 10rem;}
    .about01-figure__item p {font-size: 16rem;}
    .about01-figure__item p span {padding: 0 15rem; font-size: 14rem;}
    .about01-figure__center h4 {width: 150rem; height: 150rem; font-size: 20rem;}
    .about02-list li {padding: 30rem 20rem;}
    .about02-list p {margin-top: 200rem; font-size: 18rem;}
    .about03-list h4 {padding: 80rem 20rem; font-size: 20rem;}

    .promotion-depth01 {padding-bottom: 50rem;}
    .promotion-depth01::before {width: 100rem; height: 80rem;}
    .promotion-depth01 p {padding: 40rem ; font-size: 18rem;}
    .promotion-depth02 > div + div {margin-top: -10rem;}
    .promotion-depth02 em {min-width: 25rem; font-size: 22rem;}
    .promotion-depth02 h4 {width: 170rem; height: 170rem; font-size: 18rem;}
    .promotion-depth02 .dot-list {width: 55%;}
 
    .depth-box__title h4 {font-size: 18rem;}

    .system-depth01 ul li {padding: 20rem;}
    .system-depth01 .system-aside {min-width: 170rem; margin-left: 20rem;}
    .system-depth02 {flex-direction: column; padding-top: 0;}
    .system-depth02::before {display: none;}
    .system-depth02 .depth-box {width: 100%;}
    .system-depth02 .depth-box::before {display: none;}
    .area-system [data-pop-layer="layer"] .depth-box {width: 100%;}
    /* .area-system [data-pop-layer="layer"] .depth-box {width: calc((100% - 20rem)/2); margin: 0;}
    .area-system [data-pop-layer="layer"] .depth-box:last-child {margin-left: auto;} */

    .location-info dl dd {margin-bottom: 30rem;}

    .lab-map__cont {display: none;}
    .lab-map__img {position: relative; left: auto; top: auto; margin: 0 auto; transform: none;}
    .lab-map__img .notice-wrap {position: relative; left: auto; bottom: auto; margin-top: 40rem; transform: none;}
    .lab-map__area a::before,
    .lab-map__area a::after {display: none;}
    .lab-map__area a i {display: none;}
    .lab-map__area a:nth-child(1) {bottom: 43%; margin-left: 2rem;}
    .lab-map__area a:nth-child(2) {left: 9%; bottom: 36%;}
    .lab-map__area a:nth-child(3) {bottom: 34%;}
    .lab-map__area a:nth-child(4) {bottom: 23%;}
    .lab-map__spot {font-size: 14rem;}

    [data-pop-layer="layer"].lab-popLayer .popBox {height: 100% !important; overflow-y: auto;}
    [data-pop-layer="layer"].lab-popLayer .popConts {max-height: none;}
    [data-pop-layer="layer"].lab-popLayer .mob {display: block; margin-bottom: 20rem;}
    [data-pop-layer="layer"].lab-popLayer .lab-map__spot {margin-top: 10rem;}

    .conference-form {padding: 30rem;}
    .conference-form .bbsForm_data > label {min-width: 140rem;}
    .conference-form .bbsForm_data .inr {height: auto;}
    .conference-form .data-date span {margin-left: 15rem; font-size: 16rem;}
    .conference-form .box_privacy .check_con {font-size: 16rem;}

    .business-part__item {padding-bottom: 20rem; border-radius: 20rem;}
    .business-part__item h4 {margin: 0 20rem; line-height: 1.5; font-size: 18rem; border-radius: 10rem;}
    .business-part__item h4 span {display: block; width: 55rem; margin: 0 auto 10rem; font-size: 15rem;}
    .business-part__item .dot-list-wrap {/*margin-top: -50rem;*/ padding: 0 20rem;}
    .graphic-box {margin-top: 40rem;}
    .graphic-box > div p {margin:0 20rem}
    .graphic-box > div h6 {width: 140rem; height: 140rem; font-size: 18rem; border-radius: 10rem;}
    .graphic-box > div h6::after {width: 124rem; height: 124rem;}
    .graphic-box > i {width: 80rem; height: 80rem;}
    .graphic-box > i img {width: 40rem;}
    .graphic-list {padding-bottom: 60rem;}
    .graphic-list li {position: relative; width: 100%; font-size: 17rem;}
    .graphic-list li em {margin-bottom: 15rem; font-size: 15rem;}
    .graphic-radius section::before {left: 27%; width: 70rem; height: 50rem;}
    .graphic-radius section::after {right: 27%; width: 70rem; height: 50rem;}
    .graphic-radius h6 {width: 130rem; height: 130rem; margin: 0 60rem; font-size: 17rem; font-weight: 700;}
    .graphic-radius p {width: 180rem; padding: 30rem 20rem; font-size: 16rem;}
    .area-business .notice-wrap {margin-top: 30rem;}
    .area-business .notice span {flex-direction: column; white-space: normal;}
    .area-business .notice span br {display: none;}
    .area-business .notice span i {position: absolute;}
    .area-business .notice span strong {padding-left: 25rem;}
}

@media (max-width:540px){
    .wrap {margin: 0 20rem;}

    body:has(.area_sub_visual) #content {background-size: 100rem;}
    #content {padding: 80rem 0;}

    h3 {font-size: 22rem;}
    .marking:before {font-size: 12rem;}
    .btn-basic {min-width: 120rem; height: 50rem; line-height: 50rem; font-size: 14rem; border-radius: 5rem;}

    [data-grid="4"] {grid-template-columns: 1fr;}

    .sub-visual{height:450rem;}
	.sub-visual h2{font-family:'Pretendard'; font-weight:700; font-size:42rem;}
	.sub-navigation ul li{padding:0 12rem; font-size:17rem;}
	.sub-navigation ul li img{height:13rem;}
	.sub-navigation ul li:nth-child(2):after{top:3rem; right:-4rem; width:8rem; height:11rem;}
	.sub-navigation{margin-top: 22rem;}
	.sub-visual > .wrap{padding-top:230rem;}

    .sub-visual[data-sublayout="about"] .sub-vusla__bg {background-position: right 35% center;}
    .sub-visual[data-sublayout="about"] .sub-vusla__bg::before {opacity: .1; position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background:#000;}
    .sub-visual[data-sublayout="business"] .sub-vusla__bg::before {opacity: .1; position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background:#000;}

    .lnb a{padding:17rem 12rem; font-size:15rem; white-space:nowrap;}
	.lnb ul{display:flex; align-items:center; margin-left:0; padding-top:0;}
	.lnb .wrap{margin-left:10rem;}
	.lnb{bottom:0px; width:auto; border-bottom:1px solid #eee; overflow-x:scroll;}
	
    .sub-title-wrap {margin-bottom: 40rem;}
    .sub-title-wrap em {margin-bottom: 10rem; font-size: 13rem;}
    .sub-title-wrap h2 {line-height: 1.4; font-size: 26rem;}
    .sub-title-wrap p {margin-top: 20rem; font-size: 16rem;}
    .sub-title-wrap p br {display: none;}

    .sub-box {margin: 0 10rem; border-radius: 15rem;}
    .sub-box__inr {padding: 50rem 0;}

    .tab-menu-wrap {width: 100%; margin-bottom: 50rem;}
    .tab-menu {flex-direction: column; width: 100%; border-radius: 7rem;}
    .tab-menu li {width: 100%;}
    .tab-menu li:not(:has(a)),
    .tab-menu li a {padding: 13rem 20rem; font-size: 15rem;}
    .tab-menu li:not(:has(a)).active,
    .tab-menu li.active a {width: 100%; border-radius: 7rem;}

    .tab-content__title {margin-bottom: 30rem;}
    .tab-content__title p {margin-top: 12rem; font-size: 15rem; font-weight: 400;}

    .table-wrap {border-radius: 10rem;}
    table {font-size: 14rem;}
    table td {padding: 12rem 15rem;}
    table thead th {padding: 12rem 10rem;}
    .tab-content__item + .tab-content__item {margin-top: 60rem;}

    .notice span {padding-left: 22rem; font-size: 13rem;}
    .notice i,
    .ic-more {width: 14rem; height: 14rem; line-height: 13rem; font-size: 12rem;}

    .dot-list li {font-size: 15rem;}
    .dot-list li > span {padding-left: 10rem;}
    .dot-list li > span::before {top: 6rem;}

    .numb-list li {margin: 10rem 0; line-height: 1.6; font-size: 15rem;}
    .numb-list li span {display: inline-block; padding-left: 25rem;}
    .numb-list li > span::before {top: 3rem; width: 16rem; height: 16rem; line-height: 16rem; font-size: 10rem;}

    .check-list li {margin: 10rem 0; line-height: 1.6; font-size: 15rem;}
    .check-list li > span {padding-left: 25rem;}
    .check-list li > span i {top: 3rem; width: 16rem; height: 16rem;}
    .check-list li > span i::after {background-size: 8rem;}

    .depth-box__title h4 {padding: 12rem; font-size: 15rem;}
    .depth-box__title p {margin-top: 15rem; font-size: 14rem;}
    .depth-box__title + ul li {padding: 15rem; font-size: 14rem;}

    [data-pop-layer="layer"] .popBox {padding: 20rem;}
    [data-pop-layer="layer"] .popBox .popTitle {font-size: 20rem; margin-bottom: 0;}
    [data-pop-layer="layer"] .popBox .btn_close {top: 25rem; right: 0; width: 60rem; height: 60rem; line-height: 60rem;}
    [data-pop-layer="layer"] .popBox .btn_close span {width: 20rem; height: 20rem; background-size: 20rem;}
    [data-pop-layer="layer"].lab-popLayer .popTitle span {margin-right: 10rem; padding: 6rem 8rem; font-size: 14rem; border-radius: 5rem;}
    [data-pop-layer="layer"].lab-popLayer .popConts-box .popTitle {margin-bottom: 0;}
    [data-pop-layer="layer"].lab-popLayer table td,
    [data-pop-layer="layer"].lab-popLayer table tr td:last-child,
    [data-pop-layer="layer"]#popLayer02.lab-popLayer table td,
    [data-pop-layer="layer"]#popLayer02.lab-popLayer table tr td:last-child {min-width: auto; padding: 10rem 7rem;}
    [data-pop-layer="layer"].lab-popLayer table tr td:first-child {min-width: auto;}
    [data-pop-layer="layer"].lab-popLayer .popConts-box + .popConts-box {margin-top: 30rem;}

    .area-about .sub-box__inr {padding-top: 20rem;}
    .about01-figure {margin-top: 0;}
    .about01-figure .mob {display: block; width: 100%;}
    .about01-figure__outside,
    .about01-figure__border,
    .about01-figure__item,
    .about01-figure__part,
    .about01-figure__center {display: none;}

    .about02-img {border-radius: 10rem;}
    .about02-list li {border-radius: 10rem;}
    .about02-list em {font-size: 14rem;}
    .about02-list p {margin-top: 150rem; font-size: 16rem;}

    .about03-list > div {border-radius: 10rem;}
    .about03-list h4 {padding: 70rem 20rem; font-size: 18rem; font-weight: 700;}
    .about03-list ul {padding: 15rem 20rem;}
    .area-promotion .sub-box__inr {padding: 60rem 0;}
    .promotion-depth01 {grid-template-columns: 1fr; gap: 10rem;}
    .promotion-depth01 p {padding: 30rem; font-size: 16rem;}
    .promotion-depth01::before {width: 80rem; height: 60rem;}
    .promotion-depth02 em {display: none;}
    .promotion-depth02 > div {flex-direction: column;}
    .promotion-depth02 h4 {width: 100%; height: auto; padding: 20rem; font-size: 16rem; border-radius: 100rem;}
    .promotion-depth02 .dot-list {width: 100%; margin: 10rem 0 40rem; padding: 0 20rem; line-height: 1.6;}
    .promotion-depth02 .dot-list li {margin: 6rem 0;}
    .promotion-depth02 .dot-list li > span::before {top: 9rem;}
    .promotion-depth02 > div:last-child .dot-list {margin-bottom: 0;}

    .system-depth01::before {top: 0; width: 1px; height: 100%; margin-top: 0;}
    .system-depth01 ul {width: 100%;}
    .system-depth01 .system-aside {position: relative; top: auto; width: 100%; margin-top: 20rem; margin-left: 0; transform: none;}
    .system-depth02 .depth-box {padding: 60rem 0 0;}
    .system-depth02 .depth-box::after {height: 60rem;}
    .system-depth02 .depth-box .notice {top: 20rem; padding: 10rem 0;}
    .area-system [data-pop-layer="layer"] [data-flex] {flex-direction: column;}
    .area-system [data-pop-layer="layer"] .popTitle {padding: 0 20rem;}
    .area-system [data-pop-layer="layer"] .popBox {padding: 20rem 0;}
    .area-system [data-pop-layer="layer"] .popBox .popConts {padding: 0 20rem;}
    .area-system [data-pop-layer="layer"] .depth-box {width: 100%; margin-bottom: 20rem;}
    .area-system [data-pop-layer="layer"] .dot-list {margin-top: 20rem;}
    .area-system [data-pop-layer="layer"] .depth-box__title + ul li {padding: 15rem;}

    .area-location .root_daum_roughmap {border-radius: 15rem;}
    .area-location .root_daum_roughmap .wrap_map {height: 270rem;}
    .location-info {margin-top: 10rem; border-radius: 15rem;}
    .location-info h4 {padding: 17rem 20rem;}
    .location-info h4 img {height: 27rem;}
    .location-info dl {padding: 30rem 20rem;}
    .location-info dl::before {width: 100rem; height:90rem;}
    .location-info dl dt {font-size: 14rem;}
    .location-info dl dt i {width: 14rem; height: 14rem; margin-right: 7rem;}
    .location-info dl dt:first-child i {height: 13rem;}
    .location-info dl dd {margin-bottom: 25rem; font-size: 15rem;}
    
    .lab-map__img {width: 100%;}
    .lab-map__img .notice-wrap {margin-top: 30rem; padding: 7rem 18rem 10rem;}
    .lab-map__area a {padding: 10rem; font-size: 14rem;}
    .lab-map__area a:nth-child(1) {left: 25%; bottom: 44%;}
    .lab-map__area a:nth-child(2) {bottom: 38%;}
    .lab-map__area a:nth-child(3) {bottom: 36%;}
    .lab-map__area a:nth-child(4) {bottom: 25%;}

    [data-pop-layer="layer"].lab-popLayer table .btn-basic {padding: 10rem; font-size: 13rem;}
    [data-pop-layer="layer"].lab-popLayer .notice {margin: 10rem 0;}
    [data-pop-layer="layer"].lab-popLayer .notice span {white-space: normal;}

    .area-conference .sub-box__inr {padding-top: 20rem;}
    .conference-img {border-radius: 15rem;}
    .conference-guide {margin-top: 30rem;}
    .conference-guide .tab-content__title p br {display: none;}
    .conference-guide .numb-list {margin: 30rem 0; padding-top: 20rem;}
    .conference-guide table th,
    .conference-guide table td {padding: 12rem 15rem;}
    .guide-notice-wrap {padding: 10rem 20rem; border-radius: 10rem;}
    .conference-form {margin-bottom: 30rem; padding: 20rem; border-radius: 15rem;}
    .conference-form > h3 {flex-direction: column; align-items: flex-start;}
    .conference-form > h3 label {min-width: auto; margin-bottom: 10rem; font-size: 20rem;}
    .conference-form input[type="text"] {height: 40rem; margin: 0; padding: 5rem; font-size: 15rem;}
    .conference-form input[type="text"]::placeholder {font-size: 13rem;}
    .conference-form [data-grid="2"] {gap: 30rem;}
    .conference-form .bbsForm_data {flex-direction: column; align-items: flex-start; padding: 0;}
    .conference-form .bbsForm_data > label {min-width: auto; margin-bottom: 10rem; font-size: 16rem;}
    .conference-form .designRadio {height: 40rem;}
    .conference-form .designRadio input + label {margin-right: 20rem; padding-left: 25rem; font-size: 15rem;}
    .conference-form .designRadio input + label::before {width: 15rem; height: 15rem; background-size: 9rem;}
    .conference-form .data-date .inr {flex-direction: column; align-items: flex-start;}
    .conference-form .data-date i {margin: 10rem 0;}
    .conference-form .data-date span {margin: 7rem 0 12rem; font-size: 15rem;}
    .conference-form .calendar {background-size: 13rem;}
    .conference-form .bbsForm_data textarea {padding: 10rem; font-size: 15rem;}
    .conference-form .bbsForm_data textarea::placeholder {font-size: 13rem;}
    .conference-form .box_privacy {margin-top: 30rem;}
    .conference-form .box_privacy textarea {padding: 10rem; font-size: 12rem;}
    .conference-form .box_privacy .check_con {font-size: 15rem;}
    .conference-form .box_privacy .check_con .checkmark {width: 17rem; height: 17rem;}
    .conference-form .box_privacy .check_con .checkmark::after {left: 6rem; width: 3rem; height: 6rem;}
    .conference-form h6 {font-size: 18rem;}

    .area-business .sub-box {margin-top: 70rem;}
    .area-business .sub-title-wrap {margin-bottom: 30rem;}
    .business-part [data-flex] {grid-template-columns: 1fr; gap: 10rem;}
    .business-part__item {width: 100%; border-radius: 10rem;}
    .business-part__item .img {padding: 10rem 0 80rem;}
    .business-part__item h4 {margin-bottom: 20rem; font-size: 15rem; border-radius: 7rem;}
    .business-part__item h4 span {width: 40rem; padding: 6rem; font-size: 12rem; border-radius: 3rem;}
    /* .business-part__item .dot-list-wrap {margin-top: -30rem;} */
    .business-part__item .dot-list li {margin: 12rem 0;}
    .graphic-box {grid-template-columns: 1fr; gap: 10rem;}
    .graphic-box > i {display: none;}
    .graphic-box > div {flex-direction: row-reverse; justify-content: flex-end;}
    .graphic-box > div:nth-child(2n) {flex-direction: row; justify-content: flex-start;}
    .graphic-box > div h6 {width: 100rem; height: 100rem; font-size: 16rem; border-width: 2rem;}
    .graphic-box > div h6::after {display: none;}
    .graphic-box > div:nth-child(1) h6 {border-color: #359dda;}
    .graphic-box > div:nth-child(2) h6 {border-color: #2158cd;}
    .graphic-box > div:nth-child(3) h6 {border-color: #5738ba;}
    .graphic-box > div:nth-child(4) h6 {border-color: #42bec0;}
    .graphic-box > div:nth-last-child(-n+3) h6 {padding-top: 0;}
    .graphic-box > div p {width: 60%; margin-right: 0; text-align: left !important; font-size: 15rem; font-weight: 400;}
    .graphic-list {grid-template-columns: 1fr; margin: 50rem 0 40rem; padding-bottom: 4rem; gap: 10rem;}
    .graphic-list::before {width: 70rem; height: 50rem;}
    .graphic-list li {padding: 20rem 15rem; word-break: break-all; font-size: 15rem; box-sizing: border-box; border-radius: 10rem;}
    .graphic-list li em {width: 45rem; font-size: 13rem;}
    .graphic-radius {width: 100%;}
    .graphic-radius section {flex-direction: column; border-radius: 15rem;}
    .graphic-radius p {width: 100%; padding: 20rem; font-size: 15rem;}
    .graphic-radius h6 {width: 120rem; height: 120rem; margin: 60rem 0; font-size: 15rem;}
    .graphic-radius section::before {left: 50%; top: 20%; transform: translate(-50%, 0) rotate(90deg);}
    .graphic-radius section::after {left: 50%; top: auto; bottom: 20%; transform: translate(-50%, 0) rotate(-90deg);}
    .area-business .notice-wrap {margin-top: 15rem;}
    .area-business .notice span strong {margin-bottom: 3rem;}

    /* 공지사항 */
    .ko-basic-list__num.notice {margin-top: -1px; font-size: 14px;}
    .ko-basic-list__date {font-size: 14px;}
    .bbsSearch[data-type="A"] select,
    .bbsSearch[data-type="A"] input[type=text] {height: 40rem; font-size: 15px;}
    .bbsSearch[data-type="A"] select {background-size: 10px;}
    .bbsSearch[data-type="A"] input[type=text] {width: 300px;}
    .bbsSearch[data-type="A"] .search_input .button {width: 40px; height: 40px; background-size: 20px;}
}

@media (max-width:480px){
    .bbsSearch[data-type="A"] input[type=text] {width: 100%; height: 48rem;}
    .system-depth01 ul li:nth-child(3) img {height: 27rem;}
}