/* BASIC css start */
#main_content { position: relative;  margin-left:240px; padding:0px 0px 50px !important;*zoom:1; } 
#content {  position: relative;  margin-left:240px; padding:0px 50px 50px !important;*zoom:1; }  


/* 100%슬라이드 */
.swiper-container {
	width:100%;
	height: 100vh;
}/* 모두높이값을 100%로 해야 함 */


.slide-img {
	background-size:cover;
	height:100%;
	width:100%;
	display:block;
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	-o-background-size:cover!important;
	background-size:cover!important;
}



.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 50% !important ;
    right: 20px !important ;
    width: 20px !important ;
    height:100px  !important ;
    border:0px solid #000;
    text-align:right ;
}



.swiper-pagination-bullet {
   margin-bottom:5px !important; 
    border:0px solid #000;
        text-align:right;
	width:10px !important;
	height:10px !important;
	display:block !important;
	border-radius:100% !important;
	background:#9e9e9e !important;
	opacity:1 !important;
}
.swiper-pagination-bullet-active {
	background: #fff !important;
}



/* 해시태그버튼 */
#WD-hastag {
	margin:50px auto 90px;
	text-align:center;
}
#WD-hastag span a {
	display:inline-block;
	margin:5px;
	min-width:110px;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	color:#9e9e9e;
	border-radius:2%;
	padding:10px 10px;
	background:rgba(234,234,234,0.5);
	-ms-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
#WD-hastag a:hover  {
	background: rgba(225,225,225,0.9);
}


/* 배너2개 */
.full {
	width:100%;
	background:rgba(248,248,248,0);
	overflow:hidden;
	padding:50px 0;
}

.full #content { margin:0 !important; padding:0px 250px 0px 350px !important}


.bnr2x1 {
	margin:0px auto;
}
.bnr2x1 li {
	float:left;
	width:49%;
	margin-right:calc(2%);
}
.bnr2x1 li:nth-child(2) {
	margin-right:0px;
	!important
}
.bnr2x1 img {
	width:100%;
}
.bnr2x1 li:hover {
	-webkit-transform:translateY(-10px);
	transform: translateY(-10px);
}

/* 큰배너 */
#WD-bnr-down { margin-top:100px; text-align:center; }
#WD-bnr-down img { width:100% }
#WD-bnr-down img:hover { -webkit-transform:translateY(-10px); transform: translateY(-10px);  opacity: 0.7; filter: alpha(opacity=70);  }


/* 인스타그램 */
#WD-ins-wrap { margin:100px auto 50px; text-align:center;}
#WD-ins-wrap p {margin-bottom:50px; }
#WD-ins-wrap p a { font-size:10px; letter-spacing:2px; text-transform:uppercase; margin-bottom:50px; }
#WD-ins-wrap p img { max-width:100% }











/* -- 인트로팝업 -- */
#introWrap { position:fixed; height:100%; width:100%; z-index: 2000; top:0; left:0; display:none; }
#introWrap .reveal-modal-bg1 { top:0;left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5) ; z-index: 2001; }
#introWrap #introBox {  position:absolute; left:50%; top:50%; margin-left:-350px; margin-top:-350px; width:500px; height:650px; z-index:2002; display:block; background:none; 

   -webkit-animation:pulse .8s;  
   -moz-animation:pulse .8s;  
   -ms-animation:pulse .8s;  
    animation:pulse .8s;  
}

/* 열기버튼 */
.intro_open { position:fixed; left:10px;bottom:180px; height:100px; width:100px; border-radius:0; background:none; z-index:50; cursor:pointer;  }
/* 닫기버튼 */
#introWrap .intro_close {position:absolute; top:-15px; right:-15px; text-align:center; cursor:pointer; z-index:100; }
#introWrap .intro_close i { position:relative; width:30px; height:30px; border-radius:5px; background:#f3f3f3; border: 2px solid #333; font-size:20px !important; color:#222; line-height:30px;  z-index:130; }
#introWrap #introcheckbox { position:absolute; width:30px; height:30px; top:0px; right:0px;border-radius: 5px ;cursor:pointer;  z-index:110;color:#fff; font-weight:400; display:none; overflow:hidden; background:#333; border: 2px solid #333; box-shadow: 0 2px 2px rgba(0,0,0,0.4); }
#introWrap .intro_close:hover #introcheckbox { width:190px; }

/* 열지않기 버튼 */
#introWrap .introcheck {  float:left; height: 22px !important; width: 22px !important; margin-top:4px; margin-left:12px; cursor: pointer;   }
#introWrap .introcheckinput { float:left; line-height:30px;  margin-left:6px; font-size:13px; color:#fff  }






/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 인트로팝업영역 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.intro_slide .s-item { position:relative;display:block; height:650px; text-align:center; margin:0 auto;}
.intro_slide .s-item img{ text-align:center;  margin:0 auto; }
.intro_slide .slick-prev,.intro_slide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */

.intro_slide .slick-prev{left:50%;margin-left:-300px;background:url(/design/fiego/wizdesign/slide_prev_w.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.intro_slide .slick-next{right:50%;margin-right:-300px;background:url(/design/fiego/wizdesign/slide_next_w.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.intro_slide:hover .slick-prev{ margin-left:-310px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.intro_slide:hover .slick-next{ margin-right:-310px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
.intro_slide .slick-prev:hover{ }  /* 이전화살표 마우스오버시 효과 */
.intro_slide .slick-next:hover{ }  /* 다음화살표 마우스오버시 효과 */
.intro_slide .slick-prev,.intro_slide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important; -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.intro_slide .slick-slider{margin-bottom:0;}
.intro_slide .slick-dots{position:absolute;bottom:-15px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;  opacity:0; filter:alpha(opacity=0); -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.intro_slide:hover .slick-dots{ opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.intro_slide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.intro_slide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.intro_slide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.intro_slide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.intro_slide .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#000; border-radius:5px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.intro_slide .slick-dots li.slick-active button:before {   background:#fff; width:20px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */
 


/* -- 플로팅팝업 -- */
#popupWrap #popupBox {position:fixed;left:30px;bottom:130px; width:400px; height: 400px; z-index:999;  display:none;background: none; 
-webkit-animation:rotateInUpLeft .8s; 
-ms-animation:rotateInUpLeft .8s; 
-moz-animation:rotateInUpLeft .8s; 
animation:rotateInUpLeft .8s; 
}

/* 열기버튼 */
#popupWrap .popup_open { position:fixed; left:10px; bottom:100px; height:100px; width:100px; background: none; z-index:50; cursor:pointer; }
/* 닫기버튼 */
#popupWrap .popup_close { position:absolute; top:10px; right:40px; text-align:center; cursor:pointer;  z-index:100;}
#popupWrap .popup_close i { position:relative; width:30px; height:30px; border-radius:5px; background:#f3f3f3; border: 2px solid #333; font-size:20px !important; color:#222; line-height:30px;  z-index:130; }
#popupWrap #popupcheckbox { position:absolute; width:30px; height:30px; top:0px; right:0px;border-radius: 5px ;cursor:pointer;  z-index:110;color:#fff; font-weight:400; display:none; overflow:hidden; background:#333; border: 2px solid #333; box-shadow: 0 2px 2px rgba(0,0,0,0.4); }
/* 열지않기 버튼 */
#popupWrap .popup_close:hover #popupcheckbox {width:190px; }
#popupWrap .popupcheck { float:left; height: 22px !important; width: 22px !important; margin-top:4px; margin-left:12px; cursor: pointer;  }
#popupWrap .popupcheckinput { float:left; line-height:30px;  margin-left:6px; font-size:13px; color:#fff  }




/* BASIC css end */