/*------------------------------------------------ * Left Menu ------------------------------------------------*/ #lnb h2 {min-height:48px; padding-top:30px; border-bottom:1px solid #d9d9d9;} ul.leftMenu {width:185px; border-bottom:3px solid #f5f5f5;} ul.leftMenu li {font-size:0; line-height:0;} ul.leftMenu>li {border-bottom:1px solid #d9d9d9;} ul.leftMenu>li>ul {padding:10px 0;} .leftMenu_2dpt {width:185px; border-bottom:1px solid #d9d9d9;} ul.leftRing {margin-top:20px;} ul.leftRing li {font-size:0; line-height:10;} .img_top {padding-top:5px;} .img_btm {margin-bottom:5px;} div.leftMenu_story {width:183px; margin-top:32px; padding:0 2px;border:1px solid #e4e4e4;} div.leftMenu_story h3 {padding: 6px 0 10px 17px;} div.leftMenu_story ul {overflow:hidden; clear:both;} div.leftMenu_story ul li {float:left; width:44px; height:45px; padding-right:1px;} div.leftMenu_story ul li:first-child {padding-left:2px;} div.leftMenu_story p {padding:15px; 0 0 12px; font-size:8pt; color:#636363; font-weight:bold;} div.leftMenu_story p span {color:#8ba73f;} p.contact_bnr {padding-top:20px;} /* 인기태그 */ div.fmousTag {width:183px; border:1px solid #dfdfdf; margin-top:20px;} div.fmousTag p {width:165px; margin:0 auto; margin-top:13px; margin-bottom:15px; color:#646973; line-height:24px; text-align:left;} div.fmousTag p a {padding-left:16px; background:url('/img/sub/fmous_bar.jpg') 8px 2px no-repeat; color:#646973;} div.fmousTag p a:first-child {padding-left:0px; background:url('');} span.ftag_1 {font-size:16px; color:#0000ff; font-weight:bold;} span.ftag_2 {font-size:15px; color:#82b200; font-weight:bold;} span.ftag_3 {font-size:14px; color:#2b9701; font-weight:bold;} span.ftag_4 {font-size:14px; color:#316ddd; font-weight:bold;} span.ftag_5 {font-size:12px; color:#ff3600; font-weight:bold; text-decoration:underline;} span.ftag_6 {font-size:12px; color:#333; font-weight:bold;} span.ftag_7 {font-size:12px; color:#646973;} /* Left Banner */ div.leftBn {width:185px; margin-top:10px;} div.leftBn li {font-size:0; line-height:0; padding-bottom:3px;} div.leftBn img {border:1px solid #dfdfdf;} /*------------------------------------------------ * Sub Contents ------------------------------------------------*/ /* Navigation */ p.sub_navi {position:absolute; right:0; top:30px; color:#6e6d6d;} p.sub_navi span {color:#89aa2f; font-weight:bold;} p.sub_navi img {padding:0 5px;} /* Sub Title */ div.cont_tit {position:relative; padding-top:28px; overflow:auto;} div.cont_tit h3 {float:left;} div.cont_tit p {float:left; padding:14px 0 0 10px;} /* 추천하기 */ div.recom_sns {position:absolute; left:50%; top:260px; width:400px; margin-left:-200px; background:#fff; z-index:100; display:none;} div.recom_cont {width:378px; margin:0 auto; margin-top:10px; margin-bottom:10px; border:1px solid #e4e4e4; padding:10px 0;} div.recom_cont_layout {width:358px; margin:0 auto; border:1px solid #e4e4e4; padding:10px 0;} div.recom_form {width:308px; margin:0 auto; border:1px solid #e4e4e4; margin-top:10px; padding:15px 15px;} div.recom_form input[type="text"] {border:1px solid #e1e1e1; width:303px; height:15px; font-size:8pt; color:#5e5e5e;} ul.recom_1 {color:#5e5e5e; font-size:8pt; margin-bottom:3px;} ul.recom_1 li {padding-left:17px; padding-bottom:4px;} li.recom_11 {background:url('/img/sub/open_txt_icon_4.png') left 2px no-repeat;} li.recom_12 {background:url('/img/sub/open_txt_icon_5.png') left 2px no-repeat;} li.recom_13 {background:url('/img/sub/open_txt_icon_6.png') left 2px no-repeat;} ul.recom_2 {width:279px; color:#5e5e5e; font-size:8pt; margin-top:10px; border:1px solid #bbcdce; padding:12px 0 12px 23px;} ul.recom_2 li {position:relative; width:280px; font-weight:bold; padding-bottom:3px;} ul.recom_2 li *{vertical-align:middle;} span.recom_21 {position:absolute; top:4px; left:30px;} span.recom_22 {position:absolute; width:150px; right:0;} p.recom_txt {width:314px; margin:0 auto; font-size:8pt; color:#5e5e5e; font-weight:bold; background:#eee; padding:8px 13px;} p.recom_txt span {color:#669601;} p.recom_txt_2 {text-align:center; padding:20px 0;} div.recom_sns_2 {position:absolute; left:50%; top:260px; width:400px; margin-left:-200px; background:#fff; z-index:100; display:none;} /* Contents - 벨소리 */ div.cont_tab {position:relative; clear:both; height:28px; margin-top:25px;} div.cont_tab ul {width:740px; height:34px; overflow:hidden;} div.cont_tab ul li {float:left; padding-right:6px; height:34px;} div.cont_table { clear:both; position:relative; width:738px; border:1px solid #e4e4e4; } div.cont_table_menu {width:700px; margin:0 auto; padding-top:25px;} div.cont_table_menu ul {float:right; overflow:auto; padding-bottom:5px;} div.cont_table_menu ul:first-child {float:left;} div.cont_table_menu ul li {float:left; padding-right:5px;} div.cont_table_menu_2 {width:700px; margin:0 auto; padding:10px 0 56px 0; overflow:auto;} div.cont_table_menu_2 ul {float:right;} div.cont_table_menu_2 ul li {float:left; padding-left:18px; font-size:8pt; color:3454545; font-weight:bold;} div.cont_table_menu_2 ul:first-child {float:left;} div.cont_table_menu_2 ul:first-child li {float:left; padding-left:0px; padding-right:3px;} div.cont_table table {position:relative; width:700px; margin:0 auto; clear:both; border-bottom:2px solid #b4b4b4;} div.cont_table table th {border-top:2px solid #b4b4b4; border-bottom:1px solid #b4b4b4; text-align:center; font-weight:bold; font-size:8pt; color:#414141; padding:9px 5px 9px 5px; letter-spacing:-1px;} td.bg_center {text-align:center; border-bottom:1px solid #efefef;} td.bg_under {border-bottom:1px solid #efefef;} td.bg_green {background:#89aa2f; border-bottom:1px solid #89aa2f; text-align:center;} td.bg_gray {background:#393939; border-bottom:1px solid #393939; text-align:center;} div.music_cont {position:relative; height:69px;} div.music_cont p {position:absolute; left:5px; top:5px;} div.music_cont p img {border:1px solid #ddd;} div.music_cont ul {position:absolute; left:78px; top:6px; width:320px;} li.music_tit {font-size:10pt; color:#444; font-weight:bold; padding:8px 0;} li.music_singer {font-size:8pt; color:#89aa2f; padding-left:14px; background:url('/img/sub/icon_singer.jpg') no-repeat;} li.music_etc {font-size:8pt; color:#797979; padding-left:14px; background:url('/img/sub/icon_etc.jpg') no-repeat;} div.list_num {position:relative; width:69px; height:0;} div.list_num input[type="checkbox"] {position:absolute; left:2px; top:-67px; } div.list_num p {position:absolute; left:0; top:-18px; width:69px; color:#fff; font-size:8p; font-weight:bold; text-align:center;} div.list_num p img {padding-left:4px;} /* Contents - 최신차트 */ div.cont_tab_new {position:relative; width:740px; height:318px; margin:26px 0 20px 0; background:url('/img/sub/new_chart_bg_3.jpg') no-repeat;} div.cont_tab_new h3 {display:none;} ul.cont_tab_new_now {position:absolute; top:22px; right:25px; z-index:10;} ul.cont_tab_new_now li {float:left; padding-right:3px;} /* 최신앨범 컨텐츠 이동*/ div.new_chart_layout {position:absolute; top:0px; left:0px; height:318px; width:740px; overflow:hidden;} div.new_chart_move {width:3000px; height:350px;} div.new_chart_move_cont {float:left; width:740px; position:relative;} ul.new_chart_list {position:relative; top:70px; left:24px;} ul.new_chart_list>li {float:left; width:178px; position:relative;} li.new_chart_1 {width:145px; height:134px; padding:1px 0 0 11px; background:url('/img/sub/new_chart_bg_2.png') no-repeat;} li.new_chart_2 {position:absolute; left:125px; top:-13px; width:36px; height:36px; background:url('/img/sub/new_point_bg.png') no-repeat; } li.new_chart_2 p:first-child {text-align:center; color:#fff203; font-weight:bold; padding-top:8px;} li.new_chart_2 p {text-align:center; color:#fff203; font-weight:bold; padding-top:2px;} li.new_chart_31 {position:absolute; left:3px; top:180px; font-size:8pt; color:#313131; font-weight:bold;} li.new_chart_32 {position:absolute; left:3px; top:196px; font-size:8pt; color:#313131;} li.new_chart_33 {position:absolute; left:3px; top:216px;} /* Contents - 장르별 */ div.cont_tab_type {position:relative; width:740px; height:39px; margin:26px 0 20px 0; background:url('/img/sub/chart_type_bg_2.jpg') repeat-x; z-index:100;} div.cont_tab_type h3 {display:none;} ul.cont_tab_1 {position:absolute; width:713px; left:0; top:0; padding:15px 0 0 27px; overflow:auto; z-index:10;} ul.cont_tab_1 li {float:left; padding-left:27px; color:#fff; font-weight:bold;} ul.cont_tab_1 li:first-child {padding-left:0px;} ul.cont_tab_1 li span {color:#313131;} ul.cont_tab_2 {position:absolute; width:412px; height:35px; right:10px; top:37px; background:url('/img/sub/chart_type_bg_3.png') no-repeat; z-index:30; clear:both; overflow:auto; padding-top:15px; *padding-top:16px; } ul.cont_tab_2 li {float:left; font-size:8pt; font-weight:bold; padding-left:24px; background:url('/img/sub/chart_bar_3.png') 12px 2px no-repeat;} ul.cont_tab_2 li:first-child {background:url('');} div.cont_tab_type p {position:absolute; top:10px; z-index:5;} div.cont_tab_type p span {float:right;} div.cont_tab_type p span:first-child {float:left;} p.chartTab01 {left:18px; width:56px;} p.chartTab02 {left:77px; width:56px;} p.chartTab03 {left:133px; width:56px;} p.chartTab04 {left:186px; width:52px;} p.chartTab05 {left:242px; width:58px;} p.chartTab06 {left:308px; width:58px;} p.chartTab07 {left:372px; width:70px;} p.chartTab08 {left:446px; width:120px;} p.chartTab09 {left:570px; width:96px;} /* p.chartTab10 {left:622px;}*/ p.chartTab11 {left:668px; width:56px;} .chartTabBg {background:url('/img/sub/chart_bar_center.png') repeat-x;} div.cont_tab_type a {color:#fff;} div.type_bn {padding-bottom:17px;} div.type_bn_2 {width:700px; margin:0 auto; padding-top:17px;} /* 팡스토리 */ div.story_tab {position:relative; margin-top:27px; width:740px; height:296px; background:url('/img/sub/story_bg.png') no-repeat;} div.story_tab h4 {display:none;} div.story_tab ul {position:absolute; left:0px; top:251px; font-size:8pt; font-weight:bold;} div.story_tab ul li {text-align:center; width:50px; top:0;} div.story_tab ul li a {color:#646973;} div.story_tab ul li a span {color:#3291b6;} div.story_tab ul li a:hover {color:#3291b6;} li.story_tab_11 {position:absolute; left:483px;} li.story_tab_12 {position:absolute; left:543px;} li.story_tab_13 {position:absolute; left:603px;} div.story_table {width:738px; padding:0px 0 66px 0; padding-top:20px; margin-top:-23px; border:1px solid #e4e4e4; background:#c7c7c7;} div.story_cont {position:relative; width:698px; margin:0 auto; padding-bottom:22px; margin-bottom:10px; background:#fafafa; border:1px solid #e4e4e4;} div.story_search {width:680px; margin:0 auto; background:#747474; padding:5px 0 5px 20px;} div.story_search * {vertical-align:middle;} div.story_search p {float:left; color:#fff; font-weight:bold; padding:5px 10px 0 0; letter-spacing:-1px;} div.story_search select {border:1px solid #e0e0e0; width:120px; font-size:9pt;} div.story_search input[type="text"] {border:1px solid #e0e0e0; width:180px; height:15px; font-size:9pt;} div.story_header {position:relative; width:658px; height:58px; margin:0 auto; padding-top:22px; background:url('/img/sub/story_header_bg.jpg') left bottom repeat-x;} div.story_header h4 {font-size:12pt; color:#4b4b4b; font-weight:bold;} li.story_11 {position:absolute; width:60px; height:46px; left:310px; top:22px; border-right:1px solid #cccbd0;} li.story_11 img {padding:2px; border:1px solid #cccbd0;} li.story_12 {position:absolute; width:51px; height:34px; left:381px; top:22px; padding:12px 0 0 14px; border:1px solid #dadada; font-size:8pt; font-weight:bold;} li.story_12 a {color:#0186bb; } li.story_13 {position:absolute; right:0; top:22px;} li.story_13 dl {position:relative; float:left; margin-right:3px; width:64px; height:46px; border:1px solid #dadada;} li.story_13 dl dt {position:absolute; left:0px; top:33px; width:65px; font-size:8pt; color:#828282; font-weight:bold; text-align:center; *top:34px;} li.story_13 dl dd {position:absolute; left:0px; top:0px; width:65px; height:32px; padding-top:10px; color:#fff; font-weight:bold; text-align:center; background:url('/img/sub/story_bg_2.jpg') repeat-x; } div.story_album {position:relative; width:658px; height:100px; margin:0 auto;} div.story_album>p {position:absolute; left:0px; top:13px; width:86px; height:77px; padding:1px 0 0 11px; background:url('/img/sub/story_album_bg.jpg') no-repeat; } ul.story_txt {position:absolute; left:95px; top:16px; color:#373737;} ul.story_txt li {padding-bottom:4px;} ul.story_txt li *{vertical-align:middle;} ul.story_btn {position:absolute; right:0px; top:10px; color:#373737; overflow:auto;} ul.story_btn li {float:left; padding-left:4px;} div.story_txt_2 {width:618px; margin:0 auto; background:#ededed; color:#797979; padding:6px 20px; margin-bottom:4px;} div.story_form {position:relative; width:700px; height:32px; margin:0 auto; margin-top:2px;} div.story_form input[type="text"] { position:absolute; left:0px; top:0px; width:620px; height:30px; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:0; color:#666666; padding-left:10px; line-height:30px; } input.story_btn_1 {position:absolute; right:0px; top:0px;} img.story_btn_2 {position:absolute; right:0px; top:0px;} div.story_comment_list { position:relative; width:656px; margin:0 auto; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; } div.story_comment_list ul {width:625px; margin:0 auto; padding:15px 0 10px 0; border-bottom:1px solid #e4e4e4; clear:both; overflow:auto;} div.story_comment_list ul li {float:left; width:500px; color:#494949; line-height:13pt;} div.story_comment_list ul li p {font-size:8pt; font-family:arial; color:#797979;} div.story_comment_list ul li:first-child {float:left; width:108px; padding-left:17px; font-weight:bold; background:url('/img/sub/story_comment_bg.jpg') left 3px no-repeat;} div.story_more {position:relative; width:700px; margin:0 auto; margin-top:10px; padding:10px 0; background:#fff;} div.story_more p {text-align:center; font-weight:bold;} div.story_more p a {color:#646973;} div.story_more p span {color:#f26a00;} div.story_more p span:first-child {color:#8daf30;} div.story_more_2 {position:relative; width:700px; margin:0 auto; margin-top:3px; padding:10px 0; background:#fff; border-bottom:1px solid #e5e5e5;} div.story_more_2 p {text-align:center; font-weight:bold;} div.story_more_2 p a {color:#646973;} div.story_more_2 p span {color:#f26a00;} div.story_more_2 p span:first-child {color:#8daf30;} /* 팡스토리-2 */ div.story_tab_2 {position:relative; width:740px; height:6px; } div.story_tab_2 h4 {display:none;} div.story_tab_2 ul {position:absolute; bottom:5px; right:0;} div.story_tab_2 ul li {float:left; padding-left:2px;} div.story_table_2 {width:740px; padding:0px 0 0px 0; padding-top:0px; background:#c7c7c7;} div.story_top {position:relative; width:713px; height:113px; margin:0 auto; border:2px solid #a3a3a3; background:#fff; margin-bottom:10px;} div.story_top h4 {position:absolute; left:77px; top:9px; font-size:18px; font-weight:bold; color:#0384bd;} li.story_top_11 {position:absolute; left:9px; top:9px;} li.story_top_12 {position:absolute; left:77px; top:42px;} li.story_top_13 {position:absolute; right:9px; top:9px;} li.story_top_13 dl {position:relative; float:left; width:87px; height:53px; margin-left:5px; font-size:20px; color:#fff;} li.story_top_13 dl dt {display:none;} dl.story_top_131 {background:url('/img/sub/story_btn_21.jpg') no-repeat;} dl.story_top_132 {background:url('/img/sub/story_btn_22.jpg') no-repeat;} dl.story_top_133 {background:url('/img/sub/story_btn_23.jpg') no-repeat;} li.story_top_13 dl dd {width:87px; text-align:center; padding-top:8px;} li.story_top_13 dl dd a {color:#fff;} ul.story_btn_2 {position:absolute; left:9px; bottom:4px; } ul.story_btn_2 li {float:left; padding-right:5px;} div.story_cont_2 {position:relative; width:740px; margin:0 auto; margin-bottom:1px; background:#fff;} div.story_cont_2 h4 {position:absolute; left:77px; top:9px; font-size:14px; font-weight:bold; color:#0384bd;} ul.story_cont_21 {padding:15px 0 0 13px; color:#191919;} ul.story_cont_21 li:first-child {padding-bottom:8px;} ul.story_cont_21 li span {color:#7c7c7c;} ul.story_cont_211 {width:300px; padding:35px 0 0 80px; color:#191919;} ul.story_cont_211 li:first-child {padding-bottom:8px;} ul.story_cont_211 li span {color:#7c7c7c;} div.story_cont_22 {padding:22px 0 4px 13px; overflow:auto;} div.story_cont_22 dl {float:left;} div.story_cont_22 dl dt {display:none;} div.story_cont_22 dl dd {width:50px; height:24px; padding:6px 10px 0 0px;} dd.story_cont_221 {background:url('/img/sub/story_bg_31.gif') no-repeat; color:#d60000;} dd.story_cont_222 {background:url('/img/sub/story_bg_32.gif') no-repeat; color:#0384bd;} div.story_cont_225 {padding:13px 0 4px 80px; overflow:auto;} div.story_cont_225 dl {float:left;} div.story_cont_225 dl dt {display:none;} div.story_cont_225 dl dd {width:50px; height:24px; padding:6px 10px 0 0px;} div.story_album_2 {position:absolute; right:12px; top:10px; width:290px; height:83px; border:0px solid #c7c7c7;} div.story_album_2>p {width:86px; height:77px; padding:1px 0 0 11px; background:url('/img/sub/story_album_bg_2.jpg') no-repeat; margin:8px 0 0 9px; } ul.story_txt_21 {position:absolute; left:95px; top:11px; color:#191919;} ul.story_txt_21 li {padding-bottom:4px;} ul.story_txt_21 li a:first-child {padding-right:4px;} li.story_txt_22 {padding-top:6px;} ul.story_cont_23 {position:relative; clear:both; width:696px; margin:0 auto; padding:11px 0 15px 0; background:url('/img/sub/dash_bg.jpg') repeat-x; overflow:auto;} ul.story_cont_23 li {float:left;} ul.story_cont_23 li:first-child {width:55px; color:#0384bd; font-weight:bold;} ul.story_cont_23 li span {color:#7c7c7c; padding-left:30px;} li.story_cont_231 {position:absolute; top:7px; right:0;} ul.story_cont_235 {position:relative; clear:both; width:626px; margin:0 auto; padding:11px 0 15px 70px; background:url('/img/sub/dash_bg.jpg') repeat-x; overflow:auto;} ul.story_cont_235 li {float:left;} ul.story_cont_235 li:first-child {width:55px; color:#0384bd; font-weight:bold;} ul.story_cont_235 li span {color:#7c7c7c; padding-left:30px;} div.story_search_2 {width:620px; margin:0 auto; padding:5px 0 5px 120px; background:url('/img/sub/search_bg.gif') no-repeat #0085bd;} div.story_search_2 * {vertical-align:middle;} div.story_search_2 div {float:left; margin:2px 7px 0 0; border:2px solid #bdbdbd; width:100px; background:#fff; text-align:center; padding-top:1px; height:18px; *padding-top:2px; *height:21px; } div.story_search_2 select {border:none; width:100px; font-size:9pt;} div.story_search_2 input[type="text"] {border:2px solid #bdbdbd; width:322px; height:18px; font-size:9pt; line-height:21px;} div.story_cont_2 table {width:697px; margin:0 auto; margin-top:10px; margin-bottom:10px;} div.story_cont_2 table td {padding:8px 0; background:url('/img/sub/dash_bg.jpg') left bottom repeat-x; } td.story_td_1 {width:73px;} td.story_td_2 {width:100px; font-size:14px; font-weight:bold; color:#0384bd;} td.story_td_3 {width:210px; color:#5d5d5d;} td.story_td_4 img {padding-left:8px;} div.story_cont_more {position:relative; width:740px; margin:0 auto; margin-bottom:1px; background:#fff;} /* 벨팡 친구 */ div.bp_friend {width:183px; margin-top:10px; padding:0 2px 1px 2px; border:1px solid #e4e4e4; font-size:8pt; font-weight:bold;} div.bp_friend p {color:#636363; padding:10px 0 0 10px;} div.bp_friend p span {color:#ef494c;} div.bp_friend dl {clear:both; color:#636363; margin-top:9px;} div.bp_friend dl dt {background:#c7c7c7; width:161px; margin:0 auto; padding:4px 10px; margin-bottom:1px;} div.bp_friend dl dd ul {overflow:hidden; clear:both;} div.bp_friend dl dd ul li {float:left; width:44px; height:45px; padding-right:1px;} div.bp_friend dl dd ul li:first-child {padding-left:2px;} /* 공개앨범 - 최신차트 */ div.open_new {position:relative; width:740px; height:346px; margin:26px 0 20px 0; background:url('/img/sub/open_chart_bg.jpg') no-repeat;} div.open_new h3 {display:none;} ul.open_tab_new_now {position:absolute; top:189px; left:347px;} ul.open_tab_new_now li {float:left; padding-right:9px;} /* 최신앨범 컨텐츠 이동*/ div.open_chart_layout {position:absolute; top:0px; left:0px; height:346px; width:740px; overflow:hidden;} div.open_chart_move {width:3000px; height:350px;} div.open_chart_move_cont {float:left; width:740px; position:relative;} ul.open_chart_list {position:relative; top:70px; left:38px;} ul.open_chart_list>li {float:left; width:240px; position:relative;} li.open_chart_1 {width:180px; height:170px; padding:1px 0 0 11px; background:url('/img/sub/open_album_bg.png') no-repeat;} li.open_chart_2 {position:absolute; left:160px; top:-17px; width:36px; height:36px; background:url('/img/sub/new_point_bg.png') no-repeat; } li.open_chart_2 p:first-child {text-align:center; color:#fff203; font-weight:bold; padding-top:8px;} li.open_chart_2 p {text-align:center; color:#fff203; font-weight:bold; padding-top:2px;} li.open_chart_31 {position:absolute; left:3px; top:205px; font-size:8pt; color:#313131; font-weight:bold;} li.open_chart_32 {position:absolute; left:3px; top:221px; font-size:8pt; color:#313131;} li.open_chart_33 {position:absolute; left:3px; top:241px;} ul.open_chart_4 {position:absolute; width:131px; height:61px; background:url('/img/sub/open_album_bg_3.png') no-repeat; padding:12px 0 0 25px; display:none;} ul.open_chart_4 li {padding-bottom:1px; font-size:8pt; color:#4a4a4a;} /* 공개앨범 - 장르별 */ div.open_new_2 {position:relative; width:740px; height:318px; margin:0 0 15px 0; background:url('/img/sub/open_chart_bg_2.jpg') no-repeat;} div.open_new_2 h3 {display:none;} div.open_new_list {position:relative; width:738px; padding-bottom:67px; border:1px solid #e4e4e4; clear:both;} div.open_new_list table {width:700px; margin:0 auto; margin-top:32px; border-bottom:2px solid #b4b4b4;} ul.open_list {position:relative; width:139px; margin:0 auto; padding: 0 0 26px 0; color:#373737; font-size:8pt;} ul.open_list li {border:none;} li.open_list_1 {width:139px; height:132px; padding:1px 0 0 8px; margin-bottom:15px; background:url('/img/sub/open_album_list_bg.jpg') no-repeat;} li.open_list_11 {width:140px; height:133px; padding:1px 0 0 8px; margin-bottom:15px; background:url('/img/sub/open_album_list_bg_2.jpg') no-repeat;} li.open_list_2 {font-weight:bold; padding-bottom:15px;} li.open_list_3 {padding:0 0 3px 16px; font-weight:bold; color:#89aa2f; background:url('/img/sub/open_txt_icon_4.png') no-repeat;} li.open_list_4 {padding:0 0 3px 16px; background:url('/img/sub/open_txt_icon_5.png') no-repeat;} li.open_list_5 {padding:0 0 5px 16px; font-weight:bold; background:url('/img/sub/open_txt_icon_6.png') no-repeat;} li.open_list_7 {position:absolute; top:-16px; left:115px; width:36px; height:36px;} div.cont_table_menu_3 {position:relative; width:700px; margin:0 auto; padding-top:10px; overflow:auto;} div.cont_table_menu_3 ul:first-child {float:left; width:200px; overflow:auto;} div.cont_table_menu_3 ul:first-child li {width:88px; float:left;} /* div.open_view {position:relative; width:738px; height:428px; margin:26px 0 0 0; */ div.open_view {position:relative; width:738px; min-height:265px; margin:26px 0 0 0; background:url('/img/sub/open_view_bg_2.jpg') no-repeat; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } div.open_view h3 {display:none;} li.open_view_11 {position:absolute; top:31px; left:46px;} dl.open_together {position:absolute; top:212px; *top:211px; left:130px;} dl.open_together dt {display:none;} div.open_view_info {position:absolute; top:30px; left:275px; color:#fff;} div.open_view_info dl {padding-bottom:6px; clear:both; overflow:auto; padding-left:18px;} div.open_view_info dl dt {float:left; width:62px;} div.open_view_info dl dd {float:left; width:105px;} div.open_view_info dl dd span {color:#bbff00; font-weight:bold;} div.open_view_info p {padding-top:12px;} div.open_view_info ul {padding-top:5px;} div.open_view_info ul li {padding-bottom:7px;} div.open_view_info ul li img {padding-right:0px;} div.open_view_info ul li * {vertical-align:middle;} dl.open_view_info_11 {background:url('/img/sub/icon_txt_1.png') left 1px no-repeat;} dl.open_view_info_12 {background:url('/img/sub/icon_txt_2.png') left 1px no-repeat;} dl.open_view_info_13 {background:url('/img/sub/icon_txt_3.png') left 1px no-repeat;} dl.open_view_info_14 {background:url('/img/sub/icon_txt_4.png') left 1px no-repeat;} div.open_view_etc {position:relative;} div.open_view_etc ul {position:absolute; width:187px; top:192px; left:249px;} li.open_arrow_right {position:absolute; right:0;} li.open_arrow_left {position:absolute; left:0;} div.open_view_etc_list {position:absolute; width:137px; height:65px; top:175px; left:274px; overflow:hidden;} div.open_view_etc_list ul {width:1000px;} div.open_view_etc_list ul li {float:left; padding-right:7px;} div.open_view_etc_list ul li img {border:1px solid #dedede;} div.open_view_txt {position:relative; width:700px; margin:0 auto; padding-top:300px; color:#747474;} div.open_view_txt dl {width:700px; padding-bottom:10px; clear:both; overflow:auto;} div.open_view_txt dl dt {float:left; width:80px;} div.open_view_txt dl dd {float:left; width:600px; padding-left:17px; border-left:1px solid #d9d9d9; line-height:14pt;} p.btn_more {position:absolute; top:300px; right:0px;} ul.open_tab_new_now_2 {position:absolute; top:219px; *top:221px; left:583px;} ul.open_tab_new_now_2 li {float:left; padding-right:9px;} /* 최신앨범 컨텐츠 이동*/ div.open_view_layout {position:absolute; top:30px; left:509px; height:180px; width:200px; overflow:hidden;} div.open_view_layout p {color:#fff; font-weight:bold; padding-bottom:18px;} div.open_view_move {width:1000px; height:180px;} div.open_view_move_cont {float:left; position:relative; width:200px; height:200px;} div.open_view_move_cont img {border:1px solid #d9d9d9;} div.open_view_move_cont ul {width:205px; clear:both; overflow:hidden;} div.open_view_move_cont ul li {width:65px; height:68px; padding:0 2px 2px 0; float:left;} div.open_view_move_cont ul li img:hover {border:5px solid #3fb3a0; width:55px; height:58px;} /* border:1px solid red; */ div.open_view_list {position:relative; width:738px; padding-bottom:35px; clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } div.open_view_list table {position:relative; width:700px; margin:0 auto; margin-top:2px; clear:both; border-bottom:2px solid #b4b4b4;} div.open_view_list table th { border-top:2px solid #b4b4b4; border-bottom:1px solid #b4b4b4; text-align:center; font-weight:bold; font-size:8pt; color:#414141; padding:9px 0; letter-spacing:-1px; } div.open_view_list table td { border-bottom:1px solid #efefef; text-align:center; color:#666; padding:9px 0; } div.open_view_list table td p {text-align:left;} div.open_view_list table td span {font-weight:bold; font-size:8pt;} div.open_view_list_2 {position:relative; width:738px; padding-bottom:35px; clear:both;} div.open_view_list_2 table {position:relative; width:700px; margin:0 auto; margin-top:2px; clear:both; border-bottom:2px solid #b4b4b4;} div.open_view_list_2 table th { border-top:2px solid #b4b4b4; border-bottom:1px solid #b4b4b4; text-align:center; font-weight:bold; font-size:8pt; color:#414141; padding:9px 0; letter-spacing:-1px; } div.open_view_list_2 table td { border-bottom:1px solid #efefef; text-align:center; color:#666; padding:9px 0; } div.open_view_list_2 table td p {text-align:left;} div.open_view_list_2 table td span {font-weight:bold; font-size:8pt;} div.open_view_review {position:relative; width:738px; padding-bottom:80px; clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } div.open_view_review h4 {padding:38px 0 0 22px;} div.open_view_review table {position:relative; width:700px; margin:0 auto; margin-top:-10px;} div.open_view_review table td {padding:10px 0; border-bottom:1px solid #ececec; vertical-align:top;} div.open_view_review table th ul {float:right; overflow:auto; padding-bottom:7px;} div.open_view_review table th ul li {float:left; padding-left:22px; background:url('/img/sub/icon_bar.jpg') 10px 2px no-repeat;} div.open_view_review table th ul li:first-child {background:url('') no-repeat;} div.open_view_review table th ul li a {color:#6a6a6a;} div.open_view_review table th ul li a span { color:#f15d3c; font-weight:bold; text-decoration:underline; padding-right:10px; background:url('/img/sub/icon_arrow.jpg') right 2px no-repeat; } div.open_view_review2 {position:relative; width:738px; padding-bottom:80px; clear:both;} div.open_view_review2 h4 {padding:38px 0 0 22px;} div.open_view_review2 table {position:relative; width:700px; margin:0 auto; margin-top:-10px;} div.open_view_review2 table td {padding:10px 0; border-bottom:1px solid #ececec; vertical-align:top;} div.open_view_review2 table th ul {float:right; overflow:auto; padding-bottom:7px;} div.open_view_review2 table th ul li {float:left; padding-left:22px; background:url('/img/sub/icon_bar.jpg') 10px 2px no-repeat;} div.open_view_review2 table th ul li:first-child {background:url('') no-repeat;} div.open_view_review2 table th ul li a {color:#6a6a6a;} div.open_view_review2 table th ul li a span { color:#f15d3c; font-weight:bold; text-decoration:underline; padding-right:10px; background:url('/img/sub/icon_arrow.jpg') right 2px no-repeat; } div.review_post {position:relative; padding-bottom:15px;} div.review_post textarea {border:1px solid #e4e4e4; width:623px; height:65px; font-size:9pt;} div.review_post p {position:absolute; top:53px; right:22px; text-align:right; color:#fff; font-weight:bold; font-size:9pt;} p.review_11 {color:#494949; font-weight:bold;} p.review_12 {width:430px; color:#494949; padding-bottom:5px; line-height:14pt; word-wrap: break-word; word-break:break-all;} p.review_13 {font-size:8pt; font-family:arial; color:#797979;} p.review_13 img {padding-left:10px;} p.review_13 * {vertical-align:middle;} .btn_post_review {position:absolute; top:0px; right:0;} div.review_point { position:relative; width:46px; height:21px; background:url('/img/sub/btn_point.jpg') no-repeat; color:#fff; font-size:8pt; font-weight:bold; } div.review_point p {position:absolute; top:6px; left:10px;} div.review_reply {position:relative; width:690px; margin:0 auto; padding:3px 0 3px 3px; border:1px solid #dadada;} div.review_reply input[type="image"] {position:absolute; top:3px; right:3px;} div.review_reply textarea {border:none; width:605px; height:37px; font-size:9pt;} div.review_reply img {position:absolute; top:3px; right:3px;} .reply_icon {padding-left:20px; background:url('/img/sub/story_comment_bg.jpg') left 3px no-repeat;} /* 테마공감 */ div.theme_area {position:relative; width:738px; margin:26px 0 0 0; padding:5px 0; border:1px solid #e4e4e4;} div.theme_cont {position:relative; width:728px; height:308px; margin:0 auto;} div.select_music {position:absolute; top:0; right:0; width:225px; height:308px; background:url('/img/sub/select_list_bg_2.png') no-repeat;} div.select_music h4 {display:none;} div.select_music table {width:225px; margin-top:26px;} div.select_music table th span {display:none;} div.select_music table td {height:26px; font-size:8pt; color:#fff;} div.select_music table td p {padding-top:4px;} div.select_music table td a {color:#fff;} div.select_music table td span {font-weight:bold;} div.select_music table td img {margin-top:3px;} div.select_all {text-align:center; padding-top:6px;} div.select_all span {padding-left:15px; background:url('/img/sub/music_bar.png') 6px top no-repeat;} div.select_all span:first-child {padding-left:0; background:url('');} /* 공감만들기 */ div.maker_feel {position:relative; width:738px; margin:26px 0 0 0; padding:5px 0; border:1px solid #e4e4e4;} table.make_11 {width:698px; margin:0 auto; margin-top:16px; border:1px solid #e4e4e4;} table.make_11 td { border-bottom:1px solid #e4e4e4;} p.make_form {font-size:8pt; color:#5e5e5e; font-weight:bold; padding-left:15px; margin:4px 0;} p.make_form input[type="text"] {width:590px; border:1px solid #e0e0e0;} p.make_form * {vertical-align:middle;} p.make_form span {padding-right:15px;} div.make_12 {width:700px; margin:0 auto; padding-top:5px; z-index:10;} div.make_13 {position:relative; width:700px; height:90px; margin:0 auto; margin-top:-5px; background:url('/img/sub/make_feel_bg_2.jpg') no-repeat;} div.make_13 dl {clear:both; overflow:auto;} div.make_13 dt {margin-top:3px; float:left; width:80px; padding-left:15px; font-size:8pt; color:#5e5e5e; font-weight:bold;} div.make_13 dd {float:left; color:#5e5e5e;} div.make_13 dd *{vertical-align:middle;} dl.make_131 {position:absolute; left:0px; top:14px;} dl.make_132 {position:absolute; left:0px; top:44px;} dl.make_132 dd select {border:1px solid #d1d2d4; width:95px; font-size:9pt;} dl.make_132 dd p {padding-top:6px;} p.make_133 {position:absolute; left:0px; top:95px; font-size:8pt; color:#838383; line-height:12pt;} div.make_btn {text-align:center; padding:90px 0 60px 0;} div.make_cont {position:relative; margin:0 auto; margin-top:4px; margin-bottom:4px; width:690px; height:299px; background:url('/img/sub/make_feel_bg.jpg') no-repeat; } div.mus_11 {position:absolute; right:21px; top:85px; width:225px; height:308px; background:url('/img/sub/make_bg.jpg') no-repeat; z-index:100;} div.mus_11 h4 {display:none;} div.mus_11 p {text-align:center; padding-top:5px;} div.mus_12 { border:1px solid #5ea219; background:#93b632; position:absolute; left:100px; top:115px; width:336px; height:256px; z-index:100; } div.mus_12 h4 {display:none;} div.mus_12_1 {position:relative; width:333px; height:23px; padding:3px 0 0 2px; border-bottom:1px solid #5ea219;} div.mus_12_1 *{vertical-align:middle;} div.mus_12_1 select {border:1px solid #5ea219; width:86px; height:18px; font-size:9pt;} div.mus_12_1 input[type="text"] {border:1px solid #5ea219; width:210px; height:16px; font-size:9pt;} div.mus_12_1 input[type="image"] {position:absolute; top:2px; right:0;} div.mus_12_2 {position:relative; margin:0 auto; width:330px; height:250px; background:#fff;} .mus_scroll { overflow-y:scroll; overflow-x:hidden; scrollbar-face-color:#fff; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#D6D6D6; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#EEEEEE; scrollbar-darkshadow-color:#D6D6D6; scrollbar-base-color:#ffffff; } p.mus_txt {width:297px; height:25px; margin-left:6px; padding:10px 0 0 0px; font-size:8pt; color:#666565; } p.mus_txt *{vertical-align:middle;} p.mus_txt img {margin-right:8px;} div.mus_12_2 table {width:297px; margin-left:6px; border-top:2px solid #b4b4b4; } div.mus_12_2 table th {height:28px; font-size:8pt; font-weight:bold; color:#414141; border-bottom:1px solid #b4b4b4; } div.mus_12_2 table td {text-align:center; color:#666; padding:7px 0 7px 0; border-bottom:1px solid #e4e4e4;} div.mus_12_2 table td p {text-align:left; padding-left:3px;} p.mus_12_3 {position:absolute; bottom:5px; right:5px;} div.mus_13 {position:absolute; left:-150px; top:115px; width:225px; height:308px; background:url('/img/sub/make_bg_2.jpg') no-repeat; z-index:100;} div.mus_13 ul {padding-top:26px;} div.mus_13 ul li {height:18px; color:#fff; padding:8px 0 0 6px;} div.mus_13 ul li img {padding-right:6px;} div.mus_13 p {text-align:center; padding-top:4px;} div.mus_14 {position:absolute; right:50px; top:115px; width:336px; height:111px; border:1px solid #5ea219; background:#93b632; z-index:100;} div.mus_14_cont {width:316px; margin:0 auto; margin-top:2px; background:#fff; padding:12px 0 0 16px;} div.mus_14 div {margin-left:4px;} div.mus_14 p {font-size:8pt; color:#666565; padding:10px 0;} div.mus_15 {position:absolute; left:-200px; top:115px; width:540px; border:1px solid #5ea219; background:#93b632; padding-bottom:0px; z-index:100;} div.mus_15_form {width:536px; margin:0 auto; padding:2px 0;} div.mus_15_form select {border:1px solid #5ea219; width:86px; font-size:9pt;} div.mus_15_cont {width:536px; margin:0 auto; margin-top:2px; background:#fff; padding-top:10px; } div.mus_15_cont ul {clear:both; overflow:auto; padding:3px 0;} div.mus_15_cont ul li {float:left; padding-left:17px;} div.mus_15_cont ul li img {border:3px solid #e3e3e3;} div.mus_15_cont ul li span img {border:3px solid #fff;} div.mus_15_num {width:510px; margin:0 auto; border-top:2px solid #b4b4b4; margin-top:7px; padding:7px 0;} /* Music Poll */ div.poll_view {position:relative; width:676px; margin:26px 0 0 0; padding:30px 32px 25px 32px ; background:url('/img/sub/poll_bg.jpg') no-repeat;} div.poll_view h3 {display:none;} div.poll_sta {margin-bottom:20px; padding:30px 0 0 350px; color:#fff;} div.poll_sta li {padding-bottom:3px;} div.poll_sta span {font-weight:bold;} div.poll_view dl {position:relative; width:325px; left:350px;} div.poll_view dl dt {position:absolute; left:-350px; top:-85px; font-size:11pt; color:#fff600; font-weight:bold;} div.poll_view dl dd {} .poll_h {height:160px;} div.poll_btn {text-align:right; padding-top:10px;} div.poll_view dl dd ul {padding:12px 0 4px 18px; background:#fff;} div.poll_view dl dd ul li {position:relative; height:24px;} div.poll_view dl dd ul li *{vertical-align:middle;} div.poll_view_img {position:absolute; left:30px; top:65px;} div.poll_view_img ul {clear:both; overflow:hidden;} div.poll_view_img ul li {float:left; font-size:0; line-height:0; padding:0 1px 1px 0;} span.poll_11 {position:absolute; right:105px; top:0; width:104px; height:15px; background:url('/img/sub/poll_result_bar.jpg') no-repeat; padding:2px; *padding:1px 2px 0 2px; } span.poll_12 {position:absolute; right:53px; top:0; color:#888;} span.poll_13 {position:absolute; right:10px; top:0; color:#888;} div.cmt_list {position:relative; width:738px; clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } div.cmt_list h4 {padding:38px 0 0 22px;} div.cmt_list table {position:relative; width:700px; margin:0 auto; table-layout:fixed;} div.cmt_list table td {padding:13px 0; border-bottom:1px solid #dedede; color:#555; word-wrap: break-word; word-break:break-all;} div.cmt_list table td span {font-size:8pt; color:#888;} div.cmt_list_2 {position:relative; width:738px; clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding-bottom:30px; } div.cmt_list_2 h4 {padding:30px 0 13px 22px;} div.cmt_list_2 table {position:relative; width:700px; margin:0 auto; border-top:1px solid #dedede;} div.cmt_list_2 table td {padding:13px 0; border-bottom:1px solid #dedede; color:#888888; font-weight:bold; font-size:8pt;} div.cmt_list_2 table td p {font-size:9pt; color:#333;} div.cmt_list_2 table td p span {color:#6e910f;} div.cmt_num {padding:27px 0 30px 0;} /* 뮤직 공감 */ div.music_feel {position:relative; width:738px; padding-bottom:20px; clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; margin-top:25px; } div.music_feel h3 {display:none;} div.feel_list ul {width:700px; height:37px; margin:0 auto; margin-top:10px; overflow:hidden;} div.feel_list ul li { float:left; padding:0px 0px 0 0;} div.feel_list ul li:first-child { padding-left:0px;} div.feel_cont {position:relative; width:700px; height:117px; margin:0 auto; color:#4c4c4c; background:url('/img/sub/feel_bg.jpg') no-repeat; } ul.feel_11 {position:absolute; left:27px; top:27px;} ul.feel_12 {position:absolute; left:198px; top:27px;} ul.feel_13 {position:absolute; left:370px; top:27px;} ul.feel_14 {position:absolute; left:540px; top:27px;} div.feel_cont li {padding:0 0 12px 15px; background:url('/img/sub/icon_plus_2.jpg') left 3px no-repeat;} div.feel_cont span {font-weight:bold;} div.feel_search {position:relative; width:700px; height:62px; margin:0 auto; margin-top:18px; background:url('/img/sub/feel_search_bg.jpg') no-repeat;} div.feel_search *{vertical-align:middle;} div.feel_search form {position:absolute; top:21px; left:118px;} div.feel_search form span {font-size:8pt; color:#424242; font-weight:bold;} div.feel_search form select {border:1px solid #d1d2d4; width:100px; font-size:9pt;} div.feel_search form input[type="text"] {border:1px solid #cecece; width:285px; height:15px;} /* Page Num */ p.page_num {text-align:center;} p.page_num a {color:#8f8f8f; padding:0 5px;} p.page_num a span {color:#97c326; font-weight:bold;} /* 이벤트 */ div.event_area {width:738px; margin:0 auto; margin-top:25px; padding:20px 0 60px 0; border:1px solid #e4e4e4;} p.event_img {width:700px; margin:0 auto;} div.event_list {width:700px; margin:0 auto;} div.event_list table {width:100%;} div.event_list table td {vertical-align:top; padding-top:24px;} div.event_list ul { color:#646973;} li.event_list_1 img {border:1px solid #e4e4e4;} li.event_list_2 {padding:13px 0 11px 0; font-weight:bold;} li.event_list_3 * {vertical-align:middle; margin-bottom:3px;} li.event_list_3 img {margin-right:7px; } li.event_list_4 * {vertical-align:middle; margin-bottom:3px;} li.event_list_4 img {margin-right:7px; } li.event_list_4 span {font-weight:bold;} div.event_list_num {position:relative; overflow:auto; margin-top:25px; padding-top:20px; border-top:1px solid #e4e4e4;} div.event_list_num_2 {position:relative; overflow:auto; margin-top:25px; border-top:2px solid #b4b4b4;} div.event_search {width:700px; margin:0 auto; margin-bottom:-7px; padding:0 0 10px 0; text-align:right; border-bottom:2px solid #b4b4b4; color:#5e5e5e; font-size:8pt;} div.event_search * {vertical-align:middle;} div.event_search span {font-weight:bold;} div.event_search select {border:1px solid #d1d2d4; width:60px; font-size:9pt;} div.event_result {position:relative; width:700px; margin:0 auto;} div.event_result table {width:100%; border-top:2px solid #b4b4b4;} div.event_result table th { text-align:left; padding:9px 0 8px 0; border-bottom:1px solid #b4b4b4;} div.event_result table th.evr_11 {padding-left:14px; font-weight:bold; color:#666666;} div.event_result table th.evr_12, div.event_result table th.evr_13 {font-size:8pt;} div.event_result table th.evr_12 span, div.event_result table th.evr_13 span {font-weight:bold;} div.event_result table td.evr_14 {padding:10px 0;} div.event_result table td.evr_141 {padding:20px 15px 35px 15px; color:#797979; line-height:14pt; } div.event_result table td.evr_15 {border:1px solid #e4e4e4; padding:20px; color:#6e6d6d;} div.event_result table td.evr_16 {text-align:center; padding:18px 0 22px 0;} div.event_result table td.evr_17 {color:#666; font-weight:bold; padding:5px 0;} div.event_result table td.evr_17 img {margin-right:23px;} div.event_result table td.evr_17 a {color:#666;} div.event_result table td.evr_17 *{ vertical-align:middle;} .event_btn_1 {position:absolute; right:30px; bottom:110px;} /* 고객센터 */ div.cust_area {width:738px; border:1px solid #e4e4e4; margin-top:25px; padding:20px 0 0 0;} div.cust_form {width:700px; margin:0 auto; text-align:right; padding-bottom:8px;} div.cust_form * {vertical-align:middle;} div.cust_form select {border:1px solid #e0e0e0; width:74px; height:20px; font-size:9pt;} div.cust_form input[type="text"] {border:1px solid #e0e0e0; height:17px; line-height:17px; font-size:9pt;} div.cust_form_2 {width:700px; margin:0 auto; padding:10px 0 58px 0; text-align:right;} div.cust_area table {width:700px; margin:0 auto; border-bottom:2px solid #b4b4b4; table-layout:fixed;} div.cust_area table th { border-top:2px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding:9px 0; font-size:8pt; font-weight:bold; color:#414141; } .faq_form {position:absolute; left:20px;} div.cust_area table td {border-bottom:1px solid #e4e4e4; padding:9px 0; color:#666; text-align:center;} div.cust_area table td p {text-align:left;} div.cust_area table td span {font-weight:bold;} div.cust_area table td a {color:#666;} div.cust_area table td a:hover {font-weight:bold;} div.cust_area_2 {width:738px; border:1px solid #e4e4e4; margin-top:25px; padding:20px 0 0 0;} p.contact_tit {width:700px; margin:0 auto; padding-bottom:7px;} div.cust_area_2 table {width:700px; margin:0 auto;} div.cust_area_2 td, div.cust_area_2 th {border:1px solid #e0e0e0;} div.cust_area_2 table th {background:#f9f9f9; width:78px; font-weight:bold; font-size:8pt; color:#5e5e5e; padding:10px; text-align:left; vertical-align:top;} div.cust_area_2 table td {padding-left:5px;} div.cust_area_2 table td * {vertical-align:middle;} div.cust_area_2 table td span {font-size:8pt; color:#9b9b9b;} div.cust_area_2 select {border:1px solid #e0e0e0; font-size:9pt;} div.cust_area_2 input[type="text"] {border:1px solid #e0e0e0; height:16px; line-height:17px;} div.cust_area_2 textarea { border-left:1px solid #fff; border-right:1px solid #d6d6d6; border-top:1px solid #fff; border-bottom:1px solid #fff; width:95%; height:150px; font-size:9pt; color:#797979; padding:10px; } p.contact_reply {background:url('/img/sub/icon_reply.jpg') no-repeat; padding:0 0 2px 52px;} ul.contact_notice {width:563px; height:89px; margin:0 auto; margin-bottom:20px; padding:20px 0 0 135px; border:1px solid #e4e4e4; background:url('/img/sub/contact_notice_bg.jpg') no-repeat #f5f7f7;} ul.contact_notice li {padding:0 0 6px 13px; color:#646973; background:url('/img/sub/icon_plus_2.jpg') left 5px no-repeat; } ul.contact_notice li * {vertical-align:middle;} ul.contact_notice li span {color:#d62700; font-weight:bold; text-decoration:underline;} div.cust_page {width:700px; margin:0 auto; padding:20px 0 60px 0;} div.faq_reply {text-align:left; padding:25px 65px 30px 65px; width:570px;} div.cust_ctr {width:648px; margin:0 auto; overflow:auto; border:1px solid #e4e4e4; padding:25px; color:#797979;} div.cust_ctr ul {float:left; width:250px;} div.cust_ctr ul:first-child {border-right:1px solid #e4e4e4; padding-right:55px; margin-right:55px;} div.cust_ctr ul li {padding-bottom:5px;} div.cust_ctr ul li a {color:#1ab068;} div.cust_ctr ul li span {color:#1ab068;} div.cust_ctr_2 {width:648px; margin:0 auto; overflow:auto; border:1px solid #e4e4e4; padding:25px; color:#797979;} div.cust_ctr_2 ul {} div.cust_ctr_2 ul li {padding-bottom:5px;} div.cust_ctr_2 ul li a {color:#1ab068;} div.cust_ctr_2 ul li span {color:#1ab068;} div.cust_ctr_cont, div.cust_ctr_cont_2 { width:658px; height:140px; margin:0 auto; border:1px solid #e4e4e4; margin-top:15px; margin-bottom:40px; color:#797979; padding: 23px 20px; overflow-y:scroll; overflow-x:hidden; scrollbar-face-color:#fff; scrollbar-shadow-color:#ffffff; scrollbar-3dlight-color:#D6D6D6; scrollbar-arrow-color:#9b9b9b; scrollbar-track-color:#EEEEEE; scrollbar-darkshadow-color:#D6D6D6; scrollbar-base-color:#ffffff; } div.cust_ctr_cont dl {color:#9b9b9b; line-height:14pt;} div.cust_ctr_cont dt {font-weight:bold;} div.cust_ctr_cont ul {color:#9b9b9b; line-height:14pt;} div.cust_ctr_cont_2 {color:#9b9b9b; line-height:14pt;} div.cust_info_tit {width:700px; margin:0 auto; clear:both;} div.cust_info_tit p {color:#313131; padding-top:3px; font-size:8pt;} div.cust_info {width:700px; margin:0 auto; background:#cacaca; clear:both; padding-bottom:10px; display:none;} div.cust_info h2 {width:700px; height:27px; margin:0 auto; margin-bottom:10px; padding:0 0 0 0; font-size:8pt; color:#525252; font-weight:bold; background:url('/img/popup2/bell_use_bg.jpg') left bottom repeat-x; } div.cust_info p {width:660px; margin:0 auto; color:#646973; font-size:8pt; line-height:14pt; text-indent:-10px;} div.cust_guide {width:738px; border:1px solid #e4e4e4; margin-top:25px; padding:10px 0 0 0;} div.cust_guide p { padding:5px 5px 5px 5px;} div.cust_guide span.icons{ background-image:url(../img/sub/icons.gif); background-position:left center; background-repeat:no-repeat; padding-right:10px;} div.cust_guide span.icons_2{ background-image:url(../img/sub/icons2.gif); background-position:left center; background-repeat:no-repeat; padding-right:3px;} div.cust_guide p.text_sub {font-size:8pt; color:#8e8e8e; padding-left:5px;} div.cust_guide table {width:700px; margin:0 auto; table-layout:fixed;} div.cust_guide table th { border-top:2px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding:9px 0; background-color:#f3f3f3; font-size:8pt; font-weight:bold; color:#414141; } div.cust_guide table td { padding:9px 0; color:#666; text-align:center;} div.cust_guide table td p {text-align:left;} div.cust_guide table td span {font-weight:bold;} div.cust_guide table td a {color:#666;} div.cust_guide table td a:hover {font-weight:bold;} /* 10.10.19 블릿, 버튼 공통 추가 - STR */ /* -------------------------------- 블릿 ------------------------------ */ .cfmOllehIconDefault {color:#9d9d9d;} .cfmOllehIconDefault span {width:11px; height:12px; display:inline; float:left; background-image:url(../images/common/btn/icons.gif);} /* 아이콘 width : 11px */ .cfmOllehIconDefault img {float:left;} .cfmOllehIconSmall span {width:6px; height:12px; display:inline; float:left; background-image:url(../images/common/btn/icons.gif);} /* 아이콘 width : 6px */ .cfmOllehIconSmall img {float:left;} .cfmOllehIconNumber span {width:13px; height:13px; display:inline; float:left; background-image:url(../images/common/btn/icons.gif);} /* 아이콘 width : 6px */ .cfmOllehIconNumber img {float:left;} /* 검색 결과 */ div.search_cont {position:relative; width:738px; clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:25px; } div.search_tab {width:700px; margin:0 auto;} div.search_tab ul {overflow:auto; padding:20px 0;} div.search_tab ul li {float:left; padding-right:0px;} div.search_result {position:relative; width:698px; height:130px; margin:0 auto; margin-top:22px; border:1px solid #e4e4e4;} p.sch_1 {position:absolute; left:0; top:-22px; font-weight:bold; color:#646973;} p.sch_1 span {color:#ff000c;} p.sch_2 img {border:1px solid #e4e4e4; margin:17px 0 0 14px;} ul.sch_3 {position:absolute; left:138px; top:17px; color:#444444;} li.sch_31 {font-weight:bold; padding-bottom:12px;} li.sch_31 span {color:#ff000c;} li.sch_32 {padding-bottom:4px;} li.sch_32 span {color:#8e9f9c;} ul.sch_4 {position:absolute; left:138px; bottom:8px; overflow:auto;} ul.sch_4 li {float:left; padding-right:6px;} div.search_new_list {position:relative; margin:0 auto; margin-top:25px; margin-bottom:60px; width:698px; border:1px solid #e4e4e4; clear:both;} div.search_new_list table {width:650px; margin:0 auto; margin-top:25px; margin-bottom:45px;} ul.search_open_list {position:relative; width:139px; margin:0 auto; padding: 0 0 10px 0; color:#373737; font-size:8pt;} ul.search_open_list li {width:139px;} div.search_now_line { position:relative; height:35px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; } ul.search_now {position:absolute; bottom:27px; left:347px;} ul.search_now li {float:left; padding-right:9px;} div.search_no {width:700px; margin:0 auto; margin-top:20px; margin-bottom:20px;} p.stxt_1 {color:#646973; font-weight:bold;} p.stxt_1 span {color:#ff000c;} p.stxt_2 {background:#f5f7f7; font-size:8pt; color:#414141; font-weight:bold; padding:20px; margin:20px 0;} p.stxt_2 span {color:#ff000c;} div.search_no ul {color:#5e5e5e; font-size:8pt;} div.search_no ul li {padding-bottom:10px;} div.album_search {width:644px; margin:0 auto; margin-top:4px; margin-bottom:25px; clear:both; border:1px solid #e4e4e4; padding:22px 27px;} div.album_search ul {overflow:auto;} div.album_search ul li {float:left; padding-left:18px;} div.album_search ul li:first-child {padding-left:0px;} div.album_search ul li img {border:1px solid #d9d9d9;} div.album_search p {clear:both; padding-top:22px;} /* 스마트폰 */ div.smart_tab {position:absolute; left:0; top:0; margin-top:93px; z-index:10;} div.smart_tab ul {width:196px; height:28px; background:url('/img/sub/smart_tab_bg.jpg') no-repeat; overflow:auto;} div.smart_tab ul li {float:left; padding-left:25px; padding-top:7px; *padding-top:9px; background:url('/img/sub/smart_bar.jpg') 12px 10px no-repeat;} div.smart_tab ul li:first-child {background:url('') no-repeat;} div.smart_tab ul li a {font-weight:bold; font-size:8pt; color:#494949;} ul.smart_tab_01 {margin-left:0px;} ul.smart_tab_02 {margin-left:139px;} span.smart_1 {color:#bd2107;} span.smart_2 {color:#1d679a;} div.smart_cont_menu {position:relative; width:740px; min-height:612px; padding-top:92px; background:url('/img/sub/smart_iphone_bg.jpg') 0 92px no-repeat;} div.smart_cont_menu ul {position:absolute; left:310px; top:386px; width:81px; border:1px solid #d9d9d9;} div.smart_cont_menu ul li {font-size:0; line-height:10; border-top:1px solid #d9d9d9;} div.smart_cont_menu ul li:first-child {border-top:none;} div.smart_cont_menu_2 {position:relative; width:740px; min-height:612px; padding-top:92px; background:url('/img/sub/smart_android_bg.jpg') 0 92px no-repeat;} div.smart_cont_menu_2 ul {position:absolute; left:310px; top:386px; width:81px; border:1px solid #d9d9d9;} div.smart_cont_menu_2 ul li {font-size:0; line-height:10; border-top:1px solid #d9d9d9;} div.smart_cont_menu_2 ul li:first-child {border-top:none;} div.smart_cont_txt {position:absolute; left:422px; top:386px;} div.smart_cont_txt_2 {position:absolute; left:22px; top:283px;} div.smart_cont_menu_3 {position:relative; width:740px; min-height:892px; padding-top:92px; background:url('/img/sub/smart_mobile_bg.jpg') 0 92px no-repeat;} div.smart_cont_menu_3 ul {position:absolute; left:0px; bottom:0px; z-index:10;} div.smart_cont_menu_3 ul li {font-size:0; line-height:10;} li.smart_cont_1 {position:absolute; left:109px; bottom:137px;} li.smart_cont_2 {position:absolute; left:270px; bottom:137px;} li.smart_cont_3 {position:absolute; left:427px; bottom:137px;} li.smart_cont_4 {position:absolute; left:584px; bottom:137px;} div.smart_cont_mobile_txt {position:absolute; left:0px; top:406px;} div.smart_cont_tab {position:relative; width:740px; height:281px; background:url('/img/sub/smart_bg.jpg') no-repeat;} ul.smart_cont_mn {width:334px; height:23px; padding:25px 0 0 23px;} ul.smart_cont_mn li {float:left;} div.smart_cont_list {width:710px; padding:30px 0 0 30px;} div.smart_cont_list ul {clear:both; overflow:auto;} div.smart_cont_list ul li {float:left; width:100px;} div.smart_cont_list ul li p {padding-top:7px;} div.smart_cont_list ul li a {font-size:8pt; color:#cbcbcb;} div.smart_cont_page {position:absolute; bottom:34px; width:100%;} /* 리스트 추천하기 */ div.recom_bg {position:relative; width:39px;} div.recom_bg ul {position:absolute; left:0px; top:17px; width:39px; height:82px; background:url('/img/sub/icon_recom_bg.jpg') no-repeat; padding-top:8px; display:none; z-index:950;} div.recom_bg ul li {font-size:0; line-height:10; padding-bottom:7px;} td.bg_center_recom {text-align:center; border-bottom:1px solid #efefef;} td.bg_center_recom p {position:relative; width:39px; margin:0 auto;} td.bg_center_recom div {position:relative; margin:0 auto; width:39px; height:0px; z-index:50; display:none;} td.bg_center_recom div ul {position:absolute; left:0; top:0px; width:39px; height:82px; background:url('/img/sub/icon_recom_bg.jpg') no-repeat; padding-top:8px;} td.bg_center_recom div ul li {font-size:0; line-height:10; padding-bottom:7px;} /* 사이트맵 */ div.sitemap_cont {width:708px; margin-top:25px; border:1px solid #e4e4e4; padding:25px 0px 100px 30px;} div.sitemap_cont div {clear:both; overflow:auto; padding-bottom:50px;} div.sitemap_cont div dl {width:154px; padding-right:20px; float:left;} div.sitemap_cont div dl dt {font-size:0; line-height:10; padding-bottom:8px;} div.sitemap_cont div dl dd {width:154px;} div.sitemap_cont div dl dd ul li {font-size:0; line-height:10;} div.sitemap_cont div dl dd>ul>li {border-top:1px solid #d9d9d9;} div.sitemap_cont div dl dd>ul>li:first-child {border-top:none;} .siteMap_2dpt {border-bottom:1px solid #e4e4e4; margin-bottom:8px;} .siteMap_2dpt_1 {margin-bottom:8px;} /* etc */ .pd_1 {padding-top:5px;} .pd_2 {padding-top:1px;} .pd_3 {padding-top:7px;} .pd_4 {border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} .pd_41 {border-bottom:1px solid #b4b4b4;} .pd_5 {padding-top:11px; text-align:right;} .pd_6 {width:700px; margin:0 auto; text-align:right; color:#414141; font-size:8pt; font-weight:bold;} .pd_6 a {color:#414141;} .pd_6 span {color:#ff0000;} .pd_7 {padding-top:35px;} .pd_8 {padding-right:3px;} .pd_91 {margin-top:-7px; text-align:left;} .pd_92 {text-align:left;} .pd_10 {margin-left:-5px;} .pd_11 {position:absolute; right:13px; bottom:-4px;} .pd_12 {position:absolute; right:13px; bottom:4px;} .pd_13 {width:420px;} h4.h4 {width:700px; margin:0 auto; font-size:8pt; color:#414141; font-weight:bold; padding-top:35px; margin-bottom:-17px;} h4.h4 span {color:#ed1c24;} /* border:1px solid red; border:1px solid blue; */ /* 기본 테이블 - 이용안내1 */ .defaultTblBorde {width:680px; height:auto; margin:5px 10px 0 10px;} .defaultTblBorde .defaultTb { width:680px; height:auto; border-top:2px solid #e0e1e3; border-bottom:2px solid #e0e1e3; font-weight:normal; } .defaultTblBorde .defaultTb th {border-bottom:2px solid #e0e1e3; background-color:#f9f9f9; padding:7px 0 5px 0; font-size:11px; color:#3d3d3d;} .defaultTblBorde .defaultTb td {border-top:1px solid #e0e1e3; border-right:1px solid #e0e1e3; padding:6px 0 4px 15px; font-size:12px; font-weight:lighter; color:#6d6d6d; text-align:left;} .defaultTblBorde .defaultTb td.lineNone {border-top:1px solid #e0e1e3; border-right:none; padding:6px 0 4px 15px; font-size:12px; font-weight:lighter; color:#6d6d6d; text-align:left;} /* 기본 테이블 - 이용안내2 */ .defaultTblBord {width:680px; height:auto; margin:5px 10px 0 10px;} .defaultTblBord .defaultT { width:680px; height:auto; border-top:2px solid #e0e1e3; border-bottom:2px solid #e0e1e3; font-weight:normal; } .defaultTblBord .defaultT th {border-bottom:2px solid #e0e1e3; background-color:#f9f9f9; padding:7px 0 5px 0; font-size:11px; color:#3d3d3d;} .defaultTblBord .defaultT td {border-top:1px solid #e0e1e3; border-right:1px solid #e0e1e3; padding:6px 0 4px 0; font-size:12px; font-weight:lighter; color:#6d6d6d; text-align:center;} .defaultTblBord .defaultT td.lineNone {border-top:1px solid #e0e1e3; border-right:none; padding:6px 0 4px 15px;; font-size:12px; font-weight:lighter; color:#6d6d6d; text-align:left;} .defaultTblBord .defaultT td.lineNone_cen {border-top:1px solid #e0e1e3; border-right:none; padding:6px 0 4px 15px;; font-size:12px; font-weight:lighter; color:#6d6d6d; text-align:center;} /* sub.20170817.bak.css 파일에 기존 sub.css 파일 백업해둠 작업자 : 이세민 */