@charset "euc-kr";

/* program style ::: main */
.main {padding-bottom:0;background:#fff;}

.main .visual {height:580px;}
.main .tit-logo{display:none;position:absolute;z-index:100;top:232px;left:50%;margin-left:-500px;}
.broad-info  {top:25px;padding:8px 3px 9px;margin-left:-497px;background:rgba(239,236,218,0.38);color:#211f1f;}

.broad-info li{letter-spacing:-0.5px;}

.visual .roll-area {overflow:hidden;}

.main .banner-float {position: absolute;right: 50%;bottom: 6px;z-index: 50; margin-right: -512px;

    width: 216px; height: 106px;}

.main .banner-float .indicator a {border-color:#fff;}
.main .banner-float .indicator a.current {background-color:#fff;}

.main .page{background:#fff;}
.info ul li {color:#fff;}
.nav {width:100%;text-align:center;background-color:#202020}

.nav ul{height: 59px;}
.nav ul li a {padding-right:20px;padding-left:22px;color:#f2e6d6;background:url("http://img.imbc.com/broad/radio/fm4u/beforesunrise2/images/bar.jpg") no-repeat 0 21px}

.nav ul li a:hover{font-weight:bold;text-decoration: underline;}
.box .corner.item li a:hover {font-weight:600;color:#78343b;}

.box-title {position:relative;line-height:1;color:#fff;background-color:#d3acaa;}
.box-title strong {display:block;line-height:230px;font-weight:normal;}
.main .section{min-height:264px;padding-top:40px;}
.section-music .box-fill {background: #fff;border:1px solid #ddb78d;}
.section-music .box-wide{background:#fcfcfb }
.box.event{background: #fcfcfb}
.section-photo .box-control .btn-before {background:url(http://img.imbc.com/broad/radio/include/img/btn-before-w.png) no-repeat;}
.section-photo .box-control .btn-after {background:url(http://img.imbc.com/broad/radio/include/img/btn-after-w.png) no-repeat;}
.section-photo .photo.box-module{margin-right:8px;margin-left:0;}
.main .section2{margin-bottom:40px;}
.main .letter{padding:0;width: 248px;height: 248px;}
.main .letter a{display: block;width: 248px;height: 248px;}
.box-module .bg-arr{left:228px;background:url(http://img.imbc.com/broad/radio/include/img/bg-marker-box.png) no-repeat center;}
.footer {background-color:#fff;padding:64px 0 72px;}
.l-copyright{line-height:21px! important}

.btn-roll-control{margin-left:-38px;}
.btn-roll-control + button{top:536px; left:50%; margin-left:15px;}
.btn-roll-control .btn {border-color:#969696;}
.btn-roll-control .btn.on {background-color:#969696;width:11px; height:11px;vertical-align: 0}

/*Ãß°¡*/
.section-music .box .broad-date{padding-top:111px;padding-bottom:52px;background: url(http://img.imbc.com/broad/radio/fm4u/worldmorning/2017common/img/ico-music.png) no-repeat center 22px;}

/* program style ::: sub */
.sub.wrapper {padding-bottom: 0;background:#fff url(http://img.imbc.com/broad/radio/fm4u/worldmorning/2017common/img/bg-sub.jpg) no-repeat 50% 88px}

.sub .broad-info{background: none;top:22px;padding:0;margin-left:-512px;}

.sub .visual{height:300px;}
.sub .tit-logo {top:0;left: 0;width: 100%;height: 100%;}

.sub .tit-logo a{display: block;width: 100%;height: 100%;}

.sub .tit-logo img{display: none;}
.sub .menu-side .box{background:#fcfcfb;}
.sub .banner-float{margin-top:10px;}
.sub .corner{margin-bottom: 8px;}
.sub a.photo-before {position:absolute;right:190px;top:25px;width:122px;height:32px;line-height:30px;border:1px solid #bbb;text-align:center;background-color:#f4f4f4;}
.sub .daily-week .btn-open{display: none;}
.sub .menu-side {padding: 8px;}
.sub .corner-info {border: 2px solid #8e6c6a;color: #000;}

.daily-week {margin-right: 8px;background:#fcfcfb;}
.main .daily-week .item.corner{overflow:hidden;height:165px;display:inline-block;}
.daily-week .btn-open {position:absolute;right:-1px;bottom:-1px;width:28px;height:29px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/radio/include/img/btn-daily-open.png) no-repeat;}
.daily-week.open {margin-bottom:-90px;height:294px;z-index: 999}
.daily-week.open .item {height:auto;}
.daily-week.open .btn-open {background:url(http://img.imbc.com/broad/radio/include/img/btn-daily-close.png) no-repeat;}

/* ÄڳʼҰ³ */
.corner-list .item { overflow:hidden; border-bottom:1px solid #ddd; padding:20px; box-sizing:border-box; width:100%; position:relative; }
.corner-list .item .header { font-size:18px; font-weight:bold; color:#444; margin-bottom:10px; line-height:1.3em; }
.corner-list .item .description { font-size:13px; line-height:20px; width:70%;}
.corner-list .item .button { color:#fff; font-size:12px; font-weight:bold; text-align:center; width:156px; height:40px; line-height:40px; background-color:#4a4b53; display:block; position:absolute; top:50%; right:20px; margin:-20px 0 0 0;}