@charset "utf-8";
.t_view{display:none;}
.phase_wrap{display:block;height:100%;text-align:left;background-color:#485c93;overflow:hidden;word-spacing:-.1em;}
.phase_wrap.pc{min-width:1670px;}
.header{display:flex;justify-content:space-between;background-color:#202941;overflow:hidden;}
.header .tit{width:690px;}
.header .tit h1{width:100%;color:#fff;font-size:28px;padding-left:85px;letter-spacing:-.05em;line-height:108px;background:url('../../img/logo_gov.gif') 20px 50% no-repeat;background-size:auto 55px;}
.header .tit .simul{line-height:68px;margin-top:20px;}
.header .simul span{width:100%;line-height:0;font-size:22px;}
.phase_set{display:flex;justify-content:space-between;gap:25px;float:right;height:108px;padding:0 15px;background-color:#000;overflow:hidden;width:47%;min-width:753px;}
.phase_set > div{height:100%;}
.m_tit{display:none;}
.phase_set .time{flex:1 0 260px;border-left-width:0;}
.time{font-size:28px;color:#fff;line-height:108px;text-align:center;}
.phase_set .loc{width:auto;line-height:29px;}
.phase_set .loc:has(select){flex:1;}
.loc label{display:inline-block;background:url('../../img/ico_loc.gif') 0 51% no-repeat;color:#fff;font-size:24px;padding-left:25px;line-height:108px;letter-spacing:-.05em;margin-right:10px;background-size: 16%;white-space:nowrap;}
.loc select{flex:1; ertical-align:middle;letter-spacing:-.1em;}
/* width:calc(100% - 123px); */
.phase_wrap.noticeP1 #noticeP1{display:block;}
.phase_wrap.noticeP1 #noticeP2{display:none;}
.phase_wrap.noticeP1 #noticeP3{display:none;}

.phase_wrap.noticeP2 #noticeP2{display:block;}
.phase_wrap.noticeP2 #noticeP1{display:none;}
.phase_wrap.noticeP2 #noticeP3{display:none;}

.phase_wrap.noticeP3 #noticeP3{display:block;}
.phase_wrap.noticeP3 #noticeP1{display:none;}
.phase_wrap.noticeP3 #noticeP2{display:none;}

.phase_set .nav{position:relative;flex:1 0 25px;margin:0;padding:0;}
.btn_nav{position:absolute;top:50%;width:22px;height:22px;background:url('../../img/info.png') 0 0 no-repeat;background-size:contain;font-size:0;margin:-30px 0 0 0;}
.phase_set .btn_alm{position:absolute;top:50%;left:-4px;display:inline-block;width:30px;background:none;border:none;}
.phase_set .btn_alm img{width:100%;height:auto;vertical-align:top;}

.body{position:relative;display:block;height:calc(100% - 108px);background-color:rgba(0,0,0,.3);}
.map{display:block;position:relative;height:100%;}
.map .map_area img{position:absolute;left:0;top:0;}
.map_area{position:relative;display:block;width:53%;max-width:calc(100% - 753px);height:100%;}
.map_area .legend_mag{position:absolute;left:auto;right:0;bottom:30px;width:90px;z-index:10;padding:0;}
.map_area .legend_mag td{height:35px;font-size:14px;letter-spacing:-.1em;}

.notice{position:absolute;right:20px;top:55px;width:47%;min-width:753px;padding-left:40px;overflow:hidden;z-index:997;}
.notice_tit{position:relative;display:table;height:110px;padding:0 20px;border-radius:10px 10px 0 0;background-color:#c81b2d;z-index:998;}
.btn_speaker{display: inline-block;width:100px;height:100%;background:url('../../img/bg_speaker.jpg') 50% 25% no-repeat, #c81b2d;border:none;padding-top:53px;color:#fff;font-size:22px;font-weight:600;letter-spacing:-.04em;}
.btn_speaker.mute{background:url('../../img/bg_speaker_mute.jpg') 50% 47% no-repeat, #c81b2d !important;}
.notice_tit h1{display:table-cell;width:100%;height:100%;color:#fff08e;font-size:40px;letter-spacing:-.05em;vertical-align:middle;padding-left:15px;}
.notice_tit h1 span{display:block;}
.notice_body{background-color:rgba(0,0,0,.2);padding:35px 30px;}
.notice_body div{color:#fff;font-size:24px;letter-spacing:-.05em;word-break:keep-all;word-wrap:break-word;}
.loc_mag{min-height:310px;}
.est_loc{display:table;padding:0 30px 30px;}
.est_loc span{display:table-cell;width:100%;vertical-align:middle;background-color:#ffcb98;border-radius:50px;text-align:center;font-size:30px;color:#000;font-weight:bold;}
.est_loc .loc_tag{color:#c4202d;font-weight:600;font-size:58px;margin-right:10px;}
.notice_body .est_mag{font-size:72px;padding:45px 20px;line-height:72px;}
.tbl_pastQuake{margin-bottom:40px;}
.tbl_pastQuake thead{border:1px solid #fff;border-width:2px 0;}
.tbl_pastQuake th,
.tbl_pastQuake td{color:#fff;}
.tbl_pastQuake th{font-size:25px;padding:13px 5px;}
.tbl_pastQuake td{font-size:22px;border-bottom:1px solid #9da5bb;padding:10px 5px;}
.lefer.excl{position:relative;font-size:22px;color:#fefe07;padding-left:38px;text-indent:-38px;letter-spacing: -.01em;}
.lefer.excl::before{content:"!";display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;background-color:#fefe07;color:#3a4a76;text-align:center;font-weight:bold;margin-right:8px;text-indent:-2px;}

/* phase2 */
.map_mark{position:absolute;width:14px;height:20px;left:0;top:0;z-index:5;background:url(../../img/ico_loc.png) 0 0 no-repeat;font-size:0;text-indent:-9999px;overflow:hidden;}
.phase2 .notice_tit h1 span{display:block;}
.phase2 .notice_tit span{font-size:30px;}
.phase2 .notice_tit .evt_time{font-size:35px;letter-spacing:-.1em;}
.phase2 .notice_tit::before,
.phase2 .notice_tit::after{content:"";position:absolute;left:0;bottom:-20px;display:inline-block;width:0;height:0;border:10px solid #000;border-radius:0;border-bottom-color:transparent;border-left-color:transparent;border-width:10px 5px;line-height:0;z-index:900;}
.phase2 .notice_tit::after{left:auto;right:0;border-right-color:transparent;border-left-color:#000;}
.phase2 .notice_body{position:relative;margin-top:75px;padding-bottom:120px;z-index:700;}
.phase2 .est_mag{position:absolute;left:10px;bottom:-109px;width:calc(100% - 20px);background-color:#ffcb98;border-top:17px solid #b38e6b;box-sizing:border-box;padding:5px 0 0;z-index:800;}
.phase2 .est_mag dt,
.phase2 .est_mag dd{float:left;}
.phase2 .est_mag dt{font-size:40px;margin:10px 8px 0 25px;font-weight:600;letter-spacing:-.05em;}
.phase2 .est_mag dd{font-size:40px;color:#c4202d;letter-spacing:-.05em;line-height:75px;}
.phase2 .est_mag dd sm{font-size:30px;margin-left:-3px;}
.phase2 .est_mag .val{font-size:60px;}
.phase2 .loc_mag{position:relative;margin-top:43px;}
.phase_wrap .loc_mag .fl{width:330px;}
.phase2 .loc_mag .loc_icon{height:394px;background:url(../../img/bg_location.png) 50% 50% no-repeat;text-align:center;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.phase2 .loc_mag .loc_mark{display:inline-table;width:273px;height:273px;border:2px solid #969696;border-radius:50%;background-color:#fff;margin-top:23px;}
.loc_mark .layout{vertical-align:middle;display:table-cell;}
.phase2 .loc_mark p{text-align:center;font-size:33px;padding:0 15px;font-weight:600;}
.phase2 .loc_mag .loc_1deps{height:50%;font-size:80px;color:#f35857;}
.phase2 .loc_mag .loc_2deps{line-height:33px;word-break:keep-all;}
.phase2 .loc_mag .fr{width:calc(100% - 375px);}
.phase2 .loc_mag .loc_info,
.phase2 .loc_mag .loc_info label,
.phase2 .loc_mag .loc_info p{display:inline-block;text-align:center;letter-spacing:-.05em;font-size:34px;}
.phase2 .loc_mag .loc_info{display:flex;flex-direction:column;justify-content:center;min-height:168px;}

.loc_est_mag .label{color:#000;font-size:29px;white-space:nowrap;letter-spacing:-.05em;line-height:1.2;font-weight:800;}
.loc_est_mag .label span{display:block;}
.phase2 .loc_mag .loc_info .val{font-size:93px;line-height:1;}
.phase2 .loc_mag .loc_est_mag .val{line-height:0.8;}
.loc_est_time{background-color:rgba(0,0,0,.2);margin-top:20px;}
.loc_est_time .label{color:#ffff00;font-size:29px;}
.loc_est_time p{color:#ffff00;}
.loading_wrap{margin:10px 0 0;text-align:center;}
.lds-spinner{width:92px;height:92px;transform: translate(-46px, -46px) scale(.87);}
.phase2 .mag_info{position:absolute;left:0;bottom:-110px;}
.en .phase2 .mag_info{bottom:-135px;}
.mag_info p{position:relative;font-size:16px;color:#fff;padding-left:25px;}
.mag_info p::before,
.mag_info p::after{position:absolute;content:"";display:inline-block;}
.mag_info p::before,
.phase2 .mag_info .excl::before{left:0;top:1px;background-color:#fff;width:20px;height:20px;border-radius:50%;}
.mag_info p::after{left:7px;top:5px;width:4px;height:9px;transform:rotate(45deg);border:2px solid #3a4a76;border-width:0 3px 3px 0;}
.phase2 .mag_info .excl{font-size:16px;text-indent:0;padding-left:25px;}
.phase2 .mag_info .excl::before{line-height:20px;background-color:#fefe07;}
.phase2 .mag_info .tip::before,
.phase2 .mag_info .tip::after,
.phase2 .mag_info .excl::after{display:none;}
.phase2 .mag_info .tip{color:#93f4ff;margin-top:0;margin-bottom:5px;padding-left:0;animation:fliker 2s normal 0s infinite;}
@keyframes fliker{
  30%{opacity:1;}
  40%{opacity:.5;}
  50%{opacity:1;}
  60%{opacity:.5;}
  70%{opacity:1;}
}
/* aniwrap */
.ani_wrap{position:relative;width:330px;height:330px;}
.ani_item{position:relative;width:100%;height:100%;background-color:#fff;border-radius:50%;box-shadow:0 0 24px rgba(0,0,0,.3);overflow:hidden;}
.ani_item li{display:none;width:100%;height:100%;font-size:0;overflow:hidden;text-indent:-9999px;background:url(../../img/agg.gif) 50% no-repeat;background-size:80%;}
.ani_item li:first-child{display:block;}
/* .ani_item li{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/ani_alert01.png) 50% no-repeat;animation:pase 6s linear infinite 0s normal;font-size:0;overflow:hidden;text-indent:-9999px;}
.ani_item li:nth-child(1){opacity:1;}
.ani_item li:nth-child(2){background-image:url(../img/ani_alert02.png);animation-delay:2s;}
.ani_item li:nth-child(3){background-image:url(../img/ani_alert03.png);animation-delay:4s;} */
@keyframes pase{
  0%{opacity:1;}
  23%{opacity:0;}
  70%{opacity:0;}
  100%{opacity:1;}
}
.btn_aniDtl{overflow:hidden; position:absolute;bottom:0;left:50%;width:80%;background-color:#51b1d0;border:none;color:#fff;border-radius:25px;font-size:28px;font-weight:600;transform: translateX(-50%);line-height:47px;box-shadow:0 24px 24px rgba(0,0,0,.3);padding-right:45px;}
.btn_aniDtl::after{position:absolute;left:190px;top:50%;display:inline-block;width:50px;height:22px;content:"";background:url(../../img/bg_btnDtl1.gif) 0 0 repeat-x; margin-top:-11px;}
@keyframes btn_ani{
  33%{width:17px;}
  34%{width:34px;}
  65%{width:34px;}
  66%{width:46px;}
  100%{width:46px;}
}

/* phase3 */
.quake_info dt{display:inline-block;background-color:#ffcb98;line-height:44px;font-size:28px;font-weight:600;padding:0 18px;border-radius:20px;}
.quake_info dd{font-size:28px;color:#fff;padding-left:18px;margin:10px 0 25px;word-break:keep-all;}
.max_mag{padding:0 38px;border:1px solid #000;}
.max_mag p{text-align:center;font-size:30px;font-weight:600;line-height:80px;}
.max_mag .mag_wrap{border-bottom:1px dashed #000;font-size:117px;line-height:140px;}
.max_mag .label{font-size:55px;vertical-align:top;}

.alm_set{position:fixed;right:0;top:109px;width:785px;max-width:785px;background-color:#000;z-index:999;padding:20px;opacity:.8;}
.tit_alm{border-bottom:1px solid #fff;margin-bottom:5px;padding-bottom:5px;}
.tit_alm h2{font-size:20px;color:#fff;font-weight:600;}
.tit_alm span{float:right;font-size:16px;color:#fff;}
.tit_alm span img{width:30px;height:auto;margin-left:10px;}
.alm_list{display:flex;flex-wrap:wrap;}
.alm_list dt,
.alm_list dd{flex:0 1 auto;width:12.5%;padding:5px 10px;text-align:center;line-height:39px;box-sizing:border-box;}
.alm_list dt{font-size:25px;color:#fff;}
.alm_list dd img{cursor:pointer;}

/* tablet */
@media screen and (max-width:1300px){
  .t_view{display:block;}
  .t_red{color:#c81b2d!important;}
  .body{height:calc(100% - 51px);background-color:transparent;overflow:hidden;}
  select {appearance: none;-webkit-appearance:none;}
  .header .tit{display:none;}
  .header h1 span{display:inline-block;width:auto;text-indent:0;}
  .phase_set{width:100%;height:51px;min-width:auto;}
  .phase_set > div{height:100%;/* padding:0 14px; */line-height:51px;}
  .m_tit{display:inline-block;}
  .m_tit h1{width:calc(100% - 35px);color:#fff;font-size:20px;letter-spacing:-.02em;line-height:51px;font-weight:600;white-space:pre;}
  .m_tit img{display:inline-block;width:30px;height:30px;position:relative;top:-6px;}
  .phase_set .time{position:relative;font-size:18px;line-height:51px;letter-spacing:-0.07em;}
  .phase_set .nav{flex:1 0 60px;}
  .loc label{display:inline-block;line-height:51px;font-size:18px;background-size:auto 100%;padding:0 10px 0 33px;border-right:1px solid #4d4d4d;margin:0;background-size:auto 50%;background-position-y:50%;}
  .loc select{display:inline-block;background:transparent;color:#fff;border:none;height:100%;margin-top:0;}
  .loc select::-ms-expand{color:#fff;}
  .loc select option{color:#333;}
  .loc select::-ms-expand option{color:#333;}
  .btn_nav{left:5%;width:24px;height:24px;margin:-12px 0 0 0;}
  .phase_set .btn_alm{width:25px;height:26px;left:auto;right:5%;margin:-12px 0 0 0;}
  .tit_alm{padding:0 5px 5px;}
  .tit_alm h2{font-size:16px;}
  .tit_alm span{font-size:13px;}
  .tit_alm span img{width:22px;}
  .map_area{width:100%;margin-top:97px;max-width:none;}
  .map_area img{width:100%;height:auto;}
  .map_area .legend_mag{position:fixed;top:auto;left:auto;right:0;bottom:15%;}
  .map_area .legend_mag td{height:25px;font-size:12px;}
  .notice{position:static;max-width:none;width:100%;height:100%;}
  .notice_tit{position:absolute;top:0;left:0;right:0;height:98px;border-radius:0;padding:0 20px;background-size:75px auto;background-color:#ffcb98;}
 .btn_speaker{margin-left:-20px;}
.notice_tit h1{font-size:45px;line-height:43px;color:#000;}
  .notice_tit .est_scale{font-size:25px;margin-top:10px;text-indent:0;text-align:left;letter-spacing:-.05em;}
  .est_scale b{margin-right:10px;}
  .loc_mag{min-height:auto;}
  .notice_body{position:fixed;bottom:0;width:100%;left:0;z-index:10;padding:20px 40px 60px 20px;min-height:auto;}
  .notice_body .est_loc{padding:2px 10%;font-size:22px;margin-bottom:15px;}
.est_loc span{font-size:22px;}
  .est_loc .loc_tag{font-size:45px;}  
  .mag_info{margin-top:9px;}
  .lefer{padding:5px 12px;font-size:20px;}
  .tbl_pastQuake{margin-bottom:15px;}
  .tbl_pastQuake th{font-size:20px;padding:3px 5px;}
  .tbl_pastQuake td{font-size:18px;padding:6px 5px;}
  .lefer.excl{font-size:20px;}

  /* phase2 */
  .phase2 .notice_tit{display:inline-block;width:100%;padding:0 20px;}
  /*.phase2 .notice_tit .btn_speaker{margin-right:10px;float:left;background-size:50%;background-position-y:30%; font-size:12px;padding-top:30px;}*/
  .phase2 .notice_tit .btn_speaker{margin-right:10px;float:left;}
  .phase2 .notice_tit h1{display:block;width:calc(100% - 100px);height:auto;line-height:25px;padding:0;}
  .phase2 .notice_tit span{display:inline-block;font-size:22px;}
  .phase2 .notice_tit .evt_time{font-size:20px;}
  .phase2 .notice_tit::before,
  .phase2 .notice_tit::after{display:none;}
  .phase2 .est_mag{position:static;width:calc(100% - 100px);background-color:transparent;border-top:none;padding:0;overflow:hidden;}
  .phase2 .est_mag dt,
  .phase2 .est_mag dd{color:#c81b2d;margin:0;font-size:32px;line-height:40px;margin-right:20px;}
  .phase2 .est_mag dt{margin:5px 10px 0 0;}
  .phase2 .est_mag .val{font-size:40px;}
  .phase2 .est_mag dd sm{font-size:25px;margin-left:0;}
  .phase2 .notice_body{position:fixed;margin:0;padding:20px 40px 14px 20px;}
  .phase2 .loc_mag{display:flex;margin-top:0;justify-content:space-between;align-items:center;}
  .phase2 .loc_mag .loc_icon{width:225px;height:271px;background-size:100% auto;}
  .phase2 .loc_mag .loc_mark{width:190px;height:190px;margin-top:16px;}
  .phase2 .loc_mag .loc_1deps{font-size:55px;}
  .phase2 .loc_mag .loc_2deps{font-size:23px;line-height:25px;}
  .phase2 .loc_mag .fr{width:calc(100% - 355px);}
  .phase2 .loc_info .label{padding-left:27px;font-size:28px;font-weight:600;text-align:left;}
  .phase2 .loc_mag .loc_info .val{font-size:75px;}
  .loc_est_mag{border:1px solid #000;}
  .phase2 .loc_est_mag .label{font-size:30px;letter-spacing:-.05em;}
  .phase2 .loc_est_time .label{width:200px;text-align:left;line-height:35px;padding:15px 0 12px 27px;}
  .phase2 .loc_est_time .val{line-height:93px;}
  .loading_wrap{float:right;width:calc(100% - 223px);margin:10px 0;}
  .lds-spinner{width:78px;height:78px;transform: translate(-39px, -39px) scale(.75);}
  .phase2 .loc_mag .loc_info{flex-direction:row;align-items:center;min-height:104px;}
  .phase2 .loc_mag .loc_info p{flex:1;text-align:center;font-size:30px;}
  .phase2 .mag_info{position:static;padding:0;margin-top:15px;}
  .phase2 .mag_info .excl::before{margin-top:5px;}

  /* phase3 */
  .quake_info,
  .max_mag{width:49%;}
  .quake_info{float:left;}
  .quake_info dt{font-size:22px;line-height:32px;padding:0 15px;}
  .quake_info dd{font-size:22px;padding-left:15px;margin:5px 0 15px;}
  .quake_info dd:last-child{margin-bottom:0;}
  .max_mag{float:right;}
  .max_mag p{font-size:25px;line-height:67px;font-weight:normal;}
  .max_mag .mag_wrap{font-size:96px;line-height:75px;font-weight:600;padding-bottom:23px;}
  .max_mag .label{width:100%;font-size:40px;line-height:86px;}  
  .alm_set{width:100%;top:51px;}
  .alm_list dt,
  .alm_list dd{line-height:23px;}
  .alm_list dt{font-size:16px;}
  .alm_list dd img{width:22px;}
}


/* mobile */
@media screen and (max-width:767px){
  body{min-width:360px;background-color:transparent;}
  /*.body{height:calc(100% - 35px);}*/
  .body{height:100%;}
  .header h1,
  .header h1 span{font-size:18px;margin:0;}
  .header h1 span{text-indent:-8px;}
  .phase_set{height:35px;padding: 0px 5px;gap:5px;}
  .phase_set > div{line-height:35px;font-size:12px;padding:0;}
  .m_tit h1{font-size:11px;line-height:17px;letter-spacing:-.1em;}
  .m_tit img{display:inline-block;position:relative;top:-2px;width:20px;height:20px;}
  .phase_set .time{flex:1;font-size:12px;line-height:35px;}
  .phase_set .loc{line-height:17px;}
  .loc label{width:16px;padding:0;font-size:13px;background-size:auto 13px !important;line-height:35px;border-right-width:0;font-size:0;}
  .loc select{width:calc(100% - 26px);}
  .phase_set .nav{flex:1 0 37px;float:right;}
  .btn_nav{width:16px;height:16px;border-width:2px 0;margin:-8px 0 0 0;}
  .btn_nav::before{width:16px;height:2px;}
  .phase_set .btn_alm{width:18px;height:19px;margin:-9px -3px 0 0;}
  .map_area{margin-top:57px;}
  .map_area .legend_mag td{height:25px;font-size:11px;}  
  .notice_tit .btn_speaker{width:76px;background-size:50%;background-position-y:30%; margin-left:-5px;font-size:12px;padding-top:30px;}
  .en .btn_speaker.btn_speaker_text{line-height:10px;background-position-y:18%;padding-top: 25px;}
  .notice_tit{height:57px;top:0;padding:0 5px;background-size:45px auto;}
  .notice_tit h1{font-size:24px;line-height:24px;padding-left:5px;}
  .ja .notice_tit h1{font-size:22px;line-height:24px;padding-left:5px;}
  .zh .notice_tit h1{font-size:22px;line-height:24px;padding-left:5px;}
  .notice_body{padding:15px 20px 35px 5px;}
  .est_scale b{margin-right:5px;}
  .est_loc span{font-size:14px;}
  .est_loc .loc_tag{font-size:24px;}
  .tbl_pastQuake{margin-bottom:5px;}
  .tbl_pastQuake thead{border-width:1px 0;}
  .tbl_pastQuake th{font-size:12px;padding:3px 5px;}
  .tbl_pastQuake td{font-size:12px;padding:2px 5px;}
  .lefer.excl{font-size:12px;padding-left:26px;text-indent:-25px;}
  .lefer.excl::before{width:17px;height:17px;line-height:17px;}
  .mag_info{font-size:12px;}

  /* phase2 */
  .phase2 .notice_tit{padding: 0 5px;}
  .phase2 .notice_tit span,
  .phase2 .notice_tit .evt_time{display:block;font-size:15px;line-height:16px;}
  .phase2 .notice_tit span{padding-left:0;}
  .phase2 .notice_body{padding:10px 20px 90px 10px;}
  .phase2 .notice_tit h1,
  .phase2 .est_mag{width:calc(100% - 86px);}
  .phase2 .est_mag dd,
  .phase2 .est_mag dt{font-size:20px;font-weight:normal;line-height:22px;}
  .phase2 .est_mag dt{margin:0px 5px 0 0;}
  .phase2 .est_mag dd{margin-right:8px;}
  .phase2 .est_mag .val{font-size:22px;}
  .phase2 .est_mag dd sm{font-size:12px;}
  .phase2 .loc_mag .loc_icon{width:106px;height:127px;}
  .phase2 .loc_mag .loc_mark{width:88px;height:88px;margin-top:7px;}
  .phase2 .loc_mag .loc_1deps{font-size:28px;}
  .phase2 .loc_mag .loc_2deps{font-size:14px;
  line-height:16px;}
  .phase2 .loc_mag .fl{width:118px;height:100%;}
  .phase2 .loc_mag .fl .ani_wrap{width:118px;height:118px;margin-top:10px;}
  .phase2 .loc_mag .fl .ani_wrap li{background-size:70%;}
  .loc_mag .btn_aniDtl{line-height:21px;font-size:12px;padding:0 18px 0 0;}
  .btn_aniDtl::after{left: 72px; width: 17px; height: 8px; background-size: auto 100%; margin-top: -4px;}

  @keyframes btn_ani{
    33%{width:6px;}
    34%{width:12px;}
    65%{width:12px;}
    66%{width:18px;}
    100%{width:18px;}
  }
  .phase2 .loc_mag .fr{width:calc(100% - 134px);}
  .phase2 .loc_mag .loc_info{min-height:55px;}
  .phase2 .loc_info{display:flex;align-items:center;margin:0 0 10px;overflow:hidden;}
  /*.phase2 .loc_info .label{display:inline-block;flex:0 1 130px;line-height:20px;text-align:left;padding-left:5px;word-break:keep-all;white-space:normal;}*/
  .phase2 .loc_info .label{display:inline-block;flex:0 1 160px;line-height:20px;text-align:left;padding-left:5px;word-break:keep-all;}
  .phase2 .loc_est_mag{margin:10px 0 5px 0;}
  .phase2 .loc_est_mag .label{font-size:18px;letter-spacing:-.05em;}
  .phase2 .loc_est_time{height:51px;}
  .phase2 .loc_est_time .label{font-size:18px;}
  .phase2 .loc_mag .loc_info p{flex:1;font-size:20px;}
  .phase2 .loc_mag .loc_info .val{posrition:relative;top:4px;font-size:40px;letter-spacing:-.1em;}
  .loc_est_time{margin-top:8px;}
  .loading_wrap{float:right;width:100%;margin:0;padding:0;width: 60px;margin-right: 35px;}
  .lds-spinner{width:45px;height:45px;transform: translate(-14px, -28px) scale(.42);}
  .phase2 .mag_info{position:absolute;left:0;top:130px;}
  .phase2 .mag_info .excl,
  .phase2 .mag_info p{font-size:12px;padding-left:17px;}
  .phase2 .mag_info .excl::before,
  .phase2 .mag_info p::before{width:14px;height:14px;top:2px;}
  .phase2 .mag_info p::after{width:3px;height:7px;border-width:0 2px 2px 0;left:5px;top:4px;}
  .phase2 .mag_info .excl{margin-top:0;margin-bottom:10px;}
  .phase2 .mag_info .excl::before{line-height:14px;}

  /* phase3 */
  .quake_info{width:60%;}
  .max_mag{width:38%;padding:0 9px;}
  .quake_info dt{font-size:14px;line-height:18px;padding:0 9px;}
  .quake_info dd{font-size:14px;padding-left:9px;margin:0 0 10px;}
  .max_mag p{font-size:14px;line-height:37px;}
  .max_mag .mag_wrap{font-size:44px;line-height:33px;padding-bottom:14px;}
  .max_mag .label{width:100%;font-size:20px;line-height:48px;}
  .alm_set{top:36px;padding:5px;}
  .tit_alm{padding:5px}
  .tit_alm h2{font-size:14px;}
  .tit_alm span{font-size:13px;}
  .tit_alm span img{width:20px;}
  .alm_list dt,
  .alm_list dd{line-height:23px;padding:3px 0;}
  .alm_list dt{font-size:13px;}
  .alm_list dd img{width:20px;}
}

@media screen and (min-width:848px){
 .map_area .legend_mag{position:absolute!important;}
}

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
}

/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
	.info_fold_m {
		position : absolute;
	}
}

@supports (-webkit-overflow-scrolling: touch) {
	.phase_set .time{letter-spacing:-.1em;}
  /* CSS specific to iOS devices */
  @media screen and (max-width:1280px){
	  
	  .phase2 .loc_est_mag .label{margin-top:10px;}
	  .phase2 .loc_mag .loc_info .val{display:inline-block;margin-top:15px;}
  }
  @media screen and (max-width:767px){
	  .phase2 .loc_est_time .label{padding-top:20px;}
  }
}
 
/* 행동요령 */

.flex_wrap{display:flex;}
.layer_pop{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1000;}
.layer_pop .btn_close{position:absolute;right:0;top:0px;width:48px;height:48px;border:none;background:rgba(0,0,0,.5);font-size:0;overflow:hidden;text-indent:-9999px;z-index:500;}
.layer_pop .btn_close::before,
.layer_pop .btn_close::after{position:absolute;left:50%;top:50%;content:"";width:2px;height:38px;border-radius:3px;background-color:#fff;margin-top:-19px;transform:rotate(45deg);}
.layer_pop .btn_close::after{transform:rotate(-45deg);}

.pop_behavior{max-width:714px;background-color:#fff;border:1px solid #000;padding:8px 8px 0;}
.mag_figure{position:relative;flex:0 1 183px;margin-right:15px;border:1px solid #989898;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#f5f5f5;}
.mag_figure i{position:absolute;left:-1px;bottom:-1px;display:flex;align-items:center;justify-content:center;width:52px;height:36px;text-align:center;font-style:normal;border:1px solid #000;font-size:25px;font-weight:600;}
.pop_behavior .excl::before{color:#fff;background-color:#d13439;}
.mag_infoImg{position:relative;margin-top:9px;}
.mag_infoImg h2{position:absolute;left:50%;top:50%;transform:translate(-64%, -50%);background-color:#4a79da;
font-size:14px;color:#fff;padding:5px 18px;border-radius:20px;}
.mag_infoImg h2::before,
.mag_infoImg h2::after{content:"";display:inline-block;position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:16px;height:25px;background:#fff;}
.mag_infoImg h2::after{left:auto;;right:-16px;}
.mag_infoImg ul{display:flex;align-items:center;height:24px;
background: #40b202;
background: -moz-linear-gradient(left,  #40b202 10%, #fefe07 25%, #ffc000 60%, #fe0002 85%);
background: -webkit-linear-gradient(left,  #40b202 10%,#fefe07 25%,#ffc000 60%,#fe0002 85%);
background: linear-gradient(to right,  #40b202 10%,#fefe07 25%,#ffc000 60%,#fe0002 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b202', endColorstr='#fe0002',GradientType=1 );
}
.mag_infoImg li{flex:1;font-size:14px;line-height:26px;font-size:0;padding:1px;letter-spacing:-.05em;}
.mag_infoImg li:nth-child(2){background:url(../../img/arr_left.png) 0 50% repeat-x;}
.mag_infoImg li:nth-child(3){background: url(../../img/arr_right.png) 100% 50% repeat-x;}
.mag_infoImg li:first-child,
.mag_infoImg li:last-child{flex:0 1 auto;background:#fff;font-size:14px;}
.mag_infoImg li:first-child{color:#279a03;padding-right:14px;}
.mag_infoImg li:last-child{color:#fe0002;text-align:right;padding-left:14px;}

.flex_wrap.mag{border:1px solid #c0bebe;font-weight:600;}
.pop_behavior .txt{flex:1;}
.pop_behavior .alert{color:#d13439;font-size:20px;font-weight:600;letter-spacing:-0.1em;}
.pop_behavior .mag_infoTxt{font-size:20px;margin:10px 0;letter-spacing:-0.1em;}
.flex_wrap.mag li{flex:1;text-align:center;font-size:15px;}
.pop_behavior .behavior{margin-top:17px;}
.behavior .tab_item{text-align:center;}
.behavior .tit{position:relative;width:256px;}
.behavior h1{position:relative;width:100%;line-height:32px;color:#fff;font-size:18px;letter-spacing:-.05em; font-weight:600;background: #68b36c;
background: -moz-linear-gradient(top,  #68b36c 0%, #68b36c 50%, #4ea652 51%, #4ea652 100%);
background: -webkit-linear-gradient(top,  #68b36c 0%,#68b36c 50%,#4ea652 51%,#4ea652 100%);
background: linear-gradient(to bottom,  #68b36c 0%,#68b36c 50%,#4ea652 51%,#4ea652 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b36c', endColorstr='#4ea652',GradientType=0 );
border-radius:10px;z-index:10;overflow:hidden;}
.behavior .tit::before,
.behavior .tit::after{position:absolute;top:8px;content:"";display:inline-block;width:24px;height:24px;background-color:#99be9b;transform:rotate(45deg);z-index:3;}
.behavior .tit::before{left:-8px;}
.behavior .tit::after{right:-8px;}
.behavior .tab_cont{position:relative;top:-19px;z-index:5;}
.behavior .knowhows{padding:12px 21px;}
.behavior .knowhow{display:flex;}
.behavior .knowhows h2{font-size:18px;font-weight:600;color:#248228;margin-bottom:10px;}
.behavior .knowhows p{font-size:18px;font-weight:600;}
.behavior .knowhows .ps{text-indent: -20px;padding-left:20px;margin-top:15px;}
.behavior .knowhows .ps::before{content:"※";margin-right:5px;}
.behavior .knowhows em{color:#248228;}
.knowhow .figure{flex:0 1 184px;margin-right:12px;}
.knowhow .figure img{width:100%;height:auto;}
.knowhow .txt{flex:1;text-align:left;}
.knowhow .txt h2::before{position:relative;top:2px; content:"▶";font-size:15px;vertical-align:top;margin-right:5px;}
.li_behavior{display:flex;flex-wrap:wrap;justify-content:space-between;padding:18px 20px 8px;border-top:2px solid #4ea652;}
.li_behavior li{border:1px solid  #61af64;background-color:#fff;width:19%;border-radius:5px;margin:3px 0;box-shadow:-2px -2px 3px rgba(0,0,0,.2) inset;}
.li_behavior li a{width:100%;font-size:18px;color:#555;line-height:35px;text-align:center;border-radius:5px;font-weight:bold;}
.li_behavior .on a{color:#fff;box-shadow:-2px -2px 3px rgba(0,0,0,.2) inset;}
.place .on{background-color:#61af65;}
.place .li_behavior{background-color:#cee7cf;}
.place .tab_cont{background-color:#e5f2e5;border-bottom:2px solid #4ea652;}
.disability li{border-color:#654992;}
.disability h1{background: #8668b3;
background: -moz-linear-gradient(top,  #8668b3 0%, #8668b3 50%, #714ea6 51%, #714ea6 100%);
background: -webkit-linear-gradient(top,  #8668b3 0%,#8668b3 50%,#714ea6 51%,#714ea6 100%);
background: linear-gradient(to bottom,  #8668b3 0%,#8668b3 50%,#714ea6 51%,#714ea6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8668b3', endColorstr='#714ea6',GradientType=0 );
}
.disability .on{background-color:#654992;}
.disability .tit::before,
.disability .tit::after{background-color:#b5a3d1;}
.disability .li_behavior{background-color:#d8cee7;border-color:#714ea6;}
.disability .tab_cont{background-color:#eae5f2;border-bottom:2px solid #714ea6;}
.disability .knowhows h2,
.disability .knowhows em{color:#6d4aa1;}
.link_wrap{text-align:right;margin-top:15px;}
.link_wrap a{color:#427744;font-weight:600;font-size:18px;}
.link_wrap a::before{content:"»";margin-right:5px;position:relative;top:-2px;}
.disability .link_wrap a{color:#443163;}
@media screen and (max-width:1300px){
  .pop_alertTime.t_view{display:flex;flex-direction:column;justify-content:center;position:absolute;left:0;top:0; width:100px;height:100%;background:#c81b2d;font-size:12px;color:#fff;}
  .pop_alertTime.t_view dt,
  .pop_alertTime.t_view dd{text-align:center;color:#fff;font-size:14px;letter-spacing:-.1em;font-weight:600;}
  .pop_alertTime.t_view em{color:#fff778;font-weight:600;font-size:30px;}
  .pop_behavior{top:0;height:calc(100vh - 149px);padding-top:25px;transform:translate(-50%, 0);overflow-y:auto;}
  .layer_pop .btn_close{top:0;width:30px;height:30px;background:rgba(0,0,0,.2);}
  .layer_pop .btn_close::before,
  .layer_pop .btn_close::after{width:1px;height:20px;margin-top:-10px;background-color:#000;}
}
/* mobile */
@media screen and (max-width:767px){
  .pop_alertTime.t_view{width:76px;}
  .pop_behavior{height:calc(100vh - 92px);padding:20px 0 0;}
  .layer_pop .btn_close{width:21px;height:21px;}
  .layer_pop .btn_close::before, .layer_pop .btn_close::after{width:1px;height:18px;margin-top:-9px;}
  .mag_figure{flex: 0 1 117px;}
  .mag_figure i{width:34px;height:23px;font-size:16px;}
  .pop_behavior .section.flex_wrap{padding:0 12px;}
  .pop_behavior .mag_infoTxt{margin:5px 0;}
  .flex_wrap.mag li,
  .mag_infoImg h2{font-size:10px;}
  .mag_infoImg h2{padding:2px 4px;}
  .mag_infoImg h2::before,
  .mag_infoImg h2::after{width:5px;}
  .mag_infoImg h2::before{left:-5px;}
  .mag_infoImg h2::after{right:-5px;}
  .mag_infoImg ul{height:20px;}
  .pop_behavior .mag_infoImg li{background-size:auto 80%;}
  .mag_infoImg li:first-child{padding-right:3px;font-size:10px;}
  .mag_infoImg li:last-child{padding-left:3px;font-size:10px;}
  .behavior .tit{width:164px;}
  .behavior .tit::before{transform:rotate(65deg);left:-16px;}
  .behavior .tit::after{transform:rotate(-65deg);right:-16px;}
  .behavior h1{font-size:13px;line-height:20px;letter-spacing:-.1em;}
  .li_behavior{padding:14px 10px 4px;}
  .li_behavior li{margin:2px 0;}
  .li_behavior li a{font-size:12px;letter-spacing:-.05em;line-height:24px;}
  .behavior .tab_cont{top:-13px;}
  .behavior .knowhows{padding:8px 12px;}
  .knowhow .figure{flex:0 1 118px;margin-right:5px;}
  .pop_behavior .alert,
  .pop_behavior .mag_infoTxt,
  .behavior .knowhows h2,
  .behavior .knowhows p{font-size:13px;letter-spacing: -.05em;}
  .knowhow .txt h2::before{font-size:11px;top:0;margin-right:3px;}
  .behavior .knowhows .ps{text-indent: -15px;padding-left:15px;margin-top:10px;}
  .behavior .knowhows .ps::before{margin-right:3px;}
  .link_wrap a{font-size:13px;}
}
@media screen and (min-width: 10px) and (max-width: 767px){
	.notice_tit .btn_speaker {min-height: 57px !important;}
}
@media screen and (min-width: 768px) and (max-width: 1300px){
	.notice_tit .btn_speaker {min-height:98px !important;background-size:50%;padding-top:35px;}
}
.li_behavior {padding: 15px 20px 4px;}
.behavior .knowhows .ps {margin-top:10px; font-size: 12px;}
.behavior .knowhows h2 {font-size: 18px;margin-bottom: 5px;}
@media screen and (max-width:767px){
	.phase2 .notice_tit h1,
	.phase2 .est_mag{width:100%;height:23px;}
	.phase2 .est_mag {position: absolute;top: 34px;left: 83px;width: calc(100% - 56px); background-color: transparent;border-top: none;padding: 0;overflow: hidden;font-size: 16px;}
	.phase2 .est_mag dd,
	.phase2 .est_mag dt {font-size: 18px;}
}



/* 20220921 ~ : sun */
.bookmark_area{position:fixed;width: 325px;z-index:9999;top:95px;right:30px;}
.pop_lo_wrap{background-color:#fff;overflow-y:auto;box-shadow:0 9px 10px rgb(3 3 3 / 5%);}
.bookmark_area::after{position:absolute;top:-22px;right:45%;display:block;content:'';width:0;height:0;border-top:10px solid transparent;border-bottom:12px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;transform:translateX(-50%);}
.pop_lo_wrap .ico_close{position:absolute;z-index:2;top:15px;right:15px;width:16px;height:16px;background:url(../../img/ico_popclose.png) no-repeat;background-size:cover;font-size:0;border:none;}
.pop_lo_wrap h2{position:fixed;z-index:1;width:325px;background:#fff;padding:30px 0 20px;font-weight:bold;font-size:24px;color:#000; letter-spacing:-0.9px;text-align:center;}
.pop_lo_wrap>ul{overflow-y:auto;min-height:423px;max-height:calc(100vh - 178px);margin-top:80px;padding:0px 30px 25px;}
.current_wrap>p{padding:0 5px 0 12px;border-bottom:1px solid #e9eaec;font-size:15px;line-height:30px;}
.pop_lo_wrap>ul>li:first-child .pop_h3{margin:0 0 10px;}
.pop_h3{margin:22px 0 10px;font-size:17px;font-weight:bold;color:#555;letter-spacing:-0.9px;}
.pop_h3::before{position:relative;top:2px;display:inline-block;content:'';width:18px;height:18px;margin-right:7px;background:url(../../img/ico_bookmarklist.png);}
.current_wrap .pop_h3::before{background-position-y:0;}
.bookmark_wrap .pop_h3::before{background-position-y:50%;}
.addbookmark_wrap .pop_h3::before{background-position-y:100%;}
.pop_lo_wrap select{width:100%;height:33px;margin-bottom:5px;padding-left:12px;border-color:#e9eaec;font-size:14px;}
.pop_lo_wrap select:hover,
.pop_lo_wrap select:focus,
.pop_lo_wrap select:active{outline: 1px solid #202941;}
.bookmark_wrap>div{position:relative;min-height:30px;}
.bookmark_wrap>div::after{position:absolute;z-index:0;top:0;left:0;display:block;content:'관심지역이 없습니다.';width:100%;line-height:30px;text-align:center;}
.en .bookmark_wrap>div::after{content:'No list of areas of interest.';}
.ja .bookmark_wrap>div::after{content:'興味のある地域のリストはありません。';}
.zh .bookmark_wrap>div::after{content:'没有感兴趣领域的列表。';}
.bookmark_wrap>div>div{position:relative;z-index:1;display:flex;justify-content:space-between;padding:0 5px 0 12px;background-color:#fff;border-bottom:1px solid #e9eaec;line-height:30px;transition:.5s;}
.bookmark_wrap>div>div>p{font-size:15px;}
.pop_lo_wrap .ico_del{align-self:center;width:19px;height:19px;border-radius:19px;background:url(../../img/ico_bookmarkdel.png);font-size:0;border:none;}
.pop_lo_wrap .ico_del:hover,
.pop_lo_wrap .ico_del:active{background-position-y:100%;}
.btn_popbookmark{position:relative;background:#ffea00;border-radius:3px;border:1px solid rgb(118,118,118);font-size:16px;font-weight:bold;text-align:left;padding:0 5px;white-space:nowrap;}
.btn_bookmark{width:103px;border:1px solid #202941;border-radius:3px;text-align:center;line-height:36px;font-size:16px;font-weight:bold;}
.btn_bookmark:hover{background-color:#202941;color:#fff;}
.phase_set .loc_wrap{display:flex;align-items:center;gap:5px;}
.loc_wrap>.loc{align-self:center;}
.loc_wrap>.loc:first-child{flex:1 0 auto;display:flex;align-items:center;}
.loc_wrap>.loc >button{letter-spacing:-1.35px;}
.bookmark_area.on{display:block;}
/* 20221021 다국어 */
.en .btn_speaker{line-height:18px;}
.en .loc_wrap>.loc >button{letter-spacing:-0.7px;}
.en .loc_wrap>.loc:last-child{width:30%;}
.en .notice_body div{letter-spacing: initial;}
.en .notice_tit h1{letter-spacing: -.005em;}
.en .pop_lo_wrap>ul{min-height:calc(100vh - 197px);}
.en .current_wrap>p:hover,
.en .bookmark_wrap>div>div:hover{border-bottom: 1px solid #006fe8;color:#006fe8;}
.en .bookmark_wrap>div>div:hover p{color:#006fe8;}
.en .addbookmark_wrap>ul>li select:selected{background:#f00;}
.en .bookmark_wrap>div>div>p,
/* 20240717 다국어 */
.ja .current_wrap>p{font-size:12px;}
.ja .btn_speaker{line-height:18px;}
.ja .loc_wrap>.loc >button{letter-spacing:-0.7px;}
.ja .loc_wrap>.loc:last-child{width:30%;}
.ja .notice_body div{letter-spacing: initial;}
.ja .notice_tit h1{letter-spacing: -.005em;}
.ja .pop_lo_wrap>ul{min-height:calc(100vh - 197px);}
.ja .current_wrap>p:hover,
.ja .bookmark_wrap>div>div:hover{border-bottom: 1px solid #006fe8;color:#006fe8;}
.ja .bookmark_wrap>div>div:hover p{color:#006fe8;}
.ja .addbookmark_wrap>ul>li select:selected{background:#f00;}
.ja .bookmark_wrap>div>div>p,
.ja .current_wrap>p{font-size:12px;}
.zh .btn_speaker{line-height:18px;}
.zh .loc_wrap>.loc >button{letter-spacing:-0.7px;}
.zh .loc_wrap>.loc:last-child{width:30%;}
.zh .notice_body div{letter-spacing: initial;}
.zh .notice_tit h1{letter-spacing: -.005em;}
.zh .pop_lo_wrap>ul{min-height:calc(100vh - 197px);}
.zh .current_wrap>p:hover,
.zh .bookmark_wrap>div>div:hover{border-bottom: 1px solid #006fe8;color:#006fe8;}
.zh .bookmark_wrap>div>div:hover p{color:#006fe8;}
.zh .addbookmark_wrap>ul>li select:selected{background:#f00;}
.zh .bookmark_wrap>div>div>p,
.zh .current_wrap>p{font-size:12px;}
/* 20221021 font */
.header .tit h1{font-family:'notokrM';}
.phase_set .time,.est_loc .loc_tag,.quake_info dt,.btn_popbookmark,.pop_lo_wrap h2,.pop_h3,.loc label{font-family:'notokrDM';}
.est_loc span,.tbl_pastQuake td,.current_wrap>p,.tbl_pastQuake th,.lefer.excl,.notice_tit h1,.btn_speaker{font-family: 'notokrL'}
.favlist_selected {color:#006fe8;}
/* 20221201 행동요령 및 관심지역 : sun */
.btn_popbookmark{text-align:center;}
.en .pop_lo_wrap>ul{min-height:calc(100vh - 197px);}
.en .current_wrap>p:hover,
.en .bookmark_wrap>div>div:hover{border-bottom: 1px solid #006fe8;color:#006fe8;}
.en .bookmark_wrap>div>div:hover p{color:#006fe8;}
.en .addbookmark_wrap>ul>li select:selected{background:#f00;}
.en .bookmark_wrap>div>div>p,
.en .current_wrap>p{font-size:12px;}
.btn_speaker{display:block;}
.btn_speaker.btn_speaker_center{background-position-y: 45%;}
.en .max_mag .mag_wrap{line-height: 90px;}
.en .max_mag p+p{font-size:18px;padding: 10px 0;min-height:35px;line-height:25px;}
.en .max_mag .mag_wrap{font-size: 85px;}
/* 20221208 영문 깨짐 수정 */
.en .phase2 .notice_body{padding: 10px 20px 145px 10px !important;}
.ja .phase2 .notice_body{padding: 10px 20px 145px 10px !important;}
.zh .phase2 .notice_body{padding: 10px 20px 130px 10px !important;}
/* 20221214 다국어 버튼 추가 */
.btn_poplang{flex-shrink:0;display:inline-block;align-self:center;text-align:center;height:auto;padding:0 5px 1px;border-radius:3px;background: #dff8ff;font-size: 16px;font-weight: bold;}
.btn_poplang::before{display:block;content:'ENGLISH';text-align:center;color:#000;font-family:'notokrDM';font-size:16px;}
.en .btn_poplang::before{content:'KOREAN';}
/* 20221201 행동요령 및 관심지역 */
.en .loc_wrap>.loc:last-child{width:41%;}
.en .loc select{width:calc(100% - 152px);}
.en .loc label {background-size:10%;}
.en .loc_wrap>.loc:first-child{width:calc(100% - 200px);max-width:inherit;}
.btn_bookmark{width:auto;padding:0 10px;}
.en .phase2 .loc_mag .fl .ani_wrap li{background-size:77% !important;background-position-y:90% !important;}
.ja .phase2 .loc_mag .fl .ani_wrap li{background-size:77% !important;background-position-y:90% !important;}
.zh .phase2 .loc_mag .fl .ani_wrap li{background-size:77% !important;background-position-y:90% !important;}

@media screen and (min-width: 1301px){
.en .max_mag p+p{font-size:40px;padding:10px 0;min-height:60px;line-height:45px;}
/* 20221021 다국어 */
	.en .phase_set > div{padding:10px 0;}
	.en .phase_set .time{line-height:88px;}
	.en .info_fold{font-size: 19px;}
	.en .quake_list_detail>li>div p{font-size:18px;line-height:21px;padding-bottom:4px;}
	.en .quake_list_detail>li>div>p:first-child span{font-size:30px;}
	.en .phase2 .est_mag dt{font-size:26px;line-height:65px;}
	.en .phase2 .est_mag dd{font-size:32px;}
	.en .phase2 .est_mag .val{font-size:45px;}
	.en .phase2 .loc_mag .loc_info{padding:0 10px;}
	.en .loc select{width:calc(100% - 197px);}
	.en .eq_box{width:auto;}
	.en .eq_box{width:auto;}
	.en .tit_h3{font-size:29px;}
	.quake_list li, .quake_list p {font-size: 21px;}
	.phase2 .est_mag {padding:5px 0 6px;}
	.loc_est_time .label{font-size:26px;}
/* 20221021 font */
	.tbl_pastQuake th{font-size: 24px;}
	.est_loc .loc_tag{font-size:53px;}
	.tbl_pastQuake td {font-size: 21px;}	
}

/* 20221021 font */
@media screen and (max-width: 1300px){
	.quake_list .eq_box{width:auto;font-size:13px;padding:0 5px;}
	.snb_wrap.a .tit_h3{font-size:17px;}
}

@media screen and (min-width: 768px) and (max-width: 1300px){
	.bookmark_area{top:70px;max-width:325px;}
	.pop_lo_wrap h2{max-width:325px;}
	.bookmark_area::after{right:40%;}
	.phase_set .loc_wrap{width:calc(100% - 350px);}
	.phase_set .time{flex:1 0 145px;}
	.phase_set .nav{float:right;}
	.loc_wrap>.loc:first-child{width:calc(100% - 195px);}
	.loc select{width:calc(100% - 45px);font-size: 15px;}
	.m_tit{flex:1 0 85px;}
	.loc label{padding: 0 10px 0 25px;width:0;background-size:49% !important;font-size:0;background-position-x: 56%;border-right: none;}
/* 20221021 다국어 */
	.en .phase_set > div{padding:0;}
	.en .phase_set .loc_wrap{width:calc(100% - 350px);}
	.en .loc_wrap>.loc:first-child{width:calc(100% - 190px);}
	.en .loc select{width:calc(100% - 40px);}
	.en .loc label{padding-left:20px;}
	.en .phase2 .est_mag dt,
	.en .phase2 .est_mag dd{font-size:24px;}
	.en .notice_tit .btn_speaker{padding-top:35px;background-size:45%;line-height:22px;letter-spacing:-.1em;}
	.en .notice_tit h1{font-size:36px;}
	.en .phase2 .loc_est_time .label{font-size:25px;}
	.en .phase2 .notice_tit .evt_time{letter-spacing: inherit;}
	.max_mag .label{line-height:40px;margin0-bottom:10px;}
	.en .quake_list_detail>li>ul li {line-height: 26px;min-height: 40px;}
	.en .phase2 .notice_body {padding:10px 20px 100px 10px !important;}
	.btn_poplang::before{display:block;content:'EN';padding:0 2px;text-align:center;color:#000;font-family:'notokrDM';font-size:15px;}
	.en .btn_poplang::before{content:'KO';}
	.en .max_mag .mag_wrap {font-size: 85px;}
	.en .max_mag .mag_wrap {line-height: 80px;}
}

@media screen and (max-width:767px){
	.info_fold_m p{font-size:3.1vw;}
	.bookmark_area{top:50px;right:50%;transform:translateX(50%);}
	.bookmark_area{width:90vw;max-width:325px;}
	.pop_lo_wrap h2{width:90vw;max-width:325px;font-size:20px;}
	.bookmark_area::after{right:65px;}
	.pop_h3{margin:25px 0 15px;font-size:16px;}
	.btn_bookmark{font-size:14px;line-height:29px;}
	.btn_popbookmark{font-size:11px;vertical-align:middle;}
	.phase_set .loc_wrap{width:calc(100% - 245px);}
	.en .loc_wrap>.loc:first-child,
	/* .loc select {width: calc(100% - 20px);} */
	.phase_set .loc_wrap{width:calc(100% - 155px);}
	.loc select{width:calc(100% - 15px);font-size:11px;}
	.m_tit{width:18%;}
	.loc label{width:9px;}
	.en .phase_set .m_tit {width: 47px;}
	.btn_speaker.mute{background: url(../../img/bg_speaker_mute.jpg) 50% 47% no-repeat, #c81b2d !important;background-size: 54% !important;}
/* 20221021 다국어 */
	.en 	.notice_tit h1{font-size:18px;}
	.en .phase2 .notice_tit span, .phase2 .notice_tit .evt_time{line-height:18px;letter-spacing:-.09em;}/* 20221208 영문 깨짐 수정 */
	.en .phase2 .est_mag dd,.en  .phase2 .est_mag dt{font-size:14px;letter-spacing:-.12em;margin-right:5px;}/* 20221208 영문 깨짐 수정 */
	.en .phase2 .est_mag .val{font-size:18px;}/* 20221208 영문 깨짐 수정 */
	.en .phase2 .loc_est_time .label{font-size: 15px;letter-spacing:-.03em;}
	.en .max_mag .label{line-height: 22px;margin-bottom:10px;}
	.en .phase2 .mag_info .excl,
	.en .phase2 .mag_info p{letter-spacing: -.06em;}
	.en .loading_wrap{width: 60px;margin-right:35px;}
	.en .est_loc .loc_tag {font-size:20px;}
	.en .est_loc span{height:36px;font-size:12px;}
	.en .tbl_pastQuake th{font-size:11px;letter-spacing:-.01em;white-space:pre;}
	.en .tbl_pastQuake td {font-size:11px;padding:2px 5px;}
	.en .loc select{width:calc(100% - 12px);}
	.btn_poplang {font-size:12px;}
/* 20221214 다국어 버튼 추가 */
	.btn_poplang::before{display:block;content:'EN';padding:0 2px;text-align:center;color:#000;font-family:'notokrDM';font-size:11px;}
	.en .btn_poplang::before{content:'KO';}
    .en .max_mag .mag_wrap {line-height: 25px;}
    .en .max_mag .mag_wrap {font-size: 45px;}
}

/* 20221215 다국어 전환 버튼 보이지 않게 */
/*
.btn_poplang{display: none;}
.loc_wrap>.loc:first-child {width: calc(100% - 135px);}
.en .loc_wrap>.loc:first-child {width: calc(100% - 125px);max-width: inherit;}
.bookmark_area::after {right: 20%;}
*/
@media screen and (min-width:768px) and (max-width:1300px){
	/* .bookmark_area::after {right: 30%;} */
}
@media screen and (max-width:767px){
	/* .bookmark_area::after {right: 24px;} */
}

/* 20221215 관심지역 버튼 보이지 않게 */
/*.loc.btn_popbookmark_wrap{display: none;}*/

/* 
해당 주석 풀어주시면 PC 버전에서 select box가 100%로 채워집니다!
혹시 몰라 남겨놓아요 하트하트
.loc_wrap>.loc:first-child {width: calc(100% - 15px);}
.en .loc_wrap>.loc:first-child {width: calc(100% - 5px);}
 */