@charset "utf-8";

#main{position:relative;}
#visual{max-width:1750px;margin:0 0 0 calc(100% - 1750px);position:relative;}
#visual .control .prev{width:71px;height:144px;border-top-right-radius:72px;border-bottom-right-radius:72px;background:rgba(0,0,0,.5);position:absolute;left:0px;top:50%;transform:translateY(-50%);z-index:1005;}
#visual .control .prev img{display:inline-block;padding:10px;margin-right:15px}
#visual .control .next{width:71px;height:144px;border-top-left-radius:72px;border-bottom-left-radius:72px;background:rgba(0,0,0,.5);position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:1005;}
#visual .control .next img{display:inline-block;padding:10px;margin-left:15px}
#visual .control .box{position:absolute;right:256px;top:50%;transform:translateY(-50%);z-index:100;margin-top:20px;z-index:1003;}
#visual .control .box .play{display:none;}
#visual .control .box .dots{display:inline-block;margin-right:8px;vertical-align:middle;}
@media screen and (min-width:0\0){#visual .control .box .dots{vertical-align:0px;}}
#visual .control .box .dots li{display:inline-block;}
#visual .control .box .dots li + li{margin-left:6px;}
#visual .control .box .dots button{width:17px;height:17px;border:1px solid #fff;background:rgba(255,255,255,.1);overflow:hidden;text-indent:-9999px;border-radius:50%;}
#visual .control .box .dots .slick-active button{background:#fff;}
#visual .text{display:inline-block;text-align:right;font-family:'JSDongkang';font-size:34px;font-weight:bold;color:#fff;position:absolute;top:50%;transform:translateY(-50%);right:256px;letter-spacing:-1px;line-height:1.2;margin-top:-100px;z-index:1005;text-shadow:2px 2px 2px rgba(0,0,0,.3);}
#visual .text strong{font-size:50px;font-weight:bold;}
#visual .slick-wrap{position:relative}
#visual .slick{position:relative;border-bottom-left-radius:50px;overflow:hidden}

#visual .slick:after{content:'';display:block;background:url(/page/local/images/main/bg_visual_13.png) no-repeat 0 0;background-size:cover;width:80%;position:absolute;top:0px;bottom:0px;right:0px;z-index:1001;}

.gangneung #visual .slick:after{background:url(/page/local/images/main/bg_visual_01.png) no-repeat 0 0;background-size:cover;}
.goseong #visual .slick:after{background:url(/page/local/images/main/bg_visual_02.png) no-repeat 0 0;background-size:cover;}
.donghae #visual .slick:after{background:url(/page/local/images/main/bg_visual_03.png) no-repeat 0 0;background-size:cover;}
.samcheok #visual .slick:after{background:url(/page/local/images/main/bg_visual_04.png) no-repeat 0 0;background-size:cover;}
.sokcho #visual .slick:after{background:url(/page/local/images/main/bg_visual_05.png) no-repeat 0 0;background-size:cover;}
.yanggu #visual .slick:after{background:url(/page/local/images/main/bg_visual_06.png) no-repeat 0 0;background-size:cover;}
.yangyang #visual .slick:after{background:url(/page/local/images/main/bg_visual_07.png) no-repeat 0 0;background-size:cover;}
.yeongwol #visual .slick:after{background:url(/page/local/images/main/bg_visual_08.png) no-repeat 0 0;background-size:cover;}
.wonju #visual .slick:after{background:url(/page/local/images/main/bg_visual_09.png) no-repeat 0 0;background-size:cover;}
.inje #visual .slick:after{background:url(/page/local/images/main/bg_visual_10.png) no-repeat 0 0;background-size:cover;}
.jeongseon #visual .slick:after{background:url(/page/local/images/main/bg_visual_11.png) no-repeat 0 0;background-size:cover;}
.cheorwon #visual .slick:after{background:url(/page/local/images/main/bg_visual_12.png) no-repeat 0 0;background-size:cover;}
.chuncheon #visual .slick:after{background:url(/page/local/images/main/bg_visual_13.png) no-repeat 0 0;background-size:cover;}
.taebaek #visual .slick:after{background:url(/page/local/images/main/bg_visual_14.png) no-repeat 0 0;background-size:cover;}
.pyeongchang #visual .slick:after{background:url(/page/local/images/main/bg_visual_15.png) no-repeat 0 0;background-size:cover;}
.hongcheon #visual .slick:after{background:url(/page/local/images/main/bg_visual_16.png) no-repeat 0 0;background-size:cover;}
.hwacheon #visual .slick:after{background:url(/page/local/images/main/bg_visual_17.png) no-repeat 0 0;background-size:cover;}
.hoengseong #visual .slick:after{background:url(/page/local/images/main/bg_visual_18.png)o no-repeat 0 0;background-size:cover;}
#visual .slick .slick-slide{position:relative;z-index:inherit !important;}
#visual .slick .slick-slide img{display:block;}
#visual .link{position:absolute;bottom:0px;right:0px;background:rgba(255,255,255,.9);border-top-left-radius:45px;height: 196px;padding:0 232px 0 109px;z-index:1002;}
#visual .link a{display:inline-block;margin-top: -23px;vertical-align:top;text-align:center;}
#visual .link a:first-child{margin-top: -44px;}
#visual .link a + a{margin-left: 20px;}
#visual .link .icon{width:117px;height:117px;background:#fff;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.2);position:relative;}
#visual .link a:nth-child(1) .icon{width:157px;height:157px;}
#visual .link a:nth-child(2) {margin-right: -9px;}
#visual .link a:nth-child(1) .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 118px;}
#visual .link a:nth-child(2) .icon img{position:absolute;top:50%;left:46%;transform:translate(-50%, -50%); width: 73px;}
#visual .link a:nth-child(3) .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 73px;}
#visual .link a:nth-child(4) .icon img{position:absolute;top:53%;left:55%;transform:translate(-50%, -50%); width: 65px;}
#visual .link a:nth-child(5) .icon img{position:absolute;top:52%;left:50%;transform:translate(-50%, -50%); width: 105px;}
#visual .link a:nth-child(1) span{margin-top: 16px;}
#visual .link a:nth-child(2) span{margin-left: -7px;}
#visual .link a span{color:#333;font-weight:500;font-size:20px;display:block;margin-top: 34px;line-height:1.2}
#visual .link a:first-child span{font-weight:700;}
#visual .condition_wrap .trigger{position:absolute;top:52%;right:42%;margin-right:620px;z-index:1010;widows: 300px;height:300px;}
#visual .condition_wrap .trigger:focus{outline: none;}
#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:1050;display:none;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.3);}
#visual .condition_wrap .close{background:url(/page/local/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 .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/local/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:block;font-weight:300;font-size:18px;color:#424242;}
#visual .condition .map .box{width:450px;height:418px;background:url(/page/local/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.active img{display:block;}

#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/local/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}
#visual .condition .graph .news .situation{color:#f90000;font-weight:700;}
#visual .condition .graph .news .number{font-weight:700;}


@media (max-width: 1750px) {
    #visual .condition_wrap .trigger{right:inherit;margin-right:0;left:90px;}
}

@media (max-width: 1450px) {
    #visual .condition .data{min-width:300px;}

}

@media (max-width: 1280px) {
    #visual .condition_wrap .trigger{top: 46%; left: 55px;}
}

@media (max-width: 1200px) {
    #visual .link a:nth-child(2) {margin-right: 1px;}
    #visual .condition_wrap .trigger img{width:140px;}
    #visual .condition_wrap .trigger{left:55px;top:inherit;bottom:38%}
    #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 .link a:first-child .icon{margin-top: -49px;}
    #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;}
}


@media (max-width: 767px) {
    #visual .condition_wrap .trigger{bottom:30%; right:inherit;left:50%;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: 375px) {
#visual .condition_wrap .trigger{bottom: 38%;}

}


@media (max-width: 1750px) {
    #visual{width:100%;margin:0;}
}


@media (max-width: 1400px) {
   #visual .text{right:150px;margin-top:-75px}
   #visual .control .box{right:150px;margin-top:10px}
   #visual .link{padding-right:150px;}
}

@media (max-width: 1200px) {
    #visual{width:100%;margin:0;}
    #visual .control .prev{width:41px;height:84px}
    #visual .control .next{width:41px;height:84px}
    #visual .control .prev img{width:18px;height:35px;padding:0;}
    #visual .control .next img{width:18px;height:35px;padding:0;}
    #visual .link{position:relative;bottom:inherit;right:inherit;padding-right:50px;height:205px;text-align:right;}
    #visual .text{font-size:30px;right:80px;margin-top:0;}
    #visual .text strong{font-size:40px;}
    #visual .control .box{margin-top:80px;right:80px;}

    #visual .link a{width:105px;}
    #visual .link .icon{width:105px;height:105px;}

    #visual .link a span{word-break:keep-all;margin-top:7px;font-size:18px;}
    #visual .link a:first-child{width:150px;margin-top:-30px}
    #visual .link a:first-child .icon{width:150px;height:150px;}
    #visual .link a:first-child .icon img{max-width:110px;max-height:110px;}
    #visual .link a:last-child span br{display:block;}
    #visual .link{height:180px;}
    #visual .link a:nth-child(1) .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 118px;}
    #visual .link a:nth-child(2) .icon img{position:absolute;top:50%;left:45%;transform:translate(-50%, -50%); width: 73px;}
    #visual .link a:nth-child(3) .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 73px;}
    #visual .link a:nth-child(4) .icon img{position:absolute;top:53;left:55%;transform:translate(-50%, -50%); width: 65px;}
}


@media (max-width: 767px) {
    #visual .slick:after{width:110%;}
    #visual .control .box{display:none;}
    #visual .text{top:90px;right:10px;margin-top:0;font-size:5vw;transform:inherit;line-height:1.4}
    #visual .text strong{font-size:7vw;}
    #visual .control .prev{width:35px;height:73px}
    #visual .control .next{width:35px;height:73px}
    #visual .control .prev img{width:15px;height:30px;}
    #visual .control .next img{width:15px;height:30px;}
    #visual .link{padding:0 10px 0 0;}
#visual .link a:nth-child(1) span{margin-top: 8px;}
    #visual .link a{width:74px;}
    #visual .link .icon{width:74px;height:74px;}
    #visual .link a span{word-break:keep-all;margin-top:6px;font-size:14px;}
    #visual .link a:first-child{width:105px;margin-top:-30px}
    #visual .link a:first-child .icon{width:105px;height:105px; margin-top: -26px;}
    #visual .link a:first-child .icon img{max-width:80px;max-height:80px;}
    #visual .link a + a{margin-left:2px}
    #visual .link{height:130px;}
    #visual .link a .icon img{width: 50px;}
    #visual .link a:nth-child(1) .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 73px;}
    #visual .link a:nth-child(2) .icon img{position:absolute;top:50%;left:45%;transform:translate(-50%, -50%); width:46px;}
    #visual .link a:nth-child(3) .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 46px;}
    #visual .link a:nth-child(4) .icon img{position:absolute;top:53%;left:55%;transform:translate(-50%, -50%); width: 46px;}
	#visual .link a:nth-child(5) .icon img{position:absolute;top:53%;left:55%;transform:translate(-56%, -52%); width: 73px;}
}


#notify{max-width:1400px;margin:0 auto;padding:90px 0 0 0;}
#notify .notice{float:left;position:relative;width:50%;padding-right:32px;}
#notify .notice h3{float:left;font-weight:600;letter-spacing:-1px;color:#222;font-size:28px;margin-right:40px;}
#notify .notice ul{overflow:hidden;padding-top:10px;}
#notify .notice ul li{float:left;width:calc((100% - 31px) / 2);margin-right:30px;position:relative;min-height:140px;}
#notify .notice ul li:after{content:'';position:absolute;display:block;width:100%;height:2px;background:#c92821;position:absolute;top:0;left:0;}
#notify .notice ul li:nth-child(2n){margin-right:0;}
#notify .notice ul li:nth-child(n+3){margin-top:10px;}
#notify .notice ul li a{display:block;padding:12px 15px 0 0;}
#notify .notice ul li a p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;max-height:46px;color:#222;font-weight:500;font-size:18px;line-height:1.3;}
#notify .notice ul li a span{display:block;margin-top:8px;font-weight:300;color:#9e9e9e;}
#notify .notice .more{position:absolute;display:block;position:absolute;top:48px;left:0px;color:#c92821}

#notify .window{float:left;width:50%;position:relative;}
#notify .window h3{float:left;font-weight:600;letter-spacing:-1px;color:#222;font-size:28px;margin:0 35px 0 35px;}
#notify .window .slick-wrap{position:relative;}
#notify .window .slick-wrap .slick-box{box-shadow:5px 5px 20px rgba(0,0,0,.2);overflow:hidden;border-radius:15px;position:relative;}
#notify .window .slick a img{display:block;}
#notify .window .slick-wrap .control{position:absolute;top:90px;left:35px;z-index:100;}
#notify .window .slick-wrap .control .play, #notify .window .slick-wrap .control .pause{margin:0 4px;}
#notify .window .slick-wrap .control .play{display:none;}
#notify .window .slick-wrap .slick-slide{position:relative;}
#notify .window .count{position:absolute;display:block;position:absolute;top:41px;left:35px;font-size:20px;color:#666;font-weight:400;}
#notify .window .count em{font-size:26px;color:#c92821;}



@media (max-width: 1400px) {
    #notify{padding:70px 10px 0 10px;}
}


@media (max-width: 1200px) {
    #notify{padding-top:40px}
    #notify .notice , #notify .window{float:none;width:100%;}
    #notify .window{padding-right:32px;}
    #notify .window h3{margin:0 55px 0 0;}
    #notify .window .count{left:0;}
}

@media (max-width: 767px) {
    #notify .window .slick-wrap .control{position:absolute;top:-32px; left: auto; right:64px;z-index:100;}
    #notify{padding-top:20px}
    #notify .notice{padding-right:0;}
    #notify .notice h3{font-size:20px;margin-right:15px;}
    #notify .notice .more{font-size:12px;top:35px}
    #notify .notice ul{padding-top:5px;}
    #notify .notice ul li{min-height:95px}
    #notify .notice ul li{width:100%;margin-right:0;}
    #notify .notice ul li:nth-child(n+3){display:none;}
    #notify .notice ul li a p{font-size:14px;}
    #notify .notice ul li a span{font-size:14px;margin-top:4px;}
    #notify .window {padding:5px 0 0;}
    #notify .window h3{float:none;font-size:20px;margin-bottom:6px;}
    #notify .window .count{left:inherit;right:5px;top:5px;font-size:16px;}
    #notify .window .count em{font-size:20px;}
    #notify .notice ul li a{padding:12px 0 0 0;}
}


#news{position:relative;margin-top:90px;}
#news:before{content:'';display:block;position:absolute;top:100px;bottom:0px;left:0px;right:0px;background:#ebeff2}
#news .inner{max-width:1654px;margin:0 calc(100% - 1665px) 0 0;}
#news .title{position: relative; float:left;width:460px;height:590px;background:url(/page/local/images/main/bg_title.png) no-repeat top right;border-top-right-radius:50px;position:relative;background-size:cover;}
#news .title h3{padding:55px 0 0 260px;font-size:40px;font-weight:700;font-family:'JSDongkang';color:#fff;line-height:1.1}
#news .title h3 strong{font-size:55px;}
#news .title h3 span{position:relative;text-align:center;display:inline-block}
#news .title h3 span:after{content:'';display:block;width:17px;height:22px;background:url(/page/local/images/main/mark_01.png) no-repeat 0 0;position:absolute;top:-22px;right:-16px;background-size:cover;}
#news .title p{color:#fff;font-size:18px;margin-top:10px;padding-left:260px;color:#fff;line-height:1.4;}
#news .title .view{display:block;background:#fff;width:147px;height:41px;line-height:41px;text-align:center;border-radius:21px;font-weight:300;box-shadow:0 0 15px rgba(0,0,0,.2);position:absolute;top:247px;right:-17px;}
#news .title .view:after{content:'';display:inline-block;width:22px;height:13px;background:url(/page/local/images/main/arrow_03.png) no-repeat 0 0;margin-left:8px;background-size:cover;}
#news .title_box{position: absolute; right:0; top:3px;  width:460px;border-top-right-radius:27px;border-bottom-right-radius:27px;}
#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:293px;right:83px;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: absolute; top: 260px; right:0;  z-index: 1; padding:14px 0 28px 30px;margin: 56px 0 0 260px; width: 230px;  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:14px;}
#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{position: relative; top: 2px; display:inline-block;margin-left: 3px;vertical-align:-5px;}

#news .slick-box{margin-left:520px;position:relative;}
#news .slick-box .slick-slider .slick-list{padding:15px;}
#news .slick-box .slick .slide{display:block;float:left;width:360px;margin-right:27px;}
#news .slick-box .slick .slide:last-child{margin-right:0px;}
#news .slick-box .slick .thumb{border-radius:18px;box-shadow:0 0 15px rgba(0,0,0,.1);overflow:hidden;}
#news .slick-box .slick .thumb img{height: 240px; display:block;width:100%;}
#news .slick-box .slick .text{margin-top:20px;}
#news .slick-box .slick .date{font-weight:300;color:#666;display:block;}
#news .slick-box .slick h4{font-weight:500;color:#222;font-size:22px;line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;max-height:56px;}
#news .slick-box .slick p{font-weight:300;font-size:14px;color:#333;margin-top:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow:hidden;max-height:63px;}


@media (max-width: 1400px) {
    #news{margin-top:70px}
    #news .title{width:320px}
    #news .title h3{padding-left:155px;}
    #news .title p{padding-left:155px;}
    #news .slick-box{margin-left:385px;}
}

@media (max-width: 1200px) {
    #news .title_box h4{top:222px;}
    #news .title .view{display: none;}
    #news .title_box ul{margin: -16px 0 0 0; padding: 12px 0 12px 34px;}
    #news .title{width:250px;height:500px}
    #news .title h3{padding-left:85px;}
    #news .title p{padding-left:85px;}
    #news .slick-box{margin-left:285px;}
    #news .slick-box .slick .slide{width:300px}
}


@media (max-width: 767px) {

    #news .title_box li a img{top: 0; width: 20px;}
    #news .title_box li{margin-top: 14px;}
    #news .title_box h4{top: 148px; right:30px; font-size: 16px;}
    #news .title_box li a:after{width: 6px; height: 7px; top:7px; left: 7px; }
    #news .title_box ul{margin: -100px 0 0 0; padding: 18px 0 21px 4px; width: 116px;}
    #news .title_box li a{font-size: 14px;}
    #news{margin-top:50px}
    #news .title{width:120px;}
    #news .title h3{font-size:20px;padding:30px 0 0 10px}
    #news .title h3 strong{font-size:28px;}
    #news .title p{padding-left:10px;font-size:12px;}
    #news .title h3 span:after{width:10px;height:12px;top:-14px;right:-12px;}
    #news .title .view{width:95px;height:25px;font-size:12px;line-height:25px;top:150px;right:15px;}
    #news .title .view:after{width:15px;height:9px;margin-left:4px;}
    #news .slick-box{margin-left:130px;padding-top:20px}
    #news .slick-box .slick .slide{width:200px;margin-right:10px}
    #news .slick-box .slick .text{margin-top:10px;padding-right:10px}
    #news .slick-box .slick .date{font-size:12px;}
    #news .slick-box .slick h4{font-size:18px;line-height:1.3;max-height:46px;}
    #news .slick-box .slick .thumb {box-shadow:none;}
    #news .slick-box .slick p{font-size:12px;-webkit-line-clamp:5;max-height:98px;margin-top:4px;line-height:1.3;max-height:77px;}
    #news .slick-box .slick-slider .slick-list{padding:0px;}
}


@media (max-width: 1750px) {
    #news .inner{margin:0;}
}


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