@charset "utf-8";
@import url("./common.css");
@import url("./slick.css");
@import url("./jquery-ui.css");
@import url("./layout.css");
/* @import url("./layout.css?v=20230904"); */
@import url("./channel.css");
@import url("./darkmode.css"); /* 다크모드 추가 */

/* title */
.h2-title01 {position:relative; color: #6b6b6b; font-size:30px; font-weight:500; letter-spacing:-1.5px;}
.h2-title01.active:before {content:''; display:block; position:absolute; bottom:-19px; left:0; right:0; height:1px; background:#324554;}
.h2-title02 {color:#fff; font-size:18px; font-weight:400;}
.h2-title02 .blet {display:inline-block; margin-top:-5px; margin-right:10px; vertical-align:middle;}

.h3-title01 {font-size:20px; font-weight:500;}
.h3-title01 .sub-txt {display:inline-block; margin-left:10px; color:#8c8c8c; font-size:14px; font-weight:400;}

/* text */
.text01 {color:#8c8c8c;}
.text02 {font-size:16px; font-weight:500;}
.text03 {color:#646464; font-size:16px; font-weight:400;}
.text03 strong {color:#323232; font-weight:500;}
.text04 {font-size:28px; font-weight:500;}
.text05 {color:#8c8c8c; font-size:16px; line-height:28px;}
.text06 {color:#646464; font-size:18px; font-weight:500;}
.text07 {color:#141414; font-size:24px; font-weight:500;}
.text08 {color:#8c8c8c; font-size:14px; line-height:26px;}
.text09 {color:#323232; font-size:20px; font-weight:500; line-height:30px;}

.txt-box01 {padding:35px 0; color:#646464; line-height:24px; font-weight:400; border-top:1px solid #c8c8c8; border-bottom:1px solid #646464;}

/* description */
.desc01 {padding-left:20px; color:#8c8c8c; font-size:13px; background:url('../images/icon/ico_info.png') no-repeat 0 2px;}

/* tab */
.tab-type01 {display:table; width:100%; table-layout:fixed; padding-left:1px; box-sizing:border-box;}
.tab-type01 li {display:table-cell; vertical-align:top;}
.tab-type01 li a {position:relative; display:block; height:45px; line-height:42px; margin:0 0 0 -1px; color:#969696; font-size:16px; font-weight:400; text-align:center; border:1px solid #e6e6e6; background:#fff; box-sizing:border-box;}
.tab-type01 li.active a {color:#333; border-color:#324554; z-index:1}

.tab-type02 {overflow:hidden;}
.tab-type02 > * {float:left; color:#8c8c8c; font-size:20px; font-weight:500;}
.tab-type02 > * a {color:inherit; font-size:inherit; font-weight:inherit;}
.tab-type02 > * + *:before {content:''; display:inline-block; width:1px; height:18px; margin-left:20px; padding-right:20px; border-left:1px solid #dcdcdc;}
.tab-type02 > *.active {color:#323232;}

.tab-type03 {overflow:hidden;}
.tab-type03 li {float:left; width:80px; height:36px; line-height:36px;}
.tab-type03 li + li {margin-left:10px;}
.tab-type03 li a {display:block; color:#fff; text-align:center; border-radius:30px; background:#98a2a9; }
.tab-type03 li.active a {display:block; background:#324554;}

.tab-type04 {overflow:hidden;}
.tab-type04 li {float:left; color:#8c8c8c; font-size:16px; font-weight:400;}
.tab-type04 li + li {margin-left:20px;}
.tab-type04 li a {color:inherit; font-size:inherit; font-weight:inherit;}
.tab-type04 li.active {color:#323232;}

/* board */
.board-type01 {border-top:1px solid #646464;}
.board-type01 th,
.board-type01 td {padding:15px 20px; border-bottom:1px solid #dcdcdc; background:#fff;}
.board-type01 th {padding-top:24px; padding-bottom:24px; font-weight:400; background:#fafafa; text-align:left; vertical-align:top;}
.board-type01 .captcha-box {background:#fafafa; text-align:center;}
.board-type01 .captcha-box img {display:inline-block; width:240px; height:100px; border:1px solid #c8c8c8;}

.board-type02 {border-top:1px solid #646464;}
.board-type02 th,
.board-type02 td {border-bottom:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden;}
.board-type02 th {padding:14px 0 15px; color:#333; text-align:center; background:#fafafa;}
.board-type02 td {line-height:26px; padding:11px 0 12px; color:#8c8c8c; font-weight:400; text-align:center;}
.board-type02 td.tit {color:#333; font-weight:400; text-align:left;}
.board-type02 td.no {color:#333;}
.board-type02 a {color:inherit; font-size:inherit; font-weight:inherit;}
.board-type02.is-line th + th,
.board-type02.is-line td + td,
.board-type02.is-line th + td {border-left:1px solid #dcdcdc;}
.board-type02.is-small th,
.board-type02.is-small td {padding:10px; font-size:13px;}
.board-type02.is-small td {line-height:normal;}

.board-type03 {}
.board-type03 th, 
.board-type03 td {padding:25px 0; border-bottom:1px solid #e6e6e6; font-weight:400;}
.board-type03 th {color:#323232; font-size:18px; font-weight:500; text-align:left;}
.board-type03 td {color:#8c8c8c;} 

.board-box01 {position:relative;}
.board-box01 > .btn-more {position:absolute; top:-40px; right:0;}
.board-box01 > .top-btn {position:absolute; top:-60px; right:0;}

/* list */
.thumb-list01 {margin:-30px 0 0 -32px;}
.thumb-list01:after {content:''; display:block; clear:both;}
.thumb-list01 li {float:left; width:282px; margin:30px 0 0 32px;}
.thumb-list01 li a {position:relative; display:block; overflow:hidden;}
.thumb-list01 li a > div {position:relative; overflow:hidden;}
.thumb-list01 li a .img {position:relative; height:159px; overflow:hidden; font-size:0; line-height:0;}
.thumb-list01 li a .img:after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2);}
.thumb-list01 li a .img img {width:100%; transition:all 0.3s ease;}
.thumb-list01 li a .tag {position:absolute; top:0; left:0; width:0; transition:all 0.3s ease;}
.thumb-list01 li a .ico-movie {position:absolute; bottom:20px; right:20px;}
.thumb-list01 li a .tit {position:absolute; bottom:0; left:0; right:0; padding:20px; color:#fff; background:transparent; box-sizing:border-box;}
.thumb-list01 li a .tit span {display:block; margin-bottom:3px; font-size:18px; font-weight:400;}
.thumb-list01 li a .info {padding:15px 18px; border:1px solid #e6e6e6; border-top:0 none; box-sizing:border-box;}
.thumb-list01 li a .info .txt {display:block; height:40px; color:#646464; font-weight:400; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.thumb-list01 li a .info .date {display:block; margin-top:20px; color:#969696; font-size:12px; font-weight:400;}
.thumb-list01 li a .info .name {display:block; margin-top:20px; color:#969696; font-size:12px; font-weight:400;}
.thumb-list01 li.event a .tit {background:rgba(0,0,0,0.4);}
.thumb-list01 li.event a .img:after {display:none;}
.thumb-list01 li a:hover .img img {transform:scale(1.15);}
.thumb-list01 li a:hover .tit {text-decoration:underline; transition:all 0.3s;}
.thumb-list01 li a:hover .ico-movie:before {top:-1px; left:-1px; right:-1px; bottom:-1px;}

.download-list li {display:table; width:100%; min-height:60px; background:#fafafa; box-sizing:border-box;}
.download-list li + li {margin-top:10px;}
.download-list li span {display:table-cell; vertical-align:middle;}
.download-list li span:before {content:''; display:inline-block; width:55px; height:20px; background:url('../images/icon/ico_download02.png') no-repeat center calc(100% - 4px); border-right:1px solid #dcdcdc; vertical-align:middle;}
.download-list li span a {display:inline-block; padding-left:20px; color:#646464; font-size:14px; font-weight:400; text-decoration:underline; vertical-align:middle;}

.list-type01 li {position:relative; padding-left:13px; color:#8c8c8c; font-size:14px; font-weight:400; line-height:24px;}
.list-type01 li:before {content:''; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background:#324554}

/* search-box */
.search-box {position:relative; height:100px; overflow:hidden; box-sizing:border-box; background:url('../images/icon/ico_search.png') no-repeat 0 center; transition:all 0.3s ease;}
.search-box:after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; border-bottom:1px solid #e6e6e6; transition:all 0.3s ease; box-sizing:border-box;}
.search-box .inner {position:relative; height:100%; z-index:3;}
.search-box .inner .wording {width:100%; height:100%; padding:0 140px 0 32px; color:#323232; font-size:20px; border:0 none; background:transparent; transition:all 0.3s ease; box-sizing:border-box;}
.search-box .inner textarea.wording {width:738px; margin-left:32px; line-height:95px; white-space:nowrap; overflow:hidden; resize:none;}
/*.search-box .inner input[type=text] {width:100%; height:100%; padding:0 140px 0 32px; color:#323232; font-size:20px; border:0 none; border-bottom:1px solid #e6e6e6; background:transparent; transition:all 0.3s ease;}
.search-box .inner input[type=text]::-ms-clear {display:none !important;}
.search-box .inner input[type=text]::-webkit-search-cancel-button {-webkit-appearance:none}*/
.search-box .inner .control {position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.search-box .inner .control > * {float:left; position:relative; left:20px; display:inline-block; margin-left:20px; opacity:0; transition:all 0.2s;}
.search-box .inner .control .btn-reset {display:block; width:20px; height:20px; background-image:url('../images/btn/btn_close01.png'); background-position:center center; background-size:auto 100%; background-repeat:no-repeat;}
.search-box .inner .control .btn-search {width:19px; height:19px; font-size:0;color:transparent;}
.search-box .inner .control .icon-search {display:block; margin:0; background-image: url('../images/icon/ico_search.png'); background-repeat:no-repeat; background-size:cover; width: 19px; height:19px;}
.search-box .result {position:absolute; top:50%; right:0; display:block; padding-right:20px; color:#8c8c8c; transform:translate(0, -50%); z-index:1;}
.search-box .result span {color:#333;}

.search-box.active:after {border-bottom:2px solid #646464; background:#fff;}
/*.search-box.active .inner .wording {border-bottom:2px solid #646464; background:#fff;}*/
.search-box.active .inner .control > * {left:0; opacity:1; transition-duration:0.3s;}
.search-box.active .inner .control > .btn-reset {transition-delay:0;}
.search-box.active .inner .control > .btn-search {transition-delay:0.1s;}

/* banner */
.roll-banner-box {overflow:hidden;}
.roll-banner-box ul {overflow:hidden;}
.roll-banner-box li {float:left;}
.roll-banner-box .swiper-pagination {top:auto; bottom:24px; right:55px;}
.roll-banner-box .swiper-pagination.pos-top {top:20px; bottom:auto;}
.roll-banner-box .swiper-pagination.pos-top + .auto {top:12px; bottom:auto;}
.roll-banner-box .auto {position:absolute; bottom:17px; right:20px;}
.roll-banner-box .auto a {display:block; width:24px; height:24px; text-indent:-9999px; font-size:0; background-repeat:no-repeat; background-position:0 0; overflow:hidden;}
.roll-banner-box .auto .btn-play {display:none; background-image:url('../images/icon/ico_play.png');}
.roll-banner-box .auto .btn-pause {display:block; background-image:url('../images/icon/ico_pause.png');}
.roll-banner-box .auto.stop .btn-play {display:block;}
.roll-banner-box .auto.stop .btn-pause {display:none;}

/* view */
.view-box {border-bottom:1px solid #dcdcdc;}
.view-box .top-box {position:relative; padding-bottom:30px; border-bottom:1px solid #646464;}
.view-box .top-box .tit {font-size:20px; font-weight:400;}
.view-box .top-box .info {margin-top:12px; overflow:hidden;}
.view-box .top-box .info li {float:left; margin-right:30px; color:#8c8c8c; font-weight:400;}
.view-box .top-box .info li span {display:inline-block; margin-right:10px;color:#646464;}
.view-box .top-box .utils {position:absolute; bottom:30px; right:0;}
.view-box .top-box .utils .url-share {position:relative;}
.view-box .top-box .utils .url-share .copy-box {position:absolute; top:39px; right:0; width:310px; padding:20px; border:1px solid #646464; background:#fff; box-sizing:border-box; display:none; overflow:hidden;}
.view-box .top-box .utils .url-share .copy-box > * {float:left; display:block; height:34px; line-height:32px; color:#646464; font-size:14px; font-weight:400; padding:0 10px; border:1px solid #c8c8c8; background:#fafafa; box-sizing:border-box; overflow:hidden;}
.view-box .top-box .utils .url-share .copy-box span {width:198px; text-overflow:ellipsis; white-space:nowrap;}
.view-box .top-box .utils .url-share .copy-box a {margin-left:-1px; width:70px; padding:0; text-align:center; color:inherit; font-size:inherit; font-weight:inherit;}
.view-box .top-box .utils .url-share.active .copy-box {display:block;}
.view-box .movie-box {position:relative;}
.view-box .movie-box iframe {width:100% !important; height:512px !important;}
.view-box .con-box {padding:50px 40px 60px; line-height:30px; font-weight:400;}
.view-box .movie-box ~ .con-box {color:#646464;}
/*.view-box .con-box:after {content:'[ⓒ iMBC 무단전재 및 재배포 금지]'; display:block; margin-top:30px; color:#646464; font-size:14px;}*/
/*.view-box .con-box + .page-control {border-top:0 none;}*/
.view-box .page-control {margin-bottom:-1px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.view-box .page-control a {position:relative; display:block; height:50px; padding:15px 40px; font-size:16px; font-weight:400; box-sizing:border-box;}
.view-box .page-control a + a {border-top:1px solid #dcdcdc;}
.view-box .page-control a dl:after {content:''; display:block; clear:both;}
.view-box .page-control a dt {float:left; width:70px; padding-left:23px; font-size:14px; box-sizing:border-box; background:url('../images/icon/ico_arrow07.png') no-repeat 0 center;}
.view-box .page-control a + a dt {background-image:url('../images/icon/ico_arrow08.png');}
.view-box .page-control a dd {float:right; width:730px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.2s ease-in-out;}
/*.view-box .page-control a:not(.no-link):hover dd {transform:translateX(20px);}*/
.view-box .page-control a:hover dd {transform:translateX(20px);}
.view-box .page-control.is-program a {float:left; display:inline-block; max-width:50%; padding:0 10px 0 80px; height:100px; line-height:98px; background:url('../images/icon/ico_arrow11.png') no-repeat 40px center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.2s ease-in-out;}
.view-box .page-control.is-program a + a {float:right; padding:0 80px 0 10px; border-top:0 none; text-align:right; background-image:url('../images/icon/ico_arrow12.png'); background-position:calc(100% - 40px) center;}
/*.view-box .page-control.is-program a:not(.no-link):hover {transform:translateX(-20px);}
.view-box .page-control.is-program a + a:not(.no-link):hover {transform:translateX(20px);}*/
.view-box .page-control.is-program a:hover {transform:translateX(-20px);}
.view-box .page-control.is-program a + a:hover {transform:translateX(20px);}
/*.view-box .page-control a.no-link {cursor:default;}*/
.view-box .page-control a.no-link,
.view-box .page-control a.no-link dd {color:#8c8c8c;}
.view-box .share-btn {display:block; padding-bottom:60px;}

/* editer */
.is-editer {}
.editer-con-area {font-weight:400; line-height:normal;}
.editer-con-area img {max-width:100%;}
.editer-con-area * {font-weight:400;}

/* guide */
.guide-type01 {padding-left:100px; color:#646464; font-weight:400; line-height:22px; background:url('../images/icon/ico_info02.png') no-repeat 15px 4px;}

.guide-type02 {padding:25px 20px; background:#fafafa;}
.guide-type02 .tit:before {content:''; display:inline-block; width:16px; height:16px; margin:0px 5px -2px 0; background:url('../images/icon/ico_info.png') no-repeat 0 0;}
.guide-type02  ul li {position:relative; padding-left:7px; color:#8c8c8c;}
.guide-type02  ul li:before {content:'*'; display:inline-block; position:absolute; top:4px; left:0; color:#8c8c8c; vertical-align:middle;}

.guide-type03 {padding:26px 30px 26px 130px; color:#646464; font-weight:400; line-height:22px; text-align:left; background:#fafafa url('../images/icon/ico_info03.png') no-repeat 40px 30px;}

/* 편성표 */
.schedule {width:1200px;}
.schedule .sub-top-box {margin-bottom:30px;}
.schedule .lb-onair {display:inline-block; min-width:24px; height:24px; line-height:21px; padding:0 6px 0 5px; color:#324554; font-size:12px; font-weight:400; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box;}
.schedule .lb-onair.type01 {color:#ce74ec; border-color:#ce74ec;}
.schedule .lb-onair.type02 {color:#7cc07b; border-color:#7cc07b;}
.schedule .lb-onair.type03 {color:#0056F5; border-color:#0056F5;}
.schedule .lb-onair.type04 {color:#53d7c3; border-color:#53d7c3;}
.schedule .lb-onair.type05 {color:#e54836; border-color:#e54836;}
.schedule .lb-onair.type06 {color:#ffffff; border-color:transparent; background:#f6871f;}

.date-box {position:relative; padding:0 0 30px 0; border-bottom:1px solid #324554;}
.date-box ul {font-size:0; text-align:center; overflow:hidden;}
.date-box li {display:inline-block; vertical-align:middle;}
.date-box li + li {margin-left:50px;}
.date-box li a {display:inline-block; color:#333; font-size:30px; font-family:'roboto'; font-weight:bold; opacity:0.2; transition:opacity 0.3s;}
.date-box li a:hover,
.date-box li a.active {opacity:1;}
.date-box li a.active {color:#323232; font-size:36px; cursor:default;}
.date-box li a.active span {display:inline-block; width:61px; height:30px; line-height:27px; margin-left:15px; color:#324554; font-size:14px; font-family:'Noto Sans'; font-weight:500; text-align:center; border:1px solid #324554; box-shadow:3px 3px 7px rgba(0,0,0,0.1); box-sizing:border-box; vertical-align:6px;}
.date-box .btn-prev, 
.date-box .btn-next {display:block; position:absolute; top:9px;}
.date-box .btn-prev {left:0;}
.date-box .btn-next {right:0;}

.schedule-list {text-align:left;}
.schedule-list li {position:relative; min-height:80px; padding:25px 190px 25px 113px; border:1px solid #dcdcdc; background:#fff; box-sizing:border-box;}
.schedule-list li + li {margin-top:-1px;}
.schedule-list li:nth-child(2n) {background:#fdfdfd;}
.schedule-list li:after {content:''; display:block; clear:both;}
.schedule-list li .time {position:absolute; top:0; left:0; width:80px; height:100%; color:#333; font-size:18px; font-family:'roboto'; font-weight:400; text-align:center; border-right:1px solid #dcdcdc; box-sizing:border-box;}
.schedule-list li .time span {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
.schedule-list li .tit {position:relative; color:#333; font-size:16px; font-weight:400; /* text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; */}
.schedule-list li .tit span {margin-right:10px;}
.schedule-list li .tit a {display:inline-block; height:24px; line-height:22px; padding:0 10px 0 29px; color:#646464; font-size:13px; border:1px solid #c8c8c8; background:url('../images/icon/ico_link.png') no-repeat 10px center; box-sizing:border-box;}
.schedule-list li .option {position:absolute; top:50%; right:40px; transform:translateY(-50%);}
.schedule-list li .option span {margin-left:4px;}
.schedule-list li.onair {border-color:#279ecd; box-shadow:5px 5px 7px rgba(31,145,190,0.1); background:#fff; z-index:1;}
.schedule-list li.onair .time {color:#fff; background:#279ecd;}

.pr-box .thumb-list01 {margin:-30px 0 0 -30px;}
.pr-box .thumb-list01 li {width:440px; height:248px; margin:30px 0 0 30px; overflow:hidden;}
.pr-box .thumb-list01 li a {height:248px;}
.pr-box .thumb-list01 li a .img {height:auto;}
.pr-box .thumb-list01 li.event a .img img {margin-top:-18px;}

.broadcast-label {text-align:left; overflow:hidden;}
.broadcast-label > div {float:left; width:570px; overflow:hidden;}
.broadcast-label > div + div {float:right; width:340px;}
.broadcast-label > div > span {display:block; color:#333; font-size:16px; font-weight:500;}
.broadcast-label p {font-size:0; overflow:hidden;}
.broadcast-label p > span {display:inline-block; margin:10px 20px 0 0; color:#8c8c8c; font-size:14px;}
.broadcast-label p > span .blet {margin-right:9px;}

/* 클립영상 */
.clip-list-box {overflow:hidden;}
.clip-list-box.swiper-container {margin-left:-32px;}
.clip-list-box.swiper-container .swiper-wrapper {width:9999px; height:274px !important; margin:0;}
.clip-list-box.swiper-container .swiper-wrapper li {margin:0; height:274px !important;}
.clip-list-box.swiper-container .swiper-wrapper li a {margin-left:32px;}
.clip-list-box.swiper-container .swiper-pagination {position:static; width:910px; margin:40px 0 0 32px; text-align:center; font-size:0;}
.clip-list-box.swiper-container .swiper-pagination > * {background:#c8c8c8; opacity:1;}
.clip-list-box.swiper-container .swiper-pagination > * + * {margin-left:16px;}
.clip-list-box.swiper-container .swiper-pagination > *.swiper-active-switch,
.clip-list-box.swiper-container .swiper-pagination > *.swiper-pagination-bullet-active {background:#324554;}
.clip-list-box.swiper-container .swiper-pagination span + span {display:none;}
.clip-list-box.swiper-container .swiper-pagination span + span + span + span {display:inline-block;}
.clip-list-box.swiper-container .swiper-pagination span + span + span + span + span {display:none;}

.program-sel-box {position:relative; display:inline-block; background:#fff;}
.program-sel-box > a {display:block; width:282px; height:40px; padding:8px 50px 8px 15px; color:#c8c8c8; background:#fff url('../images/icon/ico_arrow01.png') no-repeat; background-position:calc(100% - 20px) center; border:1px solid #c8c8c8; box-sizing:border-box; transition:all 0.3s ease; overflow:hidden;}
.program-sel-box > .inner {position:absolute; top:40px; left:0; right:0; margin-top:-1px; padding:20px 20px 30px; border:1px solid transparent; display:none; transition:all 0.3s ease; z-index:100; background:#fff;}
.program-sel-box.active > a {color:#323232; border-color:#323232;}
.program-sel-box.active > .inner {display:block; border-color:#323232; overflow:hidden;}
.program-sel-box.active .inner .channel {position:relative; border:1px solid #c8c8c8;}
.program-sel-box.active .inner .channel span {display:block; height:40px; line-height:38px; color:#323232; text-align:center;}
.program-sel-box.active .inner .channel a {position:absolute; top:-1px; bottom:-1px; left:-1px; display:inline-block; width:40px; height:40px; border:1px solid #c8c8c8; background:url('../images/icon/ico_arrow13.png') no-repeat center center; font-size:0; text-indent:-9999px; overflow:hidden; transition:all 0.3s ease;}
.program-sel-box.active .inner .channel a ~ a {left:auto; right:-1px; background-image:url('../images/icon/ico_arrow14.png');}
.program-sel-box.active .inner .channel a:hover {border-color:#323232;}
.program-sel-box.active .inner .list {margin-top:15px; overflow:hidden;}
.program-sel-box.active .inner .list > div {width:9999px; overflow:hidden; transition:all 0.3s ease;}
.program-sel-box.active .inner .list ul {float:left; width:240px; height:120px; overflow:hidden;}
.program-sel-box.active .inner .list ul li {}
.program-sel-box.active .inner .list ul li + li {margin-top:4px;}
.program-sel-box.active .inner .list ul li a {position:relative; display:inline-block; color:#8c8c8c; transition:all 0.3s ease;}
.program-sel-box.active .inner .list ul li a:after {content:''; display:block; position:absolute; bottom:-1px; left:0; width:0; border-top:1px solid #323232; transition:all 0.3s ease;}
.program-sel-box.active .inner .list ul li a:hover {color:#323232;}
.program-sel-box.active .inner .list ul li a:hover:after {width:100%;}
.program-sel-box.active .inner .page {margin-top:30px; text-align:center;}
.program-sel-box.active .inner .page a {display:inline-block; padding:5px; vertical-align:middle;}
.program-sel-box.active .inner .page span {display:inline-block; padding:0 25px; color:#8c8c8c; font-size:14px; font-weight:400;}
.program-sel-box.active .inner .page span strong {color:#323232;}

/* 로그인 */
.join .login-area {margin-left:455px; padding:0 50px;}
.join .in-value input {display:block; width:100%; height:48px;}
.join .in-value input + input {margin-top:-1px;}
.join .in-value input[type=text],
.join .in-value input[type=password] {position:relative; z-index:1;}
.join .in-value input[type=text]:focus,
.join .in-value input[type=password]:focus {z-index:2;}
.join .login-area .btn-box .btn-type04 {width:100%;}
.join .link-btn {overflow:hidden;}
.join .link-btn li {float:left; box-sizing:border-box;}
.join .link-btn li + li:before {content:''; display:inline-block; width:1px; height:13px; margin-left:21px; padding-right:21px; border-left:1px solid #dcdcdc;}
.join .link-btn li a {display:inline-block; line-height:20px; color:#646464; font-size:14px; font-weight:400; text-align:left;}
.join .link-btn li a span {display:inline-block; margin-right:10px;}
.join .link-btn li a span img {margin-bottom:-2px;}
.join .login-banner {position:absolute; top:160px; left:50px;}

.join .sign-box {display:table; table-layout:fixed; width:100%; padding:0 1px; box-sizing:border-box; overflow:hidden;}
.join .sign-box li {display:table-cell; box-sizing:border-box; vertical-align:top; z-index:1;}
.join .sign-box a {position:relative; display:block; margin-right:-1px; padding: 70px 0 53px 0; border:1px solid #dcdcdc; background-color:#fafafa; box-sizing:border-box; text-align:center; transition:all 0.3s ease;}
.join .sign-box li a:hover {border-color:#646464; background-color:#fff; z-index:2;}
.join .sign-box span {display:block;}
.join .sign-box .tit {margin:50px 0 10px 0; color:#323232; font-size:20px; font-weight:500;}
.join .sign-box .txt {line-height:23px; color:#646464; font-size:14px; font-weight:400;}

.join .btn-box {text-align:center;}
.join .btn-box.btn-medium a {width:180px;}

.join .pw-revise-box {display:table; width:100%; padding:40px 0; border:1px solid #dcdcdc; background:#fafafa;}
.join .pw-revise-box .txt-box {width:355px; height:48px; line-height:52px; padding:0 20px; color:#323232; font-size:16px; text-align:left; border:1px solid #646464; background-color:#fff; box-sizing:border-box; vertical-align:middle;}
.join .pw-revise-box dl {position:relative; padding-left:342px;}
.join .pw-revise-box dl + dl {margin-top:20px;}
.join .pw-revise-box dl dt {position:absolute; top:0; left:170px; line-height:48px; color:#323232; font-size:16px; font-weight:400;}
.join .pw-revise-box dl dt span {margin-right:7px;}
.join .pw-revise-box dl dd input {width:355px !important; height:48px;}
.join .pw-revise-box dl dd ul {margin-top:5px;}
.join .pw-revise-box dl dd ul li {position:relative; padding-left:10px; color:#8c8c8c; font-size:14px; font-weight:400;}
.join .pw-revise-box dl dd ul li:after {content:'-'; display:block; position:absolute; top:0; left:0; line-height:17px; font-weight:500;}
.join .txt-notice {position:relative; padding-left:10px; color:#8c8c8c; font-size:14px; font-weight:400;}
.join .txt-notice:after {content:''; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-1px; background-color:#dcdcdc;}

.join .dormancy-id .top-txt {text-align:center; padding-bottom:40px; border-bottom:1px solid #dcdcdc;}
.join .dormancy-id .top-txt p {color:#323232; font-size:20px; font-weight:500;}
.join .dormancy-id .top-txt p + p {color:#646464; font-size:16px; font-weight:400; margin-top:10px;}
.join .dormancy-id .top-txt p + p + p {color:#323232; font-size:16px; margin-top:30px;}
.join .dormancy-id .top-txt p + p + p + p {color:#8c8c8c; font-size:14px; margin-top:10px;}
.join .dormancy-id .txt p {color:#646464; font-size:14px; font-weight:400;}
.join .dormancy-id .board-type01 th, 
.join .dormancy-id .board-type01 td {padding:10px 0; text-align:center;}
.join .dormancy-id .board-type01 th + th,
.join .dormancy-id .board-type01 td + td {border-left:1px solid #dcdcdc;}

.join .find-id dl {float:left; width:50%; padding:0 50px; box-sizing:border-box;}
.join .find-id dl + dl {border-left:1px solid #dcdcdc;}
.join .find-id dl dt {color:#323232; font-size:16px; font-weight:500;}
.join .find-id dl dd {width:100%; margin-top:15px;}
.join .find-id dl dd p + p {margin-top:10px;}
.join .find-id dl dd input[type=text] {width:100%; height:48px;}
.join .find-id dl dd .btn-box input[type=text] {width: calc(100% - 120px);}
.join .find-id dl dd .btn-box a.btn-type07 {width:120px; height:48px; line-height:48px; margin:0; padding:0 20px;}
.join .find-id dl dd .btn-box a.btn-type04 {width:100%;}

.join .find-pw {text-align:center;}
.join .find-pw input[type=text] {width:355px; height:48px;}

.join .channel-link p {color:#646464; font-size:20px; font-weight:400; text-align:center;}
.join .channel-link ul {width:930px; margin:0 -10px 0 -10px;}
.join .channel-link ul li {float:left; margin: 0 10px 20px 10px;}
.join .channel-link ul li a {display:block; width:290px; height:120px; border:1px solid #dcdcdc; box-sizing:border-box; text-align:center;}
.join .channel-link ul li a img {margin-top:49px;}

.join .txt-input-box {width:355px; margin:0 auto;}
.join .txt-input-box input {width:100%; height:48px;}
.join .txt-input-box .btn-box.one-btn a {width:100%;}
.join .txt-input-box .min-txt {color:#323232; font-size:13px; font-weight:400;}
.join .txt-input-box .form-box input + input {margin:0;}
.join .txt-input-box .form-box .sel-box > a {height:48px; line-height:32px;}
.join .txt-input-box .form-box .sel-box > ul {top:47px;}
.join .txt-input-box ul.txt-list {width:400px; color:#8c8c8c;}
.join .txt-input-box ul.txt-list li {color:#8c8c8c;}
.join .txt-input-box.top-line {padding:0; border:1px solid #c8c8c8;}
.join .sign-result01.top-line {padding:0; border-color:transparent; border-top-color:#dcdcdc;}

.rules-box {border-top:1px solid #dcdcdc;}
.rules-txt {overflow-y:auto; width:100%; height:260px; padding:30px; line-height:24px; border:1px solid #c8c8c8; box-sizing:border-box;}
.rules-txt strong {display:block; color:#323232; font-size:20px; line-height:30px; font-weight:500;}
.rules-txt p {margin-bottom:5px;}
.rules-txt p ~ p {margin-top:30px;}
.rules-txt dl + dl {margin-top:20px;}
.rules-txt dl dt {color:#323232; font-size:16px; line-height:30px; font-weight:500;}
.rules-txt dl dd {margin-top:5px; color:#646464; font-size:14px; line-height:24px;}
.rules-txt table {width:95%; margin-left:15px;}
.rules-txt table thead {background:#ddd;}
.rules-txt table td {padding:0 5px; color:#666; font-size:14px; line-height:24px;}
.rules-box .chk-box {width:100%; height:60px; margin-top:-1px; padding:17px 20px; background:#fafafa; border:1px solid #c8c8c8; box-sizing:border-box;}
.rules-box .chk-type01 input[type=checkbox] + label {color:#323232; font-weight:500;}

.sign-result01 {padding:47px 0; border:1px solid #dcdcdc;}
.sign-result01.is-line {border-left:0 none; border-right:0 none; border-top-color:#646464; border-bottom-color:#dcdcdc;}
.sign-result02 {padding:80px 0; border:1px solid #c8c8c8;}

/* 프로그램 */

.program-group {width:1200px;}
.program-group .sub-top-box .location {display:none;}

.program-group-list {position:relative;}
.program-group-list ul {display:flex; flex-wrap:wrap; margin:-20px 0 0 -36px;}
.program-group-list ul:after {content:''; display:block; clear:both;}
.program-group-list li {float:left; width:211px; margin:0 0 54px 36px;}
.program-group-list li a {display:block;}
.program-group-list li a .img {position:relative; border-radius:18px; overflow:hidden;}
.program-group-list li a .img img {position:relative; display:block; width:211px; z-index:1; transition:all 0.3s ease;}
.program-group-list li a .img:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; z-index:2; transition:opacity 0.3s;}
.program-group-list li a .img:after {content:'자세히보기'; display:block; position:absolute; top:50%; left:50%; padding:10px 20px; color:#fff; font-size:14px; border:1px solid rgba(255,255,255,0.5); opacity:0; z-index:3; transform:translate(-50%, 50%); box-sizing:border-box; transition:all 0.3s cubic-bezier(.5,.0,0,1);}
.program-group-list li a .info {position:relative; padding:15px 0 0;}
.program-group-list li a .info > * {display:block;}
.program-group-list li a .info .tit { font-size:18px; font-weight:400; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.program-group-list li a .info .time {margin-top:2px; color:#969696;}
.program-group-list li a .info .txt {height:44px; margin-top:12px; color:#646464; line-height:22px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.program-group-list li a .info .type {margin-top:15px;}
.program-group-list li a:hover .img img {transform:scale(1.15);}
.program-group-list li a:hover .img:before {opacity:1;}
.program-group-list li a:hover .img:after {transform:translate(-50%, -50%); opacity:1}


.program-list {}
.program-list ul {margin:-40px 0 0 -32px;}
.program-list ul:after {content:''; display:block; clear:both;}
.program-list li {float:left; width:282px; max-height:325px; margin:40px 0 0 32px;}
.program-list li a {display:block;}
.program-list li a .img {position:relative; height:180px; overflow:hidden;}
.program-list li a .img img {position:relative; display:block; width:282px; z-index:1; transition:all 0.3s ease;}
.program-list li a .img:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); opacity:0; z-index:2; transition:opacity 0.3s;}
.program-list li a .img:after {content:'자세히보기'; display:block; position:absolute; top:50%; left:50%; padding:10px 20px; color:#fff; font-size:14px; border:1px solid rgba(255,255,255,0.5); opacity:0; z-index:3; transform:translate(-50%, 50%); box-sizing:border-box; transition:all 0.3s cubic-bezier(.5,.0,0,1);}
.program-list li a .info {position:relative; padding:15px 0 0;}
.program-list li a .info > * {display:block;}
.program-list li a .info .tit {font-size:18px; font-weight:400;}
.program-list li a .info .time {margin-top:2px; color:#969696;}
.program-list li a .info .txt {height:44px; margin-top:12px; color:#646464; line-height:22px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.program-list li a .info .type {margin-top:15px;}
.program-list li a:hover .img img {transform:scale(1.15);}
.program-list li a:hover .img:before {opacity:1;}
.program-list li a:hover .img:after {transform:translate(-50%, -50%); opacity:1}

/*
.program-view-top {position:relative; max-width:1920px; height:460px; margin:0 auto; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.program-view-top:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.program-view-top > .inner {position:relative; top:50%; width:1200px; margin:0 auto; padding-right:290px; box-sizing:border-box; transform:translateY(-50%);}
.program-view-top .title {margin-top:-7px; padding-left:190px; color:#fff; font-size:32px; font-weight:400;}
.program-view-top .title span {display:block; margin-top:2px; font-size:14px; font-weight:300;}
.program-view-top .time-box {position:absolute; top:50%; display:table; margin-top:7px; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.program-view-top .time-box > * {display:table-cell; width:80px; height:80px; text-align:center; vertical-align:middle;}
.program-view-top .time-box .channel {font-size:0; background:#fff;}
.program-view-top .time-box .time {color:#fff; font-size:18px; font-weight:500; border:1px solid rgba(255,255,255,0.5); border-left:0 none;}
.program-view-top .time-box .time span {display:block; font-size:20px; font-family:'roboto'; font-weight:400;}
*/
.program-view-top {position:relative; max-width:1920px; height:200px; margin:0 auto; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.program-view-top:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
.program-view-top > .inner {position:relative; top:50%; width:1200px; margin:0 auto; padding-right:290px; box-sizing:border-box; transform:translateY(-50%);}
.program-view-top .title {margin-top:-7px; padding-left:190px; color:#fff; font-size:32px; font-weight:400;}
.program-view-top .title span {display:block; margin-top:2px; font-size:14px; font-weight:300;}
.program-view-top .time-box {position:absolute; top:50%; display:table; margin-top:7px; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.program-view-top .time-box > * {display:table-cell; width:80px; height:80px; text-align:center; vertical-align:middle;}
.program-view-top .time-box .channel {font-size:0; background:#fff;}
.program-view-top .time-box .time {color:#fff; font-size:18px; font-weight:500; border:1px solid rgba(255,255,255,0.5); border-left:0 none;}
.program-view-top .time-box .time span {display:block; font-size:20px; font-family:'roboto'; font-weight:400;}


.program-view {position:relative; padding-right:290px;}
.program-view .sub-side {float:none; position:absolute; top:0; right:0; width:230px; }
.program-detail {min-height:410px; overflow:hidden;}


/* 이벤트 */
.event-list	{display:flex; flex-wrap:wrap; margin:0 -50px -50px 0;}
.event-list li {padding:0 50px 50px 0;}
.event-list li a {display:block;}
.event-list li a .img {position:relative; width:270px; height:270px; overflow:hidden; background-color: #000;}
.event-list li a .img img {width:270px; height:270px; object-fit: contain; transition:all 0.3s ease;}
.event-list li a .img:before {z-index:1; content:''; visibility:hidden; opacity: 0; transition: opacity 0.3s 0s, visibility 0.3s 0s ease-in-out; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); background-image:url(../images/icon/ico_link_write.png); background-position: center; background-repeat: no-repeat; background-size:40px;}
.event-list li a:hover .img:before {visibility:visible; opacity: 1;}
.event-list li a .info {position:relative; width:270px; margin-top:15px; overflow:hidden;}
.event-list li a .info strong {color:#333; font-size:18px; font-weight:400; text-overflow: ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.event-list li a .info span {display:block; color:#969696; font-size:14px; font-weight:400;}
.event-list li a:hover .img img {transform:scale(1.15);}
.event-list li.is-end .img:after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);}
 
.survey-box {padding:13px 40px 40px; border:1px solid #dcdcdc; text-align:left;}
.survey-box dt {font-size:16px; font-weight:400;}
.survey-box dt:before {content:'Q.'; display:inline-block; margin-right:10px; font-size:18px; font-family:'roboto'; font-weight:bold; vertical-align:middle;}
.survey-box dd {margin-top:13px; padding-top:25px; border-top:1px solid #dcdcdc;}
.survey-box dd li + li {margin-top:15px;}
.survey-box .voting-list {}
.survey-box .voting-list label {color:#323232 !important;}
.survey-box .voting-list li + li {margin-top:7px;}
.survey-box .result-list li {position:relative; font-size:0;}
.survey-box .result-list li > * {display:inline-block; vertical-align:middle;}
.survey-box .result-list li + li {margin-top:5px;}
.survey-box .result-list li .tit {width:260px; font-size:14px; overflow:hidden;}
.survey-box .result-list li .bar {position:relative; width:400px; height:15px; background:#e6e6e6; overflow:hidden;}
.survey-box .result-list li .bar strong {position:absolute; top:0; left:0; width:0; height:100%; background:#a0bacf;}
.survey-box .result-list li .cnt {width:45px; text-align:right; color:#8c8c8c; font-size:13px;}
.survey-box .result-list li .cnt:after {content:'%';}

.comment-box {}
.comment-box .write {}
.comment-box .write .write-area {position:relative; height:149px; border:1px solid #c8c8c8; box-sizing:border-box;}
.comment-box .write .write-area textarea {height:100px; border:0 none; border-bottom:1px solid #c8c8c8;}
.comment-box .write .write-area .cnt {margin-right:20px; color:#8c8c8c; letter-spacing:0;}
.comment-box .write .write-area .cnt span {color:#646464;}
.comment-box .write .write-area .btn-reply-add {width:100px; font-size:14px;}
.comment-box .reply {margin-top:40px; border-bottom:1px solid #c8c8c8;}
.comment-box .reply li {position:relative; padding:20px; border-top:1px solid #e6e6e6;}
.comment-box .reply li .txt {margin-top:15px; color:#646464; font-weight:400;}
.comment-box .reply li .utils {position:absolute; top:25px; right:20px;}
.comment-box .reply li .edit {margin-top:20px; overflow:hidden; display:none;}
.comment-box .reply li .edit > * {float:left;}
.comment-box .reply li .edit input[type=text] {width:calc(100% - 136px);}
.comment-box .reply li .edit a {min-width:0; width:60px !important; padding:0; margin-left:10px;}
.comment-box .reply li .edit a + a {margin-left:5px;}
.comment-box .reply li.is-edit .edit {display:block;}

.profile > * {display:inline-block; margin-right:10px; vertical-align:middle;}
.profile .img {width:40px; height:40px;}
.profile .img img {width:40px; height:40px; border-radius:50%; overflow:hidden;}
.profile .name {height:40px; line-height:40px;}
.profile .name strong {display:inline-block; height:30px; color:#324554; font-weight:400; border-bottom:1px solid #324554;}
.profile .date {color:#8c8c8c;}
.profile .date:before {content:''; display:inline-block; width:1px; height:13px; margin-right:10px; border-left:1px solid #dcdcdc; vertical-align:-1px;}

.profile-box {position:relative; width:100%; height:80px; padding:20px 10px 20px 30px; border:1px solid #dcdcdc; box-sizing:border-box;}
.profile-box > a {position:absolute; top:50%; right:0; transform:translateY(-50%);}


/* 엠플뉴스 */
.news-list {}
.news-list ul {width:calc(100% + 32px); overflow:hidden;}
.news-list li {float:left;}
.news-list li a {display:block; width:282px; margin:0 32px 30px 0;}
.news-list li a .img {position:relative; font-size:0; border:1px solid #e6e6e6; border-bottom:0 none; overflow:hidden;}
.news-list li a .img img {width:100%; transition:all 0.3s ease;}
.news-list li a .img .tag {position:absolute; top:0; left:0; width:0; transition:all 0.3s ease;}
.news-list li a .info {position:relative; padding:15px 15px 20px; border:1px solid #e6e6e6; border-top:0 none;}
.news-list li a .info > * {display:block;}
.news-list li a .info .tit {font-weight:400; line-height:22px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-list li a .info .txt {margin-top:12px; color:#646464; line-height:22px;}
.news-list li a .info .date {margin-top:12px; font-size:12px; color:#969696;}
.news-list li a .info .type {position:absolute; bottom:20px; right:20px;}
.news-list li a:hover .img img {transform:scale(1.15);}
/*.news-list li a:hover .img .tag {width:100%; opacity:0.8;}*/
.news-list .grid-item {
	/*-webkit-animation: moveUp 0.65s ease forwards;*/
	/*animation: moveUp 0.65s ease forwards;*/
}

.news-simple-list li {margin-bottom:25px; padding-bottom:25px; border-bottom: 1px solid #e6e6e6;}
.news-simple-list li:last-child {margin:0; padding:0; border:none;}
.news-simple-list li a {display:flex;}
.news-simple-list li a .img {flex: 0 0 auto; position:relative; width:160px; height:90px; font-size:0; border:1px solid #e6e6e6; overflow:hidden;}
.news-simple-list li a .img img {width:100%; transition:all 0.3s ease;}
.news-simple-list li a .img .tag {position:absolute; top:0; left:0; width:0; min-width:34px; height:17px; line-height:18px; font-size:9px; transition:all 0.3s ease;}
.news-simple-list li a .info {padding:8px 15px;}
.news-simple-list li a .info > * {display:block;}
.news-simple-list li a .info .tit {line-height:22px; color:#270e00; font-size:18px; font-weight:500; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news-simple-list li a .info .txt {margin-top:4px; color:#8d8d8d; line-height:22px; font-size:16px;}
.news-simple-list a .info .type-area {margin-top:8px; padding-left:5px;}
.news-simple-list li a .info .date {margin-left:15px; font-size:12px; color:#969696;}
.news-simple-list li a:hover .img img {transform:scale(1.15);}
.news-simple-list li a:hover .tit {color:#8d8d8d;}

.news-sns-list {position:relative;}
.news-sns-list ul {display:flex; flex-wrap:wrap; margin:-13px;}
.news-sns-list ul li {padding:12px;}
/* .news-sns-list li a {display:block; width:100%;}
.news-sns-list li a .img {flex: 0 0 auto; position:relative; width:210px; font-size:0; overflow:hidden;}
.news-sns-list li a .img img {width:100%; transition:all 0.3s ease;} */
.news-sns-list li a {display:block;}
.news-sns-list a .img {position:relative; width:210px; height:210px; overflow:hidden; background-color: #000;}
.news-sns-list a .img img {width:210px; height:210px; object-fit: contain; transition:all 0.3s ease;}
.news-sns-list li a:hover .img img {transform:scale(1.15);}
.news-sns-list li a .img:before {z-index:1; content:''; visibility:hidden; opacity: 0; transition: opacity 0.3s 0s, visibility 0.3s 0s ease-in-out; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); background-image:url(../images/icon/ico_link_write.png); background-position: center; background-repeat: no-repeat; background-size:40px;}
.news-sns-list li a:hover .img:before {visibility:visible; opacity: 1;}
.news-sns-list .btn-box:after {content:''; display:block; position:absolute; left:0; right:0; bottom:48px; width:100%; height:100px; 
	background: linear-gradient(#fff0, #fff, #fff );}


/* 인기뉴스 */
/* .popular-news {margin-top:70px;}
.popular-news h3 {margin-bottom:15px; line-height:16px; color:#270e00; font-size:13px; font-weight:500;}
.popular-news ul li {padding:2px 0;}
.popular-news ul li a {display:flex; align-items:center;}
.popular-news ul li a .img {flex: 0 0 auto; position:relative; width:88px; height:50px; font-size:0; overflow:hidden;}
.popular-news ul li a .img img {width:100%; transition:all 0.3s ease;}
.popular-news ul li a .tit {padding-right:10px; color:#332e2c; font-size:11px; font-weight:500; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.popular-news ul li a .info {position:relative; height:50px; padding-top:8px; box-sizing:border-box;}
.popular-news ul li a .info:before {content:''; position:absolute; bottom:-3px; left:0; right:0; width:100%; height:1px; background-color: #bababa;}
.popular-news ul li:last-child a .info:before {display:none;}
.popular-news ul li a:hover .img img {transform:scale(1.15);}
.popular-news ul li a:hover .tit {color:#8d8d8d;} */

.popular-news {margin-top:70px;}
.popular-news h3 {margin-bottom:28px;}
.popular-news li {margin-bottom:25px; padding-bottom:25px; border-bottom: 1px solid #e6e6e6;}
.popular-news li:last-child {margin:0; padding:0; border:none;}
.popular-news li a {display:flex;}
.popular-news li a .img {flex: 0 0 auto; position:relative; width:250px; height:142px; font-size:0; border:1px solid #e6e6e6; overflow:hidden;}
.popular-news li a .img img {width:100%; transition:all 0.3s ease;}
.popular-news li a .img .tag {position:absolute; top:0; left:0; width:0; min-width:34px; height:17px; line-height:18px; font-size:9px; transition:all 0.3s ease;}
.popular-news li a .info {flex:auto; padding:8px 20px 8px 0;}
.popular-news li a .info > * {display:block;}
.popular-news li a .info .tit {line-height:26px; color:#270e00; font-size:18px; font-weight:500; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.popular-news li a .info .txt {margin-top:4px; min-height:44px; color:#8d8d8d; line-height:22px; font-size:16px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.popular-news a .info .type-area {margin-top:8px; padding-left:5px;}
.popular-news a .info .type-area .type {vertical-align: middle;}
.popular-news li a .info .name {margin-left:15px; line-height:20px; font-size:12px; color:#969696;}
.popular-news li a:hover .img img {transform:scale(1.15);}
.popular-news li a:hover .tit {color:#8d8d8d;}


/* 고객센터 */
.faq-list {border-top:1px solid #646464;}
.faq-list li {border-bottom:1px solid #dcdcdc;}
/*.faq-list li a {display:block;}*/
.faq-list li dt,
.faq-list li dd {min-height:50px; padding:15px 40px 15px 70px; background:url('../images/icon/ico_question.png') no-repeat 29px 18px; box-sizing:border-box;}
.faq-list li dt {color:#333; font-weight:400; cursor:pointer;}
.faq-list li dd {color:#333; padding-top:25px; padding-bottom:25px; border-top:1px solid #dcdcdc; background-color:#fafafa; background-image:url('../images/icon/ico_answer.png'); background-position-y:29px; display:none;}
.faq-list li.active dd {display:block;}

.customer-logo {width:164px; height:24px; margin:0 auto; background-image:url('../images/common/logo.png'); background-repeat:no-repeat; background-position:center center; background-size:cover;}

/* 마이페이지 */
.my-page .info-box {position:relative;}
.my-page .info-box > .need {position:absolute; top:-40px; right:0; color:8c8c8c;}
.my-page .info-box > .need:before {content:'*'; display:inline-block; position:absolute; top:4px; left:-6px; color:#ef5151; vertical-align:middle;}

.table-mbc-logo {width:82px; height:12px; background-image:url('../images/common/logo04.png'); background-repeat:no-repeat; background-position:center center; background-size:cover;}

/* 회사소개 통합 */
#contents.group-content {margin-top:-40px;}
.company-wrap {position:relative;}
.company-wrap .sub-title {display:none;}
.company-wrap .visual-area {position:relative; height:674px; background-image:url('../images/contents/company_visual.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.company-wrap .visual-area .inner {display:flex; align-items: center; position:relative; width:1200px; height:100%; margin:0 auto;}
.company-wrap .visual-area .sub-title {padding-top:35px; font-size:18px; font-weight:500; color:#fff;}
.company-wrap .visual-area .item-text {margin-bottom:40px; font-size:44px; font-weight:600; color:#fff;}
.company-wrap .visual-area .item-text span {display:block; font-size:66px; font-weight:600; line-height:70px;}

.company-wrap .media-reader {position:relative; width:1200px; height:708px; margin:0 auto; padding-top:182px; text-align:center; box-sizing:border-box;}
.company-wrap .media-reader .item-title {font-size:48px; font-weight:600; color:#000; letter-spacing:0;}
.company-wrap .media-reader .item-title span {color: #3454b4;}
.company-wrap .media-reader .item-text {margin-top:66px; font-size:18px; font-weight:400; color:#000; line-height:29px; letter-spacing:-0.6px;}

.company-wrap .more-creative {position:relative; height:933px; margin-top:55px; background-image:url('../images/contents/more_creative_bg.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.company-wrap .more-creative .inner {position:relative; width:1200px; margin:0 auto;}
.company-wrap .more-creative .info {padding:218px 0 0 65px;}
.company-wrap .more-creative .info .item-title {font-size:36px; font-weight:600; color:#818181; line-height:52px;}
.company-wrap .more-creative .info .item-title span {color:#8397cd;}
.company-wrap .more-creative .info .item-title strong {display:block; font-size:48px; font-weight:600; color:#101010;}
.company-wrap .more-creative .info .item-title strong span {color:#3454b4;}
.company-wrap .more-creative .info .item-text {font-size:17px; font-weight:400; color:#000; line-height:29px; margin:80px 0 90px 0;}
.company-wrap .more-creative .inner .img {position:absolute; top:-53px; left:50%; margin-left:67px;}
.company-wrap .more-creative .btn-broshure-download {display: block;}

.company-wrap .core-values {position:relative; width:1200px; height:1060px; margin:0 auto; padding-top:276px; text-align:center; box-sizing:border-box;}
.company-wrap .core-values > .item-title {font-size:50px; font-weight:600; color:#0e1f56; line-height:52px;}
.company-wrap .core-values .item-list {margin-top:89px;}
.company-wrap .core-values .item-list ul {display:flex; justify-content:center;}
.company-wrap .core-values .item-list ul > li {padding:0 20px;}

.company-wrap .core-values .item-list .item-card {width:360px; padding:40px 40px 35px; text-align:center; box-sizing:border-box; background-color:#f2f2f2; border:2px solid #8190c0; border-radius:20px;}
.company-wrap .core-values .item-list .item-card .item-icon {display:inline-block; width:108px; height:108px;}
.company-wrap .core-values .item-list .item-card .item-title {margin:20px 0 10px 0; font-size:42px; font-weight:600; color:#142b77;}
.company-wrap .core-values .item-list .item-card .item-text {font-size:15px; color:#142b77; line-height:26px; opacity:0.8;}

/* 안전보건 경영 */
.company-wrap .safety-health {border-top:20px solid; border-bottom:20px solid; border-image:linear-gradient(90deg, #778ccb 0%, #0f2058 100%); border-image-slice: 1;}
.company-wrap .safety-health {position:relative; width:1200px; margin:0 auto 120px auto; padding:67px 0 106px 0; text-align:center; box-sizing:border-box;}
.company-wrap .safety-health .item-title {font-size:60px; font-weight:700; color:#0e1f56;}
.company-wrap .safety-health .section-common {position: relative; padding:76px 400px 0 40px; text-align: left;}
.company-wrap .safety-health .section-policy .section-title {font-size:36px; font-weight:700; color:#0e1f56; letter-spacing:-0.01px;}
.company-wrap .safety-health .section-policy .policy-goals-wrap {display: flex;}
.company-wrap .safety-health .section-policy .policy-goals-wrap .policy-goals {width: 157px; height: 112px; padding: 47px 0 0 13px; box-sizing: border-box;}
.company-wrap .safety-health .section-policy .policy-goals-wrap .policy-goals span {display: inline-block; width: 106px; height:46px; font-size: 24px; color: #5c5765; font-weight: 700; line-height: 46px; border: 2px solid #222f56; border-radius: 25px; text-align: center;}
.company-wrap .safety-health .section-policy .policy-goals-wrap .policy-list {width: 400px; padding: 20px 75px 19px 33px; border-top: 1px solid #888; border-bottom: 1px solid #888;}
.company-wrap .safety-health .section-policy .policy-goals-wrap .policy-list > li {position: relative; font-size: 24px; font-weight:500; color: #5c5765; line-height:34px; letter-spacing: -0.02rem;}
.company-wrap .safety-health .section-policy .policy-goals-wrap .policy-list > li::before {content:''; display: inline-block; position: absolute; top:50%; left: -13px; width: 4px; height: 4px; margin-top:-1px; border-radius: 2px; background-color: #5c5765;}
.company-wrap .safety-health .policy-visuals {position:absolute; top:77px; right:21px;}
.company-wrap .safety-health .policy-visuals .visuals-img {font-size:0;}
.company-wrap .safety-health .policy-visuals .image-caption {padding:10px 0 46px 0; font-size:18px; font-weight:700; color:#1f160b; text-align: center;}
.company-wrap .safety-health  .best-practice {margin-top: 124px; padding-left: 24px;}
.company-wrap .safety-health  .best-practice > li + li {margin-top: 25px;}
.company-wrap .safety-health  .best-practice li {position: relative;}
.company-wrap .safety-health  .best-practice li::before {content: '1'; position:absolute; top:50%; left:-43px; margin-top: -65px; font-size: 40px; font-weight: 700; color: #5a74c8;}
.company-wrap .safety-health  .best-practice li:nth-child(2):before {content: '2';}
.company-wrap .safety-health  .best-practice li:nth-child(3):before {content: '3';}
.company-wrap .safety-health  .best-practice li:nth-child(4):before {content: '4';}
.company-wrap .safety-health  .best-practice li:nth-child(5):before {content: '5';}
.company-wrap .safety-health  .practice-title {font-size:28px; font-weight:700; color:#000012; letter-spacing:-0.25px;}
.company-wrap .safety-health  .practice-text {margin-top: 7px; font-size:24px; font-weight:400; color:#373737; line-height: 34px; letter-spacing:-0.25px;}
.company-wrap .safety-health .ceo-signature {display: flex; align-items: center; margin-top: 139px;}
.company-wrap .safety-health .ceo-signature .sign-logo {width: 200px; margin-left: -6px;}
.company-wrap .safety-health .ceo-signature .sign-logo img {width:100%;}
.company-wrap .safety-health .ceo-signature .sign-ceo {display: flex; align-items: center; padding-left:51px;}
.company-wrap .safety-health .ceo-signature .sign-ceo span {display: inline-block; margin-right: 15px; font-size:18px; font-weight:400;}

.company-wrap .ci-logo {margin-bottom:-138px; background-color:#f7f7f7;}
.company-wrap .ci-logo .inner {position:relative; width:1200px; height:986px; margin:0 auto; padding-top:143px; text-align:center; box-sizing:border-box;}
.company-wrap .ci-logo .item-title {position:relative; margin-bottom:122px; font-size:28px; font-weight:600; color:#000; line-height:30px;}
.company-wrap .ci-logo .item-title:after {content:''; position:absolute; left:50%; bottom:-6px; width:167px; height:4px; margin-left:-83px; background-color:#828c96;}
.company-wrap .ci-logo .btn-download {display:flex; justify-content:center; height:34px; margin-top:95px;}
.company-wrap .ci-logo .btn-download a {display:inline-block; height:34px; font-size:0; color:transparent; background-repeat:no-repeat; background-position:center center;}
.company-wrap .ci-logo .btn-download a + a {margin-left:4px;}
.company-wrap .ci-logo .btn-download .btn-download-png {width:178px; background-image:url('../images/contents/btn_download_png_off.png');}
.company-wrap .ci-logo .btn-download .btn-download-ai {width:179px; background-image:url('../images/contents/btn_download_ai_off.png');}
.company-wrap .ci-logo .btn-download .btn-download-png:hover {background-image:url('../images/contents/btn_download_png_on.png');}
.company-wrap .ci-logo .btn-download .btn-download-ai:hover {background-image:url('../images/contents/btn_download_ai_on.png');}

/* 사업&광고 통합 */
.business-wrap {position:relative;}
.business-wrap .sub-title {display:none;}
.business-wrap .visual-area {position:relative; height:472px; background-image:url('../images/contents/business_visual.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.business-wrap .visual-area .inner {position:relative; width:1200px; height:472px; margin:0 auto; text-align: center;}
.business-wrap .visual-area .item-title {padding-top:170px; font-size:30px; font-weight:500; color:#fff; letter-spacing:-1px;}
.business-wrap .visual-area .item-text {margin-top:26px; font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.7px;}

.business-wrap .business-model {position:relative; width:1200px; height:642px; margin:0 auto; padding-top:148px; box-sizing:border-box;}
.business-wrap .business-model ul {display:flex;}
.business-wrap .business-model ul li {padding-left:36px; box-sizing:border-box;}
.business-wrap .business-model ul li:nth-child(1) {width:440px;}
.business-wrap .business-model ul li:nth-child(2) {width:420px;}
.business-wrap .business-model .item-title {position:relative; font-size:24px; font-weight:500; color:#000; line-height:29px; letter-spacing:-1px;}
.business-wrap .business-model .item-title span {position:absolute; top:-23px; left:0; font-size:14px;}
.business-wrap .business-model .item-title:after {content:''; position:absolute; left:0; bottom:-20px; width:70px; height:3px; background-color:#8a8a8a;}
.business-wrap .business-model .item-text {margin-top:62px; font-size:18px; font-weight:300; color:#000; line-height:24px; letter-spacing:-0.7px;}
.business-wrap .business-model .btn-wrap {display:flex; justify-content:center; margin-top:137px;}
.business-wrap .business-model .btn-business {width:147px; height:46px; font-size:0; color:transparent; background-image:url('../images/contents/btn_business_inquire.png'); background-repeat:no-repeat;}
.business-wrap .business-model .btn-business:hover {background-image:url('../images/contents/btn_business_inquire_on.png');}
.advertisement-wrap .btn-mag-download {width:149px; height:47px; font-size:0; color:transparent; background-image:url('../images/contents/btn_mag_download.png'); background-repeat:no-repeat;}
.advertisement-wrap .btn-mag-download:hover {background-image:url('../images/contents/btn_mag_download_on.png');}
.advertisement-wrap .btn-advertising-inquire {width:149px; height:47px; font-size:0; color:transparent; background-image:url('../images/contents/btn_advertising_inquire.png'); background-repeat:no-repeat;}
.advertisement-wrap .btn-advertising-inquire:hover {background-image:url('../images/contents/btn_advertising_inquire_on.png');}

.advertisement-wrap {width:1200px; margin:150px auto 0 auto; box-sizing:border-box;}
.advertisement-wrap .sub-title {font-size:30px; font-weight:600; color:#6b6b6b; letter-spacing:-1px;}
.advertisement-wrap .item-list {position:relative; height:1020px; box-sizing:border-box;}
.advertisement-wrap .item-list.section-01 {margin-top:63px;  padding:420px 126px 0 0; text-align:right;}
.advertisement-wrap .item-list.section-01:after {content:''; position: absolute; top:0; left:50%; width:1425px; height:1250px; margin-left:-948px; background-image:url('../images/contents/advertisement_img_01_2.png'); background-repeat:no-repeat;}
.advertisement-wrap .item-list.section-02 {margin-top:220px;  padding:400px 0 0 123px;}
.advertisement-wrap .item-list.section-02:after {content:''; position: absolute; top:0; left:50%; width:969px; height:1286px; margin-left:-18px; background-image:url('../images/contents/advertisement_img_02_2.png'); background-repeat:no-repeat;}
.advertisement-wrap .item-list .item-title {font-size:24px; font-weight:500; color:#000; letter-spacing: -0.6px;}
.advertisement-wrap .item-list .item-text {margin-top:54px; line-height:24px; font-size:18px; font-weight:500; color:#4d4d4d; letter-spacing:-0.6px;}
.advertisement-wrap .btn-wrap {display:flex; justify-content:center; margin-top:300px;}
.advertisement-wrap .btn-wrap a {margin:0 8px;}

/* 인재채용 통합 */
.hire-wrap .welfare-list {display:flex; flex-wrap:wrap; margin:13px 0 150px 0;}
.hire-wrap .welfare-list li {width:33.3%; padding:40px 0 45px 0; text-align:center; box-sizing:border-box;}
.hire-wrap .welfare-list li .img {height:80px;}
.hire-wrap .welfare-list li .tit {color:#323232; font-size:18px; font-weight:400;}
.hire-wrap .welfare-list li.is-line-l {border-left:1px solid #e6e6e6;}
.hire-wrap .welfare-list li.is-line-b {border-bottom:1px solid #e6e6e6;}
.hire-wrap .sub-title {font-size:30px; font-weight:600; color:#6b6b6b; line-height:30px;}

/* 회사소개 */
.sub-contents.brand {float:none; width:1200px;}
.brand  p {color:#666; font-size:16px; line-height:26px;}

.brand .company {margin-top:-10px;}
.brand .company .com-box {width:100%; overflow:hidden;}
.brand .company .txt {width:45%; text-align:justify;}
.brand .company .img {width:50%;}

.brand .ceo ul li {float:left; width:50%; padding:0 34px 0 0; box-sizing:border-box; text-align:justify;}
.brand .ceo ul li + li {padding:0 0 0 34px;}
.brand .ceo ul:after {content:''; display:block; clear:both;}
.brand .ceo ul li + li {float:right;}

.brand .vision .h3-title01 {position:relative; color:#324554; font-size:42px; font-weight:bold;}
.brand .vision .h3-title01 em {font-size:39px; font-weight:bold;}
.brand .vision .h3-title01:before {position:absolute; top:90px; left:50%; content:''; display:inline-block; width:44px; height:1px; margin:0 auto 0 -20px; border-bottom:2px solid #324554;}

.brand .vision ul > li {float:left; width:33%; background: url('../images/contents/co113_img_02.png') no-repeat center 155px;}
.brand .vision ul:after {content:''; display:block; clear:both;}
.brand .vision ul > li p {line-height:30px; color:#1b5ca7; font-size:36px; font-weight:bold;}
.brand .vision ul > li strong {line-height:23px; margin:28px 0 10px 0; display:block; font-size:18px; font-weight:500;}
.brand .vision ul > li span {color:#646464; font-size:14px;}
.brand .vision ul > li > ul {width:260px; margin:190px 0 0 90px; text-align:center;}
.brand .vision ul > li > ul li {width:260px; line-height:24px; margin-bottom:10px; padding-left:25px; color:#646464; font-size:18px; font-weight:400; text-align:left; background: url('../images/icon/ico_cheak02.png') no-repeat 0 7px;}
.brand .vision ul > li:nth-child(2) ul {margin-left:80px;}

.brand .history {overflow:hidden;}
.brand .history ul {position:relative; width:430px; padding-left:110px;}
.brand .history ul:before {position:absolute; top:3px; left:130px; content:''; display:inline-block; width:1px; height:100%; margin:0 auto 0 -20px; border-left:1px solid #dcdcdc;}
.brand .history ul li {position:relative;}
.brand .history ul li .h3-title01 {position:absolute; top:-11px; left:-110px; color:#324554; font-size:30px; font-weight:bold;}
.brand .history ul li p {position:relative; padding-left:20px; color:#969696; font-size:16px;}
.brand .history ul li p + p {margin-top:20px;}
.brand .history ul li + li {margin-top:64px;}
.brand .history ul li p strong {position:relative; display:block; color:#323232; font-size:18px; font-weight:400;}
.brand .history ul li p strong:before {position:absolute; top:3px; left:-30px; content:''; display:inline-block; width:20px; height:20px; margin:0; background:#fafafa url('../images/icon/ico_coin.png') no-repeat 0 0;}
.brand .history ul li:last-child p:last-child:before {position:absolute; top:10px; left:0; content:''; display:inline-block; width:20px; height:100%; background:#fff;}

.brand .announce .h3-title01 {font-size:28px;}
.brand .announce .board-box01 > .tb-tit {color:#323232; font-size:22px; font-weight:400;}
.brand .announce .board-box01 > .tb-tit strong {float:right; color:#646464; font-size:14px;}
.brand .announce .board-type02 tr th + th,
.brand .announce .board-type02 tr td + td {border-left:1px solid #dcdcdc;}
.brand .announce .board-type02 tr th:nth-child(even) {background:#f0f0f0;}
.brand .announce .board-type02 tr td:nth-child(odd) {padding-left:30px; text-align:left;}
.brand .announce .board-type02 tr td:nth-child(even) {padding-right:90px; text-align:right;}
.brand .announce .board-type02 tr td.total01 {color:#fff; background:#f9a75b;}
.brand .announce .board-type02 tr td.total02 {color:#fff; background:#f5861e;}
.brand .announce .board-type02 tr td.pl40 {padding-left:40px;}
.brand .announce .board-type02 tr td.pl50 {padding-left:50px;}
.brand .announce .guide-type02 {padding:70px 40px; text-align:center;}
.brand .announce .guide-type02 p {line-height:20px; color:#646464; font-weight:400;}
.brand .announce .guide-type02 .tit01 {color:#323232; font-size:34px; font-weight:500;}
.brand .announce .guide-type02 .txt01 {color:#323232; font-size:22px; font-weight:500; margin-top:20px;}
.brand .announce .guide-type02 .txt02 {color:#323232; font-size:18px; font-weight:500; margin:35px 0 30px 0;}

.brand .ci-guide {position:relative;}
.brand .ci-guide ul {overflow:hidden; margin:-40px 0 0 -40px; box-sizing:border-box;}
.brand .ci-guide ul li {position:relative; float:left; width:540px; margin: 40px 0 0 40px; box-sizing:border-box;}
.brand .ci-guide ul li .h3-title01 ~ p img {margin-top:15px;}
.brand .ci-guide ul li:nth-child(1) {width:100%; padding-bottom:50px; border-bottom:1px solid #dcdcdc;}
.brand .ci-guide .top-btn {position:absolute; top:25px; right:40px;}

.brand .business .top-txt {padding-bottom:50px; border-bottom:1px solid #dcdcdc;}
.brand .business .top-txt .h3-title01 {font-size:20px;}
.brand .business .top-txt p {line-height:22px; color:#646464; font-size:16px; font-weight:400;}
.brand .business ul {overflow:hidden;}
.brand .business ul li {float:left; width:345px; padding-bottom:40px; text-align:center; border:1px solid #e7e7e7;}
.brand .business ul li + li {margin-left:39px;}
.brand .business ul li .img01 {line-height:0; overflow:hidden;}
.brand .business ul li:hover .img01 img {transform: scale(1.15);}
.brand .business ul li .img01 img {transition: all 0.3s ease;}
.brand .business ul li .tit {position:relative; margin:30px 0 40px 0; color:#323232; font-size:18px; font-weight:400;}
.brand .business ul li .tit:before {position:absolute; top:70px; left:50%; content:''; display:inline-block; width:30px; height:1px; margin:0 auto 0 -15px; border-bottom:2px solid #324554;}
.brand .business ul li .txt {padding:0 20px; color:#8c8c8c; font-size:14px; text-align:justify;}
.brand .business .board-type02 tr th + th,
.brand .business .board-type02 tr td + td {border-left:1px solid #dcdcdc;}
.brand .board-type02 tr th.bo-r,
.brand .board-type02 tr td.bo-r {border-right:1px solid #dcdcdc;}

.brand .advertising {text-align:center;}
.brand .advertising ul {display:inline-block; margin:-30px 0 0 -30px;}
.brand .advertising ul:after {content:''; display:block; clear:both;}
.brand .advertising ul li {float:left; margin:30px 0 0 30px; font-size:0; border:1px solid #dcdcdc;}
.brand .thumb-list01 {position:relative; top:-30px; left:0; margin:0 0 -30px -30px;}
.brand .thumb-list01 li {width:353px; margin:30px 0 0 30px;}

.brand .iptv-watch .board-type02 th:nth-child(5),
.brand .iptv-watch .board-type02 td:nth-child(5) {border-left:1px solid #dcdcdc;}
.brand .iptv-watch .board-type02 td:nth-child(1),
.brand .iptv-watch .board-type02 td:nth-child(5) {padding-left:5px;}
.brand .iptv-watch .base-station-list {display:none;}
.brand .iptv-watch .base-station-list.on {display:block;}
.brand .iptv-watch .bor-no{border-bottom-color: transparent;}

/* 20230706 : s 추가 */
/* 클린센터 */
.brand .clean {margin-top:-10px;}
.brand .clean .img {font-size:0;}
.brand .clean .clean-info {margin-top:44px;}
.brand .clean .clean-info p {margin-top:22px; line-height:25px; color:#646464; font-size:16px; font-weight:400;}
.brand .clean .rules-txt {overflow-y:hidden; height:auto; padding:10px 0 0 0; border:none; font-size:16px;}
.brand .clean .rules-txt dl dt {font-weight:400; color:#666; font-size:16px;}
.brand .clean .rules-txt dl dd {margin-top:0; color:#666; font-size:16px;}
.brand .clean .rules-txt dl dd ol li {font-size:16px;}

.brand .clean .tipoff-wrap {position:relative;}
.brand .clean .tipoff-wrap .collection-agree {margin-top:40px; padding:0 105px;}
.brand .clean .tipoff-wrap .collection-agree dl dt {margin-top:32px; color:#323232; font-size:16px; font-weight:500;}
.brand .clean .tipoff-wrap .collection-agree dl dd {margin-top:10px; color:#8c8c8c; font-size:14px; line-height:24px;}
.brand .clean .tipoff-wrap .collection-agree .form-check-group {margin:35px 0 50px 0; padding: 32px 0 41px 100px; line-height:26px; background:#fafafa;}
.brand .clean .tipoff-wrap .collection-agree .form-check-group .chk-type01 {margin-right:0;}
.brand .clean .tipoff-wrap .collection-agree .form-check-group .chk-type01:first-child {margin-right:40px;}
.brand .clean .tipoff-wrap .collection-agree .form-check-group .chk-type01 input[type=checkbox] + label {color:#323232; font-weight:400;}
.brand .clean .tipoff-wrap .tipoff-area {padding:0 105px 0 105px;}
.brand .clean .tipoff-wrap .tipoff-area .btn-box {text-align:right;}
.brand .clean .tipoff-wrap table .form-file-input .btn-type01 {height:34px; line-height:32px; font-size:14px;}
.brand .clean .tipoff-wrap .captcha-area {position:absolute; left:105px; bottom:-10px;}
.brand .btn-box-group {display: flex; justify-content: space-between; align-items: flex-end; margin-top:20px;}
/* //20230706 : e */

/* 인재채용 */
.brand .hire .txt-box li {font-size:16px; line-height:26px;}
.brand .hire .txt-box.is-line li + li {margin-top:23px;}
.brand .hire .txt-box.is-line {padding:15px 20px; border:1px solid #e6e6e6;}
.brand .hire .txt-box strong:before {content:''; display:inline-block; width:4px; height:4px; margin-right:7px; background:#646464; border-radius:2px; vertical-align:4px;}
.brand .hire .txt-box strong ~ p {padding-left:11px;}
.brand .hire p {font-size:14px; line-height:24px;}
.brand .hire .welfare-list li {float:left; width:33%; padding:40px 0 45px 0; text-align:center; box-sizing:border-box;}
.brand .hire .welfare-list li .tit {color:#323232; font-size:18px; font-weight:400;}
.brand .hire .welfare-list li.is-line-l {border-left:1px solid #e6e6e6;}
.brand .hire .welfare-list li.is-line-b {border-bottom:1px solid #e6e6e6;}

/* 팝업 */
.posting-notice {height:280px; padding:20px; border:1px solid #c8c8c8; overflow:hidden; overflow-y:auto; box-sizing:border-box;}
.posting-notice dl {margin-top:12px;}
.posting-notice dt {margin-bottom:10px; font-size:16px; font-weight:400;}
.posting-notice dt:before {content:''; display:inline-block; width:4px; height:4px; margin-right:7px; background:#646464; border-radius:2px; vertical-align:4px;}
.posting-notice dd {margin-left:7px; color:#646464; line-height:22px; text-indent:-7px; font-weight:400;}

/* 에러페이지 */
.error-page {position:fixed; top:50%; left:50%; width:720px; margin:0 auto; padding: 90px 0 0 0; border:1px solid #e6e6e6; text-align:center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.error-page .error-404 .tit {font-size:24px; font-weight:500;}
.error-page .error-404 .txt {line-height:24px; color:#646464; font-size:16px; font-weight:400;}
.error-page .btn-box a {width:180px;}
.error-page .btn-box a.bg01 {background:#323232;}
.error-page .bt-box {display:table; width:100%; height:68px;table-layout:fixed; border-top:1px solid #e6e6e6; background:#fafafa;}
.error-page .bt-box p {display:table-cell; line-height:68px;}
.error-page .bt-box p img {width:107px; margin:0 20px -4px 0;}
.error-page .bt-box p span {color:#8c8c8c; font-size:12px;}

/* 편성표 */
.main-schedule {position:relative; width:1200px; height:114px; margin:100px auto 0; padding:0 0 0 114px; box-sizing:border-box;}
.main-schedule .chennel-box {position:absolute; top:0; bottom:-2px; left:0; width:114px; background:#324554; text-align:center;}
.main-schedule .chennel-box:before {content:'ON AIR'; display:block; position:absolute; top:20px; left:0; right:0; color:#fff; font-size:16px; font-weight:400; font-family:'roboto';}
.main-schedule .chennel-box .control {position:absolute; bottom:40px; left:10px; right:10px;}
.main-schedule .chennel-box .control a {float:left;}
.main-schedule .chennel-box .control a + a {float:right;}
.main-schedule .chennel-box > div {position:absolute; bottom:29px; left:0; right:0; height:29px; overflow:hidden;}
.main-schedule .chennel-box > div ul {overflow:hidden;}
.main-schedule .chennel-box > div li {float:left; width:114px;}
.main-schedule > ul {}
.main-schedule > ul:after {content:''; display:block; clear:both;}
.main-schedule > ul li {float:left; margin-left:-1px; border:1px solid #dcdcdc;}
.main-schedule > ul li + li + li + li a {width:181px;}
.main-schedule > ul li a {display:block;}
.main-schedule > ul li div {display:block; width:244px; height:114px; padding:15px 20px; background:#fff; box-sizing:border-box;}
.main-schedule > ul li .time {color:#323232; font-size:16px; font-weight:bold; font-family:'roboto';}
.main-schedule > ul li .info {position:relative; margin-top:12px; padding-bottom:10px;}
.main-schedule > ul li .info strong {display:block; color:#646464; font-size:16px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main-schedule > ul li .info span {display:block; margin-top:1px; color:#646464; font-size:13px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main-schedule > ul li.onair {position:relative;}
.main-schedule > ul li.onair div {width:300px;}
.main-schedule > ul li.onair .info {position:relative; padding-left:56px;}
.main-schedule > ul li.onair .info:before {content:''; display:block; position:absolute; top:1px; left:0; width:46px; height:46px; background:#1f91be url('../images/icon/ico_onair_txt.png') no-repeat center center;}
.main-schedule > a {position:absolute; top:0; bottom:-2px; right:0; display:block; width:114px; padding-top:66px; color:#646464; font-size:14px; text-align:center; border:1px solid #d2d2d2; background:#fff url('../images/icon/ico_dot01.png') no-repeat center calc(50% - 7px); box-sizing:border-box;}

/* animate */
/* moveUp */
@-webkit-keyframes moveUp {
	0% {opacity:0; -webkit-transform: translateY(200px);}
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% {opacity:0; transform: translateY(200px);}
	100% { transform: translateY(0); opacity: 1; }
}

/* moveLeft */
@-webkit-keyframes moveLeft {
	0% {opacity:0; -webkit-transform: translateX(90%);}
	100% { -webkit-transform: translateX(0); opacity: 1; }
}

@keyframes moveLeft {
	0% {opacity:0; transform: translateX(90%);}
	100% { transform: translateX(0); opacity: 1; }
}

/* pumping */
@-webkit-keyframes pumping {
	0% { opacity:0; -webkit-transform: scale(0); }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes pumping {
	0% {opacity:0; transform: scale(0);}
	100% { transform: scale(1); opacity: 1; }
}


/*
//	@ 2019 운영 수정영역
*/
.new-date-box {position:relative; height:80px; border-bottom:1px solid #c8c8c8;}
.new-date-box > ul {padding:0 55px;}
.new-date-box > ul:after {content:''; display:block; clear:both;}
.new-date-box > ul > li {float:left; width:14.28%; text-align:center;}
.new-date-box .btn-date-box-prev {position:absolute; top:0; left:0; display:block; width:13px; height:50px; padding:0; font-size:0; background:url(../images/icon/ico_arrow09.png) left center no-repeat;}
.new-date-box .btn-date-box-prev > span {position:relative;}
.new-date-box .btn-date-box-next {position:absolute; top:0; right:0; display:block; width:13px; height:50px; padding:0; font-size:0; background:url(../images/icon/ico_arrow10.png) left center no-repeat;}
.new-date-box .btn-date-box-next > span {position:relative;}
.new-date-box .btn-day-item {display:block; height:81px; margin:0 auto; padding:6px 0 18px 0; opacity:0.2; border-bottom:4px solid transparent;}
.new-date-box .btn-day-item.actived {opacity:1; border-bottom-color:#324554;}
.new-date-box .btn-day-item > span {position:relative;}
.new-date-box .btn-day-item .day-num{display:block; font-family:'roboto'; font-size:30px; font-weight:700; line-height:32px; color:#323232; letter-spacing:0;}
.new-date-box .btn-day-item .day-txt{display:block; font-size:14px; line-height:24px; color:#323232;}

.calendar-controls {}
.calendar-controls:after {content:''; display:block; clear:both;}
.calendar-controls > li {float:left; margin-left:-1px;}
.calendar-controls > li:first-child {margin-left:0;}
.calendar-controls .btn-control-today {position:relative; display:inline-block; width:53px; height:40px; font-size:14px; color:#323232; border:1px solid #c8c8c8; z-index:1;}
.calendar-controls .btn-control-today > span {position:relative;}
.calendar-controls .btn-control-today.actived {border-color:#324554; z-index:10;}
.calendar-controls .btn-control-datepicker {position:relative; display:inline-block; width:47px; height:38px; border:1px solid #c8c8c8;}
.calendar-controls .btn-control-datepicker > input {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; visibility:hidden;}
.calendar-controls .btn-control-datepicker > img {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:5; cursor:pointer; opacity:0.4;}
.calendar-controls .btn-control-datepicker > img:hover {opacity:1;}

/* jquery-ui */
.ui-datepicker {font-family:'roboto' , 'Noto Sans', sans-serif !important;letter-spacing:-0.025em;z-index:1000 !important}
.ui-datepicker .ui-datepicker-title select {min-width:0; width:40%; height:30px; font-size:14px; padding:5px 20px 5px 10px; margin:0 3px; background-position:right -5px top -5px}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:0;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top:0;}

.datepicker-input {position:relative; display:inline-block; width:100%; height:48px;}
.datepicker-input > input {color:#333;font-size:18px;font-weight:700;padding:0 20px;}
.datepicker-input > img {position:absolute; top:1px; right:1px; width:50px; height:46px; cursor:pointer;border-left:1px solid #ccc;border-radius: 0px 5px 5px 0px;}

.ui-widget-content{border-radius:0;padding:30px;background:#fff;border:1px solid #c8c8c8;width:280px;box-sizing:border-box;margin:0 0 0 -1px;}
.ui-datepicker .ui-datepicker-header{padding:0;height:44px;border:none;background:none;margin-bottom:12px}
.ui-datepicker .ui-datepicker-title{line-height:44px;font-size:24px;color:#333;font-weight:400}
.ui-state-default{border:none !important;background:#fff !important;width:29px;height:29px;font-size:13px;color:#666;text-align:center !important;line-height:29px;padding:0 !important;margin:0 auto}
.ui-datepicker-current-day > a{background:#324554 !important;color:#fff !important}
.ui-state-default.ui-state-hover{}
.ui-widget-header .ui-icon{background:none;font-size:0}
.ui-datepicker .ui-datepicker-prev{position:absolute;top:0;left:0;width:33px;height:44px;background:url(../images/datepicker/btn_datepicker_prev.png) center center no-repeat !important;border:none; cursor:pointer;}
.ui-datepicker .ui-datepicker-next{position:absolute;top:0;right:0;width:33px;height:44px;background:url(../images/datepicker/btn_datepicker_next.png) center center no-repeat !important;border:none;cursor:pointer;}
.ui-datepicker table{margin:0;font-size:0;table-layout:fixed;}
.ui-datepicker th{padding:0 0 8px 0;font-size:13px;font-weight:500;line-height:29px;}
.ui-datepicker td{padding:4px 0}


/*▼▼▼ 20191021 추가 ▼▼▼ */

.clip-session-list {margin-top:35px;}
.clip-session-list + .paging {margin-top:75px;}
.clip-session-list .list-cell {position:relative; margin:35px 0 0 0; padding:0 0 24px 0; border-bottom:1px solid #e6e6e6;}
.clip-session-list .list-cell:first-child,
.clip-session-list .list-cell.first {margin-top:0;}
.clip-session-list .list-cell:last-child,
.clip-session-list .list-cell.last {border-bottom:none; padding-bottom:0;}
.clip-session-list .swiper-container .swiper-wrapper {width:auto;}
.clip-session-list .session-list-title {padding:4px 100px 4px 0; margin-bottom:15px; font-size:19px; color:#222; line-height:26px;}
.clip-session-list .session-list-title .num {margin-left:10px;}
/* ▼▼▼ 20210310 추가 : s ▼▼▼
.session-list-wrap {margin: -24px -7px 0;}
.session-list-wrap .session-list-cell {float:left; width:20%; padding:24px 7px 0; box-sizing:border-box;}
.session-list-wrap:after {content:' ';display:block; clear:both;}
▲▲▲ 20210310 추가 : e ▲▲▲ */
/* 20220613 : s 수정 */
.session-list-wrap {display:flex; flex-wrap:wrap; margin: -24px -7px 0;}
.session-list-wrap .session-list-cell {width:20%; padding:24px 7px 0; box-sizing:border-box;}
/* 20220613 : e */

.every1 .session-list-title .num {color:#0056F5 !important;}
.sports .session-list-title .num {color:#c53827 !important;}
.sports2 .session-list-title .num {color:#1e5fac !important;}
.drama .session-list-title .num {color:#cc366c !important;}
.music .session-list-title .num {color:#f5861e !important;}

.slick-horizontal-slider-group {opacity:0; position:relative;}
.slick-horizontal-slider-group.actived {opacity:1;}
.slick-horizontal-slider-group.none .slick-slider-arrow {display:none;}
.slick-horizontal-slider-group .slick-slider-arrow {position:absolute; top:0; right:0; font-size:0; z-index:5;}
.slick-horizontal-slider-group .slick-slider-arrow > button {position:relative;display:inline-block;width:34px;height:34px;font-size:0; margin-left:-1px; border:1px solid #d4d4d4;box-sizing:border-box;}
.slick-horizontal-slider-group .slick-slider-arrow > button > span {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.slick-horizontal-slider-group .slick-slider-arrow > button.btn-slick-prev > span{background-image:url(../images/btn/btn_slider_sqaure_prev.png);}
.slick-horizontal-slider-group .slick-slider-arrow > button.btn-slick-next > span {background-image:url(../images/btn/btn_slider_sqaure_next.png);}
.slick-horizontal-slider-group .slick-slider-arrow > button.slick-disabled > span {opacity:0.3;}
.slick-horizontal-slider-group .slick-slide {outline:none;}
.slick-horizontal-slider-group .slick-track {margin-left:0;}

.session-slick-slider {margin:0 -7px;}
.session-slick-slider:after {content:''; display:block; clear:both;}
.session-slick-slider .session-slick-slider-cell {float:left; width:20%; box-sizing:border-box; padding:0 7px;}

.btn-session-item {display:block; outline:none;}
.btn-session-item .thumb {position:relative; display:block; padding-top:62.35%; overflow:hidden;}
.btn-session-item .thumb:before {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#000; opacity:0.4; z-index:2;}
.btn-session-item .thumb .obj {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s ease;}
.btn-session-item .ico-movie {position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px; z-index:5;}
.btn-session-item .txt-data {position:relative; display:block; margin-top:11px;}
.btn-session-item .subject {display:block; font-size:14px; line-height:21px; color:#646464; max-height:42px; overflow:hidden;}
.btn-session-item .subject em {max-height:42px; font-size:14px; line-height:21px; color:#646464; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.btn-session-item .date {display:block; margin-top:12px; font-size:12px; line-height:21px; color:#969696;}
.btn-session-item:hover .thumb .obj {transform:scale(1.15);}
.btn-session-item:hover .ico-movie:before {top:-1px; left:-1px; right:-1px; bottom:-1px;}

.every1 .btn-session-item .ico-movie:before {background:#0056F5 !important;}
.every1 .btn-session-item:hover .ico-movie {border-color:#0056F5 !important;}
.sports .btn-session-item .ico-movie:before {background:#c53827 !important;}
.sports .btn-session-item:hover .ico-movie {border-color:#c53827 !important;}
.sports2 .btn-session-item .ico-movie:before {background:#1e5fac !important;}
.sports2 .btn-session-item:hover .ico-movie {border-color:#1e5fac !important;}
.drama .btn-session-item .ico-movie:before {background:#cc366c !important;}
.drama .btn-session-item:hover .ico-movie {border-color:#cc366c !important;}
.music .btn-session-item .ico-movie:before {background:#f5861e !important;}
.music .btn-session-item:hover .ico-movie {border-color:#f5861e !important;}

/*▲▲▲ 20191021 추가 끝 ▲▲▲*/

/*▼▼▼ 20191113 추가 ▼▼▼ */
.iframe-content {border:none; outline:none; width:100%;}
/*▲▲▲ 20191113 추가 끝 ▲▲▲*/

/* iframe 비디오 플레이어 */
.video-player-wrap {position:relative;background-color:#000}
.video-player {position:relative; padding-top:56.25%;}
.video-player iframe,
.video-player object,
.video-player video,
.video-player embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* 페이지 상단 3단 포인트 리스트 */
.list-point-contents {margin-top:40px;}
.list-point-contents .list-point-cell + .list-point-cell {margin-top:30px;}
.list-point-contents .h2-title01 {margin-bottom:15px;}

.point-contents-list {}
.point-contents-list > ul {margin:0 -14px;}
.point-contents-list > ul > li {width:33.33%; padding:0 14px; margin:0; box-sizing:border-box;}
.point-contents-list > ul > li .img {height:208px;}


.wide-middle-banner {margin-top:60px;}
/* 20201118 수정 */
.wide-middle-banner + .video-category-contents {margin-top:60px; padding-bottom:60px;}
/* //20201118 수정 */

/* 비디오 가로 슬라이드 리스트 */
.video-category-contents {position: relative;}
.video-category-contents {padding-bottom:100px;}
.video-category-contents + .video-category-contents:after {content:''; position:absolute; left:50%; top:0; width:308px; height:1px; margin-left:-154px; background-color:#aeb3c8;} 
.video-category-contents + .video-category-contents {padding-top:130px;}

.video-wide-list {display: flex; flex-direction: column; max-width:1200px; margin:0 auto;}
.video-wide-list h3 {display: flex; align-items: center; font-size:30px; line-height:1; font-weight:600; color:#6b6b6b; margin-bottom:35px;}
.video-wide-list .program-logo {display:inline-block; width:34px; height:34px; margin-right:8px; border-radius:50%; overflow:hidden;}
.video-wide-list .program-logo img {width:100%;}
.video-wide-list-area {margin: 0 -6px;}
.video-wide-list-cell + .video-wide-list-cell {margin-top:93px;}
.video-wide-slider-wrap {position:relative;}
.video-wide-slider-wrap .slick-slide {outline:none;}
.video-wide-slick-slider {margin:0 -6px; height:224px; overflow:hidden;}
.video-wide-slick-slider:after {content:''; display:block; clear:both;}
.video-wide-slick-slider-cell {float:left; width:25%; box-sizing:border-box; padding:0 6px;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button {transform:translate(0px , 0px) !important;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button {position:absolute; top:48%; display:inline-block;width:60px;height:60px;font-size:0; margin-top:-30px; opacity:1; z-index:5; transition:opacity 0.5s ease, transform 0.5s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button > span {opacity:0.3; transition:left 0.2s ease; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-prev {left:-52px;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-next {right:-52px;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-prev > span {background-image:url(../images/btn/btn_video_wide_arrow_prev.png);}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-next > span {background-image:url(../images/btn/btn_video_wide_arrow_next.png);}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button > span:after {opacity:0; transition:all 0.2s ease; content:''; position:absolute; top:50%; left:50%; width:0; height:3px; margin:-2px 0 0 0; background-color:#000;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-prev:hover > span {opacity:1; left:-16px; transition:left 0.2s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-next:hover > span {opacity:1; left:16px; transition:left 0.2s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-prev:hover > span:after {opacity:1; width:30px; margin:-1px 0 0 -7px; transition:all 0.4s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.btn-slick-next:hover > span:after {opacity:1; width:30px; margin:-2px 0 0 -24px; transition:all 0.4s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow > button.slick-disabled {opacity:0;}
.video-wide-list .slick-track {margin:0;}
.video-wide-slider-wrap .slick-pagination {opacity:0; position:absolute; top:25%; right:-44px; width:36px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#000; font-weight:400;}

.video-wide-slider-wrap .video-wide-slick-slider-arrow:has(.btn-slick-prev:hover) ~ .slick-pagination {opacity:1; right:auto; left:-44px; transition:opacity 0.5s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow:has(.btn-slick-next:hover) ~ .slick-pagination {opacity:1; transition:opacity 0.5s ease;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow:has(.slick-disabled.btn-slick-prev:hover) ~ .slick-pagination {opacity:0;}
.video-wide-slider-wrap .video-wide-slick-slider-arrow:has(.slick-disabled.btn-slick-next:hover) ~ .slick-pagination {opacity:0;}



.shorts .video-wide-slick-slider {margin:0 -14px;}
.shorts .video-wide-slick-slider:after {content:''; display:block; clear:both;}
.shorts .video-wide-slick-slider-cell {float:left; width:25%; box-sizing:border-box; padding:0 14px;}
.shorts .video-wide-slider-wrap .video-wide-slick-slider-arrow > button {top:45%;}
.shorts .video-wide-slider-wrap .slick-pagination {top:36%;}

.video-category-banner {position:relative;}
.video-category-banner .roll-banner-box {width:910px; margin:100px auto 220px auto;}
.video-category-banner:after {content:''; position:absolute; left:50%; bottom:-86px; width:308px; height:1px; margin-left:-154px; background-color:#aeb3c8;} 

/* 신규 기본 상품 아이템 */
a.btn-default-item {outline:none;}
.btn-default-item {position:relative; display:block; overflow:hidden;}
.btn-default-item > div {position:relative;}
.btn-default-item .img {position:relative; height:164px; border-radius:18px; overflow:hidden; font-size:0; line-height:0;}
.btn-default-item .img:after {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2);}
.btn-default-item .img img {width:100%; transition:all 0.3s ease;}
.btn-default-item .tag {position:absolute; top:0; left:0; width:0; transition:all 0.3s ease; border-top-left-radius: 18px;}
.btn-default-item .ico-movie {position:absolute; bottom:15px; right:15px; border-radius:50%;}
.btn-default-item .tit {position:absolute; bottom:0; left:0; right:0; padding:20px; color:#fff; background:transparent; box-sizing:border-box;}
.btn-default-item .tit span {display:block; margin-bottom:3px; font-size:18px; font-weight:400;}
.btn-default-item .info {height:80px; padding:12px 18px 15px; border:1px solid transparent; border-top:0 none; box-sizing:border-box;}
.btn-default-item .info .txt {display:block; height:28px; color:#646464; font-size:18px; font-weight:400; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.btn-default-item .info .date {display:block; color:#969696; font-size:16px; font-weight:400;}
.btn-default-item .info .name {display:block; margin-top:20px; color:#969696; font-size:12px; font-weight:400;}
.btn-default-item:hover .img img {transform:scale(1.15);}
.btn-default-item:hover .tit {text-decoration:underline; transition:all 0.3s;}
.btn-default-item:hover .ico-movie:before {top:-1px; left:-1px; right:-1px; bottom:-1px;}

.shorts .btn-default-item .img {height:496px;}

.every1 .btn-default-item .ico-movie:before {background:#0056F5 !important;}
.every1 .btn-default-item:hover .ico-movie {border-color:#0056F5 !important;}
.sports .btn-default-item .ico-movie:before {background:#c53827 !important;}
.sports .btn-default-item:hover .ico-movie {border-color:#c53827 !important;}
.sports2 .btn-default-item .ico-movie:before {background:#1e5fac !important;}
.sports2 .btn-default-item:hover .ico-movie {border-color:#1e5fac !important;}
.drama .btn-default-item .ico-movie:before {background:#cc366c !important;}
.drama .btn-default-item:hover .ico-movie {border-color:#cc366c !important;}
.music .btn-default-item .ico-movie:before {background:#f5861e !important;}
.music .btn-default-item:hover .ico-movie {border-color:#f5861e !important;}

/* 인기 영상 */
.popular-videos {padding-bottom:115px;}
.popular-videos .popular-videos-inner {display:flex;}
.popular-videos .popular-videos-title {margin:-8px 0 28px 0; font-size:30px; font-weight:600; color: #6b6b6b;}
.popular-videos .video-player-wrap {width:846px; height:100%;}
.popular-videos .popular-videos-data {width:354px; padding-left:16px; box-sizing: border-box;}
.popular-videos .popular-videos-data .btn-default-item .img {height:190px; border-radius:0;}
.popular-videos .popular-videos-data .btn-default-item .tag {border-radius:0;}
.popular-videos .popular-videos-data .btn-default-item .info {padding:14px 6px 24px 4px;}
.popular-videos .popular-videos-data .btn-default-item .info .txt {height:28px; font-size:18px;}
.popular-videos .popular-videos-data .btn-default-item .info .date {margin-top:0; font-size:16px; color:#b2b2b2;}
.popular-videos .popular-videos-data li + li .btn-default-item .info {padding:6px 6px 0 4px;}

.text-bg-program {position:relative;}
.text-bg-program:before {content:''; position:absolute; top:-35px; right:0; width:497px; height:430px; background-image:url(../images/contents/text_bg_program.png); background-repeat: no-repeat; background-position: center; background-size: 100%;}

.text-bg-digtal {position:relative;}
.text-bg-digtal:before {content:''; position:absolute; top:-42px; right:0; width:697px; height:126px; background-image:url(../images/contents/text_bg_digtal.png); background-repeat: no-repeat; background-position: center; background-size: 100%;}

/*********************************************
// DIGITAL ZONE 
*********************************************/
.digital-zone-point + .video-category-contents {position:relative; left:50%; width:100vw; padding:60px 0; margin:60px 0 0 -50vw; background-color:#f5f6f6;}
.digital-zone-point {margin-top:36px;}
.digital-zone-point:after {content:''; display:block; clear:both;}
.digital-zone-point > div {float:left; width:50%; box-sizing:border-box;}
.digital-zone-point > div:first-child {padding-right:20px;}
.digital-zone-point > div:last-child {padding-left:20px;}
.digital-zone-title {font-size:28px;line-height:34px; color:#323232; font-weight:500;}
.digital-zone-sub-copy {font-size:16px;line-height:24px; color:#646464; font-weight:500;}
.digital-zone-title + .digital-zone-sub-copy {margin-top:1px;}
.digital-zone-title + .digital-zone-point-data {margin-top:24px;}
.digital-zone-sub-copy + .digital-zone-point-data {margin-top:24px;}
.digital-zone-channel {position:relative;}
.digital-zone-channel .thumb-list01 {margin:-10px;}
.digital-zone-channel .thumb-list01 li {float:left; width:50%; margin:0; padding:10px; box-sizing:border-box;}
.digital-zone-channel .thumb-list01 li a .img {height:140px;}

.digital-zone-live .live-info {display:table; width:100%; height:122px; table-layout:fixed; margin-top:20px;}
.digital-zone-live .live-info .live-info-logo {display:table-cell; width:250px; height:100%; vertical-align:middle;}
.digital-zone-live .live-info .live-sns {display:table-cell; width:auto; height:100%; vertical-align:middle; text-align:right; font-size:0;}
.digital-zone-live .live-info .live-sns > a {display:inline-block; width:56px; height:56px;}
.digital-zone-live .live-info .live-sns > a + a {margin-left:18px;}

/*▼▼▼ 20201221 추가 ▼▼▼ */
.digital-zone-point {margin:-50px;}
.digital-zone-point > div {padding:50px;}
.digital-zone-point > div:last-child {position:relative;}
.digital-zone-point > div:last-child:before {content:''; position:absolute; top:0px; left:-1px; width:1px; height:100%; background-color:#f5f6f6;}
/*▲▲▲ 20201221추가 끝 ▲▲▲*/



/*********************************************
// TV ZONE 
*********************************************/
/* video-wrap */
.video-wrap {margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #e0e0e0;}
.video-wrap:after {content:''; display:block; clear:both;}
.video-wrap .video-detail {float:left; width:900px;}
/*▼▼▼ 20201207 추가 ▼▼▼ */
.video-wrap .h2-title01 {top:-20px;}
/*▲▲▲ 20201207추가 끝 ▲▲▲*/

/* video-container */
.video-container {position:relative;}
.video-container .video-iframe {position:relative; padding-bottom:56.25%}
.video-container .video-iframe iframe,
.video-container .video-iframe video,
.video-container .video-iframe embed {position:absolute; top:0; left:0; width:100%; height:100%}

/* subject-content */
.subject-content {padding:30px 0; border-bottom:1px solid #b1b1b1;}
.subject-content h3 {font-size:20px; font-weight:400;}
.subject-content .info {margin-top:12px}
.subject-content li {color:#8c8c8c; font-weight:400;}

/* con-box */
.con-box {padding:20px 0;}

/* video-player-list */
.video-player-list {float:right; width:230px; height:700px;}
.video-player-list .video-inner {height: 100%; margin:0; overflow-y:scroll;}
.video-player-list .video-inner .video-player-list-cell{margin-top:15px; padding:0;}
.video-player-list .video-inner .video-player-list-cell:first-child {margin-top:0;}
.video-player-list .btn-default-item .img {height:120px;}
.video-player-list .btn-default-item .info {padding:15px;}
.video-player-list .btn-default-item .tit {padding:15px 69px 15px 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.video-player-list .btn-default-item .tit > span {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* sub-view-wrap */
/* 20201118수정 */
.sub-view-wrap {width:100%; height:auto; padding-bottom:60px;}
/* //20201118수정 */
.sub-view-wrap::after {content: ''; display:block; clear:both;}
.sub-view-wrap .sub-video-con {float:left; width:900px; margin-top: -30px;}
.sub-view-wrap .slick-horizontal-slider-group .slick-slider-arrow {top:35px}

/* next-episode */
.next-episode {position:relative;}
.next-episode .section-list-title {padding:40px 0 20px; font-size:17px; font-weight:400;}
.next-episode .section-list-title span {padding-left:5px; color: #c00;}
.next-episode .session-slick-slider-cell .btn-session-item{border:1px solid #e6e6e6}
.next-episode .session-slick-slider-cell .btn-session-item .txt-data{padding: 10px 10px;}

/* best-video-list */
.best-video-list .h3-title01 {margin:50px 0 15px;}
.best-video-list .thumb-list01 {margin-left:-15px;}
/* 20201118 수정 */
.best-video-list .thumb-list01 .every1,
.best-video-list .thumb-list01 .sports,
.best-video-list .thumb-list01 .drama,
.best-video-list .thumb-list01 .on,
.best-video-list .thumb-list01 .music {width:167px; margin-left:16px;}
.best-video-list .thumb-list01 .every1 .img,
.best-video-list .thumb-list01 .sports .img,
.best-video-list .thumb-list01 .drama .img,
.best-video-list .thumb-list01 .on .img,
.best-video-list .thumb-list01 .music .img {height:94px;}
.best-video-list .thumb-list01 .every1 .tit,
.best-video-list .thumb-list01 .sports .tit,
.best-video-list .thumb-list01 .drama .tit,
.best-video-list .thumb-list01 .on .tit,
.best-video-list .thumb-list01 .music .tit {top:0; padding:30px 5px 0; font-size:12px;}
.best-video-list .thumb-list01 .every1 .tit span,
.best-video-list .thumb-list01 .sports .tit span,
.best-video-list .thumb-list01 .drama .tit span,
.best-video-list .thumb-list01 .on .tit span,
.best-video-list .thumb-list01 .music .tit span {font-size:14px;}
.best-video-list .thumb-list01 li a .ico-movie {bottom:5px; right:5px; width: 35px; height:35px;}
.best-video-list .thumb-list01 li a .info {padding:21px 5px 10px;}
.best-video-list .thumb-list01 li a .txt span {font-size:14px;}
.best-video-list .thumb-list01 .lb-type01 {min-width:55px; height:22px; line-height:22px; font-size:12px;}
.best-video-list .thumb-list01 li a .info .date {margin-top:12px;}

/* side-banner */
 .side-banner {float:right; margin-top:0;}

/*▼▼▼ 20201021 추가 ▼▼▼ */
.display-table {display:table; width:100%; height:100%; table-layout:fixed;}
.display-table-cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}

.program-view-visual {position:relative; max-width:1920px; height:500px; margin:0 auto; background-repeat:no-repeat; background-position:center center; overflow:hidden;}
.program-view {position:relative; padding:0 290px 138px 0;}
.program-view .sub-side {float:none; position:absolute; top:0; right:0; width:230px; }
.program-detail {min-height:700px; overflow:hidden;}

.program-side-wrap {padding:10px 14px 22px 14px; background:#e6e6e6;}
.program-side-wrap + .program-banner {margin-top:28px;}
.program-side-wrap .logo {margin:0 -14px; text-align:center;}
/*.program-side-wrap .program-info {font-size:14px; line-height:18px; text-align:center; color:#646464; font-weight:500;}*/
.program-side-wrap .program-info {font-size:14px; line-height:18px; text-align:center; color:#646464; font-weight:400;}
.program-side-wrap .time-info {position:relative; height:67px; padding:0 0 0 69px; border:1px solid #fff;}
.program-side-wrap .time-info .channel {position:absolute; top:0; left:0; width:68px; height:67px; text-align:center; background-color:#fff; line-height:67px;}
.program-side-wrap .time-info .channel > img {vertical-align:middle;}
.program-side-wrap .time-info .channel.double-logo {display:flex; flex-direction:column; padding:10px; box-sizing:border-box;}
.program-side-wrap .time-info .channel.double-logo span {height:50%; display:flex; align-items:center; justify-content:center;}
.program-side-wrap .time-info .channel.double-logo span img {width:100%;}
/*.program-side-wrap .time-info .value {height:100%; font-size:14px; line-height:18px; color:#666; text-align:center; font-weight:500;}*/
.program-side-wrap .time-info .value {height:100%; font-size:14px; line-height:18px; color:#8c8c8c; text-align:center; font-weight:500;}
.program-side-wrap .time-info .value .display-table-cell {padding:0 5px; color:#8c8c8c;}

/*▲▲▲ 20201021 추가 끝 ▲▲▲*/


/* 채널소개 페이지 분리 */
#contents.full-page {width:100%;}
#contents.full-page .sub-contents,
#contents.full-page .sub-contents.brand {width:auto;}
#contents.full-page .sub-top-box {width:1200px; margin:0 auto;}

.data-inner {position:relative; max-width:1060px; margin:0 auto; box-sizing:border-box;}

.default-slick-slider {}
.default-slick-slider .slick-dots {position:absolute; top:20px; right:20px; display:block; width:100%; padding:0; height:8px; font-size:0; line-height:1; text-align:center;list-style:none;text-align:right; box-sizing:border-box;}
.default-slick-slider .slick-dots > li {list-style:none;display:inline-block; line-height:1; font-size:0;margin:0 6px}
.default-slick-slider .slick-dots > li  > button {display:inline-block; width:8px; height:8px; margin:0; font-size:0; line-height:8px; background:#fff; padding:0;margin:0; box-sizing:border-box; transition:all 0.35s ease;border:none;outline:none; opacity:0.3;}
.default-slick-slider .slick-dots > li.slick-active  > button {opacity:1;}


/* 채널소개별 컨텐츠 스킨 */
.every1 .channel-point {background: #0056F5;}
.every1 .channel-visual .slick-dots > li.slick-active  > button {opacity:1; background: #0056F5;}

.sport1 .channel-point {background-color:#c53827;}
.sport1 .channel-visual .slick-dots > li.slick-active  > button {opacity:1; background:#c53827;}

.drama .channel-point {background-color:#163f70;}
.drama .channel-visual .slick-dots > li.slick-active  > button {opacity:1; background:#cd366d;}

.mbc-on .channel-point {background-color:#6be894;}
.mbc-on .channel-visual .slick-dots > li.slick-active  > button {opacity:1; background:#45b873;}

.mbc-m .channel-point {background-color:#9141ff;}
.mbc-m .channel-visual .slick-dots > li.slick-active  > button {opacity:1; background:#9141ff;}



/* 채널소개 > 상단 비주얼 */
.channel-visual {position:relative; width:100%; height:670px; overflow:hidden;}
.channel-visual .visual-item {position:relative; width:100%; height:670px;}
.channel-visual .visual-item-cell {position:relative; width:100%; height:670px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; font-size:0;}
.channel-visual .visual-title {position:absolute; top:50%; left:0; display:block; width:100%; transform:translate(-0% , -50%); z-index:5; text-align:center;}
.channel-visual .visual-title strong {position:relative; display:block; margin-top:30px; color:rgba(255,255,255,0.8); font-size:30px; font-family:'roboto'; font-weight:bold; letter-spacing:8px; text-transform:uppercase;}
.channel-visual .visual-title span {position:relative; display:block; margin-top:30px; color:rgba(255,255,255,0.8); font-size:16px; line-height:28px;}
.channel-visual .slick-dots {position:absolute; bottom:60px; left:0; display:block; width:100%; padding:0 20px; height:12px; font-size:0; line-height:1; text-align:center;list-style:none;text-align:center; box-sizing:border-box;}
.channel-visual .slick-dots > li {list-style:none;display:inline-block; line-height:1; font-size:0;margin:0 7px}
.channel-visual .slick-dots > li  > button {display:inline-block; width:12px; height:12px; margin:0; font-size:0; line-height:12px; background:#fff; padding:0;margin:0; box-sizing:border-box; transition:all 0.35s ease;border:none;outline:none; opacity:0.5;}
.channel-visual .slick-dots > li.slick-active  > button {opacity:1; background:#0056F5;}

/* 채널소개 > 중간 포인트 컨텐츠 */
.channel-point {position:relative; height:260px; overflow:hidden;}
.channel-point .data-inner {height:100%;}
.channel-point .txt-wrap {position:relative; padding:70px 0 0 210px; z-index:5;}
.channel-point .tit {position:absolute; top:70px; left:0; font-weight:400; line-height:35px;}
.channel-point .txt {color:#fff; font-size:16px; line-height:28px;}
.channel-point .h2-title01 {color:#fff;}
.channel-point .bg {position:absolute; top:0; left:50%; right:0; bottom:0; z-index:0;}
.channel-point .bg span {display:block; position:absolute; }

/* 채널소개 > 하단 상세 정보 */
.channel-detail {padding-top:60px;}
.channel-detail .title {position:relative; min-height:82px; padding-left:210px; overflow:hidden;}
.channel-detail .title h2 {position:absolute; top:0; left:0;}
.channel-detail .text05 {font-size:16px; line-height:28px; color:#8c8c8c;}
.channel-detail .con {position:relative; margin-top:60px; padding-left:210px; background-repeat:no-repeat;}
.channel-detail .con .link {position:absolute; top:60px; left:0;}
.channel-detail .con .link a {display:block; width:100px; height:40px; line-height:38px; color:#646464; font-size:14px; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box; background:#fff; transition:all 0 ease; -webkit-transition:all 0 ease;}
.channel-detail .con .link a + a {margin-top:-1px;}
.channel-detail .con .link a:hover {position:relative; color:#fff; background:#646464; border-color:#646464;}
.channel-detail .main-schedule {margin:0 auto; padding:0; width:100%; }
.channel-detail .main-schedule > ul li div {width:237px;}
.channel-detail-event {margin-top:60px; height:140px; overflow:hidden;}
.channel-detail .appdown {position:relative;text-align:center; width:1810px; left:50%; margin-left:-905px;}
.channel-detail .appdown img {}



/*********************************************
// Onair
*********************************************/
.onair-program-wrap {}
.onair-program-wrap .onair-thumb {position:relative; padding-top:56.25%;}
.onair-program-wrap .onair-thumb .video-js {position:absolute; top:0; left:0; width:100%; height:100%;}
.onair-program-wrap .onair-thumb .onair-thumb-img {position:absolute; top:0; left:0; width:100%; height:100%;}
.onair-program-wrap .onair-thumb .onair-thumb-img > img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.onair-layout {display:flex; justify-content:space-between; align-items:flex-end; margin:26px 0 0;}
.onair-logo-section {position:relative;}
.onair-logo-section .onair-logo {height:16px; width:100px; background-repeat:no-repeat; background-position:left center;}
.onair-logo-section .onair-logo.every {display:none; background-image:url('../images/common/sub_top_channel01_on.png'); background-size:100px auto;}
.onair-logo-section .onair-logo.drama {display:none; background-image:url('../images/common/sub_top_channel02_on.png'); background-size:86px auto;}
.onair-logo-section .onair-logo.on {display:none; background-image:url('../images/common/sub_top_channel03_on.png'); background-size:86px auto;}
.onair-logo-section .onair-logo.music {display:none; background-image:url('../images/common/sub_top_channel04_on.png'); background-size:86px auto;}
.onair-program-wrap.every .onair-logo.every {display:block;}
.onair-program-wrap.drama .onair-logo.drama {display:block;}
.onair-program-wrap.on .onair-logo.on {display:block;}
.onair-program-wrap.music .onair-logo.music {display:block;}
.onair-info {display:flex; align-items:flex-end;}
.onair-info .onair-title {font-size:24px; font-weight:500; line-height:45px;}
.onair-info .onair-time {flex:0 0 auto; padding:0 20px; font-size:20px; font-weight:400; line-height:40px;}

.onair-btn-wrap {display:flex; flex:0 0 auto;}
.onair-btn-wrap .btn-type08 {font-weight:400; height:45px; line-height:43px;}
.onair-btn-wrap .view-box {margin-left:12px; border-bottom:none;}
.onair-btn-wrap .view-box .top-box {padding:0; border-bottom:none;}
.onair-btn-wrap .view-box .top-box .utils {position:relative; bottom:auto;}
.onair-btn-wrap .view-box .top-box .utils .btn-type08 {display:flex; justify-content:center; align-items:center; min-width:45px; padding:0; font-size:0;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box {top:44px;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box > * {height:auto; padding:0; border:none; background:transparent;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-sns {display:flex; justify-content:center; width:100%;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-sns .sns-cell {padding:0 20px;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-sns .share-sns {display:flex; flex-direction:column; align-items:center; color:#646464; font-size:14px; font-weight:400;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-sns .share-sns > em {margin-bottom:5px;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-url {display:flex; margin-top:20px;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-url span {display:block; height:34px; line-height:32px; color:#646464; font-size:14px; font-weight:400; padding:0 10px; border:1px solid #c8c8c8; background:#fafafa; box-sizing:border-box; overflow:hidden;}
.onair-btn-wrap .view-box .top-box .utils .url-share .copy-box .copy-url a {display:block; height:34px; line-height:32px; color:#646464; font-size:14px; font-weight:400; border:1px solid #c8c8c8; background:#fafafa; box-sizing:border-box; overflow:hidden;}

.onair-schedule-content {margin-top:38px;}
.onair-schedule-box {display:flex;}
.onair-schedule-item {flex:0 0 auto; width:33.333%; padding:22px 0 18px 35px; border:1px solid #0056f5; box-sizing:border-box;}
.onair-schedule-item + .onair-schedule-item {border-left:none;}
.onair-schedule-info {display:block;}
.onair-schedule-info .name {font-size:21px; font-weight:400; color:#898989; line-height:33px;}
.onair-schedule-info .time {font-size:14px; font-weight:400; color:#898989; line-height:25px;}
.onair-schedule-item.actived {display:flex; justify-content:space-between; align-items:center; background-color:#0056f5; overflow:hidden;}
.onair-schedule-item.actived .onair-schedule-info .name,
.onair-schedule-item.actived .onair-schedule-info .time {color:#fff;}
.onair-schedule-visual {position:relative; flex:0 0 auto;}
.onair-schedule-visual:before {content:''; position:absolute; top:0; left:0; width:214px; height:214px; margin:-88px 0 0 20px; border-radius:21px; background-color:rgba(255,255,255,.5); transform: rotate(-45deg);}
.onair-schedule-visual .text {position:relative; display:inline-block; padding:0 30px; font-size:21px; font-weight:400; color:#fff;}
.onair-schedule-visual .text:before {content:''; position:absolute; top:0; right:0; width:6px; height:6px; margin:4px 20px 0 0; border-radius:50%; background-color:#d70000;}
.onair-program-wrap.drama .onair-schedule-box .onair-schedule-item {border-color:#cc376d;}
.onair-program-wrap.drama .onair-schedule-box .onair-schedule-item.actived {background-color:#cc376d;}
.onair-program-wrap.on .onair-schedule-box .onair-schedule-item {border-color:#45b873;}
.onair-program-wrap.on .onair-schedule-box .onair-schedule-item.actived {background-color:#45b873;}
.onair-program-wrap.music .onair-schedule-box .onair-schedule-item {border-color:#9141ff;}
.onair-program-wrap.music .onair-schedule-box .onair-schedule-item.actived {background-color:#9141ff;}

.onair-page .onair-list-wrap {position:relative; left:50%; width:100vw; padding:60px 0 138px; margin:85px 0 0 -50vw; background-color:#f5f6f6;}
.onair-page .onair-list-wrap .list-point-contents {margin:0;}
.onair-page .onair-list-wrap .onair-list-contents {max-width:1200px; margin:0 auto;}
.onair-page .point-contents-list > ul {margin:-15px;}
.onair-page .point-contents-list > ul > li {padding:15px;}
.onair-page .swiper-container .swiper-wrapper {height:200px !important;}
.onair-page .swiper-container .swiper-wrapper li {height:200px !important;}
.onair-page .onair-list-wrap .list-point-contents .video-wide-list-cell .video-wide-slick-slider-cell {margin-bottom: 32px;}
.onair-page .onair-list-wrap .list-point-contents .video-category-contents {padding-bottom:0;}

/* 실시간 sns */
.realtime-sns-box {margin-top:60px !important;}
.realtime-sns-box .title-box01 > * {margin-right:44px;}
.realtime-sns-box .btn-list-more {bottom:auto; top:20px;}
.realtime-sns-box .sns-list ul {width:1228px; overflow:hidden;}
.realtime-sns-box .sns-list ul li {float:left; transition:all 0.3s ease;}
.realtime-sns-box .sns-list ul li a {position:relative; display:block; width:278px; margin:0 29px 0 0; background:#fff; transition:all 0.3s ease;}
.realtime-sns-box .sns-list ul li a .img {font-size:0; border:1px solid #e6e6e6; overflow:hidden;}
.realtime-sns-box .sns-list ul li a .img img {width:100%; transition:all 0.3s ease;}
.realtime-sns-box .sns-list ul li a .ico-movie {position: absolute; bottom:20px; right:20px;}
.realtime-sns-box .sns-list ul li a .info {position:relative; padding:15px 22px; border:1px solid #e6e6e6;}
.realtime-sns-box .sns-list ul li a .info > * {display:block;}
.realtime-sns-box .sns-list ul li a .info .tit {width:100%; max-height:48px; margin-bottom:15px; color:#323232; font-size:16px; font-weight:400; line-height:24px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.realtime-sns-box .sns-list ul li a .info .con {width:100%; max-height:109px; color:#8c8c8c; font-size:14px; line-height:22px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.realtime-sns-box .sns-list ul li a .info .date {margin-top:15px; color:#a0a0a0; font-size:12px;}
.realtime-sns-box .sns-list ul li a .info .date:before {content:''; display:inline-block; width:32px; height:32px; margin-right:10px; background:url('') no-repeat 0 -32px; overflow:hidden; vertical-align:middle;}
.realtime-sns-box .sns-list ul li a .line span {display:block; position:absolute; transition:all 0.2s ease-out;}
.realtime-sns-box .sns-list ul li a .line span.t {top:0; left:0; width:0; height:1px; transition-timing-function:ease-in;}
.realtime-sns-box .sns-list ul li a .line span.r {top:0; right:0; width:1px; height:0; transition-delay:0.2s;}
.realtime-sns-box .sns-list ul li a .line span.m {bottom:0; right:0; width:0; height:1px; transition-timing-function:ease-in;}
.realtime-sns-box .sns-list ul li a .line span.l {bottom:0; left:0; width:1px; height:0; transition-delay:0.2s;}

.is-instagram a:hover .ico-movie:before {top:-1px; left:-1px; right:-1px; bottom:-1px;}
.is-instagram a .ico-movie:before {background:#c53827 !important;}
.is-instagram a:hover .ico-movie {border-color:#c53827 !important;}

.realtime-sns-box .sns-list ul li.is-facebook a .info .date:before {background-image:url('../images/icon/ico_sns02_01.png');}
.realtime-sns-box .sns-list ul li.is-facebook a .line span {background:#274383;}
.realtime-sns-box .sns-list ul li.is-twitter a .info .date:before {background-image:url('../images/icon/ico_sns02_03.png');}
.realtime-sns-box .sns-list ul li.is-twitter a .line span {background:#0092ca;}
.realtime-sns-box .sns-list ul li.is-blog a .info .date:before {background-image:url('../images/icon/ico_sns02_02.png');}
.realtime-sns-box .sns-list ul li.is-blog a .line span {background:#248d02;}
.realtime-sns-box .sns-list ul li.is-instagram a .img {position:relative; width:276px; height:276px; object-fit:contain; overflow:hidden; background:#000;}
.realtime-sns-box .sns-list ul li.is-instagram a .img img {width:276px; height:276px; object-fit:contain;}
.realtime-sns-box .sns-list ul li.is-instagram.long-size a .img {height:491px;}
.realtime-sns-box .sns-list ul li.is-instagram.long-size a .img img {height:491px;}
.realtime-sns-box .sns-list ul li.is-instagram a .info .date:before {background-image:url('../images/icon/ico_sns02_02.png');}
.realtime-sns-box .sns-list ul li.is-instagram a .line span {background: linear-gradient( to right, rgb(255, 174, 0), red, purple);}

.realtime-sns-box .sns-list ul li a:hover .img img {transform:scale(1.15);}
.realtime-sns-box .sns-list ul li a:hover .line span.t {width:100%;}
.realtime-sns-box .sns-list ul li a:hover .line span.r {height:100%;}
.realtime-sns-box .sns-list ul li a:hover .line span.m {width:100%;}
.realtime-sns-box .sns-list ul li a:hover .line span.l {height:100%;}

/* 251013 로그인 제거로 인한 수정 */
.sub-bottom-box.custom {
	margin-top: 30px;
}
.sub-bottom-box.custom .check-area {
	text-align: center;
}
.sub-bottom-box.custom .check-area input[type="checkbox"]{
	display: none;
}
.sub-bottom-box.custom label {
	display: flex;
	justify-content: center;
	align-items: center;
}
.sub-bottom-box.custom .custom-checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 11px;
	width: 18px;
	height: 18px;
	border: 1px solid #324554;
	border-radius: 3px;
}
.sub-bottom-box.custom .custom-checkbox svg {
	display: none;
}
.sub-bottom-box.custom input:checked + .custom-checkbox {
	background-color: #324554;
}
.sub-bottom-box.custom input:checked + .custom-checkbox svg {
	display: block;
}
.sub-bottom-box.custom .check_1-txt {
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	color: #404347;
}
.sub-bottom-box.custom .recaptcha-area {
	display: flex;
	justify-content: center;
	margin: 35px 0;
}

.alert-box.info-check {
	margin-top: 70px;
}
.alert-box.info-check .alert-title {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: 700;
	line-height: 160%;
	color: #1A1D23;
	text-align: center;
}
.alert-box.info-check .alert-desc {
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	color: #404347;
	text-align: center;
}
.alert-box.info-check .alert-body {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	margin-top: 64px;
}
.alert-box.info-check .alert-body .input-group {
	flex: 1;
}
.alert-box.info-check .alert-body .input-group .input-field + .input-field {
	margin-top: 16px;
}
.alert-box.info-check .alert-body .input-label {
	display: block;
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 160%;
	color: #1A1D23;
}
.alert-box.info-check .alert-body .input-control {
	width: 100%;
	padding: 0 16px;
	height: 56px;
	background-color: #F7F7F8;
}
.alert-box.info-check .alert-body .button-group {
	display: flex;
	min-height: 170px;
	border: 1px solid #324554;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
}
.alert-box.info-check .alert-body .button-group .btn {
	width: 120px;
	font-size: 16px;
	font-weight: 700;
	line-height: 160%;
	color: #324554;
}