@import "featherlight.css";
@import url("jquery-ui.css");

/* reset css */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,button {margin:0; padding:0;}
body,table,input,textarea,select,button {font-family:Malgun Gothic, Verdana, Arial; -webkit-text-size-adjust:none;}
body {width:100%;  color:#333; overflow-y:scroll;}
input,select,button,img {font-size:1.000em; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
textarea {font-size:1.000em; line-height:1.5; margin:0; padding:.3em; border:1px solid #BBB;}
img,fieldset,button,iframe {border:0;}
video {max-width:100%;}
ul,ol {list-style:none;}
em,address,var {font-style:normal;}
legend,caption,.hide {font-size:0; line-height:0; overflow:hidden;}

a {text-decoration:none;}
a:link,
a:visited {color:#333;}
a:hover {color:#FFA310;}
a.jboardLink {color:#FFA310; font-weight:bold;}
select, input[type=file] {height:2em;}
select {border:1px solid #BBB;}
img[href], *[onclick] {cursor:pointer;}
input[type=submit], input[type=button] {border:1px solid #BBB;}
button:not(:disabled), input[type=submit]:not(:disabled), input[type=button]:not(:disabled) {cursor:pointer; outline:none;}
button:disabled, input[type=submit]:disabled, input[type=button]:disabled {border-color:#DDD !important; color:#AAA;}
input:not([type=submit]):not([type=button]):not([type=file]):not([type=image]) {height:2em; border:1px solid #BBB; padding:0 .2em;}
input:not([type=radio]):not([type=checkbox]) {-webkit-appearance:none; border-radius:0;}
input:not([type=submit]):focus:not([type=button]):focus:not([type=radio]):focus:not([type=checkbox]):focus, textarea:focus {outline:none; background-color:#FDFDFD;}
input:not([type=submit]):disabled:not([type=button]):disabled, textarea:disabled, select:disabled {background-color:#F8F8F8; border:1px dashed #CCC;}
input[type=radio], input[type=checkbox] {margin:.1em .2em .1em 0; border:0;} 
input[type=radio]+label, input[type=checkbox]+label {position:relative; top:.1em; margin-right:.5em;}
input[type=number], input[type=text].inputCur {text-align:right; padding-right:.2em;}
input[readonly], textarea[readonly] {background-color:#F8F8F8;} 
iframe[title=hiddenFrm] {display:none;}
div.fileBtnDiv input[type=file] {position:absolute; top:0; right:0; opacity:0;} 
output canvas {display:block;}
.fileBtnDiv {position:relative; width:7em; height:2.06em; padding-left:.2em; overflow:hidden;}
.btnFile {width:7em; height:2.06em; padding-left:.2em; color:#333; background-color:#F0F0F0;}
.bxslider li:not(:first-of-type) {display:none;}

/* ui-tooltip-help */
.ui-tooltip-help.ui-tooltip {padding:4px;}
.ui-tooltip-help.ui-widget.ui-widget-content {border:1px solid #4D3F33;}
.ui-tooltip-help.ui-widget-content {background:#665545;}
.ui-tooltip-help.ui-widget-content:after {content:"X 닫기"; display:block; text-align:center; font-weight:bold; color:#000;}

/* placeholder */
:-ms-input-placeholder {color:#888; opacity:0.8;}
::-webkit-input-placeholder {color:#888; opacity:0.8;}
::-moz-placeholder {color:#888; opacity:0.8;}


/* font */
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.fsm9 {font-size:0.917em;}
.bold {font-weight:bold;}

/* float */
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.clearfix:after{content:""; display:block; clear:both;}

/* align */
.txtL {text-align:left !important; padding-left:.4em;}
.txtR {text-align:right !important; padding-right:.4em;}
.txtC {text-align:center !important;}

/* width */
.wp4 {width:4%;}
.wp5 {width:5%;}
.wp7 {width:7%;}
.wp8 {width:8%;}
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp50 {width:50%;}
.wp55 {width:55%;}
.wp60 {width:60%;}
.wp65 {width:65%;}
.wp70 {width:70%;}
.wp75 {width:75%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp95 {width:95%;}
.wp100 {width:100%;}

/* height */
.hx300 {height:300px;}

/* padding */
.pd3 {padding:3% 3% 2% 3%;}
.pl1 {padding-left:1em;}
.pl2 {padding-left:2em;}

/* margin */
.mt1 {margin-top:1em;}
.ml1 {margin-left:1em;}

/* line-height */
.lh2 {line-height:2;}

/* display */
.dpB, output {display:block;}
.dpN {display:none;}
.dpLB {display:inline-block;}

/* opacity */
.opc30 {opacity:0.3;}

/* validation, alert, message */
label.error, span.error, div.error {color:red;}
input.error, select.error, textarea.error {border-color:red !important;}
.validate {color:red; display:block;}
.message {color:blue;}

/* alert */
#alert, #confirm {overflow-x:hidden; overflow-y:auto; font-size:1.250em; background-color:#FFF5DD;}
#alert > div:not([class^=ui]), #confirm > div:not([class^=ui]) {margin:2.5em 1em 0; letter-spacing:-.05em; line-height:1.6; text-align:center;}
#alert > div u, #confirm > u {color:#F3690E;}
#alert > div button {position:absolute; left:0; bottom:1.5em; right:0; width:90%; margin:0 auto; padding:.3em 1.5em; font-size:1.167em; color:#FFF; border-radius:.2em; 
										 border:1px solid #F16A0E; background-color:#F16A0E;}
#confirm > div > footer {position:absolute; bottom:1.5em; width:92%;}
#confirm > div > footer button {width:48%; padding:.3em 1.5em; color:#FFF; border-radius:.2em; border:1px solid #F16A0E; background-color:#F16A0E;}
#confirm > div button[accesskey=c] {background-color:#4EA6E0; border-color:#4EA6E0;}

/* layers */
#layerSide {position:absolute; padding:.5em .8em .2em; width:5.3em; text-align:left; border:1px solid #8DB3E5; background-color:#FFF; z-index:99999; line-height:2;}
#layerSide a {display:block;}
#loadingBar {position:absolute; display:none; z-index:9999; width:128px; height:128px; text-indent:-9999em; background:url("../../Jsource/img/common/loading.gif") no-repeat;}
#copyright {clear:both; text-align:right; font-size:0.917em; margin-top:1.2em;}

/* all skins */
.skinWrap #paging {font-family:Verdana;}

/* hack */
.skinWrap button {padding-top:.3em !important \0/IE8+9;}

/* media queries */
@media (max-width:430px) { 
	#alert, #confirm {font-size:0.917em;}
	#confirm > div {margin:2.3em 1em 0;}
	#confirm > div button {width:45%; margin:3em 0 0 .5em;}
}