/* font.css */
@font-face {
    font-family: 'NotoSans';
    src: url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-Regular.eot');
    src: url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-Regular.woff2') format('woff2'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-Regular.woff') format('woff'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-Regular.ttf') format('truetype');
    font-display:swap;
    font-weight: normal;
    font-style: normal;
}

@font-face { 
	font-family: 'NotoSansKR'; font-weight: normal; font-style: normal; font-display:swap;
    src: url('https://s1.blackdesertm.com/KR/archive/contents/font/NotoSans-RegularKR.eot');
    src: url('https://s1.blackdesertm.com/KR/archive/contents/font/NotoSans-RegularKR.woff2') format('woff2'),
         url('https://s1.blackdesertm.com/KR/archive/contents/font/NotoSans-RegularKR.woff') format('woff')
}

@font-face {
    font-family: 'NotoSansTW';
    font-display:swap;
    font-weight: normal;
    font-style: normal;
    src: url('https://s1.blackdesertm.com/TW/archive/contents/font/notosans_regular_tw.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansJP';
    src: url('https://s1.blackdesertm.com/JP/archive/contents/font/NotoSans-RegularJP.eot');
    src: url('https://s1.blackdesertm.com/JP/archive/contents/font/NotoSans-RegularJP.eot?#iefix') format('embedded-opentype'),
            url('https://s1.blackdesertm.com/JP/archive/contents/font/NotoSans-RegularJP.woff2') format('woff2'),
            url('https://s1.blackdesertm.com/JP/archive/contents/font/NotoSans-RegularJP.woff') format('woff'),
            url('https://s1.blackdesertm.com/JP/archive/contents/font/NotoSans-RegularJP.ttf') format('truetype');
    font-display:swap;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansTH';
    src: url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularTH.eot');
    src: url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularTH.eot?#iefix') format('embedded-opentype'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularTH.woff2') format('woff2'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularTH.woff') format('woff'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularTH.ttf') format('truetype');
    font-display:swap;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansCN';
    src: url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularSC.eot');
    src: url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularSC.eot?#iefix') format('embedded-opentype'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularSC.woff2') format('woff2'),
         url('https://s1.blackdesertm.com/GL/archive/contents/font/NotoSans-RegularSC.woff') format('woff');
    font-display:swap;
    font-weight: normal;
    font-style: normal;
}

/* reset */
html { font-size: 10px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body, button, dl, dt, dd, div, form, fieldset, legend, h1, h2, h3, h4, h5, h6, input, select, textarea, ul, ol, li, p, pre, table, td, th, caption, a, button, address { margin: 0; padding: 0; }
body, table { word-break: break-word; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1.4rem; }
body { font-size: 1.4rem; line-height: 1.4; color: #2b2b2b; width: 100%; font-family: "NotoSans", sans-serif, Arial; }
a, input, select, textarea, button, label { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; vertical-align: top; cursor: pointer; }
input { font-weight: normal; color: #626262; outline: none; }
caption { visibility: hidden; font-size: 0; text-indent: -9999px; position: absolute; left: -100px; top: -100px; opacity: 0 }
input { vertical-align: middle; }
input, textarea, select, button { font-size: 1.4rem; font-family: "NotoSans", sans-serif, Arial; }
textarea { cursor: text; }
ol, ul, li { list-style: none }
a { text-decoration: none; color: #2b2b2b; cursor: pointer; }
a:visited { color: inherit; }
img { vertical-align: top; border: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
em { font-style: normal; }
button { border: 0; background: none; outline: none; cursor: pointer; }
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }
.pc { display: block; }
.mobile { display: none; }
.bold { font-weight: bold; }
.dimmed { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); display: none; z-index: 10; cursor: pointer; }
#wrapper { background-color: #fff; position: relative; min-height: 100%; }
.sp_comm { background-image: url(../../img/common/sp_common.png?v=2); background-repeat: no-repeat; display: inline-block; vertical-align: top; }
html, body { height: 100%; }
::-ms-expand,
::-ms-clear { display: none; }

:lang(ko-KR) body,
:lang(ko-KR) input, 
:lang(ko-KR) textarea, 
:lang(ko-KR) select, 
:lang(ko-KR) button { font-family: "NotoSansKR",'맑은 고딕','Malgun Gothic','돋움','Dotum',sans-serif; word-break: keep-all; }
:lang(zh-TW) body,
:lang(zh-TW) input, 
:lang(zh-TW) textarea, 
:lang(zh-TW) select, 
:lang(zh-TW) button { font-family: "NotoSansTW"; }
:lang(ja-JP) body,
:lang(ja-JP) input, 
:lang(ja-JP) textarea, 
:lang(ja-JP) select, 
:lang(ja-JP) button { font-family: "NotoSansJP",メイリオ,Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica, Arial, sans-serif; }
:lang(th-TH) body,
:lang(th-TH) input, 
:lang(th-TH) textarea, 
:lang(th-TH) select, 
:lang(th-TH) button { font-family: "NotoSansTH", Lato, "Lucida Grande", Tahoma, Sans-Serif; }
:lang(zh-CN) body,
:lang(zh-CN) input, 
:lang(zh-CN) textarea, 
:lang(zh-CN) select, 
:lang(zh-CN) button { font-family: "NotoSansCN"; }
