@charset "utf-8";

* { margin: 0; padding: 0; }
a { text-decoration: none; color: #343434; }
a:hover { text-decoration: underline; color: #ff0000; }
body { background: url(http://cfs.tistory.com/custom/blog/32/326349/skin/images/20120130_bg.jpg?=10900606060.1422000846305717) 50% 0 repeat-x; font-family: "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana; color: #666; } /* 메인 body 속성 */
/* body { background: url(./images/bg_sub.jpg) 50% 0 repeat; font-family: "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana; } */ /* 서브 body 속성 */
.b { border: 1px solid #ff0000; }

/* recentPost */
#recentPost {margin-top:-25px;}
#recentPost ul { padding: 0; list-style: none;}
#recentPost li { list-style: none; line-height: 1.4; font-size:12px; color:#666;}
#recentPost li a {color:#666;}
#recentPost h3 {border-top:#555 1px solid; border-bottom:#555 1px solid; font-weight:bold; padding: 7px 0 7px 0; margin: 5px auto; font-family: dotum; font-size: 12px; color: #464646;}

/* 서브페이지 
------------------------------------------------------------------- */
.sub { width: 763px; margin: auto; overflow: hidden; }

	/* 헤더 */
	.sub .header { height: 86px; padding-top: 28px; }

		/* 로고 */
		.sub .header .logo { width: 109px; height: 43px; background: url(./images/logo_dior.gif) 0 0 no-repeat; }
			.sub .header .logo a { display: block; width: 109px; height: 43px; }
				.sub .header .logo a span { display: none; }

	/* 컨텐츠 부분 */
	.sub .content { width: 551px; float: left; border: 1px solid #dfdfdf; padding: 12px; overflow: hidden; margin-bottom: 20px; background-color: #fff; }

		/* 엔트리 */
		.sub .content .entry { margin-bottom: 20px; border-bottom: 1px dashed #dedede; }

			/* 포스팅 타이틀 박스 */
			.sub .content .entry .titleWrap { margin-bottom: 15px; }
				.sub .content .entry .titleWrap h2 { font-size: 15px; letter-spacing: -1px; color: #000; text-decoration: none; letter-spacing: -1px; }
					.sub .content .entry .titleWrap h2 a { font-size: 15px; letter-spacing: -1px; color: #000; text-decoration: none; letter-spacing: -1px; }
					.sub .content .entry .titleWrap h2 a:hover { color: #ff0000; }
				.sub .content .entry .titleWrap .category {  }
					.sub .content .entry .titleWrap .category a { color: #000; font-size: 11px; font-family: "돋움", Dotum, "굴림", Gulim; }
				.sub .content .entry .titleWrap .date { font-family: Tahoma, Verdana; font-size: 10px; }

			/* 관리자 툴바 */
			.sub .content .entry .titleWrap .admin { font-size: 11px; margin-top: 5px; }
				.sub .content .entry .titleWrap .admin a { color: #444; letter-spacing: -1px; }

			/* 포스팅 타이틀 박스 */
			.sub .content .entry .article { color: #333; font-size: 13px; line-height: 22px; font-family: "굴림", Gulim; }

			/* 태그 트레일 */
			.sub .content .entry .author { font-size: 12px; }

			/* 태그 트레일 */
			.sub .content .entry .tagTrail { font-size: 11px; border: 1px solid #e9e9e9; padding: 10px 10px 10px 40px; margin-bottom: 9px; background: #f7f7f7 url(./images/icon_tag.gif) 10px 13px no-repeat; line-height: 18px; }

			/* 액션 트레일 */
			.sub .content .entry .actionTrail { margin-bottom: 15px; font-size: 12px; }

			/* 카테고라이징 & 검색리스트 */
			.sub .content #searchList {  }
				.sub .content #searchList h3 { font-size: 14px; color: #000; }
				.sub .content #searchList ol { margin-bottom: 20px; line-height: 20px; }
					.sub .content #searchList ol li { font-size: 12px; }
						.sub .content #searchList ol li a { color: #444; }
						.sub .content #searchList ol li .date { font-size: 9px; font-family: tahoma; }
						.sub .content #searchList ol li a:hover { text-decoration: underline; color: #ff0000; }

	/* 사이드바 부분 */
	.sub .sidebar { width: 166px; float: right; overflow: hidden; margin-bottom: 20px; }

	/* 위젯 */
	.sub .sidebar .widget { margin-bottom: 18px; }

	/* 검색 */
	.sub .sidebar .s_search { margin-bottom: 24px; }
		.sub .sidebar .s_search .search_input { background-color: #000; border: 1px solid #9d9d9d; width: 110px; height: 12px; padding: 4px 5px; color: #fff; font-size: 12px; font-family: "돋움", Dotum; }
		.sub .sidebar .s_search .submit { width: 35px; background-color: #181819; border: #2f2f30; color: #fff; font-size: 11px; font-weight: bold; font-family: "돋움", Dotum; letter-spacing: -1px; height: 20px; }

		/* 카테고리 */
		.sub .sidebar #category { font-family: Verdana, tahoma, "lucia grande", "돋움", Dotum; margin-bottom: 10px; }
			.sub .sidebar #category a:hover { text-decoration: none; }
			.sub .sidebar #category span { font-size: 9px; font-weight: normal; color: #777; }
			.sub .sidebar #category h3 { width: 69px; height: 14px; background: url(./images/label_blogmenu.gif) 0 0 no-repeat;	 margin-bottom: 14px; }
				.sub .sidebar #category h3 span { display: none; }
				.sub .sidebar #category ul { overflow: hidden; }
					.sub .sidebar #category ul li { overflow: hidden; font-size: 0; }
						.sub .sidebar #category ul li a { display: none; }
						.sub .sidebar #category ul li ul { margin-bottom: 15px; }
						.sub .sidebar #category ul li ul li a { display: block; color: #000; font-size: 12px; font-weight: bold; border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 6px 2px; margin-bottom: 5px; }
						.sub .sidebar #category ul li ul li ul li { margin: 0; padding: 0; }
						.sub .sidebar #category ul li ul li ul li a { display: block; color: #666; font-size: 12px; font-weight: normal; border: none; padding: 0 2px 6px 2px; margin: 0; }

		/* 트랙백 */
		.trackback { margin-bottom: 10px; }
			.trackback h3 { font-size: 12px; }
			.trackback img { border: none; }

		/* 코멘트 */
		.comment { margin-bottom: 10px; font-size: 12px; }
			.comment h3 { font-size: 12px; }
			
			/* 코멘트 읽기 */
			.comment .commentList {  }
				.comment .commentList ol { list-style-type: none; }
					.comment .commentList ol li { border-bottom: 1px dashed #d5d5d5; margin-bottom: 6px; padding-bottom: 6px; }
						.comment .commentList ul { padding-left: 20px; margin-top: 6px; list-style-type: none; background: url(./images/icon_re.gif) 2px 5px no-repeat; }
							.comment .commentList ul li {  }
				.comment .commentList .date { font-size: 11px; font-family: tahoma; }
				.comment .commentList .control {  }
					.comment .commentList .control a { font-size: 11px; letter-spacing: -1px; }

			/* 코멘트 쓰기 */
			.comment .commentWrite {  }
				.comment .commentWrite textarea { width: 500px; }

		/* 페이징 */
		#paging { font-size: 11px; font-family: Verdana, Tahoma; }
			#paging a { border: 1px solid #f2f2f2; background-color: #f9f9f9; padding: 2px 3px; }
			#paging a:hover { border: 1px solid #d2d2d2; background-color: #d9d9d9; padding: 2px 3px; }
			#paging .selected { font-weight: bold; color: #ff0000; }

	/* 푸터 */
	.sub .footer { clear: both; overflow: hidden; margin-bottom: 20px; border-top: 1px solid #999; padding-top: 20px; font-size: 12px; font-family: Tahoma; text-align: center; }

/* 메인페이지
------------------------------------------------------------------- */
.main { width: 776px; margin: auto; overflow: hidden; }

	/* 헤더 */
	.main .header { height: 75px; overflow: hidden; background: url(./images/bg_main_gnb.gif) 0 0 no-repeat; position: relative; margin-bottom: 30px; }
		.main .header span { display: none; }
		.main .header a { display: block; }	

		/* 로고 */
		.main .logo { background: url(./images/logo_main.gif) 0 0 no-repeat; width: 67px; height: 27px; position: absolute; top: 29px; left: 0; }
			.main .logo a { display: block; width: 67px; height: 27px; background: url(./images/logo_main.gif) 0 0 no-repeat;  }

		/* 메인 네비게이션 */
		.main .header .gnb { width: 615px; height: 24px; overflow: hidden; position: absolute; left: 161px; bottom: 18px; }
			.main .header .gnb li { display: block; height: 24px; float: left; }
				.main .header .gnb li a { height: 24px; }
				.main .header .gnb li a:hover { background-position: 0 -24px; }
			.main .header .gnb .makeup_team { width: 78px; }
				.main .header .gnb .makeup_team a { width: 78px; background: url(./images/btn_gnb01.gif) 0 0 no-repeat; }
			.main .header .gnb .trend_makeup { width: 107px; }
				.main .header .gnb .trend_makeup a { width: 107px; background: url(./images/btn_gnb02.gif) 0 0 no-repeat; }
			.main .header .gnb .makeup_consulting { width: 132px; }
				.main .header .gnb .makeup_consulting a { width: 132px; background: url(./images/btn_gnb03.gif) 0 0 no-repeat; }
			.main .header .gnb .grooming_for_man { width: 128px; }
				.main .header .gnb .grooming_for_man a { width: 128px; background: url(./images/btn_gnb04.gif) 0 0 no-repeat; }
			.main .header .gnb .special_skincare { width: 115px; }
				.main .header .gnb .special_skincare a { width: 115px; background: url(./images/btn_gnb05.gif) 0 0 no-repeat; }
			.main .header .gnb .episode { width: 55px; }
				.main .header .gnb .episode a { width: 55px; background: url(./images/btn_gnb06.gif) 0 0 no-repeat; }

		/* 서브 네비게이션 */
		.main .header .s_gnb { width: 235px; height: 10px; overflow: hidden; position: absolute; right: 0; top: 13px; }
			.main .header .s_gnb li { display: block; float: left; height: 10px; }
				.main .header .s_gnb li a { height: 10px; }
				.main .header .s_gnb li a:hover { background-position: 0 -10px; }
			.main .header .s_gnb .new_launches { width: 68px; }
				.main .header .s_gnb .new_launches a { width: 68px; background: url(./images/btn_unit01.gif) 0 0 no-repeat; }
			.main .header .s_gnb .event { width: 41px; }
				.main .header .s_gnb .event a { width: 41px; background: url(./images/btn_unit02.gif) 0 0 no-repeat; }
			.main .header .s_gnb .notice { width: 42px; }
				.main .header .s_gnb .notice a { width: 42px; background: url(./images/btn_unit03.gif) 0 0 no-repeat; }
			.main .header .s_gnb .bloggerlovesdior { width: 84px; }
				.main .header .s_gnb .bloggerlovesdior a { width: 84px; background: url(./images/btn_unit04.gif) 0 0 no-repeat; }

		/* 플래시 영역 */
		.main .flash { width: 776px; height: 332px; overflow: hidden; margin-bottom: 30px; position: relative; background: url() 100% 111px no-repeat; }
			.main .flash a { display: block; }
			.main .flash span { display: none; }
	
.main .flash .click_1 { position: absolute; width: 221px; height: 110px; background:#E2E2E2; top: 0; right: 0; }/*url(./images/06_click_1.gif) 0 0 no-repeat*/
.main .flash .click_2 { position: absolute; width: 221px; height: 110px; background:#E2E2E2; top: 222px; right: 0; }/*url(./images/06_click_2.gif) 0 0 no-repeat*/

		/* 최근 게시물 영역 */
		.latest_box {  }

			/* 좌측 텍스트 게시물 영역 */
			.latest_box .text_box { width: 415px; height: 160px; float: left; overflow: hidden; }
				.latest_box .text_box ul { line-height: 15px; font-size: 12px; }
					.latest_box .text_box ul li { background: url(./images/bullet_list.gif) 0 6px no-repeat; height: 18px; overflow: hidden; padding-left: 7px; list-style: none; }
						.latest_box .text_box ul li a { color: #666; float: left; }
						.latest_box .text_box ul li a:hover { color: #ff0000; text-decoration: underline; }
						.latest_box .text_box ul li span { float: right; color: #818181; }

				/* 최신 업데이트 글 */
				.latest_box .text_box .latest_post { margin-bottom: 16px; }
					.latest_box .text_box .latest_post h2 { text-indent: -20000px; background: url(./images/label_post.gif) 0 0 no-repeat; width: 81px; height: 11px; overflow: hidden; margin-bottom: 11px; }

				/* 공지사항 */
				.latest_box .text_box .latest_notice {  }
					.latest_box .text_box .latest_notice h2 { text-indent: -20000px; background: url(./images/label_notice.gif) 0 0 no-repeat; width: 41px; height: 11px; overflow: hidden; margin-bottom: 11px; }

			/* 우측 썸네일 영역 */
			.latest_box .product { width: 335px; height: 120px; float: right; overflow: hidden; }
				.latest_box .product h2 { text-indent: -20000px; background: url(./images/label_product.gif) 0 0 no-repeat; width: 68px; height: 11px; overflow: hidden; margin-bottom: 7px; }
				.latest_box .product ul { list-style-type: none; }
					.latest_box .product ul li { float: left; margin-right: 1px; }
.latest_box .product ul li img {border:0;}
					.latest_box .product ul	.la_l { margin-right: 0; }


#sub_page #TD_content { display: none; }