@charset "utf-8";

/*
**  default CSS
**
**  version: 1.4.0
**  date: 2018-09-28
**  author: Jiyoung Oh, Joonseok Hu @ Leysys Inc.
**  Changes: ellipsis-row(한 줄 말줄임), ellipsis-many(여러 줄 말줄임) 클래스추가, slick 버튼 클래스 추가
**
**  Leysys Inc.
**  http://leysys.com
*/

*{margin:0;padding:0;vertical-align:top;border:0;}
html,body{ width:100%; height:100%; font-size: calc( 12px + 0.1vw ); line-height: 1.3;
font-family: 'Noto Sans KR', 'notokr', 'Nanum Gothic', 'Malgun Gothic', sans-serif; color:#000; background:#fff;}

/* html{overflow-y: scroll;} */
#global{width: 100%; height: 100%;}
body>#global{width: 100%; height: auto; min-height:100%;}

.none {display: none;}
.full {width: 100%; height: 100%;}
.blind {text-indent:-9999px;display:none;overflow:hidden;line-height:0;font-size:0;}

/* HTML5 새 요소 초기화 */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
textarea {resize: none;}
em, address, main {font-style:normal;}

table, input, textarea, select, button, pre{font-size: 1rem; line-height: 1.3; font-family: 'Noto Sans KR', 'notokr', 'Nanum Gothic', 'Malgun Gothic', sans-serif; color: #000; border-radius: 0; outline: none; border: none; background-color: transparent; box-shadow: none; padding: 0; margin: 0;}
pre{white-space: pre-line;}
ul,ol,li{list-style:none; padding: 0; margin: 0;}
input, select, button {vertical-align:middle;}
input::-webkit-input-placeholder{font-family:'Noto Sans KR', 'notokr', 'Nanum Gothic', 'Malgun Gothic', sans-serif;}
input::-ms-input-placeholder {font-family:'Noto Sans KR', 'notokr', 'Nanum Gothic', 'Malgun Gothic', sans-serif;}
button, select{cursor: pointer; text-align: center; }
table, th, td{border-spacing: 0;border-collapse: collapse; vertical-align:middle; text-align: center; }

.test {border: 1px dashed #f66; color: #f00;}

h1, h2, h3, h4, h5, h6	{font-size:1rem;}
a,a:link,a:hover,a:focus,a:active,a:visited {outline: none;}
a:link{font-size:1rem;color:#000;text-decoration:none;}
a:visited{font-size:1rem;color:#000;text-decoration:none;}
a:hover{font-size:1rem;color:#000;text-decoration:none;}
a:active{font-size:1rem;color:#000;text-decoration:none;}
a:focus{font-size:1rem;color:#000;text-decoration:none;}
hr {display:none;height:0;}
.input_text{padding:3px;border:1px solid #d4d4d4;}
.select_type{padding:2px;border:1px solid #d4d4d4;}
.content_text{font-size:0.9rem;}

/* 반응형 */
@media screen and ( min-width : 1041px ){}
@media screen and ( max-width : 1040px ){ .mqt {display: none;} }
@media screen and ( max-width : 600px ){ .mqm {display: none;} }

/* 박스 */
.nolist-left::after, .nolist-right::after, .nolist-center::after, .nolist::after, .clear::after {
content: ''; display: block; clear: both; width: 0; height: 0;}
.nolist-center{text-align: center; font-size: 0;}
.nolist-center>*{display: inline-block; font-size: 1rem;}
.nolist-left>*{float: left;}
.nolist-right>*{float: right;}
.left{float: left;}
.right{float: right;}

.clear>.col-2, .nolist>.col-2, .nolist-left>.col-2, .nolist-right>.col-2, .nolist-center>.col-2 {width: 50%;}
.clear>.col-3, .nolist>.col-3, .nolist-left>.col-3, .nolist-right>.col-3, .nolist-center>.col-3 {width: 33.3%;}
.clear>.col-4, .nolist>.col-4, .nolist-left>.col-4, .nolist-right>.col-4, .nolist-center>.col-4 {width: 25%;}
.clear>.col-5, .nolist>.col-5, .nolist-left>.col-5, .nolist-right>.col-5, .nolist-center>.col-5 {width: 20%;}
.clear>.col-6, .nolist>.col-6, .nolist-left>.col-6, .nolist-right>.col-6, .nolist-center>.col-6 {width: 16.66%;}
.clear>.col-7, .nolist>.col-7, .nolist-left>.col-7, .nolist-right>.col-7, .nolist-center>.col-7 {width: 14.28%;}
.clear>.col-8, .nolist>.col-8, .nolist-left>.col-8, .nolist-right>.col-8, .nolist-center>.col-8 {width: 12.5%;}

.cage{width:100%;max-width:1400px;margin:0 auto;height:auto; padding: 0 1%; box-sizing: border-box;}

.inner{width:100%;height:100%;padding:30px 20px;box-sizing:border-box;display: block;}
.dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);}

/* bg 이미지 초기화 */
.bg, .image {background-size: contain; background-repeat: no-repeat; background-position: center center;}
.image {min-width: 1rem; min-height: 1rem;}
.bg.cover {background-size: cover;}
.bg.auto {background-size: auto;}

 /* 중앙정렬 */
.relative {position: relative;}
.vhcenter {position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); vertical-align: middle;} /* 가로세로 */
.hcenter {position: absolute; left: 50%; transform: translateX(-50%); vertical-align: middle;} /* 가로 */
.vcenter {position: absolute; top: 50%; transform: translateY(-50%); vertical-align: middle;} /* 세로 */

/* 항목 사이사이에 넣는 막대모양 슬래쉬 */
.slash{position: relative; padding-right: calc(1.5em); }
.slash::after{content: ''; display: inline-block; height: 0.9em; width: 1px; margin-right: 0.75em;
position: absolute; background-color: rgba(0,0,0,0.35); top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.nolist-left>li.slash:last-child,
.nolist-right>li.slash:first-child,
.nolist-center>li.slash:last-child {padding-right: 0;}
.nolist-left>li.slash:last-child::after,
.nolist-right>li.slash:first-child::after,
.nolist-center>li.slash:last-child::after {display:none;}

.Wbar{display:inline-block;width:30px;height:2px;background-color:#333;margin:20px 0;}

.ellipsis-row{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:100%;}
.ellipsis-many{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3em;line-height:1.5em;}

/* font weight */
.Tbold{font-weight:700 !important;}
.Tregular{font-weight:400 !important;}
.Tlight{font-weight:300 !important;}

/* font color */
.col_wh, a.col_wh{color:#fff !important;}
.col_bl, a.col_bl{color:#000 !important;}

/* background color */
.bg_wh{background-color:#fff !important;}
.bg_bl{background-color:#000 !important;}


/* icon 관련 */
.icon_wrap{display:inline-block;width:100%;}/* max-width로 크기 설정 */
.icon_wrap>img{width:100%;height:auto;}

/* image 관련 */
.img_wrap{position:relative;display:block;font-size:0;}/* width로 크기 설정 */
.img_wrap>img{position:relative;z-index:1;width:100%;height:auto;}
.img_dim{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;}

/* slick */
.ley-prev, .ley-next{width:;height:;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
/* .ley-prev{left:20px;background:url() no-repeat center center;background-size:contain;}
.ley-next{right:20px;background:url() no-repeat center center;background-size:contain;} */
.ley-prev:before, .ley-next:before{display:none;content:'';}
/* button.ley-prev:hover{background:url() no-repeat center center;background-size:contain;}
button.ley-next:hover{background:url() no-repeat center center;background-size:contain;} */
.ley-dots{bottom:20px;padding:0!important;}
.ley-dots li{width:12px;height:12px;}
.ley-dots li button{width:100%;height:100%;padding:0;background:#fff;border-radius:100%;border:2px solid #fff;box-sizing:border-box;}
.ley-dots li button:before{display:none;}
.ley-dots li.slick-active button{background:transparent;}

/* icon */
/* 메뉴 화살표 굵은 아이콘 */
.ic-arrow-bold {display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; width: 0; height: 0; border: 5px solid transparent; border-left-color: #fff;-webkit-transition:all 0.3s;transition:all 0.3s;} /* 배경 색상에 따라서 색상 변경 */
.ic-arrow-bold:before, .ic-arrow-bold:after {display: block; content: ""; position: absolute; top: 0; width: 0; height: 0;}
.ic-arrow-bold:before {left: -15px; margin-top: -5px; border: 5px solid transparent; border-right-color: #fff;}
.ic-arrow-bold:after {left: -10px; margin-top: -7px; border: 7px solid transparent; border-left-color: #222;}/* 배경 색상 */
.ic-arrow-bold.active{-webkit-transform:rotate(90deg);transform:rotate(90deg);}

/* X */
.ic-cancel {display: block; position: relative; margin: 0; padding: 0; width: 4px; height: 20px; background: #000; transform: rotate(45deg);}
.ic-cancel:before {display: block; content: ""; position: absolute; top: 50%; left: -8px; width: 20px; height: 4px; margin-top: -2px; background: #000;}
/* 세모 */
.ic-triangle-top, .ic-triangle-bottom, .ic-triangle-left, .ic-triangle-right{position:relative;}
/* 위 -> 아래 방향 세모 */
.ic-triangle-top:after{position:absolute;left:50%;bottom:-20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;content:'';clear:both;border-style:solid;border-top-color:#333;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-width:10px;}
/* 아래 -> 위 방향 세모 */
.ic-triangle-bottom:after{position:absolute;left:50%;top:-20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;content:'';clear:both;border-style:solid;border-bottom-color:#333;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:10px;}
/* 좌측 -> 우측 방향 세모 */
.ic-triangle-left:after{position:absolute;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;content:'';clear:both;border-style:solid;border-left-color:#333;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-width:10px;}
/* 우측 -> 좌측 방향 세모 */
.ic-triangle-right:after{position:absolute;left:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;content:'';clear:both;border-style:solid;border-right-color:#333;border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-width:10px;}


#page-05 #broadcast-list-content-wrap, #page-06 #sbtv-list-content-wrap {
    position: relative !important;
}