﻿/* CSS Document */


/* On Air */
.efmOnairBar {position:relative; height:120px; margin-top:-60px; z-index:300;}
.efmOnairBar .onairBox {position:relative; width:1000px; height:120px; margin:0 auto; overflow:hidden; border-radius:20px; background:url(/common/images/efm/bgOnair.png) repeat-y center;}

.efmOnairBar .onairBox .onStep1 {position:relative; width:1000px !important; overflow:hidden; height:120px;}

.efmOnairBar .onairBox .onStep1 ul.photo, .efmOnairBar .onairBox .onStep1 ul.photo li img {width:214px; height:120px; border-radius:20px;}
.efmOnairBar .onairBox .onStep1 ul.photo {float:left;}
.efmOnairBar .onairBox .onStep1 ul.timeBox {position:relative; margin-left:15px; float:left; height:120px;}
.efmOnairBar .onairBox .onStep1 ul.timeBox li.onAir {font-weight:bold; float:left; color:#e30808; font-size:20px; margin-top:10px;}
.efmOnairBar .onairBox .onStep1 ul.timeBox li.time { margin:18px 0 0 60px; font-weight:500; float:none; color:#000; width:105px;}
.efmOnairBar .onairBox .onStep1 ul.timeBox li.btnPlay {position:absolute; top:16px; left:157px; float:none;}
.efmOnairBar .onairBox .onStep1 ul.timeBox li.title {font-size:19px; font-weight:500; margin-top:10px; color:#000; float:none;}
.efmOnairBar .onairBox .onStep1 ul.timeBox li.info {color:#333; font-weight:500; float:none; font-size:13px;}
.efmOnairBar .onairBox .onStep1 ul.btnNex1 {position:absolute; height:37px; top:38px; right:20px; background:url(/common/images/fm/btnNext1.png) no-repeat right 3px; text-align:right;}
.efmOnairBar .onairBox .onStep1 ul.btnNex1 a {color:#fff; margin:-5px 25px 0 0; display:block;}
.efmOnairBar .onairBox .onStep1 ul.btnNex1 span {margin-right:25px; padding-top:5px; color:#fff;}

.efmOnairBar .onairBox .frame {height:120px; line-height:120px; border-radius:20px;}
.efmOnairBar .onairBox .frame ul {padding:0; height:120px;}
.efmOnairBar .onairBox .frame ul li {float:left; cursor:pointer;}
.efmOnairBar .onairBox .frame ul li .nextPro {position:relative; height:110px; width:317px; padding:10px 0 0 15px; float:left; background-color:rgba(051, 051, 051, 0.5); margin-right:1px;}
.efmOnairBar .onairBox .frame ul li .nextPro p, .efmOnairBar .onairBox .frame ul li .nextPro p span, .efmOnairBar .onairBox .frame ul li .nextPro p a {color:#fff; font-weight:400;}
.efmOnairBar .onairBox .frame ul li .nextPro p span {font-size:17px ;margin-right:7px; font-weight:500;}
.efmOnairBar .onairBox .frame ul li .nextPro p.title {font-size:17px; margin-top:10px;}
.efmOnairBar .onairBox .frame ul li .nextPro p.mc {font-size:12px;}
.efmOnairBar .onairBox .frame ul li .nextProEnd {background: url(/common/images/fm/iconSchedual.png) no-repeat 45px 32px #553b6c; height:110px; width:317px; padding:10px 0 0 15px;}
.efmOnairBar .onairBox .frame ul li .nextProEnd a {margin:40px 0 0 100px; color:#fff; font-size:16px; display:block;}
.efmOnairBar .onairBox .frame ul li .nextProEnd a:hover {color:#fff;}

.efmOnairBar .onairBox .btnBox2 {position:absolute; top:0; right:20px; z-index:300; height:21px; }
.efmOnairBar .onairBox .btnBox2 a {min-width:22px;}

#centeredEFM ul li.active {background:#9c186a;}


/* Main Title */
.efmTitle1 {position:relative; text-align:center; margin:50px 0 20px 0;}

.efmTitle1 .btngo1 {position:absolute; top:25px; right:145px; background:#1971b1; padding:3px 15px; font-size:12px; border-radius:26px; color:#fff;}
.efmTitle1 .btngo2 {position:absolute; top:25px; right:78px; background:#1971b1; padding:3px 15px; font-size:12px; border-radius:26px; color:#fff;}
.efmTitle1 .btngo3 {position:absolute; top:25px; right:0px; background:#1971b1; padding:3px 15px; font-size:12px; border-radius:26px; color:#fff;}
.efmTitle1 .btngo1:hover, .efmTitle1 .btngo2:hover, .efmTitle1 .btngo3:hover {background:#014a7f; border:none; color:#fff;}



/* Main List */
.efmMlist {position:relative; overflow:hidden;}
.efmMlist .efmBox1 {float:left; width:320px; height:300px; margin:0 0 20px 20px; border:1px solid #e5e5e5; box-sizing:border-box;}
.efmMlist .efmBox1 .photo, .efmMlist .efmBox1 .photo a img {width:320px; height:170px;}
.efmMlist .efmBox1 .info {padding:15px; text-align:center;}
.efmMlist .efmBox1 .info .title a {font-size:18px; font-weight:500;}
.efmMlist .efmBox1 .info .time {font-size:15px; margin-top:10px;}
.efmMlist .efmBox1 .info .mc {font-size:15px;}

.efmMlist .efmBox1:first-child {margin-left:0px;}
.efmMlist .efmBox1:nth-child(4) {margin-left:0px;}
.efmMlist .efmBox1:nth-child(7) {margin-left:0px;}
.efmMlist .efmBox1:nth-child(10) {margin-left:0px;}



/* Main icon */
.iconBarEFM {position:relative; margin:30px 0 40px 0;}
.iconBarEFM .iconBox2 {position:relative; width:1000px; height:85px; margin:0 auto; background:#f8f8f8; padding-top:25px; text-align:center;border-radius:20px;}
.iconBarEFM .iconBox2 a {display:inline-block; margin:0 25px; font-size:13px; color:#494949; padding-top:43px; color:#000;}
.iconBarEFM .iconBox2 a:hover {color:#ff007e;}
.iconBarEFM .iconBox2 .icon1 {background:url(/common/images/efm/iconM1.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon2 {background:url(/common/images/efm/iconM2.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon3 {background:url(/common/images/efm/iconM3.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon4 {background:url(/common/images/efm/iconM4.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon5 {background:url(/common/images/efm/iconM5.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon6 {background:url(/common/images/efm/iconM6.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon7 {background:url(/common/images/efm/iconM7.png) no-repeat top center; width:45px}
.iconBarEFM .iconBox2 .icon8 {background:url(/common/images/efm/iconM8.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon9 {background:url(/common/images/efm/iconM9.png) no-repeat top center;}
.iconBarEFM .iconBox2 .icon9on {color:#ff007e;}


/* Main All Menu*/
.efmAllPro {position:relative; width:1000px; margin:0 auto; z-index:610;}
.efmAllPro .epro {position:absolute; overflow:hidden; z-index:600; border:1px solid #d4d4d4; background:#f6f6f6; width:968px; padding:30px 0 30px 30px;}
.efmAllPro .closePop {position:absolute; top:15px; right:15px; cursor:pointer; z-index:700}
.efmAllPro:after {display:block; content:""; clear:both;}
.efmAllPro ul {float:left;}
.efmAllPro ul.daily {overflow:hidden; width:590px; border-right:1px solid #c5c5c5; padding-bottom:20px;}
.efmAllPro ul.daily .title {color:#fff; width:130px; background:#71b62e; font-size:14px; padding:5px 0 5px 0; text-align:center; border-radius:31px; margin-bottom:7px;} 
.efmAllPro ul.daily .list {margin-left:20px;}
.efmAllPro ul.daily .list div {width:180px; margin-top:8px; background:url(/common/images/fm/bullet1.png) no-repeat 0 9px; padding-left:10px; float:left;}
.efmAllPro ul.daily .list dl a:hover {color:#64c00b;}

.efmAllPro ul.weekend {margin-left:40px; width:270px;}
.efmAllPro ul.weekend .title {color:#fff; width:160px; background:#2272d5; font-size:14px; padding:5px 0 5px 0; text-align:center;; border-radius:31px; margin-bottom:7px;}
.efmAllPro ul.weekend .wlist {margin-left:20px;}
.efmAllPro ul.weekend .wlist div {width:200px; margin-top:8px; background:url(/common/images/fm/bullet2.png) no-repeat 0 9px; padding-left:10px; float:left;}
.efmAllPro ul.weekend .list dl a:hover {color:#437810;}


/* Info Box */
.eFMinfo1 {position:relative; overflow:hidden; padding:10px 10px 10px 42px; background:url(/common/images/efm/iconPoint.png) no-repeat 10px 10px; border:1px dotted #ff863d;}



/* Main List */
.efmMlist {position:relative; overflow:hidden;}
.efmMlist .fmBox1 {float:left; width:320px; height:300px; margin:0 0 20px 20px; border:1px solid #e5e5e5; box-sizing:border-box; overflow:hidden;}
.efmMlist .fmBox1 .photo, .efmMlist .fmBox1 .photo a img {width:320px; height:180px;}
.efmMlist .fmBox1 .info {padding:15px; text-align:center;}
.efmMlist .fmBox1 .info .title a {font-size:18px; font-weight:700;}
.efmMlist .fmBox1 .info .time {font-size:15px; margin-top:10px; color:#666;}
.efmMlist .fmBox1 .info .mc {font-size:15px; color:#666;}

.efmMlist .fmBox1:first-child {margin-left:0px;}
.efmMlist .fmBox1:nth-child(4) {margin-left:0px;}
.efmMlist .fmBox1:nth-child(7) {margin-left:0px;}
.efmMlist .fmBox1:nth-child(10) {margin-left:0px;}
.efmMlist .fmBox1:nth-child(13) {margin-left:0px;}
.efmMlist .fmBox1:nth-child(16) {margin-left:0px;}
.efmMlist .fmBox1:nth-child(19) {margin-left:0px;}
.efmMlist .fmBox1:nth-child(22) {margin-left:0px;}



/* Schedule */
.eFMdateSelK {position:relative; overflow:hidden;}
.eFMdateSelK .dsK1 {position:relative; overflow:hidden; text-align:center;}
.eFMdateSelK .dsK1 li {display:inline-block; height:36px;}
.eFMdateSelK .dsK1 li a:hover {color:#ed207c;}
.eFMdateSelK .dsK1 .today  {font-weight: 500;}
.eFMdateSelK .dsK1 .today .tod {font-size:18px;  text-align:center; font-weight:500; color:#1963d1;}
.eFMdateSelK .dsK1 .today .chData2 {display:inline-block; margin:5px 0 0 -7px; float:right;}
.eFMdateSelK .dsK1 .befor a {font-size:24px; color:#b4b4b4; font-family:"Nanum Gothic"; font-weight:bold; margin-right:8px;}
.eFMdateSelK .dsK1 .next a {font-size:24px; color:#b4b4b4; font-family:"Nanum Gothic"; font-weight:bold;}
.eFMdateSelK .dsK1 .sel {vertical-align:middle; margin-left:20px;}
.eFMdateSelK .dsK1 .print {float:right; margin-top:10px;}

.eFMTab1 {position:relative; height:38px; border-bottom:2px solid #687699;}
.eFMTab1 a {display:block; float:left; width:142px; height:28px; text-align:center; padding-top:10px; color:#333; font-size:14px; background:#cdd5e5; margin-left:1px;}
.eFMTab1 a:first-child {margin-left:0;}
.eFMTab1 a.dot {margin-left:1px; width:135px !important;}
.eFMTab1 a.on {background:#526187; color:#fff !important;}
.eFMTab1 a.on:hover {text-decoration:none; color:#fff;}
.eFMTab1 a:hover {color:#405281; text-decoration:underline;}
.eFMTab1 a.week1 {color:#0048ff;}
.eFMTab1 a.week2 {color:#ed0000;}













