#mc_after { position:relative; padding:0 0 20px 0 }

/* title */
#mc_after .mc_title_wrap { padding-top:4rem;padding-bottom:3rem; text-align:center; position:relative }
#mc_after .mc_title_wrap .wrap { position:relative;text-align:left; }
/*#mc_after .mc_title_wrap .wrap:before { content:''; bottom:0; left:50%; margin-left:-30px; position:absolute; width:60px; height:1px; background:#aaa }*/
#mc_after .mc_title_wrap .wrap > p:nth-child(1) { font-family:'Oswald'; font-weight: 600; font-size:2rem; letter-spacing: 0.34px; color:#002e75; margin-bottom:0.5rem;text-align:center;}
#mc_after .mc_title_wrap .wrap > p:nth-child(2) { font-family:'NanumSquare';font-weight: 700; font-size:1.7rem;  margin-bottom:1rem;color:#333;text-align:center; }
#mc_after .mc_title_wrap .wrap > p:nth-child(3) { font-family:'NanumSquare';font-weight: 400; font-size:1rem;  color:rgba(51, 51, 51, 0.7);text-align:center;margin-bottom:1.5rem; }
#mc_after .mc_title_wrap .wrap > p:nth-child(4) { text-align:center; }

/* more */
#mc_after .common_btn_more  { position:relative; border:1px solid #ff5f8c; width:40px; height:40px; background:none; border-radius:50%; display:flex; justify-content:center; align-items:center }
#mc_after .common_btn_more p { font-family:'Oswald-regular'; font-size:10px; color:#ff5f8c; line-height:1; letter-spacing:.5px; padding-top:2px }

/* contents */
.mc_after_container { max-width:100%; margin:0 auto; position:relative; background:#fff }
#mc_after .mc_after_wrap { position:relative }
#mc_after .swiper { padding-bottom:0px }
#mc_after .swiper-slide { /*width:50%*/ }
#mc_after .swiper-slide .photo_wrap { width:calc(100% - 0px); margin:0 auto; background:#fff; position:relative }

#mc_after .swiper-slide .photo_wrap .photo { width:100%; overflow:hidden; position:relative }
#mc_after .swiper-slide .photo_wrap .photo > img { width:100%; }
#mc_after .swiper-slide .photo_wrap .frame { top:0; left:0; position:absolute; width:100%; height:100%; border:2px solid #f60; box-sizing:border-box; z-index:1; opacity:0 }
#mc_after .swiper-slide .photo_wrap .view_wrap { transform:scale(.5); opacity:0; transition:all ease-out .2s;
top:50%; left:50%; margin:-15px 0 0 -33px; position:absolute; font-family:'Oswald-light'; font-size:12px; line-height:1; letter-spacing:1px; background:#f60; color:#fff; padding:12px 20px; border-radius:5px }
#mc_after .swiper-slide .photo_wrap .view_wrap.on { transform:scale(1); opacity:1; filter:drop-shadow(0 0 2px rgba(0,0,0,.5)) }
#mc_after .swiper-slide .txt_wrap { position:relative; text-align:center; padding:15px 5px 5px 5px; background:#fff }

#mc_after .swiper-slide .txt_wrap .contents { font-family:'gmsm'; font-size:13px; line-height:1.3; letter-spacing:-.5px; color:#333; height:34px; background:#fff; overflow:hidden }
#mc_after .swiper-slide .txt_wrap .hashtag { font-family:'nanum'; font-size:11px; line-height:1; letter-spacing:-.5px; color:#f60; margin-top:5px }

/* pagination */
#mc_after .swiper-pagination { bottom:auto; position:relative; margin-top:20px }
#mc_after .swiper-pagination-bullet { width:4px; height:4px; border-radius:2px; overflow:hidden; opacity:1; background:#ddd; transition:all ease-out .3s; cursor:pointer; margin:0 !important }
#mc_after .swiper-pagination-bullet:nth-child(n+2) { margin-left:6px !important }
#mc_after .swiper-pagination-bullet-active { width:24px; transition:all ease-out .3s; background:#555 }
/* prev/next */
#mc_after .btn_pn { top:0; position:absolute; width:100px; height:calc(100% - 40px); background:rgba(255,0,0,0); cursor:pointer }
#mc_after .btn_prev { left:-100px }
#mc_after .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:20px }
#mc_after .btn_next { right:-100px }
#mc_after .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-20px }
/* arrow */
#mc_after .arrow {
  border:solid rgba(0,0,0,.4);
  border-width: 0 1px 1px 0;
  display: inline-block;
  vertical-align:middle;
  padding:16px;
}

#mc_after .after_now_swiper_pagination {
  width: 100%;
  height: 2px !important;
  background: #d9d9d9;
}
#mc_after .after_now_swiper_pagination .swiper-pagination-progressbar-fill {
  transform-origin: left;
  display: block;
  background: #002e74;
  height: 100%;
}
#mc_after .after_now_swiper_control_area {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 2rem 1rem 1rem 1rem;
  padding: 0;
}
#mc_after .swiper-pagination-progressbar {
  position: relative;
  width: 100%;
}
.lock_btn {position:absolute;top:0;left:0;width:calc(100% - 0px);}
.lock_btn img {width: 100%;}