@charset "UTF-8";

/*font-face : 절대 경로로 변경 */
@import url("OneMobile.css");

.n_mbg_s{ width: 100vw; margin-left: calc(-50vw + 50%);  margin-top: -119px; padding-top: 80px; background: #eff5ff;  margin-bottom: -30px; min-height: calc(100vh - 29.7rem);}
.n_mbg_w{ background:#f4f4f4 !important; margin:40px 0}
.n_mbg_g{ background:#fff!important}

a.swiper-button-disabled { display: none !important; }

/*알림설정*/
.btn_dg_r{display: inline-block;  background: #1A61EF;  border-radius: 10px;  color: #fff;  padding: 2px 0;  font-size: 14px;  font-weight: 600;  min-width: 80px;}
.user_txt{padding-top: 8px; margin-top: 10px; border-top: 1px solid #ddd; display: inline-block; width: 100%;letter-spacing: -0.7px;}
.user_txt:before{content: "*"; display: inline-block; background-size: 16px; position: relative; margin-left: -7px;} 
.user_telno_txt{padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #ddd; display: inline-block; width: 100%;letter-spacing: -0.7px; color: #B35151; font-weight:600;}
@media (max-width: 580px) {
.btn_dg_r {display: block !important; width: 100%; margin-top: 8px; }
}	

/*알림서비스 모두보기*/
.all_view{float: right; width: 20px; display: inline-block; position: relative; top: -30px;}

/*가입정보*/
@media (max-width: 740px) {
    #my_User_btn .m_open_container { width: 320px !important; }
}
#my_User_btn ul{position: relative; border-top: 0; overflow-y: auto; max-width: 320px; width: 100%; font-size: 15px;}
#my_User_btn ul li{padding: 5px 23px; display: inline-block; color: #444; width: 100%; border-bottom: 1px solid #e1e1e1;}
#my_User_btn ul li:last-child{border-bottom:none}
#my_User_btn .tit{display: inline-block; background: #f8f8f8; border: 1px solid #ddd; color: #000; font-weight: 600; padding: 1px 10px; border-radius: 10px; width: 80px; text-align: center; margin-right: 10px;}
        
/*전자고지 미열람 추가*/
.e_noti{border: 1px solid #014bfa; background: #014bfa; font-size: 16px; padding: 3px 15px;  font-weight: 600; border-radius: 30px; box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);}
.e_noti span a{color: #fff; padding:0; display:block}
.e_noti span:before{content: ""; display: inline-block; background: url(../../../images/ips/cmmn/pop_open_myinfo_04.svg) 0 4px no-repeat; width: 20px;height: 18px; background-size: 16px; position: relative;}
.e_noti span{ color:#fff}
.e_noti_num{color:#08ff71}
.e_noti_m{ height: 43px;   background: #3c68cf;  padding: 4px 25px;  color: #fff;  font-size: 16px;}
.e_noti_m a{background: #fff; border-radius: 10px; height: 26px; line-height: 26px; display: block; text-align: center;text-decoration: none;  color: #3c68cf; font-weight: 600;}
.e_noti_m a:before{ content: ""; display: inline-block; background: url(../../../images/ips/cmmn/pop_open_myinfo_044.svg) 0 4px no-repeat; width: 20px; height: 18px; background-size: 16px; position: relative;}
.e_noti_m span{color:#edfd01}

/*전자정부 공식웹사이트 안내*/
.gov_area{width: 100%;  height: 32px;  background: #edf1f5;  z-index: 999; position: relative;}
.gov_area .gov_logo{display: block;  height: 100%; align-items: center; padding-left: 1.7em;  font-size: inherit; background:url(../../../images/ips/cmmn/e-government.svg) center left no-repeat; line-height: 29px;}
.gov_area .gov_logo span{font-size: 15px; color: #1d1d1d;}

/*알려드립니다*/
.pop_open_w{  box-shadow: 0 0 10px rgba(0,0,0,0.45); display:flex; max-width: 750px; }
.pop_open_w h1{ border-radius:0 10px 0 0 !important}
.pop_open_w_l, .pop_open_w_ll{ width:280px; vertical-align:top; padding:20px;  background-color: #eff5ff; position: relative  ; border-radius:25px 0 0 25px; }
.pop_open_w_l strong, .pop_open_w_ll strong{font-size: 24px; color: #333; margin: 5px 0 0 10px; display: inline-block; line-height: 38px; vertical-align: top;}
.pop_open_w_l:after{ content: ""; background: url(../../../images/ips/cmmn/pop_open_notice_01.svg) no-repeat; position: fixed; bottom: 0; left: 56px; width: 260px; height: 200px; display: inline-block; background-size: contain; }
.pop_open_w_ll:after{ content: ""; background: url(../../../images/ips/cmmn/pop_open_login.svg) no-repeat; position: fixed; bottom: 0; left: 30px; width: 260px; height: 189px; display: inline-block; background-size: contain; }
.pop_open_w_r{ width: calc( 100% - 220px); background:#fff;  border-radius:0 25px 25px 0 }
.pop_open_w_con{ padding: 10px;  line-height: 18px; font-size: 16px; vertical-align: top; font-weight: 600;}
.pop_open_w_con p{ margin:10px 0; width:100%; float:left; word-break:keep-all}
.pop_open_w_con strong{ font-size: 18px; vertical-align: top;float: left;  width: 20px;}
.pop_open_w_con span{ float:left; width:calc( 100% - 50px)}

/*로그인 이용안내*/
/* .pop_open_login .login1:before{content: ''; display: block;  background: url(../../../images/ips/cmmn/pop_open_login_01.svg) left no-repeat;width: 50px; */
/*     height: 50px; background-size: 45px; left: -51px;  top: 45px;  position: relative;}	 */
/* .pop_open_login .login2:before{content: ''; display: block;  background: url(../../../images/ips/cmmn/pop_open_login_02.svg)  left no-repeat;width: 50px; */
/*     height: 50px; background-size: 45px; left: -51px;  top: 45px;  position: relative;}	 */
/* .pop_open_login .login3:before{content: ''; display: block;  background: url(../../../images/ips/cmmn/pop_open_login_03.svg)  left no-repeat;width: 50px; */
/*     height: 50px; background-size: 45px; left: -51px;  top: 45px;  position: relative;}	 */
.pop_open_login	{ display: inline-flex;  border-bottom: 1px solid #ddd; }
.pop_open_login:last-child{ border-bottom:none}

.pop_open_login .tit{background: #3C68D0; vertical-align: middle;  border-radius: 0; width: 220px;}
.pop_open_login .tit span{ color: #fff;text-align: left; font-size: 14px; line-height: 18px; /* font-weight: 600; */ display: inline-block; position: relative;  /* top: -25px; */ word-break: keep-all; padding: 10px;}
.pop_open_login a{ text-decoration:underline; color:#3C68D0}
.pop_open_login ul{  flex-basis: 100%; font-size: 14px; padding: 5px 10px;  line-height: 16px;  font-weight: normal;}
.pop_open_login ul li{width: 100%; padding: 0 10px; text-align: left; word-break: keep-all; font-weight:600}
.pop_open_login ul li:before{content: ""; display: block; background: #333;width: 5px;top: 12px; left: -10px; height: 5px; border-radius: 50px;  position: relative; z-index: 999} 
.pop_open_login ul li ul{ padding:0 3px;}
.pop_open_login ul li ul li{ font-weight:normal; }
.pop_open_login ul li ul li:before{content: ""; display: block; background: #333; width: 5px; top: 12px; left: -11px;  height: 2px; position: relative; margin: 0;
    padding: 0;} 

/*내가 신청한 알림_신청취소(탈퇴하기)*/
/* .head_01:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_01.svg) no-repeat; width:28px; height:34px; background-size:28px; top:3px; left:-10px}
.head_02:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_03.svg) no-repeat; width:34px; height:34px; background-size:34px; top:6px; left:-10px}
 */.arlim_list{position:relative; clear:both; margin:20px 0; width:100%}
.arlim_list li{ position:relative;  padding:5px 30px 5px 45px; width:100%; display:inline-block; text-align:left; color:#333; font-size:20px; font-weight:600;line-height:24px; }
.arlim_list li:before{ content:"" ; position: absolute; display:inline-block; background:#333; width:5px; height:5px; background-size:5px; left:30px; top:15px }
.arlim_list li span{ float:left; width:calc(100% - 100px );  }
.arlim_list .btn_view{float: right; border: 1px solid #333; display: inline-block; vertical-align: top; border-radius: 10px; width:65px; text-align:center}
.arlim_list .btn_view:hover { background:#3C68D0; color:#fff}
.arlim_list .btn_view a{ display:block;  padding: 4px 12px;}
.m_open_txt{ background:#f2f2f2; padding:10px 0 0 0; font-size:16px; text-align:center; line-height:24px; word-break:keep-all; border-top: 1px solid #ddd;}
.m_open_txt p{color:#333; font-weight:600;}
.m_open_txt strong{ color:#d63030;   line-height: 18px; display:inline-block  }

/*로그인_내정보*/
.login_open { position: absolute; width: 260px;  z-index: 1; }
.pop_open{ background:#3C68D0; border-radius:20px; box-shadow: 0 0 20px rgba(0,0,0,0.45); color:#fff; padding:20px; text-align:left;line-height:20px;}
.pop_open .txt{ padding-bottom:10px; word-break:keep-all; text-align:center}
.pop_open .btn{ margin: 4px 0; border: 1px solid #90b0f9; border-radius: 10px; height: 36px; line-height: 36px; text-align: left; display: block;font-size: 15px;width: 100%; padding-left: 16px;background: #13368b;letter-spacing: normal;}
.pop_open .btn:hover, .pop_open .btn:focus {background-color:#22292f; box-shadow: 0 0 10px rgba(0,0,0,0.45);color:#fff}
.pop_open .login_link{ font-size:16px; color:#EDF0F7; text-decoration:underline; }
.pop_open .bg{ background:#092f85; border-radius:25px; padding:0 10px}
.pop_open strong{ color:#FFF3A3; line-height:33px}
.pop_open .login_link:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_04.svg) no-repeat; width:22px; height:22px; background-size:22px; top:5px; left:0}
.pop_open .login_link:after{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_05.svg) no-repeat; width:22px; height:22px; background-size:22px; top:6px; right:-6px}
.pop_open .login_01:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_01.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-5px}
.pop_open .login_02:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_02.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-5px}
.pop_open .login_03:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_03.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-5px}
/* .pop_open .login_04:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_06.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-10px} */
.pop_open .login_04:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_login_07.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-5px}
.pop_open .myinfo_00:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_00.svg) no-repeat; width:20px; height:20px; background-size:22px; top:3px; left:-5px}
.pop_open .myinfo_01:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_01.svg) no-repeat; width:20px; height:20px; background-size:22px; top:3px; left:-5px}
.pop_open .myinfo_02:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_02.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-5px}
.pop_open .myinfo_03:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_03.svg) no-repeat; width:22px; height:22px; background-size:22px; top:3px; left:-5px}
.pop_open .myinfo_04:before{ content:''; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/pop_open_myinfo_04.svg) no-repeat; width:22px; height:22px; background-size:22px; top:6px; left:-5px}

.nav-box .pop_open{top: 128px;}

/*메인 메인이미지*/
.ips_wrap{display: flex; flex-wrap: wrap; flex-basis: 100%;  }
.ips_wrap .txt{ color:#121212; font-size:25px; font-weight:600; width:100%; margin-bottom: 20px;  }
.ips_wrap .txt span{ font-size:35px}

.ips_l{ flex-basis: calc(100% - 583px); flex-wrap: wrap; margin-bottom:20px}
.ips_l .n_visual{height:674px; border-radius:20px;  background-color:#eff5ff;  width:100% }
.ips_l .n_visual .con{ padding: 40px 0 20px 52px; font-size: 20px; line-height: 24px;}
.ips_l .n_visual .con p{word-break:keep-all}
.ips_l .n_visual .con strong{ font-size:34px; line-height:38px; font-family:"ONE 모바일고딕 Regular"; padding-top:20px; display:inline-block; word-break:keep-all }
.ips_l .n_visual .con .txt{ font-size: 25px; text-align: center; width: 100%; line-height: 28px; display:none}
.ips_l .n_visual .con .txt span{font-size: 42px;  display: block;  line-height: 60px;}
.ips_l .n_visual .m_visual{background:url(../../../images/ips/cmmn/n_visual.svg) 90% 78% no-repeat; background-size: contain; width: 100%; height: 470px;}

/*메인 팝업존*/
.ips_r{ display: inline-flex; flex-wrap: wrap;  margin-left: auto; flex-basis: 533px; max-width: 533px; align-content: start; }
.ips_r .popupzone{ border-radius:25px; letter-spacing:normal; width: 100%;margin-bottom: 20px;}
.ips_r .popupzone .top{ vertical-align: top; border-radius:25px 25px 0 0;  }
.ips_r .popupzone .top li { position: relative;  top: 0; left: 0; height: 290px; vertical-align: top; border-radius:25px 25px 0 0}
.ips_r .popupzone .top li a{display:block; width: 100%; height:100%;}
.ips_r .popupzone .top img{ width: 100%; height: 100%; display: block;position: absolute; bottom:0} 
.ips_r .popupzone .bott{ background: #707070; height: 40px; padding: 0 15px;  border-radius: 0 0 15px 15px; display: inline-block;   width: 100%;}
.ips_r .popupzone .bott strong{ color:#fff; font-size:18px; display:inline-block;line-height:40px;  font-weight: normal;}
.ips_r .popupzone .bott span{ color:#fff; font-size:18px; display:inline-block; padding:6px 20px 0 0}
.ips_r .popupzone .bott em{ color:#FFF8A8; font-weight:600; font-size:18px;} 
.ips_r .popupzone .bott .control{ float: right; vertical-align:middle; padding-top:1px}
.ips_r .popupzone .bott .control button{ display:inline-block; text-align:center; width:22px; height:18px; padding-top:18px; border:0; border-radius:0}
.ips_r .popupzone .bott .control button:focus{  outline:#F93 dotted 5px}
.ips_r .popupzone .bott .before{ background:url(../../../images/ips/cmmn/p_before.svg) no-repeat; }
.ips_r .popupzone .bott .stop{ background:url(../../../images/ips/cmmn/p_stop.svg) no-repeat; }
.ips_r .popupzone .bott .play{ background:url(../../../images/ips/cmmn/p_play.svg) no-repeat; }
.ips_r .popupzone .bott .after{ background:url(../../../images/ips/cmmn/p_after.svg) no-repeat; }
.ips_r .popupzone .bott .before:hover{ background:url(../../../images/ips/cmmn/p_before_o.svg) no-repeat; }
.ips_r .popupzone .bott .stop:hover{ background:url(../../../images/ips/cmmn/p_stop_o.svg) no-repeat; }
.ips_r .popupzone .bott .play:hover{ background:url(../../../images/ips/cmmn/p_play_o.svg) no-repeat; }
.ips_r .popupzone .bott .after:hover{ background:url(../../../images/ips/cmmn/p_after_o.svg) no-repeat; }

/*메인 수신받을 앱*/
.ips_r .app{flex-basis:100%; max-width: 100%; }
.ips_r .app .top{border-radius: 25px 25px 0 0;  box-shadow: 0 0 10px rgba(0,0,0,0.15) inset;  height: 280px;  padding: 24px 20px;  }
.ips_r .app .top strong{ font-family: "ONE 모바일고딕 Regular"; font-size: 23px; color: #000; line-height: 30px; padding: 0 20px 0;display: inline-block; word-break: keep-all;}
.ips_r .app .bott{background:#3C68D0; height:40px; padding:0 15px;  border-radius:0 0 15px 15px; }
.ips_r .app .bott strong{ color:#fff; font-size:18px; display:inline-block;line-height:40px; font-weight: normal; }
.ips_r .app .bott span{ float:right; color:#EBF0FF; font-size:18px; display:inline-block; line-height:40px;}
.ips_r .app .bott em{ color:#fff; font-weight:600; font-size:18px;} 

/*메인 수신받을 앱 control*/
.ips_r .app .top .control{ position: relative; width: 100%; top: -10rem;  z-index: 99;}
.ips_r .app .top .control a { display: block; position: absolute ; width:22px; height:31px;  }
.ips_r .app .top .control a.prev { left:0; background:url(../../../images/ips/cmmn/app_prev.svg) no-repeat;background-size:22px; opacity:.5 }
.ips_r .app .top .control a.next { right:0; background:url(../../../images/ips/cmmn/app_next.svg) no-repeat;background-size:22px; opacity:.5}
.ips_r .app .top .control .prev:hover, .ips_r .app .top .app_roll .control .prev:focus {opacity:100  }
.ips_r .app .top .control .next:hover, .ips_r .app  .top .app_roll .control .next:focus {opacity:100}
.ips_r .app .top .app_roll img{ height:50px; padding:0; margin: 0 auto; display:block}
.ips_r .app .top .app_roll span{ font-size: 14px; text-align: center; word-break: keep-all; display: inline-block;  line-height: 14px; font-weight:600}

/*메인 수신받을 앱 롤링*/
.ips_r .app .top .app_roll .swiper-wrapper{width: 100%; text-align:center; margin:0 auto; z-index: 999  }
.ips_r .app .top .app_roll { position: relative; height:160px; margin: 20px auto; overflow: hidden; width: 90%;}
.ips_r .app .top .app_roll .swiper-slide{ padding:5px 18px; vertical-align:top; height: 50%; }
.ips_r .app .top .app_roll .swiper-slide
.ips_r .app .top .app_roll .swiper-slide a { display: block; }

/* 수신받을 앱 배너 : active */
.ips_r .app .top .app_roll .swiper-slide a:hover, .ips_r .app .top .app_roll .swiper-slide a:focus{ outline:3px dashed #000; padding:0 } 

/*메인 서비스소개*/
.ips_mid{ background: #eff5ff; border-radius: 20px; padding: 0 0 0 36px; display: flex;  flex-wrap: wrap; letter-spacing: -1px; flex-basis: 100%; max-width: 100%; }
.ips_mid .tit{ color: #555; font-size: 24px; line-height: 28px;  vertical-align: top;  flex-basis: 300px; flex-grow: 0;  flex-shrink: 0; flex-wrap: wrap; }
.ips_mid .tit p{ color:#121212; font-size:48px; font-weight:600; line-height:56px; vertical-align:top; padding:120px 0 10px 0;}
.ips_mid .tit span{word-break:keep-all}
.ips_mid .btn a{ background: #444; border-radius: 30px; color: #fff; font-size: 20px; padding: 0 40px; display: block; height: 60px; line-height: 60px; max-width:290px; margin:30px 0 }
.ips_mid .btn a:after{ content:""; position:relative; display:inline-block; background:url(../../../images/ips/cmmn/detail_go.png) right no-repeat; width:22px; height:22px; background-size:22px; top:4px; left:10px }
.ips_mid .btn { display:block; z-index: 100; position: relative; }
.ips_mid .btn a:hover{ background:#3c68d0; }
.ips_mid .btn a:focus{ outline:#F93 dotted 5px; background:#3c68d0;}
.ips_mid .visual_intro_wrap{  display: flex;  flex-basis: calc(100% - 280px); max-width: calc(100% - 300px); align-items: flex-end; flex-wrap: wrap;}
.ips_mid .visual_intro_wrap .swiper-wrapper { justify-content: center; }
.ips_mid .visual_intro_wrap .swiper-slide { height: auto; }
.ips_mid .visual_intro{background: #fff;border-radius: 20px 20px 0 0; padding: 20px 10px 0 10px;  text-align: left;  margin: 60px 12px 0 12px;  flex-basis: 316px;  min-height: 481px; flex-shrink: 0;}
.ips_mid .visual_intro div{  padding: 50px 15px 30px 15px; display:inline-block}
.ips_mid .visual_intro div p{color: #2e2e2e; font-size: 20px; line-height: 28px; font-weight: 600; text-align:left  } 
.ips_mid .visual_intro div strong{font-size: 28px; font-weight: 600; line-height: 40px; font-family:"ONE 모바일고딕 Regular"; float:left}
.ips_mid .visual_intro p{ text-align:center}
.ips_mid .visual_intro img{ display:inline-block; height:310px;  }

.ips_mid .visual_intro_wrap .tablist{ position:absolute; z-index:10; width:100%; height:20px; padding:0; margin:0; text-align:center; display:none}
.ips_mid .visual_intro_wrap .tablist li{ display: inline}
.ips_mid .visual_intro_wrap .tablist button { text-indent:-99999px;  margin:2px; width:12px; height:12px; background: #d5dae1; border-radius: 30px;} 
.ips_mid .visual_intro_wrap .tablist .on{ background:#121212; width:80px; height:12px}

.ips_mid .m_control{  position: absolute;  width: 100%; height:33px; z-index: 99; }
.ips_mid .m_control a {  position: absolute  ; width:50px; top:21rem;  display:none; height:50px }
.ips_mid .m_control a.prev { left: 0; background:url(../../../images/ips/cmmn/m_control_prev.svg) no-repeat;background-size:50px;  }
.ips_mid .m_control a.next { right: 92px; background:url(../../../images/ips/cmmn/m_control_next.svg) no-repeat;background-size:50px; }
.ips_mid .m_control .prev:hover, .c_control .prev:focus { left: 0; background:url(../../../images/ips/cmmn/m_control_prev_o.svg)  no-repeat;background-size:50px; }
.ips_mid .m_control .next:hover, .c_control .next:focus { right: 92px; background:url(../../../images/ips/cmmn/m_control_next_o.svg) no-repeat;background-size:50px; }

/* 공통 control */
.c_control a { display: block; position: absolute; top: 27.5rem; width:17px; height:33px; display:none }
.c_control a.prev { left: 0; background:url(../../../images/ips/cmmn/c_control_prev.png) no-repeat;background-size:17px; }
.c_control a.next { right: 0; background:url(../../../images/ips/cmmn/c_control_next.png) no-repeat;background-size:17px; }
.c_control .prev:hover, .c_control .prev:focus { left: 0; background:url(../../../images/ips/cmmn/c_control_prev_o.png)  no-repeat;background-size:17px; }
.c_control .next:hover, .c_control .next:focus { right: 0; background:url(../../../images/ips/cmmn/c_control_next_o.png) no-repeat;background-size:17px; }

/*모달 공통*/
.m_open_overlay{position:fixed; z-index:99999; top:0px; left:0px; width:100%; height:100%; background:rgb(0, 0, 0, .7); visibility:visible}
.m_open_container{position:fixed;  z-index:999999; padding:0; margin:0;  top:50%; left:50%; transform:translate(-50%, -50%);  }
.m_open_content{  width:100%; background:#fff; border-radius:10px;  box-shadow: 0 4px 12px rgba(0,0,0,0.45);font-size:20px; }
.m_open_content h1{  background:#3C68D0; vertical-align:middle; padding:8px 30px; border-radius:10px 10px 0 0; font-size: 18px;  }
.m_open_content h1 span{ line-height:22px; font-weight: normal; color:#fff;  text-align:left; }
.m_open_container .btn_wrap{ margin:0 auto; text-align:center; width:calc( 100% - 60px)}
.btn_wrap .btn_m_open_b{ background:#333; color:#fff;  height:40px; width:100%; border-radius:30px; margin:10px 0 }
.m_open_close{ background: #2f57b0; width: 50px; height: 50px; border-radius: 50px; position: absolute; left: 50%; bottom: -60px; margin-left: -20px; text-align: center; color: #fff;}
.m_open_close:before{content: ""; background: url(../../../images/ips/cmmn/m_open_close.png) no-repeat; background-size: 25px; position: relative; display: inline-block; height: 25px;  width: 25px; }
.m_open_close:hover, .m_open_close:focus{outline:4px solid #ddb92d;}

/* folding (basic toggle) */
.m_open_container .folding_container{position:relative; clear:both; border-top:0;  overflow-y: auto; max-height: 450px; min-width: 500px; max-width: 500px; font-size:16px; }
.board_search_detail{ margin-top: -20px; text-align: center; padding: 10px 0; display:inline-block; width:100%}
.m_open_container .folding_container dt.folding_toggle{float:left; position:relative; width:100%;  padding:5px 23px; display:inline-block; color:#444; border-top:1px solid #e1e1e1; cursor:pointer;}
.m_open_container .folding_ti{ float:left; position:relative; text-align:left; color:#333;  font-weight:600; padding:3px 0; width: calc( 100% - 60px); vertical-align: top; line-height:24px}
.m_open_container .folding_icon{position:relative; right:30px; top:9px;  height:100%; cursor:pointer; float:right; vertical-align:top}
.m_open_container .folding_icon input{position:absolute; left:50%; top:50%; margin-left:30px; margin-top:-6px; width:24px; height:24px; border:0;}
.m_open_container .folding_content{display:none; float:left; width:100%;background: #eee;padding:0 25px 5px 25px}
.m_open_container .folding_in{float:left; width:100%;  background:#eee; padding:0; line-height:24px; color: #333; word-break:keep-all; text-align:left;  border: 0;}
.m_open_container .folding_in dt{float:left; width:100%; display:inline-block; padding:0 20px }
.m_open_container .folding_in dt.dt_top{margin-top:17px;}
.m_open_container .folding_in dd{float:left; padding-top:5px; width:100%; }
.m_open_container .folding_in dd span{ color:#1041af; font-weight:600;}
.m_open_container .folding_in .btn{ position: relative; display: inline-block; color:#fff; border-radius: 20px; line-height: 26px; background-color: #333; padding:0 20px;  text-align:center; margin: 10px 0; }
.m_open_container .folding_in .btn:after{ content:""; display:inline-block; position:relative; height:15px; width:20px; background:url(../../../images/ips/cmmn/link_go_w.png) right no-repeat; background-size:14px; top:2px}
.m_open_container .folding_all{padding: 5px 0; width: 100%; display: inline-block; margin: 8px 0;}
.m_open_container .folding_all .s_tit {  padding-bottom: 10px; }
.m_open_container .folding_all .s_tit:before { content: '';  display: inline-block; position: relative; height: 20px; width: 21px; top: 0px; background: url(../../../images/ips/cmmn/ic_dot8.png) left no-repeat;  float: left;  background-size: 21px;  padding-left: 5px; }

/*서비스 분야 검색*/
.intro_top{ padding:60px 0 0 0; color:#121212; font-weight:600;}
.intro_top .tit{  font-size:32px;  text-align:left;  font-family:"ONE 모바일고딕 Regular"; line-height: 38px;padding: 0;}
.intro_top .txt{ font-size:20px; padding:12px 20px 0 0; }
.intro_search{float:right; min-width:410px; position: relative; height: 49px; line-height: 49px;font-size: 18px;  border: 3px solid #3C68D0; color: #737373;  background: #fff; border-radius: 30px; text-align:left; z-index: 3; }
.intro_top input[type="text"]{padding: 0 50px 0 20px;width: 100%; height: 43px; line-height: 43px; font-size: 18px; border-radius: 30px; vertical-align: top; border: 0;}
.intro_top input[type="button"]{overflow: hidden; position: absolute; right: 12px; top: 4px; width: 32px; height: 32px; padding: 0;  margin: 0; cursor: pointer;  text-align: left; text-indent: -1000px;  border: 0;  /* border-radius: 30px; */    background: url(../../../images/ips/cmmn/intro_top_serch.png) center no-repeat;  background-size: 24px;}
.search_non{text-align: center; margin: 50px auto; font-size: 20px; padding: 20px 0; vertical-align: top;  border-top: 2px solid #c3d9fd; width: 100%; display: inline-block;}

/* 공통 control */
.c_control a { display: block; position: absolute; top: 27.5rem; width:17px; height:33px; display:none }
.c_control a.prev { left: 0; background:url(../../../images/ips/cmmn/c_control_prev.png) no-repeat;background-size:17px; }
.c_control a.next { right: 0 !important; background:url(../../../images/ips/cmmn/c_control_next.png) no-repeat;background-size:17px; }
.c_control .prev:hover, .c_control .prev:focus { left: 0; background:url(../../../images/ips/cmmn/c_control_prev_o.png)  no-repeat;background-size:17px; }
.c_control .next:hover, .c_control .next:focus { right: 0 !important; background:url(../../../images/ips/cmmn/c_control_next_o.png) no-repeat;background-size:17px; }

/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: none; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* 메인이미지 slick*/ 
.hid{position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
.box { position: relative; width: 100%; float: left; background:#eff5ff; padding:50px 0;  letter-spacing: normal; } 
.box::before { position: absolute; top: -17.1rem; left: -11.7rem; width: 19.9rem; height: 19.9rem; border-radius: 50%;  content: ""; }

/* 내용 */ 
.box_con { position: relative; width:100%;line-height:1; margin: auto; text-align: center; overflow: hidden; }
.box_con .item{overflow:hidden; transition:linear.5s; opacity:.5}
.box_con .item img{position:relative; width:auto; height:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.box_con .control { position:absolute; left: 0; bottom: 0; z-index:1; box-shadow: 0 0 10px rgba(16, 56, 118, 0.2); padding: 1rem 1.5rem; }
.box_con .control p { display: inline-block; vertical-align: middle; margin-right: 1rem; color:#999; font-size:0.85rem; font-family: 'Titillium Web'; }
.box_con .control p strong { position: relative; color: #034ea8; }
.box_con .control > a { position: relative; display:inline-block; vertical-align: middle; color: #333; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.box_con .control > a.play { display:none; }
.box_con .control > a.prev { margin-right: 0.5rem; }
.box_con .control > a.prev::before { position: absolute; top: 0.1rem; right: -0.4rem; width: 0.1rem; height: 0.6rem; background: #d1d1d1; content: ""; }

/*메인 이미지 자세히 보기 버튼*/
.detail_go {line-height: 46px; display: inline-block; border-radius: 50px; background: #333; color: #eff5ff; font-size: 21px; width: 300px; transition: all .3s; }
.detail_go::after{ content: ''; display: inline-block; position: relative; background: url(../../../images/ips/cmmn/detail_go.png) no-repeat; width: 22px; height: 22px; background-size: 22px; right: -15px; top: 2px;}
.detail_go:hover{background:#3c68d0}

/*메인 이미지 텍스트*/
.swiper-slide .tit{ color:#121212; font-size:52px; font-weight:600; text-align:left;  font-family:"ONE 모바일고딕 Regular";}
.swiper-slide .tit span{ font-size:36px}
.swiper-slide .step{ display:inline-block; padding:70px 50px;}
.swiper-slide .step .icon{ background:#3c67ce; border-radius:50px; }

/*알림서비스 소개/상담서비스 소개*/
.intro_mid { display: flex;  flex-wrap: wrap;  padding: 40px 0 20px 0; }
.intro_mid li {  display: inline-flex;  flex-basis: calc(100% / 4 - 30px);  flex-grow: 0;  flex-shrink: 0;  text-align: left;  background: #fff;  border-radius: 25px;  border: 4px solid #fff;  margin: 18px 15px;}
.intro_mid li a{ display: block; padding: 35px 25px 20px 25px; transition: all .3s; position: relative; border-radius: 25px;  width: 100%;  }
.intro_mid li:hover{ box-shadow: 0 4px 12px rgba(0,0,0,0.45) ;  border: 4px solid #3C68D0;   box-sizing: border-box ;}
.intro_mid li a:focus-visible{ box-shadow: 0 4px 12px rgba(0,0,0,0.45);  outline:4px solid #3C68D0; min-height: 222px;}
.intro_mid li a:after{ content:''; display:block; position:absolute; left:0; right:0; top:0; border:0; border:4px solid #3B9DF8; opacity:0; transition:all .3s; }
.intro_mid li .thumb { position: absolute; top: 20px; background: #c3d9fd; border-radius: 50%; z-index: 2; height: 85px; width: 85px;  text-align: center;  line-height: 85px; left: 50%;  transform: translate(-50%, 0);}
.intro_mid li .thumb img{ width:45px; height:45px}
.intro_mid li a:hover .thumb, .intro_mid li a:focus .thumb{background:#3C68D0}
.intro_mid li strong {  font-size: 20px; color: #222; font-weight: 400;  display: inline-block;  text-align: left; margin: 90px 0 18px 0; letter-spacing: -1.0px;  width: calc( 100% - 31px);  line-height: 22px;  vertical-align: top; }
.intro_mid li strong:after { content: "";  position: absolute;  right: 24px;  top: 121px;   background: url(../../../images/ips/cmmn/intro_arr.png) right no-repeat;  width: 31px;  height: 31px;  display: inline-block;  background-size: 31px;}
.intro_mid li span{ font-size:16px; color:#666;  font-weight: 400; line-height: 24px; word-break: keep-all; }
.intro_mid li span:after{ content: ""; position: relative; top: 3px; left: 10px; display: inline-block; background: url(../../../images/ips/cmmn/intro_col.png) no-repeat; width: 17px; height: 18px; background-size: 6px;}
.intro_mid li span:last-child:after{ background:none}
.intro_mid li div{height: 46px; overflow: hidden; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

/* 수신받을 앱 배너*/
.intro_banner { position: relative;  vertical-align:middle; margin:40px 0 0 0}
/* tit */
.intro_banner_tit:before{ content:""; position:relative; display:inline-block;background: url(../../../images/ips/cmmn/intro_app_rolling_tit.svg) center no-repeat; width: 54px; height: 54px; background-size: 44px; background-color:#eff5ff; border-radius:50%}
.intro_banner_tit p{ display:inline-block; font-size:24px;  font-family:"ONE 모바일고딕 Regular"; font-weight:600; vertical-align:top; padding:19px 0 10px 10px}
.intro_banner_tit span{background: #f1f1f1; height: 30px;  line-height: 30px;  border-radius: 20px;  padding: 0 20px;  display: inline-block;  position: absolute;  top: 59px;  left: 90px; color:#777}
.intro_banner_tit span strong{ color:#121212; font-weight:600}
.intro_banner .slick-slider .slick-list { padding: 0.5rem; }
.intro_banner .slick-slide { vertical-align: top; }
.intro_banner .slider{ width: calc(100% - 100px);  margin: 0 auto; overflow: hidden;  } 
.intro_banner .item{ display: inline-block;  margin: 0 10px 20px 10px; vertical-align: top;   text-align: center; min-height: 140px; width:168px }
.intro_banner .item a {  display: block;  border-radius: 15px; background: #fff; border: 1px solid #ddd; padding: 20px;  }
.intro_banner .item a  img{ border-radius: 50px;  width: 40px;  text-align: center;  height: 40px;  display: inline-block;  margin-bottom: 15px; border: 1px solid #ddd;}
.intro_banner .item a span { font-size: 16px;  font-weight: 600; line-height: 19px; vertical-align: top; display: block;  width: 100%;}

.intro_banner .tablist{ position: absolute; z-index: 10; width: 100%; height: 20px; padding: 0; margin: 0;text-align: center;  display: block; bottom: -3px;}
.intro_banner .tablist li{ display: inline}
.intro_banner .tablist button { text-indent:-99999px;  margin:2px; width:12px; height:12px; background: #d5dae1; border-radius: 30px;} 
.intro_banner .tablist .on{ background:#3C68D0; width:30px; height:12px}

/* 수신받을 앱 배너 : active */
.intro_banner .item a:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.25);  border: 1px solid #3C68D0; border-radius: 15px; } 
.intro_banner .item a:focus-visible{ box-shadow: 0 4px 12px rgba(0,0,0,0.25);  outline:1px solid #3C68D0;  border-radius: 15px; }
.intro_banner .item a .img,.intro_banner .item a span,.intro_banner .control a {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }

/* control */
.intro_banner .d_control { position: relative; display: inline-block;top: -13px; }
.intro_banner .d_control button { display: inline-block; text-align: center; width: 24px; height: 24px; padding-top: 18px;  border: 0; border-radius: 0; }
.intro_banner .d_control .stop{ background:url(../../../images/ips/cmmn/p_stop.svg) no-repeat; background-color: #666;}
.intro_banner .d_control .play{ background:url(../../../images/ips/cmmn/p_play.svg) no-repeat; background-color: #666;}

.intro_banner .control a { display: block; position: absolute; top: 7.9rem; width:20px; height:20px; cursor: pointer;}
.intro_banner .control a.prev { left: 0; background:url(../../../images/ips/cmmn/intro_banner_prev.png) no-repeat;background-size:20px; }
.intro_banner .control a.next { right:0; background:url(../../../images/ips/cmmn/intro_banner_next.png)  no-repeat;background-size:20px; }
.intro_banner .control a.prev:hover, .intro_banner .control a.prev:focus { left: 0; background:url(../../../images/ips/cmmn/intro_banner_prev_o.png)  no-repeat;background-size:20px; }
.intro_banner .control a.next:hover, .intro_banner .control a.next:focus { right: 0; background:url(../../../images/ips/cmmn/intro_banner_next_o.png)  no-repeat;background-size:20px; }

/* slick slider dots */
.intro_banner .slick-dots{ position: absolute; z-index: 10; width: 100%; height: 20px; padding: 0; margin: 0;text-align: center;  display: block; bottom: -3px;}
.intro_banner .slick-dots li{ display: inline}
.intro_banner .slick-dots button { /* text-indent:-99999px; */  margin:2px; width:12px; height:12px; background: #d5dae1; border-radius: 30px; font-size:0;} 
.intro_banner .slick-dots .slick-active button { background:#3C68D0; width:30px; height:12px; color:#FFFFFF}

@media (max-width:1780px) {
.ips_mid .visual_intro_wrap {  flex-basis: 100%; max-width: 100%; justify-content: center;}
.ips_mid {padding: 0 36px;}
.ips_mid .tit {flex-basis: 100%}
.ips_mid .tit div{ display: inline-block; vertical-align:top}
.ips_mid .tit .btn{ display: inline-block;  float: right;  margin-top: 20px;}
.ips_mid .tit p { padding: 40px 0 10px 0;}
}

@media (max-width:1500px){
.gov_area .gov_logo .layout{  width: calc( 100% - 6em); max-width: 100%;}
}
    
@media ( max-width:1390px) {
.ips_mid .visual_intro {margin: 20px 5px 0 5px; flex-basis: 296px; }
.ips_l { flex-basis: calc(100% - 450px)}
.ips_r{ flex-basis:410px; max-width: 410px; }
.ips_r .app .top {  padding: 28px 20px;}
.ips_r .app .top .app_roll { margin: 10px auto;}
.ips_r .app .top .control {  top: -9.5rem;}
}

@media ( max-width:1360px){
.intro_mid li{ flex-basis: calc(100% / 3 - 30px); }
.intro_banner .item{width:calc(100% / 3); }
}

@media (max-width:1279px) {
.pop_open_w_l, .pop_open_w_ll{ display:none}
.pop_open_w_r{ width:100%; border-radius:25px}
.pop_open_w h1{ border-radius:10px 10px 0 0 !important}
.pop_open_login { display: block; min-height:inherit}
.pop_open_login .tit {  width: 100%; }
.pop_open_login .tit span {  padding:5px 0 5px 20px; top: 0;}
.pop_open_login ul li { display: inline-block !important}
.pop_open_login .login1:before, .pop_open_login .login2:before, .pop_open_login .login3:before{ display:none}
}

@media( max-width:1110px) {
.ips_mid .tit span{ display:none}	
.ips_mid {padding:20px 16px 0 16px; border-radius: 0; }
.ips_mid .tit p { font-size: 32px; display:inline-block; padding: 0; line-height: normal;}
.ips_mid .tit .btn {margin-top: 5px;}
.ips_mid .btn a {font-size: 16px; padding: 0 20px;display: inline-block; height: 32px; line-height: 30px;  margin: 5px 0;}
.ips_mid .visual_intro {margin: 30px 15px 0 0; flex-basis:calc(100%/2 - 6px);}
.ips_mid .visual_intro_wrap{height: 510px; overflow: hidden;}
.ips_mid .visual_intro_wrap .swiper-wrapper {justify-content: stretch;}
.ips_mid .m_control a { display: block; }
}

@media( max-width:1023px) {
.ips_l, .ips_r{ flex-basis: 100%; max-width: 100%;}
.ips_l .n_visual{ margin-top:0; height: auto;}
.ips_l .n_visual .con strong, .ips_l .n_visual .con p {display:none}
.ips_r .app .top strong { font-size: 22px; line-height: 26px;}
.ips_l .n_visual .con .txt{ display: block;}
.ips_wrap .txt { display: none;}
.ips_l .n_visual .m_visual { background: url(../../../images/ips/cmmn/n_visual.svg)top center no-repeat; background-size: contain;  width: 100%;  min-height: 470px;}
.ips_l .n_visual .con { padding: 20px 30px 10px 30px;}
.ips_r .popupzone{flex-basis: calc(100% - 50% - 30px); max-width: calc(100% - 50% - 30px); margin-right: 30px; height: auto;}
.ips_r .popupzone .bott { padding: 0 10px 0 20px; }
.ips_r .popupzone .bott span { padding: 6px 10px 0 0; }
.ips_r .popupzone .top li { height: 264px;}
.ips_r .app {flex-basis: calc(100% / 2); width: calc(100% / 2);}
.ips_r .app .top {height: 264px;}
.intro_mid li{ flex-basis: calc(100% / 2 - 30px); }
}

@media (max-width:820px) {
.inner-tab {z-index: 6 !important;}
}

@media (max-width:767px) {
.arlim_list li{ font-size:18px}
.m_open_txt{ font-size:18px}
.btn_wrap .btn_m_open_b{ font-size:18px; height: 35px;}
.pop_open_w_con strong {font-size: 24px; width: 30px;}
.pop_open_w_con p {  margin: 10px 0;}
.intro_mid{ text-align:center;  overflow:visible; padding:20px 0; display: inline-flex; align-content: space-around;}
.intro_mid li{ margin: 0 15px 20px 15px; flex-basis: calc(100% / 2 - 30px); height: 250px;}
/* .c_control a{  display:block; z-index: 9; } */
.intro_top{ text-align:center;  padding: 20px 0 0 0;}
.intro_search{min-width: 100%; margin:10px 0;  float:none;  }
.n_mbg_w{border-bottom: 10px solid #f4f4f4 !important;}
.ips_mid{ border-bottom: 10px solid #eff5ff;}
.ips_mid .visual_intro {flex-basis: 100%; padding: 0;}
.ips_mid .m_control a.next {  right: 50px;}
.ips_mid .m_control .next:hover, .c_control .next:focus { right: 50px;}
.ips_r .popupzone{ flex-basis: 100%;  max-width: 100%; margin-bottom:20px }
.ips_r .app { flex-basis: 100%; margin-bottom: 20px;}
.ips_r .app .top {  padding:28px 10px}
.ips_r .app .top strong{ padding:0 20px}
.ips_r .app .top .app_roll{ height: 182px;  margin: 10px auto;}
.ips_r .popupzone .top {  width: 100%;}
.ips_r .app .top .app_roll .swiper-slide {padding: 9px; }
}

@media (max-width:740px) {
.m_open_container{width: 90%;}
.m_open_container .folding_container{min-width: 100%;}
}

@media (max-width:710px) {
.ips_r .app .top .control {  top: -10.3rem;}
.ips_l .n_visual .con {  padding: 20px 30px 0 30px;}
}
@media (max-width: 680px){
.ips_l .n_visual .m_visual {height: 100%; min-height: 320px;}	
}
	
@media (max-width: 640px){
.ips_r .app .top strong { font-size: 19px;}
.intro_mid li strong:after { right: 15px;top: 123px; width: 26px; height: 26px;  background-size: 26px;}
.intro_mid li strong {  /* font-size: 18px; */  width: calc(100% - 35px);/*  line-height: 20px; */}
.intro_mid li a {  padding: 35px 15px 20px 15px;} 
}

@media (max-width:580px) {
.ips_r .popupzone .top li {  height: 234px;}
}

@media (max-width: 549px){
.ips_r .app .top {height: 280px;}
}

@media (max-width:524px) {
.ips_mid .visual_intro_wrap .tablist{ display:block; }
}

@media (max-width:508px){
.app_h{display:none !important}
.intro_banner .item a span{font-size:12px}
}

@media (max-width:480px) {
.wrapper { max-width: calc(100% - 20px);}	
.app_con h3 { font-size: 26px; margin:30px 0 20px 0}
.app_lnb li{ font-size:17px}
.app_lnb li span{ font-size:14px}
.ips_r .app .top {height: 175px; padding: 18px 20px 1px 19px;}
.ips_r .popupzone .bott strong, .ips_r .app .bott strong{ font-size:18px}
.ips_r .popupzone .bott, .ips_r .app .bott{ padding: 0 15px}
.ips_r .popupzone .bott .control button{ width:18px}
.ips_r .popupzone .bott span { font-size: 18px; padding: 8px 0 0 0;}
.ips_r .popupzone { height: auto;}
.ips_r .popupzone .top li {  padding-top: calc( 290 / 533 * 100%);  height: 0;}
.ips_r .app .top .app_roll { height: 80px;  margin: 10px;}
/* .ips_r .app .top .app_roll .swiper-slide { transform: scale(.80); margin: 5px;} */
.ips_r .app .top .control { top:-6.2em;}
.intro_mid li{ margin: 0 8px 10px 8px;  flex-basis: calc(100% / 3 - 16px); border-radius: 10px; height: 168px;}
.intro_mid li a {  padding: 35px 3px 10px 3px; border-radius: 10px;}
.intro_mid li a:focus-visible { min-height: auto;}
.intro_mid li div { display: none !important;}
.intro_mid li .thumb {  display: block !important;  top: 10px;  height: 55px;  width: 55px;  line-height: 55px;}
.intro_mid li .thumb img { width: 30px;  height: 30px;}
.intro_mid li strong {/* font-size: 15px; */ display: block; text-align: center; margin: 35px 0 20px 0; width: 100%; /* line-height: 16px; */}
.intro_mid li strong:after {content: ""; position: absolute; right: 0; top: 126px; background: url(../../../images/ips/cmmn/intro_arr.png) no-repeat;
        left:  calc((50% - 11px )); width: 22px; height: 22px;  display: inline-block;  background-size: 22px;}
}

@media (max-width:450px ){
.ips_r .app .top .control { top: -7.8em;}
/* .intro_mid li strong:after {  top: 149px;}
.intro_mid li {     height: 181px;}
 */}

@media (max-width:400px ){
.ips_l .n_visual .m_visual{min-height: 250px;}
.intro_mid li .thumb { height: 45px;  width: 45px;   line-height: 45px;}
.intro_mid li .thumb img {  width: 25px;  height: 25px;}    
.intro_mid li strong { margin: 25px 0 20px 0;} 
.intro_mid li strong:after { top: 124px; }
.intro_mid li { height: 158px; flex-basis:calc(100% / 3 - 8px); margin: 0 4px 8px 4px}
}
    
@media (max-width:380px ){
.ips_mid .visual_intro div p {  font-size: 18px;}	
.ips_mid .visual_intro div { padding: 15px;}
.ips_mid .visual_intro { min-height: 328px;}
.ips_mid .visual_intro_wrap { height: auto;}
.ips_mid .visual_intro div strong { font-size: 24px; line-height: 28px;}
.ips_mid .visual_intro img {  height: 260px;}
.ips_l .n_visual .con .txt {  font-size: 20px;}
.ips_l .n_visual .con .txt span { font-size: 39px; line-height: 49px;}
/*.intro_mid li {  margin: 0 0 20px 0; max-width:280px}*/
.ips_mid .m_control a{top:248px}
.intro_banner_tit p {font-size:20px; padding: 7px 0 10px 10px;}
.intro_banner_tit:before{width: 37px; height: 37px; background-size: 28px;}
.intro_banner .d_control{top: -11px;}
}

@media (max-width:360px ){
#login_open{ width:280px}
.pop_open{ font-size:18px}
.ips_r .popupzone .bott strong, .ips_r .app .bott strong{ font-size:16px}
.ips_r .app .top .app_roll { margin: 5px 30px;}
.gov_area .gov_logo span {  font-size: 11px;}
.intro_mid li {  height: 140px;}
.intro_mid li strong:after {   top: 104px;  }
.intro_mid li strong {   font-size: 18px; line-height: 20px; }
}

@media (max-width:344px ){
.ips_mid .m_control a{top:294px}
.intro_mid li strong:after{display:none}
}

@media (max-width: 331px){
.ips_r .app .top { height: 158px;padding: 12px 10px 0 10px;}
}