@charset "utf-8";

/*
 * File       : popup.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) POPUP
 */



/* **************************************** *
 * POPUP
 * **************************************** */
#jt-easy-popup-container .jtpop-page {display: none !important;}

.jt_sticky_slide_popup_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;}
.jt_sticky_slide_popup {opacity: 0;position: absolute;top: 120px;left: 540px;z-index: 100000;}
.jt_sticky_slide_popup_inner {width: 100%;max-width: 602px;position: relative;box-shadow: 10px 10px 50px #1a1a1a;}
.jt_sticky_slide_popup_item img {display: block;max-width: 100%;vertical-align: middle;}
.jt_sticky_slide_popup_footer {position: absolute;left: 0;bottom: -30px;background: #000;height: 30px;width: 100%;}
.jt_sticky_slide_popup_footer > .notoday {font-family: '돋움', 'Dotum', sans-serif;font-size: 12px;margin: 9px 0 0 10px;cursor: pointer;line-height: 1;display: inline-block;z-index: 100004;color: #f2f2f2;}
.jt_sticky_slide_popup_footer > .notoday i {font-size: 14px;float: left;margin: -1px 4px 0 0;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.jt_sticky_slide_popup_footer > .notoday i:before {content: "\f046";}
.jt_sticky_slide_popup_footer > .close {position: absolute;cursor: pointer;margin: 0;padding: 0;top: inherit;bottom: 6px;right: 10px;z-index: 10;font-size: 20px;line-height: 1;color: #f2f2f2;}
.jt_sticky_slide_popup_footer > .close i {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.jt_sticky_slide_popup_footer > .close i:before {content: "\f00d";}

.jt_sticky_slide_popup .slick-dots {width: 100%;margin: 0;position: absolute;left: 0;top: 55px;}
.jt_sticky_slide_popup .slick-dots > li {width: 6px;height: 6px;margin: 0 6px;background: #aaa;border-radius: 50%;}
.jt_sticky_slide_popup .slick-dots > li.slick-active {background: #1c9ad6;}

.jt_sticky_slide_popup .slick_count {width: 100%;margin: 0;position: absolute;left: 0;top: 44px; text-align: center; font-size: 0; }
.jt_sticky_slide_popup .slick_count > span { font-family: 'Titillium'; font-size: 16px; font-weight: 400; letter-spacing: -0.05em; color: #666; }
.jt_sticky_slide_popup .slick_count > span.slick_count_current {position: relative; display: inline-block;}
.jt_sticky_slide_popup .slick_count > span.slick_count_current > i { display: inline-block; font-style: normal; font-size: 22px; font-weight: 500; color: #109ad6;}
.jt_sticky_slide_popup .slick_count > span.slick_count_current > i.slick_count_current_next {position:absolute; top: 0; left: 0; display: none;}
.jt_sticky_slide_popup .slick_count > span.slick_count_total { display: inline-block;font-family: 'Titillium'; color: #666; font-size: 16px; font-weight: 400; letter-spacing: -0.05em;}
.jt_sticky_slide_popup .slick_count > span.slick_count_line {display: inline-block; width: 13px;}
.jt_sticky_slide_popup .slick_count > span.slick_count_line:after {content: '/'; font-family: 'Titillium'; color: #666; font-size: 16px; font-weight: 400; letter-spacing: -0.05em; font-style: normal; }

.jt_sticky_slide_popup .slick-arrow { width: 48px; height: 48px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; font-size: 0; background: transparent; }
.jt_sticky_slide_popup .slick-arrow:after {content: '';display: block;font-family: 'jt-font';font-size: 48px; color: #1c9ad6;}
.jt_sticky_slide_popup .slick-prev { left: 18px; }
.jt_sticky_slide_popup .slick-prev:after { content: '\e921'; }
.jt_sticky_slide_popup .slick-next { right: 18px; }
.jt_sticky_slide_popup .slick-next:after { content: '\e922'; }

html.mobile .jt_sticky_slide_popup {top: 0;left: 0;width: 94%;max-width: 450px;margin-left: 3%;margin-top: 5%;}
html.mobile .jt_sticky_slide_popup_inner {width: 100%;max-width: inherit;}
html.mobile .jt_sticky_slide_popup .slick-dots {top: 6%;}
html.mobile .jt_sticky_slide_popup .slick-dots > li {margin: 0 4px;}

html.mobile .jt_sticky_slide_popup .slick_count {top: 4%;}
html.mobile .jt_sticky_slide_popup .slick_count > span {font-size: 13px;}
html.mobile .jt_sticky_slide_popup .slick_count > span.slick_count_current > i {font-size: 18px;}
html.mobile .jt_sticky_slide_popup .slick_count > span.slick_count_line {width: 9px;}
html.mobile .jt_sticky_slide_popup .slick_count > span.slick_count_line:after {font-size: 13px;}
html.mobile .jt_sticky_slide_popup .slick-arrow {width: 30px; height: 30px;}
html.mobile .jt_sticky_slide_popup .slick-arrow:after {font-size: 30px;}
html.mobile .jt_sticky_slide_popup .slick-prev { left: 2%; }
html.mobile .jt_sticky_slide_popup .slick-next { right: 2%; }