@charset "utf-8";

/* --------------------------
	메인 - 전체속성
--------------------------- */
#index {
	margin: 0;
	padding: 0;
	overflow: hidden
}
#index a {
	color: #666
}
#index a:hover {
	color: #ff45b8
}
#index .list li {
	background: url(../image/common/bu_dot01.gif) no-repeat left center
}
#index .top-ddi {
	margin-bottom: 10px;
	padding-bottom: 0px
}
/* --------------------------
	상단영역
--------------------------- */

#index .top {
	padding: 2px 0 0px 0;
	margin: 0 0 0px 0;
	height: 100px
}
#index .top .login {
	float: left;
	width: 190px;
	overflow: hidden;
	border: 1px solid #dddfde;
	padding: 5px
}
#index .top .banner01 {
	float: left;
	width: 475px;
	margin: 0 3px;
	margin-left: 7px;
	padding: 0
}
#index .top .banner02 {
	float: right;
	width: 280px;
	text-align: left
}


/* main content */
#index .main-content {
	float: left;
	width: 680px;
	overflow: hidden;
	margin-top: 5px
}

#index .text-banner {
	border-bottom: 1px solid #dedede;
	height: 26px;
	line-height: 26px;
	margin-bottom: 15px
}
#index .text-banner .txt01 {
	float: left;
	width: 40%;
	overflow: hidden
}
#index .text-banner .txt02 {
	float: right;
	width: 60%;
	text-align: left;
	overflow: hidden
}


#index .headline {
	border: 1px solid #dfdfdf;
	padding: 5px
}


#index .main-content {
	width: 684px
}
#index .main-content .left {
	float: left;
	width: 440px;
	overflow: hidden
}

#index .main-content .right {
	float: right;
	width: 224px;
	overflow: hidden;
}
#index .main-content .right .right-c {
	border: 1px solid #d0d0d0;
	margin-top: 10px;
	padding: 10px;
	overflow: hidden
}

/* right content */
#index .right-content {
	float: right;
	width: 281px;
	overflow: hidden;
	margin-top: 5px
}
#index .right-content .cont {
	width: 160px
}

#index .star-photo a {
	font-size: 12px;
	color: #fff
}
/* ---------------------------------
	공통속성
--------------------------------- */
.widget-review02 {
	clear: both;
	overflow: hidden;
	margin: 0px;
	margin-top: 0px
}
.widget-review02 .list {
	overflow: hidden
}
.widget-review02 .list li {
	line-height: 17px;
	background: red
}
.widget-review02 p,
.widget-review02 a {
	line-height: 100%;
	font-family: gulim,굴림;
	color: #555
}

.widget-review02 .first-article {
	width: 123px; 
	float: left;
	margin-right:20px
}
.widget-review02 .first-article .thumb {
	text-align: center
}
.widget-review02 .first-article .thumb img {
	width: 123px;
	height: 76px;
	margin: 0 auto
}

.widget-review02 p.subject {
	clear: both;
	text-align: center;
	line-height: 120%;
	width: 123px;
	margin-left: 1px
}
.widget-review02 p.subject a {
	color: #555
}
.widget-review02 .cont {
	overflow: hidden
}
.widget-review02 .cont strong a {
	font-family: dotum,돋움;
	color: #555;
	line-height: 120%;
	padding: 0
}
.widget-review02 .cont .list {
	padding: 5px 0 0 0
}

.widget-review02 .wide-article {
	float: left;
	border: 1px solid #dfdfdf;
	padding: 5px
}
.widget-review02 .wide-article a {
	color: #555
}
.widget-review02 .wide-article .thumb {
	float: left;
	width: 314px; 
	height:134px;
	overflow: hidden
}
.widget-review02 .wide-article .cont {
	float: left;
	width: 100px;
	overflow: hidden
}


/* 플래너광장 */
.planner-and-plaza {
	border: 1px solid #dfdfdf;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden
}
.planner-and-plaza a:hover {
	color: #fe46b8
}

.planner-and-plaza h3 {
	color: #555;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 7px;
	margin-bottom: 7px;
	font-size: 13px
}

.planner-and-plaza ul li {
	clear: both;
	display: block
}

.planner-and-plaza ul li .cont {
	float: left;
	overflow: hidden;
	width: 70%
}

.planner-and-plaza .subject {
	font-size: 13px;
	color: #555;
	font-weight: bold
}
.planner-and-plaza .subject:hover {color: #fe46b8}

.planner-and-plaza .cont .content {
	font-size: 12px;
	color: #333;
	font-weight: normal
}
.planner-and-plaza li {
	clear: both
}
.planner-and-plaza .thumb {
	float: right
}
.planner-and-plaza a:hover {
	color: #fe46b8
}