@charset "utf-8";


/* index 
----------------------------------------------------------------------------------------------*/
#p-index #contentsArea{
width:1000px;
overflow:hidden;
}
#p-index #section01{
width:1002px;
}
#p-index .block{
margin-right:2px;
float:left;
width:332px;
height:213px;
}
#p-index .txtProject{
margin-top:5px;
}


/* detail 
----------------------------------------------------------------------------------------------*/
#p-detail #galleryArea{
padding:40px 0 20px;
border-top:#cecece solid 1px;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
background:#fff;
text-align: center;
width:1000px;
} 
#p-detail #galleryWrap{
margin:0 auto;
width:840px;
text-align: left;
}
#p-detail #galleryArea .ttlHl{
margin-bottom:40px;
}
#photoWrap{
margin:0 auto;
width:760px;
height:570px;
background:url(images/photoarea_bg.png) repeat left top;
text-align: center;
position: relative;
}
#p-detail #txtArea{
margin-top:80px;
line-height:1.8;
}
#p-detail #txtArea .leftArea{
float:left;
width:377px;
}
#p-detail #txtArea .rightArea{
float:right;
width:377px;
}
#p-detail #txtArea h3{
font-size:1em;
color:#999999;
}
#p-detail #txtArea p{
margin-bottom:2em;
}
#galleryFooter{
background: #414141;
width:1000px;
height:90px;
position: relative;
border-left:#414141 solid 1px;
border-right:#414141 solid 1px;
}
#galleryFooter .btnBack{
position: absolute;
width:33px;
height:40px;
top:25px;
left:32px;
}
#galleryFooter .btnIndex{
position: absolute;
width:94px;
height:41px;
top:25px;
left:453px;
}
#galleryFooter .btnNext{
position: absolute;
width:33px;
height:40px;
top:25px;
left:938px;
}
#photoArea .bxslider{
position: relative;
width:760px !important;
height:570px;
}
#photoArea .bxslider li{
text-align: center;
width:760px;
height:570px;
left:0;
}
#photoArea .bxslider li img{
margin:0 auto;
}

/*next button*/
.bx-next {
position:absolute;
margin-top:-16px;
top:50%;
right:-40px;
z-index:999;
width: 32px;
height: 32px;
text-indent: -9999px;
background: url(images/btn_arrow_next.png) no-repeat 0 0;
}

/*previous button*/
.bx-prev {
position:absolute;
margin-top:-16px;
top:50%;
left:-40px;
z-index:999;
width: 32px;
height: 32px;
text-indent: -9999px;
background: url(images/btn_arrow_prev.png) no-repeat 0 top;
}

/*pager links*/
#bx-pager{
margin:20px auto;
width:760px;
overflow:hidden;
}
#bx-pager ul{
width:760px;
overflow:hidden;
list-style-type: none;
}
#bx-pager li {
float:left;
padding-top:20px;
margin-right: 5px;
width:70px;
height:70px;
}
#bx-pager a{
display:block;
width:70px;
height:70px;
overflow:hidden;
}
#bx-pager a img{
max-width:70px;
}
#bx-pager a img.vertical{
max-width:none !important;
max-height:70px;
}
/*pager links hover and active states*/
#bx-pager li.active{
background: url(images/icon_select.png) no-repeat 50% top;
}
/*pager wrapper*/
.bx-pager {
text-align:center;
padding-top: 25px;
}