@charset "utf-8"; 
/* Jeong, Chan Myeong | http://naradesign.net/ */


.pageIdx{display:inline-block;width:28px;height:20px;}
.pageBtn{display:inline-block;width:20px;height:20px;}
/* btn Common */
.btn:not(.glass),
.btn:not(.glass) a,
.btn:not(.glass) button,
.btn:not(.glass) input{ position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px;  font-family:맑은 고딕, Trebuchet MS, Verdana, Geneva, sans-serif; white-space:nowrap; background:url(../images/cssbtn/buttonWhite.gif) no-repeat; overflow:visible; color: #000;}
.btn:not(.glass) { padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.btn:not(.glass) a,
.btn:not(.glass) button,
.btn:not(.glass) input{ left:2px; vertical-align:top; cursor:pointer; _cursor:hand;}

/* btn Size = medium | large | xLarge | small */
.btn.m:not(.glass), .btn.m:not(.glass) a, .btn.m:not(.glass) input{ height:23px; line-height:21px;}
.btn.l:not(.glass), .btn.l:not(.glass) a, .btn.l:not(.glass) input{ height:30px; line-height:28px;}
.btn.xl:not(.glass), .btn.xl:not(.glass) a, .btn.xl:not(.glass) input{ height:35px; line-height:33px;}
.btn.s:not(.glass), .btn.s:not(.glass) a, .btn.s:not(.glass) input{ height:19px; line-height:15px;}
.btn.m:not(.glass) { background-position:left 0;}
.btn.l:not(.glass) { background-position:left -30px;}
.btn.xl:not(.glass) { background-position:left -65px;}
.btn.s:not(.glass) { background-position:left -106px;}
.btn.m a,.btn.m input{ padding:0 10px 0 8px; font-size:12px; background-position:right top;}
.btn.l a,.btn.l input{ padding:0 10px 0 8px; font-size:16px; background-position:right -30px;}
.btn.xl a,.btn.xl input{ padding:0 10px 0 8px; font-size:20px; background-position:right -65px;}
.btn.s a,.btn.s input{ padding:0 6px 0 4px; font-size:11px; background-position:right -106px;}

/* btn Hover */
.btn *:hover,
.btn *:active,
.btn *:focus{ color:#f90;}

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

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

.btn.green,
.btn.green a,
.btn.green button,
.btn.green input{ color:#fff; background-image: url(../images/cssbtn/buttonGreen.gif);}
.btn.black,
.btn.black a,
.btn.black button,
.btn.black input{ color:#fff; background-image: url(../images/cssbtn/buttonBlack.gif);}
.btn.orange,
.btn.orange a,
.btn.orange button,
.btn.orange input{ color:#fff; background-image: url(../images/cssbtn/buttonOrange.gif);}
.btn.blue,
.btn.blue  a,
.btn.blue  button,
.btn.blue  input{ color:#fff; background-image: url(../images/cssbtn/buttonBlue.gif);}
.btn.skyblue,
.btn.skyblue  a,
.btn.skyblue  button,
.btn.skyblue  input{ color:#fff; background-image: url(../images/cssbtn/buttonSkyBlue.png);}
.btn.navy,
.btn.navy  a,
.btn.navy  button,
.btn.navy  input{ color:#fff; background-image: url(../images/cssbtn/buttonNavy.gif);}
.btn.gold,
.btn.gold  a,
.btn.gold  button,
.btn.gold  input{ color:#fff; background-image: url(../images/cssbtn/buttonGold.gif);}
.btn.red,
.btn.red  a,
.btn.red  button,
.btn.red  input{ color:#fff; background-image: url(../images/cssbtn/buttonRed.gif);}
.btn.puple,
.btn.puple  a,
.btn.puple  button,
.btn.puple  input{ color:#fff; background-image: url(../images/cssbtn/buttonPuple.gif);}
.btn.gray,
.btn.gray  a,
.btn.gray  button,
.btn.gray  input{ color:#000; background-image: url(../images/cssbtn/buttonGray.png);}

.btn.glass{
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  border: 1px solid #b8b8b8;
  color: #201834;
  text-decoration: none;
  padding: 0 12px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn.glass a{
	text-decoration: none !important;
}
.btn.glass:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.glass:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
}
.btn.glass.active:not([disabled]),
.btn.glass:active:not([disabled]) {
  color: #000;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
}
.btn.glass.xl {
  padding: 0 15px;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn.glass.l {
  padding: 0 12px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn.glass.m {
  padding: 0 10px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn.glass.s {
  padding: 0 8px;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}