@charset "utf-8";

/* 반응형 테마 팝업 */
#hd_pop .hd_pops {top:0 !important; box-shadow:2px 2px 8px rgba(0,0,0,0.2); transform:translate(10px, 10px)}
#hd_pop .hd_pops_con {height:auto !important;/*  max-height:70vh !important; */ overflow-y:auto;}
#hd_pop .hd_pops_con p {}
#hd_pop .hd_pops_con br {font-size:0; height:0; display:none;}
#hd_pop .hd_pops_con img {height:auto !important;}
#hd_pop .hd_pops_footer * {font-size:12px; font-weight:normal}
#hd_pop .hd_pops_footer {padding:10px;}
#hd_pop .hd_pops_footer:after {display:block; clear:both; content:""}
#hd_pop .hd_pops_reject {float:left; }
#hd_pop .hd_pops_close {float:right; }
#hd_pop .hd_pops_footer button {margin-right:0;}

#hd_pop .hd_pops:nth-of-type(3n+1) {left:0   !important;} 
#hd_pop .hd_pops:nth-of-type(3n+2) {left:30% !important;} 
#hd_pop .hd_pops:nth-of-type(3n+3) {left:60% !important;} 

#hd_pop .hd_pops:nth-of-type(1) {z-index:199 } 
#hd_pop .hd_pops:nth-of-type(2) {z-index:198 } 
#hd_pop .hd_pops:nth-of-type(3) {z-index:197 } 
#hd_pop .hd_pops:nth-of-type(4) {z-index:196 } 
#hd_pop .hd_pops:nth-of-type(5) {z-index:195 } 
#hd_pop .hd_pops:nth-of-type(6) {z-index:194 } 
#hd_pop .hd_pops:nth-of-type(7) {z-index:194 } 



@media screen and (max-width: 1280px) {
	#hd_pop .hd_pops[id^="hd_pops"] {left:0 !important; }

	#hd_pop .hd_pops:nth-of-type(2n+1) {left:0   !important;} 
	#hd_pop .hd_pops:nth-of-type(2n+2) {left:45% !important;} 
}

@media screen and (max-width: 768px) {
	#hd_pop {
		z-index:999999 !important;
	}

	#hd_pop .hd_pops[id^="hd_pops"] {
		top:10px !important;
		left:50% !important;

		width:calc(100% - 20px) !important;
		max-width:450px !important;

		transform:translateX(-50%) !important;

		z-index:1000000 !important;
		box-sizing:border-box;
	}

	#hd_pop .hd_pops_con {
		width:100% !important;
	}

	#hd_pop .hd_pops_con img {
		width:100% !important;
		height:auto !important;
	}
}