@charset "utf-8";

body {
	background:#fff;
	overflow-x:hidden;
	padding: 0; 
	margin: 0 auto;
	}

body.bg {
	background-image:url(../images/main/main_bg.jpg);
	background-repeat:repeat-x;
	overflow-x:hidden;
	}


#contentsWrap {
	clear:both;
	position:relative;
	top:60px;
	width:100%;
	height:830px;
	background:#fff;

	}

#contents {
	position:relative;
	width:1920px;
	left:50%;
	margin-left:-960px;
	}

.tvbtn {
	position:absolute;
	width:480px;
	height:180px;
	top:685px;
	left:630px;
	z-index:999999;
	}

.tvbtn a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999999999px;
	}

#linkMap22 {

	z-index:999999;
	position:absolute;
	top:204px;
	right:152px;
	width:90px;
	height:275px;
	}

#linkMap22 li {
	float:right;
	width:90px;
	height:90px;
	margin-bottom:3px;

	}

#linkMap22 li a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-99999px;
	}

.banner {
	position:relative;
	margin:0 auto;
	width:1200px;
	top:-300px;
	z-index:9990;
	}

.banner li {
	float:left;
	width:289px;
	height:20px;
	}
	
.banner li .news{
	float:left;
	width:315px;
	height:211px;
	background:url(../images/main/news_bg.png) no-repeat;
	}
	

#quick {
	position:absolute;
	top:30px;
left:50%;
margin-left:680px;
	z-index:99
	}


#open {
	position:absolute;
	top:-30px;
left:50%;
margin-left:430px;
	z-index:99
	}
		
	
.news{
position: absolute;
top: 0px;
left: 0px;	
width:315px;
}

.news .more_btn {
	position: absolute;
	top: 22px;
	left: 250px;
	font-size:12px;
}

.news .new_tit {
position: absolute;
top: 20px;
left: 20px;
	font-size:12px;
}

.list_area{
position: relative;
	top:60px;
	left:25px;
	
}

.list_area a{
font-size:12px;
line-height:14px;
color:#ffffff;
}


.list_area a:hover {
font-size:12px;
line-height:14px;
color:#ff781e;
}



.list_area li {
margin-bottom: 7px;
padding-left: 0px;
background: url(../images/common/bot.gif) no-repeat 0 50%;
}


/* 하단 사업자정보 */
#footerWrap {
	position:relative;
	top:-0px;
	width:100%;
	height:89px;
	padding-bottom:0px;
	background:#f2f2f2;
	z-index:100;
	}


#footer {
	position:relative;
	top:23px;
	width:1200px;
	margin:0 auto;
	font-size:12px;
line-height:16px;
color:#707070;
padding-left:20px;
	}
	
.right {
	position: absolute;
top: 5px;
float:right;
right:10px;

}

	
	
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
body{
margin:0px;
	padding:0px;
}

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}


audio:not([controls]) {
    display: none;
    height: 0;
}

ul, li{
list-style-type:none;
	padding:0px;
	margin:0px;
	line-height:12px;
}

template {
    display: none;
}



a {
    background: ;
	color:#464646;
	text-decoration: none;
}


a:active,
a:hover {
    
	text-decoration: none;
	color:#000;
}



abbr[title] {
    border-bottom: 1px dotted;
}


b,
strong {
    font-weight: bold;
}


dfn {
    font-style: italic;
}


h1,h2,h3,h4 {
    
    margin:0;
	font-weight:normal;
}


mark {
    background: #ff0;
    color: #000;
}


small {
    font-size: 80%;
}


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}



img {
    border: 0;
	margin:0px;
	padding:0px;
}


svg:not(:root) {
    overflow: hidden;
}



figure {
    margin: 1em 40px;
}


hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


pre {
    overflow: auto;
}

/* *


/* *
* Remove most spacing between table cells. */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}

.clear{clear:both;}




/* mainContents*/
.mainSecCon {width: 100%; top:400px; position:absolute; left:0; }
   .mainSec {width:1220px; margin: 0 auto; overflow: hidden; padding-bottom: 30px; padding-left:0px;}
   .mainSec .toptit { padding:35px;}
   .mainSec .leftBoxList { width: 890px; float: left;}
   .mainSec .leftBoxList .txtbox { position: absolute; left: 20px; top: 20px; z-index: 9999; color: #fff; font-size: 10px;}
   .mainSec .leftBoxList .slideimg .txtbox {opacity: 0; padding-top: 50px;}
   .mainSec .leftBoxList .txtbox dl {}
   .mainSec .leftBoxList .txtbox dl dt {color: #fff; font-size: 24px;}
   .mainSec .leftBoxList .txtbox dl dd {color: #fff; font-size: 16px;}
   .mainSec .leftBoxList .txtbox dl dd span {}
   .mainSec .leftBoxList .txtbox p {text-shadow:0px 0px 0px rgba(0,0,0,.5); font-weight: 400; letter-spacing: -0.5px; font-size: 20px; font-weight:bold;}
   .mainSec .leftBoxList .txtbox .tit { 
      font-size: 13px; 
      font-family: 'Nanum Gothic'; 
      font-weight: 300; 
      color: #fff; 
      position: relative; 
      padding-top:5px; 
   }
  
   .mainSec .leftBoxList .tit.entxt { font-weight: 300; letter-spacing: 2px; font-size: 13px; }
   .mainSec .leftBoxList .tit:before {
     
   }
   .mainSec .leftBoxList .txt { font-size: 8px; color: #fff; padding-top: 3px;}
   .mainSec .leftBoxList .boxCon {float: left; position: relative; overflow: hidden;}
   .mainSec .leftBoxList .boxCon .vimg { position: absolute; left: 0; top: 0;}
   .mainSec .leftBoxList .boxCon.overview {width:321px; height:293px; margin-bottom: 10px;}
   .mainSec .leftBoxList .landview {width:558px; height:293px; margin-left: 10px; margin-bottom: 10px;}
   .mainSec .leftBoxList .landview .slideimg {height: 293px; position: relative; overflow: hidden;}
   
 

   .mainSec .leftBoxList .boxCon.facilities {width:265px; height:157px;}
   .mainSec .leftBoxList .boxCon.facilities .information {
      background: url(../img/fancybox_overlay.png) repeat;
      position: absolute;
      left: 20px;
      top: 223px;
      z-index: 998;      
   }
   .mainSec .leftBoxList .boxCon.facilities .information dl { padding: 20px 15px; overflow: hidden; width: 510px;}
   .mainSec .leftBoxList .boxCon.facilities .information dt { color: #fff; font-size: 22px; }
   .mainSec .leftBoxList .boxCon.facilities .information dd { color: #fff; font-size: 14px; padding-top: 5px;}
   .mainSec .leftBoxList .boxCon.facilities .slides {height: 343px; position: relative; overflow: hidden;}
   .mainSec .leftBoxList .facilities .slick-next { cursor: pointer; border: 0; text-indent: -9999em; display: block; z-index: 9999; position: absolute; right: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../img/slide_nav_off.png) no-repeat -40px 0;}
   .mainSec .leftBoxList .facilities .slick-prev { cursor: pointer; border: 0; text-indent: -9999em; display: block; z-index: 9999; position: absolute; left: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../img/slide_nav_off.png) no-repeat 0 0;}
   .mainSec .leftBoxList .facilities .slick-next:hover {background: url(../img/slide_nav_on.png) no-repeat -40px 0;}
   .mainSec .leftBoxList .facilities .slick-prev:hover {background: url(../img/slide_nav_on.png) no-repeat 0 0;}
   .mainSec .leftBoxList .facilities .slick-dots { position: absolute; right:35px; top: -235em; z-index: 9999;}
   .mainSec .leftBoxList .facilities .slick-dots li { display: inline-block; margin-left: 5px; }
   .mainSec .leftBoxList .facilities .slick-dots li button { 
      border:0; 
      cursor:pointer; 
      display: inline-block; 
      font-size: 0; 
      width: 10px;  
      height: 10px; 
      background: none;
      /*background: url(../img/slide_pager01.png) no-repeat 0 0; */
      opacity: .5;
   }
   .mainSec .leftBoxList .facilities .slick-dots li.slick-active button {opacity: 1;}




   .mainSec .leftBoxList .boxCon.prmovie {width:302px; height:157px; background: url(../img/main_conbg04.jpg) no-repeat 0 0; overflow:hidden; margin-left: 10px;}

   .mainSec .leftBoxList .boxCon.prmovie.no_bg a {width:100%; height:100%; left:0; top:0; background:none;}
   .mainSec .leftBoxList .boxCon.blog {width:302px; height:157px; overflow:hidden; margin-left: 10px;}



   .mainSec .rightBoxList {float: left; margin-left: 9px; width: 321px;}
   .mainSec .rightBoxList .txtbox p {text-shadow:0px 0px 0px rgba(0,0,0,.5); font-weight: 400; letter-spacing: -0.5px; font-size: 20px; font-weight:bold;}
   .mainSec .rightBoxList .txtbox .tit { 
      font-size: 13px; 
      font-family: 'Nanum Gothic'; 
      font-weight: 300; 
      color: #fff; 
      position: relative; 
      padding-top:5px; 
   }
   

   .mainSec .rightBoxList p.txt { margin-left:20px; padding-top: 25px; color: #fff; font-size: 20px; font-weight: 400; font-weight:bold;}
   .mainSec .rightBoxList p.tit { margin-left:20px; padding-top: 50px; color: #fff; font-size: 13px; font-weight:bold; margin-top:10px;}
   .mainSec .rightBoxList ul li {float:left; width:321px; overflow: hidden; position: relative;}
   .mainSec .rightBoxList ul li.list-1 { height: 168px; margin-bottom: 10px;}
     
   .mainSec .rightBoxList ul li.list-2 { height: 282px; margin-bottom: 10px;}


   .mainSec .rightBoxList ul li.list-1.boxCon {height: 168px;}
   .mainSec .rightBoxList ul li.list-1.boxCon .txtbox { position: absolute; left: 0 top:0; z-index: 88;}
   .mainSec .rightBoxList ul li.list-1.boxCon .vimg { position: absolute; left: 0; top: 0;}
   
   
    .mainSec .rightBoxList ul li.list-2.boxCon {height: 282px;}
   .mainSec .rightBoxList ul li.list-2.boxCon .txtbox { position: absolute; left: 0 top:0; z-index: 88;}
   .mainSec .rightBoxList ul li.list-2.boxCon .vimg { position: absolute; left: 0; top: 0;}
   
   
   
.big_image  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.big_image:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}



section { width:100%; height:855px; min-width:1920px; min-height:855px; position:relative; }

.title_text { width:1200px; height:220px; margin:0 0 0 -550px; position:absolute; left:50%; top:30px; z-index:4; }
.title_text li { width:573px; height:220px; position:absolute; left:0; top:0; display:none; }

.ind { position:absolute; margin-left:-530px; top:630px; left:50%; z-index:5; }
.ind li { width:13px; height:13px; border-radius:8px; border:2px #fff solid; float:left; margin-left:10px; cursor:pointer; }
.ind li.active { width:25px; background:#fff; }

.main_visual { width:100%; height:100%; min-width:1920px; position:relative; z-index:1; overflow:hidden; }
.main_visual li { width:1900px; height:900px; position:absolute; left:10px; top:0; display:none; background-size:cover; }
.main_visual li:first-child { background:url('../images/main/mainimg_1.jpg') center top no-repeat; background-size:cover; display:block; }
.main_visual li:first-child + li { background:url('../images/main/mainimg_2.jpg') center top no-repeat; background-size:cover; }
.main_visual li:first-child + li + li { background:url('../images/main/mainimg_3.jpg') center top no-repeat; background-size:cover; }


@media only screen and (max-width:960px) { 
	section { min-width:0; min-height:0; height:100%; background:#333; }
	.ind { margin-left:-29px; bottom:20%; top:auto; left:50%; z-index:5; }
	.ind li { width:13px; height:13px; border-radius:8px; border:2px #fff solid; float:left; margin-left:10px; cursor:pointer; }
	.ind li:first-child { margin-left:0; }
	.ind li.active { width:25px; background:#fff; }
	.main_visual { min-width:0; }
	.main_visual li { width:100%; height:900px; position:absolute; left:0; top:0; display:none; background-size:cover; }
	.title_text { width:90%; height:auto; margin:0 0 0 0; position:absolute; left:5%; top:20%; z-index:4; }
	.title_text li { width:100%; height:auto; position:absolute; left:0; top:0; display:none; }
	.title_text li img { width:100%; }
	}