/* CSS Document */
@charset "UTF-8";

html, body { min-width:1200px }
/*클리어만들어주고, 클리어가 필요한 요소에 클래스를 더해주면 간편하게 작업할 수 있고, 코드량도 줄어듬.*/
.clearfix{*zoom:1;}
.clearfix:after{display:block;clear:both;content:'';}
.ct{margin: 0 auto; text-align: center;}

font{color: #393939;}
h2{font-size: 35px;
	font-family: 'Raleway', sans-serif;
/*	letter-spacing: 0.1em;*/
	font-weight: 300;}



#wrap{
	width: 100%;
    margin: 0;
}

header{
/*	display: none;*/
	width: 100%;
	height: 64px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
/*	background-color: yellow;*/
	background-color: #fff;
	border-bottom: 1px solid #ADADAD;
}

header.bg{
	background-color: #fff;
	border-bottom: 1px solid #ADADAD;
}




.mnu{ width:1200px; height:64px; overflow:hidden; position:relative; margin:0 auto; }
.mnu>h1{ position:absolute; top:7px; left:0 }
.mnu .gnbMenu { float:right }

.mnu>ol{
    margin-top: 16px;
    display: block;
	float: left;
    
}
.gnbMenu span { display:inline-block }

.gnbMenu ul { display:inline-block; margin-top: 24px }
.gnbMenu li{ 
	float: left;
	display: block;
	min-width: 15px;
	height: 20px;
	color: #595959;
	padding: 0px 17px;	
	border-right: 1px solid #595959;
	font-family: 'Raleway', sans-serif;
}
.gnbMenu li:last-child{border-right: 0;}

.gnbMenu li:hover{
	color: #d91b5c
}
.gnbMenu li.on a{
	color: #d91b5c;
	font-weight: 1000;

}
.gnbMenu li a{
    font-weight: 900;
	font-size: 13px;
	line-height: 10px;
	color: #595959;
}



.gnbMenu li a:hover{
	color: #d91b5c;
	font-weight: 1000;
}



HOME
section{
    width: 100%;
}

/*홈*/
section>#cont1{
    width: 100%;
	height: 950px;
	background: url('/images/STIG_R_01.jpg') no-repeat center top;
}


/*퍼포먼스*/
section>#cont2{
	height: 686px;
	background: url('/images/STIG_R_02.jpg') no-repeat center top;
}


/*Biz*/
section>#cont3{
	width: 100%;
    height: 551px;
/*    background: url(/images/STIG_R_03.jpg) no-repeat center top;*/
	padding-top: 73px;
}


#cont3:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(/images/STIG_R_03_bg.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/*브랜드 포트폴리오*/
section>#cont4{
	height: 2400px;
	background-color: #fff;
/*	padding-top: 100px;*/
}


section>#cont4>div>img:nth-child(1){
	margin: 69px 0px 12px;
}


/*HISTORY*/
section>#cont5{
	height: 421px;
	background: url('/images/STIG_R_15.jpg') no-repeat center top;
}



/*PROJECT*/
section>#cont6{
	height: 1156px;
	background-color: #fff;
	border: 1px solid #fff;
}

section>#cont6>.slides{
	margin: 70px auto;
/*	margin-bottom: 111px;*/
	position: relative;
	width: 1169px;
	overflow:hidden;
	background-color: #fff;
}

section>#cont6>.slides>img{
/*	margin-top: 111px;*/
}

section>#cont6>.slides>.brd-slides-pagination{
	margin: 40px auto 40px;
	width: 400px;
}
section>#cont6>.slides>.brd-slides-pagination>li{
	display: block;
	float: left;
	margin-right: 60px;
    font-size: 15px;
    font-weight: 1000;
	font-family: 'Questrial', sans-serif;
}

section>#cont6>.slides>.brd-slides-pagination>li:last-child{
	margin-right: 0;
}
section>#cont6>.slides>.brd-slides-pagination>li>a{
	color: #c3c3c3;
}
section>#cont6>.slides>.brd-slides-pagination>li.on>a{
	color:#000;
}


section>#cont6>.slides>.brd-slides-container{
	left: 0;
	width: 1169px;
	height: 808px;
/*	list-style: none; */
	text-indent: -9999px;
	background-image: url(/images/STIG_R_06_01.jpg);
	background-size: cover;
    background-repeat: no-repeat;
}






/*evt*/
section>#cont7{
	width: 100%;
	height: 374px;
	background-color: #333;
	border: 1px solid #333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section>#cont7>.evt{
	margin: 79px auto;
	width: 1169px;
	height: 216px;
/*	border: 1px solid red;*/
}
section>#cont7>.evt>.evt-gd{
	float: left;
	width: 300px;
	height: 100%;
}
section>#cont7>.evt>.evt-gd>img{
	float: left;
}

section>#cont7>.evt>.thmb{
	width: 868px;
	height: 100%;
	float: left;
/*	border: 1px solid blue;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section>#cont7>.evt>.thmb>a{
	float: left;
	margin-right: 10px;
}
section>#cont7>.evt>.thmb>a:nth-child(6n){margin-right: 0;}
section>#cont7>.evt>.thmb>a:nth-child(-n+6){margin-bottom: 10px;}

section>#cont7>.evt>.thmb>a>img{}







/*market*/

section>#cont8{
	width: 100%;
/*	height: 450px;*/
	background-color: #fff;
	border: 1px solid #fff;

}
section>#cont8>div{
	position: relative;
	margin-top: 88px;
/*	margin-bottom: 30px;*/
	width: 1164px;
	height: 470px;
	overflow: hidden;
/*	background-color: yellow;*/
}

section>#cont8>div>.mk_slides-pagination{
	float: left;
	top: 0;
	left: 0;
	width: 200px;
	height: 320px;
	text-align: left;
/*	background-color: green;*/
}
section>#cont8>div>.mk_slides-pagination>h2{
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.1em;
}
section>#cont8>div>.mk_slides-pagination>span{
	line-height: 13px;
	margin-top: 20px;
	font-size: 14px;
}



section>#cont8>div>.mk_slides-container{
	width: 865px;
	height: 340px;
	float: right;
/*	position: relative;*/
/*	border: 1px solid red;*/
}

section>#cont8>div>.mk_slides-container>.mall{
/*	position: relative;*/
	float: left;
  	width: 33.33333333;
	margin-right: 10px;
	margin-bottom: 35px;
}

section>#cont8>div>.mk_slides-container>.mall>img{
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section>#cont8>div>.mk_slides-container>.mall>ul{

	margin: auto;
	display: none;
	position: absolute;
	text-align: center;
/*	margin: 0 0 0 8px;*/
/*	border: 1px solid purple;*/
}


section>#cont8>div>.mk_slides-container>.mall>ul>li{
	display: inline-block;
	float: left;
	margin-right: 7px;
	border-right: 1px solid #b7b7b7;
}
section>#cont8>div>.mk_slides-container>.mall>ul>li:last-child{
	border: 0;
	margin-right: 0;
}
section>#cont8>div>.mk_slides-container>.mall>ul>li>a{
	padding: 0 5px;
	font-size: 15px;
	font-weight: 700;
	color: #333;
/*	background-color: yellow;*/
}



/*Map*/
section>#cont9{
	height: 450px;
	background-color: #DEDEDE;
}
section>#cont9>#map_view{
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
}


footer{
	width: 100%;
	height: 85px;
	background-color: #2e2e2e;
}