@charset "utf-8";

html{font-size:20px;}
body{font-size:0.6rem;}

/* 여백 초기화 */
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;}

.error{color:#f60 !important; font-size:12px;}

/*페이북 글꼴 Bold*/
@font-face {
    font-family: 'paybooc-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*넥슨고딕*/
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 폰트 초기화 */
body, input, textarea, select, button, div, p, span, li{
    font-family:'paybooc-Medium', 'Noto Sans KR', sans-serif; color:#333; font-size:0.75rem;}
img, fieldset {border:none;}

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

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

/* 제목 태그 초기화 */
h1,h2,h3,h4,h5,h6{}
h2{font-size:36px;}
h3{position:relative; font-size:28px; font-weight:700; box-sizing:border-box; margin:20px 0 30px; color:#222;}
h4{position:relative; color:#000; font-size:1rem; margin:30px 0 20px; font-weight:bold;}
/*h4:before{
    content: '';
    width:35%; height:1px; background:#000;
    position: absolute; top:50%; left:0;
}
h4:after{
    content: '';
    width:35%; height:1px; background:#000;
    position: absolute; top:50%; right:0;
}*/

/* 버튼초기화 */
button{border:0;}

/* a링크 초기화 */
a:link,
a:visited,
a:active {color:#333; text-decoration:none;}
a:hover {color:#1379A4;text-decoration:none;}

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

.mt_10{margin-top:10px;}
.mb_10{margin-bottom:10px;}
.color_blue{color:#1360BD;}

@media (max-width:480px) {
    h3 {
        position: relative;
        font-size: 24px;
    }
}