/*////////////////////////////////////////////*/
/* Swan's blog - http://swandream.tistory.com */
/*////////////////////////////////////////////*/

@charset "utf-8";



/* reset */

body, div, p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form,
fieldset, legend, textarea,
blockquote, th, td,
input, select, button {
	margin: 0;
	padding: 0;
}
header, section,
article, aside, nav {
	display: block;
	padding: 0;
	margin: 0;
}
img {
	border: 0 none;
}
hr {
	display: none;
}
dl, ul,
ol, li {
	list-style: none;
}
h1 {
	font-size: 24px;
	font-weight: 700;
}
h2 {
	font-size: 19px;
	font-weight: 700;
	color: #3B6F9C;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.moreless_fold {
	padding: 2px 0 0 43px;
	background: transparent url(images/moreContent.gif) no-repeat 0 0;
	font: 0.9em dotum;
}
.moreless_top {
	padding: 2px 0 0 43px;
	background: transparent url(images/hideContent.gif) no-repeat 0 0;
	font: 0.9em dotum;
}
.moreless_bottom {
	padding: 2px 48px 0 0;
	background: transparent url(images/hideContent.gif) no-repeat right 0;
	font: 0.9em dotum;
	text-align: right;
}
.guest_secret .commentDesc,
.rp_secret .commentDesc {
	color: #fe6804;
}
.clear {
	clear: both;
	height: 0;
}






/* fundamental layout */

body {	font: 12px/1.6 '나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum, Verdana, AppleGothic, Sans-serif;
	color: #000;
	background-image:/*@background-image=*/none/*@*/;
	background-repeat:/*@background-image-repeat=*/repeat-x/*@*/;
	background-position:/*@background-image-position=*/left top/*@*/;
	background-color:/*@background-color=*/#FFFFFF/*@*/;
	cursor: default;
}
#bgCanvas {
	padding-bottom: 50px;
	overflow: hidden;
}
#title {
	width:/*@post-width:450=*/1366px/*@*/;
	height:/*@title-height=*/70px/*@*/;
	padding: 20px;
	background-image:/*@title-background-image=*/url("images/pattern_white_rain_jasmin3272.jpg")/*@*/;
	background-repeat:/*@title-background-image-repeat=*/repeat-x/*@*/;
	background-position:/*@title-background-image-position=*/center bottom/*@*/;
	background-color:/*@title-background-color=*/transparent/*@*/;
	margin: 0 auto;
}
#title a {
	font-size:/*@title-font-size=*/1.5em/*@*/;
	font-family:/*@title-font-family=*/'나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum/*@*/;
	color:/*@title-color=*/#81c6f7/*@*/;
}
#wrapper {
	width:/*@post-width:490=*/1150px/*@*/;
	padding: 0;
	margin: 0 auto;
}
#content {
	width:/*@post-width=*/660px/*@*/;
	padding-top: 25px;
	float: left;
}
#content section {
	margin-bottom: 25px;
}
#sidebar {
	width: 380px;
	padding-top: 25px;
	float: right;
	color: #bfc1cb;
}
.sectionName {
	padding: 8px 0 10px 55px;
	background: transparent url(images/titleDeco.png) no-repeat left top;
}
.articleName {
	padding: 5px 0 0 55px;
	background: transparent url(images/titleDeco.png) no-repeat left top;
}





/* wrapping container */

.containerTR {
	height: 45px;
	padding-right: 35px;
	background: transparent url(images/wrapperTR.png) no-repeat right top;
}
.containerTL {
	height: 30px;
	padding: 10px 0 5px 35px;
	background: transparent url(images/wrapperTL.png) no-repeat left top;
}
.containerMR {
	padding-right: 35px;
	background: transparent url(images/wrapperMR.png) repeat-y right;
}
.containerML {
	padding-left: 35px;
	background: transparent url(images/wrapperML.png) repeat-y left;
	overflow: hidden;
}
.containerBR {
	height: 35px;
	padding-right: 35px;
	background: transparent url(images/wrapperBR.png) no-repeat right bottom;
}
.containerBL {
	height: 35px;
	padding-left: 35px;
	background: transparent url(images/wrapperBL.png) no-repeat left bottom;
}





/* blog menu bar */

#blogMenu {
	float: left;
}
#blogMenu li {
	display: inline;
	margin-right: 5px;
}
#blogMenu a {
	cursor: pointer;
	text-decoration: none;
}
#blogMenu span {
	display: inline-block;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #96560B;
}
#blogMenu span:hover {
	color: #CF924A;
}
#blogMenu .wrapL {
	width: 12px;
	background: transparent url(images/menuBtnL.gif) no-repeat;
}
#blogMenu .wrapC {
	padding: 4px 8px;
	background: transparent url(images/menuBtnC.gif) repeat-x;
}
#blogMenu .wrapR {
	width: 12px;
	background: transparent url(images/menuBtnR.gif) no-repeat;
}
.searchBar {
	float: right;
	width: 288px;
	height: 24px;
	padding: 4px 4px 0 8px;
	background: transparent url(images/searchBar.png) no-repeat;
}
.searchBox {
	width: 220px;
	margin-right: 3px;
	border: 0 none;
	background: transparent;
}
.searchBar .submit {
	display: inline-block;
	width: 60px;
	height: 20px;
	background: transparent url(images/searchSubmit.png) no-repeat 0 0;
	cursor: pointer;
}
.searchBar .submit:hover {
	background-position: 0 -20px;
}






/* searchList, tagLog */

#searchList .searchContent,
#tagLog .tagContent {
	margin-top: 15px;
}
#searchList a,
#tagLog a {
	color: #333;
}
#searchList li {
	padding: 6px 0 2px 0;
	border-bottom: 1px dotted #bfc1cb;
	font-size: 1.1em;
}
#searchList li .date {
	display: inline-block;
	width: 100px;
	padding-right: 10px;
	font: italic 1.2em georgia;
	color: #7DACD5;
	overflow: hidden;
}
#searchList li .cnt {
	margin-left: 3px;
	font-size: 0.75em;
	color: #bfc1cb;
}
#tagLog li {
	display: inline;
	font-size: 1.1em;
}






/* guestbook */

.guestbookContent {
	margin-top: 15px;
}
.guestWrite {
	position: relative;
	padding-bottom: 20px;
}
.guestWrite .visitorInfo {
	margin-bottom: 5px;
	border-collapse: collapse;
}
.guestWrite .visitorInfo td {
	padding: 1px 0 1px 70px;
}
.guestWrite .visitorInfo input {
	width: 140px;
	padding: 2px 5px;
	border: 1px solid #64b3fc;
	border-radius: 4px;
	font-family: dotum;
	color: #3B6F9C;
}
.guestWrite .name {
	background: transparent url(images/commentName.gif) no-repeat left 1px;
}
.guestWrite .password {
	background: transparent url(images/commentPassword.gif) no-repeat left 1px;
}
.guestWrite .homepage {
	background: transparent url(images/commentHome.gif) no-repeat left 1px;
}
.guestWrite .visitorInfo .focus {
	width: 200px;
}
.guestWrite .focus {
	background-color: #fff !important;
}
.guestWrite .inactive {
	background-color: #dbf0fc;
}
.guestWrite textarea {
	width:/*@post-width:-20=*/640px/*@*/;
	height: 120px;
	padding: 10px;
	border: 1px solid #64b3fc;
	border-radius: 5px;
	background-color: #dbf0fc;
	font-family: dotum;
	color: #3B6F9C;
	overflow: auto;
}
.guestWrite .secretBox {
	display: inline-block;
	position: absolute;
	right: 160px;
	bottom: 40px;
	padding-left: 50px;
	background: transparent url(images/commentSecret.gif) no-repeat left -2px;
}







/* article (notice, protected, common post) */

.articleName {
	position: relative;
}
.articleName .title {
	font-size:/*@post-title-font-size=*/1.0em/*@*/;
	font-family:/*@post-title-font-family=*/'나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum/*@*/;
	color:/*@post-title-color=*/#3B6F9C/*@*/;
}
.articleInfo {
	font-size: 0.8em;
	color: #a3b8da;
}
.articleInfo .date {
	font-family: arial;
}
.articleInfo a {
	color: #a3b8da;
}
.articleInfo span {
	margin-right: 10px;
}
.articleEdit {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	font: 0.8em arial;
}
.noticeContent,
.lockedContent,
.articleContent {
	margin-top: 15px;
	font-size:/*@post-body-font-size=*/1.0em/*@*/;
	font-family:/*@post-body-font-family=*/'나눔고딕', NanumGothic, '맑은 고딕', MalgunGothic, dotum/*@*/;
	color:/*@post-body-color=*/#000/*@*/;
	overflow: hidden;
}
.lockedContent p {
	width: 380px;
	height: 80px;
	padding-top: 76px;
	margin: 40px auto 30px auto;
	background: transparent url(images/lockedContent.gif) no-repeat;
	text-align: center;
}
.tagLabel {
	padding-left: 20px;
	background: transparent url(images/tag.gif) no-repeat left 2px;
}





/* trackback & comment (common style) */

.feedback {
	padding-top: 12px;
	margin-bottom: 6px;
	font-weight: bold;
}
.feedback a {
	display: inline-block;
	margin-right: 6px;
	color: #3B6F9C;
}
.feedback .toggletb {
}
.feedback .togglerp {
	padding-left: 20px;
	background: transparent url(images/comment.png) no-repeat left 3px;
}
.feedback .noCnt {
	color: #a3b8da;
}
.feedback .cnt {
	color: #fe7201;
}







/* trackback */

.trackback .tbUrl{
	padding: 3px 8px 1px 8px;
	margin-bottom: 5px;
	border-radius: 4px;
	background-color: #cddefc;
	color: #769ee1;
}
.tbList {
	padding-bottom: 10px;
	border-top: 1px solid #a8c6f0;
	background: transparent url(images/commentDeco1.png) no-repeat left top;
}
.tbBox {
	height: 60px;
	padding: 10px 10px 0 90px;
	background: transparent url(images/commentDeco3.png) no-repeat right top;
}
.tbNav {
	position: relative;
	font-size: 0.8em;
	color: #a3b8da;
}
.tbNav img {
	position: absolute;
	width: 36px;
	height: 36px;
	left: -50px;
	top: 0;
	padding: 1px;
	border: 1px solid #6fa7f2;
	background-color: #fff;
}
.tbNav .name a {
	color: #7dafed;
}
.tbNav .date {
	margin-left: 5px;
}
.tbNav .del {
	position: absolute;
	right: 0;
	top: 0;
}
.tbDesc {
	padding-top: 5px;
	word-wrap: break-word;
}








/* comment (list) */

.comment ol {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #a8c6f0;
}
.commentEntry {
	padding-bottom: 10px;
	border-top: 1px solid #a8c6f0;
	background: transparent url(images/commentDeco1.png) no-repeat left top;
}
.commentEntry .commentBox {
	min-height: 50px;
	padding: 10px 10px 0 90px;
	background: transparent url(images/commentDeco3.png) no-repeat right top;
}
.commentEntry ul {
	padding-top: 10px;
}
.commentReply {
	padding: 10px 0 5px 60px;
	background: transparent url(images/commentReply.gif) no-repeat 18px 30px;
}
.commentReply .commentBox {
	min-height: 50px;
	padding: 10px 10px 10px 60px;
	border: 1px solid #b4cae8;
	border-radius: 4px;
	background: #e6f0fd url(images/commentDeco2.png) no-repeat right bottom;
}
.commentNav {
	position: relative;
	font-size: 0.8em;
	color: #a3b8da;
}
.commentNav img {
	position: absolute;
	width: 36px;
	height: 36px;
	left: -50px;
	top: 0;
	padding: 1px;
	border: 1px solid #6fa7f2;
	background-color: #fff;
}
.commentNav .name a {
	color: #7dafed;
}
.commentNav .date {
	margin-left: 5px;
}
.commentFeedback {
	position: absolute;
	right: 0;
	top: 0;
	font-family: arial;
}
.commentFeedback a {
	margin-left: 3px;
}
.commentDesc {
	padding-top: 5px;
	word-wrap: break-word;
}







/* comment (writing area) */

.commentWrite {
	position: relative;
}
.commentWrite .visitorInfo {
	margin-bottom: 5px;
	border-collapse: collapse;
}
.commentWrite .visitorInfo td {
	padding: 1px 0 1px 70px;
}
.commentWrite .visitorInfo input {
	width: 140px;
	padding: 2px 5px;
	border: 1px solid #64b3fc;
	border-radius: 4px;
	font-family: dotum;
	color: #3B6F9C;
}
.commentWrite .name {
	background: transparent url(images/commentName.gif) no-repeat left 1px;
}
.commentWrite .password {
	background: transparent url(images/commentPassword.gif) no-repeat left 1px;
}
.commentWrite .homepage {
	background: transparent url(images/commentHome.gif) no-repeat left 1px;
}
.commentWrite .visitorInfo .focus {
	width: 200px;
}
.commentWrite .focus {
	background-color: #fff !important;
}
.commentWrite .inactive {
	background-color: #dbf0fc;
}
.commentWrite .secretBox {
	display: inline-block;
	position: absolute;
	right: 160px;
	bottom: 20px;
	padding-left: 50px;
	background: transparent url(images/commentSecret.gif) no-repeat left -2px;
}
.commentSubmit {
	text-align: right;
}
.commentSubmit textarea {
	width:/*@post-width:-20=*/640px/*@*/;
	height: 120px;
	padding: 10px;
	border: 1px solid #64b3fc;
	border-radius: 5px;
	background-color: #dbf0fc;
	font-family: dotum;
	color: #3B6F9C;
	overflow: auto;
}
.commentSubmit .submitBtn {
	width: 140px;
	height: 40px;
	border: 0 none;
	margin-top: 5px;
	background: transparent url(images/commentSubmit.gif) no-repeat 0 0;
	cursor: pointer;
}
.commentSubmit .submitBtn:hover {
	background-position: 0 -40px;
}






/* paging */

#paging {
	position: relative;
}
#paging a {
	display: inline-block;
}
#paging a:hover {
	text-decoration: none;
}
#paging .prev {
	width: 30px;
	height: 24px;
	padding-top: 6px;
	margin-right: 15px;
	background: transparent url(images/paging.gif) no-repeat left bottom;
}
#paging .next {
	width: 30px;
	height: 24px;
	padding-top: 6px;
	margin-left: 15px;
	background: transparent url(images/paging.gif) no-repeat right bottom;
}
#paging .prev:hover {
	background-position: left top;
}
#paging .next:hover {
	background-position: right top;
}
#paging .top {
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 14px;
	background: transparent url(images/top.gif) no-repeat;
}
#paging .pageNum {
	padding: 0 6px;
	font-size: 1.4em;
	font-weight: bold;
	font-family: arial;
	color: #b7d3f0;
}
#paging .selected {
	border-bottom: 1px dotted #333;
	color: #66abf2;
}





/* sidebar (common style) */

#sidebar a {
	color: #3B6F9C;
}
#sidebar .module { text-align: center; }
#sidebar .sbModule {
	margin-bottom: 15px;
}
#sidebar .module_plugin {
	margin-bottom: 15px;
}

#sidebar .wrapT {
	height: 36px;
}
#sidebar .wrapM {
	padding: 5px 10px 2px 10px;
	background: transparent url(images/sbmoduleWrapM.gif) repeat-y top;
}
#sidebar .wrapB {
	height: 8px;
	background: transparent url(images/sbmoduleWrapB.gif) no-repeat;
}
#sidebar .cnt,
#sidebar .date {
	margin-left: 3px;
	font-size: 0.8em;
}







/* sidebar blogInfo */

#blogInfo .wrapT {
	background: transparent url(images/blogInfoT.gif) no-repeat;
}
#blogInfo .wrapB {
	height: 45px;
	padding: 5px 10px 10px 10px;
	background: transparent url(images/blogInfoB.gif) no-repeat;
}
#blogInfo .entry {
	width: 360px;
	border-collapse: collapse;
}
#blogInfo .img {
	width: 120px;
}
#blogInfo .desc {
	color: #738bac;
	vertical-align: top;
}
#blogInfo img {
	width: 100px;
	height: 100px;
	padding: 1px;
	margin-right: 20px;
	border: 2px solid #a7c4fe;
}
#blogInfo .counter {
	height: 20px;
	padding: 5px 0 0 80px;
	background: transparent url(images/counter.gif) no-repeat 10px 3px;
	font: 1.0em arial;
	text-align: right;
}
#blogInfo .total {
	color: #ed7703;
	cursor: pointer;
}
#blogInfo .today {
	color: #8ab2e3;
	cursor: pointer;
}
#blogInfo .yst {
	color: #8ab2e3;
	cursor: pointer;
}
#blogInfo .link {
	height: 20px;
	background: transparent url(images/link.gif) no-repeat 10px top;
	text-align: right;
}
#blogInfo select {
	width: 200px;
	font-family: dotum;
}





/* sidebar (article list) */

#noticeList .wrapT {
	background: transparent url(images/sbNotice.gif) no-repeat;
}
#category .wrapT {
	background: transparent url(images/sbCategory.gif) no-repeat;
}
#recentPost .wrapT {
	background: transparent url(images/sbRp.gif) no-repeat;
}
#recentCmt .wrapT {
	background: transparent url(images/sbRc.gif) no-repeat;
}
#recentTb .wrapT {
	background: transparent url(images/sbTb.gif) no-repeat;
}
#tagCloud .wrapT {
	background: transparent url(images/sbTag.gif) no-repeat;
}
#tagCloud li {
	display: inline;
	margin-right: 3px;
}
#calender .wrapT {
	background: transparent url(images/sbCal.gif) no-repeat;
}






/* sidebar (category) */

#category ul {
	padding-left: 10px;
}
#category ul li {
	padding: 0;
	margin: 0;
}
#category ul li ul {
	padding: 0 0 0 10px;
	margin: 0;
}
#category ul li ul li {
	padding: 0 0 2px 8px;
	margin: 8px 0 0 0;
	border-left: 4px solid #a4ccfe;
}
#category ul li ul li ul {
	padding: 0;
	margin: 0 0 0 -12px;
}
#category ul li ul li ul li {
	padding: 0 0 0 6px;
	margin: 0;
}
#category ul li ul li:hover {
	border-color: #f37297;
}
#category .c_cnt {
	font-size: 0.8em;
	font-family: arial;
	color: #f7366d;
}








/* sidebar (calender) */

#calender {
	font-family: dotum;
	text-align: center;
	color: #a1b6d1;
}
#calender .cal_month {
	padding-bottom: 10px;
}
#calender .cal_week1 {
	font-weight: normal;
}
#calender .cal_week2 {
	font-weight: normal !important;
	color: #f52f3d;
}
#calender .cal_day_sunday {
	color: #f52f3d;
}
#calender .cal_day4 {
	color:#58b53f;
}
#calender a.cal_click {
	color: #3381e2 !important;
	text-decoration: underline;
}






/* sidebar (custom) */

.module_plugin .wrapT {
	background: transparent url(images/sbCustom.gif) no-repeat;
}






/* copyright */

#copyright {
}