/* 공통 */
.br1 {
    display: block;
}

.br2 {
    display: block;
}

.br3 {
    display: none;
}

.br4 {
    display: block;
}

.h4_style1 {
    font-size: 23px;
    font-weight: 700;
    color: #303030;
}

.p_style1 {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
    line-height: 1.5em;
}

.p_style2 {
    font-size: 16px;
    color: #747474;
    margin-bottom: 10px;
}


/* 배경 색상 제목 공통 */
.tit_style1 {
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
}

.tit_style1>p {
    background: linear-gradient(to right, #03245B, #0B63B2);
    padding: 15px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    box-shadow: 0px 5px 20px rgba(17, 17, 17, .3);
}

/* top_wra안에 있는 제목 공통 */
.tit_style2 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

/* -------- h4_tit_type1 예비용 공통으로 만들어둠 -------- */
.tit_type1 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin-top: 50px;
    margin-bottom: 20px;
}

@media all and (max-width: 1280px) {
    .tit_style2 {
        font-size: 25px;
    }
}

@media all and (max-width: 600px) {
    .p_style2 {
        font-size: 13px;
    }

    .p_style3 {
        line-height: 1.4em;
    }

    .tit_style2 {
        width: 100%;
        font-size: 20px;
    }
}


/* 공통 서비스,헌장,행복 */
.top_wrap {
    position: relative;
    height: 230px;
}

.top_wrap.bg1 {
    background: url('/project/design/contents/bg_service_1.jpg') no-repeat center / cover;
}

.top_wrap.bg2 {
    background: url('/project/design/contents/bg_executives_1.jpg') no-repeat center / cover;
}

.top_wrap.bg3 {
    background: url('/project/design/contents/bg_happy_1.png') no-repeat center / cover;
}

.top_wrap.bg4 {
    background: url('/project/design/contents/bg_policy_1.jpg') no-repeat center / cover;
}

.top_wrap.bg5 {
    background: url('/project/design/contents/bg_ethics.png') no-repeat center / cover;
}

.top_wrap.bg6 {
    background: url('/project/design/contents/bg_compliance.webp') no-repeat center / cover;
}

/* 고객서비스헌장 */
.top_wrap .tit1 {
    width: 100%;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
}

/* 임직원행동강령 */
.top_wrap .tit2 {
    width: 100%;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, 0);
}

/* 부패방지방침 */
.top_wrap .tit3 {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 규범준수 방침 */
@media all and (max-width: 800px) { 
    .abou_12 .section_wrap > li > .right > .p_desc2 > br { display: none; }
}

/* 사회공헌 헌장 */
.top_wrap .tit4 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top_wrap .top_desc {
    position: absolute;
    left: 50%;
    bottom: -50%;
    transform: translate(-50%, -50%);
    padding: 25px 0;
    width: 81.819%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
}

.top_wrap .top_desc>p {
    text-align: center;
    line-height: 1.65em;
    font-size: 18px;
    font-weight: 600;
    color: #303030;
}

.section_wrap {
    width: 81.819%;
    margin: 80px auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 3em;
}

.section_wrap>li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #e1e1e1;
    background-color: #F8F9FC;
    border-radius: 5px;
    gap: 35px;
    padding: 17px 115px;
}

.section_wrap>li>.left {
    width: 60px;
    height: 60px;
    background: linear-gradient(to top, #03245B, #0B63B2);
    border-radius: 5px;
}

.section_wrap>li>.right {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.section_wrap>li>.right>.p_desc1 {
    font-weight: 700;
    color: #576BA5;
}

.section_wrap>li>.right>.p_desc2 {
    font-weight: 500;
    color: #666;
    line-height: 1.35em;
}

.bottom_wrap {
    height: 120px;
    background-color: #F8F9FC;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3em;
}

.bottom_wrap>p {
    font-size: 22px;
    font-weight: 600;
    color: #111;
    line-height: 1.4em;
    text-align: center;
}

/* 테이블안에 버튼 - 주요자금 */
.btn_jurisdiction {
    display: inline-block;
    color: #1E3D92;
    font-weight: 600;
    padding: 3px 10px;
    border: 1px solid #1E3D92 !important;
    border-radius: 5px;
    text-wrap: nowrap;
    margin-left: .5em;
    font-size: 14px;
}

.btn_jurisdiction:hover {
    background: #1E3D92;
    color: #fff;
}

/* 윤리헌장 */
.top_wrap .tit5 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}


@media all and (max-width: 1680px) {
    .section_wrap>li {
        gap: 25px;
        padding: 15px 50px;
    }
    .top_wrap .top_desc { 
        padding: 25px;
    }
}

@media all and (max-width: 1280px) {
    .top_wrap .top_desc>p {
        font-size: 16px;
        line-height: 1.5em;
    }

    .section_wrap>li {
        padding: 15px 80px;
    }

    .top_wrap .tit1 {
        top: 35%
    }
    .top_wrap .tit2 {
        top: 37%
    }
    .top_wrap .tit3 {
        top: 45%;
    }
    .top_wrap .tit4 {
        top: 40%;
    }
    .top_wrap .tit5 {
        top: 40%;
    }
}

@media all and (max-width: 1024px) {
    .section_wrap>li>.left {
        width: 50px;
        height: 50px;
    }

    .section_wrap>li>.left>img {
        width: 50px;
        height: 50px;
    }

    .section_wrap>li>.right {
        gap: 5px;
    }

    .section_wrap>li>.right>.p_desc1 {
        font-size: 13px;
    }

    .section_wrap>li>.right>.p_desc2 {
        font-size: 13px;
        line-height: 1.3em;
    }

    .top_wrap .tit3 {
        top: 37%;
    }
    .top_wrap .tit4 {
        top: 37%;
    }
    .top_wrap .tit5 {
        top: 37%;
    }
}

@media all and (max-width: 900px) {
    .section_wrap {
        width: 100%;
    }
}

@media all and (max-width: 800px) {
    .top_wrap .tit1 {
        top: 30%;
    }
    .top_wrap .tit2 {
        top: 35%
    }
    .top_wrap .tit3 {
        top: 42%;
    }
    .top_wrap .tit4 {
        top: 40%;
    }
    .top_wrap .tit5 {
        top: 40%;
    }

    .top_wrap {
        height: 180px;
    }

    .top_wrap .top_desc {
        bottom: -30%;
        transform: translate(-50%, 0%);
        padding: 20px;
    }

    .top_wrap .top_desc>p {
        line-height: 1.4em;
        font-size: 13px;
    }

    .section_wrap {
        margin-bottom: 30px;
    }

    .section_wrap>li {
        display: grid;
        grid-template-columns: 1fr 6fr;
        gap: 15px;
        padding: 15px 100px;
    }

    .bottom_wrap {
        height: 80px;
    }

    .bottom_wrap>p {
        font-size: 16px;
        line-height: 1.3em;
    }

    .btn_jurisdiction {
        padding: 2px 8px;
        margin-left: .5em;
        font-size: 13px;
    }
}

@media all and (max-width: 600px) {
    .top_wrap .tit3 {
        top: 35%;
    }
    .top_wrap .tit4 {
        top: 35%;
    }
    .top_wrap .tit5 {
        top: 25%;
    }
    
    .section_wrap>li {
        gap: 15px;
        padding: 15px 20px;
    }

    .section_wrap>li>.left {
        width: 40px;
        height: 40px;
    }

    .section_wrap>li>.left>img {
        width: 40px;
        height: 40px;
    }
}

@media all and (max-width: 500px) {
    .top_wrap .tit2 {
        top: 30%
    }
    .top_wrap .tit3 {
        top: 30%;
    }
}

@media all and (max-width: 400px) {
    .top_wrap .tit3 {
        top: 25%;
    }
}

/* // 서비스,헌장,행복 */

@media all and (max-width: 1680px) {
    .br1 {
        display: none;
    }
    .br4 {
        display: none;
    }
}

@media all and (max-width:1260px) {
    .tit_style1>p {
        font-size: 18px;
    }
}

@media all and (max-width: 1024px) {
    .h4_style1 {
        font-size: 18px;
    }

    .p_style1 {
        font-size: 13px;
    }


}

@media all and (max-width: 800px) {
    .br2 {
        display: none;
    }

    .br3 {
        display: block;
    }

    .tit_style1>p {
        padding: 12px 25px;
        font-size: 16px;
    }
}

/* // 공통 */


/* 01 - 01 인사말 */
.abou_01 {
    padding-top: 2em; gap: 50px; 
    display: flex;
    flex-direction: column;
}

.abou_01 .sec1 {
    display: flex;
    justify-content: flex-end; gap: 70px; 
    padding: 50px 0; position: relative;
}

.abou_01 .sec1 .left { width: 390px; }

/* 추가 */
.abou_01 .sec1 { padding-top: 0; align-items: flex-start; justify-content: center; }
.abou_01 .sec1 .right { padding-top: 1em; justify-content: flex-end; }
.abou_01 .sec1 .right > .p_desc4 > p { font-size: 20px; }
.abou_01 .sec1 .right > .p_desc4 > p > span { padding-left: 10px; font-size: 30px; }

@media all and (max-width: 800px) { 
    .abou_01 .sec1 .right { padding-top: 0; }
    .abou_01 .sec1 .right > .p_desc4 > p { font-size: 16px; }
    .abou_01 .sec1 .right > .p_desc4 > p > span { font-size: 21px; }
}
/* // 추가 */

.abou_01 .sec1 .right {
    flex: 2; padding-top: 1em;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.abou_01 .sec1 .right .p_desc1 {
    font-size: 24px;
    font-weight: 600;
    color: #111111;
    line-height: 1.4em;
}

.abou_01 .sec1 .right .p_desc2 {
    font-size: 17px;
    font-weight: 400;
    color: #888;
    line-height: 1.7em;
}

.abou_01 .sec1 .right .p_desc3 {
    font-size: 35px;
    font-weight: 600;
    color: #000;
    line-height: 1.4em;
}

.abou_01 .sec1 .right .p_desc3>span {
    color: #0B89CD;
}

.abou_01 .sec1 .right .p_desc4 {
    font-size: 24px;
    font-weight: 600;
    color: #111111;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 20px;
}

.abou_01 .sec2 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.abou_01 .sec2 .box>img {
    height: 260px;
}

.abou_01 .sec2 .box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.abou_01 .sec2 .box .box_inner {
    width: 100%;
    height: 260px;
    background-color: #F8F9FC;
    border: 1px solid #eee;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    box-sizing: border-box;
    padding: 20px 70px;
}

@media all and (max-width:1680px) {
    .abou_01 .sec1::before { 
        display: none; 
    }

    /* .abou_01 .sec1 .left { 
        width: 100%;
    } */

    .abou_01 .sec1 .right {
        gap: 20px;
    }
}

@media all and (max-width:1260px) {
    .abou_01 .sec1 {
        gap: 50px;
    }

    .abou_01 .sec1 .right {
        gap: 12px;
    }

    .abou_01 .sec1 .right .p_desc1 {
        font-size: 21px;
        line-height: 1.4em;
    }

    .abou_01 .sec1 .right .p_desc2 {
        font-size: 14px;
        line-height: 1.7em;
    }

    .abou_01 .sec1 .right .p_desc3 {
        font-size: 28px;
        line-height: 1.4em;
    }

    .abou_01 .sec1 .right .p_desc4 {
        font-size: 21px;
        gap: 10px;
    }

    .abou_01 .sec2 {
        gap: 20px;
    }

    .abou_01 .sec2 .box {
        height: 100%;
    }

    .abou_01 .sec2 .box .box_inner {
        gap: 20px;
        padding: 30px 50px;
    }
}

@media all and (max-width: 1024px) {
    .abou_01 .sec1 { 
        padding: 0;  gap: 30px;
    }

    .abou_01 .sec1 .right {
        width: 100%;
    }

    .abou_01 .sec2 .box .box_inner {
        gap: 10px;
        padding: 0 40px;
    }
}

@media all and (max-width: 800px) {
    .abou_01 {
        gap: 20px;
    }

    .abou_01 .sec1 {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .abou_01 .sec1 .left { width: 100%; text-align: center; }


    .abou_01 .sec1 .right .p_desc1 {
        font-size: 16px;
        line-height: 1.4em;
    }

    .abou_01 .sec1 .right .p_desc2 {
        font-size: 13px;
        line-height: 1.6em;
    }

    .abou_01 .sec1 .right .p_desc3 {
        font-size: 20px;
        line-height: 1.4em;
    }

    .abou_01 .sec1 .right .p_desc4 {
        font-size: 16px;
        gap: 10px;
        align-items: center;
    }

    .abou_01 .sec1 .right .p_desc4>img {
        height: 50px;
    }

    .abou_01 .sec2 .box {
        flex-direction: column;
    }

    .abou_01 .sec2 .box>img {
        width: 100%;
        height: 100%;
    }

    .abou_01 .sec2 .box .box_inner {
        height: auto;
        padding: 30px 20px;
    }
}


/* 추가 */

/* // 01 - 01 인사말 */


/* 01 - 02 비전/전략목표 */
.abou_02 .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 30px;
}

.abou_02 .sec1 .box_vision {
    position: relative;
    width: 100%;
    height: 110px;
    padding: 0 20px;
    display: flex;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    background: linear-gradient(to right, #03245B, #0B63B2);
    box-sizing: border-box;
    overflow: hidden;
}

.abou_02 .sec1 .box_vision::before {
    position: absolute;
    left: -2%;
    bottom: -40%;
    content: '';
    background: url('/project/design/contents/bg_emblem.png') no-repeat center center;
    width: 180px;
    height: 150px;
}

.abou_02 .sec1 .box_vision>h4 {
    width: 15%;
    display: flex;
    justify-content: center;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    z-index: 100;
}

.abou_02 .sec1 .box_vision>p {
    width: 85%;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    color: #303030;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
}

.abou_02 .sec2 {
    margin-top: 60px;
}

.abou_02 .sec3 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 60px;
}

.abou_02 .sec3 .tit_style1 {
    width: 100%;
    position: relative;
}

.abou_02 .sec3 .tit_style1::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E8E8E8;
    z-index: -10;
}

.abou_02 .sec3 .tit_style1>h6 {
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    border-radius: 100px;
    font-size: 19px;
    font-weight: 700;
    color: #303030;
}


/* 260105 추가 */
.abou_02 .sec2 { gap: 80px; }
.abou_02 .sec2 > img { width: 80%; }
.abou_02 .sec3 .task_box { grid-template-columns: repeat(5, 1fr); }

@media all and (max-width: 800px) { 
    .abou_02 .sec2 { gap: 30px; }
    .abou_02 .sec2 > img { width: 100%; }
    .abou_02 .sec3 .task_box > li { padding: 20px 10px !important; }
    .abou_02 .sec3 .task_box>li:nth-child(2), .abou_02 .sec3 .task_box>li:nth-child(6) { border-right: 1px solid #e5e5e5; }
}
@media all and (max-width: 500px) { 
    .abou_02 .sec3 .task_box > li { padding: 15px 5px !important; font-size: 12px; line-height: 2.2rem; letter-spacing: -0.3px; }
    .abou_02 .sec3 .task_box > li > br { display: none; }
}

/* // 260105 추가 */



.abou_02 .sec3 .task_box {
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.1);
    display: grid;
    width: 100%; /* 전체 너비 */
    height: 100%;
}

.abou_02 .sec3 .task_box>li {
    padding: 45px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6em;
    color: #747474;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.abou_02 .sec3 .task_box>li:nth-child(2),
/* .abou_02 .sec3 .task_box>li:nth-child(5), */
.abou_02 .sec3 .task_box>li:nth-child(7)
{
    /* grid-row: span 2; */
}

@media all and (max-width:1680px) {
    .abou_02 .sec1 .box_vision>p {
        padding: 20px 0;
    }
}

@media all and (max-width:1024px) {
    .abou_02 .sec1 .box_vision>h4 {
        font-size: 16px;
    }

    .abou_02 .sec1 .box_vision>p {
        font-size: 18px;
    }

    .abou_02 .sec3 {
        gap: 20px;
    }

    .abou_02 .sec3 .tit_style1>h6 {
        padding: 10px 30px;
        font-size: 16px;
    }

    .abou_02 .sec3 .task_box>li {
        /* padding: 25px 0; */
        font-size: 13px;
        line-height: 1.5em;
    }
}

@media all and (max-width:800px) {
    .abou_02 .section {
        gap: 20px;
    }

    .abou_02 .sec1 .box_vision {
        height: 100px;
        gap: 10px;
    }

    .abou_02 .sec1 .box_vision::before {
        background-size: 70%;
        left: -15%;
    }

    .abou_02 .sec1 .box_vision>p {
        font-size: 13px;
        padding: 14px 10px;
    }

    /* .abou_02 .sec3 .task_box {
        grid-template-columns: repeat(2, 1fr);
    } */

    /* .abou_02 .sec3 .task_box>li:nth-child(2),
    .abou_02 .sec3 .task_box>li:nth-child(6) {
        border-right: none;
    } */
}

/* // 01 - 02 비전/전략목표 */


/* 01 - 04 조직구성 */
.table_type2_th {
    border: 1px solid #E1E1E1 !important;
}

.table_type2_td {
    border: 1px solid #E1E1E1 !important;
}

.img_org_pc {
    display: block;
}

.img_org_m {
    display: none;
}

.table_text td {
    white-space: nowrap;
}

.abou_04 .sec2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 28px 0;
    background-color: #F8F9FC;
    border: 1px solid #e7e7e7;
}

.abou_04 .sec2 .input_search {
    width: 350px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    padding-left: 5px;
}

.abou_04 .sec2 .btn_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 40px;
    background-color: #1E3D92;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #1E3D92;
    box-sizing: border-box;
}

.abou_04 .sec2 .btn_search:hover {
    background-color: #F8F9FC;
    color: #1E3D92;
}

@media all and (max-width:800px) {
    .abou_04 .sec2 {
        padding: 15px;
        gap: 10px;
    }

    .abou_04 .sec2 .input_search {
        height: 30px;
    }

    .abou_04 .sec2 .btn_search {
        height: 30px;
        font-size: 15px;
    }
}

@media all and (max-width:600px) {
    .img_org_pc {
        display: none;
    }

    .img_org_m {
        display: block;
    }
}

/* // 01 - 04 조직구성 */


/* 01 - 05 본지점안내  */
.information_wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.information_wrap .right {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.information_wrap .right .top_desc {
    background-color: #F2F7FF;
    border: 1px solid #C8DDFF;
    border-radius: 5px;
    display: flex;
    gap: 25px;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 50px;
}

.information_wrap .right .top_desc .icon_box {
    background-color: #fff;
    border-radius: 100px;
}

.information_wrap .right .top_desc .desc_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.information_wrap .right .top_desc .desc_box>.p_desc1 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
}

.information_wrap .right .top_desc .desc_box>.p_desc2 {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
}

.information_wrap .right .bottom_btn {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.information_wrap .right .bottom_btn>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background-color: #F8F9FC;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    color: #666;
    font-weight: 600;
    font-size: 17px;
}

.information_wrap .right .bottom_btn>li>a:hover {
    background-color: #1E3D92;
    border: 1px solid #1E3D92;
    color: #fff;
}

.information_wrap .right .bottom_btn>li>a.on {
    background-color: #1E3D92;
    border: 1px solid #1E3D92;
    color: #fff;
}

.information_wrap .left {
    width: 45%;
    text-align: center;
}

.information_wrap .left .map {
    height: 400px;
    display: none;
}

.information_wrap .left .map.on {
    display: block !important;
}

.information_wrap .left .map0 {
    background: url('/project/design/contents/img_map0.png') no-repeat center center;
}

.information_wrap .left .map1 {
    background: url('/project/design/contents/img_map1.png') no-repeat center center;
}

/* 단양군 */
.information_wrap .left .map2 {
    background: url('/project/design/contents/img_map2.png') no-repeat center center;
}

/* 제천시 */
.information_wrap .left .map3 {
    background: url('/project/design/contents/img_map3.png') no-repeat center center;
}

/* 충주시 */
.information_wrap .left .map4 {
    background: url('/project/design/contents/img_map4.png') no-repeat center center;
}

/* 음성시 */
.information_wrap .left .map5 {
    background: url('/project/design/contents/img_map5.png') no-repeat center center;
}

/* 괴산군 */
.information_wrap .left .map6 {
    background: url('/project/design/contents/img_map6.png') no-repeat center center;
}

/* 진천군 */
.information_wrap .left .map7 {
    background: url('/project/design/contents/img_map7.png') no-repeat center center;
}

/* 증평군 */
.information_wrap .left .map8 {
    background: url('/project/design/contents/img_map8.png') no-repeat center center;
}

/* 청주시 */
.information_wrap .left .map9 {
    background: url('/project/design/contents/img_map9.png') no-repeat center center;
}

/* 보은군 */
.information_wrap .left .map10 {
    background: url('/project/design/contents/img_map10.png') no-repeat center center;
}

/* 옥천군 */
.information_wrap .left .map11 {
    background: url('/project/design/contents/img_map11.png') no-repeat center center;
}

/* 영동군 */

.search_box {
    padding: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #e1e1e1 !important;
    z-index: 100;
    color: #555;
    font-size: 14px;
    font-weight: 500;
}

@media all and (max-width:1680px) {
    .information_wrap {
        gap: 30px;
    }
}

@media all and (max-width:1024px) {
    .information_wrap .left .map {
        width: 100%;
        height: 350px;
        background-size: contain;
        background-position: center center;
    }

    .information_wrap .right {
        width: 50%;
        gap: 20px;
    }

    .information_wrap .right .top_desc {
        gap: 15px;
        padding: 15px;
    }

    .information_wrap .right .top_desc .icon_box>img {
        background-size: 50%;
    }

    .information_wrap .right .top_desc .desc_box {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .information_wrap .right .top_desc .desc_box>.p_desc1 {
        font-size: 18px;
    }

    .information_wrap .right .top_desc .desc_box>.p_desc2 {
        font-size: 14px;
        line-height: 1.3em;
    }

    .information_wrap .right .bottom_btn {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .information_wrap .right .bottom_btn>li>a {
        padding: 10px;
        font-size: 14px;
    }
}

@media all and (max-width:800px) {
    .information_wrap {
        flex-direction: column;
        gap: 15px;
    }

    .information_wrap .left {
        width: 90%;
    }

    .information_wrap .right {
        width: 100%;
    }

    .information_wrap .right .bottom_btn {
        grid-template-columns: repeat(3, 1fr);
    }

    .information_wrap .right .top_desc .desc_box {
        gap: 5px;
    }

    .information_wrap .right .top_desc .desc_box>.p_desc1 {
        font-size: 16px;
    }

    .information_wrap .right .top_desc .desc_box>.p_desc2 {
        font-size: 13px;
    }
}

/* // 01 - 05 본지점안내  */

/* 01 - 07 고객서비스헌장 */
.abou_07 .list_wrapper {
    margin-bottom: 1em;
}

.abou_07 .list_wrapper>li>p.p_type2 {
    padding: 0;
}

/* // 01 - 07 고객서비스헌장 */

/* 01 - 08 임직원행동강령 */
.abou_08 .sec1 {
    width: 900px;
    margin: 90px auto;
}

.abou_08 .sec1>ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.abou_08 .sec1>ul>li {
    line-height: 1.65em;
}

@media all and (max-width: 1024px) {
    .abou_08 .sec1 {
        width: 100%;
        margin-top: 70px;
    }

    .abou_08 .sec1>ul {
        gap: 10px;
    }

    .abou_08 .sec1>ul>li {
        line-height: 1.5em;
    }
}

/* // 01 - 08 임직원행동강령 */

/* 01 - 09 소비자중심경영 */
.abou_09 .contents_top .left>img {
    width: 130px !important;
}

.abou_09 .tit_style1 {
    margin: 60px 0 50px 0;
}

.abou_09 .sec1 .img_pc {
    display: block;
}

.abou_09 .sec1 .img_m {
    display: none;
}

.abou_09 .sec2 .effect_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.abou_09 .sec2 .effect_box>li>.img_box {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.abou_09 .sec2 .effect_box>li>.desc_inner {
    padding: 35px 20px;
    background-color: #F8F9FC;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}

.abou_09 .sec2 .effect_box>li>.desc_inner>h5 {
    font-size: 22px;
    font-weight: 700;
    color: #303030;
}

.abou_09 .sec2 .effect_box>li>.desc_inner>p {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
    line-height: 1.6em;
}

@media all and (max-width: 800px) {
    .abou_09 .tit_style1 {
        margin: 30px 0 20px 0;
    }

    .abou_09 .sec2 .effect_box {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .abou_09 .sec2 .effect_box>li>.img_box>img {
        width: 100%;
    }

    .abou_09 .sec2 .effect_box>li>.desc_inner {
        padding: 20px;
        gap: 10px;
    }

    .abou_09 .sec2 .effect_box>li>.desc_inner>h5 {
        font-size: 16px;
    }

    .abou_09 .sec2 .effect_box>li>.desc_inner>p {
        font-size: 13px;
        line-height: 1.5em;
    }
}

@media all and (max-width: 600px) {
    .abou_09 .sec1 .img_pc {
        display: none;
    }

    .abou_09 .sec1 .img_m {
        display: block;
    }
}

/* // 01 - 09 소비자중심경영 */

/* 01 - 10 안전보건 경영방침 */
.abou_10 {
    text-align: center;
}

/* // 01 - 10 안전보건 경영방침 */

/* 01 - 12 기부/출연 안내 */
.abou_12 .procedure_wrap {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: space-between;
}

.abou_12 .procedure_wrap .proce_box {
    width: calc(100% / 4);
    padding: 40px 0;
    background-color: #F8F9FC;
    border: 1px solid #e1e1e1;
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
}

.abou_12 .procedure_wrap .proce_box>span {
    display: block;
    padding: 6px 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #4F71CF;
    color: #4F71CF;
    font-size: 16px;
    font-weight: 700;
}

.abou_12 .procedure_wrap .proce_box>.proce_icon {
    background: linear-gradient(to top, #03245B, #0B63B2);
    border-radius: 5px;
}

.abou_12 .procedure_wrap .proce_box>.proce_desc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.abou_12 .procedure_wrap .proce_box>.proce_desc>.p_desc1 {
    font-size: 18px;
    font-weight: 700;
    color: #303030;
    line-height: 1.5em;
}

.abou_12 .procedure_wrap .proce_box>.proce_desc>.p_desc2 {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
}

.abou_12 .procedure_wrap .arrow {
    position: relative;
}

.abou_12 .procedure_wrap .arrow::before {
    color: #303030;
    font-family: "xeicon";
    font-size: 1.6em;
    font-style: normal;
    content: "\e907";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, 0);
}

@media all and (max-width: 1024px) {
    .abou_12 .procedure_wrap {
        gap: 20px;
    }

    .abou_12 .procedure_wrap .proce_box {
        padding: 30px 10px;
        gap: 20px;
    }

    .abou_12 .procedure_wrap .proce_box>span {
        padding: 6px 15px;
        font-size: 13px;
    }

    .abou_12 .procedure_wrap .proce_box>.proce_icon>img {
        height: 50px;
    }

    .abou_12 .procedure_wrap .proce_box>.proce_desc>.p_desc1 {
        font-size: 15px;
        line-height: 1.3em;
    }

    .abou_12 .procedure_wrap .proce_box>.proce_desc>.p_desc2 {
        font-size: 13px;
    }
}

@media all and (max-width: 700px) {
    .abou_12 .procedure_wrap {
        flex-wrap: wrap;
        justify-content: normal;
    }

    .abou_12 .procedure_wrap .proce_box {
        width: calc(100% / 1);
        width: 100%;
        padding: 20px 0;
        gap: 15px;
    }
    
    .abou_12 .procedure_wrap .arrow {
        width: 100%;
        text-align: center;
    }

    .abou_12 .procedure_wrap .arrow::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}
/* // 01 - 12 기부/출연 안내 */


/* 02 - 02 공통 */
.tab_process1>ul>li>a {
    height: 75px;
    gap: 10px;
    padding: 10px;
}

.tab_process1>ul>li>a>span {
    padding: 6px 15px;
    background-color: #9D9D9D;
    border: 1px solid #9D9D9D;
    color: #fff;
    border-radius: 3px;
}

.tab_process1>ul>li>a>span.on {
    background-color: #1E3D92;
    border: 1px solid #1E3D92;
    color: #fff;
}

/* 02 - 02 - 01 보증상담 및 서류접수 */
.busi_02 .procedure_wrap {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: space-between;
}

.busi_02 .procedure_wrap .proce_box {
    width: calc(100% / 3);
    padding: 40px 0;
    background-color: #F8F9FC;
    border: 1px solid #e1e1e1;
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
}

.busi_02 .procedure_wrap .proce_box>span {
    display: block;
    padding: 6px 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #4F71CF;
    color: #4F71CF;
    font-size: 16px;
    font-weight: 700;
}

.busi_02 .procedure_wrap .proce_box>.proce_icon {
    background: linear-gradient(to top, #03245B, #0B63B2);
    border-radius: 5px;
}

.busi_02 .procedure_wrap .proce_box>.proce_desc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.busi_02 .procedure_wrap .proce_box>.proce_desc>.p_desc1 {
    font-size: 18px;
    font-weight: 700;
    color: #303030;
    line-height: 1.5em;
}

.busi_02 .procedure_wrap .proce_box>.proce_desc>.p_desc2 {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
}

.busi_02 .procedure_wrap .arrow {
    position: relative;
}

.busi_02 .procedure_wrap .arrow::before {
    color: #303030;
    font-family: "xeicon";
    font-size: 1.6em;
    font-style: normal;
    content: "\e907";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, 0);
}

@media all and (max-width: 1024px) {
    .busi_02 .procedure_wrap {
        gap: 20px;
    }

    .busi_02 .procedure_wrap .proce_box {
        padding: 30px 10px;
        gap: 20px;
    }

    .busi_02 .procedure_wrap .proce_box>span {
        padding: 6px 15px;
        font-size: 13px;
    }

    .busi_02 .procedure_wrap .proce_box>.proce_icon>img {
        height: 50px;
    }

    .busi_02 .procedure_wrap .proce_box>.proce_desc>.p_desc1 {
        font-size: 14px;
        line-height: 1.3em;
    }

    .busi_02 .procedure_wrap .proce_box>.proce_desc>.p_desc2 {
        font-size: 13px;
    }
}

@media all and (max-width: 800px) {
    .tab_process1>ul {
        display: flex;
        flex-direction: row;
    }

    .tab_process1>ul>li>a {
        flex-direction: column;
        padding: 10px;
        gap: 5px;
    }

    .tab_process1>ul>li>a>span {
        padding: 3px 5px;
        font-size: 13px;
    }

    .tab_process1>ul>li>a {
        height: 90px;
    }

    .busi_02 .procedure_wrap {
        flex-wrap: wrap;
        justify-content: normal;
    }

    .busi_02 .procedure_wrap .proce_box {
        width: calc(100% / 2.5);
        padding: 30px 0;
        gap: 15px;
    }
}

@media all and (max-width: 600px) {
    .busi_02 .procedure_wrap .proce_box {
        width: calc(100% / 1);
        padding: 20px 0;
    }

    .busi_02 .procedure_wrap .arrow {
        width: 100%;
        text-align: center;
    }

    .busi_02 .procedure_wrap .arrow::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}

/* // 02 - 02 - 01 보증상담 및 서류접수 */


/* 02 - 05 - 01 행정정보 공동이용시스템 */
.table_left td {
    text-align: left;
}

.sistem_inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.sistem_inner .box {
    border: 1px solid #E1E1E1;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
}

.sistem_inner .box .top {
    padding: 20px 0;
}

.sistem_inner .box .p_desc {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    border: 1px solid #E1E1E1;
    background: #F8F9FC;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    color: #303030;
    border-bottom: 1px solid transparent;
}

@media all and (max-width: 800px) {
    .sistem_inner .box .p_desc {
        font-size: 15px;
    }
}

@media all and (max-width: 800px) {
    .sistem_inner {
        flex-direction: column;
        gap: 10px;
    }
}

/* // 02 - 05 - 01 행정정보 공동이용시스템 */

/* 02 - 05 - 03 전자보증 */
/* 테이블 날짜 기준 */


.day_box {
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
}

.day_box .p_day {
    padding: 5px 10px;
    background-color: #ececec;
    color: #555;
    border-radius: 3px;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    text-align: right !important;
    font-size: 1.5rem;
}

.day_box2 {
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
}

.day_box2 .p_day2 {
    padding: 5px 10px;
    background-color: #ececec;
    color: #555;
    border-radius: 3px;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
    text-align: right !important;
    font-size: 1.5rem;
}

@media all and (max-width: 425px) {
    .day_box {
        text-align: left;
        position:unset;
        padding-bottom: 1rem;
    }
    .day_box2 {
        position:unset;
        padding-bottom: .5rem;
    }
}

/* // 02 - 05 - 03 전자보증 */

/* 02 - 05 - 04 보증료 신용카드 수납 */
.contents_top {
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    padding: 20px 65px;
}

.contents_top .left {
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 100px;
}

.contents_top .right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media all and (max-width: 1024px) {
    .contents_top {
        padding: 10px 50px;
    }

    .contents_top .left {
        width: 80px;
    }
}

@media all and (max-width: 800px) {
    .contents_top {
        padding: 15px;
        flex-direction: column;
        gap: 15px;
    }

    .contents_top .right {
        width: 100%;
        gap: 10px;
    }
}

/* // 02 - 05 - 04 보증료 신용카드 수납 */


/* 02 - 05 - 05 무방문 신용보증 제도 */
/* 무방문 보증신청 */
.img_wrap {
    display: flex;
    justify-content: center;
}

/* 무방문 기한연장 */
.busi_05 .procedure_wrap {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: space-between;
}

.busi_05 .procedure_wrap .proce_box {
    width: calc(100% / 4);
    padding: 40px 0;
    background-color: #F8F9FC;
    border: 1px solid #e1e1e1;
    display: flex;
    gap: 25px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
}

.busi_05 .procedure_wrap .proce_box>span {
    display: block;
    padding: 6px 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #4F71CF;
    color: #4F71CF;
    font-size: 16px;
    font-weight: 700;
}

.busi_05 .procedure_wrap .proce_box>.proce_icon {
    background: linear-gradient(to top, #03245B, #0B63B2);
    border-radius: 5px;
}

.busi_05 .procedure_wrap .proce_box>.proce_desc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.busi_05 .procedure_wrap .proce_box>.proce_desc>.p_desc1 {
    font-size: 18px;
    font-weight: 700;
    color: #303030;
    line-height: 1.5em;
}

.busi_05 .procedure_wrap .proce_box>.proce_desc>.p_desc2 {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
}

.busi_05 .procedure_wrap .arrow {
    position: relative;
}

.busi_05 .procedure_wrap .arrow::before {
    color: #303030;
    font-family: "xeicon";
    font-size: 1.6em;
    font-style: normal;
    content: "\e907";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, 0);
}

@media all and (max-width: 1024px) {
    .busi_05 .procedure_wrap {
        gap: 20px;
    }

    .busi_05 .procedure_wrap .proce_box {
        padding: 30px 10px;
        gap: 20px;
    }

    .busi_05 .procedure_wrap .proce_box>span {
        padding: 6px 15px;
        font-size: 13px;
    }

    .busi_05 .procedure_wrap .proce_box>.proce_icon>img {
        height: 50px;
    }

    .busi_05 .procedure_wrap .proce_box>.proce_desc>.p_desc1 {
        font-size: 15px;
        line-height: 1.3em;
    }

    .busi_05 .procedure_wrap .proce_box>.proce_desc>.p_desc2 {
        font-size: 13px;
    }
}

@media all and (max-width: 800px) {
    .busi_05 .procedure_wrap {
        flex-wrap: wrap;
        justify-content: normal;
    }

    .busi_05 .procedure_wrap .proce_box {
        width: calc(100% / 2.5);
        padding: 30px 0;
        gap: 15px;
    }
}

@media all and (max-width: 600px) {
    .busi_05 .procedure_wrap .proce_box {
        width: calc(100% / 1);
        padding: 20px 0;
    }

    .busi_05 .procedure_wrap .arrow {
        width: 100%;
        text-align: center;
    }

    .busi_05 .procedure_wrap .arrow::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}

/* // 02 - 05 - 05 무방문 신용보증 제도 */

/* 03 - 01 - 02 정부공개제도 주요내용 */
.info_01_box {
    background: #FBFBFB;
    padding: 2.5rem;
    border: 1px solid #E5E5E5;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    color: #000;
    font-weight: 500;
}

.info_01_box>li:not(:last-child) {
    padding-bottom: 1.2rem;
}

.info_01_box>li>b {
    color: #1E3D92;
    font-weight: 900;
    padding-right: 0.5rem;
}

.info01_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.info01_box>li>.img_box {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.info01_box>li>.desc_inner {
    height: 210px;
    padding: 35px 20px;
    background-color: #F8F9FC;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}

.info01_box>li>.desc_inner>h5 {
    font-size: 22px;
    font-weight: 700;
    color: #303030;
}

.info01_box>li>.desc_inner>p {
    font-size: 15px;
    font-weight: 500;
    color: #747474;
    line-height: 1.6em;
}

@media all and (max-width: 1024px) {
    .info01_box>li>.desc_inner {
        height: 260px;
    }
}

@media all and (max-width: 800px) {
    .info01_box {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .info01_box>li>.img_box>img {
        width: 100%;
    }

    .info01_box>li>.desc_inner {
        height: 130px;
        padding: 20px;
        gap: 10px;
    }

    .info01_box>li>.desc_inner>h5 {
        font-size: 16px;
    }

    .info01_box>li>.desc_inner>p {
        font-size: 13px;
        line-height: 1.5em;
    }
}

/* // 03 - 01 - 02 정부공개제도 주요내용 */


/* ========== 개인정보처리방침 ========== */
/* 개인정보처리방침[240531] */

div.contents_inner ul.busi_01_box.privacy_box {
    background: #fafcfd;
    padding: 2rem;
    border: 1px solid #f0f0f0;
    margin-top: 1.5rem;
    font-size: 1.6rem;
    color: #000;
    font-weight: 500;
}

div.contents_inner .privacy_tit_box{
    /* background: #f2f9fd; */
    padding: 2rem;
    border: 1px solid #e7e7e7;
    border-left: 2px solid #0B63B2;
    border-radius: 5px;
    line-height: 1.5;
    
}

div.contents_inner .privacy_tit_box p{
    font-size: 1.7rem;
    padding-top: 1rem;
    line-height: 2.5rem;
}

div.contents_inner h5.privacy_tit{
    width: 100%;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}

div.contents_inner ul.privacy_list{
    padding-top: 2rem;
}

div.contents_inner ul.privacy_list li{
    line-height: 2.3rem;
    position: relative;
    color: #2c2c2c;
}

div.contents_inner ul.privacy_list li b{
    color: #000;
}

div.contents_inner ul.privacy_list li:not(:last-child){
    padding-bottom: 1.5rem;
}

div.contents_inner ul.privacy_list h6:not(.tit_basic){
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    padding-left: 2.8rem;
    line-height: 1.5;
}

h6.tit_basic{
    padding-left: 0;
    font-size: 1.9rem;
    color: #000;
    font-weight: 700;
    line-height: 1.5;
    margin-top:1rem;
    padding-bottom: 0.5rem;
}

div.contents_inner ul.privacy_list h6 span{
    color: #0B63B2;
    display: inline-block;
    position: absolute;
    left: 0;
}

div.contents_inner ul.privacy_list p{
    font-size: 1.7rem;
    padding: 0.5rem 0 0 2rem;
    line-height: 2.5rem;
}

div.contents_inner .table_b2.privacy_table td a{
    color: #000;
    border-bottom: 1px solid #000;
}

div.contents_inner .table_b2.privacy_table td a:hover{
    color: #0B63B2;
    border-bottom: 1px solid #0B89CD;
}

div.contents_inner .table_b2.privacy_table tbody th{
    text-align: center;
}

/* 개인정보처리방침[250526] 추가 */
.privacy_labeling_box { margin: 20px 0; background-color: #F4FAFE; padding: 30px 10px; display: grid; grid-template-columns: repeat(5, 1fr); gap:10px;}
.privacy_labeling_box .item { text-align: center; padding: 15px;}
.privacy_labeling_box .item + .item { border-left: 1px dotted #0B89CD;}
.privacy_labeling_box .item:nth-child(5n+1) { border-left: 0;}
.privacy_labeling_box .item .img { height: 53px; display: flex; justify-content: center; align-items: center;}
.privacy_labeling_box .item p { margin-top: 15px; color: #000; font-weight: 500;}

.privacy_table_con { border-top: 1px solid #ddd; margin: 20px 0; display: grid; grid-template-columns: 45% 1fr;}
.privacy_table_con .item { display: grid; grid-template-columns: auto 130px; border-bottom: 1px solid #ddd; align-items: center;}
.privacy_table_con .item .table_tit { padding:25px 20px; color: #000; font-weight: 600;}
.privacy_table_con .item .table_con { padding:10px; height: 100%; box-sizing: border-box; background-color: #F4FAFE; display: flex; justify-content: center; align-items: center; gap: 5px;}

.privacy_tit_box.type2 h5 { display: flex; justify-content: space-between; align-items: center; gap: 10px;}

.table_privacy { border-top: 2px solid #03245B; overflow-x: auto;}
.table_privacy table, .table_privacy th, .table_privacy td { border:1px solid #E1E1E1; border-collapse:collapse; font-size:inherit; line-height: 1.3em;}
.table_privacy table { width:100%;}
.table_privacy thead th { padding: 1.2em 0.5rem; background:#F8F9FC; font-weight: 800; color:#111;}
.table_privacy tbody th { padding: 1em 0.5rem; background:#F8F9FC; font-weight: 400; color: #000;}
.table_privacy td { padding: 1.3rem; text-align:center;}

.table_privacy th > ul { text-align: left; display: flex; flex-direction: column; align-items: center;}
.table_privacy th > ul > li { position: relative; padding-left: 10px;}
.table_privacy th > ul > li::before { content: "-"; display: block; position: absolute; left: 0; top: 0;}

.table_privacy td > ul { text-align: left;}
.table_privacy td > ul > li { position: relative; padding-left: 10px;}
.table_privacy td > ul > li + li { margin-top: 7px;}
.table_privacy td > ul > li::before { content: "-"; display: block; position: absolute; left: 0; top: 0;}
.table_privacy td > ul > li > ul { margin-top: 7px;}
.table_privacy td > ul > li > ul > li { position: relative; padding-left: 10px;}
.table_privacy td > ul > li > ul > li span { position: absolute; left: 0; top: 0;}


.privacy_list2 { display: flex; flex-direction: column; gap: 10px; padding: 20px;}
.privacy_list2 > li { position: relative; padding-left: 16px; font-size: 1.05em; line-height: 1.4em;}
.privacy_list2 > li > span { color: #03245B; position: absolute; left: 0; font-weight: 600; font-size: 0.4em;}
.privacy_list2 > li > ul { margin-top: 10px; display: flex; flex-direction: column; gap: 5px;}
.privacy_list2 > li > ul > li { position: relative; padding-left: 16px;}
.privacy_list2 > li > ul > li > span { color: #000; position: absolute; left: 0; font-family: "montserrat"; font-size: 0.875em; font-weight: 600;}

.a_privacy_link {color: #000; border-bottom: 1px solid #000;}


@media all and (max-width: 1000px) { 
.privacy_labeling_box { grid-template-columns: repeat(3, 1fr);}
.privacy_labeling_box .item { padding: 10px;}
.privacy_labeling_box .item p { margin-top: 10px;}
.privacy_labeling_box .item:nth-child(5n+1) { border-left: 1px dotted #0B89CD;}
.privacy_labeling_box .item:nth-child(3n+1) { border-left: 0;}
.privacy_table_con { grid-template-columns: 1fr;}
.privacy_list2 { padding: 10px;}
}

@media all and (max-width: 600px) { 
.privacy_labeling_box { padding: 10px;}
.privacy_labeling_box .item .img { height: 36px;}
.privacy_labeling_box .item img { max-height: 36px;}
.privacy_table_con .item .table_tit { padding:10px;}
.privacy_table_con .item img { height: 36px;}
.privacy_tit_box.type2 h5 > div {display: flex; gap: 5px; flex-shrink: 0;}
.privacy_tit_box.type2 h5 img { height: 36px;}
.privacy_list2 > li { padding-left: 18px; font-size: 1em;}
.privacy_list2 > li > ul > li { padding-left: 15px;}
}
@media all and (max-width: 440px) { 
.privacy_labeling_box { grid-template-columns: repeat(2, 1fr); gap:0; padding: 0; border: 1px dotted #0B89CD;}
.privacy_labeling_box .item { padding:6px; display: flex; flex-direction: row; align-items: center; gap: 10px; border-bottom: 1px dotted #0B89CD;}
.privacy_labeling_box .item + .item {  border-left: 0;}
.privacy_labeling_box .item:nth-child(5n+1) { border-left: 0;}
.privacy_labeling_box .item:nth-child(2n+1) {border-right: 1px dotted #0B89CD;}
.privacy_labeling_box .item:last-child { border-bottom: 0;}
.privacy_labeling_box .item .img { flex-shrink: 0;}
.privacy_labeling_box .item img { width: 32px;}
.privacy_labeling_box .item p { margin-top: 0; text-align: left; font-size: 0.8em;}
}

/* ========== // 개인정보처리방침 ========== */


/* ========== 영상정보처리방침 ========== */
.table_type_style1 tbody td.border_none { border-left: 1px solid #fff !important;}
.table_type_style1 tbody td { text-align: center; border-left: 1px solid #e1e1e1 !important; }
.fx_type1 { display: flex; flex-direction: row; gap: 40px; }
.fx_type1 > div { width: 100%; }

.sub_btn_wrap2 { margin-top: 15px; display: flex; flex-direction: row; justify-content: space-between; gap: 20px; }
.sub_btn_wrap2 > a { width: 100%; padding: 15px;  transition: .3s ease; font-size: 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; color: #1E3D92; font-weight: 700; border: 1px solid #1E3D92; border-radius: 3px; }
.sub_btn_wrap2 > a:hover { background: #1E3D92; color: #fff; }

@media all and (max-width: 800px) { 
    .fx_type1 { gap: 20px; }
    .table_type_style1 th { font-size: 15px; }
    .table_type_style1 td { font-size: 14px; }

    .sub_btn_wrap2 { flex-wrap: wrap; gap: 10px; }
    .sub_btn_wrap2 > a { padding: 10px; font-size: 13px; }
}
/* ========== // 영상정보처리방침 ========== */