/* 여백 초기화 */
        body,
        div,
        ul,
        li,
        dl,
        dd,
        dt,
        ol,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        input,
        fieldset,
        legend,
        p,
        select,
        table,
        th,
        td,
        tr,
        textarea,
        button,
        form,
        figure,
        figcaption {
            margin: 0;
            padding: 0;
        }

        /* a 링크 초기화 */
        a {
            color: #222;
            text-decoration: none;
        }

        a:hover {
            color: #2698cb;
        }

        /* 폰트 초기화 */
        body,
        input,
        textarea,
        select,
        button,
        table {
            font-family: 'Nanum Gothic', AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif;
            color: #222;
            font-size: 13px;
            line-height: 1.5;
        }

        /* 폰트 스타일 초기화 */
        em,
        address {
            font-style: normal;
        }

        /* 블릿기호 초기화 */
        ul,
        li,
        ol {
            list-style: none;
        }

        /* 제목 태그 초기화 */
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 13px;
            font-weight: normal;
        }

        /* 버튼 초기화 */
        button{
            border : 0; /* 버튼 경계선 제거 */
        }

        /* 반응형 이미지 */
        img{
            width: 100%;
        }

        /* 반응형 비디오 */
        video{
            width: 100%;
        }

        /* IR 효과 */
        .ir_pm {
            display: block;
            overflow: hidden;
            font-size: 0;
            line-height: 0;
            text-indent: -9999px;
        }/* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
        
        .ir_wa {
            display: block;
            overflow: hidden;
            position: relative;
            z-index: -1;
            width: 100%;
            height: 100%;
        }/* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
        
        .ir_su {
            overflow: hidden;
            position: absolute;
            width: 0;
            height: 0;
            line-height: 0;
            text-indent: -9999px;
        }/* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

        /* clearfix : 하위박스에서 float사용으로, 상위박스에 clear:both를 사용할 수 없는 상황 */
        .clearfix{
            *zoom:1;
        }
        
        .clearfix::before, .clearfix::after{ 
            display: block;
            content: '';
            line-height: 0;
        }

        .clearfix::after{
            clear:both;
        }

        /* margin, padding */
        .mt10 {
            margin-top: 10px !important;
        }

        .mt15 {
            margin-top: 15px !important;
        }

        .mt20 {
            margin-top: 20px !important;
        }

        .mt25 {
            margin-top: 25px !important;
        }

        .mt30 {
            margin-top: 30px !important;
        }

        .mt35 {
            margin-top: 35px !important;
        }

        .mt40 {
            margin-top: 40px !important;
        }

        .mt45 {
            margin-top: 45px !important;
        }

        .mt50 {
            margin-top: 50px !important;
        }