@charset "UTF-8";
/* ==========================================================================
   이벤트 마이크로사이트 전용 공통 헤더(.menu_bar) 스타일

   마이크로사이트(/event/{slug})는 inc/dtd.html 의 head fragment 를 쓰지 않아
   master/main/common/sub/addon.css 가 로드되지 않는다. 헤더만 붙이기 위해
   sub.css 를 통째로 넣으면 이벤트 레이아웃이 깨진다.
     - body * { font-family / font-size / color } 가 전역 강제
     - .inner max-width:1400px (이벤트는 1230px)
     - .pc { display:inline-block } (이벤트는 block)
     - .tit_area { padding:140px 0 120px } 가 상단에 여백 삽입
   그래서 .menu_bar 규칙이 있는 common.css 만 가져오고, 그 규칙이 참조하는
   CSS 변수는 아래에서 직접 선언한다.

   ※ 변수 값은 sub.css 의 :root 와 동일해야 한다. sub.css 를 고치면 여기도 같이 수정할 것.
   ========================================================================== */
@import url('/static/css/common.css');

:root {
    --bodyTxt30-size:30px;      --bodyTxt30-size-w:4.5vw;
    --bodyTxt24-size:24px;
    --bodyTxt22-size:22px;      --bodyTxt22-size-w:3.5vw;
    --bodyTxt20-size:20px;      --bodyTxt20-size-w:2.5vw;
                                --bodyTxt18-size-w:2.3vw;
    --bodyTxt16-size:16px;

    --fontW400:400;
    --fontW500:500;
    --fontW600:600;

    --pointColor:#FDED7C;
    --pointColor_ele:#02A39F;
    --whiteColor:#fff;
}

/* sub.css 의 body/body* 폰트 지정을 안 쓰므로 헤더 안에서만 서체를 맞춘다.
   NanumSquareRound @font-face 는 각 이벤트의 event.css 에 이미 선언되어 있다. */
.menu_bar,
.menu_bar * { font-family:'NanumSquareRound', sans-serif; letter-spacing:-1px; }