@charset "utf-8";
@font-face {
	font-family:'NGNormal';
	font-style:normal;
	font-weight:400;
	src:url('./images/NanumGothic.eot');
	src:local(※), url('./images/NanumGothic.eot') format('embedded-opentype'), url('./images/NanumGothic.woff') format('woff');
}

/*** default style ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { font:normal .75em/1.45 "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; color:#888; }
ol, ul { list-style:none; overflow:hidden; zoom:1; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
textarea { resize:vertical; color:inherit; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; }
*::-moz-focus-inner { padding:0; border:0; }

/*** old style ***/
.tsLogo {padding:50px 0 20px 0; background:url(./images/topBack.jpg) no-repeat center 0;}
.contSpace {height:20px; border:1px solid #000; background:#000; clear:both;}
.listEntry {width:680px;}
.listEntry h3 {font-size:16px !important;}
.listEntry ol {padding-top:10px;}
.listEntry li {border-bottom:1px solid #ccc;padding:5px 0 5px 0;}
.listEntry li span {}
.listEntry li span.date {width:80px;font-size:12px; text-align:right;}
.listEntry li span.list {width:600px;}
.listEntry li span.list a {color:#555!important; font-size:14px;}
.subjBox { border-bottom:1px solid #2881c0;padding:20px 0 10px 0;}
.subjBox a.subj { font-size:24px!important;color:#333!importaint;}
.subjList {border-bottom:1px solid #2881c0;padding-top:20px;}

/* 검색 */
p.r-search {border:3px solid #2881c0; overflow:hidden;}
p.r-search input { vertical-align:middle!important;width:120px;float:left;display:inline-block;margin:3px 0 0 2px;}
p.r-search img { vertical-align:middle!important;float:right;display:inline-block;}
.twiter {border:1px solid #c8c8c8;padding:10px; background:#f6f6f6; overflow:hidden;margin-top:10px;}
.twiter .twiter-top1 { float:left;padding:4px 0 0 0;}
.twiter .twiter-top3 { float:right;padding:0 0 0 0;}
.sosel { overflow:hidden;width:221px!important;padding:0!important;margin-top:20px;}
.sosel p { float:left;padding:0 7px 0 0;}
.sosel p.end { float:right;padding:0;}

.bannerBox { overflow:hidden;padding-top:20px;}
.bannerBox p {padding:1px 0 1px 0;}
.bannerBox p img {width:219px;border:1px solid #ccc;}


#paging {margin:0;padding:0;width:680px;margin-top:-20px;}
#paging .paging {margin-top:-20px;}

/* 페이징 - 현재 페이지 */
	.selected		{color:#545252; font-weight:bold; }
	.no-more-prev	{background:url(images/icon_prev_no.gif) no-repeat left 4px !important; }
	.no-more-next	{background:url(images/icon_next_no.gif) right 4px no-repeat !important; }

/* 카테고리 - 이미지 버튼 */
	.ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
	.branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
	.c_cnt                  { font:9px/9px tahoma; letter-spacing:0px; color: #acacac; }

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

/* 달력 Week(tr 영역)  */
	.cal_week               { }
	.cal_current_week       { }
/* 달력 Day(td 영역) */
	.cal_day                { height:16px; color:#444; font:10px/10px tahoma; text-align:center; }
/* 달력 Day, 일요일 (td 영역)  */
	.cal_day_sunday         { }
	.cal_day_sunday a		{ }
/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               { }
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               { }
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               { }
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               { background:url(images/bg_today.gif) no-repeat 5px 2px; color:#fff; }
/* 달력 글쓴 날 링크 스타일 */
	#sidebar .cal_click		{ color:#fff; font:10px/12px tahoma; }
	a.cal_click:link        { }
	a.cal_click:visited     { }
	a.cal_click:hover       { }

/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_general             { overflow:hidden;padding:5px 0 4px 0; }
	.rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
	.rp_admin p				{ background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
	.rp_secret              { color:#777;}	
/* 종류별 방명록 글 [##_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:#3366ff;  text-align:right; padding-top:4px; padding-right:10px; margin:0px;}
/* 그림 */
	.imageblock             { margin:5px 0;}
/* 왼쪽 */
	.left                   { }
/* 가운데 */
	.center                 { }
/* 오른쪽 */
	.right                  { }
/* 그림 2개 배치 */
	.dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
	.triple                 { margin-bottom:5px;}

/* 본문 - more / less */
	.moreless_fold, .moreless_top, .moreless_bottom {color:#424242; font:12px tahoma; text-decoration:underline; }
	.moreless_fold {margin-top:18px; padding-left:14px; background:url(images/iconMore.gif) no-repeat left 5px; }
	.moreless_top {margin-top:18px; padding-left:14px; background:url(images/iconLess.gif) no-repeat left 5px; }
	.moreless_content {margin:5px 0 2px 0; }
	.moreless_bottom {padding-right:14px; background:url(images/iconLess.gif) no-repeat right 5px; text-align:right; }

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

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

hr {display:none; }

#taglog ul, #tagbox ul {text-align:justify; }
#blogMenu li, #counter li, #tagbox li, #taglog li {display:inline; }
.nonEntry li, .listEntry li, #sidebar li, #conter li, .trackback li, .commentList li {list-style-type:none; }

/* 포스트 본문 마크업 */
/* #content .entry { margin-bottom: 100px; } */
#content .entry { width: 680px; margin-bottom: 100px; }
#content .entry .article ol, #content .entry .article ul, #content .entry .article il {padding-left:25px; }
.article dt {padding-top:5px; text-decoration:underline; }
.article dd {padding-left:25px; padding-bottom:5px; }

/**/
ul#cj li a{text-decoration:none;}

/* 표만들기 color */
.article table th {background-color:#ccc; }
.article table td {background-color:#fff; }
/* 카테고리 글 더보기 테이블 */
.another_category th, .another_category td { background-color: transparent !important; }

/* 이미지를 둘러싼 테이블 bg */
.dual table td, .triple table td {background-color:transparent; }


/* 공통 */
input.text {height:13px; padding-top:2px; padding-left:5px; border:1px solid #D6D6D6; color:#666; font:11px/11px NanumGothic; } /* 방명록 댓글 기준 */
textarea {width:/*@post-width:-12*/688px/*@*/; height:80px; padding:5px; border:1px solid #D6D6D6; 444:#A4A4A4; font:12px/15px NanumGothic; }
.submit {text-indent:-5000px; overflow:hidden; cursor:pointer; }


.guestbook p                { font:12px/1.7; padding:2px 0; margin:0;}

.guestWrite                 { padding:10px; background-color:#f5f5f5; border:1px solid #ddd; margin-top:10px;}
.guestWrite input           { width:490px;}
.guestWrite textarea        { width:645px; padding:5px; position:relative; top:-5px;}
.guestWrite .homepage       { width:490px;}
.guestWrite .secretWrap     { float:right; position:relative; top:-23px; left:-10px;}
.guestWrite .checkbox       { border:none; padding:0; margin:0; width:25px;}
.guestWrite .submit         { width:655px; height:25px; background-color:#ccc; font:1.1em Arial, sans-serif; padding-top:3px;}

.guestList                  { padding:10px 0 0 0;}
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
.guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  width:650px; overflow:hidden;}
.guestList li ul li         { margin-left:20px;  background:url("images/ico_reply.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  width:600px; overflow:hidden;}
.guestList li .name         { color:#666;  font-weight:bold;}
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

.guestList .control a.modify       { background:url(images/btn_edit.gif) no-repeat; padding:0px 0px 2px 53px; text-decoration:none;}
.guestList .control a.modify span  { display:none;}
.guestList .control a.write        { background:url(images/btn_reply.gif) no-repeat; padding:0px 5px 2px 53px; text-decoration:none;}
.guestList .control a.write span   { display:none;}



/* 방명록 댓글 */
.comment {margin-top:16px; }
/* 쓰기 */
#guestWrite, .commentWrite {width:658px; }
#guestWrite {margin-top:5px; }
.commentWrite {margin-top:19px; border:1px solid #ccc; overflow:hidden; padding:0 10px 10px 10px;}

.commentWrite p.info-write {padding:5px 0 0 0;}
.commentWrite p.secretWrap {padding:0 0 0 0;}
.commentWrite p.secretWrap input {margin:0;cursor:auto;}
.commentWrite p.textarea {padding:0 0 0 0;}

.commentWrite p {}
.commentWrite p input {margin-right:30px;cursor:pointer;}

.commentWrite span.name input {border:1px solid #ccc;width:100px;margin-right:15px;cursor:text;}
.commentWrite span.password input {border:1px solid #ccc;width:100px;margin-right:15px;cursor:text;}
.commentWrite span.homepage input {border:1px solid #ccc;width:200px;margin-right:0px;cursor:text;}

.head label {display:block; margin-bottom:3px; 444:#444; font:11px NanumGothic, sans-serif; text-transform:lowercase; }
.head {float:left; }
.name, .password {width:133px; }
.name input.text, .password input.text {width:122px; }
.homepage input.text {width:/*@post-width:-273*/427px/*@*/; }
.secretWrap {padding:0 0 2px 0; text-align:right; }
.secretWrap label {444:#979796; font:11px/11px NanumGothic; }
.secretWrap label, .secretWrap input {vertical-align:middle; }
.btn-write {width:/*@post-width*/680px/*@*/; height:17px; margin-top:5px; text-align:right; }
.btn-write input.submit {float:right; width:70px; height:17px; background:url(images/btn_confirm.gif) no-repeat; }
/* 읽기 */
#guestList {margin-top:20px; }
#guestList li, .commentList li {width:/*@post-width*/680px/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; }
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color:#444; font:12px/20px NanumGothic, sans-serif;font-weight:bold; }
#guestList .date, .commentList .date {color:#777; font:11px/20px tahoma; }
#guestList p, .commentList p {padding:5px 0 11px 0; color:#444; font:12px/15px NanumGothic, sans-serif; }
.control {float:right; color:#777; font:11px/20px tahoma; }
.control a {color:#777; font:11px/20px tahoma; letter-spacing:1px; }
#guestList ul li, .commentList ul li {
	width:/*@post-width:-13*/650px/*@*/;
	padding:0 0 0 13px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 0px 3px;
}

.commentList li ul { border-top:1px solid #ccc;border-bottom:1px solid #ccc; overflow:hidden;padding:10px 10px 10px 0; background:#efefef;}

/* 트랙백 */
.trackback {margin-top:10px;width:680px;}
.trackback h3 {margin-bottom:12px; color:#555555; font:11px/11px tahoma; }
.trackback ol {margin-top:14px; padding-bottom:2px; border-bottom:1px solid #ECECEC; }
.trackback li {width:/*@post-width*/680px/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; }
.trackback h4 a {color:#666; font:12px/18px NanumGothic, sans-serif; }
.trackback .delete {padding-left:9px; background:url(images/iconDelete.gif) no-repeat right 3px; font:12px/18px NanumGothic; }
.trackback .from {color:#444; font:12px/15px NanumGothic; }
.trackback .date {color:#444; font:9px/15px tahoma; }
.trackback p {padding:5px 0 14px 0; color:#444; font:11px/16px NanumGothic, sans-serif; letter-spacing:-1px; }

/* 보호글 */
.entryProtected .article {padding:30px 0 35px 0; border:1px solid #ECECEC; text-align:center; }
.entryProtected p {padding:4px; }
.entryProtected label {color:#444; font:11px/11px tahoma; letter-spacing:1px; }
.entryProtected input.submit {width:70px; height:17px; margin-left:4px; background:url(images/btn_confirm.gif) no-repeat; }

/* 검색결과 */
.listEntry { margin-bottom: 50px; }
.listEntry h3 { margin-bottom:15px; color:#424242; font:12px/18px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; }
.listEntry h3 b {font-weight:bold; }
.listEntry .date {display:block; float:left; width:64px; margin-top:1px; color:#444; font:11px/11px tahoma; }
.listEntry .list {float:left; width:/*@post-width:-64*/636px/*@*/; }
.listEntry, .listEntry a, listEntry span {color:#444; font:12px/16px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; }
.listEntry li {margin-bottom:2px; }

/* 포스트 */
.titleWrap {padding-bottom:12px; }
.titleWrap h2 a {
	color:/*@post-title-color*/#333/*@*/;
	font-size:/*@post-title-font-size*/12px/*@*/;
	line-height:1.2em;
	font-family:"나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana;
}
.titleWrap .date, .titleWrap .category {color:#444444; font:9px/9px tahoma; }
.titleWrap .category a {color:#444444; font:11px/11px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana;}
.admin {margin-top:12px; margin-bottom:2px; }
.admin, .admin a, .admin a:hover {color:#444444; font:11px/18px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; }
.article {
	width:/*@post-width*/680px/*@*/;
	padding-bottom:25px;
	color:/*@post-body-color*/#444/*@*/;
	font-size:/*@post-body-font-size*/15px/*@*/;
	line-height:1.8;
	font-family:/*@post-body-font-family*/"나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana/*@*/;
	word-break:break-all; word-wrap:break-word; overflow:hidden;
	text-align:justify;
}
.article a {color:/*@post-body-color*/#444/*@*/; text-decoration:underline; }

/* 포스트본문 */
.article blockquote {
		background:url(images/icon_q.png) no-repeat;
    background-color:#FCFCFC; 
    font-size:12pt; 
    padding:15px 15px 15px 45px; 
    letter-spacing:-1px; 
    color:#595959;  
    word-wrap: break-word;
    border: none;
}



/* 테그트레일 */
.tagTrail {margin-bottom:8px; padding-left:0; background:url(images/icon_tag.gif) no-repeat 0px 0px;width:680px;}
.tagTrail, .tagTrail a {color:#444; font:12px/14px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; }
/* 액션트레일 */
.actionTrail {width:680px; border-bottom:1px solid #ccc;padding:10px 0 8px 0;}
.actionTrail, .actionTrail a, .actionTrail a span, .actionTrail b {color:#444; font:12px/14px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; }
.author {float:right; color:#444444; font:11px/14px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; letter-spacing:-1px; }
.author .text {text-transform:uppercase; }
.actionTrail span.cnt { font: bold 12px "나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana; color: #444; }

/* 페이지 */
#paging {margin-top:25px; text-align:center; }
.numbox a {border:1px solid #ccc; display:inline-block;padding:5px 7px 5px 7px;}
#paging, #paging a, #paging a:hover {color:#444; font:11px verdana; }

/* 이전 다음 버튼 */
#prevPage {}
#nextPage {}
.no-more-prev:hover, .no-more-next:hover {text-decoration:none; }

.hide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.clear {clear:both; }

/* Float 버그 */
.floatWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */
.stFoot { overflow:hidden;padding:15px 20px 15px 20px; background:#b8b8b8; clear:both;}
.stFoot .footLogo { float:left;}
.stFoot .footMn { float:right;}
.stFoot .footMn ul {overflow:hidden;padding-top:5px;}
.stFoot .footMn ul li { float:left;padding:0 10px 0 10px; background:url(./images/stFoot_back.gif) no-repeat left;}
.stFoot .footMn ul li img {display:block;}
.stFoot .footMn ul li.st {padding-left:0; background:none;}
.stFoot .footMn p.copy {}

#main-page {margin:0!important;padding:0!important;}
#contLeft {width:680px; float:left;padding-bottom:30px;}
#contRight {width:221px; float:right;display:none;padding:10px 0 30px 0;}

.fkiSign {clear:both;padding:10px 0 10px 0; text-align:center;}

/*말풍선*/
.arrow_box_right { 
  position: relative; 
  background: #e7dd8f; 
  border: 4px solid #eaecc7; 
  padding:10px;
  width:495px;
  } 

.arrow_box_right:after, .arrow_box_right:before {
  left: 100%;
   border: solid transparent; 
   content: " "; 
   height: 0; 
   width: 0; 
   position: absolute; 
   pointer-events: none; 
   } 

.arrow_box_right:after {
  border-color: rgba(136, 183, 213, 0); 
  border-left-color: #e7dd8f; 
  border-width: 9px; 
  top: 70%; 
  margin-top: -30px; 
  } 
.arrow_box_right:before {
  border-color: rgba(194, 225, 245, 0); 
  border-left-color: #eaecc7; 
  border-width: 15px; 
  top: 70%; 
  margin-top: -36px; 
  }



  .arrow_box_left {
	position: relative;
	background: #e7b18f;
	border: 4px solid #ecdcc7;
	width:495px;
	padding:10px;
	margin-left: 160px;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_left:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #e7b18f;
	border-width: 9px;
	top: 70%;
	margin-top: -30px;
}
.arrow_box_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #ecdcc7;
	border-width: 15px;
	top: 70%;
	margin-top: -36px;
}



/*말풍선 오픈쪽파랑*/
.arrow_box_blue {
	position: relative;
	background: #cde0ec;
	width:495px;
	padding:10px;
	margin-left: 160px;
}
.arrow_box_blue:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_blue:after {
	border-color: rgba(161, 207, 236, 0);
	border-right-color: #cde0ec;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}

/*말풍선 오픈쪽노랑*/
.arrow_box_yell {
	position: relative;
	background: #eeefd9;
	padding:10px;
  width:495px;
	margin-left: 160px;
}
.arrow_box_yell:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_yell:after {
	border-color: rgba(239, 236, 172, 0);
	border-right-color: #eeefd9;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}



/*** image replace ***/
*.replace { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
*.replace,
#header ul.link li a span,
#footer ul li,
#gnb div.search,
#gnb ul.link li a em,
#gnb span.null { background:url('./images/background5.png') no-repeat; }

/*** blog ***/
#container { position:relative; width:989px; margin:0 auto; padding:0 15px; overflow:hidden; }

#header { height:142px; }
#header h1 { float:left; display:inline; width:145px; height:61px; margin:56px 0 0 2px; overflow:hidden; }
#header h1 a { display:block; position:relative; height:100%; }
#header h1 a span { background-position:0 -23px; }

#header ul.link { float:right; display:inline; margin:84px 10px 0 0; overflow:visible; }
#header ul.link li { float:left; position:relative; margin-right:43px; }
#header ul.link li a { color:#333; font-size:1.33em; font-weight:bold; line-height:1em; }
#header ul.link li a span { position:absolute; top:-11px; width:15px; height:14px; }
#header ul.link li a span.icon01 { right:-11px; background-position:-57px -85px; }
#header ul.link li a span.icon02 { right:-17px; background-position:-57px -85px; }

/* #content { float:left; width:680px; margin-bottom:41px; overflow:hidden; } */
#content { float:left; margin-bottom:41px; overflow:hidden; }


#gnb { float:right; display:inline; position:relative; width:235px; height:1497px; margin:1px 48px 41px 0; /*overflow:hidden;*/ }

#gnb div.search { width:213px; height:36px; padding:10px 11px 11px; background-position:0 -102px; overflow:hidden; }
#gnb div.search input { float:left; width:165px; height:35px; padding:0 5px; border:0; line-height:35px; }
#gnb div.search button { float:right; position:relative; width:35px; height:35px; }
#gnb div.search button span { background-position:-249px -115px; }

#gnb div.category { /*height:470px;*/ height:366px; padding-left:28px; background-color:#fff; overflow:hidden; }
#gnb div.category h3 { position:relative; width:78px; height:30px; margin:34px 0 14px; overflow:hidden; }
#gnb div.category h3 span { background-position:-146px -42px; }

#gnb div.twitter { height:48px; font-family:"돋움", Dotum, Tahoma ,Geneva, Verdana; background-color:#fff; overflow:hidden; }
#gnb div.twitter h3 { float:left; position:relative; width:154px; height:48px; margin:0px 20px 0 15px; }
#gnb div.twitter h3 span { background-position:-75px -159px; }
#gnb div.twitter a.follow { float:left; width:72px; height:23px; margin:0; border:1px solid #a6a6a6; color:#000; font-weight:bold; background:#fff -webkit-linear-gradient(top, #fff, #f1f2f3); background:#fff -moz-linear-gradient(top, #fff, #f1f2f3); background:#fff -o-linear-gradient(top, #fff, #f1f2f3);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f1f2f3); line-height:23px; text-align:center; }
#gnb div.twitter a.twitter-follow-butto { float:left; width:72px; height:23px; margin:26px 0 11px; border:1px solid #a6a6a6; color:#000; font-weight:bold; background:#fff -webkit-linear-gradient(top, #fff, #f1f2f3); background:#fff -moz-linear-gradient(top, #fff, #f1f2f3); background:#fff -o-linear-gradient(top, #fff, #f1f2f3);  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f1f2f3); line-height:23px; text-align:center; }
#gnb div.twitter p.about { clear:both; margin:0 30px 11px 28px; color:#727272; font-weight:bold; letter-spacing:-.0625em; }
#gnb div.twitter p.twit { margin:0 30px 0 28px; letter-spacing:-1px; }

#gnb div.goBnn { height:97px; border-bottom:1px solid #c1c1c1; font-family:"돋움", Dotum, Tahoma ,Geneva, Verdana; background-color:#fff; overflow:hidden; ;color:#686868;  
font-weight:bold; letter-spacing:-.0625em;}
#gnb div.goBnn h3 {margin:11px 15px 0px 28px;}
#gnb div.goBnn p.twit { margin:0 30px 0 28px; letter-spacing:-1px; width:167px; height:15px;}
#gnb div.goBnn a {display: block; height:100%; overflow:hidden; position:relative;}
#gnb div.goBnn span.go1 {background:url("./images/gobtn_01.gif") no-repeat scroll 0 0 transparent;height: 100%;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;}

#gnb div.facebook { position:relative; margin:8px 0 38px 0; height:57px;font-family:"돋움", Dotum, Tahoma ,Geneva, Verdana; background-color:#fff; overflow:hidden; }
#gnb div.facebook div.pluginWrap { margin:-2px 0 0 -8px; overflow:hidden; }

#gnb div.greenLine { margin-left:-5px; width:240px; height:1px; background:#a5cf4c; }

/* #gnb div.spc{width:100%; height:18px; background-color:#fff;  border-bottom:1px solid #c1c1c1; } */

#gnb div.notice { position:relative; /*height:110px;*/ height:117px; margin-top:24px; padding-left:28px; border-top:1px solid #c1c1c1; /* border-bottom:1px solid #cbcbcb; */ font-family:"돋움", Dotum, Tahoma ,Geneva, Verdana; background-color:#fff; overflow:hidden; z-index:9999; }
#gnb div.notice h3 { position:relative; width:56px; height:30px; margin:21px 0 12px; overflow:hidden; }
#gnb div.notice h3 span { background-position:-225px -42px; }
#gnb div.notice a { color:#8d8d8d; }

#gnb ul.link { margin-top: 10px; margin-bottom:20px; background:#f1f1f1; }
#gnb ul.link li { /*height:41px;*/ padding:5px 0; height:40px; font-size:15px; border-top:1px solid #fff; border-bottom:1px solid #d5d5d5; }
#gnb ul.link li a { display:block; height:41px; padding:0 24px 0 28px; font-weight:bold; font-size:1.1em; color:#333; line-height:41px; }
#gnb ul.link li a span { float:left; }
#gnb ul.link li a em { float:right; width:6px; height:11px; margin-top:14px; background-position:-146px -73px;}

#gnb p.wa { margin: 20px 0 0 31px; height:33px; padding-top:3px; color:#333; font-weight:bold; letter-spacing:-0.02em; font-size: 0.9em;}
#gnb p.wa span { float:left; position:relative; width:34px; height:41px; margin:-3px 12px 0 0; overflow:hidden; }
#gnb p.wa em { background-position:-251px -73px; }

#gnb p.nAward { margin:29px 0 0 28px; height:34px; color:#333; font-weight:bold; letter-spacing:-0.02em;font-size: 0.9em;}
#gnb p.nAward span { float:left; position:relative; width:34px; height:34px; margin:0 15px 0 0; overflow:hidden; }
#gnb p.nAward em { background-position:0px -159px; } 

#gnb p.blogAward { margin:21px 0 0 27px; padding-top:4px; height:33px; color:#333; font-weight:bold; letter-spacing:-0.02em;font-size: 0.9em;}
#gnb p.blogAward span { float:left; position:relative; width:40px; height:45px; margin:-5px 10px 0 0; overflow:hidden; }
#gnb p.blogAward em { background-position:-35px -159px; }

#gnb p.bestblog { margin:21px 0 0 27px; padding-top:4px; height:35px; color:#333; font-weight:bold; letter-spacing:-0.02em;font-size: 0.9em;}
#gnb p.bestblog span { float:left; position:relative; width:35px; height:35px; margin: 1px 12px 0 3px; overflow:hidden; }
#gnb p.bestblog em { background-position:0px -208px; }

/* #gnb span.null { position:absolute; left:0; bottom:0; width:235px; height:162px; background-position:0 -159px; } */

#quickLink { position:absolute; top:143px; right:15px; width:48px; height:626px; }
#quickLink li a { display:block; position:relative; }
#quickLink li a.link01 { height:54px; } /* 홈 */
#quickLink li a.link01 span { background-position:-285px -23px; }

#quickLink li a.link02 { height:44px; } /* 페이스북 */
#quickLink li a.link02 span { background-position:-285px -77px; }

#quickLink li a.link03 { height:37px; } /* 트위터 */
#quickLink li a.link03 span { background-position:-285px -121px; }

#quickLink li a.link09 { height:40px; } /* 포스트 */
#quickLink li a.link09 span { background-position:-285px -157px; }

#quickLink li a.link04 { height:40px; } /* 유튜브 */
#quickLink li a.link04 span { background-position:-285px -198px; }

#quickLink li a.link10 { height:42px; } /* 옐로아이디 */
#quickLink li a.link10 span { background-position:-285px -238px; }

#quickLink li a.link05 { height:32px; } /* RSS */
#quickLink li a.link05 span { background-position:-285px -280px; }

#quickLink li a.link06 { height:44px; } /* 탑 */
#quickLink li a.link06 span { background-position:-285px -312px; }

#quickLink li a.link07 { margin-top:3px; height:231px; text-indent:-999em; } /* 전경련홈페이지 */
#quickLink li a.link07 span { background-position:-236px -151px; }

#quickLink li a.link08 { height:31px; } 
#quickLink li a.link08 span { background-position:-285px -241px; }






#footer { clear:both; width:941px; height:85px; border-top:4px solid #000; }

#footer h1 { float:left; position:relative; width:138px; height:18px; margin:26px 22px 0 0; }
#footer h1 span { background-position:-147px -23px; }
#footer h1 a.replace2 {display:block; width:136px; height:19px; text-indent:-9999px; background:url("./images/foLogo.png") no-repeat scroll 0 0 transparent;}

#footer address { float:left; width:350px; margin-top:26px; font:normal .95em/1.4 "돋움", Dotum, Tahoma ,Geneva, Verdana; letter-spacing:-1px; }

#footer ul { float:right; margin-top:28px; overflow:hidden; }
#footer ul li { float:left; margin:0 1px 0 -1px; padding:0 9px 0 10px; background-position:0 2px; }
#footer ul li a { color:#333; font-weight:bold; line-height:1; }

#footer p { float:right; width:79px; height:28px; margin:20px 2px 0 0; }
#footer p a { display:block; position:relative; height:100%; overflow:hidden; }
#footer p a span { background-position:-153px -73px; }

/*** t-edition ***/
#ttCanvas { position:relative; width:701px !important; height:1597px !important; overflow:hidden; }
div.tt-component-border { display:none !important; }
div.tt-panel { margin:0 !important; padding:0 !important; overflow:hidden !important; }
div.tile { position:relative; overflow:hidden; /* letter-spacing:-.0925em; */ }
div.tile h3 a { font-family:"나눔고딕", NanumGothic, NGNormal, "돋움", Dotum, Arial, Tahoma ,Geneva, Verdana !important; text-align:left !important;}


/* box A */
div.mediaBoxA { width:701px; height:294px; background-color:#1b1b1b; overflow:hidden !important; }
div.mediaBoxA div.text { float:right; position:relative; width:231px; height:294px; background:#f0f0f0; }
div.mediaBoxA div.text h3 { margin:32px 20px 12px !important; padding-bottom:19px !important; color:#000; font-size:1.5em !important; font-weight:bold !important; background:url('./images/bgH301.gif') no-repeat 2px 100%; line-height:1.35 !important; }
div.mediaBoxA div.text p { margin:0 20px !important; color:#000; line-height:1.6 !important; }
div.mediaBoxA div.text ul { position:absolute; left:12px; bottom:26px; }
div.mediaBoxA div.text ul li { float:left; margin-left:18px !important; padding:0 !important; width:71px; height:38px; border:4px solid #fefefe !important; overflow:hidden;}
div.media { display:none; float:left; width:470px; height:294px; overflow:hidden; }

/* box B */
div.mediaBoxB { width:191px; height:179px; padding:27px 20px 25px 20px !important; background-color:#51aa9a; overflow:hidden; }
div.mediaBoxB h3 { margin-bottom:10px !important; padding-bottom:13px !important; color:#fff; font-size:1.33em !important; font-weight:bold !important; background:url('./images/bgH301.gif') no-repeat 2px 100%; }
div.mediaBoxB h3 a { color:#fff !important; line-height:1.35 !important; }
div.mediaBoxB p a { color:#fff !important; line-height:1.6 !important; }

/* box C */
div.mediaBoxC { width:436px; height:229px; padding:0 30px 0 0 !important; border:1px solid #fbcf32 !important; background-color:#fbcf32; overflow:hidden; }
div.mediaBoxC span { float:left; position:relative; width:232px !important; height:229px !important; margin:0 15px 0 0 !important; }
div.mediaBoxC span a { width:232px !important; height:229px !important; border:0 !important; } 
div.mediaBoxC span em { position:absolute; top:50%; right:0; width:12px; height:24px; margin-top:-8px !important; background:url('./images/bul04.png') no-repeat; z-index:999; }
div.mediaBoxC h3.tt-post-title { margin:24px 0 11px !important; padding-bottom:13px !important; font-weight:bold; background:url('./images/bgH302.gif') no-repeat 2px 100%; }
div.mediaBoxC h3.tt-post-title a { color:#000 !important; font-size:16px !important; line-height:1.35 !important; }
div.mediaBoxC p a { color:#6e5b30 !important; line-height:1.6 !important; }

/* box D */
div.mediaBoxD { position:relative; width:229px; height:229px; border:1px solid #a0a0a0 !important; }
div.mediaBoxD span.tt-wrap-post-thumb { display:block; width:100%; height:100%; margin:0 !important; }
div.mediaBoxD span.tt-wrap-post-thumb a.tt-wrap-thumb-link { width:100% !important; height:100% !important; border:0 !important; } 
div.mediaBoxD span.null { position:absolute; left:0; bottom:0; width:189px; margin:0 !important; padding:20px !important; color:transparent !important; font-size:14px !important; font-weight:bold !important; text-align:center; line-height:1.3 !important; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5; }
div.mediaBoxD h3 { position:absolute; left:0; bottom:0; width:100%; margin:0 !important; padding:0 !important; text-align:center; }
div.mediaBoxD h3 a { display:block; margin:0 !important; padding:20px !important; color:#fff !important; font-size:14px !important; font-weight:bold !important; line-height:1.35 !important; }

/* box E */
div.mediaBoxE { width:211px; height:681px; padding:10px !important; background-color:#a5cf4c; }
div.mediaBoxE .inner { overflow:hidden; background:#fff; height:221px; }
div.mediaBoxE .inner h3 { margin:12px 15px 15px 15px !important; padding-bottom:15px !important; font-size:1.33em !important; font-weight:bold !important; background:url('./images/bgH302.gif') no-repeat 2px 100%; }
div.mediaBoxE .inner h3 a { color:#000 !important; line-height:1.35 !important; }
div.mediaBoxE .inner p { margin:0 15px 15px !important; }
div.mediaBoxE .inner p a { color:#818181 !important; line-height:1.6 !important; }
div.mediaBoxE span { display:block; position:relative; width:211px; height:221px; border-bottom:1px solid #a1a1a1; margin:0 0 23px !important; }
div.mediaBoxE span a { width:211px !important; height:221px !important; border:0 !important; } 

div.mediaBoxE li { position:relative; /* height:221px; */ padding:0 !important; background-color:#fff; overflow:hidden; }
div.mediaBoxE li.box01 h3 { margin:15px !important; padding-bottom:15px !important; font-size:1.33em !important; font-weight:bold !important; background:url('./images/bgH302.gif') no-repeat 2px 100%; }
div.mediaBoxE li.box01 h3 a { color:#000 !important; }
div.mediaBoxE li.box01 p { margin:0 15px 15px !important; }
div.mediaBoxE li.box01 p a { color:#818181 !important; }
div.mediaBoxE li.box02 a.tt-wrap-thumb-link { width:100% !important; height:100% !important; border:0 !important; }
div.mediaBoxE li.box02 span { position:absolute; left:0; bottom:0; width:171px !important; margin:0 !important; padding:15px 20px !important; color:transparent !important; font-size:14px !important; font-weight:bold !important; text-align:center; line-height:1.3 !important; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5; }
div.mediaBoxE li.box02 h3 { position:absolute; left:0; bottom:0; width:100%; margin:0 !important; padding:0 !important; text-align:center; }
div.mediaBoxE li.box02 h3 a { display:block; padding:15px 20px !important; color:#fff !important; font-size:14px !important; font-weight:bold !important; line-height:1.3 !important; }

/* box F */
div.mediaBoxF { position:relative; width:229px; height:229px; border:1px solid #a0a0a0 !important; }
div.mediaBoxF span.tt-wrap-post-thumb { display:block; width:100%; height:100%; margin:0 !important; }
div.mediaBoxF span.tt-wrap-post-thumb a.tt-wrap-thumb-link { width:100% !important; height:100% !important; border:0 !important; } 
div.mediaBoxF span.null { position:absolute; left:0; bottom:0; width:189px; margin:0 !important; padding:20px !important; color:transparent !important; font-size:14px !important; font-weight:bold !important; text-align:center; line-height:1.3 !important; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5; }
div.mediaBoxF h3 { position:absolute; left:0; bottom:0; width:100%; margin:0 !important; padding:0 !important; text-align:center; }
div.mediaBoxF h3 a { display:block; margin:0 !important; padding:20px !important; color:#fff !important; font-size:14px !important; font-weight:bold !important; line-height:1.35 !important; }

/* box G */
div.mediaBoxG { position:relative; width:229px; height:229px; border:1px solid #a0a0a0 !important; }
div.mediaBoxG span.tt-wrap-post-thumb { display:block; width:100%; height:100%; margin:0 !important; }
div.mediaBoxG span.tt-wrap-post-thumb a.tt-wrap-thumb-link { width:100% !important; height:100% !important; border:0 !important; } 
div.mediaBoxG span.null { position:absolute; left:0; top:0; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; background:transparent url('./images/bgBoxG.png') no-repeat 0 0; }
div.mediaBoxG h3 { position:absolute; left:0; bottom:0; width:100%; margin:0 !important; padding:0 !important; text-align:center; }
div.mediaBoxG h3 a { display:block; margin:0 !important; padding:20px 25px 20px 25px !important; color:#000 !important; font-size:14px !important; font-weight:bold !important; line-height:1.35 !important; }

/* box H */
div.mediaBoxH { width:229px; height:464px; border:1px solid #a0a0a0 !important; background-color:#fff; overflow:hidden; }
div.mediaBoxH span { display:block; position:relative; width:229px; height:233px; border-bottom:1px solid #a1a1a1; margin:0 0 23px !important; }
div.mediaBoxH span a { width:229px !important; height:233px !important; border:0 !important; } 
div.mediaBoxH span em { position:absolute; left:50%; bottom:0; width:24px; height:12px; margin-left:-12px !important; background:url('./images/bul03.png') no-repeat; z-index:999; }
div.mediaBoxH h3.tt-post-title { margin:0 15px 11px !important; padding-bottom:18px !important; font-weight:bold; font-size:1.33em !important; background:url('./images/bgH302.gif') no-repeat 2px 100%; }
div.mediaBoxH h3.tt-post-title a { color:#333 !important; line-height:1.35 !important; }
div.mediaBoxH p { margin:0 15px 15px !important; color:#333; }
div.mediaBoxH p a { color:#333 !important; line-height:1.6 !important; }

/* box I */
div.mediaBoxI { width:191px; height:181px; padding:25px 20px !important; background-color:#727272; overflow:hidden; }
div.mediaBoxI h3 { margin-bottom:11px !important; padding-bottom:11px !important; color:#fff; font-size:1.33em !important; font-weight:bold !important; background:url('./images/bgH301.gif') no-repeat 2px 100%; }
div.mediaBoxI h3 a { color:#fff !important; line-height:1.35 !important; }
div.mediaBoxI p a { color:#fff !important; line-height:1.6 !important;}

/* box J */
div.mediaBoxJ { position:relative; width:464px; height:229px; border:1px solid #d5d5d5 !important; }
div.mediaBoxJ h2 { float:left; margin:23px 0 18px 28px !important; color:#000 !important; font-size:1.33em !important; font-weight:bold !important; line-height:1 !important; }
div.mediaBoxJ a.more { position:absolute; top:32px; right:49px; }
div.mediaBoxJ ul { clear:both; margin:0 30px !important; border-top:1px solid #ccc !important; }
div.mediaBoxJ ul li { width:375px !important; height:28px !important; padding:0 19px 0 11px !important; border-bottom:1px dotted #c4c4c4 !important; line-height:28px; }
div.mediaBoxJ ul li span.tt-post-title { float:left; width:292px !important; height:28px !important; margin:0 !important; padding-left:8px !important; background:url('./images/bgDash01.gif') no-repeat 0 50%; line-height:28px !important; }
div.mediaBoxJ ul li span.tt-post-title a { color:#707070 !important; font-size:1em !important; font-weight:normal !important; line-height:28px !important; }
div.mediaBoxJ ul li span.tt-post-date { float:right; width:75px !important; height:28px !important; margin:0 !important; color:#707070 !important; text-align:right; line-height:28px !important; }

/* box K */
div.mediaBoxK { position:relative; width:229px; height:229px; border:1px solid #a0a0a0 !important; }
div.mediaBoxK span.tt-wrap-post-thumb { display:block; width:100%; height:100%; margin:0 !important; }
div.mediaBoxK span.tt-wrap-post-thumb a.tt-wrap-thumb-link { width:100% !important; height:100% !important; border:0 !important; } 
div.mediaBoxK span.null { position:absolute; left:0; bottom:0; width:189px; margin:0 !important; padding:20px !important; color:transparent !important; font-size:14px !important; font-weight:bold !important; text-align:center; line-height:1.3 !important; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5; }
div.mediaBoxK h3 { position:absolute; left:0; bottom:0; width:100%; margin:0 !important; padding:0 !important; text-align:center; }
div.mediaBoxK h3 a { display:block; margin:0 !important; padding:20px !important; color:#fff !important; font-size:14px !important; font-weight:bold !important; line-height:1.35 !important; }

/* 카테고리 스타일 */
.category{font-size:14px; line-height:1.8;}
.category span.c_cnt{font-size:0.75em; color:#f30;}
.category > ul > li{border-left:0;}
.category > ul > li > a{/*display:none;*/ color:#333; font-weight:bold;}
.category > ul > li > ul> li{border-left:0;}
.category > ul > li > ul > li > ul > li{margin-left:2px; padding-left:6px; font-weight:normal; border-left:1px dotted #666;}
.category > ul > li > ul > li > a{font-weight:bold; color:#333;}

/* 페이스북 */
.facebook .pluginWrap{padding-left:15px;}


/*사용자 지정 스타일 */
h5{
border-left:10px solid #EDA900; 
font-size:15pt; 
padding-left:5px; 
font-weight:bold; 
letter-spacing:-1px; 
color:#595959;
margin-bottom:20px;
display:inline-block;
}

h6{
border-bottom:1px solid #EDA900; 
font-size:12pt; 
padding:5px 0 0 5px; 
font-weight:bold; 
letter-spacing:-1px; 
color:#6B6B6B; 
display:block;
margin-bottom:20px;
display:inline-block;
}