@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */

    body,td {
        font: 12px/18px 굴림, Gulim;
        padding:0;
        color:#555555;




    }

/* 2. 기본 링크 */
    a:link {
        color: #909090;
        text-decoration:none;
    }
    a:visited {
        color: #909090;
        text-decoration:none;
    }
    a:hover {
        color: #202020;
        text-decoration:underline;
    }

/* 3. 이미지 */

    img {
        border-width:0px;
    }

/* 4. 이미지 버튼 */

    .ib {
        cursor:pointer;
    }

/* 5. 입력 텍스트 */

    .text {
        font: 11px 굴림,Gulim;
        padding-top:2px;
    }

/* 6. 트리 셀 */
    .branch3 {
        font: 11px 돋움,Dotum, verdana, sans-serif;
        cursor:pointer;
        height:18px;
    }

/* 7. 달력 월 표시 */
    .cal_month a:link,
    .cal_month a:visited,
    .cal_month a:hover,
    .cal_month {
        color:#a1a1a1;
        vertical-align:top;
        height:18px;
        font:bold 10px tahoma, sans-serif;
        text-align:center;
    }

/* 8. 달력 요일 표시 */
    .cal_week1 {
        color:#b1b1b1;
        text-align:center;
        font:bold 10px tahoma, sans-serif;
    }

/* 9. 달력 일요일 표시 */
    .cal_week2 {
        color:#ff7174;
        text-align:center;
        font:bold 10px verdana, sans-serif;
    }

/* 10. 달력 지난 달 날짜 표시 */
    .cal_day1 {
        color:#ffffff;
        font: 10px tahoma, sans-serif;
        text-align:center;
    }

/* 11. 달력 다음 달 날짜 표시 */
    .cal_day2 {
        color:#ffffff;
        font: 10px tahoma, sans-serif;
        text-align:center;
    }

/* 12. 달력 이번 달 날짜 표시 */
    .cal_day3 {
        background: url(./images/cal_2.gif) no-repeat left top;
        width:20px;
        height:20px;
        color:#b1b1b1;
        font: 10px tahoma, sans-serif;
        text-align:center;
    }

/* 13. 달력 오늘 날짜 표시 */
    .cal_day4 {
        background: url(./images/cal_3.gif) no-repeat left top;
        width:20px;
        height:20px;
        color:#ffffff;
        font:bold 11px verdana, sans-serif;
        letter-spacing:-1px;
        text-align:center;
        padding-left:1px;
    }

/* 14. 달력 글쓴 날 링크 스타일 */
    a.cal_click:link,
    a.cal_click:visited{
        color:#808080;
        font-weight:bold;
        letter-spacing:-1px;
        padding-left:1px;
    }
    a.cal_click:hover {
        color:#747474;
        font-weight:bold;
        text-decoration:underline;
    }

/* 15. 이미지 아래 캡션 스타일 */
    .cap1 {
        text-align:center;
        color:#707070;
        word-break:break-all;
    }

/* 16. 키워드 스타일 */
    .key1 {
        cursor:pointer;
        text-decoration:none;
        border-bottom: 1px solid gray;
        color:#308FC9;
    }

/* 17. 카테고리 옆 개수 스타일 */
    .c_cnt {
        font:10px tahoma, sans-serif;
        letter-spacing:-1px;
    }

/* 18. 최신글 옆 개수 스타일 */
    .ps_cnt {
        font: 10px Tahoma;
    }

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


/* 폰트 스타일 */
    h1,
    .title_box{
        font:bold 12px 굴림, Gulim, verdana, sans-serif;
    }

    h2,
    ul.r_list{
        font:12px 굴림, Gulim, verdana, sans-serif;
    }

    h3,
    #mydesc,
    #search_fx,
    .sfkor,
    ul.s_list,
    ul.n_list,
    .article_tag,
    .article_category,
    .trb_box
    .admin_box,
    .formsp,
    .form_input,
    .local,
    .guest_holder{
        font:11px 돋움,Dotum, Baekmuk, verdana, sans-serif;
    }

     h4,
    .article_toolbox,
    .rep_box3,
    .sfeng,
    .gusest_tool,
    #page_navi {
        font:10px verdana, sans-serif;
    }

    h5,
    .insub_box,
    .sfeng2{
        font:9px Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
    }

    h6,
    .form_text{
        font:12px/18px 굴림, Gulim, tahoma, sans-serif;
    }

    #mydesc,
    #search_fx,
    .sfkor,
    ul.s_list,
    ul.n_list,
    .s_title,
    .trb_box,
    .admin_box,
    .formsp,
    .forminput,
    .local,
    .guest_holder {
        letter-spacing:-1px;
    }


    .sfeng {
        letter-spacing:0px;
    }

    .sfeng2 {
        letter-spacing:0px;
        font-weight:normal;
    }
    .sfkor {
        font-weight:normal;
    }
    .clear {
        font-size:0px;
        line-height:0px;
        width:100%;
        clear:both;
    }
    .center {
        text-align:center;
    }

    .hline1 {
        width:100%;
        font-size:1px;
        line-height:1px;
        background: #d1d1d1;
        margin:12px 0 12px 0;
    }
    .hline2 {
        width:100%;
        font-size:1px;
        line-height:1px;
        background: transparent url(./images/dot_width2.gif) repeat-x;
        margin:12px 0 12px 0;
    }
/* 페이지 레이아웃 */

    body {
        background: #807e88 url(./images/pbg01.jpg) repeat-x top left;
        margin:0;
        padding:0;
        text-align:center;
    }

    #blog_main {
        margin:0 auto;
        width:820px;
        text-align:left;
        padding-top:24px;
    }

/* 레이아웃 설정 */
    #mainview{
        width:640px;
        padding:0;
        text-align:left;
    }
    #submenu {
        width:180px;
        text-align:left;
    }

/* 아웃박스 */
    .maintl {
         background: url(images/mboder01.gif) no-repeat top left;
    }
    .maintm {
        background: #ffffff url(images/mboder02.gif) repeat-x top;
    }
    .maintr {
         background: url(images/mboder03.gif) no-repeat top right;
    }
    .mainml {
        background: url(images/mboder04.gif) repeat-y left;
    }
    .mainmr {
         background: url(images/mboder05.gif) repeat-y right;
    }
    .mainbl {
         background: url(images/mboder06.gif) no-repeat bottom left;
    }
    .mainbm {
         background: url(images/mboder07.gif) repeat-x bottom;
    }
    .mainbr {
        background: url(images/mboder08.gif) no-repeat bottom right;
    }
    /* 서브메뉴용 아웃박스 */
    /*
    .maintl_alt {
         background: url(./images/mboder01.gif) no-repeat top left;
        background-position: -6px top;
    }
    .mainbl_alt {
         background: url(./images/mboder06.gif) no-repeat bottom left;
        background-position: -6px bottom;
    }
    .mainml_alt {

    }
    .mainmr_alt {
         background: url(./images/mboder05.gif) repeat-y right;
    }
    .maintr_alt {
         background: url(./images/mboder03.gif) no-repeat top right;
    }
    .mainbr_alt {
        background: url(./images/mboder08.gif) no-repeat bottom right;
    }
    #subbox {
        padding:24px 6px 25px 0;
    }
    */

/* 서브메뉴 박스 */
    #subbox {
        padding:24px 6px 25px 0;
    }

    /* 메뉴 이미지*/
    #tcategory,
    #ttags,
    #tcalendar,
    #tarticles,
    #treplies,
    #trackbacks,
    #tlinks,
    #tarchives {
        cursor:pointer;
        width:160px;
        height:36px;
    }

    #tcategory {
        background: url(./images/btn_category.jpg) top left no-repeat;
    }
    #ttags {
        background: url(./images/btn_tags.jpg) top left no-repeat;
    }
    #tcalendar{
        background: url(./images/btn_calendar.jpg) top left no-repeat;
    }
    #tarticles{
        background: url(./images/btn_rarticles.jpg) top left no-repeat;
    }
    #treplies{
        background: url(./images/btn_rreplies.jpg) top left no-repeat;
    }
    #trackbacks{
        background: url(./images/btn_trackbacks.jpg) top left no-repeat;
    }
    #tlinks{
        background: url(./images/btn_links.jpg) top left no-repeat;
    }
    #tarchives{
        background: url(./images/btn_archives.jpg) top left no-repeat;
    }

    /*메뉴 스타일*/
    #mypic {
        width:156px;
        overflow: hidden;
        padding:0 0 8px 8px;
        text-align:center;
    }
    #mydesc {
        color:#909090;
        padding:0 10px 0 10px;
        line-height:14px;
        text-align:center;
        word-break:break-all;
    }
    #ctree{
        width:160px;
        padding:0 0 5px 12px;
    }
    #ctree td{
        line-height:18px;
    }

    #ccal{
        width:148px;
        margin:0 0 5px 12px;
    }

    #tagcloud,
    #tagcloud2 {
/*        background: url('./images/tag_sky.jpg') no-repeat top; */
        text-align: justify;
        padding: 0 10px 0 10px;
    }
    /*테그 클라우드*/
    #tagcloud,
    #tagcloud2 *{
        line-height: 18px;
        font-family: 돋움,Dotum, verdana, sans-serif;
        text-align: justify;
    }
    #tagcloud,
    #tagcloud2 a:hover{
    }

    #tagcloud .cloud1,
    #tagcloud2 .cloud1 {
        background-color:#eee;
        font-weight:bold;
        font-size : 16px;
        color : #f60;
    }
    #tagcloud .cloud2,
    #tagcloud2 .cloud2 {
        background-color:#eee;
        font-weight:bold;
        font-size : 15px;
        color : #069;
    }
    #tagcloud .cloud3,
    #tagcloud2 .cloud3 {
        background-color:#eee;
        font-size : 14px;
        color : #690;
    }
    #tagcloud .cloud4,
    #tagcloud2 .cloud4 {
        font-size : 12px;
        color : #09c;
    }
    #tagcloud .cloud5,
    #tagcloud2 .cloud5 {
        font-size : 11px;
        color : #999;
    }

    .insub_box {
        width:160px;
        color:#a0a0a0;
        line-height:12px;
        padding:5px 0 5px 12px;
    }
    #search_box {
        padding:7px 5px 0 35px;
        background: url('./images/search_bg.gif') no-repeat 12px 5px;
        height:20px;
    }
    #search_fx {
        color:#808080;
        background: transparent;
        border:0px  none;
        height:12px;
        width:115px;
    }
    #notice_box {
        padding-top:10px;
    }
    ul.n_list {
        text-align:left;
        list-style: disc inside url(./images/rss_blt.gif);
        color:#c0c0c0;
        margin:0 6px 8px 8px;
        padding:0;
    }
    ul.n_list li{
        line-height:10px;
        padding:2px 0 2px 0;
    }
    ul.n_list a:link,
    ul.n_list a:visited {
        color:#909090;
        padding:4px 0 0 0;
    }
    ul.n_list a:hover{
        color:#000000;
    }

    /* 메뉴 리스트 스타일 */
    ul.s_list{
        text-align:left;
        list-style:none;
        color:#c0c0c0;
        margin:0 6px 8px 12px;
        padding:0;
    }
    ul.s_list li{
        line-height:12px;
        padding:2px 0 2px 0;
    }
    ul.s_list a:link,
    ul.s_list a:visited {
        color:#909090;
        padding:4px 0 0 0;
    }
    ul.s_list a:hover{
        color:#000000;
    }
    .eng_fx {
        letter-spacing:1px;
    }

/* 내용 박스 */
    #mainbox {
        padding:0 6px 25px 6px;
    }
    /*  상단 메뉴버튼 */
    .subtop {
        background: url(./images/smenu_top_img.gif) repeat-x top;
        height:24px;
        width:256px;
        margin:0 auto;
    }
    .subtopf {
        background: url(./images/smenu_top_imgf.gif) no-repeat top left;
    }
    .subtopb {
        background: url(./images/smenu_top_imgb.gif) no-repeat top right;
        padding:0 10px 0 10px;
        text-align:left;
    }
    #smenu {
        width: 236px;
        height: 24px;
        padding:0 0px 0 0px;
        margin: 0;
    }
    #smnav {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 24px;
        overflow: hidden;
        width: 236px;
    }
    #smnav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
    }
    #smnav a {
        float: left;
        padding: 24px 0 0 0;
        overflow: hidden;
        height:24px;
    }
    #smnav a:hover {
        background-position: 0 -24px;
    }
    #smnav a:active,
    #smnav a.selected {
        background-position: 0 -48px;
    }
    #btblog a {
        width: 35px;
        background: url(./images/smenu_b01.gif) top left no-repeat;
    }
    #btkey a {
        width: 35px;
        background: url(./images/smenu_b02.gif) top left no-repeat;
    }
    #btloc a {
        width: 35px;
        background: url(./images/smenu_b03.gif) top left no-repeat;
    }
    #btrss a {
        width: 35px;
        background: url(./images/smenu_b04.gif) top left no-repeat;
    }
    #btguest a {
        width: 35px;
        background: url(./images/smenu_b05.gif) top left no-repeat;
    }
    #bttag a {
        width: 35px;
        background: url(./images/smenu_b06.gif) top left no-repeat;
    }
    #btminif a {
        width: 19px;
        background: url(./images/smenu_c01.gif) top left no-repeat;
    }
    #btmagnif a {
        width: 19px;
        background: url(./images/smenu_c02.gif) top left no-repeat;
    }
    #btaleft a {
        width: 19px;
        background: url(./images/smenu_c03.gif) top left no-repeat;
    }
    #btaright a {
        width: 19px;
        background: url(./images/smenu_c04.gif) top left no-repeat;
    }
    #btadmin a {
        width: 19px;
        background: url(./images/smenu_c06.gif) top left no-repeat;
    }

    /* 메인 컨텐츠 */
    #contents {
        background-color: #ffffff;
        padding:0;
        margin:0;
    }
    /* 상단 이미지 */
    #maintop {
        background: url(./images/main_top_img_duk2.jpg) no-repeat top;
        height:150px;
        width:100%;
        cursor:pointer;
        margin-bottom:5px;
    }
    /* 이미지 아래 글 표시부*/
    .mainmargin {
        padding:0 8px 0 8px;
    }
    /* 글 제목 */
    .article_title {
        background: url(./images/title_bg02.gif) no-repeat;
        height:32px;
        margin-left:8px;
    }
    .title_box {
        background: url(./images/title_bgt.gif) no-repeat top right;
        padding:0 10px 0 0;
        margin:0 0 0 30px;
        height:32px;
        float:left;
        display: inline;
    }
    .title_box,
    .title_box a:link,
    .title_box a:visited,
    .title_box a:hover {
        font-weight:bold;
        line-height:30px;
        color:#000000;

    }
    /* 관리자 메뉴 */
    .admin_box {
        height:28px;
        line-height:28px;
        background: url(./images/ctoolbox_bg.gif) no-repeat top left;
        color:#909090;
        margin:0 0 0 8px;
        padding:0 0 0 30px;
    }
    /* 본문 */
    .article_holder {
        padding:10px 10px 20px 10px;
    }
    /* 본문 하단 메뉴 (태그, 트랙백, 코멘트) */
    .article_sub {
        margin:0; padding:0;
        width:100%;
    }
    .article_tag {
        padding-left:12px;
        text-align:left;
        color:#909090;
    }
    .article_category {
        padding-left:12px;
        text-align:left;
        float:left;
        color:#909090;
    }
    .article_toolbox {
        padding:0 12px 12px 0;
        text-align:right;
        height:18px;
        font-weight:bold;
        color:#909090;
    }

    /* 트랙백, 코맨트 영역 */
    .rep_holder {
        background: #f7f7f7;
        border: 1px solid #d1d1d1;
        margin:0 10px 10px 10px;
        padding:0 12px;
        text-align:center;
    }
    .trb_binder {
        border-top: 1px solid #d1d1d1;
        margin:0;
        padding:12px 0;
    }
    .trb_box {
        text-align:center;
        padding:12px 0;
    }
    .rep_binder {
        border-bottom: 1px dotted #dcdcdc;
        margin:0;
        padding:12px 0;
    }
    dt.rep_box2 {
        text-align:left;
        font-weight:bold;
        float:left;
        width: 350px;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
    }
    dd.rep_box3 {
        display:inline;
        float:right;
        color:#909090;
    }
    dd.rep_box4 {
        margin:12px 0 0 0;padding:0;
        line-height:15px;
        clear:both;
        text-align:left;
        word-break:break-all;
        overflow: hidden;
    }
    .rep_box2 img,
    .rep_box3 img {
        vertical-align:middle;
    }
    .rep2_binder {
        margin:12px 0 0 20px;
        padding:0
    }

    /* 입력 폼*/
    .formsp {
        margin:auto;
        width:420px;
        text-align:left;
        padding:10px 0 10px 0;
    }
    .formsp p {
        margin:3px 0;padding:0;
    }
    .submit01 {
        height:25px;
        text-align:left;
    }
    .submit02 {
        position:relative;
        top:-25px;
        left:0px;
        text-align:right;
    }
    .submit03 {
        text-align:right;
    }
    .form_text,
    .form_input {
        color:#909090;
        background-color:#ffffff;
        border:1px #d1d1d1 solid;
    }

/*검색 목록, Rss, 키로그, 방명록, 기타*/

    .list_title,
    .rss_title,
    .key_title,
    .loc_title,
    .gst_title {
        height:32px;
        margin-left:8px;
    }
    .list_title {
        background: url(./images/title_bg03.gif) no-repeat;
    }
    .rss_title {
        background: url(./images/title_bg04.gif) no-repeat;
    }
    .key_title {
        background: url(./images/title_bg06.gif) no-repeat;
    }
    .loc_title {
        background: url(./images/title_bg05.gif) no-repeat;
    }
    .gst_title {
        background: url(./images/title_bg01.gif) no-repeat;
    }
    /* 검색 목록 본문 표시부*/
    .list_holder {
        padding:5px 0 5px 25px;
    }
    .list_holder2 {
        padding:5px 0 5px 5px;
    }
    ul.r_list {
        list-style: disc inside url(./images/rss_blt.gif);
        text-align:left;
        color:#808080;
        margin:8px 0 8px 0;
        padding:0;
    }
    ul.r_list a:link,
    ul.r_list a:visited,
    ul.r_list a:hover {
        padding:3px 0 3px;
    }

    /* 위치로그 표시부 */
    .loc_holder {
        padding:5px 0 5px 35px;
    }
    .local {
        padding-left:16px;
        background:url(./images/localarrow01.gif) no-repeat 0 2px;
        margin-bottom:3px;
    }
    .local_info {
        padding-left:20px;
        background:url(./images/localarrow02.gif) no-repeat 0 2px;
        margin-bottom:3px;
    }

    /* 하단 페이지 이동 */
    #page_navi {
        margin:0 auto;
        text-align:center;
        color:#a0a0a0;
        padding:15px 0 15px 0;
        font-weight:bold;
    }
    #page_navi img {
        vertical-align:middle;
    }

    /*방명록*/
    .guest_box {
        margin:0 0 40px 0;
    }
    .guest_repbox{
        margin:0 0 0 30px;
    }
    .guest_holder {

    }
    .gusest_tool {
        padding:0px 0 5px 0;
        color:#909090
    }
    .guest_holder img,
    .gusest_tool img{
        vertical-align:middle;
    }
    .guset_sp1 {
        padding:5px 0 5px 0;
        overflow: hidden;
    }
/*키워드뷰용 스타일*/
    #key_main {
        text-align:left;
    }
    .keymargin {
        padding:25px 8px 25px 8px;
    }

/* mediaLog */
.mediaLog { background:url(images/iconMedia.gif) 2px 6px no-repeat; padding:5px 2px 4px 18px; margin:3px 10px;}
.mediaLog a:link, .mediaLog a:visited { color:#666;}

/* main_gul */
.main_gul { letter-spacing: -1pt; line-height: 1.2em;}
.main_gul { padding:3px 3px 3px 3px; margin:3px 3px;}
.main_gul a:link, .mediaLog a:visited { color:#666;}