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


/* visual 영역 */
#mainarea {
	clear:both;
	position:relative;
	left: 0;
	width: 100%;
	height:640px;
}

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

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

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

}

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

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


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

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

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

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

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

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


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

.MainVisualButtonbg .leftbt{position:absolute;left:0;cursor:pointer;}
.MainVisualButtonbg .rightbt{position:absolute;right:0;cursor:pointer;}

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

#MainVisualButton div.btn{
	float: left;
	position:relative;
	height: 70px;
	width: 263px;
	cursor: pointer;
	background: #2e2e2e;
	margin-right:1px;
	text-align:center;
}

#MainVisualButton div.end{
	float: left;
	position:relative;
	height: 70px;
	width: 263px;
	cursor: pointer;
	background: #2e2e2e;
	margin-right:0px;
	text-align:center;
}

#MainVisualButton .title{
	position:relative;
	font-size:0.85em;
	font-weight:bold;
	color:#ffffff;
	padding-top:25px;
}
#MainVisualButton .contents{
	position:relative;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}


/* 아이콘메뉴 영역 */
.miconarea{
	position:relative;
	height:250px;
	width:100%;
}

.miconarea .miconareabg{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
}

.miconareabg img{
	padding:0 25px;
}

.miconarea .micontext{
	position:relative;
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
}


/* 중간배너 영역 */
.abannerarea{
	height:463px;
	width:100%;
	background: url("/images/main/abanner.jpg") no-repeat top center;
}

.abannerarea .abannerareabg{
	height:463px;
	width:1200px;
	margin:0 auto;
	background: url("/images/main/abanner.jpg") no-repeat top center;
}


/* contents 영역 */
#contentarea{
	width: 1200px;
	margin:0 auto;
	margin-top:40px;
}

/*컨텐츠영역 1단*/
#contentarea .contentsarea01{
	position:relative;
	width: 1200px;
	height: 350px;
	margin : 0 auto;
	text-align:center;
	/*background: url("/images/main/sisul_bg.jpg") no-repeat top center;*/
}

#contentarea .contentsarea01 img{
	padding:37px 20px 0 0;
}

#contentarea .contentsarea01 img.end{
	padding:37px 0 0 0;
}


#contentarea .contentsarea01 .ssightarea{
	float:left;
	width:895px;
	height: 350px;
}

#contentarea .contentsarea01 .ssightarea .title{
	width:895px;
	height:60px;
}

#contentarea .contentsarea01 .ssightarea .title p{
	padding:17px 0 0 57px;
	font-weight:bold;
	font-size:1.2em;
}

#contentarea .contentsarea01 .ssightarea .ssightbody{
	width:895px;
	height:290px;
}

#contentarea .contentsarea01 .ssightarea .ssightbody div{
	float:left;
	width:272px;
	height:234px;
	margin-left:15px;
	margin-top:25px;
	border:1px solid #cccccc;
}

#contentarea .contentsarea01 .ssightarea .ssightbody div.first{
	float:left;
	width:272px;
	height:234px;
	margin-left:21px;
	margin-top:25px;
	border:1px solid #cccccc;
}

#contentarea .contentsarea01 .ssightarea .ssightbody div p{
	width:100%;
	text-align:center;
	padding-top:15px;
	font-size:0.7em;
	font-weight:bold;
}


#contentarea .contentsarea01 .cataractarea{
	float:left;
	width:305px;
	height: 350px;
}

#contentarea .contentsarea01 .cataractarea .title{
	width:305px;
	height: 60px;
}

#contentarea .contentsarea01 .cataractarea .title p{
	padding:17px 0 0 57px;
	font-weight:bold;
	font-size:1.2em;
}

#contentarea .contentsarea01 .cataractarea .cataractbody div{
	width:256px;
	height:234px;
	margin:0 auto;
	margin-top:25px;
	border:1px solid #cccccc;
}

#contentarea .contentsarea01 .cataractarea .cataractbody div p{
	width:100%;
	text-align:center;
	padding-top:15px;
	font-size:0.7em;
	font-weight:bold;
}

#bar{
	padding:30px 0 30px 0;
}



/*컨텐츠영역 2단*/
#contentarea .contentsarea02{
	clear:both;
	width: 1200px;
	height: 520px;
}

#contentarea .contentsarea02 .rollingarea{
	float:left;
	width: 592px;
	height: 520px;
	margin-right:16px;
}

#contentarea .contentsarea02 .bannerarea{
	position:relative;
	float:left;
	width: 592px;
	height: 520px;
}

#contentarea .contentsarea02 .bannerarea .bbanner{
	position:absolute;
	top:0;
	left:0;
	width:288px;
	height:326px;
}

#contentarea .contentsarea02 .bannerarea .docarea{
	position:absolute;
	top:0;
	left:304px;
	width:288px;
	height:326px;
}

#contentarea .contentsarea02 .bannerarea .btnarea{
	position:absolute;
	top:342px;
	left:0px;
	width:592px;
	height:178px;
}

#contentarea .contentsarea02 .bannerarea .btnarea p{
	float:left;
	margin-right:16px;
}

#contentarea .contentsarea02 .bannerarea .btnarea p.end{
	float:left;
	margin-right:0px;
}



/*컨텐츠영역 3단*/
#contentarea .contentsarea03{
	clear:both;
	width: 1200px;
	height: 300px;
	margin-bottom:77px;
}

#contentarea .contentsarea03 .noticearea{
	float:left;
	width: 288px;
	height: 300px;
	margin-right: 16px;
	background: url("/images/main/board_bg.jpg");
}

#contentarea .contentsarea03 .noticearea .title{
	width: 288px;
	height: 50px;
}

#contentarea .contentsarea03 .noticearea .title p{
	padding:20px 0 0 15px;
	font-weight:bold;
}

#contentarea .contentsarea03 .noticearea .list{
	margin:0 auto;
	width: 258px;
	font-size:0.70em;
	margin-top:15px;
	line-height:260%;
}

#contentarea .contentsarea03 .noticearea .list a{
	color:#2a2a2a;
}


#contentarea .contentsarea03 .counselarea{
	float:left;
	width: 288px;
	height: 300px;
	margin-right: 16px;
	background: url("/images/main/board_bg.jpg");
}

#contentarea .contentsarea03 .counselarea .counsel{
	margin:0 auto;
	width: 258px;
	font-size:0.70em;
	margin-top:15px;
}

#contentarea .contentsarea03 .counselarea .counsel .list{
	margin:0 auto;
	width: 258px;
	margin-top:15px;
	line-height:260%;
}

#contentarea .contentsarea03 .counselarea .counsel .list a{
	color:#2a2a2a;
}


#contentarea .contentsarea03 .maparea{
	float:left;
	width: 592px;
	height: 300px;
}

#contentarea .contentsarea03 .counselarea .reserve{
	margin:0 auto;
	width: 258px;
	margin-top:15px;
	text-align:center;
	display:none;
}

#contentarea .contentsarea03 .counselarea .reserve img{
	padding-top:20px;
}

#bt_counsel{ cursor:pointer;}
#bt_reserve{ cursor:pointer;}




#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;
}


#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;
}





.realmarea{
	position:relative;
	width:1200px;
	height:414px;
	margin:0 auto;
	margin-bottom:30px;
}

.realmbtarea{
	position:absolute;
	height:414px;
	width:519px;
	background: url("../images/main/real_m_bg.jpg");
}

.realmbtarea div{
	margin-left:3px;
	height:136px;
	width:513px;
}

.rmbt01{
	margin-top:3px;
	background: url("../images/main/real_m01.jpg");
}
.rmbt01.on{
	margin-top:3px;
	background: url("../images/main/real_m01_o.jpg");
}

.rmbt02{
	background: url("../images/main/real_m02.jpg");
}

.rmbt02.on{
	background: url("../images/main/real_m02_o.jpg");
}

.rmbt03{
	background: url("../images/main/real_m03.jpg");
}

.rmbt03.on{
	background: url("../images/main/real_m03_o.jpg");
}


.realmcontarea{
	position:absolute;
	left:519px;
	height:414px;
	width:737px;
}


.bnfarea{
	width:1200px;
	height:250px;
	background-color:#f0f0f0;
	margin:0 auto;
	margin-bottom:60px;
}

.bnfarea img{
	margin-right:12px;
	margin-top:30px;
}
.bnfarea #bnfbt01{
	margin-left:30px;
}

.rstoryarea{
	width:100%;
	height:600px;
	background-color:#dfdfdf;
	margin-bottom:60px;
}

.rstoryareabg{
	width:1200px;
	height:600px;
	margin:0 auto;
}

.rstoryareabg p{
	float:left;
}



.handarea{
	position:fixed;
	width:280px;
	height:538px;
	top:10px;
	right:10px;
	z-index:6000;
}

.handarea .close{
	position:absolute;
	width:50x;
	height:50px;
	top:0px;
	right:0px;
	z-index:7000;
	cursor:pointer;
}


.handbg{
	width:280px;
	height:538px;
	background: url("/quickcounsel/images/bg.png") no-repeat top center;
}