@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]===============================================*/
/*
 * ul li
 */
ul._hor li,
ul._ver li {
  margin-bottom: 0.5em;
}
ul._hor li {
  display: inline-block;
  zoom: 1;
  *display: block;
  margin-right: 20px;
  line-height: 28px;
}
ul._hor.twoMore li {
  line-height: 18.666666666666668px;
}
ul._hor.widthFix li {
  margin-right: 0;
  width: 90px;
}
ul._ver li {
  line-height: 28px;
}
/*
 * 화면상단 폼박스
 */
._headWrite {
  text-align: center;
  border: 1px #dddddd solid;
}
._headWrite ._inner {
  display: inline-block;
  zoom: 1;
  *display: block;
}
/*
 * view상단
 */
._viewInfoHead {
  text-align: right;
  margin-bottom: .5em;
}
._viewInfoHead 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;
}
._viewInfoHead dl dt,
._viewInfoHead dl dd {
  display: inline-block;
  zoom: 1;
  *display: block;
  color: #777;
}
._viewInfoHead dl dt {
  margin-right: 0.5em;
}
._viewInfoHead dl dd {
  color: #333;
}
._viewInfoHead dl._noGab {
  padding: 0 1em 0 0;
  background-image: none;
}
._viewInfoHead dl._last {
  padding: 0 0 0 1em;
}
/*
 * 검색
 */
._search {
  padding-right: 28px;
  position: relative;
  height: 30px;
}
._search fieldset,
._search select,
._search label,
._search input,
._search span {
  float: left;
}
._search label,
._search span {
  line-height: 28px;
}
._search label {
  font-size: 1.2em;
  font-weight: 600;
  color: #4285f4;
}
._search label,
._search span,
._search input[type="text"] {
  margin-left: 0.5em;
}
._search input[type="text"] {
  padding: 0;
  text-indent: 0.5em;
}
._search ._submit {
  text-indent: -5000px;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  margin-right: 0;
  width: 28px;
  height: 30px;
  line-height: 30px;
  background: url("/Web-home/_UI/images/common/btnSearch.png") #4d4b4a no-repeat 50% 50%;
}
/*
 * 입/출력 레이아웃
 */
._view,
._write {
  border-top: 1px #333 solid;
  position: relative;
}
._view ._form,
._write ._form {
  padding-left: 125px;
}
._view ._form ._label,
._write ._form ._label {
  width: 110px;
}
._view._labelW01 ._form,
._write._labelW01 ._form {
  padding-left: 140px;
}
._view._labelW01 ._form ._label,
._write._labelW01 ._form ._label {
  width: 125px;
}
._view._labelW02 ._form,
._write._labelW02 ._form {
  padding-left: 155px;
}
._view._labelW02 ._form ._label,
._write._labelW02 ._form ._label {
  width: 140px;
}
._view._labelW03 ._form,
._write._labelW03 ._form {
  padding-left: 170px;
}
._view._labelW03 ._form ._label,
._write._labelW03 ._form ._label {
  width: 155px;
}
._view._labelW04 ._form,
._write._labelW04 ._form {
  padding-left: 200px !important;
}
._view._labelW04 ._form ._label,
._write._labelW04 ._form ._label {
  width: 185px !important;
}
._view._labelW05 ._form,
._write._labelW05 ._form {
  padding-left: 235px !important;
}
._view._labelW05 ._form ._label,
._write._labelW05 ._form ._label {
  width: 215px !important;
}
/*
 * 입력/출력
 */
._form {
  position: relative;
  border-bottom: 1px #d3d3d3 solid;
  padding: 10px 0 10px 0;
  min-height: 28px;
  height: auto !important;
  _height: 28px;
  /*
	 * ._label 과 ._insert를 상하로 배치
	 * */
  /*
	 * 통계표시
	 * */
}
._form ._label,
._form ._insert {
  padding: 2px 0;
  color: #666;
  line-height: 28px;
  min-height: 28px;
  height: auto !important;
  _height: 28px;
}
._form ._label {
  font-weight: 600;
  position: absolute;
  top: 10px;
  left: 5px;
  color: #000;
  font-size: 1.2em;
  background: url("/Web-home/_UI/images/common/labelGab.gif") no-repeat right 50%;
}
._form ._label mark.must {
  float: left;
  margin-top: 8px;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  text-indent: -5000px;
  background: url("/Web-home/_UI/images/common/must.gif") no-repeat;
  overflow: hidden;
  padding: 0;
}
._form ._label ._iHelp {
  position: absolute;
  right: 10px;
  top: 9px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 9px;
  overflow: hidden;
  text-indent: -5000px;
  background-color: #00869a;
  background-image: url("../../images/common/iHelp.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: help;
  margin-left: 7px;
  vertical-align: text-bottom;
}
._form ._textCount {
  line-height: 1.5;
  font-size: 0.9em;
}
._form ._textCount em span {
  color: #db0925;
  font-weight: 600;
}
._form ._insert {
  display: block;
  margin-right: 5px;
  position: relative;
}
._form ._insert .labelCheck {
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}
._form ._insert ._editor {
  background-color: #eee;
  min-height: 300px;
  height: auto !important;
  _height: 300px;
}
._form ._insert .button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
}
._form ._insert ._intOpt {
  margin-top: 0.5em;
  padding: 0.5em 1em;
  background-color: #f9f9f0;
  border: 1px #e3e3ba solid;
}
._form ._insert ._intOpt ._strong,
._form ._insert ._intOpt strong {
  color: #5e5e26;
}
._form ._insert ._intOpt ._intOpt {
  background-color: #eaeacc;
  border: 1px #d4d495 solid;
}
._form ._insert ._valCheck {
  display: inline-block;
  zoom: 1;
  *display: block;
  position: relative;
}
._form ._insert ._valCheck ._formCheck {
  position: absolute;
  left: 0;
  top: -33px;
}
._form ._insert ._valCheck ._formCheck ._err {
  white-space: nowrap;
}
._form ._insert ._multiSelectBox {
  max-width: 300px;
  width: 100%;
  height: 60px;
}
._form ._insert._comment {
  background-color: #f0f5fe;
  border: 1px #bad3fb solid;
}
._form ._insert._comment textarea {
  float: left;
  width: 610px;
  height: 63px;
  padding: 5px;
  background-color: #f4f4f4;
}
._form ._insert._comment .button {
  float: right;
  border: 0;
}
._form ._insert._comment .button a {
  color: #fff;
}
._form ._insert._result {
  background-color: #f7f7f7;
  border: 1px #eee solid;
}
._form ._insert._useMeter {
  min-height: 7px;
  height: auto !important;
  _height: 7px;
}
._form ._insert._useHelp {
  padding-right: 24px;
}
._form ._insert._useHelp ._iHelp {
  right: 0;
}
._form._title {
  padding-left: 0;
}
._form._title ._label {
  display: none;
}
._form._title ._insert {
  font-weight: bold;
  text-align: center;
}
._form._both {
  padding-left: 0;
}
._form._both ._label,
._form._both ._insert {
  margin-left: 0;
  width: 99.7% !important;
}
._form._both ._label iframe.agreement,
._form._both ._insert iframe.agreement {
  width: 99.7% !important;
  border: 1px #ddd solid;
  height: 300px;
}
._form._both ._label {
  position: static;
  display: block;
  background-image: none;
}
._form._totalCount {
  background-color: #ebf2fe;
}
._form._totalCount ._label,
._form._totalCount ._insert {
  font-size: 1.4em;
}
._form._totalCount ._label {
  color: #07337c;
}
input[type="checkbox"] {
  border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
  /*
	border: 1px @inputBorder solid;
	background-color: #fff;
	*/
}
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  border-width: 1px;
  border-color: #cccccc;
  border-style: solid;
  border-radius: 0;
  -webkit-appearance: none;
}
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
.selectboxit-container {
  height: 28px;
  line-height: 28px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
.selectboxit-container:focus {
  border-color: #db0925;
}
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: 0;
}
input[type="text"]._full,
input[type="password"]._full,
input[type="color"]._full,
input[type="date"]._full,
input[type="datetime"]._full,
input[type="datetime-local"]._full,
input[type="email"]._full,
input[type="month"]._full,
input[type="number"]._full,
input[type="range"]._full,
input[type="search"]._full,
input[type="tel"]._full,
input[type="time"]._full,
input[type="url"]._full,
input[type="week"]._full {
  width: 99.5%;
}
select {
  height: 30px;
  line-height: 30px;
  border: 1px #ccc solid;
}
textarea {
  padding: 1%;
  height: 130px;
  width: 97.6%;
}
textarea._w80per {
  width: 80%;
}
textarea._h200per {
  height: 260px;
}
textarea._h300per {
  height: 390px;
}
textarea._h400per {
  height: 520px;
}
textarea._editHtml {
  height: 630px;
}
textarea._editCss,
textarea._editScript {
  height: 595px;
}
/*
 * selectBox
 * */
.selectboxit-container {
  border: 1px #cccccc solid;
  border-radius: 0;
  -webkit-appearance: none;
}
/*
 * placeholder color
 * */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666;
}
/*
 * 첨부이미지
 */
#fileWarp {
  position: relative;
  overflow: hidden;
}
#fileWarp .fileObj {
  float: left;
  margin: 0 5px 5px 0;
  padding-top: 15px;
  position: relative;
  overflow: hidden;
}
#fileWarp .fileObj .fileDeleteBtn {
  position: absolute;
  overflow: hidden;
  width: 15px;
  height: 15px;
  top: 0;
  right: 0;
  background-color: #333;
  border: 0;
  z-index: 1;
}
#fileWarp .fileObj .fileDeleteBtn a,
#fileWarp .fileObj .fileDeleteBtn input {
  border: 0;
  float: left;
  margin-top: 3px;
  margin-left: 3px;
  width: 9px;
  height: 9px;
  background: url("/Web-home/_UI/images/common/closeX.gif") no-repeat 50% 50%;
  text-indent: -5000px;
  font-size: 0;
}
#fileWarp .fileObj .fileDiv {
  width: 160px;
  height: 160px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #DCDCDC;
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
#fileWarp .fileObj .fileDiv .imgFile,
#fileWarp .fileObj .fileDiv .filePlus {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 160px;
  height: 160px;
}
#fileWarp .fileObj .fileDiv .filePlus {
  background: url("/Web-home/_UI/images/common/addBlack.gif") no-repeat 50% 50% #ffffff;
  text-indent: -5000px;
  font-size: 0;
}
#fileWarp .fileObj .textDiv .fileAlts {
  width: 160px;
  text-align: center;
}
#fileWarp .fileForm,
#fileWarp .fileAddBtn {
  display: none;
}
._attImage {
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}
._attImage ._del {
  position: absolute;
  overflow: hidden;
  width: 15px;
  height: 15px;
  top: 0;
  left: 85px;
  background-color: #db0925;
  border: 0;
  z-index: 1;
}
._attImage ._del a,
._attImage ._del input {
  border: 0;
  float: left;
  margin-top: 3px;
  margin-left: 3px;
  width: 9px;
  height: 9px;
  background: url("/Web-home/_UI/images/common/closeX.gif") no-repeat 50% 50%;
  text-indent: -5000px;
  font-size: 0;
}
._attImage label {
  cursor: pointer;
}
._attImage ._fileLabel {
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  background-color: #fff;
}
._attImage ._fileLabel img,
._attImage ._fileLabel ._add {
  position: absolute;
  top: 0px;
  left: 0px;
}
._attImage ._fileLabel img {
  width: 100%;
  height: 100%;
}
._attImage ._fileLabel ._add {
  width: 98px;
  height: 98px;
  border: 1px #cccccc solid;
  background: url("/Web-home/_UI/images/common/addBlack.gif") no-repeat 50% 50%;
  text-indent: -5000px;
  font-size: 0;
}
._attImage ._thumb {
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
._attImage ._caption {
  margin-top: 70px;
  margin-left: 110px;
  height: 30px;
}
._attImage ._caption input[type="text"] {
  width: 97%;
}
._attImage ._fileForm {
  display: none;
}
#imgDiv {
  overflow: hidden;
}
#imgDiv ._attDataFile img {
  display: block;
  max-width: 100%;
  width: auto !important;
  _width: 100%;
}
/*
 * 덧글입력
 */
._commentWrite {
  position: relative;
  padding: 0 !important;
}
._commentWrite ._commentWriteForm {
  background-color: #f7f7f7;
  border: 1px #dddddd Solid;
  padding: 5px;
  margin-right: 85px;
}
._commentWrite ._commentWriteForm textarea {
  border: 0;
  padding: 0;
  width: 100%;
  height: 60px;
  background-color: #f7f7f7;
}
._commentWrite ._commentButton {
  position: absolute;
  top: 0;
  right: 0;
}
._commentWrite ._commentButton input,
._commentWrite ._commentButton a {
  font-size: 1em;
  font-weight: 600;
  width: 80px;
  height: 72px !important;
  line-height: 60px !important;
}