body, ul { margin: 0px; padding: 0px; }
li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover, a:visited, a:active { text-decoration: none; }
.img-responsive { display: block; width: 100%; }
.mauto { margin: 0 auto; }
.bottomw2 { width: 980px; max-width: 980px; margin: 50px auto 0px; font-family: '맑은 고딕', 'Malgun Gothic', 'Nanum Myeongjo', 'Noto Sans KR', 'Nanum Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; }
.item .title a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 29px; }

/*bottomw3*/
.bottomw3 { width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background-color: #fbfbfb; }
.bottomw3 .bottomw3-1 { font-size: 0px; }

/*bottom-ad1*/
.bottom-ad1 { padding-top: 50px; overflow: hidden; position: relative; font-size: 0px; }
.bottom-ad1 .bottom-ad1-tit { max-width: 700px; margin: 0 auto 20px; font-size: 0px; }
.bottom-ad1 .tit { font-size: 14px; font-weight: bold; color: #000; }
.bottom-ad1 .more { font-size: 12px; color: #999; float: right; display: inline-block; vertical-align: top; padding-top: 3px; }
.bottom-ad1 .bottom-ad1-1 { font-size: 0px; }
.bottom-ad1 ul { font-size: 0px; }
.bottom-ad1 .item { width: 16.66%; position: relative; display: inline-block; font-size: 0px; }
.bottom-ad1 .item .thumb { position: relative; }
.bottom-ad1 .item .thumb .shadow { position: absolute; top: 0px; left: 0px; background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; z-index: 98; }
.bottom-ad1 .item .thumb img { width: 100%; height: auto; }
.bottom-ad1 .item .title { position: absolute; bottom: 20px; z-index: 99; }
.bottom-ad1 .item .title a { padding: 0px 20px 0; color: #fff; font-size: 15px; line-height: 22.5px; height: 45px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; word-wrap: normal }
.bottom-ad1 .item .reply { position: absolute; bottom: 70px; padding: 0 20px; font-size: 12px; color: #ccc; z-index: 99; }
.bottom-ad1 .item .post_eye2 { vertical-align: top; display: inline-block; margin-top: 4px; width: 15px; height: 9px; }
.post_ban2 { width: 100%; max-width: 1024px; background-color: #0070c0; margin: 0 auto; position: relative; }
.post_ban { margin: 30px auto; display: block; width: 320px; }
.post_ban03 { background-color: #0070c0; }
.post_ban06 { background-color: #c61717; }
.post_ban11 { background-color: #7a1810; }
.post_ban13 { background-color: #0d2331; }
.post_ban14 { background-color: #28335e; }
.web-view { display: inline; }
.mobile-view { display: none; }
@media (max-width:640px) {

  /*bottom-ad1*/
  /*.bottom-ad1 { border-bottom: 0px; padding: 25px 15px 22px; }
  .bottom-ad1 .bottom-ad1-tit { margin: 0 auto 8px; }
  .bottom-ad1 .item { width: 100%; font-size: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -1px; padding: 0; margin: 3px 0px; line-height: 22px; text-align: left; position: relative; border: 1px solid #ebebeb; background-color: #fff; }
  .bottom-ad1 .item .thumb { float: right; background-color: #fff; width: 80px; height: 75px; display: block; }
  .bottom-ad1 .item .thumb img { margin: 1px 0 0 0; width: 55px; height: auto; margin: 10px 10px 10px 15px; }
  .bottom-ad1 .item .title { margin: 0px; padding: 0px 15px 0px; display: block; width: auto; position: relative; bottom: 0px; }
  .bottom-ad1 .item .title a { color: #000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; word-wrap: normal; padding: 0px; margin: 16px 0px 0px; height: 22px; }
  .bottom-ad1 .item .reply { position: absolute; bottom: 13px; font-size: 13px; color: #999; padding: 0 20px 0 16px; }
  .bottom-ad1 .item .reply .num { letter-spacing: 0px; }
  .bottom-ad1 .item .post_eye2 { vertical-align: top; display: inline-block; padding-top: 3px; width: 14px; height: 11px; }
  .post_ban { margin: 0px auto; }
  .web-view { display: none; }
  .mobile-view { display: inline; }*/

  /*bottom03*/
  .bottom-ad1 {padding-top: 0px;}
  .bottom-ad1 .item {width: 100%}

  /*bottom-type1*/
  .bottom-type1 { width: 100%; max-width: 640px; margin-top: 15px; background-color: #fff; font-family: '맑은 고딕', 'Malgun Gothic', 'Noto Sans KR', '나눔고딕', NanumGothic, '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; }
  .bottom-ad .tit { font-size: 17px; line-height: 31px; font-weight: bold; letter-spacing: -0.5px; color: #e72a3c; padding: 0px 0px 0px 15px; margin-bottom: 0px; background-color: #f2f2f2; text-align: left; }
  .bottom-ad { margin: 0px; padding-bottom: 20px; border-bottom: 0px solid #bbb; width: auto; }

  /*bottom-ad1*/
  .bottom-ad1 .item .reply { display: none; }
  .bottom-ad1 .thumb { text-align: center; }
  .bottom-ad1 .thumb img { width: 100%; max-width: 670px; height: auto; max-height: 120px; display: block; }

  /*bottom-ad2*/
  .bottom-ad2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .bottom-ad2 .tit {margin-bottom: 8px;}
  .bottom-ad2 .item { color: #000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -1px; line-height: 41px; height: 41px; text-align: left; position: relative; margin: 0 15px; border-bottom: 1px solid #eee; }
  .bottom-ad2 .item:last-child { border-bottom: 0px; }
  .bottom-ad2 .item a, .bottom-ad2 .item a:visited { display: block; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 26px; padding-top: 0px; line-height: 40px; font-weight: bold;}
  .bottom-ad2 .item a:hover, .bottom-ad2 .item a:active, .bottom-ad2 .item a:focus { color: #333; }
  .bottom-ad2 .item a:before { content: ''; font-size: 16px; line-height: 21px; color: #fff; vertical-align: top; display: inline-block; width: 20px; height: 20px; color: #e72a3c; position: absolute; top: 10px; left: 0px; text-align: center; font-weight: bold;}
  .bottom-ad2 .item:nth-of-type(1) a:before { content: '1'; }
  .bottom-ad2 .item:nth-of-type(2) a:before { content: '2'; }
  .bottom-ad2 .item:nth-of-type(3) a:before { content: '3'; }
  .bottom-ad2 .item:nth-of-type(4) a:before { content: '4'; color: #9d9d9f; }
  .bottom-ad2 .item:nth-of-type(5) a:before { content: '5'; color: #9d9d9f; }
  .bottom-ad2 .item:nth-of-type(6) a:before { content: '6'; color: #9d9d9f; }
  .bottom-ad2 .item:nth-of-type(7) a:before { content: '7'; color: #9d9d9f; }
  .bottom-ad2 .item:nth-of-type(8) a:before { content: '8'; color: #9d9d9f; }
  .bottom-ad2 .item .title { width: auto; }

  /*bottom-ad3*/
  .bottom-ad3 { border-bottom: 0px; padding-bottom: 10px; }
  .bottom-ad3 .tit { margin-bottom: 9px; }
  .bottom-ad3 .item { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -1px; padding: 8px 0px 9px; margin: 0px 15px; line-height: 24px; text-align: left; position: relative; border-bottom: 1px solid #eee; }
  .bottom-ad3 .item:last-child { border-bottom: 0px; }
  .bottom-ad3 .item a, .bottom-ad3 .item a:visited { color: #333; text-decoration: none; font-size: 16px; line-height: 24px; }
  .bottom-ad3 .item a:hover, .bottom-ad3 .item a:active, .bottom-ad3 .item a:focus { color: #333; }
  .bottom-ad3 .thumb { float: right; margin-top: -1px; background-color: #fff; width: 94px; height: 60px; padding: 0px; }
  .bottom-ad3 .thumb img { margin: 1px 0 0 0; width: 94px; height: 60px; }
  .bottom-ad3 .title { margin: 0px; padding: 5px 0px 0px; display: block; width: auto; }
  .bottom-ad3 .title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; word-wrap: normal; height: 44px; padding: 1px 10px 0px 0px; font-weight: bold;}
  .bottom-ad3 .item a:before { content: ''; font-size: 16px; line-height: 18px; color: #e72a3c; vertical-align: top; display: inline-block; position: absolute; top: 27px; left: 5px; text-align: left; }

  /*.bottom-ad3 .item:nth-of-type(1) a:before { content: '1'; }
  .bottom-ad3 .item:nth-of-type(2) a:before { content: '2'; }
  .bottom-ad3 .item:nth-of-type(3) a:before { content: '3'; }
  .bottom-ad3 .item:nth-of-type(4) a:before { content: '4'; }*/
  @media screen and (max-width:450px) {
    .bottom-ad3 .title { padding: 4px 0px 0px; }
  }

  /*bottom-ad4*/
  .bottom-ad4 { height: 191px; overflow: hidden; position: relative; }
  .bottom-ad4 .item { width: 191px; height: 191px; position: relative }
  .bottom-ad4 .item .thumb img { width: 100%; height: auto; display: block; }
  .bottom-ad4 .item .title { position: absolute; bottom: 0px; width: 100%; height: 76px; background: linear-gradient(to bottom, rgba(0, 0, 0, .01), rgba(0, 0, 0, .8)) }
  .bottom-ad4 .item .title a { padding: 0 7px; margin-top: 15px; margin-bottom: 15px; color: #fff; font-size: 18px; line-height: 23px; height: 46px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; word-wrap: normal }
  .swiper-button-prev { background-image: url('//cdn1.innorame.com/pub/JBAqBP/c/img/left4.png') !important; background-size: 28px 28px !important; }
  .swiper-button-next { background-image: url(//cdn1.innorame.com/pub/JBAqBP/c/img/right4.png) !important; background-size: 28px 28px !important; }
  .swiper-button-next, .swiper-button-prev { top: 56%; width: 28px; height: 28px; }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 5px; }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 5px; }
  @media screen and (max-width:450px) {
    .bottom-ad4 { height: 100%; overflow: hidden }
    .bottom-ad4 .item { width: 191px; height: auto; position: relative }
    .bottom-ad4 .item .title { height: 56px; }
    .bottom-ad4 .item .title a { font-size: 15px; line-height: 18px; height: 36px; }
  }
}

/*swiper*/
.swiper-button-prev { background-image: url('//cdn1.innorame.com/pub/JBAqBP/c/img/left4.png'); background-size: 36px 36px }
.swiper-button-next { background-image: url(//cdn1.innorame.com/pub/JBAqBP/c/img/right4.png); background-size: 36px 36px }
.swiper-button-next, .swiper-button-prev { top: 48%; width: 36px; height: 36px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; }