/*
*@author:Jacobwang
*@date:2015-04-15
*@info:main.css
*/

/*reset*/



.wrap-index { overflow: hidden; }

.dark-green { color: #4c5b52; }

.light-green { color: #00853e; }

.mb-50 { margin-bottom: 50px; }

/*slider*/

.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 520px;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
	display: none;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../images/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../images/next.png') no-repeat
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 480px;
}

.slider .jquery-reslider .slider-dots li {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  display: inline-block;
  margin: 5px;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }
@media screen and (max-width: 768px) {
.slider { margin-top: -460px; float: none;}
	.slider .jquery-reslider .slider-block {
  height: 220px;

}
.slider .jquery-reslider .slider-direction { zoom: .8; }

.slider .jquery-reslider .slider-dots { position: absolute; display: none; }
}


.inner2 img {display: inline-block; margin-top: -10px !important;}



/*** modal Æ˾÷¿ë(¸ÞÀÎ) **********/
.main-popup {
	position: absolute; left: 50%; top: 120px; 
	width: 1020px; height: 0px;
	margin: 0 auto 0 -500px;
	background: red;
	z-index: 10000;
	visibility: hidden;
	}
.main-popup .popup-wrap {
	position: absolute; top: 0;
	margin: 0 auto;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0, 0.2);
	animation: popup 600ms linear 1s both;
	}
.main-popup.Left .popup-wrap  {left: -400px;}
.main-popup.Right .popup-wrap {right: -400px;}

@keyframes popup {
	from {
		opacity: 0;
		transform: translate(0, 30px);
		}
	to {
		opacity: 1;
		transform: translate(0, 0);
		}
	}


/*------ Copyright º¯°æ(2020-02-07) -----------------------------------------*/
.clear, .clearfix {margin: 0; padding: 0; clear: both;}
footer {
	clear: both; 
	min-width: 1000px;
	margin: 0 !important; padding: 0 !important;
	background: #444 !important;
	box-sizing: border-box;
	}
footer .copyright {
	position: relative;
	width: 1000px;
	margin: 0 auto; padding: 82px 0 34px 0;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px; color: rgba(255,255,255, 0.45); letter-spacing: -0.2px !important; line-height: 150%; text-align: left;
	background: url('/site_share/images/footer_logo.png') no-repeat left 35px;
	background-size: auto 30px;
	box-sizing: border-box;
	}
footer .copyright .law {position: absolute; top: 49px; left: 205px;}
footer .copyright .law a {
	display: inline-block;
	position: relative;
	margin: 0 18px 0 0;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px; color: rgba(255,255,255, 0.6); letter-spacing: -0.2px; text-decoration: none; font-weight: 700;
	transition: all 0.3s;
	cursor: pointer;
	box-sizing: border-box;
	}
footer .copyright .law a::after {
	content: "";
	display: block;
	position: absolute; top: 4px; right: -12px;
	width: 1px; height: 9px;
	background: rgba(255,255,255, 0.15);
	box-sizing: border-box;
	}
footer .copyright .law a:last-child::after {display: none;}
footer .copyright .law a:hover {color: #fff;}
footer .copyright .law a.color {color: #e37833 !important;}

footer .copyright a			{color: rgba(255,255,255, 0.5); transition: all 0.3s;}
footer .copyright a:hover	{color: #e37833;}
footer .copyright span.bar {
	display: inline-block;
	margin: 0 8px 0 8px;
	color: rgba(255,255,255, 0.25);
	box-sizing: border-box;
	}
footer .copyright .etc {
	display: block;
	margin: 8px 0 0 0;
	color: rgba(255,255,255, 0.5);
	box-sizing: border-box;
	}
footer .copyright .etc span.eng {letter-spacing: 0.5px;}

/* ¼Ò¼È¾ÆÀÌÄÜ */
footer .copyright .social-ic {position: absolute; top: 82px; right: 0; box-sizing: border-box;}
footer .copyright .social-ic ul {float: left;}
footer .copyright .social-ic li {
	float: left;
	margin: 0 0 0 4px;
	box-sizing: border-box;
	}
footer .copyright .social-ic li a {
	display: block;
	width: 36px; height: 36px;
	border-radius: 100%;
	background: url('/site_share/images/social_icon.png') no-repeat;
	background-size: auto 36px;
	transform:rotateY(0deg);
	transition: all 0.4s;
	cursor: pointer;
	box-sizing: border-box;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	}
footer .copyright .social-ic li a:hover {
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	}
footer .copyright .social-ic li a.facebook		{background-color: #336699; background-position: 0 0;}
footer .copyright .social-ic li a.twitter		{background-color: #00acec; background-position: -36px 0;}
footer .copyright .social-ic li a.LinkedIn		{background-color: #0877b5; background-position: -72px 0;}
footer .copyright .social-ic li a.googlePlus	{background-color: #c20806; background-position: -108px 0;}
footer .copyright .social-ic li a.kakaotalk		{background-color: #fbe300; background-position: -144px 0;}
footer .copyright .social-ic li a.kakaoStory	{background-color: #fccb00; background-position: -180px 0;}
footer .copyright .social-ic li a.kakaoPlus		{background-color: #fedf2a; background-position: -216px 0;}
footer .copyright .social-ic li a.naverBlog		{background-color: #00cf38; background-position: -252px 0;}
footer .copyright .social-ic li a.naverPost		{background-color: #00c73c; background-position: -288px 0;}
footer .copyright .social-ic li a.youtube		{background-color: #cc191e; background-position: -324px 0;}

footer .family-site {position: absolute; top: 35px; right: 0;}
footer .family-site .btn {
	display: inline-block;
	position: relative;
	width: 140px; height: 30px;
	margin: 0; padding: 0 0 0 10px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 10px; color: rgba(255,255,255, 0.3); letter-spacing: 0.5px; line-height: 29px;
/*	border: 1px solid rgba(255,255,255, 0.1);	*/
	border-radius: 3px;
	background: rgba(0,0,0, 0.2);
	box-sizing: border-box;
	cursor: pointer;
	}
footer .family-site .btn i {
	display: inline-block;
	position: absolute; top: 50%; right: 8px;
	margin: -8px 0 0 0;
	font-size: 130%;
	box-sizing: border-box;
	}
footer .family-site .btn i::before {content: "\f106"}

footer .family-site .site-list {
	display: none;
	position: absolute; bottom: 30px; right: 0;
	width: 140px;
	padding: 10px 0 11px 15px;
	line-height: 140%;
	border: 1px solid #5a5a5a;
	border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
	background: #fff;
	z-index: 20;
	box-sizing: border-box;
	}
footer .family-site .site-list a {
	display: block;
	padding: 0 0 0 0;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px; color: #555; letter-spacing: 0px;
	transition: all 0.1s;
	box-sizing: border-box;
	}
footer .family-site .site-list a:hover {color: #ff5529; text-decoration: none;}

/* footer ¹ÝÀÀÇü ó¸® */
.footer_mobile {display: none;}
@media screen and (max-width: 768px) {
	.footer_mobile {display: block;}
	.footer_web {display: none;}
	}