/* BASIC css start */
/* BASIC css start */
.mainSwiper {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.mainSwiper .swiper-slide img {
  width: 100%;
}
.mainSwiper .swiper-pagination-bullet {
  width: 8px;    /* 크기 축소 */
  height: 8px;   /* 크기 축소 */
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid rgba(120, 0, 0, 0.8);
  border-radius: 50%;
  margin: 0 4px !important;
  transition: none;  /* 전환 제거 */
  box-shadow: none;  /* 그림자 제거 */
  transform: none;   /* 확대 제거 */
}

.mainSwiper .swiper-pagination-bullet-active {
  background: #b00000;
  border: 2px solid #b00000;
  box-shadow: none;
  transform: none;
}

.mainSwiper .swiper-button-next {
  background-image: url(/design/daehangold/images/slide_arr_r.png);
  width: 33px;
  height: 63px;
  margin-top: -30px;
  right: 11%;
}
.mainSwiper .swiper-button-prev {
  background-image: url(/design/daehangold/images/slide_arr_l.png);
  width: 33px;
  height: 63px;
  margin-top: -30px;
  left: 11%;
}
/* ▼▼▼▼▼▼▼▼▼▼ 박스 높이 자동 정렬 수정 ▼▼▼▼▼▼▼▼▼▼ */
.banner3x {
  padding-top: 30px;
  display: grid; /* ★★★ flex를 grid로 변경 */
  grid-template-columns: repeat(3, 1fr); /* ★★★ 3개의 열을 만듦 */
  gap: 10px; /* ★★★ 박스 사이의 간격을 10px로 설정 */
  
}

.banner3x > div {
  font-size: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.banner3x > div:nth-child(3n + 1) {
}
.goldGlobal {
  border: 1px solid #D9C8A0; /* 테두리 색상을 더 부드럽게 */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); /* 그림자를 더 깊고 자연스럽게 */
  border-radius: 12px; /* 모서리를 더 둥글게 */
  overflow: hidden; /* 모서리 디자인이 적용되도록 */
  background: #ffffff; /* 배경을 깨끗한 흰색으로 변경 */
}

.goldGlobal > div {
  text-align: center;
  padding-top: 20px;
}
.openmarket {
  background: #f3f3f3;
  text-align: center;
}

.opentit {
  color: #343434;
  font-size: 32px;
  letter-spacing: -0.5px;
  padding-top: 30px;
}

.top_payment {
  font-size: 0;
  padding-top: 22px;
  min-height: 260px; /* 원하는 높이 */
  box-sizing: border-box;
}
.top_payment a {
  margin: 0 5px;
}
.listboard {
  border: 1px solid #D9C8A0; /* 테두리 색상을 더 부드럽게 */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); /* 그림자를 더 깊고 자연스럽게 */
  border-radius: 12px; /* 모서리를 더 둥글게 */
  overflow: hidden; /* 모서리 디자인이 적용되도록 */
  background: #ffffff; /* 배경을 깨끗한 흰색으로 변경 */
}
.listboard .list {
  margin-top: 25px;
  margin-left: 20px;
}
.listboard .list li {
  width: 100%;
  color: #595959;
  position: relative;
  padding-bottom: 12px;
}
.listboard .list li a {
  font-size: 13px;
  color: #595959;
  display: block;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listboard .list li span {
  position: absolute;
  top: 0;
  right: 19px;
}
.reviewbanner {
}
.reviewbanner img {
  width: 100%;
}

.linkBaner {
  font-size: 0;
  padding-top: 20px;
}

.linkBaner a {
  display: inline-block;
  vertical-align: top;
  width: 420px;
}

.linkBaner a + a {
  margin-left: 10px;
}

.linkBaner a img {
  width: 100%;
}

.midSlide {
  width: 1280px;
  margin: 60px auto 0;
  overflow: hidden;
  position: relative;
}

.midSlide img {
  width: 100%;
}
.mainTit {
  color: #303030;
  font-size: 28px;
  text-align: center;
  padding: 75px 0 25px;
}

.grid {
  text-align: center;
  font-size: 0;
}

.grid a {
  margin: 0 6px;
  display: inline-block;
}
.grid a .on {
  display: none;
}

.grid a.on img {
  display: none;
}
.grid a.on .on {
  display: block;
}

.midSlide .swiper-pagination {
  top: 15px;
  bottom: auto !important;
  right: 15px !important;
  left: auto !important;
  text-align: right;
}

.midSlide .swiper-pagination span {
  background: #ffffff;
  width: 12px;
  height: 12px;
  opacity: 1;
}

.midSlide .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}
.more {
  text-align: center;
  margin-bottom: 100px;
}
.remote {
  display: none;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  background: rgba(0, 0, 0, 0.8); /* 검은색 배경 + 50% 투명 */
  color: #ffffff; /* 글씨는 선명하게 유지 */
  border: 2px solid #212121;
  border-radius: 5px;
  padding-bottom: 6px;
  left: 50%;
  margin-left: -930px;
}
.remote h3 {
  color: #ffe600;
  font-size: 15px;
  padding: 17px 20px;
  font-weight: bold; /* 글씨 볼드 처리 */
}

.remote ul li {
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}
.remote ul li:hover {
  color: #494949;
  background: url(/design/daehangold/images/arr.png) #ffe600 no-repeat right 13px
    center;
}

/* ======== 오늘의 금시세 리뉴얼 CSS ======== */

/* 전체 박스 디자인 */
.goldBoard {
  border: 1px solid #D9C8A0; /* 테두리 색상을 더 부드럽게 */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); /* 그림자를 더 깊고 자연스럽게 */
  border-radius: 12px; /* 모서리를 더 둥글게 */
  overflow: hidden; /* 모서리 디자인이 적용되도록 */
  background: #ffffff; /* 배경을 깨끗한 흰색으로 변경 */
  
}

/* 제목("오늘의 금시세") 스타일 */
.boxtit {
  color: #111;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  position: relative;
  line-height: 1.2;
  margin: 0;
  padding: 20px;
  background: linear-gradient(to right, #FDFBF5, #F9F5EA); /* 고급스러운 그라데이션 배경 */
  border-bottom: 1px solid #EAE1C5; /* 하단 구분선 */
}
/* 제목 옆 날짜 스타일 */
.boxtit span {
  color: #c59a1f;
  font-size: 14px;
  font-weight: 500;
  margin-left: 12px;
}
/* '더보기' 버튼 위치 */
.boxtit a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

/* 시세표 전체 컨테이너 */
.goldTable {
  padding: 0 10px 10px 10px;
}


/* 시세표 헤더 ("품목", "내가 살때", "내가 팔때") */
.goldTable .subject {
  display: flex;
  background: #f9f9f9;
  font-size: 12px;
  color: #555;
  font-weight: 500;
  border-bottom: 1px solid #eee;
  padding: 0 10px;
}
.goldTable .subject span {
  padding: 10px 0;
  text-align: center;
  flex: 1;
  border: none;
  height: auto;
  line-height: normal;
}
/* ▼▼▼▼▼▼▼▼▼▼ '품목' 헤더 가운데 정렬 ▼▼▼▼▼▼▼▼▼▼ */
.goldTable .subject span:first-child {
  flex: 0 0 80px;
  text-align: center; /* left -> center로 변경 */
}
/* ▲▲▲▲▲▲▲▲▲▲ 수정 완료! ▲▲▲▲▲▲▲▲▲▲ */

.goldTable .subject span:nth-child(2) {
  border: none;
  width: auto;
  text-align: right; 

}
.goldTable .subject span:nth-child(3) {
  width: auto;
  text-align: right; 
}

/* 시세 목록 한 줄 한 줄 (순금, 18K 등) */
.goldTable .listWrap .list {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
  padding: 8px 10px;
  transition: background-color 0.2s;
  height: auto;
  line-height: normal;
}
.goldTable .listWrap .list:last-child {
  border-bottom: none;
}
.goldTable .listWrap .list:hover {
  background-color: #f9f9f9;
}
.goldTable .listWrap .list > div {
  font-size: 14px;
}

/* ▼▼▼▼▼▼▼▼▼▼ '품목' 내용 가운데 정렬 ▼▼▼▼▼▼▼▼▼▼ */
/* 품목 이름 (순금, 18K 등) */
.goldTable .listWrap .list .name {
  flex: 0 0 80px;
  font-weight: 500;
  text-align: center; /* left -> center로 변경 */
  border: none;
  width: auto;
}
/* ▲▲▲▲▲▲▲▲▲▲ 수정 완료! ▲▲▲▲▲▲▲▲▲▲ */


/* 가격 표시 영역 (원래대로 오른쪽 정렬 유지) */
.goldTable .listWrap .list .price {
  flex: 1;
  text-align: right;
  font-size: 12px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.3;
  padding: 0;
  width: auto;
  position: static;
}
.goldTable .listWrap .list .price.different,
.goldTable .listWrap .list .price.different2 {
  padding: 0;
  border: none;
  text-align: right;
  width: auto;
  position: static;
}

.goldTable .listWrap .list .price .big {
  font-size: 16px;
  font-weight: 600;
  margin-right: 2px;
}

/* 전일 대비 등락 표시 */
.goldTable .listWrap .list .price .num {
  font-size: 12px;
  font-weight: 500;
  padding-left: 12px;
  position: relative;
  left: auto;
  top: auto;
}
/* 등락 화살표 아이콘 */
.goldTable .listWrap .list .price .num::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  transform: translateY(-50%);
}

.goldTable .listWrap .list .price.different .num:after,
.goldTable .listWrap .list .price.different2 .num:after {
  display: none;
}

/* 상승 (▲) */
.goldTable .listWrap .list .price .num.plus {
  color: #d63031;
}
.goldTable .listWrap .list .price .num.plus::before {
  border-bottom-color: #d63031;
  transform: translateY(-70%);
}
/* 하락 (▼) */
.goldTable .listWrap .list .price .num.minus {
  color: #0984e3;
}
.goldTable .listWrap .list .price .num.minus::before {
  border-top-color: #0984e3;
  transform: translateY(-30%);
}
/* 보합 (-) 아이콘 숨기기 */
.goldTable .listWrap .list .price .num:not(.plus):not(.minus)::before {
  display: none;
}

/* 품목별 색상 */
.goldTable .listWrap .list.realgold .name {
  color: #d4af37;
}
.goldTable .listWrap .list.gold18 .name {
  color: #e67e22;
}
.goldTable .listWrap .list.gold14 .name {
  color: #f1c40f;
}
.goldTable .listWrap .list.whitegold .name {
  color: #7f8c8d;
}
.goldTable .listWrap .list.silver .name {
  color: #bdc3c7;
}

.goldTable .listWrap + .listWrap {
  display: none;
}

.linkBanerSlide1,
.linkBanerSlide2,
.st,
.reviewbanner {
  width: 420px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  position: relative;
}

.linkBanerSlide1 img,
.linkBanerSlide2 img,
.st img,
.reviewbanner img {
  width: 100%;
}

.linkBanerSlide2,
.st {
  margin-left: 10px;
}

.linkBanerSlide1 .swiper-pagination,
.linkBanerSlide2 .swiper-pagination,
.reviewbanner .swiper-pagination {
  top: 15px;
  bottom: auto !important;
  right: 15px !important;
  left: auto !important;
  text-align: right;
}

.linkBanerSlide1 .swiper-pagination span,
.linkBanerSlide2 .swiper-pagination span,
.reviewbanner .swiper-pagination span {
  background: #ffffff;
  width: 8px;
  height: 8px;
  opacity: 1;
}
.linkBanerSlide1 .swiper-pagination .swiper-pagination-bullet-active,
.linkBanerSlide2 .swiper-pagination .swiper-pagination-bullet-active,
.reviewbanner .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}
.area0 {
  position: relative;
  /* padding-bottom: 10px; */
}
.area0 .prd_list {
  overflow: hidden;
}
.area0 .prd_list.list4x li {
  margin-left: 0;
}

.area0 .prd_list .swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.area0 .prd_list .swiper-pagination .swiper-pagination-bullet {
  background: #e6e6e6;
  opacity: 1;
  margin: 0 3px;
}

.area0 .prd_list .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}



/* BASIC css end */
/* Hallmark · component: gold-quotes · tone: contemporary, quiet · anchor: deep green · critique P5 H5 E4 S5 R5 V4 */
.dgq,.dgq-dialog{--dg-paper:oklch(99.5% .002 155);--dg-ink:oklch(25% .023 160);--dg-muted:oklch(48% .02 160);--dg-accent:oklch(43% .065 160);--dg-soft:oklch(95% .016 160);--dg-line:oklch(90% .008 160);--dg-shadow:oklch(20% .02 160 / .12);--dg-backdrop:oklch(18% .02 160 / .4);--dg-alert:oklch(49% .1 65);--dg-body:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--dg-numbers:'Arial','Pretendard',sans-serif;box-sizing:border-box;font:14px/1.55 var(--dg-body);font-weight:400;color:var(--dg-ink);letter-spacing:-.025em;-webkit-font-smoothing:antialiased}
.dgq *,.dgq-dialog *{box-sizing:border-box}.dgq [hidden],.dgq-dialog [hidden]{display:none!important}.dgq{background:var(--dg-paper);border:1px solid var(--dg-line);border-radius:16px;box-shadow:0 6px 28px var(--dg-shadow);overflow:clip}.dgq h2,.dgq-dialog h2,.dgq-dialog h3{font-family:var(--dg-body);font-style:normal;color:var(--dg-ink);margin:0;font-weight:600;letter-spacing:-.055em}.dgq p,.dgq-dialog p{margin:0}.dgq button,.dgq-dialog button,.dgq-dialog select,.dgq-dialog input{font:inherit;letter-spacing:inherit;touch-action:manipulation}.dgq button,.dgq-dialog button{border:0;cursor:pointer;white-space:nowrap;background:none;color:inherit}.dgq button:focus-visible,.dgq-dialog button:focus-visible,.dgq-dialog select:focus-visible,.dgq-dialog input:focus-visible,.dgq-dialog summary:focus-visible{outline:2px solid var(--dg-accent);outline-offset:3px}.dgq button:disabled,.dgq-dialog button:disabled{opacity:.35;cursor:default}.dgq-dialog button:hover:not(:disabled){background:var(--dg-soft)}.dgq button:active:not(:disabled),.dgq-dialog button:active:not(:disabled){transform:translateY(1px)}.dgq-head{padding:26px 26px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.dgq-head h2{font-size:23px;line-height:1.3}.dgq-head p{font-size:11px;color:var(--dg-muted);white-space:nowrap}.dgq-table{width:calc(100% - 52px);margin:0 26px;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.dgq-table th{text-align:right;font-size:12px;font-weight:400;color:var(--dg-muted);padding:0 0 12px;border-bottom:1px solid var(--dg-line)}.dgq-table th:first-child{text-align:left;width:28%}.dgq-table td{padding:17px 0;border-bottom:1px solid var(--dg-line);text-align:right;font:600 20px/1.2 var(--dg-numbers);letter-spacing:-.035em;white-space:nowrap}.dgq-table td:first-child{text-align:left;font:500 14px/1.3 var(--dg-body)}.dgq-table tr:last-child td{border-bottom:0}.dgq-table button{padding:0;font:inherit}.dgq-table button:hover{color:var(--dg-accent)}.dgq-unit{margin:0 26px!important;padding:7px 0 18px;color:var(--dg-muted);font-size:11px}.dgq-more{width:100%;padding:17px 26px;display:flex;align-items:center;justify-content:space-between;background:var(--dg-soft)!important;color:var(--dg-accent)!important;font-size:13px!important;font-weight:600!important;border-top:1px solid var(--dg-line)!important}.dgq-more span:last-child{font-size:18px}.dgq-more:hover{filter:brightness(.985)}
.dgq-dialog{padding:0;border:1px solid var(--dg-line);border-radius:20px;width:min(1040px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;background:var(--dg-paper);box-shadow:0 20px 100px var(--dg-shadow);overscroll-behavior:contain}.dgq-dialog::backdrop{background:var(--dg-backdrop);backdrop-filter:blur(4px)}.dgq-dialog-head{padding:26px 32px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dg-line);gap:16px}.dgq-dialog h2{font-size:25px}.dgq-dialog-head p{font-size:12px;color:var(--dg-muted);margin-top:4px}.dgq-close{width:40px;height:40px;border-radius:50%;font-size:26px!important;line-height:1;flex:none}.dgq-content{padding:26px 32px 22px}.dgq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.dgq-metal{border:1px solid var(--dg-line);border-radius:8px;padding:9px 32px 9px 12px;background:var(--dg-paper);color:var(--dg-ink);font-size:14px!important;min-height:42px}.dgq-switch{display:flex;background:var(--dg-soft);padding:4px;border-radius:8px;gap:3px}.dgq-switch button{border-radius:5px;padding:7px 15px;font-size:12px;min-height:32px;color:var(--dg-muted)}.dgq-switch button[aria-pressed=true]{background:var(--dg-ink)!important;color:var(--dg-paper)}.dgq-periods{display:flex;gap:6px;justify-content:flex-end}.dgq-periods button{font-size:12px;min-height:38px;padding:8px 14px;border-radius:7px;color:var(--dg-muted)}.dgq-periods button[aria-pressed=true]{background:var(--dg-soft)!important;color:var(--dg-accent);font-weight:600}.dgq-value-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:25px 0 18px}.dgq-value-row p{font-size:11px;color:var(--dg-muted);margin-bottom:5px}.dgq-value-row strong{font:500 32px/1.15 var(--dg-numbers);letter-spacing:-.05em}.dgq-value-row strong small{font:400 14px var(--dg-body);margin-left:5px}.dgq-range{font:400 12px/1.5 var(--dg-numbers)!important;color:var(--dg-muted);margin-top:20px!important;letter-spacing:0}.dgq-plot{height:340px;position:relative;min-width:0}.dgq-svg{width:100%;height:100%;display:block;overflow:visible;touch-action:pan-y}.dgq-svg text{font:11px var(--dg-numbers);fill:var(--dg-muted)}.dgq-grid{stroke:var(--dg-line);stroke-width:1}.dgq-path{stroke:var(--dg-accent);stroke-width:2.1;fill:none;stroke-linejoin:round;stroke-linecap:round}.dgq-area{fill:var(--dg-accent);opacity:.055}.dgq-guide{stroke:var(--dg-muted);stroke-width:1;stroke-dasharray:3 4}.dgq-point{fill:var(--dg-paper);stroke:var(--dg-accent);stroke-width:2}.dgq-hit{fill:transparent;cursor:crosshair}.dgq-tooltip{position:absolute;pointer-events:none;padding:10px 13px;border:1px solid var(--dg-line);border-radius:8px;background:var(--dg-paper);box-shadow:0 4px 20px var(--dg-shadow);font-size:12px;white-space:nowrap;z-index:2}.dgq-tooltip strong{display:block;font:600 19px var(--dg-numbers);margin-top:4px}.dgq-tooltip small{color:var(--dg-alert);display:block;font-size:11px;margin-top:4px}.dgq-view-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--dg-line);padding-top:18px;margin-top:18px}.dgq-view-row p{font-size:11px;color:var(--dg-muted)}.dgq-table-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:22px 0 10px}.dgq-table-tools h3{font-size:15px}.dgq-export{font-size:12px;color:var(--dg-accent)!important;padding:8px;border-radius:5px}.dgq-date-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}.dgq-date-table th{text-align:right;font-weight:400;font-size:12px;color:var(--dg-muted);padding:13px 16px;background:var(--dg-soft)}.dgq-date-table th:first-child{text-align:left;width:32%}.dgq-date-table td{text-align:right;padding:15px 16px;border-bottom:1px solid var(--dg-line);font:500 15px var(--dg-numbers);letter-spacing:-.02em}.dgq-date-table td:first-child{text-align:left;color:var(--dg-muted);font-size:13px}.dgq-date-table tbody tr:hover{background:var(--dg-soft)}.dgq-date-table sup{font:500 10px var(--dg-body);margin-left:3px;color:var(--dg-alert);cursor:help}.dgq-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;font-size:12px;color:var(--dg-muted)}.dgq-pagination button{width:36px;height:36px;border:1px solid var(--dg-line);border-radius:7px}.dgq-notes{font-size:11px;color:var(--dg-muted);line-height:1.8;margin-top:22px}.dgq-notes summary{cursor:pointer;width:fit-content}.dgq-notes p{margin:8px 0 0}.dgq-notes a{color:var(--dg-accent);text-underline-offset:3px}.dgq-error{padding:28px;text-align:center;color:var(--dg-muted)}.dgq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dgq-dialog input[type=checkbox]{accent-color:var(--dg-accent)}
@media(max-width:640px){.dgq-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.dgq-dialog-head{padding:20px}.dgq-dialog h2{font-size:21px}.dgq-content{padding:20px}.dgq-toolbar{flex-wrap:wrap;gap:10px}.dgq-periods{width:100%;justify-content:space-between;gap:4px;order:3}.dgq-periods button{flex:1;padding:8px 5px}.dgq-value-row{margin-top:22px}.dgq-value-row strong{font-size:29px}.dgq-plot{height:280px}.dgq-range{font-size:11px!important}.dgq-svg text{font-size:10px}.dgq-view-row{gap:10px;flex-wrap:wrap}.dgq-date-table th{padding:12px 8px;font-size:11px}.dgq-date-table td{padding:14px 8px;font-size:14px}.dgq-date-table td:first-child{font-size:12px}.dgq-switch button{padding:7px 12px;font-size:11px}.dgq-notes{font-size:10px}}
@media(max-width:380px){.dgq-head{padding:22px 20px 18px}.dgq-head h2{font-size:21px}.dgq-head p{font-size:10px}.dgq-table{width:calc(100% - 40px);margin:0 20px}.dgq-table td{font-size:18px}.dgq-table td:first-child{font-size:13px}.dgq-unit{margin:0 20px!important;font-size:10px}.dgq-more{padding:16px 20px}.dgq-dialog-head,.dgq-content{padding:16px}.dgq-tooltip{padding:8px 10px;font-size:11px}.dgq-tooltip strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.dgq *,.dgq-dialog *{animation:none!important;transition:none!important}}

/* Host theme compatibility */
.dgq button span,.dgq-dialog button span{visibility:visible}.dgq-dialog{margin:auto}.dgq-view-row{justify-content:flex-end}

/* Price movements: previous published notice, never a fabricated daily quote. */
.dgq .dgq-up,.dgq-dialog .dgq-up{color:#c33146}.dgq .dgq-down,.dgq-dialog .dgq-down{color:#2563b8}.dgq .dgq-delta{display:block;font:400 11px/1.35 var(--dg-numbers);letter-spacing:0;margin-top:5px;visibility:visible}.dgq .dgq-delta:not(.dgq-up):not(.dgq-down){color:var(--dg-muted)}.dgq-value-row .dgq-change{margin:8px 0 0;font-size:12px}.dgq-value-row .dgq-change.dgq-up{color:#c33146}.dgq-value-row .dgq-change.dgq-down{color:#2563b8}

/* Hallmark · component refinement · existing mint / charcoal palette · P5 H5 E5 S5 R5 V4 */
.dgq,.dgq-dialog{--dg-bar-past:#a9d9c7;--dg-bar-month:#6ebc9f;--dg-bar-today:#27836a;--dg-bar-hover:#16a279;--dg-hover-paper:#eff9f4;--dg-tip-paper:#173e31;--dg-tip-ink:#fff;--dg-tip-muted:#c2ddcf}
.dgq-table tbody tr{transition:background-color .16s ease}.dgq-table tbody tr:hover{background:var(--dg-hover-paper)}
.dgq{--dg-price-ink:#111111;--dg-metal-gold:#987215;--dg-metal-gold-swatch:#d5ad3c;--dg-metal-k18:#af561d;--dg-metal-k18-swatch:#ec872f;--dg-metal-k14:#8b750f;--dg-metal-k14-swatch:#f4d13b;--dg-metal-platinum:#647381;--dg-metal-platinum-swatch:#eef1f5;--dg-metal-silver:#56616b;--dg-metal-silver-swatch:#b4bec8;--dg-metal-edge:#9aa4ad}
.dgq .dgq-table td:not(:first-child),.dgq .dgq-table td:not(:first-child)>span{color:var(--dg-price-ink)}
.dgq .dgq-table th,.dgq .dgq-table td{text-align:left}
.dgq .dgq-table th{font-weight:700}
.dgq .dgq-price{display:inline-grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;justify-content:start;gap:8px;text-align:left}
.dgq .dgq-price .dgq-amount{color:var(--dg-price-ink);font-weight:700}
.dgq .dgq-price .dgq-delta{display:block;margin:0;font:400 11px/1.2 var(--dg-numbers);letter-spacing:0;white-space:nowrap}
@media(max-width:600px){.dgq .dgq-price{grid-template-columns:minmax(0,1fr);justify-items:start;gap:3px}.dgq .dgq-price .dgq-delta{font-size:10px}}
.dgq .dgq-table button[data-open]{color:var(--dg-metal-label);font-weight:700;display:inline-flex;align-items:center;gap:8px}
.dgq .dgq-head h2,.dgq .dgq-table td{font-weight:700!important}
.dgq .dgq-more{font-weight:400!important}
.dgq .dgq-table button[data-open]::before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--dg-metal-swatch);flex:none}
.dgq .dgq-table [data-open=gold]{--dg-metal-label:var(--dg-metal-gold);--dg-metal-swatch:var(--dg-metal-gold-swatch)}
.dgq .dgq-table [data-open=k18]{--dg-metal-label:var(--dg-metal-k18);--dg-metal-swatch:var(--dg-metal-k18-swatch)}
.dgq .dgq-table [data-open=k14]{--dg-metal-label:var(--dg-metal-k14);--dg-metal-swatch:var(--dg-metal-k14-swatch)}
.dgq .dgq-table [data-open=platinum]{--dg-metal-label:var(--dg-metal-platinum);--dg-metal-swatch:var(--dg-metal-platinum-swatch)}
.dgq .dgq-table [data-open=silver]{--dg-metal-label:var(--dg-metal-silver);--dg-metal-swatch:var(--dg-metal-silver-swatch)}
.dgq .dgq-table [data-open=platinum]::before,.dgq .dgq-table [data-open=silver]::before{border:1px solid var(--dg-metal-edge)}
.dgq-dialog .dgq-value-row{display:grid;grid-template-columns:200px var(--dg-comparison-width,250px) minmax(0,1fr);align-items:center;gap:24px;margin:24px 0 22px}
.dgq-value-row[data-comparison-count="4"]{--dg-comparison-width:310px}.dgq-value-row[data-comparison-count="5"]{--dg-comparison-width:370px}
.dgq-value-row>[data-role=latest-date]{align-self:end;white-space:nowrap;text-align:right}
.dgq-comparison{position:relative;min-width:0}
.dgq-compare{display:grid;grid-template-columns:repeat(var(--dg-compare-count,3),minmax(0,1fr));gap:10px}
.dgq-dialog .dgq-compare-button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;border-radius:9px;padding:8px 10px 6px;position:relative;transition:background-color .16s ease;color:var(--dg-muted)}
.dgq-compare-track{display:flex;align-items:flex-end;justify-content:center;height:52px;width:100%;border-bottom:1px solid var(--dg-line)}
.dgq-compare-track i{display:block;width:100%;max-width:34px;border-radius:4px 4px 0 0;background:var(--dg-bar-past);transition:background-color .16s ease,filter .16s ease;transform-origin:bottom}
.dgq-compare-button[data-compare-months="1"] .dgq-compare-track i{background:var(--dg-bar-month)}.dgq-compare-button[data-compare-months="0"] .dgq-compare-track i{background:var(--dg-bar-today)}
.dgq-dialog .dgq-compare-button:hover,.dgq-dialog .dgq-compare-button.is-active,.dgq-dialog .dgq-compare-button:focus-visible{background:var(--dg-hover-paper);color:var(--dg-accent)}
.dgq-compare .dgq-compare-button:hover i,.dgq-compare .dgq-compare-button.is-active i,.dgq-compare .dgq-compare-button:focus-visible i{background:var(--dg-bar-hover)}
.dgq-dialog .dgq-compare-label{font:11px/1.2 var(--dg-body);visibility:visible}
.dgq-compare-tip{position:absolute;bottom:calc(100% + 7px);padding:10px 13px;min-width:152px;max-width:100%;border-radius:9px;z-index:3;box-shadow:0 5px 18px var(--dg-shadow);background:var(--dg-tip-paper);color:var(--dg-tip-ink);pointer-events:none;white-space:nowrap;font-size:11px;letter-spacing:0}
.dgq-compare-tip>span{color:var(--dg-tip-muted)}.dgq-compare-tip strong{display:block;margin-top:5px;font:600 20px/1.2 var(--dg-numbers);color:var(--dg-tip-ink)}.dgq-compare-tip small{display:block;margin-top:4px;font-size:10px;color:var(--dg-tip-muted)}
.dgq-svg .dgq-path{transition:stroke .16s ease}.dgq-svg .dgq-area{transition:opacity .16s ease}.dgq-svg:hover .dgq-path,.dgq-svg:focus .dgq-path{stroke:var(--dg-bar-hover)}.dgq-svg:hover .dgq-area,.dgq-svg:focus .dgq-area{opacity:.1}
@media(min-width:761px) and (max-width:1000px){.dgq-dialog .dgq-value-row{grid-template-columns:200px minmax(0,1fr)}.dgq-value-row>[data-role=latest-date]{grid-column:1 / -1;margin:0}}
@media(max-width:760px){.dgq-dialog .dgq-value-row{grid-template-columns:minmax(0,1fr) 190px;gap:8px 16px;align-items:center}.dgq-value-row>[data-role=latest-date]{grid-column:1 / -1;margin:0}.dgq-compare-track{height:46px}.dgq-dialog .dgq-compare-button{padding:7px 7px 5px}.dgq-value-row .dgq-change{font-size:11px}.dgq-compare-tip{min-width:145px}}
@media(max-width:380px){.dgq-dialog .dgq-value-row{grid-template-columns:minmax(0,1fr) 126px;gap:8px}.dgq-value-row strong{font-size:27px}.dgq-value-row strong small{font-size:11px;margin-left:2px}.dgq-value-row [data-role=price-label]{font-size:10px}.dgq-value-row .dgq-change{font-size:10px}.dgq-compare{gap:3px}.dgq-dialog .dgq-compare-button{padding:6px 4px}.dgq-compare-track{height:38px}.dgq-dialog .dgq-compare-label{font-size:10px}.dgq-compare-tip{min-width:0;width:150px;max-width:100%;padding:9px 10px}.dgq-compare-tip strong{font-size:16px}}
@media(max-width:760px){.dgq-dialog .dgq-value-row[data-comparison-count="4"],.dgq-dialog .dgq-value-row[data-comparison-count="5"]{grid-template-columns:minmax(0,1fr);gap:12px}.dgq-value-row[data-comparison-count="4"] .dgq-comparison,.dgq-value-row[data-comparison-count="5"] .dgq-comparison{width:100%;max-width:370px}.dgq-value-row[data-comparison-count="4"] .dgq-compare,.dgq-value-row[data-comparison-count="5"] .dgq-compare{gap:8px}}

/* === 대한골드 메인: 원본 3열 그리드 유지 / 1행 금시세, 2행 후기+배너 === */
.banner3x.dg-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;align-items:start}
.banner3x.dg-home-grid>.dg-home-quote{grid-column:1 / 3;grid-row:1;min-width:0;display:block}
.banner3x.dg-home-grid>.dg-home-international{grid-column:3;grid-row:1;min-width:0;width:100%}
.banner3x.dg-home-grid>.dg-home-reviews{grid-column:1 / 3;grid-row:2;min-width:0}
.banner3x.dg-home-grid>.reviewbanner{grid-column:3;grid-row:2;width:100%;min-width:0;margin-left:0}
.dg-home-grid .dg-source[hidden]{display:none!important}
.dgq-dialog .dg-sync-status{font-size:12px;color:var(--dg-muted);margin-top:12px}
.dgq-dialog .dg-sync-status button{text-decoration:underline;padding:4px}
/* 시세 카드: 크기만 확장하며 내용과 버튼 로직은 원본 유지 */
.dg-home-quote .dgq{border-radius:14px;box-shadow:none;height:400px;display:flex;flex-direction:column}
.dg-home-quote .dgq-head{padding:20px 22px 14px}
.dg-home-quote .dgq-head p{font-size:11px}
.dg-home-quote .dgq-table{width:calc(100% - 44px);margin:0 22px;table-layout:fixed}
.dg-home-quote .dgq-table th{font-size:12px;padding-bottom:9px;color:#52665b}
.dg-home-quote .dgq-table th:first-child{width:20%}
.dg-home-quote .dgq-table td{padding:9px 0;line-height:1.2}
.dg-home-quote .dgq-unit{margin:0 22px!important;padding:4px 0 12px;font-size:11px}
.dg-home-quote .dgq-more{margin-top:auto;padding:13px 22px;font-size:13px!important}
/* 국제 금시세: FAQ가 있던 3열 1행의 독립 카드로 배치. 로고/출처는 원본 위치 유지 */
.dg-home-international{--dg-int-paper:#fff;--dg-int-ink:#1a2d25;--dg-int-muted:#64756d;--dg-int-line:#dfe6e1;height:400px;min-width:0;padding:20px 16px 12px;box-sizing:border-box;border:1px solid var(--dg-int-line);border-radius:14px;background:var(--dg-int-paper);color:var(--dg-int-ink)}
.dg-home-international h3{font-size:18px;font-weight:600;line-height:1.3;margin:0;letter-spacing:-.045em}
.dg-home-international>p{font-size:10px;color:var(--dg-int-muted);line-height:1.5;margin:6px 0 10px}
.dg-home-international .dg-international-frame{height:302px;width:100%;min-width:0}
.dg-home-international .tradingview-widget-container{height:100%;width:100%;min-width:0}
.dg-home-international .tradingview-widget-container__widget{height:calc(100% - 26px);width:100%}
.dg-home-international .tradingview-widget-copyright{font-size:10px;line-height:22px;text-align:center;white-space:nowrap}
.dg-home-international .tradingview-widget-copyright a{font-size:10px;color:var(--dg-int-muted)}
/* 오늘의 금시세: 헤더/가격 글씨만 차분한 최신 쇼핑몰 톤으로 */
.dg-home-quote .dgq{font-family:'Pretendard','SUIT','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.035em}
.dg-home-quote .dgq .dgq-head h2{font-size:21px;line-height:1.35;font-weight:600!important;letter-spacing:-.06em;color:#20352c}
.dg-home-quote .dgq .dgq-head p{color:#75847d;letter-spacing:-.01em;font-weight:400}
.dg-home-quote .dgq .dgq-table th:not(:first-child){text-align:center;font-weight:500;letter-spacing:-.025em}
.dg-home-quote .dgq .dgq-table th:first-child{text-align:left;font-weight:500}
.dg-home-quote .dgq .dgq-table td{font-family:inherit;font-size:20px;font-weight:600!important;letter-spacing:-.04em;text-align:left}
.dg-home-quote .dgq .dgq-table td:first-child{font-size:14px;font-weight:500!important}
.dg-home-quote .dgq .dgq-table button[data-open]{font-weight:500;gap:8px}
.dg-home-quote .dgq .dgq-table button[data-open]::before{width:7px;height:7px}
/* 원본 가격 덩어리의 좌측 시작 위치를 유지. 그 안에서만 ▲▼ 왼쪽 / 고시가 오른쪽 정렬 */
.dg-home-quote .dgq .dgq-price{display:inline-grid;grid-template-columns:56px 140px;gap:8px;align-items:baseline;justify-content:start;max-width:100%;vertical-align:baseline;text-align:left}
.dg-home-quote .dgq .dgq-price .dgq-delta{justify-self:start;text-align:left;margin:0;font:500 11px/1.2 'Pretendard','Noto Sans KR',Arial,sans-serif;letter-spacing:0;white-space:nowrap}
.dg-home-quote .dgq .dgq-price .dgq-amount{justify-self:end;text-align:right;font:600 20px/1.2 'Pretendard','SUIT','Noto Sans KR','Malgun Gothic',Arial,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#18261f}
.dg-home-quote .dgq .dgq-price .dgq-won{margin-left:2px;font:400 11px/1 'Pretendard','Noto Sans KR',sans-serif;color:#617067;letter-spacing:0}
.dg-home-quote .dgq .dgq-more{background:#f3f7f4!important;color:#355d49!important;font-weight:500!important;border-top-color:#e4ece6!important}
.dg-home-reviews{grid-column:1 / 3;grid-row:2;min-width:0}
.banner3x.dg-home-grid>.reviewbanner{grid-column:3;grid-row:2;width:100%;min-width:0}
.dg-home-grid .dg-source[hidden]{display:none!important}
.dgq-dialog .dg-sync-status{font-size:12px;color:var(--dg-muted);margin-top:12px}.dgq-dialog .dg-sync-status button{text-decoration:underline;padding:4px}
.dg-home-faq>.faq-box{width:100%!important;box-sizing:border-box;min-width:0;min-height:0;height:400px!important}
.dg-home-quote .dgq{border-radius:14px;box-shadow:none;height:400px;display:flex;flex-direction:column}
.dg-home-quote .dgq-head{padding:20px 22px 14px}
.dg-home-quote .dgq-head h2{font-size:22px;line-height:1.3}
.dg-home-quote .dgq-head p{font-size:11px}
.dg-home-quote .dgq-table{width:calc(100% - 44px);margin:0 22px}
.dg-home-quote .dgq-table th{font-size:13px;padding-bottom:9px;color:var(--dg-ink)}
.dg-home-quote .dgq-table th:first-child{width:20%}
.dg-home-quote .dgq-table td{padding:9px 0;font-size:22px;line-height:1.2}
.dg-home-quote .dgq-table td:first-child{font-size:15px}
@media(max-width:600px){.dg-home-quote .dgq-table td{padding:3px 0}}
.dg-home-quote .dgq-unit{margin:0 28px!important;padding:4px 0 12px;font-size:11px}
.dg-home-quote .dgq-more{margin-top:auto;padding:13px 28px;font-size:13px!important}
.dg-home-international{--dg-int-paper:#fff;--dg-int-ink:#1a2d25;--dg-int-muted:#64756d;--dg-int-line:#dfe6e1;height:400px;min-width:0;padding:20px 16px 12px;box-sizing:border-box;border:1px solid var(--dg-int-line);border-radius:14px;background:var(--dg-int-paper);color:var(--dg-int-ink)}
.dg-home-international h3{font-size:18px;font-weight:700;line-height:1.3;margin:0}
.dg-home-international>p{font-size:10px;color:var(--dg-int-muted);line-height:1.5;margin:6px 0 10px}
.dg-home-international .dg-international-frame{height:302px;width:100%;min-width:0}
.dg-home-international .tradingview-widget-container{height:100%;width:100%;min-width:0}
.dg-home-international .tradingview-widget-container__widget{height:calc(100% - 26px);width:100%}
.dg-home-international .tradingview-widget-copyright{font-size:10px;line-height:22px;text-align:center;white-space:nowrap}
.dg-home-international .tradingview-widget-copyright a{font-size:10px;color:var(--dg-int-muted)}
@media(min-width:761px) and (max-width:1100px){.banner3x.dg-home-grid>.dg-home-quote{grid-template-columns:minmax(0,1fr)}.dg-home-quote .dgq-table td{font-size:20px}}
.dg-home-reviews{--dg-ink:#243b32;--dg-muted:#64756d;--dg-line:#dfe6e1;--dg-soft:#f4f8f5;background:#fff;border:1px solid var(--dg-line);border-radius:14px;overflow:hidden;padding:20px 30px 8px;font-family:'Pretendard','Malgun Gothic',sans-serif;color:var(--dg-ink)}
.dg-review-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.dg-review-heading h3{margin:0;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.04em}
.dg-review-heading>a{font-size:12px;color:var(--dg-muted);text-decoration:none;white-space:nowrap}
.dg-review-list{margin:0;padding:0;list-style:none}
.dg-review-list li{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:38px;border-top:1px solid var(--dg-line);font-size:13px;line-height:1.5}
.dg-review-list li a{display:block;min-width:0;flex:1;color:var(--dg-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.dg-review-list li a:hover{text-decoration:underline;text-underline-offset:3px}
.dg-review-list li span{flex:none;font:12px Arial,sans-serif;color:var(--dg-muted);font-variant-numeric:tabular-nums}
.dg-review-list a:focus-visible,.dg-review-heading>a:focus-visible{outline:2px solid var(--dg-ink);outline-offset:2px}
/* 중간 PC: 원본처럼 후기와 배너 나란히. 금액 묶음 너비만 축소 */
@media(min-width:761px) and (max-width:1100px){
  .banner3x.dg-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dg-home-quote .dgq .dgq-price{grid-template-columns:49px 110px;gap:6px}
  .dg-home-quote .dgq .dgq-price .dgq-amount{font-size:18px}
  .dg-home-quote .dgq .dgq-price .dgq-delta{font-size:10px}
  .dg-home-quote .dgq .dgq-table th:first-child{width:20%}
  .dg-home-quote .dgq .dgq-table td:first-child{font-size:13px}
  .dg-home-reviews{padding:18px 20px 8px}
}
/* 모바일만 세로로 쌓음: 후기와 배너 모두 보존 */
@media(max-width:760px){
  .banner3x.dg-home-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .banner3x.dg-home-grid>.dg-home-quote{grid-column:1;grid-row:1}
  .banner3x.dg-home-grid>.dg-home-international{grid-column:1;grid-row:2}
  .banner3x.dg-home-grid>.dg-home-reviews{grid-column:1;grid-row:3}
  .banner3x.dg-home-grid>.reviewbanner{grid-column:1;grid-row:4;width:100%;margin-left:0}
  .dg-home-quote .dgq{height:auto;min-height:400px}
  .dg-home-quote .dgq-head{padding:20px 20px 14px}
  .dg-home-quote .dgq-table{width:calc(100% - 40px);margin:0 20px}
  .dg-home-quote .dgq .dgq-table td{font-size:16px;padding:7px 0}
  .dg-home-quote .dgq .dgq-table td:first-child{font-size:13px}
  .dg-home-quote .dgq .dgq-price{display:grid;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);gap:4px}
  .dg-home-quote .dgq .dgq-price .dgq-amount{font-size:16px;justify-self:end;text-align:right}
  .dg-home-quote .dgq .dgq-price .dgq-delta{font-size:10px}
  .dg-home-quote .dgq-unit{margin:0 20px!important;padding:7px 0 12px;font-size:10px}
  .dg-home-quote .dgq-more{padding:13px 20px}
  .dg-home-international{height:400px}
  .dg-home-reviews{padding:18px 20px 8px}
  .dg-review-list li{gap:12px}
}
@media(max-width:380px){
  .dg-home-quote .dgq .dgq-price .dgq-amount{font-size:15px}
  .dg-home-quote .dgq .dgq-price .dgq-won{font-size:10px}
}


/* ================================================================
   대한골드 2026-10-14 수정: 매입/판매 헤더 + 등락 + 금액 동일 기준으로 이동
   - 원래 금시세 셀의 폭, 전체 3열 그리드, 후기/배너 배치는 그대로
   - 폭을 채우는 과도한 양끝 정렬 대신 각 가격 묶음을 각 열 가운데에
   - 헤더/등락/금액을 같은 양만 소폭 오른쪽으로 이동
   ================================================================ */
@media (min-width: 761px) {
  .banner3x.dg-home-grid > .dg-home-quote .dgq {
    --dg-column-right-shift: clamp(12px, 1.6vw, 23px);
  }
  /* 열 제목부터 동일한 양 오른쪽으로: 내가 살 때 / 내가 팔 때 */
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table th:nth-child(2),
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table th:nth-child(3) {
    position: relative;
    left: var(--dg-column-right-shift);
    text-align: center;
  }
  /* 가격 그룹을 각 열 가운데에서 시작하도록, 전체 그룹 단위 이동 */
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table td:nth-child(2),
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table td:nth-child(3) {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table td:nth-child(2) .dgq-price,
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table td:nth-child(3) .dgq-price {
    display: inline-grid;
    width: auto;
    max-width: calc(100% - 2px);
    grid-template-columns: 56px 140px;
    gap: 8px;
    vertical-align: baseline;
    position: relative;
    left: var(--dg-column-right-shift);
    text-align: left;
  }
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table .dgq-price .dgq-delta {
    justify-self: start;
    text-align: left;
    margin: 0;
  }
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table .dgq-price .dgq-amount {
    justify-self: end;
    text-align: right;
    white-space: nowrap;
  }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table td:nth-child(2) .dgq-price,
  .banner3x.dg-home-grid > .dg-home-quote .dgq-table td:nth-child(3) .dgq-price {
    grid-template-columns: 49px 110px;
    gap: 6px;
  }
}


/* 2026-10-14: 국제 금시세 카드의 일반 HTML 제목 두 줄만 가운데 정렬.
   TradingView 위젯 내부 텍스트, 로고, 시세표/후기/배너에는 영향 없음. */
.banner3x.dg-home-grid > .dg-home-international > #dg-international-title {
  width:100%;
  text-align:center;
}
.banner3x.dg-home-grid > .dg-home-international > p {
  width:100%;
  text-align:center;
}


/* ====================================================================
   대한골드 2026-10-15: 금시세·국제시세·리뷰 카드 진회색 얇은 테두리
   - 카드 안의 시세표 열 구분선은 유지
   ==================================================================== */
.banner3x.dg-home-grid > .dg-home-quote .dgq,
.banner3x.dg-home-grid > .dg-home-international {
  border: 1px solid #6F7973 !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 14px;
}
/* 원래 400px 높이 고정 → 아래 상품후기·배너가 밀리지 않도록 */
.banner3x.dg-home-grid > .dg-home-international {
  display: flex;
  flex-direction: column;
  height: 400px;
  min-height: 0;
  padding: 15px 15px 9px;
  overflow: hidden;
  font-family: 'Pretendard','SUIT','Noto Sans KR','Malgun Gothic',sans-serif;
}
.banner3x.dg-home-grid > .dg-home-international > h3 {
  flex: none;
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.35;
}
.banner3x.dg-home-grid > .dg-home-international > .dg-int-subtitle {
  flex: none;
  width: 100%;
  margin: 2px 0 6px;
  text-align: center;
  font-size: 11px;
  line-height: 1.3;
}
.dg-home-international .dg-int-live {
  flex: none;
  width: 100%;
  text-align: center;
  padding: 4px 0 6px;
  border-bottom: 1px solid #eef0ec;
}
.dg-home-international .dg-int-live-name {
  color: #46564c;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
}
.dg-home-international .dg-int-live-main {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  line-height: 1.1;
  padding: 3px 0 2px;
}
.dg-home-international .dg-int-live-main strong {
  color: #1c2820;
  font: 600 clamp(22px, 2.0vw, 29px)/1.15 Arial,'Pretendard',sans-serif;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.dg-home-international .dg-int-live-main span {
  color: #68756d;
  font-size: 11px;
}
.dg-home-international .dg-int-live-change {
  color: #7b877f;
  font-size: 11px;
  line-height: 1.45;
  min-height: 16px;
}
.dg-home-international .dg-int-live-change.dg-int-up{color:#b92e40}
.dg-home-international .dg-int-live-change.dg-int-down{color:#286abb}
.dg-home-international .dg-int-live-source {
  margin-top: 1px;
  color: #79857f;
  font-size: 9px;
  line-height: 1.5;
}
/* 헤더 아래 남은 공간을 TV 그래프에 사용하고 원래 저작권 문구 유지 */
.banner3x.dg-home-grid > .dg-home-international > .dg-international-frame {
  flex: 1 1 auto;
  width: 100%;
  height: auto !important;
  min-height: 0;
  margin-top: 5px;
}
.dg-home-international .dg-international-frame > .tradingview-widget-container {
  height: 100%;
  width: 100%;
}
.dg-home-international .tradingview-widget-container__widget {
  height: calc(100% - 22px);
  width: 100%;
}
.dg-home-international .tradingview-widget-copyright {
  line-height: 18px;
  height: 22px;
  margin: 0;
  text-align: center;
}
@media(max-width:760px){
  .banner3x.dg-home-grid > .dg-home-international{height:400px}
  .dg-home-international .dg-int-live-main strong{font-size:27px}
}
@media(max-width:380px){
  .dg-home-international .dg-int-live-main strong{font-size:24px}
}

/* ===== 2026-10-14: 국제 금시세만 최소 수정 ===== */
/* 기존 시세표·후기·배너 배치 규칙 변경 없음 */
.banner3x.dg-home-grid > .dg-home-international > h3 {
  font-size: 21px; /* 오늘의 금시세 제목과 같은 크기 */
}
/* 상승 초록, 하락 빨강: 기존 CSS의 반대 색상만 교정 */
.dg-home-international .dg-int-live-change.dg-int-up {
  color: #159568 !important;
}
.dg-home-international .dg-int-live-change.dg-int-down {
  color: #df3543 !important;
}
.dg-home-international .dg-int-live-change {
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

/* 오늘의 금시세 표 간격 조정 */
.dg-home-quote .dgq-table {
  margin-top: 7px;
}

/* 품목 / 내가 살 때 / 내가 팔 때 */
.dg-home-quote .dgq-table th {
  padding-bottom: 12px;
}

/* 순금부터 은까지 각 줄 간격 */
.dg-home-quote .dgq-table tbody td {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (max-width: 760px) {
  .dg-home-quote .dgq-table tbody td {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

/* 오늘의 금시세 열 구분선 */
.banner3x.dg-home-grid .dg-home-quote
.dgq .dgq-table :is(th, td):nth-child(1),
.banner3x.dg-home-grid .dg-home-quote
.dgq .dgq-table :is(th, td):nth-child(2) {
  box-shadow: inset -1px 0 0 #dfe7e1;
}

/* 내가 살 때 / 내가 팔 때 구분선 위치 수정 */
@media (min-width: 761px) {
  .banner3x.dg-home-grid .dg-home-quote .dgq
  .dgq-table thead th:nth-child(2) {
    box-shadow: none;
  }

  .banner3x.dg-home-grid .dg-home-quote .dgq
  .dgq-table thead th:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--dg-column-right-shift, 0px);
    width: 1px;
    background: #dfe7e1;
    pointer-events: none;
  }
}


/* 오늘의 금시세 - 제목 글씨만 왼쪽 이동 */
.dg-home-quote .dgq-table thead th:nth-child(2) {
    text-indent: -24px !important;
}

.dg-home-quote .dgq-table thead th:nth-child(3) {
    text-indent: -24px !important;
}
/* OANDA unified quote + chart: confined to international card only. */
.dg-home-international .dg-int-oanda-quote{flex:none;width:100%;min-width:0;margin:4px 0 8px}
.dg-home-international .dg-int-oanda-quote>.tradingview-widget-container{height:auto!important;width:100%}
.dg-home-international .dg-int-oanda-quote .tradingview-widget-container__widget{height:auto;width:100%}
.dg-home-international .dg-int-oanda-quote .tradingview-widget-copyright{height:22px;line-height:22px;font-size:10px;text-align:center}
.dg-home-international .dg-int-basis{font-size:10px;line-height:15px;margin:2px 0 0;text-align:center;color:#69746c}
.dg-home-international .dg-international-frame{flex:1;min-height:0;height:auto;width:100%}

/* =====================================================================
   대한골드 2026-10-15 — 메인 2행 : 상품후기 대신 가로형 혜택 3개
   - 금시세·OANDA/게시판 로직 및 위쪽 카드 크기는 그대로
   - 기존 앱·포토후기·회원가입 클릭 링크 유지
   - 가로형 이미지 4:3 / PC 3등분 / 라운드 14px / 잘림 없음
   ===================================================================== */
.banner3x.dg-home-grid > .dg-home-community {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: block !important;
  width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.banner3x.dg-home-grid > .dg-home-community > .dg-home-promos {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: start;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.banner3x.dg-home-grid .dg-home-promos > .dg-home-promo {
  display: block !important;
  width: 100% !important;
  min-width: 0;
  height: auto !important;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 14px !important;
  line-height: 0;
  background: #fff;
  text-decoration: none;
  box-sizing: border-box;
}
.banner3x.dg-home-grid .dg-home-promos > .dg-home-promo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 4 / 3;
  object-fit: contain !important;
  margin: 0 !important;
  border-radius: 14px;
}
/* 위쪽 금시세 카드 다음, 모바일 한 열 구성에서 세 번째 행에 위치 */
@media (max-width: 760px) {
  .banner3x.dg-home-grid > .dg-home-community {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
  .banner3x.dg-home-grid > .dg-home-community > .dg-home-promos {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
}

/* BASIC css end */