@charset "UTF-8";

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



/* **************************************** *
 * Default
 * **************************************** */
/* Slider */
#jt_popup_container .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
#jt_popup_container .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
#jt_popup_container .slick-list:focus{outline: none;}
#jt_popup_container .slick-list.dragging{cursor: pointer;cursor: hand;}
#jt_popup_container .slick-slider .slick-track, #jt_popup_container .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#jt_popup_container .slick-track{position: relative;top: 0;left: 0;display: block;}
#jt_popup_container .slick-track:before, #jt_popup_container .slick-track:after{display: table;content: '';}
#jt_popup_container .slick-track:after{clear: both;}
#jt_popup_container .slick-loading .slick-track{visibility: hidden;}
#jt_popup_container .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
#jt_popup_container [dir='rtl'] .slick-slide{float: right;}
#jt_popup_container .slick-slide img{display: block;}
#jt_popup_container .slick-slide.slick-loading img{display: none;}
#jt_popup_container .slick-slide.dragging img{pointer-events: none;}
#jt_popup_container .slick-initialized .slick-slide{display: block;}
#jt_popup_container .slick-loading .slick-slide{visibility: hidden;}
#jt_popup_container .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
#jt_popup_container .slick-arrow.slick-hidden {display: none;}

/* Font */
@font-face {
    font-family: 'jt-popup-font';
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/jt-popup-fonts/fonts/jt-popup-fonts.eot);
    src: local("?"),
         url(../fonts/jt-popup-fonts/fonts/jt-popup-fonts.woff) format('woff');
}



/* **************************************** *
 * Popups
 * **************************************** */
/* basic style */
#jt_popup_container {font-family: 'SF Pro KR', 'SF Pro Text', 'Apple Gothic', 'Malgun Gothic', 'HY Dotum', 'Dotum', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;}
#jt_popup_container a {text-decoration: none;}
#jt_popup_container img {max-width: 100%;min-width: 230px;max-height: calc(100vh - 142px * 1 );height: auto;}
#jt_popup_container .jt_popup_item_content {cursor: grab;}
#jt_popup_container #jt_popup_overlay {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 100000;background: #000;opacity: 0.7;display: none;}
#jt_popup_container .jt_popup_item {position: relative;z-index: 100010;line-height: 0;}
#jt_popup_container .jt_popup_item_content {position: relative;}
#jt_popup_container .jt_popup_item_content a img {cursor: pointer;}
#jt_popup_container .jt_popup_controller {width: 100%;position: relative;font-size: 0;z-index: 10;}
#jt_popup_container .jt_popup_notoday {display: inline-block;font-weight: normal;}
#jt_popup_container .jt_popup_close {position: absolute;z-index: 20;font-weight: normal;}
#jt_popup_container .jt_popup_close > i {display: block;width: 100%;height: 100%;font-style: normal;text-align: center;}

/* **************************************** *
 * PC - Slider Mode
 * **************************************** */
#jt_popup_container.pc .jt_popup_playground {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 500px;
}
#jt_popup_container.pc .slick-list {
    overflow: visible !important;
}
#jt_popup_container.pc .slick-track {
    display: flex;
    align-items: center;
}
#jt_popup_container.pc .slick-slide {
    float: none;
    height: auto !important;
}
#jt_popup_container.pc .jt_popup_item {
    margin: 0 auto;
    width: 100% !important;
    max-width: 500px;
}
#jt_popup_container.pc .jt_popup_item img {
    width: 100%;
    height: auto;
}
#jt_popup_container.pc .jt_popup_item_content {border-radius: 4px 4px 0 0;overflow: hidden;}
#jt_popup_container.pc .jt_popup_controller {
    position: relative;
    height: 41px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#jt_popup_container.pc .jt_popup_notoday {position:relative;padding: 0 12px;font-size: 12px;line-height: 41px;}
#jt_popup_container.pc .jt_popup_notoday:after {content:'';position:absolute;bottom: 11px;left: 11px;width: calc(100% - 22px * 1);height:0px; border-bottom: 1px solid;}
#jt_popup_container.pc .jt_popup_close {
    position: relative;
    width: 41px;
    height: 41px;
    right: auto;
    bottom: auto;
}
#jt_popup_container.pc .jt_popup_close > i {font-size: 0;line-height: 41px;}
#jt_popup_container.pc .jt_popup_close > i:after {font-family: 'jt-popup-font';content: '\e900';}

/* PC Close All Button */
#jt_popup_container.pc #jt_popup_pc_close_all {position: fixed;top: 18px;left: calc(4vw + 5px * 1);z-index: 999999;font-weight: normal;font-size: 14px;line-height: 16px;letter-spacing: -0.05em;color: #fff;display: none;}
#jt_popup_container.pc #jt_popup_pc_close_all > span {padding-left: 22px;position: relative;}
#jt_popup_container.pc #jt_popup_pc_close_all > span:before {display: block;width: 16px;height: 16px;position: absolute;left: 0;top: 1px;font-family: 'jt-popup-font';content: '\e900';font-size: 13px;line-height: 16px;}

/* PC Slider dots */
#jt_popup_container.pc .slick-dots {
    position: relative;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    margin-top: 20px;
    font-size: 0;
    line-height: 1;
    text-align: center;
    z-index: 99999;
}
#jt_popup_container.pc .slick-dots > li {display: inline-block;vertical-align: top;width: 8px;height: 8px;margin: 0 4px;background: rgba(255,255,255,0.5);border-radius: 10px;cursor: pointer;transition: all 400ms;}
#jt_popup_container.pc .slick-dots > li:first-child {margin-left: 0;}
#jt_popup_container.pc .slick-dots > li:last-child {margin-right: 0;}
#jt_popup_container.pc .slick-dots > li.slick-active {width: 18px;background: #fff;}
#jt_popup_container.pc .slick-dots > li > button {display: none;}

/* PC Slider arrows - 컨테이너 바깥에 위치 */
#jt_popup_container.pc .slick-prev,
#jt_popup_container.pc .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100001;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
#jt_popup_container.pc .slick-prev:hover,
#jt_popup_container.pc .slick-next:hover {background: #fff;box-shadow: 0 4px 15px rgba(0,0,0,0.3);}
#jt_popup_container.pc .slick-prev {
    left: -70px;
}
#jt_popup_container.pc .slick-next {
    right: -70px;
}
#jt_popup_container.pc .slick-prev:before,
#jt_popup_container.pc .slick-next:before {content: '';display: block;width: 12px;height: 12px;border-top: 2px solid #333;border-right: 2px solid #333;position: absolute;top: 50%;left: 50%;}
#jt_popup_container.pc .slick-prev:before {transform: translate(-30%, -50%) rotate(-135deg);}
#jt_popup_container.pc .slick-next:before {transform: translate(-70%, -50%) rotate(45deg);}
#jt_popup_container.pc .slick-prev.slick-disabled,
#jt_popup_container.pc .slick-next.slick-disabled {opacity: 0.3;cursor: default;}

/* PC popup style1 */
#jt_popup_container.pc .jt_popup_item.primary .jt_popup_controller {background: #000;}
#jt_popup_container.pc .jt_popup_item.primary .jt_popup_notoday {color: #fff;}
#jt_popup_container.pc .jt_popup_item.primary .jt_popup_close > i {color: #fff;}
#jt_popup_container.pc .jt_popup_item.primary .jt_popup_close > i:after {font-size: 13px;}

/* PC popup style2 */
#jt_popup_container.pc .jt_popup_item.secondary .jt_popup_controller {background: #f8f8f8;}
#jt_popup_container.pc .jt_popup_item.secondary .jt_popup_notoday {color: #000;}
#jt_popup_container.pc .jt_popup_item.secondary .jt_popup_close > i {color: #000;}
#jt_popup_container.pc .jt_popup_item.secondary .jt_popup_close > i:after {font-size: 13px;}

/* PC Only one slide */
#jt_popup_container.pc.only_one_slide .jt_popup_playground {opacity: 1;visibility: visible;}
#jt_popup_container.pc.only_one_slide .jt_popup_item {display: none;}

/* **************************************** *
 * Mobile
 * **************************************** */
#jt_popup_container.mobile .slick-list {padding-left: 10px;}
#jt_popup_container.mobile .slick-dots {position: fixed;top: 21px;right: calc(4vw + 5px * 1);font-size: 0;line-height: 1;text-align: center;z-index: 99999;}
#jt_popup_container.mobile .slick-dots > li {display: inline-block;vertical-align: top;width: 8px;height: 8px;margin: 0 4px;background: #ddd;border-radius: 10px;cursor: pointer;transition: all 400ms;}
#jt_popup_container.mobile .slick-dots > li:first-child {margin-left: 0;}
#jt_popup_container.mobile .slick-dots > li:last-child {margin-right: 0;}
#jt_popup_container.mobile .slick-dots > li.slick-active {width: 18px;background: #fff;}
#jt_popup_container.mobile .slick-dots > li > button {display: none;}

#jt_popup_container #jt_popup_mobile_close_all {position: fixed;top: 18px;left: calc(4vw + 5px * 1);z-index: 999999;font-weight: normal;font-size: 14px;line-height: 16px;letter-spacing: -0.05em;color: #fff;display: none;}
#jt_popup_container #jt_popup_mobile_close_all > span {padding-left: 22px;position: relative;}
#jt_popup_container #jt_popup_mobile_close_all > span:before {display: block;width: 16px;height: 16px;position: absolute;left: 0;top: 1px;font-family: 'jt-popup-font';content: '\e900';font-size: 13px;line-height: 16px;}
#jt_popup_container.mobile .jt_popup_playground {width: 100%;height: 100%;position: fixed;top: 0;left: 0;padding-top: 50px;z-index: 100000;opacity: 0;visibility: hidden;}
#jt_popup_container.mobile .jt_popup_item {max-width: calc(100vw - 40px * 1);margin-right:10px;height:auto;}
#jt_popup_container.mobile .jt_popup_item_content {border-radius: 4px 4px 0 0;overflow: hidden;}
#jt_popup_container.mobile .jt_popup_controller {height: 50px;background: #f8f8f8;border-radius: 0 0 4px 4px;overflow: hidden;}
#jt_popup_container.mobile .jt_popup_notoday {width: calc(100% - 84px * 1);font-size: 14px;text-align: center;line-height: 50px;color: #222;}
#jt_popup_container.mobile .jt_popup_close {width: 84px;height: 50px;right: 0;bottom: 0;border-left: 1px solid #666;}
#jt_popup_container.mobile .jt_popup_close > i {font-size: 14px;line-height: 50px;color: #222;}

html.mobile body.bad_ux_popup_scroll_remove {overflow:hidden;}
#jt_popup_container.mobile.only_one_slide {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
#jt_popup_container.mobile.only_one_slide #jt_popup_mobile_close_all {display: block; font-size:0; width:100%; height:100%;top:0; left:0;}
#jt_popup_container.mobile.only_one_slide #jt_popup_mobile_close_all > span:before {font-size:0;}
#jt_popup_container.mobile.only_one_slide .jt_popup_playground {opacity:1;visibility: visible;position: absolute;width: auto;height: auto;z-index: 1000000;}
#jt_popup_container.mobile.only_one_slide .jt_popup_item {margin-right: 0;}

@media (max-width:540px) {
	
    #jt_popup_container img {max-height: calc(100vh - 100px * 1 );}
	
}

@media (max-height:540px) and (orientation:landscape) {
	
	#jt_popup_container img {object-fit: cover;}
	
}