@charset "utf-8";


#wrap.statusWrap{min-width:1400px}
#header.statusHeader{position:relative !important;width:100%;min-width:1400px;border-bottom:0;background:#303F9F}
#container.statusContainer{position:relative;width:1400px;margin:auto;padding-top:50px}
#container.statusContainer2{padding-top:0px}


/* statusNav */
.statusNav{margin:auto}
.statusNav:after{content:"";clear:both;display:block}
.statusNav > h1{float:left;margin-top:35px;margin-right:135px}
.statusNav > h1 a{display:inline-block;vertical-align:middle}
.statusNav > h1 a.link1{height:31px;padding-left:140px;background:url("../../../images/renewal/layout/CI.png") no-repeat;}
.statusNav > h1 a.link2{font-size:1.786rem;/*25px*/font-weight:600;color:#fff; padding-left: 14px;border-left: 2px solid #8d97db;}
.statusNav .explanation{float:right;margin-top:42px;padding:7px 20px;background:#fff;font-size:1.071rem;/*15px*/color:#333}
.statusMenu > ul > li{float:left}
.statusMenu > ul > li:nth-child(2):before{content:"";display:inline-block;width:2px;height:22px;margin-left:15px;padding-left:15px;background:url("../../../images/renewal/status/status_line.png") left 3px no-repeat}
.statusMenu > ul > li > a{display:inline-block;position:relative;margin:0 10px;padding:42px 0 43px;font-size:1.786rem;/*25px*/color:#AEB7F2;font-weight:600}
.statusMenu > ul > li > a:hover, .statusMenu > ul > li > a:focus, .statusMenu > ul > li > a.show{color:#fff}
.statusMenu > ul > li > a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:10px;background:#fff;transition:0.5s}
.statusMenu > ul > li > a:hover:after, .statusMenu > ul > li > a:focus:after, .statusMenu > ul > li > a.show:after{left:0;width:100%}






/* statusTab */
.statusTab > ul:after{content:"";clear:both;display:block}
.statusTab > ul > li{float:left}
.statusTab > ul > li a{display:block}
.statusTab > ul > li:nth-child(1) a{margin-left:0;padding-left:0;background:none}
.statusTab > ul > li a:hover, .statusTab > ul > li a.show{color:#303F9F}
.statusTab > ul{clear:both;display:block;width:100%;margin:50px 0 40px}
.statusTab > ul > li{float:left;margin-left:-1px;box-sizing:border-box;text-align:center;vertical-align:middle}
.statusTab > ul > li:first-child:nth-last-child(1){width:100%}
.statusTab > ul > li:first-child:nth-last-child(2), .statusTab > ul > li:first-child:nth-last-child(2) ~ li{width:50%}
.statusTab > ul > li:first-child:nth-last-child(3), .statusTab > ul > li:first-child:nth-last-child(3) ~ li{width:33.333%}
.statusTab > ul > li:first-child:nth-last-child(4), .statusTab > ul > li:first-child:nth-last-child(4) ~ li{width:25%}
.statusTab > ul > li:first-child:nth-last-child(5), .statusTab > ul > li:first-child:nth-last-child(5) ~ li{width:20%}
.statusTab > ul > li:first-child:nth-last-child(6), .statusTab > ul > li:first-child:nth-last-child(6) ~ li{width:16.666%}



.statusTab > ul > li > a{display:block;width:100%;height:60px;padding:20px 0;border:1px solid #aaa;font-size:1.286rem;/*18px*/color:#222;text-align:center;transition:0.3s}
.statusTab > ul > li > a:hover, .statusTab > ul > li > a.show{border:1px solid #0B74DD;background:#0B74DD;font-size:1.429rem;/*20px*/color:#fff;font-weight:500}
.statusTab_content:after{content:"";clear:both;display:block}
.statusTab_content > li{display:none;position:relative}


.statusContents{position:relative;width:100%}
.statusContents:after{content:"";clear:both;display:block}
/* .statusTree{float:left;width:240px;margin-right:30px;padding-top:20px;border-top:5px solid #222} */
.statusTree{float:left;display:block;overflow-y:auto;width:240px;margin-right:30px;height:900px;/*padding-top:20px;border-top:5px solid #222;*/padding:5px;border:1px solid #ddd;box-sizing:border-box}
.tableau{width:100%}
.tableau2{float:left;width:calc(100% - 270px)}



/* localTabs */
.localSituation{position:relative;width:100%}
.localSituation:after{content:"";clear:both;display:block}
.localTabs{float:left;width:660px;min-height:180px;margin-left:80px;margin-top:50px;padding-top:15px;border-top:2px solid #555}
.localTabs:nth-child(odd){margin-left:0}
.localTabs > ul{position:relative}
.localTabs > ul:after{content:"";clear:both;display:block}
.localTabs > ul > li{float:left;margin-left:10px;padding-left:10px;background:url("../../../images/renewal/status/localTabs_line.png") left 7px no-repeat}
.localTabs > ul > li:first-child{margin-left:0;padding-left:0;background:none}
.localTabs > ul > li > a{z-index:1;display:block;position:relative;padding:5px 0 10px;font-size:1.286rem/*18px*/;color:#888;text-align:center;font-weight:400;letter-spacing:-0.03em;transition:0.3s}
.localTabs > ul > li > a:hover, .localTabs > ul > li > a:focus, .localTabs > ul > li > a.show{color:#000;font-weight:600} 
.localTabs > ul > li > a:after{content:"";z-index:-1;position:absolute;left:50%;bottom:0;width:0;height:2px;background:#009DDA;transition:0.3s}
.localTabs > ul > li > a.show:after{content:"";width:100%;left:0}
.localTabs_content{display:none;position:absolute;left:0;width:100%}
.localTabs_content > p{position:absolute;right:0;top:-27px}
.localTabs_content > p > a{color:#888}




/* localTabsPost */
.localTabsPost{position:relative;margin-top:15px}
.localTabsPost:after{content:"";clear:both;display:block}
.localTabsPost > li{margin-top:12px}
.localTabsPost > li:first-child{margin-top:0}
.localTabsPost > li:after{content:"";clear:both;display:block}
.localTabsPost > li > p{float:left;width:85%}
.localTabsPost > li > p > a{float:left;overflow:hidden;max-width:95%;font-size:1.143rem;/*16px*/color:#666;text-align:left;letter-spacing:-0.03em;white-space:nowrap;text-overflow:ellipsis;line-height:1.1}
.localTabsPost > li > p > a:hover, .post > li > p > a:focus{text-decoration:underline}
.localTabsPost > li > p .iconNew{float:left;width:12px;height:13px;margin:2px 0 0 3px;background:url("../../../images/renewal/main/icon_new.png") no-repeat}
.localTabsPost > li > span{float:right;font-size:1rem;/*14px*/color:#888}



/* contentsSearch */
.localSearchBox{width:100%;padding:20px 0;background:#f5f5f5}
.localSearch{display:table;position:relative;margin:0 auto;text-align:center}
.localSearch:after{content:"";clear:both;display:block}
.localSearch span{float:left;margin-left:10px}
.localSearch span:first-child{margin-left:0}
.localSearch select{width:270px;height:50px;padding:10px;border:1px solid #ccc;box-sizing:border-box;background:url("../../../images/renewal/sub/arrow_select.png") calc(100% - 10px) center no-repeat #fff;font-size:1.286rem;/*18px*/color:#444;letter-spacing:-0.03em;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s}
.localSearch input[type="text"]{width:520px;height:50px;border:1px solid #ccc;padding:10px;box-sizing:border-box;font-size:1.286rem;/*18px*/color:#444}
.localSearch button[type="submit"]{width:150px;height:50px}
.localSearch button{position:relative;overflow:hidden;width:150px;height:50px;border:1px solid #061F4D;box-sizing:border-box;background:#fff;font-size:1.286rem;/*18px*/color:#061F4D;text-align:center}
.localSearch button:before{content:"";z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:0;height:0;border-radius:50%;background: rgba(0,116,221,.2);opacity:0}
.localSearch button:hover, .localSearch button:focus{animation:bloom ease-in-out .75s forwards}
.localSearch button:hover:before, .localSearch button:focus:before{animation:circle .75s}



/* footer2 */
#footer2{clear:both;position:relative;overflow:auto;width:100%;padding:35px 0 50px;border-top:1px solid #888;letter-spacing:-0.03em}
.footer2{margin:auto;position:relative;width:1400px}
.footer2 > p a{margin-left:30px;font-size:1.286rem;/*18px*/color:#222}
.footer2 > p a:first-child{margin-left:0}
.footer2 > ul{margin:20px 0}
.footer2 > ul:after{content:"";clear:both;display:block}
.footer2 > ul li{float:left;margin-left:25px;font-size:1.143rem;/*16px*/color:#666;line-height:1.4}
.footer2 > ul li:first-child{margin-left:0}
.footer2 > ul li:last-child{float:right}
.footer2 > ul li strong{display:block;margin-bottom:4px;font-size:1.286rem;/*18px*/color:#222;font-weight:600}
.relatedOrg select{cursor:pointer;float:left;width:260px;height:40px;padding:0 10px;box-sizing:border-box;border:1px solid #ccc;background:url("../../../images/renewal/layout/select.png") calc(100% - 15px) center no-repeat #fff;font-size:1.143rem;/*16px*/color:#666;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:0.3s}
.relatedOrg button{float:left;width:60px;height:40px;margin-left:-1px;border:1px solid #888;background:url("../../../images/renewal/layout/switching.png") center center no-repeat #fff;transition:0.3s}





/**************************************************************************************************************************/
/*****************************************************    layerPop    *****************************************************/
/**************************************************************************************************************************/
.layerPop{display:none;z-index:21;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.layerPop:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.layer{z-index:22;display:inline-block;position:relative;width:100%;max-width:1400px;background:#fff;text-align:left;vertical-align:middle}
.layer > p{padding:20px;border-bottom:1px solid #ddd;background:#fafafa;font-size:1.286rem;/*18px*/;color:#303F9F;font-weight:500}
.layer .closeLayer{float:right;position:relative;top:-5px;width:30px;height:30px;background:url("../../../images/renewal/sub/btnClose.png") no-repeat}

.explanationlayer .scrollY{overflow-y:auto;height:535px !important}
.explanationlayer{width:600px !important;height:535px !important;letter-spacing:-0.05em}
.explanationlayer > p{padding:20px;background:#0B74DD;font-size:1.714rem;/*24px*/color:#fff;font-weight:600}
.explanationlayer .closeLayer{float:right;position:relative;top:0;width:23px;height:23px;background:url("../../../images/renewal/sub/assemblyClose.png") no-repeat}



/* 지표설명보기 팝업 */
.explanationBox{position:relative;margin:20px;letter-spacing:-0.03em}
.explanationBox.scrollY{overflow-y:auto;height:425px !important}
.explanationBox{padding:15px;border:1px solid #DEEDF4;background:#F7FBFD}
.explanationBox ul > li{margin-top:10px;padding-left:10px;background:url("../../../images/renewal/sub/bullet04.png") left 10px no-repeat;font-size:1.071rem;/*15px*/color:#555;line-height:1.3}
.explanationBox ul > li:first-child{margin-top:0}
.explanationBox ul > li > ul > li{display:block;margin-top:5px;padding-left:8px;background:url("../../../images/renewal/layout/bullet03.png") left 11px no-repeat;font-size:1rem;/*14px*/color:#666}
.explanationBox ul > li > ul > li:first-child{margin-top:5px}





    






@media screen and (max-width: 1023px) {

    .explanationlayer{width:550px !important;height:500px !important}
    .explanationlayer > p{padding:15px;font-size:1.571rem;/*22px*/}

    .explanationBox{margin:15px}
    .explanationBox.scrollY{height:415px !important}
    .explanationBox ul > li{background:url("../../../images/renewal/sub/bullet04.png") left 7px no-repeat;font-size:1rem;/*14px*/}
    .explanationBox ul > li > ul > li{background:url("../../../images/renewal/layout/bullet03.png") left 10px no-repeat;font-size:0.9286rem;/*13px*/}

}


@media screen and (max-width: 768px) {

    .explanationlayer{width:500px !important;height:415px !important}
    .explanationlayer > p{font-size:1.429rem;/*20px*/}

    /* 지표설명보기 팝업 */
    .explanationBox.scrollY{height:330px !important}
    .explanationBox > li > ul > li{font-size:1rem;/*14px*/}
    .explanationBox ul li{font-size:0.9286rem;/*13px*/}

}


@media screen and (max-width: 640px) {

    .explanationlayer{width:400px !important;height:415px !important}
    .explanationlayer > p{padding:15px}

    /* 지표설명보기 팝업 */
    .explanationBox{margin:15px}
    .explanationBox.scrollY{height:325px !important}

}


@media screen and (max-width: 568px) {

    .explanationlayer{width:350px !important;height:415px !important}

    /* 지표설명보기 팝업 */
    .explanationBox.scrollY{height:325px !important}

}


@media screen and (max-width: 400px) {

    .explanationlayer{width:280px !important;height:335px !important}

    /* 지표설명보기 팝업 */
    .explanationBox.scrollY{height:250px !important}

}