@charset "UTF-8";
/* print */
@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    html,
    body {
        position: relative;
        top: 0;
        left: 0;
        width: 210mm !important;
        height: 0 !important;
        border: 0;
        margin: 0.7cm auto 0;
        padding: 0;
        page-break-after: auto !important;
    }

    .page {
        margin: 0;
        border: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
    }

    .info-greetings h3 {
        font-size: 20px;
        white-space: nowrap;
    }

    .inner {
        position: relative !important;
        max-width: 100%;
        width: 100%;
        margin: 0 auto !important;
        height: 100% !important;
        padding: 0 !important;
    }

    .container {
        padding-top: 0 !important;
        width: 100% !important;
    }

    .calendar-wrap {
        display: block;
    }

    #calendarBody {
        overflow: unset;
    }

    #calendarBody ul {
        max-height: initial;
    }

    .container-wrap {
        margin-top: 0;
    }

    .container-cont {
        width: 100%;
        margin-top: 0;
    }

    #hd,
    footer,
    .loca,
    .snb,
    .biz-tabMenu,
    .area-cont6,
    .pg_wrap,
    .bo_fx,
    #bo_btn_top,
    .all_chk,
    .gall_chk,
    td.td_chk.chk_box,
    #calendar {
        display: none !important
    }

    #container {
        padding-top: 0;
    }

    .calendar-list {
        margin-top: 0 !important;
        display: block !important;
        overflow: unset !important;
    }

    #calendarBody {
        overflow: unset !important;
    }

    #calendarBody ul {
        max-height: fit-content !important;
    }

}

@page {
    size: A4;
    margin: 1cm 1cm;
}

@page: first {
    margin: 0 1cm
}


/*}인쇄설정*/


/*--------------------------------------------------------- COMMON ---------------------------*/
.img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
}

.img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.detail-btn {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #757575;
    border-radius: 23px;
    font-size: 20px;
    font-weight: 500;
    color: #444;
    transition: .4s;
}

.detail-btn:hover {
    background-color: #444;
    color: #fff;
}

.thumb-box ul {
    display: flex;
}

.thumb-box ul>li {
    width: 300px;
}

.thumb-box ul>li:not(:last-child) {
    margin-right: 27px;
}

.poster-box {
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    width: 300px;
    height: 432px;
    position: relative;
}

.poster-box>a {
    width: 100%;
    height: 100%;
}

.thumb-box.type2 ul>li {
    width: 305px;
}

.type2 .poster-box {
    width: 305px;
    height: 305px;
}

.poster-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.poster-box .lt_img {
    width: 100%;
    height: 100%;
}

.poster-box .latest-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    background: linear-gradient(132deg, #1F469F, #1D8760);
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    padding: 35px 30px;
}

.poster-box .latest-cont::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: no-repeat 50% / cover;
    background-image: url(../../images/user/main/poster-bg.png);
}

.poster-box:hover .latest-cont {
    opacity: 1;
    visibility: visible;
}

.poster-box .latest-cont .detail-btn {
    position: absolute;
    bottom: 35px;
    width: calc(100% - 60px);
    border-color: #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    z-index: 11;
    height: 45px;
}

.poster-box .latest-cont .detail-btn:hover {
    background-color: #fff;
    color: #000;
}

.latest-date {
    display: flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.latest-date .date-txt {
    min-width: 68px;
    background-color: #fff;
    color: #313333;
    border: 1px solid #fff;
}

.latest-date.promotion .date-txt {
    border-radius: 5px;
    min-width: auto;
}

.latest-date span {
    padding: 5px 12px;
    font-size: 16px;
    font-weight: 600;
}

.latest-date .date-num {
    border-radius: 0 5px 5px 0;
    color: #fff;
    border: 1px solid #fff;
}

.latest-date.gray .date-txt {
    background-color: #E4E4E4;
    border-radius: 5px;
    border-color: #e4e4e4;
    color: #444;
}

.latest-date.gray .date-num {
    display: none;
}

.pic_li_tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.latest-cont .pic_li_tit {
    color: #fff;
}

.latest-cont .lt_date {
    color: #fff;
}

.lt_date {
    color: #9599A6;
    margin-top: 15px;
}

.bbs .lt_info .latest-date:not(.gray).promotion .date-txt {
    background-color: #2DB1A7;
    border-color: #2DB1A7;
}


/*--------------------------------------------------------- area ---------------------------*/
.area,
.area * {
    font-family: 'Noto Sans KR';
}

.area-container {
    margin-top: 40px;
}

.area-cont1__top {
    border: 2px dashed #E4E4E4;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    width: 100%;
}

.area-cont1__top .l {
    width: 97px;
    height: 97px;
    flex: 0 0 auto;
}

.area-cont1__top .l .img-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #E9F7F6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.area-cont1__top .r {
    flex: 1 1 auto;
    margin-left: 40px;
}

.area-cont1__top .r h3 {
    font-size: 18px;
    font-weight: 700;
    color: #2DB1A7;
}

.area-cont1__top .r p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 1.6;
}

.area-cont2 {
    margin-top: 70px;
}

.area-cont__tit.flex {
    justify-content: space-between;
}

.area-cont__tit.flex {
    padding-bottom: 0;
}

.area-cont__tit {
    padding-bottom: 20px;
}

.area-cont__tit h3 {
    font-size: 28px;
}

.area-cont__tit p {
    font-size: 18px;
    margin-top: 10px;
}

.area-cont__tit .detail-btn {
    width: 205px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2DB1A7;
    color: #2DB1A7;
    font-size: 16px;
    font-weight: 500;
}

.area-cont2__ul {
    margin-top: 20px;
    padding: 40px 0;
    background-color: #F7F7F7;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 20px 0;
}

.area-cont2__ul>li {
    width: 33.3333%;
    margin: 20px 0;
    text-align: center;
}

.area-cont2__ul>li:not(:last-child) {
    border-right: 1px solid #C8E0DE;
}

.area-cont2__ul>li:nth-child(3) {
    border-right: 0;
}


.area-cont2__ul .sub-tit {
    margin-top: 10px;
    color: #404040;
}

.area-cont2__ul .cont p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.7;
    color: #333;
}

.area-cont2__ul .cont p span {
    display: block;
    color: #757575;
}

.state-progress .area-cont2__ul {
    background-color: #E9F7F6;
}

.area-gwan .vision-cont .vision-list__cont {
    height: calc(100% - 45px);
}

.concept-img .img {
    padding-bottom: 56.25%;
}

.area-cont:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 5px solid #F7F7F7;
}

.list-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-toggle .ico-arrow {
    width: 48px;
    height: 48px;
    background-image: url(../../images/ico/ico-arrow.svg);
    transform: rotate(-180deg);
}

.list-toggle.on .ico-arrow {
    transform: rotate(0deg);
}

.prd-table {
    width: 100%;
    border-collapse: collapse;
}

.prd-table>ul>li:not(:last-child) {
    padding-bottom: 20px;
}

.prd-table__tit {
    height: 50px;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 700;
    background-color: #E9F7F6;
}

.prd-table th,
.prd-table td {
    height: 50px;
    padding: 12px 30px;
    vertical-align: middle;
    font-size: 16px;
    color: #424242;
    border-bottom: 1px solid #E4E4E4;
}

.prd-table th {
    text-align: center;
    width: 180px;
    font-weight: 400;
    letter-spacing: -1px;
}

.prd-table td {
    border-left: 1px solid #e4e4e4;
}

.area-cont6 {
    position: relative;
}

.area-slide__tit {
    height: 60px;
    width: 100%;
    border: 1px solid #E4E4E4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #292929;
}

.area-slide--thumbs,
.area-slide--thumbs1,
.area-slide--thumbs2 {
    margin-top: 20px;
}

.area-slide--thumbs .swiper-slide:after,
.area-slide--thumbs1 .swiper-slide:after,
.area-slide--thumbs2 .swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.area-slide--thumbs .swiper-slide-thumb-active:after,
.area-slide--thumbs1 .swiper-slide-thumb-active:after,
.area-slide--thumbs2 .swiper-slide-thumb-active:after {
    background-color: transparent;
}

.area-slide .img,
.area-slide1 .slide-container .img,
.area-slide2 .slide-container .img {
    padding-bottom: 60.57%;
}

.area-slide--thumbs .img,
.area-slide--thumbs1 .img,
.area-slide--thumbs2 .img {
    padding-bottom: 56.43%;
}

.area-slide__control {
    position: absolute;
    top: -4px;
    right: 0;
    height: 48px;
    display: flex;
    z-index: 11;
}

.area-slide__control button {
    width: 48px;
    height: 48px;
}

.area-slide__control button i {
    width: 35px;
    height: 35px;
}

.area-slide__control .area-slide__next {
    margin-left: 8px;
}

.area-slide__control .area-slide__prev i {
    background-image: url(../../images/cmn/banner-prev.svg);
}

.area-slide__control .area-slide__next i {
    background-image: url(../../images/cmn/banner-next.svg);
}

.area-bok .vision-cont__ul .cont p {
    display: block;
}

.area-bok .vision-tit:not(:last-child) {
    margin-bottom: 20px;
}

.area-bok .vision-cont .vision-list__cont .cont-subTit {
    font-weight: 500;
}

.area-bok .vision-cont .vision-list__cont span {
    font-weight: 400;
}

.vision-cont__ul .cont p.cont-tit {
    display: block;
    font-weight: 700;
    padding: 0;
}

.vision-cont__ul .cont p span {
    display: block;
    width: 100%;
    margin-left: -7px;
}

.vision-cont__ul .cont p.cont-tit::before {
    display: none;
}

.area-bok .vision-cont__ul .cont p:not(:last-child) {
    margin-bottom: 15px;
}

.area-bok .vision-cont__ul .tit {
    min-height: 60px;
    height: auto;
    font-size: 14px;
}

.area-bok .vision-list__cont.cont-type2 {
    margin-top: 15px;
    height: auto;
}

.area-bok .concept-img .img {
    padding-bottom: 75%;
}

.area-cont5 .list-cont {
    display: none;
}

.area-san1 .vision-way__cont {
    margin-top: -10px;
    margin-bottom: 0;
}

.area-san1 .vision-cont .vision-list__cont {
    height: calc(100% - 45px);
}

.area-san1 .vision-way {
    transform: rotate(-180deg);
}

.area-san3 .concept-img .img {
    padding-bottom: 69.45%;
}

.area-san3 .vision-basic .vision-cont__ul .tit {
    height: 60px;
    font-size: 14px;
}

.area-san3 .vision-basic .vision-way__cont {
    margin-top: 0;
}

.area-san3 .vision-basic .vision-way__cont {
    padding-left: 0;
}

.area-san3 .vision-basic__tit {
    font-size: 18px;
    color: #757575;
    text-align: center;
    padding-bottom: 20px;
}

.area-san3 .vision-basic .vision-cont__ul.row4 .vision-cont__tit {
    height: 60px;
}

.area-san3 .vision-basic {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E4E4E4;
}

.area-san3 .vision-concept .vision-cont__ul {
    background: #D0D0D0;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 15px 0;
}

.area-san3 .vision-concept .vision-cont__ul>li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}

.area-san3 .vision-concept .vision-cont__ul>li:not(:last-child) {
    border-right: 1px solid #757575;
}

.area-san3 .vision-strategy .vision-cont__ul .tit {
    height: 60px;
    font-size: 14px;
}

.area-san3 .vision-strategy .vision-cont__ul .vision-list__cont {
    height: calc(100% - 60px);
}

.area-san3 .vision-strategy .vision-cont__ul .tit br {
    display: none;
}

.vision-tit__cont {
    background-color: #F7F7F7;
    padding: 20px 0;
    text-align: center;
    line-height: 26px;
}

.vision-cont__ul .cont p span.color-orange {
    width: auto;
    display: inline-block;
    color: #FF5A10;
    margin: 0;
}

.area-chil .vision-cont__ul>li {
    display: flex;
}

.area-chil .vision-cont__ul>li .vision-box {
    width: 100%;
}

.area-chil .vision-cont__ul.row2 .vision-cont__tit {
    height: 60px;
}

.area-chil .concept-img .img {
    padding-bottom: 53.28%;
}

.area-chim .vision-cont__ul .tit {
    height: 60px;
    font-size: 14px;
}

.area-chim .vision-cont .vision-list__cont {
    height: calc(100% - 60px);
}

.area-slide .img img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.area-slide--thumbs.swiper-container {
    overflow: hidden;
}

.vision-cont .vision-basic .vision-list__cont {
    background-color: #F7F7F7;
}

.vision-way__cont.type2 {
    padding-left: 0;
    margin-top: 10px;
}


/* 추가 */
.green01 {
    background-color: #14887F;
}

.green02 {
    background-color: #2DB1A7;
}

.green03 {
    background-color: #95D8D3;
}

.green04 {
    background-color: #116760;
}

.green05 {
    background-color: #6E8886;
}

.green06 {
    background-color: #465F5D;
}

.green07 {
    background-color: #5DAFA7;
}

.vision-cont__tit.green01 {
    background-color: #14887F;
}

.vision-cont__tit.green02 {
    background-color: #2DB1A7;
}

.vision-cont__tit.green03 {
    background-color: #95D8D3;
}

.vision-cont__tit.green04 {
    background-color: #116760;
}

.vision-cont__tit.green05 {
    background-color: #6E8886;
}

.vision-cont__tit.green06 {
    background-color: #465F5D;
}

.vision-cont__tit.green07 {
    background-color: #5DAFA7;
}

.vision-cont__ul .vision-box .tit.green01 {
    background-color: #14887F;
    color: #fff;
}

.vision-cont__ul .vision-box .tit.green03 {
    background-color: #95D8D3;
}

.vision-cont__ul .tit.green04 {
    background-color: #116760;
    color: #fff;
}

.vision-cont__ul .tit.green07 {
    background-color: #5DAFA7;
    color: #fff;
}

.vision-cont__tit.green05 {
    background-color: #6E8886;
}

.area-san3 .vision-concept .vision-cont__ul.green06 {
    background-color: #465F5D;
    color: #fff;
}


.blue .state-progress .subTit .state {
    background-color: var(--color-main-blue);
}

.blue .area-cont1__top .l .img-bg {
    background-color: #F7F9FC;
}

.blue .area-cont1__top .r h3 {
    color: var(--color-main-blue);
}

.blue .state-progress .area-cont2__ul {
    background-color: #F7F9FC;
}

.blue .vision-cont__tit {
    background-color: #35415C;
}

.blue .vision-cont__tit.tit02 {
    background-color: #264181;
}

.blue .vision-cont__ul .vision-box.type2 .tit.tit03 {
    background-color: #53699E;
    color: #fff;
}

.blue .vision-cont__ul .vision-box.type2 .tit.tit04 {
    background-color: #BBC7E2;
}

.blue .vision-cont .vision-list__cont {
    background-color: #F7F7F8;
}

.blue .prd-table__tit {
    background-color: #EFF2F8;
}

.black .area-cont1__top .l .img-bg {
    background-color: #F7F7F8;
}

.black .area-cont1__top .r h3 {
    color: #000;
}

.black .state-progress .area-cont2__ul {
    background-color: #F7F7F8;
}

.black .vision-cont__tit {
    background-color: #566463;
}

.black .vision-cont__tit.tit02 {
    background-color: #6C8482;
}

.black .vision-cont__tit.tit03 {
    background-color: #BBC3C3;
    color: #000;
}

.black .vision-cont__ul.row3 .tit.tit04 {
    background-color: #D8DDDC;
}

.black .vision-cont__ul.row2 .tit.tit04 {
    background-color: #D8DDDC;
}

.black .vision-cont .vision-list__cont {
    background-color: #f7f7f7;
}

.black .prd-table__tit {
    background-color: #F4F4F4;
}

.black .vision-cont__ul .tit.tit03 {
    background-color: #BBC3C3;
    color: #000;
}

.area01 .vision-cont__ul>li.vision-box_3 {
    display: block;
}

.area01 .vision-cont__ul.col2 {
    display: flex;
}

.area01 .vision-cont__ul>li.vision-box_2 {
    display: block;
}

.area01 .vision-box_2 .vision-list__cont {
    min-height: 140px;
}

.area01 .vision-cont__ul.col2>li:not(:last-child) {
    margin-right: 15px;
}

.area01 .concept-img .img {
    padding-bottom: 70.73%;
}

.area01 .area-gwan2 .concept-img .img {
    padding-bottom: 56.25%;
}

.vision-cont__ul.col2 {
    display: flex;
    height: 100%;
}

.vision-cont__ul.col2>li {
    flex: 1;
    display: block;
    margin: -10px 0;
    font-size: 0;
}

.vision-cont__ul.col2>li:not(:last-child) {
    margin-right: 20px;
}

.vision-cont__ul.col2>li>div {
    padding: 10px 0;
}

.vision-cont__ul.col2 li.vision-box_3>div {
    height: 33.333%;
}

.vision-cont__ul.col2 li.vision-box_2>div {
    height: 50%;
}

.area-gwan2 .concept-img .img {
    padding-bottom: 71.875%;
}

.mt20 {
    margin-top: 20px;
}


/* info */
.info-container .vision-cont {
    margin-top: 30px;
}

.info-tit__box {
    height: 70px;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(29, 135, 96, 0.03);
    border-radius: 5px;
    padding: 18px 30px;
    margin-bottom: 30px;
}

.info-tit {
    display: flex;
    font-size: 28px;
}

.info-tit::before {
    content: '';
    width: 34px;
    height: 34px;
    background: no-repeat 50% / cover;
    background-image: url(../../images/ico/ico-acitivity.svg);
    margin-right: 5px;
}

.info-vision .vision-cont .vision-list__cont {
    height: 100%;
}

.info-container .area-cont:not(:last-child) {
    border-bottom: 0;
}

.info-list .list {
    padding-left: 30px;
}

.info-list .list>li:not(:last-child) {
    margin-bottom: 25px;
}

.info-list .list>li>div {
    font-size: 18px;
    display: flex;
    line-height: 1.5;
    word-break: keep-all;
}

.info-list .list>li>div::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #14887F;
    margin-right: 16px;
    margin-top: 8px;
    flex: none;
}

.info-cont .info-subTit {
    position: relative;
    font-size: 28px;
    display: inline-block;
    color: #2DB1A7;
}

.info-cont .info-subTit::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: var(--color-main-green);
    opacity: .1;
    border-radius: 18px;
    height: 15px;
    z-index: -1;
}

.info-cont .cont p {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
}

.info-cont.area-container:not(:first-child) {
    margin-top: 80px;
}

.info-cont .org-lv1__side .lv1 .org-info__cont {
    background-color: #F7F7F7;
    border: 1px solid #e4e4e4;
    color: #000;
    font-weight: 500;
}

.info-cont .org-info.lv1.lv1_2 .org-info__cont {
    background: #5AABA5;
}

.info-cont .org-lv1__side .lv1 .org-info__cont:after {
    width: 85px;
}

.info-cont .org-lv1__side.left {
    left: 0;
    transform: none;
}

.info-cont .org-lv1__side.right {
    right: 0;
    transform: none;
}

.info-cont .org-info.lv1 {
    padding-bottom: 60px;
}

.info-cont .org-info.lv1.lv1_2 {
    padding-bottom: 0;
}

.info-cont .lv2 .org-info__cont {
    background-color: #95D8D3;
    color: #000;
}

.info-cont .lv3 .org-info__cont {
    background-color: #E9F7F6;
}

.center01 .org-lv3:after {
    display: none;
}

.center01 .lv2 .org-info__cont:after {
    display: none;
}

.center01 .org-info.lv2 {
    padding-bottom: 0;
}

.center01 .org-info.lv3 {
    padding-top: 48px;
}

.center01 .org-info.lv3:before {
    height: 48px;
    top: 0;
    transform: none;
}

.center .area-cont1__top {
    margin-top: 50px;
}

.center .area-cont1__top .cont1_wrap {
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
}

.center .area-cont1__top .img {
    padding-bottom: 56.45%;
}

.center02 .org-lv2 {
    position: relative;
}

.center02 .info-cont .org-lv1__side.right .lv1 .org-info__cont {
    background-color: transparent;
}

.center02 .info-cont .org-lv1__side.right {
    right: auto;
    left: 0;
    top: 135px;
}

.center02 .org-lv1__side.right .lv1 .org-info__cont:after {
    width: calc(100% - 42px);
    right: auto;
    left: 100%;
}

.center03 .vision-cont .vision-goal .vision-list__cont {
    height: calc(100% - 45px);
}

.center03 .vision-cont .vision-basic .vision-list__cont {
    background-color: #E9F7F6;
}

.center03 .area-san3 {
    margin-top: 65px;
}

.center03 .area-san3 .vision-basic {
    margin-bottom: 0;
    border-bottom: 0;
}



/*--------------------------------------------------------- bbs ---------------------------*/
/* notice */

.bbs #container_title {
    border-bottom: 0;
}

.bbs #container_title i {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.ico-notice {
    background-image: url(../../images/ico/ico-notice.svg);
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.ico-calendar {
    background-image: url(../../images/ico/ico-calendar.svg);
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.ico-prShare {
    background-image: url(../../images/ico/ico-prShare.svg);
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.ico-news {
    background-image: url(../../images/ico/ico-news.svg);
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.ico-reference {
    background-image: url(../../images/ico/ico-reference.svg);
    width: 40px;
    height: 40px;
}

.ico-activity {
    background-image: url(../../images/ico/ico-acitivity.svg);
    width: 40px;
    height: 40px;
}

.bo_sch {
    display: flex;
    align-items: center;
    width: 100%;
}

.sch_bar {
    display: flex;
    width: 100%;
}

.bo_sch_wrap select {
    width: 104px;
    height: 45px;
    padding-left: 15px;
    padding-right: 0 !important;
    background-position-x: 100%;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    color: #000;
    flex: 0 0 auto;
}

.sch_bar input {
    height: 45px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 5px;
}

.sch_bar .sch_btn {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1F469F;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    flex: 0 0 auto;
    border-radius: 5px;
}

.sch_bar .sch_btn i {
    width: 24px;
    height: 24px;
    background-image: url(../../images/ico/ico-sch_w.svg);
}

#bo_list_total span {
    font-size: 18px;
}

.bo_fx {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.bbs .btn_bo_user .btn {
    width: 80px;
    height: 40px;
    background: #292929;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
}

.bbs-table {
    margin-top: 20px;
    border-top: 1px solid #2DB1A7;
}

.bbs-table table th,
.bbs-table table td {
    height: 50px;
    border-bottom: 1px solid #E4E4E4;
    text-align: center;
}

.bbs-table table th {
    font-weight: 700;
    font-size: 14px;
    background-color: #E9F7F6;
}

.bbs-table table td {
    height: 70px;
    font-size: 16px;
}

.bbs-table .empty_table {
    padding: 50px 0;
    text-align: center;
}

.bbs-table table th.th_num2 {
    width: 75px;
}

.bbs-table table th.th_name {
    width: 170px;
}

.bbs-table table th.th_datetime {
    width: 140px;
}

.bbs-table table th.th_num {
    width: 93px;
}

.bbs-table table th.th_chk {
    width: 60px;
}

.bbs-table table th.td_subject {
    text-align: left;
}

.bbs-table input[type="checkbox"]+label,
.bbs-table input[type="radio"]+label {
    justify-content: center;
}

.bbs-table table th,
.bbs-table table td {
    padding: 5px 10px;
}

.bbs-table .bo_tit {
    display: flex;
}

.bbs-table .bo_tit>a {
    display: inline-block;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-right: 30px;
}

.bbs-table .new_icon__wrap {
    /* position: absolute; */
    top: 2px;
    right: 0;
}

.new_icon__wrap {
    display: inline-block;
    vertical-align: middle;
}

.new_icon {
    width: 21px;
    height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: no-repeat 50% / cover;
    background-image: url(../../images/ico/ico-new.svg);
    margin-left: 10px;
    margin-top: 1px;
}

.bbs-table table {
    table-layout: fixed;
}

.bbs-table tbody tr {
    border-left: 2px solid transparent;
}

.bbs-table tbody tr:hover {
    border-left: 2px solid #2DB1A7;
}

.bbs-table tbody tr:hover td {
    background-color: #F7F7F7;
}

.bbs-table tbody tr:hover .bo_tit>a {
    text-decoration: underline;
}

.bbs-table input[type="checkbox"]+label::before,
.bbs-table input[type="radio"]+label::before {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #BABABA;
}

.bbs-table input[type="checkbox"]:checked+label::before,
.bbs-table input[type="radio"]:checked+label::before {
    border: 1px solid transparent;
}

#bo_btn_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#bo_list {
    position: relative;
}

#captcha {
    display: flex;
    position: relative;
}

#captcha input {
    width: 100px;
}

#captcha #captcha_img {
    height: 40px;
    border: 1px solid #898989;
    vertical-align: top;
    padding: 0;
    margin: 0
}

#captcha #captcha_mp3 {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha2.png') no-repeat;
    text-indent: -999px;
    border-radius: 3px
}

#captcha #captcha_reload {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../img/captcha2.png') no-repeat 0 -40px;
    text-indent: -999px;
    border-radius: 3px
}

#captcha #captcha_key {
    margin: 0 0 0 3px;
    padding: 0 5px;
    width: 90px;
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    vertical-align: top
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em;
    display: none;
}

.btn_confirm {
    display: flex;
    margin-top: 50px;
}

.btn_confirm .btn {
    width: 100%;
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bo_v_top {
    zoom: 1
}

#bo_v_top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_top h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_top ul {
    padding: 0;
    list-style: none;
    word-break: break-all;
    background: #fff
}

#bo_v_bot {
    zoom: 1
}

#bo_v_bot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_bot h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_bot ul {
    padding: 0;
    list-style: none
}

.more_opt {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    border: 1px solid #b8bfc4;
    z-index: 999
}

.more_opt:before {
    content: "";
    position: absolute;
    top: -8px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #b8bfc4 transparent
}

.more_opt:after {
    content: "";
    position: absolute;
    top: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff transparent
}

.more_opt li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    float: inherit;
    width: 90px;
    margin: 0;
    color: #6b757c;
    text-align: left
}

.more_opt li:last-child {
    border-bottom: 0
}

.more_opt li button,
.more_opt li a {
    width: 100%;
    border: 0;
    background: #fff;
    color: #6b757c
}

.more_opt li:hover a,
.more_opt li:hover button {
    color: #000
}

.more_opt li i {
    float: right;
    line-height: 20px
}

.bo_v_com {
    margin: 20px 0;
    float: right
}

.bo_v_com>li {
    position: relative;
    float: left;
    margin-left: 5px
}

.bo_v_nb {
    position: relative;
    margin: 20px 0;
    clear: both;
    text-align: left
}

.bo_v_nb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.bo_v_nb li {
    border-top: 1px solid #f1f1f1;
    padding: 13px
}

.bo_v_nb li:last-child {
    border-bottom: 1px solid #f1f1f1
}

.bo_v_nb li:hover {
    background: #f6f6f6;
}

.bo_v_nb li i {
    font-size: 13px;
    color: #b3b3b3
}

.bo_v_nb li .nb_tit {
    display: inline-block;
    padding-right: 20px;
    color: #b3b3b3
}

.bo_v_nb li .nb_date {
    float: right;
    color: #b3b3b3
}

.btn_confirm .btn:not(:last-child) {
    margin-right: 20px;
}

.btn_confirm .btn.btn_cancel {
    background-color: #f7f7f7;
    color: #000;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
}

.btn_confirm .btn.btn_submit {
    background-color: #2DB1A7;
    color: #fff;
    border: 1px solid #2DB1A7;
    cursor: pointer;
    border-radius: 10px;
}

.btn_bo_user {
    display: flex;
    justify-content: right;
}

.btn_bo_user .btn.btn_admin {
    width: auto;
    padding: 0 10px;
    margin-right: 10px;
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.btn_bo_user .btn.btn_more_opt {
    width: auto;
    padding: 0 20px;
}

.btn_bo_user>li {
    position: relative;
}

.bbsCalendar .btn_bo_user {
    margin-bottom: 25px;
    width: 100%;
}

.bo_sch form {
    width: 100%;
    display: flex;
}

.more_opt.is_list_btn {
    display: none;
    position: absolute;
}

.notice_icon {
    color: #fff;
    background: #2DB1A7;
    border-radius: 3px;
    padding: 3px 8px;
    font-size: 14px;
}

.bbs #bo_v header {
    border-top: 1px solid #2DB1A7;
    background: #E9F7F6;
    padding: 15px 0;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 0;
}

.bbs #bo_v #bo_v_title .bo_v_tit {
    font-size: 20px;
    margin: 0;
}

.bbs #bo_v_info .profile_info {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    border: 1px solid #E4E4E4;
}

.bbs #bo_v_info .profile_info .profile_info_ct {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
}

.bbs .profile_info_ct>div {
    font-size: 14px;
    color: #757575;
    display: flex;
    align-items: center;
}

.bbs .profile_info_ct>div:not(:last-child) {
    padding-right: 15px;
}

.bbs .profile_info_ct>div:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 12px;
    margin-left: 15px;
    background: #707070;
    margin-top: 1px;
}

.bbs .profile-tit {
    font-size: 14px;
    font-weight: 700;
    color: #757575;
    margin-right: 10px;
}

.bbs #bo_v_info .sv_member {
    color: #757575;
    font-weight: 400;
}

.bbs #bo_v_info strong {
    font-weight: 400;
    margin: 0;
}

.bbs #bo_v_info {
    border-bottom: 0;
}

#bo_v_info {
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    color: #666
}

#bo_v_info:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_info h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_info .profile_info {
    margin: 20px 0 10px;
    display: inline-block;
    float: left
}

#bo_v_info .profile_info .pf_img {
    float: left;
    margin-right: 10px
}

#bo_v_info .profile_info .pf_img img {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

#bo_v_info .profile_info .profile_info_ct {
    float: left;
    padding: 5px 0;
    line-height: 18px
}

#bo_v_info strong {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: normal
}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {
    font-weight: bold
}

#bo_v_info .profile_img {
    display: none
}

#bo_v_info .sv_member {
    color: #000
}

#bo_v_info .if_date {
    margin: 0;
    color: #888
}

#bo_v_atc_title {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.bbs #bo_v_con {
    margin: 0;
    border-bottom: 1px solid #2DB1A7;
    margin-top: 20px;
    padding: 0 20px;
    padding-bottom: 50px;
    font-family: auto;
}

.bbs .bo_v_nb {}

.bbs .bo_v_nb li {
    position: relative;
    border-top: 1px solid #E4E4E4;
    padding: 14px 20px;
}

.bbs .bo_v_nb li:last-child {
    border-bottom: 1px solid #e4e4e4;
}

.bo_v_nb li i {
    color: #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bbs .bo_v_nb li .nb_tit {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-right: 30px;
    flex: 0 0 auto;
}

.bbs .bo_v_nb li .nb_tit>a {
    position: absolute;
}

.bbs .nb-list {
    display: flex;
    align-items: center;
}

.bbs .nb-list>a {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.bbs .bbs-list__btn {
    justify-content: center;
    float: none;
    margin: 35px 0;
}

.bbs .bbs-list__btn>li {
    width: auto;
}

.bbs .bbs-list__btn>li>a {
    width: 100%;
    height: 50px;
    background: #5B5B5B;
    width: 173px;
}

.bbsDetail .btn_bo_user .btn.btn_more_opt {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-flex;
}

.bbs .nb-list>a:hover {
    text-decoration: underline;
}

.bbsDetail #bo_v_file {
    width: 100%;
    margin-top: 30px;
}

.bbsDetail #bo_v_file li {
    margin: 10px 0 0;
    min-width: 100%;
    background-color: #F7F7F7;
    border: 1px solid #E4E4E4;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 0 20px;
    border-radius: 0;
    box-shadow: none;
}

#bo_v_file a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
}

#bo_v_file .ico-file {
    width: 22px;
    height: 22px;
    background-image: url(../../images/ico/ico-file.svg);
    margin-right: 5px;
}

.bbs .btn_bo_user.bbs-list__btn .list-btn {
    width: 173px;
    height: 50px;
    background: #5B5B5B;
}

.bbsDetail #bo_v_atc {
    margin: 30px 0 50px;
    min-height: auto;
}

.bbsList .bbs-table .bo_tit>a>i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* variableFiles */
#variableFiles {
    width: 100%;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #2E2E2E;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
}

.bbs .lt_info {
    margin-top: 24px;
}

.bbs .lt_info>*:last-child {
    margin-top: 15px;
}

.bbs .lt_info .latest-date:not(.gray) .date-txt {
    background-color: var(--color-main-blue);
    color: #fff;
    border: 1px solid var(--color-main-blue);
}

.bbs .lt_info .latest-date:not(.gray) .date-num {
    border-color: var(--color-main-blue);
    color: var(--color-main-blue);
}

.bbs .poster-box {
    width: 100%;
}

.bbs .pic_li_tit {
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bbs.bbsActive .pic_li_tit {
    font-size: 16px;
}

.bbs .type2 .poster-box {
    height: 222px;
}

.bbs .type2 .poster-box .latest-cont {
    padding: 25px 20px;
}

.bbs .type2 .poster-box .latest-cont .detail-btn {
    bottom: 22px;
    width: calc(100% - 40px);
    height: 30px;
    font-size: 11px;
}

.bbs .latest-cont .pic_li_tit {
    height: auto;
}

.bbsRefer #bo_cate {
    margin-bottom: 30px;
}

.bbsRefer #bo_cate_ul {
    display: flex;
}

.bbsRefer #bo_cate_ul>li:not(:last-child) {
    margin-right: 12px;
}

.bbsRefer #bo_cate_ul>li>a {
    padding: 9px 17px;
    border-radius: 19px;
    border: 1px solid var(--color-main-blue);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-main-blue);
}

.bbsRefer #bo_cate_ul>li>a#bo_cate_on {
    background-color: var(--color-main-blue);
    color: #fff;
}

.bbsRefer .bo_cate_link {
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 3px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700 !important;
}

.bbsRefer .bo_cate_link.list01 {
    background-color: #E6FFF2;
    color: #70C794;
}

.bbsRefer .bo_cate_link.list02 {
    background-color: #FFEBEA;
    color: #E56E70;
}

.bbsRefer .bo_cate_link.list03 {
    background-color: #E8F5FF;
    color: #638FEE;
    margin-bottom: 0;
}

.bbs.bbsRefer .poster-box>a {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.bbsRefer .poster-box .img-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 1;
}

.bbsRefer .poster-box .img-wrap.no-img {
    padding: 0;
}

.bbs.bbsRefer .poster-box {
    height: auto;
}

.bbs.bbsRefer .poster-box .img-bg {
    position: relative;
    padding-bottom: 100%;
}

.bbs.bbsRefer .poster-box .img-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bbsRefer .gall_li .bo_cate_link {
    margin-bottom: 10px;
}

.bbs.bbsRefer .poster-box .img-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.bbs.bbsRefer .poster-box img {
    border-radius: 5px;
    position: relative;
}

.link-wrap {
    position: relative;
    margin-bottom: 15px;
}

.link-wrap input {
    padding-left: 40px;
}

.fancy-file-upload .form-control[type=file] {
    border: 0;
    height: auto;
    border-radius: 0;
}

.video-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0;
    width: 103%;
    padding-bottom: 56.25%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-wrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}


#variableFiles .sffile {
    width: 100%;
    height: 100%;
}

#variableFiles .sffile {
    border-bottom: 2px solid #e4e4e4;
    height: 35px;
}

#variableFiles .sffile input[type=text] {
    width: 90%;
    height: 100%;
    background: #fff;
    color: #e4e4e4;
    font-size: 20px;
    border: transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#variableFiles .sffile-upload.sfbtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: 0;
    width: 90%;
    height: 100%;
    left: 0;
}

#variableFiles .sffile-upload.sfbtn .sfbtn_wr span {
    font-size: 16px;
    font-weight: 700;
    color: #888888;
    cursor: pointer;
    font-family: 'Noto Sans KR';
}

.sffile_input .fileInfo .req_title {
    font-size: 30px;
    font-family: 'Noto Sans KR';
    font-weight: 700;
    color: #404040;
}

.li_cont.sffile_input>ul>li {
    position: relative;
    padding-bottom: 20px;
}

.li_cont.sffile_input li:first-child .fileInfo {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
}

.file_plusBtn {
    display: inline-block;
    vertical-align: top;
    line-height: 45px;
    float: right;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.file_plusBtn span {
    font-size: 30px;
    font-family: 'Noto Sans KR';
    font-weight: 700;
    color: #404040;
}

.file_minusBtn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.file_minusBtn span {
    font-family: 'Noto Sans KR';
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}

.fileInfo {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

.file_minusBtn button {
    border: 0;
    outline: none;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: none;
    display: block;
}

tr.variableFiles_item {
    width: 100%;
}

.sffile-upload {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
}

.li_cont label {
    background: #fff;
}

.sffile input[type="text"][disabled] {
    background-color: #fff;
    border-bottom: 2px solid #e4e4e4;
    font-size: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
}

tr.variableFiles_item td {
    width: 100%;
    height: 100%;
    position: relative;
}

.sffile {
    width: 100%;
}

tr.variableFiles_item td {}

/* captcha */
.captcha_div #captcha {}

.captcha_div #captcha #captcha_img {
    height: 33px;
}

.captcha_div #captcha #captcha_mp3 {
    margin: 0;
    padding: 0;
    width: 33px;
    height: 33px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../../../img/sub/request/captcha2.png') no-repeat;
    text-indent: -999px;
    border-radius: 3px;
    margin: 0 8px;
}

.captcha_div #captcha #captcha_reload {
    margin: 0;
    padding: 0;
    width: 33px;
    height: 33px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../../../img/sub/request/captcha2.png') no-repeat 0 -33px;
    text-indent: -999px;
    border-radius: 3px;
    margin-right: 20px;
}

.captcha_div #captcha #captcha_key {
    height: 33px;
    font-size: 20px;
    font-family: 'Noto Sans KR';
    font-weight: 700;
    color: #232323;
    border: 0;
    border-bottom: 2px solid #e4e4e4;
    width: 264px;
    text-align: left;
    border-radius: 0;
}

.captcha_div #captcha #captcha_mp3:hover {
    background: url('../../../img/sub/request/captcha2_hover.png') no-repeat;
    transition: all .3s;
}

.captcha_div #captcha #captcha_reload:hover {
    background: url('../../../img/sub/request/captcha2_hover.png') no-repeat 0 -33px;
    transition: all .3s;
}

.captcha_div #captcha #captcha_key.focus {
    border-bottom: 2px solid #0E74FF;
    border-radius: 0;
}

.captcha_div #captcha #captcha_key.blur {
    border-bottom: 2px solid #9F9F9F;
    border-radius: 0;
}

/* etcInfo */
.etcInfo .sftext {
    background: #f7f7f7;
    width: 100%;
    height: 320px;
}

.etcInfo textarea {
    background: transparent;
    border: transparent;
    font-family: 'Heebo-Bold';
    font-size: 18px;
    font-weight: bold;
    color: #464646;
}

.write_color .clr-list>li {
    margin-bottom: 10px;
    display: flex;
}

.write_color .clr-list>li::after {
    content: '';
    margin-left: 10px;
    width: 20px;
    height: 20px;
}

.write_color .clr-list>li.list01::after {
    background-color: #B10C5F;
}

.write_color .clr-list>li.list02::after {
    background-color: #1F469F;
}

.write_color .clr-list>li.list03::after {
    background-color: #E6C65A;
}

.write_color label {
    display: flex;
}

.write_color input[type="radio"]+label::before {
    border: 0;
    border-radius: 5px;
    border: 1px solid #000;
}

.write_color input[type="radio"]:checked+label::before {
    background-size: cover;
    border: 0;
}

.bo_v_cate {
    border-radius: 5px;
    padding: 5px 7px;
    font-size: 14px;
    margin-right: 5px;
}

.bo_v_cate.list01 {
    background: #B10C5F;
    color: #fff;
}

.bo_v_cate.list02 {
    background: #1F469F;
    color: #fff;
}

.bo_v_cate.list03 {
    background: #E6C65A;
    color: #fff;
}


.sec-video {
    margin-top: 30px;
}

.video-container {
    position: relative;
    overflow: hidden;
    font-size: 0;
    width: 100%;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* prShare */
.bbsGallery #bo_gall {
    position: relative;
}

.bbsGallery .gall_ul>li {
    width: 25%;
}

#bo_gall h2 {
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_gall #gall_ul {
    margin: 0 -10px;
    margin-top: 20px;
    padding: 0;
    list-style: none;
    zoom: 1;
    display: flex;
    flex-wrap: wrap;
}

#bo_gall #gall_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_gall .gall_li .gall_chk {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 5px;
}

#bo_gall .gall_box {
    position: relative;
    margin: 0 0 60px 0;
    border-radius: 0;
}

#bo_gall .gall_con {
    position: relative;
    transition: .3s;
}

div#gall_allchk {
    margin-top: 20px;
}

.gall_row .col-gn-0,
.gall_row .col-gn-1 {
    width: 100%;
}

.gall_row .col-gn-2 {
    width: 50%
}

.gall_row .col-gn-3 {
    width: 33.33333333%;
    padding: 0 10px;
}

.gall_row .col-gn-4 {
    width: 25%;
    padding: 0 10px;
}

.gall_row .col-gn-5 {
    width: 20%
}

.gall_row .col-gn-6 {
    width: 16.66666667%
}

.gall_row .col-gn-7 {
    width: 14.28571428%
}

.gall_row .col-gn-8 {
    width: 12.5%
}

.gall_row .col-gn-9 {
    width: 11.11111111%
}

.gall_row .col-gn-10 {
    width: 10%
}

.gall_img>a {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.gall_img>a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gall_text_href {
    margin-top: 15px;
}

.gall_text_href>a {
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
}

.bbsPrshare .gall_text_href>a:hover {
    text-decoration: underline;
}

.bbsPrshare .gall_con.active ::before {
    content: '';
    width: 100%;
    height: 2px;
    background: #2DB1A7;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.gall_date {
    font-size: 14px;
    color: #757575;
    margin-top: 10px;
    display: block;
}

.bbsGallery .subject-txt {
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bbsDetail #bo_v_img {
    text-align: center;
}

.bbsDetail #bo_v_img img {
    margin-bottom: 0;
}

.bbsNews #bo_gall .gall_con {
    display: flex;
    padding: 20px 40px 20px 20px;
    background: #F7F7F7;
    width: 100%;
}

.bbsNews #bo_gall .gall_con__left {
    width: 265px;
    flex: 0 0 auto;
    margin-right: 40px;
}

.bbsNews .gall_img>a {
    padding-bottom: 64.15%;
}

.bbsNews #bo_gall #gall_ul {
    margin: 20px 0;
}

.bbsNews #bo_gall .gall_box {
    width: 100%;
    margin-bottom: 20px;
}

.bbsNews .gall_text_href>a {
    margin-bottom: 15px;
    font-weight: 700;
}

.bbsNews .gall_text_href>a:hover {
    text-decoration: underline;
}

.bbsNews .bo_cnt {
    font-size: 16px;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

.bbsNews .gall_date {
    font-size: 16px;
    margin-top: 20px;
}

.bbs.bbsNews .bbs-cont {
    display: none;
}

.bbsDetail.bbsNews #bo_v_img {
    display: none;
}

.bbsNews #bo_v_link li {
    padding: 0;
    width: 236px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    font-weight: 400;
    box-shadow: none;
    border-radius: 0;
}

.bbsNews #bo_v_link {
    margin-top: 20px;
}

.bbsNews #bo_v_link a {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bbs.bbsNews #bo_v_con {
    min-height: auto;
    padding-bottom: 50px;
}

#calendar .fc-center {
    display: flex;
    align-items: center;
    position: relative;
    width: 200px;
}

#calendar .fc-event span {
    font-size: 10px;
    text-align: center;
}

#calendar .fc-toolbar>*> :not(:first-child) {
    margin-left: 0;
}

#calendar .fc-toolbar {
    justify-content: left;
}

#calendar .fc-right {
    position: absolute;
    right: 0;
}

.bbsCalendar #bo_btn_top {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
}

#calendar .fc-button-primary {
    background-color: #fff;
    color: transparent;
    border: 0;
    width: 29px;
    height: 29px;
    border-radius: 0;
    position: absolute;
    background: no-repeat 50% / cover;
    padding: 0;
}

#calendar .fc-prev-button {
    background-image: url(../../images/ico/ico_arr_prev.svg);
    left: 0;
}

#calendar .fc-next-button {
    background-image: url(../../images/ico/ico_arr_next.svg);
    right: 0;
}

#calendar .fc-toolbar h2 {
    width: 100%;
    text-align: center;
    font-size: 21px;
}

.bbsCalendar #bo_list {}

#calendar .fc-view .fc-day-header {
    text-align: right;
    padding: 10px 7px;
}

#calendar .fc-head-container.fc-widget-header {
    border-top: 1px solid #E4E4E4;
    padding: 0;
}

#calendar.fc-unthemed th,
#calendar.fc-unthemed td,
#calendar.fc-unthemed thead,
#calendar.fc-unthemed tbody,
#calendar.fc-unthemed .fc-divider,
#calendar.fc-unthemed .fc-row,
#calendar.fc-unthemed .fc-content,
#calendar.fc-unthemed .fc-popover,
#calendar.fc-unthemed .fc-list-view,
#calendar.fc-unthemed .fc-list-heading td {
    border-color: #e4e4e4;
}

#calendar .fc-view .fc-day-header {
    border: 0;
}

#calendar .fc-day-header.fc-widget-header {
    background: #F6F7F7;
}

#calendar .fc-view .fc-day-header span {
    font-size: 11px;
    font-weight: 500;
}

#calendar .fc-sun span,
.fc-sun a.fc-day-number {
    color: #E44126;
}

#calendar .fc-sat span,
.fc-sat a.fc-day-number {
    color: #4449C1;
}

#bo_w .required,
.bbsCalendar #bo_w textarea.required {
    background-color: #fff !important;
}

.date input {
    width: 200px;
}

.wz_tbl_1 td.date {
    display: flex;
    align-items: center;
}

.wz_tbl_1 td.date {
    display: flex;
    align-items: center;
}

#calendar.fc-unthemed td.fc-today {
    background: #F7FAF9;
    position: relative;
}

#calendar.fc-unthemed td.fc-today.fc-widget-content::after {
    content: '';
    position: absolute;
    bottom: 8px;
    right: 5px;
    width: 37px;
    height: 27px;
    background: no-repeat 50% / cover;
    background-image: url(../../images/cmn/calendar-today.svg);
}


#calendar.fc-unthemed td {
    padding: 7px 5px 0;
    font-size: 10px;
    font-weight: 500;
}

#calendar.fc-unthemed .fc-widget-content {
    padding: 0;
}

#calendar .fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
    padding: 0;
}

#calendar .fc-dayGrid-view .fc-body .fc-row {
    min-height: 6em;
}

#calendar .fc-scroller.fc-day-grid-container {
    height: auto !important;
}

#calendar .fc-dayGrid-view .fc-body .fc-row {
    min-height: 77px;
}

#calendar .fc-day-grid-event {
    padding: 10px 0;
    margin: 0 15px;
    padding-bottom: 10px;
}

#calendar .fc-event,
.fc-event-dot {
    background-color: transparent;
}

#calendar a.fc-event:link,
#calendar a.fc-event:visited {
    border: 0;
    border-radius: 3px;
    padding: 0 5px;
}

#calendar a.fc-event:link,
#calendar a.fc-event:visited {
    color: #fff;
    margin: 2px 5px;
}

#calendar .fc-title {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: block;
}

#calendar .fc-row .fc-content-skeleton tbody tr:nth-child(2) .fc-event {
    border-top: 0;
}

#calendar .fc-popover .fc-title {
    white-space: normal;
}

#calendar .fc-more-popover {
    width: auto;
    min-width: 220px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#calendar.fc-unthemed .fc-popover .fc-header {
    background-color: #F7F7F7;
    padding: 10px;
    border-bottom: 1px solid #E4E4E4;
}

#calendar .fc-popover .fc-day-grid-event {
    margin: 0;
    border-bottom: 1px solid #e4e4e4;
    padding: 14px;
}

#calendar .fc-popover .fc-day-grid-event:last-child {
    border-bottom: 0;
}

#calendar a.fc-more {
    margin: 0 5px;
    border-radius: 3px;
    background: #000;
    text-align: center;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
}

#calendar .fc-more-popover .fc-event-container {
    padding: 0;
}

#calendar .fc-popover .fc-widget-header .fc-title {
    font-size: 16px;
    font-weight: 500;
}

#calendar .fc-dayGrid-view .fc-week-number,
#calendar .fc-dayGrid-view .fc-day-number {
    padding: 0;
}

.calendar-wrap {
    display: flex;
}

.calendar-wrap #calendar {
    width: 500px;
    position: relative;
    margin-right: 20px;
    flex: none;
}

#calendar #bo_cate {
    position: absolute;
    top: 10px;
    right: 0;
}

#calendar #bo_cate_ul {
    display: flex;
}

#calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 20px;
}

#calendar #bo_cate_ul li {
    display: flex;
    align-items: center;
}

#calendar #bo_cate_ul li::before {
    content: '';
    margin-right: 5px;
}

#calendar #bo_cate_ul li:not(:last-child) {
    margin-right: 16px;
}

#calendar #bo_cate_ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #1A1B1D;
}

#calendar #bo_cate_ul li:nth-child(1)::before {
    width: 12px;
    height: 12px;
    background-image: url(../../images/cmn/cal-list01.svg);
}

#calendar #bo_cate_ul li:nth-child(2)::before {
    width: 14px;
    height: 12px;
    background-image: url(../../images/cmn/cal-list02.svg);
}

#calendar #bo_cate_ul li:nth-child(3)::before {
    width: 14px;
    height: 12px;
    background-image: url(../../images/cmn/cal-list03.svg);
}

#calendarBody {
    border: 1px solid #e4e4e4;
    overflow-y: auto;
}

.calendar-list {
    margin-top: 45px;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.calendarBody-list>a {
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.calendar-list .list-tit {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #F7F7F7;
    color: #232323;
    font-weight: 400;
}

.calendarBody-list:not(:last-child) {
    border-bottom: 1px solid #e4e4e4;
}

.calendar-list .list-tit .list-month {
    margin-left: 3px;
}

.calendar-list .list-l {
    display: flex;
    align-items: center;
    max-width: 55%;
    width: 100%;
}

.calendar-list .list-l.type2 {
    max-width: 78%;
}

.calendar-list .category {
    margin-right: 10px;
    background: no-repeat 50% / cover;
    flex: none;
}

.calendar-list .category.list01 {
    width: 20px;
    height: 20px;
    background-image: url(../../images/cmn/cal-list01.svg);
}

.calendar-list .category.list02 {
    width: 20px;
    height: 17px;
    background-image: url(../../images/cmn/cal-list02.svg);
}

.calendar-list .category.list03 {
    width: 20px;
    height: 17px;
    background-image: url(../../images/cmn/cal-list03.svg);
}

.calendar-list .tit {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.calendar-list .date {
    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.calendarBody-list>a:hover .tit {
    text-decoration: underline;
}

#calendarBody .no-list {
    padding: 100px 0;
    text-align: center;
}

#calendarBody ul {
    max-height: 456px;
}


/* file */
.bbsWrite .write_div.write_file {
    padding: 10px 0 5px;
    border-top: 1px solid #e4e4e4;
    margin-top: 50px;
    margin-bottom: 10px;
}

.write_file button {
    font-size: 16px;
    color: #2DB1A7;
    font-weight: 500;
}

.write_file button:not(:last-child) {
    margin-right: 20px;
}

.file-tit {
    font-size: 14px;
    margin-bottom: 5px;
}

.fancy-file-upload .form-control {
    margin-bottom: 10px;
}

.bbsActive .gall_row {
    margin: 0 -10px;
}

.bbsActive .gall_row .col-gn-1 {
    width: 25%;
    padding: 0 10px;
}

#bo_w .bo_w_flie.write_div {
    margin-bottom: 15px !important;
}

.bbs.bbsRefer .bo_v_nb {
    background-color: transparent;
}

.bbsDetail #bo_v_file li {
    display: flex;
    justify-content: left;
}

.bbsDetail #bo_v_file li:hover {
    color: #000;
}

.bbsDetail #bo_v_file a:focus,
.bbsDetail #bo_v_file li:hover a,
.bbsDetail #bo_v_file a:active {
    color: #000;
}

.bbsDetail #bo_v_file li:hover .bo_v_file_cnt {
    color: #b2b2b2;
}

.bbsWrite .write-tit {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    display: block;
}

.bbsWrite .write-tit span {
    color: #FF0000;
}

.bbsWrite .write-tit strong {
    color: #FF0000;
    margin-left: 5px;
}

.bbsWrite select,
.bbsWrite input,
.bbsWrite textarea {
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    height: 50px;
    font-size: 16px;
}

.bbsWrite textarea {
    height: auto;
    min-height: 100px;
}

.bbsWrite .write_div {
    margin-bottom: 30px;
}

.bbsWrite .btn_cke_sc {
    display: none;
}

.bbsWrite .bo_w_link label {
    position: absolute;
    border-radius: 3px 0 0 3px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    font-size: 1.2em;
    text-align: center;
    color: #b2b2b2;
    display: flex;
    align-items: center;
    justify-content: center;
}




/*--------------------------------------------------------- center ---------------------------*/
.info-container {
    margin-top: 50px;
}

.info-greetings {
    position: relative;
}

.info-greetings:after {
    content: '';
    position: absolute;
    bottom: -53px;
    right: 0;
    background: no-repeat 50% / cover;
    background-image: url(../../images/ico/ico-greetings.svg);
    width: 317px;
    height: 218px;
    z-index: -1;
}

.info-greetings h3 {
    font-size: 26px;
    font-weight: 500;
    color: #424242;
    position: relative;
    display: inline-block;
}

.info-greetings h3 .highlight {
    background: linear-gradient(to top, rgba(45, 177, 167, 0.1) 40%, transparent 40%);
}

.info-greetings h3 b {
    color: #2DB1A7;
}

.info-greetings p {
    margin-top: 35px;
    font-size: 18px;
    line-height: 30px;
    color: #424242;
}

.info-greetings p.greetings-name {
    margin-top: 75px;
}

/* centerInfo */
.info-center .center-tit {
    font-size: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.info-center .center-tit:after {
    content: '';
    width: 40px;
    height: 40px;
    background: no-repeat 50% / cover;
    background-image: url(../../images/ico/ico-list.svg);
    margin-left: 5px;
}

.info-center .center-subTit {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
}

.info-center .cont {
    font-size: 18px;
    line-height: 30px;
}

.info-center .info-box {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 20px 25px;
    background-color: #F7F7F7;
}

.info-center .vision-cont .vision-list__cont {
    height: auto;
}

.info-list>li {
    display: flex;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

.info-list>li:not(:last-child) {
    margin-bottom: 15px;
}

.info-list>li::before {
    content: '';
    width: 7px;
    height: 7px;
    background: #2DB1A7;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 9px;
    flex: none;
}

.center-work {
    margin-top: 15px;
    padding: 50px 0;
    background-color: #E9F7F6;
    display: flex;
}

.center-work>ul {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.center-work>ul>li {
    width: 100%;
    padding-top: 56px;
    position: relative;
}

.center-work .work-circle {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
}

.center-work ul:before {
    content: '';
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #B7EBE7;
    z-index: -1;
}

.center-work .work-circle>div {
    width: 100%;
}

.center-work .work-circle .circle {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #2DB1A7;
    color: #fff;
    margin: 0 auto;
}

.center-work .work-circle .circle.circle-white {
    background-color: #fff;
    color: #2DB1A7;
}

.center-work>ul.work1 {
    padding-left: 30px;
}

.center-work>ul.work2 {
    padding-right: 30px;
}

.circle-num {
    font-size: 24px;
    margin-bottom: 8px;
}

.circle-tit {
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: 700;
}

.circle-cont {
    font-size: 16px;
    line-height: 26px;
}

.center-work .work-cont {
    margin-top: 20px;
    padding-top: 15px;
    position: relative;
}

.center-work .work-cont:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 7px;
    background: no-repeat;
    background-size: 100%;
}

.center-work .reverse .work-cont:before {
    top: auto;
    bottom: 0;
}

.center-work .work1 .work-cont:before {
    background-image: url(../../images/ico/ico-line1.svg);
}

.center-work .work2 .work-cont:before {
    background-image: url(../../images/ico/ico-line2.svg);
}

.center-work .reverse .work-cont {
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 15px;
}

.center-work>ul>li.reverse .work-cont {
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
}

.center-work .work-tit {
    font-weight: 500;
}

.center-work .work-cont .work-subTit {
    color: #000;
}

.center-work .work-cont__list {
    margin-top: 10px;
}

.center-work .work-cont__list p {
    font-size: 12px;
    color: #757575;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.center-work .work2>li:last-child .work-cont__list {
    width: calc(100% + 65px);
    margin-left: -35px;
}

.center-work .line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 174px;
    width: 1px;
    z-index: 1;
    margin-top: -5px;
}

.center-work .line:before {
    content: '';
    top: 75px;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat;
    background-image: url(../../images/ico/ico-line3.svg);
}

.center-work .line.line3 {
    left: auto;
    right: 0;
}

.center-work .line.line2 {
    top: 0;
    height: 348px;
    transform: none;
}

.center-cont .area-slide--thumbs .swiper-wrapper {
    transform: auto !important;
}

.center-cont .map-img {
    height: auto;
    position: relative;
}

.center-cont .direction-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11;
    background-color: #fff;
    margin-top: 0;
}

/* vision-new (비전 및 기본방향) */
.info-vision-new .info-cont {
    padding-top: 30px;
}

.vision-img {
    text-align: center;
}

.vision-img img {
    max-width: 100%;
    height: auto;
}

/* Vision Badge with Arch */
.vision-new {
    text-align: center;
    margin-bottom: 0;
}

.vision-new__badge {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.badge-arch {
    width: 140px;
    height: 70px;
    border: none;
    border-bottom: none;
    border-radius: 140px 140px 0 0;
    background: url('/assets/images/user/area/semicircle1.png') no-repeat center center;
    background-size: contain;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 8px;
}

.badge-text {
    color: #2DB1A7;
    font-size: 16px;
    font-weight: 600;
}

/* Vision Banner - 회색 배경, 테두리 없음 */
.vision-new__banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f0faf9;
    padding: 20px 30px;
    border-radius: 8px;
}

.vision-new__banner p {
    color: #333;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.5px;
    flex: 1;
    text-align: center;
}

.vision-new__banner .banner-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: url(../../images/ico/ico-acitivity.svg) no-repeat center center;
    background-size: contain;
}

/* Vision Arrow */
.vision-new__arrow {
    margin-top: 20px;
}

.vision-new__arrow img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    transform: rotate(180deg);
}

/* 3대 핵심 전략 */
.vision-new__strategy {
    margin-bottom: 40px;
    margin-top: 20px;
}

.vision-new__strategy-label {
    text-align: center;
    font-size: 15px;
    color: #2DB1A7;
    font-weight: 500;
    margin-bottom: 25px;
    position: relative;
}

.vision-new__strategy-label::before,
.vision-new__strategy-label::after {
    content: '';
    position: absolute;
    top: 50%;
    width: calc(50% - 70px);
    height: 1px;
    background: #E4E4E4;
}

.vision-new__strategy-label::before {
    left: 0;
}

.vision-new__strategy-label::after {
    right: 0;
}

/* 선 양쪽 점 스타일 */
.line-dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    z-index: 1;
}

.line-dot::before,
.line-dot::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ccc;
    border-radius: 50%;
    top: 0;
}

.line-dot--left {
    left: 0;
}

.line-dot--left::before {
    left: 0;
}

.line-dot--left::after {
    right: 0;
}

.line-dot--right {
    right: 0;
}

.line-dot--right::before {
    left: 0;
}

.line-dot--right::after {
    right: 0;
}

/* strategy-label 점 너비 */
.vision-new__strategy-label .line-dot {
    width: calc(50% - 70px);
}

/* program-label 점 너비 */
.vision-new__program-label .line-dot {
    width: calc(50% - 90px);
}

.vision-new__strategy-list {
    display: flex;
    justify-content: center;
    gap: 25px;
}

/* Strategy Card with Semi-circle */
.strategy-card {
    text-align: center;
    width: 190px;
}

.strategy-card__semicircle {
    width: 140px;
    height: 70px;
    margin: 0 auto;
    border-radius: 140px 140px 0 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 5px;
    position: relative;
}

.strategy-card__semicircle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 140px 140px 0 0;
    padding: 12px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.strategy-card__label {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.strategy-card__box {
    padding: 16px 12px;
    border-radius: 8px;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 휴먼웨어 - 청록색 그라디언트 */
.strategy-card--human .strategy-card__semicircle::before {
    background: url('/assets/images/user/area/semicircle3.png') no-repeat center center;
    background-size: cover;
}
.strategy-card--human .strategy-card__label {color: #12316E;}
.strategy-card--human .strategy-card__box {
    background: linear-gradient(to right, #1CA4A4, #12316E);
}

/* 소프트웨어 - 청록색 그라디언트 */
.strategy-card--soft .strategy-card__semicircle::before {
    background: url('/assets/images/user/area/semicircle2.png') no-repeat center center;
    background-size: cover;
}
.strategy-card--soft .strategy-card__label {color: #1CA4A4;}
.strategy-card--soft .strategy-card__box {
    background: linear-gradient(to right, #1CA4A4, #12316E);
}

/* 하드웨어 - 청록색 그라디언트 */
.strategy-card--hard .strategy-card__semicircle::before {
    background: url('/assets/images/user/area/semicircle3.png') no-repeat center center;
    background-size: cover;
}
.strategy-card--hard .strategy-card__label {color: #12316E;}
.strategy-card--hard .strategy-card__box {
    background: linear-gradient(to right, #1CA4A4, #12316E);
}

.strategy-card__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.3px;
    color: #fff;
}

/* 프로그램 구성 전략 */
.vision-new__program {
    margin-top: 30px;
}

.vision-new__program-label {
    text-align: center;
    font-size: 15px;
    color: #2DB1A7;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
}

.vision-new__program-label::before,
.vision-new__program-label::after {
    content: '';
    position: absolute;
    top: 50%;
    width: calc(50% - 90px);
    height: 1px;
    background: #E4E4E4;
}

.vision-new__program-label::before {
    left: 0;
}

.vision-new__program-label::after {
    right: 0;
}

.vision-new__program-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.vision-new__program-list--bottom {
    justify-content: center;
}

.vision-new__program-list--bottom .program-item {
    flex: 0 0 300px;
}

.program-item {
    flex: 1;
    text-align: center;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.program-item__title {
    padding: 12px 8px;
    font-size: 14px;
    font-weight: 600;
    color: #424242;
    background-color: #F7F7F7;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    white-space: nowrap;
}

.program-item__desc {
    padding: 12px 8px;
    font-size: 12px;
    color: #757575;
    line-height: 1.5;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .vision-new__strategy-list {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .strategy-card {
        width: 100%;
    }

    .strategy-card__semicircle {
        width: 140px;
        height: 70px;
    }
}

@media (max-width: 900px) {
    .vision-new__program-list {
        flex-direction: column;
    }

    .vision-new__program-list .program-item,
    .vision-new__program-list--bottom .program-item {
        flex: 1 1 100%;
        width: 100%;
    }

    .pc-br {
        display: none;
    }
}

@media (max-width: 768px) {
    .vision-new__banner {
        padding: 15px 20px;
    }

    .vision-new__banner p {
        font-size: 14px;
    }

    .vision-new__banner .banner-icon {
        width: 20px;
        height: 20px;
    }

    .vision-new__strategy-list {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .strategy-card {
        width: 100%;
        max-width: none;
    }

    .strategy-card__semicircle {
        width: 140px;
        height: 70px;
    }

    .vision-new__program-list {
        flex-direction: column;
    }

    .vision-new__program-list .program-item,
    .vision-new__program-list--bottom .program-item {
        flex: 1 1 100%;
        width: 100%;
    }

    .program-item__title {
        min-height: 50px;
        font-size: 14px;
    }

    .program-item__desc {
        font-size: 13px;
    }

    .vision-new__strategy-label,
    .vision-new__program-label {
        padding: 15px 0;
    }

    .vision-new__strategy-label::before,
    .vision-new__strategy-label::after,
    .vision-new__program-label::before,
    .vision-new__program-label::after {
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
    }

    .vision-new__strategy-label::before,
    .vision-new__program-label::before {
        top: 0;
    }

    .vision-new__strategy-label::after,
    .vision-new__program-label::after {
        top: auto;
        bottom: 0;
    }

    .vision-new__strategy-label .line-dot,
    .vision-new__program-label .line-dot {
        width: 100%;
        left: 0;
        right: 0;
        height: 5px;
        transform: none;
    }

    .vision-new__strategy-label .line-dot--left,
    .vision-new__program-label .line-dot--left {
        top: -2px;
    }

    .vision-new__strategy-label .line-dot--right,
    .vision-new__program-label .line-dot--right {
        top: auto;
        bottom: -2px;
    }

    .vision-new__strategy-label .line-dot::before,
    .vision-new__strategy-label .line-dot::after,
    .vision-new__program-label .line-dot::before,
    .vision-new__program-label .line-dot::after {
        top: 50%;
        transform: translateY(-50%);
    }

    .vision-new__strategy-label .line-dot::before,
    .vision-new__program-label .line-dot::before {
        left: 0;
    }

    .vision-new__strategy-label .line-dot::after,
    .vision-new__program-label .line-dot::after {
        right: 0;
    }
}


.subCont-list>p {
    padding-bottom: 10px;
    font-size: 18px;
}

.subCont-table {
    margin-top: 10px;
}

.subCont-table table {
    border-top: 1px solid #2DB1A7;
}

.subCont-table th {
    height: 50px;
    background-color: #E9F7F6;
    font-size: 16px;
    text-align: center;
}

.subCont-table td {
    padding: 20px 0;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
}

.subCont-table td.table-cont {
    vertical-align: top;
}

.subCont-table th.width1 {
    width: 21%;
}

.subCont-table td:last-child {
    border-right: 0;
}

.subCont-table td p:not(:last-child) {
    padding-bottom: 5px;
}

/* vision */
.vision-list {
    display: flex;
    margin-bottom: 20px;
}

.vision-list .l {
    width: 85px;
    flex: 0 0 auto;
    margin-right: 15px;
}

.vision-list .l .tit {
    background-color: #E4E4E4;
    color: #000;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    line-height: 1.5;
}

.vision-list .l .tit.type2 {
    flex-direction: column;
}

.vision-list .r {
    width: 100%;
}

.vision-list .row2>* {
    width: 100%;
}

.vision-list .row2>*:not(:last-child) {
    margin-right: 20px;
}

.vision-list .row3>* {
    width: 100%;
}

.vision-list .row3>*:not(:last-child) {
    margin-right: 20px;
}

.vision-cont__ul.row2>li *:not(:last-child) {
    margin-right: 15px;
}

.vision-cont__ul.row3>li *:not(:last-child) {
    margin-right: 15px;
}

.vision-list .row4>* {
    width: 100%;
}

.vision-list .row4>*:not(:last-child) {
    margin-right: 20px;
}

.vision-cont__ul.row4>li>div:not(:last-child) {
    margin-right: 15px;
}

.vision-way__cont {
    padding-left: 105px;
}

.vision-cont__txt {
    margin-top: 10px;
    padding: 15px 0;
    background-color: #E9F7F6;
}

.vision-cont__txt p {
    color: #2DB1A7;
    font-size: 18px;
    text-align: center;
    line-height: 28px;
}

.vision-way__cont {
    margin-bottom: 10px;
    margin-top: -30px;
}

.vision-way__cont.row2>*:not(:last-child) {
    margin-right: 20px;
}

.vision-way__cont.row3>*:not(:last-child) {
    margin-right: 20px;
}

.vision-tit {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #888;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.vision-tit br.mobile-ver {
    display: none;
}

.vision-way {
    width: 100%;
    height: 88px;
    background: no-repeat 50% / cover;
    background-image: url(../../images/user/area/vision-arr.png);
}

.vision-way2 {
    width: 100%;
    height: 88px;
    background: no-repeat 50%/ cover;
    background-image: url(../../images/user/area/vision-arr2.svg);
}

.way-txt {
    font-size: 18px;
    font-weight: 700;
    color: #2DB1A7;
    padding-top: 15px;
    text-align: center;
}

.vision-cont {
    margin-top: 20px;
}

.vision-cont__tit {
    width: 100%;
    height: 70px;
    font-size: 18px;
    background-color: #2DB1A7;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
}

.vision-cont__tit.bg-gray {
    background-color: #D0D0D0;
    color: #000;
}

.vision-cont__tit.bg-gray b {
    font-weight: 500;
}

.vision-cont__tit br.mobile-ver {
    display: none;
}

.vision-cont__ul>li {
    display: flex;
    flex: 1;
}

.vision-cont__ul>li .vision-box {
    width: 100%;
}

.vision-cont__ul .tit {
    width: 100%;
    height: 45px;
    padding: 11px 0;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background-color: #D0D0D0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
}

.vision-cont__ul .vision-box.type2 .tit {
    flex-direction: column;
    height: 60px;
}

.vision-cont__ul .vision-box.type2 .vision-list__cont {
    height: calc(100% - 60px);
}

.vision-cont__ul .tit br.mobile-ver {
    display: none;
}

.vision-cont .vision-list__cont {
    background-color: #E9F7F6;
    padding: 20px 15px;
    height: calc(100% - 60px);
}

.vision-cont .vision-list__cont p {
    line-height: 24px;
    position: relative;
    padding-bottom: 10px;
    font-size: 14px;
    letter-spacing: -1px;
}

.vision-cont .vision-list__cont p:last-child {
    padding-bottom: 0;
}

.vision-cont .vision-list__cont p span.br {
    display: block;
}

.vision-cont__tit br.mobile-ver {
    display: none;
}

.ci-info {
    border: 2px dashed #e4e4e4;
    margin-top: 20px;
    padding: 40px;
}

.ci-info>ul>li {
    width: 100%;
}

.ci-info>ul>li:not(:first-child) {
    margin-top: 40px;
}

.ci-info .flex>div {
    width: 100%;
}

.ci-info .flex>*:not(:last-child) {
    margin-right: 20px;
}

.ci-tit {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.ci-img__wrap {
    border: 1px solid #E4E4E4;
    padding: 20px 0;
    min-height: 227px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ci-img {
    margin: 0 auto;
}

.ci-img.width {
    width: 405px;
}

.ci-img.height {
    width: 217px;
}

.ci-img.width .img {
    padding-bottom: 32.60%;
}

.ci-img.height .img {
    padding-bottom: 86.25%;
}

.ci-file {
    display: flex;
}

.ci-file .btn-CIdown {
    width: 236px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2DB1A7;
    color: #2DB1A7;
    font-weight: 500;
}

.ci-file .ico-down {
    width: 30px;
    height: 30px;
    background-image: url(../../images/ico/ico-down.svg);
}


/* organization */
.organ-list {
    text-align: center;
}

.org-info__tit {
    width: 260px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org-info__cont {
    width: 260px;
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 25px;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
}

.org-info__cont img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.org-lv1__side .org-info__cont img {
    max-width: 90%;
    max-height: 90%;
}

.org-lv1 {
    position: relative;
}

.org-lv1__side {
    position: absolute;
    top: 0;
}

.org-lv1__side.left {
    left: calc(50% - 305px);
    transform: translateX(-50%);
}

.org-lv1__side.right {
    right: calc(50% - 305px);
    transform: translateX(50%);
}

.org-lv1__side .lv1 .org-info__cont {
    background-color: transparent;
    border: 1px solid #e4e4e4;
}

.org-lv1__side.left img {
    height: 100%;
}

.org-lv1__side.right img {
    width: auto;
    height: 30px;
    object-fit: contain;
}

.org-lv3>li:first-child {
    margin-right: 173px;
}

.org-lv3>li:last-child {
    margin-left: 173px;
}

.org-lv1__side .lv1 .org-info__cont:after {
    top: 50%;
    height: 1px;
    width: 45px;
}

.org-lv1__side.left .lv1 .org-info__cont:after {
    left: 100%;
}

.org-lv1__side.right .lv1 .org-info__cont:after {
    right: 100%;
}

.org-info.lv1 {
    width: 260px;
    margin: 0 auto;
}

.org-info.lv2 {
    width: 260px;
    margin: 0 auto;
}

.org-info.lv1.lv1_2 .org-info__cont {
    background: #43867F;
}

.lv1 {
    padding-bottom: 60px;
}

.lv2 {
    padding-bottom: 35px;
}

.lv1 .org-info__cont:after {
    content: '';
    position: absolute;
    top: 55px;
    height: 60px;
    width: 1px;
    background: #BABABA;
}

.lv2 .org-info__cont:after {
    content: '';
    position: absolute;
    top: 55px;
    height: 35px;
    width: 1px;
    background: #BABABA;
}

.lv1 .org-info__cont {
    background-color: #14887F;
    color: #fff;
}

.lv2 .org-info__cont {
    background-color: #2DB1A7;
    color: #fff;
}

.lv3 .org-info__cont {
    background-color: #95D8D3;
    color: #000;
}

.lv4 .org-info__cont {
    background-color: #E9F7F6;
    color: #000;
}

.lv5 .org-info__cont {
    background-color: #F7F7F7;
    color: #000;
}

.org-lv3 {
    position: relative;
}

.org-lv3:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 610px;
    height: 1px;
    background: #BABABA;
}

.org-lv3>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.org-info.lv3 {
    padding-top: 35px;
    position: relative;
}

.org-info.lv3:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    top: 17.5px;
    width: 1px;
    height: 35px;
    background: #BABABA;
}

.org-lv4 {
    font-size: 0;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 30px;
}

.org-lv4>li:not(:last-child) {
    margin-right: 30px;
}

.org-info.lv4 {
    padding-top: 30px;
    position: relative;
}

.org-info.lv5 {
    padding-top: 30px;
}

.lv4 .org-info__cont:after {
    content: '';
    position: absolute;
    top: 70px;
    height: 30px;
    width: 1px;
    background: #BABABA;
}

.org-cont__box {
    background-color: #E9F7F6;
    padding: 20px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    height: auto;
    display: flex;
    flex-direction: column;
    width: 260px;
    border-radius: 10px;
    margin-top: -15px;
}

.org-info.lv4:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateY(-50%);
    top: 15px;
    width: 1px;
    height: 30px;
    background: #BABABA;
}

.org-lv4:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 290px;
    height: 1px;
    background: #BABABA;
}

.organ-list .pc-ver {
    display: block;
}

.organ-list .mobile-ver {
    display: none;
}

/* 주민조직 섹션 */
.org-lv1__center {
    position: relative;
}

.org-lv1__center .org-info.lv1.lv1_2 {
    padding-bottom: 60px;
}

.org-lv1__center .org-resident {
    position: absolute;
    top: 0;
    left: calc(50% + 170px);
    padding-bottom: 0;
}

.org-resident .org-info__cont {
    background-color: #fff !important;
    border: 2px solid #2DB1A7;
    color: #2DB1A7;
    width: 200px;
    height: 55px;
}

.org-resident .org-info__cont:after {
    display: none;
}

.org-resident .org-cont__box {
    width: 200px;
    background-color: #E9F7F6;
    padding: 15px 20px;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    height: auto;
}

.org-lv1__center .org-resident::before {
    content: '';
    position: absolute;
    top: 27px;
    right: 100%;
    height: 1px;
    width: 40px;
    background: #BABABA;
}

/* 조직도 연결선 수정 - org-cont__box에 가려지는 문제 해결 */
.organ-list .org-info.lv1.lv1_2 .org-info__cont:after {
    display: none;
}

.organ-list .org-info.lv2 .org-info__cont:after {
    display: none;
}

.organ-list .org-info.lv1.lv1_2 {
    position: relative;
}

.organ-list .org-info.lv1.lv1_2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 60px;
    background: #BABABA;
}

.organ-list .org-info.lv2 {
    position: relative;
}

.organ-list .org-info.lv2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 35px;
    background: #BABABA;
}

.organ-table {
    margin-top: 60px;
}

.organ-table table {
    table-layout: fixed;
}

.organ-table .subCont-table th.width1 {
    width: 25%;
}

.organ-table th.th-name {
    width: 18%;
}

.organ-table .bg-gray {
    background-color: #FCFCFC;
    font-weight: 500;
}

.organ-table .pc-ver {
    display: block;
}

.organ-table .mobile-ver {
    display: none;
}




/* bizInfo */
.biz-tabMenu {
    margin-bottom: 70px;
}

.biz-tabMenu>ul {
    display: flex;
    width: 100%;
}

.biz-tabMenu>ul>li {
    flex: 1;
}

.biz-tabMenu>ul>li:not(:last-child) {
    margin-right: 20px;
}

.biz-tabMenu>ul>li>a {
    border: 1px dashed #BFBFBF;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.biz-tabMenu>ul>li>a.active {
    background: linear-gradient(to right, var(--color-main-blue), var(--color-main-green));
    border: 0;
    color: #fff;
}

.biz-tabMenu>ul>li>a br.pc-ver {
    display: block;
}

.biz-tabMenu>ul>li>a br.mobile-ver {
    display: none;
}

.biz-tabCont {
    margin-top: 30px;
}

.biz-tabCont>ul>li {
    display: none;
}

.biz-tit {
    width: 100%;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.biz-tit h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}

.biz-tit__desc {
    margin-top: 20px;
    font-size: 15px;
    color: #757575;
    line-height: 1.8;
}

.biz-highlight {
    color: #000;
    font-size: 1.2em;
}

.biz-cont {
    margin-top: 30px;
}

.biz-cont:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px solid #E4E4E4;
}

.biz-subTit {
    font-size: 20px;
}

.biz-list {
    margin-top: 20px;
}

.biz-list .biz-list__tit {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.biz-img {
    margin-top: 20px;
}

.biz-img .img-wrap {
    width: 50%;
}

.biz-img .img-wrap:not(:last-child) {
    margin-right: 20px;
}

.biz-img .img-wrap img {
    width: 100%;
}

.biz-table .subCont-table {
    margin-top: 20px;
    margin-bottom: 0;
}

.biz-table td.table-cont {
    text-align: left;
    padding: 20px;
    width: auto;
}

.biz-table td {
    width: 14.93%;
    padding: 0 10px;
    word-break: keep-all;
}

.biz-table .subCont-table td p span {
    display: block;
}

.biz-table td p {
    line-height: 1.5;
}

.biz-table td.table-cont p {
    display: flex;
}

.biz-table td.table-cont p::before {
    content: '-';
    margin-right: 5px;
}

.biz-table td.table-cont p.sub::before {
    content: '·';
    margin-left: 5px;
}

.biz-table table {
    table-layout: fixed;
}

th.width-20 {
    width: 20%;
}

th.width-10 {
    width: 10%;
}

th.width-15 {
    width: 15%;
}



/* direction */
.direction-info {
    border: 2px dashed #E4E4E4;
    padding: 20px 30px;
    position: relative;
    overflow: hidden;
}

.direction-info:after {
    content: '';
    position: absolute;
    bottom: -15px;
    right: 22px;
    background: no-repeat 50% / cover;
    background-image: url(../../images/ico/ico-plant.svg);
    width: 92px;
    height: 63px;
}

.direction-info>ul>li {
    display: flex;
    align-items: center;
}

.direction-info>ul>li:not(:last-child) {
    margin-bottom: 20px;
}

.direction-info .dir-info__tit {
    font-size: 18px;
    color: #757575;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.direction-info>ul>li:before {
    content: '';
    width: 30px;
    height: 30px;
    background: no-repeat 50%/ cover;
    margin-right: 2px;
}

.direction-info>ul>li.tit-address:before {
    background-image: url(../../images/ico/ico-adr.svg);
}

.direction-info>ul>li.tit-tel:before {
    background-image: url(../../images/ico/ico-tel.svg);
}

.direction-info .dir-info__cont {
    font-size: 18px;
    font-weight: 500;
    color: #292929;
}

.direction-btn {
    margin-top: 30px;
    display: flex;
    justify-content: right;
}

.direction-btn .btn {
    width: 150px;
    height: 40px;
    border: 1px solid #E4E4E4;
    font-size: 16px;
}

.direction-btn .ico-map {
    width: 30px;
    height: 30px;
    background-image: url(../../images/ico/ico-direction.svg);
    margin-right: 3px;
}

.map-img {
    margin-top: 20px;
    height: 492px;
    position: relative;
}

.wrap_controllers.hide {
    display: none;
}

#map .wrap a {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 3px;
    border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid rgb(118, 129, 168);
}

.custom_zoomcontrol {
    position: absolute;
    bottom: 25px;
    right: 25px;
    overflow: hidden;
    width: 40px;
    height: 80px;
    margin: 0;
    padding: 0;
    z-index: 1;
    border: 1px solid #e4e4e4;
}

.custom_zoomcontrol button {
    width: 40px;
    height: 40px;
    background-color: #fff;
}

.custom_zoomcontrol button:first-child {
    border-bottom: 1px solid #e4e4e4;
}

.custom_zoomcontrol button img {
    width: 15px;
    height: 15px;
}

.loca.active .loca_btn {
    cursor: default;
}

.loca.active .loca_btn:before,
.loca.active .loca_btn:after {
    display: none;
}

/* .area:not(.area01) .area-slide--thumbs .swiper-wrapper{transform: translate3d(0,0,0) !important;} */
/* .area.area07.area01 .area-slide--thumbs .swiper-wrapper{transform: translate3d(0,0,0) !important;} */

.spCenter-sns {
    min-height: 71px;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F7F7F7;
    margin-top: 20px;
}

.spCenter-sns h4 {
    font-weight: 500;
}

.spCenter-sns .sns-list {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.spCenter-sns .sns-list .bookmark-bg {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #E4E4E4;
}

.spCenter-sns .sns-list>li:not(:last-child) {
    margin-right: 10px;
}

.spCenter-sns .ico-facebook {
    width: 25px;
    height: 25px;
    background-image: url(../../images/ico/ico-facebook_color.svg);
}

.spCenter-sns .ico-blog {
    width: 25px;
    height: 25px;
    background-image: url(../../images/ico/ico-blog_color.svg);
}

.spCenter-sns .ico-instagram {
    width: 25px;
    height: 25px;
    background-image: url(../../images/ico/ico-instagram_color.png);
}




/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1320px) {

    /*------------------ area -------------------*/
    .area-cont1__top {
        padding: 30px;
    }

    .area-cont1__top .r {
        margin-left: 30px;
    }

    .area-cont2 {
        margin-top: 60px;
    }

    .area-cont2__ul {
        flex-wrap: wrap;
        justify-content: left;
        padding: 20px 0;
    }

    .area-cont2__ul>li {
        width: 33.333333%;
        margin: 20px 0;
    }

    .vision {
        padding: 0;
    }

    .vision-tit {
        font-size: 16px;
    }

    .vision-way {
        height: 88px;
        background-image: url(../../images/user/area/vision-arr2.png);
        background-size: 100% 100%;
    }

    .vision-way p {
        font-size: 20px;
        padding-top: 24px;
    }

    .vision-cont__ul .tit {
        height: 60px;
        padding: 8px 0;
        flex-direction: column;
        font-size: 14px;
    }

    .vision-cont__ul .cont {
        padding: 15px;
    }

    .vision-cont__ul .cont p {
        font-size: 14px;
    }

    .vision-cont .vision-list__cont p span.br {
        display: unset;
    }

    .area-slide__tit {
        height: 50px;
    }

    .area-slide--thumbs {
        margin-top: 30px;
    }

    .area-cont2__ul {
        padding: 0 20px;
    }

    .area-cont2__ul>li {
        width: 100%;
        margin: 0;
        padding: 16px 0 15px;
        display: flex;
        align-items: center;
        border-right: 0;
    }

    .area-cont2__ul>li:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #C8E0DE;
    }

    .area-cont2__ul .cont {
        display: flex;
        align-items: center;
    }

    .area-cont2__ul .cont p span {
        display: inline-block;
    }

    .area-cont2__ul .sub-tit {
        margin-top: 0;
        font-size: 14px;
        margin-right: 9px;
        flex: 0 0 auto;
    }

    .area-cont2__ul .cont p {
        margin-top: 0;
        line-height: 1;
    }

    .area-cont2__ul .ico-img {
        width: 59px;
        height: 59px;
        margin-right: 15px;
    }

    .area-cont2__ul .ico-img img {
        width: 100%;
    }

    .area-bok .vision-tit:not(:last-child) {
        margin-bottom: 15px;
    }

    .vision-cont__ul.row3>li *:not(:last-child) {
        margin-right: 0;
    }

    .area-san1 .vision-cont {
        max-width: 100%;
    }

    .area-san1 .vision-goal .vision-cont__tit br.mobile-ver {
        display: block;
    }

    .area-san1 .vision-cont .vision-list__cont {
        height: calc(100% - 60px);
    }

    .area-san3 .vision-basic .vision-cont__ul.row4 .vision-cont__tit {
        font-size: 14px;
    }

    .area-san3 .vision-basic {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .area-san3 .vision-concept .vision-cont__ul {
        padding: 20px 0;
    }

    .area-san3 .vision-concept .vision-cont__ul>li {
        font-size: 14px;
    }

    .area-san3 .vision-goal .vision-cont__tit {
        font-size: 16px;
        word-break: keep-all;
    }

    .area-san3 .vision-strategy .vision-cont__ul .tit br {
        display: block;
    }

    .area-chil .vision-cont__ul.row2 .vision-cont__tit br {
        display: block;
    }

    .area-chil .vision-cont__ul>li {
        display: block;
    }

    .vision-tit__cont {
        font-size: 14px;
    }

    .vision-cont__ul .cont {
        height: calc(100% - 65px);
    }

    .area-chim .vision-cont {
        max-width: 100%;
    }

    .vision-list {
        display: block;
    }

    .vision-list .l {
        width: 100%;
        height: 45px;
    }

    .vision-list .l .tit {
        font-size: 16px;
    }

    .vision-cont__tit br.mobile-ver {
        display: block;
    }

    .vision-cont .vision-list__cont {
        height: auto;
    }

    .vision-cont__ul.row2>li *:not(:last-child) {
        margin-right: 10px;
    }

    .vision-cont__txt p {
        font-size: 16px;
        line-height: 25px;
    }

    .vision-list .r .flex {
        display: block;
    }

    .vision-list .row2>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .vision-way__cont.row2 .vision-way2:last-child {
        display: none;
    }

    .vision-way__cont {}

    .vision-way2 {
        height: 0;
        padding-bottom: 26.78%;
        background-size: cover;
    }
    .area01 .vision-cont__ul.col2 {
        display: block;
    }

    .area01 .vision-cont__ul.col2>li:not(:last-child) {
        margin: 0;
        margin-bottom: 5px;
    }

    .area01 .vision-cont__ul.col2 .vision-box:not(:last-child) {
        margin-bottom: 5px;
    }

    .area01 .vision-box_2 .vision-list__cont {
        min-height: auto;
    }



    /*-------------------- bbs ----------------------*/
    .bo_sch_wrap {
        width: 380px;
    }

    .bbs-table table th.th_num2,
    .bbs-table table td.td_num2 {
        display: none;
    }

    .bbs-table table th.th_num,
    .bbs-table table td.td_num {
        display: none;
    }

    .bbs-table .bo_tit>a {
        text-align: left;
        padding-right: 0;
    }

    .bbs-table .new_icon {
        position: static;
        top: auto;
        right: auto;
        transform: none;
    }

    .bbs-table table th.th_datetime {
        width: 110px;
    }

    .bbs #bo_v #bo_v_title .bo_v_tit {
        font-size: 18px;
        padding: 0 15px;
    }

    .bbs-table .new_icon__wrap {
        position: static;
        top: auto;
        right: auto;
    }

    .bbsList .bbs-table .bo_tit>a>i {
        position: static;
        top: auto;
        right: auto;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

    .bbsActive .gall_row {
        margin: 0 -10px;
    }

    .bbsActive .gall_row .col-gn-1 {
        width: 50%;
        padding: 0 10px;
    }

    .bbs .poster-box {
        width: 100%;
        height: auto;
    }

    .gall_row .col-gn-3 {
        width: 50%;
    }

    .bbs .poster-box>a {
        position: relative;
        overflow: hidden;
        height: 0;
        padding-bottom: 141.875%;
    }

    .bbs .poster-box img {
        position: absolute;
        top: 0;
        left: 0;
    }

    #bo_gall .gall_box {
        margin: 0 0 50px 0;
    }

    .bbs .type2 .poster-box {
        height: auto;
    }

    .bbs .type2 .poster-box>a {
        padding-bottom: 100%;
    }

    .bbs .type2 .poster-box .latest-cont {
        padding: 40px 20px;
    }

    .bbs .type2 .poster-box .latest-cont .detail-btn {
        height: 50px;
        bottom: 40px;
        font-size: 18px;
    }


    #bo_gall #gall_ul {
        margin: 0 -8px;
        margin-top: 20px;
    }

    .gall_row .col-gn-4 {
        width: 50%;
        flex: 0 0 auto;
        padding: 0 8px;
    }

    .bbsNews #bo_gall .gall_con__left {
        width: 230px;
        margin-right: 20px;
    }

    .bbsGallery.bbsNews .subject-txt {
        -webkit-line-clamp: 1;
    }

    .gall_text_href {
        margin-top: 10px;
    }

    .bbsNews .gall_text_href>a {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .bbsNews .bo_cnt {
        font-size: 16px;
        line-height: 1.625;
    }

    .bbsNews .gall_date {
        font-size: 14px;
        margin-top: 15px;
    }

    .bbsNews #bo_gall .gall_con {
        padding: 20px;
        padding-left: 15px;
    }

    .bbsNews #bo_gall .gall_box {
        margin-bottom: 15px;
    }

    .bbsRefer #bo_cate {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    #calendar .fc-dayGrid-view .fc-body .fc-row {
        min-height: 105px;
    }

    #calendar.fc-unthemed td {}

    #calendar .fc-dayGrid-view .fc-week-number,
    .fc-dayGrid-view .fc-day-number {
        font-size: 14px;
    }

    #calendar .fc-view .fc-day-header span {
        font-size: 10px;
    }

    #calendar .fc-view .fc-day-header {}

    #calendar a.fc-more {
        margin: 20px 10px 0;
    }

    #calendar .fc-title {
        font-size: 14px;
        overflow: hidden;
        text-overflow: clip;
        font-size: 12px;
    }

    .calendar-wrap {
        display: block;
    }

    .calendar-wrap #calendar {
        width: 100%;
    }

    .calendar-list {
        margin-top: 30px;
    }



    /* info-container */
    .info-greetings p {
        margin-top: 50px;
    }

    .info-greetings p:nth-child(2) {
        margin-top: 30px;
    }

    .info-greetings p.greetings-name {
        margin-top: 80px;
    }

    .info-greetings {
        text-align: center;
    }

    .info-greetings h3 {
        line-height: 1.5;
        text-align: center;
    }

    .info-greetings h3 b {
        display: block;
    }

    .info-greetings:after {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .info-container.center {
        margin-top: 30px;
    }

    .info-cont .org-info.lv1 {
        padding-bottom: 30px;
    }

    .info-cont .org-info.lv3:before {
        display: block;
    }

    .info-cont .lv2 .org-info__cont:after {
        display: none;
    }

    .info-cont .org-lv3>li:first-child:after {
        display: none;
    }

    .info-cont .org-info.lv3 {
        padding-top: 30px;
    }

    .info-cont .map-img .root_daum_roughmap_landing {
        width: 100% !important;
    }

    .info-cont .map-img .root_daum_roughmap .wrap_map {
        height: 264px !important;
    }

    .center02 .info-cont .org-lv1__side.right {
        right: 0;
        top: 0;
    }

    .info-cont .org-lv3>li:first-child {
        padding-bottom: 0;
    }

    .info-cont .org-info.lv2 {
        padding-bottom: 0;
    }


    .vision-way2 {
        height: 80px;
        background-size: 100% 100%;
        background-image: url(../../images/user/area/vision-arr3.svg);
    }

    .vision-cont__txt {
        padding: 7px 0;
    }

    .vision-list {
        margin-bottom: 15px;
    }

    .way-txt {
        font-size: 16px;
        line-height: 1.5;
    }

    .vision-way__cont {
        padding-left: 0;
        margin-top: 0;
    }

    .vision-list .row2>*:not(:last-child) {
        margin-right: 15px;
    }

    .vision-cont__ul.row2>li *:not(:last-child) {
        margin-right: 15px;
    }

    .area-gwan .vision-cont .vision-list__cont {
        height: calc(100% - 60px);
    }

    .vision-cont .vision-list__cont {
        padding: 15px;
    }

    .vision-cont__tit {
        flex-direction: column;
    }

    .vision-cont__tit span {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
    }

    .area-gwan .vision-list .r .flex {
        display: flex;
    }

    .area-gwan .vision-list .row2>div:not(:last-child) {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .area-gwan .vision-cont__ul>li {
        display: block;
    }

    .area-gwan .vision-cont__ul .tit {
        font-size: 16px;
        min-height: auto;
        height: 60px;
    }

    .vision-list .l .tit br {
        display: none;
    }

    .area-bok .vision-cont__ul>li {
        display: block;
    }

    .area-bok .vision-tit {
        text-align: center;
    }

    .area-bok .vision-cont__ul .tit {
        font-size: 14px;
    }

    .area-san1 .vision-strategy .vision-cont__ul>li {}

    .area-san1 .vision-cont__ul>li {
        display: block;
    }

    .area-san1 .vision-cont__ul {
        min-height: auto;
    }

    .area-san1 .vision-cont__ul>li .vision-box:not(:last-child) {
        margin-right: 0;
    }

    .arae-san1 .vision-strategy .vision-cont__ul.row3>li {
        display: flex;
    }

    .area-san3 .vision-cont__ul>li {
        display: block;
    }

    .area-san3 .vision-basic {
        padding-bottom: 10px;
    }

    .area-san3 .vision-basic__tit {
        font-size: 16px;
        padding: 15px 0;
    }

    .area-san3 .vision-basic .vision-cont__ul .tit br {
        display: none;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4>li {
        display: flex;
        flex-wrap: wrap;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4 .vision-cont__tit {
        width: calc(50% - 5px);
        flex: 0 0 auto;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4>li>div {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4>li>div:not(:nth-child(2n)) {
        margin-right: 10px;
    }

    .area-san3 .vision-concept .vision-cont__ul {
        flex-wrap: wrap;
        height: auto;
        padding: 0;
    }

    .area-san3 .vision-concept .vision-cont__ul>li {
        width: 50%;
        flex: 0 0 auto;
        margin: 20px 0;
    }

    .area-san3 .vision-concept .vision-cont__ul>li:nth-child(2n) {
        border-right: 0;
    }

    .area-san3 .vision-cont__ul.row4>li>div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .area-san3 .vision-strategy .vision-cont__ul.row4>li>div:not(:last-child) {
        margin-bottom: 0;
    }

    .area-san3 .vision-strategy .vision-cont__ul .tit br {
        display: none;
    }

    .vision-tit__cont {
        line-height: 24px;
    }

    .area-chil .vision-cont__ul.row2 .vision-cont__tit {
        height: auto;
        padding: 15px;
        word-break: keep-all;
    }

    .area-chil .vision-cont__ul.row2 .vision-cont__tit br {
        display: none;
    }

    .area-chil .concept-img .img {
        padding-bottom: 53.36%;
    }

    .area-chim .vision-tit__wrap {
        display: block;
    }

    .area-chim .vision-tit:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .area-chim .vision-cont__ul>li {
        display: block;
    }

    .area-chim .vision-cont__ul>li .vision-box:not(:last-child) {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .area-chim .vision-cont__ul .tit {}

    .area-chim .vision-cont__ul .tit br {
        display: block;
    }

    .area-chim .vision-cont__ul .cont {
        height: calc(100% - 60px);
    }

    .area-san1 .vision-cont__ul.row3 .tit02:not(:last-child) {
        margin-bottom: 5px;
    }

    .area-bok .vision-purpose .vision-cont__ul>li {
        display: flex;
    }

    .ci-info>ul>li.flex {
        flex-direction: column;
    }

    .ci-info>ul>li.flex>div:not(:last-child) {
        right: 0;
        margin: 0;
        margin-bottom: 20px;
    }

    .ci-info>ul>li:not(:first-child) {
        margin-top: 20px;
    }

    .area-cont2__ul .cont p br {
        display: none;
    }

    .area-san3 .vision-strategy .vision-cont__ul.row4>li>div:not(:last-child) {
        margin-bottom: 5px;
    }

    /* info */
    .info-vision .vision-cont__ul>li {
        display: block;
    }

    .info-vision .vision-cont__ul.row4>li>div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 5px;
    }



    /* organization */
    .org-info__cont {
        width: 100%;
    }

    .org-info.lv1 {
        width: 100%;
        padding-bottom: 40px;
    }

    .lv1 .org-info__cont:after {
        height: 40px;
    }

    .org-info.lv2 {
        width: 100%;
        padding-bottom: 40px;
    }

    .lv2 .org-info__cont:after {
        height: 40px;
    }

    .org-info.lv3:before {
        display: none;
    }

    .org-info.lv3 {
        padding: 0;
    }

    .org-lv3>li {
        margin: 0;
        width: 100%;
        padding-bottom: 0;
    }

    .organ-list .pc-ver {
        display: none;
    }

    .organ-list .mobile-ver {
        display: block;
    }

    .org-lv3:after {
        display: none;
    }

    .org-lv3>li:not(:last-child) {
        padding-bottom: 10px;
    }

    .organ-list .org-lv1__center .org-info.lv1.lv1_2 {
        padding-bottom: 40px;
    }

    .organ-list .org-info.lv1.lv1_2::after {
        height: 40px;
    }

    .organ-list .org-info.lv2::after {
        height: 40px;
    }

    .org-lv4 {
        position: relative;
        display: block;
        position: static;
        top: auto;
        left: auto;
        transform: none;
        padding: 0;
    }

    .org-info.lv4 {
        padding-top: 40px;
    }

    .org-info.lv4:before {
        height: 40px;
        top: 20px;
    }

    .lv4 .org-info__cont {
        width: 100%;
    }

    .lv4 .org-info__cont:after {
        height: 40px;
    }

    .org-lv4>li:not(:last-child) {
        margin-right: 0;
    }

    .org-lv4:after {
        display: none;
    }

    .org-lv4>li:last-child .org-info.lv4:before {
        display: none;
    }

    .org-lv4>li:last-child .org-info.lv4 {
        padding-top: 10px;
    }

    .org-lv5>li:last-child .org-info.lv5 {
        padding-top: 10px;
    }

    .org-info.lv5 {
        padding-top: 40px;
        position: relative;
    }

    .lv5 .org-info__cont {
        width: 100%;
    }

    .org-lv5>li:not(:first-child) .org-info.lv5:before {
        content: '';
        width: 1px;
        height: 10px;
        background: #bababa;
        position: absolute;
        top: 0;
    }

    .org-lv1>li.org-lv1__side {
        position: relative;
        top: auto;
        left: auto;
        display: inline-flex;
        width: 50%;
    }

    .org-lv1__side.left {
        left: auto;
        transform: none;
        padding-right: 10px;
    }

    .org-lv1__side.right {
        right: auto;
        transform: none;
        padding-left: 10px;
    }

    .org-lv1 {
        display: flex;
        flex-wrap: wrap;
    }

    .org-lv1>li {
        width: 100%;
    }

    .org-lv1__side .lv1 .org-info__cont:after {
        display: none;
    }

    .org-lv3>li:first-child {
        margin-right: 0;
        padding-bottom: 40px;
    }

    .org-lv3>li:first-child:after {
        content: '';
        position: absolute;
        top: calc(100% - 40px);
        height: 40px;
        width: 1px;
        background: #BABABA;
    }

    .org-lv3>li:last-child {
        margin-left: 0;
    }

    .org-lv1__side img {}

    .org-cont__box {
        text-align: center;
        width: 100%;
        height: auto;
    }

    .org-lv1__center .org-resident {
        position: relative;
        left: auto;
        top: auto;
        margin: 20px auto 0;
    }

    .org-lv1__center .org-resident::before {
        display: none;
    }

    .org-resident .org-info__cont {
        width: 100%;
    }

    .org-resident .org-cont__box {
        width: 100%;
        text-align: center;
    }


    /* direction */
    .info-direction {
        margin-top: 30px;
    }

    .direction-info>ul>li:not(:last-child) {
        margin-bottom: 15px;
    }

}





@media screen and (max-width: 767px) {

    /* detail */
    .detail-btn {
        width: 140px;
        height: 34px;
        font-size: 14px;
    }


    /*------------------ area -------------------*/
    .area-container {
        margin-top: 30px;
    }

    .area-cont1__top {
        flex-direction: column;
        padding: 30px 20px;
    }

    .area-cont1__top .r {
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
    }

    .area-cont1__top .r h3 {
        font-size: 16px;
    }

    .area-cont1__top .r p {
        font-size: 14px;
        line-height: 24px;
    }

    .area-cont__tit.flex {
        flex-direction: column-reverse;
    }

    .area-cont2 {
        margin-top: 30px;
    }

    .area-cont__tit .detail-btn {
        width: 100%;
        margin-bottom: 30px;
    }

    .area-cont__tit h3 {
        font-size: 22px;
    }

    .area-cont__tit p {
        font-size: 16px;
    }

    .area-cont2__ul {
        padding: 0 20px;
    }

    .area-cont2__ul>li {
        width: 100%;
        margin: 0;
        padding: 16px 0 15px;
        display: flex;
        align-items: center;
        border-right: 0;
    }

    .area-cont2__ul>li:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #C8E0DE;
    }

    .area-cont2__ul .cont {
        display: flex;
        align-items: center;
    }

    .area-cont2__ul .cont p span {
        display: inline-block;
    }

    .area-cont2__ul .sub-tit {
        margin-top: 0;
        font-size: 14px;
        margin-right: 9px;
        flex: 0 0 auto;
    }

    .area-cont2__ul .cont p {
        margin-top: 0;
        line-height: 1;
        text-align: left;
        line-height: 1.3;
    }

    .area-cont2__ul .ico-img {
        width: 59px;
        height: 59px;
        margin-right: 15px;
    }

    .area-cont2__ul .ico-img img {
        width: 100%;
    }

    .vision-tit {
        height: 60px;
        font-size: 14px;
    }

    .vision-tit br.mobile-ver {
        display: block;
    }

    .vision-way {
        height: 0;
        padding-bottom: 23.78%;
        background-size: cover;
        background-image: url(../../images/user/area/vision-arr3.png);
    }

    .vision-way p {
        padding-top: 12px;
        font-size: 16px;
    }

    .vision-cont {
        margin-top: 30px;
    }

    .vision-cont__tit {
        min-height: 65px;
        height: auto;
        padding: 8px 0;
        font-size: 16px;
    }

    .vision-cont__ul .tit {
        word-break: keep-all;
        min-height: 60px;
        height: auto;
        font-size: 16px;
        line-height: 26px;
        padding: 5px 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .vision-cont__ul .cont {
        padding: 15px 10px;
        height: calc(100% - 60px);
    }

    .vision-cont__ul>li:not(:last-child) {
        margin-right: 10px;
    }

    .prd-table th,
    .prd-table td {
        font-size: 14px;
    }

    .prd-table th {
        width: 115px;
        padding: 10px 0;
    }

    .prd-table td {
        padding: 12px 15px;
        line-height: 26px;
    }

    .area-slide__tit {
        min-height: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        word-break: keep-all;
    }

    .area-slide__control {
        right: -16px;
        top: -7px;
    }

    .area-slide--thumbs {
        margin-top: 20px;
    }

    .area-gwan .vision-list .r .flex {
        display: flex;
    }

    .area-gwan .vision-list .row2>div:not(:last-child) {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .area-gwan .vision-cont__ul>li {
        display: block;
    }

    .area-gwan .vision-cont__ul .tit {
        font-size: 14px;
        min-height: auto;
        height: 60px;
    }

    .vision-list .l .tit br {
        display: none;
    }

    .area-bok .vision-cont__ul>li {
        display: block;
    }

    .area-bok .vision-tit {
        text-align: center;
    }

    .area-bok .vision-cont__ul .tit {
        font-size: 14px;
    }

    .area-san1 .vision-strategy .vision-cont__ul>li {}

    .area-san1 .vision-cont__ul>li {
        display: block;
    }

    .area-san1 .vision-cont__ul {
        min-height: auto;
    }

    .area-san1 .vision-cont__ul>li .vision-box:not(:last-child) {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .arae-san1 .vision-strategy .vision-cont__ul.row3>li {
        display: flex;
    }

    .area-san3 .vision-cont__ul>li {
        display: block;
    }

    .area-san3 .vision-basic {
        padding-bottom: 10px;
    }

    .area-san3 .vision-basic__tit {
        font-size: 16px;
        padding: 15px 0;
    }

    .area-san3 .vision-basic .vision-cont__ul .tit br {
        display: none;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4>li {
        display: flex;
        flex-wrap: wrap;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4 .vision-cont__tit {
        width: calc(50% - 5px);
        flex: 0 0 auto;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4>li>div {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .area-san3 .vision-basic .vision-cont__ul.row4>li>div:not(:nth-child(2n)) {
        margin-right: 10px;
    }

    .area-san3 .vision-concept .vision-cont__ul {
        flex-wrap: wrap;
        height: auto;
        padding: 0;
    }

    .area-san3 .vision-concept .vision-cont__ul>li {
        width: 50%;
        flex: 0 0 auto;
        margin: 20px 0;
    }

    .area-san3 .vision-concept .vision-cont__ul>li:nth-child(2n) {
        border-right: 0;
    }

    .area-san3 .vision-cont__ul.row4>li>div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .area-san3 .vision-strategy .vision-cont__ul.row4>li>div:not(:last-child) {
        margin-bottom: 0;
    }

    .area-san3 .vision-strategy .vision-cont__ul .tit br {
        display: none;
    }

    .vision-tit__cont {
        line-height: 24px;
    }

    .area-chil .vision-cont__ul.row2 .vision-cont__tit {
        height: auto;
        padding: 15px;
        word-break: keep-all;
    }

    .area-chil .vision-cont__ul.row2 .vision-cont__tit br {
        display: none;
    }

    .area-chil .concept-img .img {
        padding-bottom: 53.36%;
    }

    .area-chim .vision-tit__wrap {
        display: block;
    }

    .area-chim .vision-tit:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .area-chim .vision-cont__ul>li {
        display: block;
    }

    .area-chim .vision-cont__ul>li .vision-box:not(:last-child) {
        margin-right: 0;
    }

    .area-chim .vision-cont__ul .tit {}

    .area-chim .vision-cont__ul .tit br {
        display: block;
    }

    .area-chim .vision-cont__ul .cont {
        height: calc(100% - 60px);
    }

    .area-bok .vision-purpose .vision-cont__ul>li {
        display: flex;
    }

    .area-cont2__ul .cont p br {
        display: block;
    }

    .area-gwan .vision-list .r .flex.row2 {
        display: block;
    }

    .area-gwan .vision-list .r .flex.row2>div:not(:last-child) {
        margin-bottom: 10px;
    }



    /*-------------------- bbs ----------------------*/
    #bo_list {
        padding-top: 0;
    }

    .bo_sch_wrap {
        position: static;
        top: auto;
        right: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .sch_bar input {
        width: 100%;
    }

    .bbs-table table tr {
        position: relative;
    }

    .bbs-table table tbody tr {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 10px;
        border-bottom: 1px solid #E4E4E4;
    }

    .bbs-table table tbody tr:hover {
        background: #F7F7F7;
    }

    .bbs-table table th,
    .bbs-table table td {
        display: block;
        border: 0;
        padding: 0;
    }

    .bbs-table table th {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bbs-table table td {
        height: auto;
    }

    .bbs-table table th.th_name {
        display: none;
    }

    .bbs-table table th.th_datetime {
        display: none;
    }

    .bbs-table table td.td_name {
        display: inline-block;
        text-align: left;
        padding: 0;
        font-size: 12px;
        color: #757575;
    }

    .bbs-table table td.td_name:after {
        content: '';
        width: 1px;
        height: 10px;
        background: #9D9D9D;
        display: inline-flex;
        margin-left: 10px;
    }

    .bbs-table table th.th_chk {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .bbs-table table td.td_chk {
        height: auto;
    }

    .bbs-table table td.td_datetime {
        display: inline-block;
        text-align: right;
        padding: 0;
        padding-left: 10px;
        font-size: 12px;
        color: #757575;
    }

    .bbs-table table th.th_datetime {
        width: auto;
    }

    .bbs-table table td.td_subject {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 24px;
    }

    .bbs #bo_v header {
        padding: 15px 0;
    }

    .bbs .profile-tit {
        font-size: 12px;
    }

    .bbs #bo_v #bo_v_title .bo_v_tit {
        line-height: 26px;
        font-size: 16px;
    }

    .bbs .profile_info_ct>div {
        font-size: 12px;
    }

    .bbs .profile_info_ct>div:not(:last-child) .profile-tit {
        display: none;
    }

    .bbs .profile_info_ct>div:not(:last-child) {
        padding-right: 10px;
    }

    .bbs .profile_info_ct>div:not(:last-child)::after {
        margin-left: 10px;
    }

    .bbsDetail #bo_v_file li {
        min-width: auto;
        width: 100%;
        min-height: 40px;
        height: auto;
    }

    .bbsDetail #bo_v_file {
        display: block;
    }

    .bbs .bo_v_nb li {
        padding: 14px 10px;
    }

    .bbs .bo_v_nb li .nb_tit {
        padding-right: 20px;
    }

    .bbs .nb-list>a {
        font-size: 14px;
    }

    .bbsDetail #bo_v_atc {
        margin: 20px 0 50px;
    }

    .gall_row .col-gn-3 {
        width: 100%;
    }

    .bbs-table .bo_tit>a {
        white-space: unset;
    }

    .bbsGallery #bo_gall {
        padding-top: 0;
    }

    #bo_gall #gall_ul {
        margin: 0 -5px;
        margin-top: 20px;
    }

    .gall_row .col-gn-4 {
        padding: 0 5px;
        width: 100%;
    }

    .gall_text_href>a {
        font-size: 14px;
    }

    .gall_text_href {
        margin-top: 10px;
    }

    .bbsGallery .subject-txt {
        line-height: 24px;
    }

    .gall_date {
        font-size: 12px;
        margin-top: 8px;
    }

    .bbsNews #bo_gall .gall_con__left {
        display: none;
    }

    .bbsNews .gall_text_href>a {
        font-size: 16px;
    }

    .bbsNews #bo_gall .gall_con {
        padding: 20px 15px;
    }

    .bbsNews .bo_cnt {
        font-size: 14px;
        line-height: 24px;
    }

    .bbsNews .gall_date {
        font-size: 12px;
    }

    .bbsNews #bo_v_link li {
        width: 100%;
        height: 50px;
    }

    .bbsNews #bo_v_link a {
        font-size: 14px;
    }

    .bbsNews .news-txt {
        font-size: 14px;
    }

    #bo_btn_top {
        flex-direction: column-reverse;
        align-items: baseline;
    }

    #bo_list_total span {
        font-size: 14px;
    }

    .bo_sch_wrap select {
        width: 97px;
    }

    .bbs .pic_li_tit {
        height: auto;
    }

    .bbsRefer #bo_cate_ul>li>a {
        font-size: 13px;
        padding: 7px 13px;
    }

    .bbsRefer #bo_cate_ul>li:not(:last-child) {
        margin-right: 8px;
    }

    .bbsWrite .write-tit {
        font-size: 14px;
    }

    .bbsWrite select,
    .bbsWrite input,
    .bbsWrite textarea {
        height: 45px;
        font-size: 14px;
    }


    #calendar .fc-view .fc-day-header {
        padding: 6px;
    }

    #calendar.fc-unthemed td {}

    #calendar a.fc-more {
        margin: 0px 5px 0;
        font-size: 10px;
        word-break: keep-all;
        height: auto;
    }

    #calendar .fc-dayGrid-view .fc-body .fc-row {
        min-height: 55px;
    }

    #calendar .fc-dayGrid-view .fc-week-number,
    .fc-dayGrid-view .fc-day-number {
        font-size: 8px;
    }

    #calendar .fc-day-grid-event {
        margin: 0 5px;
    }

    #calendar .fc-toolbar h2 {
        font-size: 20px;
    }

    #calendar .fc-center {
        max-width: 210px;
        justify-content: center;
        margin: 0 auto;
    }

    #calendar.fc-unthemed td.fc-today.fc-widget-content::after {
        width: 24px;
        height: 17px;
        right: 2px;
        bottom: 2px;
    }

    #calendar .fc-toolbar.fc-header-toolbar {
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    #calendar #bo_cate {
        top: 40px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .calendarBody-list>a {
        flex-direction: column;
        align-items: baseline;
        height: auto;
    }

    .calendar-list .date {
        padding-left: 30px;
        margin-top: 10px;
    }

    .calendar-list .list-l.type2 {
        max-width: 100%;
    }


    /* info-container */
    .info-container {
        padding-bottom: 0;
        margin-top: 20px;
    }

    .info-greetings:after {
        display: none;
    }

    .info-greetings h3 {
        font-size: 18px;
        line-height: 30px;
    }

    .info-greetings p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 30px;
    }

    .info-greetings p.greetings-name {
        margin-top: 50px;
    }

    .info-center .center-tit {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .info-center .cont {
        font-size: 16px;
        line-height: 30px;
    }

    .info-center .info-box {
        padding: 20px;
        margin-bottom: 30px;
    }

    .info-list>li {
        font-size: 16px;
        align-items: flex-start;
    }

    .info-list>li::before {
        margin-right: 10px;
        flex: 0 0 auto;
        margin-top: 10px;
    }

    .center-work .work-circle .circle {
        width: 137px;
        height: 137px;
        margin: 0 7px;
    }

    .center-work .work1 .work-circle .circle:first-child {
        margin-left: 0;
    }

    .center-work .work1 .work-circle .circle:last-child {
        margin-right: 0;
    }

    .circle-num {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .circle-tit {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .circle-cont {
        font-size: 10px;
        line-height: 15px;
        letter-spacing: -0.5px;
    }

    .center-work .work-cont:before {
        width: 100%;
    }

    .center-work {
        padding: 30px 0;
    }

    .center-work ul:before {
        top: 65px;
    }

    .center-work>ul.work2>li {
        width: 144px;
    }

    .center-work .work-cont {
        margin-top: 10px;
        padding-top: 17px;
    }

    .center-work .work1 .work-cont:before {
        background-image: url(../../images/ico/ico-line1_m.svg);
    }

    .center-work .work-tit {
        font-size: 14px;
    }

    .center-work>ul.work2 {
        margin-top: 30px;
    }

    .center-work .work2 li:first-child .work-circle .circle {
        margin-left: 0;
    }

    .center-work .work2 li:last-child .work-circle .circle {
        margin-right: 0;
    }

    .center-work .work2 .work-cont:before {
        width: calc(100% - 7px);
        background-image: url(../../images/ico/ico-line2_m.svg);
    }

    .center-work>ul>li.reverse .work-cont {
        margin-top: 10px;
        padding-top: 17px;
    }

    .center-work .work2>li:last-child .work-cont__list {
        width: 100%;
        margin-left: 0;
    }

    .info-center .center-tit {
        display: inline-block;
    }

    .info-center .center-tit:after {
        display: inline-block;
        vertical-align: middle;
        margin-top: -5px;
    }

    .info-center .center-subTit {
        margin-top: 30px;
        font-size: 16px;
    }

    .info-center .subCont-list:first-child .center-subTit {
        margin-top: 0;
    }

    .subCont-list>p {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 0;
    }

    .subCont-table {
        margin-top: 20px;
        overflow: auto;
        margin-bottom: 40px;
    }

    .vision-list {
        display: block;
    }

    .vision-list .l {
        width: 100%;
        height: 45px;
    }

    .vision-list .l .tit {
        font-size: 16px;
    }

    .vision-cont__tit br.mobile-ver {
        display: block;
    }

    .vision-cont .vision-list__cont {
        height: auto;
    }

    .vision-cont__ul.row2>li *:not(:last-child) {
        margin-right: 10px;
    }

    .vision-cont__txt p {
        font-size: 16px;
        line-height: 25px;
    }

    .vision-list .r .flex {
        display: block;
    }

    .vision-list .row2>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .vision-way__cont.row2 .vision-way2:last-child {
        display: none;
    }

    .vision-way__cont {
        padding-left: 0;
        margin-top: -10px;
    }

    .vision-way2 {
        height: 0;
        padding-bottom: 26.78%;
        background-size: cover;
    }

    .ci-info {
        margin-top: 0;
    }

    .ci-info {
        padding: 30px 15px;
    }

    .ci-img__wrap {
        border: 0;
        padding: 0;
        min-height: auto;
    }

    .ci-img.width {
        width: 299px;
    }

    .ci-img.height {
        width: 179px;
    }

    .ci-img.height .img {
        padding-bottom: 84.92%;
    }

    .ci-info>ul>li:not(:first-child) {
        margin-top: 0;
    }

    .ci-info>ul>li.flex>div {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #e4e4e4;
    }

    .ci-file {
        display: block;
    }

    .ci-file.flex>li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .ci-file .btn-CIdown {
        width: 100%;
    }

    .info-list .list {
        padding-left: 20px;
    }

    .info-list .list>li>div::before {
        width: 7px;
        height: 7px;
        margin-top: 6px;
    }

    .info-list .list>li>div {
        font-size: 14px;
    }

    .info-list .list>li:not(:last-child) {
        margin-bottom: 15px;
    }

    .info-tit {
        font-size: 20px;
    }

    .info-tit__box {
        height: 50px;
        padding: 13px 20px;
        margin-bottom: 20px;
    }

    .info-tit::before {
        width: 25px;
        height: 25px;
    }

    .info-cont .info-subTit {
        font-size: 20px;
    }

    .info-cont .info-subTit::after {
        height: 10px;
    }

    .info-cont .cont p {
        font-size: 14px;
        line-height: 2;
    }

    .info-cont .org-lv1__side .lv1 .org-info__cont {
        font-size: 12px;
    }

    .info-cont .org-info.lv1:not(.lv1_1, .lv1_2) {
        padding-bottom: 15px;
    }

    .info-cont .org-info.lv1 {
        padding-bottom: 20px;
    }

    .info-cont .org-info.lv3 {
        padding-top: 20px;
    }

    .info-cont .direction-btn .btn {
        display: none;
    }

    .info-cont .direction-info .dir-info__tit {
        display: block;
    }

    .info-cont .direction-info>ul>li {
        align-items: center;
    }

    .info-cont .lv2 .org-info__cont:after {
        display: none;
    }



    /* organization */
    .org-info__cont {
        width: 100%;
        font-size: 14px;
        height: 50px;
        line-height: 1.4;
    }

    .org-info.lv1 {
        width: 100%;
        padding-bottom: 15px;
    }

    .lv1 .org-info__cont:after {
        height: 40px;
        top: 50px;
    }

    .org-info.lv2 {
        width: 100%;
        padding-bottom: 15px;
    }

    .lv2 .org-info__cont:after {
        height: 15px;
        top: 50px;
    }

    .org-info.lv3:before {
        display: none;
    }

    .org-info.lv3 {
        padding: 0;
    }

    .org-lv3>li {
        margin: 0;
        width: 100%;
        padding-bottom: 0;
    }

    .organ-list .pc-ver {
        display: none;
    }

    .organ-list .mobile-ver {
        display: block;
    }

    .org-lv3:after {
        display: none;
    }

    .org-lv3>li:not(:last-child) {
        padding-bottom: 10px;
    }

    .organ-list .org-lv1__center .org-info.lv1.lv1_2 {
        padding-bottom: 15px;
    }

    .organ-list .org-info.lv1.lv1_2::after {
        height: 15px;
    }

    .organ-list .org-info.lv2::after {
        height: 15px;
    }

    .org-lv4 {
        position: relative;
        display: block;
        position: static;
        top: auto;
        left: auto;
        transform: none;
        padding: 0;
    }

    .org-info.lv4 {
        padding-top: 40px;
    }

    .org-info.lv4:before {
        height: 40px;
        top: 20px;
    }

    .lv4 .org-info__cont {
        width: 100%;
    }

    .lv4 .org-info__cont:after {
        height: 40px;
    }

    .org-lv4>li:not(:last-child) {
        margin-right: 0;
    }

    .org-lv4:after {
        display: none;
    }

    .org-lv4>li:last-child .org-info.lv4:before {
        display: none;
    }

    .org-lv4>li:last-child .org-info.lv4 {
        padding-top: 10px;
    }

    .org-lv5>li:last-child .org-info.lv5 {
        padding-top: 10px;
    }

    .org-info.lv5 {
        padding-top: 40px;
        position: relative;
    }

    .lv5 .org-info__cont {
        width: 100%;
    }

    .org-lv5>li:not(:first-child) .org-info.lv5:before {
        content: '';
        width: 1px;
        height: 10px;
        background: #bababa;
        position: absolute;
        top: 0;
    }

    .organ-table {
        margin-top: 30px;
    }

    .organ-table .pc-ver {
        display: none;
    }

    .organ-table .mobile-ver {
        display: block;
    }

    .organ-table .subCont-table {
        overflow: unset;
        margin-bottom: 0;
    }

    .organ-table .subCont-table table {
        width: 100%;
        table-layout: auto;
    }

    .organ-table th.th-name {
        width: 60px;
    }

    .organ-table .subCont-table td {
        font-size: 14px;
        padding: 20px 5px;
        height: 60px;
    }

    .organ-table .subCont-table th {
        font-size: 14px;
    }

    .organ-table .subCont-table td.bg-gray {
        height: 35px;
        padding: 8px 0;
        background-color: #f7f7f7;
    }

    .org-lv1>li.org-lv1__side {
        position: relative;
        top: auto;
        left: auto;
        display: inline-flex;
        width: 50%;
    }

    .org-lv1__side.left {
        left: auto;
        transform: none;
        padding-right: 10px;
    }

    .org-lv1__side.right {
        right: auto;
        transform: none;
        padding-left: 10px;
    }

    .org-lv1 {
        display: flex;
        flex-wrap: wrap;
    }

    .org-lv1>li {
        width: 100%;
    }

    .org-lv1__side .lv1 .org-info__cont:after {
        display: none;
    }

    .org-lv3>li:first-child {
        margin-right: 0;
        padding-bottom: 15px;
    }

    .org-lv3>li:first-child:after {
        content: '';
        position: absolute;
        top: calc(100% - 15px);
        height: 15px;
        width: 1px;
        background: #BABABA;
    }

    .org-lv3>li:last-child {
        margin-left: 0;
    }

    .org-lv1__side img {
        height: 90%;
        width: auto;
    }

    .org-lv1>li.org-lv1__side>div {
        padding-bottom: 10px;
    }

    .org-cont__box {
        font-size: 14px;
        min-height: auto;
        padding: 15px 0;
    }

    .org-lv1__center .org-resident {
        position: relative;
        left: auto;
        top: auto;
        margin: 15px auto 0;
    }

    .org-lv1__center .org-resident::before {
        display: none;
    }

    .org-resident .org-info__cont {
        width: 100%;
    }

    .org-resident .org-cont__box {
        width: 100%;
        text-align: center;
    }


    /* bizInfo */
    .biz-tabMenu>ul>li:not(:last-child) {
        margin-right: 15px;
    }

    .biz-tabMenu {
        margin-bottom: 40px;
    }

    .biz-tabMenu>ul>li>a {
        font-size: 14px;
        height: 50px;
    }

    .biz-tabMenu>ul>li>a br.pc-ver {
        display: none;
    }

    .biz-tabMenu>ul>li>a br.mobile-ver {
        display: block;
    }

    .biz-tit {
        margin-bottom: 40px;
    }

    .biz-tit h3 {
        font-size: 18px;
    }

    .biz-subTit {
        font-size: 18px;
    }

    .biz-list .info-list>li {
        line-height: 30px;
    }

    .biz-list .info-list>li br {
        display: none;
    }

    .biz-list .info-list>li::before {
        margin-top: 12px;
    }

    .biz-img.flex {
        flex-wrap: wrap;
    }

    .biz-img.flex .img-wrap {
        width: 100%;
    }

    .biz-img .img-wrap:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .biz-table td {
        width: 17%;
    }


    /* direction */
    .direction-info {
        padding: 15px 25px;
    }

    .direction-info:after {
        display: none;
    }

    .direction-info>ul>li {
        align-items: flex-start;
    }

    .direction-info>ul>li::before {
        margin-top: -2px;
    }

    .direction-info .dir-info__tit {
        display: none;
    }

    .direction-info .dir-info__cont {
        font-size: 16px;
        word-break: keep-all;
    }



    .bbsActive .gall_row {
        margin: 0 -5px;
    }

    .bbsActive .gall_row .col-gn-1 {
        padding: 0 5px;
    }

    #bo_v_file .ico-file {
        width: 16px;
        height: 16px;
        margin-top: 5px;
    }

    .bbsDetail #bo_v_file li>div {
        display: flex;
    }

}



@media screen and (max-width: 686px) {
    .subCont-table table {
        width: 687px;
    }

}