/* = Reset Css = */ body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,button,blockquote,th,td { margin:0; padding:0; font:12px/130% 나눔고딕,NanumGothic,맑은 고딕,Malgun Gothic,돋움,dotum,arial; } body { text-align:center;} table { border-collapse:collapse; border-spacing:0; } em,cite,address,dfn,var { font-style:normal; } dl,ul,ol { list-style:none; } img { border:0; vertical-align:middle; } a { color:#666; text-decoration:none; } a:hover { text-decoration:underline; } fieldset { border:0; } hr,.hidden,legend { height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px; visibility:hidden; width:0; } label { cursor:pointer; } input,textarea { padding:4px 9px; *padding:5px 8px; } input,select,textarea { border:1px solid #b7b7b7; color:#666; font:11px 돋움,dotum,arial; } /* = Grobal Css = */ .cfx { clear:both; zoom:1; } .cfx:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* = Layout Reset = */ body { background-color:#e2e2e2; color:#666; } #doc { width:962px; margin:0 auto; text-align:left; } .Top_content_wrap { margin-bottom:6px; background:#fff url(/images/k_main_bd.png) -1924px 0 repeat-y; } .Top_content_wrap .hdbg { height:6px; margin-bottom:5px; background:url(/images/k_main_bd.png) 0 0 no-repeat; font-size:0; } .Top_content_wrap .ftbg { clear:both; height:8px; background:url(/images/k_main_bd.png) -962px bottom no-repeat; font-size:0; } .main .Btm_content_wrap { background:#fff url(/images/k_main_bd.png) -4810px 0 repeat-y; } .main .Btm_content_wrap .hdbg { height:6px; background:url(/images/k_main_bd.png) -2886px 0 no-repeat; font-size:0; } .main .Btm_content_wrap .ftbg { clear:both; height:8px; background:url(/images/k_main_bd.png) -3848px bottom no-repeat; font-size:0} .main .side_wrap { float:right; width:319px; } .main #hd { height:100px; padding-left:14px; background:url(/images/k_hd.png) 0 -37px no-repeat; } .main #navigation { float:right; } .main .content_wrap { float:left; width:643px; } .sub1 { background:#dfdfdf url(/images/k_sub_hd.png) 0 0 repeat-x; } .sub1 .content_wrap { float:left; width:735px; background:#fff url(/images/k_sub1_bd.png) -962px 0 repeat-y; } .sub1 .content_wrap .hdbg { height:6px; margin-bottom:11px; background:url(/images/k_sub1_bd.png) 0 0 no-repeat; font-size:0; } .sub1 .content_wrap .ftbg { clear:both; height:8px; margin-top:44px; background:url(/images/k_sub1_bd.png) -1924px bottom no-repeat; } .sub1 .side_wrap { float:right; width:222px; background:url(/images/k_sub1_bd.png) -1702px 0 repeat-y; } .sub1 .side_wrap .hdbg { height:6px; margin-bottom:11px; background:url(/images/k_sub1_bd.png) -740px 0 no-repeat; font-size:0; } .sub1 .side_wrap .ftbg { clear:both; height:8px; background:url(/images/k_sub1_bd.png) -2659px bottom no-repeat; } .sub1 #navigation { float:left; } .heart { padding-left:11px; background:url(/images/u_bullet.gif) 0 2px no-repeat; color:#f32266; font-family:verdana; font-size:9px; letter-spacing:-1px; } .views { margin-left:5px; color:#9a9a9a; } .Btm_content_wrap .hd { border-bottom:2px solid #ccc; } .Btm_content_wrap h2 { background:url(/images/t_main.png) 0 0 no-repeat; } .side_wrap .hd { border-bottom:2px solid #ccc; zoom:1; } .content_wrap h2,.side_wrap h3 { height:18px; background:url(/images/t_sub1.png) 0 0 no-repeat; } .line { margin-right:7px; padding-right:7px; background:url(/images/u_bullet.gif) right -590px no-repeat; } .pink { color:#f62368 !important; } .start { background:none !important; } .end { margin:0 !important; border:none !important; } button { border:0; cursor:pointer; background:url(/images/b_button.png) 0 0 no-repeat; } button.pre { width:13px; height:13px; margin-right:2px; background-position:-18px -25px; } button.next { width:13px; height:13px; background-position:0 -48px; } button.tagsubmit { width:48px; height:20px; background-position:0 -565px; } button.tagsubmit span { display:none; } button.tagcancel { width:66px; height:22px; background-position:0 -196px; } button.tagcancel span { display:none; } .board-btn a { float:left; width:48px; height:20px; background:url(/images/b_button.png) 0 -228px no-repeat; font-size:0; line-height:0; text-indent:-9999px; } .search-btn { padding-top:4px; } .search-btn a { float:right; height:18px; background:url(/images/b_button.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px; } .search-btn a.write { margin-left:5px; } /* = header = */ #logo { float:left; margin-bottom:13px; } #sub-logo { float:left; margin-bottom:11px; } #main-navigation { float:right; margin-right:20px; } #main-navigation li { float:left; } #main-navigation li a { display:block; height:40px; font-size:0; line-height:0; text-indent:-9999px; } #main-navigation li a.a { width:149px; } #main-navigation li a.b { width:156px; } #main-navigation li a.c { width:119px; } #sub-navigation li { float:left; } #sub-navigation li a { float:left; height:36px; background:url(/images/m_hd.png) 0 -84px no-repeat; font-size:0; line-height:0; text-indent:-9999px; } #sub-navigation li a:hover,#sub-navigation li.select a { background-position:0 -120px; } #sub-navigation li a.a { width:135px; } #sub-navigation li a.b { width:148px; background-position:-135px -84px; } #sub-navigation li a.c { width:107px; background-position:-283px -84px; } #sub-navigation li a.b:hover,#sub-navigation li.select a.b { width:148px; background-position:-135px -120px; } #sub-navigation li a.c:hover,#sub-navigation li.select a.c { width:107px; background-position:-283px -120px; } #sub-logout { float:right; margin-right:-3px; padding-top:7px; } #sub-logout li { float:left; } #sub-logout li a { display:block; width:75px; height:20px; background:url(/images/b_button.png) 0 -93px no-repeat; font-size:0; text-indent:-9999px; } #sub-logout li a.b { background-position:0 -113px; } #sub-login { float:right; margin-right:-3px; padding-top:7px; } #sub-login strong,#sub-login span { float:left; } #sub-login strong { padding-top:2px; } #sub-login strong a { color:#fff; } #sub-login span { width:150px; margin-left:10px; } #sub-login span a { float:left; width:75px; height:20px; background:url(/images/b_button.png) 0 -625px no-repeat; font-size:0; text-indent:-9999px; } #sub-login span a.b { background-position:0 -645px; } #today { clear:both; height:32px; } #today .issue,dl.fame,dl.fame dt,dl.fame dd { float:left; font-size:11px; } #today .issue { width:327px; margin:5px 0 0 2px; padding-left:15px; background:url(/images/k_hd.png) 0 2px no-repeat; letter-spacing:-1px; } dl.fame { margin-top:4px; } dl.fame dt { width:40px; height:15px; background:url(/images/k_hd.png) -358px 0 no-repeat; } dl.fame dd { margin:2px 3px 0 0; } /* .search-area { float:right; position:relative; width:184px; z-index:1; } */ .search-area { float:right; margin-right:5px; position:relative; width:184px; z-index:1; } .search-area .searchSelect { position:absolute; left:-40px; top:0; *top:1px; } .search-area ul { position:absolute; left:0; top:0; border:1px solid #b1b1b1; } .search-area .selectedSearch { width:45px; height:15px; padding:5px 6px; background:url(/images/k_hd.png) -643px 0 no-repeat; font-size:11px; cursor:pointer; } /* 메인검색창 */ .search-area input { height:13px; padding:4px 35px 4px 24px; .padding:5px 35px 5px 22px; .height:11px; }/* 수정 */ .search-area button { position:absolute; top:1px; *top:2px; right:2px; *right:4px; width:33px; height:21px; background:url(/images/k_hd.png) -927px -1px no-repeat; border:0; cursor:pointer; } /* 라운지 검색창*/ .search-area input.total_input { padding:4px 29px 4px 20px; .height:13px; } .search-area button.total_input_bt { position:absolute; top:1px; *top:2px; right:2px; *right:0px; width:33px; height:21px; background:url(/images/k_hd.png) -927px -1px no-repeat; border:0; cursor:pointer; } /* 스토리검색창 */ .search-area input.sub_input { height:13px; padding:4px 35px 4px 24px; *.padding:5px 35px 5px 22px; .width:130px; .height:11px; }/* 수정 */ .search-area button.sub_input_bt { position:absolute; top:1px; *top:2px; right:0px; *right:1px; width:30px; height:21px; background:url(/images/k_hd.png) -927px -1px no-repeat; border:0; cursor:pointer;} /* 5.17수정 */ .search-area ul li a.search_fir { display:block; width:42px; height:14px; padding:3px 5px; background:url(/images/k_hd.png) -645px -1px no-repeat; font-size:11px; } .search-area ul li a { display:block; width:42px; height:14px; padding:3px 5px; background-color:#fff; font-size:11px; } #main-search-area { width:280px; } #main-search-area button { right:3px; *right:5px; } #right-search { margin:-7px 0 0 10px; } #right-search .search-area { float:none; width:160px; margin:0 0 4px 40px; } #right-search ul { position:absolute; left:0; top:0; border:1px solid #574b4f; } #right-search ul li a.fir_li { display:block; height:14px; padding:3px 3px 2px 9px; background:url(/images/k_right_search.png) -1px -1px no-repeat; } #right-search ul li a { display:block; height:14px; padding:3px 3px 2px 9px; background-color:#fefcf0; } /* #right-search .selectedSearch { width:44px; padding:5px 3px 5px 9px; background:url(/images/k_right_search.png) 0 0 no-repeat; color:#333; }*/ #right-search .selectedSearch { width:44px; padding:5px 3px 5px 9px; background:url(/images/k_right_search.png) 0 0 no-repeat; color:#333; } #right-search input { background-color:#fefaee; border:1px solid #574b4f; width:100px; } #right-search .search-area button { width:22px; background:url(/images/k_right_search.png) -176px -1px no-repeat;} #right-search dl.fame { margin-bottom:8px; } #right-search dl.fame dt { background:url(/images/k_right_search.png) 0 -31px no-repeat; } #bd { margin-bottom:4px; } #story .hd { height:6px; } #story .hd h2 { height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px; visibility:hidden; width:0; } #story .bd { padding-left:17px; } #story .preview { float:left; margin-right:20px; } #story .preview .flash a img { border:2px solid #eee; } #story .flash-contents { background-color:#000; width:264px; height:68px; padding:15px 15px 10px 15px; } #story .flash-contents img { width:38px; height:38px; border:1px solid #5b5b5d; background-color:#fff;} #story img { float:left; } #story dt,#story dd,#story .flash-contents p { font-size:11px; } #story dt a { font-weight:bold; } #story .flash-contents dl { padding-left:53px; } #story .flash-contents dt { margin:2px 0 4px; } #story .flash-contents dt a { color:#eee; font-size:14px; } #story .flash-contents .nickname { padding-left:9px; } #story .flash-contents p { margin-top:5px; height:29px; } #story .flash-contents p,#story .flash-contents .nickname { color:#9a9a9a; } #story ul { float:left; font-size:11px; } #story li { margin-bottom:10px; } #story li a img { margin:-2px; border:2px solid #EEE; } #story li a:hover img { margin:-2px; border:2px solid #da2866; } #story ul dl { padding:5px 0 0 88px; } #story ul dt { margin-bottom:1px; } #story ul dt a { color:#000; } #story ul dd { margin-bottom:3px; } #story ul dd .nickname { text-decoration:underline; } #story strong,#story em { display:block; } /* #logout { position:relative; width:300px; height:94px; margin-bottom:10px; background-color:#f1f1f1; border:1px solid #eaeaea; } #logout fieldset { margin:11px 0 0 16px; } #logout dl { margin-bottom:4px; background:url(/images/k_login.png) 0 0 no-repeat; } #logout dd { padding:0 0 5px 50px; height:20px; line-height:10px;} #logout dd.btn { position:absolute; margin-top:1px; padding:0; top:10px; right:10px; } #logout button { margin:0; width:62px; height:45px; background:url(/images/k_login.png) 0 -110px no-repeat; border:0; padding-top:5px; font-size:0; line-height:0; cursor:pointer; } #logout dd input { margin:0; height:10px; border:1px solid #c2c2c2; } #logout li { float:left; margin-right:14px; font-size:11px; letter-spacing:-1px; } #logout .find { padding-left:8px; background:url(/images/k_login.png) 0 -162px no-repeat; } #logout .join { margin:-4px 0 0 8px; padding:0;} */ #logout { position:relative; width:300px; height:94px; margin-bottom:10px; background-color:#f1f1f1; border:1px solid #eaeaea; } #logout fieldset { height:52px; margin:11px 0 0 16px; } #logout dl { margin-bottom:4px; background:url(/images/k_login.png) 0 0 no-repeat; } #logout dd { margin:0; padding:0 0 4px 50px; line-height:10px;} #logout dd input { margin:0; padding:4px 5px;; width:140px; height:10px; border:1px solid #c2c2c2; } #logout dd.btn { position:absolute; margin-top:1px; padding:0; top:10px; right:10px; } #logout button { margin:0; width:62px; height:45px; background:url(/images/k_login.png) 0 -110px no-repeat; border:0; padding-top:5px; font-size:0; line-height:0; cursor:pointer; } #logout .user { position:absolute; width:100%; height:20px; margin:3px 0 0 0; padding:0; } #logout .user .log_ch { float:left; margin:0; padding:0; font-size:11px; letter-spacing:-1px; } #logout .user .log_ch label {float:left; padding-right:20px; margin:1px 0 0} #logout .user .log_ch span {float:left; margin-right:4px;} #logout .user .log_ch input { margin:0;padding:0;vertical-align:middle;border:none;} #logout .user .find { float:left; padding-left:28px; padding-left:8px; letter-spacing:-2px; background:url(/images/k_login.png) 0 -161px no-repeat; } #logout .user .find a { font-size:11px; letter-spacing:-1px; color:#666666; text-decoration:none; } #logout .user .join { position:absolute; left:213px; top:-3px; } #login { width:300px; height:94px; margin-bottom:10px; background-color:#fffbf0; border:1px solid #e1e0de; } #login fieldset { margin:11px 0 0 16px; } #login p { margin-bottom:7px; padding-bottom:2px; border-bottom:1px solid #e9e9e9; } #login p strong { color:#000; } #login .uname { width:162px; } #login .uname a { padding:3px 26px 0 0; background:url(/images/k_login.png) right -232px no-repeat; } #login .uname,#login .modify,#login button { float:left; font-size:11px; ; } #login .photo { float:left; } #login .photo img { border:1px solid #ddd; } #login dl { padding:1px 0 0 57px; } #login dt,#login dd { float:left; font-size:11px; } #login dt { width:47px; margin-bottom:2px; padding-left:5px; background:url(/images/k_login.png) 0 -216px no-repeat; } #login dd { width:55px; margin-bottom:2px; color:#f62368; } #login button { width:49px; height:19px; margin:-3px 0 0 5px; background:url(/images/k_login.png) 0 -191px no-repeat; border:0; font-size:0; line-height:0; cursor:pointer; } #top-ranking-story { width:640px; overflow:hidden; } #top-ranking-story .hd { margin:14px 19px 10px 18px; } #top-ranking-story ul { padding-left:18px; } #top-ranking-story li { float:left; width:135px; margin:0 20px 31px 0; } #top-ranking-story img { width:135px; height:100px; margin-bottom:8px;border:1px solid #EEE; } #top-ranking-story img:hover {border:1px solid #e63178} #top-ranking-story em { float:left; color:#999; font-family:verdana; font-size:10px; } #top-ranking-story .nickname { font-family:돋움,dotum,arial; font-size:11px; } #top-ranking-story .heart { float:right; } #top-ranking-story strong { clear:both; display:block; margin-top:1px; } #top-ranking-story strong a { color:#333; font-size:11px; } #update-star { position:relative; width:317px; overflow:hidden; } #update-star .hd { margin:12px 19px 10px 17px; } #update-star h2 { height:21px; background-position:0 -19px; } #update-star ul { padding-left:17px; } #update-star li { float:left; margin:0 17px 8px 0; text-align:center; } #update-star a { display:block; font-size:11px; } #update-star img { display:block; width:56px; height:56px; margin-bottom:6px; border:1px solid #ddd; } #update-star .ft { position:absolute; top:-2px; *top:10px; right:19px; } #update-star .ft button.pre { width:15px; height:15px; margin:0; background-position:0 0; } #update-star .ft button.next { width:16px; height:15px; background-position:-15px 0; } #main-story-ranking { position:relative; padding-top:25px; border-top:1px solid #eee; } #main-story-ranking .ft { position:absolute; top:23px; right:0; _right:19px; } #main-story-ranking .ft button.pre { width:15px; height:15px; margin:0; background-position:0 0; } #main-story-ranking .ft button.next { width:16px; height:15px; background-position:-15px 0; } .story-ranking { margin:0 19px 0 17px; } .story-ranking .hd { margin-bottom:10px; } .story-ranking h2 { height:21px; background-position:0 -40px; } .story-ranking .bd li span { float:left; } .story-ranking .bd li em { float:right; } .story-ranking .bd li em span { font-size:0; } .story-ranking .bd li a { display:block; height:20px; padding:3px 0 1px 22px; border-bottom:1px solid #eee; line-height:20px; background:url(/images/u_bullet.gif) 4px -102px no-repeat; } .story-ranking .bd li a:hover { position:relative; background-position:4px -346px; } .story-ranking .bd li a.n2 { background-position:4px -127px; } .story-ranking .bd li a.n3 { background-position:4px -152px; } .story-ranking .bd li a.n4 { background-position:4px -177px; } .story-ranking .bd li a.n5 { background-position:4px -202px; } .story-ranking .bd li a.n6 { background-position:4px -227px; } .story-ranking .bd li a.n7 { background-position:4px -252px; } .story-ranking .bd li a.n8 { background-position:4px -277px; } .story-ranking .bd li a.n9 { background-position:4px -302px; } .story-ranking .bd li a.n10 { background-position:4px -327px; } .story-ranking .bd li a.n2:hover { background-position:4px -371px; } .story-ranking .bd li a.n3:hover { background-position:4px -396px; } .story-ranking .bd li a.n4:hover { background-position:4px -421px; } .story-ranking .bd li a.n5:hover { background-position:4px -446px; } .story-ranking .bd li a.n6:hover { background-position:4px -471px; } .story-ranking .bd li a.n7:hover { background-position:4px -496px; } .story-ranking .bd li a.n8:hover { background-position:4px -521px; } .story-ranking .bd li a.n9:hover { background-position:4px -546px; } .story-ranking .bd li a.n10:hover { background-position:4px -571px; } .story-ranking .bd li a:hover { margin:-1px -1px 0 -1px; border:1px solid #e63178; color:#000; text-decoration:none; } .story-ranking em { width:34px; padding-left:11px; background:url(/images/u_bullet.gif) 0 -56px no-repeat; font-size:10px; } .story-ranking em.up { color:#f72167; } .story-ranking em.down { background-position:0 -73px; color:#3f98dc; } .story-ranking em.mid { background-position:0 -89px; color:#999; } .story-ranking em span { height:0; line-height:0; overflow:hidden; position:absolute; top:-10000px; visibility:hidden; width:0; } #right-story-ranking { position:relative; margin-bottom:20px; } #right-story-ranking .hd { position:relative; margin-bottom:1px; } #right-story-ranking .hd ul { position:absolute; top:0; right:0; } #right-story-ranking .hd li { float:left; font-size:11px; letter-spacing:-1px; } #right-sponsor-ranking { margin:0 17px 35px; } #right-sponsor-ranking h3 { background-position:0 -179px; } #right-sponsor-ranking .bd li { display:block; height:20px; padding:3px 0 1px 22px; border-bottom:1px solid #eee; line-height:20px; background:url(/images/u_bullet.gif) 4px -102px no-repeat; } #right-sponsor-ranking .bd li.n2 { background-position:4px -127px; } #right-sponsor-ranking .bd li.n3 { background-position:4px -152px; } #right-sponsor-ranking .bd li.n4 { background-position:4px -177px; } #right-sponsor-ranking .bd li.n5 { background-position:4px -202px; } #right-sponsor-ranking .bd li.n6 { background-position:4px -227px; } #right-sponsor-ranking .bd li.n7 { background-position:4px -252px; } #right-sponsor-ranking .bd li.n8 { background-position:4px -277px; } #right-sponsor-ranking .bd li.n9 { background-position:4px -302px; } #right-sponsor-ranking .bd li.n10 { background-position:4px -327px; } #right-sponsor-ranking .bd li span { color:#f92369; font-size:11px; } .storyview-tab { position:relative; height:40px; margin:0 17px 20px 17px; background:url(/images/m_storyview.png) 0 0 no-repeat; } .storyview-tab ul { margin-left:12px; } .storyview-tab li { float:left; } .storyview-tab li a { float:left; width:73px; height:40px; background:url(/images/m_storyview.png) -12px -40px no-repeat; font-size:0; line-height:0; text-indent:-9999px; } .storyview-tab li.selected a,.storyview-tab li a:hover { background-position:-12px -80px; } .storyview-tab .storyshow { display:block; position:absolute; right:9px; top:10px; width:120px; height:20px; background:url(/images/m_storyview.png) -40px -572px no-repeat; font-size:0; text-indent:-9999px; } #storyview-tab li a.n2 { width:112px; background-position:-85px -40px; } #storyview-tab li a.n3 { background-position:-197px -40px; } #storyview-tab li a.n4 { width:92px; background-position:-270px -40px; } #storyview-tab li.selected a.n2,#storyview-tab li a.n2:hover { background-position:-85px -80px; } #storyview-tab li.selected a.n3,#storyview-tab li a.n3:hover { background-position:-197px -80px; } #storyview-tab li.selected a.n4,#storyview-tab li a.n4:hover { background-position:-270px -80px; } #search-tab li a.n1 { width:45px; background-position:-12px -120px; } #search-tab li a.n2 { width:51px; background-position:-56px -120px; } #search-tab li a.n3 { width:37px; background-position:-108px -120px; } #search-tab li a.n4 { width:52px; background-position:-145px -120px; } #search-tab li.selected a.n1,#search-tab li a.n1:hover { background-position:-12px -160px; } #search-tab li.selected a.n2,#search-tab li a.n2:hover { background-position:-56px -160px; } #search-tab li.selected a.n3,#search-tab li a.n3:hover { background-position:-108px -160px; } #search-tab li.selected a.n4,#search-tab li a.n4:hover { background-position:-145px -160px; } #show-story-view { margin:0 17px; } #show-story-view ul { border-bottom:1px solid #d4d4d4; } #show-story-view li { height:115px; margin-bottom:20px; border-bottom:1px solid #ededed; } #show-story-view .img img { float:left; width:127px; height:95px; border:1px solid #EEE; } #show-story-view .img img:hover { float:left; width:127px; height:95px; border:1px solid #da2866; } #show-story-view dl { position:relative; float:right; width:557px; } #show-story-view dt,#show-story-view dd { font-size:11px; } #show-story-view dd.cfx_text {width:510px;} #show-story-view dt { margin:2px 0 4px; } #show-story-view p { margin:0 100px 3px 0; } #show-story-view dt a { color:#000; font-size:14px; font-weight:bold; } #show-story-view .date { margin-left:2px; padding-left:7px; background:url(/images/u_bullet.gif) 0 -732px no-repeat; color:#999; font-family:verdana; font-size:10px; letter-spacing:-1px; } #show-story-view .nickname { position:absolute; top:0; right:0; width:80px; text-align:right; } #show-story-view .nickname span { display:block; } #show-story-view .nickname img { width:30px; height:30px; margin-bottom:5px; border:1px solid #ccc; } #show-story-view dd.tag { margin-top:16px; padding-left:27px; width:340px; background:url(/images/u_bullet.gif) 0 -701px no-repeat; }/*5.14일 width:340px; 추가*/ #show-story-view .tag a { color:#999; } #show-story-view .btn { position:absolute; top:60px; bottom:-3px; right:3px; color:#f8226a; }/*5.14일 top 속성 추가*/ #show-story-view .btn span { float:left; background:url(/images/u_bullet.gif) 0 -625px no-repeat; } #show-story-view .btn span a { display:block; padding-right:3px; background:url(/images/u_bullet.gif) right -717px no-repeat; } #show-story-view .btn .recom { margin-right:15px; padding-left:32px; } #show-story-view .btn .sponsor { padding-left:28px; background-position:0 -662px; } .right-story-tag { margin:0 17px; } .right-story-tag .hd { margin-bottom:14px; } .right-story-tag .bd { border-bottom:1px solid #eee; } .right-story-tag ul { margin-right:-17px; } .right-story-tag li { float:left; height:25px; margin-right:7px; } .right-story-tag li a { float:left; white-space:pre; } .right-story-tag .strong { font-weight:bold; } .right-story-tag .large { font-size:14px; } .right-story-tag .black { color:#000; } .right-story-tag .blue { color:#3f96db; } .right-story-tag .bg-pink { background-color:#f62368; color:#fff; } .right-story-tag .bg-blue { background-color:#3f96db; color:#fff; } #right-story-tag { margin-bottom:14px; } #right-story-tag h3 { background-position:0 -18px; } .paginate { padding:5px 0; text-align:center; } .paginate a,.paginate strong { display:inline-block; margin-right:-6px; padding:3px 9px 2px 8px; background:#fff url(http://static.naver.com/common/paginate/line_pg4.gif) no-repeat scroll 0 5px; color:#333333; font-family:Tahoma,Serif; font-size:11px; text-decoration:none !important; } .paginate strong { color:#ff1315 !important; } .paginate a.pre,.paginate a.pre_end,.paginate a.next,.paginate a.next_end { position:relative; width:13px; height:13px; padding:0; background:url(/images/b_button.png) 0 -25px no-repeat; vertical-align:-3px; *vertical-align:0; } .paginate a.pre { background-position:-18px -25px; } .paginate a.pre_end { margin-right:1px; } .paginate a.next { margin-right:1px; background-position:0 -48px; } .paginate a.next_end { background-position:-18px -48px; } #sub-banner { padding-top:6px; background-color:#e2e2e2; } #sub-banner img { margin-bottom:7px; } .title h2 { padding:5px 14px 10px; _padding:7px 14px 6px; font-size:11px; } .title h2,.title_tab li { float:left; } .title ul { float:right; padding-top:7px; } .title strong { color:#000; font-size:17px; font-weight:bold; } .title_tab li { padding-right:19px; } .title_tab li a { padding-right:14px; background:url(/images/u_bullet.gif) right -755px no-repeat; font-weight:bold; } .title_tab li.selected a,.title_tab li a:hover { background-position:right -964px; color:#f92369; } .title_tab li a.n2 { background-position:right -777px; } .title_tab li a.n3 { background-position:right -799px; } .title_tab li a.n4 { background-position:right -821px; } .title_tab li.selected a.n2,.title_tab li a.n2:hover { background-position:right -986px; } .title_tab li.selected a.n3,.title_tab li a.n3:hover { background-position:right -1008px; } .title_tab li.selected a.n4,.title_tab li a.n4:hover { background-position:right -1030px; } #my-center { margin:0 17px; border-bottom:1px solid #ccc; border-top:2px solid #ccc; } #my-center dt,#my-center dd { height:69px; border-bottom:1px solid #ededed; } #my-center dt { float:left; width:158px; background:url(/images/t_mycenter.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px; } #my-center dt.mypoint { background-position:0 -70px; } #my-center dt.mycoin { background-position:0 -140px; } #my-center dt.storystatus { background-position:0 -210px; } #my-center dt.blogstatus { background-position:0 -280px; } #my-center dd { line-height:69px; } #my-center strong { font-size:14px; } #right-my-center { margin:0 17px 20px; } #right-my-center h3 { height:20px; background-position:0 -36px; } #right-my-center li { border-bottom:1px solid #eee; } #right-my-center li strong { display:block; } #right-my-center a { display:block; height:20px; padding:4px 0 0 22px; background:url(/images/u_bullet.gif) 11px -845px no-repeat; } #right-my-center li.selected a,#right-my-center li a:hover { background-position:11px -872px; color:#000; font-weight:bold; } #stats { margin:0 17px 20px; } #stats dl { width:348px; border-bottom:1px solid #ddd; border-top:2px solid #ccc; } #stats dl,#stats dt { float:left; } #stats dt { width:118px; height:140px; background:url(/images/k_my-center-blog.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px; } #stats dt.visitorstats { background-position:-349px 0; } #stats dd { float:left; width:223px; padding-left:7px; background:url(/images/u_bullet.gif) 0 -900px no-repeat; line-height:20px; } #stats strong { color:#000; } #stats .first { margin-top:27px; } #stats .pink { font-size:14px; } .tabs ul { position:relative; margin-bottom:-2px; border-bottom:2px solid #d4d4d4; } .tabs li { float:left; margin:0 2px -2px 0; } .tabs a { float:left; position:relative; width:117px; height:21px; padding-top:5px; background:url(/images/k_my-center-blog.png) 0 -148px no-repeat; font-weight:bold; text-align:center; } .tabs .selected a { background-position:-118px -148px; color:#f52265; } #visitors { margin:0 19px 0 17px; } #visitors .bd { width:699px; height:328px; padding-top:7px; background:url(/images/k_my-center-blog.png) 0 -182px no-repeat; text-align:center; } #my-coin { margin:0 19px 20px 17px; } #my-coin .hd-area { height:69px; background-color:#fefbef; border:1px solid #e1e0dd; } #my-coin .hd-area dl { float:left; margin:18px 0 0 24px; _margin-left:12px; padding-left:51px; background:url(/images/k_my-center-blog.png) -245px -138px no-repeat; } #my-coin .hd-area dt { margin-bottom:2px; font-weight:bold; } #my-coin .hd-area strong { font-family:verdana; font-size:20px; letter-spacing:-1px; } #my-coin .hd-area span { float:right; padding:12px 19px 0 0; } #my-coin .hd-area span a { display:block; width:61px; height:21px; background:url(/images/b_button.png) 0 -143px no-repeat; font-size:0; line-height:0; text-indent:-9999px; } #my-coin .hd-area dd { position:relative; } #my-coin .hd-area .exchange { margin-top:2px; background-position:0 -166px; } #my-coin .bd-area { height:323px; background:url(/images/k_my-center-blog.png) 0 -517px no-repeat; } #my-coin .left,#my-coin .right { float:left; } #my-coin .left { position:relative; width:166px; padding:11px 0 0 14px; } #my-coin .left li { float:left; font-size:11px; } #my-coin .left .hd { height:31px; } #my-coin .left dt,#my-coin .left dd { line-height:20px; } #my-coin .left dt { color:#000; font-weight:bold; } #my-coin .left .ft { position:absolute; top:9px; right:9px; font-family:verdana; font-size:10px; } #my-coin .left .ft span { display:inline-block; *margin-right:5px; } #my-coin .left .ft strong { color:#000; } #my-coin .left .ft button { vertical-align:2px; *vertical-align:0; } #my-coin .right { padding-top:1px; text-align:center; } #my-point { margin:0 19px 20px 17px; } #my-point .hd-area { height:69px; background-color:#fefbef; border:1px solid #e1e0dd; } #my-point .hd-area dl { float:left; margin:18px 0 0 24px; _margin-left:12px; padding-left:51px; background:url(/images/k_my-center-blog.png) -245px -138px no-repeat; } #my-point .hd-area dt { margin-bottom:2px; font-weight:bold; } #my-point .hd-area strong { font-family:verdana; font-size:20px; letter-spacing:-1px; } #my-point .hd-area span { float:right; padding:12px 19px 0 0; } #my-point .hd-area span a { display:block; width:61px; height:21px; background:url(/images/b_button.png) 0 -143px no-repeat; font-size:0; line-height:0; text-indent:-9999px; } #my-point .hd-area dd { position:relative; } #my-point .hd-area .exchange { margin-top:2px; background-position:0 -166px; } #my-point .bd-area { height:323px; background:url(/images/k_my-center-blog.png) 0 -517px no-repeat; } #my-point .left,#my-point .right { float:left; } #my-point .left { position:relative; width:166px; padding:11px 0 0 14px; } #my-point .left li { float:left; font-size:11px; } #my-point .left .hd { height:31px; } #my-point .left dt,#my-point .left dd { line-height:20px; } #my-point .left dt { color:#000; font-weight:bold; } #my-point .left .ft { position:absolute; top:9px; right:9px; font-family:verdana; font-size:10px; } #my-point .left .ft span { display:inline-block; *margin-right:5px; } #my-point .left .ft strong { color:#000; } #my-point .left .ft button { vertical-align:2px; *vertical-align:0; } #my-point .right { padding-top:1px; text-align:center; } #sponsor-history { margin:0 17px; } #sponsor-history ul { border-top:2px solid #ccc; } #sponsor-history li { height:50px; padding-top:10px; border-bottom:1px solid #ddd; } #sponsor-history li span { float:left; margin-left:21px; } #sponsor-history li img { width:38px; height:38px; margin-right:10px; border:1px solid #ddd; } #sponsor-history li strong { color:#4e7cb8; } #sponsor-history li button { float:right; width:66px; height:21px; margin:8px 20px 0 0; background:url(/images/b_button.png) 0 -197px no-repeat; cursor:pointer; border:none; font-size:0; line-height:0; text-indent:-9999px; } #create { height:142px; margin:0 19px 19px 17px; background:url(/images/k_create.png) 0 0 no-repeat; } #create dd { float:left; width:121px; padding:77px 0 0 101px; font-size:11px; letter-spacing:-1px; line-height:16px; } .board { margin:0 19px 0 17px; } .board table { width:100%; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; } .board th,.board td { padding:6px 0 5px; text-align:center; } .board th { background:url(/images/u_bullet.gif) right -923px no-repeat; border-bottom:1px solid #999; color:#000; font-size:11px; font-weight:bold; } .board th.x { background:none; } .board td { border-top:1px solid #e5e5e5; } .board td.subject { padding-left:20px; color:#333; text-align:left; } .board td.tools,.board td.date,.board td.cdp,.board td.no,.board td.view,.board td.recom { font-family:verdana; font-size:10px; } .board td.since { font-family:굴림,gulim,arial; } .board .ft { zoom:1; } #create-admin .hd { margin-bottom:23px; } .right-creat { margin:0 17px 20px; } .right-creat li { padding-left:7px; background:url(/images/u_bullet.gif) 0 -896px no-repeat; border-bottom:1px solid #eee; line-height:24px; } #right-notice h3 { background:url(/images/t_sub1.png) 0 -56px no-repeat; } #right-tips h3 { background:url(/images/t_sub1.png) 0 -74px no-repeat; } #right-qna { margin-bottom:27px; } #right-qna h3 { background:url(/images/t_sub1.png) 0 -92px no-repeat; } #sub-top-banner { padding-bottom:6px; background-color:#dfdfdf; } #board .ft { position:relative; text-align:center; } #board .ft .paginate { margin-bottom:12px; } #board .ft fieldset { position:relative; width:649px; height:30px; padding:10px 0 0 50px; background:url(/images/k_search.png) 0 0 no-repeat; } #board .ft input { float:left; margin-right:5px; padding:3px 9px; *padding:4px 9px; border:1px solid #cecece; } #board .ft button { float:left; width:36px; height:21px; background:url(/images/b_button.png) 0 -258px no-repeat; border:0; cursor:pointer; } #board .ft .board-btn { position:absolute; top:10px; right:0; } #membership { margin:19px 0 0 30px; } #membership .hd,#membership .bd { float:left; } #membership .hd { width:311px; height:439px; background:url(/images/k_membership.png) 0 0 no-repeat; } #membership .bd { width:600px; } #membership .bd dt { float:left; } #membership .bd dt { width:110px; margin-bottom:7px; padding:4px 0 0 22px; background:url(/images/u_bullet.gif) 11px -871px no-repeat; } #membership .bd dd { position:relative; float:left; width:380px; margin-bottom:7px; } #membership .bd dd input { font-family:verdana; font-size:15px; width:360px; } #membership .bd span.display { display:inline-block; width:45px; height:24px; margin-left:12px; background:url(/images/k_membership.png) 0 -510px no-repeat; font-size:0; line-height:0; text-indent:-9999px; vertical-align:13px; *vertical-align:0; } #membership .bd .selected input { border:1px solid #f62366; } #membership .bd .selected span.display { background-position:0 -510px; } #membership .bd .x span.display { background-position:0 -545px; } #membership .bd dd img { margin-right:10px; border:1px solid #ccc; } #membership .bd dd em { display:block; font-family:verdana; font-size:10px; } #membership .bd dd button { width:60px; height:21px; margin-top:4px; background-position:0 -289px; } #membership .bd dd.profile { height:95px; } #membership .bd dd.profile img,#membership .bd dd.profile span { float:left; } #membership .bd dd.profile span { padding-top:27px; } #membership .bd dd textarea { width:362px; height:76px; } #membership .bd dt.agree { width:auto; } #membership .bd dt.agree span { *vertical-align:-10px; } #membership .bd dt.agree strong { color:#000; text-decoration:underline; } #membership .bd dt.agree input { border:none; cursor:pointer; vertical-align:-3px; } /* = 글쓰기 = */ .write-area { margin:0 19px 0 17px; border-top:1px solid #999; } .write-area .hd h3 { display:none; height:25px; padding:12px 0 0 10px; color:#333; text-align:left; } .write-area .bd dl { border-bottom:1px solid #d4d4d4; color:#666; text-align:left; } .write-area .bd dt { clear:both; float:left; position:relative; width:61px; height:22px; padding:7px 0 0 15px; background-color:#f5f5f5; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; font-size:11px; font-weight:bold; z-index:10; } .write-area .bd dt.cts { height:300px; } .write-area .bd dd { float:left; width:613px; padding:4px 0 3px 9px; *padding:4px 0 4px 9px; border-top:1px solid #ededed; } .write-area .bd dd button { width:59px; height:21px; margin-left:5px; background-position:0 -380px; } .write-area .bd dd input { float:left; height:16px; padding:3px 3px 0 3px; border:1px solid #d6d6d6; } .write-area .bd dd input.file { height:20px; } .write-area .ft { position:relative; text-align:center; padding:10px 0 0; } .write-area .ft .cancel { float:left; width:39px; background-position:0 -320px; } .write-area .ft .write { float:right; margin-left:5px; } .write-area .ft .preview { float:right; width:58px; background-position:0 -350px; } /* = 글쓰기 = */ .view-area { margin:0 19px 0 17px; border-top:1px solid #999; } .view-area .hd h3 { display:none; height:25px; padding:12px 0 0 10px; color:#333; text-align:left; } .view-area .bd dl.view { border-bottom:1px solid #d4d4d4; color:#666; text-align:left; } .view-area .bd dl.view dt { clear:both; float:left; position:relative; width:61px; height:18px; padding:7px 0 3px 15px; background-color:#f5f5f5; border-top:1px solid #d4d4d4; border-right:1px solid #d4d4d4; font-size:11px; font-weight:bold; z-index:10; } .view-area .bd dl.view dt.write { height:33px; _height:30px; padding-top:17px; } .view-area .bd dl.view dt.file { border-bottom:1px solid #ededed; } .view-area .bd dl.view dt.file { margin-bottom:-1px; } .view-area .bd dl.view dd.write { height:43px; _height:37px; _margin-bottom:-6px; } .view-area .bd dl.view dd.write a { float:left; margin-right:17px; } .view-area .bd dl.view dd.write span.comment { float:left; width:500px; height:33px; margin-top:2px; padding-left:15px; background:url(/images/k_view_box.png) 0 0 no-repeat; line-height:33px; font-size:11px; } .view-area .bd dl.view dd.write span.comment em { color:#999; font-family:verdana; font-size:10px; letter-spacing:-1px; } .view-area .bd dl.view dd.write img { border:1px solid #ddd; } .view-area .bd dl.view dt.date,.view-area .bd dl.view dt.view,.view-area .bd dl.view dt.recom { clear:right; } .view-area .bd dl.view dt.view,.view-area .bd dl.view dt.recom { border-top:1px solid #ededed; border-right-color:#f5f5f5; } .view-area .bd dl.view dd.date,.view-area .bd dl.view dd.view,.view-area .bd dl.view dd.recom { width:147px; } .view-area .bd dl.view dd { float:left; width:613px; height:18px; padding:6px 0 4px 9px; border-top:1px solid #ededed; } .view-area .bd dl.view dd.cts { height:auto; padding:20px 4px; line-height:normal; word-wrap:break-word; word-break:break-all; overflow:hidden; } .view-area .bd dl.view dd.cts p { line-height:normal; } .view-area .bd dl.view dd.cts strong { font-weight:bold; } .view-area .bd dl.view dd.cts em { font-style:italic; } .view-area .bd dl.view dd.cts ul,.view-area .bd dl.view dd.cts ol { margin:13px 0; padding-left:40px; } .view-area .bd dl.view dd.cts ul li { list-style-type:disc; } .view-area .bd dl.view dd.cts ol li { list-style-type:decimal; } .view-area .bd dl.view dd.cts h1 { margin:.67em 0; font-size:2em; font-weight:bold; } .view-area .bd dl.view dd.cts h2 { margin:.83em 0; font-size:1.5em; font-weight:bold; } .view-area .bd dl.view dd.cts h3 { margin:1em 0; font-size:1.17em; font-weight:bold; } .view-area .bd dl.view dd.cts h4 { margin:1.33em 0; } .view-area .bd dl.view dd.cts h5 { margin:1.67em 0; font-size:.83em; font-weight:bold; } .view-area .bd dl.view dd.cts h6 { margin:2.33em 0; font-size:.67em; font-weight:bold; } .view-area .ft { position:relative; text-align:center; padding:10px 0 0; } .view-area .ft a { float:right; width:48px; margin-left:5px; } .view-area .ft .list { background-position:0 -525px; } .view-area .ft .reply { background-position:0 -545px; } .view-area .ft .modify { background-position:0 -565px; } .view-area .ft .modifyk { background-position:0 -585px; } .view-area .ft .recom { background-position:0 -605px; } .blog_photolist { width:700px; margin:0 auto; padding:20px 0 0 0; } .blog_photolist ul li { float:left; width:127px; height:158px; overflow:hidden; background:url(/images/k_photobg.gif) 0 0 no-repeat; margin:0 0 0 6px; padding:4px; } .blog_photolist ul li.first { margin-left:0; } .blog_photolist ul li a img { width:127px; height:95px; } .blog_photolist ul li dl { overflow:hidden; } .blog_photolist ul li dl dt { padding:5px 0 0 0; font:bold 11px 돋움,dotum,arial; line-height:1.5; height:40px; width:122px; overflow:hidden; } .blog_photolist ul li dl dt, .blog_photolist ul li dl dd { padding-left:4px; } .blog_photolist ul li dl dd var { font:9px Tahoma,dotum,arial; } .talk_list .bd ul { width:700px; margin:20px 0 0 17px; ; border-bottom:1px solid #d4d4d4; border-top:2px solid #d4d4d4; } .talk_list .bd ul li { clear:both; zoom:1; border-top:1px solid #eee; padding:10px 0 10px 0; } .talk_list .bd ul li.first { border-top:0; } .talk_list .bd ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .talk_list .bd ul li .img { float:left; width:110px; color:#497bb6; font-size:11px; font-weight:bold; } .talk_list .bd ul li dl dt { float:left; padding:5px 0 0 7px; } .talk_list .bd ul li dl dd { float:right; margin:5px 2px 0 0; } .talk_list .bd ul li dl dd em { display:block; text-align:right; font:11px 돋움,dotum,arial; color:#f62368; } .talk_list .bd ul li dl dd em a { text-decoration:underline; color:#666; } .talk_list .bd ul li dl dd span { color:#aaa; font:9px Tahoma,dotum,arial; } .talk_list .bd ul li dl dd em var { font-weight:bold; color:#f62368; padding:0 0 0 3px; } #story-search { margin-bottom:18px; } #story-search .search-btn a { width:79px; background-position:0 -469px; } #story-search h2 { height:17px; background-position:0 -127px; } #talk-search { margin:0 19px 0 17px; } #talk-search h2 { height:17px; background-position:0 -144px; } #talk-search .bd ul { width:auto; margin:0; } #talk-search .bd ul li dl dt { width:450px; } #talk-search .bd ul li { padding-left:21px; } #talk-search .bd ul li .img img { width:38px; height:38px; margin-right:4px; border:1px solid #ddd; } #talk-search .search-btn a { width:57px; background-position:0 -497px; } #story-tag { position:relative; margin-right:19px; } #story-tag .hd { margin:0; } #story-tag h2 { height:17px; background-position:0 -110px; } #story-tag .modify { position:absolute; top:0; right:0; font-size:11px; } #story-tag .bd { padding:19px 0 4px 18px; border:1px solid #ddd; border-top-width:2px; } #story-tag .search-btn a { width:105px; background-position:0 -441px; } #add-modify-tag h3 { background-position:0 -161px; } #add-modify-tag li { clear:both; zoom:1; } #add-modify-tag li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #add-modify-tag a { float:left; } #add-modify-tag span { float:right; color:#999; font-size:11px; } #add-modify-tag span.date { font-family:verdana; font-size:10px; letter-spacing:-1px; } #ft { clear:both; } #ftr { height:122px; margin-bottom:30px; background:url(..//images/k_ft.png) 0 0 no-repeat; } #ftr .notice { float:left; padding:20px 0 0 69px; *padding-top:18px; } #ftr .notice dd.btn { margin:-2px 0 0 5px; } #ftr .notice dd.btn button.pre { width:15px; height:12px; margin:0; background-position:0 -71px; } #ftr .notice dd.btn button.next { width:16px; height:12px; margin:0; background-position:-15px -71px; } #ftr ul { float:right; margin:13px 13px 0 0; } #ftr dt,#ftr dd,#ftr li { float:left; font-size:11px; } #ftr li a { display:block; height:22px; } #ftr li a.n1 { width:59px; } #ftr li a.n2 { width:67px; } #ftr li a.n3 { width:57px; } #ftr li a.n4 { width:55px; } #ftr li a.n5 { width:55px; } #ftr p { clear:both; padding:35px 0 0 160px; color:#888; font-size:11px; } /* sunmi start */ .sub2 .Top_content_wrap { margin-bottom:6px; background:#fff url(/images/k_main2_bd.gif) -962px 0 repeat-y; } .sub2 .Top_content_wrap .hdbg { height:6px; margin-bottom:5px; background:url(/images/k_main2_bd.gif) 0 0 no-repeat; font-size:0; } .sub2 .Top_content_wrap .ftbg { clear:both; height:8px; background:url(/images/k_main2_bd.gif) -1924px bottom no-repeat; font-size:0; } .sub2 { background:#434343 url(/images/k_sub2_hd.gif) 0 0 repeat-x; } /* body.sub2 { background:#ececec url(/images/skin_01.jpg) no-repeat left bottom; }*/ .sub2 #hd { position:relative; z-index:1; } .sub2 .content_wrap { float:left; width:735px; background:#fff url(/images/k_sub2_bd.gif) -962px 0 repeat-y; } .sub2 .content_wrap .hdbg { height:9px; margin-bottom:11px; background:url(/images/k_sub2_bd.gif) 0 0 no-repeat; font-size:0; } .sub2 .content_wrap .ftbg { clear:both; height:9px; margin-top:44px; background:url(/images/k_sub2_bd.gif) -1924px bottom no-repeat; } .sub2 .side_wrap { float:right; width:222px; background:url(/images/k_sub2_bd.gif) -1702px 0 repeat-y; } .sub2 .side_wrap .hdbg { height:9px; margin-bottom:5px; background:url(/images/k_sub2_bd.gif) -740px 0 no-repeat; font-size:0; } .sub2 .side_wrap .ftbg { clear:both; height:15px; background:url(/images/k_sub2_bd.gif) -2659px bottom no-repeat; } .sub2 #hd { height:49px; } .sub2 #navigation { float:left; } .sub2 .Top_content_wrap { position:relative; } .sub2 .content_wrap h2, .sub2 .side_wrap h3 { height:18px; background:url(/images/t_sub2.png) 0 0 no-repeat; } .sub2 #sub-banner { padding-top:0; background-color:#363636; } .sub2 button { cursor:pointer; border:0; _margin:0 0 0 5px; } .sub2 #ftr { height:122px; margin-bottom:30px; background:url(/images/k_sub2_ft.gif) 0 0 no-repeat; } *:first-child+html .sub2 button { margin:0 0 0 5px; } #blog_title { overflow:auto; width:926px; margin:0 auto; padding:7px 0; } #blog_title img { margin-right:13px; width:68px; height:68px; border:1px solid #ddd; } #blog_title img, #blog_title div { float:left; } #blog_title h2 { font-size:11px; line-height:1.5; } #blog_title li { float:left; } #blog_title ul { padding-top:10px; } #blog_title strong { color:#000; font-size:17px; font-weight:bold; display:block; } #storyberry { width:700px; margin:0 auto; } #storyberry img { height:300px; width:700px; } .blog_photolist { width:700px; margin:0 auto; padding:20px 0 0 0; } .blog_photolist ul { } .blog_photolist ul li { float:left; width:127px; height:158px; overflow:hidden; background:url(/images/k_photobg.gif) 0 0 no-repeat; margin:0 0 0 6px; padding:4px; } .blog_photolist ul li.first { margin-left:0; } .blog_photolist ul li a img { width:127px; height:95px; } .blog_photolist ul li dl { overflow:hidden; } .blog_photolist ul li dl dt { padding:5px 0 0 0; font:bold 11px 돋움,dotum,arial; line-height:1.5; height:40px; width:122px; overflow:hidden; } .blog_photolist ul li dl dt, .blog_photolist ul li dl dd { padding-left:4px; } .blog_photolist ul li dl dd { width:130px; height:15px; overflow:hidden; } .blog_photolist ul li dl dd var { font:9px Tahoma,dotum,arial; } #talk_form { position:relative; z-index:1; width:699px; margin:0 auto; height:115px; overflow:hidden; background:url(/images/k_list_icon.gif) 0 -390px no-repeat; } #talk_form .hd, #talk_form .bd { width:660px; margin:0 auto; } #talk_form .hd { padding-top:15px; zoom:1; } #talk_form .hd:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #talk_form .hd strong { float:left; display:block; font:16px Tahoma,dotum,arial; color#333; } #talk_form .hd ul { float:right; padding-top:5px; } #talk_form .hd ul li { float:left; margin-left:12px; } #talk_form .hd ul li span { float:left; background:url(/images/k_list_icon.gif) 0 0 no-repeat; padding:2px 0 0 17px; display:block; height:20px; cursor:pointer; font:11px 돋움,dotum,arial; letter-spacing:-1px; } #talk_form .hd ul li.tag span { background-position:0 -35px; } #talk_form .hd ul li.link span { background-position:0 -70px; } #talk_form .hd ul li.img span { background-position:0 -115px; } #talk_form .hd ul li.media span { background-position:0 -154px; } #talk_form .bd { padding-top:5px; } #talk_form .bd fieldset * { vertical-align:middle; } #talk_form .bd fieldset textarea { border:1px solid #d4d4d4; width:597px; height:53px; padding:5px 0 0 0; } #talk_form .bd fieldset button { width:56px; height:59px; background:url(/images/k_list_icon.gif) 0 -186px no-repeat; } #insert_form {border:1px solid #ddd; padding:10px; position:relative; z-index:1; width:675px; margin-top:10px; margin-left:20px; margin-right:20px; margin-bottom:0; height:100px; overflow:visible; text-align:center;} #insert_form p {vertical-align:text-middle;} #talk_image { position:relative; z-index:1; width:699px; margin:0 auto; height:115px; overflow:hidden; background:url(/images/k_list_icon.gif) 0 -390px no-repeat; } #talk_image .hd, #talk_image .bd { width:660px; margin:10 auto; } a.del, a.mod { position:relative; ; vertical-align:middle; width:26px; height:15px; display:inline-block; background:url(/images/k_list_icon.gif) 0 0 no-repeat; } a.del span, a.mod span { display:none; } a.del { background-position:0 0; } a.mod { background-position:-29px 0; } .talk_list .bd ul { width:700px; margin:20px 0 0 17px; ; border-bottom:1px solid #d4d4d4; border-top:2px solid #d4d4d4; } .talk_list .bd ul li { clear:both; zoom:1; border-top:1px solid #eee; padding:10px 0 10px 0; } .talk_list .bd ul li.first { border-top:0; } .talk_list .bd ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .talk_list .bd ul li .img { float:left; width:110px; color:#497bb6; font-size:11px; font-weight:bold; } .talk_list .bd ul li dl dt { float:left; padding:5px 0 0 7px; } .talk_list .bd ul li dl dd { float:right; margin:5px 2px 0 0; } .talk_list .bd ul li dl dd em { display:block; text-align:right; font:11px 돋움,dotum,arial; color:#f62368; } .talk_list .bd ul li dl dd em a { text-decoration:underline; color:#666; } .talk_list .bd ul li dl dd span { color:#aaa; font:9px Tahoma,dotum,arial; } .talk_list .bd ul li dl dd em var { font-weight:bold; color:#f62368; padding:0 0 0 3px; } .sub2 #talk-search { margin:0 19px 0 17px; } .sub2 #talk-search .bd ul { width:auto; margin:20px 0 0 0; } #talk-search .hd { height:10px; position:relative; margin-top:20px; clear:both; zoom:1; margin-bottom:-10px; } #talk-search .hd:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #talk-search .hd ul { position:absolute; left:1px; top:-4px; .top:12px; } #talk-search .hd ul li { float:left; margin-right:2px; line-height:2.2; } #talk-search .hd ul li a { text-align:center; background:url(/images/k_list_icon.gif) -83px -629px no-repeat; display:block; width:80px; height:27px; font-weight:bold; } #talk-search .hd ul li a:hover { text-decoration:none; } #talk-search .hd ul li.select a { background-position:0 -629px; color:#f62368; } #talk-search .hd p { position:absolute; right:0; top:0; } #talk-search .hd p a span { color:#000; } #talk-search .hd p a { color:#888; font:11px 돋움,dotum,arial; } #talk-search .bd ul li dl dt { width:450px; } #talk-search .bd ul li { padding-left:21px; } #talk-search .bd ul li .img img { width:38px; height:38px; margin-right:4px; border:1px solid #ddd; } #talk_list .bd ul li img { float:left; width:53px; height:40px; } #talk_list .bd ul li { padding:10px 0 10px 0; } #talk_list .bd ul li dl dt { width:500px; } .list ul { width:700px; margin:20px 0 0 17px; ; border-bottom:1px solid #d4d4d4; border-top:2px solid #d4d4d4; } .list ul li { clear:both; zoom:1; border-top:1px solid #eee; padding:10px 0 10px 0; } .list ul li.first { border-top:0; } .list ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .list ul li img { display:block; float:left; width:53px; height:40px; } .list ul li dl dt { float:left; width:500px; padding:5px 0 0 7px; } .list ul li dl dd { float:right; margin:5px 2px 0 0; text-align:right; } .list ul li dl dd span { display:block; color:#333; } .list ul li dl dd span a { text-decoration:underline; } .list ul li dl dd em { color:#888; text-align:right; } #sub-point-ranking { position:relative; margin-bottom:20px; } #sub-point-ranking .hd { position:relative; } #sub-point-ranking .hd ul { position:absolute; top:0; right:0; } #sub-point-ranking .hd li { float:left; font-size:11px; letter-spacing:-1px; } #talk_photolist { position:relative; z-index:1; width:699px; margin:10px 0 27px 17px; height:80px; overflow:hidden; background:url(/images/k_list_icon.gif) 0 -518px no-repeat; } #talk_photolist .bd { padding:20px 23px; } #talk_photolist .bd ul { width:660px; overflow:hidden; height:45px; } #talk_photolist .bd ul li { float:left; margin-right:6px; } #talk_photolist .bd ul li img { width:60px; height:45px; } #talk_photolist .ft a { z-index:1; position:absolute; top:35px; background:url(/images/k_list_icon.gif) 0 -608px no-repeat; display:inline-block; width:9px; height:15px; } #talk_photolist .ft a.back { left:6px; background-position:0 -608px; } #talk_photolist .ft a.next { right:6px; background-position:-12px -608px; } .blog_info { border:1px solid #e1e0dd; background:#fefbef; padding:14px 0 10px 0; } .blog_info .ft { width:202px; margin-left:10px; } .blog_info .ft ul { overflow:auto; } .blog_info .ft ul li { width:66px; float:left; background:url(/images/k_list_icon.gif) 0 -260px no-repeat; height:19px; text-align:center; border-left:1px solid #e1e0dd; } .blog_info .ft ul li.first { border-left:0; } .blog_info .ft ul li.total { background-position:-525px -260px; } .blog_info .ft ul li.point { background-position:-190px -260px; } .blog_info .ft ul li.coin { background-position:-75px -260px; } .blog_info .ft ul li.fan { background-position:-648px -260px; } .blog_info .ft ul li var { color:#000; font:11px Tahoma,dotum,arial; } #my_blog_info { width:210px; margin:0 auto; margin-bottom:4px; } #my_blog_info .hd, #my_blog_info .bd { width:180px; margin-left:14px; } #my_blog_info .hd { border-bottom:0; zoom:1; } #my_blog_info .hd:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #my_blog_info .hd img { float:left; width:38px; height:38px; border:1px solid #ddd; margin-right:9px; } #my_blog_info .hd span { font:11px 돋움,dotum,arial; letter-spacing:-1px; } #my_blog_info .hd span strong { display:block; font:bold 16px 돋움,dotum,arial; color:#000; line-height:1.3; } #my_blog_info .bd { overflow:auto; border:1px solid #ddd; background:#fff; margin-top:5px; margin-bottom:10px; } #my_blog_info .bd dl { float:left; width:69px; padding:5px 13px 8px 7px; } #my_blog_info .bd dl#visit { border-right:1px solid #f1f1f1; } #my_blog_info .bd dl dt { font:bold 11px 돋움,dotum,arial; color:#444; text-align:center; line-height:1.35; } #my_blog_info .bd dl dd { font:11px Tahoma,dotum,arial; zoom:1; overflow:hidden; padding:3px 0 0 0; } #my_blog_info .bd dl dd:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #my_blog_info .bd dl dd span { float:left; } #my_blog_info .bd dl dd var { color:#f62368; float:right; width:30px; text-align:right; } #my_blog_info .ft ul li { padding:42px 0 10px 0; } #blog_info { position:absolute; right:8px; top:5px; padding:5px 0 5px 0; z-index:0; } #blog_info .ft ul li { padding:40px 0 0 0; height:16px; } .talk .blog_info { padding:10px 0 18px 0 !important; } .talk .blog_info .ft ul li { padding:40px 0 5px 0; } #fan_make { width:215px; position:absolute; right:8px; bottom:7px; _bottom:6px; top: 77px; } #fan_make p { background:url(/images/k_list_icon.gif) -62px -186px no-repeat; height:20px; padding:3px 0 0 10px; color:#fff; font:11px 돋움,dotum,arial; letter-spacing:-1px; line-height:1.3; display:block; } #fan_make p a { color:#fff; font:11px 돋움,dotum,arial; letter-spacing:-1px; line-height:1.3; display:block; } #fan_make p a:hover { text-decoration:none; } #fan_make p strong { } #fan_make p span { text-decoration:underline; } #my_story { border-bottom:1px solid #eee; margin:0 17px 20px 17px; } #my_story h3 { background-position:0 -54px; } #my_story .bd { margin-top:10px; } #my_story .bd ul li { padding:0 0 14px 0; zoom:1; } #my_story .bd ul li:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #my_story .bd ul li img { float:left; width:53px; height:40px; } #my_story .bd ul li dl { float:right; width:118px; padding:5px 8px 0 0; } #my_story .bd ul li dl dt { font:12px 돋움,dotum,arial; line-height:1.55; } #my_story .bd ul li dl dd { color:#aaa; font:9px Tahoma,dotum,arial; } #story_scrap { border-bottom:1px solid #eee; margin:0 17px 20px 17px; } #story_scrap h3 { background-position:0 -90px;} #story_scrap .bd { margin-top:10px; } #story_scrap .bd ul li { padding:0 0 14px 0; zoom:1; } #story_scrap .bd ul li:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #story_scrap .bd ul li img { float:left; width:38px; height:38px; border:1px solid #ddd; } #story_scrap .bd ul li dl { float:right; width:133px; padding:5px 8px 0 0; } #story_scrap .bd ul li dl dt { font:12px 돋움,dotum,arial; line-height:1.55; } #story_scrap .bd ul li dl dd { color:#aaa; font:11px Tahoma,dotum,arial; } #story_coin { margin:0 17px 20px 17px; } #story_coin .bd { margin-top:10px; } #story_coin .bd p { background:url(/images/u_bullet.gif) 0 -662px no-repeat; zoom:1; margin:0 0 10px 6px; padding:0 0 0 40px; } #story_coin .bd p:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #story_coin .bd p span, #story_coin .bd p strong { display:block; float:left; } #story_coin .bd p strong { color:#f62368; font:22px arial, 돋움,dotum; line-height:1.0; } #story_coin .bd p span { font:11px Tahoma,dotum,arial; padding:0 0 0 3px; } #story_coin .bd p span var { color:#333; font-weight:bold; } #story_coin .bd ul { border-bottom:1px solid #eee; border-top:1px solid #eee; } #story_coin .bd ul li { padding:7px 0 7px 0; zoom:1; font:11px 돋움,dotum,arial; } #story_coin .bd ul li:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #story_coin .bd ul li img { float:left; width:38px; height:38px; border:1px solid #ddd; } #story_coin .bd ul li span { float:left; display:block; line-height:1.5; color:#888; width:108px; padding-left:10px; word-wrap:break-word; word-break:break-all; } #story_coin .bd ul li span strong { color:#666; font-weight:bold; } #story_coin .bd ul li span var { font:11px Tahoma,dotum,arial; color:#f62368; } #last_talk { margin:0 17px 20px 17px; position:relative; zoom:1; } #last_talk h3 { background-position:0 -36px; } #last_talk .bd ul li { padding:0 0 8px; border-bottom:1px solid #eee; zoom:1; } #last_talk .bd ul li dl { padding:5px 8px 0 0; } #last_talk .bd ul li dl dt { font:12px 돋움,dotum,arial; line-height:1.35; } #last_talk .bd ul li dl dd { color:#aaa; font:11px Tahoma,dotum,arial; } #last_talk .ft { position:absolute; right:4px; top:2px; } #last_talk .ft a { background:url(/images/k_list_icon.gif) -62px -215px no-repeat; display:block; width:26px; height:7px; } #last_talk .ft a span { display:none; } .contents_tab { width:699px; margin:0 auto; padding:10px 0 0 0; } .contents_tab .hd { height:41px; position:relative; background:url(/images/k_list_icon.gif) 0 -926px no-repeat; zoom:1; } .contents_tab .hd:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .contents_tab .hd ul { padding:13px 0 0 10px; position:relative; zoom:1; overflow:auto; } .contents_tab .hd ul li { float:left; padding-left:17px; } .contents_tab .hd ul li span { background:url(/images/k_list_icon.gif) right -776px no-repeat; padding:0 15px 0 0; text-align:right; cursor:pointer; font:12px 돋움,dotum,arial; } .contents_tab .hd ul li span.a { background-position:right -776px; } .contents_tab .hd ul li span.b { background-position:right -803px; } .contents_tab .hd ul li span.c { background-position:right -831px; } .contents_tab .hd ul li span.d { background-position:right -861px; } .contents_tab .hd ul li span.e { background-position:right -888px; } .contents_tab .hd ul li.on span { color:#f82268; } .contents_tab .hd ul li.on span.a { background-position:right -659px; } .contents_tab .hd ul li.on span.b { background-position:right -680px; } .contents_tab .hd ul li.on span.c { background-position:right -702px; } .contents_tab .hd ul li.on span.d { background-position:right -727px; } .contents_tab .hd ul li.on span.e { background-position:right -752px; } .contents_tab .hd p { position:absolute; right:10px; top:9px; width:95px; } .contents_tab .hd p span { line-height:0; font-size:0; text-indent:-9999px; display:block; width:73px; height:9px; background:url(/images/k_list_icon.gif) 0 -714px no-repeat; margin-bottom:5px; _margin-bottom:2px; } .contents_tab .hd p * { vertical-align:top; } .contents_tab .hd p em { color:#f62368; font:bold 11px Tahoma,dotum,arial; margin-top:-4px; display:inline-block; } .contents_tab .bd { padding:15px 15px; position:relative; background:url(/images/k_contents_tab.gif) 0 bottom no-repeat; } .contents_tab .bd em.bar { position:absolute; top:-8px; background:url(/images/k_contents_tabbar.gif) 0 0 no-repeat; display:block; width:13px; height:8px; } .contents_tab #info em.bar { left:39px; } .contents_tab #copy em.bar { left:100px; } .contents_tab #recom em.bar { left:178px; } .contents_tab #scrap em.bar { left:263px; } .contents_tab #sponsor em.bar { left:347px; } .contents_tab .bd dl { } .contents_tab .bd * { vertical-align:middle; } .contents_tab .bd img.thumbnail {width:90px;margin-right:6px;border:2px solid #ccc;float:left;} .contents_tab .bd dl dt { color:#343434; font:bold 12px 돋움,dotum,arial; padding:0 0 4px 0; } .contents_tab .bd dl dd { line-height:1.4; padding:0 0 15px 0; } .contents_tab .bd p.tag { background:url(/images/u_bullet.gif) 0 -702px no-repeat; padding:0 0 0 28px; font:11px 돋움,dotum,arial; letter-spacing:-1px; color:#9a9a9a; margin: 10px 0 0 3px;} .contents_tab .bd p.tag span { display:none; } .contents_tab .bd span.tle { color:#333; display:inline-block; padding:0 0 5px 0; line-height:1.5; font:12px 돋움,dotum,arial; } .contents_tab .bd span.tle strong { color:#f72469; font-weight:normal; vertical-align:0px; } .contents_tab .bd a.btn { display:inline-block; height:21px; background:url(/images/k_list_icon.gif) 0 -729px no-repeat; } .contents_tab .bd a.btn span { display:none; } .contents_tab #copy div.copy { position:relative; padding:0 0 5px 0; width:668px; } .contents_tab #copy div.copy * { vertical-align:middle; } .contents_tab #copy div.copy span { color:#333; font:bold 11px 돋움,dotum,arial; background:url(/images/k_list_icon.gif) -28px -605px no-repeat; padding:0 0 0 8px; } .contents_tab #copy div.copy span.play { font-weight:normal; font:normal 11px 돋움,dotum,arial; letter-spacing:-1px; } .contents_tab #copy div.copy input { width:559px; } .contents_tab #copy div.copy a.btn { position:absolute; top:0; right:12px; } .contents_tab #copy div.copy a { width:36px; background-position:-193px -729px; } .contents_tab #copy div.copy a.play { top:20px} .contents_tab #copy div.copy a.copy { width:36px; background-position:-102px -729px; } .contents_tab #copy div.copy div { border:1px solid #cecece; background:#fff; width:602px; margin:5px 0 0 10px; } .contents_tab #copy div.copy ul { zoom:1; width:485px; padding:0 0 10px 20px; } .contents_tab #copy div.copy ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } .contents_tab #copy div.copy ul li { float:left; margin-right:18px; padding-top:8px; } .contents_tab #copy div.copy ul li * { vertical-align:top; } .contents_tab #copy div.copy a.copy { width:36px; background-position:-102px -729px; } #contents_tab #recom a.btn { width:36px; background-position:-102px -729px; vertical-align:-5px; margin-left:5px; } #contents_tab #recom span.tle { color:#676767; } #contents_tab #scrap fieldset * { vertical-align:middle; } #contents_tab #scrap fieldset input { width:559px; } #contents_tab #scrap fieldset button { width:47px; height:21px; background:url(/images/k_list_icon.gif) -143px -729px no-repeat; } #contents_tab #sponsor fieldset { border:1px solid #cecece; background:#fff; width:667px; padding:19px 0; text-align:center; } #contents_tab #sponsor fieldset * { vertical-align:middle; } #contents_tab #sponsor fieldset input.tx { width:80px; color:#f72469; font:bold 12px 돋움,dotum,arial; text-align:center; } #contents_tab #sponsor .chk { border:0; padding:0; margin-left:49px; } #contents_tab #sponsor label { margin-right:19px; } #contents_tab #sponsor fieldset em { color:#333; font-weight:bold; } #contents_tab #sponsor fieldset a.payment { width:59px; background-position:0 -729px; } #contents_tab #sponsor fieldset a.sponsor { width:36px; background-position:-62px -729px; } /*kks*/ #recom a.btn { width:36px; background-position:-102px -729px; vertical-align:-5px; margin-left:5px; } #recom span.tle { color:#676767; } #scrap fieldset * { vertical-align:middle; } #scrap fieldset input { width:559px; } #scrap fieldset button { width:47px; height:21px; background:url(/images/k_list_icon.gif) -143px -729px no-repeat; } #sponsor fieldset { border:1px solid #cecece; background:#fff; width:667px; padding:19px 0; text-align:center; } #sponsor fieldset * { vertical-align:middle; } #sponsor fieldset input.tx { width:80px; color:#f72469; font:bold 12px 돋움,dotum,arial; text-align:center; } #sponsor .chk { border:0; padding:0; margin-left:49px; } #sponsor label { margin-right:19px; } #sponsor fieldset em { color:#333; font-weight:bold; } #sponsor fieldset a.payment { width:59px; background-position:0 -729px; } #sponsor fieldset a.sponsor { width:36px; background-position:-62px -729px; } #reply { width:699px; margin:0 auto; padding:20px 0 0 0;} #reply .hd { zoom:1; padding:0 0 10px 0; border-bottom:2px solid #d4d4d4; } #reply .hd:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #reply .hd p { float:left; color:#333; font-weight:bold; font:11px 돋움,dotum,arial; letter-spacing:-1px; } #reply .hd p var { font-weight:normal; font:11px Tahoma,dotum,arial; letter-spacing:0; } #reply .hd span { float:right; color:#888; font:11px 돋움,dotum,arial; letter-spacing:-1px; } #reply .hd span a { color:#888; font:11px 돋움,dotum,arial; letter-spacing:-1px; } #reply .bd { border:1px solid #ddd; border-top:0; background:#f1f1f1; padding:10px 0 20px 0; } #reply .bd ul.reply { width:659px; margin:0 auto; zoom:1;} #reply .bd ul:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #reply .bd img.photo { float:left; width:50px; height:50px; border:1px solid #ddd; } #reply .bd ul.reply li { padding-bottom:10px; zoom:1; } #reply .bd ul.reply li:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #reply .bd span.box { position:relative; float:left; margin-left:12px; display:block; width:592px; border:1px solid #ddd; background:#fff; padding:0 0 5px 0; } #reply .bd span.box em.bar { position:absolute; left:-8px; top:10px; z-inedex:; display:block; height:13px; width:8px; background:url(/images/k_reply.gif) 0 0 no-repeat; } #reply .bd ul.reply span.box dl.re_co { padding:10px 0 5px 15px; width:562px; } #reply .bd ul.reply span.box dl.re_co dt a{ color:#4b7bb5; font:bold 14px 나눔고딕,NanumGothic,맑은 고딕, Malgun Gothic,돋움,dotum,arial; line-height:1.5; } #reply .bd ul.reply span.box dl dd { font:14px 나눔고딕,NanumGothic,맑은 고딕,Malgun Gothic,돋움,dotum,arial; line-height:1.5; word-wrap:break-word;margin:3px 0px 0px 0px;} #reply .bd ul.reply span.box dl dd em { font-size:10px;} #reply .bd ul.reply span.box dl dt em.date a { color:#999; font:10px Tahoma,dotum,arial; } #reply .bd ul.reply span.box dl dd em.date a { color:#999; font:10px Tahoma,dotum,arial; } #reply .bd ul.reply span.box dl dd p.story {background-color:#FCF;padding:4px;border:1px solid #CCC;margin: 4px 0px 4px 0px;font-size:12pt;font-weight:bold;} #reply .bd ul.reply span.box dl.re_co dd span table tbody tr td {font:14px 나눔고딕,NanumGothic,맑은 고딕,Malgun Gothic,돋움,dotum,arial;line-height:1.3; } #reply .bd ul.reply span.box dl.re_co dd p.re { font:11px 돋움,dotum,arial; padding:5px 0 0 0; } #reply .bd ul.reply span.box dl.re_co dd p.re span { cursor:pointer; padding:0 2px 0 0; } #reply .bd ul.reply span.box dl.re_co dd p.re span.on { background:url(/images/k_list_icon.gif) right -639px no-repeat; } #reply .bd ul.reply span.box dl.re_co dd p.re span.off { background:url(/images/k_list_icon.gif) right -625px no-repeat; } #reply .bd ul.reply span.box dl.re_co dd p.re span var { text-decoration:underline; } #reply .bd ul.reply span.box dl.re_co dd p.re span em { color:#f62368; } #reply .bd ul.reply .tag { color:#e76690; letter-spacing:-1px; } /* 5.14추가 */ #reply .bd ul.reply .link { color:#6d44e5; letter-spacing:-1px; } /* 5.14추가 */ .contents_tab a.tag {color:#e76690; letter-spacing:-1px;} .contents_tab a span.link {color:#6d44e5; letter-spacing:-1px;} #reply .bd fieldset { padding:0 0 10px 20px; } #reply .bd .reply_input fieldset * { vertical-align:middle; } #reply .bd .reply_input fieldset input { border:1px solid #d4d4d4; width:514px; height:15px; padding:5px 0 0 0; } #reply .bd .reply_input fieldset button { width:36px; height:21px; background:url(/images/k_list_icon.gif) -246px -629px no-repeat; } #reply .bd ul.reply span.box .reply_input ul { padding:0 0 10px 20px; margin-top:-10px; } #reply .bd ul.reply span.box .reply_input ul li { zoom:1; padding-top:15px; padding-bottom:0; } #reply .bd ul.reply span.box .reply_input ul li:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #reply .bd ul.reply span.box .reply_input ul li dl { float:left; padding:0 0 0 10px; width:500px; } #reply .bd ul.reply span.box .reply_input ul li dl dt { font:bold 12px 돋움,dotum,arial; line-height:1.5; } #reply .bd ul.reply span.box .reply_input ul li dl dt em.date { font-size:10px;line-height:1.5; color:#999; font-weight:normal; } #reply .bd .reply_form { width:659px; margin:0 auto; zoom:1; padding:15px 0; } #reply .bd .reply_form:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } #reply .bd .reply_form span.box span { display:block; padding:15px 0 0 20px; line-height:1.5; } #reply .bd .reply_form span.box span em { color:#f62368; } #reply .bd .reply_form fieldset { padding-top:10px; } #reply .bd .reply_form fieldset * { vertical-align:middle; } #reply .bd .reply_form fieldset textarea { border:1px solid #d4d4d4; width:500px; height:53px; padding:5px 0 0 0; } #reply .bd .reply_form fieldset button { width:56px; height:59px; background:url(/images/k_list_icon.gif) -185px -629px no-repeat; } #reply .paginate a, #reply .paginate strong { background-color:#f1f1f1; } div.find { overflow:auto; margin:0 auto; width:960px; padding-bottom:20px; padding-top:10px; } #id_find, #password_find { float:left; width:420px; padding:0 28px; } #id_find { border-right:1px solid #ddd; } div.find h2 { text-indent:-9999px; margin-bottom:16px; font-size:0; display:block; width:191px; height:32px; background:url(/images/k_idpass_search.gif) 0 0 no-repeat; } div.find h3 { text-indent:-9999px; margin-bottom:32px; font-size:0; display:block; width:400px; height:32px; background:url(/images/k_idpass_search.gif) 0 -93px no-repeat; } div.find fieldset { border:1px solid #ededed; background:#f5f5f5; width:380px; padding:20px; height:120px; _height:130px; overflow:hidden; } div.find fieldset input { width:320px; } div.find fieldset button { width:36px; height:21px; background:url(/images/k_idpass_search.gif) 0 -196px no-repeat; } div.find fieldset * { vertical-align:middle; } div.find fieldset p { padding-top:40px; zoom:1; } div.find fieldset p span { float:left; display:block; height:64px;} div.find fieldset p span.a { margin-right:10px; border:1px solid #cecece; padding:3px 0; background:#fff; text-align:center; width:155px; height:56px;} div.find fieldset p span.a img { vertical-align:top; } div.find fieldset p span.b { padding-top:8px; } div.find fieldset p span.b a { display:block; margin-bottom:21px; _margin-bottom:15px; text-decoration:underline; font:11px 돋움,dotum,arial; letter-spacing:-1px; } *:first-child+html div.find fieldset p span.b a { margin-bottom:17px; } div.find fieldset p span.b input { width:153px; } #password_find h2 { background-position:0 -44px; } #password_find h3 { background-position:0 -137px; } #password_find fieldset { text-align:center; } #password_find fieldset span { display:block; padding:40px 0; } #login_box { zoom:1; position:absolute; right:2px; top:7px; width:220px; z-index:100; background:#fff; overflow:hidden; } #login_box .hd { width:220px; height:33px; background:url(/images/k_loginbox.gif) 0 0 no-repeat; } #login_box .hd p a.close { background:url(/images/k_loginbox.gif) -74px -45px no-repeat; float:right; margin:7px 8px 0 0; width:13px; height:13px; display:block; } #login_box .hd p a.close span { display:none; } #login_box .bd { position:relative; overflow:auto; border:1px solid #f62368; border-top:0; padding:0 0 11px 0; _padding:0 0 9px 0; } *:first-child+html #login_box .bd { padding:0 0 5px 0; } #login_box .bd fieldset { width:200px; margin:0 auto; } #login_box .bd fieldset * { vertical-align:middle; } #login_box .bd fieldset input { margin-bottom:3px; } #login_box .bd fieldset input.tx { width:115px; height:11px; _height:7px; } *:first-child+html #login_box .bd fieldset input.tx { height:7px; } #login_box .bd fieldset input.chk { border:0; padding:0; } #login_box .bd fieldset button { width:62px; height:45px; background:url(/images/k_loginbox.gif) 0 -45px no-repeat; position:absolute; right:6px; top:0; } #login_box .bd fieldset p { padding:5px 0 0 0; _padding:0 0 0 0; font:11px 돋움,dotum,arial; letter-spacing:-1px; } #login_box .bd fieldset p label { padding-right:10px; } #login_box .bd fieldset p a { background:url(/images/k_loginbox.gif) -74px -69px no-repeat; font:11px 돋움,dotum,arial; letter-spacing:-1px; padding-left:10px; } .company { background:#dfdfdf url(/images/k_sub_hd.png) 0 0 repeat-x; } .company #hd { position:relative; z-index:1; } .company .content_wrap { float:left; width:735px; background:#fff url(/images/k_sub1_bd.png) -962px 0 repeat-y; } .company .content_wrap .hdbg { height:6px; margin-bottom:11px; background:url(/images/k_sub1_bd.png) 0 0 no-repeat; font-size:0; } .company .content_wrap .ftbg { clear:both; height:8px; margin-top:44px; background:url(/images/k_sub1_bd.png) -1924px bottom no-repeat; } .company .side_wrap { float:left; width:222px; background:url(/images/k_sub1_bd.png) -1702px 0 repeat-y; } .company .side_wrap .hdbg { height:6px; margin-bottom:5px; background:url(/images/k_sub1_bd.png) -740px 0 no-repeat; font-size:0; } .company .side_wrap .ftbg { clear:both; height:8px; background:url(/images/k_sub1_bd.png) -2659px bottom no-repeat; } .company #hd { height:49px; } .company #navigation { float:left; } ul#com_navi { margin:11px 19px; zoom:1; } ul#com_navi:after { content: "."; clear:both; display:block; height:0; visibility:hidden; } ul#com_navi li a { float:left; display:block; height:13px; background:url(/images/k_company.gif) 0 0 no-repeat; } ul#com_navi li a span { position:relative; z-index:-1; } ul#com_navi li a:hover { text-decoration:none; } ul#com_navi li a.a { background-position:0 0; width:60px; } ul#com_navi li a.b { background-position:-88px 0; width:73px; } ul#com_navi li a.c { background-position:-187px 0; width:61px; } ul#com_navi li a.d { background-position:-275px 0; width:57px; } ul#com_navi li a.e { background-position:-359px 0; width:61px; } ul#com_navi li a.a:hover { background-position:0 -20px; width:60px; } ul#com_navi li a.b:hover { background-position:-88px -20px; } ul#com_navi li a.c:hover { background-position:-187px -20px; } ul#com_navi li a.d:hover { background-position:-275px -20px; } ul#com_navi li a.e:hover { background-position:-359px -20px; } ul#com_navi li.on a.a { background-position:0 -20px; width:60px; } ul#com_navi li.on a.b { background-position:-88px -20px; } ul#com_navi li.on a.c { background-position:-187px -20px; } ul#com_navi li.on a.d { background-position:-275px -20px; } ul#com_navi li.on a.e { background-position:-359px -20px; } ul#com_navi li { float:left; margin-right:18px; } #com_menu { width:146px; margin:0 auto; padding:5px 0 14px 0; } #com_menu h2 { display:block; text-indent:-9999px; background:url(/images/k_company.gif) 0 -80px no-repeat; height:17px; width:60px; font-size:0; margin-left:2px; } #com_menu ul { border-top:2px solid #ccc; margin-top:9px; padding-top:1px; } #com_menu ul li { border-bottom:1px solid #eee; padding:7px 11px; } #com_menu ul li a { display:block; background:url(/images/k_company.gif) 0 -47px no-repeat; padding-left:12px; } #com_intro { text-align:center; width:700px; margin:0 auto; font:12px 돋움,dotum,arial; } .fblike {width:98%;margin:10px auto 0 auto;padding:5px;border:1px solid #ccc;background-color:#FFF;clear:both;} .fblike li {margin:3px;} /* 회원가입 5/18 */ #membership .cfx .join_li { color:#666666; font-size:13px; font-weight:bold; } #membership .cfx .profile_input { width:380px; } #membership .cfx .profile_input input { width:300px; background-color:#E6E6E6 ; font-size:14px; padding: 3px 8px 3px 30px; .width:362px; .padding: 3px 8px 3px 10px; } /**/body #membership .cfx .profile_input input { background-color:#E6E6E6 ; font-size:14px; width:380px; padding: 3px 8px 3px 10px; } #membership dd#agree textarea { width:373px; height:250px; padding: 4px 4px; overflow-x:hidden; } #membership #agree .agree_ok { margin-left:247px; margin:0; padding:0;} #membership #agree .agree_ok input {vertical-align:middle; width:15px; border:0px; margin:1px;} /* skin */ #skin_01 { background-image:url(/images/skin_01.png); background-color:#ececec; background-repeat:no-repeat; background-position:0% 100%; background-attachment:fixed; } #skin_02 { background-image:url(/images/skin_02.png); background-color:#ececec; background-repeat:no-repeat; background-position:0% 100%; background-attachment:fixed; } #skin_03 { background-image:url(/images/skin_03.png); background-color:#141414; background-repeat:no-repeat; background-position:0% 0%; } #skin_04 { background-image:url(/images/skin_04.png); background-color:#000; background-repeat:no-repeat; background-position:-3% 100%; background-attachment:fixed; } #skin_05 { background-image:url(/images/skin_05.png); background-color:#000; background-repeat:no-repeat; background-position:0% 5%; } #skin_06 { background-image:url(/images/skin_06.png); background-color:#000; background-repeat:no-repeat; background-position:-10% 100%; background-attachment:fixed; } #skin_07 { background-image:url(/images/skin_07.png); background-color:#fff; background-repeat:no-repeat; background-position:0% 100%; background-attachment:fixed; } #skin_08 { background-image:url(/images/skin_08.png); background-color:#012f2c; background-repeat:no-repeat; background-position:0% 0%; background-attachment:fixed; } #skin_09 { background-image:url(/images/skin_09.jpg); background-color:#082f00; background-repeat:no-repeat; background-position:0% 0%; } #skin_10 { background-image:url(/images/skin_10.jpg); background-color:#000; background-repeat:repeat-x; background-position:0% 0%; } #skin_11 { background-image:url(/images/skin_11.jpg); background-color:#388235; background-repeat:repeat-x; background-position:0% 0% } #skin_12 { background-image:url(/images/skin_12.jpg); background-color:#fff; background-repeat:no-repeat; background-position:0% 0%; background-attachment:fixed; } #skin_13 { background-image:url(/images/skin_13.jpg); background-color:#2e2526; background-repeat:repeat-x; background-position:0% 0%; } #skin_14 { background-image:url(/images/skin_14.jpg); background-color:#38682c; background-repeat:no-repeat; background-position:0% 15%; } #skin_15 { background-image:url(/images/skin_15.png); background-repeat:repeat-x; background-position:0% 0%; } #skin_16 { } #skin_17 { } #skin_18 { } #skin_19 { } #skin_20 { } #skin_21 { } .appstore a img {margin-top:-10px;} .leftline {border-left:1px solid #EEE;padding-left:10px;margin-left:3px;}