/*html 기본설정*/
@charset "utf-8";

body {
	background-color: #FFF;
	*word-break: break-all;
	-ms-word-break: break-all;
}


img, fieldset, iframe { border:0 none; }
/*
label, button { cursor:pointer; }
a { color:#201e18; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
*/
html,body { height: 100%; }
body,p,td,input,form,textarea,center,pre,blockquote,select,option {font-size:9pt;font-family:굴림;color:#000; padding:0; margin:0;}

p {line-height:130%;}

img {border: none; border:0px none; -ms-interpolation-mode: bicubic; }
table .list{table-layout:fixed;}

/*
a,area {blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style:none;}
*/


a:link, a:visited, a:active { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }


.textarea {border:1px solid #eee; font-size:9pt;color:#666;background-color:white;}
.input {border:1px solid #DDD; font-size:9pt; padding:3px 3px 2px 3px;}
.submit {border:1px solid #eee; font-size:9pt;background-color:white;height:21px}
/*.button {border:1px solid #eee; font-size:9pt;color:#666;background-color:white;height:21px}*/
.required{  background:url(./js/wrest.gif) no-repeat right top; }
.input_style{background:url(../img/input_style.png) top left repeat-x; border:1px solid #DEDEDE; height:14px; padding:3px 0 0 0; }

/*기본설정들. 간단하게 가져다가 class로 붙여넣는곳*/

/*마우스 커서*/
.cDefault{cursor:default;}
.hand {cursor: pointer;}
.cWait {cursor: wait;}
.cSresize {cursor: s-resize;}


/*폰트 사이즈*/
.fSize7 {font-size:7pt;}
.fSize8 {font-size:8pt;}
.fSize9 {font-size:9pt;}
.fSize10 {font-size:10pt;}
.fSize11 {font-size:11pt;}
.fSize12 {font-size:12pt;}

/*폰트 스타일*/
.fStyle1 {font-family:dotum, "돋움"; color:#000;}
.fStyle2{font-family: tahoma, Arial, Helvetica, Verdana, sans-serif;}
.letterSpacing{letter-spacing:-1px;}

.fBlack{color:#000;}
.fWhite{color:#FFF;}
.fGray{color:#808080;}
.fColor1{color:#ff4500;}
.fColor2{color:#32cd32;}
.fColor3{color:#00bfFf;}
.fColor4{color:#FFFF00;}

/*폰트 이펙트*/
.bold {font-weight:bold;}
.normal {font-weight:normal ;}
.italic {font-style:italic;}

/*정렬방법*/
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.top{vertical-align: text-top;}
.meddle{vertical-align: middle;}
.bottom {vertical-align: text-bottom;}

.hidden{display:none;}

.hand{ cursor:pointer }

/*icon 이미지 불러오기*/
.icon {background:url(../img/default.png) top left no-repeat; padding-left:20px; text-align:left; display:inline-block; height:16px; font-family:dotum,돋움,굴림; font-size:8pt; padding-top:0; border:0; color:#333;}
.ihome{background-position:-0px -0px}
.ikey{background-position:-0px -25px}
.ilock{background-position:-0px -50px}
.ialert{background-position:-0px -75px}
.ipen{background-position:-0px -100px}
.idocument{background-position:-0px -125px}
.icopy{background-position:-0px -150px}
.icheck{background-position:-0px -175px}
.iballoon{background-position:-0px -200px}
.iman{background-position:-0px -225px}
.iright{background-position:-0px -250px}
.ibottom1{background-position:-0px -275px}
.ileft1{background-position:-0px -300px}
.itop1{background-position:-0px -325px}
.iright2{background-position:-0px -350px}
.ileft2{background-position:-0px -375px}
.itop2{background-position:-0px -400px}
.istop{background-position:-0px -425px}
.iplay{background-position:-0px -450px}
.ipause{background-position:-0px -475px}
.ilast{background-position:-0px -500px}
.ifirst{background-position:-0px -525px}
.itree{background-position:-0px -550px}
.ireturn{background-position:-0px -575px}
.igraph{background-position:-0px -600px}
.ichart{background-position:-0px -625px}
.iclip{background-position:-0px -650px}
.ifolder{background-position:-0px -675px}
.ifolder2{background-position:-0px -700px}
.imail{background-position:-0px -725px}
.imusic{background-position:-0px -750px}
.iheadphone{background-position:-0px -775px}
.icart{background-position:-0px -800px}
.iphone{background-position:-0px -825px}
.imovie{background-position:-0px -850px}
.icalendar{background-position:-0px -875px}
.iskull{background-position:-0px -900px}
.ihourglass{background-position:-0px -925px}
.iquestion{background-position:-0px -950px}
.iexclamation{background-position:-0px -975px}
.ilamp{background-position:-0px -1000px}
.iplus{background-position:-0px -1025px}
.imultiplication{background-position:-0px -1050px}
.iban{background-position:-0px -1075px}
.iclock{background-position:-0px -1100px}
.imagnify{background-position:-0px -1125px}
.icurtail{background-position:-0px -1150px}
.imagnify1{background-position:-0px -1175px}
.icurtail1{background-position:-0px -1200px}
.iWresize{background-position:-0px -1225px}
.iSresize{background-position:-0px -1250px}

.bbs_file{
	color:#FFF;
	font-size:8pt;
	padding:0px 3px 1px 2px;
	font-family:Tahoma, Sans-serif; 
	background-color:#98F;
	border-top:1px solid #95F;
	border-left:1px solid #95F;
	display:inline-block; 
}

.bbs_new{
	color:#FFF;
	font-size:8pt;
	padding:1px 2px 0px 3px;
	font-family:Tahoma, Sans-serif; 
	background-color:#F98;
	border-right:1px solid #F58;
	border-bottom:1px solid #F58;
}

.bbs_hot{
	color:#FFF;
	font-size:8pt;
	padding:1px 2px 0px 3px;
	font-family:Tahoma, Sans-serif; 
	background-color:#F00;
	border-right:1px solid #F58;
	border-bottom:1px solid #F58;
}



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip div { margin: 0; padding:3px 0 0 0; text-align:center;}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{margin-top:0px; border:3px solid #000;}
		#cboxLoadedContent{background:#000; padding:1px;}
                #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
                #cboxLoadingOverlay{background:#000;}
                #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
                #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
                
                #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/colorbox/controls.png) 0 0 no-repeat;}

                #cboxPrevious{background-position:0px 0px; right:44px;}
                #cboxPrevious.hover{background-position:0px -25px;}
                #cboxNext{background-position:-25px 0px; right:22px;}
                #cboxNext.hover{background-position:-25px -25px;}
		#cboxClose{background-position:-50px 0px; right:0;}
		#cboxClose.hover{background-position:-50px -25px;}

                .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}







/*체크박스*/
label.checkbox span.holder{
	height:61px;
	background:url(../img/checkbox.gif) 0 -1px no-repeat
}
label.radio span.holder{
	height:61px;
	background:url(../img/radio.gif) 0 -1px no-repeat
}
	label.checkbox:hover span.holder,label.radio:hover span.holder{
	top:-21px !important
}
	label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{
	top:-42px !important
}
label.list{
	float:left;
	clear:left;
	margin:0 0 5px 0
}
label.inline{
	float:left;
	margin:0 10px 0 0
}
input.hiddenCheckbox{
	position:absolute;
	left:-10000px
}
label.prettyCheckbox span.holderWrap{
	display:block;
	float:left;
	position:relative;
	margin-right:5px;
	overflow:hidden
}
label.prettyCheckbox span.holder{
	display:block;
	position:absolute;
	top:0;
	left:0
}


/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/add/img/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}



#button_ddddd a{display:block; background:url('/add/img/button_back.gif') left 0; float:left; font:12px 굴림; color:#777; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
#button_ddddd a:hover{background:url('/add/img/button_back.gif') left -27px}
#button_ddddd a span{display:block; float:left; background:url('/add/img/button_back.gif') right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
#button_ddddd a:hover span{background:url('/add/img/button_back.gif') right -27px; color:#000}