#sub-container .inner {
    width:100%;
    max-width:160rem;
    margin:0 auto;
}

#sub-container .sub-content {
    padding:5rem 0 8rem 0;
}

#sub-container .sub-top h2 {
    text-align: center;
    font-size: 5rem;
    font-weight: bold;
    color: #19284e;
    margin-bottom: 1rem;
}

#sub-container .sub-top .loc-info ul {
    display:flex;
    align-items: center;
    justify-content: center;
}

#sub-container .sub-top .loc-info ul li {
    position:relative;
    margin-right:1.5rem;
    padding-right:1.5rem;
    font-size:2rem;
    color:#333;
    font-weight:500;
}

#sub-container .sub-top .loc-info ul li:last-child {
    margin-right:0;
    padding-right:0;
}

#sub-container .sub-top .loc-info ul li.home span {
    font-size:0;
    text-indent:-99999999em;
    display:block;
    width:1.6rem;
    height:1.6rem;
    background-image:url(../images/loc_home.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}

#sub-container .sub-top .loc-info ul li::after {
    content:"";
    display:block;
    width:0.7rem;
    height:1.2rem;
    background-image:url(../images/loc_arrow.png);
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    right:-0.35rem;
    top:50%;
    transform: translateY(-50%);
}

#sub-container .sub-top .loc-info ul li:last-child::after {
    display:none;
}

#sub-container .sub-top .loc-info ul li a {
    color:#333;
    border-bottom:1px solid #333;
    font-weight:500;
}

#sub-container .sub-top .loc-info ul li a.keyword {
    border-bottom:1px solid #2b5bca;
}

#sub-container .location-bar {
    width:100%;
    height:6.8rem;
    border-radius:0.3rem 3.6rem 0.3rem 0.3rem;
    background-color:#344674;
    margin-top:5rem;
}

#sub-container .location-bar > ul {
    display:flex;
    height:100%;
}

#sub-container .location-bar > ul > li {
    position:relative;
    z-index:4;
    width:100%;
    max-width:32rem;
    border-right:1px solid rgba(255,255,255,0.3)
}

#sub-container .location-bar > ul > li.home {
    width:7rem;
    height:100%;
    background-color:#3065cb;
    border-radius:0.3rem 0 0 0.3rem;
    padding:0;
}

#sub-container .location-bar > ul > li.home a {
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/home_ico_w.png);
    background-size:1.6rem;
    background-position:center;
    background-repeat:no-repeat;
}

#sub-container .location-bar > ul > li > button {
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    font-size:2rem;
    font-weight:500;
    color:#fff;
    letter-spacing: -0.03em;
    padding:0 2.5rem;
}

#sub-container .location-bar > ul > li > button::after {
    content:"";
    display:block;
    width:1.4rem;
    height:0.8rem;
    background-image:url(../images/select_arrow_w.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    transition: all 0.22s;
}

#sub-container .location-bar > ul > li.is-open > button::after {
    transform: rotate(180deg);
}

#sub-container .location-bar > ul > li > .locationbar-depth {
    position:absolute;
    left:0;
    top:6.8rem;
    z-index:4;
    width:100%;
    background-color:#344674;
    border-top:1px solid rgba(255,255,255,0.3)
}

#sub-container .location-bar > ul > li > .locationbar-depth > ul li {
    border-bottom:1px solid rgba(255,255,255,0.1);
}

#sub-container .location-bar > ul > li > .locationbar-depth > ul li:last-child {
    border-bottom:0;
}

#sub-container .location-bar > ul > li > .locationbar-depth > ul li a {
    color:#fff;
    display:flex;
    align-items: center;
    padding:1.5rem;
    font-size:1.8rem;
    transition: all 0.22s;
}

#sub-container .location-bar > ul > li > .locationbar-depth > ul li a:hover,
#sub-container .location-bar > ul > li > .locationbar-depth > ul li a:focus {
    background-color:#2b5bca;
}

h3 {
    font-size:3.6rem;
    font-weight:bold;
    color:#222;
    letter-spacing: -0.03em;
    margin-bottom:1rem;
}

h4 {
    font-size:2.8rem;
    font-weight:bold;
    color:#222;
    position:relative;
    padding-left:2rem;
    margin-bottom:1rem;
}

h4::before {
    content:"";
    display:block;
    width:0.5rem;
    height:2rem;
    background-image:url(../images/h4_bul.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    position:absolute;
    left:0;
    top:1.1rem;
}

.bs h4 {
    font-size:3.2rem;
}

.bs h4::before {
    top:1.4rem;
}

h5 {
    font-size:2.4rem;
    font-weight:bold;
    color:#222;
    position:relative;
    padding-left:2rem;
    margin-bottom:1rem;
}

.bs h5 {
    font-size:2.8rem;
}

h5 span {
    font-size:2.1rem;
}

.bs h5 span {
    font-size:2.4rem;
}

h5::before {
    content:"";
    display:block;
    width:1.2rem;
    height:1.2rem;
    border:0.3rem solid #3065cb;
    position:absolute;
    left:0;
    top:1.2rem;
}

.bs h5::before {
    top:1.5rem;
}

h6 {
    font-size:2.2rem;
    font-weight:bold;
    color:#222;
    position:relative;
    margin-bottom:1rem;
}

.bs h6 {
    font-size:2.6rem;
}

#contents {
    padding-top:7rem;
    overflow: hidden;
    position:relative;
}

.content-tab {
    margin-bottom:4.5rem;
}
.content-tab ul {
    display:flex;
    width:100%;
}

.content-tab ul li {
    flex:1;
}

.content-tab ul li button.tab-btn {
    text-align: center;
    width:100%;
    height:6.5rem;
    border:0.1rem solid #d9d9d9;
    border-right:0;
    background-color:#fff;
    font-size:2.2rem;
    letter-spacing: -0.03em;
    font-weight:500;
    color:#333;
    transition: backgorund 0.5s, color 0.5s, outline 0.5s;
    box-sizing: border-box;
    outline: 0.1rem solid transparent;
    outline-offset: -0.1rem;
    background-color:#f9f9f9;
}

.content-tab ul li:last-child button.tab-btn { 
    border-right:1px solid #d9d9d9; 
}

.content-tab ul li button.tab-btn.on,
.content-tab ul li button.tab-btn:hover {
    background-color:#415eaa;
    color:#fff;
    border:0;
    outline: 0.1rem solid #14295e;
    font-weight:600;
}

.content-box {
    margin-bottom:5rem;
}

.content-box:last-of-type {
    margin-bottom:0;
}

.content-box p {
    font-size:2.1rem;
    color:#222;
    letter-spacing: -0.03em;
}

.content-box.bs p {
    font-size:2.5rem;
}

.content-box p b {
    font-weight:bold;
    color:#3065cb
}

.content-box h5 + ul {
    padding-left: 2rem;
}

.content-box .small {
    font-size:1.7rem;
    color:#666
}

.content-box.bs .small {
    font-size:2.1rem;
}

.content-box > ul.dot-type > li,
.h6box ul.dot-type > li {
    position:relative;
    padding-left:1.5rem;
    margin-bottom:0.8rem;
    font-size:2.1rem;
    color:#222;
    letter-spacing: -0.03em;
}

.content-box.bs > ul.dot-type > li,
.bs .h6box ul.dot-type > li {
    font-size:2.5rem;
}

.h6box ul.dot-type > li {
    font-size:1.8rem;
    padding-left:1.2rem;
}

.content-box > ul.dot-type > li:last-child,
.h6box ul.dot-type > li:last-child {
    margin-bottom:0;
}

.content-box > ul.dot-type > li::before,
.h6box ul.dot-type > li::before {
    content:"";
    display:block;
    width:0.5rem;
    height:0.5rem;
    border-radius:50%;
    background-color:#3065cb;
    position:absolute;
    left:0;
    top:1.4rem;
}

.h6box ul.dot-type > li::before {
    width:0.4rem;
    height:0.4rem;
    top:1.6rem
}

.content-box > ul.dot-type > li > ul,
.h6box ul.dot-type > li > ul {
    margin-top:1rem
}

.content-box > ul.dot-type > li > ul > li,
.h6box ul.dot-type > li > ul > li {
    font-size:2rem;
    margin-bottom:0.8rem;
    padding-left:1.5rem;
    position:relative;
}

.content-box.bs > ul.dot-type > li > ul > li,
.bs .h6box ul.dot-type > li > ul > li {
    font-size:2.4rem;
}

.content-box > ul.dot-type > li > ul > li::before,
.h6box ul.dot-type > li > ul > li::before {
    content:"";
    display:block;
    width:0.8rem;
    height:0.1rem;
    background-color:#333;
    position:absolute;
    left:0;
    top:1.4rem;
}

.content-box > ul.dot-type > li > ul > li:last-child,
.h6box ul.dot-type > li > ul > li:last-child {
    margin-bottom:0;
}

.h6box ol {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    column-gap:5rem;
    row-gap:2rem
}

.h6box ol li {
    display:flex;
    align-items: center;
    gap:0.8rem;
    font-weight:500;
    letter-spacing: -0.03em;
    position:relative;
}

.h6box ol li span {
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:#3065cb;
    width:2.4rem;
    height:2.4rem;
    border-radius:50%;
    color:#fff;
    font-weight:500;
    font-size:1.6rem;
}

.bs .h6box ol li span {
    font-size:2rem;
}

.h6box ol li::after {
    content:"";
    display:block;
    position:absolute;
    width:0.8rem;
    height:1.4rem;
    right:-2.75rem;
    top:50%;
    transform: translateY(-50%);
    background-image:url(../images/popup_zone_next.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.h6box ol li:last-child::after {
    display:none;
}

.tab-content {
    display:none;
}

.tab-content.on {
    display:block;
}

.info-box {
    padding:3rem;
    border-radius:0.8rem;
    background-color:#f5f6fa;
    margin-top:2.5rem;
}

.info-box dl {
    font-size:2.1rem;
    color:#222;
}

.info-box dl dt {
    font-weight:bold;
    margin-bottom:0.4rem;
    letter-spacing: -0.03em;
}

.info-box dl dd ul li {
    position:relative;
    letter-spacing: -0.03em;
}

.info-box dl dd ul li span {
    color:#2b5bca;
}

.img-info-box {
    display:flex;
    flex-wrap:wrap;
    gap:5rem;
}

.img-info-box .info-box {
    width:calc(100% - 63rem);
    padding:5rem;
    line-height:1.7;
}

.img-info-box .info-img {
    width:58rem;
    text-align:center;
}

/* .img-info-box .info-img ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
} */

.img-info-box .info-img ul li {
    margin-bottom:5rem;
    text-align:center;
}

.img-info-box .info-img ul li:last-child {
    margin-bottom:0;
}

.h6box .img-info-box .info-box ul.dot-type > li::before {
    top:2rem;
}

.col-group {
    display:flex;
    justify-content: space-between;
    gap:2rem 8rem;
}

.col-group .col {
    flex:1 0 0%;
}

/*인사말*/
.greeting {
    display:flex;
    align-items: flex-start;
    flex-wrap:wrap;
    gap:3rem 10rem;
}

.greeting-img {
    width:62rem;
    overflow: hidden;
    border-radius:2rem 7rem;
    transform: translateY(5.2rem);
}

.greeting-txt {
    width:calc(100% - 72rem);
    position:relative;
    background-image:url(../images/ktpa_bg.png);
    background-size:37.2rem;
    background-repeat:no-repeat;
    background-position:right bottom;
}

.greeting-txt .tit p {
    font-size:3.6rem;
    letter-spacing: -0.03em;
    font-weight:bold;
    line-height:1.4;
}

.greeting-txt .tit p span {
    color:#2b5bca;
    font-weight:bold;
}

.greeting-txt .des {
    position:relative;
}

.greeting-txt .des p {
    font-size:2.1rem;
    color:#222;
    letter-spacing: -0.03em;
}

.greeting-txt .des span {
    font-weight:bold;
    color:#2b5bca;
}

.greeting-txt .des .imp {
    position:relative;
    font-size:3rem;
    font-weight:600;
}

.greeting-txt .des .imp::before {
    content:"";
    display:block;
    width:4rem;
    height:3.3rem;
    background-repeat:no-repeat;
    background-image:url(../../www/images/double_quotes_s.png);
    background-size:100%;
    margin-bottom:10px;
}

.greeting-txt .des .imp::after {
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    display:block;
    width:4rem;
    height:3.3rem;
    background-repeat:no-repeat;
    background-image:url(../../www/images/double_quotes_e.png);
    background-size:100%;
}

.greeting-txt .sign {
    display:flex;
    align-items: center;
    justify-content: flex-end;
    gap:0.8rem;
    /* position:absolute;
    right:0;
    bottom:0; */
}

.greeting-txt .sign span.position {
    font-size:1.8rem;
    letter-spacing: -0.03em;
    color:#222;
}

.greeting-txt .sign span.name {
    font-size:2.8rem;
    letter-spacing: -0.03em;
    color:#222;
    font-weight:bold;
}

/*설립목적*/
.business-purpose ul {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.business-purpose ul li {
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius:1rem;
    min-height:20rem;
    background-color:#f5f6fa;
    width:calc((100% - 6rem) / 4);
    padding:1.5rem;
}

.business-purpose ul li p {
    font-size:1.8rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#222;
    margin-top:1rem;
}

/*미션과비전*/
.mission-vision .mission {
    width:100%;
    max-width:103.8rem;
    margin:0 auto;
    text-align: center;
    background-color:#f7f9fc;
    border:1px dashed #3065cb;
    border-radius:5.5rem;
    height:11rem;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:0 1.5rem;
}

.mission-vision .mission dl dt {
    font-size:2rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#3065cb;
}

.mission-vision .mission dl dd {
    font-weight:bold;
    font-size:2.8rem;
    letter-spacing: -0.03em;
    color:#222;
}

.mission-vision .vision {
    position:relative;
    padding-top:8rem;
    margin-top:2rem;
    overflow: hidden;
}

.mission-vision .vision::before {
    content:"";
    display:block;
    width:81rem;
    height:24.3rem;
    background-image:url(../images/vision_arrow.png);
    background-position:center;
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
    overflow: hidden;
}

.mission-vision .vision {
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.mission-vision .vision > dl {
    width:100%;
}

.mission-vision .vision > dl > dt {
    font-size:2.4rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#222;
    margin-bottom:2.5rem;
}


.mission-vision .vision > dl > dd ul {
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    gap:7rem;
}

.mission-vision .vision > dl > dd ul li {
    display:flex;
    align-items: center;
    justify-content: center;
    width:30rem;
    height:30rem;
    border-radius:50%;
    position:relative;
}

.mission-vision .vision > dl > dd ul li::after {
    content:"";
    display:block;
    width:1.5rem;
    height:1.5rem;
    background-image:url(../images/vision_plus.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    top:50%;
    right:-4.25rem;
    transform: translateY(-50%);
}

.mission-vision .vision > dl > dd ul li:last-child::after {
    display:none;
}

.mission-vision .vision > dl > dd ul li:nth-child(1) {
    background-color:#eff4ff;
}

.mission-vision .vision > dl > dd ul li:nth-child(2) {
    background-color:#eaf6f5;
}

.mission-vision .vision > dl > dd ul li:nth-child(3) {
    background-color:#f5f2f9;
}

.mission-vision .vision > dl > dd ul li dl dt {
    font-weight:bold;
    font-size:2.4rem;
    letter-spacing: -0.03em;
}

.mission-vision .vision > dl > dd ul li:nth-child(1) dl dt {
    color:#3065cb;
}

.mission-vision .vision > dl > dd ul li:nth-child(2) dl dt {
    color:#23847e;
}

.mission-vision .vision > dl > dd ul li:nth-child(3) dl dt {
    color:#604d97;
}

.mission-vision .vision > dl > dd ul li dl dt::before {
    content:"";
    display:block;
    width:7.2rem;
    height:5.4rem;
    background-position:center;
    background-size:100%;
    background-repeat:no-repeat;
    margin:0 auto 1rem auto;
}

.mission-vision .vision > dl > dd ul li:nth-child(1) dl dt::before {
    background-image:url(../images/vision_ico01.png)
}

.mission-vision .vision > dl > dd ul li:nth-child(2) dl dt::before {
    background-image:url(../images/vision_ico02.png)
}

.mission-vision .vision > dl > dd ul li:nth-child(3) dl dt::before {
    background-image:url(../images/vision_ico03.png)
}

.mission-vision .vision > dl > dd ul li dl dd {
    margin-top:0.8rem;
    font-size:2.1rem;
    letter-spacing: -0.03em;
    color:#222;
}

/* ===== 미션과비전 새 디자인 ===== */
.mv-wrap {
    width: 100%;
    max-width:141.4rem;
    margin: 0 auto;
}

.mv-row {
    display: flex;
    align-items: center;
    gap: 4.3rem;
    margin-bottom:10rem;
    position:relative;
}

.mv-row:nth-of-type(2)::after {
    content: "";
    display: block;
    width: 81.2rem;
    height: 30.7rem;
    background-image: url(../images/vision_arrow_2.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% + 15.2rem);
    top: -8rem;
    transform: translateX(-50%);
    overflow: hidden;
    z-index:-1;
}

.mv-badge {
    flex-shrink: 0;
    width: 25.9rem;
    height: 9.8rem;
    border-radius: 4.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
}

.mv-badge--mission {
    background-color: #3065cb;
}

.mv-badge--vision {
    background-color: #3065cb;
}

.mv-text-box {
    flex: 1;
    border: 0.15rem dashed #3065cb;
    border-radius: 4.9rem;
    padding: 0 2.5rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
    text-align: center;
    line-height: 1.5;
    min-height:9.8rem;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:#f7f9fc;
}

.mv-grid {
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.mv-grid-row {
    display: flex;
    align-items: stretch;
    gap: 5.5rem;
    /* padding-bottom:2.4rem;
    border-bottom:1px dashed #ddd; */
}

.mv-grid-row:last-of-type {
    padding-bottom:0;
    border-bottom:0;
}

.mv-grid-label {
    flex-shrink: 0;
    width: 25.9rem;
    min-height:15.7rem;
}

.mv-grid-label span {
    width: 23.3rem;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 3rem;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 2rem 1.5rem;
    margin:0 auto;
    word-break: keep-all;
}

.mv-grid-label.label1 span {
    background-color:#254c9b;
    color:#fff;
    border:none
}

.mv-grid-label.label2 span {
    background-color:#1b376f;
    color:#fff;
    border:none
}

.mv-grid-label.label3 span {
    background-color:#19284e;
    color:#fff;
    border:none
}

.mv-grid-items {
    flex: 1;
    display: flex;
    /* align-items: center; */
    gap: 3.5rem;
}

.mv-plus {
    display:none;
}

.mv-plus img {
    display:block;
}

.mv-card {
    flex: 1;
    border-radius: 3rem;
    padding: 2.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    letter-spacing: -0.03em;
    line-height: 1.4;
    min-height:15.7rem;
    border:1px solid #dfdfdf;
    background-color:#fff;
    color:#222;
}    

.mv-card strong {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
    letter-spacing: -0.03em;
}

.mv-card span {
    font-size: 2rem;
    font-weight: 400;
    color:#222222 !important;
    letter-spacing: -0.03em;
}

.mv-card b {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.5;
}

/* .mv-card--1 {
    background-color: #eff9ff;
    color: #378ccd;
}

.mv-card--2 {
    background-color: #eff4ff;
    color: #3768cd;
}

.mv-card--3 {
    background-color: #eaf6f5;
    color: #23847e;
}

.mv-card--4 {
    background-color: #f5f2f9;
    color: #604d97;
} */

/*추천사업*/
.operating-model {
    display:flex;
    align-items: center;
    justify-content: center;
    padding:1rem 0;
}

.operating-model dl {
    
}

.operating-model dl dt {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width:25rem;
    letter-spacing: -0.03em;
    color:#fff;
    font-weight:bold;
    background-color:#223978;
    height:5.4rem;
    border-radius:2.7rem;
    margin:0 auto;
    position:relative;
}

.operating-model dl dt::after {
    content:"";
    position:absolute;
    left:50%;
    bottom:-2.5rem;
    transform: translateX(-50%);
    display:block;
    width:0.1rem;
    height:2.5rem;
    border-left:0.1rem dashed rgba(34,34,34,0.25);
    margin:0 auto;
}

.operating-model dl dd {
    padding-top:2.5rem;
    position:relative;
    width:100%;
}

.operating-model dl dd::before {
    content:"";
    display:block;
    width:calc(100% / 4 * 3 + 1.6rem);
    height:0.1rem;
    border-top:0.1rem dashed rgba(34,34,34,0.25);
    margin:0 auto;
}

.operating-model dl dd ul {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:2rem;
    flex-wrap:wrap;
}

.operating-model dl dd ul li {
    position:relative;
}

.operating-model dl dd ul li::before {
    content:"";
    display:block;
    width:0.1rem;
    height:2.5rem;
    border-left:0.1rem dashed rgba(34,34,34,0.25);
    margin:0 auto
}

.operating-model dl dd ul li::after {
    content:"";
    display:block;
    width:2.4rem;
    height:2.4rem;
    border-radius:50%;
    background-color:#3065cb;
    background-image:url(../images/chk_w.png);
    background-size:1rem;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    left:50%;
    top:-1.2rem;
    transform: translateX(-50%);
}

.operating-model dl dd ul li span {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    color:#222;
    letter-spacing: -0.03em;
    background-color:#fff;
    border:1px solid #d7d7d7;
    width:32rem;
    height:5.4rem;
    border-radius:2.7rem;
    padding:0 1.5rem;
}

.img-content > ul {
    display:flex;
    flex-wrap:wrap;
}

.img-content > ul.col3 {
    gap:5rem
}

.img-content > ul.col3 > li {
    width:calc((100% - 10rem) / 3);
    position:relative;
    text-indent:-0.5em;
    padding-left:0.5em;
}

.img-content .img-wrap {
    position:relative;
    width:100%;
    height:0;
    padding-top:calc(300 / 500 * 100%);
    overflow: hidden;
    border-radius:3rem;
}

.img-content .img-wrap img {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.img-content .img-info {
    margin-top:2.5rem;
}

.img-content .img-info .tit {
    font-weight:bold;
    font-size:2.4rem;
    letter-spacing: -0.03em;
    margin-bottom:1rem;
}

.img-content .img-info .des {
    font-size:2.1rem;
    letter-spacing: -0.03em;
}

/*연혁*/
.history {
    overflow: hidden;
}
.history::after {
    content:"";
    display:block;
    position:absolute;
    right:-16rem;
    bottom:0;
    width:91.9rem;
    height:78.1rem;
    background-image:url(../images/his_bg.png);
    background-size:100%;
    background-repeat:no-repeat;
}
.history .history-tab {
    margin-bottom:5rem;
}

.history .history-tab ul {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:7rem;
}

.history .history-tab ul li {
    position:relative
}

.history .history-tab ul li::after {
    content:"";
    display:block;
    width:0.6rem;
    height:0.6rem;
    border-radius:50%;
    background-color:#dbdbdb;
    position:absolute;
    right:-3.8rem;
    top:50%;
    transform: translateY(-50%);
}

.history .history-tab ul li:last-child::after {
    display:none;
}

.history .history-tab ul li button {
    font-size:2.4rem;
    letter-spacing: -0.03em;
    color:#b0b0b0;
    font-weight:bold;
    cursor:pointer;
    padding-bottom:0.5rem;
    transition: all 0.5s;
    border-bottom:3px solid transparent;
}

.history .history-tab ul li.on button,
.history .history-tab ul li button:hover {
    color:#3065cb;
    border-bottom:3px solid #3065cb;
}

.history .history-con {
    position:relative;
    display:none;
}

.history .history-con:first-child {
    display: block;
}

.history .history-con .history-year {
    position:absolute;
    left:0;
    top:0rem;
    font-size:12rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#f2f2f2;
}

.history .history-con::before {
    content:"";
    display:block;
    width:0.1rem;
    height:100%;
    background-color:#d9d9d9;
    position:absolute;
    left:50%;
    top:1.6rem;
    transform: translateX(-50%);
    z-index:1;
}

.history .history-con > ul {
    display:flex;
    flex-wrap:wrap;
    position:relative;
    z-index:1;
}

.history .history-con > ul > li {
    display:flex;
    width:100%;
    padding:30px 0;
    position:relative;
}

.history .history-con > ul > li:first-child {
    padding-top:0;
}

.history .history-con > ul > li > div {
    width:50%;
    box-sizing: border-box;
    position:relative;
}

.history .history-con > ul > li.left {
    justify-content: flex-start;
    text-align: right;
}

.history .history-con > ul > li.left > div {
    padding-right:50px;
}


.history .history-con > ul > li.right {
    justify-content: flex-end;
}

.history .history-con > ul > li.right > div {
    padding-left:50px;
}

.history .history-con > ul > li .year {
    font-size:5rem;
    font-weight:bold;
    margin-bottom:12px;
    letter-spacing: -0.03em;
    color:#000;
    line-height:1;
}

.history .history-con > ul > li > div::before {
    content:"";
    display:block;
    width:2rem;
    height:2rem;
    border-radius:50%;
    position:absolute;
    background-color:#fff;
    background-image:url(../images/his_dot.png);
    background-position:center;
    background-size:0.8rem;
    background-repeat:no-repeat;
    border:1px solid #a1b8e7;
}

.history .history-con > ul > li.left > div::before {
    right:-1rem;
    top:1.6rem;
}

.history .history-con > ul > li.right > div::before {
    left:-1rem;
    top:1.6rem;
}

.history .history-con > ul > li ul li {
    font-size:2.1rem;
    letter-spacing: -0.03em;
    width:100%;
    line-height:1.4;
    margin-bottom:8px;
    color:#222;
    position:relative;
}

.history .history-con > ul > li.left ul li {
    padding-right:1.2rem;
}

.history .history-con > ul > li.right ul li {
    padding-left:1.2rem;
}

.history .history-con > ul > li ul li::before {
    content:"";
    display:block;
    width:0.5rem;
    height:0.5rem;
    background-color:#3065cb;
    position:absolute;
    top:1.2rem;
}

.history .history-con > ul > li.left ul li::before {
    right:0;
}

.history .history-con > ul > li.right ul li::before {
    left:0;
}

.history .history-con > ul > li ul li:last-child {
    margin-bottom:0;
}

/*조직도*/
.organization {
    /* background-image:url(../images/organization_bg.png);
    background-position:center top;
    background-size:100%;
    background-repeat:no-repeat; */
    margin-bottom:3rem;
}

.organization > ul > li {
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    position:relative;
    padding:1rem 0;
}

.organization > ul {
    position:relative;
}

.organization > ul::before {
    content:"";
    display:block;
    border-left:0.1rem dashed rgba(34,34,34,0.2);
    height:45.5rem;
    position:absolute;
    left:50%;
    transform: translateX(-50%);
}

.organization > ul > li span.floor1 {
    position:relative;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:28rem;
    height:5.4rem;
    border-radius:2.7rem;
    background-color:#fff;
    border:0.1rem solid #92a0c7;
    font-size:1.8rem;
    letter-spacing:-0.03em;
    color:#222;
}

.organization > ul > li span.type1 {
    background-color:#24969d !important;
    border:none !important;
    color:#fff !important;
    font-weight:bold !important;
}

.organization > ul > li span.type2 {
    background-color:#49a2e0 !important;
    border:none !important;
    color:#fff !important;
    font-weight:bold !important;
}

.organization > ul > li.general-assembly span.floor1 {
    background-color:#f2f4f9;
}

.organization > ul > li.general-assembly {
    margin-bottom:3rem;
    padding-top:0;
}

.organization > ul > li.council span.floor1 {
    background-color:#49a2e0;
    border:none;
    color:#fff;
    font-weight:bold;
}

.organization > ul > li.right,
.organization > ul > li.left {
    margin-bottom:0;
    position:relative;
}

.organization > ul > li.right span.floor1 {
    transform:translateX(35rem);
}

.organization > ul > li.right span.floor1::before {
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    width:21rem;
    border-top:0.1rem dashed rgba(34,34,34,0.2);
}

.organization > ul > li.left span.floor1{
    transform:translateX(-35rem);
}

.organization > ul > li.left span.floor1::before {
    content:"";
    position:absolute;
    top:50%;
    left:100%;
    width:21rem;
    border-top:0.1rem dashed rgba(34,34,34,0.2);
}

.organization > ul > li.right span.floor1,
.organization > ul > li.left span.floor1 {
    background-color:#f2f4f9;
}

.organization > ul > li.both {
    gap:25%;
}

.organization > ul > li.both::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:calc(75% - 28rem);
    transform: translateX(-50%) translateY(-50%);
    border-top:0.1rem dashed rgba(34,34,34,0.2);
}

.organization > ul > li.both span.floor1 {
    background-color:#f2f4f9
}

.organization > ul > li .chairman {
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    width:18rem;
    height:18rem;
    background-color:#eeeff4;
    border-radius:50%;
    position:relative;
    z-index:2;
}

.organization > ul > li .chairman > div  {
    width:8rem;
}

.organization > ul > li .chairman > div span {
    position:relative;
    display:block;
    text-align: center;
    color:#fff;
    font-weight:bold;
    font-size:2.1rem;
    letter-spacing: -0.03em;
}

.organization > ul > li .chairman > div span.name {
    font-weight:400;
    padding-top:0.5rem;
    margin-top:0.5rem;
    border-top:0.1rem solid rgba(255,255,255,0.3);
}

.organization > ul > li .chairman::before {
    content:"";
    display:block;
    position:absolute;
    left:2rem;
    top:2rem;
    width:calc(100% - 4rem);
    height:calc(100% - 4rem);
    background-color:#223978;
    border-radius:50%;
    z-index:0;
    box-shadow:1rem 1rem 1rem rgba(34,57,120,0.2);
}

.organization > ul > li .governance {
    position:absolute;
    transform: translateX(35rem);
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    max-width:28rem;
    height:5.4rem;
    border-radius:2.7rem;
    background-color:#49a2e0;
    color:#fff;
    font-weight:bold;
    font-size:2rem;
    letter-spacing:-0.03em;
}

.organization > ul > li .governance::before {
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    width:21rem;
    border-top:0.1rem dashed rgba(34,34,34,0.2);
}

.organization > ul > li .floor2 {
    width:100%;
    position:relative;
    margin-top:5rem;
}

.organization > ul > li .floor2::before {
    content:"";
    display:block;
    position:absolute;
    width:50%;
    border-top:0.1rem dashed rgba(34,34,34,0.2);
    left:50%;
    transform: translateX(-50%);
    top:-2.5rem;
}

.organization > ul > li .floor2 > ul {
    display:flex;
    justify-content: center;
}

.organization > ul > li .floor2 > ul > li {
    flex:1 1 50%;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

.organization > ul > li .floor2 > ul > li > span {
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    max-width:26rem;
    height:5.4rem;
    border-radius:2.7rem;
    background-color:#fff;
    border:0.1rem solid #d7d7d7;
    font-size:1.8rem;
    line-height:1.2;
    letter-spacing: -0.03em;
    color:#222;
    position:relative;
    text-align: center;
}

.organization > ul > li .floor2 > ul > li > span::before {
    content:"";
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top:-2.5rem;
    display:block;
    height:2.5rem;
    border-left:0.1rem dashed rgba(34,34,34,0.2);
}

.organization > ul > li .floor2 > ul > li > .floor3 {
    width:100%;
    position:relative;
    margin-top:5rem;
}

.organization > ul > li .floor2 > ul > li > .floor3::before {
    content:"";
    display:block;
    position:absolute;
    height:2.5rem;
    border-left:0.1rem dashed rgba(34,34,34,0.2);
    left:50%;
    transform: translateX(-50%);
    top:-5rem;
}

.organization > ul > li .floor2 > ul > li > .floor3::after {
    content:"";
    display:block;
    position:absolute;
    border-top:0.1rem dashed rgba(34,34,34,0.2);
    left:50%;
    transform: translateX(-50%);
    top:-2.5rem;
}

.organization > ul > li .floor2 > ul > li > .floor3.col2::after {
    width:calc(56rem / 2);
}

.organization > ul > li .floor2 > ul > li > .floor3 > ul {
    display:flex;
    justify-content: center;
    gap:2rem;
}

.organization > ul > li .floor2 > ul > li > .floor3 > ul > li {
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    width:100%;
    max-width:26rem;
}

.organization > ul > li .floor2 > ul > li > .floor3 > ul > li span {
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:5.2rem;
    border-radius:2.6rem;
    background-color:#46ac7b;
    font-size:1.8rem;
    letter-spacing: -0.03em;
    color:#fff;
    position:relative;
    text-align: center;
    line-height:1.2;
}

.organization > ul > li .floor2 > ul > li > .floor3 > ul > li span::before {
    content:"";
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top:-2.5rem;
    display:block;
    height:2.5rem;
    border-left:0.1rem dashed rgba(34,34,34,0.2);
}

/*기능 및 역할*/
.fr-flow {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:2rem;
}

.fr-flow .result {
    width:22rem;
    height:22rem;
    border-radius:50%;
    background-color:#e7eefb;
    display:flex;
    align-items: center;
    justify-content: center;
}

.fr-flow .result > div {
    width:17rem;
    height:17rem;
    background-color:#3065cb;
    border-radius:50%;
    box-shadow:0 0 3rem rgba(55,104,205,0.32);
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:0.8rem;
}

.fr-flow .result > div span {
    color:#fff;
    font-weight:bold;
    letter-spacing: -0.03em;
    font-size:1.6rem;
    line-height:1.4;
}

/* .fr-flow .procedure {
    position:relative;
    display:flex;
    align-items: center;
    gap:6.5rem;
    min-height:36.1rem;
    padding-left:15rem;
} */

.fr-flow .procedure {
    position:relative;
    display:flex;
    align-items: center;
    gap:6.5rem;
    min-height:36.1rem;
    padding-right:15rem;
}

/* .fr-flow .procedure::before {
    content:"";
    display:block;
    width:76.1rem;
    height:36.1rem;
    background-image:url(../images/fr_flow_bg.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:76.1rem;
    position:absolute;
    left:0;
} */

.fr-flow .procedure::before {
    content:"";
    display:block;
    width:76.1rem;
    height:36.1rem;
    background-image:url(../images/fr_flow_bg.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:76.1rem;
    position:absolute;
    right:0;
    transform: rotate(180deg);
}

.fr-flow .procedure .technopark {
    width:22rem;
    height:22rem;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 0 3rem rgba(0,0,0,0.05);
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative
}

.fr-flow .procedure .technopark::after {
    content:"";
    display:block;
    width:3.25rem;
    border-top:0.1rem dashed rgba(34,34,34,0.25);
    position:absolute;
    left:100%;
    top:50%;
    transform: translateY(-50%);
}

.fr-flow .procedure .technopark::before {
    content:"";
    display:block;
    height: 14.8rem;
    border-left:0.1rem dashed rgba(34,34,34,0.25);
    position:absolute;
    left:calc(100% + 3.25rem);
    top:50%;
    transform: translateY(-50%); 
}

.fr-flow .procedure .technopark .con .ico {
    text-align: center;
    height:5rem;
    width:8rem;
    margin:0 auto 1rem auto;
}

.fr-flow .procedure .technopark .con span {
    display:block;
    text-align: center;
}

.fr-flow .procedure .technopark .con span.stxt {
    font-size:1.6rem;
    letter-spacing: -0.03em;
    color:#222;
    padding:0 0.8rem;
}

.fr-flow .procedure .technopark .con span.mtxt {
    font-size:2.4rem;
    letter-spacing: -0.03em;
    color:#222;
    font-weight:bold;
}

.fr-flow .procedure .procedure-list {
    position:relative
}

.fr-flow .procedure .procedure-list ul li {
    display:flex;
    align-items: center;
    background-color:#fff;
    width:28rem;
    height:5.4rem;
    padding:0 1rem;
    border-radius:2.7rem;
    gap:1rem;
    margin-bottom:2rem;
    position:relative;
}


.fr-flow .procedure .procedure-list ul li::after {
    content:"";
    display:block;
    width:3.25rem;
    border-top:0.1rem dashed rgba(34,34,34,0.25);
    position:absolute;
    right:100%;
    top:50%;
    transform: translateY(-50%);
}

.fr-flow .procedure .procedure-list ul li::before {
    content:"";
    display:block;
    width:3rem;
    height:3rem;
    border-radius:50%;
    background-color:#3065cb;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/chk_w2.png);
}

.fr-flow .procedure .procedure-list ul li span {
    font-size:1.6rem;
    color:#222;
    letter-spacing: -0.03em;
    width:100%;
    max-width:calc(100% - 4rem);
}

.fr-flow .procedure .procedure-list ul li:last-child {
    margin-bottom:0;
}

.fr-detail > ul > li {
    position:relative;
    display:flex;
    gap:3rem;
    padding:5rem 0;
    border-bottom:0.1rem dashed rgba(34,34,34,0.2);
}

.fr-detail > ul > li:last-child {
    border-bottom:0;
}

.fr-detail > ul > li::before {
    content:"";
    display:block;
    width:11rem;
    height:11rem;
    border-radius:50%;
    background-position:center;
    background-size:5.6rem;
    background-repeat:no-repeat;
}

.fr-detail > ul > li:nth-child(1)::before {
    background-color:#eff4ff;
    background-image:url(/resources/morenCMS/site/www/images/fr_detail_ico01_2.png)
}

.fr-detail > ul > li:nth-child(2)::before {
    background-color:#edf5f4;
    background-image:url(/resources/morenCMS/site/www/images/fr_detail_ico02_2.png)
}

.fr-detail > ul > li:nth-child(3)::before {
    background-color:#f5f2f9;
    background-image:url(/resources/morenCMS/site/www/images/fr_detail_ico03_2.png)
}

.fr-detail > ul > li > dl {
    padding-top:2rem;
    width:calc(100% - 14rem);
}

.fr-detail > ul > li > dl > dt {
    font-size:2.4rem;
    letter-spacing: -0.03em;
    color:#222;
    font-weight:bold;
    margin-bottom:0.8rem;
}

.fr-detail > ul > li > dl > dd p {
    font-size:2.3rem
}

.fr-detail > ul > li > dl > dd .info-box {
    padding:3rem 4rem;
}

.fr-detail > ul > li > dl > dd .info-box dl {
    margin-bottom:1.5rem;
    font-size:2.3rem;
}


.fr-detail > ul > li > dl > dd .info-box dl:last-child {
    margin-bottom:0;
}

.fr-detail > ul > li > dl > dd .info-box dl dt {
    display:flex;
    align-items: center;
    gap:0.6rem;
}

.fr-detail > ul > li > dl > dd > .info-box dl dt::before {
    content:"";
    display:block;
    width:0.4rem;
    height:0.4rem;
    background-color:#3065cb;
}

/*찾아오시는길*/
.location-map {
    position:relative;
    width:100%;
    height:49rem;
}

.location-map .root_daum_roughmap {
    width:100% !important;
    height:100% !important;
}

.location-map .root_daum_roughmap .wrap_map {
    height:calc(100% - 32px) !important
}

.location-map .root_daum_roughmap .cont {
    display:none;
}

.location-info .info-box {
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:4rem 5rem;
    gap:4rem;
}

.location-info .info-box .loc-addr {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    gap:2rem 8rem;
}

.location-info .info-box .loc-addr .logo {
    width:31.2rem;
    height:6.3rem;
    background-image:url(../images/addr_logo.png);
    background-size:31.2rem;
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    text-indent:-999999999em;   
}

.location-info .info-box .loc-addr .addr-info {
    position:relative;
}

.location-info .info-box .loc-addr .addr-info::before {
    content:"";
    display:block;
    width:0.1rem;
    height:5rem;
    background-color:rgba(0,0,0,0.15);
    position:absolute;
    left:-4rem;
    top:50%;
    transform: translateY(-50%);
}

.location-info .info-box .loc-addr .addr-info p.addr {
    font-size:2.6rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#222;
    margin-bottom:0.8rem;
}

.location-info .info-box .loc-addr .addr-info p.addr span {
    font-size:1.8rem;
    font-weight:400;
}

.location-info .info-box .loc-addr .addr-info ul {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    gap:1rem 4rem;
}

.location-info .info-box .loc-addr .addr-info ul li {
    position:relative;
}

.location-info .info-box .loc-addr .addr-info ul li::after {
    content:"";
    display:block;
    width:0.2rem;
    height:1.3rem;
    background-color:#c2c2c2;
    position:absolute;
    right:-2rem;
    top:50%;
    transform: translateY(-50%);
}

.location-info .info-box .loc-addr .addr-info ul li:last-child::after {
    display:none;
}

.location-info .info-box .loc-addr .addr-info ul li dl {
    display:flex;
    align-items: center;
    gap:0.8rem;
}

.location-info .info-box .loc-addr .addr-info ul li dl dt {
    margin-bottom:0;
}

.location-info .info-box > a {
    width:19rem;
    height:6rem;
    background-color:#223978;
    border-radius:0.6rem;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size:1.8rem;
    letter-spacing: -0.03em;
    font-weight:bold;
    gap:1.2rem;
}

.location-info .info-box > a::after {
    content:"";
    display:block;
    width:1.5rem;
    height:1.4rem;
    background-image:url(../images/link_arrow.png);
    background-repeat:no-repeat;
    background-size:1.5rem;
}

.transport-guide > ul > li {
    display:flex;
    align-items: center;
    gap:3rem;
    padding:5rem 0;
    border-bottom:0.1rem dashed rgba(34,34,34,0.2);
}


.transport-guide > ul > li:last-child {
    border-bottom:0;
}

.transport-guide > ul > li::before {
    content:"";
    display:block;
    width:10rem;
    height:10rem;
    border-radius:50%;
    background-color:#f5f6fa;
    background-position:center;
    background-repeat:no-repeat;
    background-size:6rem;
}

.transport-guide > ul > li.bus::before {
    background-image:url(../images/bus_ico.png)
}

.transport-guide > ul > li.subway::before {
    background-image:url(../images/subway_ico.png)
}

.transport-guide > ul > li.car::before {
    background-image:url(../images/car_ico.png)
}

.transport-guide > ul > li dl dt {
    font-size:2.4rem;
    letter-spacing: -0.03em;
    color:#222;
    font-weight:bold;
    margin-bottom:1rem;
}

.transport-guide > ul > li dl dd ul li {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    gap:0.8rem;
    line-height:1;
    margin-bottom:0.8rem;
    font-size:2.1rem;
    color:#222;
    letter-spacing: -0.03em;
}

.transport-guide > ul > li dl dd ul li:last-child {
    margin-bottom:0;
}

.transport-guide > ul > li dl dd ul li span.bus,
.transport-guide > ul > li dl dd ul li span.subway {
    display:inline-flex;
    align-items: center;
    padding:0.5rem 1rem;
    border-radius:0.6rem;
    line-height:1;
    font-size:1.8rem;
    letter-spacing: -0.03em;
}

.transport-guide > ul > li dl dd ul li span.bus.gan {
    color:#fff;
    background-color:#4358db;
}

.transport-guide > ul > li dl dd ul li span.bus.ji {
    color:#fff;
    background-color:#5bb025;
}

.transport-guide > ul > li dl dd ul li span.bus.gwang {
    color:#fff;
    background-color:#d94459;
}

.transport-guide > ul > li dl dd ul li span.bus.gong {
    color:#fff;
    background-color:#8b4513
}

.transport-guide > ul > li dl dd ul li span.subway.two {
    color:#fff;
    background-color:#27b454
}

.transport-guide > ul > li dl dd ul li span.subway.bundang {
    color:#222;
    background-color:#ffce4e
}

/*테크노파크 현황*/
.technopark-state {
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.technopark-state .technopark-map {
    max-width:50rem;
    width:100%;
    position:relative;
}

.technopark-state .technopark-map > img {
    width:100%;
}

.technopark-state .technopark-map .map-makers {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}

.technopark-state .technopark-map .map-makers ul li {
    position:absolute;
    text-align: center;
}

.technopark-state .technopark-map .map-makers ul li .marker {
    width:2rem;
    height:2.5rem;
    background-image:url(../images/map_marker.png);
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center;
    margin:0 auto 0.2rem auto;
    transition: transform 0.3s;
}

.technopark-state .technopark-map .map-makers ul li a {
    display:block;
}

.technopark-state .technopark-map .map-makers ul li a:hover .marker,
.technopark-state .technopark-map .map-makers ul li a.is-hover .marker {
    transform: translateY(-0.5rem);
}

.technopark-state .technopark-map .map-makers ul li .region img {
    width:100%;
}

.technopark-state .technopark-map .map-makers ul li .region.gyeonggid {
    background-image:url(../images/region_gyeonggid.png);
}

.technopark-state .technopark-map .map-makers ul li .region.incheon {
    background-image:url(../images/region_incheon.png);
}

.technopark-state .technopark-map .map-makers ul li .region.seoul {
    background-image:url(../images/region_seoul.png);
}

/*경기대진*/
.technopark-state .technopark-map .map-makers ul li:nth-child(1) {
    left: 30%;
    top: 10%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(1) .region {
    width:6.1rem
}

/*인천*/
.technopark-state .technopark-map .map-makers ul li:nth-child(2) {
    left: 23%;
    top: 21%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(2) .region {
    width:3.4rem
}

/*서울*/
.technopark-state .technopark-map .map-makers ul li:nth-child(3) {
    left: 31%;
    top: 17.8%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(3) .region {
    width:3.5rem
}

/*경기*/
.technopark-state .technopark-map .map-makers ul li:nth-child(4) {
    left:30.5%;
    top: 26%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(4) .region {
    width:3.4rem
}

/*강원*/
.technopark-state .technopark-map .map-makers ul li:nth-child(5) {
    right:40%;
    top: 13%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(5) .region {
    width:3.5rem
}

/*충북*/
.technopark-state .technopark-map .map-makers ul li:nth-child(6) {
    left:42%;
    top: 33%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(6) .region {
    width:3.5rem
}

/*세종*/
.technopark-state .technopark-map .map-makers ul li:nth-child(7) {
    left: 34%;
    top: 36.5%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(7) .region {
    width:3.5rem
}

/*충남*/
.technopark-state .technopark-map .map-makers ul li:nth-child(8) {
    left: 29%;
    top: 34%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(8) .region {
    width:3.5rem
}

/*대전*/
.technopark-state .technopark-map .map-makers ul li:nth-child(9) {
    left: 39.5%;
    top: 40.3%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(9) .region {
    width:3.4rem
}

/*경북*/
.technopark-state .technopark-map .map-makers ul li:nth-child(10) {
    right: 20%;
    /* bottom: 40%; */
    bottom:43.5%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(10) .region {
    width:3.5rem
}

/*포항*/
.technopark-state .technopark-map .map-makers ul li:nth-child(11) {
    right: 11%;
    top: 46%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(11) .region {
    width:3.5rem
}

/*전북*/
.technopark-state .technopark-map .map-makers ul li:nth-child(12) {
    left: 34%;
    /* bottom: 39%; */
    bottom: 41%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(12) .region {
    width:3.6rem
}

/*대구*/
.technopark-state .technopark-map .map-makers ul li:nth-child(13) {
    right: 26.5%;
    /* bottom: 41.8%; */
    bottom: 45.8%
}
.technopark-state .technopark-map .map-makers ul li:nth-child(13) .region {
    width:3.5rem
}

/*울산*/
.technopark-state .technopark-map .map-makers ul li:nth-child(14) {
    right: 10.5%;
    /* bottom: 38%; */
    bottom: 41.4%
}
.technopark-state .technopark-map .map-makers ul li:nth-child(14) .region {
    width:3.5rem
}

/*경남*/
.technopark-state .technopark-map .map-makers ul li:nth-child(15) {
    right: 28%;
    /* bottom: 31%; */
    bottom: 34.5%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(15) .region {
    width:3.5rem
}

/*부산*/
.technopark-state .technopark-map .map-makers ul li:nth-child(16) {
    right: 17.5%;
    /* bottom: 30.5%; */
    bottom: 34%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(16) .region {
    width:3.5rem
}

/*광주*/
.technopark-state .technopark-map .map-makers ul li:nth-child(17) {
    left: 26.5%;
    /* bottom: 31%; */
    bottom: 34%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(17) .region {
    width:3.5rem
}

/*전남*/
.technopark-state .technopark-map .map-makers ul li:nth-child(18) {
    left: 42%;
    /* bottom: 26.2%; */
    bottom: 30%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(18) .region {
    width:3.6rem
}

/*제주*/
.technopark-state .technopark-map .map-makers ul li:nth-child(19) {
    left: 13%;
    /* bottom: 5%; */
    bottom: 8.5%;
}
.technopark-state .technopark-map .map-makers ul li:nth-child(19) .region {
    width:3.5rem
}

.technopark-state .technopark-list {
    width:100%;
    max-width:calc(100% - 50rem);
}

.technopark-state .technopark-list .scroll-box {
    max-height:58rem;
    overflow: auto;
    padding-right:2rem;
}

.technopark-state .technopark-list > ul,
.technopark-state .technopark-list .scroll-box > ul  {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.technopark-state .technopark-list > ul > li,
.technopark-state .technopark-list .scroll-box > ul > li {
    width:calc((100% - 2rem) / 2);
    display:flex;
    background-color:#f5f6fa;
    border-radius:2rem;
    overflow: hidden;
    position:relative;
}

.technopark-state .technopark-list > ul > li a,
.technopark-state .technopark-list .scroll-box > ul > li a {
    display:flex;
    align-items: center;
    padding:2rem 2rem 2rem 3rem;
    gap:2.5rem;
    width:100%;
    min-height:18rem;
    transition: all 0.2s;
}

.technopark-state .technopark-list > ul > li a.is-hover,
.technopark-state .technopark-list .scroll-box > ul > li a.is-hover {
    background-color:#e6eefe
}



.technopark-state .technopark-list .technopark-img {
    width:18rem;
    height:14rem;
    border-radius:1.4rem;
    overflow: hidden;
    background-color:#fff;
    padding:1.2rem;
    border:1px solid #dddddd;
    display:flex;
    align-items: center;
    justify-content: center;
}

.technopark-state .technopark-list .technopark-info {
    width:calc(100% - 20.5rem);
}

.technopark-state .technopark-list .technopark-info strong.name {
    display:block;
    font-size:2.2rem;
    line-height:1.2;
    color:#222;
    font-weight:bold;
    letter-spacing: -0.03em;
    margin-bottom:0.2rem;
}

.technopark-state .technopark-list .technopark-info .detail ul li {
    font-size:1.6rem;
    color:#222;
    letter-spacing: -0.03em;
    margin-bottom:0.2rem;
}

.technopark-state .technopark-list .technopark-info .detail ul li:last-child {
    border-bottom:0;
}

.technopark-state .technopark-list .technopark-info .detail ul li b {
    font-weight:bold
}

.technopark-state .technopark-list a .btn {
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    background-color:#fff;
    padding:0 0 1.2rem 1.2rem;
    border-radius:0 0 0 2.8rem;
}

.technopark-state .technopark-list a .btn::before,
.technopark-state .technopark-list a .btn::after {
    content:"";
    display:block;
    width:1.5rem;
    height:1.5rem;
    background-image:url(../images/pr_links_round.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
    transform: rotate(270deg);
}

.technopark-state .technopark-list a .btn::before {
    top:0;
    left:-1.5rem;
}

.technopark-state .technopark-list a .btn::after {
    bottom:-1.5rem;
    right:0rem;
}

.technopark-state .technopark-list a .btn span {
    display:block;
    width:4rem;
    height:4rem;
    border-radius:50%;
    background-color:#fff;
    border:0.1rem solid #d7d7d7;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/technopark_state_arrow.png);
    background-size:1.5rem;
    font-size:0;
    text-indent:-999999999em;
    transition: all 0.2s;
}

.technopark-state .technopark-list a:hover .btn span,
.technopark-state .technopark-list a.is-hover .btn span {
    background-color:#3065cb;
    border:none;
    background-image:url(../images/technopark_state_arrow_w.png)
}

/*CI소개*/
.ci-concept .ci-concept-info {
    margin-top:2.5rem;
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    justify-content: space-between;
    gap:3rem
}

.ci-concept .ci-concept-info .info-txt {
    width:100%;
    max-width:calc(100% - 30rem);
    font-size:1.8rem;
    letter-spacing: -0.03em;
    color:#222;
}

.ci-concept .ci-concept-info .btns-wrap {
    width:27rem;
}

.ci-box {
    display:flex;
    align-items: center;
    justify-content: center;
    height:19rem;
    border:1px solid #d9d9d9;
    border-radius:0.6rem;
    background-image:url(../images/ci_box_pattern.png);
    padding:0 5rem;
}

.ci-box .concept-logo {
    width:47.1rem;
}

.ci-box .simbol {
    width:18.1rem;
}

.ci-box .type1 {
    width:17.8rem;
}

.ci-box .type2 {
    width:42.1rem;
}

.ci-box .type3 {
    width:16.9rem;
}

.ci-box .type4 {
    width:39.5rem;
}

.ci-box .type5 {
    width:17.7rem;
}

.ci-box .type6 {
    width:55.2rem;
}

/*이메일 수신 거부*/
.email-reject {
    text-align: center;
}

.email-reject .ico img {
    width:9.7rem;
}

.email-reject .tit {
    font-size:2.8rem;
    letter-spacing: -0.03em;
    margin:1.5rem 0 1rem 0;
}

.email-reject .des {
    font-size:2rem;
    letter-spacing: -0.03em;
    color:#555;
    font-weight:500;
}


/*개인정보처리방침*/
.privacy-contents {
    border:1px solid #d7d7d7;
    box-sizing: border-box;
    padding:35px;
    margin-top:25px;
}

.privacy-contents dl dt {
    font-size:2.4rem;
    color:#222222;
    letter-spacing: -0.03em;
    font-weight:700;
    margin-bottom:15px;
}

.privacy-contents dl dd {
    display:flex;
    flex-wrap:wrap;
    row-gap:10px;
    column-gap:55px;
}

.privacy-contents dl dd ul li {
    margin-bottom:10px;
}

.privacy-contents dl dd ul li:last-child {
    margin-bottom:0;
}

.privacy-contents dl dd ul li a {
    color:#222222;
    letter-spacing: -0.03em;
    font-size:2rem;
    font-weight:500;
}

.privacy-contents dl dd ul li a:hover {
    color:#2560e7;
    border-bottom:1px solid #2560e7;
}

.h4box {
    margin:3.5rem 0 4.5rem 0;   
}

.h4box ul li {
    font-size:1.8rem;
    letter-spacing: -0.03em;
    color:#222;
}

.h4box .info-box ul li {
    margin-bottom:0.8rem;
    line-height:1.4;
}

.h4box .info-box ul li:last-child {
    margin-bottom:0;
}

.h4box .info-box .flex {
    display:flex;
    flex-wrap:wrap;
    gap:3rem;
}

.h4box .info-box .flex.center {
    justify-content: center;
}

.h6box {
    padding-left:2rem;
    margin-bottom:2rem;
}

.h6box:last-of-type {
    margin-bottom:0;
}

.privacy-view-step {
    margin:8rem 0;
    text-align: center;
}

.in-table {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    table-layout: fixed;
    font-size:2rem;
}

.in-table [role="rowgroup"] {
    display: table-row-group;
}

.in-table .in-table-row {
    display: table-row;
}

.in-table .in-table-head .in-table-cell {
    display: table-cell;
    background: #f2f4f9;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.in-table .in-table-row .in-table-cell {
    display: table-cell;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px 15px;
    text-align: center;
}

.in-table .in-table-row .in-table-cell.al_l {
    text-align: left;
}

/* .list-table tr td dl {
    font-size:2.1rem;
    color:#222;
}

.list-table tr td dl dt {
    font-weight:bold;
    margin-bottom:0.4rem;
    letter-spacing: -0.03em;
}

.list-table tr td dl dd ul li {
    position:relative;
    letter-spacing: -0.03em;
}

.list-table tr td dl dd ul li span {
    color:#2b5bca;
} */

.impl-system {
    max-width:141rem;
    width:100%;
    margin:0 auto;
    position:relative;
}

.impl-system::before {
    content:"";
    position:absolute;
    left:25rem;
    top:50%;
    transform: translateY(-50%);
    width:86.5rem;
    height:14rem;
    background-image:url(../images/impl_system_arrow.png);
    background-size:100%;
    background-repeat:no-repeat;
}

.impl-system ul {
    width:100%;
    display:flex;
    align-items: center;
}

.impl-system ul li {
    margin-right:3rem;
    position:relative;
}

.impl-system ul li:nth-child(3) {
    margin-right:17rem;
}

.impl-system ul li:nth-child(4) {
    margin-right:0;
}

.impl-system ul li .item-box {
    width:30rem;
    height:14rem;
    background-color:#fff;
    border:1px solid #d7d7d7;
    border-radius:1rem;
    display:flex;
    align-items: center;
    justify-content: center;
}

.impl-system ul li .item-box .logo,
.impl-system ul li .item-box .ico {
    text-align: center;
}

.impl-system ul li .item-box .txt {
    margin-top:0.5rem;
}

.impl-system ul li .item-box .txt strong,
.impl-system ul li .item-box .txt span { 
    display:block;
    text-align: center;
    letter-spacing: -0.03em;
    color:#222222;
    line-height:1.4;
}

.impl-system ul li .item-box .txt strong {
    font-size:2.2rem;
    font-weight:bold;
}

.impl-system ul li .item-box .txt span {
    font-size:1.8rem;
}

.impl-system ul li:nth-child(3) .item-box {
    margin:2rem 0;
}

.impl-system ul li:nth-child(3) .sidebox {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:5rem;
    font-size:2rem;
    letter-spacing: -0.03em;
    color:#222;
    border-radius:0.6rem;
    position:relative;
}

.impl-system ul li:nth-child(3) .sidebox:nth-of-type(1) {
    background-color:#d8ebf6;
}

.impl-system ul li:nth-child(3) .sidebox:nth-of-type(1)::after {
    content:"";
    display:block;
    width:0;
    height:2rem;
    border-left: 1px dashed #999;
    border-top:0;
    position:absolute;
    left:50%;
    bottom:-2rem;
    transform: translateX(-50%);
}

.impl-system ul li:nth-child(3) .sidebox:nth-of-type(3){
    background-color:#d9eeea;
}

.impl-system ul li:nth-child(3) .sidebox:nth-of-type(3)::after {
    content:"";
    display:block;
    width:0;
    height:2rem;
    border-left: 1px dashed #999;
    border-top:0;
    position:absolute;
    left:50%;
    top:-2rem;
    transform: translateX(-50%);
}

.impl-system ul li:nth-child(3) .nexttxt {
    position:absolute;
    top:50%;
    right:-11rem;
    transform: translateY(-50%);
    text-align: center;
    color:#3768cd;
    font-size:1.8rem;
    letter-spacing: -0.03em;
    font-weight:bold;
}

.impl-system ul li:nth-child(4) .item-box {
    width:28rem;
    height:28rem;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.05);
}

@media (max-width: 1600px) {
    #sub-container {
        padding:0 2rem;
        box-sizing: border-box;
    }
}

@media (max-width:1280px) {
    .greeting {
        gap:3rem 5rem;
        align-items: flex-start;
    }

    .greeting-img {
        width:55rem;
    }

    .greeting-txt {
        width:calc(100% - 60rem);
        background-size:50rem;
    }

    .operating-model dl dd ul li span {
        width:auto;
    }

    .technopark-state {
        flex-wrap:wrap;
        row-gap:3.5rem
    }

    .technopark-map-wrap {
        width:100%;
        padding:2.5rem;
        border:0.1rem solid #ddd;
        border-radius:1rem;
        background-color:#f9f9f9;
    }

    .technopark-state .technopark-map {
        margin:0 auto;
    }

    .technopark-state .technopark-list {
        max-width:100%;
    }

    .impl-system::before {
        left:23rem
    }

    .impl-system ul {
        justify-content: center;
    }

    .impl-system ul li {
        margin-right:1.5rem;
    }

    .impl-system ul li:nth-child(3) {
        margin-right:13rem
    }

    .impl-system ul li .item-box {
        width:28rem
    }

}

@media (max-width:1024px) {
    #sub-container .location-bar > ul > li {
        max-width:25rem;
    }

    #sub-container .location-bar > ul > li > button {
        padding:0 1.5rem;
    }

    .img-info-box .info-box {
        width:calc(100% - 47rem);
    }

    .img-info-box .info-img {
        width:42rem;
    }

    .col-group {
        gap:2rem;
    }

    .col-group .col {
        flex:1 0 100%;
    }

    .greeting-img {
        width:45rem;
    }

    .greeting-txt {
        width:calc(100% - 50rem);
    }

    .mission-vision .vision > dl > dd ul {
        gap:3.5rem;
    }

    .mission-vision .vision > dl > dd ul li::after {
        right:-2.5rem
    }

    .ci-concept .ci-concept-info .info-txt {
        max-width:100%;
    }

    .ci-concept .ci-concept-info .btns-wrap {
        width:100%;
    }

    .img-content > ul.col3 {
        gap:2rem
    }

    .img-content > ul.col3 > li {
        width: calc((100% - 4rem) / 3);
    }

    .history .history-con .history-year {
        font-size:8rem;
    }
    
    .impl-system::before {
        width:19.3rem;
        height:80.8rem;
        background-image:url(../images/impl_system_arrow_rotate.png);
        left:50%;
        top:2rem;
        transform: translateX(-50%);
    }

    .impl-system ul {
        flex-direction: column;
    }

    .impl-system ul li {
        width:100%;
        margin-right:0;
        margin-bottom:3rem;
    }

    .impl-system ul li .item-box {
        width:100%;
        max-width:40rem;
        margin:0 auto;
    }

    .impl-system ul li:nth-child(3) {
        margin-right:0;
        margin-bottom:12rem;
    }

    .impl-system ul li:nth-child(3) .item-box {
        width:100%;
        max-width:40rem;
        margin:2rem auto;
    }

    .impl-system ul li:nth-child(3) .sidebox {
        width:100%;
        max-width:40rem;
        margin:0 auto;
    }

    .impl-system ul li:nth-child(3) .nexttxt {
        left:50%;
        top:auto;
        bottom:-8rem;
        transform: translateX(-50%);
    }
}

@media (max-width:960px) {

    .operating-model dl {
        
    }

    .operating-model dl dt {
        margin:0;
    }

    .operating-model dl dt::after {
        transform: none;
        left:5rem;
    }

    .operating-model dl dd {
        padding-top:2.5rem;
        padding-left:5rem;
    }


    .operating-model dl dd::before {
        width:0.1rem;
        height: calc(5.4rem * 4 + 4.3rem);
        border-top:0;
        border-left:0.1rem dashed rgba(34, 34, 34, 0.25);
        margin:0;
        position:absolute;
    }

    .operating-model dl dd ul {
        display:block;
    }

    .operating-model dl dd ul li {
        display:flex;
        align-items: center;
        width:100%;
        padding:1rem 0;
    }

    .operating-model dl dd ul li::before {
        width:2.5rem;
        height:0.1rem;
        border-left:0;
        border-top:0.1rem dashed rgba(34, 34, 34, 0.25);
        margin:0;
    }
    
    .operating-model dl dd ul li::after {
        left:-1.2rem;
        top:50%;
        transform: translateY(-50%);
    }

    .location-info .info-box .loc-addr .addr-info::before {
        display:none;
    }

    .mv-row {
        gap:3.5rem;
    }

    .mv-badge {
        width:24rem;
        height:8rem;
        font-size:3rem;
    }

    .mv-grid-label {
        width:24rem;
    }

    .mv-text-box {
        font-size:2rem;
        height:8rem;
    }

    .mv-grid-row {
        gap:4.5rem;
    }
    
    .mv-plus {
        display:none;
    }

    .mv-grid-items {
        flex-wrap:wrap;
        gap:2rem;
    }

    .mv-card {
        flex: 0 0 calc(50% - 1rem);
    }

}

@media (max-width:768px) {
    #sub-container .sub-top {
        padding-bottom:5rem;
        border-bottom:1px solid #d7d7d7;
    }

    #sub-container .sub-top h2 {
        font-size:3.6rem;
    }

    #sub-container .sub-top .loc-info ul li {
        font-size:1.8rem;
    }
    
    #sub-container .location-bar {
        display:none;
    }

    #contents {
        padding-top:5rem;
    }

    .content-tab ul {
        flex-wrap:wrap;
    }

    .content-tab ul li {
        flex:1 1 50%
    }

    .content-tab ul li:nth-child(2n) button.tab-btn {
        border-right:0.1rem solid #ddd;
    }
    
    .content-tab ul li:nth-child(n+3) button.tab-btn {
        border-top:0;
    }
    
    .content-tab ul li button.tab-btn {
        font-size:2rem;
        padding:0 0.8rem;
        line-height:1.4;
    }

    .content-banner {
        display:none;
    }

    .img-info-box .info-box {
        width:100%;
    }

    .img-info-box .info-img {
        width:100%;
    }

    .greeting {
        /* flex-direction: column-reverse; */
    }

    .greeting-img {
        width:100%;
        transform: translateY(0);
        text-align: center;
    }

    .greeting-txt {
        width:100%;
    }

    .greeting-txt .sign {
        position:relative
    }

    .business-purpose ul li {
        width:calc((100% - 2rem) / 2)
    }

    .mission-vision .mission dl dd {
        font-size:2.4rem;
    }

    .mission-vision .vision > dl > dd ul {
        display:block;
    }

    .mission-vision .vision > dl > dd ul li {
        margin:0 auto 4rem auto;
    }

    .mission-vision .vision > dl > dd ul li::after {
        transform: none;
        right:auto;
        top:auto;
        bottom:-2.75rem;
    }

    .mv-row {
        flex-wrap:wrap;
        gap:2rem;
        margin-bottom:8rem;
    }

    .mv-row:nth-of-type(2)::after  {
        left:50%;
        top:-7rem;
    }

    .mv-badge {
        width:100%;
        height:7rem;
        border-radius:0.6rem;
    }

    .mv-text-box {
        border-radius:0.6rem;
        padding:2.5rem;
        height:auto;
    }

    .mv-grid-row {
        gap:2rem;
        flex-wrap:wrap;
    }

    .mv-grid-label {
        width:100%;
        min-height:auto;
        height:7rem;
    }

    .mv-grid-label span {
        border-radius:0.6rem;
        width:100%;
    }

    .mv-card {
        border-radius:0.6rem;
    }

    .img-content > ul.col3 > li {
        width: calc((100% - 2rem) / 2);
    }

    .history .history-tab ul {
        gap:5rem;
    }

    .history .history-tab ul li::after {
        right:-2.8rem;
    }

    .history .history-con::before {
        left:0.9rem;
    }

    .history .history-con .history-year {
        position:relative;
        font-size:6rem;
        text-align: center;
        padding-bottom:2rem;
        background-color:#fff;
        z-index:2;
        color:#ddd
    }

    .history .history-con > ul > li.left,
    .history .history-con > ul > li.right {
        justify-content: flex-start;
    }

    .history .history-con > ul > li.left > div,
    .history .history-con > ul > li.right > div {
        padding-right:0;
        padding-left:50px;
        text-align: left;
    }

    .history .history-con > ul > li.right > div::before,
    .history .history-con > ul > li.left > div::before {
        left:0;
        right:auto;
    }
    
    .history .history-con > ul > li.left ul li {
        padding-right:0;
        padding-left:1.2rem;
    }

    .history .history-con > ul > li.left ul li::before {
        left:0;
    }

    .history .history-con > ul > li > div {
        width:100%;
    }

    .organization > ul::before {
        left:7rem;
        top:2rem;
        height:46.5rem;
        transform: none;
        border-color:#999
    }

    .organization > ul > li {
        justify-content: flex-start;
        margin-bottom:3rem;
        padding:0;
    }

    .organization > ul > li .chairman {
        width:100%;
        max-width:28rem;
        height: 6rem;
        border-radius: 3rem;
        background-color: #223978;
    }

    .organization > ul > li .chairman > div {
        width:100%;
        display:flex;
        align-items: center;
        justify-content: center;
        column-gap:1.5rem;
    }

    .organization > ul > li .chairman > div span.name {
        margin-top:0;
        padding-top:0;
        padding-left:1.5rem;
        border-top:none;
        position:relative;
    }

    .organization > ul > li .chairman > div span.name::before {
        content:"";
        display:block;
        width:0.1rem;
        height:2rem;
        background-color:rgba(255, 255, 255, 0.3);
        position:absolute;
        left:0;
        top:50%;
        transform: translateY(-50%);
    }

    .organization > ul > li .chairman::before {
        display:none;
    }

    .organization > ul > li .governance {
        transform: none;
        position:relative;
        width:100%;
        border-radius:0.6rem;
        max-width:100%;
        margin-top:3rem;
    }

    .organization > ul > li span.floor1 {
        max-width:28rem;
        height:6rem;
        border-radius:3rem;
    }

    .organization > ul > li.right,
    .organization > ul > li.left {
        margin-bottom:3rem;
    }

    .organization > ul > li.right span.floor1,
    .organization > ul > li.left span.floor1 {
        transform: none;
        margin-left:15rem;
    }

    .organization > ul > li.right span.floor1::before,
    .organization > ul > li.left span.floor1::before {
        width:10rem 
    }

    .organization > ul > li.left span.floor1::before {
        left:auto;
        right:100%;
    }

    .organization > ul > li.both {
        gap:1.5rem;
    }

    .organization > ul > li.both::before {
        display:none;
    }

    .organization > ul > li.both span.floor1 {
        margin:0.8rem 0;
        width:calc((100% - 1.5rem) / 2);
    }

    .organization > ul > li span.type1 {
        width:50%;
    }

    .organization > ul > li:last-child {
        position:relative;
    }

    .organization > ul > li:last-child span.floor1::after {

    }

    .organization > ul > li .floor2 {
        margin-top:3rem;
    }

    .organization > ul > li .floor2::before {
        display:none;
    }

    .organization > ul > li .floor2 > ul {
        flex-wrap:wrap;
    }

    .organization > ul > li .floor2 > ul > li {
        flex:1 1 100%;
        justify-content: flex-start;
        margin-left:10rem;
        margin-bottom:3rem;
        position:relative;
        max-width:calc(100% - 10rem);
        gap:3rem;
        flex-wrap:nowrap
    }

    .organization > ul > li .floor2 > ul > li:last-child {
        margin-bottom:0;
    }

    .organization > ul > li .floor2 > ul > li > span {
        max-width:22rem;
    }

    .organization > ul > li .floor2 > ul > li > span::before {
        width:3rem;
        height:0;
        border-left:0;
        border-top: 0.1rem dashed rgba(34, 34, 34, 0.2);
        transform:none;
        top:2.5rem;
        left:auto;
        right:100%;
        border-color:#999;
    }

    .organization > ul > li .floor2 > ul > li > .floor3 {
        margin-top:0;
        width:100%;
        max-width:22rem;
    }

    .organization > ul > li .floor2 > ul > li > .floor3::after {
        display:none;
    }

    .organization > ul > li .floor2 > ul > li > .floor3 > ul {
        flex-wrap:wrap;
        gap:0.8rem;
        justify-content: flex-start;
    }

    .organization > ul > li .floor2 > ul > li > .floor3 > ul > li {
        max-width:28rem;
        position:relative;
    }

    .organization > ul > li .floor2 > ul > li > .floor3::before {
        content:"";
        position:absolute;
        display:block;
        width: 3rem;
        height: 0;
        border-left: 0;
        border-top: 0.1rem dashed rgba(34, 34, 34, 0.2);
        transform: none;
        top: 2.5rem;
        left: auto;
        right: 100%;
        border-color: #999;
    }

    .organization > ul > li .floor2 > ul > li > .floor3.col2::after {
        content:"";
        display:block;
        width:0;
        height:5.4rem;
        border-left: 1px dashed #999;
        border-top:0;
        position:absolute;
        left:-1.5rem;
        top:2.5rem;
        transform: none;
    }

    .organization > ul > li .floor2 > ul > li > .floor3 > ul > li:nth-child(n+1)::before {
        content:"";
        position:absolute;
        display:block;
        width: 1.5rem;
        height: 0;
        border-left: 0;
        border-top: 0.1rem dashed rgba(34, 34, 34, 0.2);
        transform: none;
        top: 2.5rem;
        left: auto;
        right: 100%;
        border-color: #999;
    }

    .organization > ul > li .floor2 > ul > li > .floor3 > ul > li span {
        max-width:28rem;
    }

    .organization > ul > li .floor2 > ul > li > .floor3 > ul > li span::before {
        display:none;
    }

    .fr-flow {
        display:block;
    }

    .fr-flow .result {
        margin:0 auto 2rem auto;
    }

    /* .fr-flow .procedure {
        display:block;
        padding-left:0;
        padding-top:10rem;
        min-height:auto;
    } */

    .fr-flow .procedure {
        display:block;
        padding-right:0;
        padding-bottom:15rem;
        min-height:auto;
    }

    /* .fr-flow .procedure::before {
        width:36.1rem;
        height:45rem;
        background-image:url(../images/fr_flow_bg_m.png);
        background-size:36.1rem;
        background-position:center top;
        left:50%;
        top:0;
        transform: translateX(-50%);
    } */

    .fr-flow .procedure::before {
        width:36.1rem;
        height:45rem;
        background-image:url(../images/fr_flow_bg_m.png);
        background-size:36.1rem;
        background-position:center top;
        left:50%;
        top:8rem;
        transform: translateX(-50%) rotate(180deg);
    }


    .fr-flow .procedure .technopark {
        margin:0 auto 6.5rem auto;
    }

    .fr-flow .procedure .technopark::after {
        width:0;
        height: 3.25rem;
        border-top:0;
        border-left: 0.1rem dashed rgba(34, 34, 34, 0.25);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .fr-flow .procedure .technopark::before {
        display:none;
    }

    .fr-flow .procedure .procedure-list ul {
        display:flex;
        align-items: center;
        justify-content: center;
        gap:1rem;
        position:relative
    }

    .fr-flow .procedure .procedure-list ul::before {
        content:"";
        width: calc((100% - 2rem) / 3 * 2 + 1rem);
        height:0;
        border-left:0;
        border-top: 0.1rem dashed rgba(34, 34, 34, 0.25);
        position: absolute;
        top: -3.25rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .fr-flow .procedure .procedure-list ul {
        align-items:unset;
    }

    .fr-flow .procedure .procedure-list ul li {
        margin-bottom:0;
        width: calc((100% - 2rem) / 3);
        text-align: center;
        height:auto;
        padding:0.8rem;
        border-radius:0.6rem;
        border:0.1rem solid #eaeaea;
        flex-wrap:wrap;
        gap:0 1rem;
    }

    
    .fr-flow .procedure .procedure-list ul li span {
        max-width:100%;
        display:block;
        font-size:1.8rem;
        line-height:1.25;
    }

    .fr-flow .procedure .procedure-list ul li::before {
        margin:0 auto 0.8rem auto;
        width:2.5rem;
        height:2.5rem;
        background-size:1rem
    }

    .fr-flow .procedure .procedure-list ul li::after {
        width:0;
        height:3.25rem;
        border-top:0;
        border-left: 0.1rem dashed rgba(34, 34, 34, 0.25);
        left:50%;
        top:-3.25rem;
        transform: translateX(-50%);
    }

    .location-info .info-box .loc-addr .addr-info ul li::after {
        display:none;
    }

    .h4box .info-box .flex dl {
        width:100%;
    }

    .technopark-state .technopark-list > ul,
    .technopark-state .technopark-list .scroll-box > ul {
        flex-wrap:wrap;
    }

    .technopark-state .technopark-list > ul > li,
    .technopark-state .technopark-list .scroll-box > ul > li {
        width:100%;
    }

}

@media (max-width:480px) {
    .business-purpose ul li {
        width:100%
    }

    .mv-card {
        flex: 0 0 100%;
        min-height:auto;
    }
}