@charset "utf-8";

/* PC용 신규 팝업 */
.pop-up,.pop-up.openPopup{display:none;}
.daliyPopupPc{display:block;position:fixed;top:150px;left:890px;width:auto;height:auto;z-index:99999;}
.daliyPopupPc > .container{display:block;}
.daliyPopupPc > .container > .boxWrap{display:flex;align-items:center;flex-wrap:wrap;max-width:915px;}
.daliyPopupPc > .container > .boxWrap > div{display:none;}
.daliyPopupPc > .container > .boxWrap > div.openPopup{display:flex;flex-direction:column;align-items:center;margin:5px;box-shadow:0 0 20px rgba(0,0,0,.45)}

.daliyPopupPc > .container > .boxWrap > div > a{display:flex;flex-direction:column;align-items:center;}
.daliyPopupPc > .container > .boxWrap > div img{width:300px;height:300px;}

/* 닫기 버튼 */
.daliyPopupPc .closeBox{display:flex;align-items:center;width:100%;height:40px;border-top:1px solid rgba(255,255,255,.1);background-color:#0e1720}
.daliyPopupPc .closeBox > a {display:flex;align-items:center;width:40%;height:100%;text-align:center;}
.daliyPopupPc .closeBox > a:first-child{width:60%;border-right:1px solid rgba(255,255,255,.1);}
.daliyPopupPc .closeBox > a > span{text-align:center;margin:0 auto;font-size:14px;line-height:0;font-weight:600;color:#d2d2d2;}

/** popup text style **/
.popup_cont{width:400px;min-height:180px;border:1px solid #ccc;box-sizing:border-box;background:#fff !important;}
.popup_cont > *{padding-right:20px;padding-left:20px;color:#444;font-size:15px;}
.popup_cont .popup_tit{display:block;height:auto !important;padding-top:10px;padding-bottom:10px;color:#fff;font-size:18px;font-weight:500;background:#004891 !important;}
.popup_cont .popup_txt{padding-top:15px;padding-bottom:15px;}

/* 신규 슬라이드 팝업 수정본 */
.pop-up {position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;width:900px;height:474px;display:none;}
.pop-up .slider {display:flex;align-items:center;}
.pop-up .slider > div > a{display:flex;align-items:center;}
/* 팝업이 1개일때 */
.pop-up .slider .onlyPopupImg{width:100%;}

.pop-up .slick-slider{display:flex !important;align-items:center;}
.pop-up .slick-slider .slick-list{width:450px;height:400px;}
.pop-up .slick-slider .slick-list *{width:100%;height:100%;}
.pop-up .slick-slider .slick-list  .popup_txt{height:calc(100% - 48px);}
	/* 좌우 버튼 */
	.pop-up .slick-arrow{width:40px;height:auto;font-size:0;background:rgba(0,0,0,.5);z-index:2;}
	.pop-up .slick-arrow.slick-disabled{opacity:0 !important;}
	.pop-up .slick-arrow > i{display:flex;align-items:center;flex-direction:column;width:10px;height:auto;margin:11px auto;padding-right:3px;}
	.pop-up .slick-arrow > i::before,
	.pop-up .slick-arrow > i::after{content:'';display:block;width:1px;height:10px;margin:0 auto;background:#fff;}
	.pop-up .slick-arrow > i::before{margin-bottom:-1.5px;transform:rotate(45deg);}
	.pop-up .slick-arrow > i::after{margin-top:-1.5px;transform:rotate(-45deg);}
	.pop-up .slick-next > i{transform:rotate(-180deg);}
		/* ^ 마우스 오버 */
		.pop-up .slick-arrow:hover{background:rgba(0,0,0,.8);}

	/* 동그라미 버튼 */
	.pop-up .slick-dots{display:block;text-align:center;margin-top:0;position:relative;z-index:10;}
	.pop-up .slick-dots > li{display:inline-block;vertical-align:middle;height:9px;margin:12px 5px;}
	.pop-up .slick-dots > li > button{display:block;width:9px;height:9px;border-radius:4.5px;background:rgba(255,255,255,.5);transition:all .3s ease;cursor:pointer;font-size:0;}
	.pop-up .slick-dots > li.slick-active > button{width:30px;background:#fff;}

	/* 닫기 버튼 */
	.pop-up .closeBox{display:flex;align-items:center;background-color:rgba(0, 0, 0, 0.85);height:40px;margin-top:-6px;border-top:1px solid rgba(255,255,255,.1);}
	.pop-up .closeBox > a {width:50%;height:100%;text-align:center;display:flex;align-items:center;}
	.pop-up .closeBox > a:first-child{border-right:1px solid rgba(255,255,255,.1);}
	.pop-up .closeBox > a > span{text-align:center;margin:0 auto;font-size:14px;line-height:0;font-weight:600;color:#d2d2d2;}

	/* 재생 버튼  */
	.pop-up .slick-controls > .controlsWrap{display:flex;align-items:center;justify-content:center;}
	/* - 재생·정지 아이콘 */
	.pop-up .slick-controls .controlsWrap > button{display:inline-block;width:auto;height:auto;padding:5px;font-size:0;vertical-align:top;}
	.pop-up .slick-controls .controlsWrap > button > i{display:block;width:7px;height:9px;position:relative;font-size:0;}
		/* ^ 정지 */
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:before,
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:after{content:'';display:block;position:absolute;top:0;width:1px;height:100%;box-shadow:0px 1px 1px 1px rgba(0,0,0,.1);background:#999;}
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:before{left:0;}
		.pop-up .slick-controls .controlsWrap > button.slide-pause i:after{right:0;}
		.pop-up .slick-controls .controlsWrap > button.slide-pause:hover i:before, .mainVisual .slick-controls .controlsWrap > button.slide-pause:hover i:after{transition:all 1s;background:#578ad5; }
		/* ^ 재생 */
		.pop-up .slick-controls .controlsWrap > button.slide-play{display:none;}
		.pop-up .slick-controls .controlsWrap > button.slide-play i:before{content:'';display:block;position:absolute;top:0;left:0;border-top:4.5px solid transparent;border-left:7px solid #999;border-bottom:4.5px solid transparent}
		.pop-up .slick-controls .controlsWrap > button.slide-play:hover i:before{ border-left:7px solid #578ad5;transition:all 1s;}


@media screen and (max-width:1775px){
	.daliyPopupPc{left:750px}
}

@media screen and (max-width:1440px){
	.daliyPopupPc{top:150px;left:620px}
}

@media (max-width:1023px){
	.daliyPopupPc{top:120px;left:330px;}
}

@media (max-width:915px){
	.daliyPopupPc > .container > .boxWrap > div:nth-child(n+3){margin-top:5px;}
}

@media (max-width:768px){
	.daliyPopupPc{display:none;}
	.pop-up.openPopup{display:block;}
    .pop-up {width:100%;height:100%;background-color:rgba(0,0,0,0.65);}
    .pop-up .slick-slider .slick-list{margin-left:-40px;margin-right:-40px;}
    .pop-up .container {width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
	.pop-up .boxWrap{display:block;}
	.pop-up .closeBox {margin-top:0;}
	
	/* 재생 버튼  */
	.pop-up .slick-controls > .controlsWrap{display:none;}
}

@media (max-width:450px){
	.pop-up .boxWrap{width:94%;}
	.pop-up .boxWrap *{width:100%;}
	.pop-up .slick-slider .slick-list{overflow:hidden;width:100%;height:300px;margin:0;}
	.pop-up .slick-slider .slick-list .popup_txt{overflow-y:auto}
	.pop-up .slick-arrow{position:absolute;top:50%;width:40px !important;}
	.pop-up .slick-arrow.slick-next{right:0;}
	.pop-up .slick-dots{margin-top:0;}

	.pop_Box{position:relative;}

	/** popup text style **/
	.popup_cont{width:100%;}
}

@media (max-width:375px){
	.pop-up .slick-slider .slick-list{height:250px;}
}