@charset "utf-8";

* {margin:0; box-sizing:border-box;}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; word-break:keep-all;} /* IE 및 iOS의 글꼴 크기 조정 방지 */
body {line-height:100%;}








/* ----------------- HTML5 display ----------------- */

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */









/* ----------------- a link ----------------- */

a {background-color:transparent;} /* IE 10에서 활성 링크에 회색 배경을 제거 */
a:active, a:hover {outline-width:0;} /* a링크 윤각선 제거 */









/* ----------------- Em bedded content ----------------- */

img {border-style:none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow:hidden;}









/* ----------------- Grouping content ----------------- */

code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
figure {max-width:600px; margin:0 auto;}
hr {box-sizing:content-box; height:0; overflow:visible;}









/* ----------------- Forms 초기화 ----------------- */

ul,li {margin:0; padding:0;list-style: none;}
fieldset {border:0;}
button, input, select, textarea {font:inherit;}
optgroup {font-weight:600;}
button, input, select {overflow:visible;}
button, input, select, textarea {margin:0;}
button, select {text-transform:none;} /* 파이어 폭스에서 변환 텍스트의 상속을 제거 */
button, [type="button"], [type="reset"], [type="submit"] {cursor:pointer;} [disabled] {cursor:default;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button;}  /* 아이폰 input 디자인 변경가능 */
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* 파이어 폭스의 내부 테두리와 패딩을 제거 */
button:-moz-focusring, input:-moz-focusring {outline:1px dotted ButtonText;}

textarea {overflow:auto;}
[type="checkbox"], [type="radio"] {box-sizing:border-box; padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

input::-webkit-input-placeholder {font-size:13px; line-height:120%; color:#aaa;}
input::-moz-placeholder {font-size:13px; line-height:120%; color:#aaa;}
input:-ms-input-placeholder {font-size:13px; line-height:120%; color:#aaa;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {font-size:13px; line-height:120%; color:transparent;}

@media all and (max-width:639px){ /* Mobile 가로버전 최소 */
input::-webkit-input-placeholder {padding:2px 0;}
input::-moz-placeholder {padding:2px 0;}
input:-ms-input-placeholder {padding:2px 0;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {padding:2px 0;}
}









/* ----------------- 폰트 관련 ----------------- */

abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;} /* 크롬, 에지, IE, 오페라, 사파리에서 올바른 텍스트 장식 추가 */
h1, h2, h3, h4, h5, strong, b {font-weight:bold;}
dfn {font-style:italic;} /* 안드로이드 4.3에서 올바른 글꼴 스타일을 추가 */
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}




/* Arabic */
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 300;
  src: /*url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Regular.eot?#iefix) format('embedded-opentype'),*/
       url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Regular.woff2) format('woff2'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Regular.woff) format('woff'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 700;
  src: /*url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Bold.eot?#iefix) format('embedded-opentype'),*/
       url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Bold.woff2) format('woff2'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Bold.woff) format('woff'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoNaskhArabic-Bold.ttf) format('truetype');
}
/* //Arabic */




/* Chinese */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSansSC-Light.woff2) format('woff2'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoSansSC-Light.woff) format('woff'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoSansSC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans SC';
   font-style: normal;
   font-weight: 700;
   src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSansSC-Medium.woff2) format('woff2'),
        url(http://worldimg.kbs.co.kr/src/common/font/NotoSansSC-Medium.woff) format('woff'),
        url(http://worldimg.kbs.co.kr/src/common/font/NotoSansSC-Medium.otf) format('opentype');
}
/* //Chinese */




/* 영어, 프랑스어, 독일어, 인도네시아어, 러시아어, 스페인어, 베트남어 */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSans-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSans-Bold.woff) format('woff');
}
/* //영어, 프랑스어, 독일어, 인도네시아어, 러시아어, 스페인어, 베트남어 */




/* japanese */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSansJP-Light.woff2) format('woff2'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoSansJP-Light.woff) format('woff'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSansJP-Medium.woff2) format('woff2'),
        url(http://worldimg.kbs.co.kr/src/common/font/NotoSansJP-Medium.woff) format('woff'),
        url(http://worldimg.kbs.co.kr/src/common/font/NotoSansJP-Medium.otf) format('opentype');
}
/* //japanese */




/* Korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSansKR-Light.woff2) format('woff2'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoSansKR-Light.woff) format('woff'),
       url(http://worldimg.kbs.co.kr/src/common/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: 700;
   src: url(http://worldimg.kbs.co.kr/src/common/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(http://worldimg.kbs.co.kr/src/common/font/NotoSansKR-Bold.woff) format('woff'),
        url(http://worldimg.kbs.co.kr/src/common/font/NotoSansKR-Bold.otf) format('opentype');
}
/* //Korean */




.font_a {font-family:'Noto Naskh Arabic', Arial, sans-serif; font-size:20px; font-weight:700; word-break:keep-all; direction:rtl;}
.font_c {font-family:'Noto Sans SC', sans-serif; font-weight:300; word-break:break-all; direction:ltr;}
.font_e {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}
.font_f {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}
.font_g {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}
.font_i {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}
/*
.font_j {font-family:'Noto Sans JP', sans-serif; font-weight:300; word-break:break-all; direction:ltr;}
*/
.font_j {font-family:Meiryo,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",sans-serif; word-break:break-all; direction:ltr;}
.font_k {font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:300; word-break:keep-all; direction:ltr;}
.font_r {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}
.font_s {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}
.font_v {font-family:'Noto Sans', Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:-0.02em; word-break:keep-all; direction:ltr;}

.font_a h1, .font_a h2, .font_a h3, .font_a h4, .font_a h5, .font_a strong, .font_a b {font-weight:700;}
.font_c h1, .font_c h2, .font_c h3, .font_c h4, .font_c h5, .font_c strong, .font_c b {font-weight:700;}
.font_e h1, .font_e h2, .font_e h3, .font_e h4, .font_e h5, .font_e strong, .font_e b {font-weight:700; letter-spacing:-0.03em;}
.font_f h1, .font_f h2, .font_f h3, .font_f h4, .font_f h5, .font_f strong, .font_f b {font-weight:700; letter-spacing:-0.03em;}
.font_g h1, .font_g h2, .font_g h3, .font_g h4, .font_g h5, .font_g strong, .font_g b {font-weight:700; letter-spacing:-0.03em;}
.font_i h1, .font_i h2, .font_i h3, .font_i h4, .font_i h5, .font_i strong, .font_i b {font-weight:700; letter-spacing:-0.03em;}
.font_j h1, .font_j h2, .font_j h3, .font_j h4, .font_j h5, .font_j strong, .font_j b {font-weight:700;}
.font_k h1, .font_k h2, .font_k h3, .font_k h4, .font_k h5, .font_k strong, .font_k b {font-weight:700; letter-spacing:-0.04em;}
.font_r h1, .font_r h2, .font_r h3, .font_r h4, .font_r h5, .font_r strong, .font_r b {font-weight:700; letter-spacing:-0.03em;}
.font_s h1, .font_s h2, .font_s h3, .font_s h4, .font_s h5, .font_s strong, .font_s b {font-weight:700; letter-spacing:-0.03em;}
.font_v h1, .font_v h2, .font_v h3, .font_v h4, .font_v h5, .font_v strong, .font_v b {font-weight:700; letter-spacing:-0.03em;}

h1.font_a, h2.font_a, h3.font_a, h4.font_a, h5.font_a, strong.font_a, b.font_a {font-weight:700;}
h1.font_c, h2.font_c, h3.font_c, h4.font_c, h5.font_c, strong.font_c, b.font_c {font-weight:700;}
h1.font_e, h2.font_e, h3.font_e, h4.font_e, h5.font_e, strong.font_e, b.font_e {font-weight:700; letter-spacing:-0.03em;}
h1.font_f, h2.font_f, h3.font_f, h4.font_f, h5.font_f, strong.font_f, b.font_f {font-weight:700; letter-spacing:-0.03em;}
h1.font_g, h2.font_g, h3.font_g, h4.font_g, h5.font_g, strong.font_g, b.font_g {font-weight:700; letter-spacing:-0.03em;}
h1.font_i, h2.font_i, h3.font_i, h4.font_i, h5.font_i, strong.font_i, b.font_i {font-weight:700; letter-spacing:-0.03em;}
h1.font_j, h2.font_j, h3.font_j, h4.font_j, h5.font_j, strong.font_j, b.font_j {font-weight:700;}
h1.font_k, h2.font_k, h3.font_k, h4.font_k, h5.font_k, strong.font_k, b.font_k {font-weight:700; letter-spacing:-0.03em;}
h1.font_r, h2.font_r, h3.font_r, h4.font_r, h5.font_r, strong.font_r, b.font_r {font-weight:700; letter-spacing:-0.03em;}
h1.font_s, h2.font_s, h3.font_s, h4.font_s, h5.font_s, strong.font_s, b.font_s {font-weight:700; letter-spacing:-0.03em;}
h1.font_v, h2.font_v, h3.font_v, h4.font_v, h5.font_v, strong.font_v, b.font_v {font-weight:700; letter-spacing:-0.03em;}

h1 .font_a, h2 .font_a, h3 .font_a, h4 .font_a, h5 .font_a, strong .font_a, b .font_a {font-weight:700;}
h1 .font_c, h2 .font_c, h3 .font_c, h4 .font_c, h5 .font_c, strong .font_c, b .font_c {font-weight:700;}
h1 .font_e, h2 .font_e, h3 .font_e, h4 .font_e, h5 .font_e, strong .font_e, b .font_e {font-weight:700; letter-spacing:-0.03em;}
h1 .font_f, h2 .font_f, h3 .font_f, h4 .font_f, h5 .font_f, strong .font_f, b .font_f {font-weight:700; letter-spacing:-0.03em;}
h1 .font_g, h2 .font_g, h3 .font_g, h4 .font_g, h5 .font_g, strong .font_g, b .font_g {font-weight:700; letter-spacing:-0.03em;}
h1 .font_i, h2 .font_i, h3 .font_i, h4 .font_i, h5 .font_i, strong .font_i, b .font_i {font-weight:700; letter-spacing:-0.03em;}
h1 .font_j, h2 .font_j, h3 .font_j, h4 .font_j, h5 .font_j, strong .font_j, b .font_j {font-weight:700;}
h1 .font_k, h2 .font_k, h3 .font_k, h4 .font_k, h5 .font_k, strong .font_k, b .font_k {font-weight:700; letter-spacing:-0.03em;}
h1 .font_r, h2 .font_r, h3 .font_r, h4 .font_r, h5 .font_r, strong .font_r, b .font_r {font-weight:700; letter-spacing:-0.03em;}
h1 .font_s, h2 .font_s, h3 .font_s, h4 .font_s, h5 .font_s, strong .font_s, b .font_s {font-weight:700; letter-spacing:-0.03em;}
h1 .font_v, h2 .font_v, h3 .font_v, h4 .font_v, h5 .font_v, strong .font_v, b .font_v {font-weight:700; letter-spacing:-0.03em;}