@charset "UTF-8";

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

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

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

/*가입정보*/
@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;}
        
/*인증하기 버튼 추가*/
.pki_f{font-size: 18px; padding: 5px 0; border-radius: 30px !important; font-weight: 600; }
.pki_f:hover, .pki_f:focus { color: #fff !important;  background: #3a6de8 !important;  border-color: #323a68 !important;}
.pki_fu:hover, .pki_fu:focus { color: #fff !important;  background: #3a6de8 !important;  border-color: #323a68 !important;}
.pki_btn{background: #fff; border: 1px solid #000; }
.pki_btn:hover, .pki_btn:focus{color: #fff !important;  background: #3a6de8 !important;  border-color: #323a68 !important;}
#popup_panel #popup_cancel{min-width: 90px !important; line-height: 2.3rem !important; padding: 0 24px !important;  height: 2.5rem !important;}

/*전자고지 미열람 추가*/
.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; }

/*콜샌터 이용안내*/
.call_guide_wrap{ width:100%;text-align: center; display: inline-block;  margin: 0 auto;}
.call_guide{padding: 20px 28px; border-radius: 22px;  background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05); border: 1px solid #ddd;  display: inline-block; width: calc(33.3% - 10px);  margin: 5px; text-align: left ; height: 135px; vertical-align: top;  overflow: hidden;word-break: keep-all; float:left}
.call_guide .tit{font-size: 20px; color: #313131; font-weight: 600; display:inline-block; margin-bottom:5px}
.call_guide p{font-size: 16px; color: #666; margin-top: 5px; line-height:22px}
.call_guide .num{font-size: 18px; color: #3C68D0; margin-top:5px}

/*알려드립니다*/
.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_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_login_06.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_guide{flex-basis:100% !important; text-align: left !important; align-items: flex-end; font-size:18px; margin:0 0 40px 0;}
.ips_guide  .tit { color: #333; line-height: 22px; vertical-align: top; width: calc(100% - 60px); display: inline-block;  height: 45px;  word-break: keep-all;
    text-align: left;  padding-top: 5px;}
.ips_guide .step{display: inline-block;}
.ips_guide_txt{padding: 20px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 20px;width: 100%;}
.ips_guide img{ margin-bottom:15px}

/*앱별 이용 안내*/
.app_wrap{ display:flex; flex-wrap:wrap; flex-basis:100%; margin:60px 0 40px 0}
.app_lnb{  display: inline-block;flex-basis: 240px; height: 235px; vertical-align: top; margin-right:40px; height:auto} 
.app_lnb li{display: inline-block; height: 50px; line-height: 50px; width: 100%; font-size: 18px; color: #525151;  text-align: left; vertical-align: middle;  font-weight: 600;  background: #eee;  margin: 1px 0;letter-spacing: -1px;}
.app_lnb ul{flex-grow: 1;}
.app_lnb li span{ font-size:16px}
.app_lnb li a { display: block; padding: 0 12px;}
.app_lnb .on{box-shadow: 0 4px 12px rgba(0,0,0,0.25); background: #3C68D0;color: #fff;}
.app_lnb li:hover, .app_lnb li :focus{ box-shadow: 0 4px 12px rgba(0,0,0,0.25);  background: #3C68D0;color: #fff;  } 
.app_con{ display: inline-flex;  flex-wrap: wrap; flex-basis: calc(100% - 280px);  justify-content: left; align-content: flex-start;}
.app_con h3{    display: inline-block;  flex-basis: 100%;  text-align: center;  color: #121212;  font-size: 22px;  padding: 0 0 30px 0; }
.app_con ul{ flex-basis:calc(100%/3); text-align:center; align-items: flex-end; font-size:18px; margin:0 0 40px 0; }
.app_con li{  color:#333;  line-height:22px; vertical-align:top; width:calc(100% - 40px); display:inline-block;  height:45px; word-break:keep-all; text-align:left; padding-top: 5px; }
.app_con .step{ text-align:center;  color:#fff; line-height:30px; width:30px; height:30px;  border-radius:50px;  background:#3C68D0; padding-top: 0; }
.app_con li:last-child{ height:auto; text-align:center}
.app_con li img{ width:320px; border: 10px solid #333; border-radius: 25px;}
.app_con .app_kt_01:after{content: ""; background: url(../../../images/ips/cmmn/app_kt_01.png) no-repeat; background-size: 320px; position: relative; width: 26px; height: 26px; display: inline-block; }


/*모달 공통*/
.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_overlay2{position:fixed; z-index:99999; top:0px; left:0px; width:100%; height:100%; 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;}

/* cbot_open_list */
.cbot_open_list{position:relative; clear:both; border-top:2px solid #ccc;  overflow-y: auto; max-height: 450px; max-width: 500px; min-width: 500px;  font-weight:600; font-size:16px }
.cbot_open_list li{ position: relative;padding: 5px 23px;width: 100%; display: inline-block; border-top: 1px solid #e1e1e1; cursor: pointer; text-align: left; color: #444;}
.cbot_open_list  li a{display: block; padding: 3px 0; width: calc( 100% - 60px );line-height: 24px; color: #333;}
.cbot_open_list li a:after{ content: "";position: absolute; display: inline-block; background: url(../../../images/ips/cmmn/cbot_open.png) right no-repeat; width: 24px; height: 24px; background-size: 24px; right: 30px; top: 7px;}

/*서비스 분야 검색*/
.intro_top{ padding:60px 0 0 0; color:#121212; font-weight:600;}
.intro_top .tit{  text-align:left;  font-family:"ONE 모바일고딕 Regular"; line-height: 38px;padding: 0; color: #111; font-weight: 600; letter-spacing: normal; font-size: 32px !important; background: none;}
.intro_top .txt{ font-size:20px; padding:12px 20px 0 0; }
.intro_search{float:right; min-width:410px; position: relative; z-index: 5; height: 49px; line-height: 49px;font-size: 18px;  border: 3px solid #3C68D0; color: #737373;  background: #fff; border-radius: 30px; text-align:left}
.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="submit"]{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;}

/* 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; }

/* 공통 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: 10px; background:url(../../../images/ips/cmmn/c_control_prev_o.png)  no-repeat;background-size:17px; }
.c_control .next:hover, .c_control .next:focus { right: 10px; background:url(../../../images/ips/cmmn/c_control_next_o.png) no-repeat;background-size:17px; }

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

/*알림서비스 소개/상담서비스 소개*/
.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: 123px;   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: 52px; overflow: hidden; display: -webkit-box; white-space: normal; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;} 

/* 공통 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; }

@media (max-width:1500px){
.gov_area .gov_logo .layout{  width: calc( 100% - 6em); max-width: 100%;}
}

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

@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 15px; display: inline-block; height: 28px; line-height: normal;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) {
.app_lnb { flex-basis: 100%;  max-height: 80px;  overflow-y: scroll;  padding: 5px;  background: #eee; margin: 0;}
.app_lnb li { padding: 0.3rem 0.5rem;  border-radius: 0.2rem;  display: inline-block;  color: #525151; text-align: left;  vertical-align: middle;  font-weight: 600; margin: 4px 1px;  width: auto;  height: auto;  line-height: inherit;}
.app_lnb li a{ padding:0 3px}
.app_con {  flex-basis: 100%; }
.app_con h3{ padding:30px 0}
.intro_mid li{ flex-basis: calc(100% / 2 - 30px); }
.app_wrap{ margin:20px 0}
.call_guide{ width:100%; margin:5px 0; height: auto;}
}

@media (max-width:969px) {
.app_con ul{ flex-basis:calc(100% / 2); margin:0 0 20px 0}
}

@media (max-width:820px) {
.list_select select{z-index: 0;}
.inner-tab {z-index: 6;}
}

@media (max-width:767px) {
.arlim_list li{ font-size:18px}
.m_open_txt{ font-size:18px}
.pop_open_w_con strong {font-size: 24px; width: 30px;}
.pop_open_w_con p {  margin: 10px 0;}
/*.c_control a { display: block; z-index: 9;}*/
.n_mbg_s .wrapper .bx-controls-direction a{ display:block}
.intro_top { text-align: center;  padding: 20px 0 0 0;}
.intro_search{min-width: 100%; margin:10px 0; float: none;}
.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;}
.btn_wrap .btn_m_open_b{ font-size:18px; height: 35px;}
}
@media (max-width:740px) {
.m_open_container{width: 90%;}
.m_open_container .folding_container, .cbot_open_list{min-width: 100%;}
}

@media (max-width: 640px){
.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:639px) {
.app_con ul{ flex-basis:100%}
}
@media (max-width:480px) {
.wrapper { max-width: calc(100% - 20px);}	
.app_lnb li{ font-size:17px}
.app_lnb li span{ font-size:14px}
.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:423px ){
.intro_mid li strong:after { top: 120px;}
.intro_mid li {   height: 158px;}	
}	
@media (max-width:400px ){
.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: 110px; }
.intro_mid li { height: 158px; flex-basis:calc(100% / 3 - 8px); margin: 0 4px 8px 4px}
}
/*@media (max-width:380px ){
.intro_mid li {  margin: 0 0 20px 0; max-width:280px}
}*/
@media (max-width:360px ){
.gov_area .gov_logo span {  font-size: 11px;}
.intro_mid li strong {   font-size: 18px; line-height: 20px; }
}
@media (max-width:344px ){
.ips_mid .m_control a{top:294px}
.intro_mid li {  height: 110px;}
.intro_mid li strong:after{display:none}
}