/*
	- Project : shopinside
	- Author : koreacenter
	- Description :  main style sheet
	- Create : 2010-09-24
	- Modify : YYYY-MM-DD
	- Version : ver 1.0

	* 수정 주석처리 순서 : 날짜 이름 수정사항

	- MODIFY HISTORY (수정 부분, 수정일 반드시 작성)
		-
*/

/*
========================================================================
MAIN
	- mHeader
	- footer
	- mContent
========================================================================
*/
#mainWrapper {
	background: url(/img/bg/bg_quicksetmenu.gif) repeat-x 0 123px;
}
#mainWrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
/* mHeader */
#mHeader {
	position: relative;
	height: 131px;
	padding-top: 123px;
}
#mHeader .bi,
#mHeader #quickSearch,
#mHeader .recommend-step,
#mHeader .relation-site,
#mHeader .member-link {
	position: absolute;
}
#mHeader img {
	vertical-align: middle;
}
	/* bi */
	#mHeader .bi {
		left: 12px;
		top: 35px;
	}
	/* quick-search */
	#mHeader #quickSearch {
		left: 50%;
		top: 7px;
		margin-left: -50px;
		width: 425px;
		height: 48px;
		background: url(/img/bg/bg_quicksearch.gif) no-repeat 0 0;
	}
	#mHeader #quickSearch .txt-keyword,
	#mHeader #quickSearch .rmd-keyword,
	#mHeader #quickSearch .btn-submit {
		position: absolute;
	}
	#mHeader #quickSearch .txt-keyword,
	#mHeader #quickSearch .rmd-keyword {
		width: 230px;
		height: 18px;
	}
	#mHeader #quickSearch .txt-keyword {
		left: 130px;
		top: 13px;
		border: 0;
		background: none;
	}
	#mHeader #quickSearch .rmd-keyword {
		left: 131px;
		top: 14px;
	}
	#mHeader #quickSearch .btn-submit {
		overflow: hidden;
		top: 1px;
		right: 7px;
		width: 40px;
		height: 40px;
		background: none;
	}
	#mHeader #quickSearch .btn-submit span {
		visibility: hidden;
	}
	/* recommend-step */
	#mHeader .recommend-step {
		left: 50%;
		margin-left: -25px;
		top: 57px;
	}
	#mHeader .recommend-step {
		text-align: right;
	}
	#mHeader .recommend-step h2,
	#mHeader .recommend-step ul,
	#mHeader .recommend-step ul li {
		display: inline;
	}
	#mHeader .recommend-step h2 {
		font-weight: bold;
	}
	#mHeader .recommend-step ul li {
		margin-right: 15px;
	}
	/* relation-site */
	#mHeader .relation-site {
		left: 11px;
		top: 105px;
	}
	#mHeader .relation-site li {
		float: left;
		width: auto;
		height: 12px;
		margin-right: 12px;
	}
	#mHeader .relation-site li a {
		overflow: hidden;
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		font-size: 10px;
		white-space: nowrap;
	}
	#mHeader .relation-site li a span {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-image: url(../img/main/txt_relation_site.gif);
		background-repeat: no-repeat;
	}
	#mHeader .relation-site li.inside {
		width: 51px;
	}
	#mHeader .relation-site li.makeshop {
		width: 40px;
	}
	#mHeader .relation-site li.domain {
		width: 29px;
	}
	#mHeader .relation-site li.design {
		width: 29px;
	}
	#mHeader .relation-site li.search-ads {
		width: 40px;
	}
	#mHeader .relation-site li.global-market {
		width: 39px;
	}
	#mHeader .relation-site li.high-school {
		width: 41px;
	}
	#mHeader .relation-site li.college {
		width: 30px;
	}
	#mHeader .relation-site li.organization {
		width: 41px;
	}
		/* a background */
		#mHeader .relation-site li.inside a span {
			background-position: 0px 0px;
		}
		#mHeader .relation-site li.makeshop a span {
			background-position: -63px 0px;
		}
		#mHeader .relation-site li.domain a span {
			background-position: -116px 0px;
		}
		#mHeader .relation-site li.design a span {
			background-position: -158px 0px;
		}
		#mHeader .relation-site li.search-ads a span {
			background-position: -200px 0px;
		}
		#mHeader .relation-site li.global-market a span {
			background-position: -252px 0px;
		}
		#mHeader .relation-site li.high-school a span {
			background-position: -301px 0px;
		}
		#mHeader .relation-site li.college a span {
			background-position: -354px 0px;
		}
		#mHeader .relation-site li.organization a span {
			background-position: -397px 0px;
		}
	/* member-link */
	#mHeader .member-link {
		right: 0px;
		top: 102px;
		font-size: 0;
		line-height: 0;
	}
	#mHeader .member-link li {
		display: inline;
		margin-left: 3px;
	}
	#mHeader .member-link li img {
		vertical-align: top;
	}
	/* quickSetMenu */
	#mHeader #quickSetMenu {
		overflow: hidden;
		height: 131px;
		width: 100%;
	}
	#mHeader #quickSetMenu ul {
		*zoom: 1;
		width: 1000px;
		padding-top: 25px;
	}
	#mHeader #quickSetMenu ul:after {
		content: "";
		display: block;
		clear: both;
	}
	#mHeader #quickSetMenu li,
	#mHeader #quickSetMenu li a {
		float: left;
		width: 69px;
		height: 86px;
	}
	#mHeader #quickSetMenu li {	 
		margin-right: 30px;
	}
	#mHeader #quickSetMenu li a {
		position: relative;
	}
	#mHeader #quickSetMenu li a .icon img {
		vertical-align: top;
	}
	#mHeader #quickSetMenu li .new {
		position: absolute;
		display: block;
		left: 50%;
		top: -20px;
		margin-left: -14px;
		width: 27px;
		height: 35px;
	}
	#mHeader #quickSetMenu li .icon-hot {
		position: absolute;
		display: block;
		left: 50%;
		top: -27px;
		margin-left: -19px;
		width: 33px;
		height: 41px;
	}
	#mHeader #quickSetMenu li .new-count {
		position: absolute;
		display: block;
		right: 0;
		top: -10px;
		width: 30px;
		height: 21px;
		text-align: center;
		font-weight: bold;
		color: #fff;
		font-family: Tahoma;
		font-size: 12px;
		line-height: 21px;
		background: url(../img/bg/bg_menu_count.png) no-repeat 0 0;
	}
	#mHeader #quickSetMenu li .btn,
	#mHeader #quickSetMenu li .btn img { display: block; }

#mHeader #quickSearch #openCast{
	margin-left:420px
}
/* footer */ 
#footer {
	padding-left: 215px;
	border-top: 3px solid #55942b;
}
#footer .foot-bi {
	left: 31px;
	top: 48px;
	width: 148px;
	height: 38px;
	background: url(/img/main/foot_bi.gif) no-repeat;
}

/* mContent */
	/* foundationStep */
	#mContent #foundationStep {
		
	}
	/* edu-lecture */
	#mContent .edu-lecture .lecture-comm {
		position: relative;
		overflow: hidden;
		padding-top: 20px;
		width: 100%;
	}
	#mContent .edu-lecture .lecture-comm .more-view {
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 15px;
		width: 93px;
		height: 18px;
		background: url(/img/main/txt_lecture_class_more_view.gif) no-repeat 0 0;
	}
	#mContent .edu-lecture .lecture-comm .more-view span {
		visibility: hidden;
	}
	#mContent .edu-lecture .lec-list {
		overflow: hidden;
		height: 1%;
		margin-top: 7px;
		width: 990px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e4ddda;
	}
	#mContent .edu-lecture .lec-list li {
		overflow: hidden;
		position: relative;
		float: left;
		width: 135px;
		margin-right: 30px;
	}
	#mContent .edu-lecture .lec-list li li {
		overflow: visible;
		float: none;
		width: auto;
		margin-right: 0;
	}
	#mContent .edu-lecture .lec-list .thumb-img {
		position: relative;
	}
	#mContent .edu-lecture .lec-list .thumb-img .thumb-icon {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
	}
	#mContent .edu-lecture .lec-list .info-st {
		text-align: center;
		margin-top: 5px;
		font-size: 0;
		line-height: 0;
	}
	#mContent .edu-lecture .lec-list .info-st li {
		display: inline;
		padding: 0 4px;
		-color: #666;
		font-size: 11px;
		line-height: 13px;
		font-weight: bold;
		letter-spacing: -2px;
	}
	#mContent .edu-lecture .lec-list .info-st li.st {
		-color: #ff5c5a;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	#mContent .edu-lecture .lec-list .info-dsc {
		margin-left: 5px;
		margin-top: 5px;
	}
	#mContent .edu-lecture .lec-list .info-dsc li {
		padding-left: 5px;
		height: 13px;
		line-height: 13px;
		background: url(/img/bull/bull_h2_w2_sqr_999.gif) no-repeat 0 45%;
	}
	#mContent .edu-lecture .lec-list li .d-view {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 157px;
		background: #fff;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	#mContent .edu-lecture .lec-list li .d-view span {
		visibility: hidden;
	}
		/* lecture-lv3 */
		#mContent .edu-lecture .lecture-lv3 .lec-list {
			padding-bottom: 0;
			border-bottom: 0;
		}
		
	/* info-content */
	#mContent .info-content { 
		*zoom: 1;
		margin-top: 20px;
	}
	#mContent .info-content:after {
		content: "";
		display: block;
		clear: both;
	}
	#mContent .info-cs-ad,
	#mContent .info-post-design {
		float: left;
	}
		/* 광고 */
		#mContent #infoAd {
			position: relative;
			width: 467px;
			height: 229px;
			background: url(/img/main/bg_info_ad.gif) no-repeat 0 0;
			overflow: hidden;
		}
		#mContent #infoAd .list-hash,
		#mContent #infoAd .list,
		#mContent #infoAd .list li {
			position: absolute;
		}
		#mContent #infoAd .list-hash {
			z-index: 1;
			right: 20px;
			bottom: 20px;
		}
		#mContent #infoAd .list-hash li,
		#mContent #infoAd .list-hash a {
			float: left;
			width: auto;
		}
		#mContent #infoAd .list-hash li {
			display: inline;
			margin-left: 3px;
		}
		#mContent #infoAd .list-hash a {
			display: block;
			overflow: hidden;
			width: 5px;
			height: 5px;
			text-indent: -999px;
			background: #fff;
			border: 3px solid #ccc;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#mContent #infoAd .list-hash a.now,
		#mContent #infoAd .list-hash a:hover {
			border: 3px solid orange;
		}
		#mContent #infoAd .list,
		#mContent #infoAd .list li,
		#mContent #infoAd .list li img,
		#mContent #infoAd .list li img a {
			float: left;
			width: 435px;
			height: 200px;
		}
		#mContent #infoAd .list {
			z-index: 0;
			*zoom: 1;
			overflow: hidden;
			left: 17px;
			top: 15px;
		}
		#mContent #infoAd .list li {
			left: 0px;
			top: 0px;
			display: none;
		}
		#mContent #infoAd .list li#infoAd1 {
			display: block;
		}

		/* 광고, 고객센터, 교육소식 */
		#mContent .info-cs-ad {
			width: 467px;
			margin-right: 18px;
		}
			#mContent .info-cs-ad .cs-board {
				overflow: hidden;
				height: 1%;
				margin-top: 20px;
			}
			#mContent .info-cs-ad #csCenter,
			#mContent .info-cs-ad .edu-news-wrap {
				float: left;
			}
			/* 고객센터 */
			#mContent .info-cs-ad #csCenter {
				width: 205px;
				margin-right: 17px;
			}
			#mContent .info-cs-ad #csCenter .tab-list {
				position: relative;
				height: 49px;
				background: url(/img/main/img_cs_center_tab_wrap.gif) no-repeat 0 0;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list {
				position: absolute;
				left: 20px;
				top: 10px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li {
				overflow: hidden;
				float: left;
				height: 27px;
				line-height: 27px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li.list01 {
				width: 44px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li.list02 {
				width: 80px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li.list03 {
				width: 45px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li a {
				display: block;
				width: 100%;
				height: 100%;
				background-image: url(../img/main/img_cs_center_tab.gif);
				background-repeat: no-repeat;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li.list01 a {
				background-position: 0px -27px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li.list02 a {
				background-position: -44px -27px;
			}
			#mContent .info-cs-ad #csCenter .tab-list .list li.list03 a {
				background-position: -124px -27px;
			}
				/* hover */
				#mContent .info-cs-ad #csCenter .tab-list .list li.list01 a.now {
					background-position: 0px 0px;
				}
				#mContent .info-cs-ad #csCenter .tab-list .list li.list02 a.now {
					background-position: -44px 0px;
				}
				#mContent .info-cs-ad #csCenter .tab-list .list li.list03 a.now {
					background-position: -124px 0px;
				}
			#mContent .info-cs-ad #csCenter .tab-list .list li span {
				visibility: hidden;
			}
			#mContent .info-cs-ad #csCenter .tab-cont-comm {
				position: relative;
				display: none;
			}
				/* 텝 - 교육 문의 */
				#mContent .info-cs-ad #csCenter #csTabCont01 {
					display: block;
					height: 230px;
					background: url(/img/main/img_cs_center_faq.gif) no-repeat 0 0;
				}
				#mContent .info-cs-ad #csCenter #csTabCont01 h3 {
					position: absolute;
					left: 21px;
					top: -72px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont01 .faq-info {
					position: absolute;
					left: 30px;
					top: 112px;
					width: 109px;
					height: 12px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont01 .faq-info .email {
					overflow: hidden;
					width: 109px;
					height: 12px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont01 .faq-info .email a {
					width: 100%;
					height: 100%;
				}
				#mContent .info-cs-ad #csCenter #csTabCont01 .faq-info .email a span {
					visibility: hidden;
				}
				
				/* 텝 - 고등학교&대학교*/
				#mContent .info-cs-ad #csCenter #csTabCont02 {
					display: none;
					height: 230px;
					background: url(/img/main/img_cs_center_faq02.gif) no-repeat 0 0;
				}
				#mContent .info-cs-ad #csCenter #csTabCont02 h3 {
					position: absolute;
					left: 21px;
					top: -72px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont02 .faq-info {
					position: absolute;
					left: 30px;
					top: 112px;
					width: 109px;
					height: 12px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont02 .faq-info .email {
					overflow: hidden;
					width: 120px;
					height: 12px;
					position: absolute;
				}
				
				#mContent .info-cs-ad #csCenter #csTabCont02 .faq-info .el-01 {
					top: 20px;
					left: 0px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont02 .faq-info .el-02 {
					top: 32px;
					left: 0px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont02 .faq-info .email a {
					display: block;
					width: 100%;
					height: 100%;
				}
				#mContent .info-cs-ad #csCenter #csTabCont02 .faq-info .email a span {
					visibility: hidden;
				}
				
				
				/* 텝 - 교육기관*/
				#mContent .info-cs-ad #csCenter #csTabCont03 {
					display: none;
					height: 230px;
					background: url(/img/main/img_cs_center_faq03.gif) no-repeat 0 0;
				}
				#mContent .info-cs-ad #csCenter #csTabCont03 h3 {
					position: absolute;
					left: 21px;
					top: -72px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont03 .faq-info {
					position: absolute;
					left: 30px;
					top: 112px;
					width: 109px;
					height: 12px;
				}
				#mContent .info-cs-ad #csCenter #csTabCont03 .faq-info .email {
					overflow: hidden;
					width: 120px;
					height: 12px;
					position: absolute;
					top: 11px;
					left: 0px;
				}
				
				#mContent .info-cs-ad #csCenter #csTabCont03 .faq-info .email a {
					display: block;
					width: 100%;
					height: 100%;
				}
				#mContent .info-cs-ad #csCenter #csTabCont03 .faq-info .email a span {
					visibility: hidden;
				}
				
				
			/* 교육소식 */
			#mContent .info-cs-ad .cs-board .edu-news-wrap {
				width: 245px;
			}
			#mContent .info-cs-ad .cs-board .edu-news {
				position: relative;
				overflow: hidden;
				height: 120px;
				margin-bottom: 17px;
			}
			#mContent .info-cs-ad .cs-board .edu-news .more-view {
				position: absolute;
				overflow: hidden;
				right: 0;
				top: 0;
				display: block;
				width: 27px;
				height: 13px;
				background: url(/img/main/txt_edunews_more_view.gif) no-repeat 0 0;
			}
			#mContent .info-cs-ad .cs-board .edu-news .more-view span {
				visibility: hidden;
			}
			#mContent .info-cs-ad .cs-board .edu-news .news-list { 
				margin-top: 7px;
			}
			#mContent .info-cs-ad .cs-board .edu-news .news-list li {
				overflow: hidden;
				width: 237px;
				display:block;
				background: #fff;
				overlfow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				height: 20px;
				padding-left: 8px;
				line-height: 20px;
				background: url(/img/bull/bull_h2_w2_sqr_999.gif) no-repeat 0 45%;
			}
			#mContent .info-cs-ad .cs-board .edu-news .news-list li a:hover {
				text-decoration: underline;
			}
			#mContent .info-cs-ad .cs-board .edu-news .news-list li img {
				vertical-align: middle;
			}
			/* 광고 - 고등학교, 대학교 */
			#mContent .info-cs-ad .cs-board #schoolUniversity {
				overflow: hidden;
				position: relative;
				width: 245px;
				height: 91px;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity a span {
				visibility: hidden;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list {
				position: absolute;
				width: 102px;
				height: 26px;
				left: 50%;
				top: 0;
				margin-left: -51px;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li {
				height: 100%;
				float: left;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li a {
				display: block;
				width: 100%;
				height: 100%;
				cursor: pointer;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li.list01 {
				width: 56px;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li.list02 {
				width: 46px;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li.list01 a {
				background: url(/img/main/img_schuniv_tab01_off.png);
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main/img_schuniv_tab01_off.png', sizingMethod='crop');
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li.list02 a {
				background: url(/img/main/img_schuniv_tab02_off.png);
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main/img_schuniv_tab02_off.png', sizingMethod='crop');
			}
				/* focus */
				#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li.list01 a.now {
					background: url(/img/main/img_schuniv_tab01_on.png);
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main/img_schuniv_tab01_on.png', sizingMethod='crop');
				}
				#mContent .info-cs-ad .cs-board #schoolUniversity .tab-list li.list02 a.now {
					background: url(/img/main/img_schuniv_tab02_on.png);
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main/img_schuniv_tab02_on.png', sizingMethod='crop');
				}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-cont-comm {
				display: none;
				width: 245px;
				height: 91px;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity .tab-cont-comm a {
				display: block;
				width: 100%;
				height: 100%;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity #schUnivTabCont01 {
				display: block;
				background: url(/img/main/img_schuniv_tabcont01.gif) no-repeat 0 0;
			}
			#mContent .info-cs-ad .cs-board #schoolUniversity #schUnivTabCont02 {
				background: url(/img/main/img_schuniv_tabcont02.gif) no-repeat 0 0;
			}
			
			/* 광고 - 전국교육기관 */
			#mContent .info-cs-ad .cs-board #whole {
				overflow: hidden;
				position: relative;
				width: 245px;
				height: 90px;
				margin-top: 17px;
			}
			#mContent .info-cs-ad .cs-board #whole a span {
				visibility: hidden;
			}
			#mContent .info-cs-ad .cs-board #whole .tab-list {
				position: absolute;
				right: 13px;
				top: 12px;
			}
			#mContent .info-cs-ad .cs-board #whole .tab-list li {
				overflow: hidden;
				float: left;
				display: inline;
				width: 8px;
				height: 8px;
			}
			#mContent .info-cs-ad .cs-board #whole .tab-list li a {
				display: block;
				width: 100%;
				height: 100%;
				background: url(/img/main/img_whole_tab_off.png);
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main/img_whole_tab_off.png', sizingMethod='crop');
			}
			#mContent .info-cs-ad .cs-board #whole .tab-list li.list02 {
				margin-left: 6px;
			}
				/* focus */
				#mContent .info-cs-ad .cs-board #whole .tab-list li a.now {
					background: url(/img/main/img_whole_tab_on.png);
					_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main/img_whole_tab_on.png', sizingMethod='crop');
				}
			#mContent .info-cs-ad .cs-board #whole .tab-cont-comm {
				display: none;
				width: 245px;
				height: 90px;
			}
			#mContent .info-cs-ad .cs-board #whole .tab-cont-comm a {
				display: block;
				width: 100%;
				height: 100%;
			}
			#mContent .info-cs-ad .cs-board #whole #wholeTabCont01 {
				display: block;
				background: url(/img/main/img_whole_tabcont01.gif) no-repeat 0 0;
			}
			#mContent .info-cs-ad .cs-board #whole #wholeTabCont02 {
				background: url(/img/main/img_whole_tabcont02.gif) no-repeat 0 0;
			}
		/* 교육후기, 광고, 우리가만든 디자인 */
		#mContent .info-post-design {
			width: 475px;
		}
		#mContent .info-post-design .latest-post {
			overflow: hidden;
			*zoom: 1;
			position: relative;
			width: 100%;
		}
			/* 교육후기 */
			#mContent .info-post-design .latest-post .more-view {
				position: absolute;
				overflow: hidden;
				right: 2px;
				top: 5px;
				display: block;
				width: 27px;
				height: 13px;
				background: url(/img/main/txt_edunews_more_view.gif) no-repeat 0 0;
			}
			#mContent .info-post-design .latest-post .more-view span {
				visibility: hidden;
			}
			#mContent .info-post-design .latest-post h2 {
				padding-top: 5px;
				padding-bottom: 9px;
				background: url(/img/main/bg_latest_post_stit.gif) repeat-x 0 bottom;
			}
			#mContent .info-post-design .latest-post ul li {
				overflow: hidden;
				position: relative;
				float: left;
				width: 465px;
				margin-top: 8px;
				padding-left: 7px;
				background: url(/img/bull/bull_h2_w2_sqr_999.gif) no-repeat 0 5px;
			}
			#mContent .info-post-design .latest-post ul li .d-view {
				position: absolute;
				display: block;
				left: 0;
				top: 0;
				width: 100%;
				height: 100px;
				background: #fff;
				opacity: 0;
				filter: alpha(opacity=0);
			}
			#mContent .info-post-design .latest-post ul li .d-view span {
				visibility: hidden;
			}
			#mContent .info-post-design .latest-post ul li dt {
				font-weight: bold;
				height: 16px;
			}
			#mContent .info-post-design .latest-post ul li dt span {
				margin-left: 3px;
				font-size: 0;
				line-height: 0;
				vertical-align: middle;
			}
			#mContent .info-post-design .latest-post ul li dt span img {
				margin-right: 1px;
				vertical-align: middle;
			}
			#mContent .info-post-design .latest-post ul li dd {
				white-space: nowrap;
				overflow: hidden;
				width: 100%;
				height: 16px;
				text-overflow: ellipsis;
			}
			/* 광고 */
			#mContent .info-post-design .info-ad-wrap {
				*zoom :1;
				overflow: hidden;
				padding-top: 19px;
			}
			#mContent .info-post-design .info-ad-wrap .info-banner,
			#sinfoAd2 {
				float: left;
			}
			#mContent .info-post-design .info-ad-wrap .info-banner {
				width: 237px; 
			}
			#mContent .info-post-design .info-ad-wrap .info-banner .first {
				margin-bottom: 5px; 
			}
				/* 롤링 배너 */
				#sinfoAd2 {
					position: relative;
					width: 237px; 
					height: 123px;
					overflow: hidden;
				}
				#sinfoAd2 .list-hash,
				#sinfoAd2 .list,
				#sinfoAd2 .list li {
					position: absolute;
				}
				#sinfoAd2 .list-hash {
					z-index: 1;
					right: 5px;
					bottom: 5px;
				}
				#sinfoAd2 .list-hash li,
				#sinfoAd2 .list-hash a {
					float: left;
					width: auto;
				}
				#sinfoAd2 .list-hash li {
					display: inline;
					margin-left: 3px;
				}
				#sinfoAd2 .list-hash a {
					display: none;
					overflow: hidden;
					width: 5px;
					height: 5px;
					text-indent: -999px;
					background: #fff;
					border: 3px solid #ccc;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				#sinfoAd2 .list-hash a.now,
				#sinfoAd2 .list-hash a:hover {
					border: 3px solid orange;
				}
				#sinfoAd2 .list,
				#sinfoAd2 .list li,
				#sinfoAd2 .list li img,
				#sinfoAd2 .list li img a {
					float: left;
					width: 237px;
					height: 123px;
				}
				#sinfoAd2 .list {
					z-index: 0;
					*zoom: 1;
					overflow: hidden;
					left: 0px;
					top: 0px;
				}
				#sinfoAd2 .list li {
					left: 0px;
					top: 0px;
					display: none;
				}
				#sinfoAd2 .list li#sinfoAd2_1 {
					display: block;
				}


			/* 우리가만든 디자인 */
			#mContent .info-post-design .wedesign {
				position: relative;
				height: 197px;
				margin-top: 15px;
				border: 1px solid #e0d9d9;
				background: url(/img/main/bg_wedesign_box.gif) repeat-x 0 0;
			}
			/* 우리가만든 디자인 */
			#mContent .info-post-design .wedesign h2,
			#mContent .info-post-design .wedesign #wedesignTab,
			#mContent .info-post-design .wedesign .list-wrap,
			#mContent .info-post-design .wedesign .more-view {
				position: absolute;
			}
			#mContent .info-post-design .wedesign h2 {
				left: 21px;
				top: 25px;
			}
			#mContent .info-post-design .wedesign .more-view {
				overflow: hidden;
				right: 22px;
				top: 175px;
				display: block;
				width: 71px;
				height: 11px;
				background: url(/img/main/txt_wedesign_more.gif) no-repeat 0 0;
			}
			#mContent .info-post-design .wedesign .more-view span {
				visibility: hidden;
			}
				/* tab */
				#mContent .info-post-design .wedesign #wedesignTab {
					right: 15px;
					top: 45px;
				}
				#mContent .info-post-design .wedesign #wedesignTab li {
					float: left;
					height: 11px;
					margin-right: 7px;
				}
				#mContent .info-post-design .wedesign #wedesignTab li.list01 {
					width: 16px;
				}
				#mContent .info-post-design .wedesign #wedesignTab li.list02 {
					width: 19px;
				}
				#mContent .info-post-design .wedesign #wedesignTab li.list03 {
					width: 19px;
				}
				#mContent .info-post-design .wedesign #wedesignTab li a {
					position: relative;
					display: block;
					height: 100%;
					cursor: pointer;
				}
				#mContent .info-post-design .wedesign #wedesignTab li a .tab-tit,
				#mContent .info-post-design .wedesign #wedesignTab li a .now-bull {
					background: url(/img/main/txt_wedesign_tab.gif) no-repeat 0 0;
				}
				#mContent .info-post-design .wedesign #wedesignTab li a .tab-tit {
					overflow: hidden;
					display: block;
					height: 11px;
					text-indent: -9999px;
				}
					/* number */
					#mContent .info-post-design .wedesign #wedesignTab li.list01 a .tab-tit {
						background-position: 0px -10px;
					}
					#mContent .info-post-design .wedesign #wedesignTab li.list02 a .tab-tit {
						background-position: -23px -10px;
					}
					#mContent .info-post-design .wedesign #wedesignTab li.list03 a .tab-tit {
						background-position: -47px -10px;
					}
					
				#mContent .info-post-design .wedesign #wedesignTab li a .now-bull {
					display: none;
					position: absolute;
					top: -10px;
					left: 50%;
					width: 7px;
					height: 7px;
					margin-left: -4px;
					font-size: 0;
					line-height: 0;
					background-position: -4px 0;
				}
				#mContent .info-post-design .wedesign #wedesignTab li.list01 .now-bull {
					display: block;
				}
				/* tab content */
				#mContent .info-post-design .wedesign .list-wrap {
					left: 22px;
					top: 70px;
					overflow: hidden;
					width: 429px;
					height: 97px;
				}
				#mContent .info-post-design .wedesign .list-wrap #wedesignList {
					position: absolute;
					left: 0;
					top: 0;
					overflow: hidden;
					width: 1344px;
					height: 97px;
				}
				#mContent .info-post-design .wedesign .list-wrap li {
					position: relative;
					float: left;
					width: 93px;
					margin-right: 19px;
					height: 97px;
					text-align: center;
				}
				#mContent .info-post-design .wedesign .list-wrap li p {
					height: 13px;
					line-height: 13px;
				}
				#mContent .info-post-design .wedesign .list-wrap li p.tit {
					margin-top: 5px;
				}
				#mContent .info-post-design .wedesign .list-wrap li a.more {
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					width: 93px;
					height: 97px;
					background: #fff;
					opacity: 0;
					filter: alpha(opacity=0);
				}
				#mContent .info-post-design .wedesign .list-wrap li a.more span {
					visibility: hidden;
				}		
	/* shop campus */
	#mContent .banner-foot { margin-top: 15px; font-size: 0; line-height: 0; }
	#mContent .banner-foot a { float: left; width: auto; }
	#mContent .banner-foot #sinfoAd3, 
	#mContent .banner-foot .campus { float:left; }
		/* 롤링 3 */
		#sinfoAd3 { position: relative; width: 480px; height: 107px; overflow: hidden; }
		#sinfoAd3 .list-hash,
		#sinfoAd3 .list,
		#sinfoAd3 .list li { position: absolute; }
		#sinfoAd3 .list-hash { z-index: 1; right: 5px; bottom: 5px; }
		#sinfoAd3 .list-hash li,
		#sinfoAd3 .list-hash a { float: left; width: auto; }
		#sinfoAd3 .list-hash li { display: inline; margin-left: 3px; }
		#sinfoAd3 .list-hash a { 
					display: none; overflow: hidden; width: 5px; height: 5px; text-indent: -999px; background: #fff; border: 3px solid #ccc;
					border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		#sinfoAd3 .list-hash a.now,
		#sinfoAd3 .list-hash a:hover { border: 3px solid orange; }
		#sinfoAd3 .list,
		#sinfoAd3 .list li,
		#sinfoAd3 .list li img,
		#sinfoAd3 .list li img a { float: left; width: 480px; height: 107px; }
		#sinfoAd3 .list { z-index: 0; *zoom: 1; overflow: hidden; left: 0px; top: 0px; }
		#sinfoAd3 .list li { left: 0px; top: 0px; display: none; }
		#sinfoAd3 .list li#sinfoAd3_1 { display: block; }
	/* 파트너 */
	#mContent .partner { clear:both; height: 25px; padding: 25px 0; text-align: center; }
	#mContent .partner li { display: inline; font-size: 0; vertical-align: middle; }
	#mContent .partner li a { display: inilne-block; padding: 0 10px; }

	.fee_free{color:#2fc22f;}
	.fee_pay{color:#ff5c5a;}

	.font_offline{color:#41c1c1;}
	.font_online{color:#8282fe;}