/* 서브페이지 레이아웃 */
header { transform: none !important; position: fixed; left: 0; top: 0; transition: 0.5s ease-in-out; }
.subScroll header { top: -100%; }
.subScrollRvrs header { top: 0 !important; transition: 0.3s ease-in-out !important; }

.aiSrchSub { position: fixed; z-index: 9; right: calc((100% - 82rem) / 2); bottom: 2rem; transform: translateX(5rem); transition: 0.3s; display: flex; flex-direction: column; }

/* .aiSrchSub .aischTxt { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #C6CADB; border-radius: 4.5rem; background: #fff; position: absolute; right: 0; bottom: 3.6rem; width: 12.5rem; padding: 0.5rem 1rem; box-shadow: 0px 2px 10px rgba(51,61,80,0.1); }
.aiSrchSub.close .aischTxt { display: none; }
.aiSrchSub .aischTxt > img { max-width: 1.05rem; }
.aiSrchSub .aischTxt > p { font-size: 0.65rem; color: #666; margin: 0 0.75rem 0 0.5rem; }
.aiSrchSub .aischTxt > p > span { display: block; font-size: 0.75rem; color: #454545; font-weight: 700; }
.aiSrchSub .aischTxt > button { padding: 0; width: 1.1rem; height: 1.1rem; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #3B4658; } */

.aiSrchSub .txt { position: absolute; bottom: 0; right: 1.5rem; border-radius: 4.5rem; border: 1px solid #C6CADB; background: #fff; display: flex; align-items: center; gap: 0.4rem; height: 3.2rem; padding: 0 0.75rem 0 1.25rem; width: 13.05rem; box-shadow: 0px 2px 10px rgba(51,61,80,0.1); justify-content: space-between; transition: 0.3s; opacity: 0; visibility: hidden; }
.aiSrchSub .txt p { color: #666666; font-size: 0.65rem; }
.aiSrchSub .txt span { color: #454545; font-size: 0.75rem; font-weight: bold; }
.aiSrchSub .txt span > em { color: #732C81; }
.aiSrchSub .txt > i { font-size: 1.35rem; color: #732C81; }

.aiSrchSub .txt.IntTxt span > em { color: #1270E2; }
.aiSrchSub .txt.IntTxt > i { color: #1270E2; }

.aiSrchSub .txt.IntTxt { bottom: auto; top: 0; }

.aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem; background: linear-gradient(to right bottom, #90549c 30%, #4b1356 85%); box-shadow: 0px 0px 10px rgba(0,0,0,0.15); font-size: 0.75rem; color: #fff; font-weight: 600; line-height: 1rem; z-index: 1; }
.aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) img { max-width: 100%; }

/* .openIntPop { width: 3.2rem; height: 5rem; border-radius: 4.5rem; background: #1D4C88; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 0.15rem; font-size: 0.75rem; font-weight: 700; margin-bottom: 4.1rem; flex-direction: column; } */

.openIntPop { width: 3.2rem; height: 3.2rem; border-radius: 4.5rem; background: linear-gradient(to bottom right, #1270e2 30%, #1a4982 85%); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 0.15rem; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.5rem; flex-direction: column; line-height: 1rem; z-index: 1; }
.openIntPop > i { font-weight: 400; line-height: 1; font-size: 1.25rem; display: none; }

.aiSrchSub .openIntPop:hover + .IntTxt,
.aiSrchSub .openIntPop:focus + .IntTxt,
.aiSrchSub .aischOpen:hover + .txt,
.aiSrchSub .aischOpen:focus + .txt { right: 3.7rem; opacity: 1; visibility: visible; }

.aiSrchSub .subIntTxt .aniArrow { display: inline-flex; align-items: center; justify-content: center; position: absolute; bottom: 1.3rem; right: 0.5rem; flex-direction: column; color: #1D4C88; }
.aiSrchSub .subIntTxt .aniArrow i { font-size: 1.25rem; line-height: 1; height: 0.4rem; animation: arrowFadeMove 1.5s infinite ease-in-out; }
.aiSrchSub .subIntTxt .aniArrow .one { opacity: 0.5; animation-delay: 0.75s; }
.aiSrchSub .subIntTxt .aniArrow .two { opacity: 1; animation-delay: 0s; }

@keyframes arrowFadeMove {
  0%,100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

.aiSrchSub .subIntTxt { display: inline-flex; align-items: center; justify-content: center; border-radius: 4.5rem; background: #fff; position: absolute; right: 0; bottom: calc(100% + 0.5rem); width: 12.5rem; padding: 0.5rem 1.85rem 0.5rem 1.25rem; box-shadow: 0px 2px 10px rgba(51,61,80,0.1); flex-direction: column; overflow: visible; }
.subIntTxt svg.borderGauge { position: absolute; top: 0; left: -0.2rem; width: 12.9rem; height: 3.2rem; pointer-events: none; box-sizing: border-box; }
.subIntTxt svg rect.progress { stroke-dasharray: 569;  stroke-dashoffset: 569; animation: progressAnim 2s linear forwards; }

@keyframes progressAnim {
  to {
    stroke-dashoffset: 0;
  }
}

.aiSrchSub .subIntTxt p.top { font-size: 0.65rem; color: #666; }
.aiSrchSub .subIntTxt p.bot { font-size: 0.75rem; color: #454545; font-weight: bold; }
.aiSrchSub .subIntTxt p.bot span { color: #00358F; }
.aiSrchSub.close .openIntPop { margin-bottom: 0.5rem; }

/* 공통 */
.imgLogo { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.imgLogo img { max-width: 100%; }
.tbl_st th.slash { background: #F0F0F0 url('/images/template/T0001/sub/lineD.png')no-repeat; background-size: 100% 100%; text-align: left; }
.tbl_st th.slash span { display: block; text-align: right; } 
.passOpen { margin-top: 3.5rem !important; }

/* 탭 : 1차 탭 */
.tab_Lst { margin: 0 0 2.5rem; }
.tab_Lst ul { display: flex; flex-wrap: wrap; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14); }
.tab_Lst ul li { width: 25%; position: relative; }
.tab_Lst ul li::before { position: absolute; content: ""; width: 100%; height: 3px; bottom: 0; left: 0; background: #00358F; z-index: 1; }
.tab_Lst ul li a { position: relative; padding: 1.15rem 1rem !important; align-items: start; justify-content: center; border-right: 1px solid #D9D9D9; display: flex; font-size: 1.1rem; background: #FAFAFA; color: #141414; border-top: 1px solid #D9D9D9; height: 100%; }
.tab_Lst ul li a em { position: relative; }

.tab_Lst ul li.on a em { padding-left: 2rem; }
.tab_Lst ul li.on a em::before { position: absolute; content: "\eb79"; left: 0; top: 0.18rem; color: #fff; font-size: 1.35rem; font-family: 'remixicon'; font-weight: 400; line-height: 1; }

/* .tab_Lst ul li a::before { position: absolute; content: ""; width: 100%; height: 1px; bottom: -1px; left: 0; background: #B1B8BE; z-index: -1; } */
.tab_Lst ul li:nth-child(4n) a { border-right: none; }
    /* 탭 : w20 */
    .tab_Lst.tab_w20 ul li { width: 20%; }
    .tab_Lst.tab_w20 ul li a { border-right: 1px solid #B1B8BE; }
    .tab_Lst.tab_w20 ul li:nth-child(5n) a { border-right: none; }

/* 탭 : 1차 탭 : active */
.tab_Lst.tab_w50 ul li a.current,
.tab_Lst ul li.on a,
.tab_Lst ul li a:hover,
.tab_Lst ul li a:focus { color: #fff; font-weight: bold; border-color: #00358F; background: #00358F; }
.tab_Lst ul li.on a::before,
/* .tab_Lst ul li a:hover::before,
.tab_Lst ul li a:focus::before { width: 100%; height: calc(100% + 1px); background: #307FE2 url('/images/con_com/tabBg2.png')no-repeat left 0.5rem center; left: 0; top: 0; border-bottom: 1px solid #B1B8BE; } */
.tab_Lst ul li a:hover:after,
.tab_Lst ul li a:focus:after {color: #fff;}
.tab_Lst ul li.on a { color: #fff;}
.tab_Lst ul li.on a:after {color: #fff;}
.tab_Lst.Tab_w50 li a { border-right: 1px solid #B1B8BE !important; }
.tab_Lst.Tab_w30 li a { border-right: 1px solid #B1B8BE !important; }
.tab_Lst.Tab_w20 li a { border-right: 1px solid #B1B8BE !important; }
.tab_Lst.Tab_w50 li:nth-child(2n) a { border-right: none !important; } 
.tab_Lst.Tab_w30 li:nth-child(3n) a { border-right: none !important; } 
.tab_Lst.Tab_w20 li:nth-child(5n) a { border-right: none !important; } 

/* 0101_01 설립근거 연혁 */
.yearHis .box_st1.box_ico { padding: 2.5rem 4rem 2.75rem 16.15rem; }
.yearHis .box_ico .ico { height: auto; width: 9.15rem; left: 4rem; }
.yearHis .box_ico .ico::before { display: none; }
.yearBox .year { display: none; }
.yearBox .year.on { display: block; background: #FAFAFA; padding: 2rem 0; }
.yearBox .year .yearDep01 { position: relative; display: flex; flex-direction: column; gap: 2.5rem; }
.yearBox .year .yearDep01::before { position: absolute; content: ""; width: 1px; height: calc(100% - 2rem); border-left: 1px dashed #D9E3EC; left: 12.45rem; top: 0.75rem; }
.yearBox .year .yearDep01 > li { position: relative; display: flex; align-items: start; }
.yearBox .year .yearDep01 > li > span { padding: 0 3.5rem; position: relative; color: #00358F; font-size: 1.85rem; font-weight: 800; width: 12.45rem; line-height: 2.05rem; }
.yearBox .year .yearDep01 > li:first-child > span::after,
.yearBox .year .yearDep01 > li:last-child > span::after { border: 4px solid #DAEEFF; }
.yearBox .year .yearDep01 > li > span::after { position: absolute; content: ""; width: 0.9rem; height: 0.9rem; border-radius: 50%; top: 0.6rem; right: -0.45rem; background: #00358F; border: 4px solid #D0DFF8; }
.yearBox .year .yearDep01 > li > ul.yearDep02 { flex: 1; padding: 0.15rem 1rem 0 5.45rem; position: relative; display: flex; flex-direction: column; gap: 0.6rem; }
.yearBox .year .yearDep01 > li > ul.yearDep02 li { position: relative; padding-left: 4.25rem; line-height: 1.5rem; color: #232323; font-size: 1.1rem; }
.yearBox .year .yearDep01 > li > ul.yearDep02 li span { position: absolute; left: 0; top: 0; color: #00358F; font-weight: 700; }

/* 서브 셀렉트 박스 */
.select_box { position: relative; margin-top: 1.5rem;}
.select_box .select_type { display: block; height: 2.5rem; width: 100%; border: 1px solid #58616A; border-radius: 0.3rem; padding: 0 2.4rem 0 0.8rem; line-height: 1.9rem; background: #fff; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #8A949E; text-align: start; font-size: 0.95rem; }
.select_box .select_type::before { position: absolute; content: "\ea4e"; right: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 1.5rem; font-family: 'remixicon'; color: #141414; }
.select_box .select_lst { display: none; width: 100%; padding: 0.4rem; border: 1px solid #CDD1D5; border-radius: 0.4rem; background: #fff; z-index: 5;}
.select_box .select_lst li a { display: block; padding: 0.4rem; border-radius: 0.3rem; color: #1E2124; font-size: 0.9rem; }
.select_box .select_lst li a:hover, .select_box .select_lst li a:focus { background: rgba(218, 237, 255, 0.425); color: var(--sub_blue); font-weight: 500;}
.select_box.com_ht .select_type { height: 2.7rem; line-height: 2.7rem;}
.select_box.com_ht .select_lst { z-index: 2; top: 3rem;}
/* 서브 셀렉트 박스 : active */
.select_box .select_type::before { transition: 0.2s; }
.select_box .select_type.open::before { transform: translateY(-50%) rotate(180deg); }

/* 메뉴박스 */
.menuBox { display: none; }  
.menuBox.on { display: block; }  
.menuBox .tit1 { margin-top: 1.5rem !important; }

/* 상단 검색조건 레이아웃 (셀렉트 + 인풋 + 검색) */
.searchTop { display: flex; width: 100%; flex-wrap: wrap; justify-content: end; align-items: center; gap: 0.25rem; }
.searchTop input, select, 
.searchTop button { margin: 0 !important; }
.searchTop .pgInfo {  flex: 1; display: flex; align-items: center; justify-content: start; }
.searchTop .pgInfo span { margin-left: 0.25rem; font-weight: bold; color: #307FE2; }

/* 첨부파일 */
/* .bbsV_file li a { display: inline-flex; align-items: center; padding-right: 1.75rem; position: relative; }
.bbsV_file li a::before { position: absolute; content: "\ec54"; right: 0; top: -0.125rem; font-size: 0.65rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #eeeff2; display: flex; align-items: center; justify-content: center; border: 2px solid transparent; font-family: 'remixicon'; }
.bbsV_file { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; } */
.bbsV_atchmnfl dl dd ul { width: 100%; display: flex; flex-direction: column; gap: 0.5rem; }
.bbsV_atchmnfl dl dd ul li { width: 100%;  }
.bbsV_atchmnfl .btnFileDwn { padding: 0.5rem 3rem 0.5rem 0.75rem; position: relative; }
.bbsV_atchmnfl .btnFileDwn > p { font-size: 0.85rem; position: relative; }
.bbsV_atchmnfl .btnFileDwn > p > span { display: inline-flex; align-items: center; color: #666666; font-size: 0.9rem; margin-left: 0.4rem; }
.bbsV_atchmnfl .btnFileDwn > em { position: absolute; top: 50%; transform: translateY(-50%); right: 0.75rem; }
/* 첨부파일 : active */
/* .bbsV_file li a:hover,
.bbsV_file li a:focus { text-decoration: underline; } */

/* 서브페이지 레이어 팝업 */
.subPopWrap { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.5); width: 100vw; height: 100%; z-index: 99; display: none; }
.subPopWrap.active { display: block; }
.subPopWrap .subPopBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 50rem; min-height: 25rem; background-color: #fff; border-radius: 1rem; padding: 1rem; }
.subPopWrap .titWrap > .subPopClose { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #515761; color: #fff; font-size: 1.2rem; width: 2rem; height: 2rem; }

/* 똑똑보증계산기 */
.dokCal .caltbl { margin-top: 1.5rem; }
.dokCal .caltbl .inptBox { display: flex; align-items: center; gap: 0.4rem; justify-content: end; }
.dokCal .caltbl .inptBox input { flex: 1; }
.dokCal .caltbl button.resetCal { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #595959; border-radius: 0.2rem; width: 1.6rem; height: 1.6rem; }
.dokCal .caltbl .selNmbr { margin-top: 0.5rem; }
.dokCal .caltbl .selNmbr ul { display: flex; flex-wrap: wrap; gap: 0.3rem; justify-content: end; }
.dokCal .caltbl .selNmbr ul li button { display: inline-flex; align-items: center; justify-content: center; background: #F0F0F0; border-radius: 0.2rem; font-size: 0.7rem; padding: 0.2rem 0.6rem; color: #262626; }
.dokCal .tab_typeB { margin: 2.5rem 0 1rem; }
.dokCal .calDetail.on { display: block; }
.dokCal .calDetail { display: none; }

/* ceo 소개 */
.greetBox { position: relative; padding-top: 2rem; padding-right: 3.85rem; }
.greetBox .grtTit { font-size: 1.8rem; font-weight: 700; margin-left: 2.5rem; padding-right: 19rem; }
.greetBox > .img { position: absolute; top: 0; right: -1.25rem; font-size: 0; line-height: 0; }
.greetBox .grtTxt { background: #F5F6F7; padding: 2rem 19rem 2rem 2.5rem; margin-top: 2rem; }
.greetBox .grtTxt p { font-weight: 300; }
.greetBox p.grtName { margin-top: 3rem; display: flex; align-items: center; }
.greetBox p.grtName span { font-weight: bold; margin-left: 0.5rem; }

/* 역대이사장 */
.grtHis ul {display: flex;flex-wrap: wrap;gap: 1.4rem 1rem;}
.grtHis ul li {width: calc((100% - 4rem) / 5);background: #F0F0F0;border-radius: 0.6rem;padding: 1rem;text-align: center;}
.grtHis ul li .img { display: flex; align-items: center; justify-content: center; width: 100%; font-size: 0; line-height: 0; border-radius: 0.3rem; overflow: hidden; margin: 0 auto 0.75rem; }
.grtHis ul li .img img { max-width: 100%; width: 100%; }
.grtHis ul li > span { display: block; font-size: 0.9rem; font-weight: 700; color: #666666; text-align: start; }
.grtHis ul li > p { display: block; color: #333; font-size: 1.3rem; font-weight: 700; margin: 0.25rem 0 0.5rem; text-align: start; }
.grtHis ul li > em { color: #666666; font-size: 0.7rem; font-weight: 700; text-align: start; display: block; }

/* 이사회 */
.grtNow .tit1 { margin: 2rem 0 1.2rem !important; }
.grtNow > ul.Lst { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.grtNow > ul.Lst > li { width: calc((100% - 1.2rem) / 2); background: #F0F0F0; padding: 1.6rem; display: flex; flex-wrap: wrap; border-radius: 0.6rem; align-items: start; justify-content: center; }
.grtNow > ul.Lst > li .img { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 8.3rem; overflow: hidden; background: #555555; }
.grtNow > ul.Lst > li .img img { max-width: 100%; }
.grtNow > ul.Lst > li .txt { width: calc(100% - 8.3rem); padding-left: 0.9rem; padding-top: 0.45rem; text-align: start; }
.grtNow > ul.Lst > li .txt span { color: #333; display: block; font-size: 1.3rem; font-weight: 700; }
.grtNow > ul.Lst > li .txt > ul { margin-top: 1.35rem; }
.grtNow > ul.Lst > li .txt > ul li + li { margin-top: 0.5rem; }
.grtNow > ul.LstB { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.grtNow > ul.LstB > li .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 8.3rem; margin: 0 auto; overflow: hidden; background: #555555; }
.grtNow > ul.LstB > li .img img { max-width: 100%; }
.grtNow > ul.LstB > li { width: 12.25rem; background: #F0F0F0; border-radius: 0.6rem; padding: 1rem; }
.grtNow > ul.LstB > li span { display: block; color: #333; font-size: 1.2rem; font-weight: 700; margin: 0.5rem 0; }
.grtNow > ul.LstB > li em { display: block; color: #454545; word-break: keep-all; }

/* 상담예약 */
.conRsrv .rdoWrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: end; margin-top: 0.3rem; }
.conRsrv .rdoWrap ul { display: flex; align-items: center; justify-content: end; gap: 0.25rem 0.5rem; }
.conRsrv .rdoWrap a.btn_bl { margin: 0; }
.conRsrv .btns.typeB { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.conRsrv .secondTbl table { border-top: 1px solid #D9D9D9; }
.conRsrv .rdoWrap.hasP > p { margin: 0 !important; }

    /* 절차 박스 */
    .stepBox ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; gap: 1.5rem; }
    .stepBox ul li { position: relative; flex: 1; background: #F0F5FF; border: 1px solid #BBD1F0; border-radius: 0.75rem; }
    .stepBox ul li::before { position: absolute; content: ""; background: url('/images/template/T0001/sub/stepArrow.png')no-repeat; top: 50%; transform: translateY(-50%); left: calc(100% + 0.6rem); width: 0.65rem; height: 1.05rem; }
    .stepBox ul li:last-child:before { display: none; }
    .stepBox ul li .box { display: flex; padding: 1rem 1rem 0.9rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; }
    .stepBox ul li .box span { display: block; color: #163966; font-weight: bold; font-size: 0.85rem; }
    .stepBox ul li .box em { font-size: 0.9rem; color: #163966; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; display: none; }
    .stepBox ul li .box img { max-width: 100%; font-size: 0; line-height: 0; }  
    .stepBox ul li.current { background: #163966; }
    .stepBox ul li.current .box span { color: #fff; }

    /* step02 */
    .conRsrv.step02 .tbl_st { margin-top: 1.5rem; }
    .conRsrv.step02 .secondTbl { margin-top: 0.75rem; }
    .conRsrv.step02 .tbl_st input[type="text"] { width: 100% !important; min-width: auto; }
    .conRsrv.step02 .rdoWrap { justify-content: start; margin: 0; }

    /* step03 */
    .conRsrv.step03 .tbl_st { margin-top: 1.5rem; }
    .conRsrv.step03 table tr td:first-child { font-weight: bold; }
    .conRsrv.step03 .rdoWrap { margin: 0; width: 100%; }
    .conRsrv.step03 .rdoWrap ul { justify-content: start; width: 100%; gap: 2rem; }

    /* step04 */
    .conRsrv.step04 .selBox { display: flex; align-items: center; gap: 0.5rem; }
    .conRsrv.step04 .inputBox { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
    .conRsrv.step04 .inputBox input { width: 8rem; }
    .conRsrv.step04 .rdoWrap { margin: 0; justify-content: start; }
    .conRsrv.step04 .rdoWrap ul {  flex-wrap: wrap; justify-content: center; }

    /* 캘린더 */
    .calWrap { display: flex; flex-wrap: wrap; margin-top: 1.5rem; }
    .calWrap .calBox { width: calc(100% - 23.5rem); padding-right: 1.5rem; }
    .calWrap .calBox .titWrap { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 0.75rem; }
    .calWrap .calBox .titWrap > span { font-size: 1rem; font-weight: bold; color: #131416; }
    .calWrap .calBox .titWrap > a { display: inline-flex; align-items: center; justify-content: center; background: #F0F0F0; width: 1.8rem; height: 1.8rem; color: #000; border-radius: 50%; font-size: 1rem; }
    .calWrap .calBox table { border: 1px solid #D9D9D9; overflow: hidden; border-radius: 0.25rem; }
    .calWrap .calBox table thead tr th { background: #F0F0F0; padding: 0.5rem; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }
    .calWrap .calBox table thead tr th:last-child { border-right: none; }
    .calWrap .calBox table tbody tr td.noSel a,
    .calWrap .calBox table tbody tr td.noSel span { opacity: 0.5; cursor: unset; }
    .calWrap .calBox table tbody tr td.sat { color: #2768FF; }
    .calWrap .calBox table tbody tr td.sun { color: #EB003B; }
    .calWrap .calBox table tbody tr td { text-align: center; color: #464C53; padding: 0.5rem; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }
    .calWrap .calBox table tbody tr td:last-child { border-right: none; }
    .calWrap .calBox table tbody tr:last-child td { border-bottom: none; }
    .calWrap .calBox .btns { margin: 0.75rem 0 0; }
    .calWrap .calBox .btns .reset { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #595959; height: 1.6rem; width: 3.35rem; border-radius: 0.25rem; font-size: 0.75rem; }
    .calWrap .lst { width: 23.5rem; }
    .calWrap .lst h3 { color: #131416; font-weight: bold; font-size: 1rem; line-height: 1.8rem; margin-bottom: 0.75rem; }
    .calWrap .lst .timeSel { background: #F9FCFF; border: 1px solid #D9D9D9; border-radius: 0.4rem; padding: 1.75rem; height: calc(100% - 4.9rem); }
    .calWrap .lst .timeSel.view { background: none; border: none; padding: 0; }
    .calWrap .lst .timeSel button { width: 100%; margin: 0 0 0.75rem 0; }
    .calWrap .lst .timeSel.view button { display: none; }
    .calWrap .lst .timeSel .timeBox { display: none; }
    .calWrap .lst .timeSel .timeBox ul { gap: 0.65rem; }
    .calWrap .lst .timeSel .timeBox ul li { width: calc((100% - 1.95rem) / 4); }
    .calWrap .lst .timeSel .timeBox ul li.disable span { background: #CDD1D5; border-color: #CDD1D5; color: #8A949E; }
    .calWrap .lst .timeSel .timeBox ul li label { padding-left: 0 !important; }
    .calWrap .lst .timeSel .timeBox ul li label input[type="radio"]:checked + span { color: #fff; background: #307FE2; }
    .calWrap .lst .timeSel .timeBox ul li span { width: 100%; padding: 0.65rem 0.5rem; color: #307FE2; border: 1px solid #307FE2; background: #fff; text-align: center; }
    .calWrap .lst .timeSel.view .timeBox { display: block; }

/* 시설대관 */
.crntn ul.crnLst { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.crntn ul.crnLst > li { width: calc((100% - 1.5rem) / 2); }
.crntn ul.crnLst > li .lst { position: relative; border: 1px solid #B4BBC7; overflow: hidden;  }
.crntn ul.crnLst > li .lst ul.state { position: absolute; left: 0.5rem; top: 0.5rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; width: calc(100% - 1rem); }
.crntn ul.crnLst > li .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; background: #e1e1e1; }
.crntn ul.crnLst > li .img img { height: auto; max-height: 12.5rem; object-fit: cover; width: 100% !important; }
.crntn ul.crnLst > li .txt { background: #fff; padding: 1.5rem; }
.crntn ul.crnLst > li .txt > .s_detail { display: flex; align-items: center; width: calc(100% + 0.85rem); margin-left: -0.425rem; }
.crntn ul.crnLst > li .txt > .s_detail li { overflow: hidden; max-width: 50%; padding: 0 0.425rem; position: relative; font-size: 0.8rem; color: #454545; font-weight: 600; }
.crntn ul.crnLst > li .txt > .s_detail li::before { position: absolute; content: ""; width: 1px ;height: 0.55rem; background: #454545; right: 0; top: 0.32rem; }
.crntn ul.crnLst > li .txt > .s_detail li:last-child:before { display: none; }
.crntn ul.crnLst > li .txt > .m_detail { padding-right: 6.5rem; }
.crntn ul.crnLst > li .txt > .m_detail li { position: relative; padding-left: 5.75rem; line-height: 1rem; font-weight: 500; color: #454545; }
.crntn ul.crnLst > li .txt > .m_detail li > span { display: inline-flex; align-items: center; gap: 0.25rem; left: 0; top: 0; position: absolute; color: #444444; font-weight: bold; font-size: 1rem; }
.crntn ul.crnLst > li .txt > .m_detail li > span i { font-weight: 400 !important; font-size: 1rem; }
.crntn ul.crnLst > li .txt > .m_detail li + li { margin-top: 0.6rem; }
.crntn ul.crnLst > li .txt > p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #163966; font-size: 1.5rem; font-weight: bold; margin: 0.5rem 0 0.75rem; }
.crntn ul.crnLst > li .lst > a { position: absolute; right: 1.25rem; bottom: 1.25rem; margin: 0; padding: 0.45rem 0.53rem; font-size: 0.75rem; }
ul.state > li { border-radius: 1.5rem; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); padding: 0.25rem 0.75rem; color: #FFFFFF; font-size: 0.75rem; font-weight: bold; }
.crntn ul.state > li.free { background: #307FE2; }
.crntn ul.state > li.price { background: #F36D01; }
.crntn ul.state > li.sims { background: #163966; }
.crntn ul.state > li.rsrv { background: #189074; }

    /* view */
    .crntn .titWrap { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
    .crntn h3:not(h3.tit1, .calWrap .lst h3) { color: #121212 !important; font-size: 1.1rem !important; font-weight: bold; line-height: 1.3rem !important; }
    .crntn .titWrap ul.state { display: flex; align-items: center; gap: 0.25rem; }
    .crntn .crntnlst { display: flex; flex-wrap: wrap; margin-top: 0.75rem; }
    /* .crntn .crntnlst .lft { width: calc(100% - 23rem); padding-right: 2rem; height: 27.5rem; } */

    .crntn .crntnlst .lft { width: 100%; height: auto; display: flex; flex-wrap: wrap; }

    .crntn .crntnlst .lft .topSldr { height: 16rem; width: 36.5rem; overflow: hidden; position: relative; border: 1px solid #B4BBC7; background: #e1e1e1; }
    .crntn .crntnlst .lft .topSldr .swiper-slide { display: inline-flex; align-items: center; justify-content: center; }
    .crntn .crntnlst .lft .topSldr .swiper-slide p { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; width: 100%; height: 16rem; }
    .crntn .crntnlst .lft .topSldr .swiper-slide p img { width: 100%; height: 100%; object-fit: cover; }
    .crntn .crntnlst .lft .topSldr .control { display: inline-flex; align-items: center; background: rgba(0,0,0,0.7); border-radius: 0.75rem 0 0 0; position: absolute; bottom: 0; right: 0; height: 2.5rem; min-width: 8.5rem; justify-content: center; padding: 0 1rem; z-index: 1; }
    .crntn .crntnlst .lft .topSldr .control > span { color: #fff; font-size: 0.9rem; display: inline-block; margin-right: 0.8rem; }
    .crntn .crntnlst .lft .topSldr .control > a { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; width: 1.5rem; height: 1.5rem; color: #000000; }
    .crntn .crntnlst .lft .topSldr .control > a + a { margin-left: 0.2rem; }
    .crntn .crntnlst .lft #topThum { width: calc(100% - 36.5rem); padding-left: 1.5rem; height: 16rem; overflow-y: auto; }
    .crntn .crntnlst .lft #topThum .swiper-wrapper { flex-wrap: wrap; gap: 0.5rem; }
    .crntn .crntnlst .lft #topThum .slick-list .slick-track { display: inline-flex; gap: 0.5rem; }
    .crntn .crntnlst .lft #topThum .swiper-slide { height: auto; width: calc((100% - 1rem) / 3) !important; }
    .crntn .crntnlst .lft #topThum .swiper-slide a { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; border: 1px solid #B4BBC7; overflow: hidden; height: 7.75rem; }
    .crntn .crntnlst .lft #topThum .swiper-slide a img { width: 100%; height: 100%; object-fit: cover; }
    .crntn .crntnlst .lft .fclFile { width: 100%; margin: 1rem 0; }
    .crntn .crntnlst .rgt { width: 100%; display: flex; flex-direction: column; align-items: end; }
    .crntn .crntnlst .rgt .bu_atte { margin-top: 0; }
    .crntn .crntnlst .rgt .tbl_st { margin-top: 0; width: 100%; }
    .crntn .crntnlst .rgt .tbl_st table th { padding: 0.62rem 0.25rem; }
    .crntn .crntnlst .rgt > a { width: 7.5rem; margin: 0; margin-top: 0.85rem; }
    .crntn .crntnlst .calWrap { width: 100%; }
    .crntn .crntnlst .calWrap .calBox { width: calc(100% - 30rem); padding-right: 2rem; }
    .crntn .crntnlst .calWrap .calBox table tbody tr td.able a { position: relative; z-index: 1; color: #fff; }
    .crntn .crntnlst .calWrap .calBox table tbody tr td.able a::before { position: absolute; content: ""; border-radius: 50%; width: 1.6rem; height: 1.6rem; background: #307FE2; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
    .crntn .crntnlst .calWrap .calBox table tbody tr td.chk a::before { display: none; }
    .calWrap .calBox table tbody tr td.chk { background: #163966 !important; color: #fff !important; }
    .crntn .crntnlst .calWrap .lst { width: 30rem; }
    .crntn .crntnlst .calWrap .lst .timeSel button { margin-bottom: 0; }
    .crntn .crntnlst .calWrap .lst .timeSel .timeBox ul { gap: 0.65rem; }
    .crntn .crntnlst .calWrap .lst .timeSel .timeBox ul li { width: calc((100% - 0.65rem) / 2); }
    .crntn .crntnlst .calWrap .calBox .calState { width: 100%; margin-top: 0.5rem; }
    .crntn .crntnlst .calWrap .calBox .calState ul { width: 100%; display: flex; flex-wrap: wrap; gap: 0.3rem; justify-content: end; }
    .crntn .crntnlst .calWrap .calBox .calState ul li span { position: relative; padding-left: 1.05rem; font-size: 0.7rem; line-height: 0.7rem; }
    .crntn .crntnlst .calWrap .calBox .calState ul li span::before { border-radius: 50%; width: 0.7rem; height: 0.7rem; left: 0; top: 0.05rem; position: absolute; content: ""; }
    .crntn .crntnlst .calWrap .calBox .calState ul li.disable span::before { background: #464C53; }
    .crntn .crntnlst .calWrap .calBox .calState ul li.able span::before { background: #307FE2; }
    .crntn .crntnlst .calWrap .calBox .calState ul li.chk span::before { background: #163966; }
    .crntn .crntnlst .calWrap .lst .timeSel { height: calc(100% - 4.17rem); }

    .crntn .crntnlst .calWrap .chkDetail { margin-top: 1.5rem; width: 100% }
    .crntn .crntnlst .calWrap .chkDetail > p:not(p.bu_atte) { color: #454545; margin-top: 0.5rem; }
    .crntn .crntnlst .calWrap .chkDetail > p.bu_atte { margin: 0; font-weight: 400; }  

    .crntn .crntnlst .calWrap .chkDetail .chkLst { background: #F0F0F0; padding: 0.875rem 1rem; width: 100%; margin: 0.75rem 0 1rem; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li { display: flex; align-items: center; justify-content: center; background: #FCFCFC; border-radius: 0.3rem; color: #464C53; font-size: 0.75rem; font-weight: 500; padding: 0.55rem 0.7rem; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li i { font-size: 1rem; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li:first-child { width: 11.5rem; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li:first-child i { margin-right: 0.25rem; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li:last-child { border: 1px solid #307FE2; background: #F9FCFF; color: #307FE2; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li:last-child button { margin-left: 0.5rem; color: #307FE2; padding: 0; }
    .crntn .crntnlst .calWrap .chkDetail > a { margin: 0; margin-top: 1rem; width: 15rem; }

    .crntn #popup h2 { line-height: 1.35rem; }
    .crntn #mfile-list { margin: 0.5rem 0 !important; height: 3.2rem !important; padding: 0; }
    .crntn #mfile-list li { padding: 0.25rem 0.5rem; }

    /* insert */
    .crntn.insert .tbl_st { margin-top: 0.75rem; }
    .crntn.insert .tbl_st input[type="text"] { margin: 0; }
    .crntn.insert .tbl_st th > a { display: inline-flex; align-items: center; justify-content: center; width: 5.95rem; height: 1.6rem; background: #F0F0F0; color: #262626; font-size: 0.75rem; border-radius: 0.2rem; font-weight: 400; margin-left: 0.5rem; }
    .crntn.insert .tbl_st .rdoWrap ul { display: flex; gap: 0.25rem 0.75rem; }
    .crntn.insert .tbl_st .adrsWrap { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .crntn.insert .tbl_st .adrsWrap > input { flex: 1; }
    .crntn.insert .tbl_st .adrsWrap .subadrs { display: flex; align-items: center; gap: 0.5rem; }
    .crntn.insert .tbl_st .adrsWrap .subadrs input { width: 15.35rem; }
    .crntn.insert .tbl_st .adrsWrap .subadrs > button { display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; color: #fff; background: #595959; border-radius: 0.2rem; }

    .crntn.insert .inptFile { display: flex; flex-wrap: wrap; width: 100%; gap: 0.5rem; }
    .crntn.insert .inptFile input { flex: 1; }
    .crntn.insert .inptFile button.fileInsert { padding: 0.25rem 0.6rem; margin: 0; font-size: 0.75rem; border-radius: 0.2rem; }

/* 매각정보 */
.sub0501 .tbl_st { margin-top: 1rem; }
.sub0501 .tbl_st table { table-layout: fixed; }
.sub0501 .tbl_st table thead th { padding: 0.75rem 0.25rem; }
.sub0501 .tbl_st table td a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.sub0501 .tbl_st table td a:hover:not(a.down),
.sub0501 .tbl_st table td a:focus:not(a.down) { text-decoration: underline; }
.sub0501 .tbl_st table td a.down { display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #eeeff2; border-radius: 50%; width: 1.25rem; height: 1.25rem;  }

/* 대출금리 */
.selMap { display: flex; flex-wrap: wrap; background: #F5FBFF; border: 1px solid #D9D9D9; padding: 2rem 3rem; border-radius: 1.5rem; margin-top: 1.1rem; justify-content: end; gap: 4rem; align-items: center; }
.selMap .map { width: 23.1rem; height: 27rem; position: relative; }
/* .selMap .map > a.chkAll { position: absolute; left: 0; top: 0; z-index: 1; margin: 0; padding: 0.25rem 0.6rem; } */
.selMap .map .mapimgBox > img { width: 100%; height: 100%; border: none !important; }
.selMap .map.allSel .mapimgBox > img[class*="list"] { display: block !important; }
.selMap .map .mapimgBox > img[class*="list"],
.selMap .map > .mapimgBox img.all { display: none; }
.selMap .map.list01 > .mapimgBox img.list01, 
.selMap .map.list02 > .mapimgBox img.list02,
.selMap .map.list03 > .mapimgBox img.list03, 
.selMap .map.list04 > .mapimgBox img.list04,
.selMap .map.list05 > .mapimgBox img.list05, 
.selMap .map.list06 > .mapimgBox img.list06,
.selMap .map.list07 > .mapimgBox img.list07, 
.selMap .map.list08 > .mapimgBox img.list08,
.selMap .map.list09 > .mapimgBox img.list09, 
.selMap .map.list10 > .mapimgBox img.list10,
.selMap .map.list11 > .mapimgBox img.list11, 
.selMap .map.list12 > .mapimgBox img.list12,
.selMap .map.list13 > .mapimgBox img.list13, 
.selMap .map.list14 > .mapimgBox img.list14,
.selMap .map.list15 > .mapimgBox img.list15, 
.selMap .map.list16 > .mapimgBox img.list16,
.selMap .map.list17 > .mapimgBox img.list17, 
.selMap .map.list18 > .mapimgBox img.list18,
.selMap .map.list19 > .mapimgBox img.list19, 
.selMap .map.list20 > .mapimgBox img.list20,
.selMap .map.list21 > .mapimgBox img.list21, 
.selMap .map.list22 > .mapimgBox img.list22,
.selMap .map.list23 > .mapimgBox img.list23, 
.selMap .map.list24 > .mapimgBox img.list24,
.selMap .map.list25 > .mapimgBox img.list25, 
.selMap .map.list26 > .mapimgBox img.list26, 
.selMap .map.list27 > .mapimgBox img.list27, 
.selMap .map.list28 > .mapimgBox img.list28, 
.selMap .map.list29 > .mapimgBox img.list29, 
.selMap .map.list30 > .mapimgBox img.list30, 
.selMap .map.list31 > .mapimgBox img.list31, 
.selMap .map.list32 > .mapimgBox img.list32, 
.selMap .map.list33 > .mapimgBox img.list33  { display: block; }
.selMap .map > ul { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.selMap .map > ul > li { position: absolute; left: 0; top: 0; }
.selMap .map > ul > li a { padding-top: 0.3rem; position: relative; color:
#121212; font-weight: 700; font-size: 0.7rem; }
.selMap .map > ul > li a::before { position: absolute; content: ""; top: 0; left: 50%; transform:translateX(-50%); border-radius: 50%; width: 0.3rem; height: 0.3rem; background: #307fe2; }

.selMap .map > ul > li.list01 {  left: 35.55%; top: 11.3%; }
.selMap .map img.list01 { position: absolute; left: 23.5%; top: 0.1%; width: 26.19%; height: auto; }

.selMap .map > ul > li.list02 {left: 51%;top: 19%;}
.selMap .map img.list02 { position: absolute; left: 42%; top: 6.75%; width: 26.19%; height: auto; }

.selMap .map > ul > li.list03 {left: 35.5%;top: 24.5%;}
.selMap .map img.list03 { position: absolute; left: 35.3%; top: 20.3%; width: 11.26%; height: auto; }

.selMap .map > ul > li.list04 {left: 17.5%;top: 28%;}
.selMap .map img.list04 { position: absolute; left: 9.7%; top: 16.75%; width: 26.62%; height: auto; }

.selMap .map > ul > li.list05 {left: 30.5%;top: 31%;}
.selMap .map img.list05 { position: absolute; left: 27.45%; top: 23.35%; width: 16.45%; height: auto; }

.selMap .map > ul > li.list06 {left: 65%;top: 31%;}
.selMap .map img.list06 { position: absolute; left: 55%; top: 15.75%; width: 26.62%; height: auto; }

.selMap .map > ul > li.list07 {left: 3%;top: 41%;}
.selMap .map img.list07 { position: absolute; left: 0.05%; top: 35.15%; width: 20.35%; height: auto; }

.selMap .map > ul > li.list08 {left: 15%;top: 40.5%;}
.selMap .map img.list08 { position: absolute; left: 10.75%; top: 37.25%; width: 24.03%; height: auto; }
.selMap .map > ul > li.list08 a { padding-top: 0; padding-left: 0.5rem; }
.selMap .map > ul > li.list08 a::before { transform: none; transform: translateY(-50%); left: 0; top: 50%; }

.selMap .map > ul > li.list09 {left: 34.5%;top: 36%;}
.selMap .map > ul > li.list09 a { padding-top: 0; padding-bottom: 0.3rem; }
.selMap .map > ul > li.list09 a::before { top: auto; bottom: 0; }
.selMap .map img.list09 { position: absolute; left: 34.5%; top: 34.75%; width: 11.69%; height: auto; }

.selMap .map > ul > li.list10 {left: 50%;top: 42%;}
.selMap .map img.list10 { position: absolute; left: 40.5%; top: 35.2%; width: 23.16%; height: auto; }

.selMap .map > ul > li.list11 { left: 47.5%; top: 53%;}
.selMap .map img.list11 { position: absolute; left: 44.2%; top: 48.95%; width: 12.12%; height: auto; }

.selMap .map > ul > li.list12 {left: 17.5%;top: 45%;}
.selMap .map > ul > li.list12 a { padding-top: 0.2rem; padding-right: 0.5rem; }
.selMap .map > ul > li.list12 a::before { top: 0; right: 0; left: auto; }
.selMap .map img.list12 { position: absolute; left: 10.75%; top: 37.25%; width: 24.03%; height: auto; }

.selMap .map > ul > li.list13 {left: 41%;top: 46.5%;}
.selMap .map img.list13 { position: absolute; left: 40.5%; top: 44.9%; width: 8.01%; height: auto; }

.selMap .map > ul > li.list14 {left: 15.5%;top: 54%;}
.selMap .map img.list14 { position: absolute; left: 14.75%; top: 51.9%; width: 7.58%; height: auto; }

.selMap .map > ul > li.list15 {left: 32%;top: 57%;}
.selMap .map > ul > li.list15 a { padding-top: 0; padding-bottom: 0.3rem; }
.selMap .map > ul > li.list15 a::before { top: auto; bottom: 0; }
.selMap .map img.list15 { position: absolute; left: 31.55%; top: 56.3%; width: 6.71%; height: auto; }

.selMap .map > ul > li.list16 {left: 21%;top: 58%;}
.selMap .map > ul > li.list16 a { font-size: 0.7rem; }
.selMap .map img.list16 { position: absolute; left: 21.2%; top: 55.75%; width: 6.28%; height: auto; }

.selMap .map > ul > li.list17 {left: 15%;top: 61%;}
.selMap .map img.list17 { position: absolute; left: 11%; top: 57%; width: 14.94%; height: auto; }

.selMap .map > ul > li.list18 {left: 26%;top: 60.5%;}
.selMap .map img.list18 { position: absolute; left: 24.75%; top: 58.5%;  width: 8.87%; height: auto; }

.selMap .map > ul > li.list19 {left: 32%;top: 64.25%;}
.selMap .map img.list19 { position: absolute; left: 29%; top: 60.75%; width: 9.74%; height: auto; }

.selMap .map > ul > li.list20 {left: 41%;top: 59%;}
.selMap .map > ul > li.list20 a { padding-top: 0; padding-bottom: 0.3rem; }
.selMap .map > ul > li.list20 a::before { top: auto; bottom: 0; }
.selMap .map img.list20 { position: absolute; left: 36.75%; top: 57%; width: 13.20%; height: auto; }

.selMap .map > ul > li.list21 {left: 57%;top: 62%;}
.selMap .map img.list21 { position: absolute; left: 44.75%; top: 53.15%; width: 24.46%; height: auto; }

.selMap .map > ul > li.list22 {left: 76%;top: 53%;}
.selMap .map img.list22 { position: absolute; left: 59%; top: 43.35%; width: 38.53%; height: auto; }

.selMap .map > ul > li.list23 {left: 26%;top: 66%;}
.selMap .map img.list23 { position: absolute; left: 27.15%; top: 64%; width: 4.98%; height: auto; }

.selMap .map > ul > li.list24 {left: 17%;top: 66.5%;}
.selMap .map img.list24 { position: absolute; left: 12%; top: 64.5%; width: 17.1%; height: auto; }
.selMap .map > ul > li.list24 a { padding-top: 0; padding-right: 0.5rem; }
.selMap .map > ul > li.list24 a::before { top: 50%; transform: translateY(-50%); right: 0; left: auto; }

.selMap .map > ul > li.list25 {left: 31.5%;top: 70%;}
.selMap .map img.list25 { position: absolute; left: 28.5%; top: 65.45%; width: 12.77%; height: auto; }

.selMap .map > ul > li.list26 { left: 39%; top: 72.5%;}
.selMap .map > ul > li.list26 a { padding-top: 0; padding-bottom: 0.3rem; }
.selMap .map > ul > li.list26 a::before { top: auto; bottom: 0; }
.selMap .map img.list26 { position: absolute; left: 8.35%; top: 69.13%; width: 38.74%; height: auto; }
.selMap .map > ul > li.list26.chk { transform: translateY(-2rem); }

.selMap .map > ul > li.list27 {left: 50.5%;top: 74%;}
.selMap .map img.list27 { position: absolute; left: 36.15%; top: 64.3%; width: 31.82%; height: auto; }

.selMap .map > ul > li.list28 {left: 66%;top: 73%;}
.selMap .map img.list28 { position: absolute; left: 60.5%; top: 65.15%; width: 23.59%; height: auto; }

.selMap .map > ul > li.list29 {left: 81%;top: 68%;}
.selMap .map img.list29 { position: absolute; left: 65.35%; top: 60%; width: 28.35%; height: auto; }

.selMap .map > ul > li.list30 {left: 23%;top: 78.5%;}
.selMap .map img.list30 { position: absolute; left: 8.35%; top: 69.13%; width: 38.74%; height: auto; }

.selMap .map > ul > li.list31 { left: 37%; top: 80.5%;}
.selMap .map img.list31 { position: absolute; left: 34.5%; top: 76.45%; width: 8.44%; height: auto; }
.selMap .map > ul > li.list31 a { padding-top: 0.3rem; padding-left: 0; font-size: 0.7rem; }
.selMap .map > ul > li.list31 a::before { top: 0; right: auto; }

.selMap .map > ul > li.list32 {left: 30.5%;top: 90%;}
.selMap .map img.list32 { position: absolute; left: 19%; top: 80.55%; width: 27.92%; height: auto; }

.selMap .map > ul > li.list33 {left: 54%;top: 88.5%;}
.selMap .map img.list33 { position: absolute; left: 43.1%; top: 79.9%; width: 31.39%; height: auto; }

.selMap .map > ul > li.list34 {left: 37%;top: 67%;}
.selMap .map img.list34 { position: absolute; left: 10.75%; top: 37.25%; width: 24.03%; height: auto; }
.selMap .map > ul > li.list34 a { padding-top: 0; padding-left: 0.5rem; }
.selMap .map > ul > li.list34 a::before { transform: none; transform: translateY(-50%); left: 0; top: 50%; }
/* .selMap .map img.list25 { position: absolute; left: 28.5%; top: 65.45%; width: 12.77%; height: auto; } */

.selMap .map > ul > li.chk { transform: translateY(-3rem); }
.selMap .map > ul > li.chk a { z-index: 1; color: #fff; padding: 0.5rem 0 0 0 !important; }
.selMap .map > ul > li.chk a::before { border-radius: 0; width: 2.2rem; height: 3.6rem; top: 0 !important; background: url('/images/template/T0001/sub/marker.png')no-repeat center top; z-index: -1; left: 50% !important; transform: translateX(-50%) !important; right: auto !important; bottom: auto !important; background-size: contain; }

.selMap .map > ul > li.chk.list12 a { padding-left: 1rem !important; }
.selMap .map > ul > li.chk.list12 a::before { transform: translateX(calc(-50% + 0.5rem)) !important; } 

.selMap .map > ul > li.chk.red a::before { background: url('/images/template/T0001/sub/marker_red.png'); }
.selMap .map > ul > li.chk.green a::before { background: url('/images/template/T0001/sub/marker_green.png'); }
.selMap .map > ul > li.chk.yellow a::before { background: url('/images/template/T0001/sub/marker_yellow.png'); }

.selMap .lctnLst { width: 36.9rem; border-radius: 1.25rem; background: #f0f0f0; padding: 1.5rem; }
/* .selMap .cmptSrch { display: none; } */
.selMap .lctnLst .lctnBox { position: relative;} 
.selMap .lctnLst .lctnBox > .sellcnt { display: inline-flex; align-items: center; border-radius: 0.4rem; background: #163966; border: 1px solid #163966; color: #fff; padding: 0.5rem 0.75rem; width: 100%; position: relative; }
.selMap .lctnLst .lctnBox > .sellcnt > span { display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 0.4rem; width: 1.8rem; height: 1.8rem; color: #163966; font-size: 1rem; }
.selMap .lctnLst .lctnBox > .sellcnt > p { display: block; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0.4rem; flex: 1; color: #fff; }
/* .selMap .lctnLst .lctnBox > .sellcnt > button { margin: 0; padding: 0; width: 3.8rem; height: 1.6rem; border-radius: 0.25rem; } */
.selMap .lctnLst .bankLst { background: #fff; margin-top: 0.75rem; border-radius: 0.4rem; padding: 1.5rem 1.15rem 1.6rem 1.5rem; height: calc(100% - 3.65rem); }
.selMap .lctnLst .bankLst ul::-webkit-scrollbar { width: 0.4rem; border-radius: 1.5rem; }
.selMap .lctnLst .bankLst ul::-webkit-scrollbar-thumb { background: #9BA6BC; border-radius: 1.5rem; }
.selMap .lctnLst .bankLst ul::-webkit-scrollbar-track { background: #C5CFE3; border-radius: 1.5rem; }
.selMap .lctnLst .bankLst ul li { width: calc((100% - 0.5rem) / 2); }
.selMap .lctnLst .bankLst ul li.sellctn { display: none; }
.selMap .lctnLst .bankLst ul li a { display: flex; position: relative; padding: 0 0.5rem; color: #454545; font-size: 0.9rem; line-height: 1.15rem; }
.selMap .lctnLst .bankLst ul li a::before { position: absolute; content: ""; border-radius: 50%; left: 0; top: 0.48rem; background: #003081; width: 0.2rem; height: 0.2rem; }
.selMap .lctnLst .bankLst ul li a:hover,
.selMap .lctnLst .bankLst ul li a:focus { text-decoration: underline; }
.selMap .lctnLst .bankLst.chkWrap ul { flex-wrap: wrap; display: flex; align-items: center; gap: 0.55rem 0.5rem; height: 18.05rem; overflow: hidden; overflow-y: auto; padding-right: 0.35rem; }
.selMap .lctnLst .bankLst.chkWrap label { margin: 0; }
.selMap .lctnLst .bankLst.chkWrap label span { background: #fff; border-radius: 0.35rem; font-size: 0.75rem; padding: 0 0.4rem; height: 2.55rem; display: flex; align-items: center; border: 1px solid #D9D9D9; align-items: center; justify-content: center; }
.selMap .lctnLst .bankLst.chkWrap label span img { max-width: 100%; height: 1.75rem; }
/* .selMap .lctnLst .bankLst.chkWrap label span > em { border-radius: 0.25rem; display: inline-flex; align-items: center; justify-content: center; background: #EEEEEE; width: 1.65rem; height: 1.65rem; margin-right: 0.4rem; } */
.selMap .lctnLst .bankLst.chkWrap label input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; clip-path: inset(100%); }
.selMap .lctnLst .bankLst.chkWrap label input[type="checkbox"]:checked + span { background: #F9FCFF; color: #307FE2; border-color: #307FE2; }
/* .selMap .lctnLst .bankLst.chkWrap label input[type="checkbox"]:focus + span  */
.loan .tbl_st { margin-top: 0.75rem; }
.loan .box_st1 { margin-top: 1.5rem; }
.loan .titWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-top: 1.5rem; gap: 1rem 0.25rem; }

.loan .titWrap .chkLstWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 0; }
.loan .titWrap .chkLstWrap button { margin: 0 !important; }
.loan .titWrap .chkLstWrap .chkLstBox { display: flex; align-items: center; gap: 0.75rem; padding: 0 1rem; border: 1px solid #D9D9D9; height: 2.45rem; }

.loan .titWrap .chkLstWrap .chkLstBox button { position: relative; font-size: 0.85rem; color: #141414; padding: 0; margin: 0; padding-left: 1.4rem;  }
.loan .titWrap .chkLstWrap .chkLstBox button::before { position: absolute; content: ""; width: 1rem; height: 1rem; border: 1px solid #8C8C8C; border-radius: 0.1rem; left: 0; top: 50%; transform: translateY(-50%); }
.loan .titWrap .chkLstWrap .chkLstBox button.btChk::before { content: "\eb7b"; font-family: 'remixicon'; }

.loan .titWrap .tit1 { margin: 0; }
.loan .titWrap .btns { display: flex; margin: 0; flex-wrap: wrap; gap: 0.5rem; }
.loan .titWrap .btns a { margin: 0; }
.loan .rdoWrap.typeB { margin-top: 0.5rem; }
.loan .rdoWrap.typeB ul { justify-content: end; }
.loan .rdoWrap.typeB label { padding: 0; }
.loan .rdoWrap.typeB label span { padding: 0.425rem 0.7rem; background: #E6EBF4; border: 1px solid #233C67; color: #00358F; }
.loan .rdoWrap.typeB ul li.all label span { border-color: #307FE2; color: #307FE2; background: #F9FCFF; }
.loan .rdoWrap.typeB label input[type="radio"]:checked + span,
.loan .rdoWrap.typeB label input[type="radio"]:focus + span { background: #233C67; color: #fff; }
.loan .rdoWrap.typeB ul li.all label input[type="radio"]:checked + span,
.loan .rdoWrap.typeB ul li.all label input[type="radio"]:focus + span { background: #307FE2; color: #fff; }

.upDownBtn { display: inline-flex; flex-direction: column; gap: 0.1rem; margin-left: 0.25rem; }
.upDownBtn button { margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; height: 0.3rem; }
.upDownBtn button i { line-height: 0.3rem; display: inline-flex; height: 0.3rem; align-items: center; justify-content: center; }
.upDownWrap { display: flex; align-items: center; justify-content: center; line-height: 0.9rem; }

/* 본지점안내 */
.subPopWrap.directions div[class^="tbl_st"] { margin-top: 0; }
/* .brnch .subPopWrap .titWrap > .brnchClose { margin: 0; font-size: 1.2rem; } */
.receipt { margin-top: 2.5rem; }  
.subPopWrap .titWrap > .brnchClose { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #515761; color: #fff; font-size: 1rem; width: 2rem; height: 2rem;}
.selMap.typeB .lctnLst { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 2rem; background: #fff; box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.1); } 
.selMap.typeB .lctnLst .lctnBox .btns { position: absolute; display: flex; flex-wrap: wrap; bottom: 2rem; left: 2rem; width: calc(100% - 4rem); gap: 0.5rem; margin: 0; }
.selMap.typeB .lctnLst .lctnBox .btns a { margin: 0; width: calc((100% - 0.5rem) / 2); min-width: auto; }
.selMap.typeB .lctnLst .lctnBox { position: unset; }
.selMap.typeB .lctnLst .lctnBox > .sellcnt { margin-bottom: 1.5rem; }
.selMap.typeB .lctnLst .srch,
.selMap.typeB .lctnLst .srch form { display: flex; gap: 0.4rem; margin-top: 1.5rem; width: 100%; } 
.selMap.typeB .lctnLst .srch form { margin: 0; }
.selMap.typeB .lctnLst .srch input { flex: 1; margin: 0; height: 2.4rem; }
.selMap.typeB .lctnLst .srch button { width: 2.4rem; height: 2.4rem; padding: 0; margin: 0; font-size: 1.5rem; display: inline-flex; align-items: center; justify-content: center; background: #595959; border-radius: 0.3rem; }
.selMap.typeB .lctnLst .srch button:hover,
.selMap.typeB .lctnLst .srch button:focus { border-color: #595959; background: #Fff; color: #595959; }
.selMap.typeB .lctnLst .srch button i { padding: 0; font-size: 1.1rem; }
.selMap.typeB .bu_strg { margin-top: 0.6rem; }
.selMap.typeB { align-items:unset; }
.brnch .tbl_st .brnchCopen { width: 6rem; height: 2.55rem; display: inline-flex; align-items: center; justify-content: center; background: #F0F0F0; border: none; color: #262626; }
.receipt .tbl_st .viewlct { display: inline-flex; align-items: center; justify-content: center; width: 7.15rem; height: 2.55rem; background: #F0F0F0; color: #262626; transition: 0.2s; border: 1px solid transparent; }
.receipt .tbl_st .brnchCopen { display: inline-flex; align-items: center; justify-content: center; width: 8rem; height: 2.55rem; background: #EAF2FC; color: #2B72CB; border: 1px solid #307FE2; transition: 0.2s; }
.receipt .tbl_st .viewlct:hover,
.receipt .tbl_st .viewlct:focus { border-color: #262626; background: #262626; color: #fff; }
.receipt .tbl_st .brnchCopen:hover,
.receipt .tbl_st .brnchCopen:focus { color: #fff; background: #2b72cb; border-color: #2b72cb; }
.brnch .tbl_st .brnchCopen.mapV { width: 4.6rem; gap: 0.2rem; }
.brnchInfo .titWrap { display: flex; align-items: center; justify-content: space-between; }
.brnchInfo .titWrap h3 { font-size: 1.1rem; font-weight: bold; }
.brnchInfo .subPopBox { padding: 2rem 2rem 5rem; min-height: auto !important; max-height: 95vh; }
.brnchInfo .mapWrap {display: flex; align-items: center; justify-content: center; width: 100%; height: 12.5rem; margin-top: 1rem; border: 1px solid #D9D9D9; }
.brnchInfo.allbrnch .tbl_st {  max-height: calc(100vh - 16rem); margin-top: 1.25rem; }
.brnchInfo .tbl_st tbody td p { max-width: 700px; overflow-x: auto; }
.brnchInfo .tbl_st tbody td p span { background: transparent !important; }
.allbrnch .tbl_st { max-height: 30.35rem;  overflow-y: auto;}
.brnchInfo .mbScroll { overflow-y: auto; max-height: calc(100vh - 13rem); margin-top: 1.25rem; }
.brnchInfo .subPopBox .btns { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); margin: 0; }

/* 보증절차 */
.subPopWrap.sub020105Pop .subPopBox { padding: 0; height: 30rem; max-height: calc(100vh - 2rem); max-width: 40rem; overflow: hidden; overflow-y: auto; min-width: auto; min-height: auto; }
.subPopWrap.sub020105Pop .subPopBox > img { max-width: 100%; }
.subPopWrap.sub020105Pop .btns { display: flex; align-items: center; justify-content: center; width: 100%; margin: 1rem 0; }
.subPopWrap.sub020105Pop .subPopClose { display: inline-flex; align-items: center; justify-content: center; border-radius: 1.5rem; background: #000; color: #fff; padding: 0 1rem; height: 1.75rem; margin: 0; border: 1px solid #000; transition: 0.2s; }
.subPopWrap.sub020105Pop .subPopClose:hover,
.subPopWrap.sub020105Pop .subPopClose:focus { background: #fff; color: #000; }
.bjStep { position: relative; }
.bjStep [id^="box"] { display: none; }
.bjStep [id^="box"].on { display: block; }
.bjStep #box1 table td { height: 8.5rem; }
.bjStep > a { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 3rem; height: 3rem; background: #fafafa; border: 1px solid #d9d9d9; color: #7D7D7D; font-size: 1.5rem; position: absolute; top: 10rem }
.bjStep > a.prev { left: -6rem; }
.bjStep > a.next { right: -6rem; }

/* 지점별 신용보증 접수현황 */
.receipt .selMap.typeB .lctnLst { margin: 0.5rem 0; }
.receipt .lctnBox p.bu_strg { margin-top: 3.45rem; font-size: 0.9rem; }  
.receipt .lctnBox p.bu_strg:before { font-size: 0.9rem; width: 0.9rem; height: 0.9rem; top: 0.27rem; }
.receipt .lctnBox .colrLst { background: #fff; border-radius: 0.4rem; padding: 1rem; margin-top: 0.75rem; }
.receipt .lctnBox .colrLst li { position: relative; padding-left: 4rem; line-height: 1rem; color: #454545; }
.receipt .lctnBox .colrLst li + li { margin-top: 0.5rem; }
.receipt .lctnBox .colrLst li span { position: absolute; left: 0; top: 0; font-weight: 600; display: inline-flex; align-items: center; }
.receipt .lctnBox .colrLst li span em { display: inline-flex; width: 1rem; height: 1rem; border-radius: 0.25rem; margin-right: 0.25rem; border: 1px solid #d9d9d9; }
.receipt .lctnBox .colrLst li.green span em { background: #1A8431; }
.receipt .lctnBox .colrLst li.yellow span em { background: #FFFF00; }
.receipt .lctnBox .colrLst li.red span em { background: #FF0000; }
.receipt .selMap .map > ul > li.chk.markGrn a::before { background: url('/images/template/T0001/sub/marker_green.png')no-repeat center top; }
.receipt .selMap .map > ul > li.chk.markYlw a::before { background: url('/images/template/T0001/sub/marker_yellow.png')no-repeat center top; }
.receipt .selMap .map > ul > li.chk.markYlw a { color: #121212; }
.receipt .selMap .map > ul > li.chk.markRed a::before { background: url('/images/template/T0001/sub/marker_red.png')no-repeat center top; }

.receipt table td span.tblMark { display: inline-flex; border-radius: 50%; width: 1.3rem; height: 1.3rem; } 
.receipt table td span.tblMark.red { background: #FF0000; }
.receipt table td span.tblMark.green { background: #1A8431; }
.receipt table td span.tblMark.yellow { background: #FFFF00; }

/* 신용보증 */
.sub0301 .tab_st1 ul li a { font-size: 0.9rem; }
.subnkLst { display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #1F1F1F; margin-top: 1rem; }
.subnkLst li { width: 50%; position: relative; display: flex; align-items: center; justify-content: start;  border-bottom: 1px solid #D9D9D9; padding: 1rem 2.5rem 1rem 11.5rem; }
.subnkLst li.onlyTxt { padding: 1rem !important; justify-content: center; }
.subnkLst li > img { position: absolute; left: 2.5rem; top: 50%; transform: translateY(-50%); } 
.subnkLst li:nth-child(2n) { border-left: 1px solid #D9D9D9; }

/* 보증시 알아두어야 할 사항 */
.inBox { padding: 2.25rem 25.25rem 2.25rem 2.75rem; background: #F9FCFF; border: 1px solid #bbd1f0; position: relative; min-height: 16.5rem; margin-top: 1rem; }
.inBox > span { display: block; color: #121212; font-size: 1rem; font-weight: bold; margin-bottom: 0.45rem; }
.inBox .lnkBox { position: absolute; content: ""; height: calc(100% - 4.5rem); top: 2.25rem; right: 2.75rem; display: flex; flex-wrap: wrap; gap: 1rem; }
.inBox .lnkBox li { flex: 1; height: 100%; }
.inBox .lnkBox li a { display: flex; flex-direction: column; border-radius: 0.75rem; background: #307fe2; overflow: hidden; height: 100%; padding: 2rem 2.15rem; justify-content: space-between; }
.inBox .lnkBox li:last-child a { background: #163966; }
.inBox .lnkBox li a .img { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 5.7rem; height: 5.7rem; overflow: hidden; background: #fff; margin: 0 auto; }
.inBox .lnkBox li a .txt { color: #fff; font-size: 0.9rem; font-weight: 600; margin-top: 1rem; text-align: center; }

/* 0601 윤리경영이란 */
.sub0601 .inBox { padding: 2.25rem 1rem; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #F0F5FF; }
.sub0601 .inBox > img { max-width: 100%; }
.sub0601 .inBox .txt { margin-bottom: 1.5rem; text-align: center; }
.sub0601 .inBox .txt span { position: relative; color: #233C67; font-size: 1.3rem; font-weight: 800; display: inline; padding: 0 0.15rem; z-index: 1; }
.sub0601 .inBox .txt span::before { position: absolute; content: ""; width: 100%; left: 0; bottom: 0; height: 0.6rem; background: #5C98FF; z-index: -1; opacity: 0.2; }  
.sub0601 .inBox .txt p { color: #454545; line-height: 1.5; margin-top: 1rem; }

/* 0411 제보하기 */
.agrWrap { display: flex; align-items: center; justify-content: end; flex-wrap: wrap; width: 100%; gap: 0.5rem; margin-top: 1rem; }
.agrWrap .rdoWrap,
.agrWrap .rdoWrap ul { display: flex; align-items: center; flex-wrap: wrap; }
.agrWrap .rdoWrap a { margin: 0; }

/* 0303 소상공인 지원정책 */
.grtProd ul { display: flex; flex-wrap: wrap; gap: 2.25rem 2rem; width: 100%; }
.grtProd ul li { width: calc((100% - 2rem) / 2);  box-sizing: border-box; }
.grtProd ul li h4.tit2 { margin-bottom: 0.75rem; }
.grtProd ul li .box { position: relative; padding: 1.6rem 1.6rem 4rem; border: 1px solid #d9d9d9; border-radius: 0.4rem; overflow: hidden; height: calc(100% - 1.85rem); display: block; } 
.grtProd ul li .box.on { border-color: transparent; }
.grtProd ul li .box::before { position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #307FE2; border-radius: 0.4rem; background: transparent; left: 0; top: 0; opacity: 0; visibility: hidden; }
.grtProd ul li .box:hover::before,
.grtProd ul li .box:focus::before,
.grtProd ul li .box.on::before { opacity: 1; visibility: visible; }
.grtProd ul li .box > span { position: absolute; left: 1.6rem; bottom: 1.6rem; display: inline-flex; align-items: center; gap: 0.2rem; color: #000000; font-size: 0.85rem; }
.grtProd ul li .box > span i { display: inline-flex; align-items: center; justify-content: center; }  
.grtProd ul li .box .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; height: 6rem; background: #F0F0F0; border: 1px solid #d9d9d9; padding: 0 1rem; border-radius: 0.4rem; overflow: hidden; }
.grtProd ul li .box .img img { max-width: 100%; }
.grtProd ul li .box .txt { margin-top: 0.8rem; }
.grtProd ul li .box .txt span { color: #141414; display: block; font-weight: bold; font-size: 1rem; }
.grtProd ul li .box .txt p { color: #595959; font-size: 0.85rem; margin-top: 0.6rem; }

/* 0407 이용안내 */
.useInfo ul { padding: 1.5rem 0.75rem; border: 1px solid #d9d9d9; } 
.useInfo ul li { text-align: center; border: none; border-radius: 0; padding: 0; }
.useInfo ul li .img { display: inline-flex; align-items: center; justify-content: center; height: 5.75rem; width: 4.65rem; font-size: 0; line-height: 0; }
.useInfo ul li .txt { margin-top: 0.5rem; text-align: center; }
.useInfo ul li .txt span { color: #163966; font-size: 0.85rem; font-weight: bold; }
.useInfo ul li .txt p { color: #454545; font-size: 0.75rem; margin-top: 0.2rem; }

/* 0602_01 활동소개 */
.sub0602 .box {text-align: center; padding: 1.5rem; background: url('/images/template/T0001/sub/img_0602_01_Bg.png')no-repeat left 15.23vw center; position: relative;  }
.sub0602 .box::before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/template/T0001/sub/img0602BG01.png')no-repeat; z-index: -1; }
.sub0602 .box p {color: #444444;font-size: 0.9rem;line-height: 1.75;}
.sub0602 .box p span {color: #163966;font-size: 1.15rem;font-weight: bold;}
.sub0602 .box p span.bg { background: #F0F5FF; padding: 0.25rem; font-size: 0.9rem; font-weight: 600; }
.sub0602 .lstBox { background: url('/images/template/T0001/sub/img0602BG.png') no-repeat; padding: 1.75rem 2.25rem; }
.sub0602 .lstBox > ul { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.sub0602 .lstBox > ul > li { flex: 1; background: #fff; overflow: hidden; padding: 1.25rem 1.25rem 1.75rem; border: 1px solid #233C67; }
.sub0602 .lstBox > ul > li .top { display: flex; flex-wrap: wrap; padding-bottom: 0.9rem; border-bottom: 1px dashed #285494; margin-bottom: 0.75rem; }
.sub0602 .lstBox > ul > li .top p.img { display: inline-flex; align-items: center; justify-content: center; background: #F6F6F6; width: 5rem; height: 5rem; }
.sub0602 .lstBox > ul > li:nth-child(1) .top p.img img { max-width: 3.4rem; }
.sub0602 .lstBox > ul > li:nth-child(2) .top p.img img { max-width: 3.6rem; }
.sub0602 .lstBox > ul > li:nth-child(3) .top p.img img { max-width: 3.6rem; }
.sub0602 .lstBox > ul > li .top span { flex: 1; color: #141414; font-size: 1.3rem; font-weight: 700; padding-left: 1rem; }

/* 0605_02 공정거래자율준수 프로그램 */
.cplst ul { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.cplst ul li { width: calc((100% - 3rem) / 4); padding: 1.5rem 1rem; border-radius: 0.25rem 1.5rem; overflow: hidden; color: #fff; font-size: 0.95rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.cplst ul li:nth-child(1),
.cplst ul li:nth-child(5) { background: #3698EB; }
.cplst ul li:nth-child(2),
.cplst ul li:nth-child(6) { background: #0576E5; }
.cplst ul li:nth-child(3),
.cplst ul li:nth-child(7) { background: #188DAF; }
.cplst ul li:nth-child(4),
.cplst ul li:nth-child(8) { background: #189074; }

/* 0103_01 CI소개 */
.sub010301 .btns .btnIco { padding-right: 2rem !important; }
.sub010301 .btns .btnIco > i { right: 0.5rem; font-size: 1rem; }
.sub010301 .colLst ul { display: flex; flex-wrap: wrap; gap: 0 2rem; margin-top: 1.5rem; }
.sub010301 .colLst ul li { position: relative; width: calc((100% - 2rem) / 2); border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; padding: 1.25rem 5rem 1.25rem 2rem; }
.sub010301 .colLst ul li:nth-child(1),
.sub010301 .colLst ul li:nth-child(2) { border-bottom: none; }
.sub010301 .colLst ul li span.col { position: absolute; top: 1.25rem; right: 2rem; border-radius: 50%; width: 3rem; height: 3rem; }
.sub010301 .colLst ul li.blue span.col { background: #00358F; }
.sub010301 .colLst ul li.lblue span.col { background: #307FE2; }
.sub010301 .colLst ul li.gray span.col { background: #A9C0E4; }
.sub010301 .colLst ul li.org span.col { background: #FF8200; }
.sub010301 .colLst ul li .txt > span { display: block; font-size: 1rem; font-weight: 600; }
.sub010301 .colLst ul li.blue .txt > span { color: #00358F; }
.sub010301 .colLst ul li.lblue .txt > span { color: #307FE2; }
.sub010301 .colLst ul li.gray .txt > span { color: #A9C0E4; }
.sub010301 .colLst ul li.org .txt > span { color: #FF8200; }
.sub010301 .colLst ul li .txt > p { color: #454545; font-size: 0.7rem; margin-top: 0.3rem; }

/* 뉴스레터 신청 */
.sub0414 .box_st3 { padding: 2.25rem 25rem 2.25rem 2.75rem; position: relative; background: url('/images/template/T0001/sub/img_0414_01_03.png')no-repeat right bottom; overflow: hidden; z-index: 1; }
.sub0414 .box_st3::before { position: absolute; content: ""; background: url('/images/template/T0001/sub/img_0414_01_02.png')no-repeat right top; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; }
.sub0414 .box_st3 > img { position: absolute; right: 2.25rem; top: 50%; transform: translateY(-50%); max-width: 22.25rem; }
.sub0414 .box_st3 > span { font-size: 1.2rem; font-weight: bold; color: #003081; display: block; }
.sub0414 .box_st3 > p { color: #454545; font-size: 0.9rem; margin: 0.5rem 0 2.25rem; }

/* 경영공시 */
.sub050101 .Lst { margin-top: 1.5rem; }
.sub050101 .Lst ul { display: flex; flex-direction: column; gap: 1rem; }
.sub050101 .Lst ul li { position: relative; border: 1px solid #D9D9D9; padding: 2.25rem 2.5rem 2.25rem 9rem; }
.sub050101 .Lst ul li > img { position: absolute; left: 2.5rem; top: 2.25rem; }
.sub050101 .Lst ul li .txt > span { display: block; color: #121212; font-size: 1rem; font-weight: 600; }
.sub050101 .Lst ul li .txt .btns { margin: 0; margin-top: 0.6rem; gap: 0.5rem; display: flex; flex-wrap: wrap; }
.sub050101 .Lst ul li .txt .btns a { padding: 0.5rem 1rem; margin: 0; }

/* 관련사이트 */
.siteLstBox { border-top: 1px solid #233C67; border-bottom: 1px solid #233C67; padding: 1rem 0; }
.siteLstBox ul { background: #F0F0F0; padding: 0.5rem; border-radius: 1rem; }
.siteLstBox ul li { padding: 0.65rem 1rem 0.65rem 2.25rem; border-bottom: 1px solid #fff; margin: 0 !important; border-left: 1px solid #fff; }
.siteLstBox ul li:nth-child(3n + 1) { border-left: none; }
.siteLstBox.fst ul li:nth-last-child(-n + 3) { border-bottom: none; }
.siteLstBox.scd ul li:last-child { border-bottom: none; }
.siteLstBox ul li::before { top: 50%; transform: translateY(-50%); left: 0.75rem; }
.siteLstBox ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 자금지원공고 */
.tbl_st.hasSpn td span { display: inline-block; padding: 0.25rem 0.35rem; color: #fff; width: 4.5rem; }
.tbl_st.hasSpn td span.grnWrap { background: #307FE2; }
.tbl_st.hasSpn td span.blueWrap { background: #0a3f8b; }
.tbl_st.hasSpn td span.grayWrap { background: #515761; }

/* 사전정보공표 */
.sub0507 .tab_0507 {  width: 100%; margin: 1.5rem auto; border-radius: 0.4rem; background: #F9F9F9; padding: 0.9rem 1.25rem; border: 1px solid #D9D9D9; }
.sub0507 .tab_0507 ul { display: flex; flex-wrap: wrap; gap: 0.75rem; } 
/* .sub0507 .tab_0507 li.on::before { position: absolute; content: ""; width: 200vw; height: 3px; bottom: 0; left: -100vw; background: #00358F; z-index: 1; } */
.sub0507 .tab_0507 li { min-width: calc((100% - 4.5rem) / 7) !important; width: auto !important; position: relative; }
.sub0507 .tab_0507 li a { border: 1px solid #233C67; padding: 0.55rem 0.75rem; display: flex !important; align-items: center; justify-content: center; font-size: 0.95rem; border-radius: 4.5rem; color: #233C67 !important; font-weight: 600; }
.sub0507 .tab_0507 li a span { position: relative; }
.sub0507 .tab_0507 li.on a span { padding-left: 1.75rem; }
.sub0507 .tab_0507 li.on a span::before { position: absolute; content: "\eb7b"; left: 0; top: 0; color: #fff; width: 1.3rem; height: 1.3rem; background: #fff; border-radius: 50%; font-family: 'remixicon'; font-weight: 600; line-height: 1; display: inline-flex; align-items: center; justify-content: center; color: #233C67; }
/* .sub0507 .tab_0507 li:nth-child(4n) a { border-right: none; } */
.sub0507 .tab_0507 li.on a,
.sub0507 .tab_0507 li a:hover,
.sub0507 .tab_0507 li a:focus { color: #fff !important; background: #233C67; }
.sub0507 .fvrLst { position: relative; border: 1px solid #d9d9d9; background: #f9fcff; border-radius: 0.4rem; padding: 1.2rem 1.5rem 1.2rem 11.1rem; line-height: 1.1rem; }
.sub0507 .fvrLst > span { display: inline-flex; align-items: center; gap: 0.25rem; position: absolute; left: 1.5rem; top: 1.2rem; color: #141414; font-size: 0.9rem; font-weight: 600; }
.sub0507 .fvrLst > ul { display: flex; flex-wrap: wrap; }
.sub0507 .fvrLst > ul li a { position: relative; padding: 0 1.5rem 0 0.5rem; color: #141414; font-weight: 300; }
.sub0507 .fvrLst > ul li a::before { position: absolute; content: ""; left: 0; top: 0.4rem; width: 0.2rem; height: 0.2rem; background: #003081; }
.sub0507 #predisContainer { margin-top: 2.5rem; }

/* 자율준수 관리체계 */
.cpBox { border: 1px solid #D9D9D9; padding: 2.5rem 5rem; }
.cpBox > ul { display: flex; flex-wrap: wrap; gap: 2rem 3rem; }
.cpBox > ul > li { flex: 1; display: flex; flex-direction: column; }
.cpBox > ul > li .img { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 6rem; height: 6rem; margin: 0 auto; }
.cpBox > ul > li:nth-child(1) .img { background: #D7E7FB; }
.cpBox > ul > li:nth-child(2) .img { background: #D8DFE9; }
.cpBox > ul > li:nth-child(3) .img { background: #EDF8F8; }
.cpBox > ul > li:nth-child(4) .img { background: #D4EDE7; }
.cpBox > ul > li:nth-child(5) .img { background: #FFF6E0; }
.cpBox > ul > li span { width: 100%; height: 2.7rem; border-radius: 2.5rem; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.9rem; margin: 1.2rem 0; }
.cpBox > ul > li:nth-child(1) span { background: #307FE2; }
.cpBox > ul > li:nth-child(2) span { background: #163966; }
.cpBox > ul > li:nth-child(3) span { background: #0EA5A5; }
.cpBox > ul > li:nth-child(4) span { background: #189074; }
.cpBox > ul > li:nth-child(5) span { background: #F36D01; }
.cpBox > ul > li p { text-align: center; font-size: 0.95rem; font-weight: 600; color: #343434; } 
.cpBox > ul > li > ul { font-weight: 600; margin: 0; }

/* 임대신청 */
.subImgBox { display: flex; flex-wrap: wrap; width: 100%; position: relative; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
/* .subImgBox::before { position: absolute; content: ""; width: 100%; height: 100%; background: transparent; border: 1px solid #d9d9d9; z-index: 1; } */
.subImgBox .box { flex: 1; position: relative; }
.subImgBox .box + .box::before { position: absolute; content: ""; height: 100%; width: 1px; background: #d9d9d9; left: -0.5px; top: 0; } 
.subImgBox .box .img { background: #F9F9F9; width: 100%; padding: 2.5rem 5rem; }
.subImgBox .box .img p { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; height: 18rem; }
.subImgBox .box .img p img { max-width: 100%; }
.subImgBox .box .txt { border-top: 1px solid #d9d9d9; padding: 2.5rem 1.5rem; width: 100%; }

/*** 반응형 ***/
@media (max-width: 1920px) {
    .aiSrchSub { transform: translateX(3rem); }
    .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) { width: 2.5rem; height: 2.5rem; font-size: 0.6rem; line-height: 0.85rem; }
    /* .openIntPop { width: 2.5rem; height: 4.5rem; font-size: 0.7rem; gap: 0.1rem; } */
    .openIntPop { width: 2.5rem; height: 2.5rem; font-size: 0.6rem; gap: 0.1rem; font-weight: 600; line-height: 0.85rem; }
    .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) img { max-width: 1.75rem !important; }
    /* .aiSrchSub .aischTxt { bottom: 2.9rem; } */
    .aiSrchSub .txt { height: 2.5rem; gap: 0.25rem; padding: 0 1rem; width: 12rem; }
    .aiSrchSub .txt p { font-size: 0.6rem; }
    .aiSrchSub .txt span { font-size: 0.65rem; }
    .aiSrchSub .txt > i { font-size: 1.15rem; }
    .aiSrchSub .openIntPop:hover + .IntTxt, .aiSrchSub .openIntPop:focus + .IntTxt, .aiSrchSub .aischOpen:hover + .txt, .aiSrchSub .aischOpen:focus + .txt { right: 3rem; }

    .sub0602 .box { background: url('/images/template/T0001/sub/img_0602_01_Bg.png')no-repeat left 20.23vw center; }
}

@media (max-width: 1860px) {
    .aiSrchSub { transform: translateX(2rem);  }
    /* .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) { transform: translateX(2rem);  } */

    /* 보증절차 */
    .bjStep > a { z-index: 1; width: 2.5rem; height: 2.5rem; }
    .bjStep > a.prev { left: -3rem; }
    .bjStep > a.next { right: -3rem; }
}

@media (max-width: 1740px) {
    /* 보증절차 */
    .bjStep > a { display: none !important; }

    .aiSrchSub { transform: translateX(-1rem); }
    /* .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) { transform: translateX(-1rem); } */
}

@media (max-width: 1640px) {
    .aiSrchSub { transform: translateX(0); right: 1rem; }
    /* .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) { transform: translateX(0); right: 1rem; } */
}

@media (max-width: 1560px) {
    /* 지도 */
    .selMap { gap: 0; justify-content: space-between; }
    .selMap .lctnLst { width: calc(100% - 25.6rem); }
}

@media (max-width: 1440px) {
    /* 시설대관 */
    .crntn ul.crnLst > li .img img { width: 100%; height: 100%; min-height: 11rem; object-fit: cover; }
    .crntn .crntnlst .lft .topSldr .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
    .crntn .crntnlst .lft .topSldr { width: 100%; }
    .crntn .crntnlst .lft #topThum .swiper-wrapper { flex-wrap: nowrap; }
    .crntn .crntnlst .lft #topThum { width: 100%; margin-top: 1rem; padding-left: 0; height: 8rem; }
    .crntn .crntnlst .lft #topThum .swiper-slide { width: calc((100% - 1.5rem) / 4) !important; }
    /* .crntn .crntnlst .lft .topSldr .swiper-slide p,
    .crntn .crntnlst .lft .topSldr { height: auto; } */
    .crntn .crntnlst .calWrap .calBox { width: calc(100% - 23rem); }
    .crntn .crntnlst .calWrap .lst { width: 23rem; }

    /* 지점별 신용보증 접수현황 */    
    .receipt .lctnBox p.bu_strg:before { top: 0.15rem; }

    /* 자율준수 관리체계 */
    .cpBox { padding: 2.5rem; }

    .sub0602 .box { background: url('/images/template/T0001/sub/img_0602_01_Bg.png')no-repeat left 1.5rem center; }
/* 
    .aiSrchSub .aischTxt { width: 11rem; padding: 0.35rem 0.75rem; }
    .aiSrchSub .aischTxt > button { width: 0.9rem; height: 0.9rem; font-size: 0.7rem; }
    .aiSrchSub .aischTxt > p { font-size: 0.6rem; margin: 0 0.5rem 0 0.35rem; }
    .aiSrchSub .aischTxt > p > span { font-size: 0.7rem; }
    .aiSrchSub .aischTxt > img { max-width: 0.95rem; } */

    /* 임대신청 */
    .subImgBox .box .img { padding: 1.5rem; }
    .subImgBox .box .img p { height: auto; }
    .subImgBox .box .txt { padding: 1.5rem; }

    .greetBox > .img img { max-width: 23rem; }
}                            

@media (max-width: 1300px) {
    /* 본지점안내 */   
    .brnchInfo .subPopBox { width: calc(100% - 2rem) !important; min-width: auto !important; }
    .brnchInfo .tbl_st tbody td p { max-width: 100%; overflow: hidden; }

    /* 이사회 */
    .grtNow > ul.LstB > li { width: calc((100% - 3.6rem) / 4); }
}

@media (max-width: 1240px) {
    header { position: unset; }
    .passOpen { margin-top: 2rem !important; }

    /* 자율준수 관리체계 */
    .cpBox > ul > li { flex: none; width: calc((100% - 6rem) / 3); }


    .selMap .lctnLst .bankLst.chkWrap label span { flex-wrap: wrap; height: auto !important; padding: 0.25rem 0.4rem; }
    .selMap .lctnLst .bankLst.chkWrap label span em:not(.hid) { font-size: 0.7rem; }
}

@media (max-width: 1024px) {
    /* ceo 소개 */
    .greetBox > .img img { max-width: 20rem; }

    /* 0407 이용안내 */
    .useInfo ul { gap: 2.5rem; }
    .useInfo ul li { flex: none !important; width: 100%; }
    .useInfo ul li::before { left: 50%; transform: translateX(-50%) rotate(90deg); right: auto; bottom: -1.75rem; top: auto; }
    .useInfo ul li .img { height: auto; }
    .useInfo ul li .img img { max-width: 100%; }

    /* 사전정보공표 */
    .sub0507 .tab_0507 li { width: calc(100% / 3); min-width: none; }

     /* 대출금리 */
    .selMap { padding: 2rem; }
    .selMap .map { width: 100%; height: auto; }  
    .selMap .lctnLst { width: 100%; margin-top: 1.5rem; } 

    /* 본지점안내 */
    .selMap.typeB .lctnLst .lctnBox .btns { position: unset; width: 100%; margin-top: 1rem; }

    /* 0602_01 활동소개 */
    .sub0602 .lstBox > ul > li .top p.img { width: 4rem; height: 4rem; }
    .sub0602 .lstBox > ul > li:nth-child(1) .top p.img img { max-width: 2.6rem; }
    .sub0602 .lstBox > ul > li:nth-child(2) .top p.img img,
    .sub0602 .lstBox > ul > li:nth-child(3) .top p.img img { max-width: 3rem; }
    .sub0602 .lstBox > ul > li .top span { font-size: 1.1rem; }
}

@media (max-width: 968px) {
    /* 역대이사장 */
    /* .grtHis ul li .img,
    .grtNow > ul.LstB > li .img { width: 100%; } */
    /* 역대이사장 */
    .grtHis ul li { width: calc((100% - 2.6rem) / 3); padding: 1.5rem; }
    .grtHis ul li > p { font-size: 1.1rem; margin: 0.15rem 0 0.35rem; }

    /* 캘린더 */
    .calWrap .calBox { width: 55%; }
    .calWrap .lst { width: 45%; }

    /* 지점별 신용보증 접수현황 */
    .receipt .lctnBox p.bu_strg { margin-top: 2rem; }

    /* 보증시 알아두어야 할 사항 */
    .inBox .lnkBox li a { padding: 1.5rem; }
    .inBox { padding: 2.25rem 24rem 2.25rem 1.5rem; }
    .inBox .lnkBox { right: 1.5rem; }

    /* 뉴스레터 신청 */
    .sub0414 .box_st3 { padding: 2rem 20rem 2rem 2rem; }
    .sub0414 .box_st3 > img { max-width: 18.5rem; right: 2rem; }

    /* 0602_01 활동소개 */
    .sub0602 .lstBox { padding: 1.5rem 1.75rem; background-size: cover; }
    .sub0602 .lstBox > ul { gap: 1rem; }
    .sub0602 .box { background-size: contain; }
    .sub0602 .lstBox > ul > li { flex: none; width: 100%; }
    .sub0602 .box p { font-size: 0.85rem; line-height: 1.5; }
    .sub0602 .box p span { font-size: 1rem; }
    .sub0602 .box { background: #F6F6F6; }
}

@media (max-width: 860px) {
    /* 상담예약 */
    .stepBox ul li { flex: none; width: calc((100% - 3rem) / 3); }
    .stepBox ul li:nth-child(3):before { display: none; }

    /* 0101_01 설립근거 연혁 */
    .yearHis .box_st1.box_ico { padding: 2rem; }

    /* 시설대관 */
    /* .crntn .crntnlst .lft,
    .crntn .crntnlst .calWrap .calBox { width: calc(100% - 20rem); padding-right: 1.25rem; }
    .crntn .crntnlst .calWrap .lst,
    .crntn .crntnlst .rgt { width: 20rem; } */

    /* ceo 소개 */
    .greetBox > .img { right: 0; }
    .greetBox > .img img { max-width: 14rem; }
    .greetBox .grtTit,
    .greetBox .grtTxt { padding-right: 13rem; }

    /* 이사회 */
    .grtNow > ul.Lst > li { width: 100%; }
    .grtNow > ul.LstB > li { width: calc((100% - 1.2rem) / 2); }

    /* 관련사이트 */
    .siteLstBox ul li { border-bottom: 1px solid #fff !important; border-left: 1px solid #fff !important; }
    .siteLstBox ul li:last-child { border-bottom: none !important; }
    .siteLstBox ul li:nth-child(2n + 1) { border-left: none !important; }

}

@media (max-width: 768px) {
    .mbGap { margin-left: 0.5rem; }

    .siteLstBox ul li::before { left: 0.5rem; } 

    .passOpen { margin-top: 1.5rem !important; }

    /* 경영공시 */
    .sub050101 .Lst ul li > img { max-width: 4rem; left: 1.5rem; top: 2rem; }
    .sub050101 .Lst ul li { padding: 2rem 2rem 2rem 7rem; }

    /* 임대신청 */
    .subImgBox .box { flex: none; width: 100%; }
    .subImgBox .box + .box::before { width: 100%; height: 1px; left: 0; top: -0.5px; }
    .subImgBox .box .img,
    .subImgBox .box .txt { padding: 1rem; }

    /* 자율준수 관리체계 */
    .cpBox > ul { gap: 2rem; }
    .cpBox > ul > li { width: calc((100% - 2rem) / 2); }
    .cpBox > ul > li .img { width: 5.5rem; height: 5.5rem; }
    .cpBox > ul > li .img img { max-width: 3rem; }
    .cpBox > ul > li span { margin: 0.85rem 0; height: 2rem; font-size: 0.8rem; }
    .cpBox > ul > li p { font-size: 0.85rem; }

    /* 뉴스레터 신청 */
    .sub0414 .box_st3 { padding: 2rem;  background: none; display: flex; justify-content: center; flex-wrap: wrap; text-align: start; }
    .sub0414 .box_st3 > img { max-width: 100%; position: unset; transform: none; }
    /* .sub0414 .box_st3::before { display: none; } */
    .sub0414 .box_st3 > span { margin-top: 1rem; width: 100%; }
    .sub0414 .box_st3 > p { margin: 0.5rem 0 1rem; width: 100%; }
    .sub0414 .box_st3 .btns { width: 100%; margin: 0; }

    /* 관련사이트 */
    .siteLstBox ul li { padding: 0.65rem 1rem 0.65rem 1.75rem; }

    /* ceo 소개 */
    .greetBox { padding: 0; }
    .greetBox > .img {  position: unset; width: 100%; display: inline-flex; align-items: center; justify-content: center; }
    .greetBox > .img img { max-width: 100%; }
    .greetBox .grtTit,
    .greetBox .grtTxt { padding-right: 0; }
    .greetBox .grtTit { margin-left: 1rem; font-size: 1.5rem; margin-top: -1rem; }
    .greetBox .grtTxt { padding-left: 1rem; }
    .greetBox .grtTit br { display: none; }

    /* 상담예약 */
    .conRsrv.step02 .rdoWrap { justify-content: center; }
    .stepBox ul li .box img { max-width: 4rem; }
    .conRsrv.step04 .selBox,
    .conRsrv.step04 .inputBox,
    .conRsrv.step04 .rdoWrap { justify-content: center; }

    /* 캘린더 */
    .calWrap .calBox { width: 100%; padding: 0; }
    .calWrap .lst { width: 100%; margin-top: 1.5rem; }
    .calWrap .lst .timeSel { height: auto; }

    /* 똑똑 보증계산기 */
    .dokCal .caltbl .inptBox input,
    .dokCal .caltbl .inptBox select { flex: 1; }


    /* 0605_02 공정거래자율준수 프로그램 */
    .cplst ul li { width: calc((100% - 1rem) / 2); }

    /* 시설대관 */
    .crntn ul.crnLst > li .lst > a { bottom: 1rem; right: 1rem; }
    .crntn ul.crnLst > li .txt { padding: 1rem; }
    .crntn ul.crnLst > li { width: 100%; }
    .crntn .crntnlst .calWrap .lst, 
    .crntn .crntnlst .rgt,
    .crntn .crntnlst .lft,
    .crntn .crntnlst .calWrap .calBox { width: 100%; padding-right: 0; height: auto; }
    .crntn .crntnlst .calWrap .lst .timeSel,
    .crntn .crntnlst .lft .topSldr { height: auto; }
    /* .crntn .crntnlst .lft .topSldr .swiper-slide p { height: 100%; }   */
    /* .crntn .crntnlst .lft #topThum .swiper-slide a { height: 14.3vw; } */
    .crntn .crntnlst .lft #topThum,
    .crntn .crntnlst .lft #topThum .swiper-slide a { height: 4.5rem; }
    .crntn .crntnlst .rgt { margin-top: 1.5rem; } 
    .crntn.insert .tbl_st .adrsWrap > input,
    .crntn.insert .tbl_st .adrsWrap .subadrs { flex: none; width: 100%; }
    .crntn.insert .tbl_st .adrsWrap .subadrs input { width: calc(100% - 2.1rem); }
    .crntn ul.crnLst > li .img img { max-height: 10.5rem; }
    .crntn ul.crnLst > li .txt > .m_detail li { padding-left: 5rem; }
    .crntn ul.crnLst > li .txt > .m_detail li > span { font-size: 0.85rem; }
    .crntn ul.crnLst > li .txt > p { font-size: 1.35rem; }

    /* 매각정보 */
    .sub0501 .tbl_res > table > tbody > tr { padding: 0.5rem 0.8rem !important; border-bottom: 1px solid #D9D9D9; flex-direction: row; flex-wrap: wrap; gap: 0.5rem 0; }
    .sub0501 .tbl_res > table > tbody > tr td { border: none !important; text-align: start !important; padding: 0 !important; padding-left: 1.75rem !important; position: relative; }
    .sub0501 .tbl_res > table > tbody > tr td::before { position: absolute; content: ""; border-radius: 50%; left: 1rem; top: 0.5rem; width: 0.2rem; height: 0.2rem; background: #307FE2; }
    .sub0501 .tbl_res > table > tbody > tr td.num { width: auto; padding-left: 0 !important; padding-right: 0.5rem !important; }
    .sub0501 .tbl_res > table > tbody > tr td.title { flex: 1; padding-left: 0.5rem !important;  }
    .sub0501 .tbl_res > table > tbody > tr td.num::before { display: none; }
    .sub0501 .tbl_res > table > tbody > tr td.title::before { left: 0; top: 0.15rem; height: 0.75rem; background: #D9D9D9; width: 1px; }
    .sub0501 .tbl_res > table > tbody > tr td.title a { white-space: wrap !important; }
    .sub0501 .tbl_st table td a.down { margin: 0; }
    .searchTop .pgInfo { flex: none; width: 100%; }

    /* 본지점안내 */  
    .brnchInfo .subPopBox { padding: 1.5rem 1.5rem 4rem 1.5rem; max-height: 90vh; }
    /* .brnchInfo .subPopBox .tbl_st { max-height: calc(90vh - 10rem); overflow: auto; } */
    .brnchInfo .subPopBox .tbl_st:after { display: none; }
    /* .brnchInfo .subPopBox div[class*='tbl_st'] { margin-top: 1rem; } */
    .brnchInfo .mapWrap { height: 32.5vw; }
    .receipt { margin-top: 2rem; }   
    .brnchInfo .mbScroll,
    .brnchInfo.allbrnch .tbl_st { margin-top: 1rem; }

    /* 보증절차 */
    .subPopWrap.sub020105Pop .subPopBox  { max-width: 100%; width: calc(100% - 2rem); }

    /* 신용보증 */
    .subnkLst li { width: 100%; border-left: none !important; }

    /* 서브 셀렉트 박스 */
    .select_box { margin-top: 1rem; }

    /* 0303 소상공인 지원정책 */
    .grtProd ul li .box .img { height: 5rem; }
    .grtProd ul li .box { padding: 1.35rem 1.35rem 3rem; }
    .grtProd ul li .box > span { bottom: 1rem; }
    .grtProd ul { gap: 2rem 1.5rem; }
    
    /* 보증시 알아두어야 할 사항 */
    .inBox { padding: 2rem 1.5rem; min-height: auto; }
    .inBox .lnkBox { position: unset; width: 100%; margin-top: 1rem; height: auto; }
    .inBox .lnkBox li a { display: flex; align-items: center; flex-wrap: wrap; padding: 1rem; height: auto; flex-direction: row; }
    .inBox .lnkBox li a .img { width: 4rem; height: 4rem; }
    .inBox .lnkBox li:first-child a .img img { max-width: 2.5rem; }
    .inBox .lnkBox li:last-child a .img img { max-width: 3.5rem; }
    .inBox .lnkBox li a .txt { margin: 0; flex: 1; padding-left: 1rem; text-align: start; }
    .inBox .lnkBox li a .txt br { display: none; }

    /* 0103_01 CI소개 */
    .sub010301 .colLst ul li { width: 100%; }
    .sub010301 .colLst ul li:nth-child(3) { border-bottom: none; }

    /* 0101_01 설립근거 연혁 */
    .tab_Lst ul li { width: 50%; }
    .tab_Lst ul li:nth-child(2n) a { border-right: none; }
    /* .yearHis .box_st4.box_ico .ico { display: none !important; }
    .yearHis .box_st1.box_ico { min-height: auto !important; padding:1.5rem !important; } */

    .yearBox .year .yearDep01 > li > span { padding: 0 1.25rem;  font-size: 1.5rem; width: 7.65rem; line-height: 1.5rem; }
    .yearBox .year .yearDep01 > li > ul.yearDep02 { padding: 0.15rem 1rem 0 2rem; }
    .yearBox .year .yearDep01 > li > ul.yearDep02 li { line-height: 1.5rem; color: #232323; font-size: 0.9rem; }
    .yearBox .year .yearDep01::before { left: 7.65rem; height: calc(100% - 4rem); }
    .yearBox .year .yearDep01 > li > span::after { top: 0.3rem; } 

    /* 첨부파일 */
    .bbsV_atchmnfl .btnFileDwn > p > span { display: none; }

    /* 역대이사장 */
    .grtHis ul li { width: calc((100% - 1.3rem) / 2); }

    /* 탭 : w20 */
    .tab_Lst ul li a::before { background-size: 3.75rem !important; }
    .tab_Lst.tab_w20 ul li { width: 50%; }

    /* 사전정보공표 */
    .sub0507 .tab_0507 { width: 100%; }
    .sub0507 .tab_0507 li a { font-size: 0.85rem; padding: 0.35rem 0.75rem; } 
    .sub0507 .tab_0507 li.on a span { padding-left: 1.5rem; }
    .sub0507 .tab_0507 li.on a span::before { width: 1rem; height: 1rem; top: 0.1rem; }
}

@media (max-width: 580px) {

    /* 0303 소상공인 지원정책 */
    .grtProd ul li { width: 100%; }
    .grtProd ul li .box .img { height: auto; padding: 1rem; }

    /* 보증시 알아두어야 할 사항 */
    .inBox .lnkBox li { height: auto; }
    .inBox .lnkBox li a { flex-direction: column; justify-content: center; height: 100%; }
    .inBox .lnkBox li a .txt { margin-top: 1rem; padding: 0; text-align: center; }

    /* 0101_01 설립근거 연혁 */
    .yearBox .year .yearDep01 { gap: 2rem; }
    .yearBox .year .yearDep01 > li > span { width: 5.5rem; padding: 0 1.5rem 0 1rem; font-size: 1.15rem; line-height: 1.3rem; }
    .yearBox .year .yearDep01::before { left: 5.5rem; }
    .yearBox .year .yearDep01 > li > ul.yearDep02 li { line-height: 1.3rem; font-size: 0.85rem; padding-left: 3.5rem; }
    .yearBox .year .yearDep01 > li > span::after { top: 0.2rem; }
    .tab_Lst ul li a { padding: 0.75rem 1rem !important; font-size: 0.9rem; }
    .yearBox .year .yearDep01 > li > ul.yearDep02 { padding: 0 1rem 0 1.5rem; }

    /* 사전정보공표 */
    .sub0507 .fvrLst { padding: 1.2rem; }
    .sub0507 .fvrLst > span { position: unset; margin-bottom: 0.5rem; }
}

@media (max-width: 480px) {
    /* 역대이사장 */
    .grtHis ul li .img { width: 100%; }

    /* .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) { width: 2rem; height: 2rem; }
    .openIntPop { width: 2rem; height: 2rem; font-size: 0.5rem; gap: 0.1rem; margin-bottom: 3.6rem; }
    .openIntPop > i { font-size: 1rem; }
    .aiSrchSub .subIntTxt p.top { font-size: 0.5rem; }
    .aiSrchSub .subIntTxt p.bot { font-size: 0.6rem; }
    .aiSrchSub .subIntTxt .aniArrow i { font-size: 0.9rem; height: 0.3rem; }
    .aiSrchSub .subIntTxt { width: 10rem; padding: 0.4rem 1.5rem 0.4rem 0.75rem; height:2.856rem; }
    .aiSrchSub .subIntTxt svg.borderGauge { left: 0; width: 100%; height:2.856rem; }
    .aischOpen:not(.srchBtn, .siteMapWrap .aischOpen) img { max-width: 1.35rem !important; } */
    /* .aiSrchSub .aischTxt { bottom: 2.4rem; } */


    /* 사전정보공표 */
    .sub0507 #predisContainer { margin-top: 1.5rem; }

    /* 서브 셀렉트 박스 */
    .select_box .select_type { height: 2.25rem; font-size: 0.85rem; }
    .select_box .select_lst li a { font-size: 0.8rem; }
    .select_box .select_type::before { font-size: 1.25rem; }

    /* 보증시 알아두어야 할 사항 */
    .inBox .lnkBox li a .img { width: 3.5rem; height: 3.5rem; }
    .inBox .lnkBox li:first-child a .img img { max-width: 2rem; }
    .inBox .lnkBox li:last-child a .img img { max-width: 3rem; }
    .inBox .lnkBox li a .txt { margin-top: 0.75rem; font-size: 0.8rem; }

    /* 0101_01 설립근거 연혁 */
    .yearBox .year .yearDep01 { gap: 1.5rem; }
    .tab_Lst { margin: 0 0 1.25rem; }
    .yearBox .year .yearDep01 > li > ul.yearDep02 li { padding: 0; display: flex; flex-wrap: wrap; }
    .yearBox .year .yearDep01 > li > ul.yearDep02 li span { position: unset; width: 100%; width: 100%; }
    .tab_Lst ul li a,
    .sub0507 .tab_0507 li a { padding: 0.5rem 0.75rem !important; font-size: 0.85rem; }
    .sub0507 .tab_0507 li.on a span { padding-left: 1.25rem; }
    .sub0507 .tab_0507 li.on a span::before { font-size: 1rem; top: 0.1rem; }
    .tab_Lst ul li.on a em { padding-left: 1.5rem; }
    .tab_Lst ul li.on a em::before { font-size: 1rem; top: 0.1rem; }
    .yearHis .box_st1.box_ico { padding: 1.5rem 1rem; }

    /* 역대이사장 */
    .grtHis ul li { padding: 1rem; }
    .grtHis ul li > span { font-size: 0.8rem; }
    .grtHis ul li > p { font-size: 0.95rem; }
    
     /* ceo 소개 */
     .greetBox .grtTit { font-size: 1.25rem; }
     .greetBox .grtTxt { margin-top: 1.5rem; padding: 1.5rem 1rem; }
     .greetBox p.grtName { margin-top: 2rem; }

    /* 상단 검색조건 레이아웃 (셀렉트 + 인풋 + 검색) */
    .searchTop input, select { height: 1.8rem; }
    .searchTop select { width: 100% !important; }
    .searchTop input { flex: 1; }

    /* 똑똑보증계산기 */
    .dokCal .tab_typeB { margin: 1.5rem 0 1rem; }

    /* 뉴스레터 신청 */
    .sub0414 .box_st3 { padding: 1.5rem 1rem; }
    .sub0414 .box_st3 > span { font-size: 1rem; }
    .sub0414 .box_st3 > p { font-size: 0.8rem; margin: 0.5rem 0; }

    /* 상담예약 */
    .stepBox ul { gap: 0; }
    .stepBox ul li { width: 100%; border-radius: 0; }
    .stepBox ul li::before { display: none; }
    .stepBox ul li + li { border-top: none; }
    .stepBox ul li .box { flex-direction: row; justify-content: start; padding: 0.5rem 0.75rem; gap: 1rem; }
    .stepBox ul li .box img { order: 1; max-width: 1.5rem; }
    .stepBox ul li .box span { order: 2; }
    .conRsrv.step04 .selBox select { min-width: auto; flex: 1; }
    .conRsrv.step04 .inputBox input { width: 100%; }
    .stepBox ul li.current .box em { color: #fff; }
    .stepBox ul li .box em { display: inline-block; font-weight: 700; }

    /* 캘린더 */
    .calWrap .calBox .titWrap > a { width: 1.5rem; height: 1.5rem; font-size: 0.9rem; }
    .calWrap .lst { margin-top: 1rem; }
    .calWrap .lst h3 { line-height: 1.5rem; margin-bottom: 0.5rem; }
    .calWrap .lst .timeSel { padding: 1.25rem 1rem; }
    .calWrap .lst .timeSel button { margin-bottom: 0.5rem; }
    .calWrap .lst .timeSel .bu_atte { margin-top: 0.5rem !important; }

    /* 시설대관 */
    .crntn .crntnlst .calWrap .chkDetail > a { width: 100%; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li:first-child,
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li { width: 100%; }
    .crntn .crntnlst .calWrap .chkDetail .chkLst ul li { padding: 0.45rem 0.5rem; }
    .crntn.insert .tbl_st th > a { width: auto; height: 1.35rem; padding: 0 0.5rem; font-size: 0.7rem; }
    .crntn.insert .inptFile button.fileInsert { padding: 0.2rem 0.5rem; font-size: 0.7rem; }
    .crntn .crntnlst .lft .topSldr .swiper-slide p { height: 46vw; }
    .crntn ul.crnLst > li .txt > p { font-size: 1.25rem; margin: 0.35rem 0 0.5rem; }
    .crntn ul.crnLst > li .txt > .m_detail li + li { margin-top: 0.35rem; }
    .crntn ul.crnLst > li .txt > .m_detail li { padding-left:4.5rem; }
    .crntn .crntnlst .lft #topThum { margin-top: 0.5rem; }
    .crntn ul.crnLst > li .txt > .m_detail li > span { font-size: 0.8rem; }
    .crntn .crntnlst .lft .fclFile { margin: 0.5rem 0; }
    .crntn .crntnlst .rgt { margin-top: 0.5rem; }
    .crntn .crntnlst .lft #topThum,
    .crntn .crntnlst .lft #topThum .swiper-slide a { height: 14vw; }
    .crntn .crntnlst .lft #topThum .swiper-slide { width: calc((100% - 1rem) / 3) !important; }
    .crntn .crntnlst .lft .topSldr .control { height: 2.25rem; min-width: auto; }
    .crntn .crntnlst .lft .topSldr .control > span { font-size: 0.8rem; }
    .crntn .crntnlst .lft .topSldr .control > a { width: 1.25rem; height: 1.25rem; }

    /* 대출금리 */
    .loan .titWrap .tit1 { margin: 0 !important; }
    .selMap { padding: 1.5rem 1rem; }
    .selMap .lctnLst { padding: 1rem; margin-top: 1rem; } 
    .selMap .lctnLst .bankLst.chkWrap ul { height: 10.65rem; }
    .selMap .lctnLst .bankLst.chkWrap label span { height: 2.25rem; }
    .selMap .lctnLst .lctnBox > .sellcnt > span { width: 1.5rem; height: 1.5rem; }
    .loan .rdoWrap.typeB label span,
    .loan .rdoWrap.typeB ul li.all label span { padding: 0.35rem 0.5rem; }
    .selMap .map > ul > li a { font-size: 0.7rem; } 
    .loan .titWrap .chkLstWrap .chkLstBox {  height: auto; padding: 0.35rem 0.75rem; flex-wrap: wrap; }
    .loan .titWrap .chkLstWrap .chkLstBox button { font-size: 0.8rem; padding-left: 1.25rem; }
    .loan .titWrap .chkLstWrap .chkLstBox button::before { width: 0.85rem; height: 0.85rem; }

    /* 자율준수 관리체계 */
    .cpBox { padding: 2rem 1rem; }
    .cpBox > ul { gap: 1.5rem; }
    .cpBox > ul > li { width: 100%; }

    /* 본지점안내 */
    .selMap.typeB .map { margin-top: 0 !important; }
    .selMap.typeB .lctnLst { padding: 1rem; margin-top: 1rem; }
    .selMap.typeB .lctnLst .lctnBox > .sellcnt { margin-bottom: 0.75rem; }
    .selMap.typeB .lctnLst .srch { margin-top: 0.75rem; }
    .selMap.typeB .lctnLst .srch input { height: 2rem; }
    .selMap.typeB .lctnLst .srch button { width: 2rem; height: 2rem; }
    .brnchInfo .titWrap h3 { font-size: 1rem; }
    .brnch .subPopWrap .titWrap > .brnchClose { font-size: 1rem; }
    /* .brnchInfo .subPopBox div[class*='tbl_st'] { margin-top: 0.75rem; } */
    .subPopWrap .titWrap > .brnchClose { width: 1.75rem; height: 1.75rem; font-size: 0.9rem; }
    .brnchInfo .mbScroll,
    .brnchInfo.allbrnch .tbl_st { margin-top: 0.75rem; }

    /* 지점별 신용보증 접수현황 */
    .receipt .lctnBox p.bu_strg { margin-top: 1rem; font-size: 0.85rem; }
    .receipt .lctnBox p.bu_strg:before { font-size: 0.85rem; top: 0.1rem; }
    .receipt .lctnBox .colrLst { margin-top: 0.5rem; padding: 0.75rem; }
    .receipt .lctnBox .colrLst li { line-height: 0.85rem; }
    .receipt .lctnBox .colrLst li span em { width: 0.85rem; height: 0.85rem; }
    .receipt { margin-top: 1.5rem; }   

    /* 신용보증 */
    .subnkLst li { padding-left: 7rem; }
    .subnkLst li > img { left: 1rem; max-width: 5rem; }

    /* 이사회 */
    .grtNow > ul.LstB > li span { font-size: 1.1rem; margin: 0.5rem 0 0.25rem; }
    .grtNow > ul.Lst > li .img { width: 100%; }
    .grtNow > ul.Lst > li .txt span { font-size: 1.1rem; }
    .grtNow > ul.Lst > li .txt > ul { margin-top: 0.75rem; }
    .grtNow > ul.Lst > li .txt { width: 100%; margin-top: 0.75rem; }
    .grtNow > ul.LstB > li .img { width: 100%; }

    /* 0601 윤리경영이란 */
    .sub0601 .inBox { padding: 1.5rem 1rem; }

    /* 0605_02 공정거래자율준수 프로그램 */
    .cplst ul li { font-size: 0.8rem; }

    /* 0103_01 CI소개 */
    .sub010301 .btns .btnIco { padding-right: 1.5rem !important; }
    .sub010301 .btns .btnIco > i { font-size: 0.8rem; top: 0.5rem; }
    .sub010301 .colLst ul li { padding: 1rem 4.5rem 1rem 1rem; }
    .sub010301 .colLst ul li span.col { width: 2rem; height: 2rem; right: 1rem; top: 1rem; }

    /* 경영공시 */
    .sub050101 .Lst ul li > img { display: none; }
    .sub050101 .Lst ul li { padding: 1.25rem 1.5rem; }
    .siteLstBox ul li { border-left: none !important; }

    /* 첨부파일 */
    .bbsV_atchmnfl .btnFileDwn { padding-right: 2rem; }
} 

@media (max-width: 380px) {
    /* 0601 윤리경영이란 */
    .sub0601 .inBox .txt span { font-size: 1.1rem; }
    .sub0601 .inBox .txt p { margin-top: 0.5rem; }
    .sub0601 .inBox .txt { margin-bottom: 0.75rem; }

    .aiSrchSub { right: 0.75rem; }
    .aiSrchSub .txt { padding: 0 0.75rem; width: 10.25rem; }
    .aiSrchSub .txt p { font-size: 0.55rem; } 
    .aiSrchSub .txt span { font-size: 0.6rem; }
    .aiSrchSub .txt > i { font-size: 1rem; }

    /* 0605_02 공정거래자율준수 프로그램 */
    .cplst ul { gap: 0.75rem; }
    .cplst ul li { width: 100%; }

    /* 0602_01 활동소개 */
    .sub0602 .box { padding: 1rem; }
    .sub0602 .lstBox { padding: 1rem; }
    .sub0602 .lstBox > ul > li { padding: 1rem 0.75rem; }  

    /* 보증시 알아두어야 할 사항 */
    .inBox { padding: 1.25rem 1rem; }
    .inBox .lnkBox { gap: 0.5rem; }
    .inBox .lnkBox li a { padding: 0.75rem; }  

    /* 0303 소상공인 지원정책 */
    .grtProd ul li .box { padding: 1rem 1rem 2.5rem; }
    .grtProd ul li .box .txt span { font-size: 0.9rem; }
    .grtProd ul li .box .txt p { font-size: 0.8rem; margin-top: 0.5rem; } 
    .grtProd ul li .box > span { left: 1rem; }

    /* 서브 셀렉트 박스 */
    .select_box .select_type { padding: 0 2rem 0 0.5rem; }
    .select_box .select_type::before { font-size: 1.15rem; right: 0.5rem; }
    .select_box .select_lst li a { font-size: 0.7rem; }

    /* 이사회 */
    .grtNow > ul.LstB > li span { font-size: 0.95rem; }
    .grtNow > ul.Lst > li .img { width:100%; margin: 0 auto;}
    .grtNow > ul.Lst > li .txt span { font-size: 0.95rem; }
    .grtNow > ul.Lst > li .txt > ul { margin-top: 0.5rem; }
    .grtNow > ul.Lst > li .txt { width: 100%; margin-top: 0.75rem; padding: 0 }
    .grtNow > ul.LstB > li { width: 100%; }
    /* .greetBox p.grtName span img { max-width: 2.75rem; } */

    /* 역대이사장 */
    .grtHis ul li { width: 100%; }

    /* 상담예약 */
    .stepBox ul li .box { padding: 0.5rem 0.5rem; gap: 0.75rem; }
    .stepBox ul li .box img { max-width: 1rem; }
    .stepBox ul li .box span,
    .stepBox ul li .box em { font-size: 0.8rem; }

    /* 캘린더 */
    .calWrap .calBox table thead tr th { padding: 0.35rem; font-size: 0.75rem; }
    .calWrap .calBox table tbody tr td { padding: 0.35rem; font-size: 0.7rem; }
    .calWrap .lst .timeSel .timeBox ul { gap: 0.45rem; }
    .calWrap .lst .timeSel .timeBox ul li { width: calc((100% - 1.35rem) / 4); }
    .calWrap .lst .timeSel .timeBox ul li span { padding: 0.35rem; font-size: 0.7rem; }

    /* 시설대관 */
    .crntn h3 { font-size:  1rem !important; line-height: 1.2rem !important; }
    .crntn ul.crnLst > li .img img { min-height: 9rem; }
    ul.state > li { font-size: 0.65rem; padding: 0.15rem 0.5rem; }
    .crntn ul.crnLst > li .txt { padding: 0.75rem 1rem; }
    .crntn ul.crnLst > li .lst > a { position: unset; margin-top: 0; width: 100%; border-radius: 0; }
    .crntn ul.crnLst > li .txt > .m_detail { padding: 0; }
    .crntn ul.crnLst > li .txt > p { font-size: 0.95rem; margin: 0.15rem 0 0.35rem; }
    .crntn .crntnlst .calWrap .calBox table tbody tr td.able a::before { width: 1.25rem; height: 1.25rem; }
    .crntn .crntnlst .lft .topSldr .control { height: 2rem; min-width: auto; }
    .crntn .crntnlst .lft .topSldr .control > span { font-size: 0.75rem; }
    /* .crntn .crntnlst .lft .topSldr .control > a { width: 1.25rem; height: 1.25rem; } */

    /* 대출금리 */
    .selMap .map { margin-top: 1.75rem; }
    .loan .titWrap .btns a { padding: 0.2rem 0.5rem; font-size: 0.7rem; }
    /* .selMap .map > a.chkAll { top: -1.75rem; padding: 0.2rem 0.5rem; font-size: 0.7rem; } */
    .selMap .map > ul > li.chk { transform: translateY(-2rem); }
    .selMap .map > ul > li a { font-size: 0.65rem !important; }
    .selMap .map > ul > li.chk a::before { background-size: 1.75rem !important; }
    .selMap .map > ul > li.chk.list12 a { padding-left: 0.35rem !important; }
    .selMap .map > ul > li.chk.list12 a::before { transform: translateX(calc(-50% + 0.175rem)) !important; } 
    .selMap .lctnLst .bankLst { padding: 1rem; margin-top: 0.5rem; }
    .selMap .lctnLst .bankLst ul li { width: 100%; }
    /* .selMap .lctnLst .lctnBox > .sellcnt > button { width: auto; padding: 0 0.5rem; font-size: 0.7rem; height: 1.4rem; } */
    .selMap .lctnLst .lctnBox > .sellcnt { padding: 0.5rem; }
    .selMap .lctnLst .lctnBox > .sellcnt > span { width: 1.35rem; height: 1.35rem; font-size: 0.9rem; }
    .selMap .lctnLst .lctnBox > .sellcnt > p { font-size: 0.85rem; }
    .selMap .map > ul > li.list11 { top: 52%; }
    .selMap .map > ul > li.list14 { left: 14.5%; top: 53.5%; }
    .selMap .map > ul > li.list15 { top: 55%; }
    .selMap .map > ul > li.list16 { left: 20.5%; top: 57.5%; }
    .selMap .map > ul > li.list17 { left: 13.5%; }
    .selMap .map > ul > li.list18 { left: 27%; top: 60%; }
    .selMap .map > ul > li.list20 { left: 42%; top: 56%; }
    .selMap .map > ul > li.list24 { left: 15%; top: 64.5%; }

    /* 본지점안내 */
    .selMap.typeB .lctnLst .lctnBox .btns a { width: 100%; }
    .brnchInfo .subPopBox { padding: 1rem 0.75rem 3rem; }
    .brnchInfo .subPopBox .btns { bottom: 0.5rem; width: 100%; gap: 0.35rem; }
    .brnchInfo .subPopBox .btns a { margin: 0; }

    /* 보증절차 */
    .subPopWrap.sub020105Pop .subPopBox  { width: calc(100% - 1.5rem); }
    .subPopWrap.sub020105Pop .subPopClose { height: 1.5rem; padding: 0 0.75rem; font-size: 0.7rem; }

    /* 0407 이용안내 */
    .useInfo ul li .img { width: 3.5rem; }

    /* 사전정보공표 */
    .sub0507 .tab_0507 { margin: 1rem 0; }
    .sub0507 .tab_0507 ul { gap: 0.5rem; }
    .sub0507 .tab_0507 li a { font-size: 0.75rem; padding: 0.35rem 0.5rem !important; }
    .sub0507 .tab_0507 li.on a span { padding-left: 1.1rem; }
    .sub0507 .tab_0507 li.on a span::before { font-size: 0.7rem; width: 0.85rem; height: 0.85rem; top: 0.15rem; }
}

@media (max-width: 360px) {
    /* 대출금리 */
    .selMap { padding: 1.25rem 0.75rem; }
    .selMap .lctnLst { padding: 0.75rem; }
    .selMap .map > ul > li a { font-size: 0.55rem !important; }
    .selMap .map > ul > li a::before { width: 0.2rem; height: 0.2rem; }
    .selMap .map > ul > li.chk a::before { background-size: 1.5rem !important; }
    .selMap .map > ul > li.chk { transform: translateY(-1.5rem); }
    .selMap .lctnLst .lctnBox > .sellcnt { flex-wrap: wrap; }
    /* .selMap .lctnLst .lctnBox > .sellcnt > button { width: 100%; margin-top: 0.35rem; } */
    .selMap .lctnLst .lctnBox > .sellcnt > p { font-size: 0.8rem; }
    .selMap .lctnLst .lctnBox > .sellcnt > span { width: 1.25rem; height: 1.25rem; font-size: 0.8rem; }
    .selMap .lctnLst .bankLst { padding: 0.75rem; }
    .selMap .lctnLst .bankLst.chkWrap ul { gap: 0.35rem; height: 9.05rem; }
    .selMap .lctnLst .bankLst.chkWrap label span { height: 2rem; }
    .selMap .lctnLst .bankLst.chkWrap label span img { height: 1.35rem; }
    .loan .rdoWrap.typeB label span { font-size: 0.7rem !important; }
}

/* @media print {
    .greetBox { padding: 0; }
    .greetBox > .img { position: unset; width: 100%; display: inline-flex; align-items: center; justify-content: center; }
    .greetBox > .img img { max-width: 50%; }
    .greetBox .grtTit,
    .greetBox .grtTxt { padding-right: 0; }
    .greetBox .grtTit { margin-left: 1rem; font-size: 1.5rem; margin-top: -1rem; }
    .greetBox .grtTxt { padding-left: 1rem; }
    .greetBox .grtTit br { display: none; }
} */