@charset "utf-8";

html, body { width:100%; background:url(bg1.jpg) no-repeat; background-size:cover; background-position:center center; background-attachment:fixed; }

#wrap { width: 100%; margin: 0 auto; height: 100%; /*min-height: 950px;*/ }

/* 팝업 스타일 Begin */
.layer_pop { position:absolute; background:#efefef; z-index:9; }
.popContents { width:100%; height:100%; }
.popContents .popText { padding:10px 2.5%; line-height:140%; }
.popContents img { width: 100%; }
.popBtns { position:absolute; bottom:0; width:100%; height:30px; font-size:12px; background:#efefef; }
.popBtns input { vertical-align:top; margin-right:5px; }
.popBtns span { display:block; position:absolute; }
.popBtns span.checkBox { padding: 9px; }
.popBtns span.closeWin { padding:7px; right:10px; }
/* 팝업 스타일 End */

#intro_wrap{ position: relative;  height: 100%; }
.logo {position: absolute;  width: 160px; left: 40px; top: 40px; z-index: 9; }

.intro { position: relative; /*height: 100%;*/ }
	.top { position: relative; width: 100%; text-align: center; padding-top: 145px; }
		.tab { position: relative; overflow: hidden; padding-bottom: 13px; }
		.tab ul { height: 100%; width: 700px; padding-top: 65px; margin: 0 auto; position: relative; }
		.tab ul li { margin-top: 0; width: 300px; box-shadow: 8px 13px 0 rgba(0,0,0,0.5); float: left; margin-right:50px; position: relative; }
		.tab ul li:last-child { margin-right: 0;}
				.thumbnail { width: 100%; height: 300px; }
				.thumbnail img { display: block; width: 100%; }
				.info { width: 100%; height: 135px; background: #fff; padding: 15px 10px 0 15px; font-size: 14px; }
				.info .name { float: left; display: block; font-size: 22px; color: #575452; letter-spacing: -1px; width: 32%;  }
				.info .name a { word-break:keep-all; }
				.info p {float: left; position: relative; width: 68%; }
				.info .tel, .info .address { display: block; padding-left: 17px; color: #575452; line-height: 19px;letter-spacing: -1px; }
				.info .tel { padding-top: 0; padding-bottom: 4px; }
				.info .tel::before,
				.info .address::before { position: absolute; left: 0; margin-top: 2px; content: ""; display: inline-block; width: 12px; height: 13px; background: url(../image/intro/icon.png);  }
					.info .tel::before { background-position: 0 0; }
					.info .address::before { background-position: 0 -25px; }
		/*hover*/
		.current .info { background: #ee7500; }
				.current .info .name,
				.current .info .tel,
				.current .info .address,
				.current .info a { color: #fff; }
				.current .info .tel::before { background-position: -20px 0; }
				.current .info .address::before { background-position: -20px -25px; }
		.not_current::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1; }

		.current .info a:hover { color: #000; }


.swiper-slide {
	/*text-align: center;*/
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	*/
}
/*banner slider*/
.bottom { width: 1000px;  position: absolute; left: 50%; margin-left: -500px; top: 810px; padding-bottom: 60px; }
.banner { width: 650px; margin: auto; float: left; }
.banner .swiper-slide { background: none; color:#fff; width:650px; height:110px; overflow:hidden; }
.banner .swiper-slide img { width:100% !important; height:auto; }
.banner_top { margin-bottom: 6px; }
.banner_top > span { display: inline-block; font-size: 14px; color: #fff; }
.banner .swiper-button-next,
.banner .swiper-button-prev { margin-top: 0; top: 0; width: 20px; height: 20px; background: url(../image/intro/icon.png) no-repeat; }
.banner .swiper-button-prev { right: 62px; left: auto; background-position: 0 -43px; }
.banner .swiper-button-next { right: 0; background-position: -34px -43px; }
.banner .swiper-pagination-fraction { width: 40px; top: 3px; right: 20px; left: auto; bottom: auto; color: #fff; font-size: 12px; }

/*news*/
.news { color: #fff; width: 300px; height: 100px; margin-left: 700px !important; margin-top: 27px !important;}
		.news .swiper-slide { background: none; text-align: left !important; }
.date, .title { font-weight: normal; vertical-align: middle; padding: 0 5px }
.date{ font-size: 12px; }
.title { font-size: 15px; text-align:left !important}
.title a { color: #fff; text-align:left ;  font-weight: normal; display:inline-block; width:calc(100% - 40px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.new .title span { text-indent: -9999999px; display: inline-block; width: 30px; height: 12px; background: url(../image/intro/icon.png) no-repeat 0 -72px; vertical-align: middle; margin-left: 5px; }

/*background img*/
.swiper-container.bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.swiper-container.bg .swiper-slide { font-size: 0;  }
	.bg1 { background: url(../image/intro/bg1.jpg) center center / cover no-repeat;}
	.bg2 { background: url(../image/intro/bg2.jpg) center center / cover no-repeat;}
	.bg3 { background: url(../image/intro/bg3.jpg) center center / cover no-repeat;}



/* footer */
#footer {
	position: fixed;
	height: 730px;
	margin: auto; top: 0; bottom: 0;
	right: 20px;
}
#footer ul {
	position: absolute;
	white-space: nowrap;
	-webkit-transform: translate(0,100%) rotate(90deg);
	-ms-transform: translate(0,100%) rotate(90deg);
	-moz-transform: translate(0,100%) rotate(90deg);
	-o-transform: translate(0,100%) rotate(90deg);
	transform: translate(0,100%) rotate(90deg);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#footer ul li { display: inline; margin: 0 3px; font-size: 11px; color: #fff;}
#footer ul li:first-child span { display: inline-block; width: 67px; background: url(/image/intro/hoban.png) no-repeat; background-size: 100%; text-indent: -9999999px;}

/* 반응형:모바일 임시로 만든 스타일 */
@media screen and (max-width: 1200px){
	#intro_wrap { min-width:100%; }

	.logo { width:30%; }
	.logo img { width:100%; }

	.top { width:70%; margin:0 auto; padding-top:140px; }
	.top img { width:100%; max-width:551px; }

	.tab ul { width:90%; padding-top:50px; }
	.tab ul li { width:100%; float:none; margin-right:0; margin-bottom:40px; border-radius:10px; overflow:hidden; }
	.thumbnail { width:30%; height:180px; float:left; }
	.thumbnail img { width:100%; height:100%; }
	.info { float:right; width:70%; height:180px; padding:15px 10px 0 15px; }

	.info .name { float:none; width:100%; margin-bottom:15px; font-size:25px; }
	.info p { float:none; width:100%; }
	.info p span { margin-bottom:7px; font-size:16px; }

	.bottom { width:90%; position:relative; left:0; margin:0 auto; top:0; padding-bottom:0; }
	.banner { width:100%; float:none; }
	.banner_top > span { font-size:15px; line-height:160%; }
	.banner_top > span strong { display:block; font-size:20px; margin-bottom:5px; }
	.banner .swiper-slide { width:100%; height:auto; }
	.banner .swiper-button-next,
	.banner .swiper-button-prev,
	.banner .swiper-pagination-fraction { display:none; }

	.news { width:100%; height:100px; margin-left:0 !important; margin-top:0;}
	.date{ font-size: 14px; }
	.title { font-size: 17px; text-align:left !important}
	.title a { color: #fff; text-align:left ;  font-weight: normal; display:inline-block; width:calc(100% - 40px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.new .title span { text-indent: -9999999px; display: inline-block; width: 30px; height: 12px; background: url(../image/intro/icon.png) no-repeat 0 -72px; vertical-align: middle; margin-left: 5px; }

	.swiper-container.bg { position:fixed; }

	#footer { position:relative; width:90%; height:auto; right:auto; margin:0 auto; top:auto; bottom:auto; }

	#footer ul {
		position: relative;
		white-space: normal;
		-webkit-transform: translate(0,100%) rotate(0deg);
		-ms-transform: translate(0,100%) rotate(0deg);
		-moz-transform: translate(0,100%) rotate(0deg);
		-o-transform: translate(0,100%) rotate(0deg);
		transform: translate(0,100%) rotate(0deg);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		text-align:center;
		margin-bottom:100px;
	}

	#footer ul li { font-size:13px; line-height:140%; margin:0; }
	#footer ul li:nth-child(2),
	#footer ul li:nth-child(3) { display:inline-block; }

	#footer ul li:last-child {
		position: absolute;
		-webkit-transform: translate(0,100%) rotate(90deg);
		-ms-transform: translate(0,100%) rotate(90deg);
		-moz-transform: translate(0,100%) rotate(90deg);
		-o-transform: translate(0,100%) rotate(90deg);
		transform: translate(0,100%) rotate(90deg);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		left:calc(50% + 25px);
	}
}