/*html {background:#F6F6F6}*/
/*.ohdioBody {background:#F6F6F6 url('http://img.ohdio.com/IMG_ODO/common/bg_body.gif') repeat-x left top; min-height:305px;}*/ /* ie */
.ohdioBody { background:#fff; }
.layoutWrap {min-width:964px;}/* ie */
.layoutHeader {background: url('http://img.ohdio.com/IMG_ODO/common/bg_top.gif') no-repeat center top; width:964px; margin:0 auto; text-align:left; height:210px; position:relative; z-index:10; } /* ie */
.topbg-r {position:absolute; left:50% ;top:0; width:50%; height:210px; background:url('http://img.ohdio.com/IMG_ODO/common/bg_top_r.gif') no-repeat 482px top;} /* ie 7 */
.topbg-l {position:absolute; left:-38px;top:0; width:38px; height:210px; background: url('http://img.ohdio.com/IMG_ODO/common/bg_top_l.gif') no-repeat right top;}
.sky_top {position: relative; }
.sky_top A {right:-40px;}
/* 20090319 스카이배너(FreeDRM 배너) */
.sky_top .freeDRM_info {margin:0; padding:0;position:absolute;left:850px; top:200px; width:98px; height:155px; background:url('http://img.ohdio.com/IMG_ODO/common/balloom_free_drm.gif') left top;}
.sky_top .freeDRM_info .info {margin:0; padding:0;position:absolute;left:9px; top:133px; height:15px;vertical-align:top;}
/* 20090415 스카이배너(FreeDRM 오픈 배너) */
.sky_top .freeDRM_open {margin:0; padding:0;position:absolute;left:850px; top:359px; width:98px; height:162px;}
.sky_top .freeDRM_open .open {margin:0; padding:0;height:19px;width:98px;background:url('http://img.ohdio.com/IMG_ODO/common/open_free_drm2.gif') left top;}
.sky_top .freeDRM_open .open input {margin:0; padding:0;position:absolute;top:140px; left:3px;}
/* 20090624 스카이배너(무료MP3다운로드 배너) */
.sky_top .freemp3_open {margin:0; padding:0;position:absolute;left:850px; top:200px; width:98px; height:146px;}
.sky_top .freemp3_open .open {margin:0; padding:0;height:0px;width:98px;background:url('http://img.ohdio.com/IMG_ODO/common/open_free_drm3.gif') left top;}
.sky_top .freemp3_open .open input {margin:0; padding:0;position:absolute;top:122px; left:6px;}
/* 20091029 스카이배너(인기/최신 이벤트배너) */
.sky_top .ad_png {margin:0; padding:0;position:absolute;left:87px; top:141px; width:213px; height:196px;}
.sky_top .ad_png2 {margin:0; padding:0;position:absolute;left:465px; top:168px; width:250px; height:225px;} /* 20091030 추가 */
/* 20090922 mbc 배너추가 */
.layoutHeader .ad_mbc {position:absolute; right:0; top:28px;z-index:100;}
.layoutHeader .logo {float:left; padding:11px 0 0 23px; width:226px; height:44px;}
.layoutHeader .logo img {vertical-align:top; }
.layoutHeader .logo_090525 {float:left; padding:0 0 0 23px; width:226px; height:55px;} /* 090525 임시로고 추가*/
.layoutHeader .logo_090819 {float:left; padding:0px; width:239px; height:55px;} /* 090819 임시로고 추가*/
.layoutHeader .gnb_pos{float:left; position:relative; height:55px; width:478px;}
.layoutHeader .gnb {position:absolute; left:0; top:8px;}
.layoutHeader .utilmenu {font-size:1px; line-height:0em;}
.layoutHeader .utilmenu img {vertical-align:top;}
.layoutHeader .utilmenu1 {float:right; padding:6px 0 0; white-space:nowrap; height:22px;}
.layoutHeader .utilmenu1 span {padding-left:4px;}
.layoutHeader .banner_ad {margin-top:20px;float:right;width:228px; height:100px; overflow:hidden;}
.layoutHeader .top_recomm {float:right; width:217px; height:120px; position:relative; background: url('http://img.ohdio.com/IMG_ODO/common/bg_top_recomm.gif') no-repeat left 27px; }
.layoutHeader .top_recomm_list {position:absolute; left:3px; top:27px; width:190px; height:93px; overflow:hidden;}
.layoutHeader .top_recomm_open .top_recomm_list {height:334px;}
.layoutHeader .top_recomm_list ul {font-size:11px; line-height:14px; width:178px; margin:126px 0 0 7px; background:url('http://img.ohdio.com/IMG_ODO/common/dash_top_recomm.gif') repeat-x left bottom;}
.layoutHeader .top_recomm_list li:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.layoutHeader .top_recomm_list li {display:inline-block;}
.layoutHeader .top_recomm_list li {display: block; height:18px; overflow:hidden; vertical-align:top;}
.layoutHeader .top_recomm_list input {float:left; margin:0 6px 0 4px;} /* ie */
.layoutHeader .top_recomm_list label {float:left; white-space:nowrap; overflow:hidden; width:148px; cursor:pointer;}
.layoutHeader .top_recomm_list .top_rank {font-weight:bold; letter-spacing:-0.1em;}
.layoutHeader .top_recomm .action_0 {position:absolute; background:url('http://img.ohdio.com/IMG_ODO/common/blank.gif'); text-indent:-5000px; display:block; cursor:pointer; } /* 20090707 추가 */
.layoutHeader .top_recomm .action_1 {position:absolute; background:url('http://img.ohdio.com/IMG_ODO/common/blank.gif'); text-indent:-5000px; display:block; cursor:pointer; }
.layoutHeader .top_recomm .action_2 {position:absolute; background:url('http://img.ohdio.com/IMG_ODO/common/blank.gif'); text-indent:-5000px; display:block; cursor:pointer; }
.layoutHeader .top_recomm .action_3 {position:absolute; background:url('http://img.ohdio.com/IMG_ODO/common/blank.gif'); text-indent:-5000px; display:block; cursor:pointer; }
.layoutHeader .top_recomm .action_view {position:absolute; right:23px; top:120px; }
.layoutHeader .spot_banner {float:left; position:relative; width:228px; height:93px;}
.layoutHeader .spot_banner_pos {position:absolute; top:-7px;}
.layoutHeader .spot_menu {float:left; width:458px; height:20px; padding:10px 0 0 46px; background:url('http://img.ohdio.com/IMG_ODO/common/img_spot_menu_n.gif') no-repeat 49px 10px;} /* 20090707 */
.layoutHeader .spot_menu A {float:left; margin-right:3px; display:inline; height:20px; text-indent:-5000px;}
.layoutHeader .spot_menu .menu1 {width:65px;}
.layoutHeader .spot_menu .menu2 {width:57px;}
.layoutHeader .spot_menu .menu3 {width:67px;}
.layoutHeader .spot_menu .menu4 {width:76px;}
.layoutHeader .spot_menu .menu5 {width:57px;}
.layoutHeader .spot_menu .menu6 {width:57px;}
.layoutHeader .spot_menu .menu7 {width:58px;}
.layoutHeader .sch_wrap {float:left; height:63px; background:url('http://img.ohdio.com/IMG_ODO/common/bg_sch_form_n.gif') no-repeat left top; }
.layoutHeader .sch_form {padding:10px 0 1px 12px; height:23px; width:469px; vertical-align:top;}
.layoutHeader .sch_form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.layoutHeader .sch_form {display:inline-block;}
* html .layoutHeader .sch_form {height: 1%;}
.layoutHeader .sch_form {display: block;}
.layoutHeader .sch_form li {vertical-align:top;}
.layoutHeader .sch_case {width:85px; margin:0 10px 0 0; display:inline; float:left; background:url('http://img.ohdio.com/IMG_ODO/common/bdr_sch_case.gif') no-repeat right 6px;}
.layoutHeader .sch_case img {vertical-align:top; cursor:pointer;}
.layoutHeader .sch_case em {padding:6px 0 0 11px; display:block; height:14px; cursor:pointer;}
.layoutHeader .sch_case .pos_rel {position:absolute; background:url('http://img.ohdio.com/IMG_ODO/common/bg_sch_case_top.gif') no-repeat left top; padding:6px 0 0;}
.layoutHeader .sch_case .arrow {position:absolute; width:22px; height:23px; background: url('http://img.ohdio.com/IMG_ODO/common/btn_layer_schkwd_on.gif') no-repeat left top; left:62px; top:-20px;}
.layoutHeader .sch_case .pos_rel ul {background:#FFF url('http://img.ohdio.com/IMG_ODO/common/bg_sch_case_mid.gif') repeat-y left top; line-height:20px; padding:0 1px;}
.layoutHeader .sch_case .pos_rel ul li { vertical-align:top;}
.layoutHeader .sch_case .pos_rel A {display:block; padding:0 0 0 9px;}
.layoutHeader .sch_case .case_tit {}
.layoutHeader .sch_case em .case_tit {color:#BE3D17;}
.layoutHeader .sch_case .pos_rel A:hover {background:#F8F0DD; color:#666; text-decoration:none;}
.layoutHeader .sch_wrap .pos_rel .bg-btm {display:block;font-size:1px; line-height:0em; }
.layoutHeader .sch_keyword {float:left; width:310px; }
.layoutHeader .sch_keyword .tfield {border:0 none; background:#FFF; padding:5px 0 4px; font-weight:bold; color:#000; width:295px; height:14px; } /* ie */
.layoutHeader .sch_form .sch-action {vertical-align:top; margin:2px 0 0; float:right;}
.layoutHeader .sch_keyword .pos_rel {padding:1px 0 0; height:1%;}
.layoutHeader .sch_keyword .pos_rel .keyword_layer {left:-11px; position:absolute; border:1px solid #F2AB34; border-width:0 1px; background:#FFF; width:329px;}
.layoutHeader .sch_keyword span {color:#BE3D17;}
.layoutHeader .sch_keyword .keyword_layer .arrow {position:absolute; width:22px; height:23px; background: url('http://img.ohdio.com/IMG_ODO/common/btn_layer_schkwd_on.gif') no-repeat left top; left:306px; top:-24px;}
.layoutHeader .sch_wrap .sch_keyword .pos_rel .bg-btm { position:absolute; bottom:-6px; left:-1px;}
.layoutHeader .sch_keyword .pos_rel ul {line-height:20px; padding:2px 0 0; height:160px; overflow:auto;}
.layoutHeader .sch_keyword .pos_rel li {vertical-align:top; awidth:100%; zoom:1;}
.layoutHeader .sch_keyword .pos_rel A {display:block; vertical-align:top;padding:0 0 0 11px;}
.layoutHeader .sch_keyword .pos_rel A:hover {background:#F8F0DD; color:#666; text-decoration:none;}
.layoutHeader .sch_keyword .keyword_value {}
.layoutHeader .sch_wrap .pos_rel {display:noneaa; z-index:99; }
.layoutHeader .keyword {padding:5px 0 0 20px; font-size:11px; width:481px;}
.layoutHeader .keyword:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.layoutHeader .keyword {display:inline-block;}
* html .layoutHeader .keyword {height: 1%;}
.layoutHeader .keyword {display: block;}
.layoutHeader .realtime {float:left; width:300px; color:#FECF5F; padding:3px 0 0;}
.layoutHeader .realtime:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.layoutHeader .realtime {display:inline-block;}
* html .layoutHeader .realtime {height: 1%;}
.layoutHeader .realtime {display: block;}
.layoutHeader .realtime .tit {float:left; width:75px; letter-spacing:-1px; background:url('http://img.ohdio.com/IMG_ODO/bul/bul_arrow_or1.gif') no-repeat right 5px;}
.layoutHeader .realtime .list {float:left; overflow:hidden; width:225px; white-space:nowrap;}
.layoutHeader .realtime .list em {display:block; margin-left:-1px;}
.layoutHeader .realtime .list A {padding:0 0 0 12px; background:url('http://img.ohdio.com/IMG_ODO/common/bdr_realtime_keyword.gif') no-repeat left 1px; color:#FFC49D;}
.layoutHeader .realtime .list A:hover {text-decoration:underline; color:#FFC49D;}
.layoutHeader .rank {float:right; background:url('http://img.ohdio.com/IMG_ODO/common/bg_keyword_rank.gif') no-repeat right top; width:139px; height:18px; line-height:18px; }
.layoutHeader .rank .block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.layoutHeader .rank .block {display:inline-block;}
.layoutHeader .rank .block {display: block;}
.layoutHeader .rank A {color:#FECF5F;}
.layoutHeader .rank A:hover {color:#FECF5F; text-decoration:underline;}
.layoutHeader .rank .number {float:left; margin:3px 5px 0 4px;}
.layoutHeader .rank em {float:left; width:74px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layoutHeader .rank span {float:right; display:block;width:35px; text-align:left; padding:2px 0px 0 0; color:#D8D8D8; font:bold 10px tahoma; white-space:nowrap; overflow:hidden;}
.layoutHeader .rank span.up {color:#FF9600}
.layoutHeader .rank span.down {color:#36DDEC}
.layoutHeader .rank span img {vertical-align:top; margin:2px 2px 0 0;}
.user_utilmenu {clear:both; }
.layoutHeader .multi_login_area {padding:0 18px; width:928px;}
/* 20090319 MP3정보 말풍선추가 */
.layoutHeader .myMp3_info {position:relative;margin:0; padding:0;width:100%}
.layoutHeader .myMp3_info .wrapper {position:absolute;left:80px; top:27px; }
.layoutHeader .myMp3_info .balloom {float:left;height:32px;background:url('http://img.ohdio.com/IMG_ODO/common/balloom_bg.gif') left top;}
.layoutHeader .myMp3_info .balloom_close {float:left;height:32px;}
.layoutHeader .myMp3_info .balloom img {vertical-align:middle;}
.layoutHeader .myMp3_info .text {padding:12px 10px 0 10px; color:#444; font-size:11px;letter-spacing:-0.1em;}
.layoutHeader .myMp3_info .text em {color:#d14a00; font-weight:bold;}
.multi_login {float:left;padding:9px 0 0 153px; height:20px; line-height:20px; width:565px; font-size:11px; color:#C8C8C8; background: url('http://img.ohdio.com/IMG_ODO/common/tit_multilogin.gif') no-repeat 96px 14px; position:relative;}
.multi_login .tfield {margin:0 0 0 1px; border:1px solid #C0C0C0; background-repeat:no-repeat; background-position:left top; background-color:#F5F5F5; color:#BE3D17; font-size:11px;padding:1px 0 0 7px; height:15px; width:89px;}
.multi_login .user_id {background-image:url('http://img.ohdio.com/IMG_ODO/common/txt_userid_dft.gif');}
.multi_login .user_pwd {background-image:url('http://img.ohdio.com/IMG_ODO/common/txt_userpwd_dft.gif');}
.multi_login .login-action {}
.multi_login input,
.multi_login img,
.multi_login select {vertical-align:middle;}
.multi_login .select_area {float:left; padding:2px 4px 0 0;}
.multi_login .select_area .select2-box {width:85px;}
.multi_login .select_area .select2-list {width:85px;}
.multi_login .select_area .select2-list li {cursor:pointer;}
.multi_login .login_opt label ,
.multi_login .login_opt A {color:#888; font-weight:bold; letter-spacing:-1px;}
.multi_login .login_opt A {padding:0 1px;}
.multi_login .login_opt A:hover {text-decoration:underline;}
.multi_login .login_opt label {cursor:pointer;}
.multi_login .login_opt label.over {text-decoration:underline;}
.member_menu {float:right; width:196px; padding:10px 0 0; font-size:1px; line-height:0em;}
.member_menu span {margin-right:0px;}
.stat_login {float:left; width:723px; position:relative;}
.stat_login ul {float:right; font-size:11px; color:#000; padding:10px 0 0;}
.stat_login li {display:inline; line-height:18px; height:18px; overflow:hidden; padding:0 1px 0 2px; white-space:nowrap;}
.stat_login li img {vertical-align:top; margin-left:-2px; margin-top:2px;}
.stat_login .bdr {margin:4px 2px 0 2px;}
.stat_login .user_info {font-size:11px; color:#888; }
.stat_login .membership .tfield {height:15px; font-size:11px; padding:0px 0 0; border:0 none; color:#0A81BE; vertical-align:middle;}
.stat_login .item_ico {margin:-1px -2px 0 0; vertical-align:middle;}
.stat_login .logout-action {margin:0 0 0 3px;}
.layoutMiddle {background: url('http://img.ohdio.com/IMG_ODO/common/bg_mid.gif') repeat-y center top; margin:0 auto; text-align:left; width:916px; padding:0 24px;}
.layoutMiddle:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; line-height:0em;}
.layoutMiddle {display:inline-block;}
* html .layoutMiddle {height: 1%;}
.layoutMiddle {display: block;}
.layoutMiddle .rWing {float:right; width:190px; padding-bottom:30px;}
.layoutMiddle .content_2col {float:left; width:711px; padding-bottom:40px; overflow:hidden;}
.layoutMiddle .content_sch_rst {padding-bottom:10px;}
.layoutMiddle .content_3col {float:left; width:546px; padding-bottom:40px; /*overflow:hidden;*/}
.layoutMiddle .content_2col_2 {float:left; width:751px; overflow:hidden;}
.layoutMiddle .content_2col_3 {float:left; width:751px; overflow:hidden; padding-bottom:40px;}
.layoutMiddle .content_2col_4 {float:left; width:709px; overflow:hidden;}
.layoutMiddle .content_2col_5 {float:right; width:709px; overflow:hidden; padding-bottom:40px;} /* 20090203 */
.layoutMiddle .content_1col {clear:both; width:916px; /*overflow:hidden;*/ padding-bottom:40px;} /* 20090322 */
.layoutMiddle .content_1col_2 {clear:both; padding:0 40px 40px; width:836px;}
.layoutMiddle .content_col_exc {padding-bottom:0;}
.layoutSnb {float:left; overflow:hidden; width:151px; padding:0 14px 40px 0; overflow:hidden;}
.layoutSnb .depth2_wrap {padding:0 0 5px;}
.layoutSnb img {vertical-align:top;}
.layoutSnb #snbWrap {background:url('http://img.ohdio.com/IMG_ODO/snb/bg_snb.gif') no-repeat left top; padding:6px 11px 0; width:128px;}
.layoutSnb #snbWrap li A {display:block; height:22px; width:128px; background-repeat:no-repeat; background-position:left top; text-indent:-5000px;}
.layoutSnb #snbWrap li A:hover,
.layoutSnb #snbWrap .selected A {background-position:left -22px;}
.layoutSnb #snbWrap .depth2_bdr {display:block; font-size:1px; line-height:0em; height:1px; padding:0; background:#545A52; margin:6px 0 6px;}
.layoutSnb .snb_bg_btm {width:150px; height:12px; display:block; background:url('http://img.ohdio.com/IMG_ODO/snb/bg_snb_btm.gif') no-repeat left bottom; font-size:1px; line-height:0em;}
.snb_etc {margin:-4px 0 0; background:url('http://img.ohdio.com/IMG_ODO/snb/bg_etc_top.gif') no-repeat left top; padding:4px 0 0;}
.etc_bg_btm {width:150px; height:4px; display:block; background:url('http://img.ohdio.com/IMG_ODO/snb/bg_etc_btm.gif') no-repeat left bottom; font-size:1px; line-height:0em;}
.layoutSnb2 {float:left; width:192px; padding:0 0px 40px 0;} /* 20090203 */
.layoutSnb2 .snb_bg_btm_my {width:192px; height:8px; display:block; background:url('http://img.ohdio.com/IMG_ODO/snb/mp3down/bg_snb_btm_my.gif') no-repeat left bottom; font-size:1px; line-height:0em;}
.layoutSnb2 #snbWrap li A {display:block; height:25px; background-repeat:no-repeat; background-position:left top; text-indent:-5000px;}
.layoutSnb2 #snbWrap li A:hover,
.layoutSnb2 #snbWrap .selected A {background-position:left -25px;}
.layoutFooter {margin:0 auto; text-align:left; padding:26px 7px 0 9px; width:948px; background:#F6F6F6 url('http://img.ohdio.com/IMG_ODO/common/bg_footer.gif') no-repeat center top; clear:both; font-size:11px;}
.layoutFooter_pos {}
.layoutFooter dl,
.layoutFooter dt,
.layoutFooter dd {display:block;}
.layoutFooter dl {width:948px; _height:0; zoom:1; vertical-align:top; color:#D7D7D7; padding:0 0 7px;line-height:15px; }
.layoutFooter dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.layoutFooter dt {float:left; width:93px; padding:0 0 3px 9px; }
.layoutFooter dt img {vertical-align:top;}
.layoutFooter dd {padding:0 0 3px; padding:2px 0 3px;}
.layoutFooter dd.col1 {float:left; width:323px; }
.layoutFooter dd.col2 {float:left; width:421px;}
.layoutFooter dd A {padding:0 5px 0 4px;}
.layoutFooter dd A:hover {color:#F15D0C; text-decoration:underline;}
.layoutFooter .utilmenu1 {text-align:center; color:#D7D7D7; border-top:1px solid #EBEBEB; line-height:30px;}
.layoutFooter .utilmenu1 span {color:#666; padding:0 2px 0 0;}
.layoutFooter .utilmenu1 A {padding:0 1px 0 0;}
.layoutFooter .utilmenu2 {background:url('http://img.ohdio.com/IMG_ODO/common/bg_footer_util.gif') no-repeat left top; color:#AFAFAF; padding:6px 0 5px; line-height:13px; height:13px; text-align:center;}
.layoutFooter .utilmenu2 img {vertical-align:top; margin:-1px 0 0;}
.layoutFooter .copyright {line-height:18px; padding:15px 0;}
.layoutFooter .copyright:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.layoutFooter .copyright {display:inline-block;}
* html .layoutFooter .copyright {height: 1%;}
.layoutFooter .copyright {display: block;}
.layoutFooter .logo {float:left; width:108px; height:47px; margin:2px 0 0; display:inline; border-right:1px solid #CCC; text-align:center;}
.layoutFooter .logo img {vertical-align:top;}
.layoutFooter .logo_iscs {float:right; width:54px; margin:2px 0 0; padding:7px 0 0;}
.layoutFooter .copyright div {padding:0 0 0 12px; float:left; width:748px;}
.layoutFooter .copyright div em {display:block; font-family:tahoma; font-size:10px;}
.layoutFooter .copyright .bdr {color:#B7B7B7; padding:0 2px;}
.recomm_aside {background:url('http://img.ohdio.com/IMG_ODO/common/bg_aside_recomm.gif') no-repeat left top; min-height:169px; _height:169px; overflow:visible; padding:0 0 7px;}
.recomm_aside .settle_tit3 {height:32px; overflow:hidden;}
.recomm_aside .thumb {padding:0 6px 5px;}
.recomm_aside .thumb img {vertical-align:top;}
.recomm_aside em {display:block; font-weight:bold; color:#000; font-size:11px; background:url('http://img.ohdio.com/IMG_ODO/ico/ico_speaker.gif') no-repeat 12px 4px; white-space:nowrap; overflow:hidden; width:159px; padding:1px 0 0px 25px; text-overflow:ellipsis;}
.recomm_aside em A {color:#000;}
.recomm_aside em A:hover {text-decoration:underline;}
.recomm_aside .music_ctl {float:left; padding:9px 0 0 10px; width:115px; height:20px;}
.recomm_aside .music_act {padding:9px 7px 1px 0; height:20px; float:right; white-space:nowrap; width:55px; }
.recomm_aside .music_act img {width:100%; height:100%;}
.recomm_aside .music_act A.action1 {background:url('http://img.ohdio.com/IMG_ODO/btn/btn_aside_recomm_add.gif') no-repeat left top; float:left; width:21px; height:16px; margin-right:1px; display:inline;}
.recomm_aside .music_act A.action2 {background:url('http://img.ohdio.com/IMG_ODO/btn/btn_aside_recomm_mp3.gif') no-repeat left top; float:left; width:32px; height:16px;}
.recomm_aside .music_act span.action1 {background:url('http://img.ohdio.com/IMG_ODO/btn/btn_aside_recomm_add_.gif') no-repeat left top; float:left; width:21px; height:16px; margin-right:1px; display:inline;}
.recomm_aside .music_act span.action2 {background:url('http://img.ohdio.com/IMG_ODO/btn/btn_aside_recomm_mp3_.gif') no-repeat left top; float:left; width:32px; height:16px;}
/* 우측날개 sms 보내기용 style (실제페이지에서는 iframe으로 제작해서 아래style은 필요없음 */
.sms_aside {clear:both; background:url('http://img.ohdio.com/IMG_ODO/common/bg_sms.gif') no-repeat left top; height:210px; padding:0 0 10px;}
.sms_aside .msg_area {padding:40px 0 10px 17px; position:relative;}
.sms_aside .msg_area textarea { color:#444; line-height:15px; border:0 none; background:transparent; overflow:hidden; width:155px; height:60px; }
.sms_aside .msg_area .stat {position:absolute; right:10px; top:113px; width:31px; font-size:10px; font-family:tahoma; color:#444; line-height:13px; white-space:nowrap; text-align:right; overflow:hidden;}
.sms_aside .msg_area .stat span {font-weight:bold; letter-spacing:-1px;}
.sms_aside .info {padding:0 0 0 10px; height:20px; font-size:1px; line-height:0em; overflow:hidden;}
.sms_aside .info img {vertical-align:top; margin:0 1px 0 0;}
.sms_aside .option_sel {padding:0 10px; /*height:20px; */overflow:visible;}
.sms_aside .option_sel select {width:169px; vertical-align:top;}
.sms_aside .option_sel .select2-box .select-label {font-weight:bold; letter-spacing:-1px;}
.sms_aside .user_action {position:relative;}
.sms_aside .user_action fieldset {padding:0 0 0 38px; height:20px; position:absolute; display:block;}
.sms_aside .user_action legend {display:none;}
.sms_aside .tfield {border:1px solid #C0C0C0; background:#F5F5F5; width:84px; height:15px; padding:1px 0 0 4px; font-size:11px; vertical-align:top;}
.sms_aside .user_action .send_num {left:10px; top:7px; background:url('http://img.ohdio.com/IMG_ODO/label/label_sms_sender.gif') no-repeat left center;}
.sms_aside .user_action .receiver_num {left:10px; top:30px;; background:url('http://img.ohdio.com/IMG_ODO/label/label_sms_receiver.gif') no-repeat left center;}
.sms_aside .user_action .action-submit {position:absolute; right:11px; top:7px;}
.myalbum_left_wing {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_lwing_mid.gif') repeat-y left top; padding:7px 6px 0px; position:relative; margin:10px 0 0; _height:1%; zoom:1;}
.myalbum_left_wing .t {position:absolute; margin-left:-6px; top:0; width:192px; height:10px; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_lwing_top.gif') no-repeat left top;}
.myalbum_left_wing .b {position:relative; margin:-2px 0 0 -6px; bottom:0; display:block; width:192px; height:10px; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_lwing_btm.gif') no-repeat left bottom; zoom:1; }
.myalbum_aside {margin:8px 0 0; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_side_mid.gif') repeat-y left top; width:180px;}
.myalbum_aside .t2 {height:9px; display:block; font-size:1px; line-height:0em; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_side_top.gif') no-repeat left top;}
.myalbum_aside .b2 {height:5px; display:block; font-size:1px; line-height:0em; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_side_btm.gif') no-repeat left bottom;}
.myalbum_aside .folder_list {padding:5px 0px 8px; margin:0 6px 4px; background:#666B71 url('http://img.ohdio.com/IMG_ODO/mbox/bg_side_inner_btm.gif') no-repeat left bottom; font-size:11px;}
.myalbum_aside .folder_list em {display:block; height:23px; cursor:pointer; text-indent:-5000px; overflow:hidden;}
.myalbum_aside .folder_list .folder1 {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_folder1.gif') no-repeat left top;}
.myalbum_aside .folder_list .folder2 {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_folder2.gif') no-repeat left top;}
.myalbum_aside .folder_list .folder3 {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_folder3.gif') no-repeat left top;}
.myalbum_aside .folder_list .folder4 {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_folder4.gif') no-repeat left top;}
.myalbum_aside .folder_list .folder5 {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_folder5.gif') no-repeat left top;}
.myalbum_aside .folder_list .myalbumfolder {zoom:1;}
.myalbum_aside .folder_list .myalbumfolder ul {display:none; margin-top:-2px;}
.myalbum_aside .folder_list .list_pos {overflow:hidden; zoom:1;}
.myalbum_aside .folder_list .folder_open {background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_folder_selected.gif') no-repeat left 23px;}
.myalbum_aside .folder_list .folder_open em {margin-bottom:6px; background-position:left -23px;}
.myalbum_aside .folder_list .folder_open ul {display:block;}
.myalbum_aside .folder_list ul {padding:0px 0 7px 7px; width:154px; color:#CCC; }
.myalbum_aside .folder_list ul A {color:#CCC; display:block;}
.myalbum_aside .folder_list ul A.selected {font-weight:bold; color:#E4E4E4;text-decoration:underline; background:url('http://img.ohdio.com/IMG_ODO/mbox/arrow_folder.gif') no-repeat 141px 3px}
.myalbum_aside .folder_list ul A:hover {color:#E4E4E4;text-decoration:underline; }
.myalbum_aside .folder_list ul li {background:url('http://img.ohdio.com/IMG_ODO/mbox/line_folder_list.gif') repeat-x left top; padding:4px 0 2px 7px;}
.myalbum_aside .folder_list ul .list_gubun {vertical-align:top; margin:0 6px 0 0;}
.myalbum_aside .folder_list ul .list_ico {vertical-align:top; margin:1px 0 0 4px;}
.player_aside {width:170px; padding:15px 0 8px 10px; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_aside_player.gif') no-repeat left top;}
.player_aside .player_area {padding:0 0 12px;}
.player_aside .player_opt {padding:0 0 10px; height:13px; overflow:hidden; }
.player_aside .player_opt .chk_img {display:block; width:99px; height:13px; cursor:pointer;}
.player_aside .player_opt .chk_dft {background:url('http://img.ohdio.com/IMG_ODO/mbox/img_chkbox_dft.gif') no-repeat left top; }
.player_aside .player_opt A:hover .chk_dft {background-position:left -13px;}
.player_aside .player_opt .chk_checked {background:url('http://img.ohdio.com/IMG_ODO/mbox/img_chkbox_on.gif') no-repeat left top;}
.player_aside .player_opt .chk_img img {width:100%; height:100%;}
.myalbumBody .recomm_asdie_pos {margin-right:-20px; width:224px; height:228px; position:relative;}
.myalbumBody .recomm_aside {padding:0px 0 0 14px; height:228px; background:url('http://img.ohdio.com/IMG_ODO/mbox/bg_aside_recomm.jpg') no-repeat left top; text-align:left;}
.myalbumBody .recomm_aside .settle_tit3 {height:82px; width:190px;}
.myalbumBody .recomm_aside .thumb {padding:0;}
.myalbumBody .recomm_aside em {color:#333; background:url('http://img.ohdio.com/IMG_ODO/mbox/ico_speaker.gif') no-repeat 12px 7px; width:150px; padding:3px 0 3px 26px;}
.myalbumBody .recomm_aside em A {color:#333;}
.myalbumBody .recomm_aside .music_ctl {padding:2px 0 0 10px; width:120px; }
.myalbumBody .recomm_aside .music_act {padding:2px 0 0; float:left; white-space:nowrap; width:60px; }
.myalbumBody .recomm_aside .music_act A.action1 {background:url('http://img.ohdio.com/IMG_ODO/mbox/btn_aside_recomm_add.gif') no-repeat left top;}
.myalbumBody .recomm_aside .music_act A.action2 {background:url('http://img.ohdio.com/IMG_ODO/mbox/btn_aside_recomm_mp3.gif') no-repeat left top;}
.myalbumBody .recomm_aside .music_act span.action1 {background:url('http://img.ohdio.com/IMG_ODO/mbox/btn_aside_recomm_add_.gif') no-repeat left top;}
.myalbumBody .recomm_aside .music_act span.action2 {background:url('http://img.ohdio.com/IMG_ODO/mbox/btn_aside_recomm_mp3_.gif') no-repeat left top;}
.toplist_aside {margin:0 0 9px; padding:0 0 8px; background:url('http://img.ohdio.com/IMG_ODO/common/bg_aside_box_btm.gif') no-repeat left bottom;/* position:relative;*/zoom:1;}
.toplist_aside .settle_tit3 {height:38px; padding-bottom:6px; background:url('http://img.ohdio.com/IMG_ODO/common/bg_aside_box.gif') repeat-y left top;position:relative; overflow:hidden; }
.toplist_aside .settle_tit3 .more {position:absolute; width:40px; height:14px; right:6px; top:20px;}
.toplist_aside .list_wrap {background:url('http://img.ohdio.com/IMG_ODO/common/bg_aside_box.gif') repeat-y left top; padding-left:5px; padding-right:7px; width:178px;}
.toplist_aside .aside_list { width:100%;}
.aside_list {clear:both; table-layout:fixed;}
.toplist_aside .aside_list td {height:25px;}
.aside_list td {height:22px;}
.aside_list .num {text-align:right;}
.aside_list .num img {vertical-align:top;}
.aside_list .num2 {text-align:center;}
.aside_list .num2 img {vertical-align:top;}
.aside_list .title {color:#333; padding-right:4px;}
.aside_list .title2 {padding-left:5px;}
.aside_list .title em {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.aside_list .title em A:hover {color:#F15D0C; text-decoration:underline;}
.aside_list .keyword {padding-left:3px; padding-right:8px;}
.aside_list .keyword em {display:block; white-space:nowrap; overflow:hidden; width:89px;}
.aside_list .keyword em A:hover {color:#E16009; text-decoration:underline;}
/* 20090520 추가 */
.photonews_aside {margin:0 0 9px; padding:0 0 8px; background:url('http://img.ohdio.com/IMG_ODO/common/bg_aside_box_btm2.gif') no-repeat left bottom;/* position:relative;*/zoom:1;}
.photonews_aside .settle_tit3 {height:27px; overflow:hidden;}
.photonews_aside .list_wrap {text-align:center; background:url('http://img.ohdio.com/IMG_ODO/common/bg_aside_box2.gif') repeat-y left top; /*padding-left:6px; padding-right:7px; padding-top:5px;width:178px;*/ padding:6px 6px 0px;}
.photonews_aside .list_wrap .photo_wrap {margin:0 auto;text-align:center;width:176px;}
.photonews_aside .list_wrap .photo_wrap .photo {margin:0 auto;}
.photonews_aside .list_wrap .photo_wrap .photo img {border:1px solid #c5c5c5; margin:0 auto; text-align:center; vertical-align:middle;}
.photonews_aside .list_wrap .title_area {margin:0 auto; padding:0;overflow:hidden; text-overflow:ellipsis; width:90%; _margin-bottom:-11px;}
.photonews_aside .list_wrap .title_area A.title {line-height:24px;text-align:center;color:#31529e; font-weight:bold; letter-spacing:-0.1em;}
.photonews_aside .list_wrap .title_area A.title:hover {color:#4b7ae8;}
.photonews_aside .list_wrap .dot_line {height:1px; background:url('http://img.ohdio.com/IMG_ODO/common/bg_photonews_dotline.gif') no-repeat left bottom;}
.photonews_aside .list_wrap .arrow_btn {height:14px;padding:4px 0 0 0; text-align:center;}
.photonews_aside .list_wrap .arrow_btn em {color:#ff6c00; font-weight:bold;}
.photonews_aside .list_wrap .arrow_btn img {vertical-align:middle;}
/* 20090520 추가 끝 */
.aside_list .music {font-size:11px; color:#333;}
.aside_list .music em {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; width:100%;}
.aside_list .music em A {color:#333;}
.aside_list .music .artist {color:#d76f1d;} /* 수정 20091214 */
.aside_list .txt_bold {letter-spacing:-1px;}
.toplist_aside_music {padding-bottom:6px; margin:0 0 10px;background:url('http://img.ohdio.com/IMG_ODO/main/bg_top20_btm_n.gif') no-repeat left bottom; }
.toplist_aside_music .settle_tit3 {height:36px; padding:0;}
.toplist_aside_music .list_wrap {padding-left:8px; padding-right:8px;; width:174px; background:url('http://img.ohdio.com/IMG_ODO/main/bg_top20_n.gif') repeat-y left top;}
.toplist_aside_music .btm {height:10px; overflow:hidden; display:block; font-size:1px; line-height:0em; }
.toplist_aside_music .list_wrap {min-height:66px; _height:66px; _overflow:visible;}
.toplist_aside_music .top_area {background:url('http://img.ohdio.com/IMG_ODO/main/bg_top20_top_n.gif') no-repeat left top; margin:0 -8px; padding:0px 4px 0; width:182px; height:52px; overflow:hidden;}
.toplist_aside_music .top_area .music_action {text-align:right; font-size:1px; line-height:0em; padding:4px 5px 0 0;}
.toplist_aside_music .tab_wrap {position:relative;}
.toplist_aside_music .tab_wrap .tab {position:absolute; zoom:1;float:left; display:block; top:8px; height:25px; z-index:2;; text-indent:-5000px; background:url('http://img.ohdio.com/IMG_ODO/common/blank.gif');}
.toplist_aside_music .tab_wrap .tabmenu1 {left:4; width:57px; }
.toplist_aside_music .tab_wrap .tabmenu2 {left:61px; width:56px; }
.toplist_aside_music .tab_wrap .tabmenu3 {left:117px; width:62px;}
.toplist_aside_music .aside_newest {padding:0px 0 6px; margin:0 0 1px; background:url('http://img.ohdio.com/IMG_ODO/main/bg_aside_new.gif') repeat-x left bottom; font-size:11px; color:#333;}
.toplist_aside_music .aside_newest .block {padding:2px 0 0 36px; background:url('http://img.ohdio.com/IMG_ODO/main/label_newest.gif') no-repeat left 2px;}
.toplist_aside_music .aside_newest .block em {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:135px; display:block;}
.toplist_aside_music .aside_newest A {color:#333;}
.toplist_aside_music .aside_newest .artist {color:#2a3798;}
.toplist_aside_music .aside_list {margin-top:0;}
.poll_aside {padding-bottom:10px;}
.ad_aside img {vertical-align:top;}
.ad_aside2 {padding:0 0 10px;}
.realtime_list_aside {margin:10px 0 0; background:url('http://img.ohdio.com/IMG_ODO/common/bg_realtime_btm.gif') no-repeat left bottom; padding:0 0 7px;}
.realtime_list_aside .list_wrap {background:url('http://img.ohdio.com/IMG_ODO/common/bg_realtime.gif') no-repeat left top; padding:0 2px 0 1px;}
.realtime_list_aside .keyword em {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cont_top_banner2 {background:url('http://img.ohdio.com/IMG_ODO/news/frame_banner.gif') no-repeat left top; padding:3px 0 20px 3px;}
.cont_top_banner2 img {vertical-align:top;}
/* 새로운 헤더 091103 */
#WrapN { position:relative; width:960px; margin:0 auto; }
#topArea {z-index:99; position:relative; width:960px; margin:0 auto; }
#topArea .GnbBox { position:relative; z-index:2; width:960px; height:126px; margin:0; padding:0px; }
#topArea .GnbBox .logo { position:absolute; left:0px; top:0px; }
#topArea .GnbBox .menu { position:absolute; left:260px; top:0px; }
#topArea .GnbBox .etcMenu { position:absolute; right:65px; top:6px; list-style:none; margin:0px; padding:0px;} /* 20091209 수정 */
#topArea .GnbBox .etcMenu li { float:left; padding:0 5px 0 5px; margin:0px; background:url(http://img.ohdio.com/IMG_ODO/new_main/ico_bar_01.gif) 0 3px no-repeat;} /* 20091209 수정 */
#topArea .GnbBox .etcMenu li.first { background:none; }
#topArea .GnbBox .mApply { position:absolute; right:4px; top:6px; }
#topArea .GnbBox .searchArea { padding:59px 0 0 264px; margin:0px; }
#topArea .GnbBox .searchArea .allSearch { position:relative; float:left; width:403px; height:31px; padding:0px 0 0 23px; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_top_searchbox.gif) no-repeat; }
#topArea .GnbBox .searchArea .allSearch .selectBox01 { float:left; position:relative; width:99px; height:18px; padding:0 0 0 22px; margin:8px 0 0 0; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_search_select_01.gif) no-repeat; }
#topArea .GnbBox .searchArea .allSearch .on { background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_search_select_01_on.gif) no-repeat; }
#topArea .GnbBox .searchArea .allSearch .selectBox01 span { display:block; width:94px; cursor:hand; }
#topArea .GnbBox .searchArea .allSearch .selectBox01 .listDiv { display:; position:absolute; top:16px; left:2px; width:104px; height:138px; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_select_list_01.gif) no-repeat; }
#topArea .GnbBox .searchArea .allSearch .selectBox01 .listDiv ul { list-style:none; margin:11px 0 0 21px; padding:0px; }
#topArea .GnbBox .searchArea .allSearch .selectBox01 .listDiv ul li { padding:0px 0 3px 0; margin:0px; }
#topArea .GnbBox .searchArea .allSearch input.text { float:left; width:263px; height:15px; padding:3px 0 0 3px; margin:7px 0 0 0;font:bold 12px dotum; color:#000; border:0px solid red; background-color:transparent; }
#topArea .GnbBox .searchArea .searchBtn { float:left; }
#topArea .GnbBox .searchArea .allSearch .searchLink { position:absolute; top:24px; left:142px; width:270px; height:124px; padding:0 0 0 4px; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_search_list_01.gif) no-repeat; }
#topArea .GnbBox .searchArea .allSearch .searchLink ul { list-style:none; overflow-y:auto; width:258px; height:99px; margin:13px 0 0 0; padding:0px; }
#topArea .GnbBox .searchArea .allSearch .searchLink ul li { margin:0px; padding:0 0 1px 0px; }
#topArea .GnbBox .searchArea .allSearch .searchLink ul li a { display:block; padding:1px 0 1px 20px; }
#topArea .GnbBox .searchArea .allSearch .searchLink ul li a:hover { display:block; background:#e9e9e9; }
#topArea .GnbBox .searchArea .allSearch .searchLink ul li span { color:#ff7d02; }
#topArea .GnbBox .searchArea .popularList { width:500px; text-align:center; }/* 인기 검색어 자리 수정 091201 */
#topArea .GnbBox .searchArea .popularList dl { margin:41px 0 0 23px; *margin:6px 0 0 23px; padding:0px; }/* 인기 검색어 자리 수정 091201 */
#topArea .GnbBox .searchArea .popularList dl dt { float:left; width:85px; margin:0; padding:1px 0 0 0; font:bold 12px dotum; letter-spacing:-1px; color:#000000; background:url(http://img.ohdio.com/IMG_ODO/new_main/ico_arrow_01.gif) 79px 4px no-repeat; }
#topArea .GnbBox .searchArea .popularList dl dd { float:left; margin:0px; padding:0px 5px 0 4px; background:url(http://img.ohdio.com/IMG_ODO/new_main/ico_bar_02.gif) 0 1px no-repeat; }
#topArea .GnbBox .searchArea .popularList dl dd.first { background:none; }
#topArea .GnbBox .searchArea .popularList dl dd a { color:#d76f1d; }
#topArea .GnbBox .searchArea .popularList dl dd a:hover { text-decoration:underline; }
#topArea .GnbBox .banner01 { position:absolute; right:0px; top:22px; }
#topArea .topBar { z-index:1; position:relative; width:949px; height:29px; padding:7px 0 0 11px; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_top_bar.gif) no-repeat; }
#topArea .topBar .loginBox fieldset { margin:0px; padding:0px; }
#topArea .topBar .loginBox fieldset legend { display:none; }
#topArea .topBar .loginBox .multiLogin { float:left; position:relative; width:87px; height:21px; padding:0 0 0 0px; margin:0; padding:0; font:11px dotum; color:#fff; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_login_select.gif) no-repeat; }
#topArea .topBar .loginBox .multiLogin span { display:block; width:81px; height:16px; padding:5px 0 0 6px; cursor:hand; }
#topArea .topBar .loginBox .multiLogin .listDiv { display:; position:absolute; top:21px; left:0px; width:87px; height:90px; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_select_list_02.gif) no-repeat; }
#topArea .topBar .loginBox .multiLogin .listDiv ul {
overflow-y:auto;
overflow-x:hidden;
list-style:none;
width:75px;
height:80px;
margin:6px 0 0 8px;
padding:0px;
scrollbar-base-color: #4a4e52; /* 아래의 6가지 스타일을 하나로 통합 한것 */
scrollbar-face-color: #60676e; /* bar 의 표면색 */
scrollbar-track-color: #4a4e52; /* 스크롤 트랙의 색 */
scrollbar-highlight-color: #4a4e52; /* 밝게 빛나는 좌상단 모서리 */
scrollbar-3dlight-color: #4a4e52; /* 좌상단 모서리 아래부분 */
scrollbar-shadow-color: #4a4e52; /* 그림자 지는 우하단 */
scrollbar-darkshadow-color: #4a4e52; /* 그림자 우하단 */
scrollbar-arrow-color: #ff4c15; /* 삼각형부분 */
}
#topArea .topBar .loginBox .multiLogin .listDiv ul li { width:70px; padding:2px 0 2px 0; _padding:2px 0 0px 0; margin:0px; font:11px dotum; border-bottom:1px solid #76797b; }
#topArea .topBar .loginBox .multiLogin .listDiv ul li a { color:#bdbdbd; }
#topArea .topBar .loginBox .multiLogin .listDiv ul li a:hover { text-decoration:none; }
#topArea .topBar .loginBox input.id { float:left; width:88px; height:16px; margin:0 0 0 3px; padding:5px 0 0 7px; vertical-align:middle; font:11px dotum; color:#ffffff; border:0px solid red; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_input_01.gif) right top no-repeat; }
#topArea .topBar .loginBox .password { float:left; width:94px; height:20px; margin:0 0 0 3px; padding:1px 0 0 1px; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_input_03.gif) no-repeat; }
#topArea .topBar .loginBox .password input.pass { width:87px; height:15px; padding:3px 0 0 3px; color:#ffffff; font:11px dotum; border:0px solid red; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_input_04.gif) no-repeat; }
#topArea .topBar .loginBox input.on { float:left; width:88px; height:16px; margin:0 0 0 3px; padding:5px 0 0 7px; vertical-align:middle; font:11px dotum; color:#ffffff; border:0px solid red; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_input_03.gif) right top no-repeat; }
#topArea .topBar .loginBox input.on02 { width:87px; height:15px; padding:3px 0 0 3px; font:11px dotum; color:#ffffff; border:0px solid red; background:none; }
#topArea .topBar .loginBox .btnLogin { float:left; margin-left:4px; vertical-align:middle; }
#topArea .topBar .loginBox .etcBox { float:left; font:0/0 arial; margin:3px 0 0 5px; *margin:0px; }
#topArea .topBar .loginBox .etcBox input.check { vertical-align:-6px; margin:0 3px 0 2px; }
#topArea .topBar .loginBox .etcBox .bar { margin:0 6px 0 6px; }
#topArea .topBar .myInfo { color:#d1d1d1; }
#topArea .topBar .myInfo .idBox { float:left; }
#topArea .topBar .myInfo .idBox span { color:#e46715; }
#topArea .topBar .myInfo .idBox .logoutBtn { vertical-align:-4px; margin:0 0 0 5px; }
#topArea .topBar .myInfo .infoBox { float:left; padding:5px 0 0 15px; font:11px dotum;}
#topArea .topBar .myInfo .infoBox a { color:#d1d1d1; }
#topArea .topBar .myInfo .infoBox .arrow { vertical-align:middle; margin:0 0 0 5px; }
#topArea .topBar .myInfo .infoBox .bar { margin:0 5px 0 5px; vertical-align:0; }
#topArea .topBar .myAlbumBtn { position:absolute; top:11px; right:19px; font:0/0 arial; }
#topArea .topBar .myAlbumBtn .bar { margin:0 5px 0 5px; vertical-align:1px; }
#topArea .topBar .myInfo .couponBox { float:left; padding:0 0 0 3px; font:11px dotum;} /* 20100112 추가 */
#topArea .topBar .myInfo .couponBox a { color:#d1d1d1; } /* 20100112 추가 */
#topArea .topBar .myInfo .couponBox .icon { float:left; padding:0 3px 0 3px;} /* 20100112 추가 */
#topArea .topBar .myInfo .couponBox .bar { float:left; margin:5px 5px 0 5px; vertical-align:1px; } /* 20100112 추가 */
#topArea .topBar .myInfo .couponBox .text { margin:5px 0 0 0; } /* 20100112 추가 */
/* 새로운 풋터 091103 */
#serviceList { width:885px; margin:45px auto; padding:9px 0 6px 75px; *padding:9px 0 8px 75px; border-top:2px solid #b1b1b1; }
#serviceList div { float:left; }
#serviceList div h4.Title { padding:0 0 2px 1px; *padding:0 0 0 1px; }
#serviceList div ul { list-style:none; margin:5px 0 0 0; padding:0px; }
#serviceList div ul li { padding:0 0 5px 0; *padding:0 0 2px 0; font:11px dotum; }
#serviceList div ul li a:hover { text-decoration:underline; }
#customerInfo { width:960px; height:19px; padding:9px 0 0 0; margin:0 auto; text-align:center; font:11px dotum; color:#666666; background:url(http://img.ohdio.com/IMG_ODO/new_main/bg_customer_box.gif) repeat-x; }
#customerInfo strong { color:#dd3c00; }
#customerInfo img { vertical-align:middle; margin:0 4px 0 5px; }
#customerInfo a:hover { text-decoration:underline; }
#footerArea { position:relative; width:960px; height:110px; margin:0 auto; }
#footerArea .danalLogo { position:absolute; top:28px; left:12px; }
#footerArea .clauseMenu { position:absolute; width:800px; top:20px; left:100px; }
#footerArea .clauseMenu li { float:left; padding:0 10px 0 10px; font:0/0 arial; background:url(http://img.ohdio.com/IMG_ODO/new_main/ico_bar_05.gif) 0 0 no-repeat; }
#footerArea .clauseMenu li.first { background:none; }
#footerArea address { position:absolute; top:40px; left:111px; font:11px/14px dotum; color:#999999; }
#footerArea .iscsLogo { position:absolute; right:9px; top:17px; }
#footerArea .copyright { position:absolute; top:79px; left:111px; }
.oldTop { width:964px; font:0/0 arial; margin:0 auto; padding:6px 0 0 0; }
.oldBottom { width:964px; font:0/0 arial; margin:0 auto; }
/* 서브페이지 레이아웃 2단 */
#subContentsArea { width:960px; padding:14px 0 0 2px; }
#subContentsArea #leftArea { float:left; width:146px; }
#subContentsArea #leftArea .LMenu { width:131px; margin:0 0 0px 0; padding:7px 0 0 0; _padding:3px 0 0 0;}
#subContentsArea #leftArea .LMenu .menu { list-style:none; width:131px; margin:0px 0 0 0; padding:0px; }
#subContentsArea #leftArea .LMenu .menu .select { margin:0px; padding:2px 0 2px 0; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu .select a { display:block; width:116px; height:14px; padding:3px 0 0 15px; margin:0; font:bold 12px dotum; text-align:left; color:#ff6600; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_genre_box_02.gif) no-repeat; }
#subContentsArea #leftArea .LMenu .menu li { margin:0px; padding:5px 0 4px 0px; font:bold 12px dotum; border-bottom:1px solid #cdcdcd; background:url(http://img.ohdio.com/IMG_ODO/sub/ico_arrow_05.gif) 118px 9px no-repeat;}
#subContentsArea #leftArea .LMenu .menu li a {display:block; width:116px; padding:1px 0 1px 15px; color:#000; }
#subContentsArea #leftArea .LMenu .menu li a:hover { text-decoration:none; font-weight:bold !important; color:#ff6600; }
#subContentsArea #leftArea .LMenu .menu li.select01 { font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu li.last { border:none; padding-bottom:14px;}
#subContentsArea #leftArea .LMenu .menu li span { font:normal 11px dotum; }
#subContentsArea #leftArea .LMenu .menu .depth2 { overflow:hidden; width:131px; margin:0px; padding:4px 0 2px 0; text-align:left; font:11px dotum; border-bottom:1px solid #cdcdcd; background:none;}
#subContentsArea #leftArea .LMenu .menu .depth2 dl { width:131px; margin:0px 0 5px 0; padding:0px; font:11px dotum; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt { margin:0px; padding:3px 0 14px 15px; font:bold 12px dotum; text-align:left; color:#333333; background:none; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt .arrow { margin:0 0 0 7px; vertical-align:middle; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt.on .arrow { display:none; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt a {display:inline; padding:0px; background:none;}
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt.on { background:url(http://img.ohdio.com/IMG_ODO/sub/bg_genre_box_02.gif) no-repeat; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt.on a { color:#ff6600; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd { margin:0px; padding:0px 0 0 0; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd a { display:inline; padding:0px 0 0 0; background:none; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd.last { margin:0px; padding:10px 0 9px 0; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd ul { list-style:none; margin:0px; padding:0px; font:11px dotum; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd ul li { margin:0px; padding:0 0 7px 15px; font:11px dotum; border:none; background:none;}
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd ul li.select01 { font:bold 11px dotum;color:#ff6600; }
#subContentsArea #leftArea .LMenu .menu02 { list-style:none; width:131px; margin:0px; padding:0px; }
#subContentsArea #leftArea .LMenu .menu02 .select { margin:0px; padding:5px 0 5px 0; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu02 .select a { display:block; width:110px; height:15px; padding:4px 0 0 0; margin:0 auto; font:bold 12px dotum; text-align:center; color:#e25719; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_genre_box.gif) no-repeat; }
#subContentsArea #leftArea .LMenu .menu02 li { text-align:center; margin:0px; padding:7px 0 4px 0px; font:bold 12px dotum; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu02 li a { color:#000; }
#subContentsArea #leftArea .LMenu .menu02 li a:hover { text-decoration:none; font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu02 li.select01 { font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu02 li.last { border:none; padding-bottom:7px;}
#subContentsArea #leftArea .subGategoty { width:131px; margin:0 0 10px 0; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_sub_category_middle.gif) repeat-y; }
#subContentsArea #leftArea .subGategoty h3.Title { margin:0px; padding:0px; }
#subContentsArea #leftArea .subGategoty .menu { width:121px; margin:0 0 0 5px; }
#subContentsArea #leftArea .subGategoty .menu li { padding:6px 0 5px 8px; *padding:5px 0 4px 8px; color:#000000; border-bottom:1px solid #ececec; background:url(http://img.ohdio.com/IMG_ODO/sub/ico_arrow_05.gif) 112px 9px no-repeat; }
#subContentsArea #leftArea .subGategoty .menu li.last{ border-bottom:none; }
#subContentsArea #leftArea .subGategoty .menu li a { font:bold 12px dotum; color:#000000; }
#subContentsArea #leftArea .subGategoty .menu li a span { font:normal 11px dotum; }
#subContentsArea #leftArea .subGategoty .menu li a:hover { color:#ff6600; }
#subContentsArea #leftArea .subGategoty .menu li.sub { margin:0px; padding:0px 0 0 8px; *padding:0px 0 2px 8px; font:0/0 arial; color:#000000; border-bottom:1px solid #ececec; background:none; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl { margin:6px 0 5px 0; *margin:4px 0 5px 0; padding:0px; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dt { font:bold 12px dotum; padding:1px 0 14px 0; *padding:1px 0 12px 0; margin:0px; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dt a { color:#000; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dt a:hover { color:#ff6600; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dt .arrow { margin:0 0 0 7px;vertical-align:middle; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dd { margin:0px; padding:0px; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dd ul { list-style:none; font:11px dotum; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dd ul li { padding:0 0 7px 7px; *padding:0 0 4px 7px; font:normal 11px dotum; border:none; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dd ul li a { font:normal 11px dotum; }
#subContentsArea #leftArea .subGategoty .menu li.sub dl dd ul li a:hover { font:bold 11px dotum; }
/*#subContentsArea { width:960px; padding:14px 0 0 2px; }
#subContentsArea #leftArea { float:left; width:146px; }
#subContentsArea #leftArea .LMenu { width:131px; margin:0 0 10px 0; padding:7px 0 0 0; _padding:3px 0 0 0;}
#subContentsArea #leftArea .LMenu h2.Title { width:131px; padding:7px 0 10px 0; _padding:7px 0 6px 0; margin:0px;text-align:center; border-bottom:1px solid #cdcdcd;}
#subContentsArea #leftArea .LMenu .menu { list-style:none; width:131px; margin:0px 0 0 0; padding:0px; }
#subContentsArea #leftArea .LMenu .menu .select { margin:0px; padding:2px 0 2px 0; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu .select a { display:block; width:110px; height:15px; padding:4px 0 0 0; margin:0 auto; font:bold 12px dotum; text-align:center; color:#e25719; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_genre_box.gif) no-repeat; }
#subContentsArea #leftArea .LMenu .menu li { margin:0px; padding:5px 0 4px 17px; font:bold 12px dotum; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu li a { color:#000; }
#subContentsArea #leftArea .LMenu .menu li a:hover { text-decoration:none; font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu li.select01 { font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu li.last { border:none; padding-bottom:13px;}
#subContentsArea #leftArea .LMenu .menu .depth2 { overflow:hidden; width:130px; margin:0px; padding:10px 0 1px 0; text-align:left; font:11px dotum; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl { width:130px; margin:0px; padding:0px; font:11px dotum; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt { height:22px; margin:0px; padding:0px; font:bold 12px dotum; text-align:center; color:#333333; background:url(http://img.ohdio.com/IMG_ODO/sub/ico_arrow_01.gif) bottom center no-repeat; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dt a.on { display:block; width:110px; height:15px; padding:4px 0 0 0; margin:0 auto; font:bold 12px dotum; text-align:center; color:#e25719; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_genre_box.gif) no-repeat; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd { margin:0px; padding:10px 0 0 0; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd.last { margin:0px; padding:10px 0 9px 0; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd ul { list-style:none; margin:0px; padding:0px; }
#subContentsArea #leftArea .LMenu .menu .depth2 dl dd ul li { margin:0px; padding:0px 0 7px 17px; font:11px dotum; border:none; }
#subContentsArea #leftArea .LMenu .menu02 { list-style:none; width:131px; margin:0px; padding:0px; }
#subContentsArea #leftArea .LMenu .menu02 .select { margin:0px; padding:5px 0 5px 0; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu02 .select a { display:block; width:110px; height:15px; padding:4px 0 0 0; margin:0 auto; font:bold 12px dotum; text-align:center; color:#e25719; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_genre_box.gif) no-repeat; }
#subContentsArea #leftArea .LMenu .menu02 li { text-align:center; margin:0px; padding:7px 0 4px 0px; font:bold 12px dotum; border-bottom:1px solid #cdcdcd; }
#subContentsArea #leftArea .LMenu .menu02 li a { color:#000; }
#subContentsArea #leftArea .LMenu .menu02 li a:hover { text-decoration:none; font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu02 li.select01 { font-weight:bold !important; color:#e25719; }
#subContentsArea #leftArea .LMenu .menu02 li.last { border:none; padding-bottom:7px;}*/
#subContentsArea #leftArea .banner { padding:0 0 7px 0; }
#subContentsArea #leftArea .banner01 { padding:10px 0 7px 0; }
#subContentsArea #contentsArea { float:left; width:813px; }
#subContentsArea #contentsArea .sortMenu01 { padding:0 0 9px 0; }
/* 마이앨범 오른쪽 컨텐츠 */
.sideRecomMusic { width:190px; margin:0 0 9px 14px; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_side_box_bottom.gif) bottom left no-repeat; }
.sideRecomMusic h4.Title { position:relative; width:181px; height:28px; padding:0 0 0 9px; font:0/0 arial; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_sub_title.gif) no-repeat;}
.sideRecomMusic h4.Title .more { position:absolute; right:10px; top:11px; }
.sideRecomMusic .infoBox { width:178px; padding:13px 0 8px 12px; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_side_box_top.gif) top left no-repeat;}
.sideRecomMusic .infoBox .cover { float:left; margin:0 9px 0 0; }
.sideRecomMusic .infoBox .textBox { float:left; width:79px; margin:0px; padding:0px; }
.sideRecomMusic .infoBox .textBox dt { margin:0px; padding:11px 0 0 0; font:bold 11px dotum; color:#000; }
.sideRecomMusic .infoBox .textBox dt a { color:#000; }
.sideRecomMusic .infoBox .textBox dd.txt { min_height:35px; _height:35px; margin:0px; padding:1px 0 5px 0; font:bold 11px/13px dotum; color:#000; } /* 20091203 수정 */
.sideRecomMusic .infoBox .textBox dd.txt a { color:#000; }
.sidetodayRecom { width:190px; margin:0 0 9px 14px; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_side_box_bottom.gif) bottom left no-repeat; }
.sidetodayRecom h4.Title { position:relative; width:181px; height:28px; padding:0 0 0 9px; font:0/0 arial; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_sub_title.gif) no-repeat;}
.sidetodayRecom h4.Title .more { position:absolute; right:10px; top:11px; }
.sidetodayRecom .tabMenu { position:relative; width:182px;padding:11px 0 0 3px; }
.sidetodayRecom .tabMenu ul { overflow:hidden; display:block; list-style:none; width:183px; margn:0px; padding:0px;background:url(http://img.ohdio.com/IMG_ODO/sub/bg_side_tab_menu_line.gif) bottom left repeat-x; }
.sidetodayRecom .tabMenu ul li { float:left; }
.sidetodayRecom .tabMenu ul li img { vertical-align:top; }
.layoutMiddle .rWing .sideRecomMusic { margin-left:0px !important; }
.layoutMiddle .rWing .sidetodayRecom { margin-left:0px !important; }
.myalbumBody .layoutWrap { background:#fff !important; }
.myalbumBody #topArea { z-index:99999; position:relative; padding:0 0 10px 0; }
/*20100325 수정 */
.recomMonth { width:131px; padding:0 0 2px 0; margin:10px 0 5px 0; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/bg_recom_calendar.gif) left bottom no-repeat;}
.recomMonth h3.Title { margin:0px; padding:0px;}
.recomMonth .monthSelect { padding:6px 0 10px 0; text-align:center; font:bold 11px dotum; color:#000; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/tit_recom_calendar_bg.jpg) top no-repeat; }
.recomMonth .monthSelect img { vertical-align:-1px; margin:0px 6px 0 6px; }
.recomMonth table { margin:0 0 0 6px; text-align:center; color:#8c8c8c; }
.recomMonth table th { padding:0 0 3px 0; font:bold 11px dotum; }
.recomMonth table th.star { color:#79c50f;}
.recomMonth table td { padding:1px 0 3px 0; font:10px tahoma; }
.recomMonth table td a:hover{ text-decoration:underline; font:bold; color:#000;}
.recomMonth table td.star a { font:bold 10px tahoma; color:#79c50f; }
/* 캘린더 추가 091201 */
.recomMonth table td.select { font-weight:bold; color:#000; text-decoration:underline;}
.recomMonth table td.select a { color:#000; text-decoration:underline;}
.recomMonth .text { margin:0px; padding:0px 0 0 8px; }
/* 20091120 스카이배너(FreeDRM 배너) */
.sky_top .freeDRM_info02 { position:absolute; top:200px; right:-32px; }
.sky_top .freeDRM_info02 .btndiv { width:109px; height:16px; padding:4px 0 0 22px; background:url(http://img.ohdio.com/IMG_ODO/common/bg_right_layer_bottom.gif) no-repeat; }
.sky_top .freeDRM_info02 .btndiv input.check { width:13px; height:13px; margin:0 5px 0 0; vertical-align:0; *vertical-align:2px;}
/*20090112 레프트 수정*/
#subContentsArea #leftArea { float:left; width:146px; }
#subContentsArea #leftArea h2.Title { font:0/0 arial; }
#subContentsArea #leftArea #menuList { position:relative; width:131px; padding:3px 0 0 0; margin:0 0 10px 0; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/bg_menu_box_middle.gif) repeat-y; }
#subContentsArea #leftArea #menuList .topBox { z-index:1; position:absolute; top:0px; left:0px; width:131px; height:36px; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/bg_menu_box_top.gif) no-repeat; }
#subContentsArea #leftArea #menuList .listBox { z-index:2; position:relative; width:131px; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/bg_menu_box_bottom.gif) left bottom no-repeat; }
#subContentsArea #leftArea #menuList .listBox .menu { list-style:none; width:119px; margin:0 0 0 6px; padding:0px; }
#subContentsArea #leftArea #menuList .listBox .menu li { margin:0px; padding:4px 0 6px 5px; font:0/0 arial; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/ico_menu_line.gif) bottom left no-repeat; }
#subContentsArea #leftArea #menuList .listBox .menu li.last { margin:0px; padding:4px 0 4px 5px; background:none; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu { margin:0 0 1px 0; padding:0px; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu dt { margin:0px; padding:0px; font:0/0 arial;}
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li { margin:0px 0 0 5px; padding:5px 0 4px 15px; *padding:3px 0 2px 15px; font:11px dotum; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/ico_sub_menu_line.gif) 0 -6px no-repeat; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li.select { font-weight:bold; color:#000000; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li.select a { font-weight:bold; color:#000000; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li a:hover { font-weight:bold; color:#000000; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li .ico01 { vertical-align:-2px; margin:0 0 0 5px; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li strong { color:#000; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li.first { margin:4px 0 0 5px; padding:10px 0 4px 15px; *padding:8px 0 2px 15px; font:11px dotum; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/ico_sub_menu_line.gif) 0 0 no-repeat; }
#subContentsArea #leftArea #menuList .listBox .menu .subMenu li.end { margin:0px 0 0 5px; padding:5px 0 4px 15px; *padding:3px 0 2px 15px; font:11px dotum; background:url(http://img.ohdio.com/IMG_ODO/sidemenu/ico_sub_menu_line_end.gif) 0px -11px no-repeat; }
/* 20100316 소녀시대레이어배너 추가 */
.Comebacklayer { position:absolute; top:0; left:0; width:960px; height:182px;z-index:1000;}
/* 20100324 뉴스준 팝업배너 추가 */
.starcandy { position:absolute; top: 255px; left: 420px; width:273px; height:273px;z-index:1001; clear:both;}
.starcandy .area { position:relative; top: 0px; left: 0px; width:273px; height:273px;}
.starcandy .bg { position: absolute; top: 0px; left: 0px; z-index: 500; }
.starcandy .number { position: absolute; top: 103px; left: 61px; width:146px; height:29px; z-index: 501; }
.starcandy .count { position: absolute; top: 162px; left: 175px; z-index: 501;}
.starcandy .close { position: absolute; top: 50px; left: 260px; z-index:501;}
.starcandy .text {position:absolute; top:199px;left:86px; width:96px; font-size:11px;z-index:502;}
/* 20100419 MP3 비회원 다운로드 상단 버튼 */
.topDownloadBtn { position:absolute; top:0px; left:110px; width:112px; height:39px; padding:13px 0 0 0; background:url(http://img.ohdio.com/IMG_ODO/sub/bg_table_layer_01_.gif) no-repeat;}
.topDownloadBtn ul { list-style:none; margin:0 0 0 6px; padding:0px; }
.topDownloadBtn ul li a { display:block; padding:0 0 0 15px; color:#000000; }
.topDownloadBtn ul li a:hover { text-decoration:underline; }
.topDownloadBtn ul li.B01 { margin:0px; padding:0px 0 9px 0; font:11px dotum; letter-spacing:-1px; background:url(http://img.ohdio.com/IMG_ODO/sub/ico_layer_01.gif) no-repeat; }
.topDownloadBtn ul li.B02 { margin:0px; padding:0px 0 9px 0; font:11px dotum; letter-spacing:-1px; background:url(http://img.ohdio.com/IMG_ODO/sub/ico_layer_02.gif) no-repeat; }
/*20100426 미리듣기 추가 */
.player { width:183px; padding-left:2px; vertical-align:top; }
/* 20100622 아이폰 GBN 배너 추가*/
.btn_iphone {position:absolute; right:0; bottom:0; z-index:10000; font-size:0;}