@charset "euc-kr";
/* IMBC Web Operation Division */ 
/*@import url("http://www.imbc.com/broad/css/default.css");*/
@import url("http://www.imbc.com/broad/css/default.css");

/* --- type --- */
#container h1 		{position:absolute; left:0px; top:0px}
#container h1 a 	{display:block; width:263px; height:175px}
#container h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px}
hr 		{clear:both; display:none}
em	 	{font-style:normal}
label 	{position:relative; top:1px}
caption {display:none}

/* --- layout --- */
body.main	{background: #eae7ea url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/main-bg2014.jpg") no-repeat center 150px; text-align:center}
body.sub	{background:#eae7ea url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/sub-bg2014.jpg") no-repeat center 150px; text-align:center}
#wrap 		{width:100%; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_footer.gif") repeat-x bottom; text-align:center;}
#header		{z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center;}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left;}
#container	{z-index:20; position:relative; width:990px; margin:0 auto; text-align:left;}
.spot 		{z-index:10; position:relative; width:830px; height:33px; *height:208px; padding-top:175px}
#colgroup	{z-index:10; position:relative; overflow:hidden; width:820px; margin-bottom:50px; background:#fff;}
#snb		{overflow:hidden; z-index:10; float:left; width:140px; *width:179px; padding:26px 19px 50px 20px}
#main_content {z-index:10; position:relative; overflow:hidden; width:830px; height:780px; background:none; text-align:left;}
#sub_content {z-index:10; position:relative; overflow:hidden; float:left; width:600px; *width:641px; padding:0 20px 50px 20px; text-align:center; border-left:1px solid #e6e6e6}
#footer		{z-index:10; clear:both; width:100%;}
#Adcode		{top:0 !important;}
.footer-wrap {overflow:hidden; width:100%; background:#fff}
.footer {overflow:hidden; width:990px; margin:0 auto}

/* --- common --- */
.display_none {display:none}

/* ---2012 ¸®´º¾ó content --- */
.sub_program_info {width:800px; *width:820px; height:22px; *height:33px; padding:11px 20px 0 0; background:#6d7788; font-size:11px; color:#fff; letter-spacing:-1px; text-align:right}
.sub_program_info strong {font-size:11px; color:#fff;}
.sub_program_info em {color:#fff; font-size:11px;  font-weight:bold;}
#left_section {overflow:hidden; float:left; width:160px; padding:30px 0 0 0; margin-right:15px; margin-top:10px; background: #4f5563;}
#left_section .main_menu {overflow:hidden; width:160px; padding-top:1px; margin-bottom:14px; color:#396ca8; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_2012_line.png") repeat-x left top}
#left_section .main_menu li {float:left; overflow:hidden; width:160px; padding-bottom:1px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_2012_dott.png") repeat-x left bottom}
#left_section .main_menu li a {display:block; float:left; width:137px; *width:160px; min-height:18px; height:auto !important; height:25px; padding:7px 8px 0 15px; font-weight:bold;  color: #ffffff; font-size:11px}
#left_section .main_menu li a:hover {background:#b3cae6; text-decoration:none}
#left_section .daily {overflow:hidden; width:145px; *width:160px; margin-bottom:13px; padding:0 0 9px 15px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_2012_dott.png") repeat-x left bottom}
#left_section .daily h2 {margin-bottom:5px; color: #ffffff; font-weight:bold; font-size:11px}
#left_section .daily ul {overflow:hidden; width:160px}
#left_section .daily ul li {float:left; width:145px; *width:160px; margin-bottom:3px; padding-left:15px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/ico_2014_daily_temp.png") no-repeat 0 2px; color:#666D5D; font-size:11px; letter-spacing:-1px}
#left_section .daily ul li a {color: #ffffff; font-size:11px; letter-spacing:-1px}
#left_section .daily ul li a:hover {color:#ffffff; text-decoration:underline; letter-spacing:-1px}
#left_section .weekly {overflow:hidden; width:145px; *width:160px; margin-bottom:14px; padding:0 0 10px 15px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_2012_dott.png") repeat-x left bottom}
#left_section .weekly h2 {margin-bottom:4px; color: #ffffff; font-weight:bold; font-size:11px}
#left_section .weekly ul {overflow:hidden; width:160px}
#left_section .weekly ul li {position:relative; float:left; width:143px; *width:160px; min-height:15px; height:auto !important; height:16px; margin-bottom:4px; padding:1px 0 0 17px; color:#666D5D; font-size:11px; letter-spacing:-1px}
#left_section .weekly ul li p {color:#666D5D; font-size:11px; letter-spacing:-1px}
#left_section .weekly ul li img {margin:-1px 0 0 1px; vertical-align:top}
#left_section .weekly ul li .week {display:inline-block; position:absolute; left:0; top:0; width:15px; height:15px; *height:16px; padding-top:1px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/ico_2014_sub_weekly_temp.png") no-repeat; text-align:center; font-size:11px; color: #ffffff;}
#left_section .weekly ul li a {color: #ffffff; font-size:11px; letter-spacing:-1px}
#left_section .weekly ul li a:hover {color:#ffffff; text-decoration:underline; letter-spacing:-1px}
#left_section .main_program_info {padding-left:15px; margin-bottom:14px; font-size:11px; color: #ffffff; letter-spacing:-1px; line-height:14px}
#left_section .main_program_info strong {color: #ffffff;}
#left_section .sms {padding-left:15px; margin-bottom:14px; font-size:11px; color: #ffffff; letter-spacing:-1px; line-height:14px}
#left_section address {padding-left:15px; margin-bottom:12px; font-size:11px; color: #ffffff; font-style:normal; letter-spacing:-1px; line-height:14px}
#left_section .mini_flash {margin-bottom:5px; padding-left:15px}
#left_section .podcast {margin-bottom:5px; padding-left:15px}
#left_section .program_link {padding-left:15px}

#left_section .end_corner {overflow:hidden; width:145px; *width:160px; margin-bottom:14px; padding:0 0 10px 15px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_2012_dott.png") repeat-x left bottom}
#left_section .end_corner h2 {margin-bottom:4px; color:#396ca8; font-weight:bold; font-size:11px}
#left_section .end_corner ul {overflow:hidden; width:145px}
#left_section .end_corner ul li {position:relative; float:left; width:115px; *width:145px; min-height:15px; height:auto !important; height:16px; margin-bottom:4px; padding:1px 0 0 30px; color:#202020; font-size:11px; letter-spacing:-1px}
#left_section .end_corner ul li p {color:#666D5D; font-size:11px; letter-spacing:-1px}
#left_section .end_corner ul li .week {position:absolute; left:0; top:0; font-size:11px; color:#666D5D}
#left_section .end_corner ul li a {color:#666D5D; font-size:11px; letter-spacing:-1px}
#left_section .end_corner ul li a:hover {color:#b54097; text-decoration:underline; letter-spacing:-1px}



/* --- main_flash --- */
#btn_sound {display:none; position:absolute; right:7px; top:10px; width:76px; height:17px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/blank.gif") no-repeat; text-indent:-5000em; border:0; cursor:pointer}
#sound_flash {display:none; position:absolute; right:0; top:0; width:10px; height:10px;}
#vradio {display:none; position:absolute; left:0; top:700; width:10px; height:10px;}
#main_pic {float:left; width:655px; height:780px}

/* --- notice --- */
#notice {position:absolute; left:200px; top:341px; overflow:hidden; width:286px}
#notice h3 {padding:0 0 11px 18px; margin-bottom:14px; font-size:11px; color:#d4d4d4; font-weight:bold; border-bottom:1px solid #8a8684}
#notice h3 a {font-size:11px; color:#cfcdcd}
#notice h3 a:hover {text-decoration:none}
#notice h3 a em {color:#4a4844}
#notice ul {overflow:hidden; width:286px}
#notice ul li {float:left; width:252px; *width:286px; padding:0 17px}
#notice ul li a {font-size:11px; color:#cfcdcd; letter-spacing:-1px; line-height:18px}
#notice ul li a:hover {text-decoration:none}

/* --- photo --- */
#photo {position:absolute; left:200px; top:483px; overflow:hidden; width:286px}
#photo h3 {padding:0 0 11px 18px; margin-bottom:8px; font-size:11px; color:#d4d4d4; font-weight:bold}
#photo h3 a {font-size:11px; color:#cfcdcd}
#photo h3 a:hover {text-decoration:none}
#photo h3 a em {color:#4a4844}
#photo .img {display:block; float:left; width:80px; height:80px;; margin-right:16px;}
#photo .img img {vertical-align:top}
#photo .text {display:block; float:left; width:190px; font-size:11px; color:#cfcdcd; letter-spacing:-1px}
#photo .text:hover {text-decoration:none}

/* --- snb --- */
#snb .main_menu {overflow:hidden; width:140px; margin-bottom:5px; padding-top:1px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_sub_menu_dott.gif") repeat-x left top}
#snb .main_menu li {float:left; width:140px; height:22px; *height:28px; padding-top:6px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_sub_menu_dott.gif") repeat-x left bottom}
#snb .main_menu li a {font-weight:bold; color:#396ca8}
#snb .main_menu li a:hover {text-decoration:none}
#snb .daily {overflow:hidden; width:140px; margin-bottom:6px; padding-bottom:4px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_sub_menu_dott.gif") repeat-x left bottom}
#snb .daily h2 {margin-bottom:7px; color:#396ca8; font-weight:bold; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_arrow.gif") no-repeat 131px 6px}
#snb .daily ul {overflow:hidden; width:160px}
#snb .daily ul li {float:left; width:145px; *width:160px; margin-bottom:3px; padding-left:15px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/daily-icon.gif") no-repeat 0 2px; color:#777; font-size:11px; letter-spacing:-1px}
#snb .daily ul li a {color:#777; font-size:11px; letter-spacing:-1px}
#snb .daily ul li a:hover {color:#4c3b3a; text-decoration:underline; letter-spacing:-1px}
#snb .weekly {overflow:hidden; width:140px;  padding-bottom:9px}
#snb .weekly h2 {margin-bottom:8px; color:#396ca8; font-weight:bold; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_arrow.gif") no-repeat 131px 6px}
#snb .weekly ul {overflow:hidden; width:140px}
#snb .weekly ul li {position:relative; float:left; width:121px; *width:140px; min-height:15px; height:auto !important; height:16px; margin-bottom:4px; padding:1px 0 0 19px; color:#777; font-size:11px; letter-spacing:-1px}
#snb .weekly ul li p {color:#777; font-size:11px; letter-spacing:-1px}
#snb .weekly ul li img {margin:-1px 0 0 1px; vertical-align:top}
#snb .weekly ul li .week {display:inline-block; position:absolute; left:0; top:0; width:15px; height:15px; *height:16px; padding-top:1px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/ico_2012_sub_weekly.png") no-repeat; text-align:center; font-size:11px; color:#3d57b5}
#snb .weekly ul li a {color:#777; font-size:11px; letter-spacing:-1px}
#snb .weekly ul li a:hover {color:#cb1db4; text-decoration:underline; letter-spacing:-1px}
#snb .program_link {overflow:hidden; width:140px; padding-top:34px}
#snb .program_link p {margin-bottom:7px}

#snb .end_corner {overflow:hidden; width:140px;  padding-bottom:9px}
#snb .end_corner h2 {margin-bottom:8px; color:#396ca8; font-weight:bold; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_arrow.gif") no-repeat 131px 6px}
#snb .end_corner ul {overflow:hidden; width:140px}
#snb .end_corner ul li {position:relative; float:left; width:110px; *width:140px; min-height:15px; height:auto !important; height:16px; margin-bottom:4px; padding:1px 0 0 30px; color:#777; font-size:11px; letter-spacing:-1px}
#snb .end_corner ul li p {color:#777; font-size:11px; letter-spacing:-1px}
#snb .end_corner ul li .week {position:absolute; left:0; top:0; font-size:11px; color:#777}
#snb .end_corner ul li a {color:#777; font-size:11px; letter-spacing:-1px}
#snb .end_corner ul li a:hover {color:#cb1db4; text-decoration:underline; letter-spacing:-1px}

/* --- content --- */
#sub_content h3 {position:relative; width:600px; height:55px; text-align:left; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/icon_sub_menu_dott.gif") repeat-x left bottom}
#sub_content h3 .icon {display:inline-block; width:24px; height:24px; margin:17px 0 0 3px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/19.gif") no-repeat; text-indent:-5000em}
#sub_content h3 .depth_1 {float:left; display:inline-block; margin:21px 0 0 0; font-size:14px; color:#555}
#sub_content h3 .depth_2 {float:left; display:inline-block; margin:18px 0 0 0; font-size:17px; color:#000; font-weight:bold; line-height:130%}
#sub_content .content_wrap {position:relative; width:600px; min-height:590px; height:auto !important; height:600px; margin:0 auto; padding-top:10px}
#sub_content .content_wrap .btn_bbs {display:block; position:absolute; right:2px; top:-45px; width:95px; height:20px; *height:26px; padding-top:6px; background:url("http://img.imbc.com/broad/radio/fm4u/bluenight/images4/bg_bbs.gif") no-repeat; font-size:11px; letter-spacing:-1px; color:#555; text-align:center; text-decoration:none}
#sub_content .content_wrap h4 {margin-bottom:6px; font-size:14px; color:#78806d; font-weight:bold; line-height:17px; text-align:left}
#sub_content .content_wrap .text {overflow:hidden; width:544px; *width:600px; margin-top:-10px 0 10px 0; padding:13px 25px 9px 25px; border:3px solid #ece6d6; background:#f7f4ed; color:#666D5D; text-align:left; line-height:18px}

/* --- mini --- */
.mini_icon {overflow:hidden; margin-bottom:15px; text-align:center}
.mini_icon table {margin:0 auto}
.viewRadio {z-index:100; position:absolute; left:258px; top:541px; width:248px; *width:250px; height:63px; *height:70px; padding-top:5px; border:1px solid #ccc; text-align:center; background:#fff}

.main .bn_area {overflow:hidden; width:160px; text-align:left}
.main .bn_area li {overflow:hidden ; width:145px; *width:160px; padding-left:15px; margin-bottom:5px}
.main .bn_area li a {display:block; height:49px}
.sub .bn_area {overflow:hidden; width:160px; text-align:left}
.sub .bn_area li {overflow:hidden ; width:140px; margin-bottom:5px}
.sub .bn_area li a {display:block; height:49px}

/* @ Accessibility */
#accessibility{position:relative; z-index:9999; text-align:left; position:absolute; top:0; left:0; width:100%}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px}

/* 20131112Ãß°¡_potcast */
#potcast_list {overflow:hidden; width:600px;}
#potcast_list div {height:26px; *height:39px; width:600px; padding-top:11px; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#555}
#potcast_list div span, #potcast_list ul li span {float:left; display:block; text-align:center;}
#potcast_list div span.broad_day {width:88px;}
#potcast_list div span.broad_title {width:422px;}
#potcast_list div span.broad_potcast {width:90px;}
#potcast_list ul {width:600px; overflow:hidden;}
#potcast_list ul li {width:600px; overflow:hidden; border-bottom:1px dotted #626262; text-align:center; font-size:11px; color:#333}
#potcast_list ul li span.broad_day {height:22px; *height:33px; width:88px; padding-top:11px;}
#potcast_list ul li span.broad_title {width:412px; *width:422px; padding:11px 0 5px 10px; text-align:left; line-height:13px;}
#potcast_list ul li span.broad_potcast {height:28px; *height:33px; padding-top:5px; width:90px;}