@media screen and (max-width:1200px){

  .joint .main_top{width: 100%;}
  .joint .main_top .main_banner{width: 100%; display: inline-block;background: none;height: auto;position: relative;}
  .joint .main_top .main_banner img.group_ta{display: block;width: 100%;}
  .joint .main_top .tit_box {width: 100%;display: block;height: auto;position: absolute;top: 13%;left: 50%;transform: translateX(-50%)}
  .joint .tit_box .tit_wrap {position: initial;text-align: center;width: 100%;}
  .joint_content .section0 .main_tit{width: 100%;}
  .joint_content .section0 .main_tit .input_wrap{width: 100%;}
  .joint_content .section0 .list_orderBy{width:95%;}
  .joint_content .section0 .group_list{width: 95%;}
  .joint_content .section0 .main_tit .input_wrap i{right: 29%;}
  .joint .tit_box .main_tit span {font-size: 16px;margin-bottom: 15px;}
  .joint .tit_box .main_tit .tit_top {font-size: 35px;}
  .joint .tit_box .main_tit .tit_bot {font-size: 38px;}
  .joint .tit_box .tit_wrap .sub_tit {margin-top: 25px;}
  .joint_content{width: 100%;}
  .joint_content .sub_tit {font-size: 15px;margin-bottom: 10px;}
  .joint_content .section0 .b_tit {font-size: 23px;line-height: 30px;}
  .joint_content .section1 {width: 100%;padding: 60px 20px;}
  .se1_content .se1_box {padding: 20px 20px 20px 10px; height: auto;}
  .se1_content .se1_box .se1_txt span {font-size: 16px;}
  .se1_content .se1_box .se1_txt p {font-size: 14px;line-height: 22px;}

  .joint_content .section2 {width: 100%;padding: 0 20px 100px;}
  .section2 .se2_content {width: 100%;}
  /* .se2_content .se2_box .se2_num {width: 20%;margin-right: 5%;} */
  /* .se2_content .se2_box .line {width: 15%;margin-right: 5%;} */
  /* .se2_content .se2_box .se2_list {width: 55%;} */
  .se2_content .se2_box .se2_list > div {text-align: center;}
  /* .se2_content .se2_box .se2_list .captain{border-bottom: 1px solid #efefef; margin-bottom: 20px; padding-bottom: 20px;} */
  .se2_box .se2_list .txt .txt_notice {display:block; margin-top: 8px;}
  .se2_box .se2_list .txt .txt_notice span {display: block;margin-top: 8px;}
  .se2_content .se2_box{width: 32%;}
  .joint_content .section3 {padding: 70px 0;margin-bottom: 99px;}
  .section3 .content_wrap {width: 90%;flex-wrap: wrap;}
  .section3 .content_wrap .se3_box {padding: 25px;width: 49%;}
  .section3 .content_wrap .se3_box:nth-child(1),.section3 .content_wrap .se3_box:nth-child(2) {margin-bottom: 2%;}
  .section3 .content_wrap .se3_box:nth-child(even) {margin-right: 0;}
  .content_wrap .se3_box .se3_txt span {font-size: 20px;}
  .content_wrap .se3_box .se3_txt p {font-size: 14px;line-height: 23px;}
  .joint_content .section4 {width: 100%;padding: 80px 20px 100px;}
  .section4 .se4_tit {margin-bottom: 60px;}
  .section4 .se4_content .se4_box {width: 48%;}
  .section4 .se4_content .se4_box:first-child {margin-right: 4%;}
  .se4_content .se4_box .step {align-items: flex-start;}
  .se4_content .se4_box .how_list {padding: 50px 20px;}
  .se4_content .se4_box .how_tit {font-size: 18px;margin-bottom: 0;}
  .se4_content .se4_box .step_info {width: 70%;padding-left: 5%;}
  .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 {height: 100px;}
  .joint_content .section5 {margin-bottom: 100px;}
  .section5 .content_wrap {width: 90%;padding: 70px 0;}
  .section5 .se5_content {flex-wrap: wrap;gap: 2%;}
  .section5 .se5_content .se5_box {width: 49%;}
  .section5 .se5_content .se5_box:nth-child(1),.section5 .se5_content .se5_box:nth-child(2){margin-bottom: 2%;}
  .se5_content .se5_box .se5_txt span {font-size: 16px;}
  .se5_content .se5_box .se5_txt p {font-size: 13px;  color: #6e6e6e;}
  .joint_content .section6 {width: 100%;padding: 0 20px 100px;}

  /*공구장 혜택 2024-02-22 추가 */
  .joint_content .tab_cont .conts .box .inner .conts_box > ul > li {width: 33.3333%;}

  /*공동구매 혜택 수정 2024-02-23 추가 */
  .joint_content .section1 .section1_wrap {width: 100%;}
  .section1 .se1_content {display: flex; gap: 3%;}
  .se1_content .se1_box {display: flex;}
  .se1_content .se1_box .se1_txt p br {display: none;}
  .se1_content .se1_box .se1_txt p .fw {font-size: 14px;}
  .se1_content .se1_box .se1_img {background-size: contain; width: 0; min-width: 50px; height: 80px;}
  .se1_content .se1_box .se2_img {background-size: contain; width: 0; min-width: 50px; height: 80px;}
  .se1_content .se1_box .se3_img {background-size: contain; width: 0; min-width: 50px; height: 80px;}

  /*공동구매 추가 2024-02-26*/
  .se1_content .se1_box.on .se1_txt > span {margin: 5px 0 10px; font-size: 16px;}
  .se1_content .se1_box .se1_txt > span {margin: 5px 0 10px; font-size: 16px;}
  .se1_content .se1_box .icon_box{width: 25px; height: 25px; right: 15px; top: 15px;}
  .se1_content .se1_box.on .se1_txt > span::after {width: 8px; height: 8px;right: -13px; top: -6px;}
}

@media screen and (max-width:767px){

  .joint .main_top .tit_box {top: 8%;}
  .joint .tit_box .main_tit span {font-size: 14px;margin-bottom: 20px;}
  .joint .tit_box .main_tit .tit_top {font-size: 25px;margin-bottom: 10px;}
  .joint .tit_box .main_tit .tit_bot {font-size: 27px;}
  .joint .tit_box .tit_wrap .sub_tit {margin-top: 20px;font-size: 15px;line-height: 24px;}

  .joint_content .b_tit{font-size: 19px; line-height: 30px;}
  .section1 .se1_content {flex-wrap: wrap; gap: 2%;}
  .joint_content .section0 .s_tit{font-size: 13px;}
  .joint_content .section0 .group_list_detail div{font-size: 13px;}
  .joint_content .section1 .section1_wrap {padding: 0 10px;}
  .joint_content .section1 {padding: 20px 0 10px 0; margin-bottom: 50px;}
  .joint_content .section1 .se1_tit {margin-bottom: 20px;}
  .se1_content .se1_box {width: 100%;height: 50px; display: flex; align-items: center; margin-bottom: 20px; padding: 10px; text-align: center;}
  .se1_content .se1_box:last-child {margin-bottom: 0;}
  .se1_content .se1_box .se1_img, .se1_content .se1_box .se2_img, .se1_content .se1_box .se3_img {display: none;}

  .se1_content .se1_box .se1_img {background: url(/img/product/se1_group_back.png) 0% 50% no-repeat; background-size: contain;}
  .se1_content .se1_box .se2_img {background: url(/img/product/se1_coupon_back.png) 0% 50% no-repeat; background-size: contain;}
  .se1_content .se1_box .se3_img {background: url(/img/product/se1_money_back.png) 0% 50% no-repeat; background-size: contain;}

  .se1_content .se1_box .se1_txt {width: 100%;padding-left: 0;}
  .se1_content .se1_box .se1_txt > span {margin: 0;font-size: 14px;}
  .se1_content .se1_box .se1_txt p {display: none;}
  .se1_content .se1_box .se1_txt .se1_notice {display: block;}

  .joint_content .section2 {padding: 0 20px 80px;}
  .section2 .se2_tit {margin-bottom: 20px;}
  .section2 .joint_se2_tit{font-size: 14px; width: 120px;}
  .section2 .se2_content {padding: 0;     flex-direction: column;}
  .section2 .se2_content02 .se2_box{width: 100%;}
  .section2 .box_20in .se2_box{width: 100%; margin: 0 auto;}
  .se2_content .se2_box {margin-bottom: 25px; width: 85%; height: 130px;}
  .se2_content .se2_box .se2_num {width: 120px;font-size: 14px;padding: 5px; margin-bottom: 5px; float: none;}
  .se2_content .se2_box .se2_list {width: 100%; margin-top: 15px; float: none;}
  .se2_content .se2_box .se2_list .tit {font-size: 15px; float: left;}
  .se2_content .se2_box .se2_list .txt {font-size: 14px; float: right;}

  .section3 .content_wrap {width: 90%;}
  .joint_content .section3 {padding: 70px 0;margin-bottom: 0px;}
  .section3 .content_wrap .se3_box {width: 100%; padding: 30px;margin-right: 0;overflow: hidden;display: flex;flex-direction: row-reverse;align-items: center;}
  .section3 .content_wrap .se3_box:nth-child(1), .section3 .content_wrap .se3_box:nth-child(2),.section3 .content_wrap .se3_box:nth-child(3) {margin-bottom: 10px;}
  .content_wrap .se3_box .se3_img {width: 80px;height: auto;float: inherit;}
  .content_wrap .se3_box .se3_txt {width: calc(100% - 95px);margin-left: 15px;}
  .content_wrap .se3_box .se3_txt span {font-size: 17px;}
  .content_wrap .se3_box .se3_txt p {margin-top: 10px;font-size: 12px;z-index: 2;position: relative;}
  .content_wrap .se3_box .gr_pw{font-size: 13px;}

  .joint_content .section4 {padding: 80px 20px;}
  .section4 .se4_content {flex-wrap: wrap;}
  .section4 .se4_content .se4_box {width: 100%;}
  .section4 .se4_content .se4_box:first-child {margin-right: 0;margin-bottom: 20px;}
  .se4_content .se4_box .how_tit {font-size: 15px;padding: 10px 0;}
  .se4_content .se4_box .how_list {padding: 40px 20px;}
  .se4_content .se4_box .step_img {width: 25px;height: 25px;line-height: 25px;font-size: 13px;}
  .se4_content .se4_box .step_info .step_tit {font-size: 15px;}
  .se4_content .se4_box .step_info .step_txt {font-size: 13px;margin-top: 7px;}

  .section5 .content_wrap {padding: 80px 0;}
  .joint_content .section5 {margin-bottom: 0px;}
  .section5 .se5_content .se5_box {width: 100%;padding: 20px 0;}
  .section5 .se5_content .se5_box:nth-child(1), .section5 .se5_content .se5_box:nth-child(2),.section5 .se5_content .se5_box {margin-bottom: 10px;}
  .section5 .se5_tit {margin-bottom: 30px;}
  .se5_content .se5_box .se5_img {display: inline-block;width: 20%;height: auto;}
  .se5_content .se5_box .se5_txt {display: inline-block;margin-top: 0;width: 56%; margin-left: 25px; text-align: left;}
  .se5_content .se5_box .se5_txt span {font-size: 14px;}

  .joint_content .section6 {padding: 80px 20px;}
  .section6 .se6_content {padding: 20px;}
  .section6 .se6_content li {font-size: 13px;}

  .joint_content .quickmenu {display: none !important;}
  .joint_content .section0 .m_tit{font-size: 19px;}
  .joint_content .section0 .main_tit .main_txt{line-height: 24px; font-size: 13px;}
  .joint_content .section0 .main_tit .main_txt_pc{display: none;}
  .joint_content .section0 .main_tit .main_txt_mo{display: block}
  .joint_content .section0 .main_tit .input_wrap input{width: 80%; height: 45px; font-size: 13px;}
  .joint_content .section0 .main_tit .input_wrap i{font-size: 18px; right: 14%;}
  .joint_content .section0 .list_orderBy{width: 80%;text-align: center;margin-bottom: 30px;margin-top: 40px;}
  .joint_content .section0 .group_list_detail{flex-wrap: wrap; padding: 0 20px; width: 90%;margin: 0 auto; margin-bottom: 30px;}
  .joint_content .section0 .group_list_detail div:nth-child(1){font-family: 'Pretendard-SemiBold';font-size: 15px;  width: 100%;}
  .joint_content .section0 .group_list_detail div:nth-child(2){width: 50%;}
  .joint_content .section0 .group_list_detail div:nth-child(2) span{font-family: 'Neo_bold'; color: #ed9f86;}
  .joint_content .section0 .group_list_detail div:nth-child(3){width: 50%;}
  .joint_content .section0 .group_list_detail div:nth-child(4){ width: 50%;padding: 15px 0; border-top: 1px solid #f0f0f0;margin-top: 5px;}
  .joint_content .section0 .group_list_detail div:nth-child(4) span{/* padding: 8px 30px; */border-radius: 5px;}
  .joint_content .section0 .group_list_detail div:nth-child(5){font-size: 13px;width: 50%;line-height: 30px;padding: 15px 0; border-top: 1px solid #f0f0f0;  margin-top: 5px;}
  .joint_content .section0 .group_list_detail div:nth-child(5) span{padding: 8px 30px;border-radius: 5px;}
  .se4_content .se4_box .step_info .tip_go{font-size: 13px; padding: 7px 10px; border-radius: 5px;}
  .joint .sub_tit.sub_tit_mo{display: block;}
  .joint .sub_tit.sub_tit_pc{display: none;}
  .joint_content .section0 .sub_tit{font-size: 13px; line-height: 20px; color: #858585;}


  /* 공구자혜택 추가 */
  .section2 .se2_box_wrap{padding: 20px;}
  .section2 .buy_list_tit p{font-size: 17px;}
  .section2 .buy_list_tit .list_tit_mo{display: block; line-height: 28px;}
  .section2 .buy_list_tit .list_tit_pc{display: none;}
  .section2 .buy_list_tit span{font-family: 'Neo_bold';}
  .section2 .se2_content .buy_list_mo{display: block;}
  .section2 .se2_content .buy_list_pc{display: none;}
  .section2 .se2_content .buy_list li{width: 85%; display: flex; flex-direction: column; margin-bottom: 20px; line-height: 28px;}
  .section2 .se2_content .buy_list li:last-child{margin-bottom: 0;}
  .section2 .se2_content .buy_list span::before{content: '';}
  .section2 .se2_content .buy_list .xi-minus-thin{display: none;}
  .section2 .se2_content .buy_ex p{box-shadow: inset 0 -6px 5px #fce1d9;}

  /*공구장 혜택 2024-02-22 수정 추가 */
  .joint_content .tab_cont .conts > .box {margin: 20px 0 0 0; padding: 30px 0;}
  .joint_content .tab_cont .conts .box .inner {padding: 0 20px;}
  .joint_content .tab_cont .conts .box .inner .conts_box > ul {flex-direction: column;}
  .joint_content .tab_cont .conts .box .inner .conts_box > ul > li {width: 100%; margin: 0;}
  .joint_content .tab_cont .conts .box .inner .conts_box > ul > li .box {height: initial; padding: 25px 0;}
  .joint_content .tab_cont .conts .box .inner .conts_box > ul > li .box .txt_box.pd {padding: 0;}
  .joint_content .tab_cont .conts .box .inner > .title {width: 140px; font-size: 15px;}
  .joint_content .tab_cont .conts .box .inner .conts_box > ul > li .box .title {font-size: 15px;}

  /*공구원 혜택 2024-02-22 수정 추가 */
  .joint_content .tab_cont .conts .box .inner .conts_box > ul > li .box.gongguwon {height: 110px;}

  /*공구장 추가 혜택 안내 2024-02-22 수정 추가 */
  .joint_content .tab_cont .conts .box2 .container {max-width: 100%; padding: 0 20px;}
  .joint_content .tab_cont .conts .box2 .container > .title {font-size: 18px;}
  .joint_content .tab_cont .conts .box2 .container .inner {max-width: 100%;}
  .joint_content .tab_cont .conts .box2 .container .inner .txt_list > ul > li .title {width: 120px; padding: 0 20px 0 0; margin: 0 10px 0 0;}
  .joint_content .tab_cont .conts .box2 .container .inner .txt_list > ul > li .title::after {width: 30px;}
  .joint_content .tab_cont .conts .box2 .container > .txt {max-width: 100%;}
  .joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box > ul > li{width: 50%; margin: 0 0 20px 0;}
  .joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box > ul > li:nth-child(3){margin: 0;}
  .joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box > ul > li:nth-child(4){margin: 0;}
  .joint_content .tab_cont .conts .box2 .container .inner .txt_box .coupon_box > ul > li .box02 .txt{background-size: 70px auto;}

  /*공구 모집tip 2024-02-23*/
  .joint_content .tab_cont .gonggu_tip .inr {max-width: 100%; height: 100%; padding: 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background-image: initial;}
  .joint_content .tab_cont .gonggu_tip .inr .txt br {display: none;}

  /*공구왕 이벤트 2024-02-23*/
  .joint_content .tab_cont .gonggu_event {max-width: 100%; padding: 0 5px;}
  .joint_content .tab_cont .gonggu_event > .box {display: block; padding: 25px 15px;}
  .joint_content .tab_cont .gonggu_event .box .title {margin: 0 0 20px 0; font-size: 18px; line-height: 27px;}
.joint_content .tab_cont .gonggu_event .box .title .stl {font-size: 20px;}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li {width: calc(100% - 30px); padding: 10px 0;}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li > .num_box {line-height: 25px;}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li > .num_box.left {width: 100%; padding: 0; margin: 0;}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li > .num_box.left::after {display: none}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li > .num_box.right {width: 100%;}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li > .num_box .txt {display: inline-block;}
  .joint_content .tab_cont .gonggu_event .box .txt_box > ul > li > .num_box .txt::after {width: 22px; height: 22px; right: -30px; background-size: contain;}

  /*공동구매 추가 2024-02-26*/
  .se1_content .se1_box.on .se1_txt > span {margin: 0px; font-size: 14px;}
  .se1_content .se1_box.on {box-shadow: 0 0 15px rgba(237,205,193,0.9);}
  .se1_content .se1_box .se1_txt > span {margin: 0; font-size: 14px; color: #717171;}
  .se1_content .se1_box .icon_box{display: none;}
  .se1_content .se1_box:hover .se1_txt > span {font-size: 14px; margin: 0;}
  .se1_content .se1_box.on .se1_txt > span::after {width: 6px; height: 6px;right: -10px; top: -3px;}

  /*공구왕 상품권 추가 2024-02-27*/
  .joint_content .tab_cont .gonggu_event .box .coupon_box .tit {font-size: 16px;}
  .joint_content .tab_cont .gonggu_event .box .coupon_box .inr > ul > li {width: 50%; margin: 0 0 30px 0;}
  .joint_content .tab_cont .gonggu_event .box .coupon_box .inr > ul > li:nth-child(3),
  .joint_content .tab_cont .gonggu_event .box .coupon_box .inr > ul > li:nth-child(4){margin: 0;}
  .joint_content .tab_cont .gonggu_event .box .coupon_box .inr > ul > li .box02 .txt{background-size: 70px auto;}
}