@charset "UTF-8";

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    src: url(https://example.com/material-symbols.woff) format('woff');
}

* {
    word-break: keep-all;
}


select {
    display: inline-block;
    width: auto;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1A2128;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ddd;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 1rem;
}


.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}


/* subVisual */
.sub_visu {
    height: 320px;
    position: relative;
    background-size: cover !important;
}

.sub_visu h1 {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 0 12px #35527750;
}

.content_wrap {
    padding: 50px 0 120px;
}

/* lnb */
.lnb {
    border-bottom: 1px solid #d7d7d7;
}

.lnb .home {
    line-height: 60px;
    display: inline-block;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    padding: 0 20px;
}

.lnb .home img {
    vertical-align: baseline;
}

.lnb .ulDepth1 {
    display: inline-block;
    margin-left: -2px;
}

.lnb .menuDepth1 {
    position: relative;
    display: inline-block;
}

.lnb .menuDepth1>a {
    min-width: 80px;
    line-height: 60px;
    display: inline-block;
    border-right: 1px solid #d7d7d7;
    padding: 0 80px 0 20px;
    position: relative;
}

.lnb .menuDepth1>a::after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url('/design/default/img/sub/lnb_arr.png') no-repeat center center;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.lnb .menuDepth1>a:first-of-type::after {
    display: none;
}

.lnb .menuDepth1.cloned>a:first-of-type {
    display: none;
}

.lnb .ulDepth2 {
    display: none;
    position: absolute;
    right: 0;
    top: 60px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    z-index: 9999;
}

.lnb .ulDepth2.on {
    display: block;
}

.lnb .ulDepth2 .menuDepth2>a {
    min-width: 80px;
    line-height: 50px;
    padding: 0 80px 0 20px;
    border-bottom: 1px solid #d7d7d7;
}

.lnb .ulDepth2 .menuDepth2>a:hover {
    background-color: #eaeaea;
}

.lnb .menuDepth1.cloned:hover .ulDepth2 {
    display: block;
}

/* 기업개요 */
.intro .company {
    width: 47%;
    min-height: 435px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d7d7d7;
    padding: 1.5rem;
    box-sizing: border-box;
    margin-right: 5%;
    margin-bottom: 50px;
}

.intro .company:nth-of-type(2) {
    margin-right: 0;
}

.intro .company>p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.intro .company>ul>li {
    padding-bottom: 10px;
}

.intro .company>ul>li.img_li {
    margin-top: 18px;
}

.intro .company>ul>li>span {
    word-break: keep-all;
    color: #555;
}

.intro .company>ul>li>span:first-of-type {
    width: 110px;
    display: inline-block;
    font-weight: 700;
    color: #12b3fd;
}

.intro .company>ul>li>ul {
    width: calc(100% - 130px);
    display: inline-block;
    vertical-align: top;
}

.intro .company>ul>li>ul>li {
    word-break: keep-all;
    position: relative;
    padding-left: 12px;
    color: #555;
}

.intro .company>ul>li>ul>li::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #777;
    border-radius: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

.intro .vision {
    text-align: center;
    border: 1px solid #d7d7d7;
    padding: 1.5rem;
}

.intro .vision>p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2rem;
    word-break: keep-all;
}

.intro .vision>ul>li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.intro .vision>ul>li:nth-of-type(2) {
    margin: 0 4% 0;
}

.intro .vision>ul>li .tit {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background-color: #12b3fd;
    padding: 10px 0;
}

.intro .vision>ul>li .desc {
    word-break: keep-all;
    padding: 1rem;
    color: #555;
}

.intro .business {
    padding: 1.5rem;
    border: 1px solid #d7d7d7;
    margin-bottom: 50px;
}

.intro .business>p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2rem;
}

.intro .business>ul>li {
    width: 47%;
    min-height: 185px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 2rem 1rem;
    text-align: center;
}

.intro .business>ul>li:nth-of-type(1) {
    background: url('/design/default/img/sub/busi02.jpg') no-repeat center / cover;
    margin-right: 4%;
}

.intro .business>ul>li:nth-of-type(2) {
    background: url('/design/default/img/sub/busi03.jpg') no-repeat center / cover;
}

/*.intro .business > ul > li:nth-of-type(3) {background: url('/design/default/img/sub/busi03.jpg') no-repeat center center;}*/
.intro .business>ul>li>p {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 1rem;
    color: #fff;
}

.intro .business>ul>li>ul>li {
    padding-bottom: 10px;
    color: #fff;
}

/* 연혁 */
.history {
    position: relative;
}

.history::after {
    content: '';
    width: 1px;
    height: 973px;
    background-color: #d7d7d7;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.history::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background-color: #d7d7d7;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
}

.history .left {
    float: left;
    text-align: right;
}

.history .right {
    float: right;
    text-align: left;
}

.history>ul>li {
    margin-bottom: 80px;
}

.history>ul>li:last-of-type {
    margin-bottom: 0;
}

.history .desc_box {
    width: 260px;
    font-size: 18px;
    color: #787878;
}

.history .desc_box.right {
    margin-right: 179px;
}

.history .desc_box.left {
    margin-left: 179px;
}

.history .desc_box>p {
    font-weight: 700;
    font-size: 28px;
    color: #2863c7;
    padding-bottom: 1rem;
    position: relative;
}

.history .desc_box>p::after {
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    background-color: #2863c7;
    border-radius: 20px;
    position: absolute;
    left: -20px;
    top: 19px;
}

.history .desc_box.left>p::after {
    left: auto;
    right: -20px;
}

.history .desc_box>p::before {
    content: '';
    width: 142px;
    height: 1px;
    display: block;
    background-color: #2863c7;
    position: absolute;
    left: -161px;
    top: 22px;
}

.history .desc_box.left>p::before {
    left: auto;
    right: -161px;
}

.history .desc_box>ul>li {
    padding-bottom: 4px;
}

.history .before .desc_box {
    margin-top: 22px;
}

.history .present .desc_box {
    margin-top: 22px;
}

.history .future .desc_box {
    margin-top: 45px;
}

.history .img_box>img {
    max-width: 100%;
    box-shadow: 10px 10px 20px #b3b3b3;
}

/* .history .arr {width: calc(100% - 60px);height: 40px;background-color: #12b3fd;position: relative;}
.history .arr::after {content: '';width: 0px;height: 0px;border-left: 60px solid #12b3fd;border-top: 40px solid transparent;border-bottom: 40px solid transparent;position: absolute;right: -60px;top: 50%;transform: translateY(-50%);z-index: 999;}
.history > ul > li {width: 30%;min-height: 325px;display: inline-block;vertical-align: top;text-align: center;box-shadow: 10px 11px 13px 6px #e2e2e2;box-sizing: border-box;position: relative;margin-top: 60px;border-radius: 20px;}
.history > ul > li:nth-of-type(2) {margin-left: 1.5%;margin-right: 1.5%;}
.history > ul > li::before {content: '';width: 2px;height: 60px;display: block;background-color: #12b3fd;position: absolute;top: -60px;left: 50%;transform: translateX(-50%);}
.history > ul > li > p {font-size: 28px;font-weight: 700;color: #fff;padding: 1rem;background-color: #12b3fd;border-radius: 20px 20px 0 0;}
.history > ul > li > ul {padding: 1rem;}
.history > ul > li > ul > li {padding-bottom:10px;} */

/* 조직도 */
.chart {
    text-align: center;
}

.chart h3 {
    width: 230px;
    height: 170px;
    line-height: 170px;
    color: #fff;
    background: url('/design/default/img/sub/history_bg.png') no-repeat center center;
    font-size: 24px;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    padding: 1rem;
}

.chart h3::before {
    content: '';
    width: 1px;
    height: 313px;
    display: block;
    background-color: #1276a5;
    position: absolute;
    top: calc(100% - 19px);
    ;
    left: 50%;
    transform: translateX(-50%);
}

.chart h3::after {
    content: '';
    width: 656px;
    height: 1px;
    display: block;
    background-color: #1276a5;
    position: absolute;
    bottom: -295px;
    left: 50%;
    transform: translateX(-50%);
}

.chart .quality {
    width: 150px;
    font-size: 18px;
    font-weight: 500;
    margin: 60px 0 80px 310px;
    position: relative;
}

.chart .quality::after {
    content: '';
    width: 152px;
    height: 1px;
    display: block;
    background-color: #1276a5;
    position: absolute;
    right: -141px;
    top: 33%;
    transform: translateY(-50%);
}

.chart .team>li {
    display: inline-block;
    color: #1276a5;
    text-align: center;
    position: relative;
    margin-right: 85px;
}

.chart .team>li:last-of-type {
    margin-right: 0;
}

.chart .team>li::before {
    content: '';
    width: 1px;
    height: 42px;
    display: block;
    background-color: #1276a5;
    position: absolute;
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
}

.chart .img_box {
    position: relative;
}

.chart .img_box>img {
    width: 130px;
}

.chart .img_box::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-color: #12b3fd;
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
}

.chart li p {
    font-size: 20px;
    padding-top: 35px;
    font-weight: 500;
    color: #545454;
    position: relative;
}

.chart li p::after {
    content: '';
    width: 20px;
    height: 1px;
    display: block;
    background-color: #12b3fd;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.chart li p::before {
    content: '';
    width: 1px;
    height: 25px;
    display: block;
    background-color: #12b3fd;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
}


/* .chart {text-align: center;}
.chart h3 {width:230px;height:170px;line-height:170px;color: #fff;background:url('/design/default/img/sub/history_bg.png') no-repeat center center;font-size: 24px;border-radius: 100%;margin: 0 auto;position: relative;padding: 1rem;}
.chart h3::before {content: '';width: 1px;height: 160px;display: block;background-color: #1276a5;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.chart h3::after {content: '';width: 467px;height: 1px;display: block;background-color: #1276a5;position: absolute;bottom: -160px;left: 50%;transform: translateX(-50%);}
.chart .quality {width: 180px;height: 80px;line-height:80px;font-size:18px;font-weight:500;color: #fff;margin: 60px 0 80px 415px;position: relative;}
.chart .quality::after {content: '';width: 65px;height: 1px;display: block;background-color: #1276a5;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);}
.chart .team > li {width:120px;height:60px;line-height: 60px;display: inline-block;color: #1276a5;text-align: center;border: 1px solid #1276a5;margin-right: 30px;position: relative;}
.chart .team > li:last-of-type {margin-right: 0;}
.chart .team > li::before {content: '';width: 1px;height: 42px;display: block;background-color: #1276a5;position: absolute;top: -42px;left: 50%;transform: translateX(-50%);} */

/* 오시는길 */
.map .map_box iframe {
    width: 100%;
    height: 460px;
}

.map .map_info>ul>li {
    border-bottom: 1px solid #d7d7d7;
    padding: 1rem 0;
    font-size: 18px;
    font-weight: 500;
}

.map .map_info>ul>li img {
    margin-right: 15px;
    vertical-align: middle;
}

.map .map_info>ul>li br {
    display: none;
}

.map .map_wrap {
    margin-bottom: 80px;
}

.map .map_wrap>p {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 20px;
}

/* 사업소개 > 2차전지 */
.battery_intro .bat_intro_box:not(:last-child) {
    margin-bottom: 32px;
}

.battery_intro .bat_intro_box .tit {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 1rem;
}

.battery_intro .bat_intro_box .tit span {
    font-weight: 500;
}

.battery_intro .step {
    display: flex;
    flex-wrap: wrap;
    gap:0;
}

.battery_intro .step>li {
    flex: 1;
    display: inline-block;
    border: 0px solid #12b3fd;
    color: #666;
    text-align: center;
    padding: 1rem 0;
    margin-right: 60px;
    margin-bottom: 17px;
    position: relative;
}

.battery_intro .step>li::after {
    content: '\e5e1';
    font-family: 'Material Symbols Outlined';
    font-weight: bold;
    font-size: 1.5rem;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: -44px;
    top: 34%;
    transform: translateY(-50%);
}

.battery_intro .step>li:last-child {
    margin-right: 0
}

.battery_intro .step>li:last-of-type::after {
    display: none;
}

.battery_intro .see>li {
    position: relative;
    padding: 5px 0px 5px 15px;
}

.battery_intro .see>li::before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background-color: #555;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 15px;
}


/*사업소개 23-07-22*/
.page_title {
    font-size: 2.125rem;
    font-weight: bold;
    color: #111111;
    padding-bottom: 4rem;
}

.hardwear {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.hardwear li {
    /* flex: 1 1 auto; */
    background: #f7f7f9;
    border-radius: 1.5rem;
    padding: 1.75rem;
    flex-basis: 44%;
}

.hardwear li div.thumnail {
    width:100%;
    padding-bottom: 1rem;
    border-radius: 1.25rem;
    overflow:hidden;
}

.hardwear li div.thumnail img {
    display:block;width:100%;
}

.hardwear li div.sub {
    font-size: .875rem;
    color: #666;
}

.hardwear li div.title {
    color: #111;
    font-weight: bold;
    font-size: 1.25rem;
}

.hardwear li div.detail-text .point {
    padding-top:10px;
}
.hardwear li div.detail-text .point li {
    padding:0;
    margin-bottom:4px;
}
.hardwear li div.detail-text .point li:last-child {
    margin-bottom:0;
}

/* 230810 */
.hardwear-list {width:100%;border-top:1px solid #d3d4d6;}
.hardwear-list > li {position:relative;width:100%;border-bottom:1px solid #d3d4d6;}
.hardwear-list > li .number {position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#b90505;}
.hardwear-list > li .number span {color:#fff;font-size:1.5em;font-weight:700;}
.hardwear-list > li .textWrap {width:100%;padding-left:80px;box-sizing:border-box;}
.hardwear-list > li .textWrap .sub {display:block;height:24px;color:#868686;font-size:0.875em;font-weight:500;padding-top:4px;}
.hardwear-list > li .textWrap .ttl {color:#101010;font-size:1.5em;font-weight:700;line-height:60px;margin-bottom:10px;}
.hardwear-list > li .textWrap .sub + .ttl {line-height:28px;padding-bottom:4px;}
.hardwear-list > li .textWrap .detail {display:block;width:100%;white-space:pre-line;}
.hardwear-list > li .textWrap .point {display:flex;flex-flow:row wrap;justify-content:flex-start;width:100%;padding:18px 24px;margin:20px 0;border-radius:10px;background-color:#f3f4f6;box-sizing:border-box;}
.hardwear-list > li .textWrap .point li {width:calc(100% / 3);color:#232323;padding:2px 12px 2px 0;box-sizing:border-box;}
.hardwear-list > li .imgWrap {display:flex;flex-flow:row wrap;justify-content:flex-end;width:100%;padding-left:80px;box-sizing:border-box;}
.hardwear-list > li .imgWrap li {height:200px;margin-left:5px;margin-bottom:10px;border:1px solid #d3d4d6;border-radius:10px;box-sizing:border-box;overflow:hidden;}
.hardwear-list > li:nth-child(4) .imgWrap li {height:150px;}
.hardwear-list > li .imgWrap li img {display:block;width:auto;height:100%;}

.badge {
    --bs-badge-padding-x: 1.28rem;
    --bs-badge-padding-y: .5rem;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: .875rem;
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: #111111;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}

.text-bg-light {
    color: #111111 !important;
    background-color: #e8eaed;
}


@media (max-width:768px) {

    .battery_intro .step {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .battery_intro .bat_intro_box:not(:last-child) {
        margin-bottom: 60px;
    }

    .battery_intro .bat_intro_box .tit {
        font-size: 19px;
        font-weight: 700;
        padding-bottom: 1rem;
    }

    .battery_intro .step>li div.title {
        font-size: 19px !important;
        font-weight: bold;
        color: #222;
        margin-bottom: .5rem;
        margin-top: 1.25rem;
    }
    .battery_intro .step>li div.sub {
        font-size: 14px !important;;
        line-height: 1.6;
        word-break: keep-all;
    }


    .page_title {
        font-size: 27px;
        font-weight: bold;
        color: #111111;
        padding-bottom: 4rem;
    }


    .hardwear {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .hardwear li {
        /* flex: 1 1 auto; */
        background: #f7f7f9;
        border-radius: 1.5rem;
        padding: 2rem;
        flex-basis: auto;
    }

    .hardwear li div.thumnail {
        padding-bottom: 1rem
    }

    .hardwear li div.thumnail img {
        width:100%; 
    }
    .hardwear li div.sub {
        font-size: .875rem;
        color: #666;
    }

    .hardwear li div.title {
        color: #111;
        font-weight: bold;
        font-size: 17px;
    }

    .badge {
        --bs-badge-padding-x: 1.28rem;
        --bs-badge-padding-y: .5rem;
        --bs-badge-font-size: 0.75em;
        --bs-badge-font-weight: 700;
        --bs-badge-color: #fff;
        --bs-badge-border-radius: 0.375rem;
        display: inline-block;
        padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
        font-size: .875rem;
        font-weight: var(--bs-badge-font-weight);
        line-height: 1;
        color: #111111;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: var(--bs-badge-border-radius);
    }

    .text-bg-light {
        color: #111111 !important;
        background-color: #e8eaed;
    }



}


/*부품소개*/


.con .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.list_busi_type2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 4rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5rem;
}

.list_busi_type2:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.list_busi_type2 .con_title {
    width: 66.6666666667%;
}
.list_busi_type2 .con_title h3 {
    font-size: 2.625rem;
    letter-spacing: -0.03em;
    line-height: 1.4285714286;
}
.container .con_title h3 {
     font-size: 2.5rem;
    letter-spacing: -0.03em;
    line-height: 1.2666666667;
    word-break: keep-all;
    word-wrap: break-word;
    color: #222222;
}
.list_busi_type2 .con_title p {
    margin-top: 1.46875rem;
    font-size: 1.1875rem;
    letter-spacing: -0.03em;
    line-height: 1.6842105263;
    color: #666666;
    word-break: keep-all;
    word-wrap: break-word;
}
.list_busi_type2 .con_title p::before {
    content: "\e2e6";
    font-family: 'Material Symbols Outlined';
     font-size: 25px;
    color: #b90505;
    margin-right: 1rem;
    vertical-align: middle;
}
.list_busi_type2 .con_title .btn_wrap {
    margin-top: 2rem;
}

.btn.md {
    min-width: 160px;
    height: 60px;
    font-size: 1.0625rem;
    letter-spacing: -0.03em;
    line-height: 3.4117647059;
    padding: 0 30px;
    border-radius: 30px;
    border-color: #aaaaaa;
    position: relative;
    text-align: left;
    margin-top:0;
}
.btn.md:hover { 
    border-color: #b90505;
    background:#b90505;
    color:#fff;
    transition: .3s;
}
.list_busi_type2 .con_title .btn_wrap .btn:after {
    content: "\f090";
    font-family: 'Material Symbols Outlined';
    position: absolute;
    right: 21px;
    font-size: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.2s, margin 0.2s;
}  
.list_busi_type2 .con_img {
    width: 25.9183673469%;
    margin-left: 11.1224489796%;
}

.pc_on {
    display: block;
    width: 100%;
}

.m_on {
    display: none;
}


@media (max-width:768px) {

    .list_busi_type2 {
        flex-wrap: wrap;
        margin-top: 0;
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }
     .list_busi_type2 .con_title {
        width: 100%;
    }

    .list_busi_type2 .con_title h3 {
        font-size: 24px;
        letter-spacing: -0.03em;
        line-height: 1.4;
    }

    .list_busi_type2 .con_title p {
        margin-top: 0.625rem;
        font-size: 1rem;
        letter-spacing: -0.03em;
        line-height: 1.4;
        padding-left: 40px;
    text-indent: -40px;
    }

    .list_busi_type2 .con_title .btn_wrap {
        margin-top: 0.96875rem;
    }

    .list_busi_type2 .con_title .btn_wrap a {
        margin-top: 0.625rem;
    }

    .btn.md {
        min-width: 130px;
        height: 50px;
        padding: 0 22px;
        font-size: 0.875rem;
        letter-spacing: -0.03em;
        line-height: 3.4285714286;
        border-color: #b90505;
        color: #b90505;
    }

    .btn.md.icon {
        min-width: 150px;
        padding-right: 24px;
    }

    .list_busi_type2 .con_img {
        width: 100%;
        margin-left: 0;
        margin-top: 2.8125rem;
        padding: 0 4rem;
    }
    .list_busi_type2 .con_img .pc_on {
        display: none;
    }
    
    .m_on {
        display: block;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }

    

}


/* 제품소개 */
.battery_pd .module_tit {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    /*display: inline-block;margin-right: 60px;*/
}

/* .battery_pd .module_tit::before {content: '';width: 50px;height: 4px;display: block;background-color: #6c6c6c;position: absolute;left: 50%;top: -5px;transform: translateX(-50%);} */
.battery_pd .tabs {
    margin-bottom: 30px;
    text-align: center;
}

.battery_pd .tabs>li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.battery_pd .tabs>li.on>a {
    border: 2px solid #12b3fd;
    color: #12b3fd;
}

.battery_pd .tabs>li>a {
    width: 130px;
    border: 2px solid #bbbbbb;
    padding: 14px 18px;
    text-align: center;
    border-radius: 20px;
    font-size: 18px;
}

.battery_pd .panel {
    margin-bottom: 135px
}

.battery_pd .pd_thumb {
    margin: 30px auto;
    display: block;
    max-width: 100%;
}

.battery_pd>ul>li>p {
    margin-bottom: 15px;
}

.battery_pd>ul>li .pd_tit {
    font-weight: 700;
    color: #12b3fd;
    font-size: 22px;
}

.battery_pd>ul>li .pd_tit br {
    display: none;
}

.battery_pd>ul>li .pd_tit span {
    color: #444;
    font-weight: 500;
    font-size: 20px;
}

.battery_pd .batteries>li.hide {
    display: none;
}

.battery_pd .batteries>li.show {
    display: block;
}

.battery_pd .core {
    padding: 15px 25px;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
}

.battery_pd .core>p {
    font-weight: 700;
    color: #fff;
    background-color: #888;
    margin-bottom: 20px;
    padding: 5px 10px;
    display: inline-block;
}

.battery_pd .core>p.desc {
    background-color: transparent;
    color: #555;
}

.battery_pd .core>ul>li {
    position: relative;
    padding-left: 12px;
}

.battery_pd .core>ul>li::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #777;
    border-radius: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

.battery_pd .img_box {
    padding-top: 20px;
}

.battery_pd .img_box>ul {
    text-align: center;
}

.battery_pd .img_box>ul>li {
    display: inline-block;
    margin-right: 5px;
}

.battery_pd .img_box>ul>li:last-of-type {
    margin-right: 0;
}

.battery_pd .img_box>ul>li img {
    max-width: 100%;
}

.battery_pd .use>ul {
    text-align: center;
}

.battery_pd .use>ul>li {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-left: 0;
    margin-right: 1.6%;
    margin-bottom: 15px;
    font-weight: 500;
}

.battery_pd .use>ul>li>img {
    margin-bottom: 15px;
    max-width: 100%;
}

.battery_pd .use>ul>li:last-of-type {
    margin-right: 0;
}

.battery_pd .use>ul>li::before {
    display: none;
}

.battery_pd .vid_link {
    text-align: right;
}

.battery_pd .vid_link>a {
    border: 2px solid #d7d7d7;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 20px;
}

.battery_pd .vid_link span {
    vertical-align: middle;
    padding-left: 10px;
}

.battery_pd .vid_link>a:hover {
    border: 2px solid #C4302B;
    color: #222;
    font-weight: 500;
}

.battery_pd .pd_banner {
    width: 100%;
    height: 300px;
    background: url('/design/default/img/sub/midBanner.jpg') no-repeat center right;
    margin-bottom: 20px;
    position: relative;
}

.battery_pd .pd_banner>p {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 28px;
}

.battery_pd .pd_banner>p span {
    font-weight: 700;
    font-size: 32px;
}

.part_wrap {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.part_wrap li {
    border: 1px solid #dddddd;
    padding: 2rem;
    border-radius: 1rem;
    flex: 1;
    flex-basis: 26%;
    /* width: 33%; */
}

.part_wrap li:hover {
    border: 1px solid #b90505;
    transition: .6s;
}

.part_wrap li:hover button {
    border: 1px solid #b90505;
    transition: .6s;
}

.part_wrap li:hover button span {
    color: #b90505;
    transition: .6s;
}

.part_wrap .thumnail {
    width: 80%;
    margin: 1.5rem auto;
    min-height: 164px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.part_wrap .thumnail img {
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.part_wrap .title {
    font-size: 1.25rem;
    font-weight: bold;
}

.part_wrap li button {
    border-radius: 2rem;
    width: 58px;
    height: 58px;
    margin-top: 1rem;
    text-align: center;
    /* font-size: 1rem; */
}

.part_wrap li button span {
    font-size: 2rem;
    font-weight: normal;
    vertical-align: middle;
    color: #ddd;
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.btn-outline-gray {
    --bs-btn-color: #ddd;
    --bs-btn-border-color: #ddd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ddd;
    --bs-btn-hover-border-color: #ddd;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ddd;
    --bs-btn-active-border-color: #ddd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ddd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ddd;
    --bs-gradient: none;
}



/* 사업소개 > 소방안전 */
.fire_intro .intro_txt {
    background-color: #f2f2f2;
    padding: 2rem;
}

.fire_intro .intro_txt strong {
    display: block;
    font-size: 18px;
    color: #2863c7;
    padding-bottom: 10px;
    letter-spacing: -0.05rem;
}

.fire_intro .tabs {
    margin-bottom: 30px;
    text-align: center;
}

.fire_intro .tabs>li {
    display: inline-block;
    margin-right: 20px;
}

.fire_intro .tabs>li.on>a {
    border: 2px solid #12b3fd;
    color: #12b3fd;
}

.fire_intro .tabs>li>a {
    width: 130px;
    border: 2px solid #bbbbbb;
    padding: 14px 18px;
    text-align: center;
    border-radius: 20px;
    font-size: 18px;
}

.fire_intro .temp {
    margin-bottom: 1rem;
}

.fire_intro .temp>li {
    width: 30%;
    display: inline-block;
    margin-right: 4.7%;
}

.fire_intro .temp>li:last-of-type {
    margin-right: 0;
}

.fire_intro .temp>li img {
    width: 100%;
}

.fire_intro .from {
    text-align: right;
    color: #666;
    font-size: 14px;
}

.fire_intro .tit {
    text-align: left;
}

.fire_intro .capsule {
    text-align: center;
}

.fire_intro .capsule .inline_block {
    display: inline-block;
    vertical-align: middle;
}

.fire_intro .capsule .cpsBx {
    position: relative;
    box-sizing: border-box;
    padding: 25px;
    background: url('/design/default/img/sub/capsule-bg.png') no-repeat center center;
    margin: 0 35px;
}

.fire_intro .capsule .cpsBx::before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background: url('/design/default/img/sub/capsule_left.png') no-repeat center center;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
}

.fire_intro .capsule .cpsBx::after {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background: url('/design/default/img/sub/capsule_right.png') no-repeat center center;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}

.fire_intro .capsule .cpsBx>img {
    position: relative;
    z-index: 666;
}

.fire_intro .capsule .mouse {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 777;
    background: rgba(0, 0, 0, .3);
    padding: 7px 10px;
    border-radius: 5px;
}

.fire_intro .capsule .mouse.hide {
    display: none;
}

.fire_intro .capsule .mouse_txt {
    width: 50%;
    height: 100%;
    line-height: 348px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    z-index: 99;
    transition: all .3s;
    opacity: 0;
}

.fire_intro .capsule .shell {
    left: 0;
    background: url('/design/default/img/sub/capsule-bg-on.png') no-repeat center;
}

.fire_intro .capsule .shell.on {
    opacity: 1;
}

.fire_intro .capsule .core {
    right: 0;
    background: url('/design/default/img/sub/capsule-item-on.png') no-repeat center center;
    padding: 12px;
    z-index: 777;
}

.fire_intro .capsule .core.on {
    opacity: 1;
}

.fire_intro .capsule .trigger {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 888;
}

.fire_intro .capsule .trigger.left {
    left: 0;
    border-radius: 170px 0 0 170px;
}

.fire_intro .capsule .trigger.right {
    right: 0;
    border-radius: 0 170px 170px 0;
}

.fire_intro .capsule .mouse_desc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    z-index: 850;
    display: none;
}

.fire_intro .capsule .mouse_desc.on {
    display: block;
}

.fire_intro .capsule .mouse_desc.left {
    left: 40px;
}

.fire_intro .capsule .mouse_desc.right {
    right: 75px;
}

.fire_intro .capsule .dash {
    position: absolute;
    display: block;
    content: "";
    width: 0px;
    height: 100%;
    border-left: 2px dashed rgba(255, 255, 255, 0.5);
    top: 0px;
    left: 50%;
    margin-left: -1px;
    z-index: 666;
}

.fire_intro .capsule .desBx {
    width: 335px;
    text-align: left;
    padding: 1rem;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #12b3fd;
}

.fire_intro .capsule .desBx>p:nth-of-type(1) {
    font-size: 18px;
    font-weight: 500;
}

.fire_intro .capsule .desBx>p:nth-of-type(2) {
    font-size: 20px;
    font-weight: 500;
    color: #12b3fd;
}

.fire_intro .capsule .desBx.on>p:nth-of-type(2) {
    color: #fff;
}

.fire_intro .capsule .desBx.on {
    background-color: #12b3fd;
}

.fire_intro.battery_intro .step>li {
    width: 335px;
}

.battery_intro .step>li div.thumnail {
    width: 100%;
}

.battery_intro .step>li div.title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #222;
    margin-bottom: .5rem;
    margin-top: 1.25rem;
}

.battery_intro .step>li div.sub {
    font-size: 1rem;
    line-height: 1.6;
    word-break: keep-all;
}


.fire_intro .big>li {
    width: 32%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.fire_intro .big>li>img {
    max-width: 100%;
}

.fire_intro .big>li>p {
    font-size: 20px;
    padding-top: 15px;
    font-weight: 700;
    color: #666;
}

.fire_intro .big>li>p>span:first-of-type {
    display: inline-block;
    font-weight: 500;
    padding-right: 10px;
    color: #bdbdbd;
    font-size: 24px;
    vertical-align: middle;
}

.fire_intro .big>li>p>span:last-of-type {
    display: inline-block;
    vertical-align: middle;
}

.fire_intro .vid iframe {
    width: 100%;
    height: 675px;
}

.fire_intro .small>li {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;
    margin-bottom: 40px;
    text-align: center;
}

.fire_intro .small>li:nth-of-type(2n) {
    margin-right: 0;
}

.fire_intro .small>li>img {
    width: 100%;
}

.fire_intro .small>li>p {
    font-weight: 500;
    color: #555;
    font-size: 20px;
    padding-top: 15px;
}

.fire_intro .fire_panel {
    display: none;
}

.fire_intro .fire_panel.on {
    display: block;
}

/* AEGIS소개 */
.battery_intro .background>li {
    width: 48%;
    height: 222px;
    vertical-align: top;
    display: inline-block;
    color: #fff;
    padding: 2rem 3.2rem;
    box-sizing: border-box;
}

.battery_intro .background>li:first-of-type {
    background: url('/design/default/img/sub/aegis_bg01.jpg') no-repeat center center / cover;
    margin-right: 3%;
}

.battery_intro .background>li:last-of-type {
    background: url('/design/default/img/sub/aegis_bg02.jpg') no-repeat center center / cover;
}

.battery_intro .background>li>p {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
}

.battery_intro .background>li>div>p {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 7px;
    word-break: keep-all;
}

.battery_intro .background>li>div>ul>li {
    position: relative;
    padding-left: 10px;
}

.battery_intro .background>li>div>ul>li::before {
    content: '';
    width: 5px;
    height: 1px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 12px;
}

.battery_intro .aegis_desc {
    padding-bottom: 20px;
}

.battery_intro .aegis_desc span {
    font-weight: 500;
    color: #2863c7;
}

.battery_intro .spec_img {
    width: 100%;
}

.battery_intro .pdSet>li strong {
    font-size: 18px;
}

.battery_intro .aegisUse>li {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-right: 5%;
    margin-bottom: 50px;
}

.battery_intro .aegisUse>li:nth-of-type(2n) {
    margin-right: 0;
}

.battery_intro .aegisUse>li img {
    width: 100%;
}

.battery_intro .aegisUse>li strong {
    font-size: 20px;
    padding: 10px 0;
    display: block;
    color: #2863c7;
    word-break: keep-all;
}

/* 적용사례 */
.battery_ex .ex_list>li {
    width: 32%;
    display: inline-block;
    border: 1px solid #d7d7d7;
    margin-right: 1%;
    margin-bottom: 1%;
}

.battery_ex .ex_list>li:nth-of-type(3n) {
    margin-right: 0;
}

.battery_ex .ex_list>li>img {
    width: 100%;
}

.fire_ex .fire_ex_list>li {
    width: 32%;
    min-height: 393px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    margin-right: 1.4%;
    border-radius: 1rem;
    margin-bottom: 1.4%;
}

.fire_ex .fire_ex_list>li:nth-of-type(3n) {
    border-right: 1px solid #d7d7d7;
    margin-right: 0;
}

.fire_ex .fire_ex_list>li .img_box img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 1rem 1rem 0 0;
}

.fire_ex .fire_ex_list>li .info {
    padding: 1.5rem;
    box-sizing: border-box;
    word-break: keep-all;
}

.fire_ex .fire_ex_list>li .info .name {
    font-weight: 700;
    color: #12b3fd;
}

.fire_ex .fire_ex_list>li .info .desc {
    font-weight: 700;
    color: #111;
    font-size: 19px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* pagination */
.pagination {
    margin-top: 30px;
}

.pagination>ul {
    text-align: center;
}

.pagination>ul>li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.pagination>ul>li:last-of-type {
    margin-right: 0;
}

.pagination>ul>li>a {
    width: 40px;
    height: 40px;
    border: 1px solid #d7d7d7;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    /* display: block; */
}

.pagination>ul>li.active>a {
    color: #777;
    background-color: #f7f7f9;
}

.pagination>ul>li img {
    vertical-align: inherit;
}

/* btn */
.btn {
    text-align: right;
    margin-top: 30px;
}

.btn>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.btn>div>a {
    width: 80px;
    height: 54px;
    color: #999;
    background-color: #f7f7f9;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 0 1rem;
    border-radius: 8px;
    /* vertical-align: middle; */
    line-height: 54px;
}
.btn>div.write>a {
    background-color: #333;
    color: #fff;
}

.btn>div.reply>a {
    background-color: #59c06a0f;
    color: #59c06a;
    border: 1px solid #59c06a;
}

.btn>div.delete>a {
    border: 1px solid #ca4621;
    color: #ca4621;
    background: #ca46210f;
}

.btn>div.modify>a {
    background-color: #558bed0f;
    color: #558bed;
    border: 1px solid #558bed;
}
.btn>div button {
    width: 80px;
    height: 54px;
    border: none;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
}

.btn>div.write>button {
    background-color: #333;
    border-radius: 8px;
    color: #fff;
    min-width: 150px;
}

.btn>div.delete>button {
    border: 1px solid #ca4621;
    color: #ca4621;
    background: #ca46210f;
}

.btn>div.modify>button {
    background-color: #558bed0f;
    color: #558bed;
    border: 1px solid #558bed;
}


 

/* 공지사항 list*/
.default_bd_list .tbl {
    width: 100%;
}

.default_bd_list .num_col {
    width: 5%;
}

.default_bd_list .tbl thead>tr {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 1rem 0;
}

.default_bd_list .tbl thead th {
    padding: 1.5rem 0
}

.default_bd_list .writer_col {
    width: 8%;
}

.default_bd_list .date_col {
    width: 10%;
}

.default_bd_list .hit_col {
    width: 5%;
}

.default_bd_list .list {
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_list .list td {
    padding: 1rem 0;
    vertical-align: middle;
}

.default_bd_list td.num {
    padding: 10px;
    box-sizing: border-box;
    color: #a3a3a3;
}

.default_bd_list td.tit {
    text-align: left;
    color: #333;
}

.default_bd_list td.tit a {
    color: #333;
    display: inline-block;
}

.default_bd_list td.writer {
    color: #555;
}

.default_bd_list td.date {
    color: #555;
}

.default_bd_list td.hit {
    color: #555;
}

.default_bd_list td.tit .new_icon {
    color: #fff;
    background-color: #12b3fd;
    font-size: 14px;
    padding: 2px 4px;
    border-radius: 5px;
    margin-left: 10px;
}

.default_bd_list tbody tr:hover {
    background-color: #f2f2f2;
}

.default_bd_list td.tit:hover .board {
    text-decoration: underline;
}

/* 공지사항 view */
.default_bd_view .top {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_view .tit>p {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    word-wrap: break-word;
}

.default_bd_view .tit>p br {
    display: none;
}

.default_bd_view .info>ul>li {
    display: inline-block;
    margin-right: 15px;
}

.default_bd_view .info>ul>li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    color: #555;
}

.default_bd_view .info>ul>li img {
    vertical-align: middle;
}

.default_bd_view .con {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
    word-wrap: break-word;
}

.default_bd_view .link {
    display:inline-block;
    margin-bottom:12px;
    border-radius:50px;
}

.default_bd_view .link a {
    display:block;
    color:#C4302B;
    text-align:center;
    padding:8px 24px;
    border:1px solid #C4302B;
    border-radius:50px;
    background-color:#c4302b10;
    box-sizing:border-box;
    transition:0.2s;
}

.default_bd_view .link a:hover {
    color:#fff;
    background-color:#C4302B;
}

.default_bd_view .upload {
    background-color: #f2f2f2;
    padding: 1rem;
    margin-bottom: 30px;
}

.default_bd_view .upload>a {
    display: inline-block;
    color: #333;
    margin-left: 15px;
    font-weight: 500;
}

.default_bd_view .upload>a:hover {
    color: #12b3fd;
}

.default_bd_view .upload>p {
    font-weight: 500;
    color: #555;
}

.default_bd_view .upload>span {
    border-right: 1px solid #a5a5a5;
    padding-right: 17px;
}

.default_bd_view .upload img {
    padding-right: 5px;
}

.default_bd_view .prevNext dl:first-of-type {
    border-top: 1px solid #d7d7d7;
}

.default_bd_view .prevNext dl {
    border-bottom: 1px solid #d7d7d7;
    padding: 1rem;
}

.default_bd_view .prevNext dt {
    display: inline-block;
    color: #555;
    padding-right: 15px;
    padding-left: 20px;
}

.default_bd_view .prevNext dd {
    display: inline-block;
    width: calc(100% - 150px);
    vertical-align: middle;
}

.default_bd_view .prevNext dd>a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.default_bd_view .prevNext dd>a:hover {
    text-decoration: underline;
}

.default_bd_view .pn_list .prev {
    background: url('/design/default/img/sub/toPrev.png') no-repeat center left;
}

.default_bd_view .pn_list .next {
    background: url('/design/default/img/sub/toNext.png') no-repeat center left;
}

/* 공지사항 post */
.default_bd_post input {
    border: none; padding:0 20px; box-sizing: border-box;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    padding: 0 10px;
    height: 44px;
    box-sizing: border-box;
    display: inline-block;margin-left:10px;    border-radius: 0.375rem;
}
.form_box ul {
    border-top:2px solid #222;
}
.form_box ul li {
    display: flex;
    border-bottom: 1px solid #d7d7d7;
    align-items: center;
}

.default_bd_post label {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    background-color: #e7e7e7;
    padding: 13px 18px;
    text-align: center;
    border-bottom: 1px solid #fff;
    vertical-align: top;
}
.default_bd_post select {
    display:inline-block;
    height: 44px;
    width:130px;
    margin:0 8px 0;
}

.default_bd_post #bd_title {
    width: calc(100% - 274px);
    border: 1px solid #d7d7d7;
    border-radius:2px;
    padding:0 10px;
    height:44px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 0.375rem; ;
}

.default_bd_post #cke_bd_content {
    width: calc(100% - 122px);
    display: inline-block;
    vertical-align: top;
    /* margin-left: -4px; */
}

.default_bd_post .cont_label {
    height: 477px;
    line-height: 477px;
}

.default_bd_post .upload_li {
    border-bottom: 1px solid #d7d7d7;
}

.default_bd_post input[type="file"] {
    padding-left: 10px
}

.default_bd_post .link_li {
    border-bottom:1px solid #d7d7d7;
}

.default_bd_post .link_li input[type=text] {
    border: 1px solid #d7d7d7;
    border-radius:2px;
    padding:0 10px;
    height:44px;
    width:250px;
    box-sizing: border-box;
    display: inline-block;
    margin-left:10px;
    border-radius: 0.375rem;
}

/* 문의사항 */
.question .required {
    text-align: right;
    padding: 1rem 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 30px;
}

.question .form_tit {
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding-bottom: 10px;
}

.question .agree_txt {
    height: 180px;
    overflow-y: scroll;
    border: 1px solid #d7d7d7;
    padding: 1rem;
}

.question .agree_txt dl {
    margin-bottom: 15px;
}

.question .agree_txt dt {
    font-weight: 500;
}

.question .agree_txt dd {
    padding-left: 13px;
    box-sizing: border-box;
    position: relative;
    color: #555;
}

.question .agree_txt dd::before {
    content: '';
    width: 7px;
    height: 1px;
    display: block;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 12px;
}

.question .terms {
    margin-bottom: 30px;
}

.question .terms_chk {
    text-align: right;
    padding-top: 1rem;
}

.question textarea {
    width: 100%;
    height: 200px;
    font-size: 16px;
    border: 1px solid #d7d7d7;
    padding: 15px;
    box-sizing: border-box;
}

.question input {
    font-size: 16px;
    box-sizing: border-box;
}

.question input[type="text"] {
    border: 1px solid #d7d7d7;
    width: 100%;
    padding: 15px;
}

.question .form_list>li {
    margin-bottom: 30px;
}

.question .cate {
    padding-right: 10px;
    display: inline-block;
}

/* 사이트맵 */
.sitemap a {
    text-align: center;
}

.sitemap .menuDepth1 {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 50px;
}

.sitemap .menuDepth1:nth-of-type(3n) {
    margin-right: 0;
}

.sitemap .menuDepth1>a {
    color: #333;
    background-color: #f7f7f9;
    padding: 1rem 0;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
}

.sitemap .menuDepth2>a {
    padding: 1rem 0;
    font-weight: 400;
    font-size: 19px;
}

.sitemap .menuDepth2>a:hover {
    color: #333;
}

.sitemap .ulDepth2 li {
    border-bottom: 1px solid #eee;

}

.sitemap .ulDepth2 li:last-child {
    border-bottom: 0;
}

/*고객상담*/

.customer_box_wrap {
    display: flex;
    flex-wrap: wrap;
}

.customer_box {
    flex: 1 1 auto;
    padding-bottom: 4rem;
}

.customer_box h3 {
    font-size: 23px;
}
 

.line_bottom {
    width: 40px;
    height: 3px;
    margin: 16px 0;
    background: #000;
}


.adress_box {
    padding-bottom: 3rem;
    border-bottom: 1px solid #ddd;
}

.adress_box h3 {
    font-size: 23px;
 }
  
 
 .sns_box_wrap {
    display: flex;
    flex-wrap: wrap;
}

.sns_box {
     
    padding-top: 3rem;
}

.sns_box h3 {
    font-size: 23px;
    padding-bottom: 2rem;
 }

 .sns_box a {
    display: inline-block;
    margin-right: 1rem;
}



@media (max-width:768px) {


    .customer_box_wrap {
        display: flex;
        flex-wrap: wrap;
    }
    
    .customer_box {
        flex: 1 1 auto;
        padding-bottom: 2rem;
        flex-basis: 100%;
        text-align: center;
    }
    
    .customer_box h3 {
        font-size: 21px;
    }
     
    
    .line_bottom {
        width: 40px;
        height: 3px;
        margin: 16px auto;
        background: #000;
    }
    
    
    .adress_box {
        padding-top: 5rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #ddd;
    }
    
    .adress_box h3 {
        font-size: 21px;
        flex: 1;
     }
     .adress_box p {
         flex: 3;
     }
     
     .sns_box_wrap {
        display: flex;
        flex-wrap: wrap;
    }
    
    .sns_box {
         
        padding-top: 3rem;
    }
    
    .sns_box h3 {
        font-size: 23px;
        padding-bottom: 2rem;
        flex: 1;
     } 

    
     .sns_box a {
        display: inline-block;
        margin-right: 1rem;
    }



}


/*설치사례*/

.gallery_con ul {
     
}

.gallery_con ul li {
    border: 1px solid #ddd;
    border-radius: 1rem;
    width: 374px !important;
    margin: 24px 24px 24px 0px;
    min-height: 322px;
}
.gallery_con ul li:last-child {
   margin-right:0;
}


.gallery_con ul li img {
    width: 100% !important;
    object-fit: cover;
    max-height: 250px;
    height: 250px !important;
    border-radius: 1rem 1rem 0 0;
}
.gallery_con ul li p {
    padding: 1rem 1.5rem;
    font-size: 21px;
    color: #333;
    font-weight: bold;
     display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


@media (max-width:768px) {

    .gallery_con ul {
        padding: 0 1rem;
    }

    
    .gallery_con ul li {
        border: 1px solid #ddd;
        border-radius: 1rem;
        width: 100% !important;
        margin: 1rem 0;
        min-height: 322px;
    }
    .gallery_con ul li:last-child {
       margin-right:0;
    }
    
    
    .gallery_con ul li img {
        width: 100% !important;
        object-fit: cover;
        max-height: 250px;
        height: 250px !important;
        border-radius: 1rem 1rem 0 0;
    }
    .gallery_con ul li p {
        padding: 1rem 1.5rem;
        font-size: 21px;
        color: #333;
        font-weight: bold;
         display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

/*Bootstrap*/

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 1.063rem 1.063rem -0.125rem rgb(28 39 49 / 5%);

}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-1 {
    top: .8rem !important
}

.top-2 {
    top: 1rem !important
}

.top-3 {
    top: 1.5rem !important
}

.top-4 {
    top: 1.8rem !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-20 {
    bottom: 4.375rem !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-1 {
    left: .5rem !important
}

.start-16 {
    left: 1rem !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-1 {
    right: 0.5rem !important
}

.end-16 {
    right: 1rem !important
}

.end-24 {
    right: 2rem !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-d {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-disabled-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    border-color: var(--bs-gray-200) !important
}

.border-desabled {
    border-color: var(--bs-border-disabled-color) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    border: 1px solid;

}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: 0.1
}

.border-opacity-25 {
    --bs-border-opacity: 0.25
}

.border-opacity-50 {
    --bs-border-opacity: 0.5
}

.border-opacity-75 {
    --bs-border-opacity: 0.75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.float-right {
    float: right !important
}

.w-1rem {
    width: 1rem !important
}

.w-5rem {
    width: 5rem !important
}

.w-8rem {
    width: 8rem !important
}

.w-10 {
    width: 10% !important
}

.w-10rem {
    width: 10rem !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-24 {
    width: 1.5rem;
}

.w-30 {
    width: 30% !important
}

.w-33 {
    width: 33.33% !important
}

.w-39 {
    width: 39% !important
}

.w-40 {
    width: 40% !important
}

.w-48 {
    width: 48% !important
}

.w-50 {
    width: 50% !important
}

.w-13rem {
    width: 13rem !important
}

.w-60 {
    width: 60% !important
}

.w-70 {
    width: 70% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-85 {
    width: 85% !important
}

.w-90 {
    width: 90% !important
}

.w-95 {
    width: 95% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-2 {
    max-width: 2.8rem;
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-15 {
    height: 15% !important
}

.h-20 {
    height: 20% !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-1 {
    max-height: 1.25rem !important
}

.mh-6 {
    max-height: 6rem !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-1 {
    flex: 1 !important
}

.flex-2 {
    flex: 2 !important
}

.flex-3 {
    flex: 3 !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}


.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-6 {
    margin-top: 4rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 2rem !important
}

.mb-6 {
    margin-bottom: 2.5rem !important
}

.mb-7 {
    margin-bottom: 2.5rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-left: .375rem !important;
    padding-right: .375rem !important;
}

.py-3 {
    padding: 1rem !important;
}

.py-30 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-40 {
    padding-top: 2.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pt-6 {
    padding-top: 4rem !important
}

.pt-7 {
    padding-top: 5rem !important
}

.pt-8 {
    padding-top: 8rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.pb-6 {
    padding-bottom: 2.5rem !important
}

.pb-7 {
    padding-bottom: 3rem !important
}

.pb-8 {
    padding-bottom: 4.375rem !important
}

.pb-9 {
    padding-bottom: 6rem !important
}

.pb-10 {
    padding-bottom: 15rem !important
}

.pb-11 {
    padding-bottom: 17.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.pd-1 {
    padding: 0 1rem 1rem 1rem
}

.pd-2 {
    padding: 1rem
}

.lh-17 {
    line-height: 1.7
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}