@charset 'utf-8'; /* common */ body{} header,nav,section,aside,footer,article,figure,figcaption{display:block;} h1,h2,h3,h4,h5{margin:0;} p{margin:0;padding:0;} img{border:0;} dl,dt,dd,ol,ul,li{margin:0;padding:0;} em{font-style:normal;} table{border-collapse:collapse;} .pointer{cursor:hand;cursor:pointer;} /* 문서 링크 컬러 */ section article a, section article a:link, section article a:visited{color:#d26919;} section a, section a:link, section a:active{text-decoration:none;} section a:hover{text-decoration:underline;} .wrap-footer{margin-top:0!important;} /* layout */ .contents{padding-top:25px;} .contents article{font-size:13px;color:#444;} .contents header{position:relative;} .contents header:after{content:"";display:block;clear:both;} .contents article header menu{float:left;display:inline;font-size:11px;width:40px;height:27px;overflow:hidden;padding:3px 3px 3px 2px;margin:0 0 0 7px;color:#ccc;border:1px solid #fff;background-color:#fff;z-index:999;white-space:nowrap;word-break:nowrap;word-break:nowrap;text-align:left;line-height:26px_;}/*-moz-border-radius:6px;border-radius:6px;*/ .contents article header menu.on{border:1px solid #c1cacf;} .contents article header menu a{display:inline-block;height:12px;vertical-align:top;padding:1px 0 0 18px;border-left:1px solid #ddd;margin:6px 4px 0 0;color:#467388;line-height:1.0;background:url('/powerbook/bs1/img/ico_edit_v1.gif') no-repeat;} .contents article header menu .edit{background-position:7px 0px;border-left-color:#fff;} .contents article header menu .add{background-position:7px -28px;} .contents article header menu .up{background-position:7px -57px;} .contents article header menu .down{background-position:7px -87px;} .contents article header menu .del{background-position:7px -118px;} .contents article header menu .up, .contents article header menu .down, .contents article header menu .del{width:15px;padding:0;text-indent:-100em;overflow:hidden;} .contents article header menu .only{border-left-color:#fff;} .contents article.wrap_summary header menu{} #content article header span{display:none;text-indent:-100em;overflow:hidden;} #content article header h1 span{display:inline;border:1px solid transparent;height:0;} #content article header p{padding:2px 0 10px 0;} #content .wrap_h1{min-height:38px;border-bottom:2px solid #776b6b;padding-bottom:10px;} #content .wrap_h2{min-height:23px;border-bottom:1px solid #e6e3e4;padding-bottom:10px;overflow:show;} #content h1, #content h2{float:left;margin:0;color:#333;} article h1, article h2, .wrap_h1 h1{text-indent:0 !important;} #content h1{display:inline;max-width:450px;font-size:26px;line-height:32px;text-align:left;} #content h2{font-size:22px;line-height:26px;} #pc .wrap_doc h1{font-size:26px !important;line-height:26px important;} .wrap_doc .wrap_h2 h2{max-width:520px;} .wrap_editor .wrap_h1{width:850px;} .wrap_editor .wrap_h1 h1 strong{} .contents article{padding-top:70px;} .contents article.wrap_summary{margin-top:0;padding-top:0;padding-bottom:0px;} .contents article.wrap_summary footer{display:block;clear:both;} .contents article section{clear:both;color:#444;padding:10px 0;} .contents article section:after{content:"";display:block;clear:both;} .contents article footer{} #ingame{overflow:hidden;} #ingame body{overflow:hidden;font-size:13px;background:none;background-color:fafafa;} #ingame *{} #ingame #wrap_container{width:100%;min-width:400px;background:#fff url('/powerbook/bs1/img/g_body_bg.gif') repeat-y left top;} #ingame #container{box-sizing:border-box;position:static;width:417px;height:583px;min-height:583px;overflow:auto;overflow-x:hidden;margin:0;padding-bottom:10px !important;z-index:2;background:url('/powerbook/bs1/img/g_bg_b.gif') no-repeat left bottom;} #ingame .wrap_doc{width:400px;min-width:370px;padding:10px 15px;font-size: 13px;background: transparent url(/powerbook/bs1/img/g_header.gif) scroll no-repeat 0px -29px;} #ingame input{outline-style:none;} #ingame .contents table{font-size:13px !important;} #ingame #rightSide{display:none;} #ingame article header menu{display:none !important;} #ingame .wrap_doc h1, #ingame .wrap_doc h2{} #ingame .wrap_doc .wrap_h1{height:39px;padding:5px 0;margin-bottom:10px;} #ingame .wrap_doc .wrap_h2{height:auto;margin-bottom:10px;padding-bottom:5px;overflow:hidden;} #ingame #content h1{font-size:15px;} #ingame .wrap_doc h1{font-size:15px !important;} #ingame .wrap_doc h2{font-size:13px !important;} #ingame #header{width:100%;height:auto;margin:0;background:url('/powerbook/bs1/img/g_header.gif') #3d4d64 no-repeat right top;z-index:1;} #ingame #header #toolbar{box-sizing:border-box;width:200px;height:28px;margin:0;padding:7px 0 0 12px;overflow:hidden;background:url('/powerbook/bs1/img/g_header.gif') no-repeat;} #ingame #header #toolbar li{float:left;margin-right:6px;width:16px;height:17px;text-indent:-9999px;font-size:0;cursor:hand;cursor:pointer;} #ingame #content article{line-height:18px;margin-bottom:20px !important;padding-top:0 !important;} #ingame .wrap_doc article section{display:block;} #ingame ::-webkit-scrollbar{width:15px;background:url('/powerbook/bs1/img/vertical-button-background.gif') repeat-y;} #ingame ::-webkit-scrollbar-thumb{min-height:29px;border:1px solid #b6b9c0;background:url('/powerbook/bs1/img/vertical-thumb.gif') #f1f4f3 no-repeat center center;} #ingame ::-webkit-scrollbar-button{width:13px;height:15px;border:1px solid #b6b9c0;background-color:#f1f1f1;} #ingame ::-webkit-scrollbar-button:vertical:decrement{background:url('/powerbook/bs1/img/vertical-decrement-arrow.gif') no-repeat 2px 3px 0 0;} #ingame ::-webkit-scrollbar-button:vertical:increment{background:url('/powerbook/bs1/img/vertical-increment-arrow.gif') no-repeat 2px 5px 0 0;} /* 인게임 내용 열기 #ingame .wrap_doc article .wrap_h2{cursor:pointer;} #ingame .wrap_doc article .wrap_h2:hover *{color:#457285 !important;} #ingame .wrap_doc article .h2_on:hover *{color:#457285 !important;} #ingame .wrap_doc article .wrap_h2 span{display:block !important;text-indent:0;float:right;font-size:11px;color:#63758b !important;padding-right:8px;background:url('/powerbook/bs1/img/g_toggle.gif') no-repeat right 6px;} #ingame .wrap_doc article .h2_on span{background-position:right -44px;} #ingame .wrap_doc article section{display:none;} #ingame .wrap_doc article.wrap_summary section{display:block !important;} #ingame .wrap_doc article .object section{display:block !important;} #ingame .wrap_doc article section.on{display:block !important;} */ /* 메인 초보자가이드 */ .wrap_guide{} #pc .contents .wrap_guide{clear:both;height:128px;overflow:hidden;margin:10px 0 35px 0;background:url('/powerbook/bs1/img/power_guide_v4.jpg') no-repeat;} #pc .contents .wrap_guide header{display:none;} #pc .contents .wrap_guide ul{list-style:none;} #pc .contents .wrap_guide li{float:left;width:133px;height:139px;} #pc .contents .wrap_guide li a{display:block;width:100%;height:100%;font-size:0;text-indent:-10000px;overflow:hidden;} .wrap_guide a span{display:none;} #ingame .wrap_guide{clear:both;} #ingame .wrap_guide header{height:26px;padding:8px 0 0 10px;border-bottom:1px solid #dbdbdb;background:url('/powerbook/bs1/img/g_main.gif') no-repeat left -50px;} #ingame .wrap_guide header h2{display:block;font-size:14px;} #ingame .wrap_guide ul{width:390px;height:128px;list-style:none;margin:12px 0 8px 0;padding:0;background:url('/powerbook/bs1/img/power_g_guide_v4.jpg') no-repeat 9px 0px;} #ingame .wrap_guide li{float:left;width:118px;height:60px;margin:0 0 8px 9px;padding:0 !important;} #ingame .wrap_guide li.m3, #ingame .wrap_guide li.m6{} #ingame .wrap_guide a{width:100%;height:60px;padding:0;display:block;font-size:0 !important;line-height:0 !important;text-indent:-1000em !important;overflow:hidden;} #tablet .contents .wrap_guide{width:100%;background:none;} #tablet .contents .wrap_guide header{display:none;} #tablet .contents .wrap_guide ul{list-style:none;width:745px;height:130px;margin:0 auto;background-size:745px auto !important;overflow:hidden;background:url('/powerbook/bs1/img/power_guide_v2.jpg') no-repeat;} #tablet .contents .wrap_guide li{float:left;width:133px;height:130px;} #tablet .contents .wrap_guide li.m1{} #tablet .contents .wrap_guide li.m2{} #tablet .contents .wrap_guide li.m3{} #tablet .contents .wrap_guide li.m4{} #tablet .contents .wrap_guide li.m5{} #tablet .contents .wrap_guide li.m6{} #tablet .contents .wrap_guide li a{display:block;width:100%;height:100%;text-indent:-100em;overflow:hidden;} /*피크타임가이드*/ #pc .wrap_peaktime_201607{height:150px;margin:0 0 45px 0;background:url('/powerbook/bs1/img/power_fevertime.png') no-repeat;} #pc .wrap_peaktime_201607 li{float:left;width:99px;height:150px;color:#89898a;text-align:center;background:#eef2f5;} #pc .wrap_peaktime_201607 li.subject{background:url('/powerbook/bs1/img/power_fevertime.png') #eef2f5 no-repeat left 50%;} #pc .wrap_peaktime_201607 li.subject p{padding-top:80px;} #pc .wrap_peaktime_201607 li + li {border-left:1px solid #fff;} #pc .wrap_peaktime_201607 li dl{width:99px;} #pc .wrap_peaktime_201607 li dt, .wrap_peaktime_201607 li dd{clear:both;width:99px;margin:0;padding:0;} #pc .wrap_peaktime_201607 li dt{width:99px;height:27px;border-bottom:1px solid #fff;} #pc .wrap_peaktime_201607 li dt p{display:table-cell;width:99px;height:27px;vertical-align:middle;} #pc .wrap_peaktime_201607 li dd{clear:both;display:table-cell;width:99px;height:82px;line-height:1.2;vertical-align:middle;background:#f3f3f4;} #pc .wrap_peaktime_201607 li dd a{color:#797979;} #pc .wrap_peaktime_201607 li dd p{height:33px;padding-top:7px;border-top:1px solid #fff;} #pc .wrap_peaktime_201607 li dd p.first{height:27px;padding-top:13px;border:0 none;} #pc .wrap_peaktime_201607 li dd p.rows{height:55px;padding-top:25px;} #pc .wrap_peaktime_201607 li dt p{background:url('/powerbook/bs1/img/power_fevertime.png') no-repeat;text-indent:-1000em;overflow:hidden;} #pc .wrap_peaktime_201607 li.mon dt p{background-position:-100px 0px;} #pc .wrap_peaktime_201607 li.tue dt p{background-position:-200px 0px;} #pc .wrap_peaktime_201607 li.wed dt p{background-position:-300px 0px;} #pc .wrap_peaktime_201607 li.thu dt p{background-position:-400px 0px;} #pc .wrap_peaktime_201607 li.fri dt p{background-position:-500px 0px;} #pc .wrap_peaktime_201607 li.sat dt p{background-position:-600px 0px;} #pc .wrap_peaktime_201607 li.sun dt p{background-position:-700px 0px;} #pc .wrap_peaktime_201607 li.today dt p{height:26px;border:1px solid #b0d0f1;border-bottom:0 none;background-color:#d9e1e8;} #pc .wrap_peaktime_201607 li.today dd{width:97px;height:81px;background-color:#dde2e7;border:1px solid #b0d0f1;border-top:0 none;} #mobile .wrap_peaktime_201607{clear:both;height:150px;margin:0 10px 23px 10px;font-size:11px;} #mobile .wrap_peaktime_201607 *{box-sizing:border-box;} #mobile .wrap_peaktime_201607 li{list-style:none;float:left;width:24.9%;height:104px;color:#dbdbdb;text-align:center;font-weight:normal;background:#495472;} #mobile .wrap_peaktime_201607 li.subject{border-bottom:1px solid #57617c;background-size:74px 71px !important;background:url('/powerbook/bs1/img/power_m_fevertime.png') #495472 no-repeat center top;} #mobile .wrap_peaktime_201607 li.subject p{padding-top:48px;} #mobile .wrap_peaktime_201607 li + li {border-left:1px solid #57617c;border-bottom:1px solid #57617c;} #mobile .wrap_peaktime_201607 li.thu{border-left:0 none;} #mobile .wrap_peaktime_201607 li dl{width:100%;} #mobile .wrap_peaktime_201607 li dt, .wrap_peaktime_201607 li dd{clear:both;width:100%;margin:0;padding:0;text-align:center;} #mobile .wrap_peaktime_201607 li dt{width:100%;height:17px;border-bottom:1px solid #57617c;} #mobile .wrap_peaktime_201607 li dt p{display:block;width:100%;height:17px;padding-top:3px;text-align:center;vertical-align:middle;font-size:10px;} #mobile .wrap_peaktime_201607 li dd{clear:both;display:block;height:86px;line-height:1.0;text-align:center;vertical-align:middle;background:#424d6c;} #mobile .wrap_peaktime_201607 li dd a{display:block;width:100%;padding-top:22px;color:#dbdbdb;} #mobile .wrap_peaktime_201607 li dd p{height:30px;padding-top:1px;border-top:1px solid #57617c;} #mobile .wrap_peaktime_201607 li dd p.first{height:27px;padding-top:4px;border-top:0 none;} #mobile .wrap_peaktime_201607 li dd p.rows{height:auto;padding-top:15px;} #mobile .wrap_peaktime_201607 li dd p a{padding-top:4px;} #mobile .wrap_peaktime_201607 li.today dt p{height:16px;background-color:#4f5e88;} #mobile .wrap_peaktime_201607 li.today dd{background-color:#485783;} #ingame .wrap_peaktime_201607{clear:both;height:182px;margin:0 10px 20px 10px;font-size:13px;} #ingame .wrap_peaktime_201607 *{box-sizing:border-box;} #ingame .wrap_peaktime_201607 li{list-style:none;float:left;width:24.3%;height:124px;color:#dbdbdb;text-align:center;font-weight:normal;background:#495472;} #ingame .wrap_peaktime_201607 li.subject{border-bottom:1px solid #58627e;} #ingame .wrap_peaktime_201607 li.subject p{padding-top:60px;background:url('/powerbook/bs1/img/power_g_fevertime.png') #495472 no-repeat left top;} #ingame .wrap_peaktime_201607 li + li {border-left:1px solid #58627e;border-bottom:1px solid #58627e;} #ingame .wrap_peaktime_201607 li.thu{border-left:0 none;} #ingame .wrap_peaktime_201607 li dl{width:100%;} #ingame .wrap_peaktime_201607 li dt, #ingame .wrap_peaktime_201607 li dd{clear:both;width:100%;margin:0;padding:0;text-align:center;} #ingame .wrap_peaktime_201607 li dt{width:100%;height:19px;border-bottom:1px solid #58627e;} #ingame .wrap_peaktime_201607 li dt p{display:block;width:100%;height:19px;padding-top:3px;text-align:center;vertical-align:middle;font-size:11px;} #ingame .wrap_peaktime_201607 li dt p{background:url('/powerbook/bs1/img/power_g_fevertime.png') no-repeat;text-indent:-1000em;overflow:hidden;} #ingame .wrap_peaktime_201607 li.mon dt p{background-position:-93px 0px;} #ingame .wrap_peaktime_201607 li.tue dt p{background-position:-186px 0px;} #ingame .wrap_peaktime_201607 li.wed dt p{background-position:-276px 0px;} #ingame .wrap_peaktime_201607 li.thu dt p{background-position:0px -91px;} #ingame .wrap_peaktime_201607 li.fri dt p{background-position:-93px -91px;} #ingame .wrap_peaktime_201607 li.sat dt p{background-position:-186px -91px;} #ingame .wrap_peaktime_201607 li.sun dt p{background-position:-276px -91px;} #ingame .wrap_peaktime_201607 li dd{clear:both;display:block;height:104px;line-height:1.2;text-align:center;vertical-align:middle;background:#424d6c;} #ingame .wrap_peaktime_201607 li dd a{display:block;width:100%;padding-top:26px;color:#dbdbdb;} #ingame .wrap_peaktime_201607 li dd p{height:35px;padding-top:0px;border-top:1px solid #58627e;} #ingame .wrap_peaktime_201607 li dd p.first{border-top:0 none;} #ingame .wrap_peaktime_201607 li dd p a{padding-top:4px;} #ingame .wrap_peaktime_201607 li dd p.first a{padding-top:11px;} #ingame .wrap_peaktime_201607 li dd p.rows{height:auto;padding-top:15px;} #ingame .wrap_peaktime_201607 li.today dt p{height:18px;background-color:#4f5e88;} #ingame .wrap_peaktime_201607 li.today dd{background-color:#485783;} /* 메인 우측 초보자가이드 */ #rightSide .wrap_guide{clear:both;margin-top:34px;} #rightSide .wrap_guide header{padding:0 0 10px 0;} #rightSide .wrap_guide h2{font-size:13px;color:#444;} #rightSide .wrap_guide{font-size:11px;} #rightSide .wrap_guide header{border:0 none !important;} #rightSide .wrap_guide ul{list-style:none;} #rightSide .wrap_guide ul:after{content:"";display:block;clear:both;} #rightSide .wrap_guide li{float:left;width:113px;margin:0 1px 1px 0;padding:8px 1px 5px 1px;text-align:center;color:#989898;background-color:#f5f5f5;} #rightSide .wrap_guide li:hover{color:#fff;background-color:#9ca6bd;} #rightSide .wrap_guide li a{display:block;width:100%;height:100%;color:#989898;} #rightSide .wrap_guide li:hover a{color:#fff;text-decoration:none;} #rightSide .wrap_guide a span{display:block;} #mobile .wrap_guide{clear:both;margin:0;} #mobile .contents .wrap_guide header{border-bottom:1px solid #dbdbdb;} #mobile .wrap_guide ul{margin:10px 5px 4px 8px;} #mobile .wrap_guide ul:after{content:"";display:block;clear:both;} #mobile .wrap_guide li{float:left;width:33%;min-width:97px;min-height:53px;overflow:hidden;vertical-align:top;padding:0 !important;margin-bottom:4px;} #mobile .wrap_guide li a{display:block;position:relative;width:100%;height:100%;margin:0;padding-top:32px;line-height:1.3;color:#666;text-align:center;vertical-align:bottom;font-size:13px;box-sizing:border-box;-webkit-box-sizaing:border-box;} #mobile .wrap_guide li.m1{background-size:97px 53px !important;background:url('/powerbook/bs1/img/power_m_guide01_v4.jpg') no-repeat center top;} #mobile .wrap_guide li.m2{background-size:97px 53px !important;background:url('/powerbook/bs1/img/power_m_guide02.jpg') no-repeat center top;} #mobile .wrap_guide li.m3{background-size:97px 53px !important;background:url('/powerbook/bs1/img/power_m_guide03.jpg') no-repeat center top;} #mobile .wrap_guide li.m4{background-size:97px 53px !important;background:url('/powerbook/bs1/img/power_m_guide04.jpg') no-repeat center top;} #mobile .wrap_guide li.m5{background-size:97px 53px !important;background:url('/powerbook/bs1/img/power_m_guide05.jpg') no-repeat center top;} #mobile .wrap_guide li.m6{background-size:97px 53px !important;background:url('/powerbook/bs1/img/power_m_guide06.jpg') no-repeat center top;} #mobile .wrap_guide a span{display:block;} #pc #rightSide .wrap_latest , #pc #reside_banner , #pc .wrap_service {margin-left:22px;} /* 우측 최신글 */ #rightSide .wrap_latest {clear:both;margin-top:55px;} #rightSide .wrap_latest header {height:20px;margin-bottom:3px;border-bottom:1px solid #dbdee0;} #rightSide .wrap_latest header h2 {float:left;font-size:13px;color:#879cb4;} #rightSide .wrap_latest header h2 a{color:#879cb4;} #rightSide .wrap_latest header .more{float:right;margin:0px 2px 0 0;padding:0 8px 0 0;font-size:13px;color:#999 !important;background:url('/powerbook/bs1/img/ico_more.gif') no-repeat right 2px;} #rightSide .wrap_latest ul {margin:0; padding:0; list-style:none;} #rightSide .wrap_latest ul li {padding:6px 0 1px 8px;font-size:15px;background:url('/powerbook/bs1/img/bul_dot.gif') 1px 13px no-repeat; overflow:hidden;} #rightSide .wrap_latest ul li a{color:#344050 !important;line-height:1.2;} #rightSide .wrap_latest ul li .editor{margin:0;font-size:13px;color:#879cb4;} #rightSide .wrap_latest ul li .editor a{font-weight:normal;color:#999 !important;} /* 메인 목차 테이블 */ .wrap_index{clear:both;} .wrap_index:after{content:"";display:block;clear:both;} .wrap_index h2{display:none;} .wrap_index table{width:100%;border-collapse:collapse;border-spacing:0;border:0;margin:0;padding:0;} .wrap_index td{width:33.3%;padding:0;vertical-align:top;font-size:14px;font-weight:normal;color:#ccc;background:url('/powerbook/bs1/img/power_main_dot.gif') repeat-y right top;} .wrap_index td:last-child{background:none;} .wrap_index td em{display:flex;align-items:center;height:36px;overflow:hidden;padding-left:18px;color:#fff;font-size:15px;text-shadow: 0px 0px 3px #717d95;background: linear-gradient(to right, #a6b1c3 0%,#99a6ba 100%);background-color:#99a6ba } /*.wrap_index td em{display:block;height:36px;text-indent:-1000em;overflow:hidden;background:url('/powerbook/bs1/img/power_main.gif') no-repeat #9ca6bd left -150px; } .wrap_index .m1 em{background-position:0px -50px;} .wrap_index .m2 em{background-position:-200px -50px;} .wrap_index .m3 em{background-position:-400px -50px;} .wrap_index .m4 em{background-position:-600px -50px;} .wrap_index .m5 em{background-position:0px -86px;} .wrap_index .m6 em{background-position:-200px -86px;} .wrap_index .m7 em{background-position:-400px -86px;} .wrap_index .m8 em{background-position:-600px -86px;}*/ .wrap_index menu{list-style:none;margin:10px 0 20px 20px;padding:0;} .wrap_index menu li{clear:both;width:100%;min-height:15px;padding:5px 0;} .wrap_index .in{padding-left:10px;} .wrap_index .br{min-height:10px !important;padding:0 !important;} .wrap_index span.content_ready{color:#999;} .wrap_index a{color:#1a1a1a} /* g 메인 목차 */ #ingame .wrap_index header{height:35px;padding:8px 0 0 10px;border-bottom:1px solid #dbdbdb;background:url('/powerbook/bs1/img/g_main.gif') no-repeat left -50px;} #ingame .wrap_index header h2{display:block;font-size:14px;} #ingame .wrap_index td em{padding:6px 0 3px 10px;height:auto;background:none;text-shadow:none;font-size:13px;color:#d26919} #ingame .wrap_index menu{margin:0 0 10px 10px;word-spacing:-1px;} #ingame .wrap_index menu li{padding:4px 0;border:0 none;min-height:15px;} #ingame .wrap_index .in{padding-left:5px !important;} #ingame .wrap_index td{border-bottom:1px solid #ddd;} #ingame .wrap_index td.m4, #ingame .wrap_index td.m5, #ingame .wrap_index td.m6{border-bottom:0 none !important;} /* 도움말 메인 목차 */ #ingame .wrap_help_index div{border-top:1px solid #ddd;width:100%;overflow:hidden;} #ingame .wrap_help_index ul{list-style:none;margin:19px 0 0 20px;} #ingame .wrap_help_index li{float:left;width:101px;margin:0 25px 25px 0;text-align:center;} #ingame .wrap_help_index img{display:block;margin-bottom:8px;} #ingame .wrap_latest{width:370px;margin:40px 14px;} #ingame .wrap_latest header{border-bottom:1px solid #d9dada;padding-bottom:10px;} #ingame .wrap_latest header h2{display:block;font-size:14px;color:#333;} #ingame .wrap_latest ul{list-style:none;margin:0;padding:0;border-top:1px solid #fff;} #ingame .wrap_latest ul li{list-style:none;padding:11px 0 0 10px;background:url(/powerbook/bs1/img/g_article_icon.gif) no-repeat 2px 16px;} #ingame .wrap_latest ul li a{color:#666;} #ingame #articleBnr{display:block;width:415px;height:40px;background:url(/powerbook/bs1/img/g_article_bnr.gif) no-repeat;} #ingame #articleBnr a{display:block;width:415px;height:40px;text-indent:-1000em;overflow:hidden;} #ingame #articleBnr span{} #ingame .wrap_latest span.noti{display:block;float:right;margin-top:-13px;font-size:11px;color:#999;} .wrap_latest span.noti{display:none;} #ingame .wrap_sharebtn{padding:0;} /* MAIN TODAY ~6/20 */ .contents .wrap_powerstory {clear:both; margin:0 0 30px; overflow:hidden;} .contents .wrap_powerstory header{height:30px;overflow:hidden;} .contents .wrap_powerstory header h2{float:left;width:150px;height:25px;text-indent:-1000em;overflow:hidden;background:url('/powerbook/bs1/img/power_main_0607.gif') no-repeat left -100px; display:none; } .contents .wrap_powerstory header .more{float:right;margin:10px 10px 0 0;padding:0 10px 0 0;font-size:13px;;color:#999;background:url('/powerbook/bs1/img/ico_more.gif') no-repeat right 2px;} .contents .wrap_powerstory .trans{position:absolute;right:0;bottom:0;width:277px;height:100%;background:#000;opacity: .6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";} .contents .wrap_powerstory .list_article {position:relative; display:none; padding:0; height:282px; min-height:240px;} .contents .wrap_powerstory .list_article .thumb {position:absolute; left:0; top:0; margin:0; padding:0; width:100%; height:100%;} .trans{position:absolute;bottom:0;width:250px;height:60px;background:#3d4d64;opacity: .6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";} .contents .wrap_powerstory .list_article dl {position:absolute; top:20px; right:20px; width:230px;} .contents .wrap_powerstory .list_article dl dt {margin:0 0 5px 0;color:#fff;font-size:22px;-moz-text-shadow:1px 1px 1px #404040;-webkit-text-shadow:1px 1px 1px #404040;}/* text-shadow:1px 1px 1px #404040; */ .contents .wrap_powerstory .list_article dl dt a {color:#fff !important;} .contents .wrap_powerstory .list_article dl dt img {margin-top:-8px; padding-bottom:3px;vertical-align:top;} .contents .wrap_powerstory .list_article dl dd {margin:0; padding:8px 0 15px 1px;font-size:14px;color:#bdbdbd;} .contents .wrap_powerstory .list_article dl dd a {color:#bdbdbd;} .contents .wrap_powerstory .list_article dl dd .editor {margin:0;padding:4px 0 0;font-size:14px;;color:#999;} .contents .wrap_powerstory .list_article dl dd .editor a{color:#999 !important;} #tablet .contents .wrap_powerstory .list_article {padding-left:48%} #tablet .contents .wrap_powerstory .list_article .thumb {width:48%;} #tablet .contents .wrap_powerstory .list_article dl {width:96%;} /* MAIN TODAY POWERBOOK */ .contents .wrap_powerarticle{clear:both;overflow:hidden;} .contents .wrap_powerarticle header .more{display:none;float:right;margin:10px 10px 0 0;padding:0 10px 0 0;font-size:13px;;color:#999;background:url('/powerbook/bs1/img/ico_more.gif') no-repeat right 2px;} .contents .wrap_powerarticle .list_article{margin:0;padding:0;list-style:none;} .contents .wrap_powerarticle .list_article section article a{display:block;color:#444 !important;} .contents .wrap_powerarticle .list_article section article .title{margin:0;padding:0 0 9px;color:#333;font-size:18px;} .contents .wrap_powerarticle .list_article section article .title.powerbook {padding-right:20px;background:url('/bns/obt/main/icon.gif') no-repeat right -18px;} .contents .wrap_powerarticle .list_article section article .title a {color:#333 !important;} .contents .wrap_powerarticle .list_article section article .editor {margin:0;padding:4px 0 0;font-size:14px;;color:#999;} .contents .wrap_powerarticle .list_article section article .editor a{color:#999 !important;} #pc .contents .wrap_powerarticle{padding:40px 0} #pc .contents .wrap_powerarticle header{display:none;} #pc .contents .wrap_powerarticle .list_article{min-height:248px;} #pc .contents .wrap_powerarticle .list_article section article{float:left;width:245px; margin:0 0 0 32px; padding:0;font-size:14px;color:#444;} #pc .contents .wrap_powerarticle .list_article section article:first-child{margin-left:0;} #pc .contents .wrap_powerarticle .list_article section article .thumb {display:inline-block;width:245px; height:145px;vertical-align:top; margin:0 0 10px;} #mobile .contents .wrap_powerarticle{padding:10px 0 40px 0} #mobile .contents .wrap_powerarticle .list_article section article{clear:both;padding: 10px;} #mobile .contents .wrap_powerarticle .list_article section article .thumb{float:left;width:100px;height:58px;margin:0 6px 0 0;} #mobile .contents .wrap_powerarticle .list_article section article .title{padding:0 0 3px;font-size:15px;} #mobile .wrap_powerarticle header, #mobile .wrap_index header{display: block;height:35px;padding:8px 0 0 10px;font-size:14px;background: url(/powerbook/bs1/img/m_header_index.gif) center top no-repeat , url(/powerbook/bs1/img/m_header_bg.gif) left top repeat-x;} #mobile .wrap_powerarticle header h2, #mobile .wrap_index header h2{font-size:14px;} #mainPowerSearch::after, .contents .wrap_powerarticle .list_article::after{content:"";display:table;clear:both;} #mobile #mainPowerSearch{display:block;text-align:center;margin:0 auto;} #pc #mainPowerSearch{width:550px;max-width:550px;padding-top:40px;margin: 0 auto;} #mobile #mainPowerSearch{} #ingame .wrap_powersearch {position:absolute;} .wrap_powerlogo {float:left;margin:0 10px 0 0;} #pc .wrap_powerlogo{display: none;} #pc #mainPowerSearch .wrap_powerlogo{display:block;margin:8px 10px 0 0;} #ingame .wrap_powerlogo{display:none} /* POWER SEARCH */ .wrap_powersearch:after{content:"";display:block;clear:both;} .wrap_powersearch *{vertical-align:top;} .wrap_powersearch .placeholder{color:#999 !important;} .wrap_powersearch .search_input{float:left;border:0 none;width:166px;height:18px;margin:5px 5px 0 5px;padding:0;font-size:14px;;ime-mode:active;background:transparent;} .wrap_powersearch .search_submit{float:left;width:28px;height:25px;border:0 none;text-indent:-1000em;overflow:hidden;cursor:pointer;background:url('/powerbook/bs1/img/power_search.gif') no-repeat right top;} #pc .wrap_powersearch{position:absolute;right:60px;margin-top:50px;width:205px;height:33px;background:url('/powerbook/bs1/img/power_search.gif') no-repeat right top;z-index:2;} #ingame .wrap_powersearch{left:auto;right:4px;top:2px;z-index:99;background:url('/powerbook/bs1/img/g_search.gif') no-repeat;} #ingame .wrap_powersearch .search_input{width:170px;height:25px;margin-top:0;} #ingame .wrap_powersearch .search_submit{width:25px;height:25px;background:url('/powerbook/bs1/img/g_search.gif') no-repeat right top;} /* MAIN POWER SEARCH */ #mainPowerSearch .wrap_powersearch{float:left;position:static;width:calc(100% - 100px);max-width:800px;margin-top:0;background:url('/powerbook/bs1/img/power_main.gif') no-repeat left 0px;} #mainPowerSearch .wrap_powersearch .search_input{width:calc(100% - 67px);height:26px;font-size:15px;} #mainPowerSearch .wrap_powersearch .search_submit{width:40px;height:33px;background:url('/powerbook/bs1/img/power_main.gif') no-repeat right 0px;} #ingame #mainPowerSearch{padding:9px 0 0 49px;background:transparent url('/powerbook/bs1/img/g_header.gif') scroll no-repeat 0px -29px;} #ingame #mainPowerSearch .wrap_powersearch{position:static;width:317px;height:40px;background:url('/powerbook/bs1/img/g_main.gif') no-repeat left top;} #ingame #mainPowerSearch .wrap_powersearch .search_input{width:276px;height:30px;margin-top:0;font-size:14px;} #ingame #mainPowerSearch .wrap_powersearch .search_submit{width:31px;height:31px;background:url('/powerbook/bs1/img/g_main.gif') no-repeat -286px top;} /* SEARCH SUGGEST */ .search_wrap, .search_list, .search_guide {display:none;} #searchtInput::-webkit-input-placeholder {color:#444;font-size:14px;font-weight:normal;} #searchInput::-moz-placeholder {color:#444;font-size:14x;font-weight:normal;} #mainPowerSearch .search_wrap{width:426px !important;} #ingame #mainPowerSearch .search_wrap{width:314px !important;} .search_wrap {clear:both;position:relative;width:204px;margin:0;padding:0;border:1px solid #a29a9a; font-size:14px;background:#FFF; z-index:25;} .search_wrap ul {margin:0;padding:0;list-style:none} .search_wrap ul li {clear:both;margin:0;padding:8px 10px 7px 8px;text-align:left;} .search_wrap ul li.focus {background-color:#F5F5F5;} .search_wrap ul li a {display:block;color:#444;} .search_wrap ul li a:hover {text-decoration:none; color:#444;} .search_wrap ul li.startback {border-top:1px solid #EEE;} .search_wrap ul li.mouseon{background-color:#f5f5f5;} .search_wrap ul li.keyon{background-color:#f5f5f5;} .search_wrap ul li mark {color:#ff5f3c;background:none} .search_guide {display:none; position:relative !important; z-index:10000000 !important; display:none; padding:10px 5px; overflow-x:hidden; overflow-y:auto; font-size:14px;} .search_guide {display:none; position:absolute;left:186px;top:11px;cursor:pointer;} .search_off, .suggest_on{cursor:pointer;} .search_wrap .footer {clear:both; display:none;/*display:block;*/ height:26px;margin:0;padding:0;background:#f2f2f2;text-align:right;} .search_wrap .footer p{margin:0;padding:7px 10px 0 0 !important;font:normal 11px Dotum;color:#888;} .search_wrap .footer a{height:10px;overflow:hidden;line-height:100%;text-decoration:none;color:#888;padding:0 0 0 4px;border-left:1px solid #ddd;} .search_wrap .footer strong{margin:0 !important; padding:0 0 0 7px !important; text-align:right; font-weight:normal;} .search_wrap .footer span {text-align:right;} /* 자동완성 */ #mobile .search_wrap{clear:both;position:absolute;left:0;width:100%;margin:0;padding:0; background:#fff; border-top:1px solid #f4f4f4; z-index:25;display:none;border-left:0 none !important;border-right:0 none !important;} #mobile .search_wrap ul {margin:0;padding:0;list-style:none} #mobile .search_wrap ul li {clear:both;margin:0;padding:8px 10px 7px 8px;background-color:#fff; border-bottom:1px solid #f4f4f4;} #mobile .search_wrap ul li.focus {background-color:#F5F5F5;} #mobile .search_wrap ul li a {display:block;color:#444;} #mobile .search_wrap ul li a:hover {text-decoration:none; color:#444;} #mobile .search_wrap ul li.startback {border-top:1px solid #EEE;} #mobile .search_wrap ul li.mouseon{background-color:#f5f5f5;} #mobile .search_wrap ul li.keyon{background-color:#f5f5f5;} #mobile .search_wrap, .search_list{display:none;} #mobile .search_wrap .footer {clear:both; display:block; height:19px;margin:0; padding:7px 10px 0 0;font:normal 11px Dotum;color:#888; background:#f2f2f2;text-align:right;border:0;} #mobile .search_wrap .footer:after{border:0;} #mobile .search_wrap .footer .search_off {text-align:right;text-decoration:none;color:#888;} #mobile .matchKey {color:#D26919;} /* 각 사이트 포인트 컬러 적용 */ #mobile .blind{display:none;} #mobile #searchForm .search_wrap{margin:-4px 0 0 0;} #mobile #suggestForm .search_wrap{margin:7px 0 0 0;} #lnbSearch #suggestSubmit{display:none;} /* 문서 폰트설정 */ .customfont{position:absolute;left:480px;top:120px;z-index:2;margin:0;padding:0;} .customfont *{font-size:14px;color:#444;} .customfont li{float:left;list-style:none;margin:0;padding:0 10px 0 0;} .customfont .lyBtn{padding-right:10px;background:url('/bns/obt/board/bullet.gif') no-repeat right -10px;}/*background:url('/powerbook/bs1/img/power_fonts.gif') no-repeat right 4px;*/ .customfont .lyOn{background-position:right -21px !important;} .customfont #btn_selectFontFamily{width:63px;} .customfont #ly_selectFontFamily{width:74px;} .customfont #ly_selectFontSize{width:40px;} .customfont .lySelect{padding:3px 5px;margin-left:-7px;z-index:10000 !important;} .customfont .lySelect label{font-size:14px;padding-left:1px !important;} .customfont .lySelect .selected{font-size:15px !important;color:#D26919;background:url('/powerbook/bs1/img/power_fonts.gif') no-repeat right -24px;} .customfont .lySelect ul{padding:0;} .customfont .lySelect li:hover.selected{background:url('/powerbook/bs1/img/power_fonts.gif') #f3f2f2 no-repeat right -24px;} #ingame .customfont{display:none;} /* DOC */ .wrap_doc{padding-top:50px;} .wrap_doc article{clear:both;display:block;line-height:22px;} .wrap_doc article:after{content:"";display:block;clear:both;} .wrap_doc .keycap{height:16px !important;vertical-align:middle;margin:-1px 2px 0 2px;width:auto !important;} .wrap_doc ul{margin:0 0 0 15px;padding:0;} .wrap_doc ul li{padding-bottom:10px;} .wrap_doc img{vertical-align:middle;} /* DOC - IMAGE */ /*section div[class~="simg"]{margin-top:0 !important;} section div[class~="simg"] div:first-child img{border:1px solid red; }*/ .images{} .images p{vertical-align:top;} .dimg{clear:both;width:100%;overflow:hidden;margin:15px 0 25px 0;} .dimg:after{content:"";display:block;clear:both;} .dimg .img1{float:left;} .dimg .img2{float:left;margin-left:8px;} .dimg img{vertical-align:top;} .simg{margin:10px 0;} .img_left{float:left;display:inline;margin-right:15px;} .img_right{float:right;display:inline;margin-left:15px;} .img_center{text-align:center;} .img_center .caption{text-align:center;border:0 none !important;padding:0 !important;} .caption{border-left:2px solid #ccc;margin:5px 0 0 0;padding:2px 0 0 5px;font-size:13px;color:#666;line-height:100%;} #ingame .images{margin:5px 0 5px 0 !important;} #ingame .images .img2{clear:both;margin:20px 0 0 0 !important;} #ingame .caption{font-size:13px;} #ingame .img_right{float:none;margin:0;} /* DOC - TABLE */ #content .edit_table{margin:0;table-layout:auto;border-collapse:collapse;font-size:14px;width:100%;line-height:1.3;} #content .edit_table td{padding:5px 14px;border:1px solid #ebeaea;word-break:normal;word-wrap:normal;} #content .edit_table td img{vertical-align:middle;} #content .edit_table .type-th{border-color:#9ca6bd !important;background-color:#9ca6bd;color:#f1f1f0;line-height:18px;} #content .edit_table .type-th2{border-color:#936977 !important;background-color:#936977;color:#ffffff;line-height:18px;} #mobile .edit_table .type-th1, #mobile .edit_table .type-th2{border-bottom-color:#ebeaea !important;} #content .edit_table .type-td1{background-color:#e0dcdd;} #content .edit_table .type-td2{background-color:#f1f1f0;} #content .edit_table .type-box1{padding:15px 20px;background-color:#e0dcdd;} #content .edit_table .type-box2{padding:15px 20px 15px 55px;background:url('/powerbook/bs1/img/ico_box.gif') #e0dcdd no-repeat 15px 15px;} #content .edit_table .valign-t{vertical-align:top;} #content .edit_table .valign-b{vertical-align:bottom;} #content .edit_table .border-l{border-left:0 none;} #content .edit_table .border-r{border-right:0 none;} #content .edit_table .border-t{border-top:0 none;} #content .edit_table .border-b{border-bottom:0 none;} #content .edit_table .width-idth-idth-10{width:10%;} .edit_table .width-20{width:20%;} .edit_table .width-25{width:25%;} .edit_table .width-30{width:30%;} .edit_table .width-40{width:40%;} .edit_table .width-50{width:50%;} .edit_table .width-60{width:60%;} .edit_table .width-70{width:70%;} .edit_table .width-80{width:80%;} .edit_table .width-90{width:90%;} .edit_table .width-100{width:100%;} #ingame .edit_table td{padding:5px;line-height:1.3;} #ingame .edit_table p{line-height:1.3} /* DOC - ITEM GRADE */ .grade1{color:#6c6c6c !important;} .grade2{color:#3f3f3f !important;} .grade3{color:#008746 !important;} .grade4{color:#297BB0 !important;} .grade5{color:#A847BD !important;} .grade6{color:#dd9000 !important;} .grade7{color:#ed6900 !important;} .grade8{color:#6756E1 !important;} .contents .object .head .grade1, .contents .object .head .grade2, .contents .object .head .grade3, .contents .object .head .grade4, .contents .object .head .grade5, .contents .object .head .grade6, .contents .object .head .grade7, .contents .object .head .grade8{font-size:14px;} #ingame .contents .grade1, #ingame .contents .grade2, #ingame .contents .grade3, #ingame .contents .grade4, #ingame .contents .grade5, #ingame .contents .grade6, #ingame .contents .grade7, #ingame .contents .grade8{font-size:14px;} /* DOC - FONT */ font[size="3"] strong{display:block;margin-bottom:5px;font-size:1.3em;color:#333;} strong font[size="3"]{display:block;margin-bottom:5px;font-size:1.3em;color:#333;} strong font[size="4"]{display:block;margin-bottom:5px;font-size:1.2em;color:#333;} #ingame font[size="3"]{font-size:13px !important;} #ingame font[size="3"] strong{display:block;margin-bottom:6px !important;font-size:13px !important;} #ingame font[size="2"]{font-size:11px !important;} /* DOC - idx */ #content .wrap_idx{float:left;display:inline-block;margin-top:20px;} #content .wrap_idx h4{padding:3px 15px;border-top:2px solid #999;border-bottom:1px dotted #999;color:#333;} #content .wrap_idx ul{margin:10px 15px;line-height:1.2 !important;} #content .wrap_idx li{list-style:none;padding:0 0 5px 10px;background:url('/powerbook/bs1/img/power_idx.gif') no-repeat left -25px;} #content .wrap_idx:after{content:"";display:block;clear:both;} #content .wrap_idx a{color:#444;} .wrap_idx a:hover{color:#d26919;} #ingame .wrap_idx h4{padding-top:5px;:} #ingame .wrap_idx li{background-position:left -27px;} /* DOC - FOOTER CCL */ .contents .wrap_ccl{clear:both;font-size:13px;color:#666;background-color:#efeeeb;border-top:1px solid #fff;} .contents .wrap_ccl div{padding:12px 10px 15px 105px;line-height:1.4;background:url('/powerbook/ao1/v1/power_ucont.gif?v=1') 17px -285px no-repeat;} .contents .wrap_ccl h2{font-size:13px;} .contents .wrap_ccl_simple{padding:10px;line-height:150%;background:none;} .contents .wrap_ccl a{color:#d26919;} .wrap_editor .wrap_ccl div{padding-top:25px !important;} #ingame .wrap_ccl *{font-size:11px;} /* DOC - FOOTER - HISTORY */ .wrap_history_info{clear:both;margin-top:40px;} .wrap_history_info h2{float:none !important;padding:7px 15px;font-size:13px !important;font-weight:normal !important;background-color:#e0dcdd;} .wrap_history_info h2 strong{} .wrap_history_info .bt_history{float:right;font-size:13px;font-weight:normal;} .wrap_history_info div{clear:both;padding:10px 15px;border-top:1px solid #fff;background-color:#efeeeb;font-size:13px !important;} .wrap_history_info p.noti{padding:0} .wrap_history_info p span{color:#aaa;} #ingame .wrap_history_info {font-size:13px !important;background-color:#e4e8ed;line-height:1.5;} #ingame .wrap_history_info h2{padding-top:9px;font-size:13px !important;} #ingame .wrap_history_info div{display:none;} #ingame .wrap_history_info p.noti{padding-top:7px;} #ingame .wrap_history_info .bt_history{display:none;} #ingame .wrap_ccl{display:none;} /* DOC */ .contents .wrap_status{display:none;position:relative;margin:-10px 0 20px 0;padding:8px 10px 5px 90px;font-size:13px;background:url('/powerbook/bs1/img/power_editable.gif') #f4f2f1 no-repeat 20px -30px;line-height:1.5;} .contents .wrap_status a{color:#d26919;} .contents .wrap_status .close{position:absolute;right:20px;top:10px;padding:0 15px 0 0;font-size:13px;color:#666;background:url('/powerbook/bs1/img/power_editable.gif') no-repeat right 7px;} .contents .wrap_status p{margin-bottom:7px;} .contents .editable_close .close{display:none;} .wrap_editor .wrap_status{width:820px;display:block !important;margin:0 !important;padding:15px 10px 12px 20px !important;background:#e4e0e0 !important;} .wrap_editor .wrap_status li{padding:0 0 4px 8px;background:url('/bns/obt/layout/bul_dot.gif') 1px 8px no-repeat; overflow:hidden;} #ingame .wrap_status, #mobile .wrap_status{display:none;} .contents .editable_open{display:block;background:url('/powerbook/bs1/img/power_status.gif') #f4f2f1 no-repeat 25px 5px;} .contents .editable_notice{display:block;background:url('/powerbook/bs1/img/power_status.gif') #f4f2f1 no-repeat 20px -195px;} .contents .editable_close{display:block;background:url('/powerbook/bs1/img/power_status.gif') #f4f2f1 no-repeat 25px -395px;} .contents .wrap_status em{font-style:normal;color:#228e91;} /* EDIT - FORM */ .wrap_write{width:850px;border:0 none !important;} .wrap_write .subject_form{padding-bottom:5px !important;} .wrap_write dl.subject input[type=text]{width:80%;} .wrap_editor .wrap_writeBtn{width:850px;} #popup .wrap_editor .wrap_writeBtn{width:800px;} /* EDIT - XQ */ .xed{position:relative;} .wysiwygG{height:600px;padding:5px 5px 40px 5px !important;} .toolbarG{background-color:#e1e1e1 !important;} .pluginListP {float:right;margin:9px 13px 0 0;padding:0;list-style:none;} .pluginListP menu {float:left;width:48px;height:49px;list-style:none;margin:0 5px 0 0;padding:0;} .pluginListP menu a {position:relative;display:block;height:100%;margin:0;padding:0;border:0 none;font-size:13px;text-align:left;color:#797979;background:url('/editor/imagePlugin/static/btn_wysiwyg.png') no-repeat;cursor:pointer;} .pluginListP menu span {position:absolute;left:0;top:0;width:0;height:0;visibility:hidden;font-size:0;line-height:0;} .pluginListP .photoEditorP a {background-position:0 -84px} .pluginListP .movieUpdateP a {background-position:-53px -84px} .pluginListP .photoEditorP a:hover {background-position:0 -133px} .pluginListP .movieUpdateP a:hover {background-position:-53px -133px} .pluginListP .photoEditorP a:active, .pluginListP .photoEditorP a.active {background-position:0 -182px} .pluginListP .movieUpdateP a:active, .pluginListP .movieUpdateP a.active {background-position:-53px -182px} .pluginListPower{float:left;margin-top:25px;padding-left:25px;} .pluginListPower a{display:inline-block;padding:2px 5px;font-size:13px;border:1px solid #ccc;background-color:#ddd;} .wrap_selection{position:absolute;top:0;left:620px;width:200px;border:1px solid #666;background-color:#fff;font-size:11px;} .wrap_selection li{padding:2px;} .wrap_selection li:hover{background-color:#eee;} .wrap_selection input{font-size:11px;} .wrap_selection .close{float:right;padding:5px;cursor:pointer;background-color:#eee;} .wrap_selection .close:hover{background-color:#ccc;} /* EDIT - XQ - CELL */ .wrap_editor{} .wrap_cell{} .wrap_cell table{float:left;} #cell_preview{width:auto;height:50px;} p.cell_stylecode{float:left;} #style{font-size:11px;width:600px;} .cell_style{clear:both;} .cell_style ul{clear:both;display:block;width:100%;} .cell_style li{float:left;padding:0 10px;border-right:1px solid #ccc;list-style:none;} .cell_style em{display:block;color:#999;} .cell_style select, .cell_style .cell_border{display:block;} .cell_style span.cell_stylecode{display:block;font-size:10px;} /* OBJECT */ .object{position:relative;clear:both;margin:0 0 10px 0;padding:0 !important;} .object section{clear:both;width:500px;border:1px solid #d6d9de;border-top:2px solid #63758b;border-left:0 none;padding:0 !important;background:url('/powerbook/bs1/img/power_object_bgm.gif') #eaeef1 repeat-y left top;} .object em{font-style:normal;color:#63758b;vertical-align:top;} .object dl:after{content:"";display:block;clear:both;} .object .head{padding:7px 12px 12px 17px;background:url('/powerbook/bs1/img/power_object_bgt.gif') #dde5e9 repeat-y left top;} .object *{line-height:1.3;} .object .head dt{padding:2px 0 3px 0;} .object .head dd{float:left;display:inline-block;} .object .head .thumb{margin:0;padding:5px 20px 0 0;} .object .head strong{font-weight:normal;font-size:1.3em;} .object .head p{} .object .wrap{clear:both;padding:10px 15px;line-height:150%;border-top:1px dotted #fff;} .object .wrap dl{width:100%;} .object .wrap dt{float:left;display:inline-block;width:30%;color:#63758b;} .object .wrap dd{float:left;display:inline-block;width:70%;} .object .wrap p{margin-bottom:4px;} .object .thumb img{width:50px;height:50px;margin:0;padding:0;background:none;} .object .name{font-size:1.3em;} .object .wrap dt.name{color:#444;} .object .note{padding-top:5px;line-height:1.3;font-size:13px;color:#999;} #ingame .object section{width:100%;} #ingame .object .head{padding:10px 15px;} #ingame .object .head strong{font-size:13px !important;} #ingame .object .head .thumb{padding:0 15px 0 0;} #ingame .object .wrap{padding:8px 15px;} #ingame .object .thumb img{} #ingame .object .name{font-size:13px;} #ingame .object .note{font-size:11px;font-size:11px;} .object_item .head .thumb{} .object_item .head .summary{width:80%;margin:0;} .object_item .head .summary .sub_info{margin-top:2px;} .object_item .icon_paiditem{clear:both;display:block;float:left;width:52px;height:21px;margin-bottom:10px;text-indent:-1000px;overflow:hidden;background:url('/powerbook/bns/ui_resource/GameUI_Tag/GameUI_Tag.png') no-repeat -177px -317px; } .object_item .description dt{width:100%;} .object_item .description dd{clear:both;padding-left:2px;width:100%;line-height:1.4;} #ingame .object_item .description dt, #ingame .object_item .description dd, #mobile .object_item .description dt, #mobile .object_item .description dd{width:100%;} #ingame .object_item .description dd, #mobile .object_item .description dd{padding-top:5px;} .object_item .gem_combine dt{} .object_item .gem_combine dd {clear:both;width:100%;padding-top:7px;} .object_item .gem_combine dd ul {margin:0;padding:0;width:100%;} .object_item .gem_combine dd ul li {display:inline-block;width:35%;padding-bottom:7px;} .object_item .gem_combine dd ul li label{display:inline-block;vertical-align:middle;} .object_item .gem_combine dd ul li label:before{content:'-';display:inline-block;margin-right:4px;} .object_item .gem_combine dd ul li p{display:inline-block;vertical-align:middle;margin:0;color:#008746;} .sub_info .max {float:right;color:#ed6900;} .sub_info ul, .main_info ul{margin:1px 0 0 2px;} .sub_info ul li, .main_info ul li{padding:2px 0 0px 8px;font-size:13px; word-spacing:-1px; background:url('/bns/obt/layout/bul_dot.gif') 0 9px no-repeat; overflow:hidden;} .mastery_enchant p{overflow:auto;} .mastery_enchant img{float:left;width:32px;height:32px;margin-right:10px;} .mastery_enchant span{float:left;} .mastery_enchant span span:first-child, .mastery_enchant span .grade1, .mastery_enchant span .grade2, .mastery_enchant span .grade3, .mastery_enchant span .grade4, .mastery_enchant span .grade5, .mastery_enchant span .grade6, .mastery_enchant span .grade7{display:block;font-weight:normal;} .mastery_enchant span .desc{float:none; } .object_skill{} .object_skill .related_training{margin-top:10px;border:0 none;background:none;} .object_skill .related_training header{padding:0 0 5px 0;font-size:16px;} .object_skill .related_training .object{margin-bottom:5px;} .object_skill .related_training .object section{width:100%;} .object_skill .related_training .object .wrap dt{width:15%;} .object_skill .related_training .object .wrap dd{width:85%;} .object_skill .combo{} .object_skill .combo header{padding:0 0 5px 0;} .object_skill .combo p:after{content:"";display:block;clear:both;} .object_skill .combo p span{float:left;display:inline-block;padding:0 15px 0 27px;background:url('/powerbook/bs1/img/power_object_combo.gif') no-repeat left 15px;} .object_skill .combo p span:first-child{padding-left:0;background:none;} .object_skill .combo p img{display:block;margin-bottom:3px;} .skill_info dl{float:left;display:inline;width:71px !important;height:71px !important;text-align:center;margin-right:4px;padding-bottom:10px;font-size:13px;background:url('/powerbook/bs1/img/power_object_skill_info.gif') no-repeat;} .skill_info dt{;width:71px !important;height:24px !important;padding-top:7px;color:#333 !important;} .skill_info dd{width:71px !important;height:30px !important;padding-top:12px;color:#333;} .skill_info .range_0{background-position:0px 0px;} .skill_info .range_1{background-position:-75px 0px;} .skill_info .range_2{background-position:-150px 0px;} .skill_info .range_3{background-position:-225px 0px;} .skill_info .range_4{background-position:-300px 0px;} .skill_info .range_5{background-position:-375px 0px;} .skill_info .range_6{background-position:-450px 0px;} .object_gem{} .object_gem .head dl{padding:5px 0;} .object_gem .head .name{padding-bottom:3px;} .object_gem .head .thumb{width:45%;padding:0;} .object_gem .head .thumb img{width:150px;height:150px;} .object_gem .head .summary{width:55%;} #ingame .object_gem .head .thumb{width:35%;} #ingame .object_gem .head .thumb img{width:120px;height:120px;} #ingame .object_gem .head .summary{width:60%;} .object_gem .summary .attribute{font-size:13px;} .object_gem .summary .attribute dl{width:100%;} .object_gem .summary .attribute dl *{line-height:1.5;} .object_gem .summary .attribute dt{clear:none;float:left;width:32%;padding:0;} .object_gem .summary .attribute dd{width:18%;padding:0;} .object_gem .gem_list{}/* 보패리스트 */ .object_gem .gem_list li{list-style:none;border-top:1px dotted #fff;padding:5px 0;} .object_gem .gem_list ol li:first-child{border:0 none;} .object_gem .gem_list dt{float:left;display:inline-block;width:35%;color:none;font-size:14px;padding-top:5px;font-weight:normal;} .object_gem .gem_list dt span, .object_gem .gem_list dt a{} .object_gem .gem_list dd.thumb{width:15%;} .object_gem .gem_list dd{float:left;display:inline-block;width:50%;} .object_gem .gem_list dd p{display:inline;margin-right:5px;} .object_gem .gem_list dd p.effect{clear:both;display:block;} .object .weapon_gem_slot{}/* 보석 */ .object .weapon_gem_slot em{display:inline-block;margin-right:5px;} .object .weapon_gem_slot span{display:inline-block;} .object .weapon_gem_slot .gem_slot{display:inline-block;width:34px;height:31px;background:url('/powerbook/bs1/img/power_object_slot.gif') no-repeat left top;} .object .weapon_gem_slot .gem_slot_type3{background-position:left 0px;} .object .weapon_gem_slot .gem_slot_type4{background-position:left -50px;} .object .weapon_gem_slot .gem_slot_type5{background-position:left -100px;} .object .weapon_gem_slot .gem_slot_type6{background-position:left -150px;} .object .weapon_gem_slot .gem_slot_type7{background-position:left -200px;} .object_quest .icon{width:24px;height:24px;vertical-align:middle;} .object_quest .head dt{display:none;} .object_quest .wrap dt{width:20%;} .object_quest .wrap dd{width:80%;} .object_quest .reward_fixed{} .object_quest .reward_optional{margin-top:10px;} .object_craft_recipe .wrap dt{width:20%;} .object_craft_recipe .wrap dd{width:80%;} .object_craft_recipe .production img, .btn_auction{width:53px;height:21px;margin-top:10px;text-indent:-1000em;overflow:hidden;display:block;cursor:pointer;background:url('/powerbook/bs1/img/btn_auction.gif') no-repeat; display:none !important; } .extra_attribute{color:#993;} .object_craft_recipe .production dl dd dl dt{width:100%;} .object_craft_recipe .production dl dd dl dd{clear:both;width:100%;} .object .material dd{clear:both;width:100%;padding-top:7px;} .material img, .gem_material img{width:40px;height:40px;} .gem_material dt{width:27% !important;color:#333 !important;} .gem_material dd{width:73% !important;} .gem_material dd ul{list-style:none;margin:0 !important;padding:0;} .gem_material dd li{float:left;width:49% !important;padding-bottom:3px;} .gem_material dd li em{color:#333 !important;} #ingame .material img{width:32px;height:32px;} ul.set_effect{list-style:none;margin:0;padding:7px 0 0 0;} ul.set_effect li{clear:both;margin:0;padding:0 0 1px 0;} ul.set_effect li:after{clear:both;display:block;content:'';} ul.set_effect li label{float:left;display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:top;text-indent:-1000em;overflow:hidden;color:#00d7ff;background:url('/powerbook/bs1/img/icon_setEffect.png') no-repeat -16px 0px;} ul.set_effect li label.set_effect_2{background-position:-16px 0px;} ul.set_effect li label.set_effect_3{background-position:-16px -18px;} ul.set_effect li label.set_effect_4{background-position:-16px -36px;} ul.set_effect li label.set_effect_5{background-position:-16px -54px;} ul.set_effect li label.set_effect_8{background-position:-16px -72px;} ul.set_effect li p{float:left;display:inline-block;width:92%;vertical-align:top;padding:2px 0 0 0;color:#008746;} ul.set_effect li .skill{color:#297bb0;} #mobile ul.set_effect li p{width:88%;padding:0;} /* OBJECT - LIST */ .lists{width:100%;border-collapse:collapse;table-layout:auto;border:1px solid #d6d9de;border-top:0 none;border-left:0 none;background:url('/powerbook/bs1/img/power_object_bgm.gif') #eaeef1 repeat-y left top;} .lists th{padding:4px 15px;color:#fff;font-weight:normal;background:url('/powerbook/bs1/img/power_object_list.gif') #778397 no-repeat right top;} .lists td{padding:5px 15px;border-right:1px dotted #fff;border-bottom:1px dotted #fff;word-break:break-all;} .lists th:first-child{background-position:left top;} .lists th:last-child{border-right:1px solid #63758b;} .lists td:first-child{padding-left:15px;} .lists td:last-child{border-right-color:#d6d9de;} .lists tr:last-child td{border-bottom-color:#d6d9de;} .lists tr td .icon{width:24px;height:24px;vertical-align:middle;} .lists td a{} .lists .name{white-space:nowrap;word-break:nowrap;word-break:nowrap;padding-bottom:1px;} .lists .thumb{float:left;width:50px;height:50px;margin:5px 12px 12px 0;padding:0;background:none;} .lists .name dl{float:left;} .lists .production img, .lists .material img{width:32px;height:32px;} .lists p{margin-bottom:4px;} .lists .quest_info{clear:both;display:block;} .lists .quest_info img{height:15px;margin-left:3px;} #pc .lists .quest_info{display:inline;} #pc .lists .quest_info img{height:19px;} .list_craft td{vertical-align:top;} .list_craft td dd{font-size:13px} .list_craft td dd p{margin:0;} .list_craft .production{line-height:1.4;} .list_craft .production p{margin:7px 0;} .lists .item{width:100%;margin:2px 0;white-space:nowrap !important;word-break:nowrap !important;word-break:nowrap !important;} .lists .item dd, .lists .item dt{display:inline-block;margin:0;padding:0;vertical-align:middle;} .lists .item .thumb{width:50px;height:50px;} #ingame .lists .item, #mobile .lists .item{min-width:110px;white-space:normal !important;word-break:break-all !important;word-break:break-all !important;} #ingame .lists .item dd, #ingame .lists .item dt, #mobile .lists .item dd, #mobile .lists .item dt{} #ingame .lists .item dt, #mobile .lists .item dt{min-width:60px;width:50%;} .lists .note{padding-top:5px;line-height:1.3;font-size:13px;color:#999;} #ingame .lists{width:100%;line-height:1.3;background-position:left -2px;font-size:13px;} #ingame .lists th{padding:6px 0;background-position:right -2px;} #ingame .lists .thumb{width:40px;height:40px;margin:0;} #ingame .lists td{padding:5px 7px;} #ingame .production img, #ingame .material img{width:32px;height:32px;} /* BBS */ .bbs_type1 em, .wrap_no_result em, .heading em{color:#01888e;font-style:normal;} .bbs_type1 em a, .wrap_no_result em a, .heading em a{color:#01888e !important;} .bbs_type1{clear:both;width:100%;table-layout:fixed;border-collapse:collapse;border-bottom:2px solid #9ca6bd;} .bbs_type1 th{height:30px;text-align:center;color:#fff;line-height:1.5;padding:0;background-color:#9ca6bd;} .bbs_type1 .no{width:49px;} .bbs_type1 .date{width:70px;} .bbs_type1 .hit{width:50px;} .bbs_type1 .recommend{width:55px;} .bbs_type1 td{text-align:center;padding-top:6px;padding-bottom:6px;border-bottom:1px solid #eaeaea;} .bbs_type1 tr:hover td{background-color:#f7fbff;} .bbs_type1 tr.on td{background-color:#f7fbff;} .bbs_type1 tr.on td.subject {} .bbs_type1 .last td{border-bottom:2px solid #bebebe;} .bbs_type1 td.subject{text-align:left;padding-left:6px;} /*.bbs_type1 td.subject div{width:390px;height:25px;white-space:nowrap;overflow:hidden;} .bbs_type1 td.no, td.date, td.hit, td.recommend, .bbs_type1 td.ver{font:normal 9px Verdana;}*/ .bbs_type1 td.writer{font-size:11px;font-weight:normal;color:#255361;text-align:left;} .bbs_type1 td.recommend{color:#853310 !important;} .bbs_type1 .cmt{font-size:9px;color:#000;} /*.contents .nick{color:#457285 !important;}*/ #bbs_history .ver{width:80px;} #bbs_history .date{width:80px;} #bbs_history .history{width:180px;} #bbs_history .rollback{width:100px;} #bbs_history td.writer{padding-left:10px;font-size:13px;} #bbs_history td.subject, #bbs_history td.history{text-align:left;padding-left:10px;} #bbs_history span.historydetail{cursor:pointer;padding-left:13px;font-size:13px;} table .fake{color:#fff;font-size:7pt;} .historydetail{color:#d26919;} .historydetail:hover{text-decoration:underline;} .off{display:none;} .ex td, .ex:hover td{text-align:left;background-color:#f6f8f9;} .header_help{position:relative;padding:10px 0;} .header_help a{position:absolute;right:0;bottom:10px;padding-left:8px;background:url('/powerbook/bs1/img/ico_more.gif') no-repeat left 8px;} /* BBS - DIFF */ .diff{padding:0 10px 10px 10px;} .diff table{width:100%;border-spacing:0;table-layout:auto;border-collapse:separate;} .diff td{border-bottom:0 none !important;padding:3px;line-height:130%;} .diffchange {white-space:pre-wrap;color:#ec008c;} .diff-context{background-color:#fff !important;} .diff-deletedline{background-color:#dde9ed !important;} .diff-addedline{background-color:#f2d6c7 !important;} .diff-lineno{} .diff-marker{text-align:center !important;width:15px;} .diff-lineno{width:50%;} /* COMMENT */ .contents .wrap_comment{font-size:13px;} .contents .wrap_comment *{font-size:13px;line-height:1.4;} .contents .wrap_comment article{margin:0;padding:0;} .contents .wrap_comment .comment_info em{} .contents .wrap_comment .nick{color:#457285;} .contents .wrap_comment .comment_article{padding:10px 0 8px 10px;} .contents .wrap_comment .article_info{padding-top:2px;font-size:11px;} .contents .wrap_comment .article_info span{font-size:11px;cursor:pointer;} .contents .wrap_comment button{text-indent:0;} .contents .wrap_comment .comment_thread:first-child .comment_article{background-image:none;} #ingame .wrap_comment{font:normal 11px Dotum;margin-top:-5px !important;padding:0 !important;background:url('/powerbook/bs1/img/power_object_bgm.gif') #ebeef2 repeat-y left top;} #ingame .wrap_comment *{font:normal 11px Dotum;} #ingame .wrap_comment .comment_info{display:none;} #ingame .contents .wrap_comment article{margin-bottom:0 !important;} #ingame .contents .wrap_comment .comment_article{padding:10px 10px 7px 20px !important;background:none !important;border-bottom:1px solid #fff !important;margin-bottom:0 !important;} #ingame .contents .wrap_comment .character{width:24px;} #ingame .contents .wrap_comment .character img{width:24px;height:24px;} #ingame .contents .wrap_comment .article{margin-left:32px;} #ingame .contents .wrap_comment .nick{font-weight:normal;} #ingame .wrap_comment .comment_form{padding-left:30px;background-color:transparent;} #ingame .wrap_comment .comment_form textarea{width:325px !important;height:46px !important;} #ingame .wrap_comment_more{clear:both;margin-top:10px;padding:1px;border:1px solid #ddd;text-align:center;font-size:11px;background-color:#fff;} #ingame .wrap_comment_more p{padding:5px 0 3px 0;background-color:#f4f4f4;} #ingame .wrap_comment_more a{color:#63758b;} /* */ #ingame .wrap_prev{padding:10px 0 8px 15px;border-bottom:1px solid #ccc;} #ingame .wrap_prev em{} #ingame .wrap_prev a{padding-left:9px;background:url('/powerbook/bs1/img/ico_arrow_prev.gif') no-repeat left 2px;} #ingame .wrap_sub header, #ingame .wrap_searchres header{min-height:52px;border-bottom:0 none !important;padding:12px 5px 12px 15px !important;background:url('/powerbook/bs1/img/g_header_bg.png') no-repeat center bottom;} #ingame .wrap_sub header h1{font-size:13px !important;font-weight:normal;} #ingame .wrap_searchres header h1{font-size:13px !important;} #ingame .wrap_sub header em{color:#64a0c2;} /* POPUP UPLOAD */ #popup{margin:0;background-color:#fff;} #popup #container{width:100% !important;} #popup table{font-size:14px;} #popup .wrap_write{width:800px;} #popup .emotionG{display:none;} #popup .wysiwygG{height:300px;} #popup .pmenu { border:solid 1px #b2b2b2; width:120px; display:none; position:absolute; z-index:999; background-color:#fff;} #popup .pmenu *{font-size:11px;} #popup .pmenu ul { margin:5px 0; } #popup .pmenu li { clear:both; list-style-type:none; padding:3px 4px 2px 10px; background-color:#fff; } #popup .pmenu li:hover{background-color:#ecf3f5;} #popup .pmenu .close{position:absolute;right:0;margin:8px;float:right;width:15px;height:15px;cursor:pointer; background:url('/powerbook/ao1/v1/power_ucont.gif?v=1') no-repeat right -250px;} #popup .pmenu .close dfn{display:none;} #popup .wrap_pop{font-size:13px;} #popup .wrap_pop{width:100%;height:100%;} #popup .wrap_pop .header{padding:15px 0 12px 18px;background-color:#776b6b;} #popup .wrap_pop .header h1{height:20px;color:#fff;} #popup .wrap_pop .header h1 dfn{display:none;} #popup .wrap_pop #div_center{margin:0 18px;padding:15px 0;line-height:130%;border-bottom:1px solid #fff;} #popup .wrap_pop .footer{clear:both;margin:0;padding:0;} #popup .wrap_upload_image h1{background:url('/powerbook/bs1/img/tit_upload.gif') 0px 0px no-repeat;} #popup .wrap_upload_movie h1{background:url('/powerbook/bs1/img/tit_upload.gif') 0px -50px no-repeat;} #popup .wrap_link_url h1{background:url('/powerbook/ao1/v1/power_ucont.gif?v=1') 0px -100px no-repeat;} #popup .wrap_pop .wrap_btn{clear:both;height:30px;margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5;} #popup .wrap_pop .wrap_ccl_simple{padding:10px 20px;} #popup .wrap_pop .wrap_editable_guide{padding:10px 20px;font-weight:normal !important;color:#666 !important;background-color:#eee;} #popup .wrap_pop dl{clear:both;display:block;width:460px;overflow:auto;margin:20px auto 30px auto;} #popup .wrap_pop dt{float:left;width:60px;padding-top:12px;color:#776b6b;} #popup .wrap_pop dd{float:left;width:400px;padding-top:7px;} #popup .wrap_upload_movie dl{width:100%;margin:0;} #popup .wrap_upload_movie dt, .wrap_upload_movie dd{width:auto;clear:both;} #popup .wrap_upload_image #div_center p{clear:both;margin:-20px 0 30px 80px;font-size:11px;} #popup .wrap_upload_image dd input{width:400px;height:24px;font-size:11px;} #popup .wrap_pop input[type="text"]{height:16px; padding:4px 0 0 10px; color:#4b3b1d; border-top:1px solid #a7a7a7; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #a7a7a7; font-size:13px; background-color:#fbfbfb;} #popup .wrap_pop iframe{width:560px;height:315px;overflow:hidden;} #popup #movie_tag{width:550px;padding:5px;height:60px;font-size:11px;} #popup #preview{clear:both;width:560px;background-color:#f0f0f0;} #popup .wrap_btn input{width:62px;height:28px;border:0 none;text-indent:-1000px;overflow:hidden;cursor:pointer;} #popup .wrap_btn{text-align:center;} #popup .bt_preview{width:84px !important;background:url('/powerbook/bs1/img/btn_preview.gif');} #popup .bt_movielink{background:url('/powerbook/bs1/img/btn_apply.gif');} #popup .bt_confirm{background:url('/powerbook/bs1/img/btn_apply.gif');} #popup .bt_cancel{background:url('/bns/obt/board/btn_cancel.gif');} #popup .wrap_upload_movie .guide dt{} #popup .wrap_upload_movie .guide dd{clear:both;padding:5px 0;} /* INGAME MAIN */ #ingame .wrap_powerarticle{clear:both;margin:0 0 25px 0;} #ingame .wrap_powerarticle header{position:relative;height:35px;padding:8px 0 0 10px;border-bottom:1px solid #dbdbdb;background:url('/powerbook/bs1/img/g_main.gif') no-repeat left -50px;} #ingame .wrap_powerarticle header .more{display:none;position:absolute;right:10px;top:12px;padding:0 10px 0 0;font-size:11px;color:#999;background:url('/powerbook/bs1/img/ico_more.gif') no-repeat right 2px;} #ingame .wrap_powerarticle .thumb{float:left;width:100px;height:58px;margin-right:10px;} #ingame .wrap_powerarticle .list_article{height:210px;padding:0 12px;} #ingame .wrap_powerarticle article{clear:both;padding:10px 0 0 0;color:#666;line-height:1.3;} #ingame .wrap_powerarticle article a{color:#666;} #ingame .wrap_powerarticle article .title{padding-bottom:3px;color:#333;} #ingame .wrap_powerarticle article .title a{color:#333;} #ingame .wrap_powerarticle article .editor{display:none;} #ingame .wrap_powerarticle h2{font-size:14px;} .edit_table p span.treelist{display:inline-block;vertical-align:middle;width:22px;height:18px;margin:-1px 0;background:url('/powerbook/common/img/power_treelist.gif') no-repeat 0px -25px;} .edit_table p span.treelist_end{display:inline-block;vertical-align:middle;width:22px;height:18px;margin:-1px 0;background:url('/powerbook/common/img/power_treelist.gif') no-repeat 0px -50px;} .edit_table p span.treelist_start{display:inline-block;vertical-align:middle;width:22px;height:18px;margin:-1px 0;background:url('/powerbook/common/img/power_treelist.gif') no-repeat 0px 0px;} .edit_table p span.treelist_bar{display:inline-block;vertical-align:middle;width:22px;height:18px;margin:-1px 0;background:url('/powerbook/common/img/power_treelist.gif') no-repeat 0px -75px;} /**/ .wrap_no_result{max-width:800px;padding-top:30px;float:left;} .wrap_no_result p{margin:0 15px 40px 25px !important;font-size:13px;} .wrap_no_result em{font-style:normal;color:#d26919;} .wrap_no_result ul{padding-bottom:40px;font-size:13px;line-height:1.1;margin-left:25px;} .wrap_no_result ul li{list-style:none;padding:0 0 8px 3px;} #ingame .wrap_no_result{padding:15px 0 0 10px !important;} #ingame .wrap_no_result p{margin-left:10px !important;margin-bottom:15px !important;} #ingame .wrap_no_result ul{margin-left:10px !important;padding-bottom:10px !important;} #ingame #wrap_live{clear:both;float:none;margin:0 0 0 20px;background-color:#fff;} /* 실시간 검색어 */ #wrap_live{float:right;width:250px;padding:7px 10px;margin-top:20px;border:2px solid #b3bccb;} #wrap_live h3{float:none;font-size:13px;padding:5px 0 12px 7px;margin:0;color:#659dbd;border-bottom:1px solid #d1d5db;} #wrap_live a{text-decoration:none;color:#3f3f3f !important;} #wrap_live a:hover{text-decoration:underline;} #wrap_live ol{clear:both;padding:13px 0 0 18px;width:225px;} #wrap_live li{list-style:decimal;text-indent:5px;color:#659dbd;height:24px;padding:0;line-height:1.1;vertical-align:middle;font-size:13px;background:none;} #wrap_live li .word{float:left;width:130px;} #wrap_live li .word strong{} #wrap_live ol li .rank{display:none;} #wrap_live .date{width:164px;margin:0 0 0 13px;padding:4px 0 10px 0;border-top:1px solid #DBDBDB;font-size:11px;} .wrap_collection{padding:0;border-bottom:1px solid #eaeaea;} .wrap_collection ul.power{clear:both;margin:0 0 0 15px;padding:0;} .wrap_collection li{clear:both;overflow:hidden;width:100%;margin-bottom:20px;list-style:none;} .wrap_collection .thumb{float:left;margin:1px 14px 0 0;padding:0;} .wrap_collection sub{color:#c5c5c5;} .wrap_collection li span.ex, .wrap_collection li span.ex a{color:#989898;} .wrap_collection div{height:100%;text-align:left;margin-bottom:-3px;overflow:hidden;font-size:13px;word-break:break-all;vertical-align:top;} .wrap_collection .powerbook h3{float:left;font-size:13px;margin:0 0 7px 0;padding:0;font-weight:normal;line-height:1.2em;} .wrap_collection .powerbook h3 a{color:#0707A3;border-bottom:1px solid #0707A3;} .wrap_collection .powerbook h3 a:hover{text-decoration:none;} .wrap_collection .powerbook h3 a:visited{color:#911093; border-bottom-color:#911093;} .wrap_collection .powerbook p{clear:both;margin:0;color:#444;line-height:1.4;word-break:break-all;} .wrap_collection .powerbook p a, .wrap_collection p a:hover{color:#444;} .wrap_collection .powerbook li span.date{color:#989898;margin:0 0 0 15px;padding:0;} .wrap_collection .powerbook ol.idx{margin:4px 0 0 0;padding:0 0 0 32px;font-size:13px;color:#548fc2;line-height:1.4;background:url('/powerbook/bs1/img/power_search_idx.gif') no-repeat 0 0;} .wrap_collection .powerbook ol.idx li{clear:none;display:inline !important;color:#548fc2;} .wrap_collection .powerbook ol.idx li a{color:#548fc2;} .contents .wrap_theme a{color:#0000C1;} #ingame .wrap_collection{border-bottom:0 none;} #ingame .wrap_collection div{height:auto;} #ingame .wrap_collection ul{margin-left:0 !important;} #ingame .wrap_collection li{border-top:1px solid #fff;border-bottom:1px solid #ddd;padding:10px 0 10px 0;margin:0;} #ingame .wrap_collection li:first-child{border-top:0 none !important;} #ingame .wrap_collection li .thumb{margin:0 -10px 0 20px;} #ingame .wrap_collection li div{padding:0 10px 0 20px;} #ingame .wrap_collection li li{border:0 none !important;padding-left:0;} #ingame .wrap_collection .idx{display:none;} #ingame .bt_new{clear:both;float:left;margin-left:10px !important;} #ingame #modal{position:absolute;top:0px;left:0px;width:100%;min-width:400px;background-color:#000;z-index:100;height:100%;min-height:600px;display:none;opacity:0.5;} #ingame .wrapLayer{display:none;position:absolute;left:0;top:0;width:200px;height:120px;z-index:101;padding:10px;background-color:#fafafa;border:1px solid #333;padding:20px;color:#999;} #ingame .wrapLayer section{position:relative;} #ingame .wrapLayer section div{padding:30px 10px;} #ingame .wrapLayer .button{clear:both;text-align:center;padding:0;} #ingame .wrapLayer .button button{border:0 none;margin:0 2px;vertical-align:middle;text-indent:-100em;overflow:hidden;background:url('/powerbook/bs1/img/sandbox_button.png');} #ingame .wrapLayer .button .js_close{position:absolute;top:0px;right:0px;width:9px;height:9px;background-position:-70px 0px;} #ingame .wrapLayer .button .confirm{width:50px;height:23px;background-position:0 -49px;} #ingame .wrapLayer .button .cancel{width:50px;height:23px;background-position:0 -177px;} #ingame .wrapLayer .button .confirm:hover{background-position:-200px -49px;} #ingame .wrapLayer .button .cancel:hover{background-position:-200px -177px;} #ingame .movie_guide{height:86px;padding:10px;color:#63758b;background:url('/powerbook/bs1/img/ico_movieguide.gif') #e4e8ed no-repeat 20px 35px;} #ingame .movie_guide img{float:left;margin:0 15px 0 10px;} #ingame .movie_guide p{float:left;margin:24px 0 0 60px;} #ingame .movie_guide:after{content:"";display:block;clear:both;} #ingame .movie_qr{background:#e4e8ed;} #ingame .movie_qr p{margin:26px 0 0 0;} #ingame .wrap_status{display:none;position:relative;margin:-10px 0 20px 0;padding:12px 7px 7px 55px;font-size:13px;background:url('/powerbook/bs1/img/g_banner.gif') #e4e8ed no-repeat 10px -33px;} #ingame .wrap_status .qrcode{float:right;width:68px;height:68px;margin:-6px 0 0 10px;} #ingame .wrap_status em{color:#63758b;} #ingame .wrap_status .close{display:none; position:absolute;right:3px;top:3px;width:20px;height:20px;padding:0;text-indent:-100em;overflow:hidden;background:url('/powerbook/bs1/img/g_banner.gif') no-repeat -36px 5px;} #ingame .wrap_status:after{content:"";display:block;clear:both;} /* 우측 배너 */ #pc #reside_banner{position:relative;z-index:99;margin-top:40px;} #pc #reside_banner .banner_abs{position:absolute;left:0;top:0;} /* required to avoid jumping */ #pc #reside_banner.fixed{position:fixed;top:0;margin-top:50px;} #pc #reside_banner a{display:block;margin-bottom:15px;} #pc #reside_banner img{vertical-align:top;} /* table t */ #tablet article header menu{display:none;} #tablet .wrap_powersearch{} #tablet #searchToggle{display:none;} #tablet .wrap_powersearch{left:auto;right:0;} #tablet #mainPowerSearch .wrap_powersearch{left:256px;right:auto;} #tablet .wrap_powerarticle .list_article{margin-left:-3%;} #tablet .wrap_powerarticle article {width:30.3%; margin-left:3%; height:auto;} #tablet .wrap_powerarticle article .thumb {width:100%; height:auto;} #tablet #container{min-width:723px;margin:0 10px;} .contents .font_green{color:#45bc5e !important;} .contents .font_lightyellow{color:#e9af00 !important;} .contents .font_red{color:#ea6256 !important;} #ingame .wrap_searchres{} #ingame .wrap_searchres h2{padding:15px 0 15px 15px !important;font-size:13px;} /* overwrite */ .contents .wrap_theme{margin-top:0 !important;} .contents .wrap_theme h2{float:none !important;clear:none;font-size:13px;line-height:100% !important;} .contents .wrap_theme .game_info dd li{padding-bottom:0 !important;} .wrap_searchres section h2{margin:0;padding:0 0 20px 2px !important;font-size:13px !important;} .contents .icon_in_description{height:18px;vertical-align:middle;margin:2px 2px 2px 0;} .growth_tree{line-height:1.2;margin:0;} .growth_tree table, .growth_tree nav{text-align:center;margin:0 auto;} .growth_tree nav{margin-top:40px;} .growth_tree nav a{padding:5px;border:1px outset #ccc;background-color:#eee;} .growth_tree_node{height:40px;vertical-align:top;text-align:left;border:1px solid #d6d9de;} .growth_obj_main{padding:7px 9px 0 9px;border-top:2px solid #63758b;background-color:#dde5e9;} .growth_obj_material{height:39px;padding:8px 9px 0 9px;background-color:#eaeef1;} .growth_obj_navigation{border:0 none;text-align:center;vertical-align:middle;} .growth_tree_line{text-align:center;vertical-align:middle;} .growth_node_spec{color:#444;} .growth_tree_arrow_down{display:inline-block;text-indent:-100em;overflow:hidden;width:62px;height:18px;margin:auto auto;background:url(/powerbook/bs1/img/power_growthtree_down.gif) no-repeat center center} .growth_tree_plus{display:inline-block;text-indent:-100em;overflow:hidden;width:18px;height:47px;margin:auto auto;background:url(/powerbook/bs1/img/power_growthtree_plus.gif) no-repeat center center;} /* search_common override [bns_search.css] * * overwrite * .contents .wrap_theme h3{font-size:14px !important;margin:14px 0 !important;} .wrap_searchres h2{margin:0;padding:15px 0 20px 2px;font-size:13px !important;} .wrap_searchres h2 em{color:#d26919;} .wrap_searchres h2 span{font-size:13px !important;font-weight:normal;color:#999;} .wrap_searchres .bt_new{margin:0 0 20px 40px;padding:5px;font-size:13px;border:1px outset #ccc;background-color:#eee;} .wrap_searchres article{} .wrap_searchres em{color:#d26919;} .wrap_theme{border-bottom:1px solid #eaeaea;margin:20px 0 0;} .wrap_theme table{table-layout:auto !important;} .wrap_theme .info_ty1{clear:both;width:auto !important;} .wrap_theme .info_ty1 ul.info_list, .wrap_theme .game_intro, .wrap_theme .info_ty1 .info_intro{float:none !important;} .wrap_theme .game_ty1 p.thumb{padding-right:15px !important;} .wrap_theme table.tb_indent{width:auto !important;} .wrap_theme ul, .wrap_theme ol, .wrap_theme li{padding:0;margin:0;list-style:none !important;} * 테마검색 아이템트리 .contents .wrap_theme .grade1, .contents .wrap_theme .grade2, .contents .wrap_theme .grade3, .contents .wrap_theme .grade4, .contents .wrap_theme .grade5, .contents .wrap_theme .grade6{font-size:13px;} .contents .wrap_theme h2{font-size:13px;} .contents .wrap_theme h2 span.itemName{font-size:13px !important;color:#333;} .contents .wrap_theme #itemTreeType h3{margin:0 !important} */ #pc .wrap_searchres{padding-top:50px;} #pc .wrap_searchres .wrap_collection .powerbook li ol.idx{padding-bottom: 2px;} /* 업적 */ .object_achieve{} .object_achieve .property{} .object_achieve .property div.case{clear:both;} .object_achieve .property div.case .title{clear:both;position:relative;} .object_achieve .property div.case .title img{width:30px;} .object_achieve .property div.case .title .no{position:absolute;left:0;top:17px;width:26px;height:13px;padding:0 2px;text-align:right;font-size:10px;color:#fff;background-color:#333;} .object_achieve .property div.case ul{margin-left:20px;} .object_achieve .property div.case .desc{margin-left:35px;margin-bottom:5px;} .object_achieve .property div.case_col{clear:both;width:100%;margin-bottom:10px;} .object_achieve .property div.case_col:after{content:"";display:block;clear:both;} .object_achieve .property div.case_col ul{margin-left:25px;} .object_achieve .property div.case_col li{float:left;width:45%;} .object_achieve .head{position:relative;} .object_achieve .head .summary p{padding-bottom:5px;} .object_achieve .btn_achieve_score{position:absolute;top:10px;right:10px;width:65px;height:65px;text-align:center;background:url('/powerbook/bs1/img/power_object_achieve.png') no-repeat;} .object_achieve .btn_achieve_score strong{display:block;margin-top:20px;font-size:18px;color:yellow;} .list_object_achieve{border-top:1px solid #d6d9de} .list_object_achieve td{padding:0 !important;} .list_object_achieve .object_achieve{margin:0;} .list_object_achieve .object_achieve section, .lists .object_achieve section .head{background:none;border:0 none;} #ingame .object_achieve .btn_achieve_score strong{margin-top:25px;} #lnbSearch{display:block !important;} #pc .object_achieve .head .summary p{width:340px;} #ingame .object_achieve .head .summary p, #mobile .object_achieve .head .summary p{width:160px;} .contents{padding:inherit !important;border:0 none !important} #loginArea{margin:0 !important;} /*#rightSide .userCharacter{padding:0 !important;}*/ #pc .wrap_sharebtn .wrap_btLike_NP{position:relative;display:block;width:97px;height:45px;margin:0 auto;overflow:hidden} #pc .wrap_sharebtn .wrap_btLike_NP .count_NP{margin:0;padding:0;line-height:16px;text-align:center;background:url('/powerbook/bs1/img/icon_board.png') 0 -282px no-repeat;width:97px;height:45px} #pc .wrap_sharebtn .wrap_btLike_NP .count_NP span{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:14px 0 0;padding-left:52px;color:#df5138;font-size:14px;line-height:13px;background:url('/powerbook/bs1/img/icon_board.png') 0 -337px no-repeat} #pc .wrap_sharebtn .wrap_btLike_NP .doLike_NP,.wrap_sharebtn .wrap_btLike_NP .doUnLike_NP{display:none;position:absolute;left:0;top:0;width:97px;height:45px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize} #pc .wrap_sharebtn .wrap_btLike_NP .doLike_NP{background:url('/powerbook/bs1/img/icon_board.png') 0 -361px no-repeat} #pc .wrap_sharebtn .wrap_btLike_NP .doUnLike_NP{background:url('/powerbook/bs1/img/icon_board.png') 0 -416px no-repeat} #pc .wrap_sharebtn .wrap_btLike_NP:hover .doLike_NP,.wrap_sharebtn .wrap_btLike_NP.liked_NP:hover .doUnLike_NP{display:block} #pc .wrap_recommend{clear:both;margin-top:50px;padding:21px 30px 5px 30px;border-top: 2px solid #373f52; border-bottom: 1px solid #e8eaeb; background-color: #f5f7f9;font-size:13px;} #pc .wrap_recommend header .recommend_info{position: relative; height: 91px; line-height:1.9;} #pc .wrap_recommend header .recommend_info .info_doc{font-size: 22px;color: #222;} #pc .wrap_recommend header .recommend_info .info_free{margin-right: 80px; font-size: 13px; color: #444; } #pc .wrap_recommend header .recommend_info .info_free strong{color: #d26919; } #pc .wrap_recommend header .recommend_info .btn_free{position:absolute; right: 0px; bottom: 28px; display: inline-block; width: 78px; height: 24px; background: url(/powerbook/bs1/img/power_recommend.png) no-repeat 0px 0px;} #pc .wrap_recommend header hgroup h3{margin: 0; padding: 30px 0 13px 0; font-size: 13px; color: #333;} #pc .wrap_recommend header .btn_more{position:absolute; right: 0px; top: 125px; display: inline-block; width: auto; padding:0 12px 0 0; font-size: 11px; color: #999; background: url(/powerbook/bs1/img/power_recommend.png) no-repeat right -49px;} #pc .wrap_recommend section{width: 748px;} #pc .wrap_recommend section:after {clear: both; display: block; content: '';} #pc .wrap_recommend section article{position: relative; float: left; clear: none; width: 175px; height: 130px; border: 1px solid #dce0e2; margin:0 10px 10px 0; padding: 0 !important; overflow: hidden;} #pc .wrap_recommend section article:hover{border-color: #de833d;} #pc .wrap_recommend section article a{display: block; width: 175px; height: 130px; color: #444; line-height: 1.5; background-color:#fff;} #pc .wrap_recommend section article a:hover, .wrap_recommend section article a:hover *{text-decoration: underline;} #pc .wrap_recommend section article i{display: none;} #pc .wrap_recommend section article.ty_img{position: relative;} #pc .wrap_recommend section article.ty_img img{z-index: 1; } #pc .wrap_recommend section article.ty_img i{position: absolute; display: block; bottom:0px; left: 0px; width: 175px; height: 33px; background: #000; opacity: 0.6; z-index: 2;} #pc .wrap_recommend section article.ty_img:hover i{background: #d26919; opacity: 1.0;} #pc .wrap_recommend section article.ty_img .subject{position: absolute; bottom: 7px; left: 10px; width: 160px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; z-index: 3;} #pc .wrap_recommend section article.ty_txt .subject{display: block; padding:57px 14px 14px 14px;} #pc .wrap_recommend .nodata{clear:both; line-height: 1.5;} #pc .wrap_recommend section article.ty_txt i{position: absolute; left: 15px; top: 15px; display: inline-block; width: 30px; height:30px; overflow: hidden; background: url(/powerbook/bs1/img/power_recommend.png) #fff no-repeat 0px -100px;} #pc .wrap_recommend section article.ty_txt:hover i{background-position: -30px -100px;} #pc .contents { position: relative; width: 1130px; min-height: 1000px; padding: 0; margin: 0 auto; overflow: hidden; z-index: 2; background: #fff url(/powerbook/bs1/img/bg_lnb.jpg) repeat-y right top; } #pc .section-powerbook { position: relative; float: left; width: 100%; max-width: 860px; padding-right: 60px; padding-bottom: 100px; } #mobile .section-powerbook{padding-top:70px;padding-bottom:20px;} #mobile .contents h1{font-size:20px;} .header-wrapper, .contents-wrapper { position: relative; z-index: 2; } /*#pc, #pc body, #pc #nc-cnb {min-width:1130px;}*/ #pc #bgRight { position: absolute; right: 0; top: 0; width: 50%; height: 100%; overflow: hidden; z-index: 1; background: #eef2f5 url(/powerbook/bs1/img/bg_right.png) repeat-x center top; } #pc #rightSide { position: relative; float: left; max-width: 270px; margin: 0; padding: 0; } #mobile #rightSide{display:none;} .slick-dots{right:10px;bottom:-15px;width:auto;} .slick-dots li{margin: 0 2px;} .slick-dots li button:before{content:'';background-color:#d6d0cd;border-radius:50%;opacity:1;} .slick-dots li.slick-active button:before{background-color:#b15b3d;} #pc .slick-dots{} /* layout-f2p.css */ .pager { clear: both; margin: 0 auto; padding: 0; text-align: center; overflow: hidden } .pager .paging { margin: 0 auto; padding: 22px 0 30px 0; text-align: center } .pager .paging a { display: inline-block; vertical-align: middle; margin: 0 3px; padding: 3px 6px 4px; color: #585858; font-size: 13px; line-height:1.3; } .pager .paging a.first,.pager .paging a.last,.pager .paging a.next,.pager .paging a.prev { width: 20px; height: 20px; margin: 0; padding: 0; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; background-image: url(/powerbook/bs1/img/ic_pager.png); background-repeat: no-repeat; background-color: #bcbcbc; vertical-align: middle; } .pager .paging a.first { background-position: 6px 7px } .pager .paging a.last { background-position: 6px -9px } .pager .paging a.prev { background-position: -10px 7px } .pager .paging a.next { background-position: -10px -9px } .pager .paging span.current { display: inline-block; vertical-align: middle; margin: 0; padding: 3px 6px 4px; color: #fff; font-size: 13px; line-height:1.3; cursor: pointer; background-color: #df5138 } #pc .section-powerbook{padding-top:50px;} @media (min-width: 960px) { #pc .section-powerbook {padding-top:0;} } .wrap_editor {padding-top: 50px;} .wrap_editor .subject_form{padding:5px;} .wrap_editor .subject_form .input_title{border:1px solid #999;width:calc(100% - 100px);padding:5px;} #xqEditor{width:100%;height:100%} .inform_area { padding: 25px 25px 25px 47px; border: 1px solid #d7e0e7; background-color: #f5f7f9; text-indent: -28px; color: #494949; font-size: 13px; margin-top: 10px; margin-bottom: 30px; line-height: 1.69; } .inform_area em{ font-style: normal; color: #d26919; } .inform_area::before { display: inline-block; width: 23px; height: 23px; margin-right: 3px; vertical-align: middle; content:''; background-size: 23px 23px; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXBAMAAAASBMmTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTOB6MdRyJtZxJtRwJdRxJtRxJdVxJdZyJ9mCK9RwJv///9RxJtRwJdRxJdNwJWg2ldkAAAAPdFJOUwAOfVK1m95mPQX0Ab6/jMiQtqoAAACwSURBVBjTY2AAAuGiYgEGCODuWRIUsqYbwhFJBgoLp4DlGL9OAFGTEkGkmAJEgT5QitsJqpXVm4GBIxPIiAfKcmYwMPAaAGXjC4AiNgwMUiBTwBwgywSk/j2Iw2LAUArmGIBMKGBQAhsL4jApQGT0GyAyYD0mDRA9YNM4GSCmge3RgtoDdgHIaJALuF2BnI0gw4BuY5CHuloNpJkxCeyfqR8xfMqwuxcYBmuhYYAIHQAXAiGRZmV1CQAAAABJRU5ErkJggg=='); }