@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');

/* ---------------------------------------------------------------- */
.container_main {
  width: 100%;
  height: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.order_search_con {
  width: 83.33%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 120px;
}

.os_con {
  width: 78.125%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 80px;
  margin-right: 25px;
}

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

.order_search_tit>h2 {
  color: #333;
  font-size: 40px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.44px;
}

#os_btn_search_infor_section {
  width: 100%;
  height: 420px;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

ul.os_btns {
  width: 900px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.os_btns>li>button {
  width: 290px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #DEDEDE;
  background: #fff;
}

ul.os_btns>li>button:hover {
  background: #333;
  border: none;
  transition: background-color 0.3s ease;
}

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

ul.os_btns>li>button>span {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
  margin-left: 5px;
}

ul.os_btns>li>button:hover p {
  color: #fff;
  transition: color 0.3s ease;
}

ul.os_btns>li>button:hover span {
  color: #fff;
  transition: color 0.3s ease;
}

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

.os_search_section {
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #DEDEDE;
  display: flex;
  align-items: center;
}

.os_search_section>select {
  width: 200px;
  height: 40px;
  border: 1px solid #A7A7A7;
  background: #F5F5F0;
  color: #868686;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.143px;
  margin-left: 30px;
}

.os_search_section>select>option {
  color: #333;
}

ul.os_search_btn {
  width: 445px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 20px;
}

ul.os_search_btn>li>button {
  width: 70px;
  height: 40px;
  border: 1px solid #A7A7A7;
  background: #E8E8DB;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

ul.os_search_btn>li>button:hover {
  background: #BFA76F;
  transition: background-color 0.3s ease;
}

ul.os_search_btn>li>button>p {
  color: #868686;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.143px;
}

ul.os_search_btn>li>button:hover p {
  color: #fff;
  transition: color 0.3s ease;
}

.os_calendar_section {
  width: 300px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 20px;
}

.os_cal_st {
  width: 134px;
  height: 40px;
  display: flex;
  align-items: center;
}

.os_cal_st>input {
  width: 100px;
  height: 36px;
  background: #fff;
  border: 1px solid #DEDEDE;
  color: #868686;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.143px;
}

.os_cal_st>i {
  font-size: 20px;
  color: #CACACA;
  margin-left: 8px;
  cursor: pointer;
}

.os_cal_st>i:hover {
  color: #333;
  transition: color 0.3s ease;
}

.os_calendar_section>p {
  color: #868686;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.143px;
}

.os_inquiry_btn>button {
  width: 100px;
  height: 40px;
  border: none;
  background: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 30px;
}

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

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

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

ul.os_infor_main {
  width: 1200px;
  height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

ul.os_infor_main>li>p {
  color: #83836C;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.132px;
}

ul.os_infor_main>li>p>span {
  color: #333;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.132px;
}

/* ---------------------------------------------------------------- */
#order_item_infor {
  width: 100%;
  height: 685px;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ois_list_section {
  width: 100%;
  height: 532px;
  border-bottom: 1px solid #E9E9E9;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ois_list_top {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #E9E9E9;
}

ul.ois_list_top_main {
  width: 1186px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list_tit>p {
  color: #333;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.198px;
}

ul.ois_list_main {
  width: 100%;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

ul.ois_list_main>li>ul {
  width: 1186px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list_txt>p {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.198px;
}

.list_txt_point>p {
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.198px;
}

.order_cancel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.order_cancel>button {
  margin-left: 12px;
  width: 120px;
  height: 25px;
  background: #fff;
  border: 1px solid #DEDEDE;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.order_cancel>button:hover {
  background: #9C0000;
  border: none;
  transition: background-color 0.3s ease;
}

.order_cancel>button>p {
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.132px;
}

.order_cancel>button:hover p {
  color: #fff;
  transition: color 0.3s ease;
}

.ois_list_no {
  width: 100%;
  height: 450px;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.ois_list_no.show {
  display: flex;
}

.ois_list_no_main {
  width: 140px;
  height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ois_list_no_main>i {
  font-size: 40px;
  color: #CCCCCC;
}

.ois_list_no_main>p {
  color: #CCC;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.165px;
}

ul.pg_section {
  width: auto;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px; 
}

ul.pg_section>li {
  margin-left: 10px;
}

ul.pg_section>li:first-child {
  margin-left: 0;
}

li.pg_front_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_front_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_prev_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_prev_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_num {
  width: 30px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

li.pg_num>p {
  color: #CCC;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

li.pg_num>p:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_next_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_next_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_last_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_last_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}


/* ---------------------------------------------------------------- */
#cancel_return_change {
  width: 100%;
  height: 685px;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ---------------------------------------------------------------- */
#past_order_history {
  width: 100%;
  height: 685px;
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ---------------------------------------------------------------- */
ul.os_btns>li.active>button {
  background: #333;
  border: none;
}

ul.os_btns>li.active>button p,
ul.os_btns>li.active>button span {
  color: #fff;
}

#cancel_return_change,
#past_order_history {
  display: none;
}

/* ---------------------------------------------------------------- */
.ccc_section {
  display: flex;
  align-items: center;
  height: 100%;
}

.ccc_btn_section {
  width: 120px;
  height: 52px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ccc_btn_section>button {
  width: 120px;
  height: 25px;
  background: #fff;
  border: 1px solid #DEDEDE;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.ccc_btn_section>button>p {
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.132px;
}

.ccc_btn_section>button:hover p {
  color: #fff;
  transition: color 0.3s ease;
}

.return_btn:hover {
  background: #BFA76F !important;
}

.ccc_cancel_btn:hover {
  background: #9C0000 !important;
}

.order_cancel>i {
  margin-left: 8px;
  color: #BFA76F;
  cursor: pointer;
}

.order_cancel>i:hover {
  color: #004225;
  transition: color 0.3s ease;
}

/* ---------------------------------------------------------------- */
.order_item_change_modal_bg {
  position: fixed; 
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: rgba(0, 0, 0, 0.5); 
  z-index: 9997; 
  display: none; 
}

.order_item_change_modal_bg.on {
  display: block;
}

.order_item_change_modal {
  width: 754px;
  height: 800px;
  position: fixed; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9998;
  display: none;
  flex-direction: column;
  align-items: center;
  background: #FAFAFA;
  border: 1px solid #C7C7C7;
}

.order_item_change_modal.on {
  display: flex;
}

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

.ois_top_main {
  width: 674px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ois_top_main>span {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

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

.ois_modal_close>button:hover {
  background: #9C0000;
  border: none;
  transition: background-color 0.3s ease;
}

.ois_modal_close>button>i {
  font-size: 15px;
  color: #b3b3b3;
}

.ois_modal_close>button:hover i {
  color: #fff;
  transition: color 0.3s ease;
}

.oic_main_con {
  width: 714px;
  height: 670px;
  margin-top: 40px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.oic_main_con::-webkit-scrollbar {
  display: none;
}

.oic_main_section {
  width: 100%;
  height: auto;
}

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

.oic_oii_tit {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #E9E9E9;
}

.oic_oii_tit>h3 {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.154px;
}

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

ul.oic_oii_main>li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

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

.oic_oilm_tit {
  width: 64px;
  height: 22px;
  display: flex;
  align-items: center;
}

.oic_oilm_tit>p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.154px;
}

.oic_oilm_value {
  margin-left: 88px;
}

.oic_oilm_value>p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.154px;
}

.oic_crs {
  width: 100%;
  height: auto;
}

.oic_oii_tit2 {
  margin-top: 50px;
}

ul.oic_crs_main {
  width: 100%;
  height: auto;
  margin-top: 20px;
}

ul.oic_crs_main>li {
  display: flex;
  align-items: center;
}

.oic_crs_check {
  width: 165px;
  height: 30px;
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.oic_crs_check>i {
  font-size: 30px;
  color: #E6E6E6;
  cursor: pointer;
}

.oic_crs_check>p {
  margin-left: 15px;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.143px;
}

.oic_crs_check>i.active {
  color: #004225;
}

.oic_crs_check_rt {
  margin-left: 63px;
}

.oic_crs_check_etc>input {
  margin-top: 8px;
  width: 480px;
  height: 36px;
  background: #fff;
  border: 1px solid #a7a7a7;
  display: none;
}

.oic_last_line {
  align-items: flex-start !important;
}

.oic_cws {
  width: 100%;
  height: auto;
}

.oic_cws_main {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

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

.radio_btn>i {
  font-size: 30px;
  color: #E6E6E6;
  margin-right: 15px;
  cursor: pointer;
}

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

.radio_btn>i.active {
  color: #004225 !important;
}

.cos_nis {
  width: 100%;
  height: auto;
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
}

ul.cos {
  width: 200px;
  height: auto;
}

ul.cos>li {
  margin-top: 8px;
}

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

ul.cos>li>select {
  width: 100%;
  height: 40px;
  border: 1px solid #A7A7A7;
  background: #F5F5F0;
}

ul.nis {
  width: 230px;
  height: auto;
  margin-left: 230px;
}

ul.nis>li {
  margin-top: 8px;
}

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

.nis_ip {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.nis>li>input {
  width: 185px;
  height: 35px;
  border: none;
  border-bottom: 1px solid #333;
  background: none;
}

.nis_ip>i {
  font-size: 35px;
  color: #E5D5AE;
  cursor: pointer;
}

.nis_ip>i:hover {
  color: #BFA76F;
  transition: color 0.3s ease;
}

.nis_ip_value {
  width: 185px;
  height: 38px;
  border: 1px solid #A7A7A7;
  background: #fff;
  display: flex;
  align-items: center;
}

.nis_ip_value>p {
  color: #868686;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.143px;
  margin-left: 10px;
}

.nis_ops {
  width: 187px;
  height: auto;
  border-radius: 5px;
  background: #7D7D7D;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nis_ops>p {
  margin-top: 13px;
  margin-bottom: 13px;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.132px;
}

ul.nis_amt {
  width: 187px;
  height: 136px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

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

.nis_amt_b {
  background: #BFA76F;
}

.nis_amt_c {
  background: #004225;
}

.nis_amt_a {
  background: #333;
}

.nis_amt_section {
  width: 167px;
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nis_amt_section>p,
.nis_amt_section>span {
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.143px;
}

.nis_amt_section>span {
  text-align: right;
}

.cos_nis { display: none; }

/* 열렸을 때 */
.cos_nis.open { display: flex; }

/* 어떤 ul을 보여줄지 */
.cos_nis.show-cos ul.cos { display: block; }
.cos_nis.show-cos ul.nis { display: none; }

.cos_nis.show-nis ul.cos { display: none; }
.cos_nis.show-nis ul.nis { display: block; }

.cosd {
  width: 100%;
  height: auto;
}

.cosb_main {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

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

.cosb_check_btn>i {
  font-size: 30px;
  color: #E6E6E6;
  margin-right: 15px;
  cursor: pointer;
}

.cosb_check_btn>p {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.198px;
  margin-right: 40px;
}

.cosb_check_btn>i.active {
  color: #004225 !important;
}

.h_s_cosb_section {
  display: none;
}

/* 열림 */
.h_s_cosb_section.open { display: block; }

/* 기사 방문 */
.h_s_cosb_section.show-h .h_cosb_section { display: block; }
.h_s_cosb_section.show-h .s_cosb_section { display: none; }

/* 직접 발송 */
.h_s_cosb_section.show-s .h_cosb_section { display: none; }
.h_s_cosb_section.show-s .s_cosb_section { display: block; }

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

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

.s_cosb_top>p,
.s_cosb_top>span {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.165px;
}

.s_cosb_top>span {
  margin-left: 15px;
}

.s_cosb_bottom {
  width: 100%;
  height: 23px;
}

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

.s_cosb_ck {
  margin-left: 15px;
}


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

ul.recent_delivery_address {
  width: 100%;
  min-height: 110px;
  height: auto;
  margin-top: 15px;
}

.delivery_list {
  width: 100%;
  height: 110px;
  border-bottom: 1px solid #E7E7E7;
  background: #fff;
  position: relative;
}

.delivery_list:hover {
  background: #F5F5F0;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

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

.dl_tit>span {
  color: #CA2947;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.198px;
  display: none;
}

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

.dl_tit_btn>button {
  width: 100px;
  height: 38px;
  background: #F5F5F0;
  border: 1px solid #A7A7A7;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.dl_tit_btn>button>p {
  color: #868686;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.143px;
}

ul.recent_delivery_address>li:first-child>.dl_tit_btn>button {
  display: flex;
}

ul.recent_delivery_address>li:first-child>.dl_tit>span {
  display: flex;
}

ul.recent_delivery_address>li {
  margin-top: 10px;
}

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

.dl_address {
  width: 100%;
  height: 23px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

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

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

.dl_p_num {
  width: 100%;
  height: 23px;
  margin-top: 10px;
}

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

.delivery_list2 {
  display: none;
}

.coa_btn > button.active,
.ipoa_btn > button.active {
  background: #fff !important;
  border: 1px solid #DEDEDE !important;
}

.coa_btn > button.active p,
.ipoa_btn > button.active p {
  color: #333 !important;
}

.msg_select_section {
  width: 100%;
  height: 40px;
  background: green;
  margin-top: 10px;
}

.msg_select_section>select {
  width: 100%;
  height: 40px;
  background: #F5F5F0;
  border: 1px solid #A7A7A7;
  color: #333;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%; 
  letter-spacing: -0.165px;
}

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

.img_attach {
  width: 100%;
  height: auto;
}

.ia_main_section {
  width: 100%;
  height: 60px;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.ia_main_section>p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.154px;
}

ul.ia_main {
  width: 332px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 14px;
}

ul.ia_main>li {
  width: 60px;
  height: 60px;
  background: #F3F3F3;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

ul.ia_main>li>i {
  font-size: 20px;
  color: #B2B2B2;
}

ul.ia_main>li:hover {
  background: #333;
  transition: background-color 0.3s ease;
}

ul.ia_main>li:hover i {
  color: #fff;
  transition: color 0.3s ease;
}

#fileInput {
  display: none;
}

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

.c_infor {
  width: 100%;
  height: auto;
}

.c_infor_main_section {
  width: 100%;
  height: 180px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  background: #F5F5F0;
}

.c_infor_main {
  width: 500px;
  height: 140px;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.c_infor_main_tit>span {
  color: #83836C;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.132px;
}

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

ul.c_infor_main_txt>li>p {
  color: #83836C;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.132px;
}

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

.oic_btn_section {
  width: 100%;
  height: 40px;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.oic_m_sign>button {
  border: none;
  width: 200px;
  height: 40px;
  background: #BFA76F;
  cursor: pointer;
}

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

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

.oic_m_close>button {
  border: none;
  width: 200px;
  height: 40px;
  background: #E5D5AE;
  cursor: pointer;
}

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

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

/* ---------------------------------------------------------------- */
.order_item_change_list_modal_bg {
  position: fixed; 
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: rgba(0, 0, 0, 0.5); 
  z-index: 9999; 
  display: none; 
}

.order_item_change_list_modal_bg.on {
  display: block;
}

.order_item_change_list_modal {
  width: 1290px;
  height: 800px;
  position: fixed; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
  flex-direction: column;
  align-items: center;
  background: #FAFAFA;
  border: 1px solid #C7C7C7;
}

.order_item_change_list_modal.on {
  display: flex;
}

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

.oicl_top_main {
  width: 1230px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.oicl_top_main>span {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.22px;
}

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

.oicl_modal_close>button:hover {
  background: #9C0000;
  border: none;
  transition: background-color 0.3s ease;
}

.oicl_modal_close>button>i {
  font-size: 15px;
  color: #b3b3b3;
}

.oicl_modal_close>button:hover i {
  color: #fff;
  transition: color 0.3s ease;
}

.oicl_con {
  width: 1250px;
  height: 670px;
  margin-top: 40px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.oicl_con::-webkit-scrollbar {
  display: none;
}

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

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

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

ul.oicl_ls_ia {
  width: 592px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.oicl_ls_ia>li {
  width: 187px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

.ois_list_section_oicl {
  width: 100%;
  height: auto;
}

.ois_list_top_oicl {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #E9E9E9;
}

ul.ois_list_top_main_oicl {
  width: 1150px;
  height: 27px;
  display: flex;
  align-items: center;
}

.list_select_icon>i {
  font-size: 25px;
  color: #E5E5E5;
  cursor: pointer;
}

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

.list_tit2 {
  margin-left: 40px;
}

.list_txt2 {
  margin-left: 40px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

ul.ois_list_main_oicl {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
  margin-bottom: 30px;
}

ul.ois_list_main_oicl>li {
  margin-top: 30px;
}

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

ul.ois_list_main_oicl>li>ul {
  width: 1194px;
  height: 60px;
  display: flex;
  align-items: center;
}

.list_tit3 {
  margin-left: 20px;
  width: 740px;
  flex: 0 0 740px; 
}

.list_txt3 {
  width: 100%;
  height: 100%;
  margin-left: 20px;
  flex: 0 0 740px; 
}

.list_txt3>span {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.154px;
}

.list_txt3>p {
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.121px;
  margin-top: 5px;
}

.list_txt3>button {
  width: 60px;
  height: 22px;
  border: 1px solid #DEDEDE;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}

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

.list_txt3>button>p {
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.132px;
}

.list_txt3>button:hover p {
  color: #fff;
  transition: color 0.3s ease;
}

.list_tit4 {
  margin-left: 20px;
}

.list_txt4 {
  margin-left: 20px;
}

.list_txt4>p {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.165px;
  text-decoration: line-through;
}

.list_txt4>span {
  color: #CA2947;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.165px;
  display: flex;
  align-items: center;
}

.list_txt4>span>p {
  color: #9C0000;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.132px;
  margin-left: 10px;
}

.list_tit5 {
  margin-left: 48px;
}

.list_txt5 {
  margin-left: 48px;
}

.list_tit2 { flex: 0 0 60px; }
.list_tit4 { flex: 0 0 130px; }
.list_tit5 { flex: 0 0 120px; }

.list_txt2 { flex: 0 0 60px; }
.list_txt4 { flex: 0 0 130px; }
.list_txt5 { flex: 0 0 120px; }

.wl_listup_btn>button {
  width: 120px;
  height: 25px;
  border: none;
  background: #333;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}

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

.wl_listup_btn>button>p {
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.132px;
}

.wl_dp_move_btn>a>button {
  width: 120px;
  height: 25px;
  border: 1px solid #DEDEDE;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.wl_dp_move_btn>a>button>p {
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.132px;
}

.wl_dp_move_btn>a>button:hover p {
  color: #fff;
  transition: color 0.3s ease;
}

.ois_list_no {
  width: 100%;
  height: 450px;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.ois_list_no.show {
  display: flex;
}

.ois_list_no_main {
  width: 200px;
  height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.ois_list_no_main>i {
  font-size: 40px;
  color: #CCCCCC;
}

.ois_list_no_main>p {
  color: #CCC;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.165px;
}

.page_section {
  width: 100%;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

ul.pg_section {
  width: auto;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px; 
}

ul.pg_section>li {
  margin-left: 10px;
}

ul.pg_section>li:first-child {
  margin-left: 0;
}

li.pg_front_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_front_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_prev_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_prev_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_num {
  width: 30px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

li.pg_num>p {
  color: #CCC;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

li.pg_num>p:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_next_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_next_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}

li.pg_last_icon>i {
  font-size: 16px;
  color: #CCCCCC;
  cursor: pointer;
}

li.pg_last_icon>i:hover {
  color: #333333;
  transition: color 0.3s ease;
}
/* ---------------------------------------------------------------- */
.option_change_modal {
  width: 374px;
  min-height: 308px;
  height: auto;
  position: fixed; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #C7C7C7;
}

.option_change_modal.on {
  display: flex;
}

.option_change_top_bar {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #333;
}

.option_change_top_bar>h3 {
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%; 
  letter-spacing: -0.22px;
  margin-left: 40px;
}

.oc_modal_close_btn>button {
  width: 25px;
  height: 25px;
  border: 1px solid #CDCDCD;
  background: #fff;
  margin-right: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.oc_modal_close_btn>button:hover {
  border: none;
  background: #9C0000;
  transition: background-color 0.3s ease;
}

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

.oc_modal_close_btn>button:hover i {
  color: #fff;
  transition: color 0.3s ease;
}

.option_change_main_section {
  width: 334px;
  height: 178px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;  
  border-top: 1px solid #E9E9E9;
}

.ocm_tit {
  margin-top: 15px;
}

.ocm_tit>span {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%; 
  letter-spacing: -0.154px;
}

ul.option_change_main {
  width: 100%;
  height: 130px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

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

ul.option_change_main>li>p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.154px;
}

ul.option_change_main>li>select {
  width: 250px;
  height: 40px;
  border: 1px solid #A7A7A7;
  background: #F5F5F0;
  cursor: pointer;
  color: #868686;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%; 
  letter-spacing: -0.143px;
}

ul.option_change_main>li>select>option {
  color: #333;
  background: #fff;
}
/* ---------------------------------------------------------------- */

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

.oicl_ls_up_top {
  width: 100%;
  height: 40px;
}

.oicl_ls_up_main_section {
  width: 100%;
  height: 302px;
}

.oicl_ls_up_main_section>span {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.154px;
}

ul.ois_list_main2 {
  width: 100%;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

ul.ois_list_main2>li>ul {
  width: 1186px;
  height: 52px;
  display: flex;
  align-items: center;
}

ul.ois_list_main2 {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
  margin-bottom: 30px;
}

ul.ois_list_main2>li {
  margin-top: 30px;
}

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

ul.ois_list_main2>li>ul {
  width: 1194px;
  height: 60px;
  display: flex;
  align-items: center;
}

ul.ois_list_top_main2 {
  width: 1186px;
  height: 27px;
  display: flex;
  align-items: center;
}

.oic_m_close2>button {
  border: none;
  width: 200px;
  height: 40px;
  background: #E5D5AE;
  cursor: pointer;
}

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

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

/* ---------------------------------------------------------------- */
.order_item_return_modal_bg {
  position: fixed; 
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: rgba(0, 0, 0, 0.5); 
  z-index: 9997; 
  display: none; 
}

.order_item_return_modal_bg.on {
  display: block;
}

.order_item_return_modal {
  width: 754px;
  height: 800px;
  position: fixed; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9998;
  display: none;
  flex-direction: column;
  align-items: center;
  background: #FAFAFA;
  border: 1px solid #C7C7C7;
}

.order_item_return_modal.on {
  display: flex;
}

.s_cosb_ck2 {
  margin-left: 33px;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */