legend {position:absolute; height:0; width:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; border:0; background:none} .hide {position:absolute; text-indent:-5000px; font-size:0; line-height:0; height:0; overflow:hidden; } /* skip */ #skip_navigation {position:absolute; left:0; top:0; width:1px; height:1px; overflow:hidden;} /* total_wrap */ #wrap {width:960px; margin:0 auto; position:relative;} /* header_area */ #header {width:960px; position:absolute; left:0; top:0; z-index:1000;} #header h1.logo {width:220px; float:left; margin:0 0 0 0; font-size:0;} #header .menu {width:530px; float:left;} #header .menu ul.gnb {width:516px; padding:24px 0 0 14px; overflow:hidden; float:left;} #header .menu ul.gnb li {float:left; margin:0 0 0 27px; display:inline;} #header .menu ul.gnb li.first {margin:0 0 0 28px;} /* 20100709 신현철수정 */ #header .menu #search_area {width:503px; float:left; margin:12px 0 0 14px; display:inline; background:url(http://img.ohdio.com/IMG_ODO/common_renew/search_bg.gif) no-repeat left top; position:relative; z-index:100;} #header .menu #search_area p.tit {width:60px; float:left; margin:6px 10px 0 28px; display:inline; padding:0 17px 0 0; background:url(http://img.ohdio.com/IMG_ODO/common_renew/search_bar.gif) no-repeat right 1px;} #header .menu #search_area ul.more_search {width:74px; height:128px; position:absolute; left:12px; top:25px; background:url(http://img.ohdio.com/IMG_ODO/common_renew/more_search_bg.gif) no-repeat left top; z-index:100; padding:12px 0 0 19px; color:#666766; font-size:11px;} #header .menu #search_area ul.more_search a {color:#666766; font-size:11px; line-height:17px;} #header .menu #search_area ul.more_search a:hover {color:#e77725; line-height:17px;} #header .menu #search_area fieldset {width:386px; float:right;} #header .menu #search_area fieldset input.search {width:300px; height:15px; float:left; background:url(http://img.ohdio.com/IMG_ODO/common_renew/search_txt_bg.gif) repeat-x left top; border:none; margin:6px 0 0 0; font-weight:bold; color:#000;} #header .menu #search_area fieldset input.btn {width:67px; float:right;} #header .menu #search_area .search_connection {position:absolute; left:107px; top:25px; width:300px; height:127px; background:url(http://img.ohdio.com/IMG_ODO/common_renew/connection_bg.gif) no-repeat left top; padding:8px 5px 5px 3px;;} #header .menu #search_area .search_connection ul {height:127px; overflow:auto;scrollbar-face-color:#fafafa; scrollbar-face-color: #fafafa; scrollbar-shadow-color: #bebebe; scrollbar-highlight-color: #fafafa; scrollbar-3dlight-color: #bebebe; scrollbar-darkshadow-color: #fafafa; scrollbar-track-color: #ebebeb; scrollbar-arrow-color: #f26122; padding:0 1px 0 0;} #header .menu #search_area .search_connection li {} #header .menu #search_area .search_connection li em {color:#e77725;} #header .menu #search_area .search_connection li a {display:block; font-size:11px; color:#666766; padding:1px 0 2px 13px;} #header .menu #search_area .search_connection li a:hover {background:#e8e8e8; font-size:11px; color:#666766; text-decoration:none;} #header .top_event {float:left; width:210px; font-size:0;} #header .top_bar {width:960px; height:39px; float:left; background:url(http://img.ohdio.com/IMG_ODO/common_renew/top_bar.gif) no-repeat left top;} #header .top_bar ul.fav_link {width:351px; float:left; overflow:hidden; margin:13px 0 0 0;} #header .top_bar ul.fav_link li {float:left; display:inline; padding:0 0 0 15px; background:url(http://img.ohdio.com/IMG_ODO/bul_renew/bul_cir_gray.gif) no-repeat left top;} #header .top_bar ul.fav_link li.link1 {margin:0 0 0 32px;} #header .top_bar ul.fav_link li.link2 {margin:0 0 0 18px;} #header .top_bar ul.fav_link li.link3 {margin:0 0 0 16px;} #header .top_bar ul.fav_link li.link4 {margin:0 0 0 15px;} #header .top_bar ul.login {width:135px; float:right; text-align:right; margin:7px 0 0 0;} #header .top_bar ul.login li {float:left; display:inline-block;} #header .top_bar ul.login li.btn {margin:0 12px 0 0;} #header .top_bar ul.login li.txt {margin:5px 0 0 0;} /* 20100708 추가수정 */ #header .top_bar ul.login li a {color:#ffb566; letter-spacing:-1px;} #header .top_bar ul.login .layer_login {position:absolute; right:0; top:96px; width:324px; background:#fff; text-align:left;} #header .top_bar ul.login .layer_login .multi_login {border-bottom:1px solid #ececec; background:#f2f1f1; height:35px; padding:8px 0 0 15px; position:relative; float:none; width:auto; line-height:auto;} /* 20100708 신현철 수정 */ #header .top_bar ul.login .layer_login .multi_login a.select {background:url(http://img.ohdio.com/IMG_ODO/btn_renew/multi_login.gif) no-repeat left top; width:89px; height:17px; color:#999; font-size:11px; padding:5px 0 0 18px; display:inline-block;} #header .top_bar ul.login .layer_login .multi_login a.select:hover {text-decoration:none;} #header .top_bar ul.login .layer_login .multi_login label {font-size:11px; color:#999; margin-top:2px; display:inline-block;} #header .top_bar ul.login .layer_login .multi_login em a {font-size:11px; color:#999; text-decoration:underline; display:inline-block; margin-top:2px; margin-left:10px;} #header .top_bar ul.login .layer_login .multi_login ul.multi_list {position:absolute; left:15px; top:29px;; width:105px; background:#fff url(http://img.ohdio.com/IMG_ODO/common_renew/multi_bg.gif) no-repeat left top; border-left:1px solid #cac9c9; border-right:1px solid #cac9c9; border-bottom:1px solid #cac9c9; padding:12px 0 8px 0; overflow:hidden; z-index:100; overflow:hidden;} /* 20100708 추가수정 */ #header .top_bar ul.login .layer_login .multi_login ul.multi_list li {width:89px; color:#666766; border:0; padding:0 0 4px 16px;} /* 20100708 추가수정 */ #header .top_bar ul.login .layer_login .multi_login ul.multi_list li.line {background:url(http://img.ohdio.com/IMG_ODO/common_renew/multi_line.gif) no-repeat left bottom; margin-bottom:7px;} /* 20100708 추가수정 */ #header .top_bar ul.login .layer_login .multi_login ul.multi_list li.line_last {background:url(http://img.ohdio.com/IMG_ODO/common_renew/multi_line.gif) no-repeat left bottom;} /* 20100708 추가수정 */ #header .top_bar ul.login .layer_login .multi_login ul.multi_list li a {color:#666766; border:0; font-size:11px;} /* 20100708 추가수정 */ #header .top_bar ul.login .layer_login .multi_login ul.multi_list li a:hover {color:#e77725; border:0; background:#fff;} #header .top_bar ul.login .layer_login .default {border:1px solid #7d7d7d; } /* 20100706 신현철 추가 */ #header .top_bar ul.login .layer_login .default .input_form_st1 {margin:8px 0 0 0; height:28px; padding:0 0 3px 15px;} /* 20100706 신현철 수정 */ #header .top_bar ul.login .layer_login .default .input_form_st1 input.it {width:94px; height:17px; padding:4px 0 0 9px; border:1px solid #b6b6b6; font-size:11px; color:#999; vertical-align:top;} #header .top_bar ul.login .layer_login .default .input_form_st1 input.input_id {background:url(http://img.ohdio.com/IMG_ODO/common_renew/txt_id.gif) no-repeat 9px 5px;} #header .top_bar ul.login .layer_login .default .input_form_st1 input.input_pwd {background:url(http://img.ohdio.com/IMG_ODO/common_renew/txt_pwd.gif) no-repeat 9px 5px;} #header .top_bar ul.login .layer_login .default .input_form_st1 input.on {background:none;} #header .top_bar ul.login .layer_login .default .input_form_st1 a.log_btn img {vertical-align:middle;} /* 20100708 신현철 수정 */ #header .top_bar ul.login .layer_login .default .input_form_st2 {margin:8px 0 0 15px; height:63px;} #header .top_bar ul.login .layer_login .default .input_form_st2 input.it {width:176px; height:17px; padding:4px 0 0 9px; border:1px solid #b6b6b6; font-size:11px; color:#999; margin-bottom:5px; vertical-align:top;} /* 20100708 신현철 수정 */ #header .top_bar ul.login .layer_login .default .input_form_st2 input.log_btn {margin-left:5px; margin-bottom:4px;} #header .top_bar ul.login .layer_login .default .input_form_st2 input.input_hpNum {background:url(http://img.ohdio.com/IMG_ODO/common_renew/txt_phone.gif) no-repeat 9px 5px;} #header .top_bar ul.login .layer_login .default .input_form_st2 input.input_juminNum {background:url(http://img.ohdio.com/IMG_ODO/common_renew/txt_number.gif) no-repeat 9px 5px;} #header .top_bar ul.login .layer_login .default .input_form_st2 input.on {background:none;} #header .top_bar ul.login .layer_login .default .input_form_st2 a.log_btn img {vertical-align:middle;} /* 20100708 신현철 수정 */ #header .top_bar ul.login .layer_login .default .input_form_st3 {margin:11px 0 0 0; height:60px; padding:0 0 0 29px;} #header .top_bar ul.login .layer_login .default .input_form_st3 p.txt {color:#333; margin-bottom:7px;} #header .top_bar ul.login .layer_login .default .input_form_st3 p.txt em {font-weight:bold; color:#333;} #header .top_bar ul.login .layer_login .default .input_form_st3 input.it {width:176px; height:17px; padding:4px 0 0 9px; border:1px solid #b6b6b6; font-size:11px; color:#999; margin-bottom:5px; vertical-align:top;} /* 20100708 신현철 수정 */ #header .top_bar ul.login .layer_login .default .input_form_st3 input.log_btn {margin-left:5px; margin-bottom:4px;} #header .top_bar ul.login .layer_login .default .input_form_st3 input.input_hpNum {background:url(http://img.ohdio.com/IMG_ODO/common_renew/txt_phone.gif) no-repeat 9px 5px;} #header .top_bar ul.login .layer_login .default .input_form_st3 input.on {background:none;} #header .top_bar ul.login .layer_login .default .input_form_st3 a.log_btn img {vertical-align:middle;} /* 20100708 신현철 수정 */ #header .top_bar ul.login .layer_login .close_btn {position:absolute; right:0; top:0;} #header .top_bar ul.log_on {float:right; text-align:right; margin:7px 21px 0 0; vertical-align:middle;} #header .top_bar ul.log_on li {float:left; display:inline-block; vertical-align:middle;} #header .top_bar ul.log_on li a {color:#fbb467; letter-spacing:-1px; vertical-align:middle;} #header .top_bar ul.log_on li.user_info {margin:4px 10px 0 0;} /* 20100714 신현철수정 */ #header .top_bar ul.log_on li.user_info img {vertical-align:top;} #header .top_bar ul.log_on li.user_info img.btn {margin:0 0 0 4px;} /* 20100714 login_modify */ #header .top_bar ul.log_on li.user_info .information {width:593px; height:198px; border:1px solid #7d7d7d; position:absolute; right:0; top:133px; background:#d5d5d5; text-align:left;} #header .top_bar ul.log_on li.user_info .information ul.list_box {width:564px; height:27px; margin:12px 0 0 10px; background:url(http://img.ohdio.com/IMG_ODO/common_renew/list_box_bg.gif) no-repeat left top; padding:3px 0 0 10px; overflow:hidden; } /* 2010-07-15 modify */ #header .top_bar ul.log_on li.user_info .information ul.list_box li {float:left; background:url(http://img.ohdio.com/IMG_ODO/bul_renew/bul_dot_gray2.gif) no-repeat left 10px; padding:3px 0 0 8px; margin-right:10px;} #header .top_bar ul.log_on li.user_info .information ul.list_box li em {padding-top:3px; display:inline-block; font-size:11px; letter-spacing:-1px;} #header .top_bar ul.log_on li.user_info .information ul.list_box li em.txt {font-weight:bold; margin-right:3px; color:#333;} #header .top_bar ul.log_on li.user_info .information ul.list_box li em.tit {padding-right:6px; background:url(http://img.ohdio.com/IMG_ODO/common_renew/list_box_bar.gif) no-repeat right 4px; margin-right:5px;} #header .top_bar ul.log_on li.user_info .information ul.list_box li img {margin-top:1px;} #header .top_bar ul.log_on li.user_info .information .free_service {width:577px; height:28px; padding:14px 0 0 16px; border-bottom:1px solid #a3a3a3; overflow:hidden;} /* 2010-07-15 modify */ #header .top_bar ul.log_on li.user_info .information .free_service p.tit {width:70px; float:left; display:inline;} /* 2010-07-15 modify */ #header .top_bar ul.log_on li.user_info .information .free_service .service_list {width:500px; float:left;} /* 2010-07-15 modify */ #header .top_bar ul.log_on li.user_info .information .free_service dl {float:left; margin-right:14px; display:inline; vertical-align:top;} #header .top_bar ul.log_on li.user_info .information .free_service dl dt {float:left; background:url(http://img.ohdio.com/IMG_ODO/bul_renew/bul_dot_gray2.gif) no-repeat left 6px; padding:0 0 0 9px; margin-right:5px; display:inline;} #header .top_bar ul.log_on li.user_info .information .free_service dl dd {float:left; color:#ec5300; font-weight:bold; display:inline;} #header .top_bar ul.log_on li.user_info .information .free_service dl dd em {color:#ec5300; display:inline-block; margin-right:2px; line-height:100%;} #header .top_bar ul.log_on li.user_info .information .free_service dl dd em a {color:#ec5300; line-height:100%; letter-spacing:0; vertical-align:top;} /* 2010-07-16 modify2 */ #header .top_bar ul.log_on li.user_info .information .free_service dl.last {margin-right:0;} /* 2010-07-15 modify */ #header .top_bar ul.log_on li.user_info .information .close_btn {position:absolute; right:0; bottom:0;} #header .top_bar ul.log_on li.user_info .information .event_11st {width:479px; height:72px; background:url(http://img.ohdio.com/IMG_ODO/common_renew/11st_bg.gif) no-repeat left top; padding:41px 0 0 114px;} #header .top_bar ul.log_on li.user_info .information .event_11st p a {margin-left:24px;} #header .top_bar ul.log_on li.btn {padding:0; margin:0 15px 0 0} #header .top_bar ul.log_on li.album {background:url(http://img.ohdio.com/IMG_ODO/common_renew/top_line.gif) no-repeat right 2px; margin-top:4px; padding-right:8px;} /* 20100708 추가수정 */ #header .top_bar ul.log_on li.album img {margin:0 0 0 4px;} #header .top_bar ul.log_on li.album a {vertical-align:top; display:inline-block;} #header .top_bar ul.log_on li.mp3 {margin-top:4px; margin-left:7px;} /* 20100708 추가수정 */ #header .top_bar ul.log_on li.mp3 a {vertical-align:top; display:inline-block;} #header .top_bar ul.log_on li.mp3 img {margin:0 0 0 4px;} /* 20100714 login_modify */ {margin:0 0 0 4px;} /* join_info */ .join_info {width:958px; height:33px; position:absolute; left:0; top:133px; border:1px solid #7c7c7c; background:#fafafa; color:#000; font-weight:bold; text-align:center; display:inline-block; z-index:1000; letter-spacing:-1px; padding:13px 0 0 0;} .join_info em {color:#f28619; text-decoration:underline; vertical-align:middle;} .join_info img {vertical-align:middle;} .join_info a.close_btn {position:absolute; right:0; top:0;} /* footer_section */ #footer_section {width:960px; margin:0 auto; overflow:hidden;} #footer_section dl.sec_notice {width:650px; float:left; margin:50px 0 0 0; overflow:hidden;} #footer_section dl.sec_notice dt {float:left; background:url(http://img.ohdio.com/IMG_ODO/bul_renew/bul_arrow_gray.gif) no-repeat 47px 2px; padding:0 20px 0 0; font-size:0;} #footer_section dl.sec_notice dd {float:left; font-size:11px;color:#999; font-weight:bold;} #footer_section dl.sec_notice dd a {font-size:11px; color:#999;} #footer_section ul.sec_link {float:right; width:170px; overflow:hidden; margin:50px 0 0 0;} #footer_section ul.sec_link li {float:left; background:url(http://img.ohdio.com/IMG_ODO/main_renew/link_bar.gif) no-repeat right 2px; padding:0 9px;} #footer_section ul.sec_link li.last {background:none; padding:0 0 0 9px;} /* footer_wrap */ #footer_wrap {width:100%; background:#eee url(http://img.ohdio.com/IMG_ODO/common_renew/footer_bg.gif) no-repeat center top; margin:15px 0 0;} #footer_wrap .footer {width:960px; margin:0 auto; overflow:hidden; padding:0 0 20px 0; position:relative;} #footer_wrap .footer h1.logo {float:left; margin-top:19px;} #footer_wrap .footer ul.compnay_link {float:left; padding:21px 0 0 36px; overflow:hidden;} #footer_wrap .footer ul.compnay_link li {float:left; background:url(http://img.ohdio.com/IMG_ODO/common_renew/footer_bar.gif) no-repeat left 1px; padding:0 11px 0 9px; font-size:0;} #footer_wrap .footer ul.compnay_link li.first {background:none; padding:0 11px 0 0;} #footer_wrap .footer .o_logo {position:absolute; right:0; top:16px;} #footer_wrap .footer address {float:left; margin:7px 0 0 36px; font-size:0; display:inline;} #footer_wrap .footer cite {float:left; margin:7px 0 0 110px; font-size:0; display:inline;} #topArea {height:130px;} /* 서브관련 CSS추가 */ #WrapN {width:100%;} .layoutWrap {width:960px; position:relative; margin:0 auto;} #subContentsArea {padding:150px 0 0 0; width:962px;} /* 20100712 신현철 수정 */ .layoutMiddle {padding-top:147px;} .popularMusic .musicList .tableList td.btn a {font-size:0;} /* 20100707 신현철 추가 */ .popularMusic .musicList .tableList td.btn ul li a {font-size:11px;} /* 20100708 신현철 추가 */ /* 11번가 레이어 팝업 */ /* 20100707 신현철 */ .layer_wrap {width:960px; z-index:10000; position:absolute; left:0; top:135px;} .layer_wrap .over {width:960px; overflow:hidden;} .layer_wrap .over p.l {float:left; width:548px;} .layer_wrap .over p.r {float:right; width:412px;} .layer_wrap .text_area {width:785px; height:100px; background:url(http://img.ohdio.com/IMG_ODO/new_main/layer_bg.jpg) no-repeat left top; position:relative; padding:8px 0 0 175px;} /* 2010-05-28 인증번호추가로 인한 수정 */ .layer_wrap .text_area dl {width:403px; overflow:hidden; padding-top:4px; margin-bottom:3px;} .layer_wrap .text_area dl dt {width:82px; float:left;} .layer_wrap .text_area dl dd {width:321px; float:left;} .layer_wrap .text_area dl dd input {font-size:14px; font-weight:bold; color:#454852;} .layer_wrap .text_area dl dd input.st01 {width:125px; margin:0 9px;} .layer_wrap .text_area dl dd input.st02 {width:54px; margin:0 6px;} .layer_wrap .text_area dl dd input.first {margin:0 9px 0 75px;} .layer_wrap .text_area dl dd #Link {width:59px; position:absolute; left:266px; cursor:pointer; } .layer_wrap .text_area dl dd #Link ul {width:55px; display:none; border-left:1px solid #b3bccd; border-right:1px solid #b3bccd; border-bottom:1px solid #b3bccd; background:#fff; padding:1px;} .layer_wrap .text_area dl dd #Link ul li {display:block; height:18px; line-height:18px; margin:0 1px 1px;} .layer_wrap .text_area dl dd #Link ul li a {display:block; height:18px; text-decoration:none; padding:0 0 0 7px;} .layer_wrap .text_area dl dd #Link ul li a:hover {display:block; height:18px; background:#e9e9ec;} .layer_wrap .text_area dl dd #Link p {height:17px; line-height:17px; background:#fff url(http://img.ohdio.com/IMG_ODO/new_main/select_img.gif) no-repeat 90% 3px; padding:2px 21px 1px 5px; border:1px solid #b3bccd; display:block; } .layer_wrap .text_area dl dd #Link p a {font-size:14px; font-weight:bold; color:#454852;} .layer_wrap .text_area p.license_btn {position:absolute; right:190px; top:8px; font-size:12px; color:#454852; font-family:dotum;} .layer_wrap .text_area p.btn {position:absolute; right:11px; bottom:10px;} /* 키워드회원 별사탕 지급 이벤트 레이어 */ /* 20100707 신현철 */ .starcandy { position:absolute; top: 245px; 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:197px;left:86px; width:96px; font-size:11px;z-index:502;} /* lnb 마지막 메뉴 관련 */ #subContentsArea #leftArea #menuList .listBox .menu li.last {background:none; margin:0; padding:4px 0 7px 5px;} /* 20100708 추가수정 */