@charset "UTF-8";

@import url('/Css/common.css');
@import url('/Css/common2.css');
@import url('/Css/layout.css');
/* 2009-03-17 overflow-x:hidden; 추가 */
html, body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
}
/* //2009-03-17 overflow-x:hidden; 추가 */

/* linkBase */
a:link,
a:visited {
	color:#6D6D6D;
}
a:hover,
a:active {
	color:#317eb4;
	text-decoration:underline;
}

body {
	width:100%;
	background:#fff url(/Images/Layout/bgIndex.gif) repeat-x left top;
}

body.nobody{
	width:100%;
	background:none;
}
div#headerArea {
	width:100%;
	padding-top:4px;
}

	div#headerArea div.top {
		width:1000px;
		height:59px;
		margin:0 auto;
	}
		div.topAllMenu {
			left:25px;
		}
		div.topLeft {
			width:407px;
			float:left;
			overflow:none;
		}
			div.topLeft div.mileCityTop{
				margin:0;
				padding:24px 0 0 105px;
			}
		div.topMiddle {
			width:208px;
			height:59px;
			float:left;
			position:absolute;
			top:0;
			left:415px;
		}
		div.topAllMenu {
			height:21px;
			width:950px;
			z-index:9999;
			position:absolute;
			top:0;
		}

		div.topRight {
			position:relative;
			top:0;
			left:513px;
			*left:120px;
			text-align:right;
			z-index:30;
			width:420px;
			height:55px;
		}

		ul.mtopMenu{
			position:absolute;
			top:6px;
			right:0;
		}

		ul.mtopMenu li{
			float:left;
			padding-top:1px;
			margin-right:7px;
		}
		ul.mtopMenu li.btn{
			float:left;
			margin-right:3px;
			padding-top:0;
		}
		ul.mtopMenu li.last{
			float:left;
			margin-right:0;
			padding-top:0;
		}

		div.topmSearch {
			position:absolute;
			top:25px;
			right:-3px;
			width:290px;
			overflow:hidden;
			text-align:right;
			padding:0;
		}

		div.topmSearch span.keywordBox {
			float:left;
			display:block;
			height:17px;
			padding:2px 2px 0 0;
			margin-left:3px;
			border:1px solid #757575;
		}

		*html div.topmSearch span.keywordBox {
			right:24px;
		}

		*html div.topmSearch span.keywordBox a img {
			vertical-align:top;
		}

		div.topmSearch input.keyword {
			height:13px;
			vertical-align:top;
			border:0;
			font-family:Dotum, "돋움";
			font-size:12px;
			color:#787878;
		}

		div.topmSearch a.btn {
			display:block;
			padding-top:1px;
			float:right;
		}

		*html div.topmSearch a.btn {
			padding-top:13px;
		}

		*html div.topmSearch span.keywordBox {
			padding-top:2px;
		}

		*html div.topmSearch span.keywordBox img {
			vertical-align:middle;
		}

		*html div.topmSearch input.keyword {
			vertical-align:middle;
		}

div#headerArea div.mainMenu {
	clear:both;
	width:100%;
	margin:0 auto 0;
	padding:0;
}

div#headerArea div.mainMenu img {
	vertical-align:middle;
}


div#contentArea {
	width:935px;
	margin:0 auto;
	padding:24px 0 0 65px;
}

	div.leftArea {
		width:206px;
		margin-right:12px;
		float:left;
	}
		div.milecityBanner {
			width:206px;
			height:130px;
			padding:0;
		}
		div.milecityBanner h2 {
			margin-bottom:10px;
		}
		div.milecityBanner a {
			display:block;
			margin-top:6px;
		}
		div.unicef {
			margin:11px 0 10px 0;
			padding:12px 0 9px 0;
			border:1px solid #e3e3e3;
		}
		div.unicef h2 {
			text-align:center;
			margin:0 0 5px 0;
			padding:0;
		}
		div.unicef h2.unicefTit{
			margin:0 0 3px 0;
		}
		p.titSub {
			margin:0;
			padding:0;
			text-align:center;
		}
		div.unicef a img {
			vertical-align:middle;
		}
		p.price {
			text-align:center;
			margin:6px 0 10px 0px;
			padding:0 0 6px 0;
			letter-spacing:-3px;
			background:#fff url(/Images/Layout/bgUnicefLine.gif) no-repeat left bottom;
		}
		p.price img.comma {
			padding-right:3px;
		}
		p.price img.won {
			padding-left:2px;
		}
		dl.storyList{
			position:relative;
			height:50px;
			margin:10px 0 0 14px;
			padding:0 0 0 0;
			font:0/0 Arial;
		}
		dl.storyList dt{
			width:90px;
			margin:0;
			padding:1px 0 3px 74px;
			letter-spacing:-1px;
			color:#666666;
			font:11px/13px Dotum;
		}
		dl.storyList dd.img{
			position:absolute;
			top:0;
			left:0;
		}
		dl.storyList dd.btn{
			margin:0;
			padding:0 0 0 74px;
		}
		div.memberShipZone {
			margin:26px 0 0 1px;
			padding:0 0 8px 12px;
			border-bottom:1px solid #eaeaea;
			background:#fff url(/Images/Layout/bgMemberShipZone.gif) no-repeat right top;
		}
		div.memberShipZone h2 {
			padding:0 0 6px 1px;
		}
		div.memberShipZone p {
			margin:9px 0 0 0;
		}
		div.mobileService p {
			margin:8px 0 0 0;
		}
		div.memberShipZone a,
		div.mobileService a{
			padding-left:7px;
			margin-right:18px;
			background:#fff url(/Images/Bullet/bullBlackArrow.gif) no-repeat left center;
		}
		div.mobileService {
			margin-left:1px;
			padding:12px 0 7px 12px;
			border-bottom:1px solid #eaeaea;
			background:#fff url(/Images/Layout/bg975Mobile.gif) no-repeat right top;
		}
		div.mobileService h2 {
			margin-bottom:6px;
		}
		
	div.centerArea {
		width:434px;
		margin-right:12px;
		_margin-right:3px;
		float:left;
	}
		div.centerArea .contentWrap{
			overflow:hidden;
			width:434px;
			margin:11px 0 0 0;
			padding:0;
			background:#fff url(/Images/Layout/bg_Main01Line.gif) repeat-y left top;
		}
		div.centerArea h2{
			width:400px;
			margin:1px 0 0 17px;
			padding:9px 0 0 0;
		}
		div.centerArea h2.tit{
			margin-top:6px;
		}
		div.centerArea h2.first{
			width:417px;
			margin:0;
			padding:13px 0 0 17px;
			border:0;
			background:#fff url(/Images/Layout/bg_Main01Top.gif) no-repeat left top;
		}
		div.centerArea .contBox{
			overflow:hidden;
			width:400px;
			margin:0 0 0 17px;
			padding:10px 0 10px 0;
			border-bottom:1px solid #EAEAEA;
		}
		div.centerArea div.line{
			width:417px;
			margin:0;
			padding:10px 0 9px 17px;
			border-bottom:1px solid #EAEAEA;
		}
		div.centerArea .contBox .userimg{
			float:left;
			margin:0;
			padding:0 14px 0 0;
		}
		div.centerArea .contBox .userimg img{
			display:block;
		}
		div.centerArea .contBox dl{
			margin:0;
			padding:1px 0 0 0;
			color:#666666;
			font:bold 12px/14px Dotum;
			letter-spacing:-1px;
		}
		div.centerArea .contBox dl dt{
			margin:0;
			padding:0;
		}
		div.centerArea .contBox dl dt strong{
			color:#4B8BCC;
		}
		div.centerArea .contBox dl dd{
			margin:0;
			padding:1px 0 4px 0;
			color:#888888;
			font:normal 11px/16px Dotum;
		}
		div.centerArea .contBox ul{
			float:left;
			overflow:hidden;
			width:auto;
			margin:0;
			padding:4px 0 0 0;
			color:#666666;
			font:normal 12px/14px Dotum;
			letter-spacing:-1px;
		}
		div.centerArea .contBox ul li{
			margin:0;
			padding:0 0 4px 8px;
			background:url(/Images/Bullet/bulDotGray05.gif) no-repeat left 5px;
		}
		div.centerArea .shoppingList{
			overflow:hidden;
			width:434px;
			margin:8px 0 0 0;
			padding:0;
		}
		div.centerArea .shoppingList li{
			float:left;
			width:198px;
			height:75px;
			margin:0;
			padding:0 0 0 15px;
		}
		div.centerArea .shoppingList li dl{
			position:relative;
			width:198px;
			margin:0;
			padding:0;
		}
		div.centerArea .shoppingList li dl dt{
			margin:0;
			padding:22px 0 5px 108px;
		}
		div.centerArea .shoppingList li dl dd.img{
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:98px;
			height:73px;
			margin:0;
			padding:0;
			border:1px solid #E8E8E8;
		}
		div.centerArea .shoppingList li dl dd.price{
			margin:0;
			padding:0 0 0 108px;
			color:#FF6000;
			font:bold 12px/14px Dotum;
		}

		div.centerArea dl.notice{
			overflow:hidden;
			width:419px;
			height:21px;
			margin:11px 0 0 0;
			padding:10px 0 0 15px;
			background:#fff url(/Images/Layout/bg_Main01Footer.gif) no-repeat left top;
		}
		div.centerArea dl.notice dt{
			float:left;
			margin:0;
			padding:0 12px 0 0;
			background:url(/Images/Bullet/bullArrowOran.gif) no-repeat right 4px;
		}
		div.centerArea dl.notice dd{
			float:left;
			margin:0;
			padding:0 0 0 7px;
			color:#666666;
			font:normal 11px/14px Dotum;
			letter-spacing:-1px;
		}
		div.centerArea dl.notice dd.first{
			border-right:1px solid #666666;
			padding-right:7px;
		}
	div.rightArea {
		width:206px;
		float:left;
	}

		/* 동호추가 */



		.mt9{
			margin-top:9px;
		}
		.rightArea{
		   float:left;
		   width:206px;
		   padding:0 0 19px 0;
		}
		.rightArea .Banner{
			width:206px;
			font:0/0 Arial;
			overflow:hidden;
		}
		.rightArea .MainRigth{
		   width:202px;
		   padding:0 0 11px 4px;
		   background:url('/Images/Layout/bg_Mainline.gif') repeat-y left top;
		}
		.rightArea .MainRigth h2{
			width:189px;
			height:19px;
			padding:10px 0 0 8px;
			font:0/0 Arial;
			background:url('/Images/Layout/bg_Ma02.gif') no-repeat left top;
		}
		.rightArea .MainRigth h2 img{
			float:left;
		}
		.rightArea .MainRigth h2 a img{
			float:right;
			margin:2px 13px 0 0;
		}
		.rightArea .MainRigth h2.first{
			width:193px;
			height:19px;
			padding:13px 0 0 13px;
			margin-left:-4px;
			background:url('/Images/Layout/bg_Maintop.gif') no-repeat left top;
		}
		.rightArea .MainRigth h2.first02{
			width:193px;
			height:20px;
			padding-top:17px;

			background:url('/Images/Layout/bg_Maintop02.gif') no-repeat left top;
		}
		.rightArea .MainRigth ul.Bullet01{
			width:187px;
			list-style:none;
			padding:0 0 10px 9px;
			margin:8px 0 0 0;
			margin-left:1px;
			
		}
		.rightArea .MainRigth ul.Bullet01 li{
			font:11px/14px Dotum;
			color:#666666;
			padding:0 0 0 6px;
			margin:2px 0 0 0;
			letter-spacing:-1px;
			background:url('/Images/Bullet/bulletDot.gif') no-repeat left 6px;
		}
		.rightArea .rightBox{
			width:180px;
			padding:9px 0 0 16px;
			overflow:hidden;
		}
		.rightArea .rightBox dl{
			float:right;
			width:100px;
		}
		.rightBox dl dt{
			padding:1px 0 0 0;
			font:11px/14px Dotum; 
		}
		.rightBox dl dt strong{
			color:#98CD3C;
		}
		.rightArea .rightBox dl dd{
			overflow:hidden;
			font:11px/14px Dotum;
			color:#8B8989;
		}
		.rightArea .rightBox dl dd img{
			float:left;
			margin-top:3px;
		}
		.rightArea .rightBox dl dd strong.bar{
			float:left;
			margin:0 0 0 2px;
			padding:1px 0 0 13px;
			background:url('/Images/Layout/bg_Ma01.gif') no-repeat left 3px;
		}
		.rightArea .rightBox dl dd strong{
			color:#FF6000;
		}
		.rightArea .rightBox .carImg{  
			float:left;
			 width:65px;
			height:48px;
			font:0/0 Arial;
		}
		.rightArea .rightBox .carImg img{
			width:65px;
			height:48px;
		}
		.rightArea .rightBox dl dd.nb{
			padding:6px 0 0 0;
		}
	.imgBanner{
		margin:10px 0 0 0;
	}

div#footerArea {
	clear:both;
	width:838px;
	height:139px;
	margin:10px auto 0 auto;
	padding:0 0 0 32px;
	background:url('/Images/Layout/bg_Footer.gif') no-repeat top left;
}


	/*div#footerArea p.content img,*/
	div#footerArea div.content img {
		vertical-align:top;
	}

	/* ie6은 content 부분 높이 설정해야함.. */
	*html div#footerArea div.top {
		height:21px;
	}
	*html div#footerArea div.bottom {
		height:25px;
	}
	/* //ie6은 content 부분 높이 설정해야함.. */

	/* div.top p.content Images 배열 부분 (이미지에 링크가 없을 경우, margin-top 값을 img에 적용하면 됩니다.*/
	div#footerArea div.top div.content .titLink {
		margin:6px 77px 0 43px;
	}

	/* div.bottom p.content Images 배열 부분 */
	div#footerArea div.bottom div.content p.milestoryLink {
		float:left;
		margin:1px 59px 0 21px;
		_margin:1px 57px 0 10px;
	}

    div#footerArea div.bottom div.content p.milestoryAddress {
		width:650px;
		margin-bottom:5px;
		overflow:hidden;
	}

	*:first-child+html div#footerArea div.bottom div.content p.milestoryAddress {
		margin-bottom:4px;
	}

	*html div#footerArea div.bottom div.content p.milestoryAddress {
		margin-bottom:4px;
	}

    div#footerArea div.bottom div.content p.milestoryAddress a {
		line-height:1px;
		font-size:1px;
		*font-size:11px;
		float:left;
		_display:inline;
	}

    *html div#footerArea div.bottom div.content address {
		margin-bottom:-9px;
	}
	/* //div.bottom p.content Images 배열 부분 */

/*codpro 2009-01-20*/
div.cp-msmeber{
	margin:12px 0 4px;
}
ul.cp-mswebzine{
	width:206px;
	padding-bottom:5px;
}
	ul.cp-mswebzine li{
		width:206px;
	}
h2.cp-today{
	margin:9px 0 0 0;
	padding:0;
}
div.cp-tgoods{
	clear:both;
	background:url(/Images/Mall/shoppingbox.gif) no-repeat;
	width:206px;
	height:79px;
	margin-top:9px;
	padding:2px 0 2px 23px;
}
div.cp-mboxtype01{
	width:417px;
	height:249px;
	padding:0 0 0 17px;
	margin-top:8px;
	*margin-top:12px;
	background:url(/Images/Layout/bg_box01.gif) no-repeat;
}
	div.cp-mboxtype01 h2.cp-tit,
	div.cp-mboxtype02 h2.cp-tit{
		padding:15px 0 0 4px;
		margin:0;
	}
dl.cp-leisure{
	width:427px;
	overflow:hidden;
	padding-top:18px;
}
	dl.cp-leisure dd.img{
		float:left;
		width:110px;
		margin-right:17px;
		_margin-right:8px;
	}
		dl.cp-leisure dd.img img{
			border:1px solid #4B4949;
		}
	dl.cp-leisure dt{
		float:left;
		width:300px;
		padding:4px 0 7px;
		font-weight:bold;
		color:#525151;
	}
	dl.cp-leisure dd{
		float:left;
		width:300px;
	}
		dl.cp-leisure dd ul{
		}
		dl.cp-leisure dd ul li{
			background:url(/Images/Layout/bl02.gif) no-repeat 1px 4px;
			padding-left:8px;
			line-height:140%;
			font-size:11px;
			color:#969696;
		}
div.cp-mboxtype02{
	width:416px;
	height:103px;
	padding:14px 0 0 18px;
	overflow:hidden;
	clear:both;
	background:url(/Images/Layout/bg_box02.gif) no-repeat;
}
	div.cp-mboxtype02 h2.cp-cafe{
		margin:0;
		padding:2px 0 0 5px;
		width:80px;
		float:left;
	}
ul.cp-cafeblog{
	width:420px;
	overflow:hidden;
	padding-top:10px;
}
	ul.cp-cafeblog li{
		width:200px;
		height:13px;
		float:left;
		padding:0 0 10px 8px;
		background:url(/Images/Layout/bl01.gif) no-repeat 0 3px;
		font-size:11px;
		letter-spacing:-1px;
	}
		ul.cp-cafeblog li span{
			font-weight:bold;
		}

ul.cp-cafetab{
	width:320px;
	overflow:hidden;
	float:right;
	margin:0;
}
	ul.cp-cafetab li{
		float:left;
		margin-left:1px;
	}
div.cp-openevent{
	margin:0 0 0;
}
/*shopping*/
div.cp-shopping{
	width:206px;
	border-bottom:1px solid #ddd;
	position:relative;
	margin:15px 0 6px;
}
	div.cp-shopping h2.cp-tshop{
		margin:0 0 3px;
		padding:0;
	}
	div.cp-shopping ul{
		position:absolute;
		bottom:-1px;
		right:0;
	}
		div.cp-shopping ul li{
			float:left;
			font-size:0;
			line-height:0;
		}
/*//codpro 2009-01-20*/