.branchtab {margin-top: 20px;display: flex; }
.branchtab .tablinks {
    background-color: inherit;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d1d1d1;
}
.branchtab .tablinks > img {margin-top:0; padding: 10px }
 button.tablinks > img     {margin-top:0; padding: 5px !important }
 
.branchtab .tablinks:hover {
    background-color: #3f3f3f;
    color: #fff;
}
.branchtab .tablinks.active {
    background-color: #137fd2;
    color: #fff;
}
/* a.tablinks:focus { outline:2px solid #000;} */

.branchtabSecond {margin-top: 20px;display: flex;}
.branchtabSecond .tablinks {
    cursor: pointer;
    transition: 0.1s;
    font-size: 17px;
    width: 140px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #888888 ;
    color: #3f3f3f;
    position: relative;
	border-radius: .4em;
    margin: 0 3px;
}

.branchtabSecond .tablinks:hover,
.branchtabSecond .tablinks.active  {
    background-color: #137fd2;
    border: 1px solid #137fd2 ;
    color: #fff;
}

.branchtabSecond .tablinks.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #137fd2;
	border-bottom: 0;
	margin-left: -12px;
	margin-bottom: -11px;
}

@media screen and (max-width: 1024px) {
    .branchtabSecond .tablinks  { width: 49%; }

}


.tabcontent {  display: none }

.branch_gridAR {
    display: flex; position: relative;
    width: 100%;
    height: 485px;
    justify-content: space-between;
}
.grid_allMap {
    border: 1px solid #cccccc;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f2f8fe;
    width: 40%;
}
    .korea_Province_count { position: absolute;
        font-size: 26px;
        z-index: 10;
        color: #1a1a1a;
        font-weight: 300;
        padding: 20px 0 0 20px
    }
    .korea_Province_count span { color: #137fd2;}

    .grid_allMap_bg {
        background: url("../images/branch/koreaMAP.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        width: 277px;
        height: 382px;
    }

    .korea_Province       { font-size: 15px;position: relative; margin-top:50px }
    .korea_Province > div {
        position: absolute;
        cursor: pointer;
        background-color: #909399;
        color: #fff;
        padding: 0 8px 1px 7px;
        margin: 1px;
        border-radius: 15px;
        line-height: 22px;
    }
    .korea_Province > div:hover  {
        background-color: #137fd2;
        transform: scale(1.2);
        transition: 0.1s;
    }

    .korea_Province > div.active {
        background-color: #003487;
        transform: scale(1.3);
        transition: 0.1s;
    }
    /*Áö¿ª¼±Åà ¹öÆ°Ãß°¡*/
    .korea_Province > button {
        font-size: 15px;
        position: absolute;
        cursor: pointer;
        background-color: #909399;
        color: #fff;
        padding: 1px 7px;
        margin: 1px;
        border-radius: 15px;
        line-height: 21px;
    }
    .korea_Province > button:hover  {
        background-color: #137fd2;
        transform: scale(1.2);
        transition: 0.1s;
    }

    .korea_Province > button.active {
        background-color: #003487;
        transform: scale(1.3);
        transition: 0.1s;
    }
    /*Áö¿ª¼±Åà aÅÂ±× Ãß°¡*/
    /*Áö¿ª¼±Åà ¹öÆ°Ãß°¡*/
    .korea_Province > a {
        font-size: 15px;
        position: absolute;
        cursor: pointer;
        background-color: #909399;
        color: #fff;
        padding: 2px 7px;
        margin: 1px;
        border-radius: 15px;
        line-height: 22px;
    }
    .korea_Province > a:hover  {
        background-color: #137fd2;
        transform: scale(1.2);
        transition: 0.1s;
    }

    .korea_Province > a.active {
        background-color: #003487;
        transform: scale(1.3);
        transition: 0.1s;
    }

    .korea_Province_table {
        align-items: center !important;
        padding: 7px; margin-top: 40px;
        display: inline-table;
    }

    .korea_Province_table .provinceName {
        font-size: 17px;
        width: 47.555%;
        height: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        margin: 2px;
        border: 1px solid rgb(207, 207, 207);
    }

    .korea_Province_table .provinceName:hover,
    .korea_Province_table .provinceName.active {
        background-color: #137fd2 !important;
        color: #fff;
        cursor: pointer;
    }

    @media screen and (max-width: 1040px) {
        .korea_Province_table {
        margin-top: 40px;
        }

        .korea_Province_table .provinceName {
            font-size: 17px;
            width: 31.5% !important;
            height: 5vh;
        }
    }

    @media screen and (max-width: 450px) {
        .korea_Province_table .provinceName {
            font-size: 16px;
            width: 30% !important;
            height: 4vh;
        }
    }

    .point_seoul      { left: 80px;top: 55px }
    .point_incheon    { left: 15px;top: 75px }
    .point_gyeonggi   { left: 75px;top: 90px }
    .point_gangwon    { left: 170px; top: 60px }
    .point_sejong     { left: 60px;top: 140px }
    .point_chungnam   { left: 30px; top: 170px }
    .point_chungbuk   { left: 120px; top: 136px }
    .point_daejeon    { left: 80px; top: 190px }
    .point_daegu      { left: 190px; top: 210px }
    .point_ulsan      { left: 230px;top: 250px }
    .point_gyeongbuk  { left: 190px; top: 165px}
    .point_gyeongnam  { left: 140px; top: 270px}
    .point_busan      { left: 220px; top: 290px}
    .point_jeonbuk    { left: 65px; top: 230px }
    .point_jeonnam    { left: 60px; top: 300px }
    .point_gwangju    { left: 10px; top: 280px }
    .point_jeju       { left: 160px; top: 353px }




.grid_officeMap {
    box-sizing: border-box !important;
    border: 1px solid #cccccc;
    border-left-color: transparent;
    position: relative;
    background-color: #fff;
    width: 60%;
}

@media screen and (max-width: 600px) {
.grid_officeMap {
    border-bottom: 1px solid #cccccc;
    border-color-top:transparent;
    margin-left: 0; overflow-x: auto;
    margin-top: -1px;
    }
}



@media screen and (max-width: 1024px) {
.grid_allMap, .grid_officeMap {width: 100%; padding: 20px 0 ;}
.korea_Province_count { font-size: 22px; display: flex;}
}

    .officeMap {
        position: relative;
        width: 530px;
        height: 485px;
        min-width: 530px;
        margin: 0 auto;
    }
    .officeMap_basic {
        width: 530px;
        height: 483px;
        background: url("../images/branch/officeMap_basic.png");
        background-position: bottom;
        background-repeat: no-repeat;
        margin: 0 auto;
    }
      /*welcome*/
     .welcome   { text-align: center; padding-top: 50px; color: #137fd2; display: flex; flex-direction: column }
     .text_info           { font-size: 18px }
     .text_hrdk           { font-size: 32px; line-height: 40px; font-weight: 600 }
     .text_small          { font-size: 16px; color: #575757 }



     .cityTitle        { position: absolute; z-index: 10; left: -2px;  top: 0; padding:0; color: #303030; display:inline-flex }
     .city_bullet  img { width: 13px }
     .cityName           { font-size: 30px;  font-weight: 300; padding: 10px 0 0 10px;  line-height: 50px;   }
     @media screen and (max-width:1024px) {
         .city_bullet  { display: none }
         }


    @media screen and (max-width: 600px) {
        /* .subMenuList {
            overflow-x: auto;
            align-items: flex-start;
            justify-content: left;
            display: flex;
        } */
        .box-inner { width: 100% }

    }

    .officeMap_name {
        font-size: 16px;
        position: absolute;
        cursor: pointer;
        background-color: #137fd2;
        color: #fff;
        line-height: 1.5em;
        padding: 5px 10px;
        border-radius: 20px;
        transition: all 0.3s;
    }
    .officeMap_name:hover {
        background-color: #137fd2;
        box-shadow: 0px 0 3px 3px rgba(0, 0, 0, .15) !important;
    }
    .officeMap_Seoul {
        background: url("../images/branch/officeMap_Seoul.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Incheon {
        background: url("../images/branch/officeMap_Incheon.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Gyeonggi {
        background: url("../images/branch/officeMap_Gyeonggi.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Gangwon {
        background: url("../images/branch/officeMap_Gangwon.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Ulsan {
        background: url("../images/branch/officeMap_Ulsan.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Daegu {
        background: url("../images/branch/officeMap_Daegu.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Busan {
        background: url("../images/branch/officeMap_Busan.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Gyeongnam {
        background: url("../images/branch/officeMap_Gyeongnam.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Gyeongbuk {
        background: url("../images/branch/officeMap_Gyeongbuk.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Jeonbuk {
        background: url("../images/branch/officeMap_Jeonbuk.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Jeonnam {
        background: url("../images/branch/officeMap_Jeonnam.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Daejeon {
        background: url("../images/branch/officeMap_Daejeon.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Chungbuk {
        background: url("../images/branch/officeMap_Chungbuk.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Chungnam {
        background: url("../images/branch/officeMap_Chungnam.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Sejong {
        background: url("../images/branch/officeMap_Sejong.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Jeju {
        background: url("../images/branch/officeMap_Jeju.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .officeMap_Gwangju {
        background: url("../images/branch/officeMap_Gwangju.svg");
        background-position: bottom;
        background-repeat: no-repeat;
    }


    .branch_Character {
        position: absolute;
        z-index: 90;
        top: 0;
        right: 0;
        height: 483px;
        background-color: rgb(16 16 16 / 50%);
    }

    .branchBox_title_bg { position: relative; color: #444444;  height:50px; width: 300px;
        background: url(../images/branch/bg_hrdk.svg) no-repeat right 0;  margin-top: 50px
        }
    .branchBox_title_bg > span    { font-size: 16px; line-height: 16px; font-weight:500; color: #003686; position: absolute; top: -5px; right: 0}
    .CharacterBox {
        width: 80%;
        background-color: #fff;
        box-shadow: -10px 0 5px 5px rgba(0, 0, 0, .15) !important;
        position: absolute;
        right: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        @media screen and (max-width:1024px) {
            .CharacterBox { width: 100%;}
        }
        .characterImg        { width: 312px; display: block }
        .characterImg img    { margin-top: 0; padding: 20px  0}



    .boxseoul, .boxseoule, .boxseouls, .boxseoulgn,
    .boxincheon,
    .boxgyeonggi, .boxsn, .boxgyeonggiw, .boxgyeonggis, .boxgyeonggin,
    .boxgangwon, .boxgangneung,
    .boxbusan, .boxbusans,
    .boxulsan, .boxdaegu,
    .boxgyeongnam, .boxgyeongnamw,
    .boxgyeongbuk, .boxpohang, .boxgyeongbukw,
    .boxjeonbuk, .boxjeonbukw,
    .boxjeonnam, .boxmokpo,
    .boxchungbuk, .boxchungbukn, .boxchungnam,
    .boxdaejeon, .boxgwangju, .boxsejong, .boxjeju  {float: right;overflow: hidden;display: none}


    .branchBox_btn {  display: flex}
    .branchBox_btn > a {
        margin: 10px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #137fd2;
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 14px; letter-spacing: -0.05px; line-height: 14px; text-align:center
    }
    .branchBox_btn > a > i { width: 25px; height: 25px; background-size: 25px; background-repeat: no-repeat; background-position: center }
    .icon_message { background-image: url(../images/branch/icon_message.svg) }
    .icon_map     { background-image: url(../images/branch/icon_map.svg) }
    .icon_home    { background-image: url(../images/branch/icon_home.svg) }

    .branchBox_btn > a:hover {
        background-color: #003487;
        transform: scale(1.10);
        transition: 0.1s;

    }
    .branchBox_btn > a > span {
        visibility: hidden;
        background-color: #fff;
        color: #666666; font-size: 12px;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 110%;
        left: 50%;
        margin-left: -40px;
        opacity: 0;
        transition: opacity 0.3s;
        border: 1px solid #666666;
    }

    .branchBox_btn > p:hover {
        background-color: #003487;
        transform: scale(1.10);
        transition: 0.1s;

    }
    .branchBox_btn > p > span {
        visibility: hidden;
        background-color: #fff;
        color: #666666; font-size: 12px;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 110%;
        left: 50%;
        margin-left: -40px;
        opacity: 0;
        transition: opacity 0.3s;
        border: 1px solid #666666;
    }

    .branchBox_btn > a > span::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #666666 transparent transparent transparent;
    }

    .branchBox_btn > a:hover > span {
        visibility: visible;
        opacity: 1;
    }

    .branchBox_btn > p > span::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #666666 transparent transparent transparent;
    }

    .branchBox_btn > p:hover > span {
        visibility: visible;
        opacity: 1;
    }

    .branchBox_close {
        position: absolute;
        left: -25px;
        top: 50%;
        margin-top: -50px;
        height: 100px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        padding: 20px 5px;
        background-color: #fff;
        box-shadow: -10px 0 4px 5px rgba(0, 0, 0, .15) !important;
    }

    .branchBox_close > button {
        width: 30px;
        height: 30px;
        background: url("../images/branch/right.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;

    }

    .branchBox_close > button::before {
        background-color: #137fd2;
    }

    .branchBox_close > button:hover {

        transform: scale(1.5);
        transition: 0.3s;
    }


    @media screen and (max-width: 1024px) {
        .branch_gridAR { display: block !important; height: auto !important; padding-right: 1px; justify-content: unset !important}
        .branchBox_close {
            left: 10px;
            top: -1px;
            margin-top: 0;
            height: 50px;
            box-shadow: 0 0 1px 1px rgb(149 149 149 / 55%) !important;
            border-radius: 2px;
            width: 30px;
            padding: 5px;
            height: 30px;
        }
        .branchBox_close > button {
            width: 30px;
        }
        .branchBox_close > button:hover {

            transform: scale(1.1);
            transition: 0.3s;
        }

    }

.point_officeMap_seoul  { left: 400px; top: 215px}
.point_officeMap_seoul::before {
    content: '';
    width: 2px;
    height: 28px;
    top: 0px;
    left: -13px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}

.point_officeMap_seoule {left: 70px; top: 170px}
.point_officeMap_seoule::before {
    content: '';
    width: 2px;
    height: 32px;
    top: 0px;
    left: 119px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
.point_officeMap_seouls { left: 30px;top: 370px;}
.point_officeMap_seouls::before {
    content: '';
    width: 2px;
    height: 80px;
    top: -60px;
    left: 120px;
    background-color: #137fd2;
    transform: rotate(35deg);
    position: absolute;
}
.point_officeMap_seoulgn { left: 340px; top: 400px;}
.point_officeMap_seoulgn::before {
    content: '';
    width: 2px;
    height: 55px;
    top: -55px;
    left: 20px;
    background-color: #137fd2;
    transform: rotate(-180deg);
    position: absolute;
}

.point_officeMap_incheon { left: 412px;  top: 395px;}
.point_officeMap_incheon::before {
    content: '';
    width: 2px;
    height: 23px;
    top: -22px;
    left: 35px;
    background-color: #137fd2;
    transform: rotate(-180deg);
    position: absolute;
}

.point_officeMap_gyeonggi { left: 30px;  top: 350px;}
.point_officeMap_gyeonggi::before {
    content: '';
    width: 2px;
    height: 120px;
    top: -60px;
    left: 160px;
    background-color: #137fd2;
    transform: rotate(75deg);
    position: absolute;
}
.point_officeMap_sn {left: 370px;top: 275px;}
.point_officeMap_sn::before {
    content: '';
    width: 2px;
    height: 70px;
    top: -25px;
    left: -30px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}

.point_officeMap_gyeonggiw {
    left: 30px;
    top: 240px;
}
.point_officeMap_gyeonggiw::before {
    content: '';
    width: 2px;
    height: 32px;
    top: 0px;
    left: 119px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
.point_officeMap_gyeonggis {
    left: 350px;
    top: 390px;
}
.point_officeMap_gyeonggis::before {
    content: '';
    width: 2px;
    height: 23px;
    top: 5px;
    left: -5px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
.point_officeMap_gyeonggin {
    left: 330px;
    top: 172px;
}
.point_officeMap_gyeonggin::before {
    content: '';
    width: 2px;
    height: 50px;
    top: -7px;
    left: -18px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}

.point_officeMap_gangwon {left: 65px;top: 195px;}
.point_officeMap_gangwon::before {
    content: '';
    width: 2px;
    height: 25px;
    top: 5px;
    left: 87px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
.point_officeMap_gangneung {left:410px; top: 220px;}
.point_officeMap_gangneung::before {
    content: '';
    width: 2px;
    height: 23px;
    top: 20px;
    left: 0px;
    background-color: #137fd2;
    transform: rotate(-180deg);
    position: absolute;
}
.point_officeMap_sejong { left: 110px;top: 310px;}
.point_officeMap_sejong::before {
    content: '';
    width: 2px;
    height: 80px;
    top: -23px;
    left: 119px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}

.point_officeMap_busan  {left:100px; top: 200px;}
.point_officeMap_busan::before {
    content: '';
    width: 2px;
    height: 35px;
    top: 0;
    left: 118px;
    background-color: #137fd2;
    transform: rotate(90deg);
    position: absolute;
}
.point_officeMap_busans {left:395px; top: 310px;}
.point_officeMap_busans::before {
    content: '';
    width: 2px;
    height: 40px;
    top: -5px;
    left: -10px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
.point_officeMap_gyeongnam  {left:370px; top: 305px; }
.point_officeMap_gyeongnam::before {
    content: '';
    width: 2px;
    height: 48px;
    top: -25px;
    left: -15px;
    background-color: #137fd2;
    transform: rotate(-45deg);
    position: absolute;
}
.point_officeMap_gyeongnamw {left:30px; top:245px; }
.point_officeMap_gyeongnamw::before {
    content: '';
    width: 2px;
    height: 58px;
    top: -5px;
    left: 130px;
    background-color: #137fd2;
    transform: rotate(-75deg);
    position: absolute;
}

.point_officeMap_ulsan  { left:220px; top: 160px;}
.point_officeMap_ulsan::before {
    content: '';
    width: 2px;
    height: 40px;
    top: 18px;
    left: 80px;
    background-color: #137fd2;
    transform: rotate(-45deg);
    position: absolute;
}

/*´ë±¸-±ºÀ§±ºÆðÀÔÀü
.point_officeMap_daegu  { left:45px; top: 215px;}
.point_officeMap_daegu::before {
    content: '';
    width: 2px;
    height: 80px;
    top: -25px;
    left: 140px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
*/
/*´ë±¸-±ºÀ§±º ÆíÀÔÈÄ*/
.point_officeMap_daegu  { left:38px; top: 307px;}
.point_officeMap_daegu::before {
    content: '';
    width: 2px;
    height: 82px;
    top: -25px;
    left: 140px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}

.point_officeMap_gyeongbuk  { left:65px;top: 95px;}
.point_officeMap_gyeongbuk::before {
    content: '';
    width: 2px;
    height: 147px;
    top: -13px;
    left: 130px;
    background-color: #137fd2;
    transform: rotate(-55deg);
    position: absolute;
}

.point_officeMap_pohang { left: 400px; top: 282px;}
.point_officeMap_pohang::before {
    content: '';
    width: 2px;
    height: 30px;
    top: 2px;
    left: -7px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}

.point_officeMap_gyeongbukw {left: 30px; top: 265px;}
.point_officeMap_gyeongbukw::before {
    content: '';
    width: 2px;
    height: 35px;
    top: 0;
    left: 120px;
    background-color: #137fd2;
    transform: rotate(-90deg);
    position: absolute;
}
.point_officeMap_gwangju { left: 280px; top: 100px;}
.point_officeMap_gwangju::before {
    content: '';
    width: 2px;
    height: 60px;
    top: 30px;
    left: 57px;
    background-color: #137fd2;
    transform: rotate(-180deg);
    position: absolute;
}
.point_officeMap_jeonbuk  {left: 300px; top: 230px;}
.point_officeMap_jeonbuk::before {
    content: '';
    width: 2px;
    height: 25px;
    top: -10px;
    left: -5px;
    background-color: #137fd2;
    transform: rotate(-45deg);
    position: absolute;
}

.point_officeMap_jeonbukw  {left: 50px; top: 110px;}
.point_officeMap_jeonbukw::before {
    content: '';
    width: 2px;
    height: 41px;
    top: 15px;
    left: 107px;
    background-color: #137fd2;
    transform: rotate(180deg);
    position: absolute;
}

.point_officeMap_jeonnam   {left: 370px; top: 80px;}
.point_officeMap_jeonnam::before {
    content: '';
    width: 2px;
    height: 120px;
    top: 25px;
    left: 40px;
    background-color: #137fd2;
    transform: rotate(180deg);
    position: absolute;
}
.point_officeMap_mokpo { left: 20px; top: 310px;}
.point_officeMap_mokpo::before {
    content: '';
    width: 2px;
    height: 50px;
    top: -30px;
    left: 120px;
    background-color: #137fd2;
    transform: rotate(45deg);
    position: absolute;
}

.point_officeMap_daejeon {left: 140px; top: 260px;}
.point_officeMap_daejeon::before {
    content: '';
    width: 2px;
    height: 40px;
    top: 10px;
    left: 115px;
    background-color: #137fd2;
    transform: rotate(-45deg);
    position: absolute;
}


.point_officeMap_chungnam {left: 360px; top: 100px;}
.point_officeMap_chungnam::before {
    content: '';
    width: 2px;
    height: 25px;
    top: 20px;
    left: 0px;
    background-color: #137fd2;
    transform: rotate(-180deg);
    position: absolute;
}

.point_officeMap_chungbuk {left:60px;top: 277px;}
.point_officeMap_chungbuk::before {
    content: '';
    width: 2px;
    height: 30px;
    top: -23px;
    left: 65px;
    background-color: #137fd2;
    transform: rotate(25deg);
    position: absolute;
}
.point_officeMap_chungbukn { left: 301px; top: 200px;}
.point_officeMap_chungbukn::before {
    content: '';
    width: 2px;
    height: 79px;
    top: -65px;
    left: -15px;
    background-color: #137fd2;
    transform: rotate(-25deg);
    position: absolute;
}

.point_officeMap_jeju { left: 200px; top:130px;}
.point_officeMap_jeju::before {
    content: '';
    width: 2px;
    height: 45px;
    top: 34px;
    left: 40px;
    background-color: #137fd2;
    transform: rotate(180deg);
    position: absolute;
}





.branch_table { margin-top: 40px; }
.tablelink    { text-align: center;}
            .linkBtn {
                display: inline-block;
                height: 27px;
                line-height: 24px;
                border: 1px solid #ddd;
                background-color: white;
                border-radius: 15px;
                padding: 0 35px 0 15px; margin:0 3px;
                font-size: 14px;
                color: #444;
                position: relative;
                box-sizing: border-box;
                /* letter-spacing: -1px; */
            }

            .linkBtn::after {
                content: "";
                position: absolute;
                top: 0;
                right: 15px;
                width: 7px;
                height: 100%;
                background-image: url("../images/branch/btn_arrow.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position-y: center;
            }
            .linkBtn:hover {
                background-color: #137fd2;
                color: white !important;
            }
            .linkBtn:hover::after {
                background-image: url("../images/branch/btn_arrow_white.png");
            }

            @media screen and (max-width:875px) {
                .linkBtn {  width: 100% !important; margin: 2px;}
                }




    .bodySms {
      background-color: #505050;
      padding: 10px;
      font-size: 14px;
      color: #4e4e4e;
      overflow-y: auto;
      width: 100%
    }

    * {
      box-sizing: border-box
    }

    .mt_5 {
      margin-top: 5px
    }

    .db {
      display: block
    }

    .branchSMS_header {
      background-color: #007bff;
      letter-spacing: -0.075rem;
      color: #fff;
      border-radius: 15px 15px 0 0;
      padding: 10px;
      border-bottom: 1px solid #000
    }

    .branchSMS_header h1 {
      font-size: 18px;
      text-align: center
    }

    .branchSMS_agree {
      font-size: 12px;
      letter-spacing: -1px;
      background-color: #ffffff;
      border-radius: 0 0 15px 15px
    }

    .branchSMS_agree_top {
      display: flex;
      padding: 10px
    }

    .branchSMS_agree_top>a {
      padding: 0 5px;
      margin-left: auto
    }

    .branchSMS_agree_group {
      padding: 10px;
      margin: 0 10px;
      border-top: 1px solid #cccccc;
    }

    .branchSMS_agree_group li {
      padding-bottom: 5px
    }

    .branchSMS_agree_group .title {
      color: #000;
      font-size: 13px
    }

    .branchSMS_agree_group span:last-child {
      display: block;
      padding-left: 10px
    }

    .branchSMS_agree_list {
      padding: 0;
      margin: 5px 0 0 13px
    }

    .branchSMS_agree_list strong {
      color: #006dda
    }

    .branchSMS_agree_check {
      font-size: 13px;
      padding: 10px 0;
      text-align: center;
      background-color: #f0f0f0;
      border-radius: 0 0 15px 15px
    }

    .branchSMS_agree_check span {
      letter-spacing: -1px;
      padding-bottom: 5px
    }

    .num {
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      width: 18px;
      height: 18px;
      line-height: 18px;
      display: inline-block;
      text-align: center;
      background-size: 18px;
      background-image: url(/design5/images/branch/branchSMS_num.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      margin-right: 5px;
    }

    .branchSMS_group {
      background-color: #4077a0;
      border-radius: 15px 15px 0 0;
      padding: 8px 15px;
      display: flex;
      flex-direction: column
    }

    .branchSMS_group h2 {
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      letter-spacing: -.05rem
    }

    /* .branchSMS_group label {
      display: none
    } */

    .branchSMS_group form {
      display: flex;
      flex-direction: row;
      justify-content: center;
      vertical-align: middle;
      padding: 10px 0
    }

    .branchSMS-input {
      width: 60%;
      padding: 0.375rem 0.75rem;
      font-size: 15px;
      font-weight: 800;
      height: 38px;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #67859c;
      margin: 0
    }

    .btbranchSMS_btnGroup {
      width: 40%;
      display: flex;
      flex-direction: row
    }

    .smsCheck {
      width: 60%;
      color: #fff;
      font-weight: 800;
      background-color: #141e3f;
      margin-left: 1px
    }

    .smsCancel {
      width: 40%;
      color: #fff;
      font-weight: 800;
      background-color: #5f5f5f;
      margin-left: 1px
    }

    .branchSMS-input::placeholder {
      color: #666666;
      font-weight: normal;
      letter-spacing: -.5px;
      font-size: 13px
    }

    .branchSMS-input::-webkit-input-placeholder {
      color: #666666;
      font-weight: normal;
      letter-spacing: -.5px;
      font-size: 13px
    }

    .branchSMS-input:-ms-input-placeholder {
      color: #666666;
      font-weight: normal;
      letter-spacing: -.5px;
      font-size: 13px
    }

    .branchSMS_check {
      background-color: #f0f0f0;
      border-radius: 0 0 15px 15px;
      padding: 15px
    }

    .branchSMS_check h2 {
      font-size: 14px;
      color: #494949;
      font-weight: 800;
      letter-spacing: -.05rem
    }

    .txtgroup {
      padding: 10px 5px;
    }

    .txtgroup dl {
      display: flex;
      flex-direction: row;
      font-size: 13px;
      padding: 5px 0;
      border-bottom: 1px solid #aaaaaa;
      word-break: break-all;
    }

    .txtgroup dl:last-child {
      border-bottom: none
    }

    .txtgroup dl dt {
      font-weight: 600;
      letter-spacing: -0.05rem;
      min-width: 90px
    }

    .txtgroup dl dd {
      letter-spacing: -.05rem
    }


    .branchSMS_modal {
      display: none;
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6)
    }

    .branchSMS_modal_dialog {
      display: flex;
      height: 100%;
      padding: 20px
    }

    .branchSMS_modal_content {
      position: relative;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #4d4d4d;
      border-radius: 0.3rem;
      margin: auto;
      height: 300px;
      min-width: 320px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center
    }

    .branchSMS_phone {
      font-size: 30px;
      font-weight: 800;
      color: #000;
      padding: 10px;
      border-style: solid;
      border-width: 1px;
      border-color: #272727;
      border-radius: 4px
    }

    .branchSMS_ok {
      font-size: 16px;
      padding: 20px 0;
      white-space: pre-wrap;
      word-break: break-all
    }

    .branchSMS_close {
      position: absolute;
      right: -5px;
      top: -60px;
      color: #fff;
      font-size: 50px;
      cursor: pointer
    }

    @media screen and (max-width:420px) {
      .branchSMS_agree_top>a {
        display: none
      }

      .branchSMS_group form {
        display: flex;
        flex-direction: column;
        justify-content: center
      }

      .branchSMS-input {
        width: 100%
      }

      .btbranchSMS_btnGroup {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 3px
      }

      .smsCheck,
      .smsCancel {
        width: 50%;
        padding: 0.375rem 0.75rem
      }

      .branchSMS_modal_content {
        height: 300px;
        min-width: 95%
      }

      .branchSMS_phone {
        font-size: 20px
      }
    }