@charset "utf-8";

/* 공통 요소 */
body {
  margin:0 auto; 
  padding:0; 
  color:#989898;
  font:15px, '맑은고딕', 'Malgun Gothic', NanumGothic, 나눔고딕, "돋움","Dotum";
  border-top:5px solid #151515;
  background:#222222 url(./images/bg54.png) repeat;               
}
a {
  color:#aaaaaa; 
  text-decoration:none;
}
a:hover {
  color:#618ffc;
}
img {
  border:0;
}
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;
}
.clear {
  clear:both;
}
.cnt {
  color:#b6aba5; 
  font-size:0.9em; 
  font-family:'맑은고딕', 'Malgun Gothic', NanumGothic, 나눔고딕, 'Georgia';
}

.cloud1 {
  font-size:1.2em;
  font-family:Georgia, '맑은고딕', 'Malgun Gothic';
  font-weight:bold;
} 
.cloud2 {
  font-size:1.1em;
  font-family:Georgia, '맑은고딕', 'Malgun Gothic';
  font-weight:normal;
} 
.cloud3 {
  font-size:1.05em;
  font-family:Georgia, '맑은고딕', 'Malgun Gothic';
  font-weight:bold;
}
.cloud4 {
  font-size:1.05em;
  font-family:Georgia, '맑은고딕', 'Malgun Gothic';
  font-weight:normal;
}
.cloud5 {
  font-size:1em;
  font-family:Georgia, '맑은고딕', 'Malgun Gothic';
  font-weight:normal;
} 
#base{
    background:transparent url(./images/.png) repeat-x left top;                         
}
#back{
    background:transparent url(./images/aback5.png) repeat left top;                         
}

/* 레이아웃 */
#wrap {
  width:1100px; 
  margin:0 auto; 
  overflow:hidden; 
  padding:0 0 0 0;
  background:url(./images/co_bg71.png) repeat-y center top;
}
#sidebar1 {
  float:right; 
  width:250px; 
  overflow:hidden; 
  margin:0; 
  padding:0 39px 0 0px;
  background:transparent;
}
#container {
  float:left; 
  overflow:hidden; 
  padding:0px 0px;
}
#content {
  width:700px; 
  overflow:hidden; 
  margin:0 0 0px 0; 
  padding:10px 0 0 45px;
}

/* 사이드 바 영역 */
.module {
  margin:30px 0 20px 0; 
  padding:0; 
  font:14px 'LexiSaebomRWeb', '맑은고딕', 'Malgun Gothic', NanumGothic, 나눔고딕;  
  word-spacing: 1px; 
  text-shadow: 1px 1px 0 #000000;
}
.module .module_inside {
  padding:0;
}
.module h3 {
  padding:0 0 0 0; 
  letter-spacing:-1px;
}
.module li { 
  padding:11px 0 16px 3px; 
  background:url(./images/s_border41.png) no-repeat center bottom;
}

.search {
  margin:15px 0 0px 0;
}
.search input {
  border:0px; 
  background: transparent url(./images/bg_search2.png) no-repeat 0 0;
}
.search input.input_search {
  width:250px; 
  height:20px; 
  color:#999999; 
  padding:9px 0px 8px 15px; 
  text-shadow: 1px 1px 0 #000;
}

/* 포스트 영역 */
.article {
  margin:5px 0 15px 0; 
  font:15px '맑은고딕', 'Malgun Gothic', NanumGothic, 나눔고딕; 
  color:#b4b4b4;
  text-shadow:1px 1px 0 #000000; 
  word-spacing: 1px; 
  line-height: 220%;
}
.article_info {
  padding:0 0 8px 0; 
  color:#808080; 
  font-family:Georgia; 
  font-weight:normal; 
  line-height: 220%;
}
.article_info .article_title {
  color:#cccccc; 
  font:18px '맑은고딕', 'Malgun Gothic';  
  font-weight:normal;
}
.article_info .article_title a {
  color:#cccccc; 
  font-family:'맑은고딕', 'Malgun Gothic';
}
.article_info .article_category {
  margin:0 7px 0 0; 
  color:#898989; 
  font:0.9em 'Georgia';
}
.article_info .article_date {
  color:#898989; 
  font:0.8em '맑은고딕', 'Malgun Gothic', 'Georgia';
}
.article_info .article_admin {
  color:#888; 
  font-size:11px;
}
.article_info .article_admin a {
  color:#888; 
  font-size:11px;
}
.article_info a:hover {
  color:#618ffc;
}

.article_desc {
  overflow:hidden; 
  padding:30px 0 0px 0; 
  margin:0 0 20px 0; 
  width:700px; 
  background:url(./images/s_border40.png) repeat-x left top;
}
.article_tag {
  padding:20px 0 40px 0; background:url(./images/s_border40.png) repeat-x left bottom;
}
.article_tag {
  color:#aaaaaa; 
  font:16px Georgia;
}
.article_tag a {
  color:#aaaaaa; 
  font:14px '맑은고딕', 'Malgun Gothic', NanumGothic, 나눔고딕;
}
.article_tag a:hover {
  color:#618ffc;
}

/* 포스트 내부 영역 */
.article_desc ul {
  padding:0 15px; 
  list-style-type:disc;
}
.article_desc ol {
  padding:0 22px 0 45px; 
  list-style-type:decimal;
}
.article_desc blockquote {
  padding:0px 0 0px 30px;
  color:#99a7a8; 
  background:url(./images/bg_blockquote2.png) no-repeat left top;
}
.article_desc .moreless_fold {
  padding:3px 0 0 23px; 
  color:#757575;
  background:url('./images/icon-more.png') no-repeat left center; 
}
.article_desc .moreless_top {
  padding:3px 0 0 23px; 
  color:#757575;
  background:url('./images/icon-less.png') no-repeat left center;
}
.article_desc .moreless_bottom {
  padding:3px 0 0 23px; 
  color:#757575;
  background:url('./images/icon-less.png') no-repeat left center;
}

/* 포스트 댓글 */
.article_reaction {
  padding:30px 0 35px 0; 
  font-size:0.85em;  
  text-transform:uppercase;
}
.article_reaction a {
  padding: 0px 0 0 22px; 
  color:#989898; 
  font-family:Georgia; 
  float:left; 
  background:url(./images/bubbles.png) no-repeat 0 7px;
}
.article_reaction a:hover {
  color:#618ffc;
}
.article_reaction .cnt {
  color:#74a4c1; 
  font-size:0.95em;
}
.article_reaction_desc {
  overflow:hidden; 
  width:700px; 
  font-family:'맑은고딕', 'Malgun Gothic'; 
  word-spacing: 1px; 
  line-height: 220%;
}
.article_reaction_desc h3 strong {
  color:#565656;
}
.article_reaction_desc h3 {
  padding:8px 0 70px 0; 
  color:#4b4b4b; 
  font-size:0.85em; 
  font-weight:normal;
}
.article_reaction_desc h3 a {
  color:#4b4b4b;
}
.article_reaction_desc h4 {
  color:#666; 
  font-size:1em; 
  font-weight:normal;
}
.article_reaction_desc h4 a {
  color:#5f4c29; 
  font-size:1em; 
  font-weight:normal;
}
.article_reaction_desc strong {
  padding:0 10px 0 0;
  color:#999999; 
  font:1.1em '맑은고딕', 'Malgun Gothic', Trebuchet MS; 
  font-weight:normal; 
}
.article_reaction_desc strong a {
  color:#b5e5f1; 
  font:1.1em '맑은고딕', 'Malgun Gothic'; 
  font-weight:normal;
}
.article_reaction_desc strong a:hover {
  color:#5891b0;
}
.article_reaction_desc li {
  margin:23px 0 0 0; 
  padding:30px 0 0 0; 
  background:url(./images/s_border40.png) repeat-x top left;
}
.article_reaction_desc li li {
  margin:23px 0 0 0;  
  padding:20px 0 0 55px; 
  background:url(./images/s_border41.png) no-repeat top right;
}
.article_reaction_desc p {
  margin:0;
  padding:0;
}
.article_reaction_desc .date {
  color:#989898;
  font-size:0.9em; 
}
.article_reaction_desc .article_btn {
  position:relative; 
  top:2px;
}
.article_reaction_desc .article_line {
  color:#414141;
}

/* 포스트 외 영역 */
.article_etc .article_info {
  padding:0 0 3px 0;
}
.article_etc .article_desc {
  padding:15px 0 0 0;
}

/* 보호글 영역 */
.article_protect .input_pass {
  width:140px; 
  height:17px; 
  border:1px solid #6b6a68;
  background:#373737; 
  font-size:1em;
}
.article_protect .input_img {
  vertical-align:middle;
}

/* 검색 페이지 */
.article_etc_search {
  background:url(./images/) no-repeat center top;
}
.article_etc_search h3 {
  margin:0 0 10px 0; 
  font-family:'맑은고딕', 'Malgun Gothic';
}
.article_etc_search .date {
  float:left;  
  margin:0 6px 0 0;
}
.article_etc_search .post {
  float:left; 
  width:500px;
}
.article_etc_search li {
  clear:left; 
  padding:10px 0 15px 0; 
  color:#aaaaaa; 
  background:url(./images/s_border41.png) repeat-x left bottom; 
  line-height:1.5em;
}
.article_etc_search li a {
  color:#bbbbbb;
}
.article_etc_search li a:hover {
  color:#618ffc;
}

/* 방명록 */
.article_etc_guest h3 {
  margin:0 0 35px 0; 
  padding:18px 0 12px 0;
  color:#999999; 
  font-family:'맑은고딕', 'Malgun Gothic'; 
  background:url(./images/index_contact2.png) no-repeat left top; 
}

/* 태그 페이지 */
.article_etc_tag h3{
    margin:0 0 0px 0; 
    padding:18px 0 12px 0;
    color:#929292; 
    font:17px '맑은고딕', 'Malgun Gothic';
    background:url(./images/index_key.png) no-repeat left top; 
}
.article_etc_tag li{
    display:inline; 
    margin:10px 5px 0 0;
}
.article_etc_tag li {
  display:inline; 
  margin:15px 5px 0 0;
}
.article_etc_tag li a:hover {
  color:#a69176;
}

/* 글쓰기 폼 영역 */
.article .article_guest_write {
  width:700px; 
  margin:-35px 0 0px 0; 
  padding:20px 0 0px 0; 
  font-family:Trebuchet MS, 'Georgia';
  font-size:0.85em;
  line-height:200%;
  background:url(./images/s_border40.png) repeat-x left top;
}
.article .article_guest_write p {
  clear:left; 
  margin:0; 
  padding:2px 0;
}
.article .article_guest_write .input_name label, .article .article_guest_write .input_pass label, .article .article_guest_write .input_home label {
  float:left; 
  width:400px;
  padding:0; 
  font-family:Trebuchet MS, 'Georgia'; 
  color:#999999;
}
.article .article_guest_write .input_name input, .article .article_guest_write .input_pass input,
.article .article_guest_write .input_home input { 
  width:400px; 
  height: 20px; 
  padding: 10px 10px 10px 10px; 
  margin:3px 0 6px 0; 
  border-top:1px solid #161616; 
  border-bottom:1px solid #303030; 
  border-left:1px solid #161616; 
  border-right:1px solid #303030; 
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -goog-ms-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px; 	
  -webkit-box-shadow: 1px 1px 3px #111;
  -moz-box-shadow: 1px 1px 3px #111;
  -goog-ms-box-shadow: 1px 1px 3px #111;
  box-shadow: 1px 1px 3px #111;  
  background:url(./images/anvas.png) repeat left top; 
  font-family:'Georgia'; 
  font-size:small; 
  color:#989898; 
  text-shadow: 1px 1px 0 #000;
}
.article .article_guest_write .input_secret {
  margin:5px 0 10px 5px; 
  font-family:'Georgia';
}
.article .article_guest_write .input_textarea {
  padding:5px 0 0 0; 
  width:685px;  
  text-align:center; 
}
.article .article_guest_write .input_textarea textarea { 
  width:670px; 
  height:170px; 
  padding:10px 10px 10px 10px; 
  border-top:1px solid #161616; 
  border-bottom:1px solid #303030; 
  border-left:1px solid #161616; 
  border-right:1px solid #303030; 
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -goog-ms-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px; 	
  -webkit-box-shadow: 1px 1px 3px #111;
  -moz-box-shadow: 1px 1px 3px #111;
  -goog-ms-box-shadow: 1px 1px 3px #111;
  box-shadow: 1px 1px 3px #111;  
  background:url(./images/anvas.png) repeat left top;
  font-family:'Georgia'; 
  font-size:small; 
  color:#bbbbbb; 
  text-shadow: 1px 1px 0 #000000;
}
.article .article_guest_write .input_submit {
  width:627px; 
  margin:-25px 0 10px 0; 
  text-align:left;
}
.bbcodeinfo {
  margin:18px 0 -5px 0; 
  padding:20px 0 0px 0;
  color:#989898; 
  font:12px Trebuchet MS, NanumGothic, 나눔고딕; 
  line-height:220%;
  background:url(./images/s_border41.png) repeat-x left top;
}
.bbcodeinfo a {
  color:#82cde6; 
  font:12px Trebuchet MS, NanumGothic, 나눔고딕;
}
.bbcodeinfo a:hover {
  color:#618ffc;
}
.bbcodeinf {
  margin:15px 0 0px 0; 
  color:#989898; 
  font:12px Trebuchet MS, NanumGothic, 나눔고딕; 
  line-height:220%;
  background:url(./images/s_border41.png) repeat-x left top;
}
.bbcodeinf a {
  color:#82cde6; 
  font:12px Trebuchet MS, NanumGothic, 나눔고딕;
}
.bbcodeinf a:hover {
  color:#618ffc;
}

/* 페이징 영역 */
#paging{
    width:1100px;
    text-align:center; 
    margin:0 auto;
    padding:15px 0 94px 0; 
    font:20px Trebuchet MS;  
    text-shadow:1px 1px 0 #000000;
    background:url(./images/bg_page3.png) no-repeat center; 
}
#paging .selected{
    font:26px Trebuchet MS;
    color:#618ffc;
}
#paging .numbox{ 
}
#paging a.num{ 
    color:#a5a5a5; 
    padding:0 10px 0 10px; 
}
#paging a:hover.num{
    color:#618ffc; 
}
#paging a.prev{
    display:block; 
    width:75px; 
    height:34px; 
    background:url(./images/button_new.png) no-repeat; 
    float:left; 
    margin:22px 0 0 30px;
}
#paging a.next{
    display:block; 
    width:62px; 
    height:34px; 
    background:url(./images/button_old.png) no-repeat; 
    float:right; 
    margin:22px 30px 0 0;
}
#paging a:hover.prev, #paging a:hover.next{ 
    background-position:0 -34px;
}

/* 그외 */
#canopy {
  width:654px; 
  height:350px; 
  margin:0 auto;
  background:url(./images/bg_head.png) no-repeat center bottom;
}
a.logo { 
  display:block; 
  position:absolute;
  width:429px; 
  height:67px; 
  margin:160px 0 0 110px; 
  background:transparent url(./images/blog_title.png) no-repeat 0 0;
} 
a:hover.logo { 
  background-position: 0 -67px;
}
.title {
  width:654px; 
  margin:0 auto;
}
.title a.home { 
  display: block; 
  float:left; 
  height:36px; 
  width:82px; 
  margin:240px 0 0 85px; 
  background:transparent url(./images/bg_home.png) no-repeat 0 0; 
} 
.title a:hover.home { 
  background-position: 0 -36px; 
}
.title a.list { 
  display: block; 
  float:left; 
  height:36px; 
  width:90px; 
  margin:240px 0 0 20px; 
  background:transparent url(./images/bg_list10.png) no-repeat 0 0; 
} 
.title a:hover.list { 
  background-position: 0 -36px; 
}
.title a.tagol { 
  display:block; 
  float:left; 
  height:36px; 
  width:59px; 
  margin:240px 0 0 20px; 
  background:transparent url(./images/bg_tag10.png) no-repeat 0 0; 
} 
.title a:hover.tagol { 
  background-position: 0 -36px; 
}
.title a.guest { 
  display:block; 
  float:left; 
  height:36px; 
  width: 95px; 
  margin:240px 0 0 20px; 
  background:transparent url(./images/bg_contact10.png) no-repeat 0 0; 
} 
.title a:hover.guest { 
  background-position: 0 -36px; 
}
.title a.admin { 
  display:block; 
  float:left; 
  height:36px; 
  width:85px; 
  margin:240px 0 0 15px; 
  background: transparent url(./images/bg_gate10.png) no-repeat 0 0; 
} 
.title a:hover.admin { 
  background-position: 0 -36px; 
}
#cap {
  width:1100px; 
  height:100px; 
  margin:0 auto;
  background:transparent url(./images/cap_top71.png) no-repeat center bottom;
}
#bonopy {
  width:1100px; 
  height:19px;
  margin:0 auto; 
  background:transparent url(./images/co_bo72.png) no-repeat center top;
}
#bomei {
  width:100%; 
  height:50px; 
  margin:0px 0 0 0;
  border-bottom:0px solid #303030; 
  background:transparent url(./images/.png) repeat-x left bottom;
}
#copyline {
  width:100%; 
  padding:100px 0 110px 0;
	margin:50px 0 0 0;
  border-top:1px solid #282828; 
  border-bottom:0px solid #202020; 
  background:url(./images/s_bg4.png) repeat left top;
  -webkit-box-shadow: 0px -10px 30px #090909;
  -moz-box-shadow: 0px -10px 30px #090909;
	-goog-ms-box-shadow: 0px -10px 30px #090909;
  box-shadow: 0px -10px 30px #090909; 
}
.naro {
  width:1030px; 
  margin:0 auto; 
  color:#969696; 
  font:14px Georgia, '맑은고딕', 'Malgun Gothic'; 
  word-spacing:3px; 
  text-shadow: 1px 1px 0px #000000; 
  line-height:210%;
}
.naro a {
  color:#969696;
}
.naro a:hover {
  color:#618ffc;
}
.naro .cnt {
  font:13px Georgia;
  color:#8a8987; 
}
#download {
  width:100%; 
  height:400px; 
  border-top:0px solid #454545;  
  background:url(./images/bg_browser10.png) repeat-x left top;
}
.setup {
  width:1030px; 
  margin:0 auto;
}
.setup a.chrome { 
  display:block; 
  width:190px; 
  height:192px; 
  background:url(./images/chrome6.png) no-repeat; 
  float:left; 
  margin:142px 0 0 0px; 
}
.setup a:hover.chrome { 
  background-position:0 -192px;
}
.setup a.fox { 
  display:block; 
  width:198px; 
  height:198px; 
  background:url(./images/firefox5.png) no-repeat; 
  float:left; 
  margin:143px 0px 0 23px; 
}
.setup a:hover.fox { 
  background-position:0 -198px;
}
.setup a.safari { 
  display:block; 
  width:188px; 
  height:205px; 
  background:url(./images/safari8.png) no-repeat; 
  float:left; 
  margin:132px 0px 0 21px; 
}
.setup a:hover.safari { 
  background-position:0 -205px;
}
.setup a.opera { 
  display:block; 
  width:158px; 
  height:194px; 
  background:url(./images/opera10.png) no-repeat; 
  float:left; 
  margin:145px 0px 0 24px; 
}
.setup a:hover.opera { 
  background-position:0 -194px;
}
.setup a.explorer { 
  display:block; 
  width:218px; 
  height:227px; 
  background:url(./images/explorer5.png) no-repeat; 
  float:left; 
  margin:132px 0px 0 10px; 
}
.setup a:hover.explorer { 
  background-position:0 -227px;
}
.setup a.anchorbutton { 
  display:block; 
  width:144px; 
  height:48px; 
  background:url(./images/ahead_up.pn) no-repeat; 
  float:left; 
  margin:15px 0 0 480px; 
}
.setup a:hover.anchorbutto { 
  background-position:0 -48px;
}
#inner {
  width:100%;  
  padding:20px 0 50px 0;
  border-bottom:4px solid #1a1a1a;
  background:url(./images/bg_inners.png) repeat-x left top;
}
.nara {
  width:1030px;
  margin:0 auto;
  color:#898989; 
  font:14px Georgia, '맑은고딕', 'Malgun Gothic'; 
  word-spacing:3px; 
  text-shadow:1px 1px 0px #000000; 
  line-height:210%;
}
.nara a {
  color:#cccccc;
}
.nara a:hover {
  color:#618ffc;
}
.tistory {
  color:#FF6600;
}
.daum1	{
  color:#618ffc;
}
.daum2	{
  color:#adc900;
}
.daum3	{
  color:#febc00;
}
.daum4	{
  color:#f2685e;
}
.daum5	{
  color:#a69176;
}

/* BBCode 도우미 버튼들 */
.emoticonborder { 
  width:679px; 
  height:85px; 
  border-top:1px solid #161616; 
  border-bottom:1px solid #303030; 
  border-left:1px solid #161616; 
  border-right:1px solid #303030; 
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -goog-ms-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px; 	
  -webkit-box-shadow: 1px 1px 3px #111;
  -moz-box-shadow: 1px 1px 3px #111;
	-goog-ms-box-shadow: 1px 1px 3px #111;
  box-shadow: 1px 1px 3px #111; 
  background:url(./images/anvas.png) repeat left top;  
  padding:15px 0px 20px 12px; 
  margin:8px 0 10px 0;
}
.emoticons { 
  cursor:pointer; 
  float:left; 
  margin:2px 5px 1px 5px;
}
.emoticonusage { 
  cursor:pointer; 
  float:right; 
}
a.rollover img { 
  border-width:0px; 
  display:block; 
}
a.rollover img.rollover { 
  display:none; 
}
a.rollover:hover { 
  position:relative; 
  background-color:transparent !important;
}
a.rollover:hover img { 
  display:none; 
}
a.rollover:hover img.rollover { 
  display:block; 
} 
.absent_post { 
    text-shadow:1px 1px 0 #000;
    background:url(./images/error7.png) no-repeat center top !important; padding:880px 0 0 0 !important;  
}
/* 티스토리 툴바 */
#tistorytoolbarid {
  display:none
}