@charset "utf-8";

.red{color:#d63d3d;}
.blue{color:#1876ea;}

/* skipNavi */
#skipNavi{position:absolute; left:0; top:0; width:100%; z-index:200}
#skipNavi li{position:absolute; left:0; top:0;  width:100%; z-index:5}
#skipNavi a{display:block; width:1px; height:1px; margin-bottom:-1px; font-size:0; overflow:hidden}
#skipNavi a:active, #skipNavi a:focus{width:100%; height:auto; padding:5px 0; background:#f5f5f5; font-size:1em; text-align:center}

/* #quickMenu */
#quickMenu_scroll {top:642px}
.sbM #quickMenu_scroll {top:80px}
.sbC #quickMenu_scroll {top:80px}

/* lnb-contnets layout */
.lnb-wrap {float:left; width:290px; margin: 0 80px 0 0;}
.lnb-wrap h2 {height:145px; padding:50px 0 0 0; color:#fff; font-size:32px; text-align:center; background:url('../../images/web/lnb_bg.png') no-repeat 0 47px #626f8e;  margin-bottom:0;}
.lnb li {border-bottom:1px solid #dfdfdf;}
.lnb > li > a {display:block; padding:15px 10px 15px 30px; color:#000; text-decoration:none; font-size:18px; background:url(../../images/web/btn_next07.png) no-repeat 255px;}
.lnb >li> a:hover, .lnb> li> a:active, .lnb> li> a:focus{background: url(../../images/web/btn_next07.png) no-repeat 255px #f2f7fb; color:#163173;}
.lnb> li> a.on {background: url(../../images/web/btn_next08.png) no-repeat 240px #3358ad; color:#fff;}
.lnb li ul{margin-top:10px;}
.lnb li ul li{border-bottom:0px;}
.lnb li ul li.only-child>a{padding:5px 10px 11px 30px;}
.lnb li ul li.only-child{margin-bottom: 10px;}
.lnb li ul li.only-child>a:hover, .lnb li ul li.only-child>a:active, .lnb li ul li.only-child>a:focus,
.lnb li ul li.only-child>a.on{color:#c71000;}

.location {position:relative; top: -25px; text-align:right}
.location span {display:inline-block; margin-left:7px; padding-left:13px; background:url('../../images/common/bullet_arr_lct.png') no-repeat 0 3px; font-size:13px;}
.location span a {color:#aaa;}
.location em {color:#555; text-decoration:underline;}
.location span.home {background:none}
.location span.home a {display:inline-block; width:12px; height:15px; background:url('../../images/common/icon_home.png') no-repeat; vertical-align:-2px;}

.sub-tit {margin-bottom:40px; border-bottom:1px solid #cecece;}
.sub-tit h3 {padding:0px 0 22px; color:#000; font-size:32px; font-weight:400}
.sub-tit.noline {margin-bottom:0; border-bottom:none;}
.sub-con {min-height:300px; padding-bottom:60px;}
.sub-con h4 {margin-bottom:10px; color:#000; font-size:22px; clear:both;}
.sub-con h4.sty01 {margin-bottom:12px; font-size:20px;}
.sub-con h5.sty01 {margin-bottom:10px; padding-left:20px; color:#000; background:url('../../images/common/bullet_subcon_tit.gif') no-repeat 0 8px;}
.sub-con h5.sty02 {font-size:18px;}


.tit-sty01 {margin-bottom:25px; color:#000; font-size:17px; font-weight:normal;}

/* contents layout style */
.sbM .header_wrap{border-bottom:0px solid #d7d9db;}
.sbM .depth2{border-top:none;}
.sbM #container .flash_news {overflow:hidden; padding-top:10px; height:30px; z-index:1;}
.sbM #container .flash_news.ie7 {}
.sbM #container .flash_news .news_list {overflow:hidden; float:left; width:890px; height:20px; padding-bottom:4px;}
.sbM #container .flash_news .news_list li {overflow:hidden; float:left; width:870px; padding-right:20px; margin-bottom:10px; font-size:14px; line-height:20px; color:#555555;}
.sbM #container .flash_news .news_list li a {color:#555555;}
.sbM #container .flash_news .news_list li a img {margin-right:15px;}

dl.info {line-height:20px;}
dl.info dt {margin-bottom:20px; color:#000; font-size:15px; font-weight:700; line-height:22px;}
dl.info dd {color:#777;}
dl.info em {color:#0052a4;}
dl.info em.txt-accent {color:#000;}
dl.info.line {margin-bottom:45px; padding-bottom:30px; border-bottom:1px solid #eee;}
dl.detail dt {padding:10px 0; color:#000; text-align:center; font-weight:bold}
dl.detail dd {padding:30px; background:#eff8fa; text-align:left;}

/* contents */
.subcon-info {min-height:100px; margin-bottom:30px; padding-left:122px;}
.subcon-info > strong {display:block; padding:0 0 7px 0; color:#222; font-size:22px;}
.subcon-info > p {color:#777; font-size:16px; line-height:28px; word-break:keep-all;}
.subcon-info.release-info01 {background:url('../../images/web/bg_icon_info.png') no-repeat;}
.subcon-info.release-info02 {background:url('../../images/web/bg_icon_info.png') no-repeat;}
.subcon-info.release-info02 > strong {padding-top:16px;}

.m-news-list {overflow:hidden; padding:60px 0 0;}
.tab-box01 {overflow:hidden; float:left; width:490px;}
.corner-box-sty { overflow:hidden; float:left; width:456px; padding:23px 17px 9px; background:#f0f5fe;}
.corner-box-sty h3 {padding-left:15px; font-size:large; line-height:22px; font-weight:normal; font-style:italic; font-family:Georgia, sans-serif;}
.box-img-list01,
.box-img-list02 {position:relative;}
.box-img-list01 .slide-paging01 {overflow:visible; position:absolute; top:-17px; right:14px;}
.box-img-list02 {margin-top:44px; padding-top:18px;}
.box-img-list02 .slide-paging01 {overflow:visible; position:absolute; top:-17px; right:14px;}

.list-sty01 {padding-bottom:5px; margin-bottom:30px; border-bottom:1px solid #e8e8e8;width:100%;}
.list-sty01 h2 {padding-top:1px; font-size:28px; line-height:26px; text-align:center; color:#000000;}
.list-sty01 h2.title-sty01 {background:#ffffff url('../../images/common/bg_C_title03.png') no-repeat 0 12px;}
.list-sty01 h3{font-size:22px; padding-top:15px; height:35px;}
.h2-bg-title{display:inline-block;padding:0 30px;background:#fff;}

.list-sty02 {margin-bottom:37px;}
.list-sty02 h2 {padding-top:1px; font-size:28px; line-height:26px; text-align:center; color:#000000;}
.list-sty02 h2.title-sty01 {background:#ffffff url('../../images/common/bg_C_title03.png') no-repeat 0 12px;}

.list-sty03 {position:relative; margin-bottom:40px;}
.list-sty03 h3 {margin-bottom:20px; color:#000; font-size:22px;}
.list-sty03 h3 .list-sty03-num{font-size:17px; color:#777;}
.list-sty03 .btn_more {position:absolute; top:3px; right:0;}

.title-sty01-h2, .title-sty01-h3 {position:relative; text-align:left;}
.title-sty01-h2 h2 {padding:0 0 20px 0; margin-bottom:30px; border-bottom:2px solid #626262; font-size:32px; font-weight:normal; line-height:36px; color:#000000; text-align:left;}
.title-sty01-h2 .btn_sty04 {position:absolute; top:0px; right:0;}
.title-sty01-h2 .box01 {border:1px solid #d9d9d9; background:#f9f9f9;}
.title-sty01-h3 h3 {font-size:22px; line-height:26px; color:#000; font-weight:bold; float:left;}
.title-sty01-h3 h3 span {padding-left:7px; font-size:14px; font-weight:normal; color:#555;}
.title-sty01-h3 .more{float:right;}
.title-sty01-h3 .btn_sty02 {position:absolute; top:3px; right:0;}
.title-sty01-h2:after, .title-sty01-h3:after{clear:both; display:block; content:"";}

.title-sty02-h2 h2 {padding:0px 0 25px; font-size:32px; line-height:30px; font-weight:normal; text-align:left;}
.cont-info-sty02 {padding:42px 20px 0 392px;}
.cont-info-sty02 a {text-decoration:none;}
.cont-info-sty02 .thumb img {width:268px; height:151px;}
.cont-info-sty02 dt {padding:20px 0 10px; color:#222; font-size:16px;}
.cont-info-sty02 dd {color:#555; font-size:13px; line-height:20px;}
.ifr_minwon {height:1000px; width:700px; border:none; overflow:hidden;}

.order-list li {margin-top:9px;}
.order-list li a {text-decoration:none;}
.order-list li a .label {margin-right:8px;}
.order-list li a .txt {display:inline-block; width:85%; color:#555; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.order-list li:first-child {margin-top:0;}
.order-list li a:hover .txt {color:#1876ea;}

.bul-bar li {padding-left:10px; background:url('../../images/web/bul_hyphen.gif') no-repeat 0 14px; line-height:175%;}
.bul-cir > li {padding-left:10px; background:url('../../images/common/bullet_4px.gif') no-repeat 0 13px; line-height:175%; margin-bottom:3px;}
.bul-cir li.bgno{padding-left:0; background:none; }
.bul-cir li > ul > li{background:none;}
/* .bul-cir li P{ border:1px solid #eee;padding:15px 20px; background:#fbfbfb; margin:5px 0 10px 0;} */
.bul-cir li .st1{color:#e24f56; font-size:15px;}
ul.default{margin-left:15px;}
ul.default li {line-height:28px; color:#555; font-size:16px;letter-spacing:-0.2px; text-indent:-15px;}

.con-signature {margin-top:55px; padding:28px 0 27px; border:1px solid #e8e8e8; background:#f5f5f5;}
.con-signature dl {margin-left:43px; padding-left:13px; border-left:1px solid #bbb;}
.con-signature dt {margin-bottom:15px; padding-top:3px; color:#000; font-size:18px;}
.con-signature dd {color:#555; font-size:16px; line-height:180%}
.con-signature dd span {margin-left:10px; padding-left:14px; background:url('../../images/common/line_dark_w2_h10px.gif') no-repeat 0 1px;}
.con-signature dd span.first {margin:0; padding:0; background:none;}
.con-signature dd em {color:#1876ea;}
.con-signature.inner-type01 {margin:0; padding:0; border:none; background:none;}
.con-signature.inner-type01 dl {margin:30px 0 0 0;}
.con-signature.inner-type01 dt {margin-bottom:8px;}

.desc-box {width:100%; overflow:hidden;}
.desc-box > li {float:left; width:330px; height:260px; padding:28px 20px; margin-left:20px; text-align:center;}
.desc-box > li .label {width:142px; padding:9px 0 7px; font-size:19px;}
.desc-box > li p {margin:20px 0 15px; color:#fff; font-size:17px; line-height:28px;}
.desc-box > li:first-child {margin-left:0;}
.desc-box > li.box-01 {background:#277eb0;}
.desc-box > li.box-02 {background:#5d8de4;}
.desc-box > li.box-03 {background:#de6269;}
.desc-box > li .bul-squ-white {padding-left:5px;}

.period-area {display:inline-block; height:23px;}
.period-area * {float:left;}
.period-area .inp-txt {width:150px; height:32px; color:#777; font-size:15px; line-height:1; text-align:center; padding:2px 10px;}
.period-area .btn-calendar {margin:3px 0 0 5px;}
.period-area span {margin:5px 5px 0 8px;}
.period-area .ui-datepicker-trigger{margin:8px 0 0 5px !important;}

/* br01 */
.br01 {overflow:hidden; margin-top:60px;}
.br01 ul {overflow:hidden;}
.br01 ul li {float:left; width:490px; }

/* top_view 영상view */
.top_view{position: relative;float:left;width:100%;}
.top_view:after{content:""; clear:both; display:block; position:absolute; height:1px; width:100%; bottom:-1px; background:#ddd;}
.top_view .lft {float:left; width:1200px;}
.top_view .lft .program-name {padding-bottom:12px;font-size:15px;line-height: 20px; color: #929292;}
.top_view .lft .program-name a {color: #214775; background:#d8e6f3; padding:3px 6px; font-weight: bold; margin-right:3px;}
.top_view h2 {padding:0; margin-bottom:4px; font-size:33px; line-height:38px; text-align:left; color:#222;}
.top_view h2 a {text-decoration:none;}
.top_view .lft .date{color:#565656; margin-bottom:25px; margin-top:5px; font-size:15px;}
.top_view .lft .date span{position:relative; display:inline-block; margin-right:5px; padding-right:10px;}
.top_view .lft .date span:after{display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); height:10px; width:1px; background:#e0e0e0; content:"";}
.top_view .lft .date span:last-child:after{display:none;}
.top_view .rht {overflow:hidden; float:right;width:160px; text-align:right; padding-left:1px;}
.top_view .rht  li {float:left; margin-left:-1px;}
.top_view .rht  li a{width:33px; height:33px;display: block;border: 1px solid #ddd;}
.top_view .rht #print{background:url(../../images/common/view_btn.png)  7px no-repeat;}
.top_view .rht #print:hover{background:url(../../images/common/view_btn.png)  7px no-repeat #efefef;}
.top_view .rht #extension{background:url(../../images/common/view_btn.png) -57px 7px no-repeat;}
.top_view .rht #extension:hover{background:url(../../images/common/view_btn.png) -57px 7px no-repeat #efefef;}
.top_view .rht #contraction{background:url(../../images/common/view_btn.png) -25px 7px no-repeat;}
.top_view .rht #contraction:hover{background:url(../../images/common/view_btn.png) -25px 7px no-repeat #efefef;}
.top_view .rht #share{background: url(../../images/common/view_btn.png) -90px 7px no-repeat #3a4167; width:64px; color:#fff;}
.top_view .rht #share span{line-height:15px; display:block; padding:8px 8px 0 15px;}

.sns{position:absolute; right: 0; border:1px solid #8c8c8c; background-color:#fff;padding:18px; width:224px;/* height: 150px; */z-index:10;}
.top_view .rht li .sns a{width:34px; height:34px; overflow:hidden; border:0; margin:2px;}
.sns .sns1 a{background:url(../../images/common/sns.jpg) no-repeat;}
.sns .sns2 a{background:url(../../images/common/sns.jpg) -40px 0px no-repeat;}
.sns .sns3 a{background:url(../../images/common/sns.jpg) -80px 0px no-repeat;}
.sns .sns4 a{background:url(../../images/common/sns.jpg) -119px 0px no-repeat;}
.sns .sns5 a{background:url(../../images/common/sns.jpg) -159px 0px no-repeat;}
.sns .sns6 a{background:url(../../images/common/sns.jpg) 0px -43px no-repeat;}
.sns .sns7 a{background:url(../../images/common/sns.jpg) -40px -43px no-repeat;}
.sns .sns8 a{background:url(../../images/common/sns.jpg) -80px -43px no-repeat;}
.sns .sns9 a{background:url(../../images/common/sns.jpg) -119px -43px no-repeat;}
.sns .sns10 a{background:url(../../images/common/sns.jpg) -159px -43px no-repeat;}
.top_view .rht li .sns .url_link a{font-size:13px; width:184px;height:28px;text-align: center;border: 1px solid #ddd;display: block;padding:3px;}
.top_view .rht li .sns .url_link a:hover{background: #efefef;}

/* view 영상 사이즈 */
.video_700 {width:700px; height:394px; background:#f7f7f7; margin:20px 0; text-align:center; overflow:hidden; position:relative;}
.video_1030{width:1029px; height:579px; background:#f7f7f7; margin:20px 0 45px; text-align:center; overflow:hidden; position:relative;}
.video_1400 {width:1400px; height:787.5px;}
.video_700 table{width:700px; position:absolute; color:#fff; font-size:20px; word-break:keep-all; padding:0 60px; z-index:2; vertical-align:middle; height:370px;}
.video_700 table td{padding:0 50px;}
.video_700 > span{background:url(../../images/web/view_bg.png) no-repeat; width:700px; height:394px; display:block; position:absolute; font-size:0;}

.video_985 {width:985px; height:554px; background:#f7f7f7; margin:20px 0; text-align:center; overflow:hidden; position:relative;}
.wide .video_985{width:1400px; height:787.5px;}

#playerFrame{border:0;width:985px;height:554px;}
.wide #playerFrame{width:1400px; height:787.5px;}
.fixed_video #playerFrame{position:fixed; right:99px; bottom:50px; width:350px; height:197px;z-index:999}

.video_close{position:fixed;right:60px; bottom:207px; width:40px; height:40px;z-index:999;border:1px solid #9f9f9f;box-sizing:border-box; background:url(../../images/common/close2.png)no-repeat 50% 50%;cursor:pointer; background-color:white}


.view_btn1{overflow:hidden; padding-right:50px;}
.wide .view_btn1{overflow:hidden;width:1400px; padding-right:0;}
.view_btn1 .btn_lft{float:left;}
.view_btn1 .btn_lft > span{/* background:url(../../images/common/look.png) no-repeat 10px 11px; */margin-right:3px; float:left; padding:6px 10px 6px 10px;border: 1px solid #ddd; display: block; line-height:22px; font-size:15px; letter-spacing:-0.7px;}
.view_btn1 .btn_lft > span > span{color:#757575;}
.view_btn1 .btn_lft .like{background: url(../../images/common/like_s1.png) no-repeat 10px;border:1px solid #ddd; display: block;float: left;padding:6px 10px 6px 30px;font-size:15px; line-height:22px;}
.view_btn1 .btn_lft .like.on{background: url(../../images/common/like_s1_2.png) no-repeat 10px;}
.view_btn1 .btn_lft .white_btn{float:left; padding:6px 10px; margin-left:3px;}

.view_btn1 .btn_rht{float:right;}
.view_btn1 .btn_rht a{display:inline-block; padding:6px 10px; font-size: 15px;}


.screen_wide, .screen_default{position:relative;padding-left:39px;}
.screen_wide:before,.screen_default:before{position:absolute;top:1px;left:0px; content:""; display:block; background:url(../../images/common/i_screen_wide.png) no-repeat; width:31px;height:20px;}
.screen_default:before{background:url(../../images/common/i_screen.png) no-repeat;}
.screen_defult{background:url(../../images/common/i_wide.png) no-repeat; width:31px;height:20px;}

.view_btn2{overflow:hidden; float:right; margin:20px 30px 0px 0;}
.view_btn2 a{float:left; padding:6px 0px;text-align:center; display:block; width:90px; color:#fff; font-size:13px;}
.view_btn2 .btn1{margin-right:3px;}
.view_cnt {word-break:keep-all; line-height:185%; overflow:hidden; margin:20px 0 20px; padding:0px 0 0; border-top:1px solid #e7e7e7; font-size:18px; color:#444;}
.view_cnt .article {padding:40px 50px 40px 0; border-bottom:1px solid #e7e7e7;}
.view_cnt .article p{padding-bottom:10px;}
.view_cnt .list{padding:30px 30px 30px 0; border-bottom:1px solid #e7e7e7;}
.view_cnt .list li{overflow:hidden; background:url(../../images/common/bullet_2px.gif) no-repeat 0 19px; font-size:17px; padding:3px 0 3px 10px;}
.view_cnt .tit_wrap h3{float:left;}
.view_cnt .tit_wrap .more{margin-top:0;}
.view_cnt .list h3{font-size:24px;padding-bottom:13px;}
.view_cnt .list h3 span{color:#175ed2; font-weight:bold;}
.view_cnt .list li a{float:left; width:860px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.view_cnt .list a.on{color:#1876ea; font-weight:bold;}
.view_cnt .list li span{float:right; color:#929292; font-size:15px; margin-right:20px;}

/* 동영상-접근성버튼 */
.video_btn{float:right; border: 1px solid #ddd; border-left: 0; border-right: 0;}
.video_btn a{display:inline-block; width:33px; height:32px; background:url(../../images/web/play_btn.png) 0 0 no-repeat; float: left; border-right:1px solid #e7e7e7;}
.video_btn .play{background-position:7px 10px;}
.video_btn .stop{background-position:6px -14px;}
.video_btn .back{background-position:5px -61px;}
.video_btn .front{background-position:5px -37px;}
.video_btn .voldown{background-position:  -88px;}
.video_btn .volup{background-position:6px -115px;}
.video_btn .mute{background-position:5px -141px;}

/* 프로그램 정보 2개 타입 */
.top_info_01 {overflow:hidden; background:#99a6c3;}
.top_info_01 .program_head{height:288px; width:1400px; margin:0 auto; overflow:hidden; position:relative;}
.top_info_01 .program_head .thumb{width:517px; height:288px; overflow:hidden; float:left;}
.top_info_01 .program_head .thumb img{width:100%;}
.top_info_01 .program_head .text_box{float:right; width:800px;}
.top_info_01 .program_head .text_box p{color:#fff; font-size:15px;line-height:27px;overflow:hidden;height:113px;margin-bottom: 25px; word-break: keep-all;}
.top_info_01 h2 {overflow:hidden; width:100%; padding:0; text-align:left; font-size:28px; color:#222; margin:45px 0 15px;}
.top_info_01 h2 a {color:#fff; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;text-decoration:none; display:block;}
.top_info_01 .pro_end{width:53px; position:absolute; top:20px; background:#485677; padding:2px; border-radius:30px;display:block;text-align: center;color: #fff; float: left; font-size:14px; line-height: 22px;}
.top_info_01 .rht{position:absolute; bottom:40px;}
.top_info_01 .rht .premiere{width:100%; padding-bottom:5px; font-size:15px; line-height:18px; color:#fff; padding-right:10px;}

.top_info_02 {overflow:hidden; background:#99a6c3;}
.top_info_02 .program_head{padding:29px 0; height:100px; width:980px; margin:0 auto; overflow:hidden;}
.top_info_02 .title_box{float:left; overflow:hidden;}
.top_info_02 h2 {padding:0; text-align:left; font-size:34px; line-height:40px; color:#222; float: left; }
.top_info_02 h2 a {text-decoration:none; color:#fff;}
.top_info_02 .pro_end{width:53px; margin:10px; background:#485677; padding:2px; border-radius:30px;display: block;text-align: center;color: #fff; float: left;}
.top_info_02 .rht{float:right; color:#fff;}
.top_info_02 .rht .premiere{padding-bottom:4px; font-size:14px; display:block;}

.tab-sty06 {overflow:hidden; background:#4d94e1;}
.tab-sty06 ul {width:1400px; margin:0 auto;}
.tab-sty06 ul:after {content:''; display:block; clear:both;}
.tab-sty06 li {float:left; width:20%;}
.tab-sty06 li a {display:block; height:48px; border-left:none; line-height:45px; color:#fff; font-size:18px; text-decoration:none; text-align:center;}
.tab-sty06 li:hover .bar{border-top:2px solid #fff;}
.tab-sty06 li .bar{display: block; height:2px;}
.tab-sty06 li.on .bar{border-top:2px solid #fff;}
.tab-sty06 li .arr-balloon01 {display:none;}
.tab-sty06 .btn_sty04 {position:absolute; top:10px; right:0;}
.tab-sty06 .tab-2dth-01 {float:right; width:350px; height:30px; background:url('../../images/common/line_h36px.gif') no-repeat right 10px;}
.tab-sty06 .tab-2dth-01:after {content:''; display:block; clear:both;}
.tab-sty06 .tab-2dth-01 li {float:left; width:174px; height:30px; margin:0; background:url('../../images/common/line_h36px.gif') no-repeat 0 10px;}
.tab-sty06 .tab-2dth-01 li a {display:block; float:left; width:173px; height:20px; padding:10px 0 0 0; margin:0 0 0 1px; border:none; background:#ffffff; color:#777777; font-size:15px; line-height:20px; text-align:center;}
.tab-sty06 .tab-2dth-01 li a.on,
.tab-sty06 .tab-2dth-01 li a:hover {background:url('../../images/common/ioc_more02.png') no-repeat center top; color:#000; font-weight:bold;}

.tab-sty06-02 {overflow:hidden; background:#99a6c3; border-top:1px solid #e0eaff;}
.tab-sty06-02 ul {width:980px; margin:0 auto;}
.tab-sty06-02 ul:after {content:''; display:block; clear:both;}
.tab-sty06-02 li {float:left; width:20%;}
.tab-sty06-02 li a {display:block; height:48px; border-left:none; line-height:45px; color:#fff; font-size:15px; text-decoration:none; text-align:center;}
.tab-sty06-02 li:hover .bar{border-top:2px solid #fff;}
.tab-sty06-02 li .bar{display: block; height:2px;}
.tab-sty06-02 li.on .bar{border-top:2px solid #fff;}
.tab-sty06-02 li .arr-balloon01 {display:none;}
.tab-sty06-02 .btn_sty04 {position:absolute; top:10px; right:0;}
.tab-sty06-02 .tab-2dth-01 {float:right; width:350px; height:30px; background:url('../../images/common/line_h36px.gif') no-repeat right 10px;}
.tab-sty06-02 .tab-2dth-01:after {content:''; display:block; clear:both;}
.tab-sty06-02 .tab-2dth-01 li {float:left; width:174px; height:30px; margin:0; background:url('../../images/common/line_h36px.gif') no-repeat 0 10px;}
.tab-sty06-02 .tab-2dth-01 li a {display:block; float:left; width:173px; height:20px; padding:10px 0 0 0; margin:0 0 0 1px; border:none; background:#ffffff; color:#777777; font-size:15px; line-height:20px; text-align:center;}
.tab-sty06-02 .tab-2dth-01 li a.on,
.tab-sty06-02 .tab-2dth-01 li a:hover {background:url('../../images/common/ioc_more02.png') no-repeat center top; color:#000; font-weight:bold;}

/* 프로그램메뉴3개 */
.tab-sty06-02_tab3 li,
.tab-sty06_tab3 li{width:33.3% !important; font-size:14px;}

/* 프로그램메뉴4개 */
.tab-sty06-02_tab4 li,
.tab-sty06_tab4 li{width:25% !important; font-size:14px;}

/* 프로그램메뉴5개 */
.tab-sty06-02_tab5 li,
.tab-sty06_tab5 li{width:20% !important; font-size:14px;}

/* 프로그램메뉴6개 */
.tab-sty06-02_tab6 li,
.tab-sty06_tab6 li{width:16.66% !important; font-size:14px;}

/* 프로그램메뉴7개 */
.tab-sty06-02_tab7 li,
.tab-sty06_tab7 li{width:14.27% !important; font-size:14px;}

/* 프로그램메뉴8개 */
.tab-sty06-02_tab8 li,
.tab-sty06_tab8 li{width:12.50% !important; font-size:14px;}

/* Vdate-sty01 */
.Vdate-sty01 { margin:25px 0; font-size:28px; line-height:39px; text-align:center; overflow:hidden; border-bottom:2px solid #626262; padding-bottom: 20px;}
.Vdate-sty01 h2{font-size: 32px; font-weight: normal;  float:left;  padding:0 10px 0 0;}
.Vdate-sty01 .prev {display:inline-block;}
.Vdate-sty01 .txt {font-size:20px; float: left;background:url('../../images/web/calendar.png')  0 6px no-repeat; background-size:28px; display:block; float:left; color:#000; padding:2px 0 0 32px;}
.Vdate-sty01 .txt em {color:#f21b2a;}
.Vdate-sty01 .btn_wrap{float:right;}

/* 상단 프로그램 소개 */
.program_intro {overflow:hidden;  margin-bottom: 35px;}
.program_intro .img_box{width:380px; height:214px;float:left;}
.program_intro .text{position: relative; background:#f6f6f6; padding:30px;float:left; width:320px; height:214px; box-sizing:border-box;}
.program_intro .text h3{font-size:22px;}
.program_intro .more{width:27px; height:27px;display:block;position:absolute;right: 30px; top: 30px;}
.program_intro p{padding-top:5px; height:98px; overflow:hidden; line-height:18px; color:#888; margin-top:20px;}

/* 콘텐츠 상단 타이틀에 대한 이미지 및 설명있는 경우 */
.cont-tit-info {margin-bottom:40px;}
.cont-tit-info p {margin-bottom:17px; color:#222; font-size:18px; font-weight:400;}
.cont-tit-info p.info-txt {margin-bottom:40px; color:#777; font-size:13px; line-height:18px;}
.cont-tit-info .btn-app-down a {margin-right:6px;}

.cont-tit-info01 {clear:both; margin-bottom:20px;}
.cont-tit-info01 .programImg1, .cont-tit-info01 .programImg5{width:700px;}
.cont-tit-info01 .programImg2{width:980px;}
.cont-tit-info01-01 {clear:both; margin-bottom:1px;}
.cont-tit-info01-01 .programImg4{width:980px;}
.cont-tit-info02 {clear:both; margin-bottom:35px;}

/* 편성안내 */
.pg-organize {padding-bottom:30px;}
.pg-organize h3 {padding-bottom:11px; font-size:22px; line-height:30px; color:#000000;}
.organize_top {height:145px; padding:18px 0 18px 130px; border-bottom:1px solid #eeeeee; background:url('../../images/web/bg_ktv_program.gif') no-repeat left 18px;}
.organize_top strong {display:block; padding-top:27px; font-size:18px; line-height:24px; color:#f21b2a;}
.organize_top p {font-size:14px; line-height:20px; color:#555555;}
.organize-list01 {padding:26px 0 21px; border-bottom:1px solid #eeeeee;}
.organize-list01 p {padding-bottom:8px; font-size:14px; line-height:20px; color:#777;}
.organize-list01 .txt-list01 {overflow:hidden;}
.organize-list01 .txt-list01 li {float:left; width:223px; padding-left:10px; background:url('../../images/common/bullet_2px.gif') no-repeat 0 13px; font-size:14px; line-height:30px; color:#555555;}

/* 채널안내 */
.gd-channel h3 {padding-bottom:15px; font-size:24px; line-height:26px; color:#000000;}
.con-channel {padding:30px 0 35px; border-top:1px solid #eeeeee;}
.con-channel ul {overflow:hidden; width:100%;}
.con-channel ul li {position:relative; float:left; padding-right:12px; font-size:30px; line-height:30px; text-align:center; color:#ffffff;}
.con-channel ul li.pad22{padding-right:22px;}
.con-channel ul li:last-child{padding-right:0px; }
.con-channel ul li:last-child span{padding-left:10px;}
.con-channel ul li a {color:#ffffff;}
.con-channel ul li.different span {display:block; position:absolute; top:97px; left:50%; transform:translate(-50%);}
.con-channel ul li span {display:block; position:absolute; top:97px; left:50%; padding-top:25px; text-align:center; transform:translate(-50%); margin-left:-5px;}
.con-channel ul li span em {font-size:26px; line-height:20px; margin-right:5px; }

.area-list {padding-bottom:30px;}
.area-channel {width:1400px; padding:1px 0 24px 1px; margin-bottom:20px;}
.area-channel:after{display:block; clear:both; content:"";}
.area-channel li {float:left; text-align:center;color:#222222;}
.area-channel li a {display:block; width:175px; padding:16px 0; margin:-1px 0 0 -1px; border:1px solid #d9d4c9; background:#f7f3eb; color:#222222;}
.area-channel li a:hover,
.area-channel li a.on {border:1px solid #537dcb; background:#537dcb; color:#ffffff;}

/*선 안보이게 */
.border-none{border:0 !important;}

/*블루색상 카테고리(프로그램명) */
.category-name {line-height:150%; color:#496aa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.category-name a {color:#496aa1; font-size:15px; font-weight:bold;}

/* (뉴스메인) 홈 리스트타입 */
.tit_wrap{position:relative;}
.tit_wrap:after{display:block; content:""; clear:both;}

.list_type1{border-bottom:1px solid #ddd; padding-bottom:25px; }
.list_type1:after{display:block; clear:both; content:"";}
.list_type1 .w_size{width:810px; float:left;}
.list_type1 .w_size > a{display:block}
.list_type1 .w_size .thumb {position:relative; overflow:hidden; width:810px; height:456px;  border:1px solid #ddd;}
.list_type1 .w_size .thumb > img {width:810px; height:456px;}
.list_type1 .w_size a:hover img{transform: scale(1.1);transition:.4s;}
.list_type1 .w_size .thumb .play_icon{background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:44px;height:44px; position: absolute; background-size:44px;  bottom:12px;right:12px;}
.list_type1 .w_size .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height:25px;line-height:25px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.list_type1 .category-name{float:left;}
.list_type1 .date{float:right; color:#929292; font-size:16px; margin-top:3px;}
.list_type1 dt{font-size:26px; padding:7px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_type1 dd{height:47px;font-size:17px; word-break:keep-all; white-space: normal; color:#929292; line-height:1.5;text-align:left;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; margin-bottom:6px;}
.list_type1 ul{float:right; width:530px;}
.list_type1 li{width:100%; border-bottom:1px solid #ddd; padding-bottom:17px; float:left;}
.list_type1 li > a{display:block}
.list_type1 li:last-child{border-bottom:0;}
.list_type1 li .thumb {position:relative; overflow:hidden; width:530px; height:298px;  border:1px solid #ddd;}
.list_type1 li .thumb > img {width:530px; height:298px;}
.list_type1 li a:hover img{transform: scale(1.1);transition:.4s;}
.list_type1 li .thumb .play_icon{background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:40px;height:40px; position: absolute; background-size:40px; bottom:12px; right:12px;}
.list_type1 li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width:56px;height:25px;line-height:25px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.list_type1 li  dt{font-size:20px; padding:12px 0px 5px;}
.list_type1 li  dd{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; height:23px; margin-bottom:10px;}
.list_type1 li strong{font-size:18px; padding:15px 0px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block;}

.list_type2{border-bottom:1px solid #ddd; padding:25px 0 30px 0;}
.list_type2 .tab{width:295px;float:right; margin:5px 0 0 12px;}
.list_type2 .tab li{float:left;/* padding: 0 9px;border-right:1px solid #ddd; */}
.list_type2 .tab li a{color:#929292; font-size:17px; line-height:20px; height:20px; border-right:1px solid #ddd; padding:0 9px}
.list_type2 .tab li:first-child a{border-left: 1px solid #ddd;}
.list_type2 .tab li .on{color:#000; font-weight: bold;}
.list_type2 .w_size{width:450px; float:left;}
.list_type2 .w_size > a{display:block;}
.list_type2 .w_size p{color:#777; padding-top:5px;width:100%; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.list_type2 .w_size .thumb {position:relative; overflow:hidden; width:450px; height:253px;  border:1px solid #ddd;}
.list_type2 .w_size .thumb > img {width:450px; height:253px;}
.list_type2 .w_size a:hover img{transform: scale(1.1);transition:.4s;}
.list_type2 .w_size .thumb .play_icon{background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:40px;height:40px; position: absolute; background-size:40px;  bottom:12px;right:12px;}
.list_type2 .w_size .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height:25px;line-height:25px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.list_type2 ul{float:right; width: 900px;}
.list_type2 li {margin:0px 0px 13px 0px;}
.list_type2 li a{display:inline-block;}
.list_type2 li strong{float:left; font-size:20px;   width: 700px;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.list_type2 li .category-name{float:right; padding-top:3px;}
.list_type2:after{display:block; clear:both; content:"";}

/* 정책이슈(뉴스메인) */
.news_bg{background:#e7edf8; padding:30px 0; overflow:hidden;}
.news_issue{width:1400px; margin:0 auto;}
.news_issue .tit_wrap{margin-bottom:10px;}
.news_issue h3{margin-right:25px;}
.news_issue .tit_wrap .more{width:45px; height:45px; margin-top:2px; float:right;}
.news_issue .keyword{height:50px; overflow:hidden; width:1220px; float:left;}
.news_issue .keyword a{border:1px solid #8aa1cc; border-radius:50px;padding:5px 10px;float:left; color:#6c89bf; margin: 10px 3px 0; font-size:17px;}
.news_issue .keyword a span{margin-left:3px;}
.news_issue .keyword a:hover{background:#dde7f9;}
.news_issue .keyword a.on{background:#3c3c4a; color:#fff; border:1px solid #3c3c4a;}
.news_issue .cols {overflow:hidden; margin-left:-1px; border:0;}
.news_issue .cols > li {float:left; width:320px; border:0;margin-right:40px;}
.news_issue .cols li:last-child{margin-right:0px;}
.news_issue .cols li > a {display:block; }
.news_issue .cols li .thumb {position:relative; overflow:hidden; width:320px;  height:180px;}
.news_issue .cols li .thumb > img {width:320px; height:180px;}
.news_issue .cols li a:hover img{transform: scale(1.1);transition:.4s;}
.news_issue .cols li .thumb .play_icon{ background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:33px;height:33px; position: absolute; background-size:33px;  bottom:12px;right:12px;}
.news_issue .cols li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height: 25px;line-height: 22px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.news_issue .cols .tit {height:70px;padding:14px 5px;font-size:18px; font-weight: bold; border-top:1px solid #ddd;word-break: keep-all;white-space: normal;
line-height: 1.4;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; margin-bottom: 15px;}

/* 프로그램(홈)*/
.program-slide{width:1400px; height:340px;  position:relative; margin:80px 0 40px;overflow:hidden;}
.program-slide .play-btns{position: absolute; bottom:65px;left:320px; z-index: 2;}
.program-slide a{display:block}
.sbj-box {position:absolute;top:45px; left:40px; width:490px; height:250px; padding:15px 16px;}
.sbj-box > .bg {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #36374e; background:#434561; opacity:.85; /*filter:Alpha(opacity=85);}*/}
.sbj-box strong {color:#fff; font-size:26px; font-weight:normal; word-break:keep-all;}
.sbj-box em {font-family:'NotoSans-thin';font-weight: bold;position: absolute; left:0;bottom:95px; color:#bbb; font-size:17px; letter-spacing:-0.6px; word-wrap: break-word; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; overflow: hidden;height:55px;line-height:30px;}
.sbj-box .date {color:#fff; font-size:14px;}
.sbj-box .program-type {position:absolute; top:25px; left:25px; bottom:0; width:439px}
.sbj-box .program-type .date {position:absolute; left:0; bottom:25px;}

.play-btns .btn-stop {position:relative; display:inline-block; width:19px; height:19px; background:url('../../images/web/btn_stop.png') no-repeat; vertical-align:top; top:3px;}
.play-btns .btn-play {position:relative; display:inline-block; width:19px; height:19px; background:url('../../images/web/btn_play.png') no-repeat;vertical-align:top; top:3px;}
.play-btns ul {display:inline-block; margin-left:2px;}
.play-btns ul li {display:block; height:17px;float:left;}
/* .play-btns ul li a { float:left; background:#ddd; width:17px; height:17px; border-radius:11px; margin:0 5px 0 0;}
.play-btns ul li a.on {background:#ff1b4e; width:35px; height:17px; border-radius:11px;} */
.play-btns ul li a {position:relative; display:block; float:left;width:20px; height:20px; margin:0 0 0 0;}
.play-btns ul li a:after{position:absolute; top:50%; left:50%; display:block; content:"";background:#ddd; width:13px; height:13px; border-radius:50%;transform: translate(-50%, -50%);}
.play-btns ul li a.on{position:relative;  width:35px; height:20px; margin:0 5px; }
.play-btns ul li a.on:after{position:absolute; top:50%; left:50%; display:block; content:""; background:#ff1b4e; width:35px; height:13px; border-radius:11px; z-index:3;transform: translate(-50%, -50%);}
.play-btns ul:after{display:block; clear:both; content:"";}
.pro_menu{border-bottom:1px solid #ddd; margin-bottom:40px;}
.pro_menu ul{float:left;}
.pro_menu li{float:left;}
.pro_menu li a{font-size:19px;display: block; height:53px;margin-right:15px;width:90px;text-align: center;color:#929292;padding-top:15px;}
.pro_menu li a:hover{color:#164db5;}
.pro_menu li a.on{border-bottom: 3px solid #164db5;color:#164db5;font-weight: bold;}
.pro_menu .search_wrap{float:right;}
.pro_menu:after{display:block; clear:both; content:"";}

.program_home_wrap{width:1400px; overflow:hidden;}
.program_ing{margin-right:-30px; margin-bottom: 40px;}
.program_ing li{float:left; text-align:center; border:1px solid #ddd; margin:0 30px 30px 0; width:327px;}
.program_ing li > a{display:block;}
.program_ing li em{background:#f5125d; font-size:13px; font-weight:700; display:block; padding:3px 12px 7px; text-align:center; color:#fff; position: absolute;}
.program_ing .thumb{overflow:hidden; height:183px;}
.program_ing .thumb img{width:100%; height:183px;}
.program_ing dl{padding:15px 10px;border-top:1px solid #ddd; min-height:81px;}
.program_ing dt{font-size:18px; line-height:22px;height:20px;white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.program_ing dd{color:#929292; margin-top:4px;}
.program_ing:after{display:block; clear:both; content:"";}

.program_end {overflow:hidden; margin:0 -30px 30px 0;}
.program_end li{float:left; width:327px;  margin:0 30px 30px 0;}
.program_end li a{display:block; text-align:center; border:1px solid #ddd; padding:20px 15px;}
.program_end li a:hover{background:#f5f5f5;}
.program_end li a strong{font-size:18px; width:295px; overflow:hidden; display: block;white-space: nowrap;text-overflow: ellipsis;}
.program_end li a span{color:#164db5; font-weight:bold; margin-right:5px;}
.program_end li a p{color:#929292; font-size:16px; letter-spacing:-0.5px; margin-top:3px;}
.program_end li a:hover strong{color:#1876ea;}
.program_end li a.on{border-bottom:3px solid #164db5;color:#164db5;}

.program_year{overflow:hidden;margin-bottom:35px;}
.program_year .btns{margin-top:13px; overflow:hidden; float:left;}
.program_year .btns a{float:left;display:block; padding:6px 10px; border:1px solid #ddd; font-size:13px;}
.program_year .btns a.on{background:#104190 !important; color:#fff;}
.program_year .btns a:hover{background:#efefef;}
.year_list{background:url(../../images/web/year_bg.png) repeat-x 0px 33px; width:1400px;  float:left;}
.year_list li a{color:#929292; font-weight:bold; display:block; float:left; background:url(../../images/web/year_icon.png) no-repeat center 26px; text-align:center; width:183px; height:50px; margin:0 25px; font-size:16px;}
.year_list a.on{color:#164db5;}

.more_btn{width:300px;margin: 20px auto 80px;border:1px solid #ddd;display: block;text-align:center;padding:10px;font-size: 15px;}
.more_btn:hover{background:#f5f5f5; color:#333;}

/*프로그램이 없습니다. */
.none_file{border:1px solid #ddd; text-align:center ;padding:50px; border-right:0; border-left:0;}

/*온라인 콘텐츠*/
.online_ing{overflow:hidden; margin-right:-12px; margin-bottom: 40px;}
.online_ing li{float:left; text-align:center; border:1px solid #ddd; margin:0 12px 12px 0; width:236px;}
.online_ing  li em{background:#f5125d; font-size:13px; font-weight:700; display:block; padding:3px 12px 7px; text-align:center; color:#fff; position: absolute;}
.online_ing .thumb{overflow:hidden; height:130px;}
.online_ing .thumb img{width:100%; height:130px;}
.online_ing p{padding:18px 0px;border-top:1px solid #ddd;}
.online_ing dl{padding:18px 0px;border-top:1px solid #ddd;}
.online_ing dt{font-size:16px; line-height:22px; width:234px;height:20px;white-space:nowrap; text-overflow: ellipsis;overflow: hidden;text-decoration: none;}

.li_disnone{display:none}
.li_hide {position:absolute;display:block;visibility:hidden;}

/*온라인 콘텐츠 2019.07 */

.online_sns .sns_h3{margin-bottom:20px; color:#000; font-size:30px;}
.online_sns  a.sns_more{display:block; width:1400px; color:#555; background-color:#f8f8f8; border:1px solid #ddd;
text-align:center; margin:30px 0 60px; height:43px; line-height:43px;}
.online_sns  a.sns_more img{vertical-align:-2%; padding-right:5px; }

.sns_menu{overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:40px;}
.sns_menu ul{width:980px;}
.sns_menu li{width:161px; float:left; margin-right:15px; }
.sns_menu li:first-child{width:100px;}
.sns_menu li:last-child{margin-right:0;}
.sns_menu li a{font-size:16px;display: block; height:53px; text-align: center;color:#929292; padding-top:15px;}
.sns_menu li a:hover{color:#164db5;}
.sns_menu li a.on{border-bottom: 3px solid #164db5;color:#164db5;font-weight: bold;}
.sns_menu li a img{vertical-align:-16%; display:inline-block; padding-right:5px; }

.sns_list:after{content:''; display:block; clear:both;}
.sns_list ul{float:left; height:auto; margin-right:26px;}
.sns_list ul:nth-child(event){margin-right:21px;}
.sns_list ul:last-child{margin-right:0;}
.sns_list ul li:first-child{margin-top:0;}
.sns_list ul li{width:330px;  border:1px solid #ddd; padding:10px; position:relative; margin-top:30px;}
.sns_list ul li .thumb{overflow:hidden; width:308px; position:relative; max-height:406px; margin-bottom:15px;}
.sns_list ul li .thumb img{width:100%;}

.sns_list ul li  .time {font-size: 12px;position: absolute; bottom: 0px; left: 0;width: 56px;height: 25px;line-height: 25px; background: url(../../images/common/time_bg.png) repeat; color: #fff; text-align: center;}
.sns_list ul li  .time span{letter-spacing: 1px}

.sns_list ul li .play_icon{background: url(../../images/common/play4.png) no-repeat; text-indent: -999em; display: block; width: 33px; height: 33px;
position: absolute; background-size: 33px; bottom: 10px; right:10px;}
.sns_list ul li .bar{width:20px; display:block; height:2px; background-color:#929292; margin-top:15px;}
.sns_list ul li .sns_date{padding-top:10px; font-size:14px; color:#929292;}
.sns_list ul li .sns_date span{display:inline-block; margin-left:7px; padding-left:10px; background: url(../../images/common/sns_bullet.gif) left center no-repeat;}
.sns_list ul li .sns_tit{font-family: 'NotoSans-Medium'; color:#333; font-size:19px; line-height:24px; height: 28px; margin-bottom:5px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sns_list ul li .text_short{color:#555; font-size:15px; line-height:22px;  word-break: break-all; height: 42px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sns_list ul li .text_long {color:#555; font-size:16px; line-height:27px;  word-break: break-all; /* height: 85px;  */display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sns_list ul li .text_long.noimg{-webkit-line-clamp: 5; }

.sns_list ul li .ico_fb{width:33px; height:33px; position:absolute; right:10px; bottom:10px; background: url(../../images/common/sns_fb.png) no-repeat; }
.sns_list ul li .ico_yt{width:33px; height:33px; position:absolute; right:10px; bottom:10px; background: url(../../images/common/sns_yt.png) no-repeat; }
.sns_list ul li .ico_nb{width:33px; height:33px; position:absolute; right:10px; bottom:10px; background: url(../../images/common/sns_nb.png) no-repeat; }
.sns_list ul li .ico_tw{width:33px; height:33px; position:absolute; right:10px; bottom:10px; background: url(../../images/common/sns_tw.png) no-repeat; }
.sns_list ul li .ico_in{width:33px; height:33px; position:absolute; right:10px; bottom:10px; background: url(../../images/common/sns_in.png) no-repeat; }

.sns_move{margin-bottom:35px;}
.sns_move:after{content:''; display:block; clear:both;}
.sns_move li{float:left; border:1px solid #e3e3e3; height:40px; width:185px; line-height:36px; border-radius:25px; margin-right:15px; }
.sns_move li:hover{border:1px solid #444; }

.sns_move li:last-child{margin-right:0;width:200px; }
.sns_move li a{display:block; padding:0 0 0 0px; text-align:center; color:#747474; /* background: url(../../images/common/sns_arrow.png) right center no-repeat; background-position:60px 0; */}
.sns_move li:hover a{color:#000;}
.sns_move li img{vertical-align:-14%; display:inline-block; padding-right:10px;}
/* .sns_move li:hover{border:1px solid #000; color:#000;width:185px; line-height:36px; border-radius:25px;} */


.sns_error{text-align:center; padding:10px 0 50px 0; display:none}
.sns_error .text{font-size:15px; padding-top:15px;}


/* 영상 list */
.cols {overflow:hidden; margin-left:-1px; border:1px solid #ddd; border-left:none;}
.cols > li {float:left; width:245px; border-left:1px solid #ddd;}
.cols li > a {display:block;}
.cols li .thumb {position:relative; overflow:hidden; width:244px;  height:137px;}
.cols li .thumb > img {width:244px; height:137px;}
.cols li a:hover img{transform: scale(1.1);transition:.4s;}
.cols li .thumb .play_icon{background:url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:33px;height:33px; position: absolute; background-size:33px;  bottom:12px;right:12px;}
.cols li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height: 25px;line-height: 22px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.cols .tit {height: 60px;padding: 20px 10px 0px 20px;font-size: 15px;font-weight: bold; border-top:1px solid #ddd;word-break: keep-all;white-space: normal;line-height: 1.4;text-align: left;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; margin-bottom: 15px;}
.cols .tit strong{height:35px;overflow: hidden;display: block;}
.cols .category-name{margin: 20px;}

.cols_3 {overflow:hidden; margin-right:-32px; margin-top:40px; padding-bottom:30px;}
.cols_3 > li {float:left; border:1px solid #ddd; margin:0 32px 30px 0; padding-bottom:20px;}
.cols_3 li > a {display:block;}
.cols_3 li .thumb {position:relative; overflow:hidden; width:324px; height:182px;}
.cols_3 li .thumb > img {width:100%}
.cols_3 li a:hover img{transform: scale(1.1);transition:.4s;}
.cols_3 li .thumb .play_icon{ background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:33px;height:33px; position: absolute; background-size:33px;  bottom:12px;right:12px;}
.cols_3 li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height: 25px;line-height: 22px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.cols_3 li dl{padding:15px; width:316px; border-top:1px solid #ddd;}
.cols_3 li .tit{font-size:18px; line-height:22px; width:300px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;  padding:15px 0 15px 20px; font-weight: bold;}
.cols_3 li .category-name{float:left; margin-left:20px;}
.cols_3 li .date{float:right; color:#929292; margin:3px 20px 0 0; font-size:16px;}

/* 카테고리 제목*/
.h3_tit {margin-bottom:15px; color:#000; font-size:30px; float:left;}
.h3_tit span{font-family: 'NotoSans-Thin'; letter-spacing:-1px; font-weight: normal;}
.h3_tit a{color:#000; text-decoration:none; font-weight:bold;}
.h3_tit a:hover{color:#000;text-decoration: none;}
.h3_tit2 {margin-bottom:13px; color:#000; font-size:22px; float:left;}
.h3_tit2 span{font-family: 'NotoSans-Thin'; letter-spacing:-1px;}

/*더보기 아이콘 */
.more{display: block; width:28px; height:28px;float: right; margin-top: 10px;}

/* 카테고리 리스트 */
.tab5 {text-align:center;border:1px solid #ddd;margin:15px 0; display:flex;  clear: both;}
.tab5 li {display:table-cell; vertical-align:middle; width:20.5%; border-right:1px solid #ddd; float:left;}
.tab5 li:last-child{border-right:0;}
.tab5 li a {display:inline-block; line-height:19px; color:#999; font-size:15px; word-wrap:break-word; word-break:keep-all;padding:10px 0; width:100%;}
.tab5 li:first-child {background:none;}
.tab5 li a:hover{background:#004fa2; color:#fff; text-decoration:none;}
.tab5 li.link-go a {padding-right:46px; color:#003163; background:url('../../images/common/btn_go.png') no-repeat 100% 10px;}
.tab5 li.link-go a strong {display:inline-block; width:100%;}


.col-list .tab5 li a:hover{background:#f2f7fb; text-decoration:none; color:#999}
.col-list .tab5 li a.on{background:#3a4670; color:#fff;}

.col-list .cols.type2 li dd {height:40px; color:#555; font-size:13px; line-height:20px; overflow:hidden;}

.col-list .cols.type3 {background:url('../../images/web/bg_line_column.gif') repeat-y;}
.col-list .cols.type3 li {border-left-color:transparent;}
.col-list .cols.type3 li dd {height:auto;}
.col-list .cols.type3 .broadcast-list li img {padding-right:10px;}

.col-list .cols.type4 {background:#f8f8f8 url('../../images/web/bg_line_column.gif') repeat-y;}
.col-list .cols.type4 > li {padding-bottom:0; border-left-color:transparent;}
.col-list .cols.type4 > li > a {background:#fff;}
.col-list .cols.type4 li dl {padding:0 15px 23px 19px;}
.col-list .cols.type4 li dt {margin-bottom:13px; padding:0 15px;}

.col-list .cols.type5 {background:url('../../images/web/bg_line_column.gif') repeat-y;}
.col-list .cols.type5 li{padding-bottom:0;}
.col-list .cols.type5 .define-tit {margin-bottom:0;}
.col-list .cols.type5 .define-tit .t-cell {background: none;}

.top-view .view-cont-texttype ul li a:hover, .top-view .view-cont-texttype ul li a:hover dt, .top-view .view-cont-texttype ul li a:hover dd,
.top-view .view-cont-texttype ul li a:active, .top-view .view-cont-texttype ul li a:active dt, .top-view .view-cont-texttype ul li a:active dd,
.top-view .view-cont-texttype ul li a:focus, .top-view .view-cont-texttype ul li a:focus dt, .top-view .view-cont-texttype ul li a:focus dd,
.col-list .cols li > a:hover, .col-list .cols li > a:hover dt, .col-list .cols li > a:hover dd,
.col-list .cols li > a:active, .col-list .cols li > a:active dt, .col-list .cols li > a:active dd,
.col-list .cols li > a:focus, .col-list .cols li > a:focus dt, .col-list .cols li > a:focus dd,
.img-list12 > a, .img-list12 > a:hover dt, .img-list12 > a:hover dd,
.img-list13 > a, .img-list13 > a:hover p, .img-list13 > a:hover .slide-sbj,
.img-list14 > a, .img-list14 > a:hover dt, .img-list14 > a:hover dd,
.running-order .list-slide li a:hover p {color:#1876ea !important; text-decoration:none !important;}

/* slide 공통 */
.list-slide {position:relative;}
.list-slide .slide-wrap {position:relative; overflow:hidden;}
.list-slide .slide-wrap > ul {position:absolute;}
.list-slide .slide-wrap > ul > li {float:left; }

.list-slide.list-slide01 {padding:20px 0 0 35px;}
.list-slide.list-slide01 h3 {margin-bottom:17px; color:#fff; font-size:22px;}
.list-slide.list-slide01 .slide-wrap {width:420px; height:330px;}
.list-slide.list-slide01 .slide-wrap > ul > li {width:200px; margin-right:20px; height:330px;}
.list-slide.list-slide01 .slide-wrap > ul > li .thumb {display:block; position:relative; height:111px; margin-bottom:20px;}
.list-slide.list-slide01 .slide-wrap > ul > li .thumb > img {width:200px; height:113px;}
.list-slide.list-slide01 .slide-wrap > ul > li .thumb .line {position:absolute; top:0; left:0; width:198px; height:111px; border:1px solid #000; opacity:.2; filter:Alpha(opacity=20);}
.list-slide.list-slide01 .slide-wrap > ul > li .thumb .icon-newsname {position:absolute; top:0; left:0;}
.list-slide.list-slide01 .slide-wrap > ul > li .issue-name {margin-bottom:23px; padding-bottom:23px; background:url('../../images/common/line_w22px.gif') no-repeat left bottom;}
.list-slide.list-slide01 .slide-wrap > ul > li .issue-name a {display:block; color:#fff;}
.list-slide.list-slide01 .slide-wrap > ul > li .issue-name strong {display:block; margin-bottom:7px; font-size:19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.list-slide.list-slide01 .slide-wrap > ul > li .issue-name p {font-size:13px; line-height:18px;}
.list-slide.list-slide01 .slide-wrap > ul > li .issue-name a:hover {text-decoration:none;}
.list-slide.list-slide01 .slide-wrap > ul > li .issue-name a:hover p {text-decoration:underline;}
.list-slide.list-slide01 .slide-wrap  > ul > li .bul-squ-black {width:200px;}
.list-slide.list-slide01 .slide-wrap > ul > li .bul-squ-black li a {color:#151d33; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.list-slide.list-slide01 .slide-paging01 {top:20px;}

.list-slide.list-slide02 .slide-wrap {width:412px; height:307px;}
.list-slide.list-slide02 .slide-wrap > ul > li {width:200px; margin-right:20px;}

.list-slide.list-slide03 .slide-wrap {width:424px; height:150px;}
.list-slide.list-slide03 .slide-wrap > ul > li {width:200px; margin-left:24px;}
.list-slide.list-slide03 .slide-wrap > ul > li:first-child {margin-left:0px;}
.list-slide.list-slide03 .slide-paging01 {top:0; right:33px;}

.list-slide.list-slide04 .slide-wrap {width:424px; height:144px;}
.list-slide.list-slide04 .slide-wrap > ul > li {width:424px;}
.list-slide.list-slide04 .img-list09 {margin:0; padding:0;}
.list-slide.list-slide04 .img-list09 .thumb {margin:0; padding:0;}
.list-slide.list-slide04 .slide-paging01 {top:0; right:33px;}

.list-slide.list-slide05 .slide-wrap {width:230px; height:340px;}
.list-slide.list-slide05 .slide-wrap > ul > li {width:230px;}
.list-slide.list-slide05 .slide-paging01 {top:0; right:0;}

.list-slide.list-slide06 {position:relative; margin:-10px 0 10px;}
.list-slide.list-slide06 .slide-wrap {width:640px; height:50px; margin:0 auto;}
.list-slide.list-slide06 .slide-wrap > ul > li {width:160px;}
.list-slide.list-slide06 .slide-wrap > ul > li a {display:table; width:100%; height:50px; color:#777; font-size:15px; text-align:center; word-break:keep-all; background:url('../../images/web/line_h29px.gif') no-repeat left center; text-decoration:none;}
.list-slide.list-slide06 .slide-wrap > ul > li a > span {display:table-cell; height:50px; padding:0 3px; vertical-align:middle;}
.list-slide.list-slide06 .slide-wrap > ul > li a > span span {display:inline-block; padding:8px 0;}
.list-slide.list-slide06 .slide-wrap > ul > li a:hover span span,
.list-slide.list-slide06 .slide-wrap > ul > li a.on span span {background:url('../../images/common/ioc_more02.png') no-repeat center top; color:#000;}
.list-slide.list-slide06 .slide-wrap > ul > li:first-child a {background:none;}
.list-slide.list-slide06 button {position:absolute; top:0; width:31px; height:50px;}
.list-slide.list-slide06 .btn-issue-prev {left:0; background:#fff url('../../images/web/btn_prev07.png') no-repeat left center;}
.list-slide.list-slide06 .btn-issue-next {right:0; background:#fff url('../../images/web/btn_next07.png') no-repeat right center;}

.list-slide.list-slide07 {position:relative; margin-bottom:35px;}
.list-slide.list-slide07 h3 {margin-bottom:14px; color:#000; font-size:16px;}
.list-slide.list-slide07 .slide-wrap {width:700px; height:193px;}
.list-slide.list-slide07 .slide-wrap > ul {border:1px solid #cecece; border-right:none; background:url('../../images/web/bg_line.gif')}
.list-slide.list-slide07 .slide-wrap > ul > li {width:233px; padding-bottom:7px;}
.list-slide.list-slide07 .slide-wrap > ul > li a {display:block; text-decoration:none;}
.list-slide.list-slide07 .slide-wrap > ul > li .thumb {display:block; position:relative; height:131px;}
.list-slide.list-slide07 .slide-wrap > ul > li .thumb > img {width:232px; height:131px;}
.list-slide.list-slide07 .slide-wrap > ul > li .slide-sbj {max-height:40px; overflow:hidden; padding:13px 15px 0; line-height:20px;}
.list-slide.list-slide07 .slide-wrap > ul > li .slide-sbj.singleline {max-height:20px; text-align:center;}
.list-slide.list-slide07 .slide-paging01 {top:0; right:0;}

/*--- KKTV 메인 ---*/
.btn-close-white {background:url('../../images/common/btn_close04.png') no-repeat center center;}
/* 속보레이어 */
.lay-flash-news {position:absolute; top:0; left:0; width:980px; z-index:100; text-align:center; color:#fff;}
.lay-flash-news strong {display:block; font-weight:normal; font-size:26px;}
.lay-flash-news .btn-close-white {position:absolute; top:0; right:0;  width:38px; height:38px; background-color:#000;}

.lay-flash-news.sty01 {height:464px; background:url('../../images/web/bg_flash_news.jpg') no-repeat;}
.lay-flash-news.sty01 .logo {padding:136px 0 40px;}
.lay-flash-news.sty01 strong {margin-bottom:10px;}
.lay-flash-news.sty01 p {font-size:36px;}
.lay-flash-news.sty02 {top:488px; padding-bottom:40px; background:#6d64e6}
.lay-flash-news.sty02 .logo {padding:12px 0 0 22px;}
.lay-flash-news.sty02 strong {margin-bottom:7px; font-weight:400;}
.lay-flash-news.sty02 p {font-size:29px;}

/* 메인-편성표 */
.ktv_now {position:relative; margin:43px 0; border:1px solid #e6e6e6; overflow:hidden; height:65px; border-right:0;}
.ktv_now img{width:120px; height:65px; display:block;float: left;}
.ktv_now .tit{float:left; padding:18px;}
.ktv_now .on_air{font-size:16px; color:#ff2134; float: left;}
.ktv_now .time{float:left; border:1px solid #ddd; border-radius:50px; padding:4px 10px; width:110px; text-align:center; margin:0 10px;}
.ktv_now h3{font-size:16px; float:left; width:330px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ktv_now .now_btn{float:right; padding:18px;}
.ktv_now .now_btn a{border:2px solid #ddd; border-radius:50px; padding:4px 15px; text-align:center; display:inline-block;}
.ktv_now .now_btn a:hover{background:#585d71; color:#fff; border:2px solid #585d71;}
.ktv_now .now_btn .on{color:#ff2134; }
.ktv_now .now_btn .off{color:#b5b5b5;}

/* 메인-공통 */
.main_wrap_box{padding-bottom:35px; border-bottom:1px solid #ddd; margin-bottom:30px;overflow:hidden;}
.main_box{width:306px;overflow:hidden;float:left; margin-right:30px;}
.main_wrap_box .main_box:last-child{margin-right:0px;}

/* 메인-최신뉴스 */
.btn_page{float:right; margin-top:12px;}
.btn_page p{float:left; margin:2px 5px; color:#999;}
.btn_page p strong{color:#333;}
.btn_page .btn{float:left;}
.btn_page .btn button {width:26px;height:26px; border:1px solid #ddd; float: left;}
.btn_page .btn .prev{background:url(../../images/web/btn_prev07.png) #FFF no-repeat center; margin-right:-1px;}
.btn_page .btn .next{background:url(../../images/web/btn_next07.png) #FFF no-repeat center;}

.main_box1 .slide_group{}
.main_box1 h3{float:left;}
.main_box1 li{width:306px; border-bottom:1px solid #ddd; padding:5.5px 0; overflow:hidden; font-size:15px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.main_box1 li:first-child{padding-top:0}
.main_box1 li:last-child{border-bottom:0;}
.main_box1 li .thumb {position:relative; overflow:hidden; width:306px; height:172px; border:1px solid #ddd;}
.main_box1 li .thumb > img {width:306px; height:172px;}
.main_box1 li a:hover img{transform: scale(1.1);transition:.4s;}
.main_box1 li .thumb .play_icon{background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:40px;height:40px; position: absolute; background-size:40px; bottom:12px; right:12px;}
.main_box1 li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width:56px;height:25px;line-height:25px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.main_box1 li .tit{padding-top:10px; text-overflow:ellipsis; word-break: keep-all; line-height:1.4;word-wrap: break-word; display:block; overflow:hidden;}

/* 메인-인기뉴스*/

.popular_news{clear:both;}
.popular_news strong{color:#0069ef; letter-spacing:-1px; margin-right:4px;width:18px; text-align: center;display: inline-block; font-size:18px; float:left;}
.popular_news li a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; font-size:15px; float:left;  width:278px; line-height:27px;}
.popular_news li a:hover strong{color:#0069ef;}
.popular_news li{padding:3.5px 3px; overflow: hidden;}
.popular_news li .thumb {position:relative; overflow:hidden; width:306px; height:172px; border:1px solid #ddd;}
.popular_news li .thumb > img {width:100%;}
.popular_news li a:hover img{transform: scale(1.1);transition:.4s;}
.popular_news li .thumb .play_icon{background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:40px;height:40px; position: absolute; background-size:40px; bottom:12px; right:12px;}
.popular_news li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width:56px;height:25px;line-height:25px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.popular_news .first{padding:0;}
.popular_news .first a{width:306px}
.popular_news .first p{padding:8px 3px 3.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* 메인-인기프로그램*/

.popular_program{clear:both;}
.popular_program strong{color:#0069ef; letter-spacing:-1px; margin-right:4px;width:18px; text-align: center;display: inline-block; font-size:18px; float:left;}
.popular_program li a:hover strong{color:#0069ef;}
.popular_program li{overflow: hidden; padding-bottom:22px;}
.popular_program li:last-child{padding-bottom:0;}
.popular_program li .thumb {position:relative; float:left; overflow:hidden; width:123px; height:68px; border:1px solid #ddd;}
.popular_program li .thumb > img {width:123px; height:68px;}
.popular_program li .thumb .ranking{color:#fff; background-color:#0069ef; width:19px; height:19px;
 position:absolute; left:0; top:0; text-align:center; font-size:12px;}
.popular_program li a:hover img{transform: scale(1.1);transition:.4s;}
.popular_program li .text{width:170px; height:68px; float:left; padding-left:10px;}
.popular_program li .title{font-size:15px; display:inline-block; height: 40px; margin-bottom:5px; word-break: keep-all; white-space: normal; line-height: 1.4; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}


/* 메인-정책이슈 */
.main_issu{background:#536278; padding-bottom:15px;}
.main_issu .first .thumb{width:306px; height:172px; position:relative; overflow:hidden;}
.main_issu .first img{width:100%;}
.main_issu a:hover img{transform: scale(1.1);transition:.4s;}
.main_issu .first .bg{background:url('../../images/common/issu_bg.png') repeat-x; width:100%; height: 72px;display: block;position: absolute;bottom: 0; }
.main_issu .tit_issu{overflow:hidden; color:#fff; padding:0px 0px 10px; display: block;font-size:18px;background: url(../../images/common/issu_link.png) no-repeat 235px 10px;background-size:18px;border-bottom: 1px solid #fff;width: 254px;margin: 0 auto 10px;}
.main_issu .tit_issu span{float:left;}
.main_issu .tit_issu strong{width:190px; float:left; display:block; white-space: nowrap;overflow: hidden;text-overflow:ellipsis; margin-left:3px;}
.main_issu .tit_issu em{float:right; margin:5px 27px 0 0; font-size:12px;color: #e2e2e2;}
.main_issu li a{color:#d8e8ff; padding:3px 25px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../../images/common/issu_link.png) no-repeat 260px 5px; background-size:18px;}
.main_issu li a:hover{font-weight:bold;}
.main_issu li a span{float:left;}
.main_issu li a .title{margin-left:4px; width:190px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_issu li a em{float:right; margin-right:27px; font-size:12px;color: #e2e2e2;}

.main_issu2{background:#536278; padding-bottom:15px;}
.main_issu2 .first .thumb{width:306px; height:172px; position:relative; overflow:hidden;}
.main_issu2 .first img{width:100%;}
.main_issu2 a:hover img{transform: scale(1.1);transition:.4s;}
.main_issu2 .first .bg{background:url('../../images/common/issu_bg.png') repeat-x; width:100%; height: 72px;display: block;position: absolute;bottom: 0; }
.main_issu2 li a{color:#d8e8ff; padding:3px 25px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: url(../../images/common/issu_link.png) no-repeat 260px 5px; background-size:18px;}
.main_issu2 li a:hover, .main_issu2 li a.on{font-weight:bold;color:#fff; padding:7px 0px 3px; display: block;font-size:18px;background: url(../../images/common/issu_link.png) no-repeat 235px 14px;background-size:18px;border-bottom: 1px solid #fff;width: 254px;margin: 0 auto 10px;}
.main_issu2 li a:hover em, .main_issu2 li a.on em{padding-top:3px;}
.main_issu2 li a span{float:left;}
.main_issu2 li a .title{margin-left:4px; width:190px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_issu2 li a em{float:right; margin-right:27px; font-size:12px;color: #e2e2e2;}
.main_issu.issu2{background:#4173b2; padding-bottom:0px;}
.main_issu .first .bg1{background:url('../../images/common/issu_bg1.jpg') repeat-x; width:100%; height: 14px;display: block;position: absolute;bottom: 0; }
.main_issu .issu_con{background:url('../../images/common/issu_bg2.jpg') repeat-x center bottom; width:100%; height: 167px;display: block;}
.main_issu .issu_con li a{display:block;padding:0 14px;color:#fff;height:37px;line-height:37px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; font-size:15px;background: url(../../images/common/issu_link.png) no-repeat 270px 10px; background-size:20px;}
.main_issu .issu_con li .title2{width:216px;padding-left:15px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_issu .issu_con li .title2:hover, .main_issu .issu_con li .title2.on{width:216px; padding-left:10px;height:37px;line-height:32px;font-weight:bold;color:#fff;background:#104da8;font-size:16px;border:2px solid #fff; border-radius:50px; box-sizing:border-box;}
.main_issu .issu_con li a em{float:right; margin-right:27px; font-size:12px;color: #fff}
/* 메인-베너 */
.main_banner{margin-top:30px; height:369px; overflow:hidden;}
.main_banner .text{background:#2d324e;color: #fff;padding: 13px 20px;}
.main_banner .text strong{margin-right:4px;}
.main_banner .play-btns{margin-bottom:10px; overflow:hidden; float:right;}
.main_banner .owl-stage-outer{clear:both;}
.main_banner .owl-carousel{position:static;}
.main_banner .owl-carousel .owl-item img{height:294px;overflow:hidden;}

/*메인-문워크 */
.moon_wrap{background: url(../../images/web/moon_bg.png) no-repeat; padding:70px 35px 0px; width:980px; height:250px; margin-bottom:50px;}
.moon_wrap ul{overflow:hidden;}
.moon_wrap li {float:left; margin-right:10px; width:237px;}
.moon_wrap li .thumb {position:relative; overflow:hidden; width:237px; height:133px;}
.moon_wrap li .thumb > img {width:100%;}
.moon_wrap li a:hover img{transform: scale(1.1);transition:.4s;}
.moon_wrap li .thumb .play_icon{background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:33px;height:33px; position: absolute; background-size:33px; bottom:12px; right:12px;}
.moon_wrap li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width:56px;height:25px;line-height:25px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.moon_wrap li p{color:#fff;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*메인-게시판 */
.notice_box h3{font-size:18px; float:left; color:#fff;}
.notice_box .tit_wrap{padding:12px 20px;}
.notice_box .tit_wrap .more{margin-top:0;}
.notice_box ul{border:1px solid #ddd; border-top:0;}
.notice_box li{border-bottom: 1px solid #ddd;padding:12px;}
.notice_box li:last-child{border-bottom:0;}
.notice_box li  a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.notice_box li strong{margin-right:12px;}

.color_n1 .tit_wrap{background:#2451B2;}
.color_n1  li strong{color:#7197e2;}
.color_n2 .tit_wrap{background:#45568F;}
.color_n2  li strong{color:#5c6fb1;}
.color_n3 .tit_wrap{background:#323D62;}
.color_n3  li strong{color:#3a4670;}

/* 뉴스 메인 정책이슈 */
.box_issue_main{overflow: hidden;border: 1px solid #cecece;border-top: 0;  padding: 30px 0 0px 30px;}
.box_issue_main .corner-list li {margin-right: 39px; height:170px;}

/*--- 정책이슈 ---*/
.policy-issue .title-sty01-h2 .cont-info-sty01 img {width:700px; height:184px;}

.pr-slide {margin-top:50px;}
.pr-slide:after {content:''; display:block; clear:both;}
.pr-slide .tab-box {float:left; width:50%;}
.pr-slide .tab-box .box-col5 {height:325px;}
.nation_life {float:left; width:490px; height:411px; overflow:hidden; background:#7d99df url('../../images/web/bg_patt_arr.png');}
.nation_life .slide-wrap ul{position:absolute; width:450px;}
.nation_life .slide-wrap ul li ul li{width:200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.nation_life .slide-wrap ul li ul li a{width:200px;}

/* 뉴스 상단 분류 검색영역 */
.news_search{border:1px solid #e3e3e3; background:#f9f9f9; padding:15px 20px 18px; margin-bottom:35px;}
.news_search .form-group{overflow:hidden; padding:6px 0;}
.news_search .group-right{float:left;}
.news_search .form-group .control-label{float:left; text-align:left;width:72px; min-width:90px; color:#333; font-size:16px; font-weight:bold; background: url(../../images/web/btn_next07.png) no-repeat 65px; background-size:6px;margin-top:3px;}

.date_btns{float:left; background:#fff; border-radius:5px; border:1px solid #ddd; margin-right:10px;}
.date_btns a{display:block; float:left; height:30px; color:#777; font-size:15px; text-align:center; border-right:1px solid #ddd; padding:0 20px;}
.date_btns a:last-child{border-right:0;}
.date_btns a .inside {display:inline-block; height:30px; line-height:30px;}
.date_btns a:hover {color:#777; background:#f3f3f3;}
.date_btns a.on {color:#fff; background:#333;}
.date_btns a:first-child{border-radius:5px 0 0 5px;}
.date_btns a:last-child{border-radius:0 5px 5px 0;}

.group-right label {margin-right:15px; font-size:16px;}
.group-right input[type="checkbox"] {display:none;}
.group-right input[type="checkbox"] + label span {display:inline-block;width:20px; height:20px;margin-right:5px;vertical-align:middle;background: #fff;cursor: pointer; border: 1px solid #ddd; margin-top:-3px;}
.group-right input[type="checkbox"]:checked + label span {background:url('../../images/common/check.jpg') no-repeat center;}

.public_list{background:#fff; border: 1px solid #ddd; height:125px; overflow-y: scroll; padding:10px 0 10px 15px; margin-top:7px;}
.public_list li{float:left; font-size:16px; width:25%; padding:5px 10px 5px 0; letter-spacing:-0.5px;}
.public_list li .active{font-weight:bold; color:#1876ea;}
.public_list li .active img{margin:3px;}

.search_result{background:url('../../images/common/hd_search.png') no-repeat left; padding-left:25px; background-size:18px; font-size:18px;}
.search_result strong{color:#1876ea;}

.search_result2{position:relative; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:15px 0; text-align:center;font-size:16px;}
.search_result2:before{display:block; position:relative; content:""; background:url('../../images/common/icon_sense.png') no-repeat 50% 50%; width:100%; height:48px; margin-bottom:5px; background-size:50px 48px;}

/* 메인슬라이드배너 */
.slide-ad {position:relative; margin:15px 0 60px;}
.slide-ad ul {overflow:hidden; width: 900px; height: 96px; margin-left: 30px;}
.slide-ad li {float:left; padding:0px 3px;}
.slide-ad li:first-child {padding-left:0;}
.slide-ad li img {width:219px; height:96px;}
.slide-ad button {position:absolute; top:0; width:25px; height:96px;}
.slide-ad .btn-prev {left:0; background:url('../../images/web/btn_prev07.png') #FFF no-repeat 2px 43px; z-index:2;}
.slide-ad .btn-next {right:0; background:url('../../images/web/btn_next07.png') #FFF no-repeat 9px 43px; z-index:2;}
.slide-ad .btn-stop {width: 30px; right: 20px; background:url('../../images/web/btn_stop07.png') #FFF no-repeat 10px 43px; z-index:2;}

.n_search_form{overflow:hidden; margin-top:10px;}
.n_search_form input{width:905px; height:35px;border:1px solid #ddd; padding:0 10px; color:#777; float:left;}

/* 팟캐스트 */
.podcast-tab .tab-cont {height:260px; padding:25px}
.podcast-tab-01 .tab-cont {height:255px; padding:30px 0 0 34px; border:1px solid #cecece; border-top:none; border-right:none;}
.podcast-tab-01 .tab-cont .img-list14 {overflow:hidden; margin-bottom:23px;}
.podcast-tab-01 .tab-cont .img-list14 > a {display:block; overflow:hidden;}
.podcast-tab-01 .tab-cont .img-list14 .thumb {float:left; margin:0 20px 0 0;}
.podcast-tab-01 .tab-cont .img-list14 .thumb img {width:200px; height:113px;}
.podcast-tab-01 .tab-cont .img-list14 .slide-sbj {clear:none; float:left; width:210px;}
.podcast-tab-01 .tab-cont .img-list14 .slide-sbj dt {margin-bottom:10px; padding-top:5px; color:#5d7899; font-size:13px; font-weight:bold;}
.podcast-tab-01 .tab-cont .img-list14 .slide-sbj dt a {color:#5d7899; font-size:13px; font-weight:bold;}
.podcast-tab-01 .tab-cont .img-list14 .slide-sbj dd {color:#222; font-size:18px; line-height:22px;}
.podcast-tab-01 .tab-cont .img-list14 .slide-sbj dd a {color:#222; font-size:18px; line-height:22px; text-decoration:none;}
.podcast-tab-01 .tab-cont .txt-list li {margin:0 20px 12px 0; padding-left:10px; background:url('../../images/common/bullet_2px.gif') no-repeat 0 6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.podcast-tab-01 .tab-cont .txt-list li a {color:#222;}
.podcast-tab-01 .tab-cont .txt-list li a em {color:#5d7899;}

.podcast-tab-01 .cont_box{height:324px;padding:20px 30px 0;border: 1px solid #cecece;border-right: 0;box-sizing: border-box;}
.podcast-tab-01 .cont_box h3{margin-bottom: 15px;color: #000;font-size: 22px;}

/* 유투브 인터넷라디오 */
.radio-youtube {width:100%; overflow:hidden; margin:40px 0;}
.radio-youtube .channel-list {float:left; width:683px; height:284px; padding:20px 0 0 35px; border:1px solid #cecece;}
.channel-list h3 {margin-bottom:15px; color:#000; font-size:13px;}
.channel-list h3 .icon {margin-right:10px;}
.channel-list ul {overflow:hidden;}
.channel-list li {float:left; width:190px; padding-left:39px;}
.channel-list li:first-child {padding-left:0;}
.channel-list li .img-list14 a .thumb {margin:0 0 15px;}
.channel-list li .img-list14 a .slide-sbj dt {height:35px; overflow:hidden; color:#222; font-size:13px; line-height:19px; margin-bottom:15px;}
.channel-list li .img-list14 a .slide-sbj dd {height:35px; overflow:hidden; color:#777; font-size:13px; margin-bottom:10px;}
.channel-list li .img-list14 a .slide-sbj dd.date {height:20px; overflow:visible; margin:0;}
.radio-youtube .listening-comment {position:relative; float:left; width:220px; height:281px; padding:25px 20px 0; background:#f0f5fe;}
.listening-comment h3 {height:40px; color:#000; font-size:13px;}
.listening-comment .list-slide {width:221px; height:198px; overflow:hidden;}
.listening-comment .list-slide .slide-wrap { height:198px; overflow:visible;}
.listening-comment .list-slide .slide-wrap .slide-pannel {width:221px; float:left;}
.listening-comment .list-slide .slide-pannel li {margin-bottom:18px; font-size:13px;}
.listening-comment .list-slide .slide-pannel li a {text-decoration:none;}
.listening-comment .list-slide .slide-pannel li a p {color:#555; line-height:19px;}
.listening-comment .list-slide .slide-pannel li a p em {color:#1876ea;}
.listening-comment .list-slide .slide-pannel li a span {color:#000; font-size:12px;}
.listening-comment .slide-paging01 {top:20px; right:20px;}

/* 프로그램 조회 */
.search-program {position:relative; margin-bottom:38px; padding:15px 0 5px 130px; background:url('../../images/web/bg_radio_program.gif') no-repeat;}
.search-program p {margin-bottom:20px; color:#000; font-size:19px; font-weight:bold;}
.search-program > ul {position:absolute; top:5px; left:130px; background:url('../../images/common/line_h36px.gif') no-repeat 100% 5px;}
.search-program > ul > li {float:left; height:30px; background:url('../../images/common/line_h36px.gif') no-repeat 0 5px;}
.search-program > ul > li a {display:block; float:left; width:95px; height:20px; padding-top:10px; color:#777; font-size:15px; text-align:center; text-decoration:none;}
.search-program > ul > li a.on,
.search-program > ul > li a:hover,
.search-program > ul > li a:active,
.search-program > ul > li a:focus {background:url('../../images/common/ioc_more02.png') no-repeat center top; color:#000; font-weight:bold;}
.search-program form {height:40px;}
.search-program .jsSelect {float:left; margin-right:4px;}
.search-program input {float:left;}
.search-program input.intxt {width:410px; border-right:none;}

/*--- 소셜 미디어 ---*/
.top-view .view-cont-imgtype {width:618px; height:348px; border-right:none;}
.top-view .view-cont-imgtype .thumb img {width:618px; height:348px;}
.col-list.sns-list h3 {margin-bottom:5px; text-indent:-10px;}
.col-list.sns-list h3 .icon-sns {margin-right:19px; vertical-align:-3px}
.sns-list .sns-link {margin-bottom:15px; text-align:center;}
.sns-list .sns-link a {color:#555; font-size:13px; text-decoration:none;}
.sns-list.blog h3 {text-align:left; background:url('../../images/common/bg_C_title05.png') no-repeat 100% 12px; text-indent:0;}
.sns-list.blog .sns-link {text-align:left; text-indent:52px;}
.sns-list.twitter h3 {text-align:left; background:none; text-indent:0;}
.sns-list.twitter .sns-link {text-align:left; text-indent:52px;}

.sns_live{border:1px solid #cecece; width:305px; float:left; height:303px; overflow: hidden; margin-bottom: 0px !important}
.sns_live h3{border-bottom:1px solid #cecece; height:35px; font-size: 20px; border-top: 3px solid #043764; padding:15px 0 0 60px; text-align: left;background:url('../../images/web/sns_live.png') 20px 9px no-repeat;}
.sns_live ul{background:#f1f1f1;}

.sns_live{overflow:hidden;}
.sns_live ul {padding:5px 14px; overflow-y: scroll; height:240px;}
.sns_live li {position:relative; min-height:50px; padding:20px 0 20px 62px ; border-top:1px dashed #e2e2e2;}
.sns_live li .thumb {position:absolute; top:15px; left:0;}
.sns_live li .thumb img {width:48px; height:48px; border-radius:6px;}
.sns_live li .user {margin-bottom:7px; color:#6b6b6b; font-size:12px;}
.sns_live li .user strong {color:#000; font-size:13px; font-weight:bold; padding-right:5px; background: url(../../images/web/sns_all.png) no-repeat; padding:3px 5px 0 24px !important; height: 55px;}
.sns_live li p {color:#2a2b2c; font-size:13px; line-height:18px;}
.sns_live li .link {padding-top:5px; color:#adadad; line-height:18px;}
.sns_live li .link dt {margin-bottom:5px;}
.sns_live li .link dt a {color:#5d7899; font-size:12px}
.sns_live li .link dd a {color:#adadad; font-size:12px;}
.sns_live li:first-child {padding-top:10px; border:none;}
.sns_live li:first-child .thumb {top:5px;}

#social_top_slide{display: inline-block;}
.social_top{position: relative; background:url('../../images/web/social_bg.png') no-repeat; height:360px; padding:0 38px;}
.social_top h3{font-size:20px; padding:22px 0 16px; color:#385b9f; float:left;}
.social_top .plus{float:right;  margin-top:23px; display:block;}
.social_top ul{clear: both;}
.social_top li{width:295px; float: left; margin: 0 3px; overflow:hidden;line-height:1.5;}
.social_top li img{width:100%; height: auto;}
.social_top p{background: #fff; font-size:15px; padding:18px; height:45px;}
.social_top strong {word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; height:40px; display:block;}
.social_top .slide .s_prev{display: block;top: 170px;left: 12px;position: absolute;}
.social_top .slide .s_next{display: block;top: 170px;right: 12px;position: absolute;}

.control_shape{position: absolute; left:48%; bottom:15px;}
.control_shape a{width:10px; height:10px; background:#fff; border-radius:50px; display: inline-block; margin-right: 7px; overflow:hidden; line-height: 99;}
.control_shape a.active{background: #385b9f;}

.sns_high{display:inline-block; overflow:hidden; height:247px;}

.ktv-comment {margin-top:40px; border:1px solid #cecece; overflow:hidden;}
.ktv-comment .viewer-comm {float:left; width:489px;}
.ktv-comment .viewer-comm h3 {color:#000; font-size:22px; padding:28px 0 23px 38px;}
.ktv-comment .viewer-comm > ul {overflow:hidden; margin:0 0 20px 38px;}
.ktv-comment .viewer-comm > ul > li {float:left; width:190px; margin-right:33px;}
.ktv-comment .viewer-comm .img-list14 .slide-sbj dt {margin:0; height:55px; color:#5d7899; font-size:18px;}
.ktv-comment .viewer-comm .img-list14 .slide-sbj dd {color:#555; font-weight:400;}
.ktv-comment .comm-more {padding:20px 36px 0; border-top:1px dashed #d7d7d7;}
.ktv-comment .comm-more li {margin-bottom:7px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ktv-comment .comm-more li a {color:#555;}
.ktv-comment .live-comm {float:left; width:488px; height:427px; border-left:1px solid #cecece; overflow-y:auto; overflow-x:hidden;}
.bann-onair {clear:both; margin:45px 0 0 87px; overflow:hidden;}
.bann-onair li {float:left;}
.bann-onair li a {display:inline-block; height:45px; padding:25px 0 0 90px; background-repeat:no-repeat; color:#000; text-decoration:none; font-weight:700; font-size:19px;}
.bann-onair li.tv-on, .bann-onair li.radio-on {background:url('../../images/web/bg_diagonal_line.png') no-repeat 216px 11px;}
.bann-onair li.tv-on {width:262px; margin-right:41px;}
.bann-onair li.radio-on {width:287px; margin-right:54px;}
.bann-onair li.tv-on a {background-image:url('../../images/web/icon_tv_onair.png');}
.bann-onair li.radio-on a {background-image:url('../../images/web/icon_radio_onair.png');}
.bann-onair li.pod-on a {background-image:url('../../images/web/icon_podcast.png');}

.bann-onair-01 {clear:both; margin:50px 0 0 5px; overflow:hidden;}
.bann-onair-01 li {float:left; margin-right:15px;}
.bann-onair-01 li a {display:block; width:205px; height:80px; padding:0 15px 0 90px; background-repeat:no-repeat; color:#555555; text-decoration:none; font-size:14px;}
.bann-onair-01 li strong {display:block; margin-bottom:5px; font-size:19px; font-weight:bold; line-height:22px; color:#000000;}
.bann-onair-01 li.offer-on a {background-image:url('../../images/web/icon_offer_onair.png');}
.bann-onair-01 li.request-on a {background-image:url('../../images/web/icon_request_onair.png');}
.bann-onair-01 li.report-on a {background-image:url('../../images/web/icon_report_onair.png');}

.special-program {float:left; width:427px; height:389px; padding:20px 32px 0 29px; border:1px solid #cecece;}
.special-program h3 {margin-bottom:15px; color:#000; font-size:22px;}
.special-program .img-list12 {float:left; width:190px;}
.special-program .img-list12 .thumb {margin-bottom:20px;}
.special-program .img-list12 .slide-sbj {padding:0;}
.special-program .img-list12 .slide-sbj dl {padding:0; background:none;}
.special-program .img-list12 .slide-sbj dt {margin-bottom:13px;}
.special-program .img-list12 .slide-sbj dd {color:#555;}
.special-program .img-list12 .catgy-title {margin-top:10px; padding:0; color:#555; font-size:12px;}

.special-program .special-program-list {float:right; width:208px;}
.special-program .special-program-list li {margin-bottom:13px; padding-bottom:10px; border-bottom:1px dashed #d2d7e1;}
.special-program .special-program-list li > a {color:#555; font-size:13px; line-height:20px;}
.special-program .special-program-list li .date {display:block; margin-top:3px; color:#88b7ed; font-size:12px;}
.special-program .special-program-list li .category-name {display:block; margin-top:3px;}
.special-program .special-program-list li .category-name a {color:#5d7899;}

.ktv-get-program {height:409px; border:1px solid #cecece; border-left:none;}
.ktv-get-program h3 {float:left; padding:28px 0 20px 33px; color:#000; font-size:18px;}
.ktv-get-program .col-layout {padding-left:39px;}
.ktv-get-program .img-list12 {float:left; width:190px; margin-right:32px;}
.ktv-get-program .img-list12 .slide-sbj {padding:0;}
.ktv-get-program .img-list12 .slide-sbj dl {padding:0; background:none;}
.ktv-get-program .img-list12 .slide-sbj dt {height:45px; overflow:hidden; margin-bottom:15px;}
.ktv-get-program .img-list12 .slide-sbj dd {height:95px; color:#6c6c6c; overflow:hidden;}
.ktv-get-program .img-list12 .catgy-title {margin-top:10px; padding:0; color:#34343a; font-size:12px; background:none;}
.ktv-get-program .img-list12 .catgy-title .ico{margin-right:3px;}

/*--- 영상사업 ---*/
.media_01 {padding-top:13px;}
.media_01 .vod-info {overflow:hidden;}
.media_01 .vod-info dt {float:left; width:276px; color:#000; font-size:35px; font-weight:bold; line-height:1.2;}
.media_01 .vod-info dd {float:left; width:424px; color:#777; line-height:22px;}
.media_01 > p {color:#333; font-size:15px; text-align:center; padding:0 40px; word-break:keep-all;}
.media_01 > h4 {margin:80px 0 0 0; padding-bottom:10px; border-bottom:1px solid #6c6c6c;}
.media_01 .media-business {padding:25px 0 19px 206px; border-bottom:1px dotted #d3d3d3;}
.media_01 .media-business dt {margin-bottom:10px; color:#000; font-size:15px; font-weight:bold;}
.media_01 .media-business dd {color:#777; font-size:14px; line-height:20px;}
.media_01 .business01 {background:url('../../images/web/bg_icon_vod01.png') no-repeat 67px 45px;}
.media_01 .business02 {background:url('../../images/web/bg_icon_vod02.png') no-repeat 68px 37px;}
.media_01 .business03 {background:url('../../images/web/bg_icon_vod03.png') no-repeat 54px 33px;}
.media_01 .manager-info {padding:20px 0 15px 199px; background:#f8f8f8 url('../../images/web/bg_icon_vod04.png') no-repeat 81px 35px;}
.media_01 .manager-info p {padding-bottom:4px; color:#555; font-size:13px;}
.media_01 .manager-info p em {color:#000;}

.media_02 {padding-top:21px; background:url('../../images/web/bg_visual_media01.gif') no-repeat 42px 5px;}
.media_02 dl.info01 {margin-bottom:80px; padding-left:240px;}
.media_02 dl.info02 dt {padding-bottom:10px; border-bottom:1px solid #6c6c6c; font-size:16px; }

.media_03 h4.sty-big {margin-top:50px;}
.media_03 .media-data {height:260px; margin-bottom:50px; padding:131px 20px 0; background:#f8f8f8 url('../../images/web/bg_media_data.gif') no-repeat 38px 34px;}
.media_03 .media-data dl {float:left; width:20%; text-align:center}
.media_03 .media-data dt {margin-bottom:15px; color:#000; font-size:14px; font-weight:bold}
.media_03 .media-data dd {color:#777; line-height:18px}
.media_04 img.ui-datepicker-trigger{cursor:pointer;margin:5px 0 0 5px}

.order-info-txt {margin-bottom:38px; padding-top:11px; text-align:center;}
.order-info-txt strong {display:inline-block; min-height:25px; padding-left:44px; color:#0052a4; font-size:13px; line-height:25px; background:url('../../images/web/bg_icon_ordercheck.png') no-repeat;}
.order-info {padding:40px 0 40px 37px; border:1px solid #ddd; overflow:hidden;}
.order-info dl, .order-info dl dt, .order-info dl dd, .order-info button {float:left}
.order-info dl {margin-right:6px;}
.order-info dl dt {padding:0 8px 0 24px; color:#555; font-size:13px; font-weight:bold; line-height:28px;}
.order-info dl dd .inp-txt {width:190px;}
.btn-order-check {display:inline-block; width:66px; height:28px; background:url('../../images/web/btn_order_check.png') no-repeat;}

.tel-info-wrap {margin-top:10px; padding-bottom:3px; border-bottom:1px solid #eee;}
.tel-info {margin-top:30px; padding:15px 0; background:#f8f8f8; text-align:center}
.tel-info span {display:inline-block; height:17px; margin:0 20px; padding-left:34px; line-height:17px;}
.tel-info span.tel {background:url('../../images/web/icon_tel.png') no-repeat; font-size: 17px; font-weight: bold;}
.tel-info span.fax {background:url('../../images/web/icon_fax.png') no-repeat; font-size: 17px; font-weight: bold;}
.media_04 .tab-sty03 {margin-bottom:30px;}
.media_04 .complete-order {padding-bottom:4px; border-bottom:1px solid #eee; text-align:center}
.media_04 .complete-order dl {font-weight:bold}
.media_04 .complete-order dt {padding:20px 0; color:#000; font-size:15px;}
.media_04 .complete-order dt em {color:#0052a4}
.media_04 .complete-order dd {padding:15px 0; color:#777; background:#f8f8f8; font-size:22px;}
.media_04 .complete-order dd strong {color:#000;}

/* 결과없음 */
.nothing {position:relative; width:700px; height:345px; margin-bottom:30px;  text-align:center;}
.nothing .txt {position:absolute; top:53%; left:0; right:0; padding-top:15px; font-size:18px; line-height:22px; background:url('../../images/common/line_w28px.gif') no-repeat center top; color:#222222;}
.nothing.box-sty01 {background:#f8f8f8 url('../../images/common/img_unusable01.png') no-repeat center 40%;}
.nothing.box-sty02 {background:#f8f8f8 url('../../images/common/img_unusable02.png') no-repeat center 40%;}

.board-list-top01 {overflow:hidden; height:130px; padding:0 0 0 130px; margin-bottom:25px; background:url('../../images/web/bg_radio_program01.gif') no-repeat 0 0;}
.board-list-top01 h3 {margin-bottom:10px; font-weight:normal; font-size:22px; color:#222222;}
.board-list-top01 h3 .txt-red {color:#f21b2a;}
.board-list-top01 .list-txt {overflow:hidden; font-size:16px; line-height:28px; color:#555; word-break:keep-all;}
.board-list-top01 .list-txt li {padding-left:12px; background:url('../../images/common/bullet_4px.gif') no-repeat 0 12px;}
.board-list-top01.sty01 h3 {padding-top:25px;}

.board-list-top02 {overflow:hidden; height:110px; padding:0 0 0 130px; margin-bottom:30px; background:url('../../images/web/bg_radio_clean.gif') no-repeat 0 0;}
.board-list-top02.listSt01{height:130px;}
.board-list-top02 h3 {margin-bottom:10px; font-weight:normal; font-size:22px; color:#222; letter-spacing:-0.1px;}
.board-list-top02 .txt-red {color:#f21b2a;}
.board-list-top02 .list-txt {overflow:hidden; font-size:14px; line-height:24px; color:#555; word-break:keep-all;}
.board-list-top02 .list-txt li {padding-left:12px; font-size:16px; line-height:28px; background:url('../../images/common/bullet_4px.gif') no-repeat 0 12px;}
.board-list-top02 p {line-height:23px; color:#555; font-size:15px; word-break:keep-all;}

.board-list-top {overflow:hidden; height:101px; padding:37px 0 0 130px; margin:0 0 34px; border-top:1px solid #eeeeee; background:url('../../images/web/bg_radio_program01.gif') no-repeat 0 38px;}
.board-list-top h3 {margin-bottom:5px; font-weight:normal; font-size:18px; line-height:24px; color:#222222;}
.board-list-top h3 .txt-red {color:#f21b2a;}
.board-list-top .list-txt {overflow:hidden; font-size:13px; line-height:24px; color:#555555;}
.board-list-top .list-txt li {padding-left:17px; background:url('../../images/common/bullet_4px.gif') no-repeat 0 10px;}
.board-list-top.sty01 h3 {padding-top:25px;}

.board-txt-sty01 {overflow:hidden; margin:15px 0; font-size:14px; line-height:22px; color:#777777;}
.board-txt-sty01 li {padding-left:18px; background:url('../../images/common/bullet_2px.gif') no-repeat 0 10px;}

.participation-banner {overflow:hidden; float:left; width:490px; border-top:1px solid #cecece;}
.participation-banner .box-list01 {float:left; border-right:1px solid #cecece; border-bottom:1px solid #cecece; padding:0 25px 20px 0;}
.participation-banner .box-list01 a {display:inline-block; text-decoration:none; width:189px; height: 165px; padding:19px 0 0 30px; }
.participation-banner .box-list01 a:hover .txt01 {color:#000000;}
.participation-banner .sty01 {background:url('../../images/web/bg_icon01.gif') no-repeat right bottom;}
.participation-banner .sty02 {background:url('../../images/web/bg_icon02.gif') no-repeat right bottom;}
.participation-banner .sty03 {background:url('../../images/web/bg_icon03.gif') no-repeat right bottom;}
.participation-banner .sty04 {background:url('../../images/web/bg_icon04.gif') no-repeat right bottom;}
.participation-banner .box-list01 .txt01 {display:inline-block; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #000000; font-size:14px; font-weight:bold; line-height:23px;}
.participation-banner .box-list01 .txt02 {display:block; margin-bottom:10px; font-size:21px; line-height:23px; letter-spacing:-1px;}
.participation-banner .box-list01 .txt03 {display:block; font-weight:normal;}
.participation-banner .box-list01 .img01 {display:block;}

/* r-sns-list */
.bg-patt {overflow:hidden; background:url('../../images/web/bg_patt_04.gif') no-repeat left 0;}
.r-sns-list {overflow:hidden;}
.r-sns-list  li {float:left; padding-left:13px; margin-left:13px; background:url('../../images/common/line_h24px.gif') no-repeat left 3px; text-align:center;}
.r-sns-list  li.first {padding:0; margin:0; background:none;}
.r-sns-list  li img {}
.r-sns-list  li span {display:block; margin-top:5px;}

/* table-list01 */
.table-list01 {overflow:hidden; margin-bottom:50px; text-align:center;}
.table-list01 thead th {padding:15px 0; background:#474f5e; color:#ffffff;}
.table-list01 tbody th {color:#5d7899;}
.table-list01 tbody td {color:#555555;}
.table-list01 tbody th, .table-list01 tbody td {padding:15px 0; border-bottom:1px solid #eaeaea; background:#f9f9f9;}

/* clean-report */
.clean-report {margin:0 0 40px 0; float:left;margin-right:-20px; overflow:hidden; }
.clean-report li {float:left; margin-right:20px;width:315px;height:275px; }
.clean-report li .report{color:#fff; padding:20px; text-align:center; }
.clean-report li .report strong{display:inline-block; border:3px solid #fff; padding:6px 15px; margin-top:15px; text-align:center; font-size:19px;}
.clean-report li .report em{display:block; margin-top:20px; font-size:30px; font-family:'Notosans-Medium'; height:50px}
.clean-report li .report em.logo{background:url('../../images/web/clean_logo.png') no-repeat 50% 50%; width:197px; height:50px; font-size:0; margin:20px auto 0;}
.clean-report li .report span{margin-top:10px; display:block; height:100px; line-height:28px;}
.clean-report li .report.color1{background:#277eb0;}
.clean-report li .report.color2{background:#5d8de4;}
.clean-report li .report.color3{background:#de6269;}
.clean-report:after{display:block; content:""; clear:both;}

/* box_onair */
.box_onair {margin:40px 0;}
.box_onair .title_area{position:relative; overflow:hidden; margin-bottom:50px;}
.box_onair .tab {width:141px; float:left; margin-right:15px;}
.box_onair .tab a {display:block; width:141px; height:45px; background:url('../../images/web/bg_onair01.png') no-repeat 0 0;}
.box_onair .tab a span {display:block; overflow:hidden; text-indent:-9999px;}
.box_onair .tab .t01 a {background-position:0 0;}
.box_onair .tab .t02 a {background-position:0 -45px;}
.box_onair .tab .t01.on a , .box_onair .tab .t01 a:hover {background-position:-141px 0;}
.box_onair .tab .t02.on a , .box_onair .tab .t02 a:hover {background-position:-141px -45px;}
.box_onair .title_area .tit {display:table;width:1400px; padding:20px 0;border-bottom:1px solid #c9c9c9}
.box_onair .title_area .tit .txt {display:table-cell; vertical-align:middle; width:100%; height:90px;}
.box_onair .title_area .tit strong {display:table-cell; font-size:31px; color:#303030; vertical-align: middle;}
.box_onair .title_area .tit strong a { margin-left:5px;}
.box_onair .title_area .tit strong a.first {margin-left:10px;}
.box_onair .title_area .tit #progSeqNm{font-size:18px; margin-top:5px; color:#565656; line-height:18px; word-break: keep-all; overflow: hidden; display: block;}
.box_onair .sns {float:left; width:105px; border-left:1px solid #3a3a3a;}
.box_onair .sns a {display:block; height:29px; padding-left:17px; border-bottom:1px dashed #3d3d3d; color:#cecece; font-size:11px; line-height:29px;}
.box_onair .sns a span {margin-right:11px;}
.box_onair .sns .s01 span {display:inline-block;   width:15px; height:12px; background:url('../../images/web/bg_onair_sns.png') no-repeat 0 0; vertical-align:middle;}
.box_onair .sns .s02 span {display:inline-block;   width:15px; height:12px; background:url('../../images/web/bg_onair_sns.png') no-repeat -15px 0; vertical-align:middle;}
.box_onair .sns .s03 span {display:inline-block;   width:15px; height:12px; background:url('../../images/web/bg_onair_sns.png') no-repeat -30px 0; vertical-align:middle;}
.box_onair .bottom {overflow:hidden; }
.box_onair .video {position:relative; float:left; width:1400px; height:788px; border-top:none;}
.box_onair .video .player-control {position:absolute; bottom:19px; left:19px; width:662px; height:35px; padding-top:16px; background:url('../../images/web/bg_onair_radio01.png') no-repeat 0 0; text-align:center; z-index:3;}
.box_onair .video .player-control .btn-play {display:inline-block;   overflow:hidden;}
.box_onair .video .player-control .btn-play a {display:inline-block;   margin:0 6px;}
.box_onair .video .player-control .volslider {position:relative; display:inline-block;   width:228px; height:8px; cursor:pointer; background:#a8a8a8; border-radius:5px; margin:5px 6px 0; vertical-align:top;}
.box_onair .video .player-control .volslider .ui-slider-range {position:absolute; top:0; left:0; display:block;  width:50%; height:8px; background:#4294fb; border-radius:5px; text-align:left;}
.box_onair .video .player-control .volslider .ui-slider-handle {position:absolute; top:0; width:22px; height:22px; margin:-7px 0 0 -12px; cursor:pointer; font-weight: normal; background:url('../../images/web/ico_onair_handle.png') no-repeat 0 0; border: none;}
.set_control {position:relative; width:100%; background:#f2f4f6;}
.set_control:after{content:""; display:block; clear:both;}
.set_control .tit {position:relative; float:left; height:60px; line-height:60px; font-size:22px; color:#464646;}
.set_control .tit .onair{/*float:left;  display:none;  position:relative;*/position:absolute;top:0; left:0; z-index:333; width:84px; height:0; font-size:0; padding-top:0; opacity:0; transition:all .3s ease; box-sizing:border-box; color:#fff;font-family:'NotoSans-Medium';  text-align:center; background:url('../../images/web/onair_bg.png') no-repeat 0 0; z-index:9;}
.set_control .tit.active .onair{/* display:block;  */ width:84px; height:92px; font-size:18px; padding-top:15px;  opacity:1;}
.set_control .tit .onair:before{content:"";position:absolute;top:28px;right:12px;display:block;width:7px;height:7px;background:url('../../images/web/onair_icon2.png') no-repeat; animation: onairMove2 1s ease-in infinite alternate;}
@keyframes onairMove2{ 0%{opacity:1;transform:scale(1);} 25%{opacity:1;transform:scale(1);} 70%{opacity:0;transform:scale(.7);} 100%{opacity:0;transform:scale(.5);}}
.set_control .tit strong {float:left;margin-left:35px;color:#464646;font-family:'NotoSans-Medium'; transition:all .3s ease;}
.set_control .tit.active strong{margin-left:100px;}
.set_control .tit strong em {color:#464646;font-family:'NotoSans-Medium';}
.set_control .tit .btn_channel {float:left; position:relative; width:104px; height:37px;line-height:37px; margin:13px 0 0 20px; box-sizing:border-box; background:#3666bf; padding-left:42px; font-size:15px; border-radius:25px;color:#fff;transition: all .2s ease; }
.set_control .tit .btn_channel:hover{background:#fff; border:1px solid #b0b0b0; box-sizing:border-box; color:#4f4f4f; transition: all .3s ease;}
.set_control .tit .btn_channel:before{position:absolute; top:10px; left:19px; content:""; display:block; background:url('../../images/web/i_calendar.png') no-repeat 0 0; width:18px; height:16px;}
.set_control .tit .btn_channel:hover:before{background-position:0 -20px;}
.set_control .cont {position:relative; float:left;overflow:hidden;}
.set_control .cont ul{float:left; width:1400px;height:120px; overflow:hidden;}
.set_control .cont li a{margin-top:6px; width:18px; height:17px; display:block; position:absolute; right:20px; background:url('../../../../images/web/btn_onair_home03.png') no-repeat center center;}
.set_control .cont li {position:relative; display:block; float:left; width:33.3333333333%; height:120px;  border-right:1px solid #878787;  padding:32px 15px 20px 40px; box-sizing:border-box; background:#444;}
.set_control .cont li .txt_wrap{overflow:hidden;}
.set_control .cont li .icon {position:relative; width:20px; height:20px; margin-left:6px; top:-2px;}
.set_control .cont li strong {float:left;display:block; width:100%; padding-right:30px; color:#fff; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.set_control .cont li .layer-channel-info {position:absolute; top:0; left:0; right:0; bottom:2px; padding:8px 30px 9px 18px; background-color:#ff616e;}
.set_control .cont li .layer-channel-info dt {margin-bottom:5px; font-size:12px; color:#fff;}
.set_control .cont li .layer-channel-info dd {font-size:13px; line-height:16px; color:#fff; word-wrap: break-word; word-break: keep-all;}
.set_control .cont li .layer-channel-info dd a {color:#fff;}
.set_control .cont li .layer-channel-info .lay-close {position:absolute; top:6px; right:3px; width:17px; height:17px; background:url('../../../../images/web/btn_onair_close.gif') no-repeat center center;}

.set_control .cont li .time_wrap{position:relative; overflow:hidden; margin-top:3px;}
.set_control .cont li .time {display:block; float:left; font-size:16px; color:#fff;}
.set_control .cont li.onair{background:#ff404b; border-right:1px solid #ff404b;}
/* .set_control .cont li.onair strong {color:#fffa67;} */
.set_control .cont li.onair .flag-onair {float:left; margin-right:2px;}

.set_control .pre{position:absolute; top:90px; left:0px; margin-left:-50px; width:40px; height:60px; background:url('../../../../images/web/btn_pre.png') no-repeat 50% 50%; background-size:20px 40px}
.set_control .next{position:absolute; top:90px; right:0px; margin-right:-50px; width:40px; height:60px; background:url('../../../../images/web/btn_next.png') no-repeat 50% 50%; background-size:20px 40px}
.set_control .cont:after{display:block; content:""; clear:both;}

/* 2016 box_onair_add */
.box_onair .onair_popup{position:absolute;border:1px solid #b0b0b0; border-radius:50px; width:177px; height:38px; padding-left:50px; box-sizing:border-box; line-height:38px; top:40px; right:5px; font-size:15px; color:#4f4f4f; font-family: 'NotoSans-Regular'; transition: all .3s ease;}
.box_onair .onair_popup:hover{color:#fff; border:1px solid #2d55a5; background:#2d55a5; transition:all .3s ease}
.box_onair .onair_popup:before{display:block; position:absolute; content:""; width:19px; height:18px; left:23px; top:10px; background: url("../../images/web/i_popup.png") no-repeat;}
.box_onair .onair_popup:hover:before{background-position:0 -22px;}

/* tbl-sty01 */
.txt_bul {margin-top:-6px;}
.txt_bul li {margin-top:6px; padding-left:18px; background:url('../../images/web/bg_dot01.gif') no-repeat 0 6px; font-size:13px; color:#777;}
.tbl-sty01 {border-bottom:1px solid #eaeaea; }
.tbl-sty01 thead th {height:48px; border-top:1px solid #6c6c6c; border-bottom:1px solid #eaeaea; background:#f9f9f9; font-size:13px; color:#555;}
.tbl-sty01 tbody th {background:#f9f9f9}
.tbl-sty01 tbody th {border-bottom:1px solid #eaeaea;}
.tbl-sty01 tbody th.bg_line {border-right:1px solid #eaeaea;}
.tbl-sty01 td {height:26px; padding:8px 7px; text-align:left;}
.tbl-sty01 td textarea {border:1px solid #eaeaea;}
.tbl-sty01 td .full {width:auto !important; padding-right:6px; text-align:center;}
.tbl-sty01 td .full textarea {display:block; width:100%; height:100px;}
.tbl-sty01 .set_byte {margin-top:8px; font-size:12px; color:#777; text-align:right;}
.tbl-sty01 .set_byte strong {font-weight:normal; color:#f21b2a;}
.tbl-sty01 tbody td input.intxt {height:26px; border:1px solid #eaeaea;}
.tbl-sty01 tbody td .full input.intxt {width:100%;}
.tbl-sty01 tfoot td {padding-top:0;padding-left:0;}
.tbl-sty01 .th_tit {height:48px; margin-bottom:7px; border-bottom:1px solid #eaeaea; background:#f9f9f9; font-size:13px; color:#555; line-height:48px; font-weight:bold; text-align:center;}
.tbl-sty01 .c {text-align:center;}

/* 회원관리 */
.btn-action{text-align: center; margin-bottom:50px;}
.btn-action button{padding:12px 20px; line-height:15px; min-width:100px; font-size:15px;}

.login-form {width:495px; margin:20px 0px; border-right:1px solid #ddd; float:left;}
.login-form h5{margin-bottom:20px; font-size:22px;}
.login-form .member-notice {float:left; overflow:hidden; font-size:14px; line-height:22px; color:#767676; border-top:1px; padding-top:30px; /* border-bottom:1px solid #ddd; */}

.join-top-styl01 {padding:40px 0; text-align:center; font-size:28px; line-height:26px; color:#555; border-bottom:1px solid #ddd;}
.join-top-styl01.st02 {font-size:20px; line-height:30px; color:#555; border-bottom:none; letter-spacing:-0.7px; padding-bottom:15px;}
.join-top-styl01 strong{color:#135893}
.join-top-styl01 .red{color:#ad3632;}
.join-top-styl01 .txt {padding:15px 0 0 0; font-size:17px; line-height:20px; color:#555; text-align:center;}
.join-top-styl01 img {vertical-align:middle}
.join-top-styl01 span {color:#0052a4;}
.join-finish {height:78px; padding-top:156px; background:url('../../images/web/bg_join_01.png') no-repeat center 37px; text-align:center;}
.join-finish p {font-size:25px; line-height:30px; color:#000;}

.con-login {overflow:hidden; margin-bottom:100px; margin-top:15px;}
.con-login.pwBox{position:relative; width:800px; margin:0 auto;  padding:50px; border:5px solid #eee; text-align:center;}
.con-login .txt {padding:25px 0; font-size:18px; line-height:20px; color:#777; margin:0 auto;}
.con-join-top {overflow:hidden; margin-bottom:35px;}
.con-join-top .txt01 {margin:25px 0px; font-size:20px; line-height:31px; color:#000;}
.con-join-top .txt02 {margin-bottom:25px; font-size:16px; line-height:20px; color:#777;}
.con-join-top .join-m-list {overflow:hidden;}
.con-join-top .join-m-list li {float:left;}
.con-confirm {position:relative; margin:55px 0 50px;}
.con-confirm .inp-grp {font-weight:bold; padding-top:3px; margin-bottom:11px;}
.con-confirm .inp-grp input.radio{margin-top:-3px}
.con-confirm .btn-ipin {overflow:hidden; position:absolute; top:0; right:0;}
.con-confirm .txt-black {font-weight:bold;}

.con-login2{width:600px; margin:0 auto; border:1px solid #efefef; padding:20px; position:relative;}

.login-cnt {overflow:hidden;}
.login-cnt .login-cnt-top {float:left; margin-right:6px;}
.login-cnt .login-cnt-top input {width:350px; height:45px; padding:0 15px; margin-bottom:6px; border:none; background:#ececec; font-size:14px; line-height:40px; color:#b6afa3;}
.login-cnt .login-sbm {float:left; margin-bottom:15px;}
.login-cnt .id-save-chk {clear:both; margin: 20px 0px; line-height:24px; color:#777; font-size:14px; padding-top:2px;}
.login-cnt .id-save-chk input{width:16px; height:16px; margin-top:-1px;}
.login-cnt .id-save-chk label{}
.mem-app-link {overflow:hidden; font-size:12px; line-height:22px; color:#777;  border-top:1px solid #8e99b3; padding-top:25px;}
.mem-app-link ul {margin-bottom:20px;padding-bottom:9px; width:364px; float:left;}
.join_btnwrap{float:right;}
.join_btnwrap a {display:inline-block; padding-right:8px; border:1px solid #ddd; text-align: center;width:147px;padding: 8px 0; margin-right:6px;}
.join_btnwrap a:hover{background:#efefef;}
.join_btnwrap a:last-child{padding-right:0; margin-right:0px;}
.new-pgm-img {overflow:hidden; width:250px; }
.new-pgm-img img {overflow:hidden; width:250px; height:185px;}
.new-pgm-txt {width:250px; height:135px; background:#ffc606; text-align:center;}
.new-pgm-txt a {color:#222222;}
.new-pgm-txt .t-layout {margin-bottom:23px;}
.new-pgm-txt .t-cell {padding-top:3px; height:70px; background:url('../../images/common/line_w28px.gif') no-repeat center bottom; font-size:15px; font-weight:bold; line-height:18px; word-break:keep-all; text-align:center;}

.title-box-styl {overflow:hidden;}
.title-box-styl h4 {margin-bottom:10px; font-size:22px; line-height:26px; color:#000000;}
.title-box-styl .txt {padding:20px 40px; background:#f8f8f8; font-size:16px; line-height:28px; color:#555555;}
.title-box-styl .txt p.clause {padding-left:55px; background:url('../../images/common/img_unusable03.png') no-repeat left 10px;}
.title-box-styl .txt p.confirm {padding-left:55px; background:url('../../images/common/img_unusable04.png') no-repeat left 15px;}
.title-box-styl .txt p.entry {padding-left:55px; background:url('../../images/common/img_unusable07.png') no-repeat left 15px;}
.title-box-styl td textarea {border:1px solid #eaeaea;}
.title-box-styl td .full {width:auto !important; padding-right:6px; text-align:center;}
.title-box-styl td .full textarea {display:block; width:100%; height:100px;}
.title-box-styl01 {overflow:hidden; padding:30px 40px; border:1px solid #dddddd; background:#fff; font-size:16px; line-height:27px; color:#555555;}
.title-box-styl01 .anonymity {padding-left:120px; background:url('../../images/common/img_unusable05.png') no-repeat 30px 7px;}
.title-box-styl01 .i-pin {padding-left:100px; background:url('../../images/common/img_unusable06.png') no-repeat 10px 14px;}
.title-box-styl02 {overflow:hidden; padding:40px 40px; border:1px solid #dddddd; background:#fff; text-align:center; font-size:16px; line-height:30px; color:#555555;}
.title-box-styl02 input.style1{width:300px;}
.title-box-styl02 span {display:inline-block; padding:0 15px;}
.title-box-styl02 label {padding-right:5px;}
.title-box-styl03 {overflow:hidden; padding:11px 30px; margin-bottom:40px; border:1px solid #d9d9d9; background:#f9f9f9;}
.title-box-styl03 .lft {float:left; width:289px; padding-right:30px; border-right:1px dashed #d9d9d9;}
.title-box-styl03 .rht {float:right; width:287px; padding-left:30px;}
.title-box-styl03 dl {padding:15px 0;}
.title-box-styl03 dt {margin-bottom:10px; font-size:17px; line-height:24px; color:#222;}
.title-box-styl03 dd {font-size:13px; line-height:22px; color:#555;}
.box-styl01 {margin-bottom:70px;}
.h4-styl01 {margin-bottom:5px; font-size:22px; line-height:40px; color:#000;}

.txt-box-styl {padding:20px 40px; margin-top:50px; border:1px solid #ddd; }
.txt-box-styl .title {margin-bottom:10px; font-size:18px; line-height:26px; color:#276dd5;}
.txt-box-styl .txt {font-size:15px; line-height:26px; color:#999;}
.txt-explain {overflow:hidden; margin:35px 0 50px; padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.txt-explain p {margin-bottom:10px; font-weight:bold; color:#555; font-size:19px;}
.txt-explain ol {overflow:hidden;}
.txt-explain ol li {float:left; width:100%; color:#737373; line-height:30px; font-size:15px;}

.cont-top-box {overflow:hidden; margin-bottom:25px;}
.cont-top-box .cont-tit-info01 {float:left; width:700px; margin:0;}

.cont-top-box .title-box-styl04 {overflow:hidden; float:right; width:218px; height:348px; padding:20px 20px; border:1px solid #e9e9e9;}
.cont-top-box .title-box-styl04 h3 {margin-bottom:6px; font-size:16px; line-height:20px; color:#000;}
.cont-top-box .title-box-styl04 h3 a {color:#000000;}
.cont-top-box .title-box-styl04 ul {overflow:hidden;}
.cont-top-box .title-box-styl04 ul li {float:left; padding-top:11px; margin-top:11px; border-top:1px solid #f5f5f5; font-size:13px; line-height:20px; color:#777;}
.cont-top-box .title-box-styl04 ul li span {display:block; margin-top:5px;}
.cont-top-box .title-box-styl04 ul li a {display:block; overflow:hidden; height:35px; color:#777;}
.cont-top-box .title-box-styl04 ul li.first {color:#222;}
.cont-top-box .title-box-styl04 ul li.first a {color:#222;}

.cont-top-info01 {margin-bottom:31px; overflow:hidden; padding-top:29px; background:url('../../images/web/bg_diagonal_line2.gif') repeat-x;}
.cont-top-info01 .clr {width:100%; background:#f8f8f8;}
.cont-top-info01 h2 {float:left; width:235px; padding:20px 0 0 25px; color:#000; font-size:32px; font-weight:normal; text-align:left; letter-spacing:-0.015em; line-height:38px;}
.cont-top-info01 .info-img {float:left; width:720px;}
.cont-top-info01 .info-img img {width:720px; height:190px;}

.news-more {overflow:hidden; margin:70px 0;}
.news-more .lft {float:left; overflow:hidden; width:408px; height:303px; padding:0 13px; border:1px solid #cecece;}
.news-more .news-list01 {overflow:hidden; width:408px; margin-bottom:12px;}
.news-more .news-list01 .img-list18 {float:left; width:190px; padding:0 7px; text-align:left;}
.news-more .news-list01 .img-list18 .thumb {margin:0 0 15px;}
.news-more .news-list01 .img-list18 .slide-sbj dt {margin-bottom:10px; font-size:18px;}
.news-more .news-list01 .img-list18 .slide-sbj dd {color:#777;}
.news-more .news-list01 .img-list18 .slide-sbj dd.date {margin:0;}
.news-more .news-list01 .img-list18 .catgy-title { text-align:left;}
.news-more .tab-col2 {padding:10px 0 28px;}
.news-more .tab-col2 li {width:49%;}
.news-more .rht {float:right; overflow:hidden; width:233px; height:303px; padding:0 15px; border:1px solid #cecece; border-left:none; background:#f0f5fe;}
.txt-input {margin-bottom:25px; padding-top:0; text-align:center;}
.txt-input .input-styl {margin-bottom:18px;}
.txt-input .input-styl label {padding-right:10px; font-size:15px; line-height:20px;}
.txt-input .input-styl input {height:38px; font-size:14px; line-height:20px;}

.user_verify_input{width:400px;border:1px solid #ccc;background:#fff;height:50px;line-height:50px;font-size:14px; margin-bottom:20px;text-align:center;}
.user_verify_btn{width:400px;display:inline-block;text-align:center;height:50px;background:#284d9e;line-height:50px;color:#fff;font-size:18px;font-weight:bold;}
.user_verify_btn:hover{color:#fff;}

/* 템플릿02 */
.temp01 {overflow:hidden; margin-top:27px; padding-bottom:50px;}
.news-temp01 {float:left; width:805px; padding-right:19px;}
.news-temp02 {clear:both; width:980px;}
.broad-list {overflow:hidden; float:left; padding-top:52px; /*margin-right:18px;*/ text-align:center;}
.broad-list ul {overflow:hidden; width:153px; border:1px solid #cecece; background:#f6f6f6; color:#555555;}
.broad-list ul li {float:left; width:153px; font-size:17px; line-height:22px;}
.broad-list ul li a {display:block; height:40px; padding-top:115px; color:#555555;}
.broad-list ul li a:hover {color:#1876ea; text-decoration:none;}
.broad-list ul li.list01 {border-bottom:1px solid #cecece; background:url('../../images/web/bg_ptemp02-01.png') no-repeat center 25px;}
.broad-list ul li.list02 {background:url('../../images/web/bg_ptemp02-02.png') no-repeat center 25px;}
.temp-bnr01 {float:left; margin-top:52px; border:1px solid #cecece;}

/* temp03 */
.temp03 {overflow:hidden; margin:30px 0 35px;}
.temp03 .lft {width:980px; border-bottom:1px solid #e6e6e6;}
.temp03 .rht {float:right;}

.result-header {margin-bottom:5px;}
.result-header .nav_history {float:left; font-size:16px; line-height:26px; color:#525252; background:url('../../images/common/bullet_4px.gif') 0 9px no-repeat; padding:0 0 0 12px;}
.result-header .nav_history strong {padding-right:5px;}
.result-header .rht {float:right;}
.result-header:after {content:''; display:block; clear:both;}

/* 정보공개 */
.sub-con.release-info .tab-btntype01 {margin-bottom:0px;}
.sub-con.release-info > h4 {margin-bottom:35px; color:#333; font-size:24px;}
.sub-con.release-info > h5 {margin-bottom:10px; color:#000; font-size:22px;}
.sub-con.release-info > dl {margin-bottom:20px;}
.sub-con.release-info > p, .sub-con.release-info >dl > dd {color:#555; font-size:17px; line-height:175%;}
.sub-con.release-info > dl > dt {margin-bottom:5px; color:#0069ef;line-height:24px;}
.sub-con.release-info table.form-list02 th.lt, .sub-con.release-info table.form-list02 td {padding-left:30px;}
.sub-con.release-info table.form-list02.list01 td{text-align:left;}
.sub-con.release-info table.form-list02 th {font-weight:400;}
.sub-con.release-info table.form-list02 td.ct {padding:10px;}
.sub-con.release-info table.form-list02 .bul-bar li, .sub-con.release-info table.form-list02 p {color:#555; line-height:24px;}
.sub-con.release-info .tab-sty03.item4 {margin-bottom:45px;}
.sub-con.release-info .con01{line-height:185%; margin-left:15px; }
.sub-con.release-info .con01 li{text-indent:-15px;}
.sear-data-box {margin-bottom:30px; padding:14px 13px 14px 14px; border:1px solid #e2e2e2; background:#f9f9f9;}
.sear-data-box dl {width:100%; padding:9px 0;}
.sear-data-box dl:after {content:''; display:block; clear:both;}
.sear-data-box dl:first-child{padding-bottom:20px}
.sear-data-box dl:last-child{margin-top:10px}
.sear-data-box dt {float:left; width:130px; padding:0 0 0 40px; color:#000; font-size:15px; font-weight:bold;}
.sear-data-box dt label{display:inline-block; line-height:32px;}
.sear-data-box dd {float:left;}
.sear-data-box dd .inp-txt {border-color:#d5d5d5;}
.sear-data-box .sear-form {border-bottom:1px dashed #dfdfdf;}
.sear-data-box .period-area {margin-right:20px; /* vertical-align:middle; */}

/* 검색 */
.total-sear-option {margin-bottom:20px; padding:25px; border:1px solid #e2e2e2; background:#f9f9f9;}
.total-sear-option .sear-form {height:35px; padding-bottom:10px;}
.total-sear-option .sear-form .intxt {width:620px; height:35px; border-right:none; color:#1876ea; line-height:35px;}
.total-sear-option .sear-form .intxt, .total-sear-option .sear-form .btn-search,.total-sear-option .sear-form .re_key {float:left;}
.total-sear-option .sear-form .re_key{padding:5px 10px 0 10px;}
.total-sear-option .btn-detail-sear {float:right;}
.total-sear-option dl {width:100%; padding-bottom:0;}
.total-sear-option dl:after {content:''; display:block; clear:both;}
.total-sear-option dt {float:left; text-align:left;width:72px;min-width:90px; line-height:32px; color:#333;font-size:16px;background: url(../../images/web/btn_next07.png) no-repeat 65px; background-size: 6px;}
.total-sear-option dd {float:left; color:#777; font-size:13px;}
.detail-sear-option {/* display:none; */ margin-top:5px;}
.detail-sear-option dl {padding:11px 0 14px;}
.detail-sear-option dl.sear-period {background:url('../../images/common/bg_line_dot.gif') repeat-x left bottom;}
.detail-sear-option .sear-period .date_btns{margin-left:20px; margin-right:0;}
.detail-sear-option .sear-period .period-area .inp-txt{width:213px;}
.detail-sear-option .period-area {float:left;}
.detail-sear-option .sear-scope{padding-bottom:0}
.detail-sear-option .sear-scope .btn-total-sear2 {float:right; margin-left:34px;}
.related_keyword {padding-top:11px;}
.related_keyword ul {height:50px; overflow:hidden}
.related_keyword li {float:left; padding:0 14px 10px 0;}
.related_keyword a {color:#777;}
.related_keyword a:hover {color:#4d94e1; text-decoration:none;}

.sear-result-txt {margin-bottom:20px; padding:15px 10px; border:1px solid #dbdbdb; color:#222; font-size:16px; text-align:center;}

.search-sort {width:100%;}
.search-sort:after{display:block; clear:both; content:"";}
.search-sort .tab-link-list {float:right;}

.sear-result {margin-top:16px; padding-bottom:30px;}
.sear-result h4{position:relative; margin-top:40px; background:#f1f4f6; border-radius:10px; font-size:20px; margin-bottom:25px; padding:10px 50px 10px 15px; letter-spacing:-0.7px; }
.sear-result h4:nth-of-type(1){margin-top:20px; }
.sear-result .newsNum{font-size:16px; color:#777; line-height:30px; vertical-align:top;}
.sear-result .btn_more{display:block;position:absolute; top:50%; right:15px; margin-top:-16px; width:32px; height:32px; background:url('../../images/common/btn_more.png') no-repeat 50% 50%; background-size:16px 16px;}
.sear-result .result-header {width:100%; margin-bottom:15px;}
.sear-result .result-header:after {content:''; display:block; clear:both;}
.sear-result .result-header h3 {float:left; margin-right:8px; color:#000; font-size:22px;}
.sear-result .result-header .total-result {display:block; float:left; color:#555; font-size:16px; font-weight:400; line-height:34px; letter-spacing:-0.7px;}
.sear-result .result-cont {border-bottom:1px solid #e8e8e8;}
.sear-result .result-cont .location{display:block;}
.sear-result .sear-more {margin-top:14px; text-align:right;}
.sear-result .sear-more a {display:inline-block;position:relative; padding-right:15px; color:#555; font-size:15px; text-decoration:underline;}
.sear-result .sear-more a:after{ content:""; display:block; position:absolute; top:0px; right:0; width:8px; height:20px; background:url('../../images/common/icon_search_more.png') no-repeat 50% 50%; background-size:8px 7px; }
.sear-result .board-list01 {padding:0;}
.sear-result .board-list01:after{content:""; display:block; clear:both;}
.sear-result .board-list01 li > a { display:block; float:left;}
.sear-result .board-list01 .catgy-title01 a strong {font-weight:normal; font-family:'NotoSans-DemiLight';}
.sear-result .e-vod-info {position:absolute; bottom:0; right:0; width:705px; font-size:14px;}
.sear-result .e-vod-info em {width:80%; float:left; color:#777;}
.sear-result .e-vod-info em a {color:#777;}
.sear-result .e-vod-info .date {width:20%;  float:right; color:#aaa; text-align:right;}

.sear-program .result-cont {padding-bottom:30px;}
.sear-program .program-info li {position:relative; margin-top:20px; padding:20px; border:1px solid #dddddd; overflow:hidden;}
.sear-program .program-info li .thumb {position:relative; float:left; width:280px; height:158px; overflow:hidden; margin-right:30px;}
.sear-program .program-info li .thumb img {width:280px; height:158px;}
.sear-program .program-info li .info-area {float:right; width:632px;}
.sear-program .program-info li .info-area dt a{display:block; width:480px; margin-bottom:12px; color:#000; font-size:20px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sear-program .program-info li .info-area dt a:hover {color:#1876ea;}
.sear-program .program-info li .info-area dd.date {color:#555; font-size:16px; line-height:20px;}
.sear-program .program-info li .info-area dd.date a {color:#555;}
.sear-program .program-info li .info-area dd.date .ico {margin-right:2px;}
.sear-program .program-info li .info-area dd.desc {margin-top:13px; color:#777; font-size:16px; line-height:25px;}
.sear-program .program-info li .info-area dd.desc.desc_sty2{display:block; display:-webkit-box; height:55px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sear-program .program-info li .info-area dd.desc a {display:block;  display:-webkit-box; color:#777; text-decoration:none; height:75px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.7;}
.sear-program .program-info li .btn-pro-home {display:inline-block; position:absolute; top:24px; right:18px; min-height:15px; padding-left:20px; color:#777; font-size:15px; line-height:17px; background:url('../../images/common/icon_prohome.png') no-repeat;}
.sear-program .program-info li:first-child {margin-top:0;}
.sear-issue .issue-list-wrap > li {margin-top:40px;}
.sear-issue .issue-list-wrap > li:first-child {margin-top:0;}
.sear-issue .issue-list li {margin-bottom:11px;}
.sear-issue .issue-list li a {position:relative; display:block; padding:16px 45px 15px 22px; box-sizing:border-box; background:#f9f9f9; border:1px solid #f9f9f9; color:#000; font-size:18px; font-weight:bold; text-decoration:none; transition:all .3s ease;}
.sear-issue .issue-list li a:after{position:absolute; display:block; content:""; background:url('../../images/common/ico_more06.png') no-repeat 50% 50%; top:50%; right:15px; width:16px; height:30px; margin-top:-15px; background-size:8px 15px;}
.sear-issue .issue-list li a:hover {color:#1876ea; border:1px solid #3a82db; background:#fff;}
.sear-issue .issue-list li a:hover:after{position:absolute; display:block; content:"";background:url('../../images/common/ico_more06_over.png') no-repeat 50% 50%; }
.sear-issue .issue-list li:first-child {margin-top:0;}
.sear-issue .issue-list-tit {margin-bottom:20px;}
.sear-issue .issue-list-tit a {display:block; padding:16px 45px 15px 22px; background:#f9f9f9 url('../../images/common/ico_more06.png') no-repeat 675px 18px; color:#000; font-size:18px; font-weight:bold; text-decoration:none;}
.sear-issue .issue-list-tit a:hover {color:#1876ea;}
.sear-issue .sear-more{margin-top:36px;}

.sear-txt-list li {position:relative; width:100%; padding:25px 0 25px; border-top:1px solid #e3e3e3;}
.sear-txt-list li dt {padding-bottom:15px; color:#222; font-size:20px; font-weight:bold; width:540px; padding-right:40px;}
.sear-txt-list li dt a {display:block; height:35px;color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sear-txt-list li dt a:hover {color:#1876ea; text-decoration:none;}
.sear-txt-list li dd {color:#555; font-size:16px; line-height:1.7;}
.sear-txt-list li dd a {display:block; display:-webkit-box; color:#555; text-decoration:none; height:82px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.sear-txt-list li .item-info {position:absolute; top:30px; right:0; font-size:14px;}
.sear-txt-list li .item-info a {color:#777;}
.sear-txt-list li .item-info a:hover {text-decoration:underline;}
.sear-txt-list li .item-info .date {margin-left:10px; color:#aaa;}
.sear-txt-list .location {padding-top:17px; position:static; text-align:left;}
.sear-txt-list .location .home {margin-left:0; padding-left:0;}

.no-result {padding:40px 10px; border:1px solid #dbdbdb;}
.no-result p {margin-bottom:10px; color:#222; font-size:20px; font-weight:bold; text-align:center;}
.no-result ul {min-height:100px; padding:10px 0 0 236px; background:url('../../images/web/bg_icon_search.png') no-repeat 108px 0;}
.no-result ul li {padding-bottom:3px; color:#777;}

/* 에러화면 */
#container.error-page {margin:90px auto;}
#container.error-page #contents {width:100%; float:none;}

/* KTV소개 */
.greeting_wrap {position:relative; color:#555; font-size:17px; line-height:185%; padding-bottom:80px; overflow: hidden;     padding-top: 10px;}
.greeting_wrap .gre_box1{float:left; width:287px; text-align:center;}
.greeting_wrap .gre_box1 .name{margin-top:25px; padding-top:0;}
.greeting_wrap button{margin-top:25px; border-radius:5px; border: 1px solid #7a88a7; width:234px; height:38px; box-sizing:border-box; text-align:center; padding:0 10px; }
.greeting_wrap button span{position:relative; font-size:16px; font-family:'NotoSans-Medium'; color:#4b597a;}
.greeting_wrap button span:after{position:relative; display:inline-block; margin-left:10px; top:-4px; content:""; background:url('../../images/web/btn_icon_go.png') no-repeat 50% 50%; background-size:49px 9px; width:49px; height:9px;}
.greeting_wrap .gre_box2{float:right; width:700px;}
.greeting_wrap .gre_box2 img{margin-top:0px;}
.greeting_wrap p{padding-top:26px;}
 .greeting_wrap .txt01{letter-spacing:-0.6px}
.greeting_wrap p.style{font-family:'NotoSans-Medium';}
.greeting_wrap:after{clear:both; content:""; display:block;}

.history_wrap {position:relative; color:#555; font-size:17px; line-height:185%; padding-bottom:80px; overflow: hidden;     padding-top: 10px;}
.history_wrap .gre_box1{float:left; width:287px; text-align:center;}
.history_wrap .gre_box2{float:right; width:700px;}
.history_wrap .gre_box2 img{margin-top:0px;}
.history_wrap .gre_box1 .name{margin-top:25px; padding-top:0;}
.history_wrap button{margin-top:25px; border-radius:5px; border: 1px solid #7a88a7; width:234px; height:38px; box-sizing:border-box; text-align:center; padding:0 10px; }
.history_wrap button span{position:relative; font-size:16px; font-family:'NotoSans-Medium'; color:#4b597a;}
.history_wrap button span:after{position:relative; display:inline-block; margin-left:10px; top:-4px; content:""; background:url('../../images/web/btn_icon_go.png') no-repeat 50% 50%; background-size:49px 9px; width:49px; height:9px;}
.history_wrap .datatable {float: right;width: 700px;margin-top: 35px;}

.sub-con.ktv-vision h4 {margin-bottom:29px; padding-top:48px; color:#000; font-size:22px; font-weight:normal;}
.ktv-vision ul.vision-box {overflow:hidden; margin-bottom:40px;}
.ktv-vision ul.vision-box li {padding:33px 0 40px; color:#fff; font-size:18px; text-align:center; line-height:30px;}
.ktv-vision ul.vision-box li.mission {float:left; width:490px; background:#5280d4;}
.ktv-vision ul.vision-box li.vision {float:right; width:490px; background:#239bb0;}
.ktv-vision ul.vision-box li .label {padding:10px 30px; font-size:22px;}
.ktv-vision ul.vision-box li p {margin-top:20px;}

/* .organization {overflow:hidden; padding-bottom:50px; background:url('../../images/web/bg_organization.gif') no-repeat 0px 65px; color:#fff; font-size:17px; text-align:center;}
.organization ol > li ul {padding-top:54px;}
.organization ol > li li {float:left; width:134px; margin-left:15px; padding:20px 0; line-height:21px; background:#1F838E;}
.organization ol > li li:first-child {margin-left:0;}
.organization .org-01 {display:inline-block; width:163px; height:65px; line-height:65px; background:#3F72CF; font-size:18px;} */

.organization {overflow:hidden; position:relative; padding-bottom:50px; background:url('../../images/web/bg_organization2.gif') no-repeat 0px 65px; color:#fff; font-size:17px; text-align:center;}
.organization ol .clr {padding-top:141px;}
.organization ol .clr li {float:left; width:134px; margin-left:15px; padding:20px 0; line-height:21px; background:#1F838E;}
.organization ol .clr li:first-child {margin-left:0;}
.organization .org-01 {display:inline-block; width:163px; height:65px; line-height:65px; background:#3F72CF; font-size:18px;}
.organization .org-02 {position:absolute; width:163px; height:65px; right:179px; line-height:65px; background:#405892; font-size:18px;}

.subcon-top {line-height:1.3;}
.subcon-top p {color:#555; font-size:16px; line-height:28px; font-weight:400; letter-spacing:-.7px;}
.subcon-top p.tit-txt {margin-bottom:10px; color:#222; font-size:21px; letter-spacing:-0.8px;line-height:30px; font-weight:400;}

.cs01 .subcon-top {height:134px; margin-bottom:35px; padding:0 0 0 130px; border-bottom:1px solid #eaeaea; background:url('../../images/web/bg_cs_01.png') no-repeat 0 3px;}
.cs01 .charter {color:#555; font-size:17px;}
.cs01 .charter li {line-height:200%; list-style-type:decimal; margin-left:20px; letter-spacing:-0.2px;}
.cs01 .charter p {margin-top:40px; border:1px solid #e8e8e8; background: #f5f5f5; padding: 20px 120px;text-align: center; word-break: keep-all;line-height: 24px;}

.ci-con .list-warning {padding:0 0 30px 0; border-bottom:1px solid #6c6c6c;}
.ci-con h4 {margin-top:40px;}
.ci-con .ci-symbol {padding-bottom:10px;}
.ci-con .ci-symbol .symbol-img {padding:55px 0 0 33px;}
.ci-con .ci-symbol .symbol-desc {width:380px;}
.ci-con .ci-symbol .symbol-desc p {margin-bottom:20px; color:#555; font-size:13px; font-weight:400; line-height:27px;}
/* .ci-con ul {overflow:hidden;} */
.ci-con ul:after{display:block; clear:both; content:"";}
.ci-con ul li:first-child {margin-left:0 !important;}
.ci-con li span {color:#555; font-size:14px;}
.ci-con .ci-list-sty01 li {float:left; margin-left:51px; margin-bottom:20px;}
.ci-con .ci-list-sty02 li.vert {float:left;margin-left:71px;}
.ci-con .ci-list-sty02 li.vert span {display:block; margin-top:15px; text-align:center;}
.ci-con .ci-list-sty02 li.hori {float:none;}
.ci-con .ci-list-sty02 li.hori span {display:inline-block; margin-left:20px; line-height:75px;}
.ci-con .ci-list-sty03 li {float:left; width:309px; height:130px; margin-left:51px; padding:30px 20px 20px 20px; text-align:center; margin-bottom:20px;}
.ci-con .ci-list-sty03 li strong, .ci-con .ci-list-sty03 li span{display:block; color:#fff;}
.ci-con .ci-list-sty03 li.blue{background:#003764;}
.ci-con .ci-list-sty03 li.red{background:#e4032e;}
.ci-con .ci-list-sty03 li.gray{background:#575757}

.maps .map-area {width:1030px; height:460px; margin-bottom:40px; background:#e8eaeb;}
.maps dl {min-height:80px; margin-bottom:28px; padding:20px 0 0 130px;}
.maps dl.map-address {background:url('../../images/web/bg_map_01.png') no-repeat;}
.maps dl.map-car {background:url('../../images/web/bg_map_02.png') no-repeat;}
.maps dl.map-train {background:url('../../images/web/bg_map_03.png') no-repeat;}
.maps dl.map-bus {background:url('../../images/web/bg_map_04.png') no-repeat;}
.maps dt {margin-bottom:10px; color:#222; font-size:22px;}
.maps dd strong {display:block; padding:10px 0 5px;font-size:18px;}
.maps dd ul {margin-bottom:22px;}
.maps dd li {color:#555; font-size:16px; line-height:27px; font-weight:400; word-break:keep-all;}

/* 소셜미디어 */
.cont-youtube {position:relative; padding-top:10px;}
.subscription-box {position:absolute; top:-40px; right:4px; height:24px;}
.subscription-box a, .subscription-box .subscription-num {float:left;}
.subscription-box .subscription-num {height:22px; line-height:23px; padding:0 6px; border:1px solid #cccccc; border-left:none; background:#fafafa; color:#555; font-size:13px;}
.youtube-list-wrap {overflow:hidden;}
.youtube-list-wrap a {display:block;}
.youtube-list-wrap a:hover {text-decoration:none;}
.youtube-list-wrap .popularity {float:left; width:380px;}
.youtube-list-wrap .popularity .thumb img {width:380px; height:261px;}
.youtube-list-wrap .popularity .cont-tit {height:45px; padding:15px 5px 0; font-size:16px; line-height:24px; overflow:hidden;}
.youtube-list-wrap .popularity a {}
.youtube-list-wrap .popularity a:hover {text-decoration:none;}
.youtube-list-wrap .latest {float:right; width:600px;}
.youtube-list-wrap .latest li {float:left; width:180px; height:160px; margin-left:20px;}
.youtube-list-wrap .latest li .thumb {position:relative;}
.youtube-list-wrap .latest li .thumb img {width:180px; height:101px;}
.youtube-list-wrap .latest li .cont-tit {height:34px; margin-top:10px; font-size:13px; line-height:17px; overflow:hidden;}

.col-list.facebook {margin-top:35px;}
.cont-facebook {padding-top:10px;}
.facebook-list {overflow:hidden;}
.facebook-list li {float:left; width:235px; margin-left:13px;}
.facebook-list li:first-child {margin-left:0;}
.facebook-list li .sns-header {overflow:hidden; margin-bottom:14px;}
.facebook-list li .sns-header a {color:#3b5998;}
.facebook-list li .sns-header > a {float:left; width:38px; height:38px; margin-right:9px; border:1px solid #e6e6e6;}
.facebook-list li .sns-header > a img {width:38px; height:38px;}
.facebook-list li .sns-header strong {display:inline-block; padding-top:13px;}
.facebook-list li .sns-cont a p {height:76px; margin-bottom:17px;}
.facebook-list li .sns-cont a {color:#555; line-height:18px;}
.facebook-list li .sns-cont p a strong {display:block; color:#111; font-weight:normal;}
.facebook-list li .sns-cont .thumb{position:relative; width:235px; height:132px;}
.facebook-list li .sns-cont .thumb img {width:235px;}
.facebook-list li .sns-cont .thumb img .img-frame{width:235px; height:132px;}

.col-list.tvcast {margin-top:45px;}

.cont-blog {position:relative; padding-top:10px;}
.cont-blog li {float:left; width:202px; margin-left:27px;}
.cont-blog li:first-child {margin-left:0;}
.cont-blog li a {display:block; color:#555; text-decoration:none;}
.cont-blog li a dt {height:60px; overflow:hidden; margin-bottom:15px; color:#0052a4; font-size:14px; line-height:20px;}
.cont-blog li a dd {height:90px; overflow:hidden; color:#555; font-size:13px; line-height:18px;}
.cont-blog li a:hover dd {text-decoration:underline;}

.cont-twitter {position:relative;}
.cont-twitter .btn-follow {position:absolute; top:-29px; left:0; color:#000; font-size:11px; text-decoration:underline;}

.opinion_wrap{margin-top: 45px; width:980px; border: 1px solid #cecece;padding:10px 10px 10px 20px ;border-left: 3px solid #385b9f;box-sizing: border-box; overflow: hidden;}
.opinion_wrap h3{font-size:20px; float:left; padding-top:5px;}
.opinion_wrap p{float:left; padding:8px 20px 0; width:760px; text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.opinion_wrap p a{color:#555;}
.opinion_wrap .btns {float:right; padding-top:5px;}
.opinion_wrap .btns button{width:17px; height:17px;}
.opinion_wrap .btns .btn-up{background: url(../../images/web/btn_scroll_up.png) no-repeat;}
.opinion_wrap .btns .btn-down {background: url(../../images/web/btn_scroll_down.png) no-repeat;}
.opinion_wrap .btns .btn-stop {background: url(../../images/web/btn_scroll_stop.png) no-repeat;}
.opinion_wrap .btn button.btn-stop {width:17px; margin-right:5px;}

.live-comm {background:url('../../images/web/bg_live_comment.gif'); }
.live-comm h3 {height:37px; padding:29px 0 0 30px; color:#000; font-size:22px;}
.live-comm .btn-refresh {position:relative; top:-2px; margin-left:7px;}
.live-comm .scroll-area {position:relative; height:361px; padding:0 15px 0 30px; overflow:hidden; overflow-y:auto;}
.live-comm .scroll-area ul {padding:5px 0;}
.live-comm .scroll-area li {position:relative; min-height:50px; padding:20px 0 20px 62px ; border-top:1px dashed #e2e2e2;}
.live-comm .scroll-area li .thumb {position:absolute; top:15px; left:0;}
.live-comm .scroll-area li .thumb img {width:48px; height:48px; border-radius:6px;}
.live-comm .scroll-area li .user {margin-bottom:7px; color:#6b6b6b; font-size:12px;}
.live-comm .scroll-area li .user strong {color:#000; font-size:13px; font-weight:bold; padding-right:5px;}
.live-comm .scroll-area li p {color:#2a2b2c; font-size:13px; line-height:18px;}
.live-comm .scroll-area li .link {padding-top:5px; color:#adadad; line-height:18px;}
.live-comm .scroll-area li .link dt {margin-bottom:5px;}
.live-comm .scroll-area li .link dt a {color:#5d7899; font-size:12px}
.live-comm .scroll-area li .link dd a {color:#adadad; font-size:12px;}
.live-comm .scroll-area li:first-child {padding-top:10px; border:none;}
.live-comm .scroll-area li:first-child .thumb {top:5px;}

/* 이용안내 */
.sub-con.use-guide h4 {margin-top:50px; font-size:20px;}
.sub-con.use-guide h4.first {margin-top:0;}
.sub-con.use-guide p, .sub-con.use-guide li {color:#555; font-size:16px; line-height:175%;/*  letter-spacing:-0.047em; */}
.sub-con.use-guide ol li {position:relative;}
.sub-con.use-guide ol > li {padding-left:21px;}
.sub-con.use-guide ol > li > .item-sty {position:absolute; top:0; left:0;}
.sub-con.use-guide ol > li > ul {position:relative;}

.sub-con.privacy h4 {margin-top:50px; font-size:20px;}
.sub-con.privacy p, .sub-con.privacy li {color:#555; font-size:16px; line-height:175%;/*  letter-spacing:-0.047em; */}
.sub-con.privacy li {position:relative; padding-left:20px;}
.sub-con.privacy li .listSt li{padding-left:0;}
.sub-con.privacy li .item-sty {position:absolute; top:0; left:0;}
.sub-con.privacy .bul-cir li, .sub-con.privacy .bul-bar li {padding-left:10px;}
.sub-con.privacy .btn_return{ display:block; width:260px;padding:10px; font-size:15px; letter-spacing:-.7px; background:#666; text-align:center; margin:0 auto;}
.sub-con.privacy .btn_return a, .sub-con.privacy .btn_return a:hover{color:#FFF; text-decoration:none;}

.sub-con.privacy .datatable {margin-top:30px;}
.sub-con.privacy .datatable thead th, .sub-con.privacy .datatable tbody td {padding:12px 3px; color:#777; font-size:15px;text-align:center; line-height:1.5;}
.sub-con.privacy .datatable thead th {color:#555;}

.guide-box {border:1px solid #dbdbdb; margin-bottom:50px;}
.guide-box .tit {border-bottom:1px solid #dbdbdb; background:#f9f9f9; color:#000; font-size:24px; font-weight:bold;}
.guide-box .tit strong.point {color:#ff3c3b;}
.guide-box .cont {padding:50px; color:#777; font-size:16px; line-height:185%; word-break:keep-all;}

.guide-box.copyright-policy .tit {padding:140px 0 25px; text-align:center; background:#f9f9f9 url('../../images/web/bg_icon_listen.png') no-repeat 50% 25px;}
.guide-box.copyright-policy .cont {letter-spacing:-0.02em;}
.guide-box.copyright-policy .ex{background:#e4e4e4; padding:10px 11px;letter-spacing: -1px; margin:10px 0;}
.guide-box.copyright-policy .ex strong{padding-right:10px; color:#4f6175;}
.guide-box.copyright-policy .tell{padding-top: 10px;}
.guide-box.copyright-policy .tell strong{color:#000}

.guide-box.email-policy .tit {padding:140px 0 25px; text-align:center; background:#f9f9f9 url('../../images/web/bg_icon_email.png') no-repeat 50% 25px;}
.guide-box.email-policy .cont strong {color:#222;}
.guide-box.public-data .tit {padding:140px 0 25px; text-align:center; background:#f9f9f9 url('../../images/web/bg_icon_data.png') no-repeat 50% 25px;}
.guide-box.public-data .cont p {color:#222;}

.guide-box.error {width:698px; margin:0 auto;}
.guide-box.error .tit {padding:140px 0 25px; text-align:center; background:#f9f9f9 url('../../images/web/bg_icon_error.png') no-repeat 50% 25px;}
.guide-box.error .cont {padding-top:50px; padding-bottom:60px; text-align:center;}
.guide-box.error .cont p {margin-bottom:40px; color:#222; font-size:18px; line-height:32px;}
.guide-box.error .cont .btns a {margin:0 8px;}

.error_center{width:350px;margin:0 auto; font-size:16px;}
.guide-box.error .stop_tit{padding:140px 0 25px; text-align:center; background:#f9f9f9 url('../../images/web/ktv_error.png') no-repeat 50% 25px;}

.rss-info {margin-bottom:54px; padding:35px 30px 35px 160px; border:1px solid #dedede; background:#f9f9f9 url('../../images/web/icon_rss.png') no-repeat 37px 25px; color:#777; font-size:16px; line-height:27px;}
.rss-info em {color:#222; font-weight:bold;}
.rss-info strong {color:#ea7819; font-weight:normal;}
.rss-guide table.form-list03 {margin:0;}
.rss-guide table.form-list03 th, .rss-guide table.form-list03 td {padding:10px 30px;}
.rss-guide table.form-list03 th {font-weight:normal; text-align:left;}
.rss-guide table.form-list03 td a {color:#777;}
.rss-guide table.form-list03 td a:hover {color:#1876ea; text-decoration:underline;}
.rss-guide .tab-sty03 {margin-bottom:30px;}

.site_wrap{margin-bottom: 60px;}
.site_wrap .site_list:first-child{padding-top:0}
.site_wrap .site_list {border-bottom: 1px solid #dfdfdf; overflow: hidden;  padding: 20px 0 15px;}
.site_wrap .site_list h2{font-weight:bold; background:#ececec; font-size:17px;width:130px;padding: 15px;line-height: 16px; float: left;text-align: left; margin-right: 20px;}
.site_wrap .site_list .menu{float: left; width:850px;}
.site_wrap .site_list h3{font-size:16px; background: url(../../images/common/icon_01.gif) no-repeat 0 10px; padding: 0px 0 5px 10px; letter-spacing:-0.5px;}
.site_wrap .site_list li{float: left;  width:170px;}
.site_wrap .list_2 li{width: 135px;}
.site_wrap .site_list ul .menu_sub { padding-left:10px;  line-height:22px; float:none; width:100%; font-size:15px; }
.site_wrap .site_list ul .menu_sub a {color:#797979;}

/* 사이트맵 */
.sitemap {padding-left:31px;}
.sitemap .siteblock-row02 {margin-top:-180px;}
.sitemap > .col-layout > .siteblock-wrap {float:left; width:490px;}
.sitemap .col-layout {margin-bottom:50px;}
.sitemap .siteblock {float:left; width:125px; margin-right:46px;}
.sitemap .siteblock h4 {width:125px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #000; color:#222; font-size:17px;}
.sitemap .siteblock li {line-height:22px;}
.sitemap .siteblock a, .sitemap .siteblock dt {color:#555; font-size:13px; font-weight:400; letter-spacing:-0.02em;}
.sitemap .news-block dl {margin-top:30px;}
.sitemap .siteblock.ktvifon-block {width:145px;}

/* 뷰어내려받기 */
.viewer_box{background: #f9f9f9; border: 1px solid #dbdbdb; padding:20px; color:#777; letter-spacing: 0.4px;}
.viewer_box p{font-size:16px; font-weight: bold; padding-bottom:8px; color:#000;letter-spacing: -0.1px;}
.viewer_box li{background: url(../../images/common/bullet_4px.gif) no-repeat 0 7px ;padding-left:10px; line-height: 20px}
.viewer_list{margin-bottom:30px;}
.viewer_list li{display: flex; border-bottom: 1px solid #dbdbdb; padding: 20px; align-items:center; letter-spacing: 0.3px;}
.viewer_list img{display: block; width: 52px; height:100%;}
.viewer_list li  p{width:830px; font-size:16px; padding:0 20px; color:#777; /* line-height:175%; */ letter-spacing:-0.4px;}
.viewer_list li  span, .viewer_list li  b{font-size:16px;}
.viewer_list li  p .red{font-weight:bold;}
.viewer_list li strong{display:block; font-size:17px; color:#000; padding-bottom:3px;}
.viewer_list li a{background: url(../../images/web/download.png) no-repeat 75px 8px #505365;font-size:15px; color:#fff;width:100px;padding:3px 13px;border-radius: 3px;height: 28px;}
.viewer_list li a:hover{text-decoration: none;  background: url(../../images/web/download.png) no-repeat 69px 8px #707280;}

/*견학안내 */
.visit_wrap {margin-bottom:50px;}
.visit_wrap h4{margin-top:30px;}
.step_list1{overflow:hidden; margin:10px 0;}
.step_list1 li{font-weight:bold; background:#fff; border:1px solid #a1aab6; width:320px; float:left; padding-left:0; text-align:center; padding:10px; position:relative; margin-right:35px;}
.step_list1 li:after {content: ""; background: url(../../images/web/next4.png) no-repeat;  position:absolute; width:8px; height:15px;right:-22px;top:30%;}
.step_list1 li:last-child{margin-right:0;}
.step_list1 li:last-child:after{background:none;}

.visit_wrap .step_list2{overflow:hidden; margin:10px 0;}
.visit_wrap .step_list2 li{background:#fff; border:1px solid #d2d8e6; width:18%; float:left; padding-left:0; text-align:center; padding-bottom:5px; position:relative; margin-right:25px;}
.visit_wrap .step_list2 li:after {content: ""; background: url(../../images/web/next4.png) no-repeat;  position:absolute; width:8px; height: 15px;right:-17px;top: 45%;}
.visit_wrap .step_list2 li:last-child{margin-right:0;}
.visit_wrap .step_list2 li:last-child:after{background:none;}
.visit_wrap .step_list2 li strong{background:#ebf1ff; width:100%; display:block;padding:5px; margin-bottom: 5px;}

/* API 이용안내 */
.text-center {text-align:center;}
.api_wrap {margin-bottom:50px; word-break:keep-all;}
.api_wrap .tit{font-size:25px; text-align: center; line-height: 30px;margin: 0 auto 12px;}
.api_wrap h4{padding-bottom:5px; margin-top:50px;}
.api_wrap h4:first-child{margin-top:0;}
.api_wrap .bul-cir table{margin-top:8px;}
.api_wrap .bul-cir table img{margin-top:7px;}
.api_wrap table.board-list th{text-align:center;}
.api_wrap table a{font-weight: bold;}
.api_wrap table a:hover{color:#1876ea;}
.api_wrap p{margin-bottom:10px; line-height:175%;}

.api_tab {padding:15px 0px 30px; margin-bottom:30px; text-align:center; border-bottom:1px solid #ddd;}
.api_tab a{border:1px solid #ddd; width:200px; display:inline-block; margin:0 2px; padding:10px;}
.api_tab a:hover{background: #efefef;}
.api_tab a.on{background:#3358ad; color:#fff; border:1px solid #3358ad;}

.api_tab1 p,.api_tab1 li{color:#777;}
.api_tab1 .bul-cir{margin-top:15px;}

.api_link_box{margin-top:20px;}
.api_link_box a{padding:10px 34px; margin:0 2px;}

.culture_date h5{padding: 20px 0 3px;}

/* 편성개방 안내 */
.btn-center{text-align:center; margin:25px;}
.btn-center a{padding:11px 34px; line-height:15px;}

.tv_notice_wrap{margin-bottom:50px; word-break:keep-all;}
.tv_notice_wrap h3{font-size:22px; text-align: center;}
.tv_notice_wrap h4{padding-bottom:5px; margin-top:40px;}
.tv_notice_wrap .datatable{margin:10px 0;}
.tv_notice_wrap .step_list1 li {width:308px; letter-spacing:-1px; margin-bottom:8px;}

.step_listSty1{margin:5px 0;}
.step_listSty1 li{display:table; font-weight:bold; background:#f7f9fa !important; border:1px solid #dadbdd; width:300px; float:left; text-align:center; padding:0 8px; height:70px; line-height:24px; position:relative; margin:0 35px 8px 0; letter-spacing:-1px}
.step_listSty1 li span{ display:table-cell; vertical-align:middle;}
.step_listSty1 li .text_st1{font-size:15px; display:block; color:#575757;}
.step_listSty1 li:after {content: ""; background: url(../../images/web/next4.png) no-repeat;  position:absolute; width:8px; height:15px;right:-22px;top:30%;}
.step_listSty1 li:last-child{margin-right:0;}
.step_listSty1 li:last-child:after{background:none;}
.step_listSty1:after{display:block; clear:both; content:"";}

.box_sty01{border:1px solid #ecf0f7; background:#f7f9fa; padding:15px 20px; }
.box_sty01 > li{position:relative; padding-left:18px; margin-bottom:5px; line-height:175%;}
.box_sty01 > li:last-child{margin-bottom:0px;}
.box_sty01 > li > span{font-weight:bold;color:#255baf;}
.box_sty01 > li:before{display:block; content:""; background:url(../../images/web/bullet_check.png) no-repeat; position:absolute; width:13px; height:12px;left:0;top:10px;}
.box_sty01 > li.bgNone{padding-left:0;}
.box_sty01 > li.bgNone:before{display:block; content:"";background:none;}
.box_sty01.ml10{margin-left:-10px}

.give_guide > li {color:#555; line-height:28px; margin-bottom:12px; letter-spacing:-0.2px;}
.give_guide > li {position:relative; padding-left:16px;}
.give_guide li .item-sty {position:absolute; top:0; left:0;}

.bul-cir strong.font_sty1{font-size:18px;}

/* 모바일앱 이용안내 */
.mobile_wrap{background:#e0f0f6; overflow:hidden; padding:60px 30px; text-align:center; margin-bottom:50px;}
.mobile_wrap .tit{font-size:30px; margin:0px auto 25px; letter-spacing:-1px;  line-height:36px;}
.mobile_wrap .tit strong{color:#3083d0;}
.mobile_wrap .text{margin:0 auto 50px; word-break:keep-all; color:#5E6A79; font-size:17px; line-height:29px;}
.mobile_wrap ul{overflow:hidden; margin-bottom:50px;}
.mobile_wrap li{float:left;border-right:1px solid #5E6A79; height:30px; color:#74849a; padding:0px 44px; font-size:17px; letter-spacing:-.8px;}
.mobile_wrap li:nth-of-type(1){width:298px}
.mobile_wrap li:nth-of-type(2){width:377px}
.mobile_wrap li:nth-of-type(3){width:293px}
.mobile_wrap li:last-child{border-right:0;}
.mobile_wrap  h4{margin:60px 0 15px;}

/* KTV영상 */
.intro-box {margin-bottom:35px; padding:20px 37px; border:7px solid #efefef;}
.intro-box p {color:#555; font-size:16px; line-height:22px;}

.board-vod-list {padding-bottom:25px; margin-bottom:30px; border-bottom:1px solid #e8e8e8;}
.board-vod-list li {position:relative; margin-top:25px; overflow:hidden;}
.board-vod-list li:first-child {margin-top:0;}
.board-vod-list li .thumb {display:block; position:relative; float:left; width:230px; height:129px; margin-right:20px;}
.board-vod-list li .thumb img {width:230px; height:129px;}
.board-vod-list li .slide-sbj {display:block; float:left; width:440px; padding:20px 10px 0 0; border-top:1px solid #e3e3e3;}
.board-vod-list li .slide-sbj strong {display:block; color:#222; font-size:16px; line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board-vod-list li .slide-sbj strong a {color:#222; text-decoration:none}
.board-vod-list li .slide-sbj strong a:hover {color:#1876ea;}
.board-vod-list li .category-name {position:absolute; left:253px; bottom:10px; font-size:13px;}
.board-vod-list li .category-name a {color:#5d7899;}
.board-vod-list li .category-name .date {color:#777; padding-left:10px; border-left:1px solid #e3e3e3; margin-left:10px;}

/********** 2016add **********/

/* 댓글모아보기 */
.all_livere_h4 {padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; font-size:21px;}
.list_livere{position:relative; margin-bottom:30px;}
.list_livere li{position:relative; min-height:70px; padding:25px 10px;border-bottom:1px solid #e5e5e5;}
.list_livere li img.img48{ position:absolute; top:13px; left:20px; width:48px; height:48px;}
.list_livere li .cont_box{max-height:73px; margin-left:80px;margin-bottom:10px; font-size:17px; color:#555;  line-height:180%; overflow-y:auto;}
.list_livere li .user_box{margin-left:80px; margin-bottom:10px; }
.list_livere li .user_box .yaer{ margin-left:15px; color:#6b6b6b; font-size:15px; letter-spacing:-1px;}
.list_livere li .user_box .time{ margin-left:5px; color:#888; font-size:14px;}
.list_livere li .player_title p{margin-left:80px; color:#5d7899; font-size:15px}

/* 댓글모아보기-sns아이콘이미지 */
.list_livere li .sns_icon{ position:absolute; top:49px; left:48px; z-index:9;width:18px; height:18px; display:inline-block; background:url(../../images/web/sns_all.png) no-repeat;}
.list_livere li .ktv_icon {background-position:0px -115px;}
.list_livere li .facebook_icon {background-position:0px 0px;}
.list_livere li .twitter_icon {background-position:0px -144px;}
.list_livere li .google_icon {background-position:0px -29px;}
.list_livere li .naver_icon {background-position:0px -58px;}
.list_livere li .kakao_icon {background-position:0px -86px;}

/* 정책이슈 NEW CSS */
/* 탑이슈 tab */
.top-issue-tab{position:relative;margin-bottom:20px; border-bottom:1px solid #b9b9b9; height: 78px;}
.top-issue-tab h2{display:inline-block; position:absolute; margin: 15px 0px 15px 20px; padding: 0px 20px 0px 0px!important; border-right:2px solid #222; height: 48px;width: 130px;left: 0;}
.top-issue-tab .issue_more{width:130px; height:78px; background:#1a76d9;color:#fff; display: inline-block; float: right;text-align: center;}
.top-issue-tab .issue_more strong{padding: 25px 0px;display: inline-block;}
.top-issue-tab .issue_more:hover{background:#1c71ce;text-decoration: none;}
.top-issue-tab .issue_more span{font-size: 25px;display: block; font-weight: 100;}

/* 탑이슈 ul */
.top-issue-ul{position:absolute; top:0px; right:0px; width:690px; left:165px;}
.top-issue-ul li{float:left; width:138px; background:url('../../images/common/line_h36px.gif') no-repeat 0 24px;}
.top-issue-ul li:first-child {background:none;}
.top-issue-ul li a{ display:block;color:#000;font-size:15px;line-height:1.3;text-decoration:none; }
.top-issue-ul li a:hover, .top-issue-ul li a:active, .top-issue-ul li a:focus {color:#1876ea;}
.top-issue-ul li a.on {color:#1876ea; background: url(../../images/web/issue_arrow_on.png) no-repeat 50% 84px; padding-bottom: 10px;}
.top-issue-ul li a .t-cell {height:78px; padding:2px 7px 8px 7px; text-align:center; word-wrap:break-word; word-break:keep-all;}

/* 탑이슈 tab_description */
.top-view .view-cont_redsign {position:relative; width:980px;}
.top-view .view-cont-imgtype_redsign {position:relative; float:left;width:630px; height:349px;}
.top-view .view-cont-imgtype_redsign a {display:block; text-decoration:none;}
.top-view .view-cont-imgtype_redsign .thumb img {width:630px; height:350px; border-right:1px solid #999;}

/* 정책이슈-메인상단*/
.top-view .view-cont-texttype2 {float:right; width:349px;}
.top-view .view-cont-texttype2 li {background:#efefef; color:#699ee0; width:320px; position: relative; display: block; padding: 20px 20px 14px; border-bottom:1px solid #ccc; height: 35px;}
.top-view .view-cont-texttype2 li .tit{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 83%;padding-bottom: 4px;display:block;color:#333; font-weight: bold;  font-size: 15px;}
.top-view .view-cont-texttype2 li .link_news{color:#1876ea;}
.top-view .view-cont-texttype2 li .link_more{position: absolute; right:24px; top:20px;}

/* 메인-통이미지배너 */
.main_special_allimg {position:relative; height:170px; padding:0px 0px 0px 0px; margin-top:10px; border-top:2px solid #222; }
.main_special_allimg a{display:block;}

/* KTV로고(정부상징MI) */
.ci-con .mi-symbol {margin-bottom:55px; float:left;}
.ci-con .mi-symbol:after{clear:both; content:""; display:block;}
.ci-con .mi-symbol .symbol-img {padding:14px 0 0 33px;}
.ci-con .mi-symbol .symbol-desc {width:720px;}
.ci-con .mi-symbol .symbol-desc p {margin-bottom:25px; color:#555; font-size:17px; line-height:175%;}


.ci-con .mi-list-sty01 li {float:left; margin-left:57px; margin-bottom:20px;}
.ci-con .mi-list-sty02 li {float:left; margin-left:8px;}
.ci-con .mi-list-sty01 .first{margin-left:0px;}

/* 모바일웹화면 */
.mobile_view_footer{display:block;padding:20px 0;text-align:center;font-size:52px; line-height:1.3em; color:#fff; border:1px solid #555;
/* -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; */ background:url(../../images/common/cowork_end.gif) repeat;}
.mobile_view_footer:hover{color:#ccc;}
.mobile_view{display:block;padding:20px 0;text-align:center;font-size:30px; line-height:1.3em; color:#fff; border:1px solid #555; width:100%;
/* -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; */ background:url(../../images/common/cowork_end.gif) repeat;}
.mobile_view:hover{color:#ccc;}


/* 라디오 유튜브 */
.col-list .h3_radio{background: url('../../images/common/bg_C_title06.png') no-repeat 0 12px !important;}
.col-list .h3_radio .icon-sns {margin-right:19px;vertical-align:-3px;}
.ul_boxtype4{ }
.ul_boxtype4:after{content:""; display: block; clear:both;}
.ul_boxtype4 li{ float:left; width:205px; margin:0 20px; }
.ul_boxtype4 li a:hover{text-decoration:none;}
.ul_boxtype4 li a:hover dt,
.ul_boxtype4 li a:hover dd{ color:#1876ea;}
.ul_boxtype4 li a .thumb {position:relative; width:205px;margin:0 0 15px;}
.ul_boxtype4 li .thumb > img {overflow:hidden; width:205px; height:116px;}
.ul_boxtype4 li a dt {height:35px; overflow:hidden; color:#222; font-size:13px; line-height:19px; margin-bottom:15px;}
.ul_boxtype4 li a dd {height:31px; overflow:hidden; color:#777; font-size:13px; margin-bottom:10px;}
.ul_boxtype4 li a dd.date {height:20px; overflow:visible; margin:0;}

.radio-youtube_now {margin-top:40px;}
.radio-youtube_now:after {content:""; display:block; clear:both;}
.radio-youtube_now .cell50{float:left;width:50%;}
.listening-commentbox{position:relative;height:227px; padding:35px 0px 20px 30px;border:1px solid #cecece;background:url(../../images/web/bg_board_patt01.gif) repeat;}
.listening-commentbox h3{font-size:20px;}
.listening-commentbox .btn_more{position:absolute; top:30px; right:35px;}
.listening-commentbox ul{margin-top:25px;}
.listening-commentbox li {float:left;width:205px;margin-right:15px;margin-bottom:25px; font-size:13px;}
.listening-commentbox li a:hover{text-decoration:none;}
.listening-commentbox li a p {color:#555; line-height:19px;}
.listening-commentbox li a p em {color:#1876ea;}
.listening-commentbox li a span {display:inline-block;margin-top:10px;color:#000; font-size:12px;}

.toutube-tbox{position:relative;height:290px;padding:35px 0 0 30px;  background:url(../../images/web/bg_patt_06.gif) no-repeat #e1e1e1;}
.toutube-tbox h3{font-size:35px; line-height:55px; color:#282727;}
.toutube-tbox h3 span{font-weight:normal;}
.toutube-tbox .out_link{position:absolute;top:160px; right:-60px; display:inline-block;width:321px; height:109px;background:url(../../images/web/youtube_off.png) no-repeat; z-index:9;}
.toutube-tbox ul{margin-top:30px;}
.toutube-tbox ul li{margin:10px 0px;padding-left:10px;background:url(../../images/web/bul_arrow.png) no-repeat 0 5px;}
.toutube-tbox ul li a{font-size:16px;}

/*  KTV 인터넷라디오 채널 포피 */
.channel-list li .img-list14 a .big_text{margin:0px 0 17px 0px; padding-top:5px; font-size:15px; color:#222;}
.channel-list li .img-list14 a .big_text:hover{color:#1876ea;}
.channel-list li .img-list14 a .the_number{padding:14px 0 14px 20px;font-size:17px; color:#aeadad; background:url("../../images/web/title_back_bg.png") no-repeat;}
.channel-list li .img-list14 a .the_number:hover{color:#fff;}

/*  프로그램홈 편성표   */
.channel-schedules h4{margin:40px 0 15px 0}
.channel-schedules .tday{color:#ff515d;}

/* issue-cate 정책이슈 모아보기*/
.btn-issue-open{position:absolute; top:5px; right:0px;}
.issue-cate {position:relative;height:38px;margin:10px 0 20px 0;border:1px solid #ebebeb;background:#f6f6f6;}
.issue-cate ul {position:absolute;top:0;left:0;width:100%;}
.issue-cate ul:after {content:".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.issue-cate li {float:left;width:6%;}
.issue-cate li:first-child {width:8%;}
.issue-cate li .last {width:8%;}
.issue-cate li a {display:block;padding:9px 0 11px;color:#231f20;font-weight:bold;font-size:16px;line-height:19px;letter-spacing:-0.02em;text-align:center;}
.issue-cate .on a {background:#fff;color:#d86344;}

.issue-nbox{height:133px; overflow:hidden;}
.issue-nbox .issue-list{float:left;width:33.3333333%; padding:5px 15px; border-left:1px solid #e9e8e9;}
.issue-nbox .issue-list:after {clear:both; display:block; content:''; }
.issue-nbox .issue-list a{display:block; padding:3px 2px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-decoration:none;}
.issue-nbox .issue-list a span.issue-cnt{font-size:12px; color:#777;}

.issue-ul{height:120px;}
.issue-ul:after{content:""; display: block; clear:both;}
.issue-ul li{float:left; width:154px;margin-right:7px;padding:5px 3px 4px 10px;border-left:1px solid #e9e8e9;}
.issue-ul li.noline{border:0px;}
.issue-ul li a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-decoration:none;}
.issue-ul li.notf{margin:45px 0 0 260px;}

.issue-page{position:relative;height:55px;margin:5px 0 30px 0;border-bottom:1px solid #ddd;}
.issue-page .number {position:absolute;top:16px; left:15px; font-weight:600; color:#222323; font-size:15px;}
.issue-page .number span {color:#ec4321;}
.issue-page .control {position:absolute; top:11px;left:60px; z-index:99; height:26px; width:54px;}
.issue-page .control a {display:block; overflow:hidden; float:left; width:26px; height:26px;}
.issue-page .control a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden;}
.issue-page .control a.prev {background:url(../../images/web/btn-issue-page.gif) no-repeat;}
.issue-page .control a.next {background:url(../../images/web/btn-issue-page.gif) no-repeat; background-position:-26px 0px;}

.issue-search-only {position:absolute; top:10px; right:0px; z-index:9;}
.issue-search-only legend, .issue-search-only label{width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.issue-search-only input[type="text"] {float:left;width:180px; height:30px; padding:0 10px; border:1px solid #dad8da; font-size:14px; line-height:30px; color:#555;}
.issue-search-only input[type="image"] {float:left;}

.pro_ranking{overflow:hidden; margin-right:-20px;}
.pro_ranking li{position: relative; float:left; width:338px; height:192px; border:1px solid #d3d3d3; margin:0 20px 20px 0; overflow: hidden;}
.pro_ranking a{display:block; }
.pro_ranking li .rank{ z-index: 2;display:block;position:absolute; top:0; background:#396cc1; color:#fff;width: 40px;height: 30px;text-align: center; padding-top: 10px; font-size: 20px;}
.pro_ranking a img{width:100%; height: 100%;}
.pro_ranking a img:hover{overflow: hidden;transition: transform .35s;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.pro_ranking a i{height: 40px; opacity: 0.6; background:#000; width:100%; display:block; padding:12px; position:absolute; bottom: 0; box-sizing: border-box;}
.pro_ranking a .tit_box{color:#fff;  position: absolute; bottom: 12px;left: 15px;; width: 300px;}
.pro_ranking a .tit{float: left;bottom: 12px;left: 15px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; width:220px;}
.pro_ranking a em{background: url(../../images/web/eye_icon2.png) no-repeat 0 3px; padding-left: 20px; background-size:17px;float:right; display: block;}

/* 달력-inputBox */
.box-input-calrender{position:absolute; top:22px; left:200px;z-index:99;}
.box-input-calrender input[type="text"]{padding:4px;width:120px;}

/* 팝업 로그인 */
.popup_login_wrap{width:360px;margin: 0 auto;margin: 0 auto;}
.popup_login_wrap .login-form {margin-left: 10px; margin: 0;}
.popup_login_wrap .onepass-wrap {margin:0 auto; width:360px; padding-top: 20px; border-top: 1px solid #ddd;}
.popup_login_wrap .join-top-styl01 {padding: 20px 0;}

/* .popup_login_wrap .join-top-styl01 {width:360px; text-align:center; font-size:20px; font-weight: bold; line-height:26px; color:#000000;}
.popup_login_wrap .join-top-styl01 img {display:block; width:133px; margin:0 auto 10px;}

.popup_login_wrap .con-login .txt {padding:10px 0; margin:13px 0; font-size:13px; text-align: center;  color:#777;}
.popup_login_wrap .con-login{width:360px;}

.popup_login_wrap .login-cnt {overflow:hidden; padding-left:25px;}
.popup_login_wrap .login-cnt .id-save-chk {clear:both;  font-size:12px; color:#777777; border-bottom: 0px dotted #b8ad9d; padding-bottom:0px; margin-bottom:0px;}
.popup_login_wrap .mem-app-link{border-top:0; padding-top:0;}
.popup_login_wrap .mem-app-link ul {margin: 12px 0px 20px 0px; padding: 15px 10px; border-bottom:1px dotted #b8ad9d; border-top: 1px dotted #b8ad9d;}
.popup_login_wrap .join_btnwrap{float:inherit; margin-left:30px;}
.popup_login_wrap .join_btnwrap a {margin:0 1px; display:inline-block; padding-right:5px; border:1px solid #ddd; text-align: center;width: 100px;padding: 8px 0;}
.popup_login_wrap .join_btnwrap a:hover{background:#efefef;}
.popup_login_wrap .join_btnwrap a:last-child{padding-right:0;} */

  /****************** 전자민원 > 공익신고 ************************/
.public_service{ position:relative; min-height:100px; padding:22px; font-size:17px; line-height:28px; color:#fff; letter-spacing:-0.2px;}
.public_service_bg01{ background:#299ca9;}
.public_service_bg02{ background:#5280d4;}
.public_service_bg03{ background:#4469ad;overflow:hidden;}
.public_service .white_btn{background:#fff; border-radius: 5px;padding: 10px;display: block; text-align:center;}


/* 디지털 원패스 */
/* .onepass_btn {display:block; text-align:center; height:46px; background-color:#284d9e; line-height:46px; color:#fff; font-size:17px; margin-top:23px; font-weight:bold;}
.onepass_btn span {text-decoration: none !important; color:#fff !important;} */
 .onepass_btn {display:block; position:relative; text-align:center; height:46px; background-color:#1c2674; line-height:46px; color:#fff; font-size:18px; margin-top:23px; padding-left:42px;}
.onepass_btn:hover{color:#fff;}
  .onepass_btn:after{position:absolute; display:block; content:""; left:50%; top:50%;background:url(../../images/common/icon_fp.jpg) no-repeat 50% 50%; width:34px; height:32px;margin-left:-100px; margin-top:-16px; }
.login_btn {display:inline-block; text-align:center; height:95px; background-color:#284d9e; line-height:95px; color:#fff; font-size:18px; width:104px; font-weight:bold; float:left;}
.login_btn span {text-decoration: none !important; color:#fff !important;}

.onepass-wrap {width:485px; float:left; margin-top: 20px; margin-left: 40px;}
.onepass-wrap h5{font-size:22px;}
.onepass-wrap .txt {padding: 20px 0px; width:100%; font-size: 16px; line-height: 27px; color:#767676;}
.mem-app-link_1 {float:left; margin-left:0px;  margin-right:0px;  padding: 0px 0px; overflow:hidden; font-size:15px; line-height:22px; color:#777;  border-top:1px;   padding-top:5px;}
.mem-app-link_2 {padding: 10px 160px; overflow:hidden; font-size:12px; line-height:22px; color:#777;    border-top:1px; padding-top:30px;  border-bottom:1px solid #ddd;}
.onepass-wrap img{margin-top:23px;}
.one_pass{padding: 2px 8px; background: #9a9a9b; margin-left: 10px;  text-align: left;    font-size: 11px;  border-radius: 3px; color: #fff; }

/* 디지털 원패스 서비스 */
.onepass-service .con-login02 {overflow:hidden; margin-bottom:35px;}
.onepass-service .con-login02 .txt {padding:25px 0; font-size:13px; line-height:20px; color:#777; margin:0 auto;}
.onepass-service .con-join-top {overflow:hidden; margin-bottom:35px;}
.onepass-service .con-join-top .txt01 {margin:25px 0px; font-size:16px; font-weight:bold; line-height:22px; color:#000;}
.onepass-service .con-join-top .txt02 {margin-bottom:20px; font-size:14px; line-height:20px; color:#777;}
.onepass-service .con-join-top .join-m-list {overflow:hidden;}
.onepass-service .con-join-top .join-m-list li {float:left;}
.onepass-service .con-confirm {position:relative; margin:55px 0 50px;}
.onepass-service .con-confirm .inp-grp {font-weight:bold; padding-top:3px; margin-bottom:11px;}
.onepass-service .con-confirm .btn-ipin {overflow:hidden; position:absolute; top:0; right:0;}
.onepass-service .con-confirm .txt-black {font-weight:bold;}
.join-m-list2 {width:100%; float:left; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.join-m-list2 li{float:left; position:relative; width:25%;}
.join-m-list2 li span{position:relative; display:block; width:100%; height:96px;font-size:23px; color:#9f9e9e; padding-left:82px; line-height:96px;}
.join-m-list2 li span.step2{padding-left:90px;}
.join-m-list2 li span.step4{padding-left:95px;}
.join-m-list2 li span:before{display:block; content:""; position:absolute; left:40px; top:33px;background:url(../../images/web/icon_agree.png) no-repeat 0 0; width:33px; height:32px;}
.join-m-list2 li span.step1:before{background-position:0 0;}
.join-m-list2 li span.step2:before{background-position:-49px 0;width:38px; height:32px;}
.join-m-list2 li span.step3:before{background-position:-103px 0;width:33px; height:32px;}
.join-m-list2 li span.step4:before{background-position:-152px 0;width:43px; height:31px;}
.join-m-list2 li.on span{color:#2c59c0; font-family:'NotoSans-Medium'}
.join-m-list2 li.on span.step1:before{background-position:0 -36px;}
.join-m-list2 li.on span.step2:before{background-position:-49px -36px;}
.join-m-list2 li.on span.step3:before{background-position:-103px -36px;}
.join-m-list2 li.on span.step4:before{background-position:-152px -36px;}
.join-m-list2 li.on span:after{background-position:0 -33px; width:17px; height:28px;}
.join-m-list2 li span:after{display:block; content:""; position:absolute; right:0; top:50%; margin-top:-14px; background:url(../../images/web/icon_agree_arrow.png) no-repeat; width:17px; height:28px;}
.join-m-list2 li:last-child span:after{background:none;}
.join-m-list2 li.on:after{display:block; content:""; position:absolute; width:100%;height:3px;background:#3358ad; top:-1px;; left:0;}

.join-m-list2 :after{display:block; clear:both; content:"";}

.onepass-service .login-cnt02 {overflow:hidden; margin: 0px auto; width: 335px;}
.onepass-service .login-cnt02 .login-cnt-top02 {float:left;}
.onepass-service .login-cnt02 .login-cnt-top02 input {margin-right:5px; width:235px; height:40px; padding:0 15px; margin-bottom:5px; border:none; background:#ececec; font-size:13px; line-height:20px; color:#b6afa3;}

.onepass-service .mem-app-link02 {overflow:hidden; font-size:12px; line-height:22px; color:#777;  border-top:1px solid #8e99b3; padding-top:25px;}
.onepass-service .mem-app-link02 ul {margin-bottom:20px;padding-bottom:9px; width:364px; float:left;}
.onepass-service .join_btnwrap02 {float:right;}
.onepass-service .join_btnwrap02 a {display:inline-block; padding-right:8px; border:1px solid #ddd; text-align: center;width: 100px;padding: 8px 0; margin-right:2px;}
.onepass-service .join_btnwrap02 a:hover{background:#efefef;}
.onepass-service .join_btnwrap02 a:last-child{padding-right:0; margin-right:0px;}










/* 조보빈 추가 */

/* 우측 탭 */
.r-search-tab02 .tab {margin-top:20px; border-right:0;overflow:hidden;border:1px solid #ddd;}
.r-search-tab02 .tab li {float:left; width:33.3%; margin-bottom:-1px;}
.r-search-tab02 .tab li a {display:block; background:#fff; color:#999; font-size:17px; text-align:center; text-decoration:none; padding:7px 0;border-right:1px solid #ddd;}
.r-search-tab02 .tab li a:hover {color:#004fa2;}
.r-search-tab02 .tab li a::after {content:''; display:block; clear:both;}
.r-search-tab02 .tab li:first-child a {border-left:none;}
.r-search-tab02 .tab li:last-child a {border-right:none;}
.r-search-tab02 .tab li.on a {color:#fff; background:#004fa2; border-right:1px solid #004fa2;}
.r-search-tab02 .r-txt-sty02 {padding:12px 0 0 15px;}
.r-search-tab02 .r-txt-sty02 li {margin-bottom:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.r-search-tab02 .r-txt-sty02 li a {text-decoration:none;}

.r-search-tab02 .tab1 {position:relative; margin:20px 0 0 0; border-radius:5px; background:#eaf1f8;}
/* .r-search-tab02 .tab1:before{position:absolute;display:block; content:""; left:0; bottom:0; width:365px; height:1px; background:#ddd; margin-left:-16px;} */
.r-search-tab02 .tab1 li { float:left; width:50%;}
.r-search-tab02 .tab1 li a {position:relative;display:block;color:#58728c;height:45px; line-height:45px; font-family:'NotoSans-Regular'; font-size:17px; text-align:center; text-decoration:none;}
/* .r-search-tab02 .tab1 li a:before{position:absolute;display:block; content:"";width:1px; height:17px; background:#ddd; left:0; top:50%; margin-top:-8px;} */
.r-search-tab02 .tab1 li:first-child a:before{width:0;}
.r-search-tab02 .tab1 li a:hover {color:#004fa2;}
.r-search-tab02 .tab1 li.on a{color:#fff;height:45px;background:#19528e; }
.r-search-tab02 .tab1 li:nth-of-type(1).on a {border-radius:5px 0 0 5px;}
.r-search-tab02 .tab1 li:last-child.on a{border-radius:0 5px 5px 0;}
.r-search-tab02 .tab1 li.on a:after{display:block;position:absolute; height:4px; background:#004fa2; width:100%; left:0; bottom:0;}
.r-search-tab02 .tab1:after{display:block; clear:both; content:"";}

.search_filter_wrap{margin:-20px 0px 25px 0px; border-bottom:1px solid #e3e3e3; height:35px;}
.search_filter_wrap .filter_label{display:inline-block; position:relative; overflow:hidden; margin-right:5px;}
.search_filter_wrap .filter_label input[type="button"]{position:absolute; top:0; left:50%; margin:0; display:none;}
.search_filter_wrap .filter_label .filter_strong {display:block; position:relative; text-align:center; letter-spacing:-0.8px; cursor: pointer;}
.search_filter_wrap .filter_label .filter_strong .filter_text{display:block; font-size:15px; color:#2455d2; line-height:30px; letter-spacing:-0.8px; padding: 0 20px 0 0px;}
.search_filter_wrap .filter_label .filter_strong .filter_close{position:relative;font-size:0px; background:url('../../images/web/filter_close.png') no-repeat; width:10px; height:11px; right:0; display:inline-block; top:4px; margin-left:3px;}
.search_filter_wrap .filter_title{float:left; margin-right:10px;}
.search_filter_wrap .filter_title > span{position:relative; color:#3b3b3b; font-size:17px; letter-spacing:-0.8px; padding-right:10px; line-height:30px;}
.search_filter_wrap .filter_title > span:after{position:absolute; top:50%; right:0; display:block; content:""; width:1px; height:10px; background:#bfbfbf; transform:translateY(-50%);}

.group-check .check-container {display:block; padding:0 0 0 27px;font-size:16px;margin-bottom:8px;position:relative;line-height:20px;}
.group-check .check-container-dayweek, .group-check .check-president{display:inline-block; width:158px; padding:0 0 0 27px;font-size:15px;margin-bottom:4px;position:relative; letter-spacing:-0.7px;}
.group-check .check-container-more {display:block;width:20px;height:20px;position:absolute;top:21px;right:0;}
.group-check .check-container-more-down {background:url('../../images/common/icon_facet_down.png') no-repeat 5px center;}
.group-check .check-container-more-up {background:url('../../images/common/icon_facet_up.png') no-repeat 5px center;}
.group-check .check-container-showmore {display:block;height:35px;text-align:center;line-height:35px;margin:20px 0 0 0; border:1px solid #ebebeb; border-radius:40px; font-size:15px;}
.group-check .check-container-showmore:hover {color:#000; border:1px solid #2b2b2b;}
.group-check .check-container-showmore img {vertical-align:-2%;padding-left:5px;}
.group-check .font_st{font-size:14px; color:#797979; margin-left:2px;}

/* 패싯 check */
.check-container {position:relative;min-width:17px;min-height:17px;vertical-align:middle;}
.check-container input[type="checkbox"]{position:absolute; top:2px; left:0; width:20px; height:20px; margin:0;display:none;}
.check-container .hero{display:block; position:absolute; top:0; left:0; width:20px; height:20px;cursor:pointer;background:url('../../images/common/facet_check2.png') no-repeat 0 0px;}
.check-container input[type='checkbox']:checked + .hero {background:url('../../images/common/facet_check_on2.png') no-repeat 0 0px;}
.check-container input[type='checkbox']:hover + .hero {background:url('../../images/common/facet_check_off2.png') no-repeat 0 0px;}
.check-container input[type='checkbox']:checked:hover + .hero {background:url('../../images/common/facet_check_on2.png') no-repeat 0 0px;}
.check-container strong{padding-left:28px; display:block; line-height:21px; font-size:13px; color:#505050; letter-spacing:-0.2px; font-weight:normal; cursor:pointer}

.r-search-tab02 .tab02 {margin:0 0 15px 0; border-right:0;border:1px solid #d7d7d7; border-radius:5px;}
.r-search-tab02 .tab02 li {float:left; position:relative;  width:33.3%;}
.r-search-tab02 .tab02 li a {display:block; color:#797979; font-family:'NotoSans-Regular'; width:100%; height:40px; line-height:40px; font-size:16px; text-align:center; text-decoration:none;border-right:1px solid #ddd; }
.r-search-tab02 .tab02 li a:hover {color:#004fa2;}
.r-search-tab02 .tab02 li:last-child a {border-right:none;}
.r-search-tab02 .tab02 li.on a span{ position:absolute; left:0; z-index:2; color:#fff;height:40px; line-height:40px; width:100%; text-align:center; }
.r-search-tab02 .tab02 li.on a:before{display:block; position:absolute; top:-1px; content:""; height:42px; width:111px; background:#2877c9; }
.r-search-tab02 .tab02 li:nth-of-type(1).on a:before{border-radius:5px 0 0 5px; left:-1px;}
.r-search-tab02 .tab02 li:nth-of-type(2).on a:before{left:-1px;}
.r-search-tab02 .tab02 li:nth-of-type(3).on a:before{border-radius:0 5px 5px 0; right:-2px; width:113px;}
.r-search-tab02 .tab02:after{clear:both; display:block; content:"";}

.check-con-more{max-height:220px; overflow-y:auto;}

.group-now-new h3 {width:100%;}
.group-now-new strong {margin-right:4px; width:18px !important; text-align:center; display:inline-block;}

.popular_word_up {float:right;padding-left:20px;background:url(../../images/common/icon_popular_word_up.png) 0px 0 no-repeat; font-size:15px}
.popular_word_down {float:right;padding-left:20px;background:url(../../images/common/icon_popular_word_down.png) 0px 0 no-repeat; font-size:15px}
.popular_word_none {float:right;padding-left:20px;}

/* //우측 탭 */

.sear-form-list{overflow: hidden;margin:15px auto 0;display: flex;align-items: center;justify-content: center;}
.sear-form-list strong{background:url(../../images/main/keyword.png) 0px 2px no-repeat; padding:3px 10px 0 20px; float:left;}
.sear-form-list a{float:left;}
.sear-form-list a{border:1px solid #afafaf; display: block; text-align:center;margin:1px;font-size:12px;padding: 2px 10px;}
.sear-form-list a:hover{background:#132267;color: #fff;border: 1px solid #132267;}

.btn-pro-date {display:inline-block; position:absolute; top:24px; right:18px; min-height:15px; padding-left:20px; color:#777; font-size:13px; line-height:17px; background:url('../../images/common/icon_broaddate.png') no-repeat;}

.board-list04 li {position:relative; float:left; width:985px; margin-bottom:40px;}
.board-list04 li > a{display:block; float:left}
.board-list04 li:last-child{margin-bottom:20px;}
.board-list04 .thumb {position:relative; overflow:hidden; float:left; display:block; width:337px; height:190px;}
.board-list04 .thumb img {overflow:hidden; width:337px; height:190px;}
.board-list04 .slide-sbj {display:block; float:left; width:618px; margin-left:30px; padding:22px 0 0 0; border-top:1px solid #e3e3e3; background:#ffffff; font-size:13px; line-height:20px; color:#555555; text-align:left;}
.board-list04 .slide-sbj a{display:block}
.board-list04 .slide-sbj strong {display:block; overflow:hidden; height:24px; margin-bottom:12px; color:#222222; text-align:left; font-size:20px; line-height:24px; text-overflow: ellipsis; white-space: nowrap; }
.board-list04 .slide-sbj strong:hover {color:#1876ea;}
.board-list04 .slide-sbj strong > span{font-family:"NotoSans-Medium";}
.board-list04 .slide-sbj  em {display:block; display:-webkit-box; overflow:hidden; height:55px; font-size:16px; line-height:1.7; color:#555555;margin-top:15px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list04 .slide-sbj.sbj1 em{position:relative; height:100px; line-height:1.6; top:-3px;  /* word-break:break-all; */ -webkit-line-clamp:4;}
.board-list04 .slide-sbj em.line3 {height:60px;}
.board-list04 .keyword{margin-top:10px; overflow:hidden; height:30px; padding:5px 0 0 2px; box-sizing:border-box;}
.board-list04 .keyword > li{display:inline-block; width:auto; margin:auto;}
.board-list04 .keyword > li > a{display:block; font-size:16px; margin-right:10px; letter-spacing:-0.8px; color:#555; margin-bottom:10px;}
.board-list04 .keyword > li > a:hover{color:#023668; text-decoration:underline;}
.board-list04 li .catgy-title01 {position:absolute;bottom:0;right:0;width:618px;font-size:14px;line-height:18px;color:#5d7899;}
.board-list04 li .thumb .play_icon{ background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:33px;height:33px; position: absolute; background-size:33px;  bottom:12px;right:12px;}
.board-list04 li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height: 25px;line-height: 22px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.board-list04:after{display:block; clear:both; content:"";}
.board-list04 .catgy-title01 a{width:auto;}
.board-list04 .catgy-title01 a:hover{color:#05356f;}
.board-list04 .catgy-title01 span{float:right; width:auto;}
.sear-result .board-list04 .slide-sbj > .slide-sbj-tag {margin-top:10px;}


/* 프로그램 */
.sear-program .program-info02{width:100%;}
.sear-program .program-info02 li {position:relative; float:left;margin-top:20px; padding:20px; border:1px solid #d9d9d9;}
.sear-program .program-info02 li .thumb {float:left; display:block; width:280px; height:158px; overflow:hidden; margin-right:30px;}
.sear-program .program-info02 li .thumb img {width:280px; height:158px;}
.sear-program .program-info02 li .info-area {float:right; width:633px;}
.sear-program .program-info02 li .info-area a{display:block;}
.sear-program .program-info02 li .info-area .title{/* display:block;  */margin-bottom:12px; padding-top:3px; color:#222; font-size:20px;text-overflow:ellipsis; white-space:nowrap; width:500px; height:30px; overflow:hidden;}
.sear-program .program-info02 li .info-area .title .end_program{margin:3px 5px 3px 0px; width:43px; background:#7d7d7d; padding:2px; border-radius:30px;display:block;text-align: center;color: #fff; float: left; font-size:13px; line-height: 22px;}
.sear-program .program-info02 li .info-area .title:hover {color:#1876ea;}
.sear-program .program-info02 li .cate_area{height:32px;position:absolute; bottom:15px; width:633px;}
.sear-program .program-info02 li .cate_area .tag{float:left; height:32px; width:70%; overflow:hidden; padding:5px 0 2px 2px; box-sizing:border-box;}
.sear-program .program-info02 li .cate_area .tag li{margin:0; padding:0; border:none;}
.sear-program .program-info02 li .cate_area .tag li > a{display:block; color:#555; font-size:16px; margin-right:10px; letter-spacing:-0.8px; margin-bottom:10px}
.sear-program .program-info02 li .cate_area .tag li > a:hover{color:#023668; text-decoration:underline;}
.sear-program .program-info02 li .info-area .date {color:#555; font-size:13px; line-height:16px;}
.sear-program .program-info02 li .info-area .date a {color:#555;}
.sear-program .program-info02 li .info-area .date .ico {margin-right:6px;}
.sear-program .program-info02 li .info-area .desc {display:block; display:-webkit-box; height:82px; margin:12px 0 10px 0; color:#777; font-size:16px; line-height:1.7; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.sear-program .program-info02 li .info-area .desc a {display:block; color:#777; text-decoration:none;}
.sear-program .program-info02 li .btn-pro-home {display:inline-block; position:absolute; top:24px; right:18px; min-height:15px; padding-left:20px; color:#777; font-size:13px; line-height:17px; background:url('../../images/common/icon_prohome.png') no-repeat;}
.sear-program .program-info02 li:first-child {margin-top:0;}
.sear-program .program-info02:after{display:block; clear:both; content:"";}

.sear-program .program-info02 li .info-area .tag .ico {margin-right:6px;}
.sear-program .program-info02 li .info-area .date02 {color:#555; font-size:15px;text-align:right;float:right; padding-top:5px;line-height:26px; box-sizing:border-box;}
.sear-program .program-info02 li .info-area .date02 img{display:inline-block; margin-top:3px;}
.sear-program .program-info02 li .info-area .date02 a {color:#555;}


/* 공통 */
.board-list04 .catgy-title01 a:hover, .board-list05 li .e-vod-info em a:hover{color:#05356f;}

/* 기타 */
.board-list05 li {position:relative; float:left; width:985px; padding-bottom:25px;}
.board-list05 li > a{display:block; float:left}
.board-list05 .thumb {position:relative; overflow:hidden; float:left; display:block; width:304px; height:170px;}
.board-list05 .thumb img {overflow:hidden; width:304px; height:170px;}
.board-list05 .slide-sbj {display:block; float:left; width:651px; margin-left:30px; padding:25px 10px 16px 0; border-top:1px solid #e3e3e3; background:#ffffff; font-size:13px; line-height:20px; color:#555555; text-align:left;}
.board-list05 .slide-sbj a{display:block;}
.board-list05 .slide-sbj strong {display:block; overflow:hidden; height:24px; margin-bottom:12px; color:#222222; text-align:left; font-size:20px; line-height:24px; text-overflow: ellipsis; white-space: nowrap; }
.board-list05 .slide-sbj strong:hover {color:#1876ea;}
.board-list05 .slide-sbj em {display:block; overflow:hidden; height:30px; font-size:16px; line-height:1.7; color:#555555;margin-top:15px; white-space:nowrap; text-overflow:ellipsis;}
.board-list05 .slide-sbj em.line3 {height:60px;}
.board-list05 .keyword{margin-top:10px; overflow:hidden; height:30px; padding:5px 0 0 2px; box-sizing:border-box;}
.board-list05 .keyword > li{display:inline-block; width:auto; margin:auto;}
.board-list05 .keyword > li > a{display:block; font-size:16px; margin-right:10px; letter-spacing:-0.8px; color:#555; margin-bottom:10px;}
.board-list05 .keyword > li > a:hover{color:#023668; text-decoration:underline;}
.board-list05 li .thumb .play_icon{ background: url(../../images/common/play4.png) no-repeat;  text-indent:-999em;display:block; width:33px;height:33px; position: absolute; background-size:33px;  bottom:12px;right:12px;}
.board-list05 li .thumb .time {font-size:12px; position: absolute;bottom:0px;left: 0; width: 56px;height: 25px;line-height: 22px; background: url(../../images/common/time_bg.png) repeat;color: #fff;text-align: center;}
.board-list05 .slide-sbj .slide-sbj-tag {height:25px;margin-bottom:10px;}
.board-list05 .slide-sbj02 {display:block; float:left; width:985px; padding:25px 10px 16px 0; border-top:1px solid #e3e3e3; background:#ffffff; font-size:13px; line-height:20px; color:#555555; text-align:left;}
.board-list05 .slide-sbj02 strong {display:block; overflow:hidden; height:24px; margin-bottom:12px; color:#222222; text-align:left; font-size:20px; line-height:24px; text-overflow: ellipsis; white-space: nowrap; }
.board-list05 .slide-sbj02 strong:hover {color:#1876ea;}
.board-list05 .slide-sbj02 > em {display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;  height:50px; font-size:16px; line-height:1.7; color:#555555;margin-top:15px;}
.board-list05 .slide-sbj02 > em.line3 {height:60px;}
.board-list05 li .e-vod-info {position:absolute;bottom:25px;right:0;width:651px;font-size:15px;}
.board-list05:after{display:block; clear:both; content:"";}

.sear-issue{height:222px; border-bottom:1px solid #e8e8e8; padding-bottom:0 !important; margin-bottom:75px;}
.sear-issue .issue-list02{position:relative; height:150px;overflow:hidden;}
.sear-issue .issue-list02.result-cont{border-bottom:none;}
.sear-issue .issue-list02 li a {display:block; padding:7px 20px; background:#fff; border:1px solid #d3d3d3; color:#000; font-size:16px; text-decoration:none;border-radius:50px;float:left;margin-right:13px; margin-bottom:11px; transition:all .3s ease;}
.sear-issue .issue-list02 li a:hover {color:#fff; background:#2d55a5; border:1px solid #2d55a5;}
.sear-issue .issue-list02-tit {margin-bottom:20px;}
.sear-issue .issue-list02-tit a {display:block; padding:16px 45px 15px 22px; background:#f9f9f9 url('../../images/common/ico_more06.png') no-repeat 675px 18px; color:#000; font-size:18px; font-weight:bold; text-decoration:none;}
.sear-issue .issue-list02-tit a:hover {color:#1876ea;}
.sear-issue .issue-list02:after {content:''; display:block; clear:both;}

.total-sear-option .group-right {color:#333;}

.sear-program .program-info li .info-area dd.tag {color:#555; font-size:13px; line-height:16px; text-align:left;float:left;}
.sear-program .program-info li .info-area dd.tag a {color:#555;}
.sear-program .program-info li .info-area dd.tag .ico {margin-right:6px;}
.sear-program .program-info li .info-area dd.date02 {color:#555; font-size:13px; line-height:16px; text-align:right;float:right;}
.sear-program .program-info li .info-area dd.date02 a {color:#555;}
.sear-program .program-info li .info-area dd.date02 .ico {margin-right:6px;}

.btn-pro-replay {display:inline-block; position:absolute; top:24px; right:20px; min-height:15px; padding-left:20px; color:#777; font-size:15px; line-height:17px; background:url('../../images/common/icon_replay.png') no-repeat;}

/* 검색 */
.total-sear-option02 {margin-bottom:30px; border:1px solid #e2e2e2; background:#fff;}
.total-sear-option02 .search_form02{margin:30px auto 30px; width:940px;}
.total-sear-option02 .search_form02:after{display:block; clear:both; content:"";}
.total-sear-option02 .search_result_wrap{height:47px; float:left; border-radius:0; width:750px;border: 3px solid #003665; background:#fff;}
.total-sear-option02 .search_form02 .searchTxt{float:left; border: 0px;width:700px; height:40px; line-height:40px; padding-left:12px;}
.search_form02 button{float:left; background:url('../../images/common/btn_search.png') no-repeat center #003665;width:65px;height:47px;}
.search_form02 .sr-more{color:#868e96;border:1px solid #adb5bd; background:#fff;width:65px;height:47px;margin:0 0 0 10px; text-align:center;border-radius:0;}
.sr-only {position: absolute; width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip: rect(0,0,0,0);border: 0;}
.search_keyword {position:relative; margin:-20px auto 20px; width:922px; height:25px; overflow:hidden; word-break:keep-all; word-wrap:break-word; background:url('../../images/common/icon_search_keyword.png') no-repeat left; font-size:16px; padding-right:125px;}
.search_keyword strong {float:left; margin-right:15px; padding-left:25px;}
.search_keyword a {display:block; float:left; color:#717171;margin-right:12px;}
.search_keyword:after{display:block; clear:both; content:"";}
.btn-detail-sear02 {width:91px !important; float:right !important; margin:0 !important;}
.ico_arr_wrap {display:block;float:right; margin:17px 15px 0 0;}
.ico_arr_down {display:block;width:20px;height:20px;background-color: black;background:url('../../images/common/icon_arr_down.png') no-repeat 50% 50%; margin-top:-7px;}
.ico_arr_up {display:block;width:20px;height:20px;background-color: black;background:url('../../images/common/icon_arr_up.png') no-repeat 50% 50%; margin-top:-7px;}
.txt-highlight {color:#ff1b4e;font-weight:700;}


/* 상세검색 */
.search_form02 button.btn-detail-sear02 {position:relative; width:109px !important; height:47px; background:#fff; text-align: left; padding:10px 10px 10px 15px; font-family:'NotoSans-Regular'; font-size:16px; color:#606060; letter-spacing:-0.2px;border:1px solid #c3c3c3; transition: all .3s ease}
.search_form02 button.btn-detail-sear02:after{position:absolute; right:15px; top:45%; content:""; background: url(../../images/common/arrow_st03.png) no-repeat 0 0; width:13px; height:6px;}
.search_form02 button.btn-detail-sear02.on:after{background-position:0 -28px;}
.search_form02 button.btn-detail-sear02:hover{background:#003665;color:#fff;border:1px solid #003665; transition: all .3s ease}
.search_form02 button.btn-detail-sear02:hover:after{background-position:0 -14px;}
.search_form02 button.btn-detail-sear02.on:hover:after{background-position:0 -42px;}

.btn_search{position:relative; display:inline-block; width:160px; height:40px; border:1px solid #3d3d3d; font-family:'NotoSans-Regular'; font-size:15px; color:#fff; text-align:center; background:#3d3d3d; top:-1px; cursor:pointer; transition: all .3s ease }
.btn_search:hover{border:1px solid #3d3d3d; background:#fff; color:#3d3d3d}

.detail-sear-option02 {width:100%;border-top:1px dashed #c8cfd6;padding:0 30px 0 30px;background-color:#f9f9f9;}
.detail-sear-option02::after {content:''; display:block; clear:both;}
.detail-sear-option02 ul li {min-height:32px; padding:12px 0; border-bottom:1px solid #dadada; box-sizing:border-box;}
.detail-sear-option02 > ul > li:last-child{border-bottom:none; text-align:center; margin:5px 0 5px 0}
.detail-sear-option02 > ul > li:after{content:''; display:block; clear:both}
.detail-sear-option02 > ul > li > dl{position:relative; padding-left:150px}
.detail-sear-option02 > ul > li > dl > dt{position:absolute; left:0; top:0; min-width:100px; padding-left:18px; line-height:32px; font-size:16px; color:#303030; font-weight:300; letter-spacing:-0.5px}
.detail-sear-option02 > ul > li > dl > dt.min{min-width:50px}
.detail-sear-option02 > ul > li > dl > dt:before{content:''; position:absolute; left:10px; top:50%; width:3px; height:3px; margin-top:-1.5px; background:#808080}
.detail-sear-option02 > ul > li > dl > dd{position:relative; vertical-align:middle;line-height:32px;}
.detail-sear-option02 > ul > li > dl > dd:before{position:absolute; content:""; display:block; width:1px; height:16px; background:#dedede; left:-40px; top:9px; margin-top:-8px;}
.detail-sear-option02 > ul > li > dl > dd .info_txt{display:inline-block; color:#505050; line-height:31.5px; vertical-align:middle}
.detail-sear-option02 > ul > li > dl > dd > div {float:left}
.detail-sear-option02 > ul > li > dl > dd > div > span {font-size:16px;margin-right:10px;}
.detail-sear-option02 > ul > li > dl > dd > div > input {width:320px; margin-right:50px;border:1px solid #d6d6d6;height:30px;vertical-align:1%;font-size:14px;padding:5px;}

.detail-sear-option02 > ul > li > .inputxt_date > dd > div > input {width:120px;margin:0 5px 0 5px;}
.detail-sear-option02 > ul > li > .inputxt_protime dd > div > input {width:70px;margin-right:5px;}

.check_list01 li {border:none !important; padding:0 30px 0 0 !important; float:left;}

/* check */
.btn_check {position:relative;display:inline-block;min-width:22px;min-height:22px;vertical-align:middle;}
.btn_check input[type="checkbox"]{position:absolute; top:0; left:0; width:22px; height:22px; margin:0}
.btn_check .hero{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url('../../images/common/check_blue.png'); background-size:240px 24px; background-position:0 0; cursor:pointer}
.btn_check input[type='checkbox']:checked + .hero {background-position:-48px 0}
.btn_check input[type='checkbox']:hover + .hero {background-position:-24px 0}
.btn_check input[type='checkbox']:checked:hover + .hero {background-position:-48px 0}
.btn_check strong{padding-left:28px; display:block; line-height:21px;font-family:'NotoSans-Regular'; font-size:16px; color:#505050; letter-spacing:-0.2px; font-weight:normal; cursor:pointer}

/* 탭 */
.tab-sty07 {position:relative; margin-bottom:40px; width:100%;}
.tab-sty07 ul {display:table; table-layout:fixed; width:100%;}
.tab-sty07 ul:after {content:''; display:block; clear:both;}
.tab-sty07 li { position:relative; width:228px; margin-bottom:-1px; margin-left:-1px; display:table-cell; vertical-align:middle; border:1px solid #dddddd; border-left:none; transition:all .3s ease;}
.tab-sty07 li:first-child{border-left:1px solid #dddddd}
.tab-sty07 li a {position:relative; display:block; width:100%;height:48px; padding:12px 0;color:#7f7f7f; font-size:15px; text-decoration:none; text-align:center; letter-spacing:-0.7px; transition:all .3s ease}
.tab-sty07 li a span{font-size:14px;letter-spacing:-0.5px;}
.tab-sty07 li.on{border-color:#434343; border-bottom-color:#fff;transition:all .3s ease}
.tab-sty07 li.on a{color:#122785; font-family:"NotoSans-Medium"}
.tab-sty07 li.on:before{content:""; display:block; position:absolute; width:1px; height:48px; left:-1px; top:0; background:#132267; z-index:2;}
.tab-sty07 li.on:after{content:""; display:block; position:absolute;  width:100%; height:3px; position:absolute; left:0; top:0; background:#132267;}
.tab-sty07 li:hover{border:1px solid #2b3a7e;}
.tab-sty07 li:hover a,.tab-sty07 li:hover.on:after,.tab-sty07 li:hover.on:before{color:#fff; background:#2b3a7e;}


.tab-sty07 .btn_sty04 {position:absolute; top:10px; right:0;}
.tab-sty07.item2 li {width:50%}
.tab-sty07.item3 li {width:33.33336%}
.tab-sty07.item4 li {width:25%}
.tab-sty07.item5 li {width:20%}
.tab-sty07.item8 li {width:12.5%;}
.tab-sty07.item9 li {width:11.1111111%;}
.tab-sty07.anchor-type li a:hover {border-color:#434343; border-bottom-color:#fff; background:#fff; color:#132267; background:url('../../images/common/icon_arr_tab.png') no-repeat 50% 40px;}

/* 편성표 */
.sear-result .result-cont {padding-bottom:19px;}
.organize-info li {position:relative; margin-top:20px; padding:20px; border:1px solid #dddddd; overflow:hidden;}
.organize-info li .thumb {position:relative; float:left; width:280px; margin-left:140px;}
.organize-info li .thumb img {width:280px; height:158px;}
.organize-info li .info-area {float:right; width:358px;}
.organize-info li .info-area dt a{display:block; width:480px; margin-bottom:12px; color:#000; font-size:20px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.organize-info li .info-area dt a:hover {color:#1876ea;}
.organize-info li .info-area dd.date {color:#555; font-size:13px; line-height:16px;}
.organize-info li .info-area dd.date a {color:#555;}
.organize-info li .info-area dd.date .ico {margin-right:6px;}
.organize-info li .info-area dd.desc {height:65px; margin-top:43px; color:#777; font-size:16px; line-height:25px; overflow:hidden;}
.organize-info li .info-area dd.desc.desc_sty2{display:block; display:-webkit-box; height:55px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.organize-info li .info-area dd.desc a {display:block; color:#777; text-decoration:none;}
.organize-info li .btn-pro-home {display:inline-block; position:absolute; top:24px; right:18px; min-height:15px; padding-left:20px; color:#777; font-size:13px; line-height:17px; background:url('../../images/common/icon_prohome.png') no-repeat;}
.organize-info li:first-child {margin-top:0;}
.organize-info .program-date {position:absolute; top:0; left:0; background:#f9fafc; width:138px; height:237px; border-right:1px solid #dddddd; text-align: center;padding-top:60px; color:#5e5e5e; margin-right:10px;vertical-align:middle;font-size:18px;}
.organize-info .program-date strong {font-size:22px;}
.organize-info .program-date .time{display:block; margin:7px auto 0; background:#f04040; border-radius:50px; width:73px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:18px; }
.organize-info .programtime-info-area {width:500px !important;}
.organize-info .programtime-info-area dt {width:100% !important;}

/*page2 aside 없을 경우 */
.result-cont-count {text-align:center;font-size:12px;color:#506485;padding-left:5px;}
.sear-result-wide {width:100% !important;}
.sear-result-wide > div.result-cont > .board-list04 li {width:100% !important;}
.sear-result-wide > div.result-cont {width:980px !important;}
.sear-result-wide > div.result-cont > .board-list04 .slide-sbj {width:623px !important;}
.sear-result-wide > div.result-cont > .board-list04 li .catgy-title01 {width:623px !important;}

/* ott */
.ott_catch_area{position:relative; width:630px;  height:126px; margin:40px auto 65px; text-align:center;}
.ott_catch_area:before{position:absolute; display:block; top:0; left:0; content:""; background:url(../../images/web/ott_t_bg1.png) 0 0 no-repeat; width:35px; height:125px;}
.ott_catch_area:after{position:absolute; display:block; top:0; right:0;  content:""; background:url(../../images/web/ott_t_bg2.png) 0 0 no-repeat; width:35px; height:125px;}
.ott_catch_area .catch01{display:block; color:#1c1c1c; font-size:41px; letter-spacing:-0.5px; margin-bottom:6px;}
.ott_catch_area .catch01 em{color:#1a6aad; font-family:'NotoSans-Regular'; font-weight:bold; letter-spacing:1px;}
.ott_catch_area .catch02{font-size:18px; color:#5d5d5d; letter-spacing:-0.5px;}
.ott_catch_area .catch02 span{font-size:20px; font-family:'NotoSans-Medium'}
.ott_catch_area .catch02 .color1{color:#ff2d55;}
.ott_catch_area .catch02 .color2{color:#022ca4;}
.ott_conWrap{margin-bottom:50px;}
.ott_box{position:relative; margin:-100px 0 0 -52px;}
.ott_box li{position:relative;width:25%; float:left; padding-left:52px; margin-top:80px; box-sizing:border-box; }
.ott_box .thum_area{position:relative; width:311px; height:447px; background:#fbfbfb; box-shadow:5px 5px 5px 0 rgba(0,0,0,0.2); margin-bottom:25px; }
.ott_box .thum_area > a{display:block;}
.ott_box .thum_area > a > img{width:100%; height:100%;}
.ott_box .thum_area .hover_shortcut{position:absolute; width:100%; padding:35px 35px 15px 35px; bottom:0; left:0; right:0; opacity:0;  background:rgba(0,0,0,0.7);  transition:.5s ease; text-align:center; z-index:3;}
.ott_box .thum_area .hover_shortcut .shortcutBox{width:240px;}
.ott_box .thum_area .hover_shortcut .shortcutBox > a {display:inline-block; text-align:center; width:110px; margin-bottom:20px;}
.ott_box .thum_area:hover .hover_shortcut{opacity:1;}
.ott_box .title_area{padding-bottom:25px; border-bottom:2px solid #6a6a6a; }
.ott_box .title_area strong{display:block; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; color:#171717; }
.ott_box .title_area span{display:block; display:-webkit-box; font-size:16px; height:50px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#8a8a8a; letter-spacing:-0.3px;}
.ott_box .title_area span.ls{letter-spacing:-0.8px;}
.ott_box:after{display:block; clear:both; content:"";}