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

/* 본문 공통 */
body{
		font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
		color:#666;
		/*@background-image=background-image:url(images/bg.gif);*/ background-image: none; /*@*/
		/*@background-image-position=background-position:;*/ background-position: left top; /*@*/
		/*@background-image-repeat=background-repeat:repeat;*/ background-repeat: no-repeat; /*@*/
		/*@background-color=background-color:;*/ background-color: #FFFFFF; /*@*/
		padding:0; margin:0;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#666;  text-decoration:underline;}
a:active        { color:#666;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
.selected               { font-weight:bold; color:#333; }
.no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
.no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; 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; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

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

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

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    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      { border:1px solid #ddd;padding:3px; margin:5px 0; text-align:center; }
/* 왼쪽 */
    .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/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

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


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

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, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #39414a url(images/bg-home-tile.jpg) repeat-x 50% 0;
	font: normal 62.5% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	color: #fff;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}

a {
	border-bottom: 0px;
	color: #5DB0E6;
}
a:focus {
	outline: 1px dotted #eee;
}
a:active {
	outline: 0px;
}
a:hover {
	color: #7bc4f4;
}

#siteContain {
	width: 910px;
	margin: 0 auto;
}
#header {
	height: 156px;
	padding: 0 40px;
	position: relative;
}

#siteLogo {
	display: block;
	top: 59px;
	position: absolute;
	border: 0 !important;
}

#siteLogo img {
border: 0 !important;
}


#primaryNavigation {
float: right;
background: #192839 url(images/bg_primaryNav_left.gif) left bottom no-repeat;
}

#primaryNavigation ul {
float: left;
background: url(images/bg_primaryNav_right.gif) right bottom no-repeat;
padding: 0 .8em 2px;
margin: 0;
}

#primaryNavigation li {
float: left;
list-style: none;
margin: 0;
background: none;
padding: 0;
}
#primaryNavigation li a {
float: left;
padding: 0 1em;
line-height: 25px;
font-size: 1.2em;
color: #D0D0D0;
text-decoration: none;
margin-bottom: 2px;
}
#primaryNavigation li.ui, #primaryNavigation li.blog {
border-right: 1px solid #0F1924;
}
#primaryNavigation li.current a, #primaryNavigation li.current a:hover {
	border-bottom: 2px solid #176092;
	background: #192839;
	margin-bottom: 0;
	cursor: default;
	color: #D0D0D0;
}
#primaryNavigation li a:hover {
color: #fff;
border-bottom: 2px solid #4082ae;
margin-bottom: 0;
}
/*Secondary Navigation*/
#secondaryNavigation, #footerNavigation {
float: right;
clear: right;
margin-top: 34px;
background: #0F67A1 url(./images/bg_secondaryNav_left.gif) left top no-repeat;
}
#secondaryNavigation ul, #footerNavigation ul {
float: left;
background: url(./images/bg_secondaryNav_right.gif) right top no-repeat;
padding: 0 0 0 8px;
margin: 0;
width: 46em;
}
#secondaryNavigation ul li, #footerNavigation ul li {
float: left;
list-style: none;
border-right: 1px solid #0D5995;
border-left: 1px solid #1175AE;
height: 34px;
margin: 0;
background: none;
padding: 0;
}
#secondaryNavigation ul li.first, #footerNavigation ul li.first {
border-left: none;
}
#secondaryNavigation ul li.last, #footerNavigation ul li.last {
border-right: none;
}
#secondaryNavigation li a, #footerNavigation li a {
float: left;
padding: 0 12px;
font-size: 1.3em;
color: #eee;
text-decoration: none;
line-height: 34px;
position: relative;
}
#secondaryNavigation li a span, #footerNavigation li a span {
position: relative;
top: 0;
left: 0;

}
#secondaryNavigation li a span.shadow, #footerNavigation li a span.shadow {
top: .1em;
left: 1em;
color: #131c25;
position: absolute;
display: none;
}
#secondaryNavigation li a:hover, #footerNavigation li a:hover {
	color: #fff;
}
#secondaryNavigation li a:hover span.shadow, 
#footerNavigation li a:hover  span.shadow,
#secondaryNavigation li.current a span.shadow, 
#footerNavigation li.current a span.shadow {
display: block;
}

#header h1 {
	font-size: 3em;
	font-weight: normal;
	color: #ddd;
	position: absolute;
	bottom: 15px;
	left: 60px;
	line-height: 1;
	border: 0px;
	padding: 0px;
	text-transform: uppercase;
}

#header h1 a{
	color:white;
	text-decoration:none;
}

/*content*/
#content {
background: #181c21 url(images/bg_home_content.gif) top repeat-x;
padding: 4em 40px;
border-bottom: 1px solid #000;
}

#footer {
background: #0F1923 url(./images/bg_footerGrad.jpg) top repeat-x;
border-bottom: 2px solid #000;
margin-bottom: 3em;
padding: 2.5em 40px;
}
#footer #credits {
float: left;
width: 250px;
}
#footer p {
font-size: 1.2em;
color: #fff;
margin: .5em 0;
line-height: 1.4;
}
#footer p a {
color: #5DB0E6;
text-decoration: underline;
}
#footer p#hosting {
font-size: 1.1em;
}
#footer p#hosting a {
color: #fff;
}
#footer p#hosting a.mediaTemple {
margin-left: .2em;
background: url(./images/icon_mt.gif) left 50% no-repeat;
padding-left: 30px;
}
#footer #footerNavigation {
margin-top: 1em;
float: right;
}

#container #comments,
div.comment,
div.node {
border-width: 0;
}
#container #comments h2.comments {
  margin: 0;
}

/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

*{padding: 0; margin: 0;}

#content h1 {
	padding-top: 0.5em;
}

/* 여기서부터 필요 부분 추가 */

div.s_list{
	background:#333;
	font-size:1.2em;
	color:#999;
	margin-bottom:1em;
}

div.s_list ul li{
	height:30px;
	line-height:30px;
	border-bottom:dashed 1px #999;
	
}

div.s_list ul li a{
	color:#ccc;
	padding-left:1em;
}

div.s_list h2{
	font-size:1.5em;
	color:white;
	background:#222;
	padding:.2em;
	border-bottom:solid 1px #999;
}

div.entry {
	clear:both;
	color:#eee;
	margin-top:2em;
}

div.entry h2 {
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
	padding-bottom:.2em;
}

div.entry h2 a{
	color: #5DB0E6;
}

div.entry ul li a{
	color:#eee;
}

div.article{
	background:#efefef;
	color:#666;
	font-size:9pt;
	padding:1.5em;
	clear:both;
}

div.entry ul {
padding: 0em 0;
clear:both;
overflow:hidden;
}

div.entry ul li {
	float: left;
	font-size: 1.2em;
	padding:0 0.5em;
}

div.rp_action {
	color:#555;
	background:#aaa;
	font-size:1.5em;
}

div.trackbacks {
	color:#444;
	background:#888;
}

div.comment {
	color:#999;
	background:#333;
}

div.comment h3{
	background:#666;
	font-size:2em;
	color:black;
}

div.commentlist ul li{
	width:100%;
	border-bottom:solid 1px #222;
	padding-top:1em;
}

span.rp_writer{
	font-size:1.5em;
	font-weight:bold;
}

div.commentlist ul li p{
	padding:1em;
}

span.tb_site{
	font-weight:bold;
}

span.cnt {
	color:#66c;
	font-weight:bold;
}

div#blogDesc{
	position:absolute;
	margin-top:136px;
	height:16px;
	font-size:9pt;
	color:#aaa;
}

p.commentBar1{
	background:#222;
	text-align:center;
}

p.commentBar1 input{
	width:30%;
	
}

p.commentBar2{
	background:#111;
	text-align:right;
	padding-right:3em;
}

p.commentContent{
	background:#000;
	text-align:center;
}

input.flat{
	border:solid 2px #5db0e6;
	height:30px;
	font-size:25px;
	line-height:30px;
	padding:0;
	margin:0;
}

input#rp_name{
	background:white url(images/name.png) no-repeat;
}

input#rp_pw{
	background:white url(images/pw.png) no-repeat;
}

input#rp_homepage{
	background:white url(images/homepage.png) no-repeat;
}

textarea#rp_comment{
	width:90%;
	height:5em;
	margin:0 5%;
	border:solid 2px #5db0e6;
	overflow:hidden;
}

input#commentSubmit{
	width:90%;
	margin:0 5%;
	height:30px;
	background:#305881;
	border:solid 2px #5db0e6;
	text-align:center;
	color:#5db0e6;
	font-weight:bold;
}

div.paging{
	background:#000;
	text-align:center;
	margin-top:2em;
}

span.page {
	font-size:1.5em;
	color:#eee;
}

span.page a{
	border:solid 1px black;
	padding:0 0.2em;
}

span.page a:link{
	color:#5db0e6;
	text-decoration:none;
}

span.page a:visited, span.page a:active{
	text-decoration:none;
	color:#305881;
}

span.page a:hover{
	color:#fff;
	border:solid 1px #fff;
	background:#999;
}


#sub_category{
	top:97px;
	left:0px;
}

#sub_article{
	top:97px;
	left:80px;
}

#sub_reply{
	top:97px;
	left:150px;
}

#sub_trackback{
	top:97px;
	left:184px;
}

#sub_link{
	top:97px;
	left:274px;
}

div.submenu{
	position:absolute;
	width:220px;
	background:white;
	border:solid 2px #5db0e6;
	font-size:1.2em;
	display:none;
}

div.submenu ul {
	display:block;
	padding:0;
	margin:0;
}

div.submenu ul li{
	display:block;
	line-height:20px;
	margin:0;
	color:#333;
}

div.submenu ul li a{
	display:block;
	padding:0 .5em;
	height:30px;
	line-height:30px;
	background:url(images/bg_submenu.png) repeat-x;
}

div.submenu ul li a:hover{
	color:black;
	background-position:0px -30px;
}

span.sub_right{
	display:block;
	text-align:right;
	color:#4da0d6;
}

div#scr_form{
	position:absolute;
z-index:20000;
	top:160px;
	width:250px;
	padding:0;
	margin:0;
	overflow:hidden;
	left:0;
}

#cse-search-box{
	display:none;
	width:213px;
	height:42px;
	float:left;
	text-align:left;
	font-size:1.5em;
	border:solid 1px #666;
	border-right:none;
	background:white;
padding:3px;

}


a#scr_btn{
	width:30px;
	height:50px;
	display:block;
	float:right;
	background:url(images/scr_btn.png) no-repeat 0 0;
	text-indent:-10000px;	
}



a#scr_btn:hover{
	background-position:-30px 0;
}

div.article ul li{
display:block !important;
clear:both !important;
list-style:inside;
}

div.no-style ul, div.no-style ul li{
list-style:disc !important;
list-position:inside !important;
font-size:9pt!important;
}

div.no-style ul{
padding-left:2em !important;
}

div#addRightTop{
margin:1em;
float:right;
border:solid 1px black;
width:300px;
}