/* form */
input[type="submit"] {
  font-family: "Nanum Gothic", 나눔고딕, "Malgun Gothic", 맑은고딕, "Dotum",
    돋움, sans-serif;
  font-size: 12px;
  cursor: pointer;
}

/* input 버튼*/
input[type="submit"] {
  text-align: center;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
}
input[type="submit"].inputBtn {
  line-height: 25px;
  background-color: #5c5c5c;
  border: 1px solid #5c5c5c;
  color: #fff;
  padding: 0 10px;
}
input[type="submit"].inputBtn.rBtn {
  border-radius: 34px;
  padding: 0 20px;
}
input[type="submit"].inputBtn.XSsize {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 11px;
  font-family: dotum;
  letter-spacing: -1px;
}
input[type="submit"].inputBtn.Ssize {
  height: 27px;
  line-height: 27px;
  padding: 0 12px;
  font-size: 12px;
}
input[type="submit"].inputBtn.Msize {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 13px;
}
input[type="submit"].inputBtn.Lsize {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
}
input[type="submit"].inputBtn.XLsize {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}
input[type="submit"].inputBtn.redBtn {
  background-color: #f17330;
  border-color: #e66b1c;
}
input[type="submit"].inputBtn.colorBtn {
  background-color: #134eda !important;
  border-color: #134eda !important;
  color: #ffffff !important;
  margin-top: 1rem;
}
input[type="submit"].inputBtn.blackBtn {
  background-color: #000;
  border-color: #000;
}
input[type="submit"].inputBtn.grayBtn {
  background-color: #939393;
  border-color: #939393;
}
input[type="submit"].inputBtn.lightGrayBtn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #666;
}
input[type="submit"].inputBtn.whiteBtn {
  background-color: #fff;
  border-color: #c3c7c8;
  color: #333;
}
input[type="submit"].inputBtn.colorLineBtn {
  color: #009a8c;
  border: 1px solid #009a8c;
  background-color: #fff;
}
input[type="submit"].inputBtn.faceBtn {
  color: #fff;
  border: 1px solid #456cb4;
  background-color: #456cb4;
}

input[type="button"] {
  text-align: center;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
}
input[type="button"].buttonBtn {
  line-height: 25px;
  background-color: #5c5c5c;
  border: 1px solid #5c5c5c;
  color: #fff;
  padding: 0 10px;
}
input[type="button"].buttonBtn.rBtn {
  border-radius: 34px;
  padding: 0 20px;
}
input[type="button"].buttonBtn.XSsize {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 11px;
  font-family: dotum;
  letter-spacing: -1px;
}
input[type="button"].buttonBtn.Ssize {
  height: 27px;
  line-height: 27px;
  padding: 0 12px;
  font-size: 12px;
}
input[type="button"].buttonBtn.Msize {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 13px;
}
input[type="button"].buttonBtn.Lsize {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
}
input[type="button"].buttonBtn.XLsize {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}
input[type="button"].buttonBtn.colorBtn {
  background-color: #ffe000;
  border-color: #ffe000;
  color: #262626;
}
input[type="button"].buttonBtn.redBtn {
  background-color: #f17330;
  border-color: #e66b1c;
}
input[type="button"].buttonBtn.blackBtn {
  background-color: #000;
  border-color: #000;
}
input[type="button"].buttonBtn.grayBtn {
  background-color: #939393;
  border-color: #939393;
}
input[type="button"].buttonBtn.lightGrayBtn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #666;
}
input[type="button"].buttonBtn.whiteBtn {
  background-color: #fff;
  border-color: #c3c7c8;
  color: #333;
}
input[type="button"].buttonBtn.colorLineBtn {
  color: #009a8c;
  border: 1px solid #009a8c;
  background-color: #fff;
}

input[type="reset"] {
  text-align: center;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
}
input[type="reset"].resetBtn {
  line-height: 25px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #262626;
  padding: 0 10px;
}
input[type="reset"].resetBtn.rBtn {
  border-radius: 34px;
  padding: 0 20px;
}
input[type="reset"].resetBtn.XSsize {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 11px;
  font-family: dotum;
  letter-spacing: -1px;
}
input[type="reset"].resetBtn.Ssize {
  height: 27px;
  line-height: 27px;
  padding: 0 12px;
  font-size: 12px;
}
input[type="reset"].resetBtn.Msize {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 13px;
}
input[type="reset"].resetBtn.Lsize {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
}
input[type="reset"].resetBtn.XLsize {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}
input[type="reset"].resetBtn.colorBtn {
  background-color: #ffe000;
  border-color: #ffe000;
  color: #262626;
}
input[type="reset"].resetBtn.redBtn {
  background-color: #f17330;
  border-color: #e66b1c;
}
input[type="reset"].resetBtn.blackBtn {
  background-color: #000;
  border-color: #000;
}
input[type="reset"].resetBtn.grayBtn {
  background-color: #939393;
  border-color: #939393;
}
input[type="reset"].resetBtn.lightGrayBtn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #666;
}
input[type="reset"].resetBtn.whiteBtn {
  background-color: #fff;
  border-color: #c3c7c8;
  color: #333;
}
input[type="reset"].resetBtn.colorLineBtn {
  color: #009a8c;
  border: 1px solid #009a8c;
  background-color: #fff;
}

/* button 버튼*/
button[type="button"] {
  text-align: center;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
}
button[type="button"].buttonBtn {
  line-height: 25px;
  background-color: #5c5c5c;
  border: 1px solid #5c5c5c;
  color: #fff;
  padding: 0 10px;
}
button[type="button"].buttonBtn.rBtn {
  border-radius: 34px;
  padding: 0 20px;
}
button[type="button"].buttonBtn.XSsize {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 11px;
  font-family: dotum;
  letter-spacing: -1px;
}
button[type="button"].buttonBtn.Ssize {
  height: 27px;
  line-height: 27px;
  padding: 0 12px;
  font-size: 12px;
}
button[type="button"].buttonBtn.Msize {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 13px;
}
button[type="button"].buttonBtn.Lsize {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
}
button[type="button"].buttonBtn.XLsize {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}
button[type="button"].buttonBtn.colorBtn {
  background-color: #ffe000;
  border-color: #ffe000;
  color: #262626;
}
button[type="button"].buttonBtn.redBtn {
  background-color: #f17330;
  border-color: #e66b1c;
}
button[type="button"].buttonBtn.blackBtn {
  background-color: #000;
  border-color: #000;
}
button[type="button"].buttonBtn.grayBtn {
  background-color: #939393;
  border-color: #939393;
}
button[type="button"].buttonBtn.lightGrayBtn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #666;
}
button[type="button"].buttonBtn.whiteBtn {
  background-color: #fff;
  border-color: #c3c7c8;
  color: #333;
}
button[type="button"].buttonBtn.colorLineBtn {
  color: #009a8c;
  border: 1px solid #009a8c;
  background-color: #fff;
}

a.aBtn {
  display: inline-block;
  text-decoration: none;
  color: #ffffff !important;
  cursor: pointer;
  vertical-align: middle;
  background-color: #5c5c5c;
  border: 1px solid #5c5c5c;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 3px;
}
a.aBtn.rBtn {
  border-radius: 34px;
  padding: 0 20px;
}
a.grayBtn {
  background-color: #929292;
  border-color: #929292;
}
a.lightGrayBtn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #666;
}
a.aBtn.whiteBtn {
  background-color: #fff;
  border: 1px solid #c3c7c8;
  color: #333 !important;
}
a.aBtn.colorBtn {
  background-color: #ffe000;
  border-color: #ffe000;
  color: #262626;
}
a.aBtn.blackBtn {
  background-color: #000;
  border-color: #000;
}
a.aBtn.redBtn {
  background-color: #df0629;
  border-color: #d60023;
}
a.aBtn.colorLineBtn {
  color: #009a8c;
  border-color: #009a8c;
  background-color: #fff;
}
a.aBtn.wide {
  padding: 0 50px;
}
/* sixe */
a.aBtn.XSsize {
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
  font-size: 11px;
  font-family: dotum;
  letter-spacing: -1px;
}
a.aBtn.Ssize {
  height: 25px;
  line-height: 25px;
  padding: 0 12px;
  font-size: 12px;
}
a.aBtn.Lsize {
  height: 38px;
  line-height: 38px;
  padding: 0 25px;
  font-size: 14px;
  font-weight: 500;
}
a.aBtn.XLsize {
  height: 56px;
  line-height: 56px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}
a.aBtn.zipBtn,
input[type="submit"].inputBtn.zipBtn {
  padding-left: 20px;
  background: url(../images/member/search02.gif) no-repeat 6px 50%;
}

/* replybtn */
.allreplybtn {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 11px;
}
.allreplybtn a {
  font-family: dotum;
  line-height: 17px;
  text-align: center;
  font-size: 11px;
}
.allreplybtn .i_delete {
  display: inline-block;
  width: 31px;
  height: 17px;
  background: url(../images/ico/bl.gif) no-repeat 0 -50px;
  color: #fff;
}
.allreplybtn .i_complaint {
  display: inline-block;
  width: 31px;
  height: 17px;
  background: url(../images/ico/bl.gif) no-repeat -32px -50px;
  color: #666;
}
.allreplybtn .i_reply {
  display: inline-block;
  width: 31px;
  height: 17px;
  background: url(../images/ico/bl.gif) no-repeat -64px -50px;
  color: #000;
}

/* 버튼 */
.txt_c {
  text-align: center !important;
}
.btnSection {
  clear: both;
  text-align: center;
  margin: 20px 0;
  position: relative;
}
.btnSection.line {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.btnSection:after {
  clear: both;
  content: "";
  display: block;
}
.btnSection .l {
  float: left;
}
.btnSection .r {
  float: right;
}

/* icon */
a.aBtn i {
  font-style: normal;
  display: inline-block;
}
a .bl_go {
  margin: 0;
  display: inline-block;
  width: 15px;
  height: 10px;
  background: url(../images/ico/bt_go4.png) no-repeat 100% 50%;
  vertical-align: middle;
}
a .bl_write {
  margin: 0 0 0 5px;
  display: inline-block;
  width: 13px;
  height: 11px;
  background: url(../images/ico/ico_category.png) no-repeat -81px -393px;
  vertical-align: middle;
}
a .bl_basket {
  display: inline-block;
  text-decoration: none;
  position: relative;
  top: -2px;
  width: 20px;
  height: 18px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat 0 0;
  vertical-align: middle;
}
a .bl_basket02 {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 26px;
  height: 22px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat 0 -18px;
  vertical-align: middle;
}
a .bl_check {
  display: inline-block;
  text-decoration: none;
  width: 14px;
  height: 11px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat -20px 0;
  vertical-align: middle;
}
a .bl_check02 {
  display: inline-block;
  text-decoration: none;
  width: 19px;
  height: 15px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat -26px -18px;
  vertical-align: middle;
}
a .bl_check03 {
  display: inline-block;
  text-decoration: none;
  width: 19px;
  height: 15px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat 0 -100px;
  vertical-align: middle;
}
a .bl_gt {
  display: inline-block;
  text-decoration: none;
  position: relative;
  top: -2px;
  width: 12px;
  height: 22px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat -45px -18px;
  vertical-align: middle;
}
a .bl_glass {
  display: inline-block;
  text-decoration: none;
  position: relative;
  width: 17px;
  height: 17px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat 0 -40px;
  vertical-align: middle;
}
a .bl_detail {
  display: inline-block;
  text-decoration: none;
  width: 13px;
  height: 15px;
  margin: 0 9px 0 0;
  background: url(../images/ico/btn_btn.png) no-repeat -20px -100px;
  vertical-align: middle;
}
a .bl_plus {
  display: inline-block;
  text-decoration: none;
  width: 8px;
  height: 8px;
  margin: 0 0 0 5px;
  background: url(../images/ico/btn_btn.png) no-repeat 0 -120px;
  vertical-align: middle;
}
a .bl_del {
  display: inline-block;
  text-decoration: none;
  width: 7px;
  height: 7px;
  margin: 0 0 0 5px;
  background: url(../images/ico/btn_btn.png) no-repeat -10px -120px;
  vertical-align: middle;
}
a.btn_gray_27 .bl_print {
  display: inline-block;
  margin: 0 5px 2px 0;
  width: 14px;
  height: 12px;
  background: url(../images/ico/bl.gif) no-repeat 0 -30px;
  vertical-align: middle;
}

/*Icon Type*/
a.prev,
a.next {
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  background-image: url(../images/ico/bt_list.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
a.prev {
  background-position: 0 0;
}
a.prev:hover {
  background-position: 0 -26px;
}
a.prev:focus {
  background-position: 0 -52px;
}
a.next {
  background-position: -26px 0;
}
a.next:hover {
  background-position: -26px -26px;
}
a.next:focus {
  background-position: -26px -52px;
}

/* 리스트 푸터 */
.list_footer {
  clear: both;
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
  min-height: 50px;
}
.list_footer .paging {
  margin-top: 60px;
}
.list_footer .abtn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.list_footer .btn_r {
  position: absolute;
  right: 0;
  top: 10px;
}
.list_footer .btn_l {
  position: absolute;
  left: 0;
  top: 10px;
}

/* paging */
.paging {
  clear: both;
  margin-top: 30px;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}
.paging:after {
  content: " ";
  display: block;
  clear: both;
}
.paging span {
  position: relative;
  display: inline-block;
  margin: 0 -2px;
  z-index: 0;
}
.paging span.current {
  z-index: 1;
}
.paging span a {
  float: left;
  display: inline-block;
  margin: 0 0 0 -1px;
  padding: 0 11px;
  height: 33px;
  line-height: 33px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.paging span strong {
  float: left;
  display: inline-block;
  margin: 0 0 0 -5px;
  padding: 0 11px;
  height: 33px;
  line-height: 33px;
  background-color: #006eb2;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
.paging span.bt a {
  padding: 0;
  width: 33px;
  height: 35px;
  border: none;
  background: url(/_Bbs/images/btn_paging.gif) 0 0 no-repeat;
  text-indent: -5000px;
}
.paging span.first a {
  width: 31px;
  background-position: 0 0;
}
.paging span.prev a {
  width: 31px;
  background-position: -32px 0;
}
.paging span.next a {
  background-position: 0 -35px;
}
.paging span.last a {
  background-position: -32px -35px;
}