/*----- 블로그 공통 스타일 -----*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.body {
	background-image:/*@background-image=*/url("./images/bg.jpg")/*@*/;
	background-repeat:/*@background-image-repeat=*/no-repeat/*@*/;
	background-position:/*@background-image-position=*/center/*@*/;
	background-color:/*@background-color=*/#FFF/*@*/;
	
	font-family:Nanum Gothic;
	
	padding:0; margin:0;
}
.body a {text-decoration:none;}
.body a:hover {opacity:0.25;}

@media screen and (max-width:777px) {
	/* 동영상 */
	iframe, embed, object{width:auto;}
	img {max-width: 100%; height: auto;}
	span.imageblock {max-width: 100%; height: auto;}
}

/*----- 헤더 공통 스타일 -----*/

#header {
	background-image:/*@title-background-image=*/url("./images/rain.jpg")/*@*/;
	background-repeat:/*@title-background-image-repeat=*/repeat-x/*@*/;
	background-position:/*@title-background-image-position=*/center/*@*/;
	background-color:/*@title-background-color=*/#444444/*@*/;
	
	height:/*@title-height=*/120px/*@*/;
	
	margin:0 auto; padding:25px;
	
	text-align:center;
}
#header a {color:/*@title-color=*/#FFF/*@*/;}

/* 모바일 버전 헤더 */
#mobileHeader {
	display:none;
	
	background-image:/*@title-background-image=*/url("./images/rain.jpg")/*@*/;
	background-repeat:/*@title-background-image-repeat=*/repeat-x/*@*/;
	background-position:/*@title-background-image-position=*/center/*@*/;
	background-color:/*@title-background-color=*/#444444/*@*/;
	
	padding:0 10px 0 10px;
}
#mobileHeader a {color:/*@title-color=*/#FFF/*@*/; font-weight:bold;}
.mobileHeaderTable {width:100%;}
.tableLeft, .tableRight {width:50px; padding:5px;} .tableCenter {text-align:center;}
.mobileMenuBtn {width:40px; background-color:transparent; color:#FFF; border:0; font-size:1.5em;}
.mobileMenu {display:none;}
.mobileMenu ul {list-style-type:none; margin:0; padding:0 0 20px 0;}
.mobileMenu li {display:block; border:1px solid #FFF; padding:10px; margin:10px; text-align:center; }
.mobileMenu a {color:/*@title-color=*/#FFF/*@*/;}

/* 블로그 제목 */
#header h1 {
	font-family:/*@title-font-family=*/Nanum Gothic/*@*/;
	font-size:/*@title-font-size=*/3.5em/*@*/;
	
	margin:0;
}

/* 블로그 메뉴 */
.blogMenu ul {list-style-type:none; margin-top:20px; padding:0;}
.blogMenu li {display:inline-block; margin:0 20px 0 20px; }
@media screen and (max-width:777px) {
	.blogMenu {display:none;}
}

@media screen and (max-width:777px) {
	#header {display:none;}
	#mobileHeader {display:block;}
}

/*----- 콘텐츠 공통 스타일 -----*/

#content {
	width:/*@post-width=*/728px/*@*/;
	
	margin:0 auto;
}
@media screen and (max-width:777px) {
	#content {width:auto; padding:20px;}
}

/* 검색 리스트 */
.searchList a {color:/*@post-body-color=*/#000/*@*/;}
.searchList ol {padding-left:30px;}
.searchList li {margin:10px 0 10px 0;}
.searchListDate {font-size:0.75em; color:#BDBDBD;}

/* 태그 클라우드 */
.taglog a {color:/*@post-body-color=*/#000/*@*/;}
.taglog ul {padding-left:0;}
.taglog li {display:inline; margin:15px;}

/* 방명록 */
.guestWrite input {padding:10px; border:1px solid #589397;}
.guestWriteBox {margin:20px 0 20px 0; height:100px; border:1px solid #589397;}
.guestWriteBox textarea {width:85%; height:100%; float:left; border:0; padding:10px; box-sizing:border-box; overflow-y:auto;}
.guestWriteBox input {width:15%; height:100%; float:right; border:0; background-color:#589397; color:#FFF;}

@media screen and (max-width:777px) {
	.guestWriteinputBox input {margin-bottom:10px;}
}

/* 방명록 리스트 */
.guestList ol {padding:0; list-style-type:none;}
.guestList li {margin-bottom:10px;}
.guestList ul {padding-left:35px; list-style-type:none;}
.guestListTable1 {border-spacing:0; border:1px solid #589397;}
.guestListTable2 {border-spacing:0; border:1px solid #B0D1D3; margin-top:10px;}
.guestListBox1_1 {width:35px; background-color:#589397; vertical-align:top; text-align:center;}
.guestListBox1_1 input {color:#FFF; border:0; background-color:#589397; width:30px; height:30px;}
.guestListBox1_2 {width:35px; background-color:#B0D1D3; vertical-align:top; text-align:center;}
.guestListBox1_2 input {color:#FFF; border:0; background-color:#B0D1D3; width:30px; height:30px;}
.guestListBox2 {padding:20px;}
.guestListBox3 {width:100%; padding:10px; text-align:right; color:#589397; font-size:0.75em;}
.guestListBox3 a {color:#589397; font-size:0.95em;}
.guest_admin {background:url(./images/admin.png) no-repeat top right;}

/* 포스트 제목 */
.entry h2 {
	font-family:/*@post-title-font-family=*/Nanum Gothic/*@*/;
	font-size:/*@post-title-font-size=*/2.25em/*@*/;
}
.entry h2 a {color:/*@post-title-color=*/#000/*@*/;}
.entryDate {color:#A6A6A6;}

/* 포스트 본문 */
.article {
	color:/*@post-body-color=*/#000/*@*/;
	font-family:/*@post-body-font-family=*/Nanum Gothic/*@*/;
	font-size:/*@post-body-font-size=*/1.07em/*@*/;
	
	line-height:1.75em;
	
	padding:40px 0 40px 0;
}
.article a, .entryDate a {color:#589397;}

/* 포스트 설정 메뉴 */
.adminWrap {text-align:right; color:#589397;}

.adminButton {color:#FFF; background-color:#589397; border:0; width:30px; height:30px;}
.trailSet {display:none; padding:20px 0 20px 0;}
.trailSet a {color:#589397;}
.tagTrail a {color:#A6A6A6;}
.admin {margin-top:20px;}

.rp_tb_Button {color:#FFF; background-color:#589397; border:0; width:30px; height:30px;}

/* 트랙백 */
.trackback {margin-top:20px;}

/* 댓글 */
.inputBox input {padding:10px; margin-top:5px; border:1px solid #589397;}
.commentWriteBox {margin:20px 0 20px 0; height:100px; border:1px solid #589397;}
.commentWriteBox textarea {width:85%; height:100%; float:left; border:0; padding:10px; box-sizing:border-box; overflow-y:auto;}
.commentWriteBox input {width:15%; height:100%; float:right; border:0; background-color:#589397; color:#FFF;}

@media screen and (max-width:777px) {
	.inputBox input {display:block;}
}

/* 댓글 리스트 */
.commentList ol {padding:0; list-style-type:none;}
.commentList li {margin-bottom:10px;}
.commentList ul {padding-left:35px; list-style-type:none;}
.commentListTable1 {border-spacing:0; border:1px solid #589397;}
.commentListTable2 {border-spacing:0; border:1px solid #B0D1D3; margin-top:10px;}
.commentListBox1_1 {width:35px; background-color:#589397; vertical-align:top; text-align:center;}
.commentListBox1_1 input {color:#FFF; border:0; background-color:#589397; width:30px; height:30px;}
.commentListBox1_2 {width:35px; background-color:#B0D1D3; vertical-align:top; text-align:center;}
.commentListBox1_2 input {color:#FFF; border:0; background-color:#B0D1D3; width:30px; height:30px;}
.commentListBox2 {padding:20px;}
.commentListBox3 {width:100%; padding:10px; text-align:right; color:#589397; font-size:0.75em;}
.commentListBox3 a {color:#589397; font-size:0.95em;}
.rp_admin {background:url(./images/admin.png) no-repeat top right;}

/* 페이징 */
.paging {font-size:1.0em; color:/*@post-body-color=*/#000/*@*/; text-align:center; margin:40px 20px 40px 20px;}
.num {display:inline-block; color:/*@post-body-color=*/#000/*@*/; padding:10px;}
.selected {font-weight:bold; background-color:#589397; color:#FFF; padding:10px;}

/* 3단 테스트 */
.test {display:table-cell; width:300px; vertical-align:top; margin:20px;}
.testmid {display:table-cell; width:/*@post-width=*/728px/*@*/; vertical-align:top;}

/*----- Sidebar Style -----*/

#sidebar {margin:0 auto;}
.sidebarBox { display:table-cell; width:240px; padding:0 20px 0px 20px; vertical-align:top; text-align:left; margin-bottom:20px; }
.sidebarBox h3 { color:/*@post-title-color=*/#000000/*@*/; margin:0; padding:0 0 10px 0; }
.sidebarBox ul { padding:0 0 0 20px; margin:0; }
.sidebarBox a { color:/*@post-body-color=*/#000000/*@*/;}

.blogInfo, .notice, .adminMenu, .category, .tagbox, .recentPost, .recentComment, .recentTrackback, .calender, .link, .counter { border-bottom:1px dotted #BDBDBD; margin-bottom:40px; padding-bottom:10px; }

@media screen and (max-width:777px) {
	.sidebarBox { display:block; width:auto; padding:20px 20px 0 20px; }
}

.blogImage img { width:100%; }

.userID { font-size:0.75em; text-align:right; color:#A6A6A6; margin-top:5px; }

.notice li { margin-top:5px; }

.adminMenu a { padding:7px 10px 7px 10px; border:1px solid #BDBDBD; }
.adminMenu li { display:inline-block; margin-top:5px; }
.adminMenu ul { padding-left:0; margin:10px 0 10px 0;}

.search_input { box-sizing:border-box; width:100%; padding:10px; border:1px solid #BDBDBD; margin-bottom:40px; }

.categoryData { font-family:굴림; font-size:9pt; margin:10px 0 10px 0; }
.ib { cursor:pointer; }
.branch3 { cursor:pointer; }
.c_cnt { font:0.75em Tahoma; color:#f30; }

.tagbox a { display:inline-block; }
.tagbox li { margin-top:5px; display:inline-block; }
.tagbox ul { list-style-type:none; margin:0; padding:0; }
.cloud1 { font-size:1.6em; color:#000000; }
.cloud2 { font-size:1.4em; color:#353535; }
.cloud3 { font-size:1.2em; color:#5D5D5D; }
.cloud4 { font-size:1.0em; color:#8C8C8C; }
.cloud5 { font-size:0.8em; color:#BDBDBD; }

.recentPost li { margin-top:5px; }

.recentComment li { margin-top:5px; }
.info_wrap { font-size:0.7em; color:#BDBDBD; }

.recentTrackback li { margin-top:5px; }

.cal_month { font-size:0.85em; height:18px; font-weight:bold; padding:5px; }
.cal_week1 { font:0.95em dotum; height:18px; font-weight:normal; }
.cal_week2 { font:0.95em dotum; color:#f30; }
a.cal_week { background-color:#fff; }
.cal_current_week { background-color:#eee; }
.cal_day { font-size:0.85em; color:#999; text-align:center; }
.cal_day_sunday { } { color:#f30 !important; }
.cal_day_sunday a{ } { color:#f30 !important;}
.cal_day1 { color:#ccc; }
.cal_day2 { color:#ccc; }
.cal_day3 { color:#666; }
.cal_day4 { color:#000; text-decoration:underline; }
a.cal_click:link { color:#333; font-weight:bold; }
a.cal_click:visited { color:#333; font-weight:bold; }
a.cal_click:hover { color:#f30; font-weight:bold; }

.counter { font-family:consolas; font-size:1.0em; }
.total, .today, .yesterday { margin-bottom:5px; }

/* 광고 */
.AD {width:728px; text-align:center; margin:0 auto; padding:20px 0 80px 0;}
@media screen and (max-width:777px) {
	.AD {width:auto;}
}

/*----- Footer Style -----*/

#footer {margin:0 auto; background-image:/*@title-background-image=*/url("./images/rain.jpg")/*@*/; background-color:/*@title-background-color=*/#444444/*@*/; background-position:bottom center; color:#FFF;}
.copyright {margin:0 auto; text-align:center; padding:40px;}
.copyright a {color:#FFF;}