@charset "utf-8";

/* Page Title */

@import url(common.css);


#container .main_visual {position: relative; width: 100%; height:450px; text-align: center; overflow: hidden;}
#container .main_visual .visualDiv{position:absolute; top:0px; left:0%;z-index:9999; width:100%;}
#container .main_visual .visualDiv .txt{width:1000px; margin:0 auto; padding-top:100px;}
#container .main_visual .visualDiv .txt p{float:left; width:100%; padding:5px 0;}
#container .main_visual .visualDiv .txt p span{display:block; margin:10px 0;}
#container .main_visual .visualDiv .txt p img{float:left;}

#container .main_visual .visualDiv .txt2 {padding-top:150px;}

.main_visual .visual01 {width:100%; height:450px; background:url("../../../imgs/public/main/main_visual01.jpg") no-repeat center top;}
.main_visual .visual02 {width:100%; height:450px; background:url("../../../imgs/public/main/main_visual02.jpg") no-repeat center top;}
.main_visual .visual03 {width:100%; height:450px; background:url("../../../imgs/public/main/main_visual03.jpg") no-repeat center top;}
#container .main_visual .bx-pager .bx-pager-item .bx-pager-link{width:14px; height:14px; background:url("../../../imgs/public/main/bt_control.png") no-repeat;}
#container .main_visual .bx-pager .bx-pager-item .active{width:14px; height:14px; background:url("../../../imgs/public/main/bt_control_on.png") no-repeat;}


#container .contents{width:980px; margin:0 auto;}
#container .contents .colgroup{width:100%;border-bottom:1px solid #dfdfdf; overflow:hidden;}
#container .contents .none{border:none;}
#container .contents .colgroup .social{float:left; width:299px;}
#container .contents .colgroup p{margin:35px 0 28px 20px;}
#container .contents .colgroup .social p,#container .contents .colgroup .cs p{margin-left:0;}
#container .contents .colgroup .gallery{float:left; width:680px; padding-bottom:30px; border-left:1px solid #dfdfdf;}
#container .contents .colgroup .gallery ul {float:left; margin-left:20px;}
#container .contents .colgroup .gallery ul li{float:left; margin-left:10px;}
#container .contents .colgroup .gallery ul li:first-child{margin:0;}
#container .contents .colgroup .gallery ul li img{position:absolute; bottom:0; left:0;}
#container .contents .colgroup .gallery ul li a {display:block; position:relative; width:208px; height:292px; border:2px solid #eaeaea; background:url("../../../imgs/public/main/gallery_more.gif") no-repeat right top;}
#container .contents .colgroup .gallery ul li a p{margin:28px 14px; font-size:13px; font-weight:bold; letter-spacing:-0.1em;}
#container .contents .colgroup .gallery ul li a p span{display:block; width:100%; padding:13px 0 0 6px; font-size:12px; font-weight:normal; letter-spacing:0; background:url("../../../imgs/public/main/gallery_bullet.gif") no-repeat 2px 17px;}
#container .contents .colgroup .gallery ul li a:hover{text-decoration:none; color:#000; border:2px solid #bd3338; background:url("../../../imgs/public/main/gallery_more_on.gif") no-repeat right top;}
#container .contents .colgroup .cs{float:left; width:299px; background:url("../../../imgs/public/main/cs_ico.gif") no-repeat left 80px;}
#container .contents .colgroup .cs .info{width:80%; margin-left:100px;}
#container .contents .colgroup .cs .info p{margin:0; padding-bottom:7px; font-size:26px; line-height:30px; color:#000; font-family:Georgia, "Times New Roman", Times, serif;}
#container .contents .colgroup .cs .info span{display:block; width:100%; margin:4px 0;}
#container .contents .colgroup .notice{float:left; width:278px; height:200px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:url("../../../imgs/public/main/notice_ico.gif") no-repeat 200px 20px;}
#container .contents .colgroup .notice a{display:block; width:55%; margin-left:20px; font-size:16px; letter-spacing:-0.1em; line-height:24px;}
#container .contents .colgroup .notice a:hover{color:#b92a2e; text-decoration:none;}
#container .contents .colgroup .notice a.btn{width:auto; margin-top:12px; padding-left:10px; font-size:13px; font-weight:bold; background:url("../../../imgs/public/main/notice_more.gif") no-repeat left 8px;}
#container .contents .colgroup .notice a:hover.btn{ background:url("../../../imgs/public/main/notice_more_on.gif") no-repeat left 8px;}
#container .contents .colgroup .estimate{float:left; width:400px;}
#container .contents .colgroup .estimate p a{float:right;}
#container .contents .colgroup .estimate ul {margin-left:20px;}
#container .contents .colgroup .estimate ul li{float:left; width:100%; font-size:13px; margin:0 0 5px 0; padding-left:7px; background:url("../../../imgs/public/main/estimate_bullet.gif") no-repeat left 8px;}
#container .contents .colgroup .estimate ul li span{display:block; float:right; width:60px; height:18px;margin-right:10px;}
#container .contents .colgroup .estimate ul li span.ing{background:url("../../../imgs/public/main/estimate_ing.gif") no-repeat;}
#container .contents .colgroup .estimate ul li span.completion{background:url("../../../imgs/public/main/estimate_completion.gif") no-repeat;}

#container .banner{float:left; width:100%; background:#f0f0f0; border-top:1px solid #dfdfdf; overflow:hidden;}
#container .banner .wrapDiv	{width:1000px; margin:0 auto; text-align:center; padding:30px 0; overflow:hidden;}
#container .banner .wrapDiv	ul li{float:left; margin:0 7px;}
#container .banner .wrapDiv	ul li a img{border:1px solid #d7d7d7;}