@charset "utf-8";

body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:12px; color:#141414; }

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }
.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}
.lh { line-height: 150%; }
.jt { text-align:justify; }
.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }
.ul { list-style-type:square; color:#66AEAD; }
.ct { font-family: Verdana, 굴림; color:#141414; } 
.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 
.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.tbl {border:solid 1px #AAA; border-collapse:collapse;}
.tbl td {border:solid 1px #AAA;}
.tbl_pad td {padding:2px 10px;}
.red {color:#F00;}
.blue {color:#00F;}
.green {color:#0F0;}
.pale {color:#AAA;}
.interval {line-height:1.6;}

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

form { display: inline; border: 0; }
img { border: 0; }

html { height: 100%; }
body { height: 100%; text-align: left; }

#container { text-align: left; margin-left: 10px; width: 970px; }
/*
#sites { background: #fafafa; padding: 3px 6px; border-bottom: 1px solid #e9e9e9; }
#sites a:link, #sites a:visited, #sites a:active { font-weight: bold; font-size: 8pt; }
*/
span.sec { font-family: dotum; font-size: 9px; letter-spacing: -1px; }

#header { padding: 10px 0 5px; }
/*
#links { background: #81b022; padding: 3px 6px; border: 2px solid #638620; }
#links a:link, #links a:visited, #links a:active { font-weight: bold; font-size: 8pt; color: white; }
*/
#leftnav a { display: block; padding: 2px 8px; font-size: 13px; color: #444444; }
#leftnav .subtitle { background-image: url(http://cafeimgs.naver.com/style/s05_02/menu-bg-tit.gif); background-repeat: no-repeat; height: 31px; }
#leftnav .subtitle a { font-weight: bold; padding: 8px; }
#leftnav .subtitle_1st { background-image: url(http://cafeimgs.naver.com/style/s05_02/menu-bg-tit.gif); background-repeat: no-repeat; height: 27px; background-position: bottom left; }
#leftnav .subtitle_1st a { font-weight: bold; padding: 4px 8px 8px; }
#leftnav .submenu { margin: 10px 5px; padding: 2px 4px; }
#leftnav .submenu a { font-size: 12px; }

#topnav { background: url(../orb_img/common/top_nav_middle.gif) repeat-x; height: 33px; }
#topnavleft { float: left; background: url(../orb_img/common/top_nav_left.gif) no-repeat; width: 4px; height: 33px; }

#topnavcontent { float: left; }
#topnavcontent a { float: left; font-size: 13px; padding: 10px 15px; font-weight: bold; font-family: '돋움', 'Verdana'; color: #666666; }
#topnavcontent a:hover { color: #6685cf; text-decoration: none; }

.topnavsmallsec { float: left; font-size: 1px; width: 1px; height: 33px; background: url(../orb_img/common/top_nav_smallsec.gif) no-repeat; }

#topnavsec { float: right; font-size: 1px; width: 2px; height: 33px; background: url(../orb_img/common/top_nav_sec.gif) no-repeat; }

#topnavsearch { float: right; }
#topnavsearch input[type=text] { float: left; font-size: 11px; font-family: '돋움', 'Verdana'; color: #666666; margin: 7px; padding: 3px; border: 1px solid #cdcdcd; }
#topnavsearch input[type=submit] { float: left; font-size: 0; width: 0; height: 0; visibility: hidden; }

#topnavright { float: right; background: url(../orb_img/common/top_nav_right.gif) no-repeat; width: 4px; height: 33px; }

.box_w171_top { background-image: url(../orb_img/common/menu-bg-t.gif); background-repeat: no-repeat; background-position: bottom left; height: 6px; font-size: 6px; }
.box_w171_middle { background-image: url(../orb_img/common/menu-bg-m.gif); padding-bottom: 5px; padding-top: 0px; }
.box_w171_bottom { background-image: url(../orb_img/common/menu-bg-b.gif); background-repeat: no-repeat; height: 5px; font-size: 5px; }

#body #preface { border: 3px solid #e9e9e9; padding: 10px 20px; font-size: 14px; line-height: 15pt; font-family: 'Century Gothic','굴림';}

#body { width: 970px; }

#left { float: left; width: 171px; overflow-x: hidden; }
#content { float: left; margin-left: 9px; width: 790px; overflow-x: hidden; }

#maintitle { line-height: 160%; border: 1px solid #d4d4d4; padding: 5px 10px; margin-bottom: 10px; }
#maintitle h1 { font-family: '맑은 고딕', '돋움', 'Verdana'; font-size: 20px; line-height: 24px; margin: 0; padding: 0; }

.graybox { line-height: 160%; border: 1px solid #d4d4d4; padding: 5px 10px; margin-bottom: 10px; }
.graybox h2 { font-family: '맑은 고딕', '돋움', 'Verdana'; font-size: 20px; line-height: 24px; margin: 0; padding: 0; }

#footer { padding: 20px 0; text-align: center; font-size: 11px; }
#footer a:link, #footer a:visited, #footer a:active { font-weight: bold; }



div.macpagination { margin-top: 10px; text-align: center; }
div.macpagination a.selected { color: #4d619b; font-weight: bold; text-decoration: underline; }
div.macpagination a { color: #777777; }

/* 투표 창 */
div#poll { border: 3px solid rgb(233, 233, 233); padding: 10px 6px; text-align: left; }
div#poll p { margin:2px 0px;}

/* 게시판 관련 */
#writeContents {line-height:1.6;}
.board_header {font-size:15pt; font-family:"맑은 고딕","돋움"; font-weight:700;}

/* 일반적으로 쓰는 테두리 */
.ms_border { border:3px solid #e9e9e9; padding:3px 6px; }
.ms_header { font-size:22px; font-weight:700; font-family:"맑은 고딕","돋움"; }