@charset "utf-8";

a[class^=btn-type]{display:inline-block;min-width:120px;box-sizing:border-box;height:40px;padding:10px;font-size:14px;line-height:20px;text-align:center;}
a.btn-type1{color:#fff !important;background:#343464;}
a.btn-type2{color:#343464 !important;border:1px solid #343464;}
a.btn-type3{color:#fff !important;background:#949699;}

.component-box .all-view{position:absolute;right:0;top:10px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Regular";}

.component-box{margin:0 auto;width:1200px;}
.component-box .tit-a{position:relative;margin:0 0 20px 0;font-size:24px;line-height:34px;letter-spacing:-.07em; color:#000;font-family:"Noto Sans Bold"}
.component-box .tit-a .tit-arrow{position:absolute;display:block;right:0;top:5px;text-indent:0;font-size:0;line-height:0;}
.component-box .tit-a .tit-arrow a{display:inline-block;width:8px;height:12px;background:url(../images/arrow/arrow-tit.png) no-repeat 0 0;}
.component-box .tit-a .tit-arrow a.next{margin-left:20px;background-position-x:-28px;}
.component-box .tit-a .tit-arrow a.end{background-position-y:-14px;}

.lastline li{margin-bottom:0 !important;padding-bottom:0 !important;}
/*이미지 ratio 박스*/
.img-box{display:block;position:relative;width:100%;text-align:center;overflow:hidden;}
.img-box a{width:100%;}
.img-thum{display:block;position:relative;padding-top:56.25%;overflow:hidden;}
.img-center{display:block;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.img-box img{position:absolute;top:0;left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.img-box.ww img{height:100% !important;width:auto !important;}
.img-box.hh img{width:100% !important;height:auto !important;}
.img-box .bg-gradation{display: block; position: absolute;bottom:0;left:0; background: url(../images/common/bg_gradation01.png) 0 0 repeat-x;width: 390px;height: 193px;}

/*그리드1타입*/
.component-box.grid1{}
.grid1-box{}
.grid1-box ul{overflow:hidden;}
.grid1-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid1-box .slice-grid1{margin:0 -8px;}
.grid1-box .slice-grid1 li{position:relative;float:left;padding:0 8px;width:16.66%;min-height:385px;font-size:0;overflow:hidden;box-sizing:border-box;}
.grid1-box .slice-grid1 li a{width:100%;overflow:hidden;}
.grid1-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.grid1-box .txt .tit{width:auto;max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.grid1-box .txt em{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid1-box .txt .date{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid1-box .txt .date strong{font-weight:normal;}
.grid1-box .txt .area{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid1-box .img-thum{padding-top:142.7%;}
.grid1-box.watch .img-thum{padding-top:56.25%;}
.grid1-box .img-thum img{width:100% !important;height:100% !important;}
.grid1-more{text-align:center;}
.grid1-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/*그리드2타입*/
.component-box.grid2{}
.grid2-box{}
.grid2-box ul{overflow:hidden;}
.grid2-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid2-box .slice-grid2 li{position:relative;float:left;margin:0 15px 0 0;width:228px;min-height:410px;font-size:0;overflow:hidden;}
.grid2-box .slice-grid2 li a{width:100%;overflow:hidden;}
/*.gr2d1-box .slice-grid1 li:nth-of-type(2n+2){margin:0;}*/
.grid2-box .slice-grid2 li:nth-of-type(5n+5){margin:0;}
.grid2-box .slice-grid2 li:nth-of-type(5n+1){clear:both;}
.grid2-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.grid2-box .txt .date{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid2-box .txt .date strong{font-weight:normal;}
.grid2-box .img-thum{padding-top:142.7%;}
.grid2-box .img-thum img{width:100% !important;height:100% !important;}
.grid2-more{text-align:center;}
.grid2-more a{display:inline-block;padding:9px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/*그리드3타입*/
.component-box.grid3{}
.grid3-box{}
.grid3-box ul{overflow:hidden;}
.grid3-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid3-box .slice-grid3 li{position:relative;float:left;margin:60px 0 0 16px;width:288px;min-height:162px;font-size:0;overflow:hidden;}
.grid3-box .slice-grid3 li a{width:100%;overflow:hidden;}
/*.gr2d1-box .slice-grid1 li:nth-of-type(2n+2){margin:0;}*/
.grid3-box .slice-grid3 li:nth-of-type(4n+1){clear:both;margin-left:0;}
.grid3-box .slice-grid3 li:nth-of-type(-1n+4){margin-top:0;}
.grid3-box .txt{display:block;margin:10px 0 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.grid3-box .txt .date{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid3-box .txt .date.today{color:#e44850;}
.grid3-box .txt .date strong{font-weight:normal;}
.grid3-box .txt .prog{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.grid3-box .txt .writer{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid3-box .txt .date+.read{margin:0 0 0 6px;padding:0 0 0 7px;}
.grid3-box .txt .date+.read:before{content:"";position:absolute;top:5px;left:0;display:inline-block;width:1px;height:9px;background:#dcdee0;}
.grid3-box .txt-info2{vertical-align:top;}
.grid3-box .txt-info2 .date{display:inline-block;margin:0;color:#949699;}
.grid3-box .txt-info2 .writer{font-size:14px;line-height:20px;color:#949699;}
.grid3-box .txt-info2 .read{position:relative;font-size:12px;line-height:18px;color:#949699;}
.grid3-box .img-thum{padding-top:56%;}
.grid3-box .img-thum img{width:100%;}
.grid3-box .ellipsis{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.grid3-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:3px 8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;}
.grid3-more{margin:60px 0 0;text-align:center;}
.grid3-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}
.grid3-box.type2 .txt{display:block;margin:10px 0 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;max-height:42px;-webkit-box-orient:vertical;}
.grid3-box.type2 .date{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}

/*그리드4타입*/
.component-box.grid4{}
.grid4-box{}
.grid4-box ul{overflow:hidden;}
.grid4-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid4-box .slice-grid4 li{position:relative;float:left;margin:0 16px 50px 0;width:288px;min-height:288px;font-size:0;overflow:hidden;}
.grid4-box .slice-grid4 li a{width:100%;overflow:hidden;}
/*.grid1-box .slice-grid1 li:nth-of-type(2n+2){margin:0;}*/
.grid4-box .slice-grid4 li:nth-of-type(4n+4){margin:0;}
.grid4-box .slice-grid4 li:nth-of-type(4n+1){clear:both;}
.grid4-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.grid4-box .txt .tit{display:block;font-size:18px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;max-height:42px;-webkit-box-orient:vertical;}
.grid4-box .txt .date{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.grid4-box .txt .writer{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#7A7B85;}
.grid4-box .txt .date+.read{margin:0 0 0 6px;padding:0 0 0 7px;}
.grid4-box .txt .date+.read:before{content:"";position:absolute;top:5px;left:0;display:inline-block;width:1px;height:9px;background:#dcdee0;}
.grid4-box .txt .date strong{font-weight:normal;}
.grid4-box .txt-info2{vertical-align:top;}
.grid4-box .txt-info2 .date{display:inline-block;margin:0;color:#949699;}
.grid4-box .txt-info2 .writer{font-size:14px;line-height:20px;color:#949699;}
.grid4-box .txt-info2 .read{position:relative;font-size:12px;line-height:18px;color:#949699;}
.grid4-box .img-thum{padding-top: 56%;}
.grid4-box.type1 .img-thum{padding-top:100%;}
.grid4-box .ellipsis{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.grid4-more{text-align:center;}
.grid4-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/*그리드5타입*/
.component-box.grid5{}
.grid5-box{}
.grid5-box ul{overflow:hidden;}
.grid5-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid5-box .slice-grid5 li{position:relative;float:left;margin:0 0 46px 15px;width:390px;min-height:292px;font-size:0;overflow:hidden;}
.grid5-box .slice-grid5 li a{width:100%;overflow:hidden;}
/*.gr2d1-box .slice-grid1 li:nth-of-type(2n+2){margin:0;}*/
.grid5-box .slice-grid5 li:nth-of-type(3n+1){clear:both;margin-left:0;}
.grid5-box .txt{display:block;margin:10px 0;font-size:0;}
.grid5-box .info{display:block;margin:2px 0 0;}
.grid5-box .tit{display:block;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.grid5-box .date{display:inline-block;font-size:12px;line-height:18px;letter-spacing:-1px;color:#7A7B85;}
.grid5-box .views{display:inline-block;position:relative;margin:0 0 0 8px;padding:0 0 0 8px;font-size:12px;line-height:18px;letter-spacing:-1px;color:#7A7B85;}
.grid5-box .views:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#949699;}
.grid5-box .broad{display:inline-block;margin:0 9px 0 0;font-size:12px;line-height:14px;color:#54585f;font-family: 'Noto Sans Bold';}
.grid5-box .broad.today{color:#e44850;}
.grid5-box .channel{margin:0 3px 0 0;font-size:12px;line-height:14px;color:#54585f;}
.grid5-box .time{font-size:12px;line-height:14px;color:#54585f;}
.grid5-box .img-thum{padding-top:56%;}
.grid5-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.grid5-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.grid5-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.grid5-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.grid5-box .img-box .type1{}
.grid5-box .img-box .type1 .ico{background-position:0 -176px;}
.grid5-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.grid5-box .img-box .type2 .ico{background:none;}
.grid5-box .img-box .type3{overflow:hidden;text-indent:-10000em;left:0;top:0;right:0;bottom:0;width:auto;background:rgba(0,0,0,.25)}
.grid5-box .img-box .type3 .ico{display:block;bottom:10px;right:10px;width:41px;height:41px;background:url(../images/ico/ico-play.png) no-repeat right bottom;}
.grid5-box .img-box .type4{}
.grid5-box .img-box .type4 .ico{background-position:0 -208px;}
.grid5-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:3px 8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;}
.grid5-more{text-align:center;}
.grid5-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/*그리드6타입*/
.component-box.grid6{}
.grid6-box{}
.grid6-box ul{overflow:hidden;}
.grid6-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid6-box .slice-grid6 li{position:relative;float:left;margin:0 0 55px 16px;width:288px;min-height:345px;font-size:0;overflow:hidden;}
.grid6-box .slice-grid6 li a{width:100%;overflow:hidden;}
.grid6-box .slice-grid6 li:nth-of-type(4n+1){clear:both;margin-left:0;}
.grid6-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.grid6-box .img-thum{padding-top:100%;}
.grid6-more{text-align:center;}
.grid6-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/*그리드7타입*/
.component-box.grid7{}
.grid7-box{position:relative;margin:40px 0 0;}
.grid7-box:first-of-type{margin:0;}
.grid7-box .grid7-tit{font-size:24px;line-height:28px;letter-spacing:-1px;color:#000;}
.grid7-box .all-view{position:absolute;right:0;top:5px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Regular"}
.grid7-box .slice-grid7{margin:18px 0 0;overflow:hidden;}
.grid7-box .slice-grid7 li{position:relative;float:left;margin:0 0 0 15px;width:228px;min-height:175px;font-size:0;overflow:hidden;}
.grid7-box .slice-grid7 li a{width:100%;overflow:hidden;}
.grid7-box .slice-grid7 li:nth-of-type(5n+1){clear:both;margin-left:0;}
.grid7-box .txt{display:block;margin:10px 0;}
.grid7-box .tit{display:block;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.grid7-box .date{display:block;margin:2px 0 0;font-size:12px;line-height:16px;letter-spacing:-1px;color:#7A7B85;}
.grid7-box .img-thum{padding-top:56%;}

/*그리드8타입*/
.component-box.grid8{}
.grid8-box{position:relative;margin:54px 0 0;}
.grid8-box:first-of-type{margin:0;}
.grid8-box .slice-grid8{overflow:hidden;}
.grid8-box .slice-grid8 li{position:relative;float:left;margin:0 0 0 15px;width:228px;min-height:175px;font-size:0;overflow:hidden;}
.grid8-box .slice-grid8 li a{width:100%;overflow:hidden;}
.grid8-box .slice-grid8 li:nth-of-type(5n+1){clear:both;margin-left:0;}
.grid8-box .slice-grid8 li .play-time{display:block;position:absolute;padding:2px 7px;right:0;bottom:0;background:rgba(0,0,0,.8);font-size:12px;color:#dddee0;}
.grid8-box .txt{display:block;margin:10px 0;}
.grid8-box .tit{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;max-height:40px;-webkit-box-orient:vertical;}
.grid8-box .tit.type2{white-space:normal;}
.grid8-box .date{display:block;margin:2px 0 0;font-size:12px;line-height:16px;letter-spacing:-1px;color:#7A7B85;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.grid8-box .img-thum{padding-top:56%;}
.grid8-box .arrow_box{position:absolute;right:0;top:15px;}
.grid8-box .arrow_prev{float:left;display:block;width:25px;height:25px;background:url(../images/sp-kbs.png) no-repeat -150px -200px;cursor:pointer;color:transparent;text-indent:-9999px;/*font-size:0;*/}
.grid8-box .arrow_next{float:left;display:block;width:25px;height:25px;background:url(../images/sp-kbs.png) no-repeat -175px -200px;cursor:pointer;color:transparent;text-indent:-9999px;margin-left:3px;/*font-size:0;*/}
.grid8-box .arrow_prev.disabled,
.grid8-box .arrow_next.disabled{background-position-y:-20px}

/*그리드9타입*/
.component.bg-box-gray{margin:30px 0 0;padding:60px 0 70px !important;background:#34373c;}
.component.bg-box-gray + .component{padding-top:70px;}
.component-box.grid9{}
.component-box.grid9 .tit-a{margin:0 0 20px 0;color:#fff;}
.grid9-box{}
.grid9-box ul{overflow:hidden;}
.grid9-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid9-box .slice-grid9 li{position:relative;float:left;margin:0 0 50px 15px;width:390px;min-height:292px;font-size:0;overflow:hidden;}
.grid9-box .slice-grid9 li a{width:100%;overflow:hidden;}
.component-box.grid9 .conArea{margin:60px 0 0;}
.component-box.grid9 .tab05 li a{color:#fff;}
.component-box.grid9 .tab05 li.on a{color:#0088cf;}
/*.gr2d1-box .slice-grid1 li:nth-of-type(2n+2){margin:0;}*/
.grid9-box .slice-grid9 li:nth-of-type(3n+1){clear:both;margin-left:0;}
.grid9-box .txt{display:block;margin:10px 0;font-size:0;}
.grid9-box .info{display:block;margin:2px 0 0;}
.grid9-box .tit{display:block;font-size:20px;letter-spacing:-.04em;line-height:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.grid9-box .read{display:block;font-size:16px;letter-spacing:-.04em;line-height:20px;color:#949699;}
.grid9-box .views{display:inline-block;position:relative;margin:0 0 0 8px;padding:0 0 0 8px;font-size:12px;line-height:18px;letter-spacing:-1px;color:#949699;}
.grid9-box .views:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#949699;}
.grid9-box .img-thum{padding-top:56%;}
.grid9-box .img-thum img{width:100%;}
.grid9-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:3px 8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;}
.grid9-more{text-align:center;}
.grid9-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #cccdce;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#fff;}

/*그리드10타입*/
.component-box.grid10{}
.grid10-box{}
.grid10-box ul{overflow:hidden;}
.grid10-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.grid10-box .slice-grid10 li{position:relative;float:left;margin:0 0 15px 15px;width:390px;font-size:0;overflow:hidden;}
.grid10-box .slice-grid10 li a{position:relative;width:100%;overflow:hidden;}
/*.gr2d1-box .slice-grid1 li:nth-of-type(2n+2){margin:0;}*/
.grid10-box .slice-grid10 li:nth-of-type(3n+1){clear:both;margin-left:0;}
.grid10-box .txt{position:absolute;bottom:0;left:0;width:100%;display:block;padding:20px;box-sizing:border-box;font-size:0;}
.grid10-box .info{display:block;margin:2px 0 0;}
.grid10-box .tit{display:inline-block;font-size:12px;line-height:18px;letter-spacing:-1px;color:#fff;}
.grid10-box .des{display:block;font-size:18px;line-height:22px;letter-spacing:-1px;color:#fff;}
.grid10-box .views{display:inline-block;position:relative;margin:0 0 0 8px;padding:0 0 0 8px;font-size:12px;line-height:18px;letter-spacing:-1px;color:#fff;}
.grid10-box .views:before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#fff;}
/* .grid10-box .img-thum{padding-top:66.5%;} */
.grid10-box .img-thum{padding-top:56.25%;}
.grid10-box .img-thum:after{content:'';width:100%;height:0;box-shadow:0px 0px 200px 100px rgba(0,0,0,0.4);position:absolute;bottom:0;left:0;}

.grid10-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:3px 8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;}
.grid10-more{text-align:center;}
.grid10-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/*메인 뉴스타입*/
.component-box.mnews{}
.mnews-box{position:relative;margin:54px 0 0;height:410px;overflow:hidden;}
.mnews-box:first-of-type{margin:0;}
.mnews-box .all-view{position:absolute;right:0;top:15px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Regular"}
.mnews-box .article-img li{position:relative;float:left;margin:0 33px 0 0;overflow:hidden;}
.mnews-box .article-img li.big{margin:0 40px 0 0;padding:0 40px 0 0;border-right:1px solid #ccc;}
.mnews-box .article-img li.big a{display:block;position:relative;overflow:hidden; transition: all 0.3s ease-in-out 0.2s;}
.mnews-box .article-img li.big a:after{content:'';display:block;position:absolute;bottom:0;width:100%;box-shadow:0px 0px 200px 100px rgba(0,0,0,0.4);}
.mnews-box .article-img li.big a:focus{outline:1px dashed #333; transform:scale(0.9899);}
.mnews-box .article-img li:last-of-type{margin:0;}
.mnews-box .article-img li .img-box{width:228px;}
.mnews-box .article-img li.big .img-box{width:630px;}
.mnews-box .article-img li .img-thum{padding-top:66%;}
.mnews-box .article-img li.big .img-thum{padding-top:56%;}
.mnews-box .article-img li.big .img-thum .img-center img{width:100%;}
.mnews-box .article-img li  .ico-play{display:block;position:absolute;width:30px;height:30px;right:15px;bottom:15px;background:url(../images/sp-kbs.png) no-repeat -200px -450px;z-index:1;}
.mnews-box .article-img li.big  .ico-play{display:block;position:absolute;width:62px;height:62px;right:25px;bottom:25px;background:url(../images/sp-kbs.png) no-repeat -300px -400px;}
.mnews-box .article-img li.big .txt{position:absolute;left:25px;bottom:25px;z-index:1;}
.mnews-box .article-img li .tit{display:block;margin:5px 0 0 0;line-height:20px;font-size:16px;color:#070606;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:228px;}
.mnews-box .article-img li .date{font-size:12px;color:#54585e;}
.mnews-box .article-img li.big .tit{display:block;margin:0;max-width:510px;line-height:40px;font-size:32px;letter-spacing:-.07em; color:#fff;font-family:"Noto Sans Bold";display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:80px;-webkit-box-orient:vertical;white-space:normal;}
.mnews-box .article-img li.big .date{font-size:16px;color:#fff;}
.mnews-box .news-list{float:left;margin:5px 0;width:480px;}
.mnews-box .news-list li{margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mnews-box .news-list li a{font-size:16px;color:#000;}
.mnews-box .news-list li .cate{display:inline-block;margin:0 20px 0 0;color:#0088cf}
.mnews-box .news-list li .txt{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/*메인 뉴스바타입*/
.component-box.mnewsbar{margin:-30px auto -40px;}
.mnewsbar-box {overflow:hidden;}
.mnewsbar-box .tit-a{position:absolute;top:-1000em;}
.mnewsbar-box .newsbar-swiper{width:100%;overflow:hidden;box-sizing:border-box;border:1px solid #d9d9d9;background:#f7f7f7;}
.mnewsbar-box .newsbar-swiper .swiper-container{position:relative;margin:14px 0;height:40px;padding:0 20px;}
.mnewsbar-box .newsbar-swiper .swiper-slide{margin:0 auto;box-sizing:border-box;padding:1px 80px 0 0;}
.mnewsbar-box .newsbar-swiper .swiper-slide a{display:inline-block;font-size:18px;line-height:32px;letter-spacing:-1px;color:#000;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mnewsbar-box .newsbar-swiper .swiper-slide a .cate{display:inline-block;margin:0 10px 0 0;color:#0088cf;}
.mnewsbar-box .newsbar-swiper .swiper-button-prev{position:absolute;top:0;left:auto;right:20px;bottom:auto;margin:0;padding:0 3px;width:15px;height:15px;background:url(../images/sp-kbs.png) no-repeat -105px -205px;font-size:0}
.mnewsbar-box .newsbar-swiper .swiper-button-next{position:absolute;top:auto;left:auto;right:20px;bottom:0;margin:0;padding:0 3px;width:15px;height:15px;background:url(../images/sp-kbs.png) no-repeat -130px -205px;font-size:0}
.mnewsbar-box .newsbar-swiper .swiper-pagination{position:absolute;top:8px;left:auto;right:50px;width:auto;font-size:14px;text-align:right;width:50px;color:#54585e;}
.mnewsbar-box .newsbar-swiper .swiper-pagination-current{color:#54585e;}

/*메인 스포츠타입*/
.component-box.msports{}
.msports-box{position:relative;overflow:hidden;}
.msports-box .article-img{float:left;position:relative;margin:0 40px 0 0;padding:0 40px 0 0;border-right:1px solid #ccc;}
.msports-box .article-img a{display:block;position:relative;overflow:hidden;}
.msports-box .article-img a:after{content:'';display:block;position:absolute;bottom:0;width:100%;box-shadow:0px 0px 200px 100px rgba(0,0,0,0.4);}
.msports-box .article-img a:focus{outline:1px dashed #333;}
.msports-box .article-img .img-box{width:630px;}
.msports-box .article-img .img-thum{padding-top:56%;}
.msports-box .article-img .ico-play{display:block;position:absolute;width:62px;height:62px;right:25px;bottom:25px;background:url(../images/sp-kbs.png) no-repeat -300px -400px;z-index:1;}
.msports-box .article-img .txt{position:absolute;left:25px;bottom:25px;z-index:1;}
.msports-box .article-img .tit{display:block;width:510px;line-height:40px;font-size:32px;letter-spacing:-.07em;font-family:"Noto Sans Bold";color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:1;}
.msports-box .article-img .date{font-size:16px;color:#fff;}
.msports-box .sports-list{float:left;width:489px;}
.msports-box .sports-list li{}
.msports-box .sports-list li a{display:table;position:relative;margin:0 0 40px 0;table-layout: fixed;width:100%}
.msports-box .sports-list li a .des{display:block;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;font-size: 15px;letter-spacing: -0.5px;color: #000;margin:3px 0 0 0}
.msports-box .sports-list .img-box{display:table-cell;width:164px;height:92px;}
.msports-box .sports-list .img-thum{padding-top:56%;background:#ddd;}
.msports-box .sports-list .txt{display:table-cell;padding:0 25px 0 0;width:300px;vertical-align:top;}
.msports-box .sports-list .tit{font-size:18px;letter-spacing:-.04em;font-family:"Noto Sans Bold";color:#000;vertical-align:top;display:block;display:-webkit-box;-webkit-line-clamp:2;max-height:54px;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden}
.msports-box .sports-list .txt-group{}
.msports-box .sports-list .date{color:#7A7B85;}
.msports-box .sports-list .read:before{position:absolute;left:0;top:3px;width:1px;height:14px;background:#dddee0;content:'';}
.msports-box .sports-list .read{display:inline-block;position:relative;margin:0 0 0 13px;padding:0 0 0 15px;color:#7A7B85;}

/* 섹션 뉴스 */
.sportsnews tit-a{padding-bottom:15px;font-size:30px;font-family:'Noto Sans Bold','Noto Sans Medium';letter-spacing:-.7px; font-weight:bold}
.sportsnews ul{overflow:hidden;margin-top:-14px;}
.sportsnews li{position:relative;float:left;width:288px;margin:14px 0 0 16px;overflow:hidden;}
.sportsnews li a{display:block; transition: all 0.3s ease-in-out 0.2s;}
.sportsnews li a:focus{outline:1px dashed #333; transform:scale(0.9899);}
.sportsnews li a:after{content:'';display:block;position:absolute;bottom:0;width:100%;box-shadow:0 0 200px 100px rgba(0,0,0,.4);}
.sportsnews .desc{position:absolute;left:0;bottom:0;z-index:1;padding:15px;width:100%;box-sizing:border-box;}
.sportsnews .tit{display:-webkit-box;max-height:52px;color:#fff;font-size:17px;letter-spacing:-.07em;color:#fff;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sportsnews .count{display:none;}
.sportsnews .img-box{background-color:#000;}
.sportsnews .img-thum img{width:auto;height:100%;}
.sportsnews .ico-play{display: block;position:absolute;z-index:1;overflow:hidden;text-indent:-1000em;width:30px;height:30px;right:15px;bottom: 15px;background:url(../images/sp-kbs.png) no-repeat -200px -450px;}
.sportsnews li.top{width:592px;margin-left:0;}
.sportsnews li.top .desc{padding:25px;}
.sportsnews li.top .tit{font-size:32px;line-height:40px;max-height:80px;font-family:"Noto Sans Bold";}
.sportsnews li.top .count{display:block;font-size:16px;color:#fff;}
.sportsnews li.top .img-thum{padding-top:57%;}
.sportsnews li.top .ico-play{width:62px;height:62px;right:25px;bottom:25px;background:url(../images/sp-kbs.png) no-repeat -300px -400px;}

/*사각타입*/
.component-box.rectangle{overflow:hidden;width:100%;padding:0;background:#34373c;}
.rectangle-box{position:relative;margin:0 auto;padding:30px 0 60px;width:1200px;overflow:hidden;}
.rectangle-box .tit-a{overflow:hidden;margin:0;text-indent:-10000px;line-height:0;}
.rectangle-box .arrow-buttons{z-index:1;position:absolute;top:40px;right:0;font-size:0;}
.rectangle-box .arrow-buttons div{display:inline-block;width:25px;height:25px;background:url(../images/sp-kbs.png) no-repeat -150px -250px;cursor:pointer;opacity:1;}
.rectangle-box .arrow-buttons .arrow_next{background-position:-175px -250px;;opacity:1;}
.rectangle-box .arrow-buttons .arrow_prev.disabled{opacity:.5;}
.rectangle-box .arrow-buttons .arrow_next.disabled{opacity:.5;}
.rectangle-box .rectangle-tit{position:relative;float:left;margin:0 18px 0 0;width:387px;padding:40px 0 150px;}
.rectangle-box .rectangle-tit .txt_tit{display:block;text-align:left;vertical-align:top;font-size:26px;letter-spacing:-.06em;font-family:"Noto Sans Bold";color:#0088cf;}
.rectangle-box .rectangle-tit .txt_cont{display:block;padding:20px 0 0 0;text-align:left;vertical-align:top;font-size:32px;line-height:38px;color:#fff;letter-spacing:-1px;}
.rectangle-box .rectangle-tit .txt_view_all{position:absolute;left:0;bottom:0;display:block;text-align:left;vertical-align:bottom;font-size:18px;letter-spacing:-.04em;line-height:30px;color:#949699;}
.rectangle-box .scroll-slide{float:left;margin:45px 0 0 0;width:795px;overflow:hidden;}
.rectangle-box .scroll-slide a{width:100%;}
.rectangle-box .rectangle-tit .txt_view_all .ico{display:inline-block;width:25px;height:25px;background:url(../images/sp-kbs.png) -175px -225px no-repeat;margin:0 0 0 5px;vertical-align:text-top;}
.rectangle-box .scroll-slide .img-box{display:block;position:relative;border-radius:0;width:185px;}
.rectangle-box .scroll-slide .img-box .img-thum{padding-top:142.7%;}
.rectangle-box .scroll-slide .img-box .img-thum img{width:100% !important;height:100% !important;}
/*.rectangle-box .txt{display:block;padding:10px 0;text-overflow:ellipsis;overflow:hidden;font-size:12px;letter-spacing:-.04em;line-height:16px;text-align:left;color:#fff;white-space:nowrap;}
.rectangle-box .txt .per{display:block;font-size:18px;letter-spacing:-.04em;line-height:30px;}*/
.rectangle-box .txt .schedule{display:block;font-size:12px;line-height:18px;}
.rectangle-box .txt{display:block;padding:10px 0;text-overflow:ellipsis;overflow:hidden;text-align:left;color:#fff;font-size:16px;letter-spacing:-.04em;line-height:20px;}
.rectangle-box .txt .per{display:block;font-size:32px;letter-spacing:-.07em;line-height:40px;font-family:"Noto Sans Light"}
.rectangle-box .txt .period{display:block;font-size:12px;letter-spacing:-.025em;line-height:22px;font-family:"Noto Sans Light"}

/*배너1타입*/
.component-box.slide1{position:relative;border-top:none;}
.component-box.slide1 .autoplay{position:absolute;right:0;bottom:-20px;margin-left:15px;width:7px;height:10px;background:url(../images/btn/btn-play.png) no-repeat center center;opacity:.4;cursor:pointer;}
.component-box.slide1 .autoplay.play{opacity:1;}
.slide1-box{position:relative;}
.slide1-img{position:relative;overflow:hidden;}
.slide1-img a{display:block;}
.slide1-img .txt{position:absolute;left:25px;right:25px;bottom:25px;z-index:1;}
/*
.slide1-img .cate{display:block;margin:0 0 5px 0;font-family:"Noto Sans Bold";font-size:16px;line-height:18px;color:#fff;}
.slide1-img .des{display:block;font-family:"Noto Sans Bold";font-size:30px;letter-spacing:-1px;line-height:35px;color:#fff;}
*/
.slide1-img .cate{display: block; font-family:"Noto Sans Regular";font-size:14px;letter-spacing:-.025px;line-height:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slide1-img .des{font-family:"Noto Sans Bold";font-size:18px;letter-spacing:-.05px;line-height:24px;color:#fff;display: block;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:49px;-webkit-box-orient:vertical;}

.slide1-img .tit{display:block;font-family:"Noto Sans Medium";font-size:18px;letter-spacing:-1px;line-height:24px;color:#fff;}
.slide1-img .img-thum{padding-top:66.6%;}
.slide1-img .live{position: absolute;left: 26px;top: 20px;width: 54px;height: 21px;background: url(../images/ico/ico-slide-live.png) no-repeat center center;background-size: 54px auto;-webkit-background-size: 54px auto;z-index: 1;}
.slide1-img .bg-shadow{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/etc/bg-sport-banner.png) repeat-x 0 0;background-size:100% 100%;}
.slide1-img .btn-video{display:none;position:absolute;right:19px;bottom:18px;width:51px;height:51px;background:url(../images/ico/ico-play2.png) no-repeat center center;}
/*.slide1-img.video .btn-video{display:block;}*/
.slide1-box .arrow-buttons{}
.slide1-box .arrow-buttons div{position:absolute;margin:-31px 0 0 0;top:50%;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 0;cursor:pointer;font-size:0;}
.slide1-box .arrow-buttons .arrow_prev{left:-60px;background-position:0 -64px;}
.slide1-box .arrow-buttons .arrow_next{right:-60px;background-position:-34px -64px;}
.slide1-box .arrow-buttons .disabled{background-position-y:0;}
/*.slide1-box .arrow-buttons .arrow_prev:hover{background-position:0 -63px;}*/
/*.slide1-box .arrow-buttons .arrow_next:hover{background-position:-34px -63px;}*/
.slide1-box .arrow_box .owl-pagination{float:left;position:relative;}
.slide1-box .arrow_box .owl-pagination .owl-page{float:left;margin:0 3px;width:6px;height:6px;border:2px solid #54585e;background:none;border-radius:50%;opacity:1;cursor:pointer;}
.slide1-box .arrow_box .owl-pagination .owl-page.active{background:#54585e;}


/* today 타입 */
.component-box.today{position:relative;padding:0 0 10px;}
.component-box.today .tit-a{width:81px;height:19px;background:url(../images/ico/ico-comp-toady-tit.png) no-repeat;text-indent:-10000em;line-height:0;font-size:0; /*font-size:24px;line-height:28px;*/}
.today-list.owl-carousel .owl-stage{overflow:hidden;height:60px;}
.today-list.owl-carousel .active{width:795px !important;}
.today-list.owl-carousel .active+.active{width:390px !important;}
.today-list .owl-item{width:400px !important;}
.today-list.owl-carousel .owl-stage-outer{overflow:visible;}
.today-list-box{position:relative;background:#fafafa;}
.today-list-box a{display:block;overflow:hidden;padding:15px 25px;}
.today-list-cont{display:block;text-align:center;float:right;position:relative;}
.today-list-state{display:block;position:absolute;left:0;top:50%;margin:-10px 0 0;font-size:15px;line-height:20px;letter-spacing:-.5px;color:#fff}
.today-list-tit{display:block;position:relative;padding:0 0 0 70px;width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:20px;line-height:30px;color:#fff;font-family:"Noto Sans Bold"}
.today-list-play{display:none;float:right;position:relative;padding:0 35px 0 0;height:30px;}
.today-list-play .playtime{display:none;font-size:20px;line-height:30px;color:#dcdee0}
.today-list-play .ico{display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../images/ico/ico-today3.png) no-repeat;}
.home-list{float:right;position:relative;height:30px;display: none;}
.home-list .cate1, .home-list .cate2{margin: 0 0 0 14px;font-size: 20px;line-height: 30px;color: #dcdee0;font-family: "Noto Sans Light";}
.today-list-box.onair .today-list-state{overflow:hidden;text-indent:-10000em;width:53px;height:20px;background:url(../images/ico/ico-today1-2.png) no-repeat center center;}
.today-list-box.onair .today-list-tit{}
.today-list.owl-carousel .owl-item:not(.active) .today-list-state{color:#949699;}
.today-list.owl-carousel .owl-item:not(.active) .today-list-tit{color:#949699;}
.today-list-progress{display:none;position:absolute;left:0;top:0;height:100%;background:#0088cf;}
/* 첫번째 */
.today-list.owl-carousel .active .today-list-box{background:#5b6068;}
.today-list.owl-carousel .active .today-list-box .today-list-cont{float:left;}
.today-list.owl-carousel .active .today-list-box .today-list-play{display:block;}
.today-list.owl-carousel .active .today-list-box.onair{background:#34373c;}
.today-list.owl-carousel .active .today-list-box.onair .today-list-progress{display:block;}
.today-list.owl-carousel .active .today-list-box.onair .playtime{display:block;}
.today-list.owl-carousel .active .today-list-box .home-list{display: block}
/* 두번째 */
.today-list.owl-carousel .active + .active .today-list-box{background:#5b6068;}
.today-list.owl-carousel .active + .active .today-list-box .today-list-cont{float:left;}
.today-list.owl-carousel .active + .active .today-list-box .today-list-state{color:#b6b7b9;}
.today-list.owl-carousel .active + .active .today-list-box.onair{background:#34373c;}
.today-list.owl-carousel .active + .active .today-list-box.onair .playtime{display:none;}
.today-list.owl-carousel .active + .active .today-list-box .home-list{display: none}
/* 세번째 */
.today-list.owl-carousel .active + .active + .active .today-list-box{background:#fafafa;}
.today-list.owl-carousel .active + .active + .active .today-list-box .today-list-state{color:#949699;}
.today-list.owl-carousel .active + .active + .active .today-list-box .today-list-tit{color:#949699;}
.today-list.owl-carousel .active + .active + .active .today-list-box .today-list-cont{float:left;}
.today-list.owl-carousel .active + .active + .active .today-list-box .today-list-play{display:none;}
.today-list.owl-carousel .active + .active + .active .today-list-box.onair{background:#dcdee0;}
.today-list.owl-carousel .active + .active + .active .today-list-box.onair .playtime{display:none;}
.today-list.owl-carousel .active + .active + .active .today-list-box.onair .today-list-progress{display:none;}
.today-list.owl-carousel .active + .active + .active .today-list-box .home-list{display: none}
/* 세번째 이후 */
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box{background:#dcdee0;}
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box .today-list-cont{float:left;}
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box .today-list-play{display:none;}
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box.onair{background:#dcdee0;}
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box.onair .playtime{display:none;}
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box.onair .today-list-progress{display:none;}
.today-list.owl-carousel .active + .active + .active ~ .owl-item .today-list-box .home-list{display: none}

.today-list .arrow_box{position:absolute;right:0;top:15px;}
.today-list .arrow_prev{float:left;display:block;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat 0 0;cursor:pointer;text-indent:-1000em;}
.today-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;text-indent:-1000em;}

/* onair 타입 */
.component-box.onair{}
.component .component-box.onair .tit-a{font-size:24px;letter-spacing:0;}
.onair-list-box{position:relative;height:60px;background:#34373c;}
.onair-list-box .progress{position:absolute;top:0;left:0;height:100%;background:#0088cf;}
.onair-list-box a{position:relative;display:block;overflow:hidden;width:100%;height:100%;}
.onair-list-box .txt{z-index:1;display:block;padding:19px 110px 20px 0;font-size:0;}
.onair-list-box .channel{display:inline-block;width:100px;font-size:15px;line-height:20px;letter-spacing:-1px;color:#EBEBEB;font-family:"Noto Sans Bold";text-align:center;}
.onair-list-box .tit{display:inline-block;width:260px;font-size:20px;line-height:20px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.onair-list-box .guest{display:inline-block;margin:0 0 0 16px;width:82px;font-size:12px;line-height:16px;letter-spacing:-1px;color:#EBEBEB;font-family:"Noto Sans Regular";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.onair-list-box .time{position:absolute;right:20px;top:50%;margin-top:-12px;width:72px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#EBEBEB;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.onair-list .arrow_box{position:absolute;right:0;top:15px;}
.onair-list .arrow_prev{float:left;display:block;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat 0 0;cursor:pointer;}
.onair-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.onair-list .arrow_prev.disabled,
.onair-list .arrow_next.disabled{background-position-y:-20px}

/* notice 타입 (radio) */
.component .component-box.noticebar .tit-a{position:absolute;top:50%;left:40px;margin:-9px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.component-box.noticebar{position:relative;}
.noticebar-swiper{overflow:hidden;box-sizing:border-box;border:1px solid #000;background:#fff;}
.noticebar-swiper .swiper-container{position:relative;margin:14px 0;height:30px;padding:0 160px;}
.noticebar-swiper .swiper-slide{box-sizing:border-box;padding:5px 0;}
.noticebar-swiper .swiper-slide a{display:inline-block;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.noticebar-swiper .swiper-pagination{position:absolute;top:50%;left:auto;right:52px;margin:-10px 0 0;width:auto;font-size:14px;line-height:20px;letter-spacing:0;color:#54585e;}
.noticebar-swiper .swiper-pagination-current{color:#54585e;}
.noticebar-swiper .swiper-pagination span{vertical-align:baseline;}
.noticebar-swiper .swiper-button-prev{position:absolute;top:0;left:auto;right:20px;bottom:auto;margin:0;padding:0 3px;width:15px;height:15px;background:url(../images/sp-kbs.png) no-repeat -105px -205px;font-size:0;}
.noticebar-swiper .swiper-button-next{position:absolute;top:auto;left:auto;right:20px;bottom:0;margin:0;padding:0 3px;width:15px;height:15px;background:url(../images/sp-kbs.png) no-repeat -130px -205px;font-size:0;}
.noticebar-swiper.type2{border:none;background:#f6f6f6;}
.noticebar-swiper.type2 .swiper-container{margin:10px 0;}
.noticebar-swiper.type3{border:none;background:#f6f6f6;}
.noticebar-swiper.type3 .swiper-container{height:40px;padding:0 100px;}
.noticebar-swiper.type3 .swiper-container{margin:10px 0;}
.noticebar-swiper.type3 .swiper-slide{padding:10px 50px 10px 0;}


/* ticket 타입 */
.component-box.ticket{}
/*.ticket-list.owl-carousel .owl-stage-outer{overflow:visible;}*/
.component-box.ticket .tit-a{font-size:24px;line-height:28px;}
.component-box.ticket .ticket-box{position:relative;width:592px;height:110px;background:#fafafa;}
/*.component-box.ticket .ticket-box:first-of-type{margin:0 20px 0 0;}*/
.component-box.ticket .ticket-box dt{position:absolute;left:200px;top:29px;font-size:16px;letter-spacing:-.04em;color:#eeeff0;font-family: 'Noto Sans Bold';}
.component-box.ticket .ticket-box .bar{position:absolute;left:0;bottom:0;width:100%;height:16px;background-repeat:no-repeat;background-size:2px 6px,2px 6px,2px 6px,2px 16px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px,2px 6px;background-position:0px bottom,10px bottom,20px bottom,30px,40px bottom,50px bottom,60px bottom,70px bottom,80px bottom,90px bottom,100px bottom,110px bottom,120px bottom,130px bottom,140px bottom,150px bottom,160px bottom,170px bottom,180px bottom,190px bottom,200px bottom,210px bottom,220px bottom,230px bottom,240px bottom,250px bottom,260px bottom,270px bottom,280px bottom,290px bottom,300px bottom,310px bottom,320px bottom,330px bottom,340px bottom,350px bottom,360px bottom,370px bottom,380px bottom,390px bottom,400px bottom,410px bottom,420px bottom,430px bottom,440px bottom,450px bottom,460px bottom,470px bottom,480px bottom,490px bottom,500px bottom,510px bottom,520px bottom,530px bottom,540px bottom,550px bottom,560px bottom,570px bottom,580px bottom,590px bottom;background-image:linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#f89535, #f89535),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea),linear-gradient(#e9e9ea, #e9e9ea)}
/* .component-box.ticket .ticket-box .bar{display:none;position:absolute;left:30px;bottom:0;width:2px;height:16px;background:#f89535;} */
.component-box.ticket .ticket-box li{position:absolute;line-height:16px;}
.component-box.ticket .ticket-stage{left:200px;bottom:35px;font-size:16px;color:#eeeff0;font-family: 'Noto Sans Bold';}
.component-box.ticket .ticket-date{left:30px;top:30px;font-size:16px;font-family:Helvetica Light;font-family: 'Noto Sans Regular';color:#eeeff0;}
.component-box.ticket .ticket-time{left:30px;bottom:30px;font-size:30px;line-height:30px !important;font-family:Helvetica Light;color:#eeeff0;}
.component-box.ticket .ticket-link{display:none;right:40px;top:42px;font-size:16px;font-family: 'Noto Sans Bold';color:#333;}
.component-box.ticket .ticket-link .ico{display:inline-block;margin:0 0 0 5px;width:10px;height:12px;background:url(../images/arrow/arrow-link.png) no-repeat center center;line-height:16px;}
.component-box.ticket .arrow_box{position:absolute;right:0;top:15px;}
.component-box.ticket .arrow_prev{float:left;display:block;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat 0 0;cursor:pointer;text-indent:-1000em}
.component-box.ticket .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;text-indent:-1000em}

/* active됐을 때 */
.ticket-list.owl-carousel .active .ticket-box{background:#f6f6f6}
.ticket-list.owl-carousel .active .ticket-box .bar{display:block;}
/*.ticket-list.owl-carousel .active + .active + .active .ticket-box{background:#fafafa;}*/
.ticket-list.owl-carousel .active + .active + .active .ticket-box .bar{display:none;}
.ticket-list.owl-carousel .active + .active + .active .ticket-time{color:#838383;}
.ticket-list.owl-carousel .active + .active + .active .ticket-date{color:#838383;}
.ticket-list.owl-carousel .active + .active + .active .ticket-box dt{color:#838383;}
.ticket-list.owl-carousel .active + .active + .active .ticket-stage{color:#838383;}
.ticket-list.owl-carousel .active + .active + .active .ticket-link{display:none;}

.ticket-list.owl-carousel .active .ticket-time{color:#333;}
.ticket-list.owl-carousel .active .ticket-date{color:#f94802;}
.ticket-list.owl-carousel .active .ticket-box dt{color:#333;}
.ticket-list.owl-carousel .active .ticket-stage{color:#333;}
.ticket-list.owl-carousel .active .ticket-link{display:block;}

/* vlink 타입 */
.component-box.vlink{}
/*.vlink-list.owl-carousel .owl-stage-outer{overflow:visible;}*/
.component-box.vlink .tit-a{font-size:24px;line-height:28px;}
.component-box.vlink .shadow{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,.7);z-index:2;}
.component-box.vlink .vlink-box{position:relative;width:396px;height:223px;background:#dcdee0;}
.component-box.vlink .vlink-box{position:relative;}
.component-box.vlink .img-thum{padding-top:56%;}
.component-box.vlink .vlink-box dt{position:absolute;left:20px;bottom:20px;font-size:18px;line-height:22px;color:#fff;z-index:1;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;height:44px;-webkit-box-orient:vertical;max-width:300px}
.component-box.vlink .vlink-box dd{position:absolute;left:0;right:0;bottom:0;top:0;}
.component-box.vlink .vlink-box .img-box:after{content:'';display:block;position:absolute;bottom:0;width:100%;box-shadow:0px 0px 100px 40px rgba(0,0,0,0.4);}
.component-box.vlink .vlink-ico{display:block;position:absolute;left:10px;top:10px;z-index:1;}
.component-box.vlink .vlink-ico.vertical-travel{width:180px;height:57px;background:url(../images/ico/ico-vertical-travel.png) no-repeat center center;}
.component-box.vlink .vlink-ico.vertical-cf{width:90px;height:57px;background:url(../images/ico/ico-vertical-cf.png) no-repeat center center;}
.component-box.vlink .vlink-ico.vertical-enter{width:250px;height:57px;background:url(../images/ico/ico-vertical-enter.png) no-repeat center center;}
.component-box.vlink .vlink-box .ico2{display:block;position:absolute;right:10px;bottom:20px;width:59px;height:58px;background:url(../images/ico/ico-main-cate1.png) no-repeat 0 0;z-index:1;}
.component-box.vlink .vlink-box.type1 .ico2{background-position:0 0;}
.component-box.vlink .vlink-box.type2 .ico2{background-position:0 -58px;}
.component-box.vlink .vlink-box.type3 .ico2{background-position:0 -116px;}
.component-box.vlink .vlink-box.type4 .ico2{background-position:0 -174px;}
.component-box.vlink .vlink-box.type5 .ico2{background-position:0 -232px;}
.component-box.vlink .vlink-box.type6 .ico2{background-position:0 -290px;}
.component-box.vlink .vlink-box.type7 .ico2{background-position:0 -348px;}
.component-box.vlink .vlink-box .cate{display:block;position:absolute;left:20px;top:136px;font-family:"Noto Sans Light";font-size:14px;color:#fff;z-index:1;}
.component-box.vlink .vlink-box .cate img{vertical-align:top;}
.component-box.vlink .arrow-buttons{}
.component-box.vlink .arrow-buttons div{position:absolute;top:50%;margin:0;width:25px;height:46px;background:url(../images/sp-kbs.png) no-repeat -500px -275px;cursor:pointer;font-size:0;opacity:0.4;}
.component-box.vlink .arrow-buttons .arrow_prev{left:-65px;}
.component-box.vlink .arrow-buttons .arrow_next{right:-65px;background-position:-525px -275px;}
.component-box.vlink .arrow-buttons .arrow_prev:hover,
.component-box.vlink .arrow-buttons .arrow_next:hover{opacity:1;}
.component-box.vlink .arrow-buttons .disabled{visibility:hidden;}


/* vlink.type2 */
.component-box.vlink .vlink-list.type2 .vlink-box dt{display:none;}
.component-box.vlink .vlink-list.type2 .vlink-box .cate{position: static;left: initial;top: initial;}
.component-box.vlink .vlink-list.type2 .vlink-box .txt{position: absolute;bottom: 20px;left: 20px;display: block;z-index: 10;}
.component-box.vlink .vlink-list.type2 .vlink-box .tit{font-size: 18px;line-height: 22px;color: #fff;z-index: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;max-height: 44px;-webkit-box-orient: vertical;max-width: 300px;}

@media all and (max-width:1300px){
	.component-box.vlink .arrow-buttons .arrow_prev{left:-35px;}
	.component-box.vlink .arrow-buttons .arrow_next{right:-35px;}
}
@media all and (max-width:1235px){
	.component-box.vlink .arrow-buttons .arrow_prev{left:20px;}
	.component-box.vlink .arrow-buttons .arrow_next{right:20px;}
}
/* active됐을 때 */
.vlink-list.owl-carousel .active .shadow{display:none;}

/* viewer 타입 */
.component-box.viewer{}
.component-box.viewer .tit-a{font-size:24px;line-height:28px;}
.component-box.viewer .viewer-box-group{position:relative;background:#f6f6f6;}
.component-box.viewer .viewer-box{position:relative;box-sizing:border-box;height:110px;}
.component-box.viewer .viewer-box dt{position:absolute;right:32px;top:32px;font-size:16px;font-weight:bold;color:#6d6f71;}
.component-box.viewer .viewer-box li{position:absolute;}
.component-box.viewer .viewer-des{display:none;left:65px;top:24px;padding:0 20px 0 0;width:720px;font-size:20px;color:#333;border-right:1px solid #dcdee0;}
.component-box.viewer .viewer-date{right:31px;bottom:32px;font-size:12px;color:#6c6c6d;font-family: 'Noto Sans Light';}
/*.component-box.viewer .active .viewer-box{background:#f6f6f6;}*/
.component-box.viewer .active .viewer-des{display:block;}
.component-box.viewer .active .viewer-box dt{position:absolute;right:auto;left:846px;top:32px;font-size:16px;letter-spacing:-.04em;font-family:"Noto Sans Bold";color:#333;}
.component-box.viewer .active .viewer-box li{position:absolute;}
.component-box.viewer .active .viewer-date{right:auto;left:846px;color:#34373c;}
.component-box.viewer .active + .owl-item .viewer-box dt{position:absolute;right:auto;left:31px;top:32px;}
.component-box.viewer .active + .owl-item .viewer-date{left:31px;}
.component-box.viewer .owl-stage-outer{overflow:visible;}
.component-box.viewer .arrow_prev{position:absolute;margin:-20px 0 0 -18px;left:2px;top:50%;width:36px;height:40px;background:url(../images/arrow/arrow-viewer.png) no-repeat 0 0;text-indent:-1000em;}
.component-box.viewer .arrow_next{position:absolute;margin:-20px -18px 0 0;right:2px;top:50%;width:36px;height:40px;background:url(../images/arrow/arrow-viewer.png) no-repeat -36px 0;text-indent:-1000em;}

/* comp01 컴퍼넌트 */
.component-box.comp01{position:relative;}
.comp01-list{overflow:hidden;}
.comp01-list-box{float:left;position:relative;margin:0 0 15px 15px;width:390px;}
.comp01-list-box:nth-of-type(3n+1){clear:both;margin-left:0;}
.comp01-list-box:nth-last-of-type(-1n+3){margin-bottom:0;}
.comp01-list-box a{display:block;}
.comp01-list-box .txt{display:block;padding:12px 0 0;}
.comp01-list-box .tit{display:none;}
.comp01-list-box .date{display:block;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.comp01-list-box .des{margin:4px 0 0;font-size:14px;line-height:18px;letter-spacing:-.5px;color:#000;text-overflow:ellipsis;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;}
.comp01-list-box .time{display:none;}
.comp01-list-box .episode{display:none;}
.comp01-list-box .read{display:none;}
.comp01-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.comp01-list-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.comp01-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.comp01-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.comp01-list-box .img-box .type1{}
.comp01-list-box .img-box .type1 .ico{background-position:0 -176px;}
.comp01-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.comp01-list-box .img-box .type2 .ico{background:none;}
.comp01-list-box .img-box .type3{overflow:hidden;text-indent:-10000em;left:0;top:0;right:0;bottom:0;width:auto;background:rgba(0,0,0,.25)}
.comp01-list-box .img-box .type3 .ico{display:block;bottom:10px;right:10px;width:41px;height:41px;background:url(../images/ico/ico-play.png) no-repeat right bottom;}
.comp01-list-box .img-box .type4{}
.comp01-list-box .img-box .type4 .ico{background-position:0 -208px;}
.comp01-more a{display:block;margin:10px auto 0;width:226px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}

/* comp02 컴퍼넌트 */
.component-box.comp02{position:relative;}
.comp02-list{overflow:hidden;}
.comp02-list-box{float:left;position:relative;margin:0 16px 16px 0;width:592px;}
.comp02-list-box:nth-of-type(2n){margin-right:0;}
.comp02-list-box:nth-last-of-type(-n+2){margin-bottom:0;}
.comp02-list-box a{display:block;}
.comp02-list-box a:focus{border:1px dashed #222;}
.comp02-list-box .txt{display:block;position:absolute;bottom:0;left:0;width:100%;}
.comp02-list-box .tit{display:none;float:left;margin:55px 5px 0 20px;font-size:22px;color:#fff;}
.comp02-list-box .episode{display:none;float:left;margin:55px 5px 0 20px;font-size:22px;color:#fff;}
.comp02-list-box .date{display:none;float:left;margin:55px 0 0 0;font-size:22px;color:#949699;}
.comp02-list-box .des{position:absolute;bottom:45px;left:20px;right:20px;font-size:14px;line-height:20px;letter-spacing:-.5px;color:#fff;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;}
.comp02-list-box .time{display:block;position:absolute;bottom:15px;left:0;padding:0 20px;font-size:14px;line-height:20px;color:#fff;}
.comp02-list-box .read{display:none;}
.comp02-list-box .shadow{display:block;width:100%;height:177px;background:url(../images/etc/bg-comp02-shadow.png) repeat-x left bottom;}
.comp02-list-box .img-box .type{display:none;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.comp02-list-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.comp02-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.comp02-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.comp02-list-box .img-box .type1{}
.comp02-list-box .img-box .type1 .ico{background-position:0 -176px;}
.comp02-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.comp02-list-box .img-box .type2 .ico{background:none;}
.comp02-list-box .img-box .type3{}
.comp02-list-box .img-box .type3 .ico{background-position:0 -192px;}
.comp02-list-box .img-box .type4{}
.comp02-list-box .img-box .type4 .ico{background-position:0 -208px;}

/* comp04 컴퍼넌트 */
.component-box.comp0401{position:relative;}
.comp0401-list{position:relative;}
.comp0401-list .owl-pagination{position:absolute;left:93px;bottom:10px;}
.comp0401-list .owl-page{display:block;margin-right:6px;width:16px;height:16px;border:2px solid #fff;border-radius:100%;background:none;}
.comp0401-list .owl-page.active{background:#fff;opacity:1;}
.comp0401-list-box a{display:block;font-size:0;}
.comp0401-list-box img{width:100%;}

.component-box.comp0402{position:relative;}
.comp0402-list{position:relative;}
.comp0402-list .owl-pagination{position:absolute;left:70px;bottom:40px;}
.comp0402-list .owl-page{display:block;margin-right:6px;width:6px;height:6px;border:2px solid #fff;border-radius:100%;background:none;}
.comp0402-list .owl-page.active{background:#fff;opacity:1;}
.comp0402-list-box a{display:block;font-size:0;}
.comp0402-list-box img{width:100%;}

.component-box.comp0403{position:relative;}
.comp0403-list{position:relative;}
.comp0403-list-box a{display:block;font-size:0;}
.comp0403-list-box img{width:100%;}

.component-box.comp0404{position:relative;}
.comp0404-list{position:relative;}
.comp0404-list-box a{display:block;font-size:0;}
.comp0404-list-box img{width:100%;}

/* comp06 컴퍼넌트 */
.component-box.comp06{position:relative;}
.comp06-list{overflow:hidden;}
.comp06-list-box{position:relative;width:288px;}
.comp06-list-box.xl{width:592px;}
.comp06-list.normal .comp06-list-box{float:left;margin:0 0 60px 16px;}
.comp06-list.left .comp06-list-box{float:left;margin:0 0 16px 16px;}
.comp06-list.right .comp06-list-box{float:right;margin:0 16px 16px 0;}
.comp06-list.normal .comp06-list-box:nth-of-type(4n+1){margin-left:0;}
.comp06-list.right .comp06-list-box:first-of-type{margin-right:0;}
.comp06-list.left .comp06-list-box:first-of-type{margin-left:0;}
.comp06-list-box a{display:block;}
.comp06-list-box .img-thum{padding-top:100%;}
.comp06-list-box .txt{display:block;min-height:55px;padding:19px 19px 30px;border:1px solid #dcdee0;border-top:none;font-size:22px;line-height:26px;letter-spacing:-1px;color:#000;background:#fff;}
.comp06-list-box .txt .des{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.comp06-list.type2 .txt{position:absolute;padding:0;left:20px;right:20px;bottom:20px;border:none;font-family:'Noto Sans Bold';color:#fff;z-index:2;background:none;}
.comp06-list-box.xl .txt{font-size:32px;left:30px;right:30px;bottom:30px;}

/* imglist 컴퍼넌트 */
.component-box.imglist{position:relative;width:100%;}
.component-box.imglist .tit-a{width:1200px;margin: 0 auto 20px auto;}
/*.component-box.imglist .program-list-header{margin:0 auto 35px;width: 1200px;}*/
.imglist-list{margin:0 auto;width:1200px;}
.imglist-list-row{overflow:hidden;}
.imglist-list-box{float:left;margin:0 0 18px 18px;width:185px;height:185px;}
.imglist-list-box:nth-of-type(6n+1){clear:both;margin-left:0;}
.imglist-list-box:nth-last-of-type(-1n+6){margin-bottom:0;}
.imglist-list-box a{display:block;}
.imglist-list-box .img-thum{padding-top:100%;}
.imglist-more a{display:block;margin:60px auto 0;width:226px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}

.imglist-view-count .total{color:#54585e;font-size:16px;}

/* comp08 컴퍼넌트 */
.component-box.comp08{position:relative;}
.comp08-list.owl-carousel{}
.comp08-list-box{padding:45px 15px 16px;border:1px solid #e1e2e4;}
.comp08-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.comp08-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.comp08-list-box a{display:block;}
.comp08-list-box .txt{display:block;text-align:center;}
.comp08-list-box .tit{display:none;}
.comp08-list-box .episode{display:none;}
.comp08-list-box .des{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:48px;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.comp08-list-box .date{display:inline-block;margin:14px 0 0 0;font-size:15px;line-height:27px;color:#949699;}
.comp08-list-box .read{display:inline-block;position:relative;margin:14px 0 0 10px;padding-left:10px;font-size:15px;line-height:27px;color:#949699;}
.comp08-list-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.comp08-list-img{overflow:hidden;display:block;margin:35px 0 0;}
.comp08-list-img .img-box{float:left;width:176px;margin:0 0 0 16px;}
.comp08-list-img .img-box:first-child{margin-left:0;}
.comp08-list-box .img-thum{padding-top:100%;}
.comp08-list .arrow_box{position:absolute;right:0;top:15px;}
.comp08-list .arrow_prev{float:left;display:block;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat 0 0;cursor:pointer;}
.comp08-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}

/* comp09 컴퍼넌트 */
.component-box.comp09{position:relative;}
.comp09-list.owl-carousel{overflow:hidden;position:relative;width:auto;padding:0 60px;}
.comp09-list-box{width:140px;padding:0 20px;}
.comp09-list-box .img-box{overflow:hidden;margin: 0 0 9px;height:140px;border-radius:100%;}
.comp09-list-box .img-thum{padding-top:100%;}
.comp09-list-box .comp09-list-role{display:block;font-size:16px;line-height:20px;letter-spacing:-.5px;color:#000;font-family:"Noto Sans Bold";text-align:center;}
.comp09-list-box .comp09-list-actor{display:block;font-size:12px;line-height:16px;color:#000;text-align:center;}
.comp09-list .arrow_prev{position:absolute;left:0;top:52px;width:24px;height:50px;background:url(../images/arrow/arrow-slide01.png) no-repeat 0 0;cursor:pointer;}
.comp09-list .arrow_next{position:absolute;right:0;top:52px;width:24px;height:50px;background:url(../images/arrow/arrow-slide01.png) no-repeat -50px 0;cursor:pointer;}
.comp09-list .arrow_prev.disabled,.comp09-list .arrow_next.disabled{background-position-y:-50px;}

/* comp10 컴퍼넌트 */
.component-box.comp10{position:relative;}
.comp10-info{display:table;table-layout:fixed;width:100%;padding:30px 0 0;border-top:4px solid #343464;}
.comp10-info-story{display:table-cell;width:50%;padding:0 22px 0 0;font-size:14px;line-height:22px;letter-spacing:-.5px;color:#000;}
.comp10-info-detail{display:table-cell;width:50%;padding:0 0 0 22px;vertical-align:top;}
.comp10-info-detail-left{float:left;width:280px;padding:0 0 0 100px;}
.comp10-info-detail-right{float:left;padding:0 0 0 12px;}
.comp10-info-detail dl{overflow:hidden;}
.comp10-info-detail dl dt{float:left;width:46px;font-size:12px;line-height:16px;color:#000;}
.comp10-info-detail dl dd{float:left;font-size:14px;line-height:20px;color:#000;}

/* comp11 컴퍼넌트 */
.component-box.comp11{position:relative;}
.comp11-list.owl-carousel{overflow:hidden;position:relative;}
.comp11-list .owl-pagination{position:static;margin:25px 0 0;font-size:0;text-align:center;}
.comp11-list .owl-page{float:none;display:inline-block;width:6px;height:6px;border:2px solid #949699;border-radius:100%;}
.comp11-list .owl-page.active{background:#949699;}
.comp11-list .owl-page a{display:block;width:100%;height:100%;}
/*.comp11-list .owl-item{margin-right:16px;}*/ /* 해당 css는 플러그인에서 수정가능 */
.comp11-list-box{border:1px solid #dcdee0;}
.comp11-list-cont{height:86px;padding:28px 26px 0;font-size:22px;line-height:28px;letter-spacing:-1px;color:#000;background:url(../images/etc/bg-comp11-comma.png) no-repeat 92% 50%;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 28px}
.comp11-list-box .txt{padding:14px 26px;background:#f6f6f6;font-size:0;}
.comp11-list-box .writer{font-size:15px;line-height:20px;letter-spacing:-.5px;color:#000;font-family:"Noto Sans Bold"}
.comp11-list-box .date{margin: 0 0 0 10px;font-size:15px;line-height:21px;letter-spacing:-.5px;color:#000;}

/* sport 컴퍼넌트 */
.component-box.sport{position:relative;}
.sport h5{margin:0 0 20px 0;font-size:20px;font-family:"Noto Sans Bold";}
.sport{overflow:hidden;}
.sport-list-box{float:left;position:relative;margin:0 0 55px 16px;width:288px;}
.sport-list-box.co1{background:#343464;}
.sport-list-box.co2{background:#34373c;}
.sport-list-box:nth-of-type(4n+1){margin-left:0;}
.sport-list-box:nth-last-of-type(-n+4){margin-bottom:0;}
.sport-list-box a{display:block;}
.sport-list-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.sport-list-box .txt{display:block;position:absolute;left:25px;right:25px;top:20px;bottom:50px;}
.sport-list-box .date{display:inline-block;position:relative;padding:0 22px 0 0;font-family:"Noto Sans Light";font-size:12px;line-height:13px;color:#fff;}
.sport-list-box .date:after{display:inline-block;position:absolute;right:9px;top:1px;width:1px;height:11px;content:'';background:#fff;}
.sport-list-box .read{display:inline-block;position:relative;padding:0 22px 0 0;font-family:"Noto Sans Light";font-size:12px;line-height:13px;color:#fff;}
.sport-list-box .read:after{display:inline-block;position:absolute;right:9px;top:1px;width:1px;height:11px;content:'';background:#fff;}
.sport-list-box .comment{display:inline-block;font-size:13px;line-height:13px;}
.sport-list-box .comment .ico{display:inline-block;margin:0 2px 0 0;width:16px;height:13px;background:url(../images/ico/ico-comment.png) no-repeat center center;}
.sport-list-box .comment .txt_{display:inline-block;margin:-1px 0 0 0;font-family:"Noto Sans Light";font-size:12px;line-height:12px;color:#fff;}
.sport-list-box .tit{display:block;margin:28px 0 0 0;font-size:22px;color:#fff;line-height:26px;}
.sport-list-box .id{display:block;margin:5px 0 0 0;font-size:14px;line-height:20px;color:#fff;}
.sport-list-box .id .ico{display:inline-block;margin:0 4px 0 0;width:16px;height:16px;}
.sport-list-box .id .ico.type0{display:none}
.sport-list-box .id .ico.type1{background:url(../images/ico/ico-sns-s.png) no-repeat 0 0;}
.sport-list-box .id .ico.type2{background:url(../images/ico/ico-sns-s.png) no-repeat 0 -16px;}
.sport-list-box .id .txt_{display:inline-block;font-size:14px;line-height:20px;color:#fff;}
.sport-list-box .des{display:block;position:absolute;bottom:0;font-size:16px;color:#9496a3;}
.sport-list-box .img-box .type{display:block;position:absolute;left:20px;bottom:50px;right:20px;top:0;text-align:center;color:#fff;}
.sport-list-box .img-box .ico{display:inline-block;position:absolute;left:0;bottom:0;width:42px;height:42px;background:url(../images/ico/ico-play.png) no-repeat  0 0;background-size:42px;}
.sport-list-box .img-box .img-thum{padding-top:133%;}

/* omn 컴퍼넌트 */
.component-box.omn{position:relative;}
/*.component-box.omn .board-write-btn{position:absolute;top:0;right:0;float:none;display:inline-block;margin:0;}*/
.omn-list{overflow:hidden;border-top:1px solid #dddee0;}
.omn-list-box{position:relative;box-sizing:border-box;width:50%;}
.omn-list-box:nth-of-type(odd){clear:both;float:left;padding-right:24px;}
.omn-list-box:nth-of-type(even){float:right;padding-left:24px;}
.omn-list-box:nth-last-of-type(-n+2){margin-bottom:0;}
.omn-list-box a{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #dddee0;padding: 30px 0;min-height: 129px;}
.omn-list-box.type2 a{height:129px;}
.omn-list-box .txt{display:table-cell;padding:0 25px 0 0;}
.omn-list-box .tit{display:block;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.omn-list.type2 .omn-list-box .tit{display:block;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";text-overflow:ellipsis;overflow: hidden;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2;max-height: 50px;white-space: normal;word-break: break-all;}
.omn-list-box .episode{display:none;float:left;margin:0 5px 0 0;font-size:18px;}
.omn-list-box .des{margin:15px 0 0;font-size:16px;line-height:24px;letter-spacing:-.5px;color:#000;display:block;text-overflow:ellipsis;overflow:hidden;word-break: break-all;white-space: nowrap;}
.omn-list-box .date{display:block;float:left;font-size:15px;line-height: 25px;color:#888;}
.omn-list-box .read{display:block;position:relative;float:left;margin-left:10px;padding-left:10px;font-size:15px;line-height: 25px;color:#888;}
.omn-list-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.omn-list-box .info{position: absolute;bottom: 0;left: 0;}
.omn-list .omn-list-img{display:table-cell;width:39.8%;padding:31px 0;}
.omn-list.type2 .omn-list-img{display:table-cell;width:39.8%;padding: 0 0 0 0;vertical-align: top;}
.omn-list-img .img-thum{padding-top:56.25%;}
.omn-list-box .img-box .type{display:none;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.omn-list-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.omn-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.omn-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.omn-list-box .img-box .type1{}
.omn-list-box .img-box .type1 .ico{background-position:0 -176px;}
.omn-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.omn-list-box .img-box .type2 .ico{background:none;}
.omn-list-box .img-box .type3{}
.omn-list-box .img-box .type3 .ico{background-position:0 -192px;}
.omn-list-box .img-box .type4{}
.omn-list-box .img-box .type4 .ico{background-position:0 -208px;}
.omn-list-box .txt{display:table-cell;padding: 0 25px 0px 0;vertical-align: top;position: relative;}
.omn-list-tit{display:block;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.omn-list-cont{display:block;margin:15px 0 0;font-size:16px;line-height:24px;letter-spacing:-.5px;color:#000;}
.omn-list-info{display:block;margin:30px 0 0;font-size:0;}
.omn-list-date{font-size:15px;line-height:27px;color:#949699;}
.omn-list-views{position:relative;margin-left:10px;padding-left:10px;font-size:15px;line-height:27px;color:#949699;}
.omn-list-views:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.omn-more a{display:block;margin:60px auto 0;width:226px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}
.omn-list .tit .ico.new {background-position:0 -12px;margin:0 0 0 3px;}
.omn-list .tit .ico.lock {background-position:-29px -53px;background-size:48px;margin:5px 0 0 3px;}
.omn-list .tit .ico.infile {background-position:-4px -78px;background-size:48px;margin:5px 0 0 3px;width:15px;height:15px;}
.omn-list .tit .ico{display:inline-block;overflow:hidden;vertical-align:top;text-indent:-10000em;margin:0;width:14px;height:14px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;background-size:24px;}

/* vod 컴퍼넌트 */
.component-box.vod{position:relative;}
.vod h5{margin:0 0 20px 0;font-size:20px;font-family:"Noto Sans Bold";}
.vod-list{overflow:hidden;}
.component-box.vod .vod-list-box{height:242px;}
.vod-list-box{float:left;position:relative;min-height:245px;margin:0 0 32px 15px;width:288px;}
.vod-list-box:nth-of-type(4n+1){margin-left:0;}
.vod-list-box a{display:block;}
.vod-list-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.vod-list-box .txt{display:block;padding:10px 0 0;}
.vod-list-box .tit{display:none;}
.vod-list-box .episode{display:none;float:left;margin:0 5px 0 0;font-size:18px;font-family:"Noto Sans Bold";}
.vod-list-box .date{display:none;float:left;font-family:"Noto Sans Light";font-size:18px;color:#949699;}
.vod-list-box .des{clear:both;font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;display:block;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:48px;-webkit-box-orient:vertical;}
.vod-list-box .time{display:none;}
.vod-list-box .read{display:block;display: -webkit-box;font-size:12px;line-height:14px;color:#949699;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;max-height: 30px;-webkit-box-orient: vertical}
.vod-more a{display:block;margin:60px auto 0;width:226px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}
.vod-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;z-index:1;}
.vod-list-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.vod-list-box .img-box .ico-onair{display: block;position: absolute;width: 62px;height: 22px;right: 8px;top: 8px;background: url(../images/ico/ico-player-onair.png) no-repeat 0 0;background-size: 62px 22px;-webkit-background-size: 62px 22px;z-index: 1;}
.vod-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.vod-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.vod-list-box .img-box .type1{}
.vod-list-box .img-box .type1 .ico{background-position:0 -176px;}
.vod-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.vod-list-box .img-box .type2 .ico{background:none;}
.vod-list-box .img-box .type3{}
.vod-list-box .img-box .type3 .ico{background-position:0 -192px;}
.vod-list-box .img-box .type4{}
.vod-list-box .img-box .type4 .ico{background-position:0 -208px;}

/* vertical component tab css */
.vertical .tabCon .component .tit-a{display:none;}
.vertical .tabCon .component:first-of-type{padding-top:0;}
.vertical .tabCon .component:first-of-type .omn-list{border-top:none;}
.vertical .tabCon .component:first-of-type .component-box.vod{padding-top:40px;}

.component-box.catetext{position:relative;}
.catetext p{padding:20px 0 0 167px;font-size:16px;letter-spacing:-.04em;line-height:26px;color:#000;}
.catetext .readmore{color:#0088c8;}
.catetext .readmore.on{display:block;margin:15px 0 0;}

/* chap 타입 */
.component-box.chap{position:relative;}
.chap .chap-box{position:relative;border:1px solid #dcdee0;}
.chap .chap-list{width:43%;border-right:1px solid #dcdee0;}
.chap .chap-list ul{overflow-y:auto;padding:1px 0;}
.chap .chap-list-box{border-top:1px solid #dcdee0;}
.chap .chap-list-box:first-child{border-top:none;}
.chap .chap-unit-tit{position:relative;display:block;padding:20px 38px;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.chap .chap-unit-list{display:none;overflow-y:auto;position:absolute;top:0;right:0;box-sizing:border-box;width:57%;height:100%;padding:25px 50px;}
.chap .chap-unit-list li{padding:15px 0;}
.chap .chap-unit-list li a{font-size:16px;line-height:20px;letter-spacing:-.5px;color:#000;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.chap .chap-list-box a.txt-chapter-none, .chap .chap-list-box.on a.txt-chapter-none{color: #a1a1a1;}
.chap .chap-list-box.on .chap-unit-tit{color:#0088c8;font-family:"Noto Sans Bold";}
.chap .chap-list-box.on .chap-unit-tit:before{content:"";position:absolute;left:0;right:0;top:-1px;bottom:-1px;border:2px solid #0088c8;}
.chap .chap-list-box.on .chap-unit-list{display:block;}

/* thema01 타입 */
.component-box.thema01{position:relative;}
.thema01 .thema01-slide{position:relative;}
.thema01 .slide-list-box a{display:block;}
.thema01 .des{position:absolute;bottom:0;left:0;right:0;margin:20px 0 20px 20px;width:90%;font-size:18px;line-height:24px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold";text-align:left;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:48px;-webkit-box-orient:vertical;z-index: 10;}
.thema01 .arrow_prev{position:absolute;right:100%;top:50%;margin:-32px 30px 0 0;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 -63px;cursor:pointer;text-indent:-1000em;overflow:hidden;}
.thema01 .arrow_next{position:absolute;left:100%;top:50%;margin:-32px 0 0 30px;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat -34px -63px;cursor:pointer;text-indent:-1000em;overflow:hidden;}
.thema01 .arrow_prev.disabled,
.thema01 .arrow_next.disabled{background-position-y:0;cursor:default;}

/* thema02 타입*/
.component-box.thema02{position:relative;}
.thema02 .thema02-slide{position:relative;}
.thema02 .slide-list-box a{display:block;padding:15px 15px 35px;border:1px solid #dcdee0;}
.thema02 .slide-list-img{overflow:hidden;display:block;}
.thema02 .slide-list-img .img-box{float:left;margin:0 0 6px 6px;width:176px;height:176px;}
.thema02 .slide-list-img .img-box:nth-of-type(2n+1){clear:both;margin-left:0;}
.thema02 .slide-list-img .img-thum{padding-top:100%;}
.thema02 .slide-list-img .img-blind{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);}
.thema02 .slide-list-img .img-total{position:absolute;left:0;top:50%;margin-top:-26px;width:100%;font-size:48px;line-height:52px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold";text-align:center;}
.thema02 .slide-list-img .img-total:before{content:"+";font-family:"Noto Sans Regular"}
.thema02 .des{margin:10px 0 0;width:90%;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;text-align:left;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:52px;-webkit-box-orient:vertical;}
.thema02 .arrow_prev{position:absolute;right:100%;top:50%;margin:-32px 30px 0 0;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 -63px;cursor:pointer}
.thema02 .arrow_next{position:absolute;left:100%;top:50%;margin:-32px 0 0 30px;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat -34px -63px;cursor:pointer}
.thema02 .arrow_prev.disabled,
.thema02 .arrow_next.disabled{background-position-y:0;cursor:default;}

/* chn 타입 */
.component-box.chn{position:relative;}
.chn .chn-slide{position:relative;}
.chn .slide-list-box a{display:block;}
.chn .slide-list-box .img-thum{padding-top: 56.25%;}
.chn .tit{margin:10px 0 0;overflow:hidden;height:48px;font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;text-align:left;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:48px;-webkit-box-orient:vertical;}
.chn .slide-list-box .img-box .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/etc/vchannel-shadow.png) repeat-x left bottom;}
.chn .slide-list-box .img-box .count{position:absolute;right:15px;bottom:15px;padding:0 0 0 25px;font-size:18px;letter-spacing:-.04em;line-height:22px;font-family:"Noto Sans Bold";color:#fff;}
.chn .slide-list-box .img-box .count .ico{position:absolute;left:0;top:50%;margin:-8px 0 0;width:16px;height:16px;background:url(../images/ico/ico-vod-type5.png) no-repeat left center;}
.chn .slide-list-box .img-box .clip-count{position: absolute;top:0;right:0;background:rgba(0,0,0,0.6);width: 90px;height:100%;font-size: 20px;color: #ffffff;line-height: 151px;}
.chn .slide-list-box .img-box .clip-count span{background: url(../images/ico/ico-clip-count.png) no-repeat center bottom;background-size: 21px auto;-webkit-background-size: 21px auto;padding:0 20px 26px 20px}
.chn .arrow_prev{position:absolute;right:100%;top:50%;margin:-43px 30px 0 0;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 -63px;cursor:pointer}
.chn .arrow_next{position:absolute;left:100%;top:50%;margin:-43px 0 0 30px;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat -34px -63px;cursor:pointer}
.chn .arrow_prev.disabled,
.chn .arrow_next.disabled{background-position-y:0;cursor:default;}

/* card 타입 */
.component-box.card{position:relative;}
.card .card-slide{position:relative;}
.card .slide-list-box a{display:block;}
.card .slide-list-box a .img-box:after{content: '';display: block;position: absolute;bottom: 0;width: 100%;box-shadow: 0 0 200px 40px rgba(0,0,0,.4);}
.card .slide-list-box .img-thum{padding-top:100%;}
.card .tit{margin:10px 0 0;font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;text-align:left;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:48px;-webkit-box-orient:vertical;}
.card .slide-list-box .ico-play{display: block;position: absolute;width: 30px;height: 30px;right: 15px;bottom: 15px;background: url(../images/sp-kbs.png) no-repeat -200px -450px;z-index: 1;}
.card .arrow_prev{position:absolute;right:100%;top:50%;margin:-43px 30px 0 0;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 -63px;cursor:pointer}
.card .arrow_next{position:absolute;left:100%;top:50%;margin:-43px 0 0 30px;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat -34px -63px;cursor:pointer}
.card .arrow_prev.disabled,
.card .arrow_next.disabled{background-position-y:0;cursor:default;}

/* search 타입 */
.component-box.search{position:relative;}
.search .search-ico{display:inline-block;margin:0 0 0 18px;width:29px;height:29px;background:url(../images/ico/ico-search.png) no-repeat center center;}
.search .search-txt{font-size:26px;color:#cccccc;padding:0 12px;}
.search .search-txt:hover{cursor:pointer;}
.search .search-list{overflow:hidden;font-size:0;max-height:68px;}
.search .search-list a{float:left;display:block;margin:0 8px 8px 0;padding:5px 13px;font-size:14px;line-height:20px;color:#000;background:#f6f6f6;text-overflow:ellipsis;overflow:hidden;max-width:155px;white-space:nowrap;}


/* banner 컴퍼넌트 */
.component-box.banner01{position:relative;}
.banner01-list{position:relative;}
.banner01-list .owl-pagination{position:absolute;left:93px;bottom:12px;}
.banner01-list .owl-page{display:block;margin-right:2px;width:18px;height:18px;/*border:2px solid #fff;border-radius:100%;*/background:none;}
.banner01-list .owl-page.active{width:37px;/*border-radius:10px;background:#fff;opacity:1;*/}
.banner01-list-box a{display:block;font-size:0;}
.banner01-list-box img{width:100%;}

.component-box.banner02{position:relative;}
.banner02-list{position:relative;}
.banner02-list .owl-pagination{position:absolute;left:70px;bottom:40px;}
.banner02-list .owl-page{display:block;margin-right:6px;width:6px;height:6px;border:2px solid #fff;border-radius:100%;background:none;}
.banner02-list .owl-page.active{background:#fff;opacity:1;}
.banner02-list-box a{display:block;font-size:0;}
.banner02-list-box img{width:100%;}

.component-box.banner03{position:relative;}
.banner03-list{position:relative;}
.banner03-list-box a{display:block;font-size:0;}
.banner03-list-box img{width:100%;}

.component-box.banner04{position:relative;}
.banner04-list{position:relative;}
.banner04-list-box a{display:block;font-size:0;}
.banner04-list-box img{width:100%;}

.component-box.banner05{position:relative;}
.component-box.banner05 .tit-a{margin:0;}
.banner05-list{position:relative;}
.banner05-list-box a{display:block;font-size:0;}
.banner05-list-box img{width:100%;}

.component-box.banner06{position:relative;margin:8px auto 48px;}
.banner06-list{position:relative;overflow:hidden;}
.banner06-list-box{width:594px;margin:0 0 15px;}
.banner06-list-box:nth-child(even){float:right;}
.banner06-list-box:nth-child(odd){float:left;}
.banner06-list-box a{display:block;font-size:0;}
.banner06-list-box img{width:100%;}

/* image 타입 */
.component-box.vimage{position:relative;}
.vimage .vimage-list ul{overflow:hidden;}
.vimage .vimage-list-box{float:left;margin:0 0 18px 18px;}
.vimage .vimage-list-box:nth-of-type(6n+1){clear:both;margin-left:0;}
.vimage .vimage-list-box .img-box{width:185px;height:185px;}
.vimage .vimage-list-box .img-thum{padding-top:100%;}
.vimage .vimage-list-more{margin:42px 0 0;}
.vimage .vimage-list-more a{display:block;margin:0 auto;width:206px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}

/* keyword 타입 */
.component-box.keyword{position:relative;}
.keyword .keyword-list{overflow:hidden;font-size:0;max-height:106px;}
.keyword .keyword-list a{float:left;display:block;margin:0 6px 8px 0;padding:4px 15px;border:1px solid #40a6db;border-radius:30px;font-size:14px;line-height:20px;color:#0088cf;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:235px;}

/* miniboard 타입 */
.component-box.miniboard{position:relative;}
.miniboard .miniboard-list ul{overflow:hidden;}
.miniboard .miniboard-list-box{float:left;margin:0 0 16px 16px;width:550px;border:1px solid #dcdee0;padding:20px;}
.miniboard .miniboard-list-box:nth-of-type(2n+1){margin-left:0;}
.miniboard .miniboard-list-box a{display:block;}
.miniboard .miniboard-list-txt{display:block;}
.miniboard .miniboard-list-txt .tit{display:inline-block;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:24px;letter-spacing:-.5px;color:#000;}
.miniboard .miniboard-list-txt .ico{display:inline-block;margin-left:5px;width:24px;height:24px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;}
.miniboard .miniboard-list-txt .ico.type1{background-position:0 0;}
.miniboard .miniboard-list-txt .ico.type2{background-position:-24px 0;}
.miniboard .miniboard-list-txt .ico.type3{background-position:0 -24px;}
.miniboard .miniboard-list-info{display:block;margin:5px 0 0 ;}
.miniboard .miniboard-list-info .userid{display:inline-block;font-size:14px;line-height:24px;letter-spacing:-1px;color:#54585e;font-family:"Noto Sans Bold";}
.miniboard .miniboard-list-info .userid .ico{display:inline-block;width:24px;height:24px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat -24px -24px;}
.miniboard .miniboard-list-info .date{display:inline-block;padding:0 12px;font-size:12px;line-height:24px;color:#54585e;}
.miniboard .miniboard-list-info .views{display:inline-block;position:relative;padding:0 12px;font-size:12px;line-height:24px;color:#54585e;}
.miniboard .miniboard-list-info .views:before{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#b6b7b9;}
.miniboard .miniboard-list-info .reply{display:inline-block;font-size:12px;line-height:24px;color:#54585e;}
.miniboard .miniboard-list-info .reply .ico{display:inline-block;width:24px;height:24px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat 2px -46px;}
.miniboard .miniboard-list-more{margin:44px 0 0;}
.miniboard .miniboard-list-more a{display:block;margin:0 auto;width:206px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}

/*해쉬태그*/
.hashtag-box{overflow-y:auto;}
.hashtag-box::-webkit-scrollbar{width:0 !important;height:0 !important;}
.hashtag-box::-webkit-scrollbar-thumb{background:none !important;}
.hashtag-box ul{margin:60px 0 0 0;overflow:hidden;text-align:center;}
.hashtag-box li{float:left;display:inline-block;margin:5px 4px;padding:4px 15px;font-size:14px;line-height:20px;letter-spacing:-1px;border:1px solid #40a6d6;border-radius:16px;}
.hashtag-box a{color:#0088cf;vertical-align:top;}

/*리플타입*/
.component-box.reply{position:relative;width:866px;margin:0 auto;}
.component-box.reply .tit-a{font-size:20px;line-height:24px;}
.reply .ico-reply-answer{display:inline-block;position:absolute;width:16px;height:15px;top:21px;left:0;background:url(../images/ico/ico-group50.png) no-repeat -16px -112px;}
.reply-content .ico{display:inline-block;width:35px;height:35px;}
.reply .ico-reply-facebook{background:url(../images/ico/ico-sns.png) no-repeat 0 0;}
.reply .ico-reply-sns{background:url(../images/ico/ico-sns.png) no-repeat 0 -35px;}
.reply-count{display:inline-block;margin:0 0 0 7px;font-family:"Noto Sans Regular";vertical-align:top;color:#949699;}
.reply-refresh{float:right;display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-reply.png) no-repeat;background-position:0 0;}
.reply-box{position:relative;margin:15px 0 0;border:1px solid #67678b;background:#fff;}
.reply-box .reply-write{position:relative;height:58px;margin:0 48px 0 0;}
.reply-box .reply-write label .place{position:absolute;top:18px;left:0;width:100%;padding:0 25px;box-sizing:border-box;font-size:18px;line-height:22px;color:#54585e;}
.reply-box.on{padding:0 0 58px;}
.reply-box.on .reply-write{height:141px;margin:0;border-bottom:1px solid #bbb;}
.reply-box.on .btn-reply-upload{top:auto;bottom:-1px;}
.reply-box.on .reply-write .reply-write-area{height:120px;line-height:22px;word-break:break-all;}
.reply-box.on .reply-bytes{display:block;position:absolute;right:110px;bottom:22px;font-size:16px;line-height:13px;color:#777;}
.reply-box.on .replay-profile{display:block;}
.reply-box .reply-bytes{display:none;}
.reply-box .reply-write .reply-write-area{width:100%;height:21px;margin:19px 0;padding:0 25px;border:0;overflow-y:auto;text-align:left;font-size:18px;line-height:22px;color:#010101;vertical-align:top;outline:none;resize:none;background:none;overflow-y:hidden;}
.reply-box.on .reply-write .reply-write-area{overflow-y:auto;}
.reply-box .btn-reply-upload{position:absolute;top:-1px;right:-1px;box-sizing:border-box;width:100px;height:60px;border:1px solid #454d5b;font-size:18px;color:#fff;background:#343464;}
.reply-box .ico-reply-answer{top:-2px;left:-18px;}
.reply-sort{display:block;overflow:hidden;padding:40px 0 20px;border-bottom:1px solid #dadada;text-align:right;}
.replay-profile{display:none;margin:11px 12px 5px;}
.replay-profile .write-name{margin:0 0 0 6px;font-family:"Noto Sans Bold";color:#292a2c;font-size:18px;line-height:22px;}
.reply-comment .reply-comment-box{padding:30px 0;border-bottom:1px solid #dcdee0;}
.reply-comment .reply-answer-comment{display:none;}
.reply-comment.on >.reply-comment-box{border-bottom:0;}
.reply-comment.on .reply-answer-comment{display:block;}
.reply-comment .reply-date{display:block;margin:10px 0 0 20px;font-size:14px;line-height:20px;color:#a0a2a9;}
.reply-comment .reply-user{position:relative;}
.reply-comment .reply-user span{display:inline-block;}
.reply-comment .reply-user .user-img{width:23px;height:23px;border-radius:20px;overflow:hidden;}
.reply-comment .reply-user .user-img img{width:100%;}
.reply-comment .reply-user .reply-name{margin:0 0 0 6px;font-family:"Noto Sans Bold";color:#292a2c;font-size:18px;line-height:22px;}
.reply-comment .reply-user .btn-reply-more{position:absolute;display:inline-block;right:0;top:0;width:25px;height:25px;}
.reply-comment .reply-user .btn-reply-more .ico{width:25px;height:25px;font-size:0;line-height:0;background:url(../images/ico/ico-reply.png) no-repeat -25px 0;}
.reply-comment .reply-user .bubble.on{display:block;}
.reply-comment .reply-user .bubble{display:none;position:absolute;top:-3px;right:30px;width:110px;padding:15px 0;border:1px solid #949699;font-size:13px;line-height:15px;color:#54585f;text-align:center;background:#fff;}
.reply-comment .reply-user .bubble span{display:inline-block;vertical-align:top;font-size:13px;line-height:15px;}
.reply-comment .reply-user .bubble .ico{display:none;}
.reply-comment .reply-txt{margin:14px 0 0;}
.reply-comment .reply-txt .txt{display:block;word-break:break-all;font-size:16px;line-height:24px;}
.reply-comment .reply-tool{margin:30px 0 0;}
.reply-comment .reply-tool a{display:inline-block;box-sizing:border-box;margin:0 30px 0 0;min-width:51px;height:25px;line-height:25px;text-align:left;}
.reply-comment .reply-tool a span{display:inline-block;margin:0 0 0 5px;font-size:16px;color:#54585e;line-height:20px;vertical-align:top;font-family:"Noto Sans Bold";}
.reply-comment .reply-tool a .count{margin:0 0 0 3px;}
.reply-comment .reply-tool .btn-tool-like .ico{width:25px;height:25px;font-size:0;line-height:0;background-image:url(../images/ico/ico-reply.png);background-repeat:no-repeat;background-position: 0 -25px;}
.reply-comment .reply-tool .btn-tool-like.on .ico{background-position: -25px -25px;}
.reply-answer-comment{padding:16px 20px;background:#f9f9f9;}
.reply-answer-comment .reply-box.on{margin:0 0 0 18px;}
.reply-answer-comment .reply-box.on .ico-reply-answer{display:inline-block;}
.reply-answer-comment .reply-box{margin:0;}
.reply-answer-comment .reply-box .ico-reply-answer{display:none;}
.reply-answer-comment .btn-answer-add{margin:0 0 0 18px;padding:8px 0;color:#333;font-size:16px;line-height:18px;}
.reply-answer-comment .reply-comment{position:relative;padding:0 0 0 18px;}
.reply-answer-comment .reply-comment-box{margin:0;}
.reply-content .reply-add{padding:60px 0 0;text-align:center;}
.reply-content .reply-add .btn-reply-add{border:1px solid #54585f;padding:10px 80px;line-height:18px;}
.reply-content .reply-add .btn-reply-add span{font-size:16px;vertical-align:top;letter-spacing:-1px;color:#54585f;}
.reply-modify-box {padding:0 0 25px 0;}
.reply-modify-box .btn-modify-area{padding:10px 0 0 10px;}
.reply-modify-box textarea{overflow-y:auto;}
.reply-modify-box .btn-modify-area a{position: relative;display: inline-block;color:#636563;font-size:14px}
.reply-modify-box .btn-modify-area a.btn-cancel{padding:0 0 0 10px;margin:0 0 0 10px;}
.reply-modify-box .btn-modify-area a.btn-cancel:after{content:"";position:absolute;top:5px;left:0px;width:1px;height:10px;background:#636563}


/* radiocomp09 컴퍼넌트 */
.component-box.radiocomp09{width:100%;background:#f6f6f6;margin:-40px 0 -20px;}
.radiocomp09-box{position:relative;width:1200px;margin:0 auto;padding:55px 0 40px;background:url(../images/etc/logo-kong.jpg) no-repeat 15px bottom;}
.radiocomp09-box .txt-box{position:relative;padding:0 0 0 215px;}
.radiocomp09-box .txt-box dt{font-size:22px;line-height:26px;letter-spacing:-1px;font-family:'Noto Sans Bold';color:#000;}
.radiocomp09-box .txt-box dt em{color:#429c45;}
.radiocomp09-box .txt-box dd{font-size:14px;line-height:20px;color:#000;margin:10px 0 0;}
.radiocomp09-box .txt-box .button-box{overflow:hidden;margin:10px 0 0;}
.radiocomp09-box .txt-box .button-box li{float:left;margin:0 5px 0 0;}
.radiocomp09-box .txt-box .button-box li a{display:inline-block;padding:0 25px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#34373c;}
.radiocomp09-box .txt-box .button-box li .ico{display:inline-block;width:20px;height:40px;background:url(../images/ico/ico-app-down.png) no-repeat 0 0;margin:0 15px 0 0;}
.radiocomp09-box .txt-box .button-box .google .ico{background-position:0 0;}
.radiocomp09-box .txt-box .button-box .apple .ico{background-position:0 -40px;}
.radiocomp09-box .txt-box .button-box .window .ico{background-position:0 -80px;}
.radiocomp09-box .all-program-share-box{position:absolute;bottom:40px;right:0;overflow:hidden;}
.radiocomp09-box .all-program-share-box li{float:left;margin:0 0 0 40px;}
.radiocomp09-box .all-program-share-box li a span{display:inline-block;width:30px;height:30px;background:url(../images/ico/ico-group-share02.png) no-repeat 0 0;}
.radiocomp09-box .all-program-share-box li.facebook a span{background-position:0 -30px;}
.radiocomp09-box .all-program-share-box li.insta a span{background-position:0 -60px;}
.radiocomp09-box .all-program-share-box li.twitter a span{background-position:0 -90px;}
.radiocomp09-box .all-program-share-box li.weibo a span{width:40px;background-position:0 -120px;}
.radiocomp09-box .all-program-share-box li.youtube a span{width:40px;background-position:0 -120px;}

/* imgword (section radio T4) */
.component-box.imgword{}
.imgword .imgword-list{overflow:hidden;}
.imgword .imgword-list li{position:relative;float:left;width:136px;height:136px;margin:0 16px 16px 0;}
.imgword .imgword-list li:nth-of-type(8n){margin:0 0 16px 0;}
.imgword .imgword-list li a{display:block;}
.imgword .imgword-list li.type0{}
.imgword .imgword-list li.type1{background:#343464;}
.imgword .imgword-list li.type2{background:#34373c;}
.imgword .imgword-list li.type1 .img-thum,
.imgword .imgword-list li.type2 .img-thum{display:none;}
.imgword .imgword-list .img-box{width:100%;height:100%;}
.imgword .imgword-list .img-thum{padding-top:100%;}
.imgword .imgword-list .tit{position:absolute;top:0;left:0;margin:15px;font-size:22px;line-height:26px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold"}
.imgword .imgword-list .hash{position:absolute;bottom:0;left:0;overflow:hidden;margin:15px;/*max-height:32px;*/font-size:11px;line-height:16px;color:#fff;}
.imgword .imgword-list .hash span{display:block;}

/*board1타입*/
.component-box.board1{position:relative;}
.board1 .board-box{padding:15px 0 0;border-top:4px solid #343464;}
.board1 .board-box-header{position:relative;padding:5px 0 5px 80px;}
.board1 .board-box-cont{clear:both;position:relative;padding:5px 0 5px 80px;}
.board1 .board-box-hash{position:relative;padding:5px 0 5px 80px;}
.board1 .board-box-status{position:relative;padding:5px 0 5px 80px;}
.board1 .board-box-name{position:relative;box-sizing:border-box;padding:5px 0 5px 80px;width:420px;}
.board1 .board-box-phone1{position:relative;float:left;box-sizing:border-box;padding:5px 0 5px 80px;width:420px;}
.board1 .board-box-phone2{position:relative;float:left;box-sizing:border-box;margin:0 0 0 54px;padding:5px 0 5px 80px;width:392px;}
.board1 .board-box-pw{position:relative;padding:5px 0 5px 80px;}
.board1 .board-box-file{position:relative;padding:0 0 5px 80px;margin:-6px 0 0 0;}
.board1 .board-box-file .file-box{border:1px solid #dcdee0;padding:0 0 12px 0;}
.board1 .board-box-file .file-box .file-box-tit{position:relative;display:block;height:45px;font-size:14px;line-height:45px;color:#949699;padding:0 12px;}
.board1 .board-box-file .file-box .file-box-tit .txt-mb{position:absolute;display:inline-block;top:0;right:12px;font-size:14px;line-height:45px;color:#9496a3;}
.board1 .board-box-file .file-box .file-list{overflow:hidden;}
.board1 .board-box-file .file-box .file-list li{position:relative;float:left;width:120px;height:120px;box-sizing:border-box;margin:15px 0 0 10px;border:1px solid #dcdee0;vertical-align:top;}
.board1 .board-box-file .file-box .file-list li .img-thum{padding-top:100%;}
.board1 .board-box-file .file-box .file-list li .ico-movie{display:inline-block;position:absolute;right:0;bottom:0;top:0;left:0;margin:auto;width:40px;height:40px;background:url(../images/ico/ico-play.png) no-repeat 0 0;background-size:40px;z-index:1;}
.board1 .board-box-file .file-box .file-list li .btn-del{position:absolute;top:8px;right:8px;display:inline-block;width:20px;height:20px;z-index:1;cursor:pointer;}
.board1 .board-box-file .file-box .file-list li .btn-del .ico-del{display:inline-block;width:20px;height:20px;vertical-align:top;background:url(../images/ico/ico-attach.png) no-repeat 0 0;}
.board1 .board-box-file .file-box .btn-add{position:relative;width:120px;height:120px;border:1px solid #000;}
.board1 .board-box-file .file-box .btn-add .ico-add{display:inline-block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:20px;height:20px;background:url(../images/ico/ico-attach.png) no-repeat 0 -20px;}
.board1 .board-box-file .file-box .btn-add input{position:relative;width:100%;height:100%;opacity:0;cursor:pointer;}
.board1 .board-search .tit,
.board1 .text-box .tit{position:absolute;top:15px;left:0;width:80px;font-size:14px;line-height:20px;letter-spacing:-.5px;color:#000;font-family:"Noto Sans Bold"}
.board1 .board-box-header input,
.board1 .board-box-cont input,
.board1 .board-box-hash input,
.board1 .board-box-name input,
.board1 .board-box-phone1 input,
.board1 .board-box-phone2 input,
.board1 .board-box-pw input{width:100%;height:45px;border-color:#dcdee0;font-size:14px;line-height:20px;color:#000;}
.board1 .board-box-cont textarea{height:400px;border-color:#dcdee0;font-size:14px;line-height:20px;color:#000;}
.board1 .pw-refer{display:inline-block;margin:8px 0 0;font-size:12px;line-height:16px;color:#949699;}
.board1 .board-box-btn{overflow:hidden;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #b6b7b9;}
.board1 .board-btn-left{float:left;}
.board1 .board-btn-right{float:right;}
.board1 .board-btn-left a,
.board1 .board-btn-right a{margin-left:9px;}
.board1 .board-btn-left a:first-child,
.board1 .board-btn-right a:first-child{margin-left:0;}
.board1 .header-sel .board-search{display:table;border-collapse:collapse;}
.board1 .header-sel .board-search .search-box{display:table-cell;width:135px;border:1px solid #dddee0;}
.board1 .header-sel .board-search .search-txt{display:inline-block;width:971px;border:1px solid #dddee0;margin:0 0 0 10px;}
.board1 .header-sel .board-search .search-txt input{padding:10px;width:971px;font-size:14px;border:none;}
.board1 .header-sel .board-search .search-submit{display:table-cell;padding:10px 15px;background:#343464;border:1px solid #343464;color:#fff;}
.board1 .header-sel .selectric .label{height:28px;line-height:22px;}
.board1 .header-sel .selectric .button{top:5px;}
.board1 .header-sel .selectricItems ul,
.board1 .header-sel .selectricItems li{line-height:22px;}

/* 이전,다음글 */
.board-simple-list{margin:60px 0 0 0;}
.board-simple-list ul li{position: relative; overflow: hidden;background:#f9f9f9;height:60px;line-height: 57px;padding: 0 0 0 110px;border-top:1px solid #b6b7b9;border-bottom:1px solid #b6b7b9;}
.board-simple-list ul li:last-child{border-top:0;}
.board-simple-list ul li div{display: inline-block;height: 60px;}
.board-simple-list ul li div.txt-dir{position: absolute;top: 0;left: 0;width:79px;overflow: hidden;text-align: center;font-size: 16px;color: #000000;}
.board-simple-list ul li div.ico-arrow {position: absolute;top: 0;left: 79px;}
.board-simple-list ul li div.ico-arrow span{display: inline-block;width:12px;height:8px;background:url(../images/arrow/arrow-board-detail01.png) no-repeat 0 0;font-size: 0}
.board-simple-list ul li div.ico-arrow.next span{background-position: -12px 0}
.board-simple-list ul li div.tit{font-size: 16px;color: #000000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*board2타입*/
.component-box.board2{position:relative;width:auto;}
.board2 .board-box{border-top:4px solid #343464;}
.board2 .board-box-header{position:relative;padding:30px 16px 30px;}
.board2 .header-txt-tit{display:block;font-size:22px;line-height:26px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.board2 .header-info-box{overflow:hidden;margin:11px 0 0;}
.board2 .header-txt-writer{float:left;display:block;font-size:14px;line-height:14px;color:#0088cf;}
.board2 .header-info-list{float:left;margin:0 0 0 13px;font-size:12px;line-height:20px;color:#949699;}
.board2 .header-info-list li{float:left;position:relative;padding:0 8px;}
.board2 .header-info-list li:before{content:"";position:absolute;top:50%;left:0;margin-top:-4.5px;width:1px;height:9px;background:#dcdee0;}
.board2 .header-info-list li:first-child:before{display:none;}
.board2 .header-edit-box{position:absolute;right:0;top:35px;}
.board2 .header-edit-box .ico{display:block;width:25px;height:25px;background:url(../images/ico/ico-reply.png) no-repeat -25px 0;cursor:pointer;}
.board2 .header-edit-box.on .header-edit-list{display:block;}
.board2 .header-edit-list{display:none;position:absolute;right:20px;top:0;min-width:78px;border:1px solid #54585e;padding:7px 0;background:#fff;}
.board2 .header-edit-list li{overflow:hidden;padding:8px;text-align:center;}
.board2 .header-edit-list li a{font-size:14px;line-height:20px;color:#000;}
.board2 .board-box-cont{padding:25px 16px 25px;border-top:1px solid #dcdee0;font-size:16px;line-height:26px;color:#000;word-break:break-all;}
.board2 .board-box-cont img{max-width:100%;}
.board2 .board-box-btn{overflow:hidden;padding:20px 0 0;border-top:1px solid #54585e;}
.board2 .hashtag ul{margin:0 0 20px;}
.board-share-list{overflow:hidden;}
.board-share-list li{float:left;margin:0 15px 0 0;}
.board-share-list li a .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) 0 0 no-repeat;}
.board-share-list .board-share-msg .ico{background-position:0 -75px;}
.board-share-list .board-share-like .ico{background-position:0 -25px;}
.board-share-list .board-share-like a.on .ico{background-position:-25px -25px;}
.board-share-list .board-share-scrap .ico{background-position:0 -50px;}
.board-share-list .board-share-scrap a.on .ico{background-position:-25px -50px;}
.board-share-list .board-share-share .ico{background-position:-25px -75px;}
.board-share-list .count{font-size:12px;line-height:16px;color:#54585e;}
.board2 .board-btn-right{float:right;margin:0;}
.board2 .board-btn-right a{margin-left:9px;}
.board2 .board-btn-right a:first-child{margin-left:0;}
.board-file-list{overflow:hidden;padding:10px 0;border-top:1px solid #b6b7b8;}
.board-file-list dt{float:left;margin:0 50px 0 0;}
.board-file-list dt .txt{display:inline-block;margin:0 7px 0 0;font-size:14px;font-family:"Noto Sans Bold";}
.board-file-list dt .count{font-size:14px;color:#0088c8;font-family:"Noto Sans Bold";}
.board-file-list dd{float:right;}
.board-file-list li{margin:10px 0 0;font-size:14px;color:#54585e;text-align:right;}
.board-file-list li .down{display:inline-block;margin:0 5px 0 0;width:16px;height:16px;background:url(../images/ico/ico-comp-miniboard.png) -4px -77px no-repeat;}

/*2단게시판스타일*/
.split-board{width:1200px;margin:0 auto;overflow:hidden;}
.split-board-box1 .component{padding-bottom:0 !important;}
.split-board-box1{float:left;padding:0 0 80px 0;width:870px;}
.split-board-box1 .split-board-content .component .component-box{width:870px;}
.split-board-box2{float:left;margin:0 0 0 45px;width:285px;}
.split-board-box2 .img-thum{padding-top:100%;}
.split-board-box2 .split-board-banner{margin:0 0 45px;font-size:0;}
.split-board-box2 .split-board-banner img{width:100%;}
.split-board-info{position:relative;padding:40px 0 0 0;}
.split-board-info h4{position:absolute;top:10px;left:0;font-size:20px;line-height:24px;font-family:"Noto Sans Bold";}
.split-board-info .info-img{margin:15px 0 0 0;}
.split-board-info .info-img li{margin:0 0 10px 0;}
.split-board-info .info-img a{display:block;}
.split-board-info .info-img li .img-thum{padding-top:34.7%;}
.split-board-info .info-txt{border-top:2px solid #343464;}
.split-board-info .info-txt li{padding:15px 0;border-bottom:1px solid #dddee0;}
.split-board-info .info-txt span{display:block;}
.split-board-info .info-txt .title{font-size:16px;line-height:22px;letter-spacing:-1px;color:#000;}
.split-board-info .info-txt .date{font-size:12px;color:#54585e;}
.board-box-video{margin:40px 0 0 0;}
.board-box-img{margin:40px 0 0 0;}
.board-box-imgonly{margin:10px 0 0 0;}

/*편성표-type*/
.component-box.table{width:100%;margin-bottom:-20px;}
.component-box.table .table-box .table-header{position:relative;width:1200px;margin:0 auto;}
.component-box.table .table-box .table-content{position:relative;background:#f6f6f6;border-top:1px solid #e6e6e6;}
.table-box .table-header .tit-a{font-size:30px;line-height:44px;padding-top:10px;}
.table-box .table-menu{position:absolute;top:17px;left:100px;overflow:hidden;}
.table-box .table-menu li{float:left;}
.table-box .table-menu li a{display:inline-block;width:70px;font-size:16px;line-height:30px;letter-spacing:-1px;color:#54585e;border:1px solid #e6e6e6;text-align:center;}
.table-box .table-menu li.on a{color:#0088c8;border-color:#0088c8;font-weight:700;}
.table-box .table-calendar-box{position:absolute;top:25px;right:0;}
.table-box .table-calendar-box .btn-calendar{display:inline-block;position:relative;}
.table-box .table-calendar-box .btn-calendar .ico{display:inline-block;width:30px;height:30px;background:url(../images/ico/ico-table.png) -30px -180px no-repeat;}
.table-box .table-calendar-box .btn-calendar input{display:block;position:absolute;left:0;right:0;bottom:0;top:0;width:0;opacity:0;filter:alpha(opacity=00);cursor:pointer;text-indent:-9999em;}
.ui-datepicker .ui-datepicker-buttonpane{position:absolute;right:10px;top:10px;}
.ui-datepicker .ui-datepicker-close{display:inline-block;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) 0 -72px no-repeat !important;}
.ui-datepicker.table-datepicker{position:absolute;left:50% !important;top:-100%;margin:0 0 0 300px;border:1px solid #e6e6e6;background:#fff;padding:35px 30px 30px;box-shadow:0 0 5px rgba(0,0,0,.2);z-index:20;}
.ui-datepicker.table-datepicker .btn-calendar-close{position:absolute;top:10px;right:10px;display:inline-block;}
.ui-datepicker.table-datepicker .btn-calendar-close .ico{display:inline-block;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) 0 -72px no-repeat;}
.ui-datepicker.table-datepicker .ui-datepicker-header{position:relative;border:none;background:#fff;padding:0;}

/*arrow*/
.ui-datepicker.table-datepicker .ui-datepicker-prev{position:absolute;top:9px;left:58px;width:19px;height:19px;}
.ui-datepicker.table-datepicker .ui-datepicker-next{position:absolute;top:9px;right:55px;width:19px;height:19px;}
.ui-datepicker.table-datepicker .ui-datepicker-prev .ui-icon{display:block;width:16px;height:16px;background:url(../images/arrow/arrow-tit.png) no-repeat 3px -12px;font-size:0;cursor:pointer;}
.ui-datepicker.table-datepicker .ui-datepicker-prev-hover .ui-icon{width:15px;height:15px;background:url(../images/arrow/arrow-tit.png) no-repeat 3px 3px;}
.ui-datepicker.table-datepicker .ui-datepicker-next .ui-icon{display:block;width:15px;height:15px;background:url(../images/arrow/arrow-tit.png) no-repeat -24px -12px;font-size:0;cursor:pointer;}
.ui-datepicker.table-datepicker .ui-datepicker-next-hover .ui-icon{width:15px;height:15px;background:url(../images/arrow/arrow-tit.png) no-repeat -24px 3px;}
/*//arrow*/
.ui-datepicker.table-datepicker .ui-widget.ui-widget-content{border:none;padding:0;}
.ui-datepicker.table-datepicker table{margin:0;}
.ui-datepicker.table-datepicker .ui-datepicker-title{text-align:center;margin:0 0 20px;font-size:22px;line-height:26px;color:#000;}
.ui-datepicker.table-datepicker .ui-datepicker-title .ui-datepicker-month{font-family:"Noto Sans Bold";margin:0 0 0 8px;}
.ui-datepicker.table-datepicker {width:auto;}
.ui-datepicker.table-datepicker .ui-datepicker-calendar thead span{display:inline-block;width:35px;height:35px;font-size:12px;line-height:35px;color:#54585e;text-align:center;padding:0;margin:0;}
.ui-datepicker.table-datepicker .ui-datepicker-calendar thead th{padding:0;}
.ui-datepicker.table-datepicker .ui-state-default,
.ui-datepicker.table-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker.table-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker.table-datepicker .ui-button,
.ui-datepicker.table-datepicker .ui-button.ui-state-disabled:hover,
.ui-datepicker.table-datepicker .ui-button.ui-state-disabled:active{border:none;background:#fff;color:#000;}
.ui-datepicker.table-datepicker .ui-state-default.dimmed,
.ui-datepicker.table-datepicker .ui-widget-content .ui-state-default.dimmed,
.ui-datepicker.table-datepicker .ui-widget-header .ui-state-default.dimmed{color:#dcdee0 !important;}
.ui-datepicker.table-datepicker td span,
.ui-datepicker.table-datepicker td a{display:inline-block;width:35px;height:35px;font-size:14px;line-height:35px;color:#000;text-align:center;padding:0;margin:0;}
.ui-datepicker.table-datepicker td.ui-state-disabled span{color:#dcdee0}
.ui-datepicker.table-datepicker .ui-state-active{color:#fff !important;background:url(../images/etc/bg-calendar-active.png) no-repeat center center !important;background-size:30px !important;}
.ui-datepicker.table-datepicker .ui-datepicker-today{font-family:"Noto Sans Bold";}


.table-box .table-date-box{position:relative;padding:25px 30px;border-top:1px solid #e6e6e6;}
.table-box .table-date-box .table-menu-slide li a{display:inline-block;width:100%;text-align:center;font-size:20px;line-height:30px;letter-spacing:-1px;color:#000;font-family:'Noto Sans Regular';}
.table-box .table-date-box .table-menu-slide li a .day{display:inline-block;font-size:12px;vertical-align:top;margin:0 0 0 5px;font-family:'Noto Sans Regular';}
.table-box .table-date-box .table-menu-slide li.on a,
.table-box .table-date-box .table-menu-slide li.on a .day{font-family:'Noto Sans Bold';}
.table-box .arrow_prev{position:absolute;left:0;top:25px;width:28px;height:28px;border:1px solid #e6e6e6;cursor:pointer;background:#fff;text-indent:-10000em;}
.table-box .arrow_next{position:absolute;right:0;top:25px;width:28px;height:28px;border:1px solid #e6e6e6;cursor:pointer;background:#fff;text-indent:-10000em;}
.table-box .arrow-buttons .ico{position:absolute;top:50%;left:50%;margin:-5px 0 0 -4px;width:8px;height:10px;background:url(../images/arrow/arrow-table.png) no-repeat 0 0;}
.table-box .arrow_prev .ico{background-position-x:0}
.table-box .arrow_next .ico{background-position-x:-8px;}
.table-box .arrow_prev.disabled .ico,
.table-box .arrow_next.disabled .ico{background-position-y:-10px;}
.table-box .table-sub-content{border-bottom:1px solid #e6e6e6;}
.table-box .table-channel-box{position:relative;width:1200px;margin:0 auto;text-align:center;}
.table-box .table-channel-slide{display:inline-block;overflow:hidden;}
.table-box .table-channel-slide li{float:left;display:inline-block;padding:0 25px;}
.table-box .table-channel-slide li a{display:inline-block;width:100%;padding:15px 0;text-align:center;font-size:16px;line-height:20px;letter-spacing:-1px;color:#858689;font-family:'Noto Sans Regular';}
.table-box .table-channel-slide li.on a{font-family:'Noto Sans Bold';}
.table-box .table-program-box{position:relative;width:1200px;margin:0 auto;}
.table-box .table-program-box .table-program-slide li{width:390px;}
.table-box .table-program-box .table-program-slide dt{padding:32px 0 38px;text-align:center;}
.table-box .table-program-box .table-program-slide dt .ico{display:inline-block;width:190px;height:32px;background:url(../images/ico/ico-channel-title.png) no-repeat;vertical-align:top;}
.table-box .table-program-box .table-program-slide .channel1 dt .ico{background-position:0 0;}
.table-box .table-program-box .table-program-slide .channel2 dt .ico{background-position:0 -32px;}
.table-box .table-program-box .table-program-slide .channel3 dt .ico{background-position:0 -64px;}
.table-box .table-program-box .table-program-slide .channel4 dt .ico{background-position:0 -96px;}
.table-box .table-program-box .table-program-slide .channel5 dt .ico{background-position:0 -128px;}
.table-box .table-program-box .table-program-slide .channel6 dt .ico{background-position:0 -160px;}
.table-box .table-program-box .table-program-slide .channel7 dt .ico{background-position:0 -192px;}
.table-box .table-program-box .table-program-slide .channel8 dt .ico{background-position:0 -224px;}
.table-box .table-program-box .table-program-slide .channel9 dt .ico{background-position:0 -256px;}
.table-box .table-program-box .table-program-slide .channel10 dt .ico{background-position:0 -288px;}
.table-box .table-program-box .table-program-slide .channel11 dt .ico{background-position:0 -338px;}
.table-box .table-program-box .table-program-slide .channel12 dt .ico{background-position:0 -388px;}
.table-box .table-program-box .table-program-slide .channel13 dt .ico{background-position:0 -438px;}
.table-box .table-program-box .table-program-slide .channel14 dt .ico{background-position:0 -488px;}
.table-box .table-program-box .table-program-slide .channel15 dt .ico{background-position:0 -537px;}
.table-box .table-program-box .table-program-slide .channel16 dt .ico{background-position:0 -587px;}
.table-box .table-program-box .table-program-slide .channel17 dt .ico{background-position:0 -636px;}
.table-box .table-program-box .table-program-slide .channel18 dt .ico{background-position:0 -686px;}
.table-box .table-program-box .table-program-slide .channel19 dt .ico{background-position:0 -736px;}
.table-box .table-program-box .table-program-slide .channel20 dt .ico{background-position:0 -786px;}
.table-box .table-program-box .table-program-slide .channel21 dt .ico{background-position:0 -836px;}
.table-box .table-program-box .table-program-slide .channel22 dt .ico{background-position:0 -886px;}
.table-box .table-program-box .table-program-slide .channel23 dt .ico{background-position:0 -935px;}
.table-box .table-program-box .table-program-slide .channel24 dt .ico{background-position:0 -985px;}
.table-box .table-program-box .table-program-slide .channel25 dt .ico{background-position:0 -1035px;}
.table-box .table-program-box .table-program-slide .channel26 dt .ico{background-position:0 -1085px;}
.table-box .table-program-box .table-program-slide .channel27 dt .ico{background-position:0 -1134px;}
.table-box .table-program-box .table-program-slide .channel28 dt .ico{background-position:0 -1184px;}
.table-box .table-program-box .table-program-slide .channel29 dt .ico{background-position:0 -1234px;}
.table-box .table-program-box .table-program-slide .channel30 dt .ico{background-position:0 -1284px;}
.table-box .table-program-box .table-program-slide .channel31 dt .ico{background-position:0 -1333px;}
.table-box .table-program-box .table-program-slide .channel32 dt .ico{background-position:0 -1383px;}
.table-box .table-program-box .table-program-slide .channel33 dt .ico{background-position:0 -1433px;}
.table-box .table-program-box .table-program-slide .channel34 dt .ico{background-position:0 -1483px;}
.table-box .table-program-box .table-program-slide .channel35 dt .ico{background-position:0 -1532px;}
.table-box .table-program-box .table-program-slide .channel36 dt .ico{background-position:0 -1582px;}
.table-box .table-program-box .table-program-slide .channel37 dt .ico{background-position:0 -1632px;}
.table-box .table-program-box .table-program-slide .channel38 dt .ico{background-position:0 -1682px;}
.table-box .table-program-box .table-program-slide .channel39 dt .ico{background-position:0 -1731px;}
.table-box .table-program-box .table-program-slide .channel40 dt .ico{background-position:0 -1781px;}
.table-box .table-program-box .table-program-slide .channel41 dt .ico{background-position:0 -1831px;}
.table-box .table-program-box .table-program-slide .channel42 dt .ico{background-position:0 -1881px;}
.table-box .table-program-box .table-program-slide .channel43 dt .ico{background-position:0 -1930px;}
.table-box .table-program-box .table-program-slide .channel44 dt .ico{background-position:0 -1980px;}
.table-box .table-program-box .table-program-slide .channel45 dt .ico{background-position:0 -2030px;}
.table-box .table-program-box .table-program-slide .channel46 dt .ico{background-position:0 -2080px;}
.table-box .table-program-box .table-program-slide .arrow_prev{left:0;top:32px;}
.table-box .table-program-box .table-program-slide .arrow_next{right:0;top:32px;}
.table-box .table-program-box .table-program-list li{position:relative;border-top:2px solid #f6f6f6;background:#fff;}
.table-box .table-program-box .table-program-list li:first-child{border-top:1px solid #b6b7b9;}
.table-box .table-program-box .table-program-list .program-box{position:relative;display:block;height:84px;padding:20px 80px 0 75px;}
.table-box .table-program-box .table-program-list .program-box .time{position:absolute;top:20px;left:15px;display:inline-block;width:60px;font-size:18px;line-height:24px;letter-spacing:-1px;color:#54585e;vertical-align:top;}
.table-box .table-program-box .table-program-list .program-box .title{display:inline;display:-webkit-inline-box;text-overflow:ellipsis;overflow:hidden;max-height:48px;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:202px;font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;vertical-align:top;word-break:normal;}
.table-box .table-program-box .table-program-list .program-box .ico-type1{display:inline-block;}
.table-box .table-program-box .table-program-list .program-box .ico-type2{display:block;}
.table-box .table-program-box .table-program-list .program-box .ico-type1 .case{display:inline-block;margin-top:-2px;}
.table-box .table-program-box .table-program-list .replay{position:absolute;top:12px;right:12px;display:inline-block;height:auto;padding:0 7px;font-size:12px;line-height:23px;color:#0088c8;border:1px solid #0088c8;z-index:10;border-radius:2px;}
/*onair*/
.table-box .table-program-box .table-program-list li.onair .ico-stat-onair{content:'';position:absolute;top:12px;right:12px;display:inline-block;width:60px;height:25px;background:url(../images/ico/ico-table-onair.png) no-repeat;font-size:0;}
.table-box .table-program-box .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel81 .table-program-list li.onair{background:#83c1fc;}
.table-box .table-program-box .channelN95 .table-program-list li.onair{background:#245fa6;}
.table-box .table-program-box .channelN91 .table-program-list li.onair{background:#ef3e6b;}
.table-box .table-program-box .channelN92 .table-program-list li.onair{background:#ed7100;}
.table-box .table-program-box .channelN93 .table-program-list li.onair{background:#4d7731;}

/*
.table-box .table-program-box .channel1 .table-program-list li.onair{background:#33335d;}
.table-box .table-program-box .channel2 .table-program-list li.onair{background:#ed7100;}
.table-box .table-program-box .channel3 .table-program-list li.onair{background:#ef3e6b;}
.table-box .table-program-box .channel4 .table-program-list li.onair{background:#3f2c7b;}
.table-box .table-program-box .channel5 .table-program-list li.onair{background:#05a5ed;}
.table-box .table-program-box .channel6 .table-program-list li.onair{background:#4d7731;}
.table-box .table-program-box .channel7 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel8 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel9 .table-program-list li.onair{background:#83c1fc;}
.table-box .table-program-box .channel37 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel38 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel39 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel40 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel41 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel42 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel43 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel44 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel45 .table-program-list li.onair{background:#343464;}
.table-box .table-program-box .channel46 .table-program-list li.onair{background:#343464;}
*/
.table-box .table-program-box .table-program-list li.onair .time, .table-box .table-program-box .table-program-list li.onair .title{color:#fff;}
/*//onair*/
.table-box .table-notice-box{width:1200px;margin:25px auto 80px;}
.table-box .table-notice-box li{font-size:14px;line-height:20px;color:#54585e;padding:0 0 0 10px;background:url(../images/etc/bul-dot.png) no-repeat 0 center;}
.table-box .table-info-box{width:1200px;margin:0 auto;padding:15px 0 80px;border-top:1px solid #b6b7b9;}
.table-box .table-info-box dl{overflow:hidden;}
.table-box .table-info-box dt{float:left;width:120px;font-size:14px;line-height:30px;color:#34373c;font-family:'Noto Sans Bold';}
.table-box .table-info-box dd{float:left;font-size:14px;line-height:30px;color:#34373c;}
.table-box .table-info-box dd li{float:left;}
.table-box .table-info-box dd li>span{display:inline-block;margin:0 0 0 10px;}
.table-box .table-info-box dd li.part{position:relative;margin:0 0 0 10px;}
.table-box .table-info-box dd li.part:before{content:'';display:block;position:absolute;top:10px;left:0;width:0;height:15px;border-left:1px solid #b6b7b9;}
.table-box .case{position:relative;}
.table-box .case .ico{display:inline-block;width:30px;height:30px;background:url(../images/ico/ico-table.png) no-repeat;vertical-align:top;}
.table-box .case.type1 .ico{background-position:0 0;}
.table-box .case.type2 .ico{background-position:-30px 0;}
.table-box .case.type3 .ico{background-position:0 -30px;}
.table-box .case.type4 .ico{background-position:-30px -30px;}
.table-box .case.type5 .ico{background-position:0 -60px;}
.table-box .case.type6 .ico{background-position:-30px -90px;}
.table-box li.onair .case.type6 .ico{background-position:-30px -60px;opacity:.75;}
.table-box .case.type7 .ico{background-position:0 -90px;}
.table-box .case.type8 .ico{background-position:0 -120px;}
.table-box .case.type9 .ico{background-position:-30px -120px;}
.table-box .case.type10 .ico{background-position:0 -150px;}
.table-box .case.type11 .ico{background-position:-30px -150px;}
.table-box .case.type12 .ico{background-position:0 -180px;}
.table-box .case.type13 .ico{background-position:0 -210px;}
.table-box .case.type14 .ico{background-position:0 -240px;} /* 7세이상 */
.table-box .case.type15 .ico{background-position:-30px -240px;} /* 15세이상 */
.table-box .case .tip{position:absolute;top:35px;left:-5px;display:none;padding:7px;font-size:12px;line-height:16px;color:#54585e;background:#fff;border:1px solid #e6e6e6;white-space:nowrap;z-index:10;}
.table-box .case .tip.on{display:block;}
.table-box .case .tip .ico{position:absolute;top:-7px;left:12px;display:inline-block;width:8px;height:7px;background:url(../images/ico/ico-tip.png) 0 0 no-repeat;}

/* eventlist1 타입 */
.eventlist1 .total{margin:0 0 0 15px;color:#0088cf;vertical-align:baseline;}
.eventlist1 .tabCon{overflow:hidden;}
.eventlist1 .select-sort{overflow:hidden;padding:20px 0 10px;}
.eventlist1 .select-sort ul{float:right;}
.eventlist1 .select-sort li{line-height:normal;}
.eventlist1-box{margin:30px 0 0;}
.eventlist1-box ul{clear:both;overflow:hidden;}
.eventlist1-box li{float:left;margin:0 0 0 15px;width:390px;min-height:390px;}
.eventlist1-box li:nth-child(3n+1){clear:both;margin:0;}
.eventlist1-box a{display:block;width:100%;}
.eventlist1-box .img-thum{padding-top:56.5%;}
.eventlist1-box .txt-box{display:block;}
.eventlist1-box .tit{margin:12px 0 5px;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:44px;-webkit-box-orient:vertical;}
.eventlist1-box .program{display:block;margin:0 0 15px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold"}
.eventlist1-box .ing{display:inline-block;margin:0 8px 0 0;padding:0 8px;border:1px solid #0088c8;font-size:12px;line-height:20px;letter-spacing:-1px;color:#0088c8;font-family:"Noto Sans Bold"}
.eventlist1-box .end{display:inline-block;margin:0 8px 0 0;padding:0 8px;border:1px solid #b6b7b9;font-size:12px;line-height:20px;letter-spacing:-1px;color:#9496a3;font-family:"Noto Sans Bold"}
.eventlist1-box .date{font-size:14px;line-height:20px;color:#949699;}
.eventlist1-box .winner{margin:0 0 0 27px;font-size:14px;line-height:20px;color:#0088c8;}
.eventlist1-box .winner span{position:relative;margin:0 0 0 5px;padding:0 0 0 5px;vertical-align:baseline;}
.eventlist1-box .winner span:before{content:"";position:absolute;left:0;top:50%;margin:-4px 0 0;width:1px;height:10px;background:#0088c8;}
.eventlist1-more{text-align:center;}
.eventlist1-more a{display:inline-block;padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;}

/* eventlist2 타입 */
.eventlist2 .total{margin:0 0 0 15px;color:#0088cf;vertical-align:baseline;}
.eventlist2-box{overflow:hidden;margin:40px 0 0;}
.eventlist2-box ul{overflow:hidden;margin:0 0 0 -15px;}
.eventlist2-box li{float:left;padding:0 0 15px 15px;width:25%;overflow:hidden;box-sizing:border-box;}
.eventlist2-box a{display:block;width:100%;}
.eventlist2-box .img-thum{padding-top:56.25%;}
.eventlist2-box .img-thum img{width:100% !important;height:100% !important;}
.eventlist2-box .txt-box{display:block;margin:10px 0 0;}
.eventlist2-box .tit{display:block;margin:0 0 8px;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;word-break:break-word;height:44px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*.eventlist2-box .state{margin:0 8px 0 0;padding:0 9px;border:1px solid #0088c8;font-size:12px;line-height:20px;letter-spacing:-1px;color:#0088c8;}
.eventlist2-box .state.type1{border-color:#0088c8;color:#0088c8;}
.eventlist2-box .state.type2{border-color:#b6b7b9;color:#9496a3;}
.eventlist2-box .date{font-size:14px;line-height:20px;color:#949699;}*/
.eventlist2-more{text-align:center;}
.eventlist2-more a{display:inline-block;padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;}

/* eventlist3 타입 */
.eventlist3 .total{margin:0 0 0 15px;color:#0088cf;vertical-align:baseline;}
.eventlist3 .tabCon{overflow:hidden;}
.eventlist3 .select-sort{overflow:hidden;padding:20px 0 10px;}
.eventlist3 .select-sort ul{float:right;}
.eventlist3 .select-sort li{line-height:normal;}
.eventlist3-box{margin:30px 0 0;}
.eventlist3-box ul{overflow:hidden;}
.eventlist3-box li{box-sizing:border-box;padding:0 0 20px;width:50%;}
.eventlist3-box li:nth-child(odd){clear:both;float:left;box-sizing:border-box;padding-right:24px;width:50%;}
.eventlist3-box li:nth-child(even){float:right;box-sizing:border-box;padding-left:24px;width:50%;}
.eventlist3-box li:nth-last-child(-n+2){margin-bottom:0;}
.eventlist3-box a{display:table;table-layout:fixed;padding:0 0 20px;width:100%;border-bottom:1px solid #dddee0;}
.eventlist3-box .txt-box{display:table-cell;position:relative;padding:0 90px 0 0;vertical-align:top;}
.eventlist3-box .program{display:block;margin:0 0 4px;font-size:16px;line-height:24px;letter-spacing:-1px;color:#000;}
.eventlist3-box .tit{font-size:20px;line-height:26px;letter-spacing:-0.02em;color:#000;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:52px;-webkit-box-orient:vertical;}
.eventlist3-box .info{position:absolute;left:0;bottom:0;}
.eventlist3-box .date{font-size:14px;line-height:20px;color:#949699;}
.eventlist3-box .state{font-size:14px;line-height:20px;color:#949699;}
.eventlist3-box .state.type1{color:#0088c8;}
.eventlist3-box .state.type2{color:#949699;}
.eventlist3-box .img-box{display:table-cell;width:106px;}
.eventlist3-box .img-thum{padding-top:142.7%;}
.eventlist3-box .img-thum img{width:100% !important;height:100% !important;}
.eventlist3-more{margin:60px 0 0;text-align:center;}
.eventlist3-more a{display:inline-block;padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;}

/* eventlist4 타입 */
.eventlist4-box{padding:20px 0 0 0;border-top:1px solid #dddee0;}
.eventlist4-box ul{clear:both;overflow:hidden;}
.eventlist4-box li{float:left;margin:0 15px 20px 0;width:425px;min-height:390px;}
.eventlist4-box li:nth-of-type(2n){margin:0;}
.eventlist4-box a{display:block;width:100%;}
.eventlist4-box .img-thum{padding-top:56.5%;}
.eventlist4-box .txt-box{display:block;}
.eventlist4-box .tit{display:block;margin:12px 0 5px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.eventlist4-box .program{display:block;margin:0 0 10px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold"}
.eventlist4-box .ing{display:inline-block;margin:0 8px 0 0;padding:0 8px;border:1px solid #0088c8;font-size:12px;line-height:20px;letter-spacing:-1px;color:#0088c8;font-family:"Noto Sans Bold"}
.eventlist4-box .end{display:block;}
.eventlist4-box .end-txt{display:inline-block;margin:0 10px 0 0 ;padding:0 8px;border:1px solid #0088c8;font-size:14px;line-height:20px;letter-spacing:-1px;color:#0088c8;}
.eventlist4-box .end-date{color:#0088c8;}
.eventlist4-box .date{display:block;margin:0 0 5px 0;font-size:14px;line-height:20px;color:#949699;}
.eventlist4-more{text-align:center;}
.eventlist4-more a{display:inline-block;padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;}

/* eventlist5 타입 */
.eventlist5-box{padding:20px 0 0 0;border-top:1px solid #dddee0;}
.eventlist5-box ul{overflow:hidden;}
.eventlist5-box li{box-sizing:border-box;padding:0 0 20px;width:50%;}
.eventlist5-box li:nth-child(odd){clear:both;float:left;box-sizing:border-box;padding-right:24px;width:50%;}
.eventlist5-box li:nth-child(even){float:right;box-sizing:border-box;padding-left:24px;width:50%;}
.eventlist5-box li:nth-last-child(-n+2){margin-bottom:0;}
.eventlist5-box a{display:table;table-layout:fixed;padding:0 0 20px;width:100%;border-bottom:1px solid #dddee0;}
.eventlist5-box .txt-box{display:table-cell;position:relative;padding:0 90px 0 0;vertical-align:top;}
.eventlist5-box .program{display:block;margin:0 0 4px;font-size:16px;line-height:24px;letter-spacing:-1px;color:#000;}
.eventlist5-box .tit{display:block;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.eventlist5-box .info{position:absolute;left:0;bottom:0;}
.eventlist5-box .date{display:inline-block;margin:0 5px 0 0;font-size:14px;line-height:20px;color:#949699;}
.eventlist5-box .state{font-size:14px;line-height:20px;color:#949699;}
.eventlist5-box .state.type1{color:#0088c8;}
.eventlist5-box .state.type2{color:#949699;}
.eventlist5-box .img-box{display:table-cell;width:106px;}
.eventlist5-box .img-thum{padding-top:142.7%;}
.eventlist5-box .img-thum img{width:100% !important;height:100% !important;}
.eventlist5-more{margin:60px 0 0;text-align:center;}
.eventlist5-more a{display:inline-block;padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;}

/* subscriptions01 타입 */
.subscriptions1-box{border-top:1px solid #dddee0;}
.subscriptions1-box ul{clear:both;overflow:hidden;}
.subscriptions1-box li{width:100%;overflow:hidden;}
.subscriptions1-box a{display:table;padding:20px 0;min-height:124px;border-bottom:1px solid #dcdee0;width:100%;}
.subscriptions1-box .img-thum{padding-top:56.5%;}
.subscriptions1-box .img-box{display:table-cell;width:228px;}
.subscriptions1-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;z-index:1;}
.subscriptions1-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.subscriptions1-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.subscriptions1-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.subscriptions1-box .img-box .type1{}
.subscriptions1-box .img-box .type1 .ico{background-position:0 -176px;}
.subscriptions1-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.subscriptions1-box .img-box .type2 .ico{background:none;}
.subscriptions1-box .img-box .type3{}
.subscriptions1-box .img-box .type3 .ico{background-position:0 -192px;}
.subscriptions1-box .img-box .type4{}
.subscriptions1-box .img-box .type4 .ico{background-position:0 -208px;}
.subscriptions1-box .txt-box{display:table-cell;padding:0 20px;width:630px;}
.subscriptions1-box .tit{display:block;margin:0 0 10px 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:610px;}
.subscriptions1-box .txt-group{display:block;margin:0 0 15px 0;}
.subscriptions1-box .date{display:inline-block;font-family:"Noto Sans Light";font-size:12px;line-height:16px;color:#777777;}
.subscriptions1-box .program{display:inline-block;position:relative;margin:0 5px 0 8px;padding:0 0 0 10px;font-family:"Noto Sans Light";font-size:12px;line-height:16px;letter-spacing:-1px;color:#34373c;}
.subscriptions1-box .program:before{position:absolute;left:0;top:3px;width:1px;height:12px;background:#dcdee0;content:'';}
.subscriptions1-box .condition{display:inline-block;font-family:"Noto Sans Light";font-size:12px;line-height:16px;letter-spacing:-1px;color:#0088c8;}
.subscriptions1-box .des{font-size:14px;line-height:20px;color:#54585e;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:40px;-webkit-box-orient:vertical;}
.subscriptions1-box .img-event .img-thum{padding-top:100%;}
.subscriptions1-box .img-event .type{display:none;}

/* subscriptions02 타입 */
.subscriptions2-box{border-top:1px solid #b6b7b9;}
.subscriptions2-box table{table-layout:fixed;}
.subscriptions2-box .subscriptions_col1{width:130px;}
.subscriptions2-box .subscriptions_col2{}
.subscriptions2-box .subscriptions_col3{width:150px;}
.subscriptions2-box .subscriptions_col4{width:30px;}
.subscriptions2-box tr{border:1px solid transparent;}
.subscriptions2-box th{padding:10px 0;border-bottom:1px solid #dcdee0;font-size:14px;font-family:"Noto Sans Bold";text-align:center;}
.subscriptions2-box td{padding:15px 0;border:1px solid transparent;border-bottom:1px solid #dcdee0;}
.subscriptions2-box .num{font-size:16px;text-align:center;}
.subscriptions2-box .con{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:16px;}
.subscriptions2-box .con a{display: inline-block;vertical-align: baseline;}
.subscriptions2-box .chk{text-align:center;}
.subscriptions2-box.sel .chk .chk-box{position:relative;display:block;}
.subscriptions2-box .chk .chk-box{display:none;}
.subscriptions2-box .subscriptions-type{text-align:center;}
.subscriptions2-box .subscriptions-type a{display:inline-block;padding:10px 0;width:80px;font-size:16px;color:#fff;background:#0088c8;border:1px solid #0088c8;text-align:center;cursor: default;}
.subscriptions2-box .subscriptions-type a.on{background:#fff;color:#0088c8;border:1px solid #0088c8;}

/* 좋아요 리스트 추가 2020-05-27 by ASRAHI */
.my-like-box{}


/* timetable 타입 */
.component-box.timetable{position:relative;}
.component-box.timetable .tit-a{font-size:24px;line-height:28px;}
.component-box.timetable .tit-a .ico{display:block;width:59px;height:14px;background:url(../images/sp-kbs.png) no-repeat -25px -321px;}
.component-box.timetable .select-box{position:absolute;right:0;top:0;border:none;}
.component-box.timetable .select-box .selectric .button{background:url(../images/arrow/arrow-sel.png) center center no-repeat;}
.timetable-box{height:120px;}
.timetable-box .timetable-image-box{float:left;width:215px;}
.timetable-box .timetable-image-box a:focus{border:1px dashed #333;}
.timetable-box .timetable-image-box .img-box .img-thum{padding-top:56%;}
.timetable-box .timetable-image-box .img-box .play-bar{position:absolute;bottom:0;left:0;width:55%;height:20px;background:#0088cf;}
.timetable-box dl{overflow:hidden;}
.timetable-box dt{float:left;}
.timetable-box dd{float:left;}
.timetable-box .list-change{display:block;position:absolute;right:329px;width:30px;height:30px;background:#f89535 url(../images/sp-kbs.png) no-repeat -100px -400px;}
.timetable-box li{position:relative;float:left;width:328px;height:120px;background:#3d4882;}
.timetable-box li.main-list2{float:left;background:#313b72;}
.timetable-box li.sub-list{width:329px;background:#252b4c;}
.timetable-box li dt{position:absolute;left:20px;bottom:35px;font-size:20px;}
.timetable-box li.main-list1 dt{font-family:"Noto Sans Bold";color:#fff;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:300px;}
.timetable-box li.main-list2 dt{color:#fff;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:300px;}
.timetable-box li.sub-list dt{color:#949699;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:300px;}
.timetable-box li .cate{display:block;position:absolute;left:20px;top:15px;font-size:16px;font-family:"Noto Sans Bold";color:#fff;}
.timetable-box li.main-list1.kbs1 .cate{width:55px;height:14px;background:url(../images/sp-kbs.png) no-repeat -500px 0;text-indent:-10000em;overflow:hidden;}
.timetable-box li.main-list1.kbs2 .cate{width:55px;height:14px;background:url(../images/sp-kbs.png) no-repeat -500px -50px;text-indent:-10000em;overflow:hidden;}
.timetable-box li.sub-list .cate{color:#bdbec0;}
.timetable-box li.sub-list.kbs1 .cate{width:55px;height:14px;background:url(../images/sp-kbs.png) no-repeat -500px -25px;text-indent:-10000em;overflow:hidden;}
.timetable-box li.sub-list.kbs2 .cate{width:55px;height:14px;background:url(../images/sp-kbs.png) no-repeat -500px -75px;text-indent:-10000em;overflow:hidden;}
.timetable-box li .next{display:block;position:absolute;left:20px;top:15px;font-size:14px;color:#fff;opacity:.5;}
.timetable-box li .time{display:block;position:absolute;left:20px;bottom:15px;font-size:16px;color:#fff;}
.timetable-box li .ico{display:block;position:absolute;left:20px;bottom:20px;width:50px;height:11px;background:url(../images/sp-kbs.png) no-repeat -100px -325px;}
.timetable-box li.sub-list .ico{background-position:-100px -350px;}

/* compSearchCha 컴퍼넌트 */
.component-box.compSearchCha{position:relative;width:866px;}
.component-box.compSearchCha .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchCha-list.owl-carousel{}
.compSearchCha-list-box:nth-of-type(4n+1){margin-left:0;}
.compSearchCha-list-box{float:left;position:relative;margin:0 0 55px 16px;width:278px;}
.compSearchCha-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.compSearchCha-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.compSearchCha-list-box a{display:block;}
.compSearchCha-list-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.compSearchCha-list-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.compSearchCha-list-box .img-box .img-thum{padding-top:66%;}
.compSearchCha-list .arrow_box{position:absolute;right:0;top:0;}
.compSearchCha-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.compSearchCha-list .arrow_prev.disabled{background-position:0 -20px;}
.compSearchCha-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.compSearchCha-list .arrow_next.disabled{background-position:-21px -20px;}

/*compSearchCli 컴퍼넌트*/
.component-box.compSearchCli{width:866px;}
.component-box.compSearchCli .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchCli-box{}
.compSearchCli-box ul{overflow:hidden;}
.compSearchCli-box .select-sort{padding:0 0 8px 0;margin:0 0 15px 0;border-bottom:1px solid #e7e7e7;}
.compSearchCli-box .slice-compSearchCli li{position:relative;float:left;margin:0 0 55px 16px;width:278px;font-size:0;overflow:hidden;}
.compSearchCli-box .slice-compSearchCli li a{width:100%;overflow:hidden;}
.compSearchCli-box .slice-compSearchCli li:nth-of-type(3n+1){clear:both;margin-left:0;}
.compSearchCli-box .txt{display:block;padding:10px 0 0;}
.compSearchCli-box .tit{display:block;font-size:18px;width:100%;line-height:22px;max-height:44px;letter-spacing:-1px;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:normal;}
.compSearchCli-box .episode{display:none;float:left;margin:0 5px 0 0;font-size:18px;font-family:"Noto Sans Bold";}
.compSearchCli-box .des{display:block;clear:both;font-size:14px;line-height:20px;letter-spacing:-1px;color:#949699;margin:8px 0 0;}
.compSearchCli-box .time{display:none;}
.compSearchCli-box .date{display:inline-block;font-size:13px;line-height:20px;color:#949699;}
.compSearchCli-box .read{position:relative;display:inline-block;font-size:13px;line-height:20px;color:#949699;margin:0 0 0 10px;padding:0 0 0 10px;}
.compSearchCli-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#dddee0;}
.compSearchCli-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.compSearchCli-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.compSearchCli-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.compSearchCli-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.compSearchCli-box .img-box .type1{}
.compSearchCli-box .img-box .type1 .ico{background-position:0 -176px;}
.compSearchCli-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.compSearchCli-box .img-box .type2 .ico{background:none;}
.compSearchCli-box .img-box .type3{}
.compSearchCli-box .img-box .type3 .ico{background-position:0 -192px;}
.compSearchCli-box .img-box .type4{}
.compSearchCli-box .img-box .type4 .ico{background-position:0 -208px;}
.compSearchCli-more{margin: 5px 0 20px 0;text-align:center;}
.compSearchCli-more a{display:inline-block;padding:10px 76px 11px;border:1px solid #54585f;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#54585f;}

/* compSearchIma 컴퍼넌트 */
.component-box.compSearchIma{position:relative;width:100%;}
.component-box.compSearchIma .tit-a{width:866px;margin: 0 auto 20px auto;}
.component-box.compSearchIma .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchIma-list{margin:0 auto;width:866px;}
.compSearchIma-list-row{overflow:hidden;}
.compSearchIma-list-box{float:left;margin:0 0 14px 14px;width:206px;height:206px;}
.compSearchIma-list-box:nth-of-type(4n+1){clear:both;margin-left:0;}
.compSearchIma-list-box:nth-last-of-type(-1n+4){margin-bottom:0;}
.compSearchIma-list-box a{display:block;}
.compSearchIma-list-box .img-thum{padding-top:100%;}
.compSearchIma-list-box-more a{display:block;margin:60px auto 0;width:226px;padding:10px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;text-align:center;}

/* compSearchNon 컴퍼넌트 */
.component-box.compSearchNon{width:289px;overflow:hidden;}
.component-box.compSearchNon .tit-a{font-size:20px;line-height:24px;}
.compSearchNon-box li{float:left;position:relative;margin:0 0 55px 16px;width:289px;}
.compSearchNon-box :nth-of-type(3n+1){margin-left:0;}
.compSearchNon-box .txt{display:block;margin:10px 0;font-size:16px;line-height:22px;letter-spacing:-1px;color:#000;}

/* compSearchOmn 컴퍼넌트 */
.component-box.compSearchOmn{width:866px;}
.component-box.compSearchOmn .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchOmn-box .compSearchOmn-list-box{border-top:1px solid #dddee0;}
.compSearchOmn-box .compSearchOmn-list-box li{min-height:128px;padding:12px 0;border-bottom:1px solid #dddee0;}
.compSearchOmn-box .compSearchOmn-list-box a{display:table;table-layout:fixed;width:100%;}
.compSearchOmn-box .compSearchOmn-list-box .txt-box{display:table-cell;position:relative;padding:15px 50px 50px 0;vertical-align:top;}
.compSearchOmn-box .compSearchOmn-list-box .tit{display:block;font-size:18px;line-height:24px;letter-spacing:-0.03em;color:#000;}
.compSearchOmn-box .compSearchOmn-list-box .info{position:absolute;bottom:20px;left:0;}
.compSearchOmn-box .compSearchOmn-list-box .info span{font-size:14px;line-height:20px;color:#888888;display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.compSearchOmn-box .compSearchOmn-list-box .info > span + span{position:relative;margin-left:12px;padding-left:12px;}
.compSearchOmn-box .compSearchOmn-list-box .info > span + span:before{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:1px;height:16px;background:#dddee0;}
.compSearchOmn-box .compSearchOmn-list-box .like{color:#5c5c5c;vertical-align:middle;}
.compSearchOmn-box .compSearchOmn-list-box .like > span{}
.compSearchOmn-box .compSearchOmn-list-box .like .ico{color:#e44951;padding:0 3px 0 0;margin:-1px 0 0 0;}

.compSearchOmn-box .compSearchOmn-list-box .img-box{display:table-cell;width:228px;}
.compSearchOmn-box .compSearchOmn-list-box .img-thum{padding-top:56.14%}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .ico{display:inline-block;position:absolute;right:1px;bottom:0;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type1{}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type1 .ico{background-position:0 -176px;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type2 .ico{background:none;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type3{overflow:hidden;text-indent:-10000em;left:0;top:0;right:0;bottom:0;width:auto;background:rgba(0,0,0,.25)}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type3 .ico{display:block;bottom:10px;right:10px;width:41px;height:41px;background:url(../images/ico/ico-play.png) no-repeat right bottom;}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type4{}
.compSearchOmn-box .compSearchOmn-list-box .img-box .type4 .ico{background-position:0 -208px;}
.compSearchOmn-more{margin:60px 0 0;text-align:center;}
.compSearchOmn-more a{padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;background:#fff;}

/* compSearchVod 컴퍼넌트 */
.component-box.compSearchVod{width:866px;}
.component-box.compSearchVod .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchVod-box .compSearchVod-list-box{border-top:1px solid #dddee0;}
.compSearchVod-box .compSearchVod-list-box li{min-height:128px;padding:12px 0;border-bottom:1px solid #dddee0;}
.compSearchVod-box .compSearchVod-list-box a{display:table;table-layout:fixed;width:100%;}
.compSearchVod-box .compSearchVod-list-box .txt-box{display:table-cell;position:relative;padding:15px 50px 50px 0;vertical-align:top;}
.compSearchVod-box .compSearchVod-list-box .tit{display:block;font-size:18px;line-height:24px;letter-spacing:-0.03em;color:#000;height:63px}
.compSearchVod-box .compSearchVod-list-box .info{position:absolute;bottom:20px;left:0;height:22px;}
.compSearchVod-box .compSearchVod-list-box .info span{display:inline-block;font-size:14px;color:#888888;line-height:22px;}
.compSearchVod-box .compSearchVod-list-box .info > span:first-child{color:#000;}
.compSearchVod-box .compSearchVod-list-box .info > span + span{position:relative;margin-left:12px;padding-left:12px;}
.compSearchVod-box .compSearchVod-list-box .info > span + span:before{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:14px;background:#dddee0;}
.compSearchVod-box .compSearchVod-list-box .like{color:#5c5c5c;vertical-align:middle;}
.compSearchVod-box .compSearchVod-list-box .like > span{}
.compSearchVod-box .compSearchVod-list-box .like .ico{color:#e44951;padding:0 3px 0 0;margin:-1px 0 0 0;}
.compSearchVod-box .compSearchVod-list-box .img-box{display:table-cell;width:228px;}
.compSearchVod-box .compSearchVod-list-box .img-thum{padding-top:56.14%}
.compSearchVod-box .compSearchVod-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.compSearchVod-box .compSearchVod-list-box .img-box .ico{display:inline-block;position:absolute;right:1px;bottom:0;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.compSearchVod-box .compSearchVod-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.compSearchVod-box .compSearchVod-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.compSearchVod-box .compSearchVod-list-box .img-box .type1{}
.compSearchVod-box .compSearchVod-list-box .img-box .type1 .ico{background-position:0 -176px;}
.compSearchVod-box .compSearchVod-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.compSearchVod-box .compSearchVod-list-box .img-box .type2 .ico{background:none;}
.compSearchVod-box .compSearchVod-list-box .img-box .type3{overflow:hidden;text-indent:-10000em;left:0;top:0;right:0;bottom:0;width:auto;background:rgba(0,0,0,.25)}
.compSearchVod-box .compSearchVod-list-box .img-box .type3 .ico{display:block;bottom:10px;right:10px;width:41px;height:41px;background:url(../images/ico/ico-play.png) no-repeat right bottom;}
.compSearchVod-box .compSearchVod-list-box .img-box .type4{}
.compSearchVod-box .compSearchVod-list-box .img-box .type4 .ico{background-position:0 -208px;}
.compSearchOmn-more{margin:60px 0 0;text-align:center;}
.compSearchOmn-more a{padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;background:#fff;}

/* compSearchThe 컴퍼넌트 */
.component-box.compSearchThe{position:relative;width:866px;}
.component-box.compSearchThe .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchThe-list.owl-carousel{border-bottom: 1px solid #dddee0;}
.compSearchThe-list-box:nth-of-type(4n+1){margin-left:0;}
.compSearchThe-list-box{float:left;position:relative;margin:0 0 36px 16px;width:278px;}
.compSearchThe-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.compSearchThe-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.compSearchThe-list-box a{display:block;}
.compSearchThe-list-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.compSearchThe-list-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.compSearchThe-list-box .txt .cate{display:block;font-size:12px;color:#54585e;}
.compSearchThe-list-box .img-box .img-thum{padding-top:56.25%;}
.compSearchThe-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.compSearchThe-list-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.compSearchThe-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.compSearchThe-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.compSearchThe-list-box .img-box .type1{}
.compSearchThe-list-box .img-box .type1 .ico{background-position:0 -176px;}
.compSearchThe-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.compSearchThe-list-box .img-box .type2 .ico{background:none;}
.compSearchThe-list-box .img-box .type3{}
.compSearchThe-list-box .img-box .type3 .ico{background-position:0 -192px;}
.compSearchThe-list-box .img-box .type4{}
.compSearchThe-list .img-box .type4 .ico{background-position:0 -208px;}
.compSearchThe-list .arrow_box{position:absolute;right:0;top:0;}
.compSearchThe-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.compSearchThe-list .arrow_prev.disabled{background-position:0 -20px;}
.compSearchThe-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.compSearchThe-list .arrow_next.disabled{background-position:-21px -20px;}

/* compSearchTag 컴퍼넌트 */
.component-box.compSearchTag{position:relative;width:289px;}
.component-box.compSearchTag .tit-a{font-size:20px;line-height:24px;}
.compSearchTag .compSearchTag-list{overflow:hidden;font-size:0;padding:20px 0 0;border-top:1px solid #34373c;}
.compSearchTag .compSearchTag-list a{float:left;display:block;margin:0 4px 10px 0;padding:4px 15px;border:1px solid #0088cf;border-radius:30px;font-size:14px;line-height:20px;color:#0088cf;}

/* compSearchSea 컴퍼넌트 */
.component-box.compSearchSea{position:relative;width:289px;}
.component-box.compSearchSea .tit-a{position:relative;font-size:20px;line-height:24px;overflow:hidden;}
.component-box.compSearchSea .tit-a .standard-time{position:absolute;right:5px;bottom:0;vertical-align:baseline;font-size:12px;line-height:16px;color:#949699;}
.compSearchSea .compSearchSea-list{overflow:hidden;font-size:0;padding:20px 0 0;border-top:1px solid #34373c;}
.compSearchSea .compSearchSea-list a{position:relative;display:block;font-size:14px;line-height:28px;color:#000;padding:0 0 0 30px;}
.compSearchSea .compSearchSea-list a .list-num{position:absolute;top:0;left:0;display:inline-block;color:#0088c8;vertical-align:top;margin:0 }

/*compSearchPeo1 타입*/
.component-box.compSearchPeo1{position:relative;width:866px;}
.compSearchPeo1-box{position:relative;padding:30px 0;border-top:1px solid #dddee0;border-bottom:1px solid #dddee0;overflow:hidden;height:206px;margin:0 0 -20px 0;}
.compSearchPeo1-box .compSearchPeo1-character{font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";padding:60px 0 0;}
.compSearchPeo1-box .compSearchPeo1-character .character-job{display:inline-block;font-size:11px;line-height:16px;color:#0088c8;margin:0 0 0 5px;}
.compSearchPeo1-box .btn-character-modify{position:absolute;top:30px;right:265px;display:inline-block;font-size:14px;line-height:20px;color:#54585e;}
.compSearchPeo1-box .compSearchPeo1-img{position:absolute;top:30px;right:0;width:206px;}
.compSearchPeo1-box .compSearchPeo1-img .img-box .img-thum{padding-top:100%;}
.compSearchPeo1-box .compSearchPeo1-info{margin:25px 0 10px;color:#949699;font-size:16px;}
.compSearchPeo1-box .compSearchPeo1-info span{display:block;}
.compSearchPeo1-box .btn-des{display:block;font-size:16px;line-height:26px;color:#0088cf;vertical-align:top;background:#fff;margin:20px 0 0;}

/*compSearchPeo2 타입*/
.component-box.compSearchPeo2{position:relative;width:866px;}
.component-box.compSearchPeo2 .tit-a{font-size:24px;font-family:"Noto Sans Regular";}
.component-box.compSearchPeo2 .tit-a .list-total{vertical-align:baseline;color:#0088cf}
.compSearchPeo2-list-box:nth-of-type(4n+1){margin-left:0;}
.compSearchPeo2-list-box{float:left;position:relative;margin:0 0 55px;width:100%;}
.compSearchPeo2-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.compSearchPeo2-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.compSearchPeo2-list-box a{display:block;}
.compSearchPeo2-list-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.compSearchPeo2-list-box .txt .name{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.compSearchPeo2-list-box .txt .character-job{display:block;font-size:12px;line-height:16px;color:#0088c8;margin:5px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.compSearchPeo2-list-box .img-box .img-thum{padding-top:100%;}
.compSearchPeo2-list{border-bottom:1px solid #dddee0;margin:0;}
.compSearchPeo2-list .arrow_box{position:absolute;right:0;top:0;}
.compSearchPeo2-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.compSearchPeo2-list .arrow_prev.disabled{background-position:0 -20px;}
.compSearchPeo2-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.compSearchPeo2-list .arrow_next.disabled{background-position:-21px -20px;}

/* compSearchPeo3 타입*/
.component-box.compSearchPeo3{position:relative;width:866px;}
.component-box.compSearchPeo3 .tit-a{font-size:24px;}
.component-box.compSearchPeo3 .tit-a .list-total{vertical-align:baseline;color:#0088cf}
.compSearchPeo3-list-box{float:left;position:relative;margin:0 0 55px;width:100%;}
.compSearchPeo3-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.compSearchPeo3-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.compSearchPeo3-list-box a{display:block;}
.compSearchPeo3-list-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.compSearchPeo3-list-box .cast-info{font-size:12px;color:#949699;display:block;margin:-5px 0 0;}
.compSearchPeo3-list-box .cast-info span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.compSearchPeo3-list-box .img-box .img-thum{padding-top:56.25%;}
.compSearchPeo3-list-box .img-box .img-thum img{width:100% !important;height:100% !important;}
.compSearchPeo3-list{border-bottom:1px solid #dddee0;margin:0;}
.compSearchPeo3-list .arrow_box{position:absolute;right:0;top:0;}
.compSearchPeo3-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.compSearchPeo3-list .arrow_prev.disabled{background-position:0 -20px;}
.compSearchPeo3-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.compSearchPeo3-list .arrow_next.disabled{background-position:-21px -20px;}

/* compSearchPro1 컴퍼넌트 */
.component-box.compSearchPro1{width:866px;}
.compSearchPro1-box .compSearchPro1-list-box{border-top:1px solid #dddee0;}
.compSearchPro1-box .compSearchPro1-list-box.type2{position: relative;}

.compSearchPro1-list-box.type2 .arrow_box{top:26px}
.compSearchPro1-box .compSearchPro1-list-box li{display:table;table-layout:fixed;width:100%;min-height:128px;padding:30px 0;border-bottom:1px solid #dddee0;}
.compSearchPro1-box .compSearchPro1-list-box .txt-box{display:table-cell;position:relative;}
.compSearchPro1-box .compSearchPro1-list-box .tit{display:block;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.compSearchPro1-box .compSearchPro1-list-box .tit .ico-proadcast{font-size:11px;line-height:16px;border:1px solid #c8c9cb;padding:0 5px;margin:0 0 0 8px;}
.compSearchPro1-box .compSearchPro1-list-box .tit .ico-proadcast.active{color:#0088c8;border:1px solid #0088c8;}
.compSearchPro1-box .compSearchPro1-list-box .info{}
.compSearchPro1-box .compSearchPro1-list-box .info span{display:block;font-size:14px;line-height:20px;color:#949699;}
.compSearchPro1-box .compSearchPro1-list-box .info span:first-child{margin:5px 0;}
.compSearchPro1-box .compSearchPro1-list-box .info span + span{position:relative;font-family:"Noto Sans Bold";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.compSearchPro1-box .compSearchPro1-list-box .info span + span:before{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:1px;height:16px;background:#dddee0;}*/
.compSearchPro1-box .compSearchPro1-list-box .des{display:inline-block;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;margin:15px 0 0;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;max-height: 81px;}
.compSearchPro1-box .compSearchPro1-list-box .img-box{display:table-cell;width:278px;padding:0 20px 0 0;}
.compSearchPro1-box .compSearchPro1-list-box .img-thum{padding-top:56.25%}
.compSearchPro1-box .compSearchPro1-list-box .img-thum img{width:100% !important;height:100% !important;}
.compSearchPro1-more{margin:60px 0 0;text-align:center;}
.compSearchPro1-more a{padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;background:#fff;}
.compSearchPro1-list-box .arrow_box{position:absolute;right:0;top:0;}
.compSearchPro1-list-box .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;font-size:0;}
.compSearchPro1-list-box .arrow_prev.disabled{background-position:0 -20px;}
.compSearchPro1-list-box .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;font-size:0}
.compSearchPro1-list-box .arrow_next.disabled{background-position:-21px -20px;}

/*compSearchPro2 타입*/
.component-box.compSearchPro2{position:relative;width:866px;}
.component-box.compSearchPro2 .tit-a{font-size:24px;}
.component-box.compSearchPro2 .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.compSearchPro2-list-box{float:left;position:relative;margin:0;width:100%;}
.compSearchPro2-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.compSearchPro2-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.compSearchPro2-list-box a{display:block;}
.compSearchPro2-list-box .txt{display: block;margin: 10px 0;font-size: 18px;line-height: 22px;letter-spacing: -1px;color: #000;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;display: block;display: -webkit-box;-webkit-line-clamp: 2;max-height: 44px;white-space: normal;word-break: break-all;}
.compSearchPro2-list-box .txt .character-job{display:block;font-size:12px;line-height:16px;color:#0088c8;margin:5px 0 0;}
.compSearchPro2-list-box .img-box .img-thum{padding-top:56.25%;}
.compSearchPro2-list-box .img-box .img-thum img{width:100% !important;height:100% !important;}
.compSearchPro2-list{border-bottom: 1px solid #dddee0;padding: 0 0 45px 0;}
.compSearchPro2-list .arrow_box{position:absolute;right:0;top:0;}
.compSearchPro2-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.compSearchPro2-list .arrow_prev.disabled{background-position:0 -20px;}
.compSearchPro2-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.compSearchPro2-list .arrow_next.disabled{background-position:-21px -20px;}


.section.entertainment .section-vertical .component:last-of-type{padding:65px 0 0;}
.section.refinement .section-vertical .component:last-of-type{padding:65px 0 0;}
.section-vertical{margin:60px 0 0;padding:60px 0 0;border-top:1px solid #b6b7b9;}
.section-vertical .component{padding:35px 0 0;}

/* icotit 공통 */
.component-box[class*=icotit]{overflow:hidden;}
.component-box[class*=icotit] .tit-a{position:relative;width:484px;float:left;box-sizing:border-box;padding:24px 0 0 157px;margin:0;}
.component-box[class*=icotit] .tit-a .mtit{display:block;font-size:36px;line-height:40px;letter-spacing:-1px;color:#34373c;font-family: 'Noto Sans Bold';}
.component-box[class*=icotit] .tit-a .stit{display:block;margin:3px 0 0;font-size:16px;line-height:20px;color:#000;}
.component-box[class*=icotit] .tit-a .ico{position:absolute;top:0;left:0;width:128px;height:128px;background:url(../images/ico/ico-icotit.png) no-repeat 0 0;}
.component-box[class*=icotit] .tit-a.type1 .ico{background-position-y:0px;}
.component-box[class*=icotit] .tit-a.type2 .ico{background-position-y:-148px;}
.component-box[class*=icotit] .tit-a.type3 .ico{background-position-y:-296px;}
.component-box[class*=icotit] .tit-a.type4 .ico{background-position-y:-445px;}
.component-box[class*=icotit] .tit-a.type5 .ico{background-position-y:-592px;}
.component-box[class*=icotit] .tit-a.type6 .ico{background-position-y:-741px;}
.component-box[class*=icotit] .tit-a.type7 .ico{background-position-y:-887px;}
.component-box[class*=icotit] .all-view{position:relative;top:auto;right:auto;padding:7px 13px;margin:14px 0 0;border:1px solid #40a6d6;font-size:12px;line-height:16px;color:#0088c8;vertical-align:top;}
.component-box[class*=icotit] .all-view a{font-size:12px;line-height:14px;color:#34373c;}

/*icotit1 타입*/
.component-box.icotit1{border-bottom:0;overflow:hidden;}
.component-box.icotit1 h5{margin:0 25px 10px 25px;}
.icotit1-box{position:relative;padding:0 0 30px 0;}
.icotit1-box ul{padding:0 25px;}
.icotit1-box li{float:left;margin:0 5px 0 0;width:254px;overflow:hidden;}
.icotit1-box li a{width:100%;line-height:0;}
.icotit1-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:40px;text-align:center;color:#fff;}
.icotit1-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:30px;height:30px;background:url(../images/ico/ico-group50.png) no-repeat  0 -240px;background-size:60px;}
.icotit1-box .txt{display:-webkit-box;margin:8px 0 0;font-size:14px;line-height:16px;letter-spacing:-1px;color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

/* icotit1 컴퍼넌트 */
.component-box.icotit1{position:relative;}
.icotit1-list.owl-carousel{width:716px;float:left;padding:24px 0 0;}
.icotit1-list-box{position:relative;}
.icotit1-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.icotit1-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit1-list-box a{display:block;}
.icotit1-list-box .txt{position:absolute;bottom:0;left:0;display:block;padding:12px;z-index:1;}
.icotit1-list-box .tit{font-size:16px;line-height:20px;color:#fff;font-family: 'Noto Sans Bold';display:-webkit-box;text-overflow:ellipsis;overflow:hidden;max-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.icotit1-list-box .episode{display:none;}
.icotit1-list-box .des{display:block;overflow:hidden;height:48px;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit1-list-box .date{display:inline-block;margin:14px 0 0 0;font-size:15px;line-height:27px;color:#949699;}
.icotit1-list-box .read{display:inline-block;position:relative;margin:14px 0 0 10px;padding-left:10px;font-size:15px;line-height:27px;color:#949699;}
.icotit1-list-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.icotit1-list-img{overflow:hidden;display:block;}
.icotit1-list-img .img-box{float:left;width:228px;margin:0 0 0 16px;}
.icotit1-list-img .img-box:first-child{margin-left:0;}
.icotit1-list-box .img-thum{padding-top:100%;}
.icotit1-list .arrow_box{position:absolute;right:0;top:0;}
.icotit1-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.icotit1-list .arrow_prev.disabled{background-position:0 -20px;}
.icotit1-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.icotit1-list .arrow_next.disabled{background-position:-21px -20px;}

/* icotit2 컴퍼넌트 */
.component-box.icotit2{position:relative;}
.icotit2-list.owl-carousel{width:716px;float:left;padding:24px 0 0;}
.icotit2-list-box{position:relative;}
.icotit2-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.icotit2-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit2-list-box a{display:block;}
.icotit2-list-box .txt{position:absolute;bottom:0;left:0;display:block;padding:12px;z-index:1;}
.icotit2-list-box .tit{font-size:16px;line-height:20px;color:#fff;font-family: 'Noto Sans Medium';display:-webkit-box;text-overflow:ellipsis;overflow:hidden;max-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.icotit2-list-box .episode{display:none;}
.icotit2-list-box .des{display:block;overflow:hidden;height:48px;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit2-list-box .date{display:inline-block;margin:14px 0 0 0;font-size:15px;line-height:27px;color:#949699;}
.icotit2-list-box .read{display:inline-block;position:relative;margin:14px 0 0 10px;padding-left:10px;font-size:15px;line-height:27px;color:#949699;}
.icotit2-list-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.icotit2-list-img{overflow:hidden;display:block;}
.icotit2-list-img .img-box{float:left;width:228px;margin:0 0 0 16px;}
.icotit2-list-img .img-box:first-child{margin-left:0;}
.icotit2-list-box .img-thum{padding-top:66.5%;}
.icotit2-list .arrow_box{position:absolute;right:0;top:0;}
.icotit2-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.icotit2-list .arrow_prev.disabled{background-position:0 -20px;}
.icotit2-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.icotit2-list .arrow_next.disabled{background-position:-21px -20px;}

/* icotit3 컴퍼넌트 */
.component-box.icotit3{position:relative;}
.icotit3-list.owl-carousel{width:716px;float:left;padding:24px 0 0;}
.icotit3-list-box{position:relative;}
.icotit3-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.icotit3-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit3-list-box a{display:block;}
.icotit3-list-box a:after{content:'';display:block;position:absolute;bottom:0;width:100%;box-shadow: 0px 0px 200px 30px rgba(0,0,0,0.4);}
.icotit3-list-box .txt{position:absolute;bottom:0;left:0;display:block;padding:12px;z-index:1;}
.icotit3-list-box .tit{font-size:16px;line-height:20px;color:#fff;font-family: 'Noto Sans Medium';display:-webkit-box;text-overflow:ellipsis;overflow:hidden;max-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.icotit3-list-box .episode{display:none;}
.icotit3-list-box .des{display:block;overflow:hidden;height:48px;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit3-list-box .date{display:inline-block;margin:14px 0 0 0;font-size:15px;line-height:27px;color:#949699;}
.icotit3-list-box .read{display:inline-block;position:relative;margin:14px 0 0 10px;padding-left:10px;font-size:15px;line-height:27px;color:#949699;}
.icotit3-list-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.icotit3-list-img{overflow:hidden;display:block;}
.icotit3-list-img .img-box{float:left;width:228px;margin:0 0 0 16px;}
.icotit3-list-img .img-box:first-child{margin-left:0;}
.icotit3-list-box .img-thum{padding-top:56.5%;}
.icotit3-list .arrow_box{position:absolute;right:0;top:0;}
.icotit3-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;text-indent:-1000em;}
.icotit3-list .arrow_prev.disabled{background-position:0 -20px;}
.icotit3-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;text-indent:-1000em;}
.icotit3-list .arrow_next.disabled{background-position:-21px -20px;}

/* icotit4 컴퍼넌트 */
.component-box.icotit4{position:relative;}
.icotit4-list.owl-carousel{width:716px;float:left;padding:24px 0 0;}
.icotit4-list-box{position:relative;}
.icotit4-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.icotit4-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit4-list-box a{display:block;}
.icotit4-list-box .txt{position:absolute;bottom:0;left:0;display:block;padding:12px;z-index:1;}
.icotit4-list-box .tit{font-size:16px;line-height:20px;color:#fff;font-family: 'Noto Sans Medium';display:-webkit-box;text-overflow:ellipsis;overflow:hidden;max-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.icotit4-list-box .episode{display:none;}
.icotit4-list-box .des{display:block;overflow:hidden;height:48px;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.icotit4-list-box .date{display:inline-block;margin:14px 0 0 0;font-size:15px;line-height:27px;color:#949699;}
.icotit4-list-box .read{display:inline-block;position:relative;margin:14px 0 0 10px;padding-left:10px;font-size:15px;line-height:27px;color:#949699;}
.icotit4-list-box .read:before{content:"";position:absolute;left:0;top:50%;margin-top:-7.5px;width:1px;height:15px;background:#dddee0;}
.icotit4-list-box .vertical-txt-box{display:block;width:50%;position:absolute;z-index:1;left:30px;top:28px;color:#fff;}
.icotit4-list-box .vertical-txt-box span{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;}
.icotit4-list-box .vertical-txt-box .vertical-top{letter-spacing:-.025em;line-height:16px;max-height:32px;margin:0 0 6px 0;}
.icotit4-list-box .vertical-txt-box .vertical-tit{font-size:32px;font-family:"Noto Sans bold";letter-spacing:-.07em;line-height:36px;max-height:74px}
.icotit4-list-img{overflow:hidden;display:block;}
.icotit4-list-img .img-box{float:left;width:100%;}
.icotit4-list-img .img-box:after{content:'';display:block;position:absolute;top:0;width:100%;box-shadow:0px 0px 200px 100px rgba(0,0,0,0.4);}
.icotit4-list-box .img-thum{padding-top:25%;}
.icotit4-list .arrow_box{position:absolute;right:0;top:0;}
.icotit4-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;text-indent:-1000em;}
.icotit4-list .arrow_prev.disabled{background-position:0 -20px;}
.icotit4-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;text-indent:-1000em;}
.icotit4-list .arrow_next.disabled{background-position:-21px -20px;}

/* verticalbox 타입 */
.component-box.verticalbox{position:relative;}
.verticalbox.component-box .tit-a{margin:0;font-size:20px;letter-spacing:-.04em;line-height:24px;color:#707275;font-family: 'Noto Sans Regular';}
.verticalbox.component-box .tit-a .tit-point{display:inline-block;font-size:48px;line-height:56px;color:#0088c8;vertical-align:top;font-family: 'Noto Sans Bold';letter-spacing:-.06em;}
.verticalbox.component-box .all-view{top:50px;}
.verticalbox .verticalbox-slide{position:relative;margin:10px 0 0 0;}
/*.verticalbox .verticalbox-slide .owl-stage-outer{overflow:visible;}*/
.verticalbox .slide-list-box a{display:block;}
.verticalbox .slide-list-box .img-thum{padding-top:100%;}
.verticalbox .slide-list-box .bg-shadow{position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/common/bg_gradation01.png) repeat-x 0 0;background-size:100% 100%;}
.verticalbox .tit{display:block;margin:10px 0 0;font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;text-align:left;}
.verticalbox .arrow_prev{position:absolute;right:100%;top:50%;margin:-43px 30px 0 0;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 -63px;cursor:pointer;text-indent:-1000em;}
.verticalbox .arrow_next{position:absolute;left:100%;top:50%;margin:-43px 0 0 30px;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat -34px -63px;cursor:pointer;text-indent:-1000em;}
.verticalbox .arrow_prev.disabled,
.verticalbox .arrow_next.disabled{background-position-y:0;cursor:default;}
.verticalbox .tit{position:absolute;bottom:12px;left:0;display:-webkit-box;padding:12px 12px 0 12px;z-index:1;font-size:16px;line-height:20px;color:#fff;font-family: 'Noto Sans Bold';text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;}
/*.verticalbox .owl-carousel .owl-item:not(.active){opacity:.3;}*/

/* vodslide 컴퍼넌트 */
.component-box.vodslide{position:relative;}
.vodslide-list.owl-carousel{}
.vodslide-list-box:nth-of-type(4n+1){margin-left:0;}
.vodslide-list-box{float:left;position:relative;margin:0 0 55px 16px;width:288px;}
.vodslide-list-box.list-more a{display:table;table-layout:fixed;width:100%;height:300px;}
.vodslide-list-box.list-more p{display:table-cell;vertical-align:middle;text-align:center;font-size:20px;line-height:26px;letter-spacing:-1px;color:#000;}
.vodslide-list-box a{display:block;}
.vodslide-list-box .playtime{display:block;position:absolute;right:0;bottom:0;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.vodslide-list-box .txt{display:block;margin:10px 0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.vodslide-list-box .txt .date{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.vodslide-list-box .txt .date.today{color:#e44850;}
.vodslide-list-box .txt .date strong{font-weight:normal;}
.vodslide-list-box .txt .writer{display:block;margin:2px 0 0;font-size:12px;line-height:18px;letter-spacing:-1px;color:#54585f;}
.vodslide-list-box .txt .date+.read{margin:0 0 0 6px;padding:0 0 0 7px;}
.vodslide-list-box .txt .date+.read:before{content:"";position:absolute;top:5px;left:0;display:inline-block;width:1px;height:9px;background:#dcdee0;}
.vodslide-list-box .txt .date strong{font-weight:normal;}
.vodslide-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.vodslide-list-box .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.vodslide-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.vodslide-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.vodslide-list-box .img-box .type1{}
.vodslide-list-box .img-box .type1 .ico{background-position:0 -176px;}
.vodslide-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.vodslide-list-box .img-box .type2 .ico{background:none;}
.vodslide-list-box .img-box .type3{}
.vodslide-list-box .img-box .type3 .ico{background-position:0 -192px;}
.vodslide-list-box .img-box .type4{}
.vodslide-list-box .img-box .type4 .ico{background-position:0 -208px;}
.vodslide-list .arrow_box{position:absolute;right:0;top:0;}
.vodslide-list .arrow_prev{float:left;display:block;width:16px;height:20px;background-image:url(../images/arrow/arrow-slide02.png);background-repeat:no-repeat;background-position:0 0;cursor:pointer;}
.vodslide-list .arrow_prev.disabled{background-position:0 -20px;}
.vodslide-list .arrow_next{float:left;display:block;margin:0 0 0 12px;width:16px;height:20px;background:url(../images/arrow/arrow-slide02.png) no-repeat -21px 0;cursor:pointer;}
.vodslide-list .arrow_next.disabled{background-position:-21px -20px;}

/* history */
.component-box.hist{position:relative;}
.hist .hist-date{position:relative;padding:0 0 0 220px;border:1px solid #b6b7b9;border-width:1px 0px 1px 0;}
.hist .hist-date{padding:0 0 0 180px;}
.hist .hist-date ~ .vod-list{margin:20px 0 0;}
.hist .hist-year{position:absolute;left:0;top:0;width:148px;height:100%;}
.hist .hist-year-label a{box-sizing:border-box;padding:20px 5px;width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.hist .hist-year-label a .txt{font-size:30px;line-height:35px;color:#000;font-family:"Noto Sans Bold"}
.hist .hist-year-label a .ico{position:absolute;right:3px;top:50%;margin-top:-4px;width:12px;height:8px;background:url(../images/arrow/arrow-select.png) no-repeat 0 -8px;}
.hist .hist-year-select{display:none;position:absolute;top:100%;left:0;margin:1px 0 0;width:100%;max-height:400px;padding:40px 0;background:#fff;z-index:1;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.hist .hist-year-select ul{font-size:22px;line-height:26px;color:#000;font-family:"Noto Sans Bold";}
.hist .hist-year-select li{margin:20px 0 0;font-family:inherit;text-align:center;}
.hist .hist-year-select li:first-child{margin:0;}
.hist .hist-year-select a{width:100%;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hist .hist-year-select li.disabled a{color:#b6b7b9;}
.hist .hist-year-select .mCSB_inside>.mCSB_container{margin-right:18px;}
.hist .hist-year-select .mCSB_scrollTools{width:6px;}
.hist .hist-year-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{margin:0;width:auto;background:#b6b7b9;}
.hist .hist-year-select .mCSB_scrollTools .mCSB_draggerRail{width:auto;background:#f6f6f6;}
.hist .hist-year.on .hist-year-label a .ico{background-position-y:0;}
.hist .hist-year.on .hist-year-select{display:block;}
.hist .hist-month{overflow:hidden;}
.hist .hist-month-list{position:relative;font-size:0;}
.hist .hist-month-box{display:inline-block;margin-right:12px;}
.hist .hist-month-box:last-of-type{margin-right:0;}
.hist .hist-month-box a{display:block;position:relative;box-sizing:border-box;padding:25px 0;min-width:66px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#54585e;text-align:center;}
.hist .hist-month-box.disabled a{opacity:.4;}
.hist .hist-month-box.on a{color:#0088c8;}
.hist .hist-month-box.on a:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background:#0088cf}
.hist .hist-month-list.swiper-container-horizontal{margin:0 150px 0 0;}
.hist .hist-month-list .swiper-slide{width:auto;margin-right:14px;}
.hist .hist-month-list .swiper-button-box{display:none;position:absolute;left:100%;top:0;overflow:hidden;width:150px;height:100%;background:#fff;z-index:1;}
.hist .hist-month-list .swiper-button-prev,
.hist .hist-month-list .swiper-button-next{position:relative;float:left;top:auto;left:auto;right:auto;bottom:auto;margin:0;padding:0;width:75px;height:74px;border-left:1px solid #b6b7b9;cursor:pointer;background:none;box-sizing:border-box;}
.hist .hist-month-list .swiper-button-next{border-right:1px solid #b6b7b9;}
.hist .hist-month-list .swiper-button-prev .ico,
.hist .hist-month-list .swiper-button-next .ico{position:absolute;top:50%;left:50%;margin:-10px 0 0 -7px;width:14px;height:20px;background:url(../images/arrow/arrow-slide03.png) no-repeat 0 0;}
.hist .hist-month-list .swiper-button-prev .ico{background-position:0 0;}
.hist .hist-month-list .swiper-button-next .ico{background-position:-14px 0;}
.hist .hist-month-list .swiper-button-prev.swiper-button-disabled,
.hist .hist-month-list .swiper-button-next.swiper-button-disabled{opacity:1;pointer-events:auto;}
.hist .hist-weak{padding:0 0 0 220px;border-bottom:1px solid #dddee0;}
.hist .hist-weak-list{position:relative;padding:0 0 0 264px;border-top:1px solid #dddee0;}
.hist .hist-weak-list:first-child{border-top:none;}
.hist .hist-weak-tit{position:absolute;top:35px;left:25px;font-size:24px;line-height:28px;letter-spacing:-1px;color:#333;width: 233px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hist .hist-weak-tit span{font-family:"Noto Sans Bold";vertical-align:baseline;}
.hist .weak-list-box li{padding:20px 0;border-top:1px solid #dddee0;margin-left : 30px;}
.hist .weak-list-box li:first-child{border-top:none;}
.hist .weak-list-box a{display:table;table-layout:fixed;width:100%;}
.hist .weak-list-box .txt-box{display:table-cell;position:relative;padding:15px 20px 50px 0;vertical-align:top;}
.hist .weak-list-box .tit{font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:48px;-webkit-box-orient:vertical;}
.hist .weak-list-box .info{position:absolute;bottom:20px;left:0;}
.hist .weak-list-box .info span{font-size:14px;line-height:20px;color:#949699;}
.hist .weak-list-box .info span + span{position:relative;margin-left:12px;padding-left:12px;}
.hist .weak-list-box .info span + span:before{content:"";position:absolute;left:0;top:50%;margin-top:-8px;width:1px;height:16px;}
.hist .weak-list-box .img-box{display:table-cell;width:228px;}
.hist .weak-list-box .img-thum{padding-top:56.14%}
.hist .weak-list-box .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.hist .weak-list-box .img-box .ico{display:inline-block;position:absolute;right:1px;bottom:0;width:16px;height:16px;background:url(../images/ico/ico-group.png) no-repeat  0 -160px;background-size:32px;}
.hist .weak-list-box .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.hist .weak-list-box .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.hist .weak-list-box .img-box .type1{}
.hist .weak-list-box .img-box .type1 .ico{background-position:0 -176px;}
.hist .weak-list-box .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.hist .weak-list-box .img-box .type2 .ico{background:none;}
.hist .weak-list-box .img-box .type3{overflow:hidden;text-indent:-10000em;left:0;top:0;right:0;bottom:0;width:auto;background:rgba(0,0,0,.25)}
.hist .weak-list-box .img-box .type3 .ico{display:block;bottom:10px;right:10px;width:41px;height:41px;background:url(../images/ico/ico-play.png) no-repeat right bottom;}
.hist .weak-list-box .img-box .type4{}
.hist .weak-list-box .img-box .type4 .ico{background-position:0 -208px;}
.hist .hist-more{margin:60px 0 0;text-align:center;}
.hist .hist-more a{padding:10px 0;width:226px;border:1px solid #54585f;font-size:16px;line-height:20px;color:#54585f;background:#fff;}

/* 스포츠용 추가 */
.hist .hist-date.small .hist-year-label a .txt{font-size:26px;font-family:"Noto Sans Regular", sans-serif;}
.hist .hist-date.small .hist-year-label a .ico{right:15px;}
.hist .hist-date.small .hist-year-select ul{font-family:"Noto Sans Regular", sans-serif;}


/* detail-summery 공통 */
.detail-summery-txt .img-box{position:absolute;left:20px;top:50%;margin-top:-40px;width:80px;height:80px;border-radius:100%;background:no-repeat center center;background-size:auto 100%;}
.detail-summery-txt .img-thum{padding-top:100%;}

/* detail-component det-the01 */
.detail-component .audio{text-align:center;margin:30px 0 60px;}
.detail-component .audio-player{width:100%;}
.detail-component.det-the01{position:relative;padding:0 0 50px;}
.det-the01 .detail-summery-bg{height:280px;background:#3c3c44;}
.det-the01 .detail-summery-box{position:relative;overflow:hidden;margin:-220px auto 30px;padding:0 376px 0 0;width:1008px;border:1px solid #c8c8c8;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.det-the01 .detail-summery-txt{float:left;position:relative;padding:44px 0 44px 69px}
.det-the01 .detail-summery-txt:before{content:"";position:absolute;left:0;right:0;top:81px;height:1px;background:#e6e6e6;}
.det-the01 .detail-summery-txt .tit{display:inline-block;position:relative;padding:13px 20px 13px 118px;background:#fff;font-size:48px;line-height:54px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold";}
.det-the01 .detail-summery-txt .cont{overflow:hidden;margin:28px 0 0;padding:0 50px 0 30px;height:130px;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}
.det-the01 .detail-summery-hash{position:absolute;right:0;top:0;width:376px;height:100%;}
.det-the01 .detail-summery-hash .swiper-container{padding:0 0 0 60px;height:100%;}
.det-the01 .detail-summery-hash .swiper-slide{margin:9px 0 0;height:auto;}
.det-the01 .detail-summery-hash .swiper-slide:first-child{margin:0;}
.det-the01 .detail-summery-hash{position:absolute;right:0;top:0;width:376px;height:100%;}
.det-the01 .detail-summery-hash .swiper-container{padding:0 0 0 60px;height:100%;}
.det-the01 .detail-summery-hash .swiper-container.swiper-container-vertical{margin-top:-10px;padding-bottom:10px;}
.det-the01 .detail-summery-hash .swiper-wrapper{display:block;}
.det-the01 .detail-summery-hash .swiper-slide{float:left;clear:both;margin:9px 0 0;height:auto;}
.det-the01 .detail-summery-hash .swiper-slide:first-child{margin:0;}
.det-the01 .detail-summery-hash .hash{display:block;font-size:30px;line-height:48px;letter-spacing:-1px;color:#b6b7b9;font-family:"Noto Sans Light";}
.det-the01 .detail-summery-hash .swiper-slide-next .hash{color:#0088c8;font-family:"Noto Sans Bold"}
.det-the01 .detail-summery-hash .hash.on{color:#0088c8;font-family:"Noto Sans Bold"}
.det-the01 .swiper-scrollbar{display:none;}


/* detail-component det-the02 */
.detail-component.det-the02{position:relative;padding:0 0 50px;}
.det-the02 .detail-summery-bg{height:280px;background:#3c3c44;}
.det-the02 .detail-summery-box{position:relative;overflow:hidden;margin:-220px auto 30px;padding:0 376px 0 0;width:1008px;border:1px solid #c8c8c8;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.det-the02 .detail-summery-txt{float:left;position:relative;padding:39px 0 39px 69px;}
.det-the02 .detail-summery-txt:before{content:"";position:absolute;left:0;right:0;top:81px;height:1px;background:#e6e6e6;}
.det-the02 .detail-summery-txt .tit{display:inline-block;position:relative;padding:13px 20px 13px 118px;background:#fff;font-size:48px;line-height:54px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold";}
.det-the02 .detail-summery-txt .tit .ico{position:absolute;left:20px;top:50%;margin-top:-40px;width:80px;height:80px;background:no-repeat center center;background-size:auto 100%;}
.det-the02 .detail-summery-txt .cont{overflow:hidden;margin:28px 0 0;padding:0 50px 0 30px;height:130px;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}
.det-the02 .detail-summery-hash{position:absolute;right:0;top:0;width:376px;height:100%;}
.det-the02 .detail-summery-hash .swiper-container{padding:0 0 0 60px;height:100%;}
.det-the02 .detail-summery-hash .swiper-container.swiper-container-vertical{margin-top:-10px;padding-bottom:10px;}
.det-the02 .detail-summery-hash .swiper-wrapper{display:block;}
.det-the02 .detail-summery-hash .swiper-slide{float:left;clear:both;margin:9px 0 0;height:auto;}
.det-the02 .detail-summery-hash .swiper-slide:first-child{margin:0;}
.det-the02 .detail-summery-hash .hash{display:block;font-size:30px;line-height:48px;letter-spacing:-1px;color:#b6b7b9;font-family:"Noto Sans Light";}
.det-the02 .detail-summery-hash .swiper-slide-next .hash{color:#0088c8;font-family:"Noto Sans Bold"}
.det-the02 .detail-summery-hash .hash.on{color:#0088c8;font-family:"Noto Sans Bold"}
.det-the02 .swiper-scrollbar{display:none;}


/* detail-component det-the03 */
.detail-component.det-the03{position:relative;padding:0 0 50px;}
.det-the03 .detail-summery-bg{height:280px;background:#3c3c44}
.det-the03 .detail-summery-box{position:relative;overflow:hidden;margin:-220px auto 30px;padding:0 376px 0 0;width:1008px;border:1px solid #c8c8c8;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);}
.det-the03 .detail-summery-txt{float:left;position:relative;padding:39px 0 39px 69px;}
.det-the03 .detail-summery-txt:before{content:"";position:absolute;left:0;right:0;top:81px;height:1px;background:#e6e6e6;}
.det-the03 .detail-summery-txt .tit{display:inline-block;position:relative;padding:13px 20px 13px 118px;font-size:48px;line-height:54px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold";background:#fff;}
.det-the03 .detail-summery-txt .tit .ico{position:absolute;left:20px;top:50%;border-radius:80px;overflow:hidden;margin-top:-40px;width:80px;height:80px;background:no-repeat center center;background-size:auto 100%;}
.det-the03 .detail-summery-txt .cont{overflow:hidden;margin:28px 0 0;padding:0 50px 0 30px;height:130px;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}
.det-the03 .detail-summery-hash{position:absolute;right:0;top:0;width:376px;height:100%;}
.det-the03 .detail-summery-hash .swiper-container{padding:0 0 0 60px;height:100%;}
.det-the03 .detail-summery-hash .swiper-container.swiper-container-vertical{margin-top:-10px;padding-bottom:10px;}
.det-the03 .detail-summery-hash .swiper-wrapper{display:block;}
.det-the03 .detail-summery-hash .swiper-slide{float:left;clear:both;margin:9px 0 0;height:auto;}
.det-the03 .detail-summery-hash .swiper-slide:first-child{margin:0;}
.det-the03 .detail-summery-hash .hash{display:block;font-size:30px;line-height:48px;letter-spacing:-1px;color:#b6b7b9;font-family:"Noto Sans Light";}
.det-the03 .detail-summery-hash .swiper-slide-next .hash{color:#0088c8;font-family:"Noto Sans Bold"}
.det-the03 .detail-summery-hash .hash.on{color:#0088c8;font-family:"Noto Sans Bold"}
.det-the03 .swiper-scrollbar{display:none;}

/* detail-component det-vod */
.detail-component.det-vod{position:relative;}
.det-vod .player-split-list li a{overflow:hidden;}
.det-vod .player-split-list .txt{padding:25px 15px 0 0;}
.det-vod .player-split-list li:first-of-type .txt{overflow:hidden;margin: 172px 0 0;padding:0;}
.det-vod .player-split-list .txt .txt-title.ellipsis{margin:25px 0 0;font-size:14px;line-height:20px;color:#000;}
.det-vod .player-split-list li:first-of-type .txt .txt-title.ellipsis{max-height:40px;height:auto;-webkit-line-clamp: 2;}
.det-vod .player-split-list .txt .txt-info{position:absolute;top:0;left:0;margin:0;}
.det-vod .player-split-list .txt .txt-info .episode{display:none;}
.det-vod .player-split-list .txt .txt-info .name{margin:0;padding:0;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}

/* detail-component det-news*/

/*.det-news #intro{width:100%;height:338px;background:url(../images/dummy/detail_news_img01.jpg) center center no-repeat;}*/ /*운영이슈로 해당 css 삭제 */
.det-news .landing-box{width:704px;margin:0 auto;padding:50px 0 60px;background:#fff;}
.det-news .landing-caption{position:relative;text-align:left;}
.det-news .landing-caption .caption-tag{position:relative;font-size:12px;color:#000;}
.det-news .landing-caption .caption-tag.type1{color:#949699;}
.det-news .landing-caption .caption-tag.type2{color:#0088cf;}
.det-news .landing-caption .tit-s{width:625px;font-size:32px;line-height:40px;}
.det-news .landing-caption.board{position:relative;margin:30px 25px 0;padding:0 0 20px 0;border-bottom:1px solid #999;}
.det-news .landing-caption .caption-btn-more{position:absolute;display:inline-block;right:-10px;top:0;width:25px;height:25px;}
.det-news .landing-caption .caption-btn-more .ico{display:inline-block;width:25px;height:25px;font-size:0;line-height:0;background:url(../images/ico/ico-group50.png) no-repeat 0 -325px;background-size:50px;}
.det-news .card-gallery .caution{font-size:11px;line-height:16px;letter-spacing:-1px;color:#949699;}
.det-news .landing-writer{display:table;margin:70px 0 0 0;}
.det-news .landing-writer .writer-info{font-size:18px;line-height:22px;vertical-align:top;}
.det-news .landing-writer .writer-info .name{display:inline-block;font-family:"Noto Sans Bold";vertical-align:top;margin:0 0 0 10px;}
.det-news .landing-writer .caution{font-size:12px;line-height:16px;color:#949699;margin:10px 0 0 0;}
.det-news .hashtag-box{overflow-y:auto;}
.det-news .hashtag-box::-webkit-scrollbar{width:0 !important;height:0 !important;}
.det-news .hashtag-box::-webkit-scrollbar-thumb{background:none !important;}
.det-news .hashtag-box ul{margin:60px 0 0 0;overflow:hidden;text-align:center;}
.det-news .hashtag-box li{float:left;display:inline-block;margin:5px 4px;padding:4px 15px;font-size:14px;line-height:20px;letter-spacing:-1px;border:1px solid #0088cf;border-radius:16px;}
.det-news .hashtag-box a{color:#0088cf;vertical-align:top;}
.det-news .card-gallery{margin:70px 0 0 0;}
.det-news .card-gallery p{margin:0;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}
.det-news .card-gallery img, .det-news .card-gallery iframe{width:100%;}
.det-news .landing-caption .txt-info{display:block;font-size:12px;line-height:16px;color:#888;overflow:hidden;margin:5px 0 0 0}
.det-news .landing-caption .txt-info .date{float:left;margin:0 8px 0 0;}
.det-news .landing-caption .txt-info .inq{float:right;}
.det-news .landing-caption .txt-info .inq:before{background: none;}
.det-news .landing-caption .txt-info em + em{position:relative;margin:0 0 0 8px;padding:0 0 0 8px;}
.det-news .landing-caption .txt-info em + em:before{content:"";position:absolute;left:0;top:50%;margin:-4px 0 0;width:1px;height:8px;background:#949699;}
.det-news .detail-card-font{position:absolute;top:5px;right:0;}
.det-news .detail-card-font li{float:left;margin:0 2px;font-size:16px;line-height:20px;color:#888;vertical-align:top;}
.det-news .detail-card-font .bigger .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) no-repeat 0 0;}
.det-news .detail-card-font .smaller .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) no-repeat -25px 0;}
.det-news .detail-card-share-box{margin:30px 0 0 0;}
.det-news .detail-card-share-list{overflow:hidden;}
.det-news .detail-card-share-list li{float:left;margin:0 15px 0 0;}
.det-news .detail-card-share-list li a .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) 0 0 no-repeat;}
.det-news .detail-card-share-list .detail-card-msg .ico{background-position:0 -75px;}
.det-news .detail-card-share-list .detail-card-like .ico{background-position:0 -25px;}
.det-news .detail-card-share-list .detail-card-like a.on .ico{background-position:0 -225px;}
.det-news .detail-card-share-list .detail-card-scrap .ico{background-position:0 -50px;}
.det-news .detail-card-share-list .detail-card-scrap a.on .ico{background-position:0 -250px;}
.det-news .detail-card-share-list .detail-card-share .ico{background-position:-25px -75px;}
.det-news .detail-card-share-box.type02{overflow:hidden;margin:40px 0 0 0;padding:20px 0 0 0;border-top:1px solid #dcdee0;}
.det-news .detail-card-share-box.type02 .detail-card-share-list{display:inline-block;}
.det-news .detail-card-share-box.type02 .detail-card-sns-box{float:right;display:inline-block;}
.det-news .detail-card-share-box.type03{margin: 20px 0 0 0;padding: 0 0 0 30px;}
.det-news .detail-card-sns-box li{float:left;overflow:hidden;margin:0 0 0 10px;}
.det-news .detail-card-sns-box li a .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) 0 0 no-repeat;}
.det-news .detail-card-sns-box .detail-card-cacao .ico{background-position:0 -100px;}
.det-news .detail-card-sns-box .detail-card-facebook .ico{background-position:-25px -100px;}
.det-news .detail-card-sns-box .detail-card-insta .ico{background-position:0 -125px;}
.det-news .detail-card-sns-box .detail-card-twitter .ico{background-position:-25px -125px;}

/* detail component det-mag*/
/*.det-mag #intro{position:relative;width:100%;height:420px;background:url(../images/dummy/detail_mag_img01.jpg) center 0 no-repeat;}*/
/*.det-mag #intro:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/etc/bg-det-mag-shadow.png) repeat-x left bottom}*/
.det-mag .story{padding:60px 0 0;}
.det-mag #intro .landing-box{position:relative;width:600px;padding:0;margin:0 auto;background:none;}
.det-mag #intro .landing-caption .tit-s{margin:0 80px 0 0;font-size:32px;line-height:40px;letter-spacing:-0.07em;color:#000;font-family:"Noto Sans Bold"}
/*.det-mag #intro .landing-caption .txt-info{color:#fff;}*/
.det-mag .landing-caption .txt-info{display:block;margin:5px 0 0;font-size:12px;line-height:16px;color:#888;overflow:hidden;}
.det-mag .landing-caption .txt-info .inq{float:right;}
.det-mag .landing-caption .txt-info .inq:before{background: none;}
.det-mag .landing-caption .txt-info em + em{position:relative;margin:0 0 0 8px;padding:0 0 0 8px;}
.det-mag .landing-caption .txt-info em + em:before{content:"";position:absolute;left:0;top:50%;margin:-4px 0 0;width:1px;height:8px;background:#949699;}
.det-mag .detail-card-font{position:absolute;top:5px;right:0;}
.det-mag .detail-card-font li{float:left;margin:0 2px;font-size:16px;line-height:20px;color:#888;vertical-align:top;}
.det-mag .detail-card-font .bigger .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) no-repeat 0 0;}
.det-mag .detail-card-font .smaller .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) no-repeat -25px 0;}
.det-mag .detail-card-share-box{margin:30px 0 0 0;}
.det-mag .detail-card-share-box.type02{overflow:hidden;margin:40px 0 0 0;padding:20px 0 0 0;border-top:1px solid #dcdee0;}
.det-mag .detail-card-share-box.type02 .detail-card-share-list{display:inline-block;}
.det-mag .detail-card-share-box.type02 .detail-card-sns-box{float:right;display:inline-block;}
.det-mag .detail-card-share-list{overflow:hidden;}
.det-mag .detail-card-share-list li{float:left;margin:0 15px 0 0;}
.det-mag .detail-card-share-list li a .ico{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico-group-share.png) 0 0 no-repeat;}

.det-mag .detail-card-share-list .detail-card-msg .ico{background-position:0 -75px;}
.det-mag .detail-card-share-list .detail-card-like .ico{background-position:0 -25px;}
.det-mag .detail-card-share-list .detail-card-like a.on .ico{background-position:0 -225px;}
.det-mag .detail-card-share-list .detail-card-scrap .ico{background-position:0 -50px;}
.det-mag .detail-card-share-list .detail-card-scrap a.on .ico{background-position:0 -250px;}
.det-mag .detail-card-share-list .detail-card-share .ico{background-position:-25px -75px;}
/*
.det-mag .detail-card-share-list .detail-card-msg .ico{background-position:0 -75px;}
.det-mag .detail-card-share-list .detail-card-like .ico{background-position:0 -25px;}
.det-mag .detail-card-share-list .detail-card-like a.on .ico{background-position:-25px -25px;}
.det-mag .detail-card-share-list .detail-card-scrap .ico{background-position:0 -50px;}
.det-mag .detail-card-share-list .detail-card-scrap a.on .ico{background-position:-25px -50px;}
.det-mag .detail-card-share-list .detail-card-share .ico{background-position:-25px -75px;}
.det-mag #intro .detail-card-share-list li a{color:#fff;}
.det-mag #intro .detail-card-share-list .detail-card-msg .ico{background-position:0 -200px;}
.det-mag #intro .detail-card-share-list .detail-card-like .ico{background-position:0 -150px;}
.det-mag #intro .detail-card-share-list .detail-card-like a.on .ico{background-position:-25px -150px;}
.det-mag #intro .detail-card-share-list .detail-card-scrap .ico{background-position:0 -175px;}
.det-mag #intro .detail-card-share-list .detail-card-scrap a.on .ico{background-position:-25px -175px;}
.det-mag #intro .detail-card-share-list .detail-card-share .ico{background-position:-25px -200px;}
*/
.det-mag .landing-box{width:600px;margin:0 auto;padding:70px 0 0;background:#fff;}
.det-mag .card-gallery p{margin:10px 0 10px;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;text-align:center;}
.det-mag .card-gallery .card-gallery-img{display:block;text-align:center;}
.det-mag .card-gallery img, .det-mag .card-gallery iframe{width:100%;}
.det-mag .hashtag-box ul{margin:10px 0 0 0;}
.vertical-detail .component-area{margin:60px 0 0;}

/* vbanner */
.component-box.vbanner{position:relative;}
.vbanner-box a{display:block;}
.vbanner-box .img img{position:static;width:100%;}
.vbanner-box .txt-box{position:absolute;left:44px;top:61px;}
.vbanner-box .txt-box .tit{display:block;margin:0 0 16px;font-size:22px;line-height:40px;letter-spacing:-1px;color:#000;}
.vbanner-box .txt-box .txt{display:block;width:492px;font-size:48px;line-height:52px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold"}
.vbanner-box .txt-box .txt span{font-family:"Noto Sans Bold";vertical-align:baseline;}

/* vertical-sub 컴포넌트 */
.vertical-sub{height:175px;background:#4491ad;}
.vertical-sub .cont-box{margin:0 auto;padding:39px 0 40px;width:1200px;text-align:center;background:no-repeat center bottom;}
.vertical-sub .cont-box .txt{display:inline-block;font-size:30px;line-height:36px;letter-spacing:-1px;color:#fff;vertical-align:middle;text-align:center;}
.vertical-sub .cont-box .txt span{font-family:"Noto Sans Bold";vertical-align:baseline}
.vertical-sub .cont-box .btn-sub{display:block;position:relative;margin:20px auto 0;box-sizing:border-box;height:40px;width:140px;border-width:1px;border-style:solid;font-size:14px;line-height:20px;letter-spacing:-1px;font-family:"Noto Sans Bold";text-align:center;vertical-align:middle;}
.vertical-sub .cont-box .btn-sub span{position:absolute;top:0;left:0;box-sizing:border-box;padding:9px 0;width:100%;height:100%;text-align:center;text-shadow: 0px 0px 2px #000;}
.vertical-sub .btn-sub.on span{color:#fff;}
.vertical-sub .btn-sub.on:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);}
.vertical-sub.sub01{background:#4491ad;}
.vertical-sub.sub01 .cont-box{background-image:url(../images/etc/bg-vertical-sub01.jpg);}
.vertical-sub.sub01 .txt{color:#fff;}
.vertical-sub.sub01 .btn-sub{border-color:#fff;color:#fff;}
.vertical-sub.sub01 .btn-sub.on{border:none;}
.vertical-sub.sub02{background:#ba125d;}
.vertical-sub.sub02 .cont-box{background-image:url(../images/etc/bg-vertical-sub02.jpg);}
.vertical-sub.sub02 .txt{color:#fff;}
.vertical-sub.sub02 .btn-sub{border-color:#fff;color:#fff;}
.vertical-sub.sub02 .btn-sub.on{border:none;}
.vertical-sub.sub03{background:#333250;}
.vertical-sub.sub03 .cont-box{background-image:url(../images/etc/bg-vertical-sub03.jpg);}
.vertical-sub.sub03 .txt{color:#fff;}
.vertical-sub.sub03 .btn-sub{border-color:#fff;color:#fff;}
.vertical-sub.sub03 .btn-sub.on{border:none;}
.vertical-sub.sub04{background:#f3d473;}
.vertical-sub.sub04 .cont-box{background-image:url(../images/etc/bg-vertical-sub04.jpg);}
.vertical-sub.sub04 .txt{color:#000;}
.vertical-sub.sub04 .btn-sub{border-color:#000;color:#000;}
.vertical-sub.sub04 .btn-sub.on{border:none;}
.vertical-sub.sub05{background:#4093c2;}
.vertical-sub.sub05 .cont-box{background-image:url(../images/etc/bg-vertical-sub05.jpg);}
.vertical-sub.sub05 .txt{color:#fff;}
.vertical-sub.sub05 .btn-sub{border-color:#fff;color:#fff;}
.vertical-sub.sub05 .btn-sub.on{border:none;}
.vertical-sub.sub06{background:#ecfac3;}
.vertical-sub.sub06 .cont-box{background-image:url(../images/etc/bg-vertical-sub06.jpg);}
.vertical-sub.sub06 .txt{color:#000;}
.vertical-sub.sub06 .btn-sub{border-color:#000;color:#000;}
.vertical-sub.sub06 .btn-sub.on{border:none;}

/* vchannel-type 컴포넌트 */
.component-box.vchannel{position:relative;}
.component-box.vchannel .tit-a{position:relative;/*margin:60px 0 40px;*/width:1200px;font-size:32px;line-height:36px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.component-box.vchannel .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
.vchannel .vchannel-list{overflow:hidden;}
.vchannel .vchannel-list li{float:left;overflow:hidden;margin:0 0 0 16px;width:288px;height:300px;}
.vchannel .vchannel-list li:nth-of-type(4n+1){clear:both;margin-left:0;}
.vchannel .vchannel-list a{display:block;}
.vchannel .vchannel-list .img-thum{padding-top:56.25%;}
.vchannel .vchannel-list .img-box .shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/etc/vchannel-shadow.png) repeat-x left bottom;}
.vchannel .vchannel-list .img-box .clip-count{position: absolute;top:0;right:0;background:rgba(0,0,0,0.6);width: 90px;height:100%;font-size: 20px;color: #ffffff;line-height: 151px;}
.vchannel .vchannel-list .img-box .clip-count span{background: url(../images/ico/ico-clip-count.png) no-repeat center bottom;background-size: 21px auto;-webkit-background-size: 21px auto;padding:0 20px 26px 20px}

.vchannel .vchannel-list .txt-box{display:block;padding:10px 0;}
.vchannel .vchannel-list .tit{display:block;font-size:18px;letter-spacing:-.04em;line-height:22px;}

/* 메타태그 가이드 적용스타일 */
.max-progtit{display:block;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:44px;-webkit-box-orient:vertical;}
.max-progtit.endtit{max-height:40px;font-size:18px;}

/* 사이트맵 */
.component-box.sitemap .tit-a{font-size: 30px;margin:30px 0 40px 0;}
.component-box.sitemap .sitemap-area{}
.component-box.sitemap .sitemap-area dl{border-top: 1px solid #dddee0;padding: 28px 0 42px 0;}
.component-box.sitemap .sitemap-area dl:after{display:block;content:'';width:100%;clear:both;}
.component-box.sitemap .sitemap-area dl.no-line{border-top:0;}
.component-box.sitemap .sitemap-area dl:last-child{padding-bottom: 0;}
.component-box.sitemap .sitemap-area dl dt{float:left;width:304px;}
.component-box.sitemap .sitemap-area dl dt a[name]{display:block;position:relative;/*top:-120px;*/z-index:1;}
.component-box.sitemap .sitemap-area dl dt span{display: block;font-family:"Noto Sans Bold";font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px 0 0;}
.component-box.sitemap .sitemap-area dl dd{float: left;width:896px;}
.component-box.sitemap .sitemap-area dl dd ul{font-size: 0;}
.component-box.sitemap .sitemap-area dl dd ul li{float: left;width:25%;margin: 0 0 15px 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.component-box.sitemap .sitemap-area dl dd ul li a{display: inline-block;font-family: 'Noto Sans Regular';font-size: 14px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90%;}
.component-box.sitemap .sitemap-area dl dd ul li a:hover{color:#0088cf}
.component-box.sitemap .sitemap-end{float:right !important;width:224px !important;}
.component-box.sitemap .sitemap-navi{position:relative;}
.component-box.sitemap .sitemap-navi a{position:absolute;top:-1000em;font-size:14px;color:#fff;background:#004880;line-height:36px;width:100%;text-align:center;}
.component-box.sitemap .sitemap-navi a:focus{top:0;z-index:10000;}


/* :: asian game start :: */
.prime-promotion{height:371px;width:100%;}
.asianPromotion .arrow-buttons{}
.asianPromotion .arrow-buttons div{position:absolute;margin:-31px 0 0 0;top:50%;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 0;cursor:pointer;font-size:0;}
.asianPromotion .arrow-buttons .arrow_prev{left:-60px;background-position:0 -64px;}
.asianPromotion .arrow-buttons .arrow_next{right:-60px;background-position:-34px -64px;}
.asianPromotion .arrow-buttons .disabled{background-position-y:0;}
.rank-table-box {overflow: hidden;}
.rank-table-box .rank-left,.rank-table-box .rank-right{float: left;width:585px;}
.rank-table-box .rank-left{margin:0 30px 0 0}
.rank-table-box .rank-left table{background:url(../images/asian/bg-table-rank01.jpg) 0 0 no-repeat;}
.rank-table-box .rank-right table{background:url(../images/asian/bg-table-rank02.jpg) 0 0 no-repeat;}
.rank-table-box table tr th{height:61px;color:#fff}
.rank-table-box table tr th,.rank-table-box table tr td{font-size:20px;text-align: center;}
.rank-table-box table tr td{height:78px;color:#000}
.rank-table-box table tr td.flag{text-align: left;padding: 0 0 0 30px;}
.rank-table-box table tr td.flag span{display: block}
.rank-table-box table tr td.flag span img{vertical-align: middle;margin:-5px 24px 0 0;width:38px;height:25px;}
.rank-table-box table .c01{width:16%}
.rank-table-box table .c02{width:42%}
.rank-table-box table .c03{width:14%}
.rank-table-box table .c04{width:14%}
.rank-table-box table .c05{width:14%}
.component-box.sched .tit-a{position: relative; display: inline-block;margin:0 15px 20px 0;padding:0 15px 0 0}
.component-box.sched .tit-a:after{content:"";position: absolute;top: 6px;right: 0;height:24px;width:1px;background: #a3a3a3;}
.component-box.rankTable .tit-a{position: relative; display: inline-block;margin:0 15px 20px 0;padding:0 15px 0 0}
.component-box.rankTable .tit-a:after{content:"";position: absolute;top: 6px;right: 0;height:24px;width:1px;}
.component-box.sched .txt-sched-date{font-size: 24px;vertical-align: top;}
.component-box .txt-rank-date{position: absolute;top: 9px;right: 0;font-size: 18px;vertical-align: top;}
.component-box .txt-rank-date span{vertical-align: top}
.sched-list-wrap .sched-list-box{float: left;width: 100%;height:131px;border:1px solid #dddee0;box-sizing: border-box;-webkit-box-sizing: border-box;}
.sched-list-box .left-box,.sched-list-box .right-box{display: table-cell;vertical-align: middle;}
.sched-list-box .left-box{width:22%;text-align: center;}
.sched-list-box .left-box .time{font-size: 24px}
.sched-list-box .right-box{width:88%}
.sched-list-box .right-box span{display:block}
.sched-list-box .sched-box{display: table;width: 100%;height: 100%;}
.sched-list-box .sched-box .sched-none{background: url(../images/asian/bg-main-none.jpg) 25% 50% no-repeat;padding: 0px 0 0 280px;display: table-cell;vertical-align: middle;font-size: 19px;}
.sched-list-wrap .sched-list-box .tit-cate{font-size:18px;}
.sched-list-wrap .sched-list-box .tit-cate em{display: inline-block;background:#c1180b;padding: 0px 8px;font-size:13px;color: #fff;margin: 0 0 0 3px;height: 20px;line-height: 20px;}
.sched-list-wrap .sched-list-box .tit-cate em.type2{background:#0049dd}
.sched-list-wrap .sched-list-box .tit-detail{font-size: 24px;color:#20295c;    font-family: "Noto Sans Bold";}
.sched-list-wrap .arrow-buttons div{position:absolute;margin:15px 0 0 0;top:50%;width:16px;height:31px;background:url(../images/asian/arrow-schd.png) no-repeat 0 0;cursor:pointer;font-size:0;}
.sched-list-wrap .arrow-buttons .arrow_prev{left:-40px;background-position:0 -32px;}
.sched-list-wrap .arrow-buttons .arrow_next{right:-40px;background-position:-17px -32px;}
.sched-list-wrap .arrow-buttons .disabled{background-position-y:0;}
.component-box.highlight1 .vod-list{margin:70px 0 0 0}
.hashTag-box{background:url(../images/asian/bg-hashTag.jpg) 0 0 no-repeat;height:191px;}
.hashTag-box.type2{margin: 56px 0 71px 0;}
.hashTag-box .pocket{width: 800px;margin:0 auto;text-align:center;padding: 40px 0 10px 0;font-size: 0;}
.hashTag-box .pocket.type2{width: 820px;margin:0 auto;text-align:center;padding: 23px 0 0px 0;font-size: 0}
.hashTag-box .pocket.type3{width:890px}
.hashTag-box .pocket.type3 ul li a{border:0;    padding: 5px 5px;}
.hashTag-box .pocket.type3 ul li{margin:0 4px 0 4px}
.hashTag-box .pocket ul li{display:inline-block;margin:0 4px 8px 4px;}
.hashTag-box .pocket ul li a{font-size:21px;color:#fff;font-family:"Noto Sans Light";border: 1px solid #4f83be;padding: 5px 14px;}
.hashTag-box .pocket ul li.on a{font-family: "Noto Sans Bold";border-bottom:1px solid #fff;}

.section.sports .section-asian-game .tabCon .component{padding-top:70px}
.tv-join-box ul{border:1px solid #d6d6d6;border-bottom: 0;font-size:0;overflow: hidden;margin: 17px 0 10px 0;}
.txt_noty{margin: 40px 0 10px 0;text-align: right;font-size: 14px;color: #8a8a8a}
.tv-join-box ul li{float:left;width:199px;height:65px;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.tv-join-box ul li:nth-child(6n+6){border-right:0;width: 198px;}
.tv-join-box ul li a{display:block;height: 65px;}
.tv-join-box ul li.on a span em{color:#fff}
.tv-join-box ul li.on .box{background:url(../images/asian/bg-select-ch.jpg) 0 0 no-repeat}
.tv-join-box ul li a .logo.ch1{background:url(../images/asian/ico-asian-ch.jpg) 0 0 no-repeat}
.tv-join-box ul li a .logo.ch2{background:url(../images/asian/ico-asian-ch.jpg) -199px 0 no-repeat}
.tv-join-box ul li a .logo.sports{background:url(../images/asian/ico-asian-ch.jpg) -398px 0 no-repeat}
.tv-join-box ul li.on a .logo.ch1{background:url(../images/asian/ico-asian-ch.jpg) 0 -65px no-repeat}
.tv-join-box ul li.on a .logo.ch2{background:url(../images/asian/ico-asian-ch.jpg) -199px -65px no-repeat}
.tv-join-box ul li.on a .logo.sports{background:url(../images/asian/ico-asian-ch.jpg) -398px -65px no-repeat}
.tv-join-box ul li a span{display:table;height: 65px;width: 100%;text-align: center;}
.tv-join-box ul li a span em{display:table-cell;vertical-align: middle;font-size: 18px;color: #000;}
table.table-sched-box {border-top: 2px solid #343464;margin: 0 0 120px 0;}
table.table-sched-box .c01{width:7%}
table.table-sched-box .c02{width:23%}
table.table-sched-box .c03{width:70%}
table.table-sched-box tr th{font-family: "Noto Sans Bold";font-size: 16px;color:#000;border-bottom:1px solid #dddee0;height:57px;}
table.table-sched-box tr td{font-size: 16px;color:#000;text-align: center;border-bottom:1px solid #dddee0;height:63px;}
table.table-sched-box tr.on td{background: #20295c;color:#fff}
table.table-sched-box tr.on td.match{background:#20295c url(../images/asian/bg-tablech-selected.jpg) 100% 0 no-repeat}
table.table-sched-box tr td.match{text-align:left;font-size: 0;}
table.table-sched-box tr td.cate{text-align:left;padding:0 0 0 40px;}
table.table-sched-box tr td.cate img{vertical-align: middle;margin:0 8px 0 0}
table.table-sched-box tr td.match .name{font-size:16px;margin:0 16px 0 0}
table.table-sched-box tr td.match .icn-live{display:inline-block;width:42px;height:23px;line-height:23px;background:#c1180b;text-align:center;color:#fff;font-size:13px;vertical-align: middle;margin:0 8px 0 0}
table.table-sched-box tr td.match .icn-korea{display:inline-block;width:63px;height:23px;line-height:23px;background:#0049dd;text-align:center;color:#fff;font-size:13px;vertical-align: middle;}
table.table-sched-box .img-list-none0 td{border-bottom:0;padding: 100px 0 30px 0;}
table.table-sched-box .img-list-none0 .txt{margin: 20px 0 0 0;font-size: 27px;}
.table-box .table-calendar-box.type2{top:-48px}
.tabArea.type2:before{border-bottom: 2px solid #000;content: "";position: absolute;bottom: 0;left: 0;width: 100%;}
.vod-list .img-list-none0{text-align: center}
.vod-list .img-list-none0 p.txt{font-size:30px;margin: 25px 0 80px 0;}
.program-detail3.asian .comp09-list .comp09-list-box.on:before{content:"";position:absolute;top:0;left:35px;width:106px;height:106px;border:2px solid #0088cf;border-radius:76px;z-index:10;}
.program-detail3.asian .component-box.comp09 .detail-comp09-box{background:url(../images/asian/bg-cast-box1.jpg) 0 0 no-repeat;padding:20px 0}
.program-detail3.asian .detail-comp09-box .owl-carousel .owl-stage{margin:0 auto}
.program-detail3.asian .detail-comp09-box .comp09-list-box .txt .role{color:#fff;font-family:"Noto Sans Light";}
.asianPromotion div.owl-pagination{position:absolute;left:auto;right:50%;bottom:15px;margin:0 -560px 0 0;z-index:2;width:auto;}
.asianPromotion div.owl-page{display:block;float:left;width:6px;height:6px;margin:0 0 0 6px;border:2px solid #fff;border-radius:5px;background:transparent;opacity:1;}
.asianPromotion div.owl-page.active{opacity:1;background:#fff;}
.asianPromotion .swiper-slide .txt-box{position: absolute;top:112px;left:80px;max-width:520px;}
.asianPromotion .swiper-slide .txt-box span{display: block;color:#fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;    line-height: 1.4;}
.asianPromotion .swiper-slide .txt-box .tit{font-size: 30px;}
.asianPromotion .swiper-slide .txt-box .des{font-size: 46px;font-family: "Noto Sans Bold";    margin: 0px 0 25px 0;}
.asianPromotion .swiper-slide .txt-box .info{font-size: 24px;}

/* comp09 컴퍼넌트 */
.component-box.comp09{position:relative;}
.comp09-list.owl-carousel{overflow:hidden;position:relative;width:auto;padding:0 60px;}
.comp09-list-box{width:140px;padding:0 20px;}
.comp09-list-box .img-box{overflow:hidden;margin: 0 0 9px;height:140px;border-radius:100%;}
.comp09-list-box .img-thum{padding-top:100%;}
.comp09-list-box .txt .role{display:block;font-size:16px;line-height:20px;letter-spacing:-.5px;color:#000;font-family:"Noto Sans Bold";text-align:center;}
.comp09-list-box .txt .actor{display:block;font-size:12px;line-height:16px;color:#000;text-align:center;}
.comp09-list .arrow_prev{position:absolute;left:0;top:52px;width:24px;height:50px;background:url(../images/arrow/arrow-slide01.png) no-repeat 0 0;cursor:pointer;}
.comp09-list .arrow_next{position:absolute;right:0;top:52px;width:24px;height:50px;background:url(../images/arrow/arrow-slide01.png) no-repeat -50px 0;cursor:pointer;}
.comp09-list .arrow_prev.disabled,.comp09-list .arrow_next.disabled{background-position-y:-1px;}

/*detail03-character1*/
.program-detail3 .component-box.comp09{width:100%;background:#f6f6f6;}
.program-detail3 .component-box.comp09 .detail-comp09-box{width:1200px;margin:0 auto;padding:20px 0 30px;}
.program-detail3 .detail-comp09-box.type2 .arrow_box{display: none;}
.program-detail3 .comp09-list.owl-carousel .owl-item img{width:100%;}
.program-detail3 .comp09-list .comp09-list-box{position:relative;width:100px;padding:5px 40px;}
.program-detail3 .comp09-list .comp09-list-box.on:before{content:"";position:absolute;top:0;left:35px;width:106px;height:106px;border:2px solid #0088cf;border-radius:76px;z-index:10;}
.program-detail3 .comp09-list .comp09-list-box .img-box{height:100px;padding:0;}
.program-detail3 .comp09-list .arrow_prev{position:absolute;left:0;top:50%;margin-top:-33px;width:35px;height:65px;background:url(../images/asian/arrow-slide03n.png) no-repeat 0 -65px;cursor:pointer;}
.program-detail3 .comp09-list .arrow_next{position:absolute;right:0;top:50%;margin-top:-33px;width:35px;height:65px;background:url(../images/asian/arrow-slide03n.png) no-repeat -35px -65px;cursor:pointer;}
.program-detail3 .comp09-list .arrow_prev.disabled,.comp09-list .arrow_next.disabled{background-position-y:0;}
.detail-component.character{padding:0 0 80px;}
.detail-component.character .detail-character-box{width:866px;margin:0 auto;}
.detail-character-box .tit-a{display:none;}
.detail-character-box .actor-person{overflow:hidden;}
.detail-character-box .actor-person dt{float:left;width:364px;margin:0 30px 0 0;}
.detail-character-box .actor-person dd{float:left;margin:-10px 0 0;width:470px;}
.detail-character-box .actor-person dd .actor-person-role{font-size:48px; line-height:55px;letter-spacing:-1px;color:#000;vertical-align:bottom;}
.detail-character-box .actor-person dd .actor-person-nm{margin:0 0 0 15px;font-size:22px;line-height:26px;letter-spacing:-1px;color:#54585e;vertical-align:bottom;}
.detail-character-box .actor-person dd .actor-person-story p{margin:25px 0 0 0;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}
.detail-character-box .actor-person dd .actor-person-story p strong{font-family:'Noto Sans Bold';color:#0088cf;}

/*detail03-character2*/
.detail-component.character{padding:0 0 80px;}
.detail-component.character .detail-character-box{width:866px;margin:0 auto;}
.detail-character-box .tit-a{display:none;}
.detail-character-box .actor-person.type2{overflow:hidden;}
.detail-character-box .actor-person.type2 li{overflow:hidden;padding:30px 0;border-top:1px solid #dcdee0;}
.detail-character-box .actor-person.type2 li:first-child{padding:0  0 30px;border:none;}
.detail-character-box .actor-person.type2 dt{float:left;width:212px;margin:0 30px 0 0;}
.detail-character-box .actor-person.type2 dd{float:left;width:550px;margin-top:0;}
.detail-character-box .actor-person.type2 .actor-person-role{font-size:22px; line-height:26px;letter-spacing:-1px;color:#000;vertical-align:bottom;}
.detail-character-box .actor-person.type2 .actor-person-nm{margin:0 0 0 15px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#54585e;vertical-align:bottom;}
.detail-character-box .actor-person.type2 .actor-person-story p{margin:25px 0 0 0;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}
.detail-character-box .actor-person.type2 .actor-person-story p strong{display:block;font-family:'Noto Sans Bold';color:#0088cf;}
.detail-character-box .actor-person.type2 .actor-person-story p .story-more{display:inline;color:#0088cf;vertical-align:top;}
.actor-person-box .actor-person{display:none;}
.actor-person-box .actor-person.on{display:block;}


/* banner */
.bnr-rect-right{display: inline-block;width: 288px;padding:20px 0;margin-top: 24px;text-align: center;background-color :#f6f6f6;}

.wing-bnr-left img, .wing-bnr-right img, .component .bnr-rect-center img, .bnr-rect-right{vertical-align: top;}
.wing .bnr-wing-left.event{position: absolute;top: 191px;left: -151px;overflow: visible;}
.wing .bnr-wing-right{position: absolute;top: 60px;left: 1220px;overflow: visible;}
.wing-bnr-right{position: absolute;top: 60px;left: 1220px;overflow: visible;margin: 0 0 0 620px;left: 50%;}
.wing-bnr-left{position: absolute;top: 192px;right: 50%;margin: 0 620px 0 0;}
.wing-bnr-com-left{position: absolute;bottom: 437px;right: 50%;margin: 0 630px 0 0;}
.component .bnr-rect-center{background-color: #f6f6f6;text-align: center;padding: 10px 0;}
.player{position:relative;}
.sticky .wing-bnr-right{ position: fixed;top: 113px;}
.sticky .personal + #content .wing-bnr-right{position: fixed;top: 235px;}

/* :: asian game end :: */

/* outlink */
.tit-a.ico-youtube, .search-result .result-split-box2 .component-box .tit-a.ico-youtube{padding-left:43px}
.ico-youtube:before{content:"";position:absolute;top:6px;left:0;width:32px;height:22px;background-image:url(../images/ico/ico-youtube.png);background-repeat:no-repeat}
.search-result .result-split-box2 .component-box .tit-a.ico-youtube-s{padding-left:35px}
.ico-youtube-s:before{content:"";position:absolute;top:8px;left:0;width:27px;height:20px;background-image:url(../images/ico/ico-youtube-s.png);background-repeat:no-repeat}

.component-box .img-box.outlink:hover::before, .component-box .img-box.outlink-s:hover::before{content:"";position:absolute;top:0;left:0;z-index: 1;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
.component-box .img-box.outlink:hover::after{transform:scale(1);opacity:1}
.component-box .img-box.outlink::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/btn/btn-outlink-l.png);background-position:50%;background-repeat:no-repeat;z-index:1;opacity:0;transform:scale(0);transition:transform 0.4s cubic-bezier(.78,.16,.23,.92), opacity 0.15s}
.component-box .img-box.outlink-s:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/btn/btn-outlink-s.png);background-position:50%;background-repeat:no-repeat;z-index:1}