@charset "utf-8";

/* 바꿔서 사용하는 영역 s*/
    /* 폰트 cnd */
    @import url('/resources/css/font_wrap.css');

    /* 폰트 스타일은 root에서 바꿔주세요 */
    :root {
        --main-black:#000000;
        --sub-black: #999999;
        --key-color: #f08338;
        --point-color: #f08338;
        --font-family: 'Pretendard', sans-serif;
        --font-size: 62.5%;
        --font-weight: 400;
    }

    .inner { position: relative; width: 100%; padding: 0 10rem; margin: 0 auto; }
    .inner-sm { position: relative; width: 92%; max-width: 920px; margin: 0 auto; }
    .inner-md { position: relative; width: 92%; max-width: 1440px; margin: 0 auto; }

    .NanumBarunGothic { font-family: 'NanumBarunGothic'; }
    .Gulim { font-family: 'Gulim'; }
/* 바꿔서 사용하는 영역 e*/


/* reset(기본셋팅 영역) s */
#accessibility, .skip, hr, legend {position:absolute;width:0; height:0; font-size:0; line-height:0;overflow:hidden; visibility:hidden ;}
    * { margin: 0; padding: 0; font: inherit; color: inherit; }
    *, :after, :before { box-sizing: border-box; }

    :root {-webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; cursor: default; overflow-wrap: break-word; }

    html,body { height: 100%; }
    html { scroll-behavior: smooth; box-sizing: border-box; }
    body { margin: 0px auto; line-height: 1; -webkit-font-smoothing: antialiased; min-width: 360px; }

    a { text-decoration: none; }
    ol, ul { list-style: none; }

    p, li, span, input, a { line-height: 100%; }
    fieldset, iframe { border: 0; }
    select, input, textarea, button { font-size: inherit; vertical-align: middle; border-radius: 0px; }
    select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
    select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
    textarea { width: 100%; resize: none; }
    table {	border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
    button { background-color: transparent; border: 0; cursor: pointer; font: inherit; line-height: inherit; vertical-align: inherit; }
    button:disabled { cursor: default; }
    strong { font-weight: bold; }
    caption, legend, .blind { overflow: hidden; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0); white-space: nowrap; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    blockquote, q {	quotes: none; }
    address, em { font-style: normal; }
    pre { white-space: pre-wrap;}
    img { width: 100%; vertical-align: top; }
    video { vertical-align: top; }
    b { font-weight: 800; }
/* reset(기본셋팅 영역) e */


/* 커스텀 셋팅 영역 s */
    .accessibility { width: 100%; position: fixed; top: 0; left: -50000px; z-index: 200; background-color: #cc2634; color: #fff; padding: 24px 0; text-align: center; font-size: 18px; font-weight: 600; }
    .accessibility:focus { left: 0; }
    html { font-weight: var(--font-weight); font-family: var(--font-family); color: var(--main-black); font-size: var(--font-size); word-break: keep-all; }

    .fw3 { font-weight: 300; }
    .fw5 { font-weight: 500; }
    .fw6 { font-weight: 600; }
    .fw7 { font-weight: 700; }
    .fw8 { font-weight: 800; }
    .fw9 { font-weight: 900; }
/* 커스텀 셋팅 영역 e */

@media screen and (max-width:1700px){
  html { font-size: 55%; }
}

@media screen and (max-width:1024px){
  html { font-size: 50%; }
}