@charset "utf-8";
/* =========================================================
팝업
========================================================= */
/* sp-pop-new : 롤링 팝업 */
.sp-pop-new { position:absolute; top:130px; left:50%; margin:0 0 0 -350px; width:700px; height:550px; z-index:10111101; display:block; }
.sp-pop-new .rollWrap { position:relative; display:flex; width:100%; height:500px; background:#000; overflow:hidden; }
.sp-pop-new .rollWrap .rollImg { position:relative; width:500px; height:500px; overflow:hidden; background:#000; }
.sp-pop-new .rollWrap .rollImg .item { display:none; width:100%; height:100%; }
.sp-pop-new .rollWrap .rollImg .item.is-active { display:block; }
.sp-pop-new .rollWrap .rollImg .item a,.sp-pop-new .rollWrap .rollImg .item img { display:block; width:100%; height:100%; }
.sp-pop-new .rollWrap .rollImg .item img { object-fit:cover; }
.sp-pop-new .rollWrap .rollTxt { width:200px; height:100%; display:flex; justify-content:space-evenly; flex-direction:column; background:#000; }
.sp-pop-new .rollWrap .rollTxt .item { flex:1; width:100%; padding:0 10px; border:0; border-bottom:1px solid rgba(255,255,255,.15); box-sizing:border-box; background:#000; color:#fff; font-size:14px; letter-spacing:-1px; line-height:1.45; cursor:pointer; display:flex; justify-content:center; align-items:center; text-align:center; white-space:normal; word-break:keep-all; }
.sp-pop-new .rollWrap .rollTxt .item.slick-current { background:#023a77; }
@media screen and (max-width:700px) {
  .sp-pop-new { left:0; top:86px; margin:0; width:100%; height:auto; }
  .sp-pop-new .rollWrap { height:auto; flex-direction:column; }
  .sp-pop-new .rollWrap .rollImg { width:100%; height:auto; aspect-ratio:1/1; }
  .sp-pop-new .rollWrap .rollTxt { width:100%; height:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sp-pop-new .rollWrap .rollTxt .item { min-height:52px; padding:10px 5px; font-size:11px; }
}
/* sp-pop-new / sp-pop-v 공통 버튼 바 */
.sp-pop-new .btns,.sp-pop-v .btns { display:flex; flex-flow:row wrap; width:100%; height:50px; margin:0; padding:0; background:rgba(0,0,0,.92); list-style:none; }
.sp-pop-new .btns li,.sp-pop-v .btns li { margin:0; padding:0; }
.sp-pop-new .btns li:first-child,.sp-pop-v .btns li:first-child { width:70%; padding-left:20px; box-sizing:border-box; }
.sp-pop-new .btns li:last-child,.sp-pop-v .btns li:last-child { width:30%; padding-right:20px; box-sizing:border-box; text-align:right; }
.sp-pop-new .btns li a,.sp-pop-v .btns li a { display:flex; height:50px; align-items:center; color:#fff; font-size:16px; font-weight:400; line-height:50px; text-decoration:none; box-sizing:border-box; }
.sp-pop-new .btns li:first-child a,.sp-pop-v .btns li:first-child a { justify-content:flex-start; }
.sp-pop-new .btns li:last-child a,.sp-pop-v .btns li:last-child a { justify-content:flex-end; }
@media screen and (max-width:700px) {
  .sp-pop-new .btns,.sp-pop-v .btns { height:48px; }
  .sp-pop-new .btns li a,.sp-pop-v .btns li a { height:48px; font-size:14px; line-height:1.35; }
  .sp-pop-new .btns li:first-child,.sp-pop-v .btns li:first-child { padding-left:14px; }
  .sp-pop-new .btns li:last-child,.sp-pop-v .btns li:last-child { padding-right:14px; }
}
/* sp-pop-v : 단일 안내 팝업 */
.sp-pop-v { position:absolute; top:60px; left:50%; margin:0 0 0 -200px; width:450px; z-index:10111102; display:block; background:#000; box-shadow:0 0 20px rgba(0,0,0,.3); }
.sp-pop-v-left { z-index:10111102; }
.sp-pop-v-right { z-index:10111103; }
.sp-pop-v .vImg { width:100%; line-height:0; background:#000; }
.sp-pop-v .vImg a,.sp-pop-v .vImg img { display:block; width:100%; }
.sp-pop-v .vImg img { height:auto; }
@media screen and (min-width:1700px) {
  .sp-pop-v { box-shadow:none; }
  .sp-pop-v-left { margin-left:-820px; }
  .sp-pop-v-right { margin-left:370px; }
}
@media screen and (max-width:1699px) {
  .sp-pop-v { left:50%; transform:translateX(-50%); margin-left:0; }
}
@media screen and (max-width:700px) {
  .sp-pop-v { left:50%; transform:translateX(-50%); top:0; margin:0; width:90%; max-width:450px; }
}