@charset "utf-8";
@import url('footer.css');

/*head*/
#header{position:fixed;display:table;top:0;left:0;width:100%;height:43px;background:#fff;z-index:10000;
transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, left 0s;
-webkit-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, left 0s;
-moz-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, left 0s;
-ms-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, left 0s;
}

/*asian game*/
.header-info .header-top .header-split.asian-game{background:url(../images/asian/bg-asian-header.jpg) 100% 39px no-repeat;}
.header-info .header-top .header-split.asian-game .txt-rank{display:block;font-size: 18px;font-family:"Noto Sans Bold";position: absolute;top: 78px;right: 246px;width: 45px;text-align: center;}
.header-info .header-top .header-split.asian-game .txt-rank em{}
.header-info .header-top .header-split.asian-game ul.txt-rank-status{position: absolute;right: 112px;top:84px;font-size: 0;}
.header-info .header-top .header-split.asian-game ul.txt-rank-status li{display:inline-block;margin: 0 4px 0 0px;width: 34px;text-align: center;}
.header-info .header-top .header-split.asian-game ul.txt-rank-status li span{font-family:"Noto Sans Bold";font-size: 14px;}
.header-info .header-top .header-split.asian-game .btn-go-asian{display: block;position: absolute;top: 35px;right: 330px;width: 341px;height: 85px;}
/* header */
#header{position:absolute;}
#header.personal .header-info,
#header-pg.personal .header-info{margin-top:123px;height:auto;}
.header-info{position:relative;height:100%;z-index: 400;}
.header-info .header-top{position:relative;width:100%;border-bottom:1px solid #dddee0;background:#fff;}
.header-info .header-top .header-split{position:relative;width:1200px;margin:0 auto;padding:45px 0 30px;}
.header-info .header-top .header-split .header-login{position:absolute;top:12px;right:12px;}
.header-info .header-top .header-split .header-login > li{float:left;margin:0 0 0 22px;}
.header-info .header-top .header-split .header-login > li > a{font-size:11px;line-height:20px;color:#34363b;}
.header-info .header-top .header-split .header-login > li .more .ico{display:inline-block;margin:-4px 0 0 0;width:12px;height:12px;background:url(../images/sp-kbs.png) no-repeat -281px -282px;}
.header-info .header-top .header-split .header-login > li:first-child > a{font-family: "Noto Sans Medium";color: #252E6B}
/* .header-info .header-top .header-split .header-login > li:nth-child(3){margin-left:54px;border-right:1px solid #dddee0} */
.header-info .header-top .header-split .header-login > li:nth-child(4){position:relative;padding-left:24px}
.header-info .header-top .header-split .header-login > li:nth-child(4)::after{content:"";position:absolute;top:6px;left:0;background-color:#dddee0;width:1px;height:12px}
.header-info h1{display:inline-block;vertical-align:top;font-size:0;line-height:0;}
.header-info h1 a{display:inline-block;width:146px;height:44px;vertical-align:top;background:url(../images/sp-kbs.png) no-repeat 0 -1px;}
.header-info .btn-search{position:absolute;right: 14px;top: -55px;font-size:0;padding:5px;}
.header-info .btn-search .ico{display:inline-block;width:20px;height:20px;vertical-align:top;background:url(../images/sp-kbs.png) no-repeat 0 -225px;}
.header-info .btn-mypage{position:absolute;right: 64px;top: -55px;font-size:0;padding:5px;}
.header-info .btn-mypage .ico{display:inline-block;width:20px;height:20px;vertical-align:top;background:url(../images/sp-kbs.png) no-repeat 0 -200px;}
.header-info .header-bottom{position:relative;width:100%;border-bottom:1px solid #e3e3e3;background:#fff;z-index:200;}
.header-info .header-bottom .cont{position:relative;width:1200px;height:56px;margin:0 auto;}
.header-info .header-bottom .header-menu{float:left;overflow:hidden;}
.header-info .header-bottom .header-menu > li{float:left;margin:0 30px 0 0;}
.header-info .header-bottom .header-menu > li > a:before{content:"";position:absolute;display:none;bottom:0;left:0;width:100%;height:2px;background:#000;}
.header-info .header-bottom .header-menu > li > a:hover:before{display:inline-block;}
.header-info .header-bottom .header-menu > li > .gnb-btn:hover:before{display:none;}
.header-info .header-bottom .header-menu > li.on>a:before{display:inline-block;}
.header-info .header-bottom .header-menu > li > a{position:relative;display:inline-block;height:56px;line-height:56px;font-size:16px;color:#000;font-weight:bold;}
.header-info .header-bottom .header-menu .gnb-logo{position:relative;display:none;padding:0 25px 0 0;}
.header-info .header-bottom .header-menu .gnb-logo .ico{display:inline-block;width:49px;height:56px;vertical-align:top;background:url(../images/sp-kbs.png) no-repeat -300px 16px;}
/*.header-info .header-bottom .header-menu .gnb-logo:after{content:'';display:block;width:1px;height:16px;background:#666;position:absolute;top:20px;right:0;}*/
.header-info .header-bottom .header-menu .gnb-logo .pname{font-size:18px;font-family:'Noto Sans Bold';letter-spacing:-.5px;margin:0 0 0 15px;}
.header-info .header-bottom .header-menu .gnb-logo .pname:before{height:0;}
.header-info .header-bottom .header-menu > li.upper a .ico{display:inline-block;width:12px;height:7px;vertical-align:middle;margin:0 0 0 6px;background:url(../images/arrow/arrow-header-menu.png) no-repeat 0 0;}
.header-info .header-bottom .header-menu > li.upper.on a .ico{background:url(../images/arrow/arrow-header-menu.png) no-repeat 0 -7px;}
.header-info .header-bottom .header-menu > li .gnb-btn{}
.header-info .header-bottom .header-menu > li .gnb-btn .ico{display:inline-block;width:12px;height:16px;vertical-align:middle;background:url(../images/ico/ico-group.png) no-repeat 0 -44px;}
.header-info .header-bottom .header-submenu{float:right;overflow:hidden;padding:0 108px 0 0;}
.header-info .header-bottom .header-submenu li{float:left;margin:0 0 0 36px;}
.header-info .header-bottom .header-submenu li a{position:relative;display:inline-block;height:56px;line-height:56px;font-size:16px;color:#000;}
.header-info .header-bottom .header-submenu li a:before{content:"";position:absolute;display:none;bottom:0;left:0;width:100%;height:2px;background:#000;}
.header-info .header-bottom .header-submenu li a:hover:before{display:inline-block;}
.header-info .header-bottom .header-submenu li.on a:before{display:inline-block;}
.header-info .header-menu-cont{display:none;position:absolute;width:100%;top:-500px;padding:45px 0 45px 0;background:#f6f6f6;z-index:150;}
.header-info .header-menu-cont .cont-box{position:relative;width:1200px;margin:0 auto;}
.header-info .header-menu-cont .cont{display:none;}
.header-info .header-menu-cont .cont.on{display:block;}
.header-info .header-menu-cont ul{overflow:hidden;}
.header-info .header-menu-cont ul li{float:left;margin:0 0 0 30px;}
.header-info .header-menu-cont ul li:first-child{margin:0;}
.header-info .header-menu-cont ul li a{display:inline-block;font-size:20px;line-height:20px;letter-spacing:-1px;color:#000;}
.header-info .header-menu-cont .catagory li:first-child{margin:0;}
.header-info .header-menu-cont .program{margin:20px 0 0 0;}
.header-info .header-menu-cont .program li{margin:0 0 0 16px;}
.header-info .header-menu-cont .program li a .img-area{display:inline-block;position:relative;line-height:0;}
.header-info .header-menu-cont .program li a .img-area img{display:inline-block;width:186px;height:248px;}
.header-info .header-menu-cont .program li a .txt-area{display:block;margin:13px 0 0 0;}
.header-info .header-menu-cont .program li a .txt-area .tit{font-size:16px;}
.header-info .header-menu-cont .close{position:absolute;right:5px;top:-20px;}
.header-info .header-menu-cont .close .ico{display:inline-block;width:22px;height:22px;background:url(../images/btn/btn-close-menu.png) no-repeat 0 0;}

.personal-area{display:none;position:fixed;left:0;right:0;top:0;background:#34373c;z-index:300;}
#header.personal .personal-area{display:block;}
#header-pg.personal .personal-area{display:block;}
#header-pg.personal .personal-area{display:block;}
#container.fix #header-pg.personal .header-info-pg .bg-bottom-fix{top:179px;}
.personal-box{position:relative;width:1200px;margin:0 auto;}
.personal-box ul{padding:36px 0;}
.personal-box li{position:relative;float:left;padding:0 28px 0 0;min-width:346px;box-sizing:border-box;}
.personal-box .txt-group{float:left;margin:0 0 0 10px;}
.personal-box .tit{display:block;font-family:"Noto Sans Bold";font-size:12px;color:#f89535;}
.personal-box .img-box{float:left;width:90px;}
.personal-box .txt{display:block;font-size:20px;line-height:30px;color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:308px;}
.personal-box .img-box .ico{display:block;position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background:url(../images/sp-kbs.png) no-repeat -250px -450px;}
.personal-box .play .img-box .ico{display:none;}
.personal-box .play-bar{display:none;position:absolute;left:0;bottom:0;width:70%;height:4px;background:#0088cf;}
.personal-box .play .play-bar{display:block;}
.personal-box .img-thum{padding-top:56%;}
.personal-box p{position:absolute;right:40px;top:50%;margin-top:-15px;}
.personal-box p .txt{position:relative;display:inline-block;margin:0 20px 0 0;font-size:14px;color:#fff;padding:0 0 0 12px;}
.personal-box p .txt:after{content:'';display:block;position:absolute;top:5px;left:0;width:8px;height:8px;background:url(../images/sp-kbs.png) -50px -450px no-repeat;}
.personal-box p .btn{display:inline-block;width:29px;height:29px;vertical-align:middle;text-indent:-1000em;overflow:hidden;background:url(../images/sp-kbs.png) 0 -450pxv no-repeat;}
.personal-box p .count{display:inline-block;width:48px;height:48px;text-align:center;background:#25272a;border-radius:24px;font-size:24px;line-height:48px;color:#fff;font-weight:700;}
.personal-box .close{display:block;position:absolute;width:16px;height:16px;background:url(../images/sp-kbs.png) no-repeat -246px -300px;right:12px;top:20px;padding:0 0 4px 4px;}
.personal-box .off .txt{font-size:16px;line-height:30px;letter-spacing:-0.03em;color:#85878a;}
.personal-box .off .img-box .ico{display:none;}
.region-area{display:none;position:absolute;right:40px;top:30px;margin:0;width:310px;height:250px;box-sizing:border-box;padding:15px 25px;background:#fff;border:1px solid #dcdee1;z-index:250;}
.region-area dl{margin:20px 0 10px 0;}
.region-area dt{padding:10px 0;font-size:18px;font-family:"Noto Sans Bold";color:#34373c;border-bottom:2px solid #343464;}
.region-area dt .sort{float:right;font-size:12px;line-height:35px;vertical-align:bottom;}
.region-area dd{margin:15px 0 0 0;}
.region-area ul{overflow:hidden;margin:-5px -15px;}
.region-area li{float:left;margin:5px 15px;}
.region-area li.general{font-family:"Noto Sans Bold"}
.region-area li a{float:left;font-size:14px;color:#000;}
.region-area .close{display:block;position:absolute;width:18px;height:18px;background:url(../images/sp-kbs.png) no-repeat -225px -300px;right:10px;top:10px;opacity:.5;}

.header-info-pg{position:relative;height:100%;}
.header-info-pg .header-top{position:absolute;top:0;left:0;width:100%;z-index:1;}
.header-info-pg .header-top .header-split{position:relative;width:1200px;margin:0 auto;padding:37px 0;}
.header-info-pg .header-top .gnb-btn{}
.header-info-pg .header-top .gnb-btn .ico{display:inline-block;width:17px;height:22px;vertical-align:middle;background-image:url(../images/ico/ico-group-header.png);background-repeat:no-repeat;background-position:-3px -44px;}
.header-info-pg .btn-onair{display:none;position:absolute;right:120px;top:0;padding:0 12px 0 0;font-size:0;width:60px;height:56px;background:url(../images/btn/btn-onair.png) no-repeat 0 21px;}
.header-info-pg .btn-onair .ico-dot{position:absolute;top:20px;right:0;width:8px;height:8px;background:url(../images/sp-kbs.png) no-repeat -100px -300px;}
.header-info-pg h1{display:inline-block;position:absolute;left:47px;font-size:0;line-height:0;}
.header-info-pg h1 a{display:inline-block;width:79px;height:24px;vertical-align:top;background:url(../images/common/logo_off.png) no-repeat center center;}
.header-info-pg .btn-search{position:absolute;right:0;top:39px;font-size:0;}
.header-info-pg .btn-search .ico{display:inline-block;width:22px;height:22px;vertical-align:top;background-image:url(../images/ico/ico-group-header.png);background-repeat:no-repeat;background-position:0 -22px;}
.header-info-pg .btn-mypage{position:absolute;right:63px;top:39px;font-size:0;}
.header-info-pg .btn-mypage .ico{display:inline-block;width:22px;height:22px;vertical-align:top;background-image:url(../images/ico/ico-group-header.png);background-repeat:no-repeat;background-position:0 0;}
.header-info-pg .header-bottom{position:relative;/*min-height:228px;*/background:#fff;}
.header-info-pg .header-bottom .bottom-info{position:absolute;top:0;left:0;width:100%;/*min-height:97px;*/padding:37px 0 30px;background:#fff;z-index:100;}
.header-info-pg .header-bottom .bottom-info:after{content:"";clear:both;display:block;width:0;height:0;}
.header-info-pg .header-bottom .bg-bottom{display:none !important;position:absolute;bottom:-33px;left:0;content:'';width:100%;height:33px;background:url(../images/common/bg-header-shadow.png) repeat-x 0 0;}
.header-info-pg .header-bottom .bottom-box{position:relative;height:100%;width:1200px;margin:0 auto;}
.header-info-pg .bg-bottom-fix{display:none;}
.header-info-pg .header-bottom .tit{float:left;}
.header-info-pg .header-bottom .tit .dday{display:none;margin:0 0 10px;font-size:18px;line-height:20px;color:#000;letter-spacing:-1px;font-family: 'Noto Sans Bold';}
.header-info-pg .header-bottom .tit .pgname{display:block;width:400px;font-size:48px;line-height:56px;color:#000;font-family: 'Noto Sans Bold';}
.header-info-pg .header-bottom .txt{display:block;margin:20px 0 0;font-size:22px;line-height:24px;color:#000;vertical-align:top;}
.header-info-pg .header-bottom .channel{display:none;font-family: 'Noto Sans Bold';}
.header-info-pg .header-bottom .week{display:inline-block;font-family: 'Noto Sans Regular';}
.header-info-pg .header-bottom .btn-share{display:none;margin:3px 0 0 17px;font-size:0;line-height:0;}
.header-info-pg .header-bottom .btn-share .ico{display:inline-block;width:17px;height:21px;background:url(../images/btn/btn-share.png) no-repeat 0 0;}
.header-info-pg .header-bottom .btn-subscription{display:none;font-size:18px;font-family:'Noto Sans Bold';color:#34373c;}
.header-info-pg .header-bottom .bar{display:none;margin:0 20px;width:1px;height:18px;background:#b6b7b9;}
.header-info-pg .header-bottom .header-menu-pg{float:right;}
.header-info-pg .header-bottom .header-menu-pg>li{position:relative;float:left;margin:0 35px 0 0;}
.header-info-pg .header-bottom .header-menu-pg li:last-of-type{margin:0;}
.header-info-pg .header-bottom .header-menu-pg li a{display:inline-block;line-height:20px;letter-spacing:-.04em;font-size:18px;color:#000;font-weight:bold;}
.header-info-pg .header-bottom .header-menu-pg li a .ico{display:inline-block;width:12px;height:9px;margin:0 0 0 10px;background:url(../images/arrow/arrow-subin.png) no-repeat center center;}
.header-info-pg .header-bottom .header-menu-pg>li .menu-sub{position:absolute;top:35px;left:0;width:200%;z-index:3;}
.header-info-pg .header-bottom .header-menu-pg>li.on .menu-sub{display:block;}
.header-info-pg .header-bottom .header-menu-pg>li .menu-sub li{display:none;display:none;line-height:0;}
.header-info-pg .header-bottom .header-menu-pg>li .menu-sub li a{height:auto;font-size:16px;line-height:18px;padding:10px 0;font-family: 'Noto Sans Light';}
.header-info-pg .header-bottom .header-menu-pg>li .menu-sub li a:hover{font-family: 'Noto Sans Bold';}
.header-info-pg .header-bottom .header-menu-pg>li .menu-sub li.sub-on a{color:#b6b7b9;}
.header-info-pg .header-bottom .header-menu-pg>li .menu-sub li.sub-on a:hover{font-family: 'Noto Sans Light';}
.header-info-pg .header-banner{position:relative;visibility:visible;width:100%;height:615px;overflow:hidden;line-height:0;}
.header-info-pg .header-banner .item img{position:relative;top:0;display:inline-block;min-width:1920px;width:100%;}
.header-info-pg .header-banner .bd-box{position:absolute;width:100%;height:40px;bottom:0;left:0;background:url(../images/common/bg-header.png) no-repeat center center;z-index:1;}
.header-info-pg .header-banner .banner-info{position:absolute;width:1200px;left:50%;bottom:28px;margin:0 0 0 -600px;text-align:right;z-index:1;}
.header-info-pg .header-banner .arrow_box{position:absolute;width:1200px;left:50%;bottom:25px;margin:0 0 0 -600px;z-index:2;}
.header-info-pg .header-banner .arrow_box .arrow_prev{position:absolute;top:-310px;left:0;width:32px;height:62px;font-size:0;line-height:0;cursor:pointer;background:url(../images/ico/ico-header-banner.png) no-repeat 0 0;}
.header-info-pg .header-banner .arrow_box .arrow_next{position:absolute;top:-310px;right:0;width:32px;height:62px;font-size:0;line-height:0;cursor:pointer;background:url(../images/ico/ico-header-banner.png) no-repeat -68px 0;}
.header-info-pg .header-banner .owl-pagination{right:16px;z-index:2;}
.header-info-pg .header-banner .owl-page{width:6px;height:6px;margin:0 6px 0 0;border:2px solid #fff;border-radius:5px;background:transparent;}
.header-info-pg .header-banner .owl-page:last-of-type{margin:0;}
.header-info-pg .header-banner .owl-page.active{opacity:1;background:#fff;}
.header-info-pg .header-banner .txt-time{display:none;position:absolute;bottom:-16px;left:16px;}
.header-info-pg .header-banner .txt-time .tit{display:inline-block;font-size:24px;line-height:26px;color:#fff;font-family: 'Noto Sans Light';}
.header-info-pg .header-banner .txt-time .timer{display:inline-block;margin:0 0 0 16px;font-size:30px;line-height:32px;color:#fff;font-family: 'Noto Sans DemiLight';}
.header-info-pg .header-banner .box-onair{display:none;position:absolute;left:16px;bottom:-16px;width:400px;height:225px;}
.header-info-pg .header-banner .box-onair a{position:relative;display:block;}
.header-info-pg .header-banner .box-onair .ico{position:absolute;display:inline-block;top:18px;left:20px;width:58px;height:13px;font-size:0;line-height:0;background:url(../images/ico/ico-banner-onair.png) no-repeat center center;z-index:1;}
.header-info-pg .header-banner .box-onair .tit{position:absolute;display:inline-block;bottom:30px;left:20px;font-size:22px;line-height:24px;color:#fff;text-align:left;}
.header-info-pg .header-banner .box-onair .turn{font-family: 'Noto Sans Bold';}
.header-info-pg .header-banner .box-onair .name{display:inline-block;width:310px;height:24px;overflow:hidden;}
.header-info-pg .header-banner .box-onair .progress{position:absolute;bottom:0;left:0;display:block;width:100%;height:12px;text-align:left;}
.header-info-pg .header-banner .box-onair .progress .bar{display:inline-block;height:12px;width:30%;background:#0088cf;}
.header-info-pg .header-banner .box-onair a img{min-width:0;}
.header-info-pg .header-banner .auto-btn.off{background-position:0 -10px;}
.header-info-pg .header-banner .adv-banner{position:absolute;}
.header-info-pg .header-banner .adv-banner img{width:auto;min-width:0;}
.header-info-pg .header-banner.type1 .adv-banner{left:16px;bottom:-12px;}
.header-info-pg .header-banner.type1 .arrow_box{bottom:25px;}
.header-info-pg .header-banner.type2 .adv-banner{right:16px;bottom:-12px;}
.header-info-pg .header-banner.type2 .txt-time{display:block;}
.header-info-pg .header-banner.type2 .owl-pagination{bottom:110px;}
.header-info-pg .header-banner.type3 .box-onair{display:block;}

.home-top-content{margin:10px auto;width:1200px;}
.home-top-content .top-content-preview a{display:table;box-sizing:border-box;width:100%;border:1px solid #dcdee0;}
.home-top-content .top-content-preview .preview-txt{display:table-cell;padding:0 30px}
.home-top-content .top-content-preview .preview-tit{display:block;box-sizing:border-box;font-size:22px;line-height:26px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";margin:0 0 13px 0}
.home-top-content .top-content-preview .preview-tit .date{position:relative;display:inline-block;margin:0 0 0 27px;font-size:22px;line-height:26px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";vertical-align:top;overflow:visible}
.home-top-content .top-content-preview .preview-tit .date:after{position:absolute;content:'';width:2px;height:20px;background:#b4b4b4;top:4px;left:-15px}
.home-top-content .top-content-preview .preview-des{max-height:40px;overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000}
.home-top-content .top-content-preview .preview-img{display:table-cell;width:228px}
.home-top-content .top-content-preview .img-thum{padding-top:56.14%;}

.slide3-box .arrow_box{position:absolute;right:0;top:15px}
.slide3-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}
.slide3-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}
.slide3-box .arrow_prev.disabled,
.slide3-box .arrow_next.disabled{opacity:0.5;cursor:default}

/*섹션 홈 헤더*/
.section-main .page-title{margin:33px auto 0;}
.section-main .section .component:first-of-type{padding:33px 0 20px;}
.header-section{display:block;position:relative;border-bottom:1px solid #dddee0;}
.header-section-info{position:relative;width:1200px;margin:0 auto;padding:23px 0;}
.header-section-info h3{font-size:32px;line-height:34px;color:#000;font-family:"Noto Sans Bold";}
.header-section .btn-section-fn{position:absolute;top:50%;right:0;margin:-20px 0 0;padding:0 10px;font-size:16px;line-height:40px;color:#fff;background:#f89535;}
.header-section .header-menu-sub{position:relative;width:100%;}
.header-section .header-menu-sub .cont{width:1200px;margin:0 auto;}
.header-section .header-menu-sub .cont ul{overflow:hidden;}
.header-section .header-menu-sub .cont ul li{float:left;margin:0 0 0 30px;}
.header-section .header-menu-sub .cont ul li a{display:inline-block;font-size:18px;line-height:20px;letter-spacing:-1px;color:#54585e;padding:12px 0;}
.header-section .header-menu-sub .cont ul li a.on{border-bottom:4px solid #000;color:#000;}
.header-section .header-menu-sub .cont ul li:first-child{margin:0;}

#header.type3 .header-info .header-bottom .header-menu{overflow:inherit;float:right;margin:0 100px 0 0;}
#header.type3 .header-info .header-bottom .header-menu>li:first-of-type{position:absolute !important;top:0;left:0;}
#header.type3 .header-info .header-bottom .header-menu>li{position:relative;}
#header.type3 .header-info .header-bottom .header-menu .gnb-logo{position:absolute;top:0;left:45px;margin:0;background:none;}
#header.type3 .header-info .header-bottom .header-menu .gnb-logo a:hover:before{display:none;}
#header.type3 .header-info .header-bottom .header-menu .gnb-tit a:hover:before{display:none;}
#header.type3 .header-info .header-bottom .gnb-tit{position:absolute !important;top:0;left:105px;margin:0;}
#header.type3 .header-info .header-bottom .gnb-tit a{font-size:20px;line-height:56px;color:#000;font-family: 'Noto Sans Bold';vertical-align:top;}
#header.type3 .header-info .btn-onair.on{display:none;}
#header.type3 .header-info .header-bottom:before{display:none;}
#header.type3 .menu-sub{position:absolute;top:74px;left:0;width:240%;z-index:3;}
#header.type3 .menu-sub li{display:none;position:relative;float:none;margin:0;}
#header.type3 .menu-sub li a{height:auto;font-size:16px;line-height:18px;padding:10px 0;font-family: 'Noto Sans Regular';}
#header.type3 .menu-sub li a:hover{font-family: 'Noto Sans Bold';}
#header.type3 .menu-sub li.now-page a{color:#b6b7b9;}
#header.type3 .header-info .bg-bottom-fix{display:block;position:fixed;top:57px;left:0;width:100%;background:#fff;}
#header.type3 .header-info .bg-bottom-fix:before{display:none;}
#header.type3 .header-info .bg-bottom-fix.drop{padding:12px 0px 24px;}
#header.type3 .header-info .bg-bottom-fix.drop:before{display:block;position:absolute;bottom:-33px;left:0;content:'';width:100%;height:33px;background:url(../images/common/bg-header-shadow.png) repeat-x 0 0;}

/*버티칼 헤더*/
.vertical-spe #content{padding-top:57px;}
.vertical-spe #header.personal+#content{padding-top:177px;}
.vertical-spe .header-bottom .header-menu > li:nth-last-child(-n+6){display:none;}
.vertical-spe .header-info .header-bottom .header-menu .gnb-logo{background:none;}
.vertical-spe .header-info .btn-onair{display:none;}
.header-vertical-title{position:absolute;top:0;left:50%;margin:0 0 0 -500px;display:block;height:56px;font-size:20px;letter-spacing:-.04em;line-height:56px;font-family:"Noto Sans Bold";z-index:201;}
.header-vertical-title span{display:block;font-family:"Noto Sans Bold";}
.header-vertical-title-box{display: block;}

/* 프로그램용 헤더 */
#header-pg{position:relative;width:100%;/*height:843px;*/margin:0 auto;}
#container.fix #header-pg .sticky-box{position:fixed;top:0;left:0;right:0;background:#fff;z-index:10;}
#container.fix #header-pg .header-info-pg .bg-bottom-fix:before{display:none;}
#container.fix #header-pg .header-info-pg .bg-bottom-fix.drop:before{display:inline-block;position:absolute;bottom:-33px;left:0;content:'';width:100%;height:33px;background:url(../images/common/bg-header-shadow.png) repeat-x 0 0;}
#container.fix #header-pg .header-banner{visibility:hidden;height:0;}
#container.fix #header-pg .header-top .gnb-btn .ico{position:absolute;margin:0;top:17px;left:0;background-position:-25px -44px;}
#container.fix #header-pg .header-bottom .tit{margin:0 30px 0 100px;}
#container.fix #header-pg .header-bottom .tit .dday{display:none;}
#container.fix #header-pg .header-bottom .tit .pgname{font-size:20px;line-height:56px;width:auto;}
#container.fix #header-pg .header-bottom .tit .pgname br{display:none;}
#container.fix #header-pg .header-bottom .tit .pgname a{vertical-align:top;}
#container.fix #header-pg h1{position:absolute;margin:0;top:19px;left:40px;}
#container.fix #header-pg h1 a{width:49px;height:19px;background:url(../images/common/logo-txttype2.png) 0 -19px no-repeat;}
#container.fix #header-pg .header-bottom .txt{display:none;}
#container.fix #header-pg .header-bottom .header-menu-pg>li>a{height:56px;line-height:56px;font-size:16px;}
#container.fix #header-pg .header-bottom .header-menu-pg>li>a:before{content:"";position:absolute;display:none;bottom:-1px;left:0;width:100%;height:2px;background:#000;}
#container.fix #header-pg .header-bottom .header-menu-pg>li>a:hover:before{display:inline-block;}
#container.fix #header-pg .header-top .header-split{padding:0;}
#container.fix #header-pg .header-bottom{min-height:0;}
#container.fix #header-pg .header-bottom .bottom-info:before{display:none;}
#container.fix #header-pg .header-bottom .header-menu-pg{float:left;}
#container.fix #header-pg .header-bottom .header-menu-pg>li{margin:0 30px 0 0}
#container.fix #header-pg .header-bottom .header-menu-pg li:last-of-type{margin:0;}
#container.fix #header-pg .btn-search{top:18px;}
#container.fix #header-pg .btn-search .ico{background-position:-22px -22px;}
#container.fix #header-pg .btn-mypage{top:17px;right:55px;}
#container.fix #header-pg .btn-mypage .ico{background-position:-22px 0;}
#container.fix #header-pg .header-top .btn-onair{display:inline-block;}
#container.fix #header-pg .header-info-pg .header-top{z-index:101;}
#container.fix #header-pg .header-info-pg .bg-bottom-fix{position:fixed;display:none;top:57px;left:0;width:100%;background:#fff;z-index:10;}
#container.fix #header-pg .header-info-pg .bg-bottom-fix.on{display:block;}
#container.fix #header-pg .header-info-pg .header-bottom .header-menu-pg>li .menu-sub{top:74px;}
#container.fix #header-pg .header-info-pg .header-bottom .bottom-info{padding:0 !important;min-height:0;height:auto !important;border-bottom:1px solid #dddee0;}
#container.fix #header-pg .header-info-pg .header-top .btn-onair{display:none;}
#container.fix #header-pg .header-info-pg .header-bottom .bottom-info .header-menu-pg{float:right;margin:0 125px 0 0;}

/*메인 광고팝업*/
.event-popup{display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10001;}
.event-popup-con{position:fixed;left:50%;top:50%;margin:-305px 0 0 -240px;width:480px;z-index:204;background:#fff;}
.pos-abs .event-popup-con{position:absolute;}
.event-popup-con h2{padding:15px 25px;font-family:"Noto Sans Bold";font-size:18px;color:#fff;background:#343464;}
.event-popup-con .chk-close{position:relative;padding:15px 15px;}
.event-popup-con p img{display:block;width:100%;}
.event-popup-con .close{display:block;position:absolute;width:16px;height:16px;background:url(../images/btn/btn-close-gnb.png) no-repeat center center;right:20px;top:20px;background-size:16px;}
.event-popup-con label span{font-size:16px;}
.event-blind{display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:203;background:rgba(0,0,0,.7);}

/*재난 배너*/
.disaster-popup{display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10001;}
.disaster-popup-con{position:fixed;left:50%;top:50%;width:1200px;margin:0 0 0 -600px;z-index:204;background:#fff;}
.pos-abs .disaster-popup-con{position:absolute;}
.disaster-popup-con .chk-close{position:relative;padding:10px 10px;}
.disaster-popup-con img{display:block;width:100%;}
.disaster-popup-con p{}
.disaster-popup-con .close{display:block;position:absolute;right:20px;top:10px;font-family:"Noto Sans Bold";font-size:14px;color:#000;}
.disaster-blind{display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:203;background:rgba(0,0,0,.7);}

.breaking-news-popup{position:absolute;top:0;left:0;width:100%;margin:0 auto;z-index:150;background:#e44850;}
.breaking-news-popup-con{position:relative;width:1200px;color:#fff;height:40px;line-height:39px;font-size:16px;margin:0 auto;}
.breaking-news-popup-con .type{display:block;float:left;width:106px;height:40px;text-indent:-1000em;background:url(../images/common/logo-pc-disaster.png) 50% 50% no-repeat;}
.breaking-news-popup-con .des{display:block;float:left;margin:0 0 0 50px;font-weight:300;letter-spacing:-.06em;font-family:'Noto Sans Light';white-space: nowrap;word-break: break-all;text-overflow: ellipsis;overflow: hidden;width: 980px;}
.breaking-news-popup-con .close{display:block;position:absolute;width:14px;height:14px;background:url(../images/btn/btn-close-news.png) no-repeat center center;right:0;top:0;bottom:0;margin:auto 0;}

/* 검색 팝업 */
.gnb-search {display: none;position: fixed;left: 50%;top: 50%;margin: -350px 0 0 -510px;padding: 70px 60px 65px 60px;width: 900px;height: 580px;background: #fff;z-index: 203}
.search-blind{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 202;background: rgba(0,0,0,.7)}
.gnb-search .close {display: block;position: absolute;width: 18px;height: 18px;background: url(../images/btn/btn-close-gnb.png) no-repeat center center;right: 20px;top: 20px;}
.gnb-search input{padding:0;font-family: "Noto Sans Bold"; font-size:42px; color:#333}
.gnb-search input.placeholder{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYAAAAAoCAYAAAD3/y2IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwMDEyMEY0NzYwMDExRTlCQ0IwRjQ4QTgxQ0VBN0IzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwMDEyMEY1NzYwMDExRTlCQ0IwRjQ4QTgxQ0VBN0IzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjAwMTIwRjI3NjAwMTFFOUJDQjBGNDhBODFDRUE3QjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjAwMTIwRjM3NjAwMTFFOUJDQjBGNDhBODFDRUE3QjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oIYpPAAALl0lEQVR42uxdi5GjOBDVbDkBUuBCYEPAIeAQ7BCGEEwIJoQhBDuEJQVSIIQ7NNfMaJlu/ZDET101tVv+yq1Wv/7rjQWitm3T4Z90+niWZS+2IBHr6od1tQuuKeGswZ4a1tWzSLuhUf6WPgcmcrjGtUayo1PA7yqGvzvy+JtnIb4O/ySIIn1J1sWfOy+4L/zQPZHHz7A209/rhbVbUwQDb94xGRx+x9uCy/qUv2FtwdekYfxQcvjGDkbAqwKRnQqezzFeLSxbqwKAJQ9YPnmsVCnSnf1eHxSEh4IVmm0dgDzz6Yns+2vg0dnQKJtt/IAyDEkhPPaUMGCrXXgAhACZkkrgmAPBWi3KwvqyCT9aFsmWl1fM6hJew/+p+Z8PPjs6E+cDAtUz8Pct7bH7PAcFgE8Onv3UEOqEvxZ0Thc9gHAbxDflHZRVgjzfgYKqIre0+fmQKf4Jcb5fh/dVA4/LyMFIGjKWMTwUeF7J+lLQKQVTh3N/hPHa/y0jrnPq0ADwOqAgfTAkuT11HQHJzwGSuCVznwN4BhT8P5brfwev4RwT5ZEUlLAwYVIb4+cORs0c4nrpATmvcjgPTfQA/Cj/p4Gy+nz98D6vCspTKCSU8H/MBK/RsrutUF6ocFZqyKNMotR+PCaJx8fQ5PaMSVPin/Uh845FAGgMLPgx7HFIoRLCFKbKKoP3XTyu7S5REmumK7FuDpY8fPaVT4HDUhAyyMNBjaO4u8mZSBWWmwurMzP0xmSv9xnuMPnspwSgdEN6/cb1icqY7EEOOU+6ye/N4H2FBDy4d5wMZ+JGAoBOvEhYcEFYn0cJAV0lSraGTcqJA19w/sncMgdKIt8gTymD4jJNagEQ8FBnQxycK3MQjjQ8E7kD130XpKsHQPHJAPUofS+UMdlDCEcmhyOvSwih3glPkxtGr6ne+WW54FyyEK+yZSFIPqx/Sln95ijLE76QULoYKLsju785cQBKWUUDAAGWXC8iVzcL+qLHdD2A7FPGJJftf0yMEH5Whj+uc6gQ6J30AAwWTLm6DTz/r0d+pRJgMAk/XYXYqGnMjcrM36bxd462w/eUCOMzDloBS0R75j4859Iyww5Ap2lJNphgB+avLr9ehEyn7GAkyYlMQxd7L6W+ErJysfV+OGgIlUR/ydo0+mCTBL4TC24CMCuXPF4bfM6cQ4etoaGElHsDkI1PECAJJdjtWkrcDKjTFPaOSFLProQyzKckqkOJySjVnUwtibmL3bdsoVwRGF93TZ7yJOZljyAgSerXJrX8BFWEh5WJuvpkuGAKtSvfsToQGkpp87h66oBpuh7AlFSWaoMgfcg4feKpO9NnjDYxOES+aFX5FOD1y+GZWkLpyQAPU1r8zD8BBPaWY6QA2EX+qufeEyK/f33nyWDjuAJ7EJZaHYBZ7xrP3zwLbyZR8DJ6IQCQBRY0H7X8Z+ZGIWGaKNME9aMXJIzG0TgCJBXOZQveabOSNb5LALUEbxkD3QRAoAZjc66hl1Ln+2id+yfNzaOU/7hxohVYSkIn+QzhUb0XzXJLwgudIAy64aBEYpnJqJfwtTOwDHarw4jHuaV4UVj/myhHRsaEzPYEFV3To1wXYAneAnnI4vrGAWqFQqbFTvkLGCvY68eu72YmsCWqxz3nMkU9pA1QjjyMXhsANNryq+kmUCMPwN3MZwi5DvHut04DxWthip9JDDazcde4NUq42w8WaXRXa8RLKmAeTzW16KEU+U4cFp8eqUl9ughGmYGc6Z6Lp6axwM/dH2hC9AaOgsJPGT7AjzqLt4ksnBW/rQDZGM9fC4qt1gxJpp4Vr67c8/xVz/D8YD1zL6jKulYLAMA6vUvQsvY9e0UQcmxjsOqa0VW8rcHtXYhMmpd8WTA2VDK8wurT+4ODIipTSi5bk9I5C+pXEl4ybfhLwEBSdaKL+SJTT7Q3ADmyxl0AgXemDv2O0YGXwbytbA0AIJzXH/lBbpjazg9TGM0NCQDwxrHDMtVFbU/Kf+yaxTarEeKFBSLoH+AmHm44mGfl59sLGN1/SoHlGkrlsvc9ljSdifm4K3KGM3i8UijH54w9rJm6fl8ZyweQKiF89a6x940m72TjNJZI+FcEvz7viDAFAaHCKiX0dvcDAMCdzpne9LnS52RL2KArbDrZHQf/v8FmpoSbmDu2UtemCJyGFRwo8fPM97/A8ntYWGNo1/BC+5IIXooPq7LQMMq4gfRAlIsKAHwptBGcGpM9Am/rBbJ+JXRUZ2D4yJS8WHhQIt7B1cOZ6YheoREErsA3sh9CMNwzyRp7zCA+Gcw875hispwjUrl9X92hE6sRbc5i/rsJE02FQIU9WsIK062T3uLYBxUI/FYYAT8US8Bx2xmcGWzPqLWO92RUiGyY5KAoAEAPNwcEpHw69VntAgqtBrls2feM+nbm57Zwnm9CQn3812Tvcw3eVlN58jnqA6IZFMB8XUQDOY8x36Ejd6J8oKG/E7hOKqZULECtv/Bd1GCjaor0XDDAapxO0mugE9flplHKWrnHklBajygFdmQCnlRgxYoXYogC/alcFojH24CuMy8AFEWCAEwvCbfcEXlsPe7fzbN8fHoFpp6MYCnLyLeHRPIM5vjfFQrdNC8jrQA7QdswFfN3VXdrdPh5Epf9jEOSoScAgd+C99AxPz0BHRWKUVg4mUTRRZLLQyMYBnPJaSPVEgBAfFZraLQkiteXhp7oVkjnvuzU87BGmazXwp0Arj5TGpY9CYfrIbrUTL+kysR6LjUXzcMAlajMVZaekDTia098KFdJ2VauOIRW5aOaPN3lVXi+DhgL07T4w3CAcbxbAPyvKicTT5QIiy1BLVadKOkZwbqP79BTtHsD7TRBnsaXtS+4bbqvL6Gmvzb8Ht/eCla2VVAWqlAb7RwAXI8GWBsRs3ha2/JjapSJxEoyCZNMY7Mt83NZeW/oYYQqbVx7LgrLJ3XsO2mdTHi2SChIQmdGFxW0INfG4W7xPoBp0iOI+ydzURyVNJbExss8Exnyo2MdJHW7dwmQuFaYIV32NsAdvK5n8RjF7wPdMWwE4hDuNFG+xUxg24MhQV0eVEHIGTPquBfQr6WsWhUBsR2Jf3J1WFbs9reOPZMGLnqfIvG7WLcrxPKokj0fnsruqoL2TpZhqWYiVylmgIDHk1MhnoMo/7GfCANeMb+EWc8PONP1Xvlz2thmhoozqqxb/twHonzvwnwfWXlWxSJtUZlQ4TwfwFApvNACsVhTQalRIQFfyU1bUKFmcdl+Xjux/Knbtr6qGhW1+A/g6y5Bc2uXwq/CugUvoGHyIVwkeKyhWWnDlAca1EUpq1AhtkrmNRA3SV2ZPA7c+zI+bJsAqT6IuU2Fiv6KFgHYmtFD63abDLYBgPHOWxvlvafwxI19D73S5p3PhiVw7d88eV4xtLQu4g2Qf5jZxTe3AxkfveTxG3J2xPJzkacvaNTapfzbAEBjE0O0nQa6VhIGVj00wwJlwG7VSDsnCFtgDZCk0jvSgETwkrDRCBfJ7X2tMIk0YQeYLbW1EJCPqowrsyyVgxjiBWKNBcNb9Buw/L1XXoCV8mSRjqLkWmFsBibHPftu5uwPyJ8bgEAmgOBLk6cP5r4XSiePlBPv05mKavq+/rSxDXVuQSuumtRdVwOKngmuYn+024UCkek8fpGsaqWFfXYeYrOcBTQ1QsaxGWL+qYu5pk8avaRS9zwC33w1WNrmkWxlRPa+1ynKh3OQekUueCXrMkbbWukNyZ54012kb4CM3fIERQA4Btkm7qWKOLI1UqTjAUBmOa0yjexejJodeSbJjIqMKIORIs0EgHtk2+ao8BT+WKJV3vrGqkiRliZfpdohASDS9sjXpThcmOvI3kiRtkm/IgsiRYoU6ZgUPYBIkQ5KUFYdmxP1eLWq0I13ANjrD0ao1XwsJFEjgnuN33IOvE6fh+4I5XtrvtMBuxz9SL9/97/jPwEGAAWFog8/Xlg6AAAAAElFTkSuQmCC') -2px 21px no-repeat}

.gnb-search input[type=text]::-webkit-input-placeholder{color:transparent}
.gnb-search input[type=text]:-ms-input-placeholder{color:transparent}
.gnb-search input[type=text]::-moz-placeholder{color:transparent}
.gnb-search input[type=text]:-moz-placeholder{color:transparent}
.gnb-search input[type="text"]{width:100%;height:80px;border:none}
.gnb-search .search-input{width:100%}
.gnb-search .search-input input{width:100%;height:80px;box-sizing: border-box;box-shadow: 0 4px 0px 0px #ccc;outline: 0}
.gnb-search .search-input input:focus{box-sizing:border-box;box-shadow: 0 7px 0px 0px #0088cf;  outline: 0}
.pop-search-result{display:block;margin-top:40px}
.pop-search-result h3{font-family: "Noto Sans Bold"; font-size:24px; padding-bottom:15px}
.pop-search-result p{color:#333;font-size:16px;line-height: 24px;letter-spacing: -1px}
.pop-search-result .search-history, .pop-search-result .search-recomm{float:left;box-sizing: border-box}
.pop-search-result .search-history{position:relative;display:inline-block;width:340px;height: auto;vertical-align: top}
.pop-search-result .search-history p{display: inline-block;max-width: 290px;vertical-align: middle}
.pop-search-result .search-history p a{font-size: 16px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;max-height: 40px;-webkit-box-orient: vertical;vertical-align: top;word-wrap: break-word;overflow-wrap: break-word}
.pop-search-result .search-recomm{position:relative;display:inline-block;width:560px;height: 470px;padding:0 0 0 20px;vertical-align: top}
.pop-search-result .search-recomm:after{position:absolute;content:"";display: block;top:13px;left:0;width:1px;height: 457px;background-color: #ccc}
.pop-search-result .search-history ul{height: 419px;overflow-y: visible;overflow-x: auto}

.pop-search-result .search-recomm li{position: relative;float: left;width: 173px;margin: 0 0 10px 10px}
.pop-search-result .search-recomm li.first{margin:0 0 9px}
.pop-search-result .search-recomm li.bnr, .pop-search-result li.bnr .img-box{width:355px}
.pop-search-result .search-recomm li.bnr .img-thum{padding-top:27.6%}
.pop-search-result .search-recomm li:nth-child(3n+4){margin:0 0 9px}
.pop-search-result .search-recomm .img-box{width:173px}
.pop-search-result .search-recomm .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%;opacity: .1}
.pop-search-result .search-recomm .txt{position: absolute;bottom: 11px;color: #fff;left: 12px;width:88%;font-family: "Noto Sans Medium";font-size: 16px;line-height: 18px;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;max-height: 40px;-webkit-box-orient: vertical;z-index:2}
.pop-search-result .img-thum.no-img{background-color: #0b0140}/* 이미지 없을 때 클래스 추가 */


.pop-search-result .btn-adelete{position: absolute;top:7px;right:20px;font-size: 13px;color:#999;letter-spacing: -.5px}
.pop-search-result .search-list-del{width: 18px;height: 18px;margin-left: 4px;vertical-align: middle}
.pop-search-result .search-list-del .ico {display: inline-block;width: 17px;height: 18px;background: url(../images/ico/ico_search.png) no-repeat 0 -29px;}
.pop-search-result .search-auto-typing{width: 100%}
.pop-search-result .search-auto-typing p{ display: inline-block;max-width: 810px;vertical-align: middle}
.pop-search-result .search-auto-typing a{ font-size: 16px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 1;max-height: 20px;-webkit-box-orient: vertical;vertical-align: top;color:#333}
.pop-search-result .search-auto-typing ul{top:inherit!important} /* auto typing 라이브러리 쓸 때 생기는 이슈 대응 */

.pop-search-result .search-history li, .pop-search-result .search-auto-typing li{padding:4px 0;font-size: 15px}
.pop-search-result .search-history li a, .pop-search-result .search-auto-typing li a{vertical-align: top}
.pop-search-result .search-history li:first-child, .pop-search-result .search-auto-typing li:first-child{padding:0 0 4px;margin:-3px 0 0}
.pop-search-result .search-history li:last-child, .pop-search-result .search-auto-typing li:last-child{padding:4px 0 0}
.pop-search-result .search-history li a:hover, .pop-search-result .search-auto-typing li a:hover, .pop-search-result .search-auto-typing li.on a{color:#0088cf}
.pop-search-result .search-history li a:hover em, .pop-search-result .search-auto-typing li a:hover em, .pop-search-result .search-auto-typing li.on em{color:#0088cf}
.pop-search-result .search-history li em, .pop-search-result .search-auto-typing li em{font-family: "Noto Sans Bold"; color:#000;vertical-align: top}
.pop-search-result .search-auto-typing .search-list-link, .pop-search-result .search-auto-typing .on .search-list-link{display:inline-block;margin-left:11px;font-family: "Noto Sans Medium"; font-size:15px; color:#0088cf;letter-spacing: -1.5px;vertical-align: middle}
.pop-search-result .search-list-link .ico{display: inline-block;width: 17px;height: 18px;background: url(../images/ico/ico_search.png) no-repeat -25px -28px}
.pop-search-result .search-recomm .img-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.01);background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(6,6,6,.1) 54%, rgba(20,20,20,0.5) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.01)), color-stop(31%, rgba(6,6,6,.08)), color-stop(100%, rgba(20,20,20,1)));background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(6,6,6,.1) 54%, rgba(20,20,20,0.5) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(6,6,6,.1) 54%, rgba(20,20,20,0.5) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(6,6,6,.1) 54%, rgba(20,20,20,0.5) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%, rgba(6,6,6,.1) 54%, rgba(20,20,20,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#141414', GradientType=0 )}
.search-recomm .img-box:hover::before{content:"";position:absolute;top:0;left:0;z-index: 1;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
.compSearchPro1-box .compSearchPro1-list-box .tit .ico-proadcast{letter-spacing: -.5px}
.search-recomm .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}

/*gnb*/
#gnb{display:none;position:fixed;left:50%;top:50%;margin:-300px 0 0 -510px;padding:60px 30px 30px 30px;width:960px;height:510px;background:#fff;z-index:203;}
#gnb .close{display:block;position:absolute;width:18px;height:18px;background:url(../images/btn/btn-close-gnb.png) no-repeat center center;right:20px;top:20px;}
.gnb-blind{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:202;background:rgba(0,0,0,.7);}
.gnb-top{margin:0 0 55px 0;overflow:hidden;}
.gnb-onair, .gnb-vod{float:left;width:473px;overflow:hidden;}
.gnb-vod .tit-view{font-family:"Noto Sans Bold";font-size:18px;color:#000;vertical-align: initial;}
.gnb-vod .all-view{position: absolute;font-size:16px;bottom:0px;right:0;letter-spacing:-1px;color:#000;font-family:"Noto Sans Regular";}
.gnb-onair{margin:0 14px 0 0;}
.gnb-onair dt, .gnb-vod dt{position: relative;font-family:"Noto Sans Bold";font-size:18px;color:#000;}
.gnb-onair dd, .gnb-vod dd{margin:10px 0 0 0;}
.gnb-onair li, .gnb-vod li{position:relative;float:left;width:230px;}
.gnb-onair li.first, .gnb-vod li.first{margin:0 13px 0 0;}
.gnb-onair li .bar, .gnb-vod li .bar{display:block;position:absolute;left:0;bottom:0;width:70%;height:10px;background:#0088c8;}
.gnb-onair li .txt, .gnb-vod li .txt{display:block;width:230px;margin:5px 0 0 0;white-space:nowrap}
.gnb-onair li .tit, .gnb-vod li .tit{display:block;font-size:16px;color:#000;overflow: hidden;white-space: nowrap;width: 230px;text-overflow: ellipsis}
.gnb-onair li .cate, .gnb-vod li .cate{display:block;font-size:12px;color:#54585f;}
.gnb-onair li .date, .gnb-vod li .date{position:relative;display:block;float:left;margin:0 8px 0 0;padding:0 10px 0 0;font-size:12px;color:#54585f;}
.gnb-onair li .date:after, .gnb-vod li .date:after{position:absolute;top:5px;right:0;width:1px;height:9px;background:#54585f;content:'';}
.gnb-onair li .read, .gnb-vod li .read{display:block;float:left;font-size:12px;color:#54585f;}
.gnb-onair .img-box, .gnb-vod .img-box{width:230px;}
.gnb-onair .img-thum, .gnb-vod .img-thum{padding-top:56%;}
.gnb-bottom{padding:30px 0 0 0;border-top:2px solid #54585e;}
.gnb-lbox{float:left;width:450px;}
.gnb-news{overflow:hidden;}
.gnb-news dt{float:left;margin:0 30px 0 0;font-size:16px;line-height:16px;color:#34373c;}
.gnb-news dd{float:left;}
.gnb-news li{float:left;margin:0 25px 0 0;}
.gnb-news li a{font-family:"Noto Sans Light";font-size:12px;line-height:16px;color:#7f8286;}
.gnb-menu{margin:0 0 0 0;padding:0 0 18px 0;border-bottom:1px solid #eee;overflow:hidden;}
.gnb-menu li{float:left;margin:0 37px 0 0;}
.gnb-menu li.last{margin:0;}
.gnb-menu li a{font-family:"Noto Sans Bold";font-size:16px;color:#34373c;}
.gnb-beyond{overflow:hidden;margin:15px 0 0 0;padding:0 0 15px 0;border-bottom:1px solid #eee;}
.gnb-beyond dt{float:left;margin:0 30px 0 0;font-family:"Noto Sans Bold";font-size:16px;line-height:16px;color:#34373c;}
.gnb-beyond dd{float:left;}
.gnb-beyond li{float:left;margin:0 20px 0 0;}
.gnb-beyond li a{font-family:"Noto Sans Light";font-size:12px;line-height:16px;color:#7f8286;}
.gnb-etc{overflow:hidden;margin:15px 0 0 0;padding-bottom:15px;border-bottom:1px solid #eee}
.gnb-etc ul:after{content: '';display: table;clear: both}
.gnb-etc li{float:left;margin:0 20px 0 0;}
.gnb-etc li a{font-family:"Noto Sans Light";font-weight:700;font-size:12px;color:#34373c}
.gnb-noti{margin-top:10px}
.gnb-etc .narrow{margin-right:15px}
.gnb-service{float:right;padding:10px 0 0 0}
.gnb-service .ico {display: inline-block;margin: -2px 0 0 5px;width: 12px;height: 12px;background: url(../images/ico/ico-arrow.png) no-repeat 0 0;}

.gnb-rbox{position:relative;float:right;width:470px;height:220px;background:#f6f6f6;margin:-10px 0 0;}
.gnb-rbox .tit{position:absolute;left:40px;top:35px;font-family:"Noto Sans Bold";font-size:22px;color:#34373c;}
.gnb-rbox .txt-group{position:absolute;left:40px;top:70px;}
.gnb-rbox .cate{display:inline-block;margin:0 5px 0 0;font-family:"Noto Sans Bold";font-size:14px;color:#34373c}
.gnb-rbox .date{font-size:14px;color:#34373c;}
.gnb-rbox .img-box{float:right;margin:10px;width:140px;}
.gnb-rbox .img-thum{padding-top:143%;}
.gnb-rbox .link-program{position:absolute;left:40px;bottom:40px;}
.gnb-rbox .link-program .ico{display:inline-block;margin:-2px 0 0 5px;width:12px;height:12px;background:url(../images/ico/ico-arrow.png) no-repeat 0 0;}

.header-info .gnb-btn{display:block;position:absolute;left:0;top:0;width:20px;height:56px;z-index:95;background:url(../images/sp-kbs.png) no-repeat 0 -300px;
transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-ms-transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.gnb-box{position:relative;}
.gnb-close{display:block;position:absolute;left:279px;top:10px;width:16px;height:16px;background:url(../images/btn/btn-group.png) no-repeat 0 -48px;background-size:32px;z-index:3;}
.gnb-list{width:270px;padding:0 25px 0;float:left;box-sizing:border-box;}
.gnb-list li{position:relative;margin:10px 0 0;}
.gnb-list li:last-of-type{margin:10px 0 10px;}
.gnb-list .ico-new{position:absolute;margin:0 0 0 3px;top:9px;width:4px;height:4px;border-radius:4px;background:#cb3629;}
.gnb-list a{}
.gnb-list .ico{display:inline-block;width:29px;height:29px;background:url(../images/ico/ico-gnb.png) no-repeat 0 0;background-size:29px;}
.gnb-list .txt{display:inline-block;margin:0 0 0 10px;color:#fff;font-size:14px;line-height:30px;font-weight:bold;}
/*gnb 상단 공통*/
.gnb-list .ico-arrow{display:inline-block;width:16px;height:16px;background:url(../images/btn/btn-group.png) no-repeat -16px -48px;background-size:32px;z-index:2;}
.gnb-list .gnb-mypage, .gnb-list .gnb-buy, .gnb-list .gnb-cash, .gnb-list .gnb-notice{border-bottom:1px solid #1d1d26;margin:0;}
.gnb-list .gnb-buy .txt, .gnb-list .gnb-cash .txt, .gnb-list .gnb-notice .txt{margin:0;font-size:12px;line-height:35px;}
.gnb-list .gnb-buy a, .gnb-list .gnb-cash a, .gnb-list .gnb-notice a{display:block;}
/*gnb 리스트*/
.gnb-list .gnb-mypage{padding:9px 0;}
.gnb-list .gnb-mypage .txt{margin:0 0 0 6px;font-size:12px;line-height:16px;}
.gnb-list .gnb-mypage a{position:absolute;right:0;top:0;padding:18px 0;}
.gnb-list .gnb-mypage a .txt{margin:0;vertical-align:bottom;line-height:16px;}
.gnb-list .gnb-mypage .profile{display:inline-block;width:37px;height:37px;border-radius:30px;overflow:hidden;background:url(../images/etc/bg-profile.png) no-repeat 0 0;background-size:100%;}
.gnb-list .gnb-mypage .profile img{width:100%;}
.gnb-list .box-status{position:absolute;top:0;right:0;padding:8px 0;}
.gnb-list .box-status span{color:#0088cf;font-size:11px;line-height:13px;}
.gnb-list .gnb-news .ico{background-position:0 -29px;}
.gnb-list .gnb-live .ico{background-position:0 -58px;}
.gnb-list .gnb-vod .ico{background-position:0 -87px;}
.gnb-list .gnb-advertising .ico{background-position:0 -116px;}
.gnb-list .gnb-travel .ico{background-position:0 -145px;}
.gnb-list .gnb-music .ico{background-position:0 -174px;}
.gnb-list .gnb-health .ico{background-position:0 -203px;}
.gnb-list .gnb-entertainment .ico{background-position:0 -232px;}
.gnb-list .gnb-story .ico{background-position:0 -261px;}
.gnb-list .gnb-ticket .ico{background-position:0 -290px;}
.gnb-sub{display:none;position:absolute;right:0;top:0;width:135px;height:100%;}
.gnb-list li.on .gnb-sub{display:block;}
.gnb-sub ul{margin:5px 0 0 20px;}
.gnb-sub li{position:relative;margin:0 0 15px 0;width:auto;}
.gnb-sub a{font-size:12px;color:#fff;}

/*icon*/
.btn-marking{width:15px;height:22px;background:url(../images/button/btn-marking.png) no-repeat center center;background-size:100%;}

/*container*/
#container{position:relative;/*padding:176px 0 0 0;*/}
#container.top{padding:0;}
#container.error{padding:176px 0;background:#f6f6f6;}
#wrap.kbs-main #container{padding:0;}
/* content */
#content{clear:both;overflow:hidden;padding-top:177px;}
#header.personal+#content{padding-top:300px;}
#header-pg.personal{padding-top:122px;}
#container.fix #header-pg.personal .sticky-box{padding-top:122px;}
.page-title{position:relative;width:1200px;margin:60px auto 0;font-size:32px;line-height:36px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.page-title .list-total{display:inline-block;margin:-5px 0 0 10px;font-size:30px;line-height:32px;color:#0088cf;}

/* for popup window */
#content.winopen{min-width:600px;padding:30px;}
#content.winopen .page-title{position:relative;width:auto;margin:0 0 20px;}
#content.winopen .page-title [class*="btn-"]{position:absolute;top:0;right:0;}

/*main*/
.kbs-main #header.personal+#content{padding-top:300px;}
.kbs-main .tabArea{width:1200px;}
.main{position:relative;}

.main-promotion{position:relative;width:100%;height:465px;overflow:hidden;}
.main-promotion:before{display:block;position:absolute;margin:0 600px 0 0;left:0;right:50%;bottom:0;height:40px;content:'';background:#fff;z-index:2;}
.main-promotion:after{display:block;position:absolute;margin:0 0 0 600px;left:50%;right:0;bottom:0;height:40px;content:'';background:#fff;z-index:2;}
.main-promotion-box{position:relative;height:465px;}
.main-promotion-list{height:465px;overflow:hidden;background:#31315d url(../images/main/bg-main.png) 50% 50% no-repeat;}
.main-promotion-list.swiper-slide-active{z-index:1;}
.main-promotion-list .img{position:absolute;top:54px;left:50%;margin:0 0 0 -80px;width:640px;height:360px;overflow:hidden;}
.main-promotion-list .img img{position:absolute;margin:auto;top:0;right:-100%;left:-100%;height:100%;}
.main-promotion-list.full .img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}
.main-promotion-list.full .img img{}
.main-promotion-list.news .img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}
.main-promotion-list.news .img:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/main/bg-main-mask.png) 50% 50%;}
.main-promotion-list.news .img img{}
.main-promotion-list .txt{position:relative;width:1200px;height:100%;margin:auto;color:#fff;overflow:hidden}
.main-promotion-list .txt .sub,.main-promotion-list .txt .tit,.main-promotion-list .txt .pname,.main-promotion-list .txt .date{text-shadow:1px 1px 3px #222;}
.main-promotion-list .txt > *{display:block;max-width:560px;box-sizing:border-box;position:absolute;left:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
.main-promotion-list .sub{top:75px;font-size:16px;letter-spacing:-.02em;line-height:22px;}
.main-promotion-list .tit{top:105px;font-size:48px;line-height:56px;letter-spacing:-0.2px;font-family:"Noto Sans Bold";white-space:normal !important;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;max-height:112px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 0 5px rgba(47,47,47,0.1);}
.main-promotion-list .pname{bottom:145px;font-size:30px;letter-spacing:-.04em;white-space:nowrap;}
.main-promotion-list .date{bottom:117px;font-size:14px;letter-spacing:-.04em;font-family:"Noto Sans Bold";line-height:22px;padding:0 2px 0 0;}
.main-promotion-list .date em{position:relative;margin:0 6px 0 0;padding:0 10px 0 0;}
.main-promotion-list .date em:after{content:'';position:absolute;top:5px;right:0;width:1px;height:12px;background:#fff;}
.main-promotion-list .ico-play{display:inline-block;width:45px;height:45px;text-indent:-1000em;background:url(../images/sp-kbs.png) -150px -400px no-repeat;vertical-align:-6px;overflow:hidden;}
.main-promotion-list .btn{bottom:60px;}
.main-promotion-list .btn a{display:inline-block;min-width:120px;height:34px;font-size:12px;font-weight:bold;background:#fff;color:#2a366b;text-align:center;padding:8px 12px;box-sizing:border-box;}
.main-promotion-list .txt iframe{bottom:60px;left:662px;width:538px;height:326px}
.main-promotion-list .link{position:absolute;top:0;left:-100%;right:-100%;width:1200px;height:360px;text-indent:-1000em;overflow:hidden;margin:auto;z-index:10;background:rgba(0,0,0,0);}
.main-promotion .swiper-button-prev,
.main-promotion .swiper-button-next{position:absolute;top:50%;width:32px;height:62px;margin:-52px 0 0;cursor:pointer;font-size:0;z-index:10;opacity:0.6;}
.main-promotion .swiper-button-prev{left:auto;right:50%;margin-right:632px;background:url(../images/sp-kbs.png) no-repeat -400px -275px;}
.main-promotion .swiper-button-next{left:50%;right:auto;margin-left:632px;background:url(../images/sp-kbs.png) no-repeat -450px -275px;}
.main-promotion .swiper-button-prev:hover,
.main-promotion .swiper-button-next:hover{opacity:1;}
.main-promotion div.swiper-pagination{position:absolute;left:auto;right:50%;bottom:11px;margin:0 -560px 0 0;z-index:2;width:auto;}
.main-promotion .swiper-pagination-bullet{position:relative;display:block;float:left;width:18px;height:18px;margin:0 0 0 6px;/*border:2px solid #fff;border-radius:10px;*/background:transparent;opacity:1;text-indent:-9999px;color:transparent;}
.main-promotion .swiper-pagination-bullet:after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-5px 0 0 -5px;border:2px solid #fff;border-radius:10px;}
.main-promotion .swiper-pagination-bullet-active{width:37px;/*opacity:1;background:#fff;*/}
.main-promotion .swiper-pagination-bullet-active:after{content:'';width:26px;margin:-5px 0 0 -15px;border:2px solid #fff;background-color:#fff;}
.main-promotion .autoplay{position:absolute;left:50%;bottom:10px;margin-left:570px;width:20px;height:20px;background:url(../images/sp-kbs.png) no-repeat -178px -253px;opacity:.4;z-index:10;text-indent:-1000em;overflow:hidden;}
.main-promotion .autoplay.play{opacity:1;}

.main-cate{margin:40px auto;width:1200px;overflow:hidden;text-align:center;}
.main-cate li{display:inline-block;margin:0 45px 0 0;width:130px;text-align:center;}
.main-cate li:last-of-type{margin:0;}
.main-cate a{display:block;}
.main-cate a .txt{font-family:"Noto Sans Bold";font-size:20px;color:#34373c;letter-spacing:-1px;}
.main-cate a .ico{display:block;margin:0 0 10px 0;width:100%;height:101px;background:url(../images/ico/ico-main-cate.png) no-repeat center 0;}
.main-cate .cate-music .ico{background-position:center 0;}
.main-cate .cate-cf .ico{background-position:center -101px;}
.main-cate .cate-entertainment .ico{background-position:center -202px;}
.main-cate .cate-health .ico{background-position:center -303px;}
.main-cate .cate-trip .ico{background-position:center -404px;}
.main-cate .cate-dron .ico{background-position:center -505px;}
.main-cate .cate-history .ico{background-position:center -606px;}

.header-info .btn-onair{position:absolute;right:0;top:0;font-size:0;display:inline-block;width:60px;height:56px;background:url(../images/sp-kbs.png) no-repeat -25px -300px;}
.header-info .btn-onair.on{padding:0 12px 0 0;}
.header-info .btn-onair .ico-dot{display:none;position:absolute;top:20px;right:0;width:8px;height:8px;background:#ff3333;border-radius:100%;}
.header-info .btn-onair.on .ico-dot{display:inline-block;/*animation:onAirFlash 1.7s ease-in infinite alternate;*/}
.main-component{position:relative;border-top:3px solid #f4f4f4;border-bottom:1px solid #e3e3e3;}

.main .component-box.rectangle{margin:40px auto 0;}
.main .rectangle-box .scroll-slide li{margin:0 17px 0 0;}
.main .rectangle-box .scroll-slide li:last-of-type{margin:0;}
.main .rectangle-box .rectangle-arrow{top:25px;}
.main .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:#aaa;white-space:nowrap;}
.main .rectangle-box .txt .per{display:block;font-size:18px;letter-spacing:-.04em;line-height:30px;font-family:"Noto Sans Regular";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;}
.main .component .component-box.noticebar .tit-a{left:0;}
.main .component .component-box.noticebar .noticebar-swiper.type3 .swiper-container{padding:0 40px;}

.main .grid8-box .slice-grid8 .tit{margin:0 0 5px}
.main .grid8-box .slice-grid8 .episode{display:inline-block;margin:0;font-size:12px;line-height:14px;color:#000;vertical-align:top}
.main .grid8-box .slice-grid8 .name{position:relative;display:inline-block;font-size:12px;line-height:14px;color:#54585e;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.main .grid8-box .slice-grid8 .episode+.name{margin:0 0 0 10px;padding:0 0 0 11px;max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main .grid8-box .slice-grid8 .episode+.name:before{content:"";position:absolute;top:4px;left:0;display:inline-block;width:1px;height:9px;background:#dcdee0}

/*
@keyframes onAirFlash{
	0%{opacity:1;transform:scale(1);}
	20%{opacity:1;transform:scale(1);}
	80%{opacity:0;transform:scale(.7);}
	100%{opacity:0;transform:scale(.7);}
}
*/
/*header sticky*/
.sticky #header{position:fixed;}
.sticky .header-info .header-top{display:none;}
.sticky .header-info .btn-search{top:13px;}
.sticky .header-info .btn-mypage{top:13px;}
.sticky .header-info .header-submenu{display:none;}
.sticky .header-info .btn-onair{right:120px;}
.sticky .header-info .header-bottom:before{display:inline-block;position:absolute;top:56px;left:0;content:'';width:100%;height:33px;background:url(../images/etc/bg-header-shadow.png) repeat-x 0 0;}
.sticky .header-info .header-bottom .header-menu .gnb-logo{display:block;}
.vertical-spe .sticky .header-info .header-bottom:before{display:none;}

/*error*/
.error-box{margin:0 auto;width:605px;height:470px;}
.error-box h1{margin:0 0 20px 0px;width:71px;height:21px;background:url(../images/common/logo-error.png) no-repeat center center;}
.error-conbox{background:#fff;padding:60px 70px;text-align:center;}
.error-conbox .title{font-size: 25px;text-align:center;margin:0 0 30px 0}
.error-box .tit{color:#343464;text-align:left;font-family:"Noto Sans Bold";}
.error-box .param1{margin:0 0 35px 0;font-family:"Noto Sans Light";font-size:30px;text-align:left;}
.error-box .param2{margin:0 0 20px 0;font-size:14px;color:#333333;text-align:left;}
.error-box .param2 span{display: block}
.error-box .param3{margin:0 0 35px 0;font-family:"Noto Sans Light";font-size:30px;text-align:left;color:#000;}
.error-box .link-main{display:inline-block;margin:20px 0 0;padding:15px 0;width:260px;background:#343464;font-size:14px;color:#fff;text-align:center;}
.error-box dl{padding:10px 0;width:100%;background:#f6f6f6;text-align:center;}
.error-box dt{display:inline-block;margin:0 5px 0 0;font-family:"Noto Sans Bold";font-size:12px;color:#34373c;}
.error-box dd{display:inline-block;font-size:12px;color:#34373c;}

/* content */
.pd0{padding:0 !important;}
.pb0{padding-bottom:0 !important;}
.bg-gray{background:#f6f6f6;}
hr.gray{border-top:1px solid #dddee0;}
#content{overflow:visible;}
.component-list{padding:30px 0 40px;}
.component-list .component{padding:0;}
.component{width:100%;padding:30px 0 40px;overflow:hidden;}
.component.type2{overflow:visible;}
.component.vertical-list{margin:0;padding:30px 0 10px 0;background:#f7f7f7;border-top:1px solid #e8e8e8;}
.component.m-notice{border-top:1px solid #ddd;background:#f6f6f6;}
.component .component-box{position:relative;width:1200px;margin:0 auto;}
.component .component-box h5.tit{display:inline-block;font-size:30px;line-height:36px;color:#000;letter-spacing:-2px;font-weight:bold;}

/* footer.css 처리됨 181211 by ASRAHI */
/* *
.footer{margin:0 0 60px 0;width:100%;border-top:1px solid #ddd;}
.vertical-spe .footer{background: #fff;margin:0;padding:0 0 150px 0}
.footer .footer-top{margin:0 auto;width:1200px;height:50px;border-bottom:1px solid #ddd;}
.footer .footer-top:after{clear:both;content:'';}
.footer-top .all-service{float:right;}
.footer-top .all-service > ul > li{float:left;}
.footer-top .footer-select1{position:relative;float:left;}
.footer-top .footer-select2{position:relative;float:left;margin:0 20px 0 0;}
.footer-top .footer-select3{position:relative;float:left;}
.footer-select1 .btn-select,.footer-select2 .btn-select,.footer-select3 .btn-select{margin:0 20px 0 0;padding:0 25px 0 0;cursor:pointer;}
.footer-select1 .btn-select a,.footer-select2 .btn-select a,.footer-select3 .btn-select a{display:inline-block;line-height:50px;font-family:"Noto Sans Bold";font-size:12px;font-weight:bold;color:#34363b;}
.footer-select1 .btn-select .ico,.footer-select2 .btn-select .ico,.footer-select3 .btn-select .ico{display:block;position:absolute;right:20px;top:50%;width:20px;height:20px;margin:-10px 0 0;background:url(../images/sp-kbs.png) no-repeat -300px -200px;}
.footer-select1 ul,.footer-select2 ul,.footer-select3 ul{display:none;position:absolute;bottom:-1px;right:10px;border:1px solid #dddee0;background:#fff;z-index:20;}
.footer-select1 ul.on,.footer-select2 ul.on,.footer-select3 ul.on{display:block;}
.footer-select1 ul li a,.footer-select2 ul li a,.footer-select3 ul li a{position: relative;display:inline-block;padding:0 20px;width:80px;line-height:40px;font-family:"Noto Sans Bold";font-size:12px;font-weight:bold;color:#34363b;z-index: 10;}
.footer-select2 ul li a{width:100px;}
.footer-select3 ul li a{width:100px;}
.footer-select1 ul li.on a,.footer-select2 ul li.on a,.footer-select3 ul li.on a{line-height:50px;}
.footer-select1 ul li .ico,.footer-select2 ul li .ico,.footer-select3 ul li .ico{display:block;position:absolute;right:10px;top:50%;width:20px;height:20px;margin:-10px 0 0;background:url(../images/sp-kbs.png) no-repeat -300px -225px;}
.footer-select1 ul li,.footer-select2 ul li,.footer-select3 ul li{position:relative;cursor:pointer;}
.footer-top .selectric .label{font-family:"Noto Sans Bold";font-size:12px;font-weight:bold;color:#34363b;}
.footer-top .selectricItems li{font-family:"Noto Sans Bold";font-size:12px;font-weight:bold;color:#34363b;}
.footer-top .selectric .button{background-image:url(../images/ico/bg-selectbox1.png);}
.footer-top .footer-top-info{float:left;}
.footer-top .footer-top-info li{float:left;margin:0 20px 0 0;font-family:"Noto Sans Bold";font-size:12px;font-weight:bold;color:#34363b;}
.footer-top .footer-top-info li a{display:inline-block;line-height:50px;font-size:12px;color:#34363b;}
.footer-top .footer-top-info li a strong{color:#1745a5;}
.footer .footer-bottom{position:relative;width:1200px;margin:30px auto 0;}
.footer .footer-bottom dl{margin:0 0 20px 0;overflow:hidden;}
.footer .footer-bottom dt{float:left;margin:0 20px 0 0;font-family:"Noto Sans Bold";font-size:12px;color:#34363b;}
.footer .footer-bottom dd{float:left;width:750px;}
.footer .footer-bottom li{float:left;margin:0 20px 5px 0;font-size:12px;color:#54585f;}
/* */

/*detail*/
.detail{width:1200px;margin:0 auto;overflow:hidden;padding:0 0 60px 0;}
.detail .lnb-box{float:left;width:228px;}
.detail .detail-box{float:left;width:896px;padding:0 0 0 76px;}
.detail .component{padding:40px 0 0 0;}
.detail .component-box{width:896px;}
.detail .arrow-box{top:-50px;}
div[class^=vertical-detail] .component:last-child{padding:60px 0 80px;}

/*lnb*/
.lnb-list{padding:40px 0 0 0;}
.lnb-list li{border-top:1px solid #ececec;}
.lnb-list li:first-child{border-top:none;}
.lnb-list li a{position:relative;display:block;font-size:18px;line-height:50px;padding:0 20px;font-weight:bold;color:#000;}
.lnb-list li a .ico{position:absolute;right:20px;top:22px;display:inline-block;width:15px;height:9px;text-align:right;background:url(../images/arrow/arrow-lnb.png) no-repeat 0 0;}
.lnb-list li.active a{color:#0088c9;}
.lnb-list li.active a .ico{background:url(../images/arrow/arrow-lnb.png) no-repeat 0 -9px;}
.lnb-list .lnb-sub{border-top:1px solid #ececec;padding:10px 0 10px 20px;}
.lnb-list .lnb-sub li{border-top:none;}
.lnb-list .lnb-sub li a{font-size:14px;line-height:30px;font-weight:normal;color:#8c8c8c;padding:0 0 0 10px;}
.lnb-list .lnb-sub li.on a{position:relative;color:#0088c9;}
.lnb-list .lnb-sub li.on a:before{content:"";position:absolute;bottom:7px;left:0;display:block;width:8px;height:1px;background:#0088c9;}

/*location*/
.location-box{position:relative;padding:20px 0 0 0;}
.location-box ul{position:absolute;right:0;overflow:hidden;}
.location-box ul li{float:left;}
.location-box ul li a{display:inline-block;font-size:14px;color:#8c8c8c;padding:0 16px 0 0;margin:0 8px 0 0;background:url(../images/arrow/arrow-location.png) no-repeat right center;}
.location-box ul li span{display:inline-block;font-size:14px;color:#000;}

/*vod-main*/
.vod-main .preview-box{position:relative;margin:20px 0 0 0;}
.vod-main .preview-box a{display:block;overflow:hidden;}
.vod-main .img-box{display:inline-block;position:relative;float:left;line-height:0;}
.vod-main .img-box img{display:inline-block;width:896px;height:505px;}
.vod-main .img-box .tit{position:absolute;bottom:30px;left:30px;display:block;font-size:32px;line-height:28px;letter-spacing:-2px;color:#fff;font-weight:bold;}
.vod-main .txt-box{display:table;float:left;width:896px;height:140px;}
.vod-main .txt-box .box{display:table-cell;vertical-align:middle;}
.vod-main .txt-box .sub{display:block;font-size:16px;line-height:18px;letter-spacing:-1px;color:#4e4e4e;}
.vod-main .txt-box .txt{display:block;font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;margin:25px 0 0 0;}

/* 소팅 리스트 */
.select-sort li{float:left;margin:0 13px 0 0;padding:0 13px 0 0;border-right:1px solid #dcdee0;line-height:14px;vertical-align:middle;}
.select-sort li:last-of-type{margin:0;padding:0;border:0;}
.select-sort a{font-size:16px;color:#949699;vertical-align:top;}
.select-sort a span{vertical-align:top;}
.select-sort li.on a{color:#000;font-weight:bold;}

/*sns-box*/
.sns-box{padding:30px 0 0 0;line-height:0;}

/* 이용약관 */
.privacypolicy2{margin:0 auto;padding:0 0 238px;width:1200px;border-top:4px solid #343464;}
.privacypolicy2 .tabArea{margin:70px 0 0;}
.privacypolicy2 .tabCon{padding:100px 0 0;}
.privacypolicy2 .charge-terms{height:987px;border:2px solid #f0f0f0;background:#f6f6f6;}
.privacypolicy2 .charge-terms p{padding:42px 10px 42px 48px;font-size:22px;line-height:30px;letter-spacing:-.2px;color:#535860;}
.privacypolicy2 .customScroll .mCSB_scrollTools{width:36px;}
.privacypolicy2 .customScroll .mCSB_inside>.mCSB_container{margin-right:36px;}
.privacypolicy2 .customScroll .mCSB_scrollTools .mCSB_draggerContainer{margin:23px 0;}
.privacypolicy2 .customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#535860 !important;}

/*****
	시청자참여
*****/
/*시청자참여 디테일*/
.front-detail-side .side-poster{margin:0 0 60px 0;}
.front-detail-side .side-poster .img-thum{padding-top:142.7%}
.detail-side-cont{}
.side-cont-tit{margin:0 0 12px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.side-cont-list{border-top:4px solid #343464;}
.side-cont-list li{padding:18px 0;border-bottom:1px solid #dddee0;}
.side-cont-list a{display:block;}
.side-cont-list .tit{display:block;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.side-cont-list .date{display:block;margin:5px 0 0;font-size:12px;line-height:16px;color:#54585e;}
/*시청자참여 리스트*/
.viewer-list .front-list .component .tit-a{display:block;}
/*시청자참여 디테일*/
.viewer-detail{overflow:hidden;margin:0 auto;margin:0 0 80px 0;}
.viewer-detail .detail-title{margin:0 0 38px;font-size:30px;line-height:34px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.front-detail{margin:0 46px 0 0;width:100%;border-top:4px solid #343464;}
.split-board-box3 .front-detail{float:none;}
.front-detail-side{float:left;width:288px;}
.my-cont-box .selectricItems,
.split-board .selectricItems,
.viewer-detail .selectricItems{top:auto;bottom:100%;}
.split-board .search-box .selectricItems{bottom:auto;}

/* component board style */
.viewer-detail .component{padding:0;}
.viewer-detail .component-box.board1{width:auto;}
.viewer-detail .board1 .board-box{border-top:none;}
.viewer-detail .board1 .board-box-file{margin:0;padding:5px 0 5px 80px;}
.viewer-detail .board1 .board-box-btn{margin:10px 0 0;}
.viewer-detail .component-box.board2{width:auto;margin:0 0 90px;}
.viewer-detail .board2 .board-box{border:none;}
.viewer-detail .board2 .header-edit-box{top:30px;}
.viewer-detail .component-box.reply{}
.viewer-detail .radio-box{position:relative;margin:0 10px 0 0;}

/* appendix 개인정보 */
.viewer-detail .appendix-box{overflow:hidden;margin:20px 0 40px;}
.viewer-detail .appendix-box label{display:block;position:relative;overflow:hidden;padding:0 0 0 80px;}
.viewer-detail .appendix-box .tit{position:absolute;top:50%;left:0;margin:-10px 0 0;width:80px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.viewer-detail .appendix-box input[type=text]{width:100%;}
.viewer-detail .appendix-btn{overflow:hidden;}
.viewer-detail .appendix-btn .left{float:left;}
.viewer-detail .appendix-btn .right{float:right;}
.viewer-detail .appendix-input1{float:left;width:420px;}
.viewer-detail .appendix-input2{float:left;margin:0 0 10px 56px;width:390px;}
.viewer-detail .appendix-input3{clear:both;}

/* agreement-box */
.viewer-detail .agreement-box{margin:18px 0 0;padding:20px 16px 28px;background:#f6f6f6;}
.viewer-detail .agreement-box .agree-tit{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.viewer-detail .agreement-box .agree-cont{margin:12px 0 0;height:171px;border:1px solid #ededed;background:#fff;padding: 10px 25px 10px 25px;}
.viewer-detail .agreement-box .agree-cont p{padding: 10px;font-size:12px;line-height:20px;color:#54585f;}
.viewer-detail .agreement-box .check-box{margin:15px 0 0;}

/* viewer main */
.viewer-detail .viewer-main{margin:0 0 70px}
.viewer-detail .viewer-tit-box{position:relative;padding:30px 16px}
.viewer-detail .viewer-tit-box .mtit{font-size:22px;line-height:34px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.viewer-detail .viewer-tit-box .stit{display:block;margin:0 0 4px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Medium"}
.viewer-detail .viewer-tit-box .info-box{margin:15px 0 0;font-size:0;}
.viewer-detail .viewer-tit-box .date{font-size:12px;line-height:16px;color:#949699;}
.viewer-detail .viewer-tit-box .state{position:relative;margin:0 0 0 10px;padding:0 0 0 10px;font-size:12px;line-height:16px;color:#0088cf;font-family:"Noto Sans Bold"}
.viewer-detail .viewer-tit-box .state:before{content:"";position:absolute;top:50%;left:0;margin:-4px;width:1px;height:9px;background:#bbb;}
.viewer-detail .viewer-tit-box .state.type1{color:#0088cf;}
.viewer-detail .viewer-tit-box .state.type2{color:#949699;}
.viewer-detail .viewer-guide{padding:25px 16px;border-top:1px solid #dddee0}
.viewer-detail .viewer-guide img{display:block;}

/* viwer board-list */
.viewer-list .tit{font-size:0;}
.viewer-list .tit a{max-width:90%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.viewer-list .tit .ico{display:inline-block;overflow:hidden;text-indent:-10000em;width:24px;height:24px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;}
.viewer-list .tit .ico.notice{width:14px;height:14px;background-position:0 -14px;background-size:28px;}
.viewer-list .tit .ico.secret{background-position:-24px -46px;}
.viewer-list .viewer-list-tit{margin:0 0 20px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}

/* viewer-writing */
.viewer-detail .viewer-writing{position:relative;border-bottom:1px solid #dcdee0;}
.viewer-detail .writing-tit-box{position:relative;padding:27px 16px;}
.viewer-detail .writing-tit{font-size:22px;line-height:26px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.viewer-detail .writing-info{margin:12px 0 0;}
.viewer-detail .writing-info-txt{font-size:12px;line-height:16px;color:#949699;}
.viewer-detail .writing-info-txt.bar{position:relative;margin-left:8px;padding-left:8px;}
.viewer-detail .writing-info-txt.bar:before{content:"";position:absolute;left:0;top:50%;margin:-4px 0 0;width:1px;height:9px;background:#dcdee0;}
.viewer-detail .writing-user{position:relative;margin:0 20px 0 0;padding:0 0 0 22px;font-size:14px;line-height:20px;color:#54585e;}
.viewer-detail .writing-user .ico{position:absolute;top:50%;left:0;margin:-8px 0 0;width:16px;height:16px;background:url(../images/ico/ico-sns-s.png) no-repeat;}
.viewer-detail .writing-user .ico.kakaco{background-position-y:0px;}
.viewer-detail .writing-user .ico.face{background-position-y:-16px;}
.viewer-detail .writing-user .ico.naver{background-position-y:-32px;}
.viewer-detail .writing-user .ico.twit{background-position-y:-48px;}
.viewer-detail .viewer-edit-btn{position:absolute;right:0px;top:27px;}
.viewer-detail .viewer-edit-btn .edit-ico{width:25px;height:25px;background:url(../images/ico/ico-reply.png) no-repeat -25px 0;}
.viewer-detail .viewer-edit-btn ul{display:none;position:absolute;right:100%;top:0;padding:6px 0;border:1px solid #54585e;}
.viewer-detail .viewer-edit-btn.on ul{display:block;}
.viewer-detail .viewer-edit-btn li{padding:8px 14px;text-align:center;}
.viewer-detail .viewer-edit-btn li a{font-size:14px;line-height:18px;color:#000;}
.viewer-detail .writing-cont{padding:30px 16px 60px;border-top:1px solid #dcdee0;font-size:16px;line-height:26px;letter-spacing:-1px;color:#000;}

/* viewer-add-info */
.viewer-add-info{padding:35px 16px;border-bottom:2px solid #b6b7b9;}
.add-info-tit{margin:0 0 30px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.add-info-list{overflow:hidden;}
.add-info-list .list-tit{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;margin:0 0 20px;font-family:"Noto Sans Medium"}
/*.add-info-list ul{float:left;}*/
.add-info-list li{position:relative;padding-left:20px;}
.add-info-list li + li{margin:15px 0 0;}
.add-info-list .info-tit{display:inline-block;font-size:14px;line-height:18px;letter-spacing:-1px;color:#54585e;margin:0 20px 0 0;color:#54585e;}
.add-info-list .info-cont{display:inline-block;font-size:14px;line-height:18px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Medium"}
.add-info-refer{overflow:hidden;clear:both;}
.add-info-refer ul{float:none;margin:30px 0 0;}
.add-info-refer li{position:relative;padding:2px 0 2px 12px;font-size:12px;line-height:16px;color:#54585f;font-family: 'Noto Sans Light';}
.add-info-refer li:before{content:"";position:absolute;left:0;top:50%;margin:-1px 0 0;width:3px;height:3px;background:#34373c;border-radius:100%;}
.add-info-refer li a{display:inline-block;position:relative;margin:0 0 0 12px;font-size:12px;line-height:16px;color:#0088c8;font-family:"Noto Sans bold"; vertical-align:baseline}
.add-info-refer li a:before{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#0088c8}

/* comment 출연신청 */
.comment .board-type1 .tit{font-size:0;}
.comment .board-type1 .tit a{max-width:90%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comment .board-type1 .tit .ico{display:inline-block;overflow:hidden;text-indent:-10000em;width:24px;height:24px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;}
.comment .board-type1 .tit .ico.notice{width:14px;height:14px;background-position:0 -14px;background-size:28px;}
.comment .board-type1 .tit .ico.secret{background-position:-24px -46px;}
.comment .detail-head{position:relative;margin:0 0 60px;}
.comment .detail-head .mtit{font-size:30px;line-height:34px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.comment .detail-head .stit{display:block;margin:0 0 10px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Medium";}
.comment .detail-head .info-box{margin:15px 0 0;font-size:0;}
.comment .detail-head .date{font-size:12px;line-height:16px;color:#949699;}
.comment .detail-head .state{position:relative;margin:0 0 0 10px;padding:0 0 0 10px;font-size:12px;line-height:16px;color:#0088cf;font-family:"Noto Sans Bold"}
.comment .detail-head .state:before{content:"";position:absolute;top:50%;left:0;margin:-4px;width:1px;height:9px;background:#bbb;}
.comment .detail-head .state.type1{color:#0088cf;}
.comment .detail-head .state.type2{color:#949699;}
.comment .detail-body-tit{margin:0 0 20px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.comment .component{padding:70px 0 0;border-top:1px solid #dddee0;}

/* comment 후기 게시판 */
.board-review{width:1200px;margin:0 auto;}
.board-review .board-type1{margin:35px 0 0;border-top:0;}
.board-review .board-type1 tr:last-of-type td{border-bottom:1px solid #dddee0;}
.board-list{padding:40px 0 0;}
.board-list .select-cate{top:-32px;}
.board-list .component .board-search{margin-bottom:60px;}

.board-list .txt-title .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;}
.board-list .txt-title .ico.new{background-position:0 -12px;}
.board-list .txt-title .ico.lock{background-position:-29px -53px;background-size:48px;margin:5px 0 0 2px;}
.board-list .txt-title .ico.infile{margin:5px 0 0 2px;background-position: -4px -78px;background-size: 48px;width: 15px;height: 15px;}


/*survey 설문이벤트*/
.viewer-survey-list{padding:35px 15px 50px;}
.viewer-survey-list .survey-list-box{position:relative;margin:35px 0 0;}
.viewer-survey-list .survey-list-box:first-child{margin-top:0;}
.survey-list-box dt{font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.survey-list-box dd{margin:15px 13px 0;}
.survey-list-box dd label{font-size:18px;line-height:18px;letter-spacing:-1px;color:#000;padding-left:35px;}
.survey-list-box dd input[type=text]{width:455px;height:45px;margin:15px 0 0;font-size:18px;line-height:36px;letter-spacing:-1px;color:#666;}
.survey-list-box dd input[type=text]::-webkit-input-placeholder{color:#666;}
.survey-list-box dd input[type=text]:-ms-input-placeholder{color:#666;}
.survey-list-box dd input[type=text]::-moz-placeholder{color:#666;}
.survey-list-box dd input[type=text]:-moz-placeholder{color:#666;}
.survey-list-box ul.box-vote li{margin:0 0 4px 0}
.survey-list-box ul.box-vote li .box-rect{position: relative;height:36px;background: #ebebeb;}
.survey-list-box ul.box-vote li .box-rect span{display: block;}
.survey-list-box ul.box-vote li .box-rect .text, .survey-list-box ul.box-vote li .box-rect .num{position:absolute;top:5px;font-size:16px;}
.survey-list-box ul.box-vote li .box-rect .text{left:10px}
.survey-list-box ul.box-vote li .box-rect .num{right:10px;}
.survey-list-box ul.box-vote li .box-rect .progress{position: absolute;top: 0;left: 0;background:#d6d2d2;height: 36px;}
.survey-list-box ul.box-vote li.top .box-rect .progress{background:#c9ebfe}
.survey-list-box ul.box-vote li.top .box-rect .text{font-weight:bold;color:#0088c8}
.survey-list-box .status{color:#666666;padding: 5px 0 0 16px;}
.survey-list-box .survey-img-list{overflow:hidden;margin:0 -31px;max-width:900px;}
.survey-list-box .survey-img-list li{float:left;margin:0 30px}
.survey-list-box .survey-img-box{width:240px;height:240px;position:relative;margin:10px 0 20px;}
.survey-list-box .survey-img-box .img-thum{padding-top:100%;}
.survey-list-box .survey-img-box .img-center{transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0)}
.survey-list-box .survey-img-box .img-box img{transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0)}
.viewer-survey-btn-box{padding:30px 0 0;border-top:1px solid #dcdee0;text-align:center;}
.viewer-survey-btn-box .btn-type1{min-width:230px;padding:20px;height:auto;font-size:18px;}

/*survey 당첨자발표*/
.viewer-winner{padding:60px 15px;border-bottom:1px solid #dcdee0;}
.viewer-winner .tit-a{color:#000;}
.winner-box .txt-box{margin:25px 0 0;}
.winner-box .txt-box p{font-size:16px;line-height:24px;letter-spacing:-1px;color:#000;}
.winner-box .txt-box .add-text{color:#0088cf;}
.winner-box .staff-list{margin:25px 0 0;padding:25px;border:1px solid #dcdee0;overflow:hidden;}
.winner-box .staff-list li{float:left;width:260px;font-size:18px; line-height:28px;letter-spacing:-1px;color:#000;}
.winner-box .staff-list li .staff-position{margin:0 10px 0 0;font-weight:900;}
.winner-box .staff-list li .list-end{font-size:16px;line-height:22px;color:#949699;}
.winner-box .caution-box{margin:25px 0 0;}
.winner-box .caution-box p{font-size:16px;line-height:24px;letter-spacing:-1px;color:#949699;}

/*survey 정답*/
.viewer-survey.answer li input[type=radio]{display:none;}
.viewer-survey.answer li label{color:#9496a3;}
.viewer-survey.answer li.on label{color:#0088c8;}
.viewer-survey.answer li dd input[type=text]{display:none;}
.viewer-survey.answer li dd .input-answer{display:inline-block;width:429px;height:45px;margin:15px 0 0;font-size:18px;line-height:45px;letter-spacing:-1px;padding:0 12px;background:#fff;color:#0088c8;border:1px solid #e0e0e0;}

/*게시판 운영지침 팝업*/
.notice-popup{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;}
.notice-popup h2{padding:18px 20px;border-bottom:1px solid #e6e6e6;font-family:"Noto Sans Bold";font-size:18px;letter-spacing:-.04em;line-height:22px;}
.notice-popup-con{position:fixed;height:706px;overflow:auto;left:50%;top:50%;width:660px;margin:-350px 0 0 -330px;z-index:204;background:#fff;}
.notice-popup-con .chk-close{position:relative;padding:10px 10px;}
.notice-popup-con .notice-wrap{padding:32px 35px;}
.notice-popup-con .notice-wrap h3.tit{font-size:20px;letter-spacing:-.04em;line-height:32px;margin:0 0 24px 0;}
.notice-popup-con .notice-wrap em{font-family:"Noto Sans Bold";}
.notice-popup-con .notice-wrap p{font-size:14px;letter-spacing:-.04em;line-height:24px;}
.notice-popup-con .restrict-list{padding:30px 0 25px;}
.notice-popup-con .restrict-list h4{font-family:"Noto Sans Bold";font-size:16px;letter-spacing:-.04em;line-height:30px;margin:0 0 12px;}
.notice-popup-con .restrict-list li{font-size:12px;letter-spacing:-.04em;line-height:20px;}
.notice-popup-con .close{display:block;width:17px;height:17px;background:url(../images/btn/btn-group.png) no-repeat -4px -29px;background-size:50px auto;position:absolute;right:20px;top:20px;font-family:"Noto Sans Bold";font-size:14px;color:#000;}
.notice-blind{display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:203;background:rgba(0,0,0,.25);}


/*****
	섹션 리스트 공통
*****/
div[class^=front-list]{position:relative;}
div[class^=front-list] .tabWrap{padding:10px 0 0;}
div[class^=front-list] .list-total{font-size:30px;margin-left:15px;vertical-align:baseline;color:#0088cf}
div[class^=front-list] .select-cate{position:absolute;right:0;top:7px;}
div[class^=front-list] .select-cate li{float:left;margin:0 0 0 10px;}
div[class^=front-list] .select-cate li a{font-size:14px;letter-spacing:-.04em;color:#54585e;}
div[class^=front-list] .select-cate .bar{display:inline-block;margin:0 0 0 10px;width:1px;height:13px;background:#dcdee0;}
div[class^=front-list] .select-cate li.on{}
div[class^=front-list] .select-cate li.on a{color:#000;font-family:"Noto Sans Bold";}
div[class^=front-list] .select-cate.h-cate{top:3px;left:200px}
div[class^=front-list] .select-cate.h-cate li a{font-size:20px}

div[class^=front-list] .select-box{position:absolute;right:0;top:-3px;width:136px;}
.component-box.vod .select-box{top:0}

div[class^=front-list] .component{padding:0 0 20px;}
div[class^=front-list] .component .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"}
div[class^=front-list] .tabCon .component .tit-a{margin:40px 0 20px;font-size:20px;line-height:22px;}
div[class^=front-list] .tabCon .list-total{margin-left:10px;}

/*****
	섹션 드라마
*****/
.section.drama{}
.section.drama .section-vertical{margin:0;padding:0;border-top:none;}
.section.drama .section-vertical .component:last-of-type{padding:40px 0 0;}
.section.drama .component-box.slide1 .autoplay{display:none;}

/*****
	섹션 스포츠
*****/
/*섹션 스포츠 공통*/
.section.sports .component{padding:25px 0 40px 0;}
.section.sports .tabArea{margin-bottom:0;}
.section.sports .tabCon .component{padding:40px 0 40px 0;}
.section.sports .comp0401 h4{display:none;}
.section.sports .comp01 h4{display:none;}
.section.sports .comp01 .date{display:none;}
.section.sports .comp01 .des{font-size:20px;line-height:24px;}
.section.sports .comp01 .read{display:block;margin:5px 0 0 0;font-size:14px;color:#949699;}
.section.sports .comp01 li{height:310px;margin-bottom:60px;}
.section.sports .grid1 li{min-height:auto;}
.section.sports .component.bg-gray1{margin:25px 0 40px 0;background:#34373c;}
.section.sports .component.bg-gray1 h4{display:block;padding:50px 0 0 0;color:#fff;}
.section.sports .component.bg-gray1 li{margin-bottom:0;}
.section.sports .component.bg-gray1 .all-view{top:60px;font-family:"Noto Sans Regular";color:#fff;}
.section.sports .component.bg-gray1 .comp01 .des{font-family:"Noto Sans Regular";letter-spacing:-1px;font-size:20px;color:#fff;}
.section.sports .component.bg-gray1 .comp01 .read{font-size:16px;color:#949699;}
.section.sports .component.bg-gray1 .comp01-list-box .img-box .type2{background:#34373c;}
.section.sports .component.bg-gray{padding:70px 0 80px 0;}
.section.sports .component-box.slide1 .autoplay{display:none;}
.section.sports .component-box.slide1 .cate{font-family:"Noto Sans Regular";font-size:14px;letter-spacing:-.025px;line-height:20px;color:#fff;}
.section.sports .component-box.slide1 .des{font-size:18px;letter-spacing:-.05px;line-height:24px;color:#fff;}




/*섹션 스포츠 리스트*/
.section.sports div[class^=front-list] .omn-list{border:none;}
.section.sports div[class^=front-list] .component{padding:0 0 80px;}
.section.sports div[class^=front-list] .front-list-tit{font-size:30px;line-height:44px;}
.section.sports div[class^=front-list] .component{padding-bottom:80px;}
.section.sports div[class^=front-list] .select-cate{top:15px;}
.section.sports div[class^=front-list] .board-type1{table-layout:fixed;}
.section.sports div[class^=front-list] .board-type1 .tit a{max-width:90%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section.sports div[class^=front-list] .board-type1 .tit .ico{display:inline-block;overflow:hidden;text-indent:-10000em;margin:0 3px 0 0;width:14px;height:14px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;background-size:28px;}
.section.sports div[class^=front-list] .board-type1 .tit .ico.type1{background-position:-14px 0;}
.section.sports div[class^=front-list] .board-type1 .tit .ico.type2{background-position:0 0;}
.section.sports div[class^=front-list] .board-type1 .tit .ico.notice{background-position:0 -14px;}
.section.sports div[class^=front-list] .board-type1 .writer{text-align:left;}
.section.sports div[class^=front-list] .board-type1 .writer .ico{display:inline-block;margin-right:5px;width:16px;height:16px;background:url(../images/ico/ico-sns-s.png) no-repeat;}
.section.sports div[class^=front-list] .board-type1 .writer .ico.facebook{background-position-y:-16px;}
.section.sports div[class^=front-list] .board-type1 .writer .ico.kakao{background-position-y:0px;}
.section.sports div[class^=front-list] .board-type1 .writer .ico.naver{background-position-y:-32px;}
.section.sports div[class^=front-list] .board-type1 .writer .ico.twit{background-position-y:-48px;}
.section.sports div[class^=front-list] .best-list{border-top:3px solid #343464;}
.section.sports div[class^=front-list] .best-list li{padding:18px 0;border-bottom:1px solid #dddee0;}
.section.sports div[class^=front-list] .best-list .tit{display:block;font-size:16px;line-height:22px;letter-spacing:-1px;color:#000;}
.section.sports div[class^=front-list] .best-list .date{display:block;font-size:12px;line-height:16px;color:#54585e;}
.section.sports .front-list2 .omn .tit-a{display:none;}
.section.sports .front-list2 .omn-list{padding:50px 0 0;}
.section.sports .front-list4 .vod .tit-a{display:none;}
.section.sports .front-list4 .vod-list{padding:75px 0 0;}
.section.sports .front-list5 .comp02 .tit-a{display:none;}
.section.sports .front-list5 .comp02 .select-box{top:0px;}
.section.sports .front-list5 .comp02-list{padding:54px 0 0 0}
.section.sports .front-list5  .select-box + .comp02-list{padding-top:88px}
.section.sports .front-list5 .component{padding:0 !important;margin:25px 0 60px}
.section.sports .front-list5 .comp02-list-box .tit{display: block;width: 550px;margin: 110px 5px 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section.sports .front-list5 .comp02-list-box .des{bottom:15px;}
.section.sports .front-list5-1 .component{margin:0 0 60px;padding:0 !important;}
.section.sports .front-list5-1 .comp02-list-box .tit{display:block;width:50%;line-height:24px;margin:65px 5px 0 20px;}
.section.sports .front-list5-1 .comp02-list-box .des{display:none;}
.section.sports .tab-list6 .tabArea{width:870px;}
/*섹션 스포츠 디테일*/
.section.sports div[class^=front-detail] .omn-list{border:none;}
.section.sports div[class^=front-detail] .component{padding:40px 0 80px;}
.section.sports div[class^=front-detail] .tabWrap .tabArea{width:870px;}
.section.sports div[class^=front-detail] .board2 .header-txt-writer{color:#54585e;}
.section.sports div[class^=front-detail] .board2 .header-txt-writer .ico{display:inline-block;margin-right:5px;width:16px;height:16px;background:url(../images/ico/ico-sns-s.png) no-repeat;}
.section.sports div[class^=front-detail] .board2 .header-txt-writer .ico.facebook{background-position-y:-16px;}
.section.sports div[class^=front-detail] .board2 .header-txt-writer .ico.kakao{background-position-y:0px;}
.section.sports div[class^=front-detail] .board2 .header-txt-writer .ico.naver{background-position-y:-32px;}
.section.sports div[class^=front-detail] .board2 .header-txt-writer .ico.twit{background-position-y:-48px;}
.section.sports div[class^=front-detail] .board1 .header-sel .board-search .search-txt{width:641px;}
.section.sports div[class^=front-detail] .board1 .header-sel .board-search .search-txt input{width:641px;}

.board2 .header-txt-writer .ico{display:inline-block;margin-right:5px;width:16px;height:16px;background:url(../images/ico/ico-sns-s.png) no-repeat;}
.board2 .header-txt-writer .ico.facebook{background-position-y:-16px;}
.board2 .header-txt-writer .ico.kakao{background-position-y:0px;}
.board2 .header-txt-writer .ico.naver{background-position-y:-32px;}
.board2 .header-txt-writer .ico.twit{background-position-y:-48px;}

/*****
	버티칼 공통
*****/
/*버티컬 리스트 공통*/
#header.vertical .header-bottom:before{display:none;}
div[class^=vertical-list]{position:relative;}
div[class^=vertical-list] .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
div[class^=vertical-list] .select-cate{position:absolute;right:0;top:7px;}
div[class^=vertical-list] .select-cate li{float:left;margin:0 0 0 12px;}
div[class^=vertical-list] .select-cate li a{font-size:14px;letter-spacing:-.025em;color:#54585e;}
div[class^=vertical-list] .select-cate .bar{display:inline-block;margin:0 0 0 12px;width:1px;height:13px;background:#dcdee0;}
div[class^=vertical-list] .select-cate li.on{}
div[class^=vertical-list] .select-cate li.on a{color:#000;font-family:"Noto Sans Bold";}
div[class^=vertical-list] .select-box{position:absolute;right:0;top:-3px;width:136px;}
div[class^=vertical-list] .component{padding:0 0 20px;}
div[class^=vertical-list] .component .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"}
.vertical .vertical-list{position:relative;margin:0 auto;width:1200px;}
.vertical .vertical-list .page-title{position:relative;margin:60px 0 35px;font-size:32px;line-height:36px;color:#000;font-family:"Noto Sans Bold"}
.vertical .vertical-list .page-title .list-total{display:inline-block;margin-left:16px;font-size:30px;line-height:32px;font-weight:900;letter-spacing:-1px;color:#0088cf;vertical-align:baseline}
/*버티컬 리스트 thema*/
.vertical .vertical-list .comp01 .img-box .type,
.vertical .vertical-list .comp01 .tit,
.vertical .vertical-list .comp01 .episode,
.vertical .vertical-list .comp01 .date,
.vertical .vertical-list .comp01 .time,
.vertical .vertical-list .comp01 .read{display:none;}
.vertical .vertical-list .comp01 .img-thum{padding-top:66.66%;}
.vertical .vertical-list .comp01 .txt{position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/etc/bg-list-thema.png) repeat-x left bottom;}
.vertical .vertical-list .comp01 .des{position:absolute;left:0;bottom:0;right:0;padding:20px;font-size:18px;line-height:24px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold";}
/*버티컬 리스트 card*/
.vertical .vertical-list .comp06 .all-view{display:none;}
.vertical .vertical-list .comp06 .txt{padding:10px 0 0;border:none;font-size:18px;line-height:22px;letter-spacing:-.5px;color:#000;}
.vertical .vertical-list .component-box.omn .omn-list{border-top:4px solid #343464;}
/*버티컬 리스트 board*/
.vertical-list{overflow:hidden;}
.vertical-list .page-title{width:100% !important;}

/*****
	섹션 라디오
*****/
.section.radio .component-box .tit-a{position:relative;margin:0 0 20px 0;font-size:30px;line-height:34px;color:#000;font-family:"Noto Sans Bold"}
.section.radio .grid3 .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section.radio .grid3 .date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section.radio .tab01{margin:0;}
.section.radio .app-down-box{margin:70px 0 0;}
.section.radio .tabWrap .component .tit-a{font-size:24px;font-family:"Noto Sans Regular";}
.section.radio .tabWrap .component .noticebar .tit-a{font-size:16px;font-family:"Noto Sans Bold"}
.section.radio div[class*=banner] .tit-a{display:none;}
.section.radio .podcast .component-box.noticebar{width:auto;}
.section.radio .podcast .component-box.reply .tit-a{font-size:20px;line-height:24px;font-family:"Noto Sans Bold"}
.section.radio .podcast .component-box.reply .reply-count{font-size:20px;line-height:24px;color:#0088c8;}
.component-box.chlist{position:relative;}
.chlist .owl-carousel .owl-stage-outer{overflow:visible;}
.chlist-list{overflow:hidden;position:relative;border-top:1px solid #343464;border-bottom:1px solid #b6b7b9;}
.chlist-channel{position:relative;padding:0 0 0 207px;}
.chlist-tit{z-index:1;position:absolute;left:0;top:0;width:207px;height:100%;background:#fff;}
.chlist-tit span{display:block;margin:10px 0 0 15px;width:138px;height:28px;background:url(../images/ico/radio-channel-title-v2.png) no-repeat 0 0;}
.chlist-tit.radio1 span{background-position-y:0;}
.chlist-tit.happyfm span{background-position-y:-28px;}
.chlist-tit.radio3 span{background-position-y:-56px;}
.chlist-tit.classicfm span{background-position-y:-84px;}
.chlist-tit.coolfm span{background-position-y:-112px;}
.chlist-tit.people span{background-position-y:-140px;}
.chlist-tit.world span{background-position-y:-168px;}
.channel-list .list-item{border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.channel-list .list-item a{display:block;position:relative;}
.channel-list .list-item .tit{display:block;padding:20px;background:#fff;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.channel-list .list-item .tit .ico{vertical-align:baseline;}
.channel-list .list-item .info{display:block;margin-left:-1px;padding:6px 20px;background:#f6f6f6;font-size:12px;line-height:16px;letter-spacing:-1px;color:#000;}
.channel-list .list-item .progress{display:none;position:absolute;bottom:0;left:0;height:2px;background:#0088c8;}
.channel-list .list-item .listen{display:none;position:absolute;right:22px;top:17px;padding:5px 10px;border:1px solid #34373c;font-size:12px;line-height:16px;color:#34373c;background:#fff;}
.channel-list .list-item .listen:hover{margin:-1px -1px 0 0;border-width:2px;}
.channel-list .owl-item.active:nth-of-type(3n-2) .list-item .info{margin:0;}
.channel-list .list-item.visible .tit .ico{display:inline-block;margin:-5px 0 0 5px;width:14px;height:10px;background:url(../images/ico/ico-visible-radio.png) no-repeat;vertical-align:middle;}
.channel-list .list-item.hover{z-index:1;position:relative;box-shadow:0 0 12px rgba(0,0,0,.4);transform-origin:50% 50%;-webkit-transform:scale(.98, .95);-ms-transform:scale(.98, .95);transform:scale(.98, .95);}
.channel-list .list-item.onair .tit{font-family:"Noto Sans Bold";}
.channel-list .list-item.onair .info{color:#0088c8;font-family:"Noto Sans Bold";}
.channel-list .list-item.onair .progress{display:block;}
.channel-list .list-item.onair.hover .listen{display:block;}
.chlist-list-btn{position:absolute;right:0;top:0;}
.chlist-list-btn .btn-prev{float:left;width:18px;height:18px;background:url(../images/arrow/arrow-slide02.png) no-repeat 0 0;cursor:pointer;}
.chlist-list-btn .btn-next{float:left;margin:0 0 0 8px;width:18px;height:18px;background:url(../images/arrow/arrow-slide02.png) no-repeat -19px 0;cursor:pointer;}
.chlist-list-btn .btn-prev.disabled,
.chlist-list-btn .btn-next.disabled{background-position-y:-20px;}

/* 섹션 라디오 팟케스트 */
/*.podcast{padding:40px 0 0;border-top:2px solid #343464}*/
.podcast-info .txt-box{display:table-cell;position:relative;padding:0 62px 0 0;vertical-align:top;}
.podcast-info .tit{font-size:30px;line-height:34px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";max-width:420px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.podcast-info .date{display:block;font-size:12px;line-height:16px;color:#9496a3;}
.podcast-info .des{display:block;margin:15px 0 0;font-size:16px;line-height:26px;color:#000;width:516px}
.podcast-info .prog-link{position:absolute;right:62px;top:0;padding:3px 7px;border:1px solid #34373c;font-family:"Noto Sans Bold";color:#34373c;}
.podcast-info .btn-like{position:relative;margin:30px 0 0;padding:0 0 0 22px;font-size:12px;line-height:16px;color:#000;font-family:"Noto Sans Bold"}
.podcast-info .btn-like .ico{position:absolute;left:0;top:50%;margin:-8px 0 0;width:17px;height:17px;background:url(../images/ico/ico-reply.png) no-repeat -4px -55px;}
.podcast-info .btn-like.on .ico{background-position-x:-29px;}
.podcast-info .img-box{display:table-cell;width:288px;}
.podcast-notice{padding:70px 0;;}
.podcast-notice .component-box.mnewsbar{width:100%;}
.podcast-board{}
.podcast-board-tit{font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.podcast-board-list{margin:20px 0 0;border-top:1px solid #343464}
.podcast-board-list li{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #dddee0;}
.podcast-board-list .date{display:table-cell;padding:20px 0;width:106px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#54585e;text-align:center;}
.podcast-board-list .tit{display:table-cell;padding:20px 60px;}
.podcast-board-list .tit a{display:inline-block;max-width:100%;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.podcast-board-list .download{display:table-cell;padding:20px 0;width:80px;text-align:center;}
.podcast-board-list .download a{font-size:14px;line-height:20px;color:#343464;font-family:"Noto Sans Bold"}

/*라디오 지도*/
.radio-map{padding:68px 0 60px;}
.radio-map .tit-a{font-size:24px;line-height:28px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Regular"}
.radio-map .tit-des{margin:10px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.radio-map-box{display:table;table-layout:fixed;overflow:hidden;margin:40px 0 0;width:100%;}
.radio-map-link{display:table-cell;position:relative;width:50%;vertical-align:top;}
.radio-map-link img{display:block;width:100%;}
.map-btn{position:absolute;top:0;left:0;width:38px;height:38px;line-height:38px;text-align:center;}
.map-btn a{display:block;width:100%;height:100%;border-radius:100%;font-family:"Noto Sans Bold";background:#fff;}
.map-btn a:hover{background:#a9aab3;}
.map-btn.on a{background:#0088c8;color:#fff;}
.map-btn.spot1{top:40px;left:171px;width:70px;height:70px;line-height:70px;}/*서울*/
.map-btn.spot2{top:36px;left:270px;}/*춘천*/
.map-btn.spot3{top:44px;left:377px;}/*강릉*/
.map-btn.spot4{top:86px;left:304px;}/*원주*/
.map-btn.spot5{top:125px;left:260px;}/*충주*/
.map-btn.spot6{top:168px;left:218px;}/*청주*/
.map-btn.spot7{top:176px;left:369px;}/*안동*/
.map-btn.spot8{top:222px;left:241px;}/*대전*/
.map-btn.spot9{top:278px;left:202px;}/*전주*/
.map-btn.spot10{top:257px;left:327px;}/*대구*/
.map-btn.spot11{top:243px;left:430px;}/*포항*/
.map-btn.spot12{top:309px;left:425px;}/*울산*/
.map-btn.spot13{top:344px;left:177px;}/*광주*/
.map-btn.spot14{top:365px;left:230px;}/*순천*/
.map-btn.spot15{top:335px;left:285px;}/*진주*/
.map-btn.spot16{top:353px;left:344px;}/*창원*/
.map-btn.spot17{top:360px;left:403px;}/*부산*/
.map-btn.spot18{top:391px;left:143px;}/*목포*/
.map-btn.spot19{top:524px;left:145px;width:52px;height:52px;line-height:52px;}/*제주*/
.map-btn.spot20{top:479px;left:452px;width:84px;height:84px;font-size:15px;line-height:20px;}/*한민족 방송*/
.map-btn.spot20 a{padding:20px 0 0 0;height:64px;}
.radio-map-info{display:table-cell;position:relative;box-sizing:border-box;padding:50px 60px;width:50%;height:100%;border:1px solid #dcdee0;vertical-align:top;}
.map-info-guide{font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;}
.map-info-list{display:none;position:absolute;bottom:50px;left:60px;right:60px;}
.map-info-tit{font-size:32px;line-height:40px;letter-spacing:-1px;color:#000;font-family:"noto Sans Bold";}
.map-info-list ul{margin:15px 0 0;padding:15px 0;border-top:1px solid #dcdee0;}
.map-info-list dl{overflow:hidden;padding:15px 0;}
.map-info-list .channel{float:left;width:145px;font-size:18px;line-height:22px;letter-spacing:-1px;color:#54585e;}
.map-info-list .frequency{float:left;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;}

/*섹션 라디오 리스트 공통*/
.section.radio div[class^=front-list] .component{padding:40px 0 20px;}
.section.radio div[class^=front-list] .grid2-box .slice-grid2{margin:-30px 0 0;}
.section.radio div[class^=front-list] .grid2-box .slice-grid2 li{min-height:auto;margin:30px 15px 0 0;}
.section.radio div[class^=front-list] .grid2-box .slice-grid2 li:nth-of-type(5n+5){margin:30px 0 0;}
.section.radio div[class^=front-list] .grid2-box .img-thum{padding-top:56.25%;}
.section.radio div[class^=front-list] .grid2-box .txt{font-size:18px;line-height:22px;}
.section.radio div[class^=front-list] .grid2-box .txt .date{letter-spacing:0;color:#9496a3;line-height:16px;}
.section.radio div[class^=front-list] .tit-a{font-size:20px;line-height:24px;margin:0 0 20px 0;}
.section.radio div[class^=front-list] .tit-a .list-total{display:inline-block;margin:0 0 0 10px;font-size:20px;line-height:24px;color:#0088cf;vertical-align:top;}
.link-list-box.section-radio{padding:20px 0 0;}


/* **********
	게시판 iframe용 스타일 추가 by ASRAHI 2017-08-02
********** */
.board-frame{}
.board-tit{position:relative;margin:0 0 35px;font-size:32px;line-height:36px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.board-header{margin:35px 0;}
.board-admin{position:relative;margin:40px auto;font-size:0;}
.board-cate{}
.board-notice{margin:35px 0;}
.board-notice .board-review{width:auto;}
.board-notice .board-type1{border-top:0;}
.board-content{position:relative;}
.board-content .board-type2 label{display:block;width:100%;height:100%;}
.board-content .board-list{padding:20px 0 0;}
.board-content .component .component-box{width:auto;}
.board-content .grid4-box ul.slice-grid4{margin:0 -16px 0 0}
.board-content .grid4-box .slice-grid4 li{width:25%;box-sizing:border-box;margin:0;padding:0 16px 50px 0}
.board-content .front-detail{width:100%;}
.board-reply{}
.board-reply .component-box.reply{width:100%;}
.board-paging{margin:20px 0;}
.board-paging .board-write-btn{margin:4px 0 0;}
.board-paging .board-guide-btn{margin:2px 0 0;}
.baord-paging .paging.type1{margin:0 auto;}
.board-search{margin:20px auto;}
.board-footer{margin:35px 0;}

/*****
	게시판
*****/
.table-header{position:relative;width:1200px;margin:40px auto 0;font-size:0;}
.table-header .txt-box{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:30px;z-index:1;}
.table-header .txt-box .tit{display:block;font-size:24px;line-height:28px;color:#fff;font-family: 'Noto Sans DemiLight';}
.table-header .txt-box .txt{display:block;margin:10px 0 0;font-size:14px;line-height:18px;color:#fff;font-family: 'Noto Sans Light';}
.table-header img{width:100%;}
.split-board-box3{float:left;width:870px;padding:40px 0 80px;}
.split-board-box3 .tabArea{display:none;}
.split-board-box3 .conArea{}
.sorting .split-board-box3 .conArea{padding:40px 0 0 0;}
.sorting .split-board-box3{padding:20px 0 80px;}
.sorting .split-board-box3.type2{padding:40px 0 80px;}
.board_frame.split-board-box3{padding:40px 0 80px;}
.split-board-box2{float:left;margin:91px 0 0 45px;width:288px;}
.sorting .split-board-box2{margin:98px 0 0 42px;}
.sorting .split-board-box2.type2{margin:40px 0 0 42px;}
.sorting .tabArea{display:block;}
.board-type1{table-layout:fixed;}
.board-type1 .tit a{max-width:90%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;}
.board-type1 .tit .ico{display:inline-block;overflow:hidden;vertical-align:top;text-indent:-10000em;margin:5px 0 0 2px;width:14px;height:14px;background:url(../images/ico/ico-comp-miniboard.png) no-repeat;background-size:24px;}
.board-type1 .tit .ico.new{background-position:0 -12px;}
.board-type1 .tit .ico.lock{margin:11px 3px 0 0;background-position:-29px -53px;background-size:48px;}
.board-type1 .tit .ico.infile{margin: 9px 0 0 5px;background-position: -4px -78px;background-size: 48px;width: 15px;height: 15px;}
.board-type1 .writer{text-align:left;}
.board-type1 .writer .ico{display:inline-block;margin-right:5px;width:16px;height:16px;background:url(../images/ico/ico-sns-s.png) no-repeat;}
.board-type1 .writer .ico.facebook{background-position-y:-16px;}
.board-type1 .writer .ico.kakao{background-position-y:0px;}
.board-type1 .writer .ico.naver{background-position-y:-32px;}
.board-type1 .writer .ico.twit{background-position-y:-48px;}.writer .ico.naver{background-position-y:-32px;}
.board-type1 .reply .tit{padding:0 0 0 36px;background:url(../images/ico/ico-board-reply.png) 13px center no-repeat;}
.split-board .best-list{border-top:3px solid #343464;}
.split-board .best-list li{padding:18px 0;border-bottom:1px solid #dddee0;}
.split-board .best-list .tit{display:block;font-size:16px;line-height:22px;letter-spacing:-1px;color:#000;}
.split-board .best-list .date{display:block;font-size:12px;line-height:16px;color:#54585e;}
.box-tit{margin:0 0 16px;font-size:20px;line-height:24px;letter-spacing:-.5px;color:#000;font-family:"Noto Sans Bold";}
.board-write-btn{float:right;display:block;margin:20px 0 0;padding:8px 40px;border:1px solid #717192;font-family:"Noto Sans Bold";font-size:14px;color:#fff;}
.board-guide-btn-wrap{float:left;display:block;margin:0;padding:8px 0;}
.board-guide-btn-wrap a{display:block;font-size:14px;color:#949699 !important;}

.btn-board-admin{display:inline-block;margin:0 10px 0 0;padding:8px 20px;border:1px solid #717192;font-family:"Noto Sans Bold";font-size:14px;}
.board-admin-tit{padding:20px 0 10px;border-bottom:1px solid #ddd;font-size:20px;line-height:24px;color:#000;font-family: 'Noto Sans Bold';}
.board-admin-sec{margin:0 0 20px;}
.board-admin-sec.center{text-align:center;}

/* 게시판 컨텐츠 검색 추가 18-01-30 by ASRAHI */
.scf-add{overflow:hidden;}
.scf-add-tree{float:left;width:150px;}
.scf-add-tree ul{padding:5px;}
.scf-add-tree li{padding:5px;}
.scf-add-tree li:before{content:"-"}
.scf-add-body{padding:5px 5px 5px 160px;}
.scf-add-search{margin:0 0 20px;}
.scf-add-search label{display:block;}
.scf-add-search span{display:inline-block;}
.scf-add-search .label-tit{width:60px;}
.scf-add-search-date{padding:0 12px;height:37px;line-height:37px;border:1px solid #e0e0e0;box-sizing:border-box;font-size:12px;line-height:14px;color:#262626;}
.scf-add-search-kwd{width:310px;}
.scf-add-search-btn{display:inline-block;height:37px;padding:0 12px;opacity:.65;background:#337ab7;color:#fff;border:1px solid #2e6da4;border-radius:4px;box-sizing:border-box;line-height:14px;font-size:12px;}

.scf-add-list{overflow:auto;}
.scf-add-list table{width:100%;table-layout:fixed;empty-cells:show;border-collapse:collapse;}
.scf-add-list th,.scf-add-list thead td{text-align:center;background:#efefef;}
.scf-add-list th,.scf-add-list td{text-align:center;padding:5px;border:1px solid #ddd;}
.scf-add-list td:nth-child(3){text-align:left;}
.scf-add-list td .btn-sel{display:inline-block;padding:2px 10px;opacity:.65;background:#337ab7;color:#fff;border:1px solid #2e6da4;border-radius:4px;}
.scf-add-list-source{width:100px;text-align:center;}
.scf-add-list-type{width:100px;}
.scf-add-list-name{width:auto;}
.scf-add-list-date{width:100px;}
.scf-add-list-btn{width:100px;}
#scf_more_area{text-align:center;margin:10px 0;}
#scf_more_area a{display:inline-block;min-width:100px;padding:10px;opacity:.65;background:#337ab7;color:#fff;border:1px solid #2e6da4;border-radius:4px;}
.selectricWrapper{display:block;vertical-align:middle;}

/***** 플레이어 *****/
/*플레이어 공통*/
.player{padding:60px 0 0;}
.live .player-box .btn-prev, .live .player-box .btn-next{visibility:hidden;}
.live .component{padding:60px 0 30px;}
.radiolook #content{padding:0;}
.radiolook .player{padding:0;}
.radiolook .player .caption{margin:0 28px;}
.radiolook .player-top{width:865px;margin:0;border:0;}
.player-top{position:relative;overflow:hidden;width:1200px;margin:0 auto;border-bottom:1px solid #34373c;}
.player-top .player-top-l{float:left;width:866px;}
.player-top .player-top-r{float:right;width:288px}
.live .player-top .player-top-r{float:right;width:288px;height:719px;}
.player-top-r .side-box{position:relative;}
.side-box .side-tit{display:block;padding:0 0 29px;border-bottom:1px solid #34373c;font-size:22px;line-height:26px;color:#000;font-family: 'Noto Sans Bold';}
.side-box .side-tit .tit01{position: relative;display: inline-block;max-width: 53%;}
.side-box .side-tit .tit01-child{display: block;max-width: 100%;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;max-height: 52px;-webkit-box-sizing: border-box;box-sizing: border-box;word-break: break-all;letter-spacing: -1px;}
.side-box .side-tit .list-total{position: absolute;top: 0;right: -49px;display:inline-block;width: 52px;text-align: left;margin:0 0 0 3px;padding: 0 0 0 6px;font-size:22px;line-height:26px;color:#0088cf;vertical-align:top;font-family: 'Noto Sans Regular';box-sizing: border-box;-webkit-box-sizing: border-box;}
.side-box .btn-swipe{position:absolute;top:5px;right:0;font-size:0;line-height:0;}
.side-box .btn-swipe .txt{display:inline-block;margin:0 10px 0 0;font-size:12px;line-height:17px;vertical-align:top;color:#54585e;letter-spacing:-1px;}
.side-box .btn-swipe .btn-swipe-box{position:relative;display:inline-block;width:26px;height:20px;}
.side-box .btn-swipe .btn-handle{position:absolute;top:1px;left:0;width:15px;height:15px;border-radius:20px;background:#828282;z-index:2;transition:all 0.2s;}
.side-box .btn-swipe .btn-bg{position:absolute;display:inline-block;top:50%;left:0;margin:-6px 0 0;width:25px;height:9px;border-radius:12px;background:#cacccc;z-index:1;transition:all 0.2s;}
.side-box .btn-swipe .btn-swipe-box.on .btn-handle{left:11px;background:#0087ce;}
.side-box .btn-swipe .btn-swipe-box.on .btn-bg{background:#86bdd1;}
.side-list{position:relative;}
.player-top .customScroll{height:760px;}
.player-top.none .customScroll{height:655px;}
.player-top .customScroll .mCSB_scrollTools{width:4px;}
.player-top .customScroll .mCSB_inside>.mCSB_container{margin:0 10px 0 0;}
.side-list ul{overflow:hidden;}
.side-list li{display:table;position:relative;table-layout:fixed;min-height:45px;padding:18.4px 0;width:100%;border-top:1px solid #dddee0;font-size:0;}
.side-list li:first-of-type{border:none;}
.side-list li a{display:table-row;position:relative;width:100%;}
.side-list .progress{position:absolute;bottom:0;left:0;height:18px;background:#0088cf;opacity:.75;z-index:1;box-shadow:100px 100px 0 100px rgba(0,0,0,0.25);}
.side-list .txt{display:table-cell;position:relative;width:59%;padding:5px 15px 23px 0;margin:0 70px 0 0;word-break:break-all;vertical-align:top;}
.side-list.type2 .txt{padding:5px 0 20px;}
.side-list .txt .txt-title{font-size:16px;line-height:21px;letter-spacing:-1px;color:#000;}
.side-list .txt .txt-title.ellipsis{text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp: 2;max-height: 42px;}
.side-list .txt .txt-info{position:absolute;bottom:0;left:0;}
.side-list .txt .txt-info .inq{position:relative;display:inline-block;font-size:11px;line-height:14px;letter-spacing:-.5px;color:#949699;}
.side-list .txt .txt-info .newst{display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#949699;}
.side-list .txt .txt-info .broad{display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#000;}
.side-list .txt .txt-info .read{display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#999;}
.side-list .txt .txt-info .broad.today{color:#0088c8;}
.side-list .txt .txt-info .episode{position:relative;display:inline-block;margin: 0 6px 0 0;padding: 0 6px 0 0;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#000;font-family: 'Noto Sans Bold';}
.side-list .txt .txt-info .episode:before{content:"";position:absolute;top:2px;right:0;display:inline-block;width:1px;height:11px;background:#dcdee0;}
.side-list .txt .txt-info .date{position:relative;display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#54585e;}
/*.side-list .txt .txt-info .date:before{position:absolute;left:0;top:4px;display:inline-block;content:'';width:1px;height:7px;background:#efeff0; }*/
.side-list .img{display:table-cell;}
.side-list .img-thum{padding-top:56%;}
.side-list .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:40px;text-align:center;color:#fff;z-index:2;}
.side-list .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group50.png) no-repeat  0 -192px;background-size:32px;}
.side-list .img-box .dimed{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.5);}
.side-list .img-box .dimed .ico{display:block;position:absolute;left:50%;top:50%;margin:-12px 0 0 -12px;width:24px;height:24px;background:url(../images/ico/ico-vod-type4.png) no-repeat center center;}
.side-list .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.side-list .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.side-list .img-box .type1{}
.side-list .img-box .type1 .ico{background-position:0 -144px;}
.side-list .img-box .type2{top:auto;height:auto;padding:1px 0;background:transparent;font-size:11px;letter-spacing:-.025em;line-height:18px;}
.side-list .img-box .type2 .ico{background:none;}
.side-list .img-box .type3{}
.side-list .img-box .type3 .ico{background-position:0 -160px;}
.side-list .img-box .type4{}
.side-list .img-box .type4 .ico{background-position:0 -176px;}
.side-tab{position:relative;}
.side-tab .tab01{margin:0;}
.side-tab .tab01 li{height:45px;}
.side-tab .tab01 li a{font-size:14px;line-height:43px;font-family: 'Noto Sans Medium';}
.side-tab .btn-link-pairing{font-size:12px;line-height:14px;color:#54585e;vertical-align:top;font-family: 'Noto Sans Medium';}
.side-tab .btn-link-pairing .ico{display:inline-block;width:8px;height:10px;margin:3px 0 0 5px;vertical-align:top;background:url(../images/ico/ico-link-pairing.png) no-repeat center center;}
.side-tab .btn-link-local{font-size:14px;color:#54585e;line-height:1;letter-spacing:-.5px;margin:8px 9px 8px 0;}
.side-tab .btn-link-local:last-child{padding:0 0 0 10px;margin:8px 0 8px 0;border-left:1px solid #dcdee0;}
.side-tab .btn-link-local.on{font-weight:bold;}
.side-tab .customScroll{height:643px;}
.side-tab .btn-box{margin:14px 0 0;text-align:right;line-height:0;}
.side-tab .tab-pairing-list li{display:table;position:relative;table-layout:fixed;min-height:45px;padding:14px 0;width:100%;border-top:1px solid #ededee;font-size:0;}
.side-tab .tab-pairing-list li:first-of-type{border:0;}
.side-tab .tab-pairing-list li a{display:table-row;position:relative;width:100%;}
.side-tab .tab-pairing-list li .txt{display:table-cell;position:relative;width:64%;padding:0 15px 20px 0;margin:0 70px 0 0;word-break:break-all;vertical-align:top;}
.side-tab .tab-pairing-list li .txt .txt-title{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family: 'Noto Sans DemiLight';}
.side-tab .tab-pairing-list li .txt .txt-title.ellipsis{display: -ms-flexbox;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:40px;-webkit-box-orient:vertical;}
.side-tab .tab-pairing-list li .txt .txt-info{position:absolute;bottom:0;left:0;}
.side-tab .tab-pairing-list li .txt .txt-info .emcee{display:block;position:relative;font-size:11px;line-height:14px;letter-spacing:-.5px;color:#949699;}
.side-tab .tab-pairing-list li .txt .txt-info .date{display:block;margin:5px 0 0;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#54585e;font-family: 'Noto Sans Light';}
.side-tab .tab-pairing-list li .txt .txt-channel{display:block;margin:0 0 8px;font-size:12px;line-height:14px;letter-spacing:-1px;color:#000;font-family: 'Noto Sans Bold';text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.side-tab .tab-pairing-list li.now .txt .txt-title{width:200px;color:#0088c8;}
.side-tab .tab-pairing-list li.now .txt .txt-channel{color:#0088c8;}
.side-tab .tab-pairing-list li .btn-join-chat{display:none;position:absolute;top:50%;right:0;width:63px;height:22px;margin:-11px 0 0 0;text-indent:-1000em;overflow:hidden;background:url(../images/btn/btn-join-chat.png) 0 0 no-repeat;}
.side-tab .tab-pairing-list li.now .btn-join-chat{display:block;}
.side-tab .chat-iframe{position: absolute;top:60px;bottom:0;left:0;background:#fff;width:100%;border:1px solid #efefef;padding:30px 22px;box-sizing:border-box;z-index:3;border-bottom:1px solid ;}
.side-tab .chat-iframe iframe{display:block;width:100%;height:100%;}
.side-tab .chat-iframe .btn-close-chat{position:absolute;top:12px;right:12px;display:block;padding:5px 5px 5px 15px;background:#fff url(../images/btn/btn-close-chat.png) 0 50% no-repeat;font-size:14px;letter-spacing:-.5px;font-weight:bold;color:#54585e;}
.side-tab .select-box-wrap{position:relative;height: 34px;margin: 10px 0 0 0;}
.side-tab .select-box{position: absolute;right: 0;top: 0;}
.side-tab .select-box .selectric .label{padding: 2px 9px;height: 28px;line-height: 24px;}

/* 사이드 챗 모듈 */
.chat-wrap{position: absolute;top:60px;left:0;height: 659px;background:#fff;width:100%;padding: 10px 0 0 0;border:2px solid #efefef;box-sizing:border-box;z-index: 3;}
.chat-btn-close{position:absolute;top:12px;right:12px;display:block;width:20px;height:20px;background:#fff url(../images/btn/btn-close-chat.png) 50% 50% no-repeat;text-indent:-1000em;}
.chat-prog{border-bottom:1px solid #efefef;margin:0 18px 0;padding: 28px 0 18px 0;}
.chat-prog-ch{display:block;margin:0 0 8px;font-size:12px;line-height:14px;letter-spacing:-1px;color:#000;font-family: 'Noto Sans Bold';text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.chat-prog-tit{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family: 'Noto Sans Bold';display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:40px;-webkit-box-orient:vertical;}
.chat-writer{margin:0 0 5px;}
.chat-name{font-size:12px;color:#222;font-family: 'Noto Sans Bold';margin:0 5px 0 0;}
.chat-date{font-size:12px;color:#666;letter-spacing:-.5px;}
.chat-list{height:394px;overflow:auto;padding:0 0 10px;border-bottom:2px solid #efefef;}
.chat-list.customScroll{height: 420px;}
.chat-list-item{margin: 20px 18px 25px;letter-spacing:-.5px;}
.chat-content{font-size:14px;letter-spacing:-.5px;line-height:20px;color:#222;word-break: break-all;}
.chat-input-form{}
.chat-input{width:100%;height: 80px;border:0;margin:0;padding: 15px 20px;/* margin:0 0 5px; */overflow:auto;font-size:14px;color:#333;letter-spacing:-.5px;}
.chat-input:focus{border:0;}
.chat-input::placeholder{color:#aaa}
.chat-input::-ms-input-placeholder{color:#aaa}
.chat-input:-ms-input-placeholder{color:#aaa}
.chat-input-form input.chat-submit{float: right;width:114px;height:32px;font-size:14px;color:#333;padding:0;margin:0;border:0;background:#efefef;cursor:pointer;}
.constraint{float: left;height: 32px;text-align: right;line-height: 32px;}
.chat-login{text-align:center;padding:28px 0;}
.chat-login-txt{margin:0 0 20px;color:#333;letter-spacing:-.5px;}
.chat-btn-login{width:152px;line-height:32px;font-size:14px;color:#333;padding:0;margin:0 auto;border:0;background:#efefef;cursor:pointer;}
.chat-push-area{height: 42px;overflow: hidden;border-top: 1px solid #efefef;padding: 6px 5px 3px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.popup-wrap{position:relative;width:100%;height:100%;}
.popup-wrap .chat-wrap{top:0;border:0;}

.player-box{position:relative;width:100%;font-size:0;height:487px;}
.player-box.full{position:fixed;height:100%;background:#000;z-index:100;}
.player-box.full .player-movie video{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.player-box.full .player-thumnail img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.player-box .player-title{z-index:1;position:absolute;left:25px;top:16px;}
.player-box .player-title p{max-width:700px;font-size:20px;line-height:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.player-box .player-replay{display:block;position:absolute;right:15px;top:15px;width:30px;height:30px;cursor:pointer;background:url(../images/ico/ico-player2.png) no-repeat -60px -112px;}
.player-box .player-ticket{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:3;text-align:center;}
.player-box .player-ticket-info{position:absolute;top:156px;left:0;width:100%;}
.player-box .ticket-info-des{font-size:20px;line-height:24px;color:#fff;text-align:center;}
.player-box .ticket-info-list{display:inline-block;margin:35px 0 0;position:relative;width:428px;}
.player-box .ticket-info-slide{}
.player-box .ticket-info-list ul{overflow:hidden;margin:0 auto;text-align:center;width:428px;}
.player-box .ticket-info-list li{width:136px;height:126px;display:inline-block;}
.player-box .ticket-info-list .arrow-buttons div{position:absolute;top:31px;width:34px;height:63px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 0;cursor:pointer;font-size:0;}
.player-box .ticket-info-list .arrow-buttons.hidden{display:none;}
.player-box .ticket-info-list .arrow-buttons .arrow_prev{left:-78px;}
.player-box .ticket-info-list .arrow-buttons .arrow_next{right:-78px;background-position:-34px 0;}
.player-box .ticket-info-list .arrow-buttons .arrow_prev.disabled{display:none !important;}
.player-box .ticket-info-list .arrow-buttons .arrow_next.disabled{display:none !important;}
.player-box .ticket-info-list .ticket-pocket{display: inline-block;width: 150px;margin: 0 5px;}
.player-box .ticket-info-list a{display:block;padding:32px 10px;background:#ece9e7;font-size:18px;line-height:26px;color:#34373c;text-align:center;}
.player-box .ticket-info-list .pay{margin:10px 0 0;font-size:22px;line-height:26px;vertical-align:baseline;display:block;}
.player-box .ticket-info-list .pay span{font-family:"Noto Sans Bold";vertical-align:baseline;}
.player-box .player-ticket-susp{position:absolute;top:210px;left:0;width:100%;}
.player-box .ticket-susp-des{font-size:22px;line-height:34px;color:#fff;text-align:center;}
.player-box .player-movie{display:none;position:relative;height:100%;background:#000;}
.player-box .player-movie video{width:100%;}
.player-box .player-movie.on{display:block;}
.player-box .player-thumnail{display:block;position:relative;height:100%;}
.player-box .player-thumnail img{width:100%;font-size:0;}
.player-box .player-thumnail.off{display:none;}
.player-box .player-controller{position:absolute;top:0;left:0;right:0;bottom:0;}
.player-box .promotion-box{position:absolute;top:20px;left:20px;width:195px;height:50px;z-index: 90;}
.player-box .promotion-box a{display:block;}
.player-box .controller-box{position:relative;display:table;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
.player-box .controller-info{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.player-box .controller-info .info-box{position:relative;}
.player-box .btn-back{display:block;position:absolute;left:15px;top:15px;width:30px;height:30px;background:url(../images/ico/ico-player2.png) no-repeat 0 0;z-index:5;background-size:50px;}
.player-box .btn-system{display:block;position:absolute;right:30px;top:26px;width:30px;height:30px;cursor:pointer;background:url(../images/ico/ico-player2.png) no-repeat -9px -112px;z-index:4;}
.player-box .player-system{display:none;}
.player-box .player-system.on{display:block;}
.player-box .system-cont{display:none;position:absolute;top:0;right:40px;width:112px;}
.player-box .system-cont.on{display:block;}
.player-box .system-cont .box{background:rgba(0,0,0,.5);}
.player-box .system-cont .btn-prop{display:block;padding:18px 10px;font-size:14px;line-height:16px;color:#fff;text-align:center;font-family: 'Noto Sans Light';}
.player-box .system-cont .btn-prop span{display:inline-block;vertical-align:top;}
.player-box .btn-playstop{display:block;position:absolute;width:75px;height:75px;top:50%;left:50%;margin:-37px 0 0 -37.5px;background-image:url(../images/ico/ico-player1.png);background-repeat:no-repeat;background-position:-75px -75px;z-index:2;}
.player-box .btn-playstop.on{background-position:0 -76px;}
.player-box .btn-playstop .blind{display:none;}
.player-box .btn-playstop .type1{display:block;}
.player-box .btn-playstop.on .type2{display:block;}
.player-box .btn-playstop.on .type1{display:none;}
.player-box .btn-10ago{display:inline-block;width:75px;height:75px;margin:0 20% 0 0;background:url(../images/ico/ico-player1.png) no-repeat 0 0;z-index:2;opacity:.75;}
.player-box .btn-10aft{display:inline-block;width:75px;height:75px;margin:0 0 0 20%;background:url(../images/ico/ico-player1.png) no-repeat -75px 0;z-index:2;opacity:.75;}
.player-box .btn-prev{display:inline-block;width:75px;height:75px;margin:0 15% 0 0;background:url(../images/ico/ico-player1.png) no-repeat 0 0;z-index:2;opacity:.75;}
.player-box .btn-next{display:inline-block;width:75px;height:75px;margin:0 0 0 20%;background:url(../images/ico/ico-player1.png) no-repeat -75px 0;z-index:2;opacity:.75;}
.player-box.first .btn-prev{visibility: hidden;}
.player-box.last .btn-next{visibility: hidden;}
.player-box .btn-screen{display:block;position:absolute;right:26px;bottom:64px;width:30px;height:30px;background-image:url(../images/ico/ico-player2.png);background-repeat:no-repeat;background-position:-9px -10px;z-index:4;}
.player-box .btn-screen .blind{display:none;}
.player-box .btn-screen .type1{display:block;}
.player-box .btn-screen.on{background-position:-59px -10px;}
.player-box .btn-screen.on .type2{display:block;}
.player-box .btn-screen.on .type1{display:none;}
.player-box .btn-live{display:block;position:absolute;left:15px;bottom:35px;width:50px;height:18px;background-image:url(../images/ico/ico-playerlive.png);background-repeat:no-repeat;background-position:0 0;z-index:2;background-size:50px;}
.player-box .btn-live .blind{display:none;}
.player-box .btn-live .type1{display:block;}
.player-box .btn-live.on{background-position:0 -18px;}
.player-box .btn-live.on .type2{display:block;}
.player-box .btn-live.on .type1{display:none;}
.player-box .btn-cc{display:block;position:absolute;right:133px;bottom:64px;width:32px;height:30px;opacity:.25;background-image:url(../images/ico/ico-player2.png);background-repeat:no-repeat;background-position:-8px -61px;z-index:4;}
.player-box .btn-cc.on{opacity:1;}
.player-box .btn-sound{display:block;position:absolute;right:77px;bottom:64px;width:30px;height:30px;background-image:url(../images/ico/ico-player2.png);background-repeat:no-repeat;background-position:-9px -159px;z-index:4;}
.player-box .btn-sound.mute{background-position:-59px -159px;}
.player-box .btn-layer-close{display:block;position:absolute;right:15px;top:15px;width:25px;height:25px;background-image:url(../images/ico/ico-layer-close.png);background-repeat:no-repeat;background-position:center center;z-index:4;}
.player-box .btn-ad-close{display:block;position:absolute;right:0;top:0;width:25px;height:25px;background-image:url(../images/ico/ico-ad-close.png);background-repeat:no-repeat;background-position:center center;z-index:4;}
.player-box .btn-radiomv{display:block;position:absolute;left:26px;bottom:64px;width:30px;height:30px;opacity:.25;background-image:url(../images/ico/ico-radiolook.png);background-repeat:no-repeat;background-position:center center;z-index:4;}
.btn-radiomv.on{opacity:1;}
.player-box .info-box .player-time{display:none;}
.player-box .info-box .player-time span{display:inline-block;font-size:36px;line-height:38px;color:#fff;font-weight:900;letter-spacing:-1px;}
.player-box .info-box.moving .player-time{display:block;}
.player-box .info-box.moving .btn-playstop, .player-box .info-box.moving .btn-prev, .player-box .info-box.moving .btn-next{display:none;}
.player-box .player-prog{position:absolute;left:0;bottom:0;width:100%;height:50px;z-index:4;}
.player-box .player-prog:before{content:"";position:relative;display:block;width:100%;height:50px;z-index:1;opacity:.25;background:#000;}
.player-box .player-prog span{display:inline-block;}
.player-box .player-prog .progress{position:absolute;top:0;left:0;height:50px;z-index:1;opacity:.75;background:rgba(0,136,207,.75);}
.player-box .player-prog .prog-total{position:absolute;bottom:14px;left:25px;font-size:20px;line-height:22px;color:#fff;z-index:2;}
.player-box .player-prog .prog-in{position:absolute;bottom:14px;right:25px;font-size:20px;line-height:22px;color:#fff;z-index:2;}
.player-box .player-msg{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:4;background:#000;}
.player-box .player-msg.on{display:block;}
.player-box .player-msg .msg{display:table;width:100%;height:100%;}
.player-box .player-msg .msg-box{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.player-box .player-msg .msg-error{position:relative;}
.player-box .player-msg .msg-error p{font-size:14px;color:#fff;text-align:center;}
.player-box .player-msg .msg-error p .txt{display:block;letter-spacing:-1px;font-size:20px;}
.player-box .player-msg .msg-error p a{display:inline-block;min-width:164px;margin:55px 0 0 0;box-sizing:border-box;padding:14px 24px;border:1px solid #bfbfbf;font-size:18px;line-height:20px;font-family:"Noto Sans Medium";color:#fff;}
.player-box .player-history{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,.3);}
.player-box .player-history.on{display:block;}
.player-box .player-history .btn-layer-close{top:144px;left:526px;}
.player-box .player-history .history{display:table;width:100%;height:100%;}
.player-box .player-history .history-box{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.player-box .player-history .history-follow{position:relative;}
.player-box .player-history .history-follow p{font-size:14px;color:#fff;text-align:center;}
.player-box .player-history .history-follow p .tit{font-size:20px;line-height:22px;letter-spacing:-1px;color:#fff;font-family: 'Noto Sans DemiLight';}
.player-box .player-history .history-follow p .txt{display:block;margin:10px 0 0;font-size:30px;line-height:34px;letter-spacing:-1px;font-family: 'Noto Sans DemiLight';}
.player-box .player-history .history-follow p a{display:inline-block;min-width:164px;box-sizing:border-box;border:1px solid #dcdee0;margin:34px 0 0 0;padding:14px 24px;font-size:18px;line-height:20px;font-family:"Noto Sans Medium";color:#fff;}
.player-box .player-history .history-follow p a+a{margin:34px 0 0 10px;}
.player-box .player-ad{position:absolute;bottom:55px;left:5px;}
.player-box .player-ad a{display:block;}
.player-box .player-ad img{width:100%;}
.player-box .player-ad.type1{width:728px;height:90px;}
.player-box .player-ad.type2{width:468px;height:60px;}
.player-box .player-cc{display:none;position:absolute;bottom:230px;right:107px;width:85px;z-index:4;}
.player-box .player-cc.on{display:block;}
.player-box .cc-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
.player-box .cc-box .box{position:relative;display:table;width:100%;height:100%;padding:7px 0;background:rgba(0,0,0,.5);}
.player-box .cc-box .box-info{display:table-cell;vertical-align:middle;text-align:center;}
.player-box .cc-box .cc-tit{display:inline-block;font-size:12px;line-height:14px;color:#949699;letter-spacing:-1px;}
.player-box .cc-box .cc-list{overflow:hidden;}
.player-box .cc-box .cc-list li{text-align:left;}
.player-box .cc-box .cc-list li a{display:block;box-sizing:border-box;padding:6px 14px;font-size:14px;line-height:16px;letter-spacing:-1px;color:#9496a3;}
.player-box .cc-box .cc-list li.on a{color:#fff;font-family:"Noto Sans Medium";}
.player-box .player-system{display:none;position:absolute;top:26px;right:70px;width:85px;z-index:4;}
.player-box .player-system.on{display:block;}
.player-box .system-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
.player-box .system-box .box{position:relative;display:table;width:100%;height:100%;padding:14px 0;background:rgba(0,0,0,.5);}
.player-box .system-box .box-info{display:table-cell;vertical-align:middle;text-align:center;}
.player-box .system-box .system-tit{display:inline-block;font-size:12px;line-height:14px;color:#949699;letter-spacing:-1px;}
.player-box .system-box .spd-list{overflow:hidden;}
.player-box .system-box .spd-list li{display:block;text-align:left;}
.player-box .system-box .spd-list li:last-of-type{margin:0;}
.player-box .system-box .spd-list li a{display:block;box-sizing:border-box;padding:4px 20px;font-size:14px;line-height:16px;letter-spacing:-1px;color:#9496a3;font-family:"Noto Sans Light";}
.player-box .system-box .spd-list li.on a{color:#fff;font-family:"Noto Sans Medium";}
.player-box .volume{position:absolute;display:none;bottom:40px;right:-3px;padding:18px 17px;background:rgba(0,0,0,.5);}
.player-box .volume:before{content:"";display:block;width:100%;height:138%;position:absolute;top:0;left:0;}
.player-box .volume.on{display:block;}
.player-box .volume .volume-box{display:block;position:relative;width:4px;height:80px;background:rgba(183,183,183,.25);}
.player-box .volume .volume-box .percent{display:block;position:absolute;bottom:0;width:100%;background:#fff;}
.player-box .volume .volume-box .percent.zero{height:0 !important;}

.player .caption{position:relative;padding:35px 0 55px;}
.player-top.none .caption{padding:35px 0 40px;}
.player .caption .caption-buy{position:relative;margin:15px 0 0;text-align:left;}
.player .caption .btn-voucher{padding:10px 27px 11px;border:1px solid #949699;font-size:16px;line-height:20px;letter-spacing:-0.5px;color:#000;}
.player .caption-meta{position:relative;}
.caption-meta span{display:inline;}
.caption-meta .channel{display:inline-block;margin:0 0 15px;font-size:18px;line-height:20px;font-family: 'Noto Sans Bold';color:#0088c8;}
.caption-meta .btn-radio-live{font-family:'Noto Sans Bold';font-size: 12px;color:#111111;margin: 0 0 15px 0;height: 28px;line-height: 28px;border: 1px solid #d1d1d1;padding: 0 11px 0 31px;background:url(../images/ico/ico-radio-live.jpg) no-repeat 10px 50%;letter-spacing: -0.5px;margin: 0 0 15px 11px;}
.caption-meta .btn-cc{display:inline-block;text-indent:-1000em;width:37px;height:25px;margin:0 0 15px 11px;overflow:hidden;background:url(../images/btn/sp-btn-cc.png) 0 -25px no-repeat;}
.caption-meta .btn-cc.on{background-position:0 0;}
.caption-meta .episode{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-width:590px;max-height:86px;-webkit-box-orient:vertical;word-break:break-all}
.caption-meta .episode span{font-size:32px;line-height:42px;color:#000;letter-spacing:-1px;font-family: 'Noto Sans Regular';}
.caption-meta .information{margin:10px 0 0;font-size:0;line-height:0;}
.caption-meta .information span{vertical-align:top;}
.caption-meta .date{position:relative;font-size:12px;line-height:14px;color:#000;}
.caption-meta .name:before{content:"";position:absolute;top:4px;left:0;display:inline-block;width:1px;height:11px;background:#dfdfe0;}
.caption-meta .name{position:relative;padding: 0 0 0 11px;margin: 0 0 0 10px;font-size:12px;line-height:14px;color:#000;}
.caption-meta .view{float:right;font-size:12px;line-height:14px;color:#000;}
.caption-meta .script-box{position: relative;display: inline-block;float:right;font-size:12px;line-height:14px;padding: 0 0 0 11px;margin: 0 0 0 11px;}
.caption-meta .script-box a{color:#000;}
.caption-meta .script-box:before{content:"";position:absolute;top:2px;left:0;display:inline-block;width:1px;height:11px;background:#b2b2b2;}
.caption-meta .script-box .bubble-script{display: none;position: absolute;top: 26px;left:-125px;width: 220px;padding: 0 0 0 7px;z-index: 99;}
.caption-meta .script-box .bubble-script:before{position: absolute;top:-2px;right:26px;margin: -5px 0 0;content: "";display: inline-block;width: 8px;height: 10px;background: url(../images/ico/ico-bubble02.png) no-repeat center center;z-index: 1;}
.caption-meta .script-box .bubble-box{position: relative;display: block;padding: 12px 18px;box-sizing: border-box;border: 1px solid #b6b7b9;font-size: 12px;line-height: 16px;color: #000;background: #f6f6f6;}
.caption-meta .script-box .bubble-script .btn-close {position: absolute;top: 0;right: 0;display: inline-block;width: 25px;height: 25px;outline: none;background: url(../images/ico/ico-bubble-close.png) no-repeat center center;}
.caption-meta .script-box .btn-script{vertical-align: top;}
.caption-meta .script-box .btn-script:hover{color: #0088cf;}
.caption-meta .time{display:block;margin:12px 0 0;font-size:12px;line-height:14px;color:#000;font-family: 'Noto Sans Light';}
.caption-meta .txt-next{display:block;position:absolute;top:0;right:0;width:260px;text-align:left;}
.caption-meta .txt-next span{display:block;font-size:16px;line-height:18px;color:#b6b7b9;}
.caption-meta .txt-next .next{margin:0 0 15px;}
.caption-meta .txt-next .txt-pro{font-size:32px;line-height:36px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;max-height:72px;-webkit-box-orient: vertical;}
.caption-btn{position:absolute;right:0;top:40px;}
.caption-btn li{position:relative;float:left;margin:0 20px 0 0;}
.caption-btn li:last-of-type{margin:0;}
.caption-btn li>a{vertical-align:top;background-image:url(../images/ico/ico-player-btn.png);background-repeat:no-repeat;}
.caption-btn li .btn-scrap{width:20px;height:20px;background-position:0 -20px;}
.caption-btn li .btn-scrap.on{background-position:-20px -20px;}
.caption-btn li .btn-pin{width:20px;height:20px;background-position:0 -40px;}
.caption-btn li .btn-share{width:20px;height:20px;background-position:0 -60px;}
.caption-btn li .btn-like{font-size:0;line-height:0;vertical-align:top;background:none;}
.caption-btn li .btn-like .ico{display:inline-block;width:25px;height:25px;background-image:url(../images/ico/ico-player-btn.png);background-repeat:no-repeat;background-position:-12px -14px;}
.caption-btn li .btn-like.on .ico{background-position:-62px -14px;}
.caption-btn li .btn-like .txt{display:inline-block;margin:0 0 0 13px;font-size:15px;line-height:17px;color:#54585e;letter-spacing:-1px;font-family: 'Noto Sans Bold';}
.caption-btn li .btn-more{width:25px;height:25px;background-position:-12px -64px;}
.caption-btn li .btn-more.on .bubble{display:block;}
.caption-btn li .btn-more .bubble{display:none;position:absolute;top:25px;right:8px;width:110px;padding:15px 0;border:1px solid #949699;font-size:13px;line-height:15px;color:#54585f;box-shadow:0px 4px 7px #c5c5c5;background:#fff;}
.caption-btn li .btn-more .bubble span{vertical-align:top;}
.caption-btn li.detail-card-share{margin:0 34px 0 0}
.caption-btn li.detail-card-share  a{background: none;}
.caption-btn li.detail-card-share  a .ico {display: inline-block;width: 19px;height: 23px;background: url(../images/common/btn_share_detail.png) 0 0 no-repeat;}
.caption-btn li .btn-cc{display:inline-block;text-indent:-1000em;width:37px;height:25px;margin:0;overflow:hidden;background:url(../images/btn/sp-btn-cc.png) 0 -25px no-repeat;}
.caption-btn li .btn-cc.on{background-position:0 0;}

.caption-des{position:relative;margin:30px 0 0;}
.caption-des .tit{display:block;position:absolute;top:4px;left:0;font-size:16px;line-height:18px;color:#949699;}
.caption-des .tit+.des{margin:0 0 0 72px;font-family: 'Noto Sans DemiLight';}
.caption-des .des{display:inline-block;max-height:60px;font-size:16px;line-height:26px;color:#000;}
.caption-des .btn-des{display:inline-block;margin:2px 0 0;font-size:16px;line-height:26px;color:#0088cf;vertical-align:top;font-family: 'Noto Sans Regular';background:#fff;}
.caption-des .btn-des.compress{display:block;margin:0 0 30px;}
.caption-des .btn-des .dot{display:inline-block;width:12px;height:14px;padding:0 3px;background:url(../images/etc/ellipse.png) no-repeat center center;background-size:12px;}

.caption-map{position:relative;margin:40px 0 50px;}
.caption-map .map-txt span{display:inline-block;}
.caption-map .map-txt .tit{display:block;font-size:16px;line-height:20px;color:#000;}
.caption-map .map-txt .txt{display:block;font-size:16px;line-height:26px;color:#949699;}
.caption-map .map-area{position:relative;display:none;margin:14px 0 0;width:100%;height:200px;overflow:hidden;box-sizing:border-box;}
.caption-map .map-area .area{border:1px solid #dcdee0;font-size:0;line-height:0;}
.caption-map .map-area .area>img{width:100%;}
.caption-map .map-area.on{display:block;}
.caption-map .btn-map-close{font-size:16px;line-height:26px;color:#0088cf;vertical-align:top;background:#fff;}
.caption-map .btn-map-open{position:absolute;top:-30px;right:0;padding:0 0 4px;border-bottom:1px solid #dcdee0;font-size:11px;line-height:13px;color:#949699;}

.subscribe{position:absolute;bottom:30px;left:0;}
.subscribe .subscribe-box{position:relative;}
.subscribe .txt{position:relative;display:block;vertical-align:top;}
.subscribe .txt .title-link{display: inline-block;vertical-align: top;}
.subscribe .txt .title{display:inline-block;margin:0 25px 0 0;font-size:16px;line-height:18px;letter-spacing:-1px;color:#000;vertical-align:top;font-family: 'Noto Sans Bold';}
.subscribe .txt .title .ico{display:inline-block;width:12px;height:14px;margin:3px 9px 0 0;vertical-align:top;background:url(../images/ico/ico-subscribe.png) no-repeat left top;}
.subscribe .txt .date{position:relative;display:inline-block;margin:2px 7px 0 0;padding:0 11px 0 0;font-size:12px;line-height:14px;color:#54585e;vertical-align:top;font-family: 'Noto Sans Medium';}
.subscribe .txt .date:before{content:"";position:absolute;top:2px;right:0;display:inline-block;width:1px;height:12px;background:#dcdee0;}
.subscribe .btn-subscribe-pack{position:relative;display:inline-block;font-size: 12px;line-height: 14px;vertical-align:top;}
.subscribe .btn-subscribe{position:relative;display:inline-block;margin:2px 0 0;font-size:12px;line-height:14px;color:#54585e;vertical-align:top;font-family: 'Noto Sans Medium';}
.subscribe .btn-subscribe.on{color: #0088cf;}
.subscribe .bubble-subscribe{display:none;position:absolute;top:-20px;left:50px;width:230px;padding:0 0 0 7px;line-height:0;}
.subscribe .btn-subscribe.on + .bubble-subscribe{display:block;}
.subscribe .bubble-subscribe:before{position:absolute;top:50%;left:0;margin:-5px 0 0;content:"";display:inline-block;width:8px;height:10px;background:url(../images/ico/ico-bubble.png) no-repeat center center;z-index:1;}
.subscribe .bubble-subscribe .bubble-box{position:relative;display:block;padding:12px 18px;box-sizing:border-box;border:1px solid #b6b7b9;font-size:12px;line-height:16px;color:#000;background:#f6f6f6;}
.subscribe .bubble-subscribe .btn-bubble-close{position:absolute;top:0;right:0;display:inline-block;width:25px;height:25px;outline:none;background:url(../images/ico/ico-bubble-close.png) no-repeat center center;}

.ideak-info{position:absolute;bottom:30px;left:0;}
.ideak-info .txt{display:inline-block;font-size:16px;letter-spacing:-.04em;line-height:20px;color:#000;}
.ideak-info .ideak-link{display:inline-block;position:relative;margin:0 0 0 20px;padding:0 20px 0 0;font-size:16px;letter-spacing:-.04em;line-height:20px;color:#0088c8;font-family:"Noto Sans Bold";}
.ideak-info .ideak-link .ico{position:absolute;right:0;top:50%;margin:-5px 0 0;width:12px;height:12px;background:url(../images/ico/ico-arrow.png) no-repeat center -12px;}

.player .vod-list-box .episode{display:inline-block;margin:0;font-size:12px;line-height:14px;color:#000;vertical-align:top;font-family: 'Noto Sans Medium';}
.player .vod-list-box .channel{float:left;display:inline-block;margin:0;font-size:12px;line-height:14px;color:#949699;vertical-align:top;font-family: 'Noto Sans Medium';}
.player .vod-list-box .name{position:relative;display:inline-block;font-size:12px;line-height:14px;color:#54585e;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.player .vod-list-box .episode+.name{margin:0 0 0 10px;padding:0 0 0 11px;max-width:232px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.player .vod-list-box .episode+.name:before{content:"";position:absolute;top:4px;left:0;display:inline-block;width:1px;height:9px;background:#dcdee0;}
.player .vod-list-box .des{margin:0 0 5px;}
.player .vod-list-box:nth-last-of-type(-n+4){margin-bottom:32px;}
.player .vod-list-box .tit{font-size:16px;line-height:20px;color:#000;letter-spacing:-1px;font-family: 'Noto Sans Medium';display: block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;max-height:40px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.player .vod-list-box .date{display:block;margin:4px 0 0;font-size:12px;line-height:14px;color:#54585e;}
.player .vod-list-box .subtit{display:inline-block;margin:5px 0 0;font-size:14px;line-height:16px;color:#000;font-family: 'Noto Sans DemiLight';text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:288px;}
.player .vod-list-box .subtit~.read{display:inline-block;margin:7px 0 0 10px;}
.player .vod-list-box .img-box .type5{width:auto;height:auto;top:auto;bottom:13px;right:17px;font-size:20px;line-height:22px;font-family: 'Noto Sans Bold';}
.player .vod-list-box .img-box .type5 .ico{position:relative;right:auto;bottom:auto;width:16px;height:16px;margin:5px 10px 0 0;vertical-align:top;background:url(../images/ico/ico-vod-type5.png) no-repeat center center;}
.player .vod-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: 120px;}
.player .vod-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}

.player-split{width:1200px;margin:0 auto;overflow:hidden;}
.player-split-box1 .component{padding-bottom:0 !important;}
.player-split-box1{float:left;padding:0 0 80px 0;width:866px;}
.player-split-box1 .player-split-content .component .component-box{width:870px;}
.player-split-box2{float:left;margin:40px 0 0 45px;width:285px;}
.player-split-box2 .player-split-info{position:relative;}
.player-split-box2 .player-split-info h4{padding:0 0 20px;border-bottom:2px solid #343464;font-size:20px;line-height:24px;color:#000;font-family: 'Noto Sans Bold';}
.player-split-box2 .all-view{position:absolute;top:9px;right:0;font-size:12px;line-height:14px;color:#000;font-family: 'Noto Sans Medium';}
.player-split-list{position:relative;border-bottom:1px solid #b6b7b9;}
.player-split-list li{display:table;position:relative;table-layout:fixed;min-height:45px;padding:18.4px 0;width:100%;border-top:1px solid #dddee0;font-size:0;}
.player-split-list li a{display:table-row;position:relative;width:100%;}
.player-split-list li:first-of-type{display:block;border-top:0;}
.player-split-list li:first-of-type a{position:relative;display:block;}
.player-split-list li:first-of-type .txt{display:block;width:100%;margin:0;padding:172px 0 0;}
.player-split-list li:first-of-type .txt-info{display:block;position:relative;bottom:auto;left:auto;margin:4px 0 0;}
.player-split-list li:first-of-type .img{display:block;position:absolute;top:0;left:0;width:100%;}
.player-split-list li:first-of-type .txt .txt-title.ellipsis{display:block;height:23px;-webkit-line-clamp:1;white-space:nowrap;}
.player-split-list .txt{display:table-cell;position:relative;width:59%;padding:0 15px 23px 0;margin:0 70px 0 0;word-break:break-all;vertical-align:top;}
.player-split-list.type2 .txt{padding:5px 0 20px;}
.player-split-list .txt .txt-title{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.player-split-list .txt .txt-title.ellipsis{-webkit-line-clamp: 2;height:38px;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;}
.player-split-list .txt .txt-info{position:absolute;bottom:0;left:0;}
.player-split-list .txt .txt-info .inq{position:relative;display:inline-block;font-size:11px;line-height:14px;letter-spacing:-.5px;color:#949699;}
.player-split-list .txt .txt-info .newst{display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#949699;}
.player-split-list .txt .txt-info .broad{display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#000;text-overflow:ellipsis;overflow:hidden;max-width:153px;white-space:nowrap;}
.player-split-list li:first-of-type .txt .txt-info .broad{max-width:285px}
.player-split-list .txt .txt-info .broad.today{color:#0088c8;}
.player-split-list .txt .txt-info .episode{position:relative;display:inline-block;margin:0 6px 0 0;padding:0 6px 0 0;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#000;font-family: 'Noto Sans Bold';overflow:hidden;}
.player-split-list .txt .txt-info .episode:before{content:"";position:absolute;top:2px;right:0;display:inline-block;width:1px;height:11px;background:#dcdee0;}
.player-split-list .txt .txt-info .date{position:relative;display:inline-block;margin:0 0 0 6px;padding:0 0 0 6px;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#54585e;}
.player-split-list .txt .txt-info .date:before{position:absolute;left:0;top:4px;display:inline-block;content:'';width:1px;height:7px;background:#efeff0;}
.player-split-list li:first-of-type .txt .txt-info .name{max-width:247px}
.player-split-list .txt .txt-info .name{position:relative;display:inline-block;font-size:12px;line-height:14px;letter-spacing:-.5px;color:#54585e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
.player-split-list .txt .txt-info .name:before{display:none;position:absolute;left:0;top:4px;display:inline-block;content:'';width:1px;height:7px;background:#efeff0;display:none;}
.player-split-list .txt .txt-info .date.type01{margin:0;padding:0;}
.player-split-list .img{display:table-cell;}
.player-split-list .img-thum{padding-top:56%;}
.player-split-list .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:40px;text-align:center;color:#fff;z-index:2;}
.player-split-list .img-box .ico{display:inline-block;position:absolute;right:5px;bottom:5px;width:16px;height:16px;background:url(../images/ico/ico-group50.png) no-repeat  0 -192px;background-size:32px;}
.player-split-list .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.player-split-list .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.player-split-list .img-box .type1{}
.player-split-list .img-box .type1 .ico{background-position:0 -144px;}
.player-split-list .img-box .type2{top:auto;height:auto;padding:1px 0;background:rgba(0,0,0,.75);font-size:11px;letter-spacing:-.025em;line-height:15px;}
.player-split-list .img-box .type2 .ico{background:none;}
.player-split-list .img-box .type3{}
.player-split-list .img-box .type3 .ico{background-position:0 -160px;}
.player-split-list .img-box .type4{}
.player-split-list .img-box .type4 .ico{background-position:0 -176px;}

/* VOD다시보기 GNB 수정 190415 by ASRAHI */
.vod #content{clear:both;overflow:hidden;padding-top:57px;}
.vod #header.personal+#content{padding-top:180px;}
.vod .sticky .header-info .header-bottom:before{display:none;}

/*VOD HOME*/
/*****
	VOD HOME 리스트 공통
*****/
div[class^=vodhm-list]{position:relative;}
div[class^=vodhm-list] .conArea{margin:60px 0 0;}
div[class^=vodhm-list] .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}
div[class^=vodhm-list] .select-cate{position:absolute;right:0;top:7px;}
div[class^=vodhm-list] .select-cate li{float:left;margin:0 0 0 15px;}
div[class^=vodhm-list] .select-cate li a{font-size:14px;color:#b6b7b9;}
div[class^=vodhm-list] .select-cate .bar{display:inline-block;margin:0 0 0 15px;width:1px;height:13px;background:#b6b7b9;}
div[class^=vodhm-list] .select-cate li.on{}
div[class^=vodhm-list] .select-cate li.on a{color:#000;font-weight:bold;}
div[class^=vodhm-list] .select-box{position:absolute;right:0;top:-3px;width:136px;}
div[class^=vodhm-list] .component{padding:0 0 0 0;}
div[class^=vodhm-list] .component .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"}
div[class^=vodhm-list] .tabCon .component .tit-a{margin:30px 0 20px 0;font-size:30px;line-height:32px;}
div[class^=vodhm-list] .tabCon .component .rectangle{margin:60px auto 0;}
div[class^=vodhm-list] .tabCon .component .rectangle .tit-a{margin:0 0 20px 0;}
div[class^=vodhm-list] .tabCon .list-total{margin-left:10px;}

/*VOD HOME 리스트4*/
.vodhm-info{width:1200px;margin:auto;text-align:right;vertical-align:middle;color:#54585e;letter-spacing:-1px;}
.vodhm .tabArea{margin:0 auto;}
.vodhm{padding:0 0 80px 0;}
.vodhm .sub-genre{font-size:22px;vertical-align:text-bottom;line-height:33px;}
.vodhm .sub-genre:before{content:"";margin:0 16px;display:inline-block;width:1px;height:20px;background:#54585e}
.vodhm .select-cate li,.vodhm .select-cate .bar{margin:0 0 0 12px;}
.page-title.vodhm{padding:0 0 20px 0;border-bottom:1px solid #e6e6e6}
.page-title~.vodhm{margin:16px 0 0;}
.vodhm-cont1 .component-box.banner02 .autoplay{position:absolute;left:120px;bottom:36px;width:20px;height:20px;background-image:url(../images/btn/btn-play-white.png);background-repeat:no-repeat;background-position:6px -11px;}
.vodhm-cont-new .component-box.banner02 .autoplay.play{background-position:6px 6px;}
.vodhm-cont-free{padding:20px 0 60px;}
.vodhm-cont-drama{padding:0 0 60px;}
.vodhm-cont-drama .component:nth-of-type(2){padding-top:0;}
.vodhm-cont-drama .component:nth-of-type(3){padding-top:0;}
.vodhm-cont-drama .component:nth-of-type(4){padding-top:0;}
.vodhm-cont-ent{padding:0 0 60px;}
.vodhm-cont-ent .component:nth-of-type(2){padding-top:0;}
.vodhm-cont-ent .component:nth-of-type(3){padding-top:0;}
.vodhm-cont-reft{padding:0 0 60px;}
.vodhm-cont-reft .component:nth-of-type(2){padding-top:0;}
.vodhm-cont-reft .component:nth-of-type(3){padding-top:0;}
.vodhm-cont-sports{padding:0 0 60px;}
.vodhm-cont-sports .component:nth-of-type(2){padding-top:0;}
.vodhm-cont-sports .component:nth-of-type(3){padding-top:0;}
.vodhm-cont-area{padding:0 0 60px;}
.vodhm-cont-area .component:nth-of-type(2){padding-top:0;}

.mypage-wrap #content{clear:both;overflow:hidden;padding-top:57px;}
.mypage-wrap #header.personal+#content{padding-top:180px;}
.section.mypage{margin:20px 0 0;}
.mypage-split{width:1200px;margin:0 auto;overflow:hidden;}
.mypage-split-box1{float:left;padding:0 0 80px 0;width:866px;}
.mypage-split-box1 .component{padding:0;}
.mypage-split-box1 .component .component-box{width:auto;}
.mypage-split-box1 .component .component-box .tit-a{display:none;}
.mypage-split-box1 .tabWrap{padding:70px 0 0;border-top:4px solid #343464;}
.mypage-split-box1 .tabArea{margin:0;}
.mypage-split-box1 div ~ .tabWrap{border-top:none;}
.mypage-split-box1 .tab01 li a{font-size:16px;}
.mypage-split-box1 .vod-list-box{width:278px;}
.mypage-split-box1 .my-select-box{position:relative;margin:18px 0 0;text-align:right;}
.mypage-split-box1 .my-select-box.edit-mode,
.mypage-split-box1 .my-select-box.no-select-list{height:55px}
.mypage-split-box1 .vod-select-list{position:relative;display:inline-block;}
.mypage-split-box1 .edit-mode .vod-select-list{display:none;}
.mypage-split-box1 .vod-select-list li{display:inline-block;padding:18px 0;}
.mypage-split-box1 .vod-select-list li a{position:relative;padding:0 12px;color:#888888;font-size:14px;line-height:16px;}
.mypage-split-box1 .vod-select-list li.on a{color:#34373c;font-family: 'Noto Sans Medium';}
.mypage-split-box1 .vod-select-list li a:before{content:"";position:absolute;top:4px;right:0;display:inline-block;width:1px;height:12px;background:#dcdee0;}
.mypage-split-box1 .vod-select-list li:last-of-type a:before{display:none;}
.mypage-split-box1 .btn-vod-del{position:absolute;top:19px;left:0;}
.mypage-split-box1 .btn-vod-del a{font-size:14px;line-height:16px;color:#0088c8;font-family: 'Noto Sans Medium';}
.mypage-split-box1 .btn-del-cancel{display:none;}
.mypage-split-box1 .edit-mode .btn-del-cancel{display:block;position:absolute;top:19px;left:40px;}
.mypage-split-box1 .btn-del-cancel a{font-size:14px;line-height:16px;color:#0088c8;font-family: 'Noto Sans Medium';}
.mypage-split-box1 .btn-sel-all{display:none;}
.mypage-split-box1 .edit-mode .btn-sel-all{display:block;position:absolute;top:19px;right:0;}
.mypage-split-box1 .btn-sel-all a{font-size:14px;line-height:16px;color:#0088c8;font-family: 'Noto Sans Medium';}
.mypage-split-box1 .vod-list .sel .vod-del{display:block;}
.mypage-split-box1 .vod-list .vod-del{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:1;}
.mypage-split-box1 .vod-list .chk-box{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.mypage-split-box1 .vod-list .chk-box input[type='checkbox'].type02+label{width:100%;height:100%;padding:0;background-position:12px 12px;}
.mypage-split-box1 .vod-list-box:nth-of-type(4n+1){margin:0 0 32px 16px;}
.mypage-split-box1 .vod-list-box:nth-of-type(3n+1){margin-left:0;}
.mypage-split-box1 div.my-cont-box1{margin:70px 0 0 0;}
.mypage-split-box1 div.no-data{padding:68px 0;border-bottom:1px solid transparent;background:#f6f6f6;text-align:center;font-size:16px;line-height:20px;letter-spacing:-1px;color:#888888;}
.my-cont-box .vod-list-box .txt span{letter-spacing:-1px;}
.my-cont-box .vod-list-box .tit{display:block;font-size:18px;line-height:22px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.my-cont-box .vod-list-box .des{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;max-height:33px;font-size:12px;line-height:16px;color:#54585e;}
.my-cont-box .vod-list-box.clip-vod .tit{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.my-cont-box .vod-list-box.clip-vod .des{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.my-cont-box .board-list-box{margin:70px 0 0;}
.mypage-split-box2{float:left;margin:0 0 0 45px;width:285px;}
.my-cont-box .compSearchVod-box .compSearchVod-list-box{border:0;margin:27px 0;}

/*마이코웨이 좋아요*/
.my-like-box{position:relative;margin:37px 0 40px;overflow:hidden;}
.like-select-list{display:table;width:100%;table-layout:fixed;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.like-select-list li:first-of-type{border-left:1px solid #e6e6e6;}
.like-select-list li{position:relative;display:table-cell;padding:80px 0;border-right:1px solid #e6e6e6;text-align:center;vertical-align:middle;}
.like-select-list li a{width:100%;font-size:14px;line-height:20px;color:#000;vertical-align:top;font-family: 'Noto Sans DemiLight';}
.like-select-list li a .count{display:block;font-size:30px;line-height:44px;letter-spacing:-1px;color:#0088c8;vertical-align:top;font-family: 'Noto Sans DemiLight';}

/* 방청신청 */
.application-box{display:table;table-layout:fixed;width:100%;padding:25px 0;border-bottom:1px solid #dcdee0;}
.application-info{display:table-cell;width:275px;vertical-align:middle;}
.application-info .tit{font-size:12px;line-height:16px;letter-spacing:-1px;color:#0088c8;font-family: 'Noto Sans Medium';}
.application-info .des{display:block;margin:7px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family: 'Noto Sans DemiLight';text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-height:51px;}
.application-info .date{display:block;margin:0 0 7px;font-size:22px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.application-place{display:table-cell;padding:0 10px;width:250px;vertical-align:middle;text-align:right;}
.application-place .txt{display:block;margin:5px 0;font-size:14px;line-height:16px;letter-spacing:-1px;vertical-align:top;text-align:left;color:#888888;}
.application-place .place{display:inline-block;position:relative;padding:0 0 0 18px;font-size:14px;line-height:16px;letter-spacing:-1px;vertical-align:top;color:#000;}
.application-place .date{display:inline-block;position:relative;padding:0 0 0 18px;font-size:14px;line-height:16px;letter-spacing:-1px;vertical-align:top;color:#000;}
.application-btn{display:table-cell;text-align:right;vertical-align:middle;}
.application-btn a{display:inline-block;margin:0 2px;padding:12px 0;width:100px;background:#888888;font-size:14px;line-height:16px;letter-spacing:-1px;color:#fff;text-align:center;}
.application-btn a.point{background:#0088c8;}
.application-box.step2 .tit{color:#f89535;}
.application-box.step3 .tit{color:#7f8286;}
.application-box.step3 .application-info .des{color:#9496a3;}
.application-box.step3 .application-info .date{color:#9496a3;}
.application-box.step3 .application-place .place{color:#9496a3;}
.application-box.step3 .application-place .date{color:#9496a3;}


/* player-list 공통 */
div[class^=player-list]{position:relative;padding:20px 0 0;background:#fff;}
div[class^=player-list] .tit-a{margin:0 0 40px;}
div[class^=player-list] .list-total{display:inline-block;margin-left:16px;font-size:30px;line-height:32px;font-weight:900;letter-spacing:-1px;color:#0088cf;vertical-align:baseline}
/*div[class^=player-list] .select-cate li a{font-size:16px;line-height:26px;color:#000;}*/
div[class^=player-list] .player-list-btn .btn-list-search{display:block;position:absolute;right:25px;top:30px;width:25px;height:25px;background:url(../images/ico/ico-group50.png) no-repeat;background-size:50px;background-position:0 -200px;}
div[class^=player-list] .player-list-btn .btn-list-write{display:block;margin:20px 0 15px;padding:6px;border:1px solid #67678b;font-size:12px;line-height:15px;letter-spacing:-1px;color:#343464;font-weight:900;text-align:center;}
div[class^=player-list] .component{background:#fff;padding:0 0 80px;}
div[class^=player-list] .component .component-box{border-bottom:0;}
div[class^=player-list] .component:first-of-type .component-box{padding-top:0;border:0;}
div[class^=player-list] .select-cate{top:2px;right:25px;}
div[class^=player-list] .select-sort{position:absolute;top:2px;right:25px;}
div[class^=player-list] .select-sort li{position:relative;float:left;margin:0 8px 0 0;padding:0 8px 0 0;line-height:0;}
div[class^=player-list] .select-sort li:before{content:"";position:absolute;display:inline-block;top:5px;right:0;width:1px;height:8px;background:#dddedf;}
div[class^=player-list] .select-sort li:last-of-type{margin:0;padding:0;}
div[class^=player-list] .select-sort li:last-of-type:before{display:none;}
div[class^=player-list] .select-sort li a{font-size:12px;line-height:14px;color:#000;}
div[class^=player-list] .select-sort li.on a{font-weight:900;}
div[class^=player-list] .total-box{margin:20px 0 10px;font-size:0;line-height:0;}
div[class^=player-list] .total-box .txt-total{display:inline-block;font-size:12px;line-height:14px;color:#000;}
div[class^=player-list] .total-box .txt-total em{display:inline-block;font-size:12px;line-height:14px;color:#000;}

/*실시간 채팅, 댓글*/
.chat{position:fixed;bottom:0;left:0;width:100%;z-index:10;}
.chat .chat-top{position:relative;padding:0 12px;background:#fff;}
.chat-top .btn-toggle{position:relative;}
.chat-top .btn-toggle .ico{display:inline-block;width:12px;height:9px;margin:23px 10px 0 0;vertical-align:top;background-image:url(../images/ico/ico-group50.png);background-repeat:no-repeat;background-position:-32px -934px;background-size:50px;}
.chat-top .btn-toggle .on .ico{background-position:-7px -934px;}
.chat-top .btn-toggle .top-txt{font-size:14px;line-height:50px;color:#34373c;}
.chat-top .btn-heart{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:30px;background:#ff4949;}
.chat-top .btn-heart .ico{position:absolute;display:inline-block;top:0;left:0;right:0;bottom:0;margin:auto;width:13px;height:12px;background:url(../images/ico/ico-group50.png) no-repeat -6px -957px;background-size:50px;}
.chat .chat-cont{position:relative;overflow-y:scroll;background:url(../images/etc/bg-chat-cont.jpg) no-repeat left top;background-size:cover;}
#wrap.vod .chat .chat-cont{background:url(../images/etc/bg-chat-cont2.jpg) no-repeat left top;background-size:cover;}
.chat-cont .component{padding:0;border:0;background:none;}
.chat-cont .component-box{background:none;}
.chat-cont .chat-list{padding:0 25px;}
.chat-cont .chat-list li{position:relative;padding:18px 0 0;}
.chat-cont .chat-list li span{display:inline-block;}
.chat-cont .chat-list .chat-user{position:absolute;top:19px;left:0;width:23px;height:23px;overflow:hidden;border-radius:20px;background:url(../images/ico/ico-group50.png) no-repeat -1px -976px;background-size:50px;}
.chat-cont .chat-list .chat-user img{width:100%;}
.chat-cont .chat-list .chat-comment{display:block;margin:0 0 0 32px;}
.chat-cont .chat-list .chat-comment .txt{display:block;font-size:14px;line-height:18px;color:#34373c;}
.chat-cont .chat-list .chat-comment .info{display:block;}
.chat-cont .chat-list .chat-comment .info span{color:#949699;font-size:11px;line-height:13px;}
.chat-cont .chat-list .chat-comment .info .info-id{font-weight:900;}
.chat-cont .chat-list .me .txt{text-align:right;}
.chat-cont .chat-list .me .info{text-align:right;}
.chat-cont .chat-list .me .info span{color:#0088cf;}
.chat-cont .chat-list .me .chat-comment .txt{font-size:14px;line-height:18px;color:#0088cf;font-weight:900;}
.chat .chat-write{position:relative;}
.chat .chat-write input[type=submit]{border:0;}
.chat .chat-write .inp-write{display:block;width:100%;height:50px;padding:0 95px 0 25px;border-top:1px solid #eaebec;border-left:0;border-right:0;border-bottom:0;font-size:14px;line-height:18px;background:#fff;}
.chat .chat-write .btn-write[type=submit]{position:absolute;top:1px;right:0;width:72px;height:49px;border-left:1px solid #edeeef;font-size:14px;font-weight:900;color:#343464;background:#fff;}
.chat .chat-box{height:50px;padding:120px 0 0;background:url(../images/etc/bg-chat-box.png) repeat-x left top;background-size:360px;}
.chat .chat-box.on{height:auto;padding:0;background:none;}

/*****
	팝업
*****/
/*팝업 공통*/
.popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10001;}
.pos-abs{position:absolute;}
.popup-blind{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:.4;z-index:10;}
.popup-info{position:absolute;left:50%;top:50%;margin:0 0 0 -330px;width:660px;background:#fff;z-index:11;}
.popup-header{position:relative;padding:16px 22px;}
.popup-closeBtn{position:absolute;right:17px;top:17px;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) no-repeat 0 0;}
.popup-title{font-size:30px;line-height:34px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.popup-contents{position:relative;padding:45px 50px;font-size:13px;}

/*팝업 공유하기*/
.popup.sns .popup-header{padding:20px;border-bottom:1px solid #dcdee0;}
.popup.sns .popup-title{font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.popup.sns .popup-info{/*width:auto;*/margin:0 0 0 -330px;}
.popup .popup-sns{padding:30px 20px 0;overflow:hidden;}
.popup-sns li{float:left;margin:0 0 20px 0;width:33.3%;text-align:center;}
.popup-sns li:nth-of-type(3n){margin-right:0;}
.popup-sns .ico{display:inline-block;width:58px;height:58px;background:url(../images/ico/ico-sns-l.png) no-repeat 0 0;background-size:58px;}
.sns-ico-fb .ico{background-position:0 0;}
.sns-ico-tw .ico{background-position:0 -58px;}
.sns-ico-ko .ico{background-position:0 -116px;}
.sns-ico-nv .ico{background-position:0 -174px;}
.sns-ico-gg .ico{background-position:0 -232px;}
.sns-ico-ks .ico{background-position:0 -290px;}
.sns-ico-band .ico{background-position:0 -348px;}
.popup-sns .send-txt{display:block;margin:5px 0 0 0;font-size:12px;color:#666;}
.popup .popup-send{padding:10px 20px 20px;}
.popup .sns-copy-box{display:table;width:100%;table-layout:fixed;}
.sns-copy-box span{display:table-cell;box-sizing:border-box;padding:7px 10px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;border-top:1px solid #ededed;background:#f6f6f6;}
.sns-copy-box a{display:table-cell;}
.sns-copy-box .sns-copy-url{width:65%;white-space:nowrap;text-overflow:hidden;overflow:hidden;font-size:14px;color:#949699;}
.sns-copy-box .btn-copy-url{width:25%;border:1px solid #676889;font-size:14px;color:#343561;font-weight:700;text-align:center;}
.url-copy-msg{position:fixed;left:5px;right:5px;bottom:5px;padding:10px;background:rgba(0,0,0,.6);font-size:16px;color:#fff;text-align:center;z-index:15;}

/*팝업-신고하기*/
.popup-report{position:absolute;left:50%;top:50%;width:440px;margin:0 0 0 -220px;background:#fff;z-index:11;}
.popup-report .popup-header{border-bottom:1px solid #dcdee0;}
.popup-report .popup-title{font-size:18px;line-height:22px;}
.popup-report .popup-closeBtn{background:url(../images/ico/ico-popup-btn.png) 0 -48px no-repeat;right:14px;top:14px;}
.popup-report .popup-contents{padding:30px 20px 15px;}
.popup-report .report-user{margin:0 0 0 20px;overflow:hidden;}
.popup-report .report-user li{float:left;margin:0 3px 0 0;}
.popup-report .report-user .ico{display:inline-block;width:16px;height:16px;background:url(../images/ico/ico-sns-s.png) no-repeat;}
.popup-report .report-user .ico.facebook{background-position-y:-16px;}
.popup-report .report-user .ico.kakao{background-position-y:0px;}
.popup-report .report-user .ico.naver{background-position-y:-32px;}
.popup-report .report-user .ico.twit{background-position-y:-48px;}
.popup-report .report-user .user-nm{font-size:14px;line-height:20px;color:#000;}
.popup-report .report-user .user-id{font-size:14px;line-height:20px;color:#9496a3;}
.popup-report .report-board{padding:15px 20px;margin:25px 0 0 0;overflow:hidden;border:1px solid #dcdee0;}
.popup-report .report-board>li{margin:10px 0 0 0;}
.popup-report .report-board>li:first-child{margin:0;}
.popup-report .report-board dl{overflow:hidden;}
.popup-report .report-board dt{float:left;font-size:16px;line-height:20px;letter-spacing:-1px;}
.popup-report .report-board dd{float:left;font-size:16px;line-height:20px;letter-spacing:-1px;margin:0 0 0 15px;}
.popup-report .report-board dd .report-user{margin:0;}
.popup-report .report-board dd .user-nm{font-size:16px;line-height:20px;letter-spacing:-1px;}
.popup-report .report-info{margin:0 20px;}
.popup-report .report-info .txt{font-size:16px;line-height:20px;color:#000;letter-spacing:-1px;}
.popup-report .report-reason{margin:20px 0 0 0;}
.popup-report .report-reason .customScroll{height:195px;padding:0 0 25px;border-bottom:1px solid #dcdee0;}
.popup-report .customScroll .mCSB_scrollTools{width:6px;}
.popup-report .customScroll .mCSB_inside>.mCSB_container{margin-right:6px;}
.popup-report .customScroll .mCSB_scrollTools .mCSB_draggerRail{display:block;width:6px;background:#f6f6f6;}
.popup-report .customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#9496a3 !important;}
.popup-report .report-reason .reason-list{padding:0 20px;}
.popup-report .report-reason .reason-list li{position:relative;}
.popup-report .report-reason .reason-list input[type='radio']+label{margin:0;font-size:16px;letter-spacing:-1px;color:#000;background-position:0 6px;padding:3px 0 6px 30px;}
.popup-report .report-reason .reason-list input[type='radio']+label .txt{font-size:14px;color:#000;font-family: 'Noto Sans DemiLight';}
.popup-report .reason-refer{margin-top:20px;font-size:12px;line-height:16px;color:#9496a3;}
.popup-report .report-input-box{margin-top:10px;overflow:hidden;}
.popup-report .report-input-box .reason-input input[type="text"]{width:100%;box-sizing:border-box;height:50px;font-size:16px;line-height:50px;padding:0 15px;color:#9496a3;background:#f6f6f6;}
.popup-report .report-input-box .reason-input.on input[type="text"]{background:#fff;}
.popup-report .btn-box{height:70px;background:#343464;}
.popup-report .btn-box a{display:inline-block;width:100%;font-size:16px;line-height:70px;color:#fff;text-align:center;}
.popup-report .report-caution{padding:15px 0 15px;border-top:1px solid #dcdee0;}
.popup-report .report-caution ul{margin:0 20px;}
.popup-report .report-caution li{position:relative;font-size:12px;line-height:16px;color:#9496a3;padding:0 0 0 10px;}
.popup-report .report-caution li .dot{position:absolute;top:0;left:0;width:3px;height:16px;display:inline-block;background:url(../images/etc/bul-dot.png) no-repeat 0 center;}

/*팝업 검색*/
.popup-search{margin-left:-480px;width:960px;}
.popup-search .popup-header{padding:53px 50px 40px;background:#343464;}
.popup-search .popup-title{color:#fff;}
.popup-search .popup-contents{box-sizing:border-box;height:450px;overflow:hidden;overflow-y:auto;}
.popup-search .search-input{position:relative;margin:24px 0 0;}
.popup-search .search-input input{width:100%;height:55px;padding:0 112px 0 18px;border:none;font-size:20px;color:#34373c;background:#fff;}
.popup-search .del-btn{position:absolute;top:50%;right:70px;margin:-12px 0 0;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) no-repeat 0 -96px;}
.popup-search .search-btn{position:absolute;top:50%;right:16px;margin:-12px 0 0;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) no-repeat 0 -24px;}
.popup-search .pr-box{margin:0 0 45px;}
.popup-search .result-box{position:relative;}
.popup-search .result-sort{overflow:hidden;position:absolute;right:0;top:0;}
.popup-search .result-sort li{float:left;position:relative;padding:0 12px;font-size:14px;line-height:20px;color:#b6b7b9;}
.popup-search .result-sort li:first-child{padding-left:0;}
.popup-search .result-sort li:last-child{padding-right:0;}
.popup-search .result-sort li a{font-size:14px;line-height:20px;color:#888;}
.popup-search .result-sort li.on a{color:#34373c;font-family:"Noto Sans Bold"}
.popup-search .result-sort li.bar:before{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#dcdee0;}
.popup-search .popul-tit{font-size:30px;line-height:34px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Bold";}
.popup-search .popul-list{overflow:hidden;margin:18px 0 0;border-top:3px solid #34373c;}
.popup-search .popul-list ul{float:left;box-sizing:border-box;width:50%;padding:0 16px 0 0;}
.popup-search .popul-list ul + ul{padding:0 0 0 16px;}
.popup-search .popul-list li{padding:20px 0;border-top:1px solid #dcdee0;}
.popup-search .popul-list li:first-child{border-top:none;}
.popup-search .popul-list a{font-size:26px;line-height:38px;letter-spacing:-1px;color:#000;}
.popup-search .popul-list span{vertical-align:baseline;}
.popup-search .popul-list .num{display:inline-block;width:45px;font-size:30px;line-height:38px;letter-spacing:-1px;color:#34373c;font-family:"Noto Sans Light";}
.popup-search .result-tit{font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.popup-search .result-tit .total{margin-left:12px;font-family:"Noto Sans Regular";vertical-align:baseline}
.popup-search .result-list{overflow:hidden;margin:18px 0 0;border-top:3px solid #34373c;}
.popup-search .result-list li:nth-child(odd){float:left;box-sizing:border-box;padding:0 16px 0 0;width:49.8%;}
.popup-search .result-list li:nth-child(even){float:left;box-sizing:border-box;padding:0 0 0 16px;width:50%;}
.popup-search .result-list a{display:table;table-layout:fixed;box-sizing:border-box;padding:20px 0;width:100%;height:143px;border-bottom:1px solid #dddee0;}
.popup-search .result-list .txt-box{display:table-cell;position:relative;vertical-align:top;}
.popup-search .result-list .tit{display:block;font-size:18px;letter-spacing:-.04em;line-height:22px;}
.popup-search .result-list .info{position:absolute;bottom:0;left:0;}
.popup-search .result-list .info span{position:relative;font-size:12px;letter-spacing:-.025em;line-height:16px;}
.popup-search .result-list .info span + span{margin:0 0 0 6px;padding:0 0 0 6px;}
.popup-search .result-list .info span + span:before{content:"";position:absolute;left:0;top:50%;margin:-4px 0 0;width:1px;height:8px;background:#dddee0;}
.popup-search .result-list .img-box{display:table-cell;width:182px;}
.popup-search .result-list .img-thum{padding-top:56.22%;}
.popup-search .result-list .type{display:none;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.popup-search .result-list li.video .type{display:block;}
.popup-search .result-list .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;}
.popup-search .result-list .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.popup-search .result-list .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.popup-search .result-list .type1{}
.popup-search .result-list .type1 .ico{background-position:0 -176px;}
.popup-search .result-list .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.popup-search .result-list .type2 .ico{background:none;}
.popup-search .result-list .type3{}
.popup-search .result-list .type3 .ico{background-position:0 -192px;}
.popup-search .result-list .type4{}
.popup-search .result-list .type4 .ico{background-position:0 -208px;}
.popup-search .no-data{padding:190px 0;font-size:20px;letter-spacing:-.04em;line-height:24px;font-family:"Noto Sans Bold";text-align:center;}


/*survey 팝업*/
.popup .popup-info.answer{width:540px;margin:0 0 0 -270px;}
.popup .answer .popup-header{border-bottom:1px solid #dcdee0;}
.popup .answer .popup-title{font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.popup .answer .popup-closeBtn{background-position:0 -48px;}
.popup .viewer-survey{padding:0 0 40px;}
.popup .viewer-survey-list{padding:0;}
.popup .survey-list-box{margin:50px 30px 0;}
.popup .survey-list-box:first-child{margin:30px 30px 0;}
.popup .viewer-survey.answer li label{color:#000;background:url(../images/form/ico-radio-default.png) 0 4px no-repeat;background-size:20px;padding-left:35px;}
.popup .viewer-survey.answer .answer-list li span{display:inline-block;min-height:20px;margin:5px 0 0;padding:5px 0 8px 35px;font-size:18px;line-height:18px;letter-spacing:-1px;color:#000;background:url(../images/form/ico-radio-default-dis.png) no-repeat 0 4px;background-size:20px;}
.popup .viewer-survey.answer .answer-list li span.try{background-image:url(../images/form/ico-radio-chk-dis.png);}
.popup .viewer-survey.answer .answer-list li span.active{color:#0088c8;font-family:"Noto Sans Bold";}
.popup .viewer-survey.answer li dd .input-answer s{display:inline-block;margin:0 15px 0 0;color:#9496a3;}

/*팝업 라디오 스케쥴*/
.popup-info.schedule{position:absolute;top:160px;left:50%;height:642px;overflow:hidden;background: #f6f6f6;margin:0 0 0 -305px;width:610px;}
.popup-info.schedule.col3{margin:0 0 0 -443px;width:886px;}
.popup-info.schedule.col4{margin:0 0 0 -582px;width:1165px;}
.schedule .popup-header{padding:13px 30px;background:#343464;}
.schedule .popup-title{font-size:20px;line-height:34px;letter-spacing:-1px;color:#fff;}
.schedule .popup-contents{overflow:auto;padding:0;height:582px;}
.schedule .schedule-pad{padding:20px;overflow: hidden;}
.schedule .schedule-wrap{float:left;width:256px;padding:0 10px;}
.schedule .schedule-wrap .txt-tit{text-align: center;margin: 0 0 13px 0;}
.schedule .schedule-wrap .schedule-box{border-top:1px solid #b6b7b9}
.schedule .schedule-wrap .schedule-box.left{margin:0 13px 0 0}
.schedule .schedule-wrap .schedule-box ul li{background: #fff;margin:0 0 2px 0}
.schedule .schedule-wrap .schedule-box ul li .pocket{padding: 10px 28px;min-height:97px;}
.schedule .schedule-wrap .schedule-box ul li .pocket.none span.name{color:#999;margin: 0 0 42px 0;}
.schedule .schedule-wrap .schedule-box ul li .pocket span{display: block;font-family: 'Noto Sans Bold';}
.schedule .schedule-wrap .schedule-box ul li .pocket span.name{height:48px;overflow:hidden;text-overflow:ellipsis; color:#000;font-size: 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.schedule .schedule-wrap .schedule-box ul li .pocket span.sche{font-size: 14px;color:#4d7731;padding: 0 0 0 37px;margin: 14px 0 7px 0;background: url(../images/etc/icn-radio-camera.png) 0 center no-repeat;}
.schedule .schedule-wrap .schedule-box ul li .pocket span.time{font-size: 12px;color:#0088c8}

/*검색 - herder*/
.header-search-box{display:none;position:absolute;top:120px;left:0;width:100%;background:#343464;z-index:250;min-height:220px;}
.sticky .header-search-box{top:56px;}
.header-search-cont{position:relative;width:1200px;margin:15px auto;}
.header-search-input{width:865px;}
.header-search-input label{position:relative}
.header-search-input input[type="text"]{width:100%;height:auto;box-sizing:border-box;border:1px solid #67678b;padding:15px 20px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#6d6d73;background:transparent;}
.header-search-input input[type="text"]:focus{color:#fff;}
.header-search-input a.search-btn{display:inline-block;width:24px;height:24px;background:url(../images/btn/btn-search-white.png) no-repeat 0 0;position:absolute;top:-2px;right:20px;}
.header-search-input .search-close-btn{position:absolute;top:20px;right:0;}
.header-search-input .search-close-btn a{display:inline-block;width:25px;height:25px;background:url(../images/ico/ico_search.png) no-repeat 0 0;}
.search-recent-list{position:relative;overflow:hidden;margin:10px 0;}
.search-recent-list li{padding:5px 0;line-height:0;}
.search-recent-list dl{display:inline-block;overflow:hidden;}
.search-recent-list dt{float:left;font-size:14px;line-height:18px;color:#dcdee0;}
.search-recent-list dd{float:left;font-size:12px;line-height:18px;color:#949699;margin:0 0 0 15px;}
.search-recent-list>ul{float:left;}
.search-recent-list .search-list-del{display:inline-block;vertical-align:top;}
.search-recent-list .search-list-del .ico{display:inline-block;width:18px;height:18px;background:url(../images/ico/ico_search.png) no-repeat -28px -4px;margin:0 0 0 10px;}
.search-auto-box{position: absolute;top: 0;right: 0;z-index: 999;margin: 0;}
.search-auto-box .btn-search-auto{display:inline-block;font-size:12px;line-height:16px;color:#949699;}
.search-auto-list{position:relative;width:865px;margin:10px 0;}
.search-control-list ul{top:0px !important;}

.search-auto-list li{padding:5px 0 5px 20px;line-height:0;}
.search-auto-list li.on {background: #2c2c55}
.search-auto-list a{display:inline-block;font-size:14px;line-height:18px;color:#dcdee0;}
.search-auto-list a .serach-word{display:inline-block;color:#0088c8;vertical-align:top;}
.search-auto-list .btn-direct{display:inline-block;font-size:12px;line-height:18px;color:#949699;margin:0 0 0 10px;}
.search-auto-list .btn-direct .ico{display:inline-block;width:18px;height:18px;background:url(../images/ico/rectangle_arrow.png) no-repeat center center;background-size:6px;vertical-align:top;}

/*팝업-프로필 수정*/
.popup-info.popup-modify{position:absolute;left:50%;top: 5% !important;width:440px;margin: 0 0 -95px -220px;background:#fff;z-index:11;}
.popup-modify .popup-header{border-bottom:1px solid #dcdee0;}
.popup-modify .popup-title{font-size:18px;line-height:22px;}
.popup-modify .popup-closeBtn{background:url(../images/ico/ico-popup-btn.png) 0 -48px no-repeat;right:14px;top:14px;}
.popup-modify .popup-contents{padding:30px 20px 20px;}
.popup-modify .popup-contents .modify-user{font-size:22px;line-height:24px;letter-spacing:-1px;color:#000;margin:0 0 0 15px;}
.popup-modify .popup-contents .modify-write-cont{margin:30px 0 0;border:1px solid #ccc;}
.popup-modify .popup-contents .modify-write-cont textarea{-webkit-appearance:textarea;font-size:14px;line-height:20px;height:360px;outline:0;border:none;}
.popup-modify .btn-box{height:60px;background:#fff;border-top:1px solid #e6e6e6;}
.popup-modify .btn-box a{display:inline-block;width:100%;font-size:16px;line-height:65px;color:#34373c;text-align:center;font-family:"Noto Sans Bold";}

/*검색결과*/
.result-split{width:1200px;margin:0 auto;overflow:visible;}
.result-split-box1{float:left;width:786px;}
.result-split-box1 .component{padding:30px 0 40px;}
.result-split-box1 .component .component-box, .result-split-box2 .component .component-box{width:auto;}
.result-split-box1 .component .component-box .tit-a{margin:10px 0 20px;}
.result-split-box1 .component .component-box .select-box{position:absolute;right:0;top:0;width:136px;}
.result-split-box1 .component .component-box .select-box.sel1{right:144px;}
.result-split-box1 .component ~ .component{padding:0 0 50px;}
.result-split-box1 .tabArea{margin:0}
.result-split-box1 .tabArea.col6{margin:12px 0;}
.result-split-box1 div ~ .tabWrap{border-top:none;}
.result-split-box2{float:left;margin:-13px 0 0 50px;width:362px;}
.result-split-box2 .component{padding:16px 0 34px;}

/*검색결과 tabcon*/
.search-input-box label input,
.search-input-box .search-relation-box{width:866px;}
.search-input-box .search-input{width:866px;height:auto;box-sizing:border-box;border:1px solid #dcdee0;padding:15px 20px;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;position:relative;}
.search-input-box .search-btn-black{display:inline-block;width:24px;height:24px;background:url(../images/btn/btn-search-black.png) no-repeat 0 0;position:absolute;top:0;bottom:0;right:20px;text-indent:-1000em;margin:auto 0;}
.search-relation-box{margin:15px 0 0;}
.search-relation-box dt{display:inline-block;font-size:12px;line-height:16px;color:#54585e;}
.search-relation-box dd{display:inline-block;}
.search-relation-box a{display:inline-block;font-size:12px;line-height:16px;color:#54585e;margin:0 0 0 5px;}

.search-result .result-none-box{padding:60px 0 80px;overflow: hidden}
.search-result .result-none-box .none-txt{display:block;font-size:18px;line-height:44px;letter-spacing:-1px;color:#000;}
.search-result .result-none-box .search-word{display:block;font-size:30px;line-height:44px;color:#e44850;vertical-align:baseline;margin:0 5px 0 0;word-wrap: break-word;overflow-wrap: break-word}
.search-result .result-none-box .none-list-box{padding:40px 0 0;}
.search-result .result-none-box .none-list-box li{font-size:16px;line-height:26px;letter-spacing:-1px;color:#54585e;}
.search-result .component-box.grid1 .tit-a .list-total{margin-left:15px;vertical-align:baseline;color:#0088cf}

.search-result .grid1-box .slice-grid1 li{width:206px;margin:0 14px 0 0;}
.search-result .grid1-box .slice-grid1 li:nth-of-type(6n+6){margin:0 14px 0 0;}
.search-result .grid1-box .slice-grid1 li:nth-of-type(4n+4){margin:0;}
.search-result .grid1-box .slice-grid1 li:nth-of-type(6n+1){clear:none;}

.search-result-key .component-box.compSearchOmn{width:1200px;}
.search-result-key .component{padding:60px 0 20px;}
.search-result-key .component .component-box .select-box{position:absolute;right:0;top:0;width:136px;}
.search-result-key .compSearchOmn-box .compSearchOmn-list-box{border-top:4px solid #343464;}
.search-result-key .compSearchOmn-box .compSearchOmn-list-box ul{overflow:hidden;}
.search-result-key .compSearchOmn-box .compSearchOmn-list-box li{float:left;width:576px;min-height:138px;margin:0 0 0 48px;}
.search-result-key .compSearchOmn-box .compSearchOmn-list-box li:nth-of-type(2n+1){margin:0;}
.search-result-key .paging li{float:none;}

/* 검색 상세 */
.bg-search{width:100%;min-width: 1200px;padding: 15px 0;background: linear-gradient(45deg,#2b346c,#0086cc 100%,#0086cc 0);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b346c",endColorstr="#0086cc",gradientType=1)}
.ico-search{display: inline-block;width: 34px;height: 34px;background: url(../images/ico/ico-search-white.png) no-repeat 0 0;position: absolute;top: 2px;left: 2px;bottom: 0;text-indent: -1000em;margin: auto 0}
.search-input-box {position:relative;width: 1020px;margin:0 auto}
.search-input-box .search-btn-white{display: inline-block;width: 24px;height: 24px;background: url(../images/btn/btn-search-white.png) no-repeat 0 0;position: absolute;top: 0;bottom: 0;right: 23px;text-indent: -1000em;margin: auto 0}
.search-input-box .btn-search{position: absolute;top: 0;right: 0;width: 70px;height: 56px;box-sizing: border-box}
.search-input-box input[type="text"]{width:100%;height:64px;border:none;box-sizing: border-box;padding: 0 20px 0 60px;font-size: 30px;line-height: 64px;letter-spacing: -1px;color: #fff;background-color: transparent}
#sch_input:focus{border-bottom: 1px solid #6c89ae;box-sizing: border-box}
.search-result{margin:40px 0 0;overflow:hidden;}
.search-result .btn-all-more{position: absolute;top: 8px;right: 0;color: #000;font-size: 16px;letter-spacing: -.5px}
.search-result .compSearchCli-box .slice-compSearchCli li{width:252px;margin:0 0 55px 15px}
.search-result .recomm-list li{position:relative}
.search-result .recomm-list li::before{content: '';position: absolute;top:6px;display: inline-block;width: 17px;height: 18px;background: url(../images/ico/ico_search.png) no-repeat -3px -43px}
.search-result .recomm-list a{padding:2px 0 2px 10px;font-size:16px}
.search-result .result-split-box2 .component-box .tit-a{margin: 0;padding: 0 0 12px 0;font-size:20px}
.search-result .recomm-list{padding-top:15px;border-top:1px solid #ccc}
.search-result .component-box.compSearchSea{width: 362px}
.search-result .result-split-box1 .search-tab .tit-a, .search-result .search-tab .tit-a .list-total{margin:0;font-family: "Noto Sans Regular";line-height: 42px;font-size:16px;color:#666}
.search-result .result-split-box1 .on .tit-a, .search-result .search-tab .on .list-total{font-family: "Noto Sans Bold";color:#000}
.search-result .search-tab .tit-a .list-total{margin-left: 5px;vertical-align: baseline}
.search-result .tabWrap.search-tab{margin: 40px 0;border:1px solid #ccc;box-sizing: border-box}
.search-result .search-tab .tab05{padding:0 24px;background: url(../images/etc/bg-tab05.jpg) repeat-x left 45px}
.search-result .search-tab .tab05>li{height:46px}
.search-result .search-tab .compSearchPro2-list .arrow_box,.search-result .search-tab .compSearchPeo3-list .arrow_box{position: absolute;top: -63px;right:0;font-size:0}
.search-result .search-tab .compSearchPeo3-list{border-bottom: none}
.search-result .search-tab .conArea{height: 225px;padding: 29px 24px;background-color: #f7f7f7;box-sizing: border-box;}
.search-result .compSearchPro2-list{border-bottom:none}
.search-result .search-tab .owl-carousel .owl-item{width:174.5px}
.search-result .tab05>li>a{padding: 0 20px}
.search-result .result-split-box1 .component ~ .tabWrap.search-tab{margin: 0 0 50px; border-top:1px solid #ccc}
.search-result .result-split-box1 .search-tab .component{padding:0}
.search-result .search-tab .component{overflow: inherit}
.search-input-box .pop-search-result{display:none;position: absolute;top: 39px;left: -1px;width: 1022px;padding: 40px;background-color: #fff;z-index: 10;border: 1px solid #ccc;box-sizing: border-box;border-top: none}
.slide2 .slide1-box .arrow_box .owl-pagination{display:block;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}
.slide2 .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;}
.slide2 .slide1-box .arrow-buttons div{float: left;left:inherit;display: block;width: 16px;height: 20px;margin:0;font-size:0;background-image: url(../images/arrow/arrow-slide02.png);background-repeat: no-repeat;background-position: 0 0;cursor: pointer;}
.slide2 .slide1-box .arrow-buttons .arrow_next{float: left;right:0;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}
.slide2 .slide1-box .arrow-buttons .arrow_prev{right:21px;font-size:0;background-position: 0 0}
.slide2 .slide1-box .arrow-buttons .arrow_prev.disabled{background-position: 0 -20px}
.slide2 .slide1-box .arrow-buttons .arrow_next.disabled{background-position: -21px -20px}
.slide2 .arrow_box{position: absolute;top: -39px;right:0}

.slide2 .slide1-box .arrow-buttons div.arrow_prev.disabled {background-position: 0 -20px;}
.slide2 .slide1-box .arrow-buttons div.arrow_next.disabled {background-position: -21px -20px;}
.slide2 .slide1-img {position: relative;overflow: hidden;width: 174px;display: inline-block;box-sizing: border-box;float: left;}
.slide2 .slide1-img:nth-child(odd) {margin:0 10px 26px 0}
.slide2 .slide1-img .txt{position:relative;left: inherit;right:inherit;bottom:inherit}
.slide2 .slide1-img .txt .txt-tit{display:block;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden;max-height: 18px;-webkit-box-orient: vertical;margin:10px 0 3px 0;font-size:16px;line-height: 20px;line-height: 17px;letter-spacing: -1px;color: #000;}
.slide2 .txt-broadtype, .slide2 .txt-date{display:block;font-size:12px;color:#999}
.slide2 .slide1-img .img-thum{padding-top:56.25%}
.slide2 .timeline{position:absolute;bottom:0;right:0;display:inline-block;padding:6px 8px;background:rgba(0,0,0,.75);font-size:12px;line-height:12px;color:#dddee0}

.section.billing{margin:20px 0 0;}
.billing-split{width:1200px;margin:0 auto;overflow:hidden;}
.billing-split-box1{float:left;padding:0 0 80px 0;width:866px;}
.billing-split-box1 .component{padding:0;}
.billing-split-box1 .component .component-box{width:auto;}
.billing-split-box1 .component .component-box .tit-a{display:none;}
.billing-split-box1 .tabWrap{padding:70px 0 0;border-top:4px solid #343464;}
.billing-split-box1 .tabArea{margin:0;}
.billing-split-box1 div ~ .tabWrap{border-top:none;}
.billing-split-box2{float:left;margin:0 0 0 45px;width:285px;}
.billing-split-box1 .component .component-box.banner01{margin-top:20px;}

/* 사용자 정보 박스 (mypage, billing) */
.user-profile-info{background:#34373c;padding:30px;}
.user-profile-info .user-profile{position:relative;padding:0 0 45px;}
.user-profile-info .profile-nm{display:block;font-size:22px;line-height:26px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold"}
.user-profile-info .profile-id{display:block;margin:4px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#0088c8;}
.user-profile-info .user-logout{font-size:12px;color:#aaa;text-decoration:underline !important;float:right;padding:10px 0 0;}
.user-profile-info .profile-ico-img{position:absolute;right:0;top:0;width:70px;height:70px;}
.user-profile-info .user-info{border-top:1px solid #54585e;}
.user-profile-info .user-info ul{padding:10px 0;}
.user-profile-info .user-info li{position:relative;padding:8px 0 0 70px;}
.user-profile-info .user-info .tit{position:absolute;left:0;top:8px;width:70px;font-size:14px;line-height:20px;color:#949699;}
.user-profile-info .user-info .cont{display:inline-block;font-size:14px;line-height:20px;color:#dcdee0;vertical-align:top;font-family: 'Noto Sans Light';}
.user-profile-info .user-info .cont .replay,.user-profile-info .user-info .cont .cash,.user-profile-info .user-info .cont .point{display:inline-block;color:#fff;vertical-align:top;font-family: 'Noto Sans Light';}
/* 시청중 && 새로운 관심 VOD (사이드 영역) */
.side-vod-box{padding:20px 30px 40px;background:#f6f6f6;}
.side-vod-list{margin:20px 0 0;}
.side-vod-tit{margin:0 0 10px;font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.side-vod-list li{padding:0 0 28px;}
.side-vod-list a{display:block;}
.side-vod-list .img-thum{padding-top:55.7%;}
.side-vod-list .img-box .type{display:block;position:absolute;right:0;top:0;bottom:0;width:46px;text-align:center;color:#fff;}
.side-vod-list .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;}
.side-vod-list .img-box .type0{padding:16% 0 0 0;background:rgba(0,0,0,.3);font-size:15px;}
.side-vod-list .img-box .type0 .ico{right:15px;bottom:50%;margin:0 0 -18px;}
.side-vod-list .img-box .type1{}
.side-vod-list .img-box .type1 .ico{background-position:0 -176px;}
.side-vod-list .img-box .type2{top:auto;width:auto;height:auto;padding:2px 7px;background:rgba(0,0,0,.75);color:#dddee0;font-size:12px;}
.side-vod-list .img-box .type2 .ico{background:none;}
.side-vod-list .img-box .type3{overflow:hidden;text-indent:-10000em;left:0;top:0;right:0;bottom:0;width:auto;background:rgba(0,0,0,.25)}
.side-vod-list .img-box .type3 .ico{display:block;bottom:10px;right:10px;width:24px;height:24px;background:url(../images/ico/ico-play.png) no-repeat right bottom;background-size:100%;}
.side-vod-list .img-box .type4{}
.side-vod-list .img-box .type4 .ico{background-position:0 -208px;}
.side-vod-list .txt-box{display:block;margin:10px 0 0;}
.side-vod-list .txt-box .tit{display:block;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.side-vod-list .txt-box .des{display:block;margin:4px 0 0;font-size:12px;line-height:16px;color:#54585e;}

/* VOD 이용권 */
.vod-pass-box{display:table;table-layout:fixed;width:100%;padding:60px 0 50px;border-bottom:1px solid #dcdee0;}
.vod-pass-info{display:table-cell;padding:0 60px 0 30px;vertical-align:middle;}
.vod-pass-info .tit{font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.vod-pass-info .des{margin:15px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.vod-pass-info .date{display:block;margin:10px 0;font-size:14px;line-height:18px;letter-spacing:-1px;color:#54585e;}
.vod-pass-pay{display:table-cell;padding:0 10px 0 170px;width:125px;vertical-align:middle;text-align:left;}
.vod-pass-pay .vat{position:absolute;right:0;font-size:12px;line-height:20px;letter-spacing:-1px;}
.vod-pass-pay .val{vertical-align:baseline;}
.vod-pass-pay .pay{display:block;position:relative;padding:0 52px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;}
.vod-pass-pay .pay.before{color:#949699;text-decoration:line-through;}
.vod-pass-pay .pay.before{font-size:16px;line-height:20px;letter-spacing:-1px;color:#949699;text-decoration:line-through;}
.vod-pass-pay .pay.after{color:#0088c8;}
.vod-pass-pay .pay.after .val{font-family:"Noto Sans Bold";}
.vod-pass-btn{display:table-cell;width:210px;text-align:center;vertical-align:middle;}
.vod-pass-btn a{display:inline-block;padding:7px 0;width:92px;background:#343464;font-size:16px;line-height:20px;letter-spacing:-1px;color:#fff;}

/* 캐시충전 */
.charge-cash-box{margin:60px 0 0;}
.charge-cash-box .txt{margin:0 0 15px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.charge-cash-list{border-top:1px solid #dcdee0;}
.charge-cash-list li{display:table;table-layout:fixed;padding:23px 0;width:100%;border-bottom:1px solid #dcdee0;}
.charge-cash-list .charge-cash{display:table-cell;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.charge-cash-list .charge-cash .val{font-family:"Noto Sans Bold";vertical-align:baseline;}
.charge-cash-list .charge-cash .bonus{vertical-align:baseline;}
.charge-cash-list .charge-pay{display:table-cell;padding:0 32px;width:310px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#0088c8;text-align:right;}
.charge-cash-list .charge-btn{display:table-cell;width:160px;text-align:center;}
.charge-cash-list .charge-btn a{display:inline-block;padding:7px 0;width:92px;background:#343464;font-size:16px;line-height:20px;letter-spacing:-1px;color:#fff;}

/* 쿠폰등록 */
.coupon-input-box{margin:60px 0 0;padding:0 50px;}
.coupon-input-box .txt{margin:0 0 15px;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.coupon-input{position:relative;padding:0 120px 0 0;}
.coupon-input input[type=text]{padding:0 24px;width:100%;height:60px;border-right:0;font-size:20px;}
.coupon-input a{position:absolute;right:0;top:0;padding:18px 0;width:120px;background:#343464;font-size:20px;line-height:24px;letter-spacing:-1px;color:#fff;text-align:center;}
.coupon-input-box .refer{margin:25px 0 0;}
.coupon-input-box .refer li{position:relative;padding:2px 0 2px 13px;font-size:12px;line-height:16px;color:#949699;}
.coupon-input-box .refer li:before{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:3px;height:3px;border-radius:100%;background:#b1b2b5;}

/* board-type4 */
.board-date-box{overflow:visible;margin:44px 0 0;}
.date-search-box{float:right;margin:0 0 16px;}
.date-search-cate{float:left;margin:0 24px 0 0;width:134px;border:1px solid #dddee0;}
.date-search-cate .selectric .label{padding:8px;}
.date-search-scope{float:left;}
.date-search-scope .date-from,
.date-search-scope .date-to,
.date-search-scope .tilde{position:relative;float:left;max-width:136px;}
.date-search-scope .tilde{margin:0 7px;line-height:40px;}
.date-search-scope .date-from input,
.date-search-scope .date-to input{width:100%;height:40px;}
.date-search-scope .date-from .ico,
.date-search-scope .date-to .ico{position:absolute;right:5px;top:50%;margin:-15px 0 0;width:30px;height:30px;background:url(../images/ico/ico-table.png) no-repeat -30px -210px;cursor:pointer;}
.date-search-btn{float:left;margin:0 0 0 9px;}
.date-search-btn a{padding:9px 0;width:68px;border:1px solid #dddee0;background:#343464;font-size:14px;line-height:20px;color:#fff;text-align:center;}

.board-list-box{clear:both;border-top:1px solid #b6b7b9;}
.board-type4{border:initial;}
.board-type4 .left{text-align:left;}
.board-type4 .center{text-align:center;}
.board-type4 .right{text-align:right;}
.board-type4 .border-type4-col1{width:240px;}
.board-type4 .border-type4-col2{width:190px;}
.board-type4 .border-type4-col3{width:180px;}
.board-type4 .border-type4-col4{width:70px;}
.board-type4 .border-type4-col5{width:186px;}
.board-type4 .border-type4-col6{width:230px;}
.board-type4 .border-type4-col7{width:170px;}
.board-type4 .border-type4-col8{width:158px;}
.board-type4 .border-type4-col9{width:138px;}
.board-type4 .border-type4-col10{width:304px;}
.board-type4 .border-type4-col11{width:316px;}
.board-type4 .border-type4-col12{width:246px;}
.board-type4 .border-type4-col13{width:686px;}
.board-type4 tr.active{background:#f6f6f6;}
.board-type4 tr.disable td,
.board-type4 tr.disable td span{color:#949699;}
.board-type4 th{padding:15px 20px;border:1px solid transparent;border-bottom:1px solid #dcdee0;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Medium";text-align:center;}
.board-type4 td{padding:0 20px;height:80px;border:1px solid transparent;border-bottom:1px solid #dcdee0;font-size:16px;line-height:20px;letter-spacing:-.05px;color:#000;text-align:center;font-family: 'Noto Sans DemiLight';}
.board-type4 td .myreply-txt{padding:0 0 0 30px;font-family: 'Noto Sans DemiLight';}
.board-type4 td .myreply-txt .myreply-board-tit{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:568px}
.board-type4 td .myreply-tit{display:block;margin:6px 0 0;font-size:12px;line-height:16px;letter-spacing:-1px;color:#949699;font-family: 'Noto Sans DemiLight';text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:568px}
.board-type4 td .vat{display:block;font-size:12px;line-height:16px;letter-spacing:-1px;color:#949699;}
.board-type4 td .keyword{font-family:"Noto Sans Medium";}
.board-type4 td .state{display:block;color:#0088c8;font-family:"Noto Sans Medium";}
.board-type4 td .name{display:block;}
.board-type4 td .info{display:block;margin:5px 0 0;font-size:14px;}
.board-type4 td .episode{display:inline-block;}
.board-type4 td .quality{position:relative;display:inline-block;margin:0 0 0 7px;padding:0 0 0 7px;color:#949699;}
.board-type4 td .quality .bar{position:absolute;top:50%;left:0;margin-top:-5px;display:inline-block;width:1px;height:10px;background:#b6b7b9;}
.board-type4 td .day-start{display:block;}
.board-type4 td .day-end{display:block;color:#0088c8;margin:5px 0 0 0;}
.board-type4 td .next-pay{display:block;margin:2px 0 0;font-size:12px;line-height:16px;letter-spacing:-1px;color:#000;}
.board-type4 td .product-pay{display:block;font-size:14px;line-height:18px;letter-spacing:-1px;color:#000;}
.board-type4 td .total-pay{display:block;margin:2px 0 0;font-size:14px;line-height:18px;letter-spacing:-1px;color:#0088c8;}
.board-type4 td .add-sub-pay{display:block;color:#000;font-family:"Noto Sans Medium"}
.board-type4 td .btn-cancel{display:inline-block;position:relative;margin:5px 0 0;padding:0 0 2px;font-size:12px;line-height:16px;color:#54585e;}
.board-type4 td .btn-cancel:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#b6b7b9;}
.board-type4 td.no-data{height:157px;border-bottom:1px solid transparent;background:#f6f6f6;font-size:16px;line-height:20px;letter-spacing:-1px;color:#949699;}
.board-type4 .board-reply{margin:0 0 0 8px;}
.board-type4 .board-reply .ico{display:inline-block;width:19px;height:25px;background:url(../images/ico/ico-reply.png) 0 0 no-repeat;background-position:-4px -75px;}
.board-type4 .board-reply .txt{display:inline-block;font-size:14px;line-height:25px;color:#b6b7b9;}

/* 보유 캐시 holding-cash */
.holding-cash-box{margin:60px 0 0;padding:26px 48px;background:#f6f6f6;}
.holding-cash-box dl{overflow:hidden;}
.holding-cash-box dt{float:left;margin:0 60px 0 0;font-size:22px;line-height:28px;letter-spacing:-1px;color:#000;}
.holding-cash-box dd{float:left;}
.holding-cash-box .total-cash{font-size:22px;line-height:28px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.holding-cash-box .refund-btn{margin:0 0 0 22px;padding:4px 0;width:70px;border:1px solid #7f8286;background:#f6f6f6;font-size:14px;line-height:18px;letter-spacing:-1px;color:#54585e;text-align:center;}


/* 이용권 구매 팝업 */
.popup-info[class*=purchase]{width:404px;margin-left:-202px;}
.popup-info[class*=purchase] .popup-header{padding:20px;border-bottom:1px solid #dcdee0;}
.popup-info[class*=purchase] .popup-title{font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.popup-info[class*=purchase] .popup-closeBtn{top:50%;margin-top:-12px;background-position-y:-48px;}
.popup-info[class*=purchase] .popup-contents{padding:0;max-height:700px;background:#f6f6f6;}
.popup-info[class*=purchase] .customScroll .mCSB_inside>.mCSB_container{margin:0 6px 0 0;}
.popup-info[class*=purchase] .customScroll .mCSB_scrollTools{width:6px;}
.popup-info[class*=purchase] .customScroll .mCSB_scrollTools .mCSB_draggerContainer{margin:0;}
.popup-info[class*=purchase] .customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#a2a2a2 !important;}

.purchase-content{display:table;table-layout:fixed;margin:0 0 10px;padding:34px 30px;box-sizing:border-box;width:100%;border-bottom:1px solid #dddee0;background:#fff;}
.purchase-content .txt-box{display:table-cell;padding:0 30px 0 0;vertical-align:middle;}
.purchase-content .txt-box .tit{font-size:24px;line-height:28px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.purchase-content .txt-box .data{display:block;font-size:16px;line-height:20px;color:#000;}
.purchase-content .txt-box .data span+span{position:relative;margin:0 0 0 8px;padding:0 0 0 8px;}
.purchase-content .txt-box .data span+span:before{content:"";position:absolute;left:0;top:50%;margin:-6px 0 0;width:1px;height:12px;background:#dddee0;}
.purchase-content .txt-box .info-list{display:block;overflow:hidden;margin:15px 0 0;}
.purchase-content .txt-box .info-tit{clear:both;float:left;margin:5px 10px 0 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#949699;}
.purchase-content .txt-box .info-data{float:left;margin:5px 0 0;font-size:16px;line-height:20px;color:#34373c;}
.purchase-content .txt-box .info-data strong{color:#000;font-family:"Noto Sans Bold";vertical-align:baseline;}
.purchase-content .txt-box .info-data .vat{margin:0 0 0 6px;font-size:12px;line-height:16px;color:#949699;vertical-align:baseline;}
.purchase-content .img-box{display:table-cell;width:81px;vertical-align:middle;}
.purchase-content .img-thum{padding-top:143.2%;}
.purchase-type-box{padding:0 0 40px;background:#fff;}
.purchase-type-des{padding:30px 30px 0;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;}
.purchase-type-list li{padding:30px 30px 16px;border-bottom:1px solid #dddee0;}
.purchase-type-list .txt{position:relative;padding:0 70px 10px 0;}
.purchase-type-list .tit{display:block;font-size:16px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.purchase-type-list .des{display:block;margin:6px 0 0;font-size:14px;line-height:18px;letter-spacing:-1px;color:#34373c;}
.purchase-type-list .date{display:block;}
.purchase-type-list .date-tit{margin:0 6px 0 0;font-size:12px;line-height:16px;letter-spacing:-1px;color:#949699;font-family:"Noto Sans Bold"}
.purchase-type-list .date-data{font-size:12px;line-height:16px;letter-spacing:-1px;color:#949699;}
.purchase-type-list .ico{position:absolute;right:0;top:0;width:53px;height:53px;background:url(../images/ico/ico-purchase.png) no-repeat;}
.purchase-type-list .ico.type1{background-position-y:0;}
.purchase-type-list .ico.type2{background-position-y:-56px;}
.purchase-type-price{overflow:hidden;padding:16px 0 0;border-top:1px solid #ededee;}
.purchase-type-price .cost{display: block;text-decoration: line-through;}
.purchase-type-price .promo{display:block;}
.purchase-type-price .price{float:left;font-size:20px;line-height:34px;letter-spacing:-1px;color:#e44850;font-family:"Noto Sans Bold"}
.purchase-type-price .vat{font-size:12px;line-height:16px;letter-spacing:-1px;color:#e44850;font-family:"Noto Sans Regular";vertical-align:baseline;}
.purchase-type-price a{float:right;padding:7px 0;width:90px;background:#e44850;font-size:14px;line-height:20px;letter-spacing:-1px;color:#fff;font-family:"Noto Sans Bold";text-align:center;}
.purchase-slide{position:relative;}
.purchase-slide .slide-box a,
.purchase-slide .slide-box img{display:block;}
.purchase-slide .owl-pagination{bottom:25px;left:30px;}
.purchase-slide .owl-page{box-sizing:border-box;width:7px;height:7px;border-radius:100%;border:1px solid #fff;background:none;}
.purchase-slide .owl-page.active{opacity:1;background:#fff;}
.purchase-payment-point{padding:25px 30px 30px;background:#fff;}
.purchase-payment-point .point-wallet{overflow:hidden;margin:0 0 15px;}
.purchase-payment-point .point-wallet .tit{float:left;font-size:14px;line-height:27px;color:#000;font-family:"Noto Sans Bold"}
.purchase-payment-point .point-wallet .cash{float:right;font-size:18px;line-height:27px;color:#0088cf;}
.purchase-payment-point .point-wallet .cash strong{font-family:"Noto Sans Bold"}
.purchase-payment-point .point-wallet .point{float:right;font-size:18px;line-height:27px;color:#000;}
.purchase-payment-point .point-wallet .point strong{font-family:"Noto Sans Bold"}
.purchase-payment-point .payment-input{position:relative;padding:0 95px 0 0;}
.purchase-payment-point .payment-input input{width:100%;height:55px;border-right:0;font-size:16px;}
.purchase-payment-point .payment-input a{position:absolute;top:0;right:0;padding:15px 0 16px;width:95px;border:2px solid #000;background:#fff;font-size:14px;line-height:20px;color:#000;font-family:"Noto Sans Bold";text-align:center;}
.purchase-payment-point .refer{position:relative;margin:10px 0 0;padding:0 60px 0 0;font-size:12px;line-height:16px;color:#54585f;}
.purchase-payment-point .refer a{position:absolute;right:0;top:0;padding:0 15px 0 0;font-size:12px;line-height:16px;color:#0088cf;}
.purchase-payment-point .refer a .ico{position:absolute;top:4px;right:0;border:5px solid #0088cf;border-color:transparent transparent transparent #0088cf;}
.purchase-payment-sum{padding:24px 30px 32px;background:#f6f6f6;}
.purchase-payment-sum .tit{font-size:18px;line-height:24px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.purchase-payment-sum dl{overflow:hidden;padding:2px 0;}
.purchase-payment-sum dt{float:left;font-size:18px;line-height:28px;letter-spacing:-1px;color:#000;}
.purchase-payment-sum dd{float:right;font-size:18px;line-height:28px;color:#000;font-family:"Noto Sans Bold"}
.purchase-payment-sum .monetary{float:right;padding:0 0 0 5px;width:30px;font-size:16px;line-height:28px;color:#54585e;vertical-align:baseline;text-align:left;}
.purchase-payment-sum .month-price{color:#e44850;font-family:"Noto Sans Bold";vertical-align:baseline;}
.purchase-payment-sum .vat{float:right;margin:0 0 0 5px;font-size:12px;line-height:28px;color:#949699;vertical-align:baseline;}
.purchase-payment-sum .date{font-family:"Noto Sans Bold"}
.purchase-payment-sum .sum{margin:10px 0 0;padding:5px 0 0;border-top:1px solid #dddee0;}
.purchase-payment-sum .sum dt{float:left;font-size:18px;line-height:42px;letter-spacing:-1px;color:#e44850;}
.purchase-payment-sum .sum dd{float:right;font-size:32px;line-height:36px;letter-spacing:-1px;color:#e44850;}
.purchase-payment-sum .sum .monetary{width:20px;font-size:22px;line-height:42px;letter-spacing:-1px;color:#e44850}
.purchase-payment-notice{background:#fff;border-bottom:1px solid #dcdee0;margin:0 0 5px;padding:20px 30px;}
.purchase-payment-notice dt{font-size:14px;line-height:17px;letter-spacing:-.05em;font-family:"Noto Sans Bold";color:#000;}
.purchase-payment-notice dd p{font-size:12px;line-height:17px;letter-spacing:-.025em;color:#54585f;margin:12px 0 0;}
.purchase-payment-type{padding:20px 30px 30px;background:#fff;}
.purchase-payment-type .txt{margin:0 0 10px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.purchase-payment-type ul{overflow:hidden;}
.purchase-payment-type li{float:left;box-sizing:border-box;border:1px solid #dcdee1;}
.purchase-payment-type ul.col2 li{width:50%;}
.purchase-payment-type ul.col3 li{width:33.33%;}
.purchase-payment-type li a{display:block;padding:11px 0;font-size:16px;line-height:20px;color:#000;background:#fff;text-align:center;}
.purchase-payment-type li.on{border:1px solid #e44850;}
.purchase-payment-type li.on a{border:none;font-size:16px;line-height:20px;background:#e44850;color:#fff;}
.purchase-payment-type .check-box{position:relative;margin:10px 0 0;}
.purchase-payment-type .check-box span{position:relative;display:block;}
.purchase-payment-type .check-box .type02+label{padding:0 0 0 25px;font-size:16px;line-height:20px;color:#000;margin:5px 0 0;}
.purchase-payment-type .check-box a{position:absolute;right:0;top:0;font-size:12px;line-height:20px;letter-spacing:-1px;color:#000;}
.purchase-next-btn{padding:5px 30px 35px;background:#fff;}
.purchase-next-btn a{display:block;padding:11px 0;background:#343464;font-size:16px;line-height:20px;letter-spacing:-1px;color:#fff;text-align:center;}
.purchase-caution{padding:25px 30px;border-top:1px solid #dddee0;background:#f6f6f6;}
.purchase-caution .tit{display:block;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;}
.purchase-caution .text-toggle{font-size:12px;line-height:16px;letter-spacing:-.2px;color:#54585f;}
.purchase-caution .btn-des{color:#0088cf;}
.purchase-caution .btn-des{margin:0 0 0 5px;color:#0088cf;}
.purchase-alarm{padding:75px 30px 135px;}
.purchase-alarm-img{text-align:center;}
.purchase-alarm-txt{margin:60px 0 0;}
.purchase-alarm-txt p{font-size:18px;line-height:24px;letter-spacing:-.2px;color:#000;text-align:center;}
.purchase-alarm-txt strong{display:block;margin:0 0 20px;font-size:20px;line-height:24px;letter-spacing:-.2px;font-family:"Noto Sans Bold"}
.purchase-alarm-btn{margin:30px 0 0;}
.purchase-alarm-btn ul{overflow:hidden;}
.purchase-alarm-btn li{display:block;width:158px;text-align:center;}
.purchase-alarm-btn .alarm-btn1{float:left;}
.purchase-alarm-btn .alarm-btn2{float:right;}
.purchase-alarm-btn .alarm-btn1 a{display:block;color:#000;border:1px solid #dddee0;padding:11px 0;font-size:16px;line-height:20px;letter-spacing:-1px;}
.purchase-alarm-btn .alarm-btn2 a{display:block;color:#fff;border:1px solid #f89535;background:#f89535;padding:11px 0;font-size:16px;line-height:20px;letter-spacing:-1px;}

/* 환불 및 해지신청 팝업 */
.popup-info[class*=refund]{width:404px;margin-left:-202px;}
.popup-info[class*=refund] .popup-header{padding:20px;border-bottom:1px solid #dcdee0;}
.popup-info[class*=refund] .popup-title{font-size:18px;line-height:22px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold"}
.popup-info[class*=refund] .popup-closeBtn{top:50%;margin-top:-12px;background-position-y:-48px;}
.popup-info[class*=refund] .popup-contents{padding:0;max-height:700px;background:#f6f6f6;}
.popup-info[class*=refund] .customScroll .mCSB_inside>.mCSB_container{margin:0 6px 0 0;}
.popup-info[class*=refund] .customScroll .mCSB_scrollTools{width:6px;}
.popup-info[class*=refund] .customScroll .mCSB_scrollTools .mCSB_draggerContainer{margin:0;}
.popup-info[class*=refund] .customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#a2a2a2 !important;}

.refund-apply{padding:30px;border-bottom:1px solid #dddee0;background:#fff;}
.refund-apply-tit{margin:0 0 20px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.refund-apply-list{margin:0 0 20px;}
.refund-apply-list li{overflow:hidden;}
.refund-apply-list li+li{margin:10px 0 0;}
.refund-apply-list .apply-tit{float:left;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;}
.refund-apply-list .apply-cash{float:right;font-size:20px;line-height:24px;letter-spacing:-1px;color:#000;}
.refund-apply-list .apply-cash strong{font-family:"Noto Sans Bold"}
.refund-apply-form{margin:0 0 36px;}
.refund-apply-form li{position:relative;margin:15px 0 0;padding:0 0 0 90px;}
.refund-apply-form li:first-child{margin:0;}
.refund-apply-form .tit{position:absolute;top:0;left:0;font-size:20px;line-height:55px;letter-spacing:-1px;color:#000;}
.refund-apply-form .input-box input{width:100%;height:55px;font-size:16px;}
.refund-apply-form .select-box{margin:0 0 15px;}
.refund-apply-form .select-box .label{padding:16px 12px;font-size:16px;line-height:20px;}
.refund-apply-form .select-box .button{top:50%;margin-top:-18px;}
.refund-apply-btn a{display:block;padding:11px 0;background:#f89535;font-size:16px;line-height:20px;letter-spacing:-1px;color:#fff;text-align:center;}
.refund-progress{margin:10px 0 0;padding:20px 30px 5px;border-bottom:1px solid #dddee0;background:#fff;}
.refund-progress-tit{margin:0 0 5px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.refund-progress li{display:table;table-layout:fixed;padding:15px 0;width:100%;border-top:1px solid #dddee0;font-size:14px;line-height:20px;letter-spacing:-1px;color:#000;font-family:"Noto Sans Bold";}
.refund-progress li:first-child{border-top:0;}
.refund-progress .apply{display:table-cell;}
.refund-progress .cash{display:block;font-size:16px;line-height:20px;letter-spacing:-.2px;color:#000;}
.refund-progress .date{display:block;font-size:12px;line-height:16px;letter-spacing:-.2px;color:#949699;}
.refund-progress .ico{display:table-cell;width:40px;background:url(../images/arrow/arrow-refund.png) no-repeat center center;}
.refund-progress .refund{display:table-cell;width:170px;text-align:right;font-size:16px;line-height:20px;letter-spacing:-.2px;color:#000;vertical-align:top;}
.refund-progress .money{color:#f89535;vertical-align:baseline}
.refund-caution{padding:30px 35px 25px 30px;}
.refund-caution p{margin:10px 0 0;font-size:12px;line-height:16px;letter-spacing:-.2px;color:#54585f;}
.refund-caution p:first-child{margin:0;}
.refund-caution .highlight{color:#e44850;vertical-align:baseline}


.billing-datepicker .ui-datepicker-buttonpane{position:absolute;right:10px;top:10px;}
.billing-datepicker .ui-datepicker-close{display:inline-block;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) 0 -72px no-repeat !important;}
.billing-datepicker.ui-datepicker{position:absolute;top:100%;margin:16px 0 0;padding:30px 26px;border:1px solid #e6e6e6;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#fff;}
.billing-datepicker.ui-datepicker .ui-datepicker-header{position:relative;margin:0 0 20px;border:none;background:#fff;padding:0;}
/*arrow*/
.billing-datepicker .ui-datepicker-prev,
.billing-datepicker .ui-datepicker-prev-hover{position:absolute;top:16px;left:73px;right:auto;margin:-6px 0 0;width:20px;height:20px;}
.billing-datepicker .ui-datepicker-next,
.billing-datepicker .ui-datepicker-next-hover{position:absolute;top:16px;left:auto;right:70px;margin:-6px 0 0;width:20px;height:20px;}
.billing-datepicker .ui-datepicker-prev .ui-icon{display:block;position:static;margin:0;width:16px;height:16px;background:url(../images/arrow/arrow-tit.png) no-repeat 3px -12px;font-size:0;cursor:pointer;}
.billing-datepicker .ui-datepicker-prev-hover .ui-icon{width:15px;height:15px;background:url(../images/arrow/arrow-tit.png) no-repeat 3px 3px;}
.billing-datepicker .ui-datepicker-next .ui-icon{display:block;position:static;margin:0;height:15px;background:url(../images/arrow/arrow-tit.png) no-repeat -24px -12px;font-size:0;cursor:pointer;}
.billing-datepicker .ui-datepicker-next-hover .ui-icon{width:15px;height:15px;background:url(../images/arrow/arrow-tit.png) no-repeat -24px 3px;}
/*//arrow*/
.billing-datepicker.ui-datepicker table{margin:0;}
.billing-datepicker.ui-datepicker .ui-datepicker-title{text-align:center;font-size:22px;line-height:33px;color:#000;}
.billing-datepicker.ui-datepicker .ui-datepicker-title span{vertical-align:baseline;}
.billing-datepicker.ui-datepicker .ui-datepicker-title .ui-datepicker-month{font-family:"Noto Sans Bold";margin:0 0 0 8px;}
.billing-datepicker.ui-datepicker{display:none;width:auto;z-index:100 !important;}
.billing-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;}
.billing-datepicker .ui-datepicker-calendar thead th{padding:0;}
.billing-datepicker .ui-state-default,
.billing-datepicker .ui-widget-content .ui-state-default,
.billing-datepicker .ui-widget-header .ui-state-default,
.billing-datepicker .ui-button,
.billing-datepicker .ui-button.ui-state-disabled:hover,
.billing-datepicker .ui-button.ui-state-disabled:active{border:none;background:#fff;color:#000;}
.billing-datepicker .ui-state-default.dimmed,
.billing-datepicker .ui-widget-content .ui-state-default.dimmed,
.billing-datepicker .ui-widget-header .ui-state-default.dimmed{color:#dcdee0 !important;}
.billing-datepicker.ui-datepicker td span,
.billing-datepicker.ui-datepicker td a{display:inline-block;width:40px;height:40px;font-size:14px;line-height:40px;color:#000;text-align:center;padding:0;margin:0;text-align:center;}
.billing-datepicker .ui-state-active{color:#fff !important;background:url(../images/etc/bg-calendar-active.png) no-repeat center center !important;background-size:30px !important;}
.billing-datepicker .ui-datepicker-today{font-family:"Noto Sans Bold";}


.vertical-title{margin:60px auto 0;width:1200px;font-size:32px;letter-spacing:-.07em;line-height:40px;font-family:"Noto Sans Bold";}
.component-box.vbanner2{position:relative;}
.vbanner2 .vbanner2-box a{position:relative;display:block;}
.vbanner2 .vbanner2-box .banner-img{overflow:hidden;width:100%;height:300px;}
.vbanner2 .vbanner2-box .banner-img img{display:block;width:100%;}
.vbanner2 .vbanner2-box .banner-txt{position:absolute;left:65px;top:32px;overflow:hidden;width:100%;max-width:650px}
.vbanner2 .vbanner2-box .event-tit{display:block;margin:0 0 18px;font-size:22px;letter-spacing:-.04em;line-height:26px;color:#fff;opacity:.4;}
.vbanner2 .vbanner2-box .tit{display:block;font-size:48px;letter-spacing:-.06em;line-height:64px;font-family:"Noto Sans Bold";color:#fff;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 128px;max-width: 650px;word-break: break-all;}
.vbanner2 .vbanner2-box .stit{display:block;margin:10px 0 0;font-size:22px;letter-spacing:-.04em;line-height:30px;color:#fff;max-width: 650px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;word-break: break-word;}
.vbanner2 .owl-pagination{left:70px;bottom:40px;}
.vbanner2 .owl-page{display:block;margin-right:2px;width:18px;height:18px;/*border:2px solid #fff;border-radius:100%;*/background:none;}
.vbanner2 .owl-page.active{width:37px;/*background:#fff;opacity:1;*/}
.vbanner2 .arrow_prev{position:absolute;top:50%;right:100%;margin:-31px 30px 0 0;width:32px;height:62px;background:url(../images/arrow/arrow-slide1.png) no-repeat 0 -63px;}
.vbanner2 .arrow_next{position:absolute;top:50%;left:100%;margin:-31px 0 0 30px;width:32px;height:62px;background:url(../images/arrow/arrow-slide1.png) no-repeat -35px -63px;}
.vbanner2 .arrow_prev.disabled,.vbanner2 .arrow_next.disabled{background-position-y:0;}
.sticky .vertical .header-info .header-bottom .header-menu .gnb-logo{background:none;margin:0;padding:0;}
.sticky .vertical .header-info .header-bottom .header-menu li:nth-of-type(1n+3){display:none !important;}
.sticky .vertical .header-vertical-title{display:block;float:left;height:56px;font-size:20px;letter-spacing:-.04em;line-height:56px;font-family:"Noto Sans Bold"}

.vertical-full-page{position:relative;overflow:hidden;}
.map-api{height:100%;}
.map-btn-area{position:absolute;top:0;left:50%;margin:0 0 0 -600px;width:1200px;z-index:10;}
.map-filter-cate{position:absolute;top:16px;left:0;height:50px;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-filter-cate .map-filter{position:relative;float:left;border:1px solid #949699;background:#fff;}
.map-filter .map-filter-label{position:relative;padding:0 0 0 60px;height:48px;text-align:center;}
.map-filter .map-filter-label .tit{position:absolute;left:0;top:0;width:60px;height:100%;font-size:12px;letter-spacing:-.025em;line-height:50px;color:#0088cf;font-family:"Noto Sans Bold";}
.map-filter .map-filter-label .input-box{position:relative;float:left;width:410px;}
.map-filter .map-filter-label input{padding:0 80px 0 12px;width:100%;height:48px;border:none;font-size:16px;color:#949699}
.map-filter .map-filter-label .search-btn{position:absolute;top:50%;right:10px;margin:-18px 0 0;width:36px;height:36px;}
.map-filter .map-filter-label .search-btn .ico{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat 0 -100px;}
.map-filter .map-filter-label .del-btn{position:absolute;top:50%;right:50px;margin:-12px 0 0;width:24px;height:24px;background:url(../images/ico/ico-popup-btn.png) no-repeat 0 -96px;}
.map-filter .map-filter-list{display:none;}
.map-filter .map-filter-popular{padding:20px 30px 30px;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-filter .map-filter-popular .all-place{margin:0 0 30px;}
.map-filter .map-filter-popular .all-place a{display:block;padding:8px 0 9px;border:1px solid #717192;font-size:12px;letter-spacing:-.025em;line-height:16px;color:#343464;text-align:center;}
.map-filter .map-filter-auto{display:none;padding:20px 30px 30px;}
.map-filter.auto .map-filter-popular{display:none;}
.map-filter.auto .map-filter-auto{display:block;}
.map-filter .filter-refer{margin:0 0 20px;font-size:12px;letter-spacing:-.025em;line-height:16px;color:#888;}
.map-filter .filter-list{overflow:hidden;height:210px;}
.map-filter .filter-list li{padding:8px 0;}
.map-filter .filter-list li:first-child{padding-top:0;}
.map-filter .filter-list li:last-child{padding-bottom:0;}
.map-filter .filter-list a{font-size:14px;letter-spacing:-.04em;line-height:20px;color:#000}
.map-filter .filter-list a:hover{font-family:"Noto Sans Bold"}
.map-filter .filter-list a:hover span{font-family:"Noto Sans Bold"}
.map-filter .filter-list a span{color:#0088c8;vertical-align:baseline;}
.map-filter.on .map-filter-label{border-bottom:1px solid #dcdee0;}
.map-filter.on .map-filter-label input{color:#000;}
.map-filter.on .map-filter-list{display:block;}
.map-filter-cate .map-category{float:left;width:260px;border:1px solid #949699;border-left:0;background:#fff;}
.map-filter-cate .map-category-label{position:relative;padding:0 0 0 60px;height:48px;}
.map-filter-cate .map-category-label .tit{position:absolute;left:0;top:0;height:100%;width:60px;font-size:12px;letter-spacing:-.025em;line-height:48px;color:#0088cf;font-family:"Noto Sans Bold";text-align:center;}
.map-filter-cate .map-category-label .select-box{box-sizing:border-box;height:100%;width:100%;border:none;}
.map-filter-cate .map-category-label a{display:block;padding:11px 50px 11px 0;}
.map-filter-cate .map-category-label .label{display:block;width:100%;font-size:16px;letter-spacing:-.04em;line-height:26px;color:#949699;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.map-filter-cate .map-category-label .ico{position:absolute;right:10px;top:50%;margin:-10px 0 0;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat 0 -20px;}
.map-category .map-category-list{display:none;position:absolute;top:100%;left:0;box-sizing:border-box;padding:0 0 0 30px;width:100%;border:1px solid #949699;border-top:none;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-category .map-category-list ul{overflow:hidden;}
.map-category .map-category-list .check-list li{float:left;box-sizing:border-box;padding:9px 0 10px;width:33.33%;}
.map-category .map-category-list .check-list li:nth-of-type(3n+2){clear:both;}
.map-category .map-category-list .check-list .input-box{display:inline-block;position:relative;vertical-align:middle;}
.map-category .map-category-list .check-list .input-box input{top:0;}
.map-category .map-category-list .check-list label{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.map-category .map-category-list .check-list .all-cate{float:none;margin:0 0 10px;padding:18px 0 11px;width:100%;border-bottom:1px solid #dcdee0}
.map-category .map-category-list .check-list .recom{display:inline-block;margin:0 0 0 10px;font-size:11px;letter-spacing:-.025em;line-height:20px;color:#0088c8;}
.map-category .category-btn{clear:both;float:right;margin:27px 20px 20px 0;}
.map-category .category-btn li{float:left;}
.map-category .category-btn a{display:block;margin:0 0 0 15px;padding:12px 0;width:110px;font-size:12px;letter-spacing:-.025em;line-height:16px;color:#fff;text-align:center;}
.map-category .category-btn .btn-cancel{background:#7f8286}
.map-category .category-btn .btn-submit{background:#343464}
.map-category.on{border-bottom:none;}
.map-category.on .map-category-label{border-bottom:1px solid #dcdee0}
.map-category.on .ico{background-position-x:-20px;}
.map-category.on .map-category-list{display:block;}
.map-toggle-view{position:absolute;top:16px;left:478px;}
.map-toggle-view a{display:block;box-sizing:border-box;padding:8px 13px;width:100px;height:50px;border:1px solid #949699;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-toggle-view .tit{display:block;width:50px;font-size:12px;letter-spacing:-.025em;line-height:16px;color:#000;font-family:"Noto Sans Bold";}
.map-toggle-view .ico{position:absolute;right:8px;bottom:8px;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat  0 -120px;}
.map-my-position{position:absolute;right:0;top:16px;}
.map-my-position a{display:block;position:relative;box-sizing:border-box;width:40px;height:40px;border:1px solid #949699;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-my-position .ico{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat 0 0;}
.map-my-position.on a{background:#0088c8;border-color:#0088c8;}
.map-my-position.on .ico{background-position-x:-20px;}
.map-zoom-btn{position:absolute;top:65px;right:0;border:1px solid #949699;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-zoom-btn a{display:block;position:relative;width:38px;height:38px;background:#fff;}
.map-zoom-btn a + a{border-top:1px solid #949699;}
.map-zoom-btn .ico{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat 0 -60px;}
.map-zoom-btn .zoom-in .ico{background-position-x:0;}
.map-zoom-btn .zoom-out .ico{background-position-x:-20px;}
.map-share-btn{position:absolute;top:174px;right:0;}
.map-share-btn a{display:block;width:40px;height:40px;border-radius:100%;background:#34373c;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.map-share-btn .ico{position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat 0 -80px;}

.popup-info.popup-map-clip{margin-left:-600px;box-sizing:border-box;width:1200px;padding:55px 50px 0;}
.popup-map-clip .popup-header{position:static;padding:0 0 20px;border-bottom:3px solid #34373c;}
.popup-map-clip .popup-title span{color:#0088c8;font-family:"Noto Sans Bold";vertical-align:baseline;}
.popup-map-clip .select-sort{position:absolute;top:70px;right:50px;}
.popup-map-clip .popup-contents{padding:0;}
.popup-map-clip .map-clip-list{max-height:405px;}
.popup-map-clip .map-clip-list ul{overflow:hidden;padding:0 0 55px;}
.popup-map-clip .map-clip-list li{float:left;box-sizing:border-box;width:50%;}
.popup-map-clip .map-clip-list li:nth-of-type(odd){padding-right:16px;}
.popup-map-clip .map-clip-list li:nth-of-type(even){padding-left:16px;}
.popup-map-clip .map-clip-list a{display:table;table-layout:fixed;width:100%;padding:20px 0;border-bottom:1px solid #dddee0;}
.popup-map-clip .map-clip-list .txt-box{display:table-cell;position:relative;padding:0 20px 30px 0;vertical-align:top;}
.popup-map-clip .map-clip-list .tit{font-size:18px;letter-spacing:-.04em;line-height:26px;color:#000;}
.popup-map-clip .map-clip-list .info{position:absolute;bottom:0;left:0;overflow:hidden;}
.popup-map-clip .map-clip-list .info span{float:left;font-size:13px;letter-spacing:-.025em;line-height:16px;color:#888;}
.popup-map-clip .map-clip-list .info span + span{position:relative;margin:0 0 0 6px;padding:0 0 0 6px;}
.popup-map-clip .map-clip-list .info span + span:before{content:"";position:absolute;left:0;top:50%;margin:-4px 0 0;width:1px;height:8px;background:#dddee0;}
.popup-map-clip .map-clip-list .img-box{display:table-cell;width:196px;}
.popup-map-clip .map-clip-list .play-time{display: block;position: absolute;padding: 2px 7px;right: 0;bottom: 0;background: rgba(0,0,0,.8);font-size: 12px;color: #dddee0;}
.popup-map-clip .customScroll .mCSB_inside>.mCSB_container{margin:0;}
.popup-map-clip .customScroll .mCSB_scrollTools{overflow:hidden;width:0;}

/* 건강버티컬 */
.vertical.health .vertical-full-page{background:url(../images/etc/vertical-health-body-pattern.jpg) repeat-x center 0;background-size:auto auto;}
.health-page{position:absolute;top:0;bottom:90px;left:0;right:0;margin:0 auto;width:1200px;}
.health-body{position:absolute;top:40px;left:200px;width:380px;height:450px;background-image:url(../images/etc/vertical-health-body.png);background-repeat:no-repeat;}
/*.sub .health-body{left:0px;}*/
.health-body img{width:100%;height:100%;}
.health-body map area{outline:none}
.health-body.body-on0{background-position:-380px -450px;}
.health-body.body-on1{background-position:-380px -900px;}
.health-body.body-on2{background-position:-380px -900px;}
.health-body.body-on3{background-position:-380px -1350px;}
.health-body.body-on4{background-position:-380px -1800px;}
.health-body.body-on5{background-position:-380px -2250px;}
.health-body.body-on6{background-position:-380px -2700px;}
.health-body.body-on7{background-position:-380px -3150px;}
.health-body.body-on8{background-position:-380px -3600px;}
.health-body.body-on9{background-position:-380px -4050px;}
.health-tit{position:absolute;top:105px;right:130px;}
.health-tit-txt{font-size:14px;line-height:20px;padding:20px 0 40px;}
.health-tit-txt strong{color:#FD0B09;}
.health-tit-txt span{vertical-align:0;}
.health-search{width:340px;height:58px;border:1px solid #b4b3b3;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);background:#fff;}
input.health-search-txt{width:279px;height:58px;line-height:58px;border:0;font-size:16px;}
.health-search-btn{width:58px;height:58px;border:0;border-left:1px solid #dcdee0;padding:0;margin:0;cursor:pointer;background:url(../images/btn/btn-health-search.png) no-repeat 50% 50%;text-indent:-1000em;}
.health-vod{position:absolute;top:0;right:0;bottom:0;width:290px;padding:60px 40px;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff;overflow:hidden;}
.health-vod .side-box{position:relative;width:100%;height:100%;}
.health-vod .side-list{position:absolute;top:56px;bottom:0;}
.health-vod .mCSB_scrollTools{width:4px;}
.health-vod .customScroll .mCSB_inside>.mCSB_container{margin-right:10px;}
.health-vod .select-cate{top:6px;}

.health-tab{position:absolute;top:60px;right:230px;}
.health-ct{width:300px;height:330px;padding:20px 0 20px 40px ;border:1px solid #ddd;background:#fff;margin:0 0 20px;}
.health-ct .tab05{background:url(../images/etc/bg-tab05.jpg) repeat-x 0 100%;}
.health-ct .tab05>li{height:48px;}
.health-ct .tab05>li>a{font-size:16px;padding:0 10px;line-height:48px;}
.health-ct .tab05>li.on>a{font-size:16px;padding:0 10px;line-height:48px;}
.health-ct .conArea li{line-height:40px;}
.health-ct .conArea li span{vertical-align:0;}
.health-ct .conArea li.on a{font-weight:bold;text-decoration:underline !important;}
.health-ct .tabCon{height:270px;}

.spe-content-area{position:absolute;top:100%;left:0;right:0;z-index:10;padding-top:88px}
.spe-content-area.active{overflow:hidden;}
.spe-content-area .spe-content-label{position:absolute;top:0;left:0;right:0;width:720px;margin:auto;}
.spe-content-area .spe-content-label a{display:block;position:relative;box-sizing:border-box;padding:30px 0 30px;border:1px solid #dbdbdb;border-bottom:0;font-size:16px;letter-spacing:-.04em;line-height:26px;color:#000;text-align:center;background:#fff;border-radius:10px 10px 0 0;box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.08);}
.spe-content-area .spe-content-label a span{font-family:"Noto Sans Bold"}
.spe-content-area .spe-content-label a em{color:#0088c8;font-family:"Noto Sans Bold"}
.spe-content-area .spe-content-label .ico{position:absolute;top:13px;left:50%;margin:0 0 0 -10px;width:20px;height:20px;background:url(../images/ico/ico-vertical-map.png) no-repeat 0 -40px;}
.spe-content-area.on{overflow-y:auto;bottom:0;padding-top:0;background: #FFF;}
.spe-content-area.on .spe-content-label{position:absolute;top:0;left:50%;margin:0 0 0 -600px;width:1200px;}
.spe-content-area.on .spe-content-label a{position:absolute;top:0;right:0;padding:20px 0 20px 26px;height:69px;border:none;border-radius:0;border:0;box-shadow:none;}
.spe-content-area.on .spe-content-label .ico{top:50%;left:0;margin:-8px 0 0;background-position-x:-20px;}
.spe-content-area.on .spe-content-box{width: 1200px;margin: 0 auto; }
.spe-content-area.view{top:0;bottom:0;overflow-y:auto;}
.spe-content-box{padding-bottom:60px;background:#fff;}

/* placeholder */
.placeholder-board{margin:40px 0;background:#f6f6f6;text-align:center;line-height:200px;}
.placeholder-board span{font-size:22px;color:#9496a3;}
.placeholder-board-bottom{border-top:2px solid #dddee0;}
.placeholder-component{margin:20px 0;background:#f6f6f6;text-align:center;line-height:200px;}
.placeholder-component span{font-size:22px;color:#9496a3;}

/*접근성 추가*/
/*본문바로가기 링크*/
#content-skipLink{position:absolute;top:-9999px;left:-9999px;width:0;height:0;color:transparent;}

/*owl배너 정지버튼*/
.banner01-stop-box{position:absolute;bottom:11px;left:68px;z-index:10;}
.banner01-stop-box .banner01-stop-bt{color:transparent;width:20px;height:20px;background:url(../images/sp-kbs.png) no-repeat -178px -253px;text-indent:-1000em;overflow:hidden;}
.banner01-stop-box .banner01-stop-bt.play{background-position:-178px -304px}

