@charset "utf-8";
html { 
	overflow-y: scroll;
}
#tistorytoolbarid {
	display: none;
}

/*레이아웃*/
@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: 'Spoqa Han Sans', 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;
}
#header h5 {
	display: none;
}
#header li {
	display:inline;
	padding-right: 10px;
	word-break: break-all;
}

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

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

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

/*사이드아이템*/
#side_items {
	padding: 25px 0 10px 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;
} 

.imageblock > a[href*="attachment"] {
	position: relative;
	width: 12px;
	height: 11px;
	padding-left: 14px;
}
.imageblock > a[href*="attachment"]:hover {
	color: #00b9b9;
}
.imageblock > a[href*="attachment"]:before,
.imageblock > a[href*="attachment"]:after {
    position: absolute;
    content: "";
    left: 6px;
    bottom: 1px;
    width: 6px;
    height: 10px;
    background: #00b9b9;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.imageblock > a[href*="attachment"]:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}
.imageblock > a[href*="attachment"] img {
    display: none;
}

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

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

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

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

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

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

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

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

/*달력*/
#calender { }
/*달력의 년월일, 이전달, 다음달*/
.cal_month {
	font-size: 0.85em;
	font-weight: bold;
	color: #602200;
	height: 18px;
	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,
.cal_day_sunday a {
	color: #de545a !important;
}
/*현재 달력의 이번달 날짜를 표시하는 스타일 */
.cal_day3 {  }
/*오늘 날짜를 표시하는 스타일*/
.cal_day4 {
	font-weight: bold;
}
/*글 작성날 링크*/
a.cal_click:hover,
a.cal_click:link {
	font-weight: bold;
}
a.cal_click:visited {  }

/*링크*/
#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;
	padding: 5px 0;
}
.titleinfoWrap .category a,
.titleinfoWrap .date {
	color: #ccc;
	font-size: 0.75em;
	letter-spacing: 2px;
	line-height: 1.6em;
}
.titleinfoWrap .category a:hover {
	color: #00b9b9;
}
/*게시글 수정 메뉴*/
.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;
}
/* youtube */
.tt-youtube-plugin {
	position: relative;
	max-width: 100% !important;
	overflow: hidden;
}
.article iframe {
	max-width: 100% !important;
	border: 0;
}
/* 이미지 출력 */
.imageblock {
	width: auto !important;
}
.imageblock img {
	max-width: 100% !important;
	height: auto;
}

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

/*태그*/
.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:  'Spoqa Han Sans', sans-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;
	font-size: 10px;
}
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-right: 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, .entryProtected p {
	text-align: center;
}
.entryProtected p:first-of-type {
	margin-top: 50px;
}
.entryProtected input[type=password] {
	width: 100px;
	height: 25px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: rgba(0, 185, 185, 0.25);
	text-align: center;
}
.entryProtected input[type=button] {
	width: 64px;
	height: 15px;
	border: none;
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}
.entryProtected input[value=LOCKED] {
	font-family: 'Spoqa Han Sans', sans-serif;
	font-size: 13px;
	color: #383838;
	text-align: center;
}

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

/*검색결과*/
.searchList {
	margin-top: 25px;
	padding-bottom: 20px;
}
.searchList 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 {
	text-align: center;
	font-size: 10px;
	color: #ebebeb;
	padding-bottom: 5px;
	letter-spacing:1px;
}
#copyright a:hover {
	color: #ccc;
}

/*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;
}