@charset "utf-8";

@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 400;
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot");
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix")
      format("embedded-opentype"),
    url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff")
      format("woff"),
    url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf")
      format("truetype");
}

@font-face {
  font-family: "NanumSquare-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot");
  src: url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix")
      format("embedded-opentype"),
    url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff")
      format("woff"),
    url("//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf")
      format("truetype");
}

/* reset */
html {
  overflow-y: scroll;
}
body {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  font-family: "Spoqa Han Sans Neo", sans-serif;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: "Spoqa Han Sans Neo", sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
}
i {
  font-style: normal;
}

ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1em;
}
input,
button {
  margin: 0;
  padding: 0;
  font-family: "Spoqa Han Sans Neo", sans-serif;
  font-size: 1em;
}
input[type="submit"] {
  cursor: pointer;
}
button,
label {
  cursor: pointer;
}

textarea,
select {
  font-family: "Spoqa Han Sans Neo", sans-serif;
  font-size: 1em;
}
select {
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
  word-break: break-all;
}
hr {
  display: none;
}
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a {
  color: #000;
  text-decoration: none;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="text"],
input[type="password"],
textarea {
  outline: none;
  padding: 0 14px;
}

input[type="checkbox"],
input[type="radio"] {
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  -webkit-appearance: none;
}

input[type="checkbox"] {
  width: 22px;
  height: 20px;
  background: url("/images/fzone/icon_chk_off.png") 0px 0px no-repeat;
  margin-right: 7px;
}
input[type="checkbox"]:checked {
  width: 22px;
  height: 20px;
  background: url("/images/fzone/icon_chk_on.png") 0px 0px no-repeat;
}
input[type="checkbox"] + label {
  cursor: pointer;
  margin: 0 20px 0 0;
  vertical-align: middle;
}

input[type="radio"] {
  width: 20px;
  height: 20px;
  background: #fff url("/images/fzone/icon_radio_off.png") -2px -2px no-repeat;
  border-radius: 20px;
  margin: 0 5px 0 0;
  position: relative;
  vertical-align: middle;
}
input[type="radio"]:checked {
  background: #fff url("/images/fzone/icon_radio_on.png") -2px -2px no-repeat;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type="radio"] + label {
  cursor: pointer;
  margin: 0 20px 0 0;
  vertical-align: middle;
}

.placeholdersjs {
  color: #aaa !important;
}

input::placeholder {
  color: #c1c1c1;
}

#wrapper {
  width:100%;
  min-width: 1200px;
  margin:0 auto;
}

.comm-top-bnr {
  height: 40px;
}
.comm-top-bnr .cont-wrap {
  width: 1200px
  height: 40px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.comm-top-bnr .cont-wrap .btn_bnr {
  color: #fff;
  font-size: 13px;
  line-height: 40px;
}
.comm-top-bnr .cont-wrap .btn_bnr i {
  width: 24px;
  height: 24px;
  background: url("/images/fzone/icon_right.png") 0 0 no-repeat;
  display: inline-block;
  vertical-align: -7px;
}
.comm-top-bnr .cont-wrap .btn_close {
  position: absolute;
  right: -6px;
  top: 8px;
}

.header-wrap {
  position: relative;
  z-index: 100;
}
.header-wrap .row1 {
  width: 1200px;
  height: 72px;
  margin: 0 auto;
  position: relative;
}
.header-wrap .row1 .btn_logo {
  display: inline-block;
  margin-top: 24px;
}
.header-wrap .row1 .comm-lnb {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 21px;
}
.header-wrap .row1 .comm-lnb li {
  display: inline-block;
}
.header-wrap .row1 .comm-lnb li a {
  color: #5a5a5a;
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding: 9px;
}
.header-wrap .row1 .comm-lnb li:last-child a {
  padding-right: 0;
}
/*.header-wrap .gnb-on {width:100%; height:498px !important; z-index:70;}*/
.header-wrap .row2 {
  height: 54px;
  background-color: #fff;
  border: #fbf8f8 1px solid;
  border-width: 1px 0;
}
.header-wrap .row2 .gnb-wrap {
  width: 1200px;
  height: 54px;
  margin: 0 auto;
  position: relative;
}
.header-wrap .row2 .gnb-wrap .gnb_menu li {
  display: inline-block;
  margin-right:50px;  
}


.header-wrap .row2 .gnb-wrap .gnb_menu li a {
  color: #3a3a3a;
  display: block;
  font-size: 14px;
  padding: 17px 0 17px 0;
}



.header-wrap .row2 .gnb-wrap .gnb_util {
  position: absolute;
  right: -7px;
  top: 7px;
}
.header-wrap .row2 .gnb-wrap .gnb_util li {
  display: inline-block;
  position: relative;
}
.header-wrap .row2 .gnb-wrap .gnb_util li a {
  display: inline-block;
  padding: 7px 7px;
}
.header-wrap .row2 .gnb-wrap .gnb_util .btn_sch {
  position: absolute;
  right: 2px;
  top: -3px;
}
.header-wrap .row2 .gnb-wrap .gnb_util .sch_ipt {
  width: 240px;
  height: 32px;
  border-radius: 16px;
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  border:none;
}

.header-wrap .row2 .gnb-wrap .gnb_util .sch_ipt:hover{
  border: #e1e1e1 1px solid;
}


.header-wrap .row2 .gnb-wrap .gnb_util .btn_cart {
  position: relative;
}
.header-wrap .row2 .gnb-wrap .gnb_util .btn_cart i {
  width: 14px;
  height: 14px;
  background-color: #282A44;
  border: #fff 1px solid;
  border-radius: 12px;
  color: #fff;
  display: inline-block;
  font-family: "NanumSquare";
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 6px;
}
.header-wrap .gnb-on {
  height: 450px !important;
  background-color: #fff;
  box-shadow: 0px 2px 3px 0px rgb(0, 0, 0, 0.1);
  margin-top: -2px;
  z-index: 70;
}
.header-wrap .row2 .col1 {
  width: 54px;
}
.header-wrap .row2 .gnb_menu_list {
  width: 1200px;
  height: 265px;
  margin: 0 auto;
}
.header-wrap .row2 .gnb_menu_list li {
  display: inline-block;
  vertical-align: top;
}
.header-wrap .row2 .gnb_menu_list li:first-child a {
  margin-left: -2px;
  padding: 10px 0 10px 0;
}
.header-wrap .row2 .gnb_menu_list li a {
  color: #7a7a7a;
  display: block;
  font-size: 13px;
  letter-spacing: -1.0px;
  padding: 0 0 10px 0;
}

.header-wrap .row2 .gnb_menu_list .col2 { margin-right:30px;}
.header-wrap .row2 .gnb_menu_list .col3 { margin-right:40px;}
.header-wrap .row2 .gnb_menu_list .col4 { margin-right:43px;}
.header-wrap .row2 .gnb_menu_list .col5 { margin-right:65px;}


.header-wrap .row2 .gnb_menu_list li:first-child {
  margin-right:-10px;
}

.header-wrap .row2 .gnb_menu_list li a:hover {
  color: #282A44;
}

.header-wrap .row2 .gnb-bnr {
  width: 1200px;
  background-color: #fffbfb;
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 20px 15px 0;
}
.header-wrap .row2 .gnb-bnr li {
  float: left;
}
.header-wrap .row2 .gnb-bnr li a {
  width: 187px;
  height: 92px;
  background-color: #fadbd9;
  border-radius: 20px;
  display: inline-block;
  margin-left: 15px;
  padding: 57px 0 17px;
  text-align: center;
}
.header-wrap .row2 .gnb-bnr li:first-child {
  width: 247px;
  color: #3a3a3a;
  font-size: 14px;
  margin-left: 0;
  padding: 36px 0 36px 54px;
  text-align: left;
}

#navbar {
  box-shadow: 0px 2px 3px 0px rgb(0, 0, 0, 0.1);
}
.sticky {
  width: 100%;
  position: fixed;
  top: 0;
}
.sticky + .content {
  padding-top: 60px;
}

.float-util {
  width: 58px;
  bottom: 30px;
  position: fixed;
  right: 20px;
  z-index: 1000;
}
.float-util a {
  display: block;
}
.float-util a:first-child {
  margin-bottom: -8px;
}

.footer-wrap {
  height: 244px;
  background-color: #333;
  padding-top:60px;
}
.footer-content {
  width: 1200px;
  margin: 0px auto;
}
.footer-content li {
  color: #ababab;
  display: block;
  font-size: 12px;
  line-height: 20px;
}
.footer-content li i {
  color: #282A44;
}
.footer-content .col1 {
  width: 364px;
  display: inline-block;
  float: left;
}
.footer-content .col2 {
  width: 364px;
  display: inline-block;
  float: left;
}
.footer-content .col1 a{
  color: #ababab;
}

.footer-content .col2 i{
  color: #ababab;
}

.footer-content .col3 {
  width: 348px;
  display: inline-block;
  float: right;
  position: relative;
}
.footer-content .col3 li {
  display: inline-block;
  position: relative;
}
.footer-content .col3 li:before {
  width: 1px;
  height: 11px;
  background-color: #8d8d8d;
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: 4px;
}
.footer-content .col3 li:last-child:before {
  display: none;
}
.footer-content .col3 li a {
  color: #ababab;
  display: block;
  padding: 0 8px;
}
.footer-content .col3 .sns {
  position: absolute;
  right: -4px;
  top: 0;
}
.footer-content .col3 .sns a {
  display: inline-block;
  padding: 0 4px;
}

/* main */
.container {
  position: relative;
  z-index: 50;
}

.main-bnr-wrap {
  position: relative;
}
.slide-page {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-family: "NanumSquare";
  font-size: 12px;
  font-weight: 700;
  margin-right: -538px;
  padding: 3px 15px;
  position: absolute;
  right: 50%;
  top: 314px;
}
.main-slide {
  height: 360px;
}
.main-slide .main-slide-cont {
  width: 1200px;
  height: 360px;
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 87px 0 0;
}
.main-slide .main-slide-cont li {
  display: block;
}
.main-slide .main-slide-cont .txt_type1 {
  color: #3a3a3a;
  font-size: 26px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 7px;
}
.main-slide .main-slide-cont .txt_type2 {
  color: #3a3a3a;
  font-size: 26px;
  font-weight: 300;
  line-height: 33px;
  margin-bottom: 17px;
}
.main-slide .main-slide-cont .txt_type3 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 35px;
}
.main-slide .main-slide-cont .btn_more {
  font-size: 11px;
  padding: 7px 18px 8px;
}

.main-sec1 {
  margin: 47px 0 60px;
}
.main-sec1-cont {
  width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.main-sec1-cont .tit-txt1 {
  margin-bottom: 31px;
}
.main-sec1-cont .tit-txt1 a {
  display: inline-block;
  line-height: 24px;
  margin-left: 3px;
  vertical-align: 2px;
}
.main-sec1-cont .tab-menu-type1 a {
  width: 106px;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 0 7px;
  text-align: center;
}

.main-sec2 {
  background-color: #f7f7f7;
  padding: 47px 0 60px;
}
.main-sec2-cont {
  width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.main-sec2-cont .tit-txt1 {
  margin-bottom: 31px;
}
.main-sec2-cont .tit-txt1 a {
  display: inline-block;
  line-height: 24px;
  margin-left: 3px;
  vertical-align: 2px;
}
.main-sec2-cont .bnr-list1 {
  height: 258px;
}

.main-sec3 {
  margin: 67px 0 60px;
}
.main-sec3-cont {
  width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.main-sec3-cont .tit-txt1 {
  margin-bottom: 31px;
}
.main-sec3-cont .tit-txt1 a {
  display: inline-block;
  line-height: 24px;
  margin-left: 3px;
  vertical-align: 2px;
}

.main-sec4 {
  background-color: #f7f7f7;
  padding: 47px 0 60px;
}
.main-sec4-cont {
  width: 1200px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.main-sec4-cont .tit-txt1 {
  margin-bottom: 31px;
}
.main-sec4-cont .tit-txt1 a {
  display: inline-block;
  line-height: 24px;
  margin-left: 3px;
  vertical-align: 2px;
}
.main-sec4-cont .bnr-list2 {
  height: 344px;
}

.main-sec5 {
  padding: 67px 0 70px;
}
.main-sec5-cont {
  width: 1200px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.main-sec5-cont .tit-txt1 {
  margin-bottom: 31px;
}
.main-sec5-cont .tit-txt1 a {
  display: inline-block;
  line-height: 24px;
  margin-left: 3px;
  vertical-align: 2px;
}
.ins-list {
  display: block;
}
.ins-list.col-6 li {
  width: 171px;
}
.ins-list li {
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
}
.ins-list li:nth-child(6n) {
  margin-right: 0;
}


.main-sec3-conto {
  width: 100%;
  height:587px; 
  display: block;
  margin: 0 auto;
  padding-top:60px;
  position: relative;
  background-color:#333;
}
.main-sec3-conto .otit-txt {
	width:156px; 
	height:45px;
	margin:0 auto;
	padding-top:10px;
    border-radius: 22px;
    background-color: #c1a363;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
}




/* goods */

.detail-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto;
}

.prd-wraphead {
  width:100%;
  height:530px;
  margin: 0;
  overflow: hidden;
  background-color:#282a44;
}

.detail-wrap .prd-wrap {
  width:1200px;
  margin: 0 auto;
  overflow: hidden;
  background-color:#282a44;
}
.detail-wrap .img-area {
  width: 530px;
  float: left;
  margin-right: 37px;
  text-align: center;
}
.detail-wrap .img-area .slide-img-page {
  display: inline-block;
  margin-top: 37px;
}
.detail-wrap .img-area .slide-img-page li {
  display: inline-block;
  float: left;
  padding: 0 4px;
}
.detail-wrap .img-area .slide-img-page li a {
  width: 10px;
  height: 10px;
  background-color: #e1e1e1;
  border-radius: 10px;
  display: block;
}
.detail-wrap .img-area .slide-img-page li a:hover {
  background-color: #282A44;
}
.detail-wrap .img-area .slide-img-page li a.on {
  background-color: #282A44;
}
.detail-wrap .info-area {
  width: 450px;
  float: left;
  padding: 56px 0 0 88px;
}

.detail-wrap .info-area .btn_wish {
  float: left;
  width: 24px;
  height: 24px;
  background: url("/images/fzone/ico_wish.png") 0 0 no-repeat;
  margin-top: 5px;
}
.detail-wrap .info-area .btn_wish_on {
  background-position: 0 -24px;
}
.detail-wrap .info-area .btn_wish:hover {
  background-position: 0 -24px;
}
.detail-wrap .info-area .prd-price {
  color: #5a5a5a;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}
.detail-wrap .info-area .prd-price .discount {
  color: #282A44;
  margin-right: 10px;
}
.detail-wrap .info-area .price-org {
  color: #a1a1a1;
  font-size: 16px;
  font-weight: 500;
  text-decoration: line-through;
}
.detail-wrap .info-area .prd-info {
  border-top: #e1e1e1 1px solid;
  margin: 30px 0 0;
  padding-top: 11px;
}
.detail-wrap .info-area .prd-info table th {
  color: #eb7067;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 13px;
  text-align: left;
  vertical-align: top;
}
.detail-wrap .info-area .prd-info table td {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 13px;
  text-align: left;
  vertical-align: top;
}
.detail-wrap .info-area .opt-selected {
  background-color: #f7f7f7;
  margin-top: 28px;
}
.detail-wrap .info-area .opt-select-box {
  border-bottom: #e1e1e1 1px solid;
}
.detail-wrap .info-area .opt-select-box li {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 500;
  padding: 18px 20px 20px;
  position: relative;
}
.detail-wrap .info-area .opt-select-box .prd-spinner {
  width: 106px;
  height: 36px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  bottom: 12px;
  display: inline-block;
  position: absolute;
  right: 10px;
}
.detail-wrap .info-area .opt-select-box .prd-spinner button[type="button"] {
  width: 34px;
  height: 34px;
  border: 0;
  font-size: 0;
}
.detail-wrap .info-area .opt-select-box .prd-spinner .btn-plus {
  background: url("/images/fzone/icon-plus.png") center center no-repeat;
}
.detail-wrap .info-area .opt-select-box .prd-spinner .btn-minus {
  background: url("/images/fzone/icon-minus.png") center center no-repeat;
}
.detail-wrap .info-area .opt-select-box .prd-spinner input[type="text"] {
  width: 29px;
  border: 0;
  padding: 0;
  text-align: center;
}
.detail-wrap .info-area .opt-select-box .price {
  margin-top: 10px;
}
.detail-wrap .info-area .opt-total {
  overflow: hidden;
  padding: 10px 12px 18px 18px;
}
.detail-wrap .info-area .opt-total li {
  width: 50%;
  color: #3a3a3a;
  display: inline-block;
  float: left;
  font-size: 17px;
  font-weight: 700;
}
.detail-wrap .info-area .btn-group {
  margin-top: 22px;
}
.detail-wrap .info-area .btn-group .btn-type3 {
  width: 182px;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  margin-right: 13px;
}
.detail-wrap .info-area .btn-group .btn-type4 {
  width: 311px;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
}

.detail-wrap .detail-tab {
	overflow: hidden;
}
.detail-wrap .detail-tab li {
  float: left;
  margin-right:40px;
  padding-top:20px;
  
}
.detail-wrap .detail-tab li a {
  height: 59px;
  color: #7d7d7d;
  display: block;
  font-family: Pretendard;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}
.detail-wrap .detail-tab li a i {
  width: 100%;
  height: 1px;
  //background-color: #fdedeb;
  bottom: 0;
  display: block;
  position: absolute;
  left: 0;
}
.detail-wrap .detail-tab li a.on {
  height:39px;
  color: #5a5a5a;
  display: block;
  text-align: center;
  border-bottom:3px solid #282a44; 
}


.detail-wrap .prd-sec1 {
  border-bottom: #f7f7f7 4px solid;
  margin: 40px 0 50px;
  padding-bottom: 50px;
}
.detail-wrap .prd-sec2 {
  margin: 40px 0 50px;
  overflow: hidden;
  padding-bottom: 50px;
}
.detail-wrap .prd-sec3 {
  margin: 30px 0 30px;
  overflow: hidden;
}
.detail-wrap .prd-sec4 {
  margin: 30px 0 30px;
  overflow: hidden;
}

.detail-wrap .info-area2 {
  width: 528px;
  display: inline-block;
  float: left;
}
.detail-wrap .info-area3 {
  width: 528px;
  display: inline-block;
  float: left;
}
.detail-wrap .info-area4 {
  width: 100%;
  background-color: #f9f6f8;
  display: block;
  float: left;
  margin-top: 40px;
  padding: 38px 40px 40px;
}
.detail-wrap .info-area4 h2 {
  color: #282A44;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 35px;
}
.detail-wrap .info-area4 h3 {
  color: #5a5a5a;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 31px;
}
.detail-wrap .info-area4 h4 {
  width: 100%;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 10px;
}
.detail-wrap .info-area4 .box-left {
  margin-right: 87px;
}
.detail-wrap .info-area4 .info-box {
  width: 450px;
  float: left;
}
.detail-wrap .info-area4 .info-box .tit-info {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.detail-wrap .info-area4 .info-box .tit-info i {
  color: #5a5a5a;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
}
.detail-wrap .info-area4 .info-box ul {
  margin: 0 0 20px 10px;
}
.detail-wrap .info-area4 .info-box li {
  color: #7a7a7a;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 20px;
  position: relative;
}
.detail-wrap .info-area4 .info-box li:before {
  content: "-";
  left: -10px;
  position: absolute;
  top: 0;
}
.detail-wrap .info-area4 .info-box p {
  color: #7a7a7a;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 20px;
  position: relative;
}

.detail-wrap .review-util {
  margin-bottom: 20px;
  position: relative;
  text-align: right;
}
.detail-wrap .review-util .count {
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  left: 17px;
  position: absolute;
  top: 10px;
}
.detail-wrap .review-util .count strong {
  color: #282A44;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-right: 6px;
}
.detail-wrap .review-util .count i {
  color: #5a5a5a;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 3px;
}
.detail-wrap .review-util .btn-review-set a {
  width: 178px;
  height: 50px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
}

.detail-wrap .review-write {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 40px;
  padding: 16px 20px 20px;
}
.detail-wrap .review-write .goods-info {
  border-bottom: #e1e1e1 1px solid;
  padding-bottom: 17px;
  position: relative;
}
.detail-wrap .review-write .goods-info a {
  color: #3a3a3a;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 45px;
}
.detail-wrap .review-write .goods-info a img {
  margin-right: 8px;
}
.detail-wrap .review-write .write-info {
  position: absolute;
  right: 0;
  top: 14px;
}
.detail-wrap .review-write .write-info li {
  color: #5a5a5a;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  float: left;
  margin-left: 21px;
  position: relative;
}
.detail-wrap .review-write .write-info li:first-child:before {
  display: none;
}
.detail-wrap .review-write .write-info li:before {
  width: 1px;
  height: 11px;
  background-color: #707070;
  content: "";
  position: absolute;
  left: -11px;
  top: 3px;
}

.detail-wrap .review-write .review-rate {
  margin: 18px 0 22px;
  text-align: center;
}
.detail-wrap .review-write .review-rate .txt-type1 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 400;
}
.detail-wrap .review-write .review-rate .txt-type2 {
  color: #282A44;
  font-size: 11px;
  font-weight: 500;
}

.detail-wrap .review-write .review-rate .star,
.detail-wrap .review-write .review-rate .rating {
  width: 104px;
  height: 19px;
  background: url("/images/fzone/icon_star.png") 0 0 repeat-x;
  display: inline-block;
}
.detail-wrap .review-write .review-rate .star {
  margin: 18px 0 24px;
  position: relative;
}
.detail-wrap .review-write .review-rate .rating {
  background-position: 0 -19px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  z-index: 5;
}

.detail-wrap .review-write .write-area {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  padding: 18px;
  position: relative;
}
.detail-wrap .review-write .write-area .txt-count {
  bottom: 7px;
  color: #7a7a7a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 16px;
}
.detail-wrap .review-write .write-area textarea {
  width: 100%;
  height: 145px;
  border: none;
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  padding: 0;
}
.detail-wrap .review-write .write-area.error {
  border: #282A44 1px solid;
}
.detail-wrap .review-write .write-area.error textarea {
  color: #282A44;
  font-size: 11px;
}

.detail-wrap .review-write .img-upload-list {
  height: 50px;
  margin: 12px 0 18px;
}
.detail-wrap .review-write .img-upload-list li {
  border-radius: 4px;
  display: inline-block;
  float: left;
  margin-right: 12px;
  position: relative;
}
.detail-wrap .review-write .img-upload-list li:before {
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.36);
  border-radius: 4px;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.detail-wrap .review-write .img-upload-list li a {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.16);
  display: inline-block;
  position: absolute;
  right: -3px;
}

.detail-wrap .review-write .btn-write-set {
  position: relative;
  margin: 10px 0 0;
}
.detail-wrap .review-write .btn-write-set .btn-type17 {
  width: 188px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
}
.detail-wrap .review-write .btn-write-set .btn-type17 img {
  margin-right: 12px;
}
.detail-wrap .review-write .btn-write-set .btn-float {
  position: absolute;
  right: 0;
  top: 0;
}
.detail-wrap .review-write .btn-write-set .btn-float a {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.detail-wrap .review-write .btn-write-set .btn-type7 {
  width: 100px;
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
}
.detail-wrap .review-write .btn-write-set .btn-type4 {
  width: 178px;
  height: 50px;
  line-height: 50px;
}

.detail-wrap .review-list {
  margin: 40px 0;
}
.detail-wrap .review-list .list-tit {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 400;
  padding: 0 0 16px 17px;
  position: relative;
}
.detail-wrap .review-list .list-tit a {
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}
.detail-wrap .review-list .list-photo-thumb {
  border-bottom: #a1a1a1 1px solid;
  overflow: hidden;
  padding: 0 0 30px;
}
.detail-wrap .review-list .list-photo-thumb li {
  display: inline-block;
  float: left;
  margin-right: 11px;
}
.detail-wrap .review-list .list-photo-thumb li:first-child {
  margin-left: 17px;
}
.detail-wrap .review-list .list-photo-thumb li img {
  border-radius: 4px;
}
.detail-wrap .review-list .list-cont {
  border-bottom: #a1a1a1 1px solid;
}
.detail-wrap .review-list .list-cont li {
  border-top: #f7f7f7 1px solid;
  display: block;
}
.detail-wrap .review-list .list-cont li:first-child {
  border-top: none;
}
.detail-wrap .review-list .list-cont .photo a {
  display: block;
  padding: 16px 0 14px 82px;
  position: relative;
}
.detail-wrap .review-list .list-cont .photo a .list-thumb {
  left: 17px;
  position: absolute;
  top: 16px;
}
.detail-wrap .review-list .list-cont .photo a .list-thumb img {
  border-radius: 4px;
}
.detail-wrap .review-list .list-cont .text a {
  display: block;
  padding: 16px 0 14px 17px;
  position: relative;
}
.detail-wrap .review-list .list-cont .list-row1 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 500;
  position: relative;
}
.detail-wrap .review-list .list-cont .label-best {
  width: 42px;
  height: 20px;
  background-color: #f8c9c5;
  border-radius: 4px;
  color: #282A44;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-right: 8px;
  text-align: center;
}
.detail-wrap .review-list .list-cont .list-user-info {
  position: absolute;
  right: 22px;
  top: 16px;
}
.detail-wrap .review-list .list-cont .list-user-info li {
  border: 0;
  color: #a1a1a1;
  display: inline-block;
  float: left;
  font-size: 11px;
  font-weight: 400;
  padding-left: 14px;
  position: relative;
}
.detail-wrap .review-list .list-cont .list-user-info li:before {
  width: 1px;
  height: 10px;
  background-color: #a1a1a1;
  content: "";
  display: inline-block;
  left: 7px;
  position: absolute;
  top: 3px;
}
.detail-wrap .review-list .list-cont .list-user-info li:first-child:before {
  display: none;
}

.detail-wrap .review-list .list-cont .list-row2 {
  margin-top: 12px;
}
.detail-wrap .review-list .list-cont .list-row2 .star,
.detail-wrap .review-list .list-cont .list-row2 .rating {
  width: 65px;
  height: 12px;
  background: url("/images/fzone/icon_star2.png") 0 0 repeat-x;
  display: inline-block;
}
.detail-wrap .review-list .list-cont .list-row2 .star {
  position: relative;
}
.detail-wrap .review-list .list-cont .list-row2 .rating {
  background-position: 0 -12px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  z-index: 5;
}

.detail-wrap .review-list .list-cont .on {
  background-color: #fafbfc;
  padding: 16px;
}
.detail-wrap .review-list .list-cont .on .list-user-info {
  position: absolute;
  right: 6px;
  top: 1px;
}
.detail-wrap .review-list .list-cont .list-view {
  margin: 15px 0 20px;
}
.detail-wrap .review-list .list-cont .list-view .goods-name {
  color: #7a7a7a;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 12px;
}
.detail-wrap .review-list .list-cont .list-view .user-img {
  margin-bottom: 11px;
}
.detail-wrap .review-list .list-cont .list-view .user-img img {
  border-radius: 4px;
}
.detail-wrap .review-list .list-cont .list-view .user-review {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.detail-wrap .qna-list .list-cont {
  border: #a1a1a1 1px solid;
  border-width: 1px 0;
}
.detail-wrap .qna-list .list-cont li {
  border-top: #f7f7f7 1px solid;
  display: block;
  padding: 14px 15px;
}
.detail-wrap .qna-list .list-cont li:first-child {
  border-top: none;
}
.detail-wrap .qna-list .list-cont .list-row1 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 500;
  position: relative;
}
.detail-wrap .qna-list .list-cont .list-row1 .secret {
  color: #a1a1a1;
  font-size: 13px;
  font-weight: 500;
}
.detail-wrap .qna-list .list-cont .list-row1 .secret img {
  margin-right: 4px;
}
.detail-wrap .qna-list .list-cont .reply-off {
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 1px;
}
.detail-wrap .qna-list .list-cont .reply-on {
  color: #282A44;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 1px;
}
.detail-wrap .qna-list .list-cont .list-row2 {
  margin-top: 12px;
}
.detail-wrap .qna-list .list-cont .list-user-info li {
  border-top: 0;
  color: #a1a1a1;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  padding: 0 14px 0 0;
  position: relative;
}
.detail-wrap .qna-list .list-cont .list-user-info li:before {
  width: 1px;
  height: 10px;
  background-color: #a1a1a1;
  content: "";
  display: inline-block;
  left: -7px;
  position: absolute;
  top: 3px;
}
.detail-wrap .qna-list .list-cont .list-user-info li:first-child:before {
  display: none;
}
.detail-wrap .qna-list .list-cont .qna-on {
  padding: 14px 0 0;
}
.detail-wrap .qna-list .list-cont .qna-on .list-row1 {
  padding: 0 15px;
}
.detail-wrap .qna-list .list-cont .qna-on .list-row2 {
  padding: 0 15px;
}
.detail-wrap .qna-list .list-cont .qna-on .reply-off {
  right: 15px;
}
.detail-wrap .qna-list .list-cont .qna-on .reply-on {
  right: 15px;
}
.detail-wrap .qna-list .qna-cont {
  background-color: #fafbfc;
  margin-top: 15px;
  padding: 13px 16px 17px;
}
.detail-wrap .qna-list .qna-cont .questions {
  border-bottom: #ebebeb 1px solid;
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 10px 11px 30px;
  position: relative;
}
.detail-wrap .qna-list .qna-cont .questions span {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 700;
  left: 12px;
  position: absolute;
  top: 1px;
}
.detail-wrap .qna-list .qna-cont .answers {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 10px 0 30px;
  position: relative;
}
.detail-wrap .qna-list .qna-cont .answers span {
  color: #282A44;
  font-size: 12px;
  font-weight: 700;
  left: 12px;
  position: absolute;
  top: 11px;
}

.detail-wrap .qna-write {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 40px;
  padding: 16px 20px 20px;
}
.detail-wrap .qna-write input[type="text"] {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
}
.detail-wrap .qna-write .write-area {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-top: 5px;
  padding: 18px;
  position: relative;
}
.detail-wrap .qna-write .write-area .txt-count {
  bottom: 7px;
  color: #7a7a7a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 16px;
}
.detail-wrap .qna-write .write-area textarea {
  width: 100%;
  height: 145px;
  border: none;
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  padding: 0;
}
.detail-wrap .qna-write .btn-write-set {
  height: 50px;
  position: relative;
  margin: 10px 0 0;
}
.detail-wrap .qna-write .btn-write-set label {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
}
.detail-wrap .qna-write .btn-write-set .btn-float {
  position: absolute;
  right: 0;
  top: 0;
}
.detail-wrap .qna-write .btn-write-set .btn-float a {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.detail-wrap .qna-write .btn-write-set .btn-type7 {
  width: 100px;
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
}
.detail-wrap .qna-write .btn-write-set .btn-type4 {
  width: 178px;
  height: 50px;
  line-height: 50px;
}

.goods-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto;
  padding-bottom: 150px;
}
.goods-wrap .txt-type1 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 500;
  margin: 29px 0 10px;
}
.goods-wrap .txt-type1 span {
  color: #282A44;
  display: inline-block;
}
.goods-wrap .prd-top {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}
.goods-wrap .prd-top span {
  position: absolute;
  right: 0;
  top: 0;
}
.goods-wrap .bar-divide3 {
  margin: 10px 0 30px;
}

.goods-wrap .prd-list.col-4 li {
  height: 402px;
}
.goods-wrap .sch_result_txt {
  color: #a1a1a1;
  font-size: 14px;
  padding: 80px 0 170px;
  text-align: center;
}

.goods-wrap .tit-txt4 {
  margin: 30px 0 18px;
}

.goods-wrap .lnb-list {
  border: #e1e1e1 1px solid;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 11px;
}
.goods-wrap .lnb-list li {
  display: inline-block;
  float: left;
}
.goods-wrap .lnb-list li a {
  color: #5a5a5a;
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 20px 21px;
}
.goods-wrap .lnb-list li a:hover {
  color: #282A44;
}
.goods-wrap .lnb-list li a.on {
  color: #282A44;
}

.goods-wrap .lnb-menu {
  margin-top: 10px;
  overflow: hidden;
}
.goods-wrap .lnb-menu li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.goods-wrap .lnb-menu li a {
  display: block;
  padding: 7px 18px 8px;
}

/* order */
.order-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto;
}
.order-wrap .tit-txt1 {
  padding: 37px 0 21px;
  text-align: center;
}
.order-wrap .tit-bar1 {
  border-bottom: #e1e1e1 1px solid;
  padding: 0 0 15px 10px;
}
.order-wrap .tit-bar2 {
  margin: 29px 0 27px;
  padding: 0 0 0 10px;
}
.order-wrap .tit-bar3 {
  margin: 29px 0 17px;
  padding: 0 0 0 10px;
}
.order-wrap .btn_accodion {
  color: #5a5a5a;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  position: absolute;
  right: 5px;
  top: 0;
}
.order-wrap .btn_orderer {
  color: #5a5a5a;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  position: absolute;
  right: 0;
  top: 0;
}
.order-wrap .btn_set1 {
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  right: 5px;
  top: 1px;
}
.order-wrap .btn_set1 button {
  width: 58px;
  height: 20px;
}
.order-wrap .btn-modify {
  color: #e95e53;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  text-decoration: underline;
}
.order-wrap .btn-add-sch {
  width: 58px;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
}
.order-wrap .box-phone {
  background-color: #f7f7f7;
  padding: 20px 0 16px 85px !important;
}
.order-wrap .box-phone li {
  display: block;
  margin-bottom: 11px;
}
.order-wrap .box-phone li:last-child {
  margin-bottom: 0;
}
.order-wrap .box-phone input {
  border: 0;
  width: 248px;
}
.order-wrap .box-phone button {
  width: 85px;
  height: 40px;
  font-size: 14px;
}
.order-wrap .box-phone .txt-info {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 400;
}
.order-wrap .box-email {
  background-color: #f7f7f7;
  padding: 20px 0 16px 85px !important;
}
.order-wrap .box-email ul {
  height: 40px;
  display: block;
  margin-bottom: 11px;
}
.order-wrap .box-email li {
  display: inline-block;
  float: left;
}
.order-wrap .box-email li.col2 {
  width: 24px;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}
.order-wrap .box-email li.col3 {
  width: 142px;
}
.order-wrap .box-email input {
  width: 132px;
  border: 0;
}
.order-wrap .box-email select {
  width: 132px;
  border: 0;
  color: #7a7a7a;
  font-size: 12px;
}
.order-wrap .box-email .txt-info {
  color: #7a7a7a;
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.order-wrap .tbl-type2 td {
  padding: 5px 0;
}

.prd-order-list {
  margin-bottom: 30px;
}
.prd-order-list li {
  border-bottom: #e1e1e1 1px solid;
  padding: 10px 0 12px 83px;
  position: relative;
}
.prd-order-list li .img-prd {
  left: 10px;
  position: absolute;
  top: 10px;
}
.prd-order-list li p {
  padding: 6px 0;
}
.prd-order-list li p.row1 a {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.prd-order-list li p.row2 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.prd-order-list li p.row2 i {
  display: inline-block;
  margin-left: 33px;
  position: relative;
}
.prd-order-list li p.row2 i:after {
  width: 1px;
  height: 14px;
  background-color: #707070;
  content: "";
  display: inline-block;
  left: -15px;
  position: absolute;
  top: 1px;
}

.order-divide {
  margin-bottom: 130px;
  overflow: hidden;
}
.order-divide .col1 {
  width: 540px;
  float: left;
  margin-right: 97px;
}
.order-divide .tit-info-txt1 {
  position: absolute;
  right: 0;
  top: 2px;
}
.order-divide .point-use {
  margin-left: 10px;
  position: relative;
}
.order-divide .point-use li {
  display: block;
  padding-bottom: 10px;
}
.order-divide .point-use .ipt-type1 {
  width: 344px;
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
}
.order-divide .point-use .btn-type5 {
  width: 174px;
  height: 40px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
}
.order-divide .point-use .point-txt {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin-top: 8px;
}
.order-divide .coupon-select {
  width: 528px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  left: 0;
  position: absolute;
  top: 44px;
  z-index: 100;
}
.order-divide .coupon-select h2 {
  border-bottom: #e1e1e1 1px solid;
  color: #7a7a7a;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 11px 14px 7px;
}
.order-divide .coupon-select .select-row {
  overflow: hidden;
}
.order-divide .coupon-select .select-row .txt-type1 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.order-divide .coupon-select .select-row .txt-type2 {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.order-divide .coupon-select .select-row .txt-type3 {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
}
.order-divide .coupon-select .select-row label {
  min-height: 20px;
  cursor: pointer;
  display: block;
  margin: 12px 16px 8px 12px;
  padding-left: 26px;
  position: relative;
}
.order-divide .coupon-select .select-row span {
  width: 20px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
}
.order-divide .coupon-select .select-row span input[type="radio"] {
  vertical-align: 0;
}
.order-divide .coupon-select .btn_set {
  padding: 22px 0 6px;
  text-align: center;
}
.order-divide .coupon-select .btn_set button {
  width: 150px;
  height: 40px;
  margin: 0 5px;
}
.order-divide .pay-use {
  margin-left: 10px;
  overflow: hidden;
}
.order-divide .pay-use li {
  width: 258px;
  display: inline-block;
  float: left;
  margin: 0 12px 12px 0;
}
.order-divide .pay-use li:nth-child(2n) {
  margin-right: 0;
}
.order-divide .pay-use .btn-type6 {
  width: 258px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.order-divide .pay-agree {
  margin-left: 10px;
}
.order-divide .privacy-agree {
  margin: 16px 0 16px 10px;
}
.order-divide .privacy-agree label {
  cursor: pointer;
  z-index: 10;
  position: relative;
}
.order-divide .privacy-agree label input[type="checkbox"] {
  vertical-align: -5px;
}
.order-divide .privacy-agree label a {
  position: absolute;
  right: 0;
  top: -2px;
  z-index: 50;
}
.order-divide .privacy-agree .tit-info-txt2 {
  display: block;
  position: relative;
}
.order-divide .privacy-agree .tit-info-txt2 i {
  color: #a1a1a1;
  display: inline-block;
}

.order-divide .col2 {
  width: 439px;
  float: left;
  padding-top: 220px;
}
.order-divide .pay-info {
  background-color: #fafbfc;
  overflow: hidden;
  padding: 33px 20px 31px;
}
.order-divide .pay-info .tit {
  color: #282A44;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 30px;
}
.order-divide .pay-info dt {
  width: 50%;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 17px;
}
.order-divide .pay-info dd {
  width: 50%;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 17px;
  text-align: right;
}
.order-divide .pay-info .txt_type1 {
  border-top: #e1e1e1 1px solid;
  color: #3a3a3a;
  font-weight: 700;
  line-height: 27px;
  margin-top: 5px;
  padding-top: 17px;
}
.order-divide .col2 .pay-order {
  margin-top: 20px;
}
.order-divide .col2 .pay-order .btn-type4 {
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
}

.order-complete-wrap {
  width: 528px;
  display: block;
  margin: 0 auto;
  padding: 30px 0 126px;
}
.order-complete-wrap .comp-txt {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 19px;
  text-align: center;
}
.order-complete-wrap .pay-comp-box {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-top: 40px;
  overflow: hidden;
  padding: 27px 16px 31px;
}
.order-complete-wrap .pay-comp-box dt {
  width: 50%;
  display: block;
  float: left;
  line-height: 20px;
}
.order-complete-wrap .pay-comp-box dd {
  width: 50%;
  display: block;
  float: left;
  line-height: 20px;
  text-align: right;
}
.order-complete-wrap .pay-comp-box .txt_type1 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 31px;
}
.order-complete-wrap .pay-comp-box .txt_type2 {
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 31px;
}
.order-complete-wrap .pay-comp-box .txt_type3 {
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 400;
}
.order-complete-wrap .pay-comp-box .txt_type4 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
}
.order-complete-wrap .pay-comp-box .txt_type5 {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 500;
}
.order-complete-wrap .pay-comp-info {
  margin: 39px 0 60px;
}
.order-complete-wrap .pay-comp-info li {
  color: #7a7a7a;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.order-complete-wrap .btn_set {
  text-align: center;
}
.order-complete-wrap .btn_set button {
  width: 259px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
}

.cart-divide {
  margin-bottom: 130px;
  overflow: hidden;
}
.cart-divide .col1 {
  width: 676px;
  float: left;
  margin-right: 51px;
}
.cart-divide .cart-util {
}
.cart-divide .cart-util label {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
}
.cart-divide .cart-util label input[type="checkbox"] {
  margin-right: 10px;
}
.cart-divide .cart-util .select-del {
  color: #eb7067;
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 20px;
}
.cart-divide .goods-list {
  border: #a1a1a1 1px solid;
  border-width: 1px 0;
  margin: 20px 0 22px;
}
.cart-divide .goods-list ul {
  padding-left: 30px;
}
.cart-divide .goods-list li {
  border-top: #e1e1e1 1px solid;
  padding: 20px 0 20px 84px;
  position: relative;
}

.cart-divide .goods-list li:first-child {
  border-top: none;
}
.cart-divide .goods-list label {
  left: -29px;
  position: absolute;
  top: 20px;
}
.cart-divide .goods-list .goods-del {
  position: absolute;
  right: 0;
  top: 20px;
}
.cart-divide .goods-list .img-prd {
  position: absolute;
  left: 0;
  top: 20px;
}
.cart-divide .goods-list .goods-name {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  margin-top: 7px;
}
.cart-divide .goods-list .price-info {
  margin-top: 12px;
}
.cart-divide .goods-list .price-info .price-sale {
  width: 195px;
  display: inline-block;
}
.cart-divide .goods-list .price-info .price-sale .price-txt1 {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  margin-right: 7px;
}
.cart-divide .goods-list .price-info .price-sale .price-txt2 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
  margin-right: 8px;
}
.cart-divide .goods-list .price-info .price-sale .price-txt3 {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  text-decoration: line-through;
}
.cart-divide .goods-list .price-info .prd-spinner {
  width: 106px;
  height: 36px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  display: inline-block;
  margin-right: 152px;
}
.cart-divide .goods-list .price-info .prd-spinner button[type="button"] {
  width: 34px;
  height: 34px;
  border: 0;
  font-size: 0;
}
.cart-divide .goods-list .price-info .prd-spinner .btn-plus {
  background: url("/images/fzone/icon-plus.png") center center no-repeat;
}
.cart-divide .goods-list .price-info .prd-spinner .btn-minus {
  background: url("/images/fzone/icon-minus.png") center center no-repeat;
}
.cart-divide .goods-list .price-info .prd-spinner input[type="text"] {
  width: 29px;
  border: 0;
  padding: 0;
  text-align: center;
}
.cart-divide .goods-list .price-info .total {
  color: #3a3a3a;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
}

.cart-divide .col2 {
  width: 348px;
  float: left;
  padding-top: 39px;
}
.cart-divide .pay-info {
  background-color: #fafbfc;
  overflow: hidden;
  padding: 33px 20px 31px;
}
.cart-divide .pay-info .tit {
  color: #282A44;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 30px;
}
.cart-divide .pay-info dt {
  width: 50%;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 17px;
}
.cart-divide .pay-info dd {
  width: 50%;
  color: #5a5a5a;
  display: block;
  float: left;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: 17px;
  text-align: right;
}
.cart-divide .pay-info .txt_type1 {
  border-top: #e1e1e1 1px solid;
  color: #3a3a3a;
  font-weight: 700;
  line-height: 27px;
  margin-top: 5px;
  padding-top: 17px;
}
.cart-divide .pay-order {
  margin-top: 20px;
}
.cart-divide .pay-order .btn-type4 {
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
}

.non-member-order {
  width: 778px;
  margin: 0 auto 100px;
}
.non-member-order .tit-txt1 {
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 10px;
  text-align: left;
}
.non-member-order .box-type1 {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 0 10px;
}
.non-member-order .box-type1 .tit {
  border-bottom: #e1e1e1 1px solid;
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 0 13px;
  position: relative;
  text-indent: 6px;
}
.non-member-order .box-type1 .tit i {
  display: inline-block;
  margin-left: 10px;
}
.non-member-order .box-type1 .tit a {
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 13px;
}
.non-member-order .box-type1 .tbl-info {
  overflow: hidden;
  padding: 9px 0 11px;
}
.non-member-order .box-type1 .tbl-info dt {
  width: 82px;
  color: #7a7a7a;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 0;
  text-indent: 6px;
}
.non-member-order .box-type1 .tbl-info dd {
  width: 674px;
  color: #5a5a5a;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 5px 0;
  position: relative;
}
.non-member-order .box-type1 .tbl-info2 {
  overflow: hidden;
  padding: 9px 0 11px;
}
.non-member-order .box-type1 .tbl-info2 dt {
  width: 82px;
  color: #7a7a7a;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 0;
  text-indent: 6px;
}
.non-member-order .box-type1 .tbl-info2 dd {
  width: 674px;
  color: #5a5a5a;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 5px 0;
  position: relative;
  text-align: right;
}
.non-member-order .box-type1 .tbl-info2 .row-line {
  border-top: #e1e1e1 1px solid;
  margin-top: 13px;
  padding-top: 13px;
}
.non-member-order .box-type1 .tbl-info2 .txt_type1 {
  color: #3a3a3a;
}
.non-member-order .box-type1 .tbl-info2 .txt_type2 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
}

.non-member-order .box-type1 .btn-tracking {
  width: 58px;
  height: 20px;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  right: 0;
  top: 0;
}

.non-member-order .box-type1 .order-list {
}
.non-member-order .box-type1 .order-list li {
  border-bottom: #e1e1e1 1px solid;
  padding: 10px 0 12px 61px;
  position: relative;
}
.non-member-order .box-type1 .order-list li:last-child {
  border-bottom: none;
}
.non-member-order .box-type1 .order-list li .img-prd {
  left: 6px;
  position: absolute;
  top: 10px;
}
.non-member-order .box-type1 .order-list li p {
  padding: 2px 0 3px;
}
.non-member-order .box-type1 .order-list li p.row1 a {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.non-member-order .box-type1 .order-list li p.row2 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.non-member-order .box-type1 .order-list li p.row2 i {
  color: #7a7a7a;
  display: inline-block;
  margin-left: 6px;
}

.non-member-order .btn-set {
}
.non-member-order .btn-set .btn-type10 {
  width: 343px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.non-member-order .btn-set .btn-type13 {
  width: 343px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.non-member-order .btn-set .txt_type1 {
  color: #8d8d8d;
  font-size: 10px;
  font-weight: 400;
  margin-top: 9px;
}

/* mypage */
.mypage-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto 30px;
}
.mypage-wrap .tit-txt1 {
  padding: 37px 0 21px;
  text-align: left;
}
.mypage-dashboard {
  margin-bottom: 30px;
  overflow: hidden;
}
.mypage-dashboard .col1 {
  width: 277px;
  float: left;
  margin-right: 21px;
}
.mypage-dashboard .col1 li {
  display: block;
  text-align: left;
}
.mypage-dashboard .col1 .txt_type1 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin: 13px 0 5px;
}
.mypage-dashboard .col1 .txt_type2 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0 22px;
}
.mypage-dashboard .col1 .txt_type2 strong {
  color: #282A44;
  font-weight: 700;
}
.mypage-dashboard .col1 .btn_mem_modify {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  padding: 0 15px;
}
.mypage-dashboard .col2 {
  width: 312px;
  height: 167px;
  background-color: #fcfcfc;
  border-radius: 4px;
  float: left;
  margin-right: 20px;
  padding: 38px 0;
}
.mypage-dashboard .col2 li {
  width: 104px;
  height: 91px;
  border-left: #fff 2px solid;
  display: inline-block;
  float: left;
  padding-top: 9px;
  text-align: center;
}
.mypage-dashboard .col2 li:first-child {
  border-left: none;
}
.mypage-dashboard .col2 .txt_type1 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 11px 0 12px;
}
.mypage-dashboard .col2 .txt_type2 {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
}
.mypage-dashboard .col3 {
  width: 446px;
  height: 167px;
  background-color: #fcfcfc;
  border-radius: 4px;
  float: left;
  padding: 38px 9px;
}
.mypage-dashboard .col3 h2 {
  color: #3a3a3a;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 19px;
  text-indent: 20px;
}
.mypage-dashboard .col3 h2 i {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin-left: 5px;
}
.mypage-dashboard .col3 li {
  color: #6a6a6a;
  float: left;
  font-size: 12px;
  font-weight: 500;
  margin: 0 21px;
  position: relative;
  text-align: center;
}
.mypage-dashboard .col3 li:after {
  width: 24px;
  height: 24px;
  background: url("/images/fzone/icon_right4.png") 0 0 no-repeat;
  content: "";
  display: inline-block;
  position: absolute;
  right: -23px;
  top: -4px;
}
.mypage-dashboard .col3 li:last-child:after {
  display: none;
}
.mypage-dashboard .col3 .txt_type1 {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  margin-top: 13px;
}

.mypage-cont {
  overflow: hidden;
}
.mypage-cont .snb {
  width: 278px;
  border: #f8f8f8 1px solid;
  border-radius: 4px;
  float: left;
  margin-right: 20px;
}
.mypage-cont .snb li {
  display: block;
}
.mypage-cont .snb li a {
  background: #fff url("/images/fzone/icon_snb_off.png") right 5px top 12px
    no-repeat;
  color: #3a3a3a;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 14px 15px 16px;
}
.mypage-cont .snb li a:hover {
  background: #f7f7f7 url("/images/fzone/icon_snb_on.png") right 5px top 12px
    no-repeat;
  color: #282A44;
}
.mypage-cont .snb li a.on {
  background: #f7f7f7 url("/images/fzone/icon_snb_on.png") right 5px top 12px
    no-repeat;
  color: #282A44;
}

.mypage-cont .cont-wrap {
  width: 778px;

  float: left;
  padding-bottom: 104px;
}
.mypage-cont .cont-wrap .tit-txt {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  padding: 14px 0 15px;
  position: relative;
}
.mypage-cont .cont-wrap .tit-txt .btn-order {
  color: #e95e53;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 500;
}
.mypage-cont .cont-wrap .tit-txt2 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  padding: 10px 0 15px;
  position: relative;
}
.mypage-cont .cont-wrap .tit-txt3 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.mypage-cont .cont-wrap .tit-txt4 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}
.mypage-cont .cont-wrap .box-type1 {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 0 10px;
}
.mypage-cont .cont-wrap .box-type1 .tit {
  border-bottom: #e1e1e1 1px solid;
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 0 13px;
  position: relative;
  text-indent: 6px;
}
.mypage-cont .cont-wrap .box-type1 .tit i {
  display: inline-block;
  margin-left: 10px;
}
.mypage-cont .cont-wrap .box-type1 .tit a {
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 13px;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info {
  overflow: hidden;
  padding: 9px 0 11px;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info dt {
  width: 82px;
  color: #7a7a7a;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 0;
  text-indent: 6px;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info dd {
  width: 674px;
  color: #5a5a5a;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 5px 0;
  position: relative;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info2 {
  overflow: hidden;
  padding: 9px 0 11px;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info2 dt {
  width: 82px;
  color: #7a7a7a;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 0;
  text-indent: 6px;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info2 dd {
  width: 674px;
  color: #5a5a5a;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 5px 0;
  position: relative;
  text-align: right;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info2 .row-line {
  border-top: #e1e1e1 1px solid;
  margin-top: 13px;
  padding-top: 13px;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info2 .txt_type1 {
  color: #3a3a3a;
}
.mypage-cont .cont-wrap .box-type1 .tbl-info2 .txt_type2 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
}

.mypage-cont .cont-wrap .box-type1 .btn-tracking {
  width: 58px;
  height: 20px;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  right: 0;
  top: 0;
}

.mypage-cont .cont-wrap .box-type1 .order-list {
}
.mypage-cont .cont-wrap .box-type1 .order-list li {
  border-bottom: #e1e1e1 1px solid;
  padding: 10px 0 12px 61px;
  position: relative;
}
.mypage-cont .cont-wrap .box-type1 .order-list li:last-child {
  border-bottom: none;
}
.mypage-cont .cont-wrap .box-type1 .order-list li .img-prd {
  left: 6px;
  position: absolute;
  top: 10px;
}
.mypage-cont .cont-wrap .box-type1 .order-list li p {
  padding: 2px 0 3px;
}
.mypage-cont .cont-wrap .box-type1 .order-list li p.row1 a {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
}
.mypage-cont .cont-wrap .box-type1 .order-list li p.row2 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.mypage-cont .cont-wrap .box-type1 .order-list li p.row2 i {
  color: #7a7a7a;
  display: inline-block;
  margin-left: 6px;
}

.mypage-cont .cont-wrap .box-type2 {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 16px;
}

.mypage-cont .cont-wrap .wrap-deli {
  margin-top: 10px;
}
.mypage-cont .cont-wrap .wrap-deli .box-type2 {
  padding: 12px;
}
.mypage-cont .cont-wrap .wrap-deli .label {
  background-color: #e95e53;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  margin-right: 10px;
  padding: 0 4px;
}
.mypage-cont .cont-wrap .wrap-deli .list-row {
  margin-top: 9px;
  position: relative;
}
.mypage-cont .cont-wrap .wrap-deli .list-row .btn-modify {
  color: #282A44;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 0;
  text-decoration: underline;
  top: 0;
}
.mypage-cont .cont-wrap .wrap-deli .list-row .list-user-info li {
  border-top: 0;
  color: #5a5a5a;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  padding: 0 14px 0 0;
  position: relative;
}
.mypage-cont .cont-wrap .wrap-deli .list-row .list-user-info li:before {
  width: 1px;
  height: 10px;
  background-color: #a1a1a1;
  content: "";
  display: inline-block;
  left: -7px;
  position: absolute;
  top: 3px;
}
.mypage-cont
  .cont-wrap
  .wrap-deli
  .list-row
  .list-user-info
  li:first-child:before {
  display: none;
}

.mypage-cont .cont-wrap .btn-set {
}
.mypage-cont .cont-wrap .btn-set .btn-type10 {
  width: 343px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.mypage-cont .cont-wrap .btn-set .btn-type13 {
  width: 343px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.mypage-cont .cont-wrap .btn-set .txt_type1 {
  color: #8d8d8d;
  font-size: 10px;
  font-weight: 400;
  margin-top: 9px;
}

.mypage-cont .cont-wrap .btn-type11 {
  width: 181px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.mypage-cont .cont-wrap .txt-type1 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
}
.mypage-cont .cont-wrap .txt-type1 strong {
  color: #282A44;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 3px;
}
.mypage-cont .cont-wrap .txt-info-type1 {
  margin-top: 16px;
}
.mypage-cont .cont-wrap .txt-info-type1 li {
  color: #7a7a7a;
  display: block;
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
}

.mypage-cont .list-coupon {
  min-height: 214px;
  margin-top: 20px;
  overflow: hidden;
}
.mypage-cont .list-coupon li {
  width: 378px;
  display: inline-block;
  float: left;
  margin: 0 21px 21px 0;
}
.mypage-cont .list-coupon li:nth-child(2n) {
  margin-right: 0;
}
.mypage-cont .box-coupon {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  overflow: hidden;
}
.mypage-cont .box-coupon .coupon-price {
  width: 100px;
  background-color: #fcfcfc;
  color: #282A44;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  padding: 38px 0;
  text-align: center;
}
.mypage-cont .box-coupon .coupon-info {
  display: inline-block;
  float: left;
  padding: 14px 0 0 20px;
}
.mypage-cont .box-coupon .coupon-info .info-txt1 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 2px;
}
.mypage-cont .box-coupon .coupon-info .info-txt2 {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 2px;
}

.mypage-cont .box-point1 {
  border: #eb7067 1px solid;
  border-radius: 4px;
  padding: 27px 20px;
}
.mypage-cont .box-point1 ul {
  overflow: hidden;
}
.mypage-cont .box-point1 li {
  width: 634px;
  display: inline-block;
  float: left;
  position: relative;
}
.mypage-cont .box-point1 li:first-child {
  width: 102px;
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
}
.mypage-cont .box-point1 li strong {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
}
.mypage-cont .box-point1 .txt-info1 {
  color: #7a7a7a;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}

.mypage-cont .box-point2 {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 10px;
}
.mypage-cont .box-point2 ul {
  overflow: hidden;
}
.mypage-cont .box-point2 li {
  width: 676px;
  display: inline-block;
  float: left;
  padding: 20px 19px 21px 26px;
  position: relative;
}
.mypage-cont .box-point2 li:first-child {
  width: 100px;
  background-color: #fcfcfc;
  border-radius: 4px 0 0 4px;
  font-size: 14px;
  font-weight: 500;
  padding: 28px 20px 29px 0;
  text-align: right;
}
.mypage-cont .box-point2 .plus {
  color: #282A44;
}
.mypage-cont .box-point2 .minus {
  color: #0b3e7f;
}
.mypage-cont .box-point2 .row1 {
  color: #7a7a7a;
  font-size: 9px;
  font-weight: 400;
  margin-bottom: 4px;
}
.mypage-cont .box-point2 .row2 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  position: relative;
}
.mypage-cont .box-point2 .prd-info {
  color: #7a7a7a;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}
.mypage-cont .btn-more {
  margin: 30px 0;
}
.mypage-cont .btn-more a {
  background-color: #f7f7f7;
  border-radius: 30px;
  color: #5a5a5a;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}

.mypage-cont .list-wish {
}
.mypage-cont .list-wish .list-head {
  margin-top: 30px;
}
.mypage-cont .list-wish .on .list-row {
  width: 742px;
  display: inline-block;
}
.mypage-cont .list-wish .btn-del1 {
  color: #7a7a7a;
  display: inline-block;
  float: right;
  font-size: 11px;
  font-weight: 500;
}
.mypage-cont .list-wish .on .btn-del1 {
  color: #282A44;
}
.mypage-cont .list-wish .count {
  color: #282A44;
  display: inline-block;
  font-weight: 700;
  margin-left: 2px;
}
.mypage-cont .list-wish .on .count {
  color: #5a5a5a;
}
.mypage-cont .list-wish li {
  display: block;
  margin: 20px 0 0;
}
.mypage-cont .list-wish li .list-row {
  min-height: 92px;
  padding: 0 0 20px 84px;
}
.mypage-cont .list-wish label {
  width: 30px;
  display: none;
  vertical-align: top;
}
.mypage-cont .list-wish .on label {
  display: inline-block;
}
.mypage-cont .list-wish .list-row {
  border-bottom: #e1e1e1 1px solid;
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  padding: 0 0 10px;
  position: relative;
}
.mypage-cont .list-wish .list-row .btn-del2 {
  position: absolute;
  right: 0;
  top: -5px;
}
.mypage-cont .list-wish .list-row .prd-img {
  left: 0;
  position: absolute;
  top: 0;
}
.mypage-cont .list-wish .list-row .btn-cart {
  left: 50px;
  position: absolute;
  top: 50px;
}
.mypage-cont .list-wish .list-row .prd-name {
  padding: 10px 0 16px;
}
.mypage-cont .list-wish .list-row .prd-name a {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.mypage-cont .list-wish .list-row .prd-price span {
  display: inline-block;
  float: left;
  line-height: 19px;
  margin-right: 8px;
}
.mypage-cont .list-wish .list-row .prd-price .discount {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
}
.mypage-cont .list-wish .list-row .prd-price .price {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
}
.mypage-cont .list-wish .list-row .prd-price .price-org {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  text-decoration: line-through;
}

.mypage-cont .tab-btn-type1 {
  height: 31px;
  border-bottom: #e1e1e1 1px solid;
}
.mypage-cont .tab-btn-type1 li {
  display: inline-block;
  margin-right: 20px;
}
.mypage-cont .tab-btn-type1 li a {
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
  padding: 0 0 10px;
}
.mypage-cont .tab-btn-type1 li a.on {
  border-bottom: #282A44 3px solid;
  color: #282A44;
  font-weight: 500;
}

.mypage-cont .list-review .list-head {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  margin: 16px 0 10px;
  position: relative;
}
.mypage-cont .list-review .list-head .count {
  color: #282A44;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-left: 3px;
}
.mypage-cont .list-review .list-head .txt-info1 {
  color: #282A44;
  font-size: 11px;
  font-weight: 500;
  position: absolute;
  right: 0;
  top: 2px;
}
.mypage-cont .list-review .box-review {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px 10px;
}
.mypage-cont .list-review .box-review .prd-info {
  border-bottom: #e1e1e1 1px solid;
  padding: 0 0 12px 54px;
  position: relative;
}
.mypage-cont .list-review .box-review .prd-info .prd-img {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 0;
}
.mypage-cont .list-review .box-review .prd-info .prd-name {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 0 9px;
}
.mypage-cont .list-review .box-review .prd-info .prd-comp {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 400;
}
.mypage-cont .list-review .box-review .btn-review {
  margin-top: 9px;
  position: relative;
}
.mypage-cont .list-review .box-review .btn-review span {
  color: #5a5a5a;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  padding: 10px 0;
}
.mypage-cont .list-review .box-review .btn-review .btn-type3 {
  width: 108px;
  height: 31px;
  font-size: 13px;
  font-weight: 500;
  line-height: 31px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.mypage-cont .list-review .box-review2 {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 10px 10px 18px;
}
.mypage-cont .list-review .box-review2 .prd-info2 {
  height: 44px;
  border-bottom: #e1e1e1 1px solid;
  margin-left: 55px;
  position: relative;
}
.mypage-cont .list-review .box-review2 .prd-info2 .prd-img {
  display: inline-block;
  left: -55px;
  position: absolute;
  top: 0;
}
.mypage-cont .list-review .box-review2 .prd-info2 .btn-close {
  display: inline-block;
  right: 0;
  position: absolute;
  top: -5px;
}
.mypage-cont .list-review .box-review2 .prd-info2 .prd-name {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 0 5px;
}
.mypage-cont .list-review .box-review2 .prd-info2 .write-day {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 400;
}
.mypage-cont .list-review .box-review2 .review-cont {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 10px;
  padding: 0 40px 0 75px;
  position: relative;
}
.mypage-cont .list-review .box-review2 .btn-modify {
  color: #282A44;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  right: 0;
  text-decoration: underline;
  top: 0;
}
.mypage-cont .list-review .box-review2 .star,
.mypage-cont .list-review .box-review2 .rating {
  width: 65px;
  height: 12px;
  background: url("/images/fzone/icon_star2.png") 0 0 repeat-x;
  display: inline-block;
}
.mypage-cont .list-review .box-review2 .star {
  left: 0;
  position: absolute;
  top: 2px;
}
.mypage-cont .list-review .box-review2 .rating {
  background-position: 0 -12px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  z-index: 5;
}

.mypage-cont .box-alarm {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 500;
  margin: 14px 0 15px;
  padding: 0 16px;
  position: relative;
}
.mypage-cont .box-alarm .btn-alarm {
  width: 46px;
  height: 20px;
  background: url("/images/fzone/btn_alarm.png") no-repeat;
  background-position: 0 0;
  position: absolute;
  right: 0;
  top: -1px;
}
.mypage-cont .box-alarm .btn-alarm.on {
  background-position: 0 -20px;
}
.mypage-cont .alarm-info {
  margin-top: 20px;
  padding: 18px 16px 19px !important;
}
.mypage-cont .alarm-info h2 {
  color: #5a5a5a;
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 5px;
}
.mypage-cont .alarm-info dt {
  color: #7a7a7a;
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-top: 13px;
}
.mypage-cont .alarm-info dd {
  color: #7a7a7a;
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-top: 4px;
}

.mypage-cont .box-qna {
  border-bottom: #e1e1e1 1px solid;
  margin-top: 16px;
  position: relative;
}
.mypage-cont .box-qna .ico-secret {
  right: 19px;
  position: absolute;
  top: 22px;
}
.mypage-cont .box-qna .prd-img {
  left: 0;
  position: absolute;
  top: 0;
}
.mypage-cont .box-qna .prd-name {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 400;
  margin-left: 75px;
  padding: 3px 0 4px;
}
.mypage-cont .box-qna .prd-questions {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  margin-left: 75px;
  padding-bottom: 9px;
}
.mypage-cont .box-qna .qna-state {
  padding: 0 0 18px 75px;
}
.mypage-cont .box-qna .qna-state .txt-answer {
  color: #282A44;
}
.mypage-cont .box-qna .qna-state li {
  border-top: 0;
  color: #5a5a5a;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  padding: 0 14px 0 0;
  position: relative;
}
.mypage-cont .box-qna .qna-state li:first-child {
  font-weight: 500;
}
.mypage-cont .box-qna .qna-state li:before {
  width: 1px;
  height: 10px;
  background-color: #a1a1a1;
  content: "";
  display: inline-block;
  left: -7px;
  position: absolute;
  top: 3px;
}
.mypage-cont .box-qna .qna-state li:first-child:before {
  display: none;
}
.mypage-cont .box-qna .wrap-answer {
  background-color: #f7f7f7;
}
.mypage-cont .box-qna .wrap-answer .box-txt {
  border-top: #ebebeb 1px solid;
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 400;
  padding: 13px 12px 13px 30px;
  position: relative;
}
.mypage-cont .box-qna .wrap-answer .box-txt:first-child {
  border-top: none;
}
.mypage-cont .box-qna .wrap-answer .box-txt span {
  font-size: 12px;
  font-weight: 700;
  left: 12px;
  position: absolute;
  top: 13px;
}
.mypage-cont .box-qna .wrap-answer .box-txt .ico-q {
  color: #5a5a5a;
}
.mypage-cont .box-qna .wrap-answer .box-txt .ico-a {
  color: #282A44;
}
.mypage-cont .box-qna .wrap-answer .btn-group {
  padding: 2px 16px 11px;
  text-align: right;
}
.mypage-cont .box-qna .wrap-answer .btn-group a {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin: 0 5px;
  text-decoration: underline;
}
.mypage-cont .box-qna .wrap-answer .btn-group .btn-modify {
  color: #282A44;
}
.mypage-cont .box-qna .wrap-answer .btn-group .btn-delete {
  color: #5a5a5a;
}

.form-wrap {
  width: 343px;
  margin: 0 auto;
}
.form-wrap .tit-txt1 {
  height: 150px;
  color: #3a3a3a;
  font-size: 24px;
  font-weight: 500;
  padding: 77px 0 41px;
  text-align: center;
}
.form-wrap .tit-txt2 {
  height: 190px;
  color: #3a3a3a;
  font-size: 24px;
  font-weight: 500;
  padding: 77px 0 81px;
  text-align: center;
}
.form-wrap .tit-txt3 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  padding: 0 0 17px;
}
.form-wrap .tit-txt4 {
  height: 190px;
  color: #3a3a3a;
  font-size: 24px;
  font-weight: 500;
  padding: 77px 0 60px;
  text-align: center;
}
.form-wrap .txt-type1 {
  color: #8d8d8d;
  font-size: 8px;
  font-weight: 400;
  padding-bottom: 3px;
  text-align: left;
}
.form-wrap .txt-type2 {
  color: #8d8d8d;
  display: inline-block;
  font-size: 10px;
  line-height: 24px;
  position: absolute;
  right: 5px;
  top: 7px;
}
.form-wrap .txt-type3 {
  color: #5a5a5a;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}
.form-wrap .form-row,
.form-wrap .form-row2 {
  position: relative;
}
.form-row + .form-row {
  margin-top: 10px;
}
.form-row2 + .form-row2 {
  margin-top: 12px;
}
.form-wrap .index-login {
  padding-bottom: 250px;
}
.form-wrap .btn-type11 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
}
.form-wrap .btn-type12 {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
}
.form-wrap .btn-type13 {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
}
.form-wrap .btn-type15 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  text-align: center;
}
.form-wrap .join-kakao i {
  background: url("/images/fzone/icon_kakao.png") 0 0 no-repeat;
}
.form-wrap .join-kakao:hover {
  border: #f7d64d 1px solid;
}
.form-wrap .join-naver i {
  background: url("/images/fzone/icon_naver.png") 0 0 no-repeat;
}
.form-wrap .join-naver:hover {
  border: #04cf5c 1px solid;
}
.form-wrap .join-google i {
  background: url("/images/fzone/icon_google.png") 0 0 no-repeat;
}
.form-wrap .join-google:hover {
  border: #ea4335 1px solid;
}
.form-wrap .form-row a i {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
}
.form-wrap .btn-join {
  padding: 30px 0;
  text-align: center;
}
.form-wrap .btn-join p {
  color: #282A44;
  font-size: 13px;
  font-weight: 400;
  padding-bottom: 9px;
}
.form-wrap .btn-join a {
  color: #282A44;
  font-size: 15px;
  font-weight: 700;
}
.form-wrap .btn-join a:hover {
  text-decoration: underline;
}
.form-wrap .btn-non-member {
  text-align: center;
}
.form-wrap .btn-non-member a {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
}
.form-wrap .btn-non-member a:hover {
  text-decoration: underline;
}
.form-wrap .login-util {
  padding: 20px 10px 30px;
}
.form-wrap .login-util label {
  display: inline-block;
  margin-right: 12px;
}
.form-wrap .login-util2 {
  padding: 20px 0 60px;
  text-align: center;
}
.form-wrap .login-util2 a {
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin: 0 4px;
  text-decoration: underline;
}
.form-wrap .login-util2 a:hover {
  color: #282A44;
}
.form-wrap .ipt-type1 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
}
.form-wrap .ipt-type1::placeholder {
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 400;
}
.form-wrap .ipt-row1 input {
  width: 248px;
}
.form-wrap .ipt-row1 button {
  width: 85px;
  height: 40px;
  font-size: 14px;
}
.form-wrap .form-txt1 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 70px;
  text-align: center;
}
.form-wrap .form-txt1 strong {
  color: #282A44;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin: 0 10px;
  text-decoration: underline;
}
.form-wrap .col-email {
  height: 40px;
  display: block;
}
.form-wrap .col-email li {
  display: inline-block;
  float: left;
}
.form-wrap .col-email li.col2 {
  width: 23px;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}
.form-wrap .col-email li.col3 {
  width: 114px;
}
.form-wrap .col-email li.col4 input {
  width: 96px;
}
.form-wrap .col-email select {
  width: 108px;
  color: #7a7a7a;
  font-size: 12px;
}
.form-wrap .ipt-radio1 {
  padding: 10px 0;
}
.form-wrap .ipt-radio1 label {
  width: 50%;
  color: #7a7a7a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
}
.form-wrap .ipt-radio1 label input[type="radio"] {
  margin-right: 8px;
}
.form-wrap .ipt-chk1 label:last-child {
  margin-right: 0;
}
.form-wrap .bar-divide3 {
  margin: 30px 0 20px;
}
.form-wrap .chk_agree {
  padding-bottom: 20px;
}
.form-wrap .chk_agree .tit-info-txt2 {
  padding-bottom: 10px;
}
.form-wrap .chk_agree .chk_agree_txt {
  padding: 0 0 9px 38px;
}
.form-wrap .chk_agree .chk_agree_txt a {
  color: #8d8d8d;
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.form-wrap .chk_agree .chk_agree_txt a span {
  color: #e95e53;
  display: inline-block;
  margin-left: 4px;
}

/* cs */
.cs-wrap {
  width: 1200px;
  min-height:750px;
  display: block;
  margin: 0 auto 30px;
}
.cs-wrap .tit-txt1 {
  padding: 37px 0 21px;
  text-align: left;
}
.cs-cont {
  overflow: hidden;
}
.cs-cont .snb {
  width: 278px;
  border: #f8f8f8 1px solid;
  border-radius: 4px;
  float: left;
  margin-right: 40px;
}
.cs-cont .snb li {
  display: block;
}
.cs-cont .snb li a {
  background: #fff url("/images/fzone/icon_snb_off.png") right 5px top 12px
    no-repeat;
  color: #3a3a3a;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 14px 15px 16px;
}
.cs-cont .snb li a:hover {
  background: #f7f7f7 url("/images/fzone/icon_snb_on.png") right 5px top 12px
    no-repeat;
  color: #282A44;
}
.cs-cont .snb li a.on {
  background: #f7f7f7 url("/images/fzone/icon_snb_on.png") right 5px top 12px
    no-repeat;
  color: #282A44;
}

.cs-cont .cont-wrap {
  width: 758px;
  float: left;
  padding-bottom: 104px;
}
.cs-cont .cont-wrap .tit-txt {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  position: relative;
}
.cs-cont .cont-wrap .tit-txt .btn-list {
  color: #e95e53;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 500;
}
.cs-cont .cont-wrap .tit-txt2 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  padding: 10px 0 15px;
  position: relative;
}
.cs-cont .cont-wrap .tit-txt3 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.cs-cont .cont-wrap .tit-txt4 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}
.cs-cont .cont-wrap .tit-txt5 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.cs-cont .cont-wrap .cs-summary {
}
.cs-cont .cont-wrap .cs-summary .info-row1 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
}
.cs-cont .cont-wrap .cs-summary .info-row1 img {
  margin-right: 5px;
}
.cs-cont .cont-wrap .cs-summary .info-row1 strong {
  color: #282A44;
  font-size: 14px;
  margin-left: 10px;
}
.cs-cont .cont-wrap .cs-summary .info-row1 .txt-type1 {
  color: #5a5a5a;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
}
.cs-cont .cont-wrap .cs-summary .info-row1 .txt-type2 {
  color: #8d8d8d;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
}
.cs-cont .cont-wrap .cs-summary .btn-group {
  margin: 26px 0 40px;
}
.cs-cont .cont-wrap .cs-summary .btn-group button {
  width: 200px;
  height: 50px;
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.cs-cont .cont-wrap .cs-summary .btn-group button img {
  margin-right: 5px;
}
.cs-cont .cont-wrap .cs-summary .btn-group .btn-talk1 {
  background-color: #f7f7f7;
  color: #4a26ff;
}
.cs-cont .cont-wrap .cs-summary .btn-group .btn-talk2 {
  background-color: #fae100;
  color: #3c1e1e;
}

.cs-cont .cont-wrap .list-acco {
}
.cs-cont .cont-wrap .list-acco .tit-txt5 {
  border-bottom: #f7f7f7 1px solid;
  padding: 18px 16px 19px;
}
.cs-cont .cont-wrap .list-acco .box-acco {
  border-bottom: #f7f7f7 1px solid;
}
.cs-cont .cont-wrap .list-acco .box-acco a {
  color: #5a5a5a;
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 12px 16px 13px;
  position: relative;
}
.cs-cont .cont-wrap .list-acco .box-acco .btn-acco {
  position: absolute;
  right: 16px;
  top: 10px;
}
.cs-cont .cont-wrap .list-acco .box-acco .box-open {
  min-height: 75px;
  background-color: #f7f7f7;
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  padding: 20px;
}

.cs-cont .cont-wrap .board-list {
}
.cs-cont .cont-wrap .board-list .box-list {
  border-bottom: #e1e1e1 1px solid;
}
.cs-cont .cont-wrap .board-list .box-list .list-sort {
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 500;
  position: relative;
}
.cs-cont .cont-wrap .board-list .box-list .list-sort .data {
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
}
.cs-cont .cont-wrap .board-list .box-list a {
  color: #5a5a5a;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  padding: 14px 0 15px;
}
.cs-cont .cont-wrap .board-list .board-cont {
  border-bottom: #e1e1e1 1px solid;
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  padding: 20px 0 40px;
}

.cs-cont .cont-wrap .lnb-menu {
  margin-top: 20px;
  overflow: hidden;
}
.cs-cont .cont-wrap .lnb-menu li {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.cs-cont .cont-wrap .lnb-menu li a {
  display: block;
  padding: 7px 18px 8px;
}

/* event */
.list-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto 30px;
}
.list-wrap .tit-txt1 {
  padding: 37px 0 21px;
  text-align: left;
  position: relative;
}
.list-wrap .tit-txt1 .cont-info {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 500;
  margin-left: 10px;
}
.list-wrap .tit-txt1 .cont-info strong {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  margin-left: 4px;
}
.list-wrap .tit-txt1 .btn-list {
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 42px;
}
.list-wrap .view-cont {
  border: #e1e1e1 1px solid;
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 35px 40px 40px;
}
.list-wrap .view-cont .cont-title {
  color: #3a3a3a;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.list-wrap .view-cont .related-prd {
  border: #a1a1a1 1px solid;
  border-width: 1px 0;
  margin-top: 100px;
}
.list-wrap .view-cont .related-prd .title {
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 0 9px;
}
.list-wrap .view-cont .related-prd .goods-list {
  margin-bottom: 11px;
}
.list-wrap .view-cont .related-prd .goods-list li {
  height: 76px;
  border-bottom: #e1e1e1 1px solid;
  margin-top: 9px;
  padding: 0 0 0 85px;
  position: relative;
}
.list-wrap .view-cont .related-prd .goods-list li:last-child {
  border-bottom: none;
}
.list-wrap .view-cont .related-prd .goods-list .img-prd {
  position: absolute;
  left: 0;
  top: 0;
}
.list-wrap .view-cont .related-prd .goods-list .goods-name {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 700;
}
.list-wrap .view-cont .related-prd .goods-list .goods-info {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
}
.list-wrap .view-cont .related-prd .goods-list .price-sale {
  width: 195px;
  display: inline-block;
}
.list-wrap .view-cont .related-prd .goods-list .price-sale .price-txt1 {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  margin-right: 7px;
}
.list-wrap .view-cont .related-prd .goods-list .price-sale .price-txt2 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
  margin-right: 8px;
}
.list-wrap .view-cont .related-prd .goods-list .price-sale .price-txt3 {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  text-decoration: line-through;
}

.list-wrap .btn-group {
  margin: 30px 0 100px;
  overflow: hidden;
}
.list-wrap .btn-group li {
  display: inline-block;
  float: left;
}
.list-wrap .btn-group .col1 {
  width: 36px;
}
.list-wrap .btn-group .col1 a {
  width: 36px;
  color: #a1a1a1;
  display: block;
  font-size: 10px;
  font-weight: 400;
  text-align: right;
}
.list-wrap .btn-group .col1 a span {
  width: 36px;
  height: 36px;
  background-color: #e1e1e1;
  display: block;
  margin-bottom: 8px;
  padding: 8px 0;
  text-align: center;
}
.list-wrap .btn-group .col2 {
  width: 1004px;
  text-align: center;
}
.list-wrap .btn-group .col2 a {
  color: #7a7a7a;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
}
.list-wrap .btn-group .col2 span {
  display: inline-block;
  margin: 6px 0 14px;
}
.list-wrap .btn-group .col3 {
  width: 36px;
  text-align: right;
}
.list-wrap .btn-group .col3 a {
  width: 36px;
  color: #7a7a7a;
  display: block;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
}
.list-wrap .btn-group .col3 a span {
  width: 36px;
  height: 36px;
  background-color: #a0a0a0;
  display: block;
  margin-bottom: 8px;
  padding: 8px 0;
  text-align: center;
}

.list-type2 {
  display: block;
  overflow: hidden;
}
.list-type2 li {
  width: 340px;
}
.list-type2 li {
  display: inline-block;
  float: left;
  margin: 0 28px 40px 0;
  position: relative;
}
.list-type2 li:nth-child(3n) {
  margin-right: 0;
}
.list-type2 .thumb {
  position: relative;
}
.list-type2 .thumb .label {
  width: 70px;
  height: 24px;
  background-color: #282A44;
  border-radius: 24px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  left: 16px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 16px;
}
.list-type2 .thumb .thumb-txt {
  left: 16px;
  position: absolute;
  top: 154px;
}

.list-type2 .thumb .thumb-txt2 {
  left: 16px;
  position: absolute;
  top: 84px;
}
.list-type2 .thumb .txt-type1 {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.list-type2 .thumb .txt-type2 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 8px;
}
.list-type2 .thumb .txt-type3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.list-type2 .list-cont {
  padding: 20px 16px 16px;
  position: relative;
}
.list-type2 .list-cont .btn-more {
  bottom: 0;
  color: #eb7067;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  right: 16px;
  text-decoration: underline;
}
.list-type2 .list-cont .txt-cont {
  height: 83px;
  color: #5a5a5a;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.list-type2 .list-cont2 {
  padding: 9px 7px;
}
.list-type2 .list-cont2 .txt-type1 {
  height: 21px;
  color: #3a3a3a;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list-type2 .list-cont2 .txt-type2 {
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 500;
}

.list-wrap3 {
  width: 1200px;
  display: block;
  margin: 0 auto;
}
.list-wrap3 .tit-txt1 {
  padding: 37px 0 21px;
  text-align: left;
  position: relative;
}
.list-wrap3 .tit-txt1 .btn-list {
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 42px;
}
.list-wrap3 .view-cont {
  border: #e1e1e1 1px solid;
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 35px 40px 40px;
}
.list-wrap3 .event-cont {
  margin-top: 40px;
  overflow: hidden;
}
.list-wrap3 .event-cont .col1 {
  width: 400px;
  float: left;
}
.list-wrap3 .event-cont .event-prd {
  width: 364px;
  background-color: #fafbfc;
  border: #a1a1a1 1px solid;
  border-width: 1px 0;
  padding-top: 19px;
}
.list-wrap3 .event-cont .event-prd .txt-type1 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  margin-left: 10px;
}
.list-wrap3 .event-cont .event-prd .prd-list li {
  height: 86px;
  border-bottom: #e1e1e1 1px solid;
  margin-top: 20px;
  padding: 0 20px 0 105px;
  position: relative;
}
.list-wrap3 .event-cont .event-prd .prd-list li:last-child {
  border-bottom: none;
}
.list-wrap3 .event-cont .event-prd .prd-list .img-prd {
  position: absolute;
  left: 20px;
  top: 0;
}
.list-wrap3 .event-cont .event-prd .prd-list .goods-name {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
}
.list-wrap3 .event-cont .event-prd .prd-list .goods-info {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
}
.list-wrap3 .event-cont .event-prd .prd-list .price-sale {
  width: 195px;
  display: inline-block;
}
.list-wrap3 .event-cont .event-prd .prd-list .price-sale .price-txt1 {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  margin-right: 7px;
}
.list-wrap3 .event-cont .event-prd .prd-list .price-sale .price-txt2 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
  margin-right: 8px;
}
.list-wrap3 .event-cont .event-prd .prd-list .price-sale .price-txt3 {
  color: #a1a1a1;
  font-size: 12px;
  font-weight: 500;
  text-decoration: line-through;
}

.list-wrap3 .event-cont .col2 {
  width: 640px;
  border-left: #e1e1e1 1px solid;
  float: left;
  padding: 0 0 88px 36px;
}
.list-wrap3 .event-cont .col2 .comment-wrap {
  margin-bottom: 48px;
}
.list-wrap3 .event-cont .col2 .comment-wrap textarea {
  width: 100%;
  height: 95px;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #7a7a7a;
  line-height: 17px;
  padding: 13px 16px;
}
.list-wrap3 .event-cont .col2 .comment-wrap .btn-group {
  margin-top: 7px;
  position: relative;
  text-align: right;
}
.list-wrap3 .event-cont .col2 .comment-wrap .btn-group label {
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  left: 0;
  position: absolute;
  top: 10px;
}
.list-wrap3 .event-cont .col2 .comment-wrap .btn-group button {
  width: 79px;
  height: 40px;
  text-align: center;
}
.list-wrap3 .event-cont .col2 .comment-list {
}
.list-wrap3 .event-cont .col2 .comment-list .txt-type1 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.list-wrap3 .event-cont .col2 .comment-list .txt-type1 i {
  color: #282A44;
  font-size: 10px;
  font-weight: 400;
}
.list-wrap3 .event-cont .col2 .comment-list .comment-box {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #7a7a7a;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 12px;
  padding: 15px 10px;
  position: relative;
}
.list-wrap3 .event-cont .col2 .comment-list .comment-box .btn-group {
  bottom: 16px;
  position: absolute;
  right: 16px;
}
.list-wrap3 .event-cont .col2 .comment-list .comment-box .btn-group a {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-left: 8px;
  text-decoration: underline;
}
.list-wrap3
  .event-cont
  .col2
  .comment-list
  .comment-box
  .btn-group
  .btn-modify {
  color: #282A44;
}
.list-wrap3
  .event-cont
  .col2
  .comment-list
  .comment-box
  .btn-group
  .btn-delete {
  color: #5a5a5a;
}
.list-wrap3 .event-cont .col2 .comment-list .comment-box .user-info {
  margin-top: 8px;
}
.list-wrap3 .event-cont .col2 .comment-list .comment-box .user-info li {
  border-top: 0px;
  color: #a1a1a1;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  padding: 0px 10px 0px 0px;
  position: relative;
}
.list-wrap3 .event-cont .col2 .comment-list .comment-box .user-info li::before {
  width: 1px;
  height: 10px;
  background-color: #a1a1a1;
  content: "";
  display: inline-block;
  left: -7px;
  position: absolute;
  top: 3px;
}
.list-wrap3
  .event-cont
  .col2
  .comment-list
  .comment-box
  .user-info
  li:first-child::before {
  display: none;
}

.brand-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto 30px;
}
.brand-wrap .tit-txt1 {
  padding: 37px 0 21px;
  text-align: left;
}
.brand-wrap .txt-type1 {
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 700;
}
.brand-wrap .txt-type2 {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 400;
}
.brand-wrap .brand-img1 {
  margin-bottom: 37px;
}
.brand-wrap .brand-txt-type1 {
  margin-bottom: 80px;
  overflow: hidden;
}
.brand-wrap .brand-txt-type1 li {
  display: block;
}
.brand-wrap .brand-txt-type1 .row1 {
  color: #3a3a3a;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 4px;
}
.brand-wrap .brand-txt-type1 .row2 {
  color: #3a3a3a;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.brand-wrap .brand-txt-type1 .row3 {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.brand-wrap .brand-box1 {
  margin-bottom: 80px;
  overflow: hidden;
}
.brand-wrap .brand-box1 .brand-img2 {
  width: 580px;
  float: left;
}
.brand-wrap .brand-box1 .brand-txt-type2 {
  float: left;
}
.brand-wrap .brand-box1 .brand-txt-type2 li {
  display: block;
}
.brand-wrap .brand-box1 .brand-txt-type2 .row1 {
  color: #3a3a3a;
  font-size: 19px;
  font-weight: 500;
}
.brand-wrap .brand-box1 .brand-txt-type2 .row2 {
  color: #3a3a3a;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.brand-wrap .brand-box1 .brand-txt-type2 .row3 {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.brand-wrap2 {
  width: 100%;
  min-width: 1200px;
  background-color: #f7f7f7;
  display: block;
  overflow: hidden;
  padding: 60px 0;
  text-align: center;
}
.brand-wrap2 .brand-box2 {
  width: 415px;
  display: inline-block;
  overflow: hidden;
}
.brand-wrap2 .brand-box2 li {
  display: inline-block;
  float: left;
}
.brand-wrap2 .brand-box2 .col1 {
  width: 191px;
}
.brand-wrap2 .brand-box2 .col1 span {
  width: 141px;
  height: 141px;
  background-color: #282A44;
  border-radius: 141px;
  color: #fff;
  display: block;
  font-size: 19px;
  font-weight: 500;
  padding-top: 45px;
  text-align: center;
}
.brand-wrap2 .brand-box2 .col2 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  margin-top: 32px;
  text-align: left;
}

.brand-wrap2 .brand-box3 {
  width: 1200px;
  display: block;
  margin: 0 auto 30px;
  overflow: hidden;
}
.brand-wrap2 .brand-box3 .txt-type1 {
  color: #3a3a3a;
  font-size: 19px;
  font-weight: 700;
  text-align: left;
}
.brand-wrap2 .brand-box3 .li-type1 {
  margin: 0 56px 0 54px !important;
}
.brand-wrap2 .brand-box3 .col1 {
  width: 621px;
  border-right: #eb7067 1px solid;
  display: inline-block;
  float: left;
}
.brand-wrap2 .brand-box3 .col1 ul {
  overflow: hidden;
}
.brand-wrap2 .brand-box3 .col1 li {
  display: inline-block;
  float: left;
  margin: 0 17px 30px 0;
}
.brand-wrap2 .brand-box3 .col1 li p {
  color: #5a5a5a;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
}
.brand-wrap2 .brand-box3 .col2 {
  width: 455px;
  display: inline-block;
  float: left;
  margin-top: 23px;
}
.brand-wrap2 .brand-box3 .col2 li {
  color: #5a5a5a;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 23px;
  text-align: left;
  text-indent: 62px;
}

.biz-map {
  padding: 77px 0 70px;
}

.biz-his {
  width: 470px;
  background: url("/images/fzone/biz_img1.png") center 51px no-repeat;
  margin: 54px auto 0;
}
.biz-his .biz-his-row1 {
  display: block;
  text-align: left;
}
.biz-his .biz-his-row2 {
  display: block;
  text-align: right;
}
.biz-his .biz-cont1 {
  width: 216px;
  display: inline-block;
  overflow: hidden;
}
.biz-his .biz-cont1 li {
  display: block;
  text-align: right;
}
.biz-his .biz-cont1 .row1 {
  margin-bottom: 9px;
}
.biz-his .biz-cont1 .row2 {
  color: #282A44;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.biz-his .biz-cont1 .row3 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
}
.biz-his .biz-cont2 {
  width: 216px;
  display: inline-block;
  overflow: hidden;
}
.biz-his .biz-cont2 li {
  display: block;
  text-align: left;
}
.biz-his .biz-cont2 .row1 {
  margin-bottom: 9px;
}
.biz-his .biz-cont2 .row2 {
  color: #282A44;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.biz-his .biz-cont2 .row3 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
}
.biz-his .biz-ai {
  margin-top: 114px;
  text-align: center;
}
.biz-his .biz-ai span {
  width: 343px;
  background-color: #282A44;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 50px;
}

.b2b-wrap {
  width: 1200px;
  display: block;
  margin: 0 auto 30px;
}
.b2b-wrap .tit-txt1 {
  padding: 37px 0 21px;
  text-align: left;
}
.b2b-wrap .b2b-box1 {
  margin-bottom: 45px;
  overflow: hidden;
}
.b2b-wrap .b2b-box1 .b2b-img2 {
  width: 638px;
  float: left;
}
.b2b-wrap .b2b-box1 .b2b-txt-type1 {
  margin-top: 70px;
}
.b2b-wrap .b2b-box1 .b2b-txt-type1 li {
  display: block;
  text-align: left;
}
.b2b-wrap .b2b-box1 .b2b-txt-type1 .row1 {
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 15px;
}
.b2b-wrap .b2b-box1 .b2b-txt-type1 .row2 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 30px;
}
.b2b-wrap .b2b-box1 .b2b-txt-type1 .row3 {
}
.b2b-wrap .b2b-box1 .b2b-txt-type1 .row3 a {
  width: 343px;
  height: 50px;
  background-color: #282A44;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
}

.b2b-wrap .b2b-box2 {
  background-color: #f7f7f7;
  overflow: hidden;
  padding: 46px 0 33px 36px;
}
.b2b-wrap .b2b-box2 .col1 {
  width: 600px;
  float: left;
}
.b2b-wrap .b2b-box2 .col2 {
  float: left;
}
.b2b-wrap .b2b-box2 .txt-type1 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 700;
}
.b2b-wrap .b2b-box2 .txt-type2 {
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
}
.b2b-wrap .b2b-box2 .txt-type3 {
  color: #e95e53;
  font-size: 12px;
  font-weight: 400;
}
.b2b-wrap .b2b-box2 .b2b-txt-type2 {
  margin-top: 46px;
}
.b2b-wrap .b2b-box2 .b2b-txt-type2 li {
  width: 422px;
  background: url("/images/fzone/icon_check.png") 0 0 no-repeat;
  line-height: 19px;
  margin: 0 0 22px;
  padding-left: 20px;
}
.b2b-wrap .b2b-box2 .b2b-txt-type2 li p {
  width: 422px;
  height: 1px;
  background-color: #e1e1e1;
  box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.16);
  margin: 10px 0 0 -20px;
}
.b2b-wrap .b2b-box2 .b2b-txt-type3 {
}
.b2b-wrap .b2b-box2 .b2b-txt-type3 li {
  display: block;
  margin-bottom: 39px;
  padding-left: 56px;
  position: relative;
}
.b2b-wrap .b2b-box2 .b2b-txt-type3 li img {
  left: 0;
  position: absolute;
  top: 0;
}

.b2b-wrap .b2b-box3 {
  padding: 57px 0 97px 36px;
}
.b2b-wrap .b2b-box3 .txt-type1 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.b2b-wrap .b2b-box3 .txt-type1 i {
  color: #282A44;
}
.b2b-wrap .b2b-box3 ul {
  height: 137px;
  background: url("/images/fzone/b2b_img13.png") 24px 58px no-repeat;
  margin-top: 61px;
  overflow: hidden;
}
.b2b-wrap .b2b-box3 li {
  display: inline-block;
  float: left;
  text-align: left;
}
.b2b-wrap .b2b-box3 li p {
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 700;
  line-height: 21px;
}
.b2b-wrap .b2b-box3 .col1 {
  width: 262px;
}
.b2b-wrap .b2b-box3 .col1 img {
  margin: 10px 0 52px;
}
.b2b-wrap .b2b-box3 .col2 {
  width: 247px;
}
.b2b-wrap .b2b-box3 .col2 img {
  margin: 0 0 39px;
}
.b2b-wrap .b2b-box3 .col3 {
  width: 260px;
}
.b2b-wrap .b2b-box3 .col3 img {
  margin: 0 0 39px;
}
.b2b-wrap .b2b-box3 .col4 {
  width: 271px;
}
.b2b-wrap .b2b-box3 .col4 img {
  margin: 6px 0 39px;
}

.b2b-wrap .b2b-box4 {
  margin-bottom: 100px;
}
.b2b-wrap .b2b-box4 .txt-type1 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.b2b-wrap .b2b-box4 ul {
  overflow: hidden;
}
.b2b-wrap .b2b-box4 li {
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.b2b-wrap .b2b-box4 li:last-child {
  margin-right: 0;
}
.b2b-wrap .b2b-box4 li p {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
}

.b2b-wrap2 {
  width: 100%;
  min-width: 1200px;
  background-color: #f7f7f7;
  display: block;
  overflow: hidden;
}
.b2b-wrap2 .b2b-box5 {
  width: 1200px;
  display: block;
  margin: 47px auto 105px;
  overflow: hidden;
}
.b2b-wrap2 .txt-type1 {
  color: #3a3a3a;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 29px;
}
.b2b-wrap2 .txt-type2 {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: 400;
}
.b2b-wrap2 .bar-divide3 {
  background-color: #e1e1e1;
  margin: 20px 0;
}
.b2b-wrap2 .col1 {
  width: 364px;
  display: inline-block;
  float: left;
}
.b2b-wrap2 .col1-wrap {
  width: 343px;
}
.b2b-wrap2 .col1 .write-ipt li {
  width: 343px;
  display: block;
  margin-bottom: 11px;
}
.b2b-wrap2 .col1 .write-ipt li input[type="text"] {
  width: 100%;
}
.b2b-wrap2 .col1 .agree-chk {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}
.b2b-wrap2 .col1 .agree-info {
  margin-left: 28px;
}
.b2b-wrap2 .col1 .agree-info li {
  display: block;
  margin-bottom: 10px;
}
.b2b-wrap2 .col1 .agree-info .row1 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.b2b-wrap2 .col1 .agree-info .row2 {
  color: #7a7a7a;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
.b2b-wrap2 .col1 .agree-info .row3 {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
.b2b-wrap2 .col1 .question-info {
  margin-top: 17px;
  overflow: hidden;
}
.b2b-wrap2 .col1 .question-info dt,
.b2b-wrap2 .col1 .question-info dd {
  display: inline-block;
  float: left;
}
.b2b-wrap2 .col1 .question-info dt {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: 400;
  padding-right: 7px;
}
.b2b-wrap2 .col1 .question-info dd {
  color: #3a3a3a;
  font-size: 11px;
  font-weight: 500;
  text-decoration: underline;
}

.b2b-wrap2 .col2 {
  width: 712px;
  display: inline-block;
  float: left;
}
.b2b-wrap2 .col2 textarea {
  width: 712px;
  height: 492px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 17px 11px;
}
.b2b-wrap2 .col2 .btn-group {
  margin-top: 20px;
  text-align: right;
}
.b2b-wrap2 .col2 .btn-group button {
  width: 166px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
}

/* common type */
.btn-type1 {
  background-color: #282A44;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
}
.btn-type1:hover {
  background-color: #e95e53;
}
.btn-type2 {
  background-color: #ebebeb;
  border-radius: 30px;
  color: #3a3a3a;
  display: inline-block;
}
.btn-type2:hover {
  background-color: #282A44;
  color: #fff;
}
.btn-type2-on {
  background-color: #282A44;
  color: #fff;
}
.btn-type3 {
  background-color: #fff;
  border: #282A44 1px solid;
  border-radius: 4px;
  color: #282A44;
  display: inline-block;
}
.btn-type4 {
  background-color: #282A44;
  border: #282A44 1px solid;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
}
.btn-type5 {
  background-color: #fff;
  border: #282A44 2px solid;
  border-radius: 4px;
  color: #282A44;
  display: inline-block;
}
.btn-type6 {
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #5a5a5a;
  display: inline-block;
}
.btn-type7 {
  background-color: #e1e1e1;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #5a5a5a;
  display: inline-block;
}
.btn-type8 {
  background-color: #fff;
  border: #8d8d8d 1px solid;
  border-radius: 4px;
  color: #5a5a5a;
  display: inline-block;
}
.btn-type9 {
  background-color: #fdedeb;
  border-radius: 15px;
  color: #e95e53;
  display: inline-block;
}
.btn-type10 {
  background-color: #e1e1e1;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
}
.btn-type11 {
  background-color: #fff;
  border: #282A44 1px solid;
  border-radius: 4px;
  color: #282A44;
  display: inline-block;
}
.btn-type11:hover {
  background-color: #282A44;
  color: #fff;
}
.btn-type12 {
  background-color: #f7f7f7;
  border: #f7f7f7 1px solid;
  border-radius: 4px;
  color: #5a5a5a;
  display: inline-block;
}
.btn-type12:hover {
  box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.11);
}
.btn-type13 {
  background-color: #282A44;
  border: #282A44 1px solid;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
}
.btn-type13:hover {
  box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.16);
}
.btn-type14 {
  background-color: #8d8d8d;
  border: #8d8d8d 1px solid;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
}
.btn-type14:hover {
  background-color: #e95e53;
  border: #e95e53 1px solid;
}
.btn-type15 {
  background-color: #e1e1e1;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
}
.btn-type15:hover {
  background-color: #282A44;
  border: #282A44 1px solid;
}
.btn-type16 {
  background-color: #fcfcfc;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  color: #a1a1a1;
  display: inline-block;
}
.btn-type17 {
  background-color: #fffbfb;
  border: #fdedeb 1px solid;
  border-radius: 4px;
  color: #eb7067;
  display: inline-block;
}

.tit-txt1 {
  color: #3a3a3a;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.tit-txt2 {
  color: #5a5a5a;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}
.tit-txt3 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  position: relative;
}
.tit-txt4 {
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}

.tit-info-txt1 {
  color: #7a7a7a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.tit-info-txt2 {
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.tab-menu-type1 {
  display: block;
  overflow: hidden;
}
.tab-menu-type1 li {
  display: inline-block;
  float: left;
  margin-right: 12px;
}

.slide-bnr-type1 {
  position: relative;
}
.slide-bnr-type1 .btn-page {
  position: relative;
  top: 102px;
  z-index: 100;
}
.slide-bnr-type1 .btn-page li a {
  width: 36px;
  height: 36px;
  background: rgba(122, 122, 122, 0.7);
  border-radius: 8px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
}
.slide-bnr-type1 .btn-page li a:hover {
  background: rgba(122, 122, 122, 0.84);
}
.slide-bnr-type1 .btn-page li a.on {
  background: rgba(122, 122, 122, 0.84);
}
.slide-bnr-type1 .btn-page .btn-page-left {
  left: 20px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
}
.slide-bnr-type1 .btn-page .btn-page-right {
  margin-top: -18px;
  right: 20px;
  position: absolute;
  top: 50%;
}

.slide-mt {
  position: relative;
  width:1920px;
  margin:0 auto;


}

.slide-mt .btn-page2 {
  position: relative;
  top: 400px;
  z-index: 100;
  display:none;  
}
.slide-mt .btn-page2 li a {
  width: 36px;
  height: 36px;
  background: rgba(122, 122, 122, 0.7);
  border-radius: 8px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
}
.slide-mt .btn-page2 li a:hover {
  background: rgba(122, 122, 122, 0.84);
}
.slide-mt .btn-page2 li a.on {
  background: rgba(122, 122, 122, 0.84);
}
.slide-mt .btn-page2 .btn-page-left {
  left: 420px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
}
.slide-mt .btn-page2 .btn-page-right {
  margin-top: -18px;
  right: 20px;
  position: absolute;
  top: 50%;
}




.slide-bnr-type1 .slide-bnr {
  width: 1200px;
  height: 204px;
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 63px 0 0;
}
.slide-bnr-type1 .slide-bnr .slide-cont {
  margin-left: 120px;
}
.slide-bnr-type1 .slide-bnr .slide-cont li {
  display: block;
}
.slide-bnr-type1 .slide-bnr .txt_type1 {
  color: #282A44;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 13px;
}
.slide-bnr-type1 .slide-bnr .txt_type2 {
  color: #3a3a3a;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}

.slide-bnr-type2 {
  position: relative;
}
.slide-bnr-type2 .btn-page {
  position: relative;
  top: 85px;
  z-index: 100;
}
.slide-bnr-type2 .btn-page li a {
  width: 36px;
  height: 36px;
  background: rgba(122, 122, 122, 0.7);
  border-radius: 8px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
}
.slide-bnr-type2 .btn-page li a:hover {
  background: rgba(122, 122, 122, 0.84);
}
.slide-bnr-type2 .btn-page li a.on {
  background: rgba(122, 122, 122, 0.84);
}
.slide-bnr-type2 .btn-page .btn-page-left {
  left: 20px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
}
.slide-bnr-type2 .btn-page .btn-page-right {
  margin-top: -18px;
  right: 20px;
  position: absolute;
  top: 50%;
}

.slide-bnr-type2 .slide-bnr {
  width: 1200px;
  height: 170px;
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 55px 0 0;
}
.slide-bnr-type2 .slide-bnr .slide-cont {
  margin-left: 84px;
}
.slide-bnr-type2 .slide-bnr .slide-cont li {
  display: block;
}
.slide-bnr-type2 .slide-bnr .txt_type1 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 7px;
}
.slide-bnr-type2 .slide-bnr .txt_type2 {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

.slide-prd {
  position: relative;
}
.slide-prd .slide-btn-type1 {
  z-index: 100;
}
.slide-prd .slide-btn-type1 li a {
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  overflow: hidden;
  text-align: center;
}
.slide-prd .slide-btn-type1 li a:hover {
  background-position: 0 -36px;
}
.slide-prd .slide-btn-type1 li a.on {
  background-position: 0 -36px;
}
.slide-prd .slide-btn-type1 .btn-page-left {
  left: -56px;
  position: absolute;
  top: 109px;
}
.slide-prd .slide-btn-type1 .btn-page-left a {
  background: url("/images/fzone/icon_slide_left.png") 0 0 no-repeat;
}
.slide-prd .slide-btn-type1 .btn-page-right {
  right: -56px;
  position: absolute;
  top: 109px;
}
.slide-prd .slide-btn-type1 .btn-page-right a {
  background: url("/images/fzone/icon_slide_right.png") 0 0 no-repeat;
}

.slide-prd .slide-btn-type2 {
  z-index: 100;
}
.slide-prd .slide-btn-type2 li a {
  width: 36px;
  height: 36px;
  background-color: #e1e1e1;
  border-radius: 8px;
  display: inline-block;
  line-height: 36px;
  text-align: center;
}
.slide-prd .slide-btn-type2 li a:hover {
  background-color: #282A44;
}
.slide-prd .slide-btn-type2 li a.on {
  background-color: #282A44;
}
.slide-prd .slide-btn-type2 .btn-page-left {
  left: -46px;
  position: absolute;
  top: 109px;
}
.slide-prd .slide-btn-type2 .btn-page-right {
  right: -46px;
  position: absolute;
  top: 109px;
}

.prd-list {
  display: block;
  overflow: hidden;
}
.prd-list.col-3 li {
  width: 344px;
}
.prd-list.col-3 li {
  display: inline-block;
  float: left;
  margin-right: 22px;
  position: relative;
}
.prd-list.col-3 li:nth-child(3n) {
  margin-right: 0;
}
.prd-list.col-4 li {
  display: inline-block;
  float: left;
  margin-right: 20px;
  position: relative;
}
.prd-list.col-4 li {
  width: 254px;
}
.prd-list.col-4 li:nth-child(4n) {
  margin-right: 0;
}
.prd-list li a {
  display: block;
}
.prd-list .btn_cart {
  width: 45px;
  height: 45px;
  background: #282A44 url("/images/fzone/icon_cart2.png") center 10px no-repeat;
  border: 0;
  border-radius: 45px;
  display: inline-block;
  z-index: 10;
}
.prd-list .btn_cart_type1 {
  position: absolute;
  right: 16px;
  top: 283px;
}
.prd-list .btn_cart_type2 {
  position: absolute;
  right: 10px;
  top: 199px;
}

.btn_cartv {margin-right:15px;}

.prd-list .prd-img {
  position: relative;
}
.prd-list .prd-img img {
  border-radius: 28px;
}
.prd-list .prd-img .label {
  width: 60px;
  height: 30px;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  left: 16px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 16px;
}
.prd-list .prd-img .new {
  background-color: #0b3e7f;
}
.prd-list .prd-img .best {
  background-color: #282A44;
}
.prd-list .prd-info {
  min-height:120px;
  padding-top: 19px;
  margin-bottom:20px;
}
.prd-list .prd-info .brand {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}
.prd-list .prd-info .name {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 400;
}
.prd-list .prd-info .prd-price {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 400;
}
.prd-list .prd-info .prd-price .discount {
  color: #282A44;
  margin-right: 10px;
}
.prd-list .prd-info .price-org {
  color: #a1a1a1;
  font-size: 15px;
  font-weight: 400;
  text-decoration: line-through;
}

.prd-more {
  text-align: center;
}
.prd-more a {
  width: 343px;
  height: 30px;
  background-color: #f7f7f7;
  border-radius: 30px;
  color: #5a5a5a;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
}
.prd-more a i {
  width: 24px;
  height: 24px;
  background: url("/images/fzone/icon_down.png") 0 0 no-repeat;
  display: inline-block;
  margin: -2px 0 0 4px;
  vertical-align: middle;
}

.prd-more_on a i{
  transform: rotate( 180deg );
}

.bnr-list1 {
  display: block;
}
.bnr-list1 li {
  width: 344px;
  height: 258px;
  box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.16);
  display: inline-block;
  float: left;
  margin-right: 22px;
  padding: 24px 0 0 22px;
  position: relative;
}
.bnr-list1 li:nth-child(3n) {
  margin-right: 0;
}
.bnr-list1 .txt-type1 {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 2px;
  letter-spacing: -0.33px;
}
.bnr-list1 .txt-type1 r {
  color: #282A44;
}
.bnr-list1 .txt-type1 i {
  color: #282A44;
  display: inline-block;
}
.bnr-list1 .txt-type2 {
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 18px;
}
.bnr-list1 .btn-more {
  color: #5a5a5a;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
}

.bnr-list2 {
  display: block;
}
.bnr-list2 li {
  width: 344px;
  height: 344px;
  display: inline-block;
  float: left;
  margin-right: 22px;
  position: relative;
}
.bnr-list2 li:nth-child(3n) {
  margin-right: 0;
}
.bnr-list2 li a {
  box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.16);
  display: block;
}
.bnr-list2 .img0 {
  width: 344px;
  height: 344px;
  padding: 31px 0 0 20px;
}
.bnr-list2 .img1 {
  width: 344px;
  height: 267px;
  padding: 31px 0 0 20px;
}
.bnr-list2 .img2 {
  width: 344px;
  height: 267px;
  padding: 179px 0 0 20px;
}
.bnr-list2 .txt-type1 {
  color: #3a3a3a;
  font-size: 15px;
  font-weight: 300;
}
.bnr-list2 .txt-type2 {
  color: #3a3a3a;
  font-size: 24px;
  font-weight: 500;
}
.bnr-list2 .txt-type3 {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: normal;
  margin-top: 200px;
  margin-left: 52px;
}
.bnr-list2 .txt-type1 t {
  color: #fff;
}
.bnr-list2 .txt-type2 t {
  color: #fff;
}

.bnr-list2 .md_comment {
  background-color: #fff8e5;
  color: #3a3a3a;
  font-size: 13px;
  line-height: 18px;
  padding: 21px 0 21px 72px;
  position: relative;
}
.bnr-list2 .md_comment i {
  width: 44px;
  height: 44px;
  border-radius: 44px;
  box-shadow: 0px 3px 6px 0px rgb(0, 0, 0, 0.16);
  display: inline-block;
  left: 20px;
  position: absolute;
  top: 17px;
}
.bnr-list2 .md_comment .md_img1 {
  background: url("/images/fzone/icon_woman1.png") 0 0 no-repeat;
}
.bnr-list2 .md_comment .md_img2 {
  background: url("/images/fzone/icon_woman2.png") 0 0 no-repeat;
}
.bnr-list2 .md_comment .md_img3 {
  background: url("/images/fzone/icon_woman3.png") 0 0 no-repeat;
}

.tbl-type1 {
  width: 100%;
  border-top: #a1a1a1 2px solid;
}
.tbl-type1 th {
  height: 58px;
  border-bottom: #e1e1e1 2px solid;
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 20px;
  padding: 12px 0 14px 10px;
  text-align: left;
}
.tbl-type1 td {
  border-bottom: #e1e1e1 2px solid;
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 19px;
  padding: 14px 0 14px 20px;
  text-align: left;
}
.tbl-type1 tr:last-child th {
  border-bottom: #a1a1a1 2px solid;
}
.tbl-type1 tr:last-child td {
  border-bottom: #a1a1a1 2px solid;
}
.tbl-type1 .list-type1 {
  padding-left: 10px;
}
.tbl-type1 .list-type1 li {
  list-style: decimal;
}

.tbl-type2 {
  width: 100%;
}
.tbl-type2 th {
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  padding: 8px 0 8px 10px;
  text-align: left;
}
.tbl-type2 td {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  padding: 8px 0 8px;
  text-align: left;
}

.ipt-type1 {
  height: 40px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  padding: 11px 14px 13px;
}
.ipt-type1::placeholder {
  color: #8d8d8d;
  font-size: 12px;
  line-height: 16px;
}

.bar-divide {
  width: 1200px;
  height: 4px;
  background-color: #f7f7f7;
  margin: 0 auto;
}
.bar-divide2 {
  height: 4px;
  background-color: #f7f7f7;
  margin: 0 auto;
}
.bar-divide3 {
  height: 1px;
  background-color: #e1e1e1;
  margin: 0 auto;
}
.bar-divide4 {
  height: 1px;
  background-color: #f7f7f7;
  margin: 0 auto;
}

.select-type1 {
  height: 40px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  padding: 11px 14px 13px;
}
.select-type2 {
  background-color: #fff;
  border: #fff 1px solid;
  color: #5a5a5a;
  font-size: 11px;
}

.ipt-radio1 input[type="radio"] {
  width: 20px;
  height: 20px;
  background: #fff url("/images/fzone/icon_radio2_off.png") -2px -2px no-repeat;
  border-radius: 20px;
  margin: 0 5px 0 0;
  position: relative;
  vertical-align: middle;
}
.ipt-radio1 input[type="radio"]:checked {
  background: #fff url("/images/fzone/icon_radio_on.png") -2px -2px no-repeat;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
}
.ipt-radio1 input[type="radio"] + label {
  cursor: pointer;
  margin: 0 20px 0 0;
  vertical-align: middle;
}

.ipt-chk1 input[type="checkbox"] {
  width: 22px;
  height: 20px;
  background: url("/images/fzone/icon_chk2_off.png") 0px 0px no-repeat;
  margin-right: 7px;
}
.ipt-chk1 input[type="checkbox"]:checked {
  width: 22px;
  height: 20px;
  background: url("/images/fzone/icon_chk2_on.png") 0px 0px no-repeat;
}
.ipt-chk1 label {
  cursor: pointer;
  display: inline-block;
  margin: 0 30px 0 0;
  vertical-align: middle;
}

.thpdimg {
  width: 187px;
  height: 187px;
  border-radius: 20px;
  margin-right: 15px;
  cursor: pointer;
}

.comm-page {
  text-align: center;
}
.comm-page ul {
  display: inline-block;
  overflow: hidden;
}
.comm-page ul li {
  display: inline-block;
  float: left;
  margin: 0 5px;
}
.comm-page ul li a {
  width: 22px;
  height: 22px;
  background-color: #ebebeb;
  border-radius: 4px;
  color: #5a5a5a;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.comm-page ul li a:hover {
  background-color: #e95e53;
  color: #fff;
}
.comm-page ul li a.on {
  background-color: #e95e53;
  color: #fff;
}
.comm-page ul li .btn-prev {
  width: 25px;
  height: 22px;
  background-color: #dedede;
  border-radius: 4px 0 0 4px;
}
.comm-page ul li .btn-next {
  width: 25px;
  height: 22px;
  background-color: #dedede;
  border-radius: 0 4px 4px 0;
}

/* popup */
#pop-wrapper {
}
.popup-util {
  height: 34px;
  text-align: right;
}
.bd-type1 {
  background-color: #fff;
  border: #a1a1a1 1px solid;
  border-radius: 4px;
}

.popup-wrap1 .bd-type1 {
  height: 426px;
  padding: 37px 10px 10px 30px;
}
.popup-wrap1 .txt-type1 {
  color: #e95e53;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 19px;
}
.popup-wrap1 .txt-type2 li {
  color: #5a5a5a;
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 8px;
}
.popup-wrap1 .txt-type3 {
  margin-top: 22px;
}
.popup-wrap1 .txt-type3 dt {
  color: #e95e53;
  display: block;
  font-size: 13px;
  font-weight: 700;
}
.popup-wrap1 .txt-type3 dd {
  color: #5a5a5a;
  display: block;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
}
.popup-wrap1 .txt-type4 {
  color: #282A44;
  font-size: 12px;
  font-weight: 500;
  margin-top: 30px;
}

.popup-wrap2 .bd-type1 {
  height: 720px;
  padding: 23px 26px 0 26px;
}
.popup-wrap2 .txt-type1 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 19px;
}
.popup-wrap2 .txt-type1 span {
  font-weight: 300;
  margin-left: 1px;
}
.popup-wrap2 .thumb-list {
}
.popup-wrap2 .thumb-list li {
  width: 154px;
  height: 154px;
  display: inline-block;
  margin: 0 10px 10px 0;
  position: relative;
}
.popup-wrap2 .thumb-list li:nth-child(6n) {
  margin-right: 0;
}
.popup-wrap2 .thumb-list li span {
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  right: 0;
  text-align: center;
}

.popup-wrap3 .review-wrap {
  width: 1174px;
}
.popup-wrap3 .popup-util {
  width: 1026px;
  margin: 0 auto;
}
.popup-wrap3 .bd-type1 {
  width: 1026px;
  height: 720px;
  margin: 0 auto;
  padding: 23px 0 0;
}
.popup-wrap3 .txt-type1 {
  border-bottom: #e1e1e1 1px solid;
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  padding: 0 26px 20px;
}
.popup-wrap3 .txt-type1 img {
  margin-right: 10px;
}
.popup-wrap3 .txt-type1 span {
  font-weight: 300;
  margin-left: 1px;
}
.popup-wrap3 .review-col1 {
  width: 623px;
  height: 650px;
  border-right: #e1e1e1 1px solid;
  float: left;
  padding: 30px 25px 0 26px;
}
.popup-wrap3 .review-col1 img {
  width: 100%;
}
.popup-wrap3 .review-col2 {
  width: 401px;
  height: 650px;
  float: left;
  padding: 30px 0;
  position: relative;
}
.popup-wrap3 .review-col2 .info-row1 {
  margin-bottom: 30px;
  padding: 0 36px;
}
.popup-wrap3 .review-col2 .info-row2 {
  margin-bottom: 9px;
  padding: 0 36px;
}
.popup-wrap3 .review-col2 .info-row3 {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 36px;
}
.popup-wrap3 .review-col2 .info-row4 {
  border-top: #e1e1e1 1px solid;
  margin-top: 30px;
  padding: 20px 25px 0;
}
.popup-wrap3 .review-col2 .info-row4 a {
  display: inline-block;
  float: left;
  margin: 0 6px 6px 0;
  position: relative;
}
.popup-wrap3 .review-col2 .info-row4 a img {
  opacity: 0.5;
}
.popup-wrap3 .review-col2 .info-row4 a span {
  width: 66px;
  height: 66px;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  position: absolute;
  top: 0;
}
.popup-wrap3 .review-col2 .info-row4 a.on span {
  display: none;
}
.popup-wrap3 .review-col2 .info-row4 a.on img {
  opacity: 1;
}
.popup-wrap3 .review-col2 .info-row4 a:hover {
  margin: 0 6px 6px 0;
}
.popup-wrap3 .review-col2 .info-row4 a:hover span {
  display: block;
}
.popup-wrap3 .review-col2 .star,
.popup-wrap3 .review-col2 .rating {
  width: 65px;
  height: 12px;
  background: url("/images/fzone/icon_star2.png") 0 0 repeat-x;
  display: inline-block;
}
.popup-wrap3 .review-col2 .star {
  position: relative;
}
.popup-wrap3 .review-col2 .rating {
  background-position: 0 -12px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  z-index: 5;
}
.popup-wrap3 .review-col2 .rating-txt {
  color: #282A44;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-left: 9px;
}
.popup-wrap3 .review-col2 ul {
  display: inline-block;
  margin-top: 4px;
}
.popup-wrap3 .review-col2 li {
  border: 0;
  color: #a1a1a1;
  display: inline-block;
  float: left;
  font-size: 11px;
  font-weight: 400;
  padding-right: 14px;
  position: relative;
}
.popup-wrap3 .review-col2 li:before {
  width: 1px;
  height: 10px;
  background-color: #a1a1a1;
  content: "";
  display: inline-block;
  left: -7px;
  position: absolute;
  top: 3px;
}
.popup-wrap3 .review-col2 li:first-child:before {
  display: none;
}
.popup-wrap3 .review-col2 .label-best {
  width: 42px;
  height: 20px;
  background-color: #f8c9c5;
  border-radius: 4px;
  color: #282A44;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-right: 8px;
  text-align: center;
}
.popup-wrap3 .btn-set {
  width: 100%;
  left: 0;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}
.popup-wrap3 .btn-set .btn-left {
  float: left;
}
.popup-wrap3 .btn-set .btn-right {
  float: right;
}

.popup-wrap4 {
  padding: 0 30px;
}
.popup-wrap4 .opt-selected {
  background-color: #f7f7f7;
  margin-top: 40px;
}
.popup-wrap4 .opt-select-box {
}
.popup-wrap4 .opt-select-box li {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 20px 20px;
  position: relative;
}
.popup-wrap4 .opt-select-box .prd-spinner {
  width: 106px;
  height: 36px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  bottom: 12px;
  display: inline-block;
  position: absolute;
  right: 10px;
}
.popup-wrap4 .opt-select-box .prd-spinner button[type="button"] {
  width: 34px;
  height: 34px;
  border: 0;
  font-size: 0;
}
.popup-wrap4 .opt-select-box .prd-spinner .btn-plus {
  background: url("/images/fzone/icon-plus.png") center center no-repeat;
}
.popup-wrap4 .opt-select-box .prd-spinner .btn-minus {
  background: url("/images/fzone/icon-minus.png") center center no-repeat;
}
.popup-wrap4 .opt-select-box .prd-spinner input[type="text"] {
  width: 29px;
  border: 0;
  padding: 0;
  text-align: center;
}
.popup-wrap4 .opt-select-box .price {
  margin-top: 21px;
}
.popup-wrap4 .opt-total {
  margin: 57px 0 25px;
  overflow: hidden;
}
.popup-wrap4 .opt-total li {
  width: 50%;
  color: #3a3a3a;
  display: inline-block;
  float: left;
  font-size: 17px;
  font-weight: 700;
}
.popup-wrap4 .btn-group {
  overflow: hidden;
}
.popup-wrap4 .btn-group .btn-type3 {
  width: 161px;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  margin-right: 10px;
}
.popup-wrap4 .btn-group .btn-type4 {
  width: 278px;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
}

.popup-wrap5 {
  padding: 0 30px;
}
.popup-wrap5 .txt-type1 {
  color: #3a3a3a;
  font-size: 18px;
  margin: 67px 0 50px;
  text-align: center;
}
.popup-wrap5 .txt-type2 {
  color: #3a3a3a;
  font-size: 18px;
  line-height: 28px;
  margin: 67px 0 40px;
  text-align: center;
}
.popup-wrap5 .txt-type3 {
  color: #3a3a3a;
  font-size: 18px;
  margin: 77px 0 58px;
  text-align: center;
}
.popup-wrap5 .txt-type4 {
  color: #3a3a3a;
  font-size: 18px;
  margin: 67px 0 16px;
  text-align: center;
}
.popup-wrap5 .txt-type5 {
  color: #282A44;
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 49px;
  text-align: center;
}
.popup-wrap5 .btn-group {
  text-align: center;
}
.popup-wrap5 .btn-group button {
  width: 221px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
}
.popup-wrap5 .btn-group2 {
  text-align: center;
}
.popup-wrap5 .btn-group2 button {
  width: 150px;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
}

.popup-wrap6 .bd-type1 {
  height: 498px;
  padding: 19px 16px;
}
.popup-wrap6 .txt-type1 {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 19px;
}

.popup-wrap7 {
  position: relative;
}
.popup-wrap7 .popup-cont {
  padding: 0 16px;
}
.popup-wrap7 .bd-type1 {
  padding: 39px 24px;
}
.popup-wrap7 .btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
}
.popup-wrap7 .txt-type1 {
  border-bottom: #e1e1e1 1px solid;
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 21px;
}
.popup-wrap7 .txt-type2 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: 18px 0 20px;
}
.popup-wrap7 .txt-type3 {
  border-bottom: #e1e1e1 1px solid;
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 700;
  padding: 15px 6px 10px;
}
.popup-wrap7 .txt-type4 {
  border-bottom: #e1e1e1 1px solid;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 21px;
}
.popup-wrap7 .txt-type5 {
  color: #282A44;
  font-size: 14px;
  font-weight: 700;
}
.popup-wrap7 .txt-type6 {
  color: #8d8d8d;
  display: inline-block;
  font-size: 10px;
  line-height: 24px;
  position: absolute;
  right: 5px;
  top: 7px;
}
.popup-wrap7 .txt-type7 {
  color: #8d8d8d;
  font-size: 8px;
  font-weight: 400;
  margin-top: 9px;
}
.popup-wrap7 .txt-type8 {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: 400;
}
.popup-wrap7 .txt-type9 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
}
.popup-wrap7 .txt-type9 i {
  font-weight: 400;
  margin-left: 5px;
}
.popup-wrap7 .pad-type1 {
  padding: 18px 0 6px;
}
.popup-wrap7 .box-type1 {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 0 10px;
}
.popup-wrap7 .box-type1 .ipt-radio1 {
  padding: 12px 0 10px;
}
.popup-wrap7 .box-type1 li {
  margin-bottom: 15px;
  padding-left: 3px;
}
.popup-wrap7 .box-type1 li p {
  padding: 5px 0 0 25px;
}
.popup-wrap7 .box-type1 input[type="radio"]:checked + label {
  color: #282A44;
}
.popup-wrap7 .tbl-info2 {
  overflow: hidden;
  padding: 9px 0 11px;
}
.popup-wrap7 .tbl-info2 dt {
  width: 50%;
  color: #7a7a7a;
  display: inline-block;
  float: left;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 0;
  text-indent: 6px;
}
.popup-wrap7 .tbl-info2 dd {
  width: 50%;
  color: #5a5a5a;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 5px 6px 5px 0;
  position: relative;
  text-align: right;
}
.popup-wrap7 .tbl-info2 .row-line {
  border-top: #e1e1e1 1px solid;
  margin-top: 13px;
  padding-top: 13px;
}
.popup-wrap7 .tbl-info2 .txt_type1 {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 700;
}
.popup-wrap7 .tbl-info2 .txt_type2 {
  color: #3a3a3a;
  font-size: 12px;
  font-weight: 700;
}
.popup-wrap7 .btn-group {
  padding: 16px 16px 0;
}
.popup-wrap7 .btn-group .btn-type4 {
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
}

.popup-wrap7 .form-wrap {
  width: 375px;
  padding: 0;
}
.popup-wrap7 .form-wrap .bar-divide3 {
  margin: 20px 0 20px;
}
.popup-wrap7 .form-wrap2 {
  width: 343px;
  margin: 0 auto;
  padding: 0;
}
.popup-wrap7 .index-login {
  width: 343px;
  margin: 6px auto 0;
  padding: 0;
}
.popup-wrap7 .index-login .ipt-row1 input {
  width: 227px;
}
.popup-wrap7 .index-login .ipt-row1 .btn-type14 {
  width: 108px;
}
.popup-wrap7 .bg-box {
  background-color: #f7f7f7;
  padding: 10px 16px;
}
.popup-wrap7 .bg-box2 {
  background-color: #f7f7f7;
  padding: 20px 16px;
}
.popup-wrap7 .bg-box .ipt-chk1 label {
  font-size: 12px;
  font-weight: 400;
}
.popup-wrap7 .index-login .btn-type4 {
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 50px;
  text-align: center;
}
.popup-wrap7 .index-login .chk_agree {
  padding-bottom: 10px;
}

.popup-wrap7 .tbl-type2 {
  margin-top: 20px;
}
.popup-wrap7 .tbl-type2 th {
  padding: 10px 0 0;
  vertical-align: top;
}
.popup-wrap7 .tbl-type2 td {
  padding: 0 0 10px;
}
.popup-wrap7 .tbl-type2 .ipt-type1 {
  width: 100%;
  font-size: 12px;
}
.popup-wrap7 .tbl-type2 .btn-add-sch {
  width: 58px;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
}
.popup-wrap7 .bar-divide4 {
  margin: 10px 0 20px;
}
.popup-wrap7 .btn-group2 {
}
.popup-wrap7 .btn-group2 button {
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
}

.popup-wrap7 .form-qna {
}
.popup-wrap7 .form-qna .ipt-row1 input[type="text"] {
  width: 227px;
}
.popup-wrap7 .form-qna .ipt-row1 .btn-type5 {
  width: 108px;
  height: 40px;
  font-size: 12px;
}

.popup-wrap7 .write-area {
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  padding: 18px;
  position: relative;
}
.popup-wrap7 .write-area .txt-count {
  bottom: 7px;
  color: #7a7a7a;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  right: 16px;
}
.popup-wrap7 .write-area textarea {
  width: 100%;
  height: 322px;
  border: none;
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  padding: 0;
}
.popup-wrap7 .btn-img-add .btn-type17 {
  width: 100%;
  height: 50px;
}

.popup-wrap7 .btn-qna-group {
  padding: 26px 0 0 !important;
}
.popup-wrap7 .btn-qna-group .btn-type7 {
  width: 122px;
  height: 50px;
  margin-right: 7px;
}
.popup-wrap7 .btn-qna-group .btn-type4 {
  width: 211px;
  height: 50px;
}

.popup-wrap7 .order-sch {
  margin-top: 16px;
  position: relative;
}
.popup-wrap7 .order-select {
  width: 343px;
  background-color: #fff;
  border: #e1e1e1 1px solid;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 0.16);
  left: 0;
  position: absolute;
  top: 44px;
  z-index: 100;
}
.popup-wrap7 .order-select h2 {
  border-bottom: #e1e1e1 1px solid;
  color: #7a7a7a;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 11px 14px 7px;
}
.popup-wrap7 .order-select .select-row {
  overflow: hidden;
}
.popup-wrap7 .order-select .select-row .txt-type1 {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.popup-wrap7 .order-select .select-row .txt-type2 {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.popup-wrap7 .order-select .select-row .txt-type3 {
  border: none;
  color: #7a7a7a;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
  padding: 0;
}
.popup-wrap7 .order-select .select-row .txt-type4 {
  border: none;
  color: #7a7a7a;
  font-size: 10px;
  margin-left: 8px;
  padding: 0;
}
.popup-wrap7 .order-select .select-row label {
  min-height: 20px;
  cursor: pointer;
  display: block;
  margin: 12px 16px 4px 12px;
  padding-left: 26px;
  position: relative;
}
.popup-wrap7 .order-select .select-row span {
  width: 20px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
}
.popup-wrap7 .order-select .select-row span input[type="radio"] {
  vertical-align: 0;
}
.popup-wrap7 .order-select .btn_set {
  padding: 22px 0 16px;
  text-align: center;
}
.popup-wrap7 .order-select .btn_set button {
  width: 150px;
  height: 40px;
  margin: 0 5px;
}

.popup-wrap8 {
  position: relative;
}
.popup-wrap8 .bd-type1 {
  padding: 60px 40px;
  text-align: center;
}
.popup-wrap8 .btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
}
.popup-wrap8 .img-type1 {
  padding: 60px 0 15px;
}
.popup-wrap8 .txt-type1 {
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 15px;
}
.popup-wrap8 .txt-type2 {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: 400;
  padding-bottom: 50px;
}
.popup-wrap8 .btn-group {
}
.popup-wrap8 .btn-group .btn-type3 {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
}

.popup-wrap9 {
  padding: 39px 54px 40px;
}
.popup-wrap9 .txt-type1 {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 500;
}
.popup-wrap9 .txt-type2 {
  color: #eb7067;
  font-size: 10px;
  font-weight: 400;
}
.popup-wrap9 .ipt-type1 {
  width: 100%;
  line-height: 50px;
}
.popup-wrap9 .btn-group2 {
  margin-top: 50px;
}
.popup-wrap9 .btn-group2 button {
  width: 150px;
  font-size: 14px;
  line-height: 50px;
}

.pagelinkbox {
  width: 96px;
  margin: 0 auto;
  margin-top: 20px;
}
.pic_lar {
  float: left;
  width: 25px;
  height: 22px;
  background-color: #dedede;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
  padding-left: 8px;
  padding-top: 1px;
  margin-right: 13px;
}
.pic_lar:hover {
  background-color: #282a44;
}
.pic_rar {
  float: left;
  width: 25px;
  height: 22px;
  background-color: #dedede;
  cursor: pointer;
  border-radius: 0 10px 10px 0;
  padding-left: 8px;
  padding-top: 1px;
  margin-left: 3px;
}
.pic_rar:hover {
  background-color: #282a44;
}

.pic_num {
  float: left;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: #ebebeb;
  margin-right: 10px;
  padding-top: 3px;
}
.pic_num {
  font-family: Spoqa Han Sans Neo;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #5a5a5a;
}
.pic_num:hover {
  background-color: #282a44;
  color: #fff;
}
.pic_num_sel {
  background-color: #282a44;
  color: #fff;
}

.btnbox {
  width: 1080px;
  margin-top: 12px;
  margin-left: 40px;
}

.mbdiv {width:1200px; height:240px; margin-bottom:20px; border-radius:8px;  }

.mbdiv2 {float:left; width:590px; height:263px; margin-bottom:20px; border-radius: 8px;  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); }
.mbdiv3 {float:left; width:590px; height:160px;}
.mbdiv4 {float:left; width:384px; height:446px;}


.pdbox {width:285px !important; height:288px; border-radius: 8px;  border:1px solid #efefef; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-right:20px; }
.pdimg {width:285px; height:180px; border-radius: 8px 8px 0 0; }
.pdinfo {width:100%; height:108px; padding:20px; }
.pdinfo .cate {font-family: Pretendard;  font-size: 15px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: normal;  text-align: left;  color: #c1a363;}
.pdinfo .name {font-family: Pretendard;  font-size: 16px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 1.44;  letter-spacing: normal;  text-align: left;  color: #333; margin-top:8px;}
.pdslick {height:288px; margin-left:-10px; }
.tit-txt1a {font-family: Pretendard;  font-size: 18px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 1.17;  letter-spacing: normal;  text-align: left;  color: #c1a363; margin-bottom:8px;}
.tit-txt1b {font-family: Pretendard;  font-size: 16px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.19;  letter-spacing: normal;  text-align: left;  color: #707070; margin-top:-15px;}

.opdarea {width:1116px; margin:0 auto;}
.opdbox {width:352px !important; height:382px; border-radius:8px; margin-right:20px;  }
.opdimg {width:352px; height:382px; border-radius: 8px 8px 0 0; }
.opdslick {height:382px;   }



.fzcon {width:1200px; margin:0 auto; min-height:600px;}
.area_left {float:left; width:220px; min-height:300px; margin-right:80px; }
.area_right {float:right; width:900px; min-height:300px; padding-top:100px; }

.tit-txt4n {font-family: Pretendard; font-size: 20px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: normal;  text-align: left;  color: #333; margin-top:60px; margin-bottom:12px;}

#menu .acc-menu {border-top:2px solid #333; }
#menu .acc-menu dt {height:60px; font-family: Pretendard;  font-size: 16px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.19;  letter-spacing: -0.5px;  text-align: left; color: #c1a363; padding-top:20px;}
#menu .acc-menu dt {border-bottom:1px solid #333;}
#menu .acc-menu dt a{color: #272727; font-weight:bold;}
#menu .acc-menu dt:hover {background-color:#f6f6f6;}
#menu .acc-menu dt span {float:right; width:16px; height:16px; background:url('/images/fzone/ic_plusn.png') 0 0 no-repeat; background-size:16px auto; display:inline-block;}
#menu .acc-menu dt.on {border-bottom:1px solid #c1a363; }
#menu .acc-menu dt.on a{ color: #c1a363; font-weight:bold;}
#menu .acc-menu dt.on span {background:url('/images/fzone/ic_minus.png') 0 0 no-repeat;}
#menu .acc-menu dd {border-bottom:#21274E 1px solid; display:none; overflow:hidden; padding:0 0 9px; position:relative;}
#menu .acc-menu dd:last-child {margin-bottom:9px;}
#menu .acc-menu dd a {color:#6a6a6a; display:block; font-size:13px; font-weight:300;  overflow:hidden;}
#menu .acc-menu dd a {height:48px; padding-top:16px;}
#menu .acc-menu dd a {font-family: Pretendard;  font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.14;  letter-spacing: normal;  text-align: left;  color: #6a6a6a;}
#menu .acc-menu dd a:hover {background-color:#fdfaf5;}

#menu .acc-menu dd ul li {height:44px; background-color:#f6f6f6; padding:0 20px;}

.pdbox2 {float:left; width:210px !important; height:240px; border-radius: 8px;  border:1px solid #efefef; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-right:20px; }
.pdimg2 {width:210px; height:132px; border-radius: 8px 8px 0 0; }
.pdinfo2 {width:100%; height:108px; padding:20px; }
.pdinfo2 .name {width:160px; min-height:36px; font-family: Pretendard;  font-size: 15px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: normal;  text-align: left;  color: #333;}
.pdinfo2 .name {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;  display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;}

.pdinfo2 .price {font-family: Pretendard;  font-size: 16px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 1.44;  letter-spacing: normal;  text-align: left;  color: #c1a363; margin-top:8px;}
.pdinfo2 .price {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;  }

.pdinfo .cate {font-family: Pretendard;  font-size: 15px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: normal;  text-align: left;  color: #c1a363;}
.pdinfo .cate {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;  }
.pdinfo .name {font-family: Pretendard;  font-size: 16px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 1.44;  letter-spacing: normal;  text-align: left;  color: #333; margin-top:8px;}
.pdinfo .name {overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;  display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;}




.ic_favn {position:absolute; margin-top:10px; margin-left:250px; z-index:999;}

.mrnone {margin-right:0;}




/* default */
.b-none {
  border: none !important;
}
.bt-n {
  border-top: none !important;
}
.br-n {
  border-right: none !important;
}
.bb-n {
  border-bottom: none !important;
}
.bl-n {
  border-left: none !important;
}

.ba-l {
  border: 1px solid #e9eaeb !important;
}
.bt-l {
  border-top: 1px solid #e9eaeb !important;
}
.br-l {
  border-right: 1px solid #e9eaeb !important;
}
.bb-l {
  border-bottom: 1px solid #e9eaeb !important;
}
.bl-l {
  border-left: 1px solid #e9eaeb !important;
}

.bg-none {
  background: none !important;
}
.bg-gray {
  background: #fbfbfb !important;
}
.bg-red {
  background: #ed1c24 !important;
}

.blind {
  width: 0px;
  height: 0px;
  font-size: 0;
  line-height: 0;
  left: -1px;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  top: -1px;
}

.clear {
  clear: both !important;
}

.d-b {
  display: block !important;
}

.fc-black {
  color: #2a2a2a !important;
}
.fc-blue {
  color: #177bbb !important;
}
.fc-gray {
  color: #7d7f83 !important;
}
.fc-green {
  color: #659618 !important;
}
.fc-red {
  color: #b50909 !important;
}
.fc-white {
  color: #fff !important;
}

.fl-l {
  float: left !important;
}
.fl-n {
  float: none !important;
}
.fl-r {
  float: right !important;
}

.fw-b {
  font-weight: bold !important;
}
.fw-n {
  font-weight: normal !important;
}
.fw-l {
  font-weight: lighter !important;
}
.fw-5 {
  font-weight: 500 !important;
}

.fz-11 {
  font-size: 11px !important;
}
.fz-12 {
  font-size: 12px !important;
}
.fz-13 {
  font-size: 13px !important;
}
.fz-14 {
  font-size: 14px !important;
}
.fz-15 {
  font-size: 15px !important;
}
.fz-16 {
  font-size: 16px !important;
}
.fz-17 {
  font-size: 17px !important;
}
.fz-18 {
  font-size: 18px !important;
}
.fz-19 {
  font-size: 19px !important;
}
.fz-20 {
  font-size: 20px !important;
}
.fz-21 {
  font-size: 21px !important;
}
.fz-22 {
  font-size: 22px !important;
}

.ls-1 {
  letter-spacing: -1px !important;
}

.h100p {
  height: 100% !important;
}

.h10 {
  height: 10px !important;
}
.h20 {
  height: 20px !important;
}
.h30 {
  height: 30px !important;
}
.h35 {
  height: 35px !important;
}
.h40 {
  height: 40px !important;
}
.h50 {
  height: 50px !important;
}
.h60 {
  height: 60px !important;
}
.h70 {
  height: 70px !important;
}
.h80 {
  height: 80px !important;
}
.h90 {
  height: 90px !important;
}
.h100 {
  height: 100px !important;
}
.h200 {
  height: 200px !important;
}
.h300 {
  height: 300px !important;
}

.lh-11 {
  line-height: 11px !important;
}
.lh-12 {
  line-height: 12px !important;
}
.lh-13 {
  line-height: 13px !important;
}
.lh-14 {
  line-height: 14px !important;
}
.lh-15 {
  line-height: 15px !important;
}
.lh-26 {
  line-height: 26px !important;
}
.lh-30 {
  line-height: 30px !important;
}
.lh-36 {
  line-height: 36px !important;
}

.marT00 {
  margin-top: 0px !important;
}
.marT01 {
  margin-top: 1px !important;
}
.marT02 {
  margin-top: 2px !important;
}
.marT03 {
  margin-top: 3px !important;
}
.marT04 {
  margin-top: 4px !important;
}
.marT05 {
  margin-top: 5px !important;
}
.marT06 {
  margin-top: 6px !important;
}
.marT07 {
  margin-top: 7px !important;
}
.marT08 {
  margin-top: 8px !important;
}
.marT09 {
  margin-top: 9px !important;
}
.marT10 {
  margin-top: 10px !important;
}
.marT12 {
  margin-top: 12px !important;
}
.marT15 {
  margin-top: 15px !important;
}
.marT16 {
  margin-top: 16px !important;
}
.marT20 {
  margin-top: 20px !important;
}
.marT26 {
  margin-top: 26px !important;
}
.marT30 {
  margin-top: 30px !important;
}
.marT40 {
  margin-top: 40px !important;
}
.marT50 {
  margin-top: 50px !important;
}
.marT57 {
  margin-top: 57px !important;
}
.marT60 {
  margin-top: 60px !important;
}
.marT100 {
  margin-top: 100px !important;
}

.marR00 {
  margin-right: 0px !important;
}
.marR01 {
  margin-right: 1px !important;
}
.marR02 {
  margin-right: 2px !important;
}
.marR03 {
  margin-right: 3px !important;
}
.marR04 {
  margin-right: 4px !important;
}
.marR05 {
  margin-right: 5px !important;
}
.marR06 {
  margin-right: 6px !important;
}
.marR07 {
  margin-right: 7px !important;
}
.marR08 {
  margin-right: 8px !important;
}
.marR09 {
  margin-right: 9px !important;
}
.marR10 {
  margin-right: 10px !important;
}
.marR12 {
  margin-right: 12px !important;
}
.marR14 {
  margin-right: 14px !important;
}
.marR20 {
  margin-right: 20px !important;
}
.marR30 {
  margin-right: 30px !important;
}
.marR32 {
  margin-right: 32px !important;
}
.marR40 {
  margin-right: 40px !important;
}

.marL00 {
  margin-left: 0px !important;
}
.marL01 {
  margin-left: 1px !important;
}
.marL02 {
  margin-left: 2px !important;
}
.marL03 {
  margin-left: 3px !important;
}
.marL04 {
  margin-left: 4px !important;
}
.marL05 {
  margin-left: 5px !important;
}
.marL06 {
  margin-left: 6px !important;
}
.marL07 {
  margin-left: 7px !important;
}
.marL08 {
  margin-left: 8px !important;
}
.marL09 {
  margin-left: 9px !important;
}
.marL10 {
  margin-left: 10px !important;
}
.marL20 {
  margin-left: 20px !important;
}
.marL30 {
  margin-left: 30px !important;
}

.marB00 {
  margin-bottom: 0px !important;
}
.marB01 {
  margin-bottom: 1px !important;
}
.marB02 {
  margin-bottom: 2px !important;
}
.marB03 {
  margin-bottom: 3px !important;
}
.marB04 {
  margin-bottom: 4px !important;
}
.marB05 {
  margin-bottom: 5px !important;
}
.marB06 {
  margin-bottom: 6px !important;
}
.marB07 {
  margin-bottom: 7px !important;
}
.marB08 {
  margin-bottom: 8px !important;
}
.marB09 {
  margin-bottom: 9px !important;
}
.marB10 {
  margin-bottom: 10px !important;
}
.marB14 {
  margin-bottom: 14px !important;
}
.marB17 {
  margin-bottom: 17px !important;
}
.marB20 {
  margin-bottom: 20px !important;
}
.marB22 {
  margin-bottom: 22px !important;
}
.marB24 {
  margin-bottom: 24px !important;
}
.marB25 {
  margin-bottom: 25px !important;
}
.marB30 {
  margin-bottom: 30px !important;
}
.marB37 {
  margin-bottom: 37px !important;
}
.marB40 {
  margin-bottom: 40px !important;
}
.marB50 {
  margin-bottom: 50px !important;
}
.marB60 {
  margin-bottom: 60px !important;
}
.marB70 {
  margin-bottom: 70px !important;
}
.marB100 {
  margin-bottom: 100px !important;
}

.marRL15 {
  margin: 0 15px;
}
.marRL20 {
  margin-right: 20px;
  margin-left: 20px;
}

.m0-a {
  margin: 0 auto !important;
}

.op5 {
  opacity: 0.5;
}

.padA00 {
  padding: 0px !important;
}
.padA10 {
  padding: 10px !important;
}
.padA15 {
  padding: 15px !important;
}
.padA20 {
  padding: 20px !important;
}

.padT00 {
  padding-top: 0px !important;
}
.padT01 {
  padding-top: 1px !important;
}
.padT02 {
  padding-top: 2px !important;
}
.padT03 {
  padding-top: 3px !important;
}
.padT04 {
  padding-top: 4px !important;
}
.padT05 {
  padding-top: 5px !important;
}
.padT06 {
  padding-top: 6px !important;
}
.padT07 {
  padding-top: 7px !important;
}
.padT08 {
  padding-top: 8px !important;
}
.padT09 {
  padding-top: 9px !important;
}
.padT10 {
  padding-top: 10px !important;
}
.padT20 {
  padding-top: 20px !important;
}
.padT30 {
  padding-top: 30px !important;
}
.padT36 {
  padding-top: 36px !important;
}
.padT40 {
  padding-top: 40px !important;
}
.padT50 {
  padding-top: 50px !important;
}

.padR00 {
  padding-right: 0px !important;
}
.padR01 {
  padding-right: 1px !important;
}
.padR02 {
  padding-right: 2px !important;
}
.padR03 {
  padding-right: 3px !important;
}
.padR04 {
  padding-right: 4px !important;
}
.padR05 {
  padding-right: 5px !important;
}
.padR06 {
  padding-right: 6px !important;
}
.padR07 {
  padding-right: 7px !important;
}
.padR08 {
  padding-right: 8px !important;
}
.padR09 {
  padding-right: 9px !important;
}
.padR10 {
  padding-right: 10px !important;
}
.padR20 {
  padding-right: 20px !important;
}
.padR30 {
  padding-right: 30px !important;
}

.padL00 {
  padding-left: 0px !important;
}
.padL01 {
  padding-left: 1px !important;
}
.padL02 {
  padding-left: 2px !important;
}
.padL03 {
  padding-left: 3px !important;
}
.padL04 {
  padding-left: 4px !important;
}
.padL05 {
  padding-left: 5px !important;
}
.padL06 {
  padding-left: 6px !important;
}
.padL07 {
  padding-left: 7px !important;
}
.padL08 {
  padding-left: 8px !important;
}
.padL09 {
  padding-left: 9px !important;
}
.padL10 {
  padding-left: 10px !important;
}
.padL20 {
  padding-left: 20px !important;
}
.padL30 {
  padding-left: 30px !important;
}

.padB00 {
  padding-bottom: 0px !important;
}
.padB01 {
  padding-bottom: 1px !important;
}
.padB02 {
  padding-bottom: 2px !important;
}
.padB03 {
  padding-bottom: 3px !important;
}
.padB04 {
  padding-bottom: 4px !important;
}
.padB05 {
  padding-bottom: 5px !important;
}
.padB06 {
  padding-bottom: 6px !important;
}
.padB07 {
  padding-bottom: 7px !important;
}
.padB08 {
  padding-bottom: 8px !important;
}
.padB09 {
  padding-bottom: 9px !important;
}
.padB10 {
  padding-bottom: 10px !important;
}
.padB13 {
  padding-bottom: 13px !important;
}
.padB20 {
  padding-bottom: 20px !important;
}
.padB30 {
  padding-bottom: 30px !important;
}
.padB40 {
  padding-bottom: 40px !important;
}
.padB50 {
  padding-bottom: 50px !important;
}

.p-r {
  position: relative !important;
}

.screen_out {
  width: 1px;
  height: 1px;
  display: block;
  font-size: 0;
  left: -9999px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
}

.ta-l {
  text-align: left !important;
}
.ta-c {
  text-align: center !important;
}
.ta-r {
  text-align: right !important;
}

.td-l {
  text-decoration: line-through;
}
.td-n {
  text-decoration: none;
}

.ti00 {
  text-indent: 0px !important;
}
.ti01 {
  text-indent: 1px !important;
}
.ti02 {
  text-indent: 2px !important;
}
.ti03 {
  text-indent: 3px !important;
}
.ti04 {
  text-indent: 4px !important;
}
.ti05 {
  text-indent: 5px !important;
}
.ti10 {
  text-indent: 10px !important;
}
.ti15 {
  text-indent: 15px !important;
}
.ti20 {
  text-indent: 20px !important;
}

.va-t {
  vertical-align: top !important;
}
.va-m {
  vertical-align: middle !important;
}
.va-b {
  vertical-align: bottom !important;
}
.va-2 {
  vertical-align: 2px !important;
}

.w10p {
  width: 10% !important;
}
.w20p {
  width: 20% !important;
}
.w30p {
  width: 30% !important;
}
.w40p {
  width: 40% !important;
}
.w50p {
  width: 50% !important;
}
.w60p {
  width: 60% !important;
}
.w70p {
  width: 70% !important;
}
.w80p {
  width: 80% !important;
}
.w90p {
  width: 90% !important;
}
.w100p {
  width: 100% !important;
}
.w10 {
  width: 10px !important;
}
.w20 {
  width: 20px !important;
}
.w30 {
  width: 30px !important;
}
.w40 {
  width: 40px !important;
}
.w50 {
  width: 50px !important;
}
.w60 {
  width: 60px !important;
}
.w65 {
  width: 65px !important;
}
.w70 {
  width: 70px !important;
}
.w80 {
  width: 80px !important;
}
.w90 {
  width: 90px !important;
}
.w100 {
  width: 100px !important;
}
.w110 {
  width: 110px !important;
}
.w120 {
  width: 120px !important;
}
.w130 {
  width: 130px !important;
}
.w140 {
  width: 140px !important;
}
.w150 {
  width: 150px !important;
}
.w180 {
  width: 180px !important;
}
.w189 {
  width: 189px !important;
}
.w200 {
  width: 200px !important;
}
.w226 {
  width: 226px !important;
}
.w240 {
  width: 240px !important;
}
.w250 {
  width: 250px !important;
}
.w270 {
  width: 270px !important;
}
.w285 {
  width: 285px !important;
}
.w290 {
  width: 290px !important;
}
.w300 {
  width: 300px !important;
}
.w360 {
  width: 360px !important;
}
.w400 {
  width: 400px !important;
}
.w500 {
  width: 500px !important;
}
.w600 {
  width: 600px !important;
}
.w680 {
  width: 680px !important;
}
.w700 {
  width: 700px !important;
}