@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/* ---------------------------------------------------------------- */
header {
  width: 100%;
  height: 130px;
  position: fixed; 
  background: #fff;
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.item_create_modal.on {
  display: flex;
  flex-direction: column;
}

.item_create_modal_top {
  width: 100%;
  height: 80px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.item_create_logo {
  width: 87%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item_create_modal_close {
  width: 6.5%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.item_create_modal_close_btn {
  width: 23px;
  height: 23px;
  border: 1px solid #CDCDCD;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item_create_modal_close_btn:hover {
  width: 25px;
  height: 25px;
  border: none;
  background: #9C0000;
  transition: background-color 0.3s ease;
}

.item_create_modal_close_btn>i {
  font-size: 15px;
  color: #CDCDCD;
}

.item_create_modal_close_btn:hover i {
  color: #fff;
  transition: color 0.3s ease;
}

.item_create_modal_tit {
  width: 100%;
  height: 50px;
  background: #F5F5F0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item_create_modal_tit>h2 {
  color: #868686;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.22px;
}

.item_create_modal_btns {
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F5F5F0;
}

.item_create_modal_guide_btns {
  width: 810px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icm_guide_btns {
  width: 425px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item_pg_create_guide_btn {
  width: 200px;
  height: 60px;
}

.item_pg_create_guide_btn>a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item_pg_create_guide_btn>a>button {
  width: 100%;
  height: 100%;
  background: #333;
  border: none;
  cursor: pointer;
}

.item_pg_create_guide_btn>a>button:hover {
  background: #004225;
  transition: background-color 0.3s ease;
}

.item_pg_create_guide_btn>a>button>p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.198px;
}

.item_pg_preview_btn {
  width: 200px;
  height: 60px;
}

.item_pg_preview_btn>a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item_pg_preview_btn>a>button {
  width: 100%;
  height: 100%;
  background: #BFA76F;
  border: none;
  cursor: pointer;
}

.item_pg_preview_btn>a>button:hover {
  background: #004225;
  transition: background-color 0.3s ease;
}

.item_pg_preview_btn>a>button>p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.198px;
}

.icm_oq_create {
  width: 305px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icm_oq_create>a>p {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.154px;
  line-height: 1.4;
  cursor: pointer;
}

.icm_oq_create_btn {
  width: 140px;
  height: 60px;
}

.icm_oq_create_btn>a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icm_oq_create_btn>a>button {
  width: 100%;
  height: 100%;
  background: #E5D5AE;
  border: none;
  cursor: pointer;
}

.icm_oq_create_btn>a>button:hover {
  background: #333;
  transition: background-color 0.3s ease;
}

.icm_oq_create_btn>a>button>p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.198px;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item_create_modal_main {
  width: 920px;
  height: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ---------------------------------------------------------------- */
#item_detail_img_c {
  width: 100%;
  height: 460px;
  margin-top: 250px;
}

.ipc_tit {
  width: 100%;
  height: 47px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E9E9E9;
}

.ipc_tit_section {
  display: flex;
  align-items: center;
}

.ipc_tit_section>span {
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.ipc_tit_section>a>i {
  font-size: 20px;
  color: #9C9C9C;
  margin-left: 15px;
  cursor: pointer;
}

.ipc_tit_section>a>i:hover {
  color: #9C0000;
  transition: color 0.3s ease;
}

.idi_section {
  width: 100%;
  height: 374px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.idi_lt {
  width: 375px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.idi_lt_lt {
  width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.b_img_c_tit_i_size {
  width: 100%;
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.b_img_c_tit {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
}

.b_img_c_tit>span {
  color: #333;
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.275px;
}

.b_img_c_tit>p {
  color: #CA2947;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.198px;
  margin-left: 40px;
}

.i_size_txt>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.b_img_section {
  width: 100%;
  height: 300px;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.idi_rt {
  width: 460px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.a_img_c_tit_i_size {
  width: 100%;
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.a_img_c_tit_i_size>span {
  color: #333;
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.275px;
}

.a_img_c_tit_i_size>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

ul.a_img_c_section {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

ul.a_img_c_section>li {
  width: 100%;
  height: 140px;
}

ul.a_img_c {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.a_img_c>li {
  width: 140px;
  height: 100%;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
}

li.a_img_c_btn {
  background: #fff !important;
}


/* ---------------------------------------------------------------- */
#item_infor_c {
  width: 100%;
  height: 248px;
  margin-top: 150px;
}

.iic_section {
  width: 100%;
  height: 160px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.iic_line_top {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.iic_line_lt_tit {
  width: 114px;
  height: 40px;
  display: flex;
  justify-content: space-between;
}

.iic_tit {
  width: 90px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.iic_tit>p {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.iic_line_lt_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.iic_line_top>input {
  width: 761px;
  height: 36px;
  border: 1px solid #a7a7a7;
}

.iic_line_bottom {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

ul.iic_line_lt {
  width: 383px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

ul.iic_line_lt>li {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.iic_line_lt>li>input {
  width: 224px;
  height: 36px;
  border: 1px solid #a7a7a7;
}

ul.iic_line_rt {
  width: 457px;
  height: 100%;
}

ul.iic_line_rt>li {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.iic_line_rt_tit {
  width: 128px;
  height: 40px;
  display: flex;
  justify-content: space-between;
}

.iic_tit2 {
  width: 104px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.iic_tit2>p {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.iic_line_rt_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

ul.iic_line_rt>li>input {
  width: 284px;
  height: 36px;
  border: 1px solid #a7a7a7;
  text-align: right;
}

ul.iic_line_rt>li:nth-child(2) {
  margin-top: 20px;
}

.iic_tit3 {
  width: 126px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.iic_tit3>p {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.iic_line_rt_tit3>input {
  text-align: left !important;
}

/* ---------------------------------------------------------------- */
#item_option_c {
  width: 100%;
  min-height: 248px;
  height: auto;
  margin-top: 150px;
}

.ioc_section {
  width: 100%;
  min-height: 160px;
  height: auto;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ioc_lt {
  width: 444px;
  min-height: 160px;
  height: auto;
}

ul.ioc_required {
  width: 100%;
  min-height: 40px;
  height: auto;
}

ul.ioc_required>li {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
}

.ioc_required_tit {
  width: 124px;
  height: 28px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ioc_required_tit>p {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.ioc_required_tit>span {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

ul.ioc_required>li>input {
  width: 224px;
  height: 36px;
  border: 1px solid #a7a7a7;
  margin-left: 40px;
}

.ioc_add_btn {
  margin-left: 20px;
}

.ioc_add_btn>button {
  width: 40px;
  height: 40px;
  border: none;
  background: #9c9c9c;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ioc_add_btn>button>i {
  font-size: 20px;
  color: #fff;
}

.ioc_add_btn>button:hover {
  background: #333;
  transition: background-color 0.3s ease;
}

.ioc_required_view {
  width: 382px;
  min-height: 110px;
  height: auto;
  background: #F5F5F0;
  border: 1px solid #a7a7a7;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.ioc_required_view_main {
  width: 100%;
  height: 100%;
}

ul.ioc_required_view_main>li {
  width: 354px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 15px;
  cursor: pointer;
}

ul.ioc_required_view_main>li>i {
  display: none;
  font-size: 14px;
  color: #868686;
  cursor: pointer;
}

ul.ioc_required_view_main>li:hover>i {
  display: block;
}

ul.ioc_required_view_main>li>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.ioc_rt {
  width: 444px;
  min-height: 160px;
  height: auto;
}

.ioc_add_btn_d {
  margin-left: 20px;
}

.ioc_add_btn_d>button {
  width: 40px;
  height: 40px;
  border: none;
  background: #9c9c9c;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ioc_add_btn_d>button>i {
  font-size: 20px;
  color: #fff;
}

.ioc_add_btn_d>button:hover {
  background: #333;
  transition: background-color 0.3s ease;
}

.ioc_detail_view {
  width: 382px;
  min-height: 110px;
  height: auto;
  background: #F5F5F0;
  border: 1px solid #a7a7a7;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.ioc_detail_view_main {
  width: 100%;
  height: 100%;
}

ul.ioc_detail_view_main>li {
  width: 354px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 15px;
}

ul.ioc_detail_view_main>li>i {
  display: none;
  font-size: 14px;
  color: #868686;
  cursor: pointer;
}

ul.ioc_detail_view_main>li:hover>i {
  display: block;
}

ul.ioc_detail_view_main>li>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

/* ---------------------------------------------------------------- */
#profile_best_art_img_c {
  width: 100%;
  min-height: 458px;
  height: auto;
  margin-top: 150px;
}

ul.pbaic_section {
  width: 100%;
  min-height: 372px;
  height: auto;
  margin-top: 40px;
}

ul.pbaic_section>li {
  width: 100%;
  margin-top: 20px;
}

ul.pbaic_section>li:first-child {
  margin-top: 0;
}

ul.pbaic_section>li:nth-child(4) {
  margin-top: 25px;
}

li.pbaic_aol_explanation {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
}

.pbaic_aol_explanation_tit {
  width: 100px;
  height: 55px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ipca_tit>span {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.ipca_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.pbaic_aol_explanation>input {
  width: 760px;
  height: 66px;
  border: 1px solid #a7a7a7;
  margin-left: 55px;
}

.pbaic_t_line {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pbaic_anm {
  width: 385px;
  height: 40px;
  display: flex;
  align-items: center;
}

.pbaic_anm_tit {
  width: 100px;
  height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.pbaic_anm>input {
  width: 224px;
  height: 36px;
  border: 1px solid #a7a7a7;
  margin-left: 55px;
}

.pbaic_ak {
  width: 458px;
  height: 40px;
  display: flex;
  align-items: center;
}

.pbaic_ak_tit {
  width: 114px;
  height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.pbaic_ak>input {
  width: 284px;
  height: 36px;
  border: 1px solid #a7a7a7;
  margin-left: 55px;
}

.pbaic_mm {
  width: 385px;
  height: 40px;
  display: flex;
  align-items: center;
}

.pbaic_mm_tit {
  width: 100px;
  height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.pbaic_mm>input {
  width: 224px;
  height: 36px;
  border: 1px solid #a7a7a7;
  margin-left: 55px;
}

.pbaic_mad {
  width: 458px;
  height: 40px;
  display: flex;
  align-items: center;
}

.pbaic_mad_tit {
  width: 114px;
  height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.pbaic_mad>input {
  width: 284px;
  height: 36px;
  border: 1px solid #a7a7a7;
  margin-left: 55px;
}

li.pbaic_add_line {
  width: 100%;
  min-height: 155px;
  height: auto;
  display: flex;
  align-items: flex-start;
}

.pbaic_ac_tit {
  width: 100px;
  height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

ul.pbaic_add_section {
  width: 766px;
  min-height: 154px;
  height: auto;
  margin-left: 55px;
}

ul.pbaic_add_section>li>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.pbaic_add_main {
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
}

.pbaic_add_main_section {
  width: 704px;
  height: 118px;
  border: 1px solid #a7a7a7;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pbaic_am_section {
  width: 676px;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.pbaic_am_section>li {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
}

.pbaic_am_section>li>input {
  width: 72px;
  height: 34px;
}

.pbaic_am_section>li>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
  margin-left: 5px;
}

.pbaic_yyyymm {
  margin-left: 8px;
}

.pbaic_am_section>li>span {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
  margin-left: 15px;
  margin-right: 15px;
}

.pbaic_cip {
  width: 100% !important;
  height: 34px !important;
}

.pbaic_add_btn>button {
  width: 40px;
  height: 40px;
  border: none;
  background: #9c9c9c;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pbaic_add_btn>button>i {
  font-size: 20px;
  color: #fff;
}

.pbaic_add_btn>button:hover {
  background: #333;
  transition: background-color 0.3s ease;
}

.pbaic_add_view_section {
  width: 706px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.pbaic_add_view {
  width: 706px;
  height: auto;
  background: #F5F5F0;
  border: 1px solid #a7a7a7;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.pbaic_add_view_main {
  width: 100%;
  height: 100%;
}

ul.pbaic_add_view_main>li {
  width: 664px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 15px;
}

ul.pbaic_add_view_main>li>i {
  display: none;
  font-size: 14px;
  color: #868686;
  cursor: pointer;
}

ul.pbaic_add_view_main>li:hover>i {
  display: block;
}

.pbaic_add_view_txt {
  width: 650px;
  height: 25px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.pbaic_add_view_txt>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.pbaic_add_view_txt>span {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
  margin-left: 15px;
}
/* ---------------------------------------------------------------- */
#profile_best_art_img_c2 {
  width: 100%;
  height: 584px;
  margin-top: 150px;
}

.pbaic2_section {
  width: 100%;
  height: 518px;
  margin-top: 20px;
}

.pbaic2_section>span {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.pbaic2_main {
  width: 100%;
  height: 474px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.pbaic2_main_lt {
  width: 395px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.pbaic2_main_ais {
  width: 320px;
  height: 100%;
}

.ais_txt_section {
  width: 100%;
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ais_txt {
  width: 280px;
  height: 100%;
}

.ais_txt>span {
  color: #333;
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.275px;
}

.ais_txt>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
  margin-top: 5px;
}

.ais_txt_section>p {
  color: #CA2947;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.ais_img_section {
  width: 100%;
  height: 400px;
  background: #F6F6F6;
  margin-top: 8px;
}

.pbaic2_main_rt {
  width: 395px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

/* ---------------------------------------------------------------- */
#artist_art_img_c {
  width: 100%;
  height: 350px;
  margin-top: 150px;
}

.aaic_main {
  width: 100%;
  height: 282px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.aaic_main_top {
  width: 100%;
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.aaic_main_top_tit {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: flex-start;
}

.aaic_main_top_tit>span {
  color: #333;
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.275px;
}

.aaic_main_top_tit>p {
  color: #CA2947;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.198px;
  margin-left: 15px;
}

.aaic_img_size {
  width: 100%;
  height: 23px;
  display: flex;
  align-items: center;
}

.aaic_img_size>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.aaic_img_upload_section {
  width: 100%;
  height: 208px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.aaic_img_upload {
  width: 208px;
  height: 208px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.aaic_imgs {
  width: 684px;
  height: 208px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.aaic_imgs>li {
  width: 208px;
  height: 208px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #F6F6F6;
}

/* ---------------------------------------------------------------- */
#detail_img_c {
  width: 100%;
  height: 860px;
  margin-top: 150px;
}

.dic_main {
  width: 100%;
  height: 792px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.idiul_section {
  width: 100%;
  height: 374px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.idiul_tit_imgsz {
  width: 100%;
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.idiul_tit {
  width: 300px;
  height: 38px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.idiul_tit>span {
  color: #333;
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.275px;
}

.idiul_tit>p {
  color: #CA2947;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.idiul_imgsz {
  width: 300px;
  height: 23px;
  display: flex;
  align-items: center;
}

.idiul_imgsz>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.idiul_main {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.idiul_img_upload {
  width: 400px;
  height: 300px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.idiul_img {
  width: 324px;
  height: 100%;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.ainm_main {
  width: 482px;
  height: 40px;
  display: flex;
  align-items: center;
}

.ainm_tit {
  width: 114px;
  height: 27px;
  display: flex;
  align-items: flex-start;
}

.ainm_tit>span {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.ainm_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
  margin-left: 15px;
}

.ainm_main>input {
  width: 342px;
  height: 36px;
  border: 1px solid #a7a7a7;
  background: #F5F5F0;
  margin-left: 20px;
}

.aiul_section {
  width: 100%;
  height: 398px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.aiul_main {
  width: 100%;
  height: 324px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.aiul_img_section {
  width: 400px;
  height: 324px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.aiul_img {
  width: 324px;
  height: 324px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #F6F6F6;
}

.aiul_txt_section {
  width: 482px;
  height: 252px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.aiul_anm {
  width: 482px;
  height: 40px;
  display: flex;
  align-items: center;
}

.aiul_anm_tit {
  width: 114px;
  height: 27px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.aiul_anm_tit>span {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.aiul_anm_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.aiul_anm>input {
  width: 342px;
  height: 36px;
  border: 1px solid #a7a7a7;
  background: #F5F5F0;
  margin-left: 20px;
}

.aiul_aolt {
  width: 100%;
  height: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.aiul_aolt_tit {
  width: 114px;
  height: 54px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.aiul_aolt_tit>span {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.aiul_aolt_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

.aiul_aolt>input {
  width: 342px;
  height: 50px;
  border: 1px solid #a7a7a7;
  background: #F5F5F0;
  margin-left: 20px;
}

.aiul_tittxt {
  width: 482px;
  height: 105px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.aiul_tittxt_tit {
  width: 100%;
  height: 27px;
  display: flex;
  align-items: flex-start;
}

.aiul_tittxt_tit>span {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px; 
}

.aiul_tittxt_tit>p {
  color: #9C0000;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
  margin-left: 18px;
}

.aiul_tittxt>input {
  width: 474px;
  height: 64px;
  border: 1px solid #A7A7A7;
  background: #fff;
}

/* ---------------------------------------------------------------- */
#detail_sub_img_c {
  width: 100%;
  height: 306px;
  margin-top: 150px;
}

.dsic_main {
  width: 100%;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}

.dsic_tit_imgsz {
  width: 100%;
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.dsic_tit {
  width: 100%;
  height: 38px;
  display: flex;
  align-items: flex-start;
}

.dsic_tit>span {
  color: #333;
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.275px;
}

.dsic_tit>p {
  color: #CA2947;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.198px;
  margin-left: 75px;
}

.dsic_tit_imgsz>p {
  color: #868686;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.dsic_img_section {
  width: 100%;
  height: 165px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dsic_img_upload {
  width: 165px;
  height: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}

ul.dsic_img_ul {
  width: 732px;
  height: 165px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.dsic_img_ul>li {
  width: 165px;
  height: 165px;
  background: #F6F6F6;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}


/* ---------------------------------------------------------------- */
#item_option_detail_infor {
  width: 100%;
  height: 306px;
  margin-top: 150px;
}

.iodi_main {
  margin-top: 0 !important;
}

/* ---------------------------------------------------------------- */
footer {
  width: 100%;
  height: 120px;
  background: #F5F5F0;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ipca_create_cancel {
  width: 410px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ipca_create_btn>a>button {
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  background: #BFA76F;
}

.ipca_create_btn>a>button>p {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.ipca_create_btn>a>button:hover {
  background: #004225;
  transition: background-color 0.3s ease;
}

.ipca_cancel_btn>a>button {
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  background: #E5D5AE;
}

.ipca_cancel_btn>a>button>p {
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.ipca_cancel_btn>a>button:hover {
  background: #9C0000;
  transition: background-color 0.3s ease;
}


/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */