@charset "utf-8";

/* skip navigation */
#skip {position:relative; z-index:99999; width:100%;}
#skip a {position:absolute; left:0; right:0; top:-30px; width:auto; padding:0 10px; text-align:center; background:#005ba0; }
#skip a:active,
#skip a:focus {top:0; text-decoration:none; cursor:pointer; zoom:1; }
#skip span {display:inline-block; *display:inline; *zoom:1; padding:2px 6px 0 0; font-size:14px; letter-spacing:-1px; color:#fff; line-height:26px; font-weight:bold;}


/* mainSlides */
#slides {position:relative; display:none; height:579px; z-index: 9;}
#slides .slidesjs-container {overflow:hidden; height:579px !important;}
#slides .slidesjs-control {overflow:hidden; height:579px !important;}
#slides .slidesjs-control:after {clear:both; display:block; content:"";}
#slides a.slidesjs-next,
#slides a.slidesjs-previous {
	z-index:100;
	overflow:hidden;
	position:absolute;
	top:35%; 
	width:44px;
	height:44px;
	background: url("../images/btns-next-prev.png") no-repeat;
	text-indent: -9999px;
}
#slides a.slidesjs-next { right:50%; margin-right:-550px; background-position:100% 0;}
#slides a:hover.slidesjs-next {background-position:100% 0;}
#slides a.slidesjs-previous {left:50%; margin-left:-550px; background-position:0 0;}
#slides a:hover.slidesjs-previous {background-position:0 0;}
#slides a.slidesjs-play,
#slides a.slidesjs-stop {
    display: block;
    height: 22px;
    left: 50%;
    margin: 0 0 0 -440px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    top: 130px;
    width: 22px;
    z-index: 9999999;
	background:url("../images/icon_play.png") no-repeat;
}
#slides a.slidesjs-play {background-position:0 0;}
#slides a:hover.slidesjs-play {background-position:0 0;}
#slides a.slidesjs-stop {background:url("../images/icon_pause.png") no-repeat; background-position: 0 0;}
#slides a:hover.slidesjs-stop {background:url("../images
/icon_pause.png") no-repeat;}
#slides .slidesjs-pagination {
	display: none;
	text-align:center;
	position: relative;
	z-index: 999;
}
#slides .slidesjs-pagination li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:5px;
}
#slides .slidesjs-pagination li a {
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:11px;
	height:0;
	padding-top:11px;
	background-image: url(http://www.gsconst.co.kr/images/ko/main/pagination.png);
	background-position:0 0;
}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {background-position:0 -11px}
#slides .slidesjs-pagination li a:hover {background-position: 0 -22px}
#slides .slidesjs-pagination {height:11px;}
#slides .main-cont {height: 579px;}

#slides .main-cont img {
	margin: 0 0 0 -960px;
	position: absolute;
	left: 50%;
	top: 0px;
	zoom:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE6 & 7 */      
}

.footbox {
	*zoom:1;
	width:996px;
	margin:0 auto;
	position:relative;
}
.footbox:after {content:""; display:block; clear:both;}

.contact {float:left; width:680px; margin-left:5px;}
.contact p {font-size:0; margin-bottom:8px;}
.contact img {margin-right:5px;}
.familySite {float:right; cursor:pointer; margin-right:5px;}

.familyWebSite {
	z-index:200;
	background:url(http://www.gsconst.co.kr/images/ko/common/family_top_bg.png) no-repeat 0 0;
	width:300px;
	padding-top:12px;
	position:absolute;
	top:-168px;
	right:0;
	display:none;
}
.fw_1 {
	background:url(http://www.gsconst.co.kr/images/ko/common/family_btm_bg.gif) no-repeat 0 bottom;
	padding-bottom:15px;
}
.fw_2 {
	position:relative;
	width:272px;
	margin:0 auto;
}
.fw_2 span.clse {
	position:absolute;
	top:0; right:0;
	cursor:pointer;
}
.related {
	*zoom:1;
	background:url(http://www.gsconst.co.kr/images/ko/common/family_tit_bg.gif) no-repeat 0 0;
	width:272px;
	height:21px;
	margin-bottom:12px;
}
.related:after {content:""; display:block; clear:both;}
.related em {float:left; padding-left:10px;}
.fw_2 span.clse {
	position:absolute;
	top:0; right:0;
	cursor:pointer;
}


.fw_2 ul {
	width:258px;
	margin:0 auto;
}
.fw_2 ul li {
	*zoom:1;
	border-bottom:1px solid #eaeaea;
	padding-bottom:6px;
	margin-bottom:6px;
	font-size:0;
}
.fw_2 ul li:after {content:""; display:block; clear:both;}
.fw_2 ul li.lst {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
.link_tit {float:left; width:68px;}
.links {
	*zoom:1;
	float:left;
	width:187px;
}
.links:after {content:""; display:block; clear:both;}
.links a {
	background:url(http://www.gsconst.co.kr/images/ko/common/family_bar.gif) no-repeat right;
	padding:0 5px 0 0;
	margin-right:6px;
	font-size:0;
	float:left;
	height:10px;
}
.links a.lst {
	background:none;
	padding-right:0;
	margin-right:0;
}
.links a.pad10{margin-top:5px;}


/* Main Background Image Fade in/out */
.flexslider {
	position:absolute;
	top:0;
	text-align:center;
	width:100%;
	z-index:5;
	*left:0;
	overflow:hidden;
}
.flexslider .slides {margin-bottom:20px;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {max-width:100%; display:block;}*/

.flexslider .slides  li {position:relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */


/* Direction Nav */
.flex-direction-nav {display:none;}

/* Control Nav */
.flex-control-nav {
	*zoom:1;
	width:80px;
	margin:0 auto;
}
.flex-control-nav:after {content:""; display:block; clear:both;}
.flex-control-nav li {margin: 0 0 0 5px; float: left;}

.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width:13px; 
	height:13px; 
	display:block;
	background:url(http://www.gsconst.co.kr/images/ko/main/bg_control_nav.png) no-repeat 0 0; 
	cursor:pointer; 
	text-indent:-9999px;
}
* html .flex-control-nav li a {overflow:hidden;}
.flex-control-nav li a:hover {background-position:0 -13px;}
.flex-control-nav li a.active {background-position:0 -26px; cursor:default;}