#login-wrap{width: 100%;margin: 0 auto;position: relative;}
#login-wrap:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 268px;background: #005094;z-index: -1;}
.login-wid{width: calc(100% - 20px);min-width: 1180px;margin: 0 auto;height: 100vh;min-height: 600px;display: flex;text-align: center;justify-content: space-around;align-items: center;}
.login-area{width: 100%;margin: 0 auto;}
.login-logo{text-align: center;margin-bottom: 55px;margin-top: -60px;}
.login-logo > a{display: inline-block;font-size: 0;}
.login-line{width: 100%;max-width: 820px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.login-box{width: calc(50% - 20px);height: 490px;box-sizing: border-box;padding: 55px 38px 20px;border: 2px solid #009bfa;background: #fff;border-radius: 15px;box-shadow:0 0 15px rgba(0,0,0,0.1);}
.login-box.line2{border: 2px solid #005094;}
.lgi-tit{margin-bottom: 50px;text-align: center;font-size: 32px;color: #464646;line-height: 1;}
.lgi-tit span{font-weight: 600;}
.lgi-tit span.bk{display: block;margin-top: 25px;}
.lgi-tit.ico{margin-bottom: 30px;padding-bottom: 124px;background: url('/images/login-ico.png') no-repeat center bottom;}
.lgi-btn{text-align: center;}
.lgi-btn > a.gpki{display: block;border-radius: 7px;line-height: 50px;font-size: 16px;color: #fff;font-weight: 600;background: #009bfa;}
.lgi-btn > a.gpki.bg2{background: #005094;}
.lgi-btn > div{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.lgi-btn > div > a{display: block;width: calc(50% - 5px);line-height: 45px;border-radius: 7px;border: 1px solid #818181;background: #fff;font-size: 15px;color: #303030;}
.lgi-bot{margin-top: 30px;}
.lgi-bot > p{font-size: 14px;color: #5d5d5d;line-height: 1.5;}
.lgi-bot > p:last-child{margin-top: 6px;}
.lgi-bot > p span{font-weight: 600;}
.lgi-text > li{position: relative;margin-bottom: 12px;padding-left: 40px;width: 100%;height: 50px;border-radius: 7px;background: #f7f7f7;}
.lgi-text > li input{border: 0;width: 100%;height: 50px;background: none;}
.lgi-text > li.ico1:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 50px;text-align: center;background: url('/images/aic1.png') no-repeat center center;}
.lgi-text > li.ico2:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 50px;text-align: center;background: url('/images/aic2.png') no-repeat center center;}


#ctl-wrap{width: 100%;min-width: 1860px;min-height: 100vh;margin: 0 auto;background: url('/images/ctl_bg.jpg') no-repeat center center;background-size: cover;}
.ctl-wid{width:calc(100% - 40px);max-width: 1860px;min-width: 1860px;margin: 0 auto;padding: 10px 0;}
.ctl-all{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ctl-lf{width: calc(23% - 7px);}
.ctl-ct{width: calc(62% - 7px);}
.ctl-rt{width: calc(15% - 7px);}
.ctl-box{width: 100%;box-sizing: border-box;background: #292c5a;border-radius: 35px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.ctl-box.box1{height: 190px;margin-bottom: 16px;padding: 15px 20px;}
.ctl-box.box2{height: 584px;margin-bottom: 16px;padding: 35px 25px;}
.ctl-box.box3{height: 246px;padding: 30px 25px 5px 25px;}
.ctl-box.box4{height: 790px;border-radius: 0;background: none;margin-bottom: 16px;padding: 15px 65px;}
.ctl-box.box5{width: 100%;background: none;border-radius: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ctl-box.box6{height: 572px;margin-bottom: 16px;padding: 35px 23px 15px;}
.ctl-box.box7{height: 464px;padding: 35px 30px 15px;}



.cta-box{width: 100%;position: relative;}
.cta-title{text-align: center;margin: 20px;font-size: 33px;color: #fefefe;font-weight: bold;line-height: 1;}
.cta-title span{display: block;font-size: 23px;font-weight: 300;opacity: 0.5;margin-top: 10px;}
.cta-map{padding: 0 8%;}
.cta-bot{position: absolute;right: 0;bottom: 30px;width: 268px;box-sizing: border-box;border-radius: 15px;border: 3px solid #403c60;padding: 20px 17px;}
.cta-bot > p{display: inline-block;position: absolute;left: 30px;top: -10px;padding: 0 10px;background: #17123f;font-size: 21px;color:#fff;font-weight: bold;line-height: 1;}
.cta-bot > ul{margin-top: -4px;margin-left: -4px;}
.cta-bot > ul > li{margin-top: 4px;margin-left: 4px;float: left;width: calc(50% - 4px);height: 24px;text-align: center;display: table;border-radius: 4px;}
.cta-bot > ul > li > span{display: table-cell;vertical-align: middle;font-size: 13px;color: #fff;}
.cta-bot > ul > li:nth-child(1){background: #8d2935;}
.cta-bot > ul > li:nth-child(2){background: #85802e;}
.cta-bot > ul > li:nth-child(3){background: #296637;}
.cta-bot > ul > li:nth-child(4){background: #2a6473;}
.cta-bot > ul > li:nth-child(5){background: #a08096;}
.cta-bot > ul > li:nth-child(6){background: #404b48;}
.cta-bot > ul > li:nth-child(7){background: #5f6c92;}
.cta-bot > ul > li:nth-child(8){background: #602361;}
.cta-bot > ul > li:nth-child(9){background: #a05c8c;}
.cta-bot > ul > li:nth-child(10){background: #62897e;}
.cta-bot > ul > li:nth-child(11){background: #648257;}
.cta-bot > ul > li:nth-child(12){background: #6f6557;}
.cta-ps{position: absolute;left: 10px;right: 10px;top: 190px;width: calc(100% - 20px);height: 90px;border-radius: 90px;text-align:center;display: table;background: #ffcc19;box-shadow:12px 14px 20px rgba(0,0,0,0.5);}
.cta-ps > p{font-size: 24px;color: #000;font-weight: bold;display: table-cell;vertical-align: middle;}
.cta-ps > span{display: inline-block;position: absolute;left: -10px;top: -9px;width: 108px;height: 108px;border-radius: 100%;background: #c70d0d url('/images/a-ic.png') no-repeat center center;box-shadow:0 0 15px rgba(0,0,0,0.4);}
.custom-marker {
    display: inline-block;
    width: 36px; height: 36px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    cursor: pointer;
}
.marker-A { background: #4caf50; }
.marker-B { background: #2196f3; }
.marker-C { background: #ff9800; }
.marker-D { background: #f44336; }

.weather-box{position: relative;padding-left: 160px;}
.weather-box .lfs{position: absolute;left: 0;top: 0;width: 140px;height: 160px;display: table;text-align: center;background: #747497;border-radius: 35px;}
.weather-box .lfs > p{display: table-cell;vertical-align: middle;font-size: 30px;color: #50bdeb;font-weight: 500;line-height: 1.2;}
.weather-box .lfs > p strong{display: block;font-weight: 800;color: #fff;}
.weather-line{display: flex;flex-wrap: wrap;width: 100%;height: 160px;}
.weather-line > li{width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #5f6284;padding: 12px 0;}
.weather-line > li:first-child{padding-top: 0;}
.weather-line > li:last-child{border-bottom: 0;padding-bottom: 0;}
.weather-line > li > p.stit{font-size: 16px;color: #fefefe;font-weight: 500;line-height: 1;}
.weather-line > li > p.stxt{font-size: 13px;color: #fff;font-weight: 400;line-height: 1;}
.weather-line > li > p.tpt{font-size: 25px;color: #fff;font-weight: 100;line-height: 1;}
.weather-line > li > p.tpt strong{font-size: 27px;font-weight: 500;}
.weather-line > li > .rpt{text-align: right;}
.weather-line > li > .rpt > p.apt{font-size: 15px;color: #fff;font-weight: 500;line-height: 1;}
.weather-line > li > .rpt > p.bpt{font-size: 12px;color: #fff;font-weight: 500;line-height: 1;margin-top: 3px;}
.weather-line > li > .rpt > p.bpt span{font-size: 15px;}
.weather-line > li > .ma-c{text-align: center;}
.weather-line > li > .ma-c > p{font-size: 11px;color: #b7b8c3;font-weight: 300;line-height: 1;letter-spacing: -0.5px;}
.weather-line > li > .ma-c > p span{font-size: 15px;color: #fff;}
.weather-line > li > .ma-c > p:last-child{margin-top: 7px;font-weight: 500;}

.status-box {display: flex; gap: 15px; margin-top: 10px; justify-content:end;}
.status-item {display: flex; align-items: center; gap: 5px; font-size: 12px; color: #333;}
.color-box {width: 14px; height: 14px; border-radius: 3px;}
.normal {background-color: #42c70d;}
.danger {background-color: #c70d0d;}
.caution {background-color: #ff9b19;}
.alert {background-color: #eed218;}
.status-box .status-item .label{color: #fff;}

.sctl-title{margin-bottom: 18px;}
.ctl-box.box5 .sctl-title{text-align: center;}
.sctl-title h4{display: inline-block;margin-right: 8px;font-size: 20px;color: #fff;font-weight: bold;line-height: 1;}
.sctl-title h4 > span{font-weight: 300;}
.sctl-title p{display: inline-block;font-size: 15px;color: #fff;font-weight: 300;line-height: 1;}
.sctl-title p strong{font-weight: bold;}
.grp-box{margin-bottom: 20px;text-align: center;padding: 18px;background: #1a1d40;border-radius: 35px;}
.grp-box > ul{display: flex;justify-content: space-between;align-items: center;}
.grp-box > ul > li{position: relative; font-family: "S-Core-Dream",sans-serif;}
.grp-box > ul > li > p{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 13px;color: #fff;font-weight: bold;line-height: 1; }
.grp-box > ul > li > p.cor1{color: #c70d0d;}
.grp-box > ul > li > p.cor2{color: #ff9b19;}
.grp-box > ul > li > p.cor3{color: #eed218;}
.grp-box > ul > li > p.cor4{color: #42c70d;}

.gpr-bot{width: 100%;height: 350px;overflow-y: auto;padding-right: 20px;box-sizing: border-box;}
.gpr-gs > li{padding: 20px 0;border-bottom: 2px dashed #4e5176;}
.gpr-gs > li > a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.gpr-gs > li > a > span{display: inline-block;width: 70px;height: 50px;background: url('/images/gic1.png') no-repeat left center;}
.gpr-gs > li > a > .text{width: calc(100% - 125px);}
.gpr-gs > li > a > .text > p.tit{font-size: 17px;color: #fff;font-weight: 400;line-height: 1;display:block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gpr-gs > li > a > .text > p.dat{margin-top: 5px;font-size: 13px;color: #fff;font-weight: 300;line-height: 1;display:block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gpr-gs > li > a > .gic-r{width: 55px;display: flex;justify-content: space-between;align-items: center;}


.gpr-bot{width: 100%;height: 350px;overflow-y: auto;padding-right: 20px;box-sizing: border-box;}
.gpr-gs > .slick-list > .slick-track > li{padding: 20px 0;border-bottom: 2px dashed #4e5176; display: flex; justify-content: space-between;  flex-direction: row; flex-wrap: nowrap;}
.gpr-gs > .slick-list > .slick-track > li > a{ display: flex; flex:1; align-items: center; min-width:0;}
.gpr-gs > .slick-list > .slick-track > li > a > span{display: inline-block;width: 70px;height: 50px;background: url('/images/gic1.png') no-repeat left center;}
.gpr-gs > .slick-list > .slick-track > li > a > .text{width: calc(100% - 125px);}
.gpr-gs > .slick-list > .slick-track > li > a > .text > p.tit{font-size: 17px;color: #fff;font-weight: 400;line-height: 1;display:block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gpr-gs > .slick-list > .slick-track > li > a > .text > p.dat{margin-top: 5px;font-size: 13px;color: #fff;font-weight: 300;line-height: 1;display:block;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gpr-gs > .slick-list > .slick-track > li > .gic-r {width: 55px;display: flex;justify-content: space-between;align-items: center;}

.agrp-box{text-align: center;}
.agrp-box img{max-width: 100%;}

.ctl-s-lf{display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(47% - 7px);height: 246px;box-sizing: border-box;background: #292c5a;border-radius: 35px;box-shadow:0 0 10px rgba(0,0,0,0.1);padding: 30px 0 10px;}
.ctl-s-rt{width: calc(53% - 7px);height: 246px;box-sizing: border-box;background: #292c5a;border-radius: 35px;box-shadow:0 0 10px rgba(0,0,0,0.1);padding: 30px 20px 10px;}
.ctl-s-lf .lf-a{position: relative;padding: 0 15px;width: 48%;box-sizing: border-box;}
.ctl-s-lf .rt-b{padding: 0 15px;width: 52%;box-sizing: border-box;}
.ctl-s-lf .lf-a:after{content: "";position: absolute;right: 20px;top: 2px;bottom: 0;width: 2px;background: #4b4f75;}

.amun-box{padding: 20px 17px;background: #1c1e42;border-radius: 25px;height: 107px;box-sizing: border-box;position: relative;}
.amun-box > p.t-txt{font-size: 18px;color: #c6c6cc;font-weight: 500;line-height: 1;}
.amun-box > p.b-txt{position: absolute;right: 17px;bottom: 20px;font-size: 15px;color: #fff;font-weight: 300;line-height: 1;}
.amun-box > p.b-txt strong{font-size: 48px;}

.bnum_line{margin-top: 12px;margin-bottom: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.bnum_line > li{width: calc(25% - 2px);height: 125px;background: #1b1d41;border-radius: 25px;text-align: center;box-sizing: border-box;padding: 20px 3px 10px;}
.bnum_line > li > div{padding-bottom: 38px;margin-bottom: 10px;font-size: 17px;color: #fff;font-weight: 500;line-height: 1;}
.bnum_line > li > p{font-size: 13px;color: #fff;font-weight: 300;line-height: 1;}
.bnum_line > li > p strong{font-size: 22px;line-height: 1;}
.bnum_line > li > div.ico1{background: url('/images/nic1.png') no-repeat center bottom;}
.bnum_line > li > div.ico2{background: url('/images/nic2.png') no-repeat center bottom;}
.bnum_line > li > div.ico3{background: url('/images/nic3.png') no-repeat center bottom;}
.bnum_line > li > div.ico4{background: url('/images/nic4.png') no-repeat center bottom;}

.abode-box{margin-top: -10px;border-top: 2px solid #4e5176;height: 375px;overflow: hidden;}
.abode-box > li{display: flex;padding: 15px 0;align-items: center;border-bottom: 2px dashed #4e5176;}
.abode-box > li > span{display: inline-block;width: 90px;line-height: 30px;border-radius: 3px;text-align: center;background: #747497;font-size: 14px;color: #fff;font-weight: 500;letter-spacing: -0.6px;}
.abode-box > li > p{margin-left: 20px;font-size: 12px;color: #fff;font-weight: 300;}
.abode-box > li > p span{font-weight: 500;font-size: 15px;}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.modal-content {
    background: #fff;
    width: 441px;
    padding: 5rem 2.5rem;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    text-align: left;
}
.modal-close {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 22px;
    font-weight: bold;
    border: none;
    background: transparent;
    cursor: pointer;
}
.modal h2 {
    margin-top: 0;
    font-size: 1.25rem;
    margin-bottom: 1rem;
    text-align: center;
}
.modal .btn-area {
    margin-top: 1.5rem;
    text-align: right;
}
.modal .btn-area button {
    padding: 0.5rem 1.25rem;
    border: none;
    background: #005094;
    border-radius: 4px;
    cursor: pointer;
    color:#fff;
    height: 50px;
}

.find-modal input{ height: 50px; background: #e8f0fe; border:none;}
.find-modal input:focus{outline:none !important;}
.navy-btn{background: #005094;}
.wd100{width: 100%;}