@charset "utf-8";

/*------- 

	인덱스 페이지 레이아웃
	
	------ */



/*-------  인텍스 컨텐츠 메뉴 영역 ------- */
.idx_mn { position:relative; width:1200px; margin:0 auto; z-index:50}

.idxm-left { float:left; }
.idxm-right { float:right; width:398px; overflow:hidden}
.idxm {position: relative; clear:both; z-index: 1;}

.idxm-left, .idxm-right { margin-bottom:10px; }
.idxm + .idxm { margin-top:20px; }



/* visual - 배너(메인) */
.visual_wrap {margin-bottom:30px}
.visual_wrap {width:1900px;height:420px; z-index:-3}
.visual_wrap > div {width:100%}

.index_slide li a, .index_slide li img {width:100%; display:block;}
.index_slide li img {object-fit: cover; object-position: center center;}
.visual_wrap {position: relative; width: 1200px; height: 442px; margin-top: 148px; box-sizing:border-box; background-color:#fff;overflow:hidden }
.visual_wrap .btn_slide { position:absolute; right:0; top:0;  }
.visual_wrap .btn_slide.prev { right:21px; }
.visual_wrap .btn_slide img{display:block;width:20px;height:21px; }
.visual_wrap .index_slide { overflow:hidden; }
.visual_wrap .index_slide li { float:left; }
.visual_wrap .index_slide li img { display:block; }

.visual_wrap .pager_wrap {
	display:flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left:0;
	bottom: 1%;
	z-index: 9999;
}
.visual_wrap #pager2 {text-align:center; vertical-align:top; }
.visual_wrap #pager2 a {
	/*background:url("../thd_img/common/slick_dot.png") no-repeat 0 0;*/
	width:48px;
	height:6px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	margin:14px 5px 0;
	text-indent:-9999px;
	display:inline-block;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 6px, rgba(0, 0, 0, 0.22) 0px 3px 6px;
}
.visual_wrap .btn_wrap {
	height: 18px;
	border-radius: 20px;
	background-color: #171717;
	padding: 2px 10px;
}

.visual_wrap #pager2 a.selected {
	/*background:url("../thd_img/common/slick_dot_on.png") no-repeat 0 0;*/
	background-color: #000;
	/*box-shadow: 1px 1px 3px rgba(100,100,100,0.5)*/
}


.visual_wrap #pager2 .ctrl {width:6px;height:8px;background:url("../thd_img/common/btn_ctrlStop.png") no-repeat 0 0;display:inline-block;margin-left:10px}
.visual_wrap #pager2 .ctrl.paused {background:url("../thd_img/common/btn_ctrlPlay.png") no-repeat 0 0;}

/* 바로가기 */
.qlinks { width:590px; margin-top:10px; font-size:0; /*border-bottom:1px solid #6b82aa;*/ }
.qlinks li, .qlinks a { display:inline-block; vertical-align:top; } 
.qlinks li { width:20%; text-align:center; vertical-align:top; background-image:url(../thd_img/main/icon_m_back.png); }
.qlinks a { width:100%; height:28px; padding-top:66px; line-height:1; font-size:13px; color:#fff; background-position:50% 38%; background-repeat:no-repeat; }
.qlinks .q1 { background-color:#e5decf; }
.qlinks .q2 { background-color:#698693; }
.qlinks .q3 { background-color:#8c7a73; }
.qlinks .q4 { background-color:#bb9d47; }
.qlinks .q5 { background-color:#8a867e; }
.qlinks .q1 a { background-image:url(../thd_img/main/icon_m1.png); color:#DDDDDD; }
.qlinks .q2 a { background-image:url(../thd_img/main/icon_m2.png); }
.qlinks .q3 a { background-image:url(../thd_img/main/icon_m3.png); }
.qlinks .q4 a { background-image:url(../thd_img/main/icon_m4.png); }
.qlinks .q5 a { background-image:url(../thd_img/main/icon_m5.png); }

/* 탭1 - 라디오 영역 */
.tabAbtn { font-size:0; margin:-1px -1px 15px -1px; }
.tabAbtn li { display:inline-block; width:50%; height:58px; vertical-align:top; }
.tabAbtn li a { display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:15px; font-weight:bold; text-align:center; background-color:#a88e8f; }
.tabAbtn .on a { background-color:#7c3f42; }
.tabAbtn .on a:after { display:block; content:''; width:0; height:0; margin:0 auto; 
									border-top:8px solid #7c3f42;
									border-right: 8px solid transparent; 
									border-left: 8px solid  transparent;
								  }
.tabActs { display:none; width:358px; margin-left:auto; margin-right:auto; }

/* tv 편성표 (추가) */
.tv_area {display: flex; justify-content: space-between; text-align: center; box-sizing: border-box;}
.idxm_btn_box {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 160px; height: 200px; border: 2px solid #ffb3a6; text-align: center; padding: 20px; box-sizing: border-box;}
.idxm_btn_box img {display: inline-block; width: 60%; margin: 13px auto 9px;}
.idxm_btn_box span.idxm_btn_txt {display: inline-block; font-size: 17px; color: #e93428; font-weight: 700; padding-bottom: 30px;}
.idxm_btn_box a.idxm_btn {display: inline-block; width: 77%; height: 29px; border-radius: 20px; background: #e93428; color: #fff; font-size: 14px; font-weight: 700; line-height: 28px;}
.idxm_btn_box:nth-of-type(2) img {width: 41%;}
.idxm_btn_box:nth-of-type(1) {margin-right: 20px;}
.idxm_btn_box:nth-of-type(2) {margin-left: 20px;}
ul.tv_area_list {display: flex; justify-content: space-between; width: 840px;  text-align: left;}
ul.tv_area_list li {width: 267px; height: 200px; margin-right: 20px; border: 2px solid #ffb3a6; padding: 30px; box-sizing: border-box;}
ul.tv_area_list li:last-child {margin-right: 0;}
ul.tv_area_list li a {display: flex; flex-direction: column; align-items: flex-start; text-align: left; width: 100%; height: 100%;}
ul.tv_area_list li a p {width: 100%; position: relative; margin-bottom: 50px;}
ul.tv_area_list li a span {display: inline-block; width: 100%; font-size: 15px; line-height: 21px; color: #171717;}
ul.tv_area_list li a span.tit_info {font-weight: 600; }
ul.tv_area_list li a span.sub_tit_info {display: inline-block; font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 16px; margin-top: 8px;}
ul.tv_area_list li.tv_on {background: #e93428; border: 2px solid #e93428;}
ul.tv_area_list li.tv_on a span {color: #fff; font-weight: 700;}
ul.tv_area_list li a span.btn_play {display: none;}
ul.tv_area_list li.tv_on a span.btn_play {display: block; position: absolute; right: -10px; top: -10px; width: 39px; height: 39px; border-radius: 100%; background: rgba(255,255,255,0.5) url("../thd_img/main21/ico_rec.png") no-repeat center center / 30%;}

/* 온에어 */
.onairWrap {position: relative; display: flex; justify-content: space-between; width:100%;}
.onairWrap dt { overflow:hidden; height:32px; padding:0 0px; text-align:right; line-height:32px; font-size:13px; letter-spacing:-1px; color:#fff; background:#000 url(../thd_img/main/ico-onair-re.png) 13px center no-repeat }
.onairWrap dt .onTxt { margin-left:5px; color:#c62a48 }
.onairWrap .selectStation {margin-right:0px;width:80px;display:inline-block}
.onairWrap .selectStation select {width:100%}
.onairWrap .onSd { overflow:hidden; width:100%; height:140px; }
.mvOnairList { width:87.5%; margin:20px auto 0; }
.mvOnair { position:relative; width:100%; height:60px; }
.mvOnair + .mvOnair { margin-top:20px }
.mvOnair a { display:inline-block; height:100%; }
.mvOnairImg { display:block; width:125px; height:60px } 
.mvOnairImg img { width:100%; height:100%; }
.mvOnairtitle, .mvOnairTime { position:absolute; left:140px; }
.mvOnairtitle { bottom:20px; right:0; word-break:keep-all; -ms-word-break: keep-all; font-size:12px; }
.mvOnairtitle img { display:block }
.mvOnairTime { bottom:2px; font-size:11px;  padding-left:18px; background:url(../thd_img/ico/onair_time.gif) 0 60% no-repeat }
.mvRlist { width:100%; }
[class*=mvRt] { box-sizing:border-box;}
[class*=mvRt] a { display:block; }
.mvRt-w { height:121px; padding:25px 30px 0 30px; letter-spacing:-1px }
.mvRt-w:first-child { height:184px; background:url(../thd_img/main/mvtem-icon01.png) 90% 50% no-repeat }
.mvRt-w + .mvRt-w { margin-top:-1px; text-align:right; border-top:1px solid #e6e6e6; background:url(../thd_img/main/mvtem-icon02.png) 12% 40% no-repeat  }
.mvRt-w strong { display:block; margin-bottom:10px; font-size:18px }
.mvRt-w strong span { color:#3779c9 }
.mvRt-w strong + span { font-size:13px; color:#989898; line-height:1.1 }
.mvRt-c { height:90px; padding:20px; color:#fff }
.mvRt-c a { width:100%; height:100% }
.mvRt-w + .mvRt-c { background:#ce2615 url(../thd_img/main/mvtem-icon03.png) 90% 50% no-repeat }
.mvRt-w + .mvRt-c strong { display:block; font-size:18px }
.mvRt-w + .mvRt-c  span { font-size:14px }
.mvRt-c +.mvRt-c { text-align:center; background:#DDDDDD url(../thd_img/main/ico-pagego-re.png) 50% 70% no-repeat }
.mvRt-c +.mvRt-c span { color:#ce2615 }
.onSd { position:relative;  }
.onair_slide_mv { width:100%; height:100%; /*overflow:hidden*/ }
.onair_slide_mv li a { position:relative; display:block;width:100%;height:100%}
.onair_slide_mv li {float:left; width:358px; height:140px}
.onair_slide_mv .onair { position:absolute; left:15px; top:110px;}
.onair_slide_mv .img { position:relative; display:block; width:358px; height:auto; }
.onairWrap .onMn { position:absolute; left: 180px; display:inline; text-align:center;line-height:10px; z-index:134; margin:5px}
.onairWrap .onMn .btnR { display:inline-block; padding:0;}
.onairWrap .onMn .btnR.on {}
.onairWrap .onMn .btnR.off { background-color:#ccc;height:20px}
.onairWrap .onMn .btnB { background-position:90% 105% }
.onSd .pager { position:absolute; right:12px; bottom:10px; font-size:0 }
.onSd .pager a + a { margin-left:5px }
.onSd .pager a span { display:inline-block; text-indent:-9999px; width:16px; height:16px; border-radius:50%; background-color:#999 }
.onSd .pager .selected span { background-color:#f4f4f4; }

.linksb { width:100%; margin-top:10px; font-size:0; }
.linksb li { display:inline-block; width:50%;vertical-align:top; }
.linksb li a { display:block; border:1px solid #ddd; }

.linksb .ddtv { text-align:center; background:#29559c  /*url(../thd_img/main/back_film.png) 50% 50% no-repeat*/; }
.linksb .ddtv a { height:50px; padding-top:115px; line-height:1; color:#fff; font-size:14px; background:url(../thd_img/main/icon_tv.png) 50% 30% no-repeat; }
/*.linksb .ddpp a { height:165px; border-left:0; background:#fff url(../thd_img/main/bn_ddk.gif) 50% 50% no-repeat; }*/
.linksb .ddpp a { height:165px; border-left:0; background:#fff url(../thd_img/main/2017_21c.jpg) 50% 50% no-repeat; }


/* 탭2 - TV 영역 */
#tv_mv_wrap {width:300px;float:left}
.tv_mv_wrap {}
.tv_mv {  font-size:15px;  }
.tv_mv:after { display:block; clear:both; visibility:hidden; content:''; }
.tv_mv li { float:left; }
.tv_mv a { display:block; height:173px; overflow:hidden; }
.tv_mv li div { width:100%; height:95px; overflow:hidden; background-color:#000; }
.tv_mv li div img { width:100%; height:100%; }
.tv_mv [class*=sd_tt] { margin:5px 0; font-size:15px; font-weight:700; color:#DDDDDD; }
.tv_mv h3, .tv_mv p { overflow:hidden; }
.tv_mv h3 { height:18px; text-overflow:ellipsis; white-space:nowrap; }
.tv_mv h3 + p { height:42px; line-height:1.5; letter-spacing:-1px; word-break:keep-all; -ms-word-break: keep-all; font-size:13px; color:#CCCCCC }

.tv_mv li:first-child + li + li + li { display:none !important; } /* 임시. 네 번째 영역 삭제 */

/* 첫번째 영역 */
.tv_mv li:first-child { width:100%; position:relative; }
.tv_mv li:first-child div { width:100%; height:100%; overflow:hidden; background-color:#000; }
.tv_mv li:first-child:after { content:'주간문화소식'; display:block; position:absolute; top:0; left:0; right:0; padding:0 10px; height:32px; font-size:13px; font-weight:700; line-height:32px; color:#fff; background-color:rgba(0,0,0,0.7); }
.tv_mv li:first-child h3, .tv_mv li:first-child p { display:none; position:absolute; left:10px; right:10px; text-shadow:0 0 2px #000; background-color:rgba(0,0,0,0.5) }
.tv_mv li:first-child h3 { top:22px; color:#fff; }
.tv_mv li:first-child p { top:10px; height:17px; color:#eee; }

/* 하단 영역 */
.tv_mv li:first-child ~ li { margin-top:10px; width:50%; box-sizing:border-box; } 
.tv_mv li:first-child + li { padding-right:4px; }
.tv_mv li:first-child + li + li { padding-left:4px; }



/* 새 음원 */
.newm { width:100%; height:86px; text-align:center; white-space:nowrap; color:#DDDDDD; border-top:2px solid #CCCCCC; background-color:#f7f7f7; }
.newm:after { display:block; clear:both; visibility:hidden; content:''; }
.newm dt, dd {  } 
.newm dt { float:left; width:200px; height:100%; margin-top:-2px; text-align:left; color:#222; border-top:2px solid #f06361; background:#efecec url(../thd_img/main/icon_mp3.png) 60% 45% no-repeat; }
.newm dt strong { display:block; margin:45px 0 0 43px; }
.newm dd { display:inline-block; min-width:170px; max-width:175px; padding:0 10px; margin-top:17px;  font-size:13px; font-family:dotum;}
.newm dd + dd { border-left:2px dotted #ddd; }
.newm dd * { display:block; margin-left:auto; margin-right:auto; }
.newm dd strong { overflow:hidden; text-overflow:ellipsis; word-wrap:normal; margin-top:5px; margin-bottom:8px; letter-spacing:-1px; }
.newm dd a { width:76px; height:22px; line-height:23px; letter-spacing:-0.05em; font-size:11px; color:#999; background:url(../thd_img/common/btn_back_76x22.png) 50% 30% no-repeat; }



/* 알림-사진뉴스 탭 area */
.layout_flex {display: flex; align-items: flex-start; width: 1200px; margin: 60px 0 60px !important;}
.n_wrap {position: relative; width:900px; border:1px solid #dee2e6; margin-right: 20px; padding: 38px 50px 25px; box-sizing: border-box;}

.n_wrap .n_title {position: relative; margin-top:-1px; padding-bottom: 15px; box-sizing: border-box;}
.n_wrap .n_title:after { display:block; clear:both; visibility:hidden; content:''; } 
.n_wrap .n_title li {float:left; position:relative; padding: 0 20px; text-align:center; font-size:15px; color:#666; }
.n_wrap .n_title li a { display:block; height:100%; }
.n_wrap .n_title li a > span {  }
.n_wrap .n_title li a.title.tp > span { } 
.n_wrap .n_title li a.title.bt > span { }
.n_wrap .n_title li.on {position: relative; margin-left:-1px; color:#171717 ;font-weight:bold}
.n_wrap .n_title li.on:before {content: ''; position: absolute; left: 50%; top: -13px; transform: translateX(-50%); display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #e93428;}
.n_wrap .n_title li.on a {  }
/* .n_wrap .n_title li.on a:after { position:absolute; bottom:-7px; left:50%; display:block; width:11px; height:8px; margin-left:-5px; content:''; background:url(../thd_img/common/tab-arrow-bottom.gif) 0 0 no-repeat; } */


.vodWrap .n_title { margin-bottom:30px; margin-top:-1px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.vodWrap .n_title:after { display:block; clear:both; visibility:hidden; content:''; } 
.vodWrap .n_title li { float:left; position:relative; width:25%; line-height:40px; text-align:center; font-size:16px; color:#222; border-top:1px solid #ddd; }
.vodWrap .n_title li a { display:block; height:100%;  border-right:1px solid #ddd; }
.vodWrap .n_title li a > span {  }
.vodWrap .n_title li a.title.tp > span { } 
.vodWrap .n_title li a.title.bt > span { }
.vodWrap .n_title li.on { margin-left:-1px; line-height:39px; border-top:2px solid #F3971D; }
.vodWrap .n_title li.on a {  }
.vodWrap .n_title li.on a:after { position:absolute; bottom:-7px; left:50%; display:block; width:11px; height:8px; margin-left:-5px; content:''; background:url(../thd_img/common/tab-arrow-bottom.gif) 0 0 no-repeat; }
.vodWrap .n_title .sTitle {font-size:15px;}

.n_wrap .list {display:none; width:100%; font-size:13px; }
.n_wrap .list ul { width:100%;}
.n_wrap .list ul li { float:left; position:relative; width:100%; height:30px; line-height:30px; }
.n_wrap .list ul li:nth-child(even) {}
.n_wrap .list ul li a {position: relative; display:block; width:100%; padding-left:12px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing: border-box;}
.n_wrap .list ul li a:before {content: '·'; position: absolute; left: 0; top: 1px; color: #666;}
.n_wrap .list ul li a:hover { text-decoration:underline; color:#454545 }
.n_wrap .list ul li span { position:absolute; top:0; right:0; color:#666;font-size:12px}
.n_wrap .list ul li p { box-sizing:border-box;padding-right:90px;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;font-size:12px;color:#666;}
.n_wrap .notice {
    font-weight: bold;
}

.n_wrap .moreList { position:absolute; top:28px; right:38px; width:42px; height:40px;  font-size:0; background:url(../../DataFiles/main/more2.png) 50% 50% no-repeat; }



/* visual - 배너 */
.banner_wrap {width: 280px; height: 247px;}
.banner_wrap .slide_wrap { position:relative; padding:0;width:100%; border: 1px solid #dee2e6;}
.banner_wrap .slide_wrap .btn {display: none;position:absolute;right:0;top:-1px;}
.banner_wrap .slide_wrap .btn a{display:block;float:left; width:20px; height:21px}
.banner_wrap .slide_wrap .btn a + a { margin-left:1px }
.banner_wrap .slide_wrap .btn img {display:block; width:100%; height:100%}
.banner_wrap .slide_wrap .banner_slide {width:280px; height:247px; overflow:hidden}
.banner_wrap .slide_wrap .banner_slide li{float:left;width:280px;height:247px;}
.banner_wrap .slide_wrap .banner_slide li a {display: inline-block; width: 100%; height: 100%;}
.banner_wrap .slide_wrap .banner_slide li a img {display:block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.bannb { width:100%; height:50px; line-height:46px; text-align:center; background-color:#29559c; position:relative}
.bannb span { display:inline-block; padding:8px 0 12px 68px; color:#fff; font-size:15px; line-height:1; background:url(../thd_img/main/icon_ponetext.png) 0 50% no-repeat; }

.smsjoin {width:100%;height:50px;background:#fff;overflow:hidden;position:absolute;top:0;left:0;box-sizing:border-box;border:1px solid #d3d2cc}
.smsjoin button {width:100%;height:50px;text-indent:-9999999px;background:url("../thd_img/main/banner_smsjoin.jpg") no-repeat center;border:none;position:absolute;top:0;left:0}
.smsjoin.on {border:3px solid #595e6b}
.smsjoin.on button {height:46px;background:url("../thd_img/main/banner_smsjoin_on.jpg") no-repeat center}
.smsinfo {width:100%;position:absolute;top:50px;left:0}
.smsinfo p {font-size:12px;color:#3c2893;text-align:center;line-height:28px}
.smsinfo p em {color:#666;font-style:normal}
.smsinfo p:nth-child(odd) {background:#f0f0f0}

/*main _ new*/
.idxm-left {width:49%;margin-right:1%}
.idxm-right {width:49%}
.onair_slide_mv {width:100%;height:240px;overflow:hidden}
.onair_slide_mv li {width:300px;height:140px}
.onair_slide_mv .img {width:100%}
.onairWrap p button {float:left;border:none;background:none;display:none}
.onairWrap p button:first-child {display:block}
.onairWrap p button img {display:block}
.onairWrap .onDate {background:url("../../DataFiles/main/bul_onair.jpg") no-repeat 0 4px;padding-left:18px;font-size:14px;color:#45DDDDDD4}
.onairWrap .selectStation {color:#45DDDDDD4;}
.air_list {overflow:hidden}
.air_list li {float:left;margin-right:11px;position:relative}
.air_list li:last-child {float:right;margin-right:0}
.air_list li a {display:block;}
.air_list li img {display:block;margin:0}
.sms_join {display:none;position:absolute;top:0;left:0;width:100%;height:82px;background: #908d7a;padding-top:1px;}
.sms_join li {text-align:center;color:#fff;border-bottom: 1px solid #6f6d5f;width:100%;padding:5px 0;font-size:12px;}
.sms_join li:last-child {border:none}
.air_list li:last-child:hover .sms_join {display:block}
.banner {float:right}
.bannerSliderWrap {width:100%;position:relative;overflow:visible}
.bannerSliderWrap .bannerView {width:100%;height: 303px;overflow:hidden;padding: 20px 20px;box-sizing:border-box;position:relative;}
.bannerSlider {width:100%;height:263px;overflow:hidden;position:relative;top:0;left:0}
.bannerSlider li {position:absolute;margin-right:22px;width:468px;top:0;left:100%}
.bannerSlider li img {width:100%;display:block}
.bannerSliderBtn {position:absolute;top:130px;left:0;width:100%}
.bannerSliderBtn .prev {position:absolute;top:0;left:-20px;width:14px;height:27px;background:url("../../DataFiles/main/btn_prev.png") no-repeat 0 0;border:none;text-indent:-99999px}
.bannerSliderBtn .next {position:absolute;top:0;right:-20px;width:14px;height:27px;background:url("../../DataFiles/main/btn_next.png") no-repeat 0 0;border:none;text-indent:-9999px}

.newSong {width:300px;float:left;position:relative; left:1530px; top:50px; border:1px solid #111; background-color: rgba(255,255,255,0.9); }
.newSong p {color:#fff; padding:12px 10px 12px;font-size:14px;font-weight:bold;background:url("../../DataFiles/main/bul_newsong.png") no-repeat right 10px center #797979}
.newSong p a {display:block}
.newSong li {font-size:12px;color:#222;height:32px;padding:7px 0px 5px;position:relative;border-bottom:1px solid #ccc }
.newSong li:last-child {border-bottom:none}
.newSong li span {padding-left:34px;background: url("../../DataFiles/main/bul_newsong.gif") no-repeat 10px center;display:block;width:70%;height: 30px;line-height: 28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:-1px;}
.newSong li em {position:absolute;top: 11px;right: 11px;padding: 1px 5px 2px 5px;background:#ec7466;color:#fff;line-height:16px;font-size:10px;font-style:normal;}

.onairWrap p .onMn {position:relative;float:left;left:0;bottom:0;margin-left:5px}
.onairWrap p .onMn .off {display:none}

/*main layer pop*/

.fullLayer {overflow:hidden;position:absolute;left:50%;top: 30px;transform:translateX(-50%);display:none;z-index:800;}
.fullLayer.on {display:block}
.fullLayer a, .fullLayer img {display:block }
.fullLayer .popCtrl {background:#000;padding:5px 10px;overflow:hidden;position: absolute;top: 0;right: 0;}
.fullLayer .popCtrl p {float:left;overflow:hidden;padding:5px 0}
.fullLayer .popCtrl label {color:#fff;margin-left:5px;font-size:12px;float:left}
.fullLayer .popCtrl input {float:left;width:15px;height:15px;margin-top:2px}
.fullLayer .popCtrl button {float:right;background:none;color:#fff;font-size:12px;/* border:1px solid #fff;padding:5px 20px */background:url("../thd_img/common/btn_mainPoplayerClose.png") no-repeat 0 0;text-indent:-9999px;border:none;width:18px;height:20px;margin-left:10px;margin-top:4px}





/*TV 라디오 주요 프로그램*/
.progWrap {padding:0px 0px 10px}
.progWrap .title {text-align:center;font-size:28px;font-weight:bold;color:#eee;margin-bottom:18px}

.progList {overflow:hidden; padding-bottom: 20px}
.progList li {float:left; width:23.5%}
.progList li + li {margin-left: 2%}
.progList li a {width:100%;display:block;}
.progList li a img {width:100%;height:auto}
.progList li a .sd_tta {font-size:14px;color:#91c4ff;margin:10px 0 7px 0; font-weight:bold;}
.progList li a p {font-size:12px;color:#eee; margin-bottom:5px}



/*공지, 음원, 배너*/

.ntbg {position:relative;left:-1500px;top:0px; }
.ntbg {width:5000px; height:330px; background:url('/gugak_web/thd_img/main21/noticeBack.jpg') repeat-x 1200px -80px; }


/*sns*/
.sns_ch {width: 1940px; border-top: 1px solid #dee2e6; margin-left: -380px;}
.sns_ch ul {display: table; table-layout: fixed; width: 1200px; margin: 0 auto;}
.sns_ch ul li {display: inline-block; width: 16.6%; padding:25px 5px; box-sizing: border-box;}
.sns_ch ul li > a {display: flex; align-items: center; justify-content: center; width: 100%;}
.sns_ch ul li > a > img {display: inline-block; width: 22px;}
.sns_ch ul li:nth-of-type(4) > a > img {display: inline-block; width: 26px;}
.sns_ch ul li > a > span {display: inline-block; margin-left: 5px; font-size: 13px; color: #868686;}

.newBrodBar { width:840px; height:200px; z-index:55;}
.newBrodBar li {float: left; width: 24.3%;}
.newBrodBar li img {width:100%; height: 200px;  border:0px; object-fit: cover; object-position: center;}
.newBrodBar li:last-child {width:25%; height:200px; margin-left: 2%; float:right;}
.newBrodBar li:last-child img {width:100%; height:100%;}
.newBrodBar li .onTime {display: flex; align-items:center; justify-content: center; flex-direction: column; background:rgba(0,0,0,.4); width:100%; height:63px;  position:relative; top:-66px;} 
.newBrodBar li .onTime span {font-size:14px; color:white; display: block;}
.newBrodBar li .onTime span img {width:13px; height:13px;position:relative; top:2px}
.newBrodBar li .onTime2 {margin-bottom: 4px;}
.newBrodBar .seoulTwo {width:48.6%}
.newBrodBar .seoulTwo .onTime2 {z-index:390 !important;}
.newBrodBar .seoulTwo img {width:100%; height:200px;  border:0px}
.newBrodBar .seoulThree {width:72.9%}
.newBrodBar .seoulThree .onTime2 {z-index:720 !important;}
.newBrodBar .seoulThree img {width:100%; height:200px;  border:0px}

.newBrodBar li .nextTime {background:rgba(0,0,0,.4); width:100%; height:63px; position:relative; top:-66px; left:0px;text-align:center;vertical-align:middle} 
.newBrodBar li .nextTime span {font-size:14px; color:white; line-height:22px;display:block;padding-top:10px}
.newBrodBar li .nextTime span img {width:13px; height:13px;position:relative; top:2px}
.onairWrap .idxm_btn_box {border: 2px solid #6c9ad4;}
.onairWrap .idxm_btn_box img {width: 45%;}
.onairWrap .idxm_btn_box span.idxm_btn_txt {font-size: 14px; color: #6c9ad4;}
.onairWrap .idxm_btn_box a.idxm_btn {background: #6c9ad4;}
.onairWrap span.btn_play {position: absolute; right: 5px; bottom: 20px; display: inline-block; width: 30px; height: 30px; border-radius: 100%; z-index:58; background: rgba(255,255,255,0.3) url("../thd_img/main21/ico_rec.png") no-repeat center center / 30%;}
.newBrodBar li a {position: relative; display: inline-block; width: 100%; height: 100%;}

.onairWrap p.title  {text-align:center;font-size:28px;font-weight:bold;color:#eee;margin-bottom:18px}
.onairWrap p.title::after {content:"";width:7px;height:7px;background:red;position:absolute;border-radius:3px;margin:3px 0 0 3px; z-index:0}
.onairWrap p.title span {background:#fff;display:inline-block;position:relative;z-index:10}
.onairWrap .onR {float:left; display:inline-block; color:#ccc; border:1px solid #ccc; padding:3px 5px; font-size:12px; margin-top:-30px; background-color:#222;border-radius:2px}
.onairWrap .onT {float:right; display:inline-block; color:#ccc; border:1px solid #ccc; padding:3px 5px; font-size:12px; margin-top:-30px; background-color:#222;border-radius:2px}

.idxm-right p.title {font-size:30px;color:#4d3f99;text-align:left;font-weight:bold;position:relative;margin-bottom:10px}
.idxm-right p.title::after {content:"";width:100%;height:1px;background:#4d3f99;position:absolute;bottom:6px;left:0;z-index:0}
.idxm-right p.title span {background:#fff;display:inline-block;position:relative;z-index:10}

.vodWrap {padding:60px 0 10px;} 
.vodWrap .title {position: relative; text-align:left;font-size:19px;font-weight:bold;color:#171717;padding: 4px 0 18px 42px;}
.vodWrap .title:before {content: ''; position: absolute; left: 0; top: 0; width: 34px; height: 34px; background:url('/gugak_web/thd_img/main21/ico_tv_2.png') repeat-x center center / contain;}
.vodWrap .title.tit_youtube:before {background:url('/gugak_web/thd_img/main21/ico_youtube.png') repeat-x center center / contain;}
.vodList {overflow:hidden; padding-bottom: 30px}
.vodList li {float:left;width: 23.5%;}
.vodList li + li {margin-left: 2%;}
.vodList li a {width:100%;display:block;}
/*.vodList li a div {height:132px;}*/
.vodList li a img {width:100%;height:100%}
.vodList li a .sd_tta {font-size:13px;color:dodgerblue;margin:10px 0 5px 0}
.vodList li a p {width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px;color:#171717; font-weight: 700;}

.mainSliderWrap {margin-bottom:45px}

/* 새 음원 */
.list_flex_new {width: 1920px; margin-left: -360px; background: #fef5f4;}
.list_flex {display: flex; justify-content: flex-start; width: 1200px; margin: 0 auto; padding: 30px 0; box-sizing: border-box;}
.list_flex > p {width: 20%; text-align: center;}
.list_flex > p img {display: inline-block; width: 60px;}
.list_flex > p span {display: block; width: 100%; text-align: center; font-size: 19px; font-weight: 700; color: #171717; letter-spacing: -0.5px; margin-top: 7px;}
.list_flex ul.list_new_m {display: flex; justify-content: flex-start; width: 80%;}
.list_flex ul.list_new_m li {display: flex; flex-direction: column; justify-content: center; width: 25%; border-left: 1px solid #facecb; padding: 0 20px; box-sizing: border-box;}
.list_flex ul.list_new_m li span.list_new_m_tit {display: inline-block; width: 100%; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: bold; letter-spacing: -0.5px; color: #171717;}
.list_flex ul.list_new_m li a.btn_new_m {position: relative; font-size:14px; color: #e93428;}
.list_flex ul.list_new_m li a.btn_new_m:after {content: ''; position: absolute; left: 57px; top: 4px; display: inline-block; width: 10px; height: 10px; background: url('/gugak_web/thd_img/main21/ico_arr_next.png') repeat-x center center / contain;}



.yttime {color:#666 !important; font-size:11px !important; padding-top:7px; font-weight:normal !important}


@media screen and (max-width:1200px) {
	
	.idx_mn { width:100%}
	.visual_wrap {width:100%;}



	.onairWrap .onR {font-size:1.2em; margin-top:-50px; font-weight:bold}
	.onairWrap .onT {font-size:1.2em; margin-top:-50px; font-weight:bold}

	.ntbg {position:relative;left:0px;top:0px; }
	.ntbg {width:100%; height:510px; background:url(''); background-color:#011835; margin-bottom:10px}
	.newSong {float:left;position:relative; left:3%; top:38px; width:calc(94% - 240px); border:1px solid #111; background-color: rgba(255,255,255,0.9); }

	.sns_ch li {width:19%; margin-left:1%}
	.visual_wrap .pager_wrap {left: 0%; bottom: 3%;}

	/* 220923 */
	.tv_area {width: 95%; margin: 20px auto 0;}
	.idxm_btn_box {width: 15%; height: 180px; padding: 15px;}
	.idxm_btn_box img {width: 55%;}
	.idxm_btn_box:nth-of-type(2) img {width: 43%; margin-top: 8px;}
	.idxm_btn_box span.idxm_btn_txt {font-size: 15px;}
	ul.tv_area_list {justify-content: center; width: 66%;}
	ul.tv_area_list li {width: 33%; height: 180px; padding: 20px 10px; margin-right: 0;}
	ul.tv_area_list li a span {font-size: 14px; line-height: 20px;}
	ul.tv_area_list li.tv_on a span.btn_play, .onairWrap span.btn_play {right: -9px; top: -5px; }
	.onairWrap span.btn_play {right: 8px; top:unset; bottom: 36px; width: 24px; height: 24px;}
	
	.onairWrap {width: 95%; margin: 20px auto 0;}
	.newBrodBar {width: 66%; height: 180px;}

	.list_flex_new {width: 100%; margin-left: 0;}
	.list_flex {width: 95%; padding: 25px 0;}
	.list_flex > p {width: 15%;}
	.list_flex > p img {width: 50px;}
	.list_flex > p span {font-size: 16px;}
	.list_flex ul.list_new_m li span.list_new_m_tit {font-size: 15px;}
	.vodWrap {width: 95%; margin: 0 auto;}
	
	.layout_flex {width: 95%; margin: 40px auto 40px !important;}
	.n_wrap {width:76%; padding: 38px 25px 25px;}
	.n_wrap .n_title li {font-size: 14px; padding: 0 10px;}
	.n_wrap .moreList {top: 24px; right: 8px;}
	.banner_wrap {width: 230px;}
	.banner_wrap .slide_wrap .banner_slide li {height: 247px;}

	.sns_ch {width: 100%; margin-left: 0;}
	.sns_ch ul {width: 100%;}
	.sns_ch ul li {width: 30%; padding: 15px 5px;}

	.newBrodBar li img {width:100%; height: 180px;  border:0px; }
	.newBrodBar .seoulTwo img {width:100%; height: 180px;  border:0px}
	.newBrodBar .seoulThree img {width:100%; height: 180px;  border:0px}
	.newBrodBar li:last-child img {height: 180px;}

	.onairWrap .onMn {left: 17%;}

}

@media screen and (max-width: 1024px) {
	.visual_wrap {height: 371px;}
}

@media screen and (max-width: 900px) {
	.tv_area,
	.onairWrap {flex-direction: column; }
	.onairWrap {margin-top: 20px;}
	.idxm_btn_box {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: 50px; border: 1px solid #ffb3a6;}
	.idxm_btn_box img,
	.idxm_btn_box:nth-of-type(2) img {width: 50px; margin: 0; margin-right: 20px;}
	.idxm_btn_box:nth-of-type(2) img {width: 35px;}
	.idxm_btn_box:nth-of-type(1) {margin-right: 0;}
	.idxm_btn_box:nth-of-type(2) {margin-left: 0;}
	.idxm_btn_box span.idxm_btn_txt {padding-bottom: 0;}
	.idxm_btn_box a.idxm_btn {position: absolute; right: 15px; top: 9px; padding: 0 20px; width: auto;}
	ul.tv_area_list {width: 100%; margin: 10px 0; }
	ul.tv_area_list li {border: 1px solid #ffb3a6;}
	.newBrodBar {width: 100%; margin: 10px 0;}
	.onairWrap .idxm_btn_box img {width: 31px;}
	.onairWrap .idxm_btn_box {border: 1px solid #6c9ad4;}
	.vodWrap {padding: 30px 0 10px;}
	.tit_youtube,
	.list_flex_new {margin-top: 0 !important;}
	.list_flex > p img {width: 35px;}
	.list_flex > p span {font-size: 14px; margin-top: 0;}
	.list_flex ul.list_new_m li span.list_new_m_tit {font-size: 13px;}
	.list_flex ul.list_new_m li a.btn_new_m {font-size: 13px;}
	.layout_flex {margin: 30px auto 30px !important;}
	.n_wrap {padding: 30px 25px 15px; }
	.n_wrap .moreList {top: 17px; right: 8px;}
	.banner_wrap .slide_wrap .banner_slide {height: 228px;}
	.banner_wrap .slide_wrap .banner_slide li {height: 228px;}
	.visual_wrap {height: 279px;}
	.onairWrap .onMn {left: 0; top: 60px;}
	.banner_wrap {display: none;}
	.n_wrap {width: 100%; margin-right: 0;}
}
@media screen and (max-width:768px) {
	.visual_wrap { margin-top: 179px;}
	.list_flex ul.list_new_m {flex-direction: column;}
	.list_flex ul.list_new_m li {width: 100%; flex-direction: row; justify-content: space-between;}
	.list_flex > p img {margin-top: 25px;}
	.list_flex ul.list_new_m li span.list_new_m_tit {width: 80%; margin-bottom: 10px;}
	
	.layout_flex {flex-direction: column;}
	.banner_wrap .slide_wrap .banner_slide img {object-fit: cover; object-position: center;}
	.sns_ch ul li {width: 32%;}

}
@media screen and (max-width:640px) {
	


	/*.newBrodBar li {width:25%; }
	.newBrodBar .seoulTwo {width:50%}
	.newBrodBar .seoulThree {width:75%}*/

	/*.newBrodBar li:last-child {margin-top:-55px; margin-bottom:30px; width:100%; height:0; padding-bottom:42%; background: url('/gugak_web/thd_img/main21/tv_on_1.jpg') no-repeat top center; background-size:contain;}*/
	.newBrodBar li:last-child a img {width:100%; height:0; padding-bottom:40%;}

	.vodList {padding-bottom:0px}
	.vodList li {float:left;width: 49%; height:230px;}
	.vodList li:nth-child(even) {margin-left: 2%;}
	.vodList li:nth-child(odd) {margin-left: 0%;}

	.progList li {float:left;width: 49%;}
	.progList li:nth-child(even) {margin-left: 2%;}
	.progList li:nth-child(odd) {margin-left: 0%;}
	.progList li a .sd_tta {font-size:1.2em;}
	.progList li a p {font-size:1em;}
	.progList li a p + p {height:50px}

	.sns_ch li {width:25%; margin-left:1%}

	.n_wrap .n_title li:nth-child(6) {display:none}

	.visual_wrap .pager_wrap {left: 0; bottom: 2%;}
	.visual_wrap .btn_wrap {padding: 1px 10px;}


	.visual_wrap {height: 243px;}
	.newBrodBar { height: 149px;}
	.newBrodBar li img {height: 149px;}
	.newBrodBar .seoulTwo img {height: 149px;}
	.newBrodBar .seoulThree img {height: 149px;}
	.newBrodBar li:last-child img {height: 149px;}
}

@media screen and (max-width:499px) {
.visual_wrap {height: 200px;}
	
}