@charset "utf-8";
/*@latest 2019.12.11 ssj -지방재정공제전용 */
/*@latest 2022.02.09 ssj*/

body>.inner {width:100%;float:left;overflow:hidden;position: relative;}
/* sub visual */
#sub_visual {width:100%;/* height:300px; */float:left;overflow:hidden;position:relative;background:#fff;border-top:1px solid #efefef;box-sizing:border-box;}
#sub_visual img {width:100%; min-height:100%; display:block;}
#sub_visual .bluebg {width:100%;/* height:100%; *//* color:white; */line-height:200px;position:relative;}
#sub_visual .sub_titbox {width:100%; margin:0 auto;padding:100px 0 90px;box-sizing:border-box;display:block;}
#sub_visual .sub_titbox .bTitle {font-size: 42px; font-weight:400;
                                    line-height:130%;
                                    letter-spacing:-0.5px;
                                    color:#111;
                                    width:100%;
                                    max-width:1300px;
                                    margin:0 auto;
                                    padding:0 15px;
                                    word-break:keep-all;
                                    box-sizing:border-box;
                                    position:relative;
                                    }
#sub_visual .sub_titbox .bTitle * {font-size:42px; line-height:130%; color:#111; font-weight:400;}

#sub_visual .sub_titbox .bContent {font-size:16px; color:#111;  font-weight:400; line-height:180%;
                                         clear:both; display:block; width:100%; max-width:1300px; word-break:keep-all;
                                         margin:0 auto; margin-top:25px; padding:0 15px; box-sizing:border-box;}
#sub_visual .sub_titbox .bContent * {font-size:16px; color:#111;  font-weight:400; line-height:180%;}

    @media (min-width:991px){                                     
        #sub_visual img {position:fixed;top:0;min-height:70%;max-height:90vh;}
    }
    @media (max-width:990px){ 
        #sub_visual {/* margin-top:40px; */}
        #sub_visual img {min-height:100%;position: absolute;}
    }
    @media (min-width:600px) and (max-width:990px){
        #sub_visual .sub_titbox .bTitle, #sub_visual .sub_titbox .bTitle * {font-size:27px;}
        #sub_visual .sub_titbox .bContent, #sub_visual .sub_titbox .bContent * {font-size:15px;}
    }
    @media (max-width:599px){
        #sub_visual .sub_titbox {padding:70px 0;}
        #sub_visual .sub_titbox .bTitle:before {background:#ec6a00;}
        #sub_visual .sub_titbox .bTitle, #sub_visual .sub_titbox .bTitle * {font-size: 25px;}
        #sub_visual .sub_titbox .bContent, #sub_visual .sub_titbox .bContent * {font-size: 16px;}
        #sub_visual .sub_titbox .bContent:empty {display:none;}
    }



/* layout */
.sub_div_wrap {width:100%;float:left;/*max-width:1300px;*/background:#fff;margin:0 auto;box-sizing:border-box;}


    @media (min-width:991px){
        .sub_div_wrap {position:relative;}
        .subMenu,.subCon {width:100%; position:relative;}
    }

    @media (max-width:990px){
        .subMenu {display:none;}
    }





/* sub Menu */
.subMenu {max-width:1300px;height:60px;line-height:60px;margin:-31px auto 0;box-sizing:border-box;/* z-index:1; */position:relative;}
.subMenu .menuNm {display:none;}


/* sub Contents */
.subCon {float:left;width:100%;box-sizing:border-box;/*margin-bottom:30px;*//* border-top:1px solid #efefef; */}
.subCon .tit {display:none;}
.subCon > div {width:100%;display:block;clear:both; box-sizing:border-box;max-width:1300px;margin:0 auto;}


/* sub location */
.subCon .location {box-sizing:border-box; max-width:1300px; margin:0 auto;}
.subCon .location > li {float:left; list-style:none;position:relative; }
.subCon .location > li > a {margin:10px 0;border-width:0;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:normal;word-break:keep-all;font-weight: 600;}
.subCon .location > li:nth-child(4) > a {font-weight:600;}
.subCon .location > li:last-child >a {opacity:1;font-weight: 600 !important;}

.subCon .location > li ul {width:100%; opacity:0; padding:0; background:rgba(249,249,249,0.98);box-sizing:border-box;position:relative; z-index:1;}
.subCon .location > li ul>li {list-style:none;position:relative;min-width:100%;line-height: 35px;border:1px solid #efefef;border-width:0 1px 0;box-sizing:border-box;}
.subCon .location > li ul>li:last-child {border-width:0 1px 1px;}
.subCon .location > li ul.on>li {display:block !important;}
.subCon .location > li ul li a {width:100%; color:#333; font-size: 15px; padding: 0 25px 0 10px; margin: 9px 0; border-width:0; 
                                box-sizing:border-box; display:inline-block; vertical-align:middle; line-height:normal; word-break:keep-all;}
.subCon .location > li ul li a.on {font-weight:600;/* color:#d97400; */}
.subCon .location > li ul li a.select {font-weight:600;}
.subCon .location > li ul li a span.bull {display:none;}
.subCon .location > li ul li:not(.deepest) > a:hover {text-decoration:underline;}
.subCon .location > li ul>li>a>span:after {content: ""; width: 20px; height: 35px; position: absolute; top: 0px; right: 3px;
                                            background: url(/images/wzwg/cmm/icon_set.png); background-position: -142px 14px; background-size: 300px; background-repeat: no-repeat;}
.subCon .location > li:last-child ul {background:rgba(241,241,241,0.98);}

/*unactive 2depts's 3depts menu ul*/
.subCon .location > li ul li ul {position:absolute; top:0; left:100%;}
.subCon .location > li ul li>ul li a {padding: 0 10px;font-size:14px;}
/* 3 depts open (not active page) */
.subCon .location > li ul li> ul.on {display:block !important;}



/* share btn*/
.subCon > div script + p.fr {position:absolute; top:0;}



    @media (min-width:991px){  
        .subCon > div {padding-top:50px; position:relative;}
        .subCon > div script + p.fr {width: 100%;max-width: 1300px;left:50%;transform:translateX(-50%);text-align:right;}
        .subCon > div script + p.fr > a {position:absolute; right:18px; top:-42px;}

        .subCon .location {margin-top:-60px;height:60px;/* background:#d97400; */background:#ed7022;}
        .subCon .location > li {height:60px;line-height:60px; max-width:393px; width:30%; border-right:1px solid rgba(255,255,255,0.3);}
        .subCon .location > li > a {width:100%;font-size:19px; padding:0 35px 0 20px; color:#fff;}
        .subCon .location > li:not(.home) > a:after {content:""; width: 20px; height: 35px;
                                                    background: url(/images/wzwg/cmm/icon_set.png);
                                                    background-position: 2px 14px; background-size: 300px; background-repeat: no-repeat;
                                                    position: absolute; top: 12px; right:7px;}
                                                    
        .subCon .location > li:nth-child(2) > a:after,
        .subCon .location > li:not(.home).on > a:after {content: ""; width: 20px; height: 30px; position: absolute; top:12px; right: 7px;
                                                            background: url(/images/wzwg/cmm/icon_set.png);
                                                            background-position: -117px 11px; background-size: 300px; background-repeat: no-repeat;}
        .subCon .location > li.home {min-width:auto;border-right:none;height: 100%;width: auto;}
        .subCon .location > li.home:before {content:"\f015"; font-family:FontAwesome; font-size:19px;color: #fff;
                                            float:left; padding:0 20px; height: 100%; border-right: 1px solid rgba(255,255,255,0.3); border-width:0 1px;}
        .subCon .location > li.home a {width:59px;height: 59px;font-size:0;/*margin:0 0 0 -55px*/;display: block; padding:0; margin:0;}

        .subCon .location > li>ul {visibility:hidden;opacity:0; transition:0.5s ease-in-out; transform:rotateX(-90deg) rotateY(0); transform-origin:0 0;}
        .subCon .location > li>ul.on {display:block; visibility:visible; opacity:1; transform:rotateX(0) rotateY(0);}
        .subCon .location > li>ul.on >li {display:block;}                                    

        .subCon .location > li ul>li>ul {visibility:hidden; opacity:0; transition:0.5s ease-in-out; transform:rotateX(0) rotateY(-90deg); transform-origin:0 0;}
        .subCon .location > li ul.on li > ul.on,
        .subCon .location > li ul.on li > ul.on {visibility:visible; opacity:1; transform:rotateX(0) rotateY(0);} 

    }
    @media (min-width:991px) and (max-width:1299px){
        .subCon > div script + p.fr > a {right:1%;}
    }
    @media (max-width:990px){
        .subCon .tit {padding:30px 10px 10px;}
        .subCon > div {padding:30px 10px 20px;}
        .subCon > div script + p.fr {top:9px; right:10px;}

        .subCon .location {height:45px;background:#f8f8f8;border-bottom: 1px solid rgba(51,51,51,0.1);}
        .subCon .location > li {height: 45px;line-height: 45px;/* max-width:393px; */width: calc(33.333% - 15px);border-right: 1px solid rgba(51,51,51,0.1);box-sizing: border-box;}
        .subCon .location > li > a {width:100%;font-size: 16px;padding: 0 22px 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .subCon .location > li:not(.home) > a:after {
                                            content:"";
                                            width: 20px;
                                            height: 35px;
                                            background: url(/images/wzwg/cmm/icon_set.png);
                                            background-position: -142px 11px;
                                            background-size: 300px;
                                            background-repeat: no-repeat;
                                            position: absolute;
                                            top: 8px;
                                            right: 3px;
                                            }
                                            
        .subCon .location > li:nth-child(2) > a:after,
        .subCon .location > li:not(.home).on > a:after {content: "";
                                                            width: 20px;
                                                            height: 30px;
                                                            position: absolute;
                                                            top: 8px;
                                                            right: 7px;
                                                            background: url(/images/wzwg/cmm/icon_set.png);
                                                            background-position: -19px 11px;
                                                            background-size: 300px;
                                                            background-repeat: no-repeat;
                                                            }
        .subCon .location > li.home {min-width:auto;/* border-right:none; */height: 100%;width: 45px;}
        .subCon .location > li.home:before {content:"\f015";
                                            font-family:FontAwesome;
                                            font-size:19px;
                                            color: #333;
                                            float:left;
                                            padding: 0 13px;
                                            height: 100%;
                                            /* border-right: 1px solid rgba(255,255,255,0.3); */
                                            border-width:0 1px;
                                            }
        .subCon .location > li.home a {width:55px;height: 59px;font-size:0;margin:0 0 0 -55px;display: block;}

        .subCon .location > li>ul {visibility:hidden;opacity:0; transition:0.5s ease-in-out; transform:rotateX(-90deg) rotateY(0); transform-origin:0 0;}
        .subCon .location > li ul.on {display:block; visibility:visible; opacity:1; transform:rotateX(0) rotateY(0);}
        /* .subCon .location > li > ul:hover >li {display:block;} */                                    

        .subCon .location > li ul>li>ul {visibility:hidden; opacity:0; transition:0.5s ease-in-out; transform:rotateX(0) rotateY(-90deg); transform-origin:0 0;}
        .subCon .location > li ul>li > ul.on {visibility:visible; opacity:1; transform:rotateX(0) rotateY(0);} 
    }
    @media (max-width:599px){
        .subCon .location li {padding: 0;}
        .subCon .location li:after {font-size:11px;padding:0;margin-left:7px;opacity: 1;}
    }


.footer {position:relative;}