@charset "utf-8";

#main{background:#f8f8f8;position:relative;padding-bottom:1px;}
body#main{background:transparent;}
.page_wrap.bg_active{background:#f8f8f8;}
#visual{position:relative;}
#visual .slick-wrap{position:relative;}
#visual .control{position:absolute;left:50%;transform:translateX(-50%);bottom:13%;z-index:1003;}
#visual .control button{margin-right:5px;}
#visual .control .play{display:none;}
#visual .control .count{display:inline-block;height:30px;border:1px solid #fff;border-radius:15px;text-align:center;padding:0 19px;font-size:20px;color:#fff;line-height:28px;vertical-align:7px;margin-left:1px}
#visual .slick{position:relative;}
/*#visual .slick:before{content:'';display:block;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:url(/page/fire/images/main/bg_visual.png) no-repeat 0 0;background-size:cover;z-index:1001;}*/
/*#visual .slick:after{content:'';display:block;position:absolute;bottom:0px;left:0px;right:0px;background:url(/page/fire/images/main/bg_visual_bt.png) no-repeat 0 0;background-size:cover;height:16%;z-index:1002;}*/

#visual .slick .slick-list .slick-track .slick-slide img{display:block;}
#visual .slick .slick-list .slick-track .slick-slide{z-index:inherit !important;}
#visual .slick .text{position:absolute;color:#fff;top:32%;left:50%;margin-left:-700px;font-size:50px;z-index:1005;font-family:'Minguk-Bold';line-height:1.5;letter-spacing:-2px;}
#visual .slick .text strong{display:block;font-size:66px;}
#visual .slick .text strong span{display:inline-block;position:relative;font-size:76px;}
#visual .slick .text strong span:after{content:'';display:block;width:21px;height:26px;background:url(/page/fire/images/main/mark_01.png) no-repeat 0 0;background-size:cover;position:absolute;top:-6px;right:-15px;}
#visual .slick .text strong br{display:none;}
#visual .slick .text .line_2{display:block;padding-left:78px}
#visual .condition_wrap .trigger{position:absolute;top:32%;right: 48%;margin-right:-700px;z-index:1010;width:300px;height:300px;}
#visual .condition_wrap .trigger img{animation-name:now;animation-duration:1s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease;}

@keyframes now {
  0%{opacity:1;transform:scale(1);}
  100%{opacity:.8;transform:scale(.8);}
}

#visual .condition_wrap .condition{max-width:1250px;width:100%;min-height:550px;border-radius:20px;overflow:hidden;position:absolute;top:20.5%;left:50%;transform:translateX(-50%);z-index: 2000;display:none;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.3);}
#visual .condition_wrap .close{background:url(/page/fire/images/main/close.png) no-repeat 0 0;background-size:cover;;width:36px;height:36px;position:absolute;top:15px;right:15px;overflow:hidden;text-indent:-9999px;z-index:100;}
#visual .condition .data{float:left;min-width:314px;padding:0 15px 0 42px;background:rgba(232,231,237,.97);min-height:550px;}
#visual .condition .data h3{font-family:'Minguk-Bold';font-size:30px;padding-top:45px;line-height:1.3;}
#visual .condition .data h3 em{color:#455a64;}
#visual .condition .data .date{display:block;font-weight:300;font-size:18px;color:#424242;padding-bottom:60px;}
#visual .condition .data .date2{display:block;font-weight:300;font-size:18px;color:#424242;padding-bottom:60px;}
#visual .condition .data #nonedisplay{display:none;}
#visual .condition .data .case{border-bottom:1px solid #cfd8dc;margin-right:25px;padding:0 3px 5px 0;overflow:hidden;}
#visual .condition .data .case + .case{margin-top:25px;}
#visual .condition .data .case strong{display:block;float:left;font-size:24px;color:#212121;font-weight:500;padding-left:10px;position:relative;margin-top:12px;}
#visual .condition .data .case strong:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#f90000;position:absolute;left:0px;top:4px;}
#visual .condition .data .case.emergency strong:after{background:#05b03e;}
#visual .condition .data .case.rescue strong:after{background:#ff8000;}
#visual .condition .data .case.etc strong:after{background:#239efe}
#visual .condition .data .case p{text-align:right;font-size:24px;color:#212121;line-height:1;letter-spacing:-1px;}
#visual .condition .data .case p em{font-size:48px;font-weight:900;color:#d80000;}
#visual .condition .data .case.emergency p em{color:#007c2a;}
#visual .condition .data .case.rescue p em{color:#a75400;}
#visual .condition .data .case.etc p em{color:#006cc0;}
#visual .condition .local{background:rgba(255,255,255,.97);position:relative;overflow:hidden;min-height:550px;}
#visual .condition .local:before{content:'';width:454px;height:443px;background:url(/page/fire/images/main/bg_local.png) no-repeat 0 0;background-size:cover;position:absolute;top:0px;right:0px;}
#visual .condition .map{float:left;padding-left:45px;}
#visual .condition .map h3{font-family:'Minguk-Bold';font-size:30px;padding-top:45px;line-height:1.3;}
#visual .condition .map h3 em{color:#455a64;}
#visual .condition .map .date{display:none;font-weight:300;font-size:18px;color:#424242;}
#visual .condition .map .date2{display:block;font-weight:300;font-size:18px;color:#424242;}
#visual .condition .map .box{width:450px;height:418px;background:url(/page/fire/images/main/map.png) no-repeat 0 0;background-size:cover;margin-top:-20px;position:relative;box-shadow:none;}
#visual .condition .map .pointer{position:absolute;}
#visual .condition .map .pointer.p_01{top:16%;left:8%;}
#visual .condition .map .pointer.p_01 img{margin:3px 0 0 23px;}
#visual .condition .map .pointer.p_02{top:22%;left:22%;}
#visual .condition .map .pointer.p_02 img{margin:1px 0 0 -4px;}
#visual .condition .map .pointer.p_03{top:20%;left:36%;}
#visual .condition .map .pointer.p_03 img{margin:6px 0 0 3px;}
#visual .condition .map .pointer.p_04{top:11%;left:55%;}
#visual .condition .map .pointer.p_04 img{margin:-10px 0 0 -1px;}
#visual .condition .map .pointer.p_05{top:37%;left:24%;}
#visual .condition .map .pointer.p_05 img{margin:5px 0 0 1px;}
#visual .condition .map .pointer.p_06{top:30%;left:48%;}
#visual .condition .map .pointer.p_06 img{margin:-13px 0 0 -4px;}
#visual .condition .map .pointer.p_07{top:23.5%;left:60%;}
#visual .condition .map .pointer.p_07 img{margin:-1px 0 0 -2px;}
#visual .condition .map .pointer.p_08{top:48%;left:39%;}
#visual .condition .map .pointer.p_08 img{margin:1px 0 0 -7px;}
#visual .condition .map .pointer.p_09{top:34%;left:63%;}
#visual .condition .map .pointer.p_09 img{margin:-1px 0 0 1px;}
#visual .condition .map .pointer.p_10{top:75%;left:29%;}
#visual .condition .map .pointer.p_10 img{margin:-3px 0 0 6px;}
#visual .condition .map .pointer.p_11{top:63%;left:39%;}
#visual .condition .map .pointer.p_11 img{margin:2px 0 0 -15px;}
#visual .condition .map .pointer.p_12{top:61%;left:54%;}
#visual .condition .map .pointer.p_12 img{margin:5px 0 0 11px;}
#visual .condition .map .pointer.p_13{top:52%;left:74%;}
#visual .condition .map .pointer.p_13 img{margin:2px 0 0 -7px;}
#visual .condition .map .pointer.p_14{top:84%;left:54%;}
#visual .condition .map .pointer.p_14 img{margin:-7px 0 0 5px;}
#visual .condition .map .pointer.p_15{top:74%;left:65%;}
#visual .condition .map .pointer.p_15 img{margin:-1px 0 0 7px;}
#visual .condition .map .pointer.p_16{top:66.4%;left:82%;}
#visual .condition .map .pointer.p_16 img{margin:-4px 0 0 -1px;}
#visual .condition .map .pointer.p_17{top:89.5%;left:77%;}
#visual .condition .map .pointer.p_17 img{margin:-18px 0 0 -2px;}
#visual .condition .map .pointer.p_18{top:81%;left:86%;}
#visual .condition .map .pointer.p_18 img{margin:1px 0 0 -12px;}
#visual .condition .map .pointer button{font-size:14px;font-weight:500;padding:10px;z-index:10;position:relative;}
#visual .condition .map .active button{font-size:16px;font-weight:700;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.7);text-decoration:none;}
#visual .condition .map .pointer img{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#visual .condition .graph{overflow:hidden;z-index:10;position:relative;}
#visual .condition .graph h3{text-align:right;padding:50px 100px 0 0;font-size:30px;color:#616161;}
#visual .condition .graph h3 strong{font-size:48px;font-weight:700;color:#212121;}
#visual .condition .graph .box{padding-top:15px;overflow:hidden;box-shadow:none;}
#visual .condition .graph .one_graph{margin:0 auto;max-width:400px;padding-right:40px;}
#visual .condition .graph .news{height:50px;line-height:40px;border:5px solid #f90000;border-top-left-radius:25px;border-bottom-left-radius:25px;margin:30px 0 0 25px;border-width:5px 0 5px 5px;padding:0 10px 0 35px;position:relative;}
#visual .condition .graph .news p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;}
#visual .condition .graph .news:after{content:'';display:block;width:118px;height:105px;background:url(/page/fire/images/main/woman.png) no-repeat 0 0;background-size:cover;position:absolute;top:-110px;right:20px;;}
#visual .condition .graph .news span{font-size:18px;}
#visual .condition .graph .news .position{color:#0d47a1;font-weight:700;}
#visual .condition .graph .news .situation{color:#f90000;font-weight:700;}
#visual .condition .graph .news .number{font-weight:700;}
#visual .visual_statistics{position: relative;}
#visual .visual_statistics a{position: absolute; bottom: 55px; z-index: 1200; right: 259px;}
#visual .visual_statistics img{}


@media (max-width: 1450px) {

    #visual .visual_statistics a{right: 140px;}
    #visual_statistics {right: 135px;}
    #visual .slick .text{left:50px;margin-left:0;top:23%;}
    #visual .condition_wrap .trigger{top: 155px; right: 90px; margin-right:0;}
    #visual .condition .data{min-width:300px;}
    #visual .visual_statistics img{width: 173px;}

}

@media (max-width: 1280px){

    #visual .visual_statistics img{width: 146px;}
    #visual .condition_wrap .trigger{top: 135px; right: 89px;}

}

@media (max-width: 1200px) {

    #visual .visual_statistics img{width: 231px; height: 169px;}
    #visual .slick:before{background:url(/page/fire/images/main/bg_visual_02.png) no-repeat 0 0;background-size:cover;}
    #visual .slick .text{font-size:42px;left:5%;top:20%;}
    #visual .slick .text strong{font-size:56px;}
    #visual .slick .text strong span{font-size:66px;}
    #visual .slick .text .line_2{padding-left:45px;}
    #visual .slick .text strong span:after{width:18px;height:24px;}
    #visual .condition_wrap .trigger{right: 1%;top:inherit;bottom: 47%;}
    #visual .condition_wrap .condition{max-width:750px;top:90px}
    #visual .condition .data{min-width:260px;padding: 0 10px 0 30px;min-height:991px;}
    #visual .condition .data .case{margin-right:20px;}
    #visual .condition .map{padding-left:20px;float:none;}
    #visual .condition .graph{padding-bottom:25px;}
    #visual .condition .graph h3{text-align:left;padding: 0 0 0 20px;margin-top:-10px;}
    #visual .slick:after{height:9%;}
    #visual .control{bottom: 12%;}
    #visual .visual_statistics a{bottom: 101px; right: 63px;}

}

@media (max-width: 1024px) {

    #visual .visual_statistics a{bottom: 80px; right:77px;}

}

@media (max-width: 980px) {

    #visual .visual_statistics a{bottom: 78px; right: 61px;}

}


@media (max-width: 960px) {

  #visual .visual_statistics img{width: 197px; height: 146px;}
  #visual .condition_wrap .trigger{ top: 43%; left: 1%;}
  #visual .visual_statistics a{right: 50px;}

}


@media (max-width: 767px) {

    #visual .condition_wrap .trigger img{width: 270px !important; height: 270px;}
    #visual .visual_statistics img{width: 235px!important; height: 173px;}
    #visual .visual_statistics a{bottom: 280px; right: 94px; }
    #visual .slick:after{height:9%;}
    #visual .slick .text{font-size:5vw;left:5%;top:20%;text-align:center;letter-spacing:0px;left:50%;transform:translateX(-50%);}
    #visual .slick .text strong{font-size:8vw;}
    #visual .slick .text strong br{display:block;}
    #visual .slick .text strong span{font-size:10vw;}
    #visual .slick .text .line_2{padding:5px 0 0 0;white-space:nowrap;}
    #visual .slick .text strong span:after{width:2.7vw;height:3.5vw;right:-2vw}
    #visual .slick .text strong span:first-of-type:after{right:inherit;left:17.5vw;}
    #visual .control{bottom:4%;}
    #visual .control button{margin-right:3px;}
    #visual .control button img{width:23px;height:23px;}
    #visual .control .count{height:23px;line-height:23px;font-size:15px;padding:0 13px;vertical-align:6px;}
    #visual .condition_wrap .trigger{top: 58%; right:inherit;left: 9%;transform:translateX(-50%);width:120px;height:120px;}
    #visual .condition_wrap .trigger img{width:120px;}
    #visual .condition_wrap .condition{width:calc(100% - 10px);border-radius:8px;max-width:450px;}
    #visual .condition_wrap .close{width:20px;height:20px;top:10px;right:10px;}
    #visual .condition .data{float:none;min-height:auto;padding: 0 0 15px 15px;}
    #visual .condition .data h3{padding-top:27px;font-size:19px;}
    #visual .condition .data .date{font-size:12px;padding-bottom:20px;}
    #visual .condition .data .list{overflow:hidden;}
    #visual .condition .data .case{float:left;width:calc(50% - 15px);margin-right:15px;}
    #visual .condition .data .case + .case{margin-top:0px;}
    #visual .condition .data .case:nth-child(n+3){margin-top:10px;}
    #visual .condition .data .case strong{font-size:16px;padding-left:6px;}
    #visual .condition .data .case p{font-size:16px;}
    #visual .condition .data .case p em{font-size:32px;}
    #visual .condition .data .case strong:after{width:6px;height:6px;top:-1px;}
    #visual .condition .map{padding-left:15px;}
    #visual .condition .map h3{padding-top:24px;font-size:19px;}
    #visual .condition .map .date{font-size:12px;}
    #visual .condition .map .box{width:287px;height:266px;margin:-10px auto 0;}
    #visual .condition .map .pointer button{font-size:12px;}
    #visual .condition .map .pointer.p_01{top:14%;left:6%;}
    #visual .condition .map .pointer.p_01 img{margin: 2px 0 0 15px;width: 105px;}
    #visual .condition .map .pointer.p_02{top: 20%;left: 20%;}
    #visual .condition .map .pointer.p_02 img{margin: 0px 0 0 -2px;width: 76px;}
    #visual .condition .map .pointer.p_03{top: 19%;left: 34%;}
    #visual .condition .map .pointer.p_03 img{margin: 2px 0 0 1px;width: 55px;}
    #visual .condition .map .pointer.p_04{top: 8%;left: 53%;}
    #visual .condition .map .pointer.p_04 img{margin: -2px 0 0 0px;width: 51px;}
    #visual .condition .map .pointer.p_05{top: 35%;left: 22%;}
    #visual .condition .map .pointer.p_05 img{margin: 4px 0 0 1px;width: 75px;}
    #visual .condition .map .pointer.p_06{top: 27%;left: 45%;}
    #visual .condition .map .pointer.p_06 img{margin: -5px 0 0 0px;width: 75px;}
    #visual .condition .map .pointer.p_07{top: 21.5%;left: 58%;}
    #visual .condition .map .pointer.p_07 img{margin: 0px 0 0 -2px;width: 30px;}
    #visual .condition .map .pointer.p_08{top: 45%;left: 36%;}
    #visual .condition .map .pointer.p_08 img{margin: 3px 0 0 -1px;width: 143px;}
    #visual .condition .map .pointer.p_09{top: 31%;left: 61%;}
    #visual .condition .map .pointer.p_09 img{margin: 2px 0 0 2px;width: 56px;}
    #visual .condition .map .pointer.p_10{top: 72%;left: 27%;}
    #visual .condition .map .pointer.p_10 img{margin: 1px 0 0 3px;width: 70px;}
    #visual .condition .map .pointer.p_11{top: 61%;left: 37%;}
    #visual .condition .map .pointer.p_11 img{margin: 2px 0 0 -9px;width: 75px;}
    #visual .condition .map .pointer.p_12{top: 58%;left: 52%;}
    #visual .condition .map .pointer.p_12 img{margin: 6px 0 0 8px;width: 81px;}
    #visual .condition .map .pointer.p_13{top: 50%;left: 72%;}
    #visual .condition .map .pointer.p_13 img{margin: 1px 0 0 -5px;width: 75px;}
    #visual .condition .map .pointer.p_14{top: 82%;left: 52%;}
    #visual .condition .map .pointer.p_14 img{margin: -4px 0 0 4px;width: 105px;}
    #visual .condition .map .pointer.p_15{top: 71%;left: 63%;}
    #visual .condition .map .pointer.p_15 img{margin: 3px 0 0 5px;width: 71px;}
    #visual .condition .map .pointer.p_16{top: 64%;left: 81%;}
    #visual .condition .map .pointer.p_16 img{margin: -2px 0 0 -3px;width: 37px;}
    #visual .condition .map .pointer.p_17{top: 87.5%;left: 74%;}
    #visual .condition .map .pointer.p_17 img{margin: -11px 0 0 2px;width: 37px;}
    #visual .condition .map .pointer.p_18{top: 79%;left: 82%;}
    #visual .condition .map .pointer.p_18 img{margin: 2px 0 0 -1px;width: 77px;}
    #visual .condition .graph{padding-bottom:38px;}
    #visual .condition .graph h3{font-size:19px;}
    #visual .condition .graph h3 strong{font-size:30px;}
    #visual .condition .graph .one_graph{max-width:300px;padding-right:0;}
    #visual .condition .graph .one_graph text{font-size:14px !important;}
    #visual .condition .graph .news:after{display:none;}
    #visual .condition .graph .news{margin: 5px 0 0 50px;height:34px;line-height:25px;font-size:12px;padding-left:15px}
    #visual .condition .graph .news span{font-size:14px;}

}

@media (max-width: 680px) {

   #visual .visual_statistics a{right: 15px;}
   #visual .condition_wrap .trigger{top: 53%;}

}

@media (max-width: 560px) {

    #visual .visual_statistics a{right: 15px; bottom: 169px;}
    #visual .condition_wrap .trigger{left: 15%; top: 50%;}

}

@media (max-width: 473px) {

    #visual .condition_wrap .trigger img{width: 220px !important; height: 220px;}
    #visual .visual_statistics a{bottom: 180px; right: 50px !important;}
    #visual .visual_statistics img{width: 168px !important; height: 146px; }
    #visual .control{bottom: 10%;}
    #visual .condition_wrap .trigger{bottom: 30%;}

}

@media (max-width: 375px) {

   #visual .control button{margin-right: 4px;}
   #visual .control .count{height: 30px; padding: 2px 13px; vertical-align: 10px;}
   #visual .control button img{width: 30px; height: 30px;}
   #visual .slick .text .line_2{padding: 13px 0 0 0;}
   #visual .slick .text strong span:after{right: -4vw; top: -5vw;}
   #visual .slick .text strong span:first-of-type:after{left: 25.5vw; top: -4vw;}
   #visual .slick .text strong span:after{width:4.7vw; height: 5.5vw;}
   #visual .slick .text strong span{left: 3px; top: 2px; font-size: 14vw;}
   #visual .slick .text strong{font-size: 12vw; line-height: 1.3; white-space: nowrap;}
   #visual .slick .text .line_2{font-size: 22px;}
   #visual .control{bottom: 11%;}
   #visual .condition_wrap .trigger img{width: 211px!important; height: 211px!important;}
   #visual .condition_wrap .trigger{left: 46%!important;}
   #visual .visual_statistics img{width: 180px !important; height: 124px !important; }
   #visual .visual_statistics a{bottom: 118px!important;}
   #visual .visual_statistics a{margin-right: -42%; right: 50% !important; bottom: 110px;}
   #visual .condition_wrap .trigger{left: 50%; margin-left: -32%;}

}

@media (max-width: 360px) {

   #visual .condition_wrap .trigger img{width: 180px!important; height: 180px!important;}
   #visual .visual_statistics img{width: 126px!important; height: 92px!important;}
   #visual .control{bottom: 7%; left: 40%;}

}

@media (max-width: 320px) {

  #visual .condition_wrap .trigger{top: 50%; left: 54% !important;}
  #visual .slick .text strong{font-size: 10vw}
  #visual .slick .text .line_2{font-size: 18px;}
  #visual .condition_wrap .trigger img{width: 170px!important; height: 170px!important;}
  #visual .control{bottom: 9%;}
  #visual .visual_statistics img{ width: 128px !important; height: 95px !important;}

}

#notify{position:relative;max-width:1400px; z-index:1003; margin: 72px auto 0 auto;}
#notify .photo{float:left;max-width: 590px; width: 100%; position:relative; z-index: 10; box-shadow: 0 5px 20px rgba(0,0,0,.1); border-radius: 14px;}
#notify .photo .slick-wrap{border-radius:12px;overflow:hidden;}
#notify .photo .slick-box{overflow:hidden;border-radius:15px;;}
#notify .photo .slick{border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);}
#notify .photo .box{width:290px;height: 361px;border-radius:12px;box-shadow: 0 5px 20px rgba(0,0,0,.1);position:absolute;bottom:0;right: -219px;background:#fff;padding:20px 20px; z-index: -1;}
#notify .photo .box h3{position: relative; font-family:'Minguk-Bold';font-size:26px;margin-bottom:5px; text-align: center;}
#notify .photo .box .more{position: absolute; top:28px; right: 70px; width: 20px; height: 20px; display:block; overflow:hidden; text-indent:-9999px;}
#notify .photo .box .more:after{content: ""; width:20px;height:20px;display:block;position:absolute;top:0;left: 0;overflow:hidden;text-indent:-9999px; background: url('/page/fire/images/main/plus.png')no-repeat;}
/*#notify .photo .box .more:before{content:'';display:block;width:2px;height:20px;background:#535353;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}*/
/*#notify .photo .box .more:after{content:'';display:block;width:20px;height:2px;background:#535353;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}*/
#notify .photo .box .text .title{ max-height: 101px; min-height: 50px; color: #212121; font-size: 18px; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 76px; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 3.6em;}
#notify .photo .box .text .date{display:block;color:#9e9e9e;margin-top:5px; padding: 0 0 0 76px; font-weight: 300;}
#notify .photo .slick-slide img{display:block;height: 400px;}
#notify .photo .box .control{position:absolute;bottom:18px;right:20px;}
#notify .photo .box .control button{margin-left:10px; cursor: pointer;}
#notify .photo .box .control .play{display:none;}
#notify .photo .box .count{}
#notify .photo .box .count em{}
#notify .window{float:left; width: 808px; padding: 74px 0 0 273px;}
#notify .window h3{font-family:'Minguk-Bold';font-size:26px;margin-bottom:5px;}
#notify .window .slick-wrap{max-width: 535px; position:relative;box-shadow: 0 5px 20px rgba(0,0,0,.1);border-radius:15px;}
#notify .window .slick-box{overflow:hidden;border-radius:15px;;}
#notify .window .slick a{border-radius:12px;}
#notify .window .slick a img{display:block;}
#notify .window .control{position:absolute;top:-40px;right:0px;z-index:100;}
#notify .window .control button{margin-right:10px;}
#notify .window .control .play{display:none;}
#notify .window .count{display:inline-block;font-size:22px;color:#616161;font-weight:500;}
#notify .window .count em{font-size:24px;color:#d50000;}

@media (max-width: 1450px) {

 #notify .photo .slick-slide img{height:26vw;}

}

@media (max-width: 1398px) {

 #notify .photo .box{height:306px;}
 #notify{margin: 72px;}
 #notify .photo{width: 37%;}
 #notify .window{width: 63%;}

}

@media (max-width: 1200px) {

 #notify .photo .box .text .title{padding: 0 0 0 64px;}
 #notify .photo{width: 41%;}
 #notify .window{width: 59%;}
 #notify .photo .box{bottom: 2px; right: -161px; max-width: 60%;}
 #notify .photo .slick-slide img{height:31vw;}
 #notify .photo .box {right: -196px;}
 #notify .photo .box .more{left: 171px;}
 #notify .photo .box .text .title{padding: 0 0 0 60px; word-break: keep-all;}
 #notify .photo .box .text .date{padding: 0 0 0 65px;}

}

@media (max-width: 1024px) {

  #news .slick-box .slick .slide{margin-right: 45px !important;}
  #notify{margin: 72px 20px 50px 20px}
  #notify .photo{width: 38%;}
  #notify .window{width: 62%; padding: 39px 0 0 184px;}
  #notify .photo .box{height: 285px; right: -160px;}
  #notify .photo .box .text .title{padding-left:35px; font-size: 16px; padding-left: 59px;}
  #notify .photo .box .text .date {padding-left:61px;}
  #notify .photo .box .more{left:182px;}
  #notify .photo .box h3{padding-left: 25px;}

}

@media (max-width: 980px) {

#notify .photo .box .more{left: 170px;}

}

@media (max-width: 920px) {

  #notify .photo .box .text .title {padding-left: 46px;}
  #notify .photo .box .text .date{padding-left: 50px;}

}

@media (max-width: 900px) {

  #notify .photo{width: 38%;}
  #notify .window{width: 62%; padding: 21px 0 30px 183px!important;}
  #notify .photo .box{height: 248px;}
  #notify .photo .box .text .date{padding-left: 46px;}

}

@media (max-width: 860px) {

  #notify .photo .box .text .date {padding-left: 26px;}
  #notify .photo .box .text .title{padding-left: 25px;}
  #notify .photo .box h3{padding: 0;}
  #notify .photo .box .more{left: 150px;}

}

@media (max-width: 840px) {

  #notify .photo .box .more{left: 139px;}

}

@media (max-width: 768px) {

  #notify .photo .box h3{text-align: left;}
  #notify{padding:0;}
  #notify .photo{float:none;width:95%;max-width:500px;margin:0 auto;padding-right:0;}
  #notify .photo .box{width: 500px; max-width: 100%; top: 100%; left: 0; max-height:55%;padding:10px;height:150px;}
  #notify .photo .box h3{font-size:24px; padding-left: 14px;}
  #notify .photo .box .text .title{font-size:16px;max-height:35px;min-height:35px; margin-top: 13px; padding-left: 14px;}
  #notify .photo .box .text .date{font-size:14px;margin-top:3px; padding-left: 14px;}
  #notify .photo .box .control{bottom:15px;right:10px;}
  #notify .photo .box .control button{margin-left:0;padding:3px;}
  #notify .photo .box .control button img{height:10px;}
  #notify .window{float:none;width:95%;max-width:500px;margin:0 auto;padding-left:0 !important;}
  #notify .window h3{font-size:24px;}
  #notify .window .count{font-size:14px;}
  #notify .window .count em{font-size:14px;}
  #notify .window .control{top:-32px; bottom: 34px;}
  #notify .window .control button{margin-right:0;padding:3px;}
  #notify .window .control button img{height:10px;}
  #notify .photo .slick-slide img{height:43vw;}
  #notify .window h3{margin-top: 165px;}
  #notify .photo .box .more{top: 16px;}

}

@media (max-width: 640px) {

  #notify .photo .box{top: 100%;}
  #notify .photo .slick-slide img{height:60vw;}
}

@media (max-width: 576px) {

   #notify .window {padding: 40px 0 15px 0;}
   #notify .photo .box{}

}

@media (max-width: 375px) {

  #notify{margin: 55px 0px 0 0px !important;}
  #notify .photo{border-radius: 15px;}
  #notify .photo .box {width: 351px; margin: -18px 10px 0 0; padding: 0!important; max-height: 64%;}
  #notify .photo .box .control {bottom: 17px;}
  #notify .photo .box .more{left: 133px; top: 27px;}
  #notify .photo .box h3{margin: 26px 0 0 0; font-size: 20px;}
  #notify .photo .box .text .date{margin-top: 44px; padding: 0px 0 0 14px;}
  #notify .photo .box .text .title{margin: 4px 0 -30px 0; padding-left: 14px; font-size: 16px;}
  #notify{padding: 0!important;}
  #notify .photo .box .more{}
  #notify .window{padding-bottom: 21px !important;}
  #notify .window h3{margin-top: 145px;}
  #notify .window .slick-slider .slick-list .slick-track .slick-slide img {height: 224px;}

}

@media (max-width: 320px) {

#notify .photo .box h3{font-size: 18px;}
#notify .photo .box .text .title{font-size: 12px;}
#notify .photo .box .text .date{margin-top: 35px;}
#notify .photo .box .control{bottom: 0;}
#remembrance .inner .text_box a {width: 93px!important;}
#remembrance .inner .text_box a:after {left: 63px!important;}

}

#data{background:url(/page/fire/images/main/bg_link.jpg) repeat 0 0;position:relative; height: 350px;}
#data:before{content:'';display:block;position:absolute;right:0px;width:70%;top:0px;bottom:0px;background: linear-gradient( to left, #0c3d8a 0%, rgba(12,61,138,0.5) 70%, rgba(12,61,138,0) 100% );}
#data .inner{margin-left:calc(100% - 1660px);position:relative; height: 300px;}
#data .inner .title_box{position:absolute;top:50px;left:0px;color:#fff;letter-spacing:-1px;}
#data .inner .title_box h3{margin-top: 25px;position:relative;font-family:'Minguk-Bold';font-size:36px;line-height: 1.3;}

#data .inner .title_box h3:after{content:'';display:block;width:17px;height:22px;background:url(/page/fire/images/main/mark_06.png) repeat 0 0;background-size:cover;position:absolute;top: -20px; right: 46px;}
#data .inner .title_box h3 strong{font-size:48px;}
#data .inner .title_box p{font-size:18px;font-weight:500;margin-top:10px;}
#data .slick-wrap{padding: 64px 0 0 240px;}
#data .slick-wrap .slide{width:280px;height:220px;margin-right:50px;position:relative;}
#data .slick-wrap .slide img{width:100%;display:block;border-radius:20px; box-shadow: 0 10px 30px rgba(0,0,0,.15);}
#data .slick-wrap .slide .box{width:160px;height:80px;border-radius:10px;background:#fff;position:absolute;bottom:24px;right:-20px;padding:14px 15px 14px 16px;box-shadow: 0 10px 30px rgba(0,0,0,.15);line-height:1.3;letter-spacing:-1px;}
#data .slick-wrap .slide .box span{display:block;font-size:18px;color:#424242;}
#data .slick-wrap .slide .box strong{font-weight:700;font-size:22px;display:block;margin-top:1px;color:#212121;}
#data .slick-wrap .slide .box:after{content:'';display:block;width:12px;height:21px;background:url(/page/fire/images/main/arrow_05.png) repeat 0 0;background-size:cover;position:absolute;top:50%;transform:translateY(-50%);right:16px;}
#data .slick-wrap .slide .box:hover{background:#c62828;text-decoration:none;transition: all .3s;}
#data .slick-wrap .slide .box:hover span, #data .slick-wrap .slide .box:hover strong{color:#fff;text-decoration:none;}
#data .slick-wrap .slide .box:hover:after{background:url(/page/fire/images/main/arrow_06.png) repeat 0 0;background-size:cover;}
#data .slick-wrap .slide.slick-current .box{background:#c62828;text-decoration:none;transition: all .3s;}
#data .slick-wrap .slide.slick-current .box span, #data .slick-wrap .slide.slick-current .box strong{color:#fff;text-decoration:none;}
#data .slick-wrap .slide.slick-current .box:after{background:url(/page/fire/images/main/arrow_06.png) repeat 0 0;background-size:cover;}
#data .slick-wrap .control{position:absolute;top: 200px; left: 0;}
#data .slick-wrap .control .pause{margin:0 4px;}
#data .slick-wrap .control .play{margin:0 4px;display:none;}

@media (max-width: 1680px) {

#data .inner{margin-left:20px;}
#data .inner .title_box{left:15px;}
#data .slick-wrap .control{right:20px;}

}

@media (max-width: 1200px) {


}

@media (max-width: 1024px) {

#data .slick-wrap .control{display: none;}
#data .inner .title_box h3:after{right: -18px;}
#data .inner .title_box h3{margin-top: -73px;}
#data{margin-top: 30px;}
#data .slick-wrap{padding: 91px 0 53px 10px;}
#data .inner .title_box{top: 102px;}
#data .inner .title_box h3 br{display: none;}

}

@media (max-width: 767px) {

#data .inner{margin-left:10px;}
#data .slick-wrap{padding: 90px 0 30px 10px;}
#data .inner .title_box{top: -2px;}
#data .inner .title_box h3{font-size:24px; margin-top: 32px;}
#data .inner .title_box h3 strong{font-size:30px;}
#data .inner .title_box p{font-size:14px;margin-top:2px;max-width:64px;}
#data .inner .title_box p br{display:none;}
#data .inner .title_box h3:after{width:12px;height:15px;top: -13px;right:-13px;}


}

@media (max-width: 375px) {

  #data .inner .title_box h3:after{ width: 16px; height: 21px; top: -17px; right: -19px;}
  #data .slick-wrap{padding: 94px 0 0 0!important;}
  #data .inner{height: 300px;}
  #data .inner .title_box h3 {font-size: 30px; }
  #data .inner .title_box h3 br{display: none;}
  #data{margin: 26px 0 0 10px;}
  #data .inner .title_box{top: 18px;}
  #data .slick-wrap{padding:127px 0 0 0;}
  #data .slick-box{margin-left: 19px;}
}

@media (max-width: 320px) {

  #data .inner .title_box h3{font-size: 22px; margin-top: 12px;}
  #data .slick-wrap{padding: 83px 0 0 0!important;}

}



/*
#data .link{width:50%;float:left;border-top-right-radius:30px;border-bottom-right-radius:30px;padding:30px 0 30px;background:url(/page/fire/images/main/bg_link.jpg) repeat 0 0;}
#data .link ul{overflow:hidden;padding:0 60px 30px 0;margin-left:calc(100% - 670px)}
#data .link ul li{float:left;width:280px;height:220px;margin-right:50px;position:relative;}
#data .link ul li:nth-child(2n){margin-right:0;top:30px;}
#data .link ul li:nth-child(n+3){margin-top:40px;}
#data .link ul li img{width:100%;display:block;border-radius:20px;}
#data .link ul li .box{width:160px;height:80px;border-radius:10px;background:#fff;position:absolute;bottom:24px;right:-20px;padding:14px 15px 14px 16px;box-shadow:0 0 15px rgba(0,0,0,.15);line-height:1.3;letter-spacing:-1px;}
#data .link ul li .box span{display:block;font-size:18px;color:#424242;}
#data .link ul li .box strong{font-weight:700;font-size:24px;display:block;margin-top:1px;color:#212121;}
#data .link ul li .box:after{content:'';display:block;width:12px;height:21px;background:url(/page/fire/images/main/arrow_05.png) repeat 0 0;background-size:cover;position:absolute;top:50%;transform:translateY(-50%);right:16px;}
#data .link ul li .box:hover{background:#c62828;text-decoration:none;transition: all .3s;}
#data .link ul li .box:hover span, #data .link ul li .box:hover strong{color:#fff;text-decoration:none;}
#data .link ul li .box:hover:after{background:url(/page/fire/images/main/arrow_06.png) repeat 0 0;background-size:cover;}

#data .ebook{width:50%;float:left;position:relative;}
#data .ebook:before{content:'';display:block;position:absolute;right:0px;left:280px;bottom:0px;top:120px;background:#e0e0e0;border-top-left-radius:27px;border-bottom-left-radius:27px;}
#data .ebook .inner{margin-right:calc(100% - 700px);position:relative;padding:0 0 34px 60px;}
#data .ebook h3{font-family:'Minguk-Bold';font-size:26px;padding:59px 0 0 20px;color:#212121;line-height:1.2;}
#data .ebook h3 strong{display:inline-block;font-size:50px;position:relative;}
#data .ebook h3 strong em{color:#d50000;}
#data .ebook h3 strong:after{content:'';display:block;width:16px;height:21px;background:url(/page/fire/images/main/mark_02.png) repeat 0 0;background-size:cover;position:absolute;top:-4px;right:-17px;}
#data .ebook .box{padding-top:10px;padding-left:118px;}
#data .ebook .box .book{display:inline-block;position:relative;overflow:hidden;border-radius:15px;box-shadow:10px 10px 20px rgba(0,0,0,.1);}
#data .ebook .box .book:after{content:'';position:absolute;display:block;top:0px;bottom:0px;left:0px;right:0px;background:url(/page/fire/images/main/ebook_bg.png) repeat 0 0;background-size:cover;}

#data .ebook .box .book + .book{margin-left:26px;}
#data .ebook .box .book .thumb{display:block;width:100%;max-width:262px;min-width:262px;}
#data .ebook .box .book.v2 .thumb{max-width:230px;min-width:230px;}
#data .ebook .box .book .stik{position:absolute;top:0px;right:0px;display:block;width:68px;height:68px;background:url(/page/fire/images/main/stik.png) repeat 0 0;background-size:cover;color:#fff;font-size:18px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.7);text-align:right;padding:6px 6px 0 0;letter-spacing:-1px;z-index:10;}
#data .ebook .box .book .text{position:absolute;bottom:73px;right:0px;left:25px;border-bottom:2px solid #d50000;padding-bottom:9px;line-height:1.3;z-index:10;}
#data .ebook .box .book .text span{display:block;font-size:18px;color:#424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:15px;}
#data .ebook .box .book .text strong{display:block;font-size:24px;color:#212121;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:15px;}
#data .ebook .box .book .btn{position:absolute;left:25px;bottom:23px;z-index:10;}
#data .ebook .box .book .btn a{display:inline-block;}
#data .ebook .box .book .btn a + a{margin-left:5px;}
#data .ebook .more{width:20px;height:20px;display:block;position:absolute;top:113px;left:254px;overflow:hidden;text-indent:-9999px;}
#data .ebook .more:before{content:'';display:block;width:2px;height:20px;background:#535353;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#data .ebook .more:after{content:'';display:block;width:20px;height:2px;background:#535353;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}




@media (max-width: 1450px) {
    #data .link ul{margin-left:calc(100% - 562px);padding-right:30px;}
    #data .link ul li{width:230px;height:180px;}
    #data .ebook .inner{padding:0 0 13px 30px;margin-right:0;}
    #data .ebook:before{top:80px;left:180px;}
    #data .ebook h3{padding-top:0;}
    #data .ebook .box{padding-left:20px;}
    #data .ebook .more{top:54px;left:240px;}
}

@media (max-width: 1200px) {
     #data{margin-top:40px;}
     #data .link{float:none;width:calc(100% - 20px);margin-right:20px;}
     #data .link ul{margin-left:calc(100% - 984px);padding-bottom:10px;}
     #data .link ul li{margin-right:10px !important;}
     #data .link ul li:nth-child(4){margin-right:0 !important;}
     #data .link ul li:nth-child(2n){top:inherit;}
     #data .link ul li:nth-child(n+3){margin-top:0;}
     #data .link ul li .box{bottom:-10px;right:10px;}

    #data .ebook{width:100%;float:none;margin-top:30px;}
    #data .ebook:before{left:325px;top:0px;}
    #data .ebook .inner{padding:0 0 0 213px;}
    #data .ebook h3{padding:0;position:absolute;left:20px;top:20px;font-size:22px;}
    #data .ebook h3 strong{font-size:40px;}
    #data .ebook .more{top:105px;left:20px;}
    #data .ebook .box{padding:38px 0 38px;}

    #data .ebook .box .book{width:380px;}
    #data .ebook .box .book.v2{width:370px;}

    #data .ebook .box .book .thumb{max-width:380px;min-width:auto;}
    #data .ebook .box .book.v2 .thumb{max-width:370px;min-width:auto;}

    #data .ebook .box .book .text{left:50px;}
    #data .ebook .box .book .btn{left:50px;}
}


@media (max-width: 1023px) {
    #data .link ul{margin-left:calc(100% - 732px);}
    #data .link ul li{width:167px;height:130px;}
    #data .link ul li .box{width:125px;height:70px;}
    #data .link ul li .box:after{right:10px;}
    #data .link ul li .box span{font-size:16px;}
    #data .link ul li .box strong{font-size:18px;}

    #data .ebook .inner{padding-left:195px;}
    #data .ebook .box .book{width:265px;}
    #data .ebook .box .book.v2{width:255px;}


}

@media (max-width: 767px) {
    #data{margin-top:26px;}
    #data .link{padding:12px 0 12px;margin-right:10px;width:calc(100% - 10px);}
    #data .link ul{margin-left:calc(100% - 450px);max-width:450px;padding:12px 27px 0 0;}
    #data .link ul li{width:calc((100% - 25px) / 2);height:auto;margin-right:25px !important}
    #data .link ul li:nth-child(2n){margin-right:0 !important;}
    #data .link ul li:nth-child(n+3){margin-top:16px;}
    #data .link ul li:nth-child(2n + 1){top:-13px;}
    #data .link ul li .box{bottom:10px;right:-10px;width:97px;height:45px;padding: 7px 7px 7px 8px;line-height:1.1;}
    #data .link ul li .box span{font-size:14px;}
    #data .link ul li .box strong{font-size:16px;}
    #data .link ul li .box:after{width:6px;height:11px;right:7px;}
    #data .link ul li .box:hover:after{width:6px;height:11px;}


    #data .ebook{margin-top:26px;}
    #data .ebook:before{left:122px;}
    #data .ebook .inner{padding-left:100px;}
    #data .ebook h3{font-size:14px;top:7px;left:27px;}
    #data .ebook h3 strong{font-size:16px;}
    #data .ebook h3 strong:after{width:6px;height:8px;top:-2px;right:-7px;}

    #data .ebook .more{width:12px;height:12px;position:absolute;top:50px;left:26px;padding:5px;}
    #data .ebook .more:before{height:12px;}
    #data .ebook .more:after{width:12px;}

    #data .ebook .box{padding:10px 0;}
    #data .ebook .box .book{max-width:260px;width:47%}
    #data .ebook .box .book.v2{max-width:250px;width:45%;}
    #data .ebook .box .book + .book{margin-left:10px;}

}

@media (max-width: 600px) {
    #data .ebook .box .book{border-radius:5px;}
    #data .ebook .box .book .stik{width:32px;height:32px;font-size:8px;padding:3px 4px 0 0;}

    #data .ebook .box .book .btn{left:16px;bottom:4px;}
    #data .ebook .box .book .btn a{width:18px;}
    #data .ebook .box .book .btn a img{width:100%;}
    #data .ebook .box .book .btn a + a{margin-left:0;}
    #data .ebook .box .book .text{left:16px;bottom:32px;padding-bottom:3px;}
    #data .ebook .box .book .text span{padding-right:5px;font-size:10px;}
    #data .ebook .box .book .text strong{padding-right:5px;font-size:14px;}

}

@media (max-width: 480px) {
    #data .link ul{margin-left:27px;}
    #data .link ul li img{border-radius:8px;}

}

*/


#service{background:#f8f8f8; min-height: 508px;}
#service .inner{/* margin-left: calc(100% - 1660px); */ max-width: 1400px; margin: 0 auto; min-height: 511px;}
#service .list{float:left; position:relative; min-height: 511px;}
#service .list > div{float:left;padding: 30px; width:390px;position:relative; margin: 46px 34px 0 0; background: #fff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,.1);}
#service .list > .notice{padding: 30px; margin: 46px 34px 0px 0px; background: #fff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,.1);}
#service .list > div h3{font-family:'Minguk-Bold';font-size:26px;color:#212121;border-bottom:2px solid #c9232a;padding-bottom:1px;}
#service .list > div ul{padding-top:10px;}
#service .list > div li{margin-top:7px;}
#service .list > div li a{display:block;line-height:1.4;}
#service .list > div li a:hover{text-decoration:none;}
#service .list > div li a p{font-size:18px;color:#222222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;font-weight:400;}
#service .list > div li a:hover p{color:#d50000;text-decoration:none;}
#service .list > div li a span{color:#9e9e9e;font-size:16px;display:block;font-weight:300; padding-top:3px;}
#service .list > div li a:hover span{text-decoration:none;}
#service .list > div .more{width:20px;height:20px;display:block;position:absolute;top:33px; right: 30px; overflow:hidden;text-indent:-9999px;}
#service .list > div .more:before{content:'';display:block;width:2px;height:20px;background:#535353;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#service .list > div .more:after{content:'';display:block;width:20px;height:2px;background:#535353;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#service .service{padding: 36px 0 0 0; border-top-left-radius:25px;border-bottom-left-radius:25px;position:relative;min-height:450px;overflow:hidden;}
#service .service h3{color:#333;font-family:'Minguk-Bold';font-size:24px;letter-spacing:-1px;line-height:1.4;background:#f8f8f8; border-bottom: 1px solid #b3b3b3; padding-bottom: 10px;}
#service .service h3 span{display:inline-block;padding-left:20px;}
#service .service h3 strong{display:inline-block;padding:0 22px 0 5px;font-size:36px;color:#0c3c89;position:relative;margin-top:3px;}
#service .service h3 strong:after{content:'';display:block;width:17px;height:22px;background:url(/page/fire/images/main/mark_03.png) repeat 0 0;position:absolute;right:10px;top:-7px;background-size:cover;}
#service .service ul{padding-left: 20px; width: 101%;}
#service .service li{float:left; width: 20%; height: 178px; margin-right: 26px;}
#service .service li .icon{overflow: hidden; margin-top: 20px; width: 109px; background:#fff;box-shadow: 0 5px 20px rgba(0,0,0,.1);position:relative;border-radius:50%;}
#service .service li .icon:after{content:'';position:absolute;top:-10px;left:-10px;bottom:-10px;right:-10px; border:15px solid #cfcfcf; border-radius:50%;opacity:0;transition:all .3s;}
#service .service li .icon img{display:block;}
#service .service li a:hover .icon:after{opacity:1;}
#service .service li.slick-current a .icon:after{opacity:1;}
#service .service li a:hover{text-decoration:none;}
#service .service li p{letter-spacing: -1px; white-space: nowrap;   margin: 10px 0 2px 0; text-align:center;color:#212121;font-size:18px;font-weight:400;line-height:1.2;width:100%;}
#service .service li a:hover p{ text-decoration:none;}
#service .service li a{display:block;}



@media (max-width: 1400px) {

#service{margin-top: 26px;}
#service .list > .notice{width: 47%; margin: 0 3% 0 0;}
#service .list > .release{width: 50%; }
#service .list > div{margin: 0;}
#service .list{margin: 0 20px; min-height: 434px;}
#service .service h3{margin: 0 20px;}
#service .service{margin: 0 !important; clear: both;}
#service .service ul{padding: 26px 0 0 20px;}
#service .service li .icon{margin: 0 auto;}
#service .service li {width: 20%; margin: 8px 16px; text-align: center;}
#service .service{ padding: 0; margin: 54px 191px 0 186px;}
#service .service li p{display: inline-block; margin: 23px 0 19px -9px;}
#service .service li:nth-child(4) p {margin-left: -9px;}
#service .service li:nth-child(5) p {margin-left: -9px;}
#service .service li:nth-child(6) p {margin-left: -9px;}
#service .service li:nth-child(7) p {margin-left: -9px;}
#service .service li:nth-child(8) p{margin-left: -9px;}

}

@media (max-width: 1218px) {

 #service .list > div{width: 48%;}

}

@media (max-width: 1024px) {

 #service .service h3 strong:after{top: -4px;}
 #service .service {min-height: 321px;}
 #service .list > div{width: calc(100% - 511px);}
 #service .list > .notice{}
 #service .list{margin: 0 20px;}
 #service .service li{width: 11%; margin: 0px 7px;}
 #service .service ul { padding: 34px 0px 38px 0; width: auto;}

}

@media (max-width: 1000px) {

 #service .list > div{width: calc(100% - 499px);}

}

@media (max-width: 980px) {

  #service .list > .notice{width: 47%; margin-right: 3%;}
  #service .list > div.release{width: 50%;}
  #service{margin-top: 40px;}
  #service .list{float: none;}
  #service .list > div.release{}
  #service .service{padding:0; min-height:auto;}
  #service .service ul{padding: 34px 0px 38px 0;width:auto;}
  #service .service li{width:110px; margin: 12px 30px 0 0;}
  #service .service li:nth-child(3n){margin-right:30px;}
  #service .service h3{top:44px;}
  #service .slick-slider .slick-list{padding-left:5px;}

}

@media (max-width: 767px) {

  #service .list{margin-bottom: 15px; min-height: 395px;}
  #service .list > div h3{font-size:20px;}
  #service .list > div .more{top:30px;}
  #service .service{width:calc(100% - 10px);}
  #service .service li{margin-right:15px !important;}
  #service .service h3{top:119px;left:-30px;padding:25px 0 0 15px;font-size:20px;}
  #service .service h3 strong{font-size:30px;}
  #service .service h3 strong:after{width:12px;height:15px;right:15px;top:-3px;}
  #service .service li p{font-size:16px;}

}

@media (max-width: 640px) {

  #service .service{width: 100%;}
  #service .slick-slider .slick-list{padding-left: 0;}
  #service{margin-top: 40px; margin: 10px 0 0 0 !important;}
  #service .service h3{padding: 0 0 10px 0; margin-left: 10px; font-size: 24px;}
  #service .service h3 strong{font-size: 34px;}
  #service .service ul{padding: 5px 0 0 0;}
  #service .service{margin:30px 0 0 0!important;}
  #service .service li{text-align: center; margin-right: 32px !important;}
  #service .service li p{font-size: 18px; margin: 11px 0 19px -9px;}
  #service .list > div li a p{font-size: 18px;}
  #service .list > .notice{overflow: hidden; width: 100%; margin-right: 0%;}
  #service .list > div.release{overflow: hidden; width: 100%; margin-bottom: 42px;}
  #service .list > div h3{padding-bottom: 2px; font-size: 24px;}
  #service .list{margin: 0 10px; min-height: auto; padding: 0 !important;}
  #service .list > div.release{margin-top: 20px;}
  #service .list > div .more{top: 35px;}
  #service .service li .icon:after{border: 15px solid #cfcfcf;}

}

@media (max-width: 375px) {

#service .list > div .more{right: 18px;}
#service .list > div li a span{font-size: 12px;}
#service .list > div li a p{font-size: 16px;}
#service .list > .notice{padding: 30px 18px;}
#service .list > .release{padding: 30px 18px;}

}

/*
@media (max-width: 1200px) {
    #service{margin-top:26px;}
    #service .list{float:none;width:100%;min-height:inherit;}
    #service .list > div{margin:20px 0 0;}
    #service .list > div:nth-child(2){padding-right:20px;}
    #service .list > div:nth-child(2) .more{right:20px;}
    #service .list > div li:nth-child(n+4){display:none;}
    #service .list > div li a{line-height:1.5;}
    #service .list > div li a p{font-size:16px;}
    #service .list > div li a span{font-size:14px;}

    #service .service{float:none;width:calc(100% - 20px);margin-top:32px;min-height:inherit;padding-right:0;margin-left:20px;}
    #service .service h3{top:55px;}
    #service .service ul{max-width:680px;padding:20px 20px 27px 190px;width:auto;}
    #service .service li{width:calc((100% - 140px) / 3);margin-right:70px;max-width:110px;}
    #service .service li a{display:block;width:100%;}
    #service .service li a .icon{width:100%;}

}
*/


/*

@media (max-width: 767px) {
    #service{margin-top:20px;}
    #service .list{padding-left:27px;}
    #service .list > div{padding-right:27px !important;}
    #service .list > div:nth-child(2){margin-top:15px !important;}
    #service .list > div{float:none;width:100%;max-width:500px;margin:0 auto !important;}
    #service .list > div .more{right:24px !important;}

    #service .list > div h3{font-size:16px;border-bottom-width:1px;padding-bottom:2px;}
    #service .list > div .more{width:20px;height:20px;top:3px;}
    #service .list > div .more:before{height:12px;}
    #service .list > div .more:after{width:12px;}
    #service .list > div ul{padding-top:5px;}
    #service .list > div li a p{font-size:14px;}
    #service .list > div li a span{font-size:12px;}
    #service .list > div li{margin-top:2px;}

    #service .service{width:calc(100% - 27px);margin:20px 0 0 27px;}
    #service .service h3{top:50%;margin-top:-90px;font-size:14px;width:90px;height:180px;padding-top:58px;}
    #service .service h3 strong{font-size:16px;padding:0 12px 0 20px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
    #service .service h3 strong:after{width:8px;height:11px;right:6px;top:-5px;}
    #service .service ul{padding:16px 15px 15px 80px;max-width:420px;}
    #service .service li{width:calc((100% - 41px) / 3);margin-right:20px;margin-top:0;max-width:90px}
    #service .service li:nth-child(n+4){margin-top:10px;}

    #service .service li p{font-size:12px;}
    #service .service li a:hover .icon:after{top:-2px;left:-2px;bottom:-2px;right:-2px;border:4px solid #d0e8fc;}
}
*/





#news{margin-top:76px;position:relative;}
#news .inner{margin-right:calc(100% - 1660px);}
#news .title_box{width:460px;height:550px;background:url(/page/fire/images/main/bg_news.jpg) repeat 0 0;border-top-right-radius:27px;border-bottom-right-radius:27px;float:left;overflow:hidden;position:relative;}
#news .title_box h3{padding:70px 0 0 260px;font-family:'Minguk-Bold';color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);font-size:26px;line-height:1.3;letter-spacing:-1px;}
#news .title_box h3 strong{display:inline-block;color:#ffec1d;font-size:50px;position:relative;}
#news .title_box h3 strong:after{content:'';display:block;width:18px;height:23px;background:url(/page/fire/images/main/mark_04.png) repeat 0 0;background-size:cover;position:absolute;top:-15px;right:-16px;}
#news .title_box h4{position: relative; z-index: 2; font-size:30px;font-weight:700;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);position:absolute;top:187px;right:56px;padding:0 5px;}
#news .title_box h4 em{color:#ffec1d;}
/*
#news .title_box h4::after{position: absolute; z-index: -1; right:-69px; top:0;  display: block; content: "";background: rgba(0,0,0,0.2);   }*/
#news .title_box ul{position: relative; z-index: 1; padding:14px 0 28px 30px;margin: 38px 0 0 260px; width: 200px;  background: rgba(0,0,0,0.3); border-radius:12px 0 0 12px;/*border:5px solid #fff; border-width:5px 0 5px 5px;*/ }
#news .title_box li{margin-top:24px;}
#news .title_box li a{display:block;padding-left: 20px;font-size:24px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);position:relative;letter-spacing:-1px;}
#news .title_box li a:hover{text-decoration:none;}
#news .title_box li a:after{content:'';display:block;width:9px;height:11px;background:url(/page/fire/images/main/ico_news.png) no-repeat 0 0;background-size:cover;position:absolute;top:14px;left: -2px;transition:all .3s;}
#news .title_box li a:hover:after{background:url(/page/fire/images/main/ico_news_02.png) no-repeat 0 0;background-size:cover;}
#news .title_box li a img{display:inline-block;margin-left: 3px;vertical-align:-5px;}
#news .slick-box{margin-left: 496px;padding-top:24px;}
#news .slick-box .slick .slide{width: 354px; margin-right: 47px; box-shadow: 0 5px 20px rgba(0,0,0,.1);position:relative;overflow:hidden;border-radius:15px;background:#fff;float:left;}
#news .slick-box .slick .slide:last-child{margin-right:0;}

#news .slick-box .top{padding:15px;white-space:nowrap;}
#news .slick-box .top .logo{width:50px;height:50px;}
#news .slick-box .top img{display:inline-block;vertical-align:middle;}
#news .slick-box a:hover{text-decoration:none !important;}
#news .slick-box a:hover div{text-decoration:none !important;}
#news .slick-box .top .title{display:inline-block;margin-left:9px;vertical-align:middle;}
#news .slick-box .top .title strong{display:block;font-size:16px;color:#333;line-height:1.4;font-weight:500;}
#news .slick-box a:hover .top .title strong{text-decoration:none !important;}
#news .slick-box .top .title span{display:block;font-size:14px;color:#9e9e9e;line-height:1.4; font-weight:300;}
#news .slick-box a:hover .top .title span{text-decoration:none !important;}
#news .slick-box .img_box{width:100%;height:240px;}
#news .slick-box .img_box img{display:block;width:100%;height:100%;}
#news .slick-box .bottom{padding:15px;}
#news .slick-box .bottom p{color:#333;line-height:1.4;font-weight:300;display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow:hidden;height:110px;}
#news .slick-box .bottom span{display:block;font-size:14px;color:#a0a0a0;margin-top:10px;}
#news .slick-box .slick-slider .slick-list{padding:0 0 36px 0;}

@media (max-width: 1750px) {

    #news .inner{margin:0;}

}


@media (max-width: 1200px) {

    #news{margin-top:30px;}
    #news .title_box{width:200px;height:530px;}
    #news .title_box h3{padding:53px 0 0 20px;}
    #news .title_box ul{margin-left:20px;padding:14px 0 28px 18px;}
    #news .slick-box{margin-left:243px;padding-top:15px;}
    #news .title_box h4{right:50px;top:167px;}

}

@media (max-width: 900px) {

    #news .title_box{width:109px;height:347px;background-size:89.5px 76px;}
    #news .title_box h3{padding:35px 0 0 10px;font-size:20px;}
    #news .title_box h3 strong{font-size:30px;}
    #news .title_box h3 strong:after{width:12px;height:14px;top:-10px;right:-12px;}
    #news .title_box ul{margin:30px 0 0 5px;padding:3px 0 20px 10px;}
    #news .title_box li{margin-top:16px;}
    #news .title_box li a{font-size:14px;padding-left:11px;}
    #news .title_box li a:after{width:6px;height:7px;top:7px;left:1px;}
    #news .title_box li a img{width:20px;margin-left:3px;}
    #news .slick-box{margin-left:120px;padding-top:0px;}
    #news .slick-box .slick .slide{width:250px;margin-right:15px;padding-top:14px;}
    #news .slick-box .img_box{height:162px;}
    #news .slick-box .top{padding:5px 7px;}
    #news .slick-box .top .logo {height:35px;width:35px;}
    #news .slick-box .top .title{margin-left:2px;}
    #news .slick-box .top .title strong{font-size:14px;}
    #news .slick-box .top .title span{font-size:12px;line-height:1.2}
    #news .slick-box .bottom{padding:11px 15px 11px;}
    #news .slick-box .bottom p{font-size:12px;height:83px;}
    #news .slick-box .bottom span{font-size:12px;margin-top:3px;}
    #news .title_box h4{font-size:16px;right:20px;top:117px;}

}

/*
@media (max-width: 480px) {
    #news{margin-top:30px;}
    #news .title_box{width:100px;height:222px;border-top-right-radius:12px;border-bottom-right-radius:12px;}
    #news .title_box h3{font-size:14px;padding:20px 0 0 27px;}
    #news .title_box h3 strong{font-size:21px;}
    #news .title_box h3 strong:after{width:6px;height:8px;top:-6px;right:-7px;}
    #news .title_box ul{padding:5px 0 0 27px;}
    #news .title_box li{margin-top:8px;}
    #news .title_box li a{font-size:12px;padding-left:8px;}
    #news .title_box li a:after{width:4px;height:6px;top:7px;}
    #news .title_box li a img{width:15px;margin-left:3px;vertical-align:-2px;}

    #news .slick-box{margin-left:120px;padding-top:7px;}
    #news .slick-box .slick .slide{width:150px;margin-right:20px;padding-top:8px;border-radius:6px;}
    #news .slick-box .slick .slide:before{height:8px;}
    #news .slick-box .top{padding:4px 10px 8px 4px;}
    #news .slick-box .top .logo{width:22px;height:22px;vertical-align:top;}
    #news .slick-box .top .title{margin-left:3px;letter-spacing:-1px;}
    #news .slick-box .top .title span{line-height:1.2;}
    #news .slick-box .img_box{height:123px;}
    #news .slick-box .bottom{padding: 0px 12px 9px;}
    #news .slick-box .bottom p{display:none;}
    #news .slick-box .bottom span{margin-top:5px;}
}

*/

#remembrance{position:relative;margin: 60px 0 60px 0;}
#remembrance .inner{ max-width:1400px; width: 100%; margin:0 auto;border-radius:15px; position:relative;}
#remembrance .inner .wrap{position: relative; width: 24%; margin-right: 0.9%; display: inline-block;}
#remembrance .inner .wrap .img_box{}
#remembrance .inner .wrap .img_box img{ width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,.1); border-radius: 20px;}
#remembrance .inner .box_04{margin-right: 0;}
#remembrance .inner .text_box{}
#remembrance .inner .text_box p {padding: 54px 0 0 25px; position: absolute; top: -30px; z-index: 1;line-height: 1.3; letter-spacing: -1px;}
#remembrance .inner .text_box p span{font-family:'Minguk-Regular'; font-size: 24px; }
#remembrance .inner .text_box p strong{font-family:'Minguk-Bold'; font-size: 36px; display: block; margin-top: 3px;}
#remembrance .inner .text_box a{width: 121px; height: 40px; padding: 0 0 0 18px; border-radius: 20px; position: absolute; top: 105px; left: 25px; z-index: 1; display: block; margin-top: 3px; font-size: 16px; color: #000; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.1); line-height: 40px;}
#remembrance .inner .text_box a:after{position: absolute; top: 50%; left: 85px;display: block; content: ""; width: 55px; height: 27px; background: url(/page/fire/images/main/link.png) no-repeat; transform: translate(0, -25%);}

@media (max-width: 1200px) {

  #remembrance .inner .text_box p span{font-size: 20px;}
  #remembrance .inner .text_box p strong{font-size: 24px;}
}

@media (max-width: 1064px) {

  #remembrance .inner .wrap{width: 31.3%;}

}

@media (max-width: 1024px) {

  #remembrance .inner .text_box p span{font-size: 24px !important;}
  #remembrance .inner .text_box p strong{font-size: 36px !important;}
  #remembrance{margin: 25px 20px 60px 20px;}
  #remembrance .inner .wrap{width: 45.4%;}
  #remembrance .inner .wrap{pmargin-right: 5%;}
  #remembrance .inner .box_02{margin-right: 0;}
  #remembrance .inner .box_04{margin-right: 0;}
  #remembrance .inner .text_box p span{font-size: 14px;}
  #remembrance .inner .text_box p strong{font-size: 22px;}
  #remembrance .inner .text_box a{top: 104px;}
  #remembrance .inner .wrap .img_box img{height: 266px; border-radius: 20px;}
  /*#remembrance .inner .box_01 .img_box img{ width: 315px; height: 266px; background: url('/page/fire/images/main/img_01_t.png')no-repeat ;}  */
  /*#remembrance .inner .box_02 .img_box img{ width: 315px; height: 266px; background: url('/page/fire/images/main/disaster_safety_t.png')no-repeat;} */
  /*#remembrance .inner .box_03 .img_box img{ width: 315px; height: 266px; background: url('/page/fire/images/main/analysis_t.png')no-repeat;} */

}

@media (max-width: 860px) {

  #remembrance .inner .text_box p{}
  #remembrance .inner .text_box p span{font-size: 18px !important;}
  #remembrance .inner .text_box p strong{font-size: 26px !important;}
  #remembrance .inner .text_box a{left: 10px;}

}

@media (max-width: 768px) {

  #remembrance{margin-bottom:0;}
  #remembrance .inner .text_box p span{font-size: 16px;}
  #remembrance .inner .text_box p strong{font-size: 20px;}
  #remembrance .inner{}
  #remembrance{padding: 0 27px; text-align: center;}
  #remembrance .inner:after{width:460px;height:200px;bottom:-30px;margin-left:80px;}
  #remembrance h3{font-size:24px;padding-top:35px;}
  #remembrance h3 strong{font-size:40px;}
  #remembrance h3 strong:after{right:-12px;top:-7px;}
  #remembrance .inner .wrap{width: 50%; margin: 0 0 50px 0;}
  #remembrance .inner .text_box p.p_position1{text-align: left;}
  #remembrance .inner .text_box p.p_position2{text-align: left;}
  #remembrance .inner .text_box p.p_position3{text-align: left;}
  #remembrance .inner .text_box a.a_position1{top: 92px;}
  #remembrance .inner .text_box a.a_position2{top: 92px;}
  #remembrance .inner .text_box a.a_position3{top: 92px;}
  #remembrance .inner .text_box a{padding: 0 18px 0 0;}
  #remembrance .inner .wrap{width: 70%;}

}

@media (max-width: 640px) {

  #remembrance{margin-bottom:0 !important;}
  #remembrance .inner .text_box p.p_position1{text-align: left;}
  #remembrance .inner .text_box p.p_position2{top: -45px; text-align: left;}
  #remembrance .inner .text_box p.p_position3{top: -45px; text-align: left;}
  #remembrance .inner .text_box a.a_position1{}
  #remembrance .inner .text_box a.a_position2{top: 94px;}
  #remembrance .inner .text_box a.a_position3{top: 94px;}
  #remembrance{margin: 66px 0 25px;padding:0 10px;}
  #remembrance .inner{border-radius:7px;}
  #remembrance .inner:after{width:460px;height:200px;bottom:-5px;width:250px;height:105px;margin-left:25px;}
  #remembrance h3{font-size:16px;padding-top:22px;}
  #remembrance h3 strong{font-size:24px;}
  #remembrance .inner span{font-size:14px;margin-top:0;}
  #remembrance .inner a{font-size:14px;padding:0 12px;height:27px;line-height:25px;margin-top:11px;}
  #remembrance h3 strong:after{top:-4px;right:-10px;width:10px;height:13px;}

}

@media (max-width: 460px) {

   #remembrance .inner .wrap{ width: 100%!important;}

}

@media (max-width: 414px) {

  #remembrance .inner .wrap{width: 90%;}

}

@media (max-width: 375px) {

 #remembrance .inner .text_box p {padding-left: 22px;}
 #remembrance .inner .text_box a:after{left: 80px;}
 #remembrance .inner .text_box a{padding: 0 30px 0 0; left: 23px;}
 #remembrance .inner .text_box p.p_position1{top: -45px;}
 #remembrance .inner .text_box p.p_position2{top: -45px;}
 #remembrance .inner .text_box p.p_position3{top: -45px;}
 #remembrance .inner .text_box a.a_position1{top: 83px;}
 #remembrance .inner .text_box a.a_position2{top: 83px;}
 #remembrance .inner .text_box a.a_position3{top: 83px;}
 #remembrance{margin: -3px 0 25px; padding: 0 10px 46px 10px;}
 #remembrance .inner .wrap .img_box img{transform: translate(0px, 0); height: 200px;}
 #remembrance .inner {padding: 0;}
 #remembrance .inner .wrap{width: 100%; margin: 0 0 4px 0;}
 #remembrance .inner .text_box p span{font-size: 20px !important;}
 #remembrance .inner .text_box p strong{font-size: 28px!important;}

}

@media (max-width: 320px) {

 #remembrance .inner .text_box p span{font-size: 14px;}
 #remembrance .inner .text_box p strong{font-size: 16px;}
 #remembrance .inner .text_box a{font-size: 14px;}

}

#visual .condition .graph .one_graph svg{overflow:visible;}