@charset "utf-8";
/* CSS Document */
@import url("common.css"); /* header / footer / margin / padding */
@import url("tv.css");
@import url("fm.css");
@import url("efm.css");
@import url("newsEng.css");
@import url("news.css");
@import url("traffic.css");
@import url("member.css");
@import url("board.css");
@import url("popup.css");

/* 
@import url("event.css");
@import url("webfont.css");
*/

/* 공통 미디어 skin */
.vjs-current-time-display, .vjs-duration-display, .vjs-time-divider span, .vjs-seek-handle, .vjs-slider-handle, .vjs-mouse-display {line-height:3em; color:#fff;}

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {font-size:15px; padding:0; margin:0; border:0; line-height:1.5; color:#000;}

* {font-family:'Roboto', 'Noto Sans KR', 'Microsoft Yahei', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'AppleGothic', sans-serif;}

/* skip */
#skip{position: absolute;top: 0;left: 0;width:100%; z-index:100000;}
#skip a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-50px;left:0; z-index:999;}
#skip a:hover, #skip a:focus, #skip a:active{position:absolute; top:0;left:0; padding:5px 0; font-weight:bold; color:#fff; background:#3d95cd; width:100%;}

/* remember to define focus styles! */
body {background:#fff; line-height:1.5; /*- 한글 기준은 1.2 -*/ color:#1e1e1e; margin:0; font-size:14px;}
ol, ul, li {list-style:none;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse:collapse; border-spacing:0; border:0; clear:both; width:100%;}
table tr td img {display:inline-block; vertical-align:middle;}

a {text-decoration:none;}
a:hover {text-decoration:none;}
a.active {color:#01bace;}
a:hover {color:#01bace;}

input {font-size:14px;}
input[type="text"]::placeholder {color:#000; font-size:14px;}
input[type="password"]::placeholder {color:#000; font-size:14px;}
caption{font-size: 0;height: 0;line-height: 0;text-indent: -9999px; width: 0}
button {cursor:pointer}
.hidden, legend, label {display:block; overflow:hidden; position:absolute; top:-1000em;}
.caption {visibility: hidden; height:1px;}
.view {position:relative !important; top:0 !important;}


/* NotoSans ===================================*/
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/webfont/NotoSansKR-DemiLight.eot');
    src: url('/common/webfont/NotoSansKR-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('/common/webfont/NotoSansKR-DemiLight.woff2') format('woff2'),
         url('/common/webfont/NotoSansKR-DemiLight.woff') format('woff'),
         url('/common/webfont/NotoSansKR-DemiLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/webfont/NotoSansKR-Regular.eot');
    src: url('/common/webfont/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/common/webfont/NotoSansKR-Regular.woff2') format('woff2'),
         url('/common/webfont/NotoSansKR-Regular.woff') format('woff'),
         url('/common/webfont/NotoSansKR-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/webfont/NotoSansKR-Medium.eot');
    src: url('/common/webfont/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
         url('/common/webfont/NotoSansKR-Medium.woff2') format('woff2'),
         url('/common/webfont/NotoSansKR-Medium.woff') format('woff'),
         url('/common/webfont/NotoSansKR-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/webfont/NotoSansKR-Bold.eot');
    src: url('/common/webfont/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('/common/webfont/NotoSansKR-Bold.woff2') format('woff2'),
         url('/common/webfont/NotoSansKR-Bold.woff') format('woff'),
         url('/common/webfont/NotoSansKR-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto ===================================*/

@font-face {
    font-family: 'Roboto';
    src: url('/common/webfont/Roboto-Light.eot');
    src: url('/common/webfont/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('/common/webfont/Roboto-Light.woff2') format('woff2'),
        url('/common/webfont/Roboto-Light.woff') format('woff'),
        url('/common/webfont/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/common/webfont/Roboto-Regular.eot');
    src: url('/common/webfont/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/common/webfont/Roboto-Regular.woff2') format('woff2'),
        url('/common/webfont/Roboto-Regular.woff') format('woff'),
        url('/common/webfont/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/common/webfont/Roboto-Medium.eot');
    src: url('/common/webfont/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/common/webfont/Roboto-Medium.woff2') format('woff2'),
        url('/common/webfont/Roboto-Medium.woff') format('woff'),
        url('/common/webfont/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/common/webfont/Roboto-Bold.eot');
    src: url('/common/webfont/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/common/webfont/Roboto-Bold.woff2') format('woff2'),
        url('/common/webfont/Roboto-Bold.woff') format('woff'),
        url('/common/webfont/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}