@charset "utf-8";
.arial {
  font-family: Arial, sans-serif;
}
.nanum {
  font-family: 'NanumBarunGothic';
}
/* --- Font --- */
@font-face {
  font-family: 'NanumBarunGothic';
  src: url("font/NanumBarunGothic.eot");
  src: local("☺"), url("font/NanumBarunGothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NanumBarunGothicBold';
  src: url("font/NanumBarunGothicBold.eot");
  src: local("☺"), url("font/NanumBarunGothicBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'NanumBarunGothic';
  font-size: 12px;
  line-height: 150%;
  color: #909090;
  overflow-x: hidden;
}
body .wrapper {
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
.mg-r12 {
  margin-right: 12px;
}
.mg-h8 {
  margin: 0 8px;
}
.mg-v10 {
  margin: 10px 0;
}
.color-normal {
  color: #909090 !important;
}
.color-orange {
  color: #f1592a !important;
}
.color-blue {
  color: #058cff !important;
}
.color-3c {
  color: #3c3c3c !important;
}
.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.c-o {
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
}
.c-w {
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
}
.c-g {
  background: #a5a5a5;
  border: 1px solid #8c8c8c;
  color: #fff;
}
.c-gd {
  background: #d4d4d4;
  border: 1px solid #6a6a6a;
  color: #333;
}
.c-d {
  background: #808080;
  border: 1px solid #737373;
  color: #fff;
}
.s-xs {
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
}
.s-s {
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
.s-m {
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.s-ml {
  padding: 0 20px;
  height: 43px;
  line-height: 43px;
  font-size: 15px;
}
.s-l {
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.btn-oxs {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
}
.btn-os {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
.btn-om {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.btn-ol {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.btn-wxs {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
  color: #909090;
  border-color: #e5e5e5;
}
.btn-ws {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}
.btn-wm {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.btn-wl {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.btn-gxs {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #a5a5a5;
  border: 1px solid #8c8c8c;
  color: #fff;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 11px;
}
.btn-gm {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #a5a5a5;
  border: 1px solid #8c8c8c;
  color: #fff;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.btn-dm {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background: #808080;
  border: 1px solid #737373;
  color: #fff;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.btn-share {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
  background: url('../images/common/ico_share.gif') 15px center no-repeat;
  padding-left: 45px;
  padding-right: 20px;
}
.btn-like {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #7f7f7f;
  color: #3a3a3a;
  background: url('../images/common/ico_like.gif') 15px center no-repeat;
  padding-left: 45px;
  padding-right: 20px;
}
label {
  margin: 0 8px;
}
input[type="text"] {
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
}
input[type="text"]::-ms-clear {
  display: none;
}
input[type="password"] {
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
}
input[type="radio"] {
  margin-right: 5px;
}
input[type="checkbox"] {
  margin-right: 5px;
}
textarea {
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.fs11 {
  font-size: 12px;
  line-height: 150%;
}
.fs12 {
  font-size: 12px;
  line-height: 150%;
}
.fs13 {
  font-size: 13px;
  line-height: 150%;
}
.fs14 {
  font-size: 14px;
  line-height: 150%;
}
.fs15 {
  font-size: 15px;
  line-height: 150%;
}
.fs16 {
  font-size: 16px;
  line-height: 150%;
}
.fs18 {
  font-size: 18px;
  line-height: 150%;
}
.fs20 {
  font-size: 20px;
  line-height: 150%;
}
.fs22 {
  font-size: 22px;
  line-height: 150%;
}
.fs26 {
  font-size: 26px;
  line-height: 150%;
}
.inner-wrap {
  position: relative;
  width: 1140px;
  margin: 0 auto;
}
.center-wrap {
  text-align: center;
}
.vertical-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.vertical-item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}
.select1 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #909090;
  border: 1px solid #e5e5e5;
  text-align: left;
  height: 26px;
  line-height: 26px;
}
.select1 .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 10px;
}
.select1 .styledSelect:after {
  content: '';
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #999 transparent transparent transparent;
  position: absolute;
  top: 10px;
  right: 8px;
}
.select1 .styledSelect:active,
.styledSelect.active {
  background-color: #fff;
}
.select1 .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-height: 400px;
  overflow-y: auto;
}
.select1 .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.select1 .options li:hover {
  background-color: #39f;
  color: white;
}
.select2 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #909090;
  border: 1px solid #d9d9d9;
  text-align: left;
  height: 46px;
  line-height: 46px;
}
.select2 .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 10px;
}
.select2 .styledSelect:after {
  content: '';
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #999 transparent transparent transparent;
  position: absolute;
  top: 19px;
  right: 12px;
}
.select2 .styledSelect:active,
.styledSelect.active {
  background-color: #fff;
}
.select2 .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-height: 400px;
  overflow-y: auto;
}
.select2 .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.select2 .options li:hover {
  background-color: #39f;
  color: white;
}
.select3 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #909090;
  border: 1px solid #e5e5e5;
  text-align: left;
  height: 33px;
  line-height: 33px;
}
.select3 .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 10px;
}
.select3 .styledSelect:after {
  content: '';
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #999 transparent transparent transparent;
  position: absolute;
  top: 14px;
  right: 12px;
}
.select3 .styledSelect:active,
.styledSelect.active {
  background-color: #fff;
}
.select3 .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-height: 400px;
  overflow-y: auto;
}
.select3 .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.select3 .options li:hover {
  background-color: #39f;
  color: white;
}
.select4 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #909090;
  border: 2px solid #f1592a;
  text-align: left;
  height: 35px;
  line-height: 35px;
}
.select4 .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 10px;
}
.select4 .styledSelect:after {
  content: '';
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #999 transparent transparent transparent;
  position: absolute;
  top: 14px;
  right: 12px;
}
.select4 .styledSelect:active,
.styledSelect.active {
  background-color: #fff;
}
.select4 .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  max-height: 400px;
  overflow-y: auto;
}
.select4 .options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}
.select4 .options li:hover {
  background-color: #39f;
  color: white;
}
/*--------------------------------------------------------------------------------------------------------------
 *  header
 *--------------------------------------------------------------------------------------------------------------*/
header {
  position: relative;
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
}
header .util-wrap {
  position: relative;
  height: 34px;
  line-height: 34px;
  color: #585858;
  z-index: 3;
}
header .util-wrap .app {
  position: relative;
  display: inline-block;
  width: 120px;
  text-align: center;
}
header .util-wrap .app img {
  margin-right: 9px;
}
header .util-wrap .app:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -1px;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #ccc;
}
header .util-wrap .app:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -1px;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #ccc;
}

header .util-wrap .app2 {
  position: relative;
  display: inline-block;
  width: 120px;
  text-align: center;
}
header .util-wrap .app2 img {
  margin-right: 9px;
}
header .util-wrap .app2:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -1px;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #fff;
}
header .util-wrap .app2:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: -1px;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #ccc;
}


header .util-wrap .util {
  position: absolute;
  right: 0;
  top: 0;
}
header .util-wrap .util > li {
  position: relative;
  padding: 0 20px;
  margin-right: 1px;
}
header .util-wrap .util > li a {
  display: block;
  width: 100%;
  height: 100%;
}
header .util-wrap .util > li img {
  display: inline;
  margin-left: 5px;
}
header .util-wrap .util > li:after {
  content: '';
  display: block;
  position: absolute;
  right: -1px;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #ccc;
}
header .util-wrap .util > li:first-child:before {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  top: 10px;
  width: 1px;
  height: 12px;
  background: #ccc;
}
header .util-wrap .util > li .selector {
  display: none;
  position: absolute;
  left: 0;
  top: 34px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  background: #fff;
  width: 100%;
}
header .util-wrap .util > li.on {
  background: #ececec;
}
header .util-wrap .util > li.on .selector {
  display: block;
}
header .util-wrap .util > li.on .coupon {
  display: none;
}
header .util-wrap .util > li .coupon {
  position: absolute;
  top: 24px;
  left: 14px;
}
header .util-wrap .util > li .coupon img {
  display: block;
}
header .search-wrap {
  min-width: 1140px;
  border-top: 1px solid #cd5129;
  background: #f15a29;
  height: 93px;
}
header .search-wrap h1 {
  text-align: center;
}
header .search-wrap .search {
  position: absolute;
  right: 0;
  top: 30px;
  width: 240px;
  height: 35px;
}
header .search-wrap .search input[type="text"] {
  padding: 0 15px;
  width: 210px;
  height: 35px;
  line-height: 35px;
  border: 0;
}
header .search-wrap .search .btn-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 15px;
}
header .gnb {
  position: relative;
  border-top: 1px solid #e5e5e5;
  border-bottom: 2px solid #f1592a;
  background: #fff;
  height: 45px;
}
header .gnb .logo {
  display: none;
}
header .gnb .logo img {
  display: block;
}
header .gnb .menu {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
  color: #474747;
}
header .gnb .menu .line {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  margin: 0 10px;
}
header .gnb .menu li {
  position: relative;
}
header .gnb .menu li .pd {
  padding: 0 30px;
}
header .gnb .menu li a {
  display: block;
  padding: 0 20px;
}
header .gnb .menu li .badge {
  position: absolute;
  right: 5px;
  top: 8px;
  width: 22px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: url('../images/common/img_badge.png');
}
header .gnb .menu li.on {
  background: #ececec;
}
header .gnb .menu li.brand a {
  padding-right: 50px;
  background: url('../images/common/ico_gnb_brand_arr.png') 90px center no-repeat;
}
header .gnb .menu li.brand.on a {
  background: url('../images/common/ico_gnb_brand_arr_on.png') 90px center no-repeat;
}
header .gnb .menu li.icon.on {
  background: #ececec url('../images/common/ico_gnb_up.png') center 100% no-repeat;
}
header .gnb .menu li.ico-search {
  visibility: hidden;
}
header .extend-wrap {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 47px;
  border-bottom: 1px solid #f15a29;
  height: 0;
  background: #fff;
}
header .extend-wrap .inner-wrap {
  height: 100%;
}
header .extend-wrap .inner-wrap > div {
  display: none;
  height: 100%;
}
header .extend-wrap .btn-wrap {
  width: 1080px;
  height: 56px;
  position: absolute;
  left: 30px;
}
header .extend-wrap .btn-wrap .center-wrap {
  font-size: 0;
  line-height: 0;
}
header .extend-wrap .btn-wrap .btn-arr {
  display: inline-block;
  border: 1px solid #d9d9d9;
  margin-top: 6px;
  margin-left: -1px;
  width: 32px;
  height: 32px;
}
header .extend-wrap .btn-wrap .btn-arr img {
  display: block;
}
header .extend-wrap .btn-close {
  position: absolute;
  right: 25px;
  top: 13px;
  padding: 5px;
  cursor: pointer;
}
header .extend-wrap .ttl {
  font-size: 16px;
  color: #f1592a;
  padding-top: 18px;
}
header .extend-wrap .brand {
  padding: 0 49px;
}
header .extend-wrap .brand li {
  margin-top: 20px;
}
header .extend-wrap .brand .btn-wrap {
  top: 256px;
}
header .extend-wrap .today {
  padding: 0 30px;
}
header .extend-wrap .today .btn-wrap {
  top: 301px;
}
header .extend-wrap .today .today-list {
  margin-top: 15px;
  margin-left: -16px;
  font-family: Arial, sans-serif;
}
header .extend-wrap .today .today-list > li {
  margin-left: 16px;
  width: 200px;
  color: #3d3d3d;
}
header .extend-wrap .today .today-list > li label {
  display: block;
  margin: 0;
}
header .extend-wrap .today .today-list > li .img {
  width: 100%;
  height: 105px;
}
header .extend-wrap .today .today-list > li .img img {
  display: block;
  width: 100%;
  height: 100%;
}
header .extend-wrap .today .today-list > li .nm {
  font-size: 13px;
  font-weight: bold;
  margin-top: 25px;
}
header .extend-wrap .today .today-list > li .price {
  height: 26px;
  line-height: 26px;
  margin-top: 10px;
}
header .extend-wrap .today .today-list > li .price b {
  font-size: 18px;
}
header .extend-wrap .today .today-list > li .price b span {
  font-size: 12px;
}
header .extend-wrap .today .desc {
  margin-top: 16px;
}
header .extend-wrap .today .empty {
  height: 204px;
  text-align: center;
}
header .extend-wrap .today .empty img {
  margin-top: 60px;
}
header .extend-wrap .cart {
  padding: 0 30px;
}
header .extend-wrap .cart .btn-wrap {
  top: 459px;
}
header .extend-wrap .cart .scroll-wrap {
  position: relative;
  height: 266px;
  margin-top: 18px;
  overflow-y: auto;
}
header .extend-wrap .cart table {
  width: 100%;
  color: #3c3c3c;
}
header .extend-wrap .cart table th {
  position: relative;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background: #fbfbfb;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
header .extend-wrap .cart table th .hl {
  height: 18px;
  line-height: 18px;
  border-right: 1px solid #e5e5e5;
}
header .extend-wrap .cart table td {
  position: relative;
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
}
header .extend-wrap .cart table td span {
  display: inline-block;
  font-size: 12px;
  color: #909090;
}
header .extend-wrap .cart table td em {
  font-size: 16px;
}
header .extend-wrap .cart table td p {
  padding: 3px 0;
}
header .extend-wrap .cart table td.cont {
  position: relative;
  padding: 24px 0 24px 182px;
}
header .extend-wrap .cart table td.cont p {
  padding: 0;
}
header .extend-wrap .cart table td.cont img {
  display: block;
  position: absolute;
  left: 10px;
  top: 14px;
  width: 160px;
  height: 84px;
}
header .extend-wrap .cart table td.td0,
header .extend-wrap .cart table td.td3,
header .extend-wrap .cart table td.td5 {
  text-align: center;
}
header .extend-wrap .cart table td.td2 {
  padding-left: 43px;
  font-size: 14px;
  color: #f1592a;
}
header .extend-wrap .cart table td.td4 {
  padding-left: 38px;
}
header .extend-wrap .cart .result {
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  height: 58px;
  line-height: 58px;
  padding: 0 30px;
  color: #3c3c3c;
}
header .extend-wrap .cart .result .fr {
  font-size: 16px;
}
header .extend-wrap .cart .result .fr .color-orange {
  font-size: 15px;
}
header .extend-wrap .cart .result span.hl {
  position: relative;
  display: inline-block;
  margin-right: 40px;
}
header .extend-wrap .cart .result span.hl:after {
  content: '';
  display: block;
  background: #e5e5e5;
  position: absolute;
  right: -20px;
  top: 22px;
  width: 1px;
  height: 14px;
}
header .extend-wrap .cart .result em {
  font-size: 16px;
}
header .extend-wrap .cart .desc {
  margin-top: 16px;
}
header .extend-wrap .cart .empty {
  height: 346px;
  text-align: center;
}
header .extend-wrap .cart .empty img {
  margin-top: 140px;
}
header .extend-wrap .search {
  line-height: 70px;
  text-align: center;
}
header .extend-wrap .search .keyword {
  height: 38px;
  line-height: 38px;
  border-color: #ccc;
}
header .extend-wrap .search .ar span {
  margin: 0 6px;
  font-size: 13px;
}
header .extend-wrap .search .ar .ib {
  color: #3c3c3c;
  font-size: 13px;
}
header .extend-wrap .search .ar .no {
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
  font-family: Arial, sans-serif;
  font-weight: bold;
  position: relative;
  font-size: 11px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  margin-left: 30px;
  margin-right: 6px;
}
header .extend-wrap .search .ar .no:before {
  content: '';
  display: block;
  position: absolute;
  left: -30px;
  top: 0;
  width: 1px;
  height: 17px;
  line-height: 17px;
  background: #ccc;
}
/*--------------------------------------------------------------------------------------------------------------
 *  article
 *--------------------------------------------------------------------------------------------------------------*/
.index-bg {
  position: absolute;
  left: 0;
  top: 400px;
  width: 100%;
  height: 1000px;
  background: #fafafa;
}
article {
  position: relative;
  width: 1140px;
  margin: 0 auto 100px;
  padding: 176px 70px 0;
  /* 일반 테이블 게시판 */
  /* 썸네일 게시판 */
  /* 일반 상세페이지 */
}
article .ttl-wrap {
  height: 190px;
}
article .tab-wrap {
  position: relative;
  width: 1022px;
  margin: -25px auto 0;
  padding-top: 1px;
}
article .tab-wrap .line-t {
  position: absolute;
  left: -1px;
  top: 0;
  width: 1022px;
  height: 1px;
  background: #000;
  filter: alpha(opacity=15);
  opacity: 0.15;
}
article .tab-wrap ul {
  border: 1px solid #d9d9d9;
  border-top: 0;
}
article .tab-wrap li {
  position: relative;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  background: #fff;
  text-align: center;
}
article .tab-wrap li a {
  display: block;
}
article .tab-wrap li:before {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  top: 15px;
  width: 1px;
  height: 16px;
  background: #d9d9d9;
}
article .tab-wrap li:first-child:before {
  display: none;
}
article .tab-wrap li.on:before {
  display: none;
}
article .tab-wrap li.on {
  background: #f1592a;
  color: #fff;
  z-index: 9;
}
article .tab-wrap li.on:after {
  content: '';
  display: block;
  left: 0;
  top: 100%;
  width: 100%;
  height: 10px;
  background: url('../images/common/tab_on.png') 50% 0 no-repeat;
}
article .tab-wrap .col-2 li {
  width: 510px;
}
article .tab-wrap .col-3 li {
  width: 340px;
}
article .tab-wrap .col-4 li {
  width: 255px;
}
article .tab-wrap .col-5 li {
  width: 204px;
}
article .tab-wrap .col-6 li {
  width: 170px;
}
article .tab-wrap .b-l {
  border-left-color: #f1592a;
}
article .tab-wrap .b-r {
  border-right-color: #f1592a;
}
article .cont-wrap {
  margin-top: 30px;
}
article .cont-wrap h3 {
  width: 1020px;
  margin: 0 auto 20px;
  text-align: center;
  font-size: 14px;
  line-height: 150%;
}
article .cont-wrap h3 em {
  color: #3c3c3c;
  margin-right: 12px;
  font-size: 18px;
}
article .cont-wrap .inner-tab {
  width: 1020px;
  margin: 0 auto 30px;
  border: 1px solid #d9d9d9;
  text-align: center;
}
article .cont-wrap .inner-tab li {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  cursor: pointer;
}
article .cont-wrap .inner-tab li:before {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  left: -1px;
  top: 11px;
  background: #d9d9d9;
}
article .cont-wrap .inner-tab li:first-child:before {
  display: none;
}
article .cont-wrap .inner-tab li.on {
  color: #f1592a;
}
article .breadcrumb {
  position: relative;
  padding: 20px 0;
  font-size: 13px;
}
article .breadcrumb * {
  margin-right: 5px;
}
article .star {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 78px;
  height: 14px;
  background: url("../images/common/star_bg.png") no-repeat;
}
article .star .fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: url("../images/common/star_on.png") no-repeat;
  overflow: hidden;
}
article .local-search {
  margin-top: 15px;
  text-align: center;
}
article .local-search .keyword {
  width: 360px;
  margin: 0 10px;
}
article .local-search .btn-submit {
  width: 80px;
  line-height: 26px;
  background: #f4732a;
  border: 1px solid #db6726;
  color: white;
}
article .file-wrap {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  background: #f8f8f8;
  border: 1px solid #7f7f7f;
}
article .file-wrap input[type="file"] {
  position: absolute;
  left: -9999px;
}
article .row-list {
  margin-top: 20px;
}
article .row-list > ul {
  border: 1px solid #d9d9d9;
  border-top: 0;
}
article .row-list > ul > li {
  position: relative;
  width: 284px;
  height: 310px;
}
article .row-list > ul > li.bt:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1138px;
  height: 1px;
  background: #d9d9d9;
}
article .row-list > ul > li .soldout {
  position: absolute;
  left: 0;
  top: 1px;
  width: 100%;
  height: 309px;
}
article .row-list > ul > li .soldout .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: alpha(opacity=75);
  opacity: .75;
}
article .row-list > ul > li .soldout img {
  position: relative;
  display: block;
  margin: 90px auto;
}
article .row-list > ul > li:first-child {
  margin-right: 2px;
}
article .row-list > ul > li .badge {
  margin: 0;
  position: absolute;
  left: 20px;
  top: 20px;
  color: #fff;
  text-align: center;
}
article .row-list > ul > li .badge p {
  display: inline-block;
  margin: 0 0 0 4px;
  width: 44px;
  height: 22px;
  line-height: 22px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
}
article .row-list > ul > li .badge p.best {
  background: #fc552d;
}
article .row-list > ul > li .badge p.new {
  background: #39cafa;
}
article .row-list > ul > li .badge p.sale {
  background: #ffb401;
}
article .row-list > ul > li .badge p.event {
  background: #94cb00;
}
article .row-list > ul > li .img {
  margin-top: 54px;
  width: 100%;
  height: 149px;
  text-align: center;
  margin-bottom: 25px;
}
article .row-list > ul > li p {
  margin-left: 20px;
  font-weight: bold;
}
article .row-list > ul > li p.t0 {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #a3a3a3;
}
article .row-list > ul > li p.t1 {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #3c3c3c;
}
article .row-list > ul > li p.t2 {
  font-family: Arial, sans-serif;
  font-size: 22px;
  color: #3c3c3c;
  margin-top: 7px;
}
article .row-list > ul > li .over {
  display: none;
  position: absolute;
  left: -1px;
  top: 0;
  width: 100%;
  padding-bottom: 15px;
  border: 1px solid #B2B2B2;
  background: #fff;
  z-index: 9;
}
article .row-list > ul > li .over .color {
  position: absolute;
  top: 12px;
  right: 12px;
}
article .row-list > ul > li .over .color li {
  width: 24px;
  height: 24px;
  margin-left: 6px;
  margin-bottom: 6px;
  border: 1px solid;
  cursor: pointer;
}
article .row-list > ul > li .over .img {
  margin-top: 53px;
  width: 100%;
  height: 149px;
  text-align: center;
  margin-bottom: 25px;
}
article .row-list > ul > li .over .thumb {
  width: 255px;
  margin: 15px auto 0;
}
article .row-list > ul > li .over .thumb li {
  padding-bottom: 14px;
  filter: alpha(opacity=30);
  opacity: 0.3;
  cursor: pointer;
}
article .row-list > ul > li .over .thumb li.on {
  border-bottom: 3px solid #f1592a;
  filter: alpha(opacity=100);
  opacity: 1;
}
article .row-list > ul > li .over .size {
  width: 255px;
  margin: -1px auto;
  border-top: 1px solid #d9d9d9;
}
article .row-list > ul > li .over .size li {
  width: 42px;
  text-align: center;
  padding-top: 4px;
  margin: 3px 0;
  cursor: pointer;
  color: #3c3c3c;
}
article .row-list > ul > li .over .size li.none {
  color: #d4d4d4;
}
article .board {
  position: relative;
  width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
article .board table {
  width: 100%;
  text-align: center;
  background: #fff;
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
}
article .board table th {
  position: relative;
  font-size: 14px;
  line-height: 35px;
  color: #3c3c3c;
  background: #fbfbfb;
}
article .board table th:before {
  content: '';
  display: block;
  width: 1px;
  height: 13px;
  position: absolute;
  left: -1px;
  top: 12px;
  background: #e5e5e5;
}
article .board table tbody td {
  line-height: 160%;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}
article .board table tbody td.cont {
  text-align: left;
  padding-left: 20px;
}
article .board table tbody td.view {
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  padding: 40px 30px;
}
article .board table tbody td.reply {
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  padding: 40px 30px;
  background: #fbfbfb;
  border-color: #a8a8a8;
}
article .board table tbody td .secret {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  width: 14px;
  height: 18px;
  background: url("../images/common/ico_secret.gif");
}
article .board .btn-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
}
article .board .btn-wrap a {
  float: left;
  margin-left: 10px;
}
article .board-flat {
  position: relative;
  width: 100%;
}
article .board-flat .list {
  margin-left: -12px;
}
article .board-flat .list > a {
  display: block;
  position: relative;
}
article .board-flat .list li {
  position: relative;
  margin-left: 12px;
  margin-bottom: 12px;
  border: 1px solid #d9d9d9;
}
article .board-flat .list.col-2 li {
  width: 562px;
}
article .board-flat .list.col-3 li {
  width: 370px;
}
article .board-flat .list.col-4 li {
  width: 274px;
}
article .board-flat .btn-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
}
article .board-flat .btn-wrap a {
  float: left;
  margin-left: 10px;
}
article .pagination {
  margin-top: 30px;
  padding-bottom: 15px;
  text-align: center;
}
article .pagination > * {
  display: inline-block;
  vertical-align: middle;
}
article .pagination p {
  padding: 0 10px;
}
article .pagination ul {
  display: inline-block;
}
article .pagination ul li {
  position: relative;
  height: 15px;
  line-height: 16px;
  padding: 0 10px;
  font-size: 13px;
  cursor: pointer;
}
article .pagination ul li.on {
  color: #f1592a;
}
article .view {
  position: relative;
  width: 1020px;
  margin: 0 auto;
}
article .view .item {
  position: relative;
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
  margin-top: 30px;
}
article .view .item .ttl-box {
  position: relative;
  height: 37px;
  line-height: 37px;
  background: #f6f6f6;
  padding: 0 30px;
}
article .view .item .ttl-box.type-1 .ttl {
  text-align: center;
  font-size: 14px;
  color: #3c3c3c;
}
article .view .item .ttl-box.type-1 .date {
  position: absolute;
  right: 30px;
  top: 0;
}
article .view .item .ttl-box.type-2 .ttl {
  float: left;
  color: #3c3c3c;
  font-size: 14px;
}
article .view .item .ttl-box.type-2 .ttl span {
  margin-right: 20px;
}
article .view .item .ttl-box.type-2 .fr {
  margin-right: -20px;
  font-size: 14px;
  color: #3c3c3c;
}
article .view .item .ttl-box.type-2 .fr > div {
  position: relative;
  float: left;
  padding: 0 20px;
}
article .view .item .ttl-box.type-2 .fr > div:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 1px;
  height: 13px;
  background: #e5e5e5;
}
article .view .item .ttl-box.type-2 .fr span {
  font-size: 12px;
  color: #909090;
  margin-left: 10px;
}
article .view .item .ttl-box.type-2 .fr .star {
  margin-top: 10px;
}
article .view .item .prod-info {
  padding: 0 30px;
  border-bottom: 1px solid #e5e5e5;
}
article .view .item .prod-info table {
  width: 100%;
}
article .view .item .prod-info td {
  padding: 25px 0;
}
article .view .item .prod-info td span {
  display: inline-block;
  font-size: 12px;
  color: #909090;
}
article .view .item .prod-info td em {
  font-size: 16px;
}
article .view .item .prod-info td p {
  padding: 3px 0;
}
article .view .item .prod-info td.td1 {
  position: relative;
  padding: 14px 0 14px 182px;
  height: 84px;
}
article .view .item .prod-info td.td1 img {
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -42px;
  width: 160px;
  height: 84px;
}
article .view .item .prod-info td.td1 .brand {
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #909090;
  padding: 0;
  font-weight: bold;
}
article .view .item .prod-info td.td1 .name {
  font-size: 15px;
  font-family: Arial, sans-serif;
  color: #3c3c3c;
  font-weight: bold;
}
article .view .item .prod-info td.td1 .code {
  font-size: 12px;
  color: #3c3c3c;
}
article .view .item .prod-info td.td2 {
  text-align: right;
}
article .view .item .prod-info td.td2 a {
  margin-left: 5px;
}
article .view .item .cont-box {
  font-size: 13px;
  line-height: 150%;
  padding: 30px 30px 40px;
}
article .view .item .cont-box.type-2 {
  padding: 0 0 40px;
}
article .view .btn-wrap {
  padding: 20px 0;
  text-align: right;
}
article .view .btn-wrap a {
  margin-left: 10px;
}
article .view .other li {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 50px;
  padding-right: 10px;
  height: 37px;
  line-height: 37px;
  background: url('../images/common/ico_other_next.gif') 30px 15px no-repeat;
}
article .view .other li:first-child {
  border-bottom: 0;
  background-image: url('../images/common/ico_other_prev.gif');
}
article .view .other li a {
  display: block;
}
article .view .other li em {
  margin-right: 20px;
  font-size: 14px;
  color: #3c3c3c;
}
article .view .other li span {
  margin-right: 20px;
}
article .view .other li .fr {
  position: relative;
  padding: 0 20px;
}
article .view .other li .fr:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 13px;
  left: 0;
  top: 11px;
  background: #e5e5e5;
}
article .view .other li .star {
  margin-top: 10px;
}
article .write {
  position: relative;
  width: 1020px;
  margin: 0 auto;
}
article .write .form-wrap {
  margin-top: 30px;
}
article .write .form-wrap .table-wrap {
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
}
article .write .form-wrap table {
  width: 100%;
}
article .write .form-wrap table tr {
  border-bottom: 1px solid #e5e5e5;
}
article .write .form-wrap table tr:first-child {
  border-top: 1px solid #e5e5e5;
}
article .write .form-wrap table tr th {
  font-size: 15px;
  color: #3a3a3a;
  padding: 20px;
  text-align: left;
}
article .write .form-wrap table tr th img {
  margin-top: -3px;
  margin-right: 5px;
}
article .write .form-wrap table tr td {
  padding: 20px 0;
  text-align: left;
}
article .write .form-wrap table tr td .star {
  display: inline-block;
  vertical-align: middle;
}
article .write .form-wrap table tr td.warning {
  padding: 15px 12px;
  vertical-align: top;
  border-left: 1px solid #e5e5e5;
}
article .write .form-wrap table tr td.warning img {
  vertical-align: top;
  margin-right: 10px;
}
article .write .form-wrap table tr td.warning ol {
  padding: 10px 0;
}
article .write .form-wrap table tr td.warning li {
  margin-bottom: 20px;
}
article .write .form-wrap .btn-wrap {
  margin: 50px 0 0;
}
article .write .form-wrap .btn-wrap a {
  margin: 0 12px;
}
article .comment-wrap {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #a8a8a8;
}
article .comment-wrap > p {
  margin-left: 20px;
  font-size: 13px;
}
article .comment-wrap > p em {
  font-size: 15px;
  color: #3c3c3c;
  margin-right: 12px;
}
article .comment-wrap .input-box {
  position: relative;
  border: 1px solid #d9d9d9;
  padding: 20px;
  margin-top: 20px;
}
article .comment-wrap .input-box textarea {
  display: block;
  width: 990px;
  height: 48px;
}
article .comment-wrap .input-box .btn-submit {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 88px;
  height: 68px;
  line-height: 68px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  background: #f4732a;
  border: 1px solid #a64e1d;
}
article .comment-wrap .comment-list {
  margin-top: -1px;
}
article .comment-wrap .comment-list li {
  border: 1px solid #d9d9d9;
  margin-top: -1px;
  padding: 20px;
  font-size: 13px;
}
article .comment-wrap .comment-list li span {
  display: inline-block;
  height: 13px;
  line-height: 13px;
  padding: 0 8px;
  border-left: 1px solid #909090;
}
article .comment-wrap .comment-list li span:first-child {
  border: 0;
}
/*--------------------------------------------------------------------------------------------------------------
 *  footer
 *--------------------------------------------------------------------------------------------------------------*/
footer {
  position: relative;
  border-top: 3px solid #f1592a;
  background: #fff;
}
footer .top {
  position: absolute;
  display: block;
  right: -72px;
  top: -67px;
  width: 42px;
  height: 42px;
  background: url("/images/common/top.gif");
}
footer .top-wrap {
  padding: 23px 0;
  height: 230px;
  color: #656565;
  line-height: 160%;
}
footer .top-wrap .inner-wrap:after {
  content: '';
  display: block;
  clear: both;
}
footer .top-wrap .inner-wrap > div {
  float: left;
  position: relative;
  padding: 0 20px;
  height: 237px;
}
footer .top-wrap .inner-wrap > div .ttl {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #f1592a;
}
footer .top-wrap .inner-wrap > div .ttl span {
  font-size: 13px;
  color: #909090;
  margin-left: 10px;
}
footer .top-wrap .inner-wrap > div .ttl .fr {
  font-size: 13px;
  font-weight: bold;
  color: #909090;
}
footer .top-wrap .inner-wrap > div:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 230px;
  background: #e5e5e5;
}
footer .top-wrap .inner-wrap > div:first-child:before {
  display: none;
}
footer .top-wrap .inner-wrap .customer {
  width: 262px;
  padding-left: 0;
  font-size: 13px;
  line-height: 160%;
}
footer .top-wrap .inner-wrap .customer .tel {
  margin: 20px 0;
}
footer .top-wrap .inner-wrap .customer .tel img {
  display: block;
}
footer .top-wrap .inner-wrap .customer ul {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  margin-top: 10px;
}
footer .top-wrap .inner-wrap .customer ul li {
  padding: 7px 0;
  width: 131px;
  height: 20px;
  line-height: 22px;
  font-weight: bold;
}
footer .top-wrap .inner-wrap .customer ul li a {
  display: block;
}
footer .top-wrap .inner-wrap .customer ul li a img {
  display: block;
  float: left;
  margin-right: 8px;
}
footer .top-wrap .inner-wrap .offline {
  width: 535px;
}
footer .top-wrap .inner-wrap .offline ul {
  margin-top: 20px;
}
footer .top-wrap .inner-wrap .offline ul li {
  width: 140px;
  margin-left: 25px;
}
footer .top-wrap .inner-wrap .offline ul li img {
  display: block;
  margin: 0 auto 20px;
}
footer .top-wrap .inner-wrap .offline ul li .small {
  font-size: 11px;
  color: #909090;
}
footer .top-wrap .inner-wrap .event {
  position: relative;
  width: 535px;
}
footer .top-wrap .inner-wrap .event img {
  display: block;
  position: absolute;
  left: 0;
  top: -23px;
  width: 576px;
  height: 276px;
  max-width: inherit;
}
footer .top-wrap .inner-wrap .notice {
  width: 263px;
  padding-right: 0;
}
footer .top-wrap .inner-wrap .notice ul {
  margin-top: 20px;
}
footer .top-wrap .inner-wrap .notice ul li {
  margin-bottom: 10px;
}
footer .top-wrap .inner-wrap .notice .qr {
  display: block;
  position: absolute;
  right: 0;
  top: 135px;
}
footer .top-wrap .inner-wrap .notice a {
  display: block;
  margin-top: 5px;
}
footer .bottom-wrap {
  border-top: 1px solid #cecece;
  padding: 16px 0;
  height: 78px;
  color: #b2b2b2;
  font-size: 11px;
  line-height: 160%;
  background: #fafafa;
}
footer .bottom-wrap .inner-wrap:after {
  content: '';
  display: block;
  clear: both;
}
footer .bottom-wrap .inner-wrap > div {
  float: left;
  position: relative;
  padding-left: 30px;
  width: 253px;
}
footer .bottom-wrap .inner-wrap > div:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 78px;
  background: #e5e5e5;
}
footer .bottom-wrap .inner-wrap > div:first-child {
  width: 857px;
  padding: 0;
}
footer .bottom-wrap .inner-wrap > div:first-child:before {
  display: none;
}
footer .bottom-wrap .inner-wrap li {
  position: relative;
  padding: 0 20px;
  font-size: 12px;
  height: 12px;
  line-height: 14px;
  margin-bottom: 10px;
}
footer .bottom-wrap .inner-wrap li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 12px;
  background: #e5e5e5;
}
footer .bottom-wrap .inner-wrap li:first-child {
  padding-left: 0;
}
footer .bottom-wrap .inner-wrap .fs12 {
  margin-bottom: 12px;
}
footer .bottom-wrap .inner-wrap img {
  margin-top: 4px;
}
/*--------------------------------------------------------------------------------------------------------------
 *  popup
 *--------------------------------------------------------------------------------------------------------------*/
.pop {
  display: none;
}
.pop .dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=65);
  opacity: 0.65;
}
.pop .body {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 2px solid #f15a29;
}
.pop .body .btn-close {
  position: absolute;
  right: 20px;
  top: 18px;
}
.pop .body .ttl {
  font-size: 16px;
  line-height: 54px;
  color: #f1592a;
  text-align: center;
}
.pop .pagination {
  margin-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.pop .pagination > * {
  display: inline-block;
  vertical-align: middle;
}
.pop .pagination p {
  padding: 0 10px;
}
.pop .pagination ul {
  display: inline-block;
}
.pop .pagination ul li {
  position: relative;
  height: 15px;
  line-height: 16px;
  padding: 0 10px;
  font-size: 13px;
  cursor: pointer;
}
.pop .pagination ul li.on {
  color: #f1592a;
}
.pop.alert,
.pop.confirm {
  width: 450px;
  height: 180px;
}
.pop.alert .body,
.pop.confirm .body {
  height: 100%;
}
.pop.alert .msg,
.pop.confirm .msg {
  margin: 40px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #3c3c3c;
  text-align: center;
}
.pop.alert a,
.pop.confirm a {
  margin: 0 5px;
}
.pop.size {
  width: 1020px;
  height: 680px;
}
.pop.size .box-table {
  height: 624px;
  overflow-y: scroll;
  border-top: 1px solid #e5e5e5;
}
.pop.size .box-table table {
  width: 100%;
}
.pop.size .box-table table th {
  border: 1px solid #e5e5e5;
  font-size: 14px;
  color: #3c3c3c;
  padding: 14px 0;
}
.pop.size .box-table table td {
  border: 1px solid #e5e5e5;
  padding: 14px 0;
  text-align: center;
}
.pop.size .box-table .nike {
  margin-top: 10px;
}
.pop.size .box-table .nike:after {
  content: '';
  display: block;
  clear: both;
}
.pop.size .box-table .nike p {
  padding-left: 20px;
  font-size: 16px;
  color: #3c3c3c;
  line-height: 50px;
}
.pop.size .box-table .nike .col > div {
  width: 50%;
  float: left;
}
.pop.size .box-table .nike th {
  border: 0;
  text-align: left;
  padding-left: 30px;
}
.pop.size .box-table .nike td {
  border: 0;
  text-align: left;
  padding-left: 30px;
}
.pop.size .box-table .nike tr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.pop.zipcode {
  width: 448px;
}
.pop.zipcode .zipcode-tab {
  border-top: 1px solid #e5e5e5;
}
.pop.zipcode .zipcode-tab li {
  width: 223px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #cacaca;
  background: #f6f6f6;
  border-bottom: 1px solid #e5e5e5;
}
.pop.zipcode .zipcode-tab li:first-child {
  border-right: 1px solid #e5e5e5;
  width: 222px;
}
.pop.zipcode .zipcode-tab li.on {
  color: #f15a29;
  background: #fff;
  border-bottom: 0;
}
.pop.zipcode .zipcode-view .view {
  padding: 12px;
}
.pop.zipcode .zipcode-view .view p {
  margin: 8px 0;
}
.pop.zipcode .zipcode-view .view .list {
  margin-bottom: 15px;
  padding: 10px;
  height: 100px;
  border: 1px solid #e5e5e5;
  overflow-y: scroll;
}
.pop.zipcode .zipcode-view .view .list p {
  margin: 4px 0;
}
.pop.zipcode .zipcode-view .view .list span {
  margin: 0 6px;
}
.pop.zipcode .zipcode-view .view .addr_input {
  margin-top: 20px;
}
.pop.coupon {
  width: 860px;
}
.pop.coupon .body {
  padding-bottom: 40px;
  height: 780px;
  overflow-y: auto;
}
.pop.coupon .tbl-wrap {
  margin-top: 10px;
}
.pop.coupon .tbl-wrap .t0 {
  font-size: 16px;
  line-height: 48px;
  color: #3c3c3c;
  margin-left: 20px;
}
.pop.coupon .tbl-wrap table {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #3c3c3c;
}
.pop.coupon .tbl-wrap tr {
  border-top: 1px solid #e5e5e5;
}
.pop.coupon .tbl-wrap tr:first-child {
  border: 0;
}
.pop.coupon .tbl-wrap th {
  position: relative;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background: #fbfbfb;
}
.pop.coupon .tbl-wrap th:after {
  content: '';
  display: block;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  top: 11px;
  width: 1px;
  height: 18px;
}
.pop.coupon .tbl-wrap th:first-child:after {
  display: none;
}
.pop.coupon .tbl-wrap td {
  padding: 25px 0;
  text-align: center;
}
.pop.coupon .tbl-wrap td p {
  padding: 3px 0;
}
.pop.coupon .tbl-wrap td.cont {
  position: relative;
  padding: 14px 0 14px 140px;
  height: 84px;
  text-align: left;
}
.pop.coupon .tbl-wrap td.cont img {
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -31px;
  width: 118px;
  height: 62px;
}
.pop.coupon .tbl-wrap td.cont .brand {
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #909090;
  padding: 0;
  font-weight: bold;
}
.pop.coupon .tbl-wrap td.cont .name {
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #3c3c3c;
  font-weight: bold;
}
.pop.coupon .tbl-wrap .btn-wrap {
  margin-top: 25px;
  text-align: center;
}
.pop.share {
  width: 600px;
}
.pop.share ul {
  padding: 20px 0 40px;
  margin-left: 33px;
}
.pop.share ul li {
  margin-right: 30px;
}
.pop.bidding {
  width: 430px;
}
.pop.bidding .form-wrap {
  position: relative;
  padding: 0 25px 20px;
}
.pop.bidding .form-wrap .price {
  display: block;
  line-height: 43px;
  height: 43px;
  width: 366px;
  margin-bottom: 12px;
}
.pop.bidding .form-wrap span {
  display: block;
  position: absolute;
  right: 40px;
  top: 15px;
  font-size: 14px;
  color: #3c3c3c;
}
.pop.bidding .form-wrap .btn {
  float: left;
}
.pop.bidding .form-wrap .btn:first-child {
  margin-right: 14px;
}


.pop.cardInfo {
  width: 424px;
}
.pop.cardInfo .cont-wrap {
  position: relative;
}
.pop.cardInfo .cont-wrap > div {
  width: 420px;
  text-align:center;
}



.pop.addressBook {
  width: 630px;
}
.pop.addressBook .cont-wrap {
  position: relative;
  padding: 0 20px;
}
.pop.addressBook .cont-wrap .fs13 {
  line-height: 35px;
}
.pop.addressBook .cont-wrap .tbl-wrap {
  border-top: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
}
.pop.addressBook .cont-wrap table {
  width: 100%;
  text-align: center;
  background: #fff;
  overflow: hidden;
}
.pop.addressBook .cont-wrap table th {
  position: relative;
  font-size: 14px;
  line-height: 35px;
  color: #3c3c3c;
  background: #fbfbfb;
}
.pop.addressBook .cont-wrap table th:before {
  content: '';
  display: block;
  width: 1px;
  height: 13px;
  position: absolute;
  left: -1px;
  top: 12px;
  background: #e5e5e5;
}
.pop.addressBook .cont-wrap table tbody td {
  line-height: 160%;
  padding: 10px 0;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.pop.orderNote {
  width: 890px;
}
.pop.orderNote .cont-wrap {
  position: relative;
  padding: 0 40px 30px;
}
.pop.orderNote .cont-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.pop.orderNote .cont-wrap > div {
  float: left;
  width: 384px;
  margin-left: 40px;
}
.pop.orderNote .cont-wrap > div:first-child {
  margin: 0;
}
.pop.orderNote .cont-wrap em {
  display: block;
  font-size: 14px;
  line-height: 40px;
  color: #3c3c3c;
  border-bottom: 1px solid #7f7f7f;
}
.pop.orderNote .cont-wrap ol {
  margin-top: 20px;
}
.pop.orderNote .cont-wrap p {
  margin: 12px 0;
}
.pop.stock {
  width: 960px;
  height: 780px;
}
.pop.stock .body {
  border: 0;
}
.pop.stock .body .close {
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
}
.pop.stock .body .next {
  right: 0;
  bottom: 0;
  width: 140px;
  height: 80px;
}
.pop.stock .body .prev {
  display: none;
  left: 0;
  bottom: 0;
  width: 140px;
  height: 80px;
}
.pop.msgStock {
  width: 400px;
  height: 150px;
}
.pop.auctionJoinList {
  width: 890px;
}
.pop.auctionJoinList .cont-wrap {
  padding: 0 20px;
}
.pop.auctionJoinList .tab {
  margin-top: 10px;
  border: 1px solid #d9d9d9;
  text-align: center;
}
.pop.auctionJoinList .tab li {
  position: relative;
  width: 282px;
  height: 42px;
  line-height: 42px;
  color: #777;
  font-size: 15px;
}
.pop.auctionJoinList .tab li:before {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  left: -1px;
  top: 11px;
  background: #d9d9d9;
}
.pop.auctionJoinList .tab li:first-child:before {
  display: none;
}
.pop.auctionJoinList .tbl-wrap {
  margin-top: 10px;
}
.pop.auctionJoinList table {
  width: 100%;
  text-align: center;
  background: #fff;
  overflow: hidden;
}
.pop.auctionJoinList table td {
  padding: 4px 0;
}
.pop.auctionJoinList table td:first-child {
  font-size: 15px;
}
.pop.exchangeCoupon {
  width: 430px;
}
.pop.exchangeCoupon .form-wrap {
  position: relative;
  padding: 0 25px 20px;
}
.pop.exchangeCoupon .form-wrap .number {
  display: block;
  line-height: 43px;
  height: 43px;
  width: 366px;
  margin: 15px 0;
  background: url("/images/common/input_bg_check.gif") right center no-repeat;
}
.pop.exchangeCoupon .form-wrap .number.on {
  background-image: url("/images/common/input_bg_check_on.gif");
}
.pop.mms {
  width: 450px;
  height: 215px;
}
.pop.mms .body {
  height: 100%;
}
.pop.mms .body .txt {
  padding: 0 60px;
}
.pop.mms .msg {
  margin: 40px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #3c3c3c;
  text-align: center;
}
.pop.mms a {
  margin: 0 5px;
}