@charset "utf-8";
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
body {
margin : 0;
font-family:NanumGothic,"나눔고딕",Arial,Dotum,"돋음",Helvetica, sans-serif;
font-size : 13px;
background-color : #75d2f1;
text-align : center;
line-height : 180%;
color : #333;
}
a:link {
text-decoration : none;
color : #333;
}
a:hover {
text-decoration : underline;
color : #0088b3;
}
a:focus, a:active, a:visited {
text-decoration : none;
color : #0088b3;
}
.cap1 {
color : #888;
text-align : center;
padding : 4px 0;
margin : 0;
}
.imageblock {
margin : 20px 0;
}
.dual {
margin-bottom : 5px;
}
.triple {
margin-bottom : 5px;
}
.key1 {
cursor : pointer;
border-bottom : 1px dotted #ccc;
}
img, a img {
border : none;
}
input, textarea {
font-size : 12px;
font-family : Dotum,"돋음", Arial;
}
ol, ul, li {
list-style : none;
padding : 0;
margin : 0;
}
hr {
display : none;
}
h1 {
font-size : 1.8em;
}
h2 {
font-size : 1.6em;
}
h3 {
font-size : 1.4em;
}
h4 {
font-size : 1.2em;
}
h1, h2, h3, h4, h5, h6 {
color : #333;
margin-bottom:5px;
padding:0;
text-decoration:none;
}
#wrap {
background-color : #eee;
border : 10px solid #fff;
margin : 10px auto;
position : relative;
width : 960px;
}
#header {
background-color : #7bd4ef;
height : 100px;
width : 960px;
}
#title {
display : block;
float : left;
height : 100px;
overflow : hidden;
padding : 0;
width : 460px;
}
#title h1 {
font-family : Arial, NanumGothic,"나눔고딕", Dotum,"돋음";
font-weight : bold;
font-size : 36px;
padding-top:10px;
}
#title h1 a {
color : #fbfbfb;
text-decoration : none;
}
#title h1 a:hover {
color : #007ca0;
}
#title h1 a span {
}
#headerBanner {
float : right;
margin : 0;
padding : 20px 0 0;
width : 488px;
}
#nav {
margin : 0;
padding : 0;
background-color : #0081a7;
font-family : Airal, MalgunGothic,"맑은고딕", Dotum,"돋음";
font-size : 12px;
font-weight : bold;
width : 960px;
height : 32px;
text-transform : uppercase;
z-index : 2;
position : relative;
}
#navLeft {
float : left;
width : 150px;
z-index : 1;
}
#navLeft a {
color : #fbfbfb;
}
ul.menu {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu * {
margin : 0;
padding : 0;
}
ul.menu a {
display : block;
color : #fbfbfb;
text-decoration : none;
}
ul.menu li {
position : relative;
float : left;
}
ul.menu ul {
position : absolute;
top : 32px;
left : 0;
background-color : #67b9d3;
display : none;
list-style : none;
}
ul.menu ul li {
position : relative;
border : 1px solid #aaa;
border-top : none;
width : 148px;
margin : 0;
}
ul.menu ul li a {
display : block;
padding : 3px 7px 5px;
background-color : #0081a7;
}
ul.menu ul li a:hover {
background-color : #2c343f;
color : #fff;
}
ul.menu ul ul {
left : 148px;
top : -1px;
}
ul.menu .menulink {
background : url(./images/down.gif) no-repeat 90% center;
padding : 5px 7px 7px;
font-weight : bold;
width : 134px;
color : #fbfbfb;
}
ul.menu .sub {
background : #036481 url(./images/right.gif) no-repeat 136px 11px;
}
ul.menu .topline {
border-top : 1px solid #aaa;
}
#navRight {
float : left;
width : 800px;
}
#navRight a {
float : left;
color : #fbfbfb;
display : block;
font-size : 12px;
padding : 4px 15px;
}
#navRight a:hover {
background-color : #2c343f;
color : #fff;
}
#inner {
margin : 10px auto;
width : 940px;
}
#content-sidebar-wrap {
width : 940px;
}
#content {
background : #fff url(./images/content-top.gif) no-repeat scroll center top;
border : 1px solid #ddd;
margin : 0 0 10px;
padding : 9px 9px 0;
width : 610px;
float : left;
text-align : left;
}
#content h2 a {
color : #333;
}
#content h2 a:hover {
color : #0088b3;
}
#guide {
border-bottom : medium double #ddd;
font-size : 11px;
margin : 0 0 20px;
padding : 0 0 3px;
}
#guide span {
display : none;
}
body#tt-body-page #guide span.gdBlog, body#tt-body-category #guide span.gdBlog, body#tt-body-notice #guide span.gdNotice, body#tt-body-tag #guide span.gdTag, body#tt-body-location #guide span.gdLocation, body#tt-body-media #guide span.gdMedia, body#tt-body-guestbook #guide span.gdGuestbook {
display : block;
}
#entry {
padding : 0;
margin : 0 0 10px;
display : inline;
}
#entry h2 {
font-size : 1.6em;
margin-bottom : 10px;
}
.titleWrap {
margin : 0 0 5px;
padding : 0;
}
.titleWrap .info, .titleWrap .admin {
padding : 5px 0;
margin-top : 5px;
color : #333;
font : 0.9em Dotum;
border-bottom : 1px solid #ddd;
}
.info .date {
background : #fff url(./images/icon-time.gif) no-repeat scroll left top;
margin : 0 0 0 3px;
padding : 0 0 2px 20px;
}
.article {
font-family : NanumGothic,"나눔고딕", MalgunGothic,"맑은고딕", Gulim,"굴림", Dotum,"돋음", Arial;
font-size : 1.1em;
line-height : 180%;
margin : 0;
padding : 0;
}
.article a:link {
text-decoration : none;
color : #0088b3;
}
.article a:focus, .article a:active, .article a:visited {
color : #0088b3;
}
.article a:hover {
text-decoration : underline;
}
.article ol {
margin : 10px 0 10px 25px;
list-style : decimal;
}
.article ol li {
margin : 0;
padding : 0;
list-style : decimal;
}
.article ul.list {
margin:0 0 20px 25px;
}
.article ul.list li {
margin : 0;
padding-left : 15px;
}
.article img {
border : none;
padding : 1px;
max-width : 600px;
}
.article img:hover {
padding : 0;
border : 1px solid #e9e9e9;
}
.article .box {
padding : 10px;
margin : 10px 0;
border : 1px solid #ddd;
background-color : #f7f7f7;
}
.article pre {
padding : 10px;
margin : 10px 0;
border : 1px solid #ddd;
background : url(./images/bg_pre.gif);
font : 1em/180% "Lucida Console";
overflow-x:auto;
overflow-y:hidden;
width:588px;
}
.article table.tb {
width : 100%;
border-collapse : collapse;
font : 11px Verdana;
}
.article table.tb th, .article table.tb td {
padding : 5px 7px;
border : 1px solid #c1c1c1;
text-align : center;
}
.article table.tb th {
background-color : #e9e9e9;
}
blockquote {
margin : 15px 0;
background : #eee url(./images/block.gif) no-repeat scroll 5px 5px;
padding : 20px;
}
.moreless_fold span {
padding-left : 17px;
background : url(./images/icon_more.gif) no-repeat 0% 1px;
}
.moreless_top span {
padding-left : 17px;
background : url(./images/icon_less.gif) no-repeat 0% 1px;
}
.moreless_bottom span {
padding-right : 17px;
background : url(./images/icon_less.gif) no-repeat right 1px;
}
.moreless_content {
padding : 15px 0;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
.moreless_bottom {
text-align : right;
}
.botinfo{
border:3px double #c1c1c1;
margin:0;
padding:10px;
}
.tagTrail {
background : #f4f4f4 url(./images/icon-tags.gif) no-repeat scroll left center;
margin : 0 0 0 3px;
padding : 0 0 2px 20px;
border-bottom : 1px solid #ddd;
}
.actionTrail {
margin : 0;
padding : 5px 0;
}
.actionTrail .tt-emp {
color : #ff0000;
}
.actionTrail .num {
color : #707d8a;
font-size : 10px;
font-family : Arial;
font-weight : bold;
}
.actionTrail .wrapTrackback {
padding : 5px 0;
}
.actionTrail .wrapComment {
padding : 5px 10px;
}
.trackback {
background : #eff2f5;
padding : 0;
margin : 0;
}
.trackback img {
border : 0 none;
}
.trackback h3 {
margin : 0;
padding : 5px;
font : 1em tahoma;
}
.trackback h3 .trackback-url {
text-decoration : underline;
}
.trackback .trackbackInfo {
margin : 0;
padding : 0;
}
.trackback h4 {
margin : 0;
padding : 5px 10px;
font-weight : bold;
background-color : #f9fafb;
}
.trackback .from {
margin : 0;
padding : 5px 10px;
font-weight : bold;
background-color : #f9fafb;
}
.trackback ol {
margin : 0;
padding : 0;
list-style : none;
}
.trackback ol li {
overflow : hidden;
}
.trackback p {
line-height : 160%;
margin : 0;
padding : 5px;
display:inline-block;
}
.trackback a.delete {
float : right;
padding : 5px;
text-decoration : none;
}
.articleComment {
margin : 0;
padding : 0;
background : #eff2f5;
}
.comment {
width : 600px;
padding-top : 15px;
}
.comment p {
margin : 0;
padding : 0;
}
.commentWrite {
margin-bottom : 10px;
}
.cwLeft {
float : left;
width : 200px;
}
input.input, input.input_on, input.submit {
background-color : #f7f7f7;
border : 1px solid #ddd;
color : #0088b3;
font-family : Arial, Tahome;
font-size : 12px;
margin : 5px 5px 0 0;
padding : 3px 0 3px 3px;
width : 170px;
}
.cwRight {
width : 400px;
float : right;
}
textarea.textarea, textarea.textarea_on {
background-color : #f7f7f7;
border : 1px solid #ddd;
font-family : Arial, Tahome;
font-size : 12px;
height : 110px;
margin : 5px 5px 0 0;
padding : 3px 0 3px 3px;
width : 390px;
}
.submitWrap {
clear : both;
padding : 10px 0;
}
.commentList ol li {
padding : 0;
margin-bottom : 15px;
border : 1px solid #c1c1c1;
background-color : #f7f7f7;
}
.commentList ol li .commentListWrap {
margin : 15px;
background : url(./images/blog_icon.gif) no-repeat right top;
}
.commentList ol li.rp_secret .commentListWrap, .commentList ol li.guest_secret .commentListWrap {
margin : 15px;
background : none;
}
.commentList ol li.guest_secret ul li.guest_secret .commentListWrap {
background : none;
}
.commentList ol li ul li {
padding : 15px 15px 15px 50px;
margin : 0;
background-color : #fff;
border-right : none;
border-bottom : none;
border-left : none;
}
.commentList ol li ul li .commentListWrap, .commentList ol li.rp_secret ul li .commentListWrap, .commentList ol li.guest_secret ul li .commentListWrap {
margin : 0;
background : url(./images/blog_icon.gif) no-repeat right top;
}
.commentList img {
padding : 2px;
width : 48px;
height : 48px;
border : 2px solid #c1c1c1;
background-color : #f4f4f4;
float : right;
}
.commentList .name {
font-weight : bold;
}
.commentList .date {
font : 11px Verdana;
}
.commentList p {
padding : 0 66px 0 0;
margin : 10px 0 0;
line-height : 140%;
}
.commentList p img {
padding : 0;
width : auto;
height : auto;
border : none;
background : none;
float : none;
}
.commentList p.info {
margin : 3px 0;
font-size : 12px;
}
#searchList h3 .cnt {
color : #ff0000;
font : 18px Georgia;
}
#searchList ol {
font-size : 1.1em;
margin : 0;
}
#searchList ol li {
margin : 0;
padding : 0;
display : inline;
}
#searchList ol li a {
background : #eee url(./images/right.gif) no-repeat left center;
display : block;
background-color : #eee;
color : #333;
line-height : 1.4em;
padding : 5px 0 5px 12px;
margin : 3px 0;
}
#searchList ol li a:hover {
background : #000 url(./images/right.gif) no-repeat left center;
color : #fff;
}
#searchList ol li .date {
color : #888;
font : 11px Verdana;
}
#searchList ol li .cnt {
color : #ff0000;
font : 11px Verdana;
}
#taglog ul {
padding : 15px 0;
margin : 0;
border-top : 5px solid #e9e9e9;
border-bottom : 5px solid #e9e9e9;
text-align : justify;
line-height : 250%;
}
#taglog li {
background : none;
display : inline;
}
#taglog a {
padding : 3px 5px;
color : #333;
}
#taglog a:hover {
color : #333;
text-decoration : underline;
}
#taglog a:visited {
color : #999;
}
#taglog li a.cloud1 {
font-weight : bold;
background-color : #83cb11;
color : #fff;
}
#taglog li a.cloud2 {
font-weight : bold;
background-color : #70c5d4;
color : #fff;
}
#taglog li a.cloud3 {
font-weight : bold;
background-color : #f7f7f7;
}
#taglog li a.cloud4 {
font-weight : bold;
}
#localog #localogWrap {
padding : 15px 0;
border-top : 5px solid #e9e9e9;
border-bottom : 5px solid #e9e9e9;
}
#localog .spot {
margin-bottom : 5px;
padding : 5px 0 5px 20px;
background : url(./images/icon_location.gif) no-repeat 0% 5px;
}
#localog .info {
margin-bottom : 5px;
padding : 5px 0;
border : 1px solid #c1c1c1;
}
#localog .info a {
padding : 5px 0 5px 15px;
background : url(./images/bg_location_info.gif) repeat-y;
}
#localog .info a:visited {
background : url(./images/bg_location_info2.gif) repeat-y;
}
#entryNotice h3, #entryProtected h3 {
margin : 10px 0;
padding : 10px 0;
}
#entryProtected .protectedWrapper {
margin : 15px 0;
}
#entryProtected p {
margin : 7px 0;
padding : 0;
line-height : 140%;
}
#sidebar {
float : right;
width : 300px;
text-align : left;
}
#topside .widget {
background : #fff url(./images/sidebar-top.gif) no-repeat scroll center top;
border : 1px solid #ddd;
margin : 0 0 10px;
padding : 9px 9px 4px;
width : 280px;
overflow : hidden;
}
#gads1 {
margin : 0 0 10px;
width : 300px;
overflow : hidden;
}
#botside {
width : 300px;
}
#leftside {
width : 120px;
float : left;
}
#rightside {
width : 170px;
float : right;
}
#leftside .widget {
background : #fff url(./images/sidebarL-top.gif) no-repeat scroll center top;
border : 1px solid #ddd;
margin : 0 0 10px;
padding : 9px 9px 4px;
width : 100px;
overflow : hidden;
}
#rightside .widget {
background : #fff url(./images/sidebarR-top.gif) no-repeat scroll center top;
border : 1px solid #ddd;
margin : 0 0 10px;
padding : 9px 9px 4px;
width : 150px;
overflow : hidden;
}
#sidebar h4 {
background-color : #0081a7;
color : #fff;
font-family : Arial, NanumGothic,"나눔고딕";
font-size : 13px;
font-weight : bold;
margin : 0;
padding : 2px 5px 2px 10px;
text-transform : uppercase;
}
.wedget ul {
list-style-type : none;
margin : 10px 0 5px;
padding : 0;
}
.widget ul li a {
padding : 0 0 0 12px;
background : url(./images/list-right.gif) no-repeat left 3px;
}
.widget span {
font-size : 0.85em;
}
.widget .name {
padding : 0 0 0 10px;
}
.widget .date {
color : #ff0000;
}
.info_wrap {
text-align : right;
}
#blogImage img {
width : 280px;
}
.widget .today {
color : #ff0000;
}
.widget .amung {
height : 35px;
}
.widget .amung a {
background : none;
padding : 0;
}
#category {
background-color : #f4f4f4;
}
#category ul li ul li ul li a {
padding : 0 0 0 12px;
background : url(./images/list-right.gif) no-repeat left 3px;
}
#category ul li ul li ul li ul li a {
background : none;
padding-left : 20px;
}
#category a, #category .ib {
background : none;
margin : 0;
padding : 0;
cursor : pointer;
}
.branch3 {
cursor : pointer;
}
#category ul li {
padding : 0;
margin : 0;
}
.c_cnt {
font : 0.85em Tahoma, sens-serit;
color : #ff0000;
}
#tagbox ul {
text-align : justify;
line-height : 140%;
}
#sidebar #tagbox li {
display : inline;
border : none;
padding : 0;
margin : 0;
}
#tagbox li a {
background : none;
}
.searchbg {
margin : 10px 0;
}
.searchinput {
width : 185px;
background-color : #f7f7f7;
border : 1px solid #ddd;
color : #0088b3;
font-family : Arial, NanumGothic,"나눔고딕", Dotum,"돋음";
font-size : 11px;
margin : 0;
padding : 4px 0 4px 5px;
cursor:pointer;
}
.btSearch {
background-color : #2c343f;
border : 1px solid #171717;
color : #fff;
font-family : Arial, NanumGothic,"나눔고딕", Dotum,"돋음";
font-size : 11px;
font-weight : normal !important ;
margin : 0;
padding : 3px 5px !important ;
text-decoration : none;
text-transform : uppercase;
cursor:pointer;
}
#rss a.rss {
display : block;
width : 100px;
height : 94px;
background : url(./images/rss.gif) no-repeat;
padding : 0;
margin : 0 auto;
}
#rss a:hover.rss {
background-position : 0% -94px;
}
#rss a.rss span {
display : none;
}
#paging {
margin : 10px 0;
}
#paging .selected {
color : #ff0000;
}
#paging a.num {
padding : 5px 10px;
border : 1px solid #c1c1c1;
font : 12px Verdana;
}
#paging a.prev {
padding : 5px 10px;
border : 1px solid #c1c1c1;
font : 12px Verdana;
}
#footer {
background-color : #75d2f1;
clear : both;
color : #fff;
overflow : hidden;
padding : 5px 0;
width : 960px;
}
.gotoTop {
float : left;
margin : 0;
padding : 0 0 0 10px;
width : 190px;
}
.gotoTop a {
background : url(./images/top.gif) no-repeat scroll left center;
padding : 0 0 1px 18px;
}
.copyright {
float : right;
margin : 0;
padding : 0 10px 0 0;
text-align : right;
width : 740px;
}
.copyright a {
padding : 0;
}
#footer a {
color : #fbfbfb;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}