@charset "utf-8";
/*[S]===============================================
 * =responsive.less
 * =message.less
 * =button.less
 * =guide.less
 * =form.less
 * */
._text-indent {
  text-indent: -5000px;
  font-size: 0;
}
._inline-block {
  display: inline-block;
  zoom: 1;
  *display: block;
}
._overflow {
  overflow: hidden;
  position: relative;
}
._text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  word-wrap: break-word;
}
._clear:before,
._clear:after {
  clear: both;
  display: block;
  content: "";
}
._dl {
  padding: 0 1em;
  background: url("/Web-home/_UI/images/common/labelGab.gif") no-repeat left 50%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: block;
}
._dl dt,
._dl dd {
  display: inline-block;
  zoom: 1;
  *display: block;
  color: #777;
}
._dl dt {
  margin-right: 0.5em;
}
._dl dd {
  color: #333;
}
._dl._noGab {
  padding: 0 1em 0 0;
  background-image: none;
}
/*[E]===============================================*/
/*
 * less variable - this page
 */
/*[E]===============================================*/
/*
 * buttons area
 * */
._areaButton ._left ._button {
  margin: 0 4px 0 0;
}
._areaButton ._center ._button {
  margin: 0 2px 0 2px;
}
._areaButton ._right ._button {
  margin: 0 0 0 4px;
}
/*
 * buttons
 * */
._button {
  border: 0;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: block;
  /*
	 * color
	 */
  /*
	 * color gradient
	 */
}
._button input,
._button a {
  border: 0;
  cursor: pointer;
  color: #fff !important;
  text-align: center;
  word-wrap: break-word;
  background-color: #777777;
  -moz-border-radius: 3px;
  /* Firefox */
  -webkit-border-radius: 3px;
  /* Safari and Chrome */
  border-radius: 3px;
  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  display: inline-block;
  zoom: 1;
  *display: block;
}
._button._maximum input,
._button._maximum a {
  font-size: 2.2em;
  height: 70px;
  line-height: 70px;
  font-weight: bold;
  padding: 0 1em;
}
._button._large input,
._button._large a {
  font-size: 1em;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  padding: 0 1em;
  color: #fff;
}
._button._small input,
._button._small a {
  font-size: 0.9em;
  height: 30px;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 0 1em;
  color: #fff;
}
._button._minimum input,
._button._minimum a {
  height: 20px;
  line-height: 20px;
  letter-spacing: -0.01em;
  padding: 0 0.5em;
}
._button._active input,
._button._active a {
  color: #fff;
  background-color: #d84a38;
}
._button._white input,
._button._white a {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #ccc #ccc #ddd;
  color: #555 !important;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
}
._button._green input,
._button._green a {
  background-color: #00b3cd;
  color: #fff;
}
._button._blue input,
._button._blue a {
  background-color: #4285f4;
  color: #fff;
}
._button._gWhite input,
._button._gWhite a {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #ccc #ccc #ddd;
  color: #555;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
}
._button._gGray input,
._button._gGray a {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #ccc #ccc #ddd;
  color: #555;
  background-color: #cccccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
}
._button._green input,
._button._green a {
  background-color: #00b3cd;
  color: #fff;
}
/*
 * form buttons
 * */
._form ._insert ._button input,
._form ._insert ._button a {
  font-size: 0.9em;
  height: 28px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #fff;
}
/*
 * ���ҽ�/���� ���
 */
._btnWidgetAdd,
._btnResourceAdd {
  position: fixed;
  right: 1em;
  bottom: 1em;
  border: 0;
  width: 50px;
  height: 50px;
}
._btnWidgetAdd a,
._btnResourceAdd a,
._btnWidgetAdd input,
._btnResourceAdd input {
  display: inline-block;
  zoom: 1;
  *display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -5000px;
  border: 0;
  border-radius: 2.5em;
  background-image: url("/Web-home/_UI/images/common/addContent.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
._btnWidgetAdd a,
._btnWidgetAdd input {
  background-color: rgba(0, 179, 205, 0.6);
  z-index: 1001;
}
._btnWidgetAdd a:hover,
._btnWidgetAdd input:hover {
  background-color: #00b3cd;
}
._btnResourceAdd a,
._btnResourceAdd input {
  background-color: rgba(0, 163, 228, 0.6);
  z-index: 1001;
}
._btnResourceAdd a:hover,
._btnResourceAdd input:hover {
  background-color: #00a3e4;
}
/*
 * sortList�߰�
 */
._btnAddWrite {
  border-width: 1px;
  border-style: dashed;
  border-color: #aaaaaa;
  overflow: hidden;
  margin-bottom: 5px;
}
._btnAddWrite a,
._btnAddWrite input {
  border: 0;
  width: 100%;
  display: block;
  text-indent: -5000px;
  background-image: url("/Web-home/_UI/images/common/addBlack.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #fff;
  height: 50px;
}
._btnAddWrite a:hover,
._btnAddWrite input:hover {
  background-color: #ebf2fe;
  border-color: #093d94;
}
/*
 * goto buttons
 * */
._rscList ._goto ._inner input,
._widgetList ._goto ._inner input,
._widgetSkinList ._goto ._inner input,
._rscList ._goto ._inner a,
._widgetList ._goto ._inner a,
._widgetSkinList ._goto ._inner a {
  color: #fff;
  font-size: 0.9em;
  height: 28px;
  line-height: 28px;
  letter-spacing: -0.01em;
  display: block;
  text-align: center;
  border: 0;
  width: 100%;
  margin-top: 0.5em;
  -moz-border-radius: 3px;
  /* Firefox */
  -webkit-border-radius: 3px;
  /* Safari and Chrome */
  border-radius: 3px;
  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
._rscList ._goto ._inner input._rscSet,
._widgetList ._goto ._inner input._rscSet,
._widgetSkinList ._goto ._inner input._rscSet,
._rscList ._goto ._inner a._rscSet,
._widgetList ._goto ._inner a._rscSet,
._widgetSkinList ._goto ._inner a._rscSet {
  background-color: #d84a38;
}
._rscList ._goto ._inner input._rscSelect,
._widgetList ._goto ._inner input._rscSelect,
._widgetSkinList ._goto ._inner input._rscSelect,
._rscList ._goto ._inner a._rscSelect,
._widgetList ._goto ._inner a._rscSelect,
._widgetSkinList ._goto ._inner a._rscSelect {
  background-color: #d84a38;
}
._rscList ._goto ._inner input._rscDownload,
._widgetList ._goto ._inner input._rscDownload,
._widgetSkinList ._goto ._inner input._rscDownload,
._rscList ._goto ._inner a._rscDownload,
._widgetList ._goto ._inner a._rscDownload,
._widgetSkinList ._goto ._inner a._rscDownload {
  background-color: #792318;
}
._rscList ._goto ._inner input._rscEdit,
._widgetList ._goto ._inner input._rscEdit,
._widgetSkinList ._goto ._inner input._rscEdit,
._rscList ._goto ._inner a._rscEdit,
._widgetList ._goto ._inner a._rscEdit,
._widgetSkinList ._goto ._inner a._rscEdit {
  background-color: #4285f4;
}
._rscList ._goto ._inner input._rscDelete,
._widgetList ._goto ._inner input._rscDelete,
._widgetSkinList ._goto ._inner input._rscDelete,
._rscList ._goto ._inner a._rscDelete,
._widgetList ._goto ._inner a._rscDelete,
._widgetSkinList ._goto ._inner a._rscDelete {
  background-color: #00b3cd;
}
/*
 * icon buttons
 * */
._i {
  display: inline-block;
  zoom: 1;
  *display: block;
  width: 24px;
  height: 24px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._i input,
._i a {
  line-height: 22px;
  background-image: url("/Web-home/_UI/images/common/iIcon.png");
  background-repeat: no-repeat;
  background-color: #fff;
  float: left;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  -moz-border-radius: 3px;
  /* Firefox */
  -webkit-border-radius: 3px;
  /* Safari and Chrome */
  border-radius: 3px;
  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  text-indent: -5000px;
  font-size: 0;
}
._i input:hover,
._i a:hover {
  border-color: #aaaaaa;
}
._i input {
  width: 24px;
  height: 24px;
}
._i a {
  width: 22px;
  height: 22px;
}
._i._iDelete input,
._i._iDeleteOk input,
._i._iDelete a,
._i._iDeleteOk a {
  background-position: 0 0;
}
._i._iDelete input:hover,
._i._iDeleteOk input:hover,
._i._iDelete a:hover,
._i._iDeleteOk a:hover {
  background-position: 0 -44px;
}
._i._iDelete._on input,
._i._iDeleteOk._on input,
._i._iDelete._on a,
._i._iDeleteOk._on a {
  background-position: 0 -22px;
}
._i._iEdit input,
._i._iEdit a {
  background-position: -22px 0;
}
._i._iEdit input:hover,
._i._iEdit a:hover {
  background-position: -22px -44px;
}
._i._iEdit._on input,
._i._iEdit._on a {
  background-position: -22px -22px;
}
._i._iSelect input,
._i._iSelect a {
  background-position: -44px 0;
}
._i._iSelect input:hover,
._i._iSelect a:hover {
  background-position: -44px -44px;
}
._i._iSelect._on input,
._i._iSelect._on a {
  background-position: -44px -22px;
}
._i._iRecover input,
._i._iRecover a {
  background-position: -66px 0;
}
._i._iRecover input:hover,
._i._iRecover a:hover {
  background-position: -66px -44px;
}
._i._iRecover._on input,
._i._iRecover._on a {
  background-position: -66px -22px;
}
._i._iSync input,
._i._iSync a {
  background-position: -88px 0;
}
._i._iSync input:hover,
._i._iSync a:hover {
  background-position: -88px -44px;
}
._i._iSync._on input,
._i._iSync._on a {
  background-position: -88px -22px;
}
._i._iBlind input,
._i._iBlind a {
  background-position: -110px 0;
}
._i._iBlind input:hover,
._i._iBlind a:hover {
  background-position: -110px -44px;
}
._i._iBlind._on input,
._i._iBlind._on a {
  background-position: -110px -22px;
}
._i._iView input,
._i._iView a {
  background-position: -132px 0;
}
._i._iView input:hover,
._i._iView a:hover {
  background-position: -132px -44px;
}
._i._iView._on input,
._i._iView._on a {
  background-position: -132px -22px;
}
._i._iDownload input,
._i._iDownload a {
  background-position: -154px 0;
}
._i._iDownload input:hover,
._i._iDownload a:hover {
  background-position: -154px -44px;
}
._i._iDownload._on input,
._i._iDownload._on a {
  background-position: -154px -22px;
}
._i._iAdd input,
._i._iAdd a {
  background-position: -198px 0;
}
._i._iAdd input:hover,
._i._iAdd a:hover {
  background-position: -198px -44px;
}
._i._iAdd._on input,
._i._iAdd._on a {
  background-position: -198px -22px;
}
._i._iNewwin input,
._i._iNewwin a {
  background-position: -220px 0;
}
._i._iNewwin input:hover,
._i._iNewwin a:hover {
  background-position: -220px -44px;
}
._i._iNewwin._on input,
._i._iNewwin._on a {
  background-position: -220px -22px;
}
._i._iList input,
._i._iList a {
  background-position: -242px 0;
}
._i._iList input:hover,
._i._iList a:hover {
  background-position: -242px -44px;
}
._i._iList._on input,
._i._iList._on a {
  background-position: -242px -22px;
}
._i._iComplete input,
._i._iComplete a {
  background-position: -264px 0;
}
._i._iComplete input:hover,
._i._iComplete a:hover {
  background-position: -264px -44px;
}
._i._iComplete._on input,
._i._iComplete._on a {
  background-position: -264px -22px;
}