@charset "utf-8";
@import url("/api/modules/assets/hwashin-site/dist/sites/HSprec/css/fonts.css");

/* ESG 기본 페이지의 sustain-empty 영역과 동일한 외곽 여백. */
.sustain-report-board{padding:48px 0 140px;min-width:0}
.sustain-report-board iframe{width:100%;max-width:100%;display:block;border:0}

/* 이 스타일은 보고서 iframe에만 적용한다. G7 폼과 게시글 동작은 그대로 사용한다. */
.hwashin-esg-report-document body{font-family:'Pretendard','Rajdhani',sans-serif!important;font-size:14pt;color:#000!important;line-height:1.8}
.hwashin-esg-report-document .hwashin-embed-main,
.hwashin-esg-report-document .hwashin-embed-main #main_content,
.hwashin-esg-report-document .hwashin-embed-main .max-w-7xl{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box}
.hwashin-esg-report-document #main_content>.py-8{padding-top:0!important;padding-bottom:0!important}
.hwashin-esg-report-document .hwashin-embed-main h1{font-family:'Pretendard',sans-serif!important;font-size:28pt!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.025em;color:#000!important}
.hwashin-esg-report-document .hwashin-embed-main button,
.hwashin-esg-report-document .hwashin-embed-main input,
.hwashin-esg-report-document .hwashin-embed-main select,
.hwashin-esg-report-document .hwashin-embed-main textarea{font-family:inherit!important}
.hwashin-esg-report-document .hwashin-embed-main .text-blue-600{color:#005bac!important}
.hwashin-esg-report-document .hwashin-embed-main .bg-blue-500,
.hwashin-esg-report-document .hwashin-embed-main .bg-blue-600{background-color:#005bac!important}
.hwashin-esg-report-document .hwashin-embed-main .border-blue-500{border-color:#005bac!important}
.hwashin-esg-report-document .hwashin-embed-main .border-gray-200{border-color:#dfe4e8!important}
.hwashin-esg-report-document .hwashin-embed-main .bg-gray-50,
.hwashin-esg-report-document .hwashin-embed-main .bg-gray-100,
.hwashin-esg-report-document .hwashin-embed-main [class~="bg-gray-100/70"]{background-color:#f3f7f9!important}
.hwashin-esg-report-list .hwashin-embed-main .text-6xl{display:none}

/* SL 보고서의 배치·간격·색상. 로고·ESG 상단·본문 탭은 화신 공통 디자인 사용. */
.hwashin-esg-report-list .hs-report-native{display:none!important}
/* G7의 PC/모바일 className 재설정에도 보고서 스킨의 표시 상태를 유지한다. */
.hwashin-esg-report-list [data-hwashin-report-ready="true"]>:not(#hwashin-report-skin){display:none!important}
.hs-report-skin{--report-ink:#282658;width:100%;min-width:0;color:#000;font-size:16px;line-height:1.8}
.hs-report-skin *{box-sizing:border-box}
.hs-report-skin h2,.hs-report-skin p{margin:0}
.hs-report-skin button,.hs-report-skin a{touch-action:manipulation}
.hs-report-skin button{cursor:pointer}
.hs-report-skin a{color:inherit;text-decoration:none}
.hs-report-skin :is(a,button,input,summary):focus-visible{outline:3px solid #00a2e5;outline-offset:4px}
.hs-report-skin [hidden]{display:none!important}
.hs-report-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hs-report-feature{padding:60px;background:#f7f7f7;margin-bottom:60px}
.hs-report-feature-inner{display:grid;grid-template-columns:45% 55%;max-width:1224px;margin:auto;align-items:stretch}
.hs-report-cover{padding-right:60px;min-width:0}
.hs-report-cover-image{width:100%;height:auto;display:block;border:1px solid #eee}
.hs-report-cover-empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1.4;background:#eee;border:1px solid #ddd;color:#666;font-size:14px}
.hs-report-copy{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.hs-report-skin .hs-report-intro{font-size:16px;line-height:1.8;font-weight:400;white-space:pre-line;overflow-wrap:anywhere;padding-bottom:70px}
.hs-report-downloads{display:flex;gap:10px;flex-shrink:0}
.hs-report-skin .hs-report-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:100px;padding:6px 14px;border:2px solid var(--report-ink);border-radius:0;background:#fff;color:var(--report-ink);font-size:16px;font-weight:400;line-height:1.8;transition:background-color .15s,color .15s}
.hs-report-download:not(:disabled):hover{background:var(--report-ink);color:#fff}
.hs-report-download:disabled{opacity:.42;cursor:default}
.hs-report-downloads--featured{margin-top:auto}
.hs-report-skin .hs-report-downloads--featured .hs-report-download{width:calc(50% - 5px);background:var(--report-ink);color:#fff;font-size:18px;padding:8px 10px}
.hs-report-downloads--featured .hs-report-download:not(:disabled):hover{background:#16143f;border-color:#16143f}
.hs-report-download-icon{display:inline-block;position:relative;width:16px;height:17px;border-bottom:1.5px solid currentColor;flex-shrink:0}
.hs-report-download-icon:before{content:'';position:absolute;left:7px;top:0;height:10px;border-left:1.5px solid currentColor}
.hs-report-download-icon:after{content:'';position:absolute;width:7px;height:7px;left:4px;top:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.hs-report-list{border-top:2px solid #000;margin-bottom:30px}
.hs-report-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;padding:20px;border-bottom:1px solid #ccc}
.hs-report-item:last-child{border-bottom-color:#000}
.hs-report-skin .hs-report-name{min-width:0;font-size:24px;font-weight:600;line-height:44px;overflow-wrap:anywhere}
.hs-report-title:hover{text-decoration:underline;text-underline-offset:4px}
.hs-report-skin .hs-report-message{grid-column:1/-1;font-size:14px;color:#7e2e24;line-height:1.6;margin-top:12px}
.hs-report-message:empty{display:none}
.hs-report-skin .hs-report-empty{text-align:center;padding:64px 20px;border-bottom:1px solid #000;color:#666}
.hs-report-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:20px;flex-wrap:wrap;font-size:14px}
.hs-report-search{margin-right:auto;max-width:100%}
.hs-report-search summary{cursor:pointer;color:#666;width:fit-content}
.hs-report-search-form{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.hs-report-search-form input{min-width:0;width:240px;max-width:100%;border:1px solid #ccc;padding:8px 12px;font-size:14px}
.hs-report-search-form button,.hs-report-write,.hs-report-pagination a{padding:8px 16px;background:#fff;border:1px solid #bbb;font-size:14px;line-height:1.8}
.hs-report-search-form a{color:#666;text-decoration:underline}
.hs-report-pagination{display:flex;align-items:center;gap:16px}
.hs-report-pagination [aria-disabled=true]{color:#bbb}
@media(max-width:768px){
  .sustain-report-board{padding:36px 0 72px}
  .hwashin-esg-report-document body{font-size:16px}
  .hwashin-esg-report-document .hwashin-embed-main h1{font-size:26px!important}
}
@media(max-width:767.98px){
  .hs-report-feature{padding:20px;margin-bottom:30px}
  .hs-report-feature-inner{display:block}
  .hs-report-cover{padding-right:0;text-align:center}
  .hs-report-cover-image,.hs-report-cover-empty{width:80%;margin:auto}
  .hs-report-copy{margin-top:20px}
  .hs-report-skin .hs-report-intro{font-size:14px;padding-bottom:20px}
  .hs-report-skin .hs-report-downloads--featured .hs-report-download{font-size:16px}
  .hs-report-item{grid-template-columns:minmax(0,1fr);padding:15px;gap:10px}
  .hs-report-skin .hs-report-name{font-size:20px;line-height:32px}
  .hs-report-skin .hs-report-download{width:calc(50% - 5px);min-width:0;padding:3px 0;font-size:16px;min-height:40px}
  .hs-report-skin .hs-report-message{margin-top:0}
  .hs-report-pagination{order:2;width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.hs-report-download{transition:none}}