﻿@charset "utf-8";
html { overflow-y: scroll;}
/* CSS Document */

/*레이아웃*/
@media screen and (max-width: 630px) {
	#container, #bottom_items { width: 100%; overflow: hidden; }
}

@media screen and (min-width: 631px ) {
	#container, #bottom_items { width: 630px; margin: 0 auto; }
}

/*공통*/
body { font-family: 'Nanum Gothic', sans-serif; color: #383838; font-size: 13px; margin: 0; padding: 0; }

h1, h2, h3, h4, h5  { margin: 0; padding: 0; }

a { color: #383838; text-decoration: none; }
a:hover { color: #00b9b9; }

img { border: 0; }

ol, ul, li { padding: 0; list-style: none; }


/*헤더*/
#header { text-align: center; font-size: 11px; margin-top: 50px; }

/*블로그 제목*/
#blogTitle a { font-family: 'Nanum Gothic', sans-serif; color: #602200; font-size:13px; }

/*블로그 유저*/
#userID { font-size: 11px; letter-spacing: 1px; }

/*블로그 설명*/
#blogDesc { }
.desc { padding: 13px 0; }

/*사이드아이템*/
#side_items { padding: 20px 0;  text-align: center; line-height: 1.6em; color:#602200; }
#side_items a { color:#602200; }
#side_items a:hover { color: #00b9b9; }
#side_items h5 { text-transform: uppercase; text-align: center; color: #00b9b9; }
#side_items li { white-space: normal; display:inline; padding-right: 10px; word-break: break-all; }

/*블로그 이미지*/
#blogImage { margin: 5px auto; }
#blogImage img { width:150px; height:150px; border-radius:50%; overflow:hidden; } 

/*공지사항 리스트*/
#notice_bar { }

/*관리자 메뉴*/
#adminMenu { }

/*카테고리*/
#category {  }
#category a { padding-right: 10px; }
#category ul ul { display:inline; }
#category li { display:inline-block; padding:0;  }
#category li li { display:inline; }
#category > ul > li > ul > li > ul { opacity: 0.5; }

/*관리자 화면 카테고리 설정에서 display 선택 가능*/
.c_cnt { font-size: 9px; color: #00b9b9; opacity: 0.75; }

/*태그 클라우드*/
#tagbox { text-align: center; }

/*최근 게시글*/
#recentPost {  }

/*최근 코멘트*/
#recentComment { }
#recentComment .name { font-size: 0.85em; color: #00b9b9; opacity: 0.75; }
#recentComment .date { font-size: 0.85em; color: #602200; opacity: 0.75; }
	
/*최근 트랙백*/
#recentTrackback { }

/*글 보관함*/
#archive { }
.cnt { font-size: 9px; color: #00b9b9; opacity: 0.75; }

/*달력*/
#calender { }
/*달력의 년월일, 이전달, 다음달*/
.cal_month { font-size: 0.85em; color: #602200; height: 18px; font-weight: bold; margin-bottom: 5px; padding-top: 13px; }
/*요일명 표시*/
.cal_week1 { display: none; height: 18px; font-weight: normal; }
/*일요일*/
.cal_week2 { display: none; color: #de545a; font-weight: normal; }
/*달력의 주(Week) 단위를 표시*/
a.cal_week { }
/*달력의 현재 주(Current Week)를 표시*/
.cal_current_week { }
/*현재 달을 포함하는 전체 날짜(Day)의 스타일 전체*/
.cal_day { font-size: 0.9em; text-align: center; }
/*현재 달을 포함하는 전체 날짜의 일요일 스타일*/
.cal_day_sunday { color: #de545a !important; }
.cal_day_sunday a { color: #de545a !important; }
/*이전달 잔여일:  기본적으로 출력안됨*/
.cal_day1 {  }
/*현재달 잔여공간:  기본적으로 출력안됨*/
.cal_day2 {  }
/*현재 달력의 이번달 날짜를 표시하는 스타일 */
.cal_day3 {  }
/*오늘 날짜를 표시하는 스타일*/
.cal_day4 { font-weight: bold; }
/*글 작성날 링크*/
a.cal_click:link { font-weight: bold; }
a.cal_click:visited {  }
a.cal_click:hover { font-weight: bold; }

/*링크*/
#link { }

/*검색*/
#search { }
#search input[type=text] { width: 80%; padding: 0 5px; background: transparent; border: 3px solid #00b9b9; border-radius: 15px; margin: 13px 0; outline: none; opacity: 0.25; -webkit-appearance: none; }
#search input[type=text]:focus { opacity: 0.75; }

/*블로그 메뉴*/
#blogMenu { }

/*방문자수*/
#counter { }
.counterWrap { margin: 13px 0; }

/*링크 RSS*/
#button { }

/*본문*/
#content { padding: 0 5px; }
#content h3 { text-align: center; }

/*게시글*/
.entry { margin: 25px 0; }

/*제목 영역*/
.titleWrap { text-align: center; margin: 10px 0; }
/*제목*/
.titleWrap h3 a { color:  #00b9b9; }
.titleWrap a:hover { color: #602200; }
/*카테고리 표시*/
/*등록일시 표시*/
.titleinfoWrap { text-align: center; font-size: 11px; padding: 5px 0; letter-spacing:  1px; }
/*게시글 수정 메뉴*/
.admin { font-size: 0.75em; padding: 10px 0; color: #ddd; }
.admin a:hover { color: #00b9b9; }

/*본문*/
.articleWrap { margin-bottom: 50px; }
.article { padding: 5px 0; line-height: 1.8em; }
.tt_article_useless_p_margin p { font-family:  'Nanum Gothic', sans-serif !important; font-size: 13px !important; }
.tt_article_useless_p_margin p span { font-family:  'Nanum Gothic', sans-serif !important; font-size: 13px !important; }

/* 이미지 출력 */
.imageblock { max-width: 100% !important;}
.imageblock img { max-width: 100% !important; height: auto; }

/*더보기/접기*/
.moreless_fold { color: #00b9b9; }
.moreless_top { display:none;}
.moreless_content { }
.moreless_bottom { color: #00b9b9; }

/*태그*/
.tagText { color: #383838; }
.tagTrail { text-align: center; margin-top: 20px; padding: 5px 0; font-size: 11px; }

/*코멘트, 트랙백 카운터*/
.actionTrail { text-align: center; margin-bottom: 10px; padding: 5px 0; font-size: 11px; }

/*트랙백*/
/*트랙백 복사*/
/*트랙백 리스트*/
.trackback { padding: 5px 25px; }
.trackback p { margin: 5px 0; }
.trackback li p { margin: 0; font-size: 10px; }

/*코멘트, 방명록*/
.comment {  margin:  10px 0; }
.guestbook { margin-top: 25px; }
/*코멘트, 방명록 입력 양식*/
.commentWrite , .guestWrite { padding:  20px 25px; overflow: hidden; }
.commentWrite textarea , .guestWrite  textarea{ outline: none; -webkit-appearance: none;  -webkit-border-radius: 0; background: transparent; }
.commentWrite input[type=text], .commentWrite input[type=password], .guestWrite input[type=text], .guestWrite input[type=password]{ width:100%; padding: 0; border: none; border-bottom: 1px dotted #ccc; margin: 5px 0; outline: none; -webkit-appearance: none;  -webkit-border-radius: 0; background: transparent; }
.commentWrite input[type=submit], .guestWrite input[type=submit] { float: left; width: 40%; height: 25px; border: none; border-radius: 15px; background: #00b9b9; -webkit-appearance: none; }
.commentWrite input[value=WRITE], .guestWrite input[value=WRITE] { font-family:  'Nanum Gothic', serif; font-size: 11px; letter-spacing: 1px; text-align: center; color: #fff; outline: none; }

/*비밀상태 체크*/
#guest_secret { float: left; width: 60%; }
#guest_secret label[for=secret_type] { width: 36px; }
input[id=secret] + label { display: inline-block; width: 12px; height: 12px; background-color: #ddd; border-radius: 6px; cursor: pointer; }
input[id=secret]:checked + label { background-color:  #00b9b9; }
input[id=secret] { display: none; }

/*코멘트, 방명록 입력 영역*/
textarea { width: 100%; margin: 10px 0; padding: 0; resize: none; border: 1px dotted #ccc; }

/*코멘트, 방명록 리스트*/
.commentList, .guestList { padding:  10px 0; line-height: 1.8em; }
.commentList ol li ul, .guestList ol li ul { margin: 10px 0; overflow: auto; }
.commentList ol li ul li, .guestList ol li ul li { margin: 5px 0; }
.commentList .pusher, .guestList .pusher { float: left; width: 15%; }
.commentList .pushed, .guestList .pushed { float: left; width: 85%; }

/*작성자 정보*/
.name a { color: #00b9b9; }
.date { font-size: 11px; color: #ccc; padding:  0 5px; }
.control { font-size: 10px; float: right; }
.control a { color: #602200; }
.control a:hover { color: #00b9b9; }

/*페이징*/
.paging { font-size: 12px; text-align: center; padding: 50px 0; }
.paging a { padding: 0 3px; }
.selected { color: #00b9b9; text-align: center;}
.no-more-prev, .no-more-next { color: #232323; }

/*보호글*/
.entryProtected { margin: 50px 0;}
.entryProtected h3 { text-align: center; }
.entryProtected input[type=password] { width: 100px; border: none; border-bottom: 1px dotted #ccc; background: transparent; }
.entryProtected input[type=button] { width: 50px; height: 25px; border: none; background: transparent; -webkit-appearance: none; }
.entryProtected input[value=Okay] { font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #383838; }

/*공지글*/
.entryNotice { margin-top: 25px; }

/*검색결과*/
.searchList, .searchRplist { margin-top: 25px; padding-bottom: 20px; }
.searchList h3, .searchRplist h3 { color:#00b9b9; }
.listCount { text-align: center; font-size: 11px; color: #602200; padding: 5px; }
.olLine { border-bottom: 1px dotted #ccc; }
.listLine { padding: 10px; border-top: 1px dotted #ccc; }
.co_cnt { font-size: 9px; color: #00b9b9; }

/*태그로그*/
.taglog { margin-top: 25px; }
.taglog ul { list-style: none; padding: 20px 0; }
.taglog ul li { display: inline; }

/*위치로그*/
.localog { margin-top: 25px; }
.spotwrap { margin: 20px 0; }

/*미디어*/
#mediaLogNest { margin-top: 25px; }

/*푸터*/
#footer { width: 100%; background: #f9f9f9; }

/*카피라이트*/
#copyright, #copyright a, #copyright a:hover { text-align: center; font-size: 10px; color: #e1e1e1; padding-bottom: 5px; letter-spacing:1px; }

/*top 버튼*/
.btn_top { position: fixed; bottom: 20px; right: 20px; font-size: 10px; }
.btn_top a { color: #602200;}


/*owl*/
.owl-theme .owl-controls{ margin-top: 10px; text-align: center; }
.owl-wrapper > div > div { margin: 0 10px; }

/*owl pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span{ display: block; width: 10px; height: 10px; margin: 5px 7px; filter: Alpha(Opacity=25);/*IE7 fix*/ opacity: 0.25; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #602200; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=75);/*IE7 fix*/ opacity: 0.75; }