@charset "utf-8";
/* css by OOparts */

#hd_pop_slide {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:990000;
}
#hd_pop {
    max-width:1200px;
	width:100%;
    position:relative;
    height:0;
    margin:0 auto;
	z-index:999999;
}
/* 팝업 - 공지 : 맨위로 위치 설정 */
#hd_pop.pop_notice {
	z-index:100000;
}
.main_popup_wrap {
	position:relative;
	/*overflow:hidden;*/
}
.main_popup_wrap .popup_bg {
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	position:fixed;
	top:0;
}
.main_popup_wrap .pops_row {
	position:relative;
	max-width:1100px;
	width:100%;
	margin:100px auto 0;
}


.main_popup_wrap .lSSlideOuter .lSSlideWrapper {
	max-height:600px;
	height:100%;
}
.main_popup_wrap #main_popup li {
	left:0 !important;
	top:0 !important;
	background:none;
	padding:0;
}
.main_popup_wrap #main_popup li .pops_container {
	width:100%;
	/*height:100%;*/
	margin:0 auto;
	text-align:center;
}

/*
.main_popup_wrap #main_popup li .pops_container {
	max-width:640px;
	width:100% !important;
	margin:0 auto;
	text-align:center;
}
.main_popup_wrap #main_popup li .pops_container a {
	display:block;
	position:absolute;
	width:100%;
	height:auto;
	margin:0 auto;
	top:50%;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);

}
*/
.main_popup_wrap #main_popup li .pops_container img {
	/*width:100%;*/
}

/* prev, next 버튼 : 회색 원형 바탕색 */
.main_popup_wrap .lSAction > a {
	background-color:#4d4d4d;
	width:42px;
	height:42px;
	border:5px solid #4d4d4d;
	border-width:5px;
	border-radius:50%;
	opacity:1;
}
.main_popup_wrap .lSAction > a:hover {
	opacity:0.5;
}
.main_popup_wrap .lSAction > a.lSPrev {
	border-width:5px 4px 5px 7px;
}
.main_popup_wrap .lSAction > a.lSNext {
	border-width:5px 6px 5px 4px;
}

/* 닫기 버튼 부분 */

.main_popup_wrap .pops_header {
    color:#fff;
    padding:10px 0;
    text-align:right;
}
.main_popup_wrap .pops_header .btn_popup_slide {
	background:none;
	border:0;
	color:#fff;
    margin-right:5px;
    padding:5px 10px;
}
.main_popup_wrap .pops_header .btn_popup_slide:hover {
	color:#efdb85;
}
.main_popup_wrap .pops_header .btn_popup_slide span {
	margin-right:5px;
}
.main_popup_wrap .pops_header .close {
	font-size:3em;
	font-weight:600;
	line-height:0.7;
	color:#fff;
	opacity:0.8;
	text-shadow:0 1px 0 #000;
}
.main_popup_wrap .pops_header .close:hover {
	color:#000;
	text-shadow:0 1px 0 #fff;
}

/*
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li {
	float:none;
	display:inline-block;
	width:130px !important;
	margin-right:10px !important;
	height:45px;
	background:#575556;
	border-radius:10px;
	opacity:0.8;
	color:#fff;
	font-weight:bold;
	padding:12px 5px;
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:first-child:before {
	content:"";
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:nth-child(2):before {
	content:"";
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:nth-child(3):before {
	content:"";
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:nth-child(4):before {
	content:"";
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:last-child:before {
	content:"";
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li.active,
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:active,
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:hover {
	border:0;
	background:#cd1a41;
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li img {
	display:none;
}
*/

.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li {
	float:none;
	display:inline-block;
	min-width:100px;
	width:13.666% !important;
	margin-right:-1px !important;
	background:#231f20;
	border:1px solid #231f20;
	opacity:0.8;
	font-weight:bold;
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li a {
	display:inline-block;
	color:#fff;
	font-size:0.9em;
	padding:10px;
	min-height:28px;
}

.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li.active,
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:active,
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:hover {
	background:#cd1a41;
	border-color:#cd1a41;
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li.active a,
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:active a,
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li:hover a {
	color:#fff;
}
.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li img {
	display:none;
}

/* page 버튼 */
.main_popup_wrap .lSSlideOuter .lSPager.lSpg {
	position:absolute;
	width:100%;
	bottom:30px;
	margin:0;
}
.main_popup_wrap .lSSlideOuter .lSPager.lSpg li > a {
	width:20px;
	height:10px;
	background-color:rgba(255, 255, 255, 0.7);
}
.main_popup_wrap .lSSlideOuter .lSPager.lSpg li.active a {
	background-color:rgba(205, 26, 65, 0.7);
}


/* media -------------------------------------------------------------------------------------------------------- */

/* min 768px ------------------------------------------------------------------ */
@media (min-width:768px) {
	.main_popup_wrap #main_popup {
		padding-bottom:100% !important;
		/*padding-bottom:55%;*/
	}
	.main_popup_wrap #main_popup li {
		height:100%;
		max-height:600px;
	}
	.main_popup_wrap #main_popup li .pops_container {
		position:absolute;
		max-height:600px;
		top:50%;
		transform:translate(0, -50%);
		-webkit-transform:translate(0, -50%);
	}
	/* gallery thumb 버튼 */
	.main_popup_wrap .lSSlideOuter .lSPager.lSGallery {
		/*position:absolute;*/
		position:relative;
		width:100% !important;
		bottom:0;
		margin:0;
		text-align:center;
		z-index:999
	}
}

/* mobile max 767px ------------------------------------------------------------ */
@media (max-width:767px) {
	.main_popup_wrap .pops_row {
		/*margin:0 auto;*/
		margin:0px auto 0;
	}
	.main_popup_wrap #main_popup {
		
	}
	.main_popup_wrap #main_popup li {


		
	}
	.main_popup_wrap #main_popup li .pops_container {

	}
	/* gallery thumb 버튼 */
	.main_popup_wrap .lSSlideOuter .lSPager.lSGallery {
		position:absolute;
		top:55px;
		left:5px;
		width:auto !important;
		z-index:10;
		overflow:visible;
	}
	.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li {
		display:block;
		width:30px !important;
		min-width:auto;
		height:30px;
		border-radius:80% 0 55% 50% / 55% 0 80% 50%;
		text-align:center;
		/*border-radius:50%;*/
		overflow:hidden;
		margin-bottom:5px;
		margin-right:0 !important;
	}
	.main_popup_wrap .lSSlideOuter .lSPager.lSGallery li a {
		font-size:0.7em;
		-webkit-transform:scale(0.7, 1);
		word-break:nowrap;
		text-overflow:ellipsis;
		letter-spacing:-1px;
		padding:5px 0;
		position:absolute;
		left:-5px;
		width:40px;
		height:100%;
		margin:0 auto;
		line-height:2;
		overflow:hidden;
		color:#fff;
	}

	/* 양쪽 prev버튼, next버튼 안 보이게 */
	.main_popup_wrap .lSAction {
		display:none !important;
	}
}