/* style reset start */
button {
  border: none;
  background-color: transparent;
}

em {
  font-style: normal;
}

p {
  margin: 0;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}
/* style reset end */

.mobile-section-divider {
  display: none;
}

.mobile-section-thin-divider {
  display: none;
}

/* join_01 페이지 시작 */
.category p {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 64px;
}

.join_category .category button {
  display: flex;
  width: 130px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
/* join_01 페이지 끝 */

#policy_service_advertiser a strong,
#policy_service_publisher a strong {
  color: #000412;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

.privary_wrap_title {
  border-bottom: 1px solid #e4e7ea;
  margin-bottom: 32px;
}
.privary_wrap_title > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.privary_wrap_title > p {
  margin-top: 15px;
  margin-bottom: 32px;
  color: #767d84;
}
.privary_wrap_title h3 {
  font-size: 24px;
  color: #000412;
  font-weight: bold;
}
.privary_wrap_title h3 span {
  font-weight: normal;
  margin-left: 5px;
}
.privary_wrap_title label,
.privary_wrap_title label:before {
  margin: 0;
}
.privary_wrap .title {
  padding-bottom: 0;
}
.privary_wrap .title span {
  color: #fc5058;
  margin-right: 10px;
}
.privary_wrap .flex_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.privary_wrap .flex_wrap label,
.privary_wrap .flex_wrap label:before {
  margin: 0;
}
.privary_wrap .flex_wrap .title {
  margin-bottom: 0;
}
.privary_wrap .flex_wrap .title.optional span {
  color: #000412;
}
.privary_wrap .check_group {
  margin-top: 0;
}

.privary_wrap .check_group .radio {
  width: 190px;
  padding: 16px;
}

.privary_wrap .check_group .radio label {
  font-size: 16px;
  color: var(--primary-black, #000);
  margin-left: 8px;
}

#select_box {
  padding: 25px;
  border: 1px solid #e9ecee;
}
#select_box > div:not(.bottom):first-child {
  margin-bottom: 20px;
}
#select_box .bottom {
  display: flex;
  align-items: center;
  gap: 30px;
}
/* 광고주 회원가입 2단계 시작 */
.wrap.wrap_join_agency .line_box {
  padding-bottom: 32px;
  display: flex;
  justify-content: space-between;
}

.line_box .hr_title ~ span {
  color: var(--gray-400, #999fa5);
  font-size: 14px;
  font-weight: 500;
}

.input_wrap {
  margin-bottom: 32px;
}

.input_wrap .group_wrap {
  margin-bottom: 50px;
}
.input_wrap.hosting_etc {
  display: none;
}

.input_wrap .button-group-en,
.input_wrap .button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.input_wrap .button-group button {
  width: 155px;
  padding: 12px 16px;
  text-align: center;
  border-radius: 5px;
  color: var(--gray-900, #2b2e35);
  font-size: 16px;
  font-weight: 400;
  border: 1px solid var(--gray-300, #e4e7ea);
  flex-shrink: 0;
}

.input_wrap .button-group-en button {
  padding: 12px 16px;
  text-align: center;
  border-radius: 5px;
  color: var(--gray-900, #2b2e35);
  font-size: 16px;
  font-weight: 400;
  border: 1px solid var(--gray-300, #e4e7ea);
}

.input_wrap .button-group-en button.active,
.input_wrap .button-group button.active {
  color: #081C83;
  border: 1px solid #081C83;
}

.input_wrap .button-group button.disabled,
.input_wrap .button-group-en button.disabled {
  color: var(--gray-350, #dbdee1);
  border: 1px solid var(--gray-350, #dbdee1);
}

.input_wrap .input_desc {
  line-height: 22px;
}

.input_wrap .input_desc em {
  color: #767d84;
  font-weight: 700;
}

.input_wrap h6 {
  margin-bottom: 12px;
}

.join_area .check_group.type2 {
  width: 312px;
  padding: 16px;
}

.join_area {
  padding: 0;
}

.join_area::after {
  left: -60px;
  display: block;
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}

.join_area.no-border::after {
  display: none;
}

.btn_group.type3 {
  margin-top: 60px;
}
#cafe24-notice .modal-content {
  padding: 30px;
}

#cafe24-notice .modal-content > * {
  padding: 0;
}

#cafe24-notice .modal-header {
  justify-content: center;
  border: 0;
}

#cafe24-notice .modal-header .modal-title {
  color: var(--text-black, #262b38);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

#cafe24-notice .modal-body {
  padding-top: 0;
  margin-top: 24px;
  margin-bottom: 24px;
  line-height: 24px;
  text-align: center;
}

#cafe24-notice .modal-footer {
  border: 0;
}

#cafe24-notice .modal-footer > a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  border-radius: 5px;
  border: 1px solid var(--primary-500, #297fff);
  color: var(--primary-500, #297fff);
  font-size: 16px;
  font-weight: 400;
  padding: 12px 16px;
}

#cafe24-notice .modal-footer > * {
  margin: 0;
}

.btn_same_email ~ label {
  margin-top: 16px;
  margin-left: 16px;
}
.btn_same_email ~ label {
  margin: 12px 0 20px;
}

.check_wrap .check_group.type2 {
  margin-top: 0;
}
/* 광고주 회원가입 2단계 끝 */

/* 광고주 회원가입 3단계 시작 */
.category_list_title {
  height: 50px;
  border-radius: 5px 5px 0px 0px;
  background: #081C83;
  display: flex;
  padding: 8px 70px;
  justify-content: center;
  align-items: center;
  color: var(--white, #fff);
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.audience {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  gap: 16px;
}

.audience > * {
  background: var(--gray-100, #f7f8fa);
  flex: 1;
}

.audience li {
  display: flex;
  height: 50px;
  padding: 8px 16px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--gray-300, #e4e7ea);
  background: var(--basic-white, #fff);
  cursor: pointer;
  font-size: 14px;
}

.audience li.active {
  border-bottom: 1px solid #6B77B5;
  background: #F4F8FF;
}

.audience li i {
  background-image: url('/common/img/check.svg');
  width: 16px;
  height: 16px;
}

.audience li.active i {
  background-image: url('/common/img/check_active2.svg');
}

.join_wrap .join .btn_group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.join_wrap .join .btn_group button {
  width: 220px;
  padding: 16px;
  text-align: center;
  margin-left: 16px;
}
/* 광고주 회원가입 3단계 끝 */

/* 광고주 회원가입 4단계 시작 */
.input_wrap .button-group.select-insert-script-type {
  justify-content: left;
}

.agency_name,
.agency_phone,
.agency_manager_phone {
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  display: block;
  width: 100%;
  margin-top: 13px;
}

.agency_name::placeholder,
.agency_phone::placeholder,
.agency_manager_phone::placeholder {
  color: var(--gray-350, #dbdee1);
  font-size: 16px;
  font-weight: 400;
}

.agency_name.disabled,
.agency_phone.disabled,
.agency_manager_phone.disabled {
  pointer-events: none;
  background: var(--gray-100, #f7f8fa);
}

.no_agency,
.setting_script,
.script_area button {
  width: 124px;
  padding: 12px 16px;
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  margin-top: 13px;
}

.no_agency.active,
.setting_script.active,
.script_area button.active {
  color: #081C83;
  border: 1px solid #081C83;
}

.agency_area {
  margin-top: 8px;
}
.agency_area.join05 h3 {
  font-size: 24px;
  font-weight: 700;
}
.agency_area.join05 .check_group {
  margin: 22px 0 34px;
}
.agency_area.join05 .check_group:first-child {
  margin-right: 60px;
}
.agency_area.join05 h5 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.agency_area.join05.selectManager {
  margin-top: 24px;
  display: none;
}

.advertiser_area,
.script_area {
  margin-top: 40px;
}

.no_agency.active,
.setting_script.active {
  color: var(--primary-500, #297fff);
  border: 1px solid var(--primary-500, #297fff);
  box-shadow: 0px 5px 10px 0px rgba(34, 126, 255, 0.14);
}

.join05_wrap h2 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
}

.script_area .button-group {
  display: flex;
  gap: 10px;
}
.script_area .button-group button {
  flex-grow: 1;
}

.script_area button.disabled {
  color: var(--gray-350, #dbdee1);
  border: 1px solid var(--gray-350, #dbdee1);
}

.script_area .download_script_guide {
  width: auto;
  padding: 12px 16px;
  background: var(--basic-black, #000);
  color: var(--white, #fff);
}

.script_godo_common,
.script_imweb,
.script_other_common {
  margin-top: 10px;
}

.script_imweb .notice ul li,
.script_flexg .notice ul li,
.script_other_common .notice ul li {
  line-height: 2;
}
.script_imweb .notice > p,
.script_flexg .notice > p,
.script_other_common .notice > p {
  margin-bottom: 20px;
}

.script_imweb .notice,
.script_other_common .notice,
.script_self_common .notice,
.script_flexg .notice,
.script_godo_common .notice,
.script_godomall .notice,
.script_makeshop .notice,
.script_cafe24 .notice,
.script_other .notice,
.script_self .notice {
  color: var(--gray-900, #2b2e35);
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  background: var(--gray-50, #fcfcfd);
  padding: 24px;
  font-size: 16px;
  font-weight: 400;
}

.script_godo_common .notice button {
  color: var(--basic-black, #000);
  padding: 12px 16px;
  border-radius: 5px;
  border: 1px solid var(--basic-black, #000);
  background: var(--basic-white, #fff);
  margin-top: 24px;
}

.script_godo_common .godo_api_key {
  width: 100%;
  padding: 16px;
  margin-top: 8px;
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  background: var(--basic-white, #fff);
}

.script_godo_common .godo_api_key::placeholder {
  color: var(--gray-400, #999fa5);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.script_direct_area,
.script_request_area {
  margin-top: 10px;
}

.wrap-join-agency.step4 .script_other_common,
.wrap-join-agency.step4 .script_self_common {
  margin-top: 40px;
}

.wrap-join-agency.step4 .script_other_common h6,
.wrap-join-agency.step4 .script_self_common h6 {
  color: var(--gray-900, #2b2e35);
  font-size: 18px;
  font-weight: 400;
}

/* .wrap-join-agency.step4 .script_imweb div,
.wrap-join-agency.step4 .script_other_common div,
.wrap-join-agency.step4 .script_self_common div, */
/* .wrap-join-agency.step4 .script_direct_area .script_other,
.wrap-join-agency.step4 .script_direct_area .script_self {
  display: flex;
  padding: 24px;
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  background: var(--gray-50, #fcfcfd);
} */

.wrap-join-agency.step4 .script_imweb input,
.wrap-join-agency.step4 .script_other_common input,
.wrap-join-agency.step4 .script_self_common input {
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  display: block;
  width: 100%;
  margin-top: 13px;
}

.wrap-join-agency.step4 .script_godo_common .mobile_notice {
  display: none;
}

.script_direct_area > div:not(.script_other):not(.script_self) {
  border: 1px solid #e4e7ea;
  border-radius: 5px;
  background: #fcfcfd;
  padding: 24px;
}

.script_godomall .notice p,
.script_makeshop .notice p,
.script_cafe24 .notice p,
.script_other .notice p,
.script_self .notice p {
  color: var(--gray-900, #2b2e35);
  font-size: 16px;
  font-weight: 400;
}

.script_godomall .notice p em,
.script_makeshop .notice p em,
.script_cafe24 .notice p em,
.script_other .notice p em {
  font-weight: 700;
}

.script_godomall .notice ul,
.script_makeshop .notice ul,
.script_cafe24 .notice ul,
.script_other .notice ul {
  color: var(--gray-900, #2b2e35);
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 10px;
}

.script_godomall .notice li,
.script_makeshop .notice li,
.script_cafe24 .notice li,
.script_other .notice li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.script-guide {
  padding: 24px;
}

.wrap_join_agency.step4 .btn_group.type3 {
  width: 220px;
  font-size: 18px;
  font-weight: 500;
  margin: 0 auto;
  margin-top: 60px;
}

.wrap_join_agency.step4 .btn_group.type3 button {
  margin: 0;
}

.host_sub_manager_info {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}

.host_sub_manager_info input {
  padding: 16px;
  border-radius: 5px;
  border: 1px solid var(--gray-300, #e4e7ea);
  background: var(--basic-white, #fff);
  flex: 1;
}

.host_sub_manager_info input::placeholder {
  color: var(--gray-400, #999fa5);
  font-size: 16px;
  font-weight: 400;
}

#hiddenScriptGuideForPdf,
#hiddenScriptGuideForPdf > * {
  position: absolute;
  z-index: -1;
  clip-path: inset(0 100% 0 0);
  overflow: hidden;
}

/* 광고주 회원가입 4단계 끝 */

.script_guide h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
}
.script_guide .notice {
  border: 1px solid #e4e7ea;
  border-radius: 5px;
  background: #fcfcfd;
  padding: 24px;
  margin-bottom: 16px;
}
.script_guide .notice p {
  font-size: 16px;
  color: #2b2e35;
}
.script_guide .input_wrap {
  display: flex;
  gap: 13px;
  margin-bottom: 24px;
}
.script_guide .input_wrap input {
  display: none;
}
.script_guide .input_wrap input + label {
  width: 50%;
  padding: 12px 0;
  border: 1px solid #dbdee1;
  border-radius: 5px;
  color: #dbdee1;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.script_guide .input_wrap input:checked + label {
  border-color: #081C83;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  color: #081C83;
}
.input_result button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  border-radius: 5px;
  padding: 15px 0;
  background: #00b1b9;
  color: #fff;
  font-size: 16px;
}
.script_guide .input_result .sendEmail {
  display: none;
}
.input_result button {
  margin-top: 24px;
}
.script_guide .finish {
  margin-top: 60px;
  text-align: center;
}
.script_guide .finish a {
  display: inline-block;
  width: 220px;
  height: 60px;
  line-height: 60px;
  border-radius: 5px;
  background: #081C83;
  color: #fff;
  font-size: 16px;
}

/* 매체 회원가입 2단계 시작 */
.wrap.media_join .join_title {
  font-size: 40px;
  margin-bottom: 62px;
}

.wrap.media_join .nav.nav-pills {
  padding: 0 40px;
  margin-bottom: 60px;
}

.wrap.media_join .nav.nav-pills .nav-link {
  font-size: 22px;
  font-weight: 400;
}

.wrap.media_join .nav.nav-pills button {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap.media_join .line_box {
  justify-content: space-between;
}

.wrap.media_join .btn_group.type3 button {
  font-size: 18px;
  font-weight: 500;
}

.wrap.media_join .btn_group.type3 button:last-child {
  width: 220px;
}

/* 매체 회원가입 2단계 끝 */

/* 모바일 */
@media (max-width: 1199px) {
  .mobile-section-divider {
    position: relative;
    left: -24px;
    width: 100vw;
    display: block;
    height: 4px;
    background: var(--gray-200, #efefef);
    margin-bottom: 32px;
  }

  .check_group label::before {
    flex-shrink: 0;
  }

  .mobile-section-thin-divider {
    position: relative;
    left: -24px;
    width: 100vw;
    display: block;
    height: 1px;
    background: var(--gray-200, #efefef);
    margin-bottom: 24px;
  }

  /* 회원가입 종류 선택 시작 */
  .join_01 .join_category .title {
    padding: 0;
    margin: 0;
    padding-top: 60px;
    margin-bottom: 24px;
  }

  .join_01 .join_category .category {
    padding: 32px;
  }

  .join_01 .join_category .category p {
    line-height: 150%;
    margin-bottom: 32px;
  }
  /* 회원가입 종류 선택 끝 */

  /* 회원가입 1단계 시작 */
  .wrap.media_join .content_wrap.type2,
  .wrap.agency_join .content_wrap.type2,
  .wrap.advertiser_join .content_wrap.type2 {
    padding-top: 26px;
  }

  .wrap.media_join .privary_wrap .title,
  .wrap.agency_join .privary_wrap .title,
  .wrap.advertiser_join .privary_wrap .title {
    font-size: 16px;
    font-weight: 400;
  }

  .join_wrap .join .btn_group {
    gap: 8px;
  }

  .join_wrap .join .btn_group.type2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .join_wrap .join .btn_group button {
    flex: 1;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .privary_wrap .check_group {
    gap: 30px;
  }

  .privary_wrap .check_group .radio {
    width: auto;
    padding: 0;
    margin: 0;
  }

  .line_box .hr_title {
    padding: 0;
  }
  /* 회원가입 1단계 끝 */

  /* 회원가입 2단계 시작 */
  .wrap.media_join .nav.nav-pills {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 54px;
  }

  .wrap.media_join .line_box {
    padding: 0;
    margin-bottom: 24px;
  }

  .wrap.media_join .line_box .hr_title {
    font-size: 18px;
  }

  .wrap.media_join .line_box .hr_title ~ span {
    font-weight: 400;
  }

  .input_wrap {
    margin-bottom: 24px;
  }

  .input_wrap h6 {
    margin-bottom: 16px;
  }

  .input_wrap h6.required-after {
    margin-bottom: 8px;
  }

  .join_area .check_wrap {
    gap: 48px;
  }

  .join_area .check_wrap .check_group.type2 {
    width: 132px;
    padding: 0;
    margin: 0;
  }

  .input_wrap.setion_last {
    margin-bottom: 32px;
  }

  .wrap.media_join .btn_group.type3.media_join02,
  .wrap.wrap_join_agency .btn_group.type3.agency_join02 {
    margin-top: 20px;
    padding-bottom: 60px;
  }

  .wrap.media_join .btn_group.type3 button,
  .wrap.wrap_join_agency .btn_group.type3 button {
    font-size: 16px;
    font-weight: 700;
  }

  .wrap.wrap_join_agency .content_wrap.type2 {
    padding: 0;
    margin-top: 20px;
  }

  .wrap.wrap_join_agency .line_box {
    padding-top: 0;
  }

  .join_wrap .join .btn_group {
    margin-bottom: 60px;
  }

  .wrap-join-agency.step2 .content_wrap.type2 {
    padding-top: 34px;
  }

  .wrap-join-agency.step2 .line_box {
    padding-top: 0;
    padding-bottom: 24px;
    justify-content: space-between;
  }

  .wrap-join-agency.step2 .input_wrap .button-group {
    flex-wrap: wrap;
    justify-content: left;
  }

  .wrap-join-agency.step2 .input_wrap .button-group button {
    flex-basis: calc(50% - 7px);
  }

  .wrap-join-agency.step2 .line_box .hr_title {
    font-size: 18px;
  }
  /* 회원가입 2단계 끝 */

  /* 광고주 회원가입 2단계 시작 */
  .wrap-join-agency.step2 .input_wrap .button-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .wrap-join-agency.step2 .input_wrap .button-group button {
    width: auto;
  }
  /* 광고주 회원가입 2단계 끝 */

  /* 광고주 회원가입 4단계 시작 */
  .wrap-join-agency.step4 .content_wrap.type2 {
    padding-top: 0;
  }

  .wrap-join-agency.step4 .line_box {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .wrap-join-agency.step4 .line_box .hr_title {
    font-size: 18px;
  }

  .wrap-join-agency.step4 .agency_area,
  .wrap-join-agency.step4 .advertiser_area {
    margin-top: 24px;
  }

  .wrap-join-agency.step4 .agency_name,
  .wrap-join-agency.step4 .no_agency {
    margin-top: 8px;
  }

  .wrap-join-agency.step4 .no_agency,
  .setting_script {
    width: 100%;
  }

  .wrap-join-agency.step4 .script_area {
    margin-top: 24px;
  }

  .join05_wrap h2 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .wrap-join-agency.step4 .script_area .button-group {
    display: flex;
    gap: 13px;
    margin-bottom: 24px;
  }

  .wrap-join-agency.step4 .script_area .button-group button {
    flex: 1;
    margin: 0;
  }

  .wrap-join-agency.step4 .join_wrap .join .btn_group {
    margin-top: 48px;
  }

  .wrap-join-agency.step4 .host_sub_manager_info {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
  }

  .wrap-join-agency.step4 .script_godo_common button {
    display: none;
  }

  .wrap-join-agency.step4 .script_godo_common .mobile_notice {
    display: block;
    color: var(--gray-900, #2b2e35);
    font-size: 14px;
    font-weight: 700;
    margin-top: 24px;
  }
  /* 광고주 회원가입 4단계 끝 */
}