/* 콘테이너 */
.container { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0 1rem; max-width: 82rem; }

/* header */
/* header { transform: translateY(-100%); transition: 0.5s ease; background: #fff; border-bottom: 1px solid #a1bfe0; position: relative; z-index: 99; } */
header { background: #fff; border-bottom: 1px solid #a1bfe0; z-index: 99; width: 100%; }
header.mainHdLyt { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.26); border-bottom: 1px solid rgba(225,225,225,0.6); transition: 0.3s ease-in-out; }
header.mainHdLyt.fixed { top: -100%; } 

header.rvsScrl .container a.topLogo img.on { display: block !important; }
header.rvsScrl .container a.topLogo img.off { display: none !important; }
header.mainHdLyt.rvsScrl { background: #FFFFFF; }
header.mainHdLyt.rvsScrl .depth01 > ul > li > a,
header.mainHdLyt.rvsScrl .container a.srchBtn,
header.mainHdLyt.rvsScrl .container a.siteMapOpen { color: #141414 !important; }
header.mainHdLyt.rvsScrl .container .siteWrap .topUtill { background: #505D74; border-color: #505D74; }


header .container { display: flex; justify-content: space-between; position: relative; }
header .container a.topLogo { display: inline-flex; align-items: center; justify-content: center; width: 10rem; font-size: 0; line-height: 0; height: 4.25rem; }
header .container a.topLogo img { max-width: 100%; }
header .container a.topLogo img.on { display: block; }
header .container a.topLogo img.off { display: none; }

header.mainHdLyt .container a.topLogo img.off { display: block; }
header.mainHdLyt .container a.topLogo img.on { display: none; }

header.openMn .container a.topLogo img.on { display: block; }
header.openMn .container a.topLogo img.off { display: none; }

header .container .siteWrap {  height: 4.25rem; display: flex; align-items: center; justify-content: center; }
header .container .siteWrap .topUtill { display: flex; align-items: center; margin-right: 1.25rem; height: 1.8rem; border-radius: 4.5rem; padding: 0 1rem; background: #505D74; border-color: #505D74; } 

header.mainHdLyt .container .siteWrap .topUtill { border: 1px solid rgba(255, 255, 255, 0.6); background: transparent; }

header .container .siteWrap .topUtill li a { display: flex; align-items: center; color: #fff; font-weight: 600; font-size: 0.75rem; position: relative; line-height: 1.7rem; }
header .container .siteWrap .topUtill li + li a { margin-left: 0.5rem; padding-left: 0.5rem; }
header .container .siteWrap .topUtill li + li a::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); background-color: #Fff; width: 1px; height: 0.5rem; }

header .container .topSrch { position: relative; }

header .container .topSrch .srch { position: absolute; right: calc(100% + 0.25rem); top: 50%; transform: translateY(-50%); display: none; }
header .container .topSrch.open .srch { display: block; } 
header .container .topSrch .srch input { border-radius: 2rem; box-shadow: 0px 0px 6px rgba(0,0,0,0.18); border: 1px solid #333; height: 2rem; width: 11.5rem; line-height: 2rem; padding: 0 0.75rem; color: #666666; }
header .container a.srchBtn { display: inline-flex; align-items: center; justify-content: center;  border-radius: 0.75rem 0.25rem; color: #141414; width: 2rem; height: 2rem; font-size: 1.35rem; }
header.mainHdLyt .container a.srchBtn { color: #fff; }

header .container a.siteMapOpen { display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem 0.25rem; color: #141414; width: 2rem; height: 2rem; font-size: 1.35rem; margin-left: 0.75rem; }
header.mainHdLyt .container a.siteMapOpen { color: #fff; }
header .container a.siteMapOpen i { display: inline-block; line-height: 1; }
header #gnb { flex: 1; z-index: 99; height: 4.25rem; }
header .depth01 { padding: 0 2.5rem; }
header .depth01 > ul { display: flex; }
header .depth01 > ul > li { flex: 1; }
header .depth01 > ul > li > a { display: flex; align-items: center; justify-content: center; height: 4.25rem; color: #141414; font-size: 1rem; font-weight: 600; padding: 0 1rem; }
header.mainHdLyt .depth01 > ul > li > a { color: #fff; }

header .depth01 > ul > li > a > img,
header .depth02,
header .depth03,
header .easyOne,
header .FullDBox,
header .depth02 > a,
header .fullBg { display: none; }

    /* 원다운 && 원풀다운 */
    #gnb[class^='one'] .depth01 > ul > li.active > .depth02,
    #gnb[class^='oneDown'] .depth02 > ul > li.active > .depth03 { display: block; }

        /* 원풀다운 */
        /* #gnb.oneFull .depth01 > ul > li:first-child > .depth02 { display: none !important; }  */

        header.mainHdLyt.openMn { background: #FFFFFF; }
        header.mainHdLyt.openMn .depth01 > ul > li > a,
        header.mainHdLyt.openMn .container a.srchBtn,
        header.mainHdLyt.openMn .container a.siteMapOpen { color: #141414 !important; }
        header.mainHdLyt.openMn .container .siteWrap .topUtill { background: #505D74; border-color: #505D74; }
        #gnb.oneFull [class^="depth"] > ul > li > a { word-break: keep-all; }

        #gnb.oneFull .depth01 > ul > li > a { position: relative; }
        #gnb.oneFull .depth01 > ul > li > a::before { position: absolute; content: ""; width: 0%; bottom: 0; height: 0.25rem; left: 50%; transform: translateX(-50%); border-radius: 4.5rem 4.5rem 0 0; background: #003081; }
        #gnb.oneFull .depth02 { position: absolute; top: 100%; width: 100%; left: 0 !important; padding: 1.25rem 0 2.5rem 22.5rem; min-height: 22rem; }
        #gnb.oneFull .depth02::before { position: absolute; content: ""; width: 200vw; height: 100%; left: -100vw; background: #f9f9f9; z-index: -1; top: 0; border-top: 1px solid #9AA8C1; box-shadow: 0px 4px 4px rgba(0,0,0,0.15); }
        #gnb.oneFull .depth02 > ul { display: flex; flex-wrap: wrap; gap: 0.75rem 1.3rem; }
        #gnb.oneFull .depth02 > ul > li { width: calc((100% - 3.9rem) / 4); min-width: 0; }
        #gnb.oneFull .depth02 > ul > li > a { position: relative; display: flex; padding: 0.3rem 1rem; font-size: 0.9rem; font-weight: bold; }

        #gnb.oneFull .depth02 > ul > li > a[target="_blank"],
        #gnb.oneFull .depth03 > ul > li > a[target="_blank"] { padding-right: 1.75rem; }

        #gnb.oneFull .depth03 > ul > li > a[target="_blank"]::before,
        #gnb.oneFull .depth02 > ul > li > a[target="_blank"]::before { position: absolute; content: "\f0f4"; right: 0; top: 0; display: inline-flex; align-items: center; justify-content: center; font-family: 'remixicon'; font-weight: 400; }
        #gnb.oneFull .depth02 > ul > li > a[target="_blank"]::before { top: 0.33rem; right: 0.5rem; }
        #gnb.oneFull .depth03 > ul > li > a[target="_blank"]::before { top: 0.4rem; }

        #gnb.oneFull .depth03 { display: block; }
        #gnb.oneFull .depth03 > ul > li > a { position: relative; display: flex; padding: 0.3rem 1.15rem; }
        #gnb.oneFull .depth03 > ul > li > a > span { position: relative; padding-left: 0.6rem; }
        #gnb.oneFull .depth03 > ul > li > a > span::before { position: absolute; content: ""; border-radius: 50%; width: 0.2rem; height: 0.2rem; left: 0; top: 0.44rem; background: #33363D; }        
        /* header.openMn #gnb.oneFull .easyOne { display: block; } */
        #gnb.oneFull .depth02 > span { position: absolute; top: 1.5rem; left: 1rem; z-index: 1; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 2rem 0 2rem 0; background: #001840 url('/images/common/onefullBg.png')no-repeat right bottom; font-size: 2rem; font-weight: bold; text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.26); overflow: hidden; width: 19rem; height: 10rem; }
        /* #gnb.oneFull .easyOne > a { display: flex; position: relative; flex-direction: column; width: 19rem; }
        #gnb.oneFull .easyOne > a .img { display: flex; flex-direction: column; padding: 2.6rem 1rem 2.25rem; justify-content: center; border-radius: 2.25rem 0.25rem; background: #001840 url('/images/common/oneFullLeft.png')no-repeat center center; overflow: hidden; height: 12.25rem; color: #fff; flex-wrap: wrap; }
        #gnb.oneFull .easyOne > a .img > span { font-size: 1.8rem; font-family: 'SBAgroM'; font-weight: 300; display: block; text-align: center; line-height: 1.2; }
        #gnb.oneFull .easyOne > a .img > span > em { font-weight: bold; font-size: 1.75rem; display: block; font-family: 'Pretendard'; }
        #gnb.oneFull .easyOne > a .img > em { border-radius: 1.5rem; width: 6.5rem; height: 1.8rem; color: #fff; background: rgba(255,255,255,0.26); font-size: 0.75rem; display: inline-flex; align-items: center; justify-content: center; margin: 1.3rem auto 0; }
        #gnb.oneFull .easyOne > a .txt { margin-top: 1.45rem; padding-right: 2.5rem; } 
        #gnb.oneFull .easyOne > a .txt > span { font-size: 0.9rem; line-height: 1rem; font-weight: 600; }
        #gnb.oneFull .easyOne > a .txt > span > em { font-weight: bold; color: #00358F; }
        #gnb.oneFull .easyOne > a .txt > p { margin-top: 0.5rem; line-height: 1; }
        #gnb.oneFull .easyOne > a > span { position: absolute; bottom: 0; right: 0; border-radius: 50%; display: inline-flex; color: #fff; width: 2rem; height: 2rem; background: #F36D01; align-items: center; justify-content: center; } */
        /* 원풀다운 : action */
        #gnb.oneFull .depth01 > ul > li > a::before,
        #gnb.oneFull .depth02 > ul > li > a,
        #gnb.oneFull .depth03 > ul > li > a { transition: 0.2s; }
        #gnb.oneFull .depth01 > ul > li.active > a::before,
        #gnb.oneFull .depth01 > ul > li > a:hover::before,
        #gnb.oneFull .depth01 > ul > li > a:focus::before { width: 100%; }
        #gnb.oneFull .depth01 > ul > li > a:hover,
        #gnb.oneFull .depth01 > ul > li > a:focus { color: #00358F; font-weight: bold; }
        #gnb.oneFull .depth02 > ul > li.on > a,
        #gnb.oneFull .depth02 > ul > li > a:hover,
        #gnb.oneFull .depth02 > ul > li > a:focus { background: #233C67; color: #fff; }
        #gnb.oneFull .depth03 > ul > li > a:hover,
        #gnb.oneFull .depth03 > ul > li > a:focus { background: #E0ECFB; }

        /* 원다운 */
        #gnb.oneDown .depth01 > ul > li { position: relative; }
        #gnb.oneDown .depth02 { position: absolute; top: calc(100% - 2.5px); left: 0 !important; overflow: hidden; width: 100%; box-shadow: 0px 10px 13px rgba(217, 217, 217, 0.5); border-radius: 0 0 1.25rem 1.25rem; }
        #gnb.oneDown .depth02 > ul {  border: 1px solid #307FE2; border-top: 5px solid #307FE2; overflow: hidden; background: #fff; border-radius: 0 0 1.25rem 1.25rem; }
        #gnb.oneDown .depth02 > ul > li > a { position: relative; display: block; font-size: 0.9rem; font-weight: 500; padding: 0.6rem 1rem; color: #141414; border-top: 1px dashed rgba(0, 53, 143, 0.4); }
        #gnb.oneDown .depth02 > ul > li:first-child > a { border-top: none; }
        #gnb.oneDown .depth02 > ul > li.dep > a { padding-right: 2rem; }
        #gnb.oneDown .depth02 > ul > li.dep > a::before { position: absolute; content: "\ea4e"; display: inline-flex; align-items: center; justify-content: center; color: #141414; font-size: 1rem; right: 0.75rem; top: 0.75rem; width: 1rem; height: 1rem; font-family: 'remixicon'; }
        #gnb.oneDown .depth02 > ul > li.on > .depth03 { display: block; }
        #gnb.oneDown .depth03 > ul > li > a { position: relative; display: block; padding: 0.5rem 1rem; }
        #gnb.oneDown .depth03 > ul > li > a::before { position: absolute; content: ""; bottom: -1px; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed rgba(0, 53, 143, 0.4); }
        #gnb.oneDown .depth03 > ul > li:first-child > a { border-top: none !important; }
        #gnb.oneDown .depth03 > ul > li:last-child > a::before { display: none; }
        #gnb.oneDown .depth03 > ul > li > a > span { position: relative; padding-left: 0.5rem; display: inline-flex; }
        #gnb.oneDown .depth03 > ul > li > a > span::before { position: absolute; content: ""; border-radius: 50%; left: 0; top: 0.4rem; background: #00358F; width: 0.2rem; height: 0.2rem; }
        /* 원다운 : action */
        #gnb.oneDown .depth02 > ul > li > a { transition: 0.2s; }
        header.openMn #gnb.oneDown::before { position: absolute; content: ""; bottom: -1px; left: -100vw; width: 200vw; height: 1px; background: #307FE2; }
        #gnb.oneDown .depth02 > ul > li.on > a,
        #gnb.oneDown .depth02 > ul > li > a:hover,
        #gnb.oneDown .depth02 > ul > li > a:focus { background: #2B72CB; color: #fff; }
        #gnb.oneDown .depth02 > ul > li.on > a::before,
        #gnb.oneDown .depth02 > ul > li > a:hover::before,
        #gnb.oneDown .depth02 > ul > li > a:focus::before { display: none; }  
        #gnb.oneDown .depth01 > ul > li > a:hover,
        #gnb.oneDown .depth01 > ul > li > a:focus { color: #2B72CB; font-weight: bold; }
        #gnb.oneDown .depth03 > ul > li > a:hover,
        #gnb.oneDown .depth03 > ul > li > a:focus { background: #EAF2FC; color: #00358F; font-weight: 600; border-top: 1px solid #307FE2; }
        #gnb.oneDown .depth03 > ul > li > a:hover::before,
        #gnb.oneDown .depth03 > ul > li > a:focus::before { border-bottom: 1px solid #307FE2; display: block; }
    
    /* 풀다운 */
    header.openMn #gnb.fullDown .depth01 { height: 100vh; }
    header #gnb.fullDown .fullBg { padding: 23.25rem 0 4rem 0; }
    header.openMn #gnb.fullDown .fullBg { position: absolute; width: 200vw; background: #fff; left: -100vw; top: calc(5rem + 1px); z-index: -1; box-shadow: 0px 4px 4px rgba(0,0,0,0.15); display: block; }
    header.openMn #gnb.fullDown .FullDBox { display: flex; justify-content: space-between; gap: 3rem; height: 14.5rem; position: absolute; left: 0; top: 7.3rem; width: 100%; z-index: 1; background: #fff; }
    header.openMn #gnb.fullDown .FullDBox::before { position: absolute; content: ""; width: 100%; height: 1px; background: #D9E1EE; left: 0; bottom: -3.25rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBlft { width: calc(100% - 29rem); overflow: hidden; border-radius: 2rem 0.5rem; background: #245FAA url('/images/common/fullBg.png')no-repeat right bottom; padding: 2.3rem 3rem 2.1rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBlft > span { font-size: 2.7rem; color: #fff; display: block; text-shadow: 4px 4px 4px rgba(0, 32, 101, 0.25); }
    header.openMn #gnb.fullDown .FullDBox .fdBlft > span > em { font-weight: bold; } 
    header.openMn #gnb.fullDown .FullDBox .fdBlft > p { font-size: 1.5rem; display: block; color: #fff; text-shadow: 4px 4px 4px rgba(0, 32, 101, 0.45); line-height: 1.8rem; margin-top: 0.25rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBrgt { width: 26rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBrgt a { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 2rem 0.5rem; background: #000; overflow: hidden; height: 100%; }
    header.openMn #gnb.fullDown .FullDBox .fdBrgt a img { max-width: 100%; }
    header.openMn #gnb.fullDown .FullDBox .btnBox { display: flex; align-items: center; gap: 1rem; margin-top: 1.75rem; }
    header.openMn #gnb.fullDown .FullDBox .btnBox > a { display: inline-flex; align-items: center; justify-content: center; width: 9.3rem; height: 2.8rem; color: #fff; background: #163966; border-radius: 0.4rem; border: 1px solid transparent; font-size: 0.95rem; }

    header #gnb.fullDown .depth02 { position: absolute; left: 0; top: 5.05rem; padding: 23.25rem 0 4rem 0; width: 20%; padding: 23.25rem 0.975rem 4rem 0.975rem; display: none; }
    header.openMn #gnb.fullDown .depth02 { display: block; }
    
    header #gnb.fullDown .depth02 > a { display: flex; width: 100%; align-items: center; gap: 0.5rem; padding: 0.6rem 2.5rem 0.6rem 0.75rem; position: relative; font-size: 0.9rem; font-weight: 500; }
    header #gnb.fullDown .depth02 > a::before { position: absolute; content: "\ea4e"; right: 1.2rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; font-family: 'remixicon'; }
    header #gnb.fullDown .depth02 > ul { margin-top: 1rem; }
    header #gnb.fullDown .depth02 > ul > li > a { display: block; position: relative; font-size: 0.85rem; padding: 0.5rem 0.7rem; }
    header #gnb.fullDown .depth02 > ul > li.dep > a { padding-right: 2.5rem; }
    header #gnb.fullDown .depth02 > ul > li.dep > a::before { position: absolute; content: "\ea4e"; right: 1.2rem; top: 0.6rem; width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; font-family: 'remixicon'; }
    header #gnb.fullDown .depth02 > ul > li > a > span { position: relative; display: inline-flex; padding-left: 0.7rem; }
    header #gnb.fullDown .depth02 > ul > li > a > span::before { position: absolute; content: ""; border-radius: 50%; width: 0.2rem; height: 0.2rem; left: 0; top: 0.5rem; background: #33363D; }
    header #gnb.fullDown .depth02 > ul > li.dep.on > .depth03 { display: block; }
    header #gnb.fullDown .depth03 > ul > li > a { display: block; padding: 0.5rem 1.05rem 0.5rem; font-size: 0.75rem; color: #454545; position: relative; border: 1px solid transparent; border-radius: 0.3rem; font-weight: 500; }
    header #gnb.fullDown .depth03 > ul > li > a::before { position: absolute; content: "\ea6e"; display: inline-flex; align-items: center; justify-content: center; width: 0.8rem; height: 0.8rem; right: 1rem; top: 0.65rem; color: #00358F; font-weight: 400 !important; font-family: 'remixicon'; opacity: 0; visibility: hidden; }
    header #gnb.fullDown .depth03 > ul > li > a > span { position: relative; padding-left: 0.7rem; display: inline-flex; }
    header #gnb.fullDown .depth03 > ul > li > a > span::before { position: absolute; content: "";  width: 0.3rem; height: 0.1rem; left: 0; top: 0.5rem; background: #454545; }
    /* 풀다운 : action */
    header #gnb.fullDown .depth03 > ul > li > a,
    header #gnb.fullDown .depth03 > ul > li > a > span::before,
    header #gnb.fullDown .depth03 > ul > li > a::before,
    header #gnb.fullDown .depth02 > a,
    header #gnb.fullDown .depth02 > a::before,
    header #gnb.fullDown .depth02 > ul > li > a > span::before,
    header.openMn #gnb.fullDown .FullDBox .btnBox > a,
    header #gnb.fullDown .depth02 > ul > li.dep.on > a,
    header #gnb.fullDown .depth02 > ul > li.dep > a::before { transition: 0.2s; }
    header.openMn #gnb.fullDown .FullDBox .btnBox > a:hover,
    header.openMn #gnb.fullDown .FullDBox .btnBox > a:focus { background: #fff; border-color: #163966; color: #163966; }
    header.openMn #gnb.fullDown .depth02.fcsMn > a,
    header #gnb.fullDown .depth02 > a:hover,
    header #gnb.fullDown .depth02 > a:focus { background: #EAF2FC; color: #00358F; font-weight: 600; border-radius: 0.4rem; }
    header.openMn #gnb.fullDown .depth02.fcsMn > a::before,
    header #gnb.fullDown .depth02 > a:hover::before,
    header #gnb.fullDown .depth02 > a:focus::before { color: #00358F; font-weight: 400 !important; }
    header #gnb.fullDown .depth02 > ul > li.on > a,
    header #gnb.fullDown .depth02 > ul > li > a:hover,
    header #gnb.fullDown .depth02 > ul > li > a:focus { background: #F0F0F0; border-radius: 0.3rem; color: #00358F; font-weight: 600; }
    header #gnb.fullDown .depth02 > ul > li > a:hover > span::before,
    header #gnb.fullDown .depth02 > ul > li > a:focus > span::before { background: #00358F; }
    header #gnb.fullDown .depth02 > ul > li.dep.on > a::before,
    header #gnb.fullDown .depth02 > ul > li.dep > a:focus::before,
    header #gnb.fullDown .depth02 > ul > li.dep > a:hover::before { color: #00358F; font-weight: 400 !important; } 
    header #gnb.fullDown .depth02 > ul > li.dep.on > a::before { transform: rotate(180deg); }
    header #gnb.fullDown .depth03 > ul > li > a:hover,
    header #gnb.fullDown .depth03 > ul > li > a:focus { border: 1px solid #00358F; color: #00358F; padding-right: 2.5rem; }
    header #gnb.fullDown .depth03 > ul > li > a:hover > span::before,
    header #gnb.fullDown .depth03 > ul > li > a:focus > span::before { color: #00358F; }
    header #gnb.fullDown .depth03 > ul > li > a:hover::before,
    header #gnb.fullDown .depth03 > ul > li > a:focus::before { opacity: 1; visibility: visible; }

/* header : action */
.start header {transform: translateY(0);}
header.openMn::before { display: block; }

/* footer */
footer { background: #fafafa; padding: 1.5rem 0; border-top: 1px solid #dddddd; }
footer .ftTop { position: relative; width: 100%; display: flex; justify-content: space-between; }
footer .ftTop > ul { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1.25rem; min-height: 2.1rem; flex: 1; padding-right: 1rem; }
footer .ftTop > ul li a { display: block; color: #222222; font-size: 0.9rem; font-weight: 500; }
footer .ftTop .linkWrap { position: relative; width: 18rem; height: 2.4rem; }
footer .ftTop .linkWrap > a { display: flex; align-items: center; justify-content: space-between; background: #fff; font-size: 0.85rem; color: #454545; height: 100%; overflow: hidden; border-radius: 0.3rem; border: 1px solid #b2bbce; padding: 0 2.5rem 0 0.8rem; }
footer .ftTop .linkWrap > a > i { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; font-size: 1.25rem; } 
footer .ftTop .linkWrap > ul { display: flex; align-items: center; gap: 0.45rem; }
footer .ftTop .linkWrap > ul li a { display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; width: 2.1rem; height: 2.1rem; font-size: 1rem; }
footer .ftTop .linkWrap .linkLst { display: none; position: absolute; bottom: 100%; left: 0; width: 100%; z-index: 20; }
footer .ftTop .linkWrap .linkLst ul { background: #fff; border-radius: 0.3rem; border: 1px solid #b2bbce; border-bottom: none; } 
footer .ftTop .linkWrap .linkLst ul li a { font-size: 0.85rem; display: block; padding: 0.5rem 0.8rem; border-bottom: 1px solid #b2bbce; color: #454545; }
footer .ftTop .linkWrap .linkLst ul li a:hover,
footer .ftTop .linkWrap .linkLst ul li a:focus { text-decoration: underline; }
footer .ftTop .linkWrap .linkLst ul li:last-child a { border-bottom: none; }
footer .ftBot { margin-top: 1rem; width: 100%; }
footer .ftBot > p { font-weight: 500; display: block; color: #222222; }
footer .ftBot > p.copyRight { color: #666666; font-weight: 400; }
footer .ftBot .imgBox { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 1rem; }
footer .ftBot .imgBox > p { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
footer .container { position: relative; }
footer .btnTop { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(to right, #404b5e 0%, #232d3d 100%); font-size: 1.25rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; position: absolute; right: -5rem; top: -3.1rem; }
/* footer : action */
footer .ftTop > ul li a:hover,
footer .ftTop > ul li a:focus { font-weight: bold; color: #2660C3; }

/* 서브레이아웃 */
#subWrap { padding: 0 0 5rem; min-height: 30rem; border-bottom: 1px solid #dcdcdc; padding-top: 4.3rem !important; transition: 0.3s ease-in-out; }
#subWrap.totalSrch { padding-top: 0 !important; }
/* .subScroll #subWrap { padding-top: 0 !important; } */
#subWrap .container { max-width: 82rem; justify-content: space-between; }
/* #subWrap .container .subContent { width: calc(100% - 20rem); } */
#subWrap .container .subContent { width: 100%; }
#subWrap .subHeader { margin-top: 3.5rem; margin-bottom: 1.3rem; padding-bottom: 3.5rem; text-align: center; position: relative; }
/* #subWrap .subHeader::before { position: absolute; content: ""; height: 1px; width: 100vw; left: calc((100vw - 80rem) / -2); border-bottom: 1px solid #00358F; bottom: 0; } */
#subWrap .subHeader > h2 { font-size: 1.9rem; font-weight: bold; color: #333; } 
#subWrap .subHeader > h2 > span { position: relative; padding-bottom: 1.3rem; }

#subWrap .subHeader > h2 > span:before { position: absolute; position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 5px; background:  #F36D01; }

#subWrap .subTit { display: flex; justify-content: end; flex-wrap: wrap; align-items: center; }
#subWrap .subTit > ul { display: flex; align-items: center; gap: 0.25rem 1.05rem; flex-wrap: wrap; padding-top: 0.5rem; width: calc(100% - 6.5rem); margin-right: 1rem; }
#subWrap .subTit > ul > li { position: relative; color: #595959; line-height: 0.95rem; }
#subWrap .subTit > ul > li:first-child > span { padding-left: 0; color: #595959; line-height: 0.95rem; }
#subWrap .subTit > ul > li::before {position: absolute;content: "\ea6e";font-family: 'remixicon';right: -0.95rem;top: 0; height: 0.95rem; display: inline-flex;align-items: center;justify-content: center;}
#subWrap .subTit > ul > li:last-child:before { display: none !important; }
#subWrap .subTit > ul > li:last-child span { text-decoration: underline; font-weight: 500; text-underline-offset: 0.2em; }
#subWrap .content_manager + .siteSatisfaction { margin-top: 0 !important; border-top: none !important; } 
#subWrap .content_manager { border: 1px solid #DADADA; padding: 0.95rem 1.5rem; margin-top: 2.5rem; background: #F9F9F9; font-size: 0.85rem; }
#subWrap .content_manager ul { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 4rem; } 
#subWrap .content_manager ul + ul { margin-top: 0.25rem; }
#subWrap .content_manager ul li { display: flex; align-items: center; color: #141414; }
#subWrap .content_manager ul li strong { font-weight: 600; display: inline-flex; align-items: center; }
#subWrap .content_manager ul li strong i { font-weight: 400 !important; margin-right: 0.3rem; font-size: 0.9rem; }
#subWrap .siteSatisfaction { margin-top: 2.5rem; background: #fff;  padding: 1.1rem 1.5rem; border: 1px solid #dadada; }  
#subWrap .siteSatisfaction > p { font-size: 0.85rem; font-weight: 400; display: flex; align-items: center; position: relative; color: #141414; }
#subWrap .siteSatisfaction > p.bu_atte { margin-top: 1rem; font-size: 0.85rem; padding-left: 1.15rem; }
#subWrap .siteSatisfaction > p img { position: absolute; left: 0; top: 0; }
#subWrap .siteSatisfaction > .rdoWrap { margin-top: 0.8rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background: #F6F6F6; padding: 0.6rem 0.75rem; border: 1px solid #E0E0E0; }
#subWrap .siteSatisfaction > .rdoWrap ul { display: flex; align-items: center; flex-wrap: wrap; flex: 1; gap: 0.5rem 1rem; }  
#subWrap .siteSatisfaction > .rdoWrap ul > li { width: 5.65rem; }
#subWrap .siteSatisfaction > .rdoWrap .ssfBtn { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #595959; padding: 0.4rem 0.7rem; }

/* lnb */
/* .lnb { width: 16rem; }
.lnb .lnbTit { position: relative; width: 100%; height: 8.7rem; border-radius: 1.25rem 1.25rem 0 0; padding: 2.25rem 1rem 2.25rem; display: inline-flex; justify-content: center; font-weight: 600; font-size: 1.5rem; color: #fff; background: linear-gradient(to right, #245FAA, #03306B) }
.lnb .lnbTit span { overflow: hidden; display: block; }
.lnb .lnbTit::before { position: absolute; content: ""; background: url('/images/common/subTit.png') no-repeat; left: 0; top: 0; width: 100%; height: 100%; }
.lnb .ldepth01 { position: relative; margin-top: -2.25rem; background: #fff; border-radius: 1rem; padding: 1.5rem 1.25rem; border: 1px solid #DADADA; }
.lnb .ldepth02 { display: none; padding: 0.65rem 0.75rem; background: #F5F5F5; border-radius: 0.5rem; }
.lnb .ldepth01 > ul > li + li { margin-top: 0.8rem; }
.lnb .ldepth01 > ul > li > a { display: block; position: relative; font-size: 0.85rem; font-weight: 600; color: #262626; padding: 0 0 0.8rem 0; border-bottom: 1px solid #DADADA; line-height: 1.4rem; }
.lnb .ldepth01 > ul > li.dep > a { padding-right: 2.5rem; }
.lnb .ldepth01 > ul > li.dep > a::before { position: absolute; content: "\ea4e"; font-size: 0.8rem; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; background: #F0F0F0; border-radius: 0.4rem; font-family: 'remixicon'; right: 0; top: 0; font-weight: 400; transition: 0.3s; }
.lnb .ldepth01 > ul > li.dep.on > a,
.lnb .ldepth01 > ul > li:last-child > a { border-bottom: none; }
.lnb .ldepth01 > ul > li.dep.on > a::before { background: #233C67; color: #fff; transform: rotate(180deg); } 
.lnb .ldepth02 > ul > li + li { margin-top: 0.25rem; }
.lnb .ldepth02 > ul > li > a { position: relative; display: block; padding: 0.25rem 0  0.25rem 0.6rem; line-height: 1.2rem; color: #262626; transition: 0.2s; }
.lnb .ldepth02 > ul > li > a::before { position: absolute; content: ""; width: 0.2rem; height: 0.2rem; left: 0; top: 0.75rem; border-radius: 50%; background: #BFBFBF; transition: 0.2s; }
.lnb .ldepth02 > ul > li.actv > a,
.lnb .ldepth02 > ul > li > a:hover,
.lnb .ldepth02 > ul > li > a:focus { border-radius: 0.4rem; background: #307FE2; color: #fff; padding-left: 1.1rem; }  
.lnb .ldepth02 > ul > li.actv > a::before,
.lnb .ldepth02 > ul > li > a:hover::before,
.lnb .ldepth02 > ul > li > a:focus::before { left: 0.5rem; background: #fff; }
.lnb .ldepth01 > ul > li > a[target="_blank"],
.lnb .ldepth02 > ul > li > a[target="_blank"] { padding-right: 2.5rem; }
.lnb .ldepth01 > ul > li > a[target="_blank"]::after,
.lnb .ldepth02 > ul > li > a[target="_blank"]::after { position: absolute; content: "\f0f4"; right: 0.25rem; top: 0; display: inline-flex; align-items: center; justify-content: center; font-family: 'remixicon'; font-weight: 400; }
.lnb .ldepth01 > ul > li > a[target="_blank"]::after { top: 0; }
.lnb .ldepth02 > ul > li > a[target="_blank"]::after { top: 0.23rem; }
.lnb .ldepth01 > ul > li.on > a:not(.lnb .ldepth01 > ul > li.dep.on > a) { color: #0a3f8b; font-weight: bold; }
.lnb .ldepth01 > ul > li.on > a,
.lnb .ldepth01 > ul > li > a:hover,
.lnb .ldepth01 > ul > li > a:focus { color: #233C67; } */

/* lnb (상단메뉴) */
.lnb { width: 100%; margin-top: -1.75rem; display: flex; height: 3.5rem; position: relative; background: #fff; z-index: 11; padding-left: 3.5rem; }
.lnb::before,
.lnb::after { position: absolute; content: ""; width: 100%; height: 1px; background: #D9D9D9; left: 0; }
.lnb::before { top: 0; }
.lnb::after { bottom: 0; }
.lnb > a { display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; color: #fff; background: linear-gradient(to right bottom, #2A65C9 30%, #00358F 100%); font-size: 1.2rem; font-weight: 400; position: absolute; left: 0; top: 0; }
.lnb [class^="ldepth"] { width: 16.5rem; z-index: 1; }
.lnb .ldepth01 { position: relative; }
.lnb .ldepth02,
.lnb .ldepth03 { left: 100%; position: absolute; top: 0; }
.lnb [class^="ldepth"] > ul { display: flex; align-items: center; flex-direction: column; }
.lnb [class^="ldepth"] > a { display: flex; align-items: center; padding: 1.2rem 2.25rem 1.2rem 0.75rem; height: 3.5rem; font-size: 0.9rem; font-weight: 500; color: #454545; border-right: 1px solid #d9d9d9; position: relative; word-break: keep-all; }
.lnb [class^="ldepth"] > a::before { position: absolute; content: "\ea4e"; font-family: 'remixicon'; right: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 1.2rem; }
.lnb [class^="ldepth"] > ul { width: calc(100% + 1px); margin-left: -1px; }
.lnb .ldepth01 > ul { margin-left: 0; width: 100%; }
.lnb [class^="ldepth"] > ul > li { width: 100%; }
.lnb [class^="ldepth"] > ul > li > a { display: none; height: 3.5rem; width: 100%; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;; align-items: center; padding: 1.2rem 0.75rem; background: #F2F2F2; font-size: 0.9rem; font-weight: 500; word-break: keep-all; position: relative; }

.lnb [class^="ldepth"] > ul > li > a[target="_blank"] { padding-right: 1.75rem; }
.lnb [class^="ldepth"] > ul > li > a[target="_blank"]::before { position: absolute; content: "\f0f4"; right: 0.5rem; top: 0.95rem; font-size: 1rem; font-family: 'remixicon'; }


.lnb [class^="ldepth"].actv > ul > li.active > a { background: #D9E1EE; font-weight: bold; }
.lnb [class^="ldepth"].actv > ul > li > a:hover,
.lnb [class^="ldepth"].actv > ul > li > a:focus { background: #00358F !important; color: #fff !important; }
.lnb [class^="ldepth"].actv > ul > li > a { display: flex; }
.lnb .utilBox { position: absolute; right: 0; top: 0; }
.lnb .utilBox > ul { display: flex; width: 7rem; position: relative; }
.lnb .utilBox > ul > li > button { display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; background: #fff; font-size: 1.1rem; color: #454545; padding: 0 !important; border-left: 1px solid #D9D9D9; }
.lnb .utilBox > ul > li.print > button { border-right: 1px solid #D9D9D9; } 
.lnb .utilBox > ul > li.sns { position: relative; }
.lnb .utilBox > ul > li.sns .subTopSns { position: absolute; left: 0; top: 100%; display: none; width: 100%; }
.lnb .utilBox > ul > li.sns.on .subTopSns { display: block; z-index: 10; }
.lnb .utilBox > ul > li.sns .subTopSns ul { display: flex; flex-direction: column; gap: 0.3rem; width: 100%; background: #F2F2F2; padding: 0.75rem 0.35rem; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); }
.lnb .utilBox > ul > li.sns .subTopSns ul li { width: 100%; }
.lnb .utilBox > ul > li.sns .subTopSns ul li a { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 1.75rem; height: 1.75rem; font-size: 0; line-height: 0; margin: 0 auto; }
.lnb .utilBox > ul > li.sns .subTopSns ul li a img { object-fit: cover; }
.lnb .utilBox > ul > li.sns > button i.open { display: none; } 
.lnb .utilBox > ul > li.sns > button i.close { display: block; } 
.lnb .utilBox > ul > li.sns.on > button i.open { display: block; } 
.lnb .utilBox > ul > li.sns.on > button i.close { display: none; } 
.lnb .utilBox > ul > li.sns.on > button,
.lnb .utilBox > ul > li > button:hover,
.lnb .utilBox > ul > li > button:focus { background: #3B3B3B; border-color: #233C67; color: #fff; font-size: 1.25rem; }

/* 서브비주얼 */
.subvisual { position: relative; height: 15rem; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.subvisual > img { font-size: 0; line-height: 0; }
.subvisual .MainTit { position: absolute; left: 50%; transform: translateX(-50%); top: 5rem; color: #fff; font-weight: 700; font-size: 2.3rem; }

/* AI 검색 */
.schAiWrap { position: fixed; left: 0; top: 0; width: 100vw; height: 100%; background: rgba(0,0,0,0.4); display: none; z-index: 107; }
.schAiWrap.active { display: block; }
.schAiWrap *::-webkit-scrollbar { width: 8px; border-radius: 1.5rem; }
.schAiWrap *::-webkit-scrollbar-thumb { border-radius: 1.5rem; background: #9BA6BC; }
.schAiWrap *::-webkit-scrollbar-track { border-radius: 1.5rem; background: #C5CFE3; }
.schAiWrap h2.topTit { font-size: 0.8rem; font-weight: bold; display: none; }
.schAiWrap .schAiBox { position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); width: 80rem; border-radius: 1.75rem; box-shadow: 0px 0px 30px rgba(22,69,130,0.16); background: #f0f0f0; display: flex; flex-wrap: wrap; padding: 1.5rem; }
.schAiWrap .schAiBox .titWrap { position: relative; width: 100%; padding: 2rem 8.5rem 2rem 2.5rem; background: linear-gradient(to right, #1c0865, #0b021d);
 border-radius: 1.25rem; overflow: hidden; } 
.schAiWrap .schAiBox .titWrap::before { position: absolute; content: ""; background: url('/images/common/AiTitBg.png') no-repeat center center; right: 0; top: 50%; transform: translateY(-50%); width: 62rem; height: 8.2rem; }
.schAiWrap .schAiBox .titWrap > span { font-size: 1.2rem; font-weight: 700;   background: linear-gradient(to right, #5eead4, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.schAiWrap .schAiBox .titWrap > p { color: #fff; font-size: 1.6rem; font-weight: 500; margin-top: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.schAiWrap .schAiBox .titWrap .titLogo { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; border-radius: 50%; width: 5.2rem; height: 5.2rem; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); background: #0B021D; }
.schAiWrap .schAiBox .titWrap .titLogo .orbBox { width: 5.7rem; height: 5.7rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; flex-direction: column; }
.schAiWrap .schAiBox .titWrap .titLogo .orbBox .orb {  width: 9.7rem; height: 9.7rem;  pointer-events: none; opacity: 0.7; mix-blend-mode: screen; animation: rotateOrb 5s linear infinite, hueShift 5s linear infinite; object-fit: cover;  }

.orb1 { animation-duration: 25s, 12s; animation-direction: normal, normal; }
.orb2 { animation-duration: 30s, 10s; animation-direction: reverse, reverse; }
.orb3 { animation-duration: 35s, 15s; animation-direction: normal, reverse; }
.orb4 { animation-duration: 40s, 20s; animation-direction: reverse, normal; }
.orb5 { animation-duration: 45s, 17s; animation-direction: normal, normal; }
.orb6 { animation-duration: 50s, 14s; animation-direction: reverse, reverse; }
.orb7 { animation-duration: 60s, 18s; animation-direction: normal, reverse; }

@keyframes rotateOrb {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes hueShift {
  0%   { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

.schAiWrap .schAiBox .schMain { display: flex; flex-wrap: wrap; width: 100%; margin-top: 2rem; }
.schAiWrap .schAiBox .lft { position: relative; width: 50rem; background: #fff; height: 22rem; border-radius: 1.25rem; padding: 1.5rem; }
.schAiWrap .schAiBox .lft .chatBox { position: relative; height: 100%; color: #454545; overflow: hidden; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch.done { display: none; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch > p { color: #114281; font-size: 1.1rem; font-weight: 700; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch > ul { display: flex; flex-direction: column; width: 20rem; gap: 0.6rem; margin-top: 0.6rem; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch > ul li { width: 100%; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch > ul li a { width: 100%; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 2.5rem; border: 1px solid #d9d9d9; color: #454545; font-size: 0.75rem; height: 2rem; line-height: 1.9rem; padding: 0 1rem; }
.schAiWrap .schAiBox .lft .chatBox .rcmdSch > ul li a:hover,
.schAiWrap .schAiBox .lft .chatBox .rcmdSch > ul li a:focus { font-weight: 700; border-color: #163966; }

.schAiWrap .schAiBox .lft .chatBox .loadBox.stop { display: none; }
.schAiWrap .schAiBox .lft .chatBox .loadBox { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 1rem 0; }
.schAiWrap .schAiBox .lft .chatBox .loadBox .txt { text-align: center; }
.schAiWrap .schAiBox .lft .chatBox .loadBox .txt .spinner { display: inline-flex; align-items: center; justify-content: center; width: 3.3rem; height: 3.3rem; position: relative; border-radius: 50%; z-index: 1; background: #fff; }
.schAiWrap .schAiBox .lft .chatBox .loadBox .txt .spinner > img { animation: rotateY 6s infinite ease-in-out; }

@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  33% {
    transform: rotateY(360deg);
  }
  66% {
    transform: rotateY(720deg);
  }
  100% {
    transform: rotateY(720deg); 
  }
}

.schAiWrap .schAiBox .lft .chatBox .loadBox .txt .spinner::before { position: absolute; content: ""; width: calc(100% + 0.2rem); height: calc(100% + 0.2rem); left: 50%; top: 50%; transform: translate(-50%, -50%); background: linear-gradient(to right bottom, #A78BFA, #5EEAD4); z-index: -1; border-radius: 50%; animation: rotateInfinite 3s linear infinite; }

@keyframes rotateInfinite {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.schAiWrap .schAiBox .lft .chatBox .loadBox .txt .spinner::after { position: absolute; content: ""; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; z-index: -1; }
.schAiWrap .schAiBox .lft .chatBox .loadBox .txt > p { margin-top: 0.75rem; display: block; color: #595959; font-size: 1rem; font-weight: 700; }
.schAiWrap .schAiBox .lft .chatBox .box .anserTit { display: flex; align-items: center; }
.schAiWrap .schAiBox .lft .chatBox .box .anserTit > span { color: #fff; display: inline-flex; align-items: center; justify-content: center; background: #163966; font-weight: 600; border-radius: 4.5rem;height: 1.7rem; padding: 0 1rem; }
.schAiWrap .schAiBox .lft .chatBox .box .anserTit > em { color: #333333; font-weight: 700; position: relative; padding-left: 0.65rem; margin-left: 0.75rem; }
.schAiWrap .schAiBox .lft .chatBox .box .anserTit > em::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 0.3rem; height: 0.3rem; background: #114281; }
.schAiWrap .schAiBox .lft .chatBox .box { position: relative; height: 100%; }
.schAiWrap .schAiBox .lft .chatBox .box p.answer { font-size: 0.75rem; font-weight: 500; margin-top: 0.75rem; color: #454545; overflow: hidden; overflow-y: auto; max-height: 11.3rem; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox { position: absolute; bottom: 0; left: 0; width: 100%; background: #F0F5FF; border-radius: 0.4rem; padding: 0.9rem 1.1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox .txt { flex: 1; padding-right: 1rem; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox .txt span { color: #163966; font-size: 0.75rem; font-weight: 700; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox .txt p { font-weight: 400; color: #163966; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a { display: inline-flex; align-items: center; gap: 0.5rem; color: #163966; font-size: 1rem; font-weight: 600; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a em { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #163966; width: 1.3rem; height: 1.3rem; }
.schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a em i { font-weight: 400; }
.schAiWrap .schAiBox .rgt { width: calc(100% - 50rem); padding-left: 1.5rem; }
.schAiWrap .schAiBox .rgt .rgtBox { position: relative; }
.schAiWrap .schAiBox .rgt .rgtBox + .rgtBox { margin-top: 1.5rem; }


.schAiWrap .schAiBox .rgt .rgtBox .lst ul li.ready { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0; }

.schAiWrap .schAiBox .rgt .rgtBox > button { position: absolute; right: 0; top: 0; width: auto; height: 1.75rem; color: #fff; border-radius: 1.5rem; background: #7C8BA9; display: inline-flex; align-items: center; justify-content: center; padding: 0 1rem; font-size: 0.75rem; font-weight: 500; }
.schAiWrap .schAiBox .rgt h3 { font-size: 1.1rem; font-weight: bold; color: #114281; display: block; line-height: 1.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5rem 0 1.3rem; width: 100%; position: relative; }
.schAiWrap .schAiBox .rgt h3 img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 1.05rem; }
.schAiWrap .schAiBox .rgt .lst { position: relative; background: #fff; border-radius: 1rem; border: 1px solid #D8DFEE; padding: 1.5rem; margin-top: 0.75rem; height: 7.75rem; } 
.schAiWrap .schAiBox .rgt .lst ul { height: 100%; overflow-y: auto; padding-right: 0.15rem; }
.schAiWrap .schAiBox .rgt .lst ul::-webkit-scrollbar { width: 6px; }
.schAiWrap .schAiBox .rgt .lst li { position: relative; padding-right: 2.15rem; }
.schAiWrap .schAiBox .rgt .lst li + li { margin-top: 1rem; }
.schAiWrap .schAiBox .rgt .lst li a { position: relative; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.8rem; padding-left:2.3rem; font-size: 0.75rem; font-weight: 500; }
.schAiWrap .schAiBox .rgt .lst li a span { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; background: #F0F5FF; border-radius: 50%; } 
.schAiWrap .schAiBox .rgt .lst li a span > img { max-width: 1rem; }
.schAiWrap .schAiBox .rgt .lst li button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 0.95rem; height: 0.95rem; color: #fff; background: #7C8BA9; border-radius: 50%; }
.schAiWrap .schAiBox .schWrap { display: flex; align-items: center; gap: 0 0.6rem; width: 100%; margin-top: 1.3rem; flex-wrap: wrap; }
.schAiWrap .schAiBox .schWrap .schIntp { border: 2px solid #307FE2; border-radius: 1.5rem; background: #fff; height: 3rem; width: calc(100% - 3.6rem); position: relative; padding-right: 4rem; }
.schAiWrap .schAiBox .schWrap .schIntp input { width: 100%; padding: 0 1.5rem; color: #666666; border: none; height: 100%; background: transparent; }
.schAiWrap .schAiBox .schWrap .schIntp button { position: absolute; right: 0.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 2rem; height: 2rem; background: #E5EEFF; top: 50%; transform: translateY(-50%); }
.schAiWrap .schAiBox .schWrap .schBtn { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; color: #fff; border-radius: 1.5rem; background: #307FE2; }
.schAiWrap .schAiBox .schWrap .schBtn i { font-size: 1.35rem; font-weight: 400; }
.schAiWrap .schAiBox p.txt { font-size: 0.75rem; display: block; width: 100%; font-weight: 500; margin-top: 0.75rem; color: #595959; }
.schAiWrap .schAiBox .aiClose { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #307FE2; width: 7.5rem; height: 2.5rem; position: absolute; bottom: calc(100% + 0.75rem); right: 0; border-radius: 1.5rem; font-size: 1.2rem; font-size: 1rem; font-weight: 600;  font-family: "pretendard"; }

.schAiWrap .schAiBox .lft .chatBox .errorPop { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #F0F0F0; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); border-radius: 1rem; width: 29.3rem; height: 13.8rem; display: none; flex-direction: column; justify-content: center; align-items: center; }
.schAiWrap .schAiBox .lft .chatBox .errorPop.active { display: flex; } 
.schAiWrap .schAiBox .lft .chatBox .errorPop p { font-size: 1rem; color: #141414; }
.schAiWrap .schAiBox .lft .chatBox .errorPop .btns { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }
.schAiWrap .schAiBox .lft .chatBox .errorPop .btns a { display: inline-flex; align-items: center; justify-content: center; color: #fff; height: 2.4rem; padding: 0 0.8rem; font-size: 0.9rem; font-weight: 500; }
.schAiWrap .schAiBox .lft .chatBox .errorPop .btns a.gototalSrch { background: #163966; }
.schAiWrap .schAiBox .lft .chatBox .errorPop .btns a.closeErPop { background: #595959; }

/* 통합검색 */
#subWrap.totalSrch { padding: 0; }
.totalSrch .container { max-width: 100% !important; padding: 0 !important; width: 100% !important; }
.totalSrch .container .subContent { width: 100% !important; }
.topLyt { position: relative; background: linear-gradient(to right, #0a3f8b 28%, #307FE2 100%); padding: 1.75rem 2.5rem 2.75rem; height: auto; text-align: center; z-index: 1; }
.topLyt::before { position: absolute; content: ""; background: url('/images/common/srchTopLft.png')no-repeat center bottom; width: 56.2rem; height:14rem; left: -10rem; top: 0; z-index: -1; }
.topLyt::after { position: absolute; content: ""; background: url('/images/common/srchTopRgt.png')no-repeat center bottom; height: 100%; width: 24.3rem; right: 0; bottom: 0; z-index: -1; }
.topLyt .goMain { display: inline-flex; align-items: center; justify-content: space-between; border: 1px solid #fff; border-radius: 3rem; padding: 0 0.75rem; height: 1.95rem; position: absolute; top: 1.75rem; right: 2.5rem; z-index: 1; color: #fff; font-weight: 500; gap: 1rem; }
.topLyt .goMain i { font-weight: 400; }
.topLyt .titWrap { display: flex; align-items: center; justify-content: center; gap: 0.8rem; }
.topLyt .titWrap img { font-size: 0; line-height: 0; }
.topLyt .titWrap span { font-size: 1.7rem; font-weight: 600; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); color: #fff; display: flex; align-items: center; }

.topLyt .ttlWrap { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.2rem auto 0.8rem; width: 55rem; }

.topLyt .ttlSrch { width: 44.75rem; position: relative; height: 4rem; border-radius: 3rem; }
.topLyt .ttlSrch input { width: 100%; border-radius: 3rem; padding: 0 4rem 0 8.95rem; height: 100%; color: #666666; margin: 0; font-size: 0.9rem; }
.topLyt .ttlSrch select { position: absolute; left: 0; width: 7.95rem; top: 0; height: 100%; min-width: auto; border-radius: 3rem; border: none; padding: 0 1rem 0 1.75rem; font-size: 1.1rem; font-weight: 600; color: #444; background: url('/images/common/sel_arrow2.png')no-repeat right 0.25rem center; }
.topLyt .ttlSrch button { position: absolute; right: 0.5rem; top: 0.5rem; width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(to bottom right, #0846ae 21%, #4592f3 100%); border-radius: 50%; font-size: 1.2rem; }
.topLyt .ttlWrap a.openDetail { display: inline-flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 4.5rem; height: 4rem; flex: 1; color: #fff; font-weight: 600; font-size: 1.1rem; gap: 0.6rem; width: 9.25rem; }
.topLyt .ttlWrap a.openDetail i { font-weight: 400; font-size: 1.3rem; }

.topLyt .rcmdTxt { display: flex; width: 100%; padding: 0 1.7rem; justify-content: start; margin: 0 auto; gap: 1rem; color: #fff; }
.topLyt .rcmdTxt span { font-size: 1.1rem; font-weight: 700; } 
.topLyt .rcmdTxt ul { display: flex; align-items: center; flex-wrap: wrap; gap: 0.6rem; flex: 1; }
.topLyt .rcmdTxt ul li a { height: 1.8rem; font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.7rem; border: 1px solid #fff; border-radius: 0.2rem; }
.botLyt { width: 100%; max-width: 83rem; padding: 0 1rem; margin: 0 auto; }
.botLyt .titWrap { color: #444444; font-size: 1.2rem; text-align: center; padding: 2rem 0; border-bottom: 1px dashed #AAAFB7; }
.botLyt .titWrap span { color: #00358F; font-weight: 600; }
.botLyt .srchBody { padding: 2rem 0 4rem; display: flex; flex-wrap: wrap; width: 100%; }
.botLyt .srchBody .lft { width: 17rem; }
.botLyt .srchBody .lft .box { width: 17rem; border-radius: 1rem; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 1.5rem; background: #F4F4F4; }

.botLyt .srchBody .lft span.tit { display: block; font-size: 1.1rem; color: #141414; font-weight: 700; }
.botLyt .srchBody .lft span.tit ~ span.tit { padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px dashed #AAAFB7; }
.botLyt .srchBody .lft .list_ol2,
.botLyt .srchBody .lft .srchTxtLst { margin-top: 0.75rem; } 
.botLyt .srchBody .lft .srchTxtLst { display: flex; flex-direction: column; gap: 0.65rem; }
.botLyt .srchBody .lft .srchTxtLst li { position: relative; padding: 0 0 0 0.4rem; display: flex; align-items: center; gap: 0.4rem; line-height: 1.05rem; }
.botLyt .srchBody .lft .srchTxtLst li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 0.2rem; height: 1px; background: #333; }
.botLyt .srchBody .lft .srchTxtLst li button { border-radius: 50%; color: #444444; background: #EDEDED; width: 0.8rem; height: 0.8rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; }
.botLyt .srchBody .lft .srchTxtLst li a { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; display: inline-block; max-width: calc(100% - 0.8rem); font-size: 0.9rem; color: #666; }
.botLyt .srchBody .rgt { width: calc(100% - 17rem); padding-left: 4rem; }
.botLyt .srchBody .rgt .tab_st1 { margin-bottom: 1.5rem; }

.botLyt .srchBody .rgt .tab_st1 ul li a { font-size: 1rem; padding: 1.15rem 0.75rem !important; }
.botLyt .srchBody .rgt .tab_st1 ul li a span { position: relative; }
.botLyt .srchBody .rgt .tab_st1 ul li a span::before { position: absolute; content: "\eb79"; left: 0; top: 0.1rem; color: #fff; font-size: 1.35rem; display: none; font-family: 'remixicon'; font-weight: 400; line-height: 1; }

.botLyt .srchBody .rgt .tab_st1 ul li.on a span { position: relative; padding-left: 1.85rem; }
.botLyt .srchBody .rgt .tab_st1 ul li.on a span::before { display: block; }

.botLyt .srchBody .rgt .srchRst .top { display: flex; align-items: center; justify-content: space-between; }
.botLyt .srchBody .rgt .srchRst .top span { flex: 1; color: #141414; font-size: 1.3rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 1rem; }
.botLyt .srchBody .rgt .srchRst .top span em { color:  #F36D01; }
.botLyt .srchBody .rgt .rstMore { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; width: 1.8rem; height: 1.8rem; background: #233C67; font-size: 0.9rem; position: relative; z-index: 1; }

.botLyt .srchBody .rgt .rstMore::before { position: absolute; content: ""; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); background: #233c67; border-radius: 0.35rem; z-index: -1; }

.botLyt .srchBody .rgt .srchRst + .srchRst{ margin-top: 1.5rem; }
.botLyt .srchBody .rgt .srchRst .bot em.keyword { color:  #F36D01; }
.botLyt .srchBody .rgt .srchRst .bot { margin-top: 1.35rem; padding-top: 1rem; padding: 1.5rem 0.5rem; border-top: 1px dashed #C9C9C9; } 
.botLyt .srchBody .rgt .srchRst .bot p.no_data { display: flex; align-items: center; justify-content: center; width: 100%; color: #666666; font-size: 0.9rem; position: relative; gap: 0.3rem; line-height: 1; }
.botLyt .srchBody .rgt .srchRst.menu .bot { display: flex; flex-direction: column; gap: 0.25rem; }
.botLyt .srchBody .rgt .srchRst.menu .bot > a { display: flex; align-items: center; flex-wrap: wrap; color: #333333; font-size: 0.9rem; }
.botLyt .srchBody .rgt .srchRst.cont .bot > ul { display: flex; flex-direction: column; gap: 1.5rem; }
.botLyt .srchBody .rgt .srchRst.cont .bot > ul > li > a > p { color: #454545; font-size: 0.85rem; }
.botLyt .srchBody .rgt .srchRst.cont .bot > ul > li > a:hover > p,
.botLyt .srchBody .rgt .srchRst.cont .bot > ul > li > a:focus > p { text-decoration: underline; }
.botLyt .srchBody .rgt .srchRst.cont .bot > ul > li > a > ul { display: flex; flex-wrap: wrap; gap: 0.5rem 1.15rem; align-items: center; line-height: 1.05rem; margin-top: 0.75rem; }
.botLyt .srchBody .rgt .srchRst.cont .bot > ul > li > a > ul > li { color: #666666; position: relative; }
.botLyt .srchBody .rgt .srchRst.cont .bot > ul > li > a > ul > li + li::before { position: absolute; content: ">"; font-size: 0.8rem; color: #666; top: 0.1rem; left: -0.75rem; line-height: 1; }
.botLyt .srchBody .rgt .srchRst.file .bot ul,
.botLyt .srchBody .rgt .srchRst.lst .bot ul { display: flex; flex-direction: column; gap: 1.5rem; color: #666666; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a { display: block; width: 100%; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a { background: #F4F4F4; border-radius: 0.6rem; border: 1px solid #d9d9d9; padding: 1rem; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a p.file { display: inline-block; position: relative; padding: 0 1.8rem 0 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #454545; font-size: 1rem; line-height: 1.3rem; max-width: 100%; font-weight: bold; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a p.file i { font-weight: 400; }
.botLyt .srchBody .rgt .srchRst.cont .bot ul li a > p { display: block; position: relative; padding: 0 0 0 1.2rem; }
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a p.Tit { display: inline-block; position: relative; padding: 0 0 0 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333333; font-size: 1rem; line-height: 1.3rem; max-width: 100%; font-weight: bold; }
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a p.Tit i { font-weight: 400; }
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a:hover p.Tit,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a:focus p.Tit,
.botLyt .srchBody .rgt .srchRst.file .bot ul li a:hover p.file,
.botLyt .srchBody .rgt .srchRst.file .bot ul li a:focus p.file { text-decoration: underline; }
.botLyt .srchBody .rgt .srchRst.cont .bot ul li a > p > i,
.botLyt .srchBody .rgt .srchRst.file .bot ul li a p.file > i,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a p.Tit > i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a p.file > em { display: inline-flex; align-items: center; justify-content: center; background: #AAAFB7; color: #fff; width: 1.3rem; height: 1.3rem; border-radius: 0.2rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0.75rem; border-radius: 0.2rem; font-weight: 400; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a p.txt,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a p.txt { color: #666666; display: block; font-size: 0.95rem; font-weight: 500; margin: 0.25rem 0 0.75rem; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a .info,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info { display: flex; align-items: center; flex-wrap: wrap; color: #666666; } 
.botLyt .srchBody .rgt .srchRst.file .bot ul li a .info > p,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info > p { padding-right: 0.5rem; position: relative; color: #666666; font-size: 0.8rem; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a .info > span.date,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info > span.date { position: relative; padding-left: 0.5rem; }
.botLyt .srchBody .rgt .srchRst.file .bot ul li a .info > span.date::before,
.botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info > span.date::before { position: absolute; content: ""; width: 1px; height: 0.6rem; background: #bbb; left: 0; top: 0.21rem; } 

.topLyt .ttlWrap .srchDetailLst { background: #fafafa; border-radius: 1.75rem; padding: 1.75rem; width: 100%; display: none; flex-direction: column; gap: 1.05rem; }
.topLyt .ttlWrap .srchDetailLst.actv { display: flex; }
.topLyt .ttlWrap .srchDetailLst .detailbox { position: relative; display: flex; align-items: center; flex-wrap: wrap; padding-left: 8rem; min-height: 2.5rem; }
.topLyt .ttlWrap .srchDetailLst .detailbox > span { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 0.35rem; background: #454545; font-size: 0.95rem; font-weight: 600; width: 8rem; height: 2.5rem; }

.topLyt .ttlWrap .srchDetailLst .detailbox .Lst { display: flex; flex-wrap: wrap; width: 100%; margin-left: 1.25rem; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .rdoWrap { flex: 1; display: flex; align-items: center; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .rdoWrap ul { display: flex; align-items: center; flex-wrap: wrap; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .rdoWrap ul li label { font-weight: 400; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox { display: flex; align-items: center; width: 22.5rem;  }

.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input[type="date"] { flex: 1; min-width: auto; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox > em { margin: 0 0.5rem; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox > button { display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 0.3rem; background:  #F36D01; width: 2.4rem; height: 2.4rem; margin-left: 0.4rem; }

.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input { margin: 0 !important; height: 2.5rem; }
.topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input[type="text"] { width: 100%; min-width: auto; }
.topLyt .ttlWrap .srchDetailLst .btns { margin-top: 0.45rem; padding-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.75rem; border-top: 1px dashed #AAAFB7; justify-content: center; } 

.topLyt .ttlWrap .srchDetailLst .btns a { display: inline-flex; align-items: center; justify-content: center; height: 2.4rem; color: #fff; font-size: 0.9rem; font-weight: 500; padding: 0 1rem; border-radius: 0.3rem; }

.topLyt .ttlWrap .srchDetailLst .btns a.goAct { background: #233C67; }
.topLyt .ttlWrap .srchDetailLst .btns a.goReset { background:  #F36D01; }
.topLyt .ttlWrap .srchDetailLst .btns a.goClose { background: #F0F0F0; border: 1px solid #595959; color: #595959; }

/*** 보증신청 팝업 ***/
.intro_Pop.active { display: block; }
.intro_Pop { position: fixed; width: 100vw; height: 100%; background: rgba(12,44,102,0.94); top: 0; left: 0; z-index: 999; display: none; overflow-y: auto; } 
.intro_Pop .popWrap { width: 86.5rem; margin: 4.16vw auto 2rem; padding: 0 1rem; }
.intro_Pop .popWrap .popTit { display: flex; flex-direction: column; color: #fff; text-align: center; }
.intro_Pop .popWrap .popTit span { font-size: 2.5rem; font-weight: 800; display: block; }
.intro_Pop .popWrap .popTit p { line-height: 1.3rem; font-size: 1rem; display: block; margin-top: 0.5rem; color: #fff; }
.intro_Pop .popWrap .popLst { margin-top: 6vw; display: flex; gap: 2rem; flex-wrap: wrap; position: relative; }
.intro_Pop .popWrap .popLst .popBox { flex: 1; max-width: 60rem; margin: 0 auto; }
.intro_Pop .popWrap .popLst .popBox:first-child { background: #F0F5FF; border-radius: 1.5rem; overflow: hidden; }
.intro_Pop .popWrap .popLst .popBox:nth-child(2) { background: #DEF3ED; border-radius: 1.5rem; overflow: hidden; }
.intro_Pop .popWrap .popLst .popBox .titWrap { border-radius: 1.5rem 1.5rem 0 0; padding: 1.5rem 2rem 1rem; position: relative; overflow: hidden; color: #fff; }
.intro_Pop .popWrap .popLst .popBox:first-child .titWrap { background: #2074FF url('/images/template/T0001/intro/popTitImg01.png')no-repeat right top; }
.intro_Pop .popWrap .popLst .popBox:nth-child(2) .titWrap { background: #189074 url('/images/template/T0001/intro/popTitImg02.png')no-repeat right top; }
.intro_Pop .popWrap .popLst .popBox .titWrap > span { display: block; font-weight: bold; font-size: 1.3rem; }
.intro_Pop .popWrap .popLst .popBox .titWrap > ul { display: flex; align-items: start; justify-content: start; gap: 0.25rem; margin-top: 0.5rem; flex-wrap: wrap; }
.intro_Pop .popWrap .popLst .popBox .titWrap > ul li { position: relative; padding-left: 0.5rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intro_Pop .popWrap .popLst .popBox .titWrap > ul li::before { position: absolute; content: ""; width: 0.2rem; height: 0.2rem; left: 0; top: 0.45rem; background: #fff; }
.intro_Pop .popWrap .popLst .popBox > ul { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; padding: 2rem 2.5rem; }
.intro_Pop .popWrap .popLst .popBox > ul li { width: calc((100% - 2.5rem) / 2); } 
.intro_Pop .popWrap .popLst .popBox > ul li a {position: relative;background: #fff;display: flex;flex-direction: column;border-radius: 1rem;overflow: hidden;padding: 2.5rem 1.5rem;}
.intro_Pop .popWrap .popLst .popBox > ul li a::before { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 1rem; background: transparent; border: 5px solid #2074ff; opacity: 0; visibility: hidden; left: 0; top: 0; }
.intro_Pop .popWrap .popLst .popBox:nth-child(2) > ul li a::before { border-color: #189074; }
.intro_Pop .popWrap .popLst .popBox > ul li a .img { display: inline-flex; align-items: end; justify-content: center; margin: 0 auto; border-radius: 50%; background: #F0F5FF; width: 10rem; height: 10rem; overflow: hidden; }
.intro_Pop .popWrap .popLst .popBox:nth-child(2) > ul li a .img { background: #DEF3ED; }
.intro_Pop .popWrap .popLst .popBox > ul li a .img img { max-width: 10rem; }
.intro_Pop .popWrap .popLst .popBox > ul li a .txt {text-align: center;margin: 1rem 0 1.5rem;} 
.intro_Pop .popWrap .popLst .popBox > ul li a .txt span { color: #111111; font-size: 1rem; font-weight: 600; display: block; height: 1.5rem; line-height: 1.5rem; }
.intro_Pop .popWrap .popLst .popBox > ul li a .txt p { line-height: 1.2rem; font-size: 0.9rem; font-weight: 500; color: #555555; margin-top: 0.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.intro_Pop .popWrap .popLst .popBox > ul li a > span { border-radius: 0.3rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; font-size: 0.85rem; background: #555959; width: 100%; height: 2.4rem; line-height: 1.2rem; }
.intro_Pop .popClose { display: flex; align-items: center; justify-content: center; padding: 0.5rem 1rem; border-radius: 0.5rem; color: #121212;  font-size: 0.95rem; background: #fff; position: absolute; right: 0; bottom: calc(100% + 2.35rem); gap: 1rem; font-weight: 600; }
/* .intro_Pop .popClose::before { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 50%; background: rgba(255,255,255,0.1); animation: pump 2s ease-in-out infinite; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); } */

.intro_Pop .popClose > i { display: inline-flex; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #fff; align-items: center; justify-content: center; border: 1px solid #555959; font-weight: 400; display: none !important; }

@keyframes pump {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0;
  }
}
/*** 사용자별 보증신청 팝업 : active ***/
.intro_Pop .popWrap .popLst .popBox > ul li a > span,
.intro_Pop .popWrap .popLst .popBox > ul li a::before { transition: 0.2s; }
.intro_Pop .popWrap .popLst .popBox > ul li a:hover > span,
.intro_Pop .popWrap .popLst .popBox > ul li a:focus > span { color: #fff; background: #2074FF; }
.intro_Pop .popWrap .popLst .popBox:nth-child(2) > ul li a:hover > span,
.intro_Pop .popWrap .popLst .popBox:nth-child(2) > ul li a:focus > span { background: #189074 !important; }
.intro_Pop .popWrap .popLst .popBox > ul li a:hover::before,
.intro_Pop .popWrap .popLst .popBox > ul li a:focus::before { opacity: 1; visibility: visible; }

/*** 반응형 ***/
@media (min-width : 1241px) {
    /* 사이트맵 */
    .siteMapWrap { position: fixed; top: -100%; left: 0; background: #fff; z-index: 106; width: 100vw; height: 100vh; }
    .siteMapWrap .mUtilMn,
    .siteMapWrap .mbAisrch,
    .siteMapWrap .logState { display: none; }  
    .siteMapWrap .container { position: relative; height: 100%; }
    .siteMapWrap .container > img { position: absolute; bottom: 0; left: -5.5rem; z-index: -1; opacity: 0; transition: 0.3s ease-in-out; }
    .siteMapWrap.active .container > img { opacity: 1;  transition-delay: 0.4s; }
    .siteMapWrap.active { top: 0; }
    .siteMapWrap .titWrap { display: flex; align-items: center; justify-content: space-between; width: 100%;  padding-right: 3rem; height: 5rem; }
    .siteMapWrap .titWrap > p { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
    .siteMapWrap .titWrap > p .mblL { display: none; }
    .siteMapWrap a.siteMapClose { display: inline-flex; align-items: center; justify-content: center; background: #0a3f8b; border-radius: 0.75rem 0.25rem; color: #fff; width: 2.9rem; height: 2.95rem; font-size: 1.2rem; position: absolute; top: 1.025rem; right: 1rem; }
    .siteMapWrap a.siteMapClose i { display: inline-block; line-height: 1; }
    .siteMapWrap a.siteMapClose i.ri-close-line { display: none; }
    .siteMapWrap .siteDep01 { margin-top: 0; width: 100%; height: calc(100% - 8rem); }
    .siteMapWrap .siteDep01 > ul { display: flex; gap: 2rem; height: calc(100% - 4rem); overflow-y: auto; padding-right: 1rem; }
    .siteMapWrap .siteDep01 > ul > li { flex: 1; min-width: 0; }
    .siteMapWrap .siteDep01 > ul > li > a { position: relative; display: block; font-size: 1.3rem; font-weight: bold; border-bottom: 3px solid #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 1rem 0; color: #141414; }
    .siteMapWrap .siteDep01 > ul > li .siteDep02 { margin-top: 1rem; padding: 0 0.8rem; }
    .siteMapWrap .siteDep02 > ul > li > a { display: block; font-size: 1rem; padding: 0.55rem 0 0.55rem 0.9rem; position: relative; color: #233C67; font-weight: bold; word-break: keep-all; }

  .siteMapWrap .siteDep02 > ul > li > a span { position: relative; } 

    /* .siteMapWrap .siteDep02 > ul > li > a::before { position: absolute; content: ""; border-radius: 50%; width: 0.2rem; height: 0.2rem; left: 0; top: 1.15rem; background: #33363D; } */
    .siteMapWrap .siteDep02 > ul > li > a span:before,
    .siteMapWrap .siteDep02 > ul > li > a span:after { position: absolute; content: ""; border-radius: 50%; width: 0.35rem; height: 0.35rem; }
    .siteMapWrap .siteDep02 > ul > li > a span:before { background: #233C67; left: -0.6rem; top: 0.4rem; opacity: 0.3; }
    .siteMapWrap .siteDep02 > ul > li > a span:after { background: #233C67; left: -0.85rem; top: 0.4rem; }
    .siteMapWrap .siteDep03 { padding: 0 0.2rem; }
    .siteMapWrap .siteDep03 > ul > li > a { display: block; font-size: 0.9rem; position: relative; padding: 0.5rem 0 0.5rem 0.75rem; color: #454545; word-break: keep-all; }
    .siteMapWrap .siteDep03 > ul > li > a::before { position: absolute; content: ""; width: 0.3rem; height: 0.1rem; left: 0; top: 1.15rem; background: #454545; }

    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"],
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"] { padding-right: 1.75rem; }
    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"]::after,
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"]::after { position: absolute; content: "\f0f4"; right: 0.5rem; top: 0.5rem; display: inline-flex; align-items: center; justify-content: center; font-family: 'remixicon'; font-weight: 400; left: auto; font-size: 1rem; }

    /* 사이트맵 : action */
    .siteMapWrap .siteDep02 > ul > li > a:hover,
    .siteMapWrap .siteDep02 > ul > li > a:focus { color: #00358F; }
    .siteMapWrap .siteDep02 > ul > li > a:hover::before,
    .siteMapWrap .siteDep02 > ul > li > a:focus::before { background: #00358F; }
}

@media (max-width: 1920px) {
    /* footer */
    footer .btnTop { right: -3rem; width: 2.5rem; height: 2.5rem; font-size: 1rem; }
}

@media (max-width: 1860px) {
    /* footer */
    footer .btnTop { right: -2rem; }
}

@media (max-width: 1740px) {
  /* footer */
  footer .btnTop { right: 1rem; top: -3rem; }

  /*** 보증신청 팝업 ***/
  .intro_Pop .popWrap { width: 100%; }
  .intro_Pop .popWrap .popLst .popBox > ul { padding: 2rem 1.5rem; }
  .intro_Pop .popWrap .popLst .popBox .titWrap { padding: 1.5rem 1.5rem 1rem; }
}

@media (max-width: 1640px) {
    /* header */
    header { transform: none; }

  /*** 보증신청 팝업 ***/
  .intro_Pop .popWrap .popLst .popBox:first-child { width: 50rem; }
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) { width: calc(100% - 52rem); }
  /* .intro_Pop .popClose { width: 2.75rem; height: 2.75rem; } */

    /* 컨테이너 */
    .container { max-width: 100%; width: 100%; }

    /* 원풀다운 */
    #gnb.oneFull .depth02 > span { left: 1rem; top: 2rem; width: 17rem; font-size: 1.5rem; }
    #gnb.oneFull .depth02 { padding: 2rem 0 2rem 19.5rem; }

    /* 원다운 */
    #gnb.oneDown .depth02 > ul > li > a { font-size: 0.85rem; }

    /* 풀다운 */
    header.openMn #gnb.fullDown .FullDBox { width: calc(100% - 2rem); left: 1rem; height: 12.5rem; gap: 2rem; top: 7rem; }
    header.openMn #gnb.fullDown .FullDBox::before { bottom: -2rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBlft { padding: 1.5rem 2.5rem; width: calc(100% - 22rem); }
    header.openMn #gnb.fullDown .FullDBox .btnBox { margin-top: 1.25rem; }
    header.openMn #gnb.fullDown .FullDBox .btnBox > a { height: 2.5rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBlft > span { font-size: 2.35rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBlft > p { font-size: 1.3rem; line-height: 1.5rem; }
    header.openMn #gnb.fullDown .FullDBox .fdBrgt { width: 20rem; }
    header #gnb.fullDown .fullBg { padding: 18rem 0 3rem 0; }
    header #gnb.fullDown .depth02 { padding: 18rem 0.975rem 3rem 0.975rem; }
    header #gnb.fullDown .depth02 > ul { margin-top: 0.5rem; }

    /* 서브레이아웃 */
    #subWrap .subHeader::before { left: -1rem; width: calc(100% + 2rem); }

    /* AI 검색 */
    .schAiWrap .schAiBox { width: calc(100% - 2rem); }
}

@media (max-width: 1580px) {
    /* AI 검색 */
    .schAiWrap .schAiBox .lft { width: 45rem; }
    .schAiWrap .schAiBox .rgt { width: calc(100% - 45rem); }

    .botLyt .srchBody .rgt .tab_st1 ul li a { font-size: 0.9rem; padding: 1rem 0.75rem !important; }
    .botLyt .srchBody .rgt .tab_st1 ul li a span::before { font-size: 1.2rem; top: 0.07rem; }
    .botLyt .srchBody .rgt .tab_st1 ul li.on a span { padding-left: 1.5rem; }
}

@media (max-width: 1440px) {
    header .depth01 { padding: 0 1rem; }

    /*** 보증신청 팝업 ***/
   .intro_pop { width: 100%; }
   .intro_Pop .popWrap .popLst { margin-top: 2rem; }
  .intro_Pop .popWrap .popLst .popBox:first-child { width: 100%; }
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) { width: calc(100% / 3); }

    /* 서브레이아웃 */ 
    #subWrap .container .subContent { width: 100%; }
    /* #subWrap .subHeader { margin-top: 0; } */

    /* lnb */
    .lnb [class^="ldepth"] { width: 12.5rem; }

    /* AI 검색 */
    .schAiWrap .schAiBox .lft { width: 40rem; }
    .schAiWrap .schAiBox .rgt { width: calc(100% - 40rem); padding-left: 1rem; }
    .schAiWrap .schAiBox .lft .chatBox .box p.answer { max-height: 10rem; } 
}

@media (max-width: 1380px) {
  header .depth01 > ul > li > a { font-size: 0.9rem; }
  #gnb.oneFull .depth02 > ul > li > a { font-size: 0.85rem; }
  header .container .siteWrap .topUtill { margin-right: 1rem; }
  header .container .siteWrap .topUtill li a { font-size: 0.7rem; }
}

@media (max-width: 1240px) {
    header.mainHdLyt { position: absolute; }
    header.mainHdLyt.fixed { top: 0; } 

  /*** 보증신청 팝업 ***/
  .intro_Pop .popWrap { width: 100%; }
  .intro_Pop .popWrap .popLst .popBox > ul { gap: 1.5rem; justify-content: start; }
  .intro_Pop .popWrap .popLst .popBox > ul li { width: calc((100% - 1.5rem) / 2); }
  .intro_Pop .popWrap .popLst .popBox,
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) { width: calc(100% / 2); width: 100% !important; flex: none !important; }

    /* 사이트맵 */
    body.darkBg::before { position: absolute; content: ""; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); z-index: 101; }
    .siteMapWrap { position: fixed; top: 0; right: -100%; height: 100vh; z-index: 106; background: #fff; width: 90%; }
    .siteMapWrap .container { position: relative; z-index: 1; height: 100%; width: 100%; padding: 0; }
    .siteMapWrap .container > img { display: none; }
    .siteMapWrap.active { right: 0; }
    /* .siteMapWrap .goSvr { display: inline-flex; width: calc(100% - 2rem); align-items: center; background: #fff; padding: 1rem; border-radius: 0.75rem; font-size: 0.9rem; font-weight: 600; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% - 1rem); padding-right: 3rem; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.04); }  
    .siteMapWrap .goSvr::before { position: absolute; content: "\ecaf"; font-family: 'remixicon'; right: 1rem; top: 50%; transform: translateY(-50%); font-weight: 400; font-size: 1.1rem; } */

    .siteMapWrap .logState { z-index: 2; position: absolute; right: 5rem; top: 0.45rem; }
    .siteMapWrap .logState::before { position: absolute; content: ""; width: 1px; height: 1rem; background: rgba(255,255,255,0.2); right: -0.5rem; top: 50%; transform: translateY(-50%); }
    .siteMapWrap .logState > button { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; font-size: 1.75rem; color: #fff; padding: 0 !important; }
    .siteMapWrap .logState > .mbLogout { display: none; }
    .siteMapWrap .logState.chk > .mbLogout { display: inline-flex; }
    .siteMapWrap .logState.chk > .mbLog { display: none; }

    .siteMapWrap .mbAisrch { width: calc(100% - 2rem); position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% - 1rem); height: 3.25rem; }
    .siteMapWrap .mbAisrch input { width: 100%; height: 100%; border-radius: 0.5rem; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); border: none !important; padding: 0 3.5rem 0 1.5rem; }
    .siteMapWrap .mbAisrch > button { position: absolute; top: 50%; transform: translateY(-50%); right: 0.35rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.5rem; color: #fff; font-size: 1.35rem; background: linear-gradient(to right bottom, #f58219 30%, #ed7201 58%, #db6201 85%); width: 2.5rem; height: 2.5rem; }
    .siteMapWrap .mbAisrch label.placeholder { position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; color: #454545; display: inline-flex; align-items: center; gap: 0.3rem; max-width: calc(100% - 5.75rem); }
    .siteMapWrap .mbAisrch label.placeholder > span { font-weight: 700; }

    .siteMapWrap .mbAisrch label.placeholder:after { content: ""; display: inline-block; width: 1px; height: 1em; background: #000; margin-left: 2px; animation: blink 0.7s infinite; }
    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }
    .siteMapWrap .mbAisrch input:focus + label.placeholder,
    .siteMapWrap .mbAisrch input:not(:placeholder-shown) + label.placeholder { opacity: 0; visibility: hidden; }
    
    .siteMapWrap .siteDep02,
    .siteMapWrap .siteDep03 { display: none; }
    .siteMapWrap .siteDep01 > ul > li.on > .siteDep02 { display: block; }
    .siteMapWrap .titWrap { position: relative; display: flex; align-items: center; padding: 0.75rem 1rem 2rem 1rem; width: 100%; height: 5rem; background: #002A72; border-radius: 0 0 1rem 1rem; z-index: 1; }
    .siteMapWrap .titWrap p { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
    .siteMapWrap .titWrap > p .webL { display: none; }
    .siteMapWrap .titWrap > p .mblL { display: block; max-width: 10rem; }
    .siteMapWrap a.siteMapClose { position: absolute; right: 1rem; top: 0.45rem; width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 2.3rem; z-index: 2; } 
    .siteMapWrap a.siteMapClose i.ri-menu-line { display: none; }
    .siteMapWrap a.siteMapClose i.ri-close-line { display: inline-block; line-height: 1; }
    .siteMapWrap .siteDep01 { position: relative; width: 100%; height: calc(100% - 4rem); margin-top: -1rem; background: #F4F6FF; padding: 5rem 0 0 1rem; }
    .siteMapWrap .siteDep01 > ul { height: 100%; position: relative; padding: 1rem 0; }
    .siteMapWrap .siteDep01 > ul::before { position: absolute; content: ""; background: #fff; right: 0; top: 0; border-radius: 2rem 0 0 0; width: calc(100% - 12rem); height: 100%; box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08); }
    .siteMapWrap .siteDep01 > ul > li > a { display: block; width: 12rem; border-radius: 4.5rem; color: #333333; font-size: 1rem; padding: 0.75rem 1rem; position: relative; z-index: 1; }
    .siteMapWrap .siteDep01 > ul > li > a::before { position: absolute; content: ""; width: 0; height: 100%; border-radius: 4.5rem; left: 0; top: 0; background: linear-gradient(to right, #307FE2, #1A467C); z-index: -1; }
    .siteMapWrap .siteDep01 > ul > li > a > span { position: relative; display: inline-flex; }
    .siteMapWrap .siteDep01 > ul > li > a > span::before { position: absolute; content: "\eb79"; color: #fff; font-weight: 400; left: 0; top: 0.2rem; font-size: 1rem; font-family: 'remixicon'; opacity: 0; visibility: hidden; line-height: 1; }
    .siteMapWrap .siteDep02 { position: absolute; top: 0; left: 12rem; width: calc(100% - 12rem); padding: 1rem 1rem 0 3rem; height: 100%; }
    .siteMapWrap .siteDep02 > ul { overflow-y: auto; }
    .siteMapWrap .siteDep02 > ul > li > a { display: block; position: relative; padding: 0.75rem 1rem; color: #666666; font-size: 1rem; border-bottom: 0.5px solid #D9D9D9; }
    .siteMapWrap .siteDep02 > ul > li.dep > a { padding-right: 3rem; }
    .siteMapWrap .siteDep02 > ul > li.dep > a::before { position: absolute; content: "\ea4e"; font-family: 'remixicon'; right: 1rem; top: 0.8rem; font-size: 1.35rem; font-weight: 400; line-height: 1; }
    .siteMapWrap .siteDep03 { border-bottom: 1px solid #BFBFBF; padding: 0.75rem 1rem; }
    .siteMapWrap .siteDep03 > ul > li > a { display: block; position: relative; font-size: 0.9rem; color: #595959; padding: 0.5rem 0.75rem; }
    .siteMapWrap .siteDep03 > ul > li > a::before { position: absolute; content: ""; left: 0; top: 1rem; border-radius: 50%; width: 3px; height: 3px; background: #666666; }

    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"],
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"] { padding-right: 3rem; }
    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"]::after,
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"]::after { position: absolute; content: "\f0f4"; right: 1.15rem; top: 0; display: inline-flex; align-items: center; justify-content: center; font-family: 'remixicon'; font-weight: 400; }
    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"]::after { top: 0.75rem; }
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"]::after { top: 0.5rem; }

    .siteMapWrap.active .mUtilMn { display: none !important; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 2; background: #2B323A; border-radius: 1.5rem 1.5rem 0 0; padding: 1.5rem 1rem 1.25rem; }
    .siteMapWrap .mUtilMn > ul { display: flex; }
    .siteMapWrap .mUtilMn > ul > li { flex: 1; }
    .siteMapWrap .mUtilMn > ul > li > a {display: flex; flex-direction: column; color: #fff; align-items: center; justify-content: center; font-size: 0.9rem; }
    .siteMapWrap .mUtilMn > ul > li > a p { display: inline-flex; align-items: center; justify-content: center; font-size: 1.75rem; color: #fff !important; }
    .siteMapWrap .mUtilMn > ul > li > a span { margin-top: 0.25rem; text-align: center; display: block; } 
    /* 사이트맵 : action */
    .siteMapWrap .siteDep03 > ul > li > a,
    .siteMapWrap .siteDep03 > ul > li > a::before,
    .siteMapWrap .siteDep02 > ul > li > a,
    .siteMapWrap .siteDep02 > ul > li.dep > a::before,
    .siteMapWrap .siteDep01 > ul > li > a > span,
    .siteMapWrap .siteDep01 > ul > li > a > span::before,
    .siteMapWrap .siteDep01 > ul > li > a,
    .siteMapWrap .siteDep01 > ul > li > a::before { transition: 0.2s, color 0s; }
    .siteMapWrap .siteDep01 > ul > li.on > a,
    .siteMapWrap .siteDep01 > ul > li > a:hover,
    .siteMapWrap .siteDep01 > ul > li > a:focus { color: #fff; font-weight: 600; }
    .siteMapWrap .siteDep01 > ul > li.on > a::before,
    .siteMapWrap .siteDep01 > ul > li > a:hover::before,
    .siteMapWrap .siteDep01 > ul > li > a:focus::before { width: calc(100% + 0.9rem); }
    .siteMapWrap .siteDep01 > ul > li.on > a > span,
    .siteMapWrap .siteDep01 > ul > li > a:hover > span,
    .siteMapWrap .siteDep01 > ul > li > a:focus > span { padding-left: 1.5rem; } 
    .siteMapWrap .siteDep01 > ul > li.on > a > span::before,
    .siteMapWrap .siteDep01 > ul > li > a:hover > span::before,
    .siteMapWrap .siteDep01 > ul > li > a:focus > span::before { opacity: 1; visibility: visible; }
    .siteMapWrap .siteDep02 > ul > li.on > a,
    .siteMapWrap .siteDep02 > ul > li > a:hover,
    .siteMapWrap .siteDep02 > ul > li > a:focus { border-color: #00358F; color: #00358F; font-weight: 600; }
    .siteMapWrap .siteDep02 > ul > li.dep.on > a::before { transform: rotate(180deg); color: #00358F; }
    .siteMapWrap .siteDep03 > ul > li > a:hover,
    .siteMapWrap .siteDep03 > ul > li > a:focus { font-weight: 600; color: #000000; }
    .siteMapWrap .siteDep03 > ul > li > a:hover:before,
    .siteMapWrap .siteDep03 > ul > li > a:focus:before { background: #307FE2; }

    /* 통합검색 */
    .botLyt .srchBody .lft { display: none; }
    .botLyt .srchBody .rgt { width: 100%; padding-left: 0; }
    .botLyt .srchBody .rgt .srchRst.file .bot ul li a .info > span.date::before,
    .botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info > span.date::before { top: 0.32rem; }

    /* header */
    header .container .siteWrap .topUtill,
    header #gnb { display: none; }
    header #gnb,
    header .container a.topLogo,
    header .container .siteWrap { height: 100%; height: 3.5rem; }

    /* footer */
    footer .ftTop { padding-right: 0; }

    /* 서브레이아웃 */
    .content_manager,
    .siteSatisfaction { display: none !important; } 
    .subvisual .MainTit { font-size: 2.1rem; }
    .subvisual { height: 13.5rem; }
    #subWrap { padding-top: 0 !important; }
    #subWrap .subHeader { margin-top: 3rem; margin-bottom: 2rem; padding-bottom: 3rem; }
    #subWrap .subHeader > h2 { font-size: 1.85rem; }
    #subWrap .subHeader > h2 > span { padding-bottom: 1rem; }

    .lnb { height: 3.25rem; margin-top: -1.625rem; padding-left: 3.25rem; }
    .lnb .utilBox > ul { width: 6.5rem; }
    .lnb > a,
    .lnb .utilBox > ul > li > button { width: 3.25rem; height: 3.25rem; font-size: 1.1rem; }
    .lnb [class^="ldepth"] > a,
    .lnb [class^="ldepth"] > ul > li > a { height: 3.25rem; font-size: 0.85rem; }

    /* AI 검색 */
    .schAiWrap { background: #f0f0f0; }
    .schAiWrap h2.topTit { display: block; margin-bottom: 1.5rem; color: #114281; font-size: 1.3rem; padding-right: 8rem; }
    .schAiWrap .schAiBox { height: calc(100vh - 7rem); width: 100%; border-radius: 0; overflow-y: auto; position: unset; transform: none; padding: 1.5rem 1.5rem 0; box-shadow: none; display: block; }
    .schAiWrap .schAiBox .lft { width: 100%; height: auto; }
    .schAiWrap .schAiBox .rgt { width: 100%; margin-top: 1.5rem; padding-left: 0; }
    .schAiWrap .schAiBox .aiClose { top: 1.3rem; right: 1.5rem; height: 2.25rem; width: 7rem; font-size: 0.95rem; }
    .schAiWrap .schAiBox .schWrap { margin: 0; position: absolute; bottom: 2rem; left: 1rem; width: calc(100% - 2rem); }
    .schAiWrap .schAiBox .rgt .lst { padding: 1.25rem; }
    .schAiWrap .schAiBox .lft .chatBox .box p.answer { max-height: none; }
    .schAiWrap .schAiBox .schMain { margin-top: 1.5rem; }
    .schAiWrap .schAiBox .titWrap > p { font-size: 1.45rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: wrap; }
    .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox { position: unset; margin-top: 1rem; }

    header.mainHdLyt { background: #FFFFFF; }
    header.mainHdLyt .depth01 > ul > li > a,
    header.mainHdLyt .container a.srchBtn,
    header.mainHdLyt .container a.siteMapOpen { color: #141414 !important; }
    header.mainHdLyt .container .siteWrap .topUtill { background: #505D74; border-color: #505D74; }
    header .container a.topLogo img.on { display: block !important; }
    header .container a.topLogo img.off { display: none !important; }
}

@media (max-width: 1180px) {
  /* 통합검색 */
  .topLyt { padding: 1.75rem 1rem 2.75rem; }
  .topLyt .ttlWrap { width: 100%; padding: 0 1rem; }
  .topLyt .ttlSrch { width: calc(100% - 10.25rem); }
  .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .rdoWrap { flex: none; width: 100%; }
  .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .rdoWrap ul { gap: 0.25rem; }
  .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox { width: 100%; margin-top: 0.75rem; }
  .topLyt .ttlWrap .srchDetailLst .detailbox { padding: 0; }
  .topLyt .ttlWrap .srchDetailLst .detailbox > span { position: unset; }
  .topLyt .ttlWrap .srchDetailLst .detailbox .Lst { margin: 0.75rem 0 0 0; }
  .topLyt::before,
  .topLyt::after { display: none; }
}

@media (max-width: 1024px) {
    /* 서브레이아웃 */
    .lnb { height: auto; margin: 0 !important; position: relative; }
    .lnb::before,
    .lnb::after { display: none !important; }
    .lnb .utilBox { top: auto; bottom: 1rem; left: auto; right: 0; }
    .lnb > a,
    .lnb [class^="ldepth"] { display: none; }
    .lnb .utilBox > ul { width: auto; }
    .lnb .utilBox > ul > li > button { width: 2.75rem; height: 2.75rem; font-size: 1rem; }
    .lnb .utilBox > ul > li.sns.on > button, 
    .lnb .utilBox > ul > li > button:hover, 
    .lnb .utilBox > ul > li > button:focus { font-size: 1.1rem; }
    .lnb .utilBox > ul > li.sns .subTopSns ul { padding: 0.5rem 0.35rem; }
    .lnb .utilBox > ul > li.sns .subTopSns ul li a { width: 1.5rem; height: 1.5rem; }
    .lnb .utilBox > ul > li.sns .subTopSns ul li a img { max-width: 100%; }
    #subWrap .subHeader { margin-top: 2.5rem; padding-bottom: 2.5rem; } 
    .lnb .utilBox > ul > li.sns > button { border-left: none; } 
    .lnb .utilBox > ul > li.print > button { border-right: none; }

    /*** 보증신청 팝업 ***/
  .intro_Pop .popWrap .popTit span { font-size: 2.3rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img { width: 10rem; height: 10rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img img { max-width: 10rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a { padding: 2rem 1.5rem 2.5rem; }
  .intro_Pop .btns { margin-top: 2rem;  }
}

@media (max-width: 968px) {
  /*** 보증신청 팝업 ***/ 
  .intro_Pop .popWrap { margin: 3rem auto 2rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li { width: 100%; }
  .intro_Pop .popWrap .popLst .popBox > ul li a { flex-wrap: wrap; flex-direction: row; padding: 2rem 1.5rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt { width: calc(100% - 10rem); text-align: start; padding-left: 2rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a > span { margin-top: 1rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img { width: 8.5rem; height: 8.5rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img img { max-width: 8rem; }
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) > ul li:nth-child(2) a .img img { max-width: 4.25rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt { width: calc(100% - 8.5rem); }
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) { width: 100%; }
}

@media (max-width: 860px) {
  /* 통합검색 */
  .topLyt { padding: 1.5rem 1rem 2.5rem; height: auto; }
  .topLyt .goMain { position: unset; margin-bottom: 0.5rem; }
  .topLyt .goMain i { display: none; } 
  .topLyt::before { height: 100%; background-size: cover; left: -5rem; }
}

@media (max-width : 768px) {
  /* footer */
  /* footer .ftBot .imgBox > p.logo > img { max-width: 10rem; }
  footer .ftBot .imgBox > p.slogan > img { max-width: 8rem; } */
  footer { padding: 1rem 0 2.5rem; }
  footer .ftBot .imgBox { display: none; }
  footer .ftTop > ul li a { font-size: 0.85rem; }
  footer .ftTop > ul { min-height: auto; gap: 0.5rem 1rem; }
  footer .ftBot { margin-top: 0.75rem; padding-right: 3rem; }    
  footer .btnTop { top: auto; bottom: -1.5rem; }
  footer .ftTop { flex-wrap: wrap; gap: 0.75rem; } 
  footer .ftTop .linkWrap { width: 100%; order: -1; }

  .lnb .utilBox > ul > li.sns > button { border-radius: 50%; }
  .lnb .utilBox > ul > li.sns .subTopSns { border-radius: 1.5rem; overflow: hidden; top: calc(100% + 0.5rem); box-shadow: 0px 0px 8px rgba(0,0,0,0.1); }
  .lnb .utilBox > ul > li.sns .subTopSns ul { padding: 1rem 0.35rem; }

  /*** 보증신청 팝업 ***/ 
  .intro_Pop .popWrap .popTit span { font-size: 2rem; }
  .intro_Pop .popWrap .popTit p { line-height: 1.15rem; font-size: 0.95rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a { padding: 1.5rem 1rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a > span { height: 2rem; font-size: 0.85rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img { width: 7.5rem; height: 7.5rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img img { max-width: 7rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt { width: calc(100% - 7.5rem); margin: 1.25rem 0; }
  .intro_Pop .popWrap .popTit { padding-top: 2rem; }
  /* .intro_Pop .popClose { width: 2.25rem; height: 2.25rem; bottom: calc(100% + 8.5rem); } */
   .intro_Pop .popClose { padding: 0.35rem 0.5rem; bottom: calc(100% + 6.5rem); font-size: 0.85rem; gap: 0.75rem; line-height: 1.5rem; }

  /* 통합검색 */
  .topLyt .ttlWrap { gap: 1rem 0.5rem; }
  .topLyt .titWrap span { font-size: 1.5rem; } 
  .topLyt .ttlSrch { width: calc(100% - 7.5rem); height: 3rem; }
  .topLyt .ttlSrch button { width: 2.5rem; height: 2.5rem; top: 0.3rem; }
  .topLyt .ttlWrap a.openDetail { height: 3rem; width: 7rem; padding: 0 0.75rem; font-size: 0.9rem; gap: 0.5rem; }
  .topLyt .ttlWrap a.openDetail i { font-size: 1.15rem; }
  .topLyt .ttlSrch select { width: 6.5rem; padding: 0 1rem 0 1.25rem; }
  .topLyt .ttlSrch input { padding: 0 3.5rem 0 7.5rem; }
  .topLyt .ttlWrap .srchDetailLst .detailbox > span { font-size: 0.9rem; height: 2.25rem; }

  .topLyt .rcmdTxt { width: 100%; }
  .topLyt .rcmdTxt span { min-width: 3.75rem; }
  .botLyt .srchBody .rgt .srchRst.file .bot ul li a .info > span.date::before,
  .botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info > span.date::before { top: 0.27rem; }

  /* 사이트맵 */
  .siteMapWrap.active .mUtilMn { padding: 1rem 1rem 0.75rem; }
  .siteMapWrap .mUtilMn > ul > li > a p { font-size: 1.5rem; }
  .siteMapWrap .mUtilMn > ul > li > a span { font-size: 0.75rem; }
  /* .siteMapWrap .goSvr { padding: 0.75rem 1rem; font-size: 0.85rem; } */
  .siteMapWrap .siteDep01 { padding: 4.5rem 0 0 1rem; }
  .siteMapWrap .siteDep02 > ul > li.dep > a::before { font-size: 1.15rem; top: 0.6rem; }
  .siteMapWrap .siteDep02 > ul > li > a { padding: 0.62rem 1rem; font-size: 0.85rem; }
  .siteMapWrap .siteDep02 > ul > li.dep > a { padding-right: 2.5rem; }
  .siteMapWrap .siteDep01 > ul > li > a { width: 9rem; padding: 0.6rem 1rem; font-size: 0.9rem; }
  .siteMapWrap .siteDep02 { width: calc(100% - 9rem); left: 9rem; padding: 1rem 1rem 0 2rem; }  
  .siteMapWrap .siteDep01 > ul::before { width: calc(100% - 9rem); }
  .siteMapWrap .siteDep03 { padding: 0.5rem 1rem; }
  .siteMapWrap .siteDep03 > ul > li > a { font-size: 0.8rem; padding: 0.4rem 0.75rem; }
  .siteMapWrap .siteDep03 > ul > li > a::before { top: 0.87rem; }

  .siteMapWrap .mbAisrch { height: 3rem; }
  .siteMapWrap .mbAisrch > button { width: 2.25rem; height: 2.25rem; font-size: 1.15rem; }
  .siteMapWrap .mbAisrch label.placeholder { font-size: 0.9rem; }

    /* 서브레이아웃 */
    #subWrap { padding: 2rem 0 4rem; } 
    #subWrap .subTit > ul { width: calc(100% - 3.5rem); }
    .print { display: none; }
    .subvisual { height: 11rem; }
    .subvisual .MainTit { font-size: 2rem; top: 50%; transform: translate(-50%, -50%); }
    #subWrap .subHeader { margin-top: 2rem; padding-bottom: 2rem; margin-bottom: 0.75rem; }
    #subWrap .subHeader > h2 { font-size: 1.65rem; }
    #subWrap .subHeader > h2 > span { padding-bottom: 0.75rem; }
    #subWrap .subHeader > h2 > span::before { height: 3px; }

    /* AI 검색 */
    .schAiWrap .schAiBox { height: calc(100vh - 6rem); }
    .schAiWrap h2.topTit { font-size: 1.15rem; margin-bottom: 1rem; }
    .schAiWrap .schAiBox .aiClose { width: auto; padding: 0 1.5rem; font-size: 0.85rem; height: 2rem; top: 1.35rem; } 
    .schAiWrap .schAiBox .titWrap { padding: 1.75rem 7rem 1.75rem 1.5rem; }
    .schAiWrap .schAiBox .titWrap > p { font-size: 1.2rem; }
    .schAiWrap .schAiBox .titWrap .titLogo { width: 3.75rem; height: 3.75rem; right: 2rem; }
    .schAiWrap .schAiBox .titWrap .titLogo .orbBox { width: 4.25rem; height: 4.25rem; }
    .schAiWrap .schAiBox .titWrap .titLogo .orbBox .orb { width: 8.25rem; height: 8.25rem; }
    .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox .txt { padding: 0; flex: none; width: 100%; }
    .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a { width: 100%; margin-top: 0.5rem; font-size: 0.9rem; }
    .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a em { width: 1.15rem; height: 1.15rem; font-size: 0.8rem; }
    .schAiWrap .schAiBox .schWrap { bottom: 1.5rem; }
    .schAiWrap .schAiBox .schWrap .schIntp,
    .schAiWrap .schAiBox .schWrap .schBtn { height: 2.75rem; }
    .schAiWrap .schAiBox .schWrap .schBtn { font-size: 0.9rem; }
    .schAiWrap .schAiBox .lft .chatBox .errorPop { width: 100%; padding: 1.5rem 1rem; height: auto; }
    .schAiWrap .schAiBox .lft .chatBox .errorPop p { font-size: 0.9rem; text-align: center; }
    .schAiWrap .schAiBox .lft .chatBox .errorPop .btns a { height: 2.2rem; padding: 0 0.65rem; font-size: 0.8rem; }

      header #gnb,
    header .container a.topLogo,
    header .container .siteWrap { height: 3.25rem; }
    header .container a.siteMapOpen { margin-left: 0.5rem; }

}

@media (max-width: 680px) {
  /* 통합검색 */
  .topLyt .titWrap span { font-size: 1.35rem; } 
  .topLyt .ttlSrch { width: 100%; }
  .topLyt .ttlWrap a.openDetail { width: 100%; height: 2.5rem; }
  .topLyt .rcmdTxt span { font-size: 1rem; }
}

@media (max-width: 580px) {
    /* 사이트맵 */
    .siteMapWrap .titWrap { height: 4.5rem; }
    .siteMapWrap .titWrap > p .mblL { max-width: 9rem; }
    .siteMapWrap a.siteMapClose { font-size: 2rem; top: 0.6rem; width: 2rem; height: 2rem; }
    .siteMapWrap .siteDep01 { padding: 4rem 0 0 1rem; height: calc(100% - 3.5rem); }
    .siteMapWrap .siteDep01 > ul > li > a { width: 7.5rem; padding: 0.65rem 1rem; font-size: 0.9rem; }
    .siteMapWrap .siteDep02 { width: calc(100% - 7.5rem); left: 7.5rem; padding: 1rem 1rem 0 1.5rem; }  
    .siteMapWrap .siteDep01 > ul::before { width: calc(100% - 7.5rem); border-radius: 1rem 0 0 0; }
    .siteMapWrap .mUtilMn > ul > li > a p { font-size: 1.25rem; }
    .siteMapWrap .mUtilMn > ul > li > a span { font-size: 0.7rem; margin-top: 0.15rem; } 
    .siteMapWrap .logState { right: 4rem; top: 0.6rem; }
    .siteMapWrap .logState::before { height: 0.8rem; }
    .siteMapWrap .logState > button { width: 2rem; height: 2rem; font-size: 1.45rem; }

    /* 통합검색 */
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox { flex-wrap: wrap; gap: 0.5rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input[type="date"] { flex: none; width: 100%; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input[type="date"] ~ input[type="date"] { width: calc(100% - 4.4rem); }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox > em { margin: 0.25rem 0; line-height: 1; width: 1rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox > button { margin: 0; }
}

@media (max-width: 480px) {
    /* header */
    header .container a.topLogo { width: 8.5rem; height: 3rem; }
    header .container a.srchBtn,
    header .container a.siteMapOpen { font-size: 1.2rem; }

    
    header #gnb,
    header .container a.topLogo,
    header .container .siteWrap { height: 3rem; }
    header .container .siteWrap { margin-right: -0.5rem; }
    header .container a.siteMapOpen { margin-left: 0.25rem; }

    /*** 보증신청 팝업 ***/ 
  .intro_Pop .popWrap { margin: 2rem auto 1.5rem; }
  .intro_Pop .popWrap .popTit span { font-size: 1.75rem; }
  .intro_Pop .popWrap .popTit p { font-size: 0.9rem; line-height: 1rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a { flex-direction: column; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt { width: 100%; text-align: center; padding: 0; }
  .intro_Pop .popWrap .popLst .popBox > ul li a > span { margin-top: 0; }
  .intro_Pop .popWrap .popLst .popBox:first-child .titWrap { background: #2074ff; }
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) .titWrap { background: #189074; }
  .intro_Pop .popWrap .popLst .popBox:nth-child(2) > ul li:nth-child(2) a .img img { max-width: 3.5rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt span { height: auto; line-height: 1.2rem; }
  .intro_Pop .popWrap .popLst .popBox .titWrap { padding: 1.25rem 1rem; }
  .intro_Pop .popWrap .popLst .popBox .titWrap > ul li { white-space: wrap; }

    /* 서브레이아웃 */ 
    .subvisual { height: 9.5rem; } 
    #subWrap .subHeader { margin-top: 1.75rem; padding-bottom: 1.75rem; margin-bottom: 0.5rem; }
    .subvisual .MainTit { font-size: 1.6rem; }
    .lnb .utilBox > ul > li > button { width: 2.5rem; height: 2.5rem; }
    #subWrap { padding: 0 0 3.5rem; }  
    #subWrap .subHeader > h2 { font-size: 1.5rem; }
    #subWrap .subHeader > h2 > span { padding-bottom: 0.5rem; }
    /* #subWrap .subHeader > h2 > span::before { height: 2px; } */
    #subWrap .content_manager ul { gap: 0.25rem 2rem; }
    #subWrap .siteSatisfaction { padding: 1.5rem; }
    #subWrap .subTit > ul { width: calc(100% - 3.25rem); }

    /* 사이트맵 */
    .siteMapWrap { width: calc(100% - 1REM); }
    .siteMapWrap .logState { right: 3.75rem; top: 0.85rem; }
    .siteMapWrap .logState::before { height: 0.7rem; }
    .siteMapWrap .logState > button { width: 1.75rem; height: 1.75rem; font-size: 1.25rem; }
    .siteMapWrap a.siteMapClose { font-size: 1.75rem; height: 1.75rem; width: 1.75rem; top: 0.85rem; }
    .siteMapWrap .titWrap { padding: 0.75rem 0.75rem 1.5rem 0.75rem; }
    /* .siteMapWrap .goSvr { width: calc(100% - 1.5rem); } */
    .siteMapWrap .siteDep01 { padding: 4rem 0 0 0.75rem; }
    .siteMapWrap .siteDep01 > ul > li > a { width: 6.5rem; padding: 0.6rem 0.75rem; font-size: 0.8rem; }
    .siteMapWrap .siteDep02 { width: calc(100% - 6.05rem); left: 6.05rem; padding: 1rem 0.75rem 0 1.35rem; }  
    .siteMapWrap .siteDep01 > ul::before { width: calc(100% - 6.05rem); }
    .siteMapWrap .siteDep01 > ul > li > a > span::before { top: 0.1rem; font-size: 0.85rem; }  
    .siteMapWrap .siteDep01 > ul > li.on > a > span, 
    .siteMapWrap .siteDep01 > ul > li > a:hover > span, 
    .siteMapWrap .siteDep01 > ul > li > a:focus > span { padding-left: 1.25rem; }
    .siteMapWrap .siteDep02 > ul > li > a { font-size: 0.8rem; padding: 0.56rem 0.75rem; }
    .siteMapWrap .siteDep02 > ul > li.dep > a { padding-right: 2rem; }
    .siteMapWrap .siteDep02 > ul > li.dep > a::before { font-size: 1rem; right: 0.75rem; top: 0.6rem; }

    .siteMapWrap .siteDep01 > ul > li.on > a::before, .siteMapWrap .siteDep01 > ul > li > a:hover::before, .siteMapWrap .siteDep01 > ul > li > a:focus::before { width: calc(100% + 0.2rem); }


    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"],
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"] { padding-right: 2rem; }
    .siteMapWrap .siteDep02 > ul > li > a[target="_blank"]::after { right: 0.8rem; font-size: 0.75rem; top: 0.7rem; }
    .siteMapWrap .siteDep03 > ul > li > a[target="_blank"]::after { top: 0.25rem; right: 0.7rem; }
    .siteMapWrap .siteDep03 { padding: 0.5rem 0.75rem; }
    .siteMapWrap .siteDep03 > ul > li > a { font-size: 0.75rem; padding: 0.25rem 0.65rem; }
    .siteMapWrap .siteDep03 > ul > li > a::before { top: 0.7rem; }
    .siteMapWrap .siteDep02 > ul { height: 100%; }

  .siteMapWrap .mbAisrch { height: 2.75rem; top: calc(100% - 0.75rem); }
  .siteMapWrap .mbAisrch > button { width: 2rem; height: 2rem; font-size: 1rem; }
  .siteMapWrap .mbAisrch label.placeholder { font-size: 0.8rem; left: 1rem; max-width: calc(100% - 3.75rem); }
  .siteMapWrap .mbAisrch input { padding: 0 3rem 0 1rem; }
  .intro_Pop .popClose  { bottom: calc(100% + 5.5rem); }
 
    /* 통합검색 */
    .topLyt .ttlWrap { padding: 0; gap: 0.75rem 0.5rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input { height: 2rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox > button { width: 2rem; height: 2rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox > button img { max-width: 0.85rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox .Lst .infoBox input[type="date"] ~ input[type="date"] { width: calc(100% - 4rem); }
    .topLyt { padding: 1.5rem 1rem; }
    .topLyt::before { left: -15rem; } 
    .topLyt::after { right: -5rem; }
    .topLyt .titWrap img { max-width: 3.25rem; }
    .topLyt .titWrap span { font-size: 1.35rem; } 
    .topLyt .ttlSrch { width: 100%; height: 2.75rem; }
    .topLyt .ttlSrch button { width: 2.25rem; height: 2.25rem; top: 0.25rem; }
    .botLyt .titWrap { padding: 1.25rem 0; }
    .botLyt .srchBody { padding: 1.25rem 0 3rem; }
    .botLyt .srchBody .rgt .srchRst .top span { font-size: 1rem; }
    .botLyt .srchBody .rgt .srchRst.menu .bot,
    .botLyt .srchBody .rgt .srchRst .bot,
    .botLyt .srchBody .rgt .srchRst .bot { padding: 1.25rem 0.5rem; }
    .botLyt .srchBody .rgt .srchRst.file .bot ul li a .info > span.date::before,
    .botLyt .srchBody .rgt .srchRst.lst .bot ul li a .info > span.date::before { top: 0.3rem; }
    .botLyt .srchBody .rgt .srchRst.file .bot ul li a p.txt, .botLyt .srchBody .rgt .srchRst.lst .bot ul li a p.txt { margin: 0.25rem 0; }
    .botLyt .srchBody .rgt .rstMore { width: 1.5rem; height: 1.5rem; }
    .topLyt .ttlWrap .srchDetailLst { padding: 1.5rem 1.25rem; }
    .topLyt .ttlWrap .srchDetailLst .detailbox > span { height: 2rem; font-size: 0.85rem; }
    .topLyt .ttlWrap .srchDetailLst .btns a { font-size: 0.8rem; height: 2rem; }
    .topLyt .ttlWrap .srchDetailLst .btns { margin-top: 0; padding-top: 1.05rem; }

    .topLyt .rcmdTxt { flex-wrap: wrap; gap: 0.5rem; }
    .topLyt .rcmdTxt span { width: 100%; text-align: start; }

    /* footer */
    footer .ftTop > ul li a { font-size: 0.8rem; }
    footer .ftTop > ul { gap: 0.5rem 0.75rem; }
    footer .ftBot { margin-top: 0.5rem; padding-right: 2rem; }
    footer .btnTop { width: 2rem; height: 2rem; font-size: 0.95rem; }
    footer .ftTop { gap: 0.5rem; } 
    footer .ftTop .linkWrap { height: 2rem; }
    footer .ftTop .linkWrap > a { font-size: 0.8rem; padding: 0 2rem 0 0.8rem; }
    footer .ftTop .linkWrap > a > i { font-size: 1.05rem; right: 0.75rem; }
    footer .ftTop .linkWrap .linkLst ul li a { font-size: 0.8rem; padding: 0.35rem 0.8rem; }

    /* AI 검색 */
    .schAiWrap .schAiBox { padding: 1.5rem 1rem 0; }
    .schAiWrap h2.topTit { padding-right: 5rem; }
    .schAiWrap .schAiBox .aiClose { padding: 0 1rem; font-size: 0.8rem; }
    .schAiWrap .schAiBox .titWrap { padding: 1.5rem 6rem 1.5rem 1.25rem; }
    .schAiWrap .schAiBox .titWrap > p { font-size: 1.1rem; }
    .schAiWrap .schAiBox .titWrap .titLogo { width: 2.5rem; height: 2.5rem; right: 1.5rem; }
    .schAiWrap .schAiBox .titWrap .titLogo > img { max-width: 1.85rem; }
    .schAiWrap .schAiBox .titWrap .titLogo .orbBox { width: 3rem; height: 3rem; }
    .schAiWrap .schAiBox .titWrap .titLogo .orbBox .orb { width: 7rem; height: 7rem; }
    .schAiWrap .schAiBox .titWrap > span { font-size: 0.95rem; }
    .schAiWrap .schAiBox .titWrap > p { font-size: 1rem; margin-top: 0.25rem; }
    .schAiWrap .schAiBox .rgt h3 { font-size: 1rem; }
    .schAiWrap .schAiBox .rgt h3 img { max-width: 0.95rem; }
    .schAiWrap .schAiBox .rgt .lst { height: auto; padding: 1rem; }
    .schAiWrap .schAiBox .rgt .lst li a { line-height: 1.35rem; padding-left: 1.85rem; }
    .schAiWrap .schAiBox .rgt .lst li a span { width: 1.35rem; height: 1.35rem; }
    .schAiWrap .schAiBox .rgt .lst li a span img { max-width: 0.75rem; }
    .schAiWrap .schAiBox .rgt .lst ul { max-height: 3.45rem; }
    .schAiWrap .schAiBox .rgt .lst li + li { margin-top: 0.75rem; }
    .schAiWrap .schAiBox .schWrap .schBtn { text-indent: -9999px; font-size: 0; width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; } 
    .schAiWrap .schAiBox .schWrap .schBtn i { display: inline-block; text-indent: 0; font-size: 1rem; }
    .schAiWrap .schAiBox .schWrap .schIntp { height: 2.5rem; width: calc(100% - 3.1rem); border-radius: 0.5rem; padding-right: 3rem; }
    .schAiWrap .schAiBox .schWrap .schIntp button { width: 1.75rem; height: 1.75rem; }
    .schAiWrap .schAiBox .schWrap .schIntp button img { max-width: 0.7rem; }
    .schAiWrap .schAiBox .schWrap .schIntp input { padding: 0 0 0 1rem; }
    .schAiWrap .schAiBox .lft .chatBox .loadBox .txt > p { font-size: 0.9rem; margin-top: 0.75rem; }  
    .schAiWrap .schAiBox .lft .chatBox .loadBox .txt .spinner { width: 2.75rem; height: 2.75rem; }
    .schAiWrap .schAiBox .lft .chatBox .loadBox .txt .spinner > img { max-width: 1.9rem; }
    .schAiWrap .schAiBox .lft .chatBox .rcmdSch > ul { width: 100%; }
    .schAiWrap .schAiBox .lft .chatBox .errorPop p { font-size: 0.8rem; text-align: center; }
    .schAiWrap .schAiBox .lft .chatBox .errorPop .btns { margin-top: 1rem; }
    .schAiWrap .schAiBox .lft .chatBox .errorPop .btns a { height: 2rem; padding: 0 0.55rem; font-size: 0.75rem; }
    .schAiWrap .schAiBox .lft .chatBox .box .anserTit > span { width: 100%; }
   .schAiWrap .schAiBox .lft .chatBox .box .anserTit > em { display: none; }
}

@media (max-width: 380px) {
    /* 컨테이너 */
    .container { padding: 0 0.75rem; }

    /* 통합검색 */
    .topLyt .ttlWrap .srchDetailLst { padding: 1.25rem 1rem; }
    .botLyt { padding: 0 0.75rem; }
    .topLyt { padding: 1.25rem 0.75rem; }
    .topLyt .goMain { height: 1.75rem; }
    .topLyt .ttlSrch {  height: 2.5rem; }
    .topLyt .ttlSrch select { width: 4.75rem; font-size: 0.8rem; padding: 0 1rem 0 1rem; background-size: 0.5rem; }
    .topLyt .ttlSrch input { padding: 0 2.5rem 0 5rem; font-size: 0.8rem; }
    .topLyt .ttlSrch button { width: 2rem; height: 2rem; font-size: 1.05rem; }
    .topLyt .rcmdTxt span { font-size: 0.75rem; min-width: 3.5rem; }
    .topLyt .rcmdTxt ul { gap: 0.25rem 0.5rem; }
    .botLyt .titWrap { padding: 1rem 0; font-size: 1.1rem; }
    .botLyt .srchBody .rgt .tab_st1 { margin-bottom: 1.25rem; }

    /* 서브레이아웃 */
    #subWrap .subTit > ul { width: calc(100% - 3rem); }
    #subWrap .subTit > ul > li { font-size: 0.7rem; }
    #subWrap .content_manager ul { gap: 0.25rem 1.5rem; }
    #subWrap .siteSatisfaction { padding: 1.25rem 1rem; }
    #subWrap .siteSatisfaction > p { font-size: 0.8rem; line-height: 0.9rem; padding-left: 1.15rem; }
    #subWrap .siteSatisfaction > p img { max-width: 0.9rem; }

    .subvisual { height: 8rem; } 
    #subWrap .subHeader { margin-top: 1.5rem; padding-bottom: 1.5rem;}
    .subvisual .MainTit { font-size: 1.45rem; }
    #subWrap .subHeader > h2 { font-size: 1.25rem; }
    .lnb .utilBox { bottom: 0.75rem; }
    .lnb .utilBox > ul > li > button { width: 2.25rem; height: 2.25rem; }

    /*** 보증신청 팝업 ***/ 
  .intro_Pop .popWrap .popLst { margin-top: 1rem; }
  .intro_Pop .popWrap .popTit span { font-size: 1.5rem; }
  .intro_Pop .popWrap .popTit p { font-size: 0.8rem; margin-top: 0.25rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a { padding: 1.25rem 1rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt { margin: 0.5rem 0; }
  .intro_Pop .popWrap .popLst .popBox > ul li a > span { font-size: 0.8rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img { width: 6rem; height: 6rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .img img { max-width: 5.5rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt span {font-size: 0.9rem; }
  .intro_Pop .popWrap .popLst .popBox > ul li a .txt p { line-height: 1.1rem; height: auto; font-size: 0.8rem; margin-top: 0.25rem; }
  .intro_Pop .popWrap .popLst .popBox .titWrap { padding: 1rem; }
  .intro_Pop .popWrap .popLst .popBox .titWrap > span { font-size: 1.1rem; }
  .intro_Pop .popWrap .popLst .popBox .titWrap > ul { margin-top: 0.25rem; }
  .intro_Pop .popWrap .popLst .popBox > ul { padding: 1.5rem 1rem; }
  /* .intro_Pop .popClose { width: 2rem; height: 2rem; bottom: calc(100% + 8rem); } */
   .intro_Pop .popClose {  bottom: calc(100% + 4.25rem); padding: 0.25rem 0.5rem; font-size: 0.8rem; line-height: 1.35rem; border-radius: 0.5rem; }

    /* 사이트맵 */
    .siteMapWrap .logState::before { right: -0.5rem; }
    .siteMapWrap .logState { right: 3.5rem; top: 0.82rem; }
    .siteMapWrap .logState > button { width: 1.5rem; height: 1.5rem; font-size: 1rem; }
    .siteMapWrap a.siteMapClose { font-size: 1.5rem; height: 1.5rem; width: 1.5rem; top: 0.82rem; }
    .siteMapWrap { width: 100%; }
    .siteMapWrap .siteDep01 { padding: 3.75rem 0 0 0.75rem; }  
    .siteMapWrap .siteDep02 { padding: 0.75rem 0.75rem 0 0.75rem; }
    .siteMapWrap .siteDep01 > ul { padding: 0.75rem 0;} 
    .siteMapWrap .siteDep02 > ul > li > a { font-size: 0.75rem; }
    .siteMapWrap .siteDep01 > ul > li > a { width: 5.75rem; font-size: 0.75rem;  }
    .siteMapWrap .siteDep03 > ul > li > a { font-size: 0.7rem; }
    .siteMapWrap .siteDep03 > ul > li > a::before { top: 0.63rem; }
    .siteMapWrap .siteDep02 { width: calc(100% - 5.75rem); left: 5.75rem; }  
    .siteMapWrap .siteDep01 > ul::before { width: calc(100% - 5.75rem); }
    .siteMapWrap.active .mUtilMn { padding: 0.75rem 0.5rem 0.5rem; }
    .siteMapWrap .mUtilMn > ul > li > a p { font-size: 1.1rem; }
    .siteMapWrap .mUtilMn > ul > li > a span { font-size: 0.65rem; }
    /* .siteMapWrap .siteDep02 > ul { height: calc(100% - 4.5rem); } */
    /* .siteMapWrap .goSvr { font-size: 0.8rem; padding: 0.75rem; }  
    .siteMapWrap .goSvr::before { font-size: 0.95rem; right: 0.75rem; } */
    .siteMapWrap .titWrap > p .mblL { max-width: 8rem; }

  .siteMapWrap .mbAisrch { height: 2.5rem; width: calc(100% - 1.5rem); }
  .siteMapWrap .mbAisrch > button { width: 1.85rem; height: 1.85rem; font-size: 0.95rem; }
  .siteMapWrap .mbAisrch label.placeholder { font-size: 0.75rem; left: 0.75rem; max-width: calc(100% - 3.5rem); }
  .siteMapWrap .mbAisrch input { padding: 0 2.5rem 0 0.75rem; }
  header .container .topSrch .srch input { width: 10rem; }

    /* header */
    header .container a.topLogo { width: 7.5rem; height: 2.75rem; } 
    header .container a.srchBtn,
    header .container a.siteMapOpen { font-size: 1.1rem; }
    header .container a.siteMapOpen { width: 1.5rem; }

    header #gnb,
    header .container a.topLogo,
    header .container .siteWrap { height: 2.75rem; }

    /* AI 검색 */
    .schAiWrap h2.topTit { font-size: 1rem; padding-right: 4rem; }
    .schAiWrap .schAiBox .aiClose { font-size: 0.75rem; padding: 0 0.75rem; top: 1rem; }
    .schAiWrap .schAiBox { height: calc(100vh - 4.5rem); padding: 1.25rem 0.75rem 0; }
    .schAiWrap .schAiBox .schWrap { bottom: 1rem; }
    .schAiWrap .schAiBox .titWrap { padding: 1.25rem 5rem 1.25rem 1rem; }
    .schAiWrap .schAiBox .titWrap > span { font-size: 0.85rem; }
    .schAiWrap .schAiBox .titWrap > p { font-size: 0.9rem; }
    .schAiWrap .schAiBox .titWrap .titLogo { width: 2rem; height: 2rem; right: 1.5rem; }
    .schAiWrap .schAiBox .titWrap .titLogo > img { max-width: 1.5rem; }
    .schAiWrap .schAiBox .titWrap .titLogo .orbBox { width: 2.5rem; height: 2.5rem; }
    .schAiWrap .schAiBox .titWrap .titLogo .orbBox .orb { width: 6.5rem; height: 6.5rem; }
    .schAiWrap .schAiBox .schMain { margin-top: 1rem; }
   .schAiWrap .schAiBox .lft { padding: 1.25rem 1rem; }
   .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox { padding: 0.75rem 0.95rem; }
   .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox .txt span { font-size: 0.75rem; }
   .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a { margin-top: 0.25rem; font-size: 0.8rem; }
    .schAiWrap .schAiBox .rgt { margin-top: 1rem; }
    .schAiWrap .schAiBox .rgt h3 { font-size: 0.95rem; line-height: 1.5rem; padding: 0 4.5rem 0 1.3rem; }
    .schAiWrap .schAiBox .rgt .rgtBox > button { height: 1.5rem; padding: 0 0.75rem; font-size: 0.7rem; }
    .schAiWrap .schAiBox .lft .chatBox .box .anserTit > span { font-size: 0.75rem; height: 1.5rem; padding: 0 0.75rem; width: 100%; }
    .schAiWrap .schAiBox .lft .chatBox .box .dbSchBox > a em { width: 1rem; height: 1rem; font-size: 0.7rem; }
}

@media (max-width: 320px) {
    /* 사이트맵 */
    /* .siteMapWrap .goSvr { font-size: 0.75rem; } */
    .siteMapWrap .siteDep01 > ul > li > a { width: 5.25rem; font-size: 0.65rem; padding: 0.5rem 0.5rem; }
    .siteMapWrap .siteDep02 { width: calc(100% - 4.25rem); left: 4.25rem; }  
    .siteMapWrap .siteDep01 > ul::before { width: calc(100% - 4.25rem); }
    .siteMapWrap .siteDep01 > ul > li > a > span::before { font-size: 0.75rem; top: 0.15rem; } 
    .siteMapWrap .siteDep01 > ul > li.on > a > span, 
    .siteMapWrap .siteDep01 > ul > li > a:hover > span, 
    .siteMapWrap .siteDep01 > ul > li > a:focus > span { padding-left: 1.15rem; }
    .siteMapWrap .siteDep02 { padding-left: 1rem; }  
    .siteMapWrap .siteDep02 > ul > li > a { padding: 0.51rem 0.5rem; font-size: 0.65rem; }  
    .siteMapWrap .siteDep02 > ul > li.dep > a::before { font-size: 0.9rem; right: 0.5rem; top: 0.5rem; }
    .siteMapWrap .siteDep03 > ul > li > a { font-size: 0.6rem; padding: 0.15rem 0.5rem; }
    .siteMapWrap .siteDep03 > ul > li > a::before { top: 0.45rem; }  
    .siteMapWrap .mUtilMn > ul > li > a p { font-size: 1rem; }
    .siteMapWrap .mUtilMn > ul > li > a span { font-size: 0.6rem; }
    .siteMapWrap .siteDep01 > ul > li.on > a::before, 
    .siteMapWrap .siteDep01 > ul > li > a:hover::before, 
    .siteMapWrap .siteDep01 > ul > li > a:focus::before { width: 100%; }
}

/* @media print {
    .subHeader,
    .siteSatisfaction,
    .content_manager,
    #snb { display: none !important; }

    .subContent { width: 100% !important; }

    @page { size: A4 }

	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust:exact;
	}

    .rsp_img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; }
    .rsp_img > img { max-width: 38rem !important; width: 100% !important; height: 100% !important; }

} */