@charset "utf-8";

#main{background:#f8f8f8;position:relative;padding-bottom:1px;overflow:hidden;}
body#main{background:transparent;}
.page_wrap.bg_active{background:#f8f8f8;}
#visual{position:relative;}
#visual .slick-wrap{position:relative;}
#visual .control{position:absolute;left:50%;margin-left:506px;bottom:4%;z-index:1030;}
#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 .control:after{content:'';display:block;width:415px;height:299px;background:url(/page/foreign/images/main/animal.png?ver=20240521) no-repeat 0 0;background-size:cover;position:absolute;left:-410px;bottom:-12px;}
#visual .slick{position:relative;}
#visual .slick:before{content:'';display:block;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:url(/page/foreign/images/main/bg_visual.png) no-repeat 50% 50%;background-size:cover;z-index:1001;}
#visual .slick:after{content:'';display:block;position:absolute;bottom:0px;left:0px;right:0px;background:url(/page/foreign/images/main/bg_visual_bt.png) no-repeat 100% 50%;background-size:cover;height:267px;z-index:1020;}

#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:34px;z-index:1005;font-family:'Minguk-Bold';line-height:1.5;letter-spacing:-2px;}
#visual .slick .text br{display:none;}
#visual .slick .text strong{display:block;font-size:56px;}
#visual .slick .text strong span{display:inline-block;position:relative;font-size:70px;}
#visual .slick .text strong span:after{content:'';display:block;width:21px;height:26px;background:url(/page/foreign/images/main/mark_01.png) no-repeat 0 0;background-size:cover;position:absolute;top:7px;right:-23px;}
#visual .slick .text strong br{display:none;}
#visual .slick .text .line_2{display:block;font-family:'Minguk-Regular';margin-top:3px;}
#visual .condition_wrap .trigger{position:absolute;top:30%;right:50%;margin-right:-700px;z-index:1050;width: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);letter-spacing:-1px;}
#visual .condition_wrap .close{background:url(/page/foreign/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 40px;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:inline-block;font-size:20px;color:#212121;font-weight:500;padding-left:13px;position:relative;margin-top:12px;line-height:1.2;vertical-align:bottom;min-width:82px;}
#visual .condition .data .case strong:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#f90000;position:absolute;left:0px;top:-5px;}
#visual .condition .data .case.emergency strong:after{background:#ff8000}
#visual .condition .data .case.rescue strong:after{background:#05b03e}
#visual .condition .data .case.etc strong:after{background:#239efe}

#visual .condition .data .case p{text-align:right;font-size:16px;color:#212121;line-height:1;letter-spacing:-1px;width:180px;display:inline-block}
#visual .condition .data .case p em{font-size:48px;font-weight:900;color:#d80000;}
#visual .condition .data .case.emergency p em{color:#a75400;}
#visual .condition .data .case.rescue p em{color:#007c2a;}
#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/foreign/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/foreign/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:15%;left:7%;}
#visual .condition .map .pointer.p_01 img{margin:0px 0 0 18px;}
#visual .condition .map .pointer.p_02{top: 20%;left: 21%;}
#visual .condition .map .pointer.p_02 img{margin: 2px 0 0 -10px;}
#visual .condition .map .pointer.p_03{top:20%;left:36%;}
#visual .condition .map .pointer.p_03 img{margin: -2px 0 0 -2px;}
#visual .condition .map .pointer.p_04{top:11%;left:55%;}
#visual .condition .map .pointer.p_04 img{margin: -17px 0 0 -11px;}
#visual .condition .map .pointer.p_05{top: 35%;left: 22%;}
#visual .condition .map .pointer.p_05 img{margin: 6px 0 0 0px;}
#visual .condition .map .pointer.p_06{top:30%;left:48%;}
#visual .condition .map .pointer.p_06 img{margin: -11px 0 0 -6px;}
#visual .condition .map .pointer.p_07{top:23.5%;left: 58%;}
#visual .condition .map .pointer.p_07 img{margin:-1px 0 0 -2px;}
#visual .condition .map .pointer.p_08{top: 46%;left: 36%;}
#visual .condition .map .pointer.p_08 img{margin: 1px 0 0 -3px;}
#visual .condition .map .pointer.p_09{top: 33%;left:63%;}
#visual .condition .map .pointer.p_09 img{margin: -4px 0 0 -4px;}
#visual .condition .map .pointer.p_10{top: 75%;left: 27%;}
#visual .condition .map .pointer.p_10 img{margin: -1px 0 0 3px;}
#visual .condition .map .pointer.p_11{top: 60%;left: 37%;}
#visual .condition .map .pointer.p_11 img{margin: 7px 0 0 -17px;}
#visual .condition .map .pointer.p_12{top: 60%;left: 51%;}
#visual .condition .map .pointer.p_12 img{margin: 2px 0 0 9px;}
#visual .condition .map .pointer.p_13{top: 52%;left: 72%;}
#visual .condition .map .pointer.p_13 img{margin: -5px 0 0 -9px;}
#visual .condition .map .pointer.p_14{top: 83%;left: 53%;}
#visual .condition .map .pointer.p_14 img{margin: -10px 0 0 -1px;}
#visual .condition .map .pointer.p_15{top: 73%;left: 64%;}
#visual .condition .map .pointer.p_15 img{margin: -4px 0 0 2px;}
#visual .condition .map .pointer.p_16{top: 64.4%;left:82%;}
#visual .condition .map .pointer.p_16 img{margin: -2px 0 0 -8px;}
#visual .condition .map .pointer.p_17{top: 87.5%;left: 76%;}
#visual .condition .map .pointer.p_17 img{margin: -16px 0 0 -3px;}
#visual .condition .map .pointer.p_18{top: 80%;left: 84%;}
#visual .condition .map .pointer.p_18 img{margin: -2px 0 0 -13px;}
#visual .condition .map .pointer button{font-size:14px;font-weight:500;padding:10px;z-index:10;position:relative;line-height:1.2;word-break:keep-all;}
#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;word-break:keep-all;}
#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{padding:50px 10px 0 0;font-size:30px;color:#616161;letter-spacing:-2px;}
#visual .condition .graph h3 strong{font-size:48px;font-weight:700;color:#212121;}
#visual .condition .graph .box{padding-top:10px;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 18px;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/foreign/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: 1450px) {
    #visual .slick .text{left:50px;margin-left:0;top:23%;}
    #visual .condition_wrap .trigger{right:43px;margin-right:0;top:38%;}
    #visual .condition .data{min-width:300px;}
    #visual .control{left:inherit;margin-left:0;right:57px;}
    #visual .control:after{width:300px;height:232px;left:-300px;}
    #visual .slick:after{background-size:1450px;height:200px;}

    #notify{margin-top:-66px;}

}

@media (max-width: 1200px) {
    #visual .slick:before{}
    #visual .slick .text{font-size:24px;left:5%;top:27%;}
    #visual .slick .text strong{font-size:40px;}
    #visual .slick .text strong span{font-size:50px;}
    #visual .slick .text .line_2{}
    #visual .slick .text strong span:after{width:13px;height:16px;top:9px;right:-16px;}

    #visual .condition_wrap .trigger{top:inherit;bottom:32%}
    #visual .condition_wrap .condition{max-width:750px;top:90px}
    #visual .condition .data{min-width:260px;padding: 0 10px 0 20px;min-height:991px;}
    #visual .condition .data .case{margin-right:20px;}
    #visual .condition .data .case p{width: 142px;}
    #visual .condition .data h3{font-size:26px;}

    #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{background-size:1200px;height:168px;}

     #visual .control{bottom:2%;}
     #visual .control:after{bottom:0px;}
}

@media (max-width: 1023px) {
     #visual .condition_wrap .trigger{width:120px;height:120px;right:20px;}
     #visual .condition_wrap .trigger img{width:120px;}
     #visual .control{right:20px;}
     #visual .control:after{width:250px;height:193px;left:-247px;}


}



@media (max-width: 767px) {

    #visual .slick:after{background-position:61% 0;}
    #visual .slick .text{left:5%;top:18%;letter-spacing:0px;left:10px}
    #visual .slick .text strong{font-size:6vw;}
    #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;font-size:4vw;}
    #visual .slick .text strong span:after{top:2px;right:-15px;}
    #visual .control{bottom:16px;right:10px;}
    #visual .control:after{left:-56px;bottom:50px;}
    #visual .condition_wrap .trigger{bottom:245px;right:10px;}
    #visual .slick .text br{display:block;}




    #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{display:inline-block;width:calc(50% - 22px);margin-right:15px;white-space:nowrap;}
    #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;min-width: 60px;}
    #visual .condition .data .case p{font-size:16px;width: calc(100% - 65px);}
    #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: 12%;left: 4%;}
    #visual .condition .map .pointer.p_01 img{margin: 2px 0 0 13px;width: 105px;}
    #visual .condition .map .pointer.p_02{top: 17%;left: 19%;}
    #visual .condition .map .pointer.p_02 img{margin: 3px 0 0 -5px;width: 76px;}
    #visual .condition .map .pointer.p_03{top: 18%;left: 33%;}
    #visual .condition .map .pointer.p_03 img{margin: 2px 0 0 1px;width: 55px;}
    #visual .condition .map .pointer.p_04{top: 6%;left: 52%;}
    #visual .condition .map .pointer.p_04 img{margin: -3px 0 0 -5px;width: 51px;}
    #visual .condition .map .pointer.p_05{top: 33%;left: 19%;}
    #visual .condition .map .pointer.p_05 img{margin: 4px 0 0 1px;width: 75px;}
    #visual .condition .map .pointer.p_06{top: 26%;left: 46%;}
    #visual .condition .map .pointer.p_06 img{margin: 0px 0 0 -3px;width: 75px;}
    #visual .condition .map .pointer.p_07{top: 21.5%;left: 57%;}
    #visual .condition .map .pointer.p_07 img{margin: 0px 0 0 -2px;width: 30px;}
    #visual .condition .map .pointer.p_08{top: 43%;left: 34%;}
    #visual .condition .map .pointer.p_08 img{margin: 4px 0 0 -2px;width: 143px;}
    #visual .condition .map .pointer.p_09{top: 30%;left: 61%;}
    #visual .condition .map .pointer.p_09 img{margin: 1px 0 0 -1px;width: 56px;}
    #visual .condition .map .pointer.p_10{top: 73%;left: 25%;}
    #visual .condition .map .pointer.p_10 img{margin: 1px 0 0 3px;width: 70px;}
    #visual .condition .map .pointer.p_11{top: 58%;left: 34%;}
    #visual .condition .map .pointer.p_11 img{margin: 5px 0 0 -9px;width: 75px;}
    #visual .condition .map .pointer.p_12{top: 58%;left: 50%;}
    #visual .condition .map .pointer.p_12 img{margin: 3px 0 0 2px;width: 81px;}
    #visual .condition .map .pointer.p_13{top: 48%;left: 70%;}
    #visual .condition .map .pointer.p_13 img{margin: 3px 0 0 -5px;width: 75px;}
    #visual .condition .map .pointer.p_14{top: 80%;left: 50%;}
    #visual .condition .map .pointer.p_14 img{margin: -4px 0 0 3px;width: 105px;}
    #visual .condition .map .pointer.p_15{top: 70%;left: 61%;}
    #visual .condition .map .pointer.p_15 img{margin: 1px 0 0 3px;width: 71px;}
    #visual .condition .map .pointer.p_16{top: 62%;left: 80%;}
    #visual .condition .map .pointer.p_16 img{margin: -2px 0 0 -3px;width: 37px;}
    #visual .condition .map .pointer.p_17{top: 85.5%;left: 74%;}
    #visual .condition .map .pointer.p_17 img{margin: -10px 0 0 -1px;width: 37px;}
    #visual .condition .map .pointer.p_18{top: 76%;left: 84%;}
    #visual .condition .map .pointer.p_18 img{margin: 5px 0 0 -14px;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 .box{padding-top:0;}
    #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;}

}


#notify{position:relative;margin-top:-98px;z-index:1010;background:url(/page/foreign/images/main/bg_02.jpg) no-repeat 50% 50% #f8f8f8;background-size:1920px;height:1130px;}
#notify .inner{max-width:1400px;margin:0 auto;position:relative;}
#notify h3{text-align:center;position:relative;padding-top:170px;}
#notify h3:after{content:'';display:block;height:130px;width:0px;border-left:1px solid #d50000;position:absolute;top:20px;left:50%;}
#notify h3 strong{color:#d50000;font-family:'Minguk-Bold';font-size:72px;position:relative;display:inline-block;line-height:1;letter-spacing:-2px;}
#notify h3 strong:after{content:'';display:block;width:16px;height:21px;background:url(/page/foreign/images/main/mark_07.png) no-repeat 0 0;background-size:cover;position:absolute;top:-14px;right:-9px;}
#notify h3 span{color:#212121;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-2px;}

#notify h4{margin:80px auto 0;width:310px;height:310px;background:#fff;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.2);padding:20px;position:relative;z-index:100;}
#notify h4 div{width:100%;height:100%;color:#fff;background:#fc1800;text-align:center;padding-top:83px;border-radius:50%;}
#notify h4 div strong{font-weight:500;font-size:48px;letter-spacing:-2px;line-height:1.2;display:inline-block;}
#notify h4 div span{font-weight:300;font-size:28px;line-height:1.2;letter-spacing:-2px;display:inline-block;margin-top:1px;}
#notify h4:after{content:'';display:block;width:650px;height:707px;background:url(/page/foreign/images/main/img_02.png) no-repeat 0 0;background-size:cover;position:absolute;left:-616px;top:-190px;}
#notify h4:before{content:'';position:absolute;display:block;width:160px;height:1px;background:#727272;left:-160px;top:50%;z-index:-1;}

#notify ul{position:absolute;top:250px;left:50%;margin-left:295px;}
#notify ul li{width:260px;height:90px;border:5px solid #1c69d5;text-align:center;background:#fff;border-radius:45px;position:relative;}
#notify ul li + li{margin-top:15px;}
#notify ul li strong{color:#0043a0;font-weight:700;font-size:20px;padding-top:15px;line-height:1.2;display:block;letter-spacing:-1px;}
#notify ul li span{font-size:20px;color:#212121;font-weight:400;line-height:1.2;padding-top:0px;display:block;letter-spacing:-1px;}
#notify ul li strong:nth-child(1):nth-last-child(1){padding-top:25px}
#notify ul li:nth-last-child(2n){border-color:#eb0005;margin-left:-50px;}
#notify ul li:nth-last-child(2n) strong{color:#c90000;}
#notify ul li:nth-last-child(4n+1){margin-left:-100px;}

#notify ul li:after{content:'';position:absolute;display:block;width:160px;height:1px;background:#727272;left:-160px;top:50%;z-index:-1;}
#notify ul li:nth-child(2):after{transform:rotate(-20deg);transform-origin:100% 0%;}
#notify ul li:nth-child(4):after{transform:rotate(20deg);transform-origin:100% 0%;}
#notify ul li:nth-child(1):after{transform:rotate(-40deg);transform-origin:100% 0%;}
#notify ul li:nth-child(5):after{transform:rotate(40deg);transform-origin:100% 0%;}



@media (max-width: 1550px) {

  #notify h4:after{width:423px;height:450px;left:-400px;top:27px;}

}


@media (max-width: 1450px) {

    #notify{margin-top:-65px;background-size:1920px;}

}


@media (max-width: 1200px) {

    #notify{margin-top:-55px;height:700px;}
    #notify h3{padding-top:110px;}
    #notify h3:after{height:77px;}
    #notify h3 strong{font-size:50px;}
    #notify h3 strong:after{width:12px;height:16px;top:-12px;right:-9px;}
    #notify h3 span{font-size:18px;}

    #notify h4{width:230px;height:230px;margin-top:55px;}
    #notify h4 div strong{font-size:34px;}
    #notify h4 div span{font-size:20px;}
    #notify h4 div{padding-top:61px;}

    #notify h4:after{width:404px;height:468px;left:-368px;top:-102px;background: url(/page/foreign/images/main/img_02_t.png) no-repeat 0 0;}

    #notify ul li{width:210px;height:75px;}
    #notify ul li strong{font-size:16px;padding-top:13px;}
    #notify ul li span{font-size:16px;}
    #notify ul li strong:nth-child(1):nth-last-child(1){padding-top:21px;}
    #notify ul li + li{margin-top:11px;}
    #notify ul li:nth-last-child(2n){margin-left:-42px;}
    #notify ul li:nth-last-child(4n+1){margin-left:-83px;}

    #notify ul{top:147px;right:inherit;left:50%;margin-left:228px;}
}


@media (max-width: 1023px) {
    #notify h4:after{width:270px;height:332px;top:4px;background-size:cover;left:-256px;}
    #notify ul{margin-left:158px;}
}


@media (max-width: 767px) {
    #notify{height:610px;}
    #notify h3{padding-top:89px;}
    #notify h3 span{font-size:16px;}
    #notify h3 strong{font-size:40px;}
    #notify h3:after{height:62px;}
    #notify h4{margin:133px auto 0;width:140px;height:140px;padding:10px;left:-107px;}
    #notify h4:after{display:none;}
    #notify h4:before{display:none;}
    #notify h4 div{padding-top:41px;}
    #notify h4 div strong{font-size:20px;letter-spacing:-1px;}
    #notify h4 div span{font-size:14px;letter-spacing:-1px;display:block;margin-top:-1px}
    #notify ul{margin-left:27px;top:198px;}
    #notify ul li{width:150px;height:61px;}
    #notify ul li strong{font-size:14px;padding-top:8px;}
    #notify ul li span{font-size:14px;}
    #notify ul li strong:nth-child(1):nth-last-child(1){padding-top:16px;}
    #notify ul li:after{width:90px;left:-90px;}
    #notify ul li + li{margin-top:3px;}
    #notify ul li:nth-last-child(2n){margin-left:-27px;}
    #notify ul li:nth-last-child(4n+1){margin-left:-60px;}

}

#service{position:relative;margin-top:-282px;z-index:1020;background:url(/page/foreign/images/main/bg_03.png) no-repeat 50% 0%;background-size:1920px;height:750px;}
#service:before{content:'';display:block;width:383px;height:662px;background:url(/page/foreign/images/main/bg_side.png) no-repeat 0 0;background-size:cover;position:absolute;top:-20px;right:-100px;}
#service .inner{max-width:1400px;margin:0 auto;position:relative;}
#service h3{text-align:center;padding-top:140px;position:relative;}
#service h3:after{content:'';display:block;width:1px;height:90px;background:#fff;position:absolute;top:41px;left:50%;}
#service h3 span{display:inline-block;font-family:'Minguk-Bold';font-size:24px;line-height:1.2;color:#fff;letter-spacing:-1px;padding-top:5px;}
#service h3 strong{display:inline-block;font-family:'Minguk-Bold';font-size:72px;line-height:1.2;color:#fff;letter-spacing:-1px;position:relative;}
#service h3 strong:after{content:'';display:block;width:16px;height:21px;background:url(/page/foreign/images/main/mark_06.png) no-repeat 0 0;background-size:cover;position:absolute;top:6px;right:-9px;}

#service ul{padding-top:20px;text-align:center;}
#service ul li{padding-top:30px;color:#fff;font-size:22px;font-weight:300;word-break:keep-all;}
#service ul li strong{display:inline-block;font-size:30px;font-weight:700;}

@media (max-width: 1550px) {

  #service{margin-top:-327px;}

}


@media (max-width: 1400px) {

    #service:before{width:328px;height:504px;top:-20px;right:-150px;}
}


@media (max-width: 1200px) {

    #service{height:620px;margin-top:-120px;}
    #service h3{padding-top:109px;}
    #service h3:after{height:70px;}
    #service h3 span{font-size:18px;padding-top:10px;}
    #service h3 strong{font-size:50px;}
    #service h3 strong:after{width:12px;height:16px;top:4px;right:-9px;}
    #service ul li{font-size:16px;}
    #service ul li strong{font-size:24px;}

}

@media (max-width: 1023px) {
    #service{margin-top:-152px;}
}


@media (max-width: 767px) {
    #service{margin-top:-90px;height:auto;padding-bottom:100px;}
    #service:before{display:none;}
    #service h3{padding-top:95px;}
    #service h3:after{height:54px;}
    #service h3 span{font-size:16px;}
    #service h3 strong{font-size:40px;}
    #service h3 strong:after{width:10px;height:13px;top:2px;right:-8px;}
    #service ul{padding-top:10px;}
    #service ul li{padding:20px 15px 0;}
}

svg:not(:root){overflow:visible;}