@charset "utf-8";
/* CSS Document */
/*================================
	quick
================================*/

.mainWrap #quick .quick_top{display:none;}



#wrap{position:relative; width:100%; min-width:1546px; }



/*================================
	main_visual
================================*/
.l-band-wrap {overflow:hidden; position:relative; cur sor:pointer;}
.l-band-wrap * {cu rsor:pointer;}
.l-band {cu rsor:pointer;}
.l-band * {cur sor:pointer;}
.indis {overflow:hidden; position:absolute; right:230px; bottom:30px; height:69px; z-index:99;}
.indis > li {width:63px; height:63px; position:relative; float:left; margin-right:10px;}
.indis > li.li_03 {margin-right:0;}
.indis > li > a {width:100%; height:100%; display:block;}
.indis > li > div.blinder {
	width: 100%;
	height: 100%;
	background: black;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	cursor: pointer;
}

.slides {width:100%; height:100%;}
.slides > div {width:100%; height:100%; position:absolute; top:0; left:100%;}
/* .slides > div.item_01 {left:0;} */
.slides > div > a {display:block; width:100%; height:100%; position:relative; top:0; left:0;}
.slides > div > a > div {position:absolute; width:100%;}
.slides > div > a > div.img_wrap {top:0 ;left:0;}
.slides > div > a > div.img_wrap > div {position:relative; width:100%; height:100%;}
.slides > div > a > div > div > img {width:100%; z-index:150;}

.timer {display:none; visibility:hidden;}

/* .txt_area 관련 css */

.slides > div div.txt_area {width:100%; height:100%;}
.slides > div div.txt_area > div {width:100%; height:100%; position:relative;}
.slides > div div.txt_area > div .pos_ab {position:absolute;}
.slides > div div.txt_area > div .pos_rel {width:100%; height:100%; position:relative;}
.slides > div div.txt_area > div .pos_rel > p {position:absolute;}
.slides > div div.txt_area > div .pos_rel > p > img {max-width:100%;}

.item_01 .txt_area .pos_ab {width:1500px; height:0px; top:0px; left:1000px;}
.item_01 .txt_area .pos_rel {}
.item_01 .txt_area .pos_ab .desc_02 {top:268px; left:0;}
.item_01 .txt_area .pos_ab .desc_03 {top:348px; left:0;}



.item_02 .txt_area .pos_ab {width:795px; height:560px;  margin-top:50px; margin-left:280px; }
.item_02 .txt_area .pos_rel {}
.item_02 .txt_area .pos_ab .desc_01 {top:0; left:0px; }
.item_02 .txt_area .pos_ab .desc_02 {top:242px; left:0px;}
.item_02 .txt_area .pos_ab .desc_03 {top:489px; left:0px;}



.item_03 .txt_area .pos_ab {width:900px; height:506px; top:200px; left:460px;}
.item_03 .txt_area .pos_rel {}
.item_03 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_03 .txt_area .pos_ab .desc_02 {top:160px; left:0;}
.item_03 .txt_area .pos_ab .desc_03 {top:280px; left:10px;}


.item_04 .txt_area .pos_ab {width:800px; height:506px;  margin-top:80px; margin-left:350px;}
.item_04 .txt_area .pos_rel {}
.item_04 .txt_area .pos_ab .desc_01 {top:80; left:0px;}
.item_04 .txt_area .pos_ab .desc_02 {top:182px; left:0px;}
.item_04 .txt_area .pos_ab .desc_03 {top:462px; left:10px;}


.item_05 .txt_area .pos_ab {width:710px; height:506px; top:200px; left:460px;}
.item_05 .txt_area .pos_rel {}
.item_05 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_05 .txt_area .pos_ab .desc_02 {top:150px; left:0;}
.item_05 .txt_area .pos_ab .desc_03 {top:280px; left:10px;}

.item_06 .txt_area .pos_ab {width:375px; height:435px; top:253px; left:1100px;}
.item_06 .txt_area .pos_rel {}
.item_06 .txt_area .pos_ab .desc_01 {top:0; left:0;}
.item_06 .txt_area .pos_ab .desc_02 {top:220px; left:0;}
.item_06 .txt_area .pos_ab .desc_03 {top:450px; left:10px;}



/*================================
	main_container
================================*/
	
	
	.conMid .sec03{
	overflow: hidden;
	position: relative;
}
	.conMid .sec03 .link{overflow:hidden; float:left; }



	.conMid .sec03 .link li{float:left; width:100%; height:80px; margin:0 0px 0 0; }
	/* .conMid .sec03 .link li div img{position:absolute; left:76px; bottom:41px;} */

	.conMid .sec03 .link li.li01{position:relative;  width:100%; height:80px;}
	
	
	.conMid .sec03 .mosaic-block {overflow:hidden; float:left; position:relative; width:103px; height:80px;}
	.conMid .sec03 .mosaic-block2 {overflow:hidden; float:left; position:relative; width:89px; height:80px;}
	.conMid .sec03 .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}	
	.conMid .sec03 .mosaic-overlay {z-index:5; display:none; position:absolute; 	width:100%; height:100%;}
	.conMid .sec03 .fade .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}
	
	
	
		.conMid2 .sec02{
	overflow: hidden;
	position: relative;
}
	.conMid2 .sec02 .link{overflow:hidden; float:left; }



	.conMid2 .sec02 .link li{float:left; width:100%; height:166px; margin:0 0px 0 0; }
	/* .conMid .sec03 .link li div img{position:absolute; left:76px; bottom:41px;} */

	.conMid2 .sec02 .link li.li01{position:relative;  width:100%; height:166px;}
	
	
	.conMid2 .sec02 .mosaic-block {overflow:hidden; float:left; position:relative; width:361px; height:166px;}
	.conMid2 .sec02 .mosaic-block2 {overflow:hidden; float:left; position:relative; width:361px; height:166px;}
	.conMid2 .sec02 .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}	
	.conMid2 .sec02 .mosaic-overlay {z-index:5; display:none; position:absolute; 	width:100%; height:100%;}
	.conMid2 .sec02 .fade .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}
	
	
	
	
		.conMid1 .sec01{
	overflow: hidden;
	position: relative;
}
	.conMid1 .sec01 .link{overflow:hidden; float:left; }



	.conMid1 .sec01 .link li{float:left; width:100%; height:265px; margin:0 0px 0 0; }
	/* .conMid .sec03 .link li div img{position:absolute; left:76px; bottom:41px;} */

	.conMid1 .sec01 .link li.li01{position:relative;  width:100%; height:265px;}
	
	
	.conMid1 .sec01 .mosaic-block {overflow:hidden; float:left; position:relative; width:380px; height:265px;}
	.conMid1 .sec01 .mosaic-block2 {overflow:hidden; float:left; position:relative; width:380px; height:265px;}
	.conMid1 .sec01 .mosaic-backdrop {display:none; position:absolute; top:0; width:100%; height:100%;}	
	.conMid1 .sec01 .mosaic-overlay {z-index:5; display:none; position:absolute; 	width:100%; height:100%;}
	.conMid1 .sec01 .fade .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);}