/*-------------------------------------------------------------------------------------------
Basic Style Sheet

author: junkyung Kim
email : kk440404@naver.com
-------------------------------------------------------------------------------------------*/

@charset "utf-8";
@import "basic.css";

#main{
	width: 100%;
	background: #ededed;
}
#wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

/* 상단 영역 */
#toparea {
	position:relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 154px;
	background: url(../images/main/toparea_bg.jpg);
	z-index:999999999999;
}

#topareabg{
	position:relative;
	left: 0;
	top: 0;
	width: 1300px;
	height: 154px;
	background: url(../images/main/toparea_bg.jpg);
	margin : 0 auto;
}

#toparea .topmenu{
	position:relative;
	/*width: 976px;*/
	width: 1000px;
	height: 114px;
	margin : 0 auto;
}

#toparea .topmenu .toplogo{
	position: relative;
	top: 12px;
	width:177px;
}

#toparea .topmenu .topsubmenu{
	position: absolute;
	top:10px;
	right:150px;
}
#toparea .topmenu .topsubmenu li{
	float:left;
	color:#d2d4d9;
	padding-right:8px;
	font-size:12px;
}

#toparea .topmenu .topsubmenu li a{
	color:#d2d4d9;
	font-weight:bold;
}

#toparea .topmenu .topcountrymenu{
	position: absolute;
	top:60px;
	right:0px;
}

#toparea .topmenu .topcountrymenu li{
	float:left;
	padding-left:11px;
}

#toparea .topmenu .topcountrymenu li a{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

#toparea .topmenu .topquickmenu{
	position: absolute;
	top:62px;
	left:210px;
	font-size:15px;
}

#toparea .topmenu .topquickmenu li{
	float:left;
	color:#6de0fc;
	padding-right:10px;
}

#toparea .topmenu .topquickmenu li a{
	color:#6de0fc;
}

#toparea .topmenu .topqsearch{
	position: absolute;
	top:6px;
	right:0px;
}

#toparea .topmenu .topqsearch .textbox{
	width:70px;
	height:22px;
	background-color:#66686a;
	padding-left:10px;
	padding-right:15px;
	color:#fff;
	border:0px solid #000;
	border-radius: 10px 0 0 10px;
	position: absolute;
	right:38px;
	font-size: 11px;
}

#toparea .topmenu .topqsearch .search_bt{
	width:40px;
	height:22px;
	border:1px solid #66686a;
	background-color:#66686a;
	color: #cbcdd2;
	font-weight:bold;
	font-size: 12px;
	padding-right:5px;
	border-radius: 0 10px 10px 0;
	position: absolute;
	right:0px;
}

#toparea .mainmenu{
	position:relative;
	width: 1000px;
	height: 41px;
	margin: 0 auto;
	
}

#toparea .mainmenu .topmainmenu{
	position: relative;
	width: 1000px;
	top:10px;
	margin: 0 auto;
}

#toparea .mainmenu .topmainmenu li{
	float:left;
	color:#fefefe;
	font-weight:bold;
	height:40px;
	font-size:1em;
	letter-spacing : -0.1em;
}

#toparea .mainmenu .topmainmenu li a{
	color:#fefefe;
}

#toparea .mainmenu .topmainmenu .space{
	width:21px;
}


#topmainsub{
	position:absolute;
	z-index:1000;
	margin-top:40px;
}

#topmainsub .topmainsub00{
	display:none;
	width:150px;
	background:#058687;
	border-top:1px solid #163669;
	border-left:1px solid #4490b4;
	border-right:1px solid #163669;
	border-bottom:1px solid #163669;
}

#topmainsub .topmainsub00 li{
	padding:5px 0 5px 0;
	border-bottom:1px solid #4490b4;
}

#topmainsub .topmainsub00 li.on{
	background:#44bfc0;
}

#topmainsub .topmainsub00 li a{
	font-size:12px;
	color:#fff;
	padding-left:10px;
}

#topmainsub .topmainsub00 p.litop{
	height:10px;
}

#topmainsub .topmainsub00 p.libottom{
	height:10px;
}

#topmainsub #topmainsub1{
	margin-left:0;
	position:absolute;
}

#topmainsub #topmainsub2{
	margin-left:15px;
	position:absolute;
}
#topmainsub2_07 {
 background:#ff7800;
 }

#topmainsub #topmainsub3{
	margin-left:70px;
	position:absolute;
}

#topmainsub #topmainsub4{
	margin-left:135px;
	position:absolute;
}
#topmainsub4_07 {
 background:#ff7800;
 }
 topmainsub4_10 {
background:#ff7800;
 }

#topmainsub #topmainsub5{
	margin-left:190px;
	position:absolute;
}

#topmainsub #topmainsub6{
	margin-left:245px;
	position:absolute;
}
#topmainsub6_07{
background:#ff7800;
 }

#topmainsub #topmainsub7{
	margin-left:315px;
	position:absolute;
}
#topmainsub7_05{
background:#ff7800;
 }
 #topmainsub7_14{
background:#ff7800;
 }

#topmainsub #topmainsub8{
	margin-left:385px;
	position:absolute;
}

#topmainsub #topmainsub9{
	margin-left:400px;
	position:absolute;
}

#topmainsub #topmainsub10{
	margin-left:465px;
	position:absolute;
}

#topmainsub #topmainsub11{
	margin-left:508px;
	position:absolute;
}

#topmainsub #topmainsub12{
	margin-left:600px;
	position:absolute;
}

#topmainsub #topmainsub13{
	margin-left:680px;
	position:absolute;
}

#topmainsub #topmainsub14{
	margin-left:760px;
	position:absolute;
}

#topmainsub #topmainsub15{
	margin-left:840px;
	position:absolute;
}

/* visual 영역 */
#mainarea {
	clear:both;
	position:relative;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
}

#mainarea .visualarea{
	position:relative;
	width: 100%;
	height: 600px;
	background-color: #fff;
}

#MainVisualImg{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
}

#MainVisualImg .bg{
	position: relative;
	top: 0px;
	left: 0px;
	width:1300px;
	height:600px;
	margin: 0 auto;

}

#MainVisual01{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main13.jpg) no-repeat top center;
}

#MainVisual01 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main13.jpg) no-repeat top center;
}

#MainVisual02{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main7.jpg) no-repeat top center;
}

#MainVisual02 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main7.jpg) no-repeat top center;
}

#MainVisual03{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main8.jpg) no-repeat top center;
}

#MainVisual03 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main8.jpg) no-repeat top center;
}

#MainVisual04{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main9.jpg) no-repeat top center;
}

#MainVisual04 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main9.jpg) no-repeat top center;
}

#MainVisual05{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main10.jpg) no-repeat top center;
}

#MainVisual05 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main10.jpg) no-repeat top center;
}
#MainVisual06{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main11.jpg) no-repeat top center;
}

#MainVisual06 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main11.jpg) no-repeat top center;
}
#MainVisual07{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main12.jpg) no-repeat top center;
}

#MainVisual07 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main12.jpg) no-repeat top center;
}
#MainVisual08{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main1.jpg) no-repeat top center;
}

#MainVisual08 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main1.jpg) no-repeat top center;
}
#MainVisual09{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main2.jpg) no-repeat top center;
}

#MainVisual09 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main2.jpg) no-repeat top center;
}
#MainVisual010{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:600px;
	background: url(../images/main/main5.jpg) no-repeat top center;
}

#MainVisual010 .bg{
	position: relative;
	width:1300px;
	height:600px;
	margin:0 auto;
	background: url(../images/main/main5.jpg) no-repeat top center;
}
.visual_nav{

position:absolute;
width:420px;
left:38%;
   margin-top:390px;
   text-align:center;
   z-index:900;
   }
   .visual_nav :hover{
       color:#fff;
       background-color:#005c82;
	   }
.visual_nav ul{
   width:420px;
   font-size:13px;
   font-weight:bold;
   list-style-type:none;

   }
.visual_nav ul li{
   float:left;
   display: block;
   text-align: center;
   margin-left:10px;
   color:#005c82;
   }
   .visual_nav2{
   position:absolute;
   left:56%;
   margin-top:355px;
   width:400px;
   text-align:center;
    z-index:900;
   }
   .visual_nav2 :hover{
       color:#fff;
       background-color:#2a96a1;
	   }
.visual_nav2 ul{
   width:400px;
   font-size:16px;
   font-weight:bold;
   list-style-type:none;

   }
.visual_nav2 ul li{
   float:left;
   display: block;
   text-align: center;
   margin-left:10px;
   color:#2a96a1;
   }
   .visual_nav3{
     position:absolute;
   right:50%;
   margin-top:340px;
   width:450px;
   text-align:center;
    z-index:900;
   }
   .visual_nav3 :hover{
       color:#fff;
       background-color:#1f8a7f;
	   }
.visual_nav3 ul{
   width:450px;
   font-size:15px;
   font-weight:bold;
   list-style-type:none;

   }
.visual_nav3 ul li{
   float:left;
   display: block;
   text-align: center;
   margin-left:10px;
   color:#1f8a7f;
   }
   .visual_nav4{
   position:absolute;
left:62%;
   margin-top:340px;
   width:400px;
   text-align:center;
    z-index:900;
   }
   .visual_nav4 :hover{
       color:#fff;
       background-color:#15747f;
	   }
.visual_nav4 ul{
   width:400px;
   font-size:15px;
   font-weight:bold;
   list-style-type:none;

   }
.visual_nav4 ul li{
   float:left;
   display: block;
   text-align: center;
   margin-left:10px;
   color:#15747f;
   }

.MainVisualButtonbg{
	z-index:900;
	position: relative;
	width: 1024px;
	top: 538px;
	margin:0 auto;
}

.MainVisualButtonbg .leftbt{position:absolute;left:-30px;cursor:pointer;}
.MainVisualButtonbg .rightbt{position:absolute;right:-30px;cursor:pointer;}

#MainVisualButton{
	z-index:900;
	position: relative;
	width: 994px;
	margin:0 auto;
}

#MainVisualButton div.btn{
	float: left;
	position:relative;
	height: 40px;
	width: 140px;
	cursor: pointer;
	background: #001e3a;
	margin-right:2px;
	text-align:center;
}

#MainVisualButton div.end{
	float: left;
	position:relative;
	height: 40px;
	width: 329px;
	cursor: pointer;
	background: #001e3a;
	margin-right:2px;
	text-align:center;
}

#MainVisualButton .title{
	position:relative;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	padding-top:5px;
}
#MainVisualButton .contents{
	position:relative;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}


/* contents 영역 */
#contentarea{
	width: 1300px;
	margin:0 auto;
	background-color: #fff;
}

#contentarea .contentsarea03{
	clear:both;
	position:relative;
	width: 1065px;
	margin : 0 auto;
}

#contentarea .contentsarea03 .contentmidtitle{
	margin:0 auto;
}

#contentarea .contentsarea03 .contentmidtitle .text{
	padding:20px 0 5px 10px;
}

#contentarea .contentsarea03 .contentmidtitle .text a{
	color:#14739f;
}

#contentarea .contentsarea03 .contentmidtitle .more{
	
}


#contentarea .contentsarea03 .contentthanku{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea03 .contentphoto{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea03 .contentphoto .list{
	padding:6px 0 0 8px;
}

#contentarea .contentsarea03 .contentphoto td{
	font-size: 12px;
	padding:4px 0 5px 0;
}

#contentarea .contentsarea03 .contentphoto td img{
	padding:0 6px 0 6px;
}

#contentarea .contentsarea03 .contentphoto td a{
	color: #747474;
}

#contentarea .contentsarea03 .contentstar{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea03 .contentrealse{
	float:left;
	width: 256px;
	height: 230px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}



#contentarea .contentsarea03 .contentrealse .list{
	width: 256px;
	height: 130px;
	position:relative;
	padding-bottom:6px;
}

#contentarea .contentsarea03 .contentrealse .imglist{
	width: 256px;
	position:absolute;
}

#contentarea .contentsarea03 .contentrealse td{
	font-size: 12px;
	padding:0px 0 4px 0;
}

#contentarea .contentsarea03 .contentrealse td img{
	padding:0 6px 0 6px;
}

#contentarea .contentsarea03 .contentrealse td a{
	color: #747474;
}






#contentarea .contentsarea04{
	clear:both;
	position:relative;
	width: 1065px;
	margin : 0 auto;
}

#contentarea .contentsarea04 .contentmidtitle{
	margin:0 auto;
}

#contentarea .contentsarea04 .contentmidtitle .text{
	padding:20px 0 5px 10px;
}

#contentarea .contentsarea04 .contentmidtitle .text a{
	color:#14739f;
}

#contentarea .contentsarea04 .contentmidtitle .more{
	
}



#contentarea .contentsarea04 .contentnews{
	float:left;
	width: 256px;
	height: 230px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea04 .contentnews .imglist{
	width: 256px;
	padding-left:2px;
	position:absolute;
}

#contentarea .contentsarea04 .contentcounsel{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea04 .contentcounsel .list{
	padding:6px 0 0 8px;
}

#contentarea .contentsarea04 .contentcounsel td{
	font-size: 12px;
	padding:4px 0 5px 0;
}

#contentarea .contentsarea04 .contentcounsel td img{
	padding:0 6px 0 6px;
}

#contentarea .contentsarea04 .contentcounsel td a{
	color: #747474;
}

#contentarea .contentsarea04 .btcounsel{
	width: 256px;
	padding-top:15px;
}

#contentarea .contentsarea04 .contentgonggi{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea04 .contentgonggi .list{
	padding:6px 0 0 8px;
}

#contentarea .contentsarea04 .contentgonggi td{
	font-size: 12px;
	padding:4px 0 5px 0;
}

#contentarea .contentsarea04 .contentgonggi td img{
	padding:0 6px 0 6px;
}

#contentarea .contentsarea04 .contentgonggi td a{
	color: #747474;
}


#contentarea .contentsarea04 .contentmedia{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea04 .contentmedia .list{
	width: 256px;
	height: 130px;
	position:relative;
	padding-bottom:6px;
}

#contentarea .contentsarea04 .contentmedia .imglist{
	width: 256px;
	position:absolute;
}

#contentarea .contentsarea04 .contentmedia td{
	font-size: 12px;
	padding:0px 0 4px 0;
}

#contentarea .contentsarea04 .contentmedia td img{
	padding:0 6px 0 6px;
}

#contentarea .contentsarea04 .contentmedia td a{
	color: #747474;
}


#contentarea .contentsarea05{
	clear:both;
	width: 1065px;
	height: 232px;
	margin :0 auto;
}

#contentarea .contentsarea05 .contentmidtitle{
	width:520px;
	height:54px;
	margin:0 auto;
	border-bottom:3px solid #bcbcbc;
}

#contentarea .contentsarea05 .contentreal2{
	float:left;
	width: 524px;
	height: 230px;
	background-color:#fff;
	border:1px solid #c0c0c0;
	margin-right:10px;
}

#contentarea .contentsarea05 .contentmidtitle .text{
	font-weight:bold;
	padding:20px 0 5px 10px;
	font-size:20px;
	color:#000;
}

#contentarea .contentsarea05 .contentreal2 .imglist{
	padding:15px 0 0 7px;
}

#contentarea .contentsarea05 .contentreal2 li{
	float:left;
	padding-right:3px;
}

#contentarea .contentsarea05 .contentreal2 li.end{
	float:left;
	padding-right:0px;
}


#contentarea .contentsarea05 .contentsystem{
	float:left;
	width: 256px;
	height: 230px;
	margin-right:10px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}

#contentarea .contentsarea05 .contentsbnf{
	float:left;
	width: 256px;
	height: 230px;
	background-color:#f0efed;
	border:1px solid #a2a2a2;
}


#contentarea .contentsarea06{
	clear:both;
	width: 1065px;
	height: 215px;
	margin :0 auto;
}






#blogbody1, #blogbody2, #blogbody3, #blogbody4{
	clear:both;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	width:478px;
	height:310px;
	overflow: hidden;
}

/* 하단 영역 */
#bottomarea {
	clear:both;
	position:relative;
	left: 0;
	top: 0;
	width: 100%;
	height:705px;
	background: url(../images/main/bottomarea_bg.jpg);
}

#bottomareabg{
	position:relative;
	left: 0;
	top: 0;
	width: 1300px;
	height: 705px;
	background: url(../images/main/bottomarea_bg.jpg);
	margin:0 auto;
}


#bottomarea .sitemap{
	position:relative;
	width: 1065px;
	height: 551px;
	margin : 0 auto;
}

#bottomarea .sitemap .title{
	font-weight:bold;
	font-size: 13px;
	color:#333333;
	padding-bottom:8px;
}
#bottomarea .sitemap .sub{
	font-size: 12px;
	color:#333333;
	padding-bottom:4px;
}

#bottomarea .sitemap .sub a:link, #bottomarea .sitemap .sub a:visited,#bottomarea .sitemap .sub a:active,#bottomarea .sitemap .sub a:hover{
	color:#333333;
}

#bottomarea .sitemap .sitemap_01{
	position:absolute;
	top: 20px;
	left: 0px;
}

#bottomarea .sitemap .sitemap_02{
	position:absolute;
	top: 20px;
	left: 150px;
}

#bottomarea .sitemap .sitemap_03{
	position:absolute;
	top: 20px;
	left: 270px;
}

#bottomarea .sitemap .sitemap_04{
	position:absolute;
	top: 20px;
	left: 415px;
}

#bottomarea .sitemap .sitemap_05{
	position:absolute;
	top: 20px;
	left: 570px;
}

#bottomarea .sitemap .sitemap_06{
	position:absolute;
	top: 20px;
	left: 685px;
}

#bottomarea .sitemap .sitemap_07{
	position:absolute;
	top: 20px;
	left: 800px;
}

#bottomarea .sitemap .sitemap_08{
	position:absolute;
	top: 20px;
	left: 940px;
}

#bottomarea .sitemap .sitemap_09{
	position:absolute;
	top: 320px;
	left: 0px;
}

#bottomarea .sitemap .sitemap_10{
	position:absolute;
	top: 320px;
	left: 125px;
}

#bottomarea .sitemap .sitemap_11{
	position:absolute;
	top: 320px;
	left: 270px;
}

#bottomarea .sitemap .sitemap_12{
	position:absolute;
	top: 320px;
	left: 435px;
}

#bottomarea .sitemap .sitemap_13{
	position:absolute;
	top: 320px;
	left: 550px;
}

#bottomarea .sitemap .sitemap_14{
	position:absolute;
	top: 320px;
	left: 660px;
}

#bottomarea .sitemap .sitemap_15{
	position:absolute;
	top: 320px;
	left: 770px;
}

#bottomarea .sitemap .sitemap_16{
	position:absolute;
	top: 320px;
	left: 900px;
}

#bottomarea .sitemap .sitemap_17{
	position:absolute;
	top: 320px;
	left: 1020px;
}

#bottomarea .copyrightarea{
	position:relative;
	width: 1000px;
	height: 154px;
	margin : 0 auto;
}

#bottomarea .copyrightarea .copyright{
	position:relative;
	width: 976px;
	height: 154px;
	margin : 0 auto;
}

#bottomarea .copyrightarea .copyright .bottomlogo{
	position: absolute;
	top: 64px;
}

#bottomarea .copyrightarea .copyright .bottommenu{
	position: absolute;
	top: 15px;
	left: 0px;
}

#bottomarea .copyrightarea .copyright .bottommenu li{
	float: left;
	padding-right:20px;
	font-size:13px;
	color:#b3b3b3;
	font-weight:bold;
}

#bottomarea .copyrightarea .copyright .bottommenu li a{
	color:#b3b3b3;
	font-weight:bold;
}

/* 모바일버전 바로가기 푸터 메뉴 추가 */

.mobileVerBtn{ margin-top:-8px; margin-left:491px;  }

/* // 모바일버전 바로가기 푸터 메뉴 추가 */

#bottomarea .copyrightarea .copyright .bottomcopyright{
	position: absolute;
	top: 70px;
	left: 170px;
	font-size:11px;
	line-height:20px;
	color:#747679;
}

#bottomarea .copyrightarea .copyright .bottomtel{
	position: absolute;
	top: 65px;
	right: 10px;
}

#bottomarea .copyrightarea .copyright .bottomsocial{
	position: absolute;
	top: 92px;
	right: 10px;
}

#bottomarea .copyrightarea .copyright .bottomsocial img{
	margin-left:8px;
}



#rightarea{
	margin:0;
	position: fixed;
	top: 154px;
	width: 580px;
	right: -480px;
	height: 10000px;
	z-index: 1000;
	overflow: hidden;
	background: #cccccc;
}

#rightarea .rightmenu{
	position: absolute;
	margin:0;
	top: 0;
	width: 100px;
	min-width: 40px;
	left: 0;
}

#rightarea .rightmenu .rightmenubt{
	cursor: pointer;
	margin-left:1px;
}

#rightarea .rightmenu .tel{
	background: url("../images/right/menubar_menu06.jpg");
	width: 100px;
	height: 128px;
	margin-left:1px;
}

#rightarea .rightmenu .hour{
	background: url("../images/right/menubar_menu10.jpg");
	width: 100px;
	height: 130px;
	margin-left:1px;
}


#rightarea .rightcont{
	position: absolute;
	top: 0;
	left: 100px;
	width: 480px;
	height: 10000px;
	background-color:#fff;
}

#rightarea .rightcont .rightcont01, #rightarea .rightcont .rightcont02, #rightarea .rightcont .rightcont03, #rightarea .rightcont .rightcont04, #rightarea .rightcont .rightcont05{
	position:absolute;
	margin: 0;
	left: 0;
	width: 480px;
	height: 450px;
}

#rightarea .rightcont .rightcont02{
	position: absolute;
	top: 0;
	left: 0;
	width: 480px;
	height: 10000px;
	background-color: #fff;
}


#rightarea .rightcont .close_btn{
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

#rightarea .rightcont .title{
	position: absolute;
	left: 27px;
	top: 50px;
}

#rightarea .rightcont .content{
	position: absolute;
	left: 27px;
	top: 150px;
}




#leftarea{
	margin:0;
	position: fixed;
	top: 0px;
	width: 133px;
	left: 0px;
	height: 10000px;
	z-index: 10000;
	background: url("../images/left/left_bg.jpg");
}

#leftarea .leftmenu{
	position: absolute;
	margin:0;
	top: 0;
	width: 132px;
	left: 0;
}

#leftarea .leftmenu .logo{
	background: url("../images/left/left_logo_bg.jpg");
	width: 132px;
	height: 155px;
}

#leftarea .leftmenu p{
	font-size:15px;
	padding:12px 0px;
	text-align:center;
	border-top:1px solid #d5d9dd;
	font-weight:bold;
}

#leftarea .leftmenu .menu2{
	background: url("../images/left/left_menu2_bg.jpg");
	width: 132px;
	height: 53px;
}



/*************************************
 * generic styling for ALS elements
 ************************************/
.img_div{
	width:1065px;
	margin: 0px auto;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	width:780px;
	list-style: none;
}

.als-item {
	position: relative;
/*	display: block;  */
	

/*	float: left; */
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

/*************************************
 * specific styling for #demo4
 ************************************/

#img_div {
	/*margin: 40px auto;*/
	position: relative;
	width: 1065px;
	z-index: 0;
}


#img_div .als-item {
	float:left;
	margin: 0px 30px 0px 30px;
	padding: 0px 0px 0px 0px;
	min-height: 100px;
	min-width: 100px;
	text-align: center;
}

#img_div .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}



#img_div .als-prev {
	top: 20px;
	left:20px;
}

#img_div .als-next {
	top: 20px;
	right: 20px;
}