@charset "utf-8";

/* 
 * content CSS Document
 *
 */

/* 공통 */
#content {min-height: 500rem; padding: 100rem 0 170rem;}
body.pd0 #content {padding: 0;}

.area-subVisual {position: relative; overflow: hidden;}
.area-subVisual > i {display: block; height: 653rem;}
.area-subVisual[data-subLayout="about"] > i {background: url('/images/content/sub_visual01.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="service"] > i {background: url('/images/content/sub_visual02.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="notice"] > i {background: url('/images/content/sub_visual03.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="data"] > i {background: url('/images/content/sub_visual04.jpg') no-repeat center/cover;}

.area_lnb {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; border-top: 2rem solid rgba(255,255,255,.1);}
.area_lnb .lnb {height: 100%; max-width: 1520rem; margin: 0 auto; padding: 0 90rem;}
.area_lnb .lnb ul {display: flex; height: 100%; align-items: center; justify-content: center;}
.area_lnb .lnb ul li {height: 84rem; text-align: center;}
.area_lnb .lnb ul li:nth-child(n+2) {padding: 0 0 0 60rem;}
.area_lnb .lnb ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18rem; font-weight: 600; color: #fff; opacity: .7;}
.area_lnb .lnb ul li a.on {opacity: 1; border-top: 2rem solid #fff;}

.area-subVisual[data-subLayout="about"] .area_lnb .lnb ul li {width: calc(100% / 6);}
.area-subVisual[data-subLayout="service"] .area_lnb .lnb {max-width: 810rem;}
.area-subVisual[data-subLayout="service"] .area_lnb .lnb ul li {width: calc(100% / 3);}
.area-subVisual[data-subLayout="notice"] .area_lnb .lnb {max-width: 810rem;}
.area-subVisual[data-subLayout="notice"] .area_lnb .lnb ul li {width: calc(100% / 3);}
.area-subVisual[data-subLayout="data"] .area_lnb .lnb {max-width: 810rem;}
.area-subVisual[data-subLayout="data"] .area_lnb .lnb ul li {width: calc(100% / 3);}

.page-tit__wrap {position: absolute; left: 0; top: 40%; width: 100%; z-index: 1;}
.page-tit {max-width: 1520rem; margin: 0 auto; padding: 0 30rem;}
.page-tit span {display: block; font-size: 22rem; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing:1rem;}
.page-tit span i {color: #f15929;}
.page-tit h2 {padding-top: 30rem; font-size: 70rem; color: #fff;}

.sub-tit,
.sub-tit02 {text-align: center; font-size: 50rem; color: #111; line-height: 1.4;}
.sub-tit02.left {text-align: left;}
.sub-tit02 p {padding-top: 24rem; font-size: 22rem; font-weight: 400; color: #666;}

.line-tit {width: 100%; border-bottom: 2rem solid #f2f2f2;}
.line-tit.flex {display: flex; align-items: center; justify-content: space-between;}
.line-tit.flex i img {height: 42rem;}
.line-tit strong {position: relative; padding: 0 22rem 18rem 22rem; display: table; font-size: 35rem; font-weight: 600; color: #f15929;}
.line-tit strong::before {content: ''; position: absolute; bottom: -1rem; left: 0; width: 100%; height: 2rem; background: #f15929;}

table.table {margin-top: 0; border-top: 0;}
table.table thead th {background: #3d3d3d; color: #fff; font-size: 22rem;}
table.table tbody td {border: 0; font-size: 20rem; color: #666;}
table.table th, 
table.table td {padding: 23rem 10rem;}
table.table thead tr th:first-child,
table.table tbody tr td:first-child {border-radius: 100rem 0 0 100rem;}
table.table thead tr th:last-child,
table.table tbody tr td:last-child {border-radius: 0 100rem 100rem 0;}
table.table tbody tr:nth-child(even) td {background: #f5f5f5;}
table.table tbody tr td ul li:nth-child(n+2) {padding-top: 6rem;}
.area-table.type01 {margin-top: 40rem;}
.area-detail .area-table table.table tbody tr td:first-child,
.area-detail .area-table table.table tbody tr td:last-child {border-radius: 0;}

[data-width] {margin: 0 auto; padding: 0 30rem;}
[data-width="1780"] {max-width: 1780rem;}
[data-width="1680"] {max-width: 1680rem;}
[data-width="1520"] {max-width: 1520rem;}
[data-width="1280"] {max-width: 1280rem;}
[data-width="1200"] {max-width: 1200rem;}
[data-width="1104"] {max-width: 1104rem;}

@media (max-width:1024px) {
    #content {padding: 90rem 0 150rem;}
    .sub-tit,
    .sub-tit02 {font-size: 40rem;}

    .area_lnb .lnb ul li:nth-child(n+2) {padding: 0 0 0 40rem;}

    .line-tit strong {font-size: 30rem;}

    .area-table.type01 {margin-top: 30rem;}
    table.table thead th,
    table.table tbody td {font-size: 18rem !important;}
    table.table th, 
    table.table td {padding: 18rem 10rem;}
}
@media (max-width:768px) {
    .area_lnb .lnb {padding: 0 30rem;}
    .area-subVisual[data-subLayout="about"] .area_lnb {overflow-x: auto; overflow-y: hidden;}
    .area-subVisual[data-subLayout="about"] .area_lnb .lnb {width: max-content;}
    .area-subVisual[data-subLayout="about"] .area_lnb .lnb ul li {width: auto !important;}
    .area-subVisual[data-subLayout="about"] .area_lnb .lnb ul li:nth-child(n+2) {padding: 0 0 0 30rem;}
}
@media (max-width:620px) {
    #content {padding: 75rem 0 100rem;}
    .page-tit h2 {padding-top: 15rem; font-size: 50rem;}
    .page-tit span {font-size: 18rem;}
    .sub-tit,
    .sub-tit02 {font-size: 30rem;}
    .sub-tit02 span {display: block;}
    .sub-tit02 p {padding-top: 13rem; font-size: 18rem;}

    .line-tit strong {font-size: 26rem;}

    .area-table.type01 {margin-top: 20rem;}

    .area-subVisual > i {height: 360rem;}
}

/* 인사말 */
.area-greeting {padding: 150rem 0 230rem; background: url('../images/content/greeting_bg.jpg') no-repeat; background-size: cover; background-position: bottom;}
.greeting-cont {display: flex; gap: 70rem; align-items: center;}
.greeting-cont__img img {width: 100%;}
.greeting-cont__tit {display: block; font-size: 32rem; line-height: 2;}
.greeting-cont__tit em {display: block; color: #f15929; line-height: 1.5;}
.greeting-cont__tit em i {display: block; font-size: 15rem; font-weight: 300; color: #a3a3a3;}
.greeting-cont__txt p {font-size: 18rem; font-weight: 300; color: #333; line-height: 1.8;}
.greeting-cont__txt p:nth-of-type(1) {padding-top: 50rem;}
.greeting-cont__txt p:nth-of-type(n+2) {padding-top: 38rem;}
.greeting-cont__txt span {display: block; padding-top: 50rem; font-size: 32rem; font-weight: 600; line-height: 1.5;}
.greeting-cont__txt span br {display: none;}
@media (max-width:1300px) {
    .area-greeting {padding: 130rem 0 200rem;}
    .greeting-cont {align-items: flex-start;}
    .greeting-cont__txt {width: 62%;}
    .greeting-cont__txt p br {display: none;}
    .greeting-cont__txt span br {display: block;}
}
@media (max-width:1024px) {
    .area-greeting {padding: 130rem 0 150rem;}
    .greeting-cont__txt {width: 82%;}
}
@media (max-width:980px) {
    .greeting-cont {flex-direction: column; gap: 50rem;}
    .greeting-cont__img {position: relative; display: flex; justify-content: center; width: 100%; padding: 40rem 0 0; border: 1rem solid  #f5b4a1; background: #fff; z-index: 1; overflow: hidden;}
    .greeting-cont__img::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/common/symbol.svg') no-repeat; width: 900rem; height: 900rem; z-index: -1; opacity: .04;}
    .greeting-cont__img img {width: 50%;}
    .greeting-cont__txt {width: 100%;}
    .greeting-cont__txt span br {display: none;}
}
@media (max-width:620px) {
    .area-greeting {padding: 80rem 0 120rem;}
    .greeting-cont {gap: 38rem;}
    .greeting-cont__tit {font-size: 26rem;}
    .greeting-cont__txt p:nth-of-type(1) {padding-top: 30rem;}
    .greeting-cont__txt p:nth-of-type(n+2) {padding-top: 15rem;}
    .greeting-cont__txt span {font-size: 26rem;}
    .greeting-cont__txt span br {display: block;}
    .greeting-cont__img::before {width: 600rem; height: 600rem;}
}

/* 비전 및 목표 */
.vsn-cont__bg {position: relative;}
.vsn-cont__bg::before {content: ''; position: absolute; background: url('../images/content/goal_bg.svg') no-repeat center/cover; width: 1104rem; height: 457rem; margin: 78rem auto 0; z-index: -1;}
.vsn-cont strong {display: block; padding-top: 118rem; text-align: center; font-size: 38rem; line-height: 1.5;}
.vsn-cont strong em {display: block; color: #f15929;}
.vsn-cont ul {display: flex; gap: 40rem; justify-content: center; padding-top: 150rem;}
.vsn-cont ul li {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 264rem; height: 264rem; background: #fff; border: 1rem solid #fbd2c8; border-radius: 100%;}
.vsn-cont ul li:nth-child(2),
.vsn-cont ul li:nth-child(4) {top: -68rem;}
.vsn-cont ul li:nth-child(1),
.vsn-cont ul li:nth-child(5) {top: -197rem;}
.vsn-cont ul li p {text-align: center; font-size: 18rem; color: #666; font-weight: 500; line-height: 1.5;}
.vsn-cont ul li i {display: block; padding-bottom: 24rem; font-size: 18rem; font-weight: 600; color: #b2b2b2;}
.vsn-cont ul li.active {background: linear-gradient(to top, #f7941c, #f15929);}
.vsn-cont ul li.active i {color: rgba(255,255,255,.5);}
.vsn-cont ul li.active p {color: #fff;}
.area-obj {margin-top: 165rem;}
.obj-process {position: relative; width: 100%; height: 60rem; background: #f3f3f3; border-radius: 100rem; margin-top: 150rem;}
.obj-process::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1rem; background: rgba(220, 220, 220, .68); transform: translateY(-50%); z-index: 1;}
.obj-process ul {display: grid; grid-template-columns: repeat(9, 1fr); height: 100%;}
.obj-process ul li {position: relative;}
.obj-process ul li::before {content: ''; position: absolute; top: 50%; left: 50%; width: 15rem; height: 15rem; background: #fff; border: 4rem solid #fcc2ab; border-radius: 100%; transform: translate(-50%, -50%); z-index: 2;}
.obj-process ul li span {display: flex; align-items: center; justify-content: center; height: 100%; margin-top: -75rem; font-size: 17rem; font-weight: 400; text-align: center; color: #959595;}
.obj-process ul li:nth-child(n+4):nth-child(-n+8) {background: #f26028;}
.obj-process ul li:nth-child(n+4):nth-child(-n+8) span {color: #f26028;}
.obj-process ul li:nth-child(4) {border-radius: 100rem 0 0 100rem;}
.obj-process ul li:nth-child(8) {border-radius: 0 100rem 100rem 0;}
.obj-process ul li:nth-child(3)::after {content: ''; position: absolute; top: 50%; right: 25rem; background: url('../images/content/ic-arrow.svg') no-repeat; width: 8rem; height: 13rem; transform: translateY(-50%);}
.obj-process ul li:nth-child(8)::after {content: ''; position: absolute; top: 50%; right: -25rem; background: url('../images/content/ic-arrow.svg') no-repeat; width: 8rem; height: 13rem; transform: translateY(-50%);}
.obj-process ul li i {display: none;}
.obj-process__txt {margin-top: 42rem;}
.obj-process__txt ul {display: grid; grid-template-columns: 3fr 5fr 1fr; gap: 22rem;}
.obj-process__txt ul li {display: flex; align-items: center; justify-content: center; height: 46rem; border: 1rem solid #d4d4d4; font-size: 17rem; font-weight: 600;}
.obj-process__txt ul li:nth-child(2) {color: #18549e;}
.obj-process__list {display: grid; grid-template-columns: repeat(4,1fr); gap: 30rem; margin-top: 90rem;}
.obj-process__box {padding: 36rem 32rem; background: #fefbfa; box-sizing: border-box;}
.obj-process__box em {display: flex; align-items: center; height: 60rem; font-size: 20rem; font-weight: 600; color: #333; line-height: 1.5;}
.obj-process__box ul {padding-top: 37rem; margin-top: 37rem; border-top: 1rem solid #fbdcd0;}
.obj-process__box ul li {position: relative; padding-left: 10rem; font-size: 16rem; font-weight: 300; color: #666;}
.obj-process__box ul li:nth-child(n+2) {margin-top: 13rem;}
.obj-process__box ul li::before {content: ''; position: absolute; top: 9rem; left: 0; width: 5rem; height: 1rem; background: #333;}
@media (max-width:1580px) {
    .vsn-cont ul {gap: 10rem;}
}
@media (max-width:1300px) {
    .vsn-cont ul li {width: 230rem; height: 230rem;}
    .area-obj {margin-top: 130rem;}
    .obj-process__txt ul {gap: 0;}
    .obj-process__txt ul li {font-size: 14rem; box-sizing: border-box;}
    .obj-process__txt ul li:nth-child(n+2) {border-left: 0;}
    .obj-process__list {grid-template-columns: 1fr 1fr;}
}
@media (max-width:1024px) {
    .are-vsn {overflow: hidden;}
    .vsn-cont__bg::before {width: 960rem; height: 370rem;}
    .vsn-cont ul {flex-wrap: wrap; padding-top: 60rem;}
    .vsn-cont ul li {top: 0 !important; width: 264rem; height: 264rem;} 
}
@media (max-width:768px) {
    .vsn-cont strong {font-size: 30rem;}
    .vsn-cont__bg::before {left: 50%; transform: translateX(-50%); margin: 48rem auto 0;}
    .obj-process {height: auto; background: unset; margin-top: 120rem;}
    .obj-process::before {display: none;}
    .obj-process ul {grid-template-columns: 1fr 1fr 1fr; gap: 100rem 0;}
    .obj-process ul li {width: 100%; height: 40rem; background: #f8f8f8;}
    .obj-process ul li::after {content: ''; position: absolute; top: 50%; left: 0; width: 100% !important; height: 1rem !important; background: rgba(220, 220, 220, .68) !important; transform: translateY(-50%); z-index: 1;}
    .obj-process ul li::before {width: 10rem; height: 10rem; border-radius: 2rem solid #fcc2ab;}
    .obj-process ul li:nth-child(1) {border-radius: 100rem 0 0 100rem;}
    .obj-process ul li:nth-child(9) {border-radius: 0 100rem 100rem 0;}
    .obj-process ul li span {margin-top: -60rem; font-size: 16rem;}
    .obj-process ul li:nth-child(4), 
    .obj-process ul li:nth-child(8) {border-radius: 0;}
    .obj-process ul li span {flex-direction: column;}
    .obj-process ul li i {display: block; padding-top: 5rem; text-align: center; font-size: 13rem;}
    .obj-process ul li:nth-child(n+4):nth-child(-n+8) i {color: #f26028;}
    .obj-process__txt {display: none;}
}
@media (max-width:620px) {
    .obj-process__list {gap: 15rem; margin-top: 70rem;}
    .obj-process__box ul {padding-top: 20rem; margin-top: 20rem;}
}
@media (max-width:540px) {
    .vsn-cont__bg::before {width: 670rem; height: 280rem;}
    .vsn-cont ul li {width: 100%; height: auto; border-radius: 0; padding: 30rem 0;}
    .vsn-cont ul li i {padding-bottom: 15rem;}
    .obj-process__list {grid-template-columns: 1fr;}
    .obj-process__box em {height: auto;}
}

/* 연혁 */
.area-history__wrap {padding: 85rem 100rem; background: #f8f8f8; box-sizing: border-box;}
.history-cont {position: relative; margin-top: 85rem;}
.history-cont.active::before {content: ''; position: absolute; top: 22rem; left: 25rem; width: 1rem; height: 100%; background: #f5b4a1; animation:line-animation 3s cubic-bezier(0.2, 0, 0.2, 1) both;}
.history-cont__box {display: flex; gap: 88rem;}
.history-cont__box:nth-child(n+2) {padding-top: 45rem;}
.history-cont__box strong {display: flex; flex: none; font-size: 42rem; color: #f15929;}
.history-cont__box strong i {flex: none; position: relative; display: inline-block; width: 50rem; height: 50rem; margin-right: 22rem; border: 1rem solid #f15929; border-radius: 100%;}
.history-cont__box strong i::before {content: ''; position: absolute; top: 50%; left: 50%; width: 7rem; height: 7rem; border-radius: 100%; background: #f15929; transform: translate(-50%, -50%);}
.history-cont__box ul {flex: auto;}
.history-cont__box ul li {display: flex; background: #fff; padding: 18rem 24rem; box-sizing: border-box; font-size: 22rem; color: #555; line-height: 1.4;}
.history-cont__box ul li span {display: inline-block; min-width: 44rem; font-weight: 600;}
.history-cont__box ul li:nth-child(n+2) {margin-top: 14rem;}
@keyframes line-animation {
	from {
		filter:Alpha(opacity=0);
		height:0;
	}
	to {
		filter:Alpha(opacity=100);
		height:34%;
	}
}

@media (max-width:1024px) {
    .area-history__wrap {padding: 80rem 50rem;}
    .history-cont {margin-top: 68rem;}
    .history-cont__box {gap: 60rem;}
    .history-cont__box strong {font-size: 38rem;}
    .history-cont__box strong i {width: 44rem; height: 44rem;}
    .history-cont.active::before {left: 22rem;}
}
@media (max-width:768px) {
    .history-cont__box {flex-direction: column; gap: 20rem;}
    .history-cont__box ul {width: 90%; margin-left: auto;}
    @keyframes line-animation {
        from {
            filter:Alpha(opacity=0);
            height:0;
        }
        to {
            filter:Alpha(opacity=100);
            height:30%;
        }
    }
}
@media (max-width:620px) {
    .history-cont__box ul {width: 86%;}
}
@media (max-width:540px) {
    .area-history__wrap {padding: 70rem 35rem;}
    .history-cont__box strong {font-size: 32rem;}
    .history-cont__box strong i {width: 38rem; height: 38rem;}
    .history-cont__box ul li {font-size: 19rem;}
    .history-cont__box ul li span {min-width: 34rem;}
    .history-cont.active::before {left: 19.3rem;}
    @keyframes line-animation {
        from {
            filter:Alpha(opacity=0);
            height:0;
        }
        to {
            filter:Alpha(opacity=100);
            height:27%;
        }
    }
}

/* 조직도 */
.organ-top {padding: 110rem 0 220rem; background: #f8f8f8;}
.organ-drc {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 181rem; height: 181rem; margin: 0 auto; background: linear-gradient(to top, #f7941c, #f15929); border-radius: 100%; z-index: 1;}
.organ-drc::before {content: ''; position: absolute; bottom: -177rem; left: 50%; width: 1rem; height: 177rem; background: #d9d9d9; transform: translateX(-50%);}
.organ-drc span {display: block; font-size: 16rem; font-weight: 600; color: rgba(255,255,255,.4); text-transform: uppercase;}
.organ-drc strong {display: block; padding-top: 5rem; font-size: 30rem; color: #fff;}
.organ-drc .wave {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.organ-drc .wave i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 181rem; height: 181rem; border-radius: 100%; background: #fff;  transition: all .5s; animation: scaler 3s infinite; animation-timing-function: linear;}
.organ-drc .wave i:nth-child(1) {background: rgba(241,89,41,0.2);}
.organ-drc .wave i:nth-child(2) {background: rgba(241,89,41,0.2); animation-delay: 1s;}
.organ-midd {position: relative; display: flex; justify-content: space-between; align-items: flex-end; width: 940rem; margin: 95rem auto 0;}
.organ-midd::before {content: ''; position: absolute; top: 50%; left: 340rem; width: calc(100% - 480rem); height: 1rem; background: #d9d9d9; transform: translateY(-50%);}
.organ-midd p {position: relative; display: flex; align-items: center; justify-content: center; width: 282rem; height: 65rem; border-radius: 100rem; font-size: 25rem; font-weight: 600; color: #fff;}
.organ-midd > div {position: relative;}
.organ-midd__lt::before {content: ''; position: absolute; top: 50%; right: -59rem; width: 1rem; height: 98rem; background: #d9d9d9; transform: translateY(-50%);}
.organ-midd__lt p {background: #15a8aa;}
.organ-midd__lt p:nth-child(2) {margin-top: 35rem;}
.organ-midd__lt p::before {content: ''; position: absolute; top: 50%; right: -59rem; width: 59rem; height: 1rem; background: #d9d9d9; transform: translateY(-50%);}
.organ-midd__lt p:nth-child(2)::after {content: ''; position: absolute; bottom: -65rem; left: 50%; width: 1rem; height: 65rem; background: #d9d9d9; transform: translateX(-50%);}
.organ-midd__rt p {background: #18549e;}
.organ-midd__rt p::after {content: ''; position: absolute; bottom: -65rem; left: 50%; width: 1rem; height: 65rem; background: #d9d9d9; transform: translateX(-50%);}
.organ-midd__rt p::before {content: ''; position: absolute; top: -18rem; left: 50%; width: 1rem; height: 18rem; background: #d9d9d9; transform: translateX(-50%);}
.organ-btm {display: grid; grid-template-columns: 1fr 1fr; gap: 28rem; padding-top: 65rem;}
.organ-btm__box {position: relative; padding: 26rem 40rem; background: #fff; box-sizing: border-box;}
.organ-btm__box.lt {border: 1rem solid #15a8aa;}
.organ-btm__box.rt {border: 1rem solid #18549e;}
.organ-btm__box em {display: block; padding-bottom: 26rem; margin-bottom: 26rem; text-align: center; font-size: 25rem; font-weight: 600;}
.organ-btm__box.lt em {border-bottom: 1rem solid #15a8aa; color: #15a8aa;}
.organ-btm__box.rt em {border-bottom: 1rem solid #18549e; color: #18549e;}
.organ-boxList {display: grid; grid-template-columns: 1fr 1fr; gap: 24rem;}
.organ-boxList__item {position: relative; padding: 23rem; box-sizing: border-box; background: #f5f5f5; text-align: center;}
.organ-boxList__item p {display: flex; align-items: center; justify-content: center; width: 100%; height: 45rem; border-radius: 100rem; background: #e8e8e8; font-size: 22rem; font-weight: 500; color: #333;}
.organ-boxList__item ul {padding-top: 5rem;}
.organ-boxList__item ul li {padding: 15rem 0; font-size: 19rem; font-weight: 300; color: #666;}
.organ-boxList__item ul li:nth-child(n+2) {border-top: 1rem dashed #e8e8e8;}
.organ-info {position: relative; top: -127rem; padding: 120rem; box-sizing: border-box; background: #fff;}
.organ-info__box:nth-child(n+2) {margin-top: 108rem;}
.organ-info__list {display: grid; grid-template-columns: 1fr 1fr; gap: 27rem; margin-top: 56rem;}
.organ-info__list > div {padding: 55rem 40rem; border: 1rem solid #e8e8e8; box-sizing: border-box;}
.organ-info__list em {display: block; padding-bottom: 25rem; font-size: 25rem; font-weight: 500; color: #333;}
.organ-info__list ul li {position: relative; padding-left: 10rem; font-size: 18rem; font-weight: 300; color: #666; line-height: 1.5;}
.organ-info__list ul li:nth-child(n+2) {margin-top: 18rem;}
.organ-info__list ul li::before {content: ''; position: absolute; top: 12rem; left: 0; width: 5rem; height: 1rem; background: #333;}
@keyframes scaler {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0.20;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.8);
        opacity: 0;
    }
}
@media (max-width:1300px) {
    .organ-info {padding: 100rem 80rem;}
}
@media (max-width:1024px) {
    .organ-btm__box em {font-size: 22rem;}
    .organ-boxList__item p {font-size: 19rem;}
    .organ-boxList__item ul li {font-size: 16rem;}
    .organ-midd p {font-size: 22rem;}
    .organ-info__list {grid-template-columns: 1fr;}
}
@media (max-width:768px) {
    .organ-top {padding: 100rem 0;}
    .organ-drc::before {bottom: -137rem; height: 137rem;}
    .organ-boxList {grid-template-columns: 1fr;}
    .organ-midd {width: 580rem; margin: 60rem auto 0;}
    .organ-midd::before {left: 241rem; width: calc(100% - 341rem);}
    .organ-midd p {width: 200rem; height: 60rem;}
    .organ-midd__lt p::before {right: -42rem; width: 42rem; }
    .organ-midd__lt::before {right: -42rem; height: 95rem;}
    .organ-btm {gap: 20rem;}
    .organ-info {top: 0; padding: 100rem 0;}
}
@media (max-width:620px) {
    .organ-info {padding: 80rem 0 100rem;}
    .organ-info__list em {padding-bottom: 20rem; font-size: 23rem;}
    .organ-info__list ul li:nth-child(n+2) {margin-top: 9rem;}
}
@media (max-width:540px) {
    .organ-drc {width: 160rem; height: 160rem;}
    .organ-drc::before {bottom: -178rem; height: 179rem;}
    .organ-drc span {font-size: 14rem;}
    .organ-drc strong {font-size: 26rem;}
    .organ-midd {width: 383rem;}
    .organ-midd::before {left: 191rem; width: calc(100% - 266rem);}
    .organ-midd p {width: 150rem; height: 55rem; font-size: 20rem;}
    .organ-midd__lt::before {display: none;}
    .organ-btm {padding-top: 45rem;}
    .organ-btm__box {padding: 24rem 20rem;}
    .organ-btm__box em {font-size: 20rem;}
    .organ-boxList {gap: 15rem;}
    .organ-boxList__item {padding: 13rem;}
    .organ-boxList__item p {font-size: 18rem;}
    .organ-info__box:nth-child(n+2) {margin-top: 80rem;}
}

/* 시설 및 장비 */
.area-facility.f01 {margin-top: 80rem;}
.area-facility.f02 {margin-top: 130rem;}
.area-eqpm {margin-top: 180rem;}
.fclEqp-box {margin-top: 55rem;}
.fclEqp-box.fist {margin-top: 45rem;}
.fclEqp-box em {display: block; margin-bottom: 20rem; font-size: 26rem; font-weight: 600;}
.fclEqp-box ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 60rem 40rem;}
.fclEqp-box ul li img {width: 100%;}
.fclEqp-box p {padding-top: 28rem; text-align: center; font-size: 22rem; font-weight: 500; color: #333;}
@media (max-width:1300px) {
    .fclEqp-box ul {gap: 50rem 30rem;}
}
@media (max-width:1024px) {
    .fclEqp-box p {padding-top: 20rem; font-size: 19rem;}
}
@media (max-width:768px) {
    .fclEqp-box ul {gap: 50rem 20rem;}
    .area-facility.f02 {margin-top: 100rem;}
    .area-eqpm {margin-top: 150rem;}
}
@media (max-width:620px) {
    .fclEqp-box {margin-top: 50rem;}
    .fclEqp-box ul {grid-template-columns: 1fr 1fr;}
    .fclEqp-box.fist {margin-top: 30rem;}
    .fclEqp-box.fist ul {gap: 20rem;}
    .fclEqp-box em {margin-bottom: 12rem; font-size: 20rem;}
    .fclEqp-box p {font-size: 17rem;}
    .area-eqpm {margin-top: 120rem;}
}
@media (max-width:540px) {
    .area-facility.f02 {margin-top: 80rem;}
    .area-eqpm {margin-top: 100rem;}
}


/* 오시는 길 */
.area-tab ul {display: grid; grid-template-columns: 1fr 1fr; width: 505rem; height: 67rem; margin: 0 auto; background: #f6f6f6; border-radius: 100rem; overflow: hidden;}
.area-tab ul li {display: flex; align-items: center; justify-content: center; font-size: 20rem; font-weight: 300; color: #666; cursor: pointer;}
.area-tab ul li.active {background: #f15929; color: #fff; font-weight: 600;} 
.area-tab__contBox {opacity: 0; height: 0; display: grid; grid-template-columns: 1fr 1fr;}
.area-tab__contBox.active {opacity: 1; height: auto; margin-top: 65rem;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap_landing {height: 100%;}
.root_daum_roughmap .wrap_map {height: inherit !important;}
.location-info {padding: 83rem 62rem; background: #f5f5f5; box-sizing: border-box;}
.location-info strong {display: block; font-size: 35rem;}
.location-info__con1 {margin-top: 30rem;}
.location-info__con1 p {position: relative; padding-left: 22rem; font-size: 20rem; font-weight: 400; line-height: 1.5;}
.location-info__con1 p::before {content: ''; position: absolute; top: 5rem; left: 0; width: 14rem; height: 20rem; background: url('../images/content/ic-location.svg') no-repeat;}
.location-info__con1 ul {display: flex; margin-top: 14rem;}
.location-info__con1 ul li {position: relative; font-size: 17rem; font-weight: 300; color: #666;}
.location-info__con1 ul li:nth-child(n+2) {padding: 0 0 0 13rem; margin: 0 0 0 13rem;}
.location-info__con1 ul li:nth-child(n+2)::before {content: ''; position: absolute; top: 50%; left: 0; width: 1rem; height: 11rem; background: #dcdcdc; transform: translateY(-50%);}
.location-info__con2 {padding-top: 48rem;}
.location-info__con2 dl div {display: flex; align-items: baseline; gap: 20rem;}
.location-info__con2 dl div:nth-child(2) {margin-top: 22rem;}
.location-info__con2 dl dt {display: flex; align-items: center; justify-content: center; width: 108rem; height: 46rem; background: #e8e8e8; border-radius: 100rem; font-size: 18rem; font-weight: 600; color: #555;}
.location-info__con2 ul li {position: relative; padding-left: 10rem; font-size: 16rem; font-weight: 300; color: #555; line-height: 1.5;} 
.location-info__con2 ul li::before {content: ''; position: absolute; top: 11rem; left: 0; width: 5rem; height: 1rem; background: #333;}
.location-info__con2 ul li:nth-child(n+2) {margin-top: 8rem;} 
@media (max-width:1300px) {
    .area-tab__contBox {grid-template-columns: 1fr;}
}
@media (max-width:768px) {
    .root_daum_roughmap .wrap_map {height: 400rem !important;}
    .location-info {padding: 50rem;}
}
@media (max-width:620px) {
    .location-info strong {font-size: 30rem;}
    .location-info__con2 dl div {flex-direction: column;}
    .location-info__con2 dl div:nth-child(2) {margin-top: 38rem;}
    .area-tab__contBox.active {margin-top: 40rem;}
}
@media (max-width:540px) {
    .area-tab ul {width: 100%;}
    .area-tab ul li {font-size: 18rem;}
    .root_daum_roughmap .wrap_map {height: 380rem !important;}
    .location-info strong {text-align: center;}
    .location-info__con1 ul {flex-direction: column; text-align: center;}
    .location-info__con1 ul li:nth-child(n+2) {padding: 0; margin: 10rem 0 0;}
    .location-info__con1 ul li:nth-child(n+2)::before {display: none;}
    .location-info__con2 {margin-top: 48rem; border-top: 1rem solid #ddd;}
}


/* 서비스모델 */
.srvModel-box:nth-child(2) {margin-top: 120rem;}
.srvModel-box__list {display: grid; grid-template-columns: 1fr 1fr; gap: 36rem; margin-top: 52rem;}
.srvModel-box__list.cr01 li:hover {background: #f15929; transition: all .3s;}
.srvModel-box__list.cr02 li:hover {background: #15a8aa; transition: all .3s;}
.srvModel-box__list.cr01 li:hover button {background: #fff url(../images/common/ic-arrow-orange.svg) no-repeat center; background-size: 17rem auto;}
.srvModel-box__list.cr02 li:hover button {background: #fff url(../images/common/ic-arrow-turqu.svg) no-repeat center; background-size: 17rem auto;}
.srvModel-box__list.cr01 li:hover::before {content: ''; position: absolute; bottom: 0; right: 0; background: url('../images/common/ic-symbol-cr.svg') no-repeat; width: 142rem; height: 142rem; opacity: .06;}
.srvModel-box__list.cr02 li:hover::before {content: ''; position: absolute; bottom: 0; right: 0; background: url('../images/common/ic-symbol-cr02.svg') no-repeat; width: 142rem; height: 142rem; opacity: .06;}
.srvModel-box__item {position: relative; height: 130rem; padding: 35rem 30rem; background: #f7f7f7; transition: all .3s;}
.srvModel-box__item a {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.srvModel-box__item:hover p {color: #fff;}
.srvModel-box__item:hover i {color: #fff;}
.srvModel-box__item:hover p.en {display: block;}
.srvModel-box__item:hover p.ko {display: none;}
.srvModel-box__txt p {font-size: 32rem; font-weight: 600;}
.srvModel-box__txt p.en {display: none;}
.srvModel-box__top {display: flex; align-items: center; justify-content: space-between;}
.srvModel-box__top i {display: block; font-size: 18rem; font-weight: 300; color: #cbcbcb;}
.srvModel-box__top button {width: 49rem; height: 49rem; border-radius: 100%; background: #e8e8e8 url(../images/common/ic-arrow-gray.svg) no-repeat center; background-size: 17rem auto; z-index: 1;}
@media (max-width:1024px) {
    .srvModel-box__list {gap: 20rem;}
    .srvModel-box__txt p {font-size: 26rem;}
    .srvModel-box__item {height: 150rem;}
}
@media (max-width:620px) {
    .srvModel-box__list {grid-template-columns: 1fr;}
    .srvModel-box__item {height: auto;}
    .srvModel-box__item:hover p.en {color: #fff;}
    .srvModel-box__txt {display: flex; flex-direction: column-reverse; padding-top: 30rem;}
    .srvModel-box__txt p {display: block !important;}
    .srvModel-box__txt p.en {font-size: 15rem; padding-bottom: 10rem; color: #999;}
}


/* 서비스모델 상세페이지 */
.area-detail {padding: 120rem 0; background: #f8f8f8;}
.area-detail__box {display: flex; gap: 164rem; background: #fff; padding: 86rem 80rem; box-sizing: border-box;}
.detail-tit {flex: none; position: sticky; top: 140rem; height: 100%;}
.detail-tit span {display: block; font-size: 18rem; font-weight: 600; color: #f15929;}
.detail-tit strong {display: block; padding-top: 8rem; font-size: 50rem;}
.detail-tit a {display: flex; align-items: center; justify-content: center; width: 195rem; height: 60rem; border-radius: 100rem; margin-top: 58rem; background: #f15929; font-size: 18rem; font-weight: 600; color: #fff;}
.detail-box__cont {flex: auto;}
.detail-box__conBox:nth-child(n+2) {margin-top: 65rem; padding-top: 65rem; border-top: 1rem dashed #ddd;}
.detail-box__numList li {display: flex; align-items: baseline; gap: 12rem; font-size: 22rem; font-weight: 300; line-height: 1.5;}
.detail-box__numList li:nth-child(n+2){padding-top: 25rem;}
.detail-box__numList li > i {font-weight: 600;}
.detail-box__img {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 45rem 0;}
.detail-box__img img {width: 100%;}
.detail-box__img li.wd35 {width: 35%;}
.detail-box__img li.wd40 {width: 40%;}
.detail-box__img li.wd45 {width: 45%;}
.detail-box__img li.wd48 {width: 48%;}
.detail-box__img li.wd54 {width: 54%;}
.detail-box__img li.wd60 {width: 60%;}
.detail-box__img li.wd100 {width: 100%;}
.detail-box__img p {padding-bottom: 10rem; font-size: 17rem; font-weight: 500;}
.detail-box__emp li {position: relative; padding-left: 15rem; font-size: 22rem; font-weight: 400; color: #666; line-height: 1.6;}
.detail-box__emp li::before {content: ''; position: absolute; top: 16rem; left: 0; width: 4rem; height: 4rem; border-radius: 100%; background: #f15929;}
.detail-box__emp li:nth-child(n+2) {margin-top: 6rem;}
.area-detail i.italic {font-style: italic;}
@media (max-width:1580px) {
    .detail-box__emp li br {display: none;}
}
@media (max-width:1024px) {
    .area-detail {padding: 100rem 0;}
    .area-detail__box {flex-direction: column; gap: 70rem;}
    .detail-tit {position: unset;}
}
@media (max-width:768px) {
    .area-detail {padding: 80rem 0;}
    .area-detail__box {padding: 70rem 50rem;}
}
@media (max-width:620px) {
    .area-detail {background: #fff;}
    .area-detail__box {padding: 0 20rem;}
    .detail-tit strong {font-size: 45rem;}
    .detail-tit a {width: 135rem; height: 50rem; margin-top: 38rem; font-size: 16rem;}
    .detail-box__img {flex-direction: column;}
    .detail-box__img li {width: 100% !important;}
}
@media (max-width:540px) {
    .area-detail__box {padding: 0;}
    .detail-tit span {font-size: 16rem;}
    .detail-tit strong {font-size: 36rem;}
    .detail-box__numList li {font-size: 18rem;}
    .detail-box__numList li:nth-child(n+2) {padding-top: 12rem;}
    .detail-box__conBox:nth-child(n+2) {margin-top: 50rem; padding-top: 50rem;}
    .detail-box__emp li {font-size: 18rem;}
    .detail-box__emp li::before {top: 12rem;}
}


/* 유효성평가 서비스 신청 절차 */
.area-box:nth-child(n+2) {margin-top: 120rem;}
.area-process {overflow: hidden;}
.process-cont {margin-top: 98rem;}
.process-cont__wrap {display: grid; grid-template-columns: repeat(5,1fr); gap: 25rem;}
.process-cont__item {position: relative;}
.process-cont__item.active .process-item__top span {color: #f15929;}
.process-cont__item.active .process-item__top i {background: #f15929; border: 8rem solid #fcded4; z-index: 1;}
.process-cont__item::before {content: ''; position: absolute; top: 92rem; left: 0; width: 110%; height: 1rem; background: #f0f0f0; z-index: -1;}
.process-item__top span {display: block; font-size: 28rem; font-weight: 700; font-family: var(--font-eng); color: #b2b2b2; text-align: center;}
.process-item__top i {display: block; width: 10rem; height: 10rem; margin: 46rem auto 0; background: #bcbcbc; border-radius: 100%; border: 8rem solid #ededed; z-index: 1;}
.process-item__box {margin-top: 34rem;}
.process-item__ogbox {background: #f15929;}
.process-item__ogbox p {padding: 14rem 10rem; box-sizing: border-box; font-size: 20rem; font-weight: 600; color: #fff; text-align: center;}
.process-item__ogbox p span {font-weight: 300;}
.process-item__ogbox p:nth-child(n+2) {border-top: 1rem solid rgba(255,255,255,.1);}
.process-item__gybox {display: flex; flex-direction: column; justify-content: space-between; height: 320rem; margin-top: 11rem; padding: 30rem; background: #f8f8f8; border: 1rem solid #e8e8e8; border-radius: 10rem;}
.process-item__gybox ul li {position: relative; padding-left: 10rem; font-size: 18rem; font-weight: 400;}
.process-item__gybox ul li::before {content: ''; position: absolute; top: 9rem; left: 0; width: 5rem; height: 1rem; background: #333;}
.process-item__gybox ul li:nth-child(n+2) {margin-top: 10rem;}
.process-item__gybox i {display: block; margin-top: 68rem; text-align: center;}
.process-item__gybox i.icon1 img {height: 66rem;}
.process-item__gybox i.icon2 img {height: 79rem;}
.process-item__gybox i.icon3 img {height: 65rem;}
.process-item__gybox i.icon4 img {height: 69rem;}
.process-item__gybox i.icon5 img {height: 57rem;}
.process-item__mobTxt {display: none;}
.process-cont__btm {width: 78.5%; margin-left: auto; margin-top: 26rem; padding: 9rem; background: #eaf6f6; font-size: 26rem; font-weight: 400; color: #0d8486; text-align: center;}
.receipt-cont {width: 80%; margin: 0 auto;}
.receipt-cont ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30rem; margin-top: 50rem;}
.receipt-cont ul li {display: flex; align-items: center; gap: 30rem; padding: 30rem 40rem; background: #f8f8f8; box-sizing: border-box; font-size: 20rem; font-weight: 400; line-height: 1.5;}
.receipt-cont ul li i {display: flex; align-items: center; justify-content: center; width: 40rem; height: 40rem; background: #fff; border-radius: 100%; font-size: 16rem; font-weight: 600; color: #f26028;}
.receipt-cont ul li span {display: block; font-size: 16rem; color: #999;}
.receipt-cont ul li br {display: none;}
@media (max-width:1680px) {
    .receipt-cont {width: 100%;}
}
@media (max-width:1300px) {
    .process-cont__wrap {grid-template-columns: repeat(3,1fr); gap: 80rem 20rem;}
    .process-item__gybox {height: 270rem;}
    .process-cont__btm {display: none;}
    .process-item__mobTxt {display: block; padding: 10rem; margin-top: 10rem; background: #eaf6f6; font-size: 16rem; text-align: center; color: #0d8486;}
    .receipt-cont ul li br {display: block;}
}
@media (max-width:1024px) {
    .area-box:nth-child(n+2) {margin-top: 100rem;}
    .receipt-cont ul {grid-template-columns: 1fr; gap: 15rem;}
    .receipt-cont ul li br {display: none;}
}
@media (max-width:768px) {
    .process-cont__wrap {grid-template-columns: repeat(2,1fr);}
    .process-cont__item::before {top: 66rem;}
    .process-item__top i {margin: 20rem auto 0;}
    .process-item__gybox {height: auto;}
    .process-item__gybox i.icon1 img {height: 56rem;}
    .process-item__gybox i.icon2 img {height: 69rem;}
    .process-item__gybox i.icon3 img {height: 55rem;}
    .process-item__gybox i.icon4 img {height: 59rem;}
    .process-item__gybox i.icon5 img {height: 50rem;}
}
@media (max-width:540px) {
    .process-cont {margin-top: 75rem;}
    .process-cont__wrap {grid-template-columns: repeat(1,1fr);}
    .process-cont__item::before {top: 60rem;}
    .process-item__top span {font-size: 24rem;}
    .process-item__ogbox p {font-size: 18rem;}
    .process-item__ogbox p span{display: block;}
    .process-item__gybox ul li {font-size: 17rem;}
    .process-item__gybox i {margin-left: auto; margin-top: 30rem;}
}


/* 만족도 조사 */
.graph-cont {margin-top: 85rem;}
.graph-cont ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 52rem 30rem;}
.graph-cont ul li {border: 1rem solid #ddd;}
.graph-cont ul li p {padding: 26rem 10rem; border-bottom: 1rem solid #f3f3f3; text-align: center; font-size: 22rem; font-weight: 600;}
.graph-cont__img {display: flex; justify-content: center; padding: 50rem;}
.graph-cont__img img {width: 100%;}
@media (max-width:1300px) {
    .graph-cont ul {grid-template-columns: repeat(3,1fr);}
}
@media (max-width:1024px) {
    .graph-cont ul {grid-template-columns: repeat(2,1fr); gap: 48rem 20rem;}
    .graph-cont__img {padding: 40rem;}
}
@media (max-width:540px) {
    .graph-cont {margin-top: 65rem;}
    .graph-cont ul {grid-template-columns: repeat(1,1fr); gap: 20rem;}
}


/* 알림마당 갤러리 게시판 */
.notice-gallery ul li a {display: flex; align-items: center; gap: 33rem; padding: 35rem 35rem 35rem 0;}
.notice-gallery ul li:hover {background: #fffcfb;}
.notice-gallery ul li:first-child {border-top: 2rem solid #000;}
.notice-gallery ul li:nth-child(n+2) {border-top: 1rem solid #e8e8e8;}
.notice-gallery ul li:last-child {border-bottom: 1rem solid #e8e8e8;}
.notice-gallery__img {aspect-ratio: 31/21; overflow: hidden; width: 19%;}
.notice-gallery__img img {width: 100%; height: 100%; object-fit: cover;}
.notice-gallery__txt {width: 78%;}
.notice-gallery__txt em {display: block; font-size: 20rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice-gallery__txt p {display: block; padding-top: 15rem; font-size: 16rem; font-weight: 300; color: #666; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media (max-width:768px) {
    .notice-gallery ul li a {flex-direction: column; align-items: start; padding: 35rem 0;}
    .notice-gallery__img {width: 100%;}
    .notice-gallery__txt {width: 100%;}
}