@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */

body{
		font:12px/1.6em "맑은 고딕", Malgun gothic, Dotum, Verdana, AppleGothic, Sans-serif;
		color:#666;
		background:#fff;
		margin-top:: 10px; padding: 0;
}
a:link          { color:#666;     text-decoration:none;}
a:visited       { color:#666;     text-decoration:none;}
a:hover         { color:#666;  text-decoration:underline;}
a:active        { color:#666;     text-decoration:none;}

.clearfix:after{content:''; display:block; clear:both;}
.clear{clear:both;}
.strong{font-family:"HyundaiExtraBold"; font-weight:normal;}
.read-only{display:block; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold;  color:#f30;}
	.no-more-prev { padding-left:6px; color:#999;}
	.no-more-next { padding-right:6px; color:#999;}

/* 카테고리 - 이미지 버튼 */
	.ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
	.branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
	.c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}

/* 달력 월 표시 */
	.cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; }
/* 달력 요일 표시(th 영역) */
	.cal_week1              { font:0.95em "맑은 고딕", Malgun gothic, Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
	.cal_week2              { font:0.95em "맑은 고딕", Malgun gothic, Dotum, Arial, sans-serif; }

/* 달력 Week(tr 영역)  */
	.cal_week               { }
	.cal_current_week       { }

/* 달력 Day(td 영역) */
	.cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#666;  text-align:center; }
/* 달력 Day, 일요일 (td 영역)  */
	.cal_day_sunday         { }
	.cal_day_sunday a        { }

/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               { color:#666;  text-decoration:underline; font-weight: bold; }
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click:link        { color:#333;  font-weight:bold;}
	a.cal_click:visited     { color:#333;  font-weight:bold;}
	a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_general             { }
	.rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
	.rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
	.guest_general          { }
	.guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
	.hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
	.imageblock             {}
/* 왼쪽 */
	.left                   { }
/* 가운데 */
	.center                 { }
/* 오른쪽 */
	.right                  { }
/* 그림 2개 배치 */
	.dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
	.triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
	.moreless_fold          { background:url(images/icon_view_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
	.moreless_top           { background:url(images/icon_stop_view.gif) top left no-repeat;  padding-left:20px; color:#000;}
	.moreless_body          { }
	.moreless_bottom        { background:url(images/icon_stop_view.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */
	.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input, textarea { font: 1em "맑은 고딕", Malgun gothic, Dotum; }
input { height: 16px; }
table { border-collapse: collapse; border-spacing: 0; }

/* 블로그 레이아웃 */
#container {
	width:1080px;         /*   1050에서 1090으로 변경   */
	margin:0px auto;
	}
#Wing_Layer {
	float:right;
	width:60px;
	height:100%;
	padding-top:93px;
	padding-left:40px;
	}
#containerIn {
	width:890px;   <!--870에서 870으로 변경-->
	height:100%;
	background: #fff;
	/*margin:0px auto;*/
	padding-left:90px;
	float:left;
	}



#header {
	margin-bottom: 10px;
}
#content {
	float:left;
	width:600px;
	/*overflow:hidden;*/
	}
#sidebar {
	float:right;
	width:240px;
        padding-bottom:32px;
	}
#footer {
	clear:both;
}


/* ***** skybanner ***** */
.skybanner {line-height:0; font-size:0;
	position:absolute;
	width:65px;
	background:url(images/hd1108_side_skybg.gif) top left no-repeat;
	}
.skybanner ul { list-style:none;   line-height:0; font-size:0;}
.skybanner li {text-align:center; line-height:0; font-size:0; }
.hid_t { display:hidden;  line-height:0; font-size:0;}
.skybanner .fam_family {margin-bottom:2px;}
.skybanner .fam_design {margin-bottom:12px;}
.skybanner .fam_super {margin-bottom:16px;}
.skybanner .fam_finance {margin-bottom:18px;}
.skybanner .fam_culture {margin-bottom:15px;}
.skybanner .fam_advertising {margin-bottom:17px;}

/* ***** Header ***** */
#header { border:0px solid #e3e3e3;  }
#header .blogTitle {position:relative; height:55px; margin-top: 0px;border-bottom:1px solid #dddedf;}
img {border:0;}
ul, ol, li, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0px; margin:0px; padding:0px;}
#header .blogTitle h1 {position:absolute; left:0px; top:30px; width:580px; height:40px;}
#header .blogTitle ul {display:inline-block;position:absolute; right:0px; top:38px; width:187px; height:40px;}
#header .blogTitle ul li {float:left; line-height:12px;}
#header .subTitle {position:relative;}
#header .subTitle h2 {margin:24px 0 0 0;}
*+html #header .subTitle h2 {margin:25px 0 0 0;}

#header .subTitle .searchbox {position:absolute;  top:8px; right:0;  width:170px; height:20px; background:#fff; border:1px solid #dbdbdb;}
#header .subTitle .searchbox .submit {background:url(images/searchbtn.jpg) no-repeat; width:20px; height:20px;  margin-right:-10px;  border:0; cursor:pointer; }
#header .subTitle .searchbox input {padding-left:5px;padding-right:5px;padding-top:2px; width:137px; height:15px; border:0; vertical-align: top; background:none; color:#b2b2b2;}

/* ***** content ***** */
#content .nonEntry h3   {  color: #323232;  border-bottom:5px solid #474747; margin-top:2px; margin-bottom:8px;}
#content .nonEntry .nonEntryTitle { float:left; color:#323232; margin:0 }
#content .nonEntry .wholeList { float:right; width:60px; color:#323232;  font-size:11px; padding-top:8px; }
#content .nonEntry .wholeList a {color:#323232; margin:0}

#content .entryNotice,
#content .entryProtected,
#content .entry             { margin-bottom:31px; _margin-bottom:28px; display:none;}
*+html #content .entry {margin-bottom:28px;}
#content #searchList h3 { padding-top:6px; margin-left:0px !important;}

#searchList ol,
#searchRplist ol            { list-style:none;  padding:0;  margin:0 0 29px 0;}
#searchList li,
#searchRplist li            { border-bottom:2px solid #eee;  padding-bottom:8px;  margin-bottom:8px;}
#searchList .date,
#searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
#searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#searchRplist .name         { font:0.95em "맑은 고딕", Malgun gothic, Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

#localog .spot              { padding-left:30px;  margin-bottom: 6px; }
#localog .info              { padding-left:15px;  margin-bottom: 6px; }
#localog a { color:#617f8a; text-decoration: none; }

#taglog ul                  { padding: 0; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { color:#699;  font-weight:bold;  font-size:14px;}
#taglog li .cloud2          { color:#84bbdd;  font-weight:bold;  font-size:14px;}
#taglog li .cloud3          { color:#333; }
#taglog li .cloud4          { color:#999; }
#taglog li .cloud5          { color:#999; }

#guestWrite                 { padding:15px 0 15px 0;}
#guestWrite p                { clear: both; padding: 0; margin:0;}
#guestWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle;  }
#guestWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px; }
#guestWrite textarea            { width:/*@post-width:-44=*/588px/*@*/;  padding: 5px; border: 1px solid #d1d3d4; }
#guestWrite .homepage           { width: /*@post-width:-180=*/420px/*@*/ !important; font: 0.85em verdana; color: #999; height: 16px; }
#guestWrite input.submit        { background: url(images/btn_submit.gif) no-repeat; width:100px; height: 29px; display: block; margin: 5px auto 0; text-indent: -1000em; border: none; cursor: pointer;  float:right;}
#guestWrite .secretWrap         { clear: both; padding: 15px 0 5px;}
#guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

#guestList                  { padding:10px 0 0 0;}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none; }
#guestList .guest_general { padding-top: 15px; }
#guestList p.ctrlGuest, #guestList p.ctrlGuestRe { border-bottom: 1px dotted #ccc; padding-bottom: 4px; margin-bottom: 13px; height: 15px; }
#guestList p.ctrlGuestRe { margin-bottom: 7px; }
#guestList ol li            { border:5px solid #f4f6f9;  padding: 0 20px 10px;  margin-bottom:10px; width:/*@post-width:-50=*/550px/*@*/; overflow:hidden;}
#guestList li ul li         { width:/*@post-width:-90=*/510px/*@*/; background-color: #f4f6f9;  padding :0 20px 10px;  border:none;  overflow:hidden; margin-top: 15px; }
#guestList li .name         { float: left; color:#333;  font-weight:bold; letter-spacing: -1px; padding-right: 15px; }
#guestList li .name a { color:#333; font-weight:bold; }
#guestList li .date         { float: left; font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; padding-right: 15px; }

#guestList .control a.modify       { background:url(images/btn_b_editndel.gif) no-repeat; padding-bottom:2px; width: 52px; height: 15px; display: block; float: left; text-decoration: none; }
#guestList .control a.modify span  { display:none;}
#guestList .control a.write        { background:url(images/btn_b_reply.gif) no-repeat; padding-bottom:2px; width: 39px; height: 15px; display: block; float: left; text-decoration: none; }
#guestList .control a.write span   { display:none;}

/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2                { font-size:1.3em; color: #596c8a; line-height:1.4em; }
.titleWrap               {margin-top:-3px; _margin-top:-16px;  border-bottom:2px solid #EBEBEB;  padding-bottom:10px;  margin-bottom:10px;}
*+html .titleWrap {margin-top:-4px;}
.titleWrap h2 a          {
  /*@post-title-color=:#333;*/color: #596c8a;/*@*/
  /*@post-title-font-family=:;*/font-family: "맑은 고딕", Malgun gothic, Dotum;/*@*/
  font-size: /*@post-title-font-size*/inherit/*@*/;
   color: #323232;
}

.titleWrap .category { margin-right:6px; display:none;}
.titleWrap .category, .titleWrap .category a   { font: 0.95em "맑은 고딕", Malgun gothic, Dotum, Arial, sans-serif;  color:#999;  letter-spacing: -1px; }
.titleWrap .date         { display:block; margin-top:4px; padding-bottom:0px; font:12px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#666c;}

.entryNotice .titleWrap .category {color: #8493aa; font-weight:bold;}
.entryNotice .titleWrap h2 {padding-bottom: 15px; margin-top:0px;}

.entryProtected .protectedContentWrap { border: 1px solid #ececec; padding: 30px; }
.entryProtected .protectedForm { background-color: #f9f9f9; padding: 15px 0; text-align: center; margin-top: 30px; }
.entryProtected .protectedForm input.pass { border: 1px solid #ddd; vertical-align: middle; }
.entryProtected label { vertical-align: middle; }
.entryProtected p.text   { width:220px; background: url(images/img_protect.gif) no-repeat left top ; padding-left:50px; margin: 0 auto; }
.entryProtected input    { width:200px; }
.entryProtected .submit  { border: none; width: 41px; height: 21px; background: url(images/btn_pass_confirm.gif) no-repeat; text-indent: -1000em; display: inline; vertical-align: middle; }

.article {
  margin:0 0 10px 0;
  overflow:hidden;
  /*@post-body-color=:#666666;*/color: #666666;/*@*/
  /*@post-body-font-family=:;*/font-family: "맑은 고딕", Malgun gothic, Dotum;/*@*/
  font-size: /*@post-body-font-size*/inherit/*@*/;
  word-break:keep-all;
}
*+html .article {margin-top:49px;} /* ie7 only */
.article a:link          { color:#666666;  text-decoration:none;}
.article a:visited       { color:#666666;  text-decoration:none;}
.article a:hover         { color:#666666;  text-decoration:underline;}
.article a:active        { color:#666666;  text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { background: url(images/icon_quotation.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px; }

.author                  { text-align:right; color:#666; padding: 40px 0; display:none;}
.author .text            { font: 0.85em Verdana, Arial, Helvetica, sans-serif; color: #999; }

.tagTrail                { color: #999; letter-spacing: -1px; padding: 0 0 6px 35px;  background: url(images/icon_tag.gif) left 3px no-repeat; clear:both; border-bottom:2px solid #EBEBEB; margin-top:-3px; margin-bottom: 7px; }
.tagTrail a						   { color: #999; }
.tagText                 { display:none;}

.actionTrail             { width:/*@post-width:-30=*/570px/*@*/;padding:0px 0px;  clear:both;}
.actionTrail .cnt        { color:#f60;}

.trackback               { width:/*@post-width=*/600px/*@*/;  overflow:hidden; }
.trackback a             { color:#000;}
.trackback h3            {
	font:12px "맑은 고딕", Malgun gothic, Dotum; color:#333;  border-bottom:1px solid #f5f5f5;  margin:0 0 7px;
	border: 1px solid #e7e8e9; background-color: #f9f9f9; padding: 7px 15px; }
.trackback h3 span			{ font: 11px verdana; color: #999; cursor: pointer; }
.trackback h4            { font:12px "맑은 고딕", Malgun gothic, Dotum; color: #999; margin:0;}
.trackback h4 a			{ color: #000; letter-spacing: -1px; }
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top: 1px dotted #dedede;  padding: 15px;}
.trackback .date         { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
.trackback p             { font:0.95em "맑은 고딕", Malgun gothic, Dotum, Arial, sans-serif;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}

.comment                          { padding: 5px 0px 0; margin-bottom: 4px; width:/*@post-width:-32=*/600px/*@*/; overflow:hidden; }
.comment p                        { clear: both; margin:3px 0 0 0; padding:0; overflow:hidden;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { float: left; font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; padding-right: 15px; }
.comment .name                    { float: left; color:#333; font: 12px gulim bold; letter-spacing: -1px; padding-right: 15px; }
.comment .name a                  { color:#333; font-weight:bold;}
.comment .control				{ float: left; }

.comment ol li                    { padding: 10px 5px 10px 0; border-bottom: 1px dotted #ccc; }
.comment li ul li                 { padding: 10px 10px 5px 25px;  background: url("images/iconReComment.gif") no-repeat 0 6px; border:none;}
.comment .control a				{ text-decoration: none; }
.comment .control a.address       { background:url(images/btn_b_address.gif) no-repeat;  padding-bottom:2px; width: 35px; height: 15px; display: block; float: left; }
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/btn_b_editndel.gif) no-repeat; padding-bottom:2px; width: 52px; height: 15px; display: block; float: left; }
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/btn_b_reply.gif) no-repeat; padding-bottom:2px; width: 39px; height: 15px; display: block; float: left; }
.comment .control a.write span    { display:none;}

.commentWrite                     { padding: 20px 0 0; }
.commentWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle;  }
.commentWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px; }
.commentWrite textarea            { width:/*@post-width:-44=*/588px/*@*/;  padding: 5px; border: 1px solid #d1d3d4; }
.commentWrite .homepage           { width: /*@post-width:-180=*/420px/*@*/ !important; font: 0.85em verdana; color: #999; height: 16px; }
.commentWrite input.submit        { background: url(images/btn_submit.gif) no-repeat; width:100px; height: 29px; display: block; margin:7px auto 0; text-indent: -1000em; border: none; cursor: pointer;  float:right;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .commentWrite input.submit {
      margin:5px auto 0; }
} /* 크롬 only */

.commentWrite .secretWrap         { clear: both; padding: 0 0 5px; margin-top: 10px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px;}

#paging            { padding-top:0px;  text-align:center;  font-size:0.95em; margin:0 0 30px 0; display:none;}
#paging .numbox    { font:0.95em verdana; padding: 0 18px; }
#paging .num span      {width: 23px; height: 23px; padding: 2px 5px; margin-right: 3px; }
#paging .num span.selected {color: #586b89; }
#paging a { text-decoration: none; }
#paging #prevPage { background:url(images/btn_page_pre.gif) left 0 no-repeat; height: 23px; padding-left:9px;}
#paging #nextPage { background:url(images/btn_page_next.gif) right 0 no-repeat; height: 23px; padding-right:9px;}

#page_up_made            { padding-top:0px;  text-align:center;  font-size:0.95em; margin:0 0 61px 0;}
#page_up_made .numbox    { font:0.95em verdana; padding: 0 18px; }
#page_up_made .num span      {width: 23px; height: 23px; padding: 2px 5px; margin-right: 3px; }
#page_up_made .num span.selected {color: #586b89; }
#page_up_made a { text-decoration: none; }
#page_up_made #prevPage { background:url(images/btn_page_pre.gif) 0% 100% no-repeat; height: 23px; padding-left:9px;}
#page_up_made #nextPage { background:url(images/btn_page_next.gif) 100% 100% no-repeat; height: 23px; padding-right:9px;}

/* 페밀리 블로그 관련글 */
.fam_List {
	background:url(http://cfs.tistory.com/custom/blog/60/606856/skin/images/fam_box.gif) left top no-repeat;
	height:150px; width:595px;
	color:#909090;
	margin-top:20px !important;
}
.fam_List a {color:#909090;}
.fam_List .ul { padding:40px 17px 0px 17px !important; margin:0px; overflow:hidden;}
.fam_List .li { clear: both; padding-top:3px !important;}
.fam_List .fam_Title { float:left;}
.fam_List .fam_date { float:right;}


/* 복사된 페밀리 블로그 관련글 */
.fam_List_copy {
	background:url(http://cfs.tistory.com/custom/blog/60/606856/skin/images/fam_box.gif) left top no-repeat;
	height:150px; width:595px;
	color:#909090;
	margin-top:20px !important;
}
.fam_List_copy a {color:#909090;}
.fam_List_copy .ul { padding:40px 17px 0px 17px !important; margin:0px; overflow:hidden;}
.fam_List_copy .li { clear: both; padding-top:3px !important;}
.fam_List_copy .fam_Title { float:left;}
.fam_List_copy .fam_date { float:right;}

/* 복사된 페밀리 블로그 관련글 */
.fam_news {
	background:url(http://cfs.tistory.com/custom/blog/60/606856/skin/images/fam_box_01.gif) left top no-repeat;
	height:150px; width:595px;
	color:#909090;
	margin-top:20px !important;
}
.fam_news a {color:#909090;}
.fam_news .ul { padding:40px 17px 0px 17px !important; margin:0px; overflow:hidden;}
.fam_news .li { clear: both; padding-top:3px !important;}
.fam_news .fam_Title { float:left;}
.fam_news .fam_date { float:right;}

/* develop_ */
#develop { width:600px;}
.develop_title {padding-bottom:20px;}
.develop_title h3 {border-bottom:1px solid #d5d9e2;}

.develop_menu { margin:0px; padding:0px;}
.dev_menu { float:left;}
.dev_menu ul {list-style:none; margin:0px; padding:0px;}
.dev_menu li {display:inline; margin-right:10px;}

.dev_search { float:right;}
.dev_search { background:url(images/sub_search_bg.gif) no-repeat; width:156px; height:21px; }
.dev_search input { width: 125px; height:16px; margin:5px 0 0 0; padding-left:5px; border:0px; background:none; margin-bottom: 1px; vertical-align: middle; float:left; color:#999999;}
.dev_search .submit { background:url(images/sub_search.gif) no-repeat; width:19px; height:19px; text-indent:-5000px; border:0; cursor:pointer; vertical-align: middle; float:right; margin:1px 4px 0px 0px; padding:0px; }

.develop_year { margin-top:7px;}
.develop_year ul {list-style:none; margin:0px; padding:0px;}
.develop_year li {display:inline; margin-right:5px;}

.develop_video { margin-top:7px;}
.develop_video ul {list-style:none; margin:0px; padding:0px;}
.develop_video li {display:inline; margin-right:5px;}

.post_span1 { width:600px; margin-top:30px;}
.post_span1 .post_thumb { width:598px; height:278px; border:1px solid #ebebeb; overflow:hidden;}
.post_span1 .post_thumb .post_img {}
.post_span1 .post_thumb img { width:600px;}

.post_span2 { width:280px; margin-top:30px; margin-right:40px; float:left;}
.post_span2 .post_thumb { width:278px; height:173px; border:1px solid #ebebeb; overflow:hidden;}
.post_span2 .post_thumb img {width:280px;}

.post_span3 { width:280px; margin-top:30px; float:right;}
.post_span3 .post_thumb { width:278px; height:173px; border:1px solid #ebebeb; overflow:hidden;}
.post_span3 .post_thumb img {width:280px;}

.post_title {font-weight:bolder; color:#8393ac; margin:10px 0px 0px 0px; padding:0px;}
.post_title a {color:#8393ac;}
.post_date {margin:0px; padding:0px;}
.post_data {margin:0px; padding:0px;}

.post_span4 {margin-top:30px;}
.post_span4 .post_title { font-size:14px; font-weight:bolder; color:#596d88; margin:0px 0px 10px 0px; padding:0px;}
.post_span4 .post_box {border:1px solid #dbe0e6; padding:10px; overflow:hidden;}
.post_span4 .post_thumb {float:left; width:235px; height:150px; overflow:hidden;}
.post_span4 .post_summary {float:right; width:330px;}
.post_span4 .post_summary ul {list-style:none; margin:0px; padding:0px;}
.post_span4 .post_summary li { padding-left:10px;}

.post_span5 {margin-top:30px;}
.post_span5 .post_title { font-size:14px; font-weight:bolder; color:#596d88; margin:0px 0px 0px 0px; padding:0px;}
.post_span5 .post_time { text-align:right; margin:0px; padding:0px;}
.post_span5 .post_time ul {list-style:none; margin:0px; padding:0px;}
.post_span5 .post_time li {display:inline; margin-left:5px; padding:0px;}
.post_span5 .post_thumb { width:600px; height:380px; overflow:hidden;}

.post_span6 { width:290px; margin-top:30px; margin-right:20px; float:left;}
.post_span6 .post_thumb {float:left; width:135px; height:80px; overflow:hidden;}
.post_span6 .post_summary {float:right; width:150px;}
.post_span6 .post_title {margin:0px; padding:0px;}

.post_span7 { width:290px; margin-top:30px; float:left;}
.post_span7 .post_thumb {float:left; width:135px; height:80px; overflow:hidden;}
.post_span7 .post_summary {float:right; width:150px;}
.post_span7 .post_title {margin:0px; padding:0px;}

.post_span8 { width:600px; padding-bottom:30px; border-bottom:1px solid #d5d9e2;}
.post_span8 .post_thumb { width:598px; height:398px; border:1px solid #ebebeb; overflow:hidden;}
.post_span8 .post_thumb .post_img {}
.post_span8 .post_thumb img {}

.post_span9 { width:598px; margin-top:20px; padding:0 1px 0 1px;}
.post_span9 .post_thumb { width:108px; height:48px; border:1px solid #ebebeb; overflow:hidden; float:left; margin-right:12px;}
.post_span9 .post_thumb img {width:110px;}
.post_span9 .post_thumb2 {width:108px; height:48px; border:1px solid #ebebeb; overflow:hidden; float:right;}
.post_span9 .post_thumb2 img {width:110px;}

#develop #paging { margin-top:80px;}

.NewsList {padding-bottom:14px}
.NewsList h3 {background:url(http://www.hyundaicardcapitalsns.com/super_series/images/201108/title_news_renew.jpg) no-repeat; text-indent:-5000px; height:27px; margin-bottom:10px;border-bottom: 5px solid #474747;}
.NewsList ul {list-style:none; padding:0px; margin:0px;}
.NewsList li {border-bottom:2px solid #eee;  padding-bottom:8px;  margin-bottom:8px;}
.NewsList span {font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px;}
.NewsList a {color:#999; text-decoration: none;}

.Tterm {list-style:none; padding:0; margin:7px 0px -9px 0px !important; letter-spacing: -1px;}
* html .Tterm {margin-top:20px !important; margin-bottom:-8px !important;} /* ie6 only */
.Tterm li {display:inline; margin:0px; padding-right:4px !important; padding-bottom:0 !important; _padding-bottom:3px !important; color:#6f7e9b;}
.Tterm li a { color:#666666;}
.Tterm .Tterm_01 { color:#8594ab;}
.Tterm .Tterm_02 { color:#8594ab; font-weight:bolder;}
.Tterm .Tterm_03 { color:#6f7e9b; font-weight:bolder;}
.Tterm .Tterm_01 a { color:#8594ab;}
.Tterm .Tterm_02 a { color:#8594ab;}
.Tterm .Tterm_03 a { color:#6f7e9b;}

/* ***** sidebar ***** */
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
#sidebar li                    { }
#sidebar li a { color: #666; }
#sidebar h3                    { font-family: gulim; font-size: 1em; font-weight:bold; color: #333; letter-spacing: -1px; margin-bottom:5px; padding-bottom:8px; height:16px;}

#category h3 {}
#category .category01 { margin-top:12px; padding-bottom:7px; _padding-bottom:8px; border-bottom:2px solid #ebebeb; background:url(images/hd1108_side_Cate.jpg) no-repeat; text-indent:-5000px;}
#category .category02 { margin-top:8px; padding-bottom:8px; border-bottom:2px solid #ebebeb; background:url(images/hd1108_side_cate_1.jpg) no-repeat; text-indent:-5000px; }
#category .category03 { margin-top:8px; padding-bottom:8px; border-bottom:2px solid #ebebeb; background:url(images/hd1108_side_cate_2.jpg) no-repeat; text-indent:-5000px;  }
#category .category04 { margin-top:8px; padding-bottom:8px; border-bottom:2px solid #ebebeb; background:url(images/menu_category03.gif) no-repeat; text-indent:-5000px; }

#category { margin:0px; padding:0px;}
#category ul {margin:0; padding:0px; list-style:none; }
#category li { margin-left:0px;  overflow:hidden; margin-top:8px; padding-bottom:8px; border-bottom:2px solid #ebebeb;}
#category .bordernone {border:0 none;}
#category .menu { margin-left:0px;  padding:0px;  }
#category .menu1 { float:left; margin:0; padding-top:2px; padding-bottom:1px;}
#category .menu1 img {vertical-align:middle;}
#category .menu2 { float:right; margin:0 padding:0; }
#category .menu2_open { float:right; margin:0 padding:0; }
#category .menu2_opposite_arrow { float:right; margin:0 padding:0;}
#category .menu3 { clear: both; text-indent:25px; overflow:hidden;}
#category .menu3 div.ul {margin-top:8px; *margin-top:5px; _margin-top:6px; margin-bottom:0px;border-top:solid 2px #ebebeb;}
#category .menu3 .li {margin-top:8px; margin-bottom:0px; }
.openclose_open {margin-top:2px; margin-bottom:1px; display:none; clear: both;}
.openclose_close {margin-top:2px; margin-bottom:1px; display:none; clear: both;}
#category li a {color:#898989; /*font-weight:bold;*/}
#category li a:hover {color:#586b89; /*font-weight:bold;*/ text-decoration:none; }
#category li.selected a {color:#8493aa;}
#category li ul {padding:0px;}
#category li ul li { margin:0;padding:0px;}
#category li ul li a {font-weight:normal;}
#category .first_list {*padding-top:3px; _padding-top:0;}
*+html #category .Cline {margin-top:6px;} /* ie7 only */

#hotnew {}
#hotnew h3 { border-bottom:2px solid #ebebeb; background:url(images/menu_hot.gif) no-repeat; text-indent:-5000px; margin-top:52px;  padding-bottom:8px;}
/*
#hotnew li  {margin:0px; padding:0px;}
#hotnew ul {margin:0; padding:0; line-height:25px;}
*/

#Press {}
#Press h3 { border-bottom:2px solid #ebebeb; background:url(images/hd1108_side_Article.jpg) no-repeat; margin-top:30px;  padding-bottom:10px;}
#Press h3 a   {float:right; margin-top:5px;}
/*
#Press li  {margin:0px; padding:0px;}
#Press ul {margin:-1px 0 0 0; padding:0; line-height:25px;}
*/

#flickr h3     {background:url(images/menu_photo_03.gif) no-repeat; margin-top:52px;  padding-bottom:8px; border-bottom:2px solid #ebebeb;}
#flickr h3 a   {float:right; margin-top:5px;}


#photobox .photoin {padding:0px 20px 20px 0; width:110px; float:left; overflow:hidden;}
#photobox .photoin2 {padding:0px 0px 20px 0; width:110px; float:left; overflow:hidden;}
#photobox .photoin3 {padding:0px 20px 0px 0; width:110px; float:left; overflow:hidden;}
#photobox .photoin4 {padding:0px 0px 0px 0; width:110px; float:left; overflow:hidden;}

#notice {}
#notice h3 {background:url(images/menu_notice.gif) no-repeat; text-indent:-5000px; margin-top:35px;}
#notice li  {margin:0px; padding:0px;}
#notice ul {margin:0; padding:0; line-height:25px;}

#youtube h3     {background:url(images/menu_video.gif) no-repeat; margin-top:52px;}
#youtube h3 a   {float:right; margin-top:5px;}

/* roundbox */
.roundbox_t {height:5px; width:245px; background: transparent url(images/roundbox_t.gif) no-repeat; margin-top:11px;}
.roundbox_m {background: transparent url(images/roundbox_m.gif) repeat-y; padding:5px; overflow:hidden;}
.roundbox_b {height:5px; width:245px; background: transparent url(images/roundbox_b.gif) no-repeat;}

#tagbox h3     {background:url(images/menu_tagboxk01.gif) no-repeat; margin-top:40px;}
#tagbox h3 a   {float:right; margin-top:5px;}
#tagbox ul            { padding:5px 2px; text-align: justify; border:1px solid #fff;}
#tagbox li            { background: none;  display: inline; padding: 0 7px 0 0; }
#tagbox li .cloud1    { font-weight:bold; font-size: 13px; color: #2e466c; }
#tagbox li .cloud2    { font-weight:bold; font-size: 13px; color: #586b89; }
#tagbox li .cloud3    { font-weight:bold; font-size: 13px; color: #8493aa; }
#tagbox li .cloud4    { font-size: 12px; color: #586b89; }
#tagbox li .cloud5    { font-size: 12px; color: #8493aa; }
#tagbox a:hover       { text-decoration: none; }

#social h3 {background:url(images/hd1108_side_Social.jpg) no-repeat; margin-top:30px; padding-bottom:4px; _padding-bottom:3px;}
#social h3 a   {float:right; margin-top:5px;}

.hcardSocial h3 {background:url(images/menu_hcard.gif) no-repeat; text-indent:-5000px;
	margin-top:11px !important;
	padding-bottom:0px !important;
	}
.hcardSocial ul {list-style:none; margin-top:-1px;}
.hcardSocial li {display:inline; margin-right:5px;}

.hcapitalSocial h3 {background:url(images/menu_hcapital.gif) no-repeat; text-indent:-5000px;
	margin-top:22px !important;
	padding-bottom:0px !important;
	}
.hcapitalSocial ul {list-style:none; margin-top:-1px;}
.hcapitalSocial li {display:inline; margin-right:5px;}


/* ***** footer ***** */
#footer { clear: both;
		text-align:left;
		padding:0 0 10px 0;
		border-top:1px solid #8a98ae;
		font:11px "맑은 고딕", Malgun gothic, Verdana, Dotum; color:#000;
		overflow:hidden;
		}
#footer a { color: #000; }
#footer .copy { float:left; color:#58595b; padding-top:23px;}
#footer .copy a {color:#58595b;}
#footer .hyundaicard { float:right;}
#footer .copyright { float:right;}
#footer .copyright a { float:left;}
#footer .copyright a img { margin-right:30px;}
#footer .hyundaicard {overflow:hidden; padding: 10px 0;}
#footer .hyundaicard dl {padding-left:36px;margin: 0;}
#footer .hyundaicard dl:first-child {padding-left:0px;}
#footer .infographic {position:relative; *zoom:1; float:left;}
#footer .infographic:after {content:" "; display:block; clear:both;}
#footer .infographic dt {float:left; padding-right:4px; padding-top: 13px;}
#footer .infographic dd {float:left; border:solid 1px #c3c3c3; width:32px; height:32px; margin:0; margin-right:4px;}
#footer .infographic dd a {display:block; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns04.png') no-repeat 0 0; height: 100%;}
#footer .infographic dd a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns04_on.png') no-repeat 0 0;}
#footer .infographic dd a span {display:none;}

#footer .card {position:relative; *zoom:1; float:left;}
#footer .card:after {content:" "; display:block; clear:both;}
#footer .card dt {float:left; padding-right:4px; padding-top: 13px;}
#footer .card dd {float:left; border:solid 1px #c3c3c3; width:32px; height:32px; margin:0; margin-right:4px;}
#footer .card dd a {display:block; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns01.png') no-repeat 0 0; height: 100%;}
#footer .card dd a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns01_on.png') no-repeat 0 0;}
#footer .card dd.cardsns01 a {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns02.png') no-repeat 0 0;}
#footer .card dd.cardsns01 a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns02_on.png') no-repeat 0 0;}
#footer .card dd.cardsns02 a {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns03.png') no-repeat 0 0;}
#footer .card dd.cardsns02 a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns03_on.png') no-repeat 0 0;}
#footer .card dd a span {display:none;}

#footer .capital {position:relative; *zoom:1; float:left;}
#footer .capital:after {content:" "; display:block; clear:both;}
#footer .capital dt {float:left; padding-right:4px;padding-top: 13px;}
#footer .capital dd {float:left; border:solid 1px #c3c3c3; width:32px; height:32px; margin:0; margin-right:4px;}
#footer .capital dd.none {margin-right:0;}
#footer .capital dd a {display:block; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns01.png') no-repeat 0 0; height: 100%;}
#footer .capital dd a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns01_on.png') no-repeat 0 0;}
#footer .capital dd.capsns01 a {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns02.png') no-repeat 0 0;}
#footer .capital dd.capsns01 a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns02_on.png') no-repeat 0 0;}
#footer .capital dd.capsns02 a {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns03.png') no-repeat 0 0;}
#footer .capital dd.capsns02 a:hover {background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/sns03_on.png') no-repeat 0 0;}
#footer .capital dd a span {display:none;}

#footer2 .footerPos2{padding-top:30px; padding-bottom:30px; text-align:center; font-size:12px; color:#888888; border-top: solid 1px #d7d7d7; font-family:"HyundaiExtraBold", "HyundaiRegular";}
#footer2 .footerPos2 a{font-size:12px; color:#888888; text-decoration:none; font-family:"HyundaiExtraBold", "HyundaiRegular"; line-height:1.2;}
#footer2 .footerPos2 a:hover{text-decoration:none;}
#footer2 .footerPos2 a:focus {outline: none;}
#footer2 ul {display:inline-block; vertical-align:middle;}
#footer2 .footerFirst{padding-bottom:19px;}	
#footer2 .footerFirst ul li{position:relative; float:left; padding:0 8px; vertical-align:middle; height:14px; line-height:14px;}
#footer2 .footerFirst ul li:before{content:''; position:absolute; left:0; top:1px; width:1px; height:10px; background:#c9c9c9;}
#footer2 .footerFirst ul li:first-child:before{display:none;}
#footer2 .footerFirst ul li a, #footer2 .footerFirst ul li span{vertical-align:middle; line-height:13px;}
#footer2 .footerSecond {padding-bottom:20px;}
#footer2 .footerSecond ul{font-size:0;}
#footer2 .footerSecond ul li{float:left; font-size:0; height:32px;}
#footer2 .footerSecond ul li.snsLi{padding-right:24px;}
#footer2 .footerSecond ul li.snsLi a{display:inline-block; vertical-align:middle;}
#footer2 .footerSecond ul span{display:inline-block; vertical-align:middle; height:32px; line-height:32px; font-size:12px;}
#footer2 .footerSecond .snsText{padding-right:12px;}
#footer2 .footerSecond .fbIcon{width:12px; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/footer_sns_fb_new.png') 50% 50% no-repeat;}
#footer2 .footerSecond .twIcon{width:20px; margin:0 16px; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/footer_sns_tw_new.png') 50% 50% no-repeat;}
#footer2 .footerSecond .utIcon{width:24px; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/footer_sns_ut_new.png') 50% 50% no-repeat;}
#footer2 .footerSecond .sboxupwrap {position:relative; border:1px solid #ccc; width:118px; height:30px; text-align:left;}
#footer2 .footerSecond .sboxupwrap ul {display:block}
#footer2 .footerSecond .sboxupwrap ul li{float:none; height:auto;}
#footer2 .footerSecond .sboxupwrap > a {display:block; height:100%; line-height:30px; padding:0 20px; background:url('http://www.hyundaicardcapitalsns.com/officialblog/images/footer_family_up_new.png') 90px 50% no-repeat;}
#footer2 .footerSecond .sboxupwrap > a.on{background-color:#fff;} 
#footer2 .footerSecond .sboxupwrap ul {display:none; position:absolute; left:-1px; top:-121px; width:78px; border:1px solid #ccc; border-bottom:none; padding:20px 20px; background-color:#fff;}
#footer2 .footerSecond .sboxupwrap ul li:first-child a{padding-top:0;}
#footer2 .footerSecond .sboxupwrap ul a {display:block; white-space:nowrap; padding-top:8px; font-family:"HyundaiRegular";}
#footer2 .footerSecond .sboxupwrap ul a:hover{color:#000;}
#footer2 .footerThird ul li{float:left;}

.clear { clear: both; }
* html .clear { display: inline; }
#tistorytoolbarid {display:none;}

/*div.blogger-news-widget {
    position:relative;
    display:inline;
    float:left;
    *z-index:10;
    margin-left:190px;
    margin-right:0px;
margin-bottom:-100px;
top:63px;
    padding-right:0px;
    width:84px !important;
}*/
*+html div.blogger-news-widget {margin-top:0;} /* ie7 only */
.shareFrame {
	position:relative;
	display:block;
	float:none;
        width:184px;
	height:100px;
         margin-top:0px;
         _margin-top:0px;
        padding-top:55px;
}
*+html .shareFrame {margin-top:10px;} /* ie7 only */

.shareFrame li {position:relative;float:left; width:48px; height:61px; overflow:hidden;}
.shareFrame .shareFrame_btn{
	background:url(images/hd1108_share_box.jpg) top left no-repeat;
	width:184px;
	height:80px;
}

#Total_list_show_div {display:none;}
.tt-wrap-item {margin-top:0 !important;}
.tt-wrap-item-thumbnail {width:285px !important; padding-left:4px !important;}
.tt-wrap-item-thumbnail li {padding-left:5px !important; margin-right:0 !important;}
div#ttCanvas div.tt-panel {padding-top:25px !important; _padding-top:22px !important;}
div#ttCanvas div.tt-panel {_margin-top:-11px !important;}

div#ttCanvas .tt-item-320210 {padding-bottom:22px !important;}
div#ttCanvas .tt-item-340090 {padding-bottom:16px !important;}

.twitter-share-button {width:92px !important;}
.entry-ccl { width:0px, height:0px; display:none;}

.tt-post-title {height:17px;}

div#ttCanvas .tt-item-310310 .tt-wrap-item-post .tt-post-title a {
    font: bold 18px dotum,sans-serif;
    font-family: "맑은 고딕",Malgun gothic,Dotum,Verdana,AppleGothic,Sans-serif !important;
}

#content #ttCanvas {margin-left:0;}

/*
.finance_wrap {position:absolute; left:-357px; top:233px; width:397px; height:520px; background:url(./images/finance_bg.png) no-repeat left top; font-size:12px; overflow:hidden; z-index:1001;}

.finance_wrap p, dl, dt, dd, label, input, ul, li  {margin:0; padding:0;}
.finance_wrap ul li {list-style:none;}
.finance_wrap img {border:0;}
.finance_wrap input {vertical-align:middle;}
.finance_wrap .thumbnail img {width:38px; height:38px;}

.timelineText {position:absolute; left:23px; top:55px;}
.loginBtn {position:absolute; left:23px; top:234px;}
.loginInfo {width:339px; height:79px; border-bottom:solid 1px #e2e2e2; margin:13px 0 0 12px; *zoom:1;}
.loginInfo:after {content:" "; display:block; clear:both;}
.loginInfo .thumbnail {float:left; padding-right:5px;}
.loginInfo .info {float:left; color:#858585;}
.loginInfo .info p {height:19px;}
.loginInfo .info p span {color:#7b8fb8; font-weight:bold;}
.loginInfo .info dl {color:#92929; padding-top:8px; *zoom:1;}
.loginInfo .info dl:after {content:" "; display:block; clear:both;}
.loginInfo .info dt {float:left; padding-right:12px;}
.loginInfo .info dd {float:left;  padding-right:11px; font-weight:bold;}
.myContent {position:relative; width:339px; height:187px; border-bottom:solid 1px #e2e2e2; margin:0 0 0 12px; color:#929292;}
.myContent a {color:#929292;}
.myContent p {font-weight:bold; padding-top:12px; padding-left:2px; height:24px;}
.myContent ul {padding-left:2px; width:320px;}
.myContent li {position:relative; line-height:22px; letter-spacing:-1px;}
.myContent li a { text-decoration:none;}
.myContent li a:hover { text-decoration:underline}
.myContent li span {position:absolute; right:2px; top:0;}
.myContent li span a {text-decoration:underline;}
.myContent .arrow {position:absolute; left:150px; bottom:13px;}
.myContent .arrow a {padding:0 2px;}
.friendContent {position:relative; width:339px; height:232px; margin:0 0 0 12px; color:#929292;}
.friendContent a {color:#929292;}
.friendContent p {font-weight:bold; padding-top:12px;  padding-left:2px; height:24px;}
.friendContent .thumbnail {height:45px;}
.friendContent .thumbnail li {display:inline; padding-right:5px;}
.friendContent ul {padding-left:2px;}
.friendContent li {line-height:22px; letter-spacing:-1px;}
.friendContent li a { text-decoration:none;}
.friendContent li a:hover { text-decoration:underline}
.friendContent .arrow {position:absolute; left:150px; bottom:12px;}
.friendContent .arrow a {padding:0 2px;}
.closeBtn {position:absolute; right:0; top:1px; width:39px; height:188px;}
.closeBtn a {display:block; width:39px; height:188px;}
.closeBtn a span {display:none;}
#blogin {display:none;}
#alogin {display:none;}
*/

/* ie category page facebook 좋아요 min-height 셋팅 */
.fb-like.fb_iframe_widget iframe {min-height:20px;min-width:115px}