/* 일반팝업스타일 */
.popHeader{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index: 999; word-break: keep-all; }
.popHeader .popWrap{ position:absolute; left:50%; top:50%; text-align:center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
/* .popHeader .popWrap h3{ font-size:1.75rem; line-height:1.3; font-weight:700; color:#fff;}
.popHeader .popWrap h3 span{ color:#3ca2ff; text-shadow:1px 1px 3px rgba(0,0,0,0.3);} */
.popHeader .slider_wrap{max-width: 38rem;position:relative;/* padding:1rem 2.75rem; */}
.popHeader .slider_wrap .slider{ border-radius:1rem 1rem 0 0; overflow:hidden;}
.popHeader .slider_wrap > a{position:absolute;top:calc(50% - 1rem);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius: 36%;font-size:1.4rem;font-weight: 700;border:1px solid transparent;color:#fff;background: #00000cb3;z-index: 1000;}
.popHeader .slider_wrap > a.prev{left: 1rem;}
.popHeader .slider_wrap > a.next{right: 1rem;}
.popHeader .slider_wrap > a.slick-hidden{ display:none;}
.popHeader .slider_wrap .obj > a{ display:block; overflow:hidden;}
.popHeader .slider_wrap .obj > a img{ max-width:100%; height:auto;}
.popHeader .control{ display:flex; align-items:center; padding:0.6rem 2rem; border-radius:0 0 1rem 1rem; background:#f3f3f3;}
.popHeader .control > p{ flex:1; text-align:left;}
.popHeader .control a.todayClose{ color:#666;}
.popHeader .control a.todayClose i{ vertical-align: middle; margin-right:0.3rem; font-size:0.9rem;}
.popHeader .control a.close{color:#000;font-weight:700;font-size: 0.85rem;}
.popHeader .control a:hover,
.popHeader .control a:focus{ color:#0a7ace;}
.popHeader .page{position:absolute;bottom: 3rem;display:flex;align-items:center;justify-content:center;color:#fff;background: #0c0c0cb3;padding: .3rem .6rem;border-radius: 1rem;left: calc(100% - 58%);}
.popHeader .page strong{width:1.5rem;height:1.5rem;border-radius:50%;text-align:center;line-height: 28px;color: #000;font-weight:700;font-size:0.9rem;background: #f9f9f9;}
.popHeader .page span::before{ content:""; display:inline-block; width:0.75rem; border-top:1px solid #fff; margin:0 0.3rem; vertical-align: middle; transform: rotate(-75deg); -webkit-transform: rotate(-75deg);}
.popHeader .page > a{ line-height:1; margin-left:0.75rem; font-size:1.25rem; font-weight:400;}
/* .popHeader .btns > a, 
.popHeader .btns > p{ display:inline-block; border-radius:2rem; margin:2px; padding:0.5rem 1.25rem; color:#fff; background:#000; } */
/* .popHeader .btns > a{ display:inline-block; border-radius:0.5rem; border:1px solid #555; padding:0.5rem 1.5rem;}
.popHeader .btns > p > span{ color:#90c31f; }
.popHeader .btns > a > i{ font-size:0.8rem; vertical-align: top; line-height:1.6; margin-left:0.5rem;} */
.popHeader .popWrap a{transition: all .2s; -webkit-transition: all .2s;}
.popHeader .slider_wrap > a:hover,
.popHeader .slider_wrap > a:focus{ border-color:#fff;}

/* 모바일 모드 */
body.mobMode .popHeader .popWrap{ width:100%; left:auto; bottom:0; top:auto; transform: none; -webkit-transform: none;}
body.mobMode .popHeader .slider_wrap{ padding:0;}
body.mobMode .popHeader .slider_wrap > a{ top:-2.5rem; z-index: 1;}
body.mobMode .popHeader .slider_wrap > a.prev{ left:calc(50% - 5rem);}
body.mobMode .popHeader .slider_wrap > a.next{ right:calc(50% - 5rem);}
body.mobMode .popHeader .slider_wrap .slider{ border-radius:1rem 1rem 0 0; max-width:100%;}
body.mobMode .popHeader .control{ border-radius:0; padding:0.5rem 1rem;}
body.mobMode .popHeader .page{ position:absolute; left:0; top:-2.5rem; bottom:auto; width:100%;}



@media screen and (max-width:720px){

    /* 일반팝업스타일 */
    .popHeader .popWrap{width: calc(100% - 2rem);}
    .popHeader .popWrap h3{ font-size:1.5rem;}
    /*.popHeader .slider_wrap{ padding:1rem 2rem; }*/
    .popHeader .slider_wrap .slider{ max-width:100%; text-align:center; background:rgba(0,0,0,0.1);}
    .popHeader .slider_wrap .slider img{ max-width:100%; height:auto;}
	.popHeader .slider_wrap > a{top:calc(50% - 0.5rem);width:1.75rem;height:1.75rem;font-size:1rem;}
    .popHeader .btns > p,
    .popHeader .btns > a{ font-size:0.8rem;}
}

@media screen and (max-width:560px){

    /* 일반팝업스타일 */
    .popHeader .btns > p,
    .popHeader .btns > a{ padding:0.35rem 1rem;}
    .popHeader .btns > a > i{ margin-left:0.25rem;}
    .popHeader .page{left: calc(100% - 61%);}
}

@media screen and (max-width:480px){
    .popHeader .page {left: calc(100% - 64%);}
}


@media screen and (max-width:340px){
    .popHeader .page {left: calc(100% - 70%);}
}