@charset "utf-8";
#ajaxLayer {display:block;overflow: hidden !important;position:fixed;left:0;top:0;z-index: 99999;width:100%;height:100%;background: rgba(0,0,0,.8);opacity:1;visibility:visible;transition: all 0.5s ease-out;}
#ajaxLayer.on{opacity:0;visibility:hidden;display:none;}
/* 팝업 */
.popupWrap {overflow-y: auto;width:100%;height:100%;}
.popupWrap .inner {width:100%;max-width:750px;margin:0 auto;padding:5% 0;}
.popupWrap .logo {opacity: 0;width:104px; height:71px; margin:0 auto 55px; background-image:url(/images/main/main/logo.png); background-image:url(/images/main/main/logo.svg); background-size:100% auto; background-repeat:no-repeat; font-size:0; }
.popupWrap .group {}
.popupWrap .group:after {display:block; clear:both; visibility:hidden; content:''; }
.popupWrap .group .box {}
.popupWrap .group .box .tit {line-height:1; margin:0 0 15px; font-size:20px; font-weight:bold; font-family:'gmarket'; color:#fff; }
.popupWrap .group .box .popupslide {position:relative; }
.popupWrap .group .box .popupslide .grap {overflow:hidden;width:100%;height:100%}
.popupWrap .group .box .popupslide .grap ul {overflow: hidden;width:100%;height:100%;}
.popupWrap .group .box .popupslide .grap ul *{height:100%}
.popupWrap .group .box .popupslide .grap ul li {display:inline-block;vertical-align: top;width: 100%;height: 100%;}
.popupWrap .group .box .popupslide .grap ul li a {position: relative;display:block;width: 100%;height: 100%;}
.popupWrap .group .box .popupslide .grap ul li a img {left: 50%;width: 100%;/* vertical-align:top; */position: absolute;top: 50%;transform: translate(-50%,-50%);}
.popupWrap .group .box .popupslide .control {position:absolute;right:0;top: -43px;}
.popupWrap .group .box .popupslide .control button {display:inline-block; margin:0; font-size:0;vertical-align:middle;}
.popupWrap .group .box .popupslide .control button.prev {width:27px;height:25px;background: url(/images/main/main/arr_prev2.png)no-repeat center 42%;}
.popupWrap .group .box .popupslide .control button.next {width:27px; height:25px; background:url(/images/main/main/arr_next2.png)no-repeat center 42%;}
.popupWrap .group .box .popupslide .control button.prev:before,
.popupWrap .group .box .popupslide .control button.next:before {display:none;}
.popupWrap .group .box .popupslide .control button.stop:before{top: 1px;width: 2px;height: 11px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.popupWrap .group .box .popupslide .control button.play:before{right: -5px;width: 0;height: 0;border-width: 6px 0 6px 8px;border-style: solid;border-color: transparent transparent transparent #fff;}
.popupWrap .group .box .popupslide .pageCount {display:inline-block;position:relative;margin:0 0 0 8px;font-size: 15px;color:rgba(255,255,255,.5);vertical-align: bottom;letter-spacing: 0.5em;}
.popupWrap .group .box .popupslide .pageCount em {color:#fff;display: inline-block;}
.popupWrap .group .box .popupslide .pageCount span.line {display: inline-block;position: relative;width: 7px;height: 22px;font-size:0;margin-left: -5px;}
.popupWrap .group .box .popupslide .pageCount span.line:before {display:block;position:absolute;left: 7px;top: 9px;content:'';width:1px;height: 16px;background:rgba(255,255,255,.5);transform: rotate(47deg);-webkit-transform: rotate(30deg);}
#popupslide1{height:392px;}
@media (max-width:640px) {
  #popupslide1{height: 300px;}
}
@media (max-width:550px) {
  #popupslide1 {height: 264px;}
}
@media (max-width:450px) {
  #popupslide1 {height: 205px;}
}
@media (max-width:350px) {
  #popupslide1 {height: 162px;}
}
.popupWrap .group .box1 {width:100%}
.popupWrap .group2 {position: relative;margin:20px 0 0;text-align:right;}
.popupWrap .group2:before {display:block; position:absolute; right:530px; left:0; top:50%; content:''; width:auto; height:1px; background:rgba(255,255,255,.5); }
.popupWrap .group2 .checkWrap {display:inline-block;vertical-align: middle;}
.popupWrap .group2 .checkWrap label {display: inline-block;position: relative;padding-left:30px;margin: 0 30px 0 0;text-align:left;font-weight: normal;font-size: 15px;color: #fff;}
.popupWrap .group2 .checkWrap label input[type="checkbox"] {position:absolute; opacity:0;z-index:-1;}
.popupWrap .group2 .checkWrap label input[type="checkbox"] + span {display:block;position: absolute;left: 10px;top: 5px;width:15px;height:15px;border-radius:4px;border: 1px solid #ececec;background:#fff;}
.popupWrap .group2 .checkWrap label input[type="checkbox"]:checked + span {border:1px solid #006940;background:#006940 url(/images/main/main/check.png)no-repeat center;background-size: 17px auto;}
.popupWrap .group2 .modal__close {display:inline-block;width: 100px;height: 100px;vertical-align: middle;}
.popupWrap .group2 .modal__close button {display:block;position:relative;z-index: 10;width:100%;height:100%;padding: 15px;}
.popupWrap .group2 .modal__close button .in {position:relative;width:100%;height:100%;border-radius: 50%;background: #8cc055;}
.popupWrap .group2 .modal__close em {display:block;opacity:0.3;position:absolute;left: 0;top: 0;content:'';width:100%;height:100%;border-radius:50%;background:#8cc055;-webkit-transform: scale(1.45);transform: scale(1.45);}
.popupWrap .group2 .modal__close button:hover em,
.popupWrap .group2 .modal__close button:focus em {-webkit-animation: ping 1.3s ease-in-out infinite both;animation: ping 1.3s ease-in-out infinite both;}
.popupWrap .group2 .modal__close span {display:block;position: relative;z-index: 1;width:100%;height:100%;font-size: 0;}
.popupWrap .group2 .modal__close span:before,
.popupWrap .group2 .modal__close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.popupWrap .group2 .modal__close span:before {width:26px;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.popupWrap .group2 .modal__close span:after {width: 2px;height:26px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

@media(max-width:1279px){
  .popupWrap .logo {margin:0 auto 30px; }
  .popupWrap .group .box1 {float:none;width: 100%;}
  .popupWrap .group .box2 .popupslide {max-width:400px;}
}
@media(max-width:850px){
  .popupWrap .inner {max-width:100%;padding:5% 35px;}
}
@media(max-width:750px){
  .popupWrap .group .box .popupslide .control {top: -38px;}
  .popupWrap .group .box2 .popupslide{max-width:100%;width:100%}
  .popupWrap .group2:before {right: 450px;}
  .popupWrap .group2 .checkWrap label {margin: 0 10px 0 0;}
  .popupWrap .group2 .modal__close {width:80px; height:80px;}
}
@media(max-width:700px){
  .popupWrap .group .box2 .webzine .title img {}
}
@media(max-width:640px){
  .popupWrap .group .box .popupslide .grap ul li {width:100%;}
  .popupWrap .group .box2 .popupslide {max-width:100%;}
  .popupWrap .group2 {text-align:center; }
  .popupWrap .group2:before {display:none;}
  .popupWrap .group2 .checkWrap label[for="week"] {display:none;}
}
@media(max-width:400px){
  .popupWrap .inner {padding:5% 20px;}
  .popupWrap .group .box .popupslide .pageCount {display:none;}
}