@charset "UTF-8";
/* @import url(font.css); */
body {
  font-family: NotoSansKR;
  letter-spacing: -0.025em;
  font-weight: 400;
}

body.fixed {
  height: 100%;
  overflow: hidden;
}

html.fixed {
  height: 100%;
  overflow: hidden;
}

.wrap.fixed {
  height: 100%;
  overflow: hidden;
}

.wrap {
  min-width: 320px;
  /* padding-bottom:66px; */
}

@media screen and (min-width: 720px) {
  .wrap {
    max-width: 720px;
    margin: 0 auto;
  }
}

/* 상하 간격 margin-top, margin-bottom */
.mt0 {
  margin-top: 0px;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt11 {
  margin-top: 11px;
}

.mt12 {
  margin-top: 12px;
}

.mt13 {
  margin-top: 13px;
}

.mt14 {
  margin-top: 14px;
}

.mt15 {
  margin-top: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mt17 {
  margin-top: 17px;
}

.mt18 {
  margin-top: 18px;
}

.mt19 {
  margin-top: 19px;
}

.mt20 {
  margin-top: 20px;
}

.mt21 {
  margin-top: 21px;
}

.mt22 {
  margin-top: 22px;
}

.mt23 {
  margin-top: 23px;
}

.mt24 {
  margin-top: 24px;
}

.mt25 {
  margin-top: 25px;
}

.mt26 {
  margin-top: 26px;
}

.mt27 {
  margin-top: 27px;
}

.mt28 {
  margin-top: 28px;
}

.mt29 {
  margin-top: 29px;
}

.mt30 {
  margin-top: 30px;
}

.mt31 {
  margin-top: 31px;
}

.mt32 {
  margin-top: 32px;
}

.mt33 {
  margin-top: 33px;
}

.mt34 {
  margin-top: 34px;
}

.mt35 {
  margin-top: 35px;
}

.mt36 {
  margin-top: 36px;
}

.mt37 {
  margin-top: 37px;
}

.mt38 {
  margin-top: 38px;
}

.mt39 {
  margin-top: 39px;
}

.mt40 {
  margin-top: 40px;
}

.mt41 {
  margin-top: 41px;
}

.mt42 {
  margin-top: 42px;
}

.mt43 {
  margin-top: 43px;
}

.mt44 {
  margin-top: 44px;
}

.mt45 {
  margin-top: 45px;
}

.mt46 {
  margin-top: 46px;
}

.mt47 {
  margin-top: 47px;
}

.mt48 {
  margin-top: 48px;
}

.mt49 {
  margin-top: 49px;
}

.mt50 {
  margin-top: 50px;
}

.mt51 {
  margin-top: 51px;
}

.mt52 {
  margin-top: 52px;
}

.mt53 {
  margin-top: 53px;
}

.mt54 {
  margin-top: 54px;
}

.mt55 {
  margin-top: 55px;
}

.mt56 {
  margin-top: 56px;
}

.mt57 {
  margin-top: 57px;
}

.mt58 {
  margin-top: 58px;
}

.mt59 {
  margin-top: 59px;
}

.mt60 {
  margin-top: 60px;
}

.mt61 {
  margin-top: 61px;
}

.mt62 {
  margin-top: 62px;
}

.mt63 {
  margin-top: 63px;
}

.mt64 {
  margin-top: 64px;
}

.mt65 {
  margin-top: 65px;
}

.mt66 {
  margin-top: 66px;
}

.mt67 {
  margin-top: 67px;
}

.mt68 {
  margin-top: 68px;
}

.mt69 {
  margin-top: 69px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb11 {
  margin-bottom: 11px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb13 {
  margin-bottom: 13px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mtb6 {
  margin-bottom: 16px;
}

.mb17 {
  margin-bottom: 17px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb19 {
  margin-bottom: 19px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb21 {
  margin-bottom: 21px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb23 {
  margin-bottom: 23px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb25 {
  margin-bottom: 25px;
}

.mtb6 {
  margin-bottom: 26px;
}

.mb27 {
  margin-bottom: 27px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb29 {
  margin-bottom: 29px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb31 {
  margin-bottom: 31px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb33 {
  margin-bottom: 33px;
}

.mb34 {
  margin-bottom: 34px;
}

.mb35 {
  margin-bottom: 35px;
}

.mtb6 {
  margin-bottom: 36px;
}

.mb37 {
  margin-bottom: 37px;
}

.mb38 {
  margin-bottom: 38px;
}

.mb39 {
  margin-bottom: 39px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb41 {
  margin-bottom: 41px;
}

.mb42 {
  margin-bottom: 42px;
}

.mb43 {
  margin-bottom: 43px;
}

.mb44 {
  margin-bottom: 44px;
}

.mb45 {
  margin-bottom: 45px;
}

.mtb6 {
  margin-bottom: 46px;
}

.mb47 {
  margin-bottom: 47px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb49 {
  margin-bottom: 49px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb51 {
  margin-bottom: 51px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb53 {
  margin-bottom: 53px;
}

.mb54 {
  margin-bottom: 54px;
}

.mb55 {
  margin-bottom: 55px;
}

.mtb6 {
  margin-bottom: 56px;
}

.mb57 {
  margin-bottom: 57px;
}

.mb58 {
  margin-bottom: 58px;
}

.mb59 {
  margin-bottom: 59px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb61 {
  margin-bottom: 61px;
}

.mb62 {
  margin-bottom: 62px;
}

.mb63 {
  margin-bottom: 63px;
}

.mb64 {
  margin-bottom: 64px;
}

.mb65 {
  margin-bottom: 65px;
}

.mtb6 {
  margin-bottom: 66px;
}

.mb67 {
  margin-bottom: 67px;
}

.mb68 {
  margin-bottom: 68px;
}

.mb69 {
  margin-bottom: 69px;
}

/* 서비스 상단 슬라이드배너 */
.myservice_topbnr .bnr_list {
  height: 80px;
  overflow: hidden;
}

.myservice_topbnr .bnr_list div.item {
  height: 100%;
  min-height: 80px;
  background-color: rgba(255, 255, 255, 0.2);
}

.myservice_topbnr .bnr_list div.item > div {
  height: 100%;
}

.myservice_topbnr .bnr_list div.item > div.bnr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-height: 80px;
  padding: 18px 0 0 20px;
  background-color: #ff6600;
  color: #fff;
}

.myservice_topbnr .bnr_list div.item > div.bnr div.cate {
  height: 18px;
  font-size: 12px;
  line-height: 18px;
}

.myservice_topbnr .bnr_list div.item > div.bnr div.txt {
  position: relative;
  top: -2px;
  height: 27px;
  font-size: 20px;
  line-height: 27px;
}

.myservice_topbnr .bnr_list div.item > div.bnr div.img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 80px;
}

.myservice_topbnr .bnr_list .bnr_dots {
  position: absolute;
  top: 10px;
  right: 10px;
}

.myservice_topbnr .bnr_list .bnr_dots li {
  display: inline;
  float: left;
}

.myservice_topbnr .bnr_list .bnr_dots li + li {
  margin-left: 6px;
}

.myservice_topbnr .bnr_list .bnr_dots li button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 4px;
  height: 4px;
  border: 0.5px solid #fff;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 100%;
  font-size: 0;
  overflow: hidden;
  text-indent: -999px;
}

.myservice_topbnr .bnr_list .bnr_dots li.slick-active button {
  background-color: #fff;
}

.myservice_topbnr .bnr_list.type_img {
  min-height: 22.22222vw;
  height: auto;
}

.myservice_topbnr .bnr_list.type_img div.item {
  height: auto;
  font-size: 0;
}

.myservice_topbnr .bnr_list.type_img div.item img {
  vertical-align: top;
}

.myservice_topbnr .bnr_list.type_img .slick-list .slick-track .slick-slide {
  font-size: 0;
}

@media screen and (max-width: 320px) {
  .myservice_topbnr {
    text-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .myservice_topbnr .bnr_list {
    height: 71.11px;
  }
  .myservice_topbnr .bnr_list div.item {
    min-height: 71.11px;
  }
}

@media screen and (min-width: 720px) {
  .myservice_topbnr .bnr_list.type_img {
    min-height: auto;
  }
}

/* My서비스 상단 탭 2022.03 개편 */
.myservice_tab_wrap {
  padding: 0 1.125em;
}

.myservice_tab_wrap .myervice_tab {
  position: relative;
  padding: 1.125em 0 0.875em;
}

.myservice_tab_wrap .myervice_tab .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.myservice_tab_wrap .myervice_tab .tab button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  padding: 0;
  border: 0;
}

.myservice_tab_wrap .myervice_tab .tab button span {
  display: block;
  color: #888;
  font-weight: 400;
  line-height: 1.5em;
}

.myservice_tab_wrap .myervice_tab .tab button + button {
  margin-left: 1em;
}

.myservice_tab_wrap .myervice_tab .tab button.active {
  position: relative;
  padding-bottom: 0.25em;
}

.myservice_tab_wrap .myervice_tab .tab button.active span {
  color: #000;
  font-weight: 700;
}

.myservice_tab_wrap .myervice_tab .tab button.active::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125em;
  background-color: #000;
}

.myservice_tab_wrap span.btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #999;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}

.myservice_tab_wrap span.btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #999;
}

/* 가입한 부가서비스 myservice */
.used_service {
  position: relative;
  margin: 0 18px;
  letter-spacing: -0.025em;
}

.used_service div.service_list {
  padding: 10px 0 30px;
}

.used_service div.service_list::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.used_service div.service_list li {
  display: inline-block;
  float: left;
  position: relative;
  width: 50%;
  padding-left: 9px;
}

.used_service div.service_list li:nth-child(odd) {
  clear: both;
}

.used_service div.service_list li:nth-child(2) ~ li {
  margin-top: 18px;
}

.used_service div.service_list li span {
  display: inline-block;
}

.used_service div.service_list li span.img {
  position: absolute;
  top: 0;
  left: 9px;
  width: 24px;
  height: 24px;
}

.used_service div.service_list li span.img img {
  width: 100%;
}

.used_service div.service_list li span.txt {
  position: relative;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}

.used_service div.service_list li span.img + span.txt {
  padding-left: 30px;
  vertical-align: top;
}

.used_service div.service_list li span.txt.small {
  font-size: 11px;
}

.used_service div.service_list li span.icon {
  position: relative;
  top: 0;
}

.used_service div.service_list li.charge span.txt::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -24px;
  width: 22px;
  height: 13px;
  background: url("../images/main/bullet_won@3x.png") no-repeat left top;
  background-size: contain;
}

/* 서비스 하단 카드배너 */
.service_card {
  letter-spacing: -0.025em;
}

.service_card .card_list {
  padding-bottom: 2.0625em;
}

.service_card .card_list .item {
  margin-bottom: 12px;
  padding: 0 18px;
}

.service_card .card_list .item:last-child {
  margin-bottom: 0;
}

/* .pass_2020_new {box-sizing:border-box; position:relative; height:162px; padding:18px 0 20px; background-color:#f6f6f6; border-radius:12px; letter-spacing:-0.05em; overflow:hidden;}
.pass_2020_new div.bnr_tit {margin-left:20px; color:rgba(0,0,0,0.4); font-size:12px; font-weight:400;}
.pass_2020_new div.state {box-sizing:content-box; position:absolute; top:18px; right:20px; height:16px; padding:0 5px; border:0.5px solid #707070; border-radius:9px; line-height:18px; font-size:10px;}
.pass_2020_new p.tit {position:relative; margin:7px 0 0 20px; font-size:24px; line-height:29px; font-weight:700; z-index:1;}
.pass_2020_new .btn {position:relative; margin:17px 0 0 20px;}
.pass_2020_new .btn span {box-sizing:border-box; display:inline-block; position:relative; height:20px; padding-right:9px; font-size:14px; line-height:20px;}
.pass_2020_new .btn span::after {content:""; display:block; position:absolute; right:0; top:54%; width:6px; height:6px; border-right:1px solid #545454; border-bottom:1px solid #545454; -webkit-transform:translateY(-50%) rotate(-45deg); -ms-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg)}
.pass_2020_new .bg {position:absolute; right:0; bottom:0; width:110px; height:100px;}
.pass_2020_new.cheat {background-color:#faefe6;} */
.pass_2020_new {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 12px;
  letter-spacing: -0.05em;
  overflow: hidden;
}

.pass_2020_new div.bnr_tit {
  position: absolute;
  top: 18px;
  left: 20px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-weight: 400;
}

.pass_2020_new div.state {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  top: 18px;
  right: 20px;
  height: 16px;
  padding: 0 5px;
  border: 0.5px solid #707070;
  border-radius: 9px;
  line-height: 18px;
  font-size: 10px;
}

.pass_2020_new p.tit {
  position: absolute;
  top: 38px;
  left: 20px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  z-index: 1;
}

.pass_2020_new .btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.pass_2020_new .btn span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  height: 20px;
  padding-right: 9px;
  font-size: 14px;
  line-height: 20px;
}

.pass_2020_new .btn span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 54%;
  width: 6px;
  height: 6px;
  border-right: 1px solid #545454;
  border-bottom: 1px solid #545454;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.pass_2020_new.cheat {
  /* background-color:#faefe6; */
}

/* My서비스 메인 카드형 목록 2022.03 개편 */
.card_list_new {
  padding: 1.25em 1.25em 2.0625em;
  background-color: #f0f2f4;
}

.card_list_new .item_wrap {
  border-radius: 0.875em;
  overflow: hidden;
}

.card_list_new .item_wrap + .item {
  margin-top: 0.75em;
}

.card_list_new .item {
  border-radius: 0.875em;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}

.card_list_new .item + .item {
  margin-top: 0.75em;
}

.card_list_new .item div.img {
  position: relative;
}

.card_list_new .item div.img span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 9.375%;
  left: 6.875%;
  height: 5vw;
  padding: 0 0.5em;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 2.77777vw;
}

.card_list_new .item div.sub {
  position: relative;
  padding: 0 1.25em;
}

.card_list_new .item div.sub div.ser_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 0 0.5em;
}

.card_list_new .item div.sub div.ser_tit span.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3em;
  height: 3em;
  border-radius: 100%;
  overflow: hidden;
}

.card_list_new .item div.sub div.ser_tit span.icon img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.card_list_new .item div.sub div.ser_tit dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.25em;
}

.card_list_new .item div.sub div.ser_tit dl dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.card_list_new .item div.sub div.ser_tit dl dt strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 76%;
  font-size: 16px;
  line-height: 1.5em;
}

.card_list_new .item div.sub div.ser_tit dl dt span.more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  padding-right: 1em;
  color: #999;
  font-size: 11px;
  letter-spacing: -0.05em;
  cursor: pointer;
}

.card_list_new .item div.sub div.ser_tit dl dt span.more::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #999;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.card_list_new .item div.sub div.ser_tit dl dd {
  margin-top: 2px;
  color: #999;
  font-size: 11px;
  line-height: 1.54545em;
}

.card_list_new .item div.sub div.ser_tit + p.txt {
  padding-top: 0.66666em;
  padding-bottom: 1.33333em;
  border-top: 1px solid #ddd;
  color: #000;
  font-size: 12px;
  line-height: 1.5em;
}

.card_list_new .item div.sub span.state {
  display: block;
  position: absolute;
  top: 12px;
  right: 21px;
  color: #000;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  opacity: 0.4;
}

.card_list_new .item div.img + div.sub div.ser_tit {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}

@media screen and (min-width: 720px) {
  .card_list_new .item div.img span {
    font-size: 20px;
    height: 36px;
    line-height: 36px;
  }
}

/* 혜택 */
.header_tab {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
}

.header_tab ul {
  position: relative;
  width: 100%;
  padding-left: 18px;
}

.header_tab ul::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
  z-index: 1;
}

.header_tab ul::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.header_tab ul li {
  display: inline-block;
  float: left;
}

.header_tab ul li + li {
  margin-left: 18px;
}

.header_tab ul li span {
  display: inline-block;
  height: 36px;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  color: #999;
  line-height: 36px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0;
}

.header_tab ul li.on span {
  border-color: black;
  color: #000;
}

.search_select {
  position: -webkit-sticky;
  position: sticky;
  top: 54px;
  padding: 10px 18px 8px;
  background-color: #fff;
  z-index: 2;
}

/* .search_select > div {display:inline-block;}
.search_select > div select {height:24px; padding-right:14px; border:0 none; background: url('../images/common/bul_arrow_bottom.png') no-repeat right center; background-size:14px; font-size:12px; line-height:24px; font-family:'NotoSansKR'; font-weight:400; vertical-align:top;} */
/** Custom Select **/
.custom-select-wrapper {
  display: block;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.custom-select-wrapper select {
  display: none;
}

.custom-select {
  display: inline-block;
  position: relative;
  width: 100%;
}

.custom-select-trigger {
  position: relative;
  display: inline-block;
  /* width:100%; */
  height: 26px;
  padding: 4px 20px 4px 0px;
  line-height: 18px;
  background-color: #fff;
  border-radius: 4px;
  color: #222;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 1;
}

/* .custom-select-trigger:hover {-webkit-box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1); box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);} */
.custom-select-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 18px;
  height: 18px;
  background: url("../images/common/ico_arrow_list_small_down.png") no-repeat right center;
  background-size: contain;
  /* transition: all 0.1s ease-out; */
}

.custom-select.opened {
  z-index: 1000;
}

.custom-select.opened .custom-select-trigger:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.custom-options {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  padding: 5px 0;
  border-radius: 5px;
  background: #f7f7f7;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border: 0;
  color: #ccc;
  font-size: 14px;
}

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.custom-option {
  position: relative;
  display: block;
  padding: 0 10px 0 10px;
  color: #b5b5b5;
  line-height: 26px;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  font-weight: 500;
}

.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.custom-option:hover, .custom-option.selection {
  color: #fff;
  font-weight: 700;
  background-color: #f9f9f9;
  color: #ff4782;
}

/* .card_bnr {position:relative; border-radius:12px; height:162px; padding:18px 20px; overflow:hidden;}
.card_bnr div.bnr_tit {position:relative; height:18px; line-height:18px; color:#fff; font-size:12px; z-index:1}
.card_bnr p.tit {position:relative; color:#fff; font-size:24px; font-weight:700; line-height:29px; z-index:1}
.card_bnr p.txt {position:relative; width:60%; margin-top:4px; color:rgba(0,0,0,0.4); line-height:18px; z-index:1;}
.card_bnr p.txt span {display:inline-block; font-size:13px;}
.card_bnr div.img {position:absolute; right:0; bottom:0; width:140px;}
.card_bnr.name1 {background-color:#83CAD3;}
.card_bnr.name2 {background-color:#C8A2EF;}
.card_bnr.name3 {background-color:#BFD195;} */
.card_bnr {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.card_bnr div.bnr_tit {
  position: absolute;
  top: 20px;
  left: 20px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  font-size: 12px;
}

.card_bnr div.state {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  top: 18px;
  right: 20px;
  height: 16px;
  padding: 0 5px;
  border: 0.5px solid #fff;
  border-radius: 9px;
  color: #fff;
  line-height: 18px;
  font-size: 10px;
}

.card_bnr p.tit {
  position: absolute;
  top: 42px;
  left: 20px;
  padding-right: 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

.card_bnr .btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.card_bnr .btn span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  height: 20px;
  padding-right: 9px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.card_bnr .btn span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 54%;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

/* .card_bnr p.txt {position:relative; width:60%; margin-top:4px; color:rgba(0,0,0,0.4); line-height:18px;}
.card_bnr p.txt span {display:inline-block; font-size:13px;} */
.card_bnr.name1 {
  background-color: #83CAD3;
}

.card_bnr.name2 {
  background-color: #C8A2EF;
}

.card_bnr.name3 {
  background-color: #BFD195;
}

.card_bnr.black,
.card_bnr.black p.tit,
.card_bnr.black .btn span,
.card_bnr.black .btn span::after {
  color: #000;
  border-color: #707070;
}

.card_bnr.black div.bnr_tit {
  color: rgba(0, 0, 0, 0.4);
}

.card_bnr.black div.state {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}

/* 혜택 카드추천, 대출추천 */
.recommend_benefit {
  padding: 28px 18px 0;
}

.recommend_benefit .item + .item {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 0.5px solid #ddd;
}

/* 이벤트 보기 */
.ev_view {
  letter-spacing: -0.025em;
}

.ev_view .ev_content {
  padding: 18px 18px 0;
  color: #666;
  font-size: 14px;
  line-height: 1.571;
  letter-spacing: -0.05em;
}

.ev_view div.evBtn {
  height: 48px;
}

.ev_view div.evBtn button {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
}

.change_button_group {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
}

.change_button {
  flex: 1;
  height: 48px; /* 버튼 높이, 필요에 따라 조정 가능 */
  text-align: center;
  font-size: 16px; /* 버튼 폰트 크기, 필요에 따라 조정 가능 */
  border: none;
  cursor: pointer;
  width: 50%; /* 버튼이 두 개일 때 각각 50%씩 차지 */
  box-sizing: border-box; /* 패딩, 테두리를 포함한 크기 조절 */
}

/* change_button_group이 존재하는 경우 -> 이미지 하단에 margin값 줌 */
.has-buttons .ev_bnr {
  padding-bottom: 48px; /* 버튼 그룹이 있는 경우에만 마진 추가 */
}

/* 버튼 1개만 있을 때 */
.change_button_group .change_button:only-child {
  width: 100%;
}

/* 하단 고정 버튼 */
/* 바닥 띄움 버튼 */
.footer_btn_flooting {
  height: 66px;
}

.footer_btn_flooting div.inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 18px 18px 18px;
}

.footer_btn_flooting div.inner div.btn button {
  display: block;
  width: 100%;
  height: 48px;
  background-color: #333;
  color: #fff;
  border-radius: 6px;
}

@media screen and (min-width: 720px) {
  .footer_btn_flooting div.inner {
    left: 50%;
    width: 720px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

/* 바닥 고정 버튼 */
.footer_btn_fixed {
  height: 48px;
}

.footer_btn_fixed div.inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer_btn_fixed div.inner div.btn {
  min-width: 50%;
  width: 100%;
}

.footer_btn_fixed div.inner div.btn button {
  display: block;
  width: 100%;
  height: 48px;
  background-color: #333;
  color: #fff;
}

.footer_btn_fixed div.inner div.btn button.close {
  background-color: #eff0f2;
  color: #333;
}

/* 메인 이벤트 팝업 */
/* 메인 딤처리 */
div.main_dim {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

/* 메인 하단 팝업 */
.main_popup_bottom {
  /*display:block; */
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #F8F9FB;
  /* box-shadow:0 -4px 12px rgba(0,0,0,0.16); */
}

/*.main_popup_bottom {
    padding:0 0 calc(constant(safe-area-inset-bottom));
    padding:0 0 calc(env(safe-area-inset-bottom));
}*/
.main_popup_bottom.on {
  -webkit-animation-name: main_popup_bottom;
          animation-name: main_popup_bottom;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes main_popup_bottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes main_popup_bottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.main_popup_bottom div.list {
  font-size: 0;
  max-height: 103.88888vw;
  overflow: hidden;
}

.main_popup_bottom div.item {
  position: relative;
}

.main_popup_bottom div.btn_admin {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 18px 18px;
  display: block;
}

.main_popup_bottom div.btn_admin button.btn {
  min-height: 48px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border-radius: 6px;
}

@media screen and (min-width: 720px) {
  .main_popup_bottom {
    width: 720px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

/* 메인 전체페이지 팝업 */
.main_popup_full {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-bottom: 36px;
  overflow: auto;
  background-color: #fff;
  z-index: 2;
}

.main_popup_full .item .img {
  position: relative;
  min-height: 113.88888vw;
}

.main_popup_full div.btn_admin {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 18px 18px;
  display: block;
}

.main_popup_full div.btn_admin button.btn {
  min-height: 48px;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border-radius: 6px;
}

.main_popup_full .txt_wrap {
  padding: 18px 24px;
}

.main_popup_full .txt_wrap h2.tit {
  color: #666;
  font-size: 16px;
}

.main_popup_full .txt_wrap p {
  color: #666;
  font-size: 14px;
}

.main_popup_full .txt_wrap ul li {
  color: #999;
  font-size: 14px;
}

.main_popup_full .popup_today {
  background-color: #F8F9FB;
}

.main_popup_full div.popup_today {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 720px) {
  .main_popup_full {
    width: 720px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .main_popup_full .item .img {
    min-height: auto;
  }
}

/* 메인 모달 팝업 */
.main_popup_modal {
  position: fixed;
  width: 284px;
  top: 0;
  left: 0;
  /* transform:translate(-50%,-50%); */
  z-index: 2;
  background-color: #fff;
  /* border-radius:6px; */
  overflow: hidden;
}

.main_popup_modal .list {
  height: 248px;
  overflow: hidden;
  font-size: 0;
}

@media screen and (min-width: 720px) {
  .main_popup_modal {
    width: 484px;
  }
  .main_popup_modal .list {
    height: auto;
  }
}

/* 메인 스릭 도트  css */
.bnr_dots_center {
  position: absolute;
  top: 10px;
  left: 50%;
  width: auto;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bnr_dots_center li {
  display: inline-block;
}

.bnr_dots_center li + li {
  margin-left: 6px;
}

.bnr_dots_center li button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 100%;
  font-size: 0;
  overflow: hidden;
  text-indent: -999px;
}

.bnr_dots_center li.slick-active button {
  background-color: #fff;
}

.slick_btns {
  position: absolute;
  top: 8.5px;
  left: 50%;
  z-index: 1;
  width: auto;
  font-size: 0;
  text-align: center;
}

.slick_btns button {
  width: 8px;
  height: 8px;
}

.slick_btns button + button {
  margin-left: 6px;
}

/* 메인 오늘 하루 닫기 */
div.popup_today {
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

div.popup_today::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

div.popup_today div {
  display: table-cell;
  height: 36px;
  padding: 0 18px;
  line-height: 36px;
  color: #999;
  font-size: 14px;
}

div.popup_today div:last-child {
  text-align: right;
  width: 64px;
}

div.popup_today div input[type="checkbox"] {
  width: 0;
  height: 0;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
}

div.popup_today div input[type="checkbox"]::after {
  display: none !important;
}

div.popup_today div input[type="checkbox"] + span.checkmark {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}

/* div.popup_today div input[type="checkbox"]:checked + span.checkmark::before {content:""; display:block; position:absolute; top:1px; left:1px; width:9px; height:4.5px; border-left:1.3px solid #999; border-bottom:1.3px solid #999; transform: rotate(-45deg);} */
div.popup_today div input[type="checkbox"]:checked + span.checkmark::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff url("../images/common/today_chk.png") no-repeat left top;
  background-size: contain;
}

div.popup_today div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

div.popup_today div button {
  color: #999;
}

/* 샘플용 임시 코드 */
.header_temp {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 54px;
  padding-left: 18px;
  line-height: 54px;
  background-color: #fff;
  font-size: 22px;
  font-weight: 700;
  z-index: 2;
}

@media screen and (min-width: 720px) {
  .header_temp {
    height: auto;
  }
}

div.header {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 48px;
  background-color: #fff;
  border-bottom: 8px solid #f8f9fb;
  padding: 0 60px;
  text-align: center;
  z-index: 2;
}

div.header h1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 48px;
}

div.header button.prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #fff;
}

div.header button.prev img {
  width: 24px;
  height: 24px;
}

/* 공지사항 목록 / 보기 */
/* .common-list li {position:relative; padding:18px 45px 18px 18px; background:#fff; border-bottom:1px solid #e7e7e7;}
.common-list li span {display:block;}
.common-list li .tit {color:#333; font-size:1rem; letter-spacing: -0.05em; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.common-list li .date {margin-top:5px; color:#999; font-size:.85rem;}
.common-list li span.new {position:absolute; right:26px; top:50%; width:20px; height:20px; font-size:0.9em; color:#fff; background-color:#ff0054; border-radius:100%; line-height:20px; transform: translate(-50%, -50%); text-align:center;}
.common-list li:after {content: ""; display:block; position:absolute; top:50%; right:15px; width:9px; height:17px; background: url('../images/common/arrow_right.png'); background-size:contain; transform:translateY(-50%);}
.text-view-wrap {position:relative; background-color: #f9f9f9; top:0;}
.text-view {padding:15px; line-height:1.6; color:#666;}	
.text-view-wrap .common-list {position:sticky; top:56px;}
.text-view-wrap .common-list li:after{display:none;} */
/* 공지사항 아코디언 */
.notice_accordion .item_row {
  border-bottom: 1px solid #e7e7e7;
}

.notice_accordion .item_row .question {
  position: relative;
  padding: 18px 45px 18px 18px;
  background: #fff;
}

.notice_accordion .item_row .question span {
  display: block;
}

.notice_accordion .item_row .question .tit {
  color: #333;
  font-size: 1rem;
  letter-spacing: -0.05em;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice_accordion .item_row .question .date {
  margin-top: 5px;
  color: #999;
  font-size: .85rem;
}

.notice_accordion .item_row .question span.new {
  position: absolute;
  right: 26px;
  top: 50%;
  width: 20px;
  height: 20px;
  font-size: 0.9em;
  color: #fff;
  background-color: #ff0054;
  border-radius: 100%;
  line-height: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.notice_accordion .item_row .question:before {
  content: "";
  display: block;
  position: absolute;
  top: 48%;
  right: 20px;
  border-top: 6px solid #999;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.notice_accordion .item_row.on .question:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.notice_accordion .item_row .ans {
  display: none;
  padding: 15px;
  background-color: #f9f9f9;
}

.notice_accordion .item_row .ans img {
  max-width: 100%;
}

/* 매거진 카드 */
.magazine_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
}

.magazine_wrap .magazine_group {
  margin-top: 18px;
}

.magazine_wrap .magazine_group + .magazine_group {
  margin-top: 20px;
}

.magazine_wrap .magazine_group > div.tit {
  padding: 0 18px 10px 30px;
  font-weight: bold;
  line-height: 24px;
}

.magazine_wrap .magazine_group .magazine_slide li {
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* .magazine_wrap .magazine_group .magazine_slide li .img {width:100%; overflow:hidden; border-radius:12px 12px 0 0; transition:all 0.5s;}
.magazine_wrap .magazine_group .magazine_slide li .img img {transform:scale(1.1)}
.magazine_wrap .magazine_group .magazine_slide li .img img {transition:all 0.5s;}
.magazine_wrap .magazine_group .magazine_slide .slick-current li .img img {transform:scale(1.1)} */
.magazine_wrap .magazine_group .magazine_slide li dl {
  padding: 18px 18px 12px;
}

.magazine_wrap .magazine_group .magazine_slide li dt {
  color: #bbb;
  font-size: 12px;
  line-height: 18px;
}

.magazine_wrap .magazine_group .magazine_slide li dd:first-of-type {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
}

.magazine_wrap .magazine_group .magazine_slide li dd:last-of-type {
  margin-top: 4px;
}

.magazine_wrap .magazine_group .magazine_slide li dd p {
  min-height: 32px;
  color: #666;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.magazine_wrap .magazine_group .magazine_slide li div.more {
  text-align: right;
  padding: 0 18px 18px 0;
}

.magazine_wrap .magazine_group .magazine_slide li div.more a {
  display: inline-block;
  background-color: #eeeeee;
  color: #000;
  text-decoration: none;
  padding: 0 1.5em;
  line-height: 30px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: bold;
}

.magazine_wrap .magazine_group .maㅋgazine_slide li div.more span {
  line-height: 1;
}

.magazine_wrap .magazine_group .magazine_slide .slick-slide {
  padding: 8px 8px 20px;
}

/* 매거진 뷰 */
.magazine_wrap .magazine_view {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}

.magazine_wrap .magazine_view_img {
  max-width: 100%;
  overflow-x: hidden;
}

@-webkit-keyframes ani_zoomIn_magazine {
  0% {
    -webkit-transform: scale(1.2) rotate(3deg);
            transform: scale(1.2) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

@keyframes ani_zoomIn_magazine {
  0% {
    -webkit-transform: scale(1.2) rotate(3deg);
            transform: scale(1.2) rotate(3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}

.magazine_wrap .magazine_view_txt {
  position: relative;
  padding: 18px;
  background-color: #fff;
  z-index: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.magazine_wrap .magazine_view_txt.active {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.magazine_wrap .magazine_view dl dt {
  color: #999;
  font-size: 12px;
  line-height: 18px;
}

.magazine_wrap .magazine_view dl dd {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
}

.magazine_wrap .magazine_view div.txt {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  line-height: 1.71428;
}

/* 마이서비스 상단 배너 활용 */
.magazine_wrap .myservice_topbnr {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

/* 경찰청/도공 공지사항 */
.police_board_wrap {
  border-top: 10px solid #f3f3f3;
}

.police_board_wrap .board_list_wrap .board_list {
  padding: 0 17px;
}

.police_board_wrap .board_list_wrap .board_list li {
  padding: 20px 0;
  line-height: 1;
}

.police_board_wrap .board_list_wrap .board_list li + li {
  border-top: 1px solid #ddd;
}

.police_board_wrap .board_list_wrap .board_list li * {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.police_board_wrap .board_list_wrap .board_list li p.tit {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0 10px 0 0;
  color: #222;
  font-size: 14px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: normal;
}

.police_board_wrap .board_list_wrap .board_list li p.tit span.new {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 4px;
  background-color: #ff4879;
  border-radius: 100%;
  -webkit-animation: police_board_new_bul 2s infinite;
          animation: police_board_new_bul 2s infinite;
}

.police_board_wrap .board_list_wrap .board_list li span.date {
  display: block;
  margin-top: 4px;
  color: #b1b1b1;
  font-size: 12px;
  line-height: 1;
  font-weight: 300;
}

@-webkit-keyframes police_board_new_bul {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@keyframes police_board_new_bul {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

.police_board_wrap .board_view_wrap {
  padding: 0 18px;
}

.police_board_wrap .board_tit_wrap {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.police_board_wrap .board_tit_wrap p.tit {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.police_board_wrap .board_tit_wrap div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
}

.police_board_wrap .board_tit_wrap div span.writer {
  color: #000;
  font-weight: 300;
}

.police_board_wrap .board_tit_wrap div span.date {
  color: #b1b1b1;
}

.police_board_wrap .board_con_wrap {
  padding: 18px 0;
  color: #777;
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
}

.police_board_etc {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.police_board_etc div.icon {
  width: 54px;
  height: 51px;
  margin: 0 auto;
}

.police_board_etc p {
  margin-top: 23px;
  color: #bbb;
  font-size: 14px;
}

/* 가로 스크롤 */
.scroll-wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* .scroll-wrapper::-webkit-scrollbar {display:none !important;} */
.scroll-wrapper .scroll {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.scroll-wrapper .scroll .item {
  white-space: nowrap;
}

/*
<div class="className scroll-wrapper">
	<div class="scroll">
		<div class="item">디테일한 내용</div>
		<div class="item">디테일한 내용</div>
		<div class="item">디테일한 내용</div>
	</div>
</div>
*/