@charset "utf-8";

/*#popupContainer {position:fixed;width:100%;height:100%;left:0;top:0px;bottom:0;right:0px;overflow:hidden;min-width:320px;z-index:10000;}*/
#popupContainer {position:absolute;width:100%;height:100%;min-width:320px;}
#popupContainer.fix {position:fixed;z-index:10000;left:0;top:0px;bottom:0;right:0px;}

/* basic popup style */
#popupContainer .dopop-page {
	position:fixed; top:0px; left:0px; 
	width:100%; height:100%; z-index:9999; 
	background:rgba(0,0,0,.6); 
	display:none;
} 

#popupContainer .do-popup img {/*box-shadow: 5px 5px 20px #1a1a1a;*/ cursor:move;}
#popupContainer .do-popup a img {cursor:pointer;}
#popupContainer .do-popup img.img_radius_5 {border-radius:5px;}
#popupContainer .do-popup img.img_radius_10 {border-radius:10px;}
#popupContainer .do-popup img.img_radius_15 {border-radius:15px;}

#popupContainer .dopop-bgs{position:absolute; top:0px; left:0px; z-index: 100000; display:none; line-height:0;}
#popupContainer .popup_footer{position:absolute; bottom:0px; left:13px; height:25px;}
#popupContainer .notoday {display:inline-block;}
#popupContainer .notoday p { font-size:12px; margin:0; cursor:pointer; line-height:1; display:inline-block; z-index:100004;}
#popupContainer .notoday p i {font-size:14px; float:left; margin:0px 4px 0 0;}
#popupContainer .notoday .close_today_black {color:#242424;}
#popupContainer .notoday .close_today_white {color:#f2f2f2;}

#popupContainer .popclose {position:absolute; top:4px; right:15px; cursor:pointer; padding:0; z-index:100004;}
#popupContainer .popclose p {font-size:26px; margin:0; line-height:1.5;}
#popupContainer .popclose .close_black {color:#242424;}
#popupContainer .popclose .close_white {color:#f2f2f2;}
#popupContainer .popclose .close_black_white_mobile {color:#f2f2f2;}

/* basic popup style2 */

#popupContainer .style2 .do-popup > div {line-height:0;}
#popupContainer .style2 .do-popup img {border-radius:0; padding-bottom:0px;}
/*
#popupContainer .style2 .do-popup img {border-radius:0; padding-bottom:15px;}
#popupContainer .style2 .popup_footer {left:0; bottom:-15px; background:#333; height:30px; width:100%;text-align:left;}
#popupContainer .style2 .popclose {top:inherit; bottom:-10px; z-index:10; right:10px;}*/
#popupContainer .style2 .popup_footer {position:relative;left:0; bottom:0px; background:rgba(25,25,25,1); height:30px; width:100%;text-align:left;}
#popupContainer .style2 .popclose {top:inherit; bottom:8px; z-index:10; right:10px;}
#popupContainer .style2 .popclose p {font-size:16px; line-height:1;}
#popupContainer .style2 .notoday p {margin:9px 0 0 10px; line-height:1;}
#popupContainer .style2 .notoday p i {margin:0px 4px 0 0;}

#popupContainer .style2 .do-popup img.img_radius_5 {border-top-left-radius:5px; border-top-right-radius:5px; margin-top:-3px;}
#popupContainer .style2 .do-popup img.img_radius_10 {border-top-left-radius:10px; border-top-right-radius:10px; margin-top:-6px;}
#popupContainer .style2 .do-popup img.img_radius_15 {border-top-left-radius:15px; border-top-right-radius:15px; margin-top:-10px;}

#popupContainer .style2 .footer_radius_5 {border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#popupContainer .style2 .footer_radius_10 {border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
#popupContainer .style2 .footer_radius_15 {border-bottom-left-radius:15px; border-bottom-right-radius:15px;}

#popupContainer .styleMovie {position:relative;background:url(/imgs/common/gnb_select.png);box-shadow: 5px 5px 20px #1a1a1a; cursor:move;text-align:center}
#popupContainer .styleMovie .tit {
	color:#0a0a0a;
	height:30px;
	line-height:40px;
	font-size:18px;
	letter-spacing:-1px;
	font-weight:600;
	font-family: 'Nanum Myeongjo', serif;"
}

/* no - shadow */
#popupContainer .noshadow .do-popup img {box-shadow:none !important;}
#popupContainer .noshadow.style2 {box-shadow:none !important;}


/* mobile popup  style */ 
#popupContainer .mobile_close {position:fixed; top:0; right:3%; line-height:35px; font-size:24px; height:40px; z-index:100004; color:#fff; display:none;}
#popupContainer .mobile_popup .do-popup > div > p {margin-bottom:0;}

/* popup slider */
#popupContainer .popup_bullet {position:fixed; top:0; left:3%; width:100%; height:40px; line-height:40px; text-align:left; z-index:100002; display:none;}
#popupContainer .popbullet {display:inline-block; width:12px; height:12px; border-radius:6px; background:#fff; margin:0 5px; line-height:30px;}
#popupContainer .popbullet:first-child {margin-left:0;}
#popupContainer .popbullet.view {background-color:#00bcb4;}

#popupContainer .tmfy {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#popupContainer.mobile {position:absolute;width:100%;height:100%;left:0;top:20px;bottom:0;right:0px;/*overflow:hidden;*/min-width:320px;z-index:10000;}
#popupContainer.mobile .do-popup img {width:100%;height:auto;max-width:100%}
#popupContainer.mobile .dopop-bgs {margin:0 auto;width:100% !important;height:auto;left:0 !important; top:0 !important;}
#popupContainer.mobile .style2 {position:relative;max-width:340px;margin:0 auto;}
/*#popupContainer.mobile .style2 .popup_footer {bottom:-25px; background:#fff; height:40px;}
#popupContainer.mobile .style2 .popclose {bottom:-25px;right:0px;width:40px;height:40px;text-align:center;vertical-align:middle;}*/
#popupContainer.mobile .style2 .popup_footer {bottom:0px; background:#fff; height:40px;}
#popupContainer.mobile .style2 .popclose {bottom:0px;right:0px;width:40px;height:40px;text-align:center;vertical-align:middle;}
#popupContainer.mobile .popclose .close_white {color:#242424;position:inline-block;line-height:40px;}
#popupContainer.mobile .notoday .close_today_white {color:#242424;}
#popupContainer.mobile .style2 .notoday p {margin:14px 0 0 10px; line-height:1;}


/* special 연동 */
.do-pop-special {
	position:relative;
	background:#694b3c;
	background:#7e8086;
	background:rgba(2,65,45,1);
	text-align:left;
	cursor:move;
	min-width:340px;
}
.do-pop-special .eTop {
	position:relative;
	padding:33px 30px 0px;
	text-align:left;
	height:140px;
}
.do-pop-special .eBadge {
	position:absolute;
	display:inline-block;
	right:0;
	top:35px;
	z-index:10;
}
.do-pop-special .eOffer {
	position: relative;
	overflow: hidden;
	width:100%;
	height:320px;
	max-width:340px;
	padding:0 10px;
}

.do-pop-special .eBot {
	position: relative;
	display:block;
	color:#fff;
	height:60px;
	line-height:60px;
	font-size:15px;
	padding:0 15px 0 20px;
}
.do-pop-special .eBot .text {
	float:left;
}
.do-pop-special .eBot .pagingInfo {
	letter-spacing:2px;
	float:right;
}

.do-pop-special .eOffer .slick-slide {
	padding: 0 0px;
	position:relative;
}
.do-pop-special .eOffer .slick-item {
	position:relative;
	font-size:0;
}
.do-pop-special .eOffer .slick-item img {
	position:relative;
	width: 100%;
	max-width:100%;
	padding-bottom:0px;
}
.do-pop-special .eOffer .slick-dots
{
    position:relative;
	bottom:0px;
    padding:20px 0 10px;
    margin: 0;
}
.do-pop-special .eOffer .slick-dots li
{
	display:inline-block;
    margin: 0 3px;
}
.do-pop-special .eOffer .slick-dots li button {
    width: 5px;
    height: 5px;
    padding: 4px;
	background:transparent;
	border:2px solid #988973;
	border-radius:50%; -webkit-border-radius:50%;	
	overflow:hidden; 
}
.do-pop-special .eOffer .slick-dots li button:hover,
.do-pop-special .eOffer .slick-dots li button:focus
{
    background:#988973;
}

.do-pop-special .eOffer .slick-dots li.slick-active button
{
    background:#988973;
	width: 12px;
    height: 12px;
	border-radius:50%; -webkit-border-radius:50%;	
	overflow:hidden; 
}

@media screen and (max-width: 360px) {
	#popupContainer.mobile .style2 {max-width:320px;}
	.do-pop-special {
		min-width:320px;
	}
	.do-pop-special .eOffer {
		height:320px;
		max-width:320px;
		padding:0;
	}
	.do-pop-special .eTop {
		padding:33px 20px 0px;
	}
}

#popupContainer .view_popup {
	/*visibility:hidden;*/
	display:block;
	opacity:0;
}
#popupContainer .shadow {
	box-shadow: 5px 5px 20px rgba(51,51,51,.5);
}