@charset "utf-8";/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */
* { margin: 0; padding: 0; transition: all 0.3s ease-out; box-sizing: border-box; }

.pc_br { display: inline; }
.m_br { display: none; }

@media (max-width:1024px) {
    .pc_br { display: none; }
    .m_br { display: inline; }
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin: 0; padding: 0; }
html { width: 100%; height: 100%; -webkit-user-select: none; /* 크롬, 사파리, 오페라 */
    -moz-user-select: none; /* 파이어폭스 */
    -ms-user-select: none; /* IE 10/11 */
    user-select: none; /* 일반 */
}

body, code { background: #fff; font-family: "Pretendard", "Montserrat", sans-serif; color: #000; }
body { word-break: keep-all; }
body#popup { min-width: 0; }
li { list-style: none; }
img, fieldset { vertical-align: top; border: none; }
table { width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; }
caption { display: none; }
th, td { vertical-align: top; border: 0; }
input, select, textarea { vertical-align: middle; border-radius: 0; font-size: 100%; color: #000; color: var(--font-color-base); box-sizing: border-box; }
button { margin: 0; padding: 0; border: 0; overflow: visible; background: none; cursor: pointer; }
hr.layout { display: none; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }