@charset "UTF-8";

/* 팝업 */
.fixed-pop {position: fixed; left: -9999999px; top: 0; z-index: 110; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .75s;}
.fixed-pop.on {left: 0; opacity: 1;}
.flex-pop {display: flex; justify-content: center; width: 100%; height: 100%;}

.wrap-pop {width: 100%; margin-top: 122px;}
.wrap-pop .container {max-width: 1400px;}
.wrap-pop .today {text-align: left;}
.wrap-pop .today input,
.wrap-pop .today label,
.wrap-pop .today button {display: inline-block; margin: 0; vertical-align: middle;}
.wrap-pop .today label {font-family: 'Dream Light'; font-size: 15px; color: #fff;}
.wrap-pop .today button {position: relative; width: 12px; height: 12px; margin-right: 20px; text-indent: -999999px;}
.wrap-pop .today button::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/btn-close-x.png') no-repeat center; transform: rotate(180deg); transition: .5s;}
.wrap-pop .today button:hover::after {transform:rotate(360deg);}
.wrap-pop .today .btn-close-pop {display: inline-block;}
.wrap-pop .title {display: none; position: relative; margin-bottom: 25px;}
.wrap-pop .title strong {display: block; font-family: 'Play Regular'; font-size: 40px; color: #fff; line-height: 1;}
.wrap-pop .title strong em {font-family: 'Play Bold';}
.wrap-pop .title .util {position: absolute; right: 0; top: 21px; width: 100%; text-align: right; font-size: 0;}
.wrap-pop .title .state,
.wrap-pop .title .control {display: inline-block; vertical-align: middle;}
.wrap-pop .title .state span {margin: 0 2px; font-family: 'Play Regular'; font-size: 16px; color: #fff;}
.wrap-pop .title .control {margin-left: 24px;}
.wrap-pop .title .control button {float: left; text-indent: -999999px;}
.wrap-pop .title .control .prev {width: 6px; height: 10px; background: url('../images/ic-pop-prev.png') no-repeat center;}
.wrap-pop .title .control .next {width: 6px; height: 10px; background: url('../images/ic-pop-next.png') no-repeat center;}
.wrap-pop .title .control .stop,
.wrap-pop .title .control .play {display: none; margin: 0 10px;}
.wrap-pop .title .control .stop.on,
.wrap-pop .title .control .play.on {display: block;}
.wrap-pop .title .control .stop {width: 8px; height: 10px; background: url('../images/ic-pop-stop.png') no-repeat center;}
.wrap-pop .title .control .play {width: 8px; height: 10px; background: url('../images/ic-pop-play.png') no-repeat center;}
.wrap-pop .list {margin-bottom: 10px;}
.wrap-pop .slider li {float: left; width: 33.333%; }
.wrap-pop .slider li img {width: 100%;}
.wrap-pop .slider .slick-slide {margin: 0 65px;}
.wrap-pop .slider .slick-list {margin: 0 -65px; text-align: left;}
.wrap-pop .slider .slick-track {display: inline-block;}

@media all and (max-width: 1360px) {
  .wrap-pop .slider .slick-slide {margin: 0 20px;}
  .wrap-pop .slider .slick-list {margin: 0 -20px;}
}

@media all and (max-width: 1200px) {
  .wrap-pop {margin-top: 70px;}
  .wrap-pop .title strong {font-size: 30px;}
}

@media all and (max-width: 1060px) {
  .wrap-pop .slider .slick-slide {margin: 0 10px;}
  .wrap-pop .slider .slick-list {margin: 0 -10px;}
}

@media all and (max-width: 600px) {
  .wrap-pop .title .util {top: 4px;}
}