@charset "utf-8";

.fr {
  float: right;
}

/* 2019-05-31 */
.toggle {
  float: left;
  margin-right: 5px;
  position: relative;
  margin-top: 2px;
}

.tooltip {
  z-index: 99;
  width: 245px;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 10px 15px;
  margin-left: 10px;
  position: absolute;
  top: 11px;
  left: 15px;
  line-height: 1.2 !important;
  font-weight: normal;
  color: #666;
  display: none;
}

.tooltip:after {
  content: url(/image/sub/qrw.png);
  width: 8px;
  height: 13px;
  position: absolute;
  top: 10px;
  left: -7px;
  display: inline-block;
}

.prod_top .right .btn {
  margin-top: 0 !important;
}

.prod_top:after {
  content: '';
  display: block;
  clear: both;
}

.prod_top {
  overflow: visible !important;
}

.prod_top .right .btn-col2 {
  overflow: visible;
}

.prod_top .price li {
  overflow: visible !important;
}

.prod_top .price li:after {
  content: '';
  clear: both;
  display: block;
}

.tooltip.on {
  display: block;
  width: 100px !important;
  word-break: keep-all
}

.new_chk {
  background: #F6F6F6;
  border: 1px solid #ddd;
  border-top: 0;
  margin-bottom: 40px;
}

.new_chk>li {
  position: relative;
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 190px;
  font-size: 15px;
  color: #666;
}

.new_chk>li+li {
  border-top: 1px solid #ddd;
}

.new_chk .tit {
  position: absolute;
  top: 20px;
  left: 20px;
  font-weight: bold;
  font-family: 'Nanum Gothic', sans-serif;
}

.ck_wrap {
  float: left;
  width: 165px;
  margin-bottom: 5px;
}

.ck_wrap label {
  margin-left: 5px;
}

.ck_wrap input:checked+label {
  font-weight: bold;
}

/* .pc_quick_btn li:nth-child(3) button,.pc_quick_btn li:nth-child(4) button {padding: 0;border: 0;background: none;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;} */
.clearfix:after {
  content: '';
  clear: both;
  display: block;
}

.snslink {
  position: absolute;
  top: 26px;
  right: 0;
}

/* .snslink {float: right;margin-top: 5px;} */
.snslink li {
  float: left;
  margin-left: 10px;
}

.fav_section {
  width: 600px;
  overflow: hidden;
  top: 85px;
  border: none;
  padding-right: 0;
  height: 25px;
}

.fav_search_item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.fav_search_item li {
  display: inline-block;
  padding-right: 15px;
  font-weight: 400;
  color: #666;
  font-size: 13px;
}

.sns_link {
  margin-top: 40px;
  border: 1px solid #E2E2E2;
  background: #FAFAFA;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  width: 377px;
  margin: 53px auto 0;
  border-radius: 35px;
  height: 68px;
  line-height: 68px;
  padding: 0 25px;
  position: relative;
}

.sns_link>div {
  float: left;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 68px;
  letter-spacing: -1px;
}

.sns_link>div>img {
  vertical-align: -4px;
  margin-left: 3px;
}

.sns_link>div a {
  margin-left: 10px;
}

.sns_link ul {
  position: absolute;
  top: -1px;
  right: -1px;
  background: #fff;
  border-radius: 35px;
  border: 1px solid #e2e2e2;
  width: 220px;
  padding: 0 35px;
}

.sns_link li {
  float: left;
  margin: 0 5px;
}

.sns_link li img {
  vertical-align: -12px;
}

.hj select {
  width: 300px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #bbb;
  font-size: 17px;
  padding-left: 20px;
}

.hj select span {
  color: red;
}

/* layout */
.content {
  padding-top: 20px;
  padding-bottom: 120px;
}

/* title */
.cate_tit {
  text-align: center;
  font-size: 35px;
  line-height: 1.2em;
  color: #2a2a2a;
  font-weight: 600;
  padding-bottom: 45px;
  letter-spacing: -0.03em;
  position: relative;
}

.cate_tit span {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px;
  background: url("../image/sub/cate_icons.png") no-repeat 0 0;
}

.cate_tit::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -1px;
  bottom: 0;
  background: #868686;
  height: 30px;
  width: 2px;
}

.page_desc {
  padding: 25px 15px;
  background: #f6f6f6;
  font-size: 1.13em;
  line-height: 1.47em;
  text-align: center;
  margin-bottom: 45px;
}

.part_tit {
  font-size: 25px;
  color: #2a2a2a;
  line-height: 1.2em;
  margin-top: 45px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

/* lnb */
.lnb_wrap {
  margin-bottom: 20px;
}

.lnb_now {
  width: 100%;
  border: 1px solid #ddd;
  height: 50px;
  text-align: center;
  font-size: 1.26em;
  color: #2a2a2a;
  font-weight: 600;
  background: url("../image/board_img/sel_bl_up.png") no-repeat right center;
  background-size: 22px 15px;
  border: 1px solid #ddd;
  letter-spacing: -0.03em;
  display: none;
}

.lnb_now.on {
  background-image: url("../image/board_img/sel_bl.png");
}

.lnb {
  overflow: hidden;
  padding-left: 1px;
  padding-top: 1px;
}

.lnb li {
  float: left;
  width: 25%;
  text-align: center;
}

.lnb a,
.lnb .blank span {
  display: block;
  border: 1px solid #ddd;
  height: 50px;
  line-height: 50px;
  margin-top: -1px;
  margin-left: -1px;
  color: #6a6a6a;
  font-weight: 600;
  position: relative;
}

.lnb .on a {
  color: #fff;
  background: #dd5119;
  border-color: #dd5119;
  z-index: 1;
}

.lnb_2dep {
  border: 1px solid #ddd;
  margin-top: -1px;
  background: #f6f6f6;
  font-size: 0;
  padding: 25px 100px;
  line-height: 25px;
}

.lnb_2dep.top_red {
  border-top: 2px solid #dd5119;
}

.lnb_2dep li {
  display: inline-block;
  margin-right: 1%;
  min-width: 19%;
  font-size: 15px;
  background: url("../image/sub/lnb_dot.gif") no-repeat left 45%;
}

.lnb_2dep a {
  color: #6a6a6a;
  margin-left: 10px;
}

.lnb_2dep a:hover,
.lnb_2dep a:focus {
  border-bottom: 1px solid #6a6a6a;
}

.lnb_2dep .on a {
  color: #2a2a2a;
  font-weight: 600;
  border-bottom: 1px solid #2a2a2a;
}

/* 사이트맵 */
.sitemap>li {
  border-bottom: 1px solid #ddd;
}

.sitemap>li>a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 1.14em;
  font-weight: 600;
  color: #2a2a2a;
  position: relative;
}

.sitemap>li>.has_sub::after {
  display: block;
  content: '';
  position: absolute;
  right: 15px;
  top: 0;
  width: 10px;
  height: 50px;
  background: url("../image/sub/cate_bl.png") no-repeat;
  background-size: auto 100px;
}

.sitemap>li>.has_sub.active::after {
  background-position: 0 -50px;
}

.sitemap>li>a span {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 30px;
  background: url("../image/common/gnb_icons.png") no-repeat 0 0;
  background-size: auto 135px;
}

.sm_2dep {
  display: none;
}

.sm_2dep a {
  display: block;
  padding: 8px 15px 8px 45px;
  border-top: 1px solid #ddd;
  background: #f6f6f6;
}

/* 통합검색 */
.search_field {
  height: 50px;
  padding: 0 50px 15px;
  border-bottom: 2px solid #dd5119;
  position: relative;
  margin-bottom: 40px;
  margin-top: 75px;
}

.search_field input[type="text"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  color: #dd5119;
  outline: 0;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -1px;
}

.search_field .btn {
  position: absolute;
  right: 10px;
  top: 12px;
}

/* 이용약관 */
.terms h3 {
  color: #333;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-bottom: 15px;
}

.terms h4 {
  color: #333;
  font-size: 1.08em;
  margin: 30px 0 10px;
  font-weight: 600;
}


/* 제품 상세페이지 new - 20.12.24 추가 */
.prod_view_top {
  font-size: 0;
}

.prod_view_top>div {
  displaY: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 15px;
}

.prod_img .hide-767>div {
  display: inline-block;
  vertical-align: top;
}



.prod_img {
  position: relative;
}

.prod_img .prod__cate{
  position: absolute;
  top:15px;
  left: 15px;
  z-index: 1;
}

.prod_img .prod__cate{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  z-index:99;
}

.prod_img .prod__cate p{
  color: #fff;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 20px;
  line-height: 1em;
  margin-bottom: 3px;
}

.prod_img .prod__cate p:not(:last-child){
  margin-right: 5px;
}

.prod_img .prod__cate p:nth-child(1){
  background-color: #ff6325;
}

.prod_img .prod__cate p:nth-child(2){
  background-color: #22dadc;
}

.prod_img .prod__cate p:nth-child(3){
  background-color: #4d3c8d;
}

.prod_img_big {
  width: 500px;
  text-align: center;
  height: 500px;
  line-height: 500px;
  position: relative;
  /*background-color: #fff;
  padding-top: 10px;*/
}

.prod_img_big.soldout::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  z-index: 10;
  border-radius: 20px;
  background-image: url(/image/sub/soldout_img01.png);
  background-repeat: no-repeat;
  background-position: center;
}

.prod_img_big img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.prod_img_small {
  width: 60px;
  margin-left: 10px;
}

.prod_thumbs {
  overflow: hidden;
}

.prod_thumbs li {
  /*background: #fff;*/
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  margin-bottom: 10px;
}

.prod_thumbs img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.sns_wrap>a {
  displaY: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.fix_price .box {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: 45px;
  box-sizing: border-box;
  border-radius: 25px;
  padding: 10px 15px;
  color: #fff;
  background: #7f8da5;
}

.fix_price .box.org {
  backgrounD: #ff7a4c;
  margin-left: 7px;
}

.fix_price .box .tit {
  font-size: 13px;
  margin-right: 15px;
}

.fix_price .box .align-r {
  font-size: 19px;
}


.prod-view-page.agency .prod_name {
  margin-top: 0;
}



.prod_name {
  margin-top: 30px;
  margin-bottom: 30px;
}

.prod_name .dh_orange {
  font-size: 15px;
  font-weight: 500;
}

.prod_name b {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3;
}

.prod_table_wrap {
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
  padding: 25px 15px;
}

.prod_table {
  width: 100%;
}

.prod_table th,
.prod_table td {
  text-align: left;
  font-weight: normal;
  padding: 5px 0;
  line-height: 1.2;
}

.prod_table th {
  width: 100px;
  font-size: 14px;
}

.prod_table td {
  color: #8a8a8a;
  font-size: 14px;
}

/* 렌탈조건 */
.prod_view_bot {
  background: #fff;
  padding: 30px;
}

.prod_view_bot .v_tit {
  font-size: 18px;
  margin-bottom: 25px;
}

.prod_view_bot .v_tit span {
  font-size: 14px;
}

.prod_view_bot.card{
  background-color: #eef1f8;
  border-left: 3px solid #1e2438;
  border-right: 3px solid #1e2438;
  border-bottom: 3px solid #1e2438;
  padding: 0 0 30px 0;
  border-radius: 25px 25px 0 0 ;
  overflow: hidden;
}

.prod_view_bot.card .card__top{
  background-image: url(/image/sub/rental_card_img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 30px;
}

.prod_view_bot.card .card__top p{
  font-size: 24px;
  line-height: 1em;
  color: #fff;
  font-weight: 300;
  padding-left: 45px;
  background-image: url(/image/sub/rental_card_chk.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  line-height: 35px;
  word-break: keep-all;
}

.prod_view_bot.card .card__top p span{
  color: #f9eb78;
  font-weight: 500;
}

.prod_view_bot.card .card__tit{
  margin-bottom: 45px;
  margin-top: 60px;
}

.prod_view_bot.card .card__tit .txt01{
  text-align: center;
  color: #333;
  font-size: 30px;
  font-weight: 600;
}
.prod_view_bot.card .card__tit .txt02{
  text-align: center;
  font-size: 17px;
  color: #444;
  margin-top: 20px;
}

.rantal_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 30px;
  padding-right: 30px;
}

.rantal_wrap>li {
  border-radius: 20px;
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
  padding: 45px 20px 20px 20px;
  background: #fff;
  margin-bottom: 20px;
  font-size: 15px;
  box-sizing: border-box;
  position: relative;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}

.rantal_wrap>li .default {
  display: flex;
  flex-direction: column;
  /* height: 100%; */
  position: relative;
}

.rantal_wrap.col01>li {
  width: 100%;
}

.rantal_wrap.col01>li .default {
  flex-direction: row;
  justify-content: space-between;
}

.rantal_wrap.col01>li .default:after {
  content: '';
  display: block;
  clear: both;
}

.rantal_wrap.col01>li .default>div {
  width: 49%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 0;
}

.rantal_wrap.col02>li {
  width: 49%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: top;
}

.rantal_wrap.col02>li:nth-child(2n) {
  margin-right: 0;
}

.rantal_wrap.col03>li {
  width: 32%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: top;
}

.rantal_wrap.col03>li:nth-child(3n) {
  margin-right: 0;
}

.rantal_wrap>li .over {
  /* position: absolute; */
  /* margin-top: -15px; */
  /* top: 100%; */
  /* left: 0; */
  /* right: 0; */
  /* background: #3e3e3e; */
  /* border-radius: 0 0 20px 20px; */
  /* z-index: 9; */
}


.rantal_wrap>li .rental_msg{
  position: absolute;
  top: -7px;
  right: -7px;
  transition: all ease .3s;
  width: 205px;
  height: 45px;
  background-image: url(/image/sub/rental_txt_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  align-content: center;
}

.rantal_wrap>li .rental_msg p {
/*
  font-size: 12px;
  line-height: 1em;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transform: translateY(10px);
*/
	padding: 0px 5px 8px 5px;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
}



.rantal_wrap>li .month {
  /* margin-top: auto; */
}

/* .rantal_wrap>li:hover, */
.rantal_wrap>li.on,
.rantal_wrap>li.month_on {
  background: #3e3e3e;
  color: #fff;
}

.rantal_wrap>li.month_on {
  /* border-radius: 20px 20px 0 0; */
}

.rantal_wrap>li .top {
  position: relative;
  padding-left: 125px;
  margin-bottom: 20px;
}

.rantal_wrap>li .top .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.rantal_wrap>li .top .icon img {
  max-width: 100px;
}

.rantal_wrap>li .top .name {
  font-size: 20px;
}

.rantal_wrap>li .top .card a {
  background: #dd5119;
  color: #fff;
  font-size: 12px;
  padding: 0px 8px;
  display: block;
  border-radius: 2px;
  font-weight: 500;
}

.rantal_wrap>li .top .sub p {
  font-size: 12px;
  position: relative;
  padding-left: 70px;
  line-height: 1.4em;
  margin-bottom: 5px;
  min-height: 16px;
  max-height: 2.8em;
  overflow: hidden;
}

.rantal_wrap>li .top .sub p span {
  position: absolute;
  top: 0;
  left: 0;
}

/* mobile ver */
.m_ver_txt {
  display: none;
  vertical-align: top;
  margin-top: 12px;
  margin-left: 10px;
}

.rantal_wrap>li .top .m_ver_txt .name {
  display: block;
}

.month {
  font-size: 0;
  margin-top: 20px
}

.month>div {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-right: 2%;
  font-size: 15px;
}

.month>div a {
  displaY: block;
  background-color: #bfbebc;
  background-image: url('/image/sub/check_w.png');
  background-repeat: no-repeat;
  background-position: 93% 10px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  height: 65px;
  box-sizing: border-box;
  letter-spacing: -0.2px;
}

/* .month>div a:hover {
  background-color: #dd5119;
} */

.month>div:hover a,
.month>div.on a {
  background-color: #dd5119;
  background-image: url('/image/sub/check_y.png');
}

.month_click {
  display: none;
  text-align: center;
}

.rantal_wrap>li.month_on .month_click {
  display: block;
  padding: 20px 0;
}

.month_click select {
  display: block;
  margin: 0 auto 15px auto;
  width: 300px;
  max-width: 90%;
  line-height: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  outline: none;
}


.month_click .amount__wrap {
  width: 49%;
  display: flex;
  justify-content: center;
}

.month_click .amount__wrap button {
  border: none;
  outline: none;
  background-color: #eee;
  cursor: pointer;
  border-radius: 0;
  display: block;
  padding: 0;
  width: 35px;
}

.month_click .amount__wrap button img {
  display: block;
  margin: auto;
}

.month_click .amount__wrap input {
  outline: none;
  font-size: 15px;
  text-align: center;
  border: none;
  line-height: 40px;
  height: 40px;
  background-color: #fff;
  color: #000;
  flex: 1;
  width: 70%;
  display: block;
}

.month_click button {
  width: 49%;
  height: 40px;
  background: #818181;
  color: #fff;
  font-size: 16px;
  border-radius: 3px;
}

.month_click button.ok {
  background: #dd5119;
}

.month_click button img {
  vertical-align: middle;
  margin-right: 8px;
  transform: translateY(-2px);
}

.card_sale {
  display: none;
  padding: 25px 20px 0;
}

.rantal_wrap>li.on .card_sale {
  displaY: block;
}

.card_tit {
  color: #fff;
  font-size: 16px;
  position: relative;
  margin-bottom: 10px;
}

.card_tit .plus {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.card_sale .white {
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px 10px;
  color: #333;
  font-size: 0;
}

.card_sale .white li {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.rantal_wrap.col01 .card_sale .white li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  border-bottom: 0;
  font-size: 15px;
}

.card_sale .white li:last-child {
  border-bottom: 0;
}

.card_sale .white li .tit {
  font-size: 16px;
}

.card_sale .white li .card_img {
  margin: 15px 0;
  position: relative;
  line-height: 1.6;
}

.card_sale .white li .card_img>div {
  display: table-cell;
  vertical-align: top;
}

.card_sale .white li .card_img .left {
  width: 155px;
}

.card_sale .white li .card_img .left img {
  max-width: 140px;
}

.up_icon {
  text-align: center;
  padding: 0 0 10px;
}

.up_icon a {
  display: block;
}

.up_icon a img {
  vertical-align: middle;
}

/* 상품정보 */
.prod_view_detail {
  padding-right: 320px;
  position: relative;
}

.prod_view_detail .img_wrap {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}

.prod_fix {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #000;
  border-top: 2px solid #000;
  width: 290px;
  box-sizing: border-box;
  padding: 30px 20px;
  background: #fff;
}

.prod_fix.on {
  position: fixed;
  right: 50%;
  margin-right: -610px;
}

.prod_fix .red_small {
  font-size: 14px;
  font-weight: 500;
  color: #dd5119;
}

.prod_fix .fix_tit {
  font-size: 15px;
  font-weight: 500;
  margin-top: 5px;
}

.prod_fix .box {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 20px 0;
  margin: 15px 0;
}

.prod_fix .box .blue {
  font-size: 14px;
  color: #2e45a9;
}

.prod_fix .box table {
  width: 100%;
}

.prod_fix .box th,
.prod_fix .box td {
  padding-top: 15px;
}

.prod_fix .box th {
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}

.prod_fix .box td {
  text-align: right;
  font-size: 16px;
  color: #797979;
}

.prod_fix .box td.red {
  color: #dd5119;
}

.prod_fix .btn button {
  font-size: 18px;
  height: 55px;
  color: #fff;
  border-radius: 3px;
  width: 49.5%;
  background: #3e3e3e;
}

.prod_fix .btn button.ok {
  background: #dd5119;
}

/* 모바일 */
.prod_fix_m {
  displaY: none;
  padding: 15px;
  position: fixed;
  left: 0;
  top: auto !important;
  bottom: 0 !important;
  right: 0;
  background: #505050;
  z-index: 9999;
  /* opacity: 1;
  visibility: visible;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -ms-transition: 0.3s all; */
  color: #fff;
}

/* .prod_fix_m.on {
  opacity: 1;
  visibility: visible;
} */
.prod_fix_m .title {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}

.prod_fix_m .box>div {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}

.prod_fix_m .box>div.card_dc {
  opacity: 0.5;
  font-size: 13px;
}

.prod_fix_m .box .sub {
  margin-left: 5px;
}

.prod_fix_m .btn {
  font-size: 0;
  margin-top: 30px;
}

.prod_fix_m .btn button {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  border-radius: 10px;
}

.prod_fix_m .btn button.cart {
  text-align: center;
  backgrounD: #fff;
  width: 18%;
  padding: 0;
}

.prod_fix_m .btn button.cart img {
  height: 22px;
  display: block;
  margin: 0px auto;
}

.prod_fix_m .btn button.ok {
  background: #dd5119;
  width: 80%;
  margin-left: 2%;
}


.prod-view-page.agency .prod_fix_m {
  background-color: #fff;
  color: #000;
  border-top: 1px solid #ddd;
}

.prod-view-page.agency .prod_fix_m .toggle__btn {
  width: 100%;
  height: 25px;
  text-align: center;
}

.prod-view-page.agency .prod_fix_m .toggle__btn p {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right center;
  margin: auto;
  background-image: url(/image/common/up-arrow.png);
  font-size: 20px;
  padding-right: 20px;
}

.prod-view-page.agency .prod_fix_m .toggle__btn.active p {
  background-image: url(/image/common/down-arrow.png);
}

.prod-view-page.agency .prod_fix_m .online_field {
  display: none;
}

.prod-view-page.agency .prod_fix_m .online_field .btn {
  font-size: 15px;
}


.top__tit {
  font-size: 32px;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 45px;
  color: #000;
  line-height: 1em;
}



.board--style01 {
  border-top: 1px solid #000;
}

.board--style01>li {
  border-bottom: 1px solid #ddd;
  position: relative;
}



.board--style01>li.active .board__tit .tit__param01 {
  color: #dd5119;
}

.board--style01 .board__tit {
  padding: 17px 90px 18px 25px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.board--style01 .board__tit::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  background-image: url(/image/sub/accordion_arrow02.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 46px;
  height: 46px;
  transform: translateY(-50%);
}

.board--style01>li.active .board__tit::before {
  background-image: url(/image/sub/accordion_arrow.png);
}

.board--style01 .board__tit .tit__param01 {
  font-size: 18px;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
}

.board--style01 .board__tit .tit__param01 .tit__img {
  width: 120px;
  margin-right: 20px;
}

.board--style01 .board__tit .tit__param01 .tit__img img {
  max-width: 120px;
  display: block;
  margin: auto;
}

.board--style01 .board__tit .tit__param01 .tit__txt {
  flex: 1;
}

.board--style01 .board__tit .tit__param02 {
  margin-left: auto;
  font-size: 15px;
  color: #666;
}

.board--style01 .board__tit .tit__param02 span {
  color: #dd5119;
  font-weight: 500;
  font-family: 'Poppins', 'Noto Sans KR';
}

.board--style01 .board__data {
  background-color: #f9f9f9;
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  display: none;
}

.board--style01 .board__data .data__table .table__tit {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  background-color: #292934;
  padding: 17px 0 18px;
}

.board--style01 .board__data .data__table {
  width: 100%;
}

.board--style01 .board__data .data__table>li {
  border-bottom: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.board--style01 .board__data .data__table .table__header {
  background-color: #f1f1f7;
  text-align: center;
  padding: 17px 20px 18px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
}

.board--style01 .board__data .data__table .table__data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  padding: 17px 20px 18px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  color: #555555;
  border-bottom: 1px solid #ddd;
}

.board--style01 .board__data .data__table .table__data span {
  color: #aaa;
}

.partnership-card .board--style01 .board__data {
  padding: 50px 100px;
}


.card--article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd;
  max-width: 985px;
  margin: 0 auto 50px auto;
  padding: 25px 75px;
}

.card--article .card__img {
  width: 250px;
}

.card--article .card__info {
  margin-left: 75px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card--article .card__info .info__tit {
  font-size: 24px;
  font-weight: 500;
  color: #262626;
}

.card--article .card__info .info__stit {
  font-size: 16px;
  color: #444;
  margin-bottom: 18px;
  margin-top: 12px;
}

.card--article .card__info .info__detail {
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.card--article .card__info .info__detail>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
}

.card--article .card__info .info__detail>li>p:first-child {
  color: #444;
  width: 120px;
}

.card--article .card__info .info__detail>li>p:last-child {
  color: #888888;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card--article .card__info .info__detail>li>p:last-child b {
  font-weight: 500;
  color: #333;
}

.card--article .card__info .info__detail>li:last-child {
  margin-bottom: 0;
}

.card--article:last-child {
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
}

.agency-board .board__search {
  margin-top: 50px;
}

.board__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}

.board__search .board__total {
  font-weight: 600;
  font-size: 16px;
  font-family: 'Poppins', 'Noto Sans KR';
}

.board__search .board__form {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.board__search .board__form .form__select {
  line-height: 45px;
  height: 45px;
  border-color: #dddddd;
  width: 130px;
  border-radius: 7px;
  color: #666;
  font-size: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.board__search .board__form .form__search {
  line-height: 45px;
  height: 45px;
  border: 1px solid #dddddd;
  border-radius: 7px;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.board__search .board__form .form__search input {
  border: none;
  width: 240px;
  background-color: transparent;
}

.board__search .board__form .form__search button {
  background-image: url(/image/sub/search_icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}


.board--style03 {
  margin-top: 35px;
  border-top: 1px solid #000;
}

.board--style03 .board__list,
.board--style03 .board__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: 25px 0;
}

.board--style03 .board__list {
  cursor: pointer;
}

.board--style03 .board__list:hover {
  background-color: #f9f9f9;
}

.board--style03 .board__top>p {
  color: #333;
  text-align: center;
}

.board--style03 .board__no {
  width: 120px;
  text-align: center;
  font-size: 17px;
  color: #888;
}

.board--style03 .board__tit {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 17px;
  color: #333;
}

.board--style03 .board__date {
  width: 170px;
  font-size: 17px;
  text-align: center;
  color: #888;
  font-family: 'Poppins', 'Noto Sans KR';
}

.board--style03 .board__hit {
  width: 170px;
  font-size: 17px;
  text-align: center;
  color: #888;
  font-family: 'Poppins', 'Noto Sans KR';
}

.faq-board .board--style02 {
  margin-top: 50px;
}

.board--style02 {
  border-top: 1px solid #000;
}

.board--style02>li {
  border-bottom: 1px solid #ddd;
  position: relative;
}



.board--style02 .board__tit {
  padding: 17px 60px 18px 25px;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.board--style02 .board__tit::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  background-image: url(/image/sub/accordion_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
}

.board--style02>li.active .board__tit::before {
  background-image: url(/image/sub/accordion_arrow02.png);
}

.board--style02 .board__tit .tit__param01 {
  font-size: 17px;
  width: 70px;
}

.board--style02 .board__tit .tit__param02 {
  font-size: 13px;
  width: 110px;
  color: #dd5119;
}

.board--style02 .board__tit .tit__param03 {
  font-size: 17px;
  padding-left: 20px;
  background-image: url(/image/sub/q_icon.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.board--style02 .board__data {
  background-color: #f9f9f9;
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  display: none;
  background-image: url(/image/sub/a_icon.png);
  background-repeat: no-repeat;
  background-position: 30px 55px;
}

.board--style02 .board__data .data__param01 {
  font-size: 17px;
  color: #333;
}




.tab--style02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px solid #284b90;
}

.tab--style02>p {
  background-color: #f8f8f8;
  color: #888;
  font-weight: 300;
  font-size: 16px;
  text-align: center;
  line-height: 65px;
  height: 65px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.tab--style02>p::before {
  content: '';
  width: 1px;
  height: 25px;
  background-color: #ddd;
  position: absolute;
  top: 20px;
  right: 0;
}

.tab--style02>p.on {
  background-color: #284b90;
  color: #fff;
}

.tab--style02>p.on::before {
  display: none;
}

.tab--style02>p:last-child::before {
  display: none;
}

.prod_list_top .cnt {
  text-align: center;
}

.search__result .selbtn {
  margin-bottom: 45px;
  margin-top: 25px;
}


.service__wrap {
  margin-top: 60px;
  margin-bottom: 65px;
  text-align: center;
}

.service__wrap .service__tit {
  font-size: 34px;
  font-weight: 600;
  line-height: 1em;
  position: relative;
  padding-left: 105px;
  padding-right: 105px;
  color: #000;
  display: inline-block;
}


.service__wrap .service__tit::before {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}


.service__wrap .service__tit::after {
  content: "";
  width: 80px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}


.service__wrap .service__tab {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}


.service__wrap .service__tab>a {
  width: 16%;
  background-color: #e4e4e4;
  padding-top: 35px;
  padding-bottom: 30px;
  border-radius: 7px;
  transition: all ease .3s;
}


.service__wrap .service__tab>a.active {
  background-color: #ff8c4d;
}

.service__wrap .service__tab>a.active p {
  color: #fff;
}


.service__wrap .service__tab>a .tab__icon {
  width: 63px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  transition: all ease .3s;
}

.service__wrap .service__tab>a>p {
  font-size: 12px;
  line-height: 1em;
  margin-top: 20px;
  transition: all ease .3s;
}


/* .service__wrap .service__tab>a:nth-child(1) .tab__icon {
  background-image: url(/image/sub/service_icon01.png);
}

.service__wrap .service__tab>a:nth-child(2) .tab__icon {
  background-image: url(/image/sub/service_icon02.png);
}

.service__wrap .service__tab>a:nth-child(3) .tab__icon {
  background-image: url(/image/sub/service_icon03.png);
}

.service__wrap .service__tab>a:nth-child(4) .tab__icon {
  background-image: url(/image/sub/service_icon04.png);
}

.service__wrap .service__tab>a:nth-child(5) .tab__icon {
  background-image: url(/image/sub/service_icon05.png);
}

.service__wrap .service__tab>a:nth-child(6) .tab__icon {
  background-image: url(/image/sub/service_icon06.png);
} */


/* .service__wrap .service__tab>a.active:nth-child(1) .tab__icon {
  background-image: url(/image/sub/service_icon01_on.png);
}

.service__wrap .service__tab>a.active:nth-child(2) .tab__icon {
  background-image: url(/image/sub/service_icon02_on.png);
}

.service__wrap .service__tab>a.active:nth-child(3) .tab__icon {
  background-image: url(/image/sub/service_icon03_on.png);
}

.service__wrap .service__tab>a.active:nth-child(4) .tab__icon {
  background-image: url(/image/sub/service_icon04_on.png);
}

.service__wrap .service__tab>a.active:nth-child(5) .tab__icon {
  background-image: url(/image/sub/service_icon05_on.png);
}

.service__wrap .service__tab>a.active:nth-child(6) .tab__icon {
  background-image: url(/image/sub/service_icon06_on.png);
} */

.service__wrap .service__tab>a .tab__icon img:nth-child(2){
  display: none;
  opacity: 0;
}
.service__wrap .service__tab>a.active .tab__icon img:nth-child(2){
  display: inline;
  opacity: 1;
}
.service__wrap .service__tab>a.active .tab__icon img:nth-child(1){
  display: none;
  opacity: 0;
}




/* 상품 리스트 21.07.14 */
.prod_list-page {
  background-color: #f7f7f7;
}

.prod_mo_filter {
  background: #fff;
  border-radius: 30px;
  font-size: 0;
  margin: 20px 0 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.prod_mo_filter>* {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  box-sizing: border-box;
  padding: 15px 15px 15px 60px;
}

.prod_mo_filter>a {
  border-right: 1px solid #ddd;
}

/* 
.prod_mo_filter > div {
	padding: 0;
}
.prod_mo_filter > div select {
    border: 0;
    color: #000;
    font-weight: 500;
	width: 100%;
	padding: 15px 0 15px 50px;
	outline: 0;
  
} 
.prod_mo_filter > div:before {
	background: url('/image/sub/mo_filter2.png') no-repeat center / 100%;
	left: 20px;
}
*/

.prod_mo_filter>a:before,
.prod_mo_filter>div:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 19px;
}

.prod_mo_filter>a:before {
  background: url('/image/sub/mo_filter.png') no-repeat center / 100%;
  left: 30px;
}


.prod_mo_filter .filter__sort {
  padding: 0;
  position: relative;
}

.prod_mo_filter .filter__sort:before {
  background: url('/image/sub/mo_filter2.png') no-repeat center / 100%;
  left: 20px;
}


.prod_mo_filter .filter__sort .sort__tit {
  font-size: 14px;
  color: #000;
  background: url(../image/board_img/sel_bl.png) no-repeat calc(100% - 10px) center;
  background-size: 22px 15px;
  cursor: pointer;
  padding: 15px 15px 15px 60px;
}

.prod_mo_filter .filter__sort .sort__list {
  /* display: none; */
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 15px;
  box-sizing: border-box;
  display: none;
}

.prod_mo_filter .filter__sort .sort__list li{
  color: #000;
  font-size: 14px;
  line-height: 1em;
  cursor: pointer;
}

.prod_mo_filter .filter__sort .sort__list li:not(:last-child){
  margin-bottom: 15px;
}


.mo_filter_wrap .mask {
  display: none;
}

.mo_filter_wrap.on .mask {
  display: block;
}

.mo_filter_popup {
  background: #fff;
  border-radius: 30px 30px 0 0;
  padding: 35px 25px 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transition: 0.5s ease-in-out;
  -webkit-transition: 0.5s ease-in-out;
}

.mo_filter_wrap.on .mo_filter_popup {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.mo_filter_tit {
  font-sizE: 20px
}

.mo_filter_cate {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  max-height: 300px;
  overflow-y: scroll;
}

.mo_filter_cate>li>a {
  display: block;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  padding: 17px 20px;
  position: relative;
  background: url('/image/sub/gnb_plus.png') no-repeat center right 20px / 13px;
}

.mo_filter_cate>li.active>a {
  background: url('/image/sub/gnb_minus.png') no-repeat center right 20px / 13px;
}

.mo_filter_sub {
  display: none;
  background: #f5f5f5;
  padding: 20px;
}

.mo_filter_sub li {
  padding: 5px 0;
}

.mo_filter_sub li label {
  font-size: 14px;
  padding-left: 5px;
}

.mo_filter_btn {
  font-size: 0;
  margin-top: 30px;
}

.mo_filter_btn>a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  line-height: 50px;
  height: 50px;
  padding: 0 25px;
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
}

.mo_filter_btn>a.return {
  text-align: center;
  backgrounD: #333333;
  width: 19%;
  padding: 0;
}

.mo_filter_btn>a.return img {
  height: 16px;
  margin: 17px auto 0;
  display: block;
}

.mo_filter_btn>a.ok {
  width: 80%;
  margin-left: 1%;
  background: #ff5656;
}

.mo_filter_btn>a.ok span {
  position: absolute;
  top: 0;
  right: 25px;
  display: block;
}

.agency__btn {
  font-size: 18px;
  height: 55px;
  color: #fff;
  border-radius: 3px;
  width: 200px;
  background: #dd5119;
  border: none;
  margin-top: 45px;
  cursor: pointer;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.online_field li {
  margin-top: 10px;
}

.online_field label {
  font-weight: 600;
}

.online_field .btn {
  background: #4a4a4a;
  color: #fff;
  font-weight: 600;
  width: 100%;
  height: 40px;
  border-radius: 3px;
  margin-top: 5px;
}

.online_field input[type="text"] {
  width: 100%;
  border: 1px solid #ddd;
  line-height: 35px;
  height: 35px;
}

.online_field textarea {
  width: 100%;
  border: 1px solid #ddd;
  line-height: 35px;
  height: 100px;
  overflow-y: scroll;
  resize: none;
}

.prod_img_m {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  position: inherit;
  padding-top: 20px;
}

.prod_img_m .item img{
  margin: auto;
}



.prod_img_m.soldout .slick-list::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  z-index: 10;
  background-image: url(/image/sub/soldout_img01.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 7px 7px 0 0;
}

.prod_img_m.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.real_select {
  width: 100%;
  outline: none;
  height: 35px;
  line-height: 33px;
  margin-top: 15px;
  font-size: 0.8em;
  padding-left: 8px;
}

.real_select_m {
  width: 100%;
  outline: none;
  height: 35px;
  line-height: 33px;
  margin-bottom: 15px;
  background-color: #fff;
}

a.sns_icon>img {
  width: 25px;
  vertical-align: middle;
}

.select__wrap {
  display: flex;
  width: 300px;
  margin: auto;
  justify-content: space-between;
  margin-bottom: 5px;
}

.btn__wrap {
  display: flex;
  width: 300px;
  margin: auto;
  justify-content: space-between;
  margin-bottom: 5px;
}


.select__wrap .option__wrap {
  width: 49%;
}

.select__wrap .option__wrap select {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-size: 0.8em;
}


/* 할부신청 */
.b2b__form{
  background-color: #d2daff;
  padding: 115px 0;
}

.b2b__form .form__wrap{
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 9px 14px -2px rgba(0, 0, 0, 0.1);
}

.b2b__form .form__wrap .b2b__tit{
  background-color: #6b35d9;
  color: #fff;
  line-height: 1em;
  font-size: 38px;
  text-align: center;
  height: 115px;
  font-weight: 600;
  line-height: 115px;
}

.b2b__form .form__wrap .form{
  padding: 55px 55px 100px 55px;
  font-family: 'Noto Sans KR';
}

.b2b__form .form__wrap .form .form__tit{
  font-size: 23px;
  color: #333;
  line-height: 1em;
  margin-bottom: 15px;
  font-weight: 600;
}


.b2b__form .form__wrap .form .form__list{
  border-top: 2px solid #000;
  margin-bottom: 50px;
}
.b2b__form .form__wrap .form .form__list > li{
  display: flex;
  border-bottom: 1px solid #ddd;
}

.b2b__form .form__wrap .form .form__list .list__tit{
  width: 150px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  font-size: 17px;
  font-weight: 500;
  box-sizing: border-box;
}

.b2b__form .form__wrap .form .form__list .list__tit span{
  color: #f00;
}


.b2b__form .form__wrap .form .form__list .list__input{
  padding: 12px 15px;
  flex: 1;
  box-sizing: border-box;
}

.b2b__form .form__wrap .form .form__list .list__input input[type="text"]{
  width: 200px;
  line-height: 32px;
  height: 32px;
  border: 1px solid #ddd;
  padding-left: 10px;
  box-sizing: border-box;
}


.b2b__form .form__wrap .form .form__list .list__input input[type="text"].small{
  width: 50px;
}

.b2b__form .form__wrap .form .form__list .list__input input[type="text"].medium{
  width: 90px;
}

.b2b__form .form__wrap .form .form__list .list__input button{
  height: 32px;
  line-height: 30px;
  width: 90px;
  border: 1px solid #999;
  font-size: 12px;
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 5px;
  margin-left: 5px;
  box-sizing: border-box;
}

.b2b__form .form__wrap .form .form__list .list__input textarea{
  width: 100%;
  display: block;
  height: 120px;
  border: 1px solid #ddd;
  resize: none;
  padding: 10px;
  box-sizing: border-box;
}

.b2b__form .form__wrap .form .form__terms{
  height: 250px;
  overflow-y: scroll;
  border: 2px solid #ddd;
  width: 100%;
  border-radius: 10px;
}

.b2b__form .form__wrap .form .terms__chk{
  margin-top: 15px;
  font-weight: 500;
}

.b2b__form .form__wrap .form .form__btn{
  font-size: 17px;
  color: #fff;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 240px;
  line-height: 60px;
  height: 60px;
  text-align: center;
  background-color: #333;
  border-radius: 35px;
  display: block;
  transition: all ease .3s;
}

.file-upload__wrap {
  overflow: hidden;
  position: relative;
}

.file-upload__wrap.active .file-upload .upload-name {
  background-color: #e9e9e9;
  box-sizing: border-box;
}

.file-upload__wrap .file-upload {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.file-upload__wrap .file-upload .upload-name {
  width: 200px;
  line-height: 30px;
  height: 32px;
  overflow: hidden;
  padding-left: 12px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  box-sizing: border-box;
}

.file-upload__wrap .file-upload input[type="file"] {
  height: 0px;
  width: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
}

.file-upload__wrap .file-upload .file-label {
  display: block;
  height: 32px;
  line-height: 30px;
  width: 80px;
  font-size: 14px;
  color: #fff;
  background: #333;
  text-align: center;
  margin-left: 0px;
  cursor: pointer;
  margin-right: 7px;
}

.file-upload__wrap .file-upload .delete {
  cursor: pointer;
  display: none;
}

.file-upload__wrap.active .file-upload .delete {
  display: block;
}
/*상품 상세보기 이벤트 문구*/
.prod_name .prod__cate{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  display:none;
}

.prod_name .prod__cate p{
  color: #fff;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 20px;
  line-height: 1em;
  margin-bottom: 3px;
  margin-right: 3px;
}

.prod_name .prod__cate p:nth-child(1){
  background-color: #ff6325;
}

.prod_name .prod__cate p:nth-child(2){
  background-color: #22dadc;
}

.prod_name .prod__cate p:nth-child(3){
  background-color: #4d3c8d;
}
@media (max-width: 1000px) {
    .prod_name .prod__cate {
        display:flex;
    }
}