@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {
    margin:0; padding:0; border:0; 
    vertical-align: baseline;
    font-family : 'Nanum Gothic', sans-serif;
}

body {
    line-height: 1;
    font-size:12px; font-weight : normal; letter-spacing: -0.5px;
    color : #666666;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    display : inline-block;
    text-decoration:none;
    color : #666666;
}

a:hover {
    color : blue;
    font-weight : 400;
}

a:active {
    text-decoration : none;
    color : #666666;
}

hr {
    display:none;
}

input {
    vertical-align:middle;
}
/*-------------------------------------------------------------------------------------------*/
body {
    background : url("./images/new-top_bg.gif") repeat-x top #fcfcfc;
}
/* 검색결과 --------------------------------------------------------------------*/
#searchList a {
    display : inline-block;
}

#searchList, #searchRplist {
    padding-bottom : 20px;
    border-bottom : 3px solid #2cbf57;
}

#searchList h3, #searchRplist h3 {
    color:#777777;
    font-size : 12px;
}


#searchList ol, #searchRplist ol {
    margin-top : 11px;
}

#searchList li, #searchRplist li {
    padding-top:4px;
    padding-bottom:2px;
}

#searchList li, #searchList li a, #searchRplist li, #searchRplist li a {
    color:#676767;
    font-size : 12px;
}

#searchRplist li a {
    display : inline-block;
}

#searchList .date, #searchRplist .date {
    float : left; padding-right : 10px;
}

#searchList .date {
    float : right;
}
/* 포스트 ----------------------------------------------------------------------*/
/* 포스트 */
.titleWrap {
    height : 45px;
}

.titleWrap .info-title {

}

.info-title, .info-title a {
    
}

.info-title .date {
    
}

.info-title .category {

}

.info-title .category,
.info-title .category a {

}

.titleWrap h2 {
    height : 45px;
    padding : 0;
    border-bottom : 3px solid #2cbf57;
    display : block;
    position : relative;
}

.titleWrap .admin {
	padding:0 20px;
}

.titleWrap .admin,
.titleWrap .admin a {
	color:#F4A75C;
}

.titleWrap h2 a {
    font-size : 18px; font-weight : bold;
    color : #151625;
    position :relative;
    top : 17%;
}

.article {
    line-height : 1.5;
    font-size : 13px;
}

.article a {
	color:#676767;
}

.author {
    color:#C2C2C2;
    text-align:right;
    clear : both;
}

.entryNotice .article,
.entryProtected .article,
.entrayContentsWrap {
    margin-top : 15px;
}

.entryProtected,
.entryNotice,
.entry {
	margin-bottom:20px;
	padding-bottom:25px;
	background-color:#fff;
}

.another_category a {
    display : inline;
}

/* 페이징 -----------------------------------------------------------------------*/
#paging {
    margin-top:20px;
    text-align:center;
}

#paging .numbox a, #paging .numbox span {
    color:#9F9F9F;
    font:normal 12px dotum;
}

#paging span, #paging a {
    display : inline-block;
}

#paging .numbox a {
    margin : 0px 8px;
}

#paging .numbox span.selected {
    color:#EE7600;
    font-weight:bold;
    text-decoration:none;
}
/* container --------------------------------------------------------------------*/
#wrap {
    width : 1200px;
    margin : 0 auto;
    position : relative;
    min-height : 1150px;
}
/* header ----------------------------------------------------------------------*/
#header {
    height : 146px;
    position : relative;
    /*background : url("./images/new-title_bg.png") no-repeat left;*/
}

h1, h2 {
    display : inline-block;
}

h1 {
    padding-top: 28px; padding-left : 20px;
}

h2 {
    padding-top: 5px; padding-left : 20px;
}

#content {
    width : 690px;
    margin : 0 auto;
    padding-top : 34px;
    position : relative;
    z-index : 101;
}
/* search -----------------------------------------------------------------------*/
.search {
    width : 480px; height : 32px;
    position : absolute;
    right : 0; top : 103px;
}

.search span {
    display : block;
    float : right;
}

.search_left {
    position : relative;
    left : 7px; padding-right : 0;
    z-index : 100;
}

.search_box {
    width : 242px; height : 32px;
    background : url("./images/new-search_box_bg.png") no-repeat;
}

.search input {
    border : none; padding : 0;
    width : 230px; height : 19px;
    margin-top : 6px; margin-left : 10px;
}

.search ul  {
    display : inline-block;
    position : absolute;
    top : 5px; left : 340px;
    z-index : 90;
}

.search ul>li  {
    float : left; display : inline-block;
    padding-right : 10px;
}

.submit, .search_left {
    cursor : pointer;
}
/* menu ----------------------------------------------------------------------*/
#menu {
    margin-left : 377px; margin-top : 10px;
}

#menu li {
    width : 87px; height : 22px;
    float : left;
    border-bottom : 2px solid #64c67a;
}

#menu li:hover {
    width : 87px; height : 22px;
    float : left;
    border-bottom : 2px solid #305498;
}

#menu li.menuHover {
    width : 87px; height : 22px;
    float : left;
    border-bottom : 2px solid #305498;
}

#menu a {
    color : #ffffff; font-size : 14px; font-weight : 600;
    text-align : center; display : block;
}
/* counter --------------------------------------------------------------------*/
#counter {
    position : absolute;
    top : 75px; right : 0;
    padding-right : 3px;
}

#counter span {
    color : #fff;
}

#sidebar3 {
    display : none;
}

#sidebar1, #sidebar2 {
    position : absolute;
    top : 180px;
}

#sidebar1 {
    width : 235px;
    left : 0;
    z-index : 100;
}

#sidebar2 {
    width : 100%;
    z-index : 99;
}
/* sidebar1 --------------------------------------------------------------------*/
#like_banner {
    cursor : pointer;
}

#left_menu {
    height : 258px;
    top : 95px;
}

#left_menu h3 {
    height : 52px;
    background : url("./images/new-category_title.gif") no-repeat;
    border-bottom : 1px solid #cbcbcb;
    overflow : hidden; text-indent : -10000px;
}

#left_menu>ul>li>a {
    display : none;
}

#left_menu>ul>li {
    width : 100%; float : left;
}

#left_menu>ul>li>ul>li>a:first-child {
    display : none;
}

#left_menu>ul>li>ul>li {
    width : 100%; float : left;
    background-color : #fff;
}

#left_menu>ul>li>ul>li>ul>li {
    float : left; 
}

#left_menu>ul>li>ul>li>ul {
    height : 51px;
    border-bottom : 1px solid #e0e0e0;
    position : relative;
}

#left_menu>ul>li>ul>li>ul li {
    position : relative;
    top : 38%;
}

#left_menu>ul>li>ul>li>ul li.menuHover>a {
    color : blue;
    text-decoration : underline;
}

#left_menu>ul>li>ul>li:first-child>ul {
    background : url("./images/new-category_icon1.gif") no-repeat right;
}

#left_menu>ul>li>ul>li:first-child + li>ul {
    background : url("./images/new-category_icon2.gif") no-repeat right;
}

#left_menu>ul>li>ul>li:first-child + li + li>ul {
    background : url("./images/new-category_icon3.gif") no-repeat right;
}

#left_menu>ul>li>ul>li:first-child + li + li + li>ul {
    background : url("./images/new-category_icon4.gif") no-repeat right;
}

#left_menu>ul>li>ul>li>ul {
    padding-left : 7px;
}

#left_menu>ul>li>ul>li>ul>li>a {
    padding-right : 8px;
}

#left_menu>ul>li>ul>li:first-child + li>ul>li  {
    top : 0px; margin-top : 9px;
}

#left_menu>ul>li>ul>li:first-child + li>ul>li + li + li + li + li{
    padding-right : 40px;
}

#left_menu>ul>li>ul>li:first-child + li>ul>li + li + li + li + li{
    padding-right : 40px;
}

#left_menu>ul>li>ul>li:first-child + li>ul>li + li + li + li + li + li{
    margin-left : -30px;
}

/* 카테고리 타운터 숨김 */
.c_cnt {
    display : none;
}
/* sidebar2 --------------------------------------------------------------------*/
.sidebar_layout {
    width : 235px; 
    position : absolute;
}

#left_banner {
    width : 233px;
    height : 284px; top : 360px; right : 0;
    background-color : #fff;
    border : 1px dashed #9e9e9e;
    padding-top : 32px;
    text-align : center;
}

#left_connect {
    width : 233px;
    top : 700px; right : 0;
    background-color : #fff;
}

#left_youtube {
    height : 181px; top : 370px;
}

#left_youtube iframe {
    margin-top : -2px;
}

.post_style_layout1, .post_style_layout2 {
    width : 235px; 
    right : 0;
}

.post_style_layout1 {
    height : 180px; background-color : #fff;
}

.post_style_layout2 {
    height : 150px; background-color : #fff;
}

.post_style_layout1 h3, .post_style_layout2 h3 {
    height : 22px; padding-left : 35px; padding-top : 5px;
    border-bottom : 3px solid #2cbf57; margin-bottom : 10px;
    background : url("./images/new-index_logo_bg.gif") no-repeat left;
}

.post_style_layout2 ul {
    height : 120px;
}

.post_style_layout2 ul li {
    height : 15px;
    background : url("./images/new-post-dot_bg.gif") no-repeat;
    padding-left : 5px; margin-left : 18px; margin-bottom : 8px;
}

.post_style_layout2 ul li a {
    display : inline-block;
}

.post_style_layout2 ul li a span:hover {
    color : blue;
}

.post_style_layout1 ul li {
    position : relative;
    margin-bottom : 5px;
}

.post_style_layout1 ul li .thumb {
    padding-left : 10px;
}

.post_style_txt1 {
    width : 175px; height : 25px;
    position : absolute; left : 60px; top : 10px; display : block;
    text-overflow: ellipsis; text-overflow : ellipsis;
}

#post_recent {
    top : 0;
}

#post_comment {
    top : 195px;
}

#left_facebook {
    top : 565px;
    width : 233px;
    height : 407px;
    position : relative;
    overflow : hidden;
    border : 1px solid #9E9E9E;
}
/* -------------------------------------------------------------------------------*/
#fb_likebox, #fb_likebox iframe {
    height : 110px;
    overflow : hidden;    
}

.wrap_bottom_tag_category {
    padding : 20px 0 20px 3px;
    margin-top : 50px;
    border-top : 3px solid #000;
    border-bottom : 1px solid #000;
}

.wrap_bottom_tag_category a.category {
    color : #CF3D2E;
    font-size : 11px;
    margin-bottom : 5px;
}

.wrap_bottom_tag_category a.category:hover {
    color : blue;
}

.category_date {
    display : block; font-size : 11px;
    margin-bottom : 10px;
}

.tagTrail a {
    display : inline-block;
}

.tagTrail a:hover {
    color : red;
}

.tagText {
    width : 27px; height : 11px; display : inline-block;
    background : url("./images/new-ico_tag.gif") no-repeat;
}

.actionTrail {
    margin-top : 10px;
    margin-bottom : 5px;
}
/* 방명록&댓글------------------------------------------------------------------- */
#guestbook {
    
}

.comment {
    
}

.comment h3 {
    
}

/* 방명록&댓글 쓰기 */
#guestWrite {
    
}

.commentWrite {
    background-color : #f6f6f6;
    border : 1px solid #cecece;
    position : relative;
    padding-left : 10px;
}

form textarea {
    width : 520px; height : 85px;
    margin-left : 27px; margin-top : 10px;
}


.info-write {
    margin-top : 15px;
}

.info-write label span {
    
}

.info-write input,
textarea {
    border : 1px solid #d5d4dd;
}

.info-write label {
    
}

.info-write .name label {
    
}

.info-write .password label {
    
}

.info-write .homepage label {
    
}

.info-write .name input {
    
}

.info-write .password input {
    
}

.info-write .homepage input {
    
}


.secretWrap {
    position : absolute;
    width : 60px;
    right : 0; top : 15px;
}

.secretWrap input {
    
}

.secretWrap label {
    
}

textarea {
    
}

#guestWrite .button,
.commentWrite .button {
    
}

#guestWrite .button input,
.commentWrite .button input {
    
}

/* 방명록&댓글 읽기 */
#guestList {
    
}

.commentList {
    
}

.commentList ol {
    
}


#guestList,
#guestList a,
.commentList,
.commentList a {
    
}

#guestList .name,
#guestList .name a,
.commentList .name,
.commentList .name a {
    font-weight : bold; padding-right : 5px;
}

#guestList .date,
.commentList .date {
    font-size : 10px; color : #A0A0A0; padding-right : 5px;
}

#guestList p,
.commentList p {
    margin-top : 5px;
}


.control {
    
}

.control a span {
    
}

.control a {
    
}

.control a:hover {
    
}

.control a.address {
    
}

.control a.modify {
    
}

.control a.write {
    
}


#guestList li,
.commentList li {
    margin-bottom : 25px;
}

#guestList ol li ul li,
.commentList ol li ul li {
    margin-top : 10px;
    padding-left : 15px;
    background : url("./images/new-icon_reply2.gif") no-repeat;
}

.commentWrite .button {
    text-align : center; margin-top : 15px; margin-bottom : 10px;
}

.commentWrite .button>input {
    width : 65px; height : 22px;
    background : url("./images/new-confirm_btn.gif") no-repeat;
}
/* footer------------------------------------------------------------------------- */
#footer {
    height : 45px;
    background-color : #555557;
    margin-top : 50px;
}

.foot_wrap {
    width : 1200px; height : 100%; margin : 0 auto;
}

.foot_wrap h2 {
    padding : 0;
}

.copyright {
    float : right; margin-top : 15px;
    color : #fff; font-size : 11px;
}
/* like_wrap---------------------------------------------------------------------- */
#like_wrap {
    height : 120px;
    text-align : center;
    margin-bottom : 20px;
}

#like_wrap ul {
    height : 100%;
}

#like_wrap li {
    height : 100%;
    display : inline-block;
    position : relative;
    text-align : center;
    margin : 0 15px 0 15px;
    cursor : pointer;
}

#like_wrap li span {
    position : relative;
    bottom : 0;
    display : block;
    margin : 0 auto;
    font-weight : bold;
    color : #10a730;
}
/* ------------------------------------------------------------------------------- */
#sns_share {
    height : 25px;
    text-align : right;
}

#sns_share button {
    background-color : #fff; float : left;
}

#sns_share li {
    display : inline-block;
    position : relative;
    margin-left : 10px;
}

#sns_share li span {
    float : left;
    text-align : center;
    margin-top : 2px;
}

.counter_box_bg {
    width : 4px; height : 16px;
    background : url("./images/new-share_icon_arrow.gif") no-repeat left;
}

.share_counter {
    height : 15px;  min-width : 10px;
    border-top : 1px solid;
    border-bottom : 1px solid;
    border-right : 1px solid;
    border-color : #b2b2b2;
    padding : 0 5px 0 5px;
}
/* ------------------------------------------------------------------------------- */
/* fixed_img_col */
 .fixed_img_col .thumb{width:40px;height:40px;}
 .fixed_img_col .thumb img{width:40px;height:40px; }
 /* ------------------------------------------------------------------------------- */
 a.key1:hover {
     text-decoration : underline;
     cursor : pointer;
     color : blue;
 }
 /* ------------------------------------------------------------------------------- */
 #thumb_paging {
     height : 196px;
     margin : 20px 0 20px 0;
 }
 
 .paging_btn {
     height : 24px;
     position : relative;
 }
 
 .paging_btn>a {
     position : absolute;
 }
 
 .prevPage {
    left : 0;
 }
 
 .nextPage {
     right : 0;
 }
 
 .currentPage {
     left : 35%;
 }
 
 .paging_thumb {
     height : 172px;
 }
 
 .paging_thumb>ul {
     height : 100%;
     position : relative;
 }
 
.paging_thumb>ul>li {
     width : 210px;
     height : 100%;
     position : absolute;
 }
 
.paging_thumb>ul>li>a {
     width : 100%; height : 100%;
 }

 .thumb_title {
     overflow : hidden;
     white-space:nowrap;
     text-overflow : ellipsis;
     display : block;
     height : 13px;
     margin-top : 5px;
 }