@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;padding-left:10px;}
#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;}
#jt_popup_container .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 .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 .slick-dots > li:first-child {margin-left: 0;}
#jt_popup_container .slick-dots > li:last-child {margin-right: 0;}
#jt_popup_container .slick-dots > li.slick-active {width: 18px;background: #fff;}
#jt_popup_container .slick-dots > li > button {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: move;}
#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 */
/*#jt_popup_container #jt_popup_pc_cursor {width: 61px;height: 61px;position: absolute;top: 0;left: 0;border: 2px solid #fff;border-radius: 50%;z-index: 99999;pointer-events: none;display: none;}
#jt_popup_container #jt_popup_pc_cursor > span {display: block;width: 100%;height: 100%;font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;font-size: 11px;line-height: 59px;font-weight: normal;text-align: center;color: #fff;}*/
#jt_popup_container.pc .jt_popup_item {position: absolute;top: 0px;left: 0px;display: none;margin:0;}
#jt_popup_container.pc .jt_popup_controller {position: absolute;height: 41px;left: 0;bottom: 0;}
#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 {width: 41px;height: 41px;}
#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 popup style1 */
#jt_popup_container.pc .jt_popup_item.primary {padding-bottom: 41px;}
#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 {right: 0;bottom: 0;}
#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_notoday {color: #000;}
#jt_popup_container.pc .jt_popup_item.secondary .jt_popup_close {right: 5px;top: 5px;}
#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: 18px;}

/* Mobile */
#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;}
	
}