/*
 * ` layout
 */
/* Adaptive Layout */
#adaptive {
	width: 100%;
	position: absolute;
	top: -500px;
	left: 0;
	height: 50px;
	padding: 0;
	overflow: hidden;
	background: red;
}
#adaptive.layout-800 div.tape-measure {
	width: 78em;
	background: yellow;
	height: 4px;
}
#adaptive.layout-1280 div.tape-measure {
	width: 103em;
	background: yellow;
	height: 4px;
}

/* pager */
div.pager {
	font-family: verdana;
	font-size: 0.75em;
	color: #787878;
	letter-spacing: 4px;
	text-align: center;
	margin-top: 26px;
}
div.pager span.num {
	vertical-align: middle;
}
div.pager span.num .current {
	font-weight: bold;
}
div.pager a.prev {
	margin-right: 2px;
}
div.pager a.next {
	margin-left: -2px;
}

/* default list form */
ul.default-list-form {
	margin: 6px 0 0;
	padding: 18px 20px 15px;
	list-style: none;
	border: 5px solid #EBEBEB;
}
ul.default-list-form li {
	margin-top: 3px;
	padding-left: 10px;
	background: url(/images/recruit/icon01.gif) no-repeat 0 40%;
}
ul.default-list-form li.first-child {
	margin-top: 0;
}
ul.default-list-form li img.new {
	margin-left: 5px;
}
ul.default-list-form li span.date {
	color: #659AD0;
	padding-right: 15px;
}
/*날자가 오래되어 span 삭제(recruit)*/
body.recruit ul.default-list-form li span.date {
	display: none;
}

/* default list form variation */
ul.default-list-form#openmaru-event span.date{
	width: 8.333em;
	display: block;
	float: left;
}



/* layout */
html,
body {
	height: 100%;
}
#openmaru {
	height: 100%;
}
#head {
	position: relative;
	height: 6.416em;
	z-index: 2;
	background: #686868 url(/images/share/head_bg.gif) repeat-x bottom;
	padding-left: 50px;
	padding-right: 50px;
}
#head div.wrapper {
	position: relative;
	width: 70.833em;
	margin: 0 auto;
}
#head * {
	margin: 0;
	padding: 0;
}
#head h1 {
	position: absolute;
	font-size: 1.5em;
	top: 1.85em;
	left: 0;
	z-index: 11;
}
#head h1 img {
	width: 8.777em;
	color: #C4C4C4;
	font-weight: bold;
}
#head #language {
	height: 6.416em;
	background: #686868 url(/images/share/head_bg.gif) repeat-x bottom;
}
#head #language ul {
	position: absolute;
	top: 0.6em;
	right: 2em;
	font-family: verdana;
	font-size: 0.833em;
	z-index: 99;
	list-style: none;
	background: #505050 url(/images/share/language_bg.gif) repeat-x;
}
#head #language li {
	background-color: #343434;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #323232;
	display: none;
}
#head #language li a {
	padding: 0.25em 0.4em;
	color: #AEAEAE;
	text-decoration: none;
	display: block;
	width: 7em;
	line-height: 1em;
}
#head #language li.first-child {
	background: transparent;
	display: block;
}
#head #language li.first-child a {
	padding: 0.2em 0.4em;
	border-top: 1px solid #7C7C7C;
	border-bottom: 1px solid #191818;
	background: url(/images/share/language_arrow.gif) no-repeat right top;
}
#head noscript {
	position: absolute;
	top: 0.5em;
	left: 67em;
	z-index: 99;
}
#head #search {
	position: absolute;
	top: 11.25em;
	left: 52.916em;
}
#head #search input.type-text {
	padding: 0.166em 0 0.20em;
	width: 11.916em;
	border: 1px solid #C2C2C2;
}
#head #search input.type-image {
	height: 1.75em;
}
#head ul#top-navigation {
	position: absolute;
	top: 2.75em;
	right: 1.666em;
	list-style: none;
	z-index: 98;
}
#head ul#top-navigation li {
	float: left;
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 26px;
}
#head ul#top-navigation li.on {
	background: url(/images/share/menu_bg.gif) no-repeat 10px 0 ;
}
/*#head ul#top-navigation li.on {
	background: url(/images/share/menu_bg.gif) no-repeat 0 top;
	padding-left: 16px;
}
#head ul#top-navigation li.on img {
	color: #fff;
}*/
#head ul#top-navigation li img {
	height: 1.083em;
	color: #659AD0;
	font-weight: bold;
}
#head ul#sitemenu {
	position: absolute;
	top: 1.111em;
	/*
	right: 8em;
	*/
	top: 1.111em;
	right: 7.222em;
	z-index: 99;
	list-style: none;
	font-family: verdana;
	font-size: 0.75em;
	line-height: 1em;
	width: 20.555em;
}
#head ul#sitemenu li {
	float: left;
	padding: 0 1.555em;
	background: none;
}
#head ul#sitemenu li a {
	color: #AEAEAE;
}
#head ul#sitemenu li.last-child {
	background: url(/images/share/site_menu_bg.gif) no-repeat left 0.166em;
}
#head div#lab {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2.833em 0 2.416em;
	background: #757475 url(/images/share/head_bg.gif) repeat-x bottom;
	width:100%;
	text-align: right;
}
#head div#lab img {
	height: 2.75em;
	color: #AEAEAE;
	margin-right: 1.666em;
}
#body-wrapper {
	position: relative;
	width: 70.833em;
	margin: -11.833em auto 0;
	height: 100%;
	padding-left: 50px;
	padding-right: 50px;
}
#body {
	min-height: 100%;
	margin-left: 51.25em;
	background-color: #F3F3F3;
	width: 19.583em;
}
#content-area {
	padding-top: 11.833em;
	width: 70.840em;
	overflow: hidden;
	margin-left: -51.25em;
	position: relative;
}
#content-layout {
	float: left;
	width: 49.583em;
	overflow: hidden;
	margin: 2.5em 1.666em 0 0;
}
#content-layout h2.title {
	margin: 0;
	padding: 0;
	font-size: 1.333em;
	border-bottom: 2px solid #2F2F2F;
}
#content-layout h2 img {
	height: 1.937em;
}
#content-layout ul#table-of-content {
	margin: 0.833em 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
#content-layout ul#table-of-content li {
	float: left;
	padding: 0 1em 0;
	background: url(/images/share/table_of_content_bar.gif) no-repeat 100% 40%;
}
#content-layout ul#table-of-content li a {
	color: #787878;
}
#content-layout ul#table-of-content li.on a {
	font-weight: bold;
	color: #383837;
}
#content-layout ul#table-of-content li.first-child {
	padding-left: 0;
}
#content-layout ul#table-of-content li.last-child {
	background-image: none;
}
#content-layout #content {
	clear: both;
	margin-top: 3.333em;
	padding-bottom: 5.166em;
}

/* sub */
#sub {
	position: relative;
	float: left;
	width: 16.25em;
	overflow: hidden;
	padding: 7.166em 1.666em 5.166em;
}
#sub div.section {
	margin-bottom: 1.5em;
	width: 100%;
	overflow: hidden;
}
#sub * {
	clear: both;
}
#sub h3 {
	clear: none;
	float: left;
	font-size: 1em;
	margin: 0 0 0.666em;
	padding: 0;
	color: #000;
}
#sub h3 img {
	height: auto;
}
#sub #notice {
	position: relative;
}
#sub #notice h3 {
	margin: 0;
	padding: 0;
}
#sub #notice h3 img {
	position: relative;
	height: 1.916em;
}
#sub #notice p {
	position: absolute;
	top: -0.636em;
	left: 4.727em;
	font-size: 0.916em;
	word-spacing: -2px;
}
#sub h4 {
	margin: 0 0 0.333em;
	padding: 0;
	font-size: 1em;
	line-height: 1.333em;
}
#sub p.rss {
	clear: none;
	float: left;
	font-size: 1em;
	margin: 0;
	padding: 0 0 0 0.416em !important;
}
#sub p.rss img {
	width: 0.916em;
	margin-top: 0.083em;
}
#sub div.photo {
	padding-top: 2px;
}
#sub div.photo img {
	width: 16.083em;
	margin-bottom: 0.666em;
	border: 1px solid #B7B7B7;
}
#sub div.section p {
	margin: 0;
	padding: 0;
	font-size: 0.916em;
	line-height: 1.166em;
}
#sub ul.list {
	width: 100%;
	overflow: hidden;
}
#sub ul.list li {
	padding-bottom: 1px;
	line-height: 1.25em;
	width: 300px;
	overflow: hidden;
}
#sub ul.list li span {
	display: block;
	clear: none;
	float: left;
	margin-right: 5px;
	color: #ADADAD;
}
#sub ul.overflowtext li {
	width: 96%;
}
#sub ul.overflowtext li a {
	display: block;
	width: 100%;
	height: 1.3em;
	overflow: hidden;
}
#sub div.section#recentpost li a {
	float: left;
}
#sub div.section#recentpost li span.cnt {
	float: left;
	padding-left: 5px;
	clear: none;
}
#sub div.section#recentpost li span.cnt span {
	color: #659AD0;
}

/* blog sub */
#category ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#category li {
	width: 100%;
	padding: 0 0 0 17px;
	line-height: 1.333em;
	background: url(/skin/tistory/images/category_icon01.gif) no-repeat 0 1px;
}
#category ul ul {
	margin-left: -12px;
}
#category li li {
	margin-top: -8px;
	padding: 10px 0 0 26px;
	background: url(/skin/tistory/images/category_icon02.gif) no-repeat 0 1px;
}
#category li li.first-child {
	margin-top: 0 !important;
}

#tag ul.list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
#tag li {
	display: inline;
	background-image: none;
	padding: 0;
	line-height: 1.5em !important;
}
#tag a.cloud1 {color: #f5623d;  font-weight: bold; }
#tag a.cloud2 {color: #5a5194;  font-weight: bold; }
#tag a.cloud3 {font-weight: bold; }
#tag a.cloud4 {color: #8d8d8d;}
#tag a.cloud5 {color: #9d9d9d;}


/* calender */
table.tt-calendar caption a img {
	padding-bottom: 2px;
}
#calender h3 {
	margin-bottom: 0
}
#calender table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
}
#calender table caption {
	font-size: 0.833em;
	font-family: verdana;
	font-weight: bold;
	margin-bottom: 6px;
}
#calender table thead th {
	font-weight: bold;
}
/* 달력 일요일 표시(th 영역) */
#calender table thead th.cal_week2 {
	color:#F5623D;
}
/* 달력 Day(td 영역) */

#calender table td {
	font-size: 0.833em;
	padding: 0;
}
#calender table td,
#calender table td a {
	color: #8D8D8D;
	font-family: verdana;
}
/* 달력 글쓴 날 링크 스타일 */
#calender table td a.cal_click {
	font-weight: bold;
}
/* 달력 지난 달 날짜1, 다음 달 날짜2 표시 */
#calender table td.cal_day1,
#calender table td.cal_day2 {
	color: #CCC;
}
/* 달력 오늘 날짜 표시(td) */
#calender table td.cal_day4 {
	color: #000;
	font-weight: bold;
}

#counter {
	position: relative;
	width: 100%;
	font-family: verdana;
	background-color: #fff;
	border: 1px solid #E0E0E0;
}
#counter ul {
	margin: 0;
	padding: 0.5em 1.166em;
	list-style: none;
}
#counter li {
	font-weight: bold;
	font-size: 0.833em;
	line-height: 1.083em;
}
#counter li span {
	float: left;
	width: 4.272em;
	font-weight: normal;
	font-family: verdana;
}
#counter div.admin {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.75em;
	padding: 0.583em 0 0.916em;
	text-align: center;
	border-left: 1px solid #E0E0E0;
}
#counter div.admin img {
	width: 0.75em;
}

#rss {
	margin-top: -9px;
	text-align: center;
}
#rss img {
	height: 1.166em;
}



#foot {
	position: relative;
	margin: 0 auto;
	height: 4.083em;
	width: 100%;
	background-color: #fff;
}
#foot #notice {
	position: absolute;
	top: 0.666em;
	left: 51.25em;
	width: 19.583em;
	height: 1.333em;
	overflow: hidden;
}
#foot #notice h3 {
	margin: 0 0.666em 0 0;
	padding: 0;
	font-size: 1em;
	float: left;
}
#foot #notice h3 img {
	height: 0.75em;
}
#foot #notice ul {
	position: absolute;
	top: 0px;
	left:  60px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 12.083em;
	overflow: hidden;
}
#foot #notice li {
	font-size: 0.916em;
	width: 27em;
}
#foot #notice div.btn {
	float: right;
}
#foot #copyright {
	border-top: 1px solid #BEBEBE;
	margin: 0;
	padding: 0.833em 0 0;
	color: #9B9B9B;
	font-family: tahoma;
	font-size: 0.916em;
}
#foot #copyright a {
	font-weight: bold;
	color: #9B9B9B;
}

/* Blog variation */
body.blog #content-layout h2.title {
	border-bottom: none;
}
body.blog #content-layout #content {
	margin-top: 0;
}


/* default list form */
#content p.page-explain {
	margin: 0;
	padding: 0 0 2.5em;
}
#content p.page-explain img {
	height: 2.333em;
}
#content p.friends-service-info img {
	height: 3.75em;
	margin-left: 14.166em
}
dl.default-list {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
dl.default-list dt {
	float: left;
	width: 14em;
	margin: 0;
	padding: 0;
}
dl.default-list dt img {
	height: 4em;
}
dl.default-list dt.lifepod img {
	height: 4.416em;
}
dl.default-list dd {
	margin: 0;
	padding: 0;
	float: left;
	width: 35.583em;
	margin-bottom: 51px !important;
}
dl.default-list dd p {
	margin: 0;
	padding: 0;
	padding-bottom: 2px !important;
}
dl.default-list dd p em {
	color: #558dbd;
	font-style: normal;
}
dl.default-list ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 13px !important;
}
dl.default-list ul li {
	padding: 0 0 4px 12px !important;
	line-height: 1.333em;
	background: url(/images/services/list_bg.gif) no-repeat 1px 5px;
}
dl.default-list ul li a {
	color: #659AD0;
	padding-left: 8px !important;
}


/* layout-800 */
body.layout-800 #head div.wrapper {
	width: 50.75em;
}
body.layout-800 #head #search {
	width: 17.166em;
	position: absolute;
	top: 9.184em;
	left: 33.216em;
}
body.layout-800 #body-wrapper {
	width: 50.75em;
}
body.layout-800 #body {
	margin: 0;
	background-color: #fff;
	width: 0;
}
body.layout-800 #content-area {
	margin-left: 0;
	width: 50.75em;
	padding-right: 0px;
	overflow: visible;
}
body.layout-800 #content-layout {
	margin-right: 0px !important;
}
body.layout-800 #sub {
	background-color: #F5F5F5;
	width: 49.583em;
	padding: 1.666em 20px;
	margin: 0 0 0 -20px ;
	position: relative;
	border-bottom: 1px solid #BEBEBE;
}
body.layout-800 #sub * {
	clear: none;
}
body.layout-800 #sub div.section {
	width: 15.2em;
	float: left;
	margin-right: 1.666em;
}
body.layout-800 #sub div.section * {
	clear: both;
}
body.layout-800 #sub div.section#category,
body.layout-800 #sub div.section#tag,
body.layout-800 #sub div.section#recentpost {
	height: 11.666em;
}

body.layout-800 #sub div.section#recent-lemonpen-memo,
body.layout-800 #sub div.section#recenttrackback,
body.layout-800 #sub div.section#recentcomment {
	height: 16em;
}
body.layout-800 #sub #recentcomment {
	margin-right: 0;
}

body.layout-800 #sub div.section#recentpost {
	margin-right: 0;
}
body.layout-800 #sub div.section#recentevent {
	margin-right: 0;
}
body.layout-800 #sub div.section#recentcomment li a,
body.layout-800 #sub div.section#recentcomment li span {
	clear: none;
	display: inline;
	float: none;
}
body.layout-800 #sub div.section#calender,
body.layout-800 #sub div.section#counter,
body.layout-800 #sub div.section#rss {
	clear: both;
}
body.layout-800 #foot {
	clear: both;
}
body.layout-800 #foot p#copyright {
	width: 100%;
	border: none;
}

/* layout-1280 */
body.layout-1280 #head {
	padding: 0 5em;
}
body.layout-1280 #head h1 {
	left: 7px;
}
body.layout-1280 #head #search {
	width: 17.166em;
	position: absolute;
	top: 11.1em;
	left: 58.666em;
}
body.layout-1280 #head div.wrapper {
	width: 94.166em;
}
body.layout-1280 #body-wrapper {
	width: 94.166em;
	padding: 0 5em;
}
body.layout-1280 #body {
	margin-left: 57.083em;
	width: 37.5em;
}
body.layout-1280 #body #content-area {
	margin-left: -56.5em;
	width: 94.166em;
}
body.layout-1280 #body #content-layout {
	width: 54.75em;
}
body.layout-1280 #body #sub {
	width: 36em;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}
body.layout-1280 #body #sub div.section {
	float: left;
	clear: none;
	width: 16.166em;
	padding-left: 1.666em;
	margin-bottom: 0px;
}
body.layout-1280 #body #sub #category,
body.layout-1280 #body #sub #tag {
	height: 13.249em;
}
body.layout-1280 #body #sub #recentpost,
body.layout-1280 #body #sub #recenttrackback {
	height: 12em;
}
body.layout-1280 #body #sub #recentcomment,
body.layout-1280 #body #sub #recentevent {
	height: 16.583em;
}
body.layout-1280 #body #sub #calender {
	_padding-top: 13px;
}
body.layout-1280 #body #sub #calender h3 {
	padding-bottom: 5px;
}
body.layout-1280 #body #sub #counter {
	_margin-top: 13px;
	padding-left: 0px;
	margin-left: 1.666em;
}
body.layout-1280 #body #sub #rss {
	margin-top: 10px;
}


body div.body-wrapper {
	width: 70.84em !important;
}
body.layout-1280 div.body-wrapper {
	width: 94.166em !important;
}
body.layout-800 div.body-wrapper {
	width: 50.75em !important;
}

#recent-lemonpen-memo {
	height: 16em !important;
}
#recent-lemonpen-memo .lemonpen-date  h3 img {
	height: auto !important;
}
#recent-lemonpen-memo a.lemonpen-name,
#recent-lemonpen-memo a.lemonpen-permalink {
	display:inline !important;
}
#recent-lemonpen-memo .lemonpen-date {
	display:inline !important;
	float:none !important;
}