/*---------------------------------------------------------------
테그정의
---------------------------------------------------------------*/
/* Block */
/* Inline을 담을 수 있는 태그: */
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.13em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/* Block만 담을 수 있는 태그: */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;
	font-family: arial,"굴림", Gulim, dotum, "돋움", sans-serif;
}
bloclquote {}

/* Block과 Inline을 모두 담을 수 있는 태그: */
div {margin: 0;padding: 0;}
p {margin: 0;padding: 0;}
	
/* Inline */

/* 단어 경계로 취급해야할 태그: */
a:link, a:visited {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
img {border: 0 none; margin:0; padding:0;}
	
/* table */
table {border-collapse: collapse;}
td {margin: 0;padding: 0;}
th {margin: 0;padding: 0;}


/* iframe */
iframe {
	border: none;
	background-color: transparent;
}
/* form */
legend {display:none;}
form {margin: 0;padding: 0;}

input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: 1em;
	color: #5c5d58;
}
select {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	color: #5c5d58;
	font-family: dotum;
}
select:hover {background-color: #fff;}
select:active {background-color: #fff;}

textarea {
	vertical-align: middle;
	font-size: 12px;
	color: #5c5d58;
	border: 1px solid #aeaeae;
	background: #fff;
}
textarea:hover {background-color: #fff;}
textarea:focus {background-color: #fff;}

/*---------------------------------------------------------------
필수 class
---------------------------------------------------------------*/
.type-radio {border: 0 none;}
.type-checkbox {border: 0 none;}
.type-image {border: 0 none;}
.type-button {}
.type-submit {}
.type-reset {}

.type-text {
	border: 1px solid #aeaeae;
	background: #fff;
}
.type-text:hover {background-color: #fff;}
.type-text:focus {background-color: #fff;}

.type-password {}
.type-password:hover {}
.type-password:focus {}

.type-file {}
.type-file:hover {}
.type-file:focus {}

span.button,
img.button,
a.button {
	cursor: pointer;
	vertical-align: middle;
}
/*---------------------------------------------------------------
마크업에 기존class가 있는경우 더해서 사용하는 css 모음
(사용자가 더할 수 있습니다. 속성_값,방식으로 만듬)
---------------------------------------------------------------*/
.hiddenTitle {
	display:none;
}
.border_none {border:none !important;}
.font-weight_bold {font-weight:bold !important;}
.text-align_center{text-align:center !important;}
.display_none {display:none;}
.padding-top_0 {padding-top:0}
.padding-top_10 {padding-top:10px !important;}
.margin-bottom_0 {margin-bottom:0}
.display_none {display:none;}
.display_block {display:block;}
.Letterspacing_0 {letter-spacing:0;}
.background_no {background: none !important;}
.border_no {border:none !important;}
.position_relative {position:relative;}
.position_absolute {position:absolute;}
.width_1em {width:1em;}
.width_2em {width:2em;}
.width_3em {width:3em;}
.width_4em {width:4em;}
.width_5em {width:5em;}
.width_6em {width:6em;}
.width_7em {width:7em;}
.width_8em {width:8em;}
.width_9em {width:9em;}
.width_10em {width:10em;}
.width_11em {width:11em;}
.width_12em {width:12em;}
.width_13em {width:13em;}
.width_14em {width:14em;}
.width_15em {width:15em;}
.width_16em {width:16em;}
.width_17em {width:17em;}
.width_18em {width:18em;}
.width_19em {width:19em;}
.width_20em {width:20em;}
.width_21em {width:21em;}
.float-left {float:left;}
.float-right {float:right;}
/*---------------------------------------------------------------
숨기는 제목(css가 꺼진 상태에서 보여진다.)
---------------------------------------------------------------*/

#todaysTip h2,
#globalNavigation h2,
#search h2,
#editorBar h2,
#flags h2,
#version h2,
#footer h2,
#backlinks h2,
#pagination h2,
#noteList h2,
#commandButtons h2 {
	display:none;
}

.inputTheme_button_gray ,
.inputTheme_button {
	color:#fff;
	margin-top:-2px;
	padding:2px 0px 0px 0px;
	border-width:1px;
	border-style:solid;
	outline-width:1px;
	outline-style:dashed;
	font-size:1em;
}
/* safari only */
html:\66irst-child .inputTheme_button_gray ,
html:\66irst-child .inputTheme_button {
	margin-top:-4px;
	padding:3px 3px 2px 3px;
}
/* end */
.inputTheme_button {
	outline-color:#fff;
	background-repeat: repeat-x;
	background-position: left top;
}
.inputTheme_button_gray {
	border-color:#838383;
	outline-color:#fff;
	background:#838383 url(/images/bg/buttonBg_gray.gif) repeat-x left top;
}
a.aTheme_button ,
a.aTheme_button_gray {
	color:#fff;
	padding:4px 3px 2px 3px !important;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	white-space:nowrap;
	border-width:1px;
	border-style:solid;
	line-height:2em;
	font-size:1em;
}
a.aTheme_button {
	background-repeat: repeat-x;
	background-position: left top;	
}
a.aTheme_button_gray {
	border-color:#838383;
	background:#838383 url(/images/bg/buttonBg_gray.gif) repeat-x left top;
}



/* CommonButton style */
#bodys a.common-button,
#body a.common-button,
body a.common-button {
	background-position: 0 0;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	padding: 4px 5px 1px 6px;
	text-decoration: none;
	color: #fff !important;
}
#bodys a.gray-button,
#body a.gray-button,
body a.gray-button {
	color: #fff;
	border-color: #838383;
	background-color: #838383;
	background-image: url(/images/bg/buttonBg_gray.gif);
}

/* Roundbutton Style */
div.RoundButton {
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	margin: 0 0 0 4px;
	overflow: hidden;
	position: relative;
}
div.RoundButton div {
	background-repeat: no-repeat;
}
div.RI1 {
	background-position:left top;
	float: left;
}
div.RI2 {
	float: left;
	background-position:right top;
}
div.RI3 {
	float: left;
	background-position:left bottom;
}
div.RI4 {
	float: left;
	background-position:right bottom;
	overflow:hidden;
	position:relative;
	text-align:center;
}
div.RoundButton a {
	background: transparent none repeat ;
	border: none !important;
	color: #993333 !important;
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none !important;
	float: left;
	padding: 5px 9px 4px 10px !important;
}

/* gray Round button */
div.style-gray {
	background-color: #838383;
	background-image: url(/images/button/gray/bg.gif);
}
div.style-gray div.RI1 { background-image: url(/images/button/gray/bg1.gif); }
div.style-gray div.RI2 { background-image: url(/images/button/gray/bg2.gif); }
div.style-gray div.RI3 { background-image: url(/images/button/gray/bg3.gif); }
div.style-gray div.RI4 { background-image: url(/images/button/gray/bg4.gif); }


/* light gray Round button */
div.style-lightgray {
	background-color: #5e83d6;
	background-image: url(/images/button/lightgray/bg.gif);
}
div.style-lightgray div.RI1 { background-image: url(/images/button/lightgray/bg1.gif); }
div.style-lightgray div.RI2 { background-image: url(/images/button/lightgray/bg2.gif); }
div.style-lightgray div.RI3 { background-image: url(/images/button/lightgray/bg3.gif); }
div.style-lightgray div.RI4 { background-image: url(/images/button/lightgray/bg4.gif); }

/* white gray Round button */
div.style-whitegray {
	background-color: #5e83d6;
	background-image: url(/images/button/whitegray/bg.gif);
}
div.style-whitegray div.RI1 { background-image: url(/images/button/whitegray/bg1.gif); }
div.style-whitegray div.RI2 { background-image: url(/images/button/whitegray/bg2.gif); }
div.style-whitegray div.RI3 { background-image: url(/images/button/whitegray/bg3.gif); }
div.style-whitegray div.RI4 { background-image: url(/images/button/whitegray/bg4.gif); }
body#bodys div.style-whitegray a {
	color: #666 !important;
}


/* style-etc01 Round button */
#attachFile div.style-etc01 a {
	padding: 4px 5px !important;
	/padding: 4px 5px 3px !important;
	/*color: #6489d9 !important;*/
}
body#bodys.lang_en_ #attachFile div.style-etc01 a {
	padding: 3px 5px 3px 5px !important;
}

/* style-etc01-11 Round button */
#attachFile div.style-etc01-11 a {
	padding: 3px 6px 1px 5px !important;
	/*color: #6489d9 !important;*/
}
body#bodys.lang_en_ #attachFile div.style-etc01-11 a {
	padding: 2px 6px 1px 5px !important;
}
/* style-etc01-11-disable Round button */
#attachFile div.style-etc01-11-disable a {
	padding: 3px 6px 1px 5px !important;
	/*color: #b1c4ec !important;*/
	cursor: default;
}
body#bodys.lang_en_ #attachFile div.style-etc01-11-disable a {
	padding: 2px 6px 1px 5px !important;	
}

/* light-blue-large round button in share and public dialog */
div.style-lightblue-large a {
	padding: 8px 27px 9px 32px !important;
	font-weight: bold !important;
}

/* light-blue large2 round button in share and public dialog */
#bodys div.style-lightblue-large2 a {
	padding: 21px 0 20px 0 !important;
	width: 89px !important;
	font-weight: bold !important;
	font-size: 14px;
}
/* light gray small Round button */
div.style-lightgray-small {
	background-color: #a2a3a3;
	background-image: url(/images/button/lightgray_small/bg.gif);
}
div.style-lightgray-small div.RI1 { background-image: url(/images/button/lightgray_small/bg1.gif); }
div.style-lightgray-small div.RI2 { background-image: url(/images/button/lightgray_small/bg2.gif); }
div.style-lightgray-small div.RI3 { background-image: url(/images/button/lightgray_small/bg3.gif); }
div.style-lightgray-small div.RI4 { background-image: url(/images/button/lightgray_small/bg4.gif); }
div.style-lightgray-small a {
	padding: 3px 3px 1px 2px !important;
	/padding-right: 2px !important;
	line-height: 12px !important;
	_line-height: 7px !important;
}
*+html div.style-lightgray-small a {
	position: relative;
	bottom: 1px;
	line-height: 7px !important;
}


/* Button in GroupMember Dialog */
div.style-lightgray-small2 {
	background-color: #a2a3a3;
	background-image: url(/images/button/lightgray_small2/bg.gif);
}
div.style-lightgray-small2 div.RI1 { background-image: url(/images/button/lightgray_small2/bg1.gif); }
div.style-lightgray-small2 div.RI2 { background-image: url(/images/button/lightgray_small2/bg2.gif); }
div.style-lightgray-small2 div.RI3 { background-image: url(/images/button/lightgray_small2/bg3.gif); }
div.style-lightgray-small2 div.RI4 { background-image: url(/images/button/lightgray_small2/bg4.gif); }
body#bodys div.style-lightgray-small2 a {
	color: #666 !important;
	padding: 8px 8px 4px !important;
	/padding: 7px 8px 5px !important;
	line-height: 12px !important;
}
body#bodys.lang_en_ div.style-lightgray-small2 a {
	padding: 6px 8px 6px !important;
}

/* Button in GroupMember Dialog */
div.style-lightgray-small3 {
	background-color: #a2a3a3;
	background-image: url(/images/button/lightgray_small3/bg.gif);
}
div.style-lightgray-small3 div.RI1 { background-image: url(/images/button/lightgray_small3/bg1.gif); }
div.style-lightgray-small3 div.RI2 { background-image: url(/images/button/lightgray_small3/bg2.gif); }
div.style-lightgray-small3 div.RI3 { background-image: url(/images/button/lightgray_small3/bg3.gif); }
div.style-lightgray-small3 div.RI4 { background-image: url(/images/button/lightgray_small3/bg4.gif); }
body#bodys div.style-lightgray-small3 a {
	font-weight: bold !important;
	color: #666 !important;
	padding: 6px 8px 4px !important;
	_padding: 7px 8px 3px !important;
	line-height: 12px !important;
}
body#bodys.lang_en_ div.style-lightgray-small3 a {
	/padding: 7px 8px 5px !important;
	font-size: 11px !important;
}
/* Delete Note or Account button */
body.secessonBody .aTheme_button,
body.secessonBody .inputTheme_button{
	color: #fff;
	border-color: #3e7fb5;
	background-color: #3e7fb5;
	background-image: url(/images/bg/buttonBg_blue.gif);
}

/* Button in profile */
div.style-rnd-ccc {
	background-color: #a2a3a3;
	background-image: url(/images/button/rnd_ccc/bg.gif);
	margin: 0 !important;
}
div.style-rnd-ccc div.RI1 { background-image: url(/images/button/rnd_ccc/bg1.gif); }
div.style-rnd-ccc div.RI2 { background-image: url(/images/button/rnd_ccc/bg2.gif); }
div.style-rnd-ccc div.RI3 { background-image: url(/images/button/rnd_ccc/bg3.gif); }
div.style-rnd-ccc div.RI4 { background-image: url(/images/button/rnd_ccc/bg4.gif); }
body#bodys div.upload-pic div.style-rnd-ccc a {
	background: url(/images/button/rnd_ccc/anchor.gif) no-repeat 5px 7px;
	font-weight: normal !important;
	color: #666 !important;
	padding: 4px 5px 2px 17px !important;
	/padding: 3px 5px 2px 17px !important;
	font-family: dotum !important;
	font-size: 11px !important;
}
body#bodys.lang_en_ div.upload-pic div.style-rnd-ccc a {
	/padding: 2px 8px 2px 17px !important;
}

/* tooltipBox */
#tooltipBox {
	position: absolute;
	display: none;
	z-index: 1;
	width: 257px;
}
body.lang_en_ #tooltipBox {
	width: 240px;
}
#tooltipBox .tootip-bg {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 63px;
	background: url(/images/bg/tooltip_bg.gif) no-repeat 0 0;
}
#tooltipBox .tootip-content {
	margin-top: 9px;
	border: 1px solid #517cd0;
	background-color: #ffffd5;
	color: #333;
	padding: 4px 6px;
}
body.lang_en_ #tooltipBox .tootip-content {
	padding-top: 1px;
}
body#bodys.lang_ko_ .font-variation {
	font-family: dotum !important;
	font-size: 11px !important;
	letter-spacing: -1px !important;
}
body#bodys.lang_en_ .font-variation {
	font-family: Arial !important;
	font-size: 12px !important;
	letter-spacing: 0 !important;
}