/* 팝업 스타일 Begin */
#layer_pop_container { position: absolute; top: 0; left: 0px; min-width: 1200px;}
.layer_pop {/* position: relative; float: left;*/ position: absolute; left:0px; margin-right: 5px; margin-bottom: 5px; z-index:999009;}
.popContents { width:100%; height:100%; overflow: hidden; }
.popContents .top_bar { display: block; width: 100%; height: 50px; background-color: #0a4438; }
.popContents .top_bar > img { display: inline-block; position: absolute; top: 12px; left: 0; right: 0; margin: auto; }
.popContents > div { position: relative; float: left; }
.popContents > div > img { width: 100%; }
.popContents a { display: block; position: absolute; margin: auto; font-size: 0; background: #ccc; opacity: 0;}
.popContents > img { width: 100%; }
.popBtns { width:100%; cursor:pointer; font-size:12px; padding-bottom: 35px; background: #d4d4d4; }
.popBtns input { vertical-align:top; margin-right:5px; }
.popBtns span { display:block; position:absolute; }
.popBtns span.checkBox { padding: 9px;right:40px; }
.popBtns span.closePop { padding:7px; right:5px;}
.layer_pop_container_bg { background: rgba(0,0,0,0.3); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:99999; }
@media screen and (max-width: 800px) {
	.popContents .top_bar { height: 60px; }
	.popContents .top_bar > img { height: 39px; }
}
#layer_pop1{z-index:999002;}
#layer_pop1 div.vid {width: 845px;}
.video {width:100%; margin: 0 auto; position: relative; padding-bottom: 56.25%; height: 0; line-height: 0; border:1px solid #000;
  box-sizing:border-box;
  -wbbkit-box-sizing:border-box;
}
.video iframe { position: absolute; top: 0; width: 100%; height: 100%; border:0}
/* 팝업 스타일 End */
#main #fp-nav ul li a span,
#main .fp-slidesNav ul li a span{background:rgba(0,0,0,0.5); height:1px; width:10px}
#main #fp-nav ul li .fp-tooltip{font-size:13px; font-weight:400; font-family:"Gilroy"; letter-spacing:0; position:absolute; top:-10px; left:40px;}
#main #fp-nav ul li:hover .fp-tooltip{color:rgba(0,0,0,0.5); font-weight:300; letter-spacing:0; font-size:13px;}
#main #fp-nav.fp-show-active a.active + .fp-tooltip{color:#000;}
#main #fp-nav.fp-show-active ul li:nth-child(2) a.active + .fp-tooltip{color:#000;}
#main #fp-nav ul li a.active span{background:#000; height:1px; width:30px;}
#main #fp-nav ul li:nth-child(2) a.active span{background:#000;}

/**홍보영상팝업**/
#myVideo_area{
    box-sizing:border-box;
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image:
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	z-index:3;
}

.mpop {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px;  background: rgba(0,0,0,.3); z-index:99999991;}	
.mpop .ifw { width: 1060px; height: 600px; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%);}
.mpop .pclose { width: 200px; height: 50px; display: block; position: absolute; top: 48%; left: 50%; margin-top: 320px; margin-left: -100px; border: 2px solid #fff; font-size: 16px; line-height: 50px; color: #fff; text-align: center; background: rgba(0,0,0,.7)}

/* 팝업레이어 */
#hd_pop {z-index:99000;position:absolute;top:0px;margin:0 auto;height:0; /*position:relative*/}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {/*position:absolute;*/ width:90%; border:1px solid #ededed;  background:#fff; float:left;position:relative;}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0 0 0 10px;background:#d4d4d4;color:#000;text-align:left;position:relative}
.hd_pops_footer label {padding-left:10px; font-size:13px}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#d4d4d4;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; font-size:13px; height:100%;}


@media screen and (max-width:1200px){
	/*.hd_pops_con { width: 100% !important; left: 0; right: 0; margin: 0 auto;}*/
	/*.layer_pop[rel='1'], .layer_pop[rel='2']{height: auto !important;  margin-left: auto; margin-right: auto; left: 0; right: 0; }*/
}

@media screen and (max-width:975px){
	#hd_pop {width:100% !important;}
	.hd_pops {position:absolute; height:auto; background:#fff; left:50% !important; transform:translateX(-50%) !important;}
	.hd_pops_con { width:100% !important; left: 0; right: 0; margin: 0 auto;  height:auto !important;}
	/*.layer_pop[rel='1'], .layer_pop[rel='2']{ width: 350px !important;}*/
}
@media screen and (max-width:667px){
	.hd_pops {width:90%;}
	.hd_pops img {width:100%}
}