#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.2rem
    }

    .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;
    }

    .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(../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(../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:2.2rem;
        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: 3.2rem;
        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.8rem;
        font-weight: 700;
        color: #222;
        letter-spacing: -0.03em;
        text-align: center;
        line-height: 1.5;
        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;
    }

    .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.4rem;
        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.noline::after {
        display:none;
    }

    .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.noline .history-con::before {
        display:none;
    }

    .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;
    }

    .new-his-step ul {
        display:flex;
        flex-wrap:wrap;
    }

    .new-his-step ul li {
        width:calc(100% / 5);
    }

    .new-his-step ul li span {
        display:flex;
        align-items: center;
        justify-content: center;
        font-size:2.4rem;
        letter-spacing: -0.03em;
        padding:0.8rem 0;
        border-bottom:4px solid #e5e5e5;
    }

    .new-his-step ul li.on span {
        border-bottom:4px solid #3768cd;
        color:#3768cd;
        font-weight:bold;
    }

    .new-his-step ul li:nth-child(2){
        flex:2;
    }

    .new-his-step ul li .btns {
        display:flex;
        align-items: center;
        margin-top:2rem;
    }

    .new-his-step ul li .btns .btn {
        width:100%;
        position:relative;
    }

    .new-his-step ul li:nth-child(2) .btns .btn {
        width:50%;
    }

    .new-his-step ul li .btns .btn button {
        display:flex;
        align-items: center;
        justify-content: center;
        font-size:2rem;
        letter-spacing: -0.03em;
        height:5rem;
        color:#222;
        max-width:24rem;
        width:100%;
        box-sizing:border-box;
        padding:0 2.5rem;
        border-radius:2.5rem;
        margin:0 auto;
    }


    .new-his-step ul li .btns .btn::after {
        content:"";
        display:block;
        width:0.1rem;
        height:1.6rem;
        background-color:#cccccc;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%)
    }

    .new-his-step ul li:last-child .btns .btn::after {
        display:none;
    }

    .new-his-step ul li.on .btns button.on {
        background-color:#ebf0fa;
        color:#3768cd;
        font-weight:bold;
    }

    .new-history-wrap {
        margin-top:35px;
    }

    .new-history-con {
        display:none;
    }

    /*조직도*/
    .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:2.1rem;
        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:22rem;
        height:5.4rem;
        border-radius:2.7rem;
        background-color:#fff;
        border:0.1rem solid #d7d7d7;
        font-size:2.1rem;
        letter-spacing: -0.03em;
        color:#222;
        position:relative;
    }

    .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(48rem / 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:22rem;
    }

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

    .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;
    }

    .fr-flow .result > div span {
        color:#fff;
        font-weight:bold;
        letter-spacing: -0.03em;
        font-size:2.2rem;
        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:2.1rem;
        letter-spacing: -0.03em;
        color:#222;
    }

    .fr-flow .procedure .technopark .con span.mtxt {
        font-size:2.6rem;
        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:2.1rem;
        color:#222;
        letter-spacing: -0.03em;
    }

    .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(../images/fr_detail_ico01_2.png)
    }

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

    .fr-detail > ul > li:nth-child(3)::before {
        background-color:#f5f2f9;
        background-image:url(../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%;
    }
    .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%;
    }
    .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%;
    }
    .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%;
    }
    .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%;
    }
    .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%;
    }
    .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%;
    }
    .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%;
    }
    .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%;
    }
    .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.4rem;
        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;
        }

        .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;
        }

        .new-his-step ul {
            row-gap:3rem;
        }

        .new-his-step ul li {
            width:calc(100% / 2);
        }

        .new-his-step ul li:nth-child(2) .btns .btn:last-child::after {
            display:none;
        }
        
        .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:2.4rem;
            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;
        }

        .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%;
        }

        .new-his-step ul {
            row-gap:1.5rem;
        }

        .new-his-step ul li {
            width:100%;
        }

        .new-his-step ul li .btns {
            margin-top:1rem;
        }

        .new-his-step ul li:nth-child(1) .btns .btn::after,
        .new-his-step ul li:nth-child(3) .btns .btn::after {
            display:none;
        }
        
        .new-his-step ul li span {
            border:2px solid #e5e5e5
        }

        .new-his-step ul li.on span {
            border:2px solid #3768cd
        }

        .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:20rem;
            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 {
            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;
        }
    }

    /*역대 회장*/

.chairman-history::before,
.officer-history::before {
    content:"";
    display:block;
    width:1.2rem;
    height:100%;
    background-color:#f0f0f0;
    position:absolute;
    left:17.4rem;
    background-image:url(../images/chairman_his_line.png);
    background-size:0.1rem;
    background-position:center top;
    background-repeat:repeat-y;
}

.officer-history::before {
    top:0.5rem
}

.chairman-history ul
.officer-history ul {
    position:relative;
    z-index:1;
}

.chairman-history ul li {
    display:flex;
    align-items: center;
    gap:5rem;
}

.officer-history > ul > li {
    display:flex;
    align-items: flex-start;
    gap:5rem;
}

.chairman-history ul li .term-number,
.officer-history > ul > li .year {
    width:13rem;
    height:4rem;
    background-color:#ebf0fa;
    border-radius:2rem;
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative;
}

.chairman-history ul li.now .term-number,
.officer-history > ul > li.now .year {
    background-color:#223978;
}

.chairman-history ul li .term-number::after,
.officer-history > ul > li .year::after {
    content:"";
    display:block;
    position:absolute;
    right:-0.8rem;
    top:50%;
    transform: translateY(-50%);
    width:1.2rem;
    height:1.5rem;
    background-image:url(../images/term_num_arrow.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}

.chairman-history ul li.now .term-number::after,
.officer-history > ul > li.now .year::after {
    background-image:url(../images/term_num_arrow_now.png);
}

.chairman-history ul li .term-number span,
.officer-history > ul > li .year span {
    font-size:2.2rem;
    color:#222222;
    letter-spacing: -0.03em;
}

.chairman-history ul li.now .term-number span,
.officer-history > ul > li.now .year span {
    color:#fff; 
}

.chairman-history ul li .term-number span strong,
.officer-history > ul > li .year span strong {
    font-weight:bold;
}

.chairman-history ul li .chairman-info,
.officer-history > ul > li .officer-info {
    position:relative;
    padding:0 0 0 6.5rem;
    width:100%;
    max-width:calc(100% - 18rem);
}

.chairman-history ul li .chairman-info::before {
    content:"";
    display:block;
    background-color:#fff;
    border:1px solid #a1b8e7;
    width:3rem;
    height:3rem;
    border-radius:50%;
    position:absolute;
    left:-1.5rem;
    top:50%;
    transform: translateY(-50%);
    background-image:url(../images/chairman_his_dot.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:0.8rem;
}

.officer-history > ul > li .officer-info::before {
    content:"";
    display:block;
    background-color:#fff;
    border:1px solid #a1b8e7;
    width:3rem;
    height:3rem;
    border-radius:50%;
    position:absolute;
    left:-1.5rem;
    top:0.5rem;
    background-image:url(../images/chairman_his_dot.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:0.8rem;
}

.chairman-history ul li .chairman-info .info-wrap {
    border-bottom:0.1rem dashed #e1e1e1;
    display:flex;
    align-items: center;
    padding:8rem 0;
    flex-wrap:wrap;
    column-gap:8rem;
    row-gap:4rem;
}

.officer-history > ul > li .officer-info .info-wrap {
    border-bottom:0.1rem dashed #e1e1e1;
    padding:0 0 8rem 0;
}

.chairman-history ul li .chairman-info .info-wrap .term-period {
    display:flex;
    align-items: center;
    position:relative;
    width:100%;
    max-width:43rem;
}

.chairman-history ul li .chairman-info .info-wrap .term-period::before {
    content:"";
    display:block;
    width:3.6rem;
    height:3.6rem;
    background-image:url(../images/term_period_ico.png);
    background-repeat:no-repeat;
    background-size:100%;
    margin-right:3rem;
}

.chairman-history ul li .chairman-info .info-wrap .term-period .start-date,
.chairman-history ul li .chairman-info .info-wrap .term-period .end-date {
    position:relative;
}

.chairman-history ul li .chairman-info .info-wrap .term-period .end-date {
    margin-left:3rem;
}

.chairman-history ul li .chairman-info .info-wrap .term-period .end-date::before {
    content:"~";
    font-size:3rem;
    color:#222222;
    letter-spacing: -0.03em;
    position:absolute;
    left:-2.3rem;
    bottom:0.2rem;
}

.chairman-history ul li .chairman-info .info-wrap .term-period .start-date dl dt ,
.chairman-history ul li .chairman-info .info-wrap .term-period .end-date dl dt {
    font-size:1.8rem;
    color:#555;
    letter-spacing: -0.03em;
}

.chairman-history ul li .chairman-info .info-wrap .term-period .start-date dl dd ,
.chairman-history ul li .chairman-info .info-wrap .term-period .end-date dl dd {
    font-size:3rem;
    color:#222222;
    letter-spacing: -0.03em;
}

.chairman-history ul li .chairman-info .info-wrap .term-period .end-date dl dd strong {
    color:#3768cd;
}

.chairman-history ul li .chairman-info .info-wrap .chairman-prof {
    display:flex;
    align-items: center;
    gap:2rem;
}

.chairman-history ul li .chairman-info .info-wrap .chairman-prof .chairman-pic {
    width:10.2rem;
}

.chairman-history ul li .chairman-info .info-wrap .chairman-prof .chairman-txt strong {
    display:block;
    font-size:2.8rem;
    letter-spacing: -0.03em;
    color:#222222;
}

.chairman-history ul li .chairman-info .info-wrap .chairman-prof .chairman-txt span {
    display:block;
    font-size:2rem;
    color:#222222;
    letter-spacing: -0.03em;
}

.officer-history > ul > li {
    padding-top:8rem;
}

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

.officer-history > ul > li .officer-info .info-wrap .vp-info .tit {
    font-size:3.2rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#222;
    margin-bottom:1.5rem;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li {
    width:100%;
    max-width:37rem;
    padding:3.5rem;
    background-color:#f5f6fa;
    border-radius:2rem;
    text-align: center;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li .region {
    display:flex;
    width:100%;
    max-width:12.4rem;
    margin:0 auto 1rem auto;
    height:3.2rem;
    border-radius:1.6rem;
    justify-content: center;
    text-align: center;
    font-size:2rem;
    color:#fff;
    font-weight:bold;
    letter-spacing: -0.03em;
    background-color:#223978;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li .officer-pic {
    width:10rem;
    margin:0 auto;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li .name {
    font-size:2.8rem;
    letter-spacing: -0.03em;
    font-weight:bold;
    color:#222222;
    margin:1rem 0 0.5rem 0;;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li .name span {
    color:#3768cd;
    letter-spacing: -0.03em;
    font-weight:bold;
    font-size:1.8rem;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li .tp {
    font-size:2rem;
    letter-spacing: -0.03em;
}

.officer-history > ul > li .officer-info .info-wrap .vp-info ul li .period {
    font-size:2rem;
    letter-spacing: -0.03em;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info {
    margin-top:5rem
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info .tit {
    font-size:3.2rem;
    font-weight:bold;
    letter-spacing: -0.03em;
    color:#222;
    margin-bottom:1.5rem;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li {
    width:100%;
    max-width:37rem;
    padding:3.5rem;
    background-color:#f4f6f6;
    border-radius:2rem;
    text-align: center;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li .region {
    display:flex;
    width:100%;
    max-width:12.4rem;
    margin:0 auto 1rem auto;
    height:3.2rem;
    border-radius:1.6rem;
    justify-content: center;
    text-align: center;
    font-size:2rem;
    color:#fff;
    font-weight:bold;
    letter-spacing: -0.03em;
    background-color:#00969c;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li .officer-pic {
    width:10rem;
    margin:0 auto;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li .name {
    font-size:2.8rem;
    letter-spacing: -0.03em;
    font-weight:bold;
    color:#222222;
    margin:1rem 0 0.5rem 0;;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li .name span {
    color:#3768cd;
    letter-spacing: -0.03em;
    font-weight:bold;
    font-size:1.8rem;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li .tp {
    font-size:2rem;
    letter-spacing: -0.03em;
}

.officer-history > ul > li .officer-info .info-wrap .auditor-info ul li .period {
    font-size:2rem;
    letter-spacing: -0.03em;
}

@media (max-width:768px) {

    .chairman-history::before {
        left:4.8rem;
    }

    .chairman-history ul li {
        position:relative;
    }
        
    .chairman-history ul li .term-number {
        position:absolute;
        top:calc(50% - 6rem);
        left:0;
        transform: translateY(-50%);
        width:11rem;
    }

    .chairman-history ul li .term-number::after {
        top:auto;
        right:auto;
        left:50%;
        bottom:-1rem;
        transform: translateX(-50%) rotate(90deg);
    }

    .chairman-history ul li .chairman-info {
        padding:0 0 0 13.5rem;
        max-width: 100%;
    }

    .chairman-history ul li .chairman-info::before {
        left:4rem;
    }

    .chairman-history ul li .chairman-info .info-wrap {
        padding:5rem 0;
    }

    .chairman-history ul li .chairman-info .info-wrap .term-period {
        max-width:100%;
    }

    .chairman-history ul li .chairman-info .info-wrap .term-period::before {
        margin-right:1.2rem;
        width:3rem;
        height:3rem;
    }

    .chairman-history ul li .chairman-info .info-wrap .term-period .start-date dl dd,
    .chairman-history ul li .chairman-info .info-wrap .term-period .end-date dl dd {
        font-size:2.8rem;
    }

    .chairman-history ul li .chairman-info .info-wrap .term-period .end-date::before {
        font-size:2.8rem;
    }

    .chairman-history ul li .chairman-info .info-wrap .chairman-prof {
        width:100%;
    }

    .officer-history::before {
        left:4.8rem;
    }

    .officer-history > ul > li {
        position:relative;
        padding-top:5rem;
    }
        
    .officer-history > ul > li .year {
        position:absolute;
        left:0;
        top:5rem;
        width:11rem;
    }

    .officer-history > ul > li:first-child .year {
        top:0;
    }

    .officer-history > ul > li .year::after {
        top:auto;
        right:auto;
        left:50%;
        bottom:-1rem;
        transform: translateX(-50%) rotate(90deg);
    }

    .officer-history > ul > li .officer-info {
        padding:0 0 0 13.5rem;
        max-width: 100%;
    }

    .officer-history > ul > li .officer-info::before {
        left:4rem;
        top:6rem;
    }

    .officer-history > ul > li .officer-info .info-wrap {
        padding:0 0 5rem 0;
    }
    
}


@media (max-width:480px) {

    .chairman-history::before {
        left:4.3rem;
    }

    .chairman-history ul li .term-number {
        width:10rem;
    }
    .chairman-history ul li .term-number span {
        font-size:2rem;
    }

    .chairman-history ul li .chairman-info {
        padding:0 0 0 11.5rem;
    }

    .chairman-history ul li .chairman-info::before {
        left:3.4rem
    }

    .chairman-history ul li .chairman-info .info-wrap .term-period .start-date dl dd,
    .chairman-history ul li .chairman-info .info-wrap .term-period .end-date dl dd {
        font-size:2.4rem;
    }

    .chairman-history ul li .chairman-info .info-wrap .term-period .end-date::before {
        font-size:2.4rem;
    }
}