.joint {
  width: 100%;
  margin: 0 auto;
}

.joint .joint_tit {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  font-size: 20px;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 30px;
  font-family: 'Neo_Semibold';
}

.joint .main_top {
  width: 100%;
  margin: 0 auto;
}

.joint .main_top .main_banner {
  display: inline-block;
  width: 100%;
  height: 700px;
  background: url(/img/product/group_banner_t.png) 50% 50% / cover no-repeat;
  text-align: center;
}

.joint .main_top .tit_box {
  display: inline-block;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
}

.joint .tit_box {
  position: relative;
}

.joint .tit_box .tit_wrap {
  position: absolute;
  top: 25%;
  left: 0;
}

.joint .tit_box .main_tit span {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 25px;
  font-family: 'Neo_Semibold';
}

.joint .tit_box .main_tit .tit_top {
  font-size: 38px;
  font-family: 'Neo_r';
  margin-bottom: 15px;
}

.joint .tit_box .main_tit .tit_bot {
  font-size: 40px;
  font-family: 'Neo_Heavy';
}

.joint .tit_box .tit_wrap .sub_tit {
  font-size: 18px;
  margin-top: 37px;
  line-height: 29px;
}

.joint .sub_tit.sub_tit_mo {
  display: none;
}

.joint .main_top .main_banner .group_ta {
  display: none;
  width: 100%;
}

.joint .joint_content {
  width: 100%;
  position: relative;
}

/*모집 tip*/
.joint_content .tab_cont .gonggu_tip {
  margin: 30px 0 0 0;
  width: 100%;
}

.joint_content .tab_cont .gonggu_tip .inr {
  padding: 30px 0 0 0;
  max-width: 471px;
  height: 127px;
  margin: 0 auto;
  background-image: url(/img/product/gonggu_tip.png);
  background-repeat: no-repeat;
}

.joint_content .tab_cont .gonggu_tip .inr .txt {
  font-family: 'Pretendard-Regular';
  color: #454545;
  font-size: 14px;
  line-height: 23px;
}

/*공구왕 이벤트*/
.joint_content .tab_cont .gonggu_event {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

.joint_content .tab_cont .gonggu_event>.box {
  padding: 20px 0 40px 0;
  border: 5px solid;
  border-image: linear-gradient(to right, #f4dcb7, #dbb490, #f5dfbc);
  border-image-slice: 1;
  margin: 10px;
}

.joint_content .tab_cont .gonggu_event>.box .xi-crown {
  font-size: 30px;
  color: #333;
  margin: 0 0 10px 0;
}

.joint_content .tab_cont .gonggu_event .box .title {
  margin: 0 0 25px 0;
  font-family: 'Pretendard-Regular';
  font-size: 20px;
  color: #181818;
  line-height: 32px;
}

.joint_content .tab_cont .gonggu_event .box .title .stl {
  display: block;
  font-family: 'Pretendard-Bold';
  font-size: 22px;
}

.joint_content .tab_cont .gonggu_event .box .label_txt {
  display: inline-block;
  position: relative;
  margin: 0 0 14px 0;
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  color: #fff;
  line-height: 35px;
  background-color: #e8794c;
  padding: 0 23px;
}

.joint_content .tab_cont .gonggu_event .box .label_txt::before {
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50px;
}

.joint_content .tab_cont .gonggu_event .box .label_txt::after {
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50px;
}

.joint_content .tab_cont .gonggu_event .box .label_txt .fc {
  font-family: 'Pretendard-Bold';
  color: #fff600;
}

.joint_content .tab_cont .gonggu_event>.box>.txt {
  font-family: 'Pretendard-Regular';
  font-size: 14px;
  color: #474747;
  line-height: 23px;
  margin: 0 0 35px 0;
}

.joint_content .tab_cont .gonggu_event .box .txt_box {}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul {}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li {
  background-color: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08);
  width: calc(100% - 100px);
  margin: 0 auto 15px;
  border-radius: 50px
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box {
  line-height: 45px;
  font-size: 14px;
  color: #000000;
  display: inline-block;
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box.left {
  position: relative;
  font-family: 'Pretendard-Medium';
  padding: 0 50px 0 0;
  margin: 0 15px 0 0;
  width: 115px;
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box.right {
  width: 110px;
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box.left::after {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 35px;
  background-color: #aaaaaa;
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box .txt {
  position: relative;
  font-family: 'Pretendard-Regular';
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box .txt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -38px;
  transform: translateY(-50%);
  width: 29px;
  height: 29px;
  background-image: url(/img/product/event_num.png);
}

.joint_content .tab_cont .gonggu_event .box .txt_box>ul>li>.num_box .txt .fw {
  font-family: 'Pretendard-Bold';
}

/*공구왕 상품권 2024-02-27추가*/
.joint_content .tab_cont .gonggu_event .box .coupon_box {}

.joint_content .tab_cont .gonggu_event .box .coupon_box .tit {
  font-size: 18px;
  font-family: 'Neo_semibold';
  color: #000000;
  display: inline-block;
  margin: 35px 0 35px 0;
  text-align: center;
  box-shadow: inset 0 -6px 0px #ffc9a1;
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr {
  width: calc(100% - 20%);
  margin: 0 auto;
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul {
  font-size: 0;
  margin: 0 0 30px 0;
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul>li {
  display: inline-block;
  position: relative;
  width: 25%;
}

.joint_content .tab_cont>.gonggu_event .box .coupon_box .inr>ul>li .box02 {
  width: 100%;
  padding: 17px 0 17px 0;
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul>li .box02 .txt {
  font-family: 'Neo_semibold';
  font-size: 14px;
  color: #333333;
  padding: 50px 0 0 0;
  background-repeat: no-repeat;
  background-position: top center;
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul>li .box02 .txt.icon01 {
  background-image: url(/img/product/joi_event_img01.png);
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul>li .box02 .txt.icon02 {
  background-image: url(/img/product/joi_event_img02.png);
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul>li .box02 .txt.icon03 {
  background-image: url(/img/product/joi_event_img03.png);
}

.joint_content .tab_cont .gonggu_event .box .coupon_box .inr>ul>li .box02 .txt.icon04 {
  background-image: url(/img/product/joi_event_img04.png);
}

.joint_content .tab_cont .gonggu_event .box .coupon_box>.txt {
  font-family: 'Pretendard-Regular';
  font-size: 14px;
  color: #ff2d2d;
  line-height: 21px;
}

/*공구장 혜택*/
.joint_content .tab_cont>.conts {
  display: none;
  text-align: center;
}

.joint_content .tab_cont>.conts.on {
  display: block;
}

.joint_content .tab_cont {}

.joint_content .tab_cont .conts {}

.joint_content .tab_cont .conts .box {
  width: 100%;
  padding: 25px 0 40px 0;
  background-color: #fafafa;
  margin: 40px 0 0 0;
}

.joint_content .tab_cont .conts .box .inner {
  max-width: 1200px;
  margin: 0 auto;
}

.joint_content .tab_cont .conts .box .inner>.title {
  padding: 10px;
  width: 150px;
  background-color: #333;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-size: 16px;
  font-family: 'Neo_Semibold';
  border-radius: 25px;
}

.joint_content .tab_cont .conts .box .inner .conts_box {}

.joint_content .tab_cont .conts .box .inner .conts_box>ul {
  display: flex;
  justify-content: center;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li {
  width: 40%;
  border-radius: 10px;
  margin: 0 20px;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box {
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  height: 148px;
  padding: 25px 0 0 0;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box.gongguwon {
  height: 115px;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .title {
  color: #333;
  font-size: 16px;
  font-family: 'Neo_Semibold';
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .txt_box {
  margin: 20px 0 0 0;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .txt_box.pd {
  padding: 20px 0 0 0;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .txt_box .s_txt {
  font-size: 15px;
  color: #666;
  letter-spacing: 0.3px;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .txt_box .s_txt.frs {
  padding: 11px 0 12px 0;
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .txt_box .s_txt .red {
  color: #F55555;
  font-family: 'Neo_semibold';
}

.joint_content .tab_cont .conts .box .inner .conts_box>ul>li .box .txt_box .txt {
  font-size: 13px;
  color: #666;
  margin-top: 10px;
}

/* 쿠폰 사용 안내 */
.joint_content .tab_cont .conts .coupon {
  border-bottom: 1px solid #ebebeb;
  margin: 60px 0 0 0;
  padding: 0 20px 60px 20px;
}

.joint_content .tab_cont .conts .coupon .xi-coupon {
  display: inline-block;
  font-size: 25px;
  color: #333;
}

.joint_content .tab_cont .conts .coupon .title {
  margin-top: 10px;
  font-size: 16px;
  font-family: 'Neo_Semibold';
}

.joint_content .tab_cont .conts .coupon .txt {
  font-size: 14px;
  line-height: 25px;
  padding: 20px 0;
}

.joint_content .tab_cont .conts .coupon .txt .mark {
  font-family: 'Neo_Semibold';
  display: inline;
  box-shadow: inset 0 -7px 0 #ffd7ca;
}

/* 공구장 추가 혜택 안내 */
.joint_content .tab_cont .conts .box2 {
  width: 100%;
}

.joint_content .tab_cont .conts .box2 .container {
  margin: 50px auto 0;
  max-width: 1200px;
  position: relative;
}

.joint_content .tab_cont .conts .box2 .container .xi-gift {
  font-size: 25px;
  color: #333;
  margin: 0 0 10px 0;
}

.joint_content .tab_cont .conts .box2 .container>.txt {
  color: #8d8d8d;
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  margin: 20px auto;
  text-align: right;
}

.joint_content .tab_cont .conts .box2 .container .inner {
  margin: 0 auto;
  max-width: 600px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  padding: 25px 25px 5px 25px;
}

.joint_content .tab_cont .conts .box2 .container>.title {
  color: #333;
  font-size: 20px;
  font-family: 'Neo_semibold';
  margin: 0 0 20px 0;
}

.joint_content .tab_cont .conts .box2 .container .inner .sub_txt {
  font-size: 16px;
  line-height: 1.5rem;
}

.joint_content .tab_cont .conts .box2 .container .inner .sub_txt .mark {
  font-family: 'Neo_Semibold';
  box-shadow: inset 0 -6px 0 #ffcbba;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list {
  margin: 25px 0 0 0;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list>ul {}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list>ul>li {
  margin: 0 0 15px 0;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list>ul>li .title {
  display: inline-block;
  position: relative;
  width: 150px;
  font-size: 14px;
  padding: 0 85px 0 0;
  margin: 0 20px 0 0;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list>ul>li .title::after {
  content: '';
  position: absolute;
  height: 1px;
  width: 60px;
  background: #e4e4e4;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list>ul>li .txt {
  display: inline-block;
  font-size: 14px;
  width: 120px;
  text-align: left;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_list>ul>li .txt .fw {
  color: #333;
  font-family: 'Neo_Semibold';
  font-size: 14px;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box {
  margin-top: 30px;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .txt {
  font-size: 0.85rem;
  font-family: 'Neo_semibold';
  width: 100%;
  margin-bottom: 10px;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .s_txt {
  font-size: 18px;
  margin: 25px 0 35px 0;
  font-family: 'Neo_semibold';
  display: inline-block;
  box-shadow: inset 0 -6px 0 #ffcbba;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box {
  width: calc(100% - 20%);
  margin: 0 auto;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul {
  font-size: 0;
  margin: 0 0 30px 0;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li {
  display: inline-block;
  width: 25%;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li .box02 {}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li .box02 .txt {
  font-family: 'Neo_semibold';
  font-size: 14px;
  color: #333333;
  padding: 50px 0 0 0;
  background-repeat: no-repeat;
  background-position: top center;
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li .box02 .txt.icon01 {
  background-image: url(/img/product/joi_event_img01.png);
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li .box02 .txt.icon02 {
  background-image: url(/img/product/joi_event_img02.png);
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li .box02 .txt.icon03 {
  background-image: url(/img/product/joi_event_img03.png);
}

.joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box>ul>li .box02 .txt.icon04 {
  background-image: url(/img/product/joi_event_img04.png);
}

/* 공통 css */
.joint_content .tab_cont .center_tit {
  text-align: center;
}

.joint_content .sub_tit {
  font-size: 18px;
  color: #df9076;
  letter-spacing: 0.3px;
  font-family: 'Pretendard-Regular';
  margin: 0 auto;
  margin-bottom: 20px;
  width: 190px;
}

.joint_content .b_tit {
  font-size: 30px;
  line-height: 40px;
  font-family: 'Pretendard-SemiBold';
}

/* section0 */
.joint_content .section0 {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding-bottom: 30px;
  text-align: center;
  /* background-color: #FEFAF5; */
  margin-top: -10px;
}

.joint_content .section0 .sub_tit {
  font-size: 14px;
  color: #5c5c5c;
  font-family: 'Neo_R';
  line-height: 24px;
  border: none;
}

.joint_content .section0 .s_tit {
  font-size: 14px;
  font-family: 'Neo_Semibold';
  display: inline-block;
  border: 1px solid #ed9f86;
  border-radius: 50px;
  padding: 7px 15px;
  color: #ed9f86;
}

.joint_content .section0 .b_tit {
  display: block;
  margin: 20px 0;
  font-size: 30px;
  line-height: 40px;
  font-family: 'Pretendard-SemiBold';
}

.joint_content .section0 .main_tit {
  width: 1200px;
  margin: 0 auto;
}

.joint_content .section0 .main_tit .main_txt_mo {
  display: none;
}

.joint_content .section0 .main_tit .main_txt {
  font-size: 14px;
  line-height: 26px;
  color: #999;
  word-break: keep-all;
}

.joint_content .section0 .main_tit .input_wrap {
  display: inline-block;
  text-align: center;
  position: relative;
  margin: 35px 0 60px;
}

.joint_content .section0 .main_tit .input_wrap input {
  display: inline-block;
  width: 450px;
  border: none;
  border: 1px solid #b1b1b1;
  border-radius: 10px;
  height: 50px;
  padding: 10px 20px;
  font-size: 14px;
}

.joint_content .section0 .main_tit .input_wrap input::placeholder {
  color: #b1b1b1;
}

.joint_content .section0 .main_tit .input_wrap i {
  position: absolute;
  font-size: 22px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
}

/* .joint_content .section0 .middle{
  width: 100%;
  display: inline-block;
  margin: 0;
  text-align: center;
}
.joint_content .section0 .black{
  display: inline-block;
  font-size: 14px;
  padding: 8px 30px;
  border-radius: 50px;
  background-color: #FAE63B;
  font-family: 'Neo_Semibold';
  color: #3E2723;
}
.joint_content .section0 .black img {
  vertical-align: middle;
  margin-right: 5px;
}
.joint_content .section0 .black span {
  font-size: 15px;
}
.joint_content .section0 .black i {
  font-size: 20px;
  vertical-align: middle;
  margin-left: 5px;
}
.joint_content .section0 .middle .gr_pw {
  margin-top: 15px;
  color: #3E2723;
  font-size: 15px;
  font-family: 'Neo_Semibold';
} */
.joint_content .section0 .m_tit {
  display: block;
  margin: 20px 0;
  font-size: 30px;
  line-height: 40px;
  font-family: 'Pretendard-SemiBold';
}

.joint_content .section0 .list_orderBy {
  width: 1200px;
  margin: 0px auto 20px;
  /* display: inline-block; */
  text-align: right;
}

.joint_content .section0 .list_orderBy span {
  font-size: 14px;
  padding: 5px 10px;
  border-bottom: 2px solid #fff;
  cursor: pointer;
}

.joint_content .section0 .list_orderBy span.on {
  border-bottom: 2px solid #df9076;
  font-family: 'Neo_semibold';
}

.joint_content .section0 .group_list {
  width: 1200px;
  margin: 0px auto 0;
  display: inline-block;
}

.joint_content .section0 .group_list_detail {
  width: 100%;
  background-color: #fff;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
  border-radius: 20px;
  padding: 10px 0px;
  margin-bottom: 20px;
  display: flex;
}

@keyframes up-and-down {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-and-down2 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

/* .joint_content .section0 .group_list_detail:nth-child(5n){
    margin-right: 0;
} */
.joint_content .section0 .group_list_detail:hover {
  animation: up-and-down 0.8s infinite alternate;
  /* animation-delay: 0.3s; */
}

.joint_content .section0 .group_list_detail div {
  padding: 5px 0px;
  font-size: 14px;
  width: 20%;
  line-height: 30px;
}

.joint_content .section0 .group_list_detail div:nth-child(2) span {
  font-family: 'Neo_bold';
  color: #df9076;
}

.joint_content .section0 .group_list_detail div:nth-child(4) span {
  cursor: pointer;
  /* padding: 8px 14px; */
  display: inline-block;
  border-radius: 50px;
  color: #ed9f86;
  line-height: 15px;
  /* border: 1px solid #ed9f86; */
  font-family: 'Neo_Semibold';
}

.joint_content .section0 .group_list_detail div:nth-child(5) span {
  cursor: pointer;
  padding: 8px 14px;
  display: inline-block;
  background-color: #ed9f86;
  border-radius: 50px;
  color: #fff;
  line-height: 15px;
}

/* section1 */
.joint_content .section1 {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  background-color: #fff7f4;
  margin-bottom: 70px;
}

.joint_content .section1 .section1_wrap {
  width: 1200px;
  margin: 0 auto;
}

.joint_content .section1 .se1_tit {
  margin-bottom: 60px;
  text-align: center;
}

.section1 .se1_content {
  display: flex;
  gap: 5%;
}

.se1_content .se1_box {
  position: relative;
  display: inline-block;
  flex: 1;
  height: 250px;
  padding: 20px 30px 0 30px;
  background-color: #fff;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
  border-radius: 20px;
  transition: 0.3s;
  cursor: pointer;
}

.se1_content .se1_box .icon_box {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 22px;
  top: 22px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  opacity: 0;
  transition: 0.3s;
}

.se1_content .se1_box .xi-plus-min:before {
  display: none;
}

.se1_content .se1_box .icon_box::after {
  content: '\e914';
  position: absolute;
  font-family: xeicon;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #df9076;
  font-size: 22px;
}

.se1_content .se1_box .icon_box {
  opacity: 1;
}

.se1_content .se1_box .se1_txt>span {
  margin: 5px 0 10px;
  color: #000000;
  font-size: 18px;
}

.se1_content .se1_box.on {
  box-shadow: 0 0 35px rgba(237, 205, 193, 0.9);
}

.se1_content .se1_box.on .se1_txt>span {
  margin: 5px 0 10px;
  color: #000000;
  font-size: 18px;
}

.se1_content .se1_box.on .se1_txt p .fw {
  font-family: 'Neo_Semibold';
  color: #252525;
  box-shadow: inset 0 -6px 0 #ffcbba;
}

.se1_content .se1_box.on .se1_txt>span::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #f7c2b0;
  right: -18px;
  top: -8px;
  border-radius: 50px;
}

.se1_content .se1_box.on .icon_box {
  opacity: 0;
}

/*공도구매 혜택 보아보기 hover 효과*/
.se1_content .se1_box:hover {
  box-shadow: 0 0 35px rgba(237, 205, 193, 0.9);
}

.se1_content .se1_box:hover .se1_txt>span {
  margin: 5px 0 10px;
  color: #000000;
  font-size: 18px;
}

.se1_content .se1_box:hover .se1_txt p .fw {
  font-family: 'Neo_Semibold';
  color: #252525;
  box-shadow: inset 0 -6px 0 #ffcbba;
}

.se1_content .se1_box:hover .se1_txt>span::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #f7c2b0;
  right: -18px;
  top: -8px;
  border-radius: 50px;
}

.se1_content .se1_box .se1_img {
  display: inline-block;
  width: 89px;
  height: 89px;
  background: url(/img/product/se1_group_back.png);
  background-position: left -5px top -5px;
  background-repeat: no-repeat;
}

.se1_content .se1_box .se2_img {
  display: inline-block;
  width: 89px;
  height: 89px;
  background: url(/img/product/se1_coupon_back.png);
  background-position: left -5px top -5px;
  background-repeat: no-repeat;
}

.se1_content .se1_box .se3_img {
  display: inline-block;
  width: 89px;
  height: 89px;
  background: url(/img/product/se1_money_back.png);
  background-position: left -5px top -5px;
  background-repeat: no-repeat;
}

.se1_content .se1_box .se1_txt {
  padding-left: 5px;
}

.se1_content .se1_box .se1_txt>span {
  display: inline-block;
  position: relative;
  font-size: 19px;
  font-family: 'Neo_Semibold';
  margin: 5px 0 25px;
  transition: 0.3s;
}

.se1_content .se1_box .se1_txt p {
  font-size: 15px;
  line-height: 25px;
  word-break: keep-all;
}

.se1_content .se1_box .se1_txt p .fw {
  transition: 0.3s
}

.se1_content .se1_box .se1_txt .se1_notice {
  font-size: 13px;
  color: #999;
  font-family: 'Neo_R';
}

/* section2 */
.joint_content .section2 .info_txt_mo {
  display: none;
}

.joint_content .section2 .line2 {
  border: 1px solid #f6efec;
  width: 0.1px;
  height: 40px;
  margin: 0 auto;
  color: #757575;
  margin-top: 50px;
  display: none;
}

.joint_content .section2 .xi-coupon {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 25px;
  display: inline-block;
  margin-top: 50px;
  color: #333;
}

.joint_content .section2 .coupon_info_tit {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  font-family: 'Neo_Semibold';
}

.joint_content .section2 .coupon_info {
  font-size: 14px;
  text-align: center;
  line-height: 25px;
  width: 700px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 20px 0;
}

.joint_content .section2 .coupon_info .point_txt {
  font-family: 'Neo_Semibold';
  display: inline;
  box-shadow: inset 0 -7px 0 #ffd7ca;
}

.joint_content .section2 .coupon_info .point_txt::after {
  content: '';
}

.joint_content .section2 .xi-error-o {
  font-size: 16px;
  vertical-align: middle;
}

.joint_content .section2 {
  padding: 100px 0;
  border-bottom: 1px solid #ebebeb;
}

.section2 .se2_tit {
  margin-bottom: 60px;
}

.section2 .se2_box_wrap {
  padding: 40px 0;
  background-color: #fafafa;
}

.section2 .joint_se2_tit {
  border-radius: 25px;
  padding: 10px;
  width: 150px;
  background-color: #333;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 16px;
  font-family: 'Neo_Semibold';
}

.section2 .se2_content {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.section2 .se2_listbox_wrap {
  padding: 50px 0;
}

.section2 .se2_listbox_wrap .xi-crown {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #333;
  font-size: 30px;
  margin-bottom: 5px;
}

.section2 .se2_listbox_wrap .sub_tit {
  text-align: center;
  color: #333;
  font-size: 20px;
  font-family: 'Neo_semibold';
}

.section2 .se2_listbox_wrap .se2_box {
  height: auto;
}

.section2 .se2_listbox_wrap .mini_text {
  color: #8d8d8d;
  font-size: 14px;
  text-align: right;
  margin: 0 auto;
  margin-top: 15px;
  width: 35%;
}

.section2 .buy_list_tit p {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}

.section2 .buy_list_tit .list_tit_mo {
  display: none;
}

.section2 .buy_list_tit span {
  font-family: 'Neo_Semibold';
  display: inline;
  box-shadow: inset 0 -6px 0 #ffcbba;
}

.section2 .se2_content .buy_list {
  width: 100%;
  line-height: 30px;
  font-size: 15px;
}

.section2 .se2_content .buy_list .xi-minus-thin {
  font-size: 20px;
  vertical-align: middle;
}

.section2 .se2_content .buy_ex {
  margin-top: 20px;
}

.section2 .se2_content .buy_ex span {
  font-size: 15px;
  font-family: 'Neo_semibold';
  color: #df9076;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.section2 .se2_content .buy_ex p {
  font-size: 14px;
  margin-top: 10px;
  font-family: 'Neo_semibold';
  display: inline;
  box-shadow: inset 0 -6px 15px #fce1d9;
}

.section2 .se2_content .buy_list_mo {
  display: none;
}

.section2 .se2_content .buy_list li {
  font-size: 14px;
  width: 55%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 35px;
}

.section2 .se2_content .buy_list li .personnel {
  width: 25%;
}

.section2 .se2_content .buy_list li .line {
  height: 1px;
  width: 60px;
  margin: 0 auto;
}

.section2 .se2_content .buy_list li .presentation {
  width: 50%;
}

.section2 .se2_content .buy_list li .presentation span {}

.section2 .se2_content .buy_list span {
  color: #333;
  font-family: 'Neo_Semibold';
  font-size: 14px;
}

/* .section2 .joint_se2_tit.se2tit_02{background-color: #df9076; border:none; color: #fff;} */
.section2 .se2_content02 {
  width: 70%;
}

.section2 .se2_content02 .se2_box {
  width: 45%;
}

.section2 .box_20in {
  width: 70%;
}

.section2 .box_20in .se2_box {
  width: 50%;
  padding: 25px 0;
}

.se2_content .se2_box {
  width: 21%;
  display: flex;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  background-color: #fff;
  height: 150px;
  justify-content: center;
  flex-direction: column;
  margin: 0 20px;
}

.se2_content .se2_box:first-child .se2_list {
  height: 38px;
}

.se2_content .se2_box:last-child {
  /* margin-bottom: 0; */
}

.se2_content .se2_box>div {
  display: inline-block;
  float: left;
}

.se2_content .se2_box .se2_num {
  width: 100%;
  font-size: 16px;
  font-family: 'Neo_Semibold';
  /* background-color: #df9076; */
  padding: 10px 20px;
  border-radius: 50px;
  margin: 0 auto;
  color: #333;
}

.se2_content .se2_box .line {
  width: 1.5px;
  height: 20px;
  background-color: #e4e4e4;
  display: flex;
  margin: 0 auto;
  margin-bottom: 10px;
}

.se2_content .se2_box .se2_list {
  width: 100%;
  margin-top: 10px;
}

.se2_content .se2_box .se2_list>div {
  display: flex;
  text-align: left;
}

.se2_content .se2_box .se2_list .captain {}

.se2_content .se2_box .se2_list .tit {
  width: 30%;
  color: #333;
  font-family: 'Neo_Semibold';
  font-size: 17px;
}

.se2_content .se2_box .se2_list .txt {
  width: 100%;
  font-size: 15px;
  color: #666;
  letter-spacing: 0.3px;
  text-align: center;
}

.se2_content .se2_box .se2_list .txt .num_per {
  color: #F55555;
  font-family: 'Neo_semibold';
}

.se2_box .se2_list .txt .txt_notice {
  font-size: 13px;
  color: #666;
  display: inline-block;
  margin-top: 10px;
}

.se2_box .se2_list .txt .txt_notice span {
  font-size: 13px;
  color: #999;
}

/* section3 */
.joint_content .section3 {
  background-color: #fff;
  padding: 100px 0;
  margin-bottom: 40px;
}

.section3 .content_wrap {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  /* flex-wrap: wrap; */
  /* gap: 10%; */
}

.section3 .content_wrap .se3_box {
  width: 24%;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  cursor: pointer;
  transition: 350ms;
  margin-right: 2%;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
}

.section3 .content_wrap .se3_box:nth-child(1) {
  box-shadow: 8px 8px 10px rgb(255 139 139 / 29%);
}

.section3 .content_wrap .se3_box:nth-child(1) span {
  display: flex;
}

.section3 .content_wrap .se3_box:nth-child(1) span font {
  animation: wave 1.5s ease-in-out;
  animation-iteration-count: infinite;
  font-size: 15px;
  color: #ffa141;
  font-family: 'Neo_Semibold';
}

.section3 .content_wrap .se3_box:nth-child(1) span font:nth-child(1) {
  animation-delay: 0.1s;
  margin-left: 5px;
}

.section3 .content_wrap .se3_box:nth-child(1) span font:nth-child(2) {
  animation-delay: 0.13s;
}

.section3 .content_wrap .se3_box:nth-child(1) span font:nth-child(3) {
  animation-delay: 0.16s;
}

.section3 .content_wrap .se3_box:nth-child(1) span font:nth-child(4) {
  animation-delay: 0.19s;
}

.section3 .content_wrap .se3_box:nth-child(1) span font:nth-child(5) {
  animation-delay: 0.22s;
}

.section3 .content_wrap .se3_box:nth-child(1) span font:nth-child(6) {
  animation-delay: 0.25s;
}

.section3 .content_wrap .se3_box:hover {
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
  margin-top: -2%;
}

.section3 .content_wrap .se3_box:nth-child(1):hover {
  box-shadow: 2px 4px 12px rgb(255 139 139 / 25%);
}

.section3 .content_wrap .se3_box:nth-child(1),
.section3 .content_wrap .se3_box:nth-child(2) {
  /* margin-bottom: 5%; */
}

.content_wrap .se3_box .se3_img {
  width: 60px;
  height: 60px;
  /* margin-bottom: 40px; */
  float: right;
}

.content_wrap .se3_box .se3_img img {
  display: block;
  width: 100%;
}

.content_wrap .se3_box .se3_txt span {
  font-size: 19px;
  font-family: 'Neo_Semibold';
}

.content_wrap .se3_box .se3_txt span i {
  margin-left: 5px;
  font-size: 22px;
  vertical-align: bottom;
}

.content_wrap .se3_box .se3_txt {
  position: relative;
}

.content_wrap .se3_box .se3_txt p {
  font-size: 14px;
  margin-top: 20px;
  color: #555;
  line-height: 21px;
}

.content_wrap .se3_box .gr_pw {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-family: 'Neo_Semibold';
  color: #ed9f86;
  /* background-color: #333;
  padding: 5px; */
  margin-top: 10px;
  border-radius: 2px;
}

/* section4 */
.joint_content .section4 {
  padding: 120px 0;
  width: 1200px;
  margin: 0 auto;
}

.section4 .se4_tit {
  margin-bottom: 100px;
  text-align: center;
}

.section4 .se4_content {
  display: flex;
}

.section4 .se4_content .se4_box {
  display: inline-block;
  width: 43%;
  /* box-shadow: 2px 4px 12px rgba(0,0,0,.08); */
  /* border-radius: 15px; */
  overflow: hidden;
}

.section4 .se4_content .se4_box:first-child {
  margin-right: 14%;
}

.se4_content .se4_box .how_tit {
  text-align: center;
  font-size: 17px;
  font-family: 'Neo_Semibold';
  /* background-color: #FBF2E1; */
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  padding: 15px 0;
  border-radius: 10px;
}

.se4_content .se4_box .how_list {
  padding: 30px;
}

.se4_content .se4_box .step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
  height: 75px;
}

.se4_content .se4_box .how_list .step:last-child {
  margin-bottom: 0;
}

.se4_content .se4_box .step_img {
  display: inline-block;
  width: 30px;
  border-radius: 50%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #333;
  color: #fff;
  position: relative;
}

.se4_content .se4_box .step_img1::after,
.se4_content .se4_box .step_img2::after,
.se4_content .se4_box .step_img4::after,
.se4_content .se4_box .step_img5::after {
  content: '';
  display: inline-block;
  height: 110px;
  width: 2px;
  background-color: #999;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.se4_content .se4_box .step_img img {
  display: block;
  width: 90%;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #ededed;
}

.se4_content .se4_box .step_info {
  display: inline-block;
  padding-left: 50px;
  padding-top: 6px;
}

.se4_content .se4_box .step_info .step_tit {
  font-size: 18px;
  font-family: 'Pretendard-Medium';
}

.se4_content .se4_box .step_info .step_txt {
  font-size: 14px;
  line-height: 23px;
  color: #999;
  margin-top: 10px;
}

.se4_content .se4_box .step_info .tip_go {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background-color: #333;
  padding: 7px 10px;
  margin-top: 5px;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 5px;
}

.se4_content .se4_box .step_info .tip_go i {
  color: #ffd600;
  vertical-align: top;
  margin-right: 5px;
}

.se4_content .se4_box .step_info .tip_go:hover {
  background-color: #ffa141;
  color: #fff;
}

/* section5 */
.joint_content .section5 {
  background-color: #fff7f4;
}

.section5 .content_wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.section5 .se5_tit {
  margin-bottom: 60px;
}

.section5 .se5_tit .sub_tit {
  margin: 0;
  margin-bottom: 20px;
}

.section5 .se5_content {
  display: flex;
  gap: 3%;
}

.section5 .se5_content .se5_box {
  width: 23%;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
  padding: 40px 30px;
}

.se5_content .se5_box .se5_img {
  width: 140px;
  height: 120px;
  margin: 0 auto;
}

.se5_content .se5_box .se5_img img {
  display: block;
  width: 100%;
}

.se5_content .se5_box .se5_txt {
  margin-top: 30px;
}

.se5_content .se5_box .se5_txt span {
  font-size: 18px;
  font-family: 'Neo_Semibold';
}

.se5_content .se5_box .se5_txt p {
  font-size: 15px;
  line-height: 23px;
  margin-top: 15px;
}

/* section6 */
.joint_content .section6 {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}

.section6 .se6_tit {
  margin-bottom: 50px;
  text-align: center;
}

.section6 .se6_content {
  background-color: #fafafa;
  border-radius: 15px;
  padding: 30px;
}

.section6 .se6_content li {
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 23px;
}

.section6 .se6_content li::before {
  content: "·";
  display: inline-block;
  width: 10px;
  height: 100%;
  margin-right: 5px;
}

/* quickmenu */
.joint_content .quickmenu {
  width: 160px;
  position: fixed;
  bottom: 15%;
  right: 15px;
  display: inline-block;
  display: none;
}

.joint_content .quickmenu a {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 5px 12px;
  border-radius: 50px;
  margin-bottom: 20px;
  font-size: 14px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
}

.joint_content .quickmenu a:last-child {
  margin-bottom: 0;
}

.joint .quickmenu a img {
  width: 40px;
  margin-right: 8px;
}

.joint_content .mo_quickmenu {
  width: 130px;
  position: fixed;
  bottom: 10%;
  right: 15px;
  display: none;
  z-index: 2;
}

.joint_content .mo_quickmenu a {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 5px 12px;
  border-radius: 50px;
  margin-bottom: 20px;
  font-size: 14px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
}

.joint_content .mo_quickmenu a.go_top {
  width: 40%;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-bottom: 0;
}

.joint_content .mo_quickmenu a.go_top i {
  font-size: 20px;
}

.joint_content .mo_quickmenu a img {
  width: 40px;
}

@media screen and (max-width:767px) {
  .joint_content .mo_quickmenu {
    display: block;
  }

  .joint_content .section2 .info_txt_mo {
    display: block;
  }

  .joint_content .section2 .info_txt_pc {
    display: none;
  }

  .joint_content .section2 .coupon_info {
    font-size: 13px;
    width: 300px;
    padding: 20px 15px;
  }
}