@import url(./basic.css);




/*--------------------------------------------------------------------------------------
                                   메인1  320 + 20 + 320 + 20 + 320
-----------------------------------------------------------------------------------------*/

	/*배경*/

	#bannerArea {position:absolute;top:0;left:0;width:100%;height:auto;z-index:0;}
	#bannerArea img{width:100%;height:auto;}
	.swipe { overflow: hidden; position: relative; width: 100%; height: auto; }
	.swipe-wrap { overflow: hidden; position: relative; }
	.swipe-wrap > div { float: left; width: 100%;position: relative; }
	.swipe-wrap > div span{display:block;width: 100%;height:400px;}
	.swipe .nav { position: absolute; width: 40px; height: 35px; z-index: 5; text-align: center; line-height: 40px; display: inline-block; color: #000; top: 40%; cursor: pointer; background-color: rgba(255,255,255,0.8) }
	.swipe .nav.next { right: 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
	.swipe .nav.prev { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }



	#contentWrap {position:relative; padding:0;margin: 0 auto; margin:0;font-size:1em; font-weight:400;width:100%;line-height:16px;z-index:1;;}
	#contentWrap img{width:100%;}
	#contentWrap .social img{width:10px;}
	#contentWrap img.tit{padding:20px 0 10px}


	/*상단컨텐츠 레이아웃*/
	#bannerArea {position:static;}



/* 퀵메뉴 */
#quickMenu {width:100%;font-size:1em;line-height:1em;z-index:10;background-color:#efefef;padding:10px 0;text-align:center;} /*   */
#quickMenu .link{float:left;width:33.3%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#quickMenu .link img{padding-right:10px;width:20px;height:20px;}