@charset "utf-8";

/* 공통 요소 */
body {margin: 0; padding: 0; font: small/1.3em "돋움","Dotum"; }
#basecolor { position: absolute; width:100%; height:170px; 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(250,223,197,1)), color-stop(0.8, rgba(55,155,155,0.3)),  to(rgba(55,155,155,0)));
background: -moz-linear-gradient(top, rgba(250,223,197,1) 0%, rgba(55,155,155,0.3) 80%, rgba(55,155,155,0) 100% );
background: -o-linear-gradient(top, rgba(250,223,197,1) 0%, rgba(55,155,155,0.3) 80%, rgba(55,155,155,0) 100% );
background: -ms-linear-gradient(top, rgba(250,223,197,1) 0%, rgba(55,155,155,0.3) 80%, rgba(55,155,155,0) 100% ); 
background: linear-gradient(top, rgba(250,223,197,1) 0%, rgba(55,155,155,0.3) 80%, rgba(55,155,155,0) 100% ); }
a {text-decoration: none; }
a:hover {text-decoration: underline; }
img {border: 0; vertical-align:middle;}
hr {display: none; }
input {vertical-align: middle; }
ul, ol {margin: 0; padding: 0; list-style: none; }
li, dl, dt, dd {margin: 0; padding: 0; }
h1, h2, h3, h4 {margin: 0; padding: 0; line-height: 1em; }
.clear {clear: both; }
.count {font-size: 11px; }

/* 태그 클라우드 */
#sidebar .cloud1, .cloud1:hover {color:#9ea8b8; background:#3d4147; font-size: 1.3em; font-weight:bold;}
#sidebar .cloud2, .cloud2:hover {color:#9ea8b8; background:#3d4147; font-size: 1.3em; }
#sidebar .cloud3, .cloud3:hover {color:#9ea8b8; font-size: 1.2em; font-weight:bold;}
#sidebar .cloud4, .cloud4:hover {color:#9ea8b8; font-size: 1em; font-weight:bold;}
#sidebar .cloud5, .cloud5:hover {color:#9ea8b8; font-size: 1em; }

.tag .cloud1, .cloud1:hover {color:#5e5e5e; background:#ecf0f7; font-size: 1.3em; font-weight:bold;}
.tag .cloud2, .cloud2:hover {color:#5e5e5e; background:#ecf0f7; font-size: 1.3em; }
.tag .cloud3, .cloud3:hover {color:#5e5e5e; font-size: 1.2em;}
.tag .cloud4, .cloud4:hover {color:#5e5e5e; font-size: 1em; font-weight:bold;}
.tag .cloud5, .cloud5:hover {color:#5e5e5e; font-size: 1em; }
/* 포스트 내부 요소 */
.imageblock img {padding:4px 15px 15px 15px;}
.ib .click img	{vertical-align:baseline !important;}
.article_post ul {padding: 0 15px; list-style-type: disc; }
.article_post ol {padding: 0 15px 0 45px; list-style-type: decimal; }
.article_post blockquote {padding: 10px 0 10px 19px; background: url('./images/icon_quote.gif') no-repeat 0 9px; color: #868686; }
.article_post blockquote a {color: #868686; }
.article_post .moreless_fold {padding-left: 18px; background: url('./images/btn_more.gif') no-repeat 0 50%; color: #5d5d5d; }
.article_post .moreless_top {padding-left: 18px; background: url('./images/btn_less.gif') no-repeat 0 50%; color: #5d5d5d; }
.article_post .moreless_bottom {padding-left: 18px; background: url('./images/btn_less.gif') no-repeat 0 50%; color: #5d5d5d; }
.article_post h1,
.article_post h2,
.article_post h3,
.article_post h4,
.article_post h5,
.article_post h6 {padding:10px 0; line-height:1.1em;}

/* 카테고리 */
.branch3 {cursor: pointer; }
.c_cnt {color:#11abdf; font-size: 11px; font-family:Tahoma, Verdana, 돋움, sans-serif;}

/* 달력 월 표시 */
.cal_month {font-size: 11px; font-weight:bold; font-family:Tahoma, Verdana, 돋움, sans-serif;}
/* 달력 요일 표시(th 영역) */
.cal_week1 {font-weight: bold;; font-size: 12px; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 {color:#11abdf; font-weight: bold; font-size: 12px; }
/* 달력 Week(tr 영역)  */
.cal_week {}
.cal_current_week {}
/* 달력 Day(td 영역) */
.cal_day {text-align: center; font-size: 11px; font-family:Tahoma, Verdana, 돋움, sans-serif;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday,
.cal_day_sunday a {color:#11abdf;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 {}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 {}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 {background:#3d4147; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {font-weight: bold; text-decoration:underline;}
a.cal_click:visited {font-weight: bold; text-decoration:underline;}
a.cal_click:hover {font-weight: bold; text-decoration:underline;}

canvas{ position: absolute; margin-top:130px;}

/* 페이징 */
.paging {width:934px; margin:0 auto; padding:0 0 60px 0; background:#ffffff; text-align: center; font-size: 0.85em; text-transform: uppercase; }
.paging a {color:#666666; margin:0 7px 0 0;}
.paging .selected {color:#666666; text-decoration:underline; font-weight:bold;}
.paging .paging_img {}

/* 레이아웃 */
#wrap	{width:100%;}
#header_1								{position:relative; width:100%; height:auto; background:#ffffff;}
#sidebar								{margin: 0 auto; width:800px; height:200px; background-color:#ffffff;}
.sidebar_wrap							{width:100%; height:50px; padding:-5px 0 0 0; margin:0 auto; }
#container								{width:100%; background:#ffffff float:left; }
#content								{width:934px; padding-top:0; margin: 0 auto; color:#666666;}
.posting								{clear:both; margin:0 0 51px 0; padding:0 0 2px 0; border-bottom:#93c0c4 solid 1px; }
.article								{clear:both; width:590px; float:left; margin:20px 0 0 0; padding:0 22px 0 0;  }
#content_guest							{margin-top:40px; float:right; width:301px; overflow:hidden;}
#footer									{clear:both; background:#fff;}

/* 헤더 영역 */
.blog_info	{ position: absolute; width:100%; padding:0px 0px 0px 0px; margin: 100px auto;}
.module_search							{position:absolute; bottom:8px; left:764px;}

.module_intro							{ position: absolute; width:100%; height:auto; overflow:hidden; padding:0; margin:0; background:transparent;}
.blog_info .blog_img					{height:36px; width:40px; float:left; border:#aeaeae 1px solid; margin:0 8px 0 0;}
.blog_info .intro_txt	{width:100%; overflow:hidden; float:left; padding:15px 0 0 0;
-webkit-animation: move2 1.5s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
-moz-animation: move2 1.5s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
-ms-animation: move2 1.5s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
-o-animation: move2 1.5s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
animation: move2 1.5s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);}
.blog_info .title,
.blog_info .title a {color:#fff; font-size:1.5em; font-family:돋움; font-weight:bold; line-height:1.5em; text-align: center;}
.blog_info .blog_description {color:#7a7380; font-size:0.85em;}
.blog_info .blogger {color:#7a7f80; font-size:0.85em; font-weight:bold;}

.blog_info .menu {padding:9px 0 0 0; margin:0;}
.blog_info .menu li {float:left; color:#908475; font-size:0.85em; font-family:Tahoma; margin:0 17px 0 0;}
.blog_info .menu li a {padding:0 0 0 15px; background:url("images/icon_menu.gif") 0 50% no-repeat; color:#6e737d;}
.blog_info .menu li a:hover {padding:0 0 0 15px; background:url("images/icon_menu_over.gif") 0 50% no-repeat; color:#c9d4e8; text-decoration:none;}
.blog_info .menu .f_none				{float:none;}
.module_search .input_box				{width:200px; padding:0 0 3px 0; height:19px; background:url("images/bg_input.gif") no-repeat top left;}
.module_search .input_box .input_search		{width:134px; height:12px; margin:3px 10px 1px 10px; background:#6e737d; border:none; color:#9aa3b4; font-size:11px; font-family:돋움;}


/* 사이드바 영역 */
.sidebar_wrap .module					{float:left; width:200px; _margin:0 -3px 0 0; padding:5px 45px 0 10px; color:#9ea8b8;}
.sidebar_wrap .module a					{color:#9ea8b8;}

.sidebar_wrap .module_comment .author_date		{margin:-1px 0 1px 0; display:block; color:#747b87; font-size:0.85em;}

.sidebar1, .sidebar2, .sidebar3, .sidebar4	{padding:5px 20px 0 50px ; width:100%; float:left; }
.sidebar4 {padding-right:0;}
.module h3								{color:#b9c4d7; font-family:Verdana, Tahoma, 돋움, sans-serif; font-size:1em; text-align: center;}
.module .contents						{padding:12px 0 0 0;}
.module .contents .count				{color:#11abdf; font-size:0.85em;}

.module_tag .contents li				{display:inline; padding:0 10px 0 0;}
.open_close						{margin: 0 auto; display:none;}
			
#sidebar_open { width: 100%; height: 0px; margin: 0 auto; padding: 200px 0 20px 0;  }
#openbtn{ position: relative; width: 750px; height: 20px; margin: -12px auto; border-top: 0px solid #000; -webkit-animation: move 1s 0s infinite alternate cubic-bezier(.4, .4, .22, .4);
 -moz-animation: move 1s 0s infinite alternate cubic-bezier(.4, .4, .22, .4);
 -o-animation: move 1s 0s infinite alternate cubic-bezier(.4, .4, .22, .4);
 -ms-animation: move 1s 0s infinite alternate cubic-bezier(.4, .4, .22, .4);
 animation: move 1s 0s infinite alternate cubic-bezier(.4, .4, .22, .4);}
#openbtn h3 { position: absolute; font-size:9px; color: #fff; margin-left:35px; 
-webkit-transform:rotate(-20deg);
-webkit-animation: move 1s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
-moz-transform:rotate(-20deg);
-moz-animation: move 1s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
-o-transform:rotate(-20deg);
-o-animation: move 1s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
-ms-transform:rotate(-20deg);
-ms-animation: move 1s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);
transform:rotate(-20deg);
animation: move 1s 0s infinite alternate cubic-bezier(.2, .4, .22, 0);}

#op, #cl{ width:30px;height:60px; border-radius: 40px 40px 0 0; background-color:#fff;padding:1px; margin:-85px 0 0 0; cursor:pointer;  
}
@-webkit-keyframes move {
	from { -webkit-transform:  translateY(0px) rotate(-1deg);}
	to { -webkit-transform:  translateY(1px) rotate(2deg);}
 }
@-moz-keyframes move {
	from { -moz-transform:  translateY(0px) rotate(-1deg);}
	to { -moz-transform:  translateY(1px) rotate(2deg);}
 }
@-o-keyframes move {
	from { -o-transform:  translateY(0px) rotate(-1deg);}
	to { -o-transform:  translateY(1px) rotate(2deg);}
 }
@-ms-keyframes move {
	from { -ms-transform:  translateY(0px) rotate(-1deg);}
	to { -ms-transform:  translateY(1px) rotate(2deg);}
 }
@keyframes move {
	from { transform:  translateY(0px) rotate(-1deg);}
	to { transform:  translateY(1px) rotate(2deg);}
 }
@-webkit-keyframes move2 {
	from { -webkit-transform:  translateY(0px) rotate(-0.5deg);}
	to { -webkit-transform:  translateY(4px) rotate(0deg);}
 }
@-moz-keyframes move2 {
	from { -moz-transform:  translateY(0px) rotate(-0.5deg);}
	to { -moz-transform:  translateY(4px) rotate(0deg);}
 }
@-o-keyframes move2 {
	from { -o-transform:  translateY(0px) rotate(-0.5deg);}
	to { -o-transform:  translateY(4px) rotate(0deg);}
 }
@-ms-keyframes move2 {
	from { -ms-transform:  translateY(0px) rotate(-0.5deg);}
	to { -ms-transform:  translateY(4px) rotate(0deg);}
 }
@keyframes move2 {
	from { -moz-transform:  translateY(0px) rotate(-0.5deg);}
	to { -moz-transform:  translateY(4px) rotate(0deg);}
 }
#cl{display:none;}
/* content 영역 */

.article .article_head .title			{padding:0 0 4px 0px; border-bottom:#96a4b8 1px solid; line-height:1.3em; color:#2c3344; font-size:1.2em; font-family:돋움; }
.article .article_head .title a			{color:#2c3344;}
.article .article_head .article_info	{padding:5px 0 0 0; color:#5f5f5f; font-size:0.85em;}
.article .article_head .article_info .separate	{color:#bdbdbd;}
.article .article_head .article_info a	{color:#5f5f5f;}
.article .article_head .article_admin	{margin:-2px 0 0 0; color:#bdbdbd; font-size:0.85em;}
.article .article_head .article_admin a	{color:#bdbdbd;}

.article .article_post					{width:590px; overflow:hidden; padding:16px 0 0 0; color:#5e5e5e; font-family:돋움; font-size:1em;}
.article .article_post a				{color:#5e5e5e;}

.article .article_author				{padding:29px 0 0 0; text-align:right; font-size:0.85em;}

.article .article_tag					{padding:7px 0 0; color:#5e5e5e;}
.article .article_tag img				{margin-right:5px;}
.article .article_tag a					{color:#5e5e5e;}


.posting .go_top						{clear:both; height:13px; padding:21px 0 0 0; background:#ffffff; overflow:hidden; text-align:right;}

/* article_guest 영역 */
#content_guest .article_guest			{font-family:Tahoma;}
#content_guest .article_guest a					{color:#484848; display:block; height:22px; float:left;}
#content_guest .article_guest .guest_comment		{padding-left:2px; margin:0 2px 0 0; }
#content_guest .article_guest .guest_trackback	{ padding-left:25px; }
#content_guest .article_guest .count	{color:#3a61b8; font-weight:bold;}

#content_guest .article_action	{width:300px; overflow:hidden; text-overflow:ellipsis; padding:7px 0 0;}
#content_guest .article_action .article_action_tbadd	{color:#666666; font-size:1em;}

#content_guest .article_action .article_write	{padding:0 0 16px 0;}
#content_guest .article_action input	{height:14px; width:240px; padding:0; background:none; border:none; color:#828282; font-size:11px; font-family:돋움;}
#content_guest .article_action .secret input	{width:12px;}
#content_guest .article_action .name,
#content_guest .article_action .pass,
#content_guest .article_action .home	{height:18px; padding:0 0 2px 0; overflow:hidden; width:300px; color:#5f5f5f; border-bottom:#e5e5e5 1px solid; font-family:Tahoma; font-size:11px;}
#content_guest .article_action .secret	{height:20px; padding:3px 0 0 0; font-family:Tahoma; font-size:11px;}
#content_guest .article_action textarea	{width:294px; height:35px; background:#f3f3f3; border:#e5e5e5 1px solid; color:#828282; font-size:12px; font-family:돋움;}
#content_guest .article_action .submit	{text-align:right; }
#content_guest .article_action .submit input	{width:23px; height:21px;}

#content_guest .article_action .reply li	{padding:10px 0; border-top:#e2e2e2 1px dashed;}
#content_guest .article_action .reply li .author,
#content_guest .article_action .reply li .author a	{color:#6a6a6a;}
#content_guest .article_action .reply li .date	{color:#6a6a6a; font-size:0.85em;}
#content_guest .article_action .reply li .description	{padding:5px 0 10px 0; margin:0; color:#5f5f5f; font-size:0.85em; line-height:1.4em;}
#content_guest .article_action .reply li .description a	{color:#5f5f5f;}
#content_guest .article_action .reply li ul li	{padding:0 0 0 21px; background:url("images/icon_comment_li.gif") no-repeat 9px 3px; border:none;}

#content_guest .article_action .article_action_tbadd	{margin:19px 0 14px 0; padding:8px; background:#ffffff; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; color:#797979; font-size:0.85em;}
#content_guest .article_action .article_action_tbadd .separate,
#content_guest .article_action .article_action_tbadd .address	{font-weight:normal;}
#content_guest .article_action .trackback		{padding:0 0 20px 0;}
#content_guest .article_action .trackback .subject,
#content_guest .article_action .trackback .subject a	{color:#6a6a6a; font-size:1em;}
#content_guest .article_action .trackback .author,
#content_guest .article_action .trackback .date	{color:#6a6a6a; font-size:0.85em;}
#content_guest .article_action .trackback .separate	{font-size:0.85em; color:#c1c0c0;}
#content_guest .article_action .trackback p		{margin:0 0 20px 0; padding:4px 0 6px 0; border-bottom:#d0cfc6 1px dashed; color:#5f5f5f; font-size:0.85em; line-height:1.4em;}
#content_guest .article_action .trackback p a	{color:#5f5f5f;}



/* footer */

.footer_container					{width:100%; padding:0 0 0 5px;}
.footer_left						{float:left;}
.footer_right						{float:right; text-align:right; color:#666666; font-family:Tahoma; font-size:0.85em;}
.footer_right a						{color:#666666;}
.footer_left .module_counter,
.footer_left .module_banner,
.footer_left .module_counter li		{float:left;}
.footer_left .module_counter .f_none	{float:none;}
.footer_left .module_banner a { margin-right:5px;}

.footer_left .module_counter		{font-family:Tahoma; font-size:12px;}
.footer_left .module_counter .title	{color:#666666;}
.footer_left .module_counter .hit	{color:#484848; font-weight:bold;}
.footer_left .module_counter .separate	{color:#c1c0c0; margin:0 3px 0 0;}

.footer_left .module_banner			{margin-top:-2px; height:20px; padding:0 0 0 12px;}
.footer_left .module_banner .rss	{margin-top:2px; padding:0 0 0 1px;}

.footer_right .separate				{color:#c1c0c0;}


/* article_etc 영역 공통 */
.article_etc .article_head .title	{padding:12px 0 0 12px; no-repeat 0 3px; line-height:1.3em; color:#2c3344; font-size:1.2em; clear:both;}
.article_etc .article_head .title a	{color:#2c3344;}
.article_etc .article_head			{padding:0 0 3px 0;}

/* 검색 */
.search .article_post				{padding:2px 0 0 0; margin:0 0 48px 0;}
.search .article_post li			{padding:5px 0; color:#5f5f5f; border-bottom:#e2e8f2 dashed 1px;}
.search .article_post li a			{color:#5f5f5f;}
.search .article_post li .date		{font-size:0.85em;}
.search .article_post li .title		{padding:0 0 0 4px;}


/* 보호글 */
.protect .article_post				{padding:16px 0 39px 0;}
.protect .article_post div			{color:#5f5f5f;}
.protect .article_post .protect_input		{width:152px; height:15px; border:#e5e5e5 1px solid; background:#f3f3f3; color:#949494; font-size:12px;}

/* 태그 */
.tag .article_post					{padding:20px 15px 40px 15px;}
.tag .article_post li				{display:inline; line-height:1.6em; margin:0 3px 0 0;}

/* 지역로그 */
.location .article_post				{padding:10px 25px 40px 30px;}
.location .article_post .spot		{background:url("images/icon_location_spot.gif") no-repeat 0 8px; padding:6px 14px 3px 14px; border-bottom:#e2e8f2 1px dashed; color:#666666;}
.location .article_post .spot_img	{padding:0px;}
.location .article_post .post		{padding:6px 12px 3px 12px; background:url("images/icon_location_post.gif") no-repeat 0 11px;}
.location .article_post .post a		{color:#8691a8;}

/* 방명록 */
.guest .article_action				{padding:6px 30px 3px;}
.guest .article_action .textarea { text-align:center; }
.guest .article_action input		{height:16px; width:240px; padding:6px 0 0 0; background:none; border:none; color:#949494; font-size:12px; font-family:돋움;}
.guest .article_action .secret input	{width:12px;}
.guest .article_action .name,
.guest .article_action .pass,
.guest .article_action .home		{height:21px; padding:2px 0 4px 0; overflow:hidden; width:875px; color:#5f5f5f; border-bottom:#e5e5e5 1px solid; font-family:Tahoma; font-size:11px;}
.guest .article_action .secret		{height:21px; padding:3px 0 2px 0; font-family:Tahoma; font-size:11px; color:#5f5f5f;}
.guest .article_action textarea		{width:875px; height:118px; background:#f3f3f3; border:#e5e5e5 1px solid; color:#5f5f5f; font-size:12px; font-family:돋움;}
.guest .article_action .submit		{padding:11px 0 0 0; text-align:center;}
.guest .article_action .submit input	{width:223px; height:19px;}

.guest .article_action_reply		{ padding:0 30px 78px 30px;}
.guest .article_action_reply .reply li	{padding:26px 0 4px 0; border-bottom:#d0cfc6 1px dashed; width:880px; overflow:hidden;}
.guest .article_action_reply .reply li img	{margin:0 0 0 2px;}
.guest .article_action_reply .reply li .author,
.guest .article_action_reply .reply li .author a	{color:#6a6a6a;}
.guest .article_action_reply .reply li .date	{margin:0 2px 0 8px; color:#6a6a6a; font-size:0.85em;}
.guest .article_action_reply .reply li .description	{padding:7px 0 9px 0; margin:0; color:#5f5f5f; font-size:1em; line-height:1.3em;}
.guest .article_action_reply .reply li .description a	{color:#5f5f5f;}
.guest .article_action_reply .reply li ul li	{width:869px !important; padding:0 0 0 21px; background:url("images/icon_comment_li.gif") no-repeat 9px 4px; border:none;}

/* IE 버그 */
*:first-child+html .open_close			{margin:-1px 0 0 0;}
* html .open_close				{margin:-1px 0 0 0;}

*:first-child+html .module_search .input_box .input_btn	{position:relative; left:-2px; top:-2px;}
* html .module_search .input_box .input_btn	{position:relative; left:-2px; top:-2px;}
* html .sidebar_wrap .module_comment .contents li	{margin:0 0 -15px 0;}
* html #content_guest .article_action .name,
* html #content_guest .article_action .pass,
* html #content_guest .article_action .home	{height:18px; padding:0 0 4px 0; margin:-2px 0 0 0;}
*:first-child+html #content_guest .article_action .name,
*:first-child+html #content_guest .article_action .pass,
*:first-child+html #content_guest .article_action .home	{height:18px; padding:0 0 4px 0; margin:-2px 0 0 0;}

*:first-child+html .posting .go_top	{margin:0 !important;}
* html .posting .go_top	{margin:0 !important;}

* html .ib	{height:18px;}
*:first-child+html	.ib	{height:18px;}