@charset "UTF-8";
#sec1 {
  padding-top: 140px;
}
#sec1 .m_campaign_header {
	display: none;
}
#sec1 .left {
  width: calc(100% - clamp(195px, 17.71vw, 340px));
  padding-right: clamp(15px, 2.08vw, 40px);
  border-right: 1px solid #eee;
}
#sec1 .left .campaign_name div span {
  font-size: clamp(10px, 0.63vw, 12px);
  font-weight: 600;
  background-color: #eceff3;
  color: #666;
  padding: clamp(4px, 0.31vw, 6px) clamp(6px, 0.52vw, 10px);
  border-radius: 4px;
}
#sec1 .left .campaign_name div span:not(:last-child) {
  margin-right: 6px;
}
#sec1 .left .campaign_name div .blog {
  background-color: #deffe1;
  color: #03c75a;
}
#sec1 .left .campaign_name div .instagram {
  background-color: #fff0f6;
  color: #ef317c;
}
#sec1 .left .campaign_name div .threads {
  background-color: #000;
  color: #fff;
}
#sec1 .left .campaign_name div .twitter {
  background-color: #000;
  color: #fff;
}
#sec1 .left .campaign_name div .facebook {
  background-color: #e2edff;
  color: #0866ff;
}
#sec1 .left .campaign_name div .youtube {
  background-color: #ffe9e9;
  color: #fd0000;
}
#sec1 .left .campaign_name div .shorts {
  background-color: #ffe9e9;
  color: #fd0000;
}
#sec1 .left .campaign_name div .reels {
  background-color: #fff0f6;
  color: #ef317c;
}
#sec1 .left .campaign_name div .clip {
  background-color: #6f4dce;
  color: #adff5f;
}
#sec1 .left .campaign_name div .tiktok {
  background-color: #000;
  color: #25f4ee;
}
#sec1 .left .campaign_name div .point {
  background-color: #fff;
  border: 1px solid #ddd;
}
#sec1 .left .campaign_name h2 {
  font-size: clamp(20px, 1.41vw, 27px);
  font-weight: 700;
}
#sec1 .left .campaign_name .mo_campaign_name {
	display: none;
}
#sec1 .left .campaign_name .m_campaign_date {
	display: none;
}
#sec1 .left .m_campaign_info {
	display: none;
}
#sec1 .left .campaign_info .info_wrapper {
  padding: clamp(20px, 1.72vw, 33px) 0;
}
#sec1 .left .campaign_info .info_wrapper:not(:last-child) {
  border-bottom: 1px solid #eee;
}
#sec1 .left .campaign_info .info_wrapper .info_tit {
  font-size: clamp(14px, 0.78vw, 15px);
  font-weight: 700;
  width: clamp(120px, 10.42vw, 200px);
}
#sec1 .left .campaign_info .info_wrapper .info_tit .all_copy_btn,
#sec1 .left .campaign_info .info_wrapper .info_tit .all_hashtag_btn {
  font-size: clamp(10px, 0.63vw, 12px);
  color: var(--color-point);
  font-weight: 500;
  background-color: #e5fffc;
  border-radius: 4px;
  padding: 2.5px clamp(5px, 0.42vw, 8px);
  margin-left: clamp(5px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .info_wrapper .info_content {
  width: calc(100% - clamp(120px, 10.42vw, 200px));
  font-size: clamp(13px, 0.78vw, 15px);
  color: #444;
}
#sec1 .left .campaign_info .info_wrapper .info_content .detail_link {
  color: #337ab7;
}
#sec1 .left .campaign_info .info_wrapper .info_content .detail_link:hover {
  text-decoration: underline;
}
#sec1 .left .campaign_info .info_wrapper .info_content .point {
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(10px, 0.63vw, 12px);
  font-weight: 600;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 1.5px 8px;
  margin-top: clamp(5px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .info_wrapper .info_content h4 {
  font-size: clamp(13px, 0.73vw, 14px);
  font-weight: 700;
  color: #444;
}
#sec1 .left .campaign_info .info_wrapper .info_content .l_height {
  line-height: 1.8;
}
#sec1 .left .campaign_info .info_wrapper .info_content .f_box h4 {
  width: clamp(60px, 5.21vw, 100px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .f_box p {
  width: calc(100% - clamp(60px, 5.21vw, 100px));
}
#sec1 .left .campaign_info .info_wrapper .info_content .gray_box {
  font-size: clamp(12px, 0.68vw, 13px);
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: clamp(10px, 0.94vw, 18px) clamp(10px, 0.83vw, 16px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .reserve_info .gray_box {
  min-height: clamp(55px, 3.65vw, 70px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper ul {
  gap: 6px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper li button {
  font-size: clamp(12px, 0.73vw, 14px);
  color: #111;
  padding: clamp(4px, 0.31vw, 6px) clamp(8px, 0.63vw, 12px);
  background-color: #f5f5f5;
  border-radius: 4px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper li button::after {
  content: "";
  width: clamp(8px, 0.63vw, 12px);
  height: clamp(8px, 0.63vw, 12px);
  background-image: url(../img/copy_icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-left: 6px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper span {
  font-size: clamp(12px, 0.68vw, 13px);
  color: #999;
}
#sec1 .left .campaign_info .info_wrapper .info_content .red {
  font-weight: 700;
  color: #e91a1a;
  position: relative;
}
#sec1 .left .campaign_info .info_wrapper .info_content .red::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e91a1a;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
#sec1 .left .campaign_info .info_wrapper .info_content .no_line_red {
  color: #e91a1a;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_wrapper h4 {
  color: var(--color-point);
}
#sec1 .left .campaign_info .info_wrapper .info_content b {
  font-weight: 700;
}
#sec1 .left .campaign_info .info_wrapper .info_content .sponsor_img {
  width: 100%;
  height: clamp(110px, 8.85vw, 170px);
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  margin-bottom: clamp(10px, 1.04vw, 20px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .sponsor_img img {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
#sec1 .left .campaign_info .info_wrapper .info_content .sponsor_img .img_copy_btn {
  font-size: clamp(10px, 0.63vw, 12px);
  color: var(--color-point);
  font-weight: 500;
  background-color: #e5fffc;
  border-radius: 4px;
  padding: 2.5px clamp(6px, 0.42vw, 8px);
  position: absolute;
  right: clamp(10px, 0.78vw, 15px);
  bottom: clamp(10px, 0.78vw, 15px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .option_table {
  width: clamp(374px, 32.29vw, 620px);
  border: 1px solid #ddd;
  table-layout: fixed;
}
#sec1 .left .campaign_info .info_wrapper .info_content .option_table th {
  background-color: #f2f2f2;
  font-size: clamp(13px, 0.78vw, 15px);
  color: #444;
  font-weight: 700;
  padding: clamp(6px, 0.52vw, 10px) 0;
  border-bottom: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .option_table th:first-child {
  border-right: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .option_table tbody tr:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .option_table tbody tr td {
  font-size: clamp(13px, 0.78vw, 15px);
  color: #444;
  padding: clamp(6px, 0.52vw, 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#sec1 .left .campaign_info .info_wrapper .info_content .option_table tbody tr td:first-child {
  border-right: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .buy_link {
  font-weight: 700;
  color: #03c75a;
}
#sec1 .left .campaign_info .info_wrapper .info_content .p_color {
  color: var(--color-point);
  font-weight: 700;
}
#sec1 .left .campaign_info .info_wrapper .info_content .more {
  font-size: clamp(11.5px, 0.68vw, 13px);
  color: #999;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table {
  width: clamp(374px, 32.29vw, 620px);
  border: 1px solid #ddd;
  table-layout: fixed;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table th {
  background-color: #f2f2f2;
  font-size: clamp(13px, 0.78vw, 15px);
  color: #444;
  font-weight: 700;
  padding: clamp(6px, 0.52vw, 10px) 0;
  border-bottom: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table th:first-child {
  border-right: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table tbody tr:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table tbody tr td {
  font-size: clamp(13px, 0.78vw, 15px);
  color: #444;
  padding: clamp(6px, 0.52vw, 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table tbody tr td:first-child {
  border-right: 1px solid #ddd;
}
#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box h4 {
  width: clamp(100px, 6.25vw, 120px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box p {
  width: calc(100% - clamp(100px, 6.25vw, 120px));
}
#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box .point_more {
  font-size: clamp(11.5px, 0.68vw, 13px);
  color: var(--color-point);
}
#sec1 .left .campaign_info .info_wrapper .info_content .buy_option3 .img_wrapper {
  width: clamp(80px, 5.21vw, 100px);
  height: clamp(80px, 5.21vw, 100px);
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 10px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .buy_option3 .img_wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#sec1 .left .campaign_info .info_wrapper .info_content .hashtag_wrapper li:not(:last-child) {
  margin-right: 4px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .hashtag_wrapper li button {
  color: #337ab7;
}
#sec1 .left .campaign_info .info_wrapper .info_content .sns_info {
  font-size: clamp(12px, 0.73vw, 14px);
  color: #111;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: clamp(10px, 0.78vw, 15px);
  border-radius: 4px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info p {
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 700;
  padding: clamp(7px, 0.68vw, 13px) clamp(15px, 1.3vw, 25px);
  border-radius: 4px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .review_mission {
  background-color: #deffe1;
  color: #03c75a;
  margin-right: clamp(5px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .location_mission {
  background-color: #dfebff;
  color: #3360ac;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .notice_mission {
  background-color: #222;
  color: #fff;
  margin-right: clamp(10px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .notice_mission::before {
  content: "";
  width: clamp(15px, 0.78vw, 15px);
  height: clamp(13px, 0.68vw, 13px);
  background-image: url(../img/notice_icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-right: 6px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .wishlist_mission {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #222;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .wishlist_mission::before {
  content: "";
  width: clamp(15px, 0.78vw, 15px);
  height: clamp(13px, 0.68vw, 13px);
  background-image: url(../img/wishlist_icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin-right: 6px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper .mission_checkbox label {
  font-size: clamp(13px, 0.68vw, 13px);
  color: #666;
}
#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper .mission_checkbox input[type=checkbox] + span {
  width: clamp(16px, 1.04vw, 20px);
  height: clamp(16px, 1.04vw, 20px);
  border: 1px solid #ddd;
  background-image: url(../img/check_icon_w.svg);
  background-size: clamp(7px, 0.52vw, 10px) clamp(6px, 0.42vw, 8px);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: clamp(5px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper .mission_checkbox input[type=checkbox]:checked + span {
  background-color: var(--color-point);
  border-color: var(--color-point);
}
#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper > span {
  padding-left: clamp(21px, 1.56vw, 30px);
  font-size: clamp(13px, 0.68vw, 13px);
  color: #888;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_img {
  width: -moz-fit-content;
  width: fit-content;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper {
  position: relative;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper:not(:last-child) {
  margin-right: clamp(14px, 0.73vw, 14px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper button {
  font-size: 11px;
  color: #e8711c;
  font-weight: 600;
  padding: 2.5px 7px;
  background-color: #fff3ea;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper .img_wrapper {
  width: clamp(200px, 16.67vw, 320px);
  position: absolute;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  left: 0;
  top: calc(100% + 8px);
  border-radius: 4px;
  overflow: hidden;
  display: none;
  z-index: 10;
}
#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .on .img_wrapper {
  display: block;
}
#sec1 .left .campaign_info .info_wrapper .info_content .buy_info input {
  width: 100%;
  padding: clamp(15px, 0.78vw, 15px);
  border: 1px solid #ddd;
  border-radius: 4px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .buy_info span {
  font-size: clamp(13px, 0.68vw, 13px);
  color: #888;
}
#sec1 .left .campaign_info .info_wrapper .info_content .follower_info .input_wrapper {
	margin-bottom: 5px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .follower_info input {
  width: clamp(150px, 14.06vw, 270px);
  margin-right: clamp(5px, 0.52vw, 10px);
  padding: clamp(10px, 0.78vw, 15px);
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: clamp(12px, 0.73vw, 14px);
}
#sec1 .left .campaign_info .info_wrapper .info_content .follower_info a {
  font-size: clamp(11px, 0.73vw, 14px);
  font-weight: 700;
  color: #fff;
  background-color: var(--color-point);
  width: clamp(80px, 6.25vw, 120px);
  margin-left: clamp(15px, 1.56vw, 30px);
  line-height: clamp(39px, 2.71vw, 52px);
  border-radius: 4px;
}
#sec1 .left .campaign_info .info_wrapper .info_content .follower_info > span {
	font-size: clamp(13px, 0.68vw, 13px);
	color: #888;
}
#sec1 .left .campaign_info #info1,
#sec1 .left .campaign_info #info2,
#sec1 .left .campaign_info #info3,
#sec1 .left .campaign_info #info4,
#sec1 .left .campaign_info #info5,
#sec1 .left .campaign_info #info6 {
  scroll-margin-top: clamp(80px, 4.17vw, 80px); /* header 높이에 맞게 조정 */
}
#sec1 .left .campaign_info .verify_form .input_wrapper label {
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 700;
  width: clamp(60px, 4.69vw, 90px);
}
#sec1 .left .campaign_info .verify_form .input_wrapper .input_area {
	width: calc(100% - clamp(60px, 4.69vw, 90px));
}
#sec1 .left .campaign_info .verify_form .input_wrapper input {
  width: clamp(235px, 20.83vw, 400px);
  font-size: clamp(12px, 0.73vw, 14px);
  padding: clamp(10px, 0.78vw, 15px);
  border: 1px solid #ddd;
  border-radius: 4px;
}
#sec1 .left .campaign_info .verify_form .input_wrapper button {
  font-size: clamp(11px, 0.73vw, 14px);
  font-weight: 700;
  color: #fff;
  background-color: #ccc;
  width: clamp(80px, 6.25vw, 120px);
  margin-left: clamp(5px, 0.52vw, 10px);
  line-height: clamp(39px, 2.71vw, 52px);
  border-radius: 4px;
}
#sec1 .left .campaign_info .verify_form .input_wrapper .request_btn,
#sec1 .left .campaign_info .verify_form .input_wrapper .confirm_btn {
  background-color: var(--color-point);
}
#sec1 .left .campaign_info .product_form label {
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 700;
  width: clamp(60px, 4.69vw, 90px);
}
#sec1 .left .campaign_info .product_form .input_area {
  width: calc(100% - clamp(60px, 4.69vw, 90px));
}
#sec1 .left .campaign_info .product_form .input_area label {
  font-size: clamp(11.5px, 0.68vw, 13px);
  font-weight: 400;
  width: calc(100% - clamp(230px, 21.35vw, 410px));
  color: #666;
}
#sec1 .left .campaign_info .product_form .input_area label input[type=checkbox] + span {
  width: clamp(12px, 1.04vw, 20px);
  height: clamp(12px, 1.04vw, 20px);
  background-color: #ddd;
  background-image: url(../img/check_icon_w.svg);
  background-size: clamp(8px, 0.52vw, 10px) clamp(6px, 0.42vw, 8px);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: clamp(5px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .product_form .input_area label input[type=checkbox]:checked + span {
  background-color: var(--color-point);
}
#sec1 .left .campaign_info .product_form p {
  font-size: clamp(11px, 0.68vw, 13px);
  color: #888;
}
#sec1 .left .campaign_info .product_form input {
  width: clamp(150px, 14.06vw, 270px);
  font-size: clamp(12px, 0.73vw, 14px);
  padding: clamp(10px, 0.78vw, 15px);
  border: 1px solid #ddd;
  border-radius: 4px;
}
#sec1 .left .campaign_info .product_form #p_postcode {
  width: clamp(150px, 7.29vw, 140px);
  background-color: #f3f3f3;
}
#sec1 .left .campaign_info .product_form #p_address {
  margin-bottom: clamp(10px, 0.52vw, 10px);
  background-color: #f3f3f3;
}
#sec1 .left .campaign_info .product_form .full {
  width: clamp(235px, 20.83vw, 400px);
}
#sec1 .left .campaign_info .product_form button {
  font-size: clamp(11px, 0.73vw, 14px);
  font-weight: 700;
  color: #fff;
  background-color: var(--color-point);
  width: clamp(80px, 6.25vw, 120px);
  margin-left: clamp(5px, 0.52vw, 10px);
  line-height: clamp(39px, 2.71vw, 52px);
  border-radius: 4px;
}
#sec1 .left .campaign_info .product_form .reset_btn {
	margin-left: 0;
}
#sec1 .left .campaign_info .product_form .recer_btn {
  display: none;
}
#sec1 .left .campaign_info .product_form .d_none {
  display: none;
}
#sec1 .left .campaign_info .product_form .complete {
  align-items: flex-start;
}
#sec1 .left .campaign_info .product_form .complete label {
  padding-top: clamp(8px, 0.78vw, 15px);
}
#sec1 .left .campaign_info .product_form .complete #p_phone {
  background-color: #f3f3f3;
}
#sec1 .left .campaign_info .product_form .complete .request_btn {
  background-color: #ccc;
  pointer-events: none;
}
#sec1 .left .campaign_info .product_form .complete .recer_btn {
  display: block;
}
#sec1 .left .campaign_info .product_form .complete .d_none {
  display: block;
}
#sec1 .left .campaign_info .option_area {
  padding: clamp(33px, 1.72vw, 33px) 0;
  border-bottom: 1px solid #eee;
}
#sec1 .left .campaign_info .info_tit {
  font-size: clamp(13px, 0.78vw, 15px);
  font-weight: 700;
  width: clamp(120px, 10.42vw, 200px);
}
#sec1 .left .campaign_info .info_content {
  width: calc(100% - clamp(120px, 10.42vw, 200px));
  color: #444;
}
#sec1 .left .campaign_info .info_content .input_wrapper span {
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 700;
  width: clamp(70px, 4.69vw, 90px);
}
#sec1 .left .campaign_info .info_content .input_wrapper p {
  width: clamp(170px, 13.54vw, 260px);
  margin-right: clamp(10px, 1.04vw, 20px);
  font-size: clamp(12px, 0.78vw, 15px);
}
#sec1 .left .campaign_info .info_content .input_wrapper select {
  width: clamp(120px, 13.02vw, 250px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: clamp(12px, 0.73vw, 14px);
  color: #888;
  border-color: #ddd;
  border-radius: 4px;
  padding: clamp(10px, 0.78vw, 15px);
  background-image: url(../img/down_arrow_6.svg);
  background-repeat: no-repeat;
  background-size: clamp(6px, 0.52vw, 10px) clamp(4px, 0.31vw, 6px);
  background-position: right clamp(10px, 0.78vw, 15px) center;
  cursor: pointer;
}
#sec1 .left .campaign_info .info_content .input_wrapper input {
  width: clamp(120px, 13.02vw, 250px);
  font-size: clamp(12px, 0.73vw, 14px);
  color: #888;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: clamp(10px, 0.78vw, 15px);
}
#sec1 .left .campaign_info .checkbox_area {
  padding-top: clamp(17px, 1.72vw, 33px);
}
#sec1 .left .campaign_info .checkbox_area .agree_wrapper label {
  font-size: clamp(13px, 0.68vw, 13px);
  color: #666;
  margin-right: 6px;
}
#sec1 .left .campaign_info .checkbox_area .agree_wrapper input[type=checkbox] + span {
  width: clamp(20px, 1.04vw, 20px);
  height: clamp(20px, 1.04vw, 20px);
  background-color: #ddd;
  background-image: url(../img/check_icon_w.svg);
  background-size: clamp(10px, 0.52vw, 10px) clamp(8px, 0.42vw, 8px);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: clamp(10px, 0.52vw, 10px);
}
#sec1 .left .campaign_info .checkbox_area .agree_wrapper input[type=checkbox]:checked + span {
  background-color: var(--color-point);
}
#sec1 .left .campaign_info .checkbox_area .agree_wrapper button {
  font-size: clamp(13px, 0.68vw, 13px);
  color: #337ab7;
  text-decoration: underline;
}
#sec1 .left .campaign_info .button_wrapper .submit_btn {
  width: clamp(240px, 15.63vw, 300px);
  line-height: clamp(40px, 2.6vw, 50px);
  font-size: clamp(14px, 0.78vw, 15px);
  font-weight: 700;
  background-color: var(--color-point);
  color: #fff;
  border-radius: 4px;
}
#sec1 .right {
  width: clamp(195px, 17.71vw, 340px);
  padding-left: clamp(15px, 2.08vw, 40px);
  max-height: 710px;
  position: sticky;
  top: 140px;
}
#sec1 .right .campaign_img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 4px;
  overflow: hidden;
}
#sec1 .right .campaign_img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#sec1 .right .campaign_detail p {
  font-size: clamp(12px, 0.78vw, 15px);
  color: #666;
}
#sec1 .right .campaign_detail p:first-child {
  font-weight: 700;
  color: #111;
}
#sec1 .right .campaign_detail p span:first-child {
  width: clamp(85px, 5.73vw, 110px);
}
#sec1 .right .link_area ul {
  border-top: 1px solid #eee;
}
#sec1 .right .link_area li {
  border-bottom: 1px solid #eee;
}
#sec1 .right .link_area li a {
  font-size: clamp(14px, 0.78vw, 15px);
  font-weight: 600;
  padding: clamp(20px, 1.04vw, 20px) 0;
}
#sec1 .right .campaign_btn {
  width: 100%;
  line-height: clamp(40px, 2.6vw, 50px);
  background-color: var(--color-point);
  color: #fff;
  font-size: clamp(13px, 0.78vw, 15px);
  font-weight: 700;
  border-radius: 4px;
}
#sec1 .m_campaign_btn {
	display: none;
}
#sec1 .visit_right {
  max-height: 770px;
}
#sec1 .review_right {
  top: 15px;
  max-height: 897px;
}
#sec1 .apply_right {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

@media (max-width: 800px) {
	#sec1 .left .campaign_info .product_form #p_address + div {
		flex-direction: column;
		align-items: flex-start;
	}
	#sec1 .left .campaign_info .product_form #p_address + div label {
		width: fit-content;
	}
	#sec1 .left .campaign_info .product_form #p_detailAddress {
		margin-bottom: 10px;
	}
}

@media (max-width: 750px) {
	header {
		height: 0;
	}
	header .header_left,
	header .header_right {
		display: none;
	}
	#sec1 {
		width: calc(100% - (6.13vw * 2));
		padding-top: 0;
		display: block;
	}
	#sec1 .m_campaign_header {
		display: block;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		border-bottom: 1px solid #eee;
		width: 100%;
		padding: clamp(20px, 5.33vw, 40px) 0;
		z-index: 99;
	}
	#sec1 .m_campaign_header .m_header_wrapper {
		width: calc(100% - (6.13vw * 2));
		margin: 0 auto;
		position: relative;
	}
	#sec1 .m_campaign_header .back_btn {
		width: clamp(8px, 2.13vw, 16px);
		height: clamp(15px, 4.00vw, 30px);
		background-image: url(../img/right_arrow_1.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		transform: rotate(180deg);
	}
	#sec1 .m_campaign_header h1 {
		font-size: clamp(16px, 4.27vw, 32px);
		font-weight: 500;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: fit-content;
		white-space: nowrap;
	}
	#sec1 .left {
		width: 100%;
		border-right: none;
		padding-right: 0;
		padding-top: clamp(85px, 22.67vw, 170px);
	}
	#sec1 .left .campaign_name {
		position: relative;
		padding-bottom: clamp(23px, 7.33vw, 55px);
	}
	#sec1 .left .campaign_name::after {
		content: "";
		width: calc(100% + (6.13vw * 2));
		height: clamp(7px, 2.00vw, 15px);
		background-color: #F4F4F4;
		display: block;
		position: absolute;
		left: -6.13vw;
		bottom: 0;
	}
	#sec1 .left .campaign_name div span {
		font-size: clamp(12px, 2.93vw, 22px);
		padding: clamp(4px, 0.80vw, 6px) clamp(6px, 1.73vw, 13px);
	}
	#sec1 .left .campaign_name div span:not(:last-child) {
		margin-right: clamp(5px, 1.33vw, 10px);
	}
	#sec1 .left .campaign_name h2 {
		font-size: clamp(18px, 4.27vw, 32px);
	}
	#sec1 .left .campaign_name .pc_campaign_name {
		display: none;
	}
	#sec1 .left .campaign_name .mo_campaign_name {
		display: block;
	}
	#sec1 .left .campaign_name .m_campaign_date {
		display: block;
		border-top: 2px solid #eee;
	}
	#sec1 .left .campaign_name .m_campaign_date p {
		font-size: clamp(14px, 3.73vw, 28px);
		color: #666;
		line-height: 1.8;
	}
	#sec1 .left .campaign_name .m_campaign_date p span:first-child {
		width: clamp(115px, 30.67vw, 230px);
	}
	#sec1 .left .campaign_name .m_campaign_date p span {
		font-size: inherit;
		background-color: transparent;
		font-weight: 400;
		padding: 0;
	}
	#sec1 .left .campaign_name .m_campaign_date p:first-child span {
		color: #111;
		font-weight: 700;
	}
	#sec1 .left .m_campaign_info {
		display: block;
	}
	#sec1 .left .m_campaign_info h3 {
		font-size: clamp(16px, 4.27vw, 32px);
		font-weight: 700;
		padding: clamp(9px, 2.40vw, 18px) 0;
		border-bottom: 3px solid #eee;
	}
	#sec1 .left .m_campaign_info .m_campaign_img {
		margin-top: clamp(15px, 4.00vw, 30px);
		width: 100%;
		height: clamp(270px, 82.67vw, 620px);
		overflow: hidden;
	}
	#sec1 .left .m_campaign_info .m_campaign_img img {
		height: 100%;
		object-fit: cover;
	}
	#sec1 .left .m_campaign_info .more_btn {
		width: 100%;
		border: 1px solid #ddd;
		margin-top: clamp(10px, 2.67vw, 20px);
		font-size: clamp(12px, 3.47vw, 26px);
		font-weight: 600;
		color: #666;
		padding: clamp(13px, 3.33vw, 25px) 0;
	}
	#sec1 .left .m_campaign_info .more_btn::after {
		content: "";
		width: clamp(7px, 1.60vw, 12px);
		height: clamp(5px, 0.93vw, 7px);
		background-image: url(../img/down_arrow_6.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		display: block;
		margin-left: clamp(4px, 1.07vw, 8px);
		transition: transform 0.3s;
	}
	#sec1 .left .m_campaign_info .more_btn.on::after {
		transform: rotate(180deg);
	}
	#sec1 .left .campaign_info .info_wrapper {
		display: none;
	}
	#sec1 .left .campaign_info .info_wrapper.open {
		display: flex;
	}
	#sec1 .left .campaign_info .info_wrapper {
		padding: clamp(25px, 6.67vw, 50px) 0;
		flex-direction: column;
	} 
	#sec1 .left .campaign_info .info_wrapper .info_tit {
		font-size: clamp(16px, 3.73vw, 28px);
		width: 100%;
		padding-top: 0;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content {
		width: 100%;
		font-size: clamp(13px, 3.20vw, 24px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .point {
		font-size: clamp(11px, 2.67vw, 20px);
		margin-top: clamp(5px, 1.33vw, 10px);
		padding: 3px clamp(4px, 1.07vw, 8px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content h4 {
		font-size: clamp(15px, 3.47vw, 26px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .l_height,
	#sec1 .left .campaign_info .info_wrapper .info_content .m_l_height {
		line-height: 1.6;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .f_box {
		flex-direction: column;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .f_box h4,
	#sec1 .left .campaign_info .info_wrapper .info_content .f_box p {
		width: 100%;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .reserve_info h4 {
		padding-top: 0;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .reserve_info .gray_box {
		min-height: auto;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .gray_box {
		font-size: clamp(12px, 2.93vw, 22px);
		padding: clamp(10px, 2.67vw, 20px);
		line-height: 1.6;
	}
	#sec1 .left .campaign_info .info_wrapper .info_tit .all_copy_btn, #sec1 .left .campaign_info .info_wrapper .info_tit .all_hashtag_btn {
		font-size: clamp(12px, 2.93vw, 22px);
		padding: 3px clamp(6px, 1.47vw, 11px);
		margin-left: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper ul {
		gap: clamp(7px, 2.00vw, 15px) clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper li button {
		font-size: clamp(12px, 3.20vw, 24px);
		padding: clamp(7px, 1.73vw, 13px) clamp(8px, 2.13vw, 16px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper li button::after {
		width: clamp(11px, 2.93vw, 22px);
		height: clamp(11px, 2.93vw, 22px);
		margin-left: clamp(5px, 1.33vw, 10px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_wrapper span {
		font-size: clamp(11px, 2.93vw, 22px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content b {
		display: inline-block;
		padding-bottom: 5px;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .sponsor_img {
		height: clamp(120px, 37.33vw, 280px);
		margin-bottom: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .sponsor_img img {
		width: 75%;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .sponsor_img .img_copy_btn {
		font-size: clamp(11px, 2.93vw, 22px);
		padding: 3px clamp(7px, 1.73vw, 13px);
		right: clamp(10px, 2.67vw, 20px);
		bottom: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .more {
		font-size: clamp(11px, 2.93vw, 22px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box {
		flex-direction: column;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box h4,
	#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box p {
		width: 100%;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .review_f_box .point_more {
		font-size: clamp(11px, 2.93vw, 22px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .buy_option3 .img_wrapper {
		width: clamp(100px, 26.67vw, 200px);
		height: clamp(100px, 26.67vw, 200px);
		margin-bottom: clamp(5px, 1.33vw, 10px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .option_table,
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table {
		width: 100%;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .option_table th,
	#sec1 .left .campaign_info .info_wrapper .info_content .option_table tbody tr td,
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table th, 
	#sec1 .left .campaign_info .info_wrapper .info_content .keyword_table tbody tr td {
		font-size:clamp(12px, 3.20vw, 24px);
		padding: clamp(9px, 2.93vw, 22px) clamp(5px, 1.33vw, 10px);
	}
	#sec1 .left .campaign_info .info_wrapper .keyword_option1,
	#sec1 .left .campaign_info .info_wrapper .keyword_option2 {
		flex-direction: column;
	}
	#sec1 .left .campaign_info .verify_form .input_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
	#sec1 .left .campaign_info .verify_form .input_wrapper label {
		font-size: clamp(12px, 3.47vw, 26px);
		width: 100%;
	}
	#sec1 .left .campaign_info .verify_form .input_wrapper .input_area {
		width: 100%;
	}
	#sec1 .left .campaign_info .verify_form .input_wrapper input,
	#sec1 .left .campaign_info .product_form #p_phone,
	#sec1 .left .campaign_info .product_form #p_cerNum {
		width: calc(100% - clamp(100px, 29.33vw, 220px));
		font-size: clamp(14px, 3.73vw, 28px);
		padding: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .verify_form .input_wrapper button {
		width: clamp(90px, 26.67vw, 200px);
		margin-left: clamp(10px, 2.67vw, 20px);
		line-height: clamp(41px, 10.93vw, 82px);
		font-size: clamp(12px, 3.73vw, 28px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .sns_info {
		font-size: clamp(14px, 3.73vw, 28px);
		padding: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_info p {
		width: clamp(120px, 40.00vw, 300px);
		padding: clamp(11px, 2.80vw, 21px) 0;
		font-size: clamp(12px, 3.73vw, 28px);
		text-align: center;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper:not(:last-child) {
		margin-right: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper button {
		font-size: clamp(9px, 2.93vw, 22px);
		padding: 3px clamp(6px, 1.47vw, 11px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .mission_img_wrapper .img_wrapper {
		width: clamp(180px, 54.67vw, 410px);
		top: calc(100% + clamp(10px, 2.67vw, 20px));
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_img .location_img_wrapper .img_wrapper {
		left: auto;
		right: 0;
	}
	#sec1 .left .campaign_info .product_form .input_area {
		width: 100%;
	} 
	#sec1 .left .campaign_info .product_form button,
	#sec1 .left .campaign_info .info_wrapper .info_content .follower_info a {
		width: clamp(90px, 26.67vw, 200px);
		line-height: clamp(41px, 10.93vw, 82px);
		font-size: clamp(12px, 3.73vw, 28px);
		margin-left: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .product_form .complete label {
		padding-top: 0;
	}
	#sec1 .left .campaign_info .product_form .complete #p_phone {
		width: clamp(130px, 32.00vw, 240px);
	}
	#sec1 .left .campaign_info .product_form .complete .request_btn {
		width: clamp(70px, 21.33vw, 160px);
	}
	#sec1 .left .campaign_info .product_form #p_postcode {
		width: clamp(110px, 26.67vw, 200px);
	}
	#sec1 .left .campaign_info .product_form #p_address,
	#sec1 .left .campaign_info .product_form #p_detailAddress {
		margin-bottom: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .product_form .full {
		width: 100%;
	}
	#sec1 .left .campaign_info {
		padding-bottom: 0;
	}
	#sec1 .left .campaign_info .option_area {
		flex-direction: column;
		padding-top: 0;
		padding-bottom: clamp(25px, 6.67vw, 50px);
	}
	#sec1 .left .campaign_info .option_area .info_content .input_wrapper,
	#sec1 .left .campaign_info .product_form .input_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
	#sec1 .left .campaign_info .info_content .input_wrapper span,
	#sec1 .left .campaign_info .product_form label {
		width: 100%;
		font-size: clamp(12px, 3.47vw, 26px);
	}
	#sec1 .left .campaign_info .info_content .input_wrapper p {
		width: 100%;
		margin-right: 0;
		font-size: clamp(12px, 3.47vw, 26px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .review_mission {
		margin-right: clamp(10px, 2.67vw, 20px)
	}
	#sec1 .left .campaign_info .info_content .input_wrapper select {
		width: 100%;
		background-size: clamp(10px, 2.67vw, 20px) clamp(6px, 1.60vw, 12px);
		background-position: right clamp(10px, 2.67vw, 20px) center;
		padding: clamp(10px, 2.67vw, 20px);
		font-size: clamp(14px, 3.73vw, 28px);
	}
	#sec1 .left .campaign_info .info_content .input_wrapper input,
	#sec1 .left .campaign_info .product_form input,
	#sec1 .left .campaign_info .product_form #p_address {
		width: 100%;
		font-size: clamp(14px, 3.73vw, 28px);
		padding: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .checkbox_area {
		padding-top: clamp(20px, 5.33vw, 40px);
	}
	#sec1 .left .campaign_info .checkbox_area .agree_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
	#sec1 .left .campaign_info .checkbox_area .agree_wrapper label,
	#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper .mission_checkbox label,
	#sec1 .left .campaign_info .product_form p,
	#sec1 .left .campaign_info .product_form .input_area label,
	#sec1 .left .campaign_info .info_wrapper .info_content .buy_info span,
	#sec1 .left .campaign_info .info_wrapper .info_content .follower_info > span {
		font-size: clamp(11px, 2.93vw, 22px);
	}
	#sec1 .left .campaign_info .checkbox_area .agree_wrapper input[type=checkbox] + span,
	#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper .mission_checkbox input[type=checkbox] + span,
	#sec1 .left .campaign_info .product_form .input_area label input[type=checkbox] + span {
		width: clamp(18px, 4.80vw, 36px);
		height: clamp(18px, 4.80vw, 36px);
		background-size: clamp(8px, 2.13vw, 16px) clamp(7px, 1.87vw, 14px);
		margin-right: clamp(10px, 2.67vw, 20px);
	}
	#sec1 .left .campaign_info .checkbox_area .agree_wrapper button,
	#sec1 .left .campaign_info .info_wrapper .info_content .checkbox_wrapper > span {
		margin-left: clamp(28px, 7.47vw, 56px);
		font-size: clamp(11px, 2.93vw, 22px);
		padding-left: 0;
	}
	#sec1 .left .campaign_info .button_wrapper .submit_btn {
		line-height: clamp(50px, 13.33vw, 100px);
		background-color: var(--color-point);
		font-size: clamp(16px, 4.27vw, 32px);
		width: 100%;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .buy_info input {
		padding: clamp(10.5px, 3.00vw, 22.5px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .notice_mission,
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .wishlist_mission {
		width: clamp(120px, 32.00vw, 240px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .notice_mission::before {
		width: clamp(22px, 5.87vw, 44px);
		height: clamp(19px, 5.07vw, 38px);
		margin-right: clamp(5px, 1.33vw, 10px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .mission_info .wishlist_mission::before {
		width: clamp(20px, 5.33vw, 40px);
		height: clamp(16px, 4.27vw, 32px);
		margin-right: clamp(5px, 1.33vw, 10px);
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .follower_info .input_wrapper {
		margin-bottom: 0;
	}
	#sec1 .left .campaign_info .info_wrapper .info_content .follower_info input {
		width: calc(100% - clamp(115px, 33.33vw, 250px));
		font-size: clamp(14px, 3.73vw, 28px);
		padding: clamp(10px, 2.67vw, 20px);
		margin-right: clamp(5px, 1.33vw, 10px);
	}
	#sec1 .right {
		display: none;
	}
	#sec1 .m_campaign_btn {
		margin-top: clamp(5px, 1.33vw, 10px);
		line-height: clamp(50px, 13.33vw, 100px);
		background-color: var(--color-point);
		font-size: clamp(16px, 4.27vw, 32px);
		font-weight: 700;
		color: #fff;
	}
	#sec1 .m_campaign_btn.open {
		display: block;
	}
}