@charset "utf-8";
/* ========================================================================
   Reset CSS
   Project  : AP CSR Webzine 웹사이트 구축
   Writer   : Ajin Lee (Weaverloft Corp.)
   Date     : 2026-06
======================================================================== */

/* =====================
   Box Sizing
===================== */
*, *::before, *::after { box-sizing: border-box; }

/* =====================
   HTML / Body
===================== */
html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

body {
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    overflow-wrap: break-word;
}

/* =====================
   기본 요소 초기화
===================== */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: 500;
    vertical-align: baseline;
    box-sizing: border-box;
}

span { font-style: normal; vertical-align: baseline; box-sizing: border-box; }

/* HTML5 display-role reset */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
picture, source { display: block; }

/* =====================
   리스트
===================== */
ol, ul { list-style: none; }

/* =====================
   인용
===================== */
blockquote, q { quotes: none; }
blockquote::before, blockquote::after,
q::before, q::after { content: ''; content: none; }

/* =====================
   테이블
===================== */
table { border-collapse: collapse; border-spacing: 0; }

/* =====================
   미디어
===================== */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    vertical-align: middle;
    -webkit-user-drag: none;
    user-drag: none;
}

img:focus-visible {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

figure { width: 100%; }

/* =====================
   링크 / 버튼 / 폼
===================== */
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

button {
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    vertical-align: baseline;
}

input, textarea, button, select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.15;
    -webkit-tap-highlight-color: transparent;
}

select { cursor: pointer; }
select::-ms-expand { display: none; }
textarea { padding: 0; resize: none; }
input::-ms-clear { display: none; }
input[type='number'] {
    appearance: textfield;
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}
input:disabled, select:disabled, textarea:disabled { background-color: transparent; }
fieldset { min-width: 0; }

/* =====================
   포커스 (웹접근성 필수)
   퍼블리싱 가이드: outline:none 단독 사용 절대 금지
===================== */
:focus { outline: none; -webkit-tap-highlight-color: transparent; }
:focus-visible {
    outline: 2px dashed #0066ff;
    outline-offset: 2px;
}

/* =====================
   레이아웃
===================== */
#wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

/* =====================
   유틸리티
===================== */
/* 완전히 숨김 (스크린리더 포함) */
.hidden {
    display: none !important;
}

/* 시각적으로만 숨김 — 스크린리더는 읽음 (웹접근성 필수) */
.sr-only,
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only:focus,
.sr-only:active {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* 스크롤 잠금 (모달/팝업 오픈 시 body에 추가) */
body.is-locked { overflow: hidden; }